:root{color-scheme:dark;--bg:#0b0b0e;--text:#f1eff5;--muted:#a6a3af;--line:#29272f;--purple:#c2a7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:#fff;color:#111}.skip:focus{top:10px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:absolute;inset:0 0 auto;z-index:5}.wordmark{font-size:28px;letter-spacing:-1.5px;font-weight:600;display:flex;align-items:center;gap:10px}.brand-icon{font-family:Georgia,serif;font-style:italic;font-size:36px;border:1px solid #686071;border-radius:50%;line-height:30px;width:35px;height:35px;text-align:center}.brand-dot{font-size:10px;align-self:flex-start;letter-spacing:0;padding-top:8px}nav{display:flex;align-items:center;gap:35px;font-size:12px}nav a{color:#c1bdc8}nav a:hover{color:white}.nav-cta{border:1px solid #55505f;padding:10px 20px;border-radius:30px;color:#eee;display:flex;gap:28px}.menu{display:none}.hero{height:850px;min-height:700px;max-height:1100px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.chrome{position:absolute;width:115%;height:100%;object-fit:cover;left:-7%;top:8%;opacity:.92;animation:drift 6s ease-in-out infinite alternate;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#08070c66 0%,transparent 63%),linear-gradient(0deg,var(--bg),transparent 18%);pointer-events:none}.hero-content{position:relative;z-index:1;margin-top:-30px}.eyebrow,.section-label{font-size:10px;letter-spacing:2.2px;font-weight:500}.eyebrow{color:#d0c5df;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 28px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cfb1fa;box-shadow:0 0 12px #ba86ff;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,6.7vw,96px);line-height:1.04;letter-spacing:-4px;margin-bottom:26px}em{font-weight:400;color:#d5c7eb}h1 em{color:#f0e9fb}.hero-copy{font-size:14px;line-height:1.8;color:#ddd7e5;text-shadow:0 2px 10px #000}.actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.button{border-radius:30px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:500;border:1px solid #766c85;transition:background .2s,transform .2s}.glass{background:linear-gradient(135deg,#ffffff20,#ffffff08);box-shadow:inset 0 1px 0 #ffffff45,0 6px 24px #0003;backdrop-filter:blur(18px)}.button:hover{background:#ffffff26;transform:translateY(-2px)}.subtle{border-color:#ffffff25;background:#0b0b0e70}.hero-foot{position:absolute;bottom:34px;left:5.5%;right:5.5%;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#93909b}.hero-foot a{display:flex;gap:25px}.section{max-width:1440px;margin:auto;padding:105px 7%;border-top:1px solid var(--line)}.section-label{color:#aaa3b7;margin-bottom:38px}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:end;margin-bottom:60px}h2{font:400 clamp(34px,3.5vw,51px)/1.14 Georgia,serif;letter-spacing:-1.8px;margin-bottom:0}.section-heading>p{max-width:400px;font-size:14px;color:var(--muted);margin-bottom:3px}.service-list article{display:grid;grid-template-columns:80px 1fr 50px;gap:25px;padding:35px 0;border-top:1px solid var(--line)}.number{color:#81798f;font-size:11px;padding-top:8px}h3{font-size:24px;letter-spacing:-.7px;font-weight:400;margin-bottom:10px}.service-list p{color:var(--muted);font-size:14px;max-width:580px;margin-bottom:18px}.service-list ul{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.service-list li{font-size:10px;color:#b3acbf;border:1px solid #333039;border-radius:25px;padding:4px 12px}.service-list article>a{border:1px solid #47404f;border-radius:50%;height:45px;width:45px;text-align:center;line-height:43px;font-size:20px;transition:background .2s}.service-list article>a:hover{background:#39294f}.work{background:#101014}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-card{border:0;text-align:left;padding:0;background:transparent;min-width:0}.art{height:360px;position:relative;overflow:hidden;border-radius:3px;transition:transform .4s}.work-card:hover .art{transform:translateY(-5px)}.atelier{background:#c8c7b9;color:#292d24}.mock-nav{position:absolute;top:25px;left:25px;right:25px;font-size:11px;font-weight:bold;letter-spacing:2px;display:flex;justify-content:space-between;z-index:2}.mock-nav span{font-size:8px;font-weight:normal;letter-spacing:.6px}.mock-title{position:absolute;top:100px;left:30px;font:38px/1.1 Georgia,serif;letter-spacing:-1.8px;z-index:2}.vase{position:absolute;width:140px;height:215px;background:linear-gradient(90deg,#62614b,#d9d7bd 33%,#e4e0cc 48%,#827e60 85%,#4e513f);border-radius:35% 35% 42% 42%;bottom:48px;right:50px;transform:rotate(-10deg);box-shadow:35px 25px 30px #292b2444}.vase:before{content:'';position:absolute;top:-17px;left:24px;width:90px;height:40px;border-radius:50%;background:radial-gradient(ellipse,#33382b 35%,#8c8c6d 40%,#d9d6bd 65%)}.art-note{position:absolute;bottom:24px;left:25px;font-size:7px;letter-spacing:1.5px}.flow{background:radial-gradient(ellipse at center,#302341,#17151d 75%);border:1px solid #3c334c}.flow .mock-nav{color:#c6b3e2}.workflow{position:absolute;inset:68px 60px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.workflow span{width:230px;max-width:100%;border:1px solid #655375;background:#2e253a88;padding:12px 17px;border-radius:8px;font-size:11px;display:flex;justify-content:space-between;box-shadow:0 6px 20px #0003}.workflow b{font-weight:400;color:#d6b5fc}.workflow i{font-size:13px;line-height:25px;color:#89739c;font-style:normal}.workflow .purple-node{background:#5a417a55;border-color:#9d79c5}.work-caption{display:flex;justify-content:space-between;gap:10px;padding-top:23px}.work-caption h3{font-size:16px;letter-spacing:-.3px}.work-caption p{font-size:11px;color:var(--muted);margin:0}.work-caption>span{font-size:23px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:1px solid #54455e;padding-top:24px}.steps span{font-size:9px;letter-spacing:1.4px;color:#b9a2d0}.steps h3{font-size:19px;margin:25px 0 13px}.steps p{font-size:13px;color:var(--muted);margin:0}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:11%}.about h2{margin-bottom:28px}.about p{font-size:14px;color:var(--muted)}.orb{width:270px;height:270px;max-width:100%;border-radius:50%;background:radial-gradient(circle at 32% 25%,#eadffc,#7c6499 24%,#27202e 48%,#0c0b10 66%,#58406e 80%,#b28ce4);box-shadow:inset -8px -10px 25px #c8a4fa33,0 0 70px #5d37761a;display:grid;place-items:center;margin:auto}.orb span{font:italic 160px Georgia;color:#d9c4ee88;transform:rotate(-12deg);text-shadow:2px 2px 1px #0e081b}.text-link{font-size:12px;display:inline-flex;gap:40px;border-bottom:1px solid #6d5c7b;padding:10px 0;margin-top:12px}.contact{background:radial-gradient(ellipse at 10% 100%,#22192d,transparent 65%);display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{margin-bottom:24px}.contact p{color:var(--muted);font-size:13px}.contact-note{margin-top:50px;font-size:8px;letter-spacing:1.5px;color:#b2a4c4}.contact-note .status-dot{margin-right:8px}.contact-note p{letter-spacing:0;font-size:11px;margin-top:12px;max-width:300px;color:#918799}form{padding-top:12px}label{font-size:11px;display:block;color:#c7c0d1;margin-bottom:22px}input,textarea,select{display:block;width:100%;background:#ffffff04;border:1px solid #45404e;border-radius:4px;color:var(--text);padding:12px 13px;margin-top:9px;font-size:12px}input::placeholder,textarea::placeholder{color:#8e8799}textarea{resize:vertical;min-height:112px}select{color-scheme:dark}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-status{min-height:22px;margin:16px 0 0}footer{max-width:1440px;margin:auto;padding:40px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:23px}footer p{font-size:11px;color:var(--muted);margin:0}footer>div{display:flex;gap:22px;font-size:10px;color:#aaa3b5}.privacy-button{border:0;padding:0;background:none;font-size:10px;color:inherit}dialog{color:var(--text);background:#17131e;border:1px solid #655473;border-radius:12px;width:620px;max-width:calc(100% - 32px);padding:45px}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog .eyebrow{justify-content:flex-start;margin-top:15px}dialog h2{font-size:36px;margin-bottom:25px}dialog p{color:#bcb4c8;font-size:14px}dialog h3{font-size:18px;margin-top:25px}.dialog-close{position:absolute;right:18px;top:10px;background:none;border:0;font-size:28px}.dialog-done{margin-top:20px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes drift{from{transform:translate(-3%,-1%) rotate(-4deg)}to{transform:translate(3%,3%) rotate(4deg)}}@media(min-width:1600px){.hero{height:950px}}@media(max-width:800px){header{height:80px;padding:0 6%}nav{gap:20px}.hero{height:780px}.chrome{width:155%;left:-28%;opacity:.8}.section{padding:75px 6%}.section-heading{gap:30px;grid-template-columns:1.2fr 1fr}.steps{grid-template-columns:1fr 1fr;gap:35px}.art{height:300px}.vase{right:15px;width:100px;height:170px}.vase:before{left:17px;width:65px}.mock-title{font-size:30px;left:20px}.mock-nav{left:20px;right:20px}.mock-nav span{display:none}.workflow{left:25px;right:25px}.about-layout{gap:7%}.orb{width:210px;height:210px}.contact{gap:6%}footer{flex-wrap:wrap}footer>div{margin-left:auto}.hero-foot{font-size:8px;letter-spacing:1px}}@media(max-width:600px){header .wordmark{font-size:25px}.menu{display:flex;gap:18px;align-items:center;background:none;border:1px solid #51465c;border-radius:25px;padding:8px 15px;font-size:11px}nav{display:none;position:absolute;top:73px;left:5%;right:5%;padding:24px;background:#15121cee;border:1px solid #51445e;border-radius:12px;backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:22px}nav.open{display:flex}.nav-cta{justify-content:space-between}.hero{height:740px;min-height:640px}.hero-content{padding:0 20px;margin-top:-10px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:30px}h1{font-size:53px;letter-spacing:-2.7px;line-height:1.08}.hero-copy{font-size:12px}.actions{gap:10px;flex-direction:column;align-items:center;margin-top:28px}.button{padding:12px 21px;min-width:210px}.chrome{width:230%;left:-65%;top:9%;opacity:.7}.hero-foot{bottom:25px}.hero-foot>span{max-width:145px;text-align:left;line-height:1.8}.hero-foot a{align-items:center;gap:10px}.section{padding:62px 6%}.section-label{margin-bottom:25px;font-size:9px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}h2{font-size:35px;letter-spacing:-1.4px}.section-heading>p{font-size:13px}.service-list article{grid-template-columns:25px 1fr 33px;gap:12px;padding:28px 0}.service-list h3{font-size:21px}.service-list p{font-size:12px}.service-list li{font-size:8px;padding:4px 8px}.service-list article>a{width:33px;height:33px;line-height:31px;font-size:17px}.work-grid{grid-template-columns:1fr;gap:35px}.art{height:330px}.vase{right:35px;width:125px;height:195px}.vase:before{width:80px;left:22px}.mock-title{font-size:35px;left:25px}.steps{gap:30px 22px}.steps h3{font-size:17px;line-height:1.4}.steps p{font-size:12px}.steps span{font-size:8px;letter-spacing:1px}.about-layout{grid-template-columns:1fr;gap:40px}.orb{width:190px;height:190px;margin:0 auto 0 0}.orb span{font-size:120px}.about p{font-size:13px}.contact{grid-template-columns:1fr;gap:30px}.contact-note{margin-top:28px}.contact-note p{max-width:100%}.form-row{grid-template-columns:1fr;gap:0}footer{padding:30px 6%;gap:20px}footer p{font-size:10px}footer>div{width:100%;margin:0;justify-content:space-between;font-size:9px}dialog{padding:32px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* Independent ribbon deformation and layered highlights. */
.chrome{animation:drift 7s ease-in-out infinite alternate;overflow:visible}
.chrome>path:nth-of-type(1){transform-origin:60% 50%;animation:liquid-fold 7s ease-in-out infinite alternate}
.chrome>path:nth-of-type(2){transform-origin:50% 55%;animation:silver-fold 5s ease-in-out infinite alternate}
.chrome>path:nth-of-type(3){transform-origin:50% 50%;animation:highlight-flow 5s ease-in-out infinite alternate}
@keyframes liquid-fold{from{d:path('M-160 590C100 110 320 790 625 391S1070 42 1540 311C1150 167 1075 610 715 668S254 313-160 590Z');transform:rotate(-3deg) scaleY(.94)}to{d:path('M-160 480C80 690 330 210 665 391S1130 700 1540 211C1160 457 1060 180 735 488S214 653-160 480Z');transform:rotate(3deg) scaleY(1.06)}}
@keyframes silver-fold{from{d:path('M-100 580C200 280 315 700 666 422S1080 151 1490 307C1100 233 1092 489 769 550S300 391-100 580Z');transform:translateY(-12px)}to{d:path('M-100 490C180 670 365 250 686 432S1130 550 1490 267C1100 473 1062 259 749 470S280 621-100 490Z');transform:translateY(18px)}}
@keyframes highlight-flow{from{opacity:.4;transform:translateY(-10px) rotate(-2deg)}to{opacity:.9;transform:translateY(22px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.chrome,.chrome>path{animation:none!important}}

#liquid-metal{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .4s}
#liquid-metal.ready{opacity:1}
.hero:has(#liquid-metal.ready) .chrome{opacity:0}
.hero:after{background:radial-gradient(ellipse at 50% 38%,#08070c33,transparent 58%),linear-gradient(0deg,var(--bg),transparent 16%)}
.hero-copy{text-shadow:0 1px 5px #000,0 2px 18px #000;background:#0b0b0e35;border-radius:8px;padding:5px 10px}
@media(max-width:600px){#liquid-metal{width:170%;left:-35%;max-width:none}}

.brand-nine{width:33px;height:43px;object-fit:contain;flex-shrink:0}.identity-preview{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:65px;padding-bottom:65px}.identity-caption .section-label{display:block;margin-bottom:22px}.identity-caption p{color:var(--muted);font-size:13px;max-width:330px;margin-top:22px}.identity-stage{min-height:340px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#33204244,transparent 70%);overflow:hidden;perspective:1000px}.identity-lockup{text-align:center;transform-style:preserve-3d}.identity-mark{position:relative;width:190px;height:230px;margin:auto;isolation:isolate}.identity-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #0008)}.identity-light{position:absolute;inset:0;opacity:0;background:linear-gradient(110deg,transparent 25%,#ffe8ff 47%,white 50%,transparent 70%);mask-image:url('/nine-mark.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mix-blend-mode:screen}.identity-lockup strong{font-size:33px;font-weight:600;letter-spacing:-1.7px;display:block;line-height:1.3;margin-top:10px}.identity-subtitle{display:block;font-size:8px;letter-spacing:3.5px;color:#b9acc9;margin-top:5px}.identity-preview.playing .identity-lockup{animation:brand-arrive 3.4s cubic-bezier(.2,.7,.3,1) both}.identity-preview.playing .identity-light{animation:brand-shine 3.4s ease both}.replay-brand{border:1px solid #5a466c;border-radius:30px;background:#ffffff08;color:#e7dcee;padding:9px 17px;font-size:11px;display:inline-flex;gap:24px;align-items:center}.replay-brand:hover{background:#ffffff16}@keyframes brand-arrive{0%{opacity:0;transform:rotateY(-32deg) translateY(18px) scale(.93)}25%{opacity:1}75%,100%{opacity:1;transform:rotateY(0) translateY(0) scale(1)}}@keyframes brand-shine{0%,25%{opacity:0;background-position:-230px 0}40%{opacity:.8}80%,100%{opacity:0;background-position:230px 0}}@media(max-width:600px){.brand-nine{width:29px;height:36px}.identity-preview{grid-template-columns:1fr;gap:20px}.identity-stage{min-height:300px}.identity-mark{width:160px;height:195px}.identity-lockup strong{font-size:30px}}@media(prefers-reduced-motion:reduce){.identity-preview.playing .identity-lockup,.identity-preview.playing .identity-light{animation:none!important}.identity-light{display:none}}

.studio-logo{display:grid;place-items:center;min-height:300px;background:radial-gradient(ellipse at center,#3b245522,transparent 70%)}.studio-logo img{width:240px;height:300px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 24px #0006)}@media(max-width:600px){.studio-logo{min-height:220px}.studio-logo img{width:170px;height:215px}}

.connected-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.connection-copy article{padding:20px 0;border-top:1px solid var(--line)}.connection-copy article>span{font-size:9px;letter-spacing:1.5px;color:#baa3d0}.connection-copy h3{font-size:20px;margin:10px 0}.connection-copy p,.diagram-caption{font-size:12px;color:var(--muted)}.diagram-caption{margin:18px 0 0}.connected-layout .art{height:360px}@media(max-width:650px){.connected-layout{grid-template-columns:1fr;gap:35px}}

.button.brief-ready{background:#423251;border-color:#c2a7fb;color:#fff}@media(max-width:600px){body.menu-open{overflow:hidden}}

/* Continuous identity motion: image perspective, not a 3D model. */
.identity-mark{transform-style:preserve-3d;animation:identity-turn 8s ease-in-out infinite;animation-play-state:paused}
.identity-light{opacity:0;animation:identity-sheen 6s ease-in-out infinite;animation-play-state:paused;background-size:300% 100%;background-repeat:no-repeat}
.identity-preview.motion-active .identity-mark,.identity-preview.motion-active .identity-light{animation-play-state:running}
.identity-stage{position:relative}
.identity-stage:before{content:'';position:absolute;width:260px;height:210px;border-radius:50%;background:radial-gradient(ellipse,#8c48cb22,transparent 68%);filter:blur(15px);pointer-events:none}
.replay-brand:disabled{opacity:.65;cursor:default}
@keyframes identity-turn{0%,100%{transform:rotateY(-15deg) rotateZ(-2deg) translateY(0)}50%{transform:rotateY(15deg) rotateZ(2deg) translateY(-9px)}}
@keyframes identity-sheen{0%,15%{opacity:0;background-position:130% 0}35%{opacity:.6}60%,100%{opacity:0;background-position:-70% 0}}
@media(prefers-reduced-motion:reduce){.identity-mark,.identity-light{animation:none!important;transform:none!important}.identity-light{display:none}}

/* Actual Flow video: the media has no audio stream. */
.identity-lockup{width:100%}.identity-mark{width:100%;height:auto;aspect-ratio:16/9;animation:none!important;transform:none!important;display:grid;place-items:center}.identity-static{position:absolute!important;width:145px!important;height:190px!important;object-fit:contain}.identity-video{position:relative;width:100%;height:100%;object-fit:contain;opacity:0;border-radius:5px}.identity-preview.video-ready .identity-video{opacity:1}.identity-preview.video-ready .identity-static{visibility:hidden}.identity-stage:before{display:none}
@media(prefers-reduced-motion:reduce){.identity-video{display:none}.identity-preview.video-ready .identity-static{visibility:visible}}
/* Typography polish — local review, 18 October 2026 */
body{letter-spacing:.01em}
p{letter-spacing:.01em;line-height:1.75}
h1,h2,h3{color:var(--text);font-kerning:normal;text-wrap:balance}
h1{line-height:1.08;letter-spacing:-.045em}
h2{line-height:1.18;letter-spacing:-.035em}
h3{line-height:1.3;letter-spacing:-.02em}
h1 em,h2 em,h3 em{color:#e2d5f3;font-weight:400;line-height:inherit}
nav a,.text-link,.hero-foot a,footer a,.privacy-button,.replay-brand,.button{transition:color .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
@media(hover:hover){
 nav a:hover,.text-link:hover,.hero-foot a:hover,footer a:hover,.privacy-button:hover{color:#e5d3ff}
 .nav-cta:hover,.replay-brand:not(:disabled):hover{border-color:#b89bdc;box-shadow:0 0 18px #b78de916}
 .button:hover{color:#fff;border-color:#c2a7fb;box-shadow:inset 0 1px 0 #ffffff35,0 0 20px #a873dd20}
}
@media(max-width:600px){h1{letter-spacing:-.04em}h2{letter-spacing:-.03em}}
@media(prefers-reduced-motion:reduce){nav a,.text-link,.hero-foot a,footer a,.privacy-button,.replay-brand,.button{transition:none!important}}

/* Selected typography B — local only */
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif}
h1,h2{font-family:Constantia,'Palatino Linotype',Georgia,serif}
button,input,textarea,select{font-family:inherit}
/* Explicit native dropdown colours for readable Windows/browser menus. */
select{background-color:#17131e;color:#f1eff5;color-scheme:dark}
select option{background-color:#17131e;color:#f1eff5}
select option:checked{background-color:#51386e;color:#fff}
@media(forced-colors:active){select,select option{background-color:Canvas;color:CanvasText}}

/* Refined pairing B and clearly visible interactive boundaries. */
:root{--border-strong:#a195b1}
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;line-height:1.7}
h1,h2{font-family:Constantia,'Palatino Linotype',Georgia,serif}
input,textarea,select{border-color:var(--border-strong);background-color:#17131e;color:var(--text)}
input::placeholder,textarea::placeholder{color:#b9b0c5;opacity:1}
.nav-cta,.subtle,.menu,.replay-brand,.service-list article>a{border-color:var(--border-strong)}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.hero.motion-suspended .chrome,.hero.motion-suspended .chrome>path{animation-play-state:paused!important}
.hero:has(#liquid-metal.ready) .chrome,.hero:has(#liquid-metal.ready) .chrome>path{animation-play-state:paused!important}
@media(forced-colors:active){input,textarea,select,.nav-cta,.subtle,.menu,.replay-brand,.service-list article>a{border-color:ButtonText}}

/* Quiet, factual trust indicators and persistent brief confirmation. */
:root{--border-secondary:var(--border-strong);--text-secondary:var(--muted)}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.4rem 0 0;font-size:.8125rem;line-height:1.6;color:var(--text-secondary);letter-spacing:.01em}
.hero-trust>span:first-child{color:var(--purple)}
.form-status{color:var(--text-secondary);line-height:1.65}
.form-status.is-success{padding:1rem 1.1rem;border:1px solid var(--border-secondary);border-radius:8px;background:#17131e;color:var(--text)}
@media(max-width:600px){.hero-trust{max-width:30ch;font-size:.8rem}}

/* Header is not sticky: keep anchor headings near the viewport top. */
html{scroll-padding-top:24px}
.hero-trust{justify-content:center;margin-left:auto;margin-right:auto}

/* Enquiry form and honest disconnected-preview state. */
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-connection,.form-privacy{font-size:12px;line-height:1.6;color:var(--muted)}
.form-privacy .privacy-button{font-size:inherit;text-decoration:underline;text-underline-offset:3px;color:var(--purple)}
.form-actions{display:flex;align-items:flex-start;gap:12px;flex-direction:column}
.download-brief{border-top:0;border-left:0;border-right:0;background:transparent;color:var(--text);margin-top:0;min-height:44px}
.button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}
.form-status.is-error{color:#edc7d2}
.spam-check{margin:0 0 16px;max-width:100%;min-height:0}
.spam-check iframe{max-width:100%}
.contact-note a{color:var(--text);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:600px){.form-actions .button{width:100%;white-space:normal;text-align:left}}

.local-test-banner{position:relative;z-index:20;margin:0;padding:8px 16px;background:#30203c;color:#f1eff5;text-align:center;font-size:13px}

/* Nineflow Studio: consistent, compact brand lockup. */
.brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:.95;gap:5px}
.brand-studio{font-size:9px;line-height:1;letter-spacing:3px;text-transform:uppercase;font-weight:500;margin-left:2px;color:var(--purple)}
.identity-lockup .identity-studio{font-size:.65em;letter-spacing:-.5px;font-weight:400;color:var(--purple)}

/* Simplified approach content and quiet accessible motion control. */
.connected-layout{display:block}.connection-copy{max-width:820px}.replay-brand{min-width:44px;width:44px;height:44px;padding:0;display:inline-grid;place-items:center;font-size:18px}.replay-brand span{pointer-events:none}

/* Mobile service links: readable text rather than isolated arrow circles. */
@media(max-width:600px){
 .service-list article{grid-template-columns:25px minmax(0,1fr)}
 .service-list article>a{grid-column:2;width:auto;height:auto;min-height:44px;border:0;border-radius:0;line-height:1.5;display:inline-flex;align-items:center;justify-self:start;gap:10px;font-size:0;background:transparent;padding:4px 0;color:var(--purple)}
 .service-list article>a::before{content:'Discuss this service';font-size:13px;text-decoration:underline;text-underline-offset:4px}
 .service-list article>a::after{content:'';font-size:16px}
}

/* Consistent service hyperlinks across all viewport sizes. */
.service-list article{grid-template-columns:80px minmax(0,1fr)}
.service-list article>a{grid-column:2;width:auto;height:auto;min-height:44px;border:0;border-radius:0;line-height:1.5;display:inline-flex;align-items:center;justify-self:start;gap:10px;font-size:0;background:transparent;padding:4px 0;color:var(--purple)}
.service-list article>a::before{content:'Discuss this service';font-size:13px;text-decoration:underline;text-underline-offset:4px}
.service-list article>a::after{content:'';font-size:16px}
.service-list article>a:hover{background:transparent;color:var(--text)}
@media(max-width:600px){.service-list article{grid-template-columns:25px minmax(0,1fr)}}

/* The service title itself is the enquiry link. */
.service-list h3 a{display:inline-block;text-decoration:none;color:inherit;transition:color .2s ease}
.service-list h3 a:hover{color:var(--purple);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.service-list h3 a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}