:root{--bg:#0b0b0c;--surface:#131315;--line:#2a2a2e;--fg:#ecebe7;--mute:#8e8e93;--clay:#c68a60;--sand:#cbbfa8;--blue:#5d6f84;--olive:#4a5236;--wine:#5e1f2a;--f:Archivo,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--m:"DM Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}.skip{position:absolute;left:-999px}
h1,h2,h3{margin:0;line-height:1.02;letter-spacing:-.02em}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,56px);background:rgba(11,11,12,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{font:900 26px/1 var(--f);font-stretch:125%;text-decoration:none;letter-spacing:-.02em}.logo span{font:500 11px var(--m);letter-spacing:.3em;margin-left:8px;color:var(--clay)}
.top nav{display:flex;gap:26px;font:500 12px var(--m);text-transform:uppercase;letter-spacing:.12em}.top nav a{text-decoration:none;color:var(--mute)}.top nav a:hover{color:var(--clay)}
.top-wa{background:var(--clay);color:#0b0b0c;text-decoration:none;font-weight:800;font-size:14px;padding:11px 18px;border-radius:999px;white-space:nowrap}.top-wa:hover{background:var(--fg)}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2vw;padding:clamp(28px,5vw,64px) clamp(18px,4vw,56px);min-height:calc(100vh - 66px);overflow:hidden;background:radial-gradient(900px 600px at 78% 30%,rgba(198,138,96,.22),transparent 60%),radial-gradient(700px 500px at 10% 100%,rgba(93,111,132,.18),transparent 60%),var(--bg)}
.kicker{font:500 12px var(--m);letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px;color:var(--clay)}
.hero h1{font-weight:900;font-stretch:122%;font-size:clamp(44px,7.6vw,118px);text-transform:uppercase;line-height:.92}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--clay)}
.lead{font-size:clamp(17px,1.5vw,21px);max-width:32ch;margin:26px 0 30px;color:#cfcdc6}
.cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 26px;border:1.5px solid var(--fg);border-radius:999px;font-weight:700;text-decoration:none;font-size:15px;background:transparent;color:var(--fg);cursor:pointer;font-family:var(--f)}.btn.solid{background:var(--clay);border-color:var(--clay);color:#0b0b0c}.btn:hover{background:var(--fg);color:#0b0b0c;border-color:var(--fg)}.btn.solid:hover{background:var(--fg)}
.sticker{position:absolute;z-index:3;font:500 11px var(--m);letter-spacing:.14em;text-transform:uppercase;background:var(--sand);color:#0b0b0c;padding:8px 14px;transform:rotate(-5deg);box-shadow:3px 3px 0 #000}.s1{left:clamp(18px,4vw,56px);top:26px}.s2{right:clamp(18px,4vw,56px);bottom:90px;transform:rotate(4deg);background:var(--clay)}
.hero-stage{min-width:0;position:relative;z-index:2}
.cloth-stage{position:relative;min-height:clamp(420px,46vw,620px);overflow:hidden}.cloth-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
.cloth-stage .hint{position:absolute;left:0;bottom:6px;z-index:2;font:500 11px var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);pointer-events:none}
.cloth-stage .fb{display:none;position:absolute;inset:0;margin:0;place-items:center;font:500 12px var(--m);letter-spacing:.2em;color:var(--mute)}.cloth-stage.nowebgl .fb{display:grid}
.chips{display:flex;flex-direction:column;gap:10px;margin-top:10px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chips button{font:500 12px var(--m);letter-spacing:.06em;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);cursor:pointer}.chips button:hover{border-color:var(--clay)}.chips button.on{background:var(--fg);color:#0b0b0c;border-color:var(--fg)}
.chips .dot{width:28px;height:28px;padding:0;border-radius:50%;background:var(--c);border:1px solid #4a4a50}.chips .dot.on{outline:2px solid var(--clay);outline-offset:3px;background:var(--c);border-color:#4a4a50}
.ticker{background:var(--clay);color:#0b0b0c;overflow:hidden;white-space:nowrap}.ticker-in{display:inline-flex;animation:tick 38s linear infinite;padding-block:16px}
.ticker span{font:900 clamp(22px,3vw,38px)/1 var(--f);font-stretch:125%;text-transform:uppercase;padding-inline:26px}.ticker i{font-style:normal;padding-left:52px;opacity:.55}
@keyframes tick{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stats div{padding:34px clamp(18px,3vw,40px);border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{display:block;font:900 clamp(54px,7.4vw,112px)/.9 var(--f);font-stretch:125%}.stats div:nth-child(1) b{color:var(--clay)}.stats div:nth-child(2) b{color:var(--sand)}.stats div:nth-child(3) b{color:#8ba0b7}.stats div:nth-child(4) b{color:#9aa56d}.stats span{font:500 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.sec{padding:clamp(56px,8vw,110px) clamp(18px,4vw,56px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px;flex-wrap:wrap}.sec-head h2{font-weight:900;font-stretch:118%;font-size:clamp(32px,5vw,74px);text-transform:uppercase}.sec-head p{max-width:46ch;margin:0;color:#b9b7b0}
.eyebrow{font:500 12px var(--m)!important;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px!important;color:var(--clay)!important}
.sec.dark{background:var(--surface);border-block:1px solid var(--line)}
.svc{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.svc article{padding:30px 28px 38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.svc article:hover{background:var(--clay);color:#0b0b0c}.svc article:hover p,.svc article:hover .code{color:#0b0b0c}
.svc .code{font:500 12px var(--m);letter-spacing:.18em;color:var(--clay)}.svc h3{font-size:25px;margin:16px 0 12px;font-weight:800}.svc p{margin:0;color:#aaa8a1;font-size:15px}
.lookbook{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.lb-stage{position:relative;aspect-ratio:4/5;max-height:80vh;width:100%;overflow:hidden;cursor:pointer;border:1px solid var(--line);background:var(--surface);transition:transform .15s ease-out;transform-style:preserve-3d;box-shadow:0 30px 80px rgba(0,0,0,.6),12px 12px 0 var(--clay)}
.lb-stage .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;filter:grayscale(1) contrast(1.08)}.lb-stage .slide.hero{object-position:80% 10%}.lb-stage .slide.on{opacity:1}
.lb-stage .slide.on.wipe{animation:colorin 1.3s .15s ease-out forwards}
@keyframes colorin{from{filter:grayscale(1) contrast(1.08)}to{filter:grayscale(0) contrast(1)}}
.lookbook:not(.gray) .slide.on:not(.wipe){filter:none}
.lookbook.gray .slide{filter:grayscale(1) contrast(1.1)!important;animation:none!important}.lookbook:not(.gray) .lb-stage:hover .slide.on{filter:none}
.lb-tag{position:absolute;right:-6px;top:18px;background:var(--clay);color:#0b0b0c;font:500 11px var(--m);letter-spacing:.16em;padding:8px 14px;transform:rotate(4deg) translateZ(30px)}
.lb-num{font:900 clamp(50px,7vw,100px)/1 var(--f);font-stretch:125%;margin:0;color:transparent;-webkit-text-stroke:1.5px var(--clay)}.lb-cap{font:800 clamp(20px,2.4vw,32px)/1.2 var(--f);margin:10px 0 24px;min-height:2.4em}
.lb-tabs{display:grid;border-top:1px solid var(--line)}.lb-tabs button{display:flex;gap:16px;align-items:baseline;text-align:left;padding:14px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--mute);font:600 16px var(--f);cursor:pointer}.lb-tabs button b{font:500 12px var(--m);color:var(--clay)}.lb-tabs button:hover,.lb-tabs button.on{color:var(--fg);padding-left:14px;background:rgba(198,138,96,.1)}
.lb-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.sec.flow-sec{background:var(--bg)}
.steps7{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line)}.steps7 li{padding:24px 16px 12px 0}
.steps7 b{font:900 56px/1 var(--f);font-stretch:125%;color:var(--c)}.steps7 li:nth-child(1){--c:var(--clay)}.steps7 li:nth-child(2){--c:var(--sand)}.steps7 li:nth-child(3){--c:#8ba0b7}.steps7 li:nth-child(4){--c:#9aa56d}.steps7 li:nth-child(5){--c:#b65b6a}.steps7 li:nth-child(6){--c:var(--clay)}.steps7 li:nth-child(7){--c:var(--sand)}
.steps7 h3{font-size:19px;margin:14px 0 8px;font-weight:800}.steps7 p{margin:0;font-size:14px;color:#aaa8a1}
.qcgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.qcgrid div{padding:24px 28px 28px 0;border-bottom:1px solid var(--line)}.qcgrid h3{font-size:21px;font-weight:800;margin:0 0 8px}.qcgrid p{margin:0;color:#aaa8a1;font-size:15px}
.fabgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}.fabgrid .cloth-stage.sw{background:radial-gradient(500px 360px at 50% 30%,rgba(93,111,132,.3),transparent 70%),var(--surface);border:1px solid var(--line);min-height:clamp(380px,40vw,560px)}.fabgrid .cloth-stage.sw .hint{left:14px}
.fablist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.fablist button{width:100%;text-align:left;display:grid;grid-template-columns:150px 1fr;gap:14px;padding:16px 10px;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;font-size:15px;cursor:pointer;color:var(--fg)}.fablist button b{font-weight:800}.fablist button span{color:var(--mute)}.fablist button.on,.fablist button:hover{background:var(--clay);color:#0b0b0c}.fablist button.on span,.fablist button:hover span{color:#2a1c10}
.fine2{font-size:13px;color:var(--mute);margin-top:16px}
.faq{border-top:1px solid var(--line);max-width:960px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 0;font:700 clamp(18px,2vw,24px)/1.3 var(--f);display:flex;justify-content:space-between;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--clay);font-size:32px;line-height:1}.faq details[open] summary::after{content:"–"}.faq details p{margin:0 0 24px;color:#aaa8a1;max-width:64ch}
.sec.red{background:var(--clay);color:#0b0b0c}.sec.red .sec-head p{color:#2a1c10}.sec.red .eyebrow{color:#0b0b0c!important}
.ccards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cc{display:block;text-decoration:none;background:#0b0b0c;color:var(--fg);border:1px solid #0b0b0c;padding:26px 28px;transition:transform .2s,background .2s}.cc small{display:block;font:500 11px var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}.cc b{display:block;font:900 clamp(22px,3vw,38px)/1.1 var(--f);word-break:break-all}.cc:not(.pri){background:transparent;color:#0b0b0c;border-color:#0b0b0c}.cc:not(.pri) small{color:#2a1c10}.cc:hover{transform:translate(-3px,-3px);background:var(--fg);color:#0b0b0c;box-shadow:6px 6px 0 #0b0b0c}.cc:hover small{color:#2a1c10}
footer{padding:48px clamp(18px,4vw,56px) 90px;border-top:1px solid var(--line)}footer p{margin:14px 0 0;color:#aaa8a1}footer .fine{font-size:13px;color:var(--mute);max-width:70ch}footer span{display:block;margin-top:18px;font:500 12px var(--m);color:var(--mute)}
.fab-wa{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--clay);color:#0b0b0c;font-weight:800;padding:14px 22px;border-radius:999px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.5)}.fab-wa:hover{background:var(--fg)}
@media(max-width:1100px){.steps7{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.top nav{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.svc{grid-template-columns:1fr 1fr}.lookbook,.fabgrid{grid-template-columns:1fr}.lb-stage{max-width:520px;box-shadow:0 20px 60px rgba(0,0,0,.6),8px 8px 0 var(--clay)}.steps7{grid-template-columns:repeat(2,1fr)}.qcgrid{grid-template-columns:repeat(2,1fr)}.ccards{grid-template-columns:1fr}.top-wa{font-size:13px;padding:9px 14px}.cloth-stage{min-height:420px}.fab-wa{display:none}.s2{display:none}}
@media(max-width:560px){.svc,.qcgrid{grid-template-columns:1fr}.fablist button{grid-template-columns:1fr;gap:2px}.logo span{display:none}}
@media(prefers-reduced-motion:reduce){.ticker-in{animation:none}html{scroll-behavior:auto}.lb-stage .slide.on.wipe{animation:none;filter:none}}
.csgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,64px);align-items:center}.cloth-stage.cs3d{min-height:clamp(420px,48vw,680px);background:radial-gradient(520px 420px at 50% 40%,rgba(198,138,96,.25),transparent 70%),var(--bg);border:1px solid var(--line)}.cloth-stage.cs3d canvas{cursor:grab}.cloth-stage.cs3d .hint{left:14px}
.cs-ctl{gap:18px}.chips .dot[style*="conic"]{background:conic-gradient(#c68a60,#5d6f84,#4a5236,#5e1f2a,#c68a60)}
@media(max-width:900px){.csgrid{grid-template-columns:1fr}}