.hero-grid{max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(300px,38%);align-items:center}
.hero h1{font-size:clamp(2rem,2.4vw,2.4rem)}
.hero-copy-line{display:block}
.hero-copy-unit{display:inline-block;white-space:nowrap}
.problem{word-break:keep-all;overflow-wrap:break-word}
.service-card h3,.detail-card h2{word-break:keep-all;overflow-wrap:break-word}
.service-text-unit{white-space:nowrap}
.support-section{background:var(--white)}
.support-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:56px;align-items:center;padding:52px;background:var(--pale);border:1px solid var(--line);border-left:5px solid var(--green)}
.support-copy h2{margin:15px 0 22px}
.support-text p{margin:0;color:var(--muted);font-size:1.02rem}
.support-text p+p{margin-top:12px}
.support-text-unit,.support-item-label{white-space:nowrap}
.support-list{list-style:none;margin:0;padding:0;background:var(--white);border:1px solid var(--line)}
.support-list li{position:relative;margin:0;padding:18px 20px 18px 48px;font-weight:600}
.support-list li+li{border-top:1px solid var(--line)}
.support-list li:before{content:"";position:absolute;left:22px;top:50%;width:10px;height:10px;border:2px solid var(--green);border-radius:50%;transform:translateY(-50%)}
.hero-visual{position:relative;border-left:1px solid var(--green);padding-left:30px}
.hero-visual picture,.hero-visual img{display:block}
.hero-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid rgba(0,155,139,.16);box-shadow:0 16px 38px rgba(32,41,50,.10)}
.hero-visual-label{margin:14px 0 0;color:var(--green-dark);font-size:.8rem;letter-spacing:.2em;line-height:1.7}
.page-image{margin:0;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 32px rgba(32,41,50,.07);background:#fff}
.page-image img{display:block;width:100%;height:100%;object-fit:cover}
.page-image-wide{max-height:360px}
.page-image-wide img{aspect-ratio:16/7}
.service-visuals{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.service-visuals .page-image img{aspect-ratio:16/9}
@media(min-width:1024px){.hero-copy-line{white-space:nowrap}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr minmax(260px,360px)}.support-panel{grid-template-columns:1fr;gap:32px;padding:40px}.service-visuals{gap:18px}}
@media(max-width:650px){.hero h1{font-size:2.15rem}.hero-visual{margin-top:34px;padding-left:18px}.hero-visual img{aspect-ratio:16/10}.support-panel{padding:28px 24px}.support-list li{padding:16px 18px 16px 44px}.support-list li:before{left:20px}.page-image-wide{max-height:none}.page-image-wide img,.service-visuals .page-image img{aspect-ratio:4/3}.service-visuals{grid-template-columns:1fr;margin-bottom:26px}}

/* Watermark demo screenshots without changing the source images. */
.sample-image{position:relative;width:100%;line-height:0;container-type:inline-size}
.sample-image img{height:auto}
.sample-image-contained{max-width:calc(324px * var(--sample-image-ratio))}
.sample-watermark{position:absolute;right:clamp(8px,2cqw,16px);bottom:clamp(8px,2cqw,16px);padding:.1em .24em;color:transparent;background:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(32,41,50,.6);font-size:32px;font-size:clamp(24px,8cqw,56px);font-weight:800;line-height:1;letter-spacing:.08em;text-shadow:none;pointer-events:none}