/* Zonera 0.9: crystal navigation and the original photographic opening. */
.header{background:transparent;border:0;box-shadow:none;isolation:isolate;padding-left:5%;padding-right:5%}
.header::before{content:"";position:absolute;inset:12px 18px;z-index:-1;border-radius:24px;background:rgba(251,253,246,.96);border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 36px #05160412,inset 0 1px 0 #ffffff;pointer-events:none}
@supports(backdrop-filter:blur(20px)){.header::before{background:rgba(251,253,246,.76);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}}
.header .nav{gap:8px}.header .nav>a{position:relative;padding:9px 12px;border-radius:14px;transition:background .25s,color .25s,box-shadow .25s;white-space:nowrap}
.header .nav>a:hover,.header .nav>a:focus-visible{background:#D7E8B580;color:#13290E;box-shadow:inset 0 1px 0 #ffffffb0}
.header .nav .language{border-left:0;margin-left:5px;border:1px solid #13290E24}
.header .nav .nav-cta{background:#13290E;color:#FBFDF6;border:1px solid #13290E;border-radius:16px;padding:12px 18px;box-shadow:inset 0 1px 0 #ffffff24}
.header .nav .nav-cta:hover{background:#3B5C23;color:#FBFDF6}
.header .menu-toggle{border-radius:14px;background:#FBFDF680;border-color:#13290E24;min-width:44px;min-height:44px;line-height:1}
.header a:focus-visible,.header button:focus-visible{outline-color:#3B5C23;outline-offset:3px}
.story-stage{isolation:isolate}.story-images{overflow:hidden;z-index:-3}.story-scene{transform:scale(1.085);transition:opacity 1.35s ease;will-change:auto;filter:saturate(1.04)}
.story-scene.is-active{transform:translate3d(var(--story-drift,0%),0,0) scale(var(--story-scale,1.085));will-change:transform,opacity}
.story-shade{z-index:-2;background:linear-gradient(90deg,#051604e6 0%,#0516048c 38%,#0516040a 75%),linear-gradient(0deg,#051604eb 0%,#05160400 60%)}
.story-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 84% 25%,#D7E8B51a,transparent 46%);box-shadow:inset 0 0 120px #05160420}
.story-copy{top:11%;max-width:850px}.story-copy .eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid #D7E8B538;border-radius:99px;background:#05160438;padding:8px 14px;letter-spacing:.17em}
.story-copy .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#B9EB56;box-shadow:0 0 16px #B9EB5670}
.story-copy h1{text-shadow:0 8px 40px #05160450;font-size:clamp(52px,5.7vw,96px);line-height:1.02}
.story-intro{max-width:410px}.story-link{border-radius:99px;background:#FBFDF614;border-color:#FBFDF65c;padding:14px 22px;box-shadow:inset 0 1px 0 #ffffff1f;transition:background .25s,border-color .25s}
.story-link:hover{background:#D7E8B52b;border-color:#B9EB56}.story-link:focus-visible,.story-controls button:focus-visible{outline-color:#B9EB56}
.story-caption{bottom:208px;padding:0 0 0 24px;border-left:1px solid #D7E8B555;text-align:left;max-width:40%}.story-counter{letter-spacing:.22em}.story-chapter{max-width:530px;text-shadow:0 4px 24px #05160480}
.story-controls{bottom:28px;padding:18px 22px;border:1px solid #D7E8B538;border-radius:24px;background:#051604e8;box-shadow:0 12px 40px #05160444,inset 0 1px 0 #ffffff0f}
@supports(backdrop-filter:blur(20px)){.story-controls{background:#05160480;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.story-link{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
.story-control-top button{border-radius:99px;border-color:#FBFDF638;background:#FBFDF60a;min-height:36px;padding:7px 14px;transition:background .2s}
.story-control-top button:hover{background:#D7E8B526}.story-play::before{content:"▶";font-size:9px;margin-right:8px;color:#B9EB56}.story-play[aria-pressed=true]::before{content:"Ⅱ"}.story-replay::before{content:"↺";font-size:15px;margin-right:8px;color:#B9EB56}
.story-range{appearance:none;-webkit-appearance:none;height:3px;border-radius:9px;outline:none;margin:22px 0 20px;background:linear-gradient(to right,#B9EB56 var(--story-progress,0%),#FBFDF638 var(--story-progress,0%));touch-action:pan-y}
.story-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#FBFDF6;border:3px solid #B9EB56;box-shadow:0 0 18px #B9EB5640;cursor:grab}.story-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#FBFDF6;border:3px solid #B9EB56;box-shadow:0 0 18px #B9EB5640;cursor:grab}
.story-range:focus-visible{outline:2px solid #B9EB56;outline-offset:8px}.story-steps{gap:10px}.story-steps button{border-top:0;border-radius:12px;padding:10px 8px;min-height:42px;transition:background .25s,color .25s;background:#FBFDF605}
.story-steps button:hover{background:#FBFDF610}.story-steps button[aria-pressed=true]{background:#D7E8B51f;box-shadow:inset 0 0 0 1px #B9EB5640;color:#B9EB56}.story-steps button[aria-pressed=true] span{color:#B9EB56}
@media(min-width:1700px){.story-copy{top:15%}}
@media(max-width:1200px) and (min-width:701px){.header{padding-left:4%;padding-right:4%}.header .nav{gap:2px;font-size:12px}.header .nav>a{padding-left:8px;padding-right:8px}.story-copy h1{font-size:clamp(48px,5.7vw,72px)}}
@media(max-width:700px){.header::before{inset:9px 12px;border-radius:20px}.header{padding-left:7%;padding-right:7%}.header .nav{top:80px;left:12px;width:calc(100% - 24px);max-height:calc(100svh - 112px);overflow-y:auto;border:1px solid #ffffffa0;background:#FBFDF6f5;border-radius:20px;box-shadow:0 20px 50px #05160425;padding:16px;gap:5px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.header .nav>a{width:100%;padding:11px 14px;font-size:15px}.header .nav .language{margin-left:0;margin-top:5px;width:auto}.header .nav .nav-cta{margin-top:7px;text-align:center}.story-copy{top:7%;width:88%}.story-copy h1{font-size:clamp(36px,8.6vw,56px);line-height:1.08}.story-copy .eyebrow{font-size:9px;padding:6px 10px;letter-spacing:.12em;gap:8px;margin-bottom:20px}.story-shade{background:linear-gradient(0deg,#051604f2 0%,#05160400 76%),linear-gradient(90deg,#051604bc,#05160430)}.story-caption{bottom:235px;left:6%;right:6%;max-width:none;padding-left:15px}.story-chapter{font-size:28px;margin-top:8px}.story-controls{left:4%;right:4%;bottom:18px;padding:14px;border-radius:20px}.story-control-top button{min-width:44px;margin-left:4px;padding:6px 10px}.story-control-top>span{font-size:8px;max-width:130px}.story-steps{gap:4px}.story-steps button{font-size:9px;padding:9px 2px;min-height:44px}.story-steps span{margin-bottom:5px}.story-range{margin:20px 0}.story-link{padding:12px 18px}}
@media(max-height:720px) and (min-width:701px){.story-copy{top:6%}.story-copy h1{font-size:52px}.story-copy .eyebrow{margin-bottom:18px}.story-caption{bottom:205px}.story-controls{bottom:18px;padding:14px 18px}.story-range{margin:17px 0}.story-intro{font-size:14px}.story-link{padding:10px 18px}}
@media(prefers-reduced-motion:reduce){.story-scene,.story-scene.is-active{transform:none!important;filter:none}.story-stage::after{background:none}.header .nav>a,.story-link,.story-controls button{transition:none}}
/* Discreet controls: no panel, timeline, chapter labels or replay bar. */
.story-controls{left:auto;right:6%;bottom:28px;max-width:none;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;gap:12px}
.story-control-top{order:2;display:block}.story-control-top>span,.story-replay,.story-range-label{display:none!important}
.story-steps{order:1;display:flex;gap:2px}.story-steps button{position:relative;display:grid;place-items:center;width:24px;min-width:24px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none!important;font-size:0;color:transparent}
.story-steps button span{display:none}.story-steps button::before{content:"";display:block;width:4px;height:4px;border-radius:50%;background:#FBFDF6;opacity:.4;transition:width .25s,height .25s,opacity .25s}
.story-steps button[aria-pressed=true]::before{width:6px;height:6px;background:#B9EB56;opacity:.85}.story-steps button:hover::before,.story-steps button:focus-visible::before{opacity:1}
.story-control-top .story-play{display:grid;place-items:center;margin:0;padding:0;width:36px;min-width:36px;height:36px;min-height:36px;border:0;border-radius:50%;background:transparent;box-shadow:none;font-size:0;color:transparent;opacity:.55}
.story-control-top .story-play::before{margin:0;font-size:10px;color:#FBFDF6}.story-control-top .story-play:hover,.story-control-top .story-play:focus-visible{background:#FBFDF614;opacity:1}
.story-caption{bottom:88px;border:0;padding:0;max-width:40%;text-align:right}.story-counter{font-size:9px;opacity:.65}.story-chapter{font-size:clamp(22px,2.2vw,34px);margin-top:8px}
@media(max-width:700px){.story-controls{left:auto;right:6%;bottom:22px;padding:0;gap:8px;border-radius:0}.story-steps{gap:0}.story-steps button{width:24px;min-width:24px;font-size:0;padding:0}.story-caption{left:6%;right:6%;bottom:83px;max-width:none;text-align:left;padding:0}.story-chapter{font-size:24px}.story-control-top .story-play{padding:0;margin:0;min-width:36px;font-size:0}}
@media(prefers-reduced-motion:reduce){.story-steps button::before{transition:none}}