/* Closet Remix — website styles, brand bible v4 */
:root{
  --ink:#1C2B22;
  --moss:#8BC34A;
  --moss-deep:#6FA833;
  --forest:#2D4739;
  --sage:#7A9E7E;
  --terracotta:#C4734F;
  --clay:#E8A87C;
  --blush:#E8B4B8;
  --blush-deep:#D89599;
  --sand:#F5F0EB;
  --warm-white:#FAF7F4;
  --line:rgba(28,43,34,0.12);
  --muted:rgba(28,43,34,0.6);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:17px;line-height:1.55;color:var(--ink);
  background:var(--warm-white);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--moss-deep)}

/* Type */
.serif,h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-0.015em;line-height:1.1;margin:0}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:0.02em}

h1{font-size:clamp(46px,7.4vw,108px);font-weight:300}
h2{font-size:clamp(34px,4.8vw,64px);font-weight:400}
h3{font-size:clamp(24px,2.6vw,34px);font-weight:500}
h4{font-size:22px;font-weight:500}
.serif em{font-style:italic;color:var(--forest)}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin:0}

/* Layout */
.container{max-width:1280px;margin:0 auto;padding:0 32px}
.container-tight{max-width:800px;margin:0 auto;padding:0 32px}
section{padding:96px 0}

/* Header */
header.site{position:sticky;top:0;z-index:50;background:rgba(250,247,244,0.92);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
header.site .row{display:flex;align-items:center;justify-content:space-between;height:72px}
header.site .wm{font-family:'Fraunces',serif;font-weight:300;font-size:26px;letter-spacing:-0.01em;color:var(--ink)}
header.site .wm em{font-style:normal;color:var(--moss-deep)}
header.site nav{display:flex;gap:32px;align-items:center}
header.site nav a{font-size:14px;color:var(--ink)}
header.site nav a:hover{color:var(--moss-deep)}
header.site nav .cta{background:var(--moss);color:var(--ink);padding:10px 20px;border-radius:999px;font-weight:500;font-size:14px;transition:transform 0.15s ease,background 0.15s ease}
header.site nav .cta:hover{background:var(--moss-deep);color:var(--warm-white);transform:translateY(-1px)}
@media (max-width:720px){header.site nav a:not(.cta){display:none}}

/* Hero */
.hero{padding-top:72px;padding-bottom:72px;position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:64px;align-items:center}
.hero .ey{margin-bottom:28px}
.hero h1{margin:0 0 24px;color:var(--ink)}
.hero h1 em{color:var(--forest);font-style:italic}
.hero .lead{font-size:20px;line-height:1.5;color:var(--ink);max-width:50ch;margin:0 0 36px;opacity:0.78}
.hero .form{display:flex;gap:10px;max-width:480px;flex-wrap:wrap}
.hero .form input{flex:1;min-width:240px;padding:18px 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--warm-white);font:inherit;color:var(--ink);outline:none;transition:border 0.15s}
.hero .form input:focus{border-color:var(--moss)}
.hero .form button{padding:18px 28px;border-radius:999px;border:0;background:var(--moss);color:var(--ink);font:inherit;font-weight:500;cursor:pointer;transition:transform 0.15s ease,background 0.15s ease}
.hero .form button:hover{background:var(--moss-deep);color:var(--warm-white);transform:translateY(-1px)}
.hero .micro{margin-top:16px;font-size:13px;color:var(--muted)}
.hero .formok{display:none;background:var(--sand);border-radius:18px;padding:22px 24px;border:1px solid var(--line);max-width:480px;font-size:15px;line-height:1.5}
.hero.thanks .formok{display:block}
.hero.thanks .form{display:none}
.hero .phone{position:relative;justify-self:center}
.hero .phone .frame{width:min(100%,360px);aspect-ratio:9/19.5;border-radius:48px;background:#000;padding:14px;box-shadow:0 40px 80px -32px rgba(28,43,34,0.35), 0 0 0 1px rgba(0,0,0,0.04);position:relative;overflow:hidden}
.hero .phone .frame img{width:100%;height:100%;border-radius:34px;object-fit:cover;object-position:top}
.hero .phone .blob{position:absolute;width:280px;height:280px;border-radius:50%;background:var(--moss);opacity:0.28;filter:blur(40px);z-index:-1;top:-40px;right:-60px}
.hero .phone .blob.b2{background:var(--clay);top:auto;bottom:-30px;right:auto;left:-60px;opacity:0.25}
@media (max-width:900px){.hero .grid{grid-template-columns:1fr;gap:48px}.hero .phone{order:-1}}

/* Section heads */
.shead{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:56px}
.shead h2{margin-top:14px}
.shead .desc{color:var(--ink);opacity:0.72;font-size:18px;line-height:1.5;max-width:50ch}
@media (max-width:760px){.shead{grid-template-columns:1fr;gap:24px}}

/* Why grid (features) */
.why{background:var(--sand)}
.why .features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.why .feature{background:var(--warm-white);border-radius:24px;padding:32px;border:1px solid var(--line)}
.why .feature .ic{width:44px;height:44px;border-radius:14px;background:var(--moss);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--ink)}
.why .feature.alt .ic{background:var(--clay)}
.why .feature.alt2 .ic{background:var(--sage);color:var(--warm-white)}
.why .feature h3{font-size:24px;margin-bottom:10px}
.why .feature p{color:var(--ink);opacity:0.75;font-size:15.5px;line-height:1.55;margin:0}
@media (max-width:920px){.why .features{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.why .features{grid-template-columns:1fr}}

/* Showcase rows */
.showcase .row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:96px}
.showcase .row:last-child{margin-bottom:0}
.showcase .row.flip{direction:rtl}
.showcase .row.flip > *{direction:ltr}
.showcase .copy .ey{margin-bottom:18px}
.showcase .copy h2{margin-bottom:20px}
.showcase .copy p{font-size:17.5px;line-height:1.55;color:var(--ink);opacity:0.78;max-width:46ch}
.showcase .copy .stat{display:inline-flex;align-items:baseline;gap:10px;margin-top:24px;background:var(--sand);padding:14px 22px;border-radius:999px;border:1px solid var(--line)}
.showcase .copy .stat b{font-family:'Fraunces',serif;font-weight:500;font-size:24px;color:var(--moss-deep)}
.showcase .copy .stat span{font-size:14px;color:var(--ink);opacity:0.75}
.showcase .frame{width:min(100%,340px);aspect-ratio:9/19.5;border-radius:42px;background:#000;padding:12px;box-shadow:0 30px 60px -28px rgba(28,43,34,0.32);justify-self:center;position:relative}
.showcase .frame img{width:100%;height:100%;border-radius:30px;object-fit:cover;object-position:top}
.showcase .frame.blush::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:var(--clay);opacity:0.35;filter:blur(50px);z-index:-1;top:-30px;right:-40px}
.showcase .frame.moss::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--moss);opacity:0.32;filter:blur(60px);z-index:-1;bottom:-40px;left:-40px}
@media (max-width:900px){.showcase .row,.showcase .row.flip{grid-template-columns:1fr;gap:40px;margin-bottom:64px;direction:ltr}}

/* Journey — horizontal walk through the real app */
.journey{padding-top:32px;padding-bottom:96px}
.journey .shead{margin-bottom:40px}
.journey-rail{list-style:none;padding:8px 32px 32px;margin:0 -32px;display:grid;grid-auto-flow:column;grid-auto-columns:220px;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;-webkit-overflow-scrolling:touch}
.journey-rail::-webkit-scrollbar{height:8px}
.journey-rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.journey-rail::-webkit-scrollbar-track{background:transparent}
.journey-rail .step{scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;position:relative}
.journey-rail .step::before{content:"";position:absolute;top:46%;right:-22px;width:14px;height:1px;background:var(--line)}
.journey-rail .step:last-child::before{display:none}
.journey-rail .shot{border-radius:18px;overflow:hidden;background:var(--sand);border:1px solid var(--line);transition:transform 0.2s ease, box-shadow 0.2s ease}
.journey-rail .shot img{display:block;width:100%;height:auto;aspect-ratio:9/19.5;object-fit:cover;object-position:top}
.journey-rail .step:hover .shot{transform:translateY(-3px);box-shadow:0 24px 44px -28px rgba(28,43,34,0.32)}
.journey-rail .meta{padding:0 4px}
.journey-rail .meta .num{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.22em;color:var(--moss-deep);display:block;margin-bottom:6px}
.journey-rail .meta h3{font-family:'Fraunces',serif;font-size:20px;font-weight:500;line-height:1.2;margin:0 0 6px;color:var(--ink)}
.journey-rail .meta p{font-size:14px;line-height:1.45;color:var(--ink);opacity:0.72;margin:0}
.journey-foot{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin:28px 0 0;text-align:center}
@media (min-width:1100px){
  .journey-rail{grid-auto-columns:1fr;grid-template-columns:repeat(7,1fr);overflow-x:visible;margin:0;padding:8px 0 0;gap:20px}
  .journey-rail .step::before{right:-12px;width:8px}
}
@media (max-width:680px){
  .journey-rail{grid-auto-columns:180px;padding:8px 24px 24px;margin:0 -24px;gap:18px}
  .journey-rail .meta h3{font-size:18px}
}

/* Manifesto / SOUL */
.manifesto{background:var(--forest);color:var(--warm-white);text-align:center}
.manifesto .ey{color:rgba(250,247,244,0.65)}
.manifesto h2{color:var(--warm-white);max-width:18ch;margin:18px auto 0}
.manifesto h2 em{color:var(--moss);font-style:italic}
.manifesto .soul{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:72px;text-align:left}
.manifesto .soul .l{background:rgba(250,247,244,0.06);border-radius:20px;padding:28px;border:1px solid rgba(250,247,244,0.12)}
.manifesto .soul .letter{font-family:'Fraunces',serif;font-size:64px;font-weight:300;color:var(--moss);line-height:1;margin-bottom:16px;letter-spacing:-0.02em}
.manifesto .soul .l p{margin:0;color:rgba(250,247,244,0.85);font-size:15.5px;line-height:1.5}
.manifesto .soul .l b{font-family:'Fraunces',serif;font-weight:500;font-style:italic;color:var(--warm-white);font-size:18px;display:block;margin-bottom:6px}
@media (max-width:900px){.manifesto .soul{grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:540px){.manifesto .soul{grid-template-columns:1fr}}

/* CTA strip */
.cta-strip{background:var(--sand);color:var(--ink);text-align:center;padding:88px 0;position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta-strip h2{margin:0 0 16px;max-width:18ch;margin-left:auto;margin-right:auto}
.cta-strip h2 em{color:var(--forest);font-style:italic}
.cta-strip p{font-size:18px;color:var(--ink);opacity:0.78;margin:0 auto 32px;max-width:48ch}
.cta-strip .form{max-width:480px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap}
.cta-strip .form input{flex:1;min-width:240px;padding:18px 22px;border-radius:999px;border:0;background:var(--warm-white);font:inherit;color:var(--ink);outline:none}
.cta-strip .form button{padding:18px 28px;border-radius:999px;border:0;background:var(--ink);color:var(--warm-white);font:inherit;font-weight:500;cursor:pointer;transition:background 0.15s}
.cta-strip .form button:hover{background:var(--forest)}
.cta-strip .micro{margin-top:14px;font-size:13px;color:var(--ink);opacity:0.6}
.cta-strip.thanks .form{display:none}
.cta-strip.thanks .formok{display:inline-block}
.cta-strip .formok{display:none;background:var(--warm-white);border-radius:18px;padding:22px 28px;font-size:16px;color:var(--ink);max-width:480px;margin:0 auto}

/* Footer */
footer.site{background:var(--ink);color:var(--warm-white);padding:80px 0 40px}
footer.site .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:64px}
footer.site .wm{font-family:'Fraunces',serif;font-weight:300;font-size:32px;letter-spacing:-0.01em;color:var(--warm-white);margin-bottom:18px}
footer.site .wm em{font-style:normal;color:var(--moss)}
footer.site p.tag{font-size:15px;color:rgba(250,247,244,0.7);max-width:36ch;margin:0;line-height:1.5}
footer.site h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(250,247,244,0.55);font-weight:500;margin:0 0 18px}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site ul li{padding:7px 0}
footer.site ul a{color:rgba(250,247,244,0.85);font-size:15px}
footer.site ul a:hover{color:var(--moss)}
footer.site .socials{display:flex;gap:14px;margin-top:18px}
footer.site .socials a{width:40px;height:40px;border-radius:50%;background:rgba(250,247,244,0.08);display:flex;align-items:center;justify-content:center;color:var(--warm-white);transition:background 0.15s,color 0.15s}
footer.site .socials a:hover{background:var(--moss);color:var(--ink)}
footer.site .socials svg{width:18px;height:18px}
footer.site .legalbar{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(250,247,244,0.12);font-size:13px;color:rgba(250,247,244,0.55);flex-wrap:wrap;gap:14px}
footer.site .legalbar .stamp{font-family:'IBM Plex Mono',monospace;letter-spacing:0.06em}
@media (max-width:880px){footer.site .grid{grid-template-columns:1fr 1fr;gap:36px}}
@media (max-width:540px){footer.site .grid{grid-template-columns:1fr}}

/* Legal pages */
.legal-hero{padding:64px 0 40px;border-bottom:1px solid var(--line)}
.legal-hero .ey{margin-bottom:14px}
.legal-hero h1{font-size:clamp(40px,5.4vw,72px);margin:0 0 14px}
.legal-hero h1 em{font-style:italic;color:var(--forest)}
.legal-hero .effective{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:0.04em}
.legal-body{padding:56px 0 96px}
.legal-body .toc{position:sticky;top:96px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.9;color:var(--muted)}
.legal-body .toc a{color:var(--muted);display:block;padding:3px 0}
.legal-body .toc a:hover{color:var(--moss-deep)}
.legal-body .toc h6{font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-weight:500}
.legal-body .layout{display:grid;grid-template-columns:220px 1fr;gap:64px}
.legal-body article h2{font-size:30px;margin:48px 0 12px;font-weight:500;letter-spacing:-0.01em;scroll-margin-top:96px}
.legal-body article h2:first-child{margin-top:0}
.legal-body article h3{font-size:20px;margin:28px 0 10px;font-weight:500}
.legal-body article p{font-size:16.5px;line-height:1.65;color:var(--ink);opacity:0.85;margin:0 0 14px;max-width:65ch}
.legal-body article ul{padding-left:22px;margin:0 0 14px;max-width:65ch}
.legal-body article li{font-size:16.5px;line-height:1.6;color:var(--ink);opacity:0.85;padding:4px 0}
.legal-body article a{color:var(--moss-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.legal-body article .info-card{background:var(--sand);border-radius:16px;padding:22px 26px;margin:22px 0;border:1px solid var(--line);font-size:15.5px}
.legal-body article .info-card .mono{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.legal-body article .info-card b{display:block;margin-bottom:4px;font-family:'Fraunces',serif;font-weight:500;font-size:18px}
@media (max-width:880px){.legal-body .layout{grid-template-columns:1fr;gap:24px}.legal-body .toc{position:static;display:none}}

/* Skip link */
.skip{position:absolute;left:-9999px;top:8px;background:var(--moss);color:var(--ink);padding:10px 16px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* Page hero (interior pages) */
.page-hero{padding:88px 0 64px;background:var(--sand);border-bottom:1px solid var(--line)}
.page-hero .ey{margin-bottom:16px}
.page-hero h1{font-size:clamp(40px,5.4vw,72px);margin:0 0 36px;font-weight:300;line-height:1.12;letter-spacing:-0.01em}
.page-hero h1 em{font-style:italic;color:var(--forest)}
.page-hero .lead{font-size:19px;line-height:1.5;color:var(--ink);opacity:0.78;max-width:60ch;margin:0}

/* About page */
.about-portrait{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.about-portrait .photo{aspect-ratio:3/4;width:100%;border-radius:24px;background:linear-gradient(160deg,var(--sage) 0%,var(--forest) 100%);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:32px;color:var(--warm-white)}
.about-portrait .photo svg{position:absolute;inset:0;width:100%;height:100%;opacity:0.3}
.about-portrait .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}
.about-portrait .photo .caption{font-family:'Fraunces',serif;font-size:21px;line-height:1.25;font-style:italic;font-weight:400;text-align:center;position:relative;z-index:1;text-shadow:0 1px 14px rgba(0,0,0,0.2)}
.about-portrait h2{margin-bottom:20px}
.about-portrait p{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.82;margin:0 0 16px;max-width:54ch}
.about-portrait p:last-child{margin-bottom:0}
@media (max-width:880px){.about-portrait{grid-template-columns:1fr;gap:40px}}

.cv{background:var(--forest);color:var(--warm-white)}
.cv h2{color:var(--warm-white)}
.cv h2 em{color:var(--moss);font-style:italic}
.cv .ey{color:rgba(250,247,244,0.65)}
.cv .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.cv .item{background:rgba(250,247,244,0.06);border:1px solid rgba(250,247,244,0.12);border-radius:18px;padding:26px}
.cv .item .yr{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.12em;color:var(--moss);margin-bottom:8px;text-transform:uppercase}
.cv .item h4{font-family:'Fraunces',serif;font-size:21px;font-weight:500;color:var(--warm-white);margin:0 0 8px;line-height:1.2}
.cv .item p{font-size:14.5px;line-height:1.5;color:rgba(250,247,244,0.78);margin:0}
@media (max-width:880px){.cv .grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cv .grid{grid-template-columns:1fr}}

.ffcic{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ffcic h2{margin-bottom:20px}
.ffcic p{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.82;margin:0 0 18px;max-width:52ch}
.ffcic .pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ffcic .pair a{background:var(--warm-white);border:1px solid var(--line);border-radius:18px;padding:22px;display:block;transition:transform 0.15s,border-color 0.15s,background 0.15s}
.ffcic .pair a:hover{transform:translateY(-2px);border-color:var(--moss);background:var(--sand)}
.ffcic .pair .name{font-family:'Fraunces',serif;font-size:20px;font-weight:500;color:var(--ink);display:block;margin-bottom:6px}
.ffcic .pair .url{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--moss-deep);letter-spacing:0.04em}
.ffcic .pair .desc{font-size:14px;color:var(--ink);opacity:0.7;line-height:1.45;margin-top:10px;margin-bottom:0}
@media (max-width:880px){.ffcic{grid-template-columns:1fr;gap:40px}}

/* Stats strip (used on About + Sustainability) */
.stats{background:var(--sand);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}
.stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}
.stats .stat .num{font-family:'Fraunces',serif;font-size:clamp(48px,5.5vw,72px);font-weight:300;color:var(--ink);line-height:1;letter-spacing:-0.02em}
.stats .stat .num em{font-style:italic;color:var(--forest)}
.stats .stat .label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink);opacity:0.75;margin-top:12px;line-height:1.5}
@media (max-width:880px){.stats .row{grid-template-columns:1fr 1fr;gap:36px}}

/* Engines list (Features page) */
.engines{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.engine{display:grid;grid-template-columns:80px 1.2fr 2fr;gap:48px;padding:36px 0;border-bottom:1px solid var(--line);align-items:start}
.engine .num{font-family:'Fraunces',serif;font-size:48px;font-weight:300;color:var(--moss-deep);font-style:italic;line-height:1;letter-spacing:-0.02em}
.engine h3{font-size:26px;font-weight:500;margin:0 0 8px;line-height:1.2}
.engine .tag{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:14px;display:block}
.engine p{font-size:16.5px;line-height:1.55;color:var(--ink);opacity:0.82;margin:0;max-width:60ch}
.engine p + p{margin-top:10px}
@media (max-width:760px){.engine{grid-template-columns:1fr;gap:14px}.engine .num{font-size:38px}}

/* Pillars (Sustainability) */
.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.pillar{background:var(--warm-white);border:1px solid var(--line);border-radius:24px;padding:36px}
.pillar .letter{font-family:'Fraunces',serif;font-size:84px;font-weight:300;color:var(--moss);line-height:1;margin-bottom:12px;letter-spacing:-0.02em}
.pillar h3{font-family:'Fraunces',serif;font-size:28px;font-weight:500;margin:0 0 8px;font-style:italic;color:var(--forest)}
.pillar h3 + p{font-family:'Fraunces',serif;font-size:20px;font-style:normal;font-weight:400;color:var(--ink);margin:0 0 14px;line-height:1.3}
.pillar p{font-size:15.5px;line-height:1.55;color:var(--ink);opacity:0.78;margin:0}
.pillar:nth-child(2) .letter{color:var(--terracotta)}
.pillar:nth-child(3) .letter{color:var(--forest)}
.pillar:nth-child(4) .letter{color:var(--clay)}
@media (max-width:780px){.pillars{grid-template-columns:1fr}}

/* Sources (verified data) */
.sources{background:var(--sand);border-radius:24px;padding:48px;border:1px solid var(--line)}
.sources h3{font-size:22px;font-weight:500;margin:0 0 8px}
.sources .desc{font-size:15px;color:var(--muted);margin:0 0 24px;max-width:60ch;line-height:1.5}
.sources ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.sources li{padding-left:22px;position:relative;font-size:15px;line-height:1.5;color:var(--ink);opacity:0.85}
.sources li::before{content:"→";position:absolute;left:0;color:var(--moss-deep);font-family:'IBM Plex Mono',monospace}
.sources li b{font-family:'Fraunces',serif;font-weight:500;font-style:italic;color:var(--ink);opacity:1}
@media (max-width:680px){.sources{padding:32px}.sources ul{grid-template-columns:1fr;gap:14px}}

/* Resources index cards */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.res-card{display:block;background:var(--warm-white);border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:transform 0.18s,box-shadow 0.18s,border-color 0.18s;color:var(--ink)}
.res-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -28px rgba(28,43,34,0.25);border-color:var(--moss);color:var(--ink)}
.res-card .cover{aspect-ratio:5/3;background:var(--sand);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.res-card.dye .cover{background:linear-gradient(140deg,#8B5A3C 0%, #C4734F 50%, #E8A87C 100%)}
.res-card.style .cover{background:linear-gradient(140deg,var(--moss) 0%, var(--sage) 100%)}
.res-card.fabric .cover{background:linear-gradient(140deg,var(--clay) 0%, var(--terracotta) 100%)}
.res-card .cover .glyph{font-family:'Fraunces',serif;font-size:64px;font-weight:300;color:var(--warm-white);font-style:italic;letter-spacing:-0.02em}
.res-card .meta{padding:24px 26px}
.res-card .ey{margin-bottom:10px;color:var(--muted)}
.res-card h3{font-family:'Fraunces',serif;font-size:22px;font-weight:500;margin:0 0 8px;line-height:1.25}
.res-card .desc{font-size:14.5px;color:var(--ink);opacity:0.72;line-height:1.5;margin:0 0 14px}
.res-card .read{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--moss-deep)}
.res-card.coming{opacity:0.7;pointer-events:none}
.res-card.coming .read{color:var(--muted)}
@media (max-width:920px){.res-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.res-grid{grid-template-columns:1fr}}

/* Long-form article (resource pages) */
.article{padding:64px 0 96px}
.article .layout{display:grid;grid-template-columns:240px 1fr;gap:80px;max-width:1100px;margin:0 auto;padding:0 32px}
.article .toc{position:sticky;top:96px;font-size:13px;line-height:1.9;align-self:start}
.article .toc h6{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;font-weight:500}
.article .toc a{color:var(--muted);display:block;padding:3px 0;font-family:'IBM Plex Mono',monospace;font-size:12px}
.article .toc a:hover{color:var(--moss-deep)}
.article .body{max-width:680px}
.article .body h2{font-size:32px;margin:56px 0 14px;font-weight:500;letter-spacing:-0.01em;scroll-margin-top:96px}
.article .body h2:first-child{margin-top:0}
.article .body h2 em{font-style:italic;color:var(--forest)}
.article .body h3{font-size:22px;margin:36px 0 10px;font-weight:500;font-family:'Fraunces',serif}
.article .body p{font-size:17.5px;line-height:1.65;color:var(--ink);margin:0 0 18px;opacity:0.88}
.article .body p.lead{font-size:21px;line-height:1.5;font-family:'Fraunces',serif;font-weight:400;color:var(--ink);opacity:1;margin-bottom:32px}
.article .body p.lead em{font-style:italic;color:var(--forest)}
.article .body ul, .article .body ol{padding-left:20px;margin:0 0 18px}
.article .body li{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.88;padding:4px 0;padding-left:6px}
.article .body li::marker{color:var(--moss-deep)}
.article .body strong{font-weight:600;color:var(--ink)}
.article .body em{font-style:italic}
.article .body a{color:var(--moss-deep);text-decoration:underline;text-underline-offset:3px}
.article .body .pull{background:var(--sand);border-left:3px solid var(--moss);border-radius:0 16px 16px 0;padding:24px 28px;margin:28px 0;font-family:'Fraunces',serif;font-size:21px;line-height:1.4;font-style:italic;color:var(--ink)}
.article .body .pull cite{display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-top:14px;font-style:normal}
.article .body .recipe{background:var(--warm-white);border:1px solid var(--line);border-radius:18px;padding:30px;margin:24px 0}
.article .body .recipe .recipe-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.article .body .recipe h3{margin:0;font-size:24px;color:var(--ink)}
.article .body .recipe .badges{display:flex;gap:10px;flex-wrap:wrap}
.article .body .recipe .badge{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;background:var(--sand);color:var(--ink);padding:5px 10px;border-radius:999px;border:1px solid var(--line)}
.article .body .recipe .badge.lf{background:var(--moss);color:var(--ink);border-color:transparent}
.article .body .colours{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 24px}
.article .body .colour{display:flex;gap:14px;align-items:center;background:var(--warm-white);border:1px solid var(--line);border-radius:14px;padding:14px}
.article .body .swatch{width:48px;height:48px;border-radius:10px;flex-shrink:0;border:1px solid var(--line)}
.article .body .colour-info b{display:block;font-family:'Fraunces',serif;font-weight:500;font-size:16px;font-style:italic;margin-bottom:2px}
.article .body .colour-info span{font-size:13px;color:var(--muted)}
.article .body .callout{background:var(--moss);color:var(--ink);border-radius:18px;padding:24px 28px;margin:28px 0}
.article .body .callout b{font-family:'Fraunces',serif;font-weight:500;font-style:italic;font-size:18px;display:block;margin-bottom:6px}
.article .body .callout p{margin:0;font-size:15.5px;line-height:1.55;opacity:1;color:var(--ink)}
.article .body .warning{background:#FCE9E1;border-radius:18px;padding:24px 28px;margin:28px 0}
.article .body .warning b{font-family:'Fraunces',serif;font-weight:500;font-size:18px;display:block;margin-bottom:6px;color:var(--terracotta)}
.article .body .warning p, .article .body .warning li{font-size:15.5px;line-height:1.55;color:var(--ink);opacity:0.9}
@media (max-width:880px){.article .layout{grid-template-columns:1fr;gap:24px}.article .toc{position:static;display:none}}
@media (max-width:600px){.article .body .colours{grid-template-columns:1fr}}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.contact-info p{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.82;margin:0 0 16px;max-width:48ch}
.contact-info .item{margin-top:32px}
.contact-info .item h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-weight:500}
.contact-info .item p{margin:0;font-size:17px}
.contact-info .item p a{color:var(--moss-deep);text-decoration:underline;text-underline-offset:3px}
.contact-form{background:var(--sand);border-radius:24px;padding:36px;border:1px solid var(--line)}
.contact-form .field{margin-bottom:18px}
.contact-form label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;font-weight:500}
.contact-form input, .contact-form textarea, .contact-form select{width:100%;padding:14px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--warm-white);font:inherit;font-size:16px;color:var(--ink);outline:none;transition:border 0.15s;font-family:inherit}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{border-color:var(--moss)}
.contact-form textarea{resize:vertical;min-height:140px;line-height:1.5}
.contact-form button{padding:16px 28px;border-radius:999px;border:0;background:var(--moss);color:var(--ink);font:inherit;font-weight:500;font-size:16px;cursor:pointer;transition:background 0.15s,transform 0.15s}
.contact-form button:hover{background:var(--moss-deep);color:var(--warm-white);transform:translateY(-1px)}
.contact-form .ok{display:none;background:var(--warm-white);border:1px solid var(--moss);border-radius:14px;padding:18px;font-size:15px;color:var(--ink);line-height:1.5}
.contact-form.thanks .ok{display:block}
.contact-form.thanks form{display:none}
@media (max-width:780px){.contact-grid{grid-template-columns:1fr;gap:40px}}

/* === New layouts (v2) === */

/* Resources index — article-card grid */
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.article-card{display:block;background:var(--warm-white);border:1px solid var(--line);border-radius:24px;overflow:hidden;color:var(--ink);transition:transform 0.18s,box-shadow 0.18s,border-color 0.18s}
.article-card:hover{transform:translateY(-3px);box-shadow:0 28px 56px -32px rgba(28,43,34,0.28);border-color:var(--moss);color:var(--ink)}
.article-card .art{aspect-ratio:5/3;position:relative;display:flex;align-items:flex-start;padding:22px;color:var(--warm-white)}
.article-card .art .cat{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;background:rgba(250,247,244,0.18);backdrop-filter:blur(6px);border:1px solid rgba(250,247,244,0.28);color:var(--warm-white);padding:6px 12px;border-radius:999px}
.article-card .meta{padding:24px 28px 6px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:0.08em;color:var(--muted);display:flex;gap:8px;align-items:center}
.article-card .meta .time{color:var(--moss-deep);font-weight:500}
.article-card .meta .dot{opacity:0.5}
.article-card h3{font-family:'Fraunces',serif;font-size:24px;font-weight:500;margin:6px 28px 10px;line-height:1.22;letter-spacing:-0.005em}
.article-card p{font-size:14.5px;color:var(--ink);opacity:0.74;line-height:1.55;margin:0 28px 26px}
@media (max-width:920px){.resources-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.resources-grid{grid-template-columns:1fr}}

/* Resource card art — topic-signalling visuals */
.article-card .art{overflow:hidden}
.article-card .art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.article-card .art .cat{position:relative;z-index:2}

/* === Brand Directory === */
.brand-directory{padding:96px 0 72px;border-top:1px solid var(--line);background:var(--sand)}
.brand-directory .bd-head{max-width:760px;margin:0 0 56px}
.brand-directory .bd-head h2{font-family:'Fraunces',serif;font-size:48px;font-weight:400;line-height:1.05;letter-spacing:-0.018em;margin:8px 0 20px;color:var(--ink)}
.brand-directory .bd-head h2 em{font-style:italic;color:var(--clay)}
.brand-directory .bd-head .lead{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.82;margin:0;max-width:60ch}
.brand-directory .bd-stat{display:inline-flex;align-items:baseline;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--moss-deep);margin-top:18px}
.brand-directory .bd-stat b{font-family:'Fraunces',serif;font-size:38px;font-style:italic;font-weight:400;color:var(--clay);letter-spacing:-0.02em}
.bd-group{margin-top:48px}
.bd-group .bd-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:24px}
.bd-group .bd-group-head h3{font-family:'Fraunces',serif;font-size:28px;font-weight:500;letter-spacing:-0.012em;margin:0;color:var(--ink)}
.bd-group .bd-group-head h3 em{font-style:italic;color:var(--moss-deep)}
.bd-group .bd-group-head .count{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}
.bd-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.bd-list .bd-row{display:grid;grid-template-columns:200px 1fr 110px;gap:20px;padding:18px 0;border-bottom:1px dashed var(--line);align-items:baseline}
.bd-list .bd-row:last-child{border-bottom:none}
.bd-list .bd-row .name{font-family:'Fraunces',serif;font-size:18px;font-weight:500;letter-spacing:-0.005em;color:var(--ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s,color 0.15s;line-height:1.25}
.bd-list .bd-row .name:hover{color:var(--moss-deep);border-bottom-color:var(--moss-deep)}
.bd-list .bd-row .name .arrow{display:inline-block;margin-left:4px;color:var(--muted);transition:transform 0.15s,color 0.15s}
.bd-list .bd-row .name:hover .arrow{color:var(--moss-deep);transform:translate(2px,-2px)}
.bd-list .bd-row .desc{font-size:14px;color:var(--ink);opacity:0.78;line-height:1.45}
.bd-list .bd-row .price{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--muted);letter-spacing:0.04em;text-align:right}
.bd-foot{margin-top:64px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding-top:40px;border-top:1px solid var(--line)}
.bd-foot .bd-how p{font-size:15px;line-height:1.65;color:var(--ink);opacity:0.85;margin:0}
.bd-foot .bd-how p b{font-weight:500;color:var(--ink);opacity:1}
.bd-foot .bd-how p em{font-style:italic;color:var(--moss-deep)}
.bd-foot .bd-suggest{background:var(--warm-white);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:8px}
.bd-foot .bd-suggest .lbl{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--clay);font-weight:500}
.bd-foot .bd-suggest h4{font-family:'Fraunces',serif;font-size:22px;font-weight:500;letter-spacing:-0.01em;margin:2px 0 6px;color:var(--ink)}
.bd-foot .bd-suggest h4 em{font-style:italic;color:var(--moss-deep)}
.bd-foot .bd-suggest a{font-family:'IBM Plex Mono',monospace;font-size:13.5px;color:var(--moss-deep);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--moss-light);word-break:break-all;margin-top:4px}
@media (max-width:980px){.bd-list{grid-template-columns:1fr;gap:0}.bd-foot{grid-template-columns:1fr;gap:28px}.brand-directory .bd-head{flex-direction:column;align-items:flex-start}}
@media (max-width:560px){.bd-list .bd-row{grid-template-columns:1fr;gap:6px;padding:16px 0}.bd-list .bd-row .price{text-align:left}.brand-directory .bd-head h2{font-size:34px}}
.brand-directory .bd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:none}
.brand-directory .bd-head > div:first-child{max-width:560px}
.bd-meta{display:flex;flex-direction:column;gap:6px;text-align:right;padding-bottom:6px}
.bd-count{font-family:'Fraunces',serif;font-size:28px;font-style:italic;font-weight:400;color:var(--clay);letter-spacing:-0.01em;line-height:1}
.bd-update{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted)}
.bd-intro{font-size:17px;line-height:1.6;color:var(--ink);opacity:0.82;margin:0;max-width:64ch}

/* === Brand Directory — DARK variant === */
.brand-directory.dark{background:var(--forest);color:var(--warm-white);border-top:none}
.brand-directory.dark .bd-head h2{color:var(--warm-white)}
.brand-directory.dark .bd-head h2 em{color:var(--moss)}
.brand-directory.dark .bd-head .ey,.brand-directory.dark .eyebrow{color:rgba(250,247,244,0.65)}
.brand-directory.dark .bd-intro{color:rgba(250,247,244,0.82);opacity:1}
.brand-directory.dark .bd-count{color:var(--moss)}
.brand-directory.dark .bd-update{color:rgba(250,247,244,0.55)}
.brand-directory.dark .cta{background:var(--moss);color:var(--ink)}
.brand-directory.dark .cta:hover{background:var(--warm-white);color:var(--ink)}
.brand-directory.dark .bd-group .bd-group-head{border-bottom-color:rgba(250,247,244,0.18)}
.brand-directory.dark .bd-group .bd-group-head h3{color:var(--warm-white)}
.brand-directory.dark .bd-group .bd-group-head h3 em{color:var(--moss)}
.brand-directory.dark .bd-group .bd-group-head .count{color:rgba(250,247,244,0.55)}
.brand-directory.dark .bd-list .bd-row{border-bottom-color:rgba(250,247,244,0.12)}
.brand-directory.dark .bd-list .bd-row .name{color:var(--warm-white)}
.brand-directory.dark .bd-list .bd-row .name:hover{color:var(--moss);border-bottom-color:var(--moss)}
.brand-directory.dark .bd-list .bd-row .name .arrow{color:rgba(250,247,244,0.45)}
.brand-directory.dark .bd-list .bd-row .name:hover .arrow{color:var(--moss)}
.brand-directory.dark .bd-list .bd-row .desc{color:rgba(250,247,244,0.78);opacity:1}
.brand-directory.dark .bd-list .bd-row .price{color:var(--moss);opacity:0.85}
.brand-directory.dark .bd-foot{border-top-color:rgba(250,247,244,0.18)}
.brand-directory.dark .bd-foot .bd-how p{color:rgba(250,247,244,0.85);opacity:1}
.brand-directory.dark .bd-foot .bd-how p b{color:var(--warm-white)}
.brand-directory.dark .bd-foot .bd-how p em{color:var(--moss)}
.brand-directory.dark .bd-foot .bd-suggest{background:rgba(250,247,244,0.06);border-color:rgba(250,247,244,0.18)}
.brand-directory.dark .bd-foot .bd-suggest .lbl{color:var(--moss)}
.brand-directory.dark .bd-foot .bd-suggest h4{color:var(--warm-white)}
.brand-directory.dark .bd-foot .bd-suggest h4 em{color:var(--moss)}
.brand-directory.dark .bd-foot .bd-suggest p{color:rgba(250,247,244,0.78)}
.brand-directory.dark .bd-foot .bd-suggest a{color:var(--moss);text-decoration-color:rgba(139,195,74,0.45)}
.brand-directory.dark .bd-foot .bd-suggest a:hover{color:var(--warm-white);text-decoration-color:var(--warm-white)}

/* Contact — card grid + addr */
.contact-grid.contact-grid{grid-template-columns:repeat(3,1fr);gap:24px}
.contact-card{background:var(--warm-white);border:1px solid var(--line);border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:transform 0.15s,border-color 0.15s,background 0.15s}
.contact-card:hover{transform:translateY(-2px);border-color:var(--moss);background:var(--sand)}
.contact-card .kind{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--moss-deep);font-weight:500}
.contact-card h3{font-family:'Fraunces',serif;font-size:26px;font-weight:500;margin:0;letter-spacing:-0.01em;color:var(--ink);font-style:italic}
.contact-card p{font-size:15px;line-height:1.55;color:var(--ink);opacity:0.78;margin:0}
.contact-card .email{margin-top:auto;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--moss-deep);word-break:break-all;padding-top:8px}
.contact-card .email:hover{color:var(--moss-deep)}
@media (max-width:920px){.contact-grid.contact-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.contact-grid.contact-grid{grid-template-columns:1fr}}

.addr-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.addr-block .eyebrow{margin-bottom:14px}
.addr-block h3{font-family:'Fraunces',serif;font-size:30px;font-weight:500;margin:0 0 14px;font-style:italic;color:var(--forest)}
.addr-block .addr{font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 18px}
.addr-block .micro{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);line-height:1.6;margin:0;letter-spacing:0.02em}
.elsewhere{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.elsewhere li{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.elsewhere li span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted)}
.elsewhere li a{font-family:'Fraunces',serif;font-size:18px;font-weight:500;font-style:italic;color:var(--ink);text-decoration:none;letter-spacing:-0.005em}
.elsewhere li a:hover{color:var(--moss-deep)}
@media (max-width:780px){.addr-block{grid-template-columns:1fr;gap:48px}.elsewhere li{grid-template-columns:120px 1fr;gap:14px}}

/* Article PDF download button */
.article-actions{margin:24px 0 0}
.pdf-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:1.5px solid var(--moss-deep);border-radius:999px;background:transparent;color:var(--moss-deep);font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;cursor:pointer;transition:all 0.2s ease}
.pdf-btn:hover{background:var(--moss-deep);color:var(--warm-white)}

/* Print: clean PDF output for resource articles */
@media print {
  @page { size: A4; margin: 18mm 16mm; }
  body { background: #fff; color: #111; font-size: 11pt; line-height: 1.5; }
  nav, footer, .pdf-btn, .article-actions, .toc, .related, .article-foot, .cta-strip { display: none !important; }
  .page-hero { padding: 0 0 18pt; background: #fff; }
  .page-hero h1 { font-size: 28pt; line-height: 1.1; margin: 0 0 10pt; color: #1f2a1c; page-break-after: avoid; }
  .page-hero .lead { font-size: 13pt; color: #333; max-width: none; }
  .eyebrow { color: #6FA833; font-size: 9pt; }
  .article { padding: 0; background: #fff; }
  .article .layout { display: block !important; }
  .article .body { max-width: none; padding: 0; }
  .article h2 { font-size: 18pt; margin: 18pt 0 8pt; color: #1f2a1c; page-break-after: avoid; }
  .article h3 { font-size: 13pt; margin: 14pt 0 6pt; page-break-after: avoid; }
  .article p { margin: 0 0 8pt; orphans: 3; widows: 3; }
  .article em { font-style: italic; color: #1f2a1c; }
  .article ul, .article ol { margin: 0 0 8pt 18pt; }
  .article blockquote, .article .pullquote { border-left: 3pt solid #6FA833; padding-left: 12pt; margin: 12pt 0; font-style: italic; color: #333; page-break-inside: avoid; }
  .article .palette, .article .recipe, .article .grid, figure, table { page-break-inside: avoid; }
  .article img { max-width: 100%; height: auto; }
  a { color: #1f2a1c; text-decoration: none; }
  a[href^="http"]:after { content: " (" attr(href) ")"; font-size: 9pt; color: #666; }
  /* Print URL footer once */
  .article .body:after { content: "closetremix.co.uk"; display: block; margin-top: 24pt; padding-top: 12pt; border-top: 1pt solid #ccc; font-size: 9pt; color: #888; }
}