@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap";:root{color:#17191f;font-synthesis:none;--navy:#071d66;--line:#d9d9d4;background:#fafaf7;font-family:Barlow Condensed,Arial Narrow,sans-serif}*{box-sizing:border-box}html,body,#root{background:#fafaf7;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}main{grid-template-rows:42px 52px minmax(0,1fr);min-height:100vh;padding:24px 32px 28px;display:grid}header{letter-spacing:.06em;justify-content:space-between;align-items:flex-start;font-size:19px;font-weight:700;display:flex}.brand,.about{transition:opacity .14s}.brand:hover,.about:hover{opacity:.72}.about{letter-spacing:.1em;font-size:15px;font-weight:600}nav{min-width:0}nav ul{justify-content:center;gap:42px;margin:0;padding:0;list-style:none;display:flex}nav button{color:#17191f;letter-spacing:.11em;cursor:pointer;background:0 0;border:0;min-height:46px;padding:10px 9px 14px;font-size:17px;font-weight:600;transition:color .16s;position:relative}nav button:hover,nav button[aria-current=page]{color:var(--navy)}.active-line{background:var(--accent);height:2px;position:absolute;bottom:4px;left:7px;right:7px}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #2f6bff}.stage{grid-template:"copy character""items character"minmax(0,1fr)/minmax(0,54%) minmax(0,46%);column-gap:42px;height:calc(100vh - 146px);min-height:650px;max-height:780px;display:grid}.copy{grid-area:copy;padding:18px 0 0 64px}.copy h1,.copy h2,.copy p{margin:0}.copy h1,.copy h2{color:var(--navy)}.copy h1{letter-spacing:.075em;font-size:clamp(56px,5vw,68px);font-weight:500;line-height:.86}.copy h2{letter-spacing:.1em;margin-top:10px;font-size:36px;font-weight:600;line-height:1}.copy p{white-space:pre-line;color:#22252b;letter-spacing:.075em;margin-top:17px;font-size:15px;line-height:1.45}.outfit-grid{grid-area:items;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0;padding:18px 0 0 64px;display:grid}.category{min-height:0}.category-title{align-items:center;gap:16px;height:22px;display:flex}.category-title h3{white-space:nowrap;letter-spacing:.09em;margin:0;font-size:13px}.category-title span{background:var(--line);transform-origin:0;flex:1;height:1px}.item-row{grid-template-columns:1fr 1fr;gap:26px;height:calc(100% - 22px);display:grid}figure{grid-template-rows:minmax(68px,1fr) 18px;min-width:0;margin:0;transition:transform .16s;display:grid}figure:hover{transform:translateY(-5px)}.item-image{place-items:center;min-height:0;display:grid;position:relative}.item-image img{object-fit:contain;filter:drop-shadow(0 7px 5px #14161b1c);width:100%;height:100%;max-height:132px}figcaption{color:#71747d;letter-spacing:.08em;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.character{grid-area:character;min-width:0;position:relative;overflow:visible}.character-parallax{transition:transform .16s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.character-image{object-fit:contain;object-position:center bottom;transform-origin:bottom;filter:drop-shadow(0 8px 8px #14161b0d);width:100%;height:100%;transform:scale(1.08)}.character--bel .character-image,.character--eng .character-image{transform:scale(1.04)}.character--nor .character-image{transform:scale(1.06)}.shadow{filter:blur(16px);background:#191c2324;border-radius:50%;width:48%;height:5%;position:absolute;bottom:1.5%;left:26%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){main{padding-inline:24px}.stage{grid-template-columns:52% 48%;column-gap:20px}.copy,.outfit-grid{padding-left:24px}nav ul{gap:24px}nav button{font-size:16px}.copy h1{font-size:52px}.item-image img{max-height:122px}.character-image{transform:scale(1.04)}}@media (width<=900px){main{grid-template-rows:40px 54px auto;padding:20px 24px 32px}.stage{grid-template:"copy character"430px"items items"/minmax(0,45%) minmax(0,55%);column-gap:12px;height:auto;min-height:0;max-height:none}.copy{padding:48px 0 0}.copy h1{font-size:clamp(42px,7vw,54px)}.copy h2{font-size:30px}.copy p{max-width:270px;font-size:14px}.character{overflow:hidden}.character-image,.character--bel .character-image,.character--eng .character-image,.character--nor .character-image{transform:scale(1.02)}.outfit-grid{min-height:590px;padding:18px 0 0}.item-image img{max-height:145px}nav{scrollbar-width:none;overflow-x:auto}nav::-webkit-scrollbar{display:none}nav ul{justify-content:center;gap:17px;min-width:max-content}nav button{padding-inline:7px;font-size:15px}}@media (width<=600px){main{grid-template-rows:38px 52px auto;padding:16px 16px 28px}header{font-size:16px}.about{font-size:13px}.stage{grid-template:"copy""character"430px"items"/1fr;display:grid}.copy{padding:24px 2px 0}.copy h1{overflow-wrap:anywhere;font-size:48px}.copy h2{margin-top:7px;font-size:29px}.copy p{max-width:none;margin-top:14px;font-size:14px}.character{margin-top:8px}.character-image,.character--bel .character-image,.character--eng .character-image,.character--nor .character-image{transform:scale(1.02)}.outfit-grid{min-height:720px;padding-top:10px}.item-row{gap:12px}.item-image img{max-height:150px}.category-title{gap:12px}.category-title h3{font-size:12px}figcaption{font-size:10px}nav ul{justify-content:flex-start;gap:10px}nav button{min-height:44px;padding-inline:6px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.character-parallax{transform:none!important}}.character-parallax,.character-image,.shadow{pointer-events:none}