@import url('https://fonts.googleapis.com/css2?family=Italianno&display=swap');
:root{--ink:#090909;--paper:#f1f0ec;--grey:#b6b6b4;--line:rgba(255,255,255,.18);--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace;--script:'Pinyon Script','Italianno','Snell Roundhand',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:400}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.script{font-family:var(--script);font-weight:400}.eyebrow{font:500 10px/1.4 var(--mono);letter-spacing:.2em}.light{color:rgba(255,255,255,.62)}a{color:inherit;text-decoration:none}button,input{font:inherit}.locked{overflow:hidden}
.gate{position:fixed;inset:0;z-index:90;background:radial-gradient(circle at 50% 48%,#242424 0,#0e0e0e 45%,#050505 100%);display:grid;place-items:center;transition:opacity .8s ease,visibility .8s}.gate::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.gate-number{position:absolute;top:35px;left:36px;font:9px var(--mono);letter-spacing:.18em}.gate-center{text-align:center;width:min(88vw,570px)}.gate-logo{font-size:clamp(74px,11vw,150px);line-height:.72;margin:25px 0 28px;letter-spacing:-.04em}.gate-copy{font:11px var(--mono);letter-spacing:.16em;color:#aaa;text-transform:uppercase}.access-form{margin:50px auto 0;width:min(100%,420px);text-align:left}.access-form label{display:block;font:9px var(--mono);letter-spacing:.18em;margin-bottom:9px}.access-row{display:flex;border:1px solid #777;background:#efefeb}.access-row:focus-within{outline:1px solid #fff}.access-row input{flex:1;min-width:0;background:transparent;border:0;padding:17px;color:#111;font:12px var(--mono);letter-spacing:.16em;outline:0}.access-row button{border:0;border-left:1px solid #aaa;background:#fff;padding:0 22px;font:10px var(--mono);letter-spacing:.15em;cursor:pointer}.access-row button:hover{background:#111;color:#fff}.gate-message{font:8px var(--mono);letter-spacing:.18em;color:#777;margin-top:10px}.gate-message.error{color:#d7a4a4}.gate-footer{position:absolute;left:36px;right:36px;bottom:35px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.15em}.gate.open{opacity:0;visibility:hidden}.site{opacity:0;transition:opacity 1s .25s}.site.visible{opacity:1}
.nav{height:76px;position:absolute;top:0;left:0;right:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line)}.nav-logo{font-size:36px}.nav-links{display:flex;gap:34px;font:9px var(--mono);letter-spacing:.17em}.bag-button{justify-self:end;border:0;background:none;color:#fff;font:9px var(--mono);letter-spacing:.17em;cursor:pointer}
.reveal{min-height:100svh;position:relative;display:grid;grid-template-columns:40% 60%;overflow:hidden;background:#0a0a0a}.reveal-copy{position:relative;z-index:3;align-self:center;padding:90px 4vw 30px}.reveal h2{font-size:clamp(48px,7vw,105px);font-weight:300;line-height:.82;letter-spacing:-.06em;margin:28px 0}.reveal h2 .script{font-size:1.25em;margin-left:8vw}.reveal-note{font:10px/1.8 var(--mono);letter-spacing:.1em;color:#aaa;margin:45px 0}.text-link{font:10px var(--mono);letter-spacing:.14em;border-bottom:1px solid #777;padding-bottom:8px}.text-link span{margin-left:20px}.reveal-images{position:relative;height:100vh;background:#c8c8c6}.image-card{position:absolute;margin:0;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.image-card img{width:100%;height:100%;object-fit:cover;display:block}.image-card figcaption{position:absolute;left:12px;bottom:10px;font:8px var(--mono);letter-spacing:.15em}.black-card{width:55%;height:72%;left:4%;top:14%;z-index:2}.white-card{width:55%;height:66%;right:-8%;top:22%;transform:rotate(2deg)}.white-card figcaption{color:#111}.scroll-mark{position:absolute;z-index:4;bottom:22px;left:4vw;font:8px var(--mono);letter-spacing:.18em;writing-mode:vertical-rl}
.manifesto{background:var(--paper);color:#111;padding:13vw 8vw 14vw}.manifesto-text{max-width:1120px;margin:5vw 0 0;font-size:clamp(37px,6vw,90px);line-height:1.04;letter-spacing:-.055em;font-weight:300}.manifesto-text em{font-family:var(--script);font-weight:400;font-size:1.2em}.drop{padding:9vw 4vw;background:#0a0a0a}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #444;padding-bottom:28px;margin-bottom:4vw}.section-head h2{font-size:clamp(46px,6vw,90px);font-weight:300;letter-spacing:-.06em;margin:10px 0 0}.section-head h2 span{font-size:1.1em}.section-head>p{font:9px/1.7 var(--mono);letter-spacing:.17em;text-align:right}.products{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.product-image{position:relative;background:#aaa;overflow:hidden;aspect-ratio:1/1}.product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.product:hover img{transform:scale(1.025)}.badge{position:absolute;z-index:2;top:16px;left:16px;font:8px var(--mono);letter-spacing:.15em;background:#fff;color:#111;padding:8px 10px}.badge.dark{background:#111;color:#fff}.quick{position:absolute;z-index:2;bottom:0;left:0;right:0;height:52px;border:0;background:rgba(6,6,6,.92);color:#fff;font:9px var(--mono);letter-spacing:.18em;transform:translateY(101%);transition:transform .25s;cursor:pointer}.product:hover .quick{transform:none}.product-info{display:flex;justify-content:space-between;padding:19px 2px 14px}.product-info h3{font:500 13px var(--sans);letter-spacing:.05em;margin:0 0 5px}.product-info p,.product-info strong{font:9px var(--mono);letter-spacing:.12em;margin:0}.sizes{display:flex;gap:5px}.sizes button{width:42px;height:32px;border:1px solid #444;background:transparent;color:#aaa;font:9px var(--mono);cursor:pointer}.sizes button.selected{background:#eee;color:#111;border-color:#eee}.details{min-height:70vh;background:#c8c7c3;color:#0b0b0b;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;padding:5vw}.details>div:nth-child(2){font:12px/2.2 var(--mono);letter-spacing:.08em}.details .light{color:#555}.detail-script{font-size:clamp(70px,11vw,170px)}footer{background:var(--paper);color:#111;padding:7vw 4vw 35px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4vw;align-items:start}footer a:not(.footer-logo){font:10px/2.2 var(--mono);letter-spacing:.12em}.footer-logo{font-size:clamp(65px,10vw,145px);line-height:.7}.copyright{grid-column:1/-1;border-top:1px solid #aaa;margin-top:7vw;padding-top:25px;font:8px var(--mono);letter-spacing:.15em}
.bag{position:fixed;z-index:120;right:0;top:0;width:min(92vw,430px);height:100%;background:#efeee9;color:#111;transform:translateX(105%);transition:transform .35s ease;padding:28px;display:flex;flex-direction:column}.bag.show{transform:none}.bag-head{display:flex;justify-content:space-between;border-bottom:1px solid #aaa;padding-bottom:22px}.bag-head h2{font-size:22px;font-weight:400;margin:0}.bag-head button{border:0;background:none;font:9px var(--mono);cursor:pointer}.bag-items{flex:1;padding:30px 0}.empty{font:9px var(--mono);letter-spacing:.15em;color:#777}.bag-item{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding:17px 0;font:10px var(--mono);line-height:1.7}.bag-item button{border:0;background:none;text-decoration:underline;font-size:8px;cursor:pointer}.bag-bottom>div{display:flex;justify-content:space-between;font:11px var(--mono);padding:20px 0}.bag-bottom>button{width:100%;border:0;background:#111;color:#fff;padding:17px;font:10px var(--mono);letter-spacing:.13em}.bag-bottom small{display:block;text-align:center;font:8px var(--mono);color:#777;margin-top:10px}.bag-shade{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;transition:.3s}.bag-shade.show{opacity:1;visibility:visible}
@media(max-width:760px){.gate::before{inset:10px}.gate-number{top:25px;left:23px}.gate-footer{left:23px;right:23px;bottom:24px}.gate-logo{font-size:82px}.nav{height:64px;padding:0 20px;grid-template-columns:1fr 1fr}.nav-links{display:none}.nav-logo{font-size:30px}.reveal{grid-template-columns:1fr;min-height:auto}.reveal-copy{min-height:58vh;padding:120px 25px 50px}.reveal h2{font-size:58px}.reveal-images{height:65vh}.black-card{width:66%;height:72%;left:4%;top:12%}.white-card{width:61%;height:65%;right:-5%;top:23%}.scroll-mark{display:none}.manifesto{padding:110px 25px}.manifesto-text{font-size:42px;margin-top:55px}.drop{padding:90px 16px}.section-head{align-items:start}.section-head h2{font-size:48px}.products{grid-template-columns:1fr;gap:70px}.quick{transform:none}.details{min-height:65vh;grid-template-columns:1fr;padding:70px 20px}.detail-script{font-size:90px}footer{grid-template-columns:1fr 1fr;padding:80px 24px 30px}.footer-logo{grid-column:1/-1;margin-bottom:35px;font-size:80px}}
.access-form label{font-size:8px;color:#777}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}