.portrait-hero{position:relative;isolation:isolate;min-height: min(810px,88svh);background:#06080b;overflow:hidden;color:#f8fafc;display:flex;align-items:center;--hero-y:0px;--hero-x:0px}
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.portrait-person{position:absolute;right:0;bottom:-9%;height:108%;width:65%;object-fit:contain;object-position:bottom right;filter:grayscale(1);transform:translate3d(var(--hero-x),var(--hero-y),0);transition:opacity .7s;mask-image:linear-gradient(to top,transparent,black 17%)}
.portrait-halo{position:absolute;right:1%;top:5%;width:56%;height:100%;background:radial-gradient(ellipse at 55% 40%,var(--gold-glow),transparent 65%);opacity:.6;filter:blur(28px);transform:translate3d(calc(var(--hero-x) * -.6),calc(var(--hero-y) * .5),0);transition:background .6s,opacity .6s}
.theme-scene{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:70% center;filter:grayscale(1);opacity:0;transform:translate3d(0,var(--hero-y),0);transition:opacity .65s}
.portrait-hero[data-scene="photo"] .theme-scene{opacity:1}
.portrait-hero[data-scene="photo"] .portrait-person{opacity:0}
.portrait-hero[data-scene="photo"] .portrait-halo{mix-blend-mode:screen;opacity:.28;right:-12%;top:-20%}
.portrait-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06080bf2 0%,#06080bd9 30%,#06080b3d 61%,transparent 85%),linear-gradient(0deg,#06080b,transparent 18%)}
.portrait-copy{position:relative;padding-top:96px;padding-bottom:110px;z-index:1}
.portrait-kicker{display:block;font:11px/1.6 var(--font-mono);letter-spacing:.2em;color:var(--gold-bright);margin-bottom:26px;text-decoration:none}
.portrait-copy h1{font-size:clamp(42px,4.8vw,76px);line-height:1.09;font-weight:400;letter-spacing:-.055em;margin:0 0 24px;max-width:790px;color:#f8fafc;text-wrap:balance}
.portrait-copy p{font-size:clamp(18px,2vw,25px);font-weight:300;color:#b9bdc4;margin:0 0 34px;max-width:550px}
.portrait-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.portrait-cta{display:inline-flex;align-items:center;gap:32px;border-radius:40px;padding:16px 27px;background:var(--gold-glow);color:#05070b;font-weight:650;text-decoration:none;box-shadow:0 4px 35px var(--gold-dim);transition:background .4s,transform .2s}
.portrait-cta:hover{transform:translateY(-3px);background:var(--gold-bright)}
.portrait-listen{color:#e2e5e9;text-decoration:none;border-bottom:1px solid #80848c;padding:8px 0;font-size:15px}
.portrait-listen span{margin-left:16px;color:var(--gold-bright)}
.portrait-copy .portrait-note{font-size:12px;margin:23px 0 0;color:#b9bdc4;letter-spacing:.03em}
.portrait-scroll{position:absolute;bottom:30px;left:max(24px,calc((100vw - 1232px)/2));font:10px var(--font-mono);letter-spacing:.15em;color:#9ca4b2;text-decoration:none;display:flex;gap:30px}
.hero.hero-details{padding-top:35px}
.ab-desc a{color:var(--gold-bright);text-underline-offset:3px}
.room-hero{min-height:420px}
.room-hero .portrait-copy{padding-top:75px;padding-bottom:65px}
.room-hero .portrait-copy h1{font-size:clamp(38px,5vw,64px)}
.room-hero .portrait-person{width:45%;height:130%;bottom:-35%}
.page-theme-label{font-size:12px;display:flex;align-items:center;gap:12px;color:#c3cbd4}
.page-theme-label select{font:inherit;background:#10151f;color:#f8fafc;border:1px solid var(--gold-glow);padding:10px 32px 10px 12px;border-radius:20px;max-width:220px}
.portrait-hero a:focus-visible,.page-theme-label select:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(min-width:1500px){.portrait-copy h1{font-size:78px}}
@media(max-width:760px){.portrait-hero{min-height:760px;align-items:flex-end}.portrait-person{height:67%;width:100%;top:-3%;bottom:auto;right:-10%;object-position:top right;mask-image:linear-gradient(to bottom,black 55%,transparent 98%)}.theme-scene{object-position:76% center;height:75%;inset:0;width:100%;mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.portrait-halo{width:100%;height:65%;right:-20%;top:-8%}.portrait-shade{background:linear-gradient(0deg,#06080b 0%,#06080bf5 26%,#06080b88 47%,transparent 80%)}.portrait-copy{padding-top:350px;padding-bottom:76px}.portrait-copy h1{font-size:44px;max-width:570px}.portrait-copy p{font-size:18px;max-width:310px;margin-bottom:24px}.portrait-kicker{font-size:9px;margin-bottom:15px}.portrait-actions{gap:17px}.portrait-cta{padding:13px 20px;gap:22px}.portrait-listen{font-size:13px}.portrait-scroll{bottom:23px;font-size:8px}.room-hero{min-height:480px}.room-hero .portrait-copy{padding-top:215px;padding-bottom:38px}.room-hero .portrait-person{height:90%;width:85%;top:-7%;right:-15%}.room-hero .portrait-copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.portrait-hero *{transition:none!important;transform:none!important}html{scroll-behavior:auto}}