@charset "UTF-8";
:root{color-scheme:dark;--bg:#060d15;--bg2:#0a1720;--cream:#f5f2e7;--muted:#a1b4c0;--line:rgba(179,219,224,.14);--gold:#ffd58b;--gold2:#e6a84b;--cyan:#8bdaf4;--green:#9be9b7;--ease:cubic-bezier(.22,1,.36,1);--px:50%;--py:40%;--scroll:0;--mx:0;--my:0;--cursorX:50%;--cursorY:45%;font-family:"Trebuchet MS",Arial,sans-serif;background:var(--bg);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;color:var(--cream);background:radial-gradient(ellipse 85% 17% at 70% 29%,#12313b30,transparent),#060d15;overflow-x:clip}body.menu-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}img,svg{display:block}::selection{background:#a7dcd6;color:#071019}p,h1,h2,h3{margin:0}main{position:relative;z-index:1}#story,#vision,#pack,#future{scroll-margin-top:88px}.skip-link{position:fixed;top:10px;left:12px;z-index:110;background:#fff;color:#060d15;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.reading-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:transparent}.reading-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--gold));box-shadow:0 0 13px #ffd58b99}.page-curtain{position:fixed;inset:0;z-index:99;pointer-events:none;transform:translateY(-105%);background:#060c12;display:grid;place-items:center;visibility:hidden}.page-curtain.is-leaving{visibility:visible;animation:curtain-in .43s var(--ease) both}.curtain-mark{font:bold 7rem Georgia,serif;color:var(--gold);opacity:.78;position:relative;text-shadow:0 0 50px #f0bf7666}.curtain-mark span{font-size:1rem;position:absolute;top:10px;right:-12px}@keyframes curtain-in{from{transform:translateY(-105%)}to{transform:translateY(0)}}
.site-header{height:84px;position:absolute;z-index:40;top:0;left:0;right:0;padding:0 clamp(20px,4.5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(178,219,216,.11);background:linear-gradient(180deg,rgba(5,12,19,.94),rgba(6,13,21,.52) 82%,transparent);backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-emblem{width:47px;height:47px;position:relative;border:1px solid #eac17cbf;border-radius:50%;display:grid;place-items:center;font:italic bold 34px/1 Georgia,serif;color:var(--gold);background:radial-gradient(circle at 38% 30%,#7757295e,transparent 70%),#101820;box-shadow:inset 0 0 0 3px #b18b4b17,0 0 22px #f6d19021}.brand-emblem span{position:absolute;font:11px/1 sans-serif;top:5px;right:6px}.brand-word{font-size:16px;font-weight:900;letter-spacing:.075em;white-space:nowrap;line-height:1.05}.brand-word>span{color:var(--gold)}.brand-word small{font:600 8px/1.5 "Trebuchet MS",Arial,sans-serif;display:block;letter-spacing:.29em;color:#9eb4be;margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,44px);margin-left:auto;margin-right:auto}.desktop-nav a{position:relative;color:#d8e3e4b8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.23em;padding:10px 0;transition:color .22s}.desktop-nav a::after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:4px;background:var(--gold);transition:right .3s var(--ease);box-shadow:0 0 9px var(--gold)}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--cream)}.desktop-nav a:hover::after,.desktop-nav a[aria-current=page]::after{right:0}.header-actions{display:flex;align-items:center;gap:9px}.social-icon,.sound-toggle{height:39px;border:1px solid #e8c48d66;border-radius:50%;display:grid;place-items:center;background:rgba(5,13,21,.58);box-shadow:inset 0 0 18px #e8c48d0c;transition:background .25s,transform .3s var(--ease),box-shadow .3s}.social-icon{width:39px}.social-icon svg{width:17px;height:17px}.social-icon--blue{border-color:#9be6f67a;color:#b5ecff}.social-icon:hover,.sound-toggle:hover{transform:translateY(-3px);background:#18222b;box-shadow:0 0 0 3px #eac48511,0 0 25px #eac48548}.social-icon--blue:hover{box-shadow:0 0 0 3px #9be6f611,0 0 23px #8bdaf466}.sound-toggle{border-color:transparent;border-radius:9px;color:#b9c9cc;padding:0 8px;display:flex;gap:7px;font-size:8px;font-weight:900;letter-spacing:.15em;white-space:nowrap}.sound-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}.sound-toggle[aria-pressed=true]{color:var(--gold)}.sound-toggle[aria-pressed=true] .sound-waves{display:block}.sound-toggle[aria-pressed=true] .sound-slash{display:none}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:39px;height:39px;border:1px solid var(--line);background:rgba(6,13,21,.83);border-radius:8px}.menu-toggle span{height:1px;width:17px;background:var(--cream);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{display:none}
/* Cinematic world — several independent depth planes. GPU transforms and animated lighting are driven by app.js. */
.hero{height:max(750px,100svh);min-height:750px;max-height:1060px;position:relative;overflow:hidden;isolation:isolate;background:#040a11;display:flex;align-items:center;justify-content:flex-end;padding:95px clamp(22px,7vw,130px) 100px}.world-stage{position:absolute;inset:-24px;z-index:-1;pointer-events:none;overflow:hidden;--lx:56%;--ly:42%;--lightPower:.62;--world-scroll:0}.world-stage .layer{will-change:transform}.world-atmosphere{position:absolute;inset:-8%;background:url('assets/atmosphere.webp') center 51% / cover no-repeat;opacity:.92;filter:saturate(.9);animation:atmosphere-drift 29s ease-in-out infinite alternate}.world-night{position:absolute;inset:0;background:linear-gradient(90deg,#06101c99 0%,#04121b7a 37%,#08132230 66%,#02070e90 100%),linear-gradient(180deg,#06121bd9 0%,#06111b10 35%,#050c14 93%),radial-gradient(ellipse 52% 60% at 75% 63%,#e3a75a2d,transparent 75%)}.world-orbit{position:absolute;width:min(70vw,940px);aspect-ratio:1;top:-55%;right:-8%;border-radius:50%;border:1px solid #86cae022;box-shadow:inset 0 0 54px #4a8b9d11,0 0 80px #224f6b0f;transform:rotate(-25deg)}.world-orbit::after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px solid #d6e6e615}.world-moon{position:absolute;top:7%;right:18%;width:clamp(220px,27vw,445px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 26%,#80929b24 0%,#3d59632c 24%,#15283584 50%,#081726 70%);box-shadow:inset -25px -12px 45px #02070ed9,inset 3px 3px 9px #83c5d283,0 0 80px #5797c01c;opacity:.85;animation:moon-breathe 21s ease-in-out infinite alternate}.world-horizon{position:absolute;inset:0;background:radial-gradient(ellipse 32% 30% at 82% 64%,rgba(244,181,103,.38),transparent 84%),radial-gradient(ellipse 40% 24% at 53% 73%,rgba(80,155,163,.18),transparent 80%);animation:horizon-pulse 13s ease-in-out infinite alternate}.world-city{position:absolute;right:-5%;bottom:9%;width:82%;height:auto;opacity:.91;filter:drop-shadow(0 0 15px #fbd18b26);animation:city-fade 9s ease-in-out infinite alternate}.world-rays{position:absolute;inset:0;opacity:.68;background:conic-gradient(from 223deg at 82% 60%,transparent 0deg,#ffda9240 2deg,transparent 9deg,transparent 17deg,#8bdaf421 19deg,transparent 24deg,transparent 32deg,#ffe2a126 34deg,transparent 42deg,transparent 360deg);mask-image:linear-gradient(90deg,transparent 20%,#000 75%);animation:ray-sweep 22s ease-in-out infinite alternate;mix-blend-mode:screen}.world-light-follow{position:absolute;inset:-20%;background:radial-gradient(ellipse 19% 24% at var(--lx) var(--ly),rgba(136,233,245,.13),rgba(244,212,147,.11) 25%,transparent 70%);mix-blend-mode:screen;opacity:var(--lightPower);transition:opacity .35s}.world-mountain{position:absolute;inset:0;bottom:-5%;background-repeat:no-repeat;background-position:bottom;background-size:100% 80%;transform-origin:center bottom}.world-mountain--back{background-image:url('assets/mountains-far.svg');opacity:.85;filter:drop-shadow(0 -15px 29px #82b0aa0c)}.world-mountain--near{background-image:url('assets/mountains-near.svg');background-size:100% 48%;opacity:.99;filter:drop-shadow(0 -21px 26px #07111a)}.world-dog{position:absolute;bottom:-7%;left:clamp(-120px,-5vw,-8px);width:clamp(560px,57vw,980px);aspect-ratio:1;filter:drop-shadow(7px 5px 15px #02070c);animation:dog-float 7.2s ease-in-out infinite alternate}.world-dog>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 -2px 9px #ffe2a65c) drop-shadow(-12px -3px 19px #8bdaf423)}.dog-rim{position:absolute;inset:11% 14% 5%;z-index:1;border-radius:50%;background:radial-gradient(ellipse 30% 37% at 46% 38%,#ffd99350,transparent 82%);filter:blur(33px)}.dog-ground{position:absolute;bottom:13%;left:20%;width:73%;height:14%;border-radius:50%;background:#ffbd6877;filter:blur(43px);transform:scaleY(.55);opacity:.36}.world-foreground{position:absolute;bottom:-9%;left:-7%;right:-7%;height:37%;background:url('assets/foreground.svg') center bottom / cover no-repeat;filter:drop-shadow(0 -7px 14px #061019);opacity:.97}.world-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#03080cb0,transparent 24%,transparent 63%,#060d15 99%),radial-gradient(ellipse 86% 70% at 56% 39%,transparent 36%,#03080c9c 91%)}#world-canvas{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.9}.hero-copy{width:min(53%,730px);position:relative;z-index:3;margin-top:20px;text-shadow:0 8px 40px #000c;animation:copy-entrance 1.1s var(--ease) both}.eyebrow,.mini-label{font-size:10px;font-weight:900;letter-spacing:.34em;color:#c7d6d5}.eyebrow--line{display:flex;align-items:center;gap:14px}.eyebrow--line::after{content:"";height:1px;width:45px;background:linear-gradient(90deg,#ffca78,transparent)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green),0 0 26px var(--green)}.hero h1{font-size:clamp(49px,5.5vw,99px);line-height:.94;letter-spacing:-.065em;margin:22px 0 26px;max-width:750px;font-family:Impact,"Arial Narrow","Franklin Gothic Medium",Arial,sans-serif;font-stretch:condensed;font-weight:900;transform:skewX(-2deg)}.hero h1>span{display:block;white-space:nowrap}.hero h1>span:first-child{font-size:.45em;letter-spacing:.065em;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;transform:skewX(2deg);line-height:1.5}.hero h1>span:nth-child(2){font-size:.47em;color:#f0f2e9;letter-spacing:.16em;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;line-height:1.3;transform:skewX(2deg)}.hero h1 strong{font-weight:900;display:block;white-space:nowrap;position:relative;background:linear-gradient(180deg,#fff5da 3%,#f6d88e 30%,#d69b51 76%,#fff0c4 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 20px #ffcc743b)}.gold-dot{color:var(--gold);-webkit-text-fill-color:var(--gold)}.hero-copy>p{font-size:clamp(13px,1.13vw,17px);letter-spacing:.085em;color:#d8e6e4;line-height:1.75}.hero-copy>p em{font-style:normal;color:var(--gold)}.hero-actions,.pack-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{--bx:50%;--by:50%;position:relative;isolation:isolate;min-height:52px;padding:16px 25px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:27px;white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.16em;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;background:#131b21;color:#fbf7e9}.button span{font-size:16px;font-weight:400;line-height:1}.button::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 85px at var(--bx) var(--by),#fff7bc5a,transparent 100%);mix-blend-mode:screen;opacity:0;transition:opacity .25s;z-index:-1}.button:hover::before{opacity:1}.button:hover{transform:translateY(-3px);box-shadow:0 0 36px #f8c27d25}.button:active{transform:translateY(1px) scale(.985)}.button--gold{border:1px solid #edc78ba8;background:linear-gradient(135deg,#80633859,#241a11bb 35%,#14191ea8 85%);box-shadow:inset 0 0 20px #b888421f,0 0 24px #fbd18a2a}.button--glass{border:1px solid #b1d2e164;background:#08141ed9;box-shadow:inset 0 0 14px #8bdaf40c}.button--glass:hover{border-color:var(--cyan);box-shadow:0 0 28px #8bdaf429,inset 0 0 20px #8bdaf41a}.hero-scroll{position:absolute;left:50%;bottom:50px;z-index:5;transform:translateX(-50%);display:flex;gap:14px;align-items:center;font-size:9px;font-weight:800;letter-spacing:.26em;color:#c5d5d0aa}.scroll-line{display:block;width:36px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);position:relative}.scroll-line::before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;top:-2px;left:0;background:var(--gold);box-shadow:0 0 12px var(--gold);animation:scroll-beat 2s infinite}.hero-side-note{position:absolute;right:24px;bottom:54px;writing-mode:vertical-rl;letter-spacing:.32em;font-size:9px;color:#b6c8c693;z-index:3}
@keyframes atmosphere-drift{to{transform:scale(1.08) translate(-1.7%,1.5%);filter:saturate(1.2)}}@keyframes moon-breathe{to{opacity:.65;box-shadow:inset -30px -15px 55px #02070ed9,inset 4px 4px 13px #94dbea99,0 0 110px #5797c038}}@keyframes horizon-pulse{to{filter:hue-rotate(13deg);opacity:.65}}@keyframes city-fade{to{opacity:.8;filter:drop-shadow(0 0 24px #fbd18a3b)}}@keyframes ray-sweep{to{transform:rotate(9deg) scale(1.14);opacity:.36}}@keyframes dog-float{to{transform:translateY(-6px)}}@keyframes scroll-beat{to{transform:translateX(35px);opacity:0}}@keyframes copy-entrance{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/* Sections have generous empty space; details appear only where they carry meaning. */
.section-wrap{max-width:1520px;margin:auto;padding-left:clamp(24px,6.1vw,105px);padding-right:clamp(24px,6.1vw,105px)}.section-top{display:flex;justify-content:space-between;gap:24px;padding:25px 0;border-top:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.26em;color:#a9c0c4}.section-top span:first-child{color:var(--gold)}.essence{padding-top:90px;padding-bottom:80px;position:relative}.essence::before{content:"";position:absolute;top:10%;left:19%;width:400px;height:380px;pointer-events:none;background:radial-gradient(ellipse,#1e7d8750,transparent 70%);filter:blur(80px);opacity:.35}.essence-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;min-height:470px}.essence-copy{position:relative;z-index:2;padding:25px 0}.mini-label{color:var(--green);font-size:9px}.essence h2,.next h2,.pack h2,.inner-hero h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(55px,5.6vw,100px);font-weight:900;line-height:.96;letter-spacing:-.03em;margin:20px 0 24px}.essence h2 em,.next h2 em{font-style:normal;color:var(--gold)}.gradient-word{background:linear-gradient(95deg,var(--cream),var(--cyan),var(--green));background-clip:text;-webkit-background-clip:text;color:transparent}.essence-copy>p,.next-heading>p{color:#b3c4ca;line-height:1.9;font-size:14px;max-width:370px}.text-link{display:inline-flex;align-items:center;gap:24px;margin-top:27px;border-bottom:1px solid #e8c58188;padding:0 0 12px;font-size:10px;font-weight:900;letter-spacing:.16em;transition:color .2s,gap .2s}.text-link:hover{gap:34px;color:var(--gold)}.text-link span{color:var(--gold);font-size:17px}.essence-art{height:465px;position:relative;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse 40% 45% at 50% 54%,#e9bc7520,transparent 85%),radial-gradient(ellipse 60% 47% at 50% 63%,#32808626,transparent 83%);border-radius:48% 52% 43% 47%;overflow:hidden}.art-ambient{position:absolute;inset:0;background:radial-gradient(ellipse 21% 29% at 46% 40%,#f7d09e4a,transparent 100%);filter:blur(40px);animation:atmosphere-drift 18s ease-in-out infinite alternate}.art-orbit{width:min(66%,335px);aspect-ratio:1;border-radius:50%;border:1px solid #b9bdac45;box-shadow:0 0 80px #80d5d111,inset 0 0 45px #80d5d10c;position:absolute;top:13%;left:50%;transform:translateX(-50%)}.art-orbit:after{content:"";position:absolute;inset:16px;border:1px dashed #f2d5a52b;border-radius:50%}.essence-art>img{position:relative;z-index:2;width:min(92%,480px);height:100%;object-fit:contain;filter:drop-shadow(0 10px 16px #000a) drop-shadow(0 -2px 13px #f9d69242)}.art-floor{position:absolute;z-index:1;bottom:0;left:8%;width:84%;height:15%;background:radial-gradient(ellipse,#ac9a7254,transparent 67%);filter:blur(24px)}.art-caption{position:absolute;z-index:3;bottom:15px;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;letter-spacing:.2em;white-space:nowrap;color:#bfcccd}.art-caption i{display:inline-block;width:18px;height:1px;background:var(--gold);vertical-align:middle;margin:0 10px}.values{padding-top:15px;padding-bottom:130px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.value-card{--tint:#d5ae74;position:relative;min-height:225px;padding:25px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tint) 35%,transparent);border-radius:12px;background:linear-gradient(155deg,color-mix(in srgb,var(--tint) 8%,transparent),#09131bd9 60%);box-shadow:inset 0 1px #ffffff09;transition:transform .4s var(--ease),border-color .3s,box-shadow .3s;transform-style:preserve-3d;will-change:transform}.value-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 180px at var(--bx,50%) var(--by,50%),color-mix(in srgb,var(--tint) 22%,transparent),transparent 80%);opacity:0;transition:opacity .3s}.value-card:hover:before{opacity:1}.value-card:hover{border-color:color-mix(in srgb,var(--tint) 65%,transparent);box-shadow:0 12px 60px #0006,0 0 31px color-mix(in srgb,var(--tint) 9%,transparent)}.value-card--green{--tint:#9be9b7}.value-card--blue{--tint:#8bdaf4}.value-card--gold{--tint:#ffd58b}.value-number{font:800 10px "Trebuchet MS",sans-serif;color:#a3b6ba;letter-spacing:.2em}.value-symbol{display:block;margin:20px 0 21px;font-size:43px;font-weight:300;line-height:1;color:var(--tint);text-shadow:0 0 27px color-mix(in srgb,var(--tint) 70%,transparent);transform:translateZ(16px)}.value-card h3{font:900 17px "Trebuchet MS",Arial,sans-serif;letter-spacing:.15em;transform:translateZ(20px)}.value-card p{font-size:12px;line-height:1.65;color:#adbec4;margin-top:12px;transform:translateZ(10px)}.vision{min-height:520px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,#060d15 0%,transparent 29%,#060d1570 76%,#060d15 100%),url('assets/panorama.webp') center 68%/cover no-repeat,#06111b;overflow:hidden}.vision::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 20% 37% at 50% 53%,#eed6a72c,transparent),linear-gradient(180deg,#050c13c5 0%,#07141a52 44%,#060d15 100%);z-index:-1}.vision-sky{position:absolute;inset:-20%;background:radial-gradient(ellipse 25% 18% at var(--cursorX) var(--cursorY),#69bfc528,transparent);mix-blend-mode:screen;pointer-events:none}.vision-city{position:absolute;inset:12% -5% 0;background:url('assets/city.svg') bottom center/cover no-repeat;opacity:.18;filter:blur(1px)}.vision-glow{position:absolute;width:50%;height:80%;bottom:-45%;left:25%;background:radial-gradient(ellipse,#eeba7541,transparent);filter:blur(24px);animation:horizon-pulse 9s ease-in-out infinite alternate}.vision-copy{position:relative;z-index:2;padding:70px 22px}.vision h2{margin:26px 0 18px;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.045em;line-height:1.11;font-size:clamp(39px,5vw,88px);font-weight:900;text-shadow:0 6px 40px #000d}.vision h2 span{color:var(--gold)}.vision p{font-size:13px;letter-spacing:.06em;color:#d1e0e3}.vision-next{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:5;margin:0}.next{padding-top:100px;padding-bottom:100px}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:center;min-height:400px}.next-heading{padding:35px 0}.next-art{height:400px;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 70%,#24434a80,transparent 70%)}.next-art:before{content:"";position:absolute;left:10%;right:10%;bottom:40px;height:1px;background:linear-gradient(90deg,transparent,#f5cf8c7a,transparent);box-shadow:0 0 16px #efcf9e6b}.next-art img{position:relative;z-index:2;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 17px #000a) drop-shadow(0 -1px 8px #ffd99b38)}.next-art-glow{position:absolute;z-index:1;inset:10%;background:radial-gradient(ellipse at 56% 52%,#b5e4c330,transparent 65%);filter:blur(22px)}.next-art>span{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;letter-spacing:.28em;color:#a6babe}.pack{min-height:440px;position:relative;overflow:hidden;display:grid;place-items:center;padding:80px 24px;background:radial-gradient(ellipse 75% 85% at 50% 101%,#1740476b,transparent 66%),linear-gradient(180deg,#07111a,#0a171d 60%,#071017);text-align:center;border-top:1px solid var(--line)}.pack-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse 30% 25% at var(--cursorX) var(--cursorY),#95e7c023,transparent 100%),radial-gradient(ellipse 33% 49% at 50% 80%,#dcba7521,transparent);pointer-events:none;animation:horizon-pulse 11s infinite alternate}.pack-inner{position:relative;z-index:2}.pack h2{margin:16px 0 12px;font-size:clamp(60px,7vw,117px)}.pack h2 span{color:var(--gold)}.pack-inner>p{font-size:14px;letter-spacing:.075em;color:#c4d1d3}.pack-links{justify-content:center;margin:33px 0}.pack small{font-size:8px;letter-spacing:.16em;color:#a4b7b7}.pack-shape{position:absolute;width:31%;height:70%;bottom:-32%;border-radius:44%;background:radial-gradient(ellipse,#172d379c,transparent 63%);filter:blur(45px)}.pack-shape--a{left:-12%}.pack-shape--b{right:-12%}.footer{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(22px,6vw,105px);border-top:1px solid var(--line);background:#050b11;font-size:9px;letter-spacing:.23em;color:#99adb4}.footer-brand{font-weight:900;color:#f1e9d6;font-size:12px}.footer-brand span{color:var(--gold);margin-left:5px}.footer-top:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* Functional inner-page layouts share the same interface, interactive effects and lighting. */
.page-inner .site-header{position:relative;background:#071018}.page-inner{background:linear-gradient(180deg,#07131d,#060d15 60%)}.inner-hero{position:relative;min-height:545px;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:70px max(6vw,24px)}.inner-hero::before{content:"";position:absolute;inset:-10%;z-index:-2;background:linear-gradient(90deg,#06111bed 2%,#07121aad 45%,#0b1518bc),url('assets/chapter-atmosphere.webp') center/cover no-repeat}.inner-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 24% 37% at var(--cursorX) var(--cursorY),#accbb327,transparent 86%),linear-gradient(180deg,transparent 73%,var(--bg) 100%)}.inner-hero-copy{position:relative;z-index:2;width:52%}.inner-hero h1{font-size:clamp(62px,7vw,117px)}.inner-hero h1 em{font-style:normal;color:var(--gold)}.inner-hero p{font-size:clamp(14px,1.35vw,19px);color:#c2d5d6;max-width:430px;line-height:1.8}.inner-hero-dog{position:absolute;right:-3%;bottom:-19%;width:58%;max-width:720px;filter:drop-shadow(0 -3px 15px #e9c28735);animation:dog-float 8s ease-in-out infinite alternate}.inner-hero-dog img{width:100%;height:auto}.inner-content{max-width:1220px;margin:0 auto;padding:60px clamp(24px,6vw,80px) 130px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.chapter{padding:35px;min-height:275px;border:1px solid var(--line);background:radial-gradient(circle at 85% 18%,#2b555022,transparent 60%),#0a151d;border-radius:10px}.chapter span{font-size:10px;letter-spacing:.3em;color:var(--green)}.chapter h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:43px;line-height:1;margin:32px 0 17px}.chapter p{color:#afc1c5;font-size:14px;line-height:1.8}.inner-linkrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:40px 0;border-top:1px solid var(--line)}.world-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding-top:30px}.world-card{position:relative;min-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:12px;padding:32px;background:radial-gradient(ellipse at 85% 80%,#23464766,transparent 65%),#08141c}.world-card:nth-child(2){background:radial-gradient(ellipse at 85% 80%,#785d3666,transparent 65%),#08141c}.world-card h2{font:900 clamp(31px,3vw,52px) Impact,"Arial Narrow",Arial,sans-serif;margin:18px 0;letter-spacing:.02em}.world-card p{font-size:14px;line-height:1.8;color:#bbced0;max-width:290px}.world-card img{position:absolute;right:-40px;bottom:-92px;width:59%;height:auto;opacity:.78;filter:drop-shadow(0 -2px 16px #f9d29c35)}.world-status{font-size:9px;letter-spacing:.2em;color:var(--gold);margin-top:20px;display:block}
@media(min-width:1650px){.hero{padding-right:max(7vw,calc((100vw - 1500px)/2));padding-left:max(7vw,calc((100vw - 1500px)/2))}.world-dog{left:max(0px,calc((100vw - 1640px)/2))}}@media(max-width:1180px){.site-header{gap:14px}.desktop-nav{gap:17px}.brand-word{font-size:14px}.sound-label{display:none}.hero-copy{width:57%}.hero h1{font-size:clamp(46px,5.9vw,75px)}.world-dog{left:-140px;width:760px}.world-city{right:-15%;width:94%}.hero-scroll{left:54%}}@media(max-width:880px){.site-header{height:72px;padding:0 18px}.desktop-nav{display:none}.sound-toggle{width:38px;justify-content:center;padding:0}.menu-toggle{display:flex}.brand-emblem{width:40px;height:40px;font-size:28px}.brand-word{font-size:13px}.brand-word small{font-size:7px}.mobile-nav{display:flex;visibility:hidden;opacity:0;pointer-events:none;position:fixed;z-index:39;inset:72px 0 0;background:#06121bf5;backdrop-filter:blur(35px);padding:30px 24px;flex-direction:column;transition:opacity .25s,visibility .25s}.mobile-nav.is-open{visibility:visible;opacity:1;pointer-events:auto}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:18px 3px;border-bottom:1px solid #9aadb52b;font:900 33px Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.035em}.mobile-nav a span{font:800 10px "Trebuchet MS",sans-serif;color:var(--gold)}.hero{height:820px;min-height:720px;padding:96px 32px 80px;align-items:flex-start;justify-content:center}.hero-copy{margin-top:63px;width:100%;max-width:600px;text-align:center}.eyebrow--line{justify-content:center}.hero h1{font-size:clamp(56px,8vw,87px)}.hero-copy>p{font-size:14px}.hero-actions{justify-content:center}.world-moon{right:12%;top:5%;width:270px}.world-city{right:-46%;bottom:7%;width:115%}.world-dog{width:clamp(530px,84vw,780px);left:-8%;bottom:-17%;opacity:.86}.world-foreground{bottom:-6%;height:32%}.world-night{background:linear-gradient(180deg,#05121ce0 7%,#04121b9c 30%,#07162318 72%,#030b12a9 98%)}.world-vignette{background:linear-gradient(180deg,#03080c8f,transparent 30%,transparent 58%,#060d15 98%),radial-gradient(ellipse at 50% 35%,transparent 30%,#03080c8f 100%)}.hero-scroll{bottom:28px;left:50%}.hero-side-note{display:none}.essence-grid,.next-grid{grid-template-columns:1fr;gap:0}.essence-art{height:420px;max-width:580px;width:100%;margin:0 auto}.essence h2,.next h2{font-size:clamp(61px,8vw,85px)}.values-grid{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:1fr}.inner-hero{min-height:500px}.inner-hero-copy{width:66%}.inner-hero-dog{width:63%;right:-18%;opacity:.78}.world-cards{grid-template-columns:1fr}}@media(max-width:530px){.site-header{height:65px}.header-actions{gap:5px}.social-icon,.sound-toggle,.menu-toggle{width:32px;height:32px}.social-icon svg{width:14px;height:14px}.brand{gap:7px}.brand-emblem{width:33px;height:33px;font-size:25px}.brand-word{font-size:11px}.brand-word small{letter-spacing:.15em;font-size:6px}.mobile-nav{top:65px}.hero{height:790px;min-height:730px;max-height:none;padding:80px 17px 70px}.hero-copy{margin-top:65px}.eyebrow{font-size:8px;letter-spacing:.19em}.hero h1{font-size:clamp(44px,12vw,62px);margin:22px 0 16px}.hero h1>span:first-child{font-size:.46em}.hero-copy>p{font-size:12px;letter-spacing:.03em}.hero-actions{gap:9px;margin-top:21px}.hero-actions .button{font-size:9px;min-height:43px;padding:10px 14px;gap:10px}.world-dog{left:-23%;bottom:-11%;width:clamp(430px,119vw,550px);opacity:1}.world-city{right:-73%;bottom:8%;width:156%}.world-moon{right:-4%;top:6%;width:215px}.world-foreground{bottom:-1%;height:30%}.hero-scroll{bottom:21px;font-size:8px}.section-wrap{padding-left:22px;padding-right:22px}.essence{padding-top:55px;padding-bottom:48px}.essence h2,.next h2{font-size:clamp(51px,13vw,67px)}.essence-art{height:360px}.essence-art>img{width:100%}.values{padding-bottom:72px}.values-grid{gap:9px;margin-top:20px}.value-card{min-height:175px;padding:18px 14px}.value-symbol{font-size:34px;margin:13px 0}.value-card h3{font-size:12px;letter-spacing:.075em}.value-card p{font-size:11px}.section-top{font-size:8px;letter-spacing:.1em}.section-top span:last-child{text-align:right;max-width:45%}.vision{min-height:410px}.vision h2{font-size:clamp(35px,8.6vw,53px)}.vision p{font-size:12px}.next{padding-top:60px;padding-bottom:70px}.next-art{height:340px}.pack{min-height:420px}.pack h2{font-size:clamp(56px,12.5vw,83px)}.pack-inner>p{font-size:12px}.pack-links{gap:9px}.pack-links .button{font-size:9px;min-height:45px;padding:12px}.pack small{font-size:7px;line-height:1.8;display:block;max-width:260px;margin:auto}.footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:8px;gap:16px}.footer span{order:3;width:100%}.inner-hero{min-height:570px;padding:65px 22px 200px;align-items:flex-start}.inner-hero-copy{width:100%}.inner-hero h1{font-size:clamp(68px,17vw,92px)}.inner-hero-dog{width:94%;bottom:-24%;right:-20%}.inner-content{padding:30px 22px 80px}.chapter{min-height:230px}.world-card{min-height:275px}.world-card img{width:61%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.world-stage .layer{will-change:auto}}

.brand-icon{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 12px #dba95b4e)}@media(max-width:880px){.brand-icon{width:40px;height:40px}}@media(max-width:530px){.brand-icon{width:33px;height:33px}}


/* V4 cinematic blending and editorial redesign */
:root{--bg:#060d15;--bg2:#060d15;--gold:#ffdc99;--green:#a8eac1;--cyan:#8bdded}
main{background:radial-gradient(ellipse 84% 37% at 45% 32%,#10252d65,transparent 75%),radial-gradient(ellipse 77% 32% at 53% 65%,#081b2580,transparent 80%),#060d15}
.hero{z-index:1;overflow:hidden}
.hero::after{content:"";position:absolute;z-index:1;pointer-events:none;left:-3%;right:-3%;bottom:-3px;height:clamp(180px,25vw,350px);background:linear-gradient(180deg,transparent 0%,#060d1533 37%,#060d15cc 79%,#060d15 100%)}
.hero-copy,.hero-scroll{z-index:5}
.hero-copy>p{letter-spacing:.02em;line-height:1.7}.hero-copy>p em{color:#cce8db;font-style:normal}
.hero h1 strong{letter-spacing:-.055em}
.world-vignette{background:linear-gradient(180deg,#03080cb0,transparent 24%,transparent 58%,#060d15 98%),radial-gradient(ellipse 86% 70% at 56% 39%,transparent 36%,#03080c9c 91%)}
.world-dog>img,.essence-art>img,.next-art>img,.inner-hero-dog img,.world-card img{filter:drop-shadow(0 2px 9px #000a) drop-shadow(0 -2px 10px #f9d29c29)}
.scene-blend{position:relative;border:0!important;isolation:isolate}
.scene-blend::before{content:"";pointer-events:none;position:absolute;z-index:0;left:-3%;right:-3%;top:-2px;height:clamp(110px,16vw,210px);background:linear-gradient(180deg,#060d15 0%,#060d15c9 34%,transparent 100%)}
.scene-blend::after{content:"";pointer-events:none;position:absolute;z-index:0;left:-3%;right:-3%;bottom:-2px;height:clamp(130px,18vw,230px);background:linear-gradient(180deg,transparent 0%,#060d1599 59%,#060d15 100%)}
.scene-blend>:not(.vision-sky):not(.vision-city):not(.vision-glow):not(.pack-glow):not(.pack-shape){position:relative;z-index:2}
.essence{margin-top:-35px;padding-top:125px;padding-bottom:135px;background:radial-gradient(ellipse 60% 72% at 80% 45%,#1430394d,transparent 90%)}
.essence-grid{align-items:center}
.essence-copy p+p{margin-top:15px}
.essence-copy p{max-width:550px}
.essence-art{background:radial-gradient(ellipse 35% 42% at 53% 62%,#bbaf6b1c,transparent 85%),radial-gradient(ellipse 57% 54% at 48% 55%,#32808612,transparent 80%)}
.values{padding-top:25px;padding-bottom:150px;background:radial-gradient(ellipse 56% 70% at 55% 70%,#14303b3d,transparent 82%)}
.values-heading{font:900 clamp(35px,4.5vw,67px)/1.1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:-.02em;margin:36px 0 37px;max-width:790px}
.values-heading em{font-style:normal;color:var(--gold)}
.value-card{background:linear-gradient(165deg,#14232aa8,#071219a3 70%);backdrop-filter:blur(7px)}
.value-card p{line-height:1.6}
.vision{margin:-56px 0 -54px;min-height:615px;border:0;background:linear-gradient(180deg,#060d15 0%,#060d15bb 14%,#060d1533 45%,#060d15af 83%,#060d15 100%),url('assets/panorama.webp') center 67% / cover no-repeat,#060d15}
.vision::before{background:linear-gradient(180deg,#060d15 0%,#060d15b0 28%,transparent 100%)}
.vision::after{height:230px;background:linear-gradient(180deg,transparent,#060d15 100%)}
.vision h2{letter-spacing:.005em}.vision p{line-height:1.8}
.next{padding-top:175px;padding-bottom:135px;background:radial-gradient(ellipse 64% 82% at 80% 48%,#12333a33,transparent 85%)}
.next-heading p{max-width:520px}
.pack{margin-top:-32px;padding-top:120px;padding-bottom:110px;background:radial-gradient(ellipse 64% 76% at 50% 65%,#11303877,transparent 75%),#060d15}
.pack::after{bottom:0;background:linear-gradient(180deg,transparent 0%,#060d15b9 79%,#060d15)}
.pack-inner>p{line-height:1.8}
.footer{border:0;position:relative;z-index:2;background:#060d15}
.reveal{transition:opacity 1.0s cubic-bezier(.17,.7,.22,1),transform 1.0s cubic-bezier(.17,.7,.22,1);transform:translate3d(0,28px,0)}
.page-inner .inner-hero{background:#060d15}
.inner-hero::after{background:radial-gradient(ellipse 24% 37% at var(--cursorX) var(--cursorY),#accbb327,transparent 86%),linear-gradient(180deg,transparent 65%,#060d15 100%)}
.inner-content{position:relative;background:radial-gradient(ellipse 65% 38% at 47% 38%,#12333b33,transparent 92%)}
.inner-content::before{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:150px;background:linear-gradient(#060d15,transparent)}
.lore-opening{font:900 clamp(48px,6vw,96px)/.99 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:-.01em;margin:35px 0 22px}.lore-opening em,.lore-closing em{color:var(--gold);font-style:normal}
.lore-lead{max-width:900px;font-size:clamp(16px,1.5vw,20px);line-height:1.8;color:#ccdcdb;margin-bottom:35px}
.page-lore .chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.chapter{min-height:270px;background:linear-gradient(145deg,#10242ca6,#08141ca6 73%);border-color:#a7c3bd1c;padding:clamp(26px,3vw,43px);border-radius:16px}
.chapter h2{font-size:clamp(31px,3.4vw,52px);line-height:1.06;margin:23px 0 18px}
.chapter p{max-width:530px;color:#bacfce;line-height:1.85}
.chapter--manifesto{background:radial-gradient(ellipse at 85% 15%,#a6dfaf15,transparent 70%),#10222b}
.lore-closing{padding:110px 15px;text-align:center}.lore-closing h2{font:900 clamp(37px,4.5vw,67px)/1.09 Impact,"Arial Narrow",Arial,sans-serif;margin:20px 0 31px}
.world-honesty{padding:30px 0 10px;max-width:640px}.world-honesty p{font-size:13px;line-height:1.8;color:#b5cac9;margin-top:12px}
.world-card{background:linear-gradient(180deg,#12232cac,#06121bd7)!important}
.world-card p,.chapter p{max-width:420px}
.world-card img{opacity:.88}
@media(max-width:880px){.essence{padding-top:100px}.vision{min-height:490px}.next{padding-top:130px}.page-lore .chapter-grid{grid-template-columns:1fr}.hero::after{height:250px}}
@media(max-width:530px){.hero::after{height:200px}.essence{padding-top:90px;padding-bottom:90px}.values{padding-bottom:120px}.values-heading{font-size:clamp(32px,9vw,43px)}.vision{margin:-50px 0;min-height:460px}.next{padding-top:130px;padding-bottom:110px}.pack{padding-top:130px;padding-bottom:95px}.lore-lead{font-size:15px}.chapter{min-height:0}.lore-closing{padding:80px 5px}}
@media(prefers-reduced-motion:reduce){.scene-blend::before,.scene-blend::after{animation:none}}

/* Keep the panoramic next-link anchored inside the blended scene */
.vision>.vision-next{position:absolute;z-index:3}