/* Preserve native image proportions; compose the production stories for mobile. */
.hero-photo{height:auto;background:var(--paper)}.hero-triptych{height:auto;align-items:start}.hero-frame{height:auto;aspect-ratio:3/4;min-width:0}.hero-frame img,.hero-frame:nth-child(2) img,.hero-frame:nth-child(3) img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;will-change:auto}
.real-template-image{object-fit:contain;object-position:center;background:var(--surface)}.template-frame{height:349px}
.service-detail-picture{aspect-ratio:var(--media-ratio,4/3);height:auto;align-self:start}.service-detail-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.content-source img{object-fit:contain;object-position:center;background:var(--surface)}.post-art img{object-fit:contain;object-position:center;background:var(--surface)}.experiment>img{object-fit:contain;object-position:center;background:var(--surface)}.generated-photo img{object-fit:contain;object-position:center;background:var(--surface)}
@media(max-width:800px){.hero-photo{height:auto}.hero-triptych{gap:8px}.service-detail{align-items:start}}
@media(max-width:540px){
 .hero-photo{height:auto;overflow:visible}.hero-triptych{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:78%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:10px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.hero-frame,.hero-frame:last-child{display:block;aspect-ratio:3/4;height:auto;scroll-snap-align:start}.hero-frame img{width:100%;height:100%}
 .service-detail-picture{aspect-ratio:var(--media-ratio,4/3)}
 .production-stage{aspect-ratio:360/520;width:100%;max-width:360px}.production-canvas{width:360px;height:520px}.chapter-inner{gap:12px}.chapter-copy>p:not(.step-description){font-size:14px;line-height:1.6}.chapter-copy h2{font-size:27px;margin:9px 0}.steps{margin-top:10px}.steps li{font-size:11px}.steps button{min-height:32px}
 .production-top{top:16px;left:16px;right:16px;padding-bottom:12px;font-size:9px;gap:12px;line-height:1.5}.production-top>span{max-width:53%}.production-top .phase-name{text-align:right;font-size:10px}.completion-line{left:16px;right:16px;bottom:12px;font-size:10px;line-height:1.5}
 .template-switch,.content-switch{top:66px;left:16px;right:16px;gap:6px}.template-switch button,.content-switch button{font-size:12px;padding:9px 12px;min-height:38px}.template-frame{left:16px;right:16px;top:126px;height:auto;aspect-ratio:4/3}.real-template-image{height:100%;width:100%;object-fit:contain}.template-attribution{left:16px;right:16px;top:389px;font-size:11px;display:block;line-height:1.7}.template-attribution>span{display:block;margin-top:9px}.web-build .completion-line{bottom:17px;font-size:10px}.template-scaffold{inset:14px;gap:14px}
 .content-source{top:119px;left:16px;width:155px}.content-source>span{font-size:9px;margin-bottom:9px}.content-source img{width:155px;height:207px;object-fit:contain}.content-source>p{font-size:10px;line-height:1.5}.content-plan{left:189px;top:147px;width:155px}.content-plan>small{font-size:9px}.content-plan h3{font-size:22px;margin:15px 0}.content-plan p{font-size:13px;line-height:1.6;min-height:135px}.content-plan>span{font-size:10px;line-height:1.5;display:block}
 .composed-post{left:16px;top:118px;width:209px}.post-brand{height:35px;padding:7px 10px;font-size:8px}.post-brand>span{font-size:7px}.post-art{height:277px}.post-art img{object-fit:contain}.post-art h3{font-size:29px;left:12px;bottom:34px}.post-art>span{left:12px;bottom:14px;font-size:7px}.post-caption{height:54px;padding:9px 10px;font-size:9px}.post-caption p{font-size:8px}.publish-plan{left:238px;top:171px;width:107px}.publish-plan>small{font-size:8px}.publish-plan strong{font-size:22px;margin:15px 0}.publish-plan>p{font-size:10px;line-height:1.7;margin-bottom:20px}.scheduled-row{display:block;font-size:9px;padding:11px 0}.scheduled-row b{display:block;margin-top:6px;font-size:9px}.social-build .completion-line{font-size:9px;bottom:7px}
 .experiment-grid{left:16px;top:95px;width:328px;gap:12px}.experiment>img{height:210px;object-fit:contain}.experiment>span{font-size:8px;margin:12px 10px 7px}.experiment>h3{font-size:17px;margin:0 10px}.measurement{margin:15px 10px 0}.measurement>span{font-size:8px}.measurement>b{font-size:10px}.experiment{padding-bottom:15px}.experiment-question{left:16px;right:16px;top:435px;font-size:12px}.decision-block{left:16px;top:423px;width:328px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.decision-block>span{font-size:8px;grid-column:1}.decision-block h3{font-size:17px;line-height:1.15;margin:0;grid-column:1}.allocation{grid-column:2;grid-row:1/3}.allocation label{font-size:8px;margin:0 0 4px}.allocation>div{height:6px;margin-bottom:10px}.performance-build .completion-line{font-size:8px;bottom:8px}
 .account-builder{left:16px;right:16px;top:92px;height:380px;grid-template-columns:1fr}.account-sidebar{height:42px;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.account-sidebar>b{font-size:12px;margin:0}.account-sidebar>span{font-size:8px}.account-work{padding:17px 14px}.account-work>h3{font-size:19px;margin-bottom:13px}.setup-field{font-size:10px;min-height:35px;padding:8px 0;gap:4px}.setup-field label{width:58px}.setup-field p{font-size:10px}.campaign-table{margin-top:15px}.campaign-table-head{font-size:8px}.campaign-table>p{font-size:10px;padding:8px 0}.campaign-table>p>b{font-size:8px}.report-assembly{top:75px;left:14px;right:14px;padding:22px}.report-assembly>p{font-size:11px}
 .flow-draft{top:112px;left:77px;right:77px;display:flex;flex-direction:column}.flow-draft>div{width:206px;padding:18px 20px;gap:8px}.flow-draft small{font-size:9px}.flow-draft b{font-size:18px}.flow-draft .draw-link{height:1px;transform:rotate(90deg);margin:17px 0}.software-window{top:97px;left:40px;width:280px;min-height:0}.software-nav{font-size:17px;padding:13px 19px}.software-body{padding:18px 19px}.software-body>small{font-size:9px}.software-body h3{font-size:28px;min-height:61px;margin:11px 0 19px}.built-option{height:37px;padding:0 10px;font-size:11px;margin-top:8px}.built-option>b{font-size:10px}.participation-state{font-size:10px;margin-top:15px}.development-note{display:none}.software-build .completion-line{font-size:9px}
 .generation-brief{top:88px;left:16px;width:328px}.generation-brief>small{font-size:9px}.generation-brief>p{font-size:13px;line-height:1.6;min-height:72px;margin-top:10px}.generation-status{font-size:10px;padding:8px 0}.generation-result{left:16px;top:252px;width:328px;height:224px;display:grid;grid-template-columns:145px 1fr}.generation-placeholder{height:193px;width:145px;font-size:9px;border-bottom:0;border-right:1px solid var(--line)}.generated-photo{left:0;right:auto;top:0;width:145px;height:193px}.generated-photo img{width:100%;height:100%;object-fit:contain}.generated-copy{padding:25px 15px;grid-column:2}.generated-copy>small{font-size:8px}.generated-copy h3{font-size:28px;margin-top:17px}.review-strip{padding:10px;font-size:6px;gap:6px;height:31px}.review-strip b{font-size:8px}.ai-build .completion-line{font-size:10px;bottom:12px}
}
@media(max-width:540px) and (max-height:790px){.chapter-copy>p:not(.step-description){display:none}.production-stage{max-width:min(100%,calc((100svh - 240px)*.6923077))}.chapter-inner{padding:10px 0;gap:8px}.chapter-copy h2{font-size:24px}}
@media(max-width:540px) and (prefers-reduced-motion:reduce){.production-stage{max-width:360px}.hero-frame img{transform:none}}