/* ============================================================
   QAF – Base Styles | Reset + Foundation
   Luxury Editorial Theme — Synced with Landing Page
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Tenor+Sans&family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Amiri:wght@400;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Tenor Sans',sans-serif;font-size:var(--fs-base);line-height:var(--lh-normal);color:#3D3A35;background:#F7F3EE;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}

/* Noise texture overlay — same as landing page */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:0.4}

img,picture,video,canvas,svg{display:block;max-width:100%}
img{height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}

h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',serif;font-weight:300;line-height:var(--lh-tight);color:var(--clr-ink);letter-spacing:-0.01em}
h1{font-size:clamp(36px, 5vw, 72px)}
h2{font-size:clamp(28px, 4vw, 56px)}
h3{font-size:clamp(24px, 3vw, 40px)}
h4{font-size:clamp(20px, 2vw, 28px)}

p{margin-bottom:var(--sp-4);color:#5A5650;font-size:0.88rem;line-height:1.8}

::selection{background:rgba(184,150,62,0.3);color:var(--clr-ink)}
:focus-visible{outline:2px solid var(--clr-gold);outline-offset:2px}

/* Custom scrollbar — same as landing page */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--clr-cream)}
::-webkit-scrollbar-thumb{background:rgba(184,150,62,0.4);border-radius:2px}

.container{width:100%;max-width:1280px;margin:0 auto;padding-left:clamp(20px,5vw,80px);padding-right:clamp(20px,5vw,80px)}
.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}
.section{padding:var(--sp-20) 0}.section-sm{padding:var(--sp-12) 0}
.section-header{text-align:center;margin-bottom:var(--sp-12)}
.section-header h2{margin-bottom:var(--sp-4)}
.section-subtitle{font-size:0.78rem;letter-spacing:0.15em;color:var(--clr-ink-muted);max-width:500px;margin:0 auto;line-height:var(--lh-relaxed)}

/* Ornament — matching landing page diamond style */
.ornament{display:flex;align-items:center;justify-content:center;gap:16px;margin:var(--sp-4) auto}
.ornament::before,.ornament::after{content:'';flex:1;max-width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(184,150,62,0.5))}
.ornament::after{background:linear-gradient(to left,transparent,rgba(184,150,62,0.5))}
.ornament-icon{width:10px;height:10px;border:1px solid var(--clr-gold);transform:rotate(45deg);flex-shrink:0;display:inline-block;font-size:0;line-height:0;color:transparent;overflow:hidden}

/* Section label — same as landing page */
.section-label{font-family:'Tenor Sans',sans-serif;font-size:0.6rem;letter-spacing:0.45em;text-transform:uppercase;color:var(--clr-gold)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

@media(max-width:768px){
  html{font-size:15px}
  .section{padding:var(--sp-12) 0}
  .container{padding-left:20px;padding-right:20px}
}
@media(max-width:480px){
  html{font-size:14px}
}