/* Immersive hero: existing brand imagery, two editorial stories. */
.immersive-page .site-header{position:absolute;inset:0 0 auto;height:96px;z-index:30;background:transparent;color:var(--paper);border-bottom-color:#f7f5ee40;transition:background .25s,color .25s,box-shadow .25s}
.immersive-page .site-header--dynamic{position:fixed}
.immersive-page .site-header .brand,.immersive-page .site-header .brand img{width:150px}
.immersive-page .site-header nav a{font-size:14px}
.immersive-page .site-header nav a::after{background:currentColor}
.immersive-page .site-header .header-cta{padding:11px 22px;border:1px solid #f7f5eea6;font-size:12px;gap:18px}
.immersive-page .site-header .header-cta:hover{background:#f7f5ee16}
.immersive-page .site-header--solid,.immersive-page .site-header.menu-is-open{background:var(--paper);color:var(--ink);border-bottom-color:var(--line);box-shadow:0 4px 24px #17221409}
.immersive-page .site-header--solid .header-cta,.immersive-page .site-header.menu-is-open .header-cta{border-color:var(--line)}
.hero.hero--immersive{position:relative;display:block;grid-template-columns:none;isolation:isolate;height:calc(100svh - 88px);min-height:740px;max-height:1100px;overflow:hidden;background:#182319;color:var(--paper);touch-action:pan-y;--slide-duration:8000ms}
.hero-scenes,.hero-scene,.hero-panel{position:absolute;inset:0}
.hero-scenes{z-index:-2;overflow:hidden}
.hero-scene{opacity:0;transition:opacity 1.1s ease;overflow:hidden}
.hero-scene.is-active{opacity:1}
.hero-scene img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:58% center;animation:hero-lens 16s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.hero-scene.is-active img{animation-play-state:running}
.hero-scene--workshop img{object-position:68% 42%}
.hero--immersive::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,28,17,.92) 0%,rgba(16,31,21,.77) 25%,rgba(16,31,21,.32) 55%,rgba(16,31,21,.04) 100%),linear-gradient(0deg,rgba(10,22,14,.6),transparent 28%,transparent 80%,rgba(10,22,14,.65));pointer-events:none}
.hero-panel{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.hero-panel.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero--immersive .hero-copy{position:absolute;left:var(--gutter);right:auto;top:128px;bottom:152px;padding:0;max-width:690px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transform:translateY(16px);transition:transform .8s ease}
.hero-panel.is-active .hero-copy{transform:translateY(0)}
.hero--immersive .hero-headline{font:400 clamp(80px,7.2vw,112px)/.98 var(--serif);letter-spacing:-.045em;color:var(--paper);white-space:normal;margin:0 0 28px}
.hero--immersive .hero-headline em{color:#d6e2bc}
.hero--immersive .hero-headline--workshop{font-size:clamp(62px,5.9vw,94px);line-height:1.01;max-width:710px}
.hero--immersive .hero-copy>p{font:400 17px/1.8 var(--sans);max-width:450px;color:#f7f5eee8;text-wrap:pretty}
.hero--immersive .hero-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:36px;margin:28px 0 0}
.hero--immersive .hero-actions .button{background:var(--paper);color:#1c2b1e;border-color:var(--paper);padding:17px 30px;font-size:14px;min-height:58px;gap:36px}
.hero--immersive .hero-actions .button:hover{background:#e4eadb;border-color:#e4eadb}
.hero--immersive .hero-actions .text-link{color:var(--paper);border-color:#f7f5eea6;font-size:13px}
.hero-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:36px;display:none;grid-template-columns:1fr minmax(300px,1.25fr) auto;align-items:end;gap:35px}
.hero--immersive.is-enhanced .hero-controls{display:grid}
.hero-caption{color:var(--paper);font:500 10px/1.7 var(--sans);letter-spacing:.18em;max-width:310px;padding-bottom:14px}
.hero-pagination{display:flex;gap:18px}
.hero-page{padding:14px 0 0;background:transparent;border:0;color:#f7f5ee90;display:flex;flex-direction:column;gap:9px;min-height:50px;text-align:left;font:400 11px/1.5 var(--sans);flex:1;min-width:0}
.hero-page.is-active{color:var(--paper)}
.hero-progress{display:block;width:100%;height:2px;background:#f7f5ee4d;overflow:hidden}
.hero-progress-fill{display:block;width:100%;height:100%;background:#d6e2bc;transform:scaleX(0);transform-origin:left}
.hero-page.is-active .hero-progress-fill{animation:hero-progress var(--slide-duration) linear both}
.hero--immersive.is-paused .hero-progress-fill,.hero--immersive.is-paused .hero-scene img{animation-play-state:paused}
.hero--immersive.is-manual .hero-page.is-active .hero-progress-fill{animation:none;transform:scaleX(1)}
.hero-playback{display:flex;align-items:center;gap:12px;padding-bottom:2px}
.hero-round{width:48px;height:48px;display:grid;place-items:center;position:relative;background:transparent;color:var(--paper);border:1px solid #f7f5eead;border-radius:50%;padding:0;transition:background .2s}
.hero-round:hover{background:#f7f5ee20}
.hero-round svg{width:18px;height:18px;stroke-width:1.5}
.hero-round .play-glyph{display:none;width:15px}
.hero--immersive.is-manual .pause-glyph{display:none}
.hero--immersive.is-manual .play-glyph{display:block}
.immersive-page .values-strip{min-height:88px}
@keyframes hero-lens{from{transform:scale(1.015)}to{transform:scale(1.09)}}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1800px){.hero--immersive .hero-headline{font-size:126px}.hero--immersive .hero-headline--workshop{font-size:100px}.hero--immersive .hero-copy>p{font-size:16px}.hero--immersive .hero-copy{max-width:820px}.hero-controls{grid-template-columns:1fr minmax(400px,.9fr) auto}}
@media(max-width:1100px){.immersive-page .site-header nav{gap:22px}.immersive-page .site-header nav a{font-size:12px}.immersive-page .site-header .brand,.immersive-page .site-header .brand img{width:130px}.immersive-page .site-header .header-cta{padding:10px 16px;font-size:10px}.hero--immersive .hero-copy{max-width:600px}.hero--immersive .hero-headline{font-size:88px}.hero--immersive .hero-headline--workshop{font-size:70px}.hero-caption{font-size:8px;max-width:230px}.hero-controls{grid-template-columns:1fr minmax(250px,1fr) auto;gap:24px}}
@media(max-width:800px){.immersive-page .site-header{height:82px}.immersive-page .site-header .header-cta{display:none}.immersive-page .site-header .brand,.immersive-page .site-header .brand img{width:135px}.immersive-page .site-header .menu-toggle span{background:currentColor}.immersive-page .site-header nav{top:81px;color:var(--ink)}.immersive-page .site-header nav a{font-size:15px}.hero.hero--immersive{height:calc(100svh - 76px);min-height:760px}.hero--immersive .hero-copy{top:120px;bottom:200px;max-width:550px;right:var(--gutter)}.hero--immersive .hero-headline{font-size:clamp(68px,10.5vw,86px)}.hero--immersive .hero-headline--workshop{font-size:clamp(53px,8vw,70px)}.hero--immersive .hero-copy>p{font-size:14px;max-width:410px}.hero-controls{grid-template-columns:1fr auto;gap:20px;bottom:28px}.hero-caption{grid-column:1/-1;order:3;padding:0;max-width:none;font-size:8px}.hero-pagination{gap:20px}.hero-playback{gap:10px}.hero--immersive::before{background:linear-gradient(90deg,rgba(13,28,17,.9),rgba(16,31,21,.6) 45%,rgba(16,31,21,.15)),linear-gradient(0deg,rgba(10,22,14,.8),transparent 80%)}.immersive-page .values-strip{min-height:76px}}
@media(max-width:560px){.immersive-page .site-header{height:76px;padding:0 24px}.immersive-page .site-header .brand,.immersive-page .site-header .brand img{width:125px}.immersive-page .site-header nav{top:75px}.hero.hero--immersive{height:100svh;min-height:800px;max-height:none}.hero--immersive .hero-copy{top:auto;bottom:190px;left:24px;right:24px;max-width:none;justify-content:flex-end}.hero--immersive .hero-headline{font-size:clamp(48px,14vw,65px);line-height:1.01;letter-spacing:-.045em;margin:0 0 22px}.hero--immersive .hero-headline--workshop{font-size:clamp(39px,10.8vw,54px);line-height:1.06}.hero--immersive .hero-copy>p{font-size:13px;line-height:1.85;max-width:350px;padding:0}.hero--immersive .hero-actions{gap:24px;margin-top:25px;flex-wrap:nowrap}.hero--immersive .hero-actions .button{font-size:11px;padding:14px 20px;min-height:50px;gap:22px;flex-shrink:0}.hero--immersive .hero-actions .text-link{font-size:11px;flex-shrink:0}.hero-scene img{object-position:60% center}.hero-scene--workshop img{object-position:60% 40%}.hero--immersive::before{background:linear-gradient(90deg,rgba(13,28,17,.52),rgba(16,31,21,.2)),linear-gradient(0deg,rgba(10,22,14,.96),rgba(10,22,14,.82) 28%,rgba(10,22,14,.35) 65%,rgba(10,22,14,.3))}.hero-controls{left:24px;right:24px;bottom:24px;display:none;grid-template-columns:1fr;align-items:center;gap:18px}.hero-pagination{order:1;gap:16px}.hero-page{font-size:10px;min-height:40px;padding-top:8px;gap:8px}.hero-page:last-child{text-align:right}.hero-progress{height:2px}.hero-playback{order:2;justify-content:center;gap:18px;padding:0}.hero-caption{order:3;grid-column:auto;font-size:8px;letter-spacing:.15em;text-align:center;padding:0}.hero-round{width:44px;height:44px}.hero-round svg{width:17px;height:17px}}
@media(max-width:360px){.hero--immersive .hero-actions{gap:17px}.hero--immersive .hero-actions .button{padding:13px 15px;gap:16px;font-size:10px}.hero--immersive .hero-actions .text-link{font-size:10px}.hero--immersive .hero-copy{left:20px;right:20px}.hero-controls{left:20px;right:20px}.hero--immersive .hero-headline{font-size:48px}.hero--immersive .hero-headline--workshop{font-size:39px}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-panel,.hero--immersive .hero-copy,.immersive-page .site-header{transition:none}.hero-scene img,.hero-page.is-active .hero-progress-fill{animation:none!important;transform:none}.hero-page.is-active .hero-progress-fill{transform:scaleX(1)}}