/* Graphite, rounded glass, and a restrained optical depth system. */
:root{--sc-canvas:#0d1013;--sc-surface:#191e23;--sc-ink:#f4f5f6;--sc-ink-soft:#b2bcc5;--sc-accent:#cce9ed;--sc-accent-ink:#101619;--line:#343d45}
button,a,input,select,textarea{border-radius:14px}
.header{background:#f3f4f3;color:#171c20;border-radius:0 0 28px 28px}
.header nav a:hover{color:#605373}.header nav a{padding:10px}.nav-contact{border-color:#a1aab0}
.header .nav-contact{background:transparent;color:inherit;border:1px solid #a1aab0;border-radius:100px;padding:12px 18px;font-size:14px}
.film-screen,.support-image{border-radius:28px}.screen-edge{border-radius:20px}
.about{background:#e8ebea;color:#171e22;border-radius:40px}.about-statement,.people p:last-child{color:#404b50}.people .role{color:#526069}.people{border-color:#bac3c6}
.contact{background:#dce6e5;color:#192126;border-radius:40px 40px 0 0}.contact footer,.contact-arrow{border-color:#9baeb0}.contact-link{padding:18px 24px;border:1px solid #a2b4b6;border-radius:100px;transition:background .25s}.contact-link:hover{background:#eff7f5}.contact-link .contact-arrow{border:0}.contact a:focus-visible{outline-color:#192126}
.primary-button{background:#d0e9ec;color:#152024;border-radius:100px}.primary-button:hover{background:#effcfd}
.field input,.field select,.field textarea,.budget-options span{background:#191f25;border-color:#64737e;border-radius:16px}.field input::placeholder,.field textarea::placeholder{color:#9eabb5}.budget-options input:checked+span{background:#cee8eb;color:#102027}.budget-options label{border-radius:16px;overflow:visible}.budget-options input{border-radius:16px}.production-scope,.form-error{border-radius:18px}.consent input{accent-color:#82bfc5}
.text-link{border-radius:3px}button.text-link{background:none;border:0;border-bottom:1px solid #79898e;color:inherit;padding-inline:0;text-align:left}
#journey{background:#0d1013;border-radius:24px}#journey::backdrop{background:#080b0e}.journey-bar{background:#0d1013ed;backdrop-filter:blur(18px);border-color:#263038}.close-button{padding:8px 16px;border:1px solid #45505a;border-radius:100px;min-height:44px}.back-button{padding:8px 12px;min-height:44px;width:fit-content}
.transition-veil{background:#d8eeef;border-radius:32px}.transition-veil.is-active{animation:rounded-aperture .32s ease-out both}
@keyframes rounded-aperture{0%{opacity:0;clip-path:inset(49% 5% round 100px)}35%{opacity:.8;clip-path:inset(1% 1% round 40px)}100%{opacity:0;clip-path:inset(0 round 24px)}}
.choice-view{padding-top:clamp(40px,7vh,85px);padding-bottom:20px;overflow:hidden}.choice-view h2{font-size:clamp(36px,4.8vw,68px)}.choice-view .view-intro{margin-top:16px;color:#a9b5bf}
.signal-chamber{--px:0;--py:0;position:relative;isolation:isolate;min-height:460px;margin-top:8px;perspective:1000px}
.chamber-light{position:absolute;inset:8% -5% 0;z-index:-2;border-radius:50%;background:radial-gradient(ellipse at 28% 55%,#467b832e,transparent 46%),radial-gradient(ellipse at 77% 40%,#8f85b02a,transparent 40%);mask-image:radial-gradient(ellipse,#000 10%,transparent 70%);transform:translate(calc(var(--px)*-8px),calc(var(--py)*-5px));transition:transform .18s ease-out;pointer-events:none}
.chamber-logo{position:absolute;width:240px;height:auto;left:50%;top:45%;opacity:.27;transform:translate(calc(-50% + var(--px)*10px),calc(-50% + var(--py)*7px)) rotate(calc(-12deg + var(--px)*2deg));transition:transform .2s ease-out,opacity .4s;z-index:-1;pointer-events:none}
.signal-chamber:has(.choice-world:hover) .chamber-logo,.signal-chamber:has(.service-choice:focus-visible) .chamber-logo{opacity:.52}
.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:0;text-align:center;position:relative;z-index:1}
.choice-world{position:relative;min-width:0;height:420px;display:grid;place-items:center;perspective:1000px}
.service-choice{position:relative;display:block;min-height:110px;min-width:0;width:100%;max-width:430px;padding:24px 18px;border:1px solid #667781;border-radius:100px;text-align:center;background:linear-gradient(120deg,#ffffff10,#ffffff03 45%,#ffffff0c);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff1f,0 24px 60px #0005;color:#f7fafb;font-family:Raleway,sans-serif;font-size:clamp(27px,3.1vw,45px);font-weight:500;letter-spacing:-.035em;transition:background .3s,border-color .3s,box-shadow .3s;overflow:hidden;isolation:isolate}
.service-choice::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 20%,#c8fcff16 42%,#dbbbff1c 52%,transparent 73%);opacity:0;transform:translateX(calc(var(--px)*20px));transition:opacity .35s;pointer-events:none;z-index:-1}
.service-choice:hover,.service-choice:focus-visible{background:#203039b3;border-color:#cbe9ee;box-shadow:inset 0 1px 0 #fff5,0 0 45px #92d4df12,0 24px 60px #0006}
.service-choice:focus-visible{outline:2px solid #f4fcff;outline-offset:7px}.choice-world:hover .service-choice::before,.service-choice:focus-visible::before{opacity:1}
.holo-words{position:absolute;inset:0;pointer-events:none}.holo-word{position:absolute;font-size:clamp(14px,1.55vw,21px);font-weight:400;letter-spacing:.025em;color:#d6ebef;opacity:0;filter:blur(7px);transform:translate(calc(var(--px)*var(--depth)),calc(14px + var(--py)*var(--depth))) rotateX(10deg);transition:opacity .35s,filter .4s,transform .2s ease-out;text-shadow:1px 0 #b6afff66,-1px 0 #83e8df55;white-space:nowrap}
.word-one{--depth:15px;left:9%;top:16%}.word-two{--depth:9px;right:5%;top:25%;font-size:16px}.word-three{--depth:12px;left:5%;bottom:21%;font-size:17px}.word-four{--depth:20px;right:12%;bottom:12%}
.choice-world:hover .holo-word,.choice-world:focus-within .holo-word{opacity:1;filter:blur(0);transform:translate(calc(var(--px)*var(--depth)),calc(var(--py)*var(--depth)))}
.organic-world .word-one{top:21%;left:10%}.organic-world .word-two{top:12%;right:12%}.organic-world .word-three{bottom:13%;left:14%}.organic-world .word-four{bottom:23%;right:5%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.capabilities{padding-top:110px}.capabilities>h2{font-size:clamp(42px,5.7vw,78px);max-width:18ch;margin-bottom:45px;line-height:1.04}.story-sequence{--story-progress:0;--fan:0;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;position:relative;align-items:start}
.story-visual{position:sticky;top:16vh;min-width:0}.format-scene{position:relative;height:440px;perspective:1000px;isolation:isolate;border:1px solid #36434a;border-radius:36px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#263d4560,transparent 65%),#11171b}
.format-orbit{position:absolute;width:80%;aspect-ratio:1;left:10%;top:5%;border:1px solid #71848a30;border-radius:50%;transform:rotateX(60deg) rotateZ(calc(var(--story-progress)*110deg));box-shadow:0 0 0 48px #5269740b}
.format-frame{position:absolute;overflow:hidden;border:1px solid #a4b5bc;border-radius:18px;box-shadow:0 25px 40px #0007;left:50%;top:45%;background:#253036;transform-style:preserve-3d}
.format-frame img{height:100%;width:100%;object-fit:cover;opacity:.85}.format-frame span{position:absolute;bottom:10px;left:12px;border-radius:100px;padding:2px 10px;background:#0d1013c9;color:white;font-size:11px;letter-spacing:.08em}
.format-wide{width:68%;top:47%;aspect-ratio:16/9;z-index:3;transform:translate(calc(-50% - var(--fan)*12%),calc(-50% - var(--fan)*26%)) rotateY(calc(var(--fan)*-12deg)) rotateZ(calc(var(--fan)*-7deg)) scale(calc(1 - var(--fan)*.18))}
.format-square{width:38%;aspect-ratio:1;z-index:2;transform:translate(calc(-50% + var(--fan)*48%),calc(-50% + var(--fan)*25%)) rotateY(calc(var(--fan)*-10deg)) rotateZ(calc(var(--fan)*9deg));opacity:calc(.1 + var(--fan)*.9)}
.format-tall{width:24%;aspect-ratio:9/16;z-index:4;transform:translate(calc(-50% - var(--fan)*100%),calc(-50% + var(--fan)*28%)) rotateY(calc(var(--fan)*12deg)) rotateZ(calc(var(--fan)*-5deg));opacity:var(--fan)}
.story-signal{position:absolute;bottom:22px;right:24px;width:42px;opacity:calc(.3 + var(--story-progress)*.7);transform:rotate(calc(-15deg + var(--story-progress)*15deg))}.story-meter{display:flex;align-items:center;gap:14px;margin:22px 4px 10px;font-size:11px;color:#a6b8bf;font-variant-numeric:tabular-nums}.story-meter i{position:relative;height:2px;background:#34424a;flex:1;overflow:hidden;border-radius:5px}.story-meter i::after{content:'';position:absolute;inset:0;background:#c2e3e8;transform-origin:left;transform:scaleX(calc(.06 + var(--story-progress)*.94))}.format-caption{font-size:11px;color:#96a9b2;text-align:center}
.story-chapter{min-height:72vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 0;border-top:1px solid #34424a}.story-chapter h3{font-size:clamp(31px,3.8vw,53px);line-height:1.07;letter-spacing:-.04em}.story-chapter p{font-size:17px;color:#b2bfc7;margin-top:24px;max-width:38ch}.story-chapter .story-aside{font-size:14px;color:#deebee}.story-chapter .step-number{color:#c5dce0;letter-spacing:.04em}.story-chapter:last-child{min-height:68vh}.markets{padding-top:24px;border-top:1px solid var(--line)}
.organic-emblem{opacity:.65}.process-orbit{border-color:#4c626d;background:radial-gradient(ellipse at center,#607f8922,transparent 65%)}.process-orbit::before,.process-orbit::after{border-color:#506773}.record-core,.content-output{background:#1a272f;border-color:#69828f}.content-output{border-radius:100px}.organic-process[data-active="2"] .record-core,.organic-process[data-active="3"] .record-core{background:#29434b;box-shadow:0 0 55px #91c5cd15}.organic-process[data-active="3"] .content-output{background:#345460}.organic-end{background:#dce6e5;color:#192126;border-radius:36px 36px 0 0}.organic-end .eyebrow{color:#3c646f}.organic-end .primary-button{background:#223c45;color:white}
@media(max-width:900px){.story-sequence{gap:5%;grid-template-columns:1fr 1fr}.format-scene{height:360px}.service-choices{gap:6%}.service-choice{font-size:30px;min-height:95px}.signal-chamber{min-height:410px}.chamber-logo{width:200px}.choice-world{height:360px}.word-two{right:0}.story-chapter h3{font-size:34px}}
@media(max-width:700px){.header{border-radius:0 0 22px 22px}.header nav{gap:10px}.about{border-radius:28px}.contact{border-radius:28px 28px 0 0}.film-screen,.support-image{border-radius:20px}.contact-link{padding:10px 20px}.choice-view{padding-top:32px}.choice-view h2{font-size:38px}.choice-view .view-intro{font-size:16px;max-width:29ch}.signal-chamber{min-height:0;margin-top:5px}.service-choices{grid-template-columns:1fr;gap:0}.choice-world{height:230px}.service-choice{font-size:32px;min-height:90px;max-width:390px;padding:18px}.chamber-logo{width:220px;top:50%;opacity:.2}.holo-word{font-size:14px;opacity:.8;filter:none;transform:none}.word-one,.organic-world .word-one{top:10%;left:10%}.word-two,.organic-world .word-two{top:13%;right:8%;font-size:13px}.word-three,.organic-world .word-three{bottom:11%;left:8%;font-size:13px}.word-four,.organic-world .word-four{bottom:9%;right:10%}.choice-view{padding-bottom:20px}.story-sequence{display:block}.capabilities{padding-top:65px}.capabilities>h2{font-size:43px;margin-bottom:30px;max-width:18ch}.story-visual{top:12px;z-index:2;background:#0d1013;padding:8px 0 12px;border-radius:22px}.format-scene{height:240px;border-radius:24px;max-width:500px;margin:auto}.format-wide{width:57%;max-width:290px}.format-square{width:30%;max-width:175px}.format-tall{width:18%;max-width:105px}.format-orbit{width:50%;left:25%;top:-12%}.format-frame{border-radius:12px}.format-frame span{font-size:9px;bottom:6px;left:6px}.story-signal{width:30px;bottom:15px;right:18px}.story-meter{margin:12px 4px 8px}.format-caption{font-size:10px}.story-chapter{min-height:65vh;padding:42px 0}.story-chapter:last-child{min-height:65vh}.story-chapter h3{font-size:38px}.story-chapter p{font-size:16px;margin-top:18px}.story-chapter .step-number{font-size:11px}.journey-bar{padding-inline:20px}.journey-brand{gap:10px;font-size:12px}.journey-brand img{width:30px}.close-button{font-size:12px;gap:14px}}
@media(max-height:660px) and (min-width:701px){.choice-view{padding-top:28px}.signal-chamber{min-height:320px}.choice-world{height:300px}.story-visual{top:20px}.format-scene{height:300px}}
@media(hover:none),(pointer:coarse){.holo-word{opacity:.85;filter:none;transform:none}.chamber-light,.chamber-logo{transition:none}.service-choice:hover{background:#203039b3}}
@media(max-width:600px){.header{gap:10px}.header .wordmark{width:104px;flex-shrink:0}.header nav{gap:3px;font-size:12px}.header nav a{padding:8px}.header .nav-contact{display:inline-flex;align-items:center;padding:10px;font-size:11px}.header .nav-contact span{margin-left:6px}}
@media(max-height:700px) and (max-width:700px){.story-visual{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.chamber-logo,.chamber-light,.holo-word,.format-frame,.format-orbit,.story-signal{transition:none!important}.chamber-light{transform:none}.chamber-logo{transform:translate(-50%,-50%) rotate(-12deg)}.holo-word,.choice-world:hover .holo-word,.choice-world:focus-within .holo-word{opacity:1;filter:none;transform:none}.story-sequence{--story-progress:1!important;--fan:1!important}.service-choice,.contact-link{transition:none}.story-visual{position:relative;top:auto}.transition-veil{display:none!important}}