@charset "UTF-8";
:root{color-scheme:dark;--paper:#090b0e;--card:#12161c;--ink:#f0f2f5;--muted:#a5aeb9;--line:#2b313a;--accent:#a7caff;--dark:#d6e5ff;--ease:cubic-bezier(.16,1,.3,1)}
body{background:var(--paper);font-size:17px;line-height:1.95;letter-spacing:.01em}::selection{background:#a7caff;color:#090b0e}.cw-header{background:#090b0ee8;border-color:#2b313acc}.cw-header-inner{min-height:92px}.cw-name{font-size:26px}.cw-name small{font-size:10px;letter-spacing:.16em}.cw-nav{font-size:14px;gap:28px}.nav-cta{background:#e5edfa;color:#111720;padding:12px 20px}.nav-cta:hover{background:#aacbff}.cw-menu{color:var(--ink)}.btn{background:#dbe9ff;color:#101722;border-color:#dbe9ff;font-size:15px;padding:17px 24px}.btn:hover{background:#a7caff;border-color:#a7caff;box-shadow:0 0 35px #a7caff1b}.btn.light{background:transparent;color:var(--ink);border-color:#465365}.btn.light:hover{background:#1c2530}.text-link{font-size:15px}.kicker{font-size:12px;letter-spacing:.17em;color:#a7b5c6}.hero{position:relative;isolation:isolate;padding-top:38px;padding-bottom:60px;overflow:visible}.hero-top{font-size:11px;letter-spacing:.13em}.hero-grid{min-height:650px;gap:6%}.hero h1{font-size:clamp(43px,5.6vw,82px);line-height:1.4;font-weight:600;letter-spacing:-.065em}.hero h1 em:after{height:1px;bottom:0;background:linear-gradient(90deg,#a7caff,transparent);box-shadow:0 0 16px #6a9cff}.hero-copy>p:not(.kicker){font-size:17px;line-height:2.1;color:#b5bfcc}.hero-copy>.kicker:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#aacbff;box-shadow:0 0 16px #aacbff;margin-right:12px;animation:beacon 3s ease-in-out infinite}.hero-note{font-size:12px!important;line-height:1.9!important}.hero-media{z-index:0;perspective:1200px}.hero-media:before{background:linear-gradient(135deg,#23375333,#0b0e1300);border:1px solid #55749940;transform:rotate(5deg);animation:frame-drift 12s ease-in-out infinite}.film-frame{background:#10141b;border:1px solid #53627b66;box-shadow:0 32px 90px #0008,0 0 65px #456a9d10;transform:rotate(-2deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .7s var(--ease),border-color .4s}.film-frame:hover{transform:rotate(0deg) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));border-color:#a7caff80}.film-meta{font-size:10px;color:#a3b1c5}.film-caption{font-size:15px}.film-caption span{font-size:11px;color:#a4b2c6}.hero-mini{background:#131923;border-color:#40516a;box-shadow:0 15px 50px #0006;animation:mini-drift 8s ease-in-out infinite}.hero-mini p{font-size:13px}.hero-mini small{font-size:10px;color:#a1b1c5}.hero-bottom{font-size:11px;align-items:center;gap:15px}.hero-bottom button{background:none;border:1px solid #3b4655;color:#c2cedf;padding:7px 12px;font-size:11px;border-radius:2px}.hero-bottom>div{display:flex;gap:12px;align-items:center}.ambient-field{position:absolute;z-index:-2;inset:20px -4vw -70px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(black 65%,transparent)}.ambient-field:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7195c008 1px,transparent 1px),linear-gradient(90deg,#7195c008 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 74% 45%,black,transparent 68%)}.ambient-field:after{content:'';position:absolute;width:560px;height:560px;right:-90px;top:80px;background:radial-gradient(ellipse,#638bca1c,transparent 67%);animation:glow-drift 17s ease-in-out infinite}.ambient-ring{position:absolute;width:690px;aspect-ratio:1;right:-200px;top:0;border:1px solid #8ab3ef15;border-radius:50%;animation:orbit 50s linear infinite}.ambient-ring:before{content:'';position:absolute;width:7px;height:7px;background:#a7caff;box-shadow:0 0 28px #a7caff;top:98px;left:98px;border-radius:50%}.ambient-ring:nth-child(2){width:920px;right:-310px;top:-120px;animation-duration:80s;animation-direction:reverse;opacity:.5}.ticker{background:#10151c;border-color:#283648;padding:22px 0}.ticker>div{font-size:25px;letter-spacing:.04em;animation-duration:46s;color:#ced7e5}.ticker b{color:#779bcc}.section{padding:112px 0}.section-head h2{font-size:clamp(31px,3.4vw,48px);line-height:1.55}.section-head>p{font-size:15px;max-width:390px}.solution{padding:34px 8px;transition:background .5s,padding .5s;position:relative}.solution:hover{background:#18202b80;padding-left:22px}.solution>span:first-child{font-size:13px;color:#8eadd6}.solution h3{font-size:26px}.solution p{font-size:15px}.solution p small{font-size:12px;color:#8b9db5}.solution>span:last-child{color:#a7caff;transition:transform .4s}.solution:hover>span:last-child{transform:translate(4px,-4px)}.case-row{padding:56px 0 80px;gap:6%}.case-row .case-image{border:1px solid #40516a55}.case-image{background:#151c25}.case-image>img{will-change:transform;transform:translateY(var(--image-shift,0px)) scale(1.07);transition:transform .6s var(--ease)}.case-image:hover>img{transform:translateY(var(--image-shift,0px)) scale(1.1)}.case-image.flow{background:#132238}.case-image.flow>img{background:#eaf1f7;transform:none}.case-image .play-label{background:#0d1119ea;border-color:#6b829f;color:#dae5f7;font-size:12px;padding:12px 18px}.case-image .play-label:after{content:' →';display:inline-block;margin-left:12px;transition:transform .4s}.case-image:hover .play-label:after{transform:translateX(5px)}.case-copy h3{font-size:clamp(29px,2.7vw,39px);line-height:1.55}.case-copy>p:not(.kicker){font-size:16px;color:#abb7c7}.case-copy dl{font-size:14px;grid-template-columns:76px 1fr;gap:14px 18px;line-height:1.95}.case-copy dt{color:#8ba3c1}.tags{gap:8px}.tags span{font-size:12px;border-color:#3c4758;color:#c5d3e6;background:#121924;padding:4px 10px}.otter-trio{background:#1a2431}.tiny-note{font-size:12px;color:#98a7bc;line-height:1.95}.capability-band{background:linear-gradient(130deg,#111820,#0b0e13);border-block:1px solid #28313c}.cap-card{border-color:#5d7696;padding-top:26px;transition:transform .5s}.cap-card:hover{transform:translateY(-7px)}.cap-card>span{font-size:12px;color:#8ba9d0}.cap-card h3{font-size:29px}.cap-card p{font-size:15px}.cap-card ul{font-size:14px;color:#a9b8ce;line-height:2.2}.cap-card .text-link{font-size:14px}.gallery-head h2{font-size:32px}.legacy-work h3{font-size:19px}.legacy-work small{font-size:12px}.legacy-work img{border:1px solid #313f52}.about-grid h2{font-size:clamp(31px,3.4vw,47px)}.about-grid h3{font-size:28px}.about-grid p:not(.kicker){font-size:16px;color:#aab7c9;line-height:2.15}.about-aside{border-color:#35465b}.process-band{background:#10151c;border-block:1px solid #2c3744}.steps h3{font-size:20px}.steps p{font-size:15px;color:#a6b5c9}.steps>div:before{color:#718cae}.availability{font-size:14px;gap:15px 35px;background:#141d29;border-color:#3b506b;color:#c9d6e9}.availability p{font-size:13px}.faq-grid h2{font-size:36px}.faq-grid summary{font-size:16px}.faq-grid details p{font-size:15px;color:#aebdd0}.contact-cw{background:radial-gradient(ellipse at 20% 30%,#1b2d4499,transparent 65%),#0b0f15;border-top:1px solid #40526b}.contact-grid h2{font-size:clamp(34px,4vw,54px)}.contact-grid p:not(.kicker){font-size:16px}.contact-grid ul{font-size:14px}.contact-grid .kicker{color:#91b0da}.cw-footer{background:#090b0e;color:#a2b1c4;border-top:1px solid #253243}.cw-footer p,.cw-footer nav{font-size:12px}.progress{background:#9cc0f2;box-shadow:0 0 9px #7dafff}.cw-dialog{background:#111923;color:#f3f6fb;border:1px solid #425671}.cw-dialog button{color:#e2ecfb}.detail-intro>p:not(.kicker){font-size:17px}.back-link{font-size:14px}.case-facts dt{font-size:14px;color:#8faacd}.case-facts dd{font-size:16px;color:#c0cbdc}.detail-copy,.episode-grid p{font-size:16px}.episode-grid h3{font-size:23px}.media-grid figcaption{font-size:15px}.new-catalog h3{font-size:21px}.new-catalog article p{font-size:15px}.new-work-nav a{background:#121b27;border-color:#354862;font-size:14px}.next-project{font-size:16px}.section h2.detail-title{font-size:36px}
/* The catalog shares the dark shell; the standalone sample sites keep their own brand design. */
.legacy-shell{--bg:#090b0e;--surface:#131b25;--ink:#f0f2f5;--muted:#a5aeb9;--line:#2b313a;--blue:#9fc1f0;--accent:#abcaff}.legacy-shell .eyebrow,.legacy-shell .back{color:#9bb8df!important}.legacy-shell .pill,.legacy-shell .tags span{color:#b8cce7;background:#182333;border-color:#3a4c65;font-size:12px}.legacy-shell .related-work a{color:#c0d4ef!important;border-color:#415873!important;background:#152131!important}.legacy-shell .catalog-card,.legacy-shell .project-card,.legacy-shell .connection-card{background:#111820!important;border-color:#31425a!important;color:#eef3fc!important}.legacy-shell .catalog-filter,.legacy-shell .filter-button{color:#d5e2f5!important;border-color:#35465b!important}.legacy-shell .catalog-filter[aria-pressed=true],.legacy-shell .filter-button.active{background:#243955!important}.legacy-shell .video-stage,.legacy-shell .player{background:#111a27}.legacy-shell .lead{font-size:18px}.legacy-shell .small{font-size:14px}.legacy-shell .work-text p,.legacy-shell .motion-card p{font-size:16px}.legacy-shell .work-intent{font-size:14px}.legacy-shell .work-filters button,.legacy-shell .work-filters a{font-size:14px}.legacy-shell .catalog-filter{font-size:14px}.legacy-shell .back{font-size:14px}.legacy-shell .cw-header .nav-cta{color:#101722}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes glow-drift{50%{transform:translate(-80px,70px);opacity:.5}}@keyframes frame-drift{50%{transform:translateY(-9px) rotate(7deg)}}@keyframes mini-drift{50%{transform:translateY(-6px) rotate(1deg)}}@keyframes beacon{50%{opacity:.5;box-shadow:0 0 4px #aacbff}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .case-image>img{transform:none}.motion-paused .film-frame{transform:rotate(-2deg)}
@media(max-width:1050px){.cw-nav{gap:17px;font-size:13px}.hero h1{font-size:5.4vw}.hero-grid{min-height:570px}.hero-copy>p:not(.kicker){font-size:15px}.section{padding:90px 0}.solution h3{font-size:22px}.solution p{font-size:14px}.case-copy>p:not(.kicker){font-size:15px}.case-copy dl{font-size:13px}.case-copy h3{font-size:30px}}
@media(max-width:760px){body{font-size:16px}.cw-header-inner{min-height:76px}.cw-name{font-size:23px}.cw-name small{font-size:8px}.cw-nav{background:#0c1017;top:75px;font-size:15px}.cw-menu{font-size:12px;padding:8px 12px}.hero{padding-top:26px;overflow:hidden}.hero-top{font-size:10px}.hero-grid{min-height:0;gap:16px}.hero h1{font-size:clamp(35px,8.7vw,62px);margin:22px 0 27px}.hero-copy>.kicker{font-size:10px;letter-spacing:.08em}.hero-copy>p:not(.kicker){font-size:15px;line-height:2}.hero-note{font-size:11px!important}.btn{font-size:13px;padding:15px 18px}.hero-actions{gap:23px}.text-link{font-size:13px}.film-meta{font-size:8px}.film-caption{font-size:12px}.film-caption span{font-size:9px}.hero-mini small{font-size:8px}.hero-mini p{font-size:11px}.hero-bottom{font-size:9px;flex-wrap:wrap;justify-content:space-between;gap:15px}.hero-bottom button{font-size:10px;padding:6px 8px}.hero-bottom>div{gap:7px}.ambient-ring{width:500px;right:-220px}.ambient-field:after{width:400px;right:-120px}.ticker>div{font-size:19px}.ticker{padding:16px 0}.section{padding:66px 0}.section-head h2{font-size:30px}.section-head>p{font-size:14px}.solution h3{font-size:20px}.solution p{font-size:13px}.solution p small{font-size:11px}.solution{padding:28px 0}.case-row,.case-row.reverse{gap:30px;padding:35px 0 48px}.case-copy h3{font-size:29px}.case-copy>p:not(.kicker){font-size:15px}.case-copy dl{font-size:13px;grid-template-columns:64px 1fr;gap:12px}.tags span{font-size:11px;padding:3px 8px}.kicker{font-size:11px}.tiny-note{font-size:11px}.cap-card h3{font-size:27px}.cap-card p{font-size:15px}.cap-card ul{font-size:14px}.gallery-head h2{font-size:27px}.gallery-head>.text-link{font-size:11px}.legacy-work h3{font-size:17px}.legacy-work small{font-size:10px}.about-grid h2{font-size:32px}.about-grid h3{font-size:25px}.about-grid p:not(.kicker){font-size:15px}.steps h3{font-size:17px}.steps p{font-size:14px}.availability{font-size:12px;gap:12px}.availability p{font-size:12px}.faq-grid h2{font-size:31px}.faq-grid summary{font-size:15px}.faq-grid details p{font-size:14px}.contact-grid h2{font-size:34px}.contact-grid p:not(.kicker){font-size:15px}.contact-grid ul{font-size:13px}.cw-footer p,.cw-footer nav{font-size:10px}.detail-intro>p:not(.kicker){font-size:15px}.detail-intro h1{font-size:34px}.case-facts dd{font-size:15px}.case-facts dt{font-size:13px}.detail-copy,.episode-grid p{font-size:15px}.media-grid figcaption{font-size:14px}.section h2.detail-title{font-size:29px}.new-work-nav a{font-size:12px}.legacy-shell .lead{font-size:16px}.legacy-shell .small{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ambient-field{display:none}.hero-copy>.kicker:before{animation:none}.case-image>img,.case-image:hover>img{transform:none;will-change:auto}.film-frame:hover{transform:none}}