:root{color-scheme:dark;--navy:#081321;--white:#f8f7f5;--blue:#afc7fa;--lime:#e1fcad;--ink:#1c2633;--line:#f8f7f52e;font-family:Manrope,Arial,sans-serif;background:var(--navy);color:var(--white)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at 100% 0%,#6b775044,transparent 48%),radial-gradient(ellipse at 3% 100%,#6b77505c,transparent 50%),#081321}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.28;cursor:default}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#afc7fa;color:#081321}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--navy);z-index:40}.skip:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;z-index:10;padding:clamp(20px,2.8vw,48px) clamp(22px,4.7vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.site-header>*{pointer-events:auto}.wordmark{font-size:clamp(28px,3vw,48px);font-weight:800;line-height:1;letter-spacing:-1.5px;color:var(--lime);white-space:nowrap}.wordmark i{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;font-size:1.25em}.header-right{display:flex;align-items:center;gap:24px}.portfolio-label{font-size:clamp(10px,.8vw,14px);font-weight:400;text-transform:uppercase;white-space:nowrap}.portfolio-label span{margin:0 5px;color:var(--blue)}
.site-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45.5px;padding:0 22.75px 0 25.35px;border:1px solid var(--white);border-radius:43.333px;background:var(--lime);color:var(--ink);font:700 13px/43.5px Manrope,Arial,sans-serif;letter-spacing:2.6px;text-transform:uppercase;white-space:nowrap;transition:background .16s}.site-link:hover{background:var(--blue)}
#stage{position:absolute;inset:0;overflow:hidden;outline:none}.slide{position:absolute;inset:0;width:100%;height:100%;padding-top:clamp(96px,9.4vw,170px);display:grid;grid-template-columns:35.45% 64.55%;overflow:hidden;opacity:1}.slide.is-leaving .changing{opacity:0;transition:opacity 90ms ease}.slide.is-entering .changing{animation:enter 160ms ease-out}@keyframes enter{from{opacity:0}to{opacity:1}}
.copy{padding:clamp(24px,5vw,92px) clamp(24px,4.5vw,86px) 100px clamp(22px,5vw,96px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#afc7fa66 transparent;min-height:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;overscroll-behavior:contain;user-select:text}.eyebrow{font-size:clamp(10px,1vw,17px);line-height:1.4;text-transform:uppercase;margin:0 0 30px;color:var(--lime)}h1,h2,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.045em;line-height:1.13;font-size:clamp(36px,4.2vw,80px)}h1 span,h2 span{color:var(--blue)}.description{font-size:clamp(14px,1.4vw,24px);line-height:1.65;margin-top:34px;max-width:34em}.description p+p{margin-top:20px}.services{font-size:clamp(9px,.85vw,15px);line-height:1.7;text-transform:uppercase;color:var(--lime);padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}
.artwork{position:relative;min-height:0;overflow:hidden;background:#b9dfef;isolation:isolate}.artwork img{position:absolute;max-width:none;display:block;pointer-events:none;user-select:none}.artwork-caption{position:absolute;bottom:70px;left:20px;right:20px;background:#081321e8;color:#f8f7f5;font-size:11px;line-height:1.5;padding:8px 12px;max-width:420px;z-index:1}
.cover{display:flex;flex-direction:column;padding-left:clamp(22px,5vw,96px);padding-right:clamp(22px,5vw,96px);padding-bottom:0}.cover-top{display:grid;grid-template-columns:1.55fr 1fr;gap:5vw;align-items:center;flex:1;min-height:0;padding:20px 0 40px}.cover h1{font-size:clamp(52px,6.7vw,129px);line-height:1.06}.client-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px 30px;list-style:none;padding:0;margin:0;font-size:clamp(15px,1.6vw,27px);font-weight:600;line-height:1.35}.client-list li:first-child{max-width:11em}.cover-art{height:40%;min-height:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 calc(-1 * clamp(22px,5vw,96px))}.cover-art .artwork{height:100%}
.about{grid-template-columns:45% 55%;padding-bottom:0}.about .artwork{background:transparent}.about .copy{padding:24px clamp(26px,4vw,76px) 100px;justify-content:center}.about h2{font-size:clamp(28px,3vw,48px);letter-spacing:-.025em}.traits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;margin-top:28px;font-size:clamp(13px,1.1vw,20px);color:var(--blue)}.traits span{padding-bottom:12px;border-bottom:1px solid var(--line)}.about .description{font-size:clamp(14px,1.3vw,22px);margin-top:25px}.about .description p+p{margin-top:15px}
.email-pending{background:linear-gradient(145deg,#85c8e5,#eaf2f5);color:#1c2633;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,100px)}.metric{font-size:clamp(76px,11vw,190px);letter-spacing:-.06em;line-height:1.1;font-weight:500}.metric-label{max-width:24em;font-size:clamp(18px,2vw,30px);line-height:1.5;margin-top:20px}.source-note{max-width:30em;margin-top:42px;padding-top:18px;border-top:1px solid #1c263330;font-size:13px;line-height:1.7;color:#36485a}
.controls{position:fixed;inset:auto 0 0;z-index:20;min-height:76px;padding:16px clamp(22px,3vw,50px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(transparent,#081321cc);pointer-events:none}.controls>*{pointer-events:auto}.left-controls{display:flex;align-items:center;gap:24px}.controls button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:transparent;border:1px solid transparent;color:var(--white);font-size:13px;font-weight:300;letter-spacing:2.6px;text-transform:uppercase;padding:10px 8px;min-height:44px}.controls button:hover:not(:disabled){color:var(--blue)}.review-label,#gesture-hint{font-size:10px;letter-spacing:.08em;color:#d7dfec;opacity:.65}.paging{display:flex;align-items:center;gap:12px}.paging button{font-size:25px;letter-spacing:0;width:42px;padding:6px;border-radius:50%;border-color:#f8f7f55c}.paging #fullscreen{font-size:23px;border-color:transparent}.paging button:hover:not(:disabled){border-color:var(--blue)}#counter{font-size:11px;letter-spacing:.12em;font-variant-numeric:tabular-nums;min-width:66px;text-align:center}
#project-index{position:fixed;left:clamp(22px,3vw,50px);bottom:82px;z-index:30;background:#0c1929f5;border:1px solid #ffffff26;padding:12px;width:min(380px,calc(100vw - 44px));max-height:calc(100dvh - 170px);overflow:auto;box-shadow:0 15px 50px #0005}#project-index a{display:flex;gap:18px;padding:16px 12px;font-size:13px;line-height:1.4;border-bottom:1px solid var(--line)}#project-index a:last-child{border:0}#project-index span{color:var(--blue);font-variant-numeric:tabular-nums}#project-index a[aria-current="location"]{background:#afc7fa12;color:var(--blue)}.no-js{padding:160px 40px;line-height:1.6}
@media(min-width:1800px){.copy{padding-top:65px}.description{max-width:24em}}
@media(max-width:900px){.header-right{gap:14px}.portfolio-label{font-size:9px}.wordmark{font-size:30px}.site-link{font-size:10px;letter-spacing:2px;min-height:39px;line-height:37px;padding:0 16px 0 18px}.slide{grid-template-columns:40% 60%;padding-top:100px}.copy{padding:24px 24px 90px}.description{margin-top:24px}.eyebrow{margin-bottom:18px}.cover{padding-left:26px;padding-right:26px}.cover-top{padding-bottom:24px}.cover-art{margin:0 -26px;gap:16px}.about{grid-template-columns:42% 58%}.about .copy{padding:16px 28px 90px}.traits{gap:8px 16px;margin-top:20px}.controls{padding-left:22px;padding-right:22px}.left-controls{gap:14px}#gesture-hint{display:none}.client-list{gap:16px;font-size:16px}}
@media(max-width:1100px) and (orientation:portrait){.site-header{padding:20px 20px;gap:10px}.wordmark{font-size:27px}.portfolio-label{display:none}.site-link{font-size:9px;letter-spacing:1.8px;min-height:36px;line-height:34px;padding:0 13px 0 15px;gap:8px}.slide{padding-top:81px;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:74px;overscroll-behavior:contain}.copy{overflow:visible;flex:none;display:block;padding:12px 24px 28px}.eyebrow{font-size:10px;margin-bottom:15px}h1,h2{font-size:clamp(34px,9vw,48px);line-height:1.12;letter-spacing:-.04em}.description{font-size:14px;line-height:1.55;margin-top:18px}.services{font-size:9px;margin-top:18px;padding-top:14px}.slide>.artwork{flex:1 0 36vh;min-height:260px}.cover{padding:90px 24px 74px;overflow:hidden}.cover-top{display:block;flex:1;min-height:0;padding:12px 0 26px}.cover h1{font-size:clamp(43px,11.5vw,64px);line-height:1.09}.client-list{justify-content:flex-start;font-size:12px;gap:12px 20px;margin-top:26px;font-weight:500}.client-list li:first-child{max-width:100%}.cover-art{height:40%;flex:none;min-height:170px;gap:8px;margin:0 -24px -74px}.about{overflow-y:auto}.about>.artwork{display:none}.about .copy{padding:12px 24px 30px}.about h2{font-size:35px}.traits{font-size:13px;gap:12px 20px;margin-top:26px}.about .description{font-size:16px;line-height:1.65;margin-top:28px}.about .description p+p{margin-top:20px}.email-pending{padding:26px 24px 50px}.metric{font-size:86px}.metric-label{font-size:18px;margin-top:10px}.source-note{font-size:11px;margin-top:22px}.controls{min-height:70px;padding:10px 14px;background:linear-gradient(#081321cc,#081321)}.left-controls{gap:5px}.controls button{font-size:10px;letter-spacing:1.4px}.review-label{font-size:8px;max-width:35px;line-height:1.4}.paging{gap:4px}.paging button{width:35px;min-height:38px;font-size:22px}.paging #fullscreen{display:none}#counter{font-size:10px;min-width:53px}#project-index{left:16px;bottom:77px;width:calc(100vw - 32px)} }
@media(max-height:550px) and (orientation:landscape){.site-header{padding:13px 24px}.wordmark{font-size:25px}.site-link{min-height:33px;line-height:31px;font-size:9px;padding:0 14px}.slide{padding-top:68px}.copy{justify-content:flex-start;padding:14px 24px 70px}h1,h2{font-size:34px}.description{font-size:13px;margin-top:15px}.eyebrow{margin-bottom:12px}.services{font-size:9px;padding-top:12px;margin-top:15px}.controls{min-height:58px;padding:5px 20px}.cover-top{padding:8px 0 16px}.cover h1{font-size:clamp(42px,6vw,65px)}.cover-art{height:32%;min-height:90px}.about .copy{padding-bottom:70px;justify-content:flex-start}.about h2{font-size:28px}.about .description{font-size:13px}.traits{font-size:12px;margin-top:14px}.source-note{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html,body{height:auto;overflow:visible}.site-header,.controls,#project-index{display:none}#stage{position:static;overflow:visible}.slide,.slide[hidden]{display:block!important;position:relative;height:auto;min-height:100vh;break-after:page;padding:40px}.copy{padding:0}.artwork{height:50vh}.cover-art{height:40vh;margin:20px 0}.slide.is-leaving{opacity:1}}

/* Shared shell and case-study furniture never move during content changes. */
.case-study .copy,.emails .copy{justify-content:flex-start}
.case-study .services,.emails .services{margin-top:auto}
.case-study .description,.emails .description{margin-bottom:24px}
@media(max-width:1100px) and (orientation:portrait){.case-study .services,.emails .services{margin-top:18px}.case-study .description,.emails .description{margin-bottom:0}}

/* Height-aware copy keeps every category line on the same baseline. */
@media(min-width:1101px),(orientation:landscape){
 .case-study .copy,.emails .copy{position:relative;padding-top:clamp(18px,4vh,64px);padding-bottom:138px}
 .case-study h2,.emails h2{font-size:clamp(32px,min(4.2vw,7.2vh),80px)}
 .case-study .description,.emails .description{font-size:clamp(13px,min(1.4vw,2.5vh),24px);margin-top:24px;line-height:1.6}
 .case-study .eyebrow,.emails .eyebrow{margin-bottom:22px}
 .case-study .services,.emails .services{position:absolute;left:clamp(22px,5vw,96px);right:clamp(24px,4.5vw,86px);bottom:85px;margin:0;padding-top:16px;font-size:clamp(9px,.8vw,14px)}
 .about h2{font-size:clamp(28px,min(3vw,5.2vh),48px)}
 .about .description{font-size:clamp(14px,min(1.3vw,2.3vh),22px)}
}
@media(min-width:701px) and (max-width:900px){.case-study .services,.emails .services{left:24px;right:24px}}
@media(max-height:550px) and (orientation:landscape){.case-study .services,.emails .services{position:static;margin-top:18px}.case-study .copy,.emails .copy{padding-bottom:76px}}

/* The text region can scroll on compact screens; its category and image frame stay put. */
.case-study .copy,.emails .copy{overflow:hidden}
.copy-content{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#afc7fa66 transparent;overscroll-behavior:contain}
.copy-content:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:1100px) and (orientation:portrait){
 .case-study,.emails{overflow:hidden}
 .case-study .copy,.emails .copy{position:relative;display:flex;flex:0 0 min(352px,48dvh);padding:12px 24px 70px}
 .case-study .services,.emails .services{position:absolute;left:24px;right:24px;bottom:28px;margin:0}
 .case-study>.artwork,.emails>.artwork{flex:1;min-height:0}
 .email-pending{overflow-y:auto;justify-content:flex-start}
}
@media(max-height:550px) and (orientation:landscape){
 .case-study .services,.emails .services{position:absolute;bottom:65px;margin:0;font-size:8px;padding-top:10px}
 .case-study .copy,.emails .copy{padding-bottom:110px}
}

/* Native Figma measurements, 1920 × 1080. UI buttons use syee.design's live treatment. */
:root{--white:#f8f7f4;--blue:#adc5f6;--lime:#e2fdaf;--u:min(.052083333vw,.092592593dvh)}
.type-line{display:block;color:var(--white)}.accent,.type-line.accent{color:var(--blue)}
.wordmark{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.05em}.wordmark i{font-family:'Pinyon Script',cursive;font-style:normal;font-weight:400;letter-spacing:3px;font-size:1.2em}
.site-link{border:0;background:#e1fcad;font:700 13px/45.5px Manrope,Arial,sans-serif;letter-spacing:2.6px;border-radius:43.3333px;padding:0 22.75px 0 25.35px;height:45.5px;min-height:45.5px;gap:6.5px}.site-link svg{width:18px;height:45.5px;fill:currentColor;margin-right:.975px;flex:none}
#index-toggle{position:fixed;z-index:25;top:9px;left:20px;display:inline-flex;align-items:center;gap:6.5px;min-height:32px;padding:0;color:var(--white);font:700 13px/32px Manrope,Arial,sans-serif;letter-spacing:2.6px;text-transform:uppercase;background:none;border:0}#index-toggle span{font-size:20px;font-weight:400;letter-spacing:0}
#project-index{top:48px;bottom:auto;left:20px;max-height:calc(100dvh - 100px)}
.controls{left:auto;right:20px;bottom:12px;padding:0;min-height:44px;background:none}.paging button{border:0!important;border-radius:0;background:none;padding:6px;width:36px;font-weight:300}.paging button:hover:not(:disabled){background:none}#counter{background:none}.case-study,.emails,.campaigns{font-family:Inter,Arial,sans-serif}.campaigns .copy{position:relative;overflow:hidden}.asset-pending{display:flex;align-items:center;justify-content:center;padding:30px;background:linear-gradient(#80c5e6,#e9f1f2);color:#1c2633}.asset-pending .source-note{border:0;margin:0;font:400 14px/1.5 Inter,Arial,sans-serif;text-align:center;max-width:25em}
@media(min-width:1101px),(orientation:landscape){
 .site-header{inset:0;padding:0;display:block;pointer-events:none}.site-header>*{pointer-events:auto}
 .wordmark{position:absolute;left:5%;top:6.851852%;display:inline-flex;align-items:center;gap:calc(16 * var(--u));height:calc(45 * var(--u));font-size:calc(60 * var(--u));line-height:calc(45 * var(--u));letter-spacing:calc(-3 * var(--u))}.wordmark i{font-size:calc(72 * var(--u));line-height:calc(45 * var(--u));letter-spacing:calc(3 * var(--u))}
 .header-right{position:absolute;top:6.666667%;right:5%;gap:calc(32 * var(--u))}.portfolio-label{font:600 calc(20 * var(--u))/calc(27 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:calc(1 * var(--u));color:#f6f6f6}
 .slide{display:block;padding:0}.slide::before{content:'';position:absolute;left:5%;top:15.740741%;width:26.041667%;height:1px;background:#f8f7f42e}
 .case-study .copy,.emails .copy,.campaigns .copy{position:absolute;inset:0 auto 0 0;width:35.46875%;padding:0;display:block;overflow:hidden}.copy-content{position:absolute;inset:0;overflow:visible;scrollbar-width:none}
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow{position:absolute;left:5vw;top:25.462963%;margin:0;font:400 calc(20 * var(--u))/calc(24 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0;color:var(--lime)}
 .case-study h2,.emails h2,.campaigns h2{position:absolute;left:5vw;top:31.388889%;margin:0;font:400 calc(76 * var(--u))/calc(92 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap}.case-study h2 .type-line,.emails h2 .type-line,.campaigns h2 .type-line{height:calc(90 * var(--u));line-height:calc(92 * var(--u))}
 .case-study .description,.emails .description,.campaigns .description{position:absolute;left:5vw;top:58.888889%;width:calc(485 * var(--u));max-width:none;margin:0;font:400 calc(26 * var(--u))/calc(31 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0}.emails .description{top:61.666667%;width:calc(529 * var(--u))}
 .case-study .services,.emails .services,.campaigns .services{position:absolute;left:5vw;right:auto;top:82.037037%;bottom:auto;width:calc(500 * var(--u));margin:0;padding:0;border:0;font:400 calc(19 * var(--u))/calc(23 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0}.services::before{content:'';position:absolute;left:0;top:calc(-47 * var(--u));width:100%;height:1px;background:#f8f7f42e}
 .case-study>.artwork,.emails>.artwork,.campaigns>.artwork{position:absolute;left:35.46875%;top:15.740741%;right:0;bottom:0;border-radius:10px 0 0 0;min-height:0}
 .cover{display:block;padding:0}.cover::before{width:90%}.cover-top{display:contents}.cover h1{position:absolute;left:5%;top:21.111111%;margin:0;font:600 calc(120 * var(--u))/calc(164 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:0;white-space:nowrap}.cover h1 .type-line{height:calc(120 * var(--u));line-height:calc(164 * var(--u))}.brands{position:absolute;left:67%;top:24%;right:5%}.brands-label{font:600 calc(20 * var(--u))/calc(27 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:calc(1 * var(--u));text-transform:uppercase;text-align:center;color:var(--blue)}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(35 * var(--u)) calc(22 * var(--u));margin-top:calc(40 * var(--u));font:600 calc(18 * var(--u))/1.25 Manrope,Arial,sans-serif;text-align:center}.client-list li:first-child{max-width:none}
 .cover-art{position:absolute;left:5%;right:5%;top:55.740741%;bottom:0;height:auto;min-height:0;gap:1.302083vw;margin:0}.cover-art .artwork{border-radius:10px 10px 0 0}
}
@media(max-width:1100px) and (orientation:portrait){
 .site-header{height:120px;padding:0}.wordmark{position:absolute;left:20px;top:64px;font-size:29px}.header-right{position:absolute;right:20px;top:12px}.site-link{height:36px;min-height:36px;font-size:9px;line-height:36px;letter-spacing:1.8px;padding:0 13px 0 15px;gap:5px}.site-link svg{width:15px;height:36px}.wordmark i{letter-spacing:1.5px}.slide{padding-top:120px}.cover{padding-top:140px}.cover h1{font-weight:600;letter-spacing:0}.brands-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);margin-top:20px}.client-list{display:grid;grid-template-columns:repeat(3,1fr);font-size:10px;gap:12px;margin-top:16px}
 .case-study .copy,.emails .copy,.campaigns .copy{position:relative;display:flex;flex:0 0 min(352px,48dvh);padding:12px 24px 70px}.campaigns .services{position:absolute;left:24px;right:24px;bottom:28px;margin:0}.case-study h2,.emails h2,.campaigns h2{font-family:Inter,Arial,sans-serif;font-weight:400;letter-spacing:0}.case-study .description,.emails .description,.campaigns .description{font-family:Inter,Arial,sans-serif}.campaigns{overflow:hidden}.campaigns>.artwork{flex:1;min-height:0}.controls{right:12px;bottom:10px;padding:0;min-height:38px}.paging{gap:4px}.paging button{width:32px}.asset-pending{padding:20px}.asset-pending .source-note{font-size:12px}#index-toggle{left:20px;top:13px;font-size:10px;letter-spacing:2px}#project-index{left:16px;top:52px;bottom:auto}
}
@media(min-width:1101px),(orientation:landscape){.paging button,#counter{color:#081321}.paging button:hover:not(:disabled){color:#334b68}.paging button:focus-visible{outline-color:#081321}}

/* Current native Figma background, exported within the 1920 × 1080 frame. */
body{background:#081321 url("assets/background-current.png") 0 0/100% 100% no-repeat}
@media(min-width:1101px),(orientation:landscape){#adhd-a .description{width:calc(500 * var(--u))}}

.client-logos{display:block;max-width:100%;height:auto;user-select:none;pointer-events:none}
@media(min-width:1101px),(orientation:landscape){
 .brands{position:absolute;inset:0;pointer-events:none}
 .brands-label{position:absolute;left:71.979167%;top:23.981481%;width:calc(366 * var(--u));text-align:left;white-space:nowrap;letter-spacing:calc(2 * var(--u));pointer-events:auto}
 .client-logos{position:absolute;left:67.96875%;top:28.333333%;width:27.03125%;height:auto}
}
@media(max-width:1100px) and (orientation:portrait){.client-logos{width:min(100%,360px);margin-top:14px}.brands-label{font-weight:600}}

@media(max-width:1100px) and (orientation:portrait){
 .case-study,.emails,.campaigns{padding-bottom:0}
 .case-study>.artwork,.emails>.artwork,.campaigns>.artwork{border-radius:10px 0 0 0}
 .paging button,#counter{color:#081321}.paging button:hover:not(:disabled){color:#334b68}
 .paging button:focus-visible{outline-color:#081321}
}

/* Exact source lettering; the user approved a PNG exception for their name. */
.wordmark img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
@media(min-width:1101px),(orientation:landscape){.wordmark{top:6.481481%;width:calc(259 * var(--u));height:calc(65 * var(--u))}}
@media(max-width:1100px) and (orientation:portrait){.wordmark{width:125px;height:31.37px}}

/* Projects sits beside the active site link, using syee.design's outlined button. */
.header-actions{display:flex;align-items:center;gap:12px}
#index-toggle{position:static;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:6.5px;z-index:auto;height:45.5px;min-height:45.5px;padding:0 22.75px 0 25.35px;border:1px solid #f8f7f5;border-radius:43.3333px;background:transparent;color:#f8f7f5;font:700 13px/43.5px Manrope,Arial,sans-serif;letter-spacing:2.6px;text-transform:uppercase;transition:color .25s,background-color .25s,border-color .25s}
#index-toggle span{font-size:20px;font-weight:400;line-height:1;letter-spacing:0}
#project-index{left:auto;right:5%;top:calc(6.666667dvh + 55.5px)}
@media(max-width:1100px) and (orientation:portrait){
 .header-actions{gap:10px}
 #index-toggle{height:36px;min-height:36px;font-size:9px;line-height:34px;letter-spacing:1.8px;padding:0 13px 0 15px;gap:5px}
 #index-toggle span{font-size:16px}
 #project-index{left:auto;right:20px;top:58px;width:calc(100vw - 40px)}
}

/* Shared small-label typography and intentional copy breaks from review. */
.no-widow{white-space:nowrap}
@media(min-width:1101px),(orientation:landscape){
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow,
 .case-study .services,.emails .services,.campaigns .services{font:400 calc(20 * var(--u))/calc(24 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0;color:var(--lime)}
}
@media(max-width:1100px) and (orientation:portrait){
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow,
 .case-study .services,.emails .services,.campaigns .services{font:400 10px/14px Inter,Arial,sans-serif;letter-spacing:0;color:var(--lime)}
}

/* Email artwork uses exact native crop bounds and equal, proportional gaps. */
.email-composition{background:#9bcfe7 url("assets/email-background-retina.png") 0 0/100% 100% no-repeat}
.email-panels{position:absolute;display:grid;align-items:stretch}
.email-piece{position:relative;min-width:0;background:transparent}

/* Additional project frames use measured native body positions and type sizes. */
@media(min-width:1101px),(orientation:landscape){
 .native-case .description{top:var(--body-y);width:calc(var(--body-w) * var(--u));font-size:calc(var(--body-size) * var(--u));line-height:calc(var(--body-leading) * var(--u))}
 .native-case .services{width:calc(var(--service-w) * var(--u))}
 .native-case>.artwork{left:var(--art-left,35.46875%)}
}

/* Keep complete work-sample panels visible on compact portrait layouts. */
#nkf-a>.artwork{background:#272e2d}#nkf-b>.artwork{background:#ffc775}#manhattan>.artwork{background:#2c3241}#mckesson>.artwork{background:#c7dfe9}#cardinal>.artwork{background:#eee8e5}#thesis-a>.artwork{background:#243778}#thesis-b>.artwork{background:#ececec}#archwell>.artwork{background:#f9be91}#biogen>.artwork{background:#79a5d4}
@media(min-width:1101px),(orientation:landscape){
 #biogen .description{width:calc(515 * var(--u))}
 #thesis-a .services,#thesis-b .services{width:calc(580 * var(--u));font-size:calc(20 * var(--u))}
 #thesis-a .services::before,#thesis-b .services::before{width:calc(500 * var(--u))}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .site-header{height:140px}.wordmark{left:38px;top:72px;width:180px;height:45px}.header-right{top:22px;right:38px}
 .site-link,#index-toggle{height:42px;min-height:42px;font-size:11px;line-height:40px;letter-spacing:2.2px;padding:0 20px}
 .site-link svg{height:42px;width:18px}.portfolio-label{display:none}
 .slide{padding-top:140px}.case-study .copy,.emails .copy,.campaigns .copy{flex-basis:min(440px,44dvh);padding:14px 38px 65px}
 .case-study h2,.emails h2,.campaigns h2{font-size:clamp(38px,6vw,56px);line-height:1.12}
 .case-study .description,.emails .description,.campaigns .description{font-size:18px;line-height:1.45;margin-top:22px;max-width:36em}
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow{font-size:13px;line-height:18px;margin-bottom:16px}
 .case-study .services,.emails .services,.campaigns .services{left:38px;right:38px;font-size:12px;line-height:17px;bottom:22px}
 .cover{padding:150px 38px 0}.cover-top{padding:15px 0 30px}.cover h1{font-size:clamp(52px,8vw,85px)}.client-logos{max-width:480px;width:100%}.brands-label{font-size:13px;margin-top:26px}.cover-art{margin:0 -38px;height:40%;gap:16px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:landscape){
 .portfolio-label{display:none}
 .case-study .description,.emails .description,.campaigns .description{font-size:15px;line-height:19px;width:calc(30.46875vw - 32px)}
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow{font-size:10px;line-height:13px;max-width:30vw}
 .case-study .services,.emails .services,.campaigns .services{font-size:10px;line-height:13px;max-width:30vw}
}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 .wordmark{left:20px;top:20px;width:140px;height:35px}.header-right{top:16px;right:20px}
 .site-link,#index-toggle{height:36px;min-height:36px;font-size:9px;line-height:34px;letter-spacing:1.8px;padding:0 14px}.site-link svg{height:36px;width:15px}
 .slide::before{display:none}
 .case-study .copy,.emails .copy,.campaigns .copy{left:0;top:82px;bottom:12px;width:44%;padding:0 22px 8px;overflow-y:auto;display:block}
 .copy-content{position:static;overflow:visible;display:block}
 .case-study .eyebrow,.emails .eyebrow,.campaigns .eyebrow{position:static;max-width:none;margin:0 0 15px;font-size:10px;line-height:14px}
 .case-study h2,.emails h2,.campaigns h2{position:static;font-size:30px;line-height:1.14;white-space:normal;margin:0 0 20px}.case-study h2 .type-line,.emails h2 .type-line,.campaigns h2 .type-line{height:auto;line-height:inherit}
 .case-study .description,.emails .description,.campaigns .description{position:static;font-size:14px;line-height:19px;width:auto;margin:0}
 .case-study .services,.emails .services,.campaigns .services{position:static;font-size:10px;line-height:14px;max-width:none;width:auto;padding:18px 0 10px;margin-top:22px;border-top:1px solid var(--line)}.services::before{display:none}
 .case-study>.artwork,.emails>.artwork,.campaigns>.artwork{left:44%;top:82px}
 #project-index{top:60px;right:20px;max-height:calc(100dvh - 80px)}
}

/* Closing sequence: the same native illustration stays still while the right content changes. */
#closing-diagram{position:absolute;left:5%;top:31.018519%;width:39.945%;z-index:2;user-select:text}
#closing-diagram>svg{display:block;width:100%;height:auto;overflow:visible}
#closing-diagram text{user-select:text;cursor:text}#closing-diagram image,#closing-diagram path,#closing-diagram rect{pointer-events:none}
.closing{padding:0;display:block;font-family:Manrope,Arial,sans-serif}.closing::before{width:90%}
.closing-content{position:absolute;left:51.510417%;right:5%;top:23.611111%;bottom:6%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#afc7fa66 transparent;overscroll-behavior:contain;user-select:text}
.closing-content:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.closing h2{font:800 calc(32 * var(--u))/calc(44 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:.05em;color:#a7c5f9;text-transform:uppercase;margin:0}
#thanks .closing-content{left:50%;top:42.037037%;right:4.739583%;overflow:visible}
.closing .thanks-title{font-size:calc(60 * var(--u));line-height:calc(82 * var(--u));text-align:center}
.work-traits{position:relative;margin-top:calc(54 * var(--u));width:calc(776 * var(--u));height:calc(160 * var(--u))}
.work-trait{position:absolute;top:0;left:calc(var(--trait-x) * var(--u));width:calc(var(--trait-w) * var(--u));height:100%;text-align:center}
.work-trait svg{display:block;width:100%;height:calc(80 * var(--u));overflow:visible}
.work-trait span{display:block;position:absolute;left:0;right:0;top:calc(106 * var(--u));font:400 calc(20 * var(--u))/calc(27 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f6f6f6}
.closing-body{margin-top:calc(64 * var(--u));max-width:calc(809 * var(--u));font:600 calc(24 * var(--u))/calc(33 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:0;color:#f8f7f4}
.closing-body p+p{margin-top:calc(33 * var(--u))}
.contact-links{list-style:none;margin:calc(36 * var(--u)) 0 0;padding:0;display:flex;flex-direction:column;gap:calc(80 * var(--u))}
.contact-links li{display:flex;align-items:center;gap:calc(16 * var(--u));height:calc(80 * var(--u));flex:none}
.contact-links svg{width:calc(72 * var(--u));height:calc(80 * var(--u));flex:none}
.contact-links a{font:600 calc(32 * var(--u))/calc(80 * var(--u)) Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:.1em;white-space:nowrap}
.is-closing .paging button,.is-closing #counter{color:var(--white)}.is-closing .paging button:focus-visible{outline-color:var(--blue)}
#mentavi>.artwork,#adhd-a>.artwork,#adhd-b>.artwork,#adhd-c-ads>.artwork{background:#9bcfe7}
@media(max-width:1100px) and (orientation:portrait){
 #closing-diagram{top:130px;left:24px;width:calc(100% - 48px);max-width:520px}
 .closing{padding:0;overflow:hidden}.closing-content{left:24px;right:24px;top:calc(150px + (100vw - 48px) * .571055);bottom:65px}
 .closing h2{font-size:22px;line-height:30px}.closing::before{display:none}
 #thanks .closing-content{left:24px;right:24px;top:calc(195px + (100vw - 48px) * .571055);bottom:60px;overflow:auto}
 .closing .thanks-title{font-size:clamp(26px,7vw,42px);line-height:1.4}
 .work-traits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;height:auto;margin-top:24px}
 .work-trait{position:static;width:auto;height:auto}.work-trait svg{height:44px;width:100%}
 .work-trait span{position:static;display:block;margin-top:14px;font-size:9px;line-height:14px;letter-spacing:.08em}
 .closing-body{font-size:15px;line-height:1.5;margin-top:28px;max-width:none}.closing-body p+p{margin-top:22px}
 .contact-links{margin-top:24px;gap:16px}.contact-links li{gap:14px;height:42px}.contact-links svg{width:34px;height:38px}.contact-links a{font-size:clamp(13px,4vw,18px);line-height:1.5;white-space:normal;overflow-wrap:anywhere}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 #closing-diagram{top:155px;left:calc(50% - 260px)}
 .closing-content{left:38px;right:38px;top:485px;bottom:70px}
 #thanks .closing-content{top:550px}.closing h2{font-size:28px;line-height:38px}
 .work-traits{max-width:640px;margin-top:28px}.work-trait svg{height:60px}.work-trait span{font-size:13px;line-height:19px}
 .closing-body{font-size:18px;line-height:1.5;margin-top:30px}.contact-links{gap:25px}.contact-links li{height:55px}.contact-links svg{width:45px;height:50px}.contact-links a{font-size:23px}
}
@media(max-width:1100px) and (orientation:landscape){
 .closing-content{top:calc(15.740741% + 30px);bottom:65px;left:51.5%;right:28px}
 .closing h2{font-size:20px;line-height:28px}.closing .thanks-title{font-size:32px;line-height:44px}
 .work-traits{margin-top:22px;width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
 .work-trait{position:static;width:auto;height:auto}.work-trait svg{height:38px;width:100%}.work-trait span{position:static;font-size:8px;line-height:12px;margin-top:10px}
 .closing-body{font-size:14px;line-height:20px;max-width:none;margin-top:25px}.closing-body p+p{margin-top:20px}
 .contact-links{margin-top:22px;gap:18px}.contact-links li{gap:12px;height:36px}.contact-links svg{width:32px;height:36px}.contact-links a{font-size:17px;line-height:36px}
}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){
 #closing-diagram{top:100px;left:22px;width:40%}.closing-content{top:82px;bottom:48px;left:47%;right:22px}
 #thanks .closing-content{top:42%;left:47%;right:22px}.closing .thanks-title{font-size:28px;line-height:40px}
 .contact-links{gap:12px}.contact-links li{height:34px}.contact-links a{font-size:16px}
}

/* Native heading rules and the verified Cardinal work link. */
.closing h2:not(.thanks-title){display:flex;align-items:center;gap:calc(16 * var(--u));white-space:nowrap}
.closing h2:not(.thanks-title)::after{content:'';height:1px;flex:1;background:#65717d}
.more-work{position:absolute;left:5vw;top:89.814815%;font:400 calc(19 * var(--u))/calc(23 * var(--u)) Inter,Arial,sans-serif;color:var(--lime);text-decoration:underline;text-underline-offset:.2em}
body[data-slide="nkf-a"] .paging button,body[data-slide="nkf-a"] #counter,body[data-slide="thesis-a"] .paging button,body[data-slide="thesis-a"] #counter,body[data-slide="manhattan"] .paging button,body[data-slide="manhattan"] #counter{color:var(--white)}
@media(max-width:1100px) and (orientation:portrait){
 #cardinal .services{bottom:48px}#cardinal .more-work{left:24px;top:auto;bottom:20px;font-size:11px;line-height:15px}
 .closing h2:not(.thanks-title){gap:16px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){#cardinal .more-work{left:38px;font-size:12px}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){#cardinal .more-work{position:static;display:inline-block;margin-top:8px;font-size:11px;line-height:16px}}
/* Short phones keep both headline lines and all client marks above the artwork. */
@media(max-width:700px) and (max-height:650px) and (orientation:portrait){
 .cover{padding-top:120px}.cover h1{font-size:clamp(34px,10vw,42px);line-height:1.1}
 .cover .brands-label{margin-top:16px}.cover .client-logos{width:min(100%,300px)}
}
@media(max-width:360px) and (orientation:portrait){.cover h1{font-size:35px}}
/* Figma outline icons inherit fill="none" from their native export root. */
.work-trait svg,.contact-links svg{fill:none}

/* Requested artwork refinement: complete, centered compositions and matching column edges. */
.thesis-composition{background:#243778}.thesis-grid{position:absolute}.thesis-piece{position:absolute;background:transparent;min-height:0}

/* Square social posts preserve their proportions; desktop outer padding is equal on all four sides. */
.archwell-composition{background:#f9be91}.archwell-grid,.archwell-piece{position:absolute}.archwell-piece{background:transparent;min-height:0}

/* Use the actual full-resolution original, not the clipped frame export. */
.booth-composition{background:#ececec}.booth-canvas{position:absolute}.booth-canvas .booth-render{inset:0;width:100%;height:100%;object-fit:contain}.booth-canvas .booth-signs{left:2.49%;top:12%;width:18.87%;height:auto}

/* The Projects label and smaller plus share equal horizontal padding. */
#index-toggle{padding-left:22px;padding-right:22px;gap:7px}
#index-toggle .projects-label{font:inherit;letter-spacing:inherit;line-height:inherit}
#index-toggle .projects-plus{display:inline-block;width:12px;text-align:center;font:400 16px/1 Manrope,Arial,sans-serif;letter-spacing:0}
@media(max-width:1100px) and (orientation:portrait){#index-toggle{padding-left:14px;padding-right:14px;gap:5px}#index-toggle .projects-plus{width:10px;font-size:14px}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){#index-toggle{padding-left:20px;padding-right:20px}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){#index-toggle{padding-left:14px;padding-right:14px;gap:5px}#index-toggle .projects-plus{width:10px;font-size:14px}}

/* Final review: same category typography, quieter link color, and optical pill balance. */
.more-work{font:400 calc(20 * var(--u))/calc(24 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--blue)}
#index-toggle{padding-left:26px;padding-right:20px}
.archwell-piece:nth-child(4)::after{content:'';position:absolute;left:0;right:0;bottom:0;border-bottom:.25pt solid #dcb18e;pointer-events:none}
.booth-canvas .booth-render{object-fit:fill}
@media(max-width:1100px) and (orientation:portrait){#cardinal .more-work{font-size:10px;line-height:14px}#index-toggle{padding-left:18px;padding-right:12px}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){#cardinal .more-work{font-size:12px;line-height:17px}#index-toggle{padding-left:24px;padding-right:18px}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){#cardinal .more-work{font-size:10px;line-height:14px}#index-toggle{padding-left:18px;padding-right:12px}}

.nkf-warm-yellow{position:absolute;display:block;pointer-events:none;user-select:none}

/* Native Figma AI closing frame 368:4841, with selectable HTML typography. */
.ai-closing{display:block;padding:0;user-select:text}.ai-closing::before{width:90%}.ai-scroll{display:contents}
.ai-statement{position:absolute;left:5%;top:35.185185%;font:800 calc(64 * var(--u))/calc(87 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:0;color:#e2fdaf}
.ai-content{position:absolute;left:51.510417%;top:23.611111%;width:calc(809 * var(--u))}
.ai-content h2{font:800 calc(32 * var(--u))/calc(44 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:.05em;color:#a7c5f9;margin:0;white-space:nowrap}
.ai-intro{position:absolute;top:calc(95 * var(--u));font:400 calc(28 * var(--u))/calc(42 * var(--u)) Manrope,Arial,sans-serif;color:#f8f7f4}
.ai-details{position:absolute;top:calc(295 * var(--u));width:100%;font:400 calc(24 * var(--u))/calc(36 * var(--u)) Manrope,Arial,sans-serif;color:#f8f7f4}.ai-details p+p{margin-top:calc(36 * var(--u))}
@media(max-width:1100px) and (orientation:portrait){
 .ai-scroll{display:block;position:absolute;inset:135px 24px 65px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#afc7fa66 transparent}
 .ai-statement{position:static;font-size:clamp(27px,7.2vw,45px);line-height:1.35;margin-bottom:32px}
 .ai-content{position:static;width:auto}.ai-content h2{font-size:18px;line-height:26px;white-space:normal}
 .ai-intro{position:static;margin-top:22px;font-size:16px;line-height:25px}
 .ai-details{position:static;margin-top:28px;font-size:15px;line-height:23px}.ai-details p+p{margin-top:23px}
 .ai-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .ai-scroll{inset:165px 38px 70px}.ai-statement{font-size:46px;line-height:1.3;margin-bottom:38px}.ai-content h2{font-size:26px;line-height:36px}.ai-intro{font-size:20px;line-height:30px;max-width:640px}.ai-details{font-size:18px;line-height:27px;max-width:640px}
}
@media(max-width:1100px) and (orientation:landscape){
 .ai-statement{left:22px;top:30%;font-size:28px;line-height:38px}
 .ai-content{left:47%;right:22px;top:90px;bottom:58px;width:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .ai-content h2{font-size:18px;line-height:25px;white-space:normal}.ai-intro{position:static;margin-top:20px;font-size:15px;line-height:22px}.ai-details{position:static;margin-top:24px;font-size:14px;line-height:21px}.ai-details p+p{margin-top:21px}
}

.ai-content:focus-visible{outline:2px solid var(--blue);outline-offset:6px}

/* Review: NKF content fits without additional website cropping; approved other artwork is unchanged. */
/* Closing refinements retain selectable text and shared typography. */
.ai-statement{font-weight:400}
.ai-content{width:auto;right:5%}
.ai-content h2{display:flex;align-items:center;gap:calc(16 * var(--u))}
.ai-content h2::after{content:'';height:1px;flex:1;background:#65717d;min-width:24px}
.ai-intro{width:100%}
.ai-details{top:calc(310 * var(--u))}
.ai-capability+.ai-capability{margin-top:calc(34 * var(--u))}
.ai-capability h3{display:flex;align-items:center;gap:calc(12 * var(--u));font:400 calc(20 * var(--u))/calc(24 * var(--u)) Inter,Arial,sans-serif;letter-spacing:0;color:var(--lime);margin:0 0 calc(10 * var(--u));text-transform:uppercase}
.ai-capability h3 svg{width:calc(28 * var(--u));height:calc(28 * var(--u));flex:none;fill:none;stroke:var(--blue);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#work-style .closing-body{width:100%;max-width:none}
.contact-links a{font-weight:400}
.thanks-invitation{margin-top:calc(38 * var(--u));text-align:center;font:400 calc(20 * var(--u))/calc(27 * var(--u)) Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f6f6f6}
@media(max-width:1100px) and (orientation:portrait){
 .ai-content h2{gap:16px}.ai-content h2::after{min-width:16px}
 .ai-capability+.ai-capability{margin-top:24px}
 .ai-capability h3{font:400 10px/14px Inter,Arial,sans-serif;gap:9px;margin-bottom:10px}
 .ai-capability h3 svg{width:18px;height:18px}
 .thanks-invitation{font-size:9px;line-height:14px;letter-spacing:.08em;margin-top:24px}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .ai-capability h3{font-size:13px;line-height:18px}.ai-capability h3 svg{width:22px;height:22px}
 .thanks-invitation{font-size:13px;line-height:19px}
}
@media(max-width:1100px) and (orientation:landscape){
 .ai-content{right:22px}.ai-content h2{gap:12px}.ai-content h2::after{min-width:20px}
 .ai-capability+.ai-capability{margin-top:22px}
 .ai-capability h3{font:400 10px/14px Inter,Arial,sans-serif;gap:8px;margin-bottom:8px}.ai-capability h3 svg{width:18px;height:18px}
 .thanks-invitation{font-size:8px;line-height:12px;margin-top:18px}
}

.nkf-education-composition img{inset:0;width:100%;height:100%;object-fit:contain;padding:clamp(12px,1.5vw,32px)}

/* Review: equal-height NKF columns with a single 20–50px gap on both axes. */
.nkf-education-grid,.nkf-education-column,.nkf-education-piece{position:absolute}
.nkf-education-piece{overflow:hidden}
.nkf-education-piece img{inset:auto;object-fit:fill;padding:0;max-width:none}
/* An on-brand idea-to-intention graphic sits below the aligned statement. */
.ai-statement{top:calc(23.611111% - 11 * var(--u))}
.ai-graphic{position:absolute;left:5%;top:calc(23.611111% + 300 * var(--u));width:calc(640 * var(--u));height:auto;overflow:visible;pointer-events:none}
.contact-links{gap:calc(44 * var(--u))}.contact-links a{font-size:calc(29 * var(--u))}
@media(max-width:1100px) and (orientation:portrait){
 .ai-graphic{position:static;display:block;width:min(100%,420px);height:auto;margin:-10px 0 34px}
 .contact-links{gap:12px}.contact-links a{font-size:clamp(12px,3.6vw,17px)}
}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){
 .ai-graphic{width:470px;margin:-10px 0 38px}.contact-links{gap:18px}.contact-links a{font-size:21px}
}
@media(max-width:1100px) and (orientation:landscape){
 .ai-statement{top:87px}.ai-graphic{left:22px;top:215px;width:36%;max-height:calc(100dvh - 263px)}
 .contact-links{gap:12px}.contact-links a{font-size:16px}
}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.contact-links{gap:10px}.contact-links a{font-size:15px}}

/* Review refinement: legible navigation on artwork and dark backgrounds. */
.controls .paging{background:#081321ed;color:#f8f7f4;padding:3px 8px;border-radius:5px}
body .controls .paging button,body .controls .paging #counter{color:#f8f7f4}
body .controls .paging button:hover:not(:disabled){color:#e2fdaf}
body .controls .paging button:focus-visible{outline:2px solid #adc5f6;outline-offset:1px}
body .controls .paging button:disabled{opacity:.42}
.tools-intro{font:400 clamp(14px,1.25vw,24px)/1.5 Manrope,Arial,sans-serif;margin:24px 0;color:#f8f7f4;max-width:35em}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px}
.tools-grid a{padding:16px 0;border-top:1px solid #adc5f660;text-decoration:none;display:flex;flex-direction:column;gap:7px}
.tools-grid span{font-size:clamp(14px,1.2vw,23px);color:#adc5f6}
.tools-grid small{font-size:clamp(11px,.85vw,16px);color:#f8f7f4;font-weight:400}
.tools-grid a:hover span,.tools-grid a:focus-visible span{color:#e2fdaf;text-decoration:underline}
.affiliate-note{font:400 clamp(10px,.75vw,14px)/1.5 Manrope,Arial,sans-serif;margin:22px 0 16px;color:#c7cdd5;max-width:44em}
@media(max-width:700px){#tools .closing-content{overflow-y:auto}.tools-intro{margin:14px 0}.tools-grid{gap:6px 18px}.tools-grid a{padding:10px 0}.affiliate-note{margin-top:14px}}

/* Live review corrections. */
@media(min-width:1101px){.ai-statement{left:10%}.ai-graphic{left:10%;width:calc(560 * var(--u))}.ai-details{top:calc(270 * var(--u))}}
#thanks .closing-content{left:50%;right:5%;top:50%;bottom:auto;transform:translateY(-50%);text-align:center}
#thanks .thanks-title,#thanks .thanks-invitation{width:100%;max-width:none;text-align:center;margin-left:auto;margin-right:auto}
#thanks .thanks-title{display:block}
#tools .affiliate-note{max-width:none;white-space:nowrap;font-size:clamp(10px,.7vw,14px)}
#tools .tools-grid{grid-template-columns:1fr}
#tools .tools-grid a{padding:18px 0}
@media(max-width:1100px) and (orientation:portrait){#thanks .closing-content{left:24px;right:24px;top:58%;transform:none}#tools .affiliate-note{white-space:normal}#tools .tools-grid a{padding:12px 0}.ai-details{margin-top:22px}}
@media(max-width:1100px) and (orientation:landscape){.ai-details{margin-top:15px}#thanks .closing-content{left:47%;right:22px;top:50%;transform:translateY(-50%)}}
@media(min-width:1101px){
 body[data-slide="nkf-b"] .controls .paging{gap:0;padding:3px 5px}
 body[data-slide="nkf-b"] .paging button{width:28px;padding:4px}
 body[data-slide="nkf-b"] #counter{min-width:44px;font-size:10px}
}

/* Tools, illustration and contact refinements. */
#tools .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:12px 20px}
#tools .tools-grid a,#tools .tool-pending{padding:14px 0;border-top:1px solid #adc5f660;display:flex;flex-direction:column;gap:7px}
#tools .tools-grid span{font-size:clamp(13px,1.05vw,20px)}
#tools .tools-grid small{font-size:clamp(11px,.82vw,16px);line-height:1.45}
#tools .tool-pending{opacity:.65}
.contact-location span{font:400 calc(29 * var(--u))/1.4 Manrope,Arial,sans-serif;color:#f8f7f4}
.contact-location small{font-size:.78em}
.contact-links{gap:calc(30 * var(--u))}
@media(max-width:1100px) and (orientation:portrait){
 #tools .tools-grid{gap:12px 16px}#tools .tools-grid a,#tools .tool-pending{padding:12px 0}
 .contact-location span{font-size:clamp(12px,3.6vw,17px)}.contact-links{gap:12px}
}
@media(max-width:600px){#tools .tools-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.contact-location span{font-size:16px}}
@media(max-width:1100px) and (orientation:landscape){.contact-location span{font-size:16px}.contact-links{gap:8px}#tools .tools-grid{gap:10px}#tools .tools-grid a,#tools .tool-pending{padding:10px 0}}

/* Closing review: consistent tool rows, regular copy and a clear invitation. */
#tools .tools-grid{grid-template-rows:repeat(3,1fr);row-gap:0}
#tools .tools-grid a{min-height:90px;padding:20px 0;justify-content:center;gap:8px;box-sizing:border-box}
#tools .tools-grid small{white-space:nowrap}
#work-style .closing-body,#work-style .closing-body p{font-weight:400}
.contact-links li{align-items:center;min-height:calc(80 * var(--u))}
.contact-location span{line-height:1.4}
.email-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;padding:13px 25px;border:1px solid #f8f7f4;border-radius:999px;color:#f8f7f4;text-decoration:none;font:600 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:2.4px}
.email-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.email-cta:hover,.email-cta:focus-visible{background:#f8f7f414;outline-offset:4px}
@media(max-width:1100px) and (orientation:portrait){#tools .tools-grid a{min-height:84px;padding:18px 0}#tools .tools-grid small{white-space:normal}.contact-links li{min-height:46px}}
@media(max-width:600px){#tools .tools-grid{grid-template-rows:none}.email-cta{font-size:10px;padding:11px 22px;margin-top:24px}}
@media(max-width:1100px) and (orientation:landscape){#tools .tools-grid a{min-height:78px;padding:16px 0}#tools .tools-grid small{white-space:normal}.contact-links li{min-height:38px}.email-cta{font-size:10px;padding:10px 20px;margin-top:20px}}

/* Consumer artwork uses the approved graphic panels, separate from selectable page copy. */
.portfolio-panel img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.portfolio-cover-panel>svg{display:block;width:100%;height:100%;overflow:hidden}.portfolio-panel>svg{display:block;width:100%;height:100%;overflow:hidden}.portfolio-panel.panel-square{border-radius:0}
.portfolio-panel.panel-bleed img{object-fit:cover;object-position:left top}
.portfolio-cover-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;max-width:none}
@media(min-width:1101px),(orientation:landscape){.native-case .description{height:calc(123 * var(--u));display:flex;align-items:flex-end}.native-case .description p{width:100%}}
@media(max-width:1100px) and (orientation:portrait){.native-case .description{height:auto;display:block}.portfolio-panel img{object-fit:contain}.portfolio-panel.panel-bleed img{object-fit:cover}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.native-case .description{height:auto;display:block}}

@media(max-width:1100px) and (orientation:portrait){.has-more .copy{padding-bottom:90px}.has-more .services{bottom:48px}.has-more .more-work{left:24px;top:auto;bottom:20px;font-size:10px;line-height:14px}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){.has-more .more-work{left:38px;font-size:12px;line-height:17px}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.has-more .more-work{position:static;display:inline-block;margin-top:8px;font-size:10px;line-height:14px}}
@media(min-width:1101px),(min-height:601px) and (orientation:landscape){.native-case .services{font-size:calc(19 * var(--u));line-height:calc(23 * var(--u))}}