.interior-view[data-page-kind="portfolio"]{padding-top:70px}
[data-page-kind="portfolio"] .site-header{background:#fff;color:var(--ink);border-bottom:1px solid #e6e6e2}
[data-page-kind="portfolio"] .header-inner{height:70px}
[data-page-kind="portfolio"] .logo-link,[data-page-kind="portfolio"] .header-brand{height:54px}
[data-page-kind="portfolio"] .header-wordmark{opacity:0}
[data-page-kind="portfolio"] .header-mark{transform:translate(37.5px,2px) scale(1)}
[data-page-kind="portfolio"] .mark-tone{fill:var(--mark-color)}
[data-page-kind="portfolio"] .dropdown,[data-page-kind="portfolio"] .site-header .mobile-menu:not([hidden]){background:#fff;color:var(--ink)}
[data-page-kind="portfolio"] .menu-button{color:var(--ink);border-color:#0b0d0c44}
@media(max-width:900px){.interior-view[data-page-kind="portfolio"]{padding-top:60px}[data-page-kind="portfolio"] .header-inner{height:60px}[data-page-kind="portfolio"] .logo-link,[data-page-kind="portfolio"] .header-brand{height:48px}[data-page-kind="portfolio"] .header-mark{transform:translate(25px,2.5px) scale(.86)}}
.portfolio-intro{padding:70px 0 48px;background:#f3f3ef}
.portfolio-intro h1{font-size:clamp(42px,5vw,72px);max-width:880px}
.portfolio-intro .lead{max-width:780px;margin-top:22px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.portfolio-card{display:block;text-decoration:none}
.portfolio-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.portfolio-card .eyebrow{margin:22px 0 8px;color:#63665f;letter-spacing:.08em}
.portfolio-card :is(h2,h3){font-size:32px;margin:0 0 8px}
.portfolio-card p{font-size:17px;line-height:1.5}
.portfolio-card .text-link{margin-top:12px}
.portfolio-card:hover :is(h2,h3){text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:7px}
.portfolio-case-head{padding:38px 0 0;background:#f3f3ef}
.portfolio-breadcrumb{font-size:14px;margin-bottom:35px;color:#62655e}
.portfolio-case-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:55px;align-items:center;padding-bottom:50px}
.portfolio-case-grid h1{font-size:clamp(42px,4.4vw,66px);line-height:1.07;max-width:680px}
.portfolio-case-grid .lead{margin-top:24px;font-size:20px;line-height:1.6}
.portfolio-case-grid figure img{width:100%;aspect-ratio:5/4;object-fit:cover}
.portfolio-case-grid figcaption{font-size:12px;color:#60645b;margin-top:9px;text-align:right}
.portfolio-case-grid figcaption a{text-decoration-color:#bbb}
.portfolio-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:25px 0 30px;margin:0;border-top:1px solid #cecebd}
.portfolio-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#66695f;margin-bottom:7px}
.portfolio-facts dd{margin:0;font-size:17px;font-weight:600}
.portfolio-story{width:min(850px,calc(100% - 104px));margin:auto;padding:68px 0}
.portfolio-story section+section{margin-top:45px}
.portfolio-story h2{font-size:clamp(28px,3vw,38px);margin-bottom:22px}
.portfolio-story p{font-size:20px;line-height:1.75}
.portfolio-group{margin-top:48px}
.portfolio-group img{width:100%;height:auto}
.portfolio-group figcaption{font-size:13px;color:#66695f;margin-top:10px}
.portfolio-next{background:#f3f3ef;padding:58px 0 65px}
.portfolio-next .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.portfolio-next h2{font-size:clamp(30px,3.4vw,44px)}
.portfolio-next p{margin-top:16px;max-width:570px}
.portfolio-next .portfolio-course-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:25px}
.portfolio-course-links .text-link{font-size:17px}
.portfolio-inbound{padding:28px 0;border-top:1px solid #d4b175;margin-top:32px}
.portfolio-inbound p{margin:0;font-size:17px}
.portfolio-related{background:#fff}
.portfolio-related .section-heading{align-items:center}
@media(max-width:950px){.portfolio-case-grid{gap:30px}.portfolio-case-grid .lead{font-size:18px}.portfolio-case-grid h1{font-size:44px}.portfolio-grid{gap:22px}.portfolio-card :is(h2,h3){font-size:28px}}
@media(max-width:700px){.portfolio-intro{padding:42px 0 35px}.portfolio-case-head{padding-top:24px}.portfolio-breadcrumb{margin-bottom:22px}.portfolio-case-grid{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.portfolio-case-grid h1{font-size:42px}.portfolio-case-grid figure img{aspect-ratio:4/3}.portfolio-facts{grid-template-columns:1fr;gap:16px;padding-bottom:26px}.portfolio-facts>div{display:grid;grid-template-columns:95px 1fr;gap:10px}.portfolio-facts dt{padding-top:3px}.portfolio-facts dd{font-size:16px}.portfolio-story{width:calc(100% - 40px);padding:42px 0}.portfolio-story p{font-size:18px}.portfolio-next .wrap{grid-template-columns:1fr;gap:32px}.portfolio-grid{grid-template-columns:1fr;gap:38px}.portfolio-card img{aspect-ratio:3/2}.portfolio-related .section-heading{align-items:start;flex-direction:column;gap:15px}.portfolio-intro h1{font-size:43px}.portfolio-next{padding:42px 0}}
.portfolio-archive{margin-top:54px;border-top:1px solid #d5d5cf;padding-top:28px}
.portfolio-archive h2{font-size:26px;margin:0 0 15px}
.portfolio-archive ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0;padding:0}
.portfolio-archive a{text-underline-offset:4px}
.portfolio-case-grid figure:has(img[srcset]) img{display:block;aspect-ratio:auto;height:auto}
.portfolio-number{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:clamp(20px,4vw,64px);background:#181916;color:#fff}
.portfolio-number strong{font:800 clamp(40px,5vw,80px)/1 Wide,sans-serif;color:#f2c770;letter-spacing:-.045em}
.portfolio-number span{font:500 18px/1.35 Reading,sans-serif}
.portfolio-case-grid .portfolio-author{font-size:15px;line-height:1.5;margin-top:18px;color:#5a5d54}
.portfolio-sources{margin-top:36px;border-top:1px solid #d2cfc5;padding-top:22px}
.portfolio-sources h2{font-size:20px;margin-bottom:8px}
.portfolio-sources li{margin:8px 0}