/* Orbit Packaging — about template styles */
/* ---- block ---- */
/* category product images: square */
#catGrid .prod-media{aspect-ratio:1 / 1 !important;height:auto !important}
#catGrid .prod-media svg,#catGrid .prod-media img{max-width:62%;max-height:62%}

/* ---- block ---- */
/* hero image: even space above and below, rounded on all four corners */
.cat-hero-img{display:flex;align-items:center;justify-content:center;padding:28px 0}
.cat-hero-img img{border-radius:20px !important;align-self:center}
@media(max-width:860px){ .cat-hero-img{padding:18px 0} }

/* ---- block ---- */
/* hero sits on the page background, no tinted panel */
.cat-hero{background:none !important;border-radius:0 !important;padding-left:0 !important}

/* ---- block ---- */
/* hero photo fills its column so its right edge matches the sections below */
.cat-hero-img{padding:28px 0;justify-content:flex-end}
.cat-hero-img img{width:100%;max-width:none;height:auto;object-fit:cover;border-radius:20px !important}
@media(max-width:860px){
  .cat-hero-img{padding:18px 0;justify-content:center}
  .cat-hero-img img{width:100%}
}

/* ---- block ---- */
@media(max-width:860px){
  /* the hero keeps a 20px right padding on small screens, which pulled the photo in */
  .cat-hero{padding-right:0 !important}
}

/* ---- block ---- */
/* hero photo: keep the right edge aligned but cap the height */
.cat-hero-img img{width:100%;height:430px;object-fit:cover;object-position:center}
@media(max-width:1180px){ .cat-hero-img img{height:380px} }
@media(max-width:860px){ .cat-hero-img img{height:320px} }
@media(max-width:560px){ .cat-hero-img img{height:260px} }

/* ---- block ---- */
/* hero photo: square, right edge aligned with the sections below */
.cat-hero-img img{width:auto !important;height:auto !important;aspect-ratio:1/1;
  max-width:100%;max-height:460px;object-fit:cover;object-position:center;margin-left:auto}
@media(max-width:1180px){ .cat-hero-img img{max-height:400px} }
@media(max-width:860px){
  .cat-hero-img{justify-content:center}
  .cat-hero-img img{margin:0 auto;max-height:340px}
}
@media(max-width:560px){ .cat-hero-img img{max-height:300px} }

/* ---- block ---- */
/* hero photo: natural landscape shape, right edge aligned with the sections below */
.cat-hero-img img{width:100% !important;height:auto !important;aspect-ratio:1200/846;
  max-width:100%;max-height:none;object-fit:cover;object-position:center;margin-left:auto;
  border-radius:20px !important}
@media(max-width:860px){ .cat-hero-img img{margin:0 auto} }

/* ---- block ---- */
/* black body copy: FAQs, long-form content and product card titles */
.faq details summary,.faq .ans,.faq .ans p,.faq li,.faq p{color:#000 !important}
.cat-copy p,.cat-copy li,.cat-copy h2,.cat-copy h3,.cat-copy h4{color:#000 !important}
#catGrid .prod h3,#catGrid .prod-title,#catGrid .prod a{color:#000 !important}

/* ---- block ---- */
/* the category FAQ is a <details class="faq"> itself, not a wrapper */
details.faq > summary,details.faq summary{color:#000 !important}

/* ---- block ---- */
/* ================= BLOG ================= */
.bp-wrap,.bp-wrap *{font-family:var(--font-heading,'Poppins'),Poppins,-apple-system,BlinkMacSystemFont,sans-serif}
.bp-wrap h1,.bp-wrap h2,.bp-wrap h3{letter-spacing:0}
.bp-wrap{padding:0 0 46px}
/* full-bleed intro band */
.bp-band{position:relative;margin:0 0 30px;padding:46px 0 52px;color:#fff;overflow:hidden;
  background:linear-gradient(135deg,#1F5254 0%,#2C6B6E 55%,#357A7D 100%)}
.bp-band::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;
  border-radius:50%;background:rgba(255,255,255,.06)}
.bp-band::after{content:"";position:absolute;left:-90px;bottom:-220px;width:420px;height:420px;
  border-radius:50%;background:rgba(255,255,255,.05)}
.bp-band .wrap{position:relative;z-index:2;padding-left:24px;padding-right:24px}
@media(max-width:860px){ .bp-band .wrap{padding-left:16px;padding-right:16px} }
.bp-band-kicker{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.75);margin:0 0 16px}
.bp-band-in{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.bp-band h1{font-family:var(--font-heading);font-size:clamp(28px,3.2vw,40px);font-weight:700;
  letter-spacing:0;word-spacing:.06em;line-height:1.25;color:#fff;margin:0 0 22px}
.bp-sub-form{display:flex;gap:8px;background:#fff;border-radius:12px;padding:8px;max-width:470px}
.bp-sub-form input{flex:1;min-width:0;border:0;outline:none;background:transparent;
  font-family:inherit;font-size:15px;color:#000;padding:10px 12px}
.bp-sub-btn{font-family:inherit;font-size:14.5px;font-weight:700;color:#fff;background:#2C6B6E;
  border:1.5px solid #2C6B6E;border-radius:9px;padding:12px 22px;cursor:pointer;
  transition:background-color .16s,color .16s}
.bp-sub-btn:hover{background:#FBE3E3;color:#000}
.bp-band-right{font-size:15px;line-height:1.7;color:rgba(255,255,255,.85);margin:56px 0 0}
.bp-note{font-size:13.5px;color:#fff;margin:10px 0 0}
.bp-sub-form input.is-bad{background:#FFF1F1;border-radius:8px}

.bp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.bp-chips[hidden],.bp-chip[hidden],.bp-topic[hidden],.bp-box[hidden]{display:none !important}
.bp-chip{font-family:inherit;font-size:13.5px;font-weight:600;color:#4A6A69;background:#fff;
  border:1px solid #DCE7E6;border-radius:9px;padding:9px 15px;cursor:pointer;
  transition:background-color .16s,border-color .16s,color .16s}
.bp-chip:hover{border-color:#2C6B6E;color:#2C6B6E}
.bp-chip.is-on{background:#2C6B6E;border-color:#2C6B6E;color:#fff}

.bp-layout{display:block}
.bp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bp-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E6EFEE;border-radius:14px;
  overflow:hidden;transition:border-color .16s,box-shadow .16s}
.bp-card:hover{border-color:#BCD8D7;box-shadow:0 10px 24px -16px rgba(33,62,62,.45)}
.bp-card[hidden]{display:none !important}
.bp-card.is-featured{grid-column:1 / -1;flex-direction:row}
.bp-card.is-featured .bp-media{flex:0 0 46%;aspect-ratio:auto}
.bp-media{display:grid;place-items:center;aspect-ratio:16/10;padding:26px;color:#2C6B6E}
.bp-media svg{width:100%;height:100%;max-width:150px;max-height:110px}
.bp-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.bp-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;
  color:#4A6A69;margin:0}
.bp-meta i{width:4px;height:4px;border-radius:50%;background:#BCD8D7}
.bp-title{font-size:17.5px;line-height:1.45;font-weight:600;letter-spacing:0;word-spacing:.04em;margin:0}
.bp-card.is-featured .bp-title{font-size:21px;font-weight:600}
.bp-title a{color:#000;text-decoration:none}
.bp-title a:hover{color:#2C6B6E}
.bp-excerpt{font-size:14.5px;line-height:1.7;color:#000;margin:0}
.bp-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto 0 0;
  padding-top:10px;font-size:12.5px;color:#7D9594}
.bp-tag{font-size:12px;font-weight:600;color:#4A6A69;background:#fff;border:1px solid #DCE7E6;
  border-radius:999px;padding:5px 12px}
.bp-empty{font-size:15px;color:#4A6A69;padding:28px 2px}
.bp-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px}
.bp-pager[hidden]{display:none !important}
.bp-pages{display:flex;gap:8px}
.bp-page{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;
  font-family:inherit;font-size:14.5px;font-weight:700;color:#213E3E;background:#fff;
  border:1px solid #DCE7E6;border-radius:10px;cursor:pointer;
  transition:background-color .16s,border-color .16s,color .16s}
.bp-page:hover:not(:disabled){border-color:#2C6B6E;color:#2C6B6E}
.bp-page.is-on{background:#2C6B6E;border-color:#2C6B6E;color:#fff}
.bp-page:disabled{opacity:.4;cursor:default}
.bp-page-arrow svg{width:18px;height:18px}

/* sidebar */
.bp-side{position:sticky;top:18px;display:flex;flex-direction:column;gap:16px}
.bp-box{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:18px}
.bp-box h2{font-size:16px;font-weight:700;color:#2C6B6E;margin:0 0 10px}
.bp-box p{font-size:14px;line-height:1.6;color:#000;margin:0 0 12px}
.bp-search{display:flex;align-items:center;gap:10px;border:1px solid #C7E0DF;border-radius:10px;
  padding:0 12px;background:#fff}
.bp-search:focus-within{border-color:#2C6B6E;box-shadow:0 0 0 3px rgba(44,107,110,.12)}
.bp-search-ic{flex:none;width:15px;height:15px;border:2px solid #5B7A79;border-radius:50%;position:relative}
.bp-search-ic::after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:2px;
  background:#5B7A79;transform:rotate(45deg);border-radius:2px}
.bp-search input{flex:1;border:0;outline:none;font-family:inherit;font-size:14.5px;color:#000;
  padding:12px 0;background:transparent}
.bp-sub-box{background:linear-gradient(180deg,#FFFFFF 0%,#FAF1F1 100%)}
.bp-form{display:flex;flex-direction:column;gap:9px}
.bp-form input{width:100%;font-family:inherit;font-size:14.5px;color:#000;background:#fff;
  border:1px solid #C7E0DF;border-radius:9px;padding:12px 13px}
.bp-form input:focus{outline:none;border-color:#2C6B6E;box-shadow:0 0 0 3px rgba(44,107,110,.12)}
.bp-form input.is-bad{border-color:#C0504F;background:#FFF8F8}
.bp-btn{font-family:inherit;font-size:14.5px;font-weight:700;color:#fff;background:#2C6B6E;
  border:1.5px solid #2C6B6E;border-radius:9px;padding:12px 16px;cursor:pointer;
  transition:background-color .16s,color .16s}
.bp-btn:hover{background:#FBE3E3;color:#1F5254}
.bp-note{font-size:13px;color:#2C6B6E;margin:2px 0 0}

.bp-tabs{display:flex;gap:6px;margin-bottom:12px}
.bp-tab{flex:1;font-family:inherit;font-size:13.5px;font-weight:700;color:#4A6A69;background:#F3F7F6;
  border:0;border-radius:8px;padding:9px 10px;cursor:pointer;transition:background-color .16s,color .16s}
.bp-tab.is-on{background:#2C6B6E;color:#fff}
.bp-mini{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.bp-mini[hidden]{display:none}
.bp-mini a{display:flex;align-items:center;gap:11px;text-decoration:none}
.bp-mini-ic{flex:none;width:48px;height:48px;border-radius:9px;display:grid;place-items:center;color:#2C6B6E}
.bp-mini-ic svg{width:26px;height:26px}
.bp-mini-txt{min-width:0}
.bp-mini-txt em{display:block;font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  font-weight:700;color:#357A7D;margin-bottom:2px}
.bp-mini-txt b{display:block;font-size:13.5px;line-height:1.4;font-weight:600;color:#000}
.bp-mini a:hover b{color:#2C6B6E}

.bp-topics{display:flex;flex-wrap:wrap;gap:7px}
.bp-topic{font-size:13px;color:#000;text-decoration:none;background:#F3F7F6;border:1px solid #E6EFEE;
  border-radius:8px;padding:7px 11px;transition:background-color .16s,border-color .16s,color .16s}
.bp-topic:hover{background:#FAF1F1;border-color:#2C6B6E;color:#2C6B6E}

@media(max-width:1180px){ .bp-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:1020px){
  .bp-band-in{grid-template-columns:1fr;gap:18px}
  .bp-band-right{margin:0}
}
@media(max-width:560px){
  .bp-band{padding:34px 0 38px}
  .bp-sub-form{flex-direction:column;background:transparent;padding:0;gap:10px}
  .bp-sub-form input{background:#fff;border-radius:10px;padding:14px}
  /* teal on teal reads as disabled once the form loses its white panel */
  .bp-sub-btn{padding:14px;background:#fff;color:#1F5254;border-color:#fff}
  .bp-sub-btn:hover{background:#FBE3E3;color:#000;border-color:#FBE3E3}
}
@media(max-width:900px){ .bp-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:560px){
  .bp-grid{grid-template-columns:1fr}
  .bp-card.is-featured{flex-direction:column}
  .bp-card.is-featured .bp-media{flex:none;aspect-ratio:16/10}
  .bp-card.is-featured .bp-title{font-size:19px}
}

/* ---- block ---- */
/* ================= MEGA MENUS ================= */
/* panels span exactly from the H of Home to the y of About company:
   anchor them to the nav bar instead of to each item */
.pp .site-header .nav-links{position:relative}
.pp .site-header .nav-links > .nav-item{position:static}
.pp .site-header .nav-item .mega.mega-ind{
  left:18px !important;right:18px !important;width:auto !important;max-width:none !important}
.pp .site-header .nav-item .mega.mega-retail{
  left:18px !important;right:auto !important;width:1040px !important;
  max-width:calc(100vw - 48px) !important}
@media(max-width:1180px){
  .pp .site-header .nav-item .mega.mega-retail{width:calc(100vw - 48px) !important}
  .pp .mega-retail .mega-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.pp .mega-ind .mega-in,.pp .mega-retail .mega-in{grid-template-columns:1fr !important}
.pp .mega-ind .mega-main{padding:18px 20px !important}
.pp .mega-retail .mega-main{padding:6px 20px 6px !important}
.pp .mega-kicker{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  color:#357A7D;margin:0 0 12px}

.pp .mega-tiles{display:grid}
.pp .mt{text-decoration:none;border:0 !important;background:none !important;border-radius:10px}
.pp .mt b{display:block;white-space:nowrap;font-weight:500;color:var(--ink);transition:color .16s ease}
.pp .mt-img{display:grid;place-items:center;overflow:hidden;flex:none;
  border:1.5px solid transparent;transition:border-color .16s ease, box-shadow .16s ease}
.pp .mt-img.t1{background:#FAF1F1}
.pp .mt-img.t2{background:#E1EEED}
.pp .mt-img.t3{background:#FAEAD9}
.pp .mt-img.t4{background:#F3E4E5}
.pp .mt-img img{width:100%;height:100%;object-fit:cover;display:block}
.pp .mt-img i{color:#2C6B6E}

/* industries: image above the name, four across */
.pp .mega-ind .mega-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 8px}
.pp .mega-ind .mt{display:flex !important;flex-direction:column;align-items:center;gap:8px;
  text-align:center;padding:4px 2px 6px !important}
.pp .mega-ind .mt-img{width:64px;height:64px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(33,62,62,.05)}
.pp .mega-ind .mt-img i{font-size:27px}
.pp .mega-ind .mt b{font-size:13px}

/* retail: thumbnail beside the name, three across, no scroller */
.pp .mega-retail .mega-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px}
.pp .mega-retail .mt{display:flex !important;flex-direction:row;align-items:center;gap:12px;
  padding:4px 8px 4px 4px !important;min-width:0}
.pp .mega-retail .mt-img{width:50px;height:50px;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(33,62,62,.05)}
.pp .mega-retail .mt-img i{font-size:26px}
.pp .mega-retail .mt b{font-size:14px}

/* the site lifts .mi by 2px on hover - keep both menus still */
.pp .mega-ind .mt,.pp .mega-retail .mt,
.pp .mega-ind .mt:hover,.pp .mega-retail .mt:hover,
.pp .mega-ind .mt:focus,.pp .mega-retail .mt:focus{transform:none !important}

/* retail: blush pill on hover, matching the top-level nav. Nothing moves. */
.pp .mega-retail .mt:hover{background:#FAF1F1 !important;border-radius:8px}
.pp .mega-retail .mt:hover .mt-img{border-color:transparent;box-shadow:none}
.pp .mega-retail .mt:hover b{color:#2C6B6E}
/* industries: no fill, just the label and tile picking up teal */
.pp .mega-ind .mt:hover .mt-img{border-color:#2C6B6E}
.pp .mega-ind .mt:hover b{color:#2C6B6E}
.pp .mt:focus-visible{outline:2px solid #2C6B6E;outline-offset:2px}

/* items without a URL: same look, not clickable, so no hover highlight */
.pp .mt.is-nolink{cursor:default}
.pp .mt.is-nolink:hover .mt-img{border-color:transparent;box-shadow:none}
.pp .mt.is-nolink:hover b{color:var(--ink)}
.pp .m-sub .m-sub-nolink{display:block;cursor:default;font-size:14.5px;padding:11px 18px 11px 30px;
  color:var(--ink-soft);border-bottom:1px solid rgba(33,62,62,.07);font-weight:600}
/* one line-height for drawer rows, linked or not, on every page */
.pp .m-sub a,.pp .m-sub .m-sub-nolink{line-height:1.7 !important}

/* ---- block ---- */
/* single button left in the closing band */
.pp .site-foot .final .cta-row{justify-content:center}

/* footer lines up with the page content: its inner container used 32px, the pages use 24px */
.pp .site-foot .in{padding-left:24px !important;padding-right:24px !important}
@media(max-width:860px){ .pp .site-foot .in{padding-left:16px !important;padding-right:16px !important} }

/* breadcrumb: slash separator */
.crumb .sep svg,.cat-crumb .sep svg{display:none}
.crumb .sep,.cat-crumb .sep{display:inline-flex;align-items:center;justify-content:center;
  width:auto !important;height:auto !important;margin:0 8px !important;opacity:1 !important}
.crumb .sep::after,.cat-crumb .sep::after{content:"/";font-size:14px;line-height:1;color:#94AAA9}

/* ================= FOOTER TYPE ================= */
.pp .site-foot .foot-col h4{font-size:18px !important;font-weight:600 !important;color:#2C6B6E !important}
.pp .site-foot .foot-col ul a{font-size:15px !important;color:#000 !important}
.pp .site-foot .foot-brand p{font-size:15px !important;line-height:1.65 !important;color:#000 !important}
.pp .site-foot .foot-bottom .copy,
.pp .site-foot .foot-bottom .legal a{font-size:14px !important;color:#000 !important}
.pp .site-foot .trust-item .t1{font-size:12px !important;color:#000 !important}
.pp .site-foot .trust-item .t2{font-size:15px !important;color:#000 !important}
.pp .site-foot .foot-brand .lbl{font-size:16px !important;font-weight:600 !important;color:#000 !important}
.pp .site-foot .foot-brand .meta{font-size:14px !important;font-weight:600 !important;color:#000 !important}

/* footer links: no shift on hover. Colour deepens and an underline draws in from the left */
.pp .site-foot .foot-col ul a,
.pp .site-foot .foot-bottom .legal a{
  position:relative;display:inline-block;padding-left:0 !important;text-decoration:none;
  transition:color .18s ease !important}
.pp .site-foot .foot-col ul a:hover,
.pp .site-foot .foot-bottom .legal a:hover{padding-left:0 !important;color:#2C6B6E !important}
.pp .site-foot .foot-col ul a::after,
.pp .site-foot .foot-bottom .legal a::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;border-radius:2px;
  background:#2C6B6E;transform:scaleX(0);transform-origin:left center;
  transition:transform .26s cubic-bezier(.22,.7,.3,1)}
.pp .site-foot .foot-col ul a:hover::after,
.pp .site-foot .foot-bottom .legal a:hover::after{transform:scaleX(1)}
.pp .site-foot .foot-col ul a:focus-visible,
.pp .site-foot .foot-bottom .legal a:focus-visible{outline:2px solid #2C6B6E;outline-offset:3px;border-radius:2px}
@media(prefers-reduced-motion:reduce){
  .pp .site-foot .foot-col ul a::after,.pp .site-foot .foot-bottom .legal a::after{transition:none}
}

/* wordmark now lives inside the same container as the copyright row,
   so it starts at the (c) and ends at the last payment badge */
.pp .site-foot .foot-wordmark{padding:6px 0 0 !important;margin:0 !important}
.pp .site-foot .foot-wordmark svg{display:block;width:100%;height:auto}

/* ---- block ---- */
/* header rows match the page content and footer (some pages used 32px) */
.pp .site-header .hdr-mid,.pp .site-header .navbar,.pp .site-header .hdr-nav,.pp .site-header .in{
  padding-left:24px !important;padding-right:24px !important}
@media(max-width:860px){
  .pp .site-header .hdr-mid,.pp .site-header .navbar,.pp .site-header .hdr-nav,.pp .site-header .in{
    padding-left:16px !important;padding-right:16px !important}
  /* some pages wrap the header in a 10px gutter of its own */
  .pp .hdr-wrap{padding-left:0 !important;padding-right:0 !important}
}

/* ================= DESKTOP CART ================= */
/* the social row styles every link as a 30px icon, so these need to win outright */
.pp .hdr-mid .hdr-social-row a.desk-cart{display:none !important}
@media(min-width:901px){
  .pp .hdr-mid .hdr-social-row a.desk-cart{
    display:inline-flex !important;align-items:center;justify-content:center;position:relative;
    width:42px !important;height:42px !important;min-width:42px;margin-left:12px !important;padding:0 !important;
    border-radius:10px !important;background:#FAF1F1 !important;border:1px solid #E6E8E4 !important;
    color:#213E3E !important;text-decoration:none;box-shadow:none !important;overflow:visible !important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease}
  .pp .hdr-mid .hdr-social-row a.desk-cart::before{
    content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:1px;background:#E6E8E4}
  .pp .hdr-mid .hdr-social-row a.desk-cart:hover{background:#2C6B6E !important;border-color:#2C6B6E !important;color:#fff !important}
  .pp .hdr-mid .hdr-social-row a.desk-cart svg{width:22px !important;height:22px !important}
  .pp .hdr-mid .hdr-social-row a.desk-cart i{font-size:22px !important}
  .pp .hdr-mid .hdr-social-row a.desk-cart img{width:22px !important;height:22px !important}
  .pp .hdr-mid .hdr-social-row a.desk-cart .cart-count{
    position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;
    display:grid;place-items:center;border-radius:999px;border:2px solid #F8F8F6;
    background:#2C6B6E;color:#fff;font-size:10.5px;font-weight:700;line-height:1}
  .pp .hdr-mid .hdr-social-row a.desk-cart .cart-count[hidden]{display:none !important}
  .pp .hdr-mid .hdr-social-row a.desk-cart:focus-visible{outline:2px solid #2C6B6E;outline-offset:2px}
}

/* ---- block ---- */
/* ================= ABOUT ================= */
.ab-wrap{padding:0 0 46px}
.ab-wrap,.ab-wrap *{font-family:var(--font-heading,'Poppins'),Poppins,-apple-system,BlinkMacSystemFont,sans-serif}
.ab-wrap h1,.ab-wrap h2,.ab-wrap h3{letter-spacing:0}

/* hero */
.ab-hero{background:linear-gradient(135deg,#1F5254 0%,#2C6B6E 55%,#357A7D 100%);color:#fff;
  padding:48px 0 54px;margin-bottom:38px;position:relative;overflow:hidden}
.ab-hero::before{content:"";position:absolute;right:-140px;top:-180px;width:560px;height:560px;
  border-radius:50%;background:rgba(255,255,255,.06)}
.ab-hero .wrap{position:relative;z-index:2;padding-left:24px;padding-right:24px}
.ab-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
.ab-kicker{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.75);margin:0 0 14px}
.ab-hero h1{font-size:clamp(30px,3.4vw,42px);font-weight:700;line-height:1.22;word-spacing:.05em;
  color:#fff;margin:0 0 18px;max-width:26ch}
.ab-lede{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.9);margin:0 0 14px;max-width:62ch}
.ab-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;
  border-radius:10px;padding:14px 24px;text-decoration:none;border:1.5px solid #fff;
  background:#fff;transition:background-color .16s,color .16s,border-color .16s}
.ab-btn,.ab-btn:link,.ab-btn:visited{color:#1F5254 !important}
.ab-btn:hover{background:#FBE3E3;border-color:#FBE3E3}
.ab-btn:hover,.ab-btn:hover:link{color:#000 !important}
.ab-btn-ghost{background:transparent;border-color:rgba(255,255,255,.7)}
.ab-btn-ghost,.ab-btn-ghost:link,.ab-btn-ghost:visited{color:#fff !important}
.ab-btn-ghost:hover{background:#fff;border-color:#fff}
.ab-btn-ghost:hover,.ab-btn-ghost:hover:link{color:#1F5254 !important}

.ab-facts{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:18px 20px;backdrop-filter:blur(2px)}
.ab-facts-h{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:rgba(255,255,255,.7);margin:0 0 12px}
.ab-facts dl{margin:0;display:flex;flex-direction:column}
.ab-facts div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.12)}
.ab-facts div:last-child{border-bottom:0}
.ab-facts dt{font-size:12.5px;color:rgba(255,255,255,.7);margin:0;flex:none}
.ab-facts dd{font-size:13.5px;font-weight:600;color:#fff;margin:0;text-align:right}

/* shared section furniture */
.ab-sec{margin:0 0 46px}
.ab-eyebrow{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:#2C6B6E;background:#fff;border:1.5px solid #2C6B6E;border-radius:6px;
  padding:9px 16px;margin:0 0 16px}
.ab-sec h2{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.3;color:#213E3E;margin:0 0 14px;max-width:26ch}
.ab-intro{font-size:15.5px;line-height:1.8;color:#000;margin:0 0 22px;max-width:76ch}
.ab-note{font-size:13.5px;line-height:1.65;color:#4A6A69;margin:14px 0 0}
.ab-fill{background:#FBE3E3;border:1px dashed #E0A9A9;border-radius:5px;padding:1px 7px;
  font-weight:600;color:#213E3E;white-space:nowrap}
.ab-hero .ab-fill{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}

/* story */
.ab-story-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:34px;align-items:start}
.ab-story-in h2{margin:0}
.ab-pull{font-size:19px;line-height:1.6;font-weight:600;color:#213E3E;margin:0 0 16px;
  padding-left:18px;border-left:4px solid #2C6B6E}
.ab-story-body p{font-size:15.5px;line-height:1.8;color:#000;margin:0 0 14px}
.ab-story-body p:last-child{margin:0}

/* people */
.ab-people{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-person{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:20px;
  display:flex;flex-direction:column}
.ab-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:#E1EEED;color:#2C6B6E;font-size:13px;font-weight:700;margin-bottom:12px}
.ab-person h3{font-size:16px;font-weight:700;color:#213E3E;margin:0 0 8px}
.ab-person p{font-size:14px;line-height:1.7;color:#000;margin:0}
.ab-hands{margin-top:auto !important;padding-top:14px;border-top:1px solid #EFF3F2;
  font-size:13.5px;font-weight:600;color:#2C6B6E !important}
.ab-hands span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#94AAA9;font-weight:700;margin-bottom:3px}

/* box styles as product cards */
.ab-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ab-style{display:flex;flex-direction:column;background:#fff;border:1px solid #E6EFEE;
  border-radius:14px;overflow:hidden;transition:border-color .16s,box-shadow .16s}
.ab-style:hover{border-color:#BCD8D7;box-shadow:0 10px 24px -16px rgba(33,62,62,.45)}
.ab-style-art{display:grid;place-items:center;aspect-ratio:4/3;padding:22px;color:#2C6B6E}
.ab-style-art svg{width:100%;height:100%;max-width:130px;max-height:96px}
.ab-style-b{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.ab-style h3{font-size:16px;font-weight:700;color:#213E3E;margin:0}
.ab-style h3 a{color:#213E3E;text-decoration:none}
.ab-style h3 a:hover{color:#2C6B6E}
.ab-code{display:inline-block;align-self:flex-start;font-size:11.5px;font-weight:600;color:#4A6A69;
  background:#F3F7F6;border:1px solid #E6EFEE;border-radius:999px;padding:4px 10px;margin:0}
.ab-style p{font-size:14px;line-height:1.7;color:#000;margin:0}
.ab-style-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:12px;
  font-size:13.5px;font-weight:700;color:#2C6B6E;text-decoration:none}
.ab-style-link svg{width:15px;height:15px;transition:transform .2s ease}
.ab-style-link:hover svg{transform:translateX(3px)}

/* boards */
.ab-boards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ab-board{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:20px;
  display:flex;flex-direction:column}
.ab-board h3{font-size:16.5px;font-weight:700;color:#213E3E;margin:0 0 4px}
.ab-gsm{font-size:12.5px;color:#7D9594;margin:0 0 10px}
.ab-board > p:not(.ab-gsm):not(.ab-best){font-size:14px;line-height:1.7;color:#000;margin:0 0 14px}
.ab-rate{margin:0 0 14px;display:flex;flex-direction:column;gap:8px}
.ab-rate div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ab-rate dt{font-size:12.5px;color:#4A6A69;margin:0}
.ab-rate dd{display:flex;align-items:center;gap:5px;margin:0}
.ab-rate i{width:14px;height:6px;border-radius:3px;background:#E6EFEE;display:block}
.ab-rate i.on{background:#2C6B6E}
.ab-rate b{font-size:12px;color:#213E3E;margin-left:4px}
.ab-best{margin-top:auto !important;padding-top:12px;border-top:1px solid #EFF3F2;
  font-size:13.5px;color:#000}
.ab-best span{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#94AAA9;font-weight:700;margin-bottom:3px}

/* UK delivery */
.ab-uk{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
.ab-letterbox,.ab-deliver{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:22px}
.ab-letterbox{background:linear-gradient(180deg,#FFFFFF 0%,#FAF1F1 100%)}
.ab-uk h3{font-size:17px;font-weight:700;color:#213E3E;margin:0 0 10px}
.ab-uk p{font-size:14.5px;line-height:1.75;color:#000;margin:0 0 16px}
.ab-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ab-limits span{background:#fff;border:1px solid #DCE7E6;border-radius:10px;padding:12px;
  text-align:center;font-size:12.5px;color:#4A6A69}
.ab-limits b{display:block;font-size:22px;font-weight:700;color:#2C6B6E;line-height:1.2}
.ab-deliver ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ab-deliver li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;
  border-bottom:1px solid #EFF3F2;font-size:14px}
.ab-deliver li:last-child{border-bottom:0}
.ab-deliver li b{color:#000}
.ab-deliver li span{color:#4A6A69;text-align:right}

/* ordering steps */
.ab-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ab-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;background:#fff;
  border:1px solid #DCE7E6;border-radius:14px;padding:18px 20px}
.ab-step-n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:#2C6B6E;color:#fff;font-size:14px;font-weight:700}
.ab-step-b h3{font-size:16.5px;font-weight:700;color:#213E3E;margin:0 0 10px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ab-step-b h3 em{font-style:normal;font-size:12px;font-weight:600;color:#2C6B6E;background:#E1EEED;
  border-radius:999px;padding:4px 10px}
.ab-send,.ab-get{font-size:14px;line-height:1.65;color:#000;margin:0 0 6px;
  display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
.ab-get{margin:0}
.ab-send span,.ab-get span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:#94AAA9;padding-top:3px}

/* tables */
.ab-table-wrap{overflow-x:auto;border:1px solid #DCE7E6;border-radius:14px;background:#fff}
.ab-table{width:100%;border-collapse:collapse;min-width:640px}
.ab-table th{text-align:left;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:#4A6A69;font-weight:700;padding:14px 18px;background:#F7FBFA;border-bottom:1px solid #E6EFEE}
.ab-table td{font-size:14.5px;line-height:1.65;color:#000;padding:15px 18px;
  border-bottom:1px solid #EFF3F2;vertical-align:top}
.ab-table tr:last-child td{border-bottom:0}
.ab-table tbody tr:hover{background:#FAFCFB}
.ab-table b{color:#213E3E}

/* finishes */
.ab-sub{font-size:18px;font-weight:700;color:#213E3E;margin:26px 0 8px}
.ab-finishes{display:flex;flex-wrap:wrap;gap:10px}
.ab-finish{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid #DCE7E6;
  border-radius:10px;padding:11px 15px;font-size:14px;color:#000}
.ab-finish em{font-style:normal;font-size:11px;letter-spacing:.04em;font-weight:700;color:#4A6A69}
.ab-finish.is-paper{border-color:#BCD8D7;background:#F7FBFA}
.ab-finish.is-paper em{color:#2C6B6E}
.ab-finish.is-small em{color:#9A6A2E}
.ab-finish.is-film em{color:#94AAA9}

/* sustainability */
.ab-sus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.ab-sus > div > p{font-size:15.5px;line-height:1.8;color:#000;margin:0 0 14px}
.ab-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ab-ticks li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.6;color:#000}
.ab-ticks li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;
  border-radius:50%;background:#E1EEED}
.ab-ticks li::after{content:"";position:absolute;left:6px;top:6px;width:4px;height:8px;
  border:solid #2C6B6E;border-width:0 2px 2px 0;transform:rotate(42deg)}
.ab-regs{display:flex;flex-direction:column;gap:14px}
.ab-regs article{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:18px 20px}
.ab-reg-tag{display:inline-block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:#2C6B6E;border:1.5px solid #BCD8D7;border-radius:5px;padding:5px 10px;margin:0 0 10px}
.ab-regs h3{font-size:16px;font-weight:700;color:#213E3E;margin:0 0 8px}
.ab-regs p{font-size:14px;line-height:1.7;color:#000;margin:0}

/* mission */
.ab-mission h2{max-width:34ch}
.ab-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.ab-values article{background:linear-gradient(180deg,#FFFFFF 0%,#FAF1F1 100%);
  border:1px solid #F2E6E6;border-radius:14px;padding:20px}
.ab-values h3{font-size:16px;font-weight:700;color:#213E3E;margin:0 0 8px}
.ab-values p{font-size:14px;line-height:1.7;color:#000;margin:0}

/* faq */
.ab-faqs{display:flex;flex-direction:column;gap:10px}
.ab-faq{background:#fff;border:1px solid #DCE7E6;border-radius:12px;overflow:hidden}
.ab-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;
  cursor:pointer;list-style:none;font-size:15.5px;font-weight:600;color:#000;padding:16px 18px}
.ab-faq summary::-webkit-details-marker{display:none}
.ab-faq summary:hover{color:#2C6B6E}
.ab-faq-ic{flex:none;width:26px;height:26px;border-radius:50%;background:#E1EEED;position:relative}
.ab-faq-ic::before,.ab-faq-ic::after{content:"";position:absolute;left:50%;top:50%;background:#2C6B6E;
  transform:translate(-50%,-50%);transition:opacity .16s}
.ab-faq-ic::before{width:11px;height:2px}
.ab-faq-ic::after{width:2px;height:11px}
.ab-faq[open] .ab-faq-ic::after{opacity:0}
.ab-faq-a{padding:0 18px 18px}
.ab-faq-a p{font-size:14.5px;line-height:1.75;color:#000;margin:0}

/* closing cta */
.ab-cta{background:linear-gradient(180deg,#FFFFFF 0%,#FAF1F1 100%);border:1.5px solid #2C6B6E;
  border-radius:16px;padding:30px}
.ab-cta-in{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}
.ab-cta h2{font-size:clamp(22px,2.4vw,30px);font-weight:700;color:#213E3E;margin:0 0 12px;max-width:22ch}
.ab-cta p{font-size:15px;line-height:1.75;color:#000;margin:0;max-width:64ch}
.ab-cta .ab-btn{background:#2C6B6E;border-color:#2C6B6E}
.ab-cta .ab-btn,.ab-cta .ab-btn:link,.ab-cta .ab-btn:visited{color:#fff !important}
.ab-cta .ab-btn:hover{background:#FBE3E3;border-color:#2C6B6E}
.ab-cta .ab-btn:hover,.ab-cta .ab-btn:hover:link{color:#000 !important}
.ab-cta .ab-btn-ghost{background:#fff;border-color:#DCE7E6}
.ab-cta .ab-btn-ghost,.ab-cta .ab-btn-ghost:link,.ab-cta .ab-btn-ghost:visited{color:#213E3E !important}
.ab-cta .ab-btn-ghost:hover{background:#2C6B6E;border-color:#2C6B6E}
.ab-cta .ab-btn-ghost:hover,.ab-cta .ab-btn-ghost:hover:link{color:#fff !important}
.ab-company{background:#fff;border:1px solid #DCE7E6;border-radius:14px;padding:18px 20px}
.ab-company .ab-facts-h{color:#94AAA9}
.ab-company dl{margin:0}
.ab-company div{padding:9px 0;border-bottom:1px solid #EFF3F2}
.ab-company div:last-child{border-bottom:0}
.ab-company dt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
  color:#94AAA9;margin:0 0 3px}
.ab-company dd{font-size:14px;font-weight:600;color:#000;margin:0}

@media(max-width:1180px){
  .ab-people,.ab-styles,.ab-boards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1020px){
  .ab-hero-in,.ab-story-in,.ab-uk,.ab-sus,.ab-cta-in{grid-template-columns:1fr}
  .ab-values{grid-template-columns:1fr}
  .ab-hero h1{max-width:none}
}
@media(max-width:700px){
  .ab-people,.ab-styles,.ab-boards{grid-template-columns:1fr}
  .ab-limits{grid-template-columns:repeat(2,1fr)}
  .ab-step{grid-template-columns:1fr}
  .ab-send,.ab-get{grid-template-columns:1fr;gap:2px}
  .ab-cta{padding:20px}
  .ab-hero{padding:34px 0 38px}
}

/* ---- op-about-product-polish ---- */
.ab-eyebrow{display:inline-flex!important;align-items:center;padding:11px 17px!important;background:#E0EEED!important;border:2px solid #2C6B6E!important;border-radius:0!important;color:#213E3E!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.1em!important;text-transform:uppercase;margin-bottom:20px!important}
.ab-eyebrow::before,.ab-eyebrow::after{display:none!important}
.ab-products{padding-block:12px 20px}
.ab-products .ab-intro{max-width:780px;margin-bottom:30px;line-height:1.8;color:#000}
.ab-products .ab-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ab-products .ab-style{border:1px solid #DCE5E0;border-radius:6px;background:#fff;overflow:hidden;box-shadow:none;transition:border-color .18s,box-shadow .18s}
.ab-products .ab-style:hover{border-color:#82A9A2;box-shadow:0 8px 22px -16px #213E3E55}
.ab-products .ab-style-art{aspect-ratio:1/1;width:100%;padding:30px;position:relative;overflow:hidden;border-bottom:1px solid #E2E9E4;color:#2C6B6E}
.ab-products .ab-style-art svg{width:65%;height:auto;max-width:180px;max-height:150px;stroke-width:2}
.ab-products .ab-style-art img{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;padding:20px}
.ab-products .ab-style-art:focus-visible,.ab-products .ab-style-link:focus-visible{outline:3px solid #2C6B6E;outline-offset:-4px}
.ab-products .ab-style-b{padding:22px;gap:12px;display:flex;flex-direction:column;flex:1}
.ab-products .ab-style h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.02em;margin:0;color:#213E3E}
.ab-products .ab-style p{font-size:14px;line-height:1.8;color:#000;margin:0 0 8px}
.ab-products .ab-style-link{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding:16px 0 0;border-top:1px solid #E2E9E4;font-size:13px;font-weight:600;color:#2C6B6E;min-height:44px}
.ab-products .ab-style-link svg{width:20px;height:20px;flex:none}
@media(max-width:1100px){.ab-products .ab-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ab-products .ab-style-art{aspect-ratio:4/3}}
@media(max-width:600px){.ab-products .ab-styles{grid-template-columns:1fr;gap:20px}.ab-products .ab-style-art{aspect-ratio:4/3}.ab-products .ab-style-b{padding:20px}.ab-eyebrow{font-size:12px!important;padding:10px 14px!important}.ab-products .ab-intro{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.ab-products .ab-style,.ab-products .ab-style-link svg{transition:none}}

/* ---- about-compact-visuals ---- */
.ab-wrap .ab-sec{margin-bottom:28px!important;padding-top:0;padding-bottom:0}
.ab-hero{margin-bottom:28px;padding-block:36px 40px}
.ab-wrap{padding-bottom:28px}
.ab-eyebrow{margin-bottom:14px!important}
.ab-sec h2{margin-bottom:12px;max-width:36ch}
.ab-intro,.ab-products .ab-intro{margin-bottom:18px!important}
.ab-story-in{gap:28px;align-items:center}
.ab-story-visual figure{margin:18px 0 0;border-radius:6px;overflow:hidden;background:#F3E4E5;border:1px solid #E2DAD6}
.ab-story-visual img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover}
.ab-story-visual figcaption{padding:10px 14px;font-size:11px;color:#405C59}
.ab-people,.ab-boards{gap:16px}
.ab-person{position:relative;padding:18px;border-radius:6px}
.ab-person-icon{width:44px;height:44px;display:grid;place-items:center;background:#E0EEED;color:#2C6B6E;border-radius:5px;margin:0 0 14px}
.ab-person-icon svg{width:28px;height:30px}
.ab-person .ab-num{position:absolute;right:18px;top:22px;opacity:.65}
.ab-products .ab-styles{gap:18px}
.ab-products .ab-style-art{aspect-ratio:1.6!important;padding:18px}
.ab-products .ab-style-art svg{max-height:105px}
.ab-products .ab-style-b{padding:17px;gap:8px}
.ab-products .ab-style h3{font-size:18px}
.ab-products .ab-style p{margin-bottom:4px;font-size:13px;line-height:1.7}
.ab-products .ab-style-link{padding-top:12px}
.ab-board{padding:18px;border-radius:6px;overflow:hidden}
.ab-board-art{margin:-18px -18px 16px;background:#EEE9DF;border-bottom:1px solid #DFE5DF;height:126px;display:grid;place-items:center}
.ab-board:nth-child(2) .ab-board-art{background:#F3E4E5}.ab-board:nth-child(3) .ab-board-art{background:#F3EADB}.ab-board:nth-child(4) .ab-board-art{background:#E0EEED}
.ab-board-art svg{width:210px;max-width:100%;height:126px}
.ab-finish-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}
.ab-finish-photos figure{margin:0;background:#fff;border:1px solid #DCE5DF;border-radius:5px;overflow:hidden}
.ab-finish-photos img{display:block;width:100%;aspect-ratio:1.65;object-fit:cover}
.ab-finish-photos figcaption{padding:11px 14px;font-size:13px;font-weight:600;color:#213E3E}
.ab-steps{gap:10px}.ab-step{border-radius:6px;padding:15px 18px}
.ab-table-wrap{margin-bottom:16px}.ab-finishes{gap:10px}
@media(max-width:700px){.ab-wrap .ab-sec{margin-bottom:24px!important}.ab-story-in{gap:18px}.ab-hero{padding-block:28px;margin-bottom:24px}.ab-finish-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ab-products .ab-style-art{aspect-ratio:1.8!important}.ab-person,.ab-board{border-radius:5px}}

/* ---- about-visual-steps ---- */
.ab-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px!important;align-items:stretch}
.ab-steps .ab-step{display:flex!important;flex-direction:column;position:relative;padding:0!important;gap:0!important;overflow:hidden;border:1px solid #D5E2DA;border-radius:6px;background:#fff}
.ab-step-art{height:142px;background:#E0EEED;border-bottom:1px solid #DBE6DF;padding:10px;display:grid;place-items:center}
.ab-step-art svg{width:100%;height:100%;max-width:200px}
.ab-step:nth-child(2) .ab-step-art,.ab-step:nth-child(4) .ab-step-art{background:#F3E4E5}
.ab-step:nth-child(3) .ab-step-art{background:#F4EBDD}
.ab-steps .ab-step-n{position:absolute;top:12px;left:12px;background:#fff;color:#2C6B6E;border:1px solid #C2D6CE;border-radius:3px;width:28px;height:28px;display:grid;place-items:center;font-size:11px;margin:0}
.ab-step .ab-step-b{padding:18px 16px;display:flex;flex-direction:column;flex:1}
.ab-step .ab-step-b h3{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.02em;display:block;margin:0 0 16px;min-height:60px}
.ab-step .ab-step-b h3 em{display:block;font-size:10px;line-height:1.5;letter-spacing:0;margin-top:5px;color:#526B69}
.ab-step .ab-send,.ab-step .ab-get{display:block!important;font-size:13px;line-height:1.7;color:#000;margin:0;padding:0;border:0;background:none}
.ab-step .ab-send{margin-bottom:15px}.ab-step .ab-get{border-top:1px solid #E0E8E2;padding-top:14px;margin-top:auto}
.ab-step .ab-send>span,.ab-step .ab-get>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#2C6B6E;margin-bottom:6px}
.ab-paper-visual{margin:0 0 22px;border:1px solid #CCDDD3;border-radius:6px;overflow:hidden;background:#E0EEED}
.ab-paper-visual svg{display:block;width:100%;height:auto}
.ab-paper-visual figcaption{padding:12px 18px;border-top:1px solid #CCDDD3;color:#213E3E;font-size:12px;line-height:1.6}
.ab-sus{gap:26px;align-items:start}
.ab-regs{background:#F5F2EC;border:1px solid #E2DFD4;border-radius:6px;padding:24px}
@media(max-width:1100px){.ab-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-step .ab-step-b h3{min-height:52px}}
@media(max-width:760px){.ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-regs{padding:20px}}
@media(max-width:480px){.ab-steps{grid-template-columns:1fr}.ab-steps .ab-step{display:grid!important;grid-template-columns:95px minmax(0,1fr);align-items:stretch}.ab-step-art{height:100%;min-height:160px;border-bottom:0;border-right:1px solid #D5E2DA;padding:6px}.ab-step-art svg{height:auto}.ab-step .ab-step-b{padding:18px 16px}.ab-step .ab-step-b h3{min-height:0}.ab-steps .ab-step-n{top:10px;left:10px}}

/* ---- about-section-separation ---- */
/* Distinct panels with a shared outer edge and compact spacing. */
.ab-wrap{background:#FBF9F8}
.ab-wrap .wrap>section.ab-sec{position:relative;margin:0 0 24px!important;padding:30px!important;border:1px solid #DCE5DF;border-top:3px solid #A8C6BE;border-radius:6px;background:#fff;isolation:isolate}
.ab-wrap .wrap>section.ab-sec:nth-of-type(3n+2){background:#EDF3EF;border-color:#D3E1D8;border-top-color:#7FA79B}
.ab-wrap .wrap>section.ab-sec:nth-of-type(3n){background:#FAF0EE;border-color:#EADDD8;border-top-color:#D5ADA5}
.ab-wrap .wrap>section.ab-sec:nth-of-type(3n+1){background:#fff;border-color:#DCE5DF;border-top-color:#A8C6BE}
.ab-wrap .wrap>section.ab-sec>h2{margin-bottom:16px}
.ab-wrap .wrap>section.ab-sec .ab-eyebrow{margin-bottom:16px!important}
.ab-wrap .wrap>section.ab-sec .ab-intro{margin-bottom:22px!important}
.ab-wrap .ab-sec .ab-style,.ab-wrap .ab-sec .ab-board,.ab-wrap .ab-sec .ab-person,.ab-wrap .ab-sec .ab-step{background:#fff}
.ab-wrap .ab-sec .ab-table-wrap{background:#fff;border:1px solid #DCE5DF;border-radius:5px;overflow:hidden}
.ab-wrap .ab-sec .ab-faqs{background:#fff;border-radius:5px}
.ab-wrap .ab-cta{margin-top:0;border:1px solid #BDD3CA;border-top:3px solid #2C6B6E;border-radius:6px}
@media(max-width:900px){.ab-wrap .wrap>section.ab-sec{padding:24px!important}}
@media(max-width:600px){.ab-wrap .wrap>section.ab-sec{padding:20px 16px!important;margin-bottom:18px!important;border-radius:5px}.ab-wrap .wrap>section.ab-sec .ab-intro{margin-bottom:18px!important}}

/* ---- about-four-step-refinement ---- */
.ab-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ab-step .ab-step-b{padding:22px 20px}
.ab-step .ab-step-b h3{min-height:0;margin:0 0 12px;font-size:19px;line-height:1.45}
.ab-step .ab-step-copy{margin:0;font-size:15px;line-height:1.85;color:#000}
.ab-sus .ab-regs{gap:22px;padding:26px}
.ab-sus .ab-regs article{padding:28px 26px;border-radius:6px}
.ab-sus .ab-regs .ab-reg-tag{display:inline-block;margin:0 0 18px;padding:7px 11px;line-height:1.5}
.ab-sus .ab-regs h3{font-size:18px;line-height:1.6;margin:0 0 16px}
.ab-sus .ab-regs article p:not(.ab-reg-tag){font-size:16px;line-height:2;margin:0}
.ab-sus .ab-regs .ab-note{font-size:15px;line-height:1.9;margin:0;padding:2px 0 0}
@media(max-width:1000px){.ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.ab-sus .ab-regs{padding:18px;gap:18px}.ab-sus .ab-regs article{padding:23px 20px}}
@media(max-width:480px){.ab-steps{grid-template-columns:1fr!important}.ab-step .ab-step-b{padding:20px 16px}.ab-step .ab-step-b h3{font-size:18px}.ab-step .ab-step-copy{font-size:14px}}

/* ---- about-readable-type ---- */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/cd6b896a19.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../../fonts/614a91afc7.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../fonts/0fc985df77.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/124cd57d8f.ttf) format('truetype');
}


:root{--font:'Poppins',sans-serif;--font-heading:'Poppins',sans-serif;--font-quote:'Poppins',sans-serif}
html body,body p,body a,body span,body h1,body h2,body h3,body h4,body h5,body h6,body button,body input,body select,body textarea,body li,body dt,body dd,body td,body th,body summary,body figcaption,body b,body strong,body em{font-family:'Poppins',sans-serif!important}
.ab-wrap .ab-eyebrow.ab-label-plain{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#2C6B6E!important;font-size:14px!important;font-weight:600!important;line-height:1.6!important;letter-spacing:.09em!important}
.ab-wrap .ab-sec p:not(.ab-eyebrow):not(.ab-reg-tag):not(.ab-gsm):not(.ab-hands):not(.ab-best),.ab-wrap .ab-cta p:not(.ab-eyebrow):not(.ab-facts-h){font-size:18px;line-height:1.85;color:#000}
.ab-wrap .ab-sec h2,.ab-wrap .ab-cta h2{font-size:30px;line-height:1.4;font-weight:600;color:#213E3E}
.ab-wrap .ab-sec h3{font-size:22px;line-height:1.45;font-weight:600;color:#213E3E}
.ab-wrap .ab-products .ab-style h3,.ab-wrap .ab-step .ab-step-b h3{font-size:21px;line-height:1.45}
.ab-wrap .ab-step .ab-step-copy,.ab-wrap .ab-products .ab-style p,.ab-wrap .ab-person p:not(.ab-hands),.ab-wrap .ab-board p:not(.ab-gsm):not(.ab-best){font-size:16px;line-height:1.85;color:#000}
.ab-wrap .ab-sec li{color:#000;line-height:1.8}
.ab-wrap .ab-ticks li,.ab-wrap .ab-faqs p{font-size:18px}
.ab-wrap .ab-table th,.ab-wrap .ab-table td{font-size:16px;line-height:1.75;padding:16px;color:#000}
.ab-wrap .ab-table th{color:#213E3E;font-weight:600}
.ab-wrap .ab-faqs summary{font-size:19px;line-height:1.6;color:#213E3E}
.ab-wrap .ab-gsm,.ab-wrap .ab-hands,.ab-wrap .ab-best,.ab-wrap .ab-rate dt,.ab-wrap .ab-rate dd,.ab-wrap .ab-style-link{font-size:14px;line-height:1.7;color:#365550}
.ab-wrap .ab-hands span,.ab-wrap .ab-best span,.ab-wrap .ab-company dt{color:#526B69;font-size:13px;line-height:1.7}
.ab-wrap .ab-hero .ab-lede{font-size:18px;line-height:1.85;color:#fff}
.ab-wrap .ab-hero .ab-kicker,.ab-wrap .ab-hero .ab-facts-h,.ab-wrap .ab-hero .ab-facts dt{color:#fff;font-size:14px;line-height:1.7}
.ab-wrap .ab-hero .ab-facts dd{font-size:15px;line-height:1.7;color:#fff}
.ab-wrap .ab-company dd{font-size:16px;line-height:1.7;color:#000}
.ab-wrap .ab-company .ab-facts-h{color:#365550;font-size:14px}
.ab-wrap .ab-finish-photos figcaption,.ab-wrap .ab-paper-visual figcaption,.ab-wrap .ab-story-visual figcaption{font-size:14px;line-height:1.7;color:#365550}
.ab-wrap .ab-sus .ab-regs article p:not(.ab-reg-tag){font-size:18px;line-height:1.9}
.ab-wrap .ab-sus .ab-regs .ab-reg-tag{font-size:13px;color:#2C6B6E}
@media(max-width:700px){.ab-wrap .ab-sec h2,.ab-wrap .ab-cta h2{font-size:27px}.ab-wrap .ab-sec h3{font-size:22px}.ab-wrap .ab-sec p:not(.ab-eyebrow):not(.ab-reg-tag):not(.ab-gsm):not(.ab-hands):not(.ab-best){font-size:17px}.ab-wrap .ab-products .ab-style p,.ab-wrap .ab-step .ab-step-copy{font-size:16px}.ab-wrap .ab-table td,.ab-wrap .ab-table th{font-size:15px}}

/* ---- sector-table-heading-refinement ---- */
.ab-wrap .ab-table.ab-table-sector thead th{font-family:'Poppins',sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:18px!important;font-weight:700!important;line-height:1.5!important;color:#213E3E!important;background:#E0EEED;padding:18px 20px}
@media(max-width:700px){.ab-wrap .ab-table.ab-table-sector thead th{font-size:16px!important}.ab-wrap .ab-table.ab-table-sector td::before{text-transform:none!important;letter-spacing:0!important;font-weight:700!important;color:#213E3E!important}}

/* ---- about-square-card-images ---- */
.ab-wrap .ab-board .ab-board-art{height:auto!important;min-height:0!important;aspect-ratio:1/1;display:grid;place-items:center}
.ab-wrap .ab-board .ab-board-art svg{width:88%;max-width:100%;height:auto;max-height:88%}
.ab-wrap .ab-steps .ab-step .ab-step-art{width:100%;height:auto!important;min-height:0!important;aspect-ratio:1/1;box-sizing:border-box;padding:20px;display:grid;place-items:center;flex:none}
.ab-wrap .ab-steps .ab-step .ab-step-art svg{width:90%;height:auto;max-width:none;max-height:90%}
@media(max-width:480px){.ab-wrap .ab-steps .ab-step{display:flex!important;flex-direction:column;grid-template-columns:none}.ab-wrap .ab-steps .ab-step .ab-step-art{border-right:0;border-bottom:1px solid #D5E2DA}}

/* ---- about-sentence-case ---- */
.ab-wrap h1,.ab-wrap h2,.ab-wrap h3,.ab-wrap h4,.ab-wrap h5,.ab-wrap h6,.ab-wrap .ab-eyebrow,.ab-wrap .ab-kicker,.ab-wrap .ab-facts-h,.ab-wrap .ab-reg-tag,.ab-wrap th,.ab-wrap dt,.ab-wrap figcaption,.ab-wrap .ab-best span,.ab-wrap .ab-finish,.ab-wrap .ab-finish em{ text-transform:none!important;letter-spacing:normal!important }
.ab-wrap .ab-table td::before{text-transform:none!important;letter-spacing:normal!important}

/* ---- about-hero-label-box ---- */
.ab-wrap .ab-hero .ab-kicker{display:inline-flex;align-items:center;background:#E0EEED;border:2px solid #2C6B6E;border-radius:0;padding:11px 17px;margin:0 0 20px;color:#213E3E!important;font-size:14px;font-weight:700;line-height:1.4;text-transform:none!important}

/* ---- about-square-product-catalogue ---- */
.ab-wrap .ab-products .ab-style-art{aspect-ratio:1/1!important;height:auto!important;min-height:0;box-sizing:border-box}
.ab-wrap .ab-products .ab-style-art svg{width:70%;height:auto;max-width:200px;max-height:70%}
.ab-wrap .ab-products .ab-style-art img{width:100%;height:100%;object-fit:contain}

/* ---- about-board-photographs ---- */
.ab-wrap .ab-board .ab-board-art{position:relative;overflow:hidden;padding:0;aspect-ratio:1/1;height:auto!important}
.ab-wrap .ab-board .ab-board-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}

/* ---- about-order-process-images ---- */
.ab-wrap .ab-steps .ab-step .ab-step-art{position:relative;overflow:hidden;padding:0!important;background:#fff!important;aspect-ratio:1/1;height:auto!important}
.ab-wrap .ab-steps .ab-step .ab-step-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.ab-wrap .ab-steps .ab-step-n{z-index:1}

/* ---- container-1320 ---- */
/* one 1320px content container, matching the product page */
:root{--maxw:1320px;--orbit-width:1320px;--orbit-gutter:24px}
.wrap.wrap,.shell.shell,.hdr-top.hdr-top,.hdr-mid.hdr-mid,.hdr-nav.hdr-nav,.site-foot .in.in,.site-foot .final .wrap.wrap{
  max-width:1320px !important;          /* 1320 of content inside 24px gutters */
  margin-left:auto !important;margin-right:auto !important;
  padding-left:24px !important;padding-right:24px !important;
  box-sizing:border-box}

/* ---- orbit-chrome-host ---- */
orbit-header,orbit-footer{display:block}
orbit-header{position:relative;z-index:9000}
body.m-open{overflow:hidden}
@font-face { font-family: WhimsyPerson; font-style: normal; font-weight: 400; font-display: swap; src: url("../../fonts/120bbaa75e.woff2") format("woff2"); }

/* ---- body-16 ---- */
/* body copy at 16px */
html body .ab-wrap .wrap .ab-sec .ab-sus p:not(.ab-reg-tag),
html body .wrap .ab-sec .ab-sus .ab-regs p:not(.ab-reg-tag),
html body .ab-board p,
html body .ab-facts dd,
html body .ab-faq-a p,
html body .ab-hero-copy p.ab-lede,
html body .ab-person p,
html body .ab-regs p.ab-note,
html body .ab-sec p.ab-intro,
html body .ab-sec p.ab-note,
html body .ab-step-b p.ab-step-copy,
html body .ab-story-body p,
html body .ab-style-b p,
html body .ab-table td,
html body .ab-ticks li,
html body .ab-values p{font-size:16px !important}

/* ---- orbit-breadcrumb ---- */
/* shared breadcrumb — matches the product page */
html body .oc-crumbbar{display:block;max-width:1320px;margin:0 auto;padding:20px 24px 0;box-sizing:border-box;background:transparent}
html body .oc-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;
  font-family:'Poppins',sans-serif;font-size:13px;line-height:1.7;font-weight:600;letter-spacing:.005em;color:#64776D;text-transform:none}
html body .oc-crumb a{color:#64776D;font-weight:400;font-size:inherit;text-decoration:none;border:0;padding:0;margin:0;background:none}
html body .oc-crumb a:hover,html body .oc-crumb a:focus-visible{color:#2C6B6E;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html body .oc-crumb .oc-sep{display:flex;align-items:center;margin:0 5px;color:#A2B2A8;font-weight:600}
html body .oc-crumb .oc-sep::after{content:"/"}
html body .oc-crumb .oc-cur{color:#213E3E;font-weight:500}
@media(max-width:900px){html body .oc-crumbbar{padding-top:18px}}
@media(max-width:860px){html body .oc-crumbbar{padding-left:16px;padding-right:16px}}
@media(max-width:640px){html body .oc-crumbbar{padding-top:16px}}
@media(max-width:560px){html body .oc-crumb{font-size:12px;gap:3px}html body .oc-crumb .oc-sep{margin:0 3px}}
/* page spacing under the breadcrumb */
html body .oc-crumbbar{padding-bottom:24px}@media(max-width:640px){html body .oc-crumbbar{padding-bottom:20px}}