/* Phone-frame demo pages (page-level effects). Demo only. */
body.fr{font-size:16px}
.fr h1{font-size:clamp(38px,11vw,72px)}.fr h2{font-size:clamp(30px,8vw,54px)}
.fr section{padding:48px 0}
.fr-hero{padding:44px 0 40px;background:var(--dk);color:var(--on-dk)}.fr-hero .k{color:#f0a072}.fr-hero p{color:color-mix(in srgb,var(--on-dk) 80%,transparent)}
.fr-ph{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--bg2)}.fr-ph img{width:100%;height:100%;object-fit:cover}
.fr-end{padding:48px 0 80px}