/* Digital atelier - authentic screens, original architectural scenery. */
.studio-hero{display:block;position:relative;isolation:isolate;overflow:hidden;background:#070b13;padding:0 0 20px;border-bottom:1px solid #344055}
.studio-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.studio-backdrop img{width:100%;height:100%;object-fit:cover;object-position:55% 45%;opacity:.8}
.studio-hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#070b13f5 0%,#070b13db 29%,#070b1340 58%,#070b130a 100%),linear-gradient(0deg,#080c16 0%,transparent 38%)}
.studio-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:30px;align-items:center;min-height:560px;padding-block:44px 28px}
.studio-hero .hero-copy{position:relative;z-index:3}
.studio-hero .eyebrow{color:#bbc9df;font-size:10px;margin-bottom:28px}
.studio-hero h1{font-size:clamp(58px,6.5vw,92px);line-height:1.035;letter-spacing:-.067em;margin-bottom:28px}
.studio-hero .headline-row{white-space:nowrap}
.studio-hero .headline-accent{color:#a8c5ff}
.studio-hero .hero-lead{font-size:16px;line-height:1.8;max-width:395px;color:#ced8e8}
.studio-hero .hero-description{font-size:12px;line-height:1.85;color:#aebcd1;margin-top:24px}
.studio-hero .hero-description strong{color:#f0f4ff;font-weight:600}
.studio-hero .hero-actions{gap:16px;margin-block:29px 0;flex-wrap:nowrap}
.studio-hero .hero-actions .button{font-size:13px;gap:24px;padding-inline:21px;min-height:52px}
.studio-hero .hero-actions .quiet{padding-inline:0;gap:12px}
.studio-showcase{position:relative;min-width:0;align-self:center;padding-top:18px}
.studio-showcase::before{display:none}
.showcase-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 5px 20px 24px}
.showcase-topline .mono{font-size:9px;color:#bdcde6;letter-spacing:.12em}
.showcase-index{color:#f0f4ff!important}
.studio-scene{position:relative;isolation:isolate;aspect-ratio:1.55;perspective:1800px;transform-style:preserve-3d}
.studio-monitor{position:absolute;top:8%;left:1%;width:95%;border:1px solid #a3c5ff90;border-radius:10px;overflow:hidden;background:#10141d;box-shadow:-20px 30px 60px #0009,0 0 0 5px #0e152266,0 0 50px #2f76ff24;transform:rotateY(-12deg) rotateX(6deg) rotateZ(-3deg);transform-origin:50% 50%}
.studio-monitor img{width:100%;height:auto;display:block;aspect-ratio:1280/720;object-fit:cover}
.monitor-chrome{height:28px;display:flex;align-items:center;justify-content:space-between;padding-inline:13px;font:9px/1 var(--mono);color:#b8c4d9;background:#151c29;border-bottom:1px solid #9db8eb30}
.chrome-dots{font-size:7px;letter-spacing:2px;color:#8190ab}
.studio-phone{position:absolute;z-index:2;right:0;top:25%;width:24%;padding:5px;border-radius:22px;background:#080b10;border:1px solid #b4c6e499;overflow:hidden;box-shadow:-10px 15px 40px #000b;transform:rotateY(-12deg) rotateZ(5deg)}
.studio-phone img{width:100%;height:auto;display:block;border-radius:17px;aspect-ratio:390/844;object-fit:cover}
.phone-island{position:absolute;z-index:1;top:10px;left:36%;width:28%;height:6px;border-radius:8px;background:#030407}
.studio-orbit{position:absolute;z-index:-1;inset:22% -8% -2% -1%;border:1px solid #96b8ff35;border-radius:50%;transform:rotateX(74deg) rotateZ(-15deg);box-shadow:0 0 18px #3667e922}
.scene-note{position:absolute;bottom:0;left:7%;font-size:8px;line-height:1.65;color:#bccde9;letter-spacing:.12em;padding-left:13px;border-left:2px solid #93b8ff}
.showcase-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;padding-top:16px;margin-top:16px;border-top:1px solid #8aabe347;position:relative;z-index:4}
.project-choices{display:flex;gap:5px}
.project-choices button{position:relative;min-height:44px;background:#0a1428b3;color:#c5d1e5;padding:9px 12px;border:1px solid #4c6383;border-radius:4px;font-size:10px;cursor:pointer;white-space:nowrap}
.project-choices button[aria-pressed=true]{background:#dbe8ff;color:#101d36;border-color:#dbe8ff}
.project-choices button:hover{border-color:#c6dcff}
.showcase-controls>a{display:flex;align-items:center;gap:12px;font-size:11px;color:#e2ebff;min-height:44px;white-space:nowrap}
.showcase-status{font:11px/1.65 var(--mono);color:#b8c8df;margin-top:10px;min-height:30px}
.studio-offer{display:grid;grid-template-columns:.95fr 1.15fr;gap:30px;padding-top:28px;border-top:1px solid #7395d14d;position:relative;z-index:4}
.studio-offer>div:first-child{display:flex;align-items:center;gap:35px}
.studio-offer .mono{font-size:10px;color:#bfcee6;letter-spacing:.06em}
.studio-offer>div:first-child>a{font-size:11px;max-width:175px;line-height:1.75;color:#e6edff}
.studio-offer>div:first-child>a>span{margin-left:8px}
.studio-hero .hero-plans{border:0;padding-top:0;gap:20px}
.studio-hero .hero-plans a>span:first-child{font-size:10px;color:#bfcde3}
.studio-hero .hero-plans strong{font-size:28px;line-height:1.5}
.studio-hero .hero-plans small{font-size:9px}
.studio-hero .hero-plans a>span:last-child{font-size:10px}
.studio-hero .hero-timing{max-width:none;font-size:10px;margin-top:20px;color:#aabbd3}
.contact-art>img{width:100%;object-position:70% 50%}
.contact-art::after{background:linear-gradient(90deg,#101621d9,transparent)}
.contact-form>h3{font-size:27px;line-height:1.18;letter-spacing:-.04em;color:#fff;margin-block:18px 12px}
.form-intro{font-size:13px;line-height:1.8;color:#b3c2d8;margin-bottom:28px}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.inquiry-fields input{min-width:0}
.contact-form .privacy-note{font-size:11px;line-height:1.8;margin-bottom:22px;color:#b8c9e1}
.form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.contact-form #send-inquiry{width:100%;min-height:56px;justify-content:space-between}
.contact-form[aria-busy=true]{opacity:.85}
.contact-form[aria-busy=true] #send-inquiry{cursor:progress}
.inquiry-error{padding:18px;border:1px solid #edaba6;background:#422125;color:#ffe0d7;font-size:13px;line-height:1.8;margin-top:20px;border-radius:4px}
.inquiry-success{padding:42px 32px;border:1px solid #7395d1;background:radial-gradient(ellipse at 100% 0%,#20479044,transparent 70%),#0c1320;min-height:480px}
.success-icon{width:55px;height:55px;border:1px solid #a4d8bd;color:#c1f1d8;display:grid;place-items:center;border-radius:50%;font-size:28px;margin-bottom:34px}
.inquiry-success .mono{color:#c1f1d8;font-size:10px}
.inquiry-success h3{font-size:42px;line-height:1.12;letter-spacing:-.05em;margin-block:20px 25px;color:#fff}
.inquiry-success>p:not(.mono){font-size:14px;line-height:1.85;color:#c8d7ed}
.inquiry-success .success-signature{margin-block:22px 30px;color:#fff!important}
.inquiry-success .button{font-size:12px;white-space:normal;text-align:left}
@media(min-width:1450px){.studio-layout{min-height:660px}.studio-showcase{margin-right:-50px}.studio-hero h1{font-size:94px}}
@media(max-width:1100px){.studio-layout{gap:20px;min-height:550px}.studio-hero h1{font-size:6.5vw}.studio-hero .hero-lead{font-size:14px}.studio-hero .hero-actions{gap:14px}.studio-hero .hero-actions .button{font-size:11px;padding-inline:15px;gap:12px}.studio-hero .hero-actions .quiet{padding-inline:0}.project-choices button{padding-inline:8px;font-size:9px}.showcase-controls{gap:8px}.showcase-controls>a{font-size:10px;gap:5px}.inquiry-fields{grid-template-columns:1fr;gap:0}.studio-offer>div:first-child{gap:20px}.studio-offer>div:first-child>a{font-size:10px}.studio-hero .hero-plans strong{font-size:24px}.studio-hero .hero-plans small{display:block}.studio-hero .hero-plans a>span:first-child{font-size:9px}}
@media(max-width:800px){.studio-layout{grid-template-columns:1fr;gap:40px;padding-block:45px 25px}.studio-hero h1{font-size:clamp(58px,10.5vw,82px)}.studio-hero .hero-lead{max-width:500px;font-size:15px}.studio-hero .hero-description{font-size:12px}.studio-hero .hero-actions .button{font-size:13px;min-height:52px;padding-inline:19px}.studio-hero .hero-actions .quiet{padding-inline:0}.studio-showcase{width:100%;max-width:620px;justify-self:center;padding-top:0}.studio-scene{aspect-ratio:1.55}.studio-monitor{top:0;width:91%;left:1%}.studio-phone{top:19%;width:22%;right:3%}.showcase-topline{padding-left:5px}.showcase-controls{margin-top:30px}.project-choices button{font-size:11px;padding-inline:13px}.showcase-controls>a{font-size:12px}.studio-backdrop img{object-position:65% 50%;opacity:.75}.studio-hero::after{background:linear-gradient(180deg,#070b13f5 0%,#070b13e0 29%,#070b1350 60%,#080c16 100%)}.scene-note{bottom:-2%;left:5%;font-size:8px}.studio-offer{grid-template-columns:1fr;gap:24px}.studio-offer>div:first-child{justify-content:space-between}.studio-offer .mono br{display:none}.studio-offer>div:first-child>a{max-width:190px}.studio-hero .hero-plans{gap:16px}.studio-hero .hero-plans strong{font-size:27px}.studio-hero .hero-plans small{display:inline}.studio-hero .hero-plans a>span:first-child{font-size:10px}.studio-hero .hero-plans a>span:last-child{font-size:10px}.studio-hero .hero-timing{font-size:11px;line-height:1.8}.inquiry-fields{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:500px){.studio-layout{padding-block:34px 20px;gap:33px}.studio-hero h1{font-size:clamp(45px,12.8vw,64px);letter-spacing:-.065em;line-height:1.08;margin-bottom:23px}.studio-hero .eyebrow{font-size:9px;margin-bottom:24px}.studio-hero .hero-lead{font-size:14px;max-width:330px}.studio-hero .hero-actions{margin-block:23px 0;gap:16px}.studio-hero .hero-actions .button{font-size:12px;gap:16px;padding-inline:16px}.studio-hero .hero-actions .quiet{padding-inline:0;font-size:11px;gap:7px}.studio-hero .hero-description{font-size:11px;margin-top:18px}.showcase-topline .mono{font-size:8px}.showcase-topline{padding-bottom:12px}.monitor-chrome{height:21px;padding-inline:9px;font-size:6px}.chrome-dots{font-size:5px}.studio-monitor{border-radius:7px}.studio-phone{padding:3px;border-radius:15px;width:24%;right:1%;top:15%}.studio-phone img{border-radius:11px}.phone-island{top:7px;height:4px}.studio-scene{aspect-ratio:1.45}.scene-note{font-size:6px;padding-left:9px;bottom:1%}.showcase-controls{margin-top:23px;flex-wrap:wrap;gap:5px}.project-choices{gap:5px}.project-choices button{font-size:10px;padding-inline:10px}.showcase-controls>a{font-size:11px}.showcase-status{font-size:10px;min-height:34px}.studio-offer{padding-top:20px;gap:20px}.studio-offer .mono{font-size:8px}.studio-offer>div:first-child>a{font-size:10px;max-width:158px}.studio-hero .hero-plans{gap:8px}.studio-hero .hero-plans strong{font-size:24px}.studio-hero .hero-plans small{font-size:8px}.studio-hero .hero-plans a>span:first-child{font-size:9px}.studio-hero .hero-plans a>span:last-child{font-size:8px}.studio-hero .hero-timing{font-size:9px;margin-top:14px}.inquiry-fields{grid-template-columns:1fr;gap:0}.contact-form>h3{font-size:26px}.inquiry-success{padding:30px 24px}.inquiry-success h3{font-size:36px}}
@media(prefers-reduced-motion:no-preference){.studio-monitor,.studio-phone{transition:transform .65s cubic-bezier(.22,1,.36,1)}.studio-showcase.is-interactive .studio-monitor{transform:rotateY(calc(-12deg + var(--scene-x,0deg))) rotateX(calc(6deg + var(--scene-y,0deg))) rotateZ(-3deg)}.studio-showcase.is-interactive .studio-phone{transform:translateY(var(--phone-y,0px)) rotateY(-12deg) rotateZ(5deg)}.studio-monitor{animation:screen-assemble 1.4s cubic-bezier(.22,1,.36,1) backwards}.studio-phone{animation:phone-assemble 1.6s .1s cubic-bezier(.22,1,.36,1) backwards}@keyframes screen-assemble{from{opacity:0;transform:translate(50px,30px) rotateY(-26deg) rotateX(10deg) rotateZ(-5deg)}to{opacity:1;transform:rotateY(-12deg) rotateX(6deg) rotateZ(-3deg)}}@keyframes phone-assemble{from{opacity:0;transform:translate(15px,60px) rotateY(-20deg) rotateZ(10deg)}to{opacity:1;transform:rotateY(-12deg) rotateZ(5deg)}}}
@media(prefers-reduced-motion:reduce){.studio-monitor,.studio-phone{animation:none!important;transition:none!important}.studio-monitor{transform:rotateZ(-2deg)!important}.studio-phone{transform:rotateZ(3deg)!important}.studio-orbit{display:none}}
@media print{.studio-backdrop,.studio-showcase{display:none}.studio-hero::after{display:none}.studio-layout,.studio-offer{display:block;min-height:0;padding-block:20px}.studio-hero{background:white}.studio-hero h1{font-size:44px}.inquiry-panel{display:none}}
/* Keep the secondary success action legible on the dark panel. */
.inquiry-success .button.secondary{color:#eef4ff;border-color:#8499ba}
/* Keep project controls readable over the illuminated scenery. */
.scene-note{display:none}
.showcase-controls>a{background:#091224e8;padding-inline:10px;border-radius:4px}