@charset "UTF-8";
:root{--ink:#222044;--red:#ed2445;--pink:#f8dce5;--yellow:#ffe86b;--paper:#fffaf3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--red);outline-offset:7px}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5%;border-bottom:2px solid var(--ink)}.brand{font-size:26px;line-height:.84;font-weight:900;letter-spacing:-1.5px;text-decoration:none}.brand>span{display:block}.brand-dot{color:var(--red)}.origin{display:flex;gap:14px;align-items:center;font-weight:800;letter-spacing:.07em;font-size:12px;line-height:1.5}.flag{width:38px;height:26px;background:linear-gradient(#fff 50%,var(--red) 50%);border:1px solid #22204424;transform:rotate(-8deg)}.hero{position:relative;isolation:isolate;min-height:800px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:85px 24px 115px;background:var(--pink)}.hero-art{position:absolute;inset:0;z-index:-2;background:url('assets/socks.webp') center center/cover no-repeat}.hero-content{text-align:center;position:relative;max-width:820px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;line-height:1.6;margin:0 0 30px}h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(86px,11vw,160px);font-weight:950;letter-spacing:-.065em;line-height:.83;margin:0 0 32px;transform:rotate(-5deg)}h1>span{display:block}.skiety{color:var(--red);font-style:italic;text-shadow:3px 3px 0 var(--pink),5px 5px 0 var(--ink)}.period{color:var(--ink)}.tagline{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.035em;margin:0 0 16px}.intro{font-size:18px;line-height:1.6;margin:0}.quality{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.065em;background:var(--paper);border:1.5px solid var(--ink);border-radius:100px;padding:11px 18px;margin-top:28px;transform:rotate(-2deg)}.quality>span{font-size:24px;line-height:1}.sticker{position:absolute;right:6%;bottom:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:144px;height:144px;transform:rotate(13deg);box-shadow:4px 5px 0 var(--ink)}.sticker>span:first-child{font-size:43px;font-weight:900;letter-spacing:-.06em;line-height:1.1}.sticker>span:last-child{font-size:11px;font-weight:900;text-align:center;line-height:1.35;letter-spacing:.04em}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;letter-spacing:.12em;font-weight:800}.small-star{font-size:32px}.ribbon{background:var(--red);color:var(--paper);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);overflow:hidden;padding:19px 0}.ribbon>div{display:flex;justify-content:center;gap:30px;align-items:center;white-space:nowrap;font-size:24px;line-height:1.15;font-weight:900;letter-spacing:-.035em}.ribbon span{color:var(--yellow);font-size:33px}.manifesto{display:grid;grid-template-columns:1fr 1fr;gap:7%;max-width:1440px;margin:auto;padding:95px 7% 90px}.manifesto .eyebrow{color:var(--red);margin-bottom:20px}h2{font-size:clamp(40px,4.8vw,68px);line-height:1.02;letter-spacing:-.06em;margin:0;font-weight:900}h2 span{color:var(--red)}.manifesto-copy{padding-top:3px;font-size:18px;line-height:1.7}.manifesto-copy p{margin:0 0 20px}.values{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.values span{border:1px solid #22204455;border-radius:30px;padding:6px 11px;font-size:12px;font-weight:700}footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 5%;font-size:12px}.footer-heart{color:#ff607a;margin-left:5px}
@media(min-width:1700px){.hero{min-height:900px}.hero-art{background-size:100% auto}}
@media(max-width:1000px){.sticker{right:3%;bottom:100px;width:112px;height:112px}.sticker>span:first-child{font-size:34px}.sticker>span:last-child{font-size:9px}.hero{min-height:740px}.hero-content{max-width:75%}.hero-art{background-size:auto 100%}.manifesto{gap:6%;padding:65px 5%}}
@media(max-width:600px){.topbar{min-height:82px;padding:18px 6%}.brand{font-size:23px}.origin{font-size:10px;gap:9px;letter-spacing:.03em}.flag{width:30px;height:22px}.hero{min-height:770px;padding:85px 18px 205px;align-items:center}.hero-art{background-size:100% auto;background-position:50% 0;background-repeat:repeat-y}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent,rgba(248,220,229,.55) 22%,rgba(248,220,229,.55) 78%,transparent)}.hero-content{max-width:100%;width:100%}.eyebrow{font-size:10px;letter-spacing:.095em;margin-bottom:28px}h1{font-size:clamp(70px,18vw,108px);margin-bottom:32px}.tagline{font-size:26px}.intro{font-size:16px;line-height:1.65}.quality{font-size:10px;padding:9px 13px;gap:7px;margin-top:25px}.sticker{bottom:74px;right:calc(50% - 51px);width:102px;height:102px;transform:rotate(10deg)}.sticker>span:first-child{font-size:31px}.sticker>span:last-child{font-size:9px}.hero-bottom{font-size:9px;letter-spacing:.04em;bottom:22px;left:6%;right:6%}.small-star{font-size:24px}.ribbon{padding:16px 0}.ribbon>div{font-size:20px;gap:22px}.manifesto{grid-template-columns:1fr;padding:52px 7%;gap:27px}.manifesto .eyebrow{font-size:11px;margin-bottom:16px}h2{font-size:48px}.manifesto-copy{font-size:16px}.values{gap:8px}.values span{font-size:11px}footer{flex-wrap:wrap;justify-content:center;padding:24px 6%;gap:12px 20px;font-size:11px}footer>span:last-child{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}