/* Web Formation Tech | Brand edition 2.0
   The supplied logo remains unmodified. Native scrolling drives the connected scenes. */
:root{--paper:#f8f9ff;--ink:#17213b;--muted:#58647c;--line:rgba(52,67,112,.16);--accent:#386cf4;--blue:#386cf4;--purple:#7950d4;--pink:#d83986;--lime:#ede8ff;--panel:#fff;--header:rgba(250,251,255,.91);--gradient:linear-gradient(115deg,var(--accent) 0%,var(--purple) 53%,var(--pink) 100%)}
:root[data-theme="dark"]{--paper:#111526;--ink:#f4f5ff;--muted:#b2bcd4;--line:rgba(163,173,221,.20);--panel:#1c2138;--header:rgba(17,21,38,.93);--lime:#30254b}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6}
h1,h2,h3{font-weight:600}h1,h2{letter-spacing:-.052em}
.site-header{height:91px;background:var(--header);border-bottom-color:var(--line)}
.logo-wrap{display:block;flex-shrink:0;line-height:0}.logo-wrap .custom-logo{display:block;width:250px;height:auto;max-width:100%;object-fit:contain}
.header-nav,.header-nav ul{gap:30px;font-size:13px}.header-nav a{font-weight:500}.header-nav a:after{background:var(--gradient)!important;height:2px!important}
.header-actions{gap:13px}.header-actions>.button{padding:13px 21px}.theme-toggle,.menu-toggle{width:42px;height:42px;background:var(--panel);box-shadow:0 3px 12px #15225604}
.button{background:var(--gradient);color:#fff;border:1px solid transparent;box-shadow:0 7px 22px #386cf422;font-size:13px;font-weight:600;gap:22px;padding:15px 24px;transition:transform .22s,box-shadow .22s,filter .22s;min-height:46px}
.button:hover{background:var(--gradient);color:#fff;border-color:transparent;filter:brightness(1.07);box-shadow:0 12px 30px #7054d033;transform:translateY(-3px)}
.button.outline{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.button.outline:hover{background:var(--panel);border-color:var(--accent);color:var(--ink)}
.site-progress{top:90px;background:var(--gradient);height:2px}
.story-stage{background:radial-gradient(ellipse at 85% 12%,#efdfff86,transparent 44%),radial-gradient(ellipse at 15% 88%,#e2edffa6,transparent 47%);padding-top:128px}
.stage-wash{background:linear-gradient(125deg,#e2edff,#ede6ff 50%,#ffe9f3);opacity:.78}
:root[data-theme="dark"] .story-stage{background:radial-gradient(ellipse at 88% 5%,#3222538a,transparent 50%),radial-gradient(ellipse at 10% 88%,#152e593f,transparent 47%)}
:root[data-theme="dark"] .stage-wash{background:linear-gradient(125deg,#162d55,#2a2041,#412038);opacity:.64}
.stage-topline .eyebrow{letter-spacing:.12em;font-size:10px;color:var(--muted)}.stage-location{font-size:10px;color:var(--muted)}
.status-dot{width:6px;height:6px;background:var(--pink);box-shadow:0 0 0 4px #d8398610}
.story-body{grid-template-columns:1.02fr 1fr;min-height:calc(var(--stage-height) - 300px)}
.scene-copy{max-width:690px;padding-bottom:34px}.scene-copy h1,.scene-copy h2{font-size:clamp(50px,5.65vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:600}
.scene-copy .accent-word{font:inherit;letter-spacing:inherit;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;padding:0 .055em .08em 0;margin-right:-.055em}
.scene-copy .accent-word:after{display:none}.scene-description{font-size:15px;line-height:1.8;max-width:385px;margin-top:23px}.scene-action{margin-top:27px;gap:22px;flex-wrap:wrap}.scene-action .text-link{font-size:12px;border-bottom-color:var(--line)}
.scene-index{display:inline-flex;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--purple);align-items:center;gap:10px;margin:0 0 22px}.scene-index:before{content:"";width:24px;height:2px;background:var(--gradient)}
:root[data-theme="dark"] .scene-index{color:#b49bff}
.story-world{margin-left:0}.world-glow{position:absolute;inset:10% -8% 4%;border-radius:50%;background:radial-gradient(ellipse,#c7d9ff7a,transparent 64%),radial-gradient(ellipse at 90% 30%,#edc2e970,transparent 55%);filter:blur(15px);z-index:0;pointer-events:none}
:root[data-theme="dark"] .world-glow{opacity:.33}.world-grid{opacity:.8}.orbit{border-color:#6b7ff044}.orbit.o2{border-color:#bf67c143}.orbit:after{background:var(--purple)}.coordinate-one{font-size:8px;left:38px;letter-spacing:.14em}.coordinate-two{font-size:9px;color:var(--purple)}
.canvas-back{background:#fff;border-color:#d8def1;box-shadow:0 25px 75px -25px #324f8b50;border-radius:15px}
.canvas-toolbar{border-color:#e9ecf7}.canvas-toolbar small{color:#707891}.canvas-toolbar i{background:#b6c5e9}.canvas-toolbar i:first-child{background:#ee91b8}.canvas-toolbar i:nth-child(2){background:#bc9bff}
.ui-module{background:#fff;color:#25314d;border-color:#d6ddf2;box-shadow:0 16px 36px -18px #3f5b914a}
.ui-nav{background:linear-gradient(110deg,#fff,#f2f3ff)}.ui-nav strong{color:#385cd6}.ui-nav .ui-menu i{border-color:#d6dbec}
.ui-hero .ui-kicker{color:#7a53c4}.ui-hero .ui-microcopy{color:#747b91}.ui-art{background:linear-gradient(135deg,#e7edff,#eedcff)}
.ui-features>div{border-color:#e0e4f1}.ui-features span{color:var(--purple)}.ui-features b{color:#46506b}
.mini-sculpture{background:linear-gradient(135deg,#5aa5ff,#5c60e7 40%,#cf45a0);box-shadow:12px 14px 0 #c9b9ea}.mini-sculpture:after{background:#e8e2fc}
.seed{width:176px;height:176px;filter:drop-shadow(12px 22px 14px #5b44a344)}
.seed-ring{background:conic-gradient(from 25deg,#427ded,#a9caff 14%,#8565e9 31%,#bf3594 45%,#fd9dcf 63%,#ac90fa 77%,#495fe0 93%,#427ded);border-color:#8d84e96e;box-shadow:inset 6px 9px 7px #b6c9ff,inset -8px -10px 9px #8438a0,8px 14px 0 #8051c9}
.seed-ring:after{background:#eef0ff;box-shadow:5px 8px 0 #6548bd,inset 2px 3px 9px #42288966}.floating-note{background:#28365c;color:#fff;box-shadow:0 8px 28px #4b4c9b28}.floating-note i{background:#f791c3}
.phone{background:#fcfcff;border-color:#273354;color:#273354;box-shadow:14px 22px 25px -15px #21366b66}.phone-speaker{background:#273354}.phone-art{background:#e7e2ff}.phone-lines{background:#b5bade;box-shadow:0 8px 0 #d9ddf0}.phone-art .mini-sculpture{box-shadow:5px 6px 0 #c2b1e1}
.live-badge{border-color:#d9dff5;color:#35425f;box-shadow:0 7px 20px #39486e14}.live-badge i{background:#556be8}
.scene-picker{background:var(--panel);box-shadow:0 10px 30px #33487812}.scene-picker button{color:var(--muted);font-size:11px;padding:10px 14px}.scene-picker button[aria-pressed="true"]{background:var(--gradient);color:#fff;box-shadow:0 4px 10px #386cf425}
.orbit-label{position:absolute;border-radius:7px;padding:5px 9px;background:var(--panel);border:1px solid var(--line);font-size:9px;color:var(--muted);opacity:calc(1 - var(--frame));transform:translateY(calc(var(--progress,0) * -25px));pointer-events:none;z-index:3}
.label-wordpress{left:11px;bottom:82px;transform:rotate(-8deg)}.label-shopify{right:-5px;bottom:110px;transform:rotate(8deg)}
.story-bottom{bottom:25px}.chapter-nav button{font-size:11px;min-height:36px}.chapter-nav button b{width:24px;height:24px;font-size:9px}.chapter-nav button[aria-current="step"]{color:var(--accent)}.chapter-nav button[aria-current="step"] b{background:var(--gradient);border-color:transparent;color:#fff}.chapter-trace{background:var(--gradient)}
/* Portfolio is a scroll-driven horizontal gallery. Images belong to the original site. */
.work-section{background:#161d35;color:#f7f7ff}.work-stage{background:radial-gradient(ellipse at 10% 0,#24418b40,transparent 45%),radial-gradient(ellipse at 97% 70%,#713b8440,transparent 50%)}
.js:not(.static-mode) .work-section{height:300svh}.js:not(.static-mode) .work-stage{padding-top:120px}
.section-heading .eyebrow{color:#b5bdff;letter-spacing:.14em}.section-heading h2{font-size:clamp(38px,3.8vw,58px);line-height:1.07;font-weight:500}.section-heading .aside{color:#b1bad2;max-width:240px;font-size:12px;text-align:left}
.work-rail{gap:26px}.work-card{width:min(54vw,760px)}.work-visual{height:clamp(265px,41svh,435px);border-radius:18px;background:linear-gradient(145deg,#e7edff,#d7d8fd);color:#263859}
.client-project{isolation:isolate}.project-type-art{position:absolute;inset:0;background:linear-gradient(135deg,#e2eafd,#c3cdeb);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;z-index:0}
.project-type-art:before{content:"";position:absolute;inset:-20% -25% 0 35%;border:45px solid #ffffff2b;border-radius:50%;transform:rotate(-25deg)}
.project-type-art:after{content:"";position:absolute;width:380px;height:280px;right:-100px;bottom:-130px;border-radius:50%;border:30px solid #ffffff26;transform:rotate(-35deg)}
.project-monogram{position:absolute;top:12px;right:40px;font-size:clamp(90px,15vw,210px);font-weight:700;line-height:1.1;letter-spacing:-.085em;opacity:.16}
.project-fallback-title{font-size:clamp(32px,3.8vw,61px);letter-spacing:-.055em;line-height:1.08;font-weight:600;max-width:85%;position:relative;z-index:1;margin-bottom:28px}.project-art-line{width:65px;height:4px;background:currentColor;opacity:.45}
.project-taxi .project-type-art{background:linear-gradient(135deg,#f0c552,#e79728);color:#322b1c}.project-sonora .project-type-art{background:linear-gradient(125deg,#d6ded0,#bac6b2);color:#344538}.project-medical .project-type-art{background:linear-gradient(135deg,#e3f7fa,#96c8d8);color:#265268}.project-phonefix .project-type-art{background:linear-gradient(135deg,#253346,#17232e);color:#f3bf55}
.source-project-image{position:absolute;inset:0;z-index:1;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s,transform .7s}.source-project-image.is-loaded{opacity:1}.source-project-image.is-unavailable{display:none}
.project-sector{position:absolute;z-index:2;left:22px;top:20px;padding:7px 13px;border-radius:40px;background:rgba(17,25,46,.82);backdrop-filter:blur(8px);color:#fff;font-size:10px;letter-spacing:.025em}.project-open{position:absolute;right:22px;bottom:22px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fffffff0;color:#243153;z-index:3;font-size:24px;transition:transform .3s}
.client-project:hover .project-open{transform:rotate(45deg)}.work-meta h3{font-size:21px;font-weight:500;letter-spacing:-.035em}.work-meta p{font-size:12px;color:#b5bfd9;opacity:1;line-height:1.55;max-width:90%}.work-meta .round-button{display:none}
.work-line{background:#55617c}.work-line span{background:linear-gradient(90deg,#779cfb,#ee80bd)}.work-control button{width:42px;height:42px;border-color:#657091;color:#e9ebff}.work-control button:hover{background:#fff;color:#1b2644}.work-nav .mono{color:#d0d7ed}
/* Service list: quiet typography, with colour reserved for hierarchy and interaction. */
.services{padding-top:110px;padding-bottom:100px;background:var(--paper)}.services-layout{grid-template-columns:.9fr 1.35fr;gap:8vw}.services-intro h2{font-size:clamp(38px,4vw,60px);line-height:1.07}.services-intro>.eyebrow{color:var(--purple);font-size:10px;font-weight:600}.services-intro>p{font-size:14px}.services-link{font-size:12px;margin-top:24px;color:var(--ink);border-bottom-color:var(--line)}
.service summary{font-size:clamp(19px,2vw,27px);letter-spacing:-.035em;padding:25px 0;font-weight:500;line-height:1.3}.service summary .num{color:var(--purple)}.service summary .plus{color:var(--accent);flex-shrink:0}.service[open] summary .plus{background:var(--gradient);color:#fff;border-color:transparent}.service-detail{padding-left:37px;font-size:14px;max-width:560px}.service-detail .text-link{font-size:11px;color:var(--ink);border-bottom-color:var(--line);margin-top:16px}.service-detail .tags{margin-top:16px}.tag{background:var(--panel);font-size:10px;color:var(--muted)}
.service-sculpture{position:relative;height:210px;max-width:315px;margin-top:45px;isolation:isolate}.service-sculpture>i{position:absolute;width:155px;height:155px;left:5px;top:15px;border:32px solid #668bf6;border-radius:35px;transform:rotate(17deg)}.service-sculpture>i:nth-child(2){left:55px;top:45px;border-color:#9265d8;transform:rotate(32deg);z-index:-1}.service-sculpture>i:nth-child(3){left:110px;top:73px;border-color:#e26ba4;transform:rotate(48deg);z-index:-2}.service-sculpture>span{position:absolute;left:36px;top:53px;font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.04em;background:var(--paper);border-radius:12px;padding:8px;transform:rotate(17deg);color:var(--ink)}
/* Connected process cards remain readable without any animation. */
.process{padding:84px var(--gutter) 92px;background:linear-gradient(125deg,#edf2ff,#f1ebff 50%,#ffedf5);color:#263455;--process-progress:0}
:root[data-theme="dark"] .process{background:linear-gradient(125deg,#192b4a,#27203d 50%,#382037);color:#f4f3ff}
.process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}.process-heading h2{font-size:clamp(37px,4vw,57px);margin-top:16px;line-height:1.1}.process-heading .eyebrow{color:#7753bd;font-size:10px}.process-heading>p{font-size:14px;line-height:1.8;max-width:220px;color:#62708c}
.process-cards{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.process-connector{position:absolute;left:32px;right:32px;top:25px;height:2px;background:#989bc03b}.process-connector i{display:block;width:100%;height:100%;background:var(--gradient);transform-origin:left;transform:scaleX(var(--process-progress))}
.process-card{position:relative;padding:0 0 0;min-width:0}.process-number{width:51px;height:51px;display:grid;place-items:center;background:#f7f7ff;border:1px solid #c9cee4;border-radius:50%;font:12px/1 ui-monospace,monospace;position:relative;z-index:1;color:#637395;transition:background .25s,color .25s,box-shadow .25s}
.process-card.is-current .process-number{background:var(--gradient);color:#fff;border-color:transparent;box-shadow:0 7px 22px #7c63c73a}.process-card h3{font-size:21px;letter-spacing:-.04em;line-height:1.3;margin:19px 0 9px;font-weight:500}.process-card p{font-size:13px;line-height:1.8;max-width:220px;color:#5b6881}
.process-symbol{width:72px;height:58px;margin-top:27px;position:relative;transform:translateY(calc((1 - var(--process-progress)) * 7px))}.process-symbol i{position:absolute;width:32px;height:32px;border:2px solid var(--purple);border-radius:50%;left:0;top:6px}.process-symbol i:nth-child(2){left:22px;top:17px;border-color:var(--pink)}.process-symbol i:nth-child(3){left:31px;top:0;border-color:var(--accent)}.symbol-2 i{border-radius:6px;transform:rotate(18deg)}.symbol-3 i{border-radius:4px;width:12px;height:35px;transform:rotate(28deg)}.symbol-4 i{border-radius:3px 18px 3px 3px;transform:rotate(-25deg)}
:root[data-theme="dark"] .process-heading>p,:root[data-theme="dark"] .process-card p{color:#b6bed6}:root[data-theme="dark"] .process-heading .eyebrow{color:#c1a5ff}:root[data-theme="dark"] .process-number{background:#272842;color:#c0c5dc;border-color:#4e5273}
.studio{padding-top:100px;padding-bottom:100px;background:var(--paper)}.studio-panel{padding:54px;gap:65px;border-color:var(--line);border-radius:22px;box-shadow:0 15px 50px #4b58a008;grid-template-columns:1fr 1.1fr}.studio-ribbon{position:absolute;inset:0 0 auto;height:4px;background:var(--gradient)}.studio h2{font-size:clamp(35px,3.7vw,54px);line-height:1.08;margin-top:20px}.studio .eyebrow{color:var(--purple);font-size:10px}.studio-text{font-size:14px;line-height:1.9}.studio-text .text-link{font-size:12px;margin-top:24px;color:var(--ink);border-color:var(--line)}.tech-strip span{border-radius:50px;background:var(--paper);font-size:10px}.studio-origin{display:flex;align-items:center;gap:13px;margin-top:40px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.09em;color:var(--muted)}.studio-origin i{font:24px Arial;color:var(--pink);font-style:normal}
.faq{padding:0 var(--gutter) 105px;display:grid;grid-template-columns:.8fr 1.3fr;gap:9vw;background:var(--paper)}.faq-heading .eyebrow{color:var(--purple);font-size:10px}.faq-heading h2{font-size:clamp(36px,3.7vw,52px);margin-top:18px}.faq-heading>p:last-child{font-size:14px;color:var(--muted);max-width:260px;margin-top:20px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:16px;line-height:1.5;padding:23px 0;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{color:var(--purple);font-size:22px;transition:transform .2s}.faq-item[open] summary>span{transform:rotate(45deg)}.faq-item>p{font-size:14px;line-height:1.85;color:var(--muted);padding:0 30px 25px 0}
.contact{background:linear-gradient(115deg,#264dac,#6741b4 58%,#a52e75);color:#fff;padding:88px var(--gutter) 80px}.contact-main{grid-template-columns:1.15fr .8fr;gap:8vw;align-items:center;min-height:400px}.contact h2{font-size:clamp(51px,6.6vw,101px);font-weight:500;line-height:1.045;letter-spacing:-.06em;margin-top:24px;margin-bottom:35px}.contact h2 em{font:inherit;letter-spacing:inherit;color:#ffcee6}.contact .eyebrow{color:#f5dcff;font-size:10px;letter-spacing:.14em}.contact .button{color:#3b3780;background:#fff;border-color:transparent;box-shadow:0 12px 28px #1a17402e}.contact .button:hover{background:#f9e7ff;color:#322966;border-color:transparent}.contact-side{max-width:330px;margin:0;padding-top:0}.contact-side>p{font-size:15px;color:#efddf9;line-height:1.85}.contact-details{margin-top:30px;display:grid;gap:21px}.contact-label{display:block;font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#deccef;margin-bottom:7px}.contact-details a{display:block;width:fit-content;font-size:16px;font-weight:500;line-height:1.7;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline;text-underline-offset:5px}.contact-details address{font-style:normal;color:#f0e4f8;font-size:14px;line-height:1.8}.contact-orbits{border-color:#dfc5ff24;right:-180px;top:65px;width:610px;height:610px}.contact-orbits:before,.contact-orbits:after{border-color:#dfc5ff24}.contact-orbits i{background:#faade0;box-shadow:0 0 30px #ef9af58f}
.site-footer{background:#11182b;color:#bdc5dc;padding-top:42px;padding-bottom:34px}.footer-inner{border:0;padding-top:0;display:grid;grid-template-columns:1.3fr .6fr .9fr;gap:55px}.footer-brand>a{display:inline-block;padding:10px 13px;background:#f9faff;border-radius:8px;line-height:0}.footer-brand img{width:220px;height:auto}.footer-brand>p{margin-top:15px;font-size:11px;line-height:1.8;color:#c1c9dc}.footer-brand>p:last-child{font-size:10px;color:#8591ad}.footer-label{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#8c9cbc;margin-bottom:15px}.footer-menu ul{flex-direction:column;gap:9px;font-size:12px}.footer-menu a:hover{color:#f2b0dc}.footer-note>p{font-size:23px;line-height:1.4;letter-spacing:-.03em;color:#e6e8f5}.footer-note>.back-to-top{font-size:11px;margin-top:25px;color:#a9b8d7}
.modal{border-radius:22px;padding:38px;border-color:var(--line)}.modal::backdrop{background:#11182bbd;backdrop-filter:blur(9px)}.modal h2{font-size:43px;line-height:1.08;letter-spacing:-.05em}.dialog-email{color:var(--accent);font-size:13px;display:inline-block;margin:0 0 15px;border-bottom:1px solid var(--line)}.brief-form input,.brief-form select,.brief-form textarea{border-color:var(--line);background:var(--panel);color:var(--ink);border-radius:8px;font-size:14px}.brief-actions{gap:10px}.brief-actions .button{font-size:12px;padding:13px 18px}.brief-form .hint{font-size:11px;line-height:1.7}.brief-form .form-status{font-size:12px;line-height:1.7}
.branded-page-heading{padding:152px var(--gutter) 56px;background:radial-gradient(ellipse at 80% 10%,#ecddff7a,transparent 50%)}.branded-page-heading .eyebrow{font-size:10px;color:var(--purple)}.branded-page-heading h1{font-size:clamp(42px,5vw,72px);margin:17px 0 18px;line-height:1.1}.branded-page-heading>a{font-size:12px;color:var(--muted)}.branded-inner>.studio,.branded-inner>.services{padding-top:60px}.branded-inner>.contact{margin-top:20px}.branded-inner>.faq{padding-top:70px}.branded-inner .work-section,.js:not(.static-mode) .branded-inner .work-section{height:auto}.branded-inner .work-stage,.js:not(.static-mode) .branded-inner .work-stage{height:auto;min-height:0;position:relative;padding:65px var(--gutter)}.branded-inner .section-heading{margin-left:0;margin-right:0}.branded-inner .work-rail{width:auto;display:grid;grid-template-columns:1fr 1fr;padding:0;transform:none!important;gap:38px 26px}.branded-inner .work-card{width:auto;min-width:0}.branded-inner .work-visual{height:350px}.branded-inner .work-nav{display:none}.inner-page .entry-content a{color:var(--accent)}
:root[data-theme="dark"] .services-intro>.eyebrow,:root[data-theme="dark"] .studio .eyebrow,:root[data-theme="dark"] .faq-heading .eyebrow{color:#bca0f7}
@media(min-width:1650px){.story-body,.stage-topline,.services-layout,.process-heading,.process-cards,.studio-panel,.contact-main,.footer-inner{max-width:1390px;margin-left:auto;margin-right:auto}.scene-copy h1,.scene-copy h2{font-size:90px}.story-body{gap:60px}}
@media(min-width:901px) and (max-width:1160px){.logo-wrap .custom-logo{width:220px}.header-nav ul{gap:20px}.header-actions>.button{font-size:12px}.header-actions{gap:9px}.scene-copy h1,.scene-copy h2{font-size:5.7vw}.story-world{transform:scale(.84);margin-left:-25px}.scene-action{gap:15px}.scene-action .button{padding:13px 18px}.scene-description{max-width:335px;font-size:14px}.coordinate-one{display:none}}
@media(max-width:900px){.logo-wrap .custom-logo{width:235px}.header-actions>.button{display:none}.header-actions{gap:10px}.mobile-menu{top:91px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-menu nav a{font-size:30px;font-weight:500;letter-spacing:-.04em;padding:11px 0}.mobile-menu .eyebrow{margin-top:23px}.site-header{height:85px}.site-progress{top:84px}.mobile-menu{top:85px}.story-stage{padding-top:116px}.stage-topline .eyebrow{font-size:8px}.stage-location{font-size:8px}.scene-copy h1,.scene-copy h2{font-size:5.8vw}.scene-description{font-size:13px;max-width:310px}.scene-index{font-size:9px;margin-bottom:17px}.scene-action .button{font-size:11px;padding:12px 16px}.scene-action .text-link{font-size:11px}.story-world{transform:scale(.73);margin-left:-48px}.orbit-label{display:none}.world-instruction{display:none}.work-card{width:70vw}.section-heading .aside{max-width:175px;font-size:11px}.services-layout{gap:5vw;grid-template-columns:.8fr 1.2fr}.service summary{font-size:22px}.service-detail{font-size:13px}.service-sculpture{transform:scale(.75);transform-origin:left top;max-height:165px}.studio-panel{padding:35px;gap:35px}.studio h2{font-size:36px}.studio-text{font-size:13px}.process-cards{gap:18px}.process-card h3{font-size:18px}.process-card p{font-size:12px}.faq{gap:5vw}.faq-heading h2{font-size:35px}.faq-item summary{font-size:15px}.contact-main{gap:5vw;grid-template-columns:1.1fr .9fr}.contact h2{font-size:7.3vw}.contact-details a{font-size:14px}.contact-side>p{font-size:13px}.footer-inner{gap:35px}.footer-brand img{width:180px}.footer-note>p{font-size:21px}}
@media(max-width:700px){.site-header{height:76px;padding-left:22px;padding-right:20px}.site-progress{top:75px}.logo-wrap .custom-logo{width:197px}.theme-toggle,.menu-toggle{width:38px;height:38px}.header-actions{gap:8px}.mobile-menu{top:76px;padding:28px var(--gutter) 34px;border-radius:0 0 22px 22px}.mobile-menu nav a{font-size:29px}.story-stage{padding-top:104px}.stage-topline{margin-bottom:0}.stage-topline .eyebrow{font-size:8px;letter-spacing:.09em}.stage-location{display:none}.story-body{display:block;min-height:0;height:calc(100svh - 190px)}.copy-stack{padding-top:21px;height:48%;display:block}.scene-copy{padding:0;max-width:100%}.scene-index{display:none}.scene-copy h1,.scene-copy h2{font-size:clamp(36px,10.55vw,56px);letter-spacing:-.052em;line-height:1.05}.scene-description{font-size:11px;line-height:1.65;margin-top:12px;max-width:330px}.scene-action{margin-top:14px;gap:15px;flex-wrap:nowrap}.scene-action .button{font-size:10px;min-height:36px;padding:10px 14px;gap:13px}.scene-action .text-link{font-size:10px;white-space:nowrap}.scene-action .text-link>span{font-size:15px}.story-world{height:435px;width:475px;position:absolute;top:50%;left:50%;transform:translateX(-50%) scale(.64);transform-origin:top center;margin:0}.world-grid{inset:-20px -40px}.world-glow{inset:-10% -10% 0}.world-coordinate{display:none}.phone{right:-5px;top:93px}.floating-note{top:68px;right:8px}.live-badge{bottom:93px}.scene-picker{bottom:-2px;transform:translateX(-50%)}.scene-picker button{font-size:13px;min-height:45px;padding:11px 14px}.story-bottom{bottom:15px;padding-top:13px}.scroll-invitation{font-size:8px;gap:7px}.scroll-invitation span{font-size:17px}.chapter-nav{gap:13px}.chapter-nav button{font-size:8px;min-height:32px;gap:0}.chapter-nav button b{display:none}.chapter-nav button[aria-current="step"]{font-weight:700}.story-skip{display:none}.chapter-trace{height:2px}.js:not(.static-mode) .story{height:440svh}
.work-section,.js:not(.static-mode) .work-section{height:auto}.work-stage,.js:not(.static-mode) .work-stage{height:auto;min-height:0;position:relative;padding:65px 0 36px}.section-heading{margin-bottom:26px;display:block}.section-heading .eyebrow{font-size:9px}.section-heading h2{font-size:34px;line-height:1.13;margin-top:14px}.section-heading .aside{margin-top:17px;max-width:290px;font-size:11px}.work-rail{gap:18px;overflow-x:auto;width:100%;scroll-snap-type:x mandatory;padding-bottom:10px}.work-card{width:84vw;scroll-snap-align:center}.work-visual{height:300px;border-radius:14px}.project-fallback-title{font-size:38px;margin-bottom:18px}.project-monogram{font-size:120px;right:25px;top:55px}.project-type-art{padding:25px}.project-sector{left:16px;top:16px;font-size:9px;padding:6px 11px}.project-open{width:39px;height:39px;font-size:21px;right:17px;bottom:17px}.work-meta{margin-top:15px}.work-meta h3{font-size:20px}.work-meta p{font-size:11px}.work-nav{margin-top:24px}.work-control button{width:40px;height:40px}.services{padding-top:67px;padding-bottom:62px}.services-layout{display:block}.services-intro{margin-bottom:32px}.services-intro h2{font-size:37px;margin:16px 0 19px}.services-intro>p{font-size:13px;max-width:300px}.services-link{margin-top:13px;font-size:11px}.service-sculpture{display:none}.service summary{font-size:21px;line-height:1.35;padding:22px 0;gap:13px;letter-spacing:-.04em}.service summary .num{font-size:9px;margin:0}.service summary .plus{width:29px;height:29px}.service-detail{padding-left:26px;font-size:13px;line-height:1.85}.tag{font-size:9px}.service-detail .tags{gap:6px}.process{padding-top:58px;padding-bottom:60px}.process-heading{display:block;margin-bottom:30px}.process-heading h2{font-size:35px;line-height:1.14;margin-top:14px}.process-heading>p{margin-top:16px;font-size:13px;max-width:270px}.process-cards{grid-template-columns:1fr 1fr;gap:31px 23px}.process-connector{display:none}.process-number{width:40px;height:40px;font-size:10px}.process-symbol{margin-top:14px;transform:scale(.83);transform-origin:left center;height:48px}.process-card h3{font-size:19px;margin-top:12px}.process-card p{font-size:12px;line-height:1.85}.studio{padding-top:60px;padding-bottom:60px}.studio-panel{display:block;padding:29px 25px;border-radius:18px}.studio h2{font-size:34px;line-height:1.1;margin-top:16px}.studio-origin{margin-top:23px;gap:12px;font-size:8px}.studio-text{margin-top:25px;font-size:13px}.tech-strip{gap:6px}.tech-strip span{font-size:9px;padding:6px 10px}.faq{display:block;padding-bottom:64px}.faq-heading h2{font-size:35px;margin-top:15px}.faq-heading>p:last-child{font-size:13px;max-width:285px;margin-top:16px}.faq-list{margin-top:28px}.faq-item summary{font-size:15px;padding:21px 0}.faq-item>p{font-size:13px;padding-bottom:22px}.contact{padding:60px var(--gutter) 57px}.contact-main{display:block}.contact h2{font-size:clamp(48px,12.15vw,73px);line-height:1.055;margin:21px 0 28px}.contact .button{font-size:12px;padding:14px 21px}.contact-side{padding-top:37px;max-width:100%}.contact-side>p{font-size:14px;max-width:290px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:23px 12px;margin-top:25px}.contact-details>div:first-child{grid-column:1 / -1}.contact-details a{font-size:14px}.contact-details address{font-size:12px}.contact-label{font-size:8px}.contact-orbits{top:300px;right:-390px}.site-footer{padding-top:32px;padding-bottom:28px}.footer-inner{grid-template-columns:1.3fr .7fr;gap:30px 22px}.footer-brand img{width:166px}.footer-brand>a{padding:9px 10px}.footer-brand>p{font-size:10px}.footer-brand>p:last-child{font-size:9px}.footer-menu ul{font-size:11px;gap:10px}.footer-label{font-size:8px;margin-bottom:13px}.footer-note{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #73819e33;padding-top:24px}.footer-note>p{font-size:19px}.footer-note>.back-to-top{display:flex!important;margin:0;font-size:10px}.modal{padding:30px 23px;width:min(94vw,560px)}.modal h2{font-size:36px}.dialog-email{font-size:12px}.brief-actions .button{min-height:43px}.branded-page-heading{padding-top:119px;padding-bottom:35px}.branded-page-heading h1{font-size:39px}.branded-inner .work-stage,.js:not(.static-mode) .branded-inner .work-stage{padding:50px var(--gutter)}.branded-inner .work-rail{display:grid;grid-template-columns:1fr;overflow:visible;padding:0;gap:32px}.branded-inner .work-card{width:100%}.branded-inner .work-visual{height:300px}.static-mode .story-body{height:auto}.static-mode .copy-stack{height:auto;padding-top:28px}.static-mode .scene-copy{margin:0 0 35px}.static-mode .story-stage{padding-bottom:25px}.static-mode .story-world{display:none}.static-mode .story-bottom{display:none}.admin-bar .site-header{top:46px}.admin-bar .site-progress{top:121px}.admin-bar .mobile-menu{top:122px}.admin-bar .story-stage{padding-top:148px}}
@media(max-width:700px) and (max-height:760px){.story-stage{padding-top:96px}.story-body{height:calc(100svh - 170px)}.copy-stack{padding-top:16px;height:54%}.scene-copy h1,.scene-copy h2{font-size:clamp(34px,9.5vw,43px)}.scene-description{font-size:10px;line-height:1.6;margin-top:9px;max-width:310px}.scene-action{margin-top:10px}.scene-action .button{min-height:33px;padding:9px 12px}.story-world{top:56%;transform:translateX(-50%) scale(.45)}.scene-picker{bottom:6px;transform:translateX(-50%) scale(1.15)}.scene-picker button{min-height:49px;font-size:14px}.story-bottom{bottom:8px;padding-top:9px}.chapter-nav{gap:10px}.scroll-invitation{font-size:7px}.story-bottom .chapter-nav button{font-size:8px;min-height:28px}}
@media(min-width:701px) and (max-height:780px){.story-stage{padding-top:111px}.stage-topline{margin-bottom:5px}.story-body{min-height:calc(100svh - 225px)}.scene-copy h1,.scene-copy h2{font-size:clamp(45px,5vw,72px)}.scene-index{font-size:9px;margin-bottom:16px}.scene-description{margin-top:18px;font-size:13px;max-width:350px}.scene-action{margin-top:21px}.scene-copy{padding-bottom:20px}.story-world{transform:scale(.82)}.world-instruction{display:none}.js:not(.static-mode) .work-stage{padding-top:108px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:42px}.work-visual{height:36svh}.work-nav{margin-top:21px}}
@media(min-width:701px) and (max-width:900px) and (max-height:780px){.story-world{transform:scale(.67)}.scene-copy h1,.scene-copy h2{font-size:43px}.scene-description{max-width:280px;font-size:12px}.scene-action{gap:12px}.scene-action .button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.source-project-image{transition:none}.process-symbol{transform:none}.process-connector i{transform:scaleX(1)}}
@media print{.source-project-image{opacity:1}.process,.contact,.site-footer,.work-section{background:#fff!important;color:#17213b!important}.contact h2 em,.contact-side>p,.contact-details address,.contact-label{color:#17213b!important}.site-footer img{max-width:200px}}
/* Keep demo controls usable after the mobile illustration is scaled. */
@media(max-width:700px){.scene-picker{transform:translateX(-50%) scale(1.35);bottom:-7px}.scene-picker button{min-height:51px;font-size:13px}}
@media(max-width:700px) and (max-height:760px){.scene-picker{transform:translateX(-50%) scale(1.8);bottom:-8px}.scene-picker button{min-height:53px;font-size:14px}}
/* Avoid overlapping text when crossing chapter boundaries. */
.js:not(.static-mode) .scene-copy:not(.is-active){visibility:hidden;transition:opacity .18s ease,transform .25s ease}
:root[data-theme="dark"] .logo-wrap{background:#f9faff;padding:7px 10px;border-radius:8px}
:root[data-theme="dark"] .scene-copy .accent-word{background-image:linear-gradient(110deg,#81a6ff,#ba91ff,#ff96ca)}

/* v3.4.3 professional footer */
.wft-pro-footer{position:relative;overflow:hidden;background:#0b1020;color:#c6cee0;padding:0;border-top:1px solid rgba(255,255,255,.06)}
.wft-pro-footer .wft-shell{position:relative;z-index:2}
.wft-footer-glow{position:absolute;inset:-20% -10% auto 40%;height:520px;background:radial-gradient(circle at center,rgba(97,76,255,.22),rgba(230,49,142,.08) 38%,transparent 70%);pointer-events:none}
.wft-footer-cta{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:70px;align-items:end;padding:82px 0 68px;border-bottom:1px solid rgba(255,255,255,.11)}
.wft-footer-cta .eyebrow{color:#9faeff;font-size:10px;letter-spacing:.17em;margin:0 0 20px}
.wft-footer-cta h2{color:#fff;font-size:clamp(42px,5.2vw,76px);line-height:.98;letter-spacing:-.055em;margin:0;font-weight:650}
.wft-footer-cta h2 span{background:linear-gradient(90deg,#6385ff 2%,#9a63eb 47%,#ee3a91 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.wft-footer-cta-action{padding-bottom:7px}
.wft-footer-cta-action p{font-size:14px;line-height:1.75;color:#aab5cf;max-width:390px;margin:0 0 25px}
.wft-footer-button{background:linear-gradient(110deg,#4269ff,#7b59e9 53%,#e72d88);border:0;color:#fff;box-shadow:0 15px 45px rgba(83,82,225,.22)}
.wft-footer-button:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(83,82,225,.32)}
.wft-footer-main{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(130px,.55fr) minmax(200px,.85fr) minmax(235px,.85fr);gap:48px;padding:68px 0 58px}
.wft-footer-logo{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:12px 15px;line-height:0;box-shadow:0 16px 35px rgba(0,0,0,.15)}
.wft-footer-logo img{display:block;width:min(100%,240px);height:auto}
.wft-footer-intro{max-width:330px;margin:23px 0 25px;color:#98a4bf;font-size:13px;line-height:1.8}
.wft-footer-socials{display:flex;gap:9px;flex-wrap:wrap}
.wft-footer-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#e9edf8;font-size:9px;font-weight:700;text-transform:uppercase;transition:.25s ease;position:relative}
.wft-footer-socials a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wft-footer-socials a:hover{border-color:#805fff;background:linear-gradient(135deg,#4269ff,#e72d88);transform:translateY(-2px)}
.wft-footer-label{margin:3px 0 23px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.16em;color:#7f8aa5}
.wft-footer-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.wft-footer-list li{margin:0;padding:0}
.wft-footer-list a{font-size:13px;line-height:1.45;color:#d4daea;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}
.wft-footer-list a:hover{color:#fff;transform:translateX(3px)}
.wft-footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.wft-footer-contact-link{display:block;color:#f0f3fb;font-size:13px;line-height:1.5;margin-bottom:13px;text-decoration:none}
.wft-footer-contact-link span{display:block;text-transform:uppercase;letter-spacing:.14em;color:#73809d;font-size:8px;margin-bottom:4px}
.wft-footer-contact-link:hover{color:#a987ff}
.wft-footer-secondary-phone{margin-top:-8px;color:#a8b2ca}
.wft-footer-contact address{font-style:normal;color:#8f9ab4;font-size:12px;line-height:1.75;margin-top:13px;max-width:235px}
.wft-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 0 30px;border-top:1px solid rgba(255,255,255,.11)}
.wft-footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#717d98;font-size:10px;line-height:1.5}
.wft-footer-legal a{color:#9aa5bd;text-decoration:none}
.wft-footer-legal a:hover{color:#fff}
.wft-footer-top{display:inline-flex;align-items:center;gap:14px;color:#c9d0df;font-size:11px;text-decoration:none;white-space:nowrap}
.wft-footer-top b{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:14px;font-weight:400;transition:.25s ease}
.wft-footer-top:hover b{background:#fff;color:#0b1020;transform:translateY(-2px)}
:root[data-theme="dark"] .wft-pro-footer{background:#070b16}
@media(max-width:1050px){.wft-footer-main{grid-template-columns:1.15fr .7fr 1fr;}.wft-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;border-top:1px solid rgba(255,255,255,.09);padding-top:32px}.wft-footer-contact .wft-footer-label{grid-column:1/-1;margin-bottom:0}.wft-footer-contact address{margin-top:0}.wft-footer-secondary-phone{margin-top:0}}
@media(max-width:700px){.wft-pro-footer{padding:0}.wft-footer-cta{grid-template-columns:1fr;gap:28px;padding:58px 0 46px}.wft-footer-cta h2{font-size:clamp(42px,13vw,60px)}.wft-footer-cta-action p{font-size:12px;max-width:310px}.wft-footer-main{grid-template-columns:1fr 1fr;gap:45px 28px;padding:48px 0 40px}.wft-footer-brand{grid-column:1/-1}.wft-footer-logo img{width:190px}.wft-footer-intro{font-size:12px;margin-top:20px}.wft-footer-services{grid-column:auto}.wft-footer-contact{grid-column:1/-1;display:block;padding-top:30px}.wft-footer-contact .wft-footer-label{margin-bottom:22px}.wft-footer-contact address{margin-top:18px}.wft-footer-bottom{align-items:flex-start;padding:23px 0 29px}.wft-footer-legal{gap:10px 16px;font-size:9px;max-width:78%}.wft-footer-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.wft-footer-top b{width:37px;height:37px}.site-footer .wft-footer-top{display:inline-flex}}
@media(max-width:430px){.wft-footer-main{grid-template-columns:1fr}.wft-footer-column{grid-column:1}.wft-footer-services{grid-column:1}.wft-footer-list{gap:11px}.wft-footer-cta{padding-top:50px}.wft-footer-cta h2{font-size:44px}.wft-footer-bottom{gap:15px}.wft-footer-legal{max-width:none;flex:1}}