@charset "UTF-8";
:root{--paper:#f6f6f4;--ink:#171918;--muted:#747773;--line:#d8dad5;--gutter:4vw;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.film-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}img,video{display:block;width:100%;height:auto}img{color:var(--muted)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}::selection{color:var(--paper);background:var(--ink)}
.skip{position:fixed;left:20px;top:-80px;z-index:150;padding:14px;background:var(--ink);color:white}.skip:focus{top:12px}
.header{position:fixed;z-index:50;top:0;left:0;width:100%;padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;color:white;mix-blend-mode:difference}.signature{display:flex;align-items:center;gap:18px;font-size:22px;font-weight:600;letter-spacing:-1.3px}.signature-star{font-size:30px;line-height:1;font-weight:400}.header nav{display:flex;gap:30px;align-items:center;font-size:13px}.header nav a{position:relative;padding:8px 0}.header nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}sup{vertical-align:top;font-size:.55em;line-height:1.5;letter-spacing:0}.header sup{font-size:9px;padding-left:3px}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:.07em;line-height:1.5}
.hero-stage{height:100svh;min-height:680px;position:relative}.hero-sticky{height:100svh;min-height:680px;position:relative;overflow:hidden;isolation:isolate}.hero-top{position:absolute;top:118px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;z-index:5}#hero-title{position:absolute;z-index:4;top:22%;left:var(--gutter);width:92%;font-size:15.4vw;line-height:.81;letter-spacing:-.085em;pointer-events:none;color:white;mix-blend-mode:difference}#hero-title>span{display:block;will-change:transform,opacity}.hero-line-two{text-align:right;padding-right:3vw;padding-top:.07em}#hero-title em{letter-spacing:-.073em}.hero-watermark{position:absolute;left:var(--gutter);top:13%;font-size:13.8vw;line-height:.83;letter-spacing:-.08em;opacity:0;color:#e4e5e0;pointer-events:none}.hero-media{position:absolute;z-index:2;top:60%;left:62%;width:55vw;height:47svh;transform:translate(-50%,-50%) rotate(-4deg);background:#161b24;overflow:hidden;will-change:width,height,transform;contain:layout paint;box-shadow:0 12px 60px #0000000d}.hero-poster,.hero-film,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-film-vision{opacity:0}.hero-shade{background:linear-gradient(180deg,transparent 60%,#0008);pointer-events:none}.showreel-trigger{position:absolute;left:26px;bottom:23px;z-index:3;display:flex;align-items:center;gap:13px;color:white;text-align:left;font-size:13px;padding:3px}.showreel-trigger small,.special-play small{display:block;font-size:9px;opacity:.7;margin-top:6px;letter-spacing:.02em}.play-symbol{border:1px solid #ffffff70;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:11px;transition:background .2s,color .2s}.showreel-trigger:hover .play-symbol,.special-play:hover .play-symbol{background:white;color:#111}.frame-label{position:absolute;right:24px;bottom:31px;color:white;font-size:9px;letter-spacing:.08em}.hero-bottom{position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:12px;z-index:5}.hero-bottom a{display:flex;gap:32px;align-items:center}.hero-bottom a span{font-size:23px}
.statement-stage{position:relative;padding:100px 0}.statement-sticky{padding:30px var(--gutter);min-height:730px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.statement-meta{display:flex;justify-content:space-between;align-items:center}.statement-meta>span:last-child{font-size:12px}#statement-title{font-size:8.7vw;line-height:.98;letter-spacing:-.07em;padding:65px 0}#statement-title>[data-ink]{display:block;width:max-content;max-width:100%}#statement-title em{letter-spacing:-.055em;margin-left:25vw}.ink-word{display:inline-block}.statement-bottom{display:grid;grid-template-columns:1fr 1.7fr 1fr;align-items:end;gap:7vw}.statement-symbol{font-size:69px;line-height:1;transform-origin:28px 35px}.statement-bottom p{font-size:18px;line-height:1.5;letter-spacing:-.025em;max-width:430px}.statement-index{font-size:10px;line-height:1.6;text-align:right;letter-spacing:.06em}
.depth-stage{position:relative;background:#e9ebe6}.depth-sticky{position:relative;padding:40px var(--gutter);overflow:hidden}.depth-heading{display:flex;justify-content:space-between;position:relative;z-index:20;pointer-events:none}.depth-count{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em}#photo-heading{font-size:clamp(60px,8vw,144px);line-height:.87;letter-spacing:-.07em;text-align:center;padding:80px 0}#photo-heading em{letter-spacing:-.06em}.depth-scene{display:grid;grid-template-columns:1fr 1fr;gap:100px 14vw;padding:30px 8vw 100px}.depth-photo:nth-child(even){margin-top:130px}.depth-photo img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.depth-photo figcaption{display:flex;justify-content:space-between;padding-top:9px;font-size:9px;letter-spacing:.08em}.depth-bottom{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:center;font-size:11px;pointer-events:none}.depth-bottom>span:last-child{font-size:28px}.depth-progress{width:160px;height:1px;background:#bfc2bb;overflow:hidden}.depth-progress span{display:block;height:100%;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}
.motion-ready .hero-stage{height:350svh;min-height:0}.motion-ready .hero-sticky{position:sticky;top:0;min-height:0}.motion-ready .statement-stage{height:180svh;padding:0}.motion-ready .statement-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:110px;padding-bottom:50px}.motion-ready #statement-title{padding:20px 0}.motion-ready .depth-stage{height:540svh}.motion-ready .depth-sticky{position:sticky;top:0;height:100svh;padding:110px var(--gutter) 35px;isolation:isolate}.motion-ready #photo-heading{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;width:max-content}.motion-ready .depth-scene{display:block;position:absolute;inset:0;padding:0;perspective:1000px;perspective-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}.motion-ready .depth-photo{position:absolute;top:50%;left:50%;width:25vw;margin:0;will-change:transform,opacity;backface-visibility:hidden}.motion-ready .depth-photo img{height:auto;max-height:55svh;object-fit:cover;box-shadow:0 12px 50px #11111109}.motion-ready .depth-bottom{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter)}
.work-section{padding:145px var(--gutter) 80px;position:relative;background:var(--paper)}.work-heading{display:grid;grid-template-columns:1fr 3fr 1fr;gap:20px;align-items:start;margin-bottom:100px}.work-heading>.eyebrow{padding-top:15px}.work-heading h2{font-size:9.5vw;line-height:.88;letter-spacing:-.078em;position:relative}.work-heading em{padding-left:11vw;letter-spacing:-.065em}.work-heading h2 sup{font-size:12px;position:absolute;right:4vw;top:14px;letter-spacing:0}.work-heading>p{font-size:12px;line-height:1.6;padding-top:20px}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 5vw;align-items:start}.work-card{grid-column:span 7;text-align:left;width:100%;padding:0;min-width:0}.work-card:nth-child(4n+2),.work-card:nth-child(4n+3){grid-column:span 5}.work-card:nth-child(even){margin-top:170px}.work-card-image{position:relative;width:100%;aspect-ratio:16/10;background:#dfe1dc;overflow:hidden}.work-card-image>img,.work-card-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1),filter .8s}.work-card:hover .work-card-image>img,.work-card:hover .work-card-image>video{transform:scale(1.035)}.portrait-card .work-card-image{aspect-ratio:4/5;max-height:740px;background:#131313}.portrait-card .work-card-image>img{object-fit:contain}.card-play{position:absolute;right:18px;bottom:18px;border:1px solid #ffffff70;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;color:#fff;font-size:24px;transition:background .2s,color .2s;backdrop-filter:blur(8px);background:#1112}.work-card:hover .card-play{background:var(--paper);color:var(--ink)}.work-card-title{padding-top:16px;display:flex;justify-content:space-between;gap:12px;align-items:start}.work-card-title h3{font-size:clamp(18px,1.75vw,29px);letter-spacing:-.04em;line-height:1.1}.work-card-title p{font-size:10px;margin-top:9px;color:var(--muted)}.work-card-index{font-size:10px;padding-top:4px;color:var(--muted)}.work-end{margin-top:100px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}
.about-section{padding:120px var(--gutter);background:#e9ebe6}.section-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:70px}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12vw;align-items:center}.portrait-frame{position:relative}.portrait-frame img{aspect-ratio:4/5;object-fit:cover}.portrait-label{position:absolute;bottom:16px;left:20px;color:white;font-size:9px;letter-spacing:.07em}.about-grid h2{font-size:5.1vw;line-height:.95;letter-spacing:-.06em;margin-bottom:35px}.about-grid p{font-size:20px;line-height:1.5;max-width:430px;letter-spacing:-.025em}.about-grid .about-detail{font-size:14px;color:#60645d;margin-top:25px;line-height:1.65}.underlined{display:inline-flex;gap:80px;font-size:12px;border-bottom:1px solid #9b9f96;padding:20px 0 10px;margin-top:20px}.notes-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:12vw;margin-top:160px;align-items:start}.notes-intro{position:sticky;top:115px}.notes-intro h3{font-size:5vw;line-height:.95;letter-spacing:-.05em;margin:32px 0}.notes-intro img{width:58%;max-height:330px;object-fit:cover;object-position:center}.note{border-top:1px solid #bec2b8;padding:26px 0 70px}.note>span{font-size:10px;letter-spacing:.05em;color:#63665e}.note h3{font-size:2.8vw;line-height:1.1;letter-spacing:-.04em;margin:28px 0 20px}.note p{font-size:15px;line-height:1.65;max-width:440px;color:#63665e}
footer{padding:100px var(--gutter) 30px;background:var(--paper)}footer h2{font-size:11vw;line-height:.92;letter-spacing:-.065em;margin:65px 0 60px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-link{font-size:clamp(18px,2.5vw,38px);letter-spacing:-.03em}.phone-link{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:100px;font-size:10px}
.motion-toggle{position:fixed;z-index:55;bottom:20px;left:20px;display:flex;gap:8px;align-items:center;min-height:36px;border:1px solid #8885;border-radius:30px;padding:7px 12px;background:#f6f6f4de;color:#171918;backdrop-filter:blur(12px);font-size:10px}.motion-toggle>span:first-child{font-size:13px;width:13px}.motion-toggle-label{max-width:0;white-space:nowrap;overflow:hidden;transition:max-width .3s}.motion-toggle:hover .motion-toggle-label,.motion-toggle:focus-visible .motion-toggle-label{max-width:150px}
.film-dialog{position:fixed;inset:0;margin:auto;width:min(1440px,96vw);max-width:none;padding:22px;background:#111;color:white;border:1px solid #3b3b3b;max-height:95dvh;overflow:auto}.film-dialog::backdrop{background:#000e;backdrop-filter:blur(12px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.film-dialog-top h2{font-size:16px;letter-spacing:-.02em}.close-film{display:flex;align-items:center;gap:20px;font-size:12px;padding:5px}.close-film span{font-size:26px}.film-player{width:100%;aspect-ratio:16/9;max-height:calc(95dvh - 130px);background:black}.film-player iframe,.film-player video{width:100%;height:100%;border:0;display:block;object-fit:contain}#vimeo-link{display:inline-block;margin-top:15px;font-size:11px}#vimeo-link[hidden]{display:none}.noscript-note{padding:30px;text-align:center}
.hero-sticky{background:var(--paper)}
@media(min-width:1800px){.header{padding-top:36px}.hero-top{top:130px}.statement-bottom p{font-size:23px}.statement-sticky{padding-bottom:65px}.work-grid{gap:120px 5vw}}
@media(max-width:900px){:root{--gutter:5vw}.header{padding-top:22px}.signature{font-size:20px;gap:12px}.signature-star{font-size:25px}.header nav{gap:18px;font-size:11px}.hero-top{top:103px}.hero-stage,.hero-sticky{min-height:600px}#hero-title{top:27%;font-size:16vw}.hero-line-two{padding-right:0}.statement-bottom{grid-template-columns:.6fr 2fr .6fr;gap:30px}.statement-bottom p{font-size:16px}.statement-index{font-size:8px}.work-heading{grid-template-columns:1fr 2.6fr}.work-heading>p{grid-column:2}.work-heading h2{font-size:12vw}.work-heading h2 sup{right:0}.work-card:nth-child(even){margin-top:100px}.work-grid{gap:60px 4vw}.about-grid,.notes-layout{gap:7vw}.about-grid p{font-size:18px}.about-grid .about-detail{font-size:13px}.note h3{font-size:3.7vw}.note p{font-size:14px}.special-section{min-height:650px}}
@media(max-width:600px){html{scroll-padding-top:75px}.header{padding-top:22px;padding-bottom:20px}.signature{font-size:19px}.signature-star{font-size:23px}.menu-toggle{display:flex;gap:12px;align-items:center;font-size:12px;padding:3px}.menu-toggle span{font-size:22px;line-height:1}.header nav{display:none;position:fixed;inset:72px 5vw auto;padding:25px;flex-direction:column;align-items:flex-start;gap:20px;font-size:27px;background:#171918;color:#fff;border:1px solid #fff5}.header.menu-open{mix-blend-mode:normal;background:var(--paper);color:var(--ink)}.header.menu-open nav{display:flex}.header nav sup{font-size:12px}.hero-stage,.hero-sticky{min-height:640px}.hero-top{top:98px;font-size:8px;gap:30px}.hero-top>span:last-child{max-width:125px;text-align:right;line-height:1.5}#hero-title{top:25%;font-size:17.7vw;width:90%;line-height:.92}.hero-line-two{padding-top:.05em}.hero-media{left:52%;top:60%;width:88vw;height:40svh}.hero-watermark{top:19%;font-size:17vw;line-height:.9}.showreel-trigger{left:14px;bottom:14px;gap:9px;font-size:11px}.showreel-trigger small{font-size:8px}.play-symbol{width:36px;height:36px;font-size:9px}.frame-label{right:17px;bottom:22px;font-size:8px}.hero-bottom{bottom:32px;font-size:10px;gap:20px}.hero-bottom>span{max-width:120px;line-height:1.4}.hero-bottom a{gap:12px}.motion-ready .hero-stage{height:310svh}.motion-ready .hero-sticky{min-height:0}.statement-stage{padding:70px 0}.statement-sticky{min-height:630px;padding:25px var(--gutter)}.statement-meta>span:last-child{font-size:9px;max-width:135px;text-align:right;line-height:1.5}.eyebrow{font-size:9px}#statement-title{font-size:11.2vw;letter-spacing:-.075em;line-height:1.13;padding:70px 0}#statement-title em{margin-left:17vw}.statement-bottom{grid-template-columns:35px 1fr;gap:15px 25px;align-items:start}.statement-symbol{font-size:39px}.statement-bottom p{font-size:15px;line-height:1.5;max-width:280px}.statement-index{grid-column:2;font-size:8px;text-align:left;margin-top:6px}.motion-ready .statement-stage{height:170svh}.motion-ready .statement-sticky{padding-top:100px;padding-bottom:58px}.motion-ready #statement-title{padding:25px 0}.depth-sticky{padding:30px var(--gutter)}.depth-scene{padding:0 0 60px;gap:60px 8vw}.depth-photo:nth-child(even){margin-top:80px}#photo-heading{font-size:19vw}.motion-ready .depth-stage{height:570svh}.motion-ready .depth-sticky{padding-top:105px}.motion-ready .depth-photo img{max-height:46svh}.motion-ready .depth-photo figcaption{font-size:8px}.motion-ready .depth-bottom{bottom:32px}.depth-bottom{font-size:9px}.depth-bottom>span:first-child{max-width:155px;line-height:1.5}.depth-progress{width:65px}.work-section{padding:85px var(--gutter) 55px}.work-heading{grid-template-columns:1fr;margin-bottom:60px;gap:30px}.work-heading>.eyebrow{padding:0}.work-heading h2{font-size:20vw;line-height:.9}.work-heading em{padding-left:24vw}.work-heading h2 sup{right:12vw;top:5px;font-size:10px}.work-heading>p{grid-column:1;font-size:11px;justify-self:end;padding:0}.work-grid{grid-template-columns:1fr;gap:50px}.work-card,.work-card:nth-child(4n+2),.work-card:nth-child(4n+3){grid-column:1}.work-card:nth-child(even){margin-top:0;width:83%;justify-self:end}.work-card-title h3{font-size:20px}.work-card-title p{font-size:9px}.work-card-image{aspect-ratio:4/3}.portrait-card .work-card-image{aspect-ratio:4/5;max-height:none}.work-card-title{padding-top:12px}.card-play{width:36px;height:36px;font-size:19px;bottom:13px;right:13px}.work-end{margin-top:65px;font-size:10px;gap:20px}.about-section{padding:70px var(--gutter)}.section-top{margin-bottom:40px;font-size:10px}.about-grid{grid-template-columns:1fr;gap:40px}.portrait-frame{width:80%}.about-grid h2{font-size:11vw;margin-bottom:25px}.about-grid p{font-size:18px}.about-grid .about-detail{font-size:14px}.notes-layout{grid-template-columns:1fr;margin-top:90px;gap:45px}.notes-intro{position:static}.notes-intro h3{font-size:12vw;margin:25px 0}.notes-intro img{width:55%;max-height:280px}.note{padding-bottom:45px}.note h3{font-size:7.8vw}.note p{font-size:14px}.special-section{height:80svh;min-height:590px}.special-content{padding:40px var(--gutter)}.special-top{gap:30px;font-size:8px}.special-content h2{font-size:18vw}.special-bottom p{font-size:10vw}.special-play{font-size:8px;gap:10px}.special-play small{font-size:8px}footer{padding:70px var(--gutter) 27px}footer h2{font-size:18vw;margin:50px 0 40px}.contact-row{flex-direction:column;align-items:flex-start;gap:22px}.contact-link{font-size:6.2vw}.phone-link{font-size:13px}.footer-bottom{margin-top:70px;font-size:9px}.motion-toggle{left:10px;bottom:9px;padding:6px 8px;min-height:31px;font-size:9px}.motion-toggle-label{display:none}.film-dialog{width:96vw;padding:13px}.film-dialog-top h2{font-size:13px}.close-film{font-size:10px;gap:8px}.film-player{aspect-ratio:4/3}.close-film span{font-size:25px}}
@media(max-height:650px) and (min-width:601px){.hero-top{top:93px}#hero-title{top:27%;font-size:13vw}.motion-ready .statement-sticky{padding-top:95px;padding-bottom:30px}#statement-title{font-size:7vw}.statement-bottom p{font-size:14px}.statement-symbol{font-size:40px}.motion-ready .depth-sticky{padding-top:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-film{display:none}.videos-enabled .hero-film-main{display:block}.hero-watermark{display:none}.hero-media{transform:translate(-50%,-50%)!important}.depth-progress{display:none}}
.showreel-trigger{left:var(--play-inset,26px)}
#isler{scroll-margin-top:-90px}
.hero-bottom>span,.depth-bottom>span:first-child{padding-left:25px}
@media(max-width:600px){.showreel-trigger{left:var(--play-inset,14px)}#isler{scroll-margin-top:-75px}.motion-ready #photo-heading{top:49%;font-size:13vw}.hero-bottom>span,.depth-bottom>span:first-child{padding-left:0}}
@media(max-width:600px){.motion-ready #photo-heading{top:28%;left:auto;right:5vw;font-size:11vw;text-align:right;transform-origin:right center}}
/* Small labels remain readable on both touch and desktop screens. */
.eyebrow,.hero-top,.frame-label,.showreel-trigger small,.special-play small,.statement-meta>span:last-child,.statement-index,.depth-count,.depth-photo figcaption,.motion-ready .depth-photo figcaption,.depth-bottom,.work-card-title p,.work-card-index,.work-end,.section-top,.portrait-label,.note>span,.special-top,.special-play,.footer-bottom,#vimeo-link{font-size:12px}
.header nav,.showreel-trigger,.underlined,.phone-link{font-size:14px}
.about-grid .about-detail,.note p{font-size:16px}
#hero-title{letter-spacing:-.065em}#statement-title{letter-spacing:-.055em}
@media(max-width:600px){.header nav{font-size:27px}.menu-toggle{font-size:14px}.hero-top>span:first-child{max-width:160px;line-height:1.5}.hero-top>span:last-child{max-width:150px}.hero-top{gap:14px}.hero-bottom,.work-heading>p,.work-card-title p,.work-card-index,.work-end,.footer-bottom,.motion-toggle{font-size:12px}.statement-bottom p{font-size:16px}.statement-meta{gap:20px}.statement-meta>span:last-child{max-width:170px}.statement-index{font-size:12px}.special-play{font-size:10px}.showreel-trigger{font-size:12px}.showreel-trigger small{font-size:10px}.frame-label{font-size:10px}.depth-bottom>span:first-child{max-width:185px}.depth-progress{width:50px}}
/* Opening sequence: crossing frames, a full-screen hold, then a film wipe. */
.motion-ready .hero-stage{height:325svh}
.hero-watermark{top:37%;left:0;white-space:nowrap;width:max-content;font-size:17vw;line-height:1;letter-spacing:-.065em;will-change:transform;transform:translateX(16vw)}
.hero-film{will-change:transform,clip-path}
.hero-play-surface{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0}
.hero-play-surface:focus-visible{outline:2px solid white;outline-offset:-8px}
.frame-label{pointer-events:none;z-index:3}
.reel-cursor{display:none;position:fixed;z-index:60;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%) scale(.7);width:92px;height:92px;align-items:center;justify-content:center;gap:10px;border-radius:50%;background:#f6f6f4;color:#171918;font-size:13px;letter-spacing:.04em;opacity:0;transition:opacity .18s,transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 30px #0002}
.reel-cursor>span{font-size:22px}
@media(hover:hover) and (pointer:fine){.motion-ready .reel-cursor{display:flex}body:has(.hero-media.pointer-inside) .reel-cursor{opacity:1;transform:translate(-50%,-50%) scale(1)}.motion-ready .hero-media.pointer-inside,.motion-ready .hero-media.pointer-inside button{cursor:none}}
.depth-stage{background:#171918;color:#f6f6f4}
.depth-progress{background:#ffffff30}.depth-progress span{background:#f6f6f4}
.motion-ready .depth-photo img{box-shadow:0 14px 50px #0002}
.motion-ready .work-card .work-card-image{clip-path:inset(12% 0 12% 0);transform:translate3d(0,48px,0);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1)}
.motion-ready .work-card .work-card-title{opacity:0;transform:translateY(18px);transition:opacity .6s .15s,transform .8s .1s}
.motion-ready .work-card.is-revealed .work-card-image,.motion-ready .work-card:focus-visible .work-card-image{clip-path:inset(0);transform:translate3d(0,0,0)}
.motion-ready .work-card.is-revealed .work-card-title,.motion-ready .work-card:focus-visible .work-card-title{opacity:1;transform:translateY(0)}
@media(max-width:600px){.motion-ready .hero-stage{height:300svh}.hero-watermark{top:39%;font-size:23vw}.hero-play-surface{min-height:44px}.motion-ready .work-card .work-card-image{transform:translate3d(0,28px,0)}}
@media(prefers-reduced-motion:reduce){.reel-cursor{display:none!important}.hero-film{will-change:auto}.hero-watermark{transform:none}}
.showreel-trigger{pointer-events:none}
@media(max-width:600px){.hero-bottom,.motion-ready .depth-bottom{bottom:50px}}

/* Preserve the full horizontal film, including both flame columns, on phones. */
@media(max-width:600px){.hero-media{background:#050607}.hero-poster,.hero-film{object-fit:contain}}

/* The opening now exits close to the following note, without an empty closing slide. */
.motion-ready .hero-stage{height:285svh;margin-bottom:-8svh}
.statement-stage{z-index:3;background:var(--paper)}
.about-grid h2{font-size:clamp(36px,4.6vw,78px);line-height:1.02}

/* Trakian: film, context, craft and finished instruments share one dark surface. */
.trakian-section{background:#101211;color:#f1f0e9;position:relative;--bronze:#c7a57b;--project-muted:#b3b7ae;--project-line:#ffffff29}
.trakian-stage{position:relative;height:100svh;min-height:640px}
.trakian-sticky{position:relative;isolation:isolate;height:100svh;min-height:640px;overflow:hidden}
.trakian-top{position:absolute;z-index:4;left:var(--gutter);right:var(--gutter);top:108px;display:flex;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.06em}
.trakian-frame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#050706}
.trakian-frame>img,.trakian-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;object-position:75% 50%;transform-origin:75% 50%}
.trakian-frame:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 30%,transparent 75%,#0004)}
.trakian-video-label{position:absolute;z-index:2;top:108px;left:var(--gutter);display:block;font-size:12px;letter-spacing:.12em;text-shadow:0 1px 8px #000;opacity:var(--project-label-opacity,0)}
#trakian-title{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);top:40%;font-size:17.7vw;line-height:.8;letter-spacing:-.065em;text-align:center;pointer-events:none;will-change:transform,opacity}
#trakian-title>span{display:block;font-size:12px;letter-spacing:.36em;line-height:1.5;margin-top:25px;text-align:right;padding-right:1.5vw}
.trakian-corner{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:38px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}
.motion-ready .trakian-stage{height:250svh;min-height:0}
.motion-ready .trakian-sticky{position:sticky;top:0;min-height:0}
.trakian-story{padding:70px var(--gutter) 120px;position:relative;z-index:2;background:#101211}
.trakian-story-meta{display:flex;justify-content:space-between;gap:25px;align-items:start;color:var(--project-muted);font-size:12px;line-height:1.5}
.trakian-story h3{font-size:clamp(42px,7.4vw,130px);line-height:1.04;letter-spacing:-.052em;margin:72px 0}
.trakian-story h3 em{color:var(--bronze);margin-left:17vw}
.trakian-story-body{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-left:25vw}
.trakian-story-body>p{font-size:clamp(21px,2.1vw,32px);line-height:1.42;letter-spacing:-.025em}
.trakian-story-body>div{font-size:16px;line-height:1.65;color:var(--project-muted)}
.trakian-ambition{margin-top:24px;color:var(--bronze)}
.craft-stage{position:relative}
.craft-sticky{position:relative;padding:75px var(--gutter);overflow:hidden}
.craft-top{display:flex;justify-content:space-between;gap:20px;align-items:center}
.craft-top h3{font-size:clamp(30px,3.2vw,58px);letter-spacing:-.045em;line-height:1.1}
.craft-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--project-muted)}
.craft-scene{display:grid;grid-template-columns:1fr 1fr;gap:75px 8vw;margin-top:60px}
.craft-card{min-width:0}
.craft-media{position:relative;overflow:hidden;background:#080a09;aspect-ratio:9/16}
.craft-media img,.craft-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.craft-card figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:16px;font-size:12px;letter-spacing:.04em;color:var(--project-muted)}
.craft-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:55px;color:var(--project-muted)}
.craft-progress{height:1px;width:100px;background:var(--project-line)}
.craft-progress span{display:block;width:100%;height:100%;background:var(--bronze);transform-origin:left}
.motion-ready .craft-stage{height:350svh}
.motion-ready .craft-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-top:100px;padding-bottom:30px;isolation:isolate}
.motion-ready .craft-scene{position:absolute;inset:0;display:block;margin:0;perspective:1100px}
.motion-ready .craft-card{position:absolute;top:50%;left:50%;will-change:transform,opacity}
.motion-ready .craft-media{height:var(--craft-height,64svh);aspect-ratio:auto}
.motion-ready .craft-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);margin:0}
.trakian-gallery{padding:100px var(--gutter) 110px;overflow:hidden}
.trakian-gallery-top{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--project-muted);margin-bottom:80px}
.cymbal-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:110px 5vw;align-items:start}
.cymbal-photo{min-width:0;will-change:transform}
.cymbal-photo>div{overflow:hidden;background:#060806}
.cymbal-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cymbal-photo figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.04em;padding-top:17px;color:var(--project-muted)}
.cymbal-wide{grid-column:1/10}.cymbal-detail{grid-column:7/13;grid-row:2}.cymbal-single{grid-column:1/7;grid-row:2;margin-top:12vw}.cymbal-finale{grid-column:4/12;grid-row:3}
.cymbal-detail img{aspect-ratio:4/5}.cymbal-single img{aspect-ratio:1;object-fit:contain}.cymbal-finale img{aspect-ratio:16/10}
.trakian-film-cta{padding:40px var(--gutter) 100px}
.trakian-film-cta>.eyebrow{display:block;border-top:1px solid var(--project-line);padding-top:30px;color:var(--project-muted)}
.trakian-film-cta button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:50px 0 0;text-align:left;gap:30px}
.trakian-film-cta button>span:first-child{font-size:clamp(62px,12vw,210px);line-height:1;letter-spacing:-.06em}
.trakian-play-icon{display:grid;place-items:center;flex-shrink:0;width:9vw;height:9vw;min-width:62px;min-height:62px;border:1px solid #ffffff70;border-radius:50%;font-size:5vw;transition:background .25s,color .25s,transform .4s}
.trakian-film-cta button:hover .trakian-play-icon{background:var(--bronze);color:#101211;transform:rotate(45deg)}
@media(max-width:900px){.trakian-story-body{margin-left:12vw;gap:6vw}.trakian-story h3{font-size:8vw}.trakian-story h3 em{margin-left:10vw}.cymbal-grid{gap:85px 5vw}}
@media(max-width:600px){
  .motion-ready .hero-stage{height:265svh}
  .about-grid h2{font-size:11vw}
  .trakian-stage,.trakian-sticky{min-height:620px}
  .trakian-top{top:94px;font-size:12px}.trakian-top>span:last-child{max-width:100px;text-align:right;line-height:1.4}
  .trakian-frame>img,.trakian-frame>video{object-position:78% 50%}
  #trakian-title{top:43%;font-size:17.8vw}#trakian-title>span{font-size:12px;margin-top:16px}
  .trakian-video-label{top:94px;left:var(--gutter)}.trakian-corner{bottom:55px;font-size:12px;gap:24px}
  .motion-ready .trakian-stage{height:230svh}
  .trakian-story{padding-top:35px;padding-bottom:65px}
  .trakian-story-meta{flex-direction:column;gap:12px}
  .trakian-story h3{font-size:10.2vw;line-height:1.13;margin:44px 0 36px}
  .trakian-story h3 em{display:block;margin:4px 0 0 6vw}
  .trakian-story-body{grid-template-columns:1fr;gap:24px;margin:0 0 0 6vw}
  .trakian-story-body>p{font-size:22px}.trakian-story-body>div{font-size:16px}
  .craft-sticky{padding-top:45px;padding-bottom:50px}.craft-top h3{font-size:32px}
  .craft-scene{grid-template-columns:1fr;gap:50px;margin-top:35px}.craft-card{width:84%;margin:0 auto}
  .motion-ready .craft-stage{height:390svh}.motion-ready .craft-sticky{padding-top:98px}
  .motion-ready .craft-card{margin:0}.motion-ready .craft-bottom{bottom:52px}
  .craft-card figcaption,.craft-bottom{font-size:12px}.craft-card figcaption>span:last-child{display:none}.craft-progress{width:62px}
  .trakian-gallery{padding-top:70px;padding-bottom:70px}.trakian-gallery-top{flex-direction:column;gap:12px;margin-bottom:50px}
  .cymbal-grid{gap:65px 5vw}.cymbal-wide{grid-column:1/13}.cymbal-detail{grid-column:4/13;grid-row:auto}.cymbal-single{grid-column:1/11;grid-row:auto;margin-top:0}.cymbal-finale{grid-column:2/13;grid-row:auto}
  .cymbal-photo figcaption{font-size:12px;padding-top:12px}.cymbal-finale img{aspect-ratio:4/3}
  .trakian-film-cta{padding-top:10px;padding-bottom:70px}.trakian-film-cta button{padding-top:35px;gap:15px}.trakian-film-cta button>span:first-child{font-size:14vw}.trakian-play-icon{font-size:32px;min-width:56px;min-height:56px}
}
@media(prefers-reduced-motion:reduce){.trakian-frame,.trakian-frame>img,.trakian-frame>video,#trakian-title,.cymbal-photo{will-change:auto}.trakian-play-icon{transition:none}}

/* Uncaptioned instruments move through a shared depth field. */
.motion-ready .trakian-gallery{position:relative;height:340svh;padding:0;overflow:visible}
.motion-ready .cymbal-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.motion-ready .cymbal-grid{display:block;position:absolute;inset:0;perspective:1000px;perspective-origin:50% 50%;transform-style:preserve-3d}
.motion-ready .cymbal-photo{position:absolute;left:50%;top:50%;width:42vw;margin:0;backface-visibility:hidden;will-change:transform,opacity}
.motion-ready .cymbal-photo img{height:auto;max-height:66svh;aspect-ratio:auto;object-fit:contain}
@media(max-width:600px){.motion-ready .trakian-gallery{height:370svh}.motion-ready .cymbal-photo{width:74vw}.motion-ready .cymbal-photo img{max-height:56svh}}

/* Films play where their cover appears, without leaving the portfolio. */
.work-play-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0}
.work-play-trigger>span{position:absolute;right:18px;bottom:18px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;color:white;background:#1115;backdrop-filter:blur(8px);font-size:14px;transition:background .2s,color .2s}
.work-play-trigger:hover>span{background:var(--paper);color:var(--ink)}
.work-play-trigger:focus-visible{outline:2px solid white;outline-offset:-8px}
.work-play-trigger[hidden],.hero-play-surface[hidden],.trakian-film-cta button[hidden],.inline-film-slot[hidden]{display:none}
.inline-player{position:absolute;inset:0;z-index:10;background:#050505;overflow:hidden}
.inline-player>iframe,.inline-player>video{display:block;width:100%;height:100%;border:0;object-fit:contain}
.inline-close{position:absolute;right:10px;top:10px;z-index:11;width:40px;height:40px;border-radius:50%;background:#111c;color:#fff;border:1px solid #ffffff60;font-size:28px;line-height:1;padding:0;display:grid;place-items:center}
.inline-film-slot{position:relative;aspect-ratio:16/9;margin-top:35px;background:black}
.trakian-film-cta .inline-close{display:grid;justify-content:normal;gap:0;align-items:center;width:40px;height:40px;padding:0;text-align:center}
.hero-media.has-inline-film .showreel-trigger,.hero-media.has-inline-film .frame-label{display:none}
.motion-ready .work-card.has-inline-film .work-card-image,.motion-ready .work-card:focus-within .work-card-image{clip-path:inset(0);transform:none}
@media(max-width:600px){.work-play-trigger>span{width:40px;height:40px;right:13px;bottom:13px;font-size:12px}.inline-close{right:7px;top:7px}}

/* Project collection: editorial mosaics with a separate series inside each tile. */
.icon-library{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.work-section{background:#fafaf8;padding-top:130px}.work-heading{grid-template-columns:1fr 4fr;margin-bottom:65px}.work-heading h2{font-size:clamp(48px,7.3vw,118px);line-height:.98}.work-heading em{padding-left:8vw}.work-heading>p{grid-column:2;justify-self:end;font-size:14px;line-height:1.5}.portfolio-toolbar{position:relative;z-index:12;margin-bottom:75px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:20px;align-items:center;justify-content:space-between}.portfolio-filters{display:flex;flex-wrap:wrap;gap:6px 22px}.portfolio-filters button{padding:10px 0;font-size:13px;color:#767970;position:relative;white-space:nowrap}.portfolio-filters button[aria-pressed=true]{color:#171918}.portfolio-filters button:after{content:'';height:1px;background:currentColor;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s}.portfolio-filters button[aria-pressed=true]:after{transform:scaleX(1)}.portfolio-status{font-size:11px;color:#767970;white-space:nowrap}.portfolio-group{margin-bottom:110px;scroll-margin-top:100px}.portfolio-group[hidden]{display:none}.portfolio-group-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;align-items:baseline;margin-bottom:30px}.portfolio-group-heading h3{font-size:clamp(24px,3vw,48px);font-weight:400;letter-spacing:-.05em}.portfolio-group-heading p{font-size:12px;line-height:1.5;color:#686c64;justify-self:end}.portfolio-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(210px,27vw,500px);gap:20px 16px;align-items:stretch}.portfolio-mosaic .project-card,.portfolio-mosaic .project-card:nth-child(n){grid-column:span 6;display:flex;flex-direction:column;margin:0;width:100%;justify-self:stretch;min-height:0}.portfolio-mosaic .tile-tall:nth-child(n){grid-column:span 4;grid-row:span 2}.portfolio-mosaic .tile-wide:nth-child(n){grid-column:span 8}.portfolio-mosaic .tile-small:nth-child(n){grid-column:span 4}.portfolio-mosaic .tile-full:nth-child(n){grid-column:span 12}.mosaic-moda .tile-tall:nth-child(n){grid-column:span 6}.mosaic-moda .tile-wide:nth-child(n){grid-column:span 6}.mosaic-moda .tile-small:nth-child(n){grid-column:span 3}
.series-track{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#dfe1dc;touch-action:pan-x pan-y;position:relative}.series-track::-webkit-scrollbar{display:none}.series-track:focus-visible{outline:2px solid #171918;outline-offset:4px}.series-track .series-slide{flex:0 0 100%;width:100%;height:100%;min-height:0;aspect-ratio:auto;scroll-snap-align:start;scroll-snap-stop:always}.series-slide>img,.series-slide>video{object-fit:cover}.series-slide:has(.media-kind) {isolation:isolate}.series-slide .media-kind{position:absolute;z-index:1;top:16px;left:16px;color:white;text-shadow:0 1px 10px #000;font-size:10px;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.series-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 20%,transparent 80%,#0003);pointer-events:none}.project-card .work-card-title{min-height:60px;padding:14px 0 0;align-items:flex-start}.project-card .work-card-title h4{font-size:clamp(16px,1.7vw,28px);font-weight:400;letter-spacing:-.035em;line-height:1.15}.project-card .work-card-title p{font-size:11px;line-height:1.4;margin-top:6px}.series-controls{display:flex;align-items:center;gap:4px;white-space:nowrap}.series-controls button{width:32px;height:32px;display:grid;place-items:center}.series-controls button:disabled{opacity:.2;cursor:default}.series-controls .ui-icon{width:18px;height:18px}.series-counter{font-size:10px;font-variant-numeric:tabular-nums;color:#62665f}.work-play-trigger>span{width:auto;height:42px;border-radius:0;gap:12px;display:flex;padding:0 13px;border:1px solid #fff6;background:#15181565;backdrop-filter:none;font-size:10px;letter-spacing:.06em}.work-play-trigger>span .ui-icon{width:16px;height:16px}.work-play-trigger>span>span{text-transform:uppercase}.play-symbol{border-radius:0;background:transparent}.play-symbol .ui-icon{width:18px;height:18px}.inline-close{border-radius:0}.motion-toggle{border-radius:0;min-width:38px;min-height:38px}.motion-toggle>span:first-child{width:18px;display:flex}.motion-toggle .ui-icon{width:18px;height:18px}.menu-toggle .ui-icon{width:20px;height:20px}.menu-open .menu-toggle .ui-icon{transform:rotate(45deg)}.trakian-play-icon .ui-icon{width:55%;height:55%}.reel-cursor{border-radius:0;width:84px;height:52px}.reel-cursor .ui-icon{width:18px;height:18px}.work-end a{display:inline-flex;gap:25px;align-items:center}.series-slide.has-inline-film:after,.series-slide.has-inline-film .media-kind{display:none}
/* Reveal the complete tile so clipped media never cause a false empty slide. */
.motion-ready .project-card .work-card-image,.motion-ready .project-card.is-revealed .work-card-image{clip-path:none;transform:none;transition:none}.motion-ready .project-card .series-track{clip-path:inset(8% 0);transform:translateY(28px);transition:clip-path .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.motion-ready .project-card.is-revealed .series-track,.motion-ready .project-card:focus-within .series-track{clip-path:inset(0);transform:none}
@media(min-width:901px){.mosaic-spor .tile-tall .series-slide>img{object-position:50% 35%}.mosaic-tanitim .tile-small .series-slide>img{object-fit:contain;background:#171918}}
@media(max-width:1100px){.portfolio-toolbar{display:block}.portfolio-status{margin-top:15px}.portfolio-group-heading{grid-template-columns:1fr 3fr}.portfolio-group-heading p{grid-column:2;justify-self:start}.series-controls{gap:0}.project-card .work-card-title{flex-wrap:wrap;min-height:78px}.portfolio-mosaic{grid-auto-rows:33vw}}
@media(max-width:600px){.work-section{padding-top:80px}.work-heading{display:block;margin-bottom:35px}.work-heading h2{font-size:12.5vw;margin:35px 0 20px;line-height:1.04;letter-spacing:-.055em}.work-heading em{padding-left:12vw}.work-heading>p{font-size:12px;margin-left:45%;padding:0}.portfolio-toolbar{margin-bottom:50px;padding:14px 0}.portfolio-filters{flex-wrap:nowrap;overflow:auto;gap:22px;padding-bottom:5px;scrollbar-width:none}.portfolio-filters button{font-size:13px;min-height:44px}.portfolio-status{font-size:10px;margin-top:9px}.portfolio-group{margin-bottom:65px}.portfolio-group-heading{display:block;margin-bottom:22px}.portfolio-group-heading h3{font-size:29px;margin:12px 0 8px}.portfolio-group-heading p{font-size:12px}.portfolio-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:26px 12px}.portfolio-mosaic .project-card:nth-child(n){grid-column:span 2;grid-row:auto;min-width:0}.portfolio-mosaic .tile-small:nth-child(n){grid-column:span 1}.series-track{flex:none;height:65vw}.tile-tall .series-track{height:108vw}.tile-small .series-track{height:62vw}.mosaic-moda .tile-small .series-track{height:65vw}.project-card .work-card-title{min-height:55px;gap:7px;flex-wrap:nowrap}.project-card .work-card-title h4{font-size:18px}.project-card .work-card-title p{font-size:10px}.tile-small .work-card-title{flex-wrap:wrap}.tile-small .work-card-title h4{font-size:16px}.series-controls button{width:36px;height:36px}.series-counter{font-size:9px}.work-play-trigger>span{height:38px;right:10px;bottom:10px;padding:0 10px;gap:7px;font-size:9px}.tile-small .work-play-trigger>span>span{display:none}.series-slide .media-kind{font-size:8px;top:12px;left:12px}.mosaic-tanitim .tile-small .series-slide>img{object-fit:contain;background:#171918}.work-end{font-size:11px;align-items:center}.work-end>span{max-width:48%}.work-end a{gap:8px}.contact-link>.ui-icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.series-track,.project-card,.project-card .series-track{scroll-behavior:auto!important;transition:none!important;transform:none!important;clip-path:none!important}}
.project-card .series-slide>img{object-position:50% 28%}.project-card .series-slide>video:not(.media-ready){opacity:0}.project-card .series-slide:has(video[data-portrait])>img,.project-card .series-slide>video[data-portrait]{object-fit:contain;background:#151817}.mosaic-moda .tile-tall .series-slide>video[data-portrait],.mosaic-moda .tile-tall .series-slide:has(video[data-portrait])>img{object-fit:cover}.project-card .series-slide.has-inline-film>video{visibility:hidden}
@media(max-width:600px){.tile-tall .series-slide>video[data-portrait],.tile-tall .series-slide:has(video[data-portrait])>img{object-fit:cover}}

/* Expanded photographic passage, retaining the original depth and breathing room. */
.depth-photo img{aspect-ratio:var(--photo-aspect,2/3)}
.motion-ready .depth-stage{height:980svh}
@media(max-width:600px){.motion-ready .depth-stage{height:1030svh}}

/* One continuous opening scene: film and note share the same pinned viewport. */
.intro-sequence,.intro-sticky{display:contents}
.motion-ready .intro-sequence{display:block;position:relative;height:400svh}
.motion-ready .intro-sticky{display:block;position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--paper)}
.motion-ready .intro-sticky>.hero-stage{position:absolute;inset:0;height:100%;min-height:0}
.motion-ready .intro-sticky .hero-sticky{position:relative;top:auto;height:100%;min-height:0}
.motion-ready .intro-sticky>.statement-stage{position:absolute;inset:0;height:100%;margin:0;padding:0;background:transparent;z-index:6;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}
.motion-ready .intro-sticky .statement-sticky{position:relative;top:auto;height:100%;min-height:0;background:transparent}
.motion-ready .intro-sticky .hero-media{will-change:width,height,transform,opacity}
@media(max-width:600px){.motion-ready .intro-sequence{height:380svh}}