:root{--paper:#f3efe6;--ink:#142033;--ink-soft:#526073;--night:#07111f;--blue:#1d65a6;--teal:#1b756e;--line:#cfc7b9;--sans:"IBM Plex Sans","Segoe UI",sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",Consolas,monospace;--shell:1240px;--header:72px}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.62}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;transform:translateY(-150%);padding:12px 16px;background:var(--night);color:#fff;font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:50;top:0;right:0;left:0;background:rgba(243,239,230,.96);border-bottom:1px solid transparent}.header-inner{display:flex;min-height:var(--header);align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;min-height:44px;align-items:center;gap:12px;font-size:.9rem;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:36px;height:36px;place-items:center;background:var(--night);color:#fff;font-family:var(--mono);font-size:.72rem}.primary-nav{display:flex;align-items:center;gap:28px}.primary-nav a,.case-back{display:inline-flex;min-height:44px;align-items:center;font-family:var(--mono);font-size:.74rem;font-weight:600;text-decoration:none}.nav-external,.case-back{color:var(--blue)}.nav-toggle{display:none;width:44px;height:44px;padding:11px;border:0;background:transparent}.nav-toggle span{display:block;height:2px;margin:5px 0;background:var(--ink)}.eyebrow{margin:0;color:var(--blue);font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.eyebrow span{color:var(--line);padding-inline:.35rem}.hero{min-height:100vh;padding:142px 0 56px;border-bottom:1px solid var(--line);overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);grid-template-areas:"copy portrait" "proof proof";align-items:center;gap:70px 80px}.hero-copy{grid-area:copy;padding-top:18px}.hero h1{max-width:100%;margin:20px 0 22px;font-family:var(--serif);font-size:clamp(4.25rem,7.2vw,8.1rem);font-weight:500;letter-spacing:-.065em;line-height:.86}.title-line{display:block;overflow:hidden;padding:.04em .08em .12em 0}.title-line+.title-line{margin-top:-.13em;margin-left:.54em}.title-line-inner{display:block}.title-line:last-child .title-line-inner{color:var(--blue)}.hero-positioning{max-width:720px;margin:0;font-size:clamp(1.35rem,2vw,2rem);font-weight:600;letter-spacing:-.025em;line-height:1.25}.hero-summary{max-width:630px;margin:22px 0 0;color:var(--ink-soft);font-size:1rem}.method-proof{display:flex;flex-wrap:wrap;gap:0;margin:24px 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.method-proof li{position:relative;display:flex;min-height:42px;align-items:center;padding:9px 18px 9px 17px;color:var(--ink-soft);font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.035em;line-height:1.35;text-transform:uppercase}.method-proof li::before{width:5px;height:5px;flex:0 0 auto;margin-right:9px;border-radius:50%;background:var(--teal);content:""}.method-proof li+li{border-left:1px solid var(--line)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:32px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 20px;border:1px solid currentColor;font-family:var(--mono);font-size:.77rem;font-weight:600;text-decoration:none}.button-primary{border-color:var(--night);background:var(--night);color:#fff}.button-quiet{background:transparent}.text-action{display:inline-flex;min-height:44px;align-items:center;font-family:var(--mono);font-size:.8rem;font-weight:600}.portrait-stage{position:relative;grid-area:portrait;width:min(100%,390px);margin:0 0 0 auto}.portrait-frame{overflow:hidden;aspect-ratio:4/5;background:#c4b9a9}.portrait-frame img{width:100%;height:100%;object-fit:cover}.portrait-rule{position:absolute;z-index:2;top:-22px;right:-22px;width:45%;height:1px;background:var(--blue)}.portrait-rule::after{position:absolute;top:0;right:0;width:1px;height:82px;background:var(--blue);content:""}.portrait-stage figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:var(--ink-soft);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.proof-strip{display:grid;grid-area:proof;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip>div{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:20px 24px 20px 0}.proof-strip>div+div{padding-left:24px;border-left:1px solid var(--line)}.proof-strip dt{color:var(--blue);font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.04em}.proof-strip dd{margin:0}.proof-strip strong,.proof-strip span{display:block}.proof-strip strong{font-size:.92rem}.proof-strip span{color:var(--ink-soft);font-size:.78rem}.case-hero{padding:172px 0 110px;border-bottom:1px solid var(--line)}.case-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:90px}.case-hero h1{margin:18px 0 0;font-family:var(--serif);font-size:clamp(4.5rem,8.5vw,9rem);font-weight:500;letter-spacing:-.065em;line-height:.8}.case-hero-copy>p:first-child{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:600;line-height:1.35}.case-privacy-line{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.86rem}
@media(max-width:900px){.shell{width:min(calc(100% - 40px),var(--shell))}.primary-nav{display:none}.nav-toggle{display:block}.hero{min-height:auto;padding-top:124px}.hero-layout{grid-template-columns:1fr;grid-template-areas:"copy" "portrait" "proof";gap:52px}.hero h1{font-size:clamp(3.6rem,12.2vw,6.2rem);line-height:.88}.title-line+.title-line{margin-left:0}.method-proof li{flex:1 1 auto}.portrait-stage{width:min(100%,440px);margin:0}.proof-strip{grid-template-columns:1fr}.proof-strip>div,.proof-strip>div+div{padding:16px 0;border-left:0}.proof-strip>div+div{border-top:1px solid var(--line)}.case-hero-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:620px){:root{--header:66px}.shell{width:min(calc(100% - 28px),var(--shell))}.brand-name{display:none}.hero{padding-top:118px}.hero h1{font-size:clamp(3rem,15vw,4.8rem);line-height:.9}.title-line{padding-right:.04em}.title-line+.title-line{margin-left:0}.method-proof{display:grid}.method-proof li+li{border-top:1px solid var(--line);border-left:0}.hero-positioning{font-size:1.25rem}.hero-actions .button{width:100%}.hero-actions .text-action{width:100%;justify-content:center}.portrait-stage figcaption{flex-direction:column}.case-back{font-size:.62rem}.case-hero{padding:130px 0 72px}.case-hero h1{font-size:clamp(3.8rem,17vw,6rem)}}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/ibm-plex-sans-latin.woff2") format("woff2")}@font-face{font-family:"Newsreader";font-style:normal;font-weight:500 600;font-display:swap;src:url("fonts/newsreader-latin.woff2") format("woff2")}
.title-line{overflow:visible}@media(max-width:900px){.hero h1{font-size:clamp(3.6rem,11.5vw,6.2rem)}html:not(.js) .site-header{position:static}html:not(.js) .header-inner{flex-wrap:wrap;padding-block:10px}html:not(.js) .primary-nav{position:static;display:grid;width:100%;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0 0;border:0;background:transparent}html:not(.js) .primary-nav a{padding:10px 0;border-bottom:1px solid var(--line)}html:not(.js) .nav-toggle{display:none}html:not(.js) .hero{padding-top:52px}html:not(.js) .case-hero{padding-top:64px}}@media(max-width:620px){.hero h1{font-size:clamp(2.7rem,13.5vw,4.8rem)}}
:root{--ink-soft:#405064;--teal:#12635d}body{font-size:17px;line-height:1.65}.hero-summary{font-size:1.06rem}.method-proof li{font-size:.69rem;line-height:1.4}.proof-strip span{font-size:.84rem}.project-sequence-copy,.project-sequence-cover,.project-story-summary,.page-scroll-indicator{display:none}
@media(min-width:901px) and (min-height:700px){.hero{height:100svh;min-height:0;padding:calc(var(--header) + clamp(32px,5vh,56px)) 0 clamp(18px,3vh,30px)}.hero-layout{height:100%;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:clamp(26px,4vh,44px) clamp(44px,6vw,80px)}.hero-copy{padding-top:0}.hero h1{margin:14px 0 16px;font-size:clamp(4rem,6.2vw,7rem)}.hero-positioning{font-size:clamp(1.25rem,1.75vw,1.75rem)}.hero-summary{margin-top:16px}.method-proof{margin-top:18px}.hero-actions{margin-top:22px}.portrait-stage{width:min(100%,clamp(280px,21vw,350px))}.proof-strip>div{padding-block:14px}}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr) clamp(104px,28vw,132px);grid-template-areas:none;align-items:start;gap:22px 18px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-column:1;grid-row:1;align-self:end}.hero-copy>h1{grid-column:1;grid-row:2}.portrait-stage{grid-column:2;grid-row:1/span 2;width:100%;margin:0}.hero-positioning{grid-column:1/-1;grid-row:3}.hero-summary{grid-column:1/-1;grid-row:4}.method-proof{grid-column:1/-1;grid-row:5}.hero-actions{grid-column:1/-1;grid-row:6}.proof-strip{grid-column:1/-1;grid-row:7}.portrait-stage figcaption{display:none}}
@media(max-width:620px){.hero-layout{grid-template-columns:minmax(0,1fr) 104px;gap:18px 12px}.hero h1{margin-block:10px 12px;font-size:clamp(2.35rem,11.5vw,3.25rem);line-height:.92}}