/* Hibrinix cinematic system. The approved hero remains the reference. */
.experience-site .site-header{transition:background-color .25s ease,box-shadow .25s ease}
.experience-site .cms-intro .page-scene-copy>p{font-size:15px;line-height:1.85;color:#c9b4d5}
.experience-site .page-scene figcaption{min-height:10px}
.experience-site .page-scene canvas{animation:scene-arrive .35s ease-out}
@keyframes scene-arrive{from{opacity:0}to{opacity:1}}
.experience-site .brand-ribbon>div{--ribbon-half-gap:19px;animation-name:ribbon-seamless}
@keyframes ribbon-seamless{to{transform:translateX(calc(-50% - var(--ribbon-half-gap)))}}
@media(max-width:600px){.experience-site .brand-ribbon>div{--ribbon-half-gap:12.5px}}
@media(prefers-reduced-motion:reduce){.experience-site .site-header{transition:none}.experience-site .page-scene canvas,.experience-site .brand-ribbon>div{animation:none}}
.experience-site .immersive-card.immersive-reveal{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease,opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1)}
.experience-site:has(.cinematic-hero) .site-header{position:fixed}
.experience-site .services-mega,.experience-site .mobile-nav{opacity:1;translate:0 0;transition:opacity .18s ease,translate .18s ease,display .18s allow-discrete}
.experience-site .services-mega[hidden],.experience-site .mobile-nav[hidden]{opacity:0;translate:0 -6px;pointer-events:none}
@starting-style{.experience-site .services-mega:not([hidden]),.experience-site .mobile-nav:not([hidden]){opacity:0;translate:0 -6px}}
@media(prefers-reduced-motion:reduce){.experience-site .services-mega,.experience-site .mobile-nav,.experience-site .immersive-card.immersive-reveal{transition:none}}
.immersive-reveal{opacity:0;translate:0 14px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.7,.2,1)}
.immersive-reveal.is-revealed{opacity:1;translate:0 0}
.experience-site .growth-words{height:1.4em;line-height:1.35}
.experience-site .growth-words em{line-height:1.35;transform:none;animation:growth-crossfade 12s ease-in-out infinite}
.experience-site .growth-words em:nth-child(2){animation-delay:-8s}
.experience-site .growth-words em:nth-child(3){animation-delay:-4s}
@keyframes growth-crossfade{0%,28%,100%{opacity:1}33%,95%{opacity:0}}
@media(prefers-reduced-motion:reduce){.immersive-reveal{opacity:1;translate:none;transition:none}.experience-site .growth-words em{animation:none;opacity:0}.experience-site .growth-words em:first-child{opacity:1}}
.experience-site .article-grid{align-items:stretch}
.experience-site .article-grid>.article-card{display:flex;flex-direction:column;min-width:0}
.experience-site .article-card>.article-art{flex:none;width:100%;aspect-ratio:3/2}
.experience-site .article-card>.article-art img{width:100%;height:100%;object-fit:cover}
.experience-site .article-card>h3{max-width:none;margin-bottom:0}
.experience-site .article-card>.read-link{margin-top:auto;padding-top:28px;width:100%}
.experience-site .case-study-page>.case-blueprint{margin-top:48px}
@media(max-width:650px){.experience-site .case-study-page>.case-blueprint{margin-top:30px}}
.experience-site .system-case-hero .has-page-scene .case-hero-title{display:block}
.experience-site .system-case-hero .case-hero-title h1{max-width:none;margin:25px 0 24px;font-size:clamp(40px,4.4vw,68px)}
.experience-site .system-case-hero .case-hero-title .lead{margin:0;max-width:650px}
.experience-site .system-case-hero .case-status-row{margin-top:28px;flex-wrap:wrap}
.experience-site .visual-case-page .original-case-overview{text-align:left;align-items:start;gap:35px 70px}
.experience-site .original-case-overview .case-overview-heading .eyebrow{justify-content:flex-start;margin:0;color:#c8afd9;font-size:9px;letter-spacing:1.35px;text-align:left}
.experience-site .original-case-overview .case-overview-heading h2{margin:18px 0 0;text-align:left}
.experience-site .visual-case-page .original-case-overview>p:last-child{margin:0;text-align:left;color:#c7b5d2;font-size:15px;line-height:1.95}
@media(max-width:650px){.experience-site .visual-case-page .original-case-overview{grid-template-columns:1fr;gap:22px}.experience-site .original-case-overview .case-overview-heading h2{font-size:34px}}
.experience-site .visual-case-page .original-case-gallery,.experience-site .cms-detail .cms-detail-gallery{border-radius:22px;overflow:hidden;isolation:isolate}
@media(max-width:650px){.experience-site .visual-case-page .original-case-gallery,.experience-site .cms-detail .cms-detail-gallery{border-radius:14px}}
.work-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.extra-nav-grid.work-nav-grid>.nav-video-preview{grid-column:3;grid-row:1/4;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:#160f23}
.extra-nav-grid .nav-video-preview img{width:100%;height:auto;max-height:230px;aspect-ratio:16/9;object-fit:cover;display:block;flex:none}
.extra-nav-grid .nav-video-preview strong{padding:18px 20px;font-size:15px;display:flex;justify-content:space-between}
.work-nav-grid>a:not(.nav-video-preview){grid-column:auto}
.work-video-frame{position:relative;scroll-margin-top:125px}
.work-video-frame video{pointer-events:none}
.work-video-toggle{position:absolute;top:18px;left:18px;border:1px solid #ffffff65;border-radius:100px;background:#1a1029ed;color:white;padding:12px 20px;font:inherit;font-size:13px;cursor:pointer}
.work-video-toggle:hover{background:#51306b}
.work-video-toggle:focus-visible{outline:2px solid #dcb7ff;outline-offset:4px}
#work-video-title{scroll-margin-top:125px}
.work-featured-video{margin:42px 0 65px}
.work-featured-video header{margin-bottom:26px}
.work-featured-video h2{font-size:clamp(28px,3vw,40px);margin:14px 0;line-height:1.2}
.work-featured-video header p{font-size:13px;color:var(--cinema-muted)}
.work-featured-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#10091b;border:1px solid var(--cinema-line);border-radius:20px;box-shadow:0 25px 70px #0003}
.experience-site .next-visual-project>a.container{display:block;text-decoration:none;color:var(--cinema-text)}
.experience-site .next-visual-project h2{color:var(--cinema-text);display:flex;align-items:center;justify-content:space-between;gap:25px}
.experience-site .next-visual-project h2>span{color:#d4a7f0;font-size:.65em;transition:transform .2s}
.experience-site .next-visual-project a:hover h2>span{transform:translate(4px,-4px)}
.experience-site .next-visual-project .eyebrow,.experience-site .next-visual-project p{color:var(--cinema-muted)}
.work-project-group{scroll-margin-top:125px}
.experience-site .hero-faq .page-scene-copy>.button{margin-top:26px;gap:22px;min-height:54px;padding:15px 24px;align-items:center;justify-content:space-between}
.experience-site .hero-faq .page-scene-copy>.button>span{font-size:17px;line-height:1}
.experience-site .cms-detail-head.has-page-scene{max-width:none;width:100%;background:none;padding-block:45px;min-height:360px}
.experience-site .cms-detail-head .page-scene-copy>.lead{max-width:650px}
.experience-site .work-project-group{margin-top:38px}
.experience-site .work-project-group+ .work-project-group{margin-top:70px;padding-top:45px;border-top:1px solid var(--cinema-line)}
.work-project-group>header{margin-bottom:27px}
.work-project-group>header h2{font-size:30px;line-height:1.25;margin-bottom:12px}
.work-project-group>header p{font-size:13px;color:var(--cinema-muted)}
.experience-site .extra-nav-panel{padding-bottom:28px}
.extra-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:22px}
.extra-nav-grid>a{position:relative;padding:22px 42px 22px 22px;border:1px solid #d3a8ed25;border-radius:12px;background:#b780d309;transition:background .2s,border-color .2s}
.extra-nav-grid>a:hover{background:#b780d31c;border-color:#d3a8ed66}
.extra-nav-grid small{display:block;color:#c3a5d2;font-size:10px;margin-bottom:10px}
.extra-nav-grid strong{font-size:19px;font-weight:500;line-height:1.4;display:block}
.extra-nav-grid>a>span{position:absolute;right:20px;top:24px;color:#d0a7ec}
.blog-nav-grid strong{font-size:17px}
.experience-site .cms-content-grid{align-items:stretch}
.experience-site .cms-content-card{display:flex;flex-direction:column}
.experience-site .cms-content-card>a{display:flex;flex-direction:column;flex:1;height:100%}
.experience-site .cms-card-image{flex-shrink:0}
.experience-site .cms-card-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;width:100%}
.experience-site .cms-card-copy h2{width:100%}
.experience-site .cms-card-copy p{margin-bottom:0}
.experience-site .cms-card-copy .cms-badge{margin-top:auto;align-self:flex-start}
.experience-site .cms-card-copy p:has(+.cms-badge){padding-bottom:20px}
.experience-site .contact-rebuilt .contact-aside{padding:36px;border:1px solid var(--cinema-line);box-shadow:inset 0 1px #f7dfff0b;overflow-wrap:anywhere}
.experience-site .contact-aside h2{font-size:clamp(30px,2.4vw,40px);line-height:1.16}
.experience-site .contact-aside p{max-width:none;line-height:1.8}
@media(max-width:650px){.experience-site .contact-rebuilt .contact-aside{padding:25px 22px}.experience-site .contact-rebuilt .contact-aside h2{font-size:34px}}
.experience-site .page-hero > .container.has-page-scene{max-width:1344px;margin-inline:auto}
.experience-site .hero-faq:after{display:none}
.experience-site .studio-principles{color:var(--cinema-text)}
.experience-site .studio-principles h3{color:#f7effc}
.experience-site .studio-principles .process-grid>div>span{color:#c8afd9}
.experience-site .newsletter-input{border:1px solid #c39cde60;border-radius:14px;background:#1b112bd9;padding:5px;align-items:center;transition:border-color .2s,box-shadow .2s}
.experience-site .newsletter-input:focus-within{border-color:#c59bed;box-shadow:0 0 0 3px #be8de51f}
.experience-site .newsletter-input input[type=email]{border:0;border-radius:9px;background:transparent;padding:13px 15px;box-shadow:none;outline:none}
.experience-site .newsletter-input input[type=email]:focus-visible{outline:none;box-shadow:none}
.experience-site .newsletter-input button{flex:0 0 44px;height:44px;padding:0;border-radius:10px;background:#c49aeb;color:#21102f;font-size:23px;cursor:pointer}
.experience-site .newsletter-input button:hover{background:#dfb6ef}
.experience-site{--cinema-ground:#100b18;--cinema-surface:#22152e;--cinema-text:#f7effc;--cinema-muted:#c4afcf;--cinema-line:#e5c4ff26;--cinema-glow:#bc80f0;--cinema-pink:#dfa8d9;background:#100b18;color:var(--cinema-text);isolation:isolate}
.experience-site .site-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 100% 20%,#8147ae27,transparent 55%),radial-gradient(ellipse at 0% 75%,#b24a9120,transparent 50%),#100b18}
.site-atmosphere canvas{width:100%;height:100%;opacity:.5}
.site-atmosphere:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#d5abf904 1px,transparent 1px),linear-gradient(90deg,#d5abf904 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(transparent,#0008,transparent)}
.atmosphere-orbit{position:absolute;right:-180px;top:22%;width:560px;height:560px;perspective:1000px;opacity:.28;transform-style:preserve-3d;animation:ambient-orbit 50s linear infinite}
.atmosphere-orbit i{position:absolute;inset:0;border:1px solid #d5a4ee44;border-radius:50%;transform:rotateY(65deg) rotateX(25deg);box-shadow:inset 0 0 40px #b377cf0a,0 0 40px #b377cf0a}
.atmosphere-orbit i:nth-child(2){transform:rotateY(-40deg) rotateX(55deg);border-color:#efa0ce25}.atmosphere-orbit i:nth-child(3){inset:60px;transform:rotateY(40deg) rotateX(-55deg)}
@keyframes ambient-orbit{to{transform:rotateZ(360deg)}}
.experience-site h1,.experience-site h2,.experience-site h3{font-family:'Manrope Variable',sans-serif;font-weight:500;letter-spacing:-.055em}
.experience-site h2 em,.experience-site .intro-statement em,.experience-site .page-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#deb5fa;letter-spacing:-.045em}
.experience-site .section{padding-block:100px;background-color:transparent}
.experience-site .eyebrow{color:#c8afd9;font-size:9px;letter-spacing:1.35px}
.experience-site .section-heading{margin-bottom:38px}
.experience-site .section-heading h2{line-height:1.13}
.experience-site .section-intro,.experience-site .body-copy,.experience-site .lead{color:#c7b5d2}
.experience-site .button,.experience-site .header-cta{background:linear-gradient(110deg,#b185ef,#e0a8d9);border:1px solid #ebc5ff55;color:#21102f;box-shadow:inset 0 1px #ffffff38,0 8px 35px #ac5ddd15;border-radius:99px}
.experience-site .button:hover{box-shadow:0 8px 35px #bf79e53d;transform:translateY(-2px)}
.experience-site .button.outline{background:#29193670;color:#eddef8;border-color:#d7b1f040}
.experience-site .text-link{color:#e2ccef;border-color:#d3a8ed50}
.experience-site .site-header{background:#100b18df;border:0;backdrop-filter:blur(20px)}
.experience-site .nav-shell{border-color:var(--cinema-line)}
.experience-site .services-mega{background:linear-gradient(125deg,#261734,#160f23);border-color:#b184d447;box-shadow:0 30px 80px #0005,inset 0 1px #f4d7ff0c}
.experience-site .mega-links a:hover{background:#d5b1ec12;border-radius:7px}
@media(min-width:940px){.experience-site .desktop-nav{gap:3px;padding:5px;border:1px solid #ddbcf52b;border-radius:13px;background:#27173552;backdrop-filter:blur(12px)}.experience-site .desktop-nav>a{padding:10px 13px;border-radius:8px}.experience-site .desktop-nav>a:hover{background:#d2a3ed18}}
/* Continuous lighting between home sections rather than alternating flat panels. */
.experience-site .brand-ribbon{background:linear-gradient(90deg,#23142c70,#70408426,#23142c70);border-color:var(--cinema-line);padding-block:21px}
.experience-site .brand-ribbon>div{color:#c6a8d9;font-family:'Manrope Variable',sans-serif;font-size:22px}
.experience-site .connected-intro{position:relative;background:radial-gradient(ellipse at 70% 0,#ab62cc18,transparent 65%)}
.experience-site .intro-statement{font-family:'Manrope Variable',sans-serif;line-height:1.3;color:#f2e7fa;letter-spacing:-.045em}
.experience-site .intro-bottom{border-color:var(--cinema-line);padding-bottom:35px}
.experience-site .intro-bottom p{color:var(--cinema-muted)}
.experience-site .capability-panels{gap:18px}
.experience-site .capability-panels>a{border:1px solid var(--cinema-line);border-radius:17px;background:linear-gradient(145deg,#70408626,#1d132a80);padding:30px;box-shadow:inset 0 1px #f4d7ff0b}
.experience-site .capability-panels h3{font-size:clamp(28px,3vw,43px)}
.experience-site .capability-panels p,.experience-site .capability-panels li{color:#c4afcf;line-height:1.8}
.experience-site .home-product-preview{margin-left:0;border-color:var(--cinema-line);background:linear-gradient(130deg,#72448c28,#21142c9c);box-shadow:inset 0 1px #f4d7ff0b,0 20px 50px #0002;border-radius:17px}
.experience-site .home-product-preview h3{font-size:28px;margin-block:18px 12px}
.experience-site .home-product-preview p{color:#c4afcf}
.experience-site .ecosystem-console{border-color:var(--cinema-line);border-radius:22px;overflow:hidden;background:linear-gradient(130deg,#653a7f30,#1b1229bf);box-shadow:0 30px 100px #0003,inset 0 1px #fff1}
.experience-site .ecosystem-details{background:radial-gradient(ellipse at 100% 0,#bb74c726,transparent 70%)}
.experience-site .ecosystem-nodes button{border-radius:30px;border-color:#d3a9ec30;color:#dbc9e8;background:#21132c65}
.experience-site .ecosystem-nodes button[aria-pressed=true]{background:linear-gradient(110deg,#b185ef,#e0a8d9);color:#21102f}
.experience-site .automation-track>div{padding:28px 20px;border-color:var(--cinema-line);background:linear-gradient(90deg,#9a5ac009,transparent);border-radius:12px}
.experience-site .automation-track p,.experience-site .process-grid p{color:#c4afcf}
.experience-site .infinity-panel{border-color:var(--cinema-line);background:radial-gradient(ellipse at 70% 100%,#a451bc35,transparent 70%),linear-gradient(130deg,#2b1834b3,#1b1226b3);box-shadow:0 30px 90px #0003,inset 0 1px #f4d7ff12;border-radius:22px}
.experience-site .process-grid{gap:15px}
.experience-site .process-grid>div{padding:25px 20px;border:1px solid var(--cinema-line);border-radius:15px;background:linear-gradient(140deg,#75428f20,#21142c80)}
.experience-site .process-grid h3{font-size:25px;margin-top:27px}
.experience-site .article-card h3{font-size:23px;line-height:1.35}
.experience-site .article-art{border-color:var(--cinema-line);box-shadow:0 20px 60px #0003}
.experience-site .faq-section{border-color:var(--cinema-line)}
.experience-site .faq-item{background:#25162f55;border:1px solid var(--cinema-line);border-radius:12px;margin-bottom:12px;padding-inline:22px}
.experience-site .newsletter-section{background:linear-gradient(100deg,#56336c25,#22132d80);border-color:var(--cinema-line)}
.experience-site .closing-cta{background:radial-gradient(ellipse at 95% 100%,#c371b955,transparent 65%),linear-gradient(125deg,#291735,#130d1d);color:#f6ebff;border-block:1px solid var(--cinema-line)}
.experience-site .closing-cta h2 em{color:#d6b0f3;font-family:Georgia,serif;font-style:italic}
.experience-site .closing-cta .closing-arrow{background:linear-gradient(120deg,#b98cef,#e0a8d9);color:#21102f;box-shadow:0 0 60px #b977da30}
.experience-site .closing-bottom{border-color:var(--cinema-line);color:#d6c0e4}
.experience-site footer{background:#100b18a8;border-top:1px solid #dcb9f015}
.experience-site .footer-top{border-color:var(--cinema-line)}
.experience-site .footer-links,.experience-site .footer-bottom{color:#c1a7d0}
/* The same editorial hierarchy and materials for all interior templates. */
.experience-site .page-hero,.experience-site .cms-intro,.experience-site .cms-detail-head{position:relative;background:radial-gradient(ellipse at 95% 20%,#9652b424,transparent 65%);border-color:var(--cinema-line)}
.experience-site .page-hero h1,.experience-site .cms-intro h1,.experience-site .cms-detail h1{font-size:clamp(42px,5.2vw,76px);line-height:1.1;letter-spacing:-.055em;font-weight:500;max-width:1000px}
.experience-site .page-hero .lead,.experience-site .cms-intro>p{font-size:15px;line-height:1.85;color:#c9b4d5;max-width:720px}
.experience-site .cms-public{padding:65px 0 95px}
.experience-site .cms-intro{padding:30px 0 38px;margin-bottom:32px;border-bottom:1px solid var(--cinema-line)}
.experience-site .cms-content-grid{gap:24px}
.experience-site .cms-content-card,.experience-site .service-tile,.experience-site .ecosystem-card,.experience-site .connected-cases>a,.experience-site .project-card-detailed{border:1px solid var(--cinema-line);border-radius:17px;background:linear-gradient(140deg,#69417d26,#21152caa);box-shadow:0 15px 45px #0002,inset 0 1px #f7dfff0c}
.experience-site .cms-card-copy{padding:28px}
.experience-site .cms-card-copy h2{font-size:25px;line-height:1.25;margin:18px 0 15px}
.experience-site .cms-card-copy p,.experience-site .ecosystem-card p,.experience-site .service-tile>p{color:#c6b0d3;font-size:13px;line-height:1.85}
.experience-site .cms-card-copy small{color:#d0a7e9;font-size:8px}
.experience-site .cms-badge{background:#ae78d512;color:#dcc3ee;border-color:#c296df40}
.experience-site .cms-card-image,.experience-site .service-project-image{background:linear-gradient(140deg,#34223f,#21142c);border-bottom:1px solid var(--cinema-line)}
.experience-site .cms-card-image img,.experience-site .service-project-image img{object-fit:cover}
.experience-site .browse-controls button,.experience-site .filter-bar button{border-radius:99px;background:#2a1a3566;color:#dac6e7;border-color:#d0a8ed30}
.experience-site .browse-controls button[aria-pressed=true],.experience-site .filter-bar button[aria-pressed=true]{background:linear-gradient(110deg,#b185ef,#e0a8d9);border-color:#e0b8f866;color:#21102f}
.experience-site .cms-browser input,.experience-site .browse-search input,.experience-site .contact-form input,.experience-site .contact-form textarea,.experience-site .contact-form select,.experience-site .newsletter-form input{border:1px solid #c39cde40;border-radius:12px;background:#1b112bd9;color:#f2e7fa;box-shadow:inset 0 1px #f7dfff05}
.experience-site input::placeholder,.experience-site textarea::placeholder{color:#b29ac2;opacity:1}
.experience-site .contact-form,.experience-site .contact-aside,.experience-site .service-visual-frame,.experience-site .service-workflow-panel{border-color:var(--cinema-line);background:linear-gradient(140deg,#75408d20,#1b1129a6);border-radius:19px}
.experience-site .cms-body,.experience-site .body-copy p,.experience-site .article-body{color:#d5c3e0;line-height:1.95}
.experience-site .cms-body h2,.experience-site .cms-deliverables h2{color:#f4e9fc;font-size:34px}
.experience-site .cms-detail-meta{gap:10px}
.experience-site .cms-deliverables li{border-color:var(--cinema-line)}
.experience-site .service-preview-card,.experience-site .service-preview-panel{border-color:var(--cinema-line);box-shadow:0 25px 75px #0003}
.experience-site .original-case-gallery,.experience-site .cms-detail-gallery{gap:0;padding:0;border:0;border-radius:0;background:transparent}
.experience-site .original-case-gallery img,.experience-site .cms-detail-gallery img{border-radius:0;margin:0}
.experience-site .founder-editorial,.experience-site .founder-message,.experience-site .studio-story,.experience-site .about-story{background:transparent;color:#f4e9fc}
.experience-site .founder-editorial .body-copy p,.experience-site .founder-message p{color:#c7b0d5}
/* Dimensional hover has a single owner and never scales portfolio artwork. */
.experience-site .immersive-card{position:relative;transform:perspective(1100px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.experience-site .immersive-card:hover{border-color:#d0a1ed66;box-shadow:0 22px 55px #0003,inset 0 1px #efd4ff19}
.experience-site .immersive-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,0%),#d9adff0c,transparent 65%);opacity:0;transition:opacity .3s}
.experience-site .immersive-card:hover:after{opacity:1}
.immersive-enter{animation:immersive-arrive .8s cubic-bezier(.16,1,.3,1) both}
@keyframes immersive-arrive{from{opacity:.45;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:950px){.experience-site .section{padding-block:75px}.experience-site .capability-panels>a{padding:23px}.atmosphere-orbit{opacity:.15;right:-300px}.experience-site .cms-card-copy{padding:24px}}
@media(max-width:600px){.experience-site .section{padding-block:60px}.experience-site .cms-public{padding:35px 0 60px}.experience-site .cms-intro{padding-top:15px}.experience-site .page-hero h1,.experience-site .cms-intro h1,.experience-site .cms-detail h1{font-size:clamp(36px,10vw,49px)}.experience-site .capability-panels{grid-template-columns:1fr 1fr;gap:12px}.experience-site .capability-panels>a{padding:20px 16px}.experience-site .capability-panels h3{font-size:29px}.experience-site .process-grid>div{padding:23px}.experience-site .closing-cta h2{font-size:clamp(42px,10vw,64px)}.site-atmosphere canvas{opacity:.25}.atmosphere-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.atmosphere-orbit,.immersive-enter{animation:none}.experience-site .immersive-card,.experience-site .immersive-card:hover{transform:none;transition:none}.experience-site .immersive-card:after{transition:none}}
.experience-site .cinematic-copy h1{font-weight:600}
.experience-site .intro-sculpture{width:240px;max-width:100%;margin-top:25px;pointer-events:none}.experience-site .intro-sculpture .engine-coordinate,.experience-site .intro-sculpture .engine-orbit-label{display:none}.experience-site .intro-sculpture .engine-canvas{min-height:220px;height:240px;aspect-ratio:1}.experience-site .intro-sculpture .brand-engine{min-height:0}
.experience-site .service-delivery,.experience-site .studio-manifesto{color:#f4e9fc;background:radial-gradient(ellipse at 90% 30%,#9d55bd1c,transparent 65%)}
.experience-site .service-delivery> .container>div>p,.experience-site .delivery-steps p,.experience-site .studio-manifesto .body-copy p{color:#c9b3d6}.experience-site .delivery-steps>div{border-color:var(--cinema-line)}
.experience-site .service-delivery .eyebrow,.experience-site .studio-manifesto .eyebrow,.experience-site .studio-manifesto .text-link,.experience-site .closing-cta .eyebrow{color:#c9a8dd}
.experience-site .closing-cta .round-link{background:linear-gradient(110deg,#b185ef,#e0a8d9);color:#21102f;border:1px solid #e7b9ff44;box-shadow:0 12px 65px #b866d52b}
.experience-site .faq-list details{background:#25162f55;border:1px solid var(--cinema-line);border-radius:12px;margin-bottom:12px;padding-inline:22px}.experience-site .faq-list summary{border:0}.experience-site .faq-list details>p{color:#ccb5d9}
@media(max-width:600px){.experience-site .intro-sculpture{width:150px;margin-top:10px}.experience-site .intro-sculpture .engine-canvas{height:145px;min-height:145px}.experience-site .intro-identity{display:flex;justify-content:space-between;align-items:center}.experience-site .intro-identity .eyebrow{max-width:150px}}
/* Fine procedural grain adds texture without another downloaded background. */
.experience-site .site-atmosphere:before{content:'';position:absolute;inset:0;opacity:.025;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}
.experience-site .cms-intro{background:transparent}.experience-site .service-delivery h2 em,.experience-site .studio-manifesto h2 em{color:#deb5fa}
/* A real layout column for each route-specific WebGL illustration. */
.experience-site .has-page-scene{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:35px;align-items:center}
.experience-site .cms-intro.has-page-scene{max-width:none;min-height:310px;padding-block:0 28px}
.experience-site .page-scene-copy{min-width:0}.experience-site .page-scene-copy>h1{font-size:clamp(38px,4.4vw,68px)}
.experience-site .page-scene{margin:0;min-width:0;position:relative;isolation:isolate;align-self:center}
.experience-site .page-scene:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#bc75eb20,transparent 70%);z-index:-1}
.experience-site .page-scene-viewport{width:100%;height:320px}.experience-site .page-scene canvas{display:block;width:100%;height:100%}
.experience-site .page-scene figcaption{font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#c2a5d5;text-align:center;margin-top:6px}
.experience-site .has-page-scene .page-artwork,.experience-site .has-page-scene .contact-artwork,.experience-site .has-page-scene .portfolio-contact-sheet,.experience-site .has-page-scene .service-workbench,.experience-site .has-page-scene .contact-concept,.experience-site .has-page-scene .about-monogram,.experience-site .has-page-scene .interior-atmosphere{display:none}
.experience-site .has-page-scene .page-scene-copy .service-hero-grid{display:block}.experience-site .has-page-scene .page-scene-copy>p{max-width:650px}
@media(max-width:950px){.experience-site .has-page-scene{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:20px}.experience-site .page-scene-viewport{height:270px}}
@media(max-width:650px){.experience-site .has-page-scene{grid-template-columns:1fr;gap:15px}.experience-site .page-scene{width:100%;max-width:330px;justify-self:center}.experience-site .page-scene-viewport{height:220px}.experience-site .page-scene-copy>h1{font-size:clamp(36px,10vw,49px)}.experience-site .cms-intro.has-page-scene{padding-bottom:25px}}
/* Retired hero artwork must never paint while the WebGL module downloads. */
.experience-site .service-workbench,.experience-site .page-artwork,.experience-site .contact-artwork,.experience-site .portfolio-contact-sheet,.experience-site .contact-concept,.experience-site .about-monogram,.experience-site .interior-atmosphere{display:none!important}
.experience-site .service-hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:35px;min-height:350px;align-items:center}
.experience-site .cms-intro{min-height:350px}
.experience-site .cms-intro:not(.has-page-scene)>h1,.experience-site .cms-intro:not(.has-page-scene)>p{max-width:62%}
@media(max-width:950px){.experience-site .service-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:20px}}
@media(max-width:650px){.experience-site .service-hero-grid{grid-template-columns:1fr;min-height:0}.experience-site .cms-intro:not(.has-page-scene)>h1,.experience-site .cms-intro:not(.has-page-scene)>p{max-width:100%}}
/* The About connection diagram is a living orbit, with upright readable labels. */
.experience-site .connect-orbit{perspective:1000px;transform-style:preserve-3d;animation:connect-depth 14s ease-in-out infinite}
.experience-site .connect-orbit .orbit-node{top:0;left:0;right:auto;bottom:auto;offset-path:ellipse(42% 42% at 50% 50%);offset-anchor:center;offset-rotate:0deg;animation:connect-circuit 40s linear infinite;transform:translateZ(18px);box-shadow:0 12px 28px #10071f66,inset 0 1px #f0caff30}
.experience-site .connect-orbit .orbit-node-design{animation-delay:-29s}.experience-site .connect-orbit .orbit-node-build{animation-delay:-39s}.experience-site .connect-orbit .orbit-node-brand{animation-delay:-9s}.experience-site .connect-orbit .orbit-node-grow{animation-delay:-19s}
.experience-site .connect-orbit .orbit-center{animation:connect-core 5s ease-in-out infinite}
.experience-site .connect-orbit .orbit-ring{animation:connect-ring 7s ease-in-out infinite}.experience-site .connect-orbit .orbit-ring-two{animation-delay:-2s}.experience-site .connect-orbit .orbit-ring-three{animation-delay:-4s}
.experience-site .connect-orbit .orbit-spark{animation:connect-spark 4s ease-in-out infinite}.experience-site .connect-orbit .orbit-spark-two{animation-delay:-2s}
@keyframes connect-circuit{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes connect-depth{0%,100%{transform:rotateX(5deg) rotateY(-5deg)}50%{transform:rotateX(-3deg) rotateY(5deg)}}
@keyframes connect-core{0%,100%{filter:drop-shadow(0 0 10px #ce83ee25);transform:translateZ(22px) scale(1)}50%{filter:drop-shadow(0 0 25px #ce83ee66);transform:translateZ(22px) scale(1.035)}}
@keyframes connect-ring{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes connect-spark{0%,100%{opacity:.4;scale:.8}50%{opacity:1;scale:1.15}}
@media(prefers-reduced-motion:reduce){.experience-site .connect-orbit,.experience-site .connect-orbit .orbit-node,.experience-site .connect-orbit .orbit-center,.experience-site .connect-orbit .orbit-ring,.experience-site .connect-orbit .orbit-spark{animation:none;transform:none}.experience-site .connect-orbit .orbit-node-design{offset-distance:27.5%}.experience-site .connect-orbit .orbit-node-build{offset-distance:2.5%}.experience-site .connect-orbit .orbit-node-brand{offset-distance:77.5%}.experience-site .connect-orbit .orbit-node-grow{offset-distance:52.5%}}

.experience-site .ac-scene-layout.has-page-scene{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);padding-top:55px;gap:40px}
.experience-site .ac-scene-layout .page-scene-copy>h1{font-size:clamp(42px,5.2vw,78px);line-height:1.07;margin-top:28px}
.experience-site .ac-scene-layout .ac-project-name{margin-top:0}
.experience-site .ac-scene-layout .page-scene-viewport{height:370px}
@media(max-width:650px){.experience-site .ac-scene-layout.has-page-scene{grid-template-columns:1fr;padding-top:35px;gap:20px}.experience-site .ac-scene-layout .page-scene-copy>h1{font-size:clamp(40px,10vw,60px)}.experience-site .ac-scene-layout .page-scene-viewport{height:250px}}

/* The featured article is its own hero row, outside the animated scene column. */
.experience-site .hero-blogs .journal-feature{position:relative;inset:auto;grid-column:1/-1;width:100%;transform:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:center;padding:20px;margin-top:25px}
.experience-site .hero-blogs .journal-feature img{grid-row:1/3;aspect-ratio:2;display:block}
.experience-site .hero-blogs .journal-feature span{align-self:end;margin:0 14px 14px}
.experience-site .hero-blogs .journal-feature strong{align-self:start;margin:0 14px;font-size:clamp(22px,2.2vw,32px);line-height:1.25}
.experience-site .hero-blogs .page-scene-copy>h1,.experience-site .hero-blogs .page-scene-copy>.lead{max-width:100%}
@media(max-width:650px){.experience-site .hero-blogs .journal-feature{grid-template-columns:1fr;gap:0;padding:14px}.experience-site .hero-blogs .journal-feature img{grid-row:auto}.experience-site .hero-blogs .journal-feature span{margin:22px 5px 12px}.experience-site .hero-blogs .journal-feature strong{margin:0 5px 12px}}
.experience-site .hero-blogs .page-scene-copy{order:0}
.experience-site .hero-blogs .page-scene{order:1}
.experience-site .hero-blogs .journal-feature{order:2}
.experience-site .hero-blogs .journal-feature img{aspect-ratio:1.8}

/* Engagement copy uses the same readable dark-theme palette as the service directory. */
.experience-site .engagement-section{color:#f4e9fc}
.experience-site .engagement-section h2,.experience-site .engagement-grid a,.experience-site .engagement-grid h3{color:#f4e9fc}
.experience-site .engagement-section .eyebrow,.experience-site .engagement-grid span{color:#c9a9e0}
.experience-site .engagement-section h2 em{color:#d5b0ee}
.experience-site .engagement-grid p{color:#c7b7d3}
.experience-site .engagement-grid a{border-top-color:#d9b8ed35}
.experience-site .engagement-grid a:focus-visible{outline:2px solid #d5b0ee;outline-offset:8px}

.extra-nav-grid.blog-nav-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.extra-nav-grid.blog-nav-grid>.nav-latest-blog{grid-row:1/3;display:block;padding:0;overflow:hidden;background:#21162c}
.nav-latest-blog img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.nav-latest-blog>div{padding:20px 24px}
.nav-latest-blog small,.mobile-latest-blog small{text-transform:uppercase;letter-spacing:1.4px;color:#d5b0ee}
.nav-latest-blog>div>span{display:block;margin-top:16px;font-size:11px;color:#d5b0ee}
.mobile-latest-blog small{display:block;font-size:10px;margin-bottom:8px}

.experience-site .mega-links a>.nav-service-icon,.experience-site .mobile-service-link>.nav-service-icon{display:inline-flex;width:28px;height:28px;flex:0 0 28px;min-height:0;margin:0;color:#d7b1f1}
.experience-site .nav-service-icon .animated-service-icon{width:28px;height:28px;margin:0;display:inline-flex}
.experience-site .nav-service-icon .animated-service-icon svg{width:28px;height:28px}
.experience-site .mega-links .nav-service-icon .animated-service-icon{margin-left:0;color:#d7b1f1}
.experience-site .mobile-nav .mobile-service-link{display:flex;align-items:center;gap:12px}

/* Connect & Create: moving signals, upright orbiting tiles, and a breathing core. */
.experience-site .connect-panel{background-size:150% 150%,150% 150%,auto;animation:connect-atmosphere 12s ease-in-out infinite}
.experience-site .connect-orbit .orbit-node{animation-duration:22s;transition:background .25s,border-color .25s}
.experience-site .connect-orbit .orbit-node-design{animation-delay:-2s}
.experience-site .connect-orbit .orbit-node-build{animation-delay:-7.5s}
.experience-site .connect-orbit .orbit-node-brand{animation-delay:-13s}
.experience-site .connect-orbit .orbit-node-grow{animation-delay:-18.5s}
.experience-site .connect-orbit .orbit-ring:after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:#f4d5ff;border-right-color:#d5a0ed66;filter:drop-shadow(0 0 5px #d09be9);animation:connect-signal 8s linear infinite;pointer-events:none}
.experience-site .connect-orbit .orbit-ring-two:after{animation-duration:6s;animation-direction:reverse;border-top-color:#efa5ce}
.experience-site .connect-orbit .orbit-ring-three:after{animation-duration:10s;animation-delay:-4s}
.experience-site .connect-orbit .orbit-center:before{content:'';position:absolute;inset:-10%;border:1px solid #d5a0ed88;border-radius:50%;animation:connect-transmit 3.5s ease-out infinite;pointer-events:none}
.experience-site .connect-orbit .orbit-center img{animation:connect-logo-float 4s ease-in-out infinite}
.experience-site .connect-panel:hover .orbit-node{border-color:#efd0ffbb;background:#301341}
@keyframes connect-signal{to{transform:rotate(360deg)}}
@keyframes connect-transmit{0%{transform:scale(.7);opacity:0}20%{opacity:.7}100%{transform:scale(1.8);opacity:0}}
@keyframes connect-logo-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes connect-atmosphere{0%,100%{background-position:0% 100%,100% 0%,0 0}50%{background-position:45% 65%,65% 30%,0 0}}
@media(prefers-reduced-motion:reduce){.experience-site .connect-panel,.experience-site .connect-orbit .orbit-node,.experience-site .connect-orbit .orbit-ring:after,.experience-site .connect-orbit .orbit-center:before,.experience-site .connect-orbit .orbit-center img{animation:none}.experience-site .connect-orbit .orbit-center:before{display:none}}

/* Services: creative impact interlude */
.creative-impact{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:grid;place-items:center;background:#1d102b;border-block:1px solid #bc8cda35}
.creative-impact-video,.creative-impact-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.creative-impact-shade{z-index:-1;background:linear-gradient(90deg,#10091ee8,#241031be,#10091ee8)}
.creative-impact-copy{text-align:center;padding-block:90px;max-width:980px}
.creative-impact .eyebrow{color:#ddb1ef;margin-bottom:25px}
.experience-site .creative-impact h2{color:#f8efff;font-size:clamp(42px,5.5vw,80px);line-height:1.08;margin:0 0 30px;letter-spacing:-.055em}
.creative-impact h2 em{color:#d8afea;font-family:Georgia,serif;font-weight:400}
.creative-impact-description{color:#e0d3e8;max-width:790px;margin:0 auto 34px;line-height:1.8}
.creative-impact-motion{position:absolute;right:28px;bottom:22px;background:#160e22d9;border:1px solid #caa4df66;border-radius:30px;color:#f3e6fc;padding:10px 16px;font:inherit;font-size:11px;cursor:pointer}
.creative-impact-motion:focus-visible{outline:2px solid #e2b7f4;outline-offset:4px}
@media(max-width:600px){.creative-impact{min-height:560px}.creative-impact-copy{padding-block:70px 100px}.creative-impact-description{font-size:14px}.creative-impact-motion{right:20px;bottom:20px}}
.experience-site .creative-impact .button{background:linear-gradient(110deg,#b788eb,#dfa9d9);color:#21122e;border:1px solid #deb8ef;box-shadow:none}.creative-impact{scroll-margin-top:110px}

/* One archive browsing pattern across Products and Work, including CMS output. */
.experience-site .product-lab-page .lab-directory,.experience-site .page-portfolio .cms-public{padding-top:48px}
.experience-site .product-lab-page .lab-toolbar{display:block;margin:0 0 22px}
.experience-site .product-lab-page .lab-toolbar label,.experience-site .cms-browser>label{display:block;width:100%;max-width:420px;min-width:0;margin:0 0 22px;font-size:11px;line-height:1.4;color:#bca1cd;text-transform:none;letter-spacing:0}
.experience-site .product-lab-page .lab-toolbar input,.experience-site .cms-browser>label input{display:block;box-sizing:border-box;width:100%;height:48px;min-height:48px;margin:9px 0 0;padding:14px 18px;border:1px solid #b488d247;border-radius:9px;background:#201629;color:#ebd9f7;font:inherit;font-size:13px}
.experience-site .product-lab-page .lab-group-nav,.experience-site .cms-browser>.browse-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
.experience-site .product-lab-page .lab-group-nav button,.experience-site .cms-browser>.browse-controls button{min-height:44px;padding:11px 18px;border-radius:99px;font-size:12px;line-height:20px}
.experience-site .product-lab-page .browse-count,.experience-site .cms-browser>.browse-count{margin:0 0 42px;font-size:11px;color:#ac98b9}
@media(max-width:600px){.experience-site .product-lab-page .lab-directory,.experience-site .page-portfolio .cms-public{padding-top:32px}.experience-site .product-lab-page .lab-group-nav button,.experience-site .cms-browser>.browse-controls button{padding:9px 13px;font-size:11px}.experience-site .product-lab-page .browse-count,.experience-site .cms-browser>.browse-count{margin-bottom:30px}}

/* Restore original Creative Edge section and its original 14–26s video. */
.creative-impact{min-height:525px}
.creative-impact iframe.creative-impact-video{border:0;left:50%;top:50%;width:100%;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);pointer-events:none}
.creative-impact-shade{background:linear-gradient(90deg,#230834a8,#46183380,#220a32a8)}
.creative-impact-copy{max-width:1320px;padding-block:80px}
.creative-impact .eyebrow{font-size:18px;text-transform:none;letter-spacing:0;color:#da5cdb;margin-bottom:22px}
.experience-site .creative-impact h2{font-size:clamp(35px,3.1vw,50px);line-height:1.45;font-weight:600;letter-spacing:-1px;margin-bottom:26px}
.creative-impact-words{display:inline-grid;color:#ffa28f;font-weight:600}
.creative-impact-words>span{grid-area:1/1;animation:creative-word 6s infinite;clip-path:inset(0 0 0 0)}
.creative-impact-words>span:last-child{animation-delay:-3s}
.creative-impact-words:after{content:'|';grid-area:1/1;justify-self:end;transform:translateX(12px);color:#ffa28f}
.creative-impact-description{max-width:1240px;color:#fff;font-size:16px;line-height:1.55;margin-bottom:54px}
.experience-site .creative-impact .button{background:linear-gradient(100deg,#c869dc,#ff9e8e);color:white;border-radius:4px;padding:13px 34px;font-size:14px}
.creative-impact.is-paused .creative-impact-words>span{animation-play-state:paused}
@keyframes creative-word{0%,42%{clip-path:inset(0 0 0 0);opacity:1}49%{clip-path:inset(0 100% 0 0);opacity:1}50%,92%{opacity:0;clip-path:inset(0 100% 0 0)}99%{opacity:1;clip-path:inset(0 100% 0 0)}}
@media(max-width:600px){.creative-impact{min-height:525px}.creative-impact-copy{padding-block:65px 85px}.creative-impact-description{font-size:14px;margin-bottom:32px}.creative-impact .eyebrow{font-size:15px}}
@media(prefers-reduced-motion:reduce){.creative-impact-words>span{animation:none}.creative-impact-words>span:last-child{display:none}}

/* Current site styling, preserving the original Creative Edge video. */
.creative-impact{border-color:#cda6e830;background:#170e23}
.creative-impact-shade{background:linear-gradient(90deg,#160c24bd,#22133299,#160c24bd)}
.creative-impact .creative-impact-copy{text-align:center;position:relative;z-index:1}
.creative-impact .eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#d3b0e6;text-align:center}
.experience-site .creative-impact h2{font-size:clamp(38px,4vw,62px);line-height:1.15;font-weight:400;letter-spacing:-2px}
.creative-impact-words{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#d8afea;margin-top:10px}
.creative-impact-words:after{color:#d8afea}
.creative-impact-description{max-width:860px;font-size:14px;line-height:1.8;color:#e2d6e9;margin-bottom:30px}
.experience-site .creative-impact .button{background:linear-gradient(110deg,#b788eb,#dfa9d9);color:#21122e;border-radius:99px;border:1px solid #deb8ef;padding:16px 26px;font-size:12px}

/* Keep the eyebrow in flow and the caret attached to the actual typed text. */
.experience-site .creative-impact .creative-impact-copy>.eyebrow{position:static;inset:auto;display:block;width:100%;max-width:none;margin:0 auto 24px;padding:0;text-align:center;transform:none}
.creative-impact .creative-impact-words{display:inline-block;min-height:1.2em;white-space:nowrap}
.creative-impact .creative-impact-words>.creative-impact-typed{display:inline;animation:none;clip-path:none;opacity:1}
.creative-impact .creative-impact-words:after{content:'';display:inline-block;width:2px;height:.8em;background:currentColor;margin-left:5px;vertical-align:-.03em;transform:none;animation:creative-caret .8s steps(1) infinite}
@keyframes creative-caret{50%{opacity:0}}
.creative-impact.is-paused .creative-impact-words:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.creative-impact .creative-impact-words:after{animation:none}.creative-impact .creative-impact-words>.creative-impact-typed:last-child{display:inline}}

/* Match the original centered 16:9 video crop independently of viewport height. */
.creative-impact{container-type:inline-size}
.creative-impact iframe.creative-impact-video{width:max(100cqw, 970px);height:max(56.25cqw, 545.625px);min-width:0;min-height:0;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.creative-impact{container-type:normal}.creative-impact iframe.creative-impact-video{width:max(100vw,970px);height:max(56.25vw,545.625px);z-index:0}.creative-impact-shade{z-index:1}.creative-impact .creative-impact-copy{z-index:2}.creative-impact-motion{z-index:3}

.creative-impact video.creative-impact-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}
.creative-impact video::-webkit-media-controls{display:none!important}
/* Keep the appointment invitation together across the contact sidebar breakpoints. */
.experience-site .contact-rebuilt .contact-booking{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid var(--cinema-line)}
.experience-site .contact-rebuilt .contact-booking .prose-note{margin:0;max-width:38ch;line-height:1.7}
.experience-site .contact-rebuilt .contact-booking .button{margin:0;white-space:normal;text-align:center}
.experience-site .contact-rebuilt .contact-aside h2{max-width:none;margin:0 0 24px}
@media(max-width:650px){.experience-site .contact-rebuilt .contact-booking .button{width:100%}}
/* Separate contact and calendar actions in the shared header. */
.experience-site .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.experience-site .header-actions .header-cta{padding:16px 21px;gap:18px;white-space:nowrap}
.experience-site .header-actions .header-booking{background:#23162e99;color:#eedcf9;border-color:#d4a4ee55;box-shadow:none}
@media(min-width:940px) and (max-width:1200px){.experience-site .nav-shell{gap:15px}.experience-site .desktop-nav{margin-left:0}.experience-site .desktop-nav>a{padding:10px 8px}.experience-site .header-actions .header-cta{padding:14px;gap:10px}}
@media(max-width:939px){.experience-site .header-actions{display:none}}
/* Three visual category destinations in the Products menu. */
.experience-site .product-category-nav{padding-top:16px;gap:18px}
.experience-site .product-category-nav>a{padding:0;overflow:hidden;background:#21162b}
.experience-site .product-category-nav>a>img{display:block;width:100%;aspect-ratio:16/8;height:auto;object-fit:cover;transition:transform .3s}
.experience-site .product-category-nav>a:hover>img{transform:scale(1.035)}
.experience-site .product-category-copy{padding:20px 44px 22px 22px}
.experience-site .product-category-copy small{font-size:11px;line-height:1.5;margin-bottom:7px}
.experience-site .product-category-copy strong{font-size:21px}
.experience-site .product-category-nav>a>span{top:auto;bottom:26px;right:20px}
@media(prefers-reduced-motion:reduce){.experience-site .product-category-nav>a>img{transition:none}}
/* Compact capability explorer, with a focused service panel. */
.experience-site .capability-explorer .section-heading{gap:28px;align-items:end;margin-bottom:28px}
.experience-site .capability-explorer h2{font-size:clamp(34px,3.4vw,49px);line-height:1.15;max-width:790px}
.experience-site .capability-explorer h2 em{font-family:Georgia,serif;color:#deb5fa;font-weight:400}
.experience-site .capability-explorer .section-intro{max-width:250px;font-size:13px}
.experience-site .capability-explorer .ecosystem-console{grid-template-columns:1.15fr 1fr;margin:0;box-shadow:inset 0 1px #fff1;background:#1b1225bb}
.experience-site .capability-explorer .ecosystem-map{padding:30px;border-right:1px solid #d3a9ec25}
.capability-map-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:14px}
.capability-map-heading small{font-size:11px;color:#af9abc}
.experience-site .capability-explorer .ecosystem-nodes{gap:10px}
.experience-site .capability-explorer .ecosystem-nodes button{display:flex;align-items:center;justify-content:flex-start;gap:12px;border-radius:12px;padding:14px;min-height:56px}
.capability-explorer .ecosystem-nodes svg{width:23px;height:23px;flex:none;color:#cda5e7}
.capability-explorer .ecosystem-nodes button[aria-pressed=true] svg{color:inherit}
.capability-explorer .ecosystem-nodes b{font-size:12px;font-weight:400;margin-left:auto}
.capability-map-note{font-size:11px;line-height:1.9;margin:22px 0 0;color:#dbc6e8}
.capability-map-note span{color:#9f8dad}
.experience-site .capability-explorer .ecosystem-details{padding:30px 36px;align-items:stretch;min-height:0}
.capability-explorer [data-ecosystem-panel]{width:100%;display:flex;flex-direction:column}
.capability-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.capability-detail-top svg{width:48px;height:48px;padding:10px;border:1px solid #d3a9ec35;border-radius:14px;background:#c18ced12;color:#deb5fa}
.experience-site .capability-explorer .ecosystem-details h3{font-size:38px;line-height:1.2;letter-spacing:-1.4px;margin:14px 0}
.experience-site .capability-explorer .ecosystem-details p{font-size:14px;line-height:1.8;margin:0}
.capability-scope{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:7px;margin:20px 0 24px}
.capability-scope li{padding:6px 10px;border:1px solid #d3a9ec30;border-radius:6px;font-size:10px;color:#d7bce7}
.experience-site .capability-explorer .ecosystem-example{border-top:1px solid #d3a9ec25;padding-top:18px;margin:0 0 24px}
.capability-explorer .ecosystem-example small{display:block;font-size:8px;letter-spacing:1.2px;color:#ad90c0;margin-bottom:8px}
.capability-explorer .ecosystem-details .button{align-self:flex-start;margin-top:auto;font-size:11px;padding:14px 18px;gap:25px}
@media(max-width:800px){.experience-site .capability-explorer .section-heading{display:block}.capability-explorer .section-intro{margin-top:16px}.experience-site .capability-explorer .ecosystem-console{grid-template-columns:1fr}.experience-site .capability-explorer .ecosystem-map{border-right:0;border-bottom:1px solid #d3a9ec25;padding:24px}.experience-site .capability-explorer .ecosystem-details{padding:26px;min-height:370px}}
@media(max-width:450px){.experience-site .capability-explorer .ecosystem-map{padding:20px 16px}.experience-site .capability-explorer .ecosystem-nodes button{gap:8px;padding:11px;font-size:11px}.capability-map-heading small{display:none}.experience-site .capability-explorer .ecosystem-details{padding:24px 20px}.experience-site .capability-explorer .ecosystem-details h3{font-size:32px}}
/* Shared header actions align with the logo and navigation height. */
.experience-site .header-actions{gap:9px}
.experience-site .header-actions .header-cta{min-height:44px;padding:11px 18px;gap:16px;font-size:11px;line-height:20px}
.experience-site .header-actions .header-cta>span{font-size:15px;line-height:20px}
@media(min-width:940px) and (max-width:1200px){.experience-site .header-actions .header-cta{padding:10px 14px;gap:10px;font-size:10px}}
/* Matching directory heroes across Work, Services, and Products. */
.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs){box-sizing:border-box;height:480px;min-height:480px;padding:54px 0;display:flex;align-items:center}
.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs)>.container{width:min(1344px,calc(100% - 64px));min-height:0;margin-inline:auto}
.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs) .page-scene-viewport{height:300px}
.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs) h1{font-size:clamp(42px,4.5vw,64px);line-height:1.12;margin:24px 0}
.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs) .lead{font-size:15px;line-height:1.85;margin:0;max-width:680px}
@media(max-width:950px) and (min-width:651px){.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs){height:500px;min-height:500px;padding:40px 0}}
@media(max-width:650px){.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs){height:auto;min-height:700px;padding:35px 0}.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs)>.container{width:calc(100% - 40px);min-height:630px;align-content:center}.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs) .page-scene-viewport{height:220px}.experience-site :is(.hero-portfolio,.hero-services,.products-hero,.hero-blogs) h1{font-size:clamp(36px,10vw,49px)}}
.experience-site .chat-panel{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 110px);overflow-y:auto}
.chat-contact{margin-bottom:14px}.chat-contact summary{font-size:11px;color:#cbb4dc;cursor:pointer;line-height:1.7}.chat-contact summary span{color:#a18aae}.chat-contact[open] summary{margin-bottom:12px}
.chat-handoff{background:transparent;border:1px solid #cda6e840;border-radius:30px;padding:11px 14px;color:#dbc5eb;font:inherit;font-size:11px;margin-left:6px;cursor:pointer}
.chat-handoff:hover{background:#b37adb18}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message>span{font-size:10px}.chat-form>button:disabled{opacity:.6;cursor:wait}
.experience-site .chat-panel .chat-messages{max-height:280px;scrollbar-width:thin;scrollbar-color:#82619b #21162d}
.experience-site .chat-panel .chat-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.chat-form>.chat-contact,.chat-form>label,.chat-form>textarea,.chat-form>.chat-status{grid-column:1/-1}
.chat-form>.chat-handoff{margin:3px 0 0;align-self:start;padding:12px 10px}
.chat-contact label{display:block;margin:10px 0 7px}.chat-message a{color:#e5bfff;text-decoration:underline;text-underline-offset:3px}
/* A calmer invitation with clear choices and a compact next-step guide. */
.experience-site .connect-panel{position:relative;grid-template-columns:1.15fr 1fr;gap:40px;padding:52px 60px;background:radial-gradient(ellipse at 95% 15%,#a168a931,transparent 55%),radial-gradient(ellipse at 0 100%,#7836a540,transparent 60%),#21132e;border-color:#c99ce63b;box-shadow:inset 0 1px #f2dbff0c,0 20px 70px #08041024}
.experience-site .connect-copy .eyebrow{color:#c7aad9;margin-bottom:22px}
.experience-site .connect-copy h2{font-size:clamp(40px,4.4vw,62px);line-height:1.05;margin:0 0 24px}
.experience-site .connect-copy h2 em{font-family:Georgia,serif;font-style:italic;color:#d8b3f3}
.experience-site .connect-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#cdbcd8;max-width:470px;margin-bottom:26px}
.experience-site .connect-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.experience-site .connect-actions .button{min-height:48px;padding:13px 22px;gap:30px}
.experience-site .connect-actions .text-link{font-size:12px}
.experience-site .connect-next{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #cfa9e528;color:#baa3ca;font-size:10px;letter-spacing:.2px}
.experience-site .connect-orbit{max-width:390px}
@media(max-width:850px){.experience-site .connect-panel{padding:36px;gap:24px}.experience-site .connect-actions{gap:18px}}
@media(max-width:600px){.experience-site .connect-panel{grid-template-columns:1fr;padding:30px 24px;gap:28px}.experience-site .connect-orbit{max-width:270px}.experience-site .connect-next{gap:14px;margin-top:24px}.experience-site .connect-copy h2{font-size:44px}}
.experience-site .product-showcase.section{padding-block:52px;border-bottom:1px solid #d3b0eb22}
.product-showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.product-showcase-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.12;margin:20px 0;letter-spacing:-1.8px}
.product-showcase-copy h2 em{font-family:Georgia,serif;color:#d8b3f3}
.product-showcase-copy>p:not(.eyebrow){font-size:14px;color:#c6b1d3;line-height:1.85;max-width:420px;margin-bottom:24px}
.product-showcase-video{aspect-ratio:16/9;overflow:hidden;border:1px solid #c295df45;border-radius:18px;background:#100b18;box-shadow:0 20px 60px #06030b40}
.product-showcase-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:800px){.product-showcase-grid{grid-template-columns:1fr;gap:28px}.experience-site .product-showcase.section{padding-block:36px}.product-showcase-copy>p:not(.eyebrow){max-width:600px}}
/* Audit fixes: consistent tablet navigation and comfortable form controls. */
@media(max-width:939px){
 .experience-site .desktop-nav,.experience-site .services-mega,.experience-site .extra-nav-panel{display:none}
 .experience-site .site-header{height:76px}
 .experience-site .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:12px;border:1px solid #d4b2e833;border-radius:9px;background:#21152b66;color:#e9d8f4}
 .experience-site .menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s}
 .experience-site .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
 .experience-site .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .experience-site .mobile-nav{position:absolute;top:76px;left:0;right:0;padding:20px;background:#17101ffa;backdrop-filter:blur(24px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #d4b2e833;box-shadow:0 20px 25px #0006}
 .experience-site .mobile-nav a{display:flex;justify-content:space-between;min-height:44px;padding:14px 10px;border-bottom:1px solid #d4b2e822;font-size:14px}
}
@media(max-width:650px){
 .experience-site :is(.contact-form,.newsletter-form,.chat-form,.testimonial-form-layout) :is(input:not([type=checkbox]):not([type=hidden]),select,textarea){font-size:16px}
 .experience-site .contact-form :is(input:not([type=checkbox]),select),.experience-site .testimonial-form-layout :is(input:not([type=checkbox]),select){min-height:48px}
 .experience-site .testimonial-controls button{width:44px;height:44px}
 .experience-site .newsletter-input button{min-width:48px;min-height:48px}
 .experience-site .chat-contact summary{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
}
.experience-site .cms-content-card a:focus-visible{outline:2px solid #dfb3f4;outline-offset:-3px;border-radius:inherit}
.experience-site .cms-content-card .cms-card-copy{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.experience-site .menu-toggle span{transition:none}}
/* Keep metadata readable without changing the established card hierarchy. */
.experience-site .cms-content-card .cms-card-copy small{font-size:10px;line-height:1.5}
.experience-site .home-work .cms-content-card[data-cms-kind=work] .cms-card-copy small{font-size:10px;min-height:15px}
.experience-site :is(.chat-close,.creative-impact-motion,.cinematic-motion){min-width:44px;min-height:44px}
/* Blogs shares the main listing hero dimensions across breakpoints. */