:root{--acid:#e6fc32;--ink:#191817;--paper:#f1eadb;--purple:#8b27df;--orange:#ff5a2c;--red:#d53222;--lavender:#b5a0ce;--display:Impact,'Arial Narrow','Arial Black',sans-serif;--mono:'Courier New',monospace;--hand:'Comic Sans MS','Bradley Hand',cursive}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
body:before{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;background:url('/assets/grain.svg');opacity:.065;mix-blend-mode:multiply}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;color:inherit}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin:0}
a,button{-webkit-tap-highlight-color:#8b27df44}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}
button:disabled{cursor:default}
[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:8px;background:var(--ink);color:white;padding:15px;z-index:100;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.tiny{font:12px/1.5 var(--mono);letter-spacing:1px}
.scribble{font:400 30px/1.1 var(--hand);letter-spacing:0}
.paper-label{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;background:var(--paper);border:0;padding:12px 20px;font:700 14px/1.3 var(--mono);letter-spacing:.8px;box-shadow:2px 3px 0 #0002;clip-path:polygon(1% 0,98% 3%,100% 88%,96% 100%,0 97%,2% 72%);text-transform:uppercase}
.paper-label:hover{background:var(--acid);color:var(--ink)}
.tape{display:inline-block;max-width:100%;padding:12px 20px;font:700 14px/1.2 var(--mono);box-shadow:1px 3px 0 #0002;transform:rotate(-3deg)}
.acid{background:var(--acid);color:var(--ink)}
.violet{background:var(--purple);color:var(--paper)}
.ink-button{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;max-width:100%;background:var(--ink);color:var(--acid);padding:22px 25px;font:30px/.98 var(--display);text-transform:uppercase;border:0;clip-path:polygon(2% 2%,32% 0,35% 2%,73% 0,98% 3%,100% 20%,98% 60%,100% 90%,96% 98%,72% 100%,35% 97%,0 100%,2% 72%,0 40%)}
.ink-button>span{font:40px/1 Arial}
.ink-button small{flex-basis:100%;background:var(--paper);color:var(--ink);padding:8px 9px;font:700 13px/1.3 var(--mono);letter-spacing:.4px;transform:rotate(-2deg);margin-top:5px}
.ink-button:hover{color:var(--paper);background:var(--purple)}
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 5%;background:var(--acid);border-bottom:2px solid var(--ink)}
.site-header .brand{width:115px;flex-shrink:0}
.brand img{width:100%;height:auto}
.site-header nav{display:flex;gap:12px;align-items:center}
.site-header nav a:nth-child(2){transform:rotate(2deg)}
.site-header nav a:nth-child(3){transform:rotate(-2deg)}
.language{font-weight:400;white-space:nowrap}
.menu-toggle{display:none}
.home-header{position:absolute;left:0;right:0;top:0;border:0;background:transparent;padding:22px 3% 0 26px}
.home-header .brand{width:132px}
.home-header nav{gap:18px}
.home-header .paper-label{padding:12px 17px;box-shadow:2px 5px 0 #0003}
.collage-hero{--hero-h:max(100svh,640px);position:relative;isolation:isolate;height:var(--hero-h);overflow:hidden;background:var(--acid)}
.spine{position:absolute;left:22px;bottom:18px;writing-mode:vertical-rl;transform:rotate(180deg);font:min(14vw,calc((var(--hero-h) - 165px) / var(--spine-ratio,3.05)))/.76 var(--display);letter-spacing:-.03em;white-space:nowrap;z-index:1;user-select:none}
.hero-model{position:absolute;bottom:-10%;left:12.5%;width:49%;height:109%;object-fit:contain;object-position:center bottom;z-index:2;filter:drop-shadow(-8px 0 0 var(--paper)) drop-shadow(7px 0 0 var(--paper))}
.xerox{position:absolute;left:30%;top:2%;width:34%;height:85%;background:var(--purple);transform:rotate(9deg);clip-path:polygon(4% 0,100% 5%,91% 100%,0 94%);opacity:.9}
.xerox:after{content:'';position:absolute;inset:0;background:radial-gradient(var(--ink) 1.2px,transparent 1.5px);background-size:5px 5px;opacity:.35}
.hero-aside{position:absolute;left:15%;top:21%;z-index:3;font-size:clamp(18px,2vw,33px);transform:rotate(-10deg);-webkit-text-stroke:6px var(--acid);paint-order:stroke fill}
.headline-rip{position:absolute;left:51%;right:-3%;top:17%;z-index:4;transform:rotate(-8deg);padding:35px 5% 34px 3%;background:var(--ink);color:var(--paper);clip-path:polygon(0 5%,4% 3%,8% 5%,12% 0,18% 3%,24% 0,31% 2%,38% 0,44% 3%,50% 0,57% 2%,65% 0,72% 2%,78% 0,85% 3%,92% 0,100% 3%,100% 94%,95% 98%,89% 95%,80% 100%,71% 96%,65% 100%,57% 97%,48% 100%,40% 96%,33% 100%,27% 98%,18% 100%,11% 96%,5% 100%,0 95%)}
.headline-rip:before{content:'';position:absolute;inset:0;background:url('/assets/grain.svg');opacity:.12;pointer-events:none}
.headline-rip h1{font:clamp(45px,6.3vw,100px)/1 var(--display);letter-spacing:-.025em;position:relative}
.headline-rip h1 span,.headline-rip strong{display:block;font-weight:400;white-space:nowrap}
.headline-rip strong{color:#b557ff;font-size:.93em}
.hero-cat{position:absolute;right:-10%;bottom:-13%;width:51%;z-index:3;filter:drop-shadow(-6px 0 0 var(--paper)) drop-shadow(5px -5px 0 var(--ink));transform:rotate(-7deg)}
.opinion-note{position:absolute;z-index:4;left:65%;top:47%;color:var(--red);font-size:29px;transform:rotate(-8deg);-webkit-text-stroke:6px var(--acid);paint-order:stroke fill}
.opinion-note .note-arrow{display:block;font:80px/.8 Georgia;margin-left:50px}
.hero-buy{position:absolute;left:56%;bottom:15%;width:240px;z-index:5;transform:rotate(-8deg)}
.hero-buy .ink-button{font-size:33px;gap:0;padding:24px 20px}
.hero-buy .ink-button>span{font-size:55px}
.next-trouble{position:absolute;z-index:5;left:19%;bottom:5%;width:37%;height:150px;display:flex;align-items:center;gap:5px;padding:10px 20px;background:var(--paper);transform:rotate(5deg);clip-path:polygon(0 5%,12% 0,20% 5%,34% 2%,51% 6%,68% 0,88% 5%,100% 1%,100% 100%,0 100%);border-top:4px solid var(--ink)}
.next-trouble .scribble{font-size:21px;max-width:150px}
.next-trouble img{width:31%;height:130px;object-fit:contain}
.hero-edition{position:absolute;left:17px;bottom:7px;z-index:6;writing-mode:vertical-rl;color:var(--ink);font-size:11px}
.attitude-strip{background:var(--ink);color:var(--acid);padding:20px 0;white-space:nowrap;overflow:hidden;font:30px/1 var(--display);letter-spacing:1px;border-top:3px solid var(--ink);position:relative;z-index:7}
.wardrobe-section{background:var(--lavender);padding:55px 5% 50px;position:relative;overflow:hidden}
.section-kicker{font:12px/1.5 var(--mono);letter-spacing:1px}
.wardrobe-heading{position:relative;margin:20px 0 35px}
.wardrobe-heading h2{font:clamp(54px,8.5vw,140px)/.95 var(--display);text-transform:uppercase;letter-spacing:-3px}
.wardrobe-heading .tape{position:relative;margin:5px 0 0 55%;font:400 23px/1.15 var(--hand);transform:rotate(-5deg)}
.clothes-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 27px;padding:0 3%;align-items:start}
.hanger{position:relative;padding-top:23px;min-width:0;transform:rotate(-2deg)}
.hanger:nth-child(3n+2){transform:rotate(3deg)}
.hanger:nth-child(3n){transform:rotate(-1deg)}
.hanger-art{height:270px;display:flex;align-items:center;justify-content:center;padding:12px 12px 0;background:var(--paper);clip-path:polygon(0 1%,98% 0,100% 97%,4% 100%);border:1px solid #65594a;box-shadow:3px 3px #0002}
.hanger-art img{max-height:100%;width:100%;object-fit:contain}
.hanger-label{background:var(--paper);padding:17px 20px 19px;position:relative;border-top:1px dashed #7e7666;min-height:142px;box-shadow:3px 4px #0002}
.hanger-label :is(h2,h3){font:25px/1.05 var(--display);text-transform:uppercase;margin:5px 0}
.hanger-label p{font-size:14px;line-height:1.4;max-width:90%}
.card-arrow{position:absolute;right:12px;bottom:12px;font-size:30px}
.hanger a{display:block}
.hanger a:hover .hanger-label{background:var(--acid)}
.teaser .clothes-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 1%}
.teaser .hanger-art{height:235px}
.teaser .hanger-label{padding:15px 12px;min-height:160px}
.teaser .hanger-label :is(h2,h3){font-size:22px}
.mood-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 35px}
.mood-filters button[aria-pressed=true]{background:var(--ink);color:var(--acid)}
.surprise{background:var(--purple);color:white;padding:15px 20px;border:0;min-height:45px;font:700 14px/1.3 var(--mono);transform:rotate(2deg)}
.surprise:hover{background:var(--ink)}
.filter-count{flex-basis:100%;margin-top:9px}
.wardrobe-page .wardrobe-section{padding-top:35px}
.wardrobe-page .wardrobe-heading h2{font-size:clamp(45px,6vw,85px)}
.image-disclosure{font-size:13px;line-height:1.5;color:#514b43;margin-top:22px;max-width:470px}
.plain-paper{max-width:850px;padding:60px 7% 80px;margin:0 auto;min-height:65vh}
.plain-paper h1{font:clamp(44px,7vw,75px)/1 var(--display);text-transform:uppercase;margin:25px 0 35px}
.plain-paper h2{font:27px/1 var(--display);text-transform:uppercase;margin:30px 0 15px}
.plain-paper p{font:16px/1.65 Georgia,serif;margin-bottom:20px}
.plain-paper a:not(.ink-button):not(.paper-label){text-decoration:underline}
.plain-paper>.paper-label{margin:20px}
.site-footer{position:relative;display:flex;justify-content:space-between;gap:8%;padding:60px 7% 45px;background:var(--ink);color:var(--paper)}
.footer-wordmark{font:clamp(60px,9vw,140px)/1 var(--display);letter-spacing:-3px;flex-shrink:0}
.footer-wordmark span{color:var(--acid);font:90px/1 Arial;display:inline-block;margin-left:10px}
.site-footer>div{max-width:520px;padding-top:8px}
.site-footer>div>p{font:24px/1 var(--display);color:var(--acid);margin-bottom:22px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:15px 24px;margin-bottom:25px}
.site-footer nav a{min-height:44px;display:flex;align-items:center;font:13px/1.3 var(--mono);text-decoration:underline;text-underline-offset:5px}
.site-footer small{display:block;font-size:12px;line-height:1.6;opacity:.8;margin-top:12px}
.back-top{position:absolute;right:15px;bottom:15px;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid #f1eadb60;font-size:25px}
@media(min-width:1700px){
  .hero-cat{width:48%}
  .hero-buy{bottom:21%}
  .hero-model{width:47%;left:14%}
  .teaser .hanger-art{height:310px}
}
@media(max-width:1100px) and (min-width:701px){
  .home-header .brand{width:95px}
  .home-header nav{gap:8px}
  .home-header .paper-label{font-size:13px;padding:12px}
  .hero-cat{right:-18%;width:60%;bottom:-7%}
  .hero-buy{left:56%;bottom:18%;width:220px}
  .hero-model{left:10%;width:56%;height:102%}
  .headline-rip{top:21%;left:48%}
  .headline-rip h1{font-size:6.2vw}
  .opinion-note{left:68%;top:48%;font-size:24px}
  .hero-aside{left:17%;top:17%;font-size:25px}
  .teaser .clothes-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
  .teaser .hanger-art{height:280px}
  .clothes-rail{gap:25px 15px;padding:0}
  .hanger-art{height:220px}
  .hanger-label{padding:14px}
  .hanger-label :is(h2,h3){font-size:22px}
  .site-footer{gap:30px}
  .footer-wordmark{font-size:80px}
  .footer-wordmark span{font-size:50px}
}
@media(max-width:700px){
  html{scroll-padding-top:15px}
  .tiny{font-size:12px;letter-spacing:.5px}
  .paper-label{min-height:44px;font-size:13px;padding:12px 15px}
  .site-header{padding:12px 5%;min-height:85px}
  .site-header .brand{width:90px}
  .menu-toggle{display:inline-flex;position:relative;z-index:2}
  .site-header nav{display:none;position:absolute;top:85px;right:4%;left:4%;flex-direction:column;align-items:stretch;background:var(--ink);padding:18px;border:2px solid var(--paper);box-shadow:5px 5px #0004;z-index:10}
  .site-header nav.is-open{display:flex}
  .site-header nav a:nth-child(n){transform:none}
  .site-header nav a{min-height:48px;text-align:center}
  .home-header{padding:12px 5% 0;min-height:75px;align-items:start}
  .home-header .brand{width:87px}
  .home-header nav{top:82px}
  .home-header .menu-toggle{margin-top:3px}
  .collage-hero{--hero-h:max(100svh,600px)}
  .spine{left:8px;bottom:12px;font-size:min(30vw,calc((var(--hero-h) - 100px) / 3.05));line-height:.74}
  .hero-model{left:-4%;bottom:0;width:80%;height:68%;object-fit:contain;object-position:center bottom;filter:drop-shadow(-4px 0 0 var(--paper)) drop-shadow(4px 0 0 var(--paper))}
  .xerox{left:30%;top:14%;width:60%;height:66%;transform:rotate(8deg)}
  .hero-aside{left:31%;top:14px;font-size:17px;transform:rotate(-6deg)}
  .headline-rip{left:29%;right:-3%;top:12%;padding:19px 5% 19px 5%;transform:rotate(-8deg)}
  .headline-rip h1{font-size:8.8vw;letter-spacing:-.5px}
  .headline-rip strong{font-size:.95em}
  .hero-cat{width:66%;max-width:none;right:-20%;bottom:-2%;filter:drop-shadow(-4px 0 0 var(--paper)) drop-shadow(4px -4px 0 var(--ink));transform:rotate(-8deg)}
  .opinion-note{left:57%;right:auto;top:33%;font-size:20px;max-width:120px}
  .opinion-note .note-arrow{font-size:55px;margin-left:25px}
  .hero-buy{left:auto;right:3%;bottom:auto;top:46%;width:168px;transform:rotate(5deg)}
  .hero-buy .ink-button{font-size:23px;padding:16px 13px;line-height:1}
  .hero-buy .ink-button>span{font-size:35px}
  .hero-buy .ink-button small{font-size:11px;padding:7px 6px}
  .next-trouble{left:15%;bottom:2%;height:100px;width:65%;padding:10px;gap:2px;transform:rotate(4deg)}
  .next-trouble .scribble{font-size:15px;max-width:105px}
  .next-trouble img{width:28%;height:100px}
  .hero-edition{display:none}
  .attitude-strip{font-size:22px;padding:16px 0}
  .wardrobe-section{padding:35px 5% 38px}
  .section-kicker{font-size:12px}
  .wardrobe-heading{margin:15px 0 30px}
  .wardrobe-heading h2{font-size:15vw;letter-spacing:-1.5px;line-height:.95}
  .wardrobe-heading .tape{margin:12px 0 0 28%;font-size:18px;padding:10px 12px}
  .clothes-rail,.teaser .clothes-rail{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 2%;gap:30px 12px}
  .hanger{padding-top:17px}
  .hanger-art,.teaser .hanger-art{height:170px;padding:8px 5px 0}
  .hanger-label,.teaser .hanger-label{padding:12px 9px;min-height:152px}
  .hanger-label :is(h2,h3),.teaser .hanger-label :is(h2,h3){font-size:21px;line-height:1.05;overflow-wrap:break-word}
  .hanger-label p{font-size:13px;max-width:100%}
  .card-arrow{font-size:22px;right:6px;bottom:8px}
  .mood-filters{gap:8px;margin:18px 0 28px}
  .mood-filters .paper-label{font-size:13px;padding:12px 10px;flex:1 1 40%;white-space:nowrap}
  .surprise{font-size:13px;flex:1 1 100%;margin-top:5px}
  .filter-count{font-size:12px}
  .wardrobe-page .wardrobe-heading h2{font-size:12vw}
  .image-disclosure{font-size:13px}
  .plain-paper{padding:35px 7% 55px}
  .plain-paper h1{font-size:15vw;overflow-wrap:break-word}
  .plain-paper h2{font-size:26px}
  .plain-paper p{font-size:16px}
  .site-footer{display:block;padding:40px 7% 55px}
  .footer-wordmark{font-size:80px;letter-spacing:-2px;display:block;margin-bottom:25px}
  .footer-wordmark span{font-size:60px;margin-left:20px}
  .site-footer>div>p{font-size:22px}
  .site-footer nav{gap:8px 20px;margin-bottom:20px}
  .site-footer nav a{font-size:13px;min-height:44px}
  .site-footer small{font-size:12px}
  .site-footer .back-top{bottom:12px;right:12px}
}
@media(max-width:370px){
  .hero-buy{width:150px}
  .hero-model{left:-10%}
  .hero-buy .ink-button{font-size:21px}
  .opinion-note{left:55%;font-size:18px}
  .hanger-art,.teaser .hanger-art{height:150px}
  .hanger-label :is(h2,h3),.teaser .hanger-label :is(h2,h3){font-size:19px}
  .hanger-label .tiny{font-size:11px}
  .hanger-label p{font-size:12px}
}
@media(max-width:700px){
  .footer-wordmark{font-size:18vw}
  .footer-wordmark span{font-size:12vw;margin-left:12px}
}
@font-face{font-family:'SarCats Poster';src:url('/assets/Anton-Regular.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'SarCats Marker';src:url('/assets/PermanentMarker-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'SarCats Type';src:url('/assets/CourierPrime-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'SarCats Type';src:url('/assets/CourierPrime-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--display:'SarCats Poster',Impact,'Arial Narrow','Arial Black',sans-serif;--mono:'SarCats Type','Courier New',monospace;--hand:'SarCats Marker','Comic Sans MS','Bradley Hand',cursive}
.catalog-intro{display:flex;justify-content:space-between;gap:20px;padding:20px 5%;background:var(--acid);border-bottom:2px solid;font:12px/1.5 var(--mono)}
.catalog-intro strong{font-weight:700}
.wardrobe-heading h1{font:clamp(54px,8.5vw,140px)/.95 var(--display);text-transform:uppercase;letter-spacing:-3px}
.wardrobe-page .wardrobe-heading h1{font-size:clamp(45px,6vw,85px)}
@media(max-width:700px){
  .catalog-intro{display:block;padding:20px 6%;font-size:12px}
  .catalog-intro p{margin-top:5px;font-size:12px}
  .wardrobe-heading h1,.wardrobe-page .wardrobe-heading h1{font-size:12vw;letter-spacing:-1px}
}
.ink-button:focus-visible,.paper-label:focus-visible{outline:none;box-shadow:inset 0 0 0 3px currentColor}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}