/* ================================================================
   global.css — Shared styles for YOI (navbar, typography, buttons)
   ================================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:18px;}
body{font-family:'Inter',sans-serif;background-color:#FAFAF8;color:#1A1A1A;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.05;letter-spacing:-0.02em;}
h1{font-size:clamp(56px,7vw,90px);}
h2{font-size:clamp(36px,5vw,58px);}
h3{font-size:clamp(24px,3vw,34px);}
p{font-size:18px;line-height:1.7;}
a{text-decoration:none;}
.container{max-width:1200px;margin:0 auto;padding:0 48px;}
.eyebrow{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:#C9A84C;display:block;margin-bottom:20px;}
.gold{color:#C9A84C;}
.gold-gradient{background:linear-gradient(135deg,#C9A84C 0%,#E8C878 40%,#C9A84C 70%,#A07820 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.btn{display:inline-block;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none;padding:14px 32px;border-radius:2px;cursor:pointer;transition:all 0.25s ease;}
.btn-gold{background:linear-gradient(135deg,#C9A84C 0%,#E8C878 50%,#C9A84C 100%);color:#0A0A0A;border:none;}
.btn-gold:hover{background:linear-gradient(135deg,#A07820 0%,#C9A84C 50%,#A07820 100%);transform:translateY(-1px);box-shadow:0 8px 32px rgba(201,168,76,0.35);}
.btn-white-outline{background:transparent;color:#FAFAF8;border:1px solid rgba(250,250,248,0.6);}
.btn-white-outline:hover{background:rgba(250,250,248,0.08);border-color:#FAFAF8;}
.btn-outline-sm{background:transparent;color:#1A1A1A;border:1px solid #1A1A1A;padding:10px 22px;font-size:12px;}
.btn-outline-sm:hover{background:#1A1A1A;color:#FAFAF8;}
.btn-gold-nav{background:linear-gradient(135deg,#C9A84C 0%,#E8C878 50%,#C9A84C 100%);color:#0A0A0A;border:none;padding:10px 22px;font-size:12px;}
.btn-gold-nav:hover{box-shadow:0 4px 20px rgba(201,168,76,0.4);transform:translateY(-1px);}
.marble-bg{background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,0.9) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(240,235,225,0.6) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,240,232,0.4) 0%,transparent 80%),#FAFAF8;}
.section-pad{padding:120px 0;}
.section-pad-lg{padding:140px 0;}
section{position:relative;}
.link-gold{font-family:'Inter',sans-serif;font-size:14px;font-weight:500;letter-spacing:0.05em;text-transform:uppercase;color:#A07820;text-decoration:none;border-bottom:1.5px solid #C9A84C;padding-bottom:2px;transition:color 0.2s ease;}
.link-gold:hover{color:#C9A84C;}

/* ── Navbar ── */
#mobile-nav-toggle{display:none;}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#FFFFFF;border-bottom:1px solid rgba(201,168,76,0.15);height:72px;display:flex;align-items:center;}
.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 48px;}
.nav-wordmark{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:#C9A84C;text-decoration:none;letter-spacing:0.01em;white-space:nowrap;flex-shrink:0;}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none;}
.nav-links a{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:#1A1A1A;text-decoration:none;transition:color 0.2s ease;}
.nav-links a:hover{color:#C9A84C;}
.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:24px;height:1.5px;background:#1A1A1A;transition:all 0.3s ease;}
.mobile-nav{display:none;position:fixed;top:72px;left:0;right:0;bottom:0;background:#FFFFFF;z-index:999;padding:40px 24px;flex-direction:column;gap:32px;}
#mobile-nav-toggle:checked ~ .mobile-nav{display:flex;}
#mobile-nav-toggle:checked ~ .navbar .hamburger span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
#mobile-nav-toggle:checked ~ .navbar .hamburger span:nth-child(2){opacity:0;}
#mobile-nav-toggle:checked ~ .navbar .hamburger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.mobile-nav a{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;color:#1A1A1A;text-decoration:none;letter-spacing:-0.01em;transition:color 0.2s ease;}
.mobile-nav a:hover{color:#C9A84C;}

/* ── Responsive ── */
@media (max-width:1024px){
  .container{padding:0 32px;}
  .navbar .container{padding:0 20px;}
}
@media (max-width:768px){
  html{font-size:16px;}
  .container{padding:0 20px;}
  .section-pad{padding:80px 0;}
  .section-pad-lg{padding:96px 0;}
  .nav-links{display:none;}
  .nav-actions{display:none;}
  .hamburger{display:flex;}
}