/* Short-form editorial layer: live image stories, not generated footage. */
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(1.1)}.hero-slide.is-active{animation:heroLiving 5.9s linear both}@keyframes heroLiving{from{transform:scale(1.17) translateX(-2%)}to{transform:scale(1.03) translateX(1%)}}.hero-story-controls{position:absolute;left:var(--gutter);bottom:31px;width:min(560px,calc(100% - 250px));z-index:5}.hero-story-progress{height:2px;background:#ffffff40;margin-bottom:12px;overflow:hidden}.hero-story-progress i{display:block;height:100%;width:100%;background:var(--acid);transform:scaleX(var(--progress,0));transform-origin:left}.hero-story-options{display:flex;align-items:center;gap:14px}.hero-story-options>button{font-size:10px;padding:4px;color:#fff9}.hero-story-options>button[aria-pressed=true]{color:var(--acid)}#hero-story-open{margin-left:auto;color:#fff;display:flex;gap:16px;align-items:center}#hero-story-open span{font-size:18px}.hero-caption{bottom:90px}.hero-orbit{opacity:.11}.hero-bottom{margin-top:28px}.hero-content{padding-bottom:165px}.motion-control{position:fixed;bottom:24px;right:24px;z-index:90;background:#151714dd;backdrop-filter:blur(12px);padding:8px 13px 8px 8px;border:1px solid #ffffff35;border-radius:40px;box-shadow:0 6px 30px #0002}.motion-label{display:block!important;font-size:10px}.pause-icon{width:25px;height:25px}.motion-control:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-left:4px}.sf-paused .motion-control:after{background:#aaa;box-shadow:none}.story-section{background:var(--dark);color:var(--paper);padding:75px 0 64px;overflow:hidden}.story-section .section-meta{border-color:#ffffff30;margin:0 var(--gutter);padding-bottom:25px}.story-section .section-meta>span+span{color:#b2bba7}.story-heading{padding:48px var(--gutter) 42px;display:flex;justify-content:space-between;align-items:end;gap:40px;position:relative}.story-heading h2{font-size:clamp(54px,5.7vw,95px);max-width:820px}.story-heading em{color:var(--acid)}.story-heading p{color:#adb7a5;font-size:13px;max-width:200px;line-height:1.6}.story-feed{display:flex;gap:18px;padding:0 var(--gutter) 26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.story-feed::-webkit-scrollbar{display:none}.sf-card{flex:0 0 34%;min-width:300px;height:620px;max-height:78svh;position:relative;overflow:hidden;background:#303c32;scroll-snap-align:start;isolation:isolate;border:1px solid #ffffff20}.sf-card-media,.sf-card-image,.sf-shade{position:absolute;inset:0;width:100%;height:100%}.sf-card-image{object-fit:cover;transform:scale(1.09)}.sf-beat{animation:sfScene 4.4s cubic-bezier(.22,1,.36,1) both}.sf-card:not(.sf-in-view) .sf-beat{animation-play-state:paused}.sf-shade{background:linear-gradient(0deg,#080e0cdd,transparent 80%),linear-gradient(180deg,#0c18187a,transparent 35%)}.sf-card-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.sf-card-open{position:absolute;inset:0;text-align:left;color:white;padding:120px 28px 32px;display:flex;flex-direction:column;justify-content:end;align-items:start;width:100%;transition:background .25s}.sf-card-open:hover{background:#ffffff06}.sf-card-hook{font-size:clamp(40px,4.1vw,65px);font-weight:450;letter-spacing:-.055em;line-height:1.02;max-width:360px;display:block;text-wrap:balance;transform:translateZ(0)}.sf-card-sub{font-size:12px;line-height:1.6;max-width:280px;color:#e0e5dc;margin-top:18px}.sf-card-bottom{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:42px}.sf-card-bottom small{font-size:11px;display:block}.sf-card-bottom b{display:block;text-transform:uppercase;font-size:7px;letter-spacing:.14em;color:#c8d0c1;margin-top:5px;font-weight:400}.sf-circle{width:47px;height:47px;border:1px solid #ffffff60;display:grid;place-items:center;border-radius:50%;font-size:24px}.sf-card-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff30}.sf-card-progress i{display:block;height:100%;background:var(--acid);transform-origin:left;transform:scaleX(var(--beat-progress,0))}.feed-footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);font-size:10px;color:#a8b49d}.feed-nav{display:flex;gap:12px}.feed-nav button{width:44px;height:44px;border:1px solid #ffffff35;border-radius:50%;color:white;font-size:21px}.feed-footer>span{display:flex;gap:10px;align-items:center}.feed-footer>span:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--acid);animation:ideaPulse 1.8s ease-in-out infinite}.idea-burst{position:absolute;right:6%;top:-46px;width:260px;height:200px;opacity:.75;pointer-events:none}.idea-burst img{position:absolute;width:90px;height:65px;object-fit:cover;left:85px;top:80px;border:1px solid #ffffff60;transform-origin:center;animation:ideaFly 6s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--i)*-.7s)}.idea-origin{position:absolute;left:102px;top:75px;font:50px/1 Arial;color:var(--acid);animation:ideaPulse 1.5s infinite}.story-heading h2,.story-heading p{position:relative;z-index:1}.idea-burst img:nth-child(1){--x:-90px;--y:-45px;--r:-14deg}.idea-burst img:nth-child(2){--x:70px;--y:-80px;--r:12deg}.idea-burst img:nth-child(3){--x:110px;--y:25px;--r:16deg}.idea-burst img:nth-child(4){--x:-90px;--y:75px;--r:-8deg}@keyframes ideaFly{0%,100%{transform:translate(0,0) scale(.05);opacity:0}20%,72%{transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1);opacity:.7}92%{transform:translate(calc(var(--x)*1.2),calc(var(--y)*1.2)) rotate(var(--r)) scale(.8);opacity:0}}@keyframes ideaPulse{50%{opacity:.4;transform:scale(.88)}}@keyframes sfScene{0%{clip-path:inset(0 0 100% 0);transform:scale(1.22) translateY(4%)}14%{clip-path:inset(0);transform:scale(1.12) translateY(0)}100%{clip-path:inset(0);transform:scale(1.02) translateY(-2%)}}.sf-paused .hero-slide,.sf-paused .sf-beat,.sf-paused .idea-burst *,.sf-paused .feed-footer>span:before{animation-play-state:paused!important}.sf-paused .hero-slide,.sf-paused .sf-card-image{clip-path:none!important;transform:none!important}.work .section-heading{padding-bottom:20px}.work .archive-cta{margin-top:0;padding-top:35px}.work{padding-bottom:55px}.intro{background:#e7eadf}.story-section~.intro .section-meta{border-top:0}.journey-meter{display:none!important}
@media(max-width:760px){.hero{min-height:660px}.hero h1{font-size:clamp(52px,13vw,88px);margin-top:25px}.hero-content{padding-top:150px;padding-bottom:190px;justify-content:center}.hero-bottom{margin-top:30px;display:block}.hero-bottom p{font-size:12px;max-width:270px}.hero-bottom .round-link{margin-top:22px;display:inline-flex;flex-direction:row;font-size:11px;gap:16px}.hero-bottom .circle{width:38px;height:38px;font-size:20px}.hero-story-controls{bottom:34px;width:calc(100% - 48px)}.hero-caption{bottom:104px;font-size:8px;gap:15px;flex-direction:row}.hero-story-options{gap:9px}#hero-story-open{font-size:9px;gap:8px}.motion-control{bottom:12px;right:12px;transform:scale(.92);transform-origin:bottom right}.hero .motion-control{bottom:12px}.story-section{padding-top:44px;padding-bottom:35px}.story-heading{padding-top:42px;display:block;padding-bottom:30px}.story-heading h2{font-size:50px;max-width:320px}.story-heading p{margin-top:22px;font-size:12px;max-width:240px}.story-feed{gap:12px;padding-right:24px}.sf-card{flex-basis:86%;min-width:0;height:590px;max-height:77svh}.sf-card-hook{font-size:48px}.sf-card-open{padding:100px 24px 25px}.sf-card-top{left:24px;right:24px;top:22px;font-size:7px}.sf-card-bottom{margin-top:28px}.sf-card-sub{font-size:12px}.idea-burst{right:-100px;top:0;width:240px;opacity:.25;transform:scale(.8)}.feed-footer{font-size:9px}.feed-nav button{width:38px;height:38px}.work{padding-top:50px}.work .section-heading h2{font-size:48px}.intro{padding-top:45px}.hero-coordinate{top:98px!important}.hero-orbit{display:none!important}.hero-shade{background:linear-gradient(90deg,#07100dbb,#0a15124d),linear-gradient(0deg,#09120dd9,transparent 70%)} }
@media(prefers-reduced-motion:reduce){.hero-slide,.sf-beat,.idea-burst *,.feed-footer>span:before{animation:none!important;transform:none!important;clip-path:none!important}.idea-burst{display:none}}

@media(max-width:760px){.hero-content{padding-bottom:235px}.hero-story-controls{bottom:82px}.hero-caption{bottom:150px}}

.sf-card-open{justify-content:flex-start}.sf-card-bottom{margin-top:auto}.sf-shade{background:linear-gradient(180deg,#06100ab0 0%,#07120c25 70%,#071009e0 100%)}body:has(#project-dialog[open]) .hero-slide,body:has(#project-dialog[open]) .sf-beat,body:has(#project-dialog[open]) .idea-burst *{animation-play-state:paused!important}@media(max-width:760px){.sf-card-open{padding-top:100px}.idea-burst{opacity:.4}}

@media(max-width:760px){.motion-control,.hero .motion-control{top:17px;bottom:auto;right:62px;transform:scale(.8);transform-origin:top right;padding-right:10px}.motion-control .motion-label{font-size:10px}.hero-story-controls{bottom:38px}.hero-caption{bottom:106px}.hero-content{padding-bottom:205px}}
@media(min-width:761px){.story-heading{display:block;padding-top:38px}.story-heading h2{max-width:760px}.story-heading p{max-width:500px;margin-top:24px}.idea-burst{right:12%;top:40px;opacity:.8}.story-section .section-meta{position:relative;z-index:2;background:var(--dark)}}
@media(max-width:760px){.idea-burst{opacity:.25}}

.idea-origin{width:105px;height:105px;border-radius:50%;background:#fff;display:grid;place-items:center;padding:13px;overflow:hidden}.idea-burst .idea-origin img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:300/112;object-fit:contain;transform:none;animation:none;box-shadow:none;border:0;opacity:1}

/* Direct routes into the complete portfolio, without interrupting the stories. */
.hero-actions{display:flex;gap:22px;align-items:center;flex-shrink:0}.hero-all-projects{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--acid);color:var(--dark);padding:17px 21px;border-radius:2px;font-size:12px;font-weight:600;min-height:49px}.hero-all-projects span{font-size:20px}.hero-actions .round-link{font-size:11px;gap:10px;white-space:nowrap}.site-header nav{gap:25px}.site-header nav sup{font-size:8px;color:var(--acid);margin-left:3px}.collection-discover{background:var(--paper);padding:30px var(--gutter) 35px}.collection-discover-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.collection-discover-heading>span{font-size:9px;letter-spacing:.15em;color:var(--muted)}.collection-discover-heading>a{font-size:23px;letter-spacing:-.04em}.collection-discover-heading b{font-weight:400;margin-left:25px}.collection-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-shortcut{position:relative;height:140px;overflow:hidden;display:flex;align-items:end;padding:16px;color:#fff;isolation:isolate}.collection-shortcut:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08110fba,#08110f20);z-index:-1}.collection-shortcut img{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.collection-shortcut:hover img{transform:scale(1.06)}.collection-shortcut span{font-size:17px;letter-spacing:-.03em}.collection-shortcut small{display:block;font-size:8px;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;color:#ddd}.collection-shortcut b{margin-left:auto;align-self:center;font-size:22px;font-weight:400}#archive{scroll-margin-top:90px}.idea-burst{right:8%}.idea-origin{left:65px;top:55px;width:125px;height:95px;border-radius:0;padding:12px;animation:none}.hero-orbit span{visibility:hidden}@media(max-width:760px){.hero-actions{margin-top:22px;gap:15px;justify-content:space-between;flex-wrap:nowrap}.hero-all-projects{padding:12px 14px;gap:10px;font-size:10px;min-height:46px;white-space:nowrap}.hero-actions .round-link{margin-top:0;gap:8px;font-size:9px;flex-direction:row}.hero-bottom p{font-size:11px}.collection-discover{padding-top:26px;padding-bottom:28px}.collection-discover-heading{display:block;margin-bottom:16px}.collection-discover-heading>span{font-size:8px}.collection-discover-heading>a{display:block;font-size:21px;margin-top:9px}.collection-discover-heading b{margin-left:10px}.collection-shortcuts{grid-template-columns:1fr 1fr;gap:9px}.collection-shortcut{height:118px;padding:13px}.collection-shortcut span{font-size:16px}.collection-shortcut b{font-size:18px}.idea-burst{right:-90px}}

.sf-card-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;animation:none!important}.sf-film-card .sf-card-image{transform:none!important;animation:none!important}.sf-film-card .sf-motion-status{color:var(--acid)}

.idea-origin{background:transparent;padding:0;overflow:visible}.idea-burst .idea-origin img{filter:drop-shadow(0 0 10px #ffffff60);background:transparent}

.sf-card-bottom .sf-firm-credit{font-size:9px;line-height:1.5;color:#e2e9da;margin-top:5px;max-width:240px}

.sf-film-toggle{position:absolute;z-index:4;right:18px;top:50px;min-width:78px;min-height:44px;padding:9px 13px;border:1px solid #ffffff70;border-radius:25px;background:#111a16c9;color:#fff;font-size:11px;backdrop-filter:blur(8px)}.sf-film-toggle:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

.hero-story-options>button[data-hero-story]{min-width:24px;min-height:32px}.hero-story-options>button[data-hero-story] span{font-size:7px}

.sf-film-card .sf-card-video,.sf-film-card .sf-card-image{object-fit:cover!important;transform:none!important;animation:none!important}.sf-original-photo .sf-card-image{transform:none!important;animation:none!important}.sf-film-card .sf-card-media{background:#111812}.sf-film-card .sf-shade{background:linear-gradient(180deg,#06100ae6 0%,#07120c00 42%,#07120c00 69%,#071009e6 100%)}

/* Larger possibility animation, isolated from project-viewer framing. */
@media(min-width:1101px){.story-heading{min-height:360px;padding-right:46%}.story-heading h2{font-size:clamp(54px,5.3vw,88px)}.story-heading .idea-burst{right:10%;top:100px;transform:scale(1.65);transform-origin:center;opacity:.95}}
@media(min-width:761px) and (max-width:1100px){.story-heading{min-height:340px;padding-right:40%}.story-heading h2{font-size:clamp(48px,6vw,68px)}.story-heading .idea-burst{right:2%;top:95px;transform:scale(1.25);transform-origin:center;opacity:.9}}
@media(max-width:760px){.story-heading .idea-burst{right:-45px;top:25px;transform:scale(1.05);opacity:.3}}