.about-immersive{--spot-x:50%;--spot-y:48%;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;min-height:100dvh;padding:clamp(122px,15vh,170px) clamp(24px,6vw,92px) clamp(132px,15vh,176px);overflow:hidden;background:#050605;color:#f5f0e7}
body[data-page="about"] .site-header{position:absolute;inset:0 0 auto;height:88px;background:linear-gradient(180deg,rgba(5,6,5,.68),rgba(5,6,5,0));border-color:rgba(255,255,255,.13);color:#fff;backdrop-filter:blur(10px);z-index:100}
body[data-page="about"] .site-header .brand{min-width:unset;padding:5px 8px;border-radius:8px;background:rgba(239,238,231,.94)}
body[data-page="about"] .top-nav-link{color:rgba(255,255,255,.72)}
body[data-page="about"] .top-nav-link:hover,body[data-page="about"] .top-nav-link.active,body[data-page="about"] .top-nav-link:focus-visible{color:#fff}
body[data-page="about"] .top-nav-link.active::after{background:#d26a35}
body[data-page="about"] .header-tools{color:#fff}
body[data-page="about"] .language-trigger{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.27)}
body[data-page="about"] .theme-toggle{color:#f7f2e8}
.about-layer-image,.about-layer-reveal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;pointer-events:none}
.about-layer-base{z-index:-4;animation:about-image-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.about-layer-reveal{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none;mask-image:radial-gradient(circle 260px at var(--spot-x) var(--spot-y),rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle 260px at var(--spot-x) var(--spot-y),rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%)}
.about-image-shade{position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,3,3,.2) 0%,rgba(2,3,3,.04) 36%,rgba(2,3,3,.12) 55%,rgba(2,3,3,.68) 100%),linear-gradient(90deg,rgba(2,3,3,.25),transparent 62%)}
.about-light-orb{position:absolute;z-index:0;left:var(--spot-x);top:var(--spot-y);width:clamp(260px,40vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(224,104,44,.14) 0%,rgba(220,111,56,.07) 38%,transparent 72%);mix-blend-mode:screen;opacity:.78}
.about-hero-top,.about-hero-title,.about-hero-details,.about-spot-hint,.about-hero-index{position:relative;z-index:2}
.about-hero-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.about-immersive .section-index{margin:0;color:rgba(255,255,255,.58)}
.about-immersive .eyebrow{margin:0;color:rgba(255,255,255,.75)}
.about-immersive .eyebrow-dot{background:#dd6b37;box-shadow:0 0 0 4px rgba(221,107,55,.22)}
.about-hero-title{width:min(100%,1000px);margin:auto 0 5vh}
.about-hero-title h1{max-width:1050px;margin:0 0 25px;font-size:clamp(64px,10.6vw,156px);line-height:.84;letter-spacing:-.085em;font-weight:500;color:#f5f0e7;text-wrap:balance}
.about-hero-title h1 em{font-family:var(--serif);font-weight:500;letter-spacing:-.075em;color:#e5a071}
.about-hero-title .hero-lede{max-width:500px;margin:0;color:rgba(247,242,232,.82);font-size:clamp(15px,1.45vw,19px);line-height:1.65}
.about-hero-details{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,.65fr);justify-content:space-between;align-items:end;gap:40px}
.about-hero-facts{display:flex;gap:clamp(32px,7vw,108px)}
.about-hero-facts>div{display:grid;gap:11px;max-width:195px}
.about-hero-facts strong{font:500 clamp(48px,6vw,82px)/.9 var(--serif);letter-spacing:-.07em;color:#fff}
.about-hero-facts span{font:9px/1.5 var(--mono);letter-spacing:.1em;color:rgba(247,242,232,.62)}
.about-hero-aside{justify-self:end;width:min(100%,470px)}
.about-hero-aside>p{max-width:420px;margin:0 0 19px;color:rgba(247,242,232,.79);font-size:13px;line-height:1.65}
.about-city-list{display:flex;align-items:center;gap:10px 13px;flex-wrap:wrap;font:8px var(--mono);letter-spacing:.09em;color:rgba(247,242,232,.63)}
.about-city-list i{font-style:normal;color:#dc6c3b}
.about-hero-link{display:inline-flex;align-items:center;gap:25px;margin-top:22px;padding:0 0 8px;border-bottom:1px solid rgba(245,240,231,.75);font-size:12px;color:#f5f0e7}
.about-hero-link b{font-size:17px;font-weight:400;transition:transform .25s}
.about-hero-link:hover b{transform:translate(3px,-3px)}
.about-spot-hint{position:absolute;top:50%;right:clamp(22px,4vw,60px);display:flex;align-items:center;gap:9px;transform:translateY(-50%);font:8px var(--mono);letter-spacing:.13em;color:rgba(255,255,255,.47);writing-mode:vertical-rl}
.about-spot-hint i{width:1px;height:38px;background:linear-gradient(transparent,#d88150,transparent)}
.about-hero-index{position:absolute;right:clamp(24px,6vw,92px);bottom:28px;font:8px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.4)}
.hero-anim{opacity:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.hero-reveal{animation:about-text-reveal 1.1s .25s forwards cubic-bezier(.16,1,.3,1)}
.hero-fade{animation:about-fade-up 1s .65s forwards cubic-bezier(.16,1,.3,1)}
@keyframes about-image-arrive{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes about-text-reveal{from{opacity:0;transform:translateY(28px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes about-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){body[data-page="about"] .site-header{min-height:88px;height:auto;padding-bottom:8px;background:linear-gradient(180deg,rgba(5,6,5,.86),rgba(5,6,5,.4));border-color:rgba(255,255,255,.12)}body[data-page="about"] .top-nav{border-color:rgba(255,255,255,.16)}body[data-page="about"] .top-nav-link{font-size:10px}.about-immersive{min-height:100svh;min-height:100dvh;padding:145px 24px 150px}.about-layer-image{object-position:center 57%}.about-layer-reveal{mask-image:radial-gradient(circle 190px at var(--spot-x) var(--spot-y),#fff 0%,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle 190px at var(--spot-x) var(--spot-y),#fff 0%,#fff 40%,rgba(255,255,255,.75) 60%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 88%,transparent 100%)}.about-hero-top{align-items:flex-start;flex-direction:column;gap:15px}.about-hero-title{margin:auto 0 32px}.about-hero-title h1{font-size:clamp(58px,15vw,104px);margin-bottom:19px}.about-hero-title .hero-lede{font-size:14px;max-width:360px}.about-hero-details{grid-template-columns:1fr;gap:24px}.about-hero-facts{gap:45px}.about-hero-facts>div{max-width:145px}.about-hero-facts strong{font-size:54px}.about-hero-facts span{font-size:8px}.about-hero-aside{justify-self:stretch;width:100%}.about-hero-aside>p{max-width:380px;font-size:12px;margin-bottom:13px}.about-city-list{gap:8px 10px;font-size:7px}.about-hero-link{margin-top:17px}.about-spot-hint{right:15px;top:48%;font-size:7px}.about-hero-index{display:none}.about-light-orb{width:360px}}
@media(max-height:720px) and (min-width:761px){.about-immersive{padding-top:118px;padding-bottom:118px}.about-hero-title{margin-bottom:24px}.about-hero-title h1{font-size:clamp(60px,8vw,112px)}}
@media(prefers-reduced-motion:reduce){.about-layer-base,.hero-anim{animation:none;opacity:1}.about-layer-base{transform:none}}

body[data-page="about"] .menu-toggle i{background:#f5f0e7}