.ph{padding-top:clamp(56px,9vh,112px)}.ph-in{grid-template-columns:minmax(0,7fr) minmax(260px,4fr);align-items:end;gap:32px clamp(32px,5vw,96px);display:grid}.ph-h{letter-spacing:-.05em;text-wrap:balance;max-width:14ch;font-size:clamp(2.6rem,1rem + 4.6vw,5.6rem);font-weight:400;line-height:.98}.ph-side{justify-items:start;gap:22px;padding-bottom:.6rem;display:grid}.ph-lead{color:var(--ink-2);text-wrap:pretty;max-width:44ch;font-size:1.08rem;line-height:1.55}.ph-facts{border-top:1px solid var(--line-2);grid-template-columns:repeat(4,1fr);margin:clamp(40px,6vh,64px) 0 0;display:grid}.ph-facts div{padding:18px 20px 0 0}.ph-facts div+div{border-left:1px solid var(--line);padding-left:20px}.ph-facts dt{color:var(--ink-3);font-size:.82rem}.ph-facts dd{letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(1.3rem,1rem + .8vw,1.8rem)}.ph-band{border-radius:20px;height:clamp(260px,46vh,560px);margin:clamp(40px,6vh,64px) 10px 0;overflow:hidden}.ph-band img{object-fit:cover;width:100%;height:100%;transition:transform 2s var(--ease-out);transform:scale(1.05)}.is-ready .ph-band img{transform:none}.ph-h,.ph-side,.ph-facts,.ph-band{opacity:0;transform:translateY(16px)}.is-ready .ph-h{opacity:1;transition:opacity .9s var(--ease-out) 80ms, transform 1.1s var(--ease-out) 80ms;transform:none}.is-ready .ph-side{opacity:1;transition:opacity .9s var(--ease-out) .26s, transform 1.1s var(--ease-out) .26s;transform:none}.is-ready .ph-facts{opacity:1;transition:opacity .9s var(--ease-out) .38s, transform 1.1s var(--ease-out) .38s;transform:none}.is-ready .ph-band{opacity:1;transition:opacity 1s var(--ease-out) .42s, transform 1.2s var(--ease-out) .42s;transform:none}.no-js .ph-h,.no-js .ph-side,.no-js .ph-facts,.no-js .ph-band{opacity:1;transform:none}.sec{padding-top:var(--gap-section)}.ttl{letter-spacing:-.04em;text-wrap:balance;max-width:17ch;font-size:clamp(2.2rem,1.25rem + 2.7vw,3.85rem);font-weight:400;line-height:1.02}.sec-head{justify-content:space-between;align-items:end;gap:40px;padding-bottom:40px;display:flex}.sec-head .body{max-width:42ch;color:var(--ink-3)}.lnk{height:44px;box-shadow:inset 0 0 0 1px var(--line-2);white-space:nowrap;transition:background-color var(--t-mid) var(--ease-out), color var(--t-mid) var(--ease-out), box-shadow var(--t-mid);border-radius:999px;align-items:center;gap:12px;padding:0 15px 0 17px;font-size:.92rem;font-weight:500;display:inline-flex}.lnk:hover{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px var(--ink)}.lnk:hover .arr svg{transition:transform .38s var(--ease-io)}.lnk:hover .arr svg:first-child{transform:translate(130%)}.lnk:hover .arr svg+svg{transform:translate(0)}.live{background:#2f9e5b;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.page-end{padding-bottom:var(--gap-section)}.fld{gap:8px;display:grid}.fld>label,.fld>.fld-l{color:var(--ink-2);font-size:.84rem}.fld input,.fld textarea,.fld select{width:100%;min-height:52px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--t-ui) var(--ease-out);background:#fff;border:0;border-radius:8px;padding:14px 16px;font-size:1rem}.fld textarea{resize:vertical;min-height:140px}.fld input:hover,.fld textarea:hover,.fld select:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.fld input:focus,.fld textarea:focus,.fld select:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:none}.fld [aria-invalid=true]{box-shadow:inset 0 0 0 1.5px var(--paint)}.fld-err{color:var(--paint-text);transition:grid-template-rows .32s var(--ease-out);grid-template-rows:0fr;font-size:.8rem;display:grid}.fld-err>span{overflow:hidden}.fld-err.is-on{grid-template-rows:1fr}.demo-note{color:var(--ink-3);background:var(--fog-2);border-radius:8px;padding:12px 14px;font-size:.82rem}@media (width<=900px){.ph-in{grid-template-columns:1fr}.ph-facts{grid-template-columns:1fr 1fr}.ph-facts div,.ph-facts div+div{border-left:0;border-bottom:1px solid var(--line);padding:14px 12px 14px 0}.ph-facts div:nth-child(2n){border-left:1px solid var(--line);padding-left:14px}.ph-band{border-radius:16px;height:62vw;margin:32px 8px 0}.sec-head{flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:28px}}@media (prefers-reduced-motion:reduce){.ph-h,.ph-side,.ph-facts,.ph-band{transform:none!important}.ph-band img{transform:none}}.page-plain main:has(form){padding-bottom:calc(var(--gap-section) * 1.2)}
