/* v1.3 — two-scene cinema introduction, source video, full-viewport horizontal process. */
.lf13-hero.lf08-story.v02-hero.lf07-hero{height:255svh;min-height:0}
.lf13-hero .lf08-sticky{background:#0E0E0F;color:#F3F3F3;isolation:isolate}
.lf13-hero .lf07-underlay{opacity:1;z-index:0}
.lf13-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;z-index:0;pointer-events:none;filter:saturate(.95) contrast(1.05)}
.lf13-hero .lf07-grid{display:none}
.lf13-hero .lf07-ambient{opacity:.16;filter:blur(70px)}
.lf13-hero .lf07-glass-shine{inset:0;background:linear-gradient(90deg,rgba(14,14,15,.7),rgba(14,14,15,.22) 50%,rgba(14,14,15,.48)),linear-gradient(0deg,rgba(14,14,15,.60),transparent 34%,rgba(14,14,15,.28));opacity:1;z-index:1}
.lf13-hero .lf08-sticky::before{background:radial-gradient(ellipse 38% 40% at 50% 50%,rgba(14,14,15,.10),transparent);z-index:1}
.lf13-hero .lf08-topline,.lf13-hero .lf08-footerline{color:rgba(243,243,243,.8)}
.lf13-hero .lf08-topline span:first-child,.lf13-hero .lf08-step,.lf13-hero .lf08-scroll-prompt{color:#fff}
.lf13-hero .lf08-track{background:rgba(255,255,255,.29)}
.lf13-hero .lf08-overline,.lf13-hero .lf08-photo figcaption{color:#d0d0d2}
.lf13-hero .lf08-bio{color:#fff}
.lf13-hero .lf08-bio>p:not(.lf08-overline){color:#d0d0d2}
.lf13-hero .lf08-bio>p.lf08-bio-lead{color:#f3f3f3}
.lf13-hero .lf07-button--ghost{color:#f3f3f3;border-color:rgba(255,255,255,.55);background:rgba(14,14,15,.25)}
.lf13-hero .lf08-scene--profile{padding-inline:var(--gutter)}
.lf13-hero .lf09-profile-layout{width:min(100%,1740px)}
/* Scene 1: HeadingNow drives the composition, Mozilla supports it. */
.lf13-hero .lf13-scene--intro{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4svh,54px);text-align:center;padding-inline:var(--gutter);padding-top:clamp(100px,11svh,145px);padding-bottom:clamp(82px,10svh,130px)}
.lf13-headline{width:100%;max-width:none!important;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.5svh,10px);font-family:var(--heading-now),Impact,'Arial Narrow',sans-serif!important;font-weight:600!important;font-size:clamp(72px,13.4vw,236px);line-height:.82;letter-spacing:.032em;text-transform:uppercase;text-align:center;color:#f3f3f3}
.lf13-line{display:block;max-width:100%;white-space:nowrap;line-height:.84;transform-origin:50% 50%}
.lf13-line--accent{color:#E6223D;text-shadow:0 14px 70px rgba(230,34,61,.12)}
.lf13-role{font:700 clamp(24px,3.4vw,56px)/1.1 'Mozilla Text',Arial,sans-serif;color:#F3F3F3;letter-spacing:-.045em;text-transform:none;margin:0}
.lf13-intro-bottom{color:#eee;justify-content:center!important;gap:clamp(14px,2.4vw,40px)!important;margin:0!important}
.lf13-intro-bottom>span{color:#E6223D}
.lf13-hero .lf08-scene--profile .lf08-bio h2{color:#f3f3f3}
/* video remains dark/contrast-rich even when rest of page switches to light */
html[data-theme=light] .lf13-hero .lf08-sticky{background:#0e0e0f;color:#f3f3f3}
html[data-theme=light] .lf13-hero .lf08-bio h2,html[data-theme=light] .lf13-hero .lf08-topline span:first-child,html[data-theme=light] .lf13-hero .lf08-step{color:#f3f3f3}
html[data-theme=light] .lf13-hero .lf08-bio>p:not(.lf08-overline){color:#d0d0d2}
html[data-theme=light] .lf13-hero .lf08-bio>p.lf08-bio-lead{color:#f3f3f3}
html[data-theme=light] .lf13-hero .lf08-overline{color:#d0d0d2}
html[data-theme=light] .lf13-hero .lf07-button--ghost{color:#f3f3f3}
/* Process cards now travel across the full viewport, not a padded boxed rail. */
.lf13-method-fullbleed .method-rail{width:100vw;max-width:100vw;min-width:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0;overflow:hidden;flex-shrink:0}
.lf13-method-fullbleed .method-track{display:flex;gap:clamp(22px,2.4vw,38px);padding-inline:clamp(20px,2.4vw,50px);width:max-content;max-width:none}
.lf13-method-fullbleed .method-card{flex:0 0 clamp(500px,54vw,880px);height:clamp(345px,46svh,510px);padding:clamp(34px,3.3vw,56px);border-radius:clamp(25px,2.8vw,42px)}
.lf13-method-fullbleed .method-card p{max-width:530px}
/* Controlled, lightweight parallax glows in just a few sections. */
.lf13-glow{position:absolute;width:min(50vw,650px);height:min(50vw,650px);border-radius:50%;pointer-events:none;z-index:0;opacity:.42;filter:blur(8px);transform:translate3d(0,var(--lf-glow-y,0px),0);will-change:transform}
.lf13-glow--red{background:radial-gradient(circle,rgba(230,34,61,.25) 0%,rgba(230,34,61,.075) 35%,transparent 68%);top:-15%;right:-10%}
.lf13-glow--silver{background:radial-gradient(circle,rgba(165,164,181,.20),rgba(230,34,61,.095) 35%,transparent 65%);top:8%;left:-12%}
.v11-archives .shell,.v02-statement .shell,.v02-experience .shell{position:relative;z-index:1}
@media(max-width:900px){
 .lf13-hero.lf08-story.v02-hero.lf07-hero{height:235svh}
 .lf13-headline{font-size:clamp(66px,13.3vw,132px)}
 .lf13-method-fullbleed .method-card{flex-basis:min(80vw,660px)}
}
@media(max-width:780px){
 .lf13-hero.lf08-story.v02-hero.lf07-hero{height:215svh}
 .lf13-headline{font-size:clamp(57px,14.2vw,105px)}
 .lf13-hero .lf13-scene--intro{gap:clamp(24px,4svh,46px);padding-top:90px;padding-bottom:74px}
 .lf13-role{font-size:clamp(23px,5vw,32px)}
 .lf13-intro-bottom{font-size:9px;flex-wrap:wrap}
 .lf13-method-fullbleed .method-rail{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow-x:auto!important;touch-action:pan-x pan-y}
 .lf13-method-fullbleed .method-track{padding-inline:var(--gutter)}
 .lf13-method-fullbleed .method-card{flex-basis:min(84vw,560px);height:clamp(340px,48svh,450px)}
 .lf13-glow{opacity:.28;filter:blur(4px)}
}
@media(max-width:540px){
 .lf13-headline{font-size:clamp(51px,14vw,77px);letter-spacing:.02em}
 .lf13-role{font-size:clamp(21px,6vw,26px)}
 .lf13-hero .lf13-scene--intro{gap:clamp(22px,3.5svh,38px);padding-inline:18px}
 .lf13-intro-bottom{max-width:270px;line-height:1.6}
 .lf13-hero .lf08-scene--profile{padding-bottom:65px}
 .lf13-glow{width:78vw;height:78vw}
}
@media(prefers-reduced-motion:reduce){
 .lf13-hero.lf08-story.v02-hero.lf07-hero{height:auto}
 .lf13-glow{transform:none!important;will-change:auto}
 .lf13-video{display:none}
 .lf13-hero .lf07-underlay{background:#0e0e0f url('hero-poster.webp') center/cover no-repeat}
}