:root {
  --black: #050505;
  --black-2: #0b0b0b;
  --charcoal: #171717;
  --gold: #d6a53a;
  --gold-light: #f0ce72;
  --cream: #f3efe6;
  --white: #f8f8f6;
  --muted: #b7b2a8;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Inter, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; }
:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }
.skip-link { position:fixed; top:10px; left:10px; z-index:2000; padding:10px 14px; background:var(--cream); color:#111; transform:translateY(-160%); transition:transform .2s ease; }
.skip-link:focus { transform:translateY(0); }
body {
  margin: 0;
  background: var(--black);
  color: var(--white);
  font-family: var(--sans);
  line-height: 1.6;
}
img { display:block; max-width:100%; }
a { color: inherit; text-decoration:none; }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5vw;
  z-index: 1000;
  background: linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,.45), transparent);
  transition: background .3s ease, border .3s ease;
}
.site-header.scrolled { background: rgba(3,3,3,.94); border-bottom: 1px solid rgba(214,165,58,.18); }
.brand img { width: 64px; height: 64px; object-fit: cover; object-position: center; border-radius: 50%; }
.site-nav { display:flex; align-items:center; gap: 28px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.site-nav a { opacity:.82; transition:.2s ease; }
.site-nav a:hover { opacity:1; color: var(--gold-light); }
.nav-cta { border:1px solid var(--gold); padding: 10px 16px; }
.menu-toggle { display:none; background:none; border:0; padding:8px; }
.menu-toggle span { display:block; width:25px; height:1px; background:#fff; margin:6px 0; }

.hero {
  min-height: 100vh;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  text-align:center;
  padding: 120px 24px 70px;
}
.hero::before {
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 50% 35%, rgba(214,165,58,.10), transparent 34%),
              linear-gradient(to bottom, #000 0%, #070707 65%, #0a0a0a 100%);
}
.hero-glow {
  position:absolute;
  width:600px;
  height:600px;
  border:1px solid rgba(214,165,58,.12);
  border-radius:50%;
  filter: blur(.2px);
}
.hero-inner { position:relative; max-width: 980px; z-index:2; }
.hero-logo { width: 220px; margin: 0 auto 8px; mix-blend-mode: screen; }
.eyebrow {
  color: var(--gold-light);
  letter-spacing: .32em;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 18px;
}
.hero h1, .section h2 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: .98;
  margin: 0;
}
.hero h1 { font-size: clamp(56px, 8vw, 118px); }
.hero h1 span, .section h2 span { color: var(--gold-light); }
.hero-copy { max-width: 710px; margin: 30px auto 0; color:#c9c5bc; font-size: 18px; }
.hero-footnote { margin:28px 0 0; color:#89847b; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
.hero-actions { display:flex; justify-content:center; gap:14px; margin-top: 36px; flex-wrap:wrap; }
.btn { display:inline-flex; justify-content:center; align-items:center; min-height:48px; padding: 0 22px; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; border:1px solid transparent; transition:.25s ease; }
.btn-gold { background:var(--gold); color:#070707; }
.btn-gold:hover { background:var(--gold-light); transform:translateY(-1px); }
.btn-ghost { border-color:rgba(255,255,255,.35); }
.btn-ghost:hover { border-color:var(--gold); color:var(--gold-light); }
.btn-dark { background:#090909; color:#fff; }
.btn-dark:hover { background:#1a1a1a; }
.scroll-cue { position:absolute; bottom:26px; z-index:3; font-size:10px; text-transform:uppercase; letter-spacing:.3em; color:#8c887f; writing-mode:vertical-rl; }

.section { padding: 120px 7vw; }
.section-black { background:#080808; }
.section-heading { max-width: 900px; margin: 0 auto 70px; text-align:center; }
.section h2 { font-size: clamp(48px, 6vw, 88px); }
.section-intro { max-width:690px; margin:28px auto 0; color:#bdb8ae; font-size:17px; }
.philosophy-steps { display:grid; grid-template-columns:repeat(3,1fr); max-width:1200px; margin:0 auto; border-top:1px solid rgba(214,165,58,.26); }
.step-card { padding: 36px 30px 10px; border-right:1px solid rgba(214,165,58,.18); }
.step-card:last-child { border-right:0; }
.step-num { color:var(--gold); font-size:11px; letter-spacing:.2em; }
.step-card h3 { font-family:var(--serif); font-weight:400; font-size:38px; margin:28px 0 14px; }
.step-card p { color:#aaa59d; margin:0; }
.signature-line { margin: 78px auto 0; text-align:center; font-family:var(--serif); font-style:italic; font-size:clamp(27px,4vw,52px); color:var(--gold-light); }
.section-action { margin-top:30px; text-align:center; }
.text-link { display:inline-flex; align-items:center; gap:12px; padding-bottom:5px; border-bottom:1px solid rgba(143,104,26,.5); color:#8f681a; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; transition:gap .2s ease,color .2s ease; }
.text-link span { font-size:18px; line-height:1; }
.text-link:hover { gap:18px; color:var(--gold-light); }
.split-link { margin-top:12px; color:var(--gold-light); border-color:rgba(214,165,58,.45); }

.split-section { background:#0c0c0c; display:grid; grid-template-columns:1.02fr .98fr; padding:0; min-height:800px; }
.split-media { min-height:760px; position:relative; overflow:hidden; }
.split-media::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg, transparent 70%, #0c0c0c 100%); }
.split-media img { width:100%; height:100%; object-fit:cover; object-position:center 35%; }
.split-copy { padding:110px 8vw 90px 6vw; align-self:center; }
.split-copy p { color:#bbb6ad; max-width:620px; }
.pull-quote { font-family:var(--serif); font-size:24px; line-height:1.35; color:#fff !important; border-left:1px solid var(--gold); padding-left:20px; margin:32px 0 !important; }
.profit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; background:rgba(214,165,58,.22); margin-top:36px; }
.profit-grid span { background:#0c0c0c; padding:16px 10px; text-transform:uppercase; font-size:11px; text-align:center; letter-spacing:.15em; color:#d8d3c9; }

.section-cream { background:var(--cream); color:#111; }
.eyebrow.dark { color:#8f681a; }
.blueprint-wrap { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:end; max-width:1250px; margin:0 auto; }
.blueprint-copy { font-size:17px; color:#46423d; }
.blueprint-copy .btn { margin-top:18px; }
.blueprint-banner { max-width:1250px; margin:72px auto 0; padding:22px 0; border-top:1px solid rgba(0,0,0,.18); border-bottom:1px solid rgba(0,0,0,.18); display:flex; justify-content:space-between; gap:32px; font-size:11px; letter-spacing:.18em; }

.founder-section { background:#070707; display:grid; grid-template-columns:1fr .82fr; gap:8vw; align-items:center; }
.founder-copy { max-width:680px; margin-left:auto; }
.founder-copy p { color:#bdb7ae; }
.founder-title { color:var(--gold-light) !important; text-transform:uppercase; letter-spacing:.16em; font-size:11px; margin-top:10px; }
.founder-signoff { margin-top:32px; padding-top:24px; border-top:1px solid rgba(214,165,58,.25); display:flex; flex-direction:column; gap:6px; }
.founder-signoff strong { font-family:var(--serif); font-size:23px; font-weight:400; }
.founder-signoff span { color:var(--gold-light); font-size:12px; letter-spacing:.13em; text-transform:uppercase; }
.founder-image { position:relative; max-width:560px; }
.founder-image::before { content:''; position:absolute; inset:-14px 14px 14px -14px; border:1px solid rgba(214,165,58,.45); }
.founder-image img { position:relative; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:center 22%; filter:saturate(.92) contrast(1.03); }

.join-section { background:linear-gradient(135deg,#100f0c,#050505); text-align:center; }
.join-card { max-width:880px; margin:0 auto; padding:70px 40px; border:1px solid rgba(214,165,58,.28); background:rgba(0,0,0,.26); }
.join-card p { max-width:670px; margin:28px auto; color:#bbb6ad; }
.join-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin:34px auto 18px; }
.join-card small { display:block; color:#7e7a73; }

.site-footer { min-height:170px; background:#020202; border-top:1px solid rgba(214,165,58,.16); padding:35px 6vw; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; }
.site-footer img { width:76px; }
.site-footer div { display:flex; flex-direction:column; }
.site-footer strong { font-family:var(--serif); font-weight:400; font-size:20px; }
.site-footer span, .site-footer p { color:#77736c; font-size:12px; }
.site-footer p { text-align:right; }

.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 980px) {
  .site-nav { position:fixed; inset:88px 0 auto 0; background:#050505; display:none; flex-direction:column; padding:28px; border-top:1px solid rgba(214,165,58,.16); }
  .site-nav.open { display:flex; }
  .menu-toggle { display:block; }
  .philosophy-steps, .blueprint-wrap, .founder-section, .split-section { grid-template-columns:1fr; }
  .step-card { border-right:0; border-bottom:1px solid rgba(214,165,58,.15); }
  .split-media { min-height:620px; }
  .split-media::after { background:linear-gradient(0deg,#0c0c0c 0%,transparent 26%); }
  .split-copy { padding:70px 7vw 95px; }
  .founder-copy { margin:0; order:2; }
  .founder-image { max-width:620px; margin:0 auto; order:1; }
  .founder-section { gap:70px; }
  .site-footer { grid-template-columns:1fr; text-align:center; }
  .site-footer img { margin:0 auto; }
  .site-footer p { text-align:center; }
}

@media (max-width: 640px) {
  .site-header { height:74px; padding:0 20px; }
  .brand img { width:50px; height:50px; }
  .site-nav { top:74px; }
  .hero { padding-top:110px; }
  .hero-logo { width:170px; }
  .hero-copy { font-size:16px; }
  .section { padding:88px 22px; }
  .section-heading { margin-bottom:50px; }
  .step-card { padding:28px 8px 28px; }
  .profit-grid { grid-template-columns:repeat(2,1fr); }
  .split-media { min-height:520px; }
  .split-copy { padding:60px 22px 80px; }
  .blueprint-banner { display:grid; grid-template-columns:1fr 1fr; gap:16px; text-align:center; }
  .join-card { padding:50px 20px; }
  .join-actions { flex-direction:column; align-items:center; }
  .join-actions .btn { width:100%; max-width:320px; }
  .hero-actions .btn { width:100%; max-width:320px; }
  .hero-footnote { max-width:270px; margin-left:auto; margin-right:auto; line-height:1.8; }
}

/* VERSION 2 — ORYGN collaboration + Lukerative Collection */
.orygn-section {
  background:
    radial-gradient(circle at 15% 50%, rgba(214,165,58,.10), transparent 32%),
    linear-gradient(135deg,#050505 0%,#0b0b0b 60%,#12100b 100%);
  border-top:1px solid rgba(214,165,58,.15);
  border-bottom:1px solid rgba(214,165,58,.15);
}
.orygn-shell { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:.82fr 1.18fr; gap:8vw; align-items:center; }
.orygn-mark { min-height:520px; border:1px solid rgba(214,165,58,.32); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; position:relative; padding:55px 30px; }
.orygn-mark::before,.orygn-mark::after { content:''; position:absolute; width:58px; height:58px; }
.orygn-mark::before { left:-1px; top:-1px; border-left:2px solid var(--gold-light); border-top:2px solid var(--gold-light); }
.orygn-mark::after { right:-1px; bottom:-1px; border-right:2px solid var(--gold-light); border-bottom:2px solid var(--gold-light); }
.orygn-mark span { font-family:var(--serif); font-size:clamp(48px,6vw,82px); letter-spacing:.08em; }
.orygn-mark i { color:var(--gold-light); font-family:var(--serif); font-size:38px; font-style:normal; margin:20px 0; }
.orygn-mark strong { font-size:13px; letter-spacing:.25em; line-height:1.7; font-weight:500; }
.orygn-copy h2 { font-size:clamp(46px,5.5vw,78px); }
.orygn-copy p:not(.eyebrow) { color:#bdb7ae; max-width:690px; }
.orygn-copy p strong { color:#f5f2eb; font-weight:600; }
.orygn-copy .btn { margin-top:20px; }
.coming-note { display:block; color:#77736c; margin-top:12px; font-size:11px; letter-spacing:.05em; }

.collection-section { background:var(--cream); color:#111; }
.collection-heading { max-width:1250px; margin:0 auto 65px; display:grid; grid-template-columns:1.15fr .85fr; gap:8vw; align-items:end; }
.collection-heading p:not(.eyebrow) { color:#56514a; font-size:17px; max-width:520px; }
.text-link { display:inline-flex; gap:10px; margin-top:14px; padding-bottom:4px; border-bottom:1px solid #111; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:700; }
.text-link span { color:#8f681a; }
.collection-grid { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { margin:0; }
.product-visual { aspect-ratio:4/5; background:#0a0a0a; display:grid; place-items:center; position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.12); }
.product-visual::before { content:''; position:absolute; width:70%; aspect-ratio:1; border:1px solid rgba(214,165,58,.22); border-radius:50%; }
.product-visual::after { content:''; position:absolute; inset:22px; border:1px solid rgba(255,255,255,.06); }
.product-visual span { color:var(--gold-light); font-family:var(--serif); font-size:clamp(28px,3vw,46px); letter-spacing:.12em; z-index:1; text-align:center; }
.product-hoodie { background:linear-gradient(145deg,#171717,#050505); }
.product-cap { background:linear-gradient(145deg,#0c0c0c,#1a1710); }
.product-meta { display:flex; justify-content:space-between; gap:16px; padding-top:18px; align-items:flex-start; }
.product-meta h3 { font-family:var(--serif); font-size:24px; font-weight:400; margin:0 0 3px; }
.product-meta p { margin:0; color:#6b655d; font-size:13px; }
.product-meta > span { white-space:nowrap; font-size:9px; letter-spacing:.15em; color:#8f681a; border:1px solid rgba(143,104,26,.35); padding:6px 8px; }
.collection-note { max-width:1250px; margin:48px auto 0; padding-top:22px; border-top:1px solid rgba(0,0,0,.14); color:#6b655d; font-size:13px; }

@media (max-width:980px) {
  .orygn-shell,.collection-heading { grid-template-columns:1fr; }
  .orygn-mark { min-height:390px; }
  .collection-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  .orygn-mark { min-height:320px; }
  .collection-grid { grid-template-columns:1fr; gap:42px; }
  .product-meta { flex-direction:column; }
}

/* ORYGN x TLL collaboration artwork */
.orygn-image-frame { padding:0; min-height:0; background:#000; overflow:hidden; }
.orygn-image-frame img { display:block; width:100%; height:auto; object-fit:contain; }


/* VERSION 3 — multi-page brand experience */
.inner-header { background:rgba(3,3,3,.96); }
.inner-page { padding-top:88px; }
.page-hero { min-height:72vh; display:flex; align-items:center; padding:110px 7vw 90px; position:relative; overflow:hidden; border-bottom:1px solid rgba(214,165,58,.18); }
.page-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 72% 35%, rgba(214,165,58,.16), transparent 32%), linear-gradient(135deg,#050505,#0b0a08 68%,#161006); }
.page-hero-copy { max-width:900px; position:relative; z-index:1; }
.page-hero h1 { font-family:var(--serif); font-weight:400; font-size:clamp(58px,8vw,118px); line-height:.92; letter-spacing:-.025em; margin:18px 0 30px; }
.page-hero h1 span { color:var(--gold-light); }
.page-hero-copy > p:not(.eyebrow) { max-width:690px; color:#bdb7ae; font-size:18px; }
.page-hero-about::after { content:''; position:absolute; right:-6vw; bottom:-20%; width:54vw; aspect-ratio:1; border:1px solid rgba(214,165,58,.12); border-radius:50%; }
.blueprint-page-hero::before { background:radial-gradient(circle at 80% 45%, rgba(214,165,58,.2), transparent 34%), linear-gradient(145deg,#020202,#11100c 75%,#1b1406); }
.collection-page-hero::before { background:radial-gradient(circle at 75% 35%, rgba(214,165,58,.22), transparent 30%), linear-gradient(145deg,#030303,#0d0c09 68%,#171006); }
.inner-two-col { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:.85fr 1.15fr; gap:9vw; align-items:start; }
.prose p { color:#bdb7ae; font-size:17px; }
.manifesto-band { text-align:center; background:linear-gradient(135deg,#0d0b08,#030303); border-top:1px solid rgba(214,165,58,.16); }
.manifesto-band h2 { max-width:1000px; margin:12px auto 34px; }
.blueprint-pillars { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(0,0,0,.16); border-bottom:1px solid rgba(0,0,0,.16); }
.blueprint-pillars article { padding:38px 28px; border-right:1px solid rgba(0,0,0,.13); }
.blueprint-pillars article:last-child { border-right:0; }
.blueprint-pillars span { font-size:11px; letter-spacing:.16em; color:#8f681a; }
.blueprint-pillars h3 { font-family:var(--serif); font-size:34px; font-weight:400; margin:20px 0 12px; }
.blueprint-pillars p { color:#5d574f; margin:0; }
.launch-card { max-width:900px; margin:80px auto 0; padding:54px; text-align:center; border:1px solid rgba(0,0,0,.14); }
.launch-card h2 { font-size:clamp(42px,5vw,66px); }
.launch-card p:not(.eyebrow) { color:#5d574f; max-width:640px; margin:0 auto 28px; }
@media (max-width:980px) { .inner-two-col { grid-template-columns:1fr; } .blueprint-pillars { grid-template-columns:1fr 1fr; } .blueprint-pillars article:nth-child(2) { border-right:0; } .blueprint-pillars article { border-bottom:1px solid rgba(0,0,0,.13); } }
@media (max-width:640px) { .inner-page { padding-top:74px; } .page-hero { min-height:64vh; padding:90px 22px 70px; } .page-hero-copy > p:not(.eyebrow) { font-size:16px; } .blueprint-pillars { grid-template-columns:1fr; } .blueprint-pillars article { border-right:0; } .launch-card { padding:38px 22px; } }

/* COLLECTION PAGE — DROP 001 EDITORIAL PRESENTATION */
.collection-page-hero { min-height:690px; min-height:min(790px, calc(100vh - 88px)); padding-right:6vw; display:grid; grid-template-columns:1.1fr .9fr; gap:3vw; align-items:center; }
.collection-hero::before { background:radial-gradient(ellipse at 78% 45%,rgba(214,165,58,.17),transparent 34%),linear-gradient(115deg,#030303 0%,#090908 55%,#171208 100%); }
.collection-hero .page-hero-copy { max-width:760px; }
.collection-hero .page-hero-copy > p:not(.eyebrow) { max-width:620px; }
.collection-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.collection-hero-foot { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:48px; padding-top:18px; border-top:1px solid rgba(214,165,58,.24); color:#89847b; font-size:9px; letter-spacing:.18em; }
.collection-hero-art { position:relative; min-height:440px; display:grid; place-items:center; overflow:hidden; }
.hero-art-ring { position:absolute; width:min(35vw,440px); aspect-ratio:1; border:1px solid rgba(214,165,58,.23); border-radius:50%; box-shadow:0 0 0 38px rgba(214,165,58,.018),0 0 0 76px rgba(214,165,58,.015); }
.hero-art-shirt { width:clamp(220px,25vw,330px); height:340px; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:var(--gold-light); background:linear-gradient(130deg,#292825 0%,#10100f 48%,#060606 100%); clip-path:polygon(24% 4%,38% 0,43% 8%,57% 8%,62% 0,76% 4%,100% 23%,84% 39%,73% 31%,77% 100%,23% 100%,27% 31%,16% 39%,0 23%); filter:drop-shadow(0 22px 24px rgba(0,0,0,.4)); z-index:1; }
.hero-art-shirt span { font-family:var(--serif); font-size:44px; letter-spacing:.12em; }
.hero-art-shirt small { font-size:7px; letter-spacing:.2em; text-align:center; }
.hero-art-caption { position:absolute; right:0; bottom:16px; display:flex; flex-direction:column; align-items:flex-end; gap:5px; color:#a19b8e; font-size:9px; letter-spacing:.2em; }
.hero-art-caption strong { color:var(--gold-light); font-size:10px; font-weight:500; }
.collection-intro { padding-top:100px; padding-bottom:100px; }
.collection-heading { margin-bottom:54px; }
.collection-heading h2 { font-family:var(--serif); font-weight:400; font-size:clamp(44px,5.5vw,74px); line-height:.98; letter-spacing:-.025em; margin:0; }
.collection-heading h2 span,.collection-manifesto h2 span { color:#98701f; }
.collection-small-note { margin-top:20px; padding-left:15px; border-left:1px solid #b28a35; color:#777067!important; font-size:12px!important; }
.collection-products { max-width:1250px; margin:0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.collection-product { min-width:0; }
.garment-stage { aspect-ratio:1.04/1; min-height:330px; position:relative; overflow:hidden; display:grid; place-items:center; background:#e4dfd4; }
.garment-stage::before { content:''; position:absolute; width:68%; aspect-ratio:1; border:1px solid rgba(143,104,26,.19); border-radius:50%; }
.garment-stage::after { content:''; position:absolute; inset:16px; border:1px solid rgba(0,0,0,.08); pointer-events:none; }
.garment-stage-tee { background:radial-gradient(ellipse at 50% 42%,#f7f3eb 0%,#e7e0d4 60%,#d6cebf 100%); }
.garment-stage-hoodie { background:radial-gradient(ellipse at 50% 42%,#e4dfd5 0%,#d1c9bc 65%,#c2b8a7 100%); }
.stage-index,.stage-caption { position:absolute; z-index:2; color:#756b5b; font-size:9px; letter-spacing:.16em; }
.stage-index { top:24px; left:24px; }
.stage-caption { bottom:23px; right:24px; }
.garment { position:relative; z-index:1; width:45%; height:70%; filter:drop-shadow(0 22px 15px rgba(0,0,0,.18)); }
.garment-tee { background:linear-gradient(120deg,#242424,#080808 68%,#171717); clip-path:polygon(23% 5%,37% 0,43% 7%,57% 7%,63% 0,77% 5%,100% 23%,84% 39%,73% 31%,77% 100%,23% 100%,27% 31%,16% 39%,0 23%); }
.garment-hoodie { width:48%; height:73%; background:linear-gradient(120deg,#262626,#080808 62%,#1a1a1a); clip-path:polygon(27% 7%,35% 1%,65% 1%,73% 7%,93% 16%,100% 39%,83% 44%,77% 29%,79% 100%,21% 100%,23% 29%,17% 44%,0 39%,7% 16%); }
.garment-mark { position:absolute; top:34%; left:0; width:100%; text-align:center; color:var(--gold-light); font-family:var(--serif); font-size:clamp(19px,2.4vw,30px); letter-spacing:.12em; }
.garment-detail { position:absolute; top:47%; left:0; width:100%; text-align:center; color:#d8c18c; font-size:5px; line-height:1.6; letter-spacing:.15em; }
.hoodie-pocket { position:absolute; left:25%; right:25%; bottom:18%; height:15%; border:1px solid rgba(255,255,255,.1); border-radius:0 0 8px 8px; }
.garment-hoodie .garment-mark { top:34%; font-size:25px; }
.hoodie-sleeve-mark { position:absolute; top:52%; right:2%; color:#d6a53a; font-size:5px; letter-spacing:.1em; transform:rotate(90deg); }
.collection-product-info { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:22px 2px 0; }
.product-kicker { margin:0 0 8px; color:#8f681a; font-size:9px; letter-spacing:.18em; font-weight:700; }
.collection-product-info h3 { margin:0 0 7px; font-family:var(--serif); font-size:clamp(25px,3vw,34px); font-weight:400; }
.collection-product-info p:not(.product-kicker) { max-width:390px; margin:0; color:#625c53; font-size:13px; }
.product-status { flex-shrink:0; margin-top:3px; padding:7px 9px; border:1px solid rgba(143,104,26,.3); color:#80601f; font-size:8px; letter-spacing:.14em; }
.collection-manifesto { max-width:1250px; margin:100px auto 0; padding:60px 8%; display:grid; grid-template-columns:90px 1fr; gap:24px; align-items:start; background:#e8e2d7; border:1px solid rgba(0,0,0,.09); }
.manifesto-symbol { color:#b28a35; font-family:var(--serif); font-size:110px; line-height:.8; }
.collection-manifesto h2 { margin:0 0 22px; font-family:var(--serif); font-size:clamp(35px,4.8vw,60px); font-weight:400; line-height:1.02; }
.collection-manifesto > div > p:not(.eyebrow) { max-width:690px; margin:0; color:#5d574f; }
.collection-launch-section { padding:105px 7vw; background:radial-gradient(ellipse at 50% 0%,rgba(214,165,58,.11),transparent 45%),#070707; text-align:center; border-top:1px solid rgba(214,165,58,.17); }
.collection-launch-inner { max-width:760px; margin:0 auto; }
.collection-launch-inner h2 { margin:0; font-family:var(--serif); font-size:clamp(48px,6vw,78px); font-weight:400; line-height:1; }
.collection-launch-inner > p:not(.eyebrow) { max-width:620px; margin:24px auto 30px; color:#bdb7ae; }
.collection-launch-foot { display:block; margin-top:35px; color:#81796a; font-size:9px; letter-spacing:.2em; }
@media (max-width:980px) { .collection-page-hero { grid-template-columns:1fr .7fr; gap:0; } .collection-hero-art { min-height:360px; } .hero-art-shirt { height:290px; } .collection-manifesto { padding:48px 6%; grid-template-columns:65px 1fr; } }
@media (max-width:700px) { .collection-page-hero { display:block; min-height:0; padding:115px 22px 50px; } .collection-hero .page-hero-copy { max-width:none; } .collection-hero-art { min-height:310px; margin-top:24px; } .hero-art-ring { width:260px; } .hero-art-shirt { width:210px; height:270px; } .hero-art-caption { right:5px; bottom:4px; } .collection-hero-foot { margin-top:34px; } .collection-intro { padding:72px 22px; } .collection-heading { gap:24px; margin-bottom:38px; } .collection-products { grid-template-columns:1fr; gap:48px; } .garment-stage { min-height:0; } .garment { width:47%; } .collection-product-info { gap:12px; } .product-status { font-size:7px; } .collection-manifesto { margin-top:66px; padding:38px 24px; grid-template-columns:1fr; gap:10px; } .manifesto-symbol { font-size:74px; } .collection-launch-section { padding:80px 22px; } }


/* Accessibility: respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


/* VERSION 3.6 — BLUEPRINT: THE WORK OF BECOMING */
.blueprint-hero-link { margin-top:24px; }
.blueprint-invitation .inner-two-col { align-items:center; }
.blueprint-accent-line { color:var(--gold-light) !important; font-weight:600; }
.blueprint-core .section-heading, .blueprint-reflection .section-heading { max-width:1060px; }
.blueprint-core .section h2, .blueprint-reflection .section h2 { line-height:1.06; }
.blueprint-core .section-heading h2 span, .blueprint-reflection .section-heading h2 span { color:#9a741f; }
.blueprint-dark-intro { max-width:690px; margin:28px auto 0; font-size:17px; color:#514c45; }
.blueprint-three-pillars { grid-template-columns:repeat(3,1fr); }
.blueprint-three-pillars article:nth-child(2) { border-right:1px solid rgba(0,0,0,.13); }
.blueprint-three-pillars article { padding:42px 34px; }
.blueprint-pillar-note { text-align:center; max-width:750px; margin:48px auto 0; color:#514c45; font-family:var(--serif); font-size:clamp(23px,2.5vw,32px); line-height:1.35; }
.blueprint-faith { background:radial-gradient(ellipse at 50% 0%,rgba(214,165,58,.12),transparent 55%),#080808; text-align:center; border-top:1px solid rgba(214,165,58,.17); border-bottom:1px solid rgba(214,165,58,.17); }
.blueprint-faith-inner { max-width:940px; margin:0 auto; }
.blueprint-faith-rule { height:1px; background:linear-gradient(90deg,transparent,rgba(214,165,58,.65),transparent); max-width:340px; margin:36px auto 48px; position:relative; }
.blueprint-faith-rule span { width:7px; height:7px; background:var(--gold-light); border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.blueprint-scripture { font-size:clamp(28px,3.4vw,48px) !important; line-height:1.28 !important; font-style:italic; letter-spacing:-.015em !important; }
.blueprint-reference { color:var(--gold-light); font-size:12px; letter-spacing:.24em; font-weight:700; margin:36px 0 24px; }
.blueprint-faith-note { color:#bcb6ab; max-width:610px; margin:0 auto; font-size:16px; }
.blueprint-questions { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.blueprint-questions article { border-top:1px solid rgba(0,0,0,.24); padding:28px 14px 0 0; }
.blueprint-questions span { color:#906c22; letter-spacing:.16em; font-size:11px; }
.blueprint-questions h3 { font:400 36px/1.2 var(--serif); margin:18px 0; }
.blueprint-questions p { color:#514c45; font-size:16px; }
.blueprint-reflection-footer { margin:60px auto 0; max-width:750px; text-align:center; font:400 clamp(22px,2.3vw,30px)/1.35 var(--serif); }
.blueprint-future { border-top:1px solid rgba(214,165,58,.17); }
.blueprint-future .btn { margin-top:15px; }
@media(max-width:980px) { .blueprint-three-pillars { grid-template-columns:1fr; } .blueprint-three-pillars article, .blueprint-three-pillars article:nth-child(2) { border-right:0; border-bottom:1px solid rgba(0,0,0,.13); } .blueprint-questions { grid-template-columns:1fr; gap:32px; } }
@media(max-width:640px) { .blueprint-scripture { font-size:28px !important; } .blueprint-three-pillars article { padding:28px 14px; } .blueprint-questions h3 { font-size:31px; } .blueprint-faith-rule { margin:28px auto 36px; } }


/* VERSION 3.7 — A NOTE FROM THE FOUNDER */
.founder-note-section { background:radial-gradient(ellipse at 50% 0%,rgba(214,165,58,.095),transparent 58%),#0b0a08; text-align:center; border-top:1px solid rgba(214,165,58,.14); }
.founder-note-inner { max-width:900px; margin:0 auto; }
.founder-note-rule { height:1px; max-width:280px; margin:28px auto 40px; background:linear-gradient(90deg,transparent,rgba(214,165,58,.65),transparent); position:relative; }
.founder-note-rule span { position:absolute; top:50%; left:50%; width:6px; height:6px; background:var(--gold-light); border-radius:50%; transform:translate(-50%,-50%); }
.founder-note-inner h2 { font:400 clamp(34px,4.3vw,60px)/1.08 var(--serif); margin:0 auto 34px; color:#f6f2e9; }
.founder-note-quote { margin:0 auto; padding:0; border:0; max-width:830px; color:#e9e0d0; font:italic 400 clamp(24px,3vw,40px)/1.38 var(--serif); }
.founder-note-outro { margin:36px auto 0; max-width:680px; color:#bbb3a7; font-size:16px; line-height:1.8; }
.founder-note-signature { margin:38px auto 0; color:var(--gold-light); font-family:var(--serif); font-size:25px; }
.founder-note-signature span { display:block; margin-top:5px; font-family:var(--sans); font-size:10px; text-transform:uppercase; letter-spacing:.17em; color:#aaa194; }
@media(max-width:640px) { .founder-note-inner h2 { margin-bottom:25px; } .founder-note-quote { font-size:26px; } .founder-note-outro { font-size:15px; } }

/* VERSION 3.8 — ORYGN × TLL: EDITORIAL COLLABORATION */
.orygn-page-hero { display:grid; grid-template-columns:1.1fr .9fr; gap:5vw; align-items:center; padding:155px 7vw 105px; background:radial-gradient(ellipse at 25% 30%,rgba(214,165,58,.10),transparent 55%),#070707; }
.orygn-page-hero .page-hero-copy { max-width:780px; }
.orygn-page-hero h1 { font-size:clamp(49px,5.5vw,86px); }
.orygn-page-hero h1 span { color:var(--gold-light); }
.orygn-hero-action { margin-top:22px; }
.orygn-page-art { border:1px solid rgba(214,165,58,.32); padding:16px; background:#030303; }
.orygn-page-art img { width:100%; height:auto; display:block; }
.orygn-principles-section { background:#ede8df; color:#171511; }
.orygn-principles-section .section-heading h2 { color:#171511; }
.orygn-principles-section .section-heading h2 span { color:#977026; }
.orygn-principles-section .section-intro { color:#59534b; }
.orygn-principles { display:grid; grid-template-columns:repeat(3,1fr); max-width:1220px; margin:64px auto 0; gap:22px; }
.orygn-principles article { padding:30px 25px; border-top:1px solid rgba(80,60,26,.4); }
.orygn-principles span { font-size:11px; letter-spacing:.16em; color:#8e6825; }
.orygn-principles h3 { font:400 clamp(28px,2.8vw,39px)/1.15 var(--serif); margin:20px 0 14px; }
.orygn-principles p { color:#5d564e; line-height:1.75; }
.orygn-discover-section { background:radial-gradient(ellipse at 50% 0%,rgba(214,165,58,.12),transparent 65%),#080808; text-align:center; border-top:1px solid rgba(214,165,58,.18); }
.orygn-discover-inner { max-width:790px; margin:auto; }
.orygn-discover-inner h2 { font:400 clamp(45px,5.7vw,80px)/1.1 var(--serif); margin:16px 0 24px; }
.orygn-discover-inner h2 span { color:var(--gold-light); }
.orygn-discover-inner p { color:#c9c0b4; line-height:1.85; max-width:680px; margin:0 auto 30px; }
.orygn-discover-inner small { display:block; max-width:600px; margin:22px auto 0; color:#a59b8e; font-size:12px; line-height:1.65; }
.orygn-return-section { background:#ede8df; color:#171511; text-align:center; }
.orygn-return-section h2 { font:400 clamp(46px,6vw,78px)/1.06 var(--serif); margin:12px 0 25px; }
.orygn-return-section h2 span { color:#977026; }
.orygn-return-section p { max-width:610px; margin:0 auto 28px; color:#5d564e; }
@media(max-width:900px) { .orygn-page-hero { grid-template-columns:1fr; padding-top:125px; } .orygn-page-art { max-width:560px; } .orygn-principles { grid-template-columns:1fr; gap:10px; } }
@media(max-width:600px) { .orygn-page-hero { padding:115px 22px 70px; } .orygn-principles { margin-top:35px; } .orygn-principles article { padding:24px 5px; } }

/* VERSION 3.10 — AUTHENTIC DROP 001 COMING SOON SHOWCASE */
.collection-products-live { align-items:start; }
.product-preview-gallery { position:relative; background:#0b0b0b; overflow:hidden; border:1px solid rgba(0,0,0,.09); }
.preview-label { position:absolute; z-index:2; top:18px; left:18px; font-size:10px; letter-spacing:.15em; color:#d8ba77; background:rgba(0,0,0,.74); padding:9px 12px; }
.product-main-photo { display:block; width:100%; height:clamp(330px,43vw,560px); object-fit:contain; object-position:center; background:#0b0b0b; }
.product-preview-thumbs { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:#27231d; }
.product-preview-thumbs figure { position:relative; margin:0; min-width:0; height:175px; background:#0b0b0b; overflow:hidden; }
.product-preview-thumbs figure img { width:100%; height:100%; object-fit:contain; display:block; }
.product-preview-thumbs .artwork-detail { background:#191713; }
.product-preview-thumbs .artwork-detail img { width:78%; height:72%; margin:5% auto; object-fit:contain; }
.product-preview-thumbs figcaption { position:absolute; bottom:9px; left:12px; font-size:9px; letter-spacing:.13em; color:#d5c8b2; }
.collection-price { display:block; margin-top:17px; color:#89651e; font-size:20px; font-weight:600; }
.collection-products-live .collection-product-info { flex-wrap:wrap; }
.collection-products-live .product-status { border-color:#98762f; color:#7b5c1c; font-weight:700; }
@media(max-width:700px){.product-main-photo{height:420px}.product-preview-thumbs figure{height:145px}.preview-label{font-size:9px}.collection-products-live .collection-product-info{gap:10px}}

/* Version 3.11: Hero features the actual Drop 001 Fourthwall previews. */
.collection-hero-products { isolation:isolate; display:flex; align-items:center; justify-content:center; gap:12px; padding:36px 10px 44px; }
.collection-hero-products .hero-art-ring { z-index:-1; pointer-events:none; }
.hero-product { margin:0; flex:0 1 49%; max-width:265px; min-width:0; padding:10px 10px 14px; border:1px solid rgba(214,165,58,.28); background:linear-gradient(155deg,#1d1a14,#0a0a0a); box-shadow:0 18px 35px rgba(0,0,0,.45); }
.hero-product-tee { transform:translateY(17px) rotate(-3deg); }
.hero-product-hoodie { transform:translateY(-12px) rotate(3deg); }
.hero-product img { width:100%; height:305px; object-fit:contain; display:block; background:#111; }
.hero-product figcaption { margin-top:10px; color:#e7c575; font-size:9px; font-weight:600; letter-spacing:.17em; text-align:center; }
.hero-drop-label { position:absolute; bottom:0; left:50%; transform:translateX(-50%); white-space:nowrap; color:#b5a47e; font-size:9px; letter-spacing:.22em; }
@media (max-width:980px) { .hero-product img { height:240px; } .collection-hero-products { gap:8px; } }
@media (max-width:700px) { .collection-hero-products { min-height:310px; padding:18px 8px 35px; } .hero-product { padding:7px 7px 10px; } .hero-product img { height:230px; } .hero-product figcaption { font-size:7px; letter-spacing:.1em; } }
@media (max-width:380px) { .hero-product img { height:190px; } }

/* Version 3.12: align homepage previews with the approved two-piece launch. */
.site-header { background:rgba(3,3,3,.97); border-bottom:1px solid rgba(214,165,58,.18); }
.collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.product-photo::before,.product-photo::after { display:none; }
.product-photo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; background:#0a0a0a; }
@media (max-width:640px) { .collection-grid { grid-template-columns:1fr; } }
@media (min-width:981px) and (max-width:1350px) { .site-header { padding:0 3vw; } .site-nav { gap:16px; font-size:11px; } .nav-cta { padding:9px 11px; } }

/* v3.17: Stable ORYGN hero layering and responsive artwork. */
.orygn-page-hero { isolation:isolate; }
.orygn-page-hero::before { z-index:0; pointer-events:none; }
.orygn-page-hero > .page-hero-copy { position:relative; z-index:2; min-width:0; }
.orygn-page-hero > .orygn-page-art {
  position:relative; z-index:2; display:block; width:100%; min-width:0;
  max-width:560px; margin:0 auto; opacity:1; visibility:visible;
  transform:none; align-self:center; overflow:visible;
  border:1px solid rgba(214,165,58,.32); padding:12px; background:#030303;
}
.orygn-page-hero > .orygn-page-art img {
  display:block; width:100%; height:auto; max-width:100%; object-fit:contain;
  opacity:1; visibility:visible;
}
@media(max-width:900px) {
  .orygn-page-hero > .orygn-page-art { margin:28px auto 0; }
}
@media(max-width:600px) {
  .orygn-page-hero > .orygn-page-art { padding:8px; margin-top:24px; }
}


/* v3.18 — ORYGN artwork: keep the hero's decorative overlay BEHIND
   the actual content, without allowing artwork to cover the navigation. */
.orygn-page-hero {
  position: relative;
  isolation: isolate;
}
.orygn-page-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.orygn-page-hero > .page-hero-copy,
.orygn-page-hero > .orygn-page-art {
  position: relative;
  z-index: 10;
}
.orygn-page-hero > .orygn-page-art {
  opacity: 1;
  visibility: visible;
}
.orygn-page-hero > .orygn-page-art img {
  display: block;
  width: 100%;
  height: auto;
}

/* v3.19: Use the EXACT stacking value confirmed in Edge DevTools.
   Keep fixed navigation above the artwork, including the mobile menu. */
.orygn-page-hero > .orygn-page-art {
  position: relative !important;
  z-index: 9999 !important;
}
.site-header { z-index: 20000; }
.skip-link { z-index: 20001; }