/* Studio58 launch: editorial scale, real work, one blue identity. */
.project-card{min-width:0}.project-wordmark{overflow-wrap:anywhere}.project-cover-foot{min-width:0;flex-wrap:wrap}.project-cover-foot>span:first-child{min-width:0;overflow-wrap:anywhere}
.launch-layout{padding-block:48px 68px}.launch-copy h1{font-size:clamp(46px,4.6vw,74px);line-height:1.02;letter-spacing:-.045em}.launch-eyebrow{font-size:15px}.launch-description{font-size:19px}.masthead{padding-block:26px}.masthead .brand{width:220px}.launch-hero{border-bottom:1px solid #b3d4e3}
.service-index{padding:64px 0 86px}.index-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}.index-intro h2{font-size:clamp(32px,4vw,56px);max-width:640px}.index-intro p{max-width:310px;color:var(--muted)}.service-row{display:grid;grid-template-columns:54px 1.25fr 1fr 45px;gap:24px;align-items:center;border-top:1px solid #b7c3cc;padding:30px 0;transition:background .2s}.service-row:last-child{border-bottom:1px solid #b7c3cc}.service-row:hover{background:#dff2fb}.service-row small{font-size:14px;color:var(--accent)}.service-row strong{font:700 clamp(25px,3vw,42px)/1.1 var(--display);letter-spacing:-.04em}.service-row p{font-size:16px;max-width:330px;color:#4a5962}.service-row .row-arrow{font-size:32px;color:var(--accent)}
.feature-work{background:#101e29;color:#f3f7fa;padding:70px 0 80px;overflow:hidden}.feature-top{display:flex;gap:36px;justify-content:space-between;align-items:end;margin-bottom:34px}.feature-top h2{font-size:clamp(36px,5vw,72px);max-width:700px;letter-spacing:-.04em}.feature-top p{color:#b5cbd6;max-width:315px}.concept-stage{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:#060e12;position:relative;overflow:hidden;text-decoration:none}.concept-stage img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.65;transition:transform .7s}.concept-stage:hover img{transform:scale(1.025)}.concept-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060e12ee,transparent 90%)}.concept-copy{position:relative;z-index:1;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:start;grid-column:1/3;max-width:780px}.concept-copy strong{font:700 clamp(42px,6.5vw,88px)/.97 var(--display);letter-spacing:-.04em}.concept-copy>span{margin-top:26px;font-size:16px;border-bottom:1px solid #a6e1fa;padding-bottom:8px;color:#c6edff}.feature-foot{display:flex;justify-content:space-between;gap:30px;margin-top:20px;font-size:14px;color:#b7c9d3}.feature-foot p{max-width:680px}.feature-work .section-label{color:#a6e1fa}
.project-grid{grid-template-columns:1.15fr 1fr 1fr}.project-cover{border-radius:0;min-height:300px}.clear-plan{border-radius:0}.funnel-heading h2{letter-spacing:-.04em}.section-label{letter-spacing:.08em}.module-grid{gap:45px}.workflow-band{background:#102937}.studio{background:#e5f5fc}.footer{border-top:1px solid #b7c3cc}.footer-services{display:flex;gap:22px;flex-wrap:wrap;padding-bottom:28px;font-size:15px}
.landing-hero{padding:55px 0 70px}.landing-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:65px;align-items:center}.landing-hero h1{font-size:clamp(48px,5.5vw,84px);line-height:.99;letter-spacing:-.045em}.landing-hero h1 em{font-style:normal;color:var(--accent)}.landing-hero .lead{font-size:21px;line-height:1.5;color:#4c5c66;max-width:590px;margin:28px 0}.landing-hero .pill{margin-top:8px}.landing-meta{font-size:14px;margin-top:20px;color:#53636c}.landing-image{width:100%;height:560px;object-fit:cover}.service-scope{padding:75px 0;border-top:1px solid #b9c9d2}.scope-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.scope-grid h2{font-size:clamp(34px,4vw,57px);letter-spacing:-.04em}.scope-list{list-style:none;padding:0;margin:0}.scope-list li{display:grid;grid-template-columns:40px 1fr;border-bottom:1px solid #c0cdd4;padding:24px 0;gap:12px}.scope-list li:first-child{padding-top:0}.scope-list b{font-size:24px;font-family:var(--display);line-height:1.15}.scope-list p{font-size:17px;color:#53626c;margin-top:12px}.scope-list span{color:var(--accent);font-size:14px}.landing-price{background:#142b39;color:white;padding:65px 0}.landing-price .scope-grid{align-items:center}.landing-price h2{font-size:clamp(40px,5vw,72px)}.landing-price p{color:#c9dbe5;margin-top:20px;max-width:600px}.landing-price .price{font:700 68px/1 var(--display);letter-spacing:-.04em}.landing-price .pill{background:#a6e1fa;color:#112834;margin-top:24px}.landing-price small{display:block;color:#c1d6e0;margin-top:18px;font-size:14px}.landing-next{padding:80px 0}.landing-next h2{font-size:clamp(35px,4vw,58px);max-width:800px;margin-bottom:25px}.landing-next p{max-width:640px;color:#53626c;margin-bottom:25px}.browser-display{background:#d0eafa;padding:35px 22px;perspective:1200px}.browser-window{background:#0b1620;color:#f0f7fb;transform:rotateY(-8deg) rotateX(3deg);box-shadow:18px 30px 0 #9fbfce55;border:1px solid #91aebd}.browser-toolbar{display:flex;gap:7px;padding:17px;border-bottom:1px solid #506473}.browser-toolbar i{width:7px;height:7px;background:#a6e1fa;border-radius:50%}.browser-content{padding:36px 26px;min-height:360px;background:linear-gradient(0deg,#0b1620dd,#0b162055),url('/images/launch-concept.webp') center/cover}.browser-content strong{font:700 52px/.97 var(--display);display:block;max-width:280px;letter-spacing:-.045em}.browser-content p{margin-top:25px;font-size:15px;max-width:210px}.browser-content a{display:inline-block;background:#a6e1fa;color:#122735;padding:12px 18px;margin-top:30px;font-size:14px}.visual-note{font-size:13px;margin-top:22px;color:#4d6674}.automation-display{background:#e1f1fa;padding:36px 28px;border:1px solid #b0d2e3}.process-node{background:#fff;border:1px solid #a9c8da;padding:23px;position:relative}.process-node+.process-node{margin-top:38px}.process-node+.process-node:before{content:"↓";position:absolute;top:-35px;color:#08658d;font-size:24px}.process-node b{font:700 23px var(--display)}.process-node p{font-size:15px;color:#557081;margin-top:8px}.process-node small{display:block;color:#08658d;font-size:12px;margin-bottom:8px}.process-node:last-of-type{background:#142b39;color:#fff}.process-node:last-of-type p{color:#c5d9e6}.photo-triptych{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-triptych img{width:100%;height:255px;object-fit:cover}.photo-triptych img:first-child{grid-row:span 2;height:522px}.landing-faq{border-top:1px solid #c0cdd4;padding:65px 0}.landing-faq h2{font-size:36px;margin-bottom:30px}.landing-faq details{padding:22px 0;border-top:1px solid #c0cdd4}.landing-faq summary{cursor:pointer;font:700 22px var(--display)}.landing-faq details p{margin-top:16px;max-width:770px;color:#53626c}
@media(max-width:1000px){.landing-grid{gap:30px}.landing-hero h1{font-size:55px}.scope-grid{gap:40px}.project-grid{grid-template-columns:1fr 1fr 1fr}.concept-copy{padding:35px}.landing-image{height:450px}}
@media(max-width:700px){.launch-layout{padding-block:10px 35px}.launch-copy h1{font-size:clamp(40px,10vw,62px)}.index-intro,.feature-top,.feature-foot{display:block}.index-intro p,.feature-top p{margin-top:22px}.service-index{padding-block:44px}.service-row{grid-template-columns:28px 1fr 28px;gap:12px;padding-block:25px}.service-row p{grid-column:2;grid-row:2}.service-row .row-arrow{grid-column:3;grid-row:1}.concept-stage{min-height:420px}.concept-copy{padding:26px}.feature-work{padding:48px 0}.feature-foot p{margin-bottom:15px}.project-grid,.landing-grid,.scope-grid{grid-template-columns:1fr}.landing-hero{padding-block:32px 48px}.landing-hero h1{font-size:clamp(42px,11vw,64px)}.landing-hero .lead{font-size:19px}.landing-grid{gap:36px}.scope-grid{gap:32px}.landing-price .price{font-size:60px}.service-scope,.landing-next{padding-block:50px}.browser-display{padding:20px 12px}.browser-window{transform:none;box-shadow:none}.browser-content{min-height:330px}.photo-triptych img{height:180px}.photo-triptych img:first-child{height:372px}.landing-faq summary{font-size:20px}.masthead .brand{width:180px}.project-cover{min-height:250px}.concept-copy strong{font-size:53px}}
@media(prefers-reduced-motion:reduce){.concept-stage img,.service-row{transition:none}.concept-stage:hover img{transform:none}}
.project-cover{width:100%;aspect-ratio:auto}
@media(min-width:701px) and (max-width:900px){.launch-layout{grid-template-columns:minmax(0,1fr);gap:20px}.launch-copy h1{max-width:740px;font-size:60px}.launch-description{max-width:650px}.hero-visual{max-width:650px;width:100%;margin-inline:auto}.launch-layout .hero-visual{min-width:0}}
