/* V3 device layouts. Shared content and animation state survive viewport changes. */
/* Let the gradient paint the complete glyph overhang, including the final S. */
.intelligent-cs-wordmark{line-height:1.4;padding:.08em .09em .18em;margin:-.08em -.09em -.18em}
p .intelligent-cs-wordmark{line-height:1.3;padding:.08em .08em .2em;margin:-.08em -.08em -.2em;letter-spacing:-.045em}
/* Director menus live above the control strip; labels and values have distinct weight. */
.director-feature-composition .director-native-panel{padding:12px 16px;border:0;background:#e9e7dfeb!important;box-shadow:0 10px 30px #1d1d150d!important}
.director-feature-composition .director-source-bar>div{gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#a8a79b transparent;padding-bottom:4px}
.director-feature-composition .director-source-bar>div::-webkit-scrollbar{display:block;height:3px}
.director-feature-composition .director-source-bar>div::-webkit-scrollbar-thumb{background:#a8a79b;border-radius:3px}
.director-feature-composition .director-source-bar>div>.px-3{height:44px;gap:8px;padding:0 18px}
.director-feature-composition .director-source-bar>div>.px-3:first-child{padding-left:0}
.director-source-bar .director-param-label{font-size:13px!important;font-weight:700!important}
.director-source-bar .director-param-value{min-height:44px;font-size:13px!important;font-weight:400!important}
.director-feature-composition .director-source-bar svg{width:14px;height:14px}
.source-ui.director-menu{z-index:1000;border:0!important;outline:0;box-shadow:0 12px 32px #23241e1c!important;background:#eeece5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:6px;border-radius:10px;min-width:190px;max-height:min(360px,calc(100svh - 100px))}
.source-ui.director-menu button{font-size:13px;font-weight:400!important;min-height:44px;padding:10px 14px;border:0;box-shadow:none}
.source-ui.director-menu button[aria-checked=true]{background:#deded4;border-radius:5px}
.home-v2 [data-world-scene]{--gather-scroll-screens:1.8}
@media(prefers-reduced-motion:no-preference){
 .home-v2 [data-world-scene]:not(.world-gather-static){min-height:calc(max(590px,100svh - 84px) + 180vh);margin-bottom:96px}
 .home-v2 [data-world-scene]:not(.world-gather-static) .world-atlas{height:calc(100svh - 84px);min-height:590px;aspect-ratio:auto}
}
@media(max-width:1000px){
 body>header,.site-header{height:72px;min-height:72px;padding:0 24px;gap:14px}
 body>header>nav:not(.mobile-nav){display:none!important}
 body>header .menu{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;background:none;border:1px solid #9791855c;border-radius:8px;min-width:44px;height:44px;padding:0 12px;font-size:12px;color:inherit}
 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:#24241f}
 body>header>.marketing-cta-slot{width:120px;min-width:120px;height:44px}
 body>header>.marketing-cta-slot .marketing-metal{width:120px;min-width:120px;height:44px;padding:0}
 body>header>.marketing-cta-slot .marketing-metal>a.button,body>header>.button{height:44px!important;min-height:44px!important;padding-block:12px!important}
 .universe-filters button{min-height:44px}

 .feature-story,.feature-story.reverse{grid-template-columns:minmax(0,1fr)}
 .feature-copy,.feature-visual,.pricing-enterprise>div:first-child{min-width:0;max-width:100%}
 .pricing-enterprise>div:first-child{flex:1 1 220px}
 .home-v2 [data-world-scene]{--gather-scroll-screens:1.4;margin-top:12px}
 .home-v2 [data-world-scene]:not(.world-gather-static){min-height:calc(max(620px,100svh - 72px) + 140svh);margin-bottom:64px}
 .home-v2 [data-world-scene]:not(.world-gather-static) .world-atlas{width:100%;margin-left:0;height:calc(100svh - 72px);min-height:620px;aspect-ratio:auto}
 .home-v2 .world-gather-title h2{font-size:clamp(30px,5vw,42px);line-height:1.18}
 .home-v2 .world-gather-enabled .world-gather-description{font-size:16px;line-height:1.65;width:92%}
 .home-v2 .world-gather-description br{display:none}
 .home-v2 .world-gather-description [data-fit-line]{display:inline;white-space:normal}
 .home-v2 .world-gather-description [data-fit-line]+[data-fit-line]::before{content:" "}
 .home-v2 .world-gather-static .world-atlas{height:660px;min-height:0}
 .home-v2 .world-gather-static .world-gather-image{width:96%}
 .home-v2 .world-gather-static .world-gather-title{margin-top:40px}
 .home-v2 .welcome-section,.home-v2 .home-range{padding:32px 0 48px}
 .home-v2 .welcome-heading,.home-v2 .home-range>.section-head,.home-range-body{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-v2 .section-head h2{min-width:0}
 .home-range-intro{justify-self:start}
 .home-range-intro p{font-size:16px;max-width:620px}
 .home-range-tabs{flex-direction:row;gap:20px;overflow-x:auto;margin:0;padding:2px 2px 12px;scrollbar-width:thin}
 .home-range-tabs>button,.home-range-tabs>[data-home-area=production]{flex:0 0 auto;min-height:52px;gap:9px;padding:8px 0}
 .home-range-tabs strong{font-size:17px}
 .home-range-tabs small{display:none}
 .home-range-tabs>button>img,.home-range-tabs>button:is([data-home-area=lookcraft],[data-home-area=cutcraft])[aria-selected=true]::before{width:24px;height:24px}
 .home-range-preview{height:auto;min-height:560px}
 .home-range-preview>.scene-mount,.home-range-preview .source-document-composition{height:auto}
 .home-range-preview .workspace-overview-preview{height:auto;min-height:560px;padding:0}
 .home-range-preview .space-native-nodes{gap:24px;min-height:0}
 .home-range-preview .space-native-node{grid-column:auto!important;grid-row:auto!important}
 .home-range-preview .space-native-ground{padding:14px 0 40px}
 .home-range-preview .halo-native-scene{height:auto}
 .home-range-preview .halo-native-scene .floating-pane{margin:0!important}
 .home-v2 .welcome-browser{border:1px solid #27241314;border-radius:18px;box-shadow:0 20px 50px #2724130c}
 .home-v2 .welcome-browser-bar{display:grid}
 .home-v2 .welcome-window{padding:18px!important}
 .home-v2 .welcome-rail{display:none}
 .home-v2 .welcome-body{container-type:inline-size}
 .home-v2 [data-source-workspace-library]{min-height:calc((100cqw - 32px)/3 * .625 + 82px);display:flow-root}
 .home-v2 [data-source-projects]{min-height:calc((100cqw - 16px)/2 * 3.5625 + 32px)}
 .home-v2 .universe-intelligence{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-v2 .universe-intelligence>.scene-mount{min-height:640px}
 .product-universe .container-jumps{margin:28px 0 32px;gap:24px}
 .product-universe .container-jumps-row{width:100%;justify-content:flex-start;gap:8px 24px}
 .product-universe .container-jumps-row a{min-height:44px}
 .product-container-scene,.product-container-scene:nth-of-type(even){grid-template-columns:minmax(0,1fr)!important;padding:36px 0 48px;gap:28px}
 .product-container-scene .container-intro,.product-container-scene>.scene-mount{min-width:0;grid-column:1!important;grid-row:auto!important}
 .product-universe .container-intro p{max-width:620px;font-size:16px}
 .product-universe .container-intro .product-preview-tabs{justify-content:flex-start;gap:8px 24px;max-width:none}
 .product-universe .container-intro .product-preview-tabs button{padding:8px 0;min-height:44px}
 .dark-container{padding:28px 20px!important;margin:24px 0 0}
 .yond-browser-bar,.home-v2 .welcome-browser-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
 .intelligence-page .native-intelligence,.intelligence-page .native-intelligence.is-sent{height:680px!important;min-height:680px;max-height:680px;padding:18px}
 .intelligence-page .native-intel-columns.has-canvas{grid-template-columns:1fr}
 .intelligence-page .native-intel-columns.has-canvas .native-intel-dialogue{display:none}
 .intelligence-page .native-intel-columns.has-canvas .native-intel-output{display:flex}
 .yond-opening-description{max-width:760px}
 .yond-opening-description>span{display:inline}
 .yond-opening-description>span::after{content:' '}
 .yond-data-space{height:400px}
}
@media(max-width:600px){
 body>header,.site-header{padding:0 16px;gap:10px;height:68px;min-height:68px}
 body>header .brand img{width:126px;height:30px}
 body>header .menu{width:44px;height:44px;padding:0;font-size:11px;border-radius:8px}
 body>header>.marketing-cta-slot{width:88px;min-width:88px;height:44px}
 body>header>.marketing-cta-slot .marketing-metal{width:88px!important;min-width:88px!important;height:44px!important;min-height:44px!important;padding:0!important}
 body>header>.marketing-cta-slot .marketing-metal>a.button,body>header>.marketing-cta-slot .button{width:88px!important;min-width:88px!important;max-width:88px;height:44px!important;min-height:44px!important;padding:12px 10px!important;font-size:11px!important}
 body>header>.button{width:88px;min-width:88px;max-width:88px;height:44px!important;min-height:44px!important;padding:12px 10px!important;font-size:11px}
 main .button,.marketing-metal>a.button{height:44px!important;min-height:44px!important;padding-block:12px!important}
 .real-product,.product-universe,.universe-main{padding-left:20px;padding-right:20px}
 .home-v2 [data-world-scene]:not(.world-gather-static){min-height:calc(100svh - 68px + 140svh);margin-bottom:44px}
 .home-v2 [data-world-scene]:not(.world-gather-static) .world-atlas{height:calc(100svh - 68px);min-height:0}
 .home-v2 .world-atlas-copy{width:100%}
 .home-v2 .world-atlas-copy h1{font-size:clamp(40px,11.5vw,56px)}
 .home-v2 .world-gather-title h2{font-size:clamp(26px,7vw,32px)}
 .home-v2 .world-gather-title{width:96%!important}
 .home-v2 .world-gather-enabled .world-gather-description{font-size:16px;width:96%;line-height:1.65}
 .home-v2 .world-gather-image{border-radius:10px!important}
 .home-v2 .world-gather-static .world-atlas{height:560px}
 .home-v2 .section-head h2,.home-v2 .welcome-heading h2{font-size:36px!important;line-height:1.16}
 .home-v2 .section-head p,.home-v2 .welcome-heading p{font-size:16px!important;line-height:1.7!important}
 .home-v2 .welcome-browser-bar,.yond-browser-bar{height:40px;padding:0 12px;gap:12px}
 .home-v2 .welcome-browser-navigation,.yond-browser-navigation{display:none}
 .home-v2 .welcome-browser-dots,.yond-browser-dots{gap:4px}
 .home-v2 .welcome-browser-dots i,.yond-browser-dots i{width:5px;height:5px}
 .home-v2 .welcome-browser-address,.yond-browser-address{font-size:10px;height:25px}
 .home-v2 .welcome-browser-end{display:none}
 .home-v2 .welcome-browser-bar{grid-template-columns:auto minmax(0,1fr)}
 .home-v2 .welcome-window{padding:12px!important;min-height:0}
 .welcome-app-head{padding:8px 0 16px;font-size:11px;gap:12px}
 .welcome-app-account>span:first-child{display:none}
 .home-v2 .welcome-app-banner{height:230px;border-radius:12px}
 .welcome-app-banner>div{left:18px;right:18px;bottom:18px}
 .home-v2 .welcome-app-banner h2{font-size:28px;font-weight:450}
 .welcome-last-worked{top:14px;right:14px;font-size:10px}
 .welcome-native-notice>span:not(.welcome-due-tag){display:none}
 .welcome-native-notice{font-size:10px;gap:7px}
 .welcome-native-notice>div{gap:6px}
 .workspace-native-wall{grid-template-columns:1fr!important;gap:10px}
 .welcome-window .workspace-native-wall>div{aspect-ratio:auto!important;height:144px}
 .home-v2 [data-source-workspace-library]{min-height:532px}
 .home-v2 [data-source-projects]{min-height:calc(100cqw * 7.125 + 80px)}
 .source-project-wall h3{font-size:26px!important;font-weight:450!important;line-height:1.15!important}
 .source-project-wall .project-brand-name{font-size:11px}
 .workspace-overview-heading>img{width:90px}
 .home-range-preview .workspace-overview-heading{padding:18px;min-height:116px}
 .workspace-overview-heading h3{font-size:24px}
 .workspace-overview-summary{grid-template-columns:1fr;gap:8px}
 .workspace-overview-summary>section{min-height:68px;padding:12px 16px}
 .workspace-overview-summary>section>span{margin-bottom:8px;font-size:12px}
 .workspace-overview-summary p{font-size:12px}
 .workspace-overview-assets>div{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;gap:8px}
 .workspace-overview-assets>div>div{height:110px}
 .workspace-overview-projects>div{grid-template-columns:1fr;gap:10px}
 .workspace-overview-projects>div>div{height:210px}
 .home-range-preview{min-height:560px}
 .home-range-preview .space-native-nodes{grid-template-columns:1fr!important}
 .home-range-preview .space-native-node .space-node-body p,.home-range-preview .space-native-node .space-node-prompt{font-size:12.5px;line-height:1.7}
 .home-range-preview .space-native-node .space-node-header input{font-size:13px}
 .home-range-preview .writing-native-preview{height:auto}
 .home-range-preview .halo-native-scene{grid-template-columns:1fr}
 .home-range-preview .source-paper{padding:20px!important}
 .home-range-preview .source-document-composition{height:480px;min-height:480px}
 .product-universe .container-jumps .container-jumps-lead{flex-direction:column;gap:12px;font-size:17px;width:100%}
 .product-universe .container-jumps-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
 .product-universe .container-jumps-row a{font-size:14px;gap:8px;white-space:nowrap}
 .product-universe .container-jumps-row a>img{width:24px;height:24px}
 .product-universe .container-intro h2{font-size:36px}
 .product-universe .container-intro .product-preview-tabs{gap:4px 24px}
 .universe-filter-shell{height:600px;gap:16px}
 .universe-filters{min-height:44px;gap:4px}
 .universe-filters button{min-height:44px;padding:10px 17px;font-size:13px}
 .universe-filter-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:90px repeat(3,minmax(0,1fr));gap:12px}
 .universe-filter-board .universe-layout-card{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;grid-column:span 3;min-width:0}
 .universe-filter-board .universe-layout-card[data-kind=brand]{grid-column:span 2}
 .universe-filter-board .universe-layout-card[data-visible=false]{display:none}
 .universe-filter-board[data-view=brand]{grid-template-rows:repeat(3,132px);align-content:center}
 .universe-filter-board[data-view=brand] .universe-layout-card{grid-column:1/-1}
 .universe-filter-board[data-view=projects]{grid-template-rows:repeat(3,minmax(0,1fr))}
 .universe-filter-board .universe-logo img{padding:10px!important}
 .universe-filter-board[data-view=brand] .universe-logo img{padding:20px 24%!important}
 .intelligence-page .yond-opening{margin:22px 0 40px}
 .yond-opening h1{font-size:clamp(32px,9vw,42px);line-height:1.12}
 .yond-opening-head{margin-bottom:20px}
 .yond-data-space{height:350px}
 .yond-space-emblem [data-source-yonder-emblem],.yond-space-emblem .yv-yonder-mark{width:99px;height:32.4px}
 .yond-space-greeting{font-size:16px;margin-top:18px}
 .yond-space-emblem::before{width:270px;height:180px}
 .yond-opening-description{font-size:16px;line-height:1.7;margin-top:24px}
 .yond-browser-preview{border-radius:14px}
 .intelligence-page .native-intelligence,.intelligence-page .native-intelligence.is-sent{height:760px!important;min-height:760px;max-height:760px;padding:14px;gap:16px}
 .native-intel-columns,.native-intel-columns.has-canvas{grid-template-columns:1fr!important;gap:14px}
 .native-intel-columns:not(.has-canvas):has(.native-intel-deliverables:not(:empty)){grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr)}
 .native-intel-output:not(:has(.native-intel-deliverables:empty)),.native-intel-columns.has-canvas .native-intel-output{display:flex!important;flex-direction:column;overflow:auto}
 .native-intel-columns.has-finished-canvas .native-intel-output{display:none!important}
 .native-intel-columns.has-canvas .native-intel-dialogue{display:none}
 .native-intel-opening{padding:20px 6px!important}
 .native-intel-opening h3{font-size:28px}
 .native-intel-dialogue .text-base{font-size:14px;line-height:1.7}
 .native-intel-composer .yv-composer>div{padding:12px!important;border-radius:16px!important}
 .native-intel-composer textarea{font-size:12px!important;line-height:20px!important}
 .native-intel-composer .yv-composer-row .ml-auto>button:first-child{display:flex;font-size:10px;padding:0 5px}
 .native-intel-composer .yv-composer-row .ml-auto>button[aria-label=Settings]{display:none}
 .native-intel-mail-complete h3{font-size:28px}
 .intelligence-page .native-intelligence.native-intelligence-still{height:auto!important;min-height:0!important;max-height:none!important}
 .public-share-approval{width:calc(100% - 16px)!important;max-width:350px}
 .native-plans-grid{gap:16px!important}
 .brand-project-jump .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .footer-container a{min-height:44px}
}
/* Public on phones (2026-10-12): the approval comment, full width as above, covered the share
   bar (the Share button and "3 assets selected"). It keeps its size, its 8px inset and its glass,
   and still lies over the New Share card's edge, by 16px, which is the card's own bottom margin:
   nothing under it is covered. From 601px the card stops short of the share bar by itself. */
@media(max-width:600px){
 .public-native-share-composition{padding-bottom:0}
 .public-share-approval{position:relative;left:auto;bottom:auto;margin:-16px 0 0 8px}
}
/* …and where the products page's two columns make the share card narrow
   (1001–1075px), the floating comment stops short of the Share button instead
   of covering it; wider, it keeps its 350px (2026-10-12). */
@media(min-width:741px){.public-share-approval{width:min(350px,calc(100% - 120px))}}
@media(prefers-reduced-motion:reduce){
 .home-v2 [data-world-scene]{min-height:0;margin-bottom:64px}
 .home-v2 .world-gather-static .world-atlas{min-height:0}
}

/* A compact embedded composer can keep its controls without crowding the project name. */
.native-intel-composer{container-type:inline-size}
@container(max-width:290px){.native-intel-composer .yv-composer-row .ml-auto>button:first-child{display:none}}

/* Header actions reserve identical space before and after the native metal mount. */
body>header .header-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
body>header .header-sign-in{display:inline-flex;align-items:center;justify-content:center;width:48px;height:44px;font-size:11.5px;font-weight:500;white-space:nowrap}
body>header .header-actions .marketing-cta-slot,body>header .header-actions .marketing-metal{display:inline-flex;width:154px;min-width:154px;height:44px;min-height:44px;padding:0!important;margin:0!important}
body>header .header-actions a.header-enter{width:154px;min-width:154px;max-width:154px;height:44px!important;min-height:44px!important;padding:12px 16px!important;font-size:12px!important;line-height:20px!important;white-space:nowrap}
body>header .menu-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
@media(min-width:1001px){body>header>nav:not(.mobile-nav){gap:26px}}
@media(max-width:1000px){body>header .menu{width:44px;min-width:44px;padding:0;border:0}}
@media(max-width:600px){
 body>header .header-sign-in{display:none}
 body>header .header-actions{gap:0}
 body>header .header-actions .marketing-cta-slot,body>header .header-actions .marketing-metal{width:126px!important;min-width:126px!important;height:44px!important;min-height:44px!important}
 body>header .header-actions a.header-enter{width:126px!important;min-width:126px!important;max-width:126px;height:44px!important;min-height:44px!important;padding:12px 10px!important;font-size:11px!important}
}
@media(max-width:360px){body>header{padding:0 12px;gap:8px}body>header .brand img{width:100px!important;height:28px}.flowkit-catalogue-stage .flowkit-grid{grid-template-columns:minmax(0,1fr)!important}}

@media(max-width:1000px){.space-native-node .space-node-header,.space-native-node .space-node-media-well{touch-action:pan-y;cursor:default}}
.home-v2 [data-world-scene].world-gather-animated{margin-bottom:calc(64px - var(--gather-tail-space,0px))}
.home-v2 [data-world-scene].world-gather-animated + .welcome-section{padding-top:0}

/* A consistent mobile rhythm, with translucent navigation over the work. */
@media(max-width:1000px){
 body>header .mobile-nav.open,body>header.site-header .mobile-nav.open{background:rgba(245,243,237,.7);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}
 body.intelligence-page>header .mobile-nav.open,body.enterprise-dark>header .mobile-nav.open{background:rgba(13,13,11,.74);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1)}
 .product-universe .product-container-scene,.product-universe .product-container-scene:nth-of-type(even){gap:28px;padding:48px 0}
 .product-universe .product-container-scene>.container-intro{margin:0}
 .product-universe .product-container-scene>.scene-mount{margin:0;min-height:0}
 /* The product's name keeps a breath above its heading, as on desktop (Erman 2026-10-14: "mobilde Brief, Strategy gibi şeyler başlıklara çok yakın"). */
 .product-universe .container-intro h2{margin:18px 0 20px}
 .product-universe .container-intro p{margin:0 0 24px;font-size:16px!important;line-height:1.7!important}
 .product-universe .container-intro nav{margin:0}
 .real-hero>div,.real-product .feature-story>*,.enterprise-plan-section .section-head>*{min-width:0}
 .shooting-presentation-composition .presentation-ready{left:0;width:100%;max-width:340px}
 .angle-result{overflow:hidden}
 .real-product .feature-story,.real-product .feature-story.reverse{gap:28px;padding:44px 0}
 .real-product .feature-story .feature-copy{grid-template-columns:minmax(0,1fr)}
 .real-product .feature-copy>*{min-width:0}
 .real-product .feature-copy h2{margin-bottom:20px}
 .real-product .feature-copy p{margin:0;line-height:1.7}
 .halo-native-scene .halo-native-frame,.real-tool-stage .halo-native-scene .halo-native-frame,#production .halo-native-scene .halo-native-frame{position:relative;left:auto;right:auto;top:auto;grid-column:1/-1;grid-row:1;width:100%;height:auto!important;aspect-ratio:3168/1344!important}
 .halo-native-scene,.real-tool-stage .halo-native-scene,#production .halo-native-scene{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 44px auto;gap:20px}
 .halo-control-tabs{grid-column:1;grid-row:2}
 #production .halo-native-scene .floating-pane{position:relative;left:auto;right:auto;top:auto;width:100%;height:auto;min-height:0;grid-column:1;grid-row:3;padding:18px}
 .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane{height:auto;min-height:0}
}
@media(max-width:740px){
 .product-universe .container-jumps{margin:32px 0 20px;gap:24px}
 .product-universe .container-jumps .container-jumps-lead{flex-direction:row;justify-content:center;gap:12px;font-size:21px;white-space:nowrap}
 .product-universe .container-jumps-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
 .product-universe .container-jumps-row a{min-height:60px;font-size:17px;font-weight:500;gap:12px}
 .product-universe .container-jumps-row a>img{width:32px;height:32px;flex-shrink:0}
}

/* Compact Yond opening, with restrained light tonal ink on the dark ground. */
.intelligence-page .yond-opening h1{font-size:clamp(16px,3.1vw,40px);line-height:1.25;letter-spacing:-.05em;color:#e7e9df}
.intelligence-page .yond-opening h1>[data-fit-line]{display:inline-block;white-space:nowrap;padding:.08em .04em .16em;margin:-.08em -.04em -.16em}
@supports(background-clip:text){.intelligence-page .yond-opening h1>[data-fit-line]{background:linear-gradient(105deg,#c4cdbb 0%,#f2efe3 47%,#b8beca 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.intelligence-page .yond-opening-description{font-size:14px;line-height:1.75}
@media(forced-colors:active){.intelligence-page .yond-opening h1>[data-fit-line]{background:none;color:CanvasText}}


/* Mobile review: each preview owns its content height and its spacing. */
@media(max-width:1000px){
 .home-v2 [data-source-projects],.home-v2 [data-source-workspace-library]{min-height:0}
 .product-universe .product-container-scene,.product-universe .product-container-scene:nth-of-type(even){padding:40px 0;gap:32px}
 .product-universe .product-container-scene .universe-scene{height:auto;min-height:0}
 .home-v2 .home-range-preview:has(.cutcraft-simple-preview),.home-v2 .home-range-preview:has(.halo-native-scene){height:auto;min-height:0}
 .home-v2 .home-range-preview:has(.cutcraft-simple-preview)>.scene-mount,.home-v2 .home-range-preview:has(.halo-native-scene)>.scene-mount{height:auto;min-height:0}
 .home-range-preview .cutcraft-simple-preview{height:auto;min-height:0;padding:12px 0;align-items:start}
 .halo-native-scene .floating-pane,.home-range-preview .halo-native-scene .floating-pane,.real-tool-stage .halo-native-scene .floating-pane,#production .halo-native-scene .floating-pane{position:relative;width:100%;height:auto;min-height:0;left:auto;right:auto;top:auto;bottom:auto;translate:none;grid-column:1;grid-row:3;padding:18px;border-radius:14px}
 .halo-native-scene[data-halo-tab=lens] .lens-pane,.halo-native-scene[data-halo-tab=colour] .film-pane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
 .halo-native-scene[data-halo-tab=lens] .film-pane,.halo-native-scene[data-halo-tab=colour] .lens-pane{display:none}
 .halo-native-scene .halo-panel-title,.halo-native-scene .look-native-preset,.halo-native-scene .halo-profile{grid-column:1/-1;margin:0}
 .halo-native-scene .halo-panel-title{font-size:14px;gap:12px}
 .halo-native-scene .halo-panel-title button{width:36px;height:36px;display:grid;place-items:center;flex:none}
 .halo-native-scene .halo-panel-title svg{width:16px;height:16px}
 .halo-native-scene .look-native-preset strong{font-size:16px}
 .halo-native-scene .look-native-preset>span,.halo-native-scene .halo-profile{font-size:12px}
 .halo-native-scene .scene-slider,.home-range-preview .halo-native-scene .scene-slider{min-width:0;margin:0}
 .halo-native-scene .scene-slider>span,.home-range-preview .halo-native-scene .scene-slider>span{font-size:12px;line-height:1.5;gap:6px;white-space:normal;margin-bottom:6px}
 .halo-native-scene output,.home-range-preview .halo-native-scene output{font-size:10px;flex:none}
 .halo-native-scene .scene-slider input[type=range],.home-range-preview .halo-native-scene .scene-slider input[type=range]{height:24px}
 .halo-native-scene .film-pane>.scene-slider:last-child{grid-column:1/-1}
 .home-v2 .work-showcase-section .section-head>p{max-width:none;width:100%;margin:20px 0 0;text-wrap:wrap}
 .home-v2 .work-showcase-section .section-head>p br{display:none}
 .home-v2 .work-showcase-section .section-head>p br::after{content:' '}
 .home-v2 .universe-intelligence{padding:28px 22px;gap:24px;align-items:start}
 .home-v2 .universe-intelligence>div:not(.scene-mount):not(.section-starfield){display:contents}
 .home-v2 .universe-intelligence h2{grid-row:1;margin:0}
 .home-v2 .universe-intelligence>div>p{grid-row:2;margin:0}
 .home-v2 .universe-intelligence>.scene-mount{grid-row:3;height:auto;min-height:0;overflow:visible}
 .home-v2 .universe-intelligence .marketing-cta-slot{grid-row:4;justify-self:start;margin:0!important;z-index:1}
 .home-v2 .native-intelligence-still{padding:0;gap:24px}
 .home-v2 .intel-compact-playback{height:160px}
 .writing-agent-composition{min-height:0;padding:0;align-items:start}
 .writing-agent-composition .writing-agent-result{min-height:0;height:auto}
 .company-main .founder-story{padding:40px 0;margin-top:0!important;gap:28px}
 .company-main .company-story{padding:40px 0;gap:24px}
 .company-main .founder-names{padding:0;gap:24px;align-items:start}
 .real-product .feature-story,.real-product .feature-story.reverse{padding:40px 0;gap:32px}
 body>header .mobile-nav.open,body>header.site-header .mobile-nav.open{background:rgba(245,243,237,.5);backdrop-filter:blur(28px) saturate(1.15);-webkit-backdrop-filter:blur(28px) saturate(1.15);border-radius:0 0 22px 22px;overflow:hidden;border-bottom:0;box-shadow:0 15px 32px #24201915}
 body.intelligence-page>header .mobile-nav.open,body.enterprise-dark>header .mobile-nav.open{background:rgba(13,13,11,.58)}
}
@media(max-width:740px){
 .workspace-native-toolbar .max-w-sm{flex:1 1 calc(100% - 86px);min-width:0;max-width:none!important;width:auto!important;order:2}
 .workspace-native-toolbar .workspace-see-all{order:2;flex:0 0 78px;height:44px;margin:0;padding:0;justify-content:flex-end}
 .workspace-native-toolbar .workspace-trailing{order:1;margin-left:auto}
 .home-v2 .creative-journey .journey-panel{min-height:0}
 .home-v2 .creative-journey .journey-context-world{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:24px 14px;align-items:stretch}
 .home-v2 .journey-context-brief,.home-v2 .journey-context-brand{grid-column:auto;grid-row:auto;min-width:0}
 .home-v2 .journey-context-brand.is-guideline-map{min-height:0;padding:0}
 .home-v2 .guideline-map{height:245px}
 .home-v2 .journey-context-brand .guideline-aircraft{width:86%;height:70px}
 .home-v2 .guideline-node>b{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .home-v2 .guideline-node small{font-size:8px}
 .home-v2 .journey-context-world figcaption{font-size:11px;line-height:1.5;min-height:32px}
 .home-v2 .journey-recording{height:auto;min-height:133px;justify-content:flex-start}
 .home-v2 .journey-recording h4{font-size:18px;margin:14px 0 8px}
 .home-v2 .home-range-preview{min-height:0}
 .space-native-preview[data-workflow=rove-ny] .space-native-ground{padding:12px 8px 32px}
 .space-native-preview[data-workflow=rove-ny] .space-native-nodes{grid-template-columns:minmax(0,1fr)!important;gap:48px;align-items:start;min-height:0}
 .space-native-preview[data-workflow=rove-ny] [data-space-node]{grid-column:1!important;grid-row:auto!important;width:min(78%,280px);justify-self:start}
 .space-native-preview[data-workflow=rove-ny] [data-space-node=aircraft],.space-native-preview[data-workflow=rove-ny] [data-space-node=assistant]{justify-self:end}
 .space-native-preview[data-workflow=rove-ny] [data-space-node=assistant],.space-native-preview[data-workflow=rove-ny] [data-space-node=image]{width:86%;max-width:340px}
 .space-native-preview[data-workflow=rove-ny] .space-native-wires{display:block;overflow:visible}
 .space-native-preview[data-workflow=rove-ny] .space-node-port{display:block}
 .space-native-preview[data-workflow=rove-ny] .space-native-wires path{stroke-opacity:.5;stroke-width:1.5}
 .shooting-current-ui .shooting-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px}
 .shooting-current-ui .shooting-native-grid>article,.shooting-current-ui .shooting-native-grid>div{display:block!important;min-width:0}
 .shooting-current-ui .shooting-native-grid textarea{font-size:11px;line-height:1.6}
 .asset-native-heading>div:first-child{flex-direction:column;align-items:flex-start;gap:12px}
 .asset-native-heading h1{font-size:30px}
 .asset-native-actions{flex-wrap:wrap}
 .asset-native-collection-bar{margin-top:16px}
 .image-native-controls{display:grid;grid-template-columns:minmax(0,180px) 48px 62px 56px 88px;justify-content:space-between;gap:5px!important;flex-wrap:nowrap!important}
 .image-native-controls>*{min-width:0;max-width:100%}
 .image-native-controls>button{width:100%;padding:0 7px;font-size:11px!important;gap:4px}
 .image-native-controls>button[aria-label='Image model']>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .image-native-controls>span:not(.yv-metal-wrap){width:100%;height:40px;padding:0 4px!important;font-size:11px;gap:3px!important;justify-content:center}
 .image-native-controls>span:not(.yv-metal-wrap)>svg{display:none}
 .image-native-controls .image-generate-ring{width:100%;margin-left:0!important}
 .image-native-controls .image-generate-ring button{width:100%;font-size:11px;padding:0 8px!important}
 /* In these narrow columns the aspect pill drops its pictogram and the two short pills their side room, so nothing spills into the next pill (Erman 2026-10-13: one clean row). */
 .image-native-controls>button[aria-label='Aspect']>svg:first-child{display:none}
 .source-ui .image-native-controls>button[aria-label='Resolution'],.source-ui .image-native-controls>button[aria-label='Aspect']{padding:0 5px}
 .vast-footer .footer-links{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px 14px!important}
 .vast-footer .footer-container{grid-column:span 2;min-width:0}
 .vast-footer .footer-container a{font-size:12px;min-height:28px;overflow-wrap:normal}
 .vast-footer .footer-container h3,.vast-footer .footer-container h4,.vast-footer .footer-plugin-heading{font-size:13px}
 .footer-registration{font-size:clamp(10px,2.4vw,11px)!important;line-height:1.7}
 .footer-registration span{display:block;white-space:nowrap}
}
@media(max-width:420px){
 /* One row on a phone too (Erman 2026-10-13): the model as its emblem, Generate takes the rest. */
 .image-native-controls{grid-template-columns:40px 36px 46px 48px minmax(0,1fr)}
 .home-range-preview .cutcraft-simple-preview{grid-template-columns:minmax(0,1fr);gap:20px}
 .cut-simple-extensions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 .cut-simple-extensions>div>button{white-space:normal}
 .writing-agent-composition{grid-template-columns:minmax(0,1fr);gap:20px}
}

@media(max-width:740px){
 .home-v2 .world-gather-enabled .world-gather-image,.home-v2 .world-gather-static .world-gather-image{aspect-ratio:4/5}
 .home-v2 .world-gather-image img,.home-v2 .world-gather-image video{object-position:50% 40%}
 .home-v2 .work-showcase-section .section-head>p{font-size:16px;line-height:1.7}
 .home-v2 .universe-intelligence h2,.home-v2 .universe-intelligence>div>p{z-index:1}
 .writing-agent-composition .writing-agent-result{margin:0;padding:22px 18px}
}

@media(max-width:1000px){
 .home-v2 .welcome-section,.home-v2 .creative-journey,.home-v2 .home-range,.home-v2 .model-section,.home-v2 .work-showcase-section{padding-top:32px;padding-bottom:32px}
 .company-main{padding-bottom:40px}
 .real-product .product-features{padding-top:8px}
 .real-product .product-handoff{padding:32px 0 40px}
}

@media(max-width:1000px){.home-v2 .world-gather-static .world-atlas{width:100%;margin-left:0;aspect-ratio:auto}}

@media(max-width:1000px){.space-native-node{touch-action:pan-y}}

/* Keep the palette's controls inside its surface at intermediate phone widths. */
@media(max-width:1000px){
 .writing-agent-composition{grid-template-columns:240px minmax(0,1fr);gap:16px}
 .writing-agent-composition .writing-agent-details{min-width:0;width:100%;padding:22px 18px}
 .writing-agent-composition .writing-agent-cards{min-width:0;grid-template-columns:minmax(0,1fr)}
 .writing-agent-composition .writing-agent-cards button{width:100%;min-width:0;white-space:normal}
 .writing-agent-composition .writing-agent-cards button>span:first-child{flex:none}
 .writing-agent-composition .writing-agent-cards button>span:nth-child(2){text-align:left}
 .writing-agent-composition .writing-agent-result{min-width:0;margin:0;padding:22px 18px}
 .vast-footer .footer-links{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px 14px!important}
 .vast-footer .footer-container{grid-column:span 2;min-width:0}
 .product-model-strip[data-source-model-logos=image] .model-provider-strip,.product-model-strip[data-source-model-logos=video] .model-provider-strip{gap:24px 36px}
 .product-model-strip[data-source-model-logos=image] .model-provider-strip>span,.product-model-strip[data-source-model-logos=video] .model-provider-strip>span{font-size:14px;line-height:1.5;gap:8px}
 .product-model-strip .model-provider-strip>span>svg,.product-model-strip .model-provider-strip>span>img{width:28px;height:28px;flex:none}
 .real-product .real-screen:has(.cutcraft-simple-preview),.real-product .real-screen>.cutcraft-native-stage{height:auto;min-height:0}
 .cutcraft-simple-preview,.home-range-preview .cutcraft-simple-preview{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 0;align-items:start}
 .cut-simple-extensions{align-self:start;width:100%}
 .cut-simple-extensions>div{display:flex;flex-direction:column;gap:8px}
 .cut-simple-extensions>div>button{min-height:40px}
}
/* On a phone the logos keep Codex's spacing: wider, the five break into an orphan row. */
@media(max-width:600px){
 .product-model-strip[data-source-model-logos=image] .model-provider-strip,.product-model-strip[data-source-model-logos=video] .model-provider-strip{gap:24px 20px}
}
@media(max-width:520px){.writing-agent-composition{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:740px){
 .company-main .company-photo{height:auto;aspect-ratio:16/6}
 .company-main .company-photo img{height:100%;object-fit:cover;object-position:50% 8%}
 .company-main .founder-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .company-main .founder-names article{min-width:0}
 .company-main .founder-names h3{font-size:clamp(20px,4.5vw,26px);white-space:normal}
 .company-main .founder-names p{font-size:12px;margin:0;line-height:1.6;text-wrap:wrap}
}
@media(max-width:1000px){
 .enterprise-plan-grid,.enterprise-dark .enterprise-plan-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .enterprise-plan-grid .enterprise-tier-card{min-height:92px;padding:20px 24px}
}
.vast-footer .footer-company-social{display:contents}
@media(max-width:1000px){
 .vast-footer .footer-company-social .footer-container{grid-row:2;justify-self:start;width:max-content}
 .vast-footer .footer-company-social .footer-container:first-child{grid-column:1/span 2}
 .vast-footer .footer-company-social .footer-container:last-child{grid-column:3/span 2}
}
/* Home and Universe "Bring your brand context…" head, 601–1000px (2026-10-12). The rule for
   980px and below stacks .section-head with grid-template-columns:1fr, but this head is a flex
   row (the page's own style), so it never applied. Its h2 may shrink (min-width:0, ≤1000px), so
   the heading's lines ran 86px into the paragraph beside it. The head takes the grid the rule
   assumes, heading above paragraph, the way it already stands on phones. */
@media(min-width:601px) and (max-width:1000px){.home-v2 .work-showcase-section .section-head{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}}
/* …and the "Every project. Its own creative…" head beside its intro, 601–710px: the same shrinkable
   h2 ran up to 25px into the text next to it. It keeps the width of its lines (size unchanged); the
   intro gives up the difference and the row stays side by side as designed. */
@media(min-width:601px) and (max-width:1000px){.home-v2 .welcome-section-intro h2{min-width:auto}}
/* Footer from 1001px (2026-10-12): the five link columns share the row by ratio (1 1.1 .9 .8 .8),
   and below 1280px the last one (78–90px) was narrower than its heading "Find us out there"
   (96px). The heading broke onto two lines and the column's links started 19px below the others.
   The last column keeps at least its heading's width and the ratio shares the rest; where .8fr is
   already wider (1280px and up) nothing changes. */
@media(min-width:1001px){.vast-footer .footer-links{grid-template-columns:1fr 1.1fr .9fr .8fr minmax(max-content,.8fr)}}

/* The model artwork keeps its anamorphic 2.35:1 on a phone too (native-refinements.css; responsive.css set 16:10). */
@media(max-width:600px){.model-visual-slot{aspect-ratio:2.35/1}}

/* The model section sits midway between its neighbours (Erman 2026-10-13: "aşağıdan yukarıdan eşit boşluk
   olsun diye biraz yukarı alalım"): part of its top padding moves to the bottom, so the section rises and the
   page keeps its length. Measured to the neighbours' content: 180/74 → 127/127 on desktop, 104–114/62 →
   80–90/85 at 741–1000, 74/61 → 68/67 at 601–740. On a phone the two were already even (74/80). */
.home-v2 .model-section{padding-top:7px;padding-bottom:83px}
@media(max-width:1000px){.home-v2 .model-section{padding-top:8px;padding-bottom:56px}}
@media(max-width:740px){.home-v2 .model-section{padding-top:26px;padding-bottom:38px}}
@media(max-width:600px){.home-v2 .model-section{padding-top:32px;padding-bottom:32px}}
/* Photo heroes on a phone (Erman 2026-10-14: "mobilde yazı ve butonu aşağı al, çok yüze gelmiş", "mobilde hero
   container içindeki metinler sol altta olsun"). The copy stands at the bottom left and the box grows, so the face in
   the photograph stays clear above it; the shade moves from the left edge to the foot. Products keeps its head on
   every width (the photo is 16:9 in a wide box). */
main .catalog-banner.products-banner>img{object-position:50% 14%}
@media(max-width:740px){
 main .catalog-banner.products-banner{--site-hero-height:clamp(520px,144vw,640px)}
 main .catalog-banner.products-banner>div{top:auto;bottom:28px;left:24px;right:24px}
 main .catalog-banner.products-banner:after{background:linear-gradient(180deg,#0c0c0c00 30%,#0c0c0cc8 78%)}
 main .enterprise-hero-banner{--site-hero-height:clamp(520px,144vw,640px)}
 main .enterprise-hero-banner>.enterprise-hero-copy{justify-content:flex-end}
 main .enterprise-hero-banner:after{background:linear-gradient(180deg,#0d0d0b10 28%,#0d0d0bd6 76%)}
 main .request-scene{height:clamp(440px,124vw,560px)}
}
/* Image composer between a phone and a laptop (Erman 2026-10-14: "mobilde UI container'da patlama var"): from 421 to 740px the row
   had a 180px model track whose name was hidden (the ≤520 container rule) and an 88px Generate the label did not fit. Up to 470px the row is
   the phone's (the model as its emblem); from 471px the model shows its emblem and name on one line, as wide as the name; the three
   short pills keep a pill's width; Generate is never narrower than its label and takes the rest, as on a phone. */
@media(min-width:421px) and (max-width:470px){
 .image-native-controls{grid-template-columns:40px 36px 46px 48px minmax(0,1fr)}
}
@media(min-width:471px) and (max-width:740px){
 .image-native-controls{grid-template-columns:minmax(0,max-content) 44px 52px 48px minmax(max-content,1fr)}
 .source-ui .image-native-controls>button[aria-label='Image model']{font-size:11px!important;justify-content:flex-start;white-space:nowrap;overflow:hidden}
}