:root{--paper:#050505;--ink:#f5f5f7;--wine:#c5acff}body{font-family:Arial,Helvetica,sans-serif;background:#050505;color:#f5f5f7}header{position:sticky;top:0;z-index:10;max-width:none;padding:18px 7%;background:#111111d9;backdrop-filter:blur(22px);border-bottom:1px solid #ffffff24}.logo{font-size:23px;letter-spacing:-1px}.logo span{color:#ddd}.preview{background:#202023;color:#aaa;font-size:10px;line-height:1.6;padding:8px 20px}nav{font-size:12px;color:#c9c9cf}.languages button{color:#aaa}.languages button[aria-pressed=true]{background:#f5f5f7;color:#111}main{max-width:none}.hero{display:flex;flex-direction:column;gap:15px;text-align:center;padding:74px 6% 0;overflow:hidden}.hero>div:first-child{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;color:#aaa}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(58px,7.8vw,112px);line-height:1.03;letter-spacing:-6px;margin:22px 0}.hero h1 em{font-style:normal;font-weight:700;background:linear-gradient(95deg,#f5f5f7 5%,#c6c0ff 45%,#c497eb 75%,#efc0d3);color:transparent;background-clip:text}.intro{max-width:610px;margin:25px auto 0;color:#929299;font-size:18px;line-height:1.65}.btn{border-radius:30px;background:#f5f5f7;color:#111;padding:15px 25px;font-size:13px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.hero .btn{margin-top:27px}.art{width:min(1050px,100%);height:410px;background:radial-gradient(ellipse at 50% 72%,#77718250,transparent 61%);border-radius:0;overflow:visible}.art:before{content:'BRANDS_xX';font:bold clamp(70px,13vw,180px) Arial;letter-spacing:-9px;left:50%;top:130px;transform:translateX(-50%);color:#ffffff08;white-space:nowrap}.art:after{content:'';position:absolute;bottom:9px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#aea3b6,transparent);box-shadow:0 -8px 40px 8px #b194de20}.garment{width:230px;height:300px;left:calc(50% - 115px);top:38px;transform:rotate(-6deg);background:repeating-linear-gradient(93deg,#ffffff05 0 1px,transparent 1px 5px),linear-gradient(100deg,#302d36,#918995 32%,#4a4551 49%,#a49aa7 64%,#3d3845);filter:drop-shadow(0 0 18px #ffffff40);z-index:2}.garment:before{content:'';position:absolute;left:46%;height:100%;width:3px;background:#15131a77;box-shadow:5px 0 5px #c9bec944}.garment:after{content:'';position:absolute;width:48px;height:64px;top:8px;left:90px;border:2px solid #bbb2c066;border-radius:0 0 50% 50%}.art-label{left:50%;transform:translateX(-50%);bottom:20px;color:#999;font-size:9px;white-space:nowrap}.art-note{color:#777;right:6%;top:125px}.section{max-width:1320px;margin:auto;padding:110px 6%}.section-top{align-items:start;margin-bottom:45px}.section-top p{color:#929299;font-size:16px;max-width:310px}h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4.3vw,60px);font-weight:700;letter-spacing:-2.5px;line-height:1.08;margin-top:18px}.cards{gap:22px}.card{background:#151517;border-radius:26px;overflow:hidden;color:#f5f5f7;transition:transform .3s}.card:hover{transform:translateY(-7px)}.visual{height:330px;background:radial-gradient(ellipse at 50% 85%,#6e4d63,#1e1821 75%)}.visual.men{background:radial-gradient(ellipse at 50% 85%,#3a4e5c,#141b22 75%)}.visual.kids{background:radial-gradient(ellipse at 50% 85%,#877359,#28221c 75%)}.visual .label{color:#b7aab9;font-size:9px}.visual .letter{font:bold 220px Arial;color:#ffffff05;bottom:0}.visual .shape{width:150px;height:225px;left:calc(50% - 75px);top:69px;background:repeating-linear-gradient(95deg,#ffffff07 0 1px,transparent 1px 4px),linear-gradient(100deg,#4f283e,#b98a9a 45%,#6e3a52 65%,#ba8b9d)}.men .shape{background:repeating-linear-gradient(95deg,#ffffff06 0 1px,transparent 1px 4px),linear-gradient(100deg,#263039,#8b9fae 45%,#3b4d5b 65%,#a1b2bd)}.kids .shape{width:140px;height:170px;top:100px;left:calc(50% - 70px);background:linear-gradient(110deg,#8c6740,#dbc09c 45%,#9c764a 65%,#d5b78a)}.card-bottom{border:0;padding:25px 25px 29px}.card h3{font:bold 28px Arial;letter-spacing:-1px}.card small{color:#a5a5ad;font-size:12px}.arrow{border-radius:50%;background:#333338;width:35px;height:35px;text-align:center;line-height:35px;font-size:20px}#how{max-width:none;background:#f5f5f7;color:#1d1d1f;padding:105px max(6%,calc((100% - 1160px)/2))}#how .eyebrow{color:#777}.steps{gap:50px;margin-top:40px}.step{border-color:#0002}.step b{font:bold 36px Arial;color:#999}.step h3{font-weight:700;font-size:20px;letter-spacing:-.6px}.step p{color:#6b6b70;font-size:15px}.contact{max-width:1160px;margin:80px auto;background:#111113;padding:65px;border-radius:28px}.contact h2{font-size:44px;max-width:590px}.contact p{color:#999;font-size:16px}.contact .btn{background:#f5f5f7;color:#111}footer{max-width:1320px;padding:25px 6% 45px}footer small{color:#86868b}dialog{background:#202023;color:#f5f5f7;border-radius:24px;max-width:min(460px,90vw)}dialog h2{font-size:32px;letter-spacing:-1px}section[id]{scroll-margin-top:90px}@media(prefers-reduced-motion:no-preference){.hero>div:first-child{animation:arrive .9s both}.art{animation:arrive 1.3s both}@keyframes arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}}@media(max-width:700px){header{padding:16px 6%}.hero{padding-top:53px}.hero h1{font-size:clamp(48px,10vw,69px);letter-spacing:-3px}.intro{font-size:16px}.art{height:340px}.garment{width:185px;height:240px;left:calc(50% - 92px);top:45px}.garment:after{left:70px;width:42px}.art:before{font-size:17vw;letter-spacing:-4px;top:155px}.art-note{right:0;font-size:8px}.section{padding:65px 6%}.section-top p{max-width:100%;font-size:15px}h2{letter-spacing:-1.5px}.cards{gap:24px}.visual{height:300px}.section-top{margin-bottom:30px}#how{padding:65px 6%}.steps{margin-top:22px;gap:24px}.contact{margin:40px 6%;padding:30px}.contact h2{font-size:36px}.contact .btn{white-space:normal}.contact p{line-height:1.6}}
/* Color accents for the three ordering steps. */
#how>h2{color:#45459a}
#how>.eyebrow{color:#6865a5}
#how .steps{gap:24px}
#how .step{--step-accent:#45459a;--step-tint:#ededfa;border:0;border-radius:24px;padding:28px;background:var(--step-tint)}
#how .step:nth-child(2){--step-accent:#9a365e;--step-tint:#faeaf0}
#how .step:nth-child(3){--step-accent:#666817;--step-tint:#f1f3d8}
#how .step b{color:var(--step-accent);font-size:44px;letter-spacing:-2px}
#how .step h3{color:var(--step-accent);line-height:1.25;margin-top:22px}
#how .step p{color:#51515a;line-height:1.7}
@media(max-width:700px){#how .step{padding:24px}}