.immersive-portfolio{--slate:#a3b4ca;--specular:#ffffff1a}.immersive-portfolio .hero-copy button{pointer-events:auto}.immersive-portfolio .hero-role{text-wrap:balance;max-width:49ch;min-height:3.2em;margin-bottom:24px;font-size:12px;line-height:1.45}.immersive-portfolio .hero-name .ct-host{max-width:none;display:inline-grid}.immersive-portfolio .hero-name .ct-reserve{display:grid}.immersive-portfolio .hero-name .ct-stage{display:block}.immersive-portfolio .hero-name .ct-phrase{white-space:nowrap;max-width:none}.immersive-portfolio .hero-name .ct-glyph{white-space:pre}.immersive-portfolio .hero-actions{gap:12px}.immersive-portfolio .hero-actions .animated-button{gap:15px;min-height:48px;padding:14px 18px;font-size:11px}.immersive-portfolio .hero-actions .hero-contact-link{align-items:center;gap:8px;min-height:44px;padding-inline:8px;display:inline-flex}.immersive-portfolio .hero-promise .ct-host{perspective:none}.immersive-portfolio .hero-promise-accent .ct-phrase{white-space:nowrap;max-width:none}.immersive-contact-copy{min-width:0;container-type:inline-size}.immersive-portfolio .immersive-contact h2{letter-spacing:-.05em;font-size:clamp(40px,14cqi,84px);line-height:1}.header-availability{color:#b9c6d8;align-items:center;gap:9px;font-size:10px;line-height:1.6;display:inline-flex}.header-availability>i{background:#8dd9b4;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 16px #8dd9b455}.header-availability .ct-badge{white-space:normal;max-width:145px}.site-header nav a{align-items:center;gap:4px;min-width:44px;min-height:44px;display:inline-flex}.site-header .brand{min-height:44px}.site-header nav a:focus-visible,.site-header .brand:focus-visible{outline-offset:4px;outline:2px solid #38bdf8}.site-header .effects summary{justify-content:center;min-width:44px;min-height:44px}.site-header .sound-toggle{min-width:44px;min-height:44px}.immersive-portfolio :is(.capability-diagram,.capability-diagram-interface small,.corridor-navigation a>span,.skill-index,.service-coordinate,.immersive-cms .cms-window-bar>span:last-child,.immersive-film-chrome>span:nth-child(2)),.immersive-portfolio :is(.immersive-index>i,.immersive-about figcaption,.immersive-faq .faq-coordinate,.portal-coordinate,.contact-locale,.immersive-footer){color:#a3b4ca}.immersive-portfolio :is(.immersive-act-nav a,.corridor-navigation a,.immersive-work-nav a,.immersive-text-link,.immersive-footer a){justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.immersive-portfolio .immersive-act-nav,.immersive-portfolio :is(.immersive-work-nav,.corridor-navigation,.immersive-footer){gap:8px}.immersive-portfolio :is(a,button,input,textarea,select,summary):focus-visible,.sample-page :is(a,button,input,summary):focus-visible{outline-offset:4px;outline:2px solid #38bdf8}.immersive-portfolio :is(.pantry-demo,.raw-demo) :is(a,button,input,summary):focus-visible{outline-color:#1c5c45}.immersive-portfolio :is(.immersive-meta,.immersive-index,.skill-index,.service-coordinate,.faq-coordinate,.immersive-telemetry,.bento-experience dd,.bento-experience dt){font-variant-numeric:tabular-nums}.immersive-portfolio:after{content:"";pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px;position:fixed;inset:0}@media (max-width:1200px){.header-availability{display:none}}@media (max-width:767px){.site-header nav{gap:8px}.site-header nav a:nth-child(2){display:none}.immersive-portfolio .hero-role{max-width:100%;min-height:4.3em;margin-bottom:18px;font-size:10px}.immersive-portfolio .portrait-hero .hero-actions{align-items:stretch;gap:8px;width:100%;margin-top:clamp(426px,117vw,456px);position:static}.immersive-portfolio .hero-actions .animated-button{gap:10px;min-height:46px;padding:12px 13px;font-size:10px}.immersive-portfolio .hero-actions .hero-contact-link{min-height:44px;font-size:11px}.immersive-portfolio .hero-composition{min-height:775px}.immersive-portfolio .hero-promise{top:220px}.immersive-portfolio .hero-foot{gap:16px}}@media (max-width:360px){.immersive-portfolio .hero-actions{grid-template-columns:1fr;display:grid}.immersive-portfolio .hero-actions .animated-button{justify-content:space-between;min-height:44px}.immersive-portfolio .hero-actions .hero-contact-link{justify-content:center}.immersive-portfolio .hero-composition{min-height:850px}}@media (prefers-reduced-motion:reduce){.immersive-portfolio:after{display:none}}