.connected-home{background:var(--paper)}
.skip-link{position:fixed;top:-100px;left:12px;z-index:10;background:var(--paper);padding:14px}.skip-link:focus{top:12px}
.home-hero{display:grid;grid-template-columns:1fr 1fr;background:var(--campaign);color:var(--paper)}
.home-hero-copy{padding:60px 10% 32px}.home-hero h1{font-size:clamp(64px,7vw,104px);margin:30px 0;line-height:.98}.home-hero-copy>p{line-height:1.7}.home-footnote{font-size:11px;letter-spacing:.12em;margin:40px 0 0;text-transform:uppercase}
.home-hero-image{position:relative;display:block;min-width:0;background:var(--surface)}.home-hero-image img{width:100%;height:100%;max-height:760px;object-fit:cover;display:block}.home-hero-image span{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);color:var(--ink);padding:16px;overflow-wrap:anywhere}
.home-brand-art{position:relative;overflow:hidden;background:#a34e37;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.home-brand-art:before{content:"";position:absolute;inset:12% 14% -20%;border:1px solid #f5efe580;border-radius:50% 50% 0 0}.home-brand-art>span{font:clamp(180px,25vw,360px)/.9 Georgia,serif;letter-spacing:-.1em;z-index:1}.home-brand-art p{align-self:flex-end;padding:30px 40px 0;font-size:18px;z-index:1}
.home-categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.home-categories a{border:1px solid var(--line);padding:12px 18px;text-decoration:none;overflow-wrap:anywhere;max-width:100%}.home-preview-note{font-size:13px;margin:30px 0 0;color:#625749}.home-manifesto{padding:72px 24px;background:var(--surface);text-align:center}.home-manifesto h2{font-size:clamp(48px,6vw,80px)}.home-manifesto>p:not(.eyebrow){max-width:490px;margin:0 auto 28px}.connected-home footer>a:last-child{margin-left:auto;font-size:14px}.connected-home .catalog-product-name{overflow-wrap:anywhere}.home-hero-copy{min-width:0}
@media(max-width:700px){.home-hero{grid-template-columns:1fr}.home-hero-copy{padding:40px 24px 30px}.home-hero h1{font-size:72px}.home-hero-image img{height:auto;max-height:540px;aspect-ratio:3/4}.home-brand-art{min-height:300px}.home-brand-art>span{font-size:220px}.home-brand-art p{padding:12px 24px 0}.connected-home .section-heading{align-items:flex-start;flex-direction:column;gap:16px}.connected-home footer>a:last-child{margin-left:0}.home-manifesto{padding:48px 24px}.connected-home .store-header nav{gap:14px}.connected-home .store-header{gap:12px}}
