@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Inter:wght@300..600&display=swap');
:root{--ink:#0b0b0b;--paper:#fff;--white:#fff;--muted:#6d6d69;--line:#c9c9c5;--accent:#b20050;--accent-deep:#87003d;--pad:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit}img{max-width:100%;display:block}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{height:92px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}.wordmark{font-weight:600;text-decoration:none;letter-spacing:-.03em}.site-nav{display:flex;gap:36px}.site-nav a,.back-link{text-decoration:none;font-size:13px}.site-nav a:after,.back-link:after,.text-link:after{content:"";display:block;width:0;height:1px;background:currentColor;transition:width .25s}.site-nav a:hover:after,.back-link:hover:after,.text-link:hover:after{width:100%}.menu-button{display:none;border:0;background:none;font:inherit}.eyebrow,.section-heading,.meta dt,.chapter-no,.project-index,.pill,.quote small{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.home-hero{min-height:calc(100vh - 92px);padding:clamp(70px,10vh,130px) var(--pad) 50px;display:flex;flex-direction:column}.home-hero h1{font-weight:300;font-size:clamp(58px,10.8vw,166px);letter-spacing:-.072em;line-height:.84;margin:clamp(55px,10vh,110px) 0 70px}.home-hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-foot{margin-top:auto;border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;align-items:flex-start}.hero-foot p{max-width:610px;margin:0;font-size:clamp(17px,1.6vw,24px);line-height:1.45}.round-link{width:58px;height:58px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:22px;transition:.25s}.round-link:hover{background:var(--ink);color:var(--paper);transform:translateY(4px)}.statement{background:var(--ink);color:var(--paper);padding:clamp(70px,10vw,150px) var(--pad)}.statement>p{font-weight:300;font-size:clamp(34px,5.8vw,86px);line-height:1.04;letter-spacing:-.05em;max-width:1250px;margin:0 0 100px}.statement>div{border-top:1px solid #555;padding-top:18px;display:flex;justify-content:space-between;color:#aaa;font-size:12px}.work-section{padding:110px var(--pad)}.section-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:45px}.section-heading p{margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 24px}.project-card{text-decoration:none;display:block}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:1/-1}.project-visual{background:#e7e7e3;overflow:hidden;aspect-ratio:16/10;position:relative}.project-card:nth-child(1) .project-visual,.project-card:nth-child(4) .project-visual{aspect-ratio:2/1}.project-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.02);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover img{transform:scale(1.025)}.project-index{position:absolute;top:16px;left:16px;background:var(--paper);padding:7px 9px;z-index:2}.project-info{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:18px;border-top:1px solid var(--ink);margin-top:14px}.project-info h3{font-weight:400;font-size:clamp(23px,2.5vw,39px);line-height:1.1;letter-spacing:-.04em;margin:7px 0 0;max-width:720px}.project-info p{color:var(--muted);font-size:12px;margin:4px 0;text-align:right}.about-section{padding:110px var(--pad) 150px;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:10vw;margin-top:90px}.about-grid h2{font-size:clamp(38px,5.2vw,76px);font-weight:300;letter-spacing:-.055em;line-height:1.05;margin:0}.about-copy{align-self:end}.about-copy p{color:#343431}.text-link{display:inline-block;margin-top:22px;font-weight:500;text-decoration:none}footer{border-top:1px solid var(--ink);min-height:160px;padding:32px var(--pad);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:12px}footer p{margin:0}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}

.reading-progress{position:fixed;z-index:99;height:2px;top:0;left:0;right:0}.reading-progress i{display:block;height:100%;width:0;background:var(--ink)}.project-hero{padding:100px var(--pad) 0}.project-hero h1{font-size:clamp(52px,8vw,122px);font-weight:300;line-height:.92;letter-spacing:-.067em;max-width:1300px;margin:55px 0 38px}.project-deck{font-size:clamp(19px,2vw,29px);line-height:1.4;max-width:850px;color:#40403d;margin:0 0 75px}.hero-image{background:#ddd;overflow:hidden}.hero-image img{width:100%;max-height:760px;object-fit:cover;filter:grayscale(1)}.meta{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:42px 0 90px}.meta dl{margin:0}.meta dt{color:var(--muted);margin-bottom:8px}.meta dd{margin:0;font-size:14px}.case-intro,.case-section,.case-outcome{padding:clamp(90px,10vw,150px) var(--pad);border-top:1px solid var(--line)}.case-intro{display:grid;grid-template-columns:.8fr 2.2fr;gap:8vw}.case-intro h2,.case-section h2,.case-outcome h2{font-size:clamp(40px,5.6vw,82px);font-weight:300;letter-spacing:-.055em;line-height:1.04;margin:0}.lead-copy{font-size:clamp(22px,2.2vw,32px);line-height:1.45;max-width:900px}.lead-copy p:first-child{margin-top:0}.chapter-head{display:grid;grid-template-columns:.55fr 2fr;gap:8vw;margin-bottom:70px}.chapter-head>div p{font-size:18px;color:#484845;max-width:700px}.chapter-no{padding-top:12px}.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.content-card{grid-column:span 4;border-top:1px solid var(--ink);padding:20px 0 35px}.content-card.wide{grid-column:span 6}.content-card h3{font-weight:500;font-size:21px;letter-spacing:-.025em;margin:0 0 12px}.content-card p{color:#50504d;margin:0}.content-card ul{padding-left:18px;color:#50504d}.quote{grid-column:1/-1;background:var(--ink);color:var(--paper);padding:clamp(35px,6vw,80px);margin-top:30px}.quote blockquote{font-family:Georgia,serif;font-size:clamp(30px,4vw,60px);line-height:1.2;margin:24px 0 0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:65px}.metric{padding:26px 22px 20px 0;border-right:1px solid var(--line)}.metric:last-child{border-right:0;padding-left:22px}.metric strong{font-size:clamp(38px,5vw,72px);font-weight:300;letter-spacing:-.05em;display:block}.metric span{font-size:13px;color:var(--muted)}.process-strip{margin-top:55px;display:flex;border:1px solid var(--ink)}.process-strip span{flex:1;padding:20px;text-align:center;border-right:1px solid var(--ink);font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase}.process-strip span:last-child{border-right:0}.case-outcome{background:var(--ink);color:var(--paper)}.case-outcome .chapter-head>div p,.case-outcome .content-card p{color:#bbb}.case-outcome .content-card{border-color:#666}.next-project{display:grid;grid-template-columns:1fr auto;align-items:end;padding:75px var(--pad);text-decoration:none;background:var(--white);border-top:1px solid var(--ink)}.next-project small{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.next-project h2{font-weight:300;font-size:clamp(42px,6vw,90px);letter-spacing:-.055em;line-height:1;margin:25px 0 0;max-width:1050px}.next-project b{font-size:60px;font-weight:300}.pill{display:inline-block;border:1px solid var(--ink);border-radius:100px;padding:8px 12px;margin:0 5px 8px 0}
@media(max-width:800px){.site-header{height:72px}.menu-button{display:flex;align-items:center;gap:10px}.menu-button i{width:24px;height:1px;background:currentColor;display:block}.site-nav{position:fixed;inset:72px 0 0;background:var(--ink);color:var(--paper);display:none;flex-direction:column;padding:45px var(--pad);gap:18px}.menu-open .site-nav{display:flex}.site-nav a{font-size:42px}.home-hero{min-height:calc(100vh - 72px)}.home-hero h1{margin-top:20vh}.hero-foot{gap:20px}.hero-foot p{font-size:15px}.statement>div{gap:15px;flex-direction:column}.project-grid{grid-template-columns:1fr}.project-card:nth-child(n){grid-column:auto}.project-card:nth-child(n) .project-visual{aspect-ratio:4/3}.project-info{grid-template-columns:1fr}.project-info p{text-align:left}.about-grid,.case-intro,.chapter-head{grid-template-columns:1fr}.about-grid{margin-top:45px}.meta{grid-template-columns:repeat(2,1fr)}.content-card,.content-card.wide{grid-column:1/-1}.metric-row{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.process-strip{display:grid;grid-template-columns:1fr 1fr}.process-strip span{border-bottom:1px solid var(--ink)}footer{grid-template-columns:1fr;gap:10px}.project-hero{padding-top:70px}.project-header .wordmark{font-size:14px}.next-project b{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Case-study editorial imagery and project colour */
.project-card .eyebrow{color:var(--card-accent)}
.project-card .project-index{border-top:2px solid var(--card-accent)}
.project-visual img,.hero-image img{filter:none}
.project-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f3f3f5;color:#1a1c1d;text-align:center}
.project-card-placeholder span{font-size:clamp(24px,3vw,42px);font-weight:300;letter-spacing:-.035em}
.project-card-placeholder small{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent)}
.reading-progress i{background:var(--accent)}
body[data-page="project"] .eyebrow,body[data-page="project"] .chapter-no{color:var(--accent)}
body[data-page="project"] .project-hero{border-top:3px solid var(--accent)}
body[data-page="project"] .content-card h3{font-size:1.125rem}
.visual-sequence{display:flex;flex-direction:column;gap:clamp(56px,8vw,110px);margin-top:clamp(64px,8vw,110px)}
.case-visual{margin:0 auto;width:min(100%,1200px)}
.case-visual.breakout{width:min(calc(100vw - 2 * var(--pad)),1440px)}
.visual-images{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch}
.case-visual.pair .visual-images{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-visual.trio .visual-images{grid-template-columns:repeat(3,minmax(0,1fr))}
.image-button{appearance:none;border:0;background:#f5f5f7;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-in;min-height:220px}
.image-button img{display:block;width:100%;height:100%;object-fit:contain}
.case-visual figcaption{border-top:1px solid var(--line);margin-top:14px;padding-top:11px;display:grid;grid-template-columns:48px 1fr;gap:12px;color:var(--muted);font-size:.8125rem;max-width:900px}
.case-visual figcaption span{font-family:'DM Mono',monospace;color:var(--accent);font-size:.6875rem;letter-spacing:.08em}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.94);display:none;place-items:center;padding:70px 28px 28px}
.lightbox.open{display:grid}.lightbox img{max-width:min(95vw,1800px);max-height:86vh;object-fit:contain}.lightbox button{position:absolute;right:28px;top:22px;color:#fff;border:1px solid #777;background:transparent;padding:9px 14px;font:inherit;font-size:.8125rem;cursor:pointer}.modal-open{overflow:hidden}

/* Source-faithful GoVo benchmark case study */
.source-case{border-top:3px solid var(--accent)}
.source-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:max(var(--pad),calc((100% - 1200px)/2))}
.source-copy{max-width:1020px}
.source-hero{padding-top:clamp(64px,8vw,108px)}
.source-hero>.source-copy{padding-bottom:clamp(64px,7vw,96px)}
.source-case h1{font-size:clamp(44px,5.5vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.052em;margin:34px 0 30px;max-width:1150px}
.source-lead,.source-body{max-width:900px;color:#333330;font-size:1rem;line-height:1.65}
.source-lead{font-size:clamp(18px,1.8vw,24px);line-height:1.5}
.source-lead p,.source-body p{margin:0 0 16px}
.source-lead p:last-child,.source-body p:last-child{margin-bottom:0}
.source-figure{margin:clamp(42px,5.5vw,72px) 0 0;width:100%}
.source-figure .image-button{width:100%;min-height:0;background:#f5f5f7;cursor:zoom-in}
.source-figure .image-button img{display:block;width:100%;height:auto;object-fit:contain}
.source-figure figcaption,.source-caption{color:var(--muted);font-size:.8125rem;line-height:1.5;margin:12px 0 0;max-width:900px}
.source-hero-image{margin:0 auto;max-width:1440px}
.source-hero-image .image-button{background:#e9e9ec}
.source-meta{padding-top:clamp(54px,6vw,82px);padding-bottom:clamp(60px,7vw,96px)}
.source-meta-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr .7fr;gap:28px 40px;padding-top:30px}
.source-meta-grid dl{margin:0}.source-meta-grid dt{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;color:var(--muted);margin-bottom:7px}.source-meta-grid dd{margin:0;font-size:.875rem}.source-meta-areas{grid-column:1/-1;max-width:470px}
.source-kicker,.source-discipline{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem}
.source-kicker{color:var(--accent);margin:0}
.source-discipline{color:var(--accent);margin:clamp(40px,5vw,66px) 0 0}
.source-section{padding-top:clamp(78px,9vw,124px);padding-bottom:clamp(78px,9vw,124px);border-top:1px solid var(--line)}
.source-section h2{font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 0 26px;max-width:1100px}
.source-section h3{font-size:clamp(27px,3vw,38px);font-weight:400;line-height:1.18;letter-spacing:-.035em;margin:20px 0 24px;max-width:1000px}
.source-subsection{padding-top:clamp(82px,9vw,128px)}
.source-link{display:inline-block;color:var(--accent);font-size:1rem;margin-top:14px;text-underline-offset:4px}
.source-natural{width:auto;max-width:100%}
.source-mvp{max-width:512px}
.source-journey{max-width:1104px}
.source-design-foundations{max-width:1112px}
.source-design-components{max-width:1113px}
.source-design-practice{max-width:1107px}
.source-journey figcaption{margin-top:18px}
.source-team-days>.source-caption{font-size:1rem;color:var(--ink);margin-bottom:20px}
.source-team-days .source-figure{margin-top:0}
.source-design-groups{display:flex;flex-direction:column;gap:clamp(18px,3vw,34px);margin-top:clamp(48px,6vw,80px)}
.source-design-groups .source-figure{margin-top:0}
@media(max-width:800px){.case-visual.pair .visual-images,.case-visual.trio .visual-images{grid-template-columns:1fr}.image-button{min-height:0}.visual-sequence{gap:58px}.case-visual.breakout{width:100%}.case-visual figcaption{grid-template-columns:34px 1fr}.lightbox{padding:60px 12px 12px}}
@media(max-width:800px){.source-wrap{padding-inline:var(--pad)}.source-case h1{letter-spacing:-.045em}.source-meta-grid{grid-template-columns:1fr 1fr}.source-meta-areas{grid-column:1/-1}.source-section{padding-top:70px;padding-bottom:70px}.source-subsection{padding-top:74px}}

/* Separate GoVo layout experiment — the approved source case remains unchanged. */
.experiment-view .reading-progress{height:3px;top:76px;background:#dededb;z-index:90}
.experiment-view .reading-progress i{background:var(--accent)}
.experiment-view .noise{display:none}
.experiment-view{overflow-x:clip}
.experiment-view .site-header{height:76px;border-bottom:0;padding-inline:clamp(24px,4vw,64px);position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.experiment-view .wordmark{display:flex;align-items:baseline;gap:9px;white-space:nowrap;font-weight:400;letter-spacing:-.02em}
.experiment-view .wordmark span{color:#9a9a96;font-size:.75rem;font-weight:300;letter-spacing:0}
.experiment-site-links{display:flex;align-items:center;gap:30px}
.experiment-site-links a{text-decoration:none;font-size:.8125rem}
.experiment-case{border-top:0}
.experiment-case .source-wrap{width:min(100%,1440px);padding-inline:max(clamp(24px,7.9vw,114px),calc((100% - 1212px)/2))}
.experiment-case .source-hero{padding-top:clamp(58px,7vw,96px)}
.experiment-case .source-hero>.source-copy{max-width:1440px;padding-bottom:clamp(44px,5vw,70px)}
.experiment-case h1{font-size:clamp(52px,7.3vw,105px);font-weight:300;line-height:.98;letter-spacing:-.061em;max-width:1212px;margin:36px 0 38px}
.experiment-case .source-lead{max-width:1120px;font-size:clamp(22px,2.35vw,34px);font-weight:300;line-height:1.42;letter-spacing:-.025em;color:var(--ink)}
.experiment-case .source-meta{padding-top:clamp(66px,7vw,104px);padding-bottom:clamp(74px,8vw,116px)}
.experiment-case .source-meta-grid{grid-template-columns:1.25fr .7fr 1fr .65fr;column-gap:54px;padding-top:36px}
.case-jump{position:sticky;top:79px;z-index:70;background:rgba(255,255,255,.96);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.case-jump-inner{width:min(100%,1440px);min-height:62px;margin:auto;padding:0 max(clamp(24px,7.9vw,114px),calc((100% - 1212px)/2));display:flex;align-items:center;justify-content:flex-end;gap:34px}
.case-jump-inner>span{font-family:'DM Mono',monospace;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--muted)}
.case-jump-inner>div{position:relative;display:flex;align-items:stretch;align-self:stretch;gap:clamp(18px,2.2vw,34px);overflow-x:auto;scrollbar-width:none}
.case-jump-inner>div::-webkit-scrollbar{display:none}
.case-jump a{position:relative;flex:none;display:flex;align-items:center;padding:0;text-decoration:none;font-size:.8125rem;color:var(--muted);transition:color .2s}
.case-jump a::after{content:none}
.case-jump a:hover,.case-jump a.is-active{color:var(--ink)}
.case-jump-indicator{position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--accent);pointer-events:none;transition:transform .35s ease,width .35s ease}
.experiment-case .source-section{padding-top:clamp(82px,8vw,116px);padding-bottom:clamp(82px,8vw,116px);border-top:0;scroll-margin-top:154px}
.experiment-case .source-copy{max-width:900px}
.experiment-case .source-section-label{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem;color:var(--accent);margin:0 0 18px}
.experiment-case .source-section h2{font-size:clamp(42px,5vw,70px);font-weight:300;line-height:1.04;letter-spacing:-.052em;margin-bottom:38px}
.experiment-case .source-section h3{font-size:clamp(32px,3.5vw,48px);font-weight:300;letter-spacing:-.045em;margin-bottom:32px}
.experiment-case .source-body{max-width:820px;font-size:1.125rem;line-height:1.65;color:#282826}
.experiment-case .source-body p{margin-bottom:22px}
.experiment-case .source-figure{margin:clamp(46px,5.5vw,76px) auto 0;max-width:1200px}
.experiment-case .source-hero-image{width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw)}
.experiment-case .source-figure>img{display:block;width:100%;height:auto;object-fit:contain}
.experiment-case .source-figure figcaption{border-top:0;padding-top:0;margin-top:14px}
.experiment-case .source-natural{width:auto}
.experiment-case .source-relationships{max-width:1020px}
.experiment-case .source-mvp{max-width:453px}
.experiment-case .source-experience-map{max-width:1200px}
.experiment-case .source-navigation{max-width:1200px;background:transparent;padding:0}
.experiment-case .source-navigation .source-caption,.experiment-case .source-navigation figcaption{color:#555;padding-top:0}
.experiment-case .image-band{position:relative;padding-block:clamp(48px,6vw,82px);z-index:0}
.experiment-case .image-band::before{content:"";position:absolute;inset-block:0;left:50%;width:100vw;transform:translateX(-50%);background:#f7f7f8;z-index:-1}
.experiment-case .source-subsection{padding-top:clamp(76px,7.5vw,110px)}
.experiment-case .source-team-days .source-figure{margin-top:0}
.experiment-case .source-discipline{border:0;padding:0;color:#777774;margin:18px auto 0;width:100%;max-width:1200px}
.experiment-case .source-design-groups{gap:clamp(26px,3.5vw,48px)}
.experiment-case .source-design-components{background:transparent;padding:0}
.experiment-case .source-design-block{display:flex;flex-direction:column;gap:28px}
.experiment-case .source-design-heading{margin:0}
.experiment-case .source-design-summary{max-width:760px;margin:14px 0 0;color:#555552;font-size:1rem;line-height:1.6}
.experiment-case .source-design-block .source-figure{width:100%;margin-top:0}
.experiment-case .source-journey-strip{max-width:1200px;margin:clamp(40px,5vw,64px) auto 0;padding:22px 26px;background:#f7f7f8;border-radius:8px}
.experiment-case .journey-chevron{display:block;width:8px;height:8px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);transform:rotate(45deg);flex:0 0 8px}
.experiment-case .source-layer-group{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1200px;margin:clamp(46px,5.5vw,76px) auto 0}
.experiment-case .source-layer-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;column-gap:16px;align-items:start}
.experiment-case .source-layer-row.source-layer-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.experiment-case .source-layer{min-width:0;margin:0}
.experiment-case .source-layer img{display:block;width:100%;height:auto;object-fit:contain;box-sizing:border-box}
.experiment-case .source-layer:not(.source-native-outline) img{border:1px solid #d1d1d3;border-radius:8px;background:#fff}
.experiment-case .source-layer figcaption{margin-top:10px;color:#70706d;font-size:.8125rem;line-height:1.5}
.experiment-case .source-relationships .source-layer-three{grid-template-columns:repeat(3,minmax(0,370px));justify-content:start}
.experiment-case .source-mvp-group{max-width:453px;margin-left:0;margin-right:0}
.experiment-case .source-screen-group .source-layer-row{grid-template-columns:repeat(2,minmax(0,588px));justify-content:start}
.experiment-case .source-foundations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px;column-gap:16px;align-items:start;margin-top:0}
.experiment-case .source-foundations-colour{grid-row:span 2;min-width:0}
.experiment-case .source-foundations-side{display:contents}
.experiment-case .source-foundations-side .source-layer{min-width:0}
.experiment-case .source-components-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.experiment-case .source-components-grid{display:grid;grid-template-columns:repeat(2,minmax(0,566px));row-gap:16px;column-gap:16px;align-items:start;justify-content:start;margin-top:0}
.experiment-case .source-components-grid .source-layer{max-width:566px}
.experiment-case .source-practice-grid{display:grid;grid-template-columns:minmax(0,2.9fr) minmax(180px,1fr);gap:16px;align-items:start;margin-top:0}
.experiment-case .source-practice-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.experiment-case .source-practice-drawer{height:100%}
.experiment-case .source-practice-drawer img{height:100%;object-fit:contain;object-position:top center}
.experiment-case .source-experience-map img{border-radius:8px}
.experiment-case .source-screen-group .source-layer-row{align-items:stretch}
.experiment-case .source-screen-group .source-layer-row .source-layer{display:flex;flex-direction:column}
.experiment-case .source-screen-group .source-layer-row .source-layer img{height:100%;object-fit:contain}
.experiment-case .source-volunteer-screen img{border-right:0}
.experiment-case .source-team-days h3{font-size:clamp(26px,3vw,40px);margin:14px 0 0}
.experiment-case .source-meta-areas{grid-column:1/-1;max-width:none;white-space:nowrap}
.experiment-view .next-project{padding-top:110px;padding-bottom:110px}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:75;border:1px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.96);padding:12px 16px;font:inherit;font-size:.8125rem;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s}
.back-to-top span{margin-left:8px}.show-top-control .back-to-top{opacity:1;pointer-events:auto;transform:none}
@media(max-width:980px){.case-jump-inner{align-items:flex-start;flex-direction:column;gap:0;padding-top:14px}.case-jump-inner>div{width:100%;min-height:48px}.experiment-case .source-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.experiment-view .site-header{height:68px}.experiment-view .reading-progress{top:68px}.experiment-site-links{gap:18px}.experiment-site-links a:last-child{display:none}.experiment-case .source-wrap{padding-inline:var(--pad)}.experiment-case h1{font-size:clamp(46px,13vw,68px)}.experiment-case .source-lead{font-size:1.3rem}.case-jump{top:71px}.case-jump-inner{padding-inline:var(--pad)}.experiment-case .source-section{padding-top:72px;padding-bottom:72px;scroll-margin-top:148px}.experiment-case .source-body{font-size:1rem}.experiment-case .source-subsection{padding-top:74px}.experiment-case .source-meta-areas{white-space:normal}.back-to-top{right:14px;bottom:14px}}
@media(max-width:560px){.experiment-view .site-header{padding-inline:18px}.experiment-view .wordmark{gap:6px;font-size:.8125rem}.experiment-view .wordmark span{font-size:.625rem}.experiment-site-links{gap:12px}.experiment-site-links a{font-size:.6875rem}.experiment-site-links a:last-child{display:none}.experiment-case .source-layer-row,.experiment-case .source-layer-row.source-layer-three,.experiment-case .source-foundations-grid,.experiment-case .source-components-grid,.experiment-case .source-practice-grid{grid-template-columns:1fr}.experiment-case .source-foundations-colour{grid-row:auto}.experiment-case .source-practice-drawer{height:auto}.experiment-case .source-practice-drawer img{height:auto}}

/* Approved case-study template applied to the four remaining staging projects. */
.template-project .source-hero{padding-bottom:0}
.template-project .source-hero>.source-copy{max-width:1440px}
.template-project .source-lead{max-width:1120px;font-size:clamp(22px,2.35vw,34px);font-weight:300;line-height:1.42;letter-spacing:-.025em;color:var(--ink)}
.template-hero-placeholder{width:100%;height:clamp(360px,48vw,700px);border-inline:0}
.template-hero-image{width:100%;margin:0;background:#f3f3f5;overflow:hidden}
.template-hero-image img{width:100%;height:auto;display:block;object-fit:contain}
.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ececee;border:1px solid #c6c6c9;color:#4f4f53;text-align:center;padding:32px;min-height:300px}
.image-placeholder span{font-family:'DM Mono',monospace;font-size:.75rem;line-height:1.55;letter-spacing:.09em;text-transform:uppercase}
.image-placeholder strong{font-family:'DM Mono',monospace;font-size:.6875rem;line-height:1.5;letter-spacing:.04em;font-weight:400;color:var(--accent)}
.image-placeholder small{font-size:.75rem;color:#77777c}
.template-project .source-meta-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.template-project .source-meta-areas{grid-column:auto;max-width:none;white-space:normal}
.template-project .source-section>.content-grid{margin-top:clamp(46px,6vw,78px)}
.template-project .content-card{border-color:var(--line)}
.template-project .content-card h3{font-weight:400;font-size:1.125rem}
.template-visual-sequence{display:flex;flex-direction:column;gap:clamp(48px,7vw,88px);margin-top:clamp(52px,7vw,88px)}
.template-visual{margin:0 auto;width:100%}
.template-placeholder-grid{display:grid;grid-template-columns:1fr;gap:18px}
.template-visual.pair .template-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.template-visual.trio .template-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.template-visual.wide{max-width:1200px}
.template-visual.breakout{width:100%;max-width:1440px}
.template-visual.wide .image-placeholder{min-height:clamp(360px,42vw,560px)}
.template-visual.breakout .image-placeholder{min-height:clamp(420px,52vw,680px)}
.template-visual.pair .image-placeholder{min-height:clamp(300px,34vw,470px)}
.template-visual.trio .image-placeholder{min-height:clamp(260px,28vw,390px)}
.template-visual figcaption{display:grid;grid-template-columns:48px 1fr;gap:12px;color:var(--muted);font-size:.8125rem;line-height:1.5;margin-top:14px;max-width:900px}
.template-visual figcaption span{font-family:'DM Mono',monospace;color:var(--accent);font-size:.6875rem;letter-spacing:.08em}
.template-quote{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,80px);margin-top:clamp(54px,7vw,90px)}
.template-quote small{font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.template-quote blockquote{font-family:Georgia,serif;font-size:clamp(30px,4vw,58px);line-height:1.2;margin:24px 0 0}
.template-outcome{background:#f5f5f6}
.template-view .case-jump-inner{justify-content:flex-start}
.template-view .case-jump-inner>div{width:100%}
@media(max-width:980px){.template-project .source-meta-grid{grid-template-columns:1fr 1fr}.template-project .source-meta-areas{grid-column:auto}}
@media(max-width:800px){.template-hero-placeholder{height:360px}.template-visual.pair .template-placeholder-grid,.template-visual.trio .template-placeholder-grid{grid-template-columns:1fr}.template-placeholder-grid .image-placeholder{min-height:300px}.template-project .source-section>.content-grid{margin-top:42px}.template-view .case-jump-inner>div{overflow-x:auto}.template-view .case-jump a{font-size:.75rem}}

/* Source-audited project pages: exact Figma content with replaceable image slots. */
.audited-project .source-section{padding-top:clamp(76px,8vw,112px);padding-bottom:clamp(86px,9vw,124px)}
.audited-project .source-section-label{font-size:.75rem;margin-bottom:42px}
.audited-project .source-section h2{font-size:clamp(42px,5vw,70px)}
.audited-project .source-section h3{font-size:clamp(27px,3vw,40px);font-weight:300;margin-top:0}
.audited-project .source-body{font-size:1rem;line-height:1.65}
.audited-meta{grid-template-columns:1fr 1.4fr 1.7fr 2.2fr!important}
.audited-contribution{max-width:440px}
.audited-placeholder{width:100%;max-width:1200px;margin:clamp(44px,6vw,78px) auto 0}
.audited-placeholder .image-placeholder{width:100%;min-height:0;aspect-ratio:var(--ph-ratio);padding:clamp(24px,4vw,48px)}
.audited-placeholder.has-image{aspect-ratio:auto;background:transparent}
.audited-placeholder.has-image img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.volunteer-audit .audited-placeholder.has-image img{border:1px solid #d1d1d3;border-radius:8px;background:#fff;box-sizing:border-box}
.audited-placeholder.audited-compact{max-width:900px;margin-left:0}
.audited-placeholder.full-bleed{max-width:none;width:100vw;margin-left:calc((100% - 100vw)/2)}
.audited-placeholder.audited-hero{margin-top:0}
.volunteer-audit .source-hero>.audited-hero{width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2)}
.volunteer-audit .source-hero>.audited-hero img{border:0;border-radius:0}
.audited-placeholder.audited-tall{max-width:1200px}
.audit-subsection{padding-top:clamp(76px,8vw,112px)}
.audit-subsection.source-copy{max-width:900px}
.audit-pullquote{max-width:900px;border:0;border-left:4px solid var(--accent);margin:clamp(40px,5vw,64px) 0 0;padding:8px 0 8px 24px;font-size:clamp(18px,2vw,22px);font-style:italic;font-weight:500;line-height:1.5}
.audit-pullquote span{color:var(--muted)}
.audit-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;margin-top:clamp(40px,5vw,64px)}
.audit-card-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.audit-card-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.volunteer-audit .audit-card-grid.four-up .audit-card{border-top:2px solid var(--accent)}
.volunteer-audit .audit-card-grid.four-up .audit-card h3{color:#626769}
.volunteer-audit .audit-card-grid.four-up.journey-qualities .audit-card h3{color:var(--accent)}
.volunteer-audit .audit-card-grid.four-up.journey-qualities .audit-card{border-top:1px solid #d1d1d3}
.volunteer-audit .audit-card-grid.four-up.measurement-steps .audit-index{color:var(--accent)}
.audit-card{border-top:1px solid var(--line);padding-top:18px}
.audit-card h3{font-size:1.125rem!important;font-weight:500!important;letter-spacing:-.02em!important;margin:0 0 10px!important}
.audit-card p{white-space:normal;color:#50504d;margin:0;line-height:1.55}
.audit-card-grid.preserve-lines .audit-card p{white-space:pre-line}
.audit-card small{display:block;color:var(--accent);font-family:'DM Mono',monospace;font-size:.6875rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;margin-top:14px}
.volunteer-audit .audit-card-grid:not(.journey-qualities) .audit-card small{color:#626769}
.volunteer-audit .audit-card-grid.measurement-steps .audit-card{border-top:1px solid #d1d1d3}
.volunteer-audit .audit-card-grid.measurement-steps .audit-card h3{font-weight:400!important}
.volunteer-audit .audit-card-grid.measurement-steps .audit-index{font-weight:500}
.volunteer-audit .audit-card-grid.survey-stats .audit-card small{font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-size:.9rem;line-height:1.5;letter-spacing:0;text-transform:none}
.audit-process{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;max-width:1200px;background:#f5f5f7;padding:24px 28px;margin-top:42px;font-family:'DM Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
.volunteer-audit .audit-process{border-radius:8px}
.volunteer-audit .audit-process b{font-size:0;width:8px;height:8px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent);transform:rotate(45deg);flex:0 0 8px}
.audit-process b{color:var(--accent);font-size:1rem;font-weight:400}
.audit-process-wide{max-width:none}
.audit-transition{display:flex;align-items:center;gap:22px;font-family:'DM Mono',monospace;color:var(--accent);letter-spacing:.1em;margin-bottom:36px}
.audit-transition b{font-weight:400}
.audit-emphasis{font-size:clamp(22px,2.5vw,30px);font-weight:300;margin:46px 0 0}
.volunteer-audit .audit-emphasis{font-size:clamp(15px,1.3vw,20px);font-weight:400;color:#626769;margin:24px 0 0}
.audit-placeholder-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.audit-placeholder-pair .audited-placeholder{margin-top:46px}
.audit-placeholder-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:clamp(44px,6vw,78px)}
.audit-placeholder-group.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}
.audit-placeholder-group.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.audit-placeholder-group .audited-placeholder{margin-top:0}
.audited-placeholder.audited-device{max-width:1024px}
.audit-highlight{max-width:900px;background:#f5f5f7;padding:32px;margin-top:54px}
.audit-highlight small{font-family:'DM Mono',monospace;color:var(--accent);font-size:.75rem;letter-spacing:.08em}
.audit-highlight h3{font-size:1.5rem;margin:16px 0!important}
.audit-highlight p{color:#4f4f4c;line-height:1.65;margin:0}.audit-highlight strong{color:var(--accent)}
.volunteer-audit .audit-pullquote{font-size:clamp(17px,1.6vw,20px);font-weight:350}
.audit-takeaway{max-width:900px;border-left:3px solid var(--accent);padding:14px 0 14px 20px;color:#5a5a57;margin-top:48px}
.audit-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:clamp(42px,6vw,72px);max-width:1100px}
.audit-evidence-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;margin-top:clamp(42px,6vw,72px);max-width:1200px}
.audit-evidence-pair .audited-placeholder{margin:0}.audit-evidence-pair .audit-list{padding:28px}
.volunteer-audit .audit-list{border-top-color:#d1d1d3}
.volunteer-audit .audit-list h3{color:var(--accent)}
.audit-list{border-top:2px solid var(--accent);padding-top:20px}
.audit-list h3{font-family:'DM Mono',monospace;font-size:.75rem!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase;margin:0 0 16px!important}
.audit-list ul{margin:0;padding-left:20px;color:#50504d}.audit-list li{margin-bottom:9px}
.volunteer-meta{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:34px 40px!important}
.volunteer-audit .source-copy.audit-subsection{padding-top:32px}
.volunteer-audit .source-copy.audit-subsection h3{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;margin-bottom:12px!important}
.volunteer-audit .audit-subsection:not(.source-copy)> .source-copy h3:not(:first-child),.volunteer-audit .source-copy.audit-subsection h3{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;margin-bottom:12px!important}
.volunteer-audit .audit-subsection:not(.source-copy)> .source-copy h3:first-child{font-size:clamp(30px,3.5vw,46px)!important;line-height:1.08!important}
.volunteer-audit .audit-subsection > .source-copy h3:nth-of-type(n+2),
.volunteer-audit .audit-subsection > .source-copy.audit-subsection h3,
.volunteer-audit .source-copy.audit-subsection > h3{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;font-weight:300!important;margin-bottom:12px!important}
.volunteer-audit .audit-subsection > .source-copy h3{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;font-weight:300!important;margin-bottom:12px!important}
.volunteer-audit .audit-subsection > .source-copy h3:first-child{font-size:clamp(30px,3.5vw,46px)!important;line-height:1.08!important;font-weight:300!important}
.volunteer-audit .audit-subsection > .source-copy h3:nth-of-type(n+2){font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important}
.volunteer-audit .source-copy.audit-subsection > h3:first-child{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;font-weight:300!important}
.volunteer-audit h3.evidence-subheading{font-size:clamp(20px,2.1vw,30px)!important;line-height:1.2!important;font-weight:300!important;letter-spacing:-.02em!important;margin:0 0 12px!important}
.volunteer-audit h3.survey-value{font-size:clamp(48px,6vw,88px)!important;line-height:.95!important;font-weight:700!important}
.volunteer-audit .source-copy + .audited-placeholder{margin-top:16px}
.volunteer-audit .audited-placeholder.audited-compact{max-width:720px}
.volunteer-audit .volunteer-strands{max-width:none;gap:16px}
.volunteer-audit .audit-card-grid{margin-top:32px}
.volunteer-audit .audit-card-grid:not(.journey-qualities){column-gap:16px;row-gap:16px}
.volunteer-audit .survey-stats .audit-card{border-top-color:#d1d1d3}
.volunteer-audit .survey-stats .audit-card h3{font-size:clamp(3rem,5vw,5.5rem)!important;line-height:.95!important;font-weight:600!important;color:#1a1c1d!important}
.volunteer-audit .survey-stats .audit-card:first-child h3{color:var(--accent)!important}
.volunteer-audit .survey-stats .audit-card p{color:#1a1c1d!important;font-size:clamp(1.1rem,1.5vw,1.5rem)!important;font-weight:400!important;line-height:1.3!important}
.volunteer-audit .survey-stats .audit-card small{color:#626769!important;margin-top:24px!important;text-transform:none!important;font-family:Inter,'Helvetica Neue',Arial,sans-serif!important;font-size:.9rem!important;line-height:1.5!important;letter-spacing:0!important}
.volunteer-audit .survey-stats + .source-copy{margin-top:32px}
.volunteer-audit .template-outcome .audit-subsection{padding-top:56px}
.volunteer-meta dl:nth-child(5),.volunteer-meta dl:nth-child(8){grid-column:span 2}
.volunteer-role{margin-top:52px}
.resilience-audit{--resilience-canvas:1680px;color:#1a1c1d;font-family:Inter,'Helvetica Neue',Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.resilience-audit .source-wrap{width:min(100%,var(--resilience-canvas));padding-inline:clamp(24px,8.333vw,140px)}
.resilience-audit .source-hero{padding-top:clamp(72px,6.95vw,100px)}
.resilience-audit .source-hero>.source-copy{max-width:var(--resilience-canvas);padding-bottom:24px}
.resilience-audit .source-hero .eyebrow{font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:1.5px;margin:0 0 16px;color:var(--accent)}
.resilience-audit h1{max-width:none;font-size:clamp(42px,3.62vw,52px);font-weight:300;line-height:1.23;letter-spacing:-1px;margin:0 0 16px;color:#1a1c1d}
.resilience-audit .source-lead{max-width:900px;font-size:1.125rem;font-weight:350;line-height:1.875rem;letter-spacing:0;color:#626769}
.resilience-audit .source-hero .audited-hero{width:min(calc(100% - 2 * clamp(24px,8.333vw,140px)),1400px);max-width:none}
.resilience-audit .source-meta{padding-top:40px;padding-bottom:60px}
.resilience-audit .source-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:40px;padding-top:40px}
.resilience-audit .source-meta-grid dt{font-size:.6875rem;line-height:.8125rem;color:#8e9192;margin-bottom:8px}
.resilience-audit .source-meta-grid dd{font-size:.875rem;font-weight:350;line-height:1.25rem;color:#1a1c1d}
.resilience-audit .source-meta-areas{grid-column:1/-1;border-top:1px solid #e5e7eb;padding-top:40px}
.resilience-audit .source-section{padding-top:60px;padding-bottom:60px}
.resilience-audit .source-section.resilience-overview{padding-top:80px;padding-bottom:40px}
.resilience-audit .audit-subsection{padding-top:60px}
.resilience-audit .source-section>.source-copy{max-width:1400px}
.resilience-audit .source-section-label{font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:1.5px;margin-bottom:20px}
.resilience-audit .source-section h2{max-width:1400px;font-size:2rem;font-weight:300;line-height:2.75rem;letter-spacing:.25px;margin-bottom:16px;color:#1a1c1d}
.resilience-audit .source-section h3{max-width:1400px;font-size:1.5rem;font-weight:350;line-height:2.125rem;letter-spacing:0;margin-bottom:12px;color:#1a1c1d}
.resilience-audit .source-body{max-width:900px;font-size:1rem;font-weight:350;line-height:1.625rem;color:#626769}
.resilience-audit .source-body p{margin-bottom:16px}
.resilience-audit .audited-placeholder{max-width:none;margin-top:32px}
.resilience-audit .audited-placeholder.has-image img{border-radius:0}
.resilience-audit .audit-placeholder-group{gap:16px;margin-top:32px}
.resilience-audit .audit-placeholder-group.resilience-continuation-row{margin-top:8px}
.resilience-audit .resilience-image-matrix{row-gap:16px;column-gap:16px}
.resilience-audit .audit-card-grid{margin-top:32px}
.resilience-audit .audit-card h3{font-weight:400!important}
.resilience-audit .audit-card p{font-weight:350;color:#626769}
.resilience-audit .resilience-visual-stack{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.resilience-audit .resilience-visual-stack>*{margin-top:0;margin-bottom:0}
.resilience-audit .resilience-gray-band{width:100vw;margin-left:calc((100% - 100vw)/2);display:flex;justify-content:center;align-items:center;background:#f0f0f0;padding:0 clamp(24px,8vw,208px)}
.resilience-audit .resilience-gray-band .audited-placeholder{width:min(100%,1024px);max-width:1024px;margin:0}
.resilience-audit .edge-wide{width:min(100vw,var(--resilience-canvas));margin-left:calc((100% - min(100vw,var(--resilience-canvas)))/2)}
.resilience-audit .resilience-gray-row{background:transparent}
.resilience-audit .audited-placeholder.full-bleed{width:min(100vw,var(--resilience-canvas));margin-left:calc((100% - min(100vw,var(--resilience-canvas)))/2);background:transparent}
.resilience-audit .audited-placeholder.resilience-continuation-row{margin-top:8px}
.resilience-audit .resilience-global-view{margin-top:8px}
.resilience-audit .resilience-design-visuals{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.resilience-audit .resilience-design-visuals>*{margin-top:0;margin-bottom:0}
.resilience-audit .source-caption{font-size:.8125rem;line-height:1.25rem;color:#8e9192;margin-top:16px}
.resilience-audit .template-outcome{background:#fff;padding-top:80px}
.resilience-audit .template-outcome .audit-card-grid.two-up{max-width:none;gap:32px 40px;margin-top:40px}
.resilience-audit .template-outcome .audit-card{min-height:146px;border:1px solid #e5e7eb;border-radius:8px;padding:24px}
.resilience-audit .template-outcome .audit-card h3{font-size:1.5rem!important;font-weight:350!important;line-height:2.125rem!important;letter-spacing:0!important;margin:0 0 12px!important}
.resilience-audit .template-outcome .audit-card p{font-size:1rem;font-weight:350;line-height:1.625rem;color:#626769}
@media(max-width:980px){.audited-meta{grid-template-columns:1fr 1fr!important}.audited-contribution{max-width:none}.audit-card-grid.four-up,.audit-placeholder-group.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.audited-project .source-section-label{margin-bottom:28px}.audited-placeholder.full-bleed{width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad))}.audited-placeholder .image-placeholder{min-height:220px;aspect-ratio:auto}.audited-placeholder.audited-tall .image-placeholder{min-height:460px}.audit-card-grid,.audit-card-grid.two-up,.audit-card-grid.four-up,.audit-placeholder-pair,.audit-placeholder-group,.audit-placeholder-group.three-up,.audit-placeholder-group.four-up,.audit-list-grid,.audit-evidence-pair{grid-template-columns:1fr}.audit-process{justify-content:flex-start}.audit-placeholder-pair .audited-placeholder{margin-top:24px}.volunteer-meta{grid-template-columns:1fr 1fr!important}.volunteer-meta dl:nth-child(5),.volunteer-meta dl:nth-child(8){grid-column:span 2}}
@media(max-width:800px){.resilience-audit .source-wrap{padding-inline:var(--pad)}.resilience-audit .source-hero{padding-top:64px}.resilience-audit .source-hero .audited-hero{width:calc(100% - 2 * var(--pad))}.resilience-audit h1{font-size:clamp(40px,11vw,48px);line-height:1.12}.resilience-audit .source-meta-grid{grid-template-columns:1fr 1fr}.resilience-audit .source-section,.resilience-audit .source-section.resilience-overview{padding-top:56px;padding-bottom:56px}.resilience-audit .source-section-label{margin-bottom:18px}.resilience-audit .source-section h2{font-size:1.875rem;line-height:2.375rem}.resilience-audit .source-section h3{font-size:1.375rem;line-height:1.875rem}.resilience-audit .audit-subsection{padding-top:48px}.resilience-audit .resilience-gray-band,.resilience-audit .edge-wide{width:100vw;margin-left:calc(-1 * var(--pad))}.resilience-audit .resilience-gray-band{padding:0 var(--pad)}.resilience-audit .audited-placeholder.full-bleed{width:100vw;margin-left:calc(-1 * var(--pad))}.resilience-audit .template-outcome .audit-card-grid.two-up{gap:8px}.resilience-audit .template-outcome .audit-card{min-height:0}}

/* Final case-study rhythm and navigation refinements. */
.case-jump-indicator{bottom:0;height:4px;z-index:1}
.experiment-view .next-project{padding:80px clamp(24px,8.333vw,140px)}
.experiment-view .next-project>div{text-align:left}
.experiment-view .next-project small{display:block}
.experiment-view .next-project h2{max-width:960px;margin-top:22px;font-size:clamp(36px,3.35vw,56px);font-weight:300;line-height:1.08;letter-spacing:-.035em}
.experiment-view .next-project b{font-size:52px}
footer{min-height:128px;padding:32px var(--pad);display:flex;align-items:flex-end;justify-content:flex-start;font-size:12px}

.resilience-audit .resilience-image-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.resilience-audit .resilience-image-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.resilience-audit .resilience-image-column>.audited-placeholder{margin:0}
.resilience-audit .resilience-equal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.resilience-audit .resilience-equal-grid .audited-placeholder{margin:0}
.resilience-audit .resilience-visual-stack>*{margin-top:0!important;margin-bottom:0!important}
.resilience-audit .resilience-design-visuals>*{margin-top:0!important;margin-bottom:0!important}
@media(max-width:800px){.resilience-audit .resilience-image-columns,.resilience-audit .resilience-equal-grid{grid-template-columns:1fr}.experiment-view .next-project{padding:64px var(--pad)}footer{min-height:112px}}

/* ResilienceOS map imagery: shared case-study frame and consistent scale tiles. */
.resilience-map-audit .audited-placeholder.has-image:not(.audited-hero){
  overflow:hidden;
  border:1px solid #d1d1d3;
  border-radius:8px;
  background:#fff;
  box-sizing:border-box;
}
.resilience-map-audit .audited-placeholder.has-image:not(.audited-hero) img{
  border:0;
  border-radius:0;
}
.resilience-map-audit .audited-placeholder.has-image.map-no-border{
  border:0;
  background:transparent;
}
.resilience-map-audit .audit-placeholder-group{gap:16px}
.resilience-map-audit .audit-placeholder-group.four-up{align-items:stretch}
.resilience-map-audit .audit-placeholder-group.four-up .audited-placeholder.has-image.map-scale-image{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:576 / 417;
}
.resilience-map-audit .audit-placeholder-group.four-up .audited-placeholder.has-image.map-scale-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Homepage — curated editorial hierarchy. */
body[data-page="home"]{overflow-x:hidden}
body[data-page="home"] .site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:40}
body[data-page="home"] .site-header .reading-progress{position:absolute;top:0;left:0;width:100%;height:2px;background:transparent;pointer-events:none}
body[data-page="home"] .site-header .reading-progress i{display:block;width:0;height:100%;background:var(--ink)}
body[data-page="home"] .wordmark span{color:var(--muted);font-weight:400}
body[data-page="home"] .home-hero{min-height:calc(100svh - 92px);padding-bottom:clamp(48px,6vw,84px)}
body[data-page="home"] .home-hero h1{max-width:1400px;font-size:clamp(64px,10vw,154px);line-height:.88;letter-spacing:-.07em;margin:clamp(64px,10vh,116px) 0 80px}
body[data-page="home"] .hero-foot p{max-width:650px;font-size:clamp(16px,1.35vw,21px)}
.home-featured{padding-top:clamp(96px,10vw,150px)}
.work-access-note{max-width:560px;margin:-18px 0 clamp(70px,8vw,120px);color:var(--muted);font-size:.8125rem}
.featured-projects{display:flex;flex-direction:column;gap:clamp(130px,15vw,230px)}
.featured-project{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);gap:clamp(48px,7vw,120px);align-items:center;color:inherit;text-decoration:none}
.featured-project.image-left{grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr)}
.featured-project.image-right .featured-copy{order:1}
.featured-project.image-right figure{order:2}
.featured-project.image-left figure{order:1}
.featured-project.image-left .featured-copy{order:2}
.featured-project figure,.more-project figure,.archive-project figure{margin:0;overflow:hidden;background:#f1f1f2}
.featured-project figure{position:relative;width:calc(100% + var(--pad) + 8vw);max-height:780px;background:transparent}
.featured-project.image-right figure{justify-self:end;margin-right:calc(-1 * var(--pad) - 8vw)}
.featured-project.image-left figure{justify-self:start;margin-left:calc(-1 * var(--pad) - 8vw)}
.featured-project figure img{width:100%;height:auto;max-height:780px;object-fit:contain;transform:scale(.94);transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.featured-project.visible figure img{transform:scale(.96)}
.featured-project.image-right figure img{transform-origin:left center}
.featured-project.image-left figure img{transform-origin:right center}
.featured-project.opportunity-visual figure{min-height:clamp(420px,46vw,730px);overflow:visible}
.featured-project.opportunity-visual figure img:first-child{position:absolute;left:0;top:0;width:83%}
.featured-project.opportunity-visual figure img:last-child{position:absolute;right:0;bottom:0;width:67%}
.featured-copy{max-width:560px}
.home-project-meta{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--card-accent);font-family:'DM Mono',monospace;font-size:.6875rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.home-project-meta>span{display:inline-block}
.protected-state{display:inline-flex!important;align-items:center;gap:5px;color:#777;letter-spacing:.06em;white-space:nowrap}
.protected-state svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.featured-copy h2,.more-project h2,.archive-project h2{font-weight:300;letter-spacing:-.045em}
.featured-copy h2{margin:0;font-size:clamp(42px,4.8vw,76px);line-height:1.02}
.home-project-context{max-width:430px;margin:28px 0 0;color:#555;font-size:1rem;line-height:1.6}
.home-case-link{display:inline-block;margin-top:34px;color:#b20050;font-size:.875rem;transition:color .25s ease}
.home-case-link b{display:inline-block;font-weight:400;transition:transform .25s ease}
.featured-project.visible:hover figure img{transform:scale(1)}
.featured-project:hover .home-case-link b,.more-project:hover .home-case-link b{transform:translate(3px,-3px)}
.home-interlude{margin-top:clamp(120px,14vw,220px);padding-block:clamp(110px,13vw,190px)}
.home-interlude>p{max-width:1100px;margin-bottom:clamp(90px,10vw,150px);font-size:clamp(48px,7.2vw,108px)}
.home-interlude>div{max-width:none}
.home-interlude>div span{font-size:clamp(15px,1.5vw,19px);line-height:1.6}
.home-interlude>div strong{margin-left:auto;color:#fff;font-family:'DM Mono',monospace;font-size:.6875rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.home-interlude>div strong i{display:inline-block;font-style:normal;transition:transform .25s ease}
.home-interlude:hover>div strong i{transform:translateY(3px)}
.home-more{padding-top:clamp(110px,12vw,180px);padding-bottom:clamp(120px,14vw,210px)}
.more-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(88px,10vw,150px) 32px}
.more-project{color:inherit;text-decoration:none;min-width:0}
.more-project-meta{min-height:42px}
.more-project figure{display:flex;align-items:center;justify-content:center;aspect-ratio:1.34/1;background:transparent}
.more-project figure img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.more-project:hover figure img{transform:scale(1.015)}
.more-project-copy{padding-top:22px}
.more-project h2{max-width:700px;margin:0;font-size:clamp(30px,3.3vw,50px);line-height:1.06}
.more-project-copy>p:not(.home-project-meta){max-width:470px;margin:18px 0 0;color:var(--muted);font-size:.875rem;line-height:1.55}
.more-project .home-case-link{margin-top:22px;font-size:.8125rem}
.home-archive{padding-top:clamp(90px,9vw,140px);padding-bottom:clamp(110px,12vw,180px);border-top:1px solid var(--line)}
.archive-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.archive-project{display:grid;grid-template-columns:minmax(120px,.62fr) minmax(0,1fr) auto;gap:24px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.archive-project figure{align-self:stretch;aspect-ratio:16/10;background:transparent}
.archive-project figure img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.archive-project:hover figure img{transform:scale(1.025)}
.archive-project h2{margin:0;font-size:clamp(25px,2.4vw,36px);line-height:1.08}
.archive-project div>p:last-child{margin:12px 0 0;color:var(--muted);font-size:.8125rem}
.archive-project>span{font-size:1.1rem}
.archive-project h2,.archive-project>span{transition:color .25s ease,transform .25s ease}
.archive-project:hover h2,.archive-project:hover>span{color:#b20050}
.archive-project:hover>span{transform:translate(3px,-3px)}
body[data-page="home"] .about-section{padding-top:clamp(110px,12vw,180px);padding-bottom:clamp(130px,14vw,210px)}
body[data-page="home"] .about-grid{margin-top:clamp(70px,8vw,120px)}
@media(max-width:980px){
  .featured-project,.featured-project.image-left{grid-template-columns:1fr;gap:44px}
  .featured-project.image-right .featured-copy,.featured-project.image-left .featured-copy{order:1}
  .featured-project.image-right figure,.featured-project.image-left figure{order:2}
  .featured-project figure{width:100%;max-height:none;margin-inline:0!important}
  .featured-copy{max-width:760px}
  .archive-projects{grid-template-columns:1fr}
}
@media(max-width:800px){
  body[data-page="home"] .home-hero{min-height:calc(100svh - 72px);padding-top:64px}
  body[data-page="home"] .home-hero h1{margin:18vh 0 52px;font-size:clamp(54px,15vw,80px);line-height:.92}
  body[data-page="home"] .hero-foot{align-items:flex-end}
  .work-access-note{margin-top:-12px}
  .featured-projects{gap:112px}
  .featured-project{gap:34px}
  .featured-project figure,.more-project figure{width:100%;margin:0;overflow:hidden}
  .featured-project.opportunity-visual figure{min-height:0;display:grid;gap:16px;overflow:hidden}
  .featured-project.opportunity-visual figure img:first-child,.featured-project.opportunity-visual figure img:last-child{position:static;width:100%}
  .featured-copy h2{font-size:clamp(38px,11vw,58px)}
  .home-interlude{margin-top:104px}
  .more-projects{grid-template-columns:1fr;gap:92px}
  .more-project:first-child{grid-column:auto}
  .archive-project{grid-template-columns:110px minmax(0,1fr) auto;gap:18px}
  .archive-project figure img{min-height:132px}
}
@media(max-width:520px){
  .archive-project{grid-template-columns:92px minmax(0,1fr) auto}
  .archive-project .home-project-meta{font-size:.61rem}
}

/* Discoverable horizontal section navigation. */
.template-view .case-jump{overflow:visible}
.template-view .case-jump-inner{width:100%;max-width:none;padding-inline:clamp(24px,4vw,64px);gap:8px;justify-content:flex-start}
.template-view .case-jump-inner>.case-jump-track{width:auto;min-width:0;flex:1;position:relative;display:flex;align-items:stretch;align-self:stretch;gap:clamp(18px,2.2vw,34px);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.template-view .case-jump-track::-webkit-scrollbar{display:none}
.template-view .case-jump:not(.is-scrollable) .case-jump-track{justify-content:center}
.template-view .case-jump-control{flex:0 0 24px;align-self:center;display:grid;place-items:center;width:24px;height:36px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;transition:opacity .2s,color .2s}
.template-view .case-jump-control::before{content:"";display:block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.template-view .case-jump-control.is-prev::before{transform:rotate(-135deg)}
.template-view .case-jump-control.is-next::before{transform:rotate(45deg)}
.template-view .case-jump-control:disabled{opacity:0;pointer-events:none}
.template-view .case-jump-control:not(:disabled):hover{color:var(--accent)}
.template-view .case-jump.can-scroll-right .case-jump-track{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 52px),transparent 100%)}
.template-view .case-jump.can-scroll-left:not(.can-scroll-right) .case-jump-track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 100%)}
.template-view .case-jump.can-scroll-left.can-scroll-right .case-jump-track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 calc(100% - 52px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 52px,#000 calc(100% - 52px),transparent 100%)}
.template-view .case-jump-indicator{bottom:-1px!important;height:2px}
@media(max-width:980px){.template-view .case-jump-inner{padding-top:0;flex-direction:row;align-items:center}.template-view .case-jump-inner>.case-jump-track{width:auto;min-height:62px}.template-view .case-jump-control{flex-basis:22px;width:22px;height:34px}}
@media(max-width:560px){.template-view .case-jump-inner{padding-inline:14px}.template-view .case-jump-inner>.case-jump-track{gap:24px}.template-view .case-jump-control{flex-basis:20px;width:20px;height:32px}}

/* Unified editorial typography for every case study. */
.template-view .source-case{
  color:#1a1c1d;
  font-family:Inter,'Helvetica Neue',Arial,sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.template-view .source-case h1{
  max-width:1212px;
  font-size:clamp(52px,7.3vw,105px);
  font-weight:300;
  line-height:.98;
  letter-spacing:-.061em;
}
.template-view .source-case .source-lead{
  max-width:900px;
  font-size:1.125rem;
  font-weight:350;
  line-height:1.875rem;
  letter-spacing:0;
  color:#626769;
}
.template-view .source-case .source-meta-grid dd{
  font-size:.875rem;
  font-weight:350;
  line-height:1.25rem;
  color:#1a1c1d;
}
.template-view .source-case .source-section h2{
  max-width:1100px;
  font-size:clamp(42px,5vw,70px);
  font-weight:300;
  line-height:1.04;
  letter-spacing:-.052em;
  margin-bottom:38px;
  color:#1a1c1d;
}
.template-view .source-case .source-copy>h3{
  max-width:1000px;
  font-size:clamp(28px,3vw,42px);
  font-weight:300;
  line-height:1.16;
  letter-spacing:-.035em;
  margin-bottom:24px;
  color:#1a1c1d;
}
.template-view .source-case .source-body,
.template-view .source-case .source-body p{
  max-width:900px;
  font-size:1rem;
  font-weight:350;
  line-height:1.625rem;
  color:#626769;
}
.template-view .source-case .audit-card h3{
  font-size:1.125rem!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:-.02em!important;
  margin:0 0 10px!important;
}
.template-view .source-case .audit-card p{
  font-size:1rem;
  font-weight:350;
  line-height:1.625rem;
  color:#626769;
}
@media(max-width:800px){
  .template-view .source-case h1{font-size:clamp(44px,12vw,68px);line-height:1.02}
  .template-view .source-case .source-section h2{font-size:clamp(36px,9.5vw,52px);line-height:1.08}
  .template-view .source-case .source-copy>h3{font-size:clamp(27px,7.5vw,36px);line-height:1.16}
}

/* British Red Cross — original case-study narrative in the shared portfolio system. */
.brc-case .brc-hero{padding-bottom:0}
.brc-case .brc-hero .brc-figure{margin-top:64px}
.brc-figure{margin:40px 0 0}
.brc-figure.full-bleed{width:100vw;margin-left:calc((100% - 100vw)/2)}
.brc-figure .image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.brc-figure img{display:block;width:100%;height:auto;border:1px solid #d9dcde;border-radius:8px}
.brc-figure.full-bleed img{border-inline:0;border-radius:0}
.brc-figure figcaption{margin-top:12px;color:#7a7f82;font-size:.8125rem;line-height:1.4}
.brc-figure.full-bleed figcaption{padding-inline:var(--pad)}
.brc-subsection{padding-top:64px}
.brc-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none}
.brc-issue-grid li{padding:20px 22px;border:1px solid #e0e2e3;border-radius:8px;font-size:1rem;color:#303436}
.brc-two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px}
.brc-two-up .brc-figure{margin:0}
.brc-image-stack{display:flex;flex-direction:column;gap:40px;margin-top:48px}
.brc-image-stack .brc-figure{width:100%;margin:0}
.brc-vision{margin:48px 0 64px;padding:32px;border-left:3px solid var(--accent);background:#f4f5f5;border-radius:0 8px 8px 0}
.brc-vision small{display:block;margin-bottom:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}
.brc-vision p{max-width:900px;margin:0;font-size:clamp(24px,3vw,38px);font-weight:300;line-height:1.2;letter-spacing:-.03em}
.brc-quote{margin:48px 0;padding:36px;border-radius:8px;background:#f4f5f5}
.brc-quote small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em}
.brc-quote p{max-width:940px;margin:12px 0 0;font-size:clamp(24px,3vw,40px);font-weight:300;line-height:1.2;letter-spacing:-.035em}
.brc-case .brc-quote,.brc-case .brc-quote p{color:#1a1c1d!important}
.brc-answer-stack{display:flex;flex-direction:column;gap:56px;margin-top:48px}
.brc-answer-block{padding-top:48px;border-top:1px solid #d9dcde}
.brc-answer-block>h3{max-width:1000px;margin:0 0 20px;font-size:clamp(28px,3vw,42px);font-weight:300;line-height:1.16;letter-spacing:-.035em;color:#1a1c1d}
.brc-answer-block>.source-body{max-width:900px;color:#626769;font-size:1rem;font-weight:350;line-height:1.625rem}
.brc-answer-block>.source-body p{margin:0 0 18px}
.brc-foundation-list{max-width:900px;columns:2;column-gap:48px;margin:24px 0 0;padding-left:22px;color:#626769;font-size:1rem;line-height:1.625rem}
.brc-foundation-list li{margin:0 0 10px;break-inside:avoid}
.brc-accordion-stack{margin-top:40px;border-top:1px solid #d9dcde}
.brc-accordion{border-bottom:1px solid #d9dcde}
.brc-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;cursor:pointer;list-style:none;font-size:clamp(20px,2vw,28px);font-weight:350;color:#1a1c1d}
.brc-accordion>summary::-webkit-details-marker{display:none}
.brc-accordion>summary span{position:relative;flex:0 0 18px;width:18px;height:18px}
.brc-accordion>summary span::before,.brc-accordion>summary span::after{content:"";position:absolute;left:0;top:8px;width:18px;height:1px;background:currentColor;transition:transform .2s ease}
.brc-accordion>summary span::after{transform:rotate(90deg)}
.brc-accordion[open]>summary span::after{transform:rotate(0)}
.brc-accordion-body{max-width:940px;padding:0 0 32px;color:#626769;font-size:1rem;line-height:1.625rem}
.brc-accordion-body p{margin:0 0 18px}
.brc-accordion-body ul{margin:20px 0 0;padding-left:22px;columns:2;column-gap:48px}
.brc-accordion-body li{margin:0 0 10px;break-inside:avoid}
.brc-accordion-body .brc-figure{margin-top:28px}
@media(max-width:800px){.brc-case .brc-hero .brc-figure{margin-top:40px}.brc-figure.full-bleed{width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad))}.brc-issue-grid,.brc-two-up{grid-template-columns:1fr}.brc-subsection{padding-top:48px}.brc-accordion-body ul,.brc-foundation-list{columns:1}.brc-vision,.brc-quote{padding:24px}.brc-image-stack{gap:24px;margin-top:36px}.brc-answer-stack{gap:40px;margin-top:40px}.brc-answer-block{padding-top:40px}}

/* Rolls-Royce — interaction and motion case study. */
.rr-case .rr-hero{padding-bottom:0}
.rr-case .rr-hero .rr-figure{margin-top:64px}
.rr-figure{margin:48px 0 0}
.rr-figure.full-bleed{width:100vw;margin-left:calc((100% - 100vw)/2)}
.rr-figure .image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.rr-figure img{display:block;width:100%;height:auto;border:1px solid #d9dcde;border-radius:8px}
.rr-figure.full-bleed img{border-inline:0;border-radius:0}
.rr-figure figcaption{margin-top:12px;color:#7a7f82;font-size:.8125rem;line-height:1.4}
.rr-figure.full-bleed figcaption{padding-inline:var(--pad)}
.rr-meta{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.rr-process-grid,.rr-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none}
.rr-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rr-process-grid article,.rr-entry-grid li{padding:24px;border:1px solid #d9dcde;border-radius:8px}
.rr-process-grid span,.rr-entry-grid span{display:block;margin-bottom:20px;color:var(--accent);font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.08em}
.rr-process-grid h3{margin:0 0 12px!important;font-size:1.125rem!important;font-weight:400!important;letter-spacing:-.02em!important}
.rr-process-grid p{margin:0;color:#626769;font-size:1rem;line-height:1.625}
.rr-entry-grid li{color:#303436;font-size:1rem}
.rr-image-stack{display:flex;flex-direction:column;gap:16px;margin-top:48px}
.rr-image-stack .rr-figure{margin:0}
.rr-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 16px;margin-top:64px}
.rr-video-card{min-width:0}
.rr-video-card h3{margin:0 0 16px!important;font-size:clamp(24px,2.2vw,32px)!important;font-weight:300!important;line-height:1.2!important;letter-spacing:-.03em!important}
.rr-video-card video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#090909;border-radius:8px}
.rr-video-card:nth-child(2) video,.rr-video-card:nth-child(4) video,.rr-video-card:nth-child(5) video,.rr-video-card:nth-child(6) video{aspect-ratio:16/9}
.rr-video-card p{margin:12px 0 0;color:#7a7f82;font-size:.8125rem;line-height:1.5}
@media(max-width:980px){.rr-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rr-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.rr-case .rr-hero .rr-figure{margin-top:40px}.rr-figure.full-bleed{width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad))}.rr-process-grid,.rr-video-grid{grid-template-columns:1fr}.rr-video-grid{gap:48px}.rr-process-grid,.rr-entry-grid,.rr-image-stack{margin-top:36px}}
@media(max-width:560px){.rr-entry-grid{grid-template-columns:1fr}}

/* e-Postbox — inclusive communication case study. */
.ep-case .ep-hero{padding-bottom:0}
.ep-case .ep-hero .ep-figure{margin-top:64px}
.ep-figure{margin:48px 0 0}
.ep-figure.full-bleed{width:100vw;margin-left:calc((100% - 100vw)/2)}
.ep-figure .image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.ep-figure img{display:block;width:100%;height:auto;border:1px solid #d9dcde;border-radius:8px}
.ep-figure.full-bleed img{border-inline:0;border-radius:0}
.ep-figure figcaption{margin-top:12px;color:#7a7f82;font-size:.8125rem;line-height:1.4}
.ep-figure.full-bleed figcaption{padding-inline:var(--pad)}
.ep-meta{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.ep-question{max-width:1080px;margin-top:48px;padding:32px;background:#f4f5f5;border-radius:8px}
.ep-question span{display:block;margin-bottom:14px;color:var(--accent);font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.ep-question p{max-width:900px;margin:0;font-size:clamp(24px,3vw,38px);font-weight:300;line-height:1.22;letter-spacing:-.03em}
.ep-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.ep-research-grid article{padding:24px;border:1px solid #d9dcde;border-radius:8px}
.ep-research-grid strong{display:block;color:var(--accent);font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1}
.ep-research-grid span{display:block;margin-top:12px;color:#626769;font-size:1rem}
.ep-storyboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}
.ep-story-card{display:grid;grid-template-columns:minmax(140px,.9fr) minmax(0,1.1fr);min-width:0;border:1px solid #d9dcde;border-radius:8px;overflow:hidden;background:#fff}
.ep-story-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px)}
.ep-story-card img{width:100%;height:100%;min-height:230px;object-fit:cover;border-right:1px solid #d9dcde}
.ep-story-card>div{padding:22px}
.ep-story-card span{color:var(--accent);font-family:'DM Mono',monospace;font-size:.75rem;letter-spacing:.08em}
.ep-story-card h3{margin:16px 0 10px!important;font-size:1.125rem!important;font-weight:400!important;line-height:1.35!important;letter-spacing:-.02em!important}
.ep-story-card p{margin:0;color:#626769;font-size:.9375rem;line-height:1.55}
.ep-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.ep-test-grid .ep-figure{margin:0}
.ep-quote{margin:56px 0 0;padding:36px;background:#f4f5f5;border-radius:8px;color:#1a1c1d}
.ep-quote p{max-width:960px;margin:0;font-size:clamp(24px,3vw,40px);font-weight:300;line-height:1.22;letter-spacing:-.035em}
.ep-quote cite{display:block;margin-top:20px;color:#626769;font-size:.875rem;font-style:normal}
.ep-refinement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}
.ep-refinement-grid .ep-figure,.ep-prototype-grid .ep-figure{margin:0}
.ep-subsection{padding-top:80px}
.ep-prototype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;align-items:start}
.ep-video{display:block;width:100%;max-width:1200px;margin:48px auto 0;background:#090909;border-radius:8px;aspect-ratio:16/9}
@media(max-width:980px){.ep-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ep-story-card{grid-template-columns:1fr}.ep-story-card img{height:auto;min-height:0;border-right:0;border-bottom:1px solid #d9dcde}}
@media(max-width:800px){.ep-case .ep-hero .ep-figure{margin-top:40px}.ep-figure.full-bleed{width:calc(100% + 2 * var(--pad));margin-left:calc(-1 * var(--pad))}.ep-research-grid,.ep-storyboard,.ep-test-grid,.ep-refinement-grid,.ep-prototype-grid{grid-template-columns:1fr}.ep-story-card:last-child{grid-column:auto;max-width:none}.ep-question,.ep-research-grid,.ep-storyboard,.ep-test-grid,.ep-refinement-grid{margin-top:36px}.ep-subsection{padding-top:56px}}

/* Final portfolio-system polish. */
.wordmark{font-size:1.1rem;font-weight:500}
.site-nav a::after,.back-link::after,.text-link::after{background:var(--accent)}
.site-nav a:focus-visible::after,.site-nav a[aria-current="page"]::after{width:100%}
.reading-progress,body[data-page="home"] .site-header .reading-progress{height:3px}
body[data-page="home"] .reading-progress i,body[data-page="about"] .reading-progress i{background:var(--accent)}
.protected-state{position:relative;gap:0}
.protected-state:hover::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:5px 7px;background:var(--ink);color:#fff;font:400 .65rem/1.2 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:3px}
.home-case-link,.text-link{color:var(--accent);transition:color .25s ease}
.featured-project:hover .home-case-link,.more-project:hover .home-case-link,.text-link:hover{color:var(--accent-deep)}
.text-link b{display:inline-block;font-weight:400;transition:transform .25s ease}.text-link:hover b{transform:translate(2px,-2px)}
.more-project h2{font-size:clamp(30px,3vw,46px)}
.archive-project{align-items:start}
.archive-project:hover h2,.archive-project:hover>span{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.about-page{padding:clamp(84px,10vw,150px) var(--pad) clamp(120px,14vw,210px)}
.about-page-intro h1{max-width:1280px;margin:clamp(52px,7vw,100px) 0 0;font-size:clamp(46px,7vw,104px);font-weight:300;line-height:1.02;letter-spacing:-.06em}
.about-page-copy{display:grid;grid-template-columns:1fr minmax(280px,620px);margin-top:clamp(110px,14vw,220px);padding-top:24px;border-top:1px solid var(--ink)}
.about-page-copy>div{grid-column:2}.about-page-copy p{margin:0 0 24px;color:#343431;font-size:clamp(17px,1.45vw,22px);line-height:1.65}
@media(max-width:800px){.about-page-copy{grid-template-columns:1fr}.about-page-copy>div{grid-column:1}}
@media(prefers-reduced-motion:reduce){.featured-project figure img,.more-project figure img,.archive-project figure img,.home-case-link b,.text-link b{transform:none!important}}

/* Final cross-site consistency and responsive refinement. */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.site-header .reading-progress,.reading-progress{position:absolute;top:100%;bottom:auto;left:0;right:0;width:100%;height:3px;background:transparent;pointer-events:none;z-index:99}
.reading-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left center;will-change:transform}
.wordmark{font-weight:500}.wordmark span{color:var(--muted);font-weight:400}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{color:var(--accent)}
.contact-context{margin-top:40px!important;margin-bottom:0!important;color:var(--ink)!important;font-size:.9375rem!important}
.featured-project{grid-template-rows:auto auto;align-items:center}
.featured-project.image-right{grid-template-areas:"meta visual" "copy visual"}
.featured-project.image-left{grid-template-areas:"visual meta" "visual copy"}
.featured-project>.home-project-meta{grid-area:meta;align-self:end;margin-bottom:22px;color:var(--accent)}
.featured-project figure{grid-area:visual}.featured-project .featured-copy{grid-area:copy;align-self:start}
.home-project-meta{color:var(--accent)}
.more-project figure,.archive-project figure{border-radius:24px;overflow:hidden}
.more-project figure img,.archive-project figure img{transform-origin:center}
.home-interlude>div{display:block;max-width:760px}.home-interlude>div span{display:block;max-width:720px}.home-interlude>div strong{display:inline-block;margin:34px 0 0}
.archive-projects{align-items:start}
.archive-project{display:block;min-width:0;padding-bottom:28px}
.archive-project>.home-project-meta{min-height:38px;margin-bottom:14px}
.archive-project figure{width:100%;height:auto;aspect-ratio:16/10}
.archive-project figure img{width:100%;height:100%;min-height:0;object-fit:contain}
.archive-project-copy{position:relative;padding:22px 34px 0 0}
.archive-project-copy>p{margin:12px 0 0;color:var(--muted);font-size:.8125rem}
.archive-project-copy>span{position:absolute;right:0;top:22px;font-size:1.1rem;transition:color .25s ease,transform .25s ease}
.archive-project:hover .archive-project-copy>span{color:var(--accent);transform:translate(2px,-2px)}
@media(max-width:980px){.featured-project,.featured-project.image-left,.featured-project.image-right{grid-template-columns:1fr;grid-template-areas:"meta" "visual" "copy";gap:0}.featured-project>.home-project-meta{margin-bottom:20px}.featured-project figure{margin-bottom:32px!important}.archive-projects{grid-template-columns:1fr;gap:72px}}
@media(max-width:800px){.site-header .reading-progress,.reading-progress{top:100%}.featured-projects{gap:104px}.featured-project figure img,.featured-project.visible figure img{transform:scale(1)}.featured-project.opportunity-visual figure{display:grid;gap:14px;overflow:hidden}.more-projects{gap:88px}.archive-projects{gap:76px}.archive-project{width:100%;display:block}.archive-project>.home-project-meta{min-height:0;margin-bottom:16px}.archive-project figure{width:100%;height:auto;aspect-ratio:16/10}.archive-project figure img{width:100%;height:100%;min-height:0;object-fit:contain}.archive-project-copy{padding-top:20px}}
@media(hover:none){.featured-project:hover figure img,.more-project:hover figure img,.archive-project:hover figure img{transform:none}.home-case-link b,.archive-project-copy>span{transform:none!important}}
@media(prefers-reduced-motion:reduce){.reading-progress i{will-change:auto}.featured-project figure img,.more-project figure img,.archive-project figure img,.home-case-link b,.text-link b,.archive-project-copy>span{transition:none!important;transform:none!important}}

/* Targeted final fixes: About content, visible progress track and lower image windows. */
.site-header .reading-progress,.reading-progress{background:#dededb;overflow:hidden}
.site-header .reading-progress i,.reading-progress i{background:var(--accent)!important}
.about-page-copy{grid-template-columns:1fr;margin-top:clamp(90px,12vw,180px)}
.about-page-copy>.about-profile{grid-column:1;display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.72fr);gap:clamp(64px,10vw,150px);align-items:start}
.about-professional-copy{max-width:850px}.about-professional-copy p{font-size:clamp(17px,1.25vw,20px)}
.about-contact{position:sticky;top:130px}
.about-contact dl{margin:0}.about-contact dl>div{padding:18px 0 22px;border-top:1px solid var(--line)}.about-contact dl>div:last-child{border-bottom:1px solid var(--line)}
.about-contact dt{margin-bottom:8px;color:var(--muted);font-family:'DM Mono',monospace;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}
.about-contact dd{margin:0;font-size:.9375rem;overflow-wrap:anywhere}.about-contact a{color:var(--accent);text-underline-offset:4px}.about-contact a:hover{color:var(--accent-deep)}
.more-project,.archive-project{overflow:visible;min-width:0}
.project-image-window,.more-project .project-image-window,.archive-project .project-image-window{position:relative;box-sizing:border-box;width:calc(100% - 2px);max-width:calc(100% - 2px);margin-left:1px;margin-right:1px;border:0;border-radius:24px;background:#f1f1f2;background-clip:padding-box;overflow:hidden;isolation:isolate;transform:none}
.project-image-window img,.more-project .project-image-window img,.archive-project .project-image-window img{display:block;width:100%;height:100%;max-width:100%;margin:0;transform:scale(1);transform-origin:center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.project-image-window.fit-contain img{object-fit:contain;object-position:center}
.more-project:hover .project-image-window img,.archive-project:hover .project-image-window img{transform:scale(1.03)}
@media(max-width:800px){.about-page-copy>.about-profile{grid-template-columns:1fr;gap:64px}.about-contact{position:static}.project-image-window,.more-project .project-image-window,.archive-project .project-image-window{width:100%;max-width:100%;margin-inline:0}}
@media(hover:none),(prefers-reduced-motion:reduce){.more-project:hover .project-image-window img,.archive-project:hover .project-image-window img{transform:none}}

/* Correct regressions without changing the approved page system. */
body[data-page="home"] .site-header .reading-progress{position:absolute;top:100%;bottom:auto;left:0;right:0;width:100%;height:3px;background:#dededb;overflow:hidden;z-index:99}
body[data-page="home"] .site-header .reading-progress i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left center}
.about-page-copy>.about-profile{display:block}
.about-professional-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(54px,7vw,110px)}
.about-professional-columns>div{min-width:0}.about-professional-columns p{font-size:clamp(17px,1.25vw,20px)}
.about-professional-columns strong{font-weight:600;color:inherit}
.about-contact{position:static;margin-top:clamp(64px,8vw,110px);padding-bottom:30px;border-bottom:1px solid var(--ink)}
.about-contact dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,7vw,110px)}
.about-contact dl>div,.about-contact dl>div:last-child{padding:0;border:0}
.project-image-window,.more-project .project-image-window,.archive-project .project-image-window{width:100%;max-width:100%;margin:0;background:transparent;overflow:hidden}
.more-project .project-image-window,.archive-project .project-image-window{transform:none}
.more-project,.archive-project,.more-projects,.archive-projects{overflow:visible}
@media(max-width:800px){.about-professional-columns,.about-contact dl{grid-template-columns:1fr}.about-professional-columns{gap:0}.about-contact dl{gap:28px}}

/* Copy refinement: retain the existing archive and access-page layouts. */
.archive-project-copy{padding-right:0}
.archive-project-link{position:static!important;display:inline-block;margin-top:20px;color:var(--accent);font-size:.8125rem;transition:color .25s ease}
.archive-project-link b{display:inline-block;font-weight:400;transition:transform .25s ease}
.archive-project:hover .archive-project-link{color:var(--accent-deep)}
.archive-project:hover .archive-project-link b{transform:translate(2px,-2px)}
.access-page h1{font-size:clamp(40px,5vw,68px)}
.access-page,.privacy-page{min-height:calc(100svh - 252px);padding:clamp(84px,10vw,150px) var(--pad) clamp(110px,12vw,180px)}
.access-page>section,.privacy-page{max-width:700px}.access-page h1,.privacy-page h1{margin:36px 0 26px;font-size:clamp(46px,6vw,84px);font-weight:300;line-height:1;letter-spacing:-.055em}.access-intro{max-width:550px;margin:0 0 8px;color:#4d4d49;font-size:1.0625rem}.access-page form{max-width:520px;margin-top:52px}.access-page label{display:block;margin:0 0 8px;font-size:.875rem}.access-page input{width:100%;height:52px;margin:0 0 24px;padding:0 14px;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);font:inherit}.access-page input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.password-field{position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:12px;top:10px;height:32px;border:0;background:transparent;color:var(--accent);font:500 .75rem Inter,Arial,sans-serif;cursor:pointer}.access-submit{min-height:48px;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--accent);font:500 1rem Inter,Arial,sans-serif;cursor:pointer}.access-submit:hover{color:var(--accent-deep)}.access-submit:disabled{opacity:.5}.access-error{min-height:24px;margin:0 0 10px;color:#7d173d;font-size:.875rem}.access-back{display:inline-block;margin-top:52px;color:var(--muted);font-size:.875rem;text-decoration:none}.privacy-page>div{max-width:700px;margin-top:50px;color:#3f3f3b;font-size:1.0625rem;line-height:1.7}body[data-page="access"] footer{grid-template-columns:1fr auto}body[data-page="access"] footer a{color:var(--accent)}

/* Selected Archive — approved compact horizontal composition. */
.home-archive .archive-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3vw,48px);align-items:start;overflow:visible}
.home-archive .archive-project{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.25fr) 22px;gap:clamp(18px,2vw,32px);align-items:center;min-width:0;padding:0 0 28px;border-bottom:1px solid var(--line);overflow:visible}
.home-archive .archive-project .project-image-window{width:100%;max-width:none;height:auto;aspect-ratio:16/10;margin:0;border:0;border-radius:8px;background:transparent;overflow:hidden;transform:none}
.home-archive .archive-project .project-image-window img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;transform:scale(1);transform-origin:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.home-archive .archive-project-copy{position:static;min-width:0;padding:0;align-self:center}
.home-archive .archive-project .home-project-meta{min-height:0;margin:0 0 18px;color:var(--accent)}
.home-archive .archive-project h2{margin:0;font-size:clamp(27px,2.35vw,40px);font-weight:300;line-height:1.08;letter-spacing:-.045em}
.home-archive .archive-project-copy>p:last-child{max-width:31ch;margin:16px 0 0;color:var(--muted);font-size:.8125rem;line-height:1.5}
.home-archive .archive-project-arrow{position:static;align-self:center;justify-self:end;color:var(--ink);font-size:1.2rem;line-height:1;transition:color .25s ease,transform .25s ease}
.home-archive .archive-project:hover .archive-project-arrow{color:var(--accent);transform:translate(2px,-2px)}
.home-archive .archive-project:hover .project-image-window img{transform:scale(1.025)}
@media(max-width:980px){.home-archive .archive-projects{grid-template-columns:1fr;gap:48px}.home-archive .archive-project{grid-template-columns:minmax(130px,.42fr) minmax(0,1fr) 22px}}
@media(max-width:560px){.home-archive .archive-projects{gap:42px}.home-archive .archive-project{grid-template-columns:90px minmax(0,1fr) 16px;gap:12px;padding-bottom:22px}.home-archive .archive-project .home-project-meta{margin-bottom:11px;font-size:.625rem}.home-archive .archive-project h2{font-size:clamp(22px,6.5vw,30px)}.home-archive .archive-project-copy>p:last-child{margin-top:11px;font-size:.72rem;line-height:1.45}.home-archive .archive-project-arrow{font-size:1rem}}
@media(hover:none),(prefers-reduced-motion:reduce){.home-archive .archive-project:hover .project-image-window img,.home-archive .archive-project:hover .archive-project-arrow{transform:none}}

/* Selected Archive — equal-height alignment correction. */
.home-archive .archive-projects{align-items:stretch}
.home-archive .archive-project{grid-template-columns:minmax(130px,.7fr) minmax(0,1.25fr);align-items:start;height:100%}
.home-archive .archive-project-copy{align-self:start}
.home-archive .archive-project-link{position:static!important;display:inline-block;margin-top:16px;color:var(--accent);font-size:.8125rem;line-height:1.4;transition:color .25s ease}
.home-archive .archive-project-link b{display:inline-block;font-weight:400;transition:transform .25s ease}
.home-archive .archive-project:hover .archive-project-link{color:var(--accent-deep)}
.home-archive .archive-project:hover .archive-project-link b{transform:translate(2px,-2px)}
@media(max-width:980px){.home-archive .archive-project{grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);height:auto}}
@media(max-width:560px){.home-archive .archive-project{grid-template-columns:90px minmax(0,1fr)}.home-archive .archive-project-link{margin-top:12px;font-size:.72rem}}
@media(hover:none),(prefers-reduced-motion:reduce){.home-archive .archive-project:hover .archive-project-link b{transform:none}}