/* About-only catalog expansion. Shared typography, navigation and other pages keep their own styles. */
body[data-public-page="about"] .about-factory {
  --about-ink:#0d3b31; --about-muted:#456359; --about-gold:#916328;
  --about-paper:#f8f4ea; --about-line:#0d3b312b;
  background:var(--about-paper);color:var(--about-ink);
}
body[data-public-page="about"] .about-factory *{box-sizing:border-box;min-width:0}
body[data-public-page="about"] .about-shell{width:calc(100% - 80px);max-width:1320px;margin-inline:auto}
body[data-public-page="about"] .about-factory :is(p,li){font-size:18px;line-height:1.75;color:var(--about-muted);max-width:68ch;margin:0}
body[data-public-page="about"] .about-factory :is(h1,h2,h3){margin:0;color:inherit;text-wrap:balance}
body[data-public-page="about"] .about-factory h1{max-width:14ch}
body[data-public-page="about"] .about-factory h1 em{color:#a47730;font-family:var(--font-display,Newsreader,Georgia,serif)!important;font-weight:400}
body[data-public-page="about"] .about-factory .about-kicker{font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--about-gold);margin-bottom:18px}
body[data-public-page="about"] .about-factory .about-note{font-size:14px;line-height:1.65}
body[data-public-page="about"] .about-factory a{color:inherit}
body[data-public-page="about"] .about-factory a:focus-visible,body[data-public-page="about"] .about-factory summary:focus-visible{outline:2px solid var(--about-gold);outline-offset:5px}
body[data-public-page="about"] .about-link{display:inline-flex;align-items:center;gap:18px;width:fit-content;padding-block:7px;border-bottom:1px solid var(--about-gold);font-size:16px;line-height:1.5;text-decoration:none}
body[data-public-page="about"] .about-link:hover{color:var(--about-gold)}
body[data-public-page="about"] .about-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:28px}
body[data-public-page="about"] .about-hero{padding:72px 0 52px}
body[data-public-page="about"] .about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
body[data-public-page="about"] .about-hero-copy>p:not(.about-kicker){margin-top:26px}
body[data-public-page="about"] .about-factory .about-company{font-size:20px;color:var(--about-ink);font-weight:500;line-height:1.6}
body[data-public-page="about"] .about-hero-media{margin:0;background:#ece8df}
body[data-public-page="about"] .about-hero-media img{display:block;width:100%;height:auto;aspect-ratio:482/349;object-fit:contain}
body[data-public-page="about"] .about-hero-media figcaption{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;color:var(--about-muted);font-size:14px;line-height:1.6}
body[data-public-page="about"] .about-chapters{display:flex;flex-wrap:wrap;gap:10px 28px;padding:22px 0;margin-top:44px;border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line)}
body[data-public-page="about"] .about-chapters a{font-size:16px;text-decoration:none;line-height:1.65}
body[data-public-page="about"] .about-chapters a:hover{color:var(--about-gold)}
body[data-public-page="about"] .about-section{padding:84px 0;scroll-margin-top:24px}
body[data-public-page="about"] .about-section-head{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:end;margin-bottom:40px}
body[data-public-page="about"] .about-section-head h2{max-width:20ch}
body[data-public-page="about"] .about-profile{padding-top:28px}
body[data-public-page="about"] .about-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-bottom:1px solid var(--about-line)}
body[data-public-page="about"] .about-metric{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px;padding:28px 28px 30px 0;border-top:1px solid var(--about-line)}
body[data-public-page="about"] .about-metric dt{font-size:17px;line-height:1.5;color:var(--about-muted)}
body[data-public-page="about"] .about-metric dd{font:400 clamp(42px,4.2vw,64px)/1 var(--font-display,Newsreader,Georgia,serif);letter-spacing:-.025em;margin:0;color:var(--about-ink)}
body[data-public-page="about"] .about-metric dd small{font:400 24px/1 var(--font-display,Newsreader,Georgia,serif)}
body[data-public-page="about"] .about-profile .about-note{margin-top:18px}
body[data-public-page="about"] .about-manufacturing{background:#f0ece2}
body[data-public-page="about"] .about-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
body[data-public-page="about"] .about-photo{margin:0}
body[data-public-page="about"] .about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#e4e5df}
body[data-public-page="about"] .about-photo figcaption{padding-top:20px}
body[data-public-page="about"] .about-photo h3{margin-bottom:10px}
body[data-public-page="about"] .about-floor-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;margin-top:40px;padding-top:28px;border-top:1px solid var(--about-line)}
body[data-public-page="about"] .about-floor-note strong{font-size:19px;line-height:1.6;font-weight:500}
body[data-public-page="about"] .about-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}
body[data-public-page="about"] .about-capability{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--about-line)}
body[data-public-page="about"] .about-number{color:var(--about-gold);font:400 24px/1.3 var(--font-display,Newsreader,Georgia,serif)}
body[data-public-page="about"] .about-capability h3{margin-bottom:12px}
body[data-public-page="about"] .about-showroom{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;margin-top:40px;background:#efeadf;padding:28px}
body[data-public-page="about"] .about-showroom img{display:block;width:100%;height:auto}
body[data-public-page="about"] .about-showroom h3{margin-bottom:16px}
body[data-public-page="about"] .about-product-links{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:20px}
body[data-public-page="about"] .about-quality{background:var(--about-ink);color:var(--about-paper)}
body[data-public-page="about"] .about-quality :is(p,li){color:#e0e7e1}
body[data-public-page="about"] .about-quality .about-kicker{color:#d3b475}
body[data-public-page="about"] .about-quality .about-section-head{grid-template-columns:1fr 1fr}
body[data-public-page="about"] .about-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;list-style:none;border-top:1px solid #f8f4ea40}
body[data-public-page="about"] .about-checks li{max-width:none;padding:28px 24px 28px 0}
body[data-public-page="about"] .about-checks h3{margin:18px 0 12px}
body[data-public-page="about"] .about-quality .about-number{color:#d3b475}
body[data-public-page="about"] .about-quality-note{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:32px;margin-top:20px;border-top:1px solid #f8f4ea40}
body[data-public-page="about"] .about-quality-note h3{margin-bottom:16px}
body[data-public-page="about"] .about-quality .about-link{margin-top:20px;border-color:#d3b475}
body[data-public-page="about"] .about-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
body[data-public-page="about"] .about-service{border-top:1px solid var(--about-gold);padding-top:28px}
body[data-public-page="about"] .about-service h3{margin:0 0 18px}
body[data-public-page="about"] .about-service h3 span{display:block;font-size:18px;font-family:var(--font-sans,Manrope,sans-serif)!important;margin-top:12px;letter-spacing:0;line-height:1.5}
body[data-public-page="about"] .about-service ul{padding-left:20px;margin:20px 0 0}
body[data-public-page="about"] .about-service li{padding-bottom:6px;font-size:17px}
body[data-public-page="about"] .about-service .about-link{margin-top:18px}
body[data-public-page="about"] .about-process{background:#f0ece2}
body[data-public-page="about"] .about-process-list{list-style:none;counter-reset:about-step;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px}
body[data-public-page="about"] .about-process-list li{counter-increment:about-step;border-top:1px solid var(--about-line);padding-top:24px;max-width:none}
body[data-public-page="about"] .about-process-list li::before{content:"0" counter(about-step);display:block;color:var(--about-gold);font:400 24px/1.2 var(--font-display,Newsreader,Georgia,serif);margin-bottom:20px}
body[data-public-page="about"] .about-process-list h3{margin-bottom:12px}
body[data-public-page="about"] .about-process .about-link{margin-top:32px}
body[data-public-page="about"] .about-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
body[data-public-page="about"] .about-factory details{border-top:1px solid var(--about-line);padding:22px 0}
body[data-public-page="about"] .about-factory details:last-child{border-bottom:1px solid var(--about-line)}
body[data-public-page="about"] .about-factory summary{font-size:19px;line-height:1.55;font-weight:500;cursor:pointer;padding-right:10px}
body[data-public-page="about"] .about-factory details p{padding-top:16px}
body[data-public-page="about"] .about-source{margin-top:40px;padding-top:28px;border-top:1px solid var(--about-line)}
body[data-public-page="about"] .about-contact{background:var(--about-ink);color:var(--about-paper)}
body[data-public-page="about"] .about-contact p{color:#e0e7e1;margin-top:24px}
body[data-public-page="about"] .about-contact .about-kicker{color:#d3b475;margin-top:0}
body[data-public-page="about"] .about-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
body[data-public-page="about"] .about-contact address{font-style:normal;font-size:17px;line-height:1.8;color:#e0e7e1}
body[data-public-page="about"] .about-contact address strong{display:block;color:var(--about-paper);font-weight:500;font-size:20px;margin-bottom:18px}
body[data-public-page="about"] .about-contact .about-link{border-color:#d3b475}
@media(max-width:1100px){
  body[data-public-page="about"] :is(.about-hero-grid,.about-section-head,.about-contact-grid,.about-faq-grid){gap:40px}
  body[data-public-page="about"] .about-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-public-page="about"] .about-services-grid{gap:24px}
}
@media(max-width:850px){
  body[data-public-page="about"] .about-shell{width:calc(100% - 40px)}
  body[data-public-page="about"] .about-hero{padding:48px 0 36px}
  body[data-public-page="about"] .about-hero-grid{grid-template-columns:1fr;gap:32px}
  body[data-public-page="about"] .about-hero-media{max-width:620px}
  body[data-public-page="about"] .about-section{padding:60px 0}
  body[data-public-page="about"] :is(.about-section-head,.about-quality .about-section-head,.about-floor-note,.about-contact-grid,.about-faq-grid){grid-template-columns:1fr;gap:24px}
  body[data-public-page="about"] .about-section-head{margin-bottom:32px}
  body[data-public-page="about"] .about-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-public-page="about"] .about-services-grid{grid-template-columns:1fr;gap:32px}
  body[data-public-page="about"] .about-service{display:grid;grid-template-columns:.55fr 1fr;gap:28px}
  body[data-public-page="about"] .about-process-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-public-page="about"] .about-showroom{gap:28px;padding:24px}
}
@media(max-width:560px){
  body[data-public-page="about"] .about-factory :is(p,li){font-size:17px;line-height:1.75}
  body[data-public-page="about"] .about-factory .about-kicker{font-size:12px}
  body[data-public-page="about"] .about-factory .about-note{font-size:14px}
  body[data-public-page="about"] .about-factory .about-company{font-size:18px}
  body[data-public-page="about"] .about-hero-media figcaption{display:block;padding:12px 16px}
  body[data-public-page="about"] .about-hero-media figcaption span{display:block}
  body[data-public-page="about"] .about-chapters{gap:10px 22px;margin-top:28px}
  body[data-public-page="about"] .about-chapters a{font-size:15px}
  body[data-public-page="about"] .about-metric{padding:24px 14px 24px 0}
  body[data-public-page="about"] .about-metric dt{font-size:16px}
  body[data-public-page="about"] .about-metric dd{font-size:clamp(30px,9.5vw,38px);white-space:nowrap}
  body[data-public-page="about"] .about-metric dd small{font-size:clamp(14px,4.6vw,18px)}
  body[data-public-page="about"] :is(.about-photos,.about-capability-grid,.about-showroom,.about-quality-note,.about-process-list,.about-service){grid-template-columns:1fr;gap:28px}
  body[data-public-page="about"] .about-showroom{padding:20px}
  body[data-public-page="about"] .about-checks{grid-template-columns:1fr}
  body[data-public-page="about"] .about-checks li{padding:24px 0;border-bottom:1px solid #f8f4ea40}
  body[data-public-page="about"] .about-checks h3{margin-top:10px}
  body[data-public-page="about"] .about-service{gap:0}
  body[data-public-page="about"] .about-service ul{margin-top:16px}
  body[data-public-page="about"] .about-factory summary{font-size:18px}
}