.portfolio-intro{background:radial-gradient(ellipse at 80% 0,#5b1b2440,transparent 60%);padding:60px 0 70px}
.portfolio-intro h1{max-width:950px}
.portfolio-intro .lead{max-width:760px}
.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.profile-panel{padding:32px;border:1px solid #69404a;border-radius:10px;background:linear-gradient(140deg,#321a21,#171518)}
.profile-monogram{display:grid;place-items:center;width:98px;height:98px;margin-bottom:30px;border:1px solid #89515c;border-radius:12px;color:#ff6269;font-size:2.6rem;font-weight:850;letter-spacing:-.05em}
.profile-text>p{color:var(--muted)}
.profile-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}
.profile-facts div{border-top:1px solid var(--line);padding-top:15px}
.profile-facts b{display:block;font-size:1.02rem;color:#f7f7f7}
.profile-facts span{display:block;font-size:.85rem;color:var(--muted);margin-top:5px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.project{overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0}
.project figure{margin:0;background:#101013}
.project figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.project figcaption{padding:10px 24px;color:var(--muted);font-size:.8rem;border-bottom:1px solid var(--line)}
.project-body{padding:26px}
.project-body h3{font-size:1.4rem}
.project dl{margin:24px 0}
.project dl>div{margin:18px 0}
.project dt{font-size:.82rem;font-weight:750;color:#ff737a;margin-bottom:5px}
.project dd{margin:0;color:var(--muted)}
.project details{border-top:1px solid var(--line);padding:16px 0}
.project summary{cursor:pointer;font-weight:700}
.project-detail{display:block;max-width:100%;width:100%;height:auto;max-height:540px;object-fit:contain;margin-top:18px;border-radius:5px;background:#101013}
.source-link{display:inline-block;font-size:.82rem;color:var(--muted);text-decoration:underline;text-underline-offset:4px;margin-top:14px}
.project-wide{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:24px;align-items:center}
.case-measure{padding:35px;background:linear-gradient(125deg,#321a21,#191719)}
.case-measure>b{display:block;font-size:2.8rem;line-height:1.15;color:#ff737a;letter-spacing:-.04em}
.case-measure>b span{font-size:1.2rem;white-space:nowrap}
.case-measure>p:last-child{font-size:.85rem;color:var(--muted)}
.archive-note{max-width:800px;margin-top:24px}
.process{margin-top:32px}
.portfolio-footer-link{display:inline-block;margin-top:16px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.profile-grid{grid-template-columns:1fr;gap:28px}.profile-panel{max-width:none}.project-grid{grid-template-columns:1fr}}
@media(max-width:650px){.portfolio-intro{padding:38px 0 46px}.profile-panel,.project-body,.case-measure{padding:22px}.profile-facts{grid-template-columns:1fr;gap:14px}.project-wide{grid-template-columns:1fr}.case-measure>b{font-size:2.4rem}.project figcaption{padding:10px 22px}}

.work-index{padding-top:0}
.case-list{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.case-list li{border-bottom:1px solid var(--line)}
.case-list a{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px 0}
.case-list h2{font-size:clamp(1.15rem,2.4vw,1.65rem);line-height:1.35;margin:0;letter-spacing:-.015em}
.case-list a>span{font-size:1.7rem;color:#ff737a;flex-shrink:0}
.case-list a:hover h2{color:#ff737a}
.case-list a:hover>span{transform:translateX(4px)}
.case-article{width:min(860px,calc(100% - 40px));margin:0 auto}
.article-heading{padding:48px 0 32px}
.article-heading h1{font-size:clamp(2rem,4.4vw,3.7rem)}
.article-heading .eyebrow{line-height:1.8}
.article-content{padding-bottom:40px}
.article-content figure{margin:0}
.article-content figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#0b0b0d}
.article-content figcaption{padding:12px 0;font-size:.85rem;color:var(--muted)}
.article-content .project-body{padding:18px 0}
.article-content dl{margin:0}
.article-content dl>div{padding:20px 0;border-bottom:1px solid var(--line)}
.article-content dt{font-size:1.05rem;font-weight:750;color:#ff737a;margin-bottom:8px}
.article-content dd{margin:0;color:#c2cdd1}
.article-detail{margin-top:32px}
.article-detail h2{font-size:1.6rem}
.article-detail .project-detail{max-height:650px}
.article-content .case-measure{border:1px solid var(--line);border-radius:9px}
.article-related{padding-top:0}
.article-related .related{display:grid;gap:20px}
@media(max-width:650px){.case-article{width:calc(100% - 30px)}.article-heading{padding-top:32px}.case-list a{padding:23px 0;gap:14px}}
@media(prefers-reduced-motion:reduce){.case-list a:hover>span{transform:none}}