/* Levv-Up · final editorial layer · 18 September 2026.
   Load after refinements.css. Component demos own their internal presentation. */
:root{--purple:#43235B;--orange:#F47735;--pink:#E7A6B5;--green:#C4E889;--ink:#292330;--muted:#625B68;--paper:#fff;--soft:color-mix(in srgb,var(--pink) 8%,white);--warm:color-mix(in srgb,var(--pink) 14%,white);--quiet:color-mix(in srgb,var(--purple) 3%,white);--line:#DDD8E1;--gutter:clamp(22px,6vw,112px);--section-space:clamp(64px,7vw,108px);--copy-size:18px}
html{scroll-padding-top:116px}body{font-size:var(--copy-size);line-height:1.7;background:var(--paper)}
main{overflow:clip}main>section{padding-inline:var(--gutter)}
main>section>*,main article,main figure{min-width:0}
h1,h2,h3{text-wrap:balance}p{max-width:70ch}img{max-width:100%;height:auto}
:where(a,button,summary,input,textarea,select):focus-visible{outline:3px solid var(--purple);outline-offset:5px;box-shadow:0 0 0 8px #fff}
:where(.hero-v3,footer) :where(a,button):focus-visible{outline-color:var(--green);box-shadow:none}
/* One consistent readable scale. Specificity intentionally replaces legacy 8–15px rules. */
body .eyebrow,body .work-index,body .offer-index{font-size:12px;line-height:1.6;letter-spacing:.11em;font-weight:600}
body .text-link,body .quiet-link,body .hero-direct,body .journal-read{font-size:16px;line-height:1.5;min-height:44px;align-items:center;text-underline-offset:5px}
body :is(.offer-lines,.personal-v3,.about-v3,.about-story-v4,.social-opening,.social-ai-note,.experience-overview,.current-assignments,.entrepreneur-work,.ai-v3-opening,.own-workhouse,.two-offers,.assistant-intro,.responsible-ai,.method-opening,.method-photo-note,.contact-v3,.work-opening-v4,.journal-opening,.journal-card,.choice-panels) p:not(.eyebrow){font-size:var(--copy-size);line-height:1.75}
body :is(figcaption,.scene-caption,.example-label,.filter-count,.contact-small,.contact-topics>p,.article-byline,.draft-note,.assistant-privacy,.privacy-note,.assistant-status,.assistant-state,.inline-results,.assistant-human,.human-route,.question-top,#ai-status){font-size:14px;line-height:1.6}
body .contact-small,body .work-map p,body .responsible-principles .responsible-note,body .choice-question,body .journal-opening .draft-note{font-size:16px!important;line-height:1.7!important;color:var(--muted)}
body :is(.section-lead>p:last-child,.ribbon-bottom p,.current-heading>p,.insight-heading>p,.insight-foot>p){font-size:var(--copy-size);line-height:1.7}
body :is(.deliverable>span,.method-example>span,.about-story-end>div>span,.journal-teaser a>span,.journal-card .eyebrow,.article-nav p,.article-next>span,.work-map>span){font-size:12px;line-height:1.6;color:var(--purple)}
body :is(.deliverable p,.method-example p,.responsible-principles details>p,.article-body .choice-panels p){font-size:16px;line-height:1.75}
body :is(.filter-buttons button,.data-controls button,.question-suggestions button,.assistant-starters button){font-size:14px;line-height:1.5;min-height:44px;padding:11px 15px}
body :is(.button,.ask-link),body .hero-v3 .hero-actions .button,body .contact-links .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 22px;font-size:16px;line-height:1.4;font-weight:600;border-radius:5px;box-shadow:none}
body .button-orange,body .next-step .button-orange{background:var(--orange);color:var(--purple);border:1px solid transparent}
body .button-orange:hover,body .next-step .button-orange:hover{background:var(--orange);color:var(--purple);box-shadow:0 4px 0 var(--purple);transform:translateY(-2px)}
body .button-outline{color:var(--purple);border-color:var(--purple);background:transparent}
body .text-link:hover{color:var(--purple)}
/* Full native logo, navigation fits before switching to menu. */
body>header{height:96px;max-width:none;padding-inline:var(--gutter);gap:28px;background:white;z-index:30}
body>header .brand{display:block;width:208px;height:auto;overflow:visible;line-height:0;flex:none;background:white}
body>header .brand img,.footer-bottom .brand img{display:block;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain}
body>header nav{gap:clamp(15px,1.7vw,26px)}body>header nav a{font-size:14px;line-height:1.4;white-space:nowrap}
body>header nav .nav-contact{padding:13px 16px;margin-left:0;border-color:var(--purple);color:var(--purple);min-height:48px}
nav .nav-contact span{margin-left:8px}
/* Remove ornamental strokes and highlighted word underlines. */
.hero-v3-copy>.eyebrow:before,.hero-v3 .hero-rhythm span:after,.assistant-ident:after,.offer-index:after,.collab-v3>.eyebrow:before,.social-opening figure:before,.contact-v4 figure:before,.about-breath blockquote:before{display:none}
.personal-v3 h2 em,.social-opening h1 em,.method-opening h1 em,.journal-opening h1 em,.levv-note p em{background:none}
.hero-v3 .hero-concrete{border:0;padding-left:0}
.about-story-v4>.eyebrow,.own-workhouse .eyebrow{border:0;padding:0}
/* White editorial pages, photography supplies warmth. */
.offer-v3,.personal-v3,.social-opening,.social-situations,.social-ai-note,.method-steps,.method-photo-note,.about-v3,.about-story-v4,.work-opening-v4,.experience-overview,.entrepreneur-work,.journal-opening,.journal-stories,.ai-v3-opening,.two-offers,.responsible-ai,.contact-v3,.text-section,.page-intro{background:white}
.insight-section,.current-work,.journal-teaser,.own-workhouse,.assistant-section,.method-opening,.experience-ribbon,.workatelier,.article-heading{background:var(--soft)}
.offer-v3,.personal-v3,.insight-section,.social-situations,.social-ai-note,.method-steps,.about-story-v4,.experience-overview,.current-work,.entrepreneur-work,.journal-stories,.journal-teaser,.own-workhouse,.assistant-section,.responsible-ai{padding-block:var(--section-space)}
.hero-v3{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:6vw;min-height:680px;padding-block:80px;align-items:center;background:var(--purple)}
.hero-v3 .hero-atmosphere{background:linear-gradient(90deg,#43235BEF 0%,#43235BA6 48%,#43235B40 100%),url('/assets/atelier-mac-zilver-v7.webp') center/cover no-repeat}
.hero-v3-copy{max-width:760px}.hero-v3 h1{font-size:clamp(68px,7vw,110px);white-space:normal;line-height:1.04;letter-spacing:-.065em}
.hero-v3-copy>.eyebrow{font-size:12px;color:white;margin-bottom:26px}
.hero-v3 .hero-rhythm{font-size:clamp(31px,3.2vw,47px);line-height:1.18;margin:24px 0}.hero-v3 .hero-rhythm span{color:var(--pink)}
.hero-v3 .hero-concrete{font-size:18px;line-height:1.75;max-width:540px;color:white}.hero-v3 .hero-actions{display:flex;flex-wrap:wrap;gap:16px 28px}
.hero-v3 .hero-direct{color:white}.hero-v3 .hero-direct:hover{color:var(--green)}
.hero-v3-assistant.hero-focus{align-self:end;justify-self:end;width:100%;max-width:370px;padding:28px 0 12px;background:none;border:0;border-radius:0;box-shadow:none;color:white}
.hero-focus h2{font-size:clamp(29px,2.8vw,40px);line-height:1.2;margin:0 0 22px;color:white;letter-spacing:-.035em}
.hero-focus p{font-size:18px;line-height:1.75;color:white}.hero-focus .eyebrow{color:var(--green)}.hero-focus a{color:white;font-size:16px}
.offer-lines>a{grid-template-columns:36px minmax(0,1fr) 205px;gap:28px;align-items:center;padding:34px 0}
.offer-lines h2{font-size:clamp(29px,3vw,43px)}.offer-lines p{max-width:650px}
.offer-index{color:var(--purple)}.offer-delivery{background:none!important;padding:0;line-height:1.6;font-size:14px;color:var(--purple)}
.offer-delivery i{color:var(--orange);font-size:28px}.offer-lines>a:hover h2{color:var(--purple)}
.personal-v3{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8vw}
.personal-v3 img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:center 35%}
.personal-v3 figcaption,.own-workhouse figcaption,.method-photo-note figcaption{border:0;padding-left:0;margin-top:16px;color:var(--muted)}
.about-v3{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7vw;padding-block:76px}
.about-v3 figure{max-width:none;width:100%}.about-v3 img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.about-v3 h1{font-size:clamp(46px,5.4vw,78px);line-height:1.1}
.about-story-lead,.about-story-end{gap:6vw}.about-story-end{margin-top:28px}
.social-opening{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:8vw;padding-block:82px}
.social-opening h1{font-size:clamp(43px,4.8vw,71px);line-height:1.12}
.social-proof{display:flex;flex-direction:column;align-self:stretch;justify-content:center;padding:0;min-width:0}
.social-proof>p:first-child{color:var(--purple)}
.social-proof article,.social-proof>a,.social-proof>div{padding:26px 0;border-top:1px solid var(--line)}
.social-proof article:last-child,.social-proof>a:last-child,.social-proof>div:last-child{border-bottom:1px solid var(--line)}
.social-proof h2,.social-proof h3{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin:0 0 10px;color:var(--purple)}
.social-proof p{font-size:17px;line-height:1.7;margin:0;color:var(--muted)}
.social-proof :is(span,.eyebrow){font-size:12px;color:var(--purple)}
.social-opening img,.work-interlude img,.about-breath img,.journal-opening img{height:auto;width:100%;object-fit:cover}
.choice-panels article{background:var(--soft);padding:34px;min-height:0;border-left:0}
.choice-menu button{font-size:22px;color:var(--muted);min-height:64px}.choice-menu button>span{font-size:12px;color:var(--purple)}
.choice-menu button[aria-pressed=true]:before{display:none}.choice-menu button[aria-pressed=true]{color:var(--purple);font-weight:600}
.deliverable{background:#C4E88933;padding:22px}.method-example{background:#E7A6B52B}.choice-question{padding-top:20px}
.experience-keywords span{font-size:16px;border:0;padding:0}.experience-keywords{gap:14px 28px}
.work-map{border-left:0;padding:10px 0;gap:12px}.work-map a{background:transparent;border:1px solid var(--line);border-left:0;border-right:0;padding:20px 0;font-size:23px}
.work-map a:nth-of-type(2),.work-map a:nth-of-type(3){background:transparent;border-color:var(--line)}.work-map a:hover{transform:none;color:var(--purple)}
.current-assignments article:first-child,.current-assignments article:nth-child(2){border-top:1px solid var(--line)}
.current-assignments .eyebrow{color:var(--purple)}.current-assignments h3{font-size:31px}
.contact-v3{align-items:start;padding-block:78px}.contact-v4 figure{height:auto;padding-top:0;max-width:520px;justify-self:end;width:100%}
.contact-v4 img{height:auto;aspect-ratio:4/5;object-fit:cover}.contact-topics>a{font-size:16px;border-bottom:1px solid var(--line);min-height:44px}
body .contact-links>.quiet-link{font-size:16px}.contact-topics{margin-top:32px}
.ai-v3-opening{padding-block:76px;gap:7vw}.ai-v3-opening h1{font-size:clamp(44px,4.8vw,70px)}
.two-offers ul{font-size:17px;line-height:1.8}.two-offers>article{padding-right:0}.two-offers>article+article{padding-left:5vw}
.own-workhouse{gap:6vw}.own-workhouse img{height:auto;aspect-ratio:3/2}
.responsible-principles summary{font-size:21px;min-height:64px}.responsible-principles summary>span{font-size:12px;line-height:2.6}
.responsible-principles .responsible-note{background:none;padding:0;margin-top:25px}
/* Preserve the accepted moving signals and their phases; give type adequate room. */
.insight-heading{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6vw}.insight-heading h2{font-size:clamp(35px,3.7vw,54px)}
.insight-controls{gap:20px;padding-block:18px}.insight-steps{gap:24px}
.insight-steps button,.insight-play{font-size:14px;min-height:48px;line-height:1.45;color:var(--purple)}
.insight-canvas{height:460px}.insight-source{width:30%;padding:19px 22px;background:white;box-shadow:0 7px 20px #43235B08}
.insight-source>span,.insight-finding>span,.insight-outcome>span{font-size:12px;line-height:1.5;letter-spacing:.06em;color:var(--purple);margin-bottom:10px}
.insight-source p{font-size:22px;line-height:1.3}.source-a{top:28px;left:4%}.source-b{top:223px;left:6%}.source-c{top:120px;left:31%}
[data-phase="1"] .source-a,[data-phase="2"] .source-a{left:2%;top:10px}
[data-phase="1"] .source-b,[data-phase="2"] .source-b{left:2%;top:155px}
[data-phase="1"] .source-c,[data-phase="2"] .source-c{left:2%;top:300px}
.insight-finding,.insight-outcome{top:68px;left:57%;width:41%;padding:20px 0 20px 30px}
.insight-finding p,.insight-outcome p{font-size:16px;line-height:1.6;margin-top:20px}
.insight-empty{left:67%;top:140px;color:var(--muted)}.insight-empty span{font-size:14px}
.insight-path{top:65px;height:300px}.insight-caption{font-size:16px;line-height:1.6;min-height:84px}
.insight-foot .text-link{font-size:16px}.insight-outcome{border-left-color:var(--green)}
/* The assistant lives in its dedicated section and modal. */
.assistant-section{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7vw}
.assistant-section .assistant-panel{max-width:620px;background:white;border:1px solid var(--line);box-shadow:none;border-radius:8px;padding:30px}
.assistant-ident{align-items:start;gap:12px;flex-wrap:wrap}.assistant-ident strong{font-size:17px}.assistant-ident>div>span{font-size:14px;line-height:1.5}.assistant-ident>div{flex:1}
.assistant-ident .assistant-state{font-size:12px;white-space:normal}.assistant-welcome{font-size:17px;line-height:1.7}
.assistant-input textarea,.question-input textarea{font-size:16px;line-height:1.6;min-width:0}.assistant-input button,.question-input button{min-width:48px;min-height:48px}
.assistant-panel form label,#question-form label{font-size:14px}.assistant-privacy,.privacy-note{color:var(--muted)}
.inline-conversation .chat-entry,.chat-entry{font-size:16px;line-height:1.7}.question-top button{min-height:44px;font-size:16px}
.question-heading>p:last-child{font-size:17px}.question-shell{padding:30px}.question-suggestions{gap:10px}
.assistant-human a,.human-route a{display:inline-flex;align-items:center;min-height:44px}
.journal-grid{align-items:start}.journal-card .journal-read{font-size:16px}.journal-teaser h3{font-size:28px;line-height:1.25}
.journal-margin-note{display:none}.journal-opening img{aspect-ratio:4/4.7}.journal-opening figure{max-width:500px;justify-self:end}
.article-body p{font-size:18px;line-height:1.85}.article-nav a{font-size:14px;line-height:1.5;min-height:44px}.article-layout{background:white}
.article-back{font-size:16px}.article-body .example-label{font-size:14px}.article-pullquote>span{font-size:14px}
.inline-cta,.next-step{background:var(--purple);color:white;padding-block:64px}.inline-cta em,.next-step em{color:var(--pink)}.next-step .button-outline{border-color:white;color:white}
/* Separate recognisable contact actions, readable contrast, safe-area support. */
.contact-dock{right:24px;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;gap:10px;padding:0;border:0;background:none;box-shadow:none;overflow:visible;border-radius:0;z-index:40}
.contact-dock button,.contact-dock>a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 20px;font-size:16px;font-weight:600;line-height:1.4;border:1px solid var(--purple);border-radius:6px;box-shadow:0 4px 18px #2923301A}
.contact-dock button{background:var(--purple);color:white}.contact-dock>a{background:var(--orange);color:var(--purple);border-color:var(--orange)}
.contact-dock button:hover{background:var(--purple);box-shadow:0 4px 0 var(--orange)}.contact-dock>a:hover{background:var(--orange);box-shadow:0 4px 0 var(--purple)}
body.dialog-open .contact-dock{visibility:hidden}
footer{max-width:none;background:var(--purple);padding:62px var(--gutter) 110px}.footer-top{align-items:center}
.footer-contact a{font-size:16px;min-height:44px}.footer-contact a:first-child{color:var(--orange)}.footer-bottom{font-size:14px;line-height:1.7;grid-template-columns:.8fr 1.2fr .9fr 1.2fr;gap:30px}
.footer-bottom .brand{width:170px;height:auto;overflow:visible;background:white}.footer-bottom>p:last-child{grid-column:auto}.footer-bottom>div a{min-height:32px}
@media(max-width:1180px){
 body>header{height:86px}body>header .brand{width:195px}
 body>header .menu-toggle{display:block;min-height:48px;padding:10px 18px;background:white;color:var(--purple);font-size:16px;border:1px solid var(--line);border-radius:4px}
 body>header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px var(--gutter) 28px;box-shadow:0 12px 22px #29233014}
 body>header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:5px}body>header nav a{font-size:17px;min-height:48px;padding:12px 0}body>header nav .nav-contact{margin-top:8px;padding:14px 18px}
 .hero-v3{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:4vw;min-height:640px}.hero-v3 h1{font-size:clamp(64px,8vw,90px)}
 .offer-lines>a{grid-template-columns:30px minmax(0,1fr) 155px;gap:20px}
 .insight-source p{font-size:20px}.insight-source{padding:18px;width:32%}.insight-steps{gap:16px}
 .insight-finding h3,.insight-outcome h3{font-size:35px}.insight-controls{flex-wrap:wrap}
 .footer-bottom{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom>p:last-child{grid-column:auto}
}
@media(max-width:760px){
 :root{--gutter:24px;--section-space:64px;--copy-size:17px}
 body>header{height:82px;gap:15px}body>header .brand{width:175px}
 .hero-v3{grid-template-columns:1fr;min-height:0;padding-block:48px;gap:34px}.hero-v3 h1{font-size:clamp(55px,12.7vw,84px)}
 .hero-v3 .hero-atmosphere{background:linear-gradient(180deg,#43235BEF,#43235BD9),url('/assets/atelier-mac-zilver-v7.webp') center/cover no-repeat}
 .hero-v3 .hero-rhythm{font-size:32px;line-height:1.2}.hero-v3 .hero-concrete{font-size:17px}.hero-v3 .hero-actions{gap:15px 24px}
 .hero-v3-assistant.hero-focus{max-width:100%;padding:0;justify-self:start;align-self:start}.hero-focus h2{font-size:27px;margin-bottom:12px}.hero-focus p{font-size:17px;margin-bottom:0}
 .offer-lines>a{grid-template-columns:22px minmax(0,1fr);gap:12px;padding-block:28px}.offer-lines h2{font-size:30px;line-height:1.15}
 .offer-delivery{grid-column:2;justify-content:space-between;gap:20px;font-size:14px;margin-top:2px}
 .personal-v3,.about-v3,.social-opening,.social-ai-note,.ai-v3-opening,.assistant-section,.responsible-ai,.contact-v3,.work-opening-v4,.journal-opening{grid-template-columns:1fr;gap:34px}
 .about-v3,.social-opening,.ai-v3-opening,.contact-v3,.work-opening-v4,.journal-opening{padding-block:48px 58px}
 .about-v3 h1,.social-opening h1,.ai-v3-opening h1,.work-opening-v4 h1{font-size:clamp(39px,9.8vw,56px);line-height:1.12}
 .personal-v3 h2,.assistant-intro h2,.responsible-ai h2{font-size:38px;line-height:1.15}.personal-v3 img{aspect-ratio:1.15;object-position:center 30%}
 .about-v3 img{aspect-ratio:3/2;object-position:center}.about-story-lead,.about-story-end{grid-template-columns:1fr;gap:12px}
 .social-proof h2,.social-proof h3{font-size:26px}.social-proof article,.social-proof>a,.social-proof>div{padding:23px 0}
 .choice-menu button{font-size:20px;grid-template-columns:24px 1fr 20px}.choice-panels article{padding:26px 22px}.choice-panels h3{font-size:30px}
 .choice-experience{grid-template-columns:1fr;gap:28px}.deliverable{padding:18px}.ribbon-bottom{align-items:start;flex-direction:column;gap:24px}
 .experience-overview>article{grid-template-columns:1fr;gap:22px;padding-block:32px}.current-assignments{grid-template-columns:1fr;gap:32px}
 .current-heading>p{margin-top:20px}.work-map{padding:0}.work-map a{font-size:21px}.work-filter-row{align-items:start}
 .contact-v3 h1{font-size:clamp(47px,11vw,65px)}.contact-v4 figure{max-width:520px;justify-self:start}.contact-v4 img{height:auto;aspect-ratio:4/5}
 .contact-v3 .contact-links>.quiet-link{width:100%}.contact-topics{gap:8px 20px}
 .two-offers>article+article{padding:32px 0 0}.two-offers ul{font-size:17px}.own-workhouse{grid-template-columns:1fr;gap:32px}
 .journal-opening figure{max-width:none;width:100%}.journal-opening img{aspect-ratio:1.15}.journal-teaser{grid-template-columns:1fr;gap:30px}
 .journal-card h2{font-size:31px}.article-body p{font-size:17px}.article-body .article-opening{font-size:21px}
 .insight-heading{grid-template-columns:1fr;gap:23px}.insight-heading h2{font-size:34px}.insight-heading>p br{display:none}
 .insight-controls{align-items:stretch;gap:10px}.insight-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
 .insight-steps button{font-size:12px;display:flex;align-items:start;flex-direction:column;gap:3px;text-align:left;min-height:63px}.insight-steps button span{font-size:14px}
 .insight-play{text-align:left;min-height:48px;font-size:14px;padding:10px 0}
 .insight-canvas{height:720px}.insight-source{width:82%;max-width:440px;padding:17px 19px;transform:none}
 .insight-source>span,.insight-finding>span,.insight-outcome>span{font-size:12px;letter-spacing:.03em}.insight-source p{font-size:20px;line-height:1.35}
 .source-a{left:0;top:12px;transform:rotate(-2deg)}.source-b{left:14%;top:156px;transform:rotate(2deg)}.source-c{left:3%;top:302px;transform:rotate(-1deg)}
 [data-phase="1"] .source-a,[data-phase="2"] .source-a{left:0;top:12px;transform:none}
 [data-phase="1"] .source-b,[data-phase="2"] .source-b{left:8%;top:156px;transform:none}
 [data-phase="1"] .source-c,[data-phase="2"] .source-c{left:0;top:302px;transform:none}
 .insight-empty{left:5%;top:510px;max-width:90%}.insight-empty strong{font-size:29px}.insight-empty strong br{display:none}.insight-empty span{font-size:14px}
 .insight-finding,.insight-outcome{left:0;top:458px;width:100%;padding:12px 0 15px 22px}.insight-finding h3,.insight-outcome h3{font-size:31px;line-height:1.12}
 .insight-finding p,.insight-outcome p{font-size:16px;margin-top:14px}.insight-caption{font-size:16px;padding-block:20px;min-height:0;gap:12px}
 .insight-foot{gap:22px}.insight-foot .text-link{white-space:normal}.insight-path{display:none}
 .assistant-section .assistant-panel{padding:23px 20px;max-width:none}.assistant-ident{gap:10px}.assistant-ident .assistant-state{width:100%;padding-left:0}
 .assistant-ident strong{font-size:16px}.assistant-starters{gap:8px}.assistant-starters button{font-size:14px}
 .question-shell{padding:22px 18px}.question-heading h2{font-size:36px}.question-top{font-size:12px;gap:12px}
 .question-input button{margin:8px}.question-input textarea{padding:14px 12px}.question-heading>p:last-child{font-size:17px}
 .contact-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .contact-dock button,.contact-dock>a{min-height:52px;font-size:16px;padding:12px 10px;gap:6px}.contact-dock button span{display:none}
 footer{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.footer-top{align-items:start}.footer-bottom{grid-template-columns:1fr;gap:25px;font-size:14px}.footer-bottom .brand{width:165px}.footer-contact{gap:20px}
}
@media(max-width:360px){:root{--gutter:20px}.contact-dock{left:8px;right:8px;gap:6px}.contact-dock button,.contact-dock>a{font-size:15px;padding-inline:8px}.hero-v3 h1{font-size:51px}.insight-source{width:90%}.source-b,[data-phase="1"] .source-b,[data-phase="2"] .source-b{left:8%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.source-a,.source-b,.source-c{transform:none}.button:hover{transform:none}}
/* The focus statement is editorial copy, not an assistant card. */
.hero-focus>span,.social-proof>span{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:1.6;margin-bottom:22px}
.hero-focus>span{color:var(--green)}
.hero-focus>p{font-family:var(--heading);font-size:clamp(29px,3vw,43px);font-weight:500;line-height:1.22;letter-spacing:-.04em;margin:0}
.hero-focus>p em{color:var(--pink)}
.social-proof>span{color:var(--purple)}.social-proof>div>span{display:block;margin-bottom:9px;color:var(--muted)}
@media(max-width:760px){.hero-focus>span{margin-bottom:14px}.hero-focus>p{font-size:28px;line-height:1.28}.hero-focus>p br{display:initial}.hero-focus>p em{display:block;margin-top:4px}.social-proof>span{margin-bottom:15px}}

/* Small functional colour accents, never strokes beneath individual words. */
.social-proof>div{border-left:3px solid var(--orange);padding-left:22px;margin-top:10px;border-top:0}
.social-proof>div:nth-of-type(2){border-left-color:var(--pink)}
.social-proof>div:nth-of-type(3){border-left-color:var(--green);border-bottom:0}
.choice-menu button[aria-pressed=true]{box-shadow:inset 3px 0 var(--orange);padding-left:20px}
.current-assignments article:first-child{border-top:3px solid var(--orange)}
.current-assignments article:nth-child(2){border-top:3px solid var(--pink)}
.wh-real-work{margin:30px 0 0;max-width:420px}.wh-real-work img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:5px}.wh-real-work figcaption{font-size:14px;line-height:1.6;margin-top:10px;color:var(--muted)}

.hero-v3 .hero-atmosphere:after{background:none}
.about-story-lead,.about-story-end{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.about-story-end{padding-top:30px;border-top:1px solid var(--line);margin-top:34px}
.about-story-end>div>span{display:block;font-family:var(--heading);font-size:23px;line-height:1.3;letter-spacing:-.025em;color:var(--purple);margin-bottom:20px;text-transform:none}
body .workatelier :is(.case-window-top,.case-window-top>span:last-child,.visitor-questions>span,.preparation-top>span,.preparation-sheet h4,.perspective-card>span){font-size:12px;line-height:1.5}
body .case-window-top{flex-wrap:wrap;gap:10px;padding-block:18px}
body .case-instruction{font-size:14px!important}
body .example-disclosure{font-size:14px;line-height:1.7}
body :is(.visitor-answer,.preparation-sheet p,.source-quote,.perspective-top p,.perspective-card>p,.perspective-question,.case-window-bottom){font-size:16px;line-height:1.7}
body :is(.visitor-questions>button,.source-documents>button,.perspective-switch button){font-size:16px;line-height:1.5;min-height:48px}
.perspective-switch,.source-documents{flex-wrap:wrap}.case-window-bottom{flex-wrap:wrap;gap:16px}
body .mini-website{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:32px}
body .mini-phone{max-width:280px;min-height:0;padding:30px 20px 34px;transform:none}
body .mini-phone-kicker{font-size:12px}body .mini-phone p{font-size:16px;line-height:1.6;min-height:0}body .mini-phone>a{font-size:14px;min-height:44px;padding:12px}
#case-stage{min-height:0}.source-documents>button{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 html{scroll-padding-top:102px}.about-story-lead,.about-story-end{grid-template-columns:1fr;gap:26px}
 .case-navigation{grid-template-columns:1fr;gap:0}.case-navigation>button{min-height:64px;padding:20px 0}
 .case-navigation>button>span{font-size:12px}.case-navigation>button strong{font-size:20px;line-height:1.4}.case-navigation>button strong br{display:none}
 body .mini-website{grid-template-columns:1fr}.mini-phone{margin-inline:auto}.case-window-bottom{flex-direction:column;align-items:start}
 body .source-documents{flex-direction:column}body .source-documents>button{width:100%;padding:12px;align-items:flex-start}
}

/* Last pass on captions and live examples. */
body main .eyebrow,body .case-navigation>button>span{font-size:12px;line-height:1.6}
body .case-window-bottom .quiet-link,body .copy-status{font-size:14px;line-height:1.6;min-height:44px}
.wh-section{max-width:none;padding-inline:var(--gutter);gap:6vw;align-items:start}
.research-screen{justify-content:center}.research-screen>strong{margin:0}
@media(max-width:760px){.wh-section{padding-inline:var(--gutter);gap:36px}.hero-v3-assistant.hero-focus{display:none}}

body main .eyebrow{font-size:12px!important;line-height:1.6}
body .collab-v3 p:not(.eyebrow){font-size:var(--copy-size);line-height:1.75}

/* V6: a single page content edge, with full-width background bands. */
:root{--content-width:1440px;--gutter:max(clamp(24px,6vw,96px),calc((100vw - var(--content-width))/2))}
body>main{width:100%;max-width:none;margin-inline:0}
body>header,body>footer,body>main>section{max-width:none;margin-inline:0;padding-inline:var(--gutter)}
body>main>section{width:100%}
body>main>section :is(.insight-experience,.atelier-heading,.atelier-layout,.atelier-bottom,.about-story-lead){max-width:none}
/* Keep the same section grid when a component's older stylesheet adds a width cap. */
body>main>.wh-section{max-width:none;margin-inline:0;padding-inline:var(--gutter)}
.assignment-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.assignment-next>*{min-width:0}
.assignment-next h2{font-size:clamp(32px,3.4vw,48px);line-height:1.17;margin-bottom:22px}
.assignment-next p{font-size:var(--copy-size);line-height:1.75}
.care-link{font-size:16px;line-height:1.7;color:var(--muted)}
.care-link a,a.care-link{color:var(--purple);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){
 :root{--gutter:24px}
 .assignment-next{grid-template-columns:1fr;gap:28px}
 /* Four content rows: three sources, then one shared result area.
    All result phases size the final row, including transparent phases. */
 .insight-canvas{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(90px,auto)) minmax(200px,auto);gap:10px;height:auto;min-height:500px;padding-block:12px;align-items:stretch}
 .insight-experience .insight-canvas .insight-source{position:relative;inset:auto;width:100%;max-width:none;min-width:0;padding:12px 16px;transform:none;transition:opacity .25s ease;box-shadow:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 .insight-canvas .source-a{grid-area:1/1}.insight-canvas .source-b{grid-area:2/1}.insight-canvas .source-c{grid-area:3/1}
 .insight-canvas .insight-source>span{font-size:12px;line-height:1.5;margin-bottom:6px;letter-spacing:.03em}
 .insight-canvas .insight-source p{font-size:18px;line-height:1.4;margin:0}
 .insight-canvas .insight-source p br{display:none}
 [data-phase="2"] .insight-canvas .insight-source{opacity:1}
 .insight-canvas :is(.insight-empty,.insight-finding,.insight-outcome){position:relative;inset:auto;grid-area:4/1;width:100%;max-width:none;min-width:0;padding:15px 0 10px 20px;margin:0;transform:none;align-self:start;transition:opacity .3s ease;pointer-events:none}
 .insight-canvas .insight-empty{padding-left:0;align-self:center}
 .insight-canvas :is(.insight-finding,.insight-outcome)>span{font-size:12px;line-height:1.5;margin-bottom:8px;letter-spacing:.03em}
 .insight-canvas :is(.insight-finding,.insight-outcome) h3{font-size:28px;line-height:1.12}
 .insight-canvas :is(.insight-finding,.insight-outcome) p{font-size:16px;line-height:1.5;margin-top:12px}
 .insight-canvas .insight-empty strong{font-size:28px;line-height:1.2}
 .insight-canvas .insight-empty span{font-size:14px;line-height:1.5;margin-bottom:10px}
 .insight-canvas .insight-path{display:none}
}
@media(max-width:360px){:root{--gutter:20px}}
@media(prefers-reduced-motion:reduce){.insight-canvas .insight-source,.insight-canvas .insight-empty,.insight-canvas .insight-finding,.insight-canvas .insight-outcome{transition:none}}

/* V6 scoped audit fixes: section spacing, readable care note and contact targets. */
.assignment-next{padding-block:var(--section-space)}
.assignment-next p.care-link{font-size:16px;line-height:1.7;margin-top:24px}
/* min-height needs a box-generating display on links outside a flex row. */
a.wh-contact,.contact-links>a.quiet-link,.testimonial-source{display:inline-flex;align-items:center;min-height:44px;line-height:1.6}
.contact-links>a.quiet-link{margin-left:0}
/* Keep the three tab labels inside the narrow demo at 320px. */
@media(max-width:420px){
 .wh-tabs button{min-width:0;overflow-wrap:anywhere;hyphens:auto;line-height:1.4;min-height:48px}
}

/* Shared outer grid is invariant: legacy class-based padding shorthands must
   not override it. Scope only direct page containers, never nested headers
   (such as .wh-top), articles, figures or inner multi-column layouts. */
body > header,
body > footer,
body > main > section{
 padding-inline:var(--gutter)!important;
}

/* Contrast makes the assistant an identifiable action and writing surface. */
.assistant-section .assistant-panel{background:#f6edf2;border-color:#d5bccb}
.assistant-input,.question-input{background:white;border:2px solid #766281}
.assistant-input:focus-within,.question-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px #43235b20}
.page-contact .contact-dock{display:none}
.contact-picker .contact-links{display:block}
.contact-v3 .contact-alternatives{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:16px;line-height:1.5;margin:8px 0 0}
.contact-alternatives a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.contact-help{margin-top:28px;max-width:52ch;border-top:1px solid var(--line)}
.contact-help summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;cursor:pointer;list-style:none;font-size:16px;color:var(--purple);font-weight:500}
.contact-help summary::-webkit-details-marker{display:none}.contact-help summary span{font-size:22px}.contact-help[open] summary span{transform:rotate(45deg)}
.contact-v3 .contact-help>p{font-size:15px;line-height:1.65;margin:6px 0 16px}
.contact-v3 .contact-intent-hint[hidden]{display:none}

/* One quiet, complete company footer. */
.site-footer{color:white}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;align-items:start}
.footer-brand{display:block;width:185px;max-width:100%;background:white;border-radius:3px;padding:5px 9px}.footer-brand img{display:block;width:100%;height:auto}
.footer-columns h2{font:500 18px/1.4 var(--heading);letter-spacing:0;color:white;margin:0 0 17px}.footer-columns p,.footer-columns address{font:400 15px/1.75 var(--body);color:#f2e9f5;margin:16px 0 0;max-width:36ch}.footer-columns address{font-style:normal;margin:0}.footer-columns a{color:inherit}
.footer-reach>a,.footer-explore>a{display:flex;align-items:center;min-height:40px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.footer-identity .footer-collaboration{font-size:14px;color:#e3d0e6;max-width:35ch}.footer-collaboration a{text-decoration:underline;text-underline-offset:3px}
.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;padding-top:20px;border-top:1px solid #ffffff30;color:#eadfec;font-size:14px}.footer-legal>div{display:flex;gap:24px;flex-wrap:wrap}.footer-legal a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.footer-columns{grid-template-columns:1fr 1fr;gap:32px 48px}}
@media(max-width:760px){.footer-columns{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-identity{grid-column:1/-1}.footer-explore{grid-column:1/-1}.footer-legal{align-items:start;flex-direction:column;gap:10px;margin-top:30px}.footer-legal>div{gap:4px 20px}.footer-columns h2{font-size:17px}.footer-columns p,.footer-columns address,.footer-reach>a,.footer-explore>a{font-size:14px}.page-contact .site-footer{padding-bottom:40px}}
@media(max-width:360px){.footer-columns{grid-template-columns:1fr}.footer-identity,.footer-explore{grid-column:auto}}

/* One headline, a legible offer and two audience routes. */
body .hero-v6{grid-template-columns:minmax(0,760px) minmax(0,1fr);min-height:650px;gap:0;padding-block:78px}
body .hero-v6 .hero-atmosphere{background:linear-gradient(90deg,#302039f5 0%,#302039e8 35%,#30203955 70%,#30203915 100%),url('/assets/atelier-mac-zilver-v7.webp') 70% center/cover no-repeat}
body .hero-v6 .hero-rhythm{font-size:clamp(25px,2.6vw,36px);line-height:1.35;margin:22px 0}
body .hero-v6 .hero-rhythm br{display:none}
body .hero-v6 .hero-rhythm span{margin-left:.2em}
body .hero-v6 .hero-concrete{font-size:clamp(19px,1.5vw,22px);line-height:1.65;max-width:53ch}
body .hero-v6 .hero-actions{margin-top:32px;gap:14px}
body .hero-v6 .hero-domain{border:1px solid #ead7e8;color:white;background:#43235b55}
body .hero-v6 .hero-domain:hover{background:#43235b}
@media(max-width:760px){body .hero-v6{grid-template-columns:1fr;min-height:0;padding-block:48px 54px}body .hero-v6 .hero-atmosphere{background:linear-gradient(90deg,#302039ed,#302039d9),url('/assets/atelier-mac-zilver-v7.webp') center/cover no-repeat}body .hero-v6 .hero-concrete{font-size:18px}body .hero-v6 .hero-rhythm{font-size:26px}body .hero-v6 .hero-actions{display:grid;grid-template-columns:1fr;max-width:400px}body .hero-v6 .hero-actions a{justify-content:space-between}}

/* Page openings establish a clear start; brand tints frame the reading rhythm. */
:root{--tint-pink:#F3E4EA;--tint-purple:#EEE8F3;--tint-green:#EAF4DD}
body :is(.about-v3,.contact-v3){background:var(--tint-pink)}
body .ai-v3-opening{background:var(--tint-purple)}
body .social-opening{background:#F8EDF1}
body .work-opening-v4{background:var(--tint-purple)}
body .journal-v6-opening{background:var(--tint-green)}
body :is(.about-v3,.social-opening,.ai-v3-opening,.work-opening-v4){padding-block:76px 84px;min-height:560px}
body .responsible-ai{background:#F5F3F6}
body .personal-v3{background:#F8EDF1}
body .testimonials{background:white}
body .about-story-end>div>span{font-size:16px;font-weight:600}
@media(max-width:760px){body :is(.about-v3,.social-opening,.ai-v3-opening,.work-opening-v4){padding-block:46px 54px;min-height:0}}

.about-routes{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px}.about-routes .text-link{margin-top:12px}

/* Tight wrappers use the original logo shapes, aligned to the shared text gutter. */
.site-footer .footer-brand{background:none;padding:0;border-radius:0;width:205px}
.site-footer .footer-brand img{filter:none;mix-blend-mode:normal}
body>header .brand{width:185px}
@media(max-width:1100px){body>header .brand{width:172px}}
@media(max-width:760px){body>header .brand{width:155px}}

/* Contact gets a useful, quiet transition from first message to proposal. */
.contact-followup{max-width:none;width:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,112px);padding-block:88px 96px;background:white;align-items:start}
.contact-followup-heading h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12;margin-bottom:24px}
.contact-followup-heading>p:last-child{font-size:18px;line-height:1.75;max-width:43ch;margin:0}
.contact-followup-steps{list-style:none;margin:0;padding:0;display:grid;gap:28px}
.contact-followup-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:22px;align-items:start}
.contact-step-number{display:grid;place-items:center;height:46px;border-radius:50%;font:500 16px var(--heading);color:var(--purple);background:#F477352B}
.contact-followup-steps li:nth-child(2) .contact-step-number{background:var(--tint-pink)}
.contact-followup-steps li:nth-child(3) .contact-step-number{background:var(--tint-green)}
.contact-followup-steps h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin:7px 0 10px}
.contact-followup-steps p{font-size:17px;line-height:1.7;margin:0;max-width:46ch;color:var(--muted)}
@media(max-width:760px){.contact-followup{grid-template-columns:1fr;padding-block:56px 64px;gap:35px}.contact-followup-heading h2{font-size:34px}.contact-followup-steps li{grid-template-columns:40px minmax(0,1fr);gap:16px}.contact-step-number{height:40px;font-size:14px}.contact-followup-steps h3{font-size:22px;margin-top:5px}.contact-followup-steps p{font-size:16px}}
/* Current assignments share their text and heading rows. */
.current-heading,.current-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,6vw,96px)}
.current-heading{align-items:end}
.current-heading>p{margin:0}
.current-assignments{row-gap:0}
.current-assignments>article{display:grid;grid-template-rows:subgrid;grid-row:span 4;min-width:0;padding-top:28px}
.current-assignments article>.eyebrow{display:block;margin:0 0 10px}
.current-assignments h3{margin:0 0 22px}
.current-assignments article>p{max-width:none;margin:0}
.current-assignments article>.assignment-link{margin-top:24px;justify-self:start;align-self:start}
@media(max-width:760px){.current-heading,.current-assignments{grid-template-columns:minmax(0,1fr);gap:30px}.current-assignments>article{display:block;grid-row:auto}.current-assignments article>.assignment-link{display:inline-flex}}

/* Light counterparts to the warm homepage: quiet colour transitions and selective emphasis. */
:root{--tint-pink:color-mix(in srgb,var(--pink) 28%,white);--tint-purple:color-mix(in srgb,var(--purple) 10%,white);--tint-green:color-mix(in srgb,var(--green) 32%,white)}
body .ai-v3-opening{background:radial-gradient(ellipse at 83% 38%,#F4773524 0%,transparent 58%),linear-gradient(115deg,#43235B0D 0%,#E7A6B526 65%,#E7A6B512 100%),white}
body :is(.about-v3,.contact-v3){background:radial-gradient(ellipse at 82% 35%,#F4773524 0%,transparent 60%),linear-gradient(110deg,#E7A6B530 0%,#E7A6B554 58%,#E7A6B526 100%),white}
body .social-opening{background:radial-gradient(ellipse at 88% 30%,#F477351C,transparent 62%),linear-gradient(115deg,#E7A6B51A,#E7A6B538),white}
body .work-opening-v4{background:radial-gradient(ellipse at 88% 50%,#E7A6B538,transparent 62%),linear-gradient(115deg,#43235B0D,#E7A6B530),white}
body .journal-v6-opening{background:radial-gradient(ellipse at 83% 36%,#E7A6B52B,transparent 55%),linear-gradient(115deg,#C4E88930,#C4E88961),white}
body .personal-v3{background:linear-gradient(115deg,#E7A6B526,#E7A6B54D),white}
.wh-intro h2 em,.journal-v6-opening h1 em{color:var(--purple)}
.ai-v3-opening h1 em,.about-v3 h1 em{color:var(--orange);background:none;padding:0}
.wh-intro h2,.wh-intro>p:not(.wh-kicker){color:var(--ink)}
.wh-intro .wh-kicker{color:var(--purple)}
.social-proof article:first-of-type h2,.social-proof article:first-of-type h3{color:var(--purple)}
.about-story-end>div:first-child>span,.current-assignments article:first-child>.eyebrow{color:var(--purple)}
.ai-v3-opening figure img,.about-v3 figure img,.contact-v3 figure img{box-shadow:0 16px 42px #43235B12}
body .eef-showcase{display:block;background:white;padding-block:0 72px;color:white}
.eef-showcase-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);padding:clamp(28px,4vw,56px);background:radial-gradient(ellipse at 90% 15%,#F477351F,transparent 60%),var(--purple);border-radius:16px}
.eef-showcase-inner>div{min-width:0}
.eef-showcase-inner>div>p:first-child:not(.eyebrow){margin-top:0}
@media(max-width:760px){.eef-showcase-inner{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 24px}body .eef-showcase{padding-bottom:48px}}
.eef-showcase h2,.eef-showcase h3{color:white}
.eef-showcase #eef-showcase-title em{color:var(--pink)}
.eef-showcase p:not(.eyebrow){color:white}
body .eef-showcase .eyebrow{color:var(--green)}
.eef-showcase .text-link,.eef-showcase .text-link:hover{color:white}
.eef-showcase a:focus-visible{outline-color:var(--green);box-shadow:none}
body.page-ai-en-websites .wc-teaser{background:linear-gradient(115deg,#FFFFFF40,transparent),var(--green);color:var(--purple)}
/* A standing introduction: moderate portrait width, without enlarging the whole hero. */
.about-v3{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,64px)}
.about-v3 figure{width:min(100%,500px);max-width:500px;justify-self:start}
.about-v3>div>p:not(.eyebrow){max-width:600px}
.about-v3 figure img{aspect-ratio:4/5;object-fit:cover;object-position:center}
@media(max-width:760px){.about-v3{grid-template-columns:1fr;gap:32px}.about-v3 figure{max-width:420px;justify-self:start}.about-v3 figure img{aspect-ratio:4/5}}

.contact-dock button{border-color:#FFFFFFA6}

/* A consistent, quiet rounding for editorial photographs. */
body :is(.personal-v3,.about-v3,.contact-v3,.social-opening,.ai-v3-opening,.journal-v6-opening,.method-photo-note,.about-breath,.work-interlude) figure img,body .journal-v6-opening img{border-radius:16px}

/* Werk: depth in the opening, clear routes and room for concrete assignments. */
body .work-opening-v4{background:radial-gradient(ellipse at 90% 10%,#F477352E,transparent 62%),radial-gradient(ellipse at 15% 100%,#E7A6B524,transparent 58%),var(--purple);color:white;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(40px,6vw,96px);min-height:0;padding-block:68px 72px}
body .work-opening-v4 h1{font-size:clamp(44px,4.8vw,72px);line-height:1.08;max-width:850px;color:white;margin:24px 0}
body .work-opening-v4 h1 em{color:var(--orange)}
body .work-opening-v4 p:not(.eyebrow){color:white;max-width:680px}
body .work-opening-v4 .eyebrow,body .work-map>span{color:var(--green)}
body .work-map{border:0;padding:0;gap:0}
body .work-map>span{margin-bottom:22px}
body .work-map>a,body .work-map>a:nth-of-type(2),body .work-map>a:nth-of-type(3){display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;color:white;border:0;border-top:1px solid #FFFFFF38;padding:24px 0;font-size:clamp(20px,2vw,27px);line-height:1.3;transition:color .2s ease,padding .2s ease}
body .work-map>a:last-of-type{border-bottom:1px solid #FFFFFF38}
body .work-map>a:hover{color:var(--green);padding-left:8px}
body .work-map>a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
body .work-map p{color:#FFFFFFD9!important;margin-top:24px}
body .work-map p a{color:white}
body .current-work{background:white}
body .current-heading h2 em{color:var(--purple)}
body .current-assignments{gap:clamp(28px,4vw,64px)}
body .current-assignments>article{padding:30px;border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:0 0 16px 16px;background:linear-gradient(150deg,#F4773512,transparent 65%),white}
body .current-assignments>article:nth-child(2){border-top-color:var(--green);background:linear-gradient(150deg,#C4E8892E,transparent 65%),white}
body .experience-overview{background:linear-gradient(135deg,#E7A6B51A,transparent 65%),white;padding-top:16px}
body .experience-overview>article{border-top:1px solid var(--line)}
body .experience-overview .work-index{display:block;color:var(--purple);border-left:4px solid var(--orange);padding-left:16px;margin-bottom:22px}
body .experience-overview>article:nth-child(2) .work-index{border-color:var(--green)}
body .experience-overview>article:nth-child(3) .work-index{border-color:var(--pink)}
@media(max-width:760px){
 body .work-opening-v4{grid-template-columns:1fr;gap:36px;padding-block:46px 48px}
 body .work-opening-v4 h1{font-size:clamp(38px,9vw,56px)}
 body .work-map>a,body .work-map>a:nth-of-type(2),body .work-map>a:nth-of-type(3){font-size:21px;padding-block:20px}
 body .current-assignments>article{padding:24px}
}
@media(prefers-reduced-motion:reduce){body .work-map>a{transition:none}}

/* Shared rounding for substantial content panels and photography. */
:root{--radius-panel:20px}
body :is(.offering-panel,.story-pages,.story-page,.current-assignments>article,.eef-showcase-inner,.assistant-panel,.wt-player,.choice-panels,.wc-shell,.wc-plan){border-radius:var(--radius-panel)}
body :is(.personal-v3,.about-v3,.contact-v3,.social-opening,.ai-v3-opening,.journal-v6-opening,.method-photo-note,.about-breath,.work-interlude) figure img,body .journal-v6-opening img{border-radius:var(--radius-panel)}
/* About: the approved portrait supplies warm light; the surface uses only pink. */
body .about-v3{background:linear-gradient(110deg,#FFFFFF 0%,#E7A6B530 42%,#E7A6B566 100%)}
/* Dark work hero: preserve readable labels in every link state. */
body .work-opening-v4 .work-map>span{color:var(--green)}
body .work-opening-v4 .work-map a:visited{color:white}
body .work-opening-v4 .work-map a:is(:hover,:focus-visible,:active){color:var(--green)}
body .responsible-principles .responsible-statement{font-family:var(--heading);font-size:clamp(28px,3vw,38px);line-height:1.2;color:var(--purple);border-left:3px solid var(--orange);padding-left:20px;margin-bottom:24px}
/* Three fields of experience, each one a readable, rounded whole. */
body .experience-overview{background:white;padding-top:12px;padding-bottom:64px;display:grid;gap:26px}
body .experience-overview>article{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,3.3vw,50px);padding:10px;border:1px solid #43235B24;border-radius:20px;background:white;overflow:hidden}
body .experience-overview>article>div:first-child{padding:clamp(26px,3.3vw,48px);border-radius:14px;background:linear-gradient(145deg,#43235B,#43235B 50%,#E7A6B530),#43235B}
body .experience-overview>article>div:last-child{padding:24px 28px 24px 0}
body .experience-overview>article h2{font-size:clamp(32px,3.1vw,46px);line-height:1.14;color:white;margin:0}
body .experience-overview>article h2 em{color:var(--orange)}
body .experience-overview .work-index{color:white;border-color:var(--orange);font-size:11px;line-height:1.7;letter-spacing:.08em;padding-left:12px}
body .experience-overview>article:nth-child(2)>div:first-child{background:linear-gradient(140deg,var(--green),color-mix(in srgb,var(--green) 42%,white))}
body .experience-overview>article:nth-child(3)>div:first-child{background:linear-gradient(140deg,var(--pink),color-mix(in srgb,var(--pink) 38%,white))}
body .experience-overview>article:nth-child(n+2) :is(h2,h2 em,.work-index){color:var(--purple)}
body .experience-overview>article:nth-child(n+2) .work-index{border-color:var(--purple)}
body .experience-overview>article p:first-child{margin-top:0}
@media(max-width:760px){body .experience-overview>article{grid-template-columns:1fr;gap:0;padding:7px}body .experience-overview>article>div:first-child{padding:25px 22px}body .experience-overview>article>div:last-child{padding:26px 22px 22px}body .experience-overview>article h2{font-size:33px}}

body .about-v3 h1 .about-introduction{display:block;color:var(--purple);font-size:clamp(29px,3vw,44px);line-height:1.2;letter-spacing:-.04em;margin-top:20px}body .about-v3 h1 .about-introduction em{color:var(--orange)}

body .personal-v3 h2 .brand-energy{color:var(--orange)}