/* Shared hierarchy; existing Roboto / Roboto Condensed and approved palette. */
#top{position:relative;background:#fff;border-bottom:1px solid var(--line)}
#top .header-top{height:92px;gap:28px;justify-content:flex-start}
#top .brand{margin-right:auto;font-size:28px;gap:14px;letter-spacing:-.025em}
#top .brand small{font-size:12px;line-height:1.4;margin-top:7px;max-width:none;letter-spacing:0}
#top .brand-canister{width:44px;height:56px;object-fit:contain}
#top .header-phone{display:block;font-size:24px;line-height:1.2;text-align:right}
#top .header-phone small{font-size:12px;line-height:1.4;margin-top:6px}
#top .header-order.cart-trigger{font-size:15px;min-height:46px;padding:12px 20px}
.header-nav-shell{border-top:1px solid var(--line);background:var(--paper)}
#top #main-nav{position:static;display:flex;align-items:stretch;justify-content:space-between;gap:24px;width:min(1200px,calc(100% - 96px));margin:0 auto;padding:0;background:transparent;box-shadow:none;border:0}
#top #main-nav a{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:500;padding:17px 0 15px;border-bottom:3px solid transparent;white-space:nowrap;color:var(--ink)}
#top #main-nav a[aria-current=page]{border-color:var(--red);color:var(--red)}
#top #main-nav a:hover{color:var(--red);text-decoration:none}
#top .menu-toggle{display:none}
.internal-page{padding-top:24px}
.breadcrumbs{font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:30px;max-width:100%;gap:8px}
.breadcrumbs a{color:var(--ink)}
.internal-page .eyebrow{font-family:Roboto,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1.5;margin-bottom:16px}
.page-heading{max-width:960px;margin-bottom:42px}
.page-heading h1,.content-hero h1{font-size:clamp(34px,3.5vw,50px);line-height:1.1;letter-spacing:-.025em;margin:0 0 22px}
.page-heading .page-lead,.content-hero .page-lead{font-size:18px;line-height:1.65;color:var(--muted);margin:0 0 26px;max-width:780px}
.article-body{font-size:16px;line-height:1.8}
.article-body h2{font-size:34px;line-height:1.2}.article-body h3{font-size:25px}
.content-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:34px 0 44px;border-bottom:1px solid var(--line);margin-bottom:44px}
.content-hero-copy{min-width:0}.content-hero .button{font-size:16px;gap:24px;min-height:54px}
.hero-detail-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;margin:22px 0 0;color:var(--ink)}.hero-detail-links a{text-decoration:underline;text-underline-offset:4px}
.product-hero{grid-template-columns:1fr 1fr;align-items:start;padding-top:6px;gap:60px}
.product-hero-photo{border-radius:18px;background:var(--paper);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px}
.product-hero-photo img{width:100%;height:470px;object-fit:contain;mix-blend-mode:multiply}.product-hero-photo figcaption{font-size:14px;color:var(--muted);margin-top:16px}
.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-block:1px solid var(--line);padding:20px 0;margin:0 0 24px;font-size:14px}.product-facts dt{color:var(--muted);margin-bottom:7px}.product-facts dd{margin:0;font-weight:600}
.product-hero .product-selector{padding:0;border:0;background:none;border-radius:0;gap:15px}.product-hero .product-selector>h3,.product-hero .product-selector>a,.product-hero .product-selector>p:first-of-type{display:none}.product-hero .product-selector label{max-width:220px}.product-hero .product-selector .button{width:auto;align-self:flex-start;min-width:270px}.product-hero .product-selector .cart-text-button{padding:0;font-size:14px}
.gallery-hero{grid-template-columns:.9fr 1.1fr;gap:44px;padding-top:20px}
.gallery-hero-photos{background:var(--paper);border-radius:16px;padding:20px}.gallery-hero-photos>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gallery-hero-photos figure>span{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.gallery-hero-photos img{width:100%;height:250px;object-fit:contain;background:#fff;border-radius:8px}.gallery-hero-photos>p{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.5}
.case-links{display:flex;flex-wrap:wrap;gap:12px 28px;padding:0 0 28px;border-bottom:1px solid var(--line);margin-bottom:38px;font-size:16px}.case-links a{color:var(--red)}
.delivery-hero-photo img{width:100%;height:360px;object-fit:cover;border-radius:16px}.delivery-hero-photo figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.delivery-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;background:var(--paper);border-radius:14px;padding:28px 30px;margin-bottom:44px}.delivery-facts span{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.delivery-facts strong{font-size:18px}.delivery-facts p{font-size:14px;color:var(--muted);margin-top:8px}
.sample-page .page-columns{display:block}.sample-page .article-body{max-width:100%}.sample-page .page-aside{display:none}.sample-page .article-toc{font-size:15px}.sample-page .article-body>section{max-width:900px;margin-bottom:34px}.sample-page .article-body>.article-pair{margin:24px 0 44px}.sample-page .article-body>.article-pair img{max-height:420px}.sample-page .article-body>h2{margin:44px 0 20px}.sample-page .article-body>video{max-width:850px}
@media(max-width:1100px){#top #main-nav{gap:18px}#top #main-nav a{font-size:15px}.content-hero{gap:32px}.product-hero-photo{min-height:480px}.product-hero-photo img{height:390px}.gallery-hero-photos img{height:210px}}
@media(max-width:900px){#top .header-top{height:90px;gap:20px}#top .brand{font-size:26px}#top .brand small{font-size:11px}#top .header-phone{font-size:21px}#top #main-nav{width:calc(100% - 48px);gap:14px}#top #main-nav a{font-size:14px}.content-hero{gap:26px}.gallery-hero{grid-template-columns:1fr}.gallery-hero-photos img{height:280px}.delivery-hero{grid-template-columns:1fr}.delivery-hero-photo img{height:330px}.product-hero-photo{min-height:430px}.product-hero-photo img{height:330px}.product-facts{grid-template-columns:1fr;gap:10px}.product-facts>div{display:flex;justify-content:space-between;gap:15px}.product-facts dt{margin:0}}
@media(max-width:700px){#top .header-top{height:88px;gap:14px}#top .brand{font-size:24px;gap:10px}#top .brand small{font-size:10px;max-width:155px}#top .brand-canister{width:32px;height:45px}#top .header-phone{display:none}#top .header-order.cart-trigger{font-size:14px;padding:11px 13px;min-height:44px;margin:0}#top .menu-toggle{display:flex;width:24px;height:20px}#top .header-nav-shell{border:0}#top #main-nav{display:none;position:absolute;top:100%;left:0;width:100%;margin:0;padding:12px 24px 20px;background:#fff;border-bottom:1px solid var(--line);z-index:20;gap:0}#top #main-nav.open{display:flex;flex-direction:column}#top #main-nav a{font-size:17px;line-height:1.4;padding:13px 0;border-bottom:1px solid var(--line)}#top #main-nav a[aria-current=page]{border-color:var(--red)}.internal-page{padding-top:20px}.breadcrumbs{font-size:13px;margin-bottom:24px}.content-hero{grid-template-columns:1fr;gap:28px;padding:8px 0 30px;margin-bottom:30px}.page-heading h1,.content-hero h1{font-size:36px;line-height:1.1;margin-bottom:20px}.page-heading .page-lead,.content-hero .page-lead{font-size:17px;line-height:1.65;margin-bottom:22px}.product-hero-photo{min-height:0;padding:22px;order:1}.product-hero-photo img{height:270px}.product-hero-copy{order:2}.product-hero .content-hero-copy{order:2}.product-hero .product-selector .button{min-width:0;width:100%}.product-hero .product-selector label{max-width:none}.product-facts{padding:18px 0}.gallery-hero-photos{padding:14px}.gallery-hero-photos img{height:190px}.gallery-hero-photos>div{gap:10px}.gallery-hero-photos figure>span{font-size:12px}.gallery-hero-photos>p{font-size:12px}.delivery-hero-photo img{height:auto;aspect-ratio:16/9}.delivery-facts{grid-template-columns:1fr;gap:22px;padding:24px;margin-bottom:30px}.delivery-facts>div+div{padding-top:22px;border-top:1px solid var(--line)}.case-links{font-size:15px;gap:12px 20px}.article-body h2{font-size:29px}.article-body h3{font-size:23px}.hero-detail-links{font-size:14px}.sample-page .article-body>h2{margin-top:32px}}
@media(max-width:380px){#top .header-top{gap:10px}#top .brand{font-size:22px;gap:7px}#top .brand small{display:none}#top .brand-canister{width:28px}#top .header-order.cart-trigger{font-size:13px;padding:10px}.gallery-hero-photos img{height:150px}.page-heading h1,.content-hero h1{font-size:32px}}
@media(max-width:700px){#top .header-top{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:12px}#top .brand{min-width:0;margin-right:0}#top .brand small{max-width:145px}.content-hero{gap:20px}.content-hero .content-hero-copy{display:contents}.content-hero-copy>.eyebrow{order:1;margin:0}.content-hero-copy>h1{order:2;margin:0}.content-hero>figure,.content-hero>.gallery-hero-photos{order:3}.content-hero-copy>.page-lead{order:4;margin:0}.content-hero-copy>.button{order:5;justify-self:start}.content-hero-copy>.product-facts{order:5;margin:0}.content-hero-copy>#order{order:6}.content-hero-copy>.hero-detail-links{order:7;margin:0}.product-hero-photo img{height:240px}}
@media(max-width:380px){#top .header-top{gap:10px}}
/* Different page purposes share the hierarchy, rather than a universal sales block. */
.type-hero{padding-top:12px}.intro-photo{padding:24px;background:var(--paper);border-radius:16px;min-width:0}.intro-photo img{width:100%;height:370px;object-fit:contain;border-radius:8px}.intro-photo figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:16px}.intro-shipment-photo{padding:0;background:none}.intro-shipment-photo img{object-fit:cover;height:360px}.intro-example-photo img{background:#fff;max-height:420px}.intro-product-photo img{mix-blend-mode:multiply}.intro-instruction-photo img{height:320px;max-width:380px;margin:auto}.type-hero .article-byline{font-size:13px;margin:0 0 24px;color:var(--muted)}
.sample-page .article-body>.content-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;max-width:none;padding:30px 0;border-top:1px solid var(--line);margin:0}.sample-page .content-section>h2{font-size:30px;line-height:1.2;margin:0}.sample-page .content-section>div{min-width:0}.sample-page .content-section p:last-child{margin-bottom:0}.sample-page .article-toc{margin-bottom:30px}.sample-page .instruction-figure{margin:24px auto 42px;max-width:420px}
.type-guide .page-columns{grid-template-columns:minmax(0,1fr) 250px;gap:65px}.type-guide .article-body{max-width:850px}.type-guide .page-aside{padding:24px}.type-guide .page-aside .aside-label{font-size:20px;padding-bottom:20px}.type-guide .page-aside h2{font-size:27px}.type-guide .article-body section{padding-bottom:18px}.type-guide .article-toc{font-size:15px}.type-guide .article-byline{margin-top:0}
.contact-hero-panel{padding:34px;background:var(--paper);border-radius:16px;min-width:0}.contact-hero-panel>span,.contact-hero-panel>div>span{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.contact-hero-phone{display:block;font-family:'Roboto Condensed',Arial,sans-serif;font-size:36px;line-height:1.2;font-weight:650;margin:0 0 16px}.contact-hero-email{display:block;font-size:20px;text-decoration:underline;text-underline-offset:4px}.contact-hero-panel>div{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.contact-hero-panel p{font-size:18px;line-height:1.6}.contact-hero-panel small{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:15px}
.order-warehouse{margin-top:24px;font-size:15px}.inner-order .order-warehouse a{display:inline;font:inherit;text-decoration:underline;text-underline-offset:4px}.inner-order .order-location{margin-top:28px}
.picture-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;background:#fff;border:1px solid var(--line);border-radius:14px}.picture-card::before,.picture-card::after{display:none}.picture-card .card-backdrop{position:static;width:100%;height:210px;aspect-ratio:16/10;object-fit:cover;opacity:1;filter:none;transform:none}.picture-card .card-copy{position:static;padding:24px;color:var(--ink);display:flex;flex-direction:column;flex:1}.picture-card .card-copy>span{font-size:26px;color:var(--ink)}.picture-card .card-copy p{font-size:15px;color:var(--muted);margin:16px 0}.picture-card .card-copy b{color:var(--red);margin-top:auto}.picture-card:hover .card-backdrop{transform:none}.hub-group{margin-top:40px}.hub-group>h2{font-size:34px;margin-bottom:24px}
.type-legal .page-heading,.type-error .page-heading,.type-service .page-heading{padding:24px 0 32px;border-bottom:1px solid var(--line);margin-bottom:36px}.type-legal .legal-body{max-width:900px}.type-legal .legal-body h2{font-size:28px}.type-legal .page-heading .eyebrow{display:none}
@media(max-width:1000px){.type-guide .page-columns{grid-template-columns:minmax(0,1fr) 220px;gap:34px}.intro-photo img{height:300px}.contact-hero-phone{font-size:30px}.sample-page .article-body>.content-section{gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
@media(max-width:700px){.intro-photo,.contact-hero-panel{order:3}.intro-photo{padding:20px}.intro-photo img{height:250px}.intro-shipment-photo{padding:0}.intro-shipment-photo img{height:auto;aspect-ratio:16/9}.intro-photo figcaption{font-size:12px}.type-hero .article-byline{order:5;margin:0}.type-hero .content-hero-copy>.button{order:6}.type-hero .content-hero-copy>.hero-detail-links{order:7}.sample-page .article-body>.content-section{display:block;padding:24px 0}.sample-page .content-section>h2{font-size:28px;margin-bottom:18px}.type-guide .page-columns{display:block}.type-guide .page-aside{position:static;margin-top:36px}.contact-hero-panel{padding:24px}.contact-hero-phone{font-size:30px}.contact-hero-email{font-size:18px}.contact-hero-panel p{font-size:17px}.picture-card .card-backdrop{height:200px}.picture-card .card-copy{padding:22px}.picture-card .card-copy>span{font-size:25px}.hub-group>h2{font-size:30px}.type-legal .page-heading h1{font-size:32px}.type-legal .legal-body h2{font-size:26px}}
.sample-page .article-body>.buyer-checklist{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:30px;background:var(--paper);border-radius:14px;max-width:none;margin:30px 0}.buyer-checklist h2{font-size:29px;margin:0}.buyer-checklist ul{margin:0 0 20px;padding-left:22px}.buyer-checklist li{margin-bottom:12px}.buyer-checklist a{font-size:16px}
@media(max-width:700px){.sample-page .article-body>.buyer-checklist{display:block;padding:24px;margin:24px 0}.buyer-checklist h2{font-size:28px;margin-bottom:20px}}
.analytics-settings{padding-bottom:90px}.analytics-settings>button{font:inherit;font-size:13px;color:var(--muted);background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.analytics-choice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 36px));padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px}.analytics-choice[hidden]{display:none}.analytics-choice strong{font-size:18px}.analytics-choice p{font-size:14px;line-height:1.65;margin-top:8px;color:var(--muted)}.analytics-choice a{text-decoration:underline;text-underline-offset:4px}.analytics-actions{display:flex;flex-direction:column;justify-content:center;gap:10px}.analytics-actions button{font:inherit;font-size:14px;min-height:44px;padding:11px 16px;border:1px solid var(--line);background:var(--paper);border-radius:7px;color:var(--ink)}.analytics-actions button:first-child{background:var(--red);color:#fff;border-color:var(--red)}.analytics-status:empty{display:none}
@media(max-width:700px){.analytics-choice{grid-template-columns:1fr;padding:20px;bottom:12px;max-height:calc(100dvh - 24px);overflow:auto;gap:14px}.analytics-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analytics-actions button{font-size:13px;padding:10px}.analytics-choice strong{font-size:17px}}

/* Narrow phones need room for the full brand, basket and menu simultaneously. */
@media(max-width:380px){#top .brand{font-size:20px;gap:6px;white-space:nowrap}#top .brand-canister{width:22px;flex:0 0 22px}#top .header-top{column-gap:8px}}
/* Keep the keyboard skip link clipped even in scrolled full-page captures. */
.skip-link{top:10px;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link:focus{width:auto;height:auto;padding:12px;overflow:visible;clip-path:none}

/* Warehouse/map is shared by the homepage and internal pages. */
.order-location{margin-top:25px;min-width:0;border:1px solid #d9d5cd;border-radius:14px;overflow:hidden;background:#fff}
.location-heading{padding:17px 18px}.location-heading .eyebrow{font-size:10px}
.order-location .location-heading p{font:15px/1.5 Roboto,Arial,sans-serif;color:var(--ink);margin:9px 0}
.order-location .location-heading a{font-size:12px;color:var(--red);text-decoration:underline;text-underline-offset:3px}
.order-location iframe{display:block;width:100%;max-width:100%;height:255px;border:0;background:var(--paper)}
.order-location .location-note{font:12px/1.6 Roboto,Arial,sans-serif;color:#65615b;padding:12px 18px;margin:0}
.order-location .location-heading .location-shipping{font-size:13px;color:var(--muted);margin:9px 0 11px}
.carrier-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.carrier-list span{font:11px/1.4 Roboto,Arial,sans-serif;border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:5px 7px}
@media(max-width:600px){.order-location iframe{height:240px}.order-location .location-heading p{font-size:14px}}

.preview-banner{background:var(--paper);border-bottom:1px solid var(--line);padding:9px 0;color:var(--muted);font-size:13px;line-height:1.5}

.archive-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.archive-photo-grid figure{margin:0}.archive-photo-grid img{width:100%;height:330px;object-fit:contain;background:#eeeae5;border-radius:12px}.archive-photo-grid figcaption{font-size:15px;line-height:1.5;margin-top:10px}@media(max-width:600px){.archive-photo-grid{grid-template-columns:1fr}.archive-photo-grid img{height:auto;max-height:400px}}

.carrier-tracking{display:flex;flex-wrap:wrap;gap:12px}.carrier-tracking a{padding:12px 16px;border:1px solid #d5cec5;border-radius:8px}
