/* Reset */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* Variables */
:root{--noir:#0A0A0A;--nuit:#1A1A1A;--or:#C9A84C;--or-l:#E8C97A;--iv:#F0ECE0;--gr:#a8a8a8;--gr-l:#a3a3a3}

/* Base */
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--noir);color:var(--iv);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--or);color:var(--noir)}
a{text-decoration:none;color:inherit}

/* Grain */
.grain{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;opacity:.03;pointer-events:none;z-index:8000;animation:gs .5s steps(1) infinite}
@keyframes gs{0%{transform:translate(0,0)}25%{transform:translate(-2%,-1%)}50%{transform:translate(1%,2%)}75%{transform:translate(-1%,1%)}100%{transform:translate(2%,-2%)}}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:9000;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;transition:all .4s;background:rgba(10,10,10,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,168,76,.06)}
.nr{display:flex;align-items:center;gap:28px}
.nr a{font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--gr-l);transition:color .3s}
.nr a:hover{color:var(--or)}
.nr a.active{color:var(--or)}

/* Nav Dropdown */
.nav-dropdown{position:relative}
.nav-dropdown-trigger{cursor:pointer}
.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:rgba(10,10,10,.97);border:1px solid rgba(201,168,76,.1);padding:12px 0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);margin-top:12px}
.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown-menu a{font-size:12px;font-weight:400;letter-spacing:1px;text-transform:none;color:var(--gr-l);padding:8px 20px;transition:color .2s}
.nav-dropdown-menu a:hover{color:var(--or)}

/* Mobile Menu */
.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:9002;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center}
.menu-bar{display:block;width:22px;height:2px;background:var(--or);border-radius:2px;transition:transform .3s,opacity .3s}
.menu-toggle.open .menu-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.open .menu-bar:nth-child(2){opacity:0}
.menu-toggle.open .menu-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9001;background:rgba(10,10,10,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:36px}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:'Lora',serif;font-size:28px;font-weight:500;color:var(--iv);letter-spacing:1px;transition:color .3s;padding:12px 24px}
.mobile-menu a:hover{color:var(--or)}

/* Footer */
footer{border-top:1px solid rgba(255,255,255,.04);padding:48px 48px 24px;background:var(--noir)}
.ft-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px}
.ft-brand{display:flex;flex-direction:column;gap:12px}
.ft-brand svg{height:32px;width:auto}
.ft-copy{font-size:10px;color:#666}
.ft-col{display:flex;flex-direction:column;gap:10px}
.ft-heading{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--or);margin-bottom:4px}
.ft-col a{font-size:13px;color:var(--gr);transition:color .3s}
.ft-col a:hover{color:var(--or)}

/* Reveal */
[data-r]{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
[data-r].v{opacity:1;transform:translateY(0)}
[data-d="1"]{transition-delay:.1s}
[data-d="2"]{transition-delay:.2s}
[data-d="3"]{transition-delay:.3s}
[data-d="4"]{transition-delay:.4s}

/* Accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.skip-link{position:absolute;top:-50px;left:0;background:var(--or);color:var(--noir);padding:8px 16px;z-index:99999;font-size:14px;transition:top .2s}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .grain{animation:none!important}
  [data-r]{opacity:1!important;transform:none!important;transition:none!important}
}

/* Tablet */
@media(max-width:1024px) and (min-width:769px){
  .ft-grid{grid-template-columns:1fr 1fr;gap:32px}
  .ft-brand{grid-column:1/-1}
  section{padding:80px 32px}
  footer{padding:40px 32px 20px}
}

/* Mobile */
@media(max-width:768px){
  nav{padding:18px 20px}
  .nr{display:none}
  .menu-toggle{display:flex}
  .nav-dropdown-menu{display:none}
  .ft-grid{grid-template-columns:1fr;gap:32px}
  .ft-col a{padding:8px 0;font-size:14px;display:block}
  .ft-col{gap:4px}
  footer{padding:32px 20px 16px}
}