@import url('https://fonts.googleapis.com/css2?family=Anton&family=Zen+Old+Mincho:wght@400;500;700;900&display=swap');
:root{--ink:#211e2a;--paper:#eee6d8;--lav:#c7b8e4;--yellow:#e7ef5b;--orange:#ed7046}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Zen Old Mincho',serif;line-height:1.7;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:8px;z-index:100}.skip:focus{left:8px}.demo-banner{padding:7px 3vw;background:var(--ink);color:#fff;text-align:center;font-size:10px;line-height:1.6}.header{display:flex;justify-content:space-between;align-items:center;padding:14px 3vw;background:var(--lav);border-bottom:4px solid var(--ink);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:20px}.brand>span{display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--ink);font:400 23px/1 'Anton',sans-serif;transform:rotate(-7deg)}.brand strong{font-weight:900}.brand small{display:block;font:400 10px/1.2 'Anton',sans-serif;letter-spacing:.15em}.header nav{display:flex;gap:25px}.header nav a{text-decoration:none;font-size:12px;font-weight:900}.header nav a:last-child{border:2px solid var(--ink);padding:7px 13px}
.hero{position:relative;display:grid;grid-template-columns:47% 53%;min-height:790px;background:var(--yellow);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ink) .8px,transparent .8px);background-size:13px 13px;opacity:.12}.hero-edge{position:absolute;left:3vw;right:3vw;top:18px;display:flex;justify-content:space-between;border-top:3px solid var(--ink);padding-top:8px;font:400 13px/1 'Anton',sans-serif;letter-spacing:.08em;z-index:2}.hero-title{position:relative;z-index:2;padding:110px 0 0 3vw}.hero-title>p{margin:0;font:400 21px/1 'Anton',sans-serif;letter-spacing:.12em}.hero h1{margin:28px 0 0;font-size:clamp(125px,15vw,235px);font-weight:900;letter-spacing:-.13em;line-height:.9}.hero h1 em{display:inline-block;margin-left:7vw;font-style:normal;color:var(--orange);text-shadow:7px 7px 0 var(--ink)}.hero-stamp{position:absolute;left:5vw;bottom:65px;display:grid;place-items:center;width:160px;height:160px;border:7px solid var(--ink);border-radius:50%;font:400 38px/.85 'Anton',sans-serif;text-align:center;transform:rotate(-15deg)}.hero-art{position:relative;align-self:center;margin:100px 3vw 50px -40px;border:8px solid var(--ink);transform:rotate(4deg);box-shadow:20px 20px 0 var(--orange);z-index:1}.hero-art img{width:100%;height:530px;object-fit:cover}.hero-art>span{position:absolute;right:0;bottom:0;padding:5px 12px;background:var(--ink);color:#fff;font:400 13px/1 'Anton',sans-serif;letter-spacing:.08em}.hero-intro{grid-column:2;position:relative;z-index:2;justify-self:end;max-width:550px;margin:-65px 3vw 90px 0;padding:23px 30px;background:var(--paper);border:3px solid var(--ink);box-shadow:11px 11px 0 var(--lav);transform:rotate(-3deg)}.hero-intro p{margin:0;font-size:14px;font-weight:700}.hero-intro a{display:flex;justify-content:space-between;gap:30px;margin-top:18px;padding:10px 13px;background:var(--ink);color:var(--yellow);text-decoration:none;font-weight:900}.ticker{grid-column:1/-1;align-self:end;position:absolute;bottom:0;left:0;right:0;overflow:hidden;background:var(--ink);color:#fff;padding:12px 0;font:400 25px/1 'Anton',sans-serif;letter-spacing:.15em;white-space:nowrap}.ticker span{display:block;width:max-content;animation:ticker 18s linear infinite}
.shelf{padding:105px 5vw 110px;background:var(--ink);color:#fff}.shelf-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:3px solid var(--yellow);padding-top:12px}.shelf-head>span{font:400 16px/1 'Anton',sans-serif;letter-spacing:.14em}.shelf h2{margin:0 0 65px;font-size:clamp(55px,6.5vw,105px);line-height:1.15;letter-spacing:-.09em}.shelf h2 strong{color:var(--lav)}.shelf-rows{border-top:1px solid #ffffff9e}.shelf-row{display:grid;grid-template-columns:15% 38% 1fr 50px;align-items:center;gap:15px;min-height:145px;border-bottom:1px solid #ffffff9e}.shelf-row>span{font:400 57px/1 'Anton',sans-serif;color:var(--yellow)}.shelf-row h3{margin:0;font-size:clamp(28px,3vw,48px);line-height:1.1}.shelf-row p{font-size:13px}.shelf-row b{font:400 35px/1 'Anton',sans-serif;color:var(--orange)}.shelf-note{max-width:600px;margin:35px 0 0 auto;font-size:11px;color:#c8c4c1}
.mix{padding:110px 5vw 120px;background:var(--lav)}.mix-head{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:25px;align-items:end;border-top:4px solid var(--ink);padding-top:12px;margin-bottom:45px}.mix-head>span{font:400 18px/1 'Anton',sans-serif}.mix h2{margin:0;font-size:clamp(68px,8vw,130px);line-height:1.05;letter-spacing:-.12em}.mix h2 em{font-style:normal;color:var(--orange)}.mix-head p{font-size:13px}.mix-board{display:grid;grid-template-columns:32% 68%;border:5px solid var(--ink);background:var(--paper)}.mix-controls{padding:30px 2vw;background:var(--paper);border-right:5px solid var(--ink)}.control-set{margin-bottom:30px}.control-set h3{margin:0 0 12px;font-size:17px}.choice{display:flex;align-items:center;gap:15px;width:100%;margin:5px 0;padding:12px 14px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-size:15px;font-weight:900;text-align:left}.choice>span{font:400 22px/1 'Anton',sans-serif}.choice.active,.choice:hover{background:var(--ink);color:var(--yellow)}.scene-choices{display:flex;flex-wrap:wrap;gap:5px}.scene-choices .choice{width:auto;font-size:12px;padding:8px}.mix-controls>p{font-size:11px}.look-preview{display:grid;grid-template-columns:1fr 32%}.look-poster{--coat:#ed7046;--trouser:#514c71;--panel:#e7ef5b;position:relative;min-height:640px;background:var(--panel);overflow:hidden;transition:background .4s}.look-poster.mood-color{--coat:#775cb0;--trouser:#f07c44;--panel:#c8e7cd}.look-poster.mood-layers{--coat:#4b8073;--trouser:#c7a78d;--panel:#e4c3bd}.look-poster:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ink) 1px,transparent 1px);background-size:11px 11px;opacity:.12}.look-top,.look-foot{position:absolute;z-index:2;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;border-top:2px solid var(--ink);padding-top:8px;font:400 13px/1 'Anton',sans-serif;letter-spacing:.1em}.look-top{top:22px}.look-foot{bottom:20px}.outfit{position:absolute;left:50%;top:50%;width:300px;height:410px;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(18px 18px 0 #211e2a55)}.garment-neck{position:absolute;top:35px;left:115px;width:70px;height:50px;border:9px solid var(--ink);border-radius:0 0 35px 35px;background:var(--paper);z-index:3}.garment-top{position:absolute;top:65px;left:25px;width:250px;height:220px;background:var(--coat);border:7px solid var(--ink);clip-path:polygon(25% 0,75% 0,100% 23%,91% 61%,80% 55%,80% 100%,20% 100%,20% 55%,9% 61%,0 23%);transition:background .4s}.garment-top:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:5px solid var(--ink)}.garment-top i:first-child{position:absolute;left:32%;top:40%;width:30%;height:15%;border-top:4px solid var(--ink)}.garment-bottom{position:absolute;top:270px;left:68px;width:165px;height:140px;background:var(--trouser);border:7px solid var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,57% 100%,50% 30%,43% 100%,0 100%);transition:background .4s}.look-word{position:absolute;z-index:1;top:50%;left:-4%;font:400 clamp(90px,11vw,180px)/1 'Anton',sans-serif;letter-spacing:-.05em;color:var(--ink);opacity:.3;transform:translateY(-50%) rotate(-90deg);transform-origin:center}.look-note{padding:30px 2vw;background:var(--orange);color:var(--ink)}.look-note>p:first-child{margin:0;font:400 13px/1 'Anton',sans-serif;letter-spacing:.1em}.look-note h3{font-size:clamp(27px,3vw,47px);line-height:1.2;margin:25px 0}.look-note dl{margin:30px 0}.look-note dl div{border-top:2px solid var(--ink);padding:12px 0}.look-note dt{font-size:11px}.look-note dd{margin:0;font-size:20px;font-weight:900}.look-note>p:not(:first-child){font-size:12px}.look-note button{margin-top:15px;padding:9px 12px;border:2px solid var(--ink);background:var(--paper);font-size:12px;font-weight:900}.look-note small{display:block;margin-top:16px;font-size:10px}.choice:focus-visible,.look-note button:focus-visible,a:focus-visible{outline:3px solid #176fbb;outline-offset:3px}
.closing{padding:100px 5vw;background:var(--yellow)}.closing>span{font:400 17px/1 'Anton',sans-serif}.closing h2{margin:28px 0;font-size:clamp(70px,9vw,145px);line-height:1.07;letter-spacing:-.1em}.closing>div{display:flex;justify-content:space-between;align-items:end;gap:30px}.closing p{max-width:470px;font-size:13px}.closing a{display:inline-block;background:var(--ink);color:var(--yellow);padding:14px 20px;font-weight:900;text-decoration:none;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 5vw;background:var(--ink);color:#fff;font-size:11px}footer a{text-decoration:none}@keyframes ticker{to{transform:translateX(-35%)}}
@media(max-width:1100px){.hero{min-height:690px}.hero h1{font-size:clamp(120px,15vw,180px)}.hero-art img{height:430px}.hero-stamp{width:125px;height:125px;font-size:30px}.mix-head{grid-template-columns:1fr 1.8fr}.mix-head p{grid-column:2}.mix-board{grid-template-columns:38% 62%}.look-preview{grid-template-columns:1fr}.look-note{display:grid;grid-template-columns:1fr 1fr;gap:10px}.look-note h3{margin:0}.look-note dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}.look-note>p:not(:first-child){grid-column:1/-1}}
@media(max-width:760px){.header nav a:not(:last-child){display:none}.hero{display:block;min-height:0;padding-bottom:100px}.hero-title{padding:85px 5vw 0}.hero h1{font-size:clamp(100px,18vw,160px)}.hero-stamp{left:auto;right:8vw;bottom:0}.hero-art{margin:0 8vw 35px 12vw}.hero-art img{height:420px}.hero-intro{margin:0 8vw 0 12vw}.shelf-head{grid-template-columns:1fr}.shelf h2{margin-bottom:35px}.mix-head{grid-template-columns:1fr}.mix-head p{grid-column:1;max-width:500px}.mix-board{grid-template-columns:1fr}.mix-controls{border-right:0;border-bottom:5px solid var(--ink)}.mix-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mix-controls>p{grid-column:1/-1}.look-preview{grid-template-columns:1fr}.look-poster{min-height:560px}}
@media(max-width:480px){.demo-banner{font-size:9px}.header{padding:11px 5vw}.brand{font-size:16px}.brand>span{width:35px;height:35px;font-size:18px}.brand small{font-size:7px}.header nav a:last-child{font-size:10px;padding:6px}.hero-edge{font-size:10px}.hero-title{padding:70px 5vw 0}.hero-title>p{font-size:14px}.hero h1{font-size:clamp(86px,23vw,115px)}.hero-stamp{width:90px;height:90px;font-size:23px}.hero-art{margin:15px 7vw 35px 9vw;border-width:5px;box-shadow:10px 10px 0 var(--orange)}.hero-art img{height:275px}.hero-intro{margin:0 7vw 0 9vw;padding:16px;box-shadow:6px 6px 0 var(--lav)}.hero-intro p{font-size:12px}.ticker{font-size:18px}.shelf{padding:70px 5vw}.shelf h2{font-size:clamp(47px,12vw,70px)}.shelf-row{grid-template-columns:35px 1fr 28px;min-height:110px}.shelf-row>span{font-size:33px}.shelf-row h3{font-size:24px}.shelf-row p{grid-column:2;margin:-8px 0 12px;font-size:10px}.shelf-row b{grid-column:3;grid-row:1/3;font-size:24px}.mix{padding:70px 5vw}.mix h2{font-size:clamp(60px,15vw,90px)}.mix-controls{display:block;padding:20px}.mix-controls>p{font-size:10px}.look-poster{min-height:420px}.outfit{transform:translate(-50%,-50%) scale(.72) rotate(-4deg)}.look-word{font-size:95px}.look-top,.look-foot{left:15px;right:15px;font-size:10px}.look-note{display:block;padding:20px}.look-note h3{margin:12px 0}.look-note dl{display:grid;gap:7px}.closing{padding:70px 5vw}.closing h2{font-size:clamp(54px,14vw,80px)}.closing>div{display:block}.closing a{margin-top:10px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticker span{transform:none}}

.hero h1 .industry-word{display:block;font-size:.46em;letter-spacing:.04em;line-height:1.05;margin-bottom:.18em;color:var(--ink)}