:root{--navy:#03080f;--blue:#2271f7;--sky:#7ed8ff;--silver:#d8e4ee;--paper:#eef5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050912;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}::selection{background:#2b75ff;color:white}
.nav{height:82px;padding:0 clamp(22px,4.3vw,82px);display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:90;top:0;left:0;width:100%;background:linear-gradient(180deg,rgba(4,8,16,.85),rgba(4,8,16,0));transition:background .3s,color .3s}.nav.is-light{background:rgba(237,245,251,.96);color:#111b2c;backdrop-filter:blur(12px)}.nav-brand{display:flex;align-items:center;gap:11px}.nav-brand img{height:35px;width:35px;object-fit:contain}.nav-brand strong{font-weight:900;letter-spacing:.19em;font-size:15px}.nav-brand small{display:block;letter-spacing:.42em;font-size:8px;margin-top:3px}.nav-right{display:flex;gap:38px;align-items:center}.nav-text,.nav-cta{font-size:10px;letter-spacing:.15em;font-weight:800}.nav-cta{padding:14px 20px;border:1px solid currentColor;border-radius:1px}.nav-cta span{font-size:16px;margin-left:18px;color:#7ecaff}
.film{height:450vh;position:relative}.film-sticky{height:100vh;width:100%;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 55% 48%,#101b31 0%,#03070e 58%,#010307 100%)}#world{position:absolute;inset:0;width:100%;height:100%;z-index:1}.film-noise{position:absolute;inset:0;opacity:.11;background-image:radial-gradient(rgba(255,255,255,.35) .6px,transparent .7px);background-size:4px 4px;z-index:8;pointer-events:none;mix-blend-mode:soft-light}.film-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 5%,rgba(0,2,7,.25) 55%,rgba(0,1,6,.82) 100%);z-index:3;pointer-events:none;transition:opacity .3s}.film-logo-glow{position:absolute;left:50%;top:49%;width:44vw;height:44vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(20,90,245,.3),transparent 64%);filter:blur(32px);z-index:3;pointer-events:none}.film-logo{position:absolute;left:50%;top:50%;width:min(43vw,590px);height:auto;z-index:4;will-change:transform,opacity;filter:drop-shadow(0 0 22px rgba(33,113,249,.32)) drop-shadow(0 25px 50px rgba(0,0,0,.45));transform:translate(-50%,-50%);pointer-events:none}.left-line,.right-line{position:absolute;top:105px;bottom:95px;border-left:1px solid rgba(160,192,230,.1);z-index:6}.left-line{left:4.3vw}.right-line{right:4.3vw}.eyebrow-top{position:absolute;top:112px;width:100%;z-index:7;text-align:center;font-size:9px;font-weight:700;letter-spacing:.30em;color:#b7c6d9}.eyebrow-top .star{margin:0 16px;color:#54adff}
.frame-a,.frame-b,.frame-c,.frame-d{position:absolute;z-index:7;opacity:0;pointer-events:none;will-change:opacity,transform}.overline{font-size:10px;font-weight:800;letter-spacing:.28em;color:#87c6ff}.frame-a{top:28%;left:7.7%;width:45%}.frame-a h1,.frame-b h2,.frame-c h2,.frame-d h2{font-size:clamp(58px,7.8vw,146px);line-height:.91;letter-spacing:-.083em;font-weight:900;margin:25px 0 20px}.frame-a h1 span{color:#b2d8fb}.frame-desc{max-width:400px;color:#b4c2d2;font-size:15px;line-height:1.7;letter-spacing:.02em}.frame-a .frame-desc{max-width:310px}.frame-b{top:26%;right:7.4%;width:49%;text-align:right}.frame-b h2{font-size:clamp(54px,7.3vw,137px)}.frame-b h2 i{font-style:normal;color:#8fcbff}.frame-b .frame-desc{margin-left:auto}.frame-c{top:32%;left:11%;width:75%}.frame-c h2{font-size:clamp(62px,8.4vw,149px);text-shadow:0 10px 60px rgba(4,27,77,.9)}.frame-c h2 span{color:#a5d7ff}.frame-d{top:26%;width:100%;text-align:center;color:#121b2b;padding:0 20px}.frame-d .overline{color:#326ab0}.frame-d h2{font-size:clamp(48px,7.1vw,128px)}.frame-d h2 span{color:#376fe1}.frame-d .frame-desc{margin:0 auto 24px;color:#42536c;max-width:700px}.dark-cta{pointer-events:auto;color:white;background:#142a53;display:inline-flex;align-items:center;gap:45px;padding:18px 24px;font-size:11px;letter-spacing:.13em;font-weight:800}.dark-cta span{font-size:22px}
.stage-bottom{position:absolute;z-index:9;bottom:33px;left:7.7%;right:7.7%;height:33px;display:flex;align-items:center;gap:20px;font-size:9px;font-weight:800;letter-spacing:.18em;color:#b4cde8}.progress-track{width:114px;height:1px;background:rgba(178,206,239,.26)}.progress-track span{display:block;width:0;height:1px;background:#7fcfff}.stage-note{margin-left:auto}.scroll-mouse{position:absolute;z-index:9;bottom:86px;left:50%;height:31px;width:20px;border:1px solid rgba(255,255,255,.4);border-radius:15px;transform:translateX(-50%)}.scroll-mouse span{position:absolute;top:7px;left:9px;width:2px;height:6px;background:#c5e3ff;animation:wheel 1.4s infinite}@keyframes wheel{to{transform:translateY(10px);opacity:0}}
.expertise{background:var(--paper);color:#071427;padding:120px clamp(24px,8vw,144px) 130px}.section-kicker{display:flex;justify-content:space-between;border-bottom:1px solid #bdcbd8;padding-bottom:25px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#45617d}.expertise-heading{margin:95px 0 74px}.expertise-heading p{letter-spacing:.25em;font-weight:800;color:#2d74dd;font-size:11px}.expertise-heading h2{font-weight:850;letter-spacing:-.075em;line-height:.99;font-size:clamp(58px,7vw,116px);margin:18px 0}.expertise-heading h2 em{font-weight:700;font-style:normal;color:#839bb1}.services{border-top:1px solid #b9cbdc}.service{display:grid;grid-template-columns:90px 1fr 54px;align-items:center;padding:34px 0;border-bottom:1px solid #b9cbdc;gap:15px;transition:padding .25s,color .25s}.service:hover{padding-left:15px;color:#246bd7}.service-num{align-self:start;font-size:12px;color:#6b839b;font-weight:800;letter-spacing:.13em}.service-num b{font-size:8px;color:white;background:#186df2;padding:5px 9px;margin-left:14px}.service h3{font-size:clamp(27px,3.6vw,59px);letter-spacing:-.065em;margin:0;font-weight:750}.service h3 span{color:#7e98b3}.service-arrow{font-size:27px;text-align:right}.manifesto{min-height:90vh;position:relative;padding:120px clamp(24px,8vw,144px);background:radial-gradient(circle at 75% 45%,rgba(35,101,213,.38),transparent 36%),linear-gradient(125deg,#071021,#020409);overflow:hidden}.manifesto-glow{position:absolute;width:40vw;height:40vw;border:2px solid rgba(74,144,236,.12);border-radius:50%;right:-5%;top:4%;box-shadow:0 0 0 8vw rgba(73,135,232,.028),0 0 0 16vw rgba(73,135,232,.024)}.manifesto h2{position:relative;font-weight:900;letter-spacing:-.08em;line-height:.89;font-size:clamp(70px,11vw,190px);margin:30px 0}.manifesto>p:not(.overline){position:relative;max-width:490px;color:#b2c4d8;line-height:1.75}.manifesto>a{display:inline-block;margin-top:32px;border-bottom:1px solid #7dc4ff;padding-bottom:12px;font-size:11px;font-weight:800;letter-spacing:.16em}.manifesto>a span{font-size:20px;margin-left:60px}.contact{text-align:center;background:#ecf4fa;color:#12223a;padding:160px 20px 170px}.contact .overline{color:#2472c9}.contact h2{font-size:clamp(53px,9vw,145px);letter-spacing:-.07em;line-height:.92;margin:30px auto}.contact h2 span{color:#2b73e4}.contact>p:not(.overline){color:#65798c;max-width:470px;margin:30px auto;line-height:1.7}.contact-btn{display:inline-flex;gap:60px;align-items:center;margin:16px 0;padding:20px 28px;background:#155ce8;color:white;font-size:11px;font-weight:800;letter-spacing:.12em}.contact-btn span{font-size:23px}.contact small{display:block;color:#8698ad;font-size:10px;margin-top:14px}footer{padding:35px clamp(24px,8vw,144px);background:#03070e;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:#8a9fb5;letter-spacing:.11em}
@media(max-width:850px){.nav{height:68px}.nav-right{gap:10px}.nav-text{display:none}.nav-cta{font-size:9px;padding:11px 12px}.nav-cta span{margin-left:5px}.film{height:420vh}.film-logo{width:min(80vw,470px)}.film-logo-glow{width:90vw;height:90vw}.eyebrow-top{top:95px;font-size:8px;letter-spacing:.16em}.frame-a,.frame-b,.frame-c{top:21%;left:8%;right:8%;width:84%;text-align:left}.frame-a h1,.frame-b h2,.frame-c h2{font-size:clamp(55px,12vw,95px)}.frame-b .frame-desc{margin:0}.frame-d{top:28%}.frame-d h2{font-size:clamp(49px,10vw,79px)}.stage-bottom{left:8%;right:8%;bottom:18px}.stage-note{font-size:8px;text-align:right;max-width:180px}.left-line,.right-line{display:none}.expertise{padding:80px 8% 100px}.expertise-heading{margin:65px 0 50px}.service{grid-template-columns:46px 1fr 25px;padding:25px 0}.service h3{font-size:clamp(25px,5vw,43px)}.section-kicker span:last-child{display:none}.manifesto{padding:100px 8%}.contact{padding:110px 8%}.frame-a .frame-desc{max-width:290px}footer{flex-wrap:wrap}}
@media(max-width:450px){.nav-brand strong{font-size:11px}.nav-brand small{font-size:7px}.nav-brand img{height:30px;width:30px}.nav-cta{font-size:8px}.frame-a h1,.frame-b h2,.frame-c h2{font-size:52px}.frame-a,.frame-b,.frame-c{top:22%}.frame-desc{font-size:13px}.stage-note{font-size:7px}.frame-d h2{font-size:44px}.expertise-heading h2{font-size:49px}.service h3{font-size:26px}.service-num b{display:block;width:max-content;margin:9px 0 0}.manifesto h2{font-size:75px}.contact h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-mouse span{animation:none}*{transition:none!important}}


/* REAL-CONTENT INTEGRATION — ADDED AFTER ORIGINAL CINEMATIC DESIGN */
.skip{position:fixed;top:-100px;left:12px;background:#fff;color:#12243e;padding:12px;z-index:200}.skip:focus{top:12px}
.real-work,.studio-section{padding:110px clamp(22px,6vw,100px);background:#edf4fa;color:#0b1a30}
.real-work .section-kicker,.studio-section .section-kicker{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(8,28,52,.17);padding-bottom:16px;color:#52677c;font-size:11px;letter-spacing:.15em;font-weight:800}
.real-intro{max-width:930px;padding:74px 0 42px}.eyebrow-real{color:#2e7eff;font-size:11px;letter-spacing:.19em;font-weight:800}.real-intro h2,.studio-layout h2{font-size:clamp(38px,6vw,84px);letter-spacing:-.055em;line-height:1.02;margin:15px 0 22px;color:#101c2d}.real-intro h2 em,.studio-layout h2 em{font-style:normal;color:#2271f7}.real-intro>p:last-child,.studio-layout>div>p:last-child{color:#526175;line-height:1.85;font-size:16px;max-width:660px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:#fff;border:1px solid #dbe6f0;box-shadow:0 24px 70px rgba(29,59,89,.08);border-radius:16px;overflow:hidden}.work-featured{grid-column:span 3;display:grid;grid-template-columns:1.2fr 1fr}.work-cover{height:230px;position:relative;background:radial-gradient(circle at 35% 25%,#e2f1ff,#becedc 70%,#8497a9);display:flex;align-items:center;justify-content:center;padding:26px;overflow:hidden;transition:filter .3s}.work-featured .work-cover{height:100%;min-height:350px;background:linear-gradient(145deg,#0a1728,#1a4c9a)}.work-cover img{max-height:80%;max-width:70%;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.14));transition:transform .6s}.work-featured .work-cover img{max-height:90%;max-width:84%;border-radius:9px}.work-cover:hover img{transform:scale(1.05)}.work-visit{position:absolute;right:18px;bottom:16px;color:#f7fbff;font-size:10px;font-weight:800;letter-spacing:.13em;background:#123e77;padding:10px 13px;border-radius:2px}.work-meta{padding:30px}.work-featured .work-meta{padding:clamp(30px,4vw,60px);display:flex;flex-direction:column;justify-content:center}.work-meta>span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#2673e6}.work-meta h3{font-size:clamp(22px,2.3vw,32px);letter-spacing:-.03em;margin:14px 0 10px;color:#091c32}.work-meta p{font-size:14px;line-height:1.8;color:#5d6e81}.work-meta a{display:inline-block;margin-top:16px;color:#1559bc;font-size:13px;font-weight:800}.blue-atlas{background:#f1f9ff}.decowork{background:linear-gradient(145deg,#dfd9d0,#b3a393)}.apesiawork{background:linear-gradient(145deg,#101d2d,#25679f)}.apesia-mark{font-size:36px;letter-spacing:.12em;font-weight:900;color:#e8f5ff;text-align:center}.apesia-mark small{font-size:12px;letter-spacing:.55em}
.studio-section{background:linear-gradient(180deg,#edf4fa,#ddebf6)}.studio-layout{display:grid;grid-template-columns:1fr .8fr;gap:clamp(30px,6vw,120px);padding-top:62px}.founder-stack{display:grid;gap:14px}.founder{border:1px solid #cad9e9;background:rgba(255,255,255,.55);padding:28px;border-radius:12px}.founder span{font-size:10px;letter-spacing:.1em;color:#3a78c8;font-weight:800}.founder h3{font-size:24px;margin:15px 0 8px}.founder p{line-height:1.7;color:#607082;font-size:13px}.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.process-row>div{border-top:2px solid #2977e6;padding-top:18px}.process-row b{font-size:12px;color:#2673e6}.process-row h3{font-size:20px;margin:14px 0 10px}.process-row p{font-size:13px;line-height:1.7;color:#627387}
.contact-real{padding-left:clamp(22px,6vw,100px);padding-right:clamp(22px,6vw,100px);text-align:left}.contact-real>h2,.contact-real>.overline,.contact-real>p{max-width:900px}.contact-real>p:not(.overline){line-height:1.75}.contact-panel{margin-top:50px;display:grid;grid-template-columns:1.3fr .8fr;gap:clamp(30px,6vw,90px);text-align:left;border:1px solid rgba(159,207,255,.22);background:rgba(14,30,53,.7);border-radius:18px;padding:clamp(20px,3vw,50px)}#contactLeadForm{display:grid;grid-template-columns:1fr 1fr;gap:18px}#contactLeadForm label{font-size:13px;display:flex;flex-direction:column;gap:9px;color:#d1e2f4;font-weight:700}#contactLeadForm label:nth-child(3),#contactLeadForm label:nth-child(4){grid-column:span 2}#contactLeadForm input,#contactLeadForm select,#contactLeadForm textarea{width:100%;border-radius:4px;border:1px solid rgba(171,205,237,.29);background:rgba(4,13,28,.67);color:white;font:inherit;padding:14px 15px;outline-offset:3px}#contactLeadForm option{color:#111}#contactLeadForm button{border:0;cursor:pointer;font:inherit;grid-column:span 2;width:100%}.form-status{grid-column:span 2;color:#9dbdd9!important;font-size:12px!important;margin:0!important}.contact-details{display:flex;flex-direction:column;gap:17px;padding:6px 0;overflow-wrap:anywhere}.contact-details a{font-size:clamp(13px,1.5vw,18px);color:#dceaf7;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-label{margin:4px 0!important;color:#7cbdff!important;font-size:10px!important;letter-spacing:.2em;font-weight:800}.contact-details .location{margin-top:18px;color:#a4bbd0;font-size:13px;line-height:1.7}.legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:960px){.work-grid{grid-template-columns:1fr 1fr}.work-featured{grid-column:span 2}.studio-layout{grid-template-columns:1fr}.process-row{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr}}
@media(max-width:680px){.nav-right .nav-text{display:none}.real-work,.studio-section{padding:80px 22px}.real-work .section-kicker,.studio-section .section-kicker{flex-wrap:wrap}.work-grid{grid-template-columns:1fr}.work-featured{grid-column:span 1;display:block}.work-featured .work-cover{min-height:240px;height:260px}#contactLeadForm{grid-template-columns:1fr}#contactLeadForm label,#contactLeadForm label:nth-child(3),#contactLeadForm label:nth-child(4),#contactLeadForm button,.form-status{grid-column:span 1}.process-row{grid-template-columns:1fr 1fr}.studio-layout h2{font-size:clamp(36px,9vw,58px)}.contact-real{padding-left:22px;padding-right:22px}.contact-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){.work-cover img{transition:none}html{scroll-behavior:auto}}

@media(max-width:680px){.film-logo{top:72%;width:70vw}.film-logo-glow{top:70%;width:78vw;height:78vw}.frame-a{top:22%}.frame-a .frame-desc{max-width:270px}.frame-a h1{font-size:clamp(44px,12vw,52px)}}

/* Final request flow and accessibility refinements */
#contact, #contactLeadForm, #form-name, #form-service {scroll-margin-top:105px}
.selection-notice{grid-column:1/-1;margin:0!important;color:#e2f3ff!important;background:rgba(29,94,193,.24)!important;border-left:3px solid #60a8ff;padding:13px 17px;font-size:13px!important;max-width:none!important;border-radius:4px}
.selection-notice.has-selection{background:rgba(34,126,245,.30)!important}
#contactLeadForm .form-wide{grid-column:span 2}
#contactLeadForm .consent-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;font-size:12px;line-height:1.6}
#contactLeadForm .consent-row input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;accent-color:#276df3;margin:2px 0}
#contactLeadForm .consent-row a{color:#8ed8ff;text-decoration:underline;text-underline-offset:3px}
#contactLeadForm :is(input,textarea,select):focus-visible{outline:2px solid #91ceff;outline-offset:2px;border-color:#91ceff}
#contactLeadForm button:disabled{opacity:.6;cursor:wait}
.service:focus-visible{outline:3px solid #257dff;outline-offset:3px}
@media(max-width:680px){#contactLeadForm .form-wide{grid-column:span 1}.selection-notice{margin:0!important}}
/* Form grid specificity fixes: name/email and budget/timeline share columns on desktop. */
#contactLeadForm label[for="form-name"],
#contactLeadForm label[for="form-email"],
#contactLeadForm label[for="form-budget"],
#contactLeadForm label[for="form-timeline"] {grid-column:auto}
#contactLeadForm label[for="form-service"],
#contactLeadForm label[for="form-message"] {grid-column:1/-1}
@media(max-width:680px){
  #contactLeadForm label[for="form-service"],
  #contactLeadForm label[for="form-message"] {grid-column:span 1}
}

/* Production refinement: preserve the original four-scene composition. */
:root{--navy:#080d1b;--blue:#246bff;--sky:#9ddcff;--silver:#c9d4e1;--paper:#f2f7fc}
a:focus-visible,button:focus-visible{outline:3px solid #246bff;outline-offset:6px}
img{height:auto}.nav{background:rgba(8,13,27,.92);backdrop-filter:blur(18px)}.nav.is-light{background:rgba(242,247,252,.96)}
.film{height:100svh;min-height:740px}.film-sticky{height:100svh;min-height:740px}.cinema-active .film{height:430svh}.frame-a{opacity:1;pointer-events:auto;top:29%;width:53%;left:7.7%}.frame-a h1{font-size:clamp(44px,5.8vw,100px);line-height:1.03;letter-spacing:-.065em;font-weight:800;margin:24px 0}.frame-a .frame-desc{max-width:430px;font-size:15px;line-height:1.8}.film-logo{width:min(38vw,540px);left:74%}.cinema-active .film-logo{left:50%}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px;flex-wrap:wrap}.hero-actions a{font-size:12px;font-weight:700;letter-spacing:.015em;padding:16px 0}.hero-actions span{margin-left:14px}.hero-actions .hero-primary{background:#246bff;padding:17px 21px;color:#fff}.hero-secondary{border-bottom:1px solid #6786aa}.film-noise{opacity:.035}.scroll-mouse{display:none}.stage-bottom{pointer-events:none}
.service{grid-template-columns:65px 1fr 40px;position:relative;gap:10px 24px;padding:32px 0}.service h3{font-size:clamp(26px,3.2vw,51px);grid-column:2;line-height:1.15}.service h3 span{color:#526c86}.service-num{grid-column:1;grid-row:1 / span 2}.service-arrow{grid-column:3;grid-row:1 / span 2}.service-description{grid-column:2;max-width:650px;color:#4c6177;font-size:15px;line-height:1.75;margin:4px 0 0}.service-description small{display:block;font-size:9px;letter-spacing:.16em;color:#48617e;margin-top:14px}.service.new{border-top:2px solid #246bff;background:linear-gradient(105deg,rgba(157,220,255,.2),transparent)}.service-num b{display:block;width:max-content;margin:12px 0 0}.service:hover,.service:focus-visible{color:#1555cc;background-color:#e4eef9}.expertise-heading h2 em{color:#617a92}
.work-card{border-radius:3px;box-shadow:none}.work-grid{gap:26px}.work-cover{height:280px}.work-featured .work-cover img{width:92%;max-width:92%;height:auto}.work-meta p{color:#4c6076}.founder{border-radius:3px}.manifesto{min-height:700px}.manifesto>a{position:relative}.contact-panel{background:#11243d;border-radius:4px}.contact-real>h2,.contact-real>.overline,.contact-real>p{margin-left:0}.contact-real>p:not(.overline){color:#4c6177}.contact-btn{justify-content:space-between}.optional{display:inline;font-size:11px;font-weight:400;color:#a8bfd6}#contactLeadForm label[for="form-company"]{grid-column:1/-1}#contactLeadForm option{background:#11243d;color:#fff}#contactLeadForm input::placeholder,#contactLeadForm textarea::placeholder{color:#a4b6cb}.contact-details a{line-height:1.6}.menu-toggle{display:none}.frame-d .dark-cta{min-height:48px}
@media(min-width:851px) and (max-height:760px){.film,.film-sticky{min-height:620px}.frame-a{top:24%}.frame-a h1{font-size:65px}.eyebrow-top{top:100px}.frame-a .frame-desc{font-size:13px}.hero-actions{margin-top:18px}}
@media(max-width:850px){.nav{padding:0 22px;gap:20px}.menu-ready .menu-toggle{display:block;background:none;color:inherit;border:1px solid currentColor;padding:11px 15px;font:inherit;font-size:12px}.menu-toggle span{margin-left:16px}.nav-right{display:flex;flex-wrap:wrap;gap:18px}.nav-right .nav-text{display:block}.menu-ready .nav-right{display:none;position:absolute;top:68px;left:0;right:0;padding:24px;background:#080d1b;color:#f2f7fc;box-shadow:0 20px 40px #0005}.menu-open .nav-right{display:flex;flex-direction:column;align-items:stretch}.nav-right a{padding:15px}.nav:not(.menu-ready){height:auto;min-height:100px;flex-wrap:wrap;padding:15px}.nav:not(.menu-ready) .nav-right a{font-size:9px;padding:8px}.film,.film-sticky{min-height:780px}.cinema-active .film{height:340svh}.eyebrow-top{top:98px;font-size:7px;letter-spacing:.12em;padding:0 20px}.eyebrow-top .star{margin:0 4px}.frame-a{top:19%;left:7%;width:86%}.frame-a h1{font-size:clamp(40px,7.8vw,66px);max-width:620px;line-height:1.04}.frame-a .frame-desc{font-size:13px;max-width:420px}.film-logo{top:76%;left:50%;width:min(50vw,300px)}.film-logo-glow{top:76%;width:65vw}.hero-actions{gap:20px;margin-top:18px}.hero-actions a{font-size:11px}.stage-bottom{bottom:22px}.frame-b,.frame-c{top:24%;width:86%;left:7%}.frame-d{top:27%}.service{grid-template-columns:28px 1fr 22px;gap:8px 15px}.service h3{font-size:clamp(25px,4.6vw,39px)}.service-description{font-size:13px}.service-description small{font-size:8px;letter-spacing:.09em}.service-num{font-size:10px}.service-num b{padding:4px;font-size:7px}.manifesto{min-height:600px}.manifesto h2{font-size:clamp(58px,12vw,100px)}.manifesto>a{font-size:9px}.manifesto>a span{margin-left:15px}}
@media(max-width:400px){.hero-actions{gap:16px}.hero-actions a{font-size:10px}.frame-a h1{font-size:39px}.film-logo{width:55vw}.expertise-heading h2{font-size:43px}.contact h2{font-size:51px}}
@media(prefers-reduced-motion:reduce){.film{height:100svh!important}.frame-a{opacity:1!important;transform:none!important}.frame-b,.frame-c,.frame-d,.stage-bottom{display:none!important}.film-logo{transform:translate(-50%,-50%)!important;left:74%;opacity:1!important}#world,.film-logo-glow{display:none}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:850px) and (prefers-reduced-motion:reduce){.film-logo{left:50%}}
#stageCount{white-space:nowrap;flex-shrink:0}.progress-track{flex-shrink:0}
#contactLeadForm{font-family:Arial,Helvetica,sans-serif}
.crystal-world{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0}
.screenshot-cover{padding:0}.screenshot-cover img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:top;filter:none}.work-grid>.work-card:last-child{grid-column:span 3;display:grid;grid-template-columns:1.5fr 1fr}.work-grid>.work-card:last-child .work-cover{height:360px}.founder-photo{float:right;width:80px;height:100px;object-fit:cover;margin:0 0 15px 20px;border-radius:2px}.founder{display:flow-root}.founder h3{font-size:22px}
@media(max-width:960px){.work-grid>.work-card:last-child{grid-column:span 2}}
@media(max-width:680px){.work-grid>.work-card:last-child{grid-column:span 1;display:block}.work-grid>.work-card:last-child .work-cover{height:260px}.founder-photo{width:65px;height:86px}}
.expertise-heading p,.eyebrow-real,.work-meta>span,.contact .overline{color:#1858ba}.service-num{color:#506780}.founder span,.process-row b{color:#1756ad}
.film{height:430svh}.cinema-static .film{height:100svh}
@media(max-width:850px){.film{height:340svh}}
@media(prefers-reduced-motion:reduce){.film{height:100svh!important}}
@media(min-width:681px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-featured,.work-grid>.work-card:last-child{grid-column:span 2}}
.cinema-static .frame-b,.cinema-static .frame-c,.cinema-static .frame-d,.cinema-static .stage-bottom{display:none}
.nav{transition:none}

/* Art direction v2: return to the approved full-screen chrome-blue experience. */
.nav{background:linear-gradient(180deg,rgba(4,8,16,.76),rgba(4,8,16,0));backdrop-filter:none;border-bottom:0}.nav.is-light{background:rgba(242,247,252,.97);backdrop-filter:blur(16px)}
.film,.cinema-active .film{height:450svh}.film-sticky{min-height:700px}.frame-a{top:24%;left:7.7%;width:48%}.frame-a h1{font-size:clamp(68px,8.7vw,154px);line-height:.91;letter-spacing:-.075em;font-weight:900;margin:24px 0}.frame-a .frame-desc{max-width:375px;font-size:14px;line-height:1.75}.hero-actions{margin-top:25px}.hero-actions .hero-primary{background:linear-gradient(120deg,#246bff,#1452cf);border:1px solid #5f9fff;box-shadow:0 8px 28px #02112e44}.hero-secondary{color:#e2eeff}
.film-logo{width:min(43vw,590px);top:50%;left:74%;filter:drop-shadow(0 0 22px rgba(33,113,249,.32)) drop-shadow(0 25px 50px rgba(0,0,0,.45))}.cinema-active .film-logo{left:50%}.film-logo-glow{top:49%}.film-noise{opacity:.055}
.frame-b{top:26%;left:auto;right:7.4%;width:58%;text-align:right}.frame-b h2{font-size:clamp(64px,8.2vw,145px);line-height:.91;letter-spacing:-.075em}.frame-b .frame-desc{max-width:430px;margin-left:auto;color:#c9d8eb;font-size:16px}.frame-c h2{font-weight:900}.frame-d h2{font-weight:900}.stage-bottom{bottom:33px}
@media(min-width:851px) and (max-height:780px){.film-sticky{min-height:620px}.frame-a{top:25%}.frame-a h1{font-size:clamp(70px,7.8vw,115px)}.frame-a .frame-desc{font-size:13px;max-width:380px}.hero-actions{margin-top:18px}.hero-actions a{font-size:11px;padding-top:13px;padding-bottom:13px}}
@media(max-width:1000px){.frame-b{top:22%;left:8%;right:auto;width:84%;text-align:left}.frame-b h2{font-size:clamp(58px,10.8vw,108px)}.frame-b .frame-desc{margin-left:0;max-width:530px}}
@media(max-width:850px){.film,.cinema-active .film{height:420svh}.film-sticky{min-height:780px}.frame-a{top:18%;left:8%;width:84%}.frame-a h1{font-size:clamp(57px,11.5vw,92px);line-height:.92;max-width:none}.frame-a .frame-desc{max-width:380px;font-size:13px}.hero-actions{gap:18px;margin-top:20px}.hero-actions a{font-size:10px}.hero-actions .hero-primary{padding:15px}.film-logo{top:72%;left:50%;width:min(76vw,470px)}.film-logo-glow{top:70%;width:78vw;height:78vw}.frame-b .frame-desc{font-size:14px;max-width:330px}.frame-b{top:23%}.stage-bottom{bottom:22px}.frame-c{top:27%}.frame-c h2{font-size:clamp(52px,11.3vw,95px)}}
@media(max-width:400px){.frame-a h1{font-size:54px}.frame-b h2{font-size:53px}.frame-a .frame-desc{font-size:12px}.hero-actions{gap:14px}.hero-actions .hero-primary{padding:14px 11px}.hero-actions a{font-size:9px}}
@media(prefers-reduced-motion:reduce){.film{height:100svh!important}.film-logo{top:50%!important}.frame-a .frame-desc::before{content:'Beyond Ordinary. ';font-weight:700;color:#d9ecff}}
@media(max-width:850px) and (prefers-reduced-motion:reduce){.film-logo{top:72%!important}}
.film-vignette{z-index:5;background:linear-gradient(180deg,rgba(1,5,14,.62),transparent 26%,transparent 68%,rgba(1,5,14,.52)),radial-gradient(ellipse at 50% 50%,transparent 20%,rgba(0,2,7,.12) 65%,rgba(0,1,6,.48));pointer-events:none}

/* Final editorial pass: retain the approved cinema and give the work room to speak. */
.real-work{background:linear-gradient(160deg,#f2f7fc,#e6eff8);padding-top:100px}.real-intro{padding-top:60px;max-width:1030px}.real-intro>p:last-child{max-width:570px}.work-grid{gap:36px}.work-card{border:0;background:transparent;overflow:visible}.work-meta{padding:28px 0 36px}.work-meta h3{font-size:clamp(25px,2.8vw,39px);letter-spacing:-.045em}.work-meta .project-positioning{color:#172d49;font-size:clamp(19px,2vw,29px);line-height:1.25;letter-spacing:-.035em;margin:16px 0}.work-featured{background:#0a172b;border-radius:4px;overflow:hidden;align-items:center;grid-template-columns:1.15fr 1fr}.work-featured .work-meta{padding:44px}.work-featured .work-meta h3,.work-featured .project-positioning{color:#f2f7fc}.work-featured .work-meta p{color:#b8cbe2}.work-featured .work-meta>span,.work-featured .work-meta a{color:#9ddcff}.work-featured .project-positioning{font-size:clamp(26px,3.3vw,48px);font-weight:700;color:#fff}.product-preview{padding:25px 0 25px 25px;min-width:0}.product-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1b2b43;color:#c7d8eb;padding:15px 18px;font-size:10px;letter-spacing:.04em}.product-bar span:first-child{color:#7188a6;font-size:8px;white-space:nowrap}.work-featured .product-cover{min-height:390px;height:390px;padding:24px;background:radial-gradient(ellipse at 50% 10%,#214b7d,#0d203b 80%)}.work-featured .product-cover img{width:auto;height:auto;max-width:100%;max-height:340px;border-radius:4px;object-fit:contain}.product-cover .work-visit{display:none}.product-views{display:flex;gap:4px;background:#13243b;padding:10px}.product-views button{flex:1;border:1px solid transparent;background:transparent;color:#bcd0e7;font:inherit;font-size:11px;cursor:pointer;padding:12px 8px;min-height:44px}.product-views button[aria-pressed=true]{color:#fff;border-color:#537daf;background:#25476f}.product-views button:hover{background:#233d5e}.screen-caption{font-size:10px;color:#a7bfd9;margin:12px 0 0;letter-spacing:.05em}.work-cover{border-radius:3px}.screenshot-cover{height:auto;aspect-ratio:1.44}.screenshot-cover img{object-fit:cover}.decowork{background:radial-gradient(ellipse at 50% 50%,#39352e,#171919);min-height:320px}.decowork img{max-width:68%;mix-blend-mode:screen}.work-grid>.work-card:last-child{background:#dce8f4;gap:0;overflow:hidden;border-radius:3px}.work-grid>.work-card:last-child .work-meta{padding:42px;align-self:center}.work-grid>.work-card:last-child .work-cover{height:430px;aspect-ratio:auto}.work-visit{transition:background .2s,transform .2s}.work-cover:hover .work-visit{background:#246bff;transform:translateY(-3px)}.manifesto{background:radial-gradient(ellipse at 80% 35%,#123b78 0%,transparent 48%),linear-gradient(135deg,#080d1b,#02060d)}.manifesto-glow{opacity:.5}.manifesto>p:not(.overline){max-width:520px}.reveal-ready{transform:translateY(16px);transition:transform .8s cubic-bezier(.2,.65,.2,1)}.reveal-ready.has-entered{transform:none}
@media(max-width:960px){.work-featured .work-meta{padding:30px}.product-bar{font-size:9px;padding:12px}.work-featured .product-cover{min-height:310px;height:310px}.work-featured .product-cover img{max-height:265px}.product-preview{padding-left:18px}.work-grid>.work-card:last-child .work-meta{padding:28px}}
@media(max-width:680px){.work-grid{gap:30px}.product-preview{padding:18px}.work-featured .work-meta{padding:12px 25px 30px}.work-featured .product-cover{height:300px;min-height:300px;padding:18px}.work-featured .product-cover img{max-height:265px}.product-views button{font-size:10px;padding:10px 5px}.work-meta{padding:22px 0}.work-grid>.work-card:last-child .work-cover{height:270px}.work-grid>.work-card:last-child .work-meta{padding:25px}.decowork{min-height:240px}.work-meta .project-positioning{font-size:23px}.work-featured .project-positioning{font-size:32px}.real-intro{padding-top:45px}.screen-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{transform:none;transition:none}.film-logo{filter:none!important}}

/* Owner-supplied DecoFloor website screenshot, shown in full. */
.deco-screenshot{aspect-ratio:1917/961;background:#fff}.deco-screenshot img{object-fit:contain;mix-blend-mode:normal;max-width:none;max-height:none}