/* Approved review: manual enlargement, proportional C media and readable mobile flow. */
.media-dialog{padding:52px 60px 18px}
.media-dialog img{max-width:calc(94vw - 120px)}
.media-prev,.media-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;background:#00394c;color:white;font-size:32px;line-height:1;cursor:pointer}
.media-prev{left:8px}.media-next{right:8px}
.media-prev[hidden],.media-next[hidden],.film-start[hidden]{display:none}
.media-position{font-size:13px;text-align:center;margin:8px 0 0;color:#c9dcdf}
.media-prev:focus-visible,.media-next:focus-visible,.film-start:focus-visible{outline:3px solid #00ad1f;outline-offset:3px}
.film-start{position:absolute;z-index:9;left:18px;bottom:70px;min-height:44px;padding:10px 16px;border:1px solid #ffffffb0;border-radius:24px;background:#00394ce8;color:white;font:600 14px Arial,sans-serif;cursor:pointer}
.c-hero>.film-start{top:calc(var(--header-height,80px) + 24px);bottom:auto}
@media(min-width:901px){
 .c-scroll .c-story>.c-story-grid{max-width:none;margin:0;grid-template-columns:minmax(0,42%) minmax(0,1fr);column-gap:clamp(24px,4vw,64px)}
 .c-scroll .c-story-copy{width:100%;max-width:none;align-self:start}
 .c-scroll .c-story .problem-media{width:100%;height:auto;align-self:center}
 .c-scroll .c-story .problem-gallery{width:100%;height:auto;flex:0 0 auto;aspect-ratio:16/9;max-height:calc(var(--c-view) - var(--header-height,80px) - 100px)}
 .c-scroll .c-story.is-reading-flow .problem-media{height:auto;max-width:none;margin:0;align-self:start}
 .c-scroll .c-story.is-reading-flow>.c-story-grid{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:900px){
 .c-scroll main>.c-story,.c-scroll main>#why.c-story,.c-scroll main>.c-story.is-reading-flow{height:auto;min-height:var(--c-view);max-height:none;display:block;padding:calc(var(--header-height,70px) + 12px) 20px calc(var(--section-peek,20px) + 18px)}
 .c-scroll .c-story>.c-story-grid,.c-scroll .c-story.is-reading-flow>.c-story-grid{width:100%;height:auto;max-width:none;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:16px;margin:0}
 .c-scroll .c-story-copy{height:auto;max-height:none;overflow:visible;align-self:start;padding-right:0}
 .c-scroll .c-story-copy p{font-size:16px;line-height:1.4;margin-bottom:10px}
 .c-scroll .c-story .problem-media,.c-scroll .c-story.is-reading-flow .problem-media{height:auto;width:100%;max-width:none;margin:0;align-self:start;min-height:0}
 .c-scroll .c-story .problem-gallery{height:auto;aspect-ratio:4/3;width:100%;min-height:220px;max-height:none;flex:0 0 auto}
 .c-scroll .c-story>.c-story-grid{align-content:start}
 .c-scroll .problem-gallery .problem-controls{min-height:44px;bottom:0}
 .c-scroll .problem-controls button{min-width:44px;min-height:44px}
 .c-scroll .problem-dots button{min-width:0;min-height:0}
 .c-scroll main>section#contact.c-story-contact{height:auto;min-height:var(--c-view);max-height:none}
 .c-scroll .c-story-contact>.section-inner{overflow:visible;max-height:none}
 .media-dialog{padding:52px 48px 18px}.media-dialog img{max-width:calc(94vw - 96px)}
}
.c-nets .c-hero .product-slide .slide-visual>img{inset:0;top:0;width:100%;height:100%;padding:0;object-fit:contain}
.c-nets .c-hero .slide-visual:before{background-image:var(--slide-image);filter:blur(12px) brightness(.72)}
