@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-ruble.woff2') format('woff2');unicode-range:U+20BD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Inter,Arial,sans-serif;color-scheme:light;--ink:hsl(222 47% 11%);--paper:hsl(210 33% 99%);--accent:hsl(189 94% 43%);--muted:#526174;--line:#d8e0e6;--tint:#eef7f9;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;font-size:18px;line-height:1.65}h1,h2,h3,p,ol,ul,dl,dd,figure,blockquote{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.04em;line-height:1.16;text-wrap:balance}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline;text-decoration-thickness:1px}a:focus-visible,button:focus-visible{outline:3px solid #007e92;outline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}::selection{background:#b6edf3}
.e-wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.e-header{border-bottom:1px solid var(--line)}.e-header-inner{display:flex;justify-content:space-between;align-items:center;min-height:92px;gap:32px;position:relative}.e-brand{font-size:27px;font-weight:750;letter-spacing:-1.4px;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}.e-brand span{font-weight:450}.e-brand i{width:6px;height:6px;background:var(--accent);margin-left:3px}.e-brand:hover{text-decoration:none}.e-nav{display:flex;align-items:center;gap:38px;font-size:15px}.e-nav a{padding-block:13px}.e-menu{display:none}.e-skip{position:absolute;left:20px;top:-100px;padding:10px 18px;background:#fff;z-index:100}.e-skip:focus{top:12px}
.e-hero{padding-block:68px 70px}.e-hero h1{font-size:clamp(42px,4.6vw,66px);max-width:940px;line-height:1.08}.e-lead{font-size:20px;line-height:1.7}.e-hero .e-lead{max-width:820px;margin-top:28px}.e-actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;margin-top:30px}.e-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 23px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;font-size:15px;font-weight:550;line-height:1.5;text-align:center}.e-button:hover{background:#19334c;text-decoration:none}.e-button-secondary{background:transparent;color:var(--ink);border-color:#a8b8c4}.e-button-secondary:hover{background:#e7eef2}.e-link{display:inline-block;font-size:15px;font-weight:550;line-height:1.5;padding-block:10px;border-bottom:1px solid var(--ink)}.e-link:hover{border-color:#00899c;text-decoration:none;color:#006f81}.e-quiet-link{border-color:var(--line);font-weight:450}.e-section{padding-block:76px}.e-projects{border-block:1px solid var(--line);position:relative}.e-anchor{position:absolute;top:0}.e-section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start;margin-bottom:42px}.e-section-intro h2{font-size:42px}.e-section-intro>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:440px;padding-top:5px}
.e-project{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:70px;align-items:center;padding-block:42px 48px;border-top:1px solid var(--line)}.e-project:last-child{padding-bottom:0}.e-kicker{font-size:14px;color:var(--muted);margin-bottom:18px}.e-project-index{display:inline-block;margin-right:20px;font-size:13px}.e-project h3{font-size:31px;max-width:720px}.e-project h3 a:hover{text-decoration-color:var(--accent)}.e-project-description{font-size:17px;line-height:1.75;margin-top:20px;color:var(--muted)}.e-project-evidence{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.e-qualifier{font-size:13px;color:var(--muted);margin-bottom:14px}.e-preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:24px}.e-preview-metrics dt{font-size:21px;line-height:1.4;font-weight:550;letter-spacing:-.035em}.e-preview-metrics dd{font-size:13px;color:var(--muted);line-height:1.6;margin-top:7px;max-width:285px}.e-project .e-link{margin-top:20px}.e-project-visual img{width:100%;border-radius:4px}.e-neutral{background:#f0f3f5;color:#9caeba;padding:32px 18px 24px;border-radius:4px}.e-neutral svg{display:block;width:100%}.accent-stroke{stroke:#007e92}.e-neutral>div{display:flex;justify-content:space-around;gap:20px;color:var(--muted);font-size:12px;line-height:1.5;text-align:center;margin-top:6px}.e-additional{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.e-additional article{border-top:2px solid var(--ink);padding-top:24px}.e-additional h3{font-size:24px}.e-additional p{font-size:16px;color:var(--muted);margin-top:16px}.e-additional .e-link{font-size:14px;margin-top:15px}
.e-role{background:#f0f3f5}.e-role-intro{display:grid;grid-template-columns:310px 1fr;gap:74px;align-items:center}.e-portrait img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.e-role h2{font-size:42px}.e-role-label{font-size:15px;color:var(--muted);margin-top:12px}.e-role-body{font-size:25px;line-height:1.5;margin-top:25px;letter-spacing:-.025em;max-width:740px}.e-role-copy>p:last-child{font-size:17px;color:var(--muted);margin-top:20px}.e-role-steps{list-style:none;counter-reset:role;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:0;margin-top:58px}.e-role-steps li{border-top:1px solid #bdcbd4;padding-top:20px;counter-increment:role}.e-role-steps li:before{content:'0' counter(role);font-size:13px;color:var(--muted);display:block;margin-bottom:17px}.e-role-steps h3{font-size:24px}.e-role-steps p{font-size:16px;color:var(--muted);margin-top:15px}.e-contact{padding-block:76px;border-bottom:1px solid var(--line)}.e-contact-inner{display:grid;grid-template-columns:1fr 1.25fr;gap:90px}.e-contact h2{font-size:43px;max-width:580px}.e-contact p{font-size:18px;max-width:670px}.e-phone-number{font-size:14px;white-space:nowrap;color:var(--muted)}.e-contact .e-actions{gap:14px}.e-footer{padding-block:30px}.e-footer .e-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.e-footer .e-brand{font-size:22px}.e-footer .e-wrap>span,.e-footer>.e-wrap>a:last-child{font-size:13px;color:var(--muted)}
/* Optics: one continuous story, with three editorial illustrations. */
.e-case-hero{padding-block:30px 50px}.e-back{display:inline-block;font-size:14px;color:var(--muted);padding-block:10px;margin-bottom:26px;text-decoration:underline}.e-case-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:58px;align-items:center}.e-case-hero h1{font-size:clamp(38px,3.7vw,52px);line-height:1.12}.e-case-opening .e-lead{font-size:18px;line-height:1.75;margin-top:26px}.e-cover img{border-radius:4px}.e-format{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.e-format>p{font-size:13px;color:var(--muted)}.e-case-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:16px}.e-case-summary dt{font-size:25px;line-height:1.35;letter-spacing:-.035em;font-weight:550}.e-case-summary dd{font-size:14px;color:var(--muted);margin-top:5px}.e-case .e-section{padding-block:70px}.e-change{background:var(--tint);border-block:1px solid #d9e8eb}.e-story-heading{display:grid;grid-template-columns:175px 1fr;gap:35px;margin-bottom:36px}.e-chapter{font-size:14px;font-weight:550;line-height:1.6;padding-top:7px;max-width:155px}.e-chapter:before{content:'';display:inline-block;width:17px;height:3px;background:var(--accent);vertical-align:middle;margin-right:10px}.e-story-heading h2{font-size:40px;max-width:940px}.e-story-content,.e-profile{margin-left:210px}.e-paired-story{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:65px;align-items:center;margin-left:210px}.e-paired-story>div>p{font-size:17px;line-height:1.8}.e-paired-story figure{align-self:center}.e-paired-story img{border-radius:4px;width:100%}.e-paired-story>div>.e-small,.e-small{font-size:13px;line-height:1.7;color:var(--muted)}.e-model-note{margin-top:24px;border-left:2px solid var(--accent);padding-left:17px}.e-work-steps{list-style:none;counter-reset:work;padding:0}.e-work-steps li{counter-increment:work;display:grid;grid-template-columns:1fr 1.5fr;gap:44px;border-top:1px solid var(--line);padding-block:25px;position:relative}.e-work-steps h3{font-size:25px;line-height:1.25}.e-work-steps p{font-size:17px;line-height:1.75;color:var(--muted)}.e-work-steps li:before{content:'0' counter(work);position:absolute;left:-46px;top:28px;font-size:12px;color:var(--muted)}.e-pilot-note{padding-top:20px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}.e-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:34px}.e-priorities>div{border-top:1px solid var(--line);padding-top:18px}.e-priority-letter{font-size:32px;line-height:1;letter-spacing:-.05em;display:block;margin-bottom:17px;color:var(--muted)}.e-priorities>div:first-child{border-top:2px solid var(--accent);padding-top:17px}.e-priorities>div:first-child .e-priority-letter{color:#007e92}.e-priorities h3{font-size:21px}.e-priorities p{font-size:15px;color:var(--muted);margin-top:12px}.e-priority-explanation{font-size:17px;margin-top:27px}.e-depth{margin-top:35px;padding-top:27px;border-top:1px solid var(--line)}.e-depth h3,.e-economy h3,.e-outreach h3{font-size:28px}.e-depth p,.e-economy p,.e-outreach p{font-size:17px;color:var(--muted);margin-top:18px;line-height:1.75}
.e-example{border-top:1px solid var(--line)}.e-profile{background:#fff;border:1px solid #cfdce2;border-top:3px solid var(--accent);padding:36px 40px}.e-profile-heading h3{font-size:25px}.e-profile-facts{display:grid;grid-template-columns:.65fr 1.2fr 1.2fr;gap:25px;margin-top:26px;margin-bottom:28px}.e-profile-facts dt{font-size:25px;line-height:1.35;font-weight:550;letter-spacing:-.035em}.e-profile-facts dd{font-size:13px;color:var(--muted);margin-top:5px}.e-profile-parts>div{display:grid;grid-template-columns:165px 1fr;gap:32px;padding-block:24px;border-top:1px solid var(--line)}.e-profile-parts dt{font-size:17px;font-weight:550;line-height:1.5}.e-profile-parts dd{font-size:16px;line-height:1.8;color:var(--muted)}.e-first-message{border-top:1px solid var(--line);padding-top:25px}.e-first-message>p{font-size:13px;color:var(--muted);margin-bottom:15px}.e-first-message blockquote{font-size:18px;line-height:1.7;padding-left:22px;border-left:2px solid var(--accent)}
.e-time{margin-top:27px;border-top:1px solid #c4dce1;padding-top:20px}.e-time>div{display:flex;gap:18px;align-items:baseline;margin-block:10px}.e-time-old{font-size:23px;color:var(--muted)}.e-time-arrow{font-size:22px;color:var(--muted)}.e-time strong{font-size:48px;font-weight:550;letter-spacing:-.05em;line-height:1.2}.e-deliverables{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;margin-top:37px;border-top:1px solid #c4dce1;padding-top:28px}.e-deliverables>div{display:flex;gap:18px;align-items:center}.e-file-icon{font-size:12px;color:var(--muted);background:#fff;border:1px solid #b9cfd6;border-radius:3px;width:52px;height:65px;display:flex;align-items:flex-end;justify-content:center;flex-shrink:0;padding-bottom:10px}.e-deliverables h3{font-size:20px;line-height:1.4}.e-deliverables p{font-size:14px;color:var(--muted);line-height:1.6;margin-top:4px}.e-economy{margin-top:35px;padding-top:28px;border-top:1px solid #c4dce1}.e-niches{display:grid;grid-template-columns:1fr 1fr;gap:28px 45px}.e-niches>div{padding-top:20px;border-top:1px solid var(--line)}.e-niches h3{font-size:24px}.e-niches p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:14px}.e-niche-closing{font-size:17px;margin-top:30px}.e-outreach{border-top:1px solid var(--line);padding-top:32px;margin-top:34px}.e-chain{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:12px 0;margin-top:24px;font-size:15px}.e-chain li:not(:last-child):after{content:'→';margin-inline:16px;color:var(--muted)}.e-outreach .e-link{margin-top:19px}.e-case .e-contact{background:#f0f3f5}.e-case .e-contact h2{font-size:37px}.e-case .e-contact-inner{grid-template-columns:1.1fr 1fr;gap:65px}
@media(max-width:1100px){.e-wrap{width:calc(100% - 64px)}.e-project{gap:40px}.e-project h3{font-size:28px}.e-preview-metrics dt{font-size:19px}.e-section-intro,.e-contact-inner{gap:50px}.e-role-intro{grid-template-columns:270px 1fr;gap:45px}.e-role-body{font-size:23px}.e-case-opening{gap:35px}.e-case-hero h1{font-size:41px}.e-story-heading{grid-template-columns:130px 1fr;gap:30px}.e-story-heading h2{font-size:36px}.e-story-content,.e-profile,.e-paired-story{margin-left:160px}.e-paired-story{gap:30px}.e-work-steps li{gap:30px}.e-profile{padding:30px}.e-profile-parts>div{grid-template-columns:145px 1fr;gap:25px}.e-profile-facts dt{font-size:22px}}
@media(max-width:900px){.e-header-inner{min-height:80px}.e-menu{display:block;border:1px solid var(--line);background:transparent;border-radius:4px;font-size:14px;padding:10px 15px;min-height:44px}.e-nav{display:none;position:absolute;top:calc(100% - 1px);left:-32px;right:-32px;background:var(--paper);z-index:20;padding:20px 32px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.e-nav.is-open{display:flex}.e-nav a{display:block;padding:10px 0}.e-hero{padding-block:52px 56px}.e-hero h1{font-size:50px}.e-section{padding-block:58px}.e-section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.e-section-intro h2{font-size:37px}.e-section-intro>p{max-width:660px}.e-project{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px}.e-project h3{font-size:27px}.e-preview-metrics{gap:18px}.e-project-description{font-size:16px}.e-neutral{padding:20px 8px}.e-neutral>div{font-size:12px;flex-direction:column;gap:7px}.e-additional{gap:26px}.e-additional h3{font-size:22px}.e-role-intro{grid-template-columns:230px 1fr;gap:32px}.e-role h2{font-size:36px}.e-role-label{font-size:14px}.e-role-body{font-size:21px;margin-top:20px}.e-role-copy>p:last-child{font-size:16px}.e-role-steps{gap:28px;margin-top:42px}.e-role-steps h3{font-size:22px}.e-contact-inner,.e-case .e-contact-inner{grid-template-columns:1fr;gap:24px}.e-contact h2{max-width:800px}.e-footer .e-wrap{flex-wrap:wrap}.e-footer .e-wrap>span{order:3;width:100%}.e-case-opening{grid-template-columns:1.35fr 1fr;gap:30px}.e-case-hero h1{font-size:36px}.e-case-opening .e-lead{font-size:16px}.e-case-summary dt{font-size:22px}.e-story-heading{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.e-chapter{max-width:none;padding:0}.e-story-heading h2{font-size:35px}.e-story-content,.e-profile,.e-paired-story{margin-left:0}.e-work-steps{padding-left:35px}.e-work-steps li:before{left:-35px}.e-case .e-section{padding-block:54px}.e-priorities{gap:25px}.e-priorities h3{font-size:20px}.e-profile-facts dt{font-size:24px}.e-case .e-contact h2{font-size:35px}}
@media(max-width:600px){body{font-size:17px}.e-wrap{width:calc(100% - 40px)}.e-header-inner{min-height:76px}.e-brand{font-size:25px}.e-nav{left:-20px;right:-20px;padding:20px}.e-hero{padding-block:39px 46px}.e-hero h1{font-size:clamp(34px,9.2vw,43px);line-height:1.12}.e-hero .e-lead{font-size:17px;line-height:1.7;margin-top:23px}.e-actions{gap:16px 22px;margin-top:25px}.e-button{font-size:14px;min-height:46px;padding:11px 19px}.e-link{font-size:14px}.e-section{padding-block:44px}.e-section-intro{gap:17px;margin-bottom:28px}.e-section-intro h2{font-size:31px}.e-section-intro>p{font-size:16px;padding-top:0}.e-project{grid-template-columns:1fr;gap:26px;padding-block:30px 35px}.e-kicker{font-size:13px;margin-bottom:16px}.e-project-index{font-size:12px;margin-right:14px}.e-project h3{font-size:27px;line-height:1.2}.e-project-description{font-size:16px;margin-top:16px;line-height:1.7}.e-project-evidence{margin-top:20px;padding-top:16px}.e-qualifier{font-size:12px}.e-preview-metrics{gap:20px}.e-preview-metrics dt{font-size:20px;line-height:1.4}.e-preview-metrics dd{font-size:12px;line-height:1.65}.e-project .e-link{margin-top:17px}.e-project-visual{max-width:100%;width:100%}.e-neutral{padding:17px 20px 19px}.e-neutral svg{max-height:130px}.e-neutral>div{flex-direction:row;gap:16px;margin-top:4px}.e-additional{grid-template-columns:1fr;gap:27px}.e-additional article{padding-top:20px}.e-additional h3{font-size:24px}.e-additional p{margin-top:12px}.e-additional .e-link{margin-top:10px}.e-role-intro{grid-template-columns:1fr;gap:25px}.e-portrait{max-width:250px}.e-role h2{font-size:35px}.e-role-body{font-size:22px;line-height:1.55;margin-top:23px}.e-role-steps{grid-template-columns:1fr;margin-top:34px;gap:26px}.e-role-steps li{padding-top:17px}.e-role-steps li:before{margin-bottom:12px}.e-role-steps h3{font-size:24px}.e-role-steps p{font-size:16px;margin-top:11px}.e-contact{padding-block:45px}.e-contact h2{font-size:32px}.e-contact p{font-size:17px}.e-contact .e-actions{gap:13px}.e-phone-number{width:100%;margin-top:3px}.e-footer .e-wrap{gap:23px}.e-footer{padding-block:26px}.e-footer .e-wrap>span{font-size:12px}
.e-case-hero{padding-block:20px 34px}.e-back{font-size:13px;margin-bottom:20px}.e-case-opening{grid-template-columns:1fr;gap:24px}.e-case-hero h1{font-size:34px;line-height:1.16}.e-case-opening .e-lead{font-size:17px;line-height:1.7;margin-top:22px}.e-cover{max-width:400px}.e-cover img{aspect-ratio:3/2}.e-format{margin-top:25px;padding-top:18px}.e-format>p{font-size:12px;max-width:310px}.e-case-summary{grid-template-columns:1fr;gap:14px;margin-top:17px}.e-case-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.e-case-summary dt{font-size:21px}.e-case-summary dd{font-size:12px;margin:0;max-width:115px;text-align:right}.e-case .e-section{padding-block:42px}.e-story-heading{gap:15px;margin-bottom:24px}.e-story-heading h2{font-size:29px;line-height:1.22}.e-chapter{font-size:13px}.e-paired-story{grid-template-columns:1fr;gap:24px}.e-paired-story>div>p{font-size:17px;line-height:1.75}.e-model-note{margin-top:20px}.e-work-steps li{grid-template-columns:1fr;gap:13px;padding-block:23px}.e-work-steps h3{font-size:24px}.e-work-steps li:before{top:27px}.e-work-steps p{font-size:16px;line-height:1.75}.e-pilot-note{font-size:13px;line-height:1.7;padding-top:18px}.e-priorities{grid-template-columns:1fr;gap:20px;margin-top:28px}.e-priorities>div{display:grid;grid-template-columns:33px 1fr;gap:9px 16px;padding-top:17px}.e-priority-letter{font-size:28px;grid-row:1 / 3;margin:0}.e-priorities h3{font-size:23px}.e-priorities p{font-size:15px;margin:0}.e-priority-explanation{font-size:16px;margin-top:25px}.e-depth{margin-top:28px;padding-top:24px}.e-depth h3,.e-economy h3,.e-outreach h3{font-size:26px;line-height:1.25}.e-depth p,.e-economy p,.e-outreach p{font-size:16px;margin-top:15px}.e-profile{padding:23px 20px}.e-profile-heading h3{font-size:24px}.e-profile-facts{grid-template-columns:1fr 1.5fr;gap:20px;margin-block:23px}.e-profile-facts>div:last-child{grid-column:1 / -1}.e-profile-facts dt{font-size:23px}.e-profile-facts dd{font-size:12px}.e-profile-parts>div{grid-template-columns:1fr;gap:12px;padding-block:21px}.e-profile-parts dt{font-size:18px}.e-profile-parts dd{font-size:16px;line-height:1.75}.e-first-message{padding-top:22px}.e-first-message>p{font-size:12px}.e-first-message blockquote{font-size:16px;line-height:1.75;padding-left:15px}.e-time strong{font-size:45px}.e-time{margin-top:24px}.e-deliverables{grid-template-columns:1fr;gap:24px;margin-top:26px;padding-top:25px}.e-economy{margin-top:28px;padding-top:25px}.e-niches{grid-template-columns:1fr;gap:24px}.e-niches h3{font-size:24px}.e-niches p{font-size:16px;margin-top:12px}.e-niche-closing{font-size:16px;margin-top:25px}.e-outreach{padding-top:26px;margin-top:27px}.e-chain{font-size:14px;gap:10px 0}.e-chain li:not(:last-child):after{margin-inline:10px}.e-case .e-contact h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{.e-header,.e-footer,.e-skip,.e-back{display:none}.e-wrap{width:100%}.e-hero,.e-section,.e-case .e-section,.e-contact{padding-block:24px}.e-hero h1,.e-case-hero h1{font-size:32px}.e-section-intro h2,.e-story-heading h2,.e-contact h2{font-size:27px}.e-project h3{font-size:24px}.e-project,.e-role-steps li{break-inside:avoid}.e-project-description,.e-lead,.e-depth p,.e-economy p,.e-outreach p{font-size:12px}.e-story-heading{display:block}.e-chapter{margin-bottom:12px}.e-story-content,.e-profile,.e-paired-story{margin-left:0}.e-profile{padding:24px}.e-profile-parts>div{padding-block:14px}.e-profile-parts dd,.e-profile-parts dt{font-size:12px}h2,h3{break-after:avoid}@page{size:A4;margin:16mm}}



/* Step 1: align preview illustrations and keep the case link directly below. */
.e-projects .e-section-intro{display:block}
.e-project{align-items:start}
.e-project-visual{width:100%;max-width:390px;justify-self:end;padding-top:39px;display:flex;flex-direction:column;align-items:stretch}
.e-project-visual .e-link{align-self:flex-start;margin-top:16px}
@media(max-width:900px){.e-project-visual{padding-top:37px}}
@media(max-width:600px){.e-project-visual{max-width:390px;justify-self:start;padding-top:0}.e-project-visual .e-link{margin-top:14px}}

/* Equal illustration frames keep every case link on the same internal grid. */
.e-project-visual>figure,.e-project-visual>.e-neutral{width:100%;aspect-ratio:3/2}
.e-project-visual>figure img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.e-project-visual>.e-neutral{display:flex;flex-direction:column;justify-content:center;padding:20px 18px;min-height:0}
.e-project-visual>.e-neutral svg{flex:1;min-height:0;max-height:180px}
.e-project-visual>.e-neutral>div{flex-shrink:0}
@media(max-width:600px){
 .e-project{grid-template-columns:minmax(0,1fr)}
 .e-project-visual{display:contents}
 .e-project-visual>figure,.e-project-visual>.e-neutral{grid-row:1;max-width:390px;justify-self:start}
 .e-project-copy{grid-row:2;min-width:0}
 .e-project-visual>.e-link{grid-row:3;justify-self:start;margin-top:0}
}

/* Optics reference: compact left-hand illustrations and consistent data labels. */
.e-case-summary{margin-top:0}
.e-case .e-change{padding-block:56px}
.e-change .e-story-heading{margin-bottom:28px}
.e-change .e-paired-story{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:40px;align-items:start}
.e-change .e-paired-story figure{align-self:start}
.e-change .e-paired-story img{aspect-ratio:3/2;object-fit:cover}
.e-priority-letter{font-size:24px;letter-spacing:-.025em;line-height:1.2}
.e-deliverable-icon{width:72px;height:72px;object-fit:contain;flex-shrink:0;border-radius:8px}
.e-niches>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start}
.e-niche-icon{width:64px;height:64px;object-fit:contain;border-radius:8px}
.e-niches h3{font-size:22px}
@media(max-width:900px){.e-change .e-paired-story{gap:28px}.e-case .e-change{padding-block:48px}.e-niches>div{grid-template-columns:56px minmax(0,1fr);gap:14px}.e-niche-icon{width:56px;height:56px}}
@media(max-width:600px){
 .e-case-opening .e-cover{grid-row:1}
 .e-case-summary{margin-top:0}
 .e-case-summary>div{display:block}
 .e-case-summary dd{max-width:none;text-align:left;margin-top:4px}
 .e-case .e-change{padding-block:40px}
 .e-change .e-paired-story{grid-template-columns:minmax(0,1fr);gap:24px}
 .e-change .e-paired-story figure{max-width:400px}
 .e-priorities>div{grid-template-columns:1fr;gap:10px}
 .e-priority-letter{grid-row:auto;font-size:23px}
 .e-niches h3{font-size:23px}
}

/* Final optics reference: four hero metrics, linear result-first story. */
.e-case .e-case-opening{align-items:start}
.e-case .e-case-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.e-case .e-case-summary dt{font-size:24px}
.e-case .e-case-summary dd{font-size:13px}
.e-case .e-delivery-heading{font-size:23px;margin-top:36px;padding-top:28px;border-top:1px solid #c4dce1}
.e-case .e-deliverables{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px;padding-top:0;border-top:0;gap:32px}
.e-case .e-deliverables>div{align-items:flex-start;gap:16px}
.e-case .e-deliverables h3{padding-top:3px}
.e-case .e-check-model{margin-top:24px;padding-block:20px;border-block:1px solid #c4dce1}
.e-case .e-check-model>.e-small{font-size:13px;line-height:1.7;margin-top:0;max-width:650px}
.e-case .e-check-values{display:flex;flex-wrap:wrap;align-items:baseline;gap:18px;margin-block:10px 12px;font-size:30px;line-height:1.3;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.e-case .e-check-values>span{color:var(--muted)}
.e-case .e-check-values strong{font-size:42px;font-weight:550;white-space:nowrap}
.e-case .e-check-values>span:first-child{white-space:nowrap}
.e-case .e-first-message blockquote p+p{margin-top:16px}
.e-case .e-research-signals{list-style:none;padding:0;margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.e-case .e-research-signals li{padding-block:11px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6}
@media(max-width:1100px){.e-case .e-case-summary dt{font-size:21px}.e-case .e-case-summary{gap:20px}}
@media(max-width:900px){.e-case .e-case-opening{grid-template-columns:1.4fr 1fr}.e-case .e-case-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}.e-case .e-case-summary dt{font-size:24px}}
@media(max-width:600px){
 .e-case .e-case-opening{grid-template-columns:minmax(0,1fr)}
 .e-case .e-case-summary{gap:22px 20px}
 .e-case .e-case-summary dt{font-size:clamp(18px,5.2vw,21px);line-height:1.35}
 .e-case .e-case-summary dd{font-size:12px;line-height:1.5;margin-top:5px}
 .e-case .e-delivery-heading{font-size:24px;margin-top:28px;padding-top:24px}
 .e-case .e-deliverables{grid-template-columns:1fr;gap:24px}
 .e-case .e-check-values{gap:10px;font-size:22px}
 .e-case .e-check-values strong{font-size:28px}
 .e-case .e-research-signals{grid-template-columns:minmax(0,1fr);margin-top:18px}
 .e-case .e-profile{padding:23px 18px}
}

@media(max-width:600px){
 .e-case .e-niches>div>div{display:contents}
 .e-case .e-niches h3{grid-column:2}
 .e-case .e-niches p{grid-column:1 / -1;margin-top:0}
}

/* Keep the preparation result on the full content grid, not under one column. */
.e-case .e-result-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center;margin-top:28px}
.e-case .e-result-strip>p:first-child{grid-column:1;grid-row:1;align-self:end}
.e-case .e-result-strip>div{grid-column:2;grid-row:1 / 3;margin:0}
.e-case .e-result-strip>p:last-child{grid-column:1;grid-row:2;align-self:start;margin-top:5px}
@media(max-width:600px){
 .e-case .e-result-strip{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
 .e-case .e-result-strip>p:first-child{grid-row:1}
 .e-case .e-result-strip>div{grid-column:1;grid-row:2}
 .e-case .e-result-strip>p:last-child{grid-row:3;margin-top:0}
}

/* Case family V5: scoped so the accepted optics page retains its layout. */
.e-rebuilt .v5-context{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:16px}
.e-rebuilt .e-case-hero h1{font-size:clamp(36px,3.2vw,48px)}
.e-rebuilt .e-case-opening{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center}
.e-rebuilt .e-cover img{aspect-ratio:3/2;object-fit:cover}
.e-rebuilt .e-case-summary dt{font-size:23px;line-height:1.35;overflow-wrap:anywhere}
.e-rebuilt .e-case-summary dd{line-height:1.6}
.e-rebuilt .e-story-heading h2{font-size:38px}
.v5-flow{list-style:none;counter-reset:flow;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.v5-flow li{counter-increment:flow;padding:21px 0;border-top:1px solid var(--line);font-size:19px;line-height:1.45;font-weight:500;letter-spacing:-.025em}
.v5-flow li:before{content:'0' counter(flow);display:block;color:#007e92;font-size:12px;margin-bottom:12px;font-weight:450;letter-spacing:0}
.v5-work-note{font-size:17px;line-height:1.75;color:var(--muted);margin-top:20px;max-width:820px}
.v5-result{margin-top:28px;padding-top:24px;border-top:1px solid #c4dce1}
.v5-comparison{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 22px;line-height:1.25;letter-spacing:-.04em}
.v5-comparison>span{font-size:28px;color:var(--muted)}
.v5-comparison>strong{font-size:40px;font-weight:550}
.v5-result>p{margin-top:10px;font-size:16px}
.v5-result>.e-small{font-size:13px;color:var(--muted);max-width:750px}
.v5-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:22px}
.v5-outputs h4{font-size:20px;font-weight:550;letter-spacing:-.035em;line-height:1.35;margin:0}
.v5-outputs p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:12px}
.v5-effect-number{border-block:1px solid var(--line);padding-block:22px}
.v5-effect-number strong{font-size:42px;line-height:1.3;letter-spacing:-.045em;font-weight:550;overflow-wrap:anywhere}
.v5-effect-number p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.6}
.v5-effect-body{font-size:18px;line-height:1.8;margin-top:25px;max-width:820px}
.v5-effect-note{font-size:13px;color:var(--muted);margin-top:20px;max-width:850px;line-height:1.75}
.v5-next{border-top:1px solid var(--line)}
.v5-next-list{list-style:none;counter-reset:next;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.v5-next-list li{counter-increment:next;font-size:17px;line-height:1.65;border-top:1px solid var(--line);padding-top:20px}
.v5-next-list li:before{content:'0' counter(next);display:block;font-size:12px;color:var(--muted);margin-bottom:14px}
.e-additional article{display:flex;flex-direction:column;align-items:flex-start}
.e-additional article>figure{width:100%;margin-bottom:22px}
.e-additional figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.v5-preview-metrics{margin-top:20px;margin-bottom:10px;display:grid;gap:14px}
.v5-preview-metrics dt{font-size:19px;font-weight:550;line-height:1.4;letter-spacing:-.025em}
.v5-preview-metrics dd{font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}
.e-additional .e-link{margin-top:auto;padding-top:14px}
@media(max-width:1100px){.e-rebuilt .e-case-summary dt{font-size:20px}.e-rebuilt .e-story-heading h2{font-size:35px}.v5-outputs{gap:24px}}
@media(max-width:900px){.e-rebuilt .e-case-opening{grid-template-columns:1.4fr 1fr;gap:30px}.e-rebuilt .e-case-hero h1{font-size:35px}.v5-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-outputs{grid-template-columns:1fr;gap:22px}.v5-outputs>div{display:grid;grid-template-columns:1fr 1.7fr;gap:24px}.v5-outputs p{margin:0}.v5-next-list{gap:22px}.v5-effect-number strong{font-size:37px}}
@media(max-width:600px){
 .e-rebuilt .e-case-opening{grid-template-columns:minmax(0,1fr);gap:24px}
 .e-rebuilt .e-case-hero h1{font-size:32px;line-height:1.18}
 .e-rebuilt[data-case="C08"] .e-case-hero h1{font-size:28px}
 .e-rebuilt .v5-context{font-size:12px;margin-bottom:13px}
 .e-rebuilt .e-case-summary{grid-template-columns:minmax(0,1fr);gap:18px}
 .e-rebuilt .e-case-summary dt{font-size:23px;overflow-wrap:normal}
 .e-rebuilt .e-story-heading h2{font-size:28px;line-height:1.22}
 .v5-flow{grid-template-columns:minmax(0,1fr);gap:0}
 .v5-flow li{position:relative;padding:18px 0 18px 34px;font-size:20px}
 .v5-flow li:before{position:absolute;left:0;top:23px;margin:0}
 .v5-work-note{font-size:16px;margin-top:15px}
 .v5-comparison{gap:10px 14px}
 .v5-comparison>span{font-size:23px}
 .v5-comparison>strong{font-size:30px;overflow-wrap:anywhere}
 .v5-result>p{font-size:15px}
 .v5-result>.e-small{font-size:13px}
 .v5-outputs>div{grid-template-columns:1fr;gap:8px}
 .v5-outputs h4{font-size:22px}
 .v5-effect-number strong{font-size:32px}
 .v5-effect-body{font-size:17px}
 .v5-next-list{grid-template-columns:1fr;gap:23px}
 .v5-next-list li{font-size:17px;padding-top:17px}
}

/* Whole-card navigation keeps content together, with one keyboard stop per case. */
.e-project-list{display:grid;gap:40px}
.e-project,.e-project:last-child{display:block;padding:0;border:0}
.e-case-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:44px;padding:32px;border:1px solid var(--line);border-radius:8px;transition:background-color .2s,border-color .2s}
.e-case-card:hover,.e-compact-card:hover{text-decoration:none}
.e-case-card .e-project-copy{display:block;min-width:0}
.e-case-card .e-kicker{margin-bottom:16px}
.e-case-card h3{font-size:30px;line-height:1.2;text-wrap:pretty}
.e-case-card .e-project-description{margin-top:20px;margin-bottom:0}
.e-case-card .e-project-evidence{margin-top:24px;padding-top:18px}
.e-case-card .e-preview-metrics{align-items:start;gap:24px}
.e-case-card .e-preview-metrics>div{display:block}
.e-case-card .e-preview-metrics dd{margin-top:6px;padding:0}
.e-case-card .e-project-visual{display:block;padding:0;max-width:none;width:100%;align-self:center}
.e-case-card .e-project-visual>.e-card-image{max-width:none}
.e-card-image{position:relative;overflow:hidden;border-radius:5px;width:100%;aspect-ratio:3/2;isolation:isolate}
.e-card-image img{width:100%;height:100%;object-fit:cover}
.e-card-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.13);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .2s;pointer-events:none}
.e-card-overlay>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fbfcfd;color:#007e92;box-shadow:0 6px 24px #0f172a20}
.e-additional{gap:28px;align-items:stretch}
.e-additional article{display:block;padding:0;border:0;min-width:0}
.e-compact-card{height:100%;display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:8px;transition:background-color .2s,border-color .2s}
.e-compact-card .e-card-image{flex-shrink:0;margin-bottom:24px}
.e-compact-card h3{font-size:23px;line-height:1.25;text-wrap:pretty;overflow-wrap:anywhere}
.e-compact-card>p{margin-top:16px;margin-bottom:24px}
.e-compact-card .v5-preview-metrics{margin-top:auto;margin-bottom:0;gap:16px}
.e-case-card:focus-visible,.e-compact-card:focus-visible{outline:3px solid #007e92;outline-offset:5px;background:#eef7f9}
.e-case-card:focus-visible .e-card-overlay,.e-compact-card:focus-visible .e-card-overlay{opacity:1}
@media(hover:hover) and (pointer:fine){
 .e-case-card:hover,.e-compact-card:hover{background:#f0f7f9;border-color:#96c5cf}
 .e-case-card:hover h3,.e-compact-card:hover h3{color:#006c7d}
 .e-card-image:hover .e-card-overlay{opacity:1}
}
@media(max-width:1100px){.e-case-card{padding:26px;gap:32px}.e-case-card h3{font-size:28px}.e-compact-card{padding:16px}.e-compact-card h3{font-size:21px}}
@media(min-width:601px) and (max-width:900px){
 .e-case-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding:24px;gap:26px}
 .e-case-card h3{font-size:26px}
 .e-additional{grid-template-columns:1fr;gap:28px}
 .e-compact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);column-gap:28px;row-gap:16px;padding:24px}
 .e-compact-card .e-card-image{grid-column:1;grid-row:1/4;margin:0;align-self:center}
 .e-compact-card h3,.e-compact-card>p,.e-compact-card .v5-preview-metrics{grid-column:2;margin:0}
 .e-compact-card h3{font-size:25px}
 .e-compact-card .v5-preview-metrics{grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:600px){
 .e-project-list{gap:32px}
 .e-case-card{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px}
 .e-case-card .e-project-visual{grid-row:1;max-width:none}
 .e-case-card .e-project-copy{grid-row:2}
 .e-case-card h3{font-size:26px}
 .e-case-card .e-project-description{margin-top:16px}
 .e-case-card .e-preview-metrics{gap:18px}
 .e-case-card .e-preview-metrics dt{font-size:19px}
 .e-case-card .e-project-evidence{margin-top:22px}
 .e-additional{gap:32px}
 .e-compact-card{padding:18px}
 .e-compact-card h3{font-size:25px}
 .e-compact-card .e-card-image{margin-bottom:24px}
}
@media(hover:none),(pointer:coarse),(max-width:600px){
 .e-card-overlay{opacity:1;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;place-items:end;padding:12px}
 .e-card-overlay>span{width:40px;height:40px}
 .e-card-overlay svg{width:21px;height:21px}
}

/* Original brand mark and illustrative deliverable examples. */
.e-brand{align-items:center;gap:10px;letter-spacing:-.5px;font-size:24px}.e-brand img{width:40px;height:40px;flex:none}.e-brand span{font-weight:650}.e-format-example-image{margin-top:26px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.e-format-example-image img{width:100%;height:auto}.e-format-example-image a{display:block}.e-format-example-image a:focus-visible{outline-offset:-4px}.e-example .e-profile{margin-top:32px}.v5-example-intro,.v5-funnel-intro{color:var(--muted);max-width:760px}.v5-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin-top:32px;gap:24px}.v5-funnel li{border-top:2px solid var(--accent);padding-top:18px}.v5-funnel strong{display:block;font-size:40px;line-height:1.15;font-weight:550;letter-spacing:-.04em}.v5-funnel span{display:block;font-size:15px;margin-top:10px;color:var(--muted)}@media(max-width:600px){.e-brand{font-size:21px;gap:8px}.e-brand img{width:34px;height:34px}.e-format-example-image{margin-top:20px}.v5-funnel{grid-template-columns:1fr 1fr;gap:25px 20px}.v5-funnel strong{font-size:34px}.v5-funnel span{font-size:14px}.e-example .e-profile{margin-top:24px}}

/* Compact examples preserve the content grid; the full image remains linked. */
.e-format-example-image{width:100%;max-width:420px;margin-top:22px}.e-format-example-image a{cursor:zoom-in}.e-format-example-image a:hover{text-decoration:none}.e-example-expand{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 13px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted);background:var(--paper)}.e-format-example-image a:hover .e-example-expand,.e-format-example-image a:focus-visible .e-example-expand{color:#006f81;background:var(--tint)}