/* Peekay International Ltd. storefront theme, prototype v3.3 (26 Oct 2026)
   MOBILE FIRST: base styles are the phone (360–599 px). min-width steps: 600 (large phone / tablet portrait),
   900 (tablet landscape / small laptop, desktop nav), 1200 (desktop). No inline sizes in the HTML.
   Body text ≥16 px, inputs 16 px, captions ≥12 px, tap targets ≥44 px. Hover only under (hover:hover).
   Tokens in :root are what Texport stores per tenant (T1). */

@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/sourceserif4-latin.woff2) format("woff2")}

:root{
  --ink:#17141d; --ink-2:#221e2a; --ink-line:rgba(255,255,255,.14);
  --ink-text:#ece7de; --ink-muted:#b3acbc;
  --brand:#432970;
  --bone:#fbf9f5; --paper:#f3efe7; --stone:#e6e0d4; --line:#d6cdbd;
  --text:#1b1820; --muted:#5a5462;
  --brass:#b08d57; --brass-ink:#7d5f33;
  --font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --radius:0px; --max:1320px; --gutter:16px; --section:64px;
  --hdr:57px; --bar:68px; --tap:44px;
  --tex-eyelet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.075' stroke-width='1.1'%3E%3Ccircle cx='28' cy='28' r='8'/%3E%3Ccircle cx='28' cy='28' r='12' stroke-dasharray='1.6 2.4'/%3E%3Cellipse cx='28' cy='8' rx='2.6' ry='5'/%3E%3Cellipse cx='28' cy='48' rx='2.6' ry='5'/%3E%3Cellipse cx='8' cy='28' rx='5' ry='2.6'/%3E%3Cellipse cx='48' cy='28' rx='5' ry='2.6'/%3E%3Ccircle cx='84' cy='84' r='8'/%3E%3Ccircle cx='84' cy='84' r='12' stroke-dasharray='1.6 2.4'/%3E%3Cellipse cx='84' cy='64' rx='2.6' ry='5'/%3E%3Cellipse cx='84' cy='104' rx='2.6' ry='5'/%3E%3Cellipse cx='64' cy='84' rx='5' ry='2.6'/%3E%3Cellipse cx='104' cy='84' rx='5' ry='2.6'/%3E%3Ccircle cx='84' cy='28' r='2.2'/%3E%3Ccircle cx='28' cy='84' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  --sheen:linear-gradient(118deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.16) 48%,rgba(255,255,255,0) 62%,rgba(0,0,0,.22) 100%);
  --tex-lace:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cg fill='none' stroke='%237d6f5c' stroke-opacity='.55' stroke-width='1.1'%3E%3Ccircle cx='28' cy='28' r='8'/%3E%3Ccircle cx='28' cy='28' r='12' stroke-dasharray='1.6 2.4'/%3E%3Cellipse cx='28' cy='8' rx='2.6' ry='5'/%3E%3Cellipse cx='28' cy='48' rx='2.6' ry='5'/%3E%3Cellipse cx='8' cy='28' rx='5' ry='2.6'/%3E%3Cellipse cx='48' cy='28' rx='5' ry='2.6'/%3E%3Ccircle cx='84' cy='84' r='8'/%3E%3Ccircle cx='84' cy='84' r='12' stroke-dasharray='1.6 2.4'/%3E%3Cpath d='M56 0v112M0 56h112' stroke-dasharray='2 4'/%3E%3C/g%3E%3C/svg%3E");
  --tex-twill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M-2 2 2-2M0 8 8 0M6 10 10 6' stroke='%23000' stroke-opacity='.05' stroke-width='1.4'/%3E%3C/svg%3E");
  --tex-jacquard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M28 2 54 28 28 54 2 28Z'/%3E%3Cpath d='M28 12 44 28 28 44 12 28Z'/%3E%3Cpath d='M28 22 34 28 28 34 22 28Z' fill='%23fff' fill-opacity='.12'/%3E%3C/g%3E%3C/svg%3E");
  --tex-devore:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23fff' fill-opacity='.13'%3E%3Cpath d='M48 8c10 10 10 26 0 36C38 34 38 18 48 8Z'/%3E%3Cpath d='M48 88c-10-10-10-26 0-36 10 10 10 26 0 36Z'/%3E%3Cpath d='M8 48c10-10 26-10 36 0-10 10-26 10-36 0Z'/%3E%3Cpath d='M88 48c-10 10-26 10-36 0 10-10 26-10 36 0Z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- Base (phone) ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 12px)}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom))}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--brass);outline-offset:2px}

/* Type */
.label{display:block;font:600 12px/1.35 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink)}
.on-ink .label{color:var(--brass)}
.idx{font:500 13px/1 var(--font-body);letter-spacing:.1em;color:var(--brass-ink);font-variant-numeric:tabular-nums}
.on-ink .idx{color:var(--brass)}
.display{font-size:clamp(40px,7vw + 14px,108px);line-height:1;letter-spacing:-.03em}
.display--page{font-size:clamp(40px,6vw + 16px,96px)}
.h2{font-size:clamp(30px,3.5vw + 18px,60px);line-height:1.05;letter-spacing:-.025em}
.h2--sm{font-size:clamp(26px,2vw + 18px,40px)}
.h3{font-size:clamp(22px,1vw + 18px,28px);line-height:1.15}
.lede{font-size:17px;line-height:1.6;color:var(--muted);max-width:60ch}
.on-ink .lede,.on-ink p{color:var(--ink-muted)}
.on-ink h1,.on-ink h2,.on-ink h3{color:#fff}
.statement{font-family:var(--font-display);font-size:clamp(24px,2.4vw + 16px,44px);line-height:1.22;letter-spacing:-.015em;max-width:24ch}
.mt-s{margin-top:12px}.mt-m{margin-top:20px}.mt-l{margin-top:28px}
.note{font-size:16px;color:var(--muted);line-height:1.5}
.on-ink .note{color:var(--ink-muted)}

/* Links and buttons (all ≥44 px tall) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 13px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-radius:var(--radius);cursor:pointer;text-align:center}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--light{background:var(--ink-text);border-color:var(--ink-text);color:var(--ink)}
.btn--line-light{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.btn--block{display:flex;width:100%}
.btn svg{width:20px;height:20px;flex:none}
.arrow{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:inherit}
.arrow span{border-bottom:1px solid currentColor;padding-bottom:5px}
.arrow::after{content:"→";letter-spacing:0}
.tlink{display:inline-flex;align-items:center;min-height:var(--tap);color:inherit}
@media (hover:hover){
  .btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
  .btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
  .btn--light:hover{background:#fff;border-color:#fff;color:var(--ink)}
  .btn--line-light:hover{border-color:#fff;background:rgba(255,255,255,.06);color:#fff}
  .arrow:hover,.tlink:hover{color:var(--brand)}
  .on-ink .arrow:hover,.on-ink .tlink:hover{color:var(--brass)}
}

/* Utility bar: desktop only (phones get the sticky WhatsApp bar) */
.util{display:none}

/* Header */
.hdr{background:var(--bone);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:var(--hdr);gap:16px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-height:var(--tap)}
.brand img{width:96px;height:auto}
.brand__legal{display:none}
.nav{display:none}

/* Phone menu */
.mnav summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);min-width:var(--tap);padding:0 14px;border:1px solid var(--ink);font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary::before{content:"";width:16px;height:10px;border-top:2px solid;border-bottom:2px solid;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
.mnav[open] summary::before{border:0;background:linear-gradient(45deg,transparent 45%,currentColor 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,currentColor 45% 55%,transparent 55%);height:16px}
.mnav__p{position:fixed;left:0;right:0;top:var(--hdr);max-height:calc(100dvh - var(--hdr));overflow-y:auto;overscroll-behavior:contain;background:var(--bone);border-bottom:1px solid var(--line);padding:4px var(--gutter) 24px;box-shadow:0 30px 40px -30px rgba(0,0,0,.45);z-index:45}
.mnav__p a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid var(--line);text-decoration:none;font:400 21px/1.2 var(--font-display)}
.mnav__p a.sub{min-height:48px;font:400 16px/1.2 var(--font-body);padding-left:16px;color:var(--muted)}
.mnav__p a.btn{display:flex;justify-content:center;margin-top:18px;border:0;font:600 13px/1.2 var(--font-body);color:#fff;padding:0 24px;min-height:52px}
.mnav__p a.btn--wa{background:transparent;color:var(--ink);border:1px solid var(--ink);margin-top:10px}
body.menu-open .sticky{display:none}
body.menu-open::before{content:"";position:fixed;left:0;right:0;bottom:0;top:var(--hdr);background:rgba(23,20,29,.4);z-index:35}

/* Sticky enquiry bar: phone and tablet, every page */
.sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:8px;padding:8px var(--gutter) calc(8px + env(safe-area-inset-bottom));background:var(--bone);border-top:1px solid var(--line)}
.sticky .btn{flex:1;min-height:50px;padding:0 12px}
.sticky .btn--ghost{flex:0 0 auto;gap:8px}

/* HOME: hero */
.hero{background:var(--ink) var(--tex-eyelet);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 10%,rgba(67,41,112,.55),transparent 60%);pointer-events:none}
.hero__in{position:relative;z-index:1;padding-top:44px;padding-bottom:36px;display:grid;gap:24px}
.hero h1{margin-top:18px}
.hero__side p{color:var(--ink-muted);font-size:17px;line-height:1.6;margin-bottom:24px}
.hero__cta{display:grid;gap:10px}
.hero__cta .btn{width:100%}
.hero__wa{display:flex;gap:10px;align-items:center;min-height:var(--tap);margin-top:10px;color:var(--ink-text);font-size:16px;text-decoration:none}
.hero__wa svg{width:20px;height:20px;flex:none}
.hero__meta{display:none}
.rail{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);position:relative;z-index:1}
.rail figure{margin:0;position:relative;aspect-ratio:1;overflow:hidden}
.rail img{width:100%;height:100%;object-fit:cover}
.rail figcaption{display:none}

/* Proof band */
.proof{background:var(--bone);border-bottom:1px solid var(--line)}
.proof .wrap{display:grid;grid-template-columns:1fr 1fr}
.proof__i{padding:22px 14px 22px 0;border-top:1px solid var(--line)}
.proof__i:nth-child(-n+2){border-top:0}
.proof__i:nth-child(even){border-left:1px solid var(--line);padding-left:14px;padding-right:0}
.proof__n{font:400 38px/1 var(--font-display);letter-spacing:-.03em}
.proof__n small{font-size:.45em;letter-spacing:0}
.proof__l{margin-top:10px;font-size:16px;color:var(--muted);line-height:1.4}

/* Sections */
.sec{padding:var(--section) 0}
.sec--bone{background:var(--bone)}
.sec--ink{background:var(--ink);color:var(--ink-text)}
.sec--ink2{background:#1d1825;color:var(--ink-text)}
.sec--tight{padding:48px 0}
.sec__head{display:grid;gap:14px;margin-bottom:32px}
.sec__head .label{margin-bottom:14px}

/* Intro */
.intro{display:grid;gap:36px}
.intro__cols{display:grid;border-top:1px solid var(--line)}
.intro__cols a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline;min-height:var(--tap)}
.intro__cols strong{font:400 21px/1.2 var(--font-display)}
.intro__cols .s{display:block;color:var(--muted);font-size:16px;margin-top:4px}
.intro__cols a::after{content:"→";color:var(--muted)}

/* Families: phone = horizontal swipe of family cards */
.fams{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 6px;scrollbar-width:none}
.fams::-webkit-scrollbar{display:none}
.fam{flex:0 0 84%;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column}
.fam__n{display:none}
.fam__body{padding:16px 16px 8px;order:2}
.fam h3{font-size:24px}
.fam p{color:var(--muted);margin:8px 0 6px;font-size:16px}
.fam ul{display:none}
.fam .swatches{order:1}
.swatches .sw:not(:first-child){display:none}
.sw{margin:0;background:var(--bone)}
.sw img,.sw .sw__i{width:100%;aspect-ratio:1;height:auto;object-fit:cover}
.sw__i{overflow:hidden}
.sw__i img,.sw__i .tex{width:100%;height:100%;object-fit:cover}
.sw figcaption{display:none}
.swipe-hint{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:14px;color:var(--muted)}

/* Typographic swatch card + textures */
.tex{background-color:var(--ink-2)}
.tex--card{display:block;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);width:100%;height:100%}
.tex__h{position:absolute;left:7%;right:7%;top:7%;background:var(--bone);color:var(--text);padding:10px 12px 12px;box-shadow:0 10px 20px -12px rgba(0,0,0,.5);display:block}
.tex__k{display:none;font:600 12px/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink)}
.tex__h b{display:block;font:400 18px/1.15 var(--font-display)}
.tex__l{display:none;font-size:13px;color:var(--muted);line-height:1.35;margin-top:4px}
.tex--jac{background:var(--sheen),var(--tex-jacquard),#3a2c57}
.tex--jac2{background:var(--sheen),var(--tex-jacquard) 0 0/28px,#6a5233}
.tex--dev{background:var(--sheen),var(--tex-devore),#3b1f33}
.tex--lace{background:var(--sheen),var(--tex-lace) 0 0/64px,#efe8db}
.tex--chiffon{background:var(--sheen),var(--tex-lace) 0 0/90px,#f3e9ea}
.tex--butta{background:var(--sheen),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg fill='%23f1e6d0'%3E%3Cpath d='M10 6c3 3 3 7 0 10-3-3-3-7 0-10Z'/%3E%3Cpath d='M30 26c3 3 3 7 0 10-3-3-3-7 0-10Z'/%3E%3Ccircle cx='10' cy='19' r='1.4'/%3E%3Ccircle cx='30' cy='39' r='1.4'/%3E%3C/g%3E%3C/svg%3E"),#23345a}
.tex--johara{background:linear-gradient(118deg,rgba(255,255,255,0) 20%,rgba(255,250,220,.45) 45%,rgba(255,255,255,0) 60%,rgba(0,0,0,.25) 100%),var(--tex-jacquard) 0 0/34px,linear-gradient(135deg,#8a6a2c,#d8bd7a 40%,#9b9da3 60%,#e2e3e6 75%,#7c6230)}
.tex--uragiri{background:var(--sheen),var(--tex-jacquard) 0 0/44px,#5a2230}
.tex--crepe{background:var(--sheen),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='.7' fill='%23000' fill-opacity='.08'/%3E%3Ccircle cx='4' cy='4' r='.7' fill='%23000' fill-opacity='.06'/%3E%3C/svg%3E"),#c9b9a6}
.tex--woven{background:var(--sheen),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath d='M0 0h2v2H0zM2 2h2v2H2z' fill='%23000' fill-opacity='.06'/%3E%3C/svg%3E"),#ddd3c2}
.tex--twill{background:var(--sheen),var(--tex-twill) 0 0/8px,#8e9aa6}

/* Process (ink) */
.proc{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink-line)}
.proc__s{padding:18px 12px 18px 0;border-bottom:1px solid var(--ink-line)}
.proc__s:nth-child(even){padding-left:12px;padding-right:0;border-left:1px solid var(--ink-line)}
.proc__s h3{font-size:21px;margin:10px 0 6px}
.proc__s p{font-size:16px;line-height:1.5}
.proc__s:last-child:nth-child(odd){grid-column:1/-1;border-left:0;padding-left:0}
.proc-photo{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.proc-photo .slot{display:none}

/* Photo slot and photo tile */
.slot{position:relative;background:var(--ink-2) var(--tex-eyelet);display:flex;align-items:flex-end;padding:14px 16px;border:1px solid var(--ink-line);min-height:0}
.slot--paper{background:var(--stone) var(--tex-twill);border-color:var(--line)}
.slot span{font:500 12px/1.45 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.slot--paper span{color:var(--muted)}
.slot b{color:var(--ink-text);font-weight:600;margin-right:6px}
.slot--paper b{color:var(--text)}
.ph-img{margin:0;position:relative;overflow:hidden;background:var(--ink-2);aspect-ratio:4/3}
.ph-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ph-img figcaption{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(10,8,14,.78));font:500 12px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#fff}

/* Product cards */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px}
.card{text-decoration:none;display:block}
.card__img{aspect-ratio:1;overflow:hidden;background:var(--stone)}
.card__img img{width:112%;height:128%;max-width:none;margin:-28% 0 0 -6%;object-fit:cover;object-position:50% 94%}
.card__img img.as-is{width:100%;height:100%;margin:0;object-position:50% 50%}
.card__b{padding-top:12px}
.card__b .label{font-size:12px;letter-spacing:.12em}
.card__t{font:400 19px/1.2 var(--font-display);margin:6px 0 0}
.card__d{display:none;font-size:16px;color:var(--muted);margin-top:6px}
.card__m{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;margin-top:10px}
.card__m b{font-weight:600;color:var(--text)}
.card .tex__h{left:6%;right:6%;top:6%;padding:8px 10px}
.card .tex__h b{font-size:16px}

/* Reach */
.reach{display:grid;gap:32px}
.globe{display:none}
.facts{margin:24px 0 0;border-top:1px solid var(--ink-line)}
.facts div{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--ink-line);font-size:16px}
.facts dt{color:var(--ink-muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.facts dd{margin:0}
.facts--paper{border-color:var(--line)}
.facts--paper div{border-color:var(--line)}
.facts--paper dt{color:var(--muted)}

/* Group */
.group{display:grid;border-top:1px solid var(--text)}
.group__c{padding:22px 0;border-bottom:1px solid var(--line)}
.group__c h3{font-size:26px;margin:10px 0 8px}
.group__c p{color:var(--muted);font-size:16px}

/* Enquiry band + forms */
.enq{display:grid;gap:36px}
.enq__alt{margin-top:28px;padding-top:22px;border-top:1px solid var(--ink-line);display:grid;gap:8px;font-size:16px}
.enq__alt .btn{width:100%}
form.f{display:grid;grid-template-columns:1fr;gap:16px}
.f label{display:block;font-size:16px;font-weight:600;margin-bottom:6px}
.f label small{font-weight:400;font-size:14px;color:var(--muted)}
.on-ink .f label small{color:var(--ink-muted)}
.f input,.f textarea{width:100%;min-height:52px;border:1px solid var(--line);background:var(--bone);font:400 16px/1.4 var(--font-body);padding:13px 14px;border-radius:var(--radius);color:var(--text);-webkit-appearance:none;appearance:none}
.on-ink .f input,.on-ink .f textarea{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.3);color:#fff}
.on-ink .f input::placeholder,.on-ink .f textarea::placeholder{color:rgba(255,255,255,.5)}
.f textarea{min-height:120px;resize:vertical}
.f .full{grid-column:1/-1}
.f .btn{width:100%}
.f__note{font-size:14px;color:var(--muted);margin-top:4px;line-height:1.5}
.on-ink .f__note{color:var(--ink-muted)}
.f__either{grid-column:1/-1;font-size:14px;color:var(--muted);margin:-6px 0 0}
.on-ink .f__either{color:var(--ink-muted)}
.f__err{display:none;grid-column:1/-1;font-size:15px;font-weight:600;color:#9b1c1c;background:#fde8e8;padding:10px 12px}
.f__ok{display:none;grid-column:1/-1;font-size:16px;background:#e6f2ea;color:#1d4d2c;padding:12px 14px}
.f.is-err .f__err,.f.is-ok .f__ok{display:block}
.f [aria-invalid="true"]{border-color:#b42318;box-shadow:0 0 0 1px #b42318}
.on-ink .f__err{background:#4a1f25;color:#ffd7d7}
.on-ink .f__ok{background:#1f3a29;color:#d6f2df}
.formcard{background:var(--bone);border:1px solid var(--line);padding:20px 16px}
.chip{display:flex;gap:12px;align-items:center;border:1px solid var(--line);background:var(--paper);padding:10px}
.chip img{width:52px;height:52px;object-fit:cover;object-position:50% 94%;flex:none}
.chip b{display:block;font-weight:600;font-size:16px}
.chip span{font-size:14px;color:var(--muted)}

/* Footer */
.ftr{background:var(--ink);color:var(--ink-muted);font-size:16px}
.ftr__top{display:grid;grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:32px}
.ftr img{width:110px;margin-bottom:16px}
.ftr h4{font:600 12px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}
.ftr a{text-decoration:none;color:var(--ink-text)}
.ftr ul{list-style:none;padding:0;margin:0}
.ftr li a{display:flex;align-items:center;min-height:var(--tap)}
.ftr address{font-style:normal;line-height:1.6;margin-bottom:6px}
.ftr__tag{font:400 21px/1.3 var(--font-display);color:var(--ink-text);max-width:24ch}
.ftr__bot{border-top:1px solid var(--ink-line)}
.ftr__bot .wrap{display:grid;gap:4px;padding-top:16px;padding-bottom:16px;font-size:14px;text-align:center}
@media (hover:hover){.ftr a:hover{color:var(--brass)}}

/* Page header */
.ph{background:var(--bone);border-bottom:1px solid var(--line);padding:24px 0 32px}
.ph--ink{background:var(--ink) var(--tex-eyelet);color:#fff;border-bottom:0;padding-bottom:40px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--muted);margin-bottom:12px}
.crumbs a{display:inline-flex;align-items:center;min-height:var(--tap);min-width:var(--tap);text-decoration:none;padding-right:4px}
.crumbs span{padding:0 6px}
.ph--ink .crumbs{color:var(--ink-muted)}
.ph__row{display:grid;gap:16px}
.ph h1{font-size:clamp(40px,6vw + 18px,88px);letter-spacing:-.03em;line-height:1;margin-top:12px}
.ph .display--page{margin-top:16px}

/* Collection */
.tabs{background:var(--bone);border-bottom:1px solid var(--line);position:relative}
.tabs .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.tabs__scroll{position:relative;min-width:0;flex:1}
.tabs__scroll::after{content:"";position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(90deg,rgba(251,249,245,0),var(--bone) 80%);pointer-events:none}
.tabs nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-right:40px;scroll-snap-type:x proximity}
.tabs nav::-webkit-scrollbar{display:none}
.tabs nav a{flex:none;display:inline-flex;align-items:center;white-space:nowrap;min-height:52px;min-width:var(--tap);justify-content:center;padding:0 12px;text-decoration:none;font-size:16px;font-weight:500;border-bottom:2px solid transparent;color:var(--muted);scroll-snap-align:start}
.tabs nav a[aria-current]{color:var(--text);border-color:var(--text)}
.tabs nav a small{color:var(--muted);font-weight:400;font-size:13px;margin-left:5px}
.search{display:none}
.coll{display:grid;gap:32px;padding-top:32px}
.side{display:none}
.grp{margin-bottom:48px}
.grp__h{display:grid;gap:6px;border-top:1px solid var(--text);padding-top:16px;margin-bottom:8px}
.grp__h h2{font-size:30px}
.grp__h p{color:var(--muted);font-size:16px}
.grp__h .idx{display:block}
.grp__cnt{font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-ink)}
.grp__s{display:flex;justify-content:space-between;align-items:baseline;font:600 12px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 10px;margin:28px 0 18px}
.proto-note{font-size:14px;color:var(--muted);border:1px dashed var(--line);padding:14px 16px;margin:0 0 var(--section)}

/* Product */
.pd{display:grid;gap:24px;padding:8px 0 var(--section)}
.pd__main{aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.pd__main img{width:110%;height:110%;max-width:none;margin:-10% 0 0 -5%;object-fit:cover;object-position:50% 94%}
.pd__cap{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:8px}
.pd h1{font-size:clamp(34px,3vw + 22px,68px);letter-spacing:-.03em;margin:12px 0 10px}
.pd__sub{font-size:17px;color:var(--muted)}
.spec{width:100%;border-collapse:collapse;margin:24px 0;font-size:16px}
.spec th,.spec td{text-align:left;padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec tr:first-child th,.spec tr:first-child td{border-top:1px solid var(--text)}
.spec th{width:40%;font:600 12px/1.6 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pd__row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font-size:14px;color:var(--muted)}
.picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 8px}
.picker a{display:block;aspect-ratio:1;overflow:hidden;outline:1px solid var(--line)}
.picker a[aria-current]{outline:2px solid var(--ink);outline-offset:2px}
.picker img{width:115%;height:115%;max-width:none;margin:-15% 0 0 -7.5%;object-fit:cover;object-position:50% 94%}
.pd__cta{display:grid;gap:10px;margin-top:24px}
.made{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink-line)}
.made div{padding:16px 12px 16px 0;border-bottom:1px solid var(--ink-line)}
.made div:nth-child(even){padding-left:12px;padding-right:0;border-left:1px solid var(--ink-line)}
.made h3{font-size:20px;margin-bottom:6px}
.made p{font-size:16px}

/* Manufacturing */
.toc{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:28px;border-top:1px solid var(--ink-line)}
.toc a{display:flex;align-items:center;gap:8px;min-height:var(--tap);text-decoration:none;color:var(--ink-text);font-size:15px;border-bottom:1px solid var(--ink-line)}
.toc a b{color:var(--brass);font-weight:500}
.stage{display:grid;gap:18px;padding:40px 0;border-top:1px solid var(--line);position:relative}
.stage__body{display:grid;gap:12px;align-content:start}
.stage__n{font:400 32px/1 var(--font-display);color:var(--brass)}
.stage__head{display:flex;align-items:baseline;gap:12px}
.stage h2{font-size:clamp(28px,2.4vw + 18px,48px)}
.stage p{color:var(--muted);font-size:16px;max-width:46ch}
.stage ul{margin:4px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.stage li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;display:flex;justify-content:space-between;gap:16px}
.stage li span{color:var(--muted)}
.stage li b{font-weight:500;text-align:right}
.stage .slot{display:none}
.stage .slot--thin{display:flex;min-height:0;padding:10px 12px}

/* About */
.team{display:grid;border-top:1px solid var(--line)}
.team div{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}
.mono{width:52px;height:52px;border-radius:50%;background:var(--stone);display:grid;place-items:center;font:400 19px/1 var(--font-display);flex:none;color:var(--brand)}
.team b{display:block;font:400 21px/1.2 var(--font-display);color:var(--text)}
.team span span{font-size:16px;color:var(--muted)}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.gallery img{width:100%;height:100%;object-fit:cover}

/* Enquiries */
.eq{display:grid;gap:32px;padding-top:24px;padding-bottom:var(--section)}
.eq__wa{display:grid;gap:10px;background:var(--ink);color:var(--ink-text);padding:20px 16px}
.eq__wa p{color:var(--ink-muted);font-size:16px}
.panel{background:var(--ink);color:var(--ink-text);padding:24px 16px}
.panel .wa-big{display:inline-flex;align-items:center;min-height:52px;font:400 30px/1.1 var(--font-display);color:#fff;text-decoration:none;margin:8px 0 4px}
.panel .btn{width:100%}
.panel .facts a{color:#fff}
.panel .facts div{grid-template-columns:1fr!important;gap:2px!important}
.facts dd,.map__cap b{overflow-wrap:anywhere}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.steps li::before{content:"0" counter(s);font:500 13px/1.9 var(--font-body);letter-spacing:.1em;color:var(--brass-ink)}
.steps b{display:block}
.steps span span{color:var(--muted)}
.map{display:block;margin-top:16px;text-decoration:none;border:1px solid var(--line);overflow:hidden;background:var(--bone)}
.map img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.map__cap{display:grid;gap:2px;padding:12px 14px;font-size:16px;border-top:1px solid var(--line)}
.map__cap span{color:var(--muted);font-size:14px}
.map__cap small{color:var(--muted);font-size:12px}

.tex--krishi{background:linear-gradient(118deg,rgba(255,255,255,0) 22%,rgba(255,250,235,.5) 46%,rgba(255,255,255,0) 62%,rgba(0,0,0,.12) 100%),var(--tex-jacquard) 0 0/40px,linear-gradient(160deg,#e9d8de,#d9c3cf 55%,#cbb3c2)}
.tex--rhinestone{background:radial-gradient(circle at 30% 30%,#fff 0 1.2px,transparent 2px) 0 0/14px 14px,radial-gradient(circle at 70% 70%,rgba(255,255,255,.75) 0 1px,transparent 1.8px) 0 0/22px 22px,var(--sheen),#2a2333}
.tex--rhinestone2{background:radial-gradient(circle,#f6e7c1 0 1.4px,transparent 2.2px) 0 0/12px 12px,var(--sheen),#5a2a3c}
.tex--crepe2{background:var(--sheen),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='1' cy='1' r='.7' fill='%23000' fill-opacity='.08'/%3E%3C/svg%3E"),#b7c4c9}
.tex--card .tex__h:empty,.tex__h b:empty{display:none}
/* Signature qualities */
.sig__grid{display:grid;gap:28px}
.sig__item{display:grid;gap:0;background:var(--paper);border:1px solid var(--line)}
.sig__img{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.sig__img img{width:100%;height:100%;object-fit:cover}
.sig__img figcaption{position:absolute;left:12px;bottom:10px;font:500 12px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.sig__b{padding:20px 16px 22px}
.sig__b h3{font-size:clamp(30px,2.6vw + 18px,52px);letter-spacing:-.02em;margin:10px 0 10px}
.sig__b p{color:var(--muted)}
.sig__cta{display:grid;gap:10px;margin-top:20px}
.sig-strip .grid{margin-top:8px}
.pd__main--tex .tex--card{width:100%;height:100%}
.picker--tex a .tex--card{width:100%;height:100%}
.chip__tex{display:block;width:52px;height:52px;flex:none}
.mega a:last-child{grid-column:1/-1;border-right:0}
.proof--5 .proof__i:last-child{grid-column:1/-1}

/* ---------- ≥600 px: large phones, tablet portrait ---------- */
@media (min-width:600px){
  :root{--gutter:32px;--section:88px}
  .display{font-size:clamp(52px,7vw + 14px,108px)}
  .hero__in{padding-top:64px;padding-bottom:48px}
  .hero__cta{display:flex;flex-wrap:wrap;gap:12px}
  .hero__cta .btn{width:auto}
  .rail figcaption{display:block;position:absolute;left:10px;right:8px;bottom:8px;font:500 12px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .proof .wrap{grid-template-columns:repeat(3,1fr)}
  .proof__i,.proof__i:nth-child(even){padding:28px 20px;border-left:1px solid var(--line);border-top:1px solid var(--line)}
  .proof__i:nth-child(3n+1){border-left:0;padding-left:0}
  .proof__i:nth-child(-n+3){border-top:0}
  .proof--4 .wrap{grid-template-columns:repeat(2,1fr)}
  .proof--5 .proof__i:last-child{grid-column:auto}
  .sig__item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .sig__b{padding:28px}
  .sig__cta{display:flex;flex-wrap:wrap}
  .proof--4 .proof__i:nth-child(3n+1){border-left:1px solid var(--line);padding-left:20px}
  .proof--4 .proof__i:nth-child(odd){border-left:0;padding-left:0}
  .proof--4 .proof__i:nth-child(3){border-top:1px solid var(--line)}
  .proof__n{font-size:48px}
  .sec__head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}
  /* families become sample-book rows */
  .fams{display:block;overflow:visible;margin:0;padding:0}
  .fam{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px 24px;padding:36px 0;border:0;border-top:1px solid var(--line);background:none}
  .fam:last-child{border-bottom:1px solid var(--line)}
  .fam__n{display:block;font:400 36px/1 var(--font-display);color:var(--brass)}
  .fam__body{padding:0;order:0}
  .fam h3{font-size:34px}
  .fam ul{display:flex;list-style:none;margin:6px 0 10px;padding:0;flex-wrap:wrap;gap:8px}
  .fam li{font-size:14px;border:1px solid var(--line);padding:6px 10px;background:var(--bone)}
  .fam .swatches{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;order:0}
  .swatches .sw:not(:first-child){display:block}
  .sw{padding:8px 8px 0;box-shadow:0 1px 0 var(--line),0 18px 30px -24px rgba(23,20,29,.45)}
  .sw figcaption{display:flex;justify-content:space-between;gap:8px;font:500 12px/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 0 10px}
  .swipe-hint{display:none}
  .proc{grid-template-columns:repeat(3,1fr)}
  .proc__s,.proc__s:nth-child(even){padding:22px 18px 22px 0;border-left:0}
  .proc__s:not(:nth-child(3n+1)){padding-left:18px;border-left:1px solid var(--ink-line)}
  .proc-photo{margin-top:40px;gap:14px}
  .grid{grid-template-columns:1fr 1fr;gap:32px 20px}
  .grid--3{grid-template-columns:repeat(3,1fr)}
  .card__d{display:block}
  .card__t{font-size:22px}
  .card .tex__h b{font-size:20px}
  .card .tex__l{display:block}
  .group{grid-template-columns:repeat(3,1fr)}
  .group__c{padding:24px 24px 28px 0;border-bottom:0;border-right:1px solid var(--line);margin-right:24px}
  .group__c:last-child{border-right:0;margin-right:0}
  form.f{grid-template-columns:1fr 1fr}
  .formcard{padding:32px}
  .ftr__top{grid-template-columns:1fr 1fr;gap:32px}
  .ftr__bot .wrap{display:flex;justify-content:space-between;text-align:left}
  .ph{padding:32px 0 44px}
  .tabs nav a{padding:0 14px}
  .pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-top:16px}
  .pd__media{position:sticky;top:calc(var(--hdr) + 16px);align-self:start}
  .pd__cta{grid-template-columns:1fr}
  .picker{grid-template-columns:repeat(5,1fr)}
  .made{grid-template-columns:repeat(4,1fr)}
  .made div,.made div:nth-child(even){padding:20px 16px 20px 0;border-bottom:0;border-left:0}
  .made div:nth-child(n+2){padding-left:16px;border-left:1px solid var(--ink-line)}
  .toc{display:flex;flex-wrap:wrap;gap:0 24px;border-top:1px solid var(--ink-line)}
  .toc a{border-bottom:0}
  .stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:56px 0}
  .stage .slot{display:flex;min-height:300px}
  .ph-img--stage{aspect-ratio:auto;min-height:300px}
  .team{grid-template-columns:1fr 1fr;column-gap:24px}
  .panel{padding:32px}
  .map img{aspect-ratio:2/1}
  .reach{grid-template-columns:minmax(0,1fr);}
}

/* ---------- ≥900 px: tablet landscape, small laptop (desktop nav) ---------- */
@media (min-width:900px){
  :root{--gutter:40px;--section:112px;--hdr:76px}
  body{padding-bottom:0}
  .sticky{display:none}
  .util{display:block;background:var(--ink);color:var(--ink-muted);font-size:14px}
  .util .wrap{display:flex;justify-content:space-between;gap:16px;min-height:var(--tap);align-items:center}
  .util a{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none;color:var(--ink-text)}
  .util__r{display:flex;gap:24px}
  .brand img{width:120px}
  .brand__legal{display:block;font:600 12px/1.35 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:14px}
  .mnav{display:none}
  .nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:500}
  .nav>a,.nav summary{display:inline-flex;align-items:center;min-height:var(--hdr);text-decoration:none;border-bottom:2px solid transparent;cursor:pointer;list-style:none}
  .nav summary::-webkit-details-marker{display:none}
  .nav summary::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translate(-2px,-2px);margin-left:10px}
  .nav [aria-current]{border-color:var(--ink)}
  .nav details{position:relative}
  .mega{position:absolute;right:-120px;top:100%;width:min(640px,calc(100vw - 80px));background:var(--bone);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(23,20,29,.35);display:grid;grid-template-columns:1fr 1fr}
  .mega a{display:block;text-decoration:none;padding:16px 22px;border-bottom:1px solid var(--line)}
  .mega a:nth-child(odd){border-right:1px solid var(--line)}
  .mega strong{display:block;font:400 19px/1.2 var(--font-display)}
  .mega small{color:var(--muted);font-size:14px}
  .nav .btn{min-height:46px;padding:0 20px;border-bottom:1px solid var(--ink)}
  .hero__in{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:48px;align-items:end;padding-top:clamp(56px,7vw,100px);padding-bottom:clamp(40px,5vw,72px)}
  .hero h1{max-width:15ch}
  .hero__side{border-left:1px solid var(--ink-line);padding-left:32px}
  .rail{grid-template-columns:repeat(8,1fr)}
  .hero__meta{display:block;position:relative;z-index:1;border-top:1px solid var(--ink-line)}
  .hero__meta .wrap{display:flex;justify-content:space-between;gap:24px;min-height:52px;align-items:center;font:500 12px/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}
  .proof--4 .wrap{grid-template-columns:repeat(4,1fr)}
  .proof--4 .proof__i:nth-child(odd){border-left:1px solid var(--line);padding-left:20px}
  .proof--4 .proof__i:first-child{border-left:0;padding-left:0}
  .proof--4 .proof__i:nth-child(3){border-top:0}
  .intro{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:start}
  .fam{grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);padding:44px 0}
  .fam .swatches{grid-column:auto}
  .proc{grid-template-columns:repeat(4,1fr)}
  .proc__s,.proc__s:nth-child(even),.proc__s:not(:nth-child(3n+1)),.proc__s:last-child:nth-child(odd){grid-column:auto;padding:22px 16px 22px 0;border-left:0;border-right:1px solid var(--ink-line);margin-right:16px;border-bottom:1px solid var(--ink-line)}
  .proc__s:nth-child(4n),.proc__s:last-child{border-right:0;margin-right:0}
  .proc-photo{grid-template-columns:1.4fr 1fr 1fr}
  .proc-photo .slot{display:flex}
  .proc-photo .ph-img{aspect-ratio:auto;min-height:300px}
  .grid{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px)}
  .grid--3{grid-template-columns:repeat(3,1fr)}
  .sig__grid{grid-template-columns:1fr 1fr}
  .sig__item{grid-template-columns:1fr}
  .sig__img{aspect-ratio:1}
  .reach{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
  .globe{display:block;width:100%;max-width:480px;height:auto;justify-self:center}
  .facts div{grid-template-columns:180px 1fr;gap:20px;padding:16px 0}
  .facts dt{padding-top:3px}
  .enq{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
  .enq__alt .btn{width:auto;justify-self:start}
  .ftr__top{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-top:80px;padding-bottom:56px}
  .ftr img{width:132px}
  .ph{padding:40px 0 56px}
  .ph--ink{padding-bottom:64px}
  .ph__row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end}
  .tabs{position:sticky;top:var(--hdr);z-index:10}
  .tabs__scroll::after{display:none}
  .tabs nav{padding-right:0}
  .search{display:flex;align-items:center;border:1px solid var(--line);background:var(--paper);min-width:240px;min-height:48px}
  .search input{border:0;background:transparent;font:400 16px/1.4 var(--font-body);padding:10px 14px;width:100%;min-height:46px}
  .search svg{width:18px;height:18px;margin-right:12px;color:var(--muted);flex:none}
  .coll{grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,4vw,64px);padding-top:48px}
  .side{display:block;position:sticky;top:calc(var(--hdr) + 72px);align-self:start;font-size:16px}
  .side h4{font:600 12px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink);margin:0 0 8px}
  .side ul{list-style:none;margin:0 0 28px;padding:0;border-top:1px solid var(--line)}
  .side li a{display:flex;justify-content:space-between;align-items:center;min-height:var(--tap);border-bottom:1px solid var(--line);text-decoration:none}
  .side li a span{color:var(--muted);font-variant-numeric:tabular-nums}
  .grp__h{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:12px}
  .grp__h h2{font-size:38px}
  .pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding-top:24px}
  .picker{grid-template-columns:repeat(9,minmax(44px,1fr));gap:4px}
  .stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);padding:72px 0 72px 140px}
  .stage__head{display:block}
  .stage__n{position:absolute;left:0;top:72px;font-size:72px;letter-spacing:-.04em}
  .stage .slot{min-height:380px}
  .ph-img--stage{min-height:380px}
  .team{grid-template-columns:repeat(3,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr);gap:14px}
  .eq__wa{display:none}
  .eq{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-top:56px}
  .panel{padding:40px}
  .panel .btn{width:auto}
  .panel .wa-big{font-size:34px}
}

/* ---------- ≥1200 px: desktop ---------- */
@media (min-width:1200px){
  :root{--gutter:48px;--section:140px}
  .nav{gap:34px}
  .mega{right:auto;left:-40px}
  .pd__cta{grid-template-columns:1fr 1fr}
  .proof .wrap{grid-template-columns:repeat(6,1fr)}
  .proof--5 .wrap{grid-template-columns:repeat(5,1fr)}
  .proc{grid-template-columns:repeat(7,1fr)}
  .proc__s,.proc__s:nth-child(4n){border-bottom:0;border-right:1px solid var(--ink-line);margin-right:16px}
  .proc .proc__s:last-child{border-right:0;margin-right:0}
  .proof__i,.proof__i:nth-child(even),.proof__i:nth-child(3n+1){padding:40px 20px 36px;border-top:0;border-left:1px solid var(--line)}
  .proof__i:first-child{border-left:0;padding-left:0}
  .proof--4 .wrap{grid-template-columns:repeat(4,1fr)}
  .proof__n{font-size:clamp(48px,4.2vw,64px)}
  .fam h3{font-size:40px}
}

@media (hover:hover){
  .card__img img{transition:transform .5s ease}
  .card:hover .card__img img{transform:scale(1.04)}
  .intro__cols a:hover strong{color:var(--brand)}
  .mega a:hover{background:var(--paper)}
  .mnav__p a:hover{color:var(--brand)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}