@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');

/* Deep espresso, rust and copper: one continuous dark, warm canvas. */
:root{--espresso:#241A18;--rust:#47231B;--burnt:#8F4B24;--copper:#683B22;--orange:#C86E33;--amber:#FFC56C;--gold:#FFD17B;--ink:#FFF2DF;--light:#FFF2DF;--muted:#DFC4B1;--hover-bg:var(--burnt);--hover-ink:var(--light);--line:rgba(223,196,177,.32);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--header-height:114px;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px)}
body{margin:0;color:var(--ink);font:14px/1.7 var(--sans);background-color:var(--espresso);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:7px}
[hidden]{display:none!important}::selection{background:var(--rust);color:var(--light)}
.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--rust);color:var(--light);padding:12px 20px}.skip:focus{top:15px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(36,26,24,.96);color:var(--light);padding-top:env(safe-area-inset-top);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{max-width:1440px;margin:auto;padding:25px clamp(24px,5vw,76px);display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid rgba(223,196,177,.3)}
.name{font:400 clamp(34px,4.2vw,60px)/1.1 var(--serif);letter-spacing:-1.8px;white-space:nowrap}
.site-header nav{display:flex;gap:clamp(20px,3.6vw,54px);align-items:center}.site-header nav a{font:400 22px/1.4 var(--serif);padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:currentColor}
.layout{max-width:1440px;padding:0 clamp(24px,5vw,76px);margin:0 auto}
.hero{color:var(--light);padding:65px 0 60px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:40px;align-items:stretch;padding-top:62px;padding-bottom:62px}
.eyebrow{font:500 11px/1.7 var(--sans);text-transform:uppercase;letter-spacing:3px}
.hero h1{font:400 clamp(58px,6.7vw,96px)/.99 var(--serif);letter-spacing:-2.5px;margin:24px 0 27px;text-wrap:balance}.hero h1 em{font-weight:400}.home-hero h1{max-width:1100px}.hero p{font:400 clamp(22px,2.25vw,29px)/1.35 var(--serif);max-width:760px;margin:0}.home-hero p{max-width:690px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:25px;border:1px solid currentColor;border-radius:99px;padding:12px 30px;font:400 24px/1.35 var(--serif);transition:background .2s,color .2s}.btn:hover{background:var(--hover-bg);color:var(--hover-ink)}.btn.secondary{font-size:21px}
.line-arrow{width:30px;height:16px;flex:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.specialties{padding:14px 0 10px 35px;border-left:1px solid rgba(223,196,177,.55);display:flex;flex-direction:column;justify-content:space-between;gap:22px}.specialties span{font-size:10px;text-transform:uppercase;letter-spacing:2px;line-height:1.9}.specialties span:not(:last-child):after{content:'';display:block;width:24px;height:1px;background:rgba(223,196,177,.65);margin-top:20px}
h2{font:400 45px/1.1 var(--serif);letter-spacing:-.8px;margin:0 0 20px}
.section{padding:55px 0 64px;border-top:1px solid var(--line);scroll-margin-top:12px}.sectionhead{display:flex;align-items:center;gap:28px;margin:0 0 27px}.sectionhead h2{margin:0}.work-section{border-top-color:rgba(223,196,177,.75);padding-top:28px}.work-section .sectionhead h2{font:500 12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:3px;white-space:nowrap}.section-rule{height:1px;background:var(--line);flex:1}.sectionhead p{font:italic 400 23px/1.3 var(--serif);margin:0;white-space:nowrap}
.project-list{display:flex;flex-direction:column;gap:0}.project-row{display:grid;grid-template-columns:42% 58%;position:relative;min-height:300px;border-bottom:1px solid rgba(223,196,177,.5);isolation:isolate;padding:0;margin:0}.project-row:last-child{border-bottom:0}.project-copy{position:relative;z-index:2;padding:28px 22px 30px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-number{font:700 20px var(--serif);letter-spacing:2px;display:flex;align-items:center;gap:24px}.project-number:after{content:'';width:55px;height:1px;background:currentColor;opacity:.5}.project-row h3{font:400 clamp(48px,6.8vw,92px)/1 var(--serif);letter-spacing:-2.7px;margin:16px 0 12px}.project-skill{font-size:10px;text-transform:uppercase;letter-spacing:2px;line-height:1.8;max-width:360px}.project-description{font:400 23px/1.15 var(--serif);max-width:360px;margin:15px 0 7px}.kind{font-size:10px;line-height:1.7;opacity:.83}.project-link{font:400 20px/1.4 var(--serif);display:inline-flex;align-items:center;gap:16px;padding:0 0 3px;border-bottom:1px solid rgba(255,197,108,.55);margin-top:19px}.project-image{position:relative;overflow:hidden;min-height:300px;margin:0}.project-image img{mask-image:linear-gradient(to right,transparent,#000 12%);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%);width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:transform .5s ease}.project-image:after{content:'';position:absolute;inset:0;border-left:1px solid rgba(223,196,177,.12);pointer-events:none}.project-row:hover .project-image img{transform:scale(1.025)}.project-row:hover .project-link{border-color:var(--amber)}
.work-foot{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:26px}.small{font:400 11px/1.8 var(--sans);opacity:.85}.work-foot .small{max-width:690px;margin:0}.text-link{display:inline-flex;align-items:center;gap:14px;font:400 20px var(--serif);border-bottom:1px solid var(--line);padding-bottom:5px;white-space:nowrap}
.approach-line{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:35px 0 0}.approach-line li{border-top:1px solid var(--line);padding:20px 0 0;font:400 30px/1.2 var(--serif)}.approach-line span{display:block;font:400 11px var(--sans);letter-spacing:2px;margin-bottom:18px}
.about-short{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-short .eyebrow{margin-bottom:22px}.about-short h2{font-size:52px;margin:0}.about-short p{font-size:15px;line-height:1.9;margin:0 0 22px}.contact{padding:0}.contact h2{font-size:clamp(45px,5.5vw,76px);margin-bottom:15px}.contact p{font-size:15px}.contact .btn:hover{background:var(--hover-bg);color:var(--hover-ink)}
.footer{border-top:1px solid var(--line);padding:25px 0 32px;font-size:10px;letter-spacing:.5px}
/* The work index keeps the same horizontal project rhythm. */
.work-page .hero{padding:58px 0}.work-page .hero h1{font-size:clamp(60px,7.5vw,100px);margin:20px 0}.work-page .work-section{padding-top:28px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filters button{background:transparent;color:var(--ink);border:1px solid rgba(255,197,108,.6);border-radius:99px;padding:10px 18px;font-size:11px}.filters button[aria-pressed=true]{background:var(--rust);color:var(--light)}.filters button:hover{background:var(--hover-bg);color:var(--hover-ink)}#count{margin:0 0 23px}.imagery-note{margin-top:25px}
/* Case-study shells retain their original evidence visualisations and readers. */
.back{display:inline-block;margin-top:30px;color:var(--light);font-size:11px;text-decoration:underline;text-underline-offset:5px}.detail .hero{padding:34px 0 48px}.detail h1{font-size:clamp(50px,6.5vw,84px);max-width:1000px;line-height:1.05}.detail .hero p{max-width:900px}.scope-label{font-size:10px;letter-spacing:.5px;display:inline-block;margin-top:23px;border:1px solid rgba(223,196,177,.5);padding:6px 12px}.detail .btn{font-size:20px}.detail>.case-visual{height:320px;margin-bottom:35px;padding:36px clamp(24px,6vw,85px);background:rgba(104,59,34,.82);color:var(--light);display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(223,196,177,.4)}.visual-kicker{font-size:10px;letter-spacing:2px;margin-bottom:22px}.visual-foot{font-size:11px;margin-top:20px}.concept-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px;width:100%}.concept-pair>div{padding:20px 24px;border:1px solid rgba(223,196,177,.4);background:rgba(143,75,36,.16)}.concept-pair span{font-size:11px}.concept-pair p{font:400 36px/1.1 var(--serif);margin:10px 0}.concept-pair em{color:var(--amber)}.research-stack{max-width:680px;width:100%}.research-stack>div{display:flex;align-items:center;gap:25px;border-top:1px solid rgba(223,196,177,.3);padding:12px 0}.research-stack>div:last-child{border-bottom:1px solid rgba(223,196,177,.3)}.research-stack span{font-size:11px}.research-stack strong{font:400 27px/1.2 var(--serif)}.bar-row{display:grid;grid-template-columns:28px 1fr 50px;gap:18px;align-items:center;max-width:680px;width:100%;margin:12px 0;font-size:12px}.bar-row>div{height:17px;background:rgba(36,26,24,.7)}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--amber))}.bar-row:nth-of-type(3) i{background:var(--gold)}.bar-row strong{font:400 24px var(--serif)}.lead-map{display:flex;align-items:center;gap:10px;max-width:750px;width:100%}.lead-map span{display:flex;align-items:center;justify-content:center;flex:1;min-height:84px;border:1px solid rgba(223,196,177,.4);padding:10px;text-align:center;font-size:13px}.lead-map b{display:block;flex:0 0 16px;height:1px;background:var(--amber)}.lead-map .emphasis{border-color:var(--amber);color:var(--amber)}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:35px 0;border-top:1px solid var(--line)}.case-summary h2{font:500 11px/1.5 var(--sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:17px}.case-summary p{font-size:15px;margin:0;line-height:1.9}.scope-note{font-size:12px;border-left:1px solid var(--ink);padding:10px 18px;margin:0 0 24px;background:rgba(104,59,34,.2)}.related{font-size:13px;text-decoration:underline;text-underline-offset:5px;display:inline-block;margin:5px 0 20px}.inline-study{border:1px solid var(--line);margin:22px 0 40px;padding:23px;background:rgba(104,59,34,.2)}.inline-study summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer;list-style:none}.inline-study summary::-webkit-details-marker{display:none}.inline-study summary>span{font-size:23px;transition:transform .2s}.inline-study[open] summary>span{transform:rotate(45deg)}.document{width:100%;height:850px;border:1px solid var(--line);background:var(--espresso);margin-top:10px}

@media(max-width:1050px){.home-hero{grid-template-columns:minmax(0,1fr) 155px;gap:25px}.specialties{padding-left:25px}.specialties span{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:6.8vw;letter-spacing:-1.8px}.project-row{min-height:310px}.project-row h3{font-size:68px}.project-skill{letter-spacing:1.5px}.project-description{font-size:22px}.project-copy{padding-right:25px}.header-inner{padding-top:24px;padding-bottom:24px}.site-header nav{gap:28px}.site-header nav a{font-size:20px}.sectionhead p{font-size:21px}.about-short{gap:40px}}
@media(max-width:760px){:root{--header-height:108px}.header-inner{padding:13px max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:3px;align-items:flex-start}.name{font-size:33px;letter-spacing:-1px}.site-header nav{width:100%;justify-content:space-between;gap:15px}.site-header nav a{font-size:18px;min-height:44px;padding:8px 0 10px}.layout{padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left))}.home-hero{display:block;padding:46px 0 40px}.eyebrow{font-size:9px;letter-spacing:2px}.hero h1{font-size:clamp(43px,10.5vw,72px);line-height:1.04;letter-spacing:-1.6px;margin:23px 0}.hero h1 br{display:none}.hero h1 em{display:block}.hero p{font-size:24px;line-height:1.35}.home-hero p{max-width:500px}.actions{margin-top:26px;gap:12px}.btn{font-size:22px;padding:11px 25px;gap:23px}.specialties{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 22px;padding:23px 0 0;margin-top:35px;border-left:0;border-top:1px solid rgba(223,196,177,.45);justify-content:flex-start}.specialties span{font-size:8px;line-height:1.8;letter-spacing:1.3px}.specialties span:not(:last-child):after{display:none}.section{padding:35px 0 43px}.sectionhead{gap:15px;margin-bottom:24px;align-items:baseline;flex-wrap:wrap}.work-section .sectionhead h2{font-size:10px;letter-spacing:2px}.sectionhead p{font-size:18px;white-space:normal}.section-rule{display:none}.project-row{grid-template-columns:1fr;min-height:0;padding-bottom:25px;margin-bottom:25px}.project-copy{padding:12px 0 23px;display:block}.project-number{font-size:20px;gap:18px}.project-number:after{width:40px}.project-row h3{font-size:64px;letter-spacing:-2px;margin:12px 0 10px}.project-skill{font-size:9px;letter-spacing:1.8px;max-width:none}.project-description{font-size:23px;max-width:none;margin:12px 0 5px}.kind{display:block;font-size:10px}.project-link{margin-top:17px;font-size:20px}.project-image{min-height:0;height:auto;aspect-ratio:1.65}.project-image img{object-position:center;mask-image:none;-webkit-mask-image:none}.project-row:last-child{margin-bottom:0;padding-bottom:0}.work-foot{display:block;margin-top:20px}.work-foot .text-link{margin-top:20px}.small{font-size:10px}.approach-line{grid-template-columns:1fr;gap:0;margin-top:27px}.approach-line li{display:flex;align-items:center;gap:20px;padding:18px 0;font-size:28px}.approach-line span{margin:0;font-size:10px}.about-short{grid-template-columns:1fr;gap:25px}.about-short h2{font-size:44px}.about-short p{font-size:14px}.contact h2{font-size:47px}.contact p{font-size:14px}.contact .btn.secondary{font-size:20px}.footer{font-size:9px;padding-bottom:calc(25px + env(safe-area-inset-bottom))}.work-page .hero{padding:40px 0}.work-page .hero h1{font-size:58px}.work-page .hero h1 em{display:inline}.filters{gap:8px}.filters button{font-size:10px;min-height:42px;padding:9px 14px}.back{margin-top:25px}.detail .hero{padding:24px 0 35px}.detail h1{font-size:clamp(44px,11vw,65px);line-height:1.06}.detail .hero p{font-size:24px}.detail .btn{font-size:18px;padding:11px 20px}.scope-label{font-size:9px}.detail>.case-visual{height:285px;padding:24px 18px;margin-bottom:28px}.visual-kicker{font-size:8px;letter-spacing:1.3px}.concept-pair{gap:10px}.concept-pair>div{padding:17px 13px}.concept-pair p{font-size:27px}.visual-foot{font-size:9px}.research-stack strong{font-size:25px}.lead-map{gap:6px}.lead-map span{font-size:10px;padding:10px 5px}.lead-map b{flex-basis:7px}.case-summary{grid-template-columns:1fr;gap:28px;padding:29px 0}.case-summary p{font-size:14px}.case-summary h2{font-size:10px;margin-bottom:12px}.scope-note{font-size:11px;padding-left:14px}.inline-study{padding:18px 14px}.inline-study summary{font-size:12px}.document{height:640px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.actions,.filters,.skip,.inline-study{display:none}.layout{padding:20px}.project-row{break-inside:avoid}.hero{padding:25px 0}}


/* Two soft warm waves share one continuous, document-sized colour field.
   Copper and a restrained pumpkin glow ease through deep rust between waves;
   neither the highlights nor their transparent edges introduce a pale band. */
body{
 --right-glow:.20;
 --lower-glow:.14;
 background-image:
  radial-gradient(ellipse 105vw var(--scene-spread,780px) at 94% var(--scene-peak,1300px),rgba(200,110,51,var(--right-glow)) 0%,rgba(200,110,51,0) 78%),
  radial-gradient(ellipse 115vw var(--scene-spread,780px) at 28% var(--scene-second-peak,2600px),rgba(200,110,51,var(--lower-glow)) 0%,rgba(200,110,51,0) 82%),
  linear-gradient(180deg,var(--scene-stops,var(--espresso) 0%,var(--rust) 18%,var(--copper) 36%,var(--rust) 58%,var(--copper) 78%,var(--espresso) 100%));
 background-repeat:no-repeat;
}
.site-header{background:rgba(36,26,24,.95)}
.home-hero .specialties{align-self:start;justify-content:flex-start;gap:16px}
.home-hero .specialties span:not(:last-child):after{margin-top:12px}
.home-hero .btn:hover{background:var(--hover-bg);color:var(--hover-ink)}
.work-section .sectionhead{color:var(--light)}
.work-section .sectionhead p{font-size:24px}
.work-section .section-rule{background:rgba(223,196,177,.5)}
.filters button{background:rgba(71,35,27,.7);color:var(--light);border-color:rgba(223,196,177,.7)}
.filters button[aria-pressed=true]{background:var(--rust);color:var(--light)}.filters button:hover{background:var(--hover-bg);color:var(--hover-ink)}
#count{color:var(--light);opacity:1}
.project-row:first-child .kind{opacity:1}
@media(max-width:760px){
 body{--right-glow:.12;--lower-glow:.10}
 .home-hero .specialties{align-self:auto;gap:12px 22px}
 .home-hero .btn{font-size:24px}
 .work-section .sectionhead{gap:8px 20px}
 .work-section .sectionhead p{font-size:24px}
}
/* The unmeasured and script-free canvas uses the same dark palette. */
body:not(.gradient-ready){background:var(--espresso)}

/* Text hierarchy and accent colours remain consistent across the dark field. */
.hero p,.project-description,.kind,.small,.about-short p,.contact p,
.case-summary p,.scope-note,.footer{color:var(--muted)}
.kind,.small{opacity:1}
.eyebrow,.project-number,.project-skill,.approach-line span{color:var(--amber)}
.site-header nav a,.btn,.project-link,.text-link,.back,.related{color:var(--amber)}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold)}
.btn:hover,.contact .btn:hover{background:var(--hover-bg);color:var(--hover-ink)}
.filters button[aria-pressed=true]{background:var(--copper);color:var(--light);border-color:var(--amber)}
.filters button:hover{background:var(--hover-bg);color:var(--hover-ink)}
.scope-note{border-left-color:var(--amber)}
.inline-study summary{color:var(--amber)}

/* Business-model sections preserve the established project rhythm. */
.business-group + .business-group{margin-top:52px;padding-top:34px;border-top:1px solid var(--line)}
.business-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:8px 0 22px;border-bottom:1px solid var(--line)}
.business-heading h2{font:400 39px/1.1 var(--serif);margin:0;color:var(--light)}
.business-heading p{font-size:11px;color:var(--muted);margin:0}
.study-links{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.study-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;max-width:100%;font:400 19px/1.35 var(--serif);color:var(--amber);border-bottom:1px solid rgba(255,197,108,.45);padding:3px 0 5px}
.study-links a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.project-row:has(.scope-art) h3{font-size:clamp(46px,5.1vw,73px);line-height:1.02;letter-spacing:-1.8px}
.scope-art,.editorial-art{padding:34px clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 85% 25%,rgba(200,110,51,.18),transparent 70%);mask-image:none}
.scope-art-label,.art-kicker{font-size:9px;letter-spacing:2px;color:var(--amber)}
.scope-art-title,.art-title{font:400 clamp(36px,4vw,58px)/1.04 var(--serif);letter-spacing:-1px;margin:18px 0 25px}.scope-art-title em,.art-title em{color:var(--amber)}
.scope-art-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:410px}
.scope-art-columns>div{border:1px solid var(--line);padding:14px 16px;background:rgba(36,26,24,.28)}
.scope-art-columns span{font-size:8px;letter-spacing:2px;color:var(--muted)}
.scope-art-columns i{display:block;height:2px;width:90%;background:var(--amber);opacity:.7;margin-top:13px}.scope-art-columns i:nth-child(3){width:65%;opacity:.45}.scope-art-columns i:nth-child(4){width:78%;opacity:.25}
.scope-art-checks{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:9px;letter-spacing:1px;margin-top:18px}.scope-art-checks span:before{content:'✓';color:var(--amber);margin-right:6px}
@media(max-width:760px){.business-group + .business-group{margin-top:36px;padding-top:27px}.business-heading{display:block;padding:0 0 22px;margin-bottom:14px}.business-heading h2{font-size:34px}.business-heading p{font-size:10px;margin-top:9px}.study-links a{font-size:20px}.project-row:has(.scope-art) h3{font-size:54px}.scope-art,.editorial-art{padding:25px 27px;aspect-ratio:auto;min-height:320px}.scope-art-title,.art-title{font-size:43px;margin:14px 0 20px}.scope-art-columns{gap:14px}.scope-art-columns>div{padding:10px 13px}.scope-art-columns i{margin-top:10px}}


/* Overview artwork extends the quote-comparison's editorial language.
   Every diagram is conceptual: no quantities, performance bars or results. */
.editorial-art{min-width:0}
.art-caption{font-size:9px;line-height:1.7;letter-spacing:.35px;color:var(--muted);margin-top:18px}
.cozy-evidence{display:flex;align-items:center;justify-content:center;gap:14px;max-width:410px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;color:var(--muted);font-size:10px;letter-spacing:.5px}
.cozy-evidence b{font:400 19px/1 var(--serif);color:var(--amber)}
.cozy-test{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;max-width:410px;position:relative;margin-top:22px}
.cozy-test:before{content:'';position:absolute;left:50%;height:22px;width:1px;top:-22px;background:var(--line)}
.cozy-test>div{padding:13px 16px;border:1px solid var(--line);background:rgba(36,26,24,.28)}
.cozy-test span{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted)}
.cozy-test strong{display:block;font:400 25px/1.15 var(--serif);color:var(--amber);margin-top:8px}
.carry-diagram{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;align-items:center;max-width:410px}
.carry-wallet{position:relative;width:110px;height:119px}
.carry-wallet>i{position:absolute;left:12px;top:0;width:87px;height:67px;border:1px solid rgba(255,197,108,.7);border-radius:5px;background:var(--copper);transform:rotate(-8deg)}
.carry-wallet>i:nth-child(2){top:11px;left:18px;transform:rotate(5deg);background:var(--rust)}
.carry-wallet>i:nth-child(3){top:23px;left:8px;transform:none;background:var(--espresso)}
.carry-shell{position:absolute;left:0;bottom:0;width:110px;height:75px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(135deg,var(--copper),var(--rust));overflow:hidden}
.carry-shell:before,.carry-shell:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:var(--line)}
.carry-shell:before{left:9px}.carry-shell:after{right:9px}
.carry-shell span{position:absolute;top:27px;left:0;right:0;height:18px;border-top:1px solid rgba(255,197,108,.55);border-bottom:1px solid rgba(255,197,108,.55);background:rgba(36,26,24,.28)}
.carry-criteria>div{display:flex;align-items:baseline;gap:13px;padding:9px 0;border-top:1px solid var(--line);font:400 20px/1.2 var(--serif)}
.carry-criteria>div:last-child{border-bottom:1px solid var(--line)}
.carry-criteria span{flex:none;font:400 8px/1.7 var(--sans);letter-spacing:1px;color:var(--amber)}
.trip-diagram{display:grid;grid-template-columns:85px minmax(0,1fr);gap:27px;align-items:center;max-width:410px;padding-top:7px}
.trip-case{position:relative;width:85px;height:111px;border:1px solid var(--line);border-radius:8px;background:rgba(36,26,24,.28)}
.trip-case:before{content:'';position:absolute;top:-10px;left:27px;width:28px;height:9px;border:1px solid var(--amber);border-bottom:0;border-radius:3px 3px 0 0}
.trip-case:after{content:'';position:absolute;left:11px;bottom:-6px;width:6px;height:5px;border-radius:0 0 2px 2px;background:var(--amber);box-shadow:54px 0 var(--amber)}
.trip-packing{position:absolute;inset:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.trip-packing i{display:block;border:1px solid rgba(255,197,108,.5);border-radius:3px;background:rgba(200,110,51,.1)}
.trip-packing i:first-child{grid-column:1/-1}
.trip-ticket{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0 10px 17px;border-left:1px dashed var(--line)}
.trip-ticket>span{display:block;font-size:8px;letter-spacing:1.3px;color:var(--amber);margin-bottom:10px}
.trip-ticket>div{font:400 20px/1.35 var(--serif);color:var(--light)}
.shield-path{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;max-width:440px}
.shield-path>div{align-self:stretch;border:1px solid var(--line);padding:12px 10px 14px;background:rgba(36,26,24,.28)}
.shield-path span{display:block;font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}
.shield-path strong{display:block;font:400 21px/1.12 var(--serif)}
.shield-path>b{display:block;height:1px;background:rgba(255,197,108,.6);position:relative}
.shield-path>b:after{content:'';position:absolute;right:1px;top:-2px;width:4px;height:4px;border-top:1px solid var(--amber);border-right:1px solid var(--amber);transform:rotate(45deg)}
.shield-path>.shield-outcome{border-color:rgba(255,197,108,.6);color:var(--amber)}
@media(max-width:1050px) and (min-width:761px){
 .editorial-art{padding-left:30px;padding-right:30px}
 .carry-diagram{grid-template-columns:95px minmax(0,1fr);gap:20px}
 .carry-wallet{transform:scale(.86);transform-origin:left center}
 .carry-criteria>div,.trip-ticket>div{font-size:18px}
 .trip-diagram{gap:18px}
 .cozy-test{gap:14px}.cozy-test>div{padding:12px}
 .cozy-test strong{font-size:22px}
 .shield-path{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}
 .shield-path>div{padding:10px 8px 12px}.shield-path strong{font-size:18px}
}
@media(max-width:760px){
 .cozy-test{gap:14px}.cozy-test>div{padding:12px 13px}
 .carry-diagram{grid-template-columns:100px minmax(0,1fr);gap:25px}
 .carry-wallet{transform:scale(.9);transform-origin:left center}
 .trip-diagram{gap:23px}
 .shield-path{max-width:410px}
}
@media(max-width:390px){
 .editorial-art{padding-left:20px;padding-right:20px}
 .art-title{font-size:39px}
 .art-kicker{font-size:8px;letter-spacing:1.6px}
 .cozy-evidence{gap:9px;font-size:9px;letter-spacing:0}
 .cozy-test{gap:10px}.cozy-test>div{padding:11px 10px}.cozy-test strong{font-size:22px}
 .carry-diagram{grid-template-columns:78px minmax(0,1fr);gap:17px}
 .carry-wallet{transform:scale(.7);transform-origin:left center}
 .carry-criteria>div{font-size:18px;gap:9px}
 .trip-diagram{grid-template-columns:65px minmax(0,1fr);gap:17px}
 .trip-case{transform:scale(.76);transform-origin:left center}
 .trip-ticket{padding-left:12px}.trip-ticket>span{font-size:7px;letter-spacing:1px}.trip-ticket>div{font-size:18px}
 .shield-path{grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)}
 .shield-path>div{padding:10px 7px 12px}.shield-path strong{font-size:17px}
 .art-caption{font-size:8px}
}

/* Value-led copy, preserving the existing two-column hero and skills rail. */
.home-hero .hero-proof{font:400 11px/1.7 var(--sans);max-width:560px;color:var(--muted);margin:20px 0 0}
.approach-line li>div{min-width:0}.approach-line strong{font:inherit;display:block}.approach-line p{font:400 12px/1.8 var(--sans);color:var(--muted);margin:13px 0 0;max-width:310px}
@media(max-width:760px){.home-hero .hero-proof{font-size:10px;max-width:100%}.approach-line p{max-width:100%}}
/* Keep full qualification labels readable with fallback fonts on phones. */
@media(max-width:480px){
 .shield-path{grid-template-columns:minmax(0,1fr);max-width:320px}
 .shield-path>div{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:12px;padding:11px 15px}
 .shield-path span{margin-bottom:0}
 .shield-path strong{font-size:20px}
 .shield-path>b{width:1px;height:14px;justify-self:center}
 .shield-path>b:after{top:auto;right:auto;bottom:1px;left:-2px;transform:rotate(135deg)}
}

/* Complete capability groups stay in the right-hand homepage rail. */
.home-hero{grid-template-columns:minmax(0,1fr) 270px}
.home-hero .specialties{min-width:0;padding-left:26px;gap:21px}
.home-hero .skills-group{min-width:0}
.home-hero .skills-group h2{font:500 11px/1.5 var(--sans);letter-spacing:1.3px;text-transform:uppercase;color:var(--amber);margin:0 0 8px}
.home-hero .skills-group ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.home-hero .skills-group li{font:400 14px/1.5 var(--sans);color:var(--muted);overflow-wrap:anywhere}
.home-hero .skills-status{display:block;font:400 11px/1.5 var(--sans);color:var(--muted);margin:-2px 0 8px}
@media(max-width:1050px) and (min-width:761px){
 .home-hero{grid-template-columns:minmax(0,1fr) 235px}
 .home-hero .specialties{padding-left:21px}
}
@media(max-width:760px){
 .home-hero .specialties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 24px;padding:25px 0 0}
}
@media(max-width:480px){
 .home-hero .specialties{grid-template-columns:minmax(0,1fr);gap:24px}
}

/* A compact enquiry form with Web3Forms submission feedback. */
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(35px,6vw,85px);align-items:start}
.contact-intro{min-width:0}.contact-intro h2{font-size:clamp(42px,4.5vw,64px);max-width:540px}.contact-intro>p{max-width:490px}
.contact-intro .actions{gap:12px}.contact-intro .btn{font-size:22px;padding:11px 23px}.contact-intro .btn.secondary{font-size:20px}
.contact-form{min-width:0;margin:0;padding-top:5px}
.contact .contact-privacy{font-size:12px;line-height:1.75;margin:0 0 22px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.contact .contact-status{font-size:12px;line-height:1.75;min-height:21px;margin:13px 0 0;padding:0}
.contact-status[data-state="error"],.contact-status[data-state="success"]{color:var(--amber)}
.contact-privacy a{color:var(--amber);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-field{min-width:0}.contact-field-full{grid-column:1/-1}
.contact-field label{display:block;font-size:12px;color:var(--light);margin-bottom:7px}.contact-field label span{color:var(--muted);font-size:11px}
.contact-field input,.contact-field textarea{display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:5px;background:rgba(36,26,24,.24);color:var(--light);font:400 16px/1.5 var(--sans);padding:10px 12px;transition:border-color .2s,background .2s}
.contact-field textarea{min-height:120px;resize:vertical}
.contact-field input:hover,.contact-field textarea:hover{border-color:var(--muted)}
.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-color:var(--amber);background:rgba(36,26,24,.45)}
.contact-form-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:18px}
.contact-required{font-size:10px;line-height:1.7;color:var(--muted)}
.contact .contact-submit{font-size:21px;padding:10px 22px;background:transparent;color:var(--amber);gap:20px}
.contact .contact-submit:disabled{cursor:not-allowed;color:var(--muted);border-color:var(--line);background:transparent;opacity:.7}
.thank-you-page .hero{max-width:850px;padding:70px 0 90px}.thank-you-page .hero h1{font-size:clamp(50px,7vw,86px)}.thank-you-page .hero p{max-width:650px}.thank-you-page .hero p a{color:var(--amber);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
@media(max-width:760px){
 .contact-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .contact-intro h2{font-size:47px;max-width:520px}
 .contact-form{padding-top:0}
 .contact .contact-privacy{margin-bottom:20px}
 .contact-fields{gap:17px}
 .contact-form-footer{gap:15px}
 .thank-you-page .hero{padding:44px 0 60px}
}
@media(max-width:420px){.contact-fields{grid-template-columns:minmax(0,1fr)}.contact-form-footer{align-items:flex-start;flex-direction:column}.contact-intro .btn{padding:11px 20px}}

/* Current studies are clearly separated from completed credentials. */
.education-note{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}
.education-label{display:block;font:500 10px/1.6 var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.about-short .education-note p{font-size:12px;line-height:1.8;margin:0}
.education-note strong{display:block;font-weight:500;color:var(--light)}
.education-note p>span{display:block;font-size:11px;margin-top:4px}

/* Professional title belongs with the name, above the header rule. */
.identity{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.identity-role{font:400 10px/1.5 var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--amber)}
@media(max-width:760px){.identity{gap:1px}.identity-role{font-size:8px;letter-spacing:1.1px}.home-hero h1{margin-top:0}}

/* Homepage header: desktop labeled links, with the role beside the name. */
.home-header .header-inner{gap:24px;padding-top:16px;padding-bottom:16px}
.home-header .identity{flex-direction:row;align-items:center;gap:22px;min-width:0}
.home-header .name{font-size:clamp(34px,3.2vw,46px);letter-spacing:-1.2px}
.home-header .identity-role{flex:none;font-size:9px;letter-spacing:1.1px;line-height:1.5}
.home-header .home-nav{display:flex;flex:none;align-items:center;gap:clamp(16px,2vw,30px)}
.home-header .home-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 0;border:0;border-radius:2px;font:400 13px/1.4 var(--sans);color:var(--light);transition:color .18s}
.home-header .home-nav a:hover{color:var(--gold)}
.home-header .home-nav a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.home-nav svg{flex:none;width:20px;height:20px;stroke:var(--amber);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px) and (max-width:1100px){
  .home-header .header-inner{gap:20px}
  .home-header .identity{gap:14px}
  .home-header .name{font-size:34px}
  .home-header .identity-role{font-size:8px;letter-spacing:.65px}
  .home-header .identity-role>span{display:block}
  .home-header .home-nav{gap:18px}
  .home-header .home-nav a{font-size:12px;gap:7px}
  .home-nav svg{width:18px;height:18px}
}
@media(max-width:760px){
  .home-header .header-inner{flex-direction:row;align-items:center;gap:12px;padding-top:6px;padding-bottom:6px}
  .home-header .identity{flex:1;flex-direction:row;align-items:center;gap:12px}
  .home-header .name{font-size:clamp(26px,6.2vw,34px);letter-spacing:-.8px}
  .home-header .identity-role{flex:1;min-width:0;font-size:8px;letter-spacing:.7px;line-height:1.4}
  .home-header .identity-role>span{display:block}
  .home-header .home-nav{display:none}
}
@media(max-width:350px){
  .home-header .header-inner{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .home-header .identity{gap:12px}
  .home-header .name{font-size:25px}
  .home-header .identity-role{font-size:7.5px;letter-spacing:.5px}
}

/* The detailed strategy overview can grow when labels wrap or text is enlarged. */
.detail[data-project="advanced-insulation"]>.case-visual{height:auto;min-height:320px}
@media(max-width:760px){.detail[data-project="advanced-insulation"]>.case-visual{min-height:285px}}

/* Mobile-only native disclosure; the desktop navigation remains unchanged. */
.home-mobile-menu{display:none}
@media(max-width:760px){
  .home-mobile-menu{display:block;position:relative;flex:none}
  .home-mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;padding:10px;border:0;border-radius:3px;color:var(--amber);background:transparent;cursor:pointer;list-style:none;transition:color .18s}
  .home-mobile-toggle::-webkit-details-marker{display:none}
  .home-mobile-toggle::marker{content:""}
  .home-mobile-toggle:hover{color:var(--gold)}
  .home-mobile-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
  .home-mobile-toggle svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
  .home-header .home-mobile-panel{position:absolute;right:0;top:calc(100% + 7px);display:flex;flex-direction:column;align-items:stretch;gap:2px;width:min(208px,calc(100vw - 44px));padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--espresso);box-shadow:0 16px 35px rgba(15,8,6,.3);max-height:calc(100dvh - var(--header-height) - 20px);overflow-y:auto;overscroll-behavior:contain}
  .home-mobile-menu:not([open])>.home-mobile-panel{display:none}
  .home-header .home-mobile-panel a{display:block;min-height:44px;padding:11px 14px;border:0;border-radius:2px;color:var(--light);font:400 13px/1.5 var(--sans)}
  .home-header .home-mobile-panel a:hover{background:var(--rust);color:var(--gold)}
  .home-header .home-mobile-panel a:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}
}

/* A floating mobile pill: its transparent wrapper includes the top scroll inset. */
@media(max-width:760px){
  .home-header{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .home-header .header-inner{margin:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));padding:6px 10px 6px 22px;min-height:58px;gap:8px;border:1px solid rgba(255,197,108,.3);border-radius:40px;background:rgba(36,26,24,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:visible}
  .home-header .identity{gap:8px}
  .home-header .home-mobile-panel{top:calc(100% + 15px);width:min(208px,calc(100vw - max(20px,env(safe-area-inset-left)) - max(20px,env(safe-area-inset-right)) - 22px));border-radius:14px;max-height:calc(100dvh - var(--header-height) - 20px)}
}
@media(max-width:350px){
  .home-header .header-inner{padding-left:14px}
  .home-header .identity{gap:6px}
}

/* The two disciplines are labels, separate from the business-model filters. */
.discipline-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px 7px;max-width:100%;margin:13px 0 0}
.discipline-label{font:400 9px/1.5 var(--sans);letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-right:2px}
.discipline-tag{display:inline-block;max-width:100%;padding:3px 8px;border:1px solid rgba(255,197,108,.38);border-radius:3px;color:var(--amber);background:rgba(36,26,24,.16);font:500 10px/1.5 var(--sans);letter-spacing:.15px;overflow-wrap:anywhere}
.project-copy>.discipline-tags+h3{margin-top:12px}
.project-hero>.discipline-tags{margin-top:17px}
.study-link-copy{display:block;min-width:0}
.study-link-title{display:block}
.study-links a{gap:14px}
.study-links .discipline-tags{margin:7px 0 1px}
.study-links .discipline-label{font-size:8px}
.study-links .discipline-tag{font-size:9px;padding:2px 6px}
/* The approved hero copy wraps naturally at every size, including fallback fonts. */
.home-hero .hero-main{min-width:0}
.home-hero h1{font-size:clamp(44px,4.5vw,65px);line-height:1.06;letter-spacing:-1.6px;overflow-wrap:break-word}
.home-hero h1 .hero-lead,.home-hero h1 em{display:block;text-wrap:balance}
.home-hero h1 em{margin-top:.12em}
.home-hero .hero-main>p:not(.hero-proof){max-width:690px;font-size:clamp(21px,1.9vw,26px);line-height:1.42}
@media(max-width:760px){
 .home-hero h1{font-size:clamp(39px,8.3vw,58px);line-height:1.06;letter-spacing:-1.1px}
 .home-hero .hero-main>p:not(.hero-proof){font-size:22px;line-height:1.4}
 .discipline-tags{gap:6px;margin-top:12px}
 .discipline-tag{font-size:10px}
 .study-links .discipline-tags{gap:5px}
}

/* A bounded free review, using the portfolio's existing editorial palette. */
.free-review{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(35px,6vw,85px);align-items:start}
.review-intro h2{font:400 clamp(38px,4.2vw,60px)/1.1 var(--serif);letter-spacing:-.8px;margin:17px 0 23px;max-width:650px}
.review-intro>p{font:400 17px/1.75 var(--sans);color:var(--muted);max-width:610px}
.review-intro .review-scope{font-size:12px;margin:20px 0 25px}
.review-intro .btn{font-size:23px;gap:20px}
.review-includes{list-style:none;margin:0;padding:0;display:grid;gap:0}
.review-includes li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:17px;padding:23px 0;border-top:1px solid var(--line)}
.review-includes li>span{font:400 10px/1.7 var(--sans);color:var(--amber);padding-top:6px}
.review-includes h3{font:400 29px/1.2 var(--serif);margin:0 0 10px}
.review-includes p,.review-note{font:400 13px/1.8 var(--sans);color:var(--muted);margin:0}
.review-note{border-top:1px solid var(--line);padding-top:19px;font-size:12px}
.review-fields{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.review-fields[hidden],.review-intake-note[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.contact-field select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:5px;background:var(--espresso);color:var(--light);font:400 16px/1.5 var(--sans);padding:10px 12px}
.contact-field select:hover{border-color:var(--muted)}
.contact-field select:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-color:var(--amber)}
.contact .review-intake-note,.contact .contact-safety{grid-column:1/-1;font:400 11px/1.8 var(--sans);color:var(--muted);margin:0}
.contact .review-intake-note{padding-top:3px}
@media(max-width:760px){.free-review{grid-template-columns:minmax(0,1fr);gap:32px}.review-intro h2{font-size:clamp(36px,7.5vw,52px)}.review-intro>p{font-size:16px}.review-includes h3{font-size:28px}}
@media(max-width:420px){.review-fields{grid-template-columns:minmax(0,1fr)}.review-intro .btn{font-size:21px;padding:12px 20px}}

/* Desktop floating capsule; preserve the existing content width and alignment.
   The inset shell leaves 24px around the original name and navigation positions. */
@media(min-width:761px){
  .home-header{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  .home-header .header-inner{position:relative;isolation:isolate;min-height:64px;padding-top:9px;padding-bottom:9px;border-bottom:0;overflow:visible;box-shadow:none}
  .home-header .header-inner::before{content:"";position:absolute;inset:0 calc(clamp(24px,5vw,76px) - 24px);z-index:-1;pointer-events:none;border:1px solid rgba(255,197,108,.16);border-radius:40px;background:rgba(36,26,24,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none}
}

/* Broad pumpkin highlights and dark falloff make the category blends visible.
   Lead generation warms from the left; e-commerce warms from the right. */
.project-row[data-category="Lead generation"] .project-image,
.detail:is([data-project="advanced-insulation"],[data-project="home-shield"])>.case-visual{
 background:
  radial-gradient(ellipse at 25% 30%,rgba(200,110,51,.12) 0%,rgba(200,110,51,0) 68%),
  linear-gradient(118deg,var(--copper) 0%,var(--burnt) 24%,var(--burnt) 43%,var(--copper) 65%,var(--rust) 100%);
}
.project-row[data-category="E-commerce"] .project-image,
.detail:is([data-project="cozy-analysis"],[data-project="cozy-iteration"],[data-project="ridge"],[data-project="monos"])>.case-visual{
 background:
  radial-gradient(ellipse at 82% 28%,rgba(200,110,51,.12) 0%,rgba(200,110,51,0) 68%),
  linear-gradient(112deg,var(--espresso) 0%,var(--rust) 22%,var(--copper) 48%,var(--burnt) 72%,var(--burnt) 88%,var(--copper) 100%);
}
.project-row[data-category] .project-image:after{border-left-color:rgba(255,197,108,.2)}
.detail>.case-visual{border-color:rgba(255,197,108,.3)}
/* Ivory keeps exposed labels above 4.5:1 across the brighter warm fields.
   Amber remains on the darker inset diagrams and decorative marks. */
.project-row[data-category] .project-image{--muted:var(--light)}
.project-row[data-category] .project-image :is(.scope-art-label,.art-kicker,.scope-art-title em,.art-title em,.cozy-evidence b,.carry-criteria span,.trip-ticket>span),
.project-row[data-category] .project-image .scope-art-checks span:before{color:var(--light)}
.detail .visual-kicker,.detail .research-stack span,.detail .bar-row strong,
.detail .visual-foot,.detail .concept-pair em,.detail .lead-map .emphasis{color:var(--light)}
.detail .case-summary h2{color:var(--amber)}
.detail .bar-row>div{background:var(--espresso)}
.detail .case-summary{border-top-color:rgba(200,110,51,.5)}
.detail .case-summary>div:first-child p{color:var(--light)}

/* A full-section, bounded wash preserves the page gradient and section sizing. */
.free-review{
 background:
  radial-gradient(ellipse at 20% 25%,rgba(200,110,51,.1) 0%,rgba(200,110,51,0) 65%),
  linear-gradient(112deg,var(--copper) 0%,var(--burnt) 28%,var(--copper) 54%,var(--rust) 78%,var(--espresso) 100%);
 background-repeat:no-repeat;
}
.free-review .review-intro>p,.free-review .review-includes p,.free-review .review-note,
.free-review .eyebrow,.free-review .review-includes li>span,.free-review .btn{color:var(--light)}

/* A Great Pumpkin gradient gives the homepage contact link a quiet pill treatment. */
.home-header .home-nav a.header-talk-link,
.home-header .home-mobile-panel a.header-talk-link{
 display:flex;align-items:center;justify-content:center;flex:none;gap:0;
 min-height:44px;padding:8px 18px;border:1px solid rgba(255,197,108,.35);border-radius:30px;
 background:linear-gradient(115deg,var(--burnt) 0%,var(--copper) 58%,var(--rust) 100%);
 color:var(--light);font-weight:500;white-space:nowrap;
 transition:border-color .18s,box-shadow .18s;
}
.home-header .home-nav a.header-talk-link:hover,
.home-header .home-mobile-panel a.header-talk-link:hover{
 background:linear-gradient(115deg,var(--burnt) 0%,var(--copper) 72%,var(--rust) 100%);
 color:var(--light);border-color:rgba(255,197,108,.7);box-shadow:0 2px 12px rgba(143,75,36,.18);
}
.home-header .home-nav a.header-talk-link:focus-visible,
.home-header .home-mobile-panel a.header-talk-link:focus-visible{
 outline:2px solid var(--amber);outline-offset:3px;
}
@media(min-width:761px) and (max-width:1100px){
 .home-header .home-nav a.header-talk-link{padding-left:12px;padding-right:12px}
}
@media(max-width:760px){
 .home-header .home-mobile-panel a.header-talk-link{margin-top:4px;padding:10px 14px}
}

/* The CV is available alongside the professional background. */
.cv-actions{margin-top:24px;gap:12px}
.cv-actions .btn{font-size:21px;padding:11px 23px}