.homepage-design{--paper:var(--page-background);--ink:var(--heading);--accent:var(--primary);--accent-ink:var(--on-primary);--line:var(--border);--soft:var(--surface);--radius:var(--radius-control);color:var(--ink);background:var(--paper);overflow-wrap:anywhere;font-size:1.125rem;line-height:1.65}.homepage-design .homepage-opening{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"intro illustration""materials materials";align-items:center;gap:36px 48px;width:min(1120px,100% - 64px);margin-inline:auto;padding-block:40px;display:grid}.homepage-opening>.opening-intro{grid-area:intro;min-width:0}.homepage-opening>.opening-materials{grid-area:materials;min-width:0}.homepage-opening>.opening-illustration{grid-area:illustration;min-width:0}.homepage-design [data-home-opening] [data-home-intro]{border:0;width:100%;margin:0;padding:0;display:block;overflow:visible}.homepage-design [data-home-opening] [data-home-intro] .wrap,.homepage-design [data-home-opening] .opening-materials .wrap{width:100%}.homepage-design [data-home-opening] [data-home-intro] h1{margin-block:16px 22px;font-size:clamp(2.5rem,4.1vw,4rem)}.homepage-design [data-home-opening] [data-home-materials]{width:100%;margin:0;padding-block:24px 0}.homepage-design [data-home-opening] [data-home-materials] h2{font-size:clamp(1.75rem,2.6vw,2.2rem);line-height:1.2}.homepage-design [data-home-opening] .opening-illustration .art-title{font-family:var(--heading-font)}.homepage-opening .opening-audiences{flex-wrap:wrap;gap:10px 20px;margin-top:20px;font-size:1rem;font-weight:600;display:flex}.homepage-opening .opening-audiences a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.homepage-design .homepage-opening.opening-saldo{column-gap:0}.opening-saldo>.opening-intro,.opening-saldo>.opening-illustration{background:#152e37;align-self:stretch;padding:28px}.opening-saldo>.opening-illustration{align-items:center;display:flex}@media (width<=950px){.homepage-design .homepage-opening{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""materials""illustration";gap:24px;padding-block:28px 36px}.homepage-opening>.opening-illustration{width:min(100%,600px);margin-inline:auto}.homepage-design [data-home-opening] [data-home-materials]{padding-top:0}}@media (width<=680px){.homepage-design .homepage-opening{width:calc(100% - 40px)}.homepage-design .opening-saldo>.opening-intro,.homepage-design .opening-saldo>.opening-illustration{width:auto;margin-inline:-20px;padding:24px 20px}}.homepage-design a{color:inherit;text-decoration:none}.homepage-design :where(img,svg){max-width:100%;display:block}.homepage-design :where(h1,h2,h3,p){margin-top:0}.homepage-design :where(h1,h2,h3){color:var(--ink)}.homepage-design :where(h1,h2){font-family:var(--heading-font);font-weight:500}.homepage-design h1{letter-spacing:-.05em;max-width:none;margin-bottom:24px;font-size:clamp(2.7rem,5.4vw,4.75rem);line-height:1.06}.homepage-design h2{letter-spacing:-.035em;margin-bottom:20px;font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.15}.homepage-design h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.3rem;line-height:1.3}.homepage-design p{margin-bottom:20px}.homepage-design small{font-size:.875rem}.homepage-design .wrap{width:min(1120px,100% - 64px);margin-inline:auto}.homepage-design .eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px;font-size:.875rem;font-weight:650}.homepage-design .lead{color:var(--muted);max-width:52ch;font-size:1.25rem;line-height:1.65}.homepage-design .action{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);text-align:center;justify-content:center;align-items:center;gap:15px;max-width:100%;min-height:48px;padding:13px 22px;font-size:1rem;font-weight:600;line-height:1.4;display:inline-flex}.homepage-design .action-secondary{color:var(--ink);border-color:var(--line);background:0 0}.homepage-design .action:hover{filter:brightness(.96)}.homepage-design .actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px;display:flex}.homepage-design .text-link{align-items:center;gap:12px;font-size:1rem;font-weight:600;display:inline-flex}.homepage-design .text-link:hover{text-underline-offset:5px;text-decoration:underline}.homepage-design .section{padding-block:88px}.homepage-design .section-head{justify-content:space-between;align-items:end;gap:36px;margin-bottom:36px;display:flex}.homepage-design .section-head h2{max-width:22ch;margin-bottom:0}.homepage-design .section-head>p{color:var(--muted);max-width:38ch;margin-bottom:0}.homepage-design .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.homepage-design .resource{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.homepage-design .resource summary{cursor:pointer;padding:26px;list-style:none}.homepage-design .resource summary::-webkit-details-marker{display:none}.homepage-design .resource summary>:last-child{margin-bottom:0}.homepage-design .resource summary h3{margin-top:22px}.homepage-design .resource summary p{color:var(--muted);font-size:1rem}.homepage-design .resource>p,.homepage-design .resource>div{color:var(--muted);margin:0;padding:0 26px 26px;font-size:1rem}.homepage-design .resource[open]{border-color:var(--accent)}.homepage-design .resource-type{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.875rem;font-weight:600}.homepage-design .resource-arrow{color:var(--accent);margin-top:12px;font-size:1rem;font-weight:600;display:inline-block}.homepage-design .concept-note{color:var(--muted);font-size:.875rem;line-height:1.55}.homepage-design section[id]{scroll-margin-top:28px}.homepage-design .homepage-source{width:min(1120px,100% - 64px);color:var(--muted);border-top:1px solid var(--line);margin:0 auto;padding-block:28px 36px;font-size:1rem}.homepage-design .homepage-source p{margin:0}@media (width<=760px){.homepage-design .wrap,.homepage-design .homepage-source{width:calc(100% - 40px)}.homepage-design .section{padding-block:58px}.homepage-design .section-head{display:block}.homepage-design .section-head>p{margin-top:20px}.homepage-design .resource-grid{grid-template-columns:minmax(0,1fr)}.homepage-design .resource summary{padding:24px}.homepage-design .resource>p,.homepage-design .resource>div{padding-inline:24px}}@media (width<=380px){.homepage-design .wrap,.homepage-design .homepage-source{width:calc(100% - 32px)}.homepage-design .actions{gap:18px}.homepage-design .action{padding-inline:18px}}