.design-dark{background:var(--color-bg);color:var(--color-text);overflow-x:clip}.page-width{width:min(var(--page-max),calc(100% - 2 * var(--space-page)));margin-inline:auto}.hero{isolation:isolate;background:var(--hero-atmosphere),var(--color-bg);min-height:100svh;padding-bottom:clamp(4rem,8vw,7rem);position:relative;overflow:clip}.hero__bar{z-index:4;justify-content:space-between;align-items:center;min-height:6.25rem;display:flex;position:relative}.wordmark{align-items:center;gap:var(--space-3);min-width:0;min-height:2.75rem;font-size:var(--text-sm);letter-spacing:-.02em;font-weight:650;display:inline-flex}.wordmark .brand-mark{flex:none;width:4.125rem;height:2.875rem}.hero__nav{font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:clamp(.8rem,2vw,2rem);display:flex}.hero__nav a{white-space:nowrap;min-height:2.75rem;transition:color .18s var(--ease-out);align-items:center;display:inline-flex}.hero__nav a:hover{color:var(--color-text)}.cinema-stage{z-index:0;pointer-events:none;contain:paint;opacity:var(--signal-opacity);position:absolute;inset:0}.cinema-stage canvas{width:100%;height:100%;position:absolute;inset:0}.hero__copy{z-index:2;text-align:center;padding-top:clamp(2.25rem,5vw,5.5rem);position:relative}.hero__copy a{pointer-events:auto}.hero h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.068em;overflow-wrap:anywhere;text-wrap:balance;margin-inline:auto;font-size:clamp(3.1rem,6.3vw,5.75rem);font-weight:650;line-height:.98}.hero h1>span{transform-origin:50% 100%;display:block}.hero__lead{max-width:39rem;margin:var(--space-5) auto 0;color:var(--color-copy);font-size:var(--text-base);text-wrap:pretty;line-height:1.6}.hero__actions{justify-content:center;align-items:center;gap:var(--space-5);margin-top:var(--space-6);display:flex}.button{min-height:3.125rem;padding:0 var(--space-5);border-radius:var(--radius-control);font-size:var(--text-sm);white-space:nowrap;transition:transform .18s var(--ease-out),background-color .18s var(--ease-out),color .18s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;font-weight:650;display:inline-flex}.button--primary{background:var(--color-button);color:var(--color-button-text);box-shadow:var(--shadow-button)}.button--primary:hover{background:var(--color-button-hover);transform:translateY(-2px)}.button:active{transform:scale(.96)}.hero__scene{z-index:2;perspective:90rem;height:clamp(17rem,31vw,29rem);margin-top:clamp(2rem,3vw,2.75rem);position:relative}.scene-card{border:1px solid var(--color-rule);border-radius:var(--radius-panel);background:var(--color-surface);width:54%;box-shadow:var(--shadow-float);transform-style:preserve-3d;transition:opacity .18s var(--ease-out),filter .18s var(--ease-out);position:absolute;overflow:hidden}.scene-card:hover{opacity:1;filter:brightness(1.06)}.scene-card:active{transform:scale(.96)}.scene-card:focus-visible{outline-offset:var(--space-2)}.scene-card .project-preview{border-radius:0}.scene-card--center{z-index:3;top:0;left:23%;transform:translate(0,0)rotateX(5deg)rotateY(-2deg)}.scene-card--left{z-index:1;transform-origin:100% 100%;opacity:.72;top:14%;left:-2%;transform:translate(0,0)rotateY(24deg)rotateX(7deg)scale(.8)}.scene-card--right{z-index:2;transform-origin:0 100%;opacity:.8;top:12%;right:-2%;transform:translate(0,0)rotateY(-24deg)rotateX(7deg)scale(.8)}.scene-card__caption{justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-copy);font-size:var(--text-xs);display:flex}.cinema-intro{z-index:300;opacity:0;pointer-events:none;background:var(--color-bg);position:fixed;inset:0}.cinema-intro[hidden]{display:none}html.intro-playing .hero{isolation:auto}html.intro-playing .cinema-intro{pointer-events:auto}html.intro-playing .cinema-stage{z-index:1;contain:paint;position:fixed;inset:0}.intro-study-layer{z-index:1;--study-shadow:var(--color-bg);--study-paper:var(--color-text);--study-ink:var(--color-bg);--study-accent:var(--color-accent);position:absolute;inset:0;overflow:hidden}.intro-progress{background:var(--color-line);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0}[data-dark-stack]{transform-origin:50%}html[data-motion=off] [data-dark-stack]{transform:none}html[data-motion=off] .cinema-intro{display:none}.hero__bar,.personal-facts,.hero h1>span,.hero__lead,.hero__actions,.impact,.hero__scene{transition:opacity .58s var(--ease-out),transform .72s var(--ease-out)}.hero h1>span:nth-child(2){transition-delay:.1s}.hero__lead{transition-delay:.16s}.hero__actions{transition-delay:.22s}.impact{transition-delay:.28s}.hero__scene{transition-delay:.34s}html.intro-playing .hero__bar,html.intro-playing .personal-facts,html.intro-playing .hero h1>span,html.intro-playing .hero__lead,html.intro-playing .hero__actions,html.intro-playing .impact,html.intro-playing .hero__scene{opacity:0;transform:translateY(1rem)}html.intro-playing .hero__bar{transform:translateY(-.75rem)}@media (width<=62.5rem){.page-width{--space-page:1.75rem}.hero__nav{gap:var(--space-4)}.hero__scene{height:22rem}}@media (width<=44rem){.hero__bar{min-height:5rem}.wordmark{gap:var(--space-2);font-size:var(--text-xs)}.wordmark .brand-mark{width:3.1rem;height:2.25rem}.hero__nav a:nth-child(2){display:none}.hero__nav{font-size:var(--text-xs)}.hero__copy{padding-top:var(--space-8)}.hero h1{font-size:clamp(2.7rem,11vw,3.7rem)}.hero__lead{max-width:21rem}.hero__scene{width:100%;height:clamp(16rem,65vw,24rem);margin-top:var(--space-9)}.scene-card--center{width:76%;left:12%}.scene-card--left{width:62%;left:0}.scene-card--right{width:62%;right:0}.scene-card:focus-visible{outline-offset:-4px}.scene-card__caption{padding:var(--space-2) var(--space-3)}.wordmark>span{display:none}.hero__actions{gap:.5rem}.button{font-size:var(--text-xs);padding-inline:.875rem}.hero__contact-link{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.cinema-intro{display:none!important}[data-dark-stack],.hero h1>span,.scene-card{will-change:auto;opacity:1!important;transform:none!important}.hero__bar,.personal-facts,.hero h1>span,.hero__lead,.hero__actions,.impact,.hero__scene{transition:none!important}}
