/* Apex / Human — a single, continuous studio experience. */
:root,body{--paper:#eeebe3;--ink:#292720;--muted:#69665b;--line:#d2cec0;--blue:#75613a;--gold:#c6b491;--cream:#e9e5da;--black:#11110f}.blue{background:#282a23;color:#f5efdf}.blue:hover{background:#454334}.packages .highlight{background:#34392e;color:#f3ecd9}.packages .highlight>p:not(.price){color:#ddd7c7}.highlight li{border-color:#636952}.hero-canvas{background:radial-gradient(ellipse at 60% 45%,#38322555,transparent 65%)}.cinematic{background:#11140f}.cinematic h1 em{color:#cfbd9c}.hero .live-dot{background:#cfbd9c;box-shadow:0 0 0 5px #c9b99713}.canvas-halo{background:radial-gradient(ellipse at 65% 50%,#b49a5e08,transparent 60%)}.hero-canvas{mask-image:linear-gradient(90deg,transparent,black 15%)}.manifesto{width:100%;max-width:none;background:linear-gradient(#11140f,#11110f);color:#e9e5da;padding:110px 5% 100px}.manifesto>p{max-width:1376px}.manifesto>p em{color:#c6b491}.manifesto>p>span{color:#827f73}.manifesto>div{border-color:#81745b40}.manifesto>div span{color:#a9a596}.manifesto a{border-color:#a49372}.manifesto>.eyebrow{color:#b2a58c}.flagship{height:150vh;min-height:950px}.flagship-sticky{min-height:650px}.flagship img{filter:brightness(.85);view-transition-name:none}.flagship-title h2{font-size:clamp(88px,11vw,164px);letter-spacing:-7px;line-height:.85}.flagship-title h2 em{font-size:1.1em}.flagship-title{top:20%}.flagship-title p{color:#d1c6b1}.flagship-shade{background:linear-gradient(180deg,#11110f33,transparent 48%,#11110ff5)}.flagship-bottom{bottom:45px}.flagship-actions .light{font-size:11px}.flagship-sticky>img.xray-cut{filter:brightness(.97)}.micro{font:500 8px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:1.5px;display:block}.anatomy.engineering{background:#11110f;color:#e9e5da;padding-top:105px;padding-bottom:75px}.anatomy-heading{max-width:1376px;margin-left:auto;margin-right:auto}.anatomy-heading .micro{color:#b7a481}.anatomy h2{color:#e9e5da}.anatomy h2 em{color:#c6b491}.anatomy .anatomy-stage,.anatomy .anatomy-details,.anatomy .reveal-console,.anatomy-note{max-width:1376px;margin-left:auto;margin-right:auto}.anatomy-stage{border-color:#a5967033;box-shadow:0 40px 100px #0005}.anatomy .detail-card p{color:#bfb8a6}.anatomy .detail-card>span{font-size:8px;letter-spacing:1px;color:#b9a582}.anatomy .detail-card h3{color:#ece3d1}.anatomy .detail-tabs button{background:transparent;color:#a9a18f;font-family:'DM Sans',Arial,sans-serif;cursor:pointer}.anatomy-note{margin-top:15px;line-height:1.8}.angle-switch{position:absolute;top:20px;left:23px;display:flex;gap:5px;z-index:5;border:1px solid #c3ad8155;padding:4px;background:#161812c9;backdrop-filter:blur(8px)}.angle-switch button{padding:10px 13px;border:0;background:transparent;color:#c2b79e;font-size:9px;letter-spacing:.3px}.angle-switch button[aria-pressed=true]{color:#1c2016;background:#d7c7a5}.angle-switch button:focus-visible{outline-color:#dcc591}.angle-switch button:disabled{opacity:.5;cursor:wait}.anatomy-stage.angle-changing>img{opacity:.35;transition:opacity .16s}.anatomy-stage>img{transition:opacity .35s!important}.anatomy-stage[data-angle=rear] .component-pins,.anatomy-stage[data-angle=rear] .energy-flow{display:none}.anatomy-stage[data-reveal-mode=wipe] .xray-cut{clip-path:inset(0 var(--wipe-right,100%) 0 0)}.anatomy-stage[data-reveal-mode=wipe] .energy-flow{clip-path:inset(0 var(--wipe-right,100%) 0 0);opacity:.75}.anatomy-stage[data-reveal-mode=wipe] .xray-lens{opacity:0}.reveal-console{border-bottom:1px solid #c6b49133;padding:22px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 60px;align-items:center}.reveal-console label{display:flex;justify-content:space-between;color:#d5cab3;font-size:10px;grid-column:1;grid-row:1;margin:0}.reveal-console label span{color:#a19883;font-size:7px;letter-spacing:1px}.reveal-console input{grid-column:1;grid-row:2;padding:0;accent-color:#c6b491}.reveal-console p{grid-column:2;grid-row:1/3;text-align:right;color:#b9b29f;font-size:10px}.anatomy-stage.xray-full .scan-sweep{display:block}.anatomy-toolbar .xray-toggle{min-width:260px;justify-content:space-between}.rhythm{padding:70px 5% 100px;background:linear-gradient(#11110f,#181b14);color:#e9e5da}.rhythm-header,.lap-layout{max-width:1376px;margin-left:auto;margin-right:auto}.rhythm-header{display:flex;justify-content:space-between;align-items:end;gap:40px}.rhythm-header .micro{color:#b7a481}.rhythm h2{font-size:clamp(40px,4.9vw,74px);letter-spacing:-2.7px;line-height:1.13;margin-top:24px}.rhythm h2 em{color:#c6b491}.rhythm-header>p{font-size:12px;color:#b3ae9e}.lap-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;margin-top:55px;align-items:center}.track{min-width:0}.track svg{width:100%;height:auto;overflow:visible}#track-path{fill:none;stroke:url(#track-gradient);stroke-width:3}.track-glow{fill:none;stroke:#c0a36920;stroke-width:18}#track-dot{fill:#faf0d7;stroke:#ab8b4d;stroke-width:4;filter:drop-shadow(0 0 6px #fce6b9)}.track text{font:7px 'DM Sans',Arial;letter-spacing:1.5px;fill:#a7a18f}.track-caption{display:block;font-size:7px;letter-spacing:1.2px;text-align:center;color:#a19b87;margin-top:15px}.lap-console{padding:30px;background:#22261d;border:1px solid #414332;box-shadow:20px 20px 0 #b8a97904}.console-top{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;border-bottom:1px solid #414332;padding-bottom:18px}.status-dot{color:#c6b491}#lap-phase{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#c6b491;margin-top:22px}.lap-figure{display:flex;align-items:center;gap:18px;margin:0 0 10px}.lap-figure output{font-size:85px;letter-spacing:-6px;font-family:Manrope,Arial}.lap-figure span{font-size:8px;letter-spacing:1px;color:#aaa792}.lap-description{font-size:12px;line-height:1.8;min-height:65px;color:#c2bca9}.lap-console label{display:flex;justify-content:space-between;font-size:10px;margin:22px 0 10px}.lap-console label span{font-size:8px;color:#ada48d}.lap-console input[type=range]{accent-color:#c6b491;padding:0}.lap-actions{display:flex;justify-content:space-between;margin-top:18px}.lap-actions button{background:transparent;border:1px solid #7b725a;color:#e9e5da;font-size:10px;padding:10px 15px}.lap-actions button:hover{background:#c6b491;color:#181910}.lap-console small{display:block;font-size:8px;color:#a5a28c;margin-top:22px}.sequence-bridge{padding:100px 5% 110px;background:#181b14;color:#e9e5da;position:relative}.sequence-bridge:after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,transparent,#30332722)}.sequence-bridge p{font:400 clamp(40px,6vw,88px)/1.1 Manrope,Arial;letter-spacing:-3.5px;max-width:1000px}.sequence-bridge p em{color:#c6b491}.sequence-bridge a{display:inline-block;font-size:11px;letter-spacing:.3px;margin-top:35px;border-bottom:1px solid #c6b491;padding-bottom:10px}.ticker{display:none}.work-section{padding-top:100px}.project-grid{gap:65px 32px;align-items:start}.project:nth-child(2n){padding-top:90px}.project:nth-child(2n+1){padding-top:0}.project-visual{height:450px}.project-caption{border-bottom:1px solid var(--line);padding-bottom:22px}.project-caption h3{font-size:24px}.work-note{margin-top:40px}.playground{background:#20251d}.playground .eyebrow,.demo-tabs button[aria-selected=true]{color:#d6c6a4}.demo-stage{background:#efede2}.demo-label span{background:#e0d8c3;color:#4a473a}.packages h3{font-weight:500}.contact{background:#e2dfd3}.contact h2 em{color:#77613a}.trust-strip span:before{color:#77613a}.about .eyebrow{font-size:10px;letter-spacing:3px;color:#89734b}.about h2 em{color:#77613a}.chapter-nav{position:fixed;bottom:18px;left:50%;transform:translate(-50%,20px);display:flex;gap:4px;align-items:center;background:#181d15ef;backdrop-filter:blur(20px);border:1px solid #b8a78140;border-radius:40px;padding:5px;z-index:10;box-shadow:0 5px 30px #0003;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.chapter-nav.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.chapter-nav a{font-size:9px;letter-spacing:.3px;padding:10px 17px;white-space:nowrap;border-radius:25px;color:#c9c9b8;transition:color .2s,background .2s}.chapter-nav a[aria-current]{background:#d9c9a8;color:#25271e}.chapter-nav a:hover{color:#fff}.chapter-nav a[aria-current]:hover{color:#25271e}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(var(--read-progress,0));transform-origin:0 50%;background:#d4bb85;z-index:30;pointer-events:none}.modal-open .chapter-nav{opacity:0;pointer-events:none}footer{padding-bottom:50px;min-height:170px}dialog{max-width:1060px;padding:55px;max-height:90svh}#case-art{margin:35px -55px 35px;height:390px;overflow:hidden}#case-art .project-visual{height:390px;max-width:none;display:flex;align-items:center;justify-content:center;padding:40px 17%;pointer-events:none}#case-art .project-visual .browser{width:100%;max-width:590px;margin:0}#case-art .project-visual .phone{margin:0;transform:rotate(4deg)}#case-art .project-visual .ledger{max-width:540px;margin:0}#case-art .project-visual .visual-tag,#case-art .project-visual .project-arrow{display:none}#case-art .project-visual .funnel-copy{width:60%}#case-art .project-visual .funnel-path{width:30%}#case-body{display:grid;grid-template-columns:200px 1fr;gap:22px 35px;align-items:start}#case-body h3{margin:0;font-size:19px}#case-body p{margin:0;font-size:13px}#case-body>p:last-child:nth-child(odd){grid-column:2}dialog>.button{margin-top:35px}.xray-error{font-size:10px;color:#f1cf9c}.motion-paused .energy-flow path,.motion-paused .scan-sweep{animation-play-state:paused!important}.motion-paused .chapter-nav,.motion-paused .project-visual{transition:none!important}
@media(min-width:1600px){.manifesto,.anatomy.engineering,.rhythm,.sequence-bridge{padding-left:calc((100% - 1376px)/2);padding-right:calc((100% - 1376px)/2)}}
@media(max-width:1100px){.project-visual{height:390px}.project:nth-child(2n){padding-top:65px}.lap-layout{gap:30px}.anatomy-toolbar .xray-toggle{min-width:230px}.flagship-title h2{font-size:12vw}}
@media(max-width:800px){.manifesto{padding:80px 5%}.anatomy.engineering{padding-top:65px}.rhythm{padding:65px 5% 75px}.lap-layout{grid-template-columns:1.1fr 1fr;gap:25px}.lap-console{padding:22px}.lap-figure output{font-size:65px}.rhythm-header>p{font-size:10px}.sequence-bridge{padding:70px 5%}.project-visual{height:340px}.project-caption h3{font-size:21px}.reveal-console{gap:15px 25px}.anatomy-stage .angle-switch{top:14px;left:14px}.angle-switch button{font-size:8px;padding:8px 10px}}
@media(max-width:560px){.manifesto{padding:65px 5.5% 55px}.manifesto>p{font-size:30px}.flagship{height:auto;min-height:0}.flagship-sticky{height:850px;max-height:115svh;min-height:720px}.flagship-title{top:18%}.flagship-title h2{font-size:22vw;letter-spacing:-4px}.flagship img{object-position:60% center}.flagship-bottom{bottom:32px}.flagship-bottom h3{font-size:20px}.flagship-actions{max-width:280px}.anatomy.engineering{padding:60px 5.5% 45px}.anatomy-heading h2{font-size:39px}.anatomy-stage{aspect-ratio:1/.99}.anatomy .anatomy-stage>img{top:0}.anatomy-stage .angle-switch{top:12px;left:12px;right:12px;justify-content:center;padding:3px}.angle-switch button{flex:1;min-height:36px;font-size:8px}.anatomy .anatomy-toolbar{bottom:12px}.anatomy .anatomy-toolbar .xray-toggle{width:100%;font-size:8px;min-width:0}.reveal-console{display:block;padding-top:18px}.reveal-console input{margin-top:8px}.reveal-console p{text-align:left;font-size:9px;margin-top:10px}.anatomy-details{padding-top:12px}.rhythm{padding:40px 5.5% 65px}.rhythm-header{display:block}.rhythm h2{font-size:38px;letter-spacing:-2px}.rhythm-header>p{font-size:11px;margin-top:20px}.lap-layout{grid-template-columns:1fr;gap:30px;margin-top:30px}.lap-console{padding:25px}.lap-figure output{font-size:78px}.lap-description{min-height:45px}.track-caption{font-size:6px}.sequence-bridge{padding:55px 5.5% 65px}.sequence-bridge p{font-size:39px;letter-spacing:-1.7px}.sequence-bridge a{font-size:10px;margin-top:25px}.work-section{padding-top:60px}.project-grid{gap:32px}.project:nth-child(2n){padding:0}.project-visual{height:355px}.project-caption{padding-bottom:17px}.chapter-nav{bottom:10px;max-width:94%;gap:1px;padding:4px}.chapter-nav a{font-size:8px;padding:10px 12px}.about .eyebrow{font-size:9px}.studio-wordmark{font-size:19px}footer{padding-bottom:78px;min-height:160px}dialog{padding:40px 22px}#case-art{margin:25px -22px;height:300px}#case-art .project-visual{height:300px;padding:25px}#case-art .project-visual .phone{transform:scale(.72) rotate(5deg);transform-origin:center}#case-art .project-visual .browser{height:240px}#case-body{display:block}#case-body h3{margin:25px 0 10px;font-size:20px}#case-body p{font-size:13px}#case-art .project-visual .funnel-path{position:static;opacity:1}#case-art .project-visual .funnel-copy h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.flagship{height:auto;min-height:0}.reading-progress,.chapter-nav{transition:none}.angle-changing>img{opacity:1!important}.project-visual{transform:none!important}}

/* Direct manipulation and compact inspection instruments. */
.hero-canvas{cursor:grab;touch-action:pan-y}.canvas-halo{pointer-events:none}.sculpture-grabbed,.sculpture-grabbed .hero-canvas{cursor:grabbing;user-select:none}.sculpture-impulse{position:absolute;right:8%;bottom:34px;z-index:3;color:#bcaf95;border:1px solid #bdad853b;border-radius:30px;background:#15191099;padding:12px 17px;font:9px 'DM Sans',Arial;letter-spacing:.5px}.sculpture-impulse span{padding:0 8px}.sculpture-impulse b{padding-left:15px;font-size:13px}.sculpture-impulse:hover{background:#c6b491;color:#161910}.sculpture-impulse:disabled{opacity:.35;cursor:default}.xray-lens{width:var(--lens-size,176px);height:var(--lens-size,176px);border-color:#dac59a9c;box-shadow:0 0 0 4px #161b1680,0 0 25px #d7bd6822,inset 0 0 20px #d7bd6812}.lens-hud{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#eedbb5;stroke-width:.8}.hud-arc{stroke-dasharray:35 7 2 7;opacity:.75;transform-origin:100px 100px;animation:instrumentTurn 20s linear infinite}.hud-inner{stroke-dasharray:1 9;opacity:.45}.hud-cross,.hud-bracket{opacity:.85}.hud-sweep{fill:#dcc49a09;stroke:none;transform-origin:100px 100px;animation:instrumentTurn 5s linear infinite}.xray-lens .lens-caption{font-size:6px;letter-spacing:1.7px;top:-18px;padding:3px 5px;background:#151910d9}.lens-component{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);font:5.5px 'DM Sans',Arial;letter-spacing:.8px;white-space:nowrap;background:#141a12c9;padding:4px 5px;color:#f1dfb8}.xray-hover .xray-cut{transition:none}.xray-lens i{width:2px;height:2px}.anatomy-note a,.lap-console small a{border-bottom:1px solid #b3a48666}.track svg{max-height:550px}.track text{font-size:7px}.track-start{stroke:#eee2c9;stroke-width:5}.track-glow{stroke-width:15}.xray-inactive .hud-arc,.xray-inactive .hud-sweep{animation-play-state:paused}@keyframes instrumentTurn{to{transform:rotate(360deg)}}@media(max-width:560px){.sculpture-impulse{right:5.5%;bottom:17px;font-size:7px;padding:9px 11px}.sculpture-impulse b{padding-left:6px}.sculpture-impulse span{padding:0 3px}.track svg{max-height:350px}}@media(prefers-reduced-motion:reduce){.lens-hud *{animation:none!important}.sculpture-impulse{display:none}.hero-canvas{cursor:default}}