:root{--bg:#e9d8ce;--fg:#27231f;--accent:#c3d934;--pad:clamp(22px,4.2vw,75px);--paper:var(--bg);--ink:var(--fg);--muted:var(--fg);--line:#27231f40}body[data-theme=work],body[data-theme=lime]{--bg:#d4dfb2}body[data-theme=ai],body[data-theme=lavender]{--bg:#d4c8e8}body[data-theme=about],body[data-theme=blue]{--bg:#c8dce7}body[data-theme=contact]{--bg:#e8ed83}body[data-theme=rose]{--bg:#e6bfc1}body[data-theme=sand]{--bg:#e4d4b9}body{background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;font-weight:400;transition:background-color .8s ease,color .8s ease}html{scroll-padding-top:30px}::selection{background:#27231f;color:#edeee0}i,em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.header{padding:25px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:start;background:transparent;border:0;position:relative;z-index:10}.identity{font-size:28px;letter-spacing:-1.8px;font-weight:bold;display:block;white-space:nowrap}.identity sup{font:10px Arial;vertical-align:top;margin-left:5px}.logo-cut{font-weight:400;margin:0 3px}.header-name{font-size:12px;line-height:1.3}.header nav{gap:5px;font-size:14px;display:flex}.header nav a{padding:2px}.header nav a:hover{text-decoration:underline}.menu-toggle{display:none}.motion-hero{padding:75px var(--pad) 30px;min-height:88vh;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.hero-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em}.hero-composition{display:grid;grid-template-columns:1fr 270px;gap:4%;align-items:end;margin:48px 0}.hero-title{font-size:clamp(65px,8.9vw,155px);line-height:.92;letter-spacing:-.075em;font-weight:400;margin:0;overflow:visible}.hero-title .line{display:block;overflow:hidden;padding:0 .1em .12em 0}.hero-title .line>span{display:block;animation:type-arrive 1.1s cubic-bezier(.2,.8,.2,1) both}.hero-title .line:nth-child(2)>span{animation-delay:.12s}.hero-title .line:nth-child(3)>span{animation-delay:.24s}.hero-title i{letter-spacing:-.075em}.kinetic-word{display:inline-block;animation:type-breathe 7s ease-in-out infinite;transform-origin:left bottom}.hero-side{padding-bottom:18px}.splice{font-size:70px;display:inline-block;line-height:1;animation:splice-spin 22s linear infinite}.hero-side p{font-size:17px;line-height:1.35;margin:24px 0}.hero-side em{animation:possibility-fade 6s ease-in-out infinite}.hero-reels{display:flex;flex-direction:column;margin:30px 0}.hero-reels button{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding:13px 0;background:transparent;font-size:14px}.hero-reels button:last-child{border-bottom:1px solid currentColor}.hero-reels button:hover{padding-inline:9px}.small-note{font-size:9px;line-height:1.5}.hero-foot{border-top:1px solid currentColor;padding-top:15px}.motion-selected,.ai-bridge,.about-bridge{padding:110px var(--pad)}.section-mast{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:20px;margin-bottom:65px}.section-mast>span,.about-bridge>span{font-size:10px;letter-spacing:.04em}.section-mast h2{font-size:clamp(34px,4.4vw,78px);line-height:.95;font-weight:400;letter-spacing:-.05em}.section-mast p{font-size:13px;line-height:1.5;padding-top:5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 35px}.feature-film:nth-child(even){padding-top:110px}.feature-image{aspect-ratio:16/10;position:relative;background:#27231f;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.feature-film a:hover img{transform:scale(1.055)}.view-film{position:absolute;left:20px;bottom:20px;background:#edeee0;color:#27231f;padding:12px 18px;border-radius:50%;font-size:10px;transform:translateY(80px);transition:transform .4s}.feature-film a:hover .view-film,.feature-film a:focus-visible .view-film{transform:none}.feature-caption{display:flex;justify-content:space-between;gap:15px;margin:14px 0 9px;font-size:10px}.feature-caption span:last-child{text-align:right}.feature-film h3{font-size:clamp(27px,3.5vw,60px);font-weight:400;letter-spacing:-.055em;line-height:1.02;display:flex;justify-content:space-between;gap:15px}.feature-film h3>span{font-size:.7em;font-family:Arial}.large-link{display:flex;justify-content:space-between;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:25px 0;margin-top:80px;font-size:clamp(33px,5vw,80px);letter-spacing:-.05em}.large-link span{font-size:13px;letter-spacing:0;align-self:center}.ai-bridge{padding-top:80px}.bridge-film{display:block;margin-left:25%;position:relative}.bridge-film img{width:100%;max-height:650px;object-fit:cover}.bridge-film>span{display:block;font-size:10px;margin-top:15px}.about-bridge{max-width:1100px}.about-bridge h2{font-size:clamp(60px,9vw,140px);font-weight:400;line-height:.95;letter-spacing:-.06em;margin:45px 0}.about-bridge p{max-width:600px;font-size:23px;line-height:1.3;margin-bottom:25px}.footer{background:transparent;color:inherit;min-height:0;padding:65px var(--pad) 25px;border-top:1px solid currentColor}.footer-top>span{font-size:10px}.footer-top>a{display:block;font-size:clamp(40px,6.6vw,110px);line-height:1.1;letter-spacing:-.05em;margin:25px 0 75px}.footer-bottom{display:flex;gap:20px;justify-content:space-between;font-size:10px;border-top:1px solid currentColor;padding-top:20px}.footer-bottom>a:first-child{font-weight:bold}.text-link{font-size:14px}.index-head{padding:80px var(--pad) 60px}.index-head h1{font-size:clamp(80px,12vw,190px);font-weight:400;line-height:.86;letter-spacing:-.075em;margin:35px 0}.index-head h1 br{display:none}.index-head h1:after{content:'↘';font-size:.7em;margin-left:.1em}.index-head>p{max-width:500px;margin-left:50%;font-size:17px}.index-controls,.index-projects{padding-inline:var(--pad)}.index-controls{border:0;background:transparent;position:static}.control-row{padding-top:25px;border-top:1px solid currentColor}.search{background:transparent;border:0;border-bottom:1px solid currentColor}.search input{background:transparent;color:inherit}.filters{gap:8px}.filters button,.view-toggle button{border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit}.filters button[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:#27231f;color:var(--bg)}.film-grid{gap:45px 25px}.film-visual{aspect-ratio:16/11!important;border-radius:0!important;clip-path:none!important;mask-image:none!important;-webkit-mask-image:none!important}.film-meta h3{font-size:29px;font-weight:400;letter-spacing:-.045em}.film-cat{font-size:9px}.film-roles{font-size:9px}.film-fallback{display:none}.film-play{display:none}.film-card .film-link img{transition:transform .7s}.film-card .film-link:hover img{transform:scale(1.04)}.lab{background:transparent;display:block;padding:85px var(--pad)}.lab-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 9%;margin-bottom:80px}.lab-copy>.mono{grid-column:1/-1}.lab h2{grid-row:2/5;font-size:clamp(60px,8vw,130px);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:20px 0}.lab-copy>p{max-width:550px;font-size:18px;line-height:1.5}.lab-visuals{grid-template-columns:repeat(2,1fr);gap:55px 30px}.lab-visuals .study-window{aspect-ratio:16/10;border-radius:0}.lab-visuals .study-card:nth-child(even){padding-top:70px}.lab-visuals figcaption{font-size:12px}.lab-visuals figcaption small{font-size:12px}.study-triggy{grid-column:auto}.about{padding:85px var(--pad);display:grid;grid-template-columns:1fr 1.2fr}.about h2{font-size:clamp(50px,6.5vw,100px);font-weight:400;letter-spacing:-.06em;line-height:.95}.about .lead{font-size:35px;line-height:1.15;letter-spacing:-.035em}.about-columns{display:block}.about-columns p{font-size:17px;line-height:1.5;margin-top:30px}.recognition{background:transparent;grid-column:1/-1;border-top:1px solid currentColor;padding:35px 0;margin-top:80px}.recognition-label{border-color:currentColor}.recognition h3{font-weight:400}.contact{background:transparent;color:inherit;min-height:70vh;padding:80px var(--pad)}.contact h2{font-size:clamp(65px,10vw,160px);font-weight:400;letter-spacing:-.065em;line-height:.95}.contact h2 span{font-family:Georgia,serif;font-style:italic;color:inherit}.contact-mail{font-size:clamp(22px,4vw,60px)}.film-page-main{padding:60px var(--pad)}.film-page-head h1{font-size:clamp(50px,8vw,130px);font-weight:400;letter-spacing:-.065em;line-height:.95}.film-page-next{font-size:clamp(25px,4vw,65px)}.watch-stage{background:#161616}.watch-stage img{object-fit:contain}.watch-button{background:#edeee0;color:#27231f}dialog{color:#eee;background:#20201e;border:0;width:90vw;max-width:1400px;padding:22px}dialog::backdrop{background:#111d;backdrop-filter:blur(8px)}.dialog-top,.dialog-bottom{color:#eee}.player{aspect-ratio:16/9;background:#000}.player iframe,.player img{width:100%;height:100%;border:0;object-fit:contain}.page-wipe{position:fixed;inset:0;z-index:1000;transform:translateY(100%);background:var(--wipe,#d4dfb2);pointer-events:none;transition:transform .55s cubic-bezier(.76,0,.24,1)}body.leaving .page-wipe{transform:translateY(0)}.motion-ready .reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.in-view{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.mobile-menu[hidden]{display:none}@keyframes type-arrive{from{transform:translateY(115%) rotate(3deg)}to{transform:none}}@keyframes type-breathe{0%,100%{transform:skewX(-3deg)}50%{transform:skewX(3deg) translateX(.03em)}}@keyframes splice-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero-composition{grid-template-columns:1fr 210px}.hero-title{font-size:9.3vw}.hero-side p{font-size:14px}.section-mast{grid-template-columns:1fr 2fr}.section-mast p,.section-mast>a{grid-column:2}.feature-film:nth-child(even){padding-top:70px}.film-grid{grid-template-columns:repeat(2,1fr)}.about{gap:30px}.header-name{font-size:10px}}
@media(max-width:600px){.header{padding:20px var(--pad);grid-template-columns:1fr auto}.header-name{display:none}.identity{font-size:25px}.header nav{display:none}.menu-toggle{display:block;font-size:13px;background:none;padding:5px}.mobile-menu{padding:20px var(--pad) 40px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid currentColor}.mobile-menu a{font-size:48px;letter-spacing:-.05em}.motion-hero{padding-top:35px;min-height:0}.eyebrow{font-size:8px;gap:30px}.eyebrow span:last-child{text-align:right;max-width:120px}.hero-composition{display:block;margin:40px 0}.hero-title{font-size:13.4vw;letter-spacing:-.07em}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;padding-bottom:0}.splice{font-size:50px}.hero-side p{font-size:14px;margin:0;grid-column:2;grid-row:1/3}.hero-reels{grid-column:1/-1;margin:20px 0}.small-note{font-size:8px;grid-column:1/-1}.hero-foot{font-size:8px;gap:15px}.hero-foot span{max-width:130px;text-align:right}.motion-selected,.ai-bridge,.about-bridge{padding:65px var(--pad)}.section-mast{display:block;margin-bottom:35px}.section-mast h2{font-size:45px;margin:25px 0}.section-mast p{font-size:13px}.feature-grid{display:block}.feature-film{margin-bottom:40px}.feature-film:nth-child(even){padding-top:0}.feature-film h3{font-size:36px}.feature-caption{font-size:9px}.feature-image{aspect-ratio:16/11}.large-link{font-size:35px;margin-top:30px}.large-link span{font-size:10px}.bridge-film{margin-left:0}.about-bridge h2{font-size:65px}.about-bridge p{font-size:20px}.footer{padding-top:45px}.footer-top>a{font-size:45px;margin-bottom:40px}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:20px}.footer-bottom span{flex-basis:40%}.index-head{padding-top:50px}.index-head h1{font-size:22vw}.index-head>p{margin-left:0;font-size:15px}.control-row{flex-wrap:wrap;gap:20px}.filters{gap:7px}.filters button{font-size:10px;padding:8px 11px}.film-grid{grid-template-columns:1fr;gap:30px}.index-status{font-size:9px}.film-meta h3{font-size:30px}.lab{padding-block:50px}.lab-copy{display:block;margin-bottom:40px}.lab h2{font-size:75px;margin:35px 0}.lab-copy>p{font-size:16px}.lab-visuals{grid-template-columns:1fr}.lab-visuals .study-card:nth-child(even){padding-top:0}.lab-visuals .study-window{border-radius:0}.about{display:block;padding-block:50px}.about h2{font-size:65px}.about .lead{font-size:28px}.about-main{margin-top:40px}.recognition{margin-top:50px}.contact{padding-block:50px}.contact h2{font-size:70px}.contact-top{gap:30px;font-size:8px}.contact-meta{gap:20px;flex-wrap:wrap}.film-page-head{display:block}.film-page-head h1{font-size:55px;margin-bottom:25px}.film-page-meta{margin-bottom:20px}.film-page-description{display:block}.film-page-description .back-link{display:block;margin-top:20px}.film-page-next{font-size:30px}dialog{width:96vw;padding:12px}.dialog-bottom{display:block}.dialog-bottom h3{font-size:24px}.dialog-permalink{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){body{transition:none}.motion-ready .reveal{opacity:1;transform:none}.page-wipe{display:none}.hero-title .line>span,.kinetic-word,.splice{animation:none}*{scroll-behavior:auto!important}}

.header nav a,.header nav a:hover{background:transparent;border-radius:0}.arrow-icon{width:.8em;height:.8em;display:inline-block;vertical-align:baseline;flex-shrink:0}.index-head h1:after{content:none}.hero-reels .arrow-icon{width:15px;height:15px}.splice{font-family:DejaVu Sans,sans-serif;color:var(--fg);font-variant-emoji:text}.search{border-radius:0}.index-head h1{word-spacing:.02em}
/* Fixed word boxes let letterforms change without moving surrounding text. */
.type-token{display:inline-block!important;font-size:inherit!important;line-height:inherit;vertical-align:baseline;white-space:nowrap;letter-spacing:inherit}.type-active .type-token{overflow:clip;vertical-align:bottom}.type-original{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.feature-film h3>.type-token{font-size:inherit}.hero-title .line>span:not(.type-token){animation-duration:1.1s}.type-active .kinetic-word{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.type-token{font-family:inherit!important;font-style:inherit!important;font-weight:inherit!important}}

.feature-film h3{display:block}.feature-film h3>.arrow-icon{float:right;margin-top:.12em}

.type-glyph{display:inline-block!important;font-size:inherit!important;line-height:inherit;vertical-align:baseline;letter-spacing:0;transform-origin:center baseline}.type-active .type-token{overflow:visible}
/* Let the letter wave lead the opening without a competing line-slide. */
body .hero-title .line>span{animation:none}
