@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap');
:root{--b:#080808;--p:#f2eee6;--g:#b18d4d;--m:#858078;--line:rgba(255,255,255,.16);--dark:#11110f;--pad:clamp(18px,4vw,68px);--container:1400px;--gutter:32px}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-y:scroll}
body{margin:0;background:var(--p);color:#0b0b0a;font-family:Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.mono{font:500 9px DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}
.gold{color:#c6a768}
.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}

header{height:92px;position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(242,238,230,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.16)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:16px}
.brand img{width:70px;height:70px;flex-shrink:0}
.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.3;font-family:"Cormorant Garamond",Georgia,serif}
.brand-text span{font-size:15px;letter-spacing:.09em;text-transform:uppercase;color:#141310}
nav{display:flex;gap:28px;align-items:center}
nav a{font:500 9px DM Mono;letter-spacing:.14em;text-transform:uppercase}
nav a:hover{color:var(--g)}
.active{border-bottom:1px solid var(--g);padding-bottom:5px}

.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;width:24px;padding:8px 0}
.nav-burger span{display:block;height:1.5px;width:100%;background:#141310;transition:transform 220ms cubic-bezier(.23,1,.32,1),opacity 220ms cubic-bezier(.23,1,.32,1)}
.nav-toggle:checked ~ .nav-burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-toggle:checked ~ .nav-burger span:nth-child(2){opacity:0}
.nav-toggle:checked ~ .nav-burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.serif{font-family:"Cormorant Garamond",Georgia,serif}
.button{display:inline-block;border:1px solid var(--g);padding:14px 19px;font:500 9px DM Mono;letter-spacing:.14em;text-transform:uppercase;transition:background 200ms cubic-bezier(.23,1,.32,1),color 200ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}
.button:hover{background:var(--g);color:#090909}
.button:active{transform:scale(.97)}

footer{background:#080808;color:#77736b;border-top:1px solid #24221e;padding:23px 0}
.foot{display:flex;justify-content:space-between;font:400 8px DM Mono;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:750px){
.nav-burger{display:flex}
nav{
  position:fixed;top:92px;left:0;right:0;
  flex-direction:column;align-items:stretch;gap:0;
  background:rgba(242,238,230,.98);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(0,0,0,.16);
  max-height:0;overflow:hidden;
  transition:max-height 280ms cubic-bezier(.23,1,.32,1);
}
nav a{display:block;width:100%;padding:16px var(--pad);border-bottom:1px solid rgba(0,0,0,.08)}
.nav-toggle:checked ~ nav{max-height:320px}
.foot{flex-direction:column;gap:10px}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition-duration: 120ms !important; }
}