.hardware-page{--hw-dark:#141619;--hw-paper:#f6f4ee;--hw-line:rgba(23,26,31,.13);background:var(--hw-paper);overflow:hidden}.hw-shell{width:min(100%,1320px);margin:0 auto;padding-inline:clamp(1.25rem,4vw,3.5rem)}.hardware-page h1,.hardware-page h2{font-family:var(--font-display),Georgia,serif;font-weight:620;letter-spacing:-.045em;line-height:.98;text-wrap:balance}.hardware-page h2{font-size:clamp(2.5rem,5.1vw,4.8rem)}.hardware-page p{text-wrap:pretty}.hw-kicker{color:var(--orange);font-family:var(--mono);font-size:.68rem;font-weight:750;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.hw-hero{padding:clamp(5.9rem,8vw,7.5rem) clamp(.6rem,2vw,1.5rem) clamp(1rem,3vw,2.5rem);background:linear-gradient(180deg,#eceae5 0,var(--hw-paper) 100%)}.hw-hero-frame{position:relative;width:min(100%,1480px);min-height:min(61vw,900px);margin:0 auto;overflow:hidden;border:1px solid rgba(23,26,31,.09);border-radius:clamp(1.25rem,2.5vw,2.2rem);background:#f2f2ef;box-shadow:0 34px 90px -56px rgba(23,26,31,.46)}.hw-hero-image{object-fit:cover;object-position:center}.hw-hero-copy{position:absolute;z-index:2;top:21%;left:clamp(2.2rem,6vw,6.7rem);width:min(40%,575px)}.hw-hero-copy h1{max-width:10.8ch;font-size:clamp(3rem,6vw,6.15rem);color:var(--ink)}.hw-hero-copy p{max-width:46ch;margin-top:clamp(1rem,2vw,1.8rem);color:var(--ink-2);font-size:clamp(.98rem,1.4vw,1.28rem);line-height:1.62}.hw-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:clamp(1.35rem,2.3vw,2.25rem)}.hw-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.85rem 1.35rem;border-radius:999px;font-size:.9rem;font-weight:750;letter-spacing:-.01em;transition:transform .25s var(--spring),box-shadow .3s var(--ease),background .2s}.hw-button:hover{transform:translateY(-2px)}.hw-button-dark{color:#fff;background:linear-gradient(180deg,#2a2f37,var(--ink));box-shadow:0 12px 30px -12px rgba(23,26,31,.6),inset 0 1px 0 rgba(255,255,255,.18)}.hw-button-accent{color:#fff;background:linear-gradient(180deg,#ed9613,#c76f00);box-shadow:0 12px 28px -12px rgba(198,102,0,.75),inset 0 1px 0 rgba(255,255,255,.25)}.hw-hero-caption{position:absolute;z-index:2;left:clamp(2rem,5vw,5rem);bottom:clamp(1.4rem,3vw,3rem);color:#686d72;font-family:var(--mono);font-size:clamp(.58rem,.8vw,.72rem);letter-spacing:.08em;text-transform:uppercase}.hw-array-section{scroll-margin-top:7rem;padding:clamp(5.5rem,9vw,9rem) 0 clamp(4.5rem,7vw,7rem);background:#fff}.hw-array-layout{display:grid;grid-template-columns:minmax(13.5rem,.83fr) minmax(28rem,1.5fr) minmax(13.5rem,.83fr);grid-gap:clamp(1.5rem,3.2vw,3.6rem);gap:clamp(1.5rem,3.2vw,3.6rem);align-items:center}.hw-array-side{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,5rem)}.hw-array-side-right{padding-top:clamp(3rem,8vw,7.5rem)}.hw-array-heading h2{max-width:9ch;margin-top:.7rem;font-size:clamp(2.35rem,3.5vw,3.8rem)}.hw-array-callout{position:relative;max-width:29ch;padding-top:1rem;border-top:1px solid var(--hw-line)}.hw-array-callout>span{color:var(--orange);font-family:var(--mono);font-size:.62rem;font-weight:750;letter-spacing:.07em}.hw-array-callout h3{margin-top:.5rem;font-size:clamp(1.05rem,1.45vw,1.3rem);letter-spacing:-.025em}.hw-array-callout p{margin-top:.45rem;color:var(--muted);font-size:.82rem;line-height:1.58}.hw-array-product{position:relative;min-width:0}.hw-array-product:after,.hw-array-product:before{content:"";position:absolute;z-index:2;top:50%;width:clamp(2rem,5vw,5rem);border-top:1px dashed rgba(224,138,0,.42)}.hw-array-product:before{left:-1rem}.hw-array-product:after{right:-1rem}.hw-array-product img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.hw-array-product figcaption{margin-top:-.5rem;color:var(--faint);font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;line-height:1.5;text-align:center;text-transform:uppercase}.hw-array-note{max-width:90ch;margin:clamp(3.5rem,6vw,5.5rem) auto 0;padding-inline:1.25rem;color:#727276;font-size:.73rem;line-height:1.6;text-align:center}.hw-journey-section{color:#fff;background:var(--hw-dark)}.hw-journey-desktop{position:relative;height:clamp(570px,43vw,760px);overflow:hidden}.hw-journey-desktop>img,.hw-journey-mobile article>img{object-fit:cover}.hw-journey-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(9,12,15,.58),transparent 32%,transparent 55%,rgba(9,12,15,.74)),linear-gradient(90deg,rgba(7,9,11,.25),transparent 30%,transparent 70%,rgba(7,9,11,.22))}.hw-journey-desktop>h2{position:absolute;z-index:2;top:clamp(2.2rem,4.5vw,5rem);left:50%;width:min(86%,940px);transform:translateX(-50%);color:#fff;font-size:clamp(2.65rem,5vw,5rem);text-align:center;text-shadow:0 3px 24px rgba(0,0,0,.36)}.hw-journey-caption{position:absolute;z-index:2;bottom:clamp(2.2rem,4.5vw,4.8rem);width:min(35vw,450px);text-shadow:0 2px 22px rgba(0,0,0,.55)}.hw-journey-caption-left{left:clamp(1.5rem,5vw,5.5rem)}.hw-journey-caption-right{left:calc(50% + clamp(1.5rem, 5vw, 5.5rem))}.hw-journey-caption>span{color:#ffb64d;font-family:var(--mono);font-size:.65rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hw-journey-caption h3{margin-top:.65rem;font-family:var(--font-display),Georgia,serif;font-size:clamp(2rem,3.2vw,3.5rem);font-weight:520;letter-spacing:-.035em;line-height:.98}.hw-journey-caption p{max-width:42ch;margin-top:.9rem;color:rgba(255,255,255,.78);font-size:clamp(.78rem,1vw,.93rem);line-height:1.55}.hw-journey-mobile{display:none}.hw-cutaway-section{position:relative;padding:clamp(5.2rem,8vw,8rem) 0 clamp(4.5rem,7vw,7rem);color:#f6f5f1;background:radial-gradient(60% 55% at 70% 35%,rgba(255,255,255,.05),transparent 68%),#141619}.hw-cutaway-copy{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr) minmax(20rem,.75fr);grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);align-items:end}.hw-cutaway-copy .hw-kicker{padding-bottom:.55rem}.hw-cutaway-copy h2{max-width:10ch}.hw-cutaway-copy>p:last-child{max-width:51ch;padding-bottom:.55rem;color:rgba(246,245,241,.64);font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.7}.hw-cutaway-figure{margin:clamp(2.5rem,4vw,4rem) calc(clamp(1.25rem, 4vw, 3.5rem) * -.6) 0}.hw-cutaway-figure img{display:block;width:100%;height:auto;border:1px solid rgba(255,255,255,.1);border-radius:clamp(1rem,2vw,1.75rem)}.hw-internals{display:grid;grid-template-columns:repeat(6,1fr);margin-top:clamp(1.8rem,3vw,3rem);border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.hw-internals>div{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:1.25rem clamp(.65rem,1.4vw,1.1rem)}.hw-internals>div+div{border-left:1px solid rgba(255,255,255,.13)}.hw-internals strong{color:#ffac2b;font-family:var(--mono);font-size:.8rem;letter-spacing:.04em}.hw-internals span{color:rgba(246,245,241,.68);font-size:.7rem;line-height:1.4}.hw-target-note{margin-top:1.1rem;color:rgba(246,245,241,.42);font-family:var(--mono);font-size:.64rem;letter-spacing:.05em;text-align:right;text-transform:uppercase}.hw-wear-section{padding:clamp(5rem,8vw,8rem) 0 clamp(4rem,7vw,7rem);background:#fff}.hw-wear-heading{display:grid;grid-template-columns:minmax(9rem,.45fr) minmax(0,1.55fr);grid-gap:clamp(1rem,4vw,4rem);gap:clamp(1rem,4vw,4rem);align-items:end}.hw-wear-heading .hw-kicker{padding-bottom:.55rem}.hw-wear-heading h2{max-width:10ch}.hw-wear-image{margin-top:clamp(2.5rem,5vw,4.5rem);overflow:hidden;border:1px solid var(--hw-line);border-radius:clamp(.9rem,1.6vw,1.4rem);background:#fafafa}.hw-wear-image img{display:block;width:100%;height:auto}.hw-wear-options{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hw-line)}.hw-wear-options article{padding:clamp(1.5rem,3vw,2.5rem)}.hw-wear-options article+article{border-left:1px solid var(--hw-line)}.hw-wear-options article>span{color:var(--orange);font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.hw-wear-options h3{margin-top:.55rem;font-family:var(--font-display),Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:560;letter-spacing:-.035em}.hw-wear-options p{max-width:38ch;margin-top:.65rem;color:var(--muted);font-size:.82rem;line-height:1.6}.hw-cta-section{padding:0 clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem);background:#fff}.hw-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(100%,1420px);margin:0 auto;padding:clamp(2rem,4vw,3.7rem) clamp(1.5rem,5vw,5rem);border:1px solid var(--hw-line);border-radius:clamp(1rem,1.8vw,1.5rem);background:#f8f6f0}.hw-cta-inner h2{max-width:16ch;margin-top:.45rem;font-size:clamp(2.25rem,4.3vw,4rem)}.hw-cta-inner .hw-button{flex:0 0 auto}@media (max-width:1080px){.hw-array-layout{grid-template-columns:minmax(13rem,.8fr) minmax(25rem,1.3fr)}.hw-array-side-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;padding-top:0}.hw-array-side-right .hw-array-callout{max-width:none}.hw-cutaway-copy{grid-template-columns:1fr 2fr}.hw-cutaway-copy>p:last-child{grid-column:2}}@media (max-width:980px){.hw-hero-frame{min-height:900px}.hw-hero-image{top:auto!important;bottom:0!important;height:480px!important;object-position:center top}.hw-hero-copy{top:7%;left:clamp(1.5rem,6vw,3.2rem);width:min(78%,590px)}.hw-hero-copy h1{max-width:12ch;font-size:clamp(3rem,8vw,5rem)}.hw-hero-caption{display:none}.hw-internals{grid-template-columns:repeat(3,1fr)}.hw-internals>div:nth-child(4){border-left:0}.hw-internals>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.13)}}@media (max-width:760px){.hw-array-layout{grid-template-columns:1fr}.hw-array-side{gap:2.2rem}.hw-array-product{grid-row:2;margin-inline:-.5rem}.hw-array-side-right{grid-column:auto;grid-template-columns:1fr}.hw-array-callout,.hw-array-heading h2{max-width:none}.hw-array-product:after,.hw-array-product:before,.hw-journey-desktop{display:none}.hw-journey-mobile{display:block;padding-top:4.5rem}.hw-journey-mobile>h2{max-width:10ch;margin:0 auto 2.8rem;padding-inline:1.25rem;color:#fff;font-size:clamp(2.8rem,12vw,4.2rem);text-align:center}.hw-journey-mobile article{position:relative;height:min(142vw,570px);overflow:hidden}.hw-journey-mobile article:first-of-type>img{object-position:left center}.hw-journey-mobile article:last-of-type>img{object-position:right center}.hw-journey-mobile .hw-journey-caption{left:1.4rem;width:calc(100% - 2.8rem)}.hw-journey-mobile .hw-journey-caption h3{font-size:clamp(2.4rem,10vw,3.3rem)}.hw-cutaway-copy,.hw-wear-heading{grid-template-columns:1fr;gap:.8rem}.hw-cutaway-copy>p:last-child{grid-column:auto;margin-top:.7rem}.hw-wear-options{grid-template-columns:1fr}.hw-wear-options article+article{border-top:1px solid var(--hw-line);border-left:0}.hw-cta-inner{align-items:flex-start;flex-direction:column}}@media (max-width:680px){.hw-hero{padding-inline:.55rem}.hw-hero-frame{min-height:800px;border-radius:1.2rem}.hw-hero-image{height:310px!important;object-position:69% 50%}.hw-hero-copy{top:5.5%;left:1.25rem;width:calc(100% - 2.5rem)}.hw-hero-copy h1{font-size:clamp(2.65rem,12vw,3.65rem)}.hw-hero-copy p{max-width:37ch;font-size:.92rem;line-height:1.5}.hw-actions{gap:.5rem;margin-top:1.15rem}.hw-button{min-height:44px;padding:.75rem 1rem;font-size:.78rem}.hw-array-section,.hw-cutaway-section,.hw-wear-section{padding-block:5rem}.hardware-page h2{font-size:clamp(2.55rem,13vw,3.6rem)}.hw-array-note{text-align:left}.hw-cutaway-figure{margin-inline:-.5rem}.hw-internals{grid-template-columns:repeat(2,1fr)}.hw-internals>div:nth-child(3),.hw-internals>div:nth-child(5){border-left:0}.hw-internals>div:nth-child(4){border-left:1px solid rgba(255,255,255,.13)}.hw-internals>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}.hw-target-note{line-height:1.5;text-align:left}.hw-wear-image{margin-inline:-.55rem}.hw-wear-options article{padding:2rem 0}.hw-cta-section{padding-inline:.55rem}}