:root{--black:#0b0b0a;--ink:#111110;--charcoal:#151514;--paper:#d8d7d1;--paper-bright:#efeee9;--white:#f2f1ec;--muted:rgba(242,241,236,.56);--line:rgba(242,241,236,.12);--warm:#b18a62}*{box-sizing:border-box}html{background:var(--black);color:var(--white);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--paper-bright);color:var(--black)}button,input,textarea,select{font:inherit}button{color:inherit}.drop-shell{min-height:100vh;background:radial-gradient(ellipse at 78% -8%,rgba(177,138,98,.13),transparent 31rem),radial-gradient(circle at 8% 24%,rgba(255,255,255,.025),transparent 24rem),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),var(--ink)}.drop-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 20px;border-bottom:1px solid var(--line);background:rgba(11,11,10,.92);box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(16px) saturate(105%)}.drop-wordmark,.drop-status,.drop-order-button,.drop-footer{font-size:9px;line-height:1;font-weight:720;letter-spacing:.14em}.drop-wordmark{display:flex;align-items:center;color:rgba(242,241,236,.68);white-space:nowrap}.drop-wordmark:before{content:"058637";display:inline-flex;min-height:27px;align-items:center;margin-right:11px;padding:0 8px;background:var(--paper-bright);color:var(--black);font-size:8px;font-weight:800;letter-spacing:.16em}.drop-status{color:rgba(242,241,236,.42);text-align:center}.drop-status:before{content:"";display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:999px;background:var(--warm);vertical-align:2px;box-shadow:0 0 10px rgba(177,138,98,.42)}.drop-order-button{justify-self:end;min-height:30px;padding:0 13px;border:1px solid rgba(242,241,236,.28);border-radius:0;background:transparent;color:var(--white);cursor:pointer;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}.drop-order-button:hover{border-color:var(--paper-bright);background:var(--paper-bright);color:var(--black)}.product-grid{counter-reset:private-piece;display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,420px));justify-content:center;gap:66px 32px;max-width:1380px;margin:0 auto;padding:54px 24px 96px}.product-piece{counter-increment:private-piece;position:relative;min-width:0;padding-top:25px;border-top:1px solid rgba(242,241,236,.17);animation:piece-arrive 520ms cubic-bezier(.22,.75,.22,1) both;transform-origin:center top}.product-piece:nth-child(2){animation-delay:35ms}.product-piece:nth-child(3){animation-delay:70ms}.product-piece:nth-child(4){animation-delay:105ms}.product-piece:nth-child(5){animation-delay:140ms}.product-piece:nth-child(6){animation-delay:175ms}.product-piece:before{content:counter(private-piece,decimal-leading-zero) " / ISSUE";position:absolute;top:8px;left:0;color:rgba(242,241,236,.62);font-size:8px;font-weight:760;line-height:1;letter-spacing:.14em}.product-piece:after{content:"F+F / NYC";position:absolute;top:8px;right:0;color:rgba(242,241,236,.25);font-size:8px;font-weight:700;line-height:1;letter-spacing:.14em}.gallery{position:relative;display:block;width:100%;aspect-ratio:1/1;margin:0;overflow:hidden;background:#fff;isolation:isolate;box-shadow:0 0 0 1px rgba(0,0,0,.42),0 12px 28px rgba(0,0,0,.22);transition:transform 260ms cubic-bezier(.2,.75,.25,1),box-shadow 260ms ease}.gallery-track{position:absolute;inset:0;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{position:relative;width:100%;height:100%;flex:0 0 100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#fff}.gallery-image{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;object-position:center center;user-select:none;-webkit-user-drag:none;backface-visibility:hidden}.gallery-slide:first-child .gallery-image{object-fit:contain;background:#fff}.gallery-slide:not(:first-child) .gallery-image{object-fit:cover}.gallery-arrow{position:absolute;top:50%;z-index:4;display:grid;width:38px;height:38px;place-items:center;padding:0;border:1px solid rgba(10,10,10,.14);border-radius:999px;background:rgba(250,250,247,.9);color:#0a0a0a;font-size:17px;line-height:1;opacity:0;transform:translateY(-50%);transition:opacity 160ms ease,background 160ms ease;cursor:pointer;backdrop-filter:blur(8px)}.gallery:hover .gallery-arrow,.gallery-arrow:focus-visible{opacity:1}.gallery-arrow:hover{background:#fafaf7}.gallery-arrow.left{left:12px}.gallery-arrow.right{right:12px}.gallery-dots{position:absolute;left:50%;bottom:12px;z-index:4;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(250,250,247,.76);transform:translateX(-50%);backdrop-filter:blur(8px)}.gallery-dot{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(10,10,10,.28);cursor:pointer}.gallery-dot.active{background:#0a0a0a}@media(hover:hover) and (pointer:fine){.product-piece:hover .gallery{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(0,0,0,.56),0 18px 42px rgba(0,0,0,.30),0 0 34px rgba(177,138,98,.08)}.product-grid:hover .product-piece:not(:hover) .product-info{opacity:.62}}.product-info{padding-top:16px;transition:opacity 180ms ease}.product-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:13px;border-bottom:1px solid rgba(242,241,236,.10)}.product-heading-row h2,.product-price{margin:0;line-height:1.25}.product-heading-row h2{color:var(--white);font-size:15px;font-weight:580;letter-spacing:-.018em}.product-price{color:rgba(242,241,236,.66);font-size:12px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.product-copy{margin:12px 0 0;color:rgba(242,241,236,.46);font-size:11px;line-height:1.55}.variation-block{margin-top:16px}.variation-label{margin-bottom:9px;color:rgba(242,241,236,.30);font-size:8px;font-weight:760;letter-spacing:.15em}.variation-list{display:flex;flex-wrap:wrap;gap:7px}.variation-pill{min-width:43px;height:34px;padding:0 11px;border:1px solid rgba(242,241,236,.18);border-radius:2px;background:rgba(255,255,255,.015);color:rgba(242,241,236,.72);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color 150ms ease,background 150ms ease,color 150ms ease}.variation-pill:hover{border-color:rgba(242,241,236,.48);color:var(--white)}.variation-pill.is-active{border-color:var(--paper-bright);background:var(--paper-bright);color:var(--black)}.add-button,.place-order-button,.new-order-button{width:100%;min-height:45px;border:1px solid var(--paper-bright);border-radius:0;background:var(--paper-bright);color:var(--black);font-size:9px;font-weight:780;letter-spacing:.14em;cursor:pointer;transition:background 150ms ease,color 150ms ease,border-color 150ms ease,transform 150ms ease}.add-button{margin-top:17px}.add-button:hover:not(:disabled),.place-order-button:hover:not(:disabled),.new-order-button:hover{border-color:#fff;background:#fff;transform:translateY(-1px)}.add-button:disabled,.place-order-button:disabled{border-color:rgba(242,241,236,.14);background:transparent;color:rgba(242,241,236,.28);cursor:default}.empty-state{grid-column:1/-1;min-height:55vh;display:grid;place-items:center;color:var(--muted);font-size:11px}.drop-footer{display:flex;justify-content:space-between;max-width:1380px;margin:0 auto;padding:25px 24px 31px;border-top:1px solid var(--line);color:rgba(242,241,236,.28)}.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:opacity 180ms ease;backdrop-filter:blur(3px)}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.order-drawer{position:fixed;top:0;right:0;z-index:90;display:flex;width:min(450px,100vw);height:100dvh;flex-direction:column;border-left:1px solid rgba(242,241,236,.11);background:radial-gradient(circle at 70% 0,rgba(177,138,98,.07),transparent 18rem),var(--charcoal);color:var(--white);box-shadow:-30px 0 80px rgba(0,0,0,.32);transform:translateX(100%);transition:transform 270ms cubic-bezier(.2,.75,.25,1)}.order-drawer.is-open{transform:translateX(0)}.drawer-topline{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(11,11,10,.66);font-size:9px;font-weight:760;letter-spacing:.14em}.drawer-topline:before{content:"058637 / ";color:rgba(242,241,236,.30)}.drawer-topline button{min-height:29px;padding:0 9px;border:1px solid rgba(242,241,236,.18);border-radius:0;background:transparent;color:rgba(242,241,236,.66);font-size:8px;font-weight:700;letter-spacing:.11em;cursor:pointer}.drawer-items{flex:1;overflow-y:auto;overscroll-behavior:contain}.drawer-empty{padding:30px 18px;color:rgba(242,241,236,.42);font-size:11px}.drawer-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}.drawer-item-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.drawer-item-image{display:block;width:92px;height:92px;flex:0 0 92px;object-fit:contain;padding:3px;border:1px solid rgba(242,241,236,.10);background:var(--paper)}.drawer-item-copy{min-width:0}.drawer-item-name{color:var(--white);font-size:12px;font-weight:570;line-height:1.35}.drawer-item-price{color:rgba(242,241,236,.58);font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}.drawer-item-option{margin-top:5px;color:rgba(242,241,236,.30);font-size:8px;font-weight:700;letter-spacing:.10em}.drawer-qty{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-size:10px}.drawer-qty button{width:26px;height:26px;border:1px solid rgba(242,241,236,.16);border-radius:0;background:transparent;color:rgba(242,241,236,.72);cursor:pointer}.drawer-qty button:hover{border-color:var(--paper-bright);background:var(--paper-bright);color:var(--black)}.order-form{padding:23px 18px 28px}.order-form-label{margin-bottom:12px;color:rgba(242,241,236,.34);font-size:8px;font-weight:760;letter-spacing:.15em}.order-form input,.order-form textarea{width:100%;margin:-1px 0 0;padding:13px 0;border:0;border-bottom:1px solid rgba(242,241,236,.13);border-radius:0;outline:none;background:transparent;color:var(--white);font-size:12px;transition:border-color 150ms ease,padding-left 150ms ease}.order-form input::placeholder,.order-form textarea::placeholder{color:rgba(242,241,236,.32)}.order-form input:focus,.order-form textarea:focus{border-bottom-color:rgba(177,138,98,.78);padding-left:3px}.order-form textarea{resize:vertical}.order-form-row{display:grid;grid-template-columns:1fr 92px;gap:14px}.drawer-bottom{padding:18px;border-top:1px solid var(--line);background:rgba(11,11,10,.58)}.drawer-total{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:rgba(242,241,236,.36);font-size:8px;font-weight:760;letter-spacing:.14em}.drawer-total strong{color:var(--white);font-size:24px;font-weight:520;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.drawer-bottom p{margin:12px 0 15px;color:rgba(242,241,236,.42);font-size:10px;line-height:1.5}.order-error{min-height:14px;margin:0 0 12px;color:#c5837c;font-size:10px;line-height:1.4}.order-confirmation{padding:42px 24px}.confirmation-kicker{color:rgba(242,241,236,.34);font-size:8px;font-weight:760;letter-spacing:.15em}.order-confirmation h2{margin:17px 0 0;color:var(--paper-bright);font-size:54px;font-weight:720;letter-spacing:-.055em;line-height:.90}.confirmation-lead{margin:16px 0 26px;color:rgba(242,241,236,.66);font-size:12px}.payment-note{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;padding:15px;border:1px solid rgba(242,241,236,.14);background:rgba(255,255,255,.025)}.payment-note span{color:rgba(242,241,236,.30);font-size:8px;font-weight:760;letter-spacing:.13em}.payment-note strong{color:var(--white);font-size:14px;font-weight:600}.confirmation-copy{margin:0 0 24px;color:rgba(242,241,236,.42);font-size:11px;line-height:1.5}@keyframes piece-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1101px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:min(1440px,calc(100% - 56px));max-width:1440px;gap:clamp(76px,7vw,112px) clamp(24px,3vw,46px)}.product-piece:nth-child(6n+1){transform:rotate(-.45deg) translateY(0)}.product-piece:nth-child(6n+2){transform:rotate(.35deg) translateY(18px)}.product-piece:nth-child(6n+3){transform:rotate(-.18deg) translateY(5px)}.product-piece:nth-child(6n+4){transform:rotate(.28deg) translateY(16px)}.product-piece:nth-child(6n+5){transform:rotate(-.38deg) translateY(1px)}.product-piece:nth-child(6n+6){transform:rotate(.42deg) translateY(14px)}.product-heading-row h2{font-size:clamp(20px,1.6vw,27px)}}@media(min-width:821px) and (max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-piece:nth-child(odd){transform:rotate(-.3deg)}.product-piece:nth-child(even){transform:rotate(.3deg) translateY(30px)}}@media(max-width:820px){.product-piece{transform:none}}@media(max-width:760px){.drop-header{grid-template-columns:1fr 1fr;min-height:54px;padding:0 14px}.drop-wordmark{font-size:8px}.drop-wordmark:before{min-height:25px;margin-right:8px;padding:0 7px;font-size:7px}.drop-status{display:none}.drop-order-button{min-height:29px;padding:0 10px}.product-grid{grid-template-columns:1fr;gap:48px;padding:38px 14px 68px}.product-piece{width:100%;max-width:520px;margin:0 auto;padding-top:24px}.drop-footer{padding:21px 14px 27px;font-size:8px}.order-drawer{width:100vw}.gallery-arrow{display:none}.gallery-dots{bottom:10px;gap:5px;padding:5px 7px}.gallery-dot{width:5px;height:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
