/* The phone composition has its own proportions; desktop keeps the selected layout. */
.site-header .nav-mobile-label,.mobile-composer-arrow{display:none}
body[data-header-cta] .site-header .nav-apply .nav-desktop-label{font:inherit;margin:0}
@media(max-width:700px){
 body[data-synthesis=true] .site-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-height:70px;height:auto;padding:12px 5%;gap:16px}
 body[data-synthesis=true] .site-header .wordmark{font-size:32px;letter-spacing:-2.3px;margin:0;flex:none}
 body[data-synthesis=true] .site-header nav{display:flex;flex:initial;flex-wrap:nowrap;align-items:center;gap:16px;width:auto}
 body[data-synthesis=true] .site-header .nav-invest,body[data-synthesis=true] .site-header nav>.browse-drops{font-size:13px;min-height:44px;padding:0;gap:4px}
 body[data-synthesis=true] .site-header .launch-action .early-access-note,body[data-synthesis=true] .site-header .nav-desktop-label,body[data-synthesis=true] .site-header .nav-apply>.nav-arrow{display:none}
 body[data-synthesis=true] .site-header .nav-mobile-label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px}
 body[data-header-cta] .site-header .nav-apply .nav-mobile-label{font-size:13px;margin:0}
 body[data-synthesis=true] .site-header .browse-drops>.nav-arrow{display:inline;font-size:14px}
 body[data-synthesis=true] .site-header .launch-action .nav-apply{padding:10px 12px;min-height:40px;gap:0;font-size:13px}
 .site-header .nav-mobile-label svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}

 body[data-synthesis=true] .hero{padding-top:24px;padding-bottom:28px}
 body[data-synthesis=true] .hero h1{margin-bottom:20px}
 .synthesis-subheading{font-size:14px;line-height:1.6;max-width:290px}
 .synthesis-desk{position:relative;gap:32px;margin-top:24px}
 body[data-synthesis=true] .prompt-box{padding:16px 16px 12px;border-radius:20px;box-shadow:0 3px 14px #00000005}
 body[data-synthesis=true] .prompt-box textarea{font-size:16px;line-height:1.5;height:64px}
 body[data-synthesis=true] #generate-button{font-size:13px;min-height:42px;padding:0 14px;gap:8px}
 body[data-synthesis=true] #generate-button .ai-sparkles{width:20px;height:20px}
 body[data-synthesis=true] .prompt-actions .reference-icon{width:44px;height:44px;flex-basis:44px;padding:10px}
 body[data-synthesis=true] .prompt-actions .reference-icon svg{width:20px;height:20px}
 .synthesis-arrow{display:none}
 .mobile-composer-arrow{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4;color:#ad9211}
 body[data-synthesis=true] .synthesis-sketch figcaption em{font-size:16px}
 body[data-synthesis=true] .hero>.experience{margin-top:12px;gap:12px}
 body[data-synthesis=true] .hero>.experience>span{font-size:11px;letter-spacing:.035em}
 body[data-synthesis=true] .brand-logos{gap:26px}
 body[data-synthesis=true] .brand-logos img{max-width:43px;max-height:25px}

 body[data-synthesis=true] .gallery-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:24px;padding-top:26px}
 body[data-synthesis=true] .gallery-heading{grid-column:1;grid-row:1;justify-content:flex-start;text-align:left;padding:0;margin-left:6vw;min-width:0}
 body[data-synthesis=true] .gallery-section-title{font-size:clamp(26px,7vw,32px);letter-spacing:-.02em;max-width:9.5em;text-align:left}
 body[data-synthesis=true] .gallery-section-title>span{display:block;white-space:nowrap}
 body[data-synthesis=true] .gallery-section>.trust-strip{grid-column:2;grid-row:1;width:auto;margin:0 6vw 0 0;padding:0;gap:0}
 body[data-synthesis=true] .sales-proof{width:auto;text-align:center}
 body[data-synthesis=true] .sales-proof>div{align-items:center;gap:4px}
 body[data-synthesis=true] .sales-proof strong{font-size:clamp(26px,7.1vw,32px);letter-spacing:-1px;border-bottom-width:3px;padding:0 2px}
 body[data-synthesis=true] .sales-proof div>span{font-size:12px;line-height:1.2;letter-spacing:.025em}
 body[data-synthesis=true] #gallery-window,body[data-synthesis=true] .gallery-bottom{grid-column:1/-1;min-width:0}

 body[data-synthesis=true] .how-section{padding-top:46px;padding-bottom:24px}
 body[data-synthesis=true] .how-section .section-heading{margin-bottom:30px}
 body[data-synthesis=true] .process-steps{gap:36px}
 body[data-synthesis=true] .process-steps article{display:block;width:100%;max-width:400px;margin:0 auto;padding:0}
 body[data-synthesis=true] .process-art{height:clamp(190px,58vw,270px);margin:0 0 16px;max-width:none}
 body[data-synthesis=true] .process-art img{width:100%;height:100%;object-fit:contain}
 body[data-synthesis=true] .process-steps h3{font-size:28px;line-height:1.15;letter-spacing:-.015em;align-self:end}
 body[data-synthesis=true] .process-steps p{font-size:14px;line-height:1.5;margin-top:8px;align-self:start}

 body[data-synthesis=true] .synthesis-closing{grid-template-columns:minmax(0,1fr);gap:0;padding:26px 22px 24px}
 body[data-synthesis=true] .synthesis-closing .apply-section{display:contents}
 body[data-synthesis=true] .synthesis-closing .apply-section h2{grid-row:1;font-size:38px;text-align:center}
 body[data-synthesis=true] .synthesis-closing .apply-section>p{grid-row:3;font-size:15px;line-height:1.5;margin:0 0 14px;text-align:center}
 body[data-synthesis=true] .synthesis-closing .launch-deliverables{grid-row:2;margin:0}
 body[data-synthesis=true] .synthesis-closing .launch-sole-photo{padding:12px 0 16px}
 body[data-synthesis=true] .synthesis-closing .apply-section>.launch-action{grid-row:4;justify-items:center;gap:8px;margin-top:0}
 body[data-synthesis=true] .synthesis-closing .button{width:100%;font-size:15px;justify-content:center;gap:14px;padding:14px 12px}
 body[data-synthesis=true] .synthesis-closing .early-access-note{font-size:12px}

 body[data-synthesis=true] .site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:22px 6%;margin:0}
 body[data-synthesis=true] .site-footer .wordmark{font-size:30px;letter-spacing:-2px}
 body[data-synthesis=true] .site-footer>div{display:contents}
 body[data-synthesis=true] .site-footer>div>a{grid-column:2;grid-row:1;font-size:13px;white-space:nowrap;padding:8px 0}
 body[data-synthesis=true] .site-footer button{grid-column:2;grid-row:2;justify-self:end;font-size:12px;padding:8px 0}
 body[data-synthesis=true] .site-footer>div>span{grid-column:1;grid-row:2;font-size:12px;color:#777;white-space:nowrap}

 #creation-dialog .creation-heading{display:flex;align-items:center;gap:12px;padding-right:0}
 #creation-dialog #creation-title{flex:1;min-width:0;margin:0}
 #creation-title>span{display:block;white-space:nowrap}
 #creation-dialog #creation-new{flex:none;margin:0}
}
@media(max-width:360px){
 body[data-synthesis=true] .site-header{gap:10px}
 body[data-synthesis=true] .site-header nav{gap:10px}
 body[data-synthesis=true] .site-header .wordmark{font-size:30px}
 body[data-synthesis=true] .site-header .launch-action .nav-apply{padding-inline:10px}
 body[data-synthesis=true] .process-steps h3{font-size:27px}
}