body[data-page="shop"]{--sp:#f7f6f1;--sw:#fff;--si:#111;--sm:#686660;--sl:rgba(17,17,17,.22);background:var(--sw);color:var(--si)}
body[data-page="shop"] .ev-header{padding:22px var(--pad);background:rgba(255,255,255,.94);border-bottom:1px solid transparent}
body[data-page="shop"] .ev-header.is-scrolled{padding-top:14px;padding-bottom:14px;border-color:var(--sl)}
body[data-page="shop"] .ev-wordmark{width:auto;font-size:clamp(24px,2.3vw,34px);font-weight:700;letter-spacing:-.045em;line-height:1;text-transform:uppercase}
body[data-page="shop"] .ev-nav{gap:clamp(24px,3vw,48px)}
body[data-page="shop"] .ev-nav .talk-link{padding:7px 0;background:transparent;color:inherit}
body[data-page="shop"] .ev-nav .talk-link:hover{background:transparent}
body[data-page="shop"] .ev-nav a::after{height:1px;background:var(--si)}

.shop-hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,140px);min-height:100svh;padding:clamp(145px,15vw,205px) var(--pad) clamp(80px,9vw,135px);background:var(--sp)}
.shop-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.shop-hero h1{margin:40px 0 45px;font-size:clamp(61px,7.6vw,135px);font-weight:700;letter-spacing:-.078em;line-height:.78;text-transform:uppercase}
.shop-hero h1 em{display:block;font:italic 400 .72em/.95 var(--serif);letter-spacing:-.05em;text-transform:none}
.shop-hero-copy>p:not(.eyebrow){max-width:650px;margin:0 0 40px;font:400 clamp(20px,1.8vw,29px)/1.18 var(--serif)}
.shop-hero-copy>a,.shop-status a{display:inline-block;padding-bottom:5px;border-bottom:1px solid;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.shop-hero figure{align-self:center;margin:0}.shop-hero figure img{width:100%;height:min(72vh,850px);object-fit:contain;background:#050505}
.shop-hero figcaption,.shop-customers figcaption{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--si);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.shop-waitlist{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,180px);padding:clamp(95px,12vw,185px) var(--pad)}
.shop-waitlist h2{margin:30px 0 0;font:400 clamp(50px,6.6vw,112px)/.88 var(--serif);letter-spacing:-.06em}
.shop-waitlist>div:last-child{align-self:end;max-width:720px}.shop-waitlist>div:last-child>p{margin:0 0 48px;font:400 clamp(20px,1.75vw,28px)/1.2 var(--serif)}
.shop-waitlist form{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.shop-waitlist label{margin:0 0 7px;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.shop-waitlist input,.shop-waitlist select{width:100%;margin:0 0 28px;padding:13px 0;border:0;border-bottom:1px solid var(--si);border-radius:0;background:transparent;font:400 18px/1 var(--serif)}
.shop-waitlist label[for="shop-customer"],.shop-waitlist label[for="shop-category"],.shop-waitlist select,.shop-waitlist button,.shop-form-note,.shop-waitlist .form-status{grid-column:1/-1}
.shop-waitlist button{justify-self:start;margin-top:8px;padding:13px 18px;border:1px solid var(--si);background:var(--si);color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.shop-waitlist button:hover{background:#fff;color:var(--si)}
.shop-form-note,.shop-waitlist .form-status{margin:12px 0 0;color:var(--sm);font-size:10px}

.shop-story{display:grid;grid-template-columns:.4fr 1.6fr;gap:clamp(40px,8vw,150px);padding:clamp(100px,12vw,190px) var(--pad);background:var(--sp)}
.shop-story>div{max-width:1080px}.shop-story h2{margin:0 0 55px;font:400 clamp(48px,6.4vw,108px)/.9 var(--serif);letter-spacing:-.06em}
.shop-story div p{max-width:840px;margin:0 0 22px;font-size:clamp(18px,1.55vw,24px);line-height:1.38}.shop-story div p:nth-of-type(n+2){color:var(--sm)}

.shop-difference,.shop-range{padding:clamp(95px,11vw,175px) var(--pad)}
.shop-difference{background:var(--sw)}.shop-range{background:var(--sp)}
.shop-section-head{display:grid;grid-template-columns:.35fr 1fr .65fr;gap:clamp(35px,6vw,100px);align-items:end;margin-bottom:60px;padding-top:16px;border-top:1px solid var(--si)}
.shop-section-head h2{margin:0;font:400 clamp(44px,5.7vw,94px)/.9 var(--serif);letter-spacing:-.055em}
.shop-section-head>p:last-child{max-width:500px;margin:0;color:var(--sm);font-size:15px}
.difference-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--si);border-left:1px solid var(--sl)}
.difference-grid article{min-height:300px;padding:25px;border-right:1px solid var(--sl);border-bottom:1px solid var(--sl)}
.difference-grid article>span{font-size:9px;font-weight:800}.difference-grid h3{margin:70px 0 18px;font:400 clamp(30px,3.5vw,56px)/.95 var(--serif);letter-spacing:-.04em}
.difference-grid p{max-width:520px;margin:0;color:var(--sm);font-size:14px}

.shop-customers{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,9vw,160px);padding:clamp(100px,13vw,200px) var(--pad)}
.shop-customers figure{margin:0}.shop-customers figure img{width:100%;height:auto}
.shop-customers>div{align-self:center}.shop-customers>div>h2{margin:30px 0 60px;font:400 clamp(44px,5.6vw,92px)/.9 var(--serif);letter-spacing:-.06em}
.customer-list{border-top:1px solid var(--si)}.customer-list article{display:grid;grid-template-columns:.65fr 1fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--sl)}
.customer-list h3{margin:0;font:400 clamp(25px,2.8vw,42px)/.95 var(--serif)}.customer-list p{margin:0;color:var(--sm);font-size:13px}

.shop-finance,.shop-status{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,10vw,180px);padding:clamp(100px,13vw,200px) var(--pad);background:#171717;color:#fff}
.shop-finance h2,.shop-status h2{margin:30px 0 0;font:400 clamp(46px,6.1vw,102px)/.9 var(--serif);letter-spacing:-.06em}
.shop-finance>div:last-child,.shop-status>div:last-child{align-self:end}
.shop-finance>div:last-child p,.shop-status>div:last-child p{max-width:680px;margin:0 0 22px;font-size:clamp(18px,1.5vw,23px);line-height:1.36}
.shop-finance>div:last-child p:last-child,.shop-status>div:last-child p:last-of-type{color:rgba(255,255,255,.6)}

.shop-range-list{border-top:1px solid var(--si)}
.shop-range-list article{display:grid;grid-template-columns:65px .75fr 1fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--sl)}
.shop-range-list article>span{font-size:9px;font-weight:800}.shop-range-list h3{margin:0;font:400 clamp(30px,3.8vw,62px)/.95 var(--serif);letter-spacing:-.04em}
.shop-range-list p{max-width:560px;margin:0;color:var(--sm);font-size:14px}
.shop-status{background:var(--sp);color:var(--si)}.shop-status>div:last-child p:last-of-type{color:var(--sm)}
.shop-status a{margin-top:20px}

.shop-footer{display:grid;grid-template-columns:1.2fr .6fr 1.6fr;gap:35px;align-items:start;padding:45px var(--pad) 35px;border-top:1px solid var(--si)}
.footer-wordmark{font-size:clamp(25px,2.4vw,36px);font-weight:700;letter-spacing:-.05em;text-transform:uppercase}
.shop-footer nav{display:flex;flex-direction:column;gap:6px}.shop-footer nav a,.shop-footer p{margin:0;font-size:9px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:980px){
  .shop-hero,.shop-waitlist,.shop-section-head,.shop-customers,.shop-finance,.shop-status{grid-template-columns:1fr}
  .shop-hero{min-height:0}.shop-hero figure img{height:auto;max-height:900px}.shop-story{grid-template-columns:1fr}
  .shop-range-list article{grid-template-columns:45px .75fr 1fr}.shop-footer{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body[data-page="shop"] .ev-header{padding:16px 20px}body[data-page="shop"] .ev-wordmark{font-size:24px}
  body[data-page="shop"] .ev-nav a,body[data-page="shop"] .ev-nav .talk-link{font-size:clamp(42px,12vw,72px)}
  .shop-hero{padding:125px 20px 80px}.shop-hero h1{font-size:clamp(54px,16vw,80px)}
  .shop-waitlist,.shop-story,.shop-difference,.shop-customers,.shop-finance,.shop-range,.shop-status{padding:80px 20px}
  .shop-waitlist h2,.shop-story h2,.shop-section-head h2,.shop-customers>div>h2,.shop-finance h2,.shop-status h2{font-size:46px}
  .shop-waitlist form{grid-template-columns:1fr}.shop-waitlist label[for="shop-customer"],.shop-waitlist label[for="shop-category"],.shop-waitlist select,.shop-waitlist button,.shop-form-note,.shop-waitlist .form-status{grid-column:auto}
  .difference-grid{grid-template-columns:1fr}.difference-grid article{min-height:250px}
  .customer-list article{grid-template-columns:1fr;gap:10px}
  .shop-range-list article{grid-template-columns:34px 1fr;gap:15px}.shop-range-list p{grid-column:2}
  .shop-footer{grid-template-columns:1fr;padding:38px 20px}
}