*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#FBFAFD;color:#261637;font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #8E24AA;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;padding:12px;z-index:5}.wrap{width:min(1440px,calc(100% - 48px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px;border-bottom:1px solid #E6DFEF}.brand{width:265px}nav{display:flex;gap:32px}nav a{text-decoration:none;font-weight:700}.intro{display:flex;justify-content:space-between;gap:16px;margin:24px 0;font-size:12px;letter-spacing:.13em;color:#6A6478}.hero{padding:64px;border-radius:38px;color:white;background:linear-gradient(130deg,#1E102C,#31184A);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:52px}.eyebrow{margin:0 0 25px;letter-spacing:.16em;color:#E9D6FF;font-weight:750;font-size:12px}.hero-logo{width:100%;max-width:650px}.hero h1{font-size:clamp(32px,4.4vw,64px);line-height:1.08;letter-spacing:-.05em;margin:30px 0 20px}.lead{color:#E8DCEE;font-size:18px}.hero figure{margin:0}.hero figure img{width:100%;max-width:330px;margin:auto;transform:rotate(-5deg)}figcaption{font-size:12px;margin-top:25px;color:#6A6478}.hero figcaption{text-align:center;color:#E9D6FF;letter-spacing:.12em}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:60px 0 22px}.section-title h2{font-size:26px;letter-spacing:-.035em;margin:0}.section-title p{color:#6A6478;margin:0;font-size:14px}.grid{display:grid;gap:24px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border:1px solid #E6DFEF;border-radius:26px;padding:30px;min-width:0}.label{font-size:12px;letter-spacing:.13em}.word{width:100%;margin:36px 0}.dark{background:#261637;color:white}.icon{text-align:center}.icon>img{width:140px;margin:12px auto 20px}.card h3{font-size:21px;margin:12px 0 4px}.card p{color:#6A6478}.sizes{display:flex;justify-content:space-around;align-items:end;gap:18px;margin-top:50px}.sizes figure{margin:0;text-align:center}.sizes img{margin:auto}.sizes img[width="16"]{width:16px;height:16px}.sizes img[width="32"]{width:32px;height:32px}.sizes img[width="48"]{width:48px;height:48px}.palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.swatch{border:1px solid #E6DFEF;background:white;overflow:hidden;border-radius:22px}.swatch>div{height:120px}.swatch h3,.swatch p{margin:14px 18px}.swatch h3{font-size:17px}.swatch p{color:#6A6478;font:14px/1.5 monospace}.type{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.type h2{font-size:clamp(30px,3.5vw,50px);line-height:1.1;letter-spacing:-.04em;margin:12px 0}.downloads{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.downloads a{padding:9px 14px;border:1px solid #E6DFEF;background:white;border-radius:14px;font-size:14px}.notice{padding:24px;background:#F6F1FF;border:1px solid #E6DFEF;border-radius:22px;color:#594D65}footer{padding:32px 0;color:#6A6478;font-size:14px}@media(max-width:1000px){.hero{padding:42px;grid-template-columns:1fr}.hero figure img{width:240px}.three{grid-template-columns:1fr 1fr}.three>.card:last-child{grid-column:1/-1}.palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.wrap{width:calc(100% - 28px)}.topbar{flex-direction:column;align-items:start;padding:22px 0;gap:18px}.brand{width:220px}nav{gap:24px}.intro,.section-title{flex-direction:column;align-items:start}.intro{font-size:10px;gap:7px}.hero{padding:30px 22px;border-radius:26px;gap:25px}.hero h1{font-size:34px}.hero figure img{width:210px}.lead{font-size:16px}.two,.three,.type{grid-template-columns:1fr}.palette{grid-template-columns:1fr 1fr}.card{padding:24px}.three>.card:last-child{grid-column:auto}.section-title{margin-top:40px;gap:8px}.swatch>div{height:95px}.downloads a{font-size:13px}.notice{font-size:14px}.sizes{margin-top:26px}.hero figcaption{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}