/* PlugPort-inspired 5vw gutter and section rhythm */
.page-width{width:100%;max-width:none;margin-inline:auto;padding-inline:5vw}.section{padding-block:112px}.section.newsletter--large{padding-block:96px}.section-head{align-items:flex-end}.section-head>div{max-width:1000px}.section-head h2{margin-bottom:0}.hero{margin:0;min-height:calc(100vh - 110px)}.hero .page-width{width:100%;max-width:none}.hero-content{margin:0;padding:90px 5vw 100px;max-width:1280px;text-align:left}.hero-content h1{max-width:1100px}.hero-content p{max-width:760px}.manifesto{max-width:none;text-align:left}.manifesto p{max-width:1200px}.newsletter,.newsletter--large{text-align:left}.newsletter--large h2{max-width:1200px;margin-inline:0}.newsletter--large p{max-width:700px}.newsletter--large form{margin-left:0;margin-right:0}.blog-hero{text-align:left}.blog-hero .page-width{max-width:none}.seo-columns{grid-template-columns:.75fr 1.25fr}.story-grid,.product{gap:clamp(40px,6vw,120px)}.story-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.story-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-block:clamp(8px,1.8vw,28px)}
@media(max-width:900px){.page-width{padding-inline:20px}.section{padding-block:80px}.section.newsletter--large{padding-block:64px}.hero{margin:0;min-height:75vh}.hero-content{padding:65px 20px 70px}.newsletter--large h2{font-size:clamp(2.5rem,9vw,3.6rem)}.seo-columns{grid-template-columns:1fr}.section-head>a{margin-top:18px}}
@media(max-width:760px){.story-grid{grid-template-columns:1fr}.story-copy{gap:36px;padding-block:0}}
.hero{position:relative;overflow:hidden;background:none}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,20,15,.68),rgba(10,20,15,.08))}
.hero-media,.hero-media picture,.hero-media img,.hero-media .hero-video{position:absolute;inset:0;width:100%;height:100%}
.hero-media img,.hero-media .hero-video{object-fit:cover;object-position:center}
.hero-media .hero-video{opacity:0;transition:opacity .45s ease}
.hero-media .hero-video.is-ready{opacity:1}
.hero-content{position:relative;z-index:2}
.button{transition:background-color .28s ease,color .28s ease}
.button:hover,.button:active{transform:none;box-shadow:none}
.text-button{display:inline-flex;align-items:center;width:max-content;border:0!important;padding:0!important;font-family:var(--sans);font-size:clamp(.95rem,1.05vw,1.08rem);font-weight:500;line-height:1.25;letter-spacing:0;text-transform:none;text-decoration:none;transform:none;opacity:1}
.link-arrow{display:inline-block;margin-left:.34em;transform-origin:left center;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.link-arrow--back{margin-left:0;transform-origin:right center}
:is(a,button):hover .link-arrow{transform:scaleX(1.55)}
.text-button:hover{transform:none;opacity:1}
.article-card{height:100%}.article-card>a{height:100%;display:flex;flex-direction:column}.article-card .card-meta{display:flex;flex:1;flex-direction:column}.article-card .card-meta>.text-button{margin-top:auto;padding-top:18px!important}
.card{display:flex;flex-direction:column;height:100%}.card>a{display:flex;flex:1;flex-direction:column}.card-meta{flex:1}.card-quick-add{margin-top:18px}.card-quick-add .button{width:100%}
.product-status{display:inline-block;width:max-content;margin-top:18px;color:rgba(32,35,31,.48);font-size:.9rem;line-height:1.2;border:0;text-decoration:none}
.review-arrow,.review-arrow:not(:disabled):hover{transform:translateY(-50%);background:var(--paper);color:var(--ink)}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.button,.link-arrow{transition:none}:is(a,button):hover .link-arrow{transform:none}}