/* Responsive site and native product previews. Content reflows before it can collide. */
body{min-width:320px}
main,section,article,figure,header,footer,nav{min-width:0}
img,video,canvas{max-width:100%}
body>header .mobile-nav{display:none}
@media(max-width:1100px){
 .real-hero{gap:6%}.real-hero h1{font-size:clamp(45px,5.6vw,66px)}
 .space-native-nodes{gap:32px 24px}.space-native-ground{padding-left:60px;padding-right:14px}
 .space-native-node header input{font-size:11px}.space-node-body{padding:10px}
 .footer-top{gap:40px}.footer-links{gap:20px}
 .enterprise-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .source-cut-docks{grid-template-columns:210px minmax(0,1fr) 220px!important}
 .source-cut-pool,.source-cut-controls{min-width:0}
}
@media(max-width:980px){
 body>header,.site-header{height:72px;min-height:72px;padding:0 24px;gap:14px}
 body>header>nav:not(.mobile-nav),.site-header>nav:not(.mobile-nav){display:none!important}
 body>header .menu{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid #9791855c;border-radius:8px;height:40px;padding:0 12px;font-size:12px;color:inherit;margin-left:auto}
 body>header .brand img{width:158px;height:34px}
 body>header .mobile-nav.open{display:flex!important;flex-direction:column;position:absolute;top:72px;left:0;right:0;padding:18px 24px;background:#f5f3ed;box-shadow:0 12px 28px #24201912;z-index:60;gap:0}
 body>header .mobile-nav a{display:flex;align-items:center;min-height:44px;font-size:15px}
 .intelligence-page>header .mobile-nav.open{background:#181818}
 body>header>.marketing-cta-slot .button{min-width:100px;padding-left:16px;padding-right:16px}
 .real-product,.product-universe,.company-main,.universe-main{padding-left:32px;padding-right:32px}
 .real-hero{grid-template-columns:1fr;gap:24px;padding:40px 0}
 .real-hero h1{font-size:clamp(48px,7vw,66px);max-width:730px}
 .real-hero p{font-size:16px;max-width:620px;margin-bottom:22px}
 .feature-story,.feature-story.reverse{grid-template-columns:1fr;gap:28px;padding:45px 0}
 .feature-story.reverse .feature-copy,.feature-story.reverse .feature-visual{grid-column:auto;grid-row:auto}
 .feature-copy h2{font-size:40px;max-width:630px}.feature-copy p{max-width:630px;font-size:16px;line-height:1.75}
 .wide-detail .feature-copy{grid-template-columns:1fr;gap:18px}
 .product-container-scene,.product-container-scene:nth-of-type(even),.universe-experience{grid-template-columns:1fr;gap:30px}
 .product-container-scene:nth-of-type(even) .container-intro,.product-container-scene:nth-of-type(even) .scene-mount{grid-column:auto;grid-row:auto}
 .company-main{padding-top:38px}.company-hero,.company-story,.founder-story,.manifesto-context{grid-template-columns:1fr;gap:24px}
 .company-hero h1{font-size:clamp(48px,7vw,66px)}.company-hero p{font-size:16px;max-width:620px}
 .company-story h2,.enterprise-plan-section h2{font-size:42px}
 .organization-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .native-plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
 .native-plans-head{flex-wrap:wrap;gap:18px}
 .pricing-enterprise{padding:30px!important}.pricing-questions{grid-template-columns:1fr!important;gap:20px!important}
 .footer-top{grid-template-columns:1fr;gap:30px}.footer-story{max-width:650px}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px!important}
 .footer-base{flex-wrap:wrap;align-items:start;gap:20px}.footer-base nav{flex-wrap:wrap}
 .footer-wordmark{border:0}
 .source-doc-stage .source-chat{width:29%}.source-doc-stage .source-paper{left:27%;padding-left:30px}
 .writing-native-side{min-width:0}.writing-native-preview{grid-template-columns:240px minmax(0,1fr)!important}
 .space-native-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
 .space-native-wires{display:none}.space-node-board{grid-column:1/-1}
 .space-native-stage,.shooting-native-stage{min-height:0}
 .space-native-node[data-space-node=image]{grid-column:1;grid-row:2}.space-native-node[data-space-node=assistant]{grid-column:2;grid-row:2}
 .space-board-frames{grid-template-columns:repeat(3,minmax(0,1fr))}
 .space-native-top>span{font-size:10px;gap:3px}
 .shooting-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shooting-native-header{flex-wrap:wrap;gap:10px}
 .shooting-native-header>div{flex-basis:100%}
 .asset-native-body{grid-template-columns:150px minmax(0,1fr);gap:14px}
 .asset-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .source-cut-docks{grid-template-columns:minmax(0,1fr) 200px!important}.source-cut-pool{display:none}
 .source-cut-name{margin-left:auto!important}
 .source-cut-timeline>div:first-child{overflow:auto;scrollbar-width:thin}
 .source-cut-timeline>div:first-child>div{min-width:660px}
 .halo-native-scene,.real-tool-stage .halo-native-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;height:auto;min-height:0;padding:0}
 .halo-native-frame,.real-tool-stage .halo-native-frame{position:relative;grid-column:1/-1;left:auto;right:auto;top:auto;width:100%;aspect-ratio:21/9}
 .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane{position:relative;left:auto;right:auto;top:auto;width:100%;margin:0;padding:23px}
 .halo-native-scene .scene-slider{margin-bottom:19px}
 .media-native-preview,.flowkit-native-preview{grid-template-columns:1fr;gap:24px}
 .media-native-result{max-width:650px;width:100%;margin:auto}.media-native-result>svg{margin-top:40px}.media-native-result>p{margin-bottom:40px}
 .flowkit-native-form{max-width:640px;margin:auto;width:100%}.flowkit-native-results{max-width:650px;margin:auto;width:100%}
 .social-native-day{padding:6px!important;min-height:90px}.social-native-day img{height:55px}
 .native-intelligence{padding:18px;height:650px}.native-intel-columns.has-canvas{grid-template-columns:1fr}
 .native-intel-columns.has-canvas .native-intel-dialogue{display:none}
 .native-intel-composer .yv-composer-row .ml-auto>button:first-child{display:none}
 .intelligence-page .native-intelligence:has(.native-intel-opening){height:350px}
 .intelligence-page .real-hero{padding-top:26px;padding-bottom:24px}.intelligence-page .real-hero h1{font-size:52px}
 .intelligence-page .real-hero p{font-size:15px}
 .intelligence-page .native-intel-opening{gap:14px;padding:10px}.native-intel-opening h3{font-size:28px}
 .welcome-window{width:100%;padding:18px!important}.welcome-app-account{gap:10px}
 .welcome-native-notice{flex-wrap:wrap;gap:8px}.welcome-native-notice>span:not(.welcome-due-tag){flex-basis:100%;margin-left:29px}
 .welcome-native-notice .welcome-due-tag{margin-left:auto}
 .source-project-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .real-tool-stage{grid-template-columns:1fr!important;gap:32px}.real-tool-stage .tool-copy{max-width:550px}
 .hero{min-height:660px}.hero-copy{padding:50px 42px}.hero-copy h1{font-size:clamp(44px,7.2vw,70px);max-width:100%;letter-spacing:-.05em}
 .hero-copy p{font-size:15px;max-width:450px}
 .welcome-heading,.section-head{grid-template-columns:1fr;gap:24px;align-items:start}.welcome-heading h2{font-size:48px}
 .universe-tabs{flex-wrap:wrap;gap:8px}.universe-principles{grid-template-columns:1fr;gap:30px}
}
@media(max-width:600px){
 body>header,.site-header{height:68px;min-height:68px;padding:0 18px;gap:8px}
 body>header .brand img{width:132px;height:30px}
 body>header .menu{height:40px;padding:0 10px;font-size:11px}
 body>header>.marketing-cta-slot .button{min-width:78px;max-width:90px;padding-left:10px;padding-right:10px;font-size:11px}
 body>header .mobile-nav.open{top:68px;padding:16px 20px}
 .real-product,.product-universe,.company-main,.universe-main{padding-left:20px;padding-right:20px}
 .real-hero{padding:28px 0 30px;gap:22px}
 .real-hero h1{font-size:clamp(37px,9.6vw,56px);line-height:1.1;letter-spacing:-.05em}
 .product-identity{margin-bottom:24px!important;font-size:19px}.product-identity img{width:30px;height:30px}
 .real-hero p,.feature-copy p{font-size:15px;line-height:1.8}
 .real-actions .button,.company-close .button,.access-note .button{height:44px!important;min-height:44px!important}
 .feature-copy h2{font-size:34px;line-height:1.15;max-width:100%;margin-bottom:17px}
 .feature-story,.feature-story.reverse{padding:36px 0;gap:22px}
 .product-features{padding-top:22px}.product-handoff{padding:30px 0 55px}
 .product-handoff>div>a{font-size:32px}.product-handoff .text-link{font-size:13px;min-height:44px;display:flex;align-items:center}
 .company-hero{padding:0 0 42px}.company-hero h1{font-size:44px;line-height:1.1;letter-spacing:-.05em}
 .company-story h2,.enterprise-plan-section h2{font-size:35px}
 .enterprise-plan-grid{grid-template-columns:1fr;gap:12px}
 .enterprise-plan-grid .enterprise-tier-card{min-height:92px;padding:20px 24px}
 .organization-features{grid-template-columns:1fr!important;gap:32px!important}
 .org-native-feature{height:270px;margin-bottom:20px}.enterprise-details h3{font-size:25px!important;line-height:1.25}
 .native-plans-grid{grid-template-columns:1fr!important;gap:22px!important}
 .native-plans-head h2{font-size:25px}.native-plans-head{align-items:start!important}
 .pricing-enterprise{padding:22px!important}.pricing-enterprise h2{font-size:35px!important}.pricing-enterprise p{font-size:15px!important}
 .vast-footer{padding:36px 22px 24px;margin:0 8px 8px}.footer-top{gap:30px!important}
 .footer-story p:first-child{font-size:33px;line-height:1.15}.footer-story p{font-size:15px;line-height:1.8}
 .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important;padding:20px 0}
 .footer-container h3{font-size:13px}.footer-container a{font-size:13px;min-height:32px;display:flex;align-items:center}
 .footer-wordmark{padding:20px 0 12px}.footer-base{font-size:11px}.footer-base nav{gap:16px}
 .source-doc-stage,.source-document-composition{min-height:720px}
 .source-doc-stage .source-paper{top:0;left:0;right:0;padding:18px;height:405px;bottom:auto}
 .source-doc-stage .source-chat{left:5%;top:375px;width:90%;min-height:290px;height:290px;padding:18px}
 .source-chat-messages{min-height:110px;max-height:160px}.source-chat>strong{font-size:14px}
 .source-reading h2{font-size:21px!important}.source-reading h3{font-size:19px!important}.source-reading p{font-size:12px!important;line-height:1.7!important}
 .source-detail-doc .source-document-composition{height:410px;min-height:410px}.isolated-detail:has(.source-detail-doc){min-height:410px}
 .source-detail-doc .source-paper{padding:20px}.source-actions{gap:6px;padding-bottom:13px}.source-actions button,.source-actions a{font-size:10px}
 .source-provenance{gap:7px;font-size:10px}
 .writing-native-preview{display:flex!important;flex-direction:column;gap:16px!important;min-height:0!important}
 .writing-native-document{width:100%;order:0;min-width:0}.writing-native-side{position:relative!important;order:1;width:100%!important;min-height:290px!important;height:auto!important}
 .writing-native-paper{padding:22px 18px!important;min-height:430px!important}.writing-native-paper>div{padding:0!important}
 .writing-native-paper input{font-size:20px!important;line-height:1.3!important}.writing-native-paper p{font-size:13px!important}
 .writing-native-toolbar{overflow:auto;width:100%}.writing-native-toolbar button{flex-shrink:0}.source-writing-stage{min-height:0!important}
 .writing-native-status{font-size:9px!important;gap:10px}.writing-side-intro h3{font-size:16px}
 .space-native-top{padding:12px 0!important;gap:8px;flex-wrap:wrap}
 .space-native-top>div{flex-basis:100%;margin-bottom:8px}.space-native-top>span{font-size:11px;margin-right:14px}
 .space-native-ground{padding:20px 6px 40px}.space-native-rail{display:none}
 .space-native-nodes{grid-template-columns:1fr;gap:20px}
 .space-native-node[data-space-node=image],.space-native-node[data-space-node=assistant]{grid-column:auto;grid-row:auto}
 .space-native-node[data-space-node=reference]{order:0}.space-native-node[data-space-node=director]{order:1}.space-native-node[data-space-node=image]{order:2}.space-native-node[data-space-node=assistant]{order:3}.space-native-node[data-space-node=board]{order:4}
 .space-native-node header input{font-size:12px}.space-node-body{padding:14px}
 .space-node-body .director-native-panel>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
 .space-board-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.space-native-bottom{left:8px;right:8px}
 .space-node-port{display:none}.space-native-node .space-node-prompt{font-size:12px}
 .shooting-native-header{padding:10px 0 18px!important}.shooting-native-header>div strong{font-size:13px}
 .shooting-native-grid{grid-template-columns:1fr;gap:24px}.shooting-native-card{width:100%}
 .shooting-native-card:nth-child(n+7){display:none}
 .image-native-stage{min-height:0}.image-native-preview{width:100%;padding-bottom:0}
 .image-native-preview>header{padding:0;gap:12px;font-size:10px}.image-native-preview>header>div{font-size:9px}
 .image-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-native-grid>div:last-child{grid-column:1/-1}
 .image-native-composer{position:relative;left:auto;right:auto;bottom:auto;margin:16px 0 0;padding:16px;backdrop-filter:none!important}
 .image-native-prompt{font-size:12px;line-height:1.7}.image-native-preset>span:last-of-type{display:none}
 .image-native-controls{gap:6px;font-size:11px}.image-native-controls button,.image-native-controls>span{max-width:100%}
 .image-native-references>span{width:31px;height:31px}.image-native-references>span:nth-child(4),.image-native-references>span:nth-child(5){display:none}
 .image-native-references{gap:5px;flex-wrap:wrap}.image-native-preset{font-size:11px}
 .director-native-panel{padding:22px}.director-native-panel>div:last-child{gap:16px 13px}
 .superref-native-prompt{margin:14px 0 0;padding:16px;font-size:12px}
 .asset-native-stage,.gallery-native-stage{min-height:0;padding:0}
 .asset-native-library,.gallery-native-preview{padding:12px 0}
 .asset-native-library>header{flex-wrap:wrap;gap:10px;margin-bottom:18px}
 .asset-native-search{order:3;width:100%;height:40px}.asset-native-search input{font-size:14px}
 .asset-native-body{grid-template-columns:1fr;gap:16px}
 .asset-native-body>aside{height:auto;display:flex;align-items:center;gap:7px;padding:7px;overflow:auto;border-radius:999px}
 .asset-native-body aside button{width:auto;min-width:max-content;font-size:11px;padding:9px}
 .asset-native-body aside h4,.asset-native-body .asset-new-folder{display:none}
 .asset-native-toolbar>svg{display:none}.asset-native-toolbar button{font-size:12px;min-height:40px;padding:8px 13px}
 .asset-native-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .asset-native-lightbox{grid-template-columns:1fr;position:fixed;inset:80px 12px 20px;max-height:calc(100svh - 100px)}
 .asset-native-preview-media{min-height:200px;padding:15px;height:40svh}.asset-native-preview-media img{max-height:100%}
 .asset-native-lightbox>aside{padding:20px;gap:13px;min-height:0;overflow:auto}
 .gallery-native-preview>header>div{display:none}.gallery-native-preview>nav{gap:5px}
 .gallery-native-preview>nav button{min-height:40px;padding:8px 12px;font-size:12px}
 .gallery-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .review-native-view{grid-template-columns:1fr}.review-native-media{padding:12px}
 .review-native-media>img{min-height:0;height:auto;aspect-ratio:16/10}.review-native-view>aside{padding:22px}
 .gallery-native-open{position:fixed;inset:80px 12px 16px;max-height:calc(100svh - 96px);overflow:auto;box-shadow:0 20px 60px #2224}
 .review-native-rating button{width:38px;height:38px}.review-native-section form button{height:40px;width:40px}
 .public-native-stage{min-height:0;padding:12px 0}
 .public-native-new-share{padding:22px}.public-native-share-modes{flex-wrap:wrap}
 .public-native-picks{gap:6px}.public-native-new-share input,.public-native-new-share textarea{font-size:13px}
 .public-native-review{grid-template-columns:1fr;gap:15px}.public-native-review-rail{padding:22px}
 .public-native-review-poster>img{height:400px}.public-native-review-poster{padding:16px}
 .public-native-link{padding:22px}.public-native-cover img{height:220px}
 .source-cut-docks{grid-template-columns:1fr!important}.source-cut-controls{display:none}
 .source-cut-top{gap:10px!important;flex-wrap:wrap}.source-cut-name{display:none}
 .source-cut-monitor>img{aspect-ratio:16/10;height:auto!important}.source-cut-seek{font-size:9px!important}
 .source-cut-timeline{overflow:hidden}.source-cut-track-label{width:48px!important;font-size:9px!important}
 .source-cut-ruler{grid-template-columns:48px repeat(9,minmax(0,1fr))!important;font-size:8px!important}
 .source-cut-track{grid-template-columns:48px minmax(0,1fr)!important}
 .source-cut-playhead{display:none}.source-cut-clip>span,.source-cut-wave>span{font-size:7px!important;white-space:nowrap;overflow:hidden}
 .source-cut-clip>div img:nth-child(n+2){display:none}.source-cut-clip>div img{width:100%!important}
 .cut-native-inline-dialog{padding:20px}.cut-native-form-row{gap:10px;font-size:12px}
 .cut-native-form-row>span{width:63px;font-size:11px}.cut-native-form-row textarea{font-size:12px;padding:10px}
 .cut-native-insert{margin:14px 0 0}.cut-native-extensions{padding:20px}
 .halo-native-scene,.real-tool-stage .halo-native-scene{gap:12px}
 .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane{padding:17px 13px;border-radius:14px}
 .halo-panel-title{font-size:12px;gap:4px;margin-bottom:17px}.look-native-preset strong{font-size:17px}
 .halo-native-scene .scene-slider>span{font-size:11px;gap:4px}.halo-native-scene output{font-size:10px}
 .halo-native-scene input[type=range]{height:28px}.halo-native-scene .scene-slider{margin-bottom:13px}
 .halo-native-frame{aspect-ratio:16/9!important}.halo-native-scene .compare-label{font-size:9px;padding:6px 9px}
 .halo-native-scene .compare-divider span{width:35px;height:35px;font-size:20px}.halo-native-scene .look-bypass{bottom:12px;width:30px;height:30px}
 .media-native-preview{gap:20px}.media-native-stage{min-height:0;padding:0}
 .media-native-result>p{margin-left:12px;margin-right:12px}.media-native-result>svg{height:80px}
 .flowkit-native-stage{min-height:0;padding:0}.flowkit-native-preview{gap:24px}
 .flowkit-native-form{padding:22px}.flowkit-native-results{gap:8px}.flowkit-native-results>div>span{font-size:8px}
 .social-native-stage{min-height:0;padding:0}.social-native-preview{padding:15px}
 .social-native-preview>header{flex-wrap:wrap;gap:6px;margin-bottom:16px}.social-native-preview>header>div{flex-basis:100%;margin-top:5px}
 .social-native-calendar{gap:2px}.social-native-day{padding:4px!important;min-height:63px}
 .social-native-day img{height:30px}.social-native-day p,.social-native-day small{display:none}
 .social-native-day>span{font-size:10px}.social-native-weekday{font-size:9px;padding:3px 0}
 .social-native-preview>footer{gap:10px;flex-wrap:wrap;font-size:9px}.social-native-post{padding:20px}
 .depth-native-options{gap:8px}.depth-native-options .forge-depth-card{min-height:220px!important;height:220px!important;padding:16px 12px!important}
 .depth-native-options .forge-depth-card>span{font-size:20px!important}.depth-native-options p{font-size:11px!important;line-height:1.6!important}
 .depth-native-preview>h3{display:none}.depth-research-popup{padding:13px 12px}
 .depth-research-result{font-size:10px;line-height:1.5}.depth-research-popup>p{font-size:11px}
 .insight-native-review{padding:20px;min-height:350px}.insight-native-review .text-ceremony-sm{font-size:28px!important}
 .native-intelligence{height:620px;padding:12px 0;gap:14px}
 .native-intel-columns{grid-template-columns:1fr;gap:10px}.native-intel-output{display:none}
 .native-intel-composer .yv-composer>div{padding:12px!important;border-radius:17px!important}
 .native-intel-composer textarea{font-size:12px!important;height:66px;min-height:66px!important;max-height:66px!important}
 .native-intel-composer .yv-composer-row{gap:4px!important}.native-intel-composer .yv-composer-row .ml-auto>button{display:none}
 .native-intel-composer .yv-composer-row .ml-auto>button:last-of-type{display:flex}
 .native-intel-composer .yv-composer-row button{font-size:10px!important;padding-left:7px!important;padding-right:7px!important}
 .native-intel-opening h3{font-size:26px;line-height:1.25}.native-intel-opening p{font-size:12px;line-height:1.75}
 .intelligence-page .real-hero h1{font-size:41px}.intelligence-page .real-hero p{font-size:14px;line-height:1.8}
 .intelligence-page .native-intelligence:has(.native-intel-opening){height:330px}
 .native-intel-mail-complete h3{font-size:32px}.native-intel-mail-complete>span{padding:0 15px;font-size:12px}
 .native-intel-mail-complete svg{width:76px;height:76px}
 .native-intel-assetwall{height:460px!important}.asset-wall-grid{gap:8px!important}
 .hero{margin:0 12px;min-height:640px;border-radius:10px;overflow:hidden}
 .hero-copy{padding:48px 25px;max-width:100%;width:100%;margin:0;left:0;right:0;top:auto;position:relative}
 .hero-copy h1{font-size:clamp(33px,8.65vw,51px);line-height:1.12;letter-spacing:-.047em;max-width:100%}
 .hero-copy h1 span{white-space:nowrap}.hero-copy p{font-size:14px;line-height:1.8;margin-top:24px;max-width:330px}
 .hero>img{object-position:61% center}.hero:after{background:linear-gradient(90deg,#16181355,#16181315)!important}
 .welcome-section,.section{padding:50px 20px!important}.welcome-heading{gap:20px!important}.welcome-heading h2,.section-head h2{font-size:41px!important;letter-spacing:-.05em!important}
 .welcome-heading p,.section-head p{font-size:15px!important;line-height:1.8!important}
 .welcome-window{padding:12px!important}.welcome-app-head>span{font-size:10px}.welcome-app-head{min-height:52px}
 .welcome-app-account{gap:7px}.welcome-london-clock{font-size:10px;gap:4px}.welcome-london-clock svg{width:12px;height:12px}
 .welcome-credit{padding:0 5px;font-size:10px;gap:4px}.welcome-credit>span:last-child{display:none}
 .welcome-app-account>div:last-child{width:26px!important;height:26px!important}
 .welcome-app-banner{min-height:180px}.welcome-app-banner h3{font-size:26px!important}.welcome-app-banner>div{padding:18px!important}
 .welcome-native-notice{font-size:10px;padding:13px;gap:8px}.welcome-native-notice>div{flex-direction:column;align-items:start;gap:4px}
 .welcome-native-notice>span:not(.welcome-due-tag){display:none}.welcome-native-notice .welcome-due-tag{font-size:9px}
 .source-workspaces{grid-template-columns:1fr!important}.source-project-wall{grid-template-columns:1fr!important}
 .welcome-row{margin:24px 0 16px}.welcome-row h4{font-size:15px}.welcome-row a{font-size:11px}
 .showcase{grid-template-columns:1fr!important;gap:24px!important}.work .image{height:390px!important}.work .overlay{padding:22px}
 .filters{flex-wrap:wrap;gap:6px}.filters button{font-size:11px;padding:8px 12px;min-height:40px}
 .tool-tabs{gap:16px;overflow:auto;flex-wrap:nowrap!important;scrollbar-width:thin}.tool-tabs button{min-width:max-content}
 .intelligence{padding:42px 20px!important;margin:0 8px!important}.intelligence h2{font-size:43px!important;letter-spacing:-.05em!important}
 .composition{min-height:0}.model-section{padding:45px 0}.model-copy h2,.end h2{font-size:44px!important;letter-spacing:-.05em!important}
 .model-visual-slot{height:280px!important}.end{padding:50px 20px!important}.access-note{margin-top:25px}
 .catalog-banner h1,.universe-intro h1{font-size:46px!important;letter-spacing:-.05em!important;line-height:1.1!important}
 .container-intro h2,.universe-copy h2{font-size:35px!important;line-height:1.15!important}
 .container-intro p,.universe-copy p{font-size:15px!important;line-height:1.8!important}
 .container-intro nav{gap:12px;flex-wrap:wrap}.container-intro nav a{font-size:13px;min-height:32px}
 .universe-scene{min-height:460px}.universe-board{inset:0;grid-template-rows:85px 170px 120px;gap:8px}
 .universe-tabs button{min-height:40px;font-size:11px}.universe-tabs{gap:6px}
 .universe-principles{padding:30px 0}.universe-principles h2{font-size:25px}
}
@media(max-width:359px){
 body>header,.site-header{padding:0 12px}.brand img{width:120px!important}
 .real-product,.company-main,.product-universe,.universe-main{padding-left:16px;padding-right:16px}
 .hero-copy{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:30px}
 .welcome-london-clock svg{display:none}.welcome-app-account{gap:4px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Keep the first composer inside a short, narrow desktop window. */
@media (min-width:601px) and (max-width:980px){
 .intelligence-page .native-intelligence:has(.native-intel-opening){height:clamp(260px,calc(100svh - 450px),350px)}
 .intelligence-asset-wall{height:520px}
 .intelligence-asset-lanes{gap:12px}
 .intelligence-asset-group{gap:12px;padding-bottom:12px}
}
@media (min-width:601px) and (max-width:980px){
 .intelligence-page .native-intel-opening{padding:0;gap:6px}
 .intelligence-page .native-intel-opening h3{font-size:26px;line-height:1.2}
 .intelligence-page .native-intel-opening p{font-size:12px;line-height:1.5;margin:0;max-width:none}
 .welcome-native-notice .welcome-due-tag{margin-left:auto;align-self:center}
 .welcome-native-notice>span:not(.welcome-due-tag){flex-basis:auto;margin-left:0}
}

@media(max-width:980px){body>header,.site-header{--chrome-h:72px}}
@media(max-width:600px){body>header,.site-header{--chrome-h:68px}}

/* Narrow-window type and layout stay cohesive without clipped logical lines. */
@media(min-width:601px) and (max-width:980px){
 .hero-copy{padding:0;left:28px;top:50%;transform:translateY(-50%);width:calc(100% - 56px)}
 .hero-copy p{max-width:620px}
 .model-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:6%}
}
@media(max-width:980px){
 .native-intelligence.native-intelligence-still{height:auto;min-height:0;padding:18px 0}
 .real-tool-stage .halo-native-scene{height:auto;min-height:0}
}
@media(max-width:740px){.model-section{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){
 .hero-copy{position:absolute;left:24px;right:auto;top:50%;padding:0;width:calc(100% - 48px);transform:translateY(-50%)}
 .hero-copy p{max-width:none;font-size:14px}
 .hero-copy p span{white-space:normal;text-wrap:pretty}
 .model-visual-slot{height:auto!important;aspect-ratio:16/10}
}
/* Phone and tablet revisions: prioritize useful controls over a scaled desktop canvas. */
@media(max-width:980px){
 .feature-story:has([data-source-writers-room]),.feature-story:has(.writing-agent-details){grid-template-columns:1fr;gap:28px}
 .universe-rich{padding-left:32px;padding-right:32px}
 .universe-chapter .composition-stage{min-height:500px}
 .company-hero>.marketing-cta-slot{grid-column:auto}
 .request-main{grid-template-columns:1fr;gap:36px;padding:30px 32px 70px}
 .request-scene{height:400px}.request-fields{max-width:650px;width:100%;margin:auto}
 .manifesto-essay{grid-template-columns:1fr;gap:26px;padding:45px 0}
 .manifesto-essay p{max-width:none}
 .social-calendar-native{max-height:650px}
 .enterprise-close.company-close{margin:60px auto;padding:40px 30px}
 .universe-context .section-head{grid-template-columns:1fr;gap:24px;align-items:start}
 .universe-context .section-head p{max-width:650px}
 .universe-chapter .source-doc-stage .source-paper{left:0;right:0}
 .product-universe .image-native-stage{min-height:0}
 .workspace-native-toolbar button,.product-preview-tabs button,.video-model-choices button{min-height:40px}
}
@media(max-width:600px){
 .marketing-metal>a.button{height:44px!important;min-height:44px!important}
 body>header>.marketing-cta-slot .marketing-metal>a.button{height:40px!important;min-height:40px!important;min-width:78px!important;padding-inline:10px!important}
 .footer-story [data-fit-lines]>span{white-space:normal}
 .footer-story p:first-child{font-size:30px;line-height:1.25;max-width:350px;text-wrap:balance}
 .footer-story p:nth-child(2)>span{display:inline}
 .footer-story p:nth-child(2)>span+span:before{content:' '}
 .footer-story p:nth-child(2){text-wrap:pretty;max-width:350px}
 .universe-rich{padding-left:20px;padding-right:20px;padding-bottom:30px}
 .universe-hero.catalog-banner{height:500px;margin-top:18px;margin-bottom:50px}
 .universe-hero.catalog-banner>div{left:24px;right:24px;width:auto}
 .universe-hero.catalog-banner h1{font-size:44px!important;max-width:100%}
 .universe-hero p{font-size:15px;line-height:1.7}
 .universe-context{padding-bottom:20px}.universe-context .intelligence-asset-wall{height:420px}
 .intelligence-asset-lanes{grid-template-columns:1fr 1fr;gap:10px}
 .intelligence-asset-lane:nth-child(n+3){display:none}
 .intelligence-asset-group{gap:10px;padding-bottom:10px}
 .universe-context>nav{justify-content:flex-start;gap:20px}
 .universe-chapter{padding:42px 0;gap:25px}.universe-chapter .composition-stage{min-height:0}
 .universe-chapter .source-doc-stage .source-paper{padding:20px;height:425px}
 .universe-chapter .source-document-composition,.universe-chapter .source-doc-stage{min-height:440px;height:440px}
 .universe-intelligence{padding:32px 22px;margin-top:30px;gap:22px}.universe-intelligence h2{font-size:30px}
 .universe-intelligence .native-intelligence-still{padding:0}
 .manifesto-essay{padding:32px 0;gap:20px}.manifesto-essay h2{font-size:33px}
 .manifesto-essay p{font-size:16px;line-height:1.85}
 .manifesto-belief{font-size:30px;line-height:1.4;margin:50px 0}
 .founder-names{grid-template-columns:1fr;gap:28px;align-items:start}.founder-names h3{font-size:26px}
 .founder-story{margin-top:25px!important}
 .enterprise-close.company-close{padding:30px 24px;min-height:260px;margin:45px auto}
 .enterprise-close h2{font-size:27px;white-space:normal;text-wrap:balance}
 .enterprise-close-actions{gap:18px;flex-wrap:wrap}.enterprise-close>img{object-position:70% center}
 .enterprise-tier-card>div{min-width:0}
 .request-main{padding:20px 20px 55px;gap:32px}.request-scene{height:330px}
 .request-scene>div{left:24px;right:24px;bottom:26px}.request-scene h1{font-size:39px}
 .request-fields>h2{font-size:30px}.request-fields input,.request-fields textarea{font-size:16px}
 .social-planner-native>header{gap:6px}.social-planner-native>header>strong{font-size:20px;flex-basis:calc(100% - 120px)}
 .social-planner-native>header nav{margin:8px 0 0;flex:1;justify-content:space-around}
 .social-planner-native>header button{min-height:40px;padding:7px 9px;font-size:12px}
 .social-calendar-native{padding:8px;max-height:600px}
 .social-calendar-native .grid-cols-7>div.min-h-\[112px\]{min-height:72px;padding:4px}
 .social-calendar-native .font-mono{font-size:10px}
 .social-calendar-native .group\/tile{height:33px;min-height:33px}
 .social-calendar-native .group\/tile .absolute{font-size:8px}
 .social-calendar-native .grid-cols-7>.text-center{font-size:10px}
 .social-calendar-native section{padding:8px}.social-calendar-native section h2{font-size:12px!important}
 .social-calendar-native section .h-8{height:28px}
 .social-post-native{padding:20px;margin-top:18px}.social-post-columns{grid-template-columns:1fr;gap:22px}
 .social-post-picture img,.social-post-picture>span{aspect-ratio:16/10;max-height:260px}
 .social-post-fields label{font-size:13px}.social-post-fields textarea,.social-post-fields input[type=datetime-local]{font-size:16px}
 .social-post-native button,.social-content-day button{min-height:44px}
 .social-days-native{grid-template-columns:1fr;gap:20px}.social-days-native>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .social-days-native>div:first-child>button{padding:12px 10px;gap:8px;font-size:11px}.social-content-day{padding:22px}
 .video-model-choices{gap:7px}.video-model-choices button{font-size:12px;min-height:44px}
 .video-model-choices small{display:none}.video-native-frame>div{padding:14px;font-size:10px}
 .video-native-composer{padding:18px}.video-prompt-text{font-size:14px}.video-composer-bottom{gap:8px}
 .video-parameter-row{width:100%;gap:6px}.video-generate{height:44px}
 .model-provider-strip{gap:12px 18px;flex-wrap:wrap}.model-provider-strip>span{font-size:11px}
 .flowkit-catalogue-stage .grid{gap:10px!important}.flowkit-catalogue-stage a{min-height:130px!important}
 .kit-native-preview{gap:12px}.kit-native-preview [data-kit-setup]{width:100%!important;flex-basis:100%}
 .kit-native-preview [data-kit-stage]{flex-basis:100%;padding:20px!important;min-height:220px}
 .kit-selected{width:100%;padding-bottom:10px}.kit-selected>div{flex-direction:row;flex-wrap:wrap}
 .kit-selected-row{flex:1;min-width:125px;padding:10px}
 .kit-native-preview [data-scroll-edge-list]{overflow:visible!important;display:flex!important}
 .kit-source-media{height:140px}.kit-layer-results{grid-template-columns:1fr}
 .kit-format-results{gap:10px}.kit-format-results figure{min-width:85px}
 .cut-extension-notes{grid-template-columns:1fr;gap:16px}
 .writing-agent-details{width:100%;padding:22px}.writing-agent-details .writing-agent-pointer{left:55%}
 .shooting-presentation{padding:20px}.shooting-presentation>div{grid-template-columns:1fr;gap:22px}
 .shooting-presentation article{display:grid;grid-template-columns:120px 1fr;gap:0 14px;align-items:start}
 .shooting-presentation article img{grid-column:1;grid-row:1/4;margin:0}.shooting-presentation article strong,.shooting-presentation article p,.shooting-presentation article span{grid-column:2}
 .workspace-native-wall{grid-template-columns:1fr!important}.workspace-native-toolbar .max-w-sm{max-width:none!important;width:100%;order:2}
 .workspace-trailing{margin-left:auto;order:1}.workspace-native-toolbar .workspace-see-all{order:3}
 .workspace-native-toolbar .size-slider{display:none}.workspace-toggle{font-size:18px}
 .welcome-section .welcome-app-banner{height:240px}.welcome-app-banner h2{font-size:25px!important;max-width:270px}
 .welcome-app-banner>div{padding:20px!important}.welcome-app-banner p{font-size:12px}
 .welcome-last-worked{top:13px;right:13px;padding:6px 9px;font-size:9px}
 .welcome-app-banner>div{padding-top:58px!important}
 .source-project-wall{grid-template-columns:1fr!important}
 .source-project-wall .project-card{min-height:310px}
 .universe-scene{height:450px;min-height:450px}
 .universe-board{inset:0!important}
 .universe-fashion{height:43%!important}.universe-world{height:36%!important}.universe-film{top:78%!important;height:21%!important}
 .product-preview-tabs{gap:8px!important}.product-preview-tabs button{font-size:12px;min-height:44px}
 .product-universe .social-calendar-native{max-height:520px}
}
@media(max-width:980px){
 .company-hero,.company-story,.founder-story,.manifesto-context{grid-template-columns:minmax(0,1fr)}
 .company-hero>*{min-width:0}
}
@media(max-width:600px){
 .kit-selected{display:none}
 .kit-native-preview [data-kit-stage] .scroll-edge-list{padding:0}
 .kit-format-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .kit-format-results figure{width:auto;min-width:0}
 .kit-format-results figcaption{font-size:9px;gap:3px;flex-wrap:wrap}
 .kit-native-preview [data-kit-setup] .scroll-edge-list{padding:20px;gap:16px}
 .kit-native-preview [data-kit-setup] [data-kit-section]{gap:8px}
 .source-project-wall>button:nth-child(n+4){display:none}
 .shooting-current-ui .shooting-native-grid>div:nth-child(3),.shooting-current-ui .shooting-native-grid>div:nth-child(4),.shooting-current-ui .shooting-native-grid>div:nth-child(5){display:none}
 .company-hero h1,.request-fields h2{width:100%}
}
.universe-chapter .universe-copy nav{flex-direction:row}
@media(max-width:600px){
 .manifesto-plate{height:370px!important}
 .manifesto-plate h2{left:22px!important;right:22px!important;max-width:calc(100% - 44px);font-size:32px!important;bottom:26px!important}
 .hero-copy>p{width:100%;max-width:100%!important}
 .hero-copy>p>span{display:inline!important;white-space:normal!important}
 .hero-copy>p>span+span:before{content:' '}
 .catalog-banner:not(.universe-hero){height:500px}
 .catalog-banner:not(.universe-hero)>div{left:24px;right:24px;width:auto}
 .product-container-scene .composition-stage{min-height:0}
 .product-container-scene .source-document-composition,.product-container-scene .source-doc-stage{min-height:440px;height:440px}
 .product-container-scene .source-paper{height:430px}
 .product-container-scene.dark-container{grid-template-columns:1fr!important;gap:24px;padding:30px 22px}
 .product-container-scene.dark-container>.container-intro,.product-container-scene.dark-container>.scene-mount{grid-column:auto!important;grid-row:auto!important}
}
@media(max-width:600px){
 .source-project-wall>*:nth-child(n+4){display:none}
 .shooting-current-ui .shooting-native-grid>article:nth-child(3),.shooting-current-ui .shooting-native-grid>article:nth-child(4),.shooting-current-ui .shooting-native-grid>article:nth-child(5){display:none}
}
.kit-mobile-source{display:flex;align-items:center;gap:16px;width:100%;padding:16px}
.kit-mobile-source>img{width:90px;height:90px;object-fit:cover;border-radius:9px;flex-shrink:0}
.kit-mobile-source>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.kit-mobile-source strong{font-size:13px}.kit-mobile-source span{font-size:11px;line-height:1.6;color:#777062}
.kit-settings-toggle{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:11px}
@media(max-width:600px){.kit-native-preview [data-kit-stage]{min-height:0}}
@media(min-width:601px) and (max-width:980px){
 .kit-native-preview{flex-wrap:nowrap;height:580px;min-height:0;max-height:580px}
 .kit-native-preview [data-kit-setup]{width:280px!important;max-width:40%;flex-basis:280px}
 .kit-native-preview [data-kit-stage]{flex-basis:auto;flex:1;min-width:0}
 .kit-selected{display:none}
 .kit-native-preview [data-kit-stage] .scroll-edge-list{padding:20px}
 .kit-format-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .kit-format-results figure{min-width:0;width:auto}
 .kit-format-results figcaption{font-size:9px;gap:4px;flex-wrap:wrap}
}
@media(max-width:980px){
 .universe-chapter,.universe-chapter.reverse,.universe-intelligence,.manifesto-essay,.intelligence:has(.real-intel-composition){grid-template-columns:minmax(0,1fr)!important}
 .universe-chapter>*,.universe-intelligence>*,.manifesto-essay>*,.intelligence>div{min-width:0}
}
@media(max-width:600px){
 .image-native-preset [class*='text-disabled']{display:none}
 .source-actions{flex-wrap:wrap}
 .source-actions button,.source-actions a{font-size:9px}
}
@media(max-width:740px){.model-section{grid-template-columns:minmax(0,1fr)}.model-section>*{min-width:0}}

/* Keep Intelligence's photo, copy and primary action together at each width. */
@media(max-width:1000px){
 .intelligence-page .intelligence-hero{height:550px;margin-bottom:48px}
 .intelligence-page .intelligence-hero-copy{left:38px;right:38px;top:56px}
 .intelligence-page .intelligence-hero h1{font-size:clamp(52px,7.3vw,72px)!important}
 .intelligence-page .intelligence-hero p{max-width:520px}
}
@media(max-width:600px){
 .intelligence-page .intelligence-hero{height:570px;margin-top:12px;margin-bottom:36px}
 .intelligence-page .intelligence-hero>img{object-position:58% 50%}
 .intelligence-page .intelligence-hero:after{background:linear-gradient(90deg,rgba(12,12,12,.66),rgba(12,12,12,.34))}
 .intelligence-page .intelligence-hero-copy{left:24px;right:24px;top:46px}
 .intelligence-page .intelligence-hero .product-identity{font-size:17px;margin-bottom:28px}
 .intelligence-page .intelligence-hero .product-identity img{width:30px;height:24px}
 .intelligence-page .intelligence-hero h1{font-size:clamp(32px,10.8vw,48px)!important;line-height:1.1!important;margin-bottom:24px}
 .intelligence-page .intelligence-hero p{font-size:15px;line-height:1.75;max-width:100%;margin-bottom:26px}
 .intelligence-page .intelligence-hero .real-actions{gap:0}
}
@media(max-width:360px){
 .intelligence-page .intelligence-hero-copy{left:20px;right:20px;top:38px}
 .intelligence-page .intelligence-hero{height:575px}
 .intelligence-page .intelligence-hero p{font-size:14px}
}

/* 5 October: current web compositions on phone and iPad. */
@media(max-width:980px){
 .flowkit-explanation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;padding-inline:0}
 .flowkit-catalogue-stage .grid>*{min-width:0!important;width:auto!important}
 .kit-native-preview [data-kit-setup]{max-width:40%}
 .source-actions .source-primary{font-size:12px!important}
 .asset-native-body>aside{min-width:0;max-width:100%}
 .dark-container,.intelligence,.native-intelligence{overflow:hidden}
}
@media(max-width:600px){
 .flowkit-explanation{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 0 38px}
 .flowkit-explanation h2{font-size:34px}.flowkit-explanation p{font-size:15px}
 .flowkit-explanation ol{grid-template-columns:1fr;gap:15px}
 .flowkit-catalogue-stage .grid{gap:12px!important}
 .flowkit-catalogue-stage .text-fluid-cover{font-size:18px!important;letter-spacing:-.015em!important}
 .flowkit-catalogue-stage .group{min-height:122px!important;aspect-ratio:1.4!important;max-width:100%}
 .kit-native-preview{height:auto;min-height:0;max-height:none;flex-direction:column;flex-wrap:nowrap;gap:14px}
 .kit-native-preview [data-kit-setup]{width:100%!important;max-width:100%;flex-basis:auto}
 .kit-native-preview [data-kit-stage]{width:100%;flex:0 0 auto;min-height:250px;max-height:460px}
 .kit-native-preview [data-kit-setup] [data-scroll-edge-list]{max-height:280px;overflow:auto!important;display:flex!important}
 .kit-native-preview [data-kit-stage] .scroll-edge-list{max-height:400px;overflow:auto!important}
 .asset-native-body>aside{width:100%;overflow-x:auto}
 .image-native-controls,.video-native-controls{flex-wrap:wrap!important;gap:8px!important}
 .image-native-controls>button{font-size:12px;height:40px;max-width:100%}
 .image-native-controls .image-generate-ring{margin-left:0!important}
 .image-native-references>span:has([role=switch]){width:auto;height:36px}
 .source-actions{gap:6px!important;padding:6px 0 12px!important}
 .source-actions .source-primary{height:32px!important;min-height:32px!important;font-size:11px!important;padding-inline:11px!important}
 .source-actions button:not(.source-primary){height:32px!important;min-width:30px!important}
 .social-planner-native>header nav{flex:0 0 100%;width:100%;max-width:100%;overflow-x:auto;justify-content:flex-start;gap:4px}
 .social-planner-native>header nav>*{flex-shrink:0}
 .social-days-native{grid-template-columns:1fr;gap:18px}
 .social-days-native .social-content-day{grid-template-columns:1fr 1fr;gap:16px;padding:16px;min-height:0}
 .social-day-art{height:240px}.social-day-copy p{font-size:12px;line-height:1.65}
 .social-day-copy>button{font-size:11px;padding:9px 10px}
 .social-post-columns{grid-template-columns:1fr}
 .social-calendar-native{padding:10px!important}
 .end h2 [data-fit-line],.end h2>span{white-space:normal!important}
 .end h2{max-width:100%;font-size:40px!important}
 .halo-native-scene .compare-divider span{width:44px;height:44px}
 .halo-native-scene .look-bypass{width:40px;height:40px}
 .halo-native-scene .look-bypass svg{width:20px;height:20px}
}
@media(max-width:600px){
 .kit-game-head{max-width:100%;overflow:auto;gap:14px}
 .kit-game-head>*{flex-shrink:0}
 .kit-game-rail{height:440px;max-width:100%;overflow-x:auto;scroll-snap-type:x proximity}
 .kit-game-rail [data-g4e-step]{flex:0 0 280px;max-width:280px;max-height:440px;scroll-snap-align:start}
 .kit-game-render{height:270px}
}
.halo-control-tabs{display:none}
@media(max-width:980px){
 .halo-native-scene,.real-tool-stage .halo-native-scene{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:44px auto;gap:12px 18px}
 .halo-native-frame,.real-tool-stage .halo-native-frame{grid-column:1;grid-row:1/span 2;height:330px;aspect-ratio:auto}
 .halo-control-tabs{display:flex;grid-column:2;grid-row:1;gap:6px}
 .halo-control-tabs button{flex:1;height:44px;border-radius:8px;font-size:13px;background:#24241f09;color:#77736a}
 .halo-control-tabs button[aria-pressed=true]{background:#24241f;color:#f5f3ed}
 .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane{grid-column:2;grid-row:2;padding:18px;height:274px;min-width:0}
 .halo-native-scene[data-halo-tab=lens] .film-pane,.halo-native-scene[data-halo-tab=colour] .lens-pane{display:none}
 .halo-native-scene .scene-slider{margin-bottom:12px}
 .halo-native-scene .scene-slider>span{font-size:11px}
 .halo-native-scene .look-native-preset{margin-bottom:17px}
 .halo-native-scene .halo-panel-title{margin-bottom:12px}
}
@media(max-width:600px){
 .halo-native-scene,.real-tool-stage .halo-native-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:224px 44px auto;gap:12px}
 .halo-native-frame,.real-tool-stage .halo-native-frame{grid-column:1;grid-row:1;height:224px;aspect-ratio:auto!important}
 .halo-control-tabs{grid-column:1;grid-row:2}
 .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane{grid-column:1;grid-row:3;height:245px;padding:18px}
 .halo-native-scene .lens-pane{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
 .halo-native-scene .lens-pane>.halo-panel-title,.halo-native-scene .lens-pane>.look-native-preset{grid-column:1/-1}
 .halo-native-scene .look-native-preset{margin:0}.halo-native-scene .scene-slider{margin:0}
 .halo-native-scene .lens-pane>.halo-panel-title{margin:0}
 .halo-native-scene .film-pane .scene-slider{margin-top:15px}
}
@media(min-width:601px) and (max-width:980px){
 .vast-footer .footer-top{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:36px}
 .vast-footer .footer-story p:first-child{font-size:23px;line-height:1.45}
 .vast-footer .footer-story p{font-size:14px;line-height:1.75}
 .vast-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px!important}
 .vast-footer .footer-container a{font-size:12px;min-height:26px}
 .vast-footer .footer-container h3{font-size:12px}
}
@media(max-width:600px){
 .vast-footer .footer-top{display:grid!important;grid-template-columns:minmax(0,1fr);gap:32px!important}
 .vast-footer .footer-links{padding:0}
 .gallery-native-open{left:12px;right:12px;top:auto;bottom:16px;width:auto;max-width:none;max-height:calc(100svh - 100px);overflow:auto;transform:none}
 /* Autoplay demo (is-animated): the panel sits where the rule above puts it (12px sides, 16px
    from the bottom) inside the demo frame. The component writes left/top inline for the desktop
    anchor, which on a phone threw the panel over the page's hero; the sheet needs !important. */
 .gallery-native-preview.is-animated .gallery-native-open{position:absolute;inset:auto 12px 16px!important;max-height:calc(100% - 28px)}
 .gallery-native-preview.is-animated .gallery-native-open .review-native-rating button{width:auto;height:auto}
 .director-feature-modes{top:12px;right:12px;gap:4px}
 .director-feature-modes button{font-size:11px;padding-inline:10px}
}
@media(max-width:374px){
 .gallery-native-preview.is-animated .gallery-native-open .review-native-facts{grid-template-columns:1fr}
}

/* Brief / Strategy hero on phones (2026-10-12): the Yond panel overlaps the paper's fading foot
   (panel from 375px over a 405px paper, the rules above). The paper's last line still showed
   through the glass panel and ran into its "Yond" title. The paper keeps its own fade down to
   the panel's edge (85% opaque → 49% at 375px, exactly as before) and nothing of it shows under
   the panel; every position is unchanged. */
@media (max-width:600px){
  .real-product .real-screen .source-doc-stage .source-paper{-webkit-mask-image:linear-gradient(#000 85%,rgba(0,0,0,.494) 375px,transparent 375px);mask-image:linear-gradient(#000 85%,rgba(0,0,0,.494) 375px,transparent 375px)}
}

/* Gallery demo, 601–1000px (2026-10-12). The autoplay panel's free height was
   written for 1001px and up only, so here the static layout's bottom:-24px
   still pinned it: squeezed 12px shorter than its content (the inner card
   showed below the outer edge) and hanging 24px under the demo. Its own
   height, resting 12px inside the frame like the phone sheet; the inline top
   the component writes for the desktop anchor gives way. */
@media (min-width:601px) and (max-width:1000px){
 .gallery-native-preview.is-animated .gallery-native-open{top:auto!important;bottom:12px;right:auto}
}

/* Writers' Room demo (2026-10-12). The title is an input and cannot wrap: wherever the paper is
   narrower than it (601–833px beside the 240px Yond column; phones under 375px) it shrinks to
   fit, and keeps its size wherever it fits. 14.95 = the title's width per pixel of type (14.85
   measured, WebKit and Chrome alike). A document column under 300px (601–640px, phones under
   340px) tightens the steps bar's sides and gaps so "Ship" keeps its line instead of dropping
   under the toolbar. The layout is untouched. */
.writing-native-preview .writing-native-paper>div,.writing-native-preview .writing-native-document{container-type:inline-size}
.source-ui .writing-native-preview .writing-native-paper input{font-size:min(28px,calc(100cqi / 14.95))}
@media (max-width:600px){.source-ui .writing-native-preview .writing-native-paper input{font-size:min(20px,calc(100cqi / 14.95))!important}}
@container (max-width:299px){.writing-native-preview .writing-room-steps{padding:0 12px}.writing-native-preview .writing-room-steps nav{gap:6px}}