/* Nicholas Mondie — Selected Work. Self-contained editorial design. */
:root{--ink:#132d3b;--navy:#102938;--navy-deep:#091923;--teal:#027b78;--aqua:#3ab7a8;--paper:#f8f7f2;--paper-darker:#f0f1ec;--muted:#536975;--line:#d6ddd9;--white:#fff;--gold:#b79359;--serif:Georgia,'Times New Roman',serif;--sans:Inter,'Aptos',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}p{margin:0 0 1.2em}h1,h2,h3,h4{margin:0;font-weight:500}strong{font-weight:700}em{font-family:var(--serif);font-weight:400}::selection{background:#93d8cf;color:#102938}:focus-visible{outline:3px solid #f5b63e;outline-offset:4px}a:hover{color:var(--teal)}[hidden]{display:none!important}.container-wide{width:min(1280px,calc(100% - 88px));margin-inline:auto}.skip-link{position:fixed;top:-60px;left:15px;background:white;color:#142a35;z-index:9999;padding:10px 18px}.skip-link:focus{top:10px}
/* Header */
.site-header{position:sticky;top:0;z-index:60;background:rgba(248,247,242,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(19,45,59,.1)}.site-header-inner{height:86px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;color:var(--ink)!important}.brand-mark{font-family:var(--serif);font-size:35px;line-height:1;letter-spacing:-.12em;padding-right:4px}.brand-mark span,.about-initials span{color:var(--teal)}.brand-name{font-size:10px;font-weight:800;line-height:1.26;letter-spacing:.18em}.desktop-nav{display:flex;gap:29px;margin-left:auto;align-items:center}.nav-link{color:#516572;font-size:12px;font-weight:700;letter-spacing:.055em;position:relative;padding-block:14px}.nav-link::after{content:'';position:absolute;height:2px;background:var(--teal);bottom:6px;left:0;right:100%;transition:right .3s var(--ease)}.nav-link:hover::after,.nav-link.active::after{right:0}.nav-link.active{color:var(--ink)}.header-contact{margin-left:12px;background:var(--navy);color:#fff!important;font-size:12px;font-weight:700;letter-spacing:.045em;display:flex;gap:24px;align-items:center;padding:13px 18px;transition:background .25s}.header-contact:hover{background:var(--teal)}.menu-button{display:none;background:none;border:0;padding:10px;width:42px;height:42px}.menu-button span{display:block;background:var(--navy);width:22px;height:2px;margin:5px auto}.mobile-nav{display:none}
/* Shared */
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.165em;line-height:1.4;color:var(--teal);margin:0 0 21px;text-transform:uppercase}.eyebrow-light{color:#7ddcd1}.kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 22px;font-size:12px;line-height:1.3;font-weight:750;letter-spacing:.035em;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.button-dark{background:var(--navy);color:#fff!important}.button-dark:hover{background:var(--teal)}.button-light{background:var(--paper);color:var(--navy)!important}.button-light:hover{background:#b8f2e5}.button-outline-light{border-color:rgba(255,255,255,.48);color:#fff!important}.button-outline-light:hover{background:#fff;color:var(--navy)!important}.button-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.quiet-link,.text-arrow{display:inline-flex;align-items:center;gap:22px;color:var(--ink);font-size:13px;font-weight:750;padding-bottom:4px;border-bottom:1px solid var(--teal);transition:gap .2s}.quiet-link:hover,.text-arrow:hover{gap:29px;color:var(--teal)}.text-arrow{font-size:14px}a img{transition:filter .35s ease}.section-head{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:40px}.section-head h2{font-family:var(--serif);font-size:clamp(40px,4.45vw,66px);line-height:1.07;letter-spacing:-.05em}.section-head h2 em{color:var(--teal)}.section-head>p{max-width:365px;color:#516675;font-size:15px;line-height:1.85;margin:0 0 8px}.section-head .eyebrow{margin-bottom:22px}
/* Home Hero */
.hero-section{background:var(--paper);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:55px;align-items:center;padding:105px 0 60px}.hero-copy{min-width:0}.hero-copy .with-rule{display:flex;gap:14px;align-items:center;font-size:11px;letter-spacing:.105em}.with-rule span{color:#a2b0b6}.hero-copy h1{font-family:var(--serif);font-size:clamp(62px,6.7vw,108px);line-height:.96;letter-spacing:-.08em;margin:29px 0 33px}.hero-copy h1 em{color:var(--teal)}.hero-around{font-style:italic}.hero-intro{font-size:clamp(18px,1.55vw,23px);line-height:1.55;letter-spacing:-.018em;max-width:560px;margin-bottom:17px}.hero-aside-text{font-size:14px;color:var(--muted);line-height:1.7;max-width:480px;margin-bottom:35px}.hero-display{position:relative;min-width:0;padding:5px 0 14px}.hero-index-tag{font-size:10px;letter-spacing:.17em;font-weight:800;color:#64817d;margin-bottom:12px;text-align:right}.hero-frame{display:block;padding:13px;background:#dce5e3;box-shadow:26px 28px 0px #e8ece8;position:relative;transition:transform .4s var(--ease)}.hero-frame:hover{transform:translate(-3px,-4px);color:inherit}.hero-frame img{width:100%;height:auto;aspect-ratio:1492/931;object-fit:cover;box-shadow:0 12px 26px rgba(0,0,0,.14)}.image-zoom-indicator{position:absolute;bottom:23px;right:24px;background:var(--paper);font-size:10px;font-weight:750;letter-spacing:.07em;padding:10px 14px}.hero-frame-foot{display:flex;justify-content:space-between;margin:38px 0 0;font-size:10px;font-weight:750;letter-spacing:.09em;gap:10px}.hero-frame-foot span:last-child{color:#6b8187;letter-spacing:0;font-weight:500}.hero-small-note{position:absolute;right:-30px;top:73px;transform:translateX(35%);z-index:1;color:#aab9b5;font-family:var(--serif);font-size:13px;font-style:italic;line-height:1.45}.hero-bottom{display:flex;align-items:center;gap:18px;color:#7e9194;padding:0 0 28px;font-size:9px;font-weight:800;letter-spacing:.17em}.hero-bottom span:last-child{margin-left:auto}.hero-line{width:80px;height:1px;background:#a1b2b1}.principle-band{background:var(--navy);color:white;padding:38px 0}.principle-grid{display:flex;align-items:center;gap:48px}.principle-grid .principle-label{font-size:10px;letter-spacing:.15em;color:#8fceca;font-weight:800;min-width:140px}.principle-grid p{font:400 clamp(21px,2vw,31px)/1.2 var(--serif);margin:0;flex:1}.principle-grid p em{color:#84cbc1}.principle-grid a{font-size:12px;font-weight:750;color:#bde4df;white-space:nowrap}.principle-grid a:hover{color:#fff}
/* Work Gallery */
.work-section{padding:116px 0 140px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.filter-button{background:transparent;color:#516772;border:1px solid #cdd8d5;padding:10px 15px;font-size:12px;font-weight:750;transition:all .2s}.filter-button span{font-weight:500;opacity:.6;padding-left:8px}.filter-button:hover{border-color:var(--teal)}.filter-button.is-active{background:var(--navy);color:white;border-color:var(--navy)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{background:#ecece5;display:flex;flex-direction:column;min-height:490px;overflow:hidden;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease);border:1px solid rgba(16,41,56,.08);color:var(--ink)!important}.work-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(15,34,43,.12)}.work-card-wide{grid-column:1/-1;min-height:425px;display:grid;grid-template-columns:43% 57%}.work-card-copy{padding:35px 35px 32px;display:flex;flex-direction:column;justify-content:flex-end;flex:1}.work-card-wide .work-card-copy{padding:45px 44px}.work-card .work-card-kicker,.work-card-topline{font-size:10px;letter-spacing:.12em;font-weight:850;color:#729f9c}.work-card-kicker{display:flex;justify-content:space-between;gap:12px;margin:0 0 auto}.work-card-topline{padding:19px 24px 0}.work-card h3{font:400 clamp(34px,3vw,54px)/1.05 var(--serif);letter-spacing:-.04em;margin-bottom:13px}.work-card p{font-size:14px;line-height:1.7;color:#60727a;max-width:430px;margin-bottom:20px}.work-card .explore-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:850;border-top:1px solid rgba(16,41,56,.2);padding-top:14px;max-width:400px}.explore-link b{font-size:21px;font-weight:400}.work-card-shot{height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px;background:#dee5e2;flex-shrink:0}.work-card-shot img{width:100%;height:100%;object-fit:contain;box-shadow:0 10px 23px rgba(11,28,32,.12);transition:transform .5s var(--ease)}.work-card:hover .work-card-shot img{transform:scale(1.018)}.work-card-wide .work-card-shot{height:100%;padding:40px}.work-card-wide .work-card-shot img{max-height:330px}.tone-navy{background:#102a3b;color:white!important}.tone-navy p{color:#c0d3d6}.tone-navy .work-card-kicker{color:#89c4c0}.tone-navy .work-card-shot{background:#173749}.tone-navy .explore-link{border-top-color:rgba(255,255,255,.25)}.tone-lilac{background:#eff0ee}.tone-lilac .work-card-shot{background:#e2ebee}.tone-orange{background:#fff1e7}.tone-orange .work-card-shot{background:#f4d8c8}.tone-gold{background:#f1eddf}.tone-gold .work-card-shot{background:#e5e0d0}.tone-purple{background:#f0edf5}.tone-purple .work-card-shot{background:#ded5e8}
/* Statement & home close */
.scale-statement{background:#0c2532;color:white;padding:110px 0 120px;position:relative;overflow:hidden}.scale-statement::before{content:'';position:absolute;left:-120px;bottom:-160px;width:460px;height:460px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 85px rgba(255,255,255,.02),0 0 0 180px rgba(255,255,255,.02)}.scale-statement-grid{display:grid;grid-template-columns:1.15fr .65fr;gap:90px;align-items:center}.scale-statement h2{font:400 clamp(52px,6.7vw,96px)/1.03 var(--serif);letter-spacing:-.055em}.scale-statement h2 em{color:#91d3c7}.scale-statement-grid p{font-size:17px;line-height:1.8;color:#c6d8dd}.scale-statement-grid .button{margin-top:24px}.evaluation-teaser{padding:115px 0;background:#f5f4ef}.eval-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.evaluation-teaser h2{font:400 clamp(48px,5.3vw,77px)/1.07 var(--serif);letter-spacing:-.05em;margin-bottom:23px}.evaluation-teaser h2 em{color:var(--teal)}.evaluation-teaser p:not(.eyebrow){max-width:480px;line-height:1.8;color:#536a75;margin-bottom:23px}.evaluation-stats{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;background:#e9eeea;padding:43px 26px;min-height:300px}.evaluation-stats>div:not(.eval-footnote):not(.stat-arrow){text-align:center}.evaluation-stats>div>span{font:400 clamp(48px,5vw,81px)/1 var(--serif);letter-spacing:-.055em}.evaluation-stats .slash{font-size:.65em;color:#a8bbb7}.evaluation-stats>div>p{font-size:12px!important;letter-spacing:.03em;color:#667980!important;margin:17px 0 0!important}.evaluation-stats .stat-arrow{font:400 38px var(--serif);color:var(--teal)}.eval-footnote{flex-basis:100%;text-align:center;font-size:10px;letter-spacing:.09em;color:#708285;margin-top:20px}.home-end{padding:85px 0 115px;border-top:1px solid var(--line)}.home-end-grid{display:grid;grid-template-columns:1fr 2fr;gap:65px}.home-end h2{font:400 clamp(38px,4vw,61px)/1.13 var(--serif);letter-spacing:-.04em;margin-bottom:25px}.home-end h2 em{color:var(--teal)}.home-end p:not(.eyebrow){color:#566d75;line-height:1.8;max-width:740px}
/* Footer */
.site-footer{background:var(--navy-deep);color:#fff;padding-top:85px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;padding-bottom:95px}.footer-lead h2{font:400 clamp(55px,6vw,93px)/1.05 var(--serif);letter-spacing:-.055em;margin:15px 0 25px}.footer-lead h2 em{color:#8ad2c6}.footer-lead>p:not(.eyebrow){color:#b8cad0;font-size:16px;max-width:560px;line-height:1.75;margin-bottom:34px}.footer-links{display:flex;flex-direction:column;justify-content:flex-end;gap:31px}.footer-links>div{border-top:1px solid rgba(255,255,255,.19);padding-top:15px;display:flex;flex-direction:column;gap:7px}.footer-links span{font-size:10px;letter-spacing:.17em;font-weight:750;color:#8cd0c7}.footer-links a,.footer-links p{color:#f6f6ed;font-size:15px;margin:0;overflow-wrap:anywhere}.footer-links a:hover{color:#9ce8dd}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.18);padding:19px 0 22px;color:#90a7b0;font-size:10px;letter-spacing:.085em}.footer-bottom a:hover{color:white}
/* Case studies */
.case-hero{padding:35px 0 78px;background:#ecefeb}.case-tone-navy{background:#102a3b;color:#fff}.case-tone-bright{background:#e8f0ec}.case-tone-orange{background:#fbede3}.case-tone-gold{background:#f0ecdf}.case-tone-purple{background:#ece8f3}.crumbs{display:flex;gap:16px;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:750;opacity:.75;margin-bottom:57px}.crumbs a:hover{color:var(--teal)}.case-tone-navy .crumbs a:hover{color:#8bd5c9}.case-hero-layout{display:grid;grid-template-columns:41% 59%;align-items:center;gap:40px}.case-heading .eyebrow{color:var(--teal)}.case-tone-navy .case-heading .eyebrow{color:#91d4cb}.case-heading h1{font:400 clamp(58px,5.7vw,90px)/1 var(--serif);letter-spacing:-.075em;margin:0 0 13px;overflow-wrap:anywhere}.case-heading h2{font:400 clamp(22px,2.4vw,33px)/1.23 var(--serif);letter-spacing:-.025em;margin-bottom:26px;max-width:455px}.case-lede{color:#59707b;max-width:430px;font-size:15px;line-height:1.85;margin:0}.case-tone-navy .case-lede{color:#c4d2d8}.case-hero-image{position:relative;background:rgba(255,255,255,.38);padding:18px;box-shadow:22px 24px 0 rgba(9,30,38,.08);min-width:0}.case-tone-navy .case-hero-image{background:#264655;box-shadow:22px 24px 0 rgba(0,0,0,.15)}.case-hero-image a{display:block}.case-hero-image img{width:100%;height:370px;object-fit:contain;box-shadow:0 7px 26px rgba(16,41,56,.12)}.case-image-mark{display:block;font-size:10px;letter-spacing:.12em;font-weight:750;margin:12px 0 -2px;color:#59757c}.case-tone-navy .case-image-mark{color:#a3c2c9}.case-facts{background:#e5eae5;border-bottom:1px solid #d6ded9}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.fact{padding:28px 25px 28px 0;border-right:1px solid #c6d1cc;display:flex;flex-direction:column;gap:5px}.fact:last-child{border-right:0;padding-left:25px}.fact:nth-child(2){padding-left:25px}.fact small{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--teal)}.fact strong{font-size:13px;line-height:1.5}.case-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:75px;align-items:start}.case-aside{position:sticky;top:115px;align-self:start;padding-top:73px;display:flex;flex-direction:column;gap:7px}.case-aside>p{font-size:10px;font-weight:850;letter-spacing:.15em;color:var(--teal);margin-bottom:22px}.case-aside>a{font-size:12px;color:#71818a;padding:10px 0;border-bottom:1px solid var(--line)}.case-aside>a:hover{color:var(--teal)}.case-aside-footer{margin-top:40px;border-left:2px solid #81b9b4;padding-left:15px}.case-aside-footer span{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--teal)}.case-aside-footer p{font:italic 15px/1.5 var(--serif);margin-top:12px}.case-main{min-width:0}.case-section{padding:76px 0 83px;border-bottom:1px solid var(--line);scroll-margin-top:87px}.case-section.last-section{border-bottom:none;padding-bottom:112px}.case-section h2{font:400 clamp(37px,3.4vw,56px)/1.12 var(--serif);letter-spacing:-.05em;margin-bottom:30px}.case-section h2 em{color:var(--teal)}.case-section .eyebrow{margin-bottom:25px}.case-section h3{font:400 clamp(20px,1.8vw,29px)/1.25 var(--serif);letter-spacing:-.018em}.prose-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.prose-columns p{font-size:15px;line-height:1.9;color:#4e6470;margin:0}.section-title-row{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.section-title-row h2{margin-bottom:0}.section-title-row>p{font-size:13px;line-height:1.65;color:#68808a;max-width:210px;margin:0 0 5px}.case-shot{margin:0}.case-shot>a{display:block;position:relative;background:#e4e9e5;padding:12px;overflow:hidden;border:1px solid rgba(16,41,56,.07)}.case-shot img{width:100%;height:auto;max-height:540px;object-fit:contain}.case-shot figcaption{font-size:11px;color:#6c8088;line-height:1.5;margin:11px 0 0}.case-shot-dark>a{background:#163449}.case-shot-fullbleed>a{background:transparent;padding:0;border:0}.case-shot-fullbleed img{width:100%;height:auto;max-height:none;object-fit:cover;box-shadow:none}.case-shot-fullbleed .zoom-hint{bottom:14px;right:14px}.zoom-hint{position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,.95);font-size:10px;line-height:1.1;letter-spacing:.07em;font-weight:750;color:var(--ink);padding:11px 12px;opacity:0;transform:translateY(8px);transition:all .22s}.case-shot>a:hover .zoom-hint,.case-shot>a:focus-visible .zoom-hint{opacity:1;transform:translateY(0)}.annotation-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:28px}.annotation-buttons{display:flex;flex-direction:column;border-top:1px solid var(--line)}.annotation-button{border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:19px;background:none;color:#536b76;padding:15px 0;text-align:left;font-size:13px;font-weight:750}.annotation-button span{font-size:10px;color:var(--teal);font-weight:800}.annotation-button.is-active{color:var(--navy);background:#e7efeb;padding-left:12px}.annotation-copy{background:#e7eeea;padding:26px 29px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.annotation-copy h3{margin:14px 0}.annotation-copy p{font-size:14px;color:#546b74;line-height:1.8;margin:0}.three-up{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.three-up>div{border-top:2px solid var(--teal);padding-top:16px}.three-up span,.front-back>div>span{font-size:10px;letter-spacing:.15em;color:var(--teal);font-weight:850}.three-up h3{margin:17px 0 14px;font-size:23px}.three-up p{color:#596d76;font-size:13px;line-height:1.8}.statement-card{padding:45px 50px;background:var(--navy);color:#fff}.statement-card p{font:400 clamp(26px,3vw,43px)/1.24 var(--serif);letter-spacing:-.025em;margin:0 0 36px}.statement-card>span{font-size:10px;letter-spacing:.15em;font-weight:850;color:#87d1c6}.subtle-note{font-size:12px;color:#7a8586;margin:26px 0 0;line-height:1.7}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0}.metric-row-three{grid-template-columns:repeat(3,1fr);margin-top:31px}.metric-row>div{background:#e6eeea;padding:23px 20px}.metric-row strong{display:block;font:400 clamp(36px,4vw,59px)/1.05 var(--serif);letter-spacing:-.06em}.metric-row strong span{font-size:.55em;color:#7b8d91}.metric-row small{display:block;margin-top:11px;font-size:9px;line-height:1.5;font-weight:800;color:#577e7b;letter-spacing:.09em}.tab-group{border:1px solid #d5ded8;background:#f3f4ef;padding:14px}.tab-bar{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap}.tab-bar button{border:1px solid #ccd5d1;color:#5e7378;background:transparent;font-size:11px;font-weight:800;letter-spacing:.055em;padding:11px 18px}.tab-bar button:hover{border-color:var(--teal);color:var(--teal)}.tab-bar button.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.tab-group .case-shot>a{background:#e3e8e5}.tab-explanation{padding:17px 5px 0;font-size:14px;line-height:1.75;color:#5b737c;max-width:660px}.tab-group .metric-row{margin-bottom:8px}.subheading{margin:63px 0 22px!important}.mobile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.mobile-card{min-width:0}.phone-shot{max-width:320px;margin:0 auto}.phone-shot>a{padding:0;border:8px solid #223138;border-radius:21px;background:#fff;overflow:hidden;box-shadow:0 12px 24px rgba(12,33,43,.16)}.phone-shot img{width:100%;height:455px;object-fit:cover;object-position:top}.phone-shot figcaption{font-size:11px}.gallery-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gallery-two .case-shot img{max-height:290px}.doc-feature{display:grid;grid-template-columns:170px 1fr;gap:32px;background:#e7eeea;padding:34px 38px;margin-top:54px;align-items:start}.doc-counter{border-right:1px solid #c1d0c8;padding-right:20px}.doc-counter span{display:block;font:400 91px/.94 var(--serif);letter-spacing:-.07em}.doc-counter small{letter-spacing:.16em;color:var(--teal);font-size:11px;font-weight:850}.doc-feature h3{font-size:29px;margin:12px 0 15px}.doc-feature p{font-size:14px;line-height:1.8;color:#536873}.front-back{display:grid;grid-template-columns:1fr 1fr;gap:19px}.front-back>div{padding:29px;background:#e6ede9}.front-back h3{margin:19px 0 13px}.front-back p{font-size:14px;line-height:1.75;color:#526b73}.mobile-admin-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;margin-top:45px}.mobile-admin-layout h3{font-size:31px;margin:13px 0}.mobile-admin-layout p:not(.eyebrow){font-size:14px;color:#557079}.mobile-admin-layout .phone-shot{max-width:290px}.stepper{border:1px solid #cbd6d1;background:#e8eee9;padding:18px}.stepper-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.stepper-top .kicker{font-size:11px}.stepper-top>div{display:flex;gap:7px}.stepper-control{border:1px solid #c2d1cc;background:#f8faf6;color:var(--navy);width:42px;height:42px;font-size:21px}.stepper-control:hover:not(:disabled){background:var(--navy);color:white}.stepper-control:disabled{opacity:.35;cursor:default}.stepper-step h3{margin-top:28px;font-size:29px}.stepper-step>p{font-size:14px;line-height:1.75;color:#567078;margin:10px 0}.stepper-progress{display:flex;gap:10px;margin-top:21px}.stepper-dot{background:#b3c4c1;border:0;border-radius:30px;height:4px;flex:1}.stepper-dot.is-active{background:var(--teal)}.next-case{background:#e8efeb;padding:50px 0}.next-case-inner{display:flex;justify-content:space-between;align-items:end;gap:24px}.next-case-inner .eyebrow{margin:0 0 7px}.next-case-inner a{font:400 clamp(35px,4.6vw,67px)/1.12 var(--serif);letter-spacing:-.045em}.next-case-inner a:hover{color:var(--teal)}.next-case-inner>a span,.next-case-inner div>a span{font-size:.7em;color:var(--teal)}.next-case-inner>span{font-size:12px;font-weight:750;color:#6f8284}
/* Editorial pages */
.editorial-hero{padding-top:112px;padding-bottom:112px}.editorial-hero h1{font:400 clamp(57px,6.7vw,106px)/1.04 var(--serif);letter-spacing:-.065em;max-width:1150px;margin-bottom:26px}.editorial-hero h1 em{color:var(--teal)}.editorial-hero>p:last-child{max-width:690px;font-size:19px;line-height:1.75;color:#5a727b}.approach-section{background:#e8efeb;padding:85px 0 110px}.steps-layout{display:grid;grid-template-columns:300px 1fr;gap:80px}.steps-heading{position:sticky;top:127px;align-self:start}.steps-heading h2{font:400 48px/1.08 var(--serif);letter-spacing:-.05em;margin-bottom:20px}.steps-heading>p:last-child{font-size:14px;color:#657981}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid #c0d2cc}.process-list li{display:grid;grid-template-columns:77px 1fr;gap:22px;padding:31px 0;border-bottom:1px solid #c0d2cc}.process-list li>span{font:400 35px/1 var(--serif);color:var(--teal)}.process-list h3{font:400 29px/1.12 var(--serif);margin-bottom:14px}.process-list p{color:#5d7178;font-size:14px;max-width:610px}.contrast-section{background:#0b2633;color:#fff;padding:108px 0}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contrast-grid h2{font:400 clamp(50px,5vw,79px)/1.08 var(--serif);letter-spacing:-.055em}.contrast-grid h2 em{color:#8cd5c9}.contrast-grid p{color:#c4d5da;font-size:17px;line-height:1.85}.contrast-grid .button{margin-top:16px}.approach-bottom{padding:115px 0 150px}.approach-bottom h2{font:400 clamp(40px,4.4vw,70px)/1.14 var(--serif);letter-spacing:-.045em;max-width:970px;margin-bottom:30px}.approach-bottom>p:not(.eyebrow){color:#576d75;max-width:760px;font-size:16px;line-height:1.8}.approach-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px}.approach-cards a{display:flex;flex-direction:column;gap:10px;background:#e8efea;padding:28px 29px;transition:transform .2s}.approach-cards a:hover{transform:translateY(-4px);color:var(--ink)}.approach-cards a strong{font:400 48px var(--serif);letter-spacing:-.045em}.approach-cards a span:nth-child(2){font-size:14px;font-weight:800}.approach-cards a span:last-child{font-size:12px;color:#6d8586;margin-top:25px}
/* Evaluation */
.evaluation-hero{background:#0c2532;color:#fff;padding:125px 0 64px}.evaluation-hero h1{font:400 clamp(63px,7vw,108px)/1.06 var(--serif);letter-spacing:-.065em}.evaluation-hero h1 em{color:#9cdbcd}.evaluation-hero p:not(.eyebrow){font-size:18px;line-height:1.75;color:#cbdbe0;max-width:730px;margin:36px 0 65px}.evaluation-hero-bottom{border-top:1px solid #49636d;display:flex;gap:28px;justify-content:space-between;padding-top:17px;color:#9dced1;font-size:10px;letter-spacing:.15em;font-weight:800}.evaluation-results{padding:110px 0 115px}.result-columns{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:20px}.result-card{padding:32px;background:#eceee9;min-height:325px}.result-card.new{background:#dceae4}.result-card>span{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#657d82}.result-card>strong{display:block;font:400 clamp(77px,8vw,124px)/1 var(--serif);letter-spacing:-.07em;margin:27px 0 6px}.result-card>strong span{font-size:.42em;color:#9aaca8}.result-card>p{font-size:15px;color:#445c66}.decision-bar{height:8px;background:#c9d4d0;margin:25px 0 20px}.decision-bar>span{display:block;height:100%;background:#6f8b92}.result-card.new .decision-bar>span{background:var(--teal)}.result-card>small{font-size:12px;color:#647b7d;line-height:1.5}.result-arrow{text-align:center;font:400 44px var(--serif);color:var(--teal)}.results-footnote{text-align:right;color:#79888a;font-size:11px;margin:17px 0 0}.evaluation-story{background:#eaf0ea;padding:65px 0 100px}.two-col-story{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 0;border-bottom:1px solid #c6d3cd}.two-col-story h2{font:400 clamp(36px,4.2vw,65px)/1.12 var(--serif);letter-spacing:-.045em}.two-col-story h2 em{color:var(--teal)}.two-col-story>div:last-child p{font-size:16px;color:#546b74;line-height:1.85}.failure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:45px 0;background:#dce7e0;padding:18px}.failure-grid>div{background:#f7f8f2;padding:27px}.failure-grid span{font:400 35px var(--serif);color:var(--teal)}.failure-grid h3{font:400 27px/1.2 var(--serif);margin:18px 0 15px}.failure-grid p{font-size:13px;line-height:1.7;color:#64787e}.evaluation-method{padding:110px 0 120px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.method-grid>div{border-top:2px solid var(--teal);padding:25px 10px 0 0}.method-grid span{font:400 35px var(--serif);color:var(--teal)}.method-grid h3{font:400 25px/1.2 var(--serif);margin:16px 0}.method-grid p{font-size:13px;line-height:1.75;color:#67777d}.method-details{margin-top:55px;border-top:1px solid #bbc9c5;border-bottom:1px solid #bbc9c5}.method-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:14px;font-weight:800;cursor:pointer}.method-details summary::-webkit-details-marker{display:none}.method-details summary span{font-size:25px;font-weight:400;color:var(--teal)}.method-details[open] summary span{transform:rotate(45deg)}.details-inner{color:#536d76;font-size:14px;max-width:800px;padding:8px 0 30px}.details-inner li{margin-bottom:6px}.closing-line{background:var(--navy);color:#fff;padding:105px 0}.closing-line h2{font:400 clamp(45px,5vw,77px)/1.14 var(--serif);letter-spacing:-.04em}.closing-line h2 em{color:#91d9cb}.closing-line a{display:inline-block;color:#c7f0e9;font-size:14px;font-weight:850;border-bottom:1px solid #8ad9cd;padding:8px 0;margin-top:40px}
/* About */
.about-section{background:#e8eeea;padding:100px 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about-masthead{min-height:500px;background:var(--navy);color:white;padding:50px 48px;display:flex;flex-direction:column;justify-content:space-between}.about-initials{font:400 clamp(130px,17vw,240px)/1 var(--serif);letter-spacing:-.16em}.about-masthead p{font-size:12px;letter-spacing:.16em;font-weight:800;color:#90c7c0}.about-copy h2{font:400 clamp(37px,3.8vw,58px)/1.17 var(--serif);letter-spacing:-.035em;margin-bottom:24px}.about-copy h2 em{color:var(--teal)}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#546a73}.about-copy .button{margin-top:22px}.about-domains{padding:105px 0 135px}.about-domains h2{font:400 clamp(46px,4.8vw,75px)/1.1 var(--serif);letter-spacing:-.05em;margin-bottom:44px}.domain-list{display:grid;grid-template-columns:1fr 1fr;gap:40px 55px}.domain-list>div{padding-top:20px;border-top:1px solid #bdd0c8}.domain-list span{font-size:11px;font-weight:850;color:var(--teal);letter-spacing:.15em}.domain-list h3{font:400 32px/1.2 var(--serif);margin:15px 0 13px}.domain-list p{color:#61747b;font-size:14px;line-height:1.8}
/* Modal */
.lightbox{position:fixed;inset:0;background:rgba(5,15,21,.96);z-index:150;display:flex;align-items:center;justify-content:center;padding:70px 40px 40px}.lightbox-figure{max-width:min(96vw,1500px);max-height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.lightbox img{max-width:100%;max-height:calc(100vh - 150px);object-fit:contain}.lightbox figcaption{font-size:12px;color:#d4e3e5;text-align:center;max-width:1000px}.lightbox-close{position:absolute;top:20px;right:31px;background:transparent;border:1px solid rgba(255,255,255,.45);color:white;padding:11px 16px;display:flex;gap:18px;align-items:center;font-size:12px;font-weight:750}.lightbox-close span{font-size:24px;line-height:1}.lightbox-close:hover{background:#fff;color:var(--navy)}
/* Progressive enhancement */
.js-ready [data-reveal]{opacity:0;transform:translateY(15px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.container-wide{width:min(100% - 56px,1180px)}.hero-layout{gap:30px}.hero-small-note{display:none}.case-hero-layout{grid-template-columns:42% 58%;gap:20px}.case-hero-image img{height:320px}.case-layout{grid-template-columns:165px minmax(0,1fr);gap:45px}.work-card-wide .work-card-copy{padding:33px}.work-card-wide .work-card-shot{padding:25px}.desktop-nav{gap:19px}.about-grid{gap:60px}}
@media(max-width:840px){.site-header-inner{height:72px}.desktop-nav{display:none}.header-contact{margin-left:auto}.menu-button{display:block}.mobile-nav{position:absolute;left:0;right:0;top:72px;display:flex;flex-direction:column;background:var(--paper);box-shadow:0 25px 35px rgba(0,0,0,.12);padding:8px 28px 24px}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;display:flex;justify-content:space-between}.mobile-nav a span{font-size:10px;color:#778d90}.container-wide{width:calc(100% - 42px)}.hero-layout{grid-template-columns:1fr;padding:77px 0 45px;gap:40px}.hero-copy h1{font-size:clamp(65px,12vw,110px)}.hero-intro{max-width:650px}.hero-display{max-width:760px}.hero-bottom{padding-bottom:17px}.principle-grid{flex-wrap:wrap;gap:17px}.principle-grid p{flex-basis:70%}.work-section{padding:75px 0}.section-head{align-items:start;flex-direction:column;gap:25px}.section-head>p{max-width:630px}.work-grid{gap:16px}.work-card-wide{grid-template-columns:1fr;max-height:none}.work-card-wide .work-card-shot{height:300px;order:-1}.work-card{min-height:450px}.scale-statement-grid,.eval-teaser-grid,.home-end-grid,.footer-inner{grid-template-columns:1fr;gap:38px}.scale-statement,.evaluation-teaser{padding:80px 0}.evaluation-stats{max-width:610px}.home-end{padding:65px 0}.site-footer{padding-top:75px}.footer-inner{padding-bottom:70px}.footer-links{gap:19px}.case-hero{padding:28px 0 68px}.crumbs{margin-bottom:42px}.case-hero-layout{grid-template-columns:1fr;gap:35px}.case-heading h1{font-size:clamp(59px,9vw,86px)}.case-hero-image img{height:auto;max-height:440px}.facts-grid{grid-template-columns:1fr 1fr 1fr}.case-layout{display:block}.case-aside{display:none}.case-section{padding:66px 0}.steps-layout{grid-template-columns:1fr;gap:30px}.steps-heading{position:static}.contrast-grid,.about-grid,.two-col-story{grid-template-columns:1fr;gap:38px}.about-masthead{min-height:300px}.about-initials{font-size:165px}.domain-list{gap:30px}.editorial-hero{padding-top:80px;padding-bottom:85px}.editorial-hero h1{font-size:clamp(58px,8.7vw,90px)}.method-grid{grid-template-columns:repeat(2,1fr)}.eval-teaser-grid{gap:40px}}
@media(max-width:580px){.container-wide{width:calc(100% - 34px)}.site-header-inner{gap:10px}.brand-mark{font-size:32px}.brand-name{font-size:9px}.header-contact{font-size:11px;padding:11px 13px;gap:9px}.hero-layout{padding-top:65px}.hero-copy h1{font-size:clamp(56px,14vw,79px)}.hero-intro{font-size:18px}.hero-frame{padding:8px;box-shadow:12px 14px 0 #e8ece8}.hero-frame-foot{margin-top:25px;flex-direction:column;gap:3px}.hero-bottom span:last-child{display:none}.principle-band{padding:32px 0}.principle-grid .principle-label{flex-basis:100%}.principle-grid p{flex-basis:100%;font-size:24px}.work-section{padding:70px 0}.section-head h2{font-size:44px}.work-grid{grid-template-columns:1fr}.work-card-wide{grid-column:auto}.work-card-shot{height:235px}.work-card-wide .work-card-shot{height:245px;padding:14px}.work-card{min-height:420px}.work-card-copy,.work-card-wide .work-card-copy{padding:27px}.work-card h3{font-size:40px}.filter-bar{gap:6px}.filter-button{font-size:10px;padding:10px}.scale-statement h2{font-size:56px}.scale-statement-grid{gap:27px}.evaluation-teaser h2{font-size:53px}.evaluation-stats{padding:29px 14px;min-height:245px;gap:7px}.evaluation-stats>div>span{font-size:49px}.evaluation-stats .stat-arrow{font-size:27px}.footer-lead h2{font-size:59px}.footer-bottom{flex-wrap:wrap;font-size:9px}.footer-bottom span:nth-child(2){display:none}.case-hero-layout{gap:24px}.case-heading h1{font-size:56px}.case-heading h2{font-size:24px}.case-lede{font-size:14px}.case-hero-image{padding:8px;box-shadow:11px 13px 0 rgba(9,30,38,.08)}.case-image-mark{font-size:8px}.crumbs{margin-bottom:31px}.facts-grid{grid-template-columns:1fr}.fact,.fact:nth-child(2),.fact:last-child{border-right:0;border-bottom:1px solid #c6d1cc;padding:16px 0}.fact:last-child{border-bottom:0}.case-section{padding:55px 0}.case-section h2{font-size:39px}.prose-columns{grid-template-columns:1fr;gap:15px}.section-title-row{display:block}.section-title-row>p{max-width:none;margin:12px 0 22px}.case-shot>a{padding:7px}.case-shot img{max-height:370px}.annotation-layout,.three-up,.gallery-two,.front-back,.mobile-admin-layout{grid-template-columns:1fr}.annotation-copy{padding:24px}.three-up{gap:29px}.statement-card{padding:30px}.statement-card p{font-size:28px}.metric-row,.metric-row-three{grid-template-columns:1fr 1fr}.metric-row>div{padding:20px 14px}.metric-row strong{font-size:40px}.metric-row small{font-size:9px}.tab-group{padding:9px}.tab-bar button{font-size:10px;padding:10px}.mobile-gallery{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.mobile-card{min-width:min(70vw,270px);scroll-snap-align:start}.phone-shot{max-width:260px}.phone-shot img{height:430px}.doc-feature{grid-template-columns:1fr;gap:15px;padding:28px}.doc-counter{border-right:0;border-bottom:1px solid #c1d0c8;padding-bottom:19px}.doc-counter span{font-size:76px}.mobile-admin-layout .phone-shot{max-width:260px}.result-columns{grid-template-columns:1fr;gap:7px}.result-card{min-height:260px}.result-card>strong{font-size:90px}.result-arrow{transform:rotate(90deg);font-size:34px}.evaluation-hero{padding:85px 0 45px}.evaluation-hero h1{font-size:62px}.evaluation-hero-bottom{flex-wrap:wrap;gap:13px}.evaluation-results,.evaluation-method{padding:70px 0}.failure-grid{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr;gap:25px}.method-grid h3{font-size:22px}.method-grid p{font-size:12px}.about-grid{gap:33px}.about-masthead{padding:30px;min-height:250px}.about-initials{font-size:125px}.domain-list{grid-template-columns:1fr}.approach-cards{grid-template-columns:1fr}.process-list li{grid-template-columns:51px 1fr;gap:15px}.process-list h3{font-size:25px}.approach-bottom,.about-domains{padding:75px 0}.editorial-hero h1{font-size:56px}.editorial-hero>p:last-child{font-size:17px}.lightbox{padding:75px 12px 30px}.lightbox-close{right:16px;top:15px}.lightbox img{max-height:calc(100vh - 180px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-ready [data-reveal]{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.lightbox,.case-aside,.tab-bar,.stepper-top,.filter-bar{display:none!important}body{background:white}.case-layout{display:block}.case-section{break-inside:avoid}.js-ready [data-reveal]{opacity:1!important;transform:none!important}}

/* V2: first-person leadership perspective */
.personal-teaser{background:var(--navy);color:#fff;padding:95px 0 102px;overflow:hidden}.personal-teaser-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:85px;align-items:center}.personal-teaser-intro{position:relative}.personal-quote-mark{position:absolute;right:20px;top:5px;font:400 180px/.7 var(--serif);color:rgba(139,215,203,.13);pointer-events:none}.personal-teaser h2{font:400 clamp(38px,4.1vw,65px)/1.15 var(--serif);letter-spacing:-.035em;max-width:830px;position:relative}.personal-teaser h2 em{color:#a0e2d4}.personal-teaser-body{padding-left:36px;border-left:1px solid #4b777d}.personal-teaser-body p{color:#d6e4e7;font-size:16px;line-height:1.8;margin-bottom:17px}.personal-teaser-body .button{margin-top:12px}
/* Product case heroes are editorial introductions, not duplicate screenshot galleries. */
.case-hero-layout{grid-template-columns:48% 52%;gap:40px}.case-editorial-panel{height:100%;min-height:305px;display:flex;justify-content:flex-end;flex-direction:column;position:relative;overflow:hidden;padding:38px 42px 33px;background:rgba(255,255,255,.36);border:1px solid rgba(19,45,59,.12)}.case-tone-navy .case-editorial-panel{background:#17394b;border-color:#4b6771}.case-editorial-number{position:absolute;top:-53px;right:13px;font:400 clamp(190px,20vw,295px)/1 var(--serif);letter-spacing:-.11em;color:rgba(6,65,63,.1);user-select:none;pointer-events:none}.case-tone-navy .case-editorial-number{color:rgba(202,239,232,.09)}.case-editorial-content{position:relative;z-index:1}.case-editorial-label{font-size:10px;color:var(--teal);letter-spacing:.15em;font-weight:850;margin:0 0 24px}.case-tone-navy .case-editorial-label{color:#9adcd2}.case-editorial-content h3{font:400 clamp(26px,2.6vw,43px)/1.18 var(--serif);letter-spacing:-.035em;max-width:590px;margin:0 0 38px}.case-editorial-tags{border-top:1px solid rgba(20,48,57,.2);padding-top:15px;display:flex;gap:17px;flex-wrap:wrap}.case-editorial-tags span{font-size:10px;font-weight:750;letter-spacing:.055em}.case-tone-navy .case-editorial-tags{border-color:rgba(255,255,255,.3)}
.work-card-logic{background:#173749;padding:45px 43px;display:flex;flex-direction:column;justify-content:center;gap:22px;color:#fff}.logic-header,.logic-footer{font-size:10px;letter-spacing:.15em;font-weight:800;color:#90d0c8}.logic-footer{font-weight:500;letter-spacing:.025em;color:#c1dbe0}.logic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logic-grid span{border:1px solid rgba(176,226,220,.25);padding:13px 16px;color:#ebf5f5;font-size:clamp(14px,1.35vw,19px);font-family:var(--serif)}.logic-grid span:nth-child(even){transform:translateY(5px)}.work-card-wide:hover .logic-grid span{border-color:rgba(176,226,220,.43)}
/* Personal perspective / persuasive, grounded narrative */
.perspective-hero{background:var(--navy);color:#fff;padding:100px 0 115px;overflow:hidden}.perspective-hero-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(280px,.64fr);gap:80px;align-items:center}.perspective-hero h1{font:400 clamp(54px,5.5vw,88px)/1.065 var(--serif);letter-spacing:-.057em;margin:30px 0 25px}.perspective-hero h1 em{color:#91d7cc}.perspective-hero-copy>p:last-child{max-width:690px;color:#cde0e0;font-size:19px;line-height:1.7}.perspective-hero-side{border:1px solid #42616c;background:#153749;padding:37px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.perspective-side-index,.perspective-side-foot{font-size:10px;font-weight:850;letter-spacing:.14em;color:#a4d4ce}.perspective-side-foot{border-top:1px solid #4c6f73;padding-top:18px}.perspective-side-words{font:400 clamp(27px,3.1vw,41px)/1.27 var(--serif);color:#e6f3ef;display:flex;flex-direction:column;letter-spacing:-.03em}.perspective-side-words span:nth-child(4){color:#9bddcf;font-style:italic}.perspective-body-section{padding:115px 0 125px}.perspective-body-grid{display:grid;grid-template-columns:290px minmax(0,760px);gap:clamp(50px,8.4vw,140px);justify-content:center;align-items:start}.perspective-proof{position:sticky;top:125px}.perspective-proof-intro{font:400 19px/1.5 var(--serif);margin-bottom:25px}.perspective-proof-item{display:flex;flex-direction:column;padding:20px 0 19px;border-top:1px solid #d1dcd8}.perspective-proof-item:hover{color:var(--ink)}.perspective-proof-item>strong{font:400 51px/1 var(--serif);letter-spacing:-.065em;color:var(--ink)}.perspective-proof-item>strong .proof-denominator{font-size:.46em;color:#7d8b8b}.perspective-proof-item>span{font-size:12px;line-height:1.6;color:#556a74;max-width:260px;margin:7px 0}.perspective-proof-item>small{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--teal)}.perspective-proof-item:hover>small{text-decoration:underline;text-underline-offset:4px}.perspective-letter{max-width:760px}.letter-overline{font-size:10px;letter-spacing:.18em;font-weight:850;color:var(--teal);margin:0 0 14px}.perspective-letter h2{font:400 clamp(39px,4vw,61px)/1.13 var(--serif);letter-spacing:-.038em;margin:0 0 38px}.perspective-letter h3{font:400 clamp(26px,2.4vw,34px)/1.22 var(--serif);letter-spacing:-.025em;margin:42px 0 15px}.perspective-letter>p:not(.letter-overline),.perspective-closing p{font-size:16px;line-height:1.96;color:#4a616a;margin:0 0 23px}.perspective-letter a:not(.button){border-bottom:1px solid var(--teal);color:var(--teal)}.perspective-letter a:not(.button):hover{color:#003c3a}.perspective-pullquote{border-top:1px solid #abcac5;border-bottom:1px solid #abcac5;margin:49px 0 38px;padding:35px 0;font:400 clamp(30px,3.15vw,47px)/1.22 var(--serif);letter-spacing:-.035em}.perspective-pullquote em{color:var(--teal)}.perspective-closing{background:#e5ece7;padding:39px 40px 32px;margin-top:52px;border-left:3px solid var(--teal)}.perspective-closing p{font-size:17px;color:#2e4853}.perspective-closing p strong{color:var(--navy)}.perspective-signature{display:block;font:italic 27px/1.25 var(--serif);margin-top:29px}.perspective-signature span{display:block;font:600 10px/1.8 var(--sans);letter-spacing:.04em;font-style:normal;color:#6c7b7e;margin-top:8px}.perspective-links-section{background:#e8efea;padding:95px 0 110px}.perspective-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:29px}.perspective-links-grid a{border:1px solid #b8cbc4;padding:31px 29px 27px;display:flex;flex-direction:column;min-height:265px;position:relative;transition:background .2s,transform .2s}.perspective-links-grid a:hover{background:#fff;transform:translateY(-3px);color:var(--ink)}.perspective-links-grid span{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--teal)}.perspective-links-grid h3{font:400 29px/1.17 var(--serif);margin:34px 0 13px}.perspective-links-grid p{font-size:13px;color:#546d73;line-height:1.6;max-width:250px}.perspective-links-grid b{position:absolute;right:28px;top:26px;font-size:20px;font-weight:400}.about-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.about-actions .button{margin-top:0}.about-actions .quiet-link{margin-top:0}
@media(max-width:1100px){.case-hero-layout{grid-template-columns:47% 53%;gap:24px}.case-editorial-panel{min-height:280px;padding:28px}.perspective-hero-grid{gap:50px}.perspective-body-grid{grid-template-columns:240px minmax(0,700px);gap:60px}}
@media(max-width:840px){.personal-teaser{padding:75px 0 82px}.personal-teaser-grid{grid-template-columns:1fr;gap:31px}.personal-teaser-body{padding-left:22px}.perspective-hero{padding:75px 0 85px}.perspective-hero-grid{grid-template-columns:1fr;gap:30px}.perspective-hero-side{min-height:230px}.perspective-side-words{font-size:34px;flex-direction:row;flex-wrap:wrap;gap:0 20px}.perspective-body-section{padding:85px 0}.perspective-body-grid{grid-template-columns:1fr;gap:35px}.perspective-proof{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.perspective-proof .eyebrow,.perspective-proof-intro{grid-column:1/-1}.perspective-proof-item{padding:14px 8px 22px}.perspective-proof-item>strong{font-size:38px}.perspective-links-grid{gap:14px}.perspective-links-grid a{padding:21px 18px;min-height:245px}.perspective-links-grid h3{font-size:25px}.perspective-links-grid b{right:15px;top:14px}.case-editorial-content h3{font-size:32px}.case-editorial-panel{min-height:245px}}
@media(max-width:580px){.personal-teaser h2{font-size:42px}.personal-teaser-body p{font-size:15px}.personal-quote-mark{right:10px;top:-8px;font-size:130px}.case-editorial-panel{padding:25px 20px;min-height:255px}.case-editorial-content h3{font-size:28px;margin-bottom:25px}.case-editorial-number{top:-20px;right:-2px;font-size:200px}.case-editorial-tags{gap:9px}.case-editorial-tags span{font-size:9px}.work-card-logic{padding:26px}.logic-grid span{font-size:15px}.perspective-hero h1{font-size:clamp(46px,12vw,67px)}.perspective-hero-copy>p:last-child{font-size:16px}.perspective-hero-side{padding:25px;min-height:245px}.perspective-side-words{font-size:30px}.perspective-proof{grid-template-columns:1fr 1fr;gap:6px 16px}.perspective-proof-item>strong{font-size:42px}.perspective-proof-item>span{font-size:11px}.perspective-body-section{padding:70px 0}.perspective-letter h2{font-size:39px}.perspective-letter h3{font-size:28px}.perspective-letter>p:not(.letter-overline),.perspective-closing p{font-size:15px;line-height:1.87}.perspective-closing{padding:27px 23px}.perspective-pullquote{font-size:31px}.perspective-links-grid{grid-template-columns:1fr}.perspective-links-grid a{min-height:215px}.perspective-links-section{padding:70px 0}.about-actions{flex-direction:column;align-items:flex-start}}
/* Layout safeguards: percentage columns must not exceed the container when a gap is present. */
.case-hero-layout{grid-template-columns:minmax(0,48fr) minmax(0,52fr)}
@media(max-width:1100px){.case-hero-layout{grid-template-columns:minmax(0,47fr) minmax(0,53fr)}}
@media(max-width:840px){.case-hero-layout{grid-template-columns:minmax(0,1fr)}}

/* V6 — a consistent image rhythm across all five project case studies.
   Screenshots occupy their full content width without colored mattes or borders.
   Whitespace separates the image from explanatory copy; captions have a fixed gap.
   Mobile screenshots intentionally retain a consistent device outline. */
:root { --portfolio-image-gap: clamp(30px, 3.3vw, 44px); }
.case-shot > a,
.case-shot-dark > a,
.case-shot-fullbleed > a,
.tab-group .case-shot > a {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.case-shot img,
.case-shot-fullbleed img,
.gallery-two .case-shot img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  box-shadow: none;
}
.case-shot figcaption {
  margin: 12px 0 0;
  line-height: 1.6;
}
/* Every standalone image gets room after the preceding paragraph or heading. */
.case-section > .case-shot,
.case-section > .gallery-two,
.case-section > .mobile-gallery {
  margin-top: var(--portfolio-image-gap);
}
/* Tabs & guided views already provide an outer panel, so keep the image flush
   inside the panel rather than adding a second frame around the screenshot. */
.tab-group .case-shot,
.stepper-step .case-shot,
.gallery-two .case-shot,
.mobile-gallery .case-shot,
.mobile-admin-layout .case-shot {
  margin-top: 0;
}
.tab-group .case-shot > a,
.stepper-step .case-shot > a { display: block; }
.stepper-step h3 { margin-top: 24px; }
.tab-group .tab-explanation { padding-top: 20px; }
.gallery-two { gap: 20px; }
/* Four mobile views should form a balanced row, never a three-plus-one orphan. */
.mobile-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (min-width: 581px) and (max-width: 840px) {
  .mobile-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
/* Keep each mobile interface in the same restrained device frame. */
.phone-shot > a {
  padding: 0;
  border: 7px solid #223138;
  background: #fff;
  border-radius: 21px;
}
.phone-shot img { max-height: none; }
/* Consistent inset for all four image-based homepage portfolio cards. */
.work-card-shot { padding: 20px; }
.work-card-shot img { border: 0; }
.work-card-wide .work-card-shot { padding: 24px; }
@media (max-width: 580px) {
  :root { --portfolio-image-gap: 28px; }
  .case-shot figcaption { margin-top: 11px; }
  .case-shot > a,
  .case-shot-fullbleed > a,
  .tab-group .case-shot > a { padding: 0; }
  .gallery-two { gap: 28px; }
  .work-card-shot,
  .work-card-wide .work-card-shot { padding: 16px; }
}