@font-face{font-family:DM Sans;src:url('/assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
/* The playable experiment is separate from the homepage film and its controls. */
.visualiser-entry{display:grid;grid-template-columns:1.35fr 1fr;min-height:320px;border:1px solid #eee9df25;margin:0 0 48px;background:#10191b;overflow:hidden;color:var(--paper)}
.visualiser-entry-image{position:relative;min-height:100%;overflow:hidden;background:radial-gradient(ellipse at 45% 48%,#020405 15%,#244046 55%,#0b171a)}
.visualiser-entry-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#10191b70)}
.visualiser-entry-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 55%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.visualiser-entry-image>span{position:absolute;z-index:1;left:25px;top:22px;font-size:8px;letter-spacing:1.5px;color:#eee9dfba}
.visualiser-entry-copy{position:relative;padding:37px 40px;align-self:center}.visualiser-entry-copy>.eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--copper)}
.visualiser-entry-copy h3{font-size:clamp(36px,3.9vw,58px);line-height:1.02;letter-spacing:-.05em;margin:17px 0}.visualiser-entry-copy h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#e7d4b8}
.visualiser-entry-copy>p:not(.eyebrow){font-size:12px;line-height:1.75;color:#b6b7ac}.visualiser-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;border-bottom:1px solid #c7a47765;padding-bottom:9px;margin-top:24px;max-width:220px}.visualiser-entry-cta>span{font-size:22px;color:var(--copper);line-height:1}
.visualiser-entry:hover .visualiser-entry-image img{transform:scale(1.025)}.visualiser-entry:hover .visualiser-entry-cta{color:var(--copper)}
@media(max-width:720px){.visualiser-entry{grid-template-columns:1fr;margin-bottom:42px}.visualiser-entry-image{min-height:235px;aspect-ratio:1.65}.visualiser-entry-image:after{background:linear-gradient(180deg,transparent 65%,#10191b80)}.visualiser-entry-image>span{left:20px;top:18px;font-size:7px}.visualiser-entry-copy{padding:27px 25px 30px}.visualiser-entry-copy h3{font-size:43px}.visualiser-entry-copy>p:not(.eyebrow){font-size:12px}.visualiser-entry-cta{max-width:none;margin-top:23px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.visualiser-entry-image img{transition:none}.visualiser-entry:hover .visualiser-entry-image img{transform:none}}
:root{color-scheme:dark;--paper:#eee9df;--ink:#252822;--muted:#756f65;--copper:#c7a477;--dark:#0a0e0f;--line:#ffffff25;--space:clamp(24px,6.1vw,112px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--dark);color:var(--paper);font:16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#c7a477;color:#151915}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:6px}img,video,canvas{display:block}img{width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.055em;line-height:1.02}h2{font-size:clamp(46px,5.8vw,86px)}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.052em}a,button,summary{transition:color .2s,background .2s,border-color .2s}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:14px 20px;background:var(--paper);color:var(--ink)}.skip-link:focus{top:16px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:40px;height:108px;padding:0 var(--space);color:#f3efe6;transition:height .35s,background .35s,color .35s,border-color .35s;border-bottom:1px solid transparent}.wordmark{display:inline-flex;align-items:center;font-size:28px;letter-spacing:-1.5px;line-height:1;font-weight:600;white-space:nowrap}.wordmark>span{font-weight:350;opacity:.65}.wordmark i{font-size:25px;font-style:normal;margin-left:13px;color:var(--copper);line-height:1}.header-purpose{font-size:9px;letter-spacing:1.25px;line-height:1.6;opacity:.7;border-left:1px solid #ffffff45;padding-left:24px}.site-nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.site-nav a{position:relative;padding:8px 0;color:#e9e7e2d6}.site-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-nav a:hover:after,.site-nav a[aria-current='location']:after{transform:scaleX(1)}.contact-link{border:1px solid #ffffff65;border-radius:30px;padding:11px 18px;display:flex;align-items:center;gap:27px;font-size:13px;white-space:nowrap}.contact-link span{font-size:19px;line-height:1;color:var(--copper)}.contact-link:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.site-header.is-reading{height:80px;background:#eee9dff0;backdrop-filter:blur(18px);color:var(--ink);border-color:#25282215}.site-header.is-reading .site-nav a{color:#353b31}.site-header.is-reading .header-purpose{border-color:#25282235}.site-header.is-reading .contact-link{border-color:#25282245}.site-header.is-reading .contact-link:hover{background:var(--ink);color:var(--paper)}.site-header.is-reading.is-dark{background:#0a0e0fed;color:var(--paper);border-color:#ffffff20}.site-header.is-reading.is-dark .site-nav a{color:#e9e7e2d6}.site-header.is-reading.is-dark .header-purpose{border-color:#ffffff35}.site-header.is-reading.is-dark .contact-link{border-color:#ffffff60}.site-header.is-reading.is-dark .contact-link:hover{background:var(--paper);color:var(--ink)}
.evolution{height:650vh;height:650svh;position:relative;background:#080d0e;--evolution-progress:0}.evolution-stage{position:sticky;top:0;width:100%;height:100vh;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.evolution-poster-wrap,#evolution-canvas,.evolution-shade{position:absolute;inset:0;width:100%;height:100%}.evolution-poster-wrap{z-index:-3}.evolution-poster-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}#evolution-canvas{z-index:-2;pointer-events:none}.evolution-shade{z-index:-1;pointer-events:none;background:linear-gradient(180deg,#03090965 0%,transparent 22%,transparent 40%,#03080921 52%,#030708b3 76%,#030708de 100%)}.evolution-topline{position:absolute;left:var(--space);right:var(--space);top:128px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#e1ded28f}.evolution-copy{position:absolute;left:var(--space);right:var(--space);bottom:130px;opacity:0;visibility:hidden;transform:translate3d(0,14px,0);transition:opacity .4s,transform .6s,visibility .4s;pointer-events:none;max-width:1000px}.evolution-copy .scene-kicker{font-size:10px;letter-spacing:2.4px;color:#dcd4c2;margin-bottom:23px;display:flex;align-items:center;gap:17px}.scene-kicker>span{color:var(--copper);letter-spacing:0;font-size:12px}.scene-kicker>span:after{content:'';width:24px;height:1px;background:#b29b715e;display:inline-block;vertical-align:middle;margin-left:17px}.evolution-copy h1,.evolution-copy h2{font-size:clamp(65px,7.7vw,116px);line-height:.97;text-wrap:balance;max-width:960px;letter-spacing:-.062em}.evolution-copy h1 em,.evolution-copy h2 em{color:#e7d4b8;font-size:1.075em;line-height:1.02}.scene-bottom{display:flex;align-items:flex-end;gap:55px;margin-top:26px}.scene-bottom p{font-size:15px;line-height:1.65;color:#deddd4d6;font-weight:350;max-width:400px}.scene-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;white-space:nowrap;padding:5px 0 8px;border-bottom:1px solid #dfd7c96b;font-size:13px;pointer-events:auto}.scene-link span{font-size:22px;color:var(--copper);line-height:1;transition:transform .3s}.scene-link:hover span{transform:translate(3px,-3px)}[data-chapter='0'] [data-evolution-copy='0'],[data-chapter='1'] [data-evolution-copy='1'],[data-chapter='2'] [data-evolution-copy='2'],[data-chapter='3'] [data-evolution-copy='3']{opacity:1;visibility:visible;transform:translateZ(0);pointer-events:auto}#evolution[data-state='passage'] .evolution-copy,#evolution[data-state='settling'] .evolution-copy{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-10px,0);transition-duration:.2s}.evolution-controls{position:absolute;left:var(--space);right:var(--space);bottom:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.scroll-cue{padding:0;border:0;background:none;text-align:left;font-size:10px;letter-spacing:.8px;display:flex;align-items:center;gap:16px;width:max-content;color:#ddd8ccb8}.scroll-line{height:26px;width:1px;background:#e3d8c36b;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;top:-12px;left:0;width:1px;height:12px;background:#efdebc;animation:scroll-cue 2.5s infinite ease-in-out}@keyframes scroll-cue{0%{transform:translateY(0)}70%,100%{transform:translateY(40px)}}.chapter-nav{display:flex;gap:14px}.chapter-nav button{padding:10px 0;border:0;background:none;display:flex;align-items:center;gap:10px;color:#ddd4c58c;font-size:10px;line-height:1}.chapter-nav button i{display:block;width:32px;height:1px;background:#ffffff35;transition:background .35s,width .35s}.chapter-nav button[aria-current='step']{color:#f4e4c7}.chapter-nav button[aria-current='step'] i{background:#f4e4c7;width:56px}.chapter-nav button:hover{color:var(--paper)}.motion-toggle{justify-self:end;border:0;background:none;padding:8px 0;font-size:11px;color:#ddd8ccb8;display:flex;align-items:center;gap:9px}.motion-toggle:hover{color:var(--paper)}.film-credit{position:absolute;right:var(--space);top:48%;font-size:8px;letter-spacing:.5px;color:#ddd7c779;writing-mode:vertical-rl;transform:rotate(180deg)}.journey-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#ffffff14}.journey-progress span{display:block;width:100%;height:100%;background:#c2a478;transform:scaleX(var(--evolution-progress));transform-origin:left;will-change:transform}
.section-wrap{padding-left:var(--space);padding-right:var(--space)}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.8px;line-height:1.7}.section-heading{margin-bottom:60px}.section-heading>.eyebrow{margin-bottom:35px;color:#786d5c}.section-heading>div{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-heading>div>p{font-size:16px;line-height:1.8;max-width:380px;color:var(--muted);padding-bottom:7px}.work{background:var(--paper);color:var(--ink);padding-top:120px;padding-bottom:70px}.work h2 em,.about h2 em,.approach h2 em,.automation h2 em{color:#83765e}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.project{min-width:0}.project-visual{position:relative;aspect-ratio:1.53;overflow:hidden;background:#f9faf6}.project-visual img{height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.project:hover .project-visual img{transform:scale(1.035)}.project-number{position:absolute;left:24px;top:19px;font-size:9px;letter-spacing:1.6px;color:#6b705f}.visual-label{position:absolute;left:24px;right:24px;bottom:18px;font-size:9px;letter-spacing:1.45px;line-height:1.6;text-align:center;padding:9px 8px;background:#fdfdf8d6;backdrop-filter:blur(7px);color:#646750;border:1px solid #c7cbb661}.project-body{padding:31px 1px 0}.project-body>.eyebrow{color:#8b785a;font-size:9px}.project h3{font-size:clamp(30px,3vw,45px);line-height:1.1;letter-spacing:-.052em;margin:13px 0 20px}.project-body>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#69675c;max-width:520px}.tags{list-style:none;padding:0;margin:23px 0;display:flex;flex-wrap:wrap;gap:9px}.tags li{padding:5px 11px;border:1px solid #26282226;font-size:10px;border-radius:30px;color:#6d695e}.project details{border-top:1px solid #25282224;padding:17px 0}.project summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;list-style:none;cursor:pointer}.project summary::-webkit-details-marker{display:none}.project summary span{font-size:22px;font-weight:300;transition:transform .3s}.project details[open] summary span{transform:rotate(45deg)}.project details ul{font-size:14px;line-height:1.8;color:#756f64;padding-left:17px;margin:16px 0 0}.project details li+li{margin-top:6px}.connection-strip{display:flex;align-items:center;gap:27px;border-top:1px solid #25282225;border-bottom:1px solid #25282225;padding:28px 0;margin-top:35px}.connection-symbol{font-size:38px;color:#9b835d;font-weight:300;line-height:1}.connection-strip p{font-size:13px;color:#7a7366}.connection-strip strong{display:block;font-weight:500;font-size:16px;color:#353b30;margin-bottom:3px}.connection-strip a{margin-left:auto;font-size:12px;white-space:nowrap;display:flex;gap:25px;align-items:center}.connection-strip a span{font-size:23px;color:#8a7451}
.automation{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.95fr 1.1fr;gap:8vw;padding-top:55px;padding-bottom:125px;align-items:center}.automation-copy>.eyebrow{color:#847458}.automation h2{font-size:clamp(44px,4.8vw,68px);margin:23px 0}.automation-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#777163;max-width:385px}.automation-copy>p.subtle{font-size:13px;margin-top:20px;color:#979081}.workflow{border:1px solid #fff9;background:#f8f5ee;padding:20px 30px 0;box-shadow:0 20px 65px -40px #58412540}.workflow-tabs{display:flex;gap:4px;padding-bottom:18px;border-bottom:1px solid #2528221a}.workflow-tabs button{border:0;background:none;flex:1;padding:12px 6px;font-size:12px;border-radius:2px;color:#817765;line-height:1.35}.workflow-tabs button[aria-selected='true']{background:#30372f;color:#f1ebdc}.workflow-tabs button:hover:not([aria-selected='true']){background:#eae5d9}.workflow-overline{font-size:8px;letter-spacing:1.8px;color:#9b8b71;margin-top:25px}.workflow-steps{list-style:none;padding:0;margin:26px 0 28px;display:flex;flex-direction:column;gap:29px}.workflow-steps li{display:flex;gap:17px;align-items:flex-start;position:relative}.step-icon{flex:0 0 33px;height:33px;border:1px solid #b8ae9773;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#ede9df;color:#8e7d5b;line-height:1}.step-icon.check{background:#c9b693;color:#373c2f;border-color:#c9b693;font-size:17px}.workflow-steps li:not(:last-child):before{content:'';position:absolute;left:16px;top:38px;bottom:-24px;width:1px;background:#cdc5b76b}.workflow-steps h3{font-size:16px;letter-spacing:-.4px;line-height:1.45;margin-bottom:4px}.workflow-steps p{font-size:12px;line-height:1.7;color:#8c8171}.workflow-result{display:flex;align-items:center;gap:15px;background:#ebe5d7;padding:14px 17px;font-size:12px;line-height:1.6;color:#777052}.workflow-result>span{font-size:24px;color:#a08b5d}.workflow-caption{font-size:9px;color:#a0937e;margin:16px 0 18px}
.creative{background:#0d1415;padding-top:110px;padding-bottom:105px}.creative .section-heading>.eyebrow{color:#b5a180}.creative h2 em{color:#b4a384}.creative .section-heading>div>p{color:#94a0a0}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.creative-project{min-width:0}.creative-project figure{border:1px solid #ffffff20;background:#020506;margin-bottom:28px}.music-stage{aspect-ratio:1586/992;position:relative;overflow:hidden;background:#020506}.music-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.music-stage-label{position:absolute;top:17px;left:17px;padding:7px 11px;border:1px solid #ffffff28;background:#071312b8;color:#e2ddce;border-radius:30px;font-size:8px;letter-spacing:1.2px;pointer-events:none;backdrop-filter:blur(6px)}.video-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;padding:15px 21px;border:1px solid #ded8b97d;background:#091514c9;backdrop-filter:blur(12px);border-radius:35px;font-size:11px;white-space:nowrap;color:#e9dec7;box-shadow:0 10px 30px #0003}.video-cover-play svg{width:15px;height:15px}.video-cover-play:hover{background:#e7ddc8;color:#202a23}.video-cover-play:disabled{opacity:.65;cursor:wait}.has-started .video-cover-play,.has-started .music-stage-label{display:none}.creative-project .music-caption{padding:12px 17px;background:#101b1a;color:#899a92;font-size:9px;border-top:1px solid #ffffff17;line-height:1.6}.music-caption [data-music-status]{display:block;font-size:10px;color:#c4c8b8;margin-bottom:2px;min-height:16px}.creative-project>.eyebrow{font-size:9px;color:#bca987}.creative-project h3{font-size:clamp(28px,2.8vw,40px);letter-spacing:-.045em;line-height:1.15;margin:13px 0 18px}.creative-project>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:540px;color:#9eaba9}.project-status{display:inline-block;font-size:10px;color:#aab3a4;border-bottom:1px solid #6e7a685e;padding-bottom:5px;margin-top:20px}.creative-credit{font-size:11px;line-height:1.8;color:#7f8e86;border-top:1px solid #ffffff19;margin-top:45px;padding-top:24px;max-width:1050px}.music-credit{font-size:10px;line-height:1.7;margin-top:16px;color:#84968d}.music-credit a{color:#acb9a6;border-bottom:1px solid #78886d69}
.about{display:grid;grid-template-columns:.88fr 1fr;gap:9vw;align-items:center;background:var(--paper);color:var(--ink);padding-top:125px;padding-bottom:115px}.about-photo{position:relative;aspect-ratio:.84;overflow:hidden;max-height:700px;background:#d0cdbf}.about-photo img{height:100%;object-fit:cover;object-position:center 45%}.about-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0916129c)}.photo-caption{position:absolute;z-index:1;left:23px;right:23px;bottom:23px;display:flex;justify-content:space-between;gap:20px;color:#eee6d8;font-size:8px;letter-spacing:1px;line-height:1.7}.about-copy>.eyebrow{color:#87765d}.about-copy h2{font-size:clamp(49px,5.8vw,87px);margin:26px 0 35px}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.95;color:#787164;max-width:530px}.about-copy>p+p{margin-top:20px}.about-signoff{border-top:1px solid #363d2c2b;padding-top:23px;margin-top:31px;display:flex;flex-direction:column;gap:4px;font-size:14px}.about-signoff span{color:#a29379}.about-signoff strong{font-weight:500;color:#464c3c}.approach{background:var(--paper);color:var(--ink);padding-bottom:110px}.approach-top{border-top:1px solid #30382926;padding-top:54px;display:flex;justify-content:space-between;gap:60px}.approach-top>.eyebrow{color:#87765d;padding-top:8px}.approach-top h2{font-size:clamp(44px,4.4vw,65px);width:65%}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:57px}.approach-grid article{position:relative;padding-top:20px;border-top:1px solid #32382a2b}.approach-grid article>span{font-size:10px;color:#a79678}.approach-grid h3{font-size:22px;line-height:1.35;letter-spacing:-.035em;margin:21px 0 13px;max-width:300px}.approach-grid p{font-size:14px;line-height:1.85;color:#7e7565;max-width:335px}
.contact{position:relative;isolation:isolate;overflow:hidden;background:#192522;padding-top:99px;padding-bottom:88px;color:#eee9dc}.contact>.eyebrow{color:#c3b28e;font-size:9px}.contact h2{font-size:clamp(70px,11vw,162px);line-height:.9;margin:42px 0}.contact h2 em{color:#c4ad83;font-size:1.1em}.contact-bottom{display:flex;align-items:flex-end;gap:70px}.contact-bottom p{font-size:14px;color:#a6b4a5;line-height:1.85}.contact-cta{display:flex;gap:52px;align-items:center;font-size:14px;border-bottom:1px solid #c8bc9c8c;padding:12px 0}.contact-cta span{font-size:34px;font-weight:300;line-height:1;color:#c6b18a;transition:transform .3s}.contact-cta:hover span{transform:translate(4px,-4px)}.contact-email{display:inline-block;font-size:11px;color:#8e9b89;border-bottom:1px solid #6879637a;margin-top:34px}.contact-orbit{position:absolute;right:7%;top:24%;font-size:clamp(180px,25vw,380px);line-height:1;color:#c5ad8235;font-weight:200;z-index:-1;transform:rotate(17deg)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px var(--space);background:#0a0f10;border-top:1px solid #c5ad8224}.site-footer .wordmark{font-size:25px}.site-footer>p{font-size:10px;color:#7c8983}.site-footer>a:last-child{font-size:10px;color:#b8b4a5;display:flex;gap:23px}.site-footer>a:last-child span{font-size:18px;color:#c6b18a}
@media(min-width:1800px){.section-wrap{padding-left:max(var(--space),calc((100vw - 1500px)/2));padding-right:max(var(--space),calc((100vw - 1500px)/2))}.evolution-copy{bottom:160px}.evolution-copy h1,.evolution-copy h2{font-size:128px}.scene-bottom p{font-size:17px}.scene-link{font-size:15px}.evolution-controls{bottom:58px}.evolution-topline{top:140px}}
@media(max-width:1100px){.site-header{gap:25px;height:95px}.header-purpose{display:none}.site-nav{gap:23px}.contact-link{gap:20px}.evolution-copy{bottom:128px}.evolution-copy h1,.evolution-copy h2{font-size:clamp(65px,9vw,95px)}.scene-bottom{gap:40px}.evolution-topline{top:112px}.section-heading>div{gap:35px}.section-heading>div>p{max-width:310px;font-size:14px}.project-grid,.creative-grid{gap:28px}.automation{gap:5vw;grid-template-columns:1fr 1.1fr}.workflow{padding:16px 23px 0}.workflow-tabs button{font-size:11px}.about{gap:6vw}.about-copy h2{font-size:64px}.about-copy>p:not(.eyebrow){font-size:14px}.about-photo{aspect-ratio:.72}.contact-orbit{right:3%;opacity:.8}}
@media(max-width:720px){:root{--space:24px}html{scroll-padding-top:80px}.site-header{height:78px;padding:0 22px;gap:15px}.wordmark{font-size:25px}.wordmark i{font-size:21px;margin-left:10px}.site-nav{margin-left:auto;gap:0}.site-nav a{font-size:12px}.site-nav a:not(:first-child){display:none}.contact-link{font-size:11px;padding:9px 12px;gap:17px}.contact-link span{font-size:17px}.site-header.is-reading{height:70px}.evolution-stage{height:100vh;height:100svh;min-height:650px}.evolution-poster-wrap,#evolution-canvas{top:0;bottom:auto;height:62%;width:100%}.evolution-poster-wrap img{object-position:50% 38%}.evolution-shade{background:linear-gradient(180deg,#040b0e66 0%,transparent 19%,transparent 37%,#07101158 48%,#071011e8 59%,#071011 67%,#071011 100%)}.evolution-topline{top:97px;left:24px;right:24px;font-size:7px;letter-spacing:1.1px}.evolution-topline span:last-child{display:none}.evolution-copy{bottom:112px;left:24px;right:24px;max-width:none}.evolution-copy .scene-kicker{font-size:8px;letter-spacing:1.6px;margin-bottom:15px;gap:12px}.scene-kicker>span{font-size:10px}.scene-kicker>span:after{margin-left:12px;width:18px}.evolution-copy h1,.evolution-copy h2{font-size:clamp(42px,11.9vw,78px);letter-spacing:-.065em;line-height:1}.evolution-copy h1 em,.evolution-copy h2 em{font-size:1.04em}.scene-bottom{margin-top:18px;align-items:center;justify-content:space-between;gap:18px}.scene-bottom p{font-size:11px;line-height:1.7;max-width:230px}.scene-link{font-size:10px;gap:20px;min-width:101px;max-width:132px;line-height:1.4;white-space:normal;padding-bottom:6px}.scene-link span{font-size:21px}.evolution-controls{left:24px;right:24px;bottom:40px;grid-template-columns:1fr auto;gap:10px}.chapter-nav{gap:12px;grid-column:1;grid-row:1}.chapter-nav button{font-size:9px;gap:6px}.chapter-nav button i{width:12px}.chapter-nav button[aria-current='step'] i{width:26px}.motion-toggle{grid-column:2;grid-row:1;font-size:10px;gap:6px}.scroll-cue{position:absolute;top:41px;left:0;font-size:8px;letter-spacing:.4px;gap:8px}.scroll-line{height:12px}.film-credit{top:auto;right:24px;bottom:10px;writing-mode:horizontal-tb;transform:none;font-size:6px;letter-spacing:.1px;color:#c6c3b86b}.journey-progress{height:1px}.section-heading{margin-bottom:35px}.section-heading>.eyebrow{font-size:9px;margin-bottom:23px}.section-heading>div{display:block}.section-heading h2{font-size:clamp(45px,11vw,66px)}.section-heading>div>p{font-size:14px;margin-top:24px;max-width:450px;padding:0;line-height:1.8}.work{padding-top:69px;padding-bottom:35px}.project-grid{grid-template-columns:1fr;gap:44px}.project-visual{aspect-ratio:1.5}.project-number{left:18px;top:15px;font-size:8px}.visual-label{left:17px;right:17px;bottom:13px;font-size:7px;letter-spacing:.9px;padding:8px 4px}.project-body{padding-top:24px}.project h3{font-size:34px;margin:10px 0 16px}.project-body>p:not(.eyebrow){font-size:14px;line-height:1.85}.tags{margin:20px 0;gap:7px}.tags li{font-size:9px;padding:5px 9px}.project details{padding:15px 0}.project summary{font-size:12px}.project details ul{font-size:13px}.connection-strip{margin-top:30px;align-items:flex-start;gap:15px;flex-wrap:wrap;padding:23px 0}.connection-symbol{font-size:30px}.connection-strip p{flex:1;font-size:12px;line-height:1.8}.connection-strip strong{font-size:14px}.connection-strip a{margin-left:45px;font-size:11px;width:calc(100% - 45px);justify-content:space-between}.automation{grid-template-columns:1fr;gap:32px;padding-top:29px;padding-bottom:70px}.automation-copy>.eyebrow{font-size:9px}.automation h2{font-size:45px;margin:18px 0 23px}.automation-copy>p:not(.eyebrow){font-size:14px;max-width:100%}.automation-copy>p.subtle{font-size:12px;margin-top:15px}.workflow{padding:14px 18px 0}.workflow-tabs{padding-bottom:13px}.workflow-tabs button{font-size:10px;padding:11px 4px}.workflow-steps{gap:26px;margin:23px 0 25px}.workflow-steps li{gap:12px}.workflow-steps h3{font-size:14px}.workflow-steps p{font-size:11px}.workflow-result{font-size:11px;padding:12px}.workflow-caption{font-size:8px}.creative{padding-top:67px;padding-bottom:63px}.creative-grid{grid-template-columns:1fr;gap:43px}.creative-project h3{font-size:31px;margin:12px 0 17px}.creative-project>p:not(.eyebrow){font-size:13px}.creative-project figure{margin-bottom:22px}.music-stage-label{top:12px;left:12px;font-size:7px;padding:5px 9px}.video-cover-play{padding:13px 16px;font-size:10px;gap:10px}.video-cover-play svg{width:13px;height:13px}.creative-project .music-caption{font-size:8px;padding:11px 13px}.music-caption [data-music-status]{font-size:9px}.project-status{font-size:9px;margin-top:16px}.creative-credit{margin-top:35px;font-size:10px;padding-top:21px}.music-credit{font-size:9px}.about{grid-template-columns:1fr;gap:35px;padding-top:66px;padding-bottom:60px}.about-copy{grid-row:1}.about-copy>.eyebrow{font-size:9px}.about-copy h2{font-size:clamp(48px,12vw,68px);margin:20px 0 28px}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.about-copy>p+p{margin-top:17px}.about-signoff{font-size:13px;margin-top:25px;padding-top:20px}.about-photo{aspect-ratio:.87;max-height:650px}.photo-caption{font-size:7px;left:20px;right:20px;bottom:20px;letter-spacing:.7px}.approach{padding-bottom:62px}.approach-top{display:block;padding-top:38px}.approach-top>.eyebrow{font-size:9px;padding:0;margin-bottom:22px}.approach-top h2{width:100%;font-size:44px}.approach-grid{grid-template-columns:1fr;gap:26px;margin-top:33px}.approach-grid article{display:grid;grid-template-columns:26px 1fr;gap:8px 16px;padding-top:22px}.approach-grid article>span{padding-top:5px}.approach-grid h3{margin:0;font-size:21px;max-width:none}.approach-grid p{grid-column:2;font-size:13px;max-width:none}.contact{padding-top:62px;padding-bottom:54px}.contact>.eyebrow{font-size:8px;letter-spacing:1.5px}.contact h2{font-size:clamp(65px,17vw,115px);margin:32px 0 35px;line-height:.95}.contact-bottom{display:block}.contact-bottom p{font-size:13px}.contact-cta{font-size:13px;justify-content:space-between;width:100%;margin-top:23px;padding-bottom:14px}.contact-cta span{font-size:29px}.contact-email{font-size:10px;margin-top:25px}.contact-orbit{font-size:210px;top:28%;right:-65px;opacity:.5}.site-footer{padding:28px 24px;gap:23px;flex-wrap:wrap}.site-footer .wordmark{font-size:25px}.site-footer>a:last-child{margin-left:auto;font-size:9px;gap:13px}.site-footer>p{order:3;flex-basis:100%;font-size:9px;border-top:1px solid #ffffff14;padding-top:18px}}
@media(max-width:380px){.wordmark{font-size:23px}.wordmark i{display:none}.contact-link{gap:12px;font-size:10px}.site-header{gap:17px}.evolution-copy{bottom:109px}.evolution-copy h1,.evolution-copy h2{font-size:43px}.scene-bottom p{font-size:10px}.scene-link{min-width:87px;max-width:96px;font-size:9px;gap:12px}.scene-kicker{margin-bottom:12px!important}.chapter-nav{gap:10px}.chapter-nav button{gap:5px}.chapter-nav button i{width:8px}.chapter-nav button[aria-current='step'] i{width:18px}.motion-toggle{font-size:9px}}
@media(max-height:740px) and (min-width:721px){.evolution-stage{min-height:600px}.site-header{height:86px}.evolution-topline{top:105px}.evolution-copy{bottom:110px}.evolution-copy h1,.evolution-copy h2{font-size:77px}.evolution-copy .scene-kicker{margin-bottom:17px}.scene-bottom{margin-top:20px}.evolution-controls{bottom:35px}.scene-bottom p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.project:hover .project-visual img{transform:none}}

/* The scene is the page, including on a phone. */
.evolution-stage{perspective:1200px}
.evolution-poster-wrap,#evolution-canvas{inset:0;width:100%;height:100%}
.evolution-poster-wrap img{object-position:46% 40%}
.evolution-load-status{position:absolute;left:0;bottom:42px;max-width:290px;margin:0;color:#e7ddc8;font-size:11px;line-height:1.5;letter-spacing:.3px}
.evolution-load-status[hidden]{display:none}
.ambient-sound{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:6px 0;border:0;background:none;color:inherit;font-size:11px;white-space:nowrap}
.ambient-sound[hidden]{display:none}
.ambient-sound svg{width:19px;height:19px}
.ambient-sound .sound-slash,.ambient-sound[aria-pressed="false"] .sound-waves{display:none}
.ambient-sound[aria-pressed="false"] .sound-slash{display:block}
.ambient-sound:hover{color:var(--copper)}
@media(max-width:720px){.ambient-sound{width:28px;min-height:34px}.ambient-sound-label{display:none}}
@media(max-width:380px){.site-header{gap:10px}.site-header .contact-link>span{display:none}}
.chapter-nav button:disabled,.scroll-cue:disabled{cursor:wait;opacity:.65}
#evolution[data-scroll-control="one-gesture"] .evolution-stage,#evolution[data-scroll-control="preparing"] .evolution-stage{touch-action:pinch-zoom}
.evolution-shade{transition:background .45s,opacity .45s}
#evolution[data-state='passage'] .evolution-shade,#evolution[data-state='settling'] .evolution-shade{background:linear-gradient(180deg,#03090938 0%,transparent 22%,transparent 82%,#03070850 100%)}
#evolution[data-state='passage'] .evolution-copy,#evolution[data-state='settling'] .evolution-copy{transform:translate3d(0,-34px,0);transition-duration:.3s}
#evolution[data-state='passage'] .evolution-topline,#evolution[data-state='settling'] .evolution-topline{opacity:0}
.evolution-topline{transition:opacity .3s}
@media(max-width:720px){
  .evolution-stage{min-height:650px}
  .evolution-poster-wrap,#evolution-canvas{inset:0;width:100%;height:100%}
  .evolution-shade{background:linear-gradient(180deg,#03090970 0%,transparent 20%,transparent 48%,#03070844 65%,#030708d9 100%)}
  .evolution-copy{bottom:116px;text-shadow:0 2px 26px #0007}
  .evolution-copy h1,.evolution-copy h2{font-size:clamp(42px,11.5vw,78px)}
  .scene-bottom p{max-width:214px;font-size:11px}
  .evolution-topline{color:#f1e9d4b3}
  .film-credit{color:#ddd7c794}
}

/* Arrivals get a moment to breathe before their copy appears. */
.evolution-copy h1,.evolution-copy h2{font-size:clamp(62px,6vw,90px);max-width:800px}
.evolution-copy{max-width:870px}
#evolution[data-copy-ready='false'] .evolution-copy{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,16px,0)}
#evolution.world-reading .evolution-stage{position:fixed;inset:0;z-index:0;pointer-events:none}
#evolution.world-reading .evolution-copy,#evolution.world-handoff .evolution-copy,
#evolution.world-reading .evolution-controls,#evolution.world-handoff .evolution-controls,
#evolution.world-reading .evolution-topline,#evolution.world-handoff .evolution-topline,
#evolution.world-reading .film-credit,#evolution.world-handoff .film-credit,
#evolution.world-reading .journey-progress,#evolution.world-handoff .journey-progress{opacity:0;visibility:hidden;pointer-events:none}
#evolution-canvas,.evolution-poster-wrap{transform-origin:50% 67%;transition:transform 1.3s cubic-bezier(.22,.61,.36,1)}
#evolution.world-reading #evolution-canvas,#evolution.world-handoff #evolution-canvas,
#evolution.world-reading .evolution-poster-wrap,#evolution.world-handoff .evolution-poster-wrap{transform:scale(1.1)}
#evolution.world-reading .evolution-shade{background:linear-gradient(180deg,#050c0da8 0%,#060c0d8c 30%,#050b0dd9 100%)}
.work{position:relative;z-index:1;background:linear-gradient(180deg,#09101100 0,#09101148 45svh,#091011df 90svh,#091011 135svh);color:var(--paper);padding-top:130px}
#work~section{position:relative;z-index:1}
.work .section-heading{max-width:1180px;margin-bottom:80px}
.work .section-heading>.eyebrow{color:#c7ae84}
.work .section-heading h2{font-size:clamp(58px,6.5vw,96px)}
.work h2 em{color:#d5bd94}
.work .section-heading>div>p{color:#d1d5cd}
.work .project-body>.eyebrow{color:#c7b18c}
.work .project-body>p:not(.eyebrow){color:#b8c1b8}
.work .tags li{border-color:#c2ccbb33;color:#c0c8bc}
.work .project details{border-color:#c2ccbb33}
.work .project details ul{color:#b6c0b5}
.work .project summary{color:#e5e8dc}
.work .connection-strip{border-color:#c2ccbb33}
.work .connection-strip p{color:#adb9ad}
.work .connection-strip strong{color:#e5e8dc}
.work .connection-strip a{color:#e1d6bf}
.work .project-visual{box-shadow:0 20px 60px #0004}
@media(max-width:720px){
  .evolution-copy h1,.evolution-copy h2{font-size:clamp(42px,11.5vw,78px)}
  .work{padding-top:80px;background:linear-gradient(180deg,#09101100 0,#09101145 45svh,#091011eb 100svh,#091011 150svh)}
  .work .section-heading{margin-bottom:52px}
  .work .section-heading h2{font-size:clamp(46px,12vw,66px)}
  .work .section-heading>div>p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  #evolution.world-reading #evolution-canvas,#evolution.world-handoff #evolution-canvas,
  #evolution.world-reading .evolution-poster-wrap,#evolution.world-handoff .evolution-poster-wrap{transform:none}
}
#evolution-canvas{visibility:hidden}
.evolution-ready #evolution-canvas{visibility:visible}
body[data-film-touch="claimed"] .site-header{touch-action:pinch-zoom}
@media(max-height:660px){.evolution-stage{min-height:0}}
@media(max-height:600px){.evolution-topline{top:86px}.evolution-copy{bottom:92px}.evolution-copy h1,.evolution-copy h2{font-size:clamp(34px,9.5vw,44px)}.evolution-copy .scene-kicker{margin-bottom:10px}.scene-bottom{margin-top:12px}.evolution-controls{bottom:30px}}
@media(max-height:500px){.evolution-topline,.scene-bottom p,.film-credit{display:none}.evolution-load-status{left:auto;right:0;bottom:44px;text-align:right}.scroll-cue{top:36px}.evolution-copy{bottom:70px}.evolution-copy h1,.evolution-copy h2{font-size:clamp(30px,5.5vw,40px)}.evolution-copy .scene-kicker{margin-bottom:8px}.scene-bottom{margin-top:10px}.evolution-controls{bottom:22px}}

/* Spoken words of the background track, drawn beside the film while it plays. */
.film-captions{position:absolute;right:var(--space);bottom:130px;max-width:min(34vw,460px);margin:0;padding:10px 16px;border-radius:9px;background:#05090bb8;color:#f3efe6;font-size:clamp(15px,1.4vw,21px);font-weight:500;line-height:1.4;text-align:right;text-wrap:balance;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none}
.evolution-ready .film-captions{transition:opacity .25s,transform .25s,visibility .25s}
.film-captions.is-visible{opacity:1;visibility:visible;transform:none}
#evolution[data-state='passage'] .film-captions,#evolution[data-state='settling'] .film-captions{opacity:0;visibility:hidden;transition-duration:.3s}
#evolution.world-reading .film-captions,#evolution.world-handoff .film-captions,#evolution.world-reading .swipe-nudge,#evolution.world-handoff .swipe-nudge{opacity:0;visibility:hidden}
/* First-visit hints: a halo and pill for the sound button, a chevron for the first swipe. */
.ambient-sound{position:relative}
.ambient-sound.is-nudged:before{content:'';position:absolute;left:9.5px;top:50%;width:38px;height:38px;border:1px solid var(--copper);border-radius:50%;translate:-50% -50%;opacity:.55;pointer-events:none;animation:sound-halo 2.4s ease-out infinite}
@keyframes sound-halo{0%{transform:scale(.55);opacity:.85}100%{transform:scale(1.3);opacity:0}}
.sound-nudge{position:absolute;top:calc(100% + 1px);left:0;margin:0;padding:8px 13px;border-radius:8px;background:#05090ba6;color:var(--copper);font-size:10px;font-weight:550;letter-spacing:1.6px;text-transform:uppercase;line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none}
.sound-nudge:before{content:'';position:absolute;top:-4px;left:var(--sound-nudge-caret,50%);width:8px;height:8px;margin-left:-4px;border-radius:1px;background:inherit;transform:rotate(45deg)}
.evolution-ready .sound-nudge{transition:opacity .35s,transform .35s,visibility .35s}
.sound-nudge.is-visible{opacity:1;visibility:visible;transform:none}
body:has(#evolution.world-reading) .sound-nudge,body:has(#evolution.world-handoff) .sound-nudge{opacity:0;visibility:hidden}
body:has(#evolution.world-reading) .ambient-sound.is-nudged:before,body:has(#evolution.world-handoff) .ambient-sound.is-nudged:before{display:none}
.swipe-nudge{position:absolute;left:50%;bottom:98px;translate:-50% 0;display:flex;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:550;letter-spacing:1.6px;text-transform:uppercase;line-height:1.1;color:var(--copper);white-space:nowrap;text-shadow:0 1px 14px #0009;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none}
.evolution-ready .swipe-nudge{transition:opacity .4s,transform .5s,visibility .4s}
.swipe-nudge.is-visible{opacity:1;visibility:visible;transform:none}
.swipe-nudge-arrow{position:relative;display:block;width:11px;height:11px}
.swipe-nudge-arrow:before{content:'';position:absolute;left:2px;top:3px;width:7px;height:7px;border-left:1px solid var(--copper);border-top:1px solid var(--copper);transform:rotate(45deg);opacity:.95;animation:swipe-nudge 2.2s ease-in-out infinite}
@keyframes swipe-nudge{0%{transform:translateY(3px) rotate(45deg);opacity:0}30%,60%{opacity:1}100%{transform:translateY(-3px) rotate(45deg);opacity:0}}
.scroll-cue.is-quiet{opacity:0}
.scroll-cue.is-quiet:focus-visible{opacity:1}
.evolution-ready .scroll-cue{transition:color .2s,opacity .4s}
@media(min-width:1800px){.film-captions{bottom:160px}.swipe-nudge{bottom:119px}}
@media(max-width:1100px){.film-captions{bottom:128px}}
@media(max-width:720px){.film-captions{top:132px;bottom:auto;right:24px;max-width:64vw;padding:9px 14px;font-size:14px}.ambient-sound.is-nudged:before{left:14px}.swipe-nudge{bottom:88px}}
@media(max-height:740px) and (min-width:721px){.film-captions{bottom:110px}.swipe-nudge{bottom:85px;font-size:9px;letter-spacing:1.4px;line-height:1}.swipe-nudge-arrow{width:9px;height:9px}.swipe-nudge-arrow:before{left:1px;top:2px;width:6px;height:6px}}
@media(max-height:600px) and (min-width:721px){.film-captions{bottom:92px}}
@media(max-height:600px) and (max-width:720px){.film-captions{top:128px}}
@media(max-height:600px){.swipe-nudge{bottom:70px}}
@media(max-height:500px){.film-captions{top:96px;bottom:auto;padding:8px 14px;font-size:13px}.swipe-nudge{left:auto;right:var(--space);bottom:84px;translate:none}}