/* One scroll-owned choreography: opening -> project narratives -> later bio. */
.brand{width:200px;flex:0 0 200px;letter-spacing:normal;text-shadow:none;padding-right:25px;font-family:'Be Vietnam Pro',sans-serif}
.brand .brand-name{display:block;font-family:'Be Vietnam Pro',sans-serif;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:0;font-kerning:normal;color:#c6a36e;text-shadow:none;margin:0;opacity:var(--wordmark-opacity,1)}
.brand .brand-tagline{font-size:8px;line-height:1.2;letter-spacing:.035em;margin-top:4px;opacity:var(--wordmark-opacity,1)}
.hero-emblem.flying-logo{position:fixed;z-index:90;transform-origin:0 0;will-change:transform;transition:none;pointer-events:none}
.story-copy{display:flex;flex-direction:column;will-change:opacity,transform;animation:none!important;transition:none!important}
.story-stage .portrait,.story-stage .empty-chair{transition:none}
.hero-title{order:0}.story-project{order:1}.story-quote{order:2}.location{order:3}.story-case{order:4;align-self:flex-start}
.story-project{display:block}.story-project .eyebrow{display:block;margin-bottom:9px}.story-project .project-title{font-size:11px;line-height:1.3;letter-spacing:.05em;color:var(--gold);margin:0;font-weight:600}
.story-quote{font-weight:400;line-height:1.55;font-size:clamp(14px,1.3vw,19px)}
.story-stage[data-opening="true"] .story-quote{font-weight:600;line-height:1.3}
.story-stage[data-mode="project"] .hero-title{display:none}
.story-stage[data-mode="project"] .story-copy{top:27%;width:36%;max-width:570px}
.story-stage[data-mode="project"] .story-project{margin:0 0 4px}
.story-stage[data-mode="project"] .project-title{font-size:clamp(30px,3.45vw,53px);font-weight:600;letter-spacing:-.035em;text-transform:none;line-height:1.15;color:#d1ab6c;text-wrap:balance}
.story-stage[data-mode="project"] .story-quote{max-width:100%;margin-top:24px;color:#eee0ca;font-size:clamp(16px,1.4vw,21px);line-height:1.65}
.story-stage[data-mode="project"] .location{font-size:11px;margin-top:22px;color:#c6ad86}
.story-stage[data-mode="project"] .story-case{font-size:11px;margin-top:15px}
.story-stage[data-mode="intro"][data-opening="false"] .story-quote{font-size:clamp(13px,1.12vw,17px);line-height:1.5;margin-top:13px}
.story-stage[data-mode="intro"][data-opening="false"] .story-project{margin-top:18px}
.scene-layer{position:absolute;inset:0;opacity:0;will-change:opacity;isolation:isolate;transition:none}
.scene-layer img{width:100%;height:100%;object-fit:cover;filter:blur(1.2px) brightness(.87);opacity:1}
.scene-tint{position:absolute;inset:0;background:var(--scene-color);mix-blend-mode:multiply;opacity:var(--scene-tint);pointer-events:none}
.scene-layer:not([data-layer="0"]){background:#151515}.scene-layer:not([data-layer="0"]) img{opacity:.72}
.startup-caption{display:none!important}
@media(min-aspect-ratio:19/10){.story-stage[data-mode="project"] .story-copy{top:26%;width:38%}.story-stage[data-mode="project"] .project-title{font-size:5.5svh}.story-stage[data-mode="project"] .story-quote{font-size:2.3svh;line-height:1.5;margin-top:3svh}}
@media(max-width:1050px) and (min-width:768px){.brand{width:170px;flex-basis:170px}.brand .brand-name{font-size:19px}.story-stage[data-mode="project"] .story-copy{left:10%;width:39%}.story-stage[data-mode="project"] .story-quote{font-size:16px;line-height:1.55}}
@media(max-width:767px){.brand{width:190px;flex-basis:190px;padding:0}.brand .brand-name{font-size:21px}.brand .brand-tagline{font-size:8px}.story-stage[data-mode="project"] .story-copy{left:8.2%;top:20%;width:81%;max-width:440px}.story-stage[data-mode="project"] .project-title{font-size:clamp(27px,8vw,39px);line-height:1.1}.story-stage[data-mode="project"] .story-quote{font-size:13px;line-height:1.65;margin-top:18px;max-width:100%}.story-stage[data-mode="project"] .location{font-size:9px;margin-top:14px}.story-stage[data-mode="project"] .story-case{font-size:10px;margin-top:8px}.story-stage[data-mode="project"] .portrait{opacity:.6}.story-stage[data-mode="intro"][data-opening="false"] .story-copy{top:25%}.story-stage[data-mode="intro"][data-opening="false"] .story-quote{font-size:11px;line-height:1.5}.story-stage[data-mode="intro"][data-opening="false"] .hero-title span{font-size:11vw}.scene-layer img{object-position:58% center}.scene-layer:not([data-layer="0"]) img{opacity:.55}}
@media(prefers-reduced-motion:reduce){.hero-emblem.flying-logo{will-change:auto}.story-copy,.scene-layer{will-change:auto}.story-copy{transform:none!important}.scene-layer{transition:none}}