:root{
  --ds-bg:#05060a;
  --ds-panel:#0a0d13;
  --ds-line:rgba(255,255,255,.12);
  --ds-text:#f5f7fb;
  --ds-muted:#8c96a5;
  --ds-lime:#caff5a;
  --ds-cyan:#60e7ff;
  --ds-violet:#9a6bff;
}
.design-studio-page{
  background:
    radial-gradient(circle at 85% 14%,rgba(96,231,255,.10),transparent 27%),
    radial-gradient(circle at 12% 42%,rgba(154,107,255,.09),transparent 24%),
    var(--ds-bg);
}
.ds-kicker{margin:0 0 18px;font-size:8px;font-weight:950;letter-spacing:.22em;color:var(--ds-lime);text-transform:uppercase}
.ds-hero{
  max-width:1480px;margin:0 auto;min-height:calc(100svh - 76px);padding:96px 24px 88px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;
}
.ds-hero h1,.ds-brief-intro h2,.ds-after h2{
  margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:950;text-transform:uppercase;
  letter-spacing:-.065em;line-height:.82
}
.ds-hero h1{font-size:clamp(64px,8.7vw,140px)}
.ds-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(245,247,251,.35)}
.ds-lede{max-width:720px;margin:32px 0 0;color:#a4adba;font-size:18px;line-height:1.72}
.ds-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.ds-button{
  min-height:54px;min-width:200px;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:20px;
  border:1px solid rgba(255,255,255,.19);text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase
}
.ds-button.primary{background:var(--ds-lime);border-color:var(--ds-lime);color:#05060a}
.ds-concept-console{overflow:hidden;border:1px solid var(--ds-line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),#080a0f;box-shadow:0 40px 110px rgba(0,0,0,.4)}
.ds-console-top{display:flex;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--ds-line);font-size:7px;font-weight:950;letter-spacing:.15em;color:#697381}
.ds-console-top .live{color:var(--ds-lime)}
.ds-garment-stage{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden}
.ds-garment-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,black,transparent 72%)}
.ds-garment-stage svg{position:relative;z-index:2;width:min(90%,520px);filter:drop-shadow(0 0 24px rgba(96,231,255,.06))}
.ds-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.08);border-radius:50%}
.ds-orbit.one{width:340px;height:340px}.ds-orbit.two{width:470px;height:470px;border-style:dashed;animation:ds-spin 28s linear infinite}
.ds-console-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ds-line)}
.ds-console-steps div{padding:18px;border-right:1px solid var(--ds-line)}.ds-console-steps div:last-child{border-right:0}
.ds-console-steps span{font-size:7px;color:#596372}.ds-console-steps strong{display:block;margin:7px 0 5px;font-family:Georgia,serif;font-size:18px;font-weight:400}.ds-console-steps small{color:#68717f;font-size:9px;line-height:1.5}

.ds-process{display:grid;grid-template-columns:repeat(4,1fr);max-width:1480px;margin:0 auto;border-top:1px solid var(--ds-line);border-left:1px solid var(--ds-line)}
.ds-process article{min-height:260px;padding:26px;border-right:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);background:rgba(255,255,255,.016)}
.ds-process span{font-size:7px;font-weight:950;color:#596372}.ds-process h2{margin:76px 0 10px;font-family:Georgia,serif;font-size:30px;font-weight:400}.ds-process p{margin:0;color:var(--ds-muted);font-size:12px;line-height:1.7}

.ds-brief-section{
  padding:126px max(24px,calc((100vw - 1480px)/2));display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;align-items:start;
  background:#eef0ea;color:#07090d
}
.ds-brief-intro{position:sticky;top:110px}
.ds-brief-intro .ds-kicker{color:#4f6651}.ds-brief-intro h2{font-size:clamp(50px,6vw,90px)}
.ds-brief-intro>p:not(.ds-kicker){max-width:560px;color:#60645e;font-size:14px;line-height:1.8}
.ds-boundary{display:grid;grid-template-columns:140px 1fr;gap:10px 18px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(7,9,13,.16);font-size:10px}
.ds-boundary strong{font-size:7px;letter-spacing:.13em;text-transform:uppercase}.ds-boundary span{color:#6f736c}

.ds-form{display:grid;gap:19px;padding:34px;border:1px solid rgba(7,9,13,.17);background:#f8f8f3;box-shadow:0 30px 90px rgba(0,0,0,.08)}
.ds-row{display:grid;gap:18px}.ds-row.two{grid-template-columns:1fr 1fr}
.ds-form label{display:grid;gap:8px;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#4e534e}
.ds-form input,.ds-form select,.ds-form textarea{
  width:100%;border:1px solid rgba(7,9,13,.20);border-radius:0;background:#fff;color:#090b0e;padding:13px 14px;font:inherit;font-size:14px;line-height:1.5;outline:none
}
.ds-form textarea{resize:vertical}.ds-form input:focus,.ds-form select:focus,.ds-form textarea:focus{border-color:#52776b;box-shadow:0 0 0 2px rgba(82,119,107,.10)}
.ds-consent{grid-template-columns:18px 1fr!important;gap:11px!important;align-items:start;text-transform:none!important;letter-spacing:.02em!important;font-size:10px!important;line-height:1.55!important;color:#686d67!important}
.ds-consent input{width:auto;margin-top:2px;accent-color:#274f42}
.ds-submit{min-height:58px;border:0;background:#090c11;color:white;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;font:inherit;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.ds-submit:hover{background:#152018}.ds-submit:disabled{opacity:.55;cursor:wait}
.ds-status{min-height:46px;padding:13px;border:1px solid rgba(7,9,13,.12);font:700 11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#70756f;background:#f0f1eb}
.ds-status[data-state="working"]{color:#285764}.ds-status[data-state="success"]{color:#1c5d3d;border-color:rgba(28,93,61,.28);background:#edf6ef}.ds-status[data-state="error"]{color:#943c3c;border-color:rgba(148,60,60,.25);background:#fff0ef}

.ds-after{padding:110px max(24px,calc((100vw - 1480px)/2));background:#06080c;color:var(--ds-text)}
.ds-after h2{font-size:clamp(50px,6.2vw,94px)}.ds-after>p:not(.ds-kicker){max-width:820px;color:#8f99a7;font-size:15px;line-height:1.8}.ds-after a{color:var(--ds-lime)}

@keyframes ds-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1000px){.ds-hero{grid-template-columns:1fr}.ds-concept-console{max-width:760px}.ds-process{grid-template-columns:repeat(2,1fr)}.ds-brief-section{grid-template-columns:1fr}.ds-brief-intro{position:static}}
@media(max-width:700px){.ds-hero{padding:72px 20px}.ds-hero h1{font-size:clamp(56px,18vw,92px)}.ds-console-steps{grid-template-columns:1fr}.ds-console-steps div{border-right:0;border-bottom:1px solid var(--ds-line)}.ds-process{grid-template-columns:1fr;margin:0 20px}.ds-brief-section,.ds-after{padding:84px 20px}.ds-row.two{grid-template-columns:1fr}.ds-form{padding:24px 18px}.ds-garment-stage{min-height:350px}}
@media(prefers-reduced-motion:reduce){.ds-orbit.two{animation:none}}