/* DOUBLE TAKE / An independent fourth design study. System fonts, original assets. */
:root{--ink:#181719;--paper:#f1eee6;--accent:#ff6849;--modal-bg:#181719;--modal-fg:#f1eee6;--modal-line:#484448;--modal-hover:#292529;--serif:'Times New Roman',Times,'Liberation Serif',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--edge:5vw}
html{background:var(--ink);scroll-padding-top:85px}body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}main{overflow:clip}button{border:0;background:none}p{margin:0}h1,h2,h3{font-weight:400}h2{font-family:var(--serif);font-size:clamp(64px,8vw,142px);line-height:.88;letter-spacing:-.055em;margin:0}em{font-family:var(--serif);font-weight:400}button,a{touch-action:manipulation}.mono{font-size:10px;letter-spacing:.055em}.section{padding:50px var(--edge) 80px}.section-topline{display:flex;justify-content:space-between;gap:30px;padding:0 0 19px;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,currentColor 25%,transparent)}.section-topline span:last-child{text-align:right}.film-surface{position:relative;padding:0;overflow:hidden;text-align:left}.film-surface video{width:100%;height:100%;object-fit:cover}.text-link{padding:8px 0;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;font-size:12px;text-align:left;line-height:1.4}.text-link span{font-size:23px;line-height:1;transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.round-link{border:1px solid currentColor;border-radius:50%;width:90px;height:90px;font-size:42px;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.round-link:hover{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.wordmark{font-size:26px;font-weight:500;letter-spacing:-1.3px;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand-dot{width:7px;height:7px;border-radius:100%;background:currentColor;margin-top:7px}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;height:88px;padding:0 var(--edge);gap:55px;color:#fff;mix-blend-mode:difference}.site-header .header-descriptor{font-size:8px;opacity:.75}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:36px}.site-header nav button{font-size:12px;padding:10px 0;color:inherit}.site-header sup{font-family:monospace;font-size:9px;padding-left:5px}.index-button{display:flex;align-items:center;gap:8px}.index-symbol{width:20px;display:flex;flex-direction:column;gap:5px;margin-left:15px}.index-symbol i{height:1px;background:currentColor;width:20px;transition:transform .25s}.index-button:hover .index-symbol i:first-child{transform:translateX(4px)}.index-button:hover .index-symbol i:last-child{transform:translateX(-4px)}
/* An aperture, not a full-bleed slideshow. Scroll opens the frame. */
.hero-track{height:160svh;position:relative}.hero-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;background:#181719}.hero-topline{position:absolute;left:var(--edge);right:var(--edge);top:121px;display:flex;justify-content:space-between;opacity:.66;font-size:9px;z-index:3}.live-dot,.orange-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:9px}.hero-screen{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:min(51vw,68svh);height:min(51vw,68svh);border-radius:50%;background:#223552;will-change:width,height,border-radius;isolation:isolate}.hero-screen video{position:absolute;inset:0;object-position:50% 45%;transition:opacity .32s}.hero-screen-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5));pointer-events:none}.hero-screen-caption{position:absolute;bottom:30px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;opacity:0;color:#fff;transition:opacity .2s}.screen-play{font-size:11px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff75;padding:14px 18px;border-radius:99px}.hero-orbit{position:absolute;left:50%;top:54%;width:min(57vw,76svh);height:min(57vw,76svh);border-radius:50%;border:1px solid #f1eee626;transform:translate(-50%,-50%);animation:orbit 60s linear infinite;pointer-events:none}.hero-orbit::after{content:'';position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent)}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}#hero-title{position:absolute;inset:0;pointer-events:none;margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.065em;line-height:.8;z-index:2}#hero-title>span{position:absolute;display:block;white-space:nowrap;will-change:transform,opacity}.hero-line-one{font-size:14.6vw;left:6.2%;top:18%}.hero-line-two{font-size:20vw;font-style:italic;right:8%;top:56%}.orange-period{color:var(--accent)}.hero-note{position:absolute;left:8%;top:61%;font-size:13px;line-height:1.55;z-index:2;max-width:180px}.note-rule{display:block;width:30px;height:1px;background:var(--accent);margin-bottom:17px}.hero-counter{position:absolute;right:var(--edge);top:36%;z-index:3}.hero-counter>.mono{font-size:8px;opacity:.6}.hero-switcher{display:flex;align-items:center;gap:15px;margin-top:8px}.hero-switcher button{width:35px;height:35px;border:1px solid #f1eee640;border-radius:50%;color:var(--paper);font-size:18px;transition:background .25s,color .25s}.hero-switcher button:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}.hero-switcher .mono{font-size:9px}.hero-bottom{position:absolute;left:var(--edge);right:var(--edge);bottom:44px;display:flex;justify-content:space-between;align-items:flex-end}.scroll-cue{display:flex;gap:24px;align-items:center}.scroll-cue .mono{font-size:8px}.scroll-arrow{font-size:42px;font-family:var(--serif);font-weight:400;line-height:1}.hero-credit{font-size:8px;line-height:1.7;opacity:.7;position:absolute;left:44%}.hero-chapter{font-size:8px;opacity:.65}
/* A quiet line of thought, before the louder work. */
.intro-band{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 3fr .4fr;gap:30px;align-items:center;padding:76px var(--edge) 68px;border-bottom:1px solid #1a191826}.intro-band>.mono{font-size:9px;line-height:1.6}.intro-band .orange-dot{background:#e54d31}.intro-band p{font-size:clamp(25px,3.2vw,46px);line-height:1.05;letter-spacing:-.035em}.intro-band em{font-size:1.12em}.intro-arrow{font-family:var(--serif);font-size:72px;text-align:right;line-height:1}
/* The character wall expands on attention. */
.coffee{background:var(--paper);color:var(--ink);padding-bottom:50px}.coffee-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:52px 0 45px}.coffee-heading h2{font-size:clamp(70px,9vw,150px)}.coffee-heading em{padding-left:1.1em}.coffee-intro{display:grid;grid-template-columns:30px 1fr;gap:15px 25px;align-items:start;margin-right:5vw;margin-bottom:9px}.coffee-intro p{font-size:15px;line-height:1.45}.coffee-intro .text-link{grid-column:2;font-size:11px;margin-top:5px}.small-cross{font-weight:200;font-size:52px;line-height:.65;display:inline-block}.character-wall{display:flex;gap:10px;height:clamp(390px,36vw,570px)}.character-panel{flex:1;min-width:0;transition:flex .7s cubic-bezier(.22,1,.36,1);background:var(--panel);color:var(--fg)}.character-panel:hover,.character-panel:focus-within{flex:1.55}.character-film{width:100%;height:100%;color:#fff}.character-film video{position:absolute;inset:0;object-position:58% 50%;transition:transform 1s cubic-bezier(.22,1,.36,1)}.character-panel:nth-child(2) video{object-position:51% 50%}.character-panel:nth-child(3) video{object-position:58% 50%}.character-panel:hover video{transform:scale(1.035)}.character-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000035,transparent 28%,transparent 65%,#00000065)}.character-word{position:absolute;top:24px;left:25px;font-family:var(--serif);font-style:italic;line-height:1;font-size:clamp(38px,5.5vw,88px);letter-spacing:-.06em;white-space:nowrap}.character-bottom{position:absolute;bottom:20px;left:25px;right:20px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.mini-play{width:35px;height:35px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center}.coffee-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.coffee-foot>.mono{font-size:9px;line-height:1.7}.print-strip{display:flex;align-items:center;gap:17px}.print-strip>.mono{font-size:8px;margin-right:30px}.print-strip button{padding:0;transition:transform .3s;transform:rotate(-7deg);box-shadow:0 5px 15px #0002;width:65px}.print-strip button:nth-child(3){transform:rotate(5deg)}.print-strip button:nth-child(4){transform:rotate(-3deg)}.print-strip button:hover{transform:translateY(-12px) rotate(0deg)}.print-strip img{width:65px;height:85px;object-fit:cover}.coffee-foot .round-link{width:65px;height:65px;font-size:32px}
/* Three drifting film frames, within a single cinematic composition. */
.tea-track{height:185svh;position:relative;background:#181719}.tea-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;padding:43px var(--edge)}.tea-stage>.section-topline{padding-top:40px;color:#d6ced8}.tea-heading{position:absolute;left:var(--edge);right:var(--edge);top:16%;display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:15px}.tea-heading>.mono{grid-column:1/-1;font-size:9px;color:#b0a7b4}.tea-heading h2{font-size:clamp(68px,7.8vw,125px);line-height:.86}.tea-heading h2 br{display:none}.tea-heading h2 em{display:block;margin-left:13vw}.tea-heading p{font-size:13px;line-height:1.6;justify-self:end;align-self:center;margin-right:5vw}.tea-reel{position:absolute;display:flex;align-items:flex-start;gap:3.5vw;top:48%;left:13vw;width:max-content;will-change:transform}.tea-frame{width:44vw;flex:none;overflow:visible;color:var(--paper);transition:filter .3s;transform-origin:center center}.tea-frame-one{transform:rotate(-3deg)}.tea-frame-two{transform:translateY(-5vh) rotate(3deg)}.tea-frame-three{transform:translateY(2vh) rotate(-2deg)}.tea-frame-media{position:relative;aspect-ratio:16/9;overflow:hidden;box-shadow:0 20px 50px #0006}.tea-frame-media video{object-fit:cover;transition:transform .6s}.tea-frame:hover video{transform:scale(1.035)}.frame-number{position:absolute;left:-23px;top:-42px;z-index:2;font-family:var(--serif);font-size:74px;font-style:italic;line-height:1;letter-spacing:-.08em;pointer-events:none}.film-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:20px;background:#181719a6;backdrop-filter:blur(12px);border:1px solid #fff5;border-radius:99px;padding:17px 25px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s}.tea-frame:hover .film-hover,.tea-frame:focus-visible .film-hover{opacity:1}.tea-frame-caption{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:15px}.tea-frame-caption .mono{font-size:8px;opacity:.7}.tea-bottom{position:absolute;bottom:35px;left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;gap:40px}.tea-bottom>.mono{font-size:9px}.tea-progress{height:1px;flex:1;background:#f1eee62e;max-width:40vw}.tea-progress i{display:block;background:var(--accent);height:2px;width:12%;transition:width .05s}.tea-bottom .text-link{font-size:11px}
/* Two environments share one adjustable frame. */
.air{background:#dfe4dc;color:#1d2925}.air-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:55px 0 45px}.air-heading h2{font-size:clamp(65px,8vw,135px)}.air-heading em{padding-left:1.25em}.air-heading>p{font-size:14px;line-height:1.6;margin-right:4vw;margin-bottom:10px}.air-comparison{position:relative;height:clamp(400px,44vw,660px);display:flex;gap:0;overflow:hidden;background:#243528}.air-world{height:100%;flex:none;position:relative;color:#fff}.air-world-home{width:var(--split)}.air-world-car{width:calc(100% - var(--split))}.air-world video{position:absolute;inset:0}.air-world-home video{object-position:42% 50%}.air-world-car video{object-position:47% 50%}.air-world::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009)}.air-world-label{position:absolute;left:35px;bottom:35px;z-index:2;display:flex;flex-direction:column;gap:10px}.air-world-label>.mono{font-size:8px;opacity:.75}.air-world-label strong{font-family:var(--serif);font-size:50px;line-height:1;font-weight:400;letter-spacing:-.04em}.air-play{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:6px}.air-seam{position:absolute;left:var(--split);height:100%;top:0;width:2px;transform:translateX(-50%);background:var(--paper);z-index:4;cursor:ew-resize;touch-action:none}.air-seam span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:27px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #f1eee630}.air-controls{display:flex;align-items:center;gap:15px;margin-top:25px}.air-controls label{margin-right:20px;font-size:8px}.air-controls>.mono{font-size:8px}#air-range{width:150px;height:2px;accent-color:#233c32;cursor:ew-resize}.air-controls .text-link{margin-left:auto;font-size:11px}
/* The original print is the composition's anchor, never a rebuilt approximation. */
.dex{background:#faf9f5;color:#253d2b;padding-bottom:110px}.dex-layout{display:grid;grid-template-columns:42% 58%;position:relative;align-items:center;min-height:760px;margin-top:30px}.dex-copy{position:relative;z-index:2}.dex-copy>.mono{font-size:9px}.dex-copy h2{font-size:clamp(65px,7.5vw,125px);margin:35px 0 30px}.dex-copy h2 em{padding-left:.1em}.dex-copy>p{font-size:14px;line-height:1.65;margin-bottom:35px}.dex-annotation{display:block;margin-top:90px;font-size:8px;opacity:.65}.dex-artwork{height:720px;position:relative}.dex-print{position:absolute;left:0;top:65px;width:62%;padding:0;transform:rotate(-7deg);z-index:2;will-change:transform}.dex-print img{width:100%;box-shadow:0 20px 45px #24352322}.dex-print>.mono{display:block;color:var(--ink);text-align:left;margin:15px 0;font-size:8px}.dex-film{position:absolute;right:-1%;top:260px;width:39%;height:auto;aspect-ratio:4/5;transform:rotate(7deg);z-index:3;box-shadow:0 20px 50px #18241a2b;will-change:transform;overflow:visible;background:white}.dex-film video{width:100%;height:100%;object-fit:contain}.dex-film-caption{position:absolute;left:0;bottom:-45px;display:flex;gap:12px;align-items:center;white-space:nowrap}.dex-film-caption .mono{font-size:8px}.dex-circle{position:absolute;border:1px solid #bcc7b6;width:90%;aspect-ratio:1;border-radius:50%;left:8%;top:150px;z-index:0}.dex-circle::after{content:'+';font-family:var(--sans);font-size:40px;font-weight:200;position:absolute;right:1%;top:15%;line-height:.5;background:#faf9f5;padding:5px;color:#5d795a}
/* Small-screen native energy, without pretending to be another brand. */
.glass{background:#d7cadc;color:#2d2236;padding-bottom:50px}.glass-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:55px 0 45px}.glass-heading h2{font-size:clamp(61px,7.5vw,120px)}.glass-heading h2 em{margin-left:8vw}.glass-heading .round-link{margin-right:20px;width:70px;height:70px;font-size:32px}.glass-cast{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:35px;align-items:center;padding:35px 0 40px}.glass-frame{overflow:visible}.glass-a{transform:rotate(-5deg) translateY(30px)}.glass-b{transform:rotate(2deg)}.glass-c{transform:rotate(-4deg) translateY(50px)}.glass-media{position:relative;box-shadow:0 12px 40px #39224420;overflow:hidden}.glass-a .glass-media{aspect-ratio:4/5}.glass-b .glass-media{aspect-ratio:1}.glass-c .glass-media{aspect-ratio:4/5}.glass-media video{position:absolute;inset:0;object-fit:cover;transition:transform .8s}.glass-frame:hover video{transform:scale(1.04)}.glass-a video{object-position:50% 50%}.glass-b video{object-position:50% 50%}.glass-c video{object-position:48% 50%}.glass-play{position:absolute;right:18px;bottom:18px;width:38px;height:38px;background:#ffffffb5;backdrop-filter:blur(10px);border-radius:50%;display:grid;place-items:center}.glass-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:15px 0}.glass-caption strong{font-family:var(--serif);font-size:44px;letter-spacing:-.05em;font-weight:400;font-style:italic}.glass-caption .mono{font-size:8px}.glass-footnote{text-align:right;font-size:9px;margin-top:35px}
/* A landscape and a small interruption. */
.windows{background:#1c343d;color:#f0ede5;padding-bottom:60px}.windows-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:55px 0 70px}.windows-heading h2{font-size:clamp(63px,8vw,130px)}.windows-heading em{padding-left:8vw}.windows-heading>p{font-size:14px;line-height:1.5;margin-right:8vw;margin-bottom:10px}.windows-stage{position:relative;min-height:44vw}.window-main{display:block;width:80%;aspect-ratio:16/9;overflow:hidden}.window-main video{position:absolute;inset:0}.window-main::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0009)}.window-main-caption{position:absolute;bottom:30px;left:35px;right:35px;z-index:2;display:flex;align-items:center;justify-content:space-between}.window-main-caption>span:first-child{font-family:var(--serif);font-style:italic;font-size:45px;letter-spacing:-.04em}.window-studio{position:absolute;width:33%;right:-.5%;top:-35px;overflow:visible;transform:rotate(7deg);box-shadow:0 18px 50px #0004}.window-studio>div{position:relative;aspect-ratio:16/10;overflow:hidden}.window-studio video{position:absolute;inset:0}.window-studio>.mono{display:block;background:#eee9d8;color:#243c44;padding:17px;font-size:8px;text-align:left}.studio-play{position:absolute;right:15px;bottom:15px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #fff;background:#0002}.windows-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:20px}.windows-foot>.mono{font-size:9px}.windows-foot .text-link{font-size:12px}
/* Closing credit. */
.end{background:#fa694c;color:#231d1b;padding-top:45px;padding-bottom:30px}.end-title{font-family:var(--serif);font-size:clamp(65px,11.8vw,200px);line-height:.86;letter-spacing:-.065em;padding:90px 0 85px}.end-title span,.end-title em{display:block}.end-title em{text-align:right}.end-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:55px;align-items:end;border-top:1px solid #201d1b55;padding-top:35px}.end-bio .wordmark{font-size:30px}.end-bio p{font-size:13px;line-height:1.6;margin-top:20px}.end-about{display:flex;justify-content:space-between;gap:20px;align-items:center;text-align:left;font-size:17px;padding:14px 0;border-bottom:1px solid currentColor;margin-bottom:8px}.end-about span{font-size:32px}.end-work{font-family:var(--serif);font-size:27px;text-align:left;padding:5px 0}.end-work .mono{display:block;font-size:9px;margin-top:16px}.end-colophon{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #231d1b44;margin-top:80px;padding-top:20px;font-size:8px}.end-colophon a:hover{text-decoration:underline;text-underline-offset:4px}
/* Always available, deliberately quiet. */
.utility-bar{position:fixed;z-index:90;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0;background:#181719e8;backdrop-filter:blur(14px);border:1px solid #f1eee633;border-radius:99px;box-shadow:0 5px 25px #0002;color:#f1eee6;font-size:9px;white-space:nowrap}.utility-bar button{padding:13px 18px;color:inherit;font-size:9px}.utility-index{display:flex;gap:9px;align-items:center}.utility-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.utility-plus{font-size:15px;margin-left:8px;line-height:1}.utility-bar .motion-toggle{border-left:1px solid #ffffff25}.utility-bar .motion-icon{transform:scale(.8)}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none}.scroll-progress i{display:block;height:100%;width:0;background:var(--accent)}.cursor-tag{position:fixed;left:0;top:0;transform:translate(20px,18px);z-index:91;pointer-events:none;background:var(--accent);color:var(--ink);border-radius:100px;padding:14px 18px;font-size:10px;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .15s;will-change:left,top}.cursor-tag.active{opacity:1}.cursor-tag .play-mark{border-top-width:3px;border-bottom-width:3px;border-left-width:5px}
/* Restyle shared viewers, not the campaign data. */
.project-heading h2,.project-story h3,.next-project strong,.work-list strong,.about-body h2{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}.project-heading h2{font-size:clamp(45px,7.4vw,112px)}.project-heading .mono{color:#b7adb9}.project-body{padding-top:48px}.project-role{color:#c8c0c8}.film-select[aria-pressed=true]{border-color:#ff6849;background:#ff684910}.film-menu{scrollbar-color:#6c5a68 transparent;scrollbar-width:thin}.project-story h3{font-style:italic;font-size:clamp(32px,4vw,60px)}.index-kicker{color:#b6a9b9}.work-list strong{font-size:clamp(32px,5vw,78px)}.work-list button:hover img{transform:rotate(-5deg) scale(1.12)}.work-list img{transition:transform .3s}.about-body h2{font-size:clamp(65px,11vw,150px);font-style:italic}.about-columns p{font-size:18px}.next-project strong{font-style:italic}.art-full img{box-shadow:0 20px 80px #0006}.modal[open]{animation-duration:.4s}.motion-paused .hero-orbit,.reduced-motion .hero-orbit{animation-play-state:paused}.motion-paused *, .reduced-motion *{transition-duration:.001ms!important;animation-play-state:paused!important}
@media(min-width:1800px){.hero-line-one{font-size:14vw}.character-wall{height:600px}.dex-layout{min-height:900px}.dex-artwork{height:850px}.tea-reel{top:46%}.glass-cast{gap:4vw}.hero-note{font-size:16px}.section-topline{font-size:11px}}
@media(max-width:1050px){.site-header{gap:30px}.hero-note{left:5%;font-size:11px}.hero-counter{top:39%}.hero-topline{font-size:8px}.hero-credit{left:40%}.hero-chapter{font-size:7px}.coffee-intro{margin-right:0}.coffee-intro p{font-size:12px}.character-wall{height:390px}.character-word{left:16px;font-size:5.7vw}.tea-heading h2{font-size:8.8vw}.tea-heading p{font-size:11px;margin-right:0}.tea-reel{top:49%}.tea-frame{width:52vw}.tea-bottom{gap:20px}.tea-bottom>.mono{font-size:8px}.dex-layout{min-height:650px}.dex-artwork{height:620px}.dex-print{top:80px}.dex-film{top:290px}.dex-circle{top:140px}.dex-copy h2{font-size:8vw}.glass-cast{gap:22px}.glass-caption strong{font-size:35px}.glass-caption .mono{font-size:7px}.window-main-caption>span:first-child{font-size:35px}.end-bottom{gap:30px}.end-work{font-size:23px}}
@media(max-width:800px){:root{--edge:6vw}.site-header{height:76px}.wordmark{font-size:25px}.site-header .header-descriptor{display:none}.site-header nav{gap:24px}.site-header nav button{font-size:11px}.index-symbol{margin-left:6px}.hero-track{height:135svh}.hero-stage{min-height:600px}.hero-topline{top:100px;font-size:7px}.hero-topline span:last-child{display:none}.hero-screen{width:72vw;height:72vw;top:49%}.hero-orbit{width:80vw;height:80vw;top:49%}.hero-line-one{font-size:19vw;left:6%;top:22%}.hero-line-two{font-size:30vw;right:6%;top:57%}.hero-note{top:76%;left:6%;font-size:11px}.hero-note .note-rule{display:none}.hero-counter{top:76%;right:6%}.hero-counter>.mono{font-size:7px}.hero-switcher{gap:10px;margin-top:3px}.hero-switcher button{width:30px;height:30px}.hero-bottom{bottom:35px}.hero-credit{display:none}.hero-chapter{font-size:7px}.hero-screen-caption{left:20px;right:20px;bottom:20px}.hero-screen-caption .mono{font-size:7px}.screen-play{font-size:10px;padding:10px 14px}.hero-screen-caption .screen-play{font-size:0;padding:15px}.intro-band{padding-top:45px;padding-bottom:45px;grid-template-columns:1fr auto;gap:24px}.intro-band>.mono{grid-column:1/-1;font-size:8px}.intro-band p{font-size:30px;line-height:1.1}.intro-arrow{font-size:50px}.section{padding-top:35px;padding-bottom:50px}.section-topline{font-size:8px;gap:20px}.section-topline span:last-child{max-width:45%}.coffee-heading{margin:40px 0 30px;gap:25px}.coffee-heading h2{font-size:10vw}.coffee-heading em{padding-left:.5em}.coffee-intro{display:block;margin:0}.coffee-intro .small-cross{display:none}.coffee-intro p{font-size:11px}.coffee-intro .text-link{font-size:9px;gap:12px;margin-top:15px}.character-wall{height:340px;gap:8px}.character-word{font-size:6vw;left:12px;top:20px}.character-bottom{left:12px;right:12px;bottom:14px;font-size:7px;gap:6px}.mini-play{width:25px;height:25px}.character-bottom>span:first-child{max-width:50px}.coffee-foot{margin-top:25px;gap:15px}.coffee-foot>.mono{font-size:7px;max-width:100px}.print-strip{gap:12px}.print-strip>.mono{display:none}.print-strip img,.print-strip button{width:48px}.print-strip img{height:64px}.coffee-foot .round-link{width:48px;height:48px;font-size:23px}.tea-track{height:auto}.tea-stage{position:relative;height:auto;min-height:0;padding:35px var(--edge) 45px}.tea-stage>.section-topline{padding-top:0}.tea-heading{position:relative;left:auto;right:auto;top:auto;margin-top:40px;display:block}.tea-heading h2{font-size:12vw;margin-top:20px}.tea-heading h2 em{margin-left:8vw}.tea-heading p{margin:25px 0 0;line-height:1.6}.tea-reel{position:relative;top:auto;left:auto;margin:75px 0 50px;width:auto;display:flex;flex-direction:column;gap:55px;padding:0 3vw;transform:none!important}.tea-frame{width:92%;max-width:600px}.tea-frame-two{align-self:flex-end;transform:rotate(3deg)}.tea-frame-three{transform:rotate(-2deg)}.frame-number{font-size:55px;top:-30px;left:-12px}.tea-frame-caption{font-size:14px;margin-top:12px}.film-hover{opacity:1;font-size:10px;padding:12px 18px;left:auto;right:14px;top:auto;bottom:14px;transform:none}.tea-bottom{position:relative;bottom:auto;left:auto;right:auto;gap:20px}.tea-progress{display:none}.tea-bottom .text-link{font-size:10px}.air-heading{margin:40px 0 30px;gap:20px}.air-heading h2{font-size:10vw}.air-heading h2 em{padding-left:.4em}.air-heading>p{font-size:11px;margin:0}.air-comparison{height:430px}.air-world-label{left:20px;bottom:25px}.air-world-label strong{font-size:34px}.air-play{font-size:9px}.air-seam span{width:43px;height:43px;font-size:22px}.air-controls{flex-wrap:wrap;gap:14px}.air-controls label{width:100%;margin:0}.air-controls .text-link{font-size:10px}.dex-layout{display:block;margin-top:45px;min-height:0}.dex-copy h2{font-size:12vw;margin:25px 0}.dex-copy h2 br{display:none}.dex-copy h2 em{display:block;padding-left:12vw}.dex-copy>p{font-size:13px;margin-bottom:20px}.dex-annotation{margin-top:25px}.dex-artwork{height:85vw;margin-top:30px}.dex-print{width:57%;top:25px;left:3%}.dex-film{width:36%;top:25vw;right:2%}.dex-circle{top:12vw;left:9%;width:83%}.dex-film-caption{bottom:-33px}.dex-film-caption .mono{font-size:7px}.glass-heading{margin-top:40px}.glass-heading h2{font-size:10vw}.glass-heading .round-link{width:50px;height:50px;font-size:25px;margin:0;flex:none}.glass-cast{gap:20px;padding:15px 0 25px;grid-template-columns:1fr 1fr}.glass-c{grid-column:1/-1;width:62%;justify-self:center;transform:rotate(-3deg);margin-top:10px}.glass-c .glass-media{aspect-ratio:16/10}.glass-caption strong{font-size:36px}.glass-caption .mono{font-size:7px}.glass-a{transform:rotate(-4deg)}.glass-b{transform:rotate(3deg) translateY(35px)}.glass-b .glass-media{aspect-ratio:4/5}.glass-footnote{margin-top:10px;font-size:8px}.windows-heading{margin:40px 0 50px;gap:20px}.windows-heading h2{font-size:10vw}.windows-heading em{padding-left:2vw}.windows-heading>p{margin:0;font-size:11px}.windows-stage{min-height:64vw}.window-main{width:100%}.window-main-caption{left:18px;right:18px;bottom:20px}.window-main-caption>span:first-child{font-size:28px}.window-studio{width:40%;top:auto;bottom:0;right:3%}.window-studio>.mono{font-size:6px;padding:10px}.studio-play{width:25px;height:25px;right:10px;bottom:10px}.windows-foot{margin-top:25px;gap:20px}.windows-foot>.mono{font-size:8px}.windows-foot .text-link{font-size:10px}.end-title{padding:65px 0 55px;font-size:12vw}.end-bottom{grid-template-columns:1fr 1fr;gap:25px}.end-bio{grid-column:1/-1}.end-bio p{font-size:12px}.end-about{font-size:14px;gap:10px}.end-work{font-size:23px}.end-work .mono{font-size:7px}.end-colophon{margin-top:50px;align-items:start;font-size:7px;gap:30px;padding-bottom:60px}.end-colophon>span{max-width:150px}.cursor-tag{display:none}.utility-bar{bottom:14px}.utility-bar button{font-size:8px;padding:12px 14px}.utility-bar .motion-toggle{gap:7px}.project-heading h2{font-size:48px}.project-body{padding-top:28px}.about-body h2{font-size:65px}.work-list strong{font-size:28px}}
@media(max-width:520px){.hero-line-one{top:25%;font-size:20vw}.hero-line-two{top:57%;font-size:33vw}.hero-note{top:78%;font-size:10px}.hero-counter{top:77%}.hero-screen{top:50%;width:78vw;height:78vw}.hero-orbit{top:50%;width:88vw;height:88vw}.hero-chapter{font-size:6px}.scroll-cue{gap:14px}.scroll-cue .mono{font-size:7px}.scroll-arrow{font-size:34px}.hero-bottom{bottom:32px}.hero-track{height:132svh}.coffee-heading{display:block}.coffee-heading h2{font-size:16vw}.coffee-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.coffee-intro p{font-size:11px}.coffee-intro .text-link{margin:0;font-size:10px;max-width:180px}.character-wall{display:grid;grid-template-columns:1fr;height:auto;gap:14px}.character-panel{height:auto;aspect-ratio:4/3}.character-film video{object-position:50% 50%}.character-word{font-size:15vw;left:24px;top:20px}.character-bottom{font-size:8px;left:24px;right:22px;bottom:18px}.character-bottom>span:first-child{max-width:none}.mini-play{width:34px;height:34px}.coffee-foot>.mono{font-size:7px}.print-strip{gap:9px}.print-strip img,.print-strip button{width:44px}.print-strip img{height:58px}.coffee-foot .round-link{display:none}.tea-heading h2{font-size:14vw}.tea-heading .mono{font-size:8px}.tea-heading h2 em{margin-left:3vw}.tea-frame{width:100%}.tea-heading p{font-size:12px}.tea-reel{margin-top:65px}.air-heading{display:block}.air-heading h2{font-size:14vw}.air-heading>p{margin-top:25px;font-size:12px}.air-comparison{height:500px;display:flex;flex-direction:column;gap:4px}.air-world{width:100%;height:50%;flex:none}.air-world video{object-position:center}.air-world-label{left:20px;bottom:18px;gap:4px}.air-world-label strong{font-size:33px}.air-world-label>.mono{font-size:7px}.air-play{font-size:9px;margin-top:4px}.air-seam{display:none}.air-controls label,.air-controls>.mono,.air-controls input{display:none}.air-controls .text-link{margin-left:0;font-size:11px}.dex-copy h2{font-size:17vw}.dex-artwork{height:99vw;margin-top:40px}.dex-print{width:60%;top:10px}.dex-film{top:32vw}.dex-copy>.mono{font-size:8px}.dex-circle{top:16vw}.dex-annotation{font-size:8px}.dex-print>.mono{font-size:7px}.glass-heading{gap:10px}.glass-heading h2{font-size:12vw}.glass-heading h2 em{margin-left:0}.glass-heading .round-link{width:40px;height:40px;font-size:22px}.glass-cast{gap:16px;padding-top:0}.glass-caption{display:block}.glass-caption strong{font-size:33px;display:block}.glass-caption .mono{font-size:7px;display:block;margin-top:5px}.glass-play{width:28px;height:28px;right:10px;bottom:10px}.glass-c{width:76%}.windows-heading{display:block;margin-bottom:30px}.windows-heading h2{font-size:14vw}.windows-heading>p{margin:25px 0 0;font-size:12px}.windows-stage{padding-bottom:30vw}.window-main{aspect-ratio:4/3}.window-main video{object-fit:cover;object-position:40%}.window-main-caption>span:first-child{font-size:30px}.window-main-caption .screen-play{font-size:0;padding:11px}.window-studio{width:60%;bottom:0;right:5%}.window-studio>.mono{font-size:7px}.windows-foot{align-items:center;gap:20px}.windows-foot .text-link{font-size:10px;max-width:175px;gap:15px}.windows-foot>.mono{font-size:7px}.end-title{font-size:15vw;line-height:.92;padding:55px 0 45px}.end-title em{text-align:left}.end-bottom{gap:20px;grid-template-columns:1fr}.end-bio{grid-column:auto}.end-about{max-width:230px}.end-work{font-size:26px;margin-top:10px}.end-colophon{margin-top:35px}.section-topline{font-size:7px}.section-topline span:last-child{max-width:42%}.utility-index #current-chapter{max-width:140px;overflow:hidden;text-overflow:ellipsis}.hero-topline{font-size:7px}.project-heading h2{font-size:45px}.work-list strong{font-size:27px}.about-body h2{font-size:60px}}
@media(min-width:801px) and (max-height:780px){.hero-stage{min-height:600px}.hero-topline{top:100px}.hero-line-one{top:18%;font-size:12vw}.hero-line-two{font-size:16vw;top:53%}.hero-note{top:63%}.hero-bottom{bottom:30px}.tea-stage{min-height:620px}.tea-heading{top:19%}.tea-heading h2{font-size:6vw}.tea-heading h2 em{margin-left:12vw}.tea-reel{top:47%}.tea-frame{width:36vw}.tea-bottom{bottom:25px}.tea-stage>.section-topline{padding-top:28px}.tea-frame-caption{margin-top:10px}.tea-frame-two{transform:translateY(-2vh) rotate(3deg)}.frame-number{font-size:55px;top:-32px}}
@media(prefers-reduced-motion:reduce){.hero-orbit{animation:none}.character-panel{transition:none}.tea-track{height:auto}.tea-stage{position:relative;height:auto;min-height:0;padding-bottom:50px}.tea-heading{position:relative;top:auto;left:auto;right:auto;margin-top:40px}.tea-reel{position:relative;top:auto;left:auto;transform:none!important;width:auto;flex-direction:column;align-items:center;margin:60px 0;gap:50px}.tea-frame{width:min(800px,90%);transform:none!important}.tea-bottom{position:relative;left:auto;right:auto;bottom:auto}.tea-progress{display:none}.hero-track{height:100svh}.hero-screen,.hero-orbit{will-change:auto}.cursor-tag{display:none}}
/* Manual pause is also a static, scrollable exhibition. */
.motion-paused .hero-track{height:100svh}.motion-paused .tea-track{height:auto}.motion-paused .tea-stage{position:relative;height:auto;min-height:0;padding-bottom:50px}.motion-paused .tea-heading{position:relative;top:auto;left:auto;right:auto;margin-top:40px}.motion-paused .tea-reel{position:relative;top:auto;left:auto;transform:none!important;width:auto;flex-direction:column;align-items:center;margin:65px 0;gap:55px}.motion-paused .tea-frame{width:min(800px,90%);transform:none!important}.motion-paused .tea-bottom{position:relative;left:auto;right:auto;bottom:auto}.motion-paused .tea-progress{display:none}
/* Keep the floating index clear of the opening's baseline. */
.hero-bottom{bottom:76px}.hero-credit{bottom:3px}
@media(max-width:800px){.hero-bottom{bottom:92px}}
@media(min-width:801px) and (max-height:780px){.hero-bottom{bottom:65px}}