*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050708;color:#f5eee6}
body{font-family:Montserrat,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.hero{position:relative;width:100vw;height:100dvh;min-height:540px;overflow:hidden}
.background{position:absolute;inset:0;background:url("../images/hero.png") center center/cover no-repeat;transform:scale(1.005)}
.overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(0,0,0,.02) 0 20%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.53) 100%),linear-gradient(180deg,rgba(2,5,7,.20),rgba(2,5,7,.02) 60%,rgba(0,0,0,.40))}
header{height:82px;padding:0 clamp(24px,5vw,78px);position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(215,176,122,.20);background:linear-gradient(180deg,rgba(3,6,8,.72),rgba(3,6,8,.12));backdrop-filter:blur(5px)}
.brand{font:italic 30px "Cormorant Garamond",serif;color:#e7c492;white-space:nowrap}.brand em{color:#0ca171}.brand small{font-size:19px;margin-left:7px;color:#d8b782}
nav{display:flex;gap:42px}nav a{position:relative;font-size:10px;letter-spacing:.25em;text-transform:uppercase}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:#d6ad75}
.actions{justify-self:end;display:flex;gap:20px;font-size:21px}.menu{display:none}
.center{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-47%);width:min(760px,90vw);text-align:center;text-shadow:0 8px 30px rgba(0,0,0,.9)}
.mark{font:600 clamp(68px,6vw,94px)/.66 "Cormorant Garamond",serif;background:linear-gradient(125deg,#f0d0a1 10%,#a27240 44%,#06966a 68%,#eac896 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wordmark{margin-top:30px;font:italic clamp(49px,5vw,70px)/.84 "Cormorant Garamond",serif;color:#e5c18f}.wordmark em{color:#079a6c}
.works{margin:10px 0 8px;font:italic clamp(29px,3vw,41px) "Cormorant Garamond",serif;color:#d6b481}
.center h1{margin:0 0 9px;font:400 clamp(38px,4vw,61px) "Cormorant Garamond",serif}.center h1 span{color:#079b6d}
.center p{margin:0 0 27px;font-size:clamp(8px,.8vw,11px);letter-spacing:.42em}
.cta{display:inline-flex;align-items:center;gap:27px;padding:16px 34px;border:1px solid #d6ac73;background:rgba(3,6,8,.55);font-size:10px;letter-spacing:.23em;text-transform:uppercase;transition:.25s}.cta:hover{background:#d6ac73;color:#080a0b}
.scroll{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);text-align:center;color:#d6c3aa;font-size:7px;letter-spacing:.34em}.scroll i{display:block;width:21px;height:33px;line-height:27px;border:1px solid #e0d6c8;border-radius:15px;margin:0 auto 7px;font-style:normal}
@media(max-height:720px) and (min-width:851px){header{height:68px}.center{transform:translate(-50%,-43%) scale(.85)}.scroll{bottom:8px}}
@media(max-width:850px){header{height:70px;grid-template-columns:1fr auto}.brand{font-size:26px}.actions{display:none}.menu{display:flex;border:0;background:transparent;width:35px;height:30px;flex-direction:column;justify-content:center;gap:7px}.menu i{height:1px;width:28px;background:#eadbc7}.menu i:last-child{width:20px;margin-left:8px}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:32px;background:rgba(4,7,8,.97);flex-direction:column;align-items:center;gap:25px}.open nav{display:flex}nav a.active:after{display:none}.background{background-position:50% center}.center{transform:translate(-50%,-44%)}}
@media(max-width:520px){.background{background-position:50% center}.overlay{background:rgba(0,0,0,.35)}.center{width:94vw;transform:translate(-50%,-43%)}.mark{font-size:62px}.wordmark{font-size:45px;margin-top:25px}.works{font-size:28px}.center h1{font-size:36px}.center p{font-size:7px;letter-spacing:.25em;line-height:1.8}.cta{padding:14px 23px}.scroll{font-size:6px}}