/* Public subpages share the homepage layout and visual components. */
.subpage-design .brand>span:last-child{color:var(--text)}
.subpage-design .page-main .btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border:1px solid rgba(157,225,255,.45);border-radius:100px;background:linear-gradient(105deg,#1769f3 0%,#168ee9 47%,#7953e7 100%);color:#fff;font-weight:720;box-shadow:0 0 28px rgba(41,119,255,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.subpage-design .page-main{width:min(var(--shell),calc(100% - 56px));max-width:var(--shell);padding-top:0}
.subpage-hero{position:relative;isolation:isolate;padding:76px 0 64px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.subpage-hero::before{content:"";position:absolute;z-index:-1;inset:0 calc((min(1240px,100vw - 56px) - 100vw)/2);pointer-events:none;background:radial-gradient(ellipse at 90% 12%,rgba(44,91,255,.22),transparent 58%),radial-gradient(ellipse at 60% 90%,rgba(122,26,183,.12),transparent 58%)}
.subpage-hero.hero-grid{grid-template-columns:1.12fr .88fr;gap:48px}
.subpage-design .subpage-hero h1{font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:1.04;letter-spacing:-.065em;max-width:800px}
.subpage-hero .visual{min-height:310px;aspect-ratio:1.25;align-self:center}
.subpage-hero .visual img{width:100%;height:auto;object-fit:contain}
.subpage-design .subpage-hero :is(.page-lede,.intro,.lede){font-size:1.08rem;line-height:1.8;margin-bottom:24px}
.subpage-design .subpage-hero p:last-child{margin-bottom:0}
.subpage-design p:has(>.button){display:flex;flex-wrap:wrap;gap:12px}
.subpage-design .page-main .button-secondary{background:transparent;border:1px solid var(--line);box-shadow:none}
.subpage-design .editorial-section,.subpage-design main>article>section{padding:32px;margin:24px 0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(20,27,51,.6),var(--surface-2) 70%)}
.subpage-design .editorial-section p:last-child,.subpage-design main>article>section p:last-child{margin-bottom:0}
.subpage-design .page-main>h2{margin-top:40px}
.subpage-design .page-main li{margin-bottom:10px}
.subpage-design .diy-intro{padding-top:76px;padding-bottom:56px;border-bottom:1px solid var(--line);margin-bottom:32px}
.subpage-design .diy-intro h1{font-size:clamp(2.8rem,4.5vw,4.6rem)}
.subpage-design .grid{gap:24px}
.subpage-design .card{padding:32px}
.subpage-design .page-main a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:900px){.subpage-hero.hero-grid{grid-template-columns:1fr}.subpage-hero .visual{display:none}.subpage-design .diy-intro{grid-template-columns:1fr}.subpage-design .subpage-hero h1{max-width:800px}}
@media(max-width:700px){.subpage-design .page-main{width:calc(100% - 36px)}.subpage-hero{padding:48px 0 36px;margin-bottom:28px}.subpage-design .editorial-section,.subpage-design main>article>section,.subpage-design .card{padding:24px;border-radius:22px}.subpage-design .diy-intro{padding-top:48px}.subpage-design .subpage-hero h1{font-size:clamp(2.5rem,10vw,3.5rem)}.subpage-hero::before{inset:0 -18px}}