/* The complete After Hours capsule. Artwork stays on its original dark ground. */
.capsule-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:38px 0 22px}
.capsule-filters{display:flex;flex-wrap:wrap;gap:7px}.capsule-filters button{border:1px solid #545348;background:transparent;border-radius:5px;padding:13px 15px;font:9px/1.3 monospace;letter-spacing:.6px;color:var(--bone)}.capsule-filters button sup{font-size:8px;margin-left:8px;color:#aaa596}.capsule-filters button[aria-pressed=true]{background:var(--signal);color:var(--ink);border-color:var(--signal)}.capsule-filters button[aria-pressed=true] sup{color:var(--ink)}.capsule-filters button:hover{border-color:var(--bone)}#capsule-count{font:9px monospace;white-space:nowrap;letter-spacing:1px;color:#a9a595}
.capsule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 14px}.capsule-card{min-width:0}.capsule-card>a{display:block;border-radius:12px}.capsule-card-art{aspect-ratio:4/4.7;background:#25231e;position:relative;border-radius:12px;overflow:hidden;border:1px solid #59554855;isolation:isolate}.capsule-card-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 40px #0003;pointer-events:none}.piece-front,.piece-back{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .35s,transform .65s}.piece-front svg,.piece-back svg{width:100%;height:100%;display:block}.piece-back{opacity:0}.piece-tag{position:absolute;left:15px;top:15px;z-index:2;font:8px monospace;letter-spacing:1px;background:#10110c9c;padding:6px 8px;color:#e8e1ce}.piece-view{position:absolute;left:15px;right:15px;bottom:14px;z-index:2;display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:1px;opacity:0;transform:translateY(8px);transition:.25s;color:#fff0db;text-shadow:0 1px 5px #000}.piece-view b{font:23px Arial}.capsule-card-copy{padding:17px 3px 0}.capsule-card-copy h3{font:clamp(27px,2.7vw,43px)/1.05 Machro;margin:0 0 9px;letter-spacing:0}.capsule-card-copy>span{display:flex;justify-content:space-between;font:10px monospace;color:#b1ac9b}.capsule-card-copy b{font:14px Arial;color:var(--signal)}.capsule-card>a:focus-visible .piece-view{opacity:1;transform:none}.capsule-card>a:focus-visible h3{color:var(--signal)}
@media(hover:hover){.capsule-card>a:hover .piece-front{opacity:0}.capsule-card>a:hover .piece-back{opacity:1;transform:scale(1.02)}.capsule-card>a:hover .piece-view{opacity:1;transform:none}.capsule-card>a:hover h3{color:var(--signal)}}
.capsule-footnote{display:flex;justify-content:space-between;gap:25px;font:9px/1.6 monospace;letter-spacing:.6px;border-top:1px solid var(--line);margin-top:32px;padding-top:22px;color:#aaa697}.capsule-footnote a{color:var(--bone)}.capsule-footnote a:hover{color:var(--signal)}.capsule-footnote b{margin-left:16px;font:18px Arial}
.lookbook-heading{display:flex;align-items:end;justify-content:space-between;margin:20px 0 25px}.lookbook-heading h2{font:clamp(76px,8vw,130px)/1 Machro;margin:0}.lookbook-heading>span{font:10px monospace;letter-spacing:1px;margin-bottom:10px}.lookbook-scroll{overflow-x:auto;border-radius:16px;scrollbar-width:thin;scrollbar-color:var(--signal) #24231c}.lookbook-panorama{position:relative;min-width:900px;overflow:hidden;background:#11141a}.lookbook-panorama>img{width:100%;height:auto;display:block;margin-top:-6.7%;margin-bottom:-4.7%}.look-hotspots{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(6,1fr);padding:25px 1.4% 15px;background:linear-gradient(transparent,#090b11e6)}.look-hotspots button{background:#11120a99;border:1px solid #d1c5b877;color:var(--bone);min-height:58px;margin:0 5px;padding:12px;font:10px monospace;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-radius:6px}.look-hotspots button span{font-size:12px}.look-hotspots button b{font:8px/1.4 monospace;text-align:left}.look-hotspots button i{font:20px Arial;font-style:normal}.look-hotspots button[aria-pressed=true],.look-hotspots button:hover{background:var(--signal);border-color:var(--signal);color:var(--ink)}.lookbook-hint{display:none;font:8px monospace;letter-spacing:1px;color:var(--sage);padding:15px 0 0}.look-recipe{display:grid;grid-template-columns:1fr 2fr;gap:36px;margin-top:24px;padding:30px 32px;background:#1c1d17;border:1px solid #4e5140;border-radius:12px}.look-recipe .eyebrow{font:9px monospace;letter-spacing:1.2px;color:var(--sage)}.look-recipe .eyebrow b{font-weight:400}.look-recipe h3{font:55px/1 Machro;margin:17px 0 0}.look-recipe p{font:13px/1.8 Arial;margin:0 0 20px;max-width:680px;color:#c9c3b1}.look-pieces{display:flex;flex-wrap:wrap;gap:7px}.look-pieces a{border:1px solid #79796a;border-radius:4px;padding:11px 13px;font:9px monospace;letter-spacing:.5px}.look-pieces a span{margin-left:14px;color:var(--signal)}.look-pieces a:hover{border-color:var(--signal)}
/* A product sheet rather than a checkout: these are the approved collection concepts. */
#piece-dialog{background:#161713;color:var(--bone);width:min(1280px,94vw);max-height:92dvh;padding:0;border:1px solid #8e8978;border-radius:17px;overflow:auto;overscroll-behavior:contain;margin:auto}#piece-dialog::backdrop{background:#050504d6;backdrop-filter:blur(10px)}.piece-dialog-top{position:sticky;top:0;z-index:5;background:#171813f2;backdrop-filter:blur(12px);padding:17px 25px;border-bottom:1px solid #555247;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px monospace;letter-spacing:1px}.piece-dialog-top button{border:0;background:transparent;font:9px monospace;color:var(--bone);padding:9px 0 9px 16px}.piece-dialog-top button span{margin-left:20px;color:var(--signal);font-size:17px}.piece-dialog-layout{display:grid;grid-template-columns:1.15fr 1fr}.piece-visual{position:sticky;top:72px;align-self:start;min-height:570px;height:min(620px,72dvh);background:radial-gradient(ellipse at 50% 40%,#403a30,#1d1d19 80%);display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#piece-art{width:100%;height:100%;padding:30px 15px 75px;display:grid;place-items:center}#piece-art svg{width:100%;height:100%;max-height:510px;display:block}#piece-art[data-view="0"],#piece-art[data-view="1"]{padding:30px 20% 75px}.piece-view-controls{position:absolute;bottom:23px;left:15px;right:15px;display:flex;justify-content:center;gap:6px}.piece-view-controls button{font:8px monospace;letter-spacing:.6px;padding:12px 14px;background:#15160ee0;border:1px solid #807b68;border-radius:4px;color:var(--bone)}.piece-view-controls button[aria-pressed=true]{background:var(--bone);color:var(--ink);border-color:var(--bone)}.piece-info{padding:38px 38px 26px;background:#e5dece;color:var(--ink)}.piece-info>.eyebrow{font:8px/1.6 monospace;letter-spacing:1px;display:block;max-width:90%}.piece-info h2{font:clamp(55px,5.6vw,83px)/.99 Machro;margin:23px 0}.piece-story{font:14px/1.8 Arial;margin:0 0 28px;max-width:400px}.piece-info dl{margin:0}.piece-info dl>div{border-top:1px solid #aaa492;padding:14px 0;display:grid;grid-template-columns:106px 1fr;gap:20px}.piece-info dt{font:8px/1.7 monospace;letter-spacing:.5px}.piece-info dd{margin:0;font:11px/1.7 Arial;color:#3c3e33}.piece-pairing{margin-top:24px}.piece-pairing>span{font:8px monospace;letter-spacing:1px}.piece-pairing>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.piece-pairing a{border:1px solid #858571;border-radius:4px;padding:9px 10px;font:8px/1.5 monospace}.piece-pairing a span{margin-left:8px}.piece-pairing a:hover{background:var(--ink);color:var(--bone)}.piece-availability{font:9px monospace;letter-spacing:.7px;margin:30px 0 0}.piece-availability i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a13d0f;margin-right:6px}.piece-availability span{display:block;font:10px/1.6 Arial;letter-spacing:0;color:#6a6d5b;margin-top:9px}.piece-pagination{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;gap:10px;border-top:1px solid #555247;font:9px monospace;letter-spacing:1px}.piece-pagination button{background:none;border:0;color:var(--bone);padding:12px 0;font:9px monospace;letter-spacing:.6px}.piece-pagination button:hover{color:var(--signal)}.piece-pagination>span{color:#a5a18e}
/* Preserve the outlined identity. Motion has long, quiet rests between turns. */
.store-brand{perspective:550px}.store-brand>img:first-child{animation:hh-turn 14s cubic-bezier(.45,0,.25,1) 1.2s infinite;transform-origin:center;filter:drop-shadow(0 0 0 transparent);will-change:transform}.store-brand .store-wordmark{animation:wordmark-arrive 1s cubic-bezier(.2,.7,.2,1) both}.store-brand:hover .store-wordmark,.store-brand:focus-visible .store-wordmark{animation:wordmark-signal .65s steps(1,end)}
@keyframes hh-turn{0%{transform:rotateY(0) rotateZ(0);filter:drop-shadow(0 0 0 transparent)}6%{transform:rotateY(130deg) rotateZ(-7deg);filter:drop-shadow(-3px 0 0 #ff5400)}12%{transform:rotateY(250deg) rotateZ(5deg);filter:drop-shadow(3px 0 0 #ff5400)}18%,100%{transform:rotateY(360deg) rotateZ(0);filter:drop-shadow(0 0 0 transparent)}}
@keyframes wordmark-arrive{from{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-8px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}}
@keyframes wordmark-signal{0%,100%{transform:translateX(0);filter:none;clip-path:inset(0)}22%{transform:translateX(-2px);filter:drop-shadow(2px 0 #ff5400);clip-path:inset(0 0 32% 0)}32%{transform:translateX(2px);clip-path:inset(24% 0 0 0)}43%{transform:translateX(0);filter:none;clip-path:inset(0)}61%{transform:translateX(-1px);filter:drop-shadow(1px 0 #ff5400)}70%{transform:translateX(0);filter:none}}
@media(max-width:1100px){.capsule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capsule-toolbar{align-items:start;flex-direction:column;gap:15px}.capsule-card-copy h3{font-size:34px}.piece-info{padding:30px 26px}.piece-info dl>div{grid-template-columns:84px 1fr;gap:12px}.piece-visual{min-height:480px}.look-recipe{grid-template-columns:1fr 1.8fr}}
@media(max-width:760px){.capsule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 9px}.capsule-toolbar{margin:26px 0 16px;padding:13px 0}.capsule-filters{gap:6px}.capsule-filters button{padding:11px 10px;font-size:8px;letter-spacing:0}.capsule-filters button sup{margin-left:6px;font-size:7px}#capsule-count{font-size:8px}.capsule-card-art{border-radius:9px;aspect-ratio:4/4.9}.capsule-card-copy{padding:13px 2px 0}.capsule-card-copy h3{font-size:29px}.capsule-card-copy>span{font-size:8px;gap:10px}.piece-tag{left:8px;top:9px;font-size:7px;padding:5px}.piece-view{display:none}.capsule-footnote{font-size:7px;gap:20px;align-items:start}.capsule-footnote>a{text-align:right;max-width:145px}.capsule-footnote>span{max-width:180px}.capsule-footnote b{margin-left:6px;font-size:14px}.lookbook-heading{align-items:center;gap:20px;margin-top:12px}.lookbook-heading h2{font-size:68px}.lookbook-heading>span{max-width:85px;font-size:8px;line-height:1.6}.lookbook-hint{display:block}.lookbook-scroll{border-radius:12px}.lookbook-panorama{min-width:1000px}.look-recipe{grid-template-columns:1fr;gap:22px;padding:24px;margin-top:18px}.look-recipe h3{font-size:48px;margin-top:12px}.look-recipe p{font-size:12px}.look-pieces a{font-size:8px;padding:11px 10px}.look-pieces a span{margin-left:8px}#piece-dialog{width:96vw;max-height:95dvh;border-radius:13px}.piece-dialog-top{padding:10px 18px;font-size:8px;letter-spacing:.5px}.piece-dialog-layout{grid-template-columns:1fr}.piece-visual{position:relative;top:auto;min-height:320px;height:350px}.piece-info{padding:28px 25px}.piece-info h2{font-size:65px;max-width:320px}.piece-info dl>div{grid-template-columns:85px 1fr}.piece-story{font-size:13px}#piece-art{padding:20px 12px 65px}#piece-art[data-view="0"],#piece-art[data-view="1"]{padding:20px 23% 65px}.piece-view-controls{bottom:18px}.piece-view-controls button{padding:11px 13px;font-size:8px}.piece-pagination{padding:15px 18px;font-size:8px}.piece-pagination button{font-size:8px}.piece-dialog-top button{font-size:8px}.piece-dialog-top button span{margin-left:13px}.store-strip .strip-status{font-size:7px}.drop-cta{font-size:10px}}
@media(max-width:380px){.capsule-card-copy h3{font-size:25px}.capsule-card-copy>span{font-size:7px}.capsule-filters button{font-size:7px;padding:10px 8px}.lookbook-heading h2{font-size:58px}.piece-info h2{font-size:58px}.piece-pagination{padding:12px}.piece-pagination button{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.store-brand>img:first-child,.store-brand .store-wordmark,.store-brand:hover .store-wordmark,.store-brand:focus-visible .store-wordmark{animation:none;will-change:auto}.piece-front,.piece-back,.piece-view{transition:none}.capsule-card>a:hover .piece-back{transform:none}}