.arch-home{--home-green:var(--arch-preview-green,#103a3a);--home-text:var(--arch-preview-carbon,#202724);--home-line:var(--arch-preview-line,#cbd4cd);font-family:var(--arch-preview-sans,'Arch Brand Sans',Arial,sans-serif);color:var(--home-text);background:#fff;letter-spacing:0}
.arch-home *{box-sizing:border-box;letter-spacing:0}
.arch-home h1,.arch-home h2,.arch-home h3{font-family:var(--arch-preview-serif,'Arch Brand Serif',Georgia,serif);font-weight:400;font-style:normal;margin:0;text-transform:none;color:inherit}
.arch-home a{color:inherit;text-decoration:none}
.arch-home p{margin:12px 0 0;font-size:17px;line-height:1.55;max-width:64ch}
.arch-home :focus-visible{outline:2px solid var(--home-green);outline-offset:4px}
.arch-home ::selection{color:#fff;background:var(--home-green)}
.arch-home-hero{position:relative;isolation:isolate;height:min(580px,calc(100svh - 180px));min-height:380px;display:flex;align-items:flex-end;padding:48px}
.arch-home-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.arch-home-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:-1}
.arch-home-hero-copy{color:#fff;max-width:760px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.arch-home-hero h1{font-size:56px;line-height:1.12;text-wrap:balance}
.arch-home-hero p{font-size:20px;max-width:44ch}
.arch-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;text-shadow:none}
.arch-home .arch-home-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--home-green);color:#fff;border:1px solid var(--home-green);font-size:15px;line-height:1.4;transition:background 120ms ease}
.arch-home .arch-home-button-light{background:#fff;color:var(--home-green);border-color:#fff}
.arch-home .arch-home-button:hover{background:#202724;color:#fff}
.arch-home-hero :focus-visible{outline-color:#fff}
.arch-home-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--home-line);padding:18px 36px;gap:8px}
.arch-home-categories a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:15px;text-align:center;color:var(--home-green)}
.arch-home-categories a:hover,.arch-home-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.arch-home-shelf{max-width:1600px;margin:auto;padding:64px 48px;border-bottom:1px solid var(--home-line)}
.arch-home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.arch-home h2{font-size:36px;line-height:1.2;text-wrap:balance}
.arch-home-section-heading p{color:#5b6861}
.arch-home .arch-home-text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap;color:var(--home-green);font-size:15px}
.arch-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.arch-home-product{min-width:0}
.arch-home-product-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:transparent;margin-bottom:18px;overflow:hidden}
.arch-home-product-image img{width:100%;height:100%;object-fit:contain;display:block}
.arch-home h3{font-size:21px;line-height:1.3;overflow-wrap:break-word}
.arch-home h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.arch-home .arch-home-price{font-size:16px;color:var(--home-green);margin-top:10px}
.arch-home .arch-home-stock{font-size:13px;color:#5b6861;margin-top:4px}
.arch-home-variants{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.arch-home-variants li{margin:0}
.arch-home-variants a{display:flex;width:44px;min-height:44px;border:1px solid var(--home-line);align-items:center;justify-content:center}
.arch-home-variants a:hover{border-color:var(--home-green)}
.arch-home-variants img{width:42px;height:42px;object-fit:contain}
.arch-home-variants .arch-home-variant-text{width:auto;max-width:100%;padding:8px 12px}
.arch-home-variants span{font-size:13px;line-height:1.4;overflow-wrap:break-word}
.arch-home-closing{padding:56px 48px;display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--arch-preview-mist,#eef2f0)}
.arch-home-closing h2{font-size:30px}
.arch-home-closing .arch-home-button{flex-shrink:0}
@media(min-width:1600px){.arch-home-hero{height:min(640px,calc(100svh - 180px));padding-left:max(48px,calc((100% - 1504px)/2))}}
@media(max-width:900px){.arch-home-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.arch-home-shelf{padding:48px 24px}.arch-home-grid{gap:18px}.arch-home h3{font-size:18px}.arch-home-closing{padding:40px 24px;flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.arch-home-hero{height:min(540px,calc(100svh - 170px));min-height:370px;padding:28px 20px}.arch-home-hero-image{object-position:62% center}.arch-home-hero h1{font-size:38px}.arch-home-hero p{font-size:17px}.arch-home-actions{gap:8px;margin-top:20px}.arch-home .arch-home-button{padding:12px 16px;font-size:14px}.arch-home-categories{padding:12px;gap:4px}.arch-home-categories a{font-size:13px}.arch-home-shelf{padding:36px 20px}.arch-home-section-heading{display:block;margin-bottom:20px}.arch-home h2{font-size:29px}.arch-home-section-heading p{font-size:16px}.arch-home-text-link{margin-top:8px}.arch-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.arch-home h3{font-size:18px}.arch-home-product-image{margin-bottom:12px}.arch-home .arch-home-price{font-size:14px}.arch-home-closing{padding:36px 20px}.arch-home-closing h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.arch-home .arch-home-button{transition:none}}
.template-index #main-content:has(.arch-home) > .shopify-section:has(#__pf){display:none!important}