
:root{--navy:#28204e;--red:#5736c6;--ink:#28204e;--muted:#645e76;--pale:#f4f1ff;--line:#ddd6ed;--max:1320px;--acid:#d3f45b}.future{background:#fffdf7}.future h1,.future h2,.future h3{letter-spacing:-.055em}.future .header{background:#fffdf7}.future .header-main{height:94px}.future .header-logo{width:242px}.future .hybrid-header nav{background:transparent}.future .hybrid-header .nav-contact{background:#5736c6}.future .button{min-height:52px}.future .acid{background:var(--acid);color:#28204e;border:0;font-weight:800}.future .acid:hover{background:#e4ff89}.future-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#5736c6;color:#fff;overflow:hidden}.future-intro{padding:66px max(36px,calc((100vw - 1320px)/2));padding-right:30px;display:flex;flex-direction:column;justify-content:center}.future-intro .eyebrow{color:#e1d7ff;font-size:10px;margin-bottom:30px}.future-intro h1{color:white;font-size:clamp(58px,6.3vw,100px);font-weight:800;line-height:.98}.future-intro h1 span{color:var(--acid)}.future-intro>p:not(.eyebrow){font-size:18px;max-width:430px;line-height:1.6;margin:28px 0}.future-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.future-secondary{color:#fff;font-size:13px;border-bottom:1px solid #bfb0f4;padding-bottom:5px}.tiny-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.tiny-tags span{border:1px solid #9f85ea;border-radius:30px;padding:6px 12px;font-size:10px}.future-image{position:relative;min-width:0}.future-image>img{width:100%;height:100%;object-fit:cover;object-position:65% center}.future-image small{position:absolute;bottom:16px;right:16px;background:#fffdf7e8;color:#28204e;font-size:10px;padding:4px 9px;border-radius:3px}.round-stamp{position:absolute;right:27px;top:30px;width:130px;height:130px;background:var(--acid);color:#28204e;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:16px;font-weight:800;line-height:1.2;transform:rotate(10deg);box-shadow:0 8px 25px #28204e18}.color-line{background:var(--acid);padding:19px 28px;display:flex;justify-content:space-around;gap:25px;overflow:hidden;font-size:13px;font-weight:800;letter-spacing:.05em}.color-line span{white-space:nowrap}.future .intro-strip{display:none}.future .review-ribbon{background:#fffdf7}.future .section{padding-block:85px}.future h2{font-size:clamp(38px,4vw,60px);line-height:1.06;font-weight:800}.future .eyebrow{color:#7353af}.color-studio{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.studio-copy h2 em{font-style:normal;color:#5736c6}.studio-copy>p:not(.eyebrow){max-width:410px;color:var(--muted);margin-top:24px}.studio-visual{border-radius:32px 32px 110px 32px;overflow:hidden;background:#f5efdf;box-shadow:0 15px 45px #28204e0d}.studio-visual svg{display:block;width:100%;height:auto}.studio-note{display:block;font-size:10px;padding:14px 20px;background:#f2eddf;color:#645e76}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatches button{padding:10px 13px;border:1px solid #d1c8e3;border-radius:22px;background:white;font-size:12px;display:flex;align-items:center;gap:7px}.swatches i{width:18px;height:18px;border-radius:50%;display:inline-block}.swatches button[aria-pressed=true]{border:2px solid #5736c6;background:#f1ebff;padding:9px 12px;font-weight:800}.studio-copy .palette-name{font-weight:800;font-size:13px;color:#5736c6;margin:17px 0}.project-planner{background:#e9e0ff;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.project-planner>div>p:not(.eyebrow){max-width:440px;color:#645e76;margin-top:20px}.project-planner img{width:100%;height:240px;object-fit:cover;border-radius:20px;margin-top:30px}.project-planner small{display:block;color:#645e76;font-size:11px;margin-top:10px}.planner-controls{background:#fffdf7;border-radius:26px;padding:32px;min-width:0}.planner-controls fieldset{padding:0;border:0;margin:0 0 25px}.planner-controls legend,.planner-controls>label{font-size:14px;font-weight:800;margin:0 0 12px}.planner-options{display:flex;gap:9px;flex-wrap:wrap}.planner-options label{border:1px solid #d6cce8;border-radius:10px;padding:11px 13px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500;margin:0;cursor:pointer}.planner-options label:has(input:checked){background:#5736c6;color:white;border-color:#5736c6}.planner-options input{width:16px;height:16px;margin:0;accent-color:#d3f45b}.planner-controls select{background:#fff;border-radius:10px}.plan-summary{background:#f1ede6;padding:20px;border-radius:14px;margin:24px 0}.plan-summary>span{font-size:10px;font-weight:800;letter-spacing:.1em}.plan-summary p{font-size:14px;margin:10px 0 0;line-height:1.6}.planner-controls .button{width:100%;font-size:13px}.future .services{background:#fffdf7}.future .service-list{gap:18px}.future .service-list details{border-radius:20px;background:#f1ecfc}.future .service-list details:nth-child(3n+2){background:#fff0df}.future .service-list details:nth-child(3n){background:#eff5d8}.future .service-photo{border-radius:20px 20px 0 0}.future .service-list h3{font-size:23px}.future .work{background:#28204e;color:white}.future .work h2{color:var(--acid)}.future .work .eyebrow,.future .work .section-head p{color:#c8bddd}.future .project-caption strong{color:white}.future .project-caption small{color:#c8bddd}.future .project-image{border-radius:24px}.future .project:nth-child(even){margin-top:65px}.future .reviews{background:#f6eddb}.future .review-card{border-radius:23px;border:0;border-top:6px solid #e8a777;box-shadow:none}.future .review-card:last-child{border-top-color:#b4a1df}.future .reviews h2{color:#28204e}.future .about-photo{border-radius:24px 80px 24px 24px}.future .about h2{font-size:44px}.future .commercial{background:#2e48ac}.future .commercial h2{font-size:43px}.future .commercial-photo img{object-fit:cover}.future .career{background:#d3f45b}.future .career h2{font-size:48px}.future .career-box{transform:rotate(2deg);border-radius:20px}.future .contact{background:#fffdf7}.future .contact h2{font-size:50px}.future .contact form{background:#eee7fa;border-radius:24px}.future footer{background:#28204e}.future .mobile-contact>a:last-child{background:#5736c6}.future .text-link{color:#5736c6}.future .steps article>span{color:#5736c6}.future a:focus-visible,.future button:focus-visible{outline:3px solid #e89037;outline-offset:4px}
@media(min-width:901px) and (max-width:1150px){.future .header-logo{width:200px}.future .hybrid-header .nav-inner>a{padding:10px 9px;font-size:12px}}
@media(max-width:900px){.future .header-main{height:88px}.future .hybrid-header nav{background:#fffdf7}.future-hero{min-height:610px}.future-intro{padding:44px 25px}.future-intro h1{font-size:59px}.round-stamp{width:95px;height:95px;font-size:12px;right:15px;top:20px}.color-studio,.project-planner{gap:30px}.planner-controls{padding:23px}.future h2{font-size:40px}.future .section{padding-block:60px}.future .career h2,.future .contact h2,.future .about h2{font-size:36px}.color-line{font-size:10px;gap:24px;justify-content:flex-start}}
@media(max-width:700px){.future-hero{grid-template-columns:1fr;min-height:0}.future-intro{padding:38px 24px}.future-intro h1{font-size:clamp(52px,11vw,76px)}.future-intro .eyebrow{font-size:9px;margin-bottom:22px}.future-intro>p:not(.eyebrow){font-size:16px;margin:22px 0}.future-image{height:360px}.future-image>img{object-position:65% 58%}.future-actions .button{font-size:13px}.tiny-tags{margin-top:22px}.round-stamp{width:105px;height:105px;font-size:13px}.color-studio,.project-planner{grid-template-columns:1fr;gap:32px}.future .section{padding:49px 22px}.studio-visual{border-radius:22px 22px 65px 22px}.studio-copy h2 br:nth-child(2){display:none}.project-planner img{height:220px}.future .section-head{grid-template-columns:1fr;gap:20px}.future .service-list{grid-template-columns:1fr}.future .project-grid{grid-template-columns:1fr}.future .project:nth-child(even){margin-top:0}.future .commercial h2{font-size:34px}.future .career-box{transform:none}.future .contact h2{font-size:40px}.future .about h2{font-size:34px}.future .header-logo{width:205px}.color-line{padding:14px 20px}.planner-options label{font-size:11px}.planner-controls .button{padding:13px 12px;font-size:12px}}
@media(prefers-reduced-motion:no-preference){.future .button,.swatches button{transition:transform .18s,background .18s}.future .button:hover{transform:translateY(-2px)}.studio-visual path{transition:fill .3s}}
.future .future-intro .eyebrow{color:#e1d7ff}

.studio-copy h2 em::before{content:" "}@media(max-width:380px){.future .header-logo{width:160px}.future .header-main{padding-inline:16px}.future-intro h1{font-size:46px}}
@media(max-width:380px){.future .header-main{gap:10px;padding-inline:0}.future .header-logo{width:155px}}
