.demo-page{min-height:100svh;background:var(--deep);color:#fff}
.demo-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:88px;padding-top:15px;padding-bottom:15px}
.demo-header .lang{color:#fff}
.demo-main{min-height:calc(100svh - 88px)}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,88px);align-items:center;min-height:calc(100svh - 88px);padding-top:12px;padding-bottom:32px}
.demo-copy{max-width:710px;padding:10px 0}
.demo-copy h1{font-size:clamp(3.4rem,5.5vw,6rem);line-height:1.02;max-width:700px;margin:12px 0 20px}
.demo-lead{font-size:clamp(1.16rem,1.5vw,1.35rem);line-height:1.58;max-width:630px;margin-bottom:12px}
.demo-detail{font-size:17px;line-height:1.65;color:#dce7de;max-width:610px;margin-bottom:23px}
.demo-mobile-note{display:flex;gap:18px;align-items:flex-start;max-width:615px;padding:16px 20px;border:1px solid #6f8a7a;background:rgba(255,255,255,.055);border-radius:5px;margin-bottom:23px}
.demo-mobile-note p{font-size:16px;line-height:1.65;margin:0;color:#f2f4ee}
.demo-mobile-icon{display:inline-grid;place-items:center;flex:none;width:28px;height:42px;border:2px solid #d6e3d7;border-radius:6px;font-size:0;position:relative}
.demo-mobile-icon:after{content:"";position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:#d6e3d7}
.demo-cta{min-height:56px;font-size:16px;padding:15px 28px}
.demo-back{display:block;width:max-content;max-width:100%;margin-top:24px;color:#e0e8dd;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.demo-visual{position:relative;align-self:stretch;min-height:560px;overflow:hidden;border-radius:280px 280px 8px 8px;background:#857261}
.demo-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center}
.demo-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,25,20,.42),transparent 38%);pointer-events:none}
.demo-visual-caption{position:absolute;z-index:1;bottom:17px;right:18px;font-size:13px;color:#fff;text-shadow:0 1px 4px #17251d}
@media(max-width:900px){.demo-layout{grid-template-columns:1fr;gap:0;align-items:start;padding-top:12px}.demo-copy{max-width:720px;padding:32px 0 60px}.demo-visual{grid-row:1;min-height:0;height:330px;border-radius:180px 180px 5px 5px}.demo-visual img{object-position:center 45%}}
@media(max-width:600px){.demo-header{min-height:70px;padding-top:11px;padding-bottom:11px}.demo-layout{padding:0 24px 48px}.demo-visual{height:310px;border-radius:0;margin:0 -24px}.demo-visual-caption{font-size:11px;right:12px;bottom:10px}.demo-copy{padding:42px 0 24px}.demo-copy h1{font-size:clamp(2.7rem,11vw,4.4rem);margin:14px 0 21px}.demo-lead{font-size:18px}.demo-detail{font-size:16px;margin-bottom:24px}.demo-mobile-note{padding:17px 18px;gap:14px;margin-bottom:24px}.demo-mobile-note p{font-size:15px}.demo-cta{width:100%;text-align:center}.demo-back{margin:24px auto 0}}

.demo-visual img{object-position:82% center}