.portfolio-case{width:var(--portfolio-wide);margin-inline:auto}.portfolio-case h1,.portfolio-case h2,.portfolio-case h3,.portfolio-case p{margin-top:0}.portfolio-case h1,.portfolio-case h2,.portfolio-case h3{color:var(--portfolio-forest);font-family:var(--dna-font-serif);font-weight:500;letter-spacing:-.045em}.portfolio-case p{color:var(--portfolio-forest-soft);font-size:clamp(15px,1.1vw,18px);line-height:1.72}.portfolio-case-back{display:inline-flex;gap:11px;align-items:center;color:var(--portfolio-forest);font-size:13px;text-decoration:none}.portfolio-case-back svg,.portfolio-case-closing nav svg{width:17px;height:17px;color:var(--portfolio-terracotta);stroke-width:1.5}.portfolio-case-back:focus-visible,.portfolio-case-closing a:focus-visible{outline:1px solid var(--portfolio-terracotta);outline-offset:5px}.portfolio-case-hero{min-height:min(760px,calc(100svh - 76px));padding-block:clamp(48px,5vw,76px) clamp(72px,7vw,112px);border-bottom:1px solid var(--portfolio-line)}.portfolio-case-hero__content{display:grid;gap:clamp(62px,8vw,118px);margin-top:clamp(72px,8vw,126px)}.portfolio-case-hero__title h1{margin-bottom:34px;font-size:clamp(92px,11vw,184px);line-height:.82}.portfolio-case-hero__title p{max-width:900px;margin-bottom:0;color:var(--portfolio-forest);font-size:clamp(22px,2vw,34px);line-height:1.42}.portfolio-case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:1px solid var(--portfolio-line)}.portfolio-case-facts div{min-width:0;padding:22px clamp(20px,2.6vw,44px) 0;border-left:1px solid var(--portfolio-line)}.portfolio-case-facts div:first-child{padding-left:0;border-left:0}.portfolio-case-facts dt{margin-bottom:9px;color:var(--portfolio-terracotta);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.portfolio-case-facts dd{margin:0;color:var(--portfolio-forest);font-size:13px;line-height:1.55}.portfolio-case-summary{display:grid;grid-template-columns:minmax(400px,.9fr) minmax(520px,1.1fr);gap:clamp(80px,11vw,180px);align-items:start;padding-block:clamp(110px,12vw,190px);border-bottom:1px solid var(--portfolio-line)}.portfolio-case-summary h2,.portfolio-case-evidence h2,.portfolio-case-closing h2{font-size:clamp(48px,5vw,82px);line-height:1}.portfolio-case-summary>div>p{max-width:720px;margin:38px 0 0;color:var(--portfolio-forest);font-size:clamp(17px,1.35vw,21px);line-height:1.75}.portfolio-case-summary ol{margin:0;padding:0;border-top:1px solid var(--portfolio-line);list-style:none}.portfolio-case-summary li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:26px;padding:26px 0;border-bottom:1px solid var(--portfolio-line)}.portfolio-case-summary li>span{padding-top:4px;color:var(--portfolio-terracotta);font-family:var(--dna-font-serif);font-size:26px;font-variant-numeric:tabular-nums}.portfolio-case-summary h3{margin-bottom:7px;font-size:clamp(25px,2vw,34px);line-height:1.2}.portfolio-case-summary li p{margin-bottom:0;font-size:14px;line-height:1.6}.portfolio-case-evidence{padding-block:clamp(100px,11vw,170px);border-bottom:1px solid var(--portfolio-line)}.portfolio-case-evidence>header{display:grid;grid-template-columns:minmax(400px,.8fr) minmax(420px,1.2fr);gap:clamp(70px,10vw,170px);align-items:end;margin-bottom:clamp(54px,7vw,96px)}.portfolio-case-evidence>header h2,.portfolio-case-evidence>header p{margin-bottom:0}.portfolio-case-evidence>header p{max-width:720px}.portfolio-case-evidence .portfolio-project-evidence{width:100%;max-width:none;margin-top:0}.portfolio-case-evidence .portfolio-project-evidence__stage{border-color:var(--portfolio-line);border-radius:22px;background:var(--portfolio-chalk-soft)}.portfolio-case-evidence .portfolio-project-evidence__stage img{object-fit:cover;object-position:center}.portfolio-case-evidence .portfolio-project-evidence__thumbnail.is-active{border-color:var(--portfolio-terracotta)}.portfolio-case-evidence .portfolio-project-evidence__caption{color:var(--portfolio-forest-soft)}.portfolio-case-closing{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(300px,.8fr);gap:clamp(80px,11vw,190px);align-items:end;padding-block:clamp(96px,11vw,170px)}.portfolio-case-closing>div p{max-width:800px;margin-bottom:0}.portfolio-case-closing nav{display:grid}.portfolio-case-closing nav a{display:flex;justify-content:space-between;align-items:center;padding-block:18px;border-bottom:1px solid var(--portfolio-line);color:var(--portfolio-forest);font-family:var(--dna-font-serif);font-size:clamp(22px,1.8vw,30px);text-decoration:none}@media(max-width:1000px){.portfolio-case-summary,.portfolio-case-evidence>header,.portfolio-case-closing{grid-template-columns:1fr;gap:60px}.portfolio-case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-case-facts div:nth-child(3){padding-left:0;border-left:0}.portfolio-case-facts div:nth-child(n+3){margin-top:22px;padding-top:22px;border-top:1px solid var(--portfolio-line)}}@media(max-width:760px){.portfolio-case-hero{min-height:0;padding-block:42px 78px}.portfolio-case-hero__content{gap:64px;margin-top:70px}.portfolio-case-hero__title h1{margin-bottom:28px;font-size:clamp(68px,22vw,104px)}.portfolio-case-hero__title p{font-size:clamp(20px,6vw,27px)}.portfolio-case-facts{grid-template-columns:1fr}.portfolio-case-facts div,.portfolio-case-facts div:first-child,.portfolio-case-facts div:nth-child(3){margin-top:0;padding:17px 0;border-top:0;border-bottom:1px solid var(--portfolio-line);border-left:0}.portfolio-case-facts div:first-child{border-top:1px solid var(--portfolio-line)}.portfolio-case-summary,.portfolio-case-evidence,.portfolio-case-closing{padding-block:82px}.portfolio-case-summary{gap:56px}.portfolio-case-summary h2,.portfolio-case-evidence h2,.portfolio-case-closing h2{font-size:clamp(44px,13vw,66px)}.portfolio-case-summary>div>p{margin-top:28px;font-size:16px}.portfolio-case-summary li{grid-template-columns:46px minmax(0,1fr);gap:14px}.portfolio-case-summary li>span{font-size:21px}.portfolio-case-evidence>header{gap:28px;margin-bottom:46px}.portfolio-case-evidence .portfolio-project-evidence__stage{border-radius:12px}.portfolio-case-closing{gap:52px}}