/* site.css */
/* AL KUMAŞ — "quiet mill" system, v2.
   Layout: white and mill-grey sheets with a visible 4-column hairline grid; dark inset panels with large radius;
   condensed display type at poster scale, the second line greyed; colour comes only from real fabric and footage.
   Accent "al" crimson is reserved for bullets and markers. */

@font-face{font-family:"SofiaX";font-weight:500;font-display:swap;src:url(/assets/fonts/sofiax-latin-500.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:"SofiaX";font-weight:500;font-display:swap;src:url(/assets/fonts/sofiax-latin-ext-500.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:"SofiaX";font-weight:500;font-display:swap;src:url(/assets/fonts/sofiax-cyrillic-500.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"SofiaX";font-weight:500;font-display:swap;src:url(/assets/fonts/sofiax-cyrillic-ext-500.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"SofiaX";font-weight:600;font-display:swap;src:url(/assets/fonts/sofiax-latin-600.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:"SofiaX";font-weight:600;font-display:swap;src:url(/assets/fonts/sofiax-latin-ext-600.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:"SofiaX";font-weight:600;font-display:swap;src:url(/assets/fonts/sofiax-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"SofiaX";font-weight:600;font-display:swap;src:url(/assets/fonts/sofiax-cyrillic-ext-600.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Sofia";font-weight:300;font-display:swap;src:url(/assets/fonts/sofia-latin-300.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:"Sofia";font-weight:300;font-display:swap;src:url(/assets/fonts/sofia-latin-ext-300.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:"Sofia";font-weight:300;font-display:swap;src:url(/assets/fonts/sofia-cyrillic-300.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Sofia";font-weight:400;font-display:swap;src:url(/assets/fonts/sofia-latin-400.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:"Sofia";font-weight:400;font-display:swap;src:url(/assets/fonts/sofia-latin-ext-400.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:"Sofia";font-weight:400;font-display:swap;src:url(/assets/fonts/sofia-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Sofia";font-weight:400;font-display:swap;src:url(/assets/fonts/sofia-cyrillic-ext-400.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Sofia";font-weight:500;font-display:swap;src:url(/assets/fonts/sofia-latin-500.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:"Sofia";font-weight:500;font-display:swap;src:url(/assets/fonts/sofia-latin-ext-500.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:"Sofia";font-weight:500;font-display:swap;src:url(/assets/fonts/sofia-cyrillic-500.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Sofia";font-weight:600;font-display:swap;src:url(/assets/fonts/sofia-latin-600.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:"Sofia";font-weight:600;font-display:swap;src:url(/assets/fonts/sofia-latin-ext-600.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:"Sofia";font-weight:600;font-display:swap;src:url(/assets/fonts/sofia-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PlexMono";font-weight:400;font-display:swap;src:url(/assets/fonts/plexmono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F}
@font-face{font-family:"PlexMono";font-weight:500;font-display:swap;src:url(/assets/fonts/plexmono-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F}
@font-face{font-family:"PlexArabic";font-weight:300;font-display:swap;src:url(/assets/fonts/plexar-300.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"PlexArabic";font-weight:400;font-display:swap;src:url(/assets/fonts/plexar-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"PlexArabic";font-weight:500;font-display:swap;src:url(/assets/fonts/plexar-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"PlexArabic";font-weight:600;font-display:swap;src:url(/assets/fonts/plexar-600.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{
  --bg:#FFFFFF; --mist:#F3F3F1; --mist-2:#E8E8E5; --line:rgba(17,17,17,.09); --line-2:rgba(17,17,17,.18);
  --ink:#111111; --ink-2:#55575B; --ink-3:#8B8D91;
  --dark:#0D0D0E; --dark-2:#1A1A1C; --on-dark:#F1F1EE; --on-dark-2:#9A9B9E; --dline:rgba(255,255,255,.12);
  --al:#C21D37; --al-2:#E2405A; --ok-tint:#E4F1E9; --al-tint:#FBEAED;
  --display:"SofiaX","Sofia","Arial Narrow",Arial,sans-serif;
  --body:"Sofia","Helvetica Neue",Arial,sans-serif;
  --mono:"PlexMono",ui-monospace,Menlo,monospace;
  --wrap:1440px; --gx:max(20px,env(safe-area-inset-left,0px)); --gy:max(20px,env(safe-area-inset-right,0px));
  --inset:12px; --r:10px; --r-lg:22px;
  --t-xs:.75rem; --t-sm:.875rem; --t-md:1.0625rem; --t-lg:1.25rem; --t-xl:clamp(1.4rem,2vw,1.75rem);
  --t-2xl:clamp(2.2rem,4vw,3.6rem); --t-3xl:clamp(2.8rem,6.2vw,5.6rem); --t-hero:clamp(3.6rem,10.5vw,10.5rem);
  --ease:cubic-bezier(.2,.7,.1,1);
}
:lang(ar){--display:"PlexArabic","Sofia",Tahoma,sans-serif;--body:"PlexArabic","Sofia",Tahoma,sans-serif}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--t-md)/1.6 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:.95;letter-spacing:-.005em;margin:0;text-wrap:balance}
:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{line-height:1.25}
p{margin:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--al);outline-offset:3px}
.mono,.code{font-family:var(--mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gx);padding-right:var(--gy)}
.skip{position:absolute;inset-inline-start:12px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:200;border-radius:6px;transform:translateY(-300%)}
.skip:focus{transform:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--ink-3)}
.lead{font-size:var(--t-lg);line-height:1.55;color:var(--ink-2);max-width:56ch;font-weight:300}
:lang(ar) .lead{font-weight:400}
.label{display:inline-flex;align-items:center;gap:10px;font:500 var(--t-sm)/1 var(--body);color:var(--ink)}
.label::before{content:"";width:7px;height:7px;background:var(--al);flex-shrink:0}
.on-dark .label{color:var(--on-dark)}
.eyebrow{font:500 var(--t-xs)/1.3 var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3)}
:lang(ar) .eyebrow{letter-spacing:0;font-family:var(--body)}
.grey{color:var(--ink-3)}
.on-dark .grey{color:#6E6F72}

/* hairline 4-column grid (Zeyna) */
.lines{position:relative;isolation:isolate}
.lines::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:min(100%,var(--wrap));transform:translateX(-50%);z-index:-1;pointer-events:none;
  background:linear-gradient(to right,var(--line),var(--line)) calc(var(--gx) + (100% - var(--gx) - var(--gy)) * .25) 0/1px 100% no-repeat,
             linear-gradient(to right,var(--line),var(--line)) calc(var(--gx) + (100% - var(--gx) - var(--gy)) * .5) 0/1px 100% no-repeat,
             linear-gradient(to right,var(--line),var(--line)) calc(var(--gx) + (100% - var(--gx) - var(--gy)) * .75) 0/1px 100% no-repeat}
.mist{background:var(--mist)}
@media (max-width:760px){.lines::before{background:linear-gradient(to right,var(--line),var(--line)) 50% 0/1px 100% no-repeat}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 20px;border-radius:8px;border:0;background:var(--ink);color:#fff;font:500 var(--t-sm)/1 var(--body);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease);white-space:nowrap}
.btn::before{content:"";width:6px;height:6px;background:currentColor;opacity:.9}
.btn:hover{background:var(--al);color:#fff}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--al);color:#fff}
.btn--glass{background:rgba(255,255,255,.14);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.btn--glass:hover{background:#fff;color:var(--ink)}
.btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn--line:hover{background:var(--ink);color:#fff;box-shadow:none}
.btn--al{background:var(--al)}
.btn--al:hover{background:var(--ink)}
.btn--block{width:100%;justify-content:center}
.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn--plain::before{display:none}
.round{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;transition:transform .35s var(--ease),background .25s;flex-shrink:0}
.round:hover{transform:rotate(-45deg);background:var(--al);color:#fff}
[dir=rtl] .round svg,[dir=rtl] .arrow,[dir=rtl] .tarr{transform:scaleX(-1)}
.tarr{display:inline-block}
.link{display:inline-flex;align-items:center;gap:10px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}
.link:hover{color:var(--al)}

/* header: floating pills over content */
.hdr{position:fixed;top:0;left:0;right:0;z-index:60;padding:calc(var(--inset) + 10px) calc(var(--inset) + 14px) 0;pointer-events:none}
.hdr__bar{display:flex;align-items:center;gap:8px;pointer-events:auto}
.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:8px;background:rgba(255,255,255,.86);color:var(--ink);font:500 var(--t-sm)/1 var(--body);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 0 0 1px var(--line);transition:background .25s,color .25s;border:0;cursor:pointer}
.pill:hover{background:#fff}
.pill--dot::before{content:"";width:6px;height:6px;background:var(--al)}
.hdr--over:not(.scrolled) .pill,.hdr--over:not(.scrolled) .navbox{background:rgba(20,20,22,.3);color:#fff;box-shadow:none}
.hdr--over:not(.scrolled) .pill:hover{background:rgba(20,20,22,.55)}
.logo{display:inline-flex;align-items:center;gap:10px}
.logo__mark{width:28px;height:28px;flex-shrink:0}
.logo__word{font:600 1.25rem/1 "SofiaX","Sofia",sans-serif;letter-spacing:.08em;white-space:nowrap}
.navbox{display:flex;align-items:center;height:44px;padding:0 4px;border-radius:8px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--line);margin-inline-start:auto;transition:background .25s,color .25s}
.navbox a{display:inline-flex;align-items:center;height:36px;padding:0 13px;border-radius:6px;font:500 var(--t-sm)/1 var(--body)}
.navbox a:hover,.navbox a[aria-current]{background:rgba(127,127,127,.16)}
.qn{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--al);color:#fff;font:500 11px/20px var(--mono);text-align:center}
.hdr__end{display:flex;gap:8px;align-items:center}
.lang{position:relative}
.lang summary{list-style:none}
.lang summary::-webkit-details-marker{display:none}
.lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:#fff;color:var(--ink);list-style:none;margin:0;padding:6px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.14);min-width:180px;z-index:70}
.lang li a{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:8px;font-size:var(--t-sm)}
.lang li a:hover,.lang li a[aria-current]{background:var(--mist)}
.lang li a span{font-family:var(--mono);color:var(--ink-3);font-size:var(--t-xs)}
.menu-btn{display:none}
.drawer{position:fixed;inset:0;z-index:120;background:rgba(10,10,11,.5);display:flex;justify-content:flex-end}
.drawer__in{width:min(460px,100%);height:100%;background:var(--dark);color:var(--on-dark);overflow:auto;padding:22px 26px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}
.drawer__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.drawer__in>a{font:500 2.3rem/1.15 var(--display);padding:6px 0;border-bottom:1px solid var(--dline)}
.drawer__in>a:hover{color:var(--al-2)}
.drawer__langs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:24px}
.drawer__langs a{padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.08);font:500 var(--t-xs) var(--mono)}
@media (max-width:1180px){.navbox{display:none}.menu-btn{display:inline-flex}.hdr__end{margin-inline-start:auto}}
@media (max-width:560px){.hdr{padding:calc(var(--inset) + 4px) 14px 0}.pill{padding:0 12px}.q-label,.lang-label{display:none}.logo__word{font-size:1.08rem}}

/* hero: inset dark panel, three-clip triptych (cotton → knitting → dyeing) */
.hero{padding:var(--inset)}
.hero__panel{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--dark);color:#fff;min-height:max(640px,calc(100svh - var(--inset) * 2));display:grid;isolation:isolate}
.hero__media{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:-2}
.hero__media figure{margin:0;position:relative;overflow:hidden}
.hero__media figure+figure{border-inline-start:1px solid rgba(255,255,255,.08)}
.hero__media video,.hero__media img{width:100%;height:100%;object-fit:cover}
.hero__media figcaption{position:absolute;top:100px;inset-inline-start:20px;font:500 var(--t-xs)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.hero__panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,8,9,.55) 0%,rgba(8,8,9,.08) 30%,rgba(8,8,9,.28) 55%,rgba(8,8,9,.9) 100%)}
.hero__content{align-self:end;padding:0 clamp(18px,3vw,44px) clamp(22px,3.4vw,46px);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:32px;align-items:end}
.hero__kicker{font:400 var(--t-sm)/1.4 var(--body);color:rgba(255,255,255,.78);margin-bottom:18px;display:flex;gap:10px;align-items:center}
.hero__kicker::before{content:"";width:7px;height:7px;background:var(--al)}
.hero h1{font-size:var(--t-hero);line-height:.86;letter-spacing:-.01em}
.hero h1 span{display:block}
.hero h1 .l2{color:rgba(255,255,255,.48)}
.hero__side{display:grid;gap:18px;padding-bottom:10px}
.hero__side p{color:rgba(255,255,255,.84);font-weight:300;font-size:var(--t-md)}
.hero__cta{display:flex;flex-wrap:wrap;gap:8px}
.hero__steps{position:absolute;top:clamp(110px,15vh,160px);inset-inline-end:clamp(18px,3vw,44px);list-style:none;margin:0;padding:0;display:grid;gap:14px;min-width:280px}
.hero__steps li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;font:500 var(--t-sm)/1 var(--body)}
.hero__steps li span{font:400 var(--t-xs) var(--mono);color:rgba(255,255,255,.55)}
.hero__steps li i{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(194,29,55,.95))}
@media (max-width:1000px){.hero__content{grid-template-columns:1fr}.hero__steps{display:none}.hero__media{grid-template-columns:1fr 1fr}.hero__media figure:nth-child(3){display:none}}
@media (max-width:560px){.hero__media{grid-template-columns:1fr}.hero__media figure:nth-child(2){display:none}.hero__media figcaption{display:none}}

/* statement with word-by-word reveal (Zeyna) */
.statement{padding:clamp(80px,12vw,180px) 0}
.statement__grid{display:grid;grid-template-columns:1fr 3fr;gap:24px}
.statement p.big{font:400 var(--t-2xl)/1.14 var(--body);letter-spacing:-.015em;max-width:30ch}
:lang(ar) .statement p.big{line-height:1.55}
.js .statement .w{opacity:.15;transition:opacity .35s linear}
.js .statement .w.on{opacity:1}
@media (max-width:900px){.statement__grid{grid-template-columns:1fr}}

/* section heads */
.sec{padding:clamp(72px,9vw,140px) 0}
.shead{display:grid;grid-template-columns:1fr 1fr;gap:20px 48px;align-items:end;margin-bottom:clamp(40px,6vw,80px)}
.shead h2{font-size:var(--t-3xl);max-width:14ch}
.shead .lead{justify-self:end}
.shead__k{grid-column:1/-1}
@media (max-width:900px){.shead{grid-template-columns:1fr}.shead .lead{justify-self:start}}

/* process list: giant number, title, text, vertical clip */
.steps2{border-top:1px solid var(--line-2)}
.step2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.8fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line-2);align-items:start}
.step2__n{font:500 clamp(4rem,9vw,8.5rem)/.8 var(--display);letter-spacing:-.02em}
.step2 h3{font-size:var(--t-2xl)}
.step2 p{color:var(--ink-2);max-width:42ch;font:300 var(--t-lg)/1.55 var(--body)}
:lang(ar) .step2 p{font-weight:400}
.clip{position:relative;border-radius:14px;overflow:hidden;background:var(--mist-2);aspect-ratio:9/14}
.clip video,.clip img{width:100%;height:100%;object-fit:cover}
.on-dark .clip{background:var(--dark-2)}
@media (max-width:1000px){.step2{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.step2__n{grid-column:1/-1}.step2>div{grid-column:1}.step2 .clip{grid-column:2;grid-row:2/span 2}}
@media (max-width:620px){.step2{grid-template-columns:minmax(0,1fr) 120px;gap:16px}}

/* stats: staggered cards (Shaft) */
.stats2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
.stat2{background:var(--mist);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:260px}
.stat2:nth-child(2){min-height:330px}.stat2:nth-child(3){min-height:220px}.stat2:nth-child(4){min-height:290px}
.stat2 b{font:500 clamp(3.6rem,6vw,6rem)/.85 var(--display);letter-spacing:-.02em}
.stat2 span{font-size:var(--t-md);color:var(--ink-2)}
@media (max-width:900px){.stats2{grid-template-columns:repeat(2,minmax(0,1fr))}.stat2,.stat2:nth-child(n){min-height:190px}}

/* dark panel (Shaft) */
.panel{margin:0 var(--inset);border-radius:var(--r-lg);background:var(--dark);color:var(--on-dark)}
.on-dark .lead{color:var(--on-dark-2)}
.on-dark .eyebrow{color:#7E8084}

/* fabric family cards */
.fams2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 12px}
.fam2{position:relative;display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.fam2__img{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--mist)}
.fam2__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),opacity .5s}
.fam2__img .alt{position:absolute;inset:0;opacity:0}
.fam2:hover .fam2__img img{transform:scale(1.04)}
.fam2:hover .fam2__img .alt{opacity:1}
.fam2__meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.fam2,.card,.stat2{min-width:0}
.fam2 h3{font-size:1.9rem;line-height:1}
.fam2 small{font:400 var(--t-xs) var(--mono);color:var(--ink-3)}
.fam2--more{justify-content:space-between;background:var(--dark);color:#fff;border-radius:var(--r);padding:24px;aspect-ratio:1/1}
.fam2--more h3{font-size:2.6rem}
@media (max-width:1100px){.fams2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.fams2{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.fam2 h3{font-size:1.4rem}.fam2--more h3{font-size:1.8rem}}

/* colour panel */
.cpanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(40px,6vw,90px) clamp(22px,4vw,64px)}
.cpanel h2{font-size:var(--t-3xl);margin:18px 0 20px}
.wall{display:grid;grid-template-columns:repeat(22,minmax(0,1fr));gap:3px}
.wall a{aspect-ratio:3/4;border-radius:2px;overflow:hidden;display:block}
.wall img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.wall a:hover img{transform:scale(1.3)}
@media (max-width:960px){.cpanel{grid-template-columns:1fr}.wall{grid-template-columns:repeat(11,minmax(0,1fr))}}

/* prints strip */
.prints{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.prints a{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:var(--mist)}
.prints img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.prints a:hover img{transform:scale(1.05)}
@media (max-width:760px){.prints{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2);padding:22px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:500 var(--t-lg)/1.35 var(--body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 1.6rem/1 var(--body);color:var(--al);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--ink-2);max-width:60ch;font-weight:300}
@media (max-width:860px){.faq{grid-template-columns:1fr}}

/* final call */
.final{padding:clamp(80px,10vw,160px) 0}
.final__row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.final h2{font-size:var(--t-hero);line-height:.86;max-width:11ch}
.final p{margin-top:24px;max-width:44ch}
.final .round{width:clamp(90px,10vw,150px);height:clamp(90px,10vw,150px)}

/* footer */
.ftr{margin:0 var(--inset) var(--inset);border-radius:var(--r-lg);background:var(--dark);color:var(--on-dark-2);overflow:hidden}
.ftr a{color:var(--on-dark)}
.ftr a:hover{color:var(--al-2)}
.ftr .btn--light,.on-dark .btn--light{color:var(--ink)}
.ftr .btn--light:hover,.on-dark .btn--light:hover{color:#fff}
.ftr__top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px;padding:clamp(48px,6vw,80px) clamp(22px,4vw,56px) 40px}
.ftr h2{font:500 var(--t-xs) var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#6E6F72;margin-bottom:16px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--t-sm)}
.ftr__about{font-size:var(--t-md);line-height:1.6;max-width:40ch;font-weight:300;color:var(--on-dark)}
.ftr__word{font:500 clamp(4.6rem,17.5vw,17rem)/.8 var(--display);letter-spacing:-.02em;color:var(--on-dark);padding:0 clamp(16px,3vw,44px);white-space:nowrap;overflow:hidden}
.ftr__word b{color:var(--al);font-weight:500}
.ftr__base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px clamp(22px,4vw,56px) calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--dline);font-size:var(--t-xs)}
@media (max-width:900px){.ftr__top{grid-template-columns:1fr 1fr}.ftr__top>div:first-child{grid-column:1/-1}}
.wa{position:fixed;inset-inline-end:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;background:#1FA855;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:50;transition:transform .3s var(--ease)}
.wa:hover{transform:scale(1.06);color:#fff}
body.has-addbar .wa{inset-inline-end:auto;inset-inline-start:max(18px,env(safe-area-inset-left,0px))}
@media (max-width:1000px){body.has-addbar .wa{display:none}}

/* inner page head */
.phead{padding:clamp(130px,16vw,190px) 0 clamp(40px,6vw,72px)}
.phead h1{font-size:var(--t-3xl);margin:20px 0 22px;max-width:16ch}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-size:var(--t-xs);color:var(--ink-3)}
.crumbs li+li::before{content:"/";margin-inline-end:8px;color:var(--line-2)}
.crumbs a:hover{color:var(--ink)}
.pcrumbs{padding-top:clamp(96px,10vw,120px)}

/* listing */
.shop{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;padding-block:8px clamp(80px,9vw,140px)}
.filters{position:sticky;top:96px;align-self:start;display:grid;gap:30px}
.fgroup h2{font:500 var(--t-xs)/1 var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:12px}
:lang(ar) .fgroup h2{letter-spacing:0}
.check{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:var(--t-sm)}
.check input{width:16px;height:16px;accent-color:var(--ink);margin:0}
.check small{margin-inline-start:auto;color:var(--ink-3);font-family:var(--mono)}
.shop__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;min-height:40px;border-bottom:1px solid var(--line-2);padding-bottom:14px}
.shop__count{font:400 var(--t-sm) var(--mono);color:var(--ink-2)}
.ffab{display:none}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 14px;list-style:none;margin:0;padding:0}
.card{display:flex;flex-direction:column;gap:14px;color:var(--ink)}
.card__img{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--mist)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),opacity .45s}
.card__img .alt{position:absolute;inset:0;opacity:0}
.card:hover .card__img img{transform:scale(1.035)}
.card:hover .card__img .alt{opacity:1}
.card__badge{position:absolute;top:12px;inset-inline-start:12px;background:rgba(255,255,255,.9);border-radius:6px;padding:5px 9px;font:500 11px/1.2 var(--mono)}
.card__body{display:grid;gap:5px}
.card__code{font:400 var(--t-xs) var(--mono);color:var(--ink-3)}
.card__body h3{font-size:1.8rem;line-height:1}
.card__comp{font-size:var(--t-sm);color:var(--ink-2);font-weight:300}
.card__foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font:400 var(--t-xs) var(--mono);color:var(--ink-3);padding-top:6px}
.dots{display:flex}
.dots i{width:12px;height:12px;border-radius:50%;margin-inline-start:-3px;border:1.5px solid #fff}
.dots i:first-child{margin-inline-start:0}
.empty-state{padding:48px;text-align:center;color:var(--ink-2);border:1px dashed var(--line-2);border-radius:var(--r)}
@media (max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.shop{grid-template-columns:minmax(0,1fr);gap:0}.filters{position:fixed;inset:auto 0 0 0;z-index:90;background:#fff;border-radius:16px 16px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto;box-shadow:0 -12px 40px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .3s var(--ease)}.filters.open{transform:none}.ffab{display:inline-flex}}
@media (max-width:520px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}.card__body h3{font-size:1.3rem}.card__comp{display:none}}

/* family page */
.fhero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:end;padding-bottom:clamp(40px,6vw,80px)}
.fhero__img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1/1;background:var(--mist)}
.fhero__img img{width:100%;height:100%;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;border-top:1px solid var(--line-2)}
.facts div{padding:16px 16px 0 0}
.facts dt{font:500 var(--t-xs) var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}
.facts dd{margin:8px 0 0;font-size:var(--t-sm)}
.facts ul{margin:0;padding:0;list-style:none}
.notes{border-top:1px solid var(--line-2);padding-top:26px;display:grid;grid-template-columns:1fr 3fr;gap:24px}
.notes h2{font:500 var(--t-sm) var(--body);display:flex;gap:10px;align-items:center}
.notes h2::before{content:"";width:7px;height:7px;background:var(--al)}
.notes p{font:300 var(--t-xl)/1.4 var(--body);max-width:52ch}
@media (max-width:900px){.fhero{grid-template-columns:minmax(0,1fr)}.facts{grid-template-columns:1fr}.notes{grid-template-columns:1fr}}

/* product page */
.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:24px 0 clamp(60px,8vw,110px);align-items:start}
.gallery{position:sticky;top:84px;display:grid;gap:10px}
.gallery__main{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--mist);aspect-ratio:1/1}
.gallery__main img{width:100%;height:100%;object-fit:cover}
.gallery__swatch{position:absolute;inset:0;opacity:0;transition:opacity .35s var(--ease);background-size:cover;background-position:center}
.gallery__swatch.on{opacity:1}
.gallery__label{position:absolute;inset-inline-end:16px;bottom:16px;background:rgba(255,255,255,.92);border-radius:8px;padding:8px 14px 8px 9px;display:flex;align-items:center;gap:10px;font:500 var(--t-sm) var(--mono)}
.gallery__label i{width:20px;height:20px;border-radius:50%;background:var(--c,#ddd);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.thumbs button{padding:0;border:0;border-radius:8px;overflow:hidden;cursor:pointer;background:var(--mist);aspect-ratio:1/1;opacity:.7;transition:opacity .2s}
.thumbs button[aria-pressed=true]{opacity:1;outline:1.5px solid var(--ink);outline-offset:2px}
.thumbs img{width:100%;height:100%;object-fit:cover}
.gallery__note{font-size:var(--t-xs);color:var(--ink-3)}
.buy h1{font-size:var(--t-3xl);margin:16px 0 16px}
.buy__code{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:var(--mist);font:500 var(--t-xs)/1.3 var(--mono)}
.tag--al{background:var(--ink);color:#fff}
.buy__desc{color:var(--ink-2);font:300 var(--t-lg)/1.55 var(--body);max-width:52ch}
.specs{width:100%;border-collapse:collapse;margin:28px 0 8px;font-size:var(--t-sm)}
.specs th,.specs td{text-align:start;padding:12px 0;border-top:1px solid var(--line);vertical-align:top}
.specs th{width:40%;font-weight:400;color:var(--ink-3);padding-inline-end:16px}
.pstep{border-top:1px solid var(--ink);padding-top:20px;margin-top:34px}
.pstep__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.pstep__h h2{font-size:2rem;display:flex;gap:12px;align-items:baseline}
.pstep__h h2 span{font:400 var(--t-xs) var(--mono);color:var(--al)}
.pstep__h small{color:var(--ink-3);font-size:var(--t-sm)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-width:86px;height:48px;padding:0 14px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);background:#fff;border-radius:8px;cursor:pointer;font:500 var(--t-sm) var(--mono);display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:box-shadow .2s,background .2s}
.chip small{font-size:11px;color:var(--ink-3)}
.chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.chip[aria-pressed=true] small{color:#BDBEC2}
.picker{border-radius:var(--r);overflow:hidden;background:var(--mist)}
.picker__bar{display:flex;gap:10px;padding:12px 12px 0}
.picker__bar input{flex:1;min-width:150px;height:42px;padding:0 14px;border:0;border-radius:8px;font-family:var(--mono);background:#fff}
.picker__tabs{display:flex;gap:6px;overflow-x:auto;padding:12px;scrollbar-width:none}
.picker__tabs::-webkit-scrollbar{display:none}
.picker__tabs button{flex-shrink:0;display:flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:6px;border:0;background:#fff;font-size:var(--t-xs);cursor:pointer;white-space:nowrap}
.picker__tabs button i{width:10px;height:10px;border-radius:50%}
.picker__tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
.picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;padding:0 12px 12px;max-height:340px;overflow-y:auto;overscroll-behavior:contain}
.sw{position:relative;padding:0;border:0;background:var(--c);border-radius:4px;cursor:pointer;aspect-ratio:1/1.15;overflow:hidden}
.sw img{width:100%;height:100%;object-fit:cover}
.sw span{position:absolute;inset:auto 0 0 0;background:rgba(255,255,255,.92);font:500 9.5px/1.65 var(--mono);text-align:center;color:var(--ink)}
.sw[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}
.sw[aria-pressed=true]::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:9px;height:9px;background:var(--al)}
.pr-sw{aspect-ratio:3/4}
.picker__grid--prints{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.sel{display:grid;gap:8px;margin-top:14px}
.sel__row{display:grid;grid-template-columns:42px minmax(0,1fr) 110px 36px;gap:12px;align-items:center;background:var(--mist);border-radius:8px;padding:8px 10px}
.sel__row img{width:42px;height:42px;object-fit:cover;border-radius:5px}
.sel__row b{font:500 var(--t-sm) var(--mono)}
.sel__row input{width:100%;height:38px;border:0;border-radius:6px;padding:0 10px;text-align:end;font-family:var(--mono);background:#fff}
.sel__row button{width:36px;height:36px;border:0;background:none;cursor:pointer;color:var(--ink-3);font-size:20px;border-radius:6px}
.sel__row button:hover{background:#fff;color:var(--al)}
.sel__empty{padding:14px;border:1px dashed var(--line-2);border-radius:8px;color:var(--ink-3);font-size:var(--t-sm)}
.opts{display:grid;gap:8px;margin-top:14px}
.field{display:grid;gap:7px}
.field label,.flabel{font:500 var(--t-xs) var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}
:lang(ar) .field label,:lang(ar) .flabel{letter-spacing:0}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 14px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:8px;background:#fff}
.field textarea{min-height:100px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
.field .err{color:var(--al);font-size:var(--t-xs)}
.addbar{position:sticky;bottom:0;margin-top:24px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-2);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;z-index:5}
.addbar__sum{font:400 var(--t-sm) var(--mono)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--dark);color:#fff;border-radius:12px;padding:14px 16px 14px 20px;display:flex;gap:16px;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.25);z-index:130;max-width:calc(100vw - 32px)}
.toast a{color:#fff;font-weight:500;text-decoration:underline}
.made{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.6fr));gap:12px;align-items:end;padding:clamp(40px,5vw,72px) clamp(22px,4vw,56px)}
.made h2{font-size:var(--t-2xl);margin:16px 0 14px}
.made figure{margin:0}
.made figcaption{margin-top:10px;font:400 var(--t-xs) var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-2)}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px)}
.about h2{font-size:var(--t-2xl);margin-bottom:16px}
.about p{color:var(--ink-2);font-weight:300;font-size:var(--t-lg)}
.about p+p{margin-top:12px}
.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 14px;list-style:none;margin:0;padding:0}
.buy,.gallery,.picker{min-width:0}
@media (max-width:1000px){.pdp{grid-template-columns:minmax(0,1fr);gap:28px}.gallery{position:static}.made{grid-template-columns:repeat(3,minmax(0,1fr))}.made>div:first-child{grid-column:1/-1}.about{grid-template-columns:minmax(0,1fr)}.related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sel__row{grid-template-columns:36px minmax(0,1fr) 90px 32px;gap:8px}.chip{min-width:72px}.thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* production page */
.chapter2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.65fr) minmax(0,.65fr);gap:14px;padding:clamp(40px,5vw,72px) 0;border-top:1px solid var(--line-2);align-items:start}
.chapter2__n{font:500 clamp(5rem,12vw,11rem)/.78 var(--display);letter-spacing:-.02em}
.chapter2 h2{font-size:var(--t-2xl);margin-bottom:14px}
.chapter2 p{color:var(--ink-2);font:300 var(--t-lg)/1.55 var(--body);max-width:40ch}
@media (max-width:1000px){.chapter2{grid-template-columns:1fr 1fr}.chapter2__n,.chapter2>div:nth-child(2){grid-column:1/-1}}

/* colour card, prints, contact, quote, prose */
.cc-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0 26px}
.cc-tabs button{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border:0;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:8px;background:#fff;cursor:pointer;font-size:var(--t-sm)}
.cc-tabs button i{width:12px;height:12px;border-radius:50%}
.cc-tabs button small{font-family:var(--mono);color:var(--ink-3)}
.cc-tabs button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.cc-tabs button[aria-pressed=true] small{color:#BDBEC2}
.cc-fam{padding:34px 0;border-top:1px solid var(--line-2)}
.cc-fam h2{font-size:2.4rem;margin-bottom:20px;display:flex;gap:14px;align-items:baseline}
.cc-fam h2 small{font:400 var(--t-sm) var(--mono);color:var(--ink-3)}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:16px 12px}
.cc{display:grid;gap:8px}
.cc figure{margin:0;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--c)}
.cc img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.cc:hover img{transform:scale(1.06)}
.cc b{font:500 var(--t-sm) var(--mono)}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 12px}
.pr{margin:0;display:grid;gap:9px}
.pr a{display:block;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--mist)}
.pr img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.pr a:hover img{transform:scale(1.05)}
.pr figcaption{display:flex;justify-content:space-between;gap:8px;font-size:var(--t-sm)}
.pr figcaption b{font:400 var(--t-xs) var(--mono);color:var(--ink-3)}
.quote{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;padding:12px 0 clamp(80px,9vw,140px);align-items:start}
.qline{background:var(--mist);border-radius:var(--r);padding:20px 22px;display:grid;gap:12px}
.qline+.qline{margin-top:12px}
.qline__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.qline__head h3{font-size:1.8rem}
.qline__head small{display:block;color:var(--ink-3);font:400 var(--t-xs) var(--mono);margin-top:6px}
.qline .sel__row{background:#fff}
.qline__cols{display:grid;gap:6px}
.qline__notes{font-size:var(--t-sm);color:var(--ink-2)}
.qtot{display:flex;justify-content:space-between;padding:18px 4px;font:400 var(--t-md) var(--mono);border-bottom:1px solid var(--ink)}
.qform{position:sticky;top:96px;background:var(--mist);border-radius:var(--r-lg);padding:28px;display:grid;gap:14px}
.qform h2{font-size:2.2rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-sm);color:var(--ink-2)}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink);flex-shrink:0}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.notice{padding:18px 20px;border-radius:var(--r);font-size:var(--t-sm)}
.notice--ok{background:var(--ok-tint);color:#0F4D2E}
.notice--err{background:var(--al-tint);color:#8E1027}
@media (max-width:1000px){.quote{grid-template-columns:minmax(0,1fr)}.qform{position:static}}
@media (max-width:520px){.row2{grid-template-columns:1fr}}
.contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:clamp(40px,6vw,72px)}
.ccard{background:var(--mist);border-radius:var(--r);padding:26px;display:grid;gap:10px;align-content:start}
.ccard h2{font:500 var(--t-xs) var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3)}
.ccard a{font-size:var(--t-lg);font-weight:500;word-break:break-word}
.ccard a:hover{color:var(--al)}
@media (max-width:900px){.contact{grid-template-columns:minmax(0,1fr)}}
.photos3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding-bottom:clamp(60px,8vw,110px)}
.photos3 img{border-radius:var(--r);width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.photos3 img:first-child{aspect-ratio:auto}
@media (max-width:760px){.photos3{grid-template-columns:1fr 1fr}.photos3 img:first-child{grid-column:1/-1;aspect-ratio:16/10}}
.prose{max-width:72ch;padding-bottom:clamp(60px,8vw,110px);display:grid;gap:28px}
.prose h2{font-size:2rem;margin-bottom:10px}
.prose p{color:var(--ink-2);font-weight:300}

/* reveal on scroll */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.js .rv{opacity:1;transform:none}.js .statement .w{opacity:1}}

/* buyer.css */
/* Buyer edition: the fabric archive supplies the colour; layout supplies clarity. */
.navbox{gap:clamp(10px,1.2vw,22px)}
.pill--dot::before{display:none}.pill--dot>svg{flex-shrink:0}
.media-toolbar{display:flex;justify-content:space-between;gap:18px;padding:12px 20px 0;font-size:.78rem;color:var(--ink-3)}.media-toolbar button{border:0;background:none;padding:3px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.media-toolbar span{padding-top:3px}
.buyer-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;padding-block:84px}
.buyer-intro h2{font-size:clamp(3rem,5vw,5rem);margin-top:26px}.buyer-intro h2 span,.journal-masthead h1 span{color:var(--ink-3)}
.buyer-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}
.text-link{font-weight:500;display:inline-flex;gap:14px;align-items:baseline;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line-2);transition:text-decoration-color .2s}
.text-link:hover{text-decoration-color:var(--al)}
.buyer-note{font-size:.9rem;color:var(--ink-3);margin-top:20px;max-width:60ch}
.buyer-applications{background:var(--mist);border-block:1px solid var(--line)}
.application-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.application>div{border-radius:16px;overflow:hidden;margin-bottom:25px;background:#eee}
.application img{aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .45s var(--ease)}
.application:hover img{transform:scale(1.025)}
.mill-stage img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.mill-stage h3{font-size:2.5rem;margin:24px 0 14px}.mill-stage p{color:var(--ink-2);max-width:40ch}
.application h3{font-size:2.5rem;margin:14px 0}.application>p:not(.eyebrow){color:var(--ink-2);max-width:38ch}.application .text-link{margin-top:22px}
.buying-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);background:var(--dark);color:var(--on-dark);padding:clamp(30px,5vw,80px);border-radius:22px;margin-block:40px;max-width:calc(var(--wrap) - 24px);width:calc(100% - 24px)}
.buying-panel .label{color:var(--on-dark)}.buying-panel h2{font-size:clamp(3.2rem,5vw,5.5rem);margin-block:25px}.buying-panel .lead{color:#c5c5c8}.buying-panel .btn{margin:28px 16px 0 0}.buying-panel .text-link{margin-top:24px}.buying-panel .buyer-note{color:#b3b4b8}
.buying-checks>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 20px;border-top:1px solid #45464a;padding-block:24px}.buying-checks h3{font:500 1.35rem/1.3 var(--body)}.buying-checks p{grid-column:2;color:#c5c5c8}.buying-checks .mono{color:#c5c5c8;font-size:.82rem}
.journal-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:end;margin-bottom:40px}.journal-heading h2{font-size:clamp(2.8rem,4.5vw,4.8rem);margin-top:20px}.journal-heading .text-link{margin-top:20px}
.guide-card{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line-2)}
.guide-card__image{overflow:hidden;margin-top:18px;border-radius:12px;background:var(--mist)}.guide-card img{width:100%;aspect-ratio:16/11;object-fit:cover;transition:transform .45s var(--ease)}.guide-card:hover img{transform:scale(1.025)}
.guide-card__copy{padding-block:23px;display:flex;flex-direction:column;align-items:start;flex:1}.guide-card h3{font-size:2.3rem;margin:15px 0}.guide-card__copy>p:not(.eyebrow){color:var(--ink-2);font-size:1rem;margin-bottom:22px}.guide-card .text-link{margin-top:auto}
.journal-masthead{padding-top:100px;padding-bottom:45px}.journal-masthead .journal-heading{margin-top:55px}.journal-masthead h1{font-size:clamp(4.5rem,8vw,8rem);margin-top:26px}
.journal-cover{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);border-radius:18px;overflow:hidden;background:var(--mist)}.journal-cover>div:last-child{padding:clamp(28px,4vw,65px);align-self:center}.journal-cover img{height:100%;width:100%;object-fit:cover;aspect-ratio:1.25}.journal-cover h2{font-size:clamp(3rem,4.5vw,4.5rem);margin:24px 0}.journal-cover p:not(.eyebrow){color:var(--ink-2)}.journal-cover .text-link{margin-top:28px}
.article-head{padding-top:105px;padding-bottom:45px;max-width:1100px}.article-head>.label{margin-top:45px}.article-head h1{font-size:clamp(3.8rem,7vw,7rem);margin:25px 0;max-width:18ch}.article-head .lead{max-width:55ch}.article-byline{font-size:.87rem;color:var(--ink-3);margin-top:25px}
.article-banner img{width:100%;height:min(53vw,620px);object-fit:cover;border-radius:18px}.article-banner figcaption,.article-body figcaption{font-size:.82rem;color:var(--ink-3);padding-top:12px}
.article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:clamp(40px,7vw,110px);justify-content:center;padding-top:65px}.article-toc{align-self:start;position:sticky;top:110px;font-size:.94rem}.article-toc ol{padding-inline-start:18px;margin:24px 0}.article-toc li{margin-bottom:15px;padding-inline-start:6px}.article-toc a:hover{color:var(--al)}
.article-body{font-size:1.15rem;line-height:1.8}.article-body>section{scroll-margin-top:110px;margin-bottom:55px}.article-body h2{font-size:2.6rem;line-height:1.05;margin-bottom:22px}.article-body p+p{margin-top:22px}.article-body figure{margin:32px 0}.article-body figure img{width:100%;max-height:440px;object-fit:cover;border-radius:12px}.article-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:1rem}
.article-takeaway{border-inline-start:3px solid var(--al);background:var(--mist);padding:25px 30px;margin-bottom:50px}.article-takeaway p:last-child{margin-top:14px;font-size:1.3rem;line-height:1.6}
.article-checklist{padding:32px;background:var(--mist);border-radius:14px}.article-checklist h2{margin-top:20px}.article-checklist ul{padding-inline-start:24px}.article-checklist li{padding:8px 0}.article-checklist .btn{margin-top:16px}
.article-body .article-sources{font-size:.92rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:30px}.article-sources h2{font:500 1.2rem/1.3 var(--body)}.article-sources ul{padding-inline-start:20px}.article-sources li{margin:10px 0}.article-sources a{text-decoration:underline;text-underline-offset:4px}
.article-body a:not(.btn){text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}.article-body a:hover{text-decoration-color:var(--al)}
.reading-note{background:var(--mist);padding-block:35px;margin-block:55px}.reading-note h2{font-size:2.5rem;margin:20px 0;max-width:26ch}.reading-note>p:not(.label){max-width:65ch;color:var(--ink-2)}.reading-note .text-link{margin-top:20px}
.learning-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border-top:1px solid var(--line-2);border-inline-start:1px solid var(--line-2)}.learning-path li{border-inline-end:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.learning-path a{display:block;padding:30px;height:100%;transition:background .2s}.learning-path a:hover{background:var(--mist)}.learning-path .mono{color:var(--al);font-size:.8rem}.learning-path h3{font-size:2rem;margin:24px 0 16px}.learning-path p{font-size:1rem;color:var(--ink-2)}.learning-path .text-link{margin-top:24px;font-size:.92rem}
.brief-fields{border:1px solid var(--line-2);padding:18px;margin:10px 0 24px;border-radius:10px;min-width:0}.brief-fields legend{font-weight:500;font-size:.95rem;padding-inline:6px}.brief-fields legend span{font-weight:400;color:var(--ink-3)}.brief-fields .field+.field{margin-top:14px}.brief-fields input{min-width:0;width:100%}
@media(max-width:620px){.learning-path{grid-template-columns:minmax(0,1fr)}.learning-path a{padding:24px}.learning-path h3{margin-top:15px}.reading-note h2{font-size:2rem}}
/* Less video competition on small screens; the poster remains meaningful. */
@media(min-width:1201px){.navbox{font-size:.84rem}}
@media(max-width:1200px){.navbox{display:none}.menu-btn{display:flex}}
@media(max-width:900px){.buyer-intro{gap:32px;padding-block:60px}.application-grid{gap:18px}.application h3{font-size:2rem}.buying-panel{grid-template-columns:minmax(0,1fr)}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr);gap:30px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.article-toc ol{columns:2;column-gap:40px}.article-toc li{break-inside:avoid}}
@media(max-width:620px){.buyer-intro,.journal-heading,.journal-cover{grid-template-columns:minmax(0,1fr);gap:26px}.buyer-intro{padding-block:45px}.buyer-intro h2{font-size:3.3rem}.application-grid,.guide-grid{grid-template-columns:minmax(0,1fr);gap:36px}.application img{aspect-ratio:1.35}.application h3{font-size:2.5rem}.journal-heading h2{font-size:3rem}.guide-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px}.guide-card__image{margin-top:18px}.guide-card img{aspect-ratio:1;height:125px}.guide-card__copy{padding-top:18px}.guide-card h3{font-size:1.9rem;margin:10px 0}.guide-card__copy>p:not(.eyebrow){display:none}.guide-card .eyebrow{font-size:.62rem}.guide-card .text-link{font-size:.9rem}.journal-masthead{padding-top:85px}.journal-masthead h1{font-size:4.5rem}.journal-masthead .journal-heading{margin-top:35px}.journal-cover img{aspect-ratio:1.5}.article-head{padding-top:85px}.article-head h1{font-size:3.8rem}.article-banner img{height:290px}.article-layout{padding-top:35px}.article-body{font-size:1.07rem}.article-body h2{font-size:2.4rem}.article-toc ol{columns:1}.article-takeaway{padding:22px}.article-checklist{padding:24px}.buying-checks>div{gap:8px 12px}.buying-panel .text-link{font-size:.96rem}.article-head .crumbs{font-size:.7rem}.buying-panel h2{font-size:3.5rem}}
@media(prefers-reduced-motion:reduce){.application img,.guide-card img{transition:none}.application:hover img,.guide-card:hover img{transform:none}}

/* atelier.css */
/* Garment-first edition: cool white, carbon, scarlet and real fabric colour. */
:root{--wrap:1320px;--ink-3:#6b6e73;--r-lg:16px}
.hdr{padding:16px 24px 0}.hdr__bar{padding:8px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.04)}.hdr .pill,.hdr .navbox{box-shadow:none;background:transparent}.hdr .logo{padding-left:8px}.hdr .pill--dot{background:var(--ink);color:white}.hdr .navbox{gap:0}.hdr .navbox a{padding-inline:16px}.hdr--over:not(.scrolled) .pill,.hdr--over:not(.scrolled) .navbox{color:var(--ink);background:transparent}.hdr--over:not(.scrolled) .pill--dot{background:var(--ink);color:#fff}
.atelier-hero{padding-top:125px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:36px;align-items:center;padding-bottom:40px}.atelier-hero h1{font-size:clamp(4rem,7.5vw,7rem);line-height:.97;margin:26px 0}.atelier-hero h1 span{color:#616569}.atelier-hero .lead{font-size:1.17rem;max-width:44ch}.atelier-hero__visual{position:relative;border-radius:14px;overflow:hidden;background:var(--mist)}.atelier-hero__visual>img{width:100%;aspect-ratio:.93;object-fit:cover}.sample-tag{position:absolute;bottom:24px;left:24px;background:rgba(255,255,255,.96);padding:24px 28px;border-radius:7px;min-width:230px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.sample-tag .mono{font-size:.64rem;letter-spacing:.12em}.sample-tag b{font:500 2.4rem/1 var(--display);display:block;margin:14px 0}.sample-tag a{font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.hero-proof{display:flex;gap:30px;padding-top:32px;margin-top:32px;border-top:1px solid var(--line-2)}.hero-proof span{display:flex;flex-direction:column;color:var(--ink-2);font-size:.82rem}.hero-proof b{font:500 2.3rem/1 var(--display);color:var(--ink);margin-bottom:6px}.atelier-service{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:18px;font-size:.83rem;color:var(--ink-2)}
.sec{padding-block:75px}.journal-heading h2{font-size:clamp(2.8rem,4.5vw,4.5rem)}.popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.popular-garment>div{position:relative;border-radius:12px;overflow:hidden;background:var(--mist)}.popular-garment img{width:100%;aspect-ratio:1.15;object-fit:cover;transition:transform 180ms var(--ease)}.popular-garment .mono{position:absolute;left:16px;bottom:16px;background:white;border-radius:4px;padding:6px 10px;font-size:.7rem}.popular-garment h3{font-size:2rem;display:flex;justify-content:space-between;margin-top:17px}.popular-garment h3 span{font-family:var(--body);font-size:1.3rem}
.atelier-steps{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:70px;background:#eaf0ef;border-radius:16px;padding:50px;margin-bottom:50px}.atelier-steps h2{font-size:4rem;margin-top:24px}.atelier-steps ol{margin:0;padding:0;list-style:none;counter-reset:journey}.atelier-steps li{counter-increment:journey;border-bottom:1px solid #cad4d2;padding:18px 0 18px 42px;position:relative}.atelier-steps li::before{content:'0' counter(journey);position:absolute;left:0;top:20px;font:500 .72rem var(--mono);color:var(--al)}.atelier-steps b{font-size:1.2rem}.atelier-steps p{font-size:1rem;color:var(--ink-2);margin-top:8px}
.garment-hub-head,.garment-head{padding-top:130px}.garment-hub-head>.label,.garment-head>.label{margin-top:40px}.garment-hub-head>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:60px;align-items:end;margin-top:28px}.garment-hub-head h1{font-size:clamp(4.5rem,8vw,7rem)}.garment-hub-head h1 span{color:#72777a}.draft-note{font-size:.82rem;color:#64696d;border-inline-start:2px solid #b9c1bf;padding-inline-start:12px;margin-top:28px;max-width:65ch}.garment-tools{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;margin-top:45px;margin-bottom:25px;align-items:end}.garment-tools label{display:block;font-weight:500;font-size:.92rem;margin-bottom:10px}.garment-tools input,.garment-tools select{width:100%;min-width:0;height:50px;border:1px solid #c9ced0;border-radius:7px;padding:10px 15px;background:white}.garment-tools>p{grid-column:1/-1;font-size:.85rem;color:var(--ink-2)}
.garment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;padding:0;margin:0;list-style:none}.garment-grid>li{min-width:0}.garment-card__photo{position:relative;overflow:hidden;border-radius:10px;background:var(--mist)}.garment-card__photo img{width:100%;aspect-ratio:1.1;object-fit:cover;transition:transform 180ms var(--ease)}.garment-card__photo>span{position:absolute;bottom:12px;left:12px;background:white;padding:4px 9px;border-radius:4px;font-size:.7rem}.garment-card__body{padding-top:17px}.garment-card__body h2{font-size:1.9rem}.garment-card__body>p{font-size:.93rem;line-height:1.6;color:var(--ink-2);margin-top:12px}.garment-card__meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:16px;font:400 .67rem var(--mono);color:var(--ink-2)}.garment-card__meta span{font:500 .82rem var(--body);color:var(--ink)}.garment-load{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;margin:45px 0 65px}.garment-load span{font-size:.8rem;color:var(--ink-2)}.garment-empty{padding:35px;background:var(--mist);border-radius:10px}
.brief-desk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;padding:45px;border-radius:14px;background:#eaf0ef;margin-block:60px}.brief-desk h2{font-size:3.5rem;margin:22px 0}.brief-desk p{color:var(--ink-2);max-width:44ch}.brief-desk ul{list-style:none;margin:0;padding:0}.brief-desk li{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #cad4d2;padding:12px 0}.brief-desk li button{border:0;background:none;text-decoration:underline;cursor:pointer;font-size:.85rem}.brief-desk [role=status]{font-size:.9rem;margin-top:15px}
.garment-head{padding-bottom:35px}.garment-head h1{font-size:clamp(3.8rem,6vw,6rem);max-width:24ch;margin:25px 0}.garment-head .lead{max-width:55ch}.garment-feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:50px;align-items:center}.garment-feature__photo img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:14px}.garment-feature__photo>p{font-size:.78rem;color:var(--ink-2);margin-top:12px;max-width:60ch}.garment-decision{background:#eef1f0;padding:38px;border-radius:14px}.garment-decision h2{font-size:3.5rem;margin:24px 0}.garment-decision>p{color:var(--ink-2);margin-top:20px}.garment-decision .decision-check{border-top:1px solid #cad4d2;padding-top:20px}.garment-decision .btn{margin:24px 7px 0 0;white-space:normal}.garment-decision [role=status]{font-size:.85rem;min-height:1.5em}
.garment-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-block:45px}.garment-tabs a{border:1px solid #d3d7d8;border-radius:6px;font-size:.88rem;padding:10px 14px}.garment-tabs a[aria-current]{background:var(--ink);color:white;border-color:var(--ink)}.garment-reading{display:grid;grid-template-columns:240px minmax(0,760px);gap:70px;justify-content:center}.garment-reading>aside{position:sticky;top:120px;align-self:start;font-size:.9rem}.garment-reading>aside ol{padding-inline-start:19px}.garment-reading>aside li{margin:14px 0}.garment-reading article{font-size:1.13rem;line-height:1.85}.garment-reading article section{margin-bottom:45px;scroll-margin-top:125px}.garment-reading article h2{font-size:2.7rem;margin-bottom:20px}.garment-reading .source-note{font-size:.95rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:30px}.source-note a{text-decoration:underline;text-underline-offset:4px}.fabric-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fabric-match{display:block;border:1px solid var(--line-2);padding:28px;border-radius:10px;background:var(--mist)}.fabric-match .mono{font-size:.78rem;color:var(--al)}.fabric-match h3{font-size:2.5rem;margin:14px 0}.fabric-match p,.fabric-match>span:last-child{font-size:.95rem;color:var(--ink-2)}
.btn:active{transform:scale(.98)}.btn{transition:background 180ms ease,color 180ms ease,transform 120ms ease-out}
@media(hover:hover) and (pointer:fine){.popular-garment:hover img,.garment-grid a:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.navbox{display:none}.menu-btn{display:flex}.hdr__end{margin-inline-start:auto}.garment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-hero h1{font-size:5.3rem}.garment-reading{grid-template-columns:190px minmax(0,1fr);gap:35px}}
@media(max-width:800px){.atelier-hero{grid-template-columns:minmax(0,1fr);padding-top:120px}.atelier-hero h1{font-size:5.5rem}.atelier-hero__visual>img{aspect-ratio:1.5}.atelier-service{flex-wrap:wrap;justify-content:start;gap:12px 22px}.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-steps{grid-template-columns:minmax(0,1fr);gap:25px;padding:35px}.garment-hub-head>div{grid-template-columns:minmax(0,1fr);gap:28px}.garment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garment-feature{grid-template-columns:minmax(0,1fr);gap:28px}.garment-reading{grid-template-columns:minmax(0,1fr)}.garment-reading>aside{position:static;border-bottom:1px solid var(--line);padding-bottom:20px}.garment-reading>aside ol{columns:2}.brief-desk{grid-template-columns:minmax(0,1fr);gap:25px}}
@media(max-width:520px){.hdr{padding:10px 10px 0}.hdr__bar{padding:5px;gap:0}.hdr .pill{padding-inline:12px}.hdr .logo{gap:7px}.hdr .logo__word{font-size:1rem}.atelier-hero{padding-top:112px;gap:30px}.atelier-hero h1{font-size:4.25rem}.atelier-hero .lead{font-size:1.08rem}.hero-proof{gap:28px;padding-top:24px;margin-top:24px}.hero-proof b{font-size:2rem}.atelier-hero__visual>img{aspect-ratio:1.05}.sample-tag{left:15px;bottom:15px;padding:17px;min-width:200px}.sample-tag b{font-size:2rem}.atelier-service{font-size:.75rem}.sec{padding-block:55px}.popular-grid{gap:25px 14px}.popular-garment h3{font-size:1.6rem}.popular-garment .mono{left:10px;bottom:10px;font-size:.6rem}.atelier-steps{margin-inline:12px;padding:28px;width:calc(100% - 24px)}.atelier-steps h2{font-size:3.3rem}.garment-hub-head,.garment-head{padding-top:110px}.garment-hub-head h1{font-size:4.4rem}.garment-tools{grid-template-columns:minmax(0,1fr)}.garment-grid{gap:28px 14px}.garment-card__body h2{font-size:1.65rem;line-height:1.1}.garment-card__body>p{font-size:.85rem}.garment-card__meta{flex-direction:column;gap:7px}.garment-card__photo>span{font-size:.6rem;left:8px;bottom:8px}.garment-head h1{font-size:3.6rem}.garment-decision{padding:27px}.garment-decision h2{font-size:3rem}.garment-tabs{gap:8px}.garment-tabs a{font-size:.8rem;padding:9px 12px}.garment-reading>aside ol{columns:1}.garment-reading article{font-size:1.05rem}.garment-reading article h2{font-size:2.35rem}.brief-desk{padding:28px;margin-inline:12px;width:calc(100% - 24px)}.brief-desk h2{font-size:3rem}.fabric-match-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.btn,.popular-garment img,.garment-card__photo img{transition:none}.btn:active,.popular-garment:hover img,.garment-grid a:hover img{transform:none}}
.concept-note{font-size:.73rem;line-height:1.5;color:var(--ink-2);margin-top:8px}.popular-garment img.generated-concept-image,.garment-card__photo img.generated-concept-image,.garment-feature__photo img.generated-concept-image{object-fit:contain;background:#faf9f6}.fabric-reference{display:flex;align-items:center;gap:16px;margin-top:20px;padding:15px;background:#f3f4f2;border-radius:12px}.fabric-reference img{width:90px;height:90px;object-fit:cover;border-radius:8px;flex:none}.fabric-reference figcaption{font-size:.78rem;line-height:1.6;color:var(--ink-2)}.intro-film{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:50px}.intro-film h2{font-size:clamp(3rem,4.5vw,4.8rem);margin:22px 0}.intro-film .lead{margin-bottom:20px}.intro-film__copy>p:not(.label):not(.lead){color:var(--ink-2);font-size:.9rem;line-height:1.7}.intro-film .text-link{display:inline-block;margin-top:22px}.intro-film .media-note{margin-top:15px;font-size:.75rem}.intro-film figure{min-width:0}.intro-film__launch{display:block;position:relative;width:100%;padding:0;border:0;background:#172320;border-radius:14px;overflow:hidden;cursor:pointer;text-align:left}.intro-film__launch[hidden]{display:none}.intro-film__launch>img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.intro-film__play{position:absolute;bottom:22px;left:22px;background:white;color:#141414;border-radius:99px;display:flex;align-items:center;gap:14px;padding:14px 20px;font-size:.88rem;font-weight:600;box-shadow:0 4px 25px #0003}.intro-film__play>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#bd1634;color:white;font-size:.7rem}.intro-film figcaption{font-size:.73rem;color:var(--ink-2);line-height:1.5;margin-top:10px}.intro-film__player{aspect-ratio:16/9;background:#101010;border-radius:14px;overflow:hidden}.intro-film__player[hidden]{display:none}.intro-film__player iframe{display:block;width:100%;height:100%;border:0}.mill-stage .clip{aspect-ratio:1.5;overflow:hidden;border-radius:12px}.mill-stage video{width:100%;height:100%;object-fit:cover;display:block}#process #media-toggle{margin-bottom:25px}
@media(max-width:800px){.intro-film{grid-template-columns:minmax(0,1fr);gap:28px}.intro-film h2{font-size:3.4rem}.intro-film__play{left:15px;bottom:15px;padding:9px 14px;font-size:.78rem}.fabric-reference{gap:12px}.fabric-reference img{width:75px;height:75px}}

.garment-reading .article-citation{font-size:.86rem;line-height:1.6;color:var(--ink-2);margin-top:12px}.article-citation a{text-decoration:underline;text-underline-offset:3px}

.garment-card__photo>.concept-tag{left:auto;right:8px;top:8px;bottom:auto;background:#fff;color:#313131;border:1px solid #ddd;font-size:.62rem}

.intro-film,.garment-showcase{padding-inline:var(--gx) var(--gy)}.intro-film figure{margin:0}.fabric-reference{margin:20px 0 0}

/* Individual concept photographs; no carousel dependency. */
.concept-gallery{margin:24px 0}.concept-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.concept-view{display:block;text-decoration:none;border:1px solid var(--line,#ddd);border-radius:8px;overflow:hidden;background:#faf9f7}.concept-view img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.concept-view>span{display:block;padding:10px;font-size:12px}.concept-view:focus-visible{outline:3px solid #a12236;outline-offset:3px}.brand-logo-generated{display:block;width:154px;height:auto;max-height:48px;object-fit:contain}@media(max-width:600px){.concept-gallery__grid{gap:6px}.concept-view>span{padding:8px 4px;font-size:11px}.brand-logo-generated{width:125px}}

.concept-gallery .media-note{font-size:12px;line-height:1.65;color:#62686a;margin-top:12px}
.manufacturer-hero{position:relative;isolation:isolate;background:#172728;color:#fff;min-height:710px;overflow:hidden}.manufacturer-hero__image{position:absolute;inset:0;z-index:-2}.manufacturer-hero__image img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;display:block}.manufacturer-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,23,27,.94),rgba(5,23,27,.68) 45%,rgba(5,23,27,.08))}.manufacturer-hero__copy{padding-top:80px;padding-bottom:38px}.manufacturer-hero .label{color:#c9e1da;letter-spacing:.16em}.manufacturer-hero h1{font-size:clamp(3.5rem,6.8vw,6.8rem);line-height:.99;letter-spacing:-.01em;word-spacing:.04em;max-width:920px;margin:24px 0}.manufacturer-hero h1 em{font-style:normal;color:#dfefa5}.manufacturer-hero .lead{color:#e4e9e8;max-width:540px;font-size:1.12rem;line-height:1.7}.manufacturer-hero .buyer-actions{margin-top:28px;gap:24px}.hero-secondary{color:#fff;text-decoration:underline;text-underline-offset:5px;font-weight:600}.manufacturer-hero__caption{color:#c6d5d2;font-size:.7rem;letter-spacing:.08em;margin-top:48px}.factory-editorial{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;padding-top:80px;padding-bottom:60px;align-items:start}.factory-editorial__lead{position:relative;height:660px}.factory-editorial__lead>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.factory-photo-label{position:absolute;bottom:15px;left:15px;background:#112b2e;color:#fff;padding:10px 14px;font-size:.72rem}.factory-editorial h2{font-size:clamp(2.5rem,4vw,4.3rem);letter-spacing:-.01em;word-spacing:.04em;line-height:1.05;margin:18px 0}.factory-editorial__copy>img{display:block;width:100%;height:220px;object-fit:cover;margin:26px 0}.video-reading{border-top:1px solid var(--line,#ddd)}.video-reading__all{display:inline-block;margin-top:28px}.buyer-video{margin:0 0 42px}.buyer-video video{display:block;aspect-ratio:16/9;width:100%;background:#13272a;object-fit:contain;border-radius:4px}.buyer-video figcaption{font-size:.78rem;color:#62686a;line-height:1.6;margin-top:12px}.video-guide .article-banner img{max-height:540px;object-fit:cover}.manufacturer-hero a:focus-visible{outline:3px solid #dfefa5;outline-offset:5px}@media(max-width:800px){.manufacturer-hero{min-height:740px}.manufacturer-hero__copy{padding-top:108px}.manufacturer-hero h1{font-size:clamp(3.5rem,10vw,5.3rem)}.manufacturer-hero:after{background:linear-gradient(90deg,rgba(5,23,27,.94),rgba(5,23,27,.58))}.manufacturer-hero .buyer-actions{align-items:flex-start;flex-direction:column;gap:20px}.manufacturer-hero__caption{margin-top:36px}.factory-editorial{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:46px}.factory-editorial__lead{height:350px}.factory-editorial__copy>img{height:240px}.manufacturer-hero .label{font-size:.65rem;line-height:1.7;max-width:260px}}@media(prefers-reduced-motion:reduce){.manufacturer-hero *{animation:none;transition:none}}
.workbook-note{background:#edf2ed;border-left:3px solid #567668;padding:22px 26px;margin-block:24px;color:#193136}.workbook-note h2{font-size:1.8rem;letter-spacing:-.01em;line-height:1.2}.workbook-note p{font-size:.92rem;line-height:1.7;max-width:980px}.workbook-note a{font-size:.9rem;text-underline-offset:4px}.garment-head .workbook-note{max-width:980px}.planning-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin:24px 0 60px;border:1px solid #dce2df;border-radius:4px}.planning-scroll:focus-visible{outline:3px solid #8e2438;outline-offset:3px}.planning-table{border-collapse:collapse;width:100%;min-width:780px;font-size:.9rem;line-height:1.6;text-align:left}.planning-table caption{text-align:left;padding:18px 20px;font-weight:650;background:#edf2ed}.planning-table th,.planning-table td{padding:18px 20px;vertical-align:top;border-bottom:1px solid #dce2df;width:25%}.planning-table thead{background:#193136;color:white}.planning-table tbody tr:nth-child(even){background:#f7f8f4}.planning-table small{display:block;font-size:.78rem;font-weight:400;margin-top:8px}.planning-table td a{display:block;text-underline-offset:3px}.planning-table tr[id]{scroll-margin-top:110px}.planning-table th .mono{font-size:.72rem;color:#8e2438}.planning-scroll+section{margin-top:50px}@media(max-width:600px){.workbook-note{padding:18px;margin-block:20px}.workbook-note h2{font-size:1.55rem}.planning-table{min-width:740px;font-size:.85rem}.planning-table th,.planning-table td{padding:14px}}
.garment-card__body .workbook-card-status{font-size:.72rem;color:#3d6854;margin-top:14px;line-height:1.5;font-weight:650}
#knit-plans,#woven-plans,#source-scope{scroll-margin-top:110px}
@media(max-width:600px){.planning-table{min-width:0;font-size:.9rem}.planning-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.planning-table tbody,.planning-table tr,.planning-table th,.planning-table td{display:block;width:100%}.planning-table tr{padding:14px 0;border-bottom:2px solid #aebeb4}.planning-table th,.planning-table td{border:0;padding:9px 16px}.planning-table th{font-size:1.05rem}.planning-table td[data-label]:before{content:attr(data-label);display:block;font-size:.67rem;font-weight:650;color:#52665c;letter-spacing:.04em;margin-bottom:4px}.planning-table caption{display:block}.planning-scroll{overflow-x:hidden}}
.collection-campaign{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:55px;align-items:center;padding-top:65px;padding-bottom:65px}.collection-campaign img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:6px;display:block}.collection-campaign h2{font-size:clamp(2.8rem,4.6vw,4.8rem);letter-spacing:-.02em;line-height:1.06;margin:22px 0}.collection-campaign .text-link{display:inline-block;margin-top:22px}.collection-campaign .media-note{font-size:.72rem;line-height:1.6;margin-top:12px;color:#62706b}.reading-tools{display:grid;grid-template-columns:1.5fr 1fr auto;gap:16px;margin:30px 0;align-items:end}.reading-tools label{display:block;font-size:.82rem;font-weight:650;margin-bottom:8px}.reading-tools input,.reading-tools select{display:block;width:100%;height:48px;border:1px solid #afbcb4;border-radius:4px;background:#fff;padding:10px 12px;font:inherit;font-size:.9rem}.reading-tools #reading-results{grid-column:1/-1;font-size:.85rem;color:#52665c;margin:0}.reading-tools input:focus-visible,.reading-tools select:focus-visible{outline:3px solid #8e2438;outline-offset:2px}[data-reading-card][hidden]{display:none}.application-campaign img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block;border-radius:4px}.application-campaign figcaption{font-size:.78rem;line-height:1.6;color:#52665c;margin-top:12px}.application-family-nav{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0}.application-family-nav a{padding:10px 14px;border:1px solid #bdc9c1;border-radius:4px;font-size:.85rem;text-decoration:none}.application-family-nav a:focus-visible{outline:3px solid #8e2438;outline-offset:3px}.application-family{border-top:1px solid #dce2df;scroll-margin-top:100px}.application-family h2,.application-next h2{letter-spacing:-.02em;line-height:1.1}.application-family__links{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.application-article .article-banner img{max-height:570px;object-fit:cover}.application-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;border-top:1px solid #dce2df}.application-article .article-citation{font-size:.82rem;margin-top:18px}.application-next li{margin-block:12px}.application-article .article-body section{scroll-margin-top:110px}#reading-room{scroll-margin-top:100px}@media(max-width:800px){.collection-campaign{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.collection-campaign h2{font-size:3rem}.reading-tools{grid-template-columns:1fr 1fr}.reading-tools>div:first-child{grid-column:1/-1}.reading-tools button{min-height:48px}.application-campaign{margin-block:20px}.application-campaign img{min-height:230px;object-fit:cover}.application-next{grid-template-columns:1fr;gap:22px}.application-family-nav a{font-size:.78rem}.application-family .guide-grid{grid-template-columns:1fr}}
/* The optional buying brief makes this form taller than short desktop screens.
   Normal flow keeps consent, validation and submit reachable on long lists. */
.qform{position:static;align-self:start}
.application-article .article-head h1,.application-landing-head h1{letter-spacing:-.015em;word-spacing:.035em;line-height:1.06;font-size:clamp(3rem,5.2vw,5.4rem)}#reading-room>.journal-heading h2{letter-spacing:-.015em;line-height:1.08}
.application-download{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px;background:#edf2ed;border-radius:6px;margin-top:40px}.application-download h2{font-size:2.3rem;letter-spacing:-.01em;line-height:1.1;margin:12px 0}.application-download p{max-width:690px;line-height:1.7}.application-download .btn{flex-shrink:0}@media(max-width:800px){.application-download{display:block;padding:22px}.application-download .btn{margin-top:18px}.application-download h2{font-size:2rem}}
.collection-campaign h2{letter-spacing:-.01em;word-spacing:.04em}.collection-campaign .text-link{margin-inline-start:16px}@media(max-width:800px){.collection-campaign .text-link{display:block;margin-inline-start:0}}

/* Editorial category collections, October 2026. */
.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#d6d1c9;border:1px solid #d6d1c9}.category-tile{background:#f6f4ef;padding:28px 22px;display:flex;flex-direction:column;gap:14px;color:#242724;text-decoration:none;min-height:245px;transition:background-color 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1)}.category-tile h3{font-size:27px;line-height:1.1;margin:0}.category-tile p{font-size:14px;line-height:1.5;margin:0}.category-tile .text-link{margin-top:auto}.category-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-article{padding:28px;background:#f6f4ef;color:inherit;text-decoration:none;border-top:2px solid #bb332e}.category-article h2{font-size:24px;line-height:1.2}.category-article p{line-height:1.65}.category-tile:focus-visible,.category-article:focus-visible{outline:3px solid #b9332e;outline-offset:4px}.category-tile:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.category-tile:hover{background:#eae5da;transform:translateY(-3px)}}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.category-tile{padding:22px 16px;min-height:220px}.category-tile h3{font-size:23px}.category-articles{grid-template-columns:1fr}.category-article{padding:24px}.category-discovery .journal-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.category-tile{transition:none}.category-tile:hover,.category-tile:active{transform:none}}

/* navy-design.css */
/* Navy / warm cream manufacturing identity. */
:root{--ink:#10243b;--ink-2:#405269;--ink-3:#637083;--mist:#f1eadc;--line:#d8d1c3;--line-2:#e5dfd3;--al:#183b61;--accent:#183b61}body{background:#faf6ed;color:#10243b}.hdr__bar{background:rgba(250,246,237,.98);border-color:#e2d9c8}.hdr .pill--dot{background:#10243b}.btn--al{background:#183b61;color:#fff9ec}.label:before,.eyebrow:before{background:#b7a27d}.category-tile,.category-article,.guide-card__copy{background:#f1eadc}.category-article{border-top-color:#183b61}.category-grid{background:#d8d1c3;border-color:#d8d1c3}.atelier-steps{background:#10243b;color:#faf6ed}.atelier-steps p,.atelier-steps .label{color:#d5dfeb}.collection-campaign{border-color:#d8d1c3}.factory-photo-label{background:#10243b;color:#faf6ed}.campaign-carousel{position:relative;background:#10243b;color:#faf6ed;isolation:isolate}.campaign-slide{position:relative;min-height:780px;overflow:hidden}.campaign-slide[hidden],.campaign-controls[hidden]{display:none}.campaign-slide__image{position:absolute;inset:0;z-index:-2}.campaign-slide__image img{width:100%;height:100%;object-fit:cover;object-position:center}.campaign-slide:after{position:absolute;inset:0;content:"";z-index:-1;background:linear-gradient(90deg,rgba(7,23,44,.96),rgba(7,23,44,.75) 45%,rgba(7,23,44,.18))}.campaign-slide__copy{padding-top:155px;padding-bottom:125px}.campaign-slide h1,.campaign-slide h2{font-size:clamp(3.5rem,6.5vw,6.6rem);line-height:1.01;letter-spacing:-.02em;max-width:900px;margin:26px 0}.campaign-slide em{font-style:normal;color:#e9d9b9}.campaign-slide .lead{color:#e1e6ec;max-width:550px;font-size:1.1rem;line-height:1.7}.campaign-slide .label{color:#ded6c7;font-size:.7rem}.campaign-slide .buyer-actions{margin-top:30px;gap:25px}.campaign-slide .btn--light{background:#faf6ed;color:#10243b}.campaign-provenance{font-size:.65rem;color:#c6d0dd;margin-top:30px;letter-spacing:.08em}.campaign-controls{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;gap:14px}.campaign-controls button{background:transparent;color:#faf6ed;border:1px solid #ffffff55;border-radius:50%;min-width:44px;height:44px;cursor:pointer;font:inherit;transition:background-color 180ms ease,transform 150ms ease-out}.campaign-controls [data-pause]{border-radius:24px;padding:0 18px;margin-left:auto}.campaign-dots{display:flex;gap:8px}.campaign-dots button{font-size:12px}.campaign-dots button[aria-pressed=true]{background:#faf6ed;color:#10243b}.campaign-controls button:active{transform:scale(.97)}.campaign-controls button:focus-visible,.image-mega a:focus-visible,.image-mega summary:focus-visible{outline:3px solid #c2a46c;outline-offset:4px}.image-mega summary{cursor:pointer;padding:12px 14px;font-size:13px;list-style:none;white-space:nowrap}.image-mega summary::-webkit-details-marker{display:none}.image-mega summary span{margin-left:8px}.image-mega__panel{position:absolute;top:calc(100% + 8px);left:24px;right:24px;background:#faf6ed;border:1px solid #d8d1c3;border-radius:12px;box-shadow:0 25px 60px #06172c33;padding:28px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:28px;color:#10243b;max-height:75vh;overflow:auto}.image-mega__intro h2{font-size:30px;line-height:1.1;margin:20px 0}.image-mega__intro p{font-size:13px;line-height:1.7}.image-mega .mega-cover{display:block!important;padding:0!important}.mega-cover img{width:100%;height:140px;object-fit:cover;border-radius:5px}.mega-cover h3{font-size:23px;margin:15px 0}.image-mega ul{list-style:none;padding:0}.image-mega li a{display:block!important;padding:8px 0!important;font-size:13px}.image-mega[open] summary{background:#e9dfcd;border-radius:6px}.hdr__bar{position:relative}.image-mega__panel section{min-width:0}.category-tile:hover{background:#e6dcc9}.hero-secondary{color:#faf6ed}
@media(max-width:1200px){.hdr .navbox a{padding-inline:9px}.image-mega summary{padding-inline:9px}.image-mega__panel{grid-template-columns:repeat(3,minmax(0,1fr))}.image-mega__intro{grid-column:1/-1}.image-mega__intro h2{margin:8px 0}.image-mega__intro p{margin:0}}
@media(max-width:800px){.campaign-slide{min-height:790px}.campaign-slide__copy{padding-top:130px;padding-bottom:145px}.campaign-slide h1,.campaign-slide h2{font-size:clamp(3.2rem,11vw,5rem)}.campaign-slide .buyer-actions{flex-direction:column;align-items:flex-start;gap:20px}.campaign-slide:after{background:linear-gradient(90deg,rgba(7,23,44,.94),rgba(7,23,44,.65))}.campaign-controls{gap:7px;bottom:22px}.campaign-controls button{min-width:35px;height:40px}.campaign-dots{gap:4px}.campaign-controls [data-pause]{padding:0 12px}.image-mega__panel{grid-template-columns:1fr;left:0;right:0}.mega-cover img{height:160px}}
@media(prefers-reduced-motion:reduce){.campaign-controls button{transition:none}}

.image-mega--mobile{margin-block:16px}.image-mega--mobile summary{font-size:20px}.image-mega--mobile .image-mega__panel{position:static;display:grid;grid-template-columns:1fr;max-height:none;box-shadow:none;padding:18px;margin-top:12px}.image-mega--mobile .mega-cover img{height:160px}.image-mega--mobile ul{margin:0}.image-mega--mobile .image-mega__intro{grid-column:auto}
/* Mega panel escapes the navigation pill's backdrop containing block. */
.hdr .navbox{backdrop-filter:none;-webkit-backdrop-filter:none;position:static}.navbox .image-mega__panel{position:fixed;top:88px;left:24px;right:24px;max-width:1392px;margin-inline:auto;width:auto}.image-mega .mega-cover,.image-mega li a{height:auto!important;line-height:1.5!important;align-items:initial!important}.image-mega ul{position:static!important;display:block!important;margin:12px 0 0!important}.image-mega li{position:static!important;display:block!important}.image-mega .mega-cover{white-space:normal}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.image-mega__panel{grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box}.mega-cover img{min-width:0;max-width:100%}.image-mega__intro{min-width:0}.image-mega__panel a{white-space:normal!important}.image-mega__panel h3{overflow-wrap:anywhere}.image-mega--mobile .image-mega__panel{grid-template-columns:minmax(0,1fr)}
@media(max-width:1200px){.navbox .image-mega__panel{grid-template-columns:repeat(3,minmax(0,1fr))}}

html[dir=rtl] .campaign-slide:after{background:linear-gradient(270deg,rgba(7,23,44,.96),rgba(7,23,44,.75) 45%,rgba(7,23,44,.18))}html[dir=rtl] .campaign-controls [data-pause]{margin-left:0;margin-right:auto}html[dir=rtl] .campaign-slide h1,html[dir=rtl] .campaign-slide h2{font-family:var(--body);font-size:clamp(3rem,5.5vw,5.5rem);line-height:1.2}

.localized-reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:0;list-style:none}.localized-reading-list li{padding:16px 0;border-bottom:1px solid var(--line)}.localized-reading-list a{line-height:1.65}.locale-note{font-size:.75rem;opacity:.8}.planning-table bdi{unicode-bidi:isolate}@media(max-width:700px){.localized-reading-list{grid-template-columns:minmax(0,1fr)}}

html[dir=rtl] .workbook-note{border-left:0;border-inline-start:3px solid #567668}html[dir=rtl] .article-toc{direction:rtl}.planning-scroll .planning-table{min-width:740px}

.planning-table--localized{display:table;min-width:740px}.planning-table--localized thead{display:table-header-group}.planning-table--localized tbody{display:table-row-group}.planning-table--localized tr{display:table-row}.planning-table--localized th,.planning-table--localized td{display:table-cell;width:auto}.planning-table--localized td:before{display:none}.planning-table--localized caption{display:table-caption}

/* v3 additions (appended to the bundle after navy-design.css) */
/* navy palette for every dark surface (footer, colour panel, drawer, buying panel), not only the carousel */
:root{--dark:#10243b;--dark-2:#183b61}
.concept-disclosure{grid-column:1/-1;margin-top:18px;font-size:.75rem;color:var(--ink-3)}
/* v2 home sections inside the navy/cream EN home */
.campaign-carousel+.atelier-service+.sec.lines{border-top:0}