/* Empyrean / light, material, and many possible futures. */
:root{--ground:#0b0d0e;--panel:#151819;--ink:#f2eade;--gold:#d9bd8e;--spectral:#a7c5cf;--line:rgba(224,198,153,.2)}
body{background:var(--ground)}
.hero{min-height:780px;height:100svh;max-height:1200px;background:#080b0e}
.hero-art{inset:-2%;transform:translate3d(var(--drift-x,0px),var(--drift-y,0px),0);will-change:transform}
.hero-art img{object-position:65% 50%;filter:brightness(.88) saturate(.84);animation:empyrean-arrival 2.2s cubic-bezier(.16,1,.3,1) both}
.hero:before{background:linear-gradient(90deg,rgba(8,11,14,.93),rgba(8,11,14,.68) 29%,rgba(8,11,14,.12) 63%,transparent 85%),linear-gradient(0deg,var(--ground),transparent 25%)}
.hero h1{font-size:clamp(76px,7.8vw,134px);max-width:760px;text-shadow:0 2px 35px rgba(0,0,0,.25)}
.hero .copy{color:#d1ccc3;text-wrap:pretty;max-width:410px}
.hero .eyebrow{font-size:11px;letter-spacing:.16em}
.hero .wrap{padding-top:70px;padding-bottom:35px}
.hero-caption{display:none}
.hero-bottom{bottom:30px}
.hero-refraction{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 30%,rgba(242,193,103,.11),transparent 43%);mix-blend-mode:screen}
.empyrean-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.76}
.site-header{background:linear-gradient(rgba(8,11,14,.74),rgba(8,11,14,.05))}
.site-header.scrolled{background:rgba(11,13,14,.94)}
.brand img{width:202px}
.btn.primary{background:linear-gradient(115deg,#e4cca2,#c6a16d);box-shadow:inset 0 1px rgba(255,255,255,.4);color:#18140f}
.btn.primary:hover{background:#ebd2a9;box-shadow:0 8px 35px rgba(206,164,98,.15)}
.btn{transition:background .25s,border-color .25s,box-shadow .25s}
.eyebrow:before{width:15px}
.project-card .picture{border-color:rgba(226,200,156,.17)}
.project-card .picture:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,30%),rgba(255,230,180,.16),transparent 55%);opacity:0;transition:opacity .5s}
.project-card:hover .picture:before{opacity:1}
.card-num{display:none}
.quote-section{background:radial-gradient(ellipse at 50% 105%,rgba(146,112,60,.1),transparent 70%)}
.horizon-experience{position:relative;isolation:isolate;min-height:720px;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--line);background:#080c10}
.continuity-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.horizon-layout{display:grid;grid-template-columns:1fr 390px;gap:100px;align-items:center;padding-block:125px}
.horizon-copy h2{font-size:clamp(48px,5.6vw,88px);max-width:680px;letter-spacing:-.05em}
.horizon-copy .copy{margin-top:28px;max-width:400px;color:#c2c2bd}
.horizon-console{align-self:end;background:rgba(8,12,16,.78);padding:30px;border:1px solid rgba(202,193,165,.24);backdrop-filter:blur(12px)}
.horizon-tabs{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}
.horizon-tabs button{background:transparent;padding:10px 0 16px;font-size:12px;color:#a8afb3;border-bottom:2px solid transparent}
.horizon-tabs button[aria-selected=true]{color:#e7cfaa;border-bottom-color:#e7cfaa}
.horizon-panel{min-height:220px;padding-top:27px}
.horizon-panel h3{font-size:31px;line-height:1.15;margin-bottom:16px}
.horizon-panel p{font-size:14px;line-height:1.8;color:#b8bfc2}
.horizon-panel .text-link{font-size:12px}
.horizon-art-note{display:block;margin-top:16px;font-size:10px;line-height:1.6;color:#90999e}
.worlds-panel{min-height:700px}
.worlds-panel>img{object-position:center;opacity:.95}
.worlds-panel:after{background:linear-gradient(90deg,rgba(7,11,14,.92),rgba(7,11,14,.5) 50%,transparent),linear-gradient(0deg,var(--ground),transparent 25%)}
.page-hero-art{opacity:.62}
.page-split .project-art img{filter:saturate(.9)}
.footer-mark{opacity:.87}
.menu-dialog{background:#0b0f12}.mega-nav a{transition:color .2s,transform .3s}.mega-nav a:hover{color:var(--gold);transform:translateX(8px)}
.search-dialog{background:#141a1e}.search-result:hover{background:rgba(214,187,141,.05)}
@keyframes empyrean-arrival{from{transform:scale(1.06);opacity:.3}to{transform:scale(1);opacity:1}}
@media(min-width:1500px){.hero .wrap{width:min(calc(100% - 140px),1540px)}.hero h1{font-size:134px}.hero-art img{object-position:70% 50%}}
@media(max-width:1000px){.horizon-layout{grid-template-columns:1fr 340px;gap:40px}.horizon-console{padding:24px}.hero h1{font-size:clamp(76px,10vw,105px)}}
@media(max-width:640px){.hero{height:auto;max-height:none;min-height:900px}.hero .wrap{padding:142px 0 370px}.hero h1{font-size:clamp(62px,14vw,88px);line-height:.99;max-width:360px}.hero-art{inset:300px -28% 0 -58%;transform:none;will-change:auto}.hero-art img{object-position:75% center;filter:brightness(.86) saturate(.84)}.hero:before{background:linear-gradient(180deg,#080b0e 0%,#080b0e 29%,rgba(8,11,14,.85) 43%,rgba(8,11,14,.08) 63%,rgba(8,11,14,.06) 80%,var(--ground) 100%)}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero .copy{font-size:14px;max-width:310px}.hero-bottom .hero-coordinate .meta:last-child{display:none}.hero-bottom{bottom:23px}.hero .actions{gap:23px}.horizon-experience{min-height:860px}.horizon-layout{grid-template-columns:1fr;gap:110px;padding-block:75px}.horizon-copy h2{font-size:53px}.horizon-copy .copy{font-size:15px}.horizon-console{padding:24px;max-width:440px}.horizon-panel{min-height:190px}.horizon-panel h3{font-size:30px}.worlds-panel{min-height:620px}.worlds-panel>img{object-position:66% center}.worlds-panel:after{background:linear-gradient(90deg,rgba(7,11,14,.91),rgba(7,11,14,.46)),linear-gradient(0deg,var(--ground),transparent)}.header-tools{gap:4px}.site-header .brand img{width:153px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important;will-change:auto}.hero-art img{animation:none}.hero-refraction{opacity:.3}}
.motion-paused .hero-art{transform:none!important}.motion-paused .hero-art img{animation:none}.motion-paused .reveal-ready{opacity:1!important;transform:none!important}
@media(max-width:640px){.hero-art{inset:300px -1% 0 -85%}}

/* Velvet atelier: static fibers behind the content, diffuse grazing light. */
:root{--velvet-grain:url("art/velvet-grain.png");--velvet-warm:#171614;--velvet-cool:#10161a;--velvet-edge:rgba(229,207,169,.15)}
body{background-image:var(--velvet-grain);background-size:256px 256px}
.section{background-image:var(--velvet-grain),radial-gradient(ellipse at 8% 18%,rgba(143,109,72,.075),transparent 62%);background-size:256px 256px,100% 100%}
.section:nth-of-type(even){background-image:var(--velvet-grain),radial-gradient(ellipse at 95% 75%,rgba(96,117,134,.065),transparent 62%)}
.hero:before{background-image:var(--velvet-grain),linear-gradient(90deg,rgba(8,11,14,.93),rgba(8,11,14,.68) 29%,rgba(8,11,14,.12) 63%,transparent 85%),linear-gradient(0deg,var(--ground),transparent 25%);background-size:256px 256px,100% 100%,100% 100%}
.horizon-experience{background-image:var(--velvet-grain),radial-gradient(ellipse at 12% 60%,rgba(112,84,63,.12),transparent 62%);background-size:256px 256px,100% 100%}
.horizon-console{background-image:var(--velvet-grain),linear-gradient(140deg,rgba(59,49,37,.24),rgba(12,18,23,.18));background-size:256px 256px,100% 100%;border-color:var(--velvet-edge);box-shadow:inset 0 1px 0 rgba(248,225,189,.09),0 22px 64px rgba(0,0,0,.2);border-radius:3px}
.quote-section{background-image:var(--velvet-grain),radial-gradient(ellipse at 50% 110%,rgba(160,118,69,.14),transparent 72%);background-size:256px 256px,100% 100%}
.site-footer{background-color:#101211;background-image:var(--velvet-grain),radial-gradient(ellipse at 20% 100%,rgba(133,103,70,.1),transparent 70%);background-size:256px 256px,100% 100%;border-top-color:var(--velvet-edge)}
.menu-dialog,.search-dialog{background-image:var(--velvet-grain),radial-gradient(ellipse at 12% 15%,rgba(141,108,73,.1),transparent 75%);background-size:256px 256px,100% 100%}
.site-header.scrolled{background-image:var(--velvet-grain);background-size:256px 256px}
.btn.primary{background-image:var(--velvet-grain),linear-gradient(115deg,#e4cca2,#c6a16d);background-size:128px 128px,100% 100%;border-color:#bfa076;box-shadow:inset 0 1px rgba(255,245,223,.4),inset 0 -1px rgba(83,54,22,.22)}
.btn.primary:hover{background-image:var(--velvet-grain),linear-gradient(115deg,#efdab6,#d2b180)}
.text-link{border-image:linear-gradient(90deg,rgba(217,189,142,.5),rgba(217,189,142,.08)) 1}
.eyebrow:before{background:linear-gradient(90deg,var(--gold),transparent);width:24px}
@media(max-width:640px){.hero:before{background-image:var(--velvet-grain),linear-gradient(180deg,#080b0e 0%,#080b0e 29%,rgba(8,11,14,.85) 43%,rgba(8,11,14,.08) 63%,rgba(8,11,14,.06) 80%,var(--ground) 100%);background-size:256px 256px,100% 100%}}
@media print{body,.section,.hero:before,.horizon-experience,.horizon-console,.quote-section,.site-footer,.btn.primary{background-image:none!important}}