/* Adaike Fashion Atelier. Three interface colours only (brief §3): bone, black, camel. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/cormorant-garamond-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/cormorant-garamond-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-display:swap;font-weight:300 700;src:url(/fonts/cormorant-garamond-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-display:swap;font-weight:300 700;src:url(/fonts/cormorant-garamond-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/jost-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/jost-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bone:#e9e1d2; --bone-2:#f4efe6; --black:#171613; --camel:#a87545;
  --camel-text:#7d5129;           /* camel dark enough for small text on bone */
  --ink:#171613; --muted:#5c554b; --line:rgba(23,22,19,.16); --line-light:rgba(233,225,210,.2);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Jost",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gutter:clamp(16px,5vw,72px); --max:1320px;
  /* Minimal textile-inspired geometry: a row of small diamonds between two hairlines. */
  --motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='18' viewBox='0 0 28 18'%3E%3Cg fill='none' stroke='%23a87545' stroke-width='1'%3E%3Cpath d='M0 2.5h28M0 15.5h28'/%3E%3Cpath d='M14 5l4 4-4 4-4-4z'/%3E%3C/g%3E%3Ccircle cx='0' cy='9' r='1.2' fill='%23a87545'/%3E%3Ccircle cx='28' cy='9' r='1.2' fill='%23a87545'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--bone);color:var(--ink);font:400 16px/1.7 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.01em;margin:0}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--camel);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:var(--black);color:var(--bone);padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}

/* ---------- header ---------- */
.topline{background:var(--black);color:var(--bone);text-align:center;padding:8px 16px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--line-light)}
.site-header{position:sticky;top:0;z-index:30;background:var(--black);color:var(--bone)}
.header-inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{height:42px;width:auto}
.site-nav{display:flex;gap:clamp(18px,3vw,40px)}
.site-nav a{text-decoration:none;font-size:12px;letter-spacing:.18em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current]{border-bottom-color:var(--camel);color:#fff}
.menu-toggle{display:none;background:none;border:0;color:var(--bone);font:500 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;padding:12px 0;cursor:pointer}
.menu-bars,.menu-bars::before,.menu-bars::after{display:block;width:22px;height:1.5px;background:currentColor;position:relative;transition:transform .2s}
.menu-bars::before,.menu-bars::after{content:"";position:absolute;left:0}
.menu-bars::before{top:-7px}.menu-bars::after{top:7px}
.menu-toggle[aria-expanded=true] .menu-bars{background:transparent}
.menu-toggle[aria-expanded=true] .menu-bars::before{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-bars::after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
  .header-inner{height:64px}
  .brand img{height:34px}
  .menu-toggle{display:flex}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--black);flex-direction:column;gap:0;padding:8px var(--gutter) 22px;border-top:1px solid var(--line-light)}
  .site-nav.open{display:flex}
  .site-nav a{padding:14px 0;font-size:13px;border-bottom:1px solid var(--line-light)}
  .site-nav a[aria-current]{color:var(--camel);border-bottom-color:var(--line-light)}
}

/* ---------- shared ---------- */
.eyebrow{font:600 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--camel-text);margin:0 0 14px}
.eyebrow a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--black);color:var(--bone-2);border:1px solid var(--black);padding:15px 26px;font:500 11.5px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.btn:hover{background:var(--camel);border-color:var(--camel);color:var(--black)}
.btn-ghost{background:transparent;color:var(--black)}
.btn-light{background:var(--bone);color:var(--black);border-color:var(--bone)}
.btn-wide{width:100%}
.btn svg{flex:none}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.text-link{font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--camel);padding-bottom:3px;white-space:nowrap}
.text-link:hover{color:var(--camel-text)}
.small-note{font-size:13px;line-height:1.6;color:var(--muted)}
.section{padding:clamp(56px,8vw,104px) var(--gutter);max-width:var(--max);margin:0 auto}
.section-alt{max-width:none;background:var(--bone-2)}
.section-alt>*{max-width:calc(var(--max) - 2*var(--gutter));margin-left:auto;margin-right:auto}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;margin-bottom:36px;flex-wrap:wrap}
.section-head h2{font-size:clamp(34px,4.6vw,58px)}
.section-intro{max-width:420px;color:var(--muted);margin:0;font-size:15px}
.motif{height:18px;background:var(--motif) repeat-x center;opacity:.55}
.lede{font:400 clamp(19px,2vw,23px)/1.55 var(--serif);color:var(--muted);max-width:720px;margin:20px 0 0}
.empty{border:1px dashed var(--line);padding:48px 20px;text-align:center;font:italic 22px var(--serif);color:var(--muted)}

/* ---------- page head & crumbs ---------- */
.page-head{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,96px) var(--gutter) 8px}
.page-head h1{font-size:clamp(44px,6.4vw,84px);max-width:16ch;letter-spacing:-.025em}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:22px}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:var(--max);margin:0 auto;padding:clamp(40px,6vw,80px) var(--gutter)}
.hero h1{font-size:clamp(50px,6.6vw,96px);line-height:.96;letter-spacing:-.035em;margin:6px 0 26px}
.hero h1 i{color:var(--camel-text);font-weight:400}
.hero-copy>p:not(.eyebrow){font:400 19px/1.65 var(--serif);color:var(--muted);max-width:420px;margin-bottom:30px}
.hero-photos{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px;align-items:center}
.hero-photo{margin:0;overflow:hidden;background:var(--bone-2)}
.hero-photo img{width:100%;aspect-ratio:2/3;object-fit:cover}
.hp-1,.hp-3{transform:translateY(28px)}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding-top:28px}
  .hero-photos{order:-1;gap:8px}
  .hp-1,.hp-3{transform:translateY(16px)}
  .hero h1{font-size:clamp(46px,13vw,64px)}
}

/* ---------- intro & about band ---------- */
.intro{text-align:center;max-width:900px}
.intro h2{font-size:clamp(32px,4.4vw,54px);line-height:1.12;margin-bottom:24px}
.intro p:not(.eyebrow){font:400 clamp(18px,1.8vw,21px)/1.7 var(--serif);color:var(--muted);max-width:680px;margin:0 auto}
.about-band{background:var(--black);color:var(--bone);text-align:center;padding:clamp(64px,9vw,120px) var(--gutter)}
.about-band .eyebrow{color:var(--camel)}
.about-band h2{font-size:clamp(34px,4.8vw,62px);line-height:1.1;max-width:900px;margin:0 auto 26px}
.about-band p:not(.eyebrow){font:400 19px/1.75 var(--serif);color:#cfc5b6;max-width:660px;margin:0 auto 34px}
.about-band .btn-light:hover{background:var(--camel);border-color:var(--camel)}

/* ---------- collections ---------- */
.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.collection-card{position:relative;display:block;overflow:hidden;color:var(--bone-2);text-decoration:none;background:var(--black)}
.collection-card img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;opacity:.92;transition:transform .6s,opacity .3s}
.collection-card:hover img{transform:scale(1.03);opacity:1}
.cc-text{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(0deg,rgba(23,22,19,.82),rgba(23,22,19,0))}
.cc-text .eyebrow{color:var(--bone);opacity:.85}
.cc-text h3{font-size:clamp(28px,3vw,40px);margin-bottom:12px}
.cc-cta{font:500 11.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--camel);padding-bottom:3px}
@media (max-width:640px){.collection-grid{grid-template-columns:1fr}.collection-card img{aspect-ratio:4/4.4}}

.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:40px;padding-bottom:20px}
.direction{border-top:1px solid var(--black);padding-top:22px}
.direction h3{font-size:28px;margin-bottom:10px}
.direction p:not(.eyebrow){color:var(--muted);font-size:15px}
@media (max-width:760px){.directions{grid-template-columns:1fr}}
.collection-list{display:grid;gap:clamp(40px,6vw,80px);padding-top:40px}
.collection-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.collection-row:nth-child(even) .cr-pic{order:2}
.cr-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}
.cr-text h2{font-size:clamp(36px,4.4vw,56px);margin-bottom:18px}
.cr-text p:not(.eyebrow){font:400 19px/1.7 var(--serif);color:var(--muted);max-width:460px;margin-bottom:28px}
@media (max-width:760px){.collection-row{grid-template-columns:1fr}.collection-row:nth-child(even) .cr-pic{order:0}}

/* ---------- lookbook ---------- */
.lookbook-label{max-width:var(--max);margin:36px auto 0;padding:0 var(--gutter);display:flex;justify-content:space-between;gap:12px;font:500 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.lookbook-label::after{content:none}
.looks{max-width:var(--max);margin:0 auto;padding:12px var(--gutter) 40px}
.look{border-top:1px solid var(--line);padding:28px 0 40px}
.look-head{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.look-no{font:500 12px var(--sans);letter-spacing:.2em;color:var(--camel-text)}
.look-head h2{font-size:clamp(28px,3.4vw,40px)}
.look-photos{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.look-photos.n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.look-photos.n6{grid-template-columns:repeat(6,minmax(0,1fr))}
.look-photos figure{margin:0;background:var(--bone-2)}
.look-photos img{width:100%;height:100%;aspect-ratio:2/3;object-fit:cover}
.look-photos.n2 img{aspect-ratio:auto}
@media (max-width:860px){.look-photos,.look-photos.n6{grid-template-columns:repeat(2,minmax(0,1fr))}.look-photos.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.look-photos.n6{grid-template-columns:repeat(2,minmax(0,1fr))}.look-photos.n2{grid-template-columns:1fr}}
.cta-band{text-align:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}
.cta-band p{font:italic 24px var(--serif);margin:0 12px 0 0}

/* ---------- design cards ---------- */
.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.design-card{min-width:0}
.design-link{text-decoration:none;display:block}
.design-pic{position:relative;overflow:hidden;background:var(--bone-2)}
.design-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;transition:transform .6s}
.design-link:hover .design-pic img{transform:scale(1.03)}
.design-card h3{font-size:clamp(21px,2.1vw,26px);margin:16px 0 6px}
.design-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.design-price{font:500 15px var(--sans);letter-spacing:.04em;margin:0}
.badge{position:absolute;left:12px;top:12px;background:var(--black);color:var(--bone);font:500 10px var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:7px 10px}
.is-unavailable img{opacity:.6}
@media (max-width:900px){.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- craft ---------- */
.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.craft-card{margin:0;background:var(--bone-2)}
.craft-card a{display:block;overflow:hidden}
.craft-card img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .6s}
.craft-card a:hover img{transform:scale(1.03)}
.craft-card figcaption{padding:14px 16px;font:500 12px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.craft-card figcaption span{display:block;font:italic 400 17px var(--serif);letter-spacing:0;text-transform:none;color:var(--muted);margin-top:2px}
.craft-tags{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.craft-tags li{border:1px solid var(--line);padding:8px 14px;font:500 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase}
@media (max-width:760px){.craft-grid{grid-template-columns:1fr 1fr}.craft-card:first-child{grid-column:1/-1}.craft-card:first-child img{aspect-ratio:4/5;object-position:center 30%}}

/* ---------- contact strip & footer ---------- */
.contact-strip{max-width:var(--max);margin:0 auto;padding:clamp(48px,7vw,88px) var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line)}
.contact-strip h2{font-size:clamp(36px,4.4vw,54px)}
.site-footer{background:var(--black);color:var(--bone);padding:clamp(48px,6vw,72px) var(--gutter) 0}
.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-brand img{height:46px;width:auto}
.footer-tagline{font:500 11px var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--camel);margin:16px 0 14px}
.footer-brand p:last-child{font:400 18px/1.6 var(--serif);color:#cfc5b6;max-width:360px}
.site-footer h2{font:600 11px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--camel);margin:6px 0 16px}
.site-footer .footer-grid a{display:block;text-decoration:none;font-size:14px;margin:0 0 10px;color:#e9e1d2}
.site-footer .footer-grid a:hover{color:var(--camel)}
.copyright{max-width:var(--max);margin:44px auto 0;border-top:1px solid var(--line-light);padding:20px 0 96px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.12em;color:#b9ae9e;text-transform:uppercase}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}

.wa-float{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:9px;background:var(--camel);color:var(--black);text-decoration:none;border-radius:999px;padding:13px 20px 13px 16px;font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 28px rgba(23,22,19,.28);transition:background .2s,color .2s}
.wa-float:hover{background:var(--black);color:var(--bone)}
@media (max-width:480px){.wa-float{padding:14px}.wa-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* ---------- design page ---------- */
.design-top{max-width:var(--max);margin:0 auto;padding:28px var(--gutter) clamp(48px,6vw,80px)}
.design-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.gallery-track{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g-item{margin:0;background:var(--bone-2)}
.g-item img{width:100%;height:100%;object-fit:cover}
.g-main{grid-column:1/-1}
.g-main img{max-height:88vh;object-fit:contain;background:var(--bone-2)}
.gallery-hint{display:none}
.design-info{position:sticky;top:100px}
.design-info h1{font-size:clamp(40px,4.6vw,62px);letter-spacing:-.02em;margin-bottom:14px}
.price{font:500 24px var(--sans);letter-spacing:.02em;margin-bottom:22px}
.design-desc{font:400 20px/1.65 var(--serif);color:var(--muted)}
.sizes h2{font:600 11px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--camel-text);margin:26px 0 10px}
.sizes ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.sizes li{border:1px solid var(--line);min-width:46px;text-align:center;padding:7px 10px;font-size:13px;letter-spacing:.06em}
.design-info .btn-wide{margin:12px 0 18px}
.wa-ask{display:inline-flex;align-items:center;gap:8px;white-space:normal}
.badge-inline{display:inline-block;background:var(--black);color:var(--bone);padding:10px 14px;font:500 11px var(--sans);letter-spacing:.16em;text-transform:uppercase}
.size-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px;padding:16px 0}
.size-guide summary{cursor:pointer;font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase}
.size-guide p,.size-guide li{font-size:14.5px;color:var(--muted)}
.size-guide p:first-of-type{margin-top:14px}
.size-guide ul{padding-left:18px}
@media (max-width:900px){
  .design-layout{grid-template-columns:1fr}
  .design-info{position:static}
  .gallery{margin:0 calc(-1*var(--gutter))}
  .gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding:0 var(--gutter);scrollbar-width:none}
  .gallery-track::-webkit-scrollbar{display:none}
  .g-item{flex:0 0 auto;scroll-snap-align:center;background:none}
  .g-item img,.g-main img{height:min(66vh,560px);width:auto;max-width:86vw;max-height:none;object-fit:cover;background:none}
  .gallery-hint{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted);padding:10px var(--gutter) 0;margin:0}
}

/* ---------- order form ---------- */
.order{background:var(--bone-2);border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) var(--gutter)}
.order-inner{max-width:760px;margin:0 auto}
.order h2{font-size:clamp(40px,5vw,60px);margin-bottom:22px}
.order-summary{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--black);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:28px;font-size:16px}
.order-summary strong{font:500 24px var(--serif)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.measurements legend{font:600 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;background:var(--bone);border:1px solid var(--line);border-radius:0;padding:13px 14px;font:400 16px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 1px var(--black)}
.field [aria-invalid=true]{border-color:#8e2b1d;box-shadow:0 0 0 1px #8e2b1d}
.measurements{border:1px solid var(--line);padding:18px;margin:0}
.measurements legend{padding:0 8px}
.measurements.is-required{border-color:var(--camel)}
.hint{font-size:13px;color:var(--muted);margin:0 0 14px}
.m-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.shipping-note{background:var(--bone);border-left:3px solid var(--camel);padding:16px 18px;font:400 18px/1.6 var(--serif);margin:26px 0}
.form-error{color:#8e2b1d;font-weight:500}
.order-done{border:1px solid var(--black);padding:26px;background:var(--bone)}
.order-done h3{font-size:32px;margin-bottom:10px}
@media (max-width:600px){.form-grid{grid-template-columns:1fr}.m-grid{grid-template-columns:1fr 1fr}.order-summary{flex-direction:column;gap:2px}}

/* ---------- story, contact, prose ---------- */
.story{max-width:var(--max);margin:0 auto;padding:40px var(--gutter) 20px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.story-pic{margin:0;position:sticky;top:100px}
.story-pic img{width:100%;aspect-ratio:2/3;object-fit:cover}
.story-block{border-top:1px solid var(--line);padding:26px 0 10px}
.story-block h2{font-size:clamp(28px,3vw,38px);margin-bottom:14px}
.story-block p{font:400 20px/1.75 var(--serif);color:#3e3830}
@media (max-width:860px){.story{grid-template-columns:1fr}.story-pic{position:static;max-width:460px}}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:40px}
.contact-card{background:var(--bone-2);border:1px solid var(--line);padding:clamp(24px,3vw,40px)}
.cc-icon{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--black);color:var(--bone);align-items:center;justify-content:center;margin-bottom:18px}
.contact-card h2{font-size:36px;margin-bottom:10px}
.contact-card p{color:var(--muted)}
.contact-value{font:500 20px var(--sans)!important;color:var(--ink)!important;letter-spacing:.02em}
.contact-value a{text-decoration:none;border-bottom:1px solid var(--camel)}
@media (max-width:700px){.contact-cards{grid-template-columns:1fr}}
.how-to-order{max-width:860px}
.how-to-order h2{font-size:clamp(34px,4vw,48px);margin-bottom:22px}
.how-to-order ol{padding-left:22px;font:400 20px/1.7 var(--serif)}
.how-to-order li{margin-bottom:8px;padding-left:6px}
.shipping-band{background:var(--black);color:var(--bone);padding:28px var(--gutter);text-align:center}
.shipping-band p{max-width:820px;margin:0 auto;font:400 19px/1.6 var(--serif)}
.prose{max-width:760px;margin:0 auto;padding:32px var(--gutter) 80px}
.prose h2{font-size:32px;margin:34px 0 12px}
.prose p{font:400 19px/1.75 var(--serif);color:#3e3830}

@media print{.site-header,.topline,.wa-float,.site-footer,.order{display:none}body{background:#fff}}