@font-face { font-family:Manrope; src:url('/assets/fonts/manrope-variable.woff2') format('woff2'); font-style:normal; font-weight:200 800; font-display:swap; }
:root { --paper:#fff; --ink:#080c27; --muted:#5e6987; --accent:#064bff; --line:#dce4f5; --wash:#f0f6fe; --card:#e4effc; --font:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
[data-theme='dark'] { --paper:#0b1227; --ink:#f2f5ff; --muted:#aab8d5; --accent:#91b1ff; --line:#2c3c5c; --wash:#111e38; --card:#1a2b4b; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; scroll-padding-top:calc(var(--header-height, 80px) + 24px); color-scheme:light; }
[data-theme="dark"] { color-scheme:dark; }
body.site-page { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 var(--font); -webkit-font-smoothing:antialiased; }
.site-page h1,.site-page h2,.site-page h3,.site-page p,.site-page figure { margin:0; }
.site-page h1,.site-page h2,.site-page h3 { line-height:1.12; font-weight:550; letter-spacing:-.052em; }
.site-page a { color:inherit; text-underline-offset:5px; }
.site-page img { display:block; max-width:100%; height:auto; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.site-page a:hover { color:var(--accent); }
.site-shell { width:min(1320px,calc(100% - 112px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:50; background:var(--paper); color:var(--ink); font:14px/1.5 var(--font); border-bottom:1px solid var(--line); }
.site-header .site-shell { display:flex; align-items:center; gap:28px; min-height:80px; }
.site-brand { font-size:27px; font-weight:750; text-decoration:none; letter-spacing:-.065em; color:var(--ink); white-space:nowrap; }
.site-location { font-size:11px; color:var(--muted); margin-right:auto; }
.site-nav { display:flex; gap:30px; align-items:center; }
.site-nav a { text-decoration:none; color:var(--ink); padding:12px 0; border-bottom:1px solid transparent; }
.site-nav a:hover,.site-nav a[aria-current='page'] { border-color:var(--accent); color:var(--accent); }
.site-menu,.site-theme { border:1px solid var(--line); background:transparent; color:var(--ink); font:inherit; cursor:pointer; min-height:44px; padding:8px 12px; border-radius:4px; }
.site-menu { display:none; }
.site-theme { border:0; padding:10px; }
.ui-icon { display:inline-block!important; width:16px; height:16px!important; max-width:none!important; vertical-align:-3px; flex-shrink:0; }
.site-theme .ui-icon { width:18px; height:18px!important; }
.theme-sun { display:none!important; }
[data-theme='dark'] .theme-sun { display:inline-block!important; }
[data-theme='dark'] .theme-moon { display:none!important; }
[data-theme='dark'] .ui-icon { filter:invert(1); }
.site-skip { position:fixed; top:0; left:20px; padding:14px; background:var(--ink); color:var(--paper)!important; transform:translateY(-150%); z-index:100; }
.site-skip:focus { transform:translateY(0); }
.eyebrow { font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; color:var(--accent); }
.home-hero { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) 88px; gap:32px; padding:0 0 52px; align-items:center; }
.hero-copy { padding:20px 0 8px; }
.hero-copy>.eyebrow { font-size:11px; letter-spacing:.24em; }
.home-hero h1 { font-size:clamp(48px,5.8vw,83px); font-weight:650; line-height:1.055; margin:18px 0 22px; letter-spacing:-.055em; }
.home-hero h1 span { white-space:nowrap; }
.hero-intro { max-width:490px; color:var(--muted); font-size:clamp(16px,1.65vw,21px); line-height:1.55; }
.hero-picture { align-self:stretch; }
.hero-picture img { width:100%; height:100%; aspect-ratio:0.687; object-fit:cover; object-position:center; background:#0652e8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:15px; align-items:center; margin-top:26px; }
.action { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:50px; padding:12px 24px; border:1px solid var(--line); text-decoration:none; font-size:14px; font-weight:600; border-radius:5px; transition:background .18s,color .18s,transform .18s; }
.action .ui-icon { width:19px; height:19px!important; }
.action.primary { background:#064bff; border-color:#064bff; color:#fff; }
.action.primary .ui-icon { filter:invert(1); }
.action.primary:hover { background:#003cd5; border-color:#003cd5; color:#fff; transform:translateY(-2px); }
.action.secondary:hover { background:var(--wash); }
.text-link { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:550; text-decoration:none; color:var(--accent)!important; padding-block:6px; }
.text-link .ui-icon { filter:invert(23%) sepia(97%) saturate(4667%) hue-rotate(220deg) brightness(93%) contrast(113%); }
[data-theme='dark'] .text-link .ui-icon { filter:invert(73%) sepia(28%) saturate(1100%) hue-rotate(189deg); }
.text-link:hover { text-decoration:underline; }
.social-links { display:flex; gap:28px; flex-wrap:wrap; margin-top:9px; font-size:12px; color:var(--muted); }
.social-links a { display:inline-flex; align-items:center; gap:5px; padding:7px 0; text-decoration:none; }
.social-links .ui-icon { width:12px; height:12px!important; opacity:.65; }
.current-work { display:grid; grid-template-columns:155px minmax(0,1fr); align-items:center; margin-top:32px; font-size:13px; line-height:1.5; }
.current-work>div { border-left:1px solid var(--accent); padding:0 26px; }
.current-work strong { display:block; font-size:16px; font-weight:750; letter-spacing:-.045em; margin-top:2px; }
.current-work .eyebrow { font-size:10px; letter-spacing:.1em; color:var(--muted); }
.current-work>p { color:var(--muted); border-left:1px solid var(--line); padding-left:26px; max-width:330px; }
.hero-rail { white-space:nowrap; height:100%; display:flex; flex-direction:column; font-size:10px; text-transform:uppercase; letter-spacing:.12em; line-height:1.9; color:var(--muted); }
.rail-rule { display:block; height:28%; border-left:1px solid #638bff; margin-bottom:21px; }
.rail-location { margin-top:auto!important; font-size:8px; font-weight:700; letter-spacing:.09em; border-top:1px solid var(--line); padding-top:9px; }
.rail-identities { margin-top:auto!important; letter-spacing:.055em; }
.section { padding:78px 0; }
.selected-section { background:var(--wash); padding:52px 0 60px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:28px; }
.section-heading h2 { font-size:clamp(30px,3.5vw,46px); letter-spacing:-.05em; margin-top:14px; }
.section-intro { max-width:220px; flex-shrink:0; }
.section-intro p { color:var(--muted); font-size:13px; line-height:1.5; }
.section-intro .text-link { margin-top:4px; }
.work-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.work-row { min-width:0; background:var(--paper); overflow:hidden; }
.work-featured { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,.68fr) minmax(0,1fr); gap:40px; padding:18px; background:var(--card); border-radius:5px; }
.work-copy { min-width:0; }
.work-featured .work-copy { padding:4px 8px; }
.work-copy .eyebrow { color:var(--muted); font-size:11px; }
.work-copy .work-title { font-size:clamp(29px,3.5vw,47px); margin:16px 0 6px; font-weight:550; }
.work-copy .work-title a { text-decoration:none; }
.work-org { font-size:20px; font-weight:750; letter-spacing:-.045em; margin-bottom:10px!important; }
.work-copy .summary { color:var(--muted); font-size:15px; line-height:1.65; max-width:400px; }
.tags { list-style:none; display:flex; flex-wrap:wrap; gap:4px 12px; padding:0; margin:20px 0 10px; color:var(--muted); font-size:12px; }
.work-featured .tags { border-top:1px solid #c6d8ef; padding-top:10px; }
.work-links { display:flex; gap:16px; flex-wrap:wrap; }
.work-cover { display:block; background:var(--card); overflow:hidden; min-width:0; }
.work-cover img { width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .45s; }
.work-cover:hover img { transform:scale(1.035); }
.type-cover { display:flex; flex-direction:column; justify-content:space-between; gap:24px; min-height:305px; padding:29px 32px; background:#064bff; color:#fff; }
.cover-brand { font-size:11px; letter-spacing:.035em; }
.cover-title { font-size:clamp(32px,3.4vw,47px); line-height:1.1; font-weight:550; letter-spacing:-.05em; }
.cover-bottom { border-top:1px solid #719bff; padding-top:13px; font-size:10px; letter-spacing:.01em; color:#e0eaff; }
.work-compact { display:grid; grid-template-columns:1fr 1.02fr; }
.work-compact .work-copy { padding:22px; display:flex; flex-direction:column; align-items:flex-start; }
.work-compact .work-title { font-size:21px; line-height:1.2; margin:12px 0; }
.work-compact .summary { font-size:12px; }
.work-compact .work-links { margin-top:auto; padding-top:15px; gap:4px 14px; }
.work-compact .text-link { font-size:12px; }
.work-compact .work-cover { min-height:270px; }
.work-compact .work-cover img { object-position:50% 0; }
.personal-note { display:grid; grid-template-columns:1fr 1fr; gap:100px; border-bottom:1px solid var(--line); }
.personal-note h2 { font-size:clamp(32px,3.3vw,45px); max-width:480px; margin-top:16px; }
.personal-note p { color:var(--muted); max-width:570px; font-size:16px; }
.personal-note .eyebrow { color:var(--accent); font-size:10px; }
.personal-note .text-link { margin-top:18px; }
.beyond-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.beyond-item > img { width:100%; aspect-ratio:1.6; object-fit:cover; }
.beyond-item h3 { font-size:25px; margin:24px 0 12px; }
.beyond-item p { color:var(--muted); font-size:14px; max-width:490px; margin-bottom:15px; }
.contact-band { background:#064bff; color:#fff; padding:56px 0; margin-top:10px; }
.contact-band .site-shell { display:flex; justify-content:space-between; align-items:center; gap:32px; }
.contact-band .eyebrow { color:#d6e3ff; }
.contact-band h2 { font-size:clamp(27px,3vw,42px); margin-top:12px; }
.contact-band .action { border-color:#7297ff; color:#fff; }
.contact-band .action .ui-icon { filter:invert(1); }
.contact-band .action:hover { background:#fff; color:#064bff; }
.contact-band .action:hover .ui-icon { filter:none; }
.site-footer { color:var(--muted); background:var(--paper); font:13px/1.6 var(--font); }
.site-footer .site-shell { padding-block:30px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-footer a { text-decoration:none; color:inherit; padding-block:8px; }
.site-footer-links { display:flex; flex-wrap:wrap; gap:24px; }
.page-heading { padding:54px 0 38px; }
.breadcrumb { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--muted)!important; text-decoration:none; margin-bottom:36px; }
.page-heading h1 { font-size:clamp(40px,5.5vw,76px); max-width:1010px; margin:16px 0 24px; font-weight:600; }
.page-lead { max-width:780px; font-size:20px; color:var(--muted); line-height:1.65; }
.project-meta { display:grid; grid-template-columns:1.1fr 1.6fr .8fr; border-block:1px solid var(--line); margin:40px 0 22px; padding:26px 0; gap:32px; }
.project-meta dt { font-size:10px; text-transform:uppercase; letter-spacing:.13em; color:var(--muted); margin-bottom:10px; }
.project-meta dd { margin:0; font-size:14px; }
.case-links { display:flex; gap:28px; margin-top:16px; }
.at-a-glance { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; padding:32px; background:var(--wash); margin-bottom:44px; }
.at-a-glance h2 { font-size:13px; letter-spacing:0; margin-bottom:12px; font-weight:750; color:var(--accent); }
.at-a-glance p { font-size:14px; color:var(--muted); }
.case-image { background:var(--wash); padding:24px; margin-bottom:50px!important; }
.case-image img { width:100%; }
.case-image figcaption { margin-top:15px; font-size:11px; color:var(--muted); }
.case-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:80px; padding-bottom:60px; align-items:start; }
.case-toc { position:sticky; top:110px; font-size:12px; }
.case-toc strong { display:block; font-weight:700; margin-bottom:20px; }
.case-toc a { display:block; padding:12px 0; color:var(--muted); text-decoration:none; border-top:1px solid var(--line); }
.case-body { max-width:760px; }
.case-section { padding:32px 0; border-top:1px solid var(--line); }
.case-section h2 { font-size:31px; margin-bottom:20px; }
.case-section p { color:var(--muted); margin-top:18px; font-size:16px; line-height:1.85; }
.evidence-note { background:var(--wash); border-left:2px solid var(--accent); padding:24px; margin-top:26px; font-size:13px; line-height:1.8; }
.next-work { padding:40px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:24px; align-items:center; }
.next-work h2 { font-size:26px; margin-top:12px; }
.about-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:100px; align-items:start; padding-bottom:70px; }
.about-layout figure > img { width:100%; }
.about-layout figure { padding-top:36px; }
.prose { max-width:760px; }
.prose h2 { font-size:31px; margin:36px 0 18px; }
.prose p { color:var(--muted); margin:18px 0; line-height:1.85; }
.contact-list { margin:30px 0 90px; max-width:1000px; }
.contact-list a { display:flex; justify-content:space-between; gap:24px; padding:25px 0; border-top:1px solid var(--line); text-decoration:none; overflow-wrap:anywhere; }
.legacy-page .site-header { position:sticky; }
.legacy-page .site-footer { margin-top:50px; }
.legacy-page .site-header .site-brand { color:var(--ink); }
@media(min-width:1450px) { .home-hero { padding-top:20px; padding-bottom:70px; } }
@media(max-width:1100px) {
 .site-shell { width:calc(100% - 80px); }
 .home-hero { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:36px; padding-top:15px; }
 .hero-rail { display:none; }
 .home-hero h1 { font-size:6vw; }
 .current-work { grid-template-columns:130px 1fr; margin-top:26px; }
 .current-work>div { padding-left:16px; padding-right:16px; }
 .current-work>p { padding-left:20px; font-size:12px; }
 .work-featured { gap:28px; } .section-intro { max-width:200px; }
 .work-compact { grid-template-columns:1fr; } .work-compact .work-cover { min-height:0; aspect-ratio:16/9; order:-1; }
 .work-compact .work-title { font-size:25px; } .work-compact .summary { font-size:13px; }
 .personal-note { gap:50px; } .about-layout { grid-template-columns:1fr 280px; gap:50px; }
 .case-layout { grid-template-columns:200px 1fr; gap:45px; }
}
@media(max-width:760px) {
 .site-shell { width:calc(100% - 40px); }
 .site-header .site-shell { min-height:72px; flex-wrap:wrap; gap:12px; padding-block:12px; }
 .site-brand { font-size:25px; margin-right:auto; }
 .site-location { display:none; }
 .site-nav { width:100%; flex-wrap:wrap; order:4; gap:8px 24px; padding:4px 0 12px; }
 .site-nav a { padding:12px 0; }
 .menu-ready .site-menu { display:block; }
 .menu-ready .site-nav { display:none; } .menu-ready .site-nav.is-open { display:flex; }
 .site-theme { padding:10px; }
 .home-hero { padding:22px 0 34px; grid-template-columns:1fr; gap:28px; }
 .hero-copy { padding:0; }
 .home-hero h1 { font-size:clamp(35px,11.2vw,70px); margin:17px 0 21px; line-height:1.1; }
 .hero-intro { font-size:16px; max-width:460px; }
 .hero-actions { gap:12px; margin-top:24px; } .action { font-size:13px; padding:12px 18px; }
 .social-links { margin-top:12px; gap:26px; } .social-links a { min-height:40px; }
 .current-work { grid-template-columns:120px 1fr; margin-top:25px; }
 .current-work>p { padding-left:18px; } .current-work strong { font-size:15px; }
 .hero-picture { width:100%; max-width:500px; } .hero-picture img { width:100%; aspect-ratio:1; object-position:center top; }
 .selected-section { padding:32px 0; } .section { padding:45px 0; }
 .section-heading { display:block; margin-bottom:25px; }
 .section-heading h2 { font-size:30px; margin-top:12px; }
 .section-intro { max-width:380px; margin-top:18px; } .section-intro p { font-size:13px; }
 .work-grid { grid-template-columns:1fr; gap:20px; }
 .work-featured { grid-template-columns:1fr; padding:18px; gap:20px; }
 .work-featured .work-copy { padding:0; } .work-copy .work-title { font-size:35px; }
 .work-copy .eyebrow { font-size:11px; } .work-copy .summary { font-size:14px; }
 .work-org { font-size:19px; } .work-links .text-link { min-height:40px; }
 .type-cover { min-height:265px; padding:26px; } .cover-title { font-size:36px; }
 .work-compact .work-copy { padding:23px; } .work-compact .work-title { font-size:27px; }
 .work-compact .work-cover { aspect-ratio:16/9; } .work-compact .text-link { font-size:13px; }
 .personal-note { grid-template-columns:1fr; gap:22px; } .personal-note h2 { font-size:33px; }
 .beyond-grid { grid-template-columns:1fr; gap:38px; } .beyond-item h3 { font-size:25px; }
 .contact-band { padding:40px 0; } .contact-band .site-shell { flex-direction:column; align-items:flex-start; gap:24px; }
 .contact-band h2 { font-size:32px; } .site-footer .site-shell { flex-direction:column; align-items:flex-start; gap:16px; }
 .site-footer-links { gap:26px; } .site-footer a { display:block; }
 .page-heading { padding:32px 0; } .page-heading h1 { font-size:40px; overflow-wrap:break-word; }
 .page-lead { font-size:17px; } .breadcrumb { margin-bottom:26px; }
 .project-meta { grid-template-columns:1fr; gap:22px; padding:24px 0; margin-top:28px; } .project-meta dt { margin-bottom:5px; }
 .at-a-glance { grid-template-columns:1fr; gap:25px; padding:24px; margin-bottom:30px; }
 .case-image { padding:12px; } .case-layout { grid-template-columns:1fr; gap:26px; }
 .case-toc { position:static; } .case-toc a { padding:12px 0; } .case-section h2 { font-size:28px; }
 .case-section p { font-size:15px; } .next-work { flex-direction:column; align-items:flex-start; }
 .about-layout { grid-template-columns:1fr; gap:16px; } .about-layout>figure { max-width:280px; order:-1; padding-top:0; }
 .prose h2 { font-size:28px; } .contact-list a { flex-direction:column; gap:7px; }
 .site-page { overflow-wrap:break-word; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } .scroll-hidden { opacity:1!important; transform:none!important; } }

/* Shared refinements: readable cards, clear reading navigation, consistent surfaces. */
[hidden] { display:none!important; }
.site-page main { min-height:60vh; }
.site-theme { min-width:44px; }
.site-theme:hover,.site-menu:hover { background:var(--wash); }
.site-nav a,.text-link,.social-links a,.site-footer a { transition:color .15s; }
.text-link { font-size:14px; min-height:40px; }
.social-links { font-size:13px; }
.work-grid { gap:24px; }
.work-row { border-radius:8px; }
.work-featured { padding:26px; gap:40px; }
.work-copy .work-title { text-wrap:balance; }
.work-compact { display:flex; flex-direction:column; border:1px solid var(--line); }
.work-compact .work-cover { order:-1; height:auto; min-height:0; aspect-ratio:16/9; border-bottom:1px solid var(--line); }
.work-compact .work-cover img { width:100%; height:100%; object-fit:cover; object-position:top; }
.work-compact .work-copy { flex:1; padding:28px; }
.work-compact .work-title { font-size:28px; margin:13px 0; }
.work-compact .summary { font-size:15px; line-height:1.65; max-width:48ch; }
.work-compact .text-link { font-size:14px; }
.work-compact .work-links { padding-top:20px; gap:12px 24px; }
.work-row:focus-within { outline:2px solid var(--accent); outline-offset:4px; }
.section-intro { max-width:250px; }
.section-intro p { font-size:15px; line-height:1.65; }
.section-heading h2 { text-wrap:balance; }
.beyond-image { display:block; overflow:hidden; border-radius:8px; background:var(--wash); }
.beyond-image img { width:100%; aspect-ratio:1.6; object-fit:cover; transition:transform .3s; }
.beyond-image:hover img { transform:scale(1.025); }
.beyond-item h2,.beyond-item h3 { font-size:28px; margin:24px 0 12px; }
.beyond-item p { font-size:16px; line-height:1.7; }
.creative-links { display:flex; flex-wrap:wrap; gap:8px 24px; }
.creative-section { padding:20px 0 10px; }
.page-heading h1 { text-wrap:balance; }
.case-heading h1 { font-size:clamp(38px,5vw,64px); max-width:23ch; }
.case-kicker { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; }
.reading-time { color:var(--muted); font-size:12px; }
.project-meta { margin-top:30px; padding:22px 0; }
.project-meta dt { font-size:11px; }
.project-meta dd { font-size:15px; }
.case-heading .tags { font-size:13px; }
.at-a-glance { border:1px solid var(--line); border-radius:8px; }
.at-a-glance h2 { font-size:14px; }
.at-a-glance p { font-size:15px; line-height:1.75; }
.case-image { border-radius:8px; border:1px solid var(--line); }
.case-image figcaption { font-size:12px; }
.case-layout { grid-template-columns:240px minmax(0,1fr); gap:64px; }
.case-toc { top:calc(var(--header-height, 80px) + 24px); font-size:13px; }
.case-toc summary { cursor:pointer; font-size:13px; font-weight:700; padding:12px 0 18px; }
.case-toc a { padding:12px 12px; border-top:0; border-left:2px solid var(--line); line-height:1.55; }
.case-toc a:hover { background:var(--wash); }
.case-toc a[aria-current="location"] { border-left-color:var(--accent); background:var(--wash); color:var(--accent); }
.case-section p { font-size:17px; line-height:1.85; }
.case-section h2 { font-size:32px; line-height:1.25; letter-spacing:-.04em; }
.evidence-note { font-size:14px; border-radius:0 6px 6px 0; }
.about-layout figure { position:sticky; top:calc(var(--header-height, 80px) + 24px); padding-top:0; }
.about-layout figure > img { border-radius:8px; }
.about-layout figcaption { color:var(--muted); font-size:13px; margin-top:12px; }
.about-layout .prose h2:first-child { margin-top:0; }
.prose h2 { line-height:1.3; }
.contact-list a { padding:28px 16px; border-radius:4px; transition:background .15s; }
.contact-list a:hover { background:var(--wash); }
.contact-list a>span:first-child { font-weight:650; }
.contact-list a>span:last-child { color:var(--muted); }
.site-footer { border-top:1px solid var(--line); }
.site-footer a { min-height:44px; display:inline-flex; align-items:center; }
@media(max-width:1100px) {
 .case-layout { grid-template-columns:200px minmax(0,1fr); gap:36px; }
 .work-featured { gap:24px; }
}
@media(max-width:760px) {
 .site-header .site-shell { position:relative; }
 .site-nav { gap:0; }
 .menu-ready .site-nav.is-open { display:grid; grid-template-columns:1fr 1fr; padding-top:12px; border-top:1px solid var(--line); }
 .site-nav a { padding:14px 0; }
 .home-hero h1 span { white-space:normal; }
 .home-hero h1 { font-size:clamp(34px,10.5vw,68px); }
 .hero-picture img { height:auto; }
 .current-work { grid-template-columns:112px minmax(0,1fr); }
 .current-work>div { padding-left:12px; padding-right:12px; }
 .current-work>p { padding-left:15px; font-size:12px; }
 .work-featured { padding:20px; }
 .work-compact .work-copy { padding:22px; }
 .work-compact .work-title { font-size:26px; }
 .work-grid { gap:22px; }
 .work-copy .summary { font-size:15px; }
 .section-intro { max-width:100%; }
 .beyond-item h2,.beyond-item h3 { font-size:25px; }
 .case-layout { grid-template-columns:1fr; gap:24px; }
 .case-toc { position:sticky; z-index:20; top:var(--header-height, 72px); margin-inline:-20px; padding:0 20px; background:var(--paper); border-block:1px solid var(--line); }
 .case-toc summary { padding:16px 0; min-height:52px; }
 .case-toc-links { max-height:52vh; overflow:auto; padding-bottom:16px; }
 .case-section { scroll-margin-top:64px; }
 .case-section p { font-size:16px; }
 .case-section h2 { font-size:28px; }
 .about-layout figure { position:static; max-width:320px; margin-bottom:22px; }
 .creative-section { padding-top:4px; }
 .contact-list a { padding:22px 0; }
 .site-footer-links { gap:12px 24px; }
}