:root{color-scheme:dark;--bg:#080b10;--ink:#f3f2ee;--muted:#a3acb8;--line:rgba(173,203,231,.19);--ice:#b8e3fc;--blue:#4da9ff;--blue-soft:#8dcbff;--page:1320px;--content-text-size:15px;--content-text-leading:1.85;--content-text-color:#b6c3cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:radial-gradient(ellipse at 84% 20%,#1a34412e,transparent 42%),radial-gradient(ellipse at 8% 44%,#1a293028,transparent 40%),var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--blue);color:#0a1119}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}.wrap{width:min(var(--page),calc(100% - 112px));margin-inline:auto}
.header{height:126px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid #a9cbe31a}.brand{display:inline-flex;align-items:center;gap:17px;color:#f5f5f0}.brand-icon{display:block;flex:none;width:64px;height:64px;overflow:visible;filter:drop-shadow(0 0 14px #b7e0f31a)}.wordmark{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.1;letter-spacing:.27em;font-weight:400}.wordmark strong{font-size:15px;font-weight:600;letter-spacing:.19em}.nav-link{display:flex;align-items:center;gap:21px;font-size:12px;letter-spacing:.025em;padding:13px 18px;border:1px solid var(--line);border-radius:30px;transition:border-color .25s,background .25s}.nav-link:hover{border-color:var(--blue);background:#4da9ff0b;color:var(--blue-soft)}.arrow{display:inline-block;flex:none;transition:transform .25s}.nav-link:hover .arrow,.button:hover .arrow{transform:translate(3px,-3px)}
.hero{min-height:700px;position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:64px 0 82px}.hero:before{content:"";position:absolute;width:400px;height:1px;left:-190px;top:47%;background:linear-gradient(90deg,transparent,#a8d5ee17,transparent);transform:rotate(-45deg);pointer-events:none}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:11px;font-weight:500;margin:0 0 27px;color:#c4d0db;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:5px;height:5px;background:var(--blue);box-shadow:0 0 14px #4da9ff66;border-radius:50%}h1{font-size:clamp(74px,7.1vw,106px);line-height:.99;letter-spacing:-.065em;font-weight:400;margin:0 0 34px}h1 span{display:block}h1 .instinct{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em;font-size:1.08em;line-height:1.02;padding:1px 12px 7px 0;color:var(--coral)}.intro{font-size:18px;line-height:1.65;color:#d2dbe3;margin:0 0 9px;max-width:430px}.audience{font-size:14px;line-height:1.65;color:#abbac8;margin:0 0 29px}.button{position:relative;border:1px solid #78c8ff;background:linear-gradient(115deg,#79cbff,#4da9ff);color:#06101b;display:inline-flex;justify-content:center;align-items:center;gap:39px;padding:18px 25px;min-height:55px;font-size:14px;border-radius:2px;box-shadow:0 1px 0 #dff4ff66 inset;transition:background .25s,box-shadow .25s,transform .25s}.button:hover{background:linear-gradient(115deg,#a0dcff,#6ebdff);box-shadow:0 0 32px #4da9ff29;transform:translateY(-1px)}.support{font-size:12px;line-height:1.6;letter-spacing:.015em;color:#a5b4c2;margin:18px 0 0}.visual{position:absolute;right:0;top:0;width:60%;height:100%;min-height:0;z-index:1;pointer-events:none}.visual:before{content:"";position:absolute;inset:11% 0 9% 5%;background:radial-gradient(ellipse,#75afd617,transparent 65%);filter:blur(20px)}.visual:after{content:"";position:absolute;bottom:80px;left:26%;width:54%;height:20px;border-radius:50%;background:#a8d5ff15;filter:blur(20px)}.pause{position:absolute;right:0;bottom:42px;z-index:4;border:1px solid var(--line);background:transparent;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#a5b7c7;transition:border-color .2s}.pause:hover{border-color:#c6e9ff}.pause svg{width:12px;height:12px}.pause[aria-pressed=true] .pause-icon,.pause[aria-pressed=false] .play-icon{display:none}.static-visual .pause{display:none}
.statement{position:relative;padding:36px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.75fr 2.6fr;gap:40px;align-items:start}.statement:before{content:"";position:absolute;left:0;top:-1px;width:75px;height:1px;background:var(--blue);box-shadow:0 0 18px #4da9ff55}.section-index{font-size:11px;line-height:1.8;letter-spacing:.14em;color:#a8bfd2;white-space:nowrap;padding-top:6px;font-family:Consolas,monospace}.statement p{font-size:clamp(25px,2.65vw,36px);line-height:1.35;letter-spacing:-.035em;max-width:920px;margin:0}.statement .quiet{color:#91a1af}
.contact{display:grid;grid-template-columns:1fr 1.12fr;gap:90px;padding:64px 0 64px;position:relative}.contact:before{content:"";position:absolute;right:-50px;top:30px;width:70%;height:95%;pointer-events:none;background:radial-gradient(ellipse at 75% 50%,#40647d0a,transparent 65%)}.contact-copy,.form{position:relative;z-index:1}.contact .eyebrow{margin-bottom:27px;font:11px/1.7 Consolas,monospace;letter-spacing:.16em}.contact .eyebrow:before{display:none}h2{font-size:clamp(43px,4.45vw,63px);font-weight:400;letter-spacing:-.06em;line-height:1.02;margin:0 0 24px}h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);font-size:1.1em;letter-spacing:-.07em}.contact-copy p{color:#b4c1cd;font-size:16px;line-height:1.8;max-width:330px;margin:0}.form{padding-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;margin-bottom:19px}.field span{display:block;font-size:13px;letter-spacing:.025em;color:#becbd7;margin:0 0 11px}.field input,.field textarea{width:100%;border:1px solid #3c4c5c;background:linear-gradient(110deg,#92b2ce06,#ffffff01);min-height:53px;padding:15px 16px;color:var(--ink);border-radius:2px;transition:border-color .2s,background .2s,box-shadow .2s;outline:none;font-size:16px}.field textarea{min-height:139px;resize:vertical;line-height:1.65}.field input:hover,.field textarea:hover{border-color:#7f99af}.field input:focus,.field textarea:focus{border-color:var(--blue);background:#4da9ff08;box-shadow:0 0 0 1px #4da9ff29,0 0 28px #4da9ff0c}.field input::placeholder,.field textarea::placeholder{color:#9eafbf;font-size:14px}.field input:disabled,.field textarea:disabled{opacity:.7}.form-bottom{display:flex;gap:24px;align-items:center}.form .button{padding:16px 23px;min-height:52px;white-space:nowrap;min-width:185px}.form-note{font-size:12px;line-height:1.7;color:#a6b5c2;max-width:220px;margin:0}.form-status{font-size:13px;line-height:1.7;color:#badff4;margin:20px 0 0;border-left:2px solid #91c8e7;padding:2px 0 2px 14px;overflow-wrap:anywhere}.form-status[data-state=error]{color:#f0bcae;border-color:#d59a89}.form-status:empty{display:none}.honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none}.footer{border-top:1px solid var(--line);padding:24px 0 26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand{gap:12px}.footer .brand-icon{width:42px;height:42px}.footer .wordmark{font-size:10px;gap:3px}.footer .wordmark strong{font-size:10px}.footer p{font-size:12px;color:#aabac8;letter-spacing:.02em;margin:0}
.enter{animation:enter 1s cubic-bezier(.2,.6,.3,1) both}.delay-one{animation-delay:.1s}.delay-two{animation-delay:.19s}.delay-three{animation-delay:.28s}@keyframes enter{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:735px}.visual{right:0}}@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.hero{min-height:630px;padding-top:55px;padding-bottom:74px}h1{font-size:clamp(64px,6.8vw,78px)}.visual{width:60%;right:0;min-height:0}.intro{font-size:17px;max-width:390px}.contact{gap:54px}.statement{grid-template-columns:.65fr 2fr;gap:25px}.statement p{font-size:27px}.brand-icon{width:57px;height:57px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header{height:100px}.brand{gap:12px}.brand-icon{width:49px;height:49px}.wordmark,.wordmark strong{font-size:12px}.nav-link{font-size:11px;gap:14px;padding:11px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 0 24px;min-height:0}.hero-copy{z-index:2}.eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:28px}h1{font-size:clamp(60px,11vw,90px);margin-bottom:27px;max-width:650px}.intro{font-size:18px;max-width:430px;margin-bottom:9px}.visual{position:relative;right:auto;top:auto;width:100%;margin:4px 0 0;height:400px;min-height:0}.visual:after{bottom:38px}.pause{bottom:30px;right:0}.statement{display:block;padding:29px 0}.section-index{display:block;margin-bottom:17px;font-size:11px;padding:0}.statement p{font-size:30px;max-width:650px}.contact{grid-template-columns:1fr;gap:34px;padding:44px 0 48px}.contact .eyebrow{margin-bottom:21px}h2{font-size:54px;margin-bottom:19px}.contact-copy p{font-size:16px;max-width:380px}.form{padding:0;max-width:650px;width:100%}.footer p{max-width:190px;line-height:1.7;text-align:right}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header{height:91px}.brand-icon{width:46px;height:46px}.wordmark,.wordmark strong{font-size:11px}.wordmark{letter-spacing:.22em}.nav-link{font-size:10px;gap:9px;padding:11px 12px}.hero{padding-top:36px;padding-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:26px}h1{font-size:clamp(52px,12.5vw,66px);margin-bottom:25px}.intro{font-size:17px;max-width:390px}.desktop-break{display:none}.button{padding:16px 22px;min-height:52px;gap:35px}.support{font-size:12px;margin-top:16px}.visual{width:100%;margin:4px 0 0;height:320px}.pause{width:31px;height:31px;bottom:26px}.statement{padding:29px 0}.statement p{font-size:25px;line-height:1.4}.contact{padding:40px 0 44px;gap:34px}h2{font-size:49px}.contact-copy p{font-size:15px}.form-row{gap:12px}.field{margin-bottom:19px}.field input,.field textarea{font-size:16px;padding:14px 12px}.field span{font-size:13px}.field input::placeholder,.field textarea::placeholder{font-size:14px}.form-bottom{gap:16px;align-items:flex-start}.form .button{font-size:14px;gap:24px;padding:15px 18px;min-width:160px}.form-note{font-size:12px;max-width:155px;padding-top:3px}.footer{padding:24px 0;gap:20px}.footer .brand-icon{width:33px;height:33px}.footer .wordmark,.footer .wordmark strong{font-size:8px}.footer p{font-size:12px;max-width:145px}}
@media(max-width:350px){.nav-link span{max-width:50px}.header .brand{gap:9px}.wordmark,.wordmark strong{font-size:10px}.header .brand-icon{width:40px;height:40px}h1{font-size:49px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{flex-direction:column;gap:12px}.form-note{max-width:230px}.visual{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter{animation:none}*,*:before,*:after{transition:none!important}}

/* living motion of the chosen artwork, with a static-image fallback. */
.sculpture-motion{position:absolute;inset:7% 0 7% 3%;transform-origin:50% 55%}
.sculpture-tilt{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 55%;transition:transform 700ms cubic-bezier(.2,.65,.3,1)}
.reference-sculpture{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.living-sculpture{position:absolute;inset:-5%;width:110%;height:110%;display:none}
.hero.surface-ready:not(.static-visual) .living-sculpture{display:block}
.hero.surface-ready:not(.static-visual) .reference-sculpture{visibility:hidden}
.hero.motion-ready .sculpture-motion{animation:livingFloat 12s ease-in-out infinite;will-change:transform}
.hero.motion-paused .sculpture-motion{animation-play-state:paused}
.hero.motion-paused .sculpture-tilt{transition:none}
@keyframes livingFloat{
  0%,100%{transform:translate3d(-5px,11px,0) rotate(-2.2deg) scale(.99)}
  25%{transform:translate3d(7px,-3px,0) rotate(.7deg) scale(1.012)}
  50%{transform:translate3d(5px,-15px,0) rotate(2.2deg) scale(1.025)}
  75%{transform:translate3d(-7px,-1px,0) rotate(-.7deg) scale(1.008)}
}
@media(max-width:1000px){.sculpture-motion{inset:3% 0 4%}}
@media(prefers-reduced-motion:reduce){.hero.motion-ready .sculpture-motion{animation:none;will-change:auto}.sculpture-tilt{transform:none;transition:none}.living-sculpture{display:none!important}.reference-sculpture{visibility:visible!important}}

/* commercial clarity, compact studio context and readable small copy. */
.support{font-size:13px;color:#bac7d2}
.section-index{color:#b8cbdc}
.form-note{color:#becbd7;max-width:245px}
.form-note a,.privacy-content a{text-decoration:underline;text-decoration-color:#5e86a6;text-underline-offset:4px}
.form-note a:hover,.privacy-content a:hover{color:var(--blue-soft)}
.statement{padding-block:38px 40px}
.approach-detail{min-width:0}
.capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:31px;padding-top:24px;border-top:1px solid #a9cbe31a}
.capability+.capability{border-left:1px solid #a9cbe31a;padding-left:23px}
.capability-number{display:block;color:var(--blue);font:11px/1.4 Consolas,monospace;letter-spacing:.1em;margin-bottom:13px}
.capability h2{font:400 17px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 9px;color:var(--ink)}
.statement .capability p{font:14px/1.75 Arial,Helvetica,sans-serif;letter-spacing:0;color:#b6c3cf;margin:0;max-width:240px}
.studio-note{margin-top:28px;padding-top:22px;border-top:1px solid #a9cbe31a;display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;align-items:start}
.studio-note h2{font:400 15px/1.6 Arial,Helvetica,sans-serif;letter-spacing:-.01em;color:#d5e0e9;margin:0}
.statement .studio-note p{font:14px/1.8 Arial,Helvetica,sans-serif;letter-spacing:0;color:#b6c3cf;margin:0;max-width:620px}
.next-step{margin-top:27px;max-width:340px;padding-top:21px;border-top:1px solid #a9cbe31a}
.next-step>span{font:10px/1.8 Consolas,monospace;letter-spacing:.13em;color:#a8bfd2}
.contact-copy .next-step p{font-size:14px;line-height:1.8;margin-top:9px;color:#b6c3cf}
.footer-info{display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.footer-meta{display:flex;align-items:center;gap:19px;color:#aabac8;font-size:11px;line-height:1.6}
.footer-meta a{color:#c4d0db;text-underline-offset:4px}
.footer-meta a:hover{text-decoration:underline;color:var(--blue-soft)}
.skip-link{position:absolute;left:20px;top:12px;transform:translateY(-150%);z-index:10;background:var(--blue);color:#06101b;padding:12px 18px}
.skip-link:focus{transform:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.privacy-main{max-width:880px;padding-block:64px 80px;min-height:70vh}
.privacy-main h1{font-size:clamp(48px,6vw,76px);letter-spacing:-.06em;margin-bottom:20px}
.privacy-intro{font-size:19px;line-height:1.7;color:#c8d5df;margin:0 0 13px;max-width:720px}
.privacy-date{font:11px/1.8 Consolas,monospace;color:#aabac8;letter-spacing:.06em;margin-bottom:40px}
.privacy-content{max-width:750px}
.privacy-content section{padding-block:25px;border-top:1px solid var(--line)}
.privacy-content h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:0 0 13px}
.privacy-content p,.privacy-content li{font-size:16px;line-height:1.85;color:#bdcbd7;margin:0 0 12px}
.privacy-content ul{padding-left:21px;margin:12px 0}
.privacy-content li{margin-bottom:6px}
.privacy-content strong{font-weight:500;color:#e5edf3}
@media(max-width:1150px){.capabilities{gap:18px}.capability+.capability{padding-left:17px}.studio-note{grid-template-columns:155px minmax(0,1fr);gap:18px}.capability h2{font-size:16px}}
@media(max-width:1000px){.capabilities{margin-top:27px}.studio-note{grid-template-columns:180px minmax(0,1fr)}.next-step{max-width:430px}.footer-info{max-width:300px}.footer-info>p{max-width:300px}.privacy-main{padding-block:44px 56px}}
@media(max-width:640px){.capabilities{grid-template-columns:1fr;gap:0;padding-top:0;margin-top:25px}.capability{position:relative;padding:20px 0 20px 35px;border-top:1px solid #a9cbe31a}.capability+.capability{border-left:none;padding-left:35px}.capability-number{position:absolute;left:0;top:24px;margin:0}.capability h2{font-size:18px;margin-bottom:7px}.statement .capability p{max-width:100%;font-size:14px}.studio-note{margin-top:0;grid-template-columns:1fr;gap:9px}.studio-note h2{font-size:16px}.next-step{margin-top:24px}.footer-info{max-width:220px}.footer-info>p{max-width:220px}.footer-meta{gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:10px}.privacy-intro{font-size:17px}.privacy-content p,.privacy-content li{font-size:15px}}
@media(max-width:380px){.footer{align-items:flex-start}.footer-info{max-width:170px}.footer-info>p{font-size:11px}.footer-meta{gap:7px}.form-bottom{flex-direction:column}.form-note{padding-top:0;max-width:260px}}

/* process, studio perspective and native FAQ; V9 motion is unchanged. */
.header-nav{display:flex;align-items:center;gap:27px}
.section-nav-link{font-size:12px;color:#b8c8d6;line-height:1.5;padding-block:12px;transition:color .2s}
.section-nav-link:hover{color:var(--blue-soft)}
.statement .approach-summary{font-size:clamp(25px,2.65vw,36px);line-height:1.35;letter-spacing:-.035em;font-weight:400;max-width:920px;margin:0}
.capability h3{font:400 17px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.02em;margin:0 0 9px;color:var(--ink)}
.content-section{display:grid;grid-template-columns:.75fr 2.6fr;gap:40px;align-items:start;padding-block:45px 47px;border-bottom:1px solid var(--line)}
.section-body{min-width:0}
.section-title{font-size:clamp(32px,3.1vw,44px);line-height:1.15;letter-spacing:-.045em;font-weight:400;margin:0 0 14px}
.section-title em,.perspective-title em{font-family:Georgia,'Times New Roman',serif;font-size:1.04em;font-weight:400;letter-spacing:-.04em;color:var(--blue)}
.section-lead{font-size:15px;line-height:1.8;color:#bac7d3;margin:0;max-width:610px}
.process-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:0;margin:31px 0 0}
.process-steps li{position:relative;min-width:0;padding-top:21px;border-top:1px solid #a9cbe32b}
.process-steps li:before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 12px #4da9ff33}
.step-number{display:block;font:11px/1.6 Consolas,monospace;letter-spacing:.08em;color:var(--blue-soft);margin-bottom:12px}
.process-steps h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;font-weight:400;margin:0 0 10px}
.process-steps p{font-size:14px;line-height:1.8;color:#b6c3cf;margin:0;max-width:250px}
.perspective{padding-block:34px 37px}
.perspective-title{font-size:clamp(27px,2.5vw,35px);line-height:1.25;letter-spacing:-.035em;font-weight:400;margin:0 0 16px}
.perspective-copy{font-size:16px;line-height:1.85;color:#b6c3cf;margin:0;max-width:760px}
.faq{padding-block:40px 44px}
.faq .section-title{margin-bottom:25px}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;padding:10px 43px 10px 0;font-size:var(--content-text-size);line-height:var(--content-text-leading);letter-spacing:0;font-weight:400;color:var(--content-text-color)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--blue-soft)}
.faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:1px}
.faq-toggle{position:absolute;right:3px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:#91b7d4}
.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;left:1px;top:6px;width:12px;height:1px;background:currentColor}
.faq-toggle:after{transform:rotate(90deg)}
.faq-item[open] .faq-toggle:after{transform:rotate(0deg)}
.faq-item[open] summary{color:var(--blue-soft)}
.faq-answer{padding:0 43px 16px 0;max-width:760px}
.faq-answer p{font-size:var(--content-text-size);line-height:var(--content-text-leading);color:var(--content-text-color);margin:0}
@media(max-width:1150px){.header-nav{gap:21px}.section-nav-link{font-size:11px}.content-section{grid-template-columns:.65fr 2fr;gap:25px}.statement .approach-summary{font-size:27px}.capability h3{font-size:16px}.process-steps{gap:19px}.process-steps h3{font-size:18px}}
@media(max-width:1000px){.section-nav-link{display:none}.header-nav{gap:0}.content-section{display:block;padding-block:34px 36px}.content-section .section-index{margin-bottom:23px}.section-title{font-size:36px}.statement .approach-summary{font-size:30px;max-width:760px}.perspective-title{font-size:31px}.process-steps{gap:24px}.process-steps p{max-width:none}.perspective{padding-block:30px 34px}.faq{padding-block:34px 37px}}
@media(max-width:640px){.capability h3{font-size:18px;margin-bottom:7px}.content-section{padding-block:30px 33px}.section-title{font-size:33px}.section-lead{font-size:14px}.process-steps{grid-template-columns:1fr;gap:21px;margin-top:25px}.process-steps li{padding:16px 0 0 37px}.step-number{position:absolute;left:0;top:19px;margin:0}.process-steps h3{font-size:19px;margin-bottom:7px}.process-steps p{font-size:14px}.perspective-title{font-size:29px}.perspective-copy{font-size:15px}.faq .section-title{margin-bottom:20px}.faq-item summary{min-height:48px;padding-block:10px}.faq-answer{padding-right:20px}}
@media(max-width:520px){.statement .approach-summary{font-size:25px;line-height:1.4}.section-title{font-size:31px}.perspective-title{font-size:27px}.faq-item summary{padding-right:33px}}

/* small, static vector illustrations supporting the existing sculpture. */
.service-graphic{display:block;width:100%;height:auto;aspect-ratio:280/132;object-fit:contain;margin:0 0 17px;border:1px solid #a9cbe31c;border-radius:4px;background:linear-gradient(125deg,#19314535,#0c141d18)}
.process-flow{display:block;width:100%;height:auto;aspect-ratio:840/116;object-fit:contain;margin:23px 0 17px}
.process-steps{margin-top:0}
.process-steps li{border-top:0;padding-top:0}
.process-steps li:before{display:none}
.step-glyph{display:none}
.perspective-label{min-width:0}
.perspective-label .section-index{display:block}
.perspective-orbit{display:block;width:min(100%,200px);height:auto;aspect-ratio:220/158;opacity:.85;margin-top:15px}
@media(max-width:1000px){.perspective-label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.perspective-label .section-index{margin-bottom:0}.perspective-orbit{width:100px;flex:none;margin:0;opacity:.7}.service-graphic{max-height:132px}}
@media(max-width:640px){.service-graphic{width:min(100%,300px);max-height:none;margin-bottom:16px}.process-flow{display:none}.process-steps{margin-top:25px}.process-steps li{padding:17px 0 0 70px;border-top:1px solid #a9cbe32b}.process-steps .step-number{position:static;margin:0 0 7px}.step-glyph{display:block;position:absolute;left:0;top:19px;width:48px;height:48px}.perspective-orbit{width:85px}.perspective-label{margin-bottom:19px}}
@media(max-width:380px){.perspective-orbit{width:65px}.perspective-label{gap:12px}}

/* three editorial CGI artworks; the original V9 hero remains unchanged. */
.editorial-art{margin:0;overflow:hidden;border:1px solid #a9cbe31a;border-radius:5px;background:#070b10;min-width:0}
.editorial-art img{display:block;width:100%;height:auto;max-width:100%}
.offer-story{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center}
.offer-story .approach-summary{font-size:clamp(25px,2.2vw,32px);line-height:1.4;letter-spacing:-.035em}
.process-art{margin:26px 0 29px}
.perspective-story{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}
.perspective-text{min-width:0}
.perspective-story .perspective-title{font-size:clamp(27px,2.5vw,34px);line-height:1.25}
.perspective-story .perspective-copy{font-size:15px;line-height:1.9}
@media(min-width:641px){.process-steps li{padding-left:53px}.process .step-glyph{display:block;position:absolute;left:0;top:2px;width:36px;height:36px}.process .step-number{margin-bottom:7px}}
@media(max-width:1000px){.offer-story{gap:26px}.perspective-story{gap:27px;grid-template-columns:1.1fr 1fr}.perspective-story .perspective-title{font-size:30px}}
@media(max-width:760px){.offer-story,.perspective-story{grid-template-columns:1fr;gap:24px}.offer-story .approach-summary{font-size:28px;max-width:650px}.offer-art{width:100%}.perspective-art{width:min(100%,480px);justify-self:center}.perspective-story .perspective-copy{font-size:15px}.process-art{margin-top:24px;margin-bottom:25px}}
@media(max-width:520px){.offer-story .approach-summary{font-size:25px}.offer-story{gap:22px}.perspective-story .perspective-title{font-size:27px}.editorial-art{border-radius:4px}}

/* precise supporting copy and capabilities, without changes to V9 motion. */
.hero .intro{max-width:450px;font-size:17px;line-height:1.7}
.expertise{padding-block:43px 46px}
.expertise .section-title{max-width:760px;margin-bottom:27px}
.expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 35px}
.expertise-item{min-width:0;border-top:1px solid #a9cbe32b;padding-top:18px}
.expertise-number{display:block;font:11px/1.6 Consolas,monospace;letter-spacing:.08em;color:var(--blue-soft);margin-bottom:11px}
.expertise-item h3{font-size:20px;font-weight:400;line-height:1.45;letter-spacing:-.025em;margin:0 0 10px;color:#edf2f6}
.expertise-item p{font-size:15px;line-height:1.85;color:#b6c3cf;margin:0;max-width:430px}
@media(max-width:1150px){.header-nav{gap:21px}.expertise-grid{gap:27px 29px}.expertise-item h3{font-size:19px}}
@media(max-width:1000px){.expertise{padding-block:34px 37px}.hero .intro{max-width:480px}}
@media(max-width:640px){.expertise-grid{grid-template-columns:1fr;gap:24px}.expertise-item{padding-top:17px}.expertise-item p{font-size:14px;max-width:100%}.expertise-item h3{font-size:19px}.expertise .section-title{margin-bottom:23px}.expertise{padding-block:30px 33px}.hero .intro{max-width:100%}}

/* restrained warm accents; blue remains the primary brand colour. */
:root{--coral:#ff5a54}
.hero .eyebrow:before{background:var(--coral);box-shadow:0 0 14px #ff5a5440}
.arrow{transition:transform .25s,color .25s}

/* the wordmark pairs blue MIND with warm-red INSTINCT. */
.brand .wordmark{color:var(--blue)}
.brand .wordmark strong{color:var(--coral)}

/* red indexes orient the page; service numbers retain blue. */
.section-index .section-number,.contact .eyebrow .section-number{color:var(--coral)}
.contact .eyebrow{display:block}

/* shared section rhythm and title scale, including image-led sections. */
:root{--section-title-size:clamp(32px,3.1vw,44px);--section-space-top:45px;--section-space-bottom:47px}
.statement,.content-section{padding-block:var(--section-space-top) var(--section-space-bottom)}
.offer-story,.perspective-story{align-items:start}
.statement .offer-story .approach-summary,.perspective-story .perspective-title,.content-section .section-title{font-size:var(--section-title-size);line-height:1.15;letter-spacing:-.045em;font-weight:400;margin:0 0 14px}
.perspective-story .perspective-copy{font-size:15px;line-height:1.8}
@media(max-width:1150px) and (min-width:1001px){.statement{grid-template-columns:.65fr 2fr;gap:25px}}
@media(max-width:1000px){:root{--section-title-size:36px;--section-space-top:34px;--section-space-bottom:36px}.statement .section-index{margin-bottom:23px}}
@media(max-width:640px){:root{--section-title-size:33px;--section-space-top:30px;--section-space-bottom:33px}.perspective-story .perspective-copy{font-size:14px}}
@media(max-width:520px){:root{--section-title-size:31px}}

/* the first section uses the same blue italic emphasis as other headings. */
.statement .approach-summary .quiet{font-family:Georgia,'Times New Roman',serif;font-size:1.04em;font-style:italic;font-weight:400;letter-spacing:-.04em;color:var(--blue)}

/* text-only brand, with enough presence after removing the emblem. */
.header .wordmark,.header .wordmark strong{font-size:17px}
.header .wordmark{gap:5px;letter-spacing:.27em}
.header .wordmark strong{letter-spacing:.19em}
.footer .wordmark,.footer .wordmark strong{font-size:11px}
@media(max-width:1000px){.header .wordmark,.header .wordmark strong{font-size:15px}}
@media(max-width:520px){.header .wordmark,.header .wordmark strong{font-size:13px}}

/* Shared content typography for FAQ questions and answers. */
@media(max-width:640px){:root{--content-text-size:14px}}

/* Brand colours in the hero: intelligence blue, instinct warm red. */
.hero #hero-title .intelligence{color:var(--blue)}

/* Optical separation at mixed-typeface boundaries, without disabling wrapping. */
.section-title em,.perspective-title em,.approach-summary .quiet{margin-inline-start:.12em}

/* What we build: full-width title, panoramic image, then service columns. */
.offer-story{grid-template-columns:minmax(0,1fr);gap:24px}
.statement .offer-story .approach-summary{max-width:none;margin-bottom:0}
.offer-story .offer-art{width:100%}
.offer-story .offer-art img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center}
@media(max-width:640px){.offer-story{gap:20px}.offer-story .offer-art img{aspect-ratio:16/9}}

/* Perspective: let the message lead, with a smaller supporting artwork. */
.perspective-story{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.perspective-story .perspective-art{width:100%;max-width:340px;justify-self:end}
.perspective-text .perspective-copy+.perspective-copy{margin-top:14px}
@media(max-width:760px){.perspective-story{grid-template-columns:minmax(0,1fr)}.perspective-story .perspective-art{width:min(100%,320px);justify-self:center}}

/* Keep the two perspective statements on separate lines. */
.perspective-title em{display:block;margin-inline-start:0}

/* One heading system across sections; a continuous scale avoids breakpoint jumps. */
:root{--section-title-size:clamp(30px,calc(26px + 1.25vw),44px);--item-title-size:18px}
#services-title,#capabilities-title,#process-title,#perspective-title,#faq-title,#contact-title{font-size:var(--section-title-size);line-height:1.15;letter-spacing:-.045em;font-weight:400;max-width:100%;overflow-wrap:anywhere}
#services-title .quiet,#capabilities-title em,#process-title em,#perspective-title em,#faq-title em,#contact-title em{font-size:1em;line-height:inherit;letter-spacing:inherit}
.capability h3,.expertise-item h3,.process-steps h3{font-size:var(--item-title-size);line-height:1.4;letter-spacing:-.02em;font-weight:400}

/* Contain decorative overflow and allow actual content to shrink/wrap. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overscroll-behavior-x:none}
body{width:100%;min-width:0;overflow-x:hidden;overscroll-behavior-x:none}
@supports(overflow:clip){html,body{overflow-x:clip}}
.header,.header-nav,.hero-copy,.contact-copy,.form,.field,.footer-info{min-width:0}
.hero-copy{max-width:100%}
.hero-copy #hero-title{overflow-wrap:anywhere}
.hero .visual{overflow:hidden;overflow:clip}
.contact:before{right:0}
.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.field input,.field textarea{min-width:0;max-width:100%}
.footer-info{overflow-wrap:anywhere}
.eyebrow:before{flex-shrink:0}
@media(max-width:1000px){.hero:before{left:0;width:min(400px,100%)}.section-index{white-space:normal;overflow-wrap:anywhere}.contact .eyebrow{overflow-wrap:anywhere}}
@media(max-width:520px){.form-row{grid-template-columns:minmax(0,1fr);gap:0}}