@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/dm-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(fonts/dm-sans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/libre-baskerville-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/libre-baskerville-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--cream:#f3f0e7;--ink:#262924;--lime:#c3f78a;--muted:#777b72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #7b9c53;outline-offset:6px}.split{height:100svh;min-height:760px;position:relative;display:flex;overflow:hidden}.masthead{position:absolute;top:0;left:0;right:0;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;z-index:5;pointer-events:none;color:white;mix-blend-mode:difference}.masthead a{pointer-events:auto}.brand{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px;display:inline-flex;gap:7px;align-items:center}.brand-star{font-size:31px;font-weight:400}.header-note{font-size:9px;letter-spacing:2px}.header-link{font-size:12px}.header-link span{margin-left:20px}.panel{position:relative;overflow:hidden;padding:142px 4vw 35px;flex-shrink:0}.light{width:var(--left);background:var(--cream)}.dark{width:calc(100% - var(--left));background:#242925;color:#f3f0e7}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;white-space:nowrap}.index,.section-kicker{font-size:10px;letter-spacing:2px;font-weight:600}.direction{border:0;background:none;color:inherit;font-size:12px;padding:0;white-space:nowrap}.direction span{margin-left:15px}.panel-content{position:relative;z-index:2;width:520px;max-width:100%;margin-top:55px;transition:opacity .2s,transform .3s}h1,h2{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-3.5px;font-size:clamp(44px,4.5vw,76px);line-height:1.07;margin:0}em{font-family:'Libre Baskerville',serif;font-weight:400;letter-spacing:-3px}.dot{color:#e06a45}.dark .dot{color:var(--lime)}.intro{font-size:13px;line-height:1.8;margin:25px 0 18px;color:#707369}.dark .intro{color:#aeb5ab}.services{display:flex;flex-wrap:wrap;gap:6px;max-width:420px}.services span{font-size:10px;border:1px solid #d8d8cd;padding:7px 10px;border-radius:30px}.dark .services span{border-color:#495047;color:#cad0c5}.cta{margin-top:28px;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;padding:12px 0;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:35px}.cta span{font-size:20px}.dark .cta{color:var(--lime)}.panel-foot{position:absolute;bottom:34px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.7px;white-space:nowrap;color:#858a7e}.art{position:absolute;pointer-events:none;opacity:.8;transition:opacity .3s;z-index:1}.design-art{width:340px;height:300px;right:-75px;bottom:82px;transform:rotate(-12deg)}.design-window{position:absolute;width:250px;height:190px;top:65px;left:50px;background:#e9ebdf;border:1px solid #bfc6b3;box-shadow:12px 18px 0 #dfe4d2;border-radius:7px}.window-bar{height:28px;border-bottom:1px solid #bcc4b0;display:flex;gap:4px;align-items:center;padding:9px}.window-bar i{width:4px;height:4px;border:1px solid #768269;border-radius:50%}.window-bar span{font-size:6px;letter-spacing:1px;margin-left:auto}.window-body{padding:18px;position:relative}.mini-label{font-size:6px;letter-spacing:1.2px}.sculpture{position:absolute;right:20px;top:25px;font-size:110px;color:#879b65;line-height:1}.mini-lines{margin-top:35px}.mini-lines b{display:block;background:#aeb99a;width:65px;height:5px;margin:8px 0}.mini-lines b:nth-child(2){width:45px}.mini-arrow{position:absolute;left:20px;top:110px}.orbit{position:absolute;width:330px;height:210px;border:1px solid #c7cdba;border-radius:50%;top:50px;left:0;transform:rotate(40deg)}.orbit-two{transform:rotate(-35deg)}.floating-label{position:absolute;bottom:18px;left:15px;background:var(--ink);color:var(--cream);font-size:9px;padding:10px 16px;transform:rotate(12deg)}.ai-art{width:400px;height:320px;right:-100px;bottom:75px}.ai-art svg{width:100%;height:100%}.net{fill:none;stroke:#88a172;stroke-width:.7;opacity:.6}.nodes{fill:var(--lime)}.node-label{position:absolute;font-size:6px;letter-spacing:1px;color:#bcd19f;background:#2b332a;border:1px solid #46533d;padding:6px 9px}.label-a{top:65px;left:48px}.label-b{bottom:38px;left:30px}.label-c{top:20px;right:20px}.seam{position:absolute;left:var(--left);top:50%;transform:translate(-50%,-50%);z-index:6;pointer-events:none}.seam span{display:grid;place-items:center;width:34px;height:56px;border-radius:30px;background:var(--cream);border:1px solid #ccd1c2;font-size:15px}.scroll-cue{position:absolute;bottom:25px;left:50%;z-index:5;color:white;mix-blend-mode:difference;font-size:22px}.collapsed .panel-content{opacity:0;transform:translateY(15px);pointer-events:none;visibility:hidden}.collapsed .art{opacity:.22}.collapsed .panel-top{flex-direction:column;align-items:flex-start;gap:30px}.collapsed .direction{font-size:20px;white-space:normal}.collapsed .panel-foot .explore-hint{display:none}.collapsed .panel-foot{white-space:normal;line-height:2}.process{padding:85px 7vw 0}.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:32px 0 55px}.process-heading h2{font-size:48px;letter-spacing:-2px}.process-heading p{max-width:350px;font-size:14px;line-height:1.8;color:#707369}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d0d3c6;gap:50px;padding:28px 0 35px}.steps article>span{font-size:11px;color:#7b876d}.steps h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:24px 0 12px}.steps p,.detail-row p{font-size:13px;line-height:1.8;color:#73796c;max-width:320px}.detail-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d0d3c6;gap:60px;padding:20px 0 50px}.detail-row p{max-width:500px}.detail-row strong{color:var(--ink);font-weight:500}footer{border-top:1px solid #d0d3c6;display:flex;justify-content:space-between;align-items:center;padding:30px 0}footer>span{font-size:11px;color:#73796c}.footer-contact{border:0;background:none;font-size:12px}dialog{border:0;border-radius:12px;background:var(--cream);color:var(--ink);padding:42px;width:580px;max-width:calc(100% - 30px);max-height:90svh;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#141b16b3;backdrop-filter:blur(8px)}dialog h2{font-size:40px;letter-spacing:-2px;margin-top:20px}.close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:30px}.demo-note{font-size:12px;line-height:1.6;color:#73796c;margin:20px 0}label{display:block;font-size:11px;margin-top:16px}input,select,textarea{display:block;width:100%;border:1px solid #c9cebe;background:#ffffff65;border-radius:4px;padding:11px;margin-top:7px;color:var(--ink);font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #809865;outline-offset:2px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-status{font-size:12px;color:#50643c;line-height:1.6}
@media(min-width:1500px){.art{right:2vw;bottom:110px}.panel-content{margin-top:70px}.design-art{width:360px}.ai-art{width:420px}}
@media(max-width:1100px) and (min-width:1025px){.panel{padding-left:3vw;padding-right:3vw}.panel-content{margin-top:55px}h1,h2{font-size:48px}.art{opacity:.4;bottom:65px}.panel-foot{left:3vw;right:3vw}.explore-hint{display:none}.header-note{font-size:8px}}
@media(max-width:1024px){.split{height:auto;min-height:0;display:block;padding-top:80px;background:var(--cream)}.masthead{height:80px;mix-blend-mode:normal;color:var(--ink);padding:0 24px}.brand{font-size:28px}.header-note{display:none}.panel{width:100%;padding:30px 24px 75px;min-height:640px}.panel-top{gap:10px}.panel-content{width:100%;margin-top:35px}h1,h2{font-size:clamp(44px,10vw,66px);letter-spacing:-2.5px}.intro{font-size:12px}.art{opacity:.4;right:-75px;bottom:50px}.panel-foot{left:24px;right:24px;bottom:24px;font-size:7px}.explore-hint,.seam,.scroll-cue{display:none}.collapsed{min-height:112px;height:112px;padding-top:30px;padding-bottom:25px}.collapsed .panel-top{flex-direction:row;align-items:center;gap:10px}.collapsed .direction{font-size:14px}.collapsed .panel-content,.collapsed .art,.collapsed .panel-foot{display:none}.process{padding:55px 24px 0}.process-heading{display:block;margin-bottom:35px}.process-heading h2{font-size:36px;letter-spacing:-1.5px}.process-heading p{margin-top:25px}.steps{grid-template-columns:1fr;gap:25px}.steps article{display:grid;grid-template-columns:35px 1fr;gap:0 12px}.steps article>span{padding-top:8px}.steps h3{margin:0}.steps p{grid-column:2;max-width:none}.detail-row{grid-template-columns:1fr;gap:0;padding-bottom:30px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}dialog{padding:32px 24px}dialog h2{font-size:34px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.mobile-welcome,.direction small{display:none}.debug-preview{position:fixed;right:16px;bottom:16px;z-index:8;background:#f3f0e7;color:#262924;border:1px solid #bac2ae;box-shadow:0 3px 15px #0001;border-radius:24px;padding:11px 16px;font-size:11px}
@media(max-width:1024px){
.debug-preview{display:none}.split{padding:80px 16px 24px}.masthead{padding:0 24px}.header-link{min-height:48px;display:flex;align-items:center}.mobile-welcome{display:block;padding:16px 8px 25px}.mobile-welcome h2{font-size:38px;letter-spacing:-1.8px;margin-top:16px}.mobile-welcome h2 em{letter-spacing:-1.8px}.mobile-welcome p{font-size:16px;line-height:1.6;color:#73796c;margin-bottom:0}.panel{border-radius:16px;width:100%;padding:24px;margin:0 0 12px;min-height:0;height:auto}.panel-top,.collapsed .panel-top{display:block}.index{display:block;font-size:9px;margin-bottom:12px}.direction,.collapsed .direction{display:block;text-align:left;position:relative;width:100%;min-height:70px;font-size:25px;font-weight:500;letter-spacing:-.6px;white-space:normal;padding:0 36px 0 0}.direction>span{position:absolute;right:0;top:2px;margin:0;transition:transform .2s}.direction[aria-expanded=true]>span{transform:rotate(90deg)}.direction small{display:block;margin-top:10px;font-size:14px;letter-spacing:0;line-height:1.5;color:#707369;font-weight:400}.dark .direction small{color:#b7c0af}.collapsed{height:auto;min-height:0;padding:24px}.panel-content{margin-top:28px}.panel-content h1,.panel-content h2{font-size:38px;letter-spacing:-1.8px;line-height:1.12}.panel-content em{letter-spacing:-1.8px}.intro{font-size:16px;line-height:1.6;margin-top:20px}.intro br{display:none}.services{gap:8px}.services span{font-size:12px;padding:8px 11px}.cta{min-height:48px;font-size:15px;margin-top:20px;width:100%;justify-content:space-between}.art,.panel-foot{display:none}.process{padding-top:32px}.process-heading p,.steps p,.detail-row p{font-size:16px;line-height:1.65}.steps{gap:30px}.footer-contact{min-height:48px;font-size:15px}.close{width:48px;height:48px;right:8px;top:8px}dialog{max-width:calc(100% - 16px);width:100%;max-height:calc(100svh - 16px);border-radius:16px;padding:32px 24px}dialog h2{font-size:32px}.demo-note{font-size:14px}label{font-size:14px}input,select,textarea{font-size:16px;min-height:48px}.form-row{gap:0}.form-status{font-size:14px}
}
@media(max-width:1024px){.light{background:#e9e8dc;border:1px solid #d9decd}.mobile-welcome{padding-top:8px;padding-bottom:20px}.mobile-welcome h2{font-size:34px}.mobile-welcome p{font-size:15px}.panel,.collapsed{padding:20px}.direction,.collapsed .direction{font-size:24px;min-height:60px}.direction small{font-size:13px}}
.shared-slogan{position:absolute;z-index:4;top:130px;left:0;width:100%;text-align:center;color:white;mix-blend-mode:difference;pointer-events:none}.shared-slogan h1{font-size:clamp(50px,5.5vw,82px);margin:20px 0 0;line-height:1.08}.shared-slogan p{font-size:13px;margin-top:20px;letter-spacing:.1px}.rotating-phrase{display:inline-block;min-width:7.5em;text-align:center;white-space:nowrap}.shared-slogan .slogan-dot{color:inherit}.panel{padding-top:410px}.panel-content{margin-top:28px}.panel-content .intro{margin-top:0}.seam{top:66%}.art{opacity:.45;bottom:60px}
@media(min-width:1500px){.panel-content{margin-top:28px}}
@media(max-width:1100px) and (min-width:1025px){.panel-content{margin-top:28px}}
@media(max-width:1024px){.shared-slogan{position:relative;top:auto;left:auto;color:var(--ink);mix-blend-mode:normal;text-align:left;padding:8px 8px 22px;width:100%}.shared-slogan h1{font-size:39px;letter-spacing:-1.8px;margin:16px 0 0}.shared-slogan h1 em{letter-spacing:-1.8px}.rotating-phrase{min-width:0;text-align:left}.shared-slogan p{font-size:15px;line-height:1.5;max-width:290px;margin-top:16px;color:#73796c}.panel,.collapsed{padding-top:20px}.panel-content{margin-top:24px}}
@media(max-width:360px){.shared-slogan h1{font-size:35px}}
/* Shared composition: one voice, phi-based text/art balance, 8px spacing rhythm. */
.split{--slogan-left:0%;--slogan-width:50%}.shared-slogan{top:190px;left:var(--slogan-left);width:var(--slogan-width);padding:0 4vw;text-align:left;mix-blend-mode:normal;color:var(--ink);overflow:hidden}.shared-slogan h1{font-size:clamp(38px,4.2vw,68px);letter-spacing:-2.5px;line-height:1.08;margin:0}.shared-slogan h1 em{letter-spacing:-2.2px}.rotating-phrase{min-width:0;text-align:left}.shared-slogan p{font-size:14px;line-height:1.618;margin:24px 0 0;color:#747a6b}.focus-dark .shared-slogan{color:var(--cream)}.focus-dark .shared-slogan p{color:#b7c0af}.slogan-dot{color:#879b65!important}.focus-dark .slogan-dot{color:var(--lime)!important}.concept-axis{position:absolute;z-index:7;top:130px;left:var(--left);transform:translateX(-50%);display:grid;grid-template-columns:120px 24px 120px;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.8px;pointer-events:none}.axis-form{text-align:right;padding-right:12px;color:#262924}.axis-cross{text-align:center;font-size:18px;line-height:24px;border-radius:50%;background:var(--cream);color:var(--ink);letter-spacing:0}.axis-intelligence{padding-left:12px;color:var(--cream)}.seam{display:none}.panel{padding-top:510px}.panel-top{position:relative;z-index:2;justify-content:flex-start;gap:24px}.panel-content{width:61.8%;min-width:340px}.collapsed .panel-content{min-width:0}.collapsed .panel-top{gap:16px}.collapsed .direction{font-size:18px}.art{right:0;bottom:120px;width:38.2%;max-width:420px;opacity:.65}.design-art{height:300px}.ai-art{height:320px}.collapsed .art{opacity:.15}.process-heading{display:grid;grid-template-columns:1.618fr 1fr;gap:48px}.process-heading p{max-width:none}.detail-row{grid-template-columns:1.618fr 1fr;gap:48px}.header-note{display:none}
@media(min-width:1500px){.panel{padding-top:560px}.shared-slogan{top:190px}.art{bottom:110px}}
@media(max-width:1024px){.concept-axis{position:relative;top:auto;left:auto;transform:none;display:flex;gap:8px;padding:8px;margin-bottom:12px;font-size:9px}.axis-form,.axis-intelligence{padding:0;color:var(--ink)}.axis-cross{background:none;font-size:16px;line-height:18px}.shared-slogan,.focus-dark .shared-slogan{top:auto;left:auto;width:100%;padding:0 8px 24px;color:var(--ink)}.shared-slogan h1{font-size:37px;letter-spacing:-1.6px}.shared-slogan h1 em{letter-spacing:-1.6px}.shared-slogan p,.focus-dark .shared-slogan p{font-size:15px;color:#73796c;margin-top:16px}.panel,.collapsed{padding-top:20px}.panel-content{width:100%;min-width:0}.panel-top{display:block}.process-heading{display:block}.detail-row{grid-template-columns:1fr;gap:0}.focus-dark .slogan-dot{color:#879b65!important}}
@media(max-width:360px){.shared-slogan h1{font-size:34px}}
@media(min-width:1025px){.shared-slogan{transition:opacity .24s ease}.changing-focus .shared-slogan{opacity:0;transition:none}}
.shared-slogan .slogan-dot,.focus-dark .shared-slogan .slogan-dot{color:inherit!important}
/* Give existing visual objects the space previously left uncomposed. */
@media(min-width:1025px){
.panel .art{top:180px;bottom:auto;right:3%;width:64%;height:390px;max-width:650px;opacity:.8}.split.has-focus .panel:not(.collapsed) .art{top:152px;right:3%;width:46%;height:440px;opacity:.95}.split:not(.has-focus) .light .art{top:225px;right:-12%;width:65%;height:360px;opacity:.32}.panel.collapsed .art{top:210px;right:-70%;width:170%;height:340px;opacity:.35}.design-window{width:74%;height:62%;left:13%;top:19%;border-radius:12px;box-shadow:16px 24px 0 #dfe4d2}.window-bar{height:38px;padding:12px}.window-bar i{width:5px;height:5px}.window-bar span{font-size:8px}.window-body{padding:24px}.mini-label{font-size:8px}.sculpture{font-size:clamp(120px,12vw,190px);right:24px;top:20px}.mini-lines{margin-top:55px}.mini-lines b{width:90px;height:7px;margin:12px 0}.mini-lines b:nth-child(2){width:65px}.mini-arrow{top:155px;left:24px;font-size:24px}.orbit{width:100%;height:74%;top:12%;left:0;border-color:#b8c3a3}.floating-label{bottom:8%;left:8%;font-size:11px;padding:12px 18px}.ai-art svg{overflow:visible}.node-label{font-size:8px;letter-spacing:1.5px;padding:8px 12px}.label-a{top:24%;left:10%}.label-b{bottom:15%;left:14%}.label-c{top:12%;right:6%}.panel.collapsed .node-label,.panel.collapsed .floating-label,.panel.collapsed .window-bar span,.panel.collapsed .mini-label{display:none}.panel.collapsed .direction{font-size:20px;line-height:1.35}.panel.collapsed .panel-top{top:-290px;gap:24px}.panel.collapsed .panel-foot{bottom:40px}.panel:not(.collapsed) .panel-content{position:relative;z-index:3}.panel:not(.collapsed) .panel-top{z-index:3}.split.has-focus .panel:not(.collapsed) .art::after{content:'';position:absolute;width:75%;height:75%;left:15%;top:12%;border-radius:50%;background:radial-gradient(ellipse,#b2c28b25,transparent 68%);z-index:-1}.shared-slogan{z-index:4}.panel-foot{bottom:24px}.panel-foot .explore-hint{display:none}
}
@media(min-width:1025px) and (max-width:1100px){.panel .art{height:330px}.split.has-focus .panel:not(.collapsed) .art{top:200px;height:350px;width:45%}.panel.collapsed .art{height:280px}.window-body{padding:16px}.sculpture{font-size:115px}.mini-lines{margin-top:35px}.mini-lines b{width:55px;height:5px}.mini-arrow{top:110px}.node-label{font-size:6px;padding:6px}.panel.collapsed .direction{font-size:16px}.floating-label{font-size:9px}.window-bar span,.mini-label{font-size:6px}}
/* Service-first hierarchy and a short hinge transition. */
.panel-foot{display:none}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:12px}.services>span{display:flex;flex-direction:column;gap:10px;border-radius:12px;padding:20px 16px;border:1px solid #cad1bd;background:#e8ebdf;font-size:inherit;min-width:0}.services strong{font-family:Manrope,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.6px;line-height:1.3}.services small{font-size:12px;line-height:1.5;color:#68745e}.dark .services>span{background:#343e30;border:1px solid #566b43;color:#eef8e3}.dark .services strong{color:var(--lime)}.dark .services small{color:#c3cfb7}.panel-content .cta{margin-top:20px;min-height:48px;padding:13px 20px;border:0;border-radius:8px;background:var(--ink);color:var(--cream);font-size:14px;gap:32px}.dark .panel-content .cta{background:var(--lime);color:var(--ink)}.scroll-cue{left:var(--left);transform:translateX(-50%);width:40px;height:40px;display:grid;place-items:center;bottom:16px;mix-blend-mode:normal;background:var(--cream);color:var(--ink);border-radius:50%;border:1px solid #c9cfbe;font-size:20px;line-height:1}.shared-slogan,.changing-focus .shared-slogan{opacity:1;transition:none}
@media(min-width:1025px){
.split{min-height:850px;perspective:1400px}.shared-slogan{top:160px}.shared-slogan h1{font-size:clamp(38px,3.8vw,58px)}.shared-slogan p{font-size:14px;margin-top:16px}.concept-axis{top:112px}.panel{padding-top:432px;padding-bottom:80px}.panel-top{gap:16px;align-items:center}.panel-top .direction{font-family:Manrope,sans-serif;font-size:30px;font-weight:600;letter-spacing:-1px;min-height:48px}.panel-top .index{font-size:9px}.panel-content{width:100%;min-width:0;margin-top:12px}.intro{font-size:15px;line-height:1.6;margin-bottom:20px}.panel .art,.split.has-focus .panel:not(.collapsed) .art{top:140px;height:305px;width:40%;right:2%;opacity:.75}.split:not(.has-focus) .light .art{top:170px;width:50%;height:260px;opacity:.2}.split:not(.has-focus) .dark .art{width:70%;height:310px}.panel.collapsed .art{top:265px;width:170%;right:-65%;height:320px;opacity:.3;filter:blur(2px);transform:perspective(1000px) rotateY(14deg)}.light.collapsed .art{transform:perspective(1000px) rotateY(-14deg) rotate(-12deg)}.panel.collapsed .panel-top{top:-245px}.panel.collapsed .direction{font-size:20px;font-weight:500;letter-spacing:-.4px}.panel::after{content:'';pointer-events:none;position:absolute;top:0;bottom:0;width:80px;z-index:1;opacity:0;transition:opacity 140ms ease}.light::after{right:0;background:linear-gradient(to left,#10181030,transparent)}.dark::after{left:0;background:linear-gradient(to right,#0007,transparent)}.changing-focus .panel::after{opacity:1}.changing-focus .panel:not(.collapsed) .art{animation:unfold 280ms ease-out both}.panel .art{transition:filter 200ms ease,opacity 200ms ease}.services>span{min-height:120px}.window-body{padding:16px}.sculpture{font-size:120px}.mini-lines{margin-top:32px}.mini-lines b{height:5px;width:65px}.mini-arrow{top:110px;font-size:18px}.floating-label{font-size:9px;padding:8px 12px}
}
@keyframes unfold{from{filter:blur(4px);transform:perspective(1000px) rotateY(-10deg) scale(.96)}to{filter:blur(0);transform:perspective(1000px) rotateY(0) scale(1)}}
@media(min-width:1025px) and (max-width:1200px){.services{gap:8px}.services>span{padding:14px 10px}.services strong{font-size:17px}.services small{font-size:11px}.panel-top .direction{font-size:25px}.panel-top{flex-wrap:wrap;gap:4px 12px}.intro{font-size:14px}.panel.collapsed .panel-top{flex-wrap:nowrap}}
@media(max-width:1024px){.services{grid-template-columns:1fr;gap:10px}.services>span{padding:16px;gap:6px}.services strong{font-size:20px}.services small{font-size:14px}.panel-content .cta{font-size:15px;width:100%;justify-content:space-between}.scroll-cue{display:none}.shared-slogan,.changing-focus .shared-slogan{opacity:1}.panel-content{margin-top:20px}}
/* Slow, balanced movement; centred categories remain useful when folded. */
@media(min-width:1025px){.changing-focus .panel:not(.collapsed) .art{animation-duration:650ms}.panel::after{transition:opacity 325ms ease}.panel .art{transition:filter 450ms ease,opacity 450ms ease}.panel.collapsed .panel-top{display:none}.panel.collapsed .panel-content{display:block;opacity:1;transform:none;visibility:visible;pointer-events:auto;position:relative;margin:0}.panel.collapsed{padding:196px 18px 80px}.panel.collapsed .intro,.panel.collapsed .cta,.panel.collapsed .art{display:none}.panel.collapsed .services{grid-template-columns:1fr;gap:14px}.panel.collapsed .services>button{padding:18px 10px;min-height:120px}.panel.collapsed .services strong{font-size:17px}.panel.collapsed .service-summary{display:none}.panel.collapsed .service-functions{font-size:11px;line-height:1.7}.panel.collapsed .services>button::after{font-size:14px}.panel-content{z-index:3}.services>button{min-height:155px}.split{min-height:900px}}
.services>button{font:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;border-radius:12px;padding:20px 16px;border:1px solid #cad1bd;background:#e8ebdf;color:var(--ink);min-width:0;position:relative;transition:background 200ms ease,border-color 200ms ease,box-shadow 200ms ease}.services>button::after{content:'↗';font-size:17px;line-height:1;margin-top:2px;color:#6b7b58}.services>button:hover,.services>button[aria-expanded=true]{background:#dde5ce;border-color:#8eaa68;box-shadow:0 8px 25px #18230a0d}.dark .services>button{background:#343e30;border-color:#566b43;color:var(--cream)}.dark .services>button:hover,.dark .services>button[aria-expanded=true]{background:#435335;border-color:#9cc56a;box-shadow:0 8px 25px #0002}.dark .services>button::after{color:var(--lime)}.service-functions{font-size:11px!important;line-height:1.6!important;color:#70815d!important}.dark .service-functions{color:#bbd39f!important}.services strong,.services small{display:block;text-align:center}.service-detail{display:none;position:absolute;z-index:5;top:155px;right:3%;width:39%;padding:28px;border:1px solid #b8c99f;border-radius:20px;background:#edf0e3;box-shadow:0 18px 55px #27371815;color:var(--ink)}.service-detail.visible{display:block;animation:detail-in 220ms ease-out}.service-detail .detail-kicker{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#72855d}.service-detail h2{font-size:28px;line-height:1.18;letter-spacing:-1px;margin:14px 0}.service-detail p{font-size:14px;line-height:1.65;margin:0;color:#667259}.service-detail ul{padding:16px 0 0;margin:0;list-style:none;display:grid;gap:10px}.service-detail li{font-size:13px;line-height:1.5;padding-left:20px;position:relative}.service-detail li::before{content:'↗';position:absolute;left:0;color:#7e9b58}.dark .service-detail{background:#303b2a;border-color:#667f4b;color:var(--cream);box-shadow:0 18px 55px #0003}.dark .service-detail h2{color:var(--lime)}.dark .service-detail p{color:#c0ccb5}.dark .service-detail .detail-kicker{color:#a1bb86}.dark .service-detail li::before{color:var(--lime)}.panel.detail-open .art{opacity:0!important}.detail-dismiss{border:0;background:none;color:inherit;position:absolute;right:8px;top:8px;width:36px;height:36px;font-size:24px}@keyframes detail-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1025px) and (max-width:1100px){.service-detail{padding:20px;top:150px}.service-detail h2{font-size:24px}.service-detail p{font-size:12px}.service-detail li{font-size:12px}.panel.collapsed{padding-left:12px;padding-right:12px}.panel.collapsed .services strong{font-size:15px}.services>button{padding:15px 10px}.service-summary{font-size:11px}}
@media(max-width:1024px){.services>button{padding:18px;min-height:0}.service-functions{font-size:12px!important}.service-detail{position:relative;top:auto;right:auto;width:100%;margin-top:20px;padding:24px}.service-detail h2{font-size:27px}.service-detail p,.service-detail li{font-size:15px}.service-detail.visible{display:block}.service-detail .detail-kicker{font-size:10px}.detail-dismiss{width:44px;height:44px}.panel.collapsed .service-detail{display:none}}
@media(min-width:1025px){.panel.collapsed .service-detail{display:none}}
/* Slogan fades only within the destination panel, finishing with the hinge. */
@media(min-width:1025px){.shared-slogan,.changing-focus .shared-slogan{opacity:var(--slogan-opacity,1);overflow:hidden;transition:none}.changing-focus .panel:not(.collapsed) .art{animation-duration:450ms}.panel::after{transition-duration:225ms}.panel .art{transition-duration:350ms}}
@media(max-width:1024px){.shared-slogan,.changing-focus .shared-slogan{opacity:1}}
/* Short service cards; quiet, non-interactive lists in the narrow panel. */
.category-overview{display:none}.services>button{min-height:110px;padding:24px 16px;gap:16px}.service-detail{width:44%;right:3.9%;top:145px;padding:32px;min-height:300px}.service-detail h2{font-size:30px}.service-detail p{font-size:15px}.service-detail li{font-size:14px}
@media(min-width:1025px){.changing-focus .panel:not(.collapsed) .art{animation-duration:350ms}.panel::after{transition-duration:175ms}.panel .art{transition-duration:280ms}.panel.collapsed .panel-content{display:none;visibility:hidden;pointer-events:none}.panel.collapsed .category-overview{display:grid;gap:28px;position:relative;z-index:3}.category-overview h3{font-family:Manrope,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin:0 0 12px}.dark .category-overview h3{color:var(--lime)}.category-overview ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.category-overview li{font-size:12px;line-height:1.55;color:#758166;padding-left:12px;position:relative}.category-overview li::before{content:'·';position:absolute;left:0;color:#8a9d70}.dark .category-overview li{color:#c0cbb5}.panel.collapsed{padding-top:190px}.service-detail.visible{display:flex;flex-direction:column;justify-content:center}.services strong{font-size:22px}}
@media(min-width:1025px) and (max-width:1100px){.service-detail{width:44%;right:3.9%;top:145px;padding:24px;min-height:280px}.service-detail h2{font-size:25px}.service-detail p{font-size:13px}.service-detail li{font-size:12px}.category-overview h3{font-size:16px}.category-overview li{font-size:11px}.panel.collapsed .category-overview{gap:24px}.services strong{font-size:18px}}
@media(max-width:1024px){.services>button{min-height:80px;flex-direction:row;justify-content:space-between;padding:20px;gap:16px}.services strong{text-align:left;font-size:20px}.services>button::after{margin:0}.service-detail{width:100%;right:auto;top:auto;padding:24px;min-height:0}.service-detail h2{font-size:27px}.service-detail p,.service-detail li{font-size:15px}}
/* Clear, deliberately aligned service affordance. */
.service-hint{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:11px;letter-spacing:.3px;color:#727f63}.service-hint::before{content:'';width:5px;height:5px;border-radius:50%;background:#849c65}.dark .service-hint{color:#b2c49c}.dark .service-hint::before{background:var(--lime)}.services>button{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;justify-items:start;gap:14px;min-height:100px;padding:22px 20px;text-align:left;border-radius:14px;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.services>button::after{display:none}.services>button strong{font-size:20px;line-height:1.3;letter-spacing:-.5px;text-align:left;max-width:100%}.service-affordance{display:grid;place-items:center;width:32px;height:32px;border:1px solid #aab999;border-radius:50%;font-family:'DM Sans',sans-serif;font-size:22px;font-weight:400;line-height:1;color:#687f4e;transition:transform 180ms ease,background 180ms ease,color 180ms ease}.dark .service-affordance{border-color:#71895a;color:var(--lime)}.services>button:hover,.services>button:focus-visible,.services>button[aria-expanded=true]{transform:translateY(-3px);box-shadow:0 10px 24px #28371c12}.services>button:hover .service-affordance,.services>button:focus-visible .service-affordance,.services>button[aria-expanded=true] .service-affordance{background:#748b56;color:white;border-color:#748b56;transform:rotate(90deg)}.dark .services>button:hover .service-affordance,.dark .services>button:focus-visible .service-affordance,.dark .services>button[aria-expanded=true] .service-affordance{background:var(--lime);color:var(--ink);border-color:var(--lime)}
@media(min-width:1025px) and (max-width:1200px){.services>button{grid-template-columns:minmax(0,1fr) 28px;padding:18px 14px;gap:10px}.services>button strong{font-size:17px}.service-affordance{width:28px;height:28px;font-size:20px}}
@media(max-width:1024px){.services>button{min-height:80px;padding:20px;grid-template-columns:minmax(0,1fr) 32px}.services>button strong{font-size:20px}.service-hint{font-size:12px}}
.services .service-affordance{font-size:22px;padding:0;border-radius:50%;border:1px solid #aab999;line-height:1}.dark .services .service-affordance{border-color:#71895a;color:var(--lime)}.services>button:hover .service-affordance,.services>button:focus-visible .service-affordance,.services>button[aria-expanded=true] .service-affordance{color:white}.dark .services>button:hover .service-affordance,.dark .services>button:focus-visible .service-affordance,.dark .services>button[aria-expanded=true] .service-affordance{color:var(--ink)}
/* One continuous geometry driver for illustration and divider alike. */
@media(min-width:1025px){.split .panel .art{display:block!important;width:var(--art-width)!important;height:var(--art-height)!important;top:var(--art-top)!important;right:var(--art-right)!important;bottom:auto!important;opacity:var(--art-opacity)!important;transform:var(--art-transform)!important;filter:blur(var(--art-blur))!important;animation:none!important;transition:none!important}.split .panel.detail-open .art{opacity:0!important}.split .panel .art::after{display:none!important}}
/* Detail occupies the available upper-right area, rather than hugging the edge. */
@media(min-width:1025px){.split .service-detail{left:35%;right:auto;top:112px;width:60%;min-height:340px;padding:36px 40px;border-radius:22px}.split .service-detail h2{font-size:34px;margin:16px 0}.split .service-detail p{font-size:16px;line-height:1.65;max-width:62ch}.split .service-detail ul{gap:12px;padding-top:22px}.split .service-detail li{font-size:15px}.split .service-detail .detail-kicker{font-size:10px}.split .detail-dismiss{right:12px;top:12px;width:40px;height:40px}}
@media(min-width:1025px) and (max-width:1100px){.split .service-detail{left:40%;width:56%;top:128px;padding:24px;min-height:310px}.split .service-detail h2{font-size:27px}.split .service-detail p{font-size:14px}.split .service-detail li{font-size:13px}.split .service-detail ul{gap:9px;padding-top:16px}}
.header-actions{display:flex;align-items:center;gap:28px;pointer-events:auto}.language-switch{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px}.language-switch>a{display:grid;place-items:center;min-height:36px;min-width:22px;opacity:.55}.language-switch>a[aria-current=page],.language-switch>a:hover{opacity:1}.language-switch>a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}.language-switch>span{opacity:.3}.service-detail.visible{animation:none}
@media(max-width:1024px){.header-actions{gap:12px}.language-switch>a{min-width:26px;min-height:44px}.header-link span{margin-left:8px}}
/* Section screens and hinge reveal. */
body{overflow:hidden}.scene-stage{height:100svh;position:relative;perspective:1800px;overflow:hidden}.scene{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;background:var(--cream);visibility:hidden;pointer-events:none;transform-origin:50% 50%;scrollbar-width:thin}.scene.active{visibility:visible;pointer-events:auto}.scene.revealing::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:15;backdrop-filter:blur(16px);mask-image:linear-gradient(90deg,black,transparent 45%,transparent 55%,black);background:linear-gradient(90deg,#10181025,transparent 50%,#10181025);animation:edge-clear 650ms ease-out both}@keyframes edge-clear{from{opacity:1}to{opacity:0}}.scene-content{max-width:1400px;margin:auto;padding:64px 6vw 90px}.back-link{display:inline-block;font-size:12px;color:#717d65;margin-bottom:40px}.offer-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end;margin:28px 0 40px}.offer-heading h2{font-size:54px;letter-spacing:-2.6px}.offer-heading p{font-size:15px;line-height:1.7;color:#707b63;max-width:460px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offer-card{padding:28px;border:1px solid #ccd4be;border-radius:18px;background:#e9edde}.offer-card h3{font-family:Manrope,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.8px;margin:18px 0}.offer-card ul{padding:0;list-style:none;margin:0 0 24px;display:grid;gap:10px;min-height:85px}.offer-card li{font-size:13px;line-height:1.5;color:#69775b}.offer-meta{border-top:1px solid #c7d0b9;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.offer-meta strong{font-size:24px;font-weight:500;letter-spacing:-.8px}.offer-meta>span{font-size:12px;color:#61754d}.offer-contact{border:0;background:none;color:#3b512b;font-size:13px;font-weight:600;padding:14px 0 0}.pricing-note{font-size:12px;line-height:1.7;color:#768169;margin-top:22px;max-width:800px}.next-section{display:inline-block;padding:14px 0;margin-top:20px;font-size:15px;border-bottom:1px solid #839570}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-grid h3{font-size:18px;font-weight:500;margin:12px 0}.concept-tag{display:block;margin-top:20px;font-size:9px;letter-spacing:1.8px;color:#778665}.concept-art{height:260px;border-radius:16px;padding:28px;overflow:hidden;position:relative}.concept-art>span{font-size:9px;letter-spacing:1.8px}.concept-art strong{display:block;margin:36px 0;font-family:'Libre Baskerville',serif;font-size:36px;line-height:1.1;font-weight:400}.concept-web{background:#d6dfbd}.concept-web>i{position:absolute;right:24px;bottom:20px;font-size:35px}.concept-app{background:#dedfd5}.mock-bars{display:flex;align-items:end;height:95px;gap:14px;margin:25px 0 18px}.mock-bars i{display:block;width:28px;background:#879a6b;border-radius:5px;height:50%}.mock-bars i:nth-child(2){height:75%}.mock-bars i:nth-child(3){height:60%}.mock-bars i:nth-child(4){height:100%}.concept-art b{font-size:16px;font-weight:500}.concept-ai{background:#293427;color:#d3f5b0}.mock-orbit{margin:25px auto 14px;border:1px solid #78965a;border-radius:50%;width:125px;height:125px;display:grid;place-items:center;font-size:78px}.prospective-brands{padding:42px 0;margin-top:44px;border-top:1px solid #cbd3bf;border-bottom:1px solid #cbd3bf}.prospective-brands p{font-size:12px;line-height:1.6;color:#7a856e}.brand-logos{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;color:#59624f}.brand-logos>span{font-size:30px;letter-spacing:-1px}.google-logo{font-weight:500}.microsoft-logo{display:flex;align-items:center;gap:12px}.microsoft-logo i{display:block;width:24px;height:24px;background:conic-gradient(#59624f 25%,transparent 0 26%,#59624f 0 50%,transparent 0 51%,#59624f 0 75%,transparent 0 76%,#59624f 0);border:1px solid #59624f}.adobe-logo{font-weight:700}.amazon-logo{position:relative;font-weight:700}.amazon-logo>span{position:absolute;left:20%;top:16px;font-size:35px}.about-scene .process{padding:64px 0 0}.scene-nav{position:fixed;bottom:18px;left:24px;z-index:20;display:flex;gap:8px;padding:7px;background:#f3f0e7e8;border:1px solid #cbd3be;border-radius:30px;backdrop-filter:blur(8px)}.scene-nav a{display:flex;gap:7px;font-size:9px;padding:7px 10px;border-radius:20px;color:#778269}.scene-nav a[aria-current=page]{background:#293427;color:#ddf0c4}.scene-nav a span{font-size:10px}.speed-note{display:grid;grid-template-columns:20px 1fr;gap:5px 8px;margin-top:15px;max-width:390px}.speed-note>span{font-size:24px;color:#809c59;grid-row:span 2}.speed-note strong{font-size:15px;font-weight:600;letter-spacing:-.2px}.speed-note small{font-size:10px;line-height:1.5;color:#778568}.focus-dark .speed-note>span{color:var(--lime)}.focus-dark .speed-note small{color:#b1c19f}.direction>span{flex-shrink:0}.panel-top .direction{display:inline-flex;align-items:center;gap:20px}.panel-top .direction>span{margin-left:0;display:inline-grid;place-items:center;width:30px;min-width:30px;font-size:25px;line-height:1}.shared-slogan{overflow:visible}.split .service-detail{top:104px}.debug-preview{z-index:22}
@media(min-width:1025px) and (max-height:850px){.split{min-height:780px}.shared-slogan{top:135px}.shared-slogan h1{font-size:42px}.shared-slogan p{font-size:12px;margin-top:13px}.speed-note strong{font-size:13px}.speed-note small{font-size:9px}.panel:not(.collapsed){padding-top:370px}.panel-content .intro{margin-bottom:16px}.masthead{height:88px}.concept-axis{top:98px}}
@media(max-width:1024px){.scene-content{padding:32px 24px 90px}.back-link{margin-bottom:24px}.offer-heading{display:block;margin:24px 0 30px}.offer-heading h2{font-size:36px;letter-spacing:-1.6px}.offer-heading p{font-size:15px;margin-top:20px}.offer-grid,.portfolio-grid{grid-template-columns:1fr}.offer-card{padding:24px}.offer-card ul{min-height:0}.brand-logos{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-logos>span{font-size:25px}.scene-nav{left:12px;bottom:12px}.scene-nav a{padding:7px 9px}.scene-nav a span{font-size:9px}.speed-note{margin-top:16px}.speed-note strong{font-size:14px}.speed-note small{font-size:11px}.panel-top .direction{display:block}.panel-top .direction>span{font-size:20px;width:24px;min-width:24px}.split .service-detail{top:auto}.about-scene .process{padding-top:44px}.concept-art{height:230px}}
@media(prefers-reduced-motion:reduce){.scene.revealing::after{animation:none;display:none}}
.shared-slogan{overflow:hidden}
/* Composite-only screen motion: no full-screen filters or backdrop sampling. */
.scene.revealing::after{backdrop-filter:none;mask-image:none;background:linear-gradient(90deg,#10181030,transparent 45%,transparent 55%,#10181030);will-change:opacity}.scene-nav{backdrop-filter:none;background:#f3f0ef}.debug-preview{box-shadow:none}.services>button{transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease}.service-affordance{transition:transform 180ms ease,background-color 180ms ease,color 180ms ease}.scene-content{contain:layout style}
@media(min-width:1025px){.split .panel .art{filter:none!important}}
/* Quiet navigation handoff: no perspective distortion, rescaling or overlays. */
.scene-stage{perspective:none}.scene{transform-origin:center}.scene.revealing::after{display:none}.scene-nav a{transition:background-color 120ms ease,color 120ms ease}
@media(min-width:1025px){.split .service-detail{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.split .service-detail.visible{justify-content:flex-start}.split .detail-dismiss{position:sticky;top:0;align-self:flex-end;flex-shrink:0;margin:-20px -24px -20px 0}}
.focus-dark .speed-note{display:none}.speed-note>span{grid-row:auto}
@media(max-width:1024px){.focus-dark .speed-note{display:none}}
@media(min-width:1025px){.split .light .service-detail{background:#edf0e7;border-color:#c5ceba;box-shadow:0 10px 28px #3543210c;padding:30px 34px}.split .light .service-detail h2{font-size:30px;letter-spacing:-1px}.split .light .service-detail p{color:#647159}.split .light .service-detail .detail-kicker{color:#79896a}}
/* Selected service and its explanation share one surface colour. */
:root{--service-selected-light:#dde5ce;--service-selected-dark:#435335}
.light .services>button:hover,.light .services>button[aria-expanded=true],.split .light .service-detail{background:var(--service-selected-light)}
.dark .services>button:hover,.dark .services>button[aria-expanded=true],.split .dark .service-detail{background:var(--service-selected-dark)}
/* Responsive QA: a readable tablet layout, bounded graphics, clear control gutters. */
.split{--content-top:480px}
@media(min-width:1025px){.split{min-height:0;height:100svh}.panel:not(.collapsed){padding-top:var(--content-top)}.panel-top .direction{max-width:100%;white-space:normal}.panel-top{flex-wrap:wrap}.service-detail .detail-dismiss{min-width:40px;min-height:40px}}
@media(min-width:1025px) and (max-height:850px){.split{--content-top:370px}}
@media(min-width:1025px) and (max-height:800px){.split{--content-top:45svh}.shared-slogan{top:110px}.shared-slogan h1{font-size:38px;line-height:1.08}.shared-slogan p{font-size:12px;line-height:1.5;margin-top:10px}.speed-note{margin-top:12px}.speed-note strong{font-size:13px}}
@media(max-width:1024px){.split{--content-top:0px}.header-link{white-space:nowrap}.shared-slogan h1{font-size:clamp(27px,7.5vw,42px)}.shared-slogan h1 em{letter-spacing:-1px}.shared-slogan h1{letter-spacing:-1.2px}.service-detail{overflow-x:hidden}.service-detail .detail-dismiss{position:absolute;right:8px;top:8px;margin:0}.shared-slogan{overflow:visible}.panel-top .direction{font-size:clamp(19px,4.8vw,26px)}.direction small{font-size:14px}.scene-nav{max-width:calc(100% - 24px)}.scene-nav a{white-space:nowrap}.offer-meta{flex-wrap:wrap}.offer-meta strong{font-size:clamp(21px,5vw,25px)}.scene-content{overflow-wrap:anywhere}.brand-logos{gap:22px 14px}.form-status{overflow-wrap:anywhere}.form-row{min-width:0}}
@media(min-width:600px) and (max-width:1024px){.split{padding-left:6vw;padding-right:6vw}.masthead{padding-left:6vw;padding-right:6vw}.panel{padding:28px}.shared-slogan{padding-bottom:32px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.services>button{grid-template-columns:minmax(0,1fr) 28px;padding:18px 14px}.services>button strong{font-size:18px}.service-detail{max-width:700px;margin:24px auto 0}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-grid article:last-child{grid-column:1/-1}.concept-art{height:240px}.brand-logos{display:flex;flex-wrap:wrap}.scene-content{padding-left:6vw;padding-right:6vw}}
@media(max-width:360px){.masthead{padding:0 20px}.header-actions{gap:0}.header-actions>.header-link{display:none}.language-switch>a{min-width:30px}.split{padding-left:12px;padding-right:12px}.panel,.collapsed{padding:18px}.scene-nav{gap:1px;padding:5px}.scene-nav a{padding:7px 8px}.scene-nav a span{font-size:9px}.shared-slogan p{font-size:14px}.service-detail{padding:28px 18px 20px}.service-detail h2{font-size:25px}.service-detail li{font-size:14px}.brand-logos{grid-template-columns:1fr 1fr}.brand-logos>span{font-size:21px}.microsoft-logo{gap:7px}.microsoft-logo i{width:18px;height:18px;flex-shrink:0}.concept-art{padding:22px}.scene-content{padding-left:18px;padding-right:18px}.offer-card{padding:20px}dialog{padding:32px 20px}}
@media(min-width:1025px){.split:not(.has-focus) .services>button{grid-template-columns:minmax(0,1fr);padding:14px;gap:8px;min-height:90px}.split:not(.has-focus) .services>button strong{font-size:17px}.split:not(.has-focus) .service-affordance{display:none}.services>button strong{overflow-wrap:anywhere;hyphens:auto}}
@media(max-width:360px){.services>button strong{font-size:18px;overflow-wrap:anywhere;hyphens:auto}}
@media(max-width:1024px){.scene-stage{height:calc(100svh - 64px - env(safe-area-inset-bottom,0px))}.scene-nav{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.service-detail{max-height:calc(100svh - 104px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(min-width:600px) and (max-width:767px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.services>button:last-child{grid-column:1/-1}}
.design-window{overflow:hidden}
@media(min-width:1025px) and (max-height:800px){.split:not(.has-focus) .light .art{opacity:0!important}}
/* Keep persistent navigation outside the readable content on every screen. */
.scene-stage{height:calc(100svh - 64px - env(safe-area-inset-bottom,0px))}
@media(min-width:1025px){.split{height:100%;min-height:0}}
@media(min-width:1025px) and (min-height:801px) and (max-height:950px){.split{--content-top:440px}.shared-slogan{top:145px}.shared-slogan h1{font-size:50px}}
.service-detail .detail-kicker{display:block;padding-right:36px;line-height:1.7}#contact-form>.section-kicker{display:block;padding-right:36px;line-height:1.7}
/* Local fonts and vector marks: avoid platform emoji rendering. */
.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.13em}.brand-star .icon{display:block}.brand-star{display:inline-flex;align-items:center;justify-content:center}.sculpture .icon,.mock-orbit .icon{display:block}.speed-note>span{display:flex;align-items:center}.footer-contact,.offer-contact{display:inline-flex;align-items:center;gap:10px}.service-detail li::before{content:'';width:12px;height:12px;top:4px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19L19 5M5 5h14v14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}
.scene-stage{height:100svh}.scene-nav{background:#f3f0e7e8;box-shadow:0 3px 16px #1d29100a}.scene-content{padding-bottom:110px}
@media(max-width:1024px){.scene-stage{height:100svh}.scene-nav{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.split{padding-bottom:90px}.panel:last-of-type{margin-bottom:0}.service-detail{scroll-margin-bottom:90px}.scene-content{padding-bottom:110px}}