@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#111111;--paper:#f6f0e7;--lilac:#c4b7e8;--muted:#444444;--pink:#e0005c;--line:#111;--white:#eee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}a:hover{text-underline-offset:5px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:10px}.nav{min-height:104px;display:flex;gap:25px;align-items:center;justify-content:space-between;border-bottom:3px solid}.wordmark{font:700 34px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-2px}.wordmark span{font-size:23px;margin-left:5px;color:var(--pink)}.nav nav{display:flex;gap:28px;align-items:center;font-weight:700;font-size:14px}.nav nav a:hover{text-decoration:underline}.nav-contact{padding:10px 18px;border:2px solid;background:var(--lilac);box-shadow:4px 4px 0 var(--ink)}.nav-contact span{margin-left:14px}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:64px;align-items:center;padding-block:65px 75px}.eyebrow{font:600 12px/1.5 'Space Grotesk',sans-serif;letter-spacing:1.1px;margin:0 0 25px}.hero h1{font:700 clamp(56px,6.7vw,94px)/1.05 'Space Grotesk',Arial,sans-serif;letter-spacing:-4px;margin:0 0 28px}.hero h1 em{display:inline-block;background:var(--lilac);padding:0 .08em .06em;font:inherit;font-style:normal;transform:rotate(-1.4deg);box-shadow:5px 5px 0 var(--ink)}.intro{font-size:22px;line-height:1.45;margin:0 0 20px}.description{color:var(--muted);max-width:480px;margin:0 0 30px}.actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 21px;font-size:15px;font-weight:700;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}.primary{background:var(--lilac);color:var(--ink)}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.text-link{font-size:14px;font-weight:700;text-decoration:underline}.hero-foot{border-top:1px solid;margin-top:35px;padding-top:17px;display:flex;flex-wrap:wrap;gap:12px 22px;font:500 12px/1.5 'Space Grotesk',sans-serif}.portrait{margin:0;position:relative;align-self:center;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--lilac);transform:rotate(1.2deg)}.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;filter:none}.portrait figcaption{position:relative;padding:14px 18px;background:var(--lilac) url('/grain.svg');border-top:3px solid;line-height:1.35}.portrait figcaption span{font:700 29px/1.2 'Space Grotesk',sans-serif;letter-spacing:-1px;display:block}.portrait figcaption small{font:500 12px/1.5 'Space Grotesk',sans-serif;display:block;margin-top:6px;letter-spacing:.6px}.ticker{width:100%;overflow:hidden;background:var(--ink) url('/grain.svg');color:var(--lilac);border-block:3px solid var(--ink);padding:17px 0}.ticker-track{display:flex;width:max-content;white-space:nowrap}.ticker-unit{flex:0 0 auto;font:700 28px/1.3 'Space Grotesk',sans-serif;letter-spacing:1px;padding-left:20px}.universe,.networks{padding-block:80px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:42px}h2{font:700 clamp(34px,3.4vw,48px)/1.16 'Space Grotesk',Arial,sans-serif;letter-spacing:-1.6px;margin:0}h2 em{font:italic 400 1em/1.16 Georgia,serif}.section-head .eyebrow{padding-top:10px}.topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.topic{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:25px;display:flex;flex-direction:column;background:var(--paper);transition:transform .18s}.topic:hover{transform:translateY(-4px)}.topic.lilac{background:var(--lilac)}.topic.dark{background:var(--ink);color:var(--paper);box-shadow:6px 6px 0 var(--lilac)}.topic-top{font:600 12px/1.5 'Space Grotesk',sans-serif;display:flex;justify-content:space-between;gap:12px;align-items:center}.topic-top>span:last-child{font-size:25px}.topic-type{font:700 clamp(45px,5vw,72px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-2px;padding:30px 0 35px;margin:10px 0 20px;min-height:215px;border-bottom:3px solid;background-image:url('/grain.svg')}.topic-type i{font-family:Georgia,serif;font-weight:400}.philosophy i{color:#65478c}.culture i{color:var(--lilac)}.topic h3{font-size:20px;line-height:1.35;letter-spacing:-.4px;margin:0 0 14px}.topic p{margin:0 0 28px}.topic-link{font-size:14px;font-weight:700;margin-top:auto;border-top:1px solid;padding-top:15px}.topic:hover .topic-link{text-decoration:underline}.video-section{border-block:3px solid;background:var(--lilac);padding-block:70px}.video-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.video-copy{max-width:580px}.video-copy h2{font-size:clamp(38px,4.4vw,60px);margin-bottom:28px}.video-copy>p:not(.eyebrow){max-width:470px}.reel-name{font-weight:700;border-top:2px solid;padding-top:22px;margin-top:30px}.video-copy .button{background:var(--paper);margin-block:10px}.embed-help{font-size:14px;color:var(--muted)}.video-frame{width:min(100%,440px);justify-self:center;background:#fff;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);min-width:0}.video-label{font:700 14px/1.5 'Space Grotesk',sans-serif;letter-spacing:1px;color:var(--paper);background:var(--ink) url('/grain.svg');padding:12px 18px}.video-frame iframe{display:block;width:100%;height:660px;border:0;background:#fff}.about{padding-block:75px;border-bottom:2px solid}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{margin-bottom:26px}.about p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:680px}.signature{font:italic 26px/1.4 Georgia,serif;margin-top:28px}.network-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid;border-left:2px solid}.network{padding:24px 20px;border-bottom:2px solid;border-right:2px solid;transition:background .15s}.network:hover{background:var(--lilac)}.network-name{font:700 22px/1.3 'Space Grotesk',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:10px}.network-desc{display:block;color:var(--muted);font-size:14px;margin-top:12px}.contact{padding-block:70px 25px;border-top:3px solid}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.contact h2{font-size:clamp(40px,4.6vw,64px)}.contact-grid p{margin:0 0 22px;color:var(--muted)}.contact .button{margin-top:8px}.email{display:block;width:fit-content;font-size:14px;margin-top:20px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-bottom{border-top:1px solid;padding-top:22px;margin-top:60px;display:flex;justify-content:space-between;gap:20px;font:500 12px/1.5 'Space Grotesk',sans-serif}.footer{background:var(--ink);color:var(--paper);padding-block:45px 25px;border-top:8px solid var(--lilac)}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer p{margin:0;font-size:15px}.footer p span{color:var(--lilac)}.socials{display:flex;gap:25px;font-size:14px}.socials a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #444;padding-top:20px;margin-top:45px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bbb}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:35px}.hero h1{font-size:clamp(50px,6.4vw,72px);letter-spacing:-3px}.intro{font-size:20px}.nav nav{gap:20px}.topics{gap:18px}.topic{padding:20px}.topic-type{min-height:190px}.video-grid{gap:35px}.contact-grid{gap:40px}.network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.nav{min-height:86px;flex-wrap:wrap;padding-block:20px;row-gap:20px}.wordmark{font-size:30px}.nav nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap}.nav nav>a{font-size:14px}.nav-contact{padding:7px 10px}.nav-contact span{margin-left:5px}.hero{grid-template-columns:1fr;gap:35px;padding-block:38px 50px}.hero h1{font-size:clamp(45px,11.8vw,78px);letter-spacing:-2.5px}.hero .eyebrow{max-width:95%;font-size:12px}.hero .intro{font-size:20px}.actions{gap:22px}.hero-foot{gap:12px}.portrait{margin:0 5px;max-width:480px;justify-self:center;width:calc(100% - 10px);box-shadow:7px 7px 0 var(--ink)}.portrait figcaption span{font-size:27px}.ticker{padding-block:14px}.ticker-unit{font-size:23px}.universe,.networks{padding-block:50px}.section-head,.about-grid,.contact-grid,.video-grid{grid-template-columns:1fr;gap:18px}.section-head{margin-bottom:28px}.section-head .eyebrow{padding:0;margin:0}.topics{grid-template-columns:1fr;gap:25px}.topic{padding:25px}.topic-type{font-size:65px;min-height:210px}.topic h3{font-size:22px}h2{font-size:35px;letter-spacing:-1px}.video-section{padding-block:50px}.video-copy h2{font-size:42px}.video-grid{gap:30px}.video-frame{box-shadow:6px 6px 0 var(--ink)}.video-frame iframe{height:640px}.about{padding-block:50px}.about-grid{gap:0}.about p:not(.eyebrow){font-size:17px}.network{padding:20px 14px}.network-name{font-size:20px}.network-desc{font-size:14px}.contact{padding-top:48px}.contact-grid{gap:25px}.contact h2{font-size:42px}.contact-bottom{flex-direction:column;gap:10px;margin-top:40px}.footer-top{flex-wrap:wrap}.footer-top p{flex-basis:100%;order:3}.socials{flex-wrap:wrap;gap:20px}.footer-bottom{flex-direction:column;gap:8px;margin-top:28px}}
@media(max-width:360px){.network-grid{grid-template-columns:1fr}.button{padding:13px 15px;gap:12px}.video-copy h2,.contact h2{font-size:36px}.hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Portfolio and collaboration sections */
.work-section,.services{padding-block:75px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--paper);min-width:0;display:flex;flex-direction:column}.work-label{padding:13px 15px;background:var(--ink) url('/grain.svg');color:var(--lilac);font:600 12px/1.5 'Space Grotesk',sans-serif;letter-spacing:.6px}.work-card iframe{width:100%;height:510px;display:block;border:0;border-bottom:2px solid var(--ink);background:var(--white)}.work-info{padding:23px;display:flex;flex-direction:column;flex:1}.work-info h3{font:700 23px/1.25 'Space Grotesk',sans-serif;letter-spacing:-.5px;margin:0 0 14px}.work-info p{margin:0 0 23px;color:var(--muted)}.work-info a{margin-top:auto;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.work-info .reel-name{border:0;padding:0}.work-section>.embed-help{margin-top:25px}.case-section{background:var(--lilac);border-block:3px solid var(--ink);padding-block:70px}.case-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:45px}.case-heading h2{max-width:860px}.case-stamp{border:3px solid;padding:10px 14px;transform:rotate(4deg);font:700 12px/1.4 'Space Grotesk',sans-serif;max-width:170px;background:url('/grain.svg');flex-shrink:0}.case-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:65px}.case-story dl{margin:0 0 28px}.case-story dl>div{padding:20px 0;border-top:1px solid;display:grid;grid-template-columns:125px 1fr;gap:22px}.case-story dt{font-weight:700}.case-story dd{margin:0}.case-result{align-self:start;background:var(--ink) url('/grain.svg');color:var(--paper);padding:35px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--paper)}.result-label{font:600 12px/1.5 'Space Grotesk',sans-serif;letter-spacing:1px}.case-result>strong{display:block;font:700 clamp(65px,7.5vw,105px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-4px;color:var(--lilac);margin-top:23px}.case-result>strong span{font-size:.4em;letter-spacing:-1px;margin-left:10px}.case-result>p{font-size:21px;margin:8px 0 20px}.case-result>small{display:block;color:#ddd;font-size:14px}.case-deliverables{border-top:1px solid #777;margin-top:28px;padding-top:20px;font:500 12px/1.6 'Space Grotesk',sans-serif;letter-spacing:1px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service{border:2px solid;box-shadow:6px 6px 0 var(--ink);padding:26px;display:flex;flex-direction:column}.service:nth-child(2){background:var(--lilac)}.service h3{font:700 29px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:0 0 20px}.service p:not(.eyebrow){margin:0 0 24px}.service .service-fit{font-size:14px;font-weight:700;padding-top:18px;border-top:1px solid}.service .text-link{margin-top:auto}.service-note{max-width:none;margin:32px 0 0;color:var(--muted)}.network-grid.primary-networks{grid-template-columns:repeat(3,minmax(0,1fr));background:var(--lilac)}.primary-networks .network{padding:30px 24px}.primary-networks .network-name{font-size:30px}.network-grid.deeper-networks{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}.socials{flex-wrap:wrap;max-width:390px;gap:15px 24px}.secondary-network .network-name{font:inherit;display:inline}.secondary-network:hover{text-decoration:underline}
@media(max-width:1050px){.work-grid,.service-grid{gap:18px}.work-info,.service{padding:20px}.work-card iframe{height:460px}.case-grid{gap:35px}.case-story dl>div{grid-template-columns:1fr;gap:8px}.case-result{padding:27px}.case-result>strong{font-size:72px}.primary-networks .network-name{font-size:26px}.service h3{font-size:25px}}
@media(max-width:720px){.work-section,.services,.case-section{padding-block:50px}.work-grid,.service-grid,.case-grid{grid-template-columns:1fr;gap:28px}.work-card iframe{height:570px}.work-card{width:100%;max-width:480px;justify-self:center}.work-info{padding:23px}.case-heading{flex-direction:column;gap:24px;margin-bottom:35px}.case-stamp{max-width:none;font-size:12px;transform:rotate(-2deg)}.case-result{margin-right:8px}.case-result>strong{font-size:86px}.service{padding:26px}.service h3{font-size:29px}.network-grid.primary-networks,.network-grid.deeper-networks{grid-template-columns:1fr}.primary-networks .network{padding:24px 20px}.primary-networks .network-name{font-size:27px}.socials{max-width:100%;flex-basis:100%}.work-info h3{font-size:24px}}