/* Playful, image-led storefront inspired by the supplied design reference. */
:root{--paper:#fff;--ink:#121212;--muted:#3e3e3e;--line:#202020;--accent:#d7f582;--lime:#d7f582;--orange:#ff6c3b;--lilac:#d8c9f3}body{font-family:Arial,Helvetica,sans-serif;color:#101010;background:#fff;line-height:1.4}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-2px;line-height:1.03}h1{font-size:clamp(50px,5vw,83px)}h2{font-size:clamp(38px,4.3vw,68px)}h3{font-size:25px;letter-spacing:-.6px}em{color:inherit;font-style:normal}.announcement{background:var(--lime);color:#111;justify-content:center;padding:11px 15px;font-size:13px;letter-spacing:0;gap:6px;border-bottom:1px solid #111}header{padding:23px 25px;background:#fff;border-bottom:1px solid #111;min-height:106px}.brand{font:700 22px/1 Arial,sans-serif;letter-spacing:-.6px}.brand svg{stroke:#111}.brand small{font-size:8px;letter-spacing:2.3px;margin-top:8px}nav{gap:28px;font-size:12px}nav>a{text-transform:uppercase}.button{background:#111;border:1px solid #111;color:var(--lime);border-radius:50px;font-size:12px;padding:14px 25px;gap:25px;line-height:1.2;min-height:44px}.button:hover{background:var(--lime);color:#111;transform:none}.button.small{padding:12px 20px}.text-link{border-color:#111}.hero{min-height:640px;grid-template-columns:1fr 1fr;border-bottom:1px solid #111}.hero-copy{padding:45px 28px 25px;background:var(--lime);display:flex;flex-direction:column;justify-content:center;position:relative}.eyebrow{font-size:10px;font-weight:400;letter-spacing:1.2px}.hero-copy .eyebrow{position:absolute;top:32px;left:28px;margin:0}.hero h1{margin:55px 0 25px;letter-spacing:-3px}.intro{max-width:520px;font-size:17px;line-height:1.4;color:#111}.hero-actions{margin-top:8px}.hero-art{min-height:640px;background:#e5c590;border-left:1px solid #111;overflow:hidden;position:relative}.hero-art>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;mix-blend-mode:normal;filter:none}.image-caption{position:absolute;bottom:15px;left:18px;font-size:8px;letter-spacing:1px;background:#fffdf0df;padding:5px 7px;color:#111}.hero-bottom{display:flex;justify-content:space-between;gap:15px;position:absolute;bottom:24px;left:28px;right:28px;font-size:10px}.hero-bottom a{font-size:9px}.value-strip{padding:24px;border-color:#111;font-size:11px;background:#fff}.value-strip span:before{content:'✳';color:#111;font-size:15px;padding-right:10px}.section{padding:72px 26px}.section-top{gap:50px;margin-bottom:22px}.section-top h2{max-width:650px;margin:0}.section-top .eyebrow{margin-bottom:22px}.section-top>p{max-width:350px;font-size:14px;margin-bottom:4px}.filter-bar{margin-top:35px;margin-bottom:0;border-bottom:1px solid #111}.filter-bar>div{gap:27px}.filter{font-size:12px;padding:15px 0;color:#555}.filter.active{border-color:#111;color:#111}.filter span{font-size:10px}#result-count{color:#555;font-size:10px}.rail-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0 14px}.rail-toolbar p{font-size:11px;margin:0}.rail-toolbar>div{display:flex;gap:10px}.rail-toolbar button{width:38px;height:38px;border:1px solid #111;border-radius:50%;background:#fff;font-size:21px}.rail-toolbar button:hover{background:var(--lime)}.rail-toolbar button:disabled{opacity:.25;cursor:default}.product-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#111 #eee;padding-bottom:20px}.product{scroll-snap-align:start}.product-image{background:#f1f1ee;aspect-ratio:3/4;padding:10px;display:block;border:1px solid transparent;transition:border .2s}.product:nth-child(4n + 2) .product-image{background:#f3efe9}.product:nth-child(4n + 3) .product-image{background:#edf0e9}.product:nth-child(4n + 4) .product-image{background:#efedf3}.product-image:hover{border-color:#111}.product-image img{mix-blend-mode:multiply}.product-image span{background:white;border:1px solid #111;width:30px;height:30px}.product-info{margin-top:13px}.product-info h3{font-size:20px;letter-spacing:-.4px}.product-info button{font-size:10px;color:#111;border-color:#111}.product>p{font-size:10px;color:#555;letter-spacing:0}.collection-note{border:0;font-size:11px;margin:15px 0 0;padding:0;color:#444}.craft{border-top:1px solid #111;border-bottom:1px solid #111;background:var(--orange);color:#111;grid-template-columns:1fr 1fr}.craft-photo{height:auto;min-height:660px;background:#c5d2d8;overflow:hidden}.craft-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}.craft-photo .image-caption{bottom:15px;left:18px;font-size:8px;letter-spacing:1px}.craft-copy{padding:65px 8%;border-left:1px solid #111;display:flex;flex-direction:column;justify-content:center}.craft-copy h2{font-size:clamp(38px,3.8vw,59px);letter-spacing:-2px}.craft-copy p,.craft-copy .eyebrow{color:#111}.craft-copy>p{font-size:15px}.craft dt{font-weight:600;font-size:13px}.craft dd{color:#222;font-size:12px}.craft dl>div{border-color:#2227;padding:13px 0}.craft-copy .button{align-self:start;color:var(--orange)}.craft-copy .button:hover{color:#111}.wide-story{position:relative;border-bottom:1px solid #111;min-height:650px;overflow:hidden}.wide-story>img{width:100%;height:650px;object-fit:cover}.wide-story>div{position:absolute;top:35px;left:28px;background:var(--lilac);padding:28px;max-width:390px;border:1px solid #111}.wide-story h2{font-size:45px;letter-spacing:-1.7px}.wide-story .eyebrow{font-size:8px;margin-bottom:20px}.wide-story .button{color:var(--lilac)}.wide-story .button:hover{color:#111}.steps{gap:35px;margin-top:45px}.steps article{border-top:1px solid #111}.steps span{color:#111;font-size:10px}.steps h3{font-size:28px}.steps p{font-size:14px;max-width:370px}.questions{background:var(--lilac);border-top:1px solid #111;border-bottom:1px solid #111;gap:7%}.questions h2{font-size:clamp(36px,4vw,60px)}.accordions{border-color:#111}details{border-color:#111}summary{font-size:14px}details p{color:#222;font-size:13px}.quote{background:var(--lime);grid-template-columns:1fr 1.15fr;gap:9%;border-bottom:1px solid #111}.quote-copy h2{font-size:clamp(50px,5.4vw,80px)}.quote-copy>p{color:#111;max-width:370px;font-size:15px}.quote-copy .contact-phone{font:500 28px Arial;letter-spacing:-1px}.quote-copy address{color:#222}.quote-aside{font-size:9px}input,select,textarea{border:1px solid #111;background:#ffffff91;font-size:13px;border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid #111}.form-top h3{font-size:25px}.form-top span{color:#222}.form-note{color:#222;font-size:11px}.form-grid label{font-size:11px}.fallback-actions button{border:1px solid #111;color:#111;background:white}#enquiry-result{border:1px solid #111}.imagery-disclosure{padding:16px 26px;margin:0;font-size:10px;color:#555;background:#fff}footer{background:#fff;color:#111;padding:45px 26px 25px;gap:35px}footer .brand{font-family:Arial;font-size:25px;font-weight:700}footer p{color:#111;font:600 30px Arial;letter-spacing:-1px}footer>small{color:#555}footer>div{font-size:11px}dialog{background:#fff;border:1px solid #111}.dialog-layout h2{font-size:38px;letter-spacing:-1px}.dialog-layout p{color:#333}.dialog-layout .detail-note{border-color:#111}.dialog-layout .button{color:var(--lime)}.close-dialog{color:#111}.skip{background:var(--lime);color:#111}
@media(min-width:1600px){body{max-width:none}.hero-copy{padding-left:40px}.hero-copy .eyebrow,.hero-bottom{left:40px}.hero{min-height:780px}.hero-art{min-height:780px}h1{font-size:95px}.section{padding-left:40px;padding-right:40px}}
@media(max-width:1000px){nav{gap:16px;font-size:10px}.brand{font-size:20px}.hero,.hero-art{min-height:600px}.hero h1{font-size:60px}.intro{font-size:15px}.hero-bottom{font-size:9px}.hero-bottom a{font-size:8px}.craft-photo{min-height:660px}.craft-copy{padding:40px 7%}.craft-copy h2{font-size:42px}.wide-story,.wide-story>img{min-height:520px;height:520px}}
@media(max-width:800px){header{padding:20px;min-height:90px}.brand{font-size:20px}.menu-toggle{color:#111}nav{background:#fff;border-bottom:1px solid #111;font-size:13px}.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero-art{min-height:550px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy{padding:40px 22px}.hero-copy .eyebrow{left:22px;font-size:8px;right:20px}.hero-bottom{left:22px;right:22px;display:block}.hero-bottom a{display:none}.hero .intro{font-size:14px}.value-strip{grid-template-columns:1fr 1fr;padding:20px;font-size:10px}.section{padding:55px 20px}.section-top>p{max-width:260px}.section-top h2{font-size:44px}.product-grid{grid-auto-columns:calc((100% - 40px)/3)}.craft-copy h2{font-size:36px}.craft-copy>p{font-size:13px}.craft-photo{min-height:620px}.wide-story>div{padding:22px;max-width:330px}.wide-story h2{font-size:38px}.questions{gap:35px}.quote{gap:6%}.quote-copy h2{font-size:54px}.form-top{display:block}.form-top h3{margin-bottom:6px}.imagery-disclosure{padding:16px 20px}}
@media(max-width:580px){.announcement{font-size:11px;padding:9px 12px}.announcement span{display:none}header{padding:19px 16px;min-height:84px}.brand{font-size:20px}.brand svg{width:24px;height:36px}.brand small{font-size:7px;letter-spacing:1.8px}.hero{grid-template-columns:1fr}.hero-copy{min-height:365px;padding:30px 20px 50px;justify-content:center}.hero-copy .eyebrow{top:24px;left:20px;font-size:8px;letter-spacing:.7px}.hero h1{font-size:53px;letter-spacing:-2.7px;margin:35px 0 19px}.hero .intro{font-size:14px;max-width:330px}.hero-actions{margin-top:8px}.hero .button{font-size:11px;padding:12px 22px}.hero-bottom{display:none}.hero-art{min-height:470px;border-left:0;border-top:1px solid #111}.hero-art>img{object-position:center 56%}.value-strip{padding:18px 16px;gap:12px;font-size:9px}.value-strip span:before{font-size:12px;padding-right:6px}.section{padding:45px 16px}h2,.section-top h2{font-size:38px;letter-spacing:-1.8px}.section-top>p{max-width:100%;font-size:13px;margin-top:20px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}.filter-bar{margin-top:15px}.filter-bar>div{gap:24px}.filter{font-size:10px}#result-count{font-size:9px}.rail-toolbar{padding:14px 0}.rail-toolbar p{font-size:10px}.rail-toolbar button{height:34px;width:34px}.product-grid{grid-auto-columns:calc((100% - 14px)/2);gap:14px;padding-bottom:15px}.product-image{aspect-ratio:3/4.4;padding:2px}.product-info h3{font-size:19px}.product-info button{font-size:9px}.product>p{font-size:9px}.collection-note{font-size:10px;margin-top:12px}.craft{grid-template-columns:1fr}.craft-photo{height:430px;min-height:430px}.craft-photo img{height:100%;width:100%;object-fit:cover}.craft-copy{padding:40px 20px;border-left:0;border-top:1px solid #111}.craft-copy h2{font-size:40px}.craft-copy>p{font-size:14px}.craft dl{margin:20px 0 25px}.wide-story{min-height:570px;background:var(--lilac)}.wide-story>img{height:330px;min-height:330px;object-position:68% center}.wide-story>div{position:relative;inset:auto;border:0;border-top:1px solid #111;max-width:none;padding:30px 20px}.wide-story h2{font-size:38px;margin-bottom:22px}.wide-story .image-caption{top:300px;bottom:auto;font-size:7px}.steps{grid-template-columns:1fr;gap:23px}.steps h3{font-size:25px;margin:12px 0}.steps p{font-size:13px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:38px}.quote{grid-template-columns:1fr;gap:38px}.quote-copy h2{font-size:56px}.quote-copy>p{font-size:14px}.quote-copy .contact-phone{font-size:27px}.form-top h3{font-size:25px}.form-grid{gap:16px 12px}.form-note{font-size:10px}.imagery-disclosure{padding:15px 16px;font-size:9px}footer{padding:35px 16px;grid-template-columns:1fr;gap:25px}footer .brand{font-size:23px}footer p{font-size:26px}footer>div{font-size:10px}dialog{padding:40px 22px}.dialog-layout h2{font-size:34px}.dialog-layout img{height:250px}.dialog-layout .button{font-size:11px}}
.door-types{border-bottom:1px solid #111;background:#fff}.door-types .section-top h2{font-size:clamp(34px,3.8vw,58px)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.category-grid article{border:1px solid #111;min-width:0;background:var(--lime)}.category-grid article:nth-child(2){background:var(--lilac)}.category-grid article:nth-child(3){background:#ffd5bd}.category-image{display:block;aspect-ratio:1/1.05;background:#f3f1ed;border-bottom:1px solid #111;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.category-image:hover img{transform:scale(1.035)}.category-image.installed img{object-fit:cover;mix-blend-mode:normal;object-position:center}.category-grid article>div{padding:24px}.category-grid h3{font-size:29px;margin-bottom:12px}.category-grid p{font-size:13px;color:#111;min-height:37px}.category-grid .button{font-size:11px;gap:10px;padding:13px 20px}.filter-bar>div{flex-wrap:wrap;gap:0 24px}.filter-bar{align-items:end}.product-info h3{overflow-wrap:break-word}.product-info{gap:12px}.product-info button{white-space:nowrap}
@media(max-width:800px){.category-grid{gap:14px}.category-grid article>div{padding:18px 14px}.category-grid h3{font-size:24px}.category-grid p{font-size:12px;min-height:50px}.category-grid .button{font-size:9px;padding:12px 14px}.filter-bar>div{gap:0 20px}}
@media(max-width:580px){.hero h1{font-size:46px;letter-spacing:-2.3px}.category-grid{grid-template-columns:1fr;gap:25px}.category-image{aspect-ratio:1/1}.category-grid article>div{padding:23px}.category-grid h3{font-size:29px}.category-grid p{font-size:13px;min-height:0}.category-grid .button{font-size:11px}.filter-bar>div{gap:0 24px}.filter{padding:12px 0}.product-info{align-items:start}.product-info h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.product-grid{scroll-behavior:auto}}

/* Full collection grid: every design is visible in the page. */
.product-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:32px 20px;padding-top:28px}.product{scroll-snap-align:none}.product-price{font-size:16px!important;font-weight:600;letter-spacing:0!important;margin:9px 0 5px!important;color:#111!important}.dialog-layout .detail-price{font-size:24px;font-weight:600;margin-bottom:20px}.collection-note{line-height:1.6;max-width:850px}@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:580px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px;padding-top:22px}.product-price{font-size:15px!important}}

header .brand{font-size:27px}footer .brand small{text-transform:none;letter-spacing:.5px;font-size:11px}.about-intro{background:var(--lime);border-bottom:1px solid #111;max-width:none}.about-intro h1{font-size:clamp(46px,6vw,88px);max-width:1000px}.about-intro>p:not(.eyebrow){max-width:720px;font-size:17px}.about-intro .manufacturer-credit{font-weight:600;margin-top:35px}.about-intro .button{margin-top:20px}.about-workshop{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #111}.about-workshop>img{width:100%;height:650px;object-fit:cover}.about-workshop>div{padding:65px 9%;background:var(--lilac);border-left:1px solid #111}.about-workshop h2{font-size:48px}.about-workshop p{font-size:15px}.about-workshop address{font-style:normal;font-size:13px;line-height:1.8;margin-top:35px}@media(max-width:800px){header .brand{font-size:22px}.about-workshop h2{font-size:38px}}@media(max-width:580px){header .brand{font-size:22px}.about-workshop{grid-template-columns:1fr}.about-workshop>img{height:400px}.about-workshop>div{padding:40px 20px;border-left:0;border-top:1px solid #111}.about-intro>p:not(.eyebrow){font-size:15px}}

/* Keep collection navigation in document flow, separate from the header dropdown. */
main nav.city-actions{position:static;inset:auto;z-index:auto;box-shadow:none;border:0;background:transparent;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 26px}
/* The labelled action below each photo replaces the redundant floating arrow. */
#products .product-image>span{display:none}
#products .product-info{flex-wrap:wrap;gap:8px 12px}
#products .product-info>a{font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
@media(max-width:580px){main nav.city-actions{gap:10px;flex-direction:column;align-items:stretch}main nav.city-actions>a{white-space:normal;text-align:center;justify-content:center}#products .product-info{display:block}#products .product-info>a{margin-top:7px}}