:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080a0b;color:#eee9df}body{font-family:Georgia,'Times New Roman',serif}
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(105deg,#080b0c 0%,#090c0d 50%,#07090a 100%)}
/* Background contains no typography; all visible words are HTML. */
.hero-image{position:absolute;z-index:-3;top:0;bottom:0;left:51%;right:0;background:url('/assets/portal-no-text.webp') center center/100% 100% no-repeat}
.hero-image:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0c 0%,rgba(8,11,12,.42) 4%,transparent 16%)}
.light-breath{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 1.2% 37% at 55.1% 47%,rgba(255,224,170,.13),transparent 100%);mix-blend-mode:screen;animation:breathe 18s ease-in-out infinite}
.copy{position:absolute;top:26.8%;left:7.65%;width:43%;max-width:670px}
.name{margin:0;font:300 clamp(11px,1.38vw,22px)/1.5 Arial,Helvetica,sans-serif;letter-spacing:.31em;white-space:nowrap;color:#e4ded2}
/* One fade gradient shared by desktop and mobile; only width/margins differ. */
.rule{height:1px;width:min(70%,570px);margin:48px 0 50px;background:linear-gradient(90deg,rgba(213,172,112,.95) 0%,rgba(213,172,112,.9) 15%,rgba(213,172,112,0) 100%)}
.claim{margin:0;font:400 clamp(36px,3.65vw,66px)/1.26 Georgia,'Times New Roman',serif;letter-spacing:.055em;color:#f1e8dc}.claim span{display:block;white-space:nowrap}
@keyframes breathe{0%,100%{opacity:.17}50%{opacity:.6}}
@media(max-width:1050px){.copy{left:6.5%;width:47%}.name{font-size:clamp(10px,1.35vw,16px);letter-spacing:.23em}.claim{font-size:clamp(32px,3.9vw,48px)}}
@media(max-width:720px){.hero-image{left:27%;background-size:auto 100%;background-position:15% center;opacity:.72}.hero-image:before{background:linear-gradient(90deg,#080b0c 0%,rgba(8,11,12,.86) 32%,rgba(8,11,12,.2) 100%)}.copy{top:35%;left:7%;width:86%}.name{font-size:clamp(10px,2.2vw,14px);letter-spacing:.18em;white-space:normal}.rule{margin:30px 0 36px;width:70%}.claim{font-size:clamp(32px,6vw,46px);letter-spacing:.03em}.claim span{white-space:normal}.light-breath{display:none}}
@media(max-width:420px){.hero-image{left:14%;opacity:.55}.copy{top:37%}.name{font-size:10px;letter-spacing:.13em}.claim{font-size:clamp(31px,8.1vw,38px)}}
@media(prefers-reduced-motion:reduce){.light-breath{animation:none;opacity:.2}}