.shop-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;padding:110px 4.2vw 55px;background:#fff;align-items:end}.shop-intro h2,.engineering h2,.campaign h2,.how h2,.faq h2{font-size:clamp(48px,5.4vw,78px);line-height:.94;letter-spacing:-4px;margin:0}.shop-intro h2 em,.engineering h2 em,.campaign h2 em,.how h2 em,.faq h2 em{font-family:'Playfair Display',serif}.shop-intro>p{font-size:17px;line-height:1.55;max-width:470px;margin:0 0 6px}.shop-grid{padding:0 4.2vw 130px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-card{background:#eef1f3;min-height:520px;padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s ease}.shop-card:hover{transform:translateY(-5px)}.shop-card img{height:325px;width:100%;object-fit:contain;margin:7px auto 4px}.shop-card .pill{position:absolute;top:18px;left:18px;background:#fff;padding:7px 9px;border-radius:999px;font:500 9px 'DM Mono',monospace;text-transform:uppercase;z-index:1}.shop-card.bestseller{background:#cceee0}.dark-card{background:#18191a;color:#fff}.orange-card{background:#ff781a;color:#fff}.kid-card{background:#d8f2ff}.gold-card{background:#d9b352}.shop-copy{border-top:1px solid currentColor;padding-top:16px;margin-top:auto;position:relative}.shop-copy p{font:500 9px 'DM Mono',monospace;text-transform:uppercase;margin:0 0 8px}.shop-copy h3{font-size:29px;letter-spacing:-1.5px;margin:0 0 7px}.shop-copy>span{font-size:11px;opacity:.7}.shop-copy a{position:absolute;right:0;top:23px;color:inherit;text-decoration:none;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:4px}.engineering{display:grid;grid-template-columns:1fr 1fr;min-height:790px;background:#f4f1ea}.engineering-copy{padding:105px 8vw 85px 7vw}.engineering-copy>p:not(.eyebrow){max-width:500px;font-size:17px;line-height:1.55;margin:31px 0 54px}.engineering-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);padding-top:24px}.engineering-points b{font:500 10px 'DM Mono',monospace;color:var(--red)}.engineering-points h3{font-size:15px;margin:15px 0 8px}.engineering-points p{font-size:11px;line-height:1.5;margin:0;color:#4f596a}.engineering-visual{background:var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.engineering-visual:before{content:"";width:75%;height:75%;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute}.engineering-visual img{width:76%;position:relative;z-index:1;filter:drop-shadow(0 26px 35px rgba(0,0,0,.28))}.callout{position:absolute;z-index:2;color:#fff;font:10px 'DM Mono',monospace;text-transform:uppercase}.callout:before{content:"";display:inline-block;width:45px;border-top:1px solid var(--red);margin-right:10px;vertical-align:middle}.callout.one{top:25%;left:5%}.callout.two{bottom:20%;right:5%}.campaign{display:grid;grid-template-columns:1.1fr .9fr;min-height:700px;background:var(--red);color:#fff}.campaign>img{width:100%;height:100%;object-fit:cover}.campaign>div{padding:120px 10%;display:flex;flex-direction:column;justify-content:center}.campaign h2{font-size:clamp(53px,5.5vw,82px)}.campaign>div>p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:430px;margin:30px 0}.campaign .button{background:var(--ink);align-self:flex-start}.how{background:#fff;padding:120px 4.2vw}.how-title{text-align:center;margin-bottom:68px}.how ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how li{padding:36px 5vw 42px;border-right:1px solid var(--line);min-height:210px}.how li:last-child{border:0}.how li span{font:10px 'DM Mono',monospace;color:var(--red);display:block;margin-bottom:36px}.how li b{font-size:25px;display:block;margin-bottom:14px}.how li p{font-size:13px;line-height:1.55;color:#566071;margin:0}.proof{background:#d8edf7;text-align:center;padding:115px 5vw}.proof blockquote{font:600 clamp(42px,5.4vw,77px)/1.05 'Playfair Display',serif;margin:30px auto;max-width:1000px;letter-spacing:-2px}.stars{font-size:13px;color:var(--red);letter-spacing:3px}.stars span{color:var(--ink);letter-spacing:0;margin-left:15px;font-size:11px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:120px 6vw;background:#f5f3ee}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--ink);padding:21px 0}summary{list-style:none;cursor:pointer;font-size:17px;font-weight:600;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details p{font-size:13px;line-height:1.55;max-width:620px;margin:15px 0 4px;color:#4e596a}summary span{font-weight:400;color:var(--red)}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr 1fr}.shop-card{min-height:445px}.shop-card img{height:260px}.engineering{grid-template-columns:1fr}.engineering-visual{min-height:570px}.campaign{grid-template-columns:1fr}.campaign>img{height:580px}.faq{grid-template-columns:1fr}}
@media(max-width:600px){.shop-intro{grid-template-columns:1fr;padding:78px 6vw 40px}.shop-intro>p{font-size:15px}.shop-intro h2,.engineering h2,.campaign h2,.how h2,.faq h2{letter-spacing:-3px}.shop-grid{grid-template-columns:1fr;padding:0 5vw 80px}.shop-card{min-height:500px}.shop-card img{height:320px}.engineering-copy{padding:75px 7vw}.engineering-points{grid-template-columns:1fr}.engineering-points div{display:grid;grid-template-columns:35px 1fr;column-gap:10px}.engineering-points h3{margin:0 0 5px}.engineering-points p{grid-column:2}.engineering-visual{min-height:450px}.campaign>img{height:440px}.campaign>div{padding:78px 7vw}.how{padding:78px 6vw}.how ol{grid-template-columns:1fr}.how li{border-right:0;border-bottom:1px solid var(--line);min-height:0}.proof{padding:78px 6vw}.faq{padding:78px 6vw}}
