/* Portfolio page v2. Only narrative/article/timeline/subscription UI.
   Site header, footer, font family and buttons remain in site2026/site.css. */
.portfolio26 {color:var(--ink,#172f3a);overflow:clip;}
.portfolio26 *, .portfolio26 *:before, .portfolio26 *:after {box-sizing:border-box}
.portfolio26 .p26-kicker {color:#356650;font-size:11px;font-weight:780;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.portfolio26 .p26-hero {background:linear-gradient(115deg,#f6f9f6,#eef5f0);padding:76px 0 83px}
.portfolio26 .p26-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.82fr);align-items:center;gap:clamp(38px,7vw,110px)}
.portfolio26 .p26-hero h1{font-size:clamp(42px,4.9vw,67px);letter-spacing:-.054em;line-height:1.095;margin:19px 0 27px;max-width:670px}
.portfolio26 .p26-hero h1 span{color:#42745d}
.portfolio26 .p26-hero p{font-size:15px;line-height:1.85;color:#536a70;margin:0 0 16px;max-width:630px}
.portfolio26 .p26-hero .p26-hero-lead{font-size:17px;line-height:1.78;color:#344f58}
.portfolio26 .p26-hero strong{color:#1b3d42}
.portfolio26 .p26-text-link{display:inline-block;margin-top:12px;color:#32664c;font-weight:760;font-size:14px;border-bottom:1px solid #9bbca7;padding-bottom:6px}
.portfolio26 .p26-text-link:hover{color:#214a3b}
.portfolio26 .p26-author-figure{position:relative;max-width:485px;width:100%;margin:0;justify-self:end;overflow:hidden;border-radius:15px;background:#dae7dc;box-shadow:0 15px 43px #213d3020}
.portfolio26 .p26-author-figure img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:50% 44%}
.portfolio26 .p26-author-figure figcaption{position:absolute;bottom:17px;left:17px;display:flex;flex-direction:column;gap:4px;color:#fff;background:#193846e9;padding:13px 15px;border-radius:7px;box-shadow:0 5px 14px #1115}
.portfolio26 .p26-author-figure figcaption strong{font-size:14px;line-height:1.2;color:#fff}
.portfolio26 .p26-author-figure figcaption span{font-size:11px;color:#d0e0e3;line-height:1.4}
.portfolio26 .p26-article{padding:84px 0 30px;background:#fff}
.portfolio26 .p26-reading{max-width:875px}
.portfolio26 .p26-reading h2{font-size:clamp(28px,3vw,38px);line-height:1.23;letter-spacing:-.035em;margin:44px 0 23px;color:#1a3341}
.portfolio26 .p26-reading h2:first-child{margin-top:0}
.portfolio26 .p26-reading p{font-size:16px;line-height:1.91;color:#536a74;margin:0 0 19px}
.portfolio26 .p26-reading a,.portfolio26 .p26-practice-copy p a{color:#32664d;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#8db49e}
.portfolio26 .p26-reading strong{color:#203f48}
.portfolio26 .p26-history{padding:76px 0 86px;background:#f3f7f3}
.portfolio26 .p26-section-heading{margin-bottom:32px}
.portfolio26 .p26-section-heading h2{font-size:clamp(30px,3.2vw,42px);line-height:1.18;letter-spacing:-.038em;margin:9px 0 13px}
.portfolio26 .p26-section-heading p{font-size:15px;line-height:1.7;color:#5f757b;margin:0;max-width:720px}
.portfolio26 .p26-timeline{max-width:1000px;border-top:1px solid #dbe5df}
.portfolio26 .p26-timeline-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;border-bottom:1px solid #dbe5df;padding:28px 0}
.portfolio26 .p26-year{color:#3d765b;font-size:25px;font-weight:790;line-height:1.2;letter-spacing:-.03em}
.portfolio26 .p26-timeline-item h3{font-size:21px;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em;color:#1d3541}
.portfolio26 .p26-timeline-item p{font-size:15px;line-height:1.75;color:#566d75;max-width:780px;margin:0 0 9px}
.portfolio26 .p26-timeline-item a{font-size:13px;color:#326b51;font-weight:740}
.portfolio26 .p26-timeline-item a:hover{text-decoration:underline}
.portfolio26 .p26-conclusion{padding:70px 0 88px;background:#fff}
.portfolio26 .p26-conclusion .p26-reading h2{margin-top:0}
.portfolio26 .p26-practice{background:#f4f7f4;padding:78px 0 90px;border-top:1px solid #e1e9e3}
.portfolio26 .p26-practice-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.87fr);gap:clamp(35px,7vw,95px);align-items:center}
.portfolio26 .p26-practice h2{font-size:clamp(30px,3.2vw,43px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 24px}
.portfolio26 .p26-practice-copy p{color:#536b72;font-size:15px;line-height:1.82;margin:0 0 17px}
.portfolio26 .p26-practice-price{display:flex;flex-direction:column;gap:7px;padding:19px 0 18px;margin-top:14px;border-top:1px solid #dce5df}
.portfolio26 .p26-practice-price strong{font-size:24px;letter-spacing:-.035em;color:#173e36}
.portfolio26 .p26-practice-price span{font-size:13px;color:#6b7d7d;line-height:1.5}
.portfolio26 .p26-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;background:#2f644d;color:#fff!important;font-size:14px;font-weight:750;padding:12px 21px;border-radius:6px;margin:1px 0 17px;max-width:100%;text-align:center}
.portfolio26 .p26-button:hover{background:#22523d}
.portfolio26 .p26-practice-copy .p26-practice-small{font-size:12px;line-height:1.73;color:#728584;margin-top:0;margin-bottom:0}
.portfolio26 .p26-report-figure{margin:0;min-width:0}
.portfolio26 .p26-report-picture{background:#e8f0ea;border:1px solid #dfebe2;overflow:hidden;border-radius:12px;box-shadow:0 15px 30px #223c3020;padding:0}
.portfolio26 .p26-report-picture img{width:100%;height:auto;display:block;max-width:100%;object-fit:contain}
.portfolio26 .p26-report-figure figcaption{font-size:12px;color:#718380;line-height:1.6;margin-top:12px}
@media(max-width:970px){.portfolio26 .p26-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);gap:36px}.portfolio26 .p26-hero{padding:60px 0 66px}.portfolio26 .p26-practice-grid{gap:35px}}
@media(max-width:760px){.portfolio26 .p26-hero-grid,.portfolio26 .p26-practice-grid{grid-template-columns:1fr}.portfolio26 .p26-author-figure{justify-self:start;max-width:520px}.portfolio26 .p26-hero h1{font-size:clamp(38px,8.5vw,53px)}.portfolio26 .p26-hero .p26-hero-lead{font-size:16px}.portfolio26 .p26-article{padding:58px 0 20px}.portfolio26 .p26-reading h2{margin:31px 0 17px}.portfolio26 .p26-reading p{font-size:15px;line-height:1.78}.portfolio26 .p26-history{padding:61px 0 67px}.portfolio26 .p26-timeline-item{grid-template-columns:1fr;gap:7px;padding:22px 0}.portfolio26 .p26-year{font-size:20px}.portfolio26 .p26-timeline-item h3{font-size:19px}.portfolio26 .p26-conclusion{padding:58px 0 64px}.portfolio26 .p26-practice{padding:57px 0 68px}.portfolio26 .p26-report-figure{max-width:540px}}
@media(max-width:460px){.portfolio26 .p26-hero{padding:42px 0 55px}.portfolio26 .p26-hero h1{font-size:40px}.portfolio26 .p26-hero p{font-size:14px}.portfolio26 .p26-author-figure figcaption{bottom:12px;left:12px}.portfolio26 .p26-button{width:100%}.portfolio26 .p26-practice-price strong{font-size:21px}}