/* Current media system, 2026-11-08 correction. Photos fit the viewport; sections flow naturally. */
:root{--space:40px;--media:min(76svh,760px);--gap:32px}
.section{padding-block:var(--space)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:none;text-align:left;margin:0 0 24px}
.section-heading h2{font-size:36px;line-height:1.22;max-width:880px}
.section-heading p{max-width:440px;margin:0;font-size:15px;line-height:24px}
.media-stage,.carousel-track{height:var(--media)}
.media-label{font-size:14px;line-height:22px;min-height:35px;padding-bottom:10px;margin-bottom:16px}
/* Deck diagram: three aligned columns, centered labels attached to drawn arrows. */
#automatic{padding-block:40px}#automatic .section-heading{justify-content:center;margin-bottom:24px}
#automatic .deck-proof{grid-template-columns:minmax(0,1.12fr) minmax(150px,.42fr) minmax(0,1fr);gap:24px;align-items:start}
#automatic .media-label{min-height:35px;text-align:center;margin-bottom:16px;padding-bottom:10px}
#automatic .deck-algorithm{padding:0 16px;border:0}
#automatic .deck-algorithm ol{height:calc(var(--media) - 8px);display:flex;flex-direction:column;justify-content:space-around;gap:24px;padding:24px 0}
#automatic .deck-algorithm li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0;border:0;text-align:center}
#automatic .deck-algorithm li span{display:block;font-size:14px;line-height:22px;min-height:0}
#automatic .deck-algorithm svg{width:140px;max-width:100%;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#automatic .input-name{text-align:center;font-size:14px;line-height:22px;margin:12px 0}
#automatic .sku-input{height:calc(var(--media)*.52)}
#automatic .deck-input .reference-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;height:auto}
#automatic .deck-input .reference-strip .image-open{height:calc(var(--media)*.27)}
/* Two complete product examples stay in the reading flow. No timed hiding of a product. */
.outfit-examples{display:grid;gap:32px}.outfit-example{border-top:1px solid var(--line);padding-top:20px}
.outfit-heading{margin-bottom:20px}.outfit-heading h3{font-family:var(--text);font-size:16px;font-weight:500;line-height:24px}
.outfit-proof{grid-template-columns:minmax(0,.8fr) minmax(0,3fr);gap:24px;align-items:start}
.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;padding:0}
.outfit-proof .media-label{min-height:35px;margin-bottom:16px}.outfit-proof>div:first-child .media-stage{height:var(--media)}
/* Client references form one supporting row; outputs occupy the full gallery width. */
.case-gallery .section-heading{margin-bottom:24px}.case-gallery>.case-story{display:flex;flex-direction:column;gap:20px;padding-block:32px;border-top:1px solid var(--line)}
.case-story>.case-heading{display:flex;align-items:baseline;gap:16px;width:100%;margin:0}
.case-heading h3{font-size:28px;line-height:35px;margin:0}.case-heading p{margin-left:auto;font-size:15px;line-height:24px}
.case-context{display:flex;align-items:center;gap:24px;width:100%;min-width:0}
.case-reference{display:flex;align-items:center;gap:24px;flex:1;min-width:0}
.case-context .media-label{border:0;margin:0;padding:0;min-height:0;flex:0 0 210px;font-size:13px;line-height:22px}
.case-context .reference-strip{display:flex;gap:16px;align-items:center;min-width:0}
.case-context .reference-strip .image-open{width:100px;flex:0 0 100px;height:140px}
.case-context .case-actions{margin:0 0 0 auto;flex-shrink:0;white-space:nowrap}
.case-results{width:100%;min-width:0}.case-results>.media-label{margin-bottom:16px}
.result-scroll{gap:20px;padding:0}.result-scroll>div{flex:0 0 31%;min-width:0}.case-results .media-stage{height:var(--media)}
.rail-navigation{margin-top:12px;gap:12px}.rail-navigation button{width:40px;height:40px}
/* Full-width original video. No tiny viewport-budget media. */
.scene-video:not(.retail-video){display:block;width:100%;height:auto;max-height:calc(100svh - 112px);object-fit:contain;margin:0 auto}
/* One feature panel, sized for legible content rather than a whole-section cap. */
.agent-suite{grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}
.agent-suite [role=tabpanel]{width:100%;display:block}
.agent-suite .agent-demo{width:100%;height:auto;max-height:none;aspect-ratio:3018/1896}
.agent-suite .agent-tabs{height:auto;min-height:0;display:flex;flex-direction:column}
.agent-suite .agent-tabs button{padding:20px 0;min-height:64px}
.agent-tabs strong{font-size:18px;line-height:26px}.agent-tabs span{font-size:14px;line-height:22px;margin-top:8px}
.agent-details{margin-top:20px}
.service-grid .media-stage,.service-grid .carousel-track{height:var(--media)}
#detail .media-stage{height:var(--media)}
.enterprise-intro{max-width:none;text-align:left;margin:0 0 24px}
.enterprise-sources img{height:var(--media)}
.contact-layout{min-height:560px}.photo-cta{min-height:480px}
@media(min-width:1280px){.agent-suite .agent-tabs{height:calc((min(100vw,1440px) - 128px - 272px)*1896/3018)}.agent-suite .agent-tabs button{flex:1;min-height:0;padding:8px 0;justify-content:center}.agent-tabs strong{font-size:16px;line-height:24px}.agent-tabs span{font-size:13px;line-height:20px;margin-top:6px}}
@media(min-width:768px) and (max-width:1279px){:root{--media:min(72svh,680px);--space:32px}.agent-suite{grid-template-columns:1fr;gap:20px}.agent-suite .agent-tabs{flex-direction:row;gap:20px}.agent-suite .agent-tabs button{flex:1;min-height:48px;padding:12px 0}.agent-tabs strong{font-size:14px}.agent-tabs span{display:none}.case-context .media-label{flex-basis:150px}.case-context .reference-strip{gap:10px}.case-context .reference-strip .image-open{width:72px;flex-basis:72px;height:112px}.case-context .text-link{font-size:12px}}
@media(max-width:767px){
 :root{--media:min(72svh,600px);--space:28px;--gap:20px}
 .section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:28px;line-height:36px;max-width:none}.section-heading p{font-size:14px;line-height:22px;margin-top:8px;max-width:none}
 .media-label{font-size:12px;line-height:20px;min-height:31px;margin-bottom:12px}
 #automatic{padding-block:28px}#automatic .section-heading{margin-bottom:20px;text-align:left}
 #automatic .deck-proof{grid-template-columns:1fr;gap:20px}
 #automatic .deck-input{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
 #automatic .deck-input>.media-label{grid-column:1/-1;margin:0;text-align:left}
 #automatic .input-name{font-size:12px;line-height:20px;margin:0!important;min-height:40px;display:flex;align-items:end;justify-content:center}
 #automatic .sku-input{height:180px}
 #automatic .deck-input .reference-strip{height:180px;gap:4px;align-items:center}
 #automatic .deck-input .reference-strip .image-open{height:170px}
 #automatic .deck-algorithm{padding:0}
 #automatic .deck-algorithm>.media-label{border:0;margin:0;padding:0;min-height:22px}
 #automatic .deck-algorithm ol{height:auto;padding:12px 0 4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #automatic .deck-algorithm li{gap:6px}#automatic .deck-algorithm li span{font-size:12px;line-height:20px;min-height:40px;display:flex;align-items:end;justify-content:center}
 #automatic .deck-algorithm svg{width:80px;height:26px}
 #automatic .deck-output .media-stage,#automatic .deck-output .carousel-track{height:var(--media)}
 #automatic .media-label{text-align:left}
 .outfit-examples{gap:28px}.outfit-heading{margin-bottom:16px}.outfit-heading h3{font-size:15px;line-height:22px}
 .outfit-proof{grid-template-columns:80px minmax(0,1fr);gap:16px}.outfit-proof .media-label{font-size:12px;line-height:20px;min-height:40px;margin-bottom:12px}
 .outfit-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.outfit-grid>.media-stage{flex:0 0 84%;scroll-snap-align:start}
 .outfit-proof>div:first-child .media-stage{height:var(--media)}
 .case-gallery>.case-story{gap:16px;padding-block:28px}.case-story>.case-heading{flex-wrap:wrap;gap:6px 12px}.case-heading h3{font-size:24px;line-height:30px}.case-heading p{width:100%;margin:0;font-size:14px;line-height:22px}
 .case-context{display:block}.case-reference{display:block}.case-context .media-label{font-size:12px;line-height:20px;margin-bottom:12px}
 .case-context .reference-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .case-context .reference-strip .image-open{width:100%;height:116px}
 .case-context .case-actions{margin:12px 0 0;justify-content:start}.case-context .text-link{font-size:12px;line-height:20px}
 .result-scroll{gap:12px}.result-scroll>div{flex-basis:84%}.case-results .media-stage{height:var(--media)}
 .agent-suite{grid-template-columns:1fr;gap:16px}.agent-suite .agent-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;height:auto}.agent-suite .agent-tabs button{padding:12px 0;min-height:48px}.agent-tabs strong{font-size:14px;line-height:22px}.agent-active-copy{font-size:14px;line-height:22px;margin-bottom:12px}.agent-suite .agent-demo{height:auto;max-height:none;aspect-ratio:3018/1896}
 .service-grid{gap:28px}.service-grid>article{padding-top:20px}.service-grid h3{font-size:24px;margin-top:16px}.service-grid p{font-size:14px;line-height:22px;margin-top:8px}
 .service-grid .media-stage,.service-grid .carousel-track,#detail .media-stage{height:var(--media)}
 .scene-video:not(.retail-video){max-height:calc(100svh - 96px)}
 .enterprise-sources img{height:var(--media)}.contact-layout{min-height:0;padding-top:32px}.photo-cta{min-height:420px}
}

@media(min-width:768px){#automatic .sku-input{height:auto}#automatic .sku-input .image-open,#automatic .sku-input img{height:auto;width:100%}#automatic .deck-input .reference-strip .image-open{height:calc(var(--media)*.4)}}

@media(max-width:767px){.outfit-proof{grid-template-columns:1fr;gap:20px}.outfit-proof>div:first-child{display:flex;align-items:center;gap:20px}.outfit-proof>div:first-child .media-label{border:0;width:90px;flex:0 0 90px;margin:0;padding:0;min-height:0}.outfit-proof>div:first-child .media-stage{width:130px;height:170px}.outfit-grid>.media-stage{flex-basis:84%}.case-story[data-case="9"] .result-scroll>div{flex-basis:90%}}

@media(max-width:767px){#automatic .deck-algorithm>.media-label,#automatic .deck-output>.media-label{text-align:center}}
@media(min-width:768px) and (max-width:1023px){
 #automatic .deck-proof{grid-template-columns:1fr;gap:24px}
 #automatic .deck-input{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
 #automatic .deck-input>.media-label{grid-column:1/-1}
 #automatic .deck-input>.input-name:nth-child(2){grid-column:1;grid-row:2}
 #automatic .deck-input>.sku-input{grid-column:1;grid-row:3;align-self:center}
 #automatic .deck-input>.input-name:last-of-type{grid-column:2;grid-row:2}
 #automatic .deck-input>.reference-strip{grid-column:2;grid-row:3}
 #automatic .deck-input .reference-strip .image-open{height:200px}
 #automatic .deck-algorithm{padding:0}
 #automatic .deck-algorithm ol{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 0}
 .outfit-proof{grid-template-columns:1fr;gap:20px}.outfit-proof>div:first-child{display:flex;gap:24px;align-items:center}.outfit-proof>div:first-child .media-label{border:0;flex:0 0 130px;margin:0;padding:0}.outfit-proof>div:first-child .media-stage{width:140px;height:180px}
 .outfit-grid{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding-bottom:12px}.outfit-grid>.media-stage{flex:0 0 47%;scroll-snap-align:start}
 .result-scroll>div{flex-basis:55%}
 .service-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory}.service-grid>article{flex:0 0 48%;min-width:0;scroll-snap-align:start}
}
@media(max-width:359px){.case-story[data-case="9"] .result-scroll>div{flex-basis:94%}}
@media(max-width:767px){#automatic .sku-input,#automatic .deck-input .reference-strip{height:120px}#automatic .deck-input .reference-strip .image-open{height:116px}}
:root{--h2:36px}
main h2{font-size:var(--h2);line-height:1.22}
.contact-layout{min-height:0;padding-block:48px;align-items:start}
@media(max-width:767px){:root{--h2:28px}.contact-layout{padding-block:32px}}
/* A gallery that already shows all results needs no empty track or disabled navigation. */
.result-gallery[data-overflow="false"] .rail-navigation{display:none}
@media(min-width:1024px){
 .result-gallery:has(.result-scroll>div:last-child:nth-child(2)){max-width:min(100%,calc(var(--media)*1.5 + 20px));margin-inline:auto}
 .result-scroll:has(>div:last-child:nth-child(2))>div{flex-basis:calc((100% - 20px)/2)}
 .result-scroll:has(>div:last-child:nth-child(3))>div{flex-basis:calc((100% - 40px)/3)}
}
.outfit-original{justify-self:start;width:max-content;text-align:left}