@import url('styles.css');
:root{color-scheme:dark;--gold:#e7c890}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080b10;color:#f4f1e9;font-family:Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #e7c890;outline-offset:6px}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 10% 50%,#233f541a,transparent 60%);pointer-events:none;z-index:-1}header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;border-bottom:1px solid #ffffff20;background:linear-gradient(#070b10bb,transparent);gap:22px}.brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:700;letter-spacing:.1em;flex-shrink:0}.brand small{display:block;font-size:8px;letter-spacing:.24em;color:#abb3bd}.brand-star{font-size:32px;color:var(--gold)}nav{display:flex;gap:21px;align-items:center;font-size:12px}nav a{color:#d0d4dc;transition:.25s}nav a:hover,nav a[aria-current]{color:var(--gold)}nav a:last-child{border:1px solid #e7c89066;border-radius:30px;padding:10px 20px}.page-menu{display:none}.page-hero{position:relative;min-height:760px;height:90vh;max-height:1100px;overflow:hidden;display:flex;align-items:center}.page-visual{position:absolute;inset:0 0 0 35%;background-size:cover;background-position:center 45%;opacity:.72;animation:drift 18s ease-in-out infinite alternate;mask-image:linear-gradient(90deg,transparent,#000 35%)}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080b10,transparent 35%),linear-gradient(90deg,#080b10 5%,#080b1080 50%,transparent);pointer-events:none}.orb{position:absolute;width:550px;height:550px;right:4%;top:12%;border:1px solid #f7dba52e;border-radius:50%;box-shadow:0 0 70px #e7c89015,inset 0 0 80px #e7c8900a;animation:breathe 8s ease-in-out infinite}.orb:before{content:'';position:absolute;inset:28px;border-radius:50%;border:1px solid #ffffff18}.hero-inner{position:relative;z-index:2;width:100%;max-width:1400px;margin:auto;padding:100px 6vw 80px}.back-home{display:inline-block;color:#c2c8d2;font-size:12px;margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--gold);text-transform:uppercase}h1{font-size:clamp(58px,7.7vw,112px);max-width:800px;line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:24px 0 40px;text-wrap:balance}.explore{display:inline-flex;gap:35px;align-items:center;font-size:13px}.explore span{display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;width:42px;height:42px}.hero-bottom-line{position:absolute;z-index:3;bottom:35px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.22em;color:#a8b0bd}.page-content{display:grid;grid-template-columns:1fr 2fr;gap:9vw;max-width:1350px;margin:auto;padding:100px 6vw 120px}.section-no{font-size:9px;letter-spacing:.2em;color:var(--gold)}aside h2{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin-top:22px}aside p{font-size:15px;color:#8592a3}aside a{display:inline-block;margin-top:25px;color:var(--gold);font-size:12px}.copy{min-width:0;padding:40px;border:1px solid #ffffff18;background:linear-gradient(130deg,#ffffff08,#ffffff02);border-radius:24px;box-shadow:0 20px 80px #0003}.copy p{color:#bfc8d4;font-size:16px;margin:0 0 26px;line-height:1.9}.copy h2{font-size:28px;font-weight:500;line-height:1.3;margin:42px 0 22px}.copy h2:first-child{margin-top:0}.copy p a{color:#e7c890;overflow-wrap:anywhere;border-bottom:1px solid #e7c89040}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;white-space:normal;padding:17px 25px;background:linear-gradient(110deg,#f8e6bf,#dcb77b);color:#10131b;border:1px solid #f1d6a2;border-radius:40px;text-decoration:none;font-size:13px;font-weight:600;margin:6px 10px 22px 0;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #e7c89025}.button.secondary{background:transparent;color:#f3e3c4;border-color:#ffffff35}.next-chapter{text-align:center;padding:110px 24px 120px;border-top:1px solid #ffffff15;background:radial-gradient(ellipse at 50% 100%,#b78c3a1c,transparent 65%)}.next-chapter h2{font-size:clamp(40px,6vw,75px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:25px 0 40px}footer{max-width:1230px;margin:auto;padding:50px 6vw 70px;border-top:1px solid #ffffff20;color:#8d99a9;font-size:12px}footer a{color:#c8ced8}footer p{margin:15px 0}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes breathe{50%{opacity:.35;transform:scale(.95)}}@media(min-width:1200px){aside{position:sticky;top:50px;align-self:start}}@media(max-width:1000px){header{padding:20px 6vw}.page-menu{display:block;color:white;border:1px solid #ffffff40;background:#ffffff09;padding:10px 15px;border-radius:25px}nav{display:none;position:absolute;left:5vw;right:5vw;top:85px;flex-direction:column;align-items:stretch;padding:25px;border:1px solid #ffffff30;background:#0c111af5;border-radius:20px;backdrop-filter:blur(20px)}nav.is-open{display:flex}nav a{padding:8px}.page-hero{min-height:650px;height:85vh}.page-content{gap:35px;padding-top:65px}.copy{padding:28px}}@media(max-width:650px){.page-visual{left:0;opacity:.45;mask-image:none}.hero-inner{padding-top:140px}.back-home{margin-bottom:32px}.page-hero{min-height:660px}.hero-bottom-line span{display:none}.page-content{grid-template-columns:1fr;padding:50px 6vw 70px}aside p,aside>a{display:none}aside h2{margin:12px 0 0}.copy{padding:25px 22px}.copy p{font-size:15px}.button{max-width:100%}.orb{right:-250px}.next-chapter{padding:75px 24px}h1{font-size:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
