/* Mooseloom public site - Classic Ralph Lauren style: navy & white heritage */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --navy:#122140;        /* deep classic navy */
  --navy-deep:#0c1830;
  --navy-soft:#1c3157;
  --gold:#b08d4c;        /* restrained heritage gold accent only */
  --paper:#ffffff;       /* crisp white */
  --off:#f6f5f2;         /* barely-there warm white for alternating bands */
  --ink:#1a2338;         /* navy-ink text */
  --muted:#5b6579;
  --line:#e6e3dc;
}
body { font-family: Georgia,'Times New Roman',serif; color:var(--ink); background:var(--paper); line-height:1.65; -webkit-font-smoothing:antialiased; }
.container { max-width:1120px; margin:0 auto; padding:0 24px; }
a { color:inherit; }

/* HEADER */
.site-header { background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; }
.site-header-inner { max-width:1120px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.site-logo img { height:84px; width:auto; display:block; }
.site-nav { display:flex; gap:34px; align-items:center; }
.site-nav a { font-size:12px; letter-spacing:0.22em; text-transform:uppercase; color:var(--navy); text-decoration:none; font-family:Georgia,serif; padding-bottom:3px; border-bottom:1px solid transparent; transition:border-color .2s,color .2s; }
.site-nav a:hover, .site-nav a.active { color:var(--navy); border-bottom-color:var(--gold); }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; padding:6px; }
.nav-toggle span { display:block; width:24px; height:2px; background:var(--navy); margin:5px 0; }
@media (max-width:820px){
  .nav-toggle { display:block; }
  .site-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; gap:0; padding:8px 0; border-bottom:1px solid var(--line); box-shadow:0 8px 20px rgba(18,33,64,.08); }
  .site-nav.open { display:flex; }
  .site-nav a { padding:15px 24px; width:100%; border-bottom:none; }
  .site-nav a.active { border-left:2px solid var(--gold); }
}

/* HERO - solid navy, white type, thin gold rule */
.hero { background:var(--navy); padding:150px 24px 130px; text-align:center; color:#fff; }
.hero-label { font-size:11px; letter-spacing:0.4em; text-transform:uppercase; color:#c9b48a; margin-bottom:28px; }
.hero h1 { font-size:clamp(38px,6vw,66px); color:#fff; margin-bottom:26px; font-weight:400; letter-spacing:0.04em; line-height:1.12; }
.hero-line { width:56px; height:1px; background:var(--gold); margin:0 auto 30px; }
.hero-subtitle { font-size:clamp(15px,2vw,19px); color:#c6cede; font-weight:400; font-style:italic; max-width:600px; margin:0 auto; line-height:1.85; }

/* STATEMENT */
.fox-statement { padding:100px 24px; text-align:center; max-width:840px; margin:0 auto; }
.section-label,.fox-statement .label,.values-label,.collections-label,.authenticity .label {
  font-size:11px; letter-spacing:0.34em; text-transform:uppercase; color:var(--gold); margin-bottom:22px; display:block;
}
.fox-statement h2 { font-size:clamp(23px,3.5vw,34px); color:var(--navy); font-weight:400; line-height:1.45; margin-bottom:28px; }
.fox-statement p,.prose p { font-size:16px; color:var(--muted); line-height:1.95; }
.divider { border:none; border-top:1px solid var(--line); max-width:880px; margin:0 auto; }

/* VALUES - white cards on off-white band, navy top rule */
.values { padding:100px 24px; background:var(--off); }
.values-inner { max-width:1040px; margin:0 auto; }
.values-label { text-align:center; margin-bottom:16px; }
.values h2 { font-size:clamp(21px,3vw,29px); color:var(--navy); text-align:center; font-weight:400; margin-bottom:64px; }
.values-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.value-item { background:#fff; padding:46px 38px; border:1px solid var(--line); border-top:3px solid var(--navy); }
.value-item h3 { font-size:16px; font-weight:700; color:var(--navy); margin-bottom:16px; letter-spacing:0.06em; text-transform:uppercase; }
.value-item p { font-size:15px; color:var(--muted); line-height:1.9; }

/* AUTHENTICITY */
.authenticity { padding:110px 24px; text-align:center; }
.authenticity-inner { max-width:780px; margin:0 auto; }
.authenticity blockquote { font-size:clamp(23px,3.5vw,33px); color:var(--navy); font-weight:400; font-style:italic; line-height:1.5; margin:26px 0 30px; }
.authenticity p { font-size:16px; color:var(--muted); line-height:1.95; }

/* COLLECTIONS - navy band, white bordered cells */
.collections { background:var(--navy); padding:100px 24px; }
.collections-inner { max-width:1040px; margin:0 auto; }
.collections-label { text-align:center; margin-bottom:16px; color:#c9b48a; }
.collections h2 { font-size:clamp(21px,3vw,29px); color:#fff; text-align:center; font-weight:400; margin-bottom:56px; }
.collections-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:0; border:1px solid var(--navy-soft); }
.collection-item { background:var(--navy); padding:40px 30px; text-align:center; border:1px solid var(--navy-soft); transition:background .2s; }
.collection-item:hover { background:var(--navy-soft); }
.collection-item h3 { font-size:13px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#fff; margin-bottom:12px; }
.collection-item p { font-size:13px; color:#9aa6bd; line-height:1.75; }

/* CTA */
.cta-section { padding:110px 24px; text-align:center; background:#fff; border-top:1px solid var(--line); }
.cta-section h2 { font-size:clamp(25px,4vw,38px); color:var(--navy); font-weight:400; margin-bottom:22px; }
.cta-section p { font-size:16px; color:var(--muted); max-width:520px; margin:0 auto 38px; line-height:1.85; font-style:italic; }
.cta-button { display:inline-block; background:var(--navy); color:#fff; padding:17px 52px; text-decoration:none; font-size:11px; letter-spacing:0.28em; text-transform:uppercase; font-family:Georgia,serif; border:1px solid var(--navy); transition:background .25s,color .25s; cursor:pointer; }
.cta-button:hover { background:#fff; color:var(--navy); }
.bursa { font-size:11px; letter-spacing:0.28em; text-transform:uppercase; color:#9aa6bd; margin-top:38px; }

/* GENERIC PAGE */
.page-hero { background:var(--navy); padding:100px 24px 76px; text-align:center; color:#fff; }
.page-hero .hero-label { margin-bottom:20px; color:#c9b48a; }
.page-hero h1 { font-size:clamp(31px,5vw,50px); color:#fff; font-weight:400; letter-spacing:0.03em; }
.prose { max-width:800px; margin:0 auto; padding:90px 24px; }
.prose h2 { font-size:clamp(21px,3vw,29px); color:var(--navy); font-weight:400; margin:44px 0 18px; }
.prose h2:first-child { margin-top:0; }
.prose p { margin-bottom:22px; }
.prose ul { margin:0 0 26px 22px; color:var(--muted); line-height:1.95; }

/* CONTACT */
.contact-wrap { max-width:660px; margin:0 auto; padding:80px 24px 100px; }
.contact-form { display:grid; gap:18px; }
.contact-form label { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--navy); margin-bottom:7px; display:block; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:13px 15px; border:1px solid #cfd4dd; background:#fff; font-family:Georgia,serif; font-size:15px; color:var(--ink); border-radius:0; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { outline:none; border-color:var(--navy); }
.contact-form textarea { min-height:140px; resize:vertical; }
.form-note { font-size:14px; color:var(--muted); font-style:italic; }
.form-success { background:#f2f6ff; border:1px solid #c9d6ef; color:var(--navy); padding:16px; font-size:15px; }
.form-error { background:#fdecea; border:1px solid #f5c2c0; color:#b3261e; padding:12px 15px; font-size:14px; }

/* FOOTER */
.site-footer { background:var(--navy-deep); color:#9aa6bd; padding:64px 24px 44px; text-align:center; }
.site-footer .foot-logo { height:46px; margin-bottom:22px; opacity:0.96; }
.site-footer nav { display:flex; gap:28px; justify-content:center; flex-wrap:wrap; margin-bottom:28px; }
.site-footer nav a { color:#c6cede; text-decoration:none; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; transition:color .2s; }
.site-footer nav a:hover { color:#fff; }
.site-footer .foot-meta { font-size:12px; letter-spacing:0.1em; color:#7c88a0; line-height:2; }
.site-footer .foot-bursa { color:#c9b48a; letter-spacing:0.28em; text-transform:uppercase; font-size:11px; }
@media (max-width:768px){ .values-grid { grid-template-columns:1fr; } .collections-grid { grid-template-columns:repeat(2,1fr); } }

/* SEO service pages - related links grid */
.rel-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; margin:18px 0 40px; }
.rel-link { display:block; padding:16px 18px; border:1px solid var(--line); border-radius:2px; background:#fff; color:var(--navy); text-decoration:none; font-size:14.5px; line-height:1.4; letter-spacing:0.01em; transition:background .18s,color .18s,box-shadow .18s; }
.rel-link:hover { background:var(--navy); color:#fff; box-shadow:0 4px 14px rgba(5,23,60,0.12); }
.prose h3 { font-weight:700; }

@media (max-width:820px){ .site-logo img { height:60px; } }

.prose h2 { margin-top:40px; }