:root{--green:#66dca6;--ink:#15211c;--muted:#65756d;--line:rgba(35,80,59,.16);--white:#f5f8f6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Helvetica Neue",Arial,sans-serif}body{overflow-x:hidden;background:#edf2ef;color:var(--ink)}button,a{font:inherit;color:inherit}.fashion-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(45,129,91,.18),transparent 36%),#020504;color:#edf9f3;transition:opacity .8s,visibility .8s}.intro-noise{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.fashion-intro header{position:absolute;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(102,220,166,.2);font-size:9px;letter-spacing:.2em}.fashion-intro header a{text-decoration:none;font-weight:800}.intro-frame{width:min(1120px,92vw);height:min(74vh,680px);padding:12px;border:1px solid rgba(102,220,166,.23);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.01));box-shadow:0 45px 150px #000,0 0 80px rgba(102,220,166,.06);position:relative}.intro-frame video{width:100%;height:100%;object-fit:contain;border-radius:18px;background:#020504}.intro-readout{position:absolute;left:30px;right:30px;bottom:25px;padding-top:48px;background:linear-gradient(transparent,rgba(1,4,2,.86));display:flex;justify-content:space-between;align-items:end;font-size:9px;letter-spacing:.2em}.intro-readout small{color:var(--green)}.fashion-intro>button{position:absolute;right:24px;bottom:21px;border:1px solid rgba(102,220,166,.22);border-radius:999px;padding:11px 16px;background:rgba(3,10,7,.82);color:#e7f5ed;font-size:9px;font-weight:700;letter-spacing:.16em;cursor:pointer}.intro-complete .fashion-intro{opacity:0;visibility:hidden;pointer-events:none}.fashion-system{min-height:100svh;opacity:0;transition:opacity .8s}.intro-complete .fashion-system{opacity:1}.fashion-ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 54% 35%,rgba(120,245,186,.18),transparent 26%),linear-gradient(145deg,#f9fbfa,#dce5e0)}.fashion-header{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(245,248,246,.82);backdrop-filter:blur(18px);font-size:9px;letter-spacing:.18em}.fashion-header a{text-decoration:none;font-weight:900}.fashion-header a span{color:var(--muted);font-weight:600}.fashion-header div{color:var(--muted)}.fashion-header i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.fashion-header button{justify-self:end;border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;padding:9px 13px;font-size:8px;letter-spacing:.14em;cursor:pointer}.fashion-console{position:relative;z-index:2;min-height:100svh;padding:108px 6vw 42px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(300px,520px) minmax(130px,.55fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1400px;margin:auto}.fashion-copy small{font-size:9px;letter-spacing:.24em;color:#438166}.fashion-copy h1{font-size:clamp(58px,8vw,112px);line-height:.75;letter-spacing:-.075em;margin:22px 0 30px}.fashion-copy p{font-family:Georgia,serif;font-size:18px;color:var(--muted)}.fashion-index{display:flex;align-items:center;gap:12px;margin-top:50px;color:#57806d}.fashion-index span{font-size:32px;font-weight:300}.fashion-index i{width:70px;height:1px;background:linear-gradient(90deg,var(--green),transparent)}.fashion-index small{font-size:9px}.fashion-display{padding:15px;border-radius:38px;background:linear-gradient(145deg,#fff,#cfd9d4);box-shadow:25px 35px 80px rgba(36,62,49,.2),-12px -14px 35px rgba(255,255,255,.9),inset 0 1px #fff}.display-rim{height:min(68vh,720px);min-height:500px;position:relative;padding:10px;border:1px solid rgba(34,67,51,.17);border-radius:29px;background:#101713;box-shadow:inset 0 4px 20px rgba(0,0,0,.45)}.display-rim video{width:100%;height:100%;object-fit:contain;border-radius:21px;background:#080d0a}.display-scan{position:absolute;inset:10px;border-radius:21px;pointer-events:none;box-shadow:inset 0 0 70px rgba(0,0,0,.2);background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(129,255,198,.018) 6px)}.display-meta{position:absolute;left:26px;right:26px;bottom:24px;padding-top:42px;background:linear-gradient(transparent,rgba(3,7,5,.78));display:flex;justify-content:space-between;color:#dcebe3;font-size:8px;letter-spacing:.18em}.display-meta span{color:#8ff0bd}.fashion-controls{display:grid;gap:12px}.fashion-controls button{height:74px;padding:0 18px;border:1px solid rgba(39,76,58,.13);border-radius:19px;background:linear-gradient(145deg,#f8faf9,#d8e1dc);box-shadow:8px 10px 22px rgba(45,67,56,.12),-6px -6px 16px #fff,inset 0 1px #fff;display:flex;align-items:center;justify-content:space-between;color:#728079;cursor:pointer;transition:.3s}.fashion-controls button span{font-size:22px;font-weight:300}.fashion-controls button b{font-size:8px;letter-spacing:.17em}.fashion-controls button.active{color:#173428;border-color:rgba(74,190,135,.4);box-shadow:inset 4px 5px 12px rgba(47,72,59,.12),inset -5px -5px 12px #fff,0 0 24px rgba(102,220,166,.13)}@media(max-width:900px){.fashion-console{grid-template-columns:1fr minmax(280px,480px)}.fashion-copy{display:none}.fashion-controls{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.fashion-controls button{height:58px;padding:0 11px}.fashion-controls button b{display:none}}@media(max-width:650px){.fashion-header{grid-template-columns:1fr 1fr;height:66px}.fashion-header div{display:none}.fashion-console{display:block;padding:86px 18px 25px}.fashion-display{max-width:430px;margin:auto;padding:11px;border-radius:29px}.display-rim{height:65vh;min-height:430px;border-radius:22px}.display-rim video,.display-scan{border-radius:16px}.fashion-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:16px}.fashion-controls button{height:52px;border-radius:14px}.fashion-controls button span{font-size:17px}.intro-frame{height:68vh}.intro-readout b{display:none}}