
@font-face{font-family:"Bodoni Moda";src:url(fonts/BodoniModa-var.ttf);font-weight:400 900}
@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono-Regular.ttf)}
:root{--ink:#111;--mute:#6b6b6b;--rule:#111;--serif:"Bodoni Moda",Georgia,serif;--label:"Space Mono",ui-monospace,monospace}
body.nomono{--label:var(--serif)}
*{box-sizing:border-box;font-weight:400!important}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.75 var(--serif);font-variation-settings:"opsz" 11;text-align:left}
a{color:inherit;text-decoration:none}
.caps{text-transform:uppercase;letter-spacing:.32em;font-size:11px;line-height:1.6}
.lab,.d{font-family:var(--label);color:#000;letter-spacing:.06em}
.lab{text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.d{font-size:.88em}
td.d,td .d{font-size:15px}
.logo-ph{display:flex;align-items:center;justify-content:center;border:1px dashed #999;color:var(--mute);font:400 11px/1.5 var(--serif);letter-spacing:.3em;text-transform:uppercase;text-align:center;height:72px;max-width:360px}
body.nomono .lab{letter-spacing:.3em}
.wrap{max-width:1040px;margin:0 auto;padding:0 32px}
header{text-align:center;padding:56px 0 0}header img{height:64px}
header .caps{margin:22px 0 0}nav{display:flex;justify-content:center;gap:48px;padding:22px 0;border-bottom:1px solid var(--rule)}
hr{border:0;border-top:1px solid var(--rule);margin:0}
.ph{display:flex;align-items:center;justify-content:center;background:#f4f4f2;color:var(--mute);aspect-ratio:4/5;text-align:center;padding:16px}
.pending{color:var(--mute)}

.intro{padding:96px 0 80px;max-width:520px}.intro p{font-size:22px;line-height:1.6;margin:18px 0 0}
.feature{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end;padding:0 0 112px}
.feature img,.feature .ph{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.feature h2{font-size:30px;line-height:1.25;margin:0 0 10px;letter-spacing:.02em}
.more{display:inline-block;margin-top:28px;border-bottom:1px solid var(--rule);padding-bottom:4px}
.art{padding:0 0 112px}.art img{width:100%;display:block}

.pdp{display:grid;grid-template-columns:7fr 5fr;gap:72px;padding:64px 0 112px}
.gal img,.gal .ph{width:100%;display:block;margin:0 0 24px;aspect-ratio:4/5;object-fit:cover}
.info h1{font-size:34px;line-height:1.2;letter-spacing:.04em;margin:0}
.row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--rule)}
.sizes{display:flex;gap:0;margin:28px 0 0;border:1px solid var(--rule)}.sizes label{flex:1}.sizes input{display:none}
.sizes span{display:block;text-align:center;padding:14px 0;cursor:pointer;border-right:1px solid var(--rule)}.sizes label:last-child span{border-right:0}
.sizes input:checked+span{background:var(--ink);color:#fff}
.buy{display:block;margin:16px 0 0;background:var(--ink);color:#fff;text-align:center;padding:17px 0}
.note{color:var(--mute);font-size:13px;line-height:1.7;margin:14px 0 0}
.sec{padding:36px 0 0}.sec h3{margin:0 0 12px}.sec p{margin:0 0 12px}
table{width:100%;border-collapse:collapse;margin:8px 0 0}th,td{text-align:left;padding:10px 0;border-bottom:1px solid var(--rule)}th{border-top:1px solid var(--rule)}
footer{border-top:1px solid var(--rule);padding:40px 0 56px;text-align:center}footer p{margin:6px 0}
@media(max-width:760px){.wrap{padding:0 22px}.feature,.pdp{grid-template-columns:1fr;gap:36px}.intro{padding:64px 0 56px}.intro p{font-size:19px}nav{gap:28px}}
.logo-h{display:block;width:100%;max-width:380px;height:auto;margin:6px 0 4px}
.signoff{padding:56px 0 0}.signoff img{width:150px;height:auto;display:block}
.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:18px 0}.chips a{border:1px solid #111;padding:10px 18px}.chips a.on{background:#111;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;padding:48px 0 96px}.grid img,.grid .ph{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.buy{opacity:.55;pointer-events:none}.tbd{color:var(--mute)}.banner{background:#f4f4f2;text-align:center;padding:10px}
.brandtop img{height:auto;width:min(520px,80%)}
@media(min-width:761px) and (max-width:1100px){.pdp{grid-template-columns:1fr 1fr;gap:40px}.wrap{padding:0 28px}}

.igfoot{border-top:1px solid var(--rule);text-align:center;padding-top:22px;padding-bottom:28px}.igfoot .caps{margin:0 0 18px}.ig{display:flex;justify-content:center;gap:clamp(56px,16vw,170px)}.ig a{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;text-decoration:none;color:inherit}.ig img{width:80px;height:80px;image-rendering:pixelated;display:block}.ig span{font-size:13px}@media(max-width:480px){.ig img{width:64px;height:64px}}


body.na{font-size:16px;line-height:1.8}
body.na .banner{background:none;color:var(--mute);font-size:9.5px;letter-spacing:.3em;padding:12px 0;border-bottom:1px solid #e4e4e2}
body.na .brandtop{padding:72px 0 0;text-align:center}
body.na .mast{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:.5em;margin-right:-.5em;line-height:1}
body.na .brandtop:after{content:"";display:block;height:0;border-top:1px solid var(--rule);margin:40px auto 0;max-width:100%}
body.na .pdp{padding:80px 0 128px;gap:88px}
body.na .grid{padding:80px 0 128px;gap:56px}
body.na .grid .lab{font-size:11px;letter-spacing:.18em}
body.na .ttl{font-size:21px;line-height:1.35;letter-spacing:.02em;margin:0;max-width:22ch}
body.na .info{max-width:440px}
body.na .info p{max-width:36em;margin:22px 0 0}
body.na .sec{padding:48px 0 0}body.na .sec h3{margin:0 0 14px;font-size:10px;letter-spacing:.36em}
body.na .row,body.na th,body.na td{border-color:#d6d6d4}
body.na .sizes{border-color:#bdbdbb;margin-top:36px}body.na .sizes span{border-color:#bdbdbb;font-size:12px;padding:15px 0}
body.na .buy{background:none;color:var(--ink);border:1px solid var(--ink);font-size:10px;letter-spacing:.36em;padding:18px 0;opacity:.6}
body.na .note{font-size:12px}
body.na td.d{font-size:13px}
body.na .signoff{padding:72px 0 0}body.na .signoff img{width:110px;opacity:.9}
body.na .more{font-size:10px;letter-spacing:.36em}
body.na .igfoot .caps{font-size:10px;letter-spacing:.36em}
@media(max-width:760px){body.na .brandtop{padding:52px 0 0}body.na .brandtop:after{margin-top:30px}body.na .pdp,body.na .grid{padding:52px 0 88px}body.na .info{max-width:none}}


.hero .flag{grid-column:1/-1;margin:0 0 -40px;color:var(--mute);font-size:10px;letter-spacing:.42em}
body.na .hero{padding-top:56px;grid-template-columns:3fr 2fr}
body.na .hero .ttl{font-size:26px}
.coming{border-top:1px solid #d6d6d4;padding:56px 0 96px}.coming h2{margin:0 0 32px;font-size:10px;letter-spacing:.42em;color:var(--mute)}
.coming .slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,260px));gap:40px}
.coming .slotbox{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;border:1px dashed #c4c4c2;color:#9a9a98;font-size:9px;letter-spacing:.3em;text-align:center;padding:16px;margin:0 0 14px}
.coming .lab{font-size:11px}
@media(max-width:760px){body.na .hero{grid-template-columns:1fr}.hero .flag{margin:0}}


.policy{font-size:12px;line-height:1.7;margin:12px 0 0;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:var(--ink)}

@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono-Bold.ttf);font-weight:700}
.to-cards{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;font:700 15px/1 "Space Mono",ui-monospace,monospace;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;background:#111;color:#fff;border:2px solid #111;border-radius:99px;box-shadow:0 0 0 2px #fff}
.to-cards:hover,.to-cards:focus-visible{background:#fff;color:#111;outline:none}
.to-cards-fixed{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:1000}
.to-cards-foot{margin:32px auto 48px}
.mast-home{text-decoration:underline;text-underline-offset:4px}
body:has(.to-cards-fixed) .banner{padding-left:160px}
.fit{margin:28px 0 0;border:1px solid var(--rule);background:#e9e9e7}.fit img{display:block;width:100%;max-width:360px;margin:0 auto}.fit figcaption{padding:8px 12px;border-top:1px solid var(--rule);background:#fff}
body.na .fit{border-color:#bdbdbb}body.na .fit figcaption{border-color:#bdbdbb}
