@font-face { font-family: "Instrument Serif"; src: url("/fonts/instrument-serif-latin-400-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-400-normal.woff2") format("woff2"); font-display: swap; font-weight: 400; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-500-normal.woff2") format("woff2"); font-display: swap; font-weight: 500; }
:root { --cream:#f2eee5; --ink:#161a17; --tawny:#7a3f1d; --gold:#c79b39; }
* { box-sizing:border-box; }
html { background:var(--cream); }
body { margin:0; color:var(--ink); background:var(--cream); font-family:"Inter", Arial, sans-serif; }
.splash-page { position:relative; width:100%; min-height:100svh; overflow:hidden; background:#c6a574; }
.splash-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.splash-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,19,37,.42),transparent 34%); pointer-events:none; }
.splash-action { position:absolute; left:50%; bottom:clamp(28px,5vh,58px); transform:translateX(-50%); width:min(520px,calc(100% - 40px)); padding:18px 22px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:6px 20px; color:white; border:1px solid rgba(255,255,255,.78); background:rgba(10,19,37,.28); backdrop-filter:blur(8px); }
.splash-action span:first-child { grid-column:1 / -1; text-transform:uppercase; letter-spacing:.18em; font-size:9px; }
.splash-action strong { font-family:"Instrument Serif",Georgia,serif; font-size:clamp(24px,3vw,36px); font-weight:400; }
.splash-action span:last-child { font-size:20px; }
.splash-action:hover { color:var(--ink); background:var(--cream); }
.splash-mobile-brand { display:none; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; height:92px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 42px; color:white; mix-blend-mode:difference; }
.wordmark { font-family:"Instrument Serif", Georgia, serif; font-size:clamp(2rem,3vw,3.25rem); letter-spacing:-.04em; line-height:1; }
.brand-mark { display:grid; place-items:center; width:126px; height:86px; }
.brand-mark img { display:block; width:118px; height:80px; object-fit:contain; filter:invert(1); }
.menu { width:38px; height:38px; padding:10px 0; border:0; color:inherit; background:transparent; cursor:pointer; }
.menu span { display:block; width:24px; height:1px; margin:6px 0; background:currentColor; }
.bag { justify-self:end; text-transform:uppercase; font-size:11px; letter-spacing:.14em; }
.bag span { display:inline-grid; place-items:center; width:18px; height:18px; margin-left:5px; border:1px solid currentColor; border-radius:50%; font-size:9px; }
.hero { position:relative; min-height:100svh; background:#d8c8ac; overflow:hidden; }
.hero-image { position:absolute; inset:0; display:block; }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center 36%; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.hero-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,18,12,.42) 0%,rgba(18,18,12,.08) 46%,rgba(18,18,12,.02) 70%),linear-gradient(0deg,rgba(16,18,13,.42),transparent 44%); }
.hero-image:hover img { transform:scale(1.018); }
.hero-copy { position:absolute; z-index:2; left:clamp(28px,6vw,96px); bottom:clamp(54px,9vh,110px); width:min(520px,74vw); color:white; }
.eyebrow { margin:0 0 16px; text-transform:uppercase; letter-spacing:.18em; font-size:11px; font-weight:500; }
h1 { margin:0; max-width:500px; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(4rem,8.7vw,8.7rem); font-weight:400; line-height:.77; letter-spacing:-.055em; }
.dek { max-width:430px; margin:28px 0 26px; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(18px,1.5vw,24px); line-height:1.25; }
.shop-link { display:inline-flex; gap:26px; align-items:center; border-bottom:1px solid currentColor; padding:0 0 8px; text-transform:uppercase; letter-spacing:.14em; font-size:11px; }
.shop-link span { font-size:16px; }
.scroll-note { position:absolute; z-index:2; right:42px; bottom:42px; color:white; font-size:10px; letter-spacing:.18em; }
.nav-menu { justify-self:start; position:relative; }
.nav-menu summary { list-style:none; width:38px; height:38px; padding:10px 0; cursor:pointer; }
.nav-menu summary::-webkit-details-marker { display:none; }
.nav-menu summary span { display:block; width:24px; height:1px; margin:6px 0; background:currentColor; transition:.25s; }
.nav-menu[open] summary span:first-child { transform:translateY(3.5px) rotate(45deg); }
.nav-menu[open] summary span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
.nav-menu nav { position:absolute; top:48px; left:-18px; width:320px; padding:30px; display:flex; flex-direction:column; gap:18px; color:var(--ink); background:rgba(242,238,229,.96); box-shadow:0 18px 50px rgba(0,0,0,.13); backdrop-filter:blur(12px); }
.nav-menu nav a { font-family:"Instrument Serif",Georgia,serif; font-size:28px; line-height:1; }
.nav-menu nav p { margin:18px 0 0; padding-top:18px; border-top:1px solid rgba(22,26,23,.2); font-size:10px; line-height:1.6; text-transform:uppercase; letter-spacing:.12em; }
.header-light { position:relative; color:var(--ink); mix-blend-mode:normal; border-bottom:1px solid rgba(22,26,23,.16); }
.header-light .brand-mark img { filter:none; }
.intro { padding:150px max(6vw,28px) 110px; display:grid; grid-template-columns:1fr 2fr 1fr; align-items:end; gap:40px; }
.section-kicker { margin:0; text-transform:uppercase; letter-spacing:.17em; font-size:10px; font-weight:500; }
.intro h2,.promise h2,.next-piece h2 { margin:0; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(4rem,8.2vw,8.6rem); font-weight:400; letter-spacing:-.055em; line-height:.82; }
.intro>p:last-child { margin:0; max-width:260px; font-family:"Instrument Serif",Georgia,serif; font-size:21px; line-height:1.25; }
.drop-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ink); }
.piece { background:var(--cream); }
.piece-1 { grid-column:1 / -1; }
.piece-image { overflow:hidden; background:#ded7c9; aspect-ratio:1 / .72; }
.piece-1 .piece-image { aspect-ratio:2 / 1.14; }
.piece-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.piece:hover .piece-image img { transform:scale(1.018); }
.piece-meta { min-height:66px; padding:19px 22px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:16px; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.piece-meta span:nth-child(2) { color:#6f716c; }
.campaign-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ink); }
.campaign-look { position:relative; min-height:100svh; overflow:hidden; background:#d8d0c4; }
.campaign-look img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.campaign-look::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,15,12,.38),transparent 42%); }
.campaign-look:hover img { transform:scale(1.018); }
.campaign-look>div { position:absolute; z-index:1; left:30px; right:30px; bottom:28px; display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:20px; color:white; text-transform:uppercase; letter-spacing:.13em; font-size:9px; }
.campaign-look strong { font-family:"Instrument Serif",Georgia,serif; font-size:clamp(2rem,4vw,4.6rem); line-height:.86; font-weight:400; text-align:center; text-transform:none; letter-spacing:-.04em; }
.campaign-look>div span:last-child { justify-self:end; }
.campaign-wide { grid-column:1 / -1; }
.campaign-wide img { object-position:center 39%; }
.robin-look img,.robin-product img { object-position:center 38%; }
.coming-button:disabled { cursor:default; color:var(--cream); background:#596068; border-color:#596068; opacity:1; }
.editorial-break { min-height:92svh; display:grid; grid-template-columns:3fr 2fr; background:#b9a88e; }
.editorial-break>img { width:100%; height:100%; object-fit:cover; object-position:center; }
.editorial-break>div { padding:10vw 7vw; display:flex; flex-direction:column; justify-content:center; color:#fff; background:var(--tawny); }
.editorial-break blockquote { margin:30px 0; font-family:"Instrument Serif",Georgia,serif; font-size:clamp(3.2rem,6vw,6.5rem); line-height:.88; letter-spacing:-.05em; }
.editorial-break>div>p:last-child { max-width:390px; font-family:"Instrument Serif",Georgia,serif; font-size:21px; line-height:1.3; }
.promise { padding:150px max(6vw,28px); color:var(--cream); background:#112b36; }
.promise h2 { margin:36px 0 74px; }
.promise-copy { margin-left:34%; display:grid; grid-template-columns:1fr 1fr; gap:8vw; max-width:850px; }
.promise-copy p { margin:0; font-family:"Instrument Serif",Georgia,serif; font-size:22px; line-height:1.35; }
footer { position:relative; padding:100px 6vw 38px; display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:50px; min-height:450px; background:var(--cream); }
.footer-brand { font-family:"Instrument Serif",Georgia,serif; font-size:clamp(3rem,5vw,6rem); letter-spacing:-.04em; }
footer>div:not(.footer-brand) { display:flex; flex-direction:column; gap:10px; font-size:12px; }
.footer-label { margin:0 0 16px; text-transform:uppercase; font-size:9px; letter-spacing:.16em; color:#77766e; }
.footer-signoff img { width:90px; height:72px; object-fit:cover; object-position:right; margin-bottom:12px; }
.footer-signoff p { margin:0; font-family:"Instrument Serif",Georgia,serif; font-size:21px; line-height:1.08; }
.copyright { position:absolute; left:6vw; bottom:28px; margin:0; text-transform:uppercase; font-size:9px; letter-spacing:.14em; color:#77766e; }

.breadcrumb { height:52px; display:flex; align-items:center; gap:10px; padding:0 42px; border-bottom:1px solid rgba(22,26,23,.16); text-transform:uppercase; font-size:9px; letter-spacing:.12em; }
.product-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(360px,.75fr); align-items:start; }
.product-gallery { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ink); }
.product-shot { margin:0; aspect-ratio:1 / 1.12; background:#e7e0d4; overflow:hidden; }
.product-shot.lifestyle { grid-column:1 / -1; aspect-ratio:1.6 / 1; }
.product-shot img { width:100%; height:100%; display:block; object-fit:cover; object-position:center 30%; }
.product-shot:nth-child(2) img,.product-shot:nth-child(3) img { object-position:center; }
.product-info { position:sticky; top:0; padding:70px 46px; min-height:100svh; background:var(--cream); }
.product-info h1 { margin:22px 0 8px; font-size:clamp(3.7rem,6vw,6.4rem); line-height:.83; color:var(--ink); }
.price { margin:0 0 38px; font-size:12px; }
.product-lede { max-width:410px; margin:0 0 42px; font-family:"Instrument Serif",Georgia,serif; font-size:21px; line-height:1.3; }
.color-line,.size-head { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid rgba(22,26,23,.18); text-transform:uppercase; font-size:9px; letter-spacing:.13em; }
.size-head button { border:0; border-bottom:1px solid currentColor; padding:0 0 2px; background:transparent; text-transform:uppercase; font:inherit; letter-spacing:inherit; cursor:pointer; }
.sizes { display:grid; grid-template-columns:repeat(6,1fr); margin-bottom:18px; }
.sizes button { height:46px; border:1px solid rgba(22,26,23,.22); border-right:0; background:transparent; font-size:10px; cursor:pointer; }
.sizes button:last-child { border-right:1px solid rgba(22,26,23,.22); }
.sizes button[aria-pressed="true"] { color:var(--cream); background:var(--ink); }
.add-button { width:100%; height:58px; border:1px solid var(--ink); color:var(--cream); background:var(--ink); text-transform:uppercase; letter-spacing:.15em; font-size:10px; cursor:pointer; transition:.2s; }
.add-button:hover { color:var(--ink); background:transparent; }
.add-button.added { background:var(--tawny); border-color:var(--tawny); color:white; }
.preorder-status { margin:0 0 28px; color:var(--tawny); text-transform:uppercase; letter-spacing:.14em; font-size:10px; font-weight:600; }
.preorder-form { display:grid; gap:14px; margin:22px 0 30px; padding-top:22px; border-top:1px solid rgba(22,26,23,.18); }
.preorder-form label { display:grid; gap:7px; }
.preorder-form label span { text-transform:uppercase; letter-spacing:.13em; font-size:9px; }
.preorder-form input,.preorder-form select { width:100%; height:48px; padding:0 13px; border:1px solid rgba(22,26,23,.28); border-radius:0; color:var(--ink); background:transparent; font:inherit; }
.preorder-form>p { margin:0; color:#696a65; font-size:10px; line-height:1.5; }
.thanks-page { min-height:100svh; background:var(--cream); }
.thanks-page>section { min-height:calc(100svh - 88px); padding:12vh 8vw; display:flex; flex-direction:column; justify-content:center; }
.thanks-page h1 { margin:24px 0 34px; color:var(--ink); }
.thanks-page>section>p:not(.section-kicker) { max-width:470px; margin:0 0 30px; font-family:"Instrument Serif",Georgia,serif; font-size:22px; line-height:1.35; }
.product-detail { border-bottom:1px solid rgba(22,26,23,.18); }
.product-detail summary { padding:19px 0; list-style:none; text-transform:uppercase; font-size:9px; letter-spacing:.13em; cursor:pointer; }
.product-detail summary::after { content:"+"; float:right; font-size:14px; }
.product-detail[open] summary::after { content:"−"; }
.product-detail p { margin:0 0 20px; font-family:"Instrument Serif",Georgia,serif; font-size:17px; line-height:1.45; }
.good-note { margin:30px 0 0; font-size:10px; line-height:1.6; }
.good-note a { border-bottom:1px solid currentColor; }
.next-piece { padding:120px 6vw; display:grid; grid-template-columns:1fr 2fr 1fr; align-items:end; gap:30px; color:var(--cream); background:var(--tawny); }
.next-piece a { justify-self:end; border-bottom:1px solid currentColor; padding-bottom:7px; text-transform:uppercase; font-size:10px; letter-spacing:.13em; }
@media (max-width:700px) {
  .splash-page { background:#b28e5f; }
  .splash-image { object-fit:cover; object-position:72% center; }
  .splash-shade { background:linear-gradient(0deg,rgba(10,19,37,.68),transparent 50%),linear-gradient(180deg,rgba(10,19,37,.32),transparent 30%); }
  .splash-mobile-brand { position:absolute; z-index:1; top:28px; left:22px; display:flex; flex-direction:column; color:white; text-transform:uppercase; }
  .splash-mobile-brand strong { font-family:"Instrument Serif",Georgia,serif; font-size:clamp(36px,12vw,54px); font-weight:400; line-height:.9; text-transform:none; letter-spacing:-.04em; }
  .splash-mobile-brand span { margin-top:10px; font-size:9px; letter-spacing:.26em; }
  .splash-action { bottom:22px; padding:16px 18px; }
  .splash-action strong { font-size:26px; }
  .site-header { height:72px; padding:0 20px; }
  .site-header:not(.header-light) { color:white; mix-blend-mode:normal; text-shadow:0 1px 12px rgba(0,0,0,.38); }
  .wordmark { font-size:2rem; }
  .brand-mark { width:84px; height:62px; }
  .brand-mark img { width:80px; height:58px; }
  .hero-image img { object-position:52% center; }
  .hero-copy { left:20px; bottom:38px; width:calc(100% - 40px); }
  .eyebrow { margin-bottom:12px; }
  h1 { font-size:clamp(3.4rem,18vw,5.3rem); max-width:360px; }
  .dek { margin:18px 0; max-width:330px; font-size:18px; }
  .scroll-note { display:none; }
  .nav-menu nav { left:-8px; width:min(320px,calc(100vw - 24px)); }
  .intro { padding:90px 20px 70px; display:block; }
  .intro h2 { margin:22px 0 32px; font-size:17vw; }
  .drop-grid { display:block; }
  .piece { display:block; border-bottom:1px solid var(--ink); }
  .piece-1 .piece-image,.piece-image { aspect-ratio:1 / 1.12; }
  .piece-meta { padding:15px 14px; grid-template-columns:1fr auto; }
  .piece-meta span:nth-child(2) { display:none; }
  .campaign-grid { display:block; }
  .campaign-look { display:block; min-height:100svh; border-bottom:1px solid var(--ink); }
  .campaign-look>div { left:18px; right:18px; bottom:22px; grid-template-columns:1fr auto; }
  .campaign-look strong { grid-column:1 / -1; grid-row:1; text-align:left; font-size:13vw; }
  .campaign-look>div span:first-child { grid-row:2; }
  .campaign-look>div span:last-child { grid-row:2; }
  .editorial-break { display:block; min-height:0; }
  .editorial-break>img { aspect-ratio:1 / 1.1; }
  .editorial-break>div { padding:80px 24px; }
  .promise { padding:90px 20px; }
  .promise h2 { margin:25px 0 48px; font-size:16vw; }
  .promise-copy { margin:0; display:block; }
  .promise-copy p+ p { margin-top:24px; }
  footer { padding:70px 20px 90px; grid-template-columns:1fr 1fr; min-height:0; }
  .footer-brand { grid-column:1 / -1; }
  .footer-signoff { grid-column:1 / -1; margin-top:30px; }
  .copyright { left:20px; }
  .breadcrumb { padding:0 20px; overflow:hidden; white-space:nowrap; }
  .product-layout { display:block; }
  .product-gallery { display:block; }
  .product-shot,.product-shot.lifestyle { aspect-ratio:1 / 1.18; border-bottom:1px solid var(--ink); }
  .product-info { position:relative; min-height:0; padding:58px 20px 80px; }
  .product-info h1 { font-size:18vw; }
  .sizes { grid-template-columns:repeat(3,1fr); }
  .sizes button:nth-child(3) { border-right:1px solid rgba(22,26,23,.22); }
  .sizes button:nth-child(n+4) { border-top:0; }
  .next-piece { padding:80px 20px; display:block; }
  .next-piece h2 { margin:24px 0 40px; font-size:17vw; }
  .next-piece a { display:inline-block; }
}