@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--ink:#171514;--cream:#fbf7ef;--pink:#ff2d7b;--teal:#17b9b1;--orange:#ff781f;--yellow:#ffe149;--line:3px solid var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
::selection{background:var(--yellow);color:var(--ink)}
.announcement{height:39px;overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:center;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.16em;white-space:nowrap}
.announcement-track{display:flex;width:max-content;animation:marquee 32s linear infinite;will-change:transform}
.announcement-group{display:inline-flex;flex:none;align-items:center;min-width:100vw;justify-content:space-around}
.announcement-group>span{display:inline-flex;flex:none;gap:1.2rem;align-items:center;padding-right:3rem}
.announcement-track b{color:var(--pink);font-size:19px}
@keyframes marquee{to{transform:translateX(-50%)}}
.quick-nav{min-height:62px;padding:10px max(5.3vw,28px);display:flex;align-items:center;justify-content:flex-end;gap:28px;background:#fff;border-bottom:var(--line);font:800 13px/1.2 'Space Grotesk',sans-serif;letter-spacing:.025em}
.quick-nav a{text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.quick-nav a:first-child{border-bottom:2px solid var(--ink);padding-bottom:3px}
.quick-nav a:last-child{background:var(--yellow);border:2px solid var(--ink);padding:9px 13px;box-shadow:3px 3px 0 var(--ink)}
.quick-nav a:hover,.quick-nav a:focus-visible{text-decoration:underline}
main{max-width:1440px;margin:0 auto}
.hero{min-height:690px;padding:60px max(5.3vw,28px) 72px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#15151522 .8px,transparent .8px);background-size:18px 18px;opacity:.42;z-index:-1;mask-image:linear-gradient(90deg,transparent 38%,#000 100%)}
.hero-copy{max-width:660px;position:relative;z-index:2}
.eyebrow{margin:0 0 19px;font:800 13px/1.3 'Space Grotesk',sans-serif;letter-spacing:.15em}
.eyebrow-star{color:var(--pink);font-size:24px;vertical-align:-3px;margin-right:7px}
h1,h2,p{margin-top:0}
h1{font:700 clamp(56px,5.8vw,86px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.082em;margin-bottom:24px;max-width:700px}
h1 em{font-style:normal;color:var(--pink);position:relative;white-space:nowrap}
h1 em:after{content:"";position:absolute;height:6px;background:var(--orange);bottom:-1px;left:2%;right:1%;transform:rotate(-2deg);clip-path:polygon(0 53%,100% 0,99% 50%,2% 100%)}
.hero-description{font-size:16.5px;line-height:1.48;max-width:620px;margin:0 0 26px}
.hero-description p{margin:0 0 11px}
.hero-description p:last-child{margin-bottom:0}
.hero-description a{text-decoration-thickness:2px;text-underline-offset:3px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.hero-cta{display:inline-flex;align-items:center;gap:34px;padding:17px 23px 17px 27px;background:var(--yellow);border:var(--line);box-shadow:6px 6px 0 var(--ink);text-decoration:none;font:800 17px/1 'Space Grotesk',sans-serif;transform:rotate(-2deg);transition:transform .2s,box-shadow .2s}
.hero-cta:hover,.hero-cta:focus-visible{transform:rotate(0) translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.hero-cta span{font-size:27px}
.hero-art{position:relative;min-width:0;display:grid;place-items:center}
.logo-frame{width:min(100%,610px);aspect-ratio:1;padding:4px;background:#fff;border:var(--line);box-shadow:15px 17px 0 var(--teal);transform:rotate(5deg);overflow:hidden}
.logo-frame img{width:100%;height:100%;display:block;object-fit:contain}
.hero-sticker{position:absolute;z-index:1;display:grid;place-items:center;text-align:center;border:var(--line);font:800 16px/1.06 'Space Grotesk',sans-serif;box-shadow:5px 6px 0 var(--ink)}
.sticker-top{top:-27px;left:-20px;width:110px;height:110px;border-radius:50%;background:var(--orange);transform:rotate(-14deg)}
.sticker-bottom{right:-19px;bottom:-12px;width:112px;height:112px;background:var(--yellow);transform:rotate(11deg);clip-path:polygon(50% 0,61% 16%,79% 7%,81% 27%,100% 28%,90% 46%,100% 63%,80% 69%,77% 91%,58% 85%,45% 100%,35% 82%,17% 90%,16% 69%,0 62%,9% 43%,0 29%,20% 25%,21% 7%,40% 16%)}
.hero-spark{position:absolute;color:var(--pink);font-size:54px;font-weight:700}
.spark-one{right:3%;top:-48px}.spark-two{left:-48px;bottom:20px;color:var(--teal);font-size:40px}
.shop-section{padding:85px max(5.3vw,28px) 108px;background:#fff;border-top:var(--line);border-bottom:var(--line);position:relative}
.shop-section:before{content:"";position:absolute;right:5%;top:0;width:185px;height:17px;background:var(--pink);transform:rotate(-4deg)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}
.section-heading h2{font:700 clamp(43px,5.4vw,77px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0;max-width:740px}
.section-heading h2 span{color:var(--teal)}
.section-heading>p{margin:0 0 5px;font-size:16px;line-height:1.4;font-weight:700;transform:rotate(3deg);white-space:nowrap}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.market-card{min-height:350px;border:var(--line);padding:18px 18px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-decoration:none;box-shadow:5px 6px 0 var(--ink)}
.market-card:before{content:"";position:absolute;width:195px;height:195px;border:2px dashed currentColor;border-radius:50%;opacity:.23;right:-60px;top:43px}
.market-card:after{content:"✳";position:absolute;right:17px;top:50px;font-size:31px;opacity:.48;transform:rotate(21deg)}
.market-label{font:800 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.13em;position:relative;z-index:1}
.market-center{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;z-index:1}
.market-logo,.market-symbol{width:68px;height:68px;border:2px solid var(--ink);background:#fff;display:grid;place-items:center;box-shadow:4px 4px 0 var(--ink);transform:rotate(-8deg);margin-bottom:7px}
.market-logo img{width:50px;height:50px;object-fit:contain}
.market-symbol{font:800 43px/1 'Space Grotesk',sans-serif}
.market-center strong{font:700 clamp(28px,3vw,39px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em}
.market-description{font-size:13px;font-weight:700;opacity:.75}
.market-action{border-top:2px solid currentColor;padding-top:13px;font:800 13px/1.2 'Space Grotesk',sans-serif;display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1}
.market-action span{font-size:23px;line-height:.6}
.market-card[href]{transition:transform .18s,box-shadow .18s}
.market-card[href]:hover,.market-card[href]:focus-visible{transform:translate(-3px,-4px) rotate(-1deg);box-shadow:8px 10px 0 var(--ink)}
.poshmark{background:#ffdfeb}.vinted{background:#c9f2eb}.depop{background:#ffcead}.mercari{background:#dedfff}.grailed{background:#f6e9c8}
.grailed.waiting{grid-column:2 / span 2;width:min(100%,380px);justify-self:center}
.waiting{cursor:default}.waiting .market-action{opacity:.68}
.appointment-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 18px 17px 21px;background:var(--pink);color:#fff;border:var(--line);box-shadow:6px 6px 0 var(--ink);text-decoration:none;font:800 16px/1.2 'Space Grotesk',sans-serif;transition:transform .2s,box-shadow .2s}
.appointment-cta:hover,.appointment-cta:focus-visible{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 var(--ink)}
.appointment-cta span{font-size:27px;line-height:.7}
.closing{padding:47px 25px;display:flex;align-items:center;justify-content:center;gap:25px;background:var(--yellow);text-align:center;border-bottom:var(--line)}
.closing p{margin:0;font:800 clamp(25px,4vw,51px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em}.closing em{font-style:normal;color:var(--pink)}.closing>span{font-size:35px;color:var(--teal)}
footer{max-width:1440px;margin:0 auto;min-height:88px;padding:26px max(5.3vw,28px);display:flex;justify-content:space-between;align-items:center;gap:15px;font:800 12px/1.2 'Space Grotesk',sans-serif;letter-spacing:.06em}
footer p{margin:0}footer a{text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px}
:focus-visible{outline:4px solid var(--teal);outline-offset:4px}
@media(max-width:1100px){.hero{grid-template-columns:1fr .9fr;min-height:620px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{min-height:310px}.grailed.waiting{grid-column:1 / -1}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:48px;gap:58px;text-align:center}.hero-copy{margin:0 auto}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{width:min(79%,450px);margin:0 auto 16px}.sticker-top{left:-45px}.sticker-bottom{right:-37px}.section-heading{display:block}.section-heading>p{margin-top:21px;transform:none}.shop-section{padding-top:67px}}
@media(max-width:520px){.quick-nav{min-height:60px;gap:12px;padding:8px 15px;font-size:12px;justify-content:space-between}.quick-nav a:last-child{padding:8px 9px}.hero{padding:40px 22px 61px;gap:51px}.hero h1{font-size:clamp(49px,12vw,65px)}.hero-description{font-size:15.5px;line-height:1.43}.hero-description p{margin-bottom:9px}.hero-actions{gap:17px}.hero-art{width:86%}.sticker-top{width:76px;height:76px;font-size:11px;left:-28px;top:-19px}.sticker-bottom{width:80px;height:80px;font-size:11px;right:-25px;bottom:-21px}.spark-one{font-size:35px;right:-20px;top:-40px}.spark-two{left:-30px}.logo-frame{box-shadow:9px 10px 0 var(--teal)}.shop-section{padding:63px 22px 75px}.section-heading h2{font-size:44px}.market-grid{grid-template-columns:1fr;gap:18px}.market-card{min-height:263px}.grailed.waiting{grid-column:auto;width:100%}.market-center{gap:6px}.market-center strong{font-size:36px}.market-logo,.market-symbol{width:54px;height:54px;margin-bottom:2px}.market-logo img{width:42px;height:42px}.market-symbol{font-size:35px}.closing{gap:9px}.closing>span{font-size:22px}footer{padding:25px 22px;flex-wrap:wrap}footer p:nth-child(2){order:3;flex-basis:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cta,.market-card[href],.appointment-cta{transition:none}}