@font-face{font-family:HeroManrope;src:url(fonts/Manrope-400.woff2)}@font-face{font-family:HeroCormorant;src:url(fonts/CormorantGaramond-400.woff2)}
body:has(.cinematic-hero)>.header{position:absolute;top:0;left:52px;right:52px;width:auto;height:95px;display:flex;justify-content:space-between;align-items:center;z-index:5;border-bottom:1px solid #ffffff30;background:transparent;padding:0}.header .wordmark{color:#f2eee5}.header nav{gap:30px}.header nav a{color:#f2eee5;font-size:11px}
.cinematic-hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#111914;color:#f2eee5;font-family:HeroManrope,sans-serif;display:block;padding:0}
.cinematic-hero .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:transform,opacity}.cinematic-hero .photo:first-child{opacity:1}.cinematic-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,#07120fe6 0%,#1017119c 40%,#0002 85%),linear-gradient(180deg,#08100fc0 0%,#0000 25%,#0000 75%,#08100f90 100%);z-index:3;pointer-events:none}
.cinematic-hero .copy{position:absolute;left:70px;top:27%;z-index:4}.cinematic-hero .eyebrow{font-size:10px;letter-spacing:3px;color:inherit}.cinematic-hero h1{font:400 76px/1.03 HeroCormorant,serif;margin:23px 0;color:inherit}.cinematic-hero .desc{max-width:400px;font-size:13px;line-height:1.9;color:#e0ddd5}.cinematic-hero .button{display:inline-block;margin-top:22px;border:1px solid #d5c2a0;padding:17px 24px;font-size:10px;letter-spacing:2px;color:#ead7b4;text-decoration:none}.cinematic-hero .bottom{position:absolute;bottom:28px;left:52px;right:52px;display:flex;justify-content:space-between;z-index:5;font-size:9px;letter-spacing:1.5px}.cinematic-hero .label{position:absolute;bottom:65px;right:52px;font-size:9px;letter-spacing:2px;z-index:4;color:#ead7b4}.cinematic-hero .progress{position:absolute;left:52px;bottom:75px;width:100px;height:1px;background:#ffffff30;z-index:6}.cinematic-hero .progress i{display:block;height:1px;background:#c9b78f;width:0}.hero-motion{position:absolute;z-index:6;left:167px;bottom:62px;background:#10201880;border:1px solid #ffffff50;border-radius:2px;color:#f2eee5;padding:6px 9px;cursor:pointer;font:10px HeroManrope,sans-serif}.hero-motion:focus-visible{outline:2px solid #ead7b4;outline-offset:3px}
@media(max-width:700px){body:has(.cinematic-hero)>.header{left:24px;right:24px;height:85px}.header .wordmark{font-size:12px;letter-spacing:2px}.header nav{gap:18px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.cinematic-hero{height:100svh;min-height:820px}.cinematic-hero .copy{left:24px;right:24px;top:23%}.cinematic-hero .eyebrow{font-size:9px;letter-spacing:1.5px}.cinematic-hero h1{font-size:53px}.cinematic-hero .bottom{left:24px;right:24px;font-size:8px;gap:25px;line-height:1.6}.cinematic-hero .label{right:24px;left:24px;bottom:90px;font-size:8px;text-align:right;letter-spacing:1px}.cinematic-hero .shade{background:linear-gradient(90deg,#08100fd0,#08100f65)}.cinematic-hero .progress{left:24px;bottom:125px;width:70px}.hero-motion{left:110px;bottom:113px}.cinematic-hero .desc{max-width:330px}}
@media(prefers-reduced-motion:reduce){.cinematic-hero .photo{will-change:auto}.cinematic-hero .progress{display:none}.hero-motion{left:52px} }
