:root { --ink:#111819; --jade:#7d9a8e; --cream:#f0eee7; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:Arial,Helvetica,sans-serif; } a { color:inherit; text-decoration:none; }
.hero { min-height:100svh; position:relative; overflow:hidden; display:flex; flex-direction:column; color:var(--ink); background:var(--cream); }.hero-image { position:absolute; inset:0; background:url('/calm-rain-hero-hand-drawn.png') center/cover; filter:saturate(.88) contrast(.98); transform:scale(1.01); animation:arrive 1.4s ease-out both; }.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,rgba(240,238,231,.98) 0%,rgba(240,238,231,.74) 38%,rgba(240,238,231,.06) 71%),linear-gradient(0deg,rgba(240,238,231,.72) 0%,transparent 32%); }
.nav { z-index:1; width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1.7rem clamp(1.4rem,4vw,4.5rem); font-size:.68rem; letter-spacing:.17em; }.wordmark { font-family:Georgia,serif; font-size:.93rem; letter-spacing:.15em; white-space:nowrap; }.nav-link { justify-self:center; opacity:.8; }.nav-cta { justify-self:end; border-bottom:1px solid var(--ink); padding-bottom:.35rem; }
.hero-content { position:relative; z-index:1; margin:auto 0; padding:2rem clamp(1.4rem,9vw,10rem) 5.5rem; max-width:750px; }.eyebrow { margin:0 0 1.4rem; letter-spacing:.18em; font-size:.66rem; font-weight:bold; } h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:normal; letter-spacing:-.075em; line-height:.82; margin:0; }h1 { font-size:clamp(5.6rem,15vw,13.7rem); }.collection-name { margin:1.5rem 0 3.2rem; letter-spacing:.35em; font-size:.7rem; }.text-link { font-size:.69rem; letter-spacing:.16em; border-bottom:1px solid rgba(17,24,25,.65); padding-bottom:.55rem; }.text-link span { font-size:1rem; margin-left:.5rem; }.hero-note { position:relative; z-index:1; margin:0; padding:0 clamp(1.4rem,4vw,4.5rem) 2rem; font-size:.57rem; letter-spacing:.17em; text-align:right; }
.manifesto { background:var(--cream); color:var(--ink); padding:clamp(4rem,9vw,9rem) clamp(1.4rem,8vw,9rem); display:grid; grid-template-columns:1fr 2.1fr; column-gap:4rem; }.section-label,.dark { color:#536a61; font-size:.65rem; letter-spacing:.18em; font-weight:bold; }.manifesto-copy { max-width:760px; }h2 { font-size:clamp(3.8rem,8vw,8rem); margin:.8rem 0 2.5rem; }.lead { max-width:550px; font-family:Georgia,serif; font-size:clamp(1.25rem,2.1vw,1.9rem); line-height:1.32; }.body-copy { max-width:530px; font-size:1rem; line-height:1.6; margin-top:1.6rem; color:#39403e; }.collection-facts { grid-column:2; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #a8aaa3; margin-top:6rem; padding-top:1.2rem; gap:1rem; }.collection-facts span { display:block; font-family:Georgia,serif; font-size:2rem; }.collection-facts small { display:block; margin-top:.4rem; font-size:.57rem; letter-spacing:.14em; }
.lookbook { background:#e2dfd5; color:var(--ink); padding:clamp(4rem,8vw,8rem) clamp(1.4rem,8vw,9rem); }.lookbook-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:2rem; align-items:end; margin-bottom:3rem; }.lookbook h2 { margin:0; font-size:clamp(3rem,6vw,6rem); }.lookbook-heading>p { max-width:390px; margin:0; line-height:1.6; }.lookbook-board { position:relative; margin:0; overflow:hidden; background:#f2f0e9; border:1px solid rgba(17,24,25,.25); }.lookbook-board img { width:100%; height:auto; display:block; }.look-labels { position:absolute; inset:0; display:grid; grid-template-columns:repeat(5,1fr); grid-template-rows:repeat(3,1fr); pointer-events:none; }.look-labels span { align-self:start; justify-self:start; margin:clamp(.3rem,.8vw,.8rem); min-width:clamp(1.45rem,2.4vw,2.15rem); height:clamp(1.45rem,2.4vw,2.15rem); padding:0 .28rem; display:grid; place-items:center; border:1px solid rgba(17,24,25,.46); border-radius:999px; background:rgba(240,238,231,.92); color:var(--ink); box-shadow:0 2px 12px rgba(17,24,25,.12); font-family:Georgia,'Times New Roman',serif; font-size:clamp(.52rem,1vw,.82rem); line-height:1; letter-spacing:.02em; }
.preorder { position:relative; padding:clamp(5rem,10vw,10rem) clamp(1.4rem,15vw,17rem); background:#698579; color:#f6f4ed; }.preorder:after { content:""; position:absolute; inset:0; opacity:.13; pointer-events:none; background-image:radial-gradient(circle at 15% 25%,#dce8d5 0 1px,transparent 2px),radial-gradient(circle at 78% 62%,#dce8d5 0 1px,transparent 2px); background-size:24px 24px,31px 31px; }.preorder>* { position:relative; z-index:1; }.preorder h2 { font-size:clamp(4rem,9vw,9rem); }.preorder>p:not(.eyebrow):not(.fine-print) { max-width:480px; font-size:1.15rem; line-height:1.55; margin:2.5rem 0; }.button { display:inline-flex; gap:3rem; align-items:center; padding:1.1rem 1.2rem; border:1px solid #edf2e9; font-size:.7rem; letter-spacing:.14em; transition:.25s; }.button:hover { background:#edf2e9; color:#32433b; }.fine-print { margin-top:5.5rem; font-size:.62rem; letter-spacing:.14em; }
.preorder-info { background:var(--cream); color:var(--ink); padding:clamp(4rem,9vw,9rem) clamp(1.4rem,8vw,9rem); display:grid; grid-template-columns:1fr 2.1fr; column-gap:4rem; }.preorder-info-copy { max-width:900px; }.preorder-info h2 { font-size:clamp(3.4rem,6.5vw,7rem); }.info-intro { max-width:680px; font-family:Georgia,serif; font-size:clamp(1.2rem,2vw,1.75rem); line-height:1.4; }.info-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin-top:4.5rem; border-top:1px solid #a8aaa3; border-left:1px solid #a8aaa3; }.info-grid article { padding:1.8rem; border-right:1px solid #a8aaa3; border-bottom:1px solid #a8aaa3; }.info-grid h3 { margin:0 0 1rem; font-family:Georgia,serif; font-weight:normal; font-size:1.25rem; }.info-grid p { margin:0; color:#39403e; line-height:1.6; }.inquiry { margin:3rem 0 0; font-size:.67rem; letter-spacing:.13em; line-height:1.7; }.inquiry a { border-bottom:1px solid #536a61; padding-bottom:.25rem; }
footer { display:grid; grid-template-columns:1fr 1fr auto; gap:2rem; padding:2rem clamp(1.4rem,4vw,4.5rem); align-items:end; background:#101717; font-size:.62rem; letter-spacing:.13em; }.footer-brand { font-family:Georgia,serif; font-size:.95rem; letter-spacing:.14em; margin:0 0 .55rem; }.footer-sub,.funded { margin:0; color:#a6afa9; }.funded { text-align:center; } footer>a { border-bottom:1px solid #79827d; padding-bottom:.4rem; }@keyframes arrive { from { opacity:0; transform:scale(1.05); } to { opacity:1; transform:scale(1.01); } }
@media(max-width:700px){ .nav { grid-template-columns:1fr auto; }.nav-link { display:none; }.nav-cta { font-size:.56rem; }.manifesto,.preorder-info { display:block; }.section-label { margin-bottom:4rem; }.collection-facts { margin-top:4rem; }.collection-facts span { font-size:1.5rem; }.lookbook-heading { display:block; }.lookbook-heading>p { margin-top:1.5rem; }.info-grid { grid-template-columns:1fr; }footer { grid-template-columns:1fr auto; }.funded { grid-column:1/-1; grid-row:2; text-align:left; } }

/* Buyer-facing typography and balanced mobile layout. */
h1,h2 { line-height:1; letter-spacing:-.045em; }
.nav,.text-link,.button { font-size:.875rem; letter-spacing:.08em; }
.nav a { min-height:44px; display:inline-flex; align-items:center; }
.eyebrow,.section-label,.collection-name,.hero-note,.fine-print,.collection-facts small,footer { font-size:.75rem; line-height:1.6; }
.collection-name { margin-bottom:1rem; }
.debut { font-size:.875rem; line-height:1.6; letter-spacing:.08em; margin:0 0 2rem; }
.collection-facts { gap:1.5rem; }
.collection-facts>div { min-width:0; }
.preorder { background:#435e53; }
.preorder h2 { font-size:clamp(3rem,7vw,7rem); }
.preorder>p:not(.eyebrow):not(.fine-print) { max-width:580px; }
.button { gap:1.5rem; min-height:52px; justify-content:center; line-height:1.5; }
.inquiry { font-size:1rem; letter-spacing:.02em; overflow-wrap:anywhere; }
footer { grid-template-columns:1fr auto; }
a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(max-width:700px) {
  .hero { min-height:90svh; }
  .nav { display:flex; flex-wrap:wrap; justify-content:center; gap:.35rem 1.5rem; padding:1.25rem 1.25rem; text-align:center; }
  .wordmark { flex-basis:100%; justify-content:center; font-size:1rem; white-space:normal; }
  .nav-link { display:inline-flex; }
  .nav-cta { font-size:.875rem; justify-self:center; padding-bottom:0; }
  .hero-wash { background:linear-gradient(180deg,rgba(240,238,231,.9),rgba(240,238,231,.8) 55%,rgba(240,238,231,.9)); }
  .hero-content { width:100%; max-width:none; margin:auto; padding:3rem 1.25rem; text-align:center; }
  h1 { font-size:clamp(4.5rem,22vw,8rem); line-height:.95; }
  .collection-name { letter-spacing:.18em; margin:1.5rem auto 1rem; }
  .debut { max-width:24rem; margin:0 auto 2rem; text-wrap:balance; }
  .text-link { display:inline-block; line-height:1.6; letter-spacing:.06em; }
  .hero-note { text-align:center; padding:0 1.25rem 1.75rem; text-wrap:balance; }
  .manifesto,.lookbook,.preorder,.preorder-info { display:block; padding:3.5rem 1.25rem; text-align:center; }
  .section-label { margin:0 auto 1.5rem; }
  .eyebrow { margin-bottom:1rem; }
  h2,.lookbook h2,.preorder h2,.preorder-info h2 { font-size:clamp(2.35rem,10vw,4rem); line-height:1.08; margin:0 auto 1.5rem; text-wrap:balance; }
  .manifesto-copy,.preorder-info-copy { width:100%; max-width:36rem; margin-inline:auto; }
  .lead,.body-copy,.lookbook-heading>p,.info-intro,.preorder>p:not(.eyebrow):not(.fine-print) { max-width:32rem; margin:1.25rem auto; line-height:1.65; text-wrap:pretty; }
  .lead,.info-intro { font-size:1.25rem; }
  .body-copy,.lookbook-heading>p,.preorder>p:not(.eyebrow):not(.fine-print) { font-size:1rem; }
  .collection-facts { margin:2rem auto 0; padding-top:1.5rem; gap:.75rem; max-width:32rem; }
  .collection-facts span { font-size:1.6rem; }
  .collection-facts small { font-size:.75rem; letter-spacing:.03em; text-wrap:balance; }
  .lookbook-heading { display:block; margin-bottom:2rem; }
  .lookbook-board { width:100%; margin-inline:auto; }
  .button { width:100%; max-width:23rem; margin:.75rem auto 0; padding:1rem; font-size:.875rem; letter-spacing:.06em; }
  .fine-print { margin:2rem auto 0; }
  .info-grid { grid-template-columns:1fr; margin-top:2rem; }
  .info-grid article { padding:1.5rem; }
  .info-grid h3 { margin-bottom:.75rem; font-size:1.4rem; }
  .inquiry { margin:2rem auto 0; letter-spacing:0; }
  footer { display:flex; flex-direction:column; align-items:center; gap:1rem; padding:2rem 1.25rem; text-align:center; }
  .footer-brand { margin:0; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hero-image { animation:none; } }