/* Reference-led Custom Studio opening. */
.studio-nav {height:clamp(66px,5.15vw,88px);padding:0 6.8%;background:#fff;color:#18221c;display:flex;justify-content:space-between;gap:24px;position:relative;z-index:6}
.studio-nav .wordmark,.studio-nav .wordmark img {width:clamp(148px,12vw,200px)}
.studio-nav .wordmark img {filter:brightness(0);opacity:.94}
.studio-nav-links {display:flex;gap:clamp(28px,3.4vw,58px);align-items:center;height:100%;margin-left:7%}
.studio-nav-links a {font-size:11px;font-weight:750;letter-spacing:.035em;position:relative;display:flex;align-items:center;height:100%;color:#49534d;text-decoration:none}
.studio-nav-links a[aria-current] {color:#18221c}
.studio-nav-links a[aria-current]::after {content:'';position:absolute;height:2px;background:#efb700;bottom:13px;inset-inline:0}
.studio-nav-tools {display:flex;gap:22px;align-items:center}
.studio-nav-tools a,.studio-nav-tools button {position:relative;display:grid;place-items:center;padding:0;border:0;background:none;color:#25342c;width:27px;height:32px}
.studio-nav-tools svg {width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nav-tool-divider {height:22px;width:1px;background:#cbd0cd}
.brief-count {position:absolute;top:-2px;right:-5px;background:#ffc200;color:#18221c;font-size:9px;border-radius:50%;height:16px;width:16px;display:grid;place-items:center;font-weight:800}
.studio-hero {position:relative;isolation:isolate;min-height:620px;height:calc(100svh - clamp(66px,5.15vw,88px));overflow:hidden;background:radial-gradient(ellipse at 28% 43%,#fff8,transparent 65%),#f4f6f5}
.hero-stripes {position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.hero-stripes::before,.hero-stripes::after {content:'';position:absolute;width:5.4%;height:145%;top:-20%;right:18%;transform:skewX(-39deg);background:linear-gradient(180deg,#e5eae72e,#e0e6e54d 55%,#edf0ee0a)}
.hero-stripes::after {right:4.5%;width:9%;opacity:.6}
.hero-copy {position:relative;z-index:2;padding-top:clamp(94px,8.3vw,165px);margin-left:7.35%;width:57%;pointer-events:none}
.hero-copy>* {pointer-events:none}
.hero-copy button {pointer-events:auto}
.hero-eyebrow {display:block;font-size:11px;color:#737c77;letter-spacing:.14em;font-weight:650}
.hero-copy h1 {font:900 italic clamp(56px,5.65vw,98px)/.98 Barlow,sans-serif;letter-spacing:-.02em;margin:25px 0 27px;white-space:nowrap;color:#111b15}
.hero-copy h1 {color:#152019}
.hero-copy h1 .title-accent {color:#efb700}
.hero-copy p {color:#68736d;font-size:clamp(16px,1.36vw,23px);line-height:1.55;font-weight:500;margin:0;letter-spacing:-.025em}
.hero-actions {display:flex;gap:18px;margin-top:38px}
.hero-cta {min-height:clamp(52px,4vw,68px);display:flex;gap:19px;align-items:center;justify-content:center;border-radius:999px;font-family:inherit;font-weight:800;font-size:clamp(13px,1vw,17px);border:1px solid #cbd1cd;padding:0 30px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hero-cta.primary {background:#18281e;color:#fff;border-color:#18281e;min-width:clamp(202px,15.8vw,264px)}
.hero-cta.secondary {background:transparent;color:#1b251f;min-width:clamp(154px,12vw,200px)}
.hero-cta:hover {background:#ffc200;border-color:#ffc200;color:#18221c}
.hero-cta svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-benefits {display:flex;align-items:center;list-style:none;margin:66px 0 0;padding:0;gap:0;width:max-content}
.hero-benefits li {display:flex;align-items:center;gap:16px;font-size:clamp(12px,1vw,16px);font-weight:600;line-height:1.5;padding-right:22px;margin-right:20px;position:relative}
.hero-benefits li:not(:last-child)::after {content:'';position:absolute;right:0;top:7px;bottom:7px;width:1px;background:#d6dcd8}
.benefit-icon {display:grid;place-items:center;background:#e8ece9a1;border-radius:50%;width:clamp(40px,3vw,50px);height:clamp(40px,3vw,50px);color:#23322a}
.benefit-icon svg {width:24px;height:24px;stroke:currentColor;stroke-width:1.35;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-product {position:absolute;right:4%;top:0;width:46%;height:100%;z-index:1}
#hero-model {position:absolute;inset:0;z-index:2}
#hero-model canvas {width:100%;height:100%;display:block}
.hero-watermark {position:absolute;left:0;top:34%;width:98%;height:auto;filter:brightness(0);opacity:.045;pointer-events:none}
.hero-shadow {position:absolute;left:9%;bottom:7%;width:43%;height:2.6%;border-radius:50%;background:#53605442;filter:blur(9px);transform:rotate(-4deg)}
.hero-leaders {position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;fill:none;stroke:#cdd4cf;stroke-width:1.3}
.hero-callout {position:absolute;z-index:4;text-align:left;background:#fff;border:none;border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px #23322a08;cursor:pointer;line-height:1.35;color:#17221b;font-family:inherit;transition:background .2s,box-shadow .2s;min-width:clamp(108px,8.4vw,140px)}
.hero-callout strong {font-size:clamp(12px,.96vw,16px);display:block;font-weight:800;white-space:nowrap}
.hero-callout span {display:block;color:#758078;font-size:clamp(11px,.86vw,14px);margin-top:2px;white-space:nowrap}
.hero-callout:hover {background:#fff9df;box-shadow:0 8px 24px #23322a12}
.callout-grip {left:40%;top:9.5%}
.callout-shaft {left:62%;top:46%}
.callout-artwork {left:6%;top:58%}
.callout-blade {left:43%;top:83%}
.hero-dot {position:absolute;z-index:4;width:11px;height:11px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;background:#efb700;box-sizing:content-box;pointer-events:none}
.hero-motto {position:absolute;z-index:3;right:0;top:63%;margin:0;font-size:10px;line-height:1.6;letter-spacing:.18em;color:#7d857f;font-weight:700;pointer-events:none}
.hero-motto i {display:block;width:15px;height:2px;background:#efb700;margin-top:15px}
.hero-model-status {position:absolute;left:38%;top:45%;font-size:12px;color:#68736d;z-index:3}
.hero-model-status[hidden] {display:none}
.configuration .studio-intro {display:none}
.configuration {padding-top:20px}
#config {scroll-margin-top:72px}
.studio-hero~.workspace .configuration {padding-top:20px}
.studio-hero~.workspace {margin-top:0}
.studio-search {border:0;border-radius:22px;padding:32px;width:min(480px,calc(100vw - 40px));color:#17221b;box-shadow:0 20px 100px #17221b25}
.studio-search::backdrop {background:#18221c35}
.studio-search h2 {font-size:24px;margin:0 0 25px}
.studio-search label {display:grid;gap:10px;font-size:13px;font-weight:700}
.studio-search input {padding:14px;border:1px solid #d3dad5;border-radius:12px;background:#f4f6f5;font:inherit;width:100%;color:inherit}
.search-close {position:absolute;right:18px;top:15px;background:none;border:0;font:24px inherit;color:#68736d;cursor:pointer}
#studio-search-results {display:grid;gap:4px;margin-top:18px}
#studio-search-results button {border:0;background:none;text-align:left;padding:12px;font:600 14px StudioManrope,sans-serif;color:#17221b;border-radius:8px;cursor:pointer}
#studio-search-results button:hover {background:#fff2be}
.studio-nav a:focus-visible,.studio-nav button:focus-visible,.hero-cta:focus-visible,.hero-callout:focus-visible {outline:2px solid #efb700;outline-offset:5px}
@media(min-width:1700px){.hero-copy {padding-top:9vw}.hero-benefits {margin-top:5vw}.hero-cta{min-height:66px;font-size:17px;padding:0 38px}.hero-callout {padding:16px 18px;min-width:140px}.hero-callout strong{font-size:16px}.hero-callout span{font-size:14px}.hero-benefits li{font-size:16px}.benefit-icon{width:52px;height:52px}.hero-actions{margin-top:48px}}
@media(max-width:1050px) and (min-width:761px){.studio-nav{padding-inline:4%}.studio-nav-links{gap:24px;margin-left:0}.studio-nav-tools{gap:15px}.hero-copy{margin-left:5%;width:65%;padding-top:110px}.hero-copy h1{font-size:59px}.hero-product{right:1%;width:48%}.hero-copy p{font-size:16px}.hero-benefits li{gap:9px;padding-right:14px;margin-right:14px;font-size:10px}.benefit-icon{width:34px;height:34px}.hero-motto{display:none}.callout-shaft{left:66%}.callout-artwork{left:10%}.hero-benefits{margin-top:58px}}
@media(max-width:760px){
 .studio-nav{height:66px;padding:0 22px;gap:15px}.studio-nav .wordmark,.studio-nav .wordmark img{width:133px}.studio-nav-links{display:none}.studio-nav-tools{gap:17px}.nav-tool-divider{display:none}.studio-nav-tools>a:first-of-type{display:none}
 .studio-hero{height:auto;min-height:0;padding:0 0 20px;display:flex;flex-direction:column}
 .hero-copy{margin:0;padding:45px 25px 0;width:100%}.hero-eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(37px,9.8vw,69px);margin:20px 0;letter-spacing:-.018em}.hero-copy p{font-size:13px;line-height:1.65;max-width:340px}.desktop-break{display:none}
 .hero-actions{gap:10px;margin-top:25px}.hero-cta{min-height:47px;font-size:11px;padding:0 18px}.hero-cta.primary{min-width:174px;gap:13px}.hero-cta.secondary{min-width:133px}
 .hero-benefits{width:100%;justify-content:space-between;margin-top:25px;gap:8px}.hero-benefits li{font-size:9px;gap:7px;margin:0;padding:0;line-height:1.5}.hero-benefits li::after{display:none}.benefit-icon{width:29px;height:29px;flex-shrink:0}.benefit-icon svg{width:18px;height:18px}
 .hero-product{position:relative;right:auto;width:100%;height:445px;margin-top:18px}.hero-watermark{left:5%;width:90%;top:37%}.hero-shadow{left:18%;bottom:7%;width:40%}.hero-callout{padding:9px 11px;min-width:0;border-radius:9px}.hero-callout strong{font-size:10px}.hero-callout span{font-size:9px}.callout-grip{left:42%;top:10%}.callout-shaft{left:68%;top:43%}.callout-artwork{left:8%;top:57%}.callout-blade{left:54%;top:80%}.hero-motto{display:none}.hero-dot{width:8px;height:8px;border-width:2px}.hero-stripes::before{width:11%;right:35%;height:110%;top:0}.hero-stripes::after{right:1%;width:14%}
 .studio-hero~.workspace>.configuration{padding-top:24px}.studio-hero~.workspace>.viewer{position:sticky}
 #config{scroll-margin-top:calc(44svh + 24px)}
}
@media(prefers-reduced-motion:reduce){.hero-cta,.hero-callout{transition:none}}
.hero-product:not([data-state=ready]) .hero-dot {visibility:hidden}

/* Four light bubbles: transform-only drift, with stationary product anchors. */
.hero-callout {
 border:1px solid #e3e9e5;
 border-radius:999px;
 padding:14px 20px;
 box-shadow:0 9px 25px #1d322712,0 2px 5px #1d322704;
 animation:hero-bubble-drift var(--bubble-duration,6s) ease-in-out infinite;
 animation-delay:var(--bubble-phase,0s);
 animation-play-state:paused;
}
.callout-grip {--bubble-duration:5.8s;--bubble-phase:-1.2s;--bubble-x:3px;--bubble-y:-8px}
.callout-shaft {--bubble-duration:6.6s;--bubble-phase:-3.7s;--bubble-x:-3px;--bubble-y:8px}
.callout-artwork {--bubble-duration:6.2s;--bubble-phase:-2.8s;--bubble-x:2px;--bubble-y:-7px}
.callout-blade {--bubble-duration:7s;--bubble-phase:-5.1s;--bubble-x:-2px;--bubble-y:7px}
.hero-product[data-bubble-motion=running] .hero-callout {animation-play-state:running}
.hero-product .hero-callout:is(:hover,:focus-visible) {animation-play-state:paused;background:#fff5d5;border-color:#e9dca7;box-shadow:0 11px 27px #1d322718}
@keyframes hero-bubble-drift {
 0%,100% {transform:translate3d(0,0,0)}
 50% {transform:translate3d(var(--bubble-x),var(--bubble-y),0)}
}
@media(max-width:760px){
 .hero-callout{padding:10px 14px;border-radius:999px}
 .callout-grip,.callout-shaft,.callout-artwork,.callout-blade{--bubble-x:1px;--bubble-y:-5px}
}
@media(prefers-reduced-motion:reduce){.hero-product .hero-callout{animation:none;transform:none}}