/* Phone layouts and touch tablets only. Desktop presentation stays in its existing sheets. */
@media (max-width:767px), (max-width:1024px) and (hover:none) and (pointer:coarse){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}
 :is(input,textarea,select){font-size:16px}
 :is(a,button,input,select,textarea,summary){-webkit-tap-highlight-color:#7952b333}
 :is(a,button,summary):focus-visible{outline:2px solid #7952b3;outline-offset:4px}
 #nav_scroll_container:not(.is-menu-open):not(.is-menu-animating){top:max(12px,env(safe-area-inset-top))!important;width:min(500px,calc(100vw - 24px))!important}
 #nav_scroll .ns-icon{min-width:44px;min-height:44px;display:grid;place-items:center}
 .has-scene-menu .ns-menu-rows{grid-template-rows:repeat(6,minmax(0,1fr));padding:12px 16px}
 .has-scene-menu .ns-showcase-row{min-height:0;gap:12px}
 .has-scene-menu .ns-showcase-row__index{flex-basis:24px;font-size:10px}
 .has-scene-menu .ns-showcase-row__title{font-size:clamp(24px,min(8vw,10svh),64px);line-height:1;letter-spacing:-.055em}
 .has-scene-menu .scene-menu-rail{grid-template-rows:repeat(6,minmax(0,1fr));min-height:0}
 .has-scene-menu .scene-menu-thumb{min-height:0}
 .has-scene-menu .scene-menu-thumb>span{font-size:9px}
 .has-scene-menu .scene-menu-foot{font-size:10px}

 /* Home: a readable introduction, a clear image, then reel controls and contact. */
 .hero-section{width:100%;height:100svh;min-height:700px}
 .hero-section .overlay-ui{box-sizing:border-box;padding:calc(104px + env(safe-area-inset-top)) 5% 20px;mix-blend-mode:normal;background:linear-gradient(180deg,#080808a6,transparent 45%,#08080838 65%,#080808e6);text-shadow:0 1px 12px #0008}
 .hero-section .overlay-top{padding-top:0}
 .hero-section .top-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;width:100%;padding-top:0;margin-bottom:18px}
 .hero-section .huge-text{font-size:clamp(40px,12vw,76px)!important;line-height:1;letter-spacing:-.055em;white-space:nowrap;mix-blend-mode:normal}
 .hero-section .top-header .huge-text:first-child{grid-column:1/-1;grid-row:1}
 .hero-section .top-header .huge-text:last-child{grid-column:1;grid-row:2}
 .hero-section .small-tag{grid-column:2;grid-row:2;align-self:end;padding:0 0 5px;font-size:9px;letter-spacing:.04em;mix-blend-mode:normal}
 .hero-section .overlay-top>.grid-4{display:block}
 .hero-section .overlay-top .col-right{display:none}
 .hero-section .services-list:not(.bordered){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;line-height:1.45;letter-spacing:0}
 .hero-section .services-list:not(.bordered) li{white-space:normal;font-size:12px}
 .hero-section .services-list:not(.bordered) a{display:flex;align-items:center;min-height:36px;padding:0}
 .hero-section .hero-brand-slot,.hero-section .hero-brand-preview{display:none}
 .hero-section:has(.hero-brand-preview) .bottom-footer{left:5%;right:5%;bottom:20px;width:auto;max-width:none;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding:0;font-size:11px;line-height:1.5}
 .hero-section .bottom-footer :is(p,h1,a){font-size:11px;line-height:1.5;overflow-wrap:anywhere}
 .hero-section .bottom-footer h1{max-width:190px;font-weight:400;margin:6px 0}
 body:has([data-site-assistant]) .hero-section .bottom-footer .footer-links{padding-right:var(--exo-clearance,82px);gap:0}
 .hero-section .bottom-footer .footer-links a{min-height:32px;margin-bottom:0;padding:0;white-space:nowrap}
 .hero-section .bottom-footer .footer-col{min-width:0}
 .hero-section .counter-nav{min-width:44px;min-height:44px;font-size:20px}
 .hero-section .slide-counter{margin-bottom:4px}
 .hero-section .slide-title-container{height:22px;margin-bottom:8px}
 .hero-section .slide-title{font-size:12px;line-height:1.5;opacity:1}
 .hero-section .drag-indicator{display:none}
 .hero-section .slide-thumb{height:40px;min-height:40px}
 .hero-section:has(.hero-brand-preview) .bottom-ui-container{bottom:136px;width:90%;pointer-events:none}
 .hero-section .bottom-ui-container :is(button,[role=button]){pointer-events:auto}
 /* The fixed assistant must not reserve a permanent empty column in page content. */
 body:has([data-site-assistant]) .pg-gallery{padding-inline:5%}
 #s3-gallery .gallery-header{position:relative;top:auto;height:auto!important;min-height:0;padding:64px 5% 32px;gap:20px}
 body:has([data-site-assistant]) .case-gallery{padding-inline:5%}
 body:has([data-site-assistant]) .case-next>a{width:100%}
 body:has([data-site-assistant]) .inner-section:has(.article-list,.article-prose,.project-archive,.faq-list){padding-inline:5%}
 body:has([data-site-assistant]) .sp-consultation{padding-inline:5%}
 .pg-gallery .exyo-project-caption{gap:10px;flex-wrap:wrap;padding:32px 12px 12px}
 .pg-gallery .exyo-project-caption>span:first-child{font-size:16px}
 .pg-gallery .exyo-project-caption small{font-size:11px;line-height:1.45}
 .work-studio-page main.work-playground,.work-studio-page .work-explorer{width:100%;max-width:100%;min-width:0;overflow:clip}
 .work-studio-page .work-stage{inset:0;width:100%;height:100%;max-width:100%;contain:strict}
 #core-capabilities .service-tags{gap:12px}
 #core-capabilities .service-tags a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .art-method{grid-template-columns:1fr;padding:56px 5%;gap:32px}
 .art-method-copy,.art-method-steps,.art-method-image{grid-column:1;grid-row:auto}
 .art-method-image{max-height:440px;aspect-ratio:4/3}
 .art-method h2{font-size:clamp(30px,7vw,48px)}
 .art-method-copy p{font-size:15px;line-height:1.7}
 .art-method .text-action{font-size:13px;min-height:44px}
 .exyo-project-caption{font-size:12px;line-height:1.4}
 .exyo-project-caption small{font-size:10px}

 /* Studio: readable entries, comfortable controls and a cube sized to the screen. */
 .nudot-studio-page .d-text,.nudot-studio-page .hero-bottom{font-size:11px;line-height:1.5}
 .nudot-studio-page .roster-client-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;padding:20px 0;min-height:88px;cursor:pointer}
 .nudot-studio-page .roster-col{font-size:12px;line-height:1.45;order:0!important;min-width:0;overflow-wrap:anywhere;color:#b9b7bd}
 .nudot-studio-page .roster-col:nth-child(2){grid-column:1;grid-row:1;font-size:18px;color:#edece7}
 .nudot-studio-page .roster-col:nth-child(3){grid-column:1;grid-row:2;font-size:12px}
 .nudot-studio-page .roster-col:nth-child(4){grid-column:2;grid-row:1;font-size:11px}
 .nudot-studio-page .roster-col.is-right{grid-column:1/-1;grid-row:3;text-align:left;font-size:10px;letter-spacing:.04em;color:#a49fad}
 .nudot-studio-page .roster-header{font-size:13px;line-height:1.5}
 .nudot-studio-page .roster-group-label{font-size:10px;color:#999;line-height:1.6;letter-spacing:.12em}
 .nudot-studio-page .cc-icon-btn{min-width:44px;min-height:44px;padding:6px}
 .nudot-studio-page .cc-icon-btn>span{font-size:12px}
 .nudot-studio-page .cc-icon-nav{gap:2px;max-width:100%;padding-top:0}
 .nudot-studio-page .cc-service-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:11px;line-height:1.5;white-space:normal}
 .reference-studio .studio-brand-controls [data-brand-counter]{font-size:11px}
 .reference-studio .studio-brand-controls button,.reference-studio #videoLayer:has([data-brand-sequence]) .studio-video-toggle{width:44px;height:44px}

 /* Services: leave room for the active card, description and navigation. */
 .services-spatial-page.svo-ready .svo-viewport{height:100svh;min-height:0}
 .services-spatial-page.svo-ready .svo-header{top:104px;left:5%;right:5%}
 .services-spatial-page.svo-ready .svo-header-note{font-size:9px;max-width:110px}
 .services-spatial-page.svo-ready .svo-center{top:50%;width:min(72vw,360px,48svh);max-width:none;aspect-ratio:455/472}
 .services-spatial-page.svo-ready .svo-center>:is(.svo-symbol-image,.svo-symbol-canvas){scale:none}
 .services-spatial-page.svo-ready .svo-scene{touch-action:pan-y pinch-zoom}
 .services-spatial-page.svo-ready .svo-card{top:50%;left:50%;width:min(84vw,480px)}
 .services-spatial-page.svo-ready .svo-card-image{aspect-ratio:1.6}
 .services-spatial-page.svo-ready .svo-card-tag{font-size:8px;line-height:1.4;max-width:85%;padding:4px 6px}
 .svo-service-poster>strong{font-size:clamp(27px,8vw,60px)}
 .svo-poster-ia>strong{font-size:clamp(65px,22vw,150px)}
 .svo-service-poster>small{font-size:7px;letter-spacing:.04em}
 .services-spatial-page.svo-ready .svo-card-open{width:36px;height:36px}
 .services-spatial-page.svo-ready .svo-current{left:5%;top:calc(50% + min(26.25vw,150px) + 24px);bottom:auto;width:90%}
 .svo-current-index{font-size:10px;line-height:1.6;color:#bcbcbc}
 .svo-current>h2{font-size:clamp(27px,7.8vw,42px);line-height:1.12;max-width:100%;overflow-wrap:anywhere}
 .svo-current>p{font-size:14px;line-height:1.5;max-width:90%;margin-top:12px}
 .svo-current>button{font-size:11px;line-height:1.2;min-height:44px;margin-top:12px;gap:16px;padding:0}
 .svo-current>button>span{line-height:1}
 .services-spatial-page.svo-ready .svo-carousel-tools{left:5%;right:auto;bottom:76px;gap:16px}
 .svo-carousel-tools>button{min-width:44px;min-height:44px;font-size:24px}
 .svo-carousel-counter{font-size:11px}
 .services-spatial-page.svo-ready .svo-scene-footer{left:5%;right:var(--exo-clearance,82px);bottom:14px;gap:14px}
 .services-spatial-page.svo-ready .svo-scene-footer>span{font-size:10px;line-height:1.4;max-width:45%}
 .services-spatial-page.svo-ready .svo-scene-footer>a{font-size:11px;min-height:44px;gap:8px}
 .services-spatial-page.svo-ready .svo-motion{font-size:10px;min-height:44px}
 .svo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 .svo-dialog-shell{padding:12px 16px 16px}
 .svo-dialog .svo-service-content{grid-template-columns:1fr;gap:24px}
 .svo-dialog .svo-detail-visual{position:static}
 .svo-dialog-top{font-size:11px;min-height:44px}
 .svo-close{min-width:72px;min-height:44px;font-size:11px}
 .svo-dialog-top>span:nth-child(2){display:none}
 .svo-detail-copy>h2{font-size:clamp(30px,8vw,48px)}
 .svo-detail-copy>h3{font-size:20px}
 .svo-detail-copy>p,.svo-detail-copy li{font-size:14px;line-height:1.7}
 .svo-detail-copy>p.svo-detail-note{font-size:12px}
 .svo-contact-link{font-size:12px;min-height:44px}
 .svo-dialog-bottom{gap:12px}
 .svo-dialog-bottom>span{display:none}
 .svo-dialog-bottom button{font-size:11px;min-height:44px}
 .services-spatial-page .svo-dialog .svo-dialog-top{font-size:11px}
 .services-spatial-page .svo-dialog .svo-close{font-size:11px;min-height:44px}
 .services-spatial-page .svo-dialog .svo-detail-copy>h2{font-size:clamp(30px,8vw,48px);line-height:1.1}
 .services-spatial-page .svo-dialog .svo-detail-copy>h3{font-size:21px;line-height:1.35}
 .services-spatial-page .svo-dialog .svo-detail-copy>p,.services-spatial-page .svo-dialog .svo-detail-copy li{font-size:14px;line-height:1.7}
 .services-spatial-page .svo-dialog .svo-detail-copy>p.svo-detail-note{font-size:12px}
 .services-spatial-page .svo-dialog .svo-contact-link{font-size:12px;min-height:48px}
 .services-spatial-page .svo-dialog .svo-dialog-bottom button{font-size:11px;min-height:44px}
 .services-spatial-page .svo-dialog .svo-scope-label,.services-spatial-page .svo-dialog .svo-detail-copy>.svo-eyebrow{font-size:11px}
 .services-spatial-page .svo-dialog .svo-art-caption>span{font-size:10px;line-height:1.5}

 /* Contact, forms and reading pages. */
 .cs-intro>p{font-size:15px;line-height:1.75}
 .cs-intro>button,.cs-intro>.cs-form-link{font-size:12px;min-height:48px;max-width:100%;width:auto}
 .cs-meta{font-size:10px;line-height:1.6}
 .cs-direct-email>span:first-child{font-size:11px}
 .contact-studio-page .sp-contact-layout{grid-template-columns:1fr;gap:40px}
 .contact-studio-page .sp-contact-aside{position:static;top:auto}
 .studio-product-page .sp-contact-form{gap:24px 18px}
 .studio-product-page .sp-contact-form>label,.studio-product-page .sp-contact-form .inner-contact-choices>legend{font-size:12px}
 .studio-product-page .sp-contact-form :is(input:not([type=checkbox]),select,textarea){font-size:16px;min-height:48px}
 .studio-product-page .sp-contact-form .consent{font-size:13px;line-height:1.6}
 .studio-product-page .sp-contact-form .consent input{width:22px;height:22px}
 .studio-product-page .sp-contact-form .inner-contact-choices>button{font-size:12px;min-height:44px}
 .studio-product-page .sp-contact-form>button[type=submit]{font-size:12px;min-height:56px}
 .studio-product-page .sp-contact-form :is(.form-note,#form-status){font-size:12px;line-height:1.6}
 .studio-product-page .sp-text-link,.svo-invitation>a{font-size:12px;min-height:44px}
 .case-scroll{font-size:11px;min-width:44px;min-height:44px}
 .case-overview-title>p,.case-facts dt,.case-process summary,.case-end,.case-next-top{font-size:11px;line-height:1.6}
 .case-overview h2{font-size:clamp(28px,7vw,42px)}
 .case-end{flex-wrap:wrap}
 .case-end a,.case-launch{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
 .inner-copy{overflow-wrap:anywhere}
 .inner-copy :is(p,li){font-size:16px;line-height:1.8}
 .inner-copy :is(img,video,iframe){max-width:100%}
 .inner-copy table{display:block;max-width:100%;overflow-x:auto}
 .inner-hero h1,.article-card h2,.faq-list summary{overflow-wrap:break-word}
 .inner-eyebrow,.inner-hero .hero-meta,.section-index{font-size:10px;line-height:1.6}
 .inner-hero .hero-meta{flex-wrap:wrap;gap:12px 20px}
 .article-card .archive-meta,.archive-meta>span{font-size:11px;line-height:1.5}

 /* Shared footers and Labs controls remain clear of the fixed EXO corner. */
 .exyo-shared-footer .footer-description,.exyo-shared-footer .footer-location{font-size:14px;line-height:1.7}
 .exyo-shared-footer .footer-nav-links{gap:12px 22px}
 .exyo-shared-footer .footer-nav-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .exyo-shared-footer .footer-brand-controls button{width:44px;height:44px}
 .exyo-shared-footer .footer-brand-controls span{font-size:11px}
 .exyo-shared-footer .footer-parallax-copy,.exyo-shared-footer .exyo-legal{font-size:12px;line-height:1.8}
 .exyo-shared-footer .exyo-legal a{display:inline-flex;align-items:center;min-height:44px}
 .exyo-shared-footer .footer-parallax-section{height:calc(100vw * 5 / 12 + 145px)!important;aspect-ratio:auto}
 .exyo-shared-footer .footer-parallax-copy{top:18px;left:5%;max-width:90%}
 .archive-copy{font-size:12px;line-height:1.6;max-width:calc(100% - 110px)}
 .archive-transport button{width:44px;height:44px}
 .archive-index{top:100px;bottom:140px;transform:none;max-height:calc(100svh - 240px);overflow-y:auto;overscroll-behavior:contain;font-size:15px;line-height:1.5}
 .archive-index button[data-open-lab]{min-height:44px}
 .labs-page .exyo-footer-jump{font-size:11px;min-height:44px}
 .lab-player{inset:96px 3% 12px;max-height:calc(100dvh - 108px);padding:16px}
 .lab-player[open]{overflow-y:auto;overscroll-behavior:contain}
 .lab-player>header{position:sticky;top:-16px;z-index:3;background:#080808;flex-shrink:0}
 .lab-demo-stage{flex:0 0 auto;height:clamp(180px,35svh,300px);min-height:160px}
 .lab-player h2{font-size:28px}
 .lab-kicker{font-size:10px}
 .lab-close{min-width:44px;min-height:44px}
 .lab-description{font-size:13px;line-height:1.6}
 .lab-inputs{gap:12px}
 .lab-inputs label{font-size:11px;max-width:100%;min-width:0}
 .lab-inputs input:not([type=range]){font-size:16px;max-width:100%}
 .lab-inputs input[type=range]{min-height:44px;max-width:100%}
 .lab-inputs button{font-size:11px;min-height:44px}
 #exo-widget .exo-suggestions>:is(button,a){font-size:12px;min-height:40px}
 #exo-widget .exo-window-controls>button{min-width:40px;min-height:44px}
 #exo-widget .exo-panel :is(input,textarea,select){font-size:16px}
 #exo-widget .exo-review-form>label{font-size:12px}
 #exo-widget .exo-message-copy{font-size:14px;line-height:1.65}
 #exo-widget .exo-draft-bar>button{font-size:11px;min-height:40px}
 body:has([data-site-assistant]){--exo-corner-size:60px}
}
@media(max-width:479px){
 .studio-product-page .sp-contact-form{grid-template-columns:1fr}
 .cs-intro>h2{font-size:clamp(30px,9.5vw,40px)}
 .cs-direct-email>span:last-child{font-size:clamp(26px,8.7vw,38px);gap:8px}
 .nudot-studio-page .cc-icon-nav{gap:0}
 .nudot-studio-page .cc-icon-btn{min-width:40px}
 .services-spatial-page.svo-ready .svo-header-note{display:none}
}
@media(max-width:767px) and (max-height:650px){
 .hero-section{min-height:640px}
}
@media(max-width:767px) and (max-height:760px){
 .services-spatial-page.svo-ready .svo-current{top:calc(50% + min(26.25vw,150px) + 16px)}
 .svo-current-index{font-size:9px;line-height:1.6}
 .svo-current>h2{font-size:24px;line-height:1.15;margin-top:6px}
 .svo-current>p{display:none}
 .svo-current>button{font-size:10px;margin-top:6px}
 .services-spatial-page.svo-ready .svo-carousel-tools{top:calc(50% + min(26.25vw,150px) + 70px);bottom:auto;left:auto;gap:10px}
 body.services-spatial-page.svo-ready .svo-viewport .svo-carousel-tools{right:5%}
}
@media(max-width:1024px) and (hover:none) and (pointer:coarse) and (min-width:768px){
 .scroll-track{height:auto}
 .sticky-container{position:relative;height:auto;overflow:visible}
 .hero-section{position:relative;height:100svh;min-height:700px}
 .hero-section .overlay-top{padding-top:0}
 .hero-section .grid-section,.dark-wrapper-mask,.stm-logo,.stm-section{display:none!important}
 .hero-section .bottom-ui-container{bottom:165px;width:min(720px,94%)}
 .hero-section .bottom-footer{position:absolute;left:3vw;right:3vw;bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-right:var(--exo-clearance,82px)}
 .hero-section .bottom-footer .footer-col:first-child{display:none}
 .hero-section .bottom-footer .footer-col:nth-child(2){grid-column:1}
 .hero-section .bottom-footer .footer-links{grid-column:2;bottom:0}
 .contact-studio-page .cs-hero-content{grid-template-columns:1.1fr .9fr;gap:6%}
 .nudot-studio-page .scroll-container,.nudot-studio-page .sticky-viewport{height:100svh;position:relative}
 .has-scene-menu .ns-menu-stage{grid-template-columns:minmax(0,1fr) 120px}
}
@media(max-width:1024px) and (max-height:500px) and (hover:none) and (pointer:coarse){
 #nav_scroll_container:not(.is-menu-open):not(.is-menu-animating){top:8px!important}
 .hero-section{height:100svh;min-height:420px}
 .hero-section .overlay-ui{padding-top:96px}
 .hero-section .overlay-top{width:48%;padding-top:0}
 .hero-section .huge-text{font-size:clamp(32px,5.5vw,52px)!important}
 .hero-section .top-header{gap:0 8px;margin-bottom:12px}
 .hero-section .small-tag{font-size:8px;padding-bottom:3px}
 .hero-section .services-list:not(.bordered) li{font-size:11px}
 .hero-section .services-list:not(.bordered) a{min-height:32px}
 .hero-section:has(.hero-brand-preview) .bottom-ui-container{left:75%;width:40%;bottom:136px}
 .hero-section .bottom-footer h1{max-width:280px}
 .hero-section:has(.hero-brand-preview) .bottom-footer{bottom:16px}
 .services-spatial-page.svo-ready .svo-viewport{min-height:360px;height:100svh}
 .services-spatial-page.svo-ready .svo-header{top:86px}
 .services-spatial-page.svo-ready .svo-header-note{display:none}
 .services-spatial-page.svo-ready .svo-card{left:50%;top:50%;width:min(52vw,67.2svh)}
 .services-spatial-page.svo-ready .svo-center{left:50%;top:50%;width:48svh}
 .services-spatial-page.svo-ready .svo-current{left:5%;top:calc(50% + 21svh + 8px);bottom:auto;width:90%}
 .svo-current-index{display:none}
 .svo-current>h2{font-size:22px;line-height:1.15;margin-top:0}
 .svo-current>p{display:none}
 .services-spatial-page.svo-ready .svo-scene{clip-path:none}
 .svo-current>button{font-size:10px;margin-top:2px;min-height:44px}
 .services-spatial-page.svo-ready .svo-carousel-tools{left:auto;top:calc(50% + 21svh + 35px);bottom:auto;gap:10px}
 body.services-spatial-page.svo-ready .svo-viewport .svo-carousel-tools{right:max(5%,var(--exo-clearance,82px))}
 .services-spatial-page.svo-ready .svo-scene-footer{bottom:0;right:var(--exo-clearance,82px)}
 .services-spatial-page.svo-ready .svo-scene-footer>span{display:none}
 .services-spatial-page.svo-ready .svo-scene-footer>a{font-size:10px;min-height:28px}
 .services-spatial-page.svo-ready .svo-motion{font-size:9px;min-height:28px}
 .svo-service-poster>strong{font-size:clamp(24px,4.2vw,42px)}
 .svo-poster-ia>strong{font-size:12vw}
 .svo-dialog{max-height:calc(100dvh - 16px)}
 .svo-dialog .svo-service-content{grid-template-columns:.8fr 1.2fr;gap:20px}
 .svo-dialog .svo-detail-visual{max-height:55svh;overflow:hidden}
 .services-spatial-page .svo-dialog .svo-sheet-art{height:100%;min-height:0}
 .services-spatial-page .svo-dialog .svo-detail-copy>h2{font-size:34px}
 .svo-dialog-top{margin-bottom:8px}
 .nudot-studio-page .scroll-container,.nudot-studio-page .sticky-viewport{height:680px}
 .nudot-studio-page .cc-scene{right:40%;top:65px}
 .nudot-studio-page #cc-cube-el{--s:min(38vw,58svh)}
 .nudot-studio-page .cc-icon-nav{left:78%;top:110px;display:grid;grid-template-columns:repeat(3,44px)}
 .nudot-studio-page .cc-caption{left:78%;bottom:18px;width:38%;transform:translateX(-50%)}
 .nudot-studio-page .cc-mini-scene{display:none}
 .archive-copy{max-width:35%;font-size:11px;line-height:1.45}
 .labs-page .exyo-footer-jump{left:43%;bottom:16px}
 .archive-index{top:86px;bottom:16px;max-height:calc(100svh - 102px);width:min(420px,calc(100% - 32px))}
 .lab-player{inset:80px 3% 8px;max-height:calc(100dvh - 88px)}
 .lab-demo-stage{min-height:130px}
 #exo-widget .exo-panel-header{min-height:52px}
 #exo-widget .exo-panel-footer{display:none}
 #exo-widget .exo-suggestions{max-height:44px}
 #exo-widget .exo-panel-header>.exo-dust{width:40px;height:40px}
 #exo-widget .exo-panel-header h2{font-size:26px}
 #exo-widget .exo-draft-bar{padding-block:2px}
 #exo-widget .exo-draft-bar>button{min-height:30px}
 #exo-widget .exo-messages{min-height:0;padding-block:8px}
 #exo-widget .exo-composer{padding-block:4px;margin-bottom:4px}
 #exo-widget .exo-composer textarea{min-height:36px;max-height:60px}
}
@media(max-width:767px) and (max-height:500px){
 .hero-section .small-tag{display:none}
 .hero-section .top-header{grid-template-columns:1fr}
 .hero-section .top-header .huge-text:last-child{grid-column:1}
}
@media(max-width:1024px) and (max-height:500px) and (hover:none) and (pointer:coarse){
 .has-scene-menu .ns-menu-rows{grid-template-rows:repeat(6,minmax(48px,1fr));overflow-y:auto;overscroll-behavior:contain}
 .has-scene-menu .ns-showcase-row{min-height:48px}
}