@media(max-width:699px){.navigation{width:100%;gap:12px 22px}.header.menu-ready .navigation{display:none}.header.menu-ready .navigation.is-open{display:flex;padding-top:15px;border-top:var(--line)}.hero h1{font-size:clamp(48px,11.8vw,78px)}.hero-description br{display:none}.brand-strip{font-size:8px;gap:9px}.brand-strip span:nth-child(even){font-size:16px}.hero-figure>img{height:460px}.hero-foot{margin-top:32px}.hero-copy{padding-top:38px}.contact h2{font-size:clamp(38px,8.6vw,58px)}}
@media(min-width:700px){:root{--gutter:40px;--section-space:95px}.product-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-gallery figure:nth-child(2){padding-top:46px}.section-heading{flex-direction:row;align-items:flex-end;justify-content:space-between}.story{grid-template-columns:1.2fr 1fr;gap:60px}.story-body{padding-top:30px}.footer{grid-template-columns:1fr 1fr}.footer .back-top{justify-self:end}.footer small{grid-column:1/-1}.photo-story{grid-template-columns:2fr 1fr}.photo-story img{height:430px}}
@media(min-width:900px){:root{--gutter:clamp(40px,5vw,90px);--section-space:115px}.header{padding-block:24px;flex-wrap:nowrap}.brand{width:216px}.navigation{gap:32px}.hero{display:grid;grid-template-columns:45% 55%;min-height:650px}.hero-copy{padding-top:65px;padding-right:24px;display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(64px,6.85vw,110px)}.hero .eyebrow{font-size:10px;margin-bottom:44px}.hero-description{margin:35px 0 30px;max-width:320px}.hero-foot{margin-top:auto;padding-top:40px;width:90%}.hero-figure>img{height:100%;position:absolute;inset:0}.hero-figure{min-height:690px}.brand-strip{font-size:11px;padding-block:18px}.story{grid-template-columns:1.2fr 1fr;gap:100px}.story-body{padding-top:70px}.story-sticker{position:absolute;right:-25px;top:-10px;width:105px}.photo-story img{height:540px}.at-home{grid-template-columns:1fr 1fr}.at-home>figure{position:relative}.at-home>figure img{height:100%;position:absolute;object-position:48% center}.home-copy{padding:75px clamp(40px,5vw,80px)}.business{grid-template-columns:110px 1fr auto;gap:35px}.business>.text-link{align-self:center}.footer{grid-template-columns:1.3fr 1fr 1fr auto;gap:25px}.footer small{grid-column:1/-1}.section-heading>p{padding-bottom:8px}.contact{padding-block:110px}}
@media(min-width:1600px){body{max-width:1900px;margin:auto}.hero{grid-template-columns:45% 55%}.hero-figure{min-height:800px}}