.top{z-index:20;height:72px;padding:0 var(--gutter);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid;position:sticky;top:0}.top .wordmark{justify-self:start}.top-nav{gap:36px;display:flex}.top-end{justify-self:end;align-items:center;gap:28px;display:flex}.hero{padding:clamp(40px, 6vw, 88px) var(--gutter) clamp(56px, 8vw, 120px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);max-width:1440px;margin:0 auto;display:grid}.hero-text{flex-direction:column;gap:28px;max-width:560px;display:flex}.hero h1{letter-spacing:-.015em;font-size:clamp(46px,5.3vw,82px);line-height:.98}.hero h1 em,.compare-band h2 em{font-style:italic;font-weight:400}.lead{color:var(--ink-soft);max-width:520px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.hero-art{margin:0;position:relative}.hero-art>img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.look-card{background:var(--paper);flex-direction:column;gap:12px;min-width:248px;padding:18px 20px 16px;display:flex;position:absolute;bottom:40px;left:-32px;box-shadow:0 24px 60px #1614121f}.look-card ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.look-card li{align-items:center;gap:12px;font-size:13px;display:flex}.look-card li img{object-fit:cover;background:var(--tint);width:40px;height:50px}.band{padding:clamp(64px, 9vw, 128px) var(--gutter);border-top:1px solid var(--line);max-width:1440px;margin:0 auto}.head{flex-direction:column;gap:14px;margin-bottom:clamp(36px,5vw,64px);display:flex}.head.row{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:32px}.head h2,.band h2,.cta h2{font-size:clamp(36px,4.4vw,60px)}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);margin:0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid var(--ink);flex-direction:column;gap:14px;padding-top:24px;display:flex}.steps .num{font:italic 400 44px/1 var(--serif);color:var(--accent)}.steps h3{font-size:30px}.steps p{color:var(--muted);max-width:340px}.view-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px);display:grid}.view-grid figure{flex-direction:column;gap:18px;margin:0;display:flex}.frame{background:var(--tint);aspect-ratio:4/5;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.view-grid figure:hover .frame img{transform:scale(1.03)}.view-grid h3{margin-bottom:4px;font-size:28px}.view-grid p{color:var(--muted)}.compare-band{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.compare-text{flex-direction:column;gap:24px;display:flex}.compare-band .compare{aspect-ratio:3/4;justify-self:end;width:100%;max-width:620px;max-height:82vh}.strip{scrollbar-width:thin;scroll-snap-type:x proximity;grid-auto-columns:clamp(150px,15vw,210px);grid-auto-flow:column;gap:20px;padding-bottom:12px;display:grid;overflow-x:auto}.strip figure{scroll-snap-align:start;margin:0}.strip figcaption{color:var(--ink-soft);margin-top:12px;font-size:13px}.private{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.private ul{gap:22px;margin:0;padding:0;list-style:none;display:grid}.private li{color:var(--ink-soft);border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding-bottom:22px;font-size:17px;line-height:1.55;display:flex}.private li .i{width:20px;height:20px;color:var(--accent);margin-top:3px}.private li:last-child{border-bottom:0;padding-bottom:0}.cta{background:var(--ink);color:var(--paper);text-align:center;padding:clamp(80px, 11vw, 160px) var(--gutter);flex-direction:column;align-items:center;gap:36px;display:flex}.cta h2{max-width:760px}.foot{padding:36px var(--gutter);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot .wordmark{font-size:18px}.foot nav{gap:28px;display:flex}.policy{max-width:760px;padding:clamp(48px, 7vw, 96px) var(--gutter) 96px;flex-direction:column;gap:20px;margin:0 auto;display:flex}.policy h1{margin-bottom:8px;font-size:clamp(42px,5vw,68px)}.policy h2{margin-top:28px;font-size:30px}.policy ul{color:var(--ink-soft);gap:10px;margin:0;padding-left:20px;display:grid}.panel-wrap{z-index:50;position:fixed;inset:0}.scrim{cursor:pointer;background:#1614126b;border:0;animation:.3s fade;position:absolute;inset:0}.panel{background:var(--paper);flex-direction:column;width:min(480px,100vw);animation:.45s cubic-bezier(.2,.7,.2,1) slide;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.panel-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.panel-top .wordmark{font-size:18px}.close{cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:40px;margin-right:-10px;display:grid}.close .i{width:20px;height:20px}.panel-body{flex-direction:column;gap:22px;padding:48px 32px;display:flex}.panel-body h2{font-size:48px}.panel-body .lead{font-size:15px}.or{font:500 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-items:center;gap:16px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.btn[aria-disabled=true]{opacity:.4;pointer-events:none}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translate(40px)}}@media (width<=980px){.top{grid-template-columns:1fr auto}.top-nav{display:none}.hero{grid-template-columns:1fr;padding-top:32px}.hero-art{margin:0 calc(var(--gutter) * -1);order:-1}.look-card{min-width:0;padding:14px 16px 12px;bottom:16px;left:16px}.look-card li img{width:32px;height:40px}.steps{grid-template-columns:1fr;gap:36px}.view-grid{scroll-snap-type:x mandatory;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 8px;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.view-grid figure{scroll-snap-align:center}.compare-band,.private{grid-template-columns:1fr}.compare-band .compare{justify-self:stretch;max-width:none}}@media (width<=560px){.top{gap:12px;height:60px}.top .wordmark{letter-spacing:.26em;font-size:18px}.top-end{gap:16px}.top-end .langs{gap:10px}.hero-actions{gap:20px}.hero-actions .btn{width:100%}.look-card{display:none}.foot{flex-direction:column;align-items:flex-start}.panel-top,.panel-body{padding-left:20px;padding-right:20px}.panel-body{padding-top:32px}}
