:root{--ink:#111;--paper:#fff;--soft:#f7f7f7;--g:32px;--ease:cubic-bezier(.22,.72,.18,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;letter-spacing:-.025em;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}
.home-stage{height:300vh;position:relative}.stage-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.home-hero{height:100vh;position:absolute;inset:0;background:#fff;overflow:hidden;z-index:2;isolation:isolate;transition:opacity .25s}.home-header,.reels-header{position:absolute;z-index:11;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:flex-start;padding:20px var(--g);pointer-events:none}.brand{display:flex;align-items:center;pointer-events:auto}.brand img{display:block;object-fit:contain}.brand-large{width:410px;height:145px}.brand-large .brand-wordmark{width:214px;height:138px}.brand-large .brand-doodle{width:160px;height:138px;margin-left:-4px}.home-nav{display:flex;align-items:center;gap:48px;margin-top:10px;pointer-events:auto}.home-nav a,.home-nav button{border:0;background:none;padding:6px 0;font-size:14px;font-weight:500;letter-spacing:-.01em}.menu-icon{width:31px;height:24px;padding:3px 0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:6px}.menu-icon i{height:1.5px;background:currentColor;width:100%;display:block}
.intro-copy{position:absolute;top:auto;bottom:94px;left:var(--g);width:min(920px,calc(100% - 64px));margin:0;font-size:12px;line-height:1.4;letter-spacing:-.035em;z-index:4;color:var(--ink);transition:color .18s ease}.camera-wrap{position:absolute;z-index:3;inset:26% 0 6%;display:flex;align-items:center;justify-content:center;pointer-events:none}.camera-model{width:min(56vw,640px);height:min(56vw,640px);min-height:350px;pointer-events:auto;--poster-color:transparent;animation:camera-pass 16s ease-in-out infinite alternate;will-change:transform}@keyframes camera-pass{from{transform:translate(0,0)}to{transform:translate(-18vw,-22vh)}}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:14px;align-items:center;font-size:9px;letter-spacing:.16em;z-index:6;opacity:.65}.scroll-cue b{font-size:15px;animation:bob 1.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}
.gallery-reveal{position:absolute;inset:100vh 0 auto;min-height:100vh;background:#fff;padding:26px var(--g) 34px;z-index:3;will-change:transform}.reveal-heading,.gallery-end{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,17vw);gap:14px;margin:38px auto 42px;max-width:1600px}.archive-card{position:relative;grid-column:span 3;padding:0;overflow:hidden;border:0;background:#e5e5e5;transition:transform .5s}.archive-card:hover{transform:scale(.97)}.archive-card img{width:100%;height:100%;object-fit:cover;display:block}.archive-card span{position:absolute;left:12px;bottom:12px;color:white;font-size:10px;text-shadow:0 1px 8px #000}.archive-card.tall{grid-row:span 2}.archive-card.wide{grid-column:span 4}.gallery-end{justify-content:center;gap:18px}.symbol-wheel{width:48px;height:48px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-size:18px;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.outro{height:100vh;min-height:660px;background:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.outro-camera{position:absolute;width:min(56vw,700px);height:min(56vw,700px);left:8%;top:7%}.outro-copy{position:relative;z-index:2;margin-left:22vw;margin-top:5vh}.eyebrow{font-size:10px;letter-spacing:.15em}.outro-copy h1{font-size:clamp(40px,7vw,96px);line-height:.94;letter-spacing:-.075em;font-weight:500;margin:22px 0 38px}.round-cta{display:grid;place-items:center;width:114px;height:114px;border:1px solid;border-radius:50%;font-size:11px}.site-footer{position:absolute;bottom:28px;left:var(--g);right:var(--g);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em}
.site-panel{position:fixed;inset:0;background:#f7f7f5;z-index:30;padding:26px var(--g);display:flex;flex-direction:column;transform:translateY(101%);transition:transform .8s var(--ease);visibility:hidden}.site-panel.open{transform:translateY(0);visibility:visible}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.close-panel{border:0;background:transparent;font-size:10px}.panel-content{max-width:720px;margin:auto 10vw}.panel-content p{font-size:16px;line-height:1.55;max-width:640px}.panel-content .panel-lead{font-size:clamp(28px,5vw,60px);line-height:1.02;letter-spacing:-.06em}.panel-content h2{font-size:10px;letter-spacing:.14em;margin-top:48px}.panel-content>a{display:inline-block;margin-top:34px;border-bottom:1px solid;padding-bottom:7px;font-size:11px;letter-spacing:.1em}.panel-bottom{margin-top:auto}.menu-links{display:flex;flex-direction:column;margin:auto 10vw;max-width:900px}.menu-links a{font-size:clamp(44px,10vw,130px);letter-spacing:-.075em;line-height:1.1;border-bottom:1px solid #d6d6d4;padding:12px 0;display:flex;justify-content:space-between}.menu-links span{font-size:12px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(16px);z-index:50;display:none;align-items:center;justify-content:center;padding:6vw}.lightbox.open{display:flex}.lightbox-content{width:min(1100px,90vw);aspect-ratio:16/9}.lightbox-content video,.lightbox-content iframe{border:0;width:100%;height:100%;object-fit:contain;background:#000}.lightbox-close{position:absolute;right:24px;top:16px;border:0;background:none;color:#fff;font-size:42px}
.reels-page{background:#f7f7f7}.reels-screen{height:100svh;min-height:580px;position:relative;overflow:hidden;background:#f7f7f7}.reels-header{padding:14px 32px}.brand-small{width:145px;height:76px}.brand-small .brand-wordmark{width:76px;height:70px}.brand-small .brand-doodle{width:68px;height:64px;margin-left:-1px}.dark-menu{margin-top:8px}.reels-kicker{position:absolute;top:26px;left:auto;right:76px;display:block;text-align:right;font-size:9px;letter-spacing:.15em;opacity:.7}.reel-carousel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none}.carousel-stage{width:100%;height:min(62vh,620px);min-height:300px;perspective:1400px;overflow:visible;cursor:grab}.carousel-stage.dragging{cursor:grabbing}.carousel-ring{position:relative;width:100%;height:100%;transform-style:preserve-3d}.reel-tile{border:0;padding:0;position:absolute;left:50%;top:50%;width:var(--tile-w);height:var(--tile-h);margin-left:calc(var(--tile-w)/-2);margin-top:calc(var(--tile-h)/-2);border-radius:12px;overflow:hidden;background:#ddd;backface-visibility:hidden;transform-style:preserve-3d}.reel-tile img,.reel-tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.reel-tile:after{content:"";position:absolute;inset:0;border:1px solid #ffffff55;border-radius:inherit}.reel-label{position:absolute;left:10px;right:10px;bottom:10px;color:white;font-size:9px;text-shadow:0 1px 8px #000;display:flex;justify-content:space-between}.carousel-help{position:absolute;left:32px;right:32px;bottom:64px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;opacity:.55}.carousel-count{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;font-size:10px}.carousel-count i{width:38px;height:1px;background:#888}.social-links{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center;gap:28px;font-size:16px;font-weight:500}
@media(max-width:809px){:root{--g:20px}.home-header{padding:12px 20px}.brand-large{width:230px;height:82px}.brand-large .brand-wordmark{width:120px;height:78px}.brand-large .brand-doodle{width:87px;height:78px}.home-nav{gap:20px;margin-top:11px}.home-nav a,.home-nav button{font-size:10px}.intro-copy{top:auto;bottom:76px;left:20px;width:calc(100% - 40px);font-size:11px}.camera-wrap{inset:45% 0 1%}.camera-model{width:min(80vw,520px);height:min(80vw,520px);min-height:260px;animation-name:camera-pass-mobile}@keyframes camera-pass-mobile{from{transform:translate(0,0)}to{transform:translate(-8vw,-17vh)}}.gallery-reveal{padding:22px 18px}.archive-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:27vw;gap:8px;margin:22px auto}.archive-card,.archive-card.wide{grid-column:span 3}.archive-card span{left:8px;bottom:8px;font-size:8px}.outro{min-height:600px}.outro-camera{width:100vw;height:100vw;left:-21%;top:2%;opacity:.75}.outro-copy{margin:0 0 0 25vw}.outro-copy h1{font-size:clamp(40px,12vw,72px)}.site-footer{bottom:18px;left:20px;right:20px;font-size:8px;gap:12px}.site-panel{padding:20px}.panel-content{margin:10vh 2vw}.panel-content p{font-size:14px}.menu-links{margin:12vh 2vw}.reels-screen{min-height:520px}.reels-header{padding:10px 20px}.brand-small{width:112px;height:62px}.brand-small .brand-wordmark{width:60px;height:57px}.brand-small .brand-doodle{width:52px;height:52px}.reels-kicker{top:25px;left:auto;right:64px;font-size:8px}.carousel-stage{height:min(52vh,490px);min-height:260px;perspective:950px}.carousel-help{left:20px;right:20px;bottom:74px;font-size:8px}.carousel-count{bottom:74px}.social-links{bottom:18px;gap:20px;font-size:14px}.lightbox{padding:18px}.lightbox-content{width:100%;aspect-ratio:9/16;max-height:80vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}




.brand-white-layer{position:absolute;z-index:12;top:20px;left:var(--g);width:410px;height:145px;filter:brightness(0) invert(1);clip-path:inset(100%);pointer-events:none;overflow:hidden}.intro-copy-white{position:absolute;z-index:5;color:#fff!important;pointer-events:none;clip-path:inset(100%);transition:clip-path .04s linear}.brand-white-layer img{flex:none}@media(max-width:809px){.brand-white-layer{top:12px;left:20px;width:230px;height:82px}}

/* Page 2: airy editorial grid from the selected-work reference. */
.gallery-reveal{padding:26px var(--g) 22px}
.archive-grid{grid-template-columns:1fr 1.35fr 1fr;grid-template-rows:repeat(3,minmax(135px,15.5vw));grid-auto-rows:auto;gap:12px;margin:30px auto 20px;max-width:1440px}
.archive-card,.archive-card.wide{grid-column:auto;grid-row:auto;min-width:0}
.archive-card:nth-child(1){grid-column:1;grid-row:1 / span 2}
.archive-card:nth-child(2){grid-column:2;grid-row:1}
.archive-card:nth-child(3){grid-column:3;grid-row:1}
.archive-card:nth-child(4){grid-column:2;grid-row:2}
.archive-card:nth-child(5){grid-column:1;grid-row:3}
.archive-card:nth-child(6){grid-column:2;grid-row:3}
.archive-card:nth-child(7){grid-column:3;grid-row:2 / span 2}
/* Page 3: camera left, title right, minimal footer. */
.outro{display:block}
.outro-camera{width:min(61vw,760px);height:min(61vw,760px);left:1%;top:4%}
.outro-copy{position:absolute;left:39%;right:2.5%;top:24%;margin:0;text-align:center}
.outro-copy .eyebrow{margin:0 0 24px}
.outro-copy h1{font-size:clamp(46px,7vw,100px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:0}
.outro-copy .round-cta{display:none}
.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.site-footer a:nth-of-type(1){justify-self:center}
.site-footer a:nth-of-type(2){display:none}
@media(max-width:809px){
 .gallery-reveal{padding:22px 18px}
 .archive-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(120px,40vw));gap:8px;margin:22px auto 18px}
 .archive-card:nth-child(n){grid-column:auto;grid-row:auto}
 .archive-card:nth-child(1){grid-column:1;grid-row:1 / span 2}
 .archive-card:nth-child(2){grid-column:2;grid-row:1}
 .archive-card:nth-child(3){grid-column:2;grid-row:2}
 .archive-card:nth-child(4){grid-column:1;grid-row:3}
 .archive-card:nth-child(5){grid-column:2;grid-row:3}
 .archive-card:nth-child(6){grid-column:1;grid-row:4}
 .archive-card:nth-child(7){grid-column:2;grid-row:4}
 .outro{min-height:600px}
 .outro-camera{width:100vw;height:100vw;left:-20%;top:-2%;opacity:1}
 .outro-copy{left:29%;right:4%;top:31%;text-align:center}
 .outro-copy .eyebrow{font-size:8px;margin-bottom:17px}
 .outro-copy h1{font-size:clamp(38px,10vw,68px)}
 .site-footer{grid-template-columns:1fr 1fr;bottom:18px;left:20px;right:20px;font-size:8px;gap:12px}
 .site-footer a:nth-of-type(1){justify-self:end}
}
@media(max-width:809px){
 .outro-camera{width:78vw;height:78vw;left:-12%;top:-10%;opacity:1}
 .outro-copy{left:7%;right:7%;top:43%;text-align:center}
 .outro-copy .eyebrow{margin-bottom:14px}
 .outro-copy h1{font-size:clamp(32px,7.5vw,48px);line-height:.98}
}

@media(max-width:809px){.outro-camera{width:68vw;height:68vw;left:-10%;top:-2%}}


/* Scroll story: home stays visually unchanged at rest; the Showreel grows into view. */
.home-stage{height:200vh}
.stage-sticky{background:#fff}
.showreel-section{position:absolute;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.showreel-content{position:absolute;left:39%;right:2.5%;top:24%;text-align:center;opacity:0;transform:translateY(28px);transition:none;z-index:2}
.showreel-content .eyebrow{font-size:10px;letter-spacing:.15em;margin:0 0 24px}
.showreel-content h1{font-size:clamp(46px,7vw,100px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:0}
.showreel-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:28px;pointer-events:auto}
.showreel-reels{border:0;background:transparent;padding:8px 0;color:inherit;font:inherit;font-size:10px;letter-spacing:.12em;border-bottom:1px solid currentColor;cursor:pointer}
.showreel-reels span{margin-left:7px}
.showreel-footer{position:absolute;left:var(--g);right:var(--g);bottom:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.09em;opacity:0;pointer-events:auto}
.gallery-reveal{position:relative;inset:auto;min-height:100svh;padding:26px var(--g) 34px;z-index:1;transform:none!important;will-change:auto}
@media(max-width:809px){
 .showreel-content{left:7%;right:7%;top:38%;text-align:center}
 .showreel-content .eyebrow{font-size:8px;margin-bottom:15px}
 .showreel-content h1{font-size:clamp(32px,7.5vw,48px);line-height:.98}
 .showreel-actions{gap:18px;margin-top:20px;flex-wrap:wrap}
 .showreel-reels{font-size:8px}
 .showreel-footer{left:20px;right:20px;bottom:18px;font-size:8px}
 .gallery-reveal{min-height:100svh}
}
@media(max-width:809px){.showreel-content{top:7%}.showreel-content h1{font-size:clamp(32px,7.5vw,48px)}}

/* The white duplicate type is revealed through the camera's live alpha silhouette. */
.brand-white-layer,.intro-copy-white,.showreel-content-white{clip-path:inset(100%);pointer-events:none}
.intro-copy-white{transition:none}
.showreel-content-white{opacity:0;transform:none;color:#fff!important;z-index:6}
.showreel-content-white .showreel-actions{display:flex}
.showreel-content-white{opacity:0;transform:none;color:#fff!important;z-index:6;pointer-events:none;clip-path:inset(100%)}
.showreel-content-white .showreel-actions{display:flex}
@media(max-width:809px){.showreel-content{top:24%}}

.archive-card.race-reels-card img{object-position:center top;}


.archive-card:nth-child(7) img{object-position:74% center}


@media(max-width:809px){.archive-card:nth-child(7) img{object-position:52% center}}


.archive-card picture{display:block;width:100%;height:100%}


@media(max-width:809px){.archive-card.race-reels-card img{object-position:center 100%}}