:root{color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090a0d;color:#fff;font-family:Arial,Helvetica,sans-serif}
header{position:absolute;z-index:5;top:0;left:0;right:0;padding:28px 5%;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:800;letter-spacing:.22em;font-size:13px}
.logo span{color:#c8a66a}
header small{letter-spacing:.25em;color:#aaa;font-size:10px}
main{display:grid;grid-template-columns:1fr 1fr;min-height:100svh}
.choice{position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:9%;text-decoration:none;color:white;isolation:isolate;min-height:650px}
.choice:before{content:"";position:absolute;inset:0;z-index:-2;transition:transform .9s cubic-bezier(.2,.7,.2,1);background-size:cover;background-position:center}
.choice:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.82))}
.choice:hover:before{transform:scale(1.065)}
.express:before{background-image:linear-gradient(145deg,#293644,#101216 70%)}
.signature:before{background-image:linear-gradient(145deg,#342d25,#08090b 70%)}
.content{max-width:580px;transition:transform .4s}
.choice:hover .content{transform:translateY(-9px)}
.kicker{font-size:11px;letter-spacing:.3em;color:#d5b781;font-weight:700}
h1,h2{font-size:clamp(38px,4.8vw,78px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}
p{font-size:16px;line-height:1.8;color:#d1d1d1;max-width:450px}
.cta{display:inline-flex;margin-top:28px;padding:17px 25px;border:1px solid #bda06a;letter-spacing:.15em;font-size:11px;font-weight:800;transition:.3s}
.choice:hover .cta{background:#c8a66a;color:#101010}
.center{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:#0d0d0f;border:1px solid #6e6049;display:grid;place-items:center;color:#c8a66a;font-size:12px;letter-spacing:.1em}
footer{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.16em;color:#999;pointer-events:none}
@media(max-width:760px){
header{position:relative;padding:21px 6%;background:#090a0d}
header small{display:none}
main{grid-template-columns:1fr}
.choice{min-height:calc(50svh - 30px);padding:9% 7%;align-items:center}
h1,h2{font-size:clamp(35px,9vw,52px)}
p{font-size:13px;line-height:1.6}
.cta{margin-top:12px}
.center{display:none}
footer{position:relative;padding:18px;background:#090a0d}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}
}