
.blog-home{background:radial-gradient(ellipse at 100% 0,#fe4d010b,transparent 50%),var(--paper);border-top:1px solid var(--line)}
.blog-home .section-heading h2{font-size:clamp(38px,4.2vw,66px)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #fff;border-radius:10px;background:linear-gradient(135deg,#ffffffbd,#ffffff52);box-shadow:0 12px 30px #07070708;transition:transform .25s,box-shadow .25s}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #07070714}
.blog-card-image{aspect-ratio:16/10;overflow:hidden;background:#dedbd0}
.blog-card-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;transition:transform .55s}
.blog-card:hover img{transform:scale(1.04)}
.blog-card-copy{padding:28px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.blog-category{display:block;font-size:11px;letter-spacing:.07em;line-height:1.5;color:#665d51;margin-bottom:16px}
.blog-card h3{font-size:28px;line-height:1.14;letter-spacing:-.04em;margin-bottom:18px}
.blog-card-copy>p{font-size:13px;color:#55554c;margin-bottom:27px}
.blog-read{margin-top:auto;display:flex;align-items:center;gap:15px;font-size:12px;border-top:1px solid var(--line);padding-top:17px;width:100%;justify-content:space-between}
.blog-read .arrow-icon{width:19px;height:19px;flex-shrink:0}
.blog-section-footer{display:flex;justify-content:center;margin-top:40px}
.blog-intro{padding-top:70px;padding-bottom:65px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 5%,#fe4d010c,transparent 60%)}
.blog-intro>.text-link{margin-bottom:40px}.blog-intro h1{font-size:clamp(48px,6vw,88px)}.blog-intro>p{font-size:15px;margin-top:28px;color:#55554c}
.blog-library{padding-top:60px}.blog-topic{margin-bottom:70px}.blog-topic>h2{font-size:31px;margin-bottom:28px;letter-spacing:-.04em}.blog-topic:last-child{margin-bottom:0}
.article-intro{padding-top:60px;padding-bottom:45px;max-width:1320px;margin:auto}.article-intro>.text-link{margin-bottom:42px}.article-intro>.blog-category{margin-bottom:20px}
.article-intro h1{font-size:clamp(43px,5vw,72px);max-width:1000px;line-height:1.05}.article-lead{max-width:790px;font-size:18px;color:#4c4c43;margin-top:30px}
.article-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;padding-top:0;max-width:1320px;margin:auto;align-items:start}
.article-visual{margin:0;position:sticky;top:125px}.article-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 50%;border-radius:10px}.article-visual figcaption{font-size:11px;color:#68685e;margin-top:12px}
.article-section{margin:0 0 35px}.article-section h2{font-size:30px;line-height:1.15;margin-bottom:16px;letter-spacing:-.04em}.article-section p{font-size:16px;color:#44443d;line-height:1.85}
.article-education{padding:25px 26px;border-left:3px solid var(--orange);background:#ffffff8c;border-radius:0 8px 8px 0;margin-top:40px}.article-education strong{font-size:14px;font-weight:600}.article-education p{font-size:13px;color:#55554c;margin-top:10px}
.article-contact{margin-top:34px;border-top:1px solid var(--line);padding-top:28px}.article-contact>p{font-size:14px;color:#55554c;margin-bottom:20px}.blog-related{border-top:1px solid var(--line)}.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media(max-width:1100px){.blog-card-copy{padding:22px}.blog-card h3{font-size:25px}.article-layout{gap:6%}}
@media(max-width:760px){.blog-grid,.blog-related .blog-grid{grid-template-columns:1fr;gap:24px}.blog-home .section-heading{margin-bottom:30px}.blog-card-image{aspect-ratio:16/9}.blog-card h3{font-size:29px}.blog-category{font-size:11px}.blog-intro{padding-top:45px;padding-bottom:45px}.blog-intro h1{font-size:48px}.blog-intro>.text-link{margin-bottom:32px}.blog-library{padding-top:40px}.blog-topic{margin-bottom:45px}.article-intro{padding-top:40px;padding-bottom:30px}.article-intro h1{font-size:44px}.article-lead{font-size:16px;margin-top:23px}.article-layout{grid-template-columns:1fr;gap:34px}.article-visual{position:static}.article-visual img{aspect-ratio:16/10}.article-section h2{font-size:29px}.article-section p{font-size:15px}.article-education{padding:22px}.blog-related .section-heading{display:block}.blog-related .section-heading>.text-link{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card img{transition:none}.blog-card:hover,.blog-card:hover img{transform:none}}

/* The library is a single article list; the home retains its three highlights. */
.blog-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.blog-filter{background:#ffffff88;color:var(--ink);border:1px solid var(--line);padding:14px 21px;border-radius:5px;font-size:13px;transition:background .2s,border-color .2s}
.blog-filter:hover{border-color:var(--orange)}
.blog-filter[aria-pressed="true"]{background:var(--orange);border-color:var(--orange)}
.blog-list-status{min-height:35px;display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:12px;color:#665f52}
.blog-clear-filter{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 3px;font-size:12px;color:var(--ink)}
.blog-clear-filter[hidden],.blog-article-row[hidden]{display:none}
.blog-article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}
.blog-article-row>a{display:grid;grid-template-columns:230px minmax(0,1fr) 42px;align-items:center;gap:34px;padding:18px 25px 18px 18px;background:linear-gradient(120deg,#ffffffd9,#ffffff66);border:1px solid #fff;border-radius:10px;box-shadow:0 8px 26px #07070705;transition:transform .2s,border-color .2s}
.blog-article-row>a:hover{transform:translateY(-2px);border-color:#fe4d0150}
.blog-list-image{aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:#ece8dc}
.blog-list-image img{width:100%;height:100%;object-fit:cover}
.blog-list-copy{min-width:0}
.blog-list-copy .blog-category{margin-bottom:12px;font-size:10px}
.blog-list-copy h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.04em;line-height:1.14;margin-bottom:12px}
.blog-list-copy p{font-size:13px;color:#55554c;max-width:620px}
.blog-list-arrow{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#ffffffbd;border:1px solid var(--line)}
.blog-list-arrow .arrow-icon{width:18px;height:18px}
.article-visual img{aspect-ratio:3/2;object-fit:contain;background:#eeeadd}
.blog-card-image img{object-position:center}
@media(max-width:1000px){.blog-article-row>a{grid-template-columns:180px minmax(0,1fr) 36px;gap:24px;padding:16px}.blog-list-arrow{width:36px;height:36px}.blog-list-copy h2{font-size:27px}}
@media(max-width:760px){.blog-filters{gap:9px}.blog-filter{flex:1 1 100%;text-align:left;padding:14px 17px;font-size:13px}.blog-list-status{margin-bottom:15px}.blog-article-row>a{grid-template-columns:minmax(0,1fr) 36px;gap:20px;padding:16px}.blog-list-image{grid-column:1/-1;aspect-ratio:16/9}.blog-list-copy .blog-category{font-size:10px}.blog-list-copy h2{font-size:27px}.blog-list-copy p{font-size:13px}.blog-list-arrow{align-self:end;margin-bottom:4px}.article-visual img{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.blog-filter,.blog-article-row>a{transition:none}.blog-article-row>a:hover{transform:none}}
