/* app/globals.css */
:root{--ink:#0c0c0c;--charcoal:#191817;--paper:#f4efe6;--paper-2:#e4d9c8;--red:#98161a;--red-dark:#420708;--gold:#b88a32;--muted:#6e675e;--line:rgba(12,12,12,.16);--light-line:rgba(244,239,230,.17);--display:"Helvetica Neue",Helvetica,Arial,sans-serif;--body:Arial,"Helvetica Neue",Helvetica,sans-serif;--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(20px,3vw,54px);--h1:clamp(4.2rem,8.7vw,10.5rem);--h2:clamp(3.1rem,6.2vw,7.4rem);--h3:clamp(1.7rem,2.9vw,3.4rem);--h4:clamp(1.08rem,1.25vw,1.4rem);--h5:1rem;--h6:.84rem;--body-size:clamp(.98rem,.35vw + .91rem,1.06rem);--section-space:clamp(72px,7vw,112px);--section-space-compact:clamp(52px,5vw,82px);--layout-gap:clamp(18px,2.4vw,38px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px;background:var(--ink)}body{text-align:left;margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:var(--body-size);line-height:1.6;letter-spacing:-.012em;overflow-x:hidden}::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit;text-align:left}th{text-align:left}button{cursor:pointer}img{display:block;max-width:100%}main{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--display);text-wrap:balance;letter-spacing:-.055em;line-height:.94}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}h4{font-size:var(--h4)}h5{font-size:var(--h5)}h6{font-size:var(--h6)}em{font-style:normal;font-weight:300;color:var(--red)}a,button,input,select,textarea{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold)}.skip-link{position:fixed;top:12px;left:12px;z-index:999;background:var(--gold);color:var(--ink);padding:11px 16px;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}.progress-v2{position:fixed;left:0;top:0;height:3px;z-index:300;background:linear-gradient(90deg,var(--red),var(--gold));transition:width 80ms linear}.section-v2{padding:var(--section-space) var(--gutter)}.section-v2.light{background:var(--paper)}.section-v2.sand{background:var(--paper-2)}.section-v2.dark{background:var(--ink);color:var(--paper)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease) var(--delay,0ms),transform .85s var(--ease) var(--delay,0ms)}[data-reveal].shown{opacity:1;transform:none}.eyebrow-v2{margin:0;text-transform:uppercase;font:700 .59rem/1.4 var(--display);letter-spacing:.16em;display:flex;align-items:center;gap:13px}.eyebrow-v2:after{content:"";width:45px;height:1px;background:currentColor;opacity:.38}.eyebrow-v2.light{color:var(--paper)}.button-v2{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ink);border-radius:999px;padding:7px 8px 7px 18px;background:transparent;text-transform:uppercase;font:750 .6rem/1 var(--display);letter-spacing:.12em;transition:transform .3s var(--ease),background .3s,color .3s}.button-v2 span,.button-v2 b{font-style:normal;font-weight:400;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;transition:transform .35s var(--ease)}.button-v2:hover{transform:translateY(-3px)}.button-v2:hover span,.button-v2:hover b{transform:rotate(45deg)}.button-v2.red{background:var(--red);border-color:var(--red);color:#fff}.button-v2.red span{background:var(--gold);color:var(--ink)}.button-v2.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}.button-v2.gold span{background:var(--ink);color:var(--paper)}.button-v2.dark{background:var(--ink);color:var(--paper)}.button-v2.dark span,.button-v2.dark b{background:var(--gold);color:var(--ink)}.button-v2.outline b{background:var(--red);color:#fff}.button-v2.light-outline{border-color:rgba(244,239,230,.38);color:var(--paper);margin-top:45px}.text-action{display:inline-flex;width:max-content;border-bottom:1px solid currentColor;padding-bottom:6px;text-transform:uppercase;font:700 .6rem/1.3 var(--display);letter-spacing:.12em}.text-action.light{color:var(--paper)}.pending-link,.pending-note{color:var(--muted);font-size:.74rem}.pending-link{border-bottom:1px dashed currentColor;padding-bottom:4px}.inline-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.site-header-v2{height:82px;padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:200;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--paper);background:rgba(8,8,8,.76);border-bottom:1px solid var(--light-line);backdrop-filter:blur(18px);transition:height .35s,background .35s}.site-header-v2.scrolled{height:68px;background:rgba(8,8,8,.94)}.brand-v2{display:flex;align-items:center;gap:10px;width:max-content}.brand-v2 img{width:39px;height:32px;object-fit:contain}.brand-v2 b{font:750 .78rem/1 var(--display);letter-spacing:.03em}.site-header-v2>nav{display:flex;gap:30px;text-transform:uppercase;font:700 .56rem/1 var(--display);letter-spacing:.12em}.site-header-v2>nav a{padding:10px 0;border-bottom:1px solid transparent;transition:border-color .25s}.site-header-v2>nav a:hover{border-color:var(--gold)}.header-actions-v2{justify-self:end;display:flex;align-items:center;gap:13px}.header-cta-v2{border-color:rgba(244,239,230,.35);color:var(--paper);min-height:42px}.header-cta-v2 span{width:27px;height:27px;background:var(--gold);color:var(--ink)}.menu-button-v2{width:78px;height:42px;border:1px solid rgba(244,239,230,.36);border-radius:999px;background:transparent;color:var(--paper);position:relative;text-align:left;padding-left:14px}.menu-button-v2 b{font:700 .55rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.menu-button-v2 i{position:absolute;width:15px;height:1px;right:12px;top:18px;background:currentColor;transition:transform .3s}.menu-button-v2 i:last-child{top:23px}.menu-button-v2.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}.menu-button-v2.active i:first-of-type{transform:translateY(2.5px) rotate(45deg)}.menu-button-v2.active i:last-child{transform:translateY(-2.5px) rotate(-45deg)}.menu-v2{position:fixed;inset:0;z-index:150;background:radial-gradient(circle at 90% 20%,rgba(152,22,26,.33),transparent 32%),#080808;color:var(--paper);padding:125px var(--gutter) 34px;display:grid;grid-template-columns:25% 1fr;grid-template-rows:1fr auto;gap:40px;transform:translateY(-102%);visibility:hidden;transition:transform .7s var(--ease),visibility .7s;overflow:auto}.menu-v2.open{transform:none;visibility:visible}.menu-v2-intro small{font-size:.52rem;letter-spacing:.15em;color:var(--gold)}.menu-v2-intro p{max-width:230px;color:rgba(244,239,230,.48);font-size:.78rem}.menu-v2 nav{display:grid}.menu-v2 nav a{position:relative;display:grid;grid-template-columns:48px 1fr 30px;align-items:center;border-bottom:1px solid var(--light-line);padding:10px 0;transition:padding .35s var(--ease),background .35s}.menu-v2 nav a:hover{padding-inline:17px;background:var(--red)}.menu-v2 nav small{font-size:.5rem;color:var(--gold)}.menu-v2 nav span{font:600 clamp(2.6rem,5.6vw,6rem)/.95 var(--display);letter-spacing:-.07em}.menu-v2 nav b{font-weight:400}.menu-v2-footer{grid-column:1/-1;border-top:1px solid var(--light-line);padding-top:20px;display:flex;justify-content:space-between;color:rgba(244,239,230,.58);font-size:.7rem}
.hero-v2{min-height:100svh;padding:132px var(--gutter) 72px;background:#080808;color:var(--paper);display:grid;grid-template-columns:55% 45%;align-items:center;position:relative}.hero-v2:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,transparent,black 48%,black)}.hero-v2-copy{position:relative;z-index:3}.hero-v2 h1{margin:32px 0 0;font-weight:620;line-height:.78;max-width:1000px}.hero-v2 h1 em{display:block;color:var(--gold);margin-left:7vw}.hero-v2-summary{max-width:640px;color:rgba(244,239,230,.68);font-size:clamp(1rem,1.2vw,1.2rem);margin:38px 0 0 7vw}.hero-v2-actions{display:flex;align-items:center;gap:24px;margin:30px 0 0 7vw;flex-wrap:wrap}.hero-v2-proof{font-size:.67rem;letter-spacing:.04em;color:rgba(244,239,230,.48);display:flex;align-items:center;gap:10px;margin:34px 0 0 7vw}.hero-v2-proof i{width:7px;height:7px;border-radius:50%;background:#76d67e;box-shadow:0 0 0 5px rgba(118,214,126,.1)}.hero-v2-art{height:min(72vh,740px);position:relative;z-index:2;overflow:hidden;border:1px solid rgba(184,138,50,.35);clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}.hero-v2-art>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-v2-art:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.05),rgba(0,0,0,.4))}.hero-v2-portrait{position:absolute;z-index:3;right:3%;bottom:0;width:45%;height:71%;overflow:hidden;border:1px solid var(--gold);border-radius:48% 48% 0 0;background:#222}.hero-v2-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.82) contrast(1.03)}.art-label{position:absolute;z-index:4;background:rgba(8,8,8,.82);border:1px solid var(--light-line);padding:8px 11px;font-size:.48rem;letter-spacing:.14em}.art-label.one{left:5%;top:10%}.art-label.two{left:34%;top:47%}.art-label.three{right:4%;bottom:5%}.hero-v2-scroll{position:absolute;left:var(--gutter);bottom:24px;text-transform:uppercase;font-size:.52rem;letter-spacing:.13em;color:rgba(244,239,230,.45);display:flex;gap:20px}.hero-v2-scroll span{color:var(--gold)}
.section-title-v2{display:grid;grid-template-columns:21% 1fr minmax(240px,31%);align-items:end;gap:35px;margin-bottom:72px}.section-title-v2 h2{margin:0;font-weight:610}.section-title-v2 h2 em{color:var(--red)}.section-title-v2>p:last-child{margin:0;color:var(--muted)}.section-title-v2.inverse h2 em{color:var(--gold)}.section-title-v2.inverse>p:last-child{color:rgba(244,239,230,.55)}
.chain-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.chain-grid article{min-height:300px;padding:24px 30px 30px 0;border-right:1px solid var(--line)}.chain-grid article:not(:first-child){padding-left:30px}.chain-grid article:last-child{border-right:0}.chain-grid span{font:600 .57rem monospace;color:var(--red)}.chain-grid small{display:block;margin:40px 0 12px;color:var(--muted);font-size:.55rem;letter-spacing:.14em}.chain-grid h3{margin:0 0 18px;font-size:clamp(2rem,3vw,3.5rem)}.chain-grid p{color:var(--muted);max-width:350px}.pathways{padding-top:0}.pathways>.eyebrow-v2{padding-top:90px;border-top:1px solid var(--line)}.pathway-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:48px}.pathway-grid article{padding:48px 7vw 58px 0;border-right:1px solid var(--line)}.pathway-grid article:last-child{padding-left:7vw;padding-right:0;border-right:0}.pathway-grid article>span{font-size:.52rem;letter-spacing:.14em;color:var(--red)}.pathway-grid h2{margin:35px 0}.pathway-grid p{color:#544f48;max-width:550px;margin-bottom:32px}.pathway-grid article:last-child{background:var(--ink);color:var(--paper);padding-right:4vw}.pathway-grid article:last-child p{color:rgba(244,239,230,.6)}.pathway-grid article:last-child em{color:var(--gold)}.pathway-grid article:last-child .button-v2{border-color:rgba(244,239,230,.35)}
.selected-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:34px 18px}.project-card-v2{position:relative}.project-card-v2.featured:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start;padding-bottom:36px;border-bottom:1px solid var(--light-line)}.project-card-v2.featured:first-child .project-card-media{grid-row:1/8;min-height:650px}.project-card-media{display:block;height:480px;overflow:hidden;background:#242220}.project-media,.project-media img,.project-card-media>.asset-placeholder{width:100%;height:100%}.project-media img{object-fit:cover;transition:transform .8s var(--ease)}.project-card-media:hover img{transform:scale(1.035)}.project-card-index{display:flex;justify-content:space-between;margin-top:17px;color:rgba(244,239,230,.52);font:600 .54rem/1 monospace;letter-spacing:.1em}.project-card-category{margin:24px 0 0;color:var(--gold);text-transform:uppercase;font-size:.55rem;letter-spacing:.14em}.project-card-v2 h3{font-size:clamp(2.7rem,4.4vw,5.6rem);margin:7px 0 14px}.project-card-v2>p:not(.project-card-category){color:rgba(244,239,230,.58);max-width:600px;margin:0}.project-card-role{display:grid;gap:7px;margin-top:23px}.project-card-role small{color:var(--gold);font-size:.48rem;letter-spacing:.13em}.project-card-role span{font-size:.74rem;color:rgba(244,239,230,.68)}.project-card-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px}.project-card-actions a{font-size:.58rem;text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid currentColor;padding-bottom:5px}.projects-collection .project-card-v2>p:not(.project-card-category){color:var(--muted)}.projects-collection .project-card-index{color:var(--muted)}.projects-collection .project-card-role span{color:var(--muted)}.projects-collection .project-card-media{height:430px}.projects-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 18px}.projects-grid-v2 .project-card-v2.featured:first-child{grid-column:auto;display:block;border:0;padding:0}.projects-grid-v2 .project-card-v2.featured:first-child .project-card-media{min-height:0}.asset-placeholder{position:relative;overflow:hidden;background:var(--paper-2);color:var(--ink);display:flex;flex-direction:column;justify-content:flex-end;padding:27px;border:1px solid var(--line)}.placeholder-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(135deg,black,transparent 70%)}.asset-placeholder:after{content:"+";position:absolute;right:25px;top:19px;font:300 3rem/1 var(--display);color:var(--red)}.asset-placeholder span,.asset-placeholder strong,.asset-placeholder p{position:relative}.asset-placeholder span{text-transform:uppercase;font-size:.48rem;letter-spacing:.14em;color:var(--red)}.asset-placeholder strong{font-size:clamp(2rem,4vw,4.5rem);line-height:1;margin-top:10px}.asset-placeholder p{font-size:.7rem;color:var(--muted);margin:11px 0 0}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:25px}.filter-bar button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:11px 14px;font-size:.63rem}.filter-bar button span{margin-left:8px;color:var(--muted)}.filter-bar button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-bar button.selected span{color:var(--gold)}.filter-status{color:var(--muted);font-size:.65rem;margin:19px 0 50px}.project-honesty{display:grid;grid-template-columns:25% 1fr}.project-honesty h2{margin:0 0 30px}.project-honesty>div>p{max-width:650px;color:var(--muted)}
.evidence-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.evidence-list div{padding:24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;align-items:center}.evidence-list div:nth-child(odd){border-right:1px solid var(--line)}.evidence-list div:nth-child(even){padding-left:28px}.evidence-list span{font:.58rem monospace;color:var(--red)}.evidence-list b{font-size:clamp(1.25rem,2.1vw,2.5rem);letter-spacing:-.04em}.process-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid-v2 article{min-height:260px;padding:24px 24px 0 0;border-right:1px solid var(--line)}.process-grid-v2 article:not(:first-child){padding-left:24px}.process-grid-v2 article:last-child{border-right:0}.process-grid-v2 span,.strengths-v2 article span,.next-steps-v2 article span,.engagement-v2 article span{font:.58rem monospace;color:var(--red)}.process-grid-v2 h3{font-size:1.35rem;margin:55px 0 12px;letter-spacing:-.03em}.process-grid-v2 p{color:var(--muted);font-size:.85rem}.about-preview-v2{display:grid;grid-template-columns:42% 1fr;gap:8vw;align-items:center}.about-preview-image,.about-story-photo{height:700px;position:relative;overflow:hidden;background:var(--charcoal);clip-path:polygon(12% 0,88% 0,100% 10%,100% 90%,88% 100%,12% 100%,0 90%,0 10%)}.about-preview-image img,.about-story-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.82)}.about-preview-image>span,.about-story-photo>span{position:absolute;left:25px;bottom:22px;background:var(--red);color:#fff;padding:8px 10px;font-size:.48rem;letter-spacing:.14em}.about-preview-v2 h2,.about-story h2{margin:40px 0 28px}.about-preview-v2>div:last-child>p,.about-story>div:last-child>p{color:var(--muted);max-width:650px}.about-story{display:grid;grid-template-columns:42% 1fr;gap:8vw;align-items:center}.about-story .lead{font-size:1.28rem!important;color:var(--ink)!important}.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.strengths-v2 article,.consulting-proof article,.next-steps-v2 article{min-height:250px;padding:24px 25px 20px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.strengths-v2 article:nth-child(3n),.consulting-proof article:last-child,.next-steps-v2 article:last-child{border-right:0}.strengths-v2 h3,.consulting-proof h3,.next-steps-v2 h3{font-size:1.4rem;letter-spacing:-.035em;margin:45px 0 12px}.strengths-v2 p,.consulting-proof p,.next-steps-v2 p{color:var(--muted);font-size:.84rem}.tag-cloud{display:flex;gap:9px;flex-wrap:wrap}.tag-cloud span{border:1px solid var(--light-line);border-radius:999px;padding:11px 14px;color:rgba(244,239,230,.7);font-size:.7rem}.interests-v2>.pending-note{margin-top:40px;color:rgba(244,239,230,.4)}
.page-hero-v2{min-height:76svh;padding:145px var(--gutter) 70px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;position:relative}.page-hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 50%,rgba(152,22,26,.28),transparent 27%)}.page-hero-v2>*{position:relative}.page-hero-v2 h1{margin:45px 0 55px;max-width:1430px}.page-hero-v2 h1 em{color:var(--gold)}.page-hero-summary{margin-left:40%;display:grid;grid-template-columns:minmax(300px,650px) 1fr;gap:60px;align-items:end}.page-hero-summary>p{margin:0;color:rgba(244,239,230,.62);font-size:1.05rem}.page-hero-ruler{position:absolute;right:var(--gutter);top:115px;height:48%;width:1px;background:rgba(184,138,50,.45)}.page-hero-ruler:after{content:"";position:absolute;bottom:0;left:-6px;width:13px;height:13px;border-radius:50%;background:var(--gold)}
.offers-v2{padding-top:50px}.offer-v2{padding:70px 0;border-top:1px solid var(--line)}.offer-v2-heading{display:grid;grid-template-columns:70px 1fr}.offer-v2-heading>span{font:.6rem monospace;color:var(--red)}.offer-v2-heading h2{margin:15px 0 25px}.offer-v2-heading>div>p:last-child{max-width:710px;color:var(--muted)}.offer-v2-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:55px;margin:50px 0 0 70px}.offer-v2-body>div{display:flex;flex-direction:column;gap:10px}.offer-v2-body small,.case-summary-v2 small{font-size:.49rem;color:var(--red);letter-spacing:.14em;margin:0 0 8px}.offer-v2-body p{color:var(--muted);margin:0 0 30px}.offer-v2-body span{font-size:.8rem;border-bottom:1px solid var(--line);padding:8px 0}.client-input>div:last-child,.engagement-v2>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.client-input article,.engagement-v2 article{padding:24px 25px 20px 0;border-right:1px solid var(--line)}.client-input article:last-child,.engagement-v2 article:last-child{border:0}.client-input h3,.engagement-v2 h3{font-size:1.25rem;letter-spacing:-.03em;margin:42px 0 10px}.client-input p,.engagement-v2 p{color:var(--muted);font-size:.82rem}.tools-support .tag-cloud{max-width:950px}
.consulting-art{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.consulting-art>div:first-child{overflow:hidden;border:1px solid var(--line)}.consulting-art img{width:100%;aspect-ratio:4/3;object-fit:cover}.consulting-art h2{margin:40px 0 30px}.consulting-art>div:last-child>p:last-child{color:var(--muted)}.consulting-capabilities>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.consulting-capabilities article{min-height:430px;padding:24px 30px 20px 0;border-right:1px solid var(--line)}.consulting-capabilities article:not(:first-child){padding-left:30px}.consulting-capabilities article:last-child{border:0}.consulting-capabilities article>span{font:.58rem monospace;color:var(--red)}.consulting-capabilities h3{margin:58px 0 35px}.consulting-capabilities article>div{display:grid}.consulting-capabilities small{padding:8px 0;border-bottom:1px solid var(--line)}.capability-caveat{color:var(--muted);font-size:.68rem;margin-top:32px}.analysis-case>.asset-placeholder{height:520px;background:#171615;color:var(--paper);border-color:var(--light-line)}.analysis-case .asset-placeholder span{color:var(--gold)}.analysis-case .asset-placeholder p{color:rgba(244,239,230,.45)}.analysis-case .asset-placeholder .placeholder-grid{background-image:linear-gradient(var(--light-line) 1px,transparent 1px),linear-gradient(90deg,var(--light-line) 1px,transparent 1px)}.analysis-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border-top:1px solid var(--light-line)}.analysis-steps span{padding:18px 18px 18px 0;border-right:1px solid var(--light-line);border-bottom:1px solid var(--light-line);font-size:.78rem}.analysis-steps small{display:block;color:var(--gold);margin-bottom:11px}.consulting-proof article>small{color:var(--red);font-size:.5rem;letter-spacing:.12em}.career-actions{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.career-actions h2{margin:40px 0 0}.career-actions>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.case-hero-v2{padding:145px var(--gutter) 80px;background:var(--ink);color:var(--paper)}.case-meta-v2{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.56rem;letter-spacing:.14em;color:var(--gold)}.case-hero-v2 h1{font-size:clamp(5rem,12vw,14rem);margin:75px 0 48px;line-height:.73}.case-hero-v2>p{max-width:720px;margin-left:auto;color:rgba(244,239,230,.62)}.case-role-v2{display:grid;gap:7px;margin:35px 0 0 auto;max-width:720px}.case-role-v2 small{font-size:.48rem;color:var(--gold);letter-spacing:.13em}.case-role-v2 b{font-size:.83rem}.case-media-v2{height:min(78vw,900px);background:var(--ink);padding:0 var(--gutter) var(--gutter)}.case-media-v2>.project-media,.case-media-v2>.asset-placeholder{height:100%}.case-media-v2 .project-media img{width:100%;height:100%;object-fit:cover}.case-pending,.case-summary-v2,.case-decisions-v2{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.case-pending h2,.case-summary-v2 h2,.case-decisions-v2 h2{margin:40px 0 0}.case-pending>div:last-child>p,.case-summary-v2>div:last-child>p,.case-decisions-v2>div:last-child>p{color:var(--muted)}.case-pending ul{list-style:none;padding:0;margin-top:30px}.case-pending li{border-bottom:1px solid var(--line);padding:12px 0;color:var(--red);font-size:.78rem}.case-summary-v2>div:last-child{display:flex;flex-direction:column}.case-links-v2{display:grid;grid-template-columns:25% 1fr}.case-links-v2>div{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.case-links-v2 .pending-link{color:rgba(244,239,230,.45)}
.contact-hero-v2{min-height:77svh;padding:145px var(--gutter) 70px;background:var(--red-dark);color:var(--paper);display:grid;grid-template-columns:1fr 32%;align-items:end;position:relative}.contact-hero-v2 h1{margin:45px 0 35px}.contact-hero-v2 h1 em{color:var(--gold)}.contact-hero-v2>div:first-child>p:last-child{max-width:650px;color:rgba(244,239,230,.65)}.contact-signal{width:min(30vw,420px);aspect-ratio:1;border:1px solid rgba(184,138,50,.4);border-radius:50%;display:grid;place-items:center;position:relative}.contact-signal span{font:300 9rem/1 var(--display);color:var(--gold)}.contact-signal i{position:absolute;left:50%;width:58%;height:1px;background:var(--gold)}.contact-signal b{position:absolute;right:10%;font-weight:300;font-size:2rem}.contact-form-section{display:grid;grid-template-columns:34% 1fr;gap:7vw}.contact-form-section h2{margin:45px 0 30px}.contact-form-section>div>p{color:var(--muted);max-width:420px}.inquiry-form-v2{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px}.inquiry-form-v2 label{display:grid;gap:8px}.inquiry-form-v2 label>span{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.inquiry-form-v2 input,.inquiry-form-v2 select,.inquiry-form-v2 textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:11px 0}.inquiry-form-v2 textarea{resize:vertical}.inquiry-form-v2 .wide{grid-column:1/-1}.form-submit{grid-column:1/-1;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.form-submit p{font-size:.68rem;color:var(--muted);max-width:420px}.form-submit button:disabled{opacity:.55;cursor:wait}.next-steps-v2>.eyebrow-v2{margin-bottom:48px}.resume-pending{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.resume-pending>div>span{width:100px;height:125px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.65rem;letter-spacing:.15em}.resume-pending h2{margin:35px 0 0}.resume-pending ul{list-style:none;padding:0}.resume-pending li{border-bottom:1px solid var(--line);padding:14px 0;color:var(--red);font-size:.78rem}
.insights-v2>a{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff}.insights-v2>a>div{grid-row:1/7;min-height:620px}.insights-v2 img{width:100%;height:100%;object-fit:cover}.insights-v2>a>small,.insights-v2>a>h2,.insights-v2>a>p,.insights-v2>a>span,.insights-v2>a>b{margin-left:50px;margin-right:50px}.insights-v2>a>small{align-self:end;color:var(--red);text-transform:uppercase;letter-spacing:.13em;font-size:.53rem}.insights-v2 h2{font-size:clamp(3rem,5vw,6rem);margin-top:18px!important;margin-bottom:20px!important}.insights-v2>a>p{color:var(--muted)}.insights-v2>a>span{font-size:.65rem;color:var(--muted)}.insights-v2>a>b{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;margin-top:10px}.insights-v2>.pending-note{margin-top:30px}.article-v2>header{padding:145px var(--gutter) 75px;background:var(--ink);color:var(--paper)}.article-v2>header h1{max-width:1250px;margin:55px 0}.article-v2>header h1 em{color:var(--gold)}.article-v2>header>div{display:flex;gap:35px;font-size:.65rem;color:rgba(244,239,230,.5)}.article-cover-v2{width:100%;height:70vh;object-fit:cover}.article-body-v2{display:grid;grid-template-columns:22% minmax(0,760px);gap:8vw;justify-content:center}.article-body-v2 aside{position:sticky;top:110px;height:max-content;display:grid;gap:9px;font-size:.7rem}.article-body-v2 aside>span{font-size:.5rem;color:var(--red);letter-spacing:.14em;margin-bottom:12px}.article-body-v2>div>p{color:#504b44}.article-body-v2 .lead{font-size:1.3rem;color:var(--ink)}.article-body-v2 h2{font-size:clamp(2.5rem,4vw,4.2rem);margin:65px 0 20px}.article-body-v2 blockquote{font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.05;letter-spacing:-.05em;margin:60px 0;padding-left:25px;border-left:3px solid var(--red)}.article-callout-v2{background:var(--paper-2);padding:35px;margin-top:50px}.article-callout-v2 span{font-size:.5rem;letter-spacing:.13em;color:var(--red)}.article-callout-v2 h3{font-size:2rem;margin:22px 0}
.cta-v2{padding:clamp(90px,9vw,145px) var(--gutter);background:var(--red-dark);color:var(--paper);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end}.cta-v2 h2{margin:50px 0 0}.cta-v2 h2 em{color:var(--gold)}.cta-v2>div:last-child>p{color:rgba(244,239,230,.6);max-width:450px;margin-bottom:28px}.cta-v2 .text-action{margin:22px 0 0 8px}.footer-v2{background:#070707;color:var(--paper)}.footer-v2-lead{padding:110px var(--gutter);display:grid;grid-template-columns:21% 1fr;border-bottom:1px solid var(--light-line)}.footer-v2-lead>a{font:600 clamp(4.2rem,8.5vw,10rem)/.78 var(--display);letter-spacing:-.08em;position:relative}.footer-v2-lead>a em{color:var(--gold)}.footer-v2-lead>a span{position:absolute;right:0;bottom:0;width:clamp(65px,7vw,105px);aspect-ratio:1;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-size:2.3rem;transition:transform .4s var(--ease)}.footer-v2-lead>a:hover span{transform:rotate(45deg)}.footer-v2-grid{padding:65px var(--gutter);display:grid;grid-template-columns:1.4fr .7fr .8fr 1fr;gap:6vw;border-bottom:1px solid var(--light-line)}.footer-v2-grid>div:first-child>p{color:rgba(244,239,230,.45);font-size:.76rem;max-width:290px;margin-top:22px}.footer-v2-grid nav{display:grid;gap:9px;align-content:start}.footer-v2-grid small{font-size:.48rem;letter-spacing:.14em;color:var(--gold);margin-bottom:12px}.footer-v2-grid nav a,.footer-v2-grid nav span{font-size:.73rem;color:rgba(244,239,230,.62)}.footer-v2-grid nav a:hover{color:#fff}.footer-v2-status{display:grid;align-content:start;gap:9px}.footer-v2-status b{font-size:.8rem;display:flex;align-items:center;gap:10px}.footer-v2-status i{width:7px;height:7px;border-radius:50%;background:#76d67e}.footer-v2-status span{font-size:.68rem;color:rgba(244,239,230,.42)}.footer-v2-bottom{padding:20px var(--gutter);display:flex;justify-content:space-between;font:.55rem monospace;color:rgba(244,239,230,.4)}
@media(max-width:1050px){.site-header-v2{grid-template-columns:1fr auto}.site-header-v2>nav,.header-cta-v2{display:none}.hero-v2{grid-template-columns:1fr;min-height:950px}.hero-v2-copy{z-index:4}.hero-v2-art{position:absolute;right:0;bottom:0;width:52%;height:70%;opacity:.58}.section-title-v2{grid-template-columns:1fr 1fr}.section-title-v2>.eyebrow-v2{grid-column:1/-1}.page-hero-summary{margin-left:22%}.selected-grid-v2,.projects-grid-v2{grid-template-columns:1fr 1fr}.project-card-v2.featured:first-child{display:block;grid-column:1/-1}.project-card-v2.featured:first-child .project-card-media{min-height:620px}.about-preview-image,.about-story-photo{height:600px}.footer-v2-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-v2-status{grid-column:1/-1;border-top:1px solid var(--light-line);padding-top:25px}}
@media(max-width:1050px){.featured-project-v3,.featured-project-v3:nth-child(even){grid-template-columns:1fr}.featured-project-v3:nth-child(even) .featured-project-media,.featured-project-v3:nth-child(even) .featured-project-copy{grid-column:auto;grid-row:auto}.featured-project-media,.featured-project-v3.feature-2 .featured-project-media,.featured-project-v3.feature-4 .featured-project-media{height:min(72vw,720px)}.service-visual-v3{grid-template-columns:1fr}.principles-v3>div:last-child{grid-template-columns:1fr 1fr}.career-map-v3>div:last-child{grid-template-columns:1fr}}
@media(max-width:720px){:root{--gutter:20px;--h1:clamp(3.8rem,17vw,5.5rem);--h2:clamp(3rem,14vw,4.3rem);--h3:clamp(1.8rem,8vw,2.5rem)}.section-v2{padding-block:82px}.site-header-v2{height:68px}.brand-v2 img{width:34px;height:28px}.menu-v2{padding-top:100px;display:block}.menu-v2-intro{display:none}.menu-v2 nav a{grid-template-columns:34px 1fr 24px}.menu-v2 nav span{font-size:clamp(2.4rem,12vw,3.3rem)}.menu-v2-footer{margin-top:28px;display:grid;gap:8px}.hero-v2{min-height:830px;padding-top:105px;display:block}.hero-v2 h1{margin-top:28px}.hero-v2 h1 em,.hero-v2-summary,.hero-v2-actions,.hero-v2-proof{margin-left:0}.hero-v2-summary{max-width:350px;margin-top:26px}.hero-v2-actions{align-items:flex-start;flex-direction:column}.hero-v2-art{width:340px;height:430px;right:-120px;opacity:.36}.hero-v2-portrait{width:58%;height:66%}.art-label,.hero-v2-scroll{display:none}.section-title-v2{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.chain-grid,.process-grid-v2,.consulting-capabilities>div,.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div{grid-template-columns:1fr}.chain-grid article,.chain-grid article:not(:first-child),.process-grid-v2 article,.process-grid-v2 article:not(:first-child),.consulting-capabilities article,.consulting-capabilities article:not(:first-child),.strengths-v2 article,.consulting-proof article,.next-steps-v2 article{border-right:0;border-bottom:1px solid var(--line);padding:22px 0;min-height:220px}.pathway-grid{grid-template-columns:1fr}.pathway-grid article,.pathway-grid article:last-child{border:0;padding:50px 0}.pathway-grid article:last-child{padding-inline:20px}.selected-grid-v2,.projects-grid-v2{grid-template-columns:1fr}.project-card-v2.featured:first-child{grid-column:auto}.project-card-v2.featured:first-child .project-card-media,.project-card-media,.projects-collection .project-card-media{height:410px;min-height:0}.project-card-v2 h3{font-size:3.2rem}.evidence-list{grid-template-columns:1fr}.evidence-list div:nth-child(odd){border-right:0}.evidence-list div:nth-child(even){padding-left:0}.about-preview-v2,.about-story,.consulting-art,.career-actions,.contact-form-section,.case-pending,.case-summary-v2,.case-decisions-v2,.resume-pending{grid-template-columns:1fr}.about-preview-image,.about-story-photo{height:550px}.page-hero-v2{min-height:670px;padding-top:120px}.page-hero-v2 h1{margin:38px 0}.page-hero-summary{margin-left:0;grid-template-columns:1fr}.offer-v2-heading{grid-template-columns:40px 1fr}.offer-v2-body{grid-template-columns:1fr;margin:35px 0 0 40px}.client-input>div:last-child,.engagement-v2>div:last-child{grid-template-columns:1fr}.client-input article,.engagement-v2 article{border-right:0;border-bottom:1px solid var(--line)}.analysis-steps{grid-template-columns:1fr 1fr}.consulting-art{gap:48px}.contact-hero-v2{min-height:720px;grid-template-columns:1fr}.contact-signal{position:absolute;right:-120px;bottom:-90px;width:330px;opacity:.24}.inquiry-form-v2{grid-template-columns:1fr}.inquiry-form-v2 .wide,.form-submit{grid-column:auto}.project-honesty,.case-links-v2{grid-template-columns:1fr;gap:35px}.case-media-v2{height:560px}.case-hero-v2 h1{font-size:4.8rem}.insights-v2>a{grid-template-columns:1fr}.insights-v2>a>div{grid-row:auto;min-height:420px}.insights-v2>a>small,.insights-v2>a>h2,.insights-v2>a>p,.insights-v2>a>span,.insights-v2>a>b{margin-inline:20px}.insights-v2>a>small{margin-top:28px}.insights-v2>a>b{margin-bottom:30px}.article-cover-v2{height:480px}.article-body-v2{grid-template-columns:1fr}.article-body-v2 aside{display:none}.cta-v2{grid-template-columns:1fr}.footer-v2-lead{grid-template-columns:1fr;gap:40px;padding-block:82px}.footer-v2-lead>a span{position:static;margin-top:30px;width:70px}.footer-v2-grid{grid-template-columns:1fr 1fr;gap:42px}.footer-v2-grid>div:first-child,.footer-v2-status{grid-column:1/-1}.footer-v2-bottom{flex-wrap:wrap;gap:10px 20px}.footer-v2-bottom span:nth-child(2){display:none}}
@media(max-width:720px){.featured-project-media,.featured-project-v3.feature-2 .featured-project-media,.featured-project-v3.feature-4 .featured-project-media{height:430px}.featured-project-copy h3{font-size:3.7rem}.featured-project-meta{grid-template-columns:1fr}.principles-v3>div:last-child,.about-facts-v3,.profile-summary-v3,.case-provenance-v3,.case-output-v3{grid-template-columns:1fr}.principles-v3 article,.principles-v3 article:not(:first-child),.about-facts-v3>div,.about-facts-v3>div:not(:first-child){padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.about-facts-v3>div,.about-facts-v3>div:not(:first-child){border-color:var(--light-line)}.case-output-v3>div:first-child{border-right:0;border-bottom:1px solid var(--light-line);padding:0 0 60px}.case-decisions-grid-v3>div:last-child{grid-template-columns:1fr}.case-decisions-grid-v3 article,.case-decisions-grid-v3 article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.case-approach-v3 li{grid-template-columns:50px 1fr}.career-map-v3 a,.career-map-v3 a:not(:first-child){border-right:0;border-bottom:1px solid var(--light-line);padding:26px 0}.career-map-v3 a:hover{padding-inline:18px}.next-project-v3>a{font-size:3.8rem}.next-project-v3>a b{width:65px}}
.project-media{position:relative;overflow:hidden}
[data-reveal],body.ready [data-reveal]:not(.shown){opacity:1;transform:none}body.ready [data-reveal].shown{opacity:1;transform:none;animation:reveal-v2 .75s var(--ease) var(--delay,0ms) both}@keyframes reveal-v2{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:none}}
.selected-work-v3{display:grid;gap:clamp(80px,10vw,170px)}.featured-project-v3{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr);gap:clamp(30px,5vw,80px);align-items:end}.featured-project-v3:nth-child(even){grid-template-columns:minmax(320px,.58fr) minmax(0,1.42fr)}.featured-project-v3:nth-child(even) .featured-project-media{grid-column:2}.featured-project-v3:nth-child(even) .featured-project-copy{grid-column:1;grid-row:1}.featured-project-media{display:block;height:min(68vw,820px);position:relative;overflow:hidden;background:#242220;clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,4% 100%,0 93%)}.featured-project-v3.feature-2 .featured-project-media,.featured-project-v3.feature-4 .featured-project-media{height:min(57vw,700px)}.featured-project-media .project-media,.featured-project-media img{width:100%;height:100%}.featured-project-media img{object-fit:cover;transition:transform 1s var(--ease),filter .5s}.featured-project-media:hover img{transform:scale(1.035);filter:contrast(1.04)}.featured-project-copy{padding-bottom:20px}.featured-project-copy .project-card-index{border-top:1px solid var(--light-line);padding-top:16px}.featured-project-copy h3{font-size:clamp(3.8rem,7vw,8.8rem);margin:18px 0 26px;line-height:.78}.featured-project-copy>p:not(.project-card-category){color:rgba(244,239,230,.62);max-width:560px}.featured-project-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0;border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line);padding:22px 0}.featured-project-meta div{display:grid;gap:7px}.featured-project-meta small{font-size:.48rem;letter-spacing:.13em;color:var(--gold)}.featured-project-meta span{font-size:.72rem;color:rgba(244,239,230,.64)}
.service-visual-v3{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.service-visual-v3>div:first-child{overflow:hidden}.service-visual-v3 img{width:100%;height:auto}.service-visual-v3 h2{margin:40px 0 30px}.service-visual-v3 p:last-child{color:var(--muted)}.analysis-hero-v3{width:100%;height:auto;display:block;margin-bottom:30px}.principles-v3>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.principles-v3 article{padding:24px 25px 20px 0;border-right:1px solid var(--line)}.principles-v3 article:not(:first-child){padding-left:25px}.principles-v3 article:last-child{border:0}.principles-v3 article>span{font:.58rem monospace;color:var(--red)}.principles-v3 h3{font-size:1.35rem;letter-spacing:-.03em;margin:48px 0 13px}.principles-v3 article p{font-size:.83rem;color:var(--muted)}.about-facts-v3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--light-line)}.about-facts-v3>div{display:grid;gap:12px;padding:24px 25px 0 0;border-right:1px solid var(--light-line)}.about-facts-v3>div:not(:first-child){padding-left:25px}.about-facts-v3>div:last-child{border:0}.about-facts-v3 small{font-size:.48rem;color:var(--gold);letter-spacing:.13em}.about-facts-v3 b{font-size:1rem}
.profile-summary-v3{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.profile-summary-v3 h2{margin:40px 0 0}.profile-summary-v3 .lead{font-size:1.35rem;color:var(--ink)}.profile-summary-v3>div:last-child>p:not(.lead),.profile-details-v3>p{color:var(--muted)}.career-map-v3>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--light-line)}.career-map-v3 a{padding:30px 28px 30px 0;border-right:1px solid var(--light-line);transition:background .3s,padding .3s}.career-map-v3 a:not(:first-child){padding-left:28px}.career-map-v3 a:last-child{border:0}.career-map-v3 a:hover{background:var(--red);padding-inline:28px}.career-map-v3 small{color:var(--gold);font-size:.5rem;letter-spacing:.13em}.career-map-v3 h3{font-size:clamp(2rem,3vw,4rem);margin:45px 0 20px}.career-map-v3 p{color:rgba(244,239,230,.55);font-size:.82rem}.career-map-v3 b{display:block;margin-top:35px;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.dark-tags span{color:var(--ink);border-color:var(--line)}.profile-details-v3>p{margin-top:40px;max-width:850px}
.case-provenance-v3{display:grid;grid-template-columns:25% 1fr;gap:5vw}.case-provenance-v3 h2{margin:0 0 30px}.case-provenance-v3>div>p{color:rgba(244,239,230,.58);max-width:750px}.case-approach-v3 ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.case-approach-v3 li{display:grid;grid-template-columns:90px 1fr;align-items:center;min-height:110px;border-bottom:1px solid var(--line)}.case-approach-v3 li span{font:.58rem monospace;color:var(--red)}.case-approach-v3 li p{font-size:clamp(1.2rem,2vw,2.2rem);letter-spacing:-.04em;margin:0;max-width:930px}.case-decisions-grid-v3>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.case-decisions-grid-v3 article{min-height:300px;padding:24px 28px 20px 0;border-right:1px solid var(--line)}.case-decisions-grid-v3 article:not(:first-child){padding-left:28px}.case-decisions-grid-v3 article:last-child{border:0}.case-decisions-grid-v3 article>span{font:.58rem monospace;color:var(--red)}.case-decisions-grid-v3 h3{font-size:clamp(1.7rem,2.8vw,3rem);margin:65px 0 20px}.case-decisions-grid-v3 article p{color:var(--muted)}.case-output-v3{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.case-output-v3>div:first-child{border-right:1px solid var(--light-line);padding-right:8vw}.case-output-v3 h2{margin:45px 0}.case-output-v3 ul{list-style:none;padding:0}.case-output-v3 li{padding:12px 0;border-bottom:1px solid var(--light-line);color:rgba(244,239,230,.66)}.next-project-v3{padding:80px var(--gutter);background:var(--paper-2)}.next-project-v3>p{font-size:.55rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red)}.next-project-v3>a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;font:600 clamp(4rem,8vw,9rem)/.85 var(--display);letter-spacing:-.075em}.next-project-v3>a b{width:clamp(70px,8vw,110px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:2.2rem;font-weight:400;transition:transform .4s}.next-project-v3>a:hover b{transform:rotate(45deg)}
.editorial-note-v3{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);max-width:700px;color:var(--muted);font-size:.78rem}
.site-header-v3{height:84px;padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:400;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--paper);background:linear-gradient(180deg,rgba(6,6,6,.92),rgba(6,6,6,.68));border-bottom:1px solid rgba(244,239,230,.12);backdrop-filter:blur(22px);transition:height .35s var(--ease),background .35s}.site-header-v3.scrolled{height:68px;background:rgba(6,6,6,.96)}.nav-pill-v3{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(244,239,230,.15);border-radius:999px;background:rgba(255,255,255,.035)}.nav-pill-v3 a{padding:10px 14px;border-radius:999px;text-transform:uppercase;font:700 .52rem/1 var(--display);letter-spacing:.12em;color:rgba(244,239,230,.62);transition:background .25s,color .25s}.nav-pill-v3 a:hover,.nav-pill-v3 a.active{background:var(--paper);color:var(--ink)}.header-actions-v3{justify-self:end;display:flex;align-items:center;gap:10px}.header-contact-v3{display:flex;align-items:center;gap:15px;text-transform:uppercase;font:700 .53rem/1 var(--display);letter-spacing:.11em}.header-contact-v3 span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);transition:transform .35s}.header-contact-v3:hover span{transform:rotate(45deg)}.menu-trigger-v3{height:44px;min-width:98px;border:1px solid rgba(244,239,230,.24);border-radius:999px;background:transparent;color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:5px 6px 5px 15px;text-transform:uppercase;font:700 .52rem/1 var(--display);letter-spacing:.12em;transition:background .3s,color .3s}.menu-trigger-v3>b{width:32px;height:32px;border-radius:50%;background:rgba(244,239,230,.1);position:relative}.menu-trigger-v3 i{position:absolute;width:13px;height:1px;left:9px;top:13px;background:currentColor;transition:transform .35s,top .35s}.menu-trigger-v3 i:last-child{top:18px}.menu-trigger-v3.active{background:var(--gold);color:var(--ink);border-color:var(--gold)}.menu-trigger-v3.active i:first-child{top:15.5px;transform:rotate(45deg)}.menu-trigger-v3.active i:last-child{top:15.5px;transform:rotate(-45deg)}
.menu-v3{position:fixed;inset:0;z-index:350;background:#070707;color:var(--paper);padding:124px var(--gutter) 26px;display:grid;grid-template-columns:minmax(260px,32%) 1fr;grid-template-rows:1fr auto;gap:6vw;overflow:auto;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .75s var(--ease),visibility .75s}.menu-v3.open{transform:none;visibility:visible;pointer-events:auto}.menu-v3:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,black,transparent 78%)}.menu-v3>*{position:relative}.menu-v3-orbit{position:absolute;right:-9vw;top:10vh;width:38vw;aspect-ratio:1;border:1px solid rgba(184,138,50,.16);border-radius:50%;opacity:.55;animation:orbit-v3 28s linear infinite}.menu-v3-orbit:before,.menu-v3-orbit:after{content:"";position:absolute;inset:17%;border:1px solid rgba(184,138,50,.18);border-radius:50%}.menu-v3-orbit:after{inset:35%;background:rgba(152,22,26,.2)}.menu-v3-orbit span{position:absolute;font-size:.42rem;letter-spacing:.16em;color:var(--gold)}.menu-v3-orbit span:nth-child(1){left:0;top:50%}.menu-v3-orbit span:nth-child(2){right:18%;top:2%}.menu-v3-orbit span:nth-child(3){right:0;bottom:28%}@keyframes orbit-v3{to{transform:rotate(360deg)}}.menu-v3-aside{padding-right:4vw;border-right:1px solid var(--light-line);display:flex;flex-direction:column}.menu-v3-aside>small{font-size:.48rem;letter-spacing:.14em;color:var(--gold)}.menu-v3-aside h2{font-size:clamp(2.5rem,4vw,5rem);margin:46px 0 24px}.menu-v3-aside p{font-size:.8rem;color:rgba(244,239,230,.46);max-width:330px}.menu-v3-aside>div{display:grid;gap:9px;margin-top:auto}.menu-v3-aside>div a{font-size:.62rem;color:rgba(244,239,230,.55);border-bottom:1px solid var(--light-line);padding:10px 0;transition:color .2s,padding .2s}.menu-v3-aside>div a:hover{color:var(--gold);padding-left:8px}.menu-v3-nav{display:grid;align-content:center}.menu-v3-nav>a{display:grid;grid-template-columns:52px 1fr 34px;align-items:center;border-bottom:1px solid var(--light-line);padding:8px 0;transition:padding .35s var(--ease),background .35s,color .35s}.menu-v3-nav>a:first-child{border-top:1px solid var(--light-line)}.menu-v3-nav>a:hover,.menu-v3-nav>a.current{padding-inline:20px;background:var(--red)}.menu-v3-nav small{font:.5rem monospace;color:var(--gold)}.menu-v3-nav span{font:560 clamp(2.2rem,4.2vw,5.2rem)/.9 var(--display);letter-spacing:-.065em}.menu-v3-nav b{font-weight:400}.menu-v3-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--light-line);padding-top:20px;font-size:.64rem;color:rgba(244,239,230,.54)}.menu-v3-footer>span{display:flex;gap:9px;align-items:center}.menu-v3-footer i{width:7px;height:7px;background:#76d67e;border-radius:50%}.menu-v3-footer button{border:0;background:transparent;color:inherit;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}
.showcase-v4{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(320px,.52fr);position:relative}.showcase-v4-stage{height:min(64vw,760px);position:relative;overflow:hidden;background:#171615}.showcase-v4-image{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .8s var(--ease),transform 1.1s var(--ease);pointer-events:none}.showcase-v4-image.active{opacity:1;transform:scale(1)}.showcase-v4-image img{object-fit:cover}.showcase-v4-counter{position:absolute;left:24px;bottom:22px;z-index:4;background:rgba(7,7,7,.76);border:1px solid var(--light-line);padding:10px 13px;display:flex;align-items:center;gap:10px;font:.58rem monospace}.showcase-v4-counter i{width:42px;height:1px;background:var(--gold)}.showcase-v4-counter b{font-weight:400;color:rgba(244,239,230,.45)}.showcase-v4-status{position:absolute;right:20px;top:18px;z-index:4;background:var(--red);padding:8px 10px;text-transform:uppercase;font-size:.48rem;letter-spacing:.12em}.showcase-v4-panel{background:var(--paper);color:var(--ink);padding:clamp(30px,4vw,65px);display:flex;flex-direction:column}.showcase-v4-panel h3{font-size:clamp(3.2rem,5vw,6.6rem);margin:20px 0 28px}.showcase-v4-panel>p:not(.project-card-category){color:var(--muted)}.showcase-v4-meta{display:grid;gap:8px;margin-top:auto;padding:30px 0;border-top:1px solid var(--line)}.showcase-v4-meta small{font-size:.48rem;letter-spacing:.13em;color:var(--red)}.showcase-v4-meta span{font-size:.75rem}.showcase-v4-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.showcase-v4-actions>a:last-child{font-size:.57rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor}.showcase-v4-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--light-line)}.showcase-v4-tabs button{position:relative;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:23px 20px;border:0;border-right:1px solid var(--light-line);background:transparent;color:rgba(244,239,230,.47);text-align:left;overflow:hidden;transition:background .25s,color .25s}.showcase-v4-tabs button:last-child{border-right:0}.showcase-v4-tabs button.active,.showcase-v4-tabs button:hover{background:rgba(255,255,255,.055);color:var(--paper)}.showcase-v4-tabs small{font:.52rem monospace;color:var(--gold)}.showcase-v4-tabs span{font:650 1rem/1.1 var(--display)}.showcase-v4-tabs b{font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}.showcase-v4-tabs i{position:absolute;left:0;bottom:0;width:100%;height:2px}.showcase-v4-tabs i em{display:block;width:0;height:100%;background:var(--gold)}.showcase-v4-tabs button.active i em{animation:tab-progress-v4 7s linear both}@keyframes tab-progress-v4{to{width:100%}}.showcase-v4-mobile-controls{display:none}
.technical-stack-v4{overflow:hidden}.skill-groups-v4{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.skill-groups-v4 article{padding:28px 34px 30px 0;border-right:1px solid var(--line)}.skill-groups-v4 article:not(:first-child){padding-left:34px}.skill-groups-v4 article:last-child{border:0}.skill-groups-v4 article>div>span{font:.58rem monospace;color:var(--red)}.skill-groups-v4 article>div>small{margin-left:16px;font-size:.5rem;letter-spacing:.13em;color:var(--muted)}.skill-groups-v4 h3{font-size:clamp(1.8rem,3vw,3.6rem);margin:48px 0 30px}.skill-groups-v4 ul{list-style:none;padding:0;margin:0}.skill-groups-v4 li{position:relative;padding:11px 0;border-bottom:1px solid var(--line);font-size:.77rem}.skill-groups-v4 li i{position:absolute;right:0;top:50%;width:7px;height:7px;border-radius:50%;background:var(--red)}.skill-groups-v4 article:nth-child(2) li i{background:var(--gold)}.skill-groups-v4 article:nth-child(3) li i{background:var(--muted)}.tool-ribbon-v4{display:flex;gap:10px;flex-wrap:wrap;margin-top:65px;padding-top:30px;border-top:1px solid var(--line)}.tool-ribbon-v4 span{border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:.64rem;background:rgba(255,255,255,.22)}
.footer-v3{background:#060606;color:var(--paper);position:relative;overflow:hidden}.footer-v3:before{content:"VK";position:absolute;right:-.04em;bottom:-.22em;font:700 34vw/1 var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.018);pointer-events:none}.footer-v3-signal{height:46px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--light-line);font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,230,.45)}.footer-v3-signal p{margin:0}.footer-v3-signal span{color:var(--gold)}.footer-v3-cta{padding:clamp(85px,10vw,160px) var(--gutter);display:grid;grid-template-columns:1fr auto;align-items:end;gap:6vw;border-bottom:1px solid var(--light-line)}.footer-v3-cta h2{font-size:clamp(4rem,8vw,10rem);margin:45px 0 0}.footer-v3-cta h2 em{color:var(--gold)}.footer-v3-cta>a{width:clamp(150px,16vw,240px);aspect-ratio:1;border-radius:50%;background:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-transform:uppercase;font-size:.55rem;letter-spacing:.12em;transition:transform .5s var(--ease),background .3s}.footer-v3-cta>a b{font-size:2.2rem;font-weight:300}.footer-v3-cta>a:hover{transform:rotate(5deg) scale(1.04);background:var(--gold);color:var(--ink)}.footer-v3-grid{position:relative;padding:70px var(--gutter);display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:6vw;border-bottom:1px solid var(--light-line)}.footer-v3-brand p{font-size:.75rem;color:rgba(244,239,230,.43);max-width:330px;margin:26px 0}.footer-v3-brand>a:last-child{font-size:.7rem;border-bottom:1px solid var(--gold);padding-bottom:5px}.footer-v3-grid nav{display:grid;align-content:start;gap:10px}.footer-v3-grid small{font-size:.48rem;letter-spacing:.13em;color:var(--gold);margin-bottom:14px}.footer-v3-grid nav a{font-size:.72rem;color:rgba(244,239,230,.58);transition:color .2s,padding .2s}.footer-v3-grid nav a:hover{color:#fff;padding-left:5px}.footer-v3-status{display:grid;align-content:start;gap:9px}.footer-v3-status b{font-size:.75rem;display:flex;align-items:center;gap:10px}.footer-v3-status i{width:7px;height:7px;border-radius:50%;background:#76d67e}.footer-v3-status span{font-size:.68rem;color:rgba(244,239,230,.4)}.footer-v3-bottom{position:relative;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;font:.55rem monospace;color:rgba(244,239,230,.38)}.footer-v3-bottom a{display:flex;gap:10px;align-items:center}.footer-v3-bottom a b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink)}
@media(max-width:1050px){.site-header-v3{grid-template-columns:1fr auto}.nav-pill-v3{display:none}.menu-v3{grid-template-columns:minmax(235px,35%) 1fr;gap:4vw}.showcase-v4{grid-template-columns:1fr}.showcase-v4-stage{height:min(73vw,720px)}.showcase-v4-panel{min-height:440px}.skill-groups-v4 article{padding-right:20px}.skill-groups-v4 article:not(:first-child){padding-left:20px}.footer-v3-grid{grid-template-columns:1.4fr .7fr .7fr;gap:5vw}.footer-v3-status{grid-column:1/-1;border-top:1px solid var(--light-line);padding-top:28px;grid-template-columns:auto 1fr 1fr;align-items:center}.footer-v3-status small{margin:0}}
@media(max-width:720px){.site-header-v3,.site-header-v3.scrolled{height:68px}.header-contact-v3{display:none}.menu-trigger-v3{height:42px;min-width:94px}.menu-v3{padding:94px var(--gutter) 20px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;gap:26px}.menu-v3-aside{display:none}.menu-v3-orbit{width:90vw;right:-42vw;top:20vh}.menu-v3-nav{align-content:start}.menu-v3-nav>a{grid-template-columns:36px 1fr 24px;padding:8px 0}.menu-v3-nav>a:hover,.menu-v3-nav>a.current{padding-inline:12px}.menu-v3-nav span{font-size:clamp(2.35rem,11vw,3.25rem)}.menu-v3-footer{grid-column:auto;display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding-top:15px}.menu-v3-footer>span{grid-column:1/-1}.menu-v3-footer button{justify-self:end}.showcase-v4-stage{height:clamp(360px,94vw,520px)}.showcase-v4-panel{min-height:470px;padding:35px 24px}.showcase-v4-panel h3{font-size:clamp(3.4rem,16vw,5.3rem)}.showcase-v4-tabs{display:none}.showcase-v4-mobile-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--light-line);padding:16px 0}.showcase-v4-mobile-controls button{width:48px;height:48px;border:1px solid var(--light-line);border-radius:50%;background:transparent;color:var(--paper)}.showcase-v4-mobile-controls span{font:.58rem monospace;color:rgba(244,239,230,.52)}.skill-groups-v4{grid-template-columns:1fr}.skill-groups-v4 article,.skill-groups-v4 article:not(:first-child){padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.skill-groups-v4 article:last-child{border-bottom:0}.skill-groups-v4 h3{margin:28px 0 20px}.tool-ribbon-v4{margin-top:38px}.footer-v3-signal{justify-content:flex-end}.footer-v3-signal p{display:none}.footer-v3-cta{grid-template-columns:1fr;align-items:start;gap:48px;padding-block:85px}.footer-v3-cta h2{font-size:clamp(3.8rem,17vw,5.6rem)}.footer-v3-cta>a{width:100%;height:72px;aspect-ratio:auto;border-radius:999px;flex-direction:row;gap:22px}.footer-v3-grid{grid-template-columns:1fr 1fr;padding-block:55px;gap:48px 28px}.footer-v3-brand{grid-column:1/-1}.footer-v3-status{grid-column:1/-1;grid-template-columns:1fr;padding-top:24px}.footer-v3-bottom{flex-wrap:wrap;gap:12px 22px}.footer-v3-bottom>span:nth-child(2){display:none}}
/* Premium motion and responsive art-direction system */
.responsive-picture{display:block;width:100%;height:100%;overflow:hidden}.responsive-picture img{width:100%;height:100%;object-fit:cover}
body.ready [data-reveal]:not(.shown),body.ready [data-mask-reveal]:not(.shown){opacity:0;transform:translateY(42px)}body.ready [data-reveal].shown{animation:none;opacity:1;transform:none}body.ready [data-mask-reveal]{clip-path:inset(0 0 100% 0);transform:none;transition:clip-path 1.1s var(--ease) var(--delay,0ms),opacity .7s var(--ease)}body.ready [data-mask-reveal].shown{opacity:1;clip-path:inset(0)}
.section-v2{position:relative}.section-v2:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:currentColor;opacity:.08;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}.section-v2:has(.shown):after{transform:scaleX(1)}
.hero-v5{min-height:100svh;background:#070707;color:var(--paper);display:grid;grid-template-columns:55% 45%;position:relative;overflow:hidden;padding-top:84px}.hero-v5-media{position:relative;min-height:calc(100svh - 84px);overflow:hidden;border-right:1px solid rgba(244,239,230,.13);background:#111}.hero-v5-media>img{object-fit:cover;filter:saturate(.72) contrast(1.08);transform:scale(1.06);animation:hero-image-settle 1.8s var(--ease) .25s both}.hero-v5-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.02),rgba(7,7,7,.4)),linear-gradient(0deg,rgba(7,7,7,.62),transparent 45%)}@keyframes hero-image-settle{to{transform:scale(1)}}.hero-v5-portrait{position:absolute;z-index:3;left:9%;bottom:0;width:45%;height:79%;overflow:hidden;border:1px solid rgba(184,138,50,.66);border-radius:48% 48% 0 0;background:#242220;box-shadow:30px 0 100px rgba(0,0,0,.32)}.hero-v5-portrait img{object-fit:cover;object-position:center 12%;filter:saturate(.78) contrast(1.03)}.hero-v5-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(244,239,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,230,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black)}.hero-v5-coordinate{position:absolute;z-index:5;font:.48rem/1 monospace;letter-spacing:.12em;color:rgba(244,239,230,.58)}.hero-v5-coordinate.top{top:24px;left:26px}.hero-v5-coordinate.bottom{right:26px;bottom:25px}.hero-v5-orbit{position:absolute;z-index:4;right:-7vw;top:13%;width:31vw;aspect-ratio:1;border:1px solid rgba(184,138,50,.28);border-radius:50%;animation:hero-orbit 32s linear infinite}.hero-v5-orbit i{position:absolute;border:1px solid rgba(184,138,50,.18);border-radius:50%;inset:16%}.hero-v5-orbit i:nth-child(2){inset:33%}.hero-v5-orbit i:nth-child(3){inset:49%;background:var(--red)}@keyframes hero-orbit{to{transform:rotate(360deg)}}.hero-v5-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,135px) var(--gutter) 90px;z-index:4}.hero-v5-copy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(152,22,26,.2),transparent 36%);pointer-events:none}.hero-v5-copy>*{position:relative}.hero-v5-title{font-size:clamp(4.2rem,6.7vw,8.5rem);font-weight:610;line-height:.78;margin:45px 0 0}.hero-v5-title em{display:block;color:var(--gold);margin-top:.12em}.hero-v5-summary{max-width:590px;margin:42px 0 0;color:rgba(244,239,230,.62);font-size:clamp(1rem,1.1vw,1.18rem)}.hero-v5-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.hero-v5-proof{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:45px;padding-top:20px;border-top:1px solid var(--light-line);font-size:.63rem;color:rgba(244,239,230,.47)}.hero-v5-proof p{display:flex;align-items:center;gap:10px;margin:0}.hero-v5-proof i{width:7px;height:7px;border-radius:50%;background:#76d67e;box-shadow:0 0 0 5px rgba(118,214,126,.1)}.hero-v5-metadata{position:absolute!important;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;gap:22px;font:.44rem/1 monospace;letter-spacing:.12em;color:rgba(244,239,230,.26)}.hero-v5-scroll{position:absolute;z-index:8;left:calc(55% - 29px);bottom:20px;width:58px;height:128px;background:var(--gold);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.hero-v5-scroll span{font:700 .46rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl}.hero-v5-scroll i{font-style:normal}.hero-v5-curtain{position:absolute;z-index:20;inset:0;background:var(--red-dark);pointer-events:none;animation:hero-curtain 1.15s var(--ease) .08s both}@keyframes hero-curtain{to{transform:translateY(-101%)}}
.site-menu-details{position:relative;z-index:450}.site-menu-details>summary{position:fixed;right:var(--gutter);top:20px;z-index:451;list-style:none}.site-menu-details>summary::-webkit-details-marker{display:none}.menu-label-close{display:none}.site-menu-details[open] .menu-label-open{display:none}.site-menu-details[open] .menu-label-close{display:inline}.site-menu-details[open] .menu-trigger-v3{background:var(--gold);color:var(--ink);border-color:var(--gold)}.site-menu-details[open] .menu-trigger-v3 i:first-child{top:15.5px;transform:rotate(45deg)}.site-menu-details[open] .menu-trigger-v3 i:last-child{top:15.5px;transform:rotate(-45deg)}.site-header-v3 .header-actions-v3{padding-right:108px}.menu-v3{clip-path:inset(0 0 100% 0);transform:none;transition:clip-path .75s var(--ease),visibility .75s}.site-menu-details[open] .menu-v3{clip-path:inset(0);visibility:visible;pointer-events:auto}.menu-v3-nav>a{opacity:0;transform:translateY(28px);transition:opacity .45s var(--ease),transform .55s var(--ease),padding .35s var(--ease),background .35s,color .35s}.site-menu-details[open] .menu-v3-nav>a{opacity:1;transform:none;transition-delay:calc(var(--menu-index) * 55ms + 180ms),calc(var(--menu-index) * 55ms + 180ms),0ms,0ms,0ms}.site-header-v3 .brand-v2,.nav-pill-v3 a,.header-contact-v3,.menu-trigger-v3{position:relative;z-index:2}.site-header-v3 a{pointer-events:auto}.site-header-v3.scrolled{box-shadow:0 12px 38px rgba(0,0,0,.2)}
.project-card-media,.showcase-v4-stage,.service-visual-v3>div:first-child,.consulting-art>div:first-child,.about-preview-image,.about-story-photo,.case-media-v2{isolation:isolate}.project-card-media:after,.showcase-v4-stage:after,.service-visual-v3>div:first-child:after,.consulting-art>div:first-child:after{content:"";position:absolute;inset:0;border:1px solid rgba(184,138,50,.18);pointer-events:none}.project-card-media img,.showcase-v4-image img,.service-visual-v3 img,.consulting-art img,.about-preview-image img,.about-story-photo img{transition:transform 1.1s var(--ease),filter .65s var(--ease)}.project-card-media:hover img,.service-visual-v3>div:first-child:hover img,.consulting-art>div:first-child:hover img{transform:scale(1.035);filter:saturate(.85) contrast(1.04)}
.page-hero-v2{overflow:hidden}.page-hero-v2:after{content:"VK / DIGITAL SYSTEMS";position:absolute;right:6vw;top:50%;font:700 clamp(5rem,13vw,15rem)/1 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.018);transform:translateY(-50%);white-space:nowrap}.page-hero-v2 h1{position:relative;z-index:2}.page-hero-ruler{animation:ruler-draw 1.2s var(--ease) .3s both;transform-origin:top}@keyframes ruler-draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.about-story{align-items:start}.about-story-photo{position:sticky;top:105px}.about-story>div:last-child{padding-block:9vh}.about-story>div:last-child p{transition:opacity .5s,transform .6s}.offer-v2{transition:background .5s,padding .5s var(--ease)}.offer-v2:hover{background:rgba(184,138,50,.065);padding-inline:30px}.case-media-v2 .responsive-picture img{object-position:center}.projects-grid-v2 .responsive-picture img{object-position:center}
.footer-v3-signal{position:relative;overflow:hidden}.footer-v3-signal p{animation:footer-drift 18s linear infinite}@keyframes footer-drift{50%{transform:translateX(30px)}}.footer-v3-cta>a{box-shadow:0 0 0 0 rgba(184,138,50,.2);animation:footer-pulse 3.5s ease-in-out infinite}@keyframes footer-pulse{50%{box-shadow:0 0 0 20px rgba(184,138,50,0)}}.footer-v3-grid nav a:before{content:"";display:inline-block;width:0;opacity:0;color:var(--gold);transition:width .25s,opacity .25s}.footer-v3-grid nav a:hover:before{width:17px;opacity:1}.footer-v3-bottom a b{transition:transform .35s}.footer-v3-bottom a:hover b{transform:translateY(-4px)}
@media(max-width:1050px){.hero-v5{grid-template-columns:1fr;grid-template-rows:minmax(620px,72svh) auto;padding-top:68px}.hero-v5-media{min-height:0;border-right:0;border-bottom:1px solid var(--light-line)}.hero-v5-copy{padding-block:85px 120px}.hero-v5-title{font-size:clamp(4.8rem,11vw,8rem);max-width:900px}.hero-v5-portrait{width:38%;height:83%}.hero-v5-orbit{width:54vw}.hero-v5-scroll{left:auto;right:var(--gutter);bottom:0}.hero-v5-metadata{bottom:36px}.page-hero-v2{min-height:68svh}.about-story-photo{position:relative;top:auto}}
@media(max-width:720px){.site-menu-details>summary{top:13px}.site-header-v3 .header-actions-v3{padding-right:0}.hero-v5{grid-template-rows:auto auto;min-height:auto}.hero-v5-media{height:70svh;min-height:520px;max-height:680px}.hero-v5-media>img{object-position:60% center}.hero-v5-portrait{left:11%;width:68%;height:76%}.hero-v5-orbit{width:95vw;right:-54vw;top:18%}.hero-v5-coordinate.bottom{display:none}.hero-v5-copy{padding:68px var(--gutter) 122px}.hero-v5-title{font-size:clamp(3.7rem,17vw,5.6rem);margin-top:30px}.hero-v5-summary{margin-top:30px}.hero-v5-actions{align-items:flex-start;flex-direction:column}.hero-v5-proof{align-items:flex-start;flex-direction:column}.hero-v5-metadata{display:grid;gap:8px}.hero-v5-scroll{right:20px;width:50px;height:105px}.page-hero-v2:after{font-size:30vw}.about-story-photo,.about-preview-image{height:min(135vw,610px)}.case-media-v2{height:auto;min-height:0;padding-inline:0}.case-media-v2>.project-media{aspect-ratio:4/5}.case-media-v2 .responsive-picture img{object-position:center}.projects-grid-v2 .project-card-media{height:auto;aspect-ratio:4/5}.showcase-v4-image img{object-position:center}.footer-v3-signal p{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal],[data-mask-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}.hero-v5-curtain{display:none}}

/* Refined editorial scale and resilient responsive hero photography */
:root{--h1:clamp(3.5rem,6.6vw,8rem);--h2:clamp(2.6rem,4.7vw,5.7rem);--h3:clamp(1.55rem,2.4vw,2.9rem)}
.hero-v5-photo{position:absolute;inset:0;display:block}.hero-v5-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.02);transform:scale(1.035);animation:hero-image-settle 1.8s var(--ease) .25s both}.hero-v5-title{font-size:clamp(3.45rem,4.8vw,6.2rem);line-height:.84;margin-top:38px}.case-hero-v2 h1{font-size:clamp(4rem,8.5vw,10rem);line-height:.78}.next-project-v3>a{font-size:clamp(3.2rem,6vw,7rem);line-height:.88}.footer-v3-cta h2{font-size:clamp(3.4rem,6vw,7.5rem)}.showcase-v4-panel h3{font-size:clamp(2.8rem,4.1vw,5.2rem)}
@media(max-width:1050px){.hero-v5-title{font-size:clamp(3.8rem,8.6vw,6.5rem)}}
@media(max-width:720px){.hero-v5-photo img{object-position:42% center}.hero-v5-title{font-size:clamp(3.1rem,13.5vw,4.6rem)}.footer-v3-cta h2{font-size:clamp(3.1rem,13vw,4.7rem)}.showcase-v4-panel h3{font-size:clamp(3rem,13vw,4.5rem)}}

/* Core media never depends on JavaScript or scroll state for visibility. */
.hero-v5-media,.service-visual-v3>div:first-child,.consulting-art>div:first-child,.about-story-photo{opacity:1!important;transform:none!important;clip-path:none!important}.service-visual-v3>div:first-child>img,.consulting-art>div:first-child>img,.about-story-photo>img{display:block;width:100%;height:100%;object-fit:cover}.service-visual-v3>div:first-child>img,.consulting-art>div:first-child>img{aspect-ratio:3/2}.about-story-photo>img{object-position:center 28%}

/* Editorial footer with a tactile newsletter and larger, accessible type. */
.footer-v4{position:relative;overflow:hidden;background:#060606;color:var(--paper)}.footer-v4:before{content:"VK";position:absolute;right:-.035em;bottom:-.17em;font:700 35vw/1 var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.018);pointer-events:none}.footer-v4>*{position:relative}.footer-v4-signal{min-height:58px;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--light-line);font:700 .65rem/1.4 var(--display);letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,230,.55)}.footer-v4-signal p{display:flex;align-items:center;gap:12px;margin:0;color:var(--paper)}.footer-v4-signal i,.footer-v4-status i{width:8px;height:8px;border-radius:50%;background:#76d67e;box-shadow:0 0 0 0 rgba(118,214,126,.35);animation:footer-status-v4 2.4s ease-out infinite}@keyframes footer-status-v4{55%,100%{box-shadow:0 0 0 8px rgba(118,214,126,0)}}.footer-v4-newsletter{margin:clamp(26px,3.7vw,64px) var(--gutter);display:grid;grid-template-columns:55% 45%;overflow:hidden;border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px rgba(0,0,0,.24)}.footer-v4-newsletter-copy,.footer-v4-newsletter-action{padding:clamp(42px,5vw,84px)}.footer-v4-newsletter-copy{position:relative;border-right:1px solid var(--line);background:radial-gradient(circle at 8% 100%,rgba(184,138,50,.25),transparent 35%),var(--paper)}.footer-v4-newsletter-copy:after{content:"";position:absolute;right:28px;top:28px;width:68px;aspect-ratio:1;border:1px solid rgba(152,22,26,.24);border-radius:50%;background:radial-gradient(circle,var(--red) 0 9%,transparent 10%)}.footer-v4-kicker{display:flex;gap:14px;align-items:center;margin:0;text-transform:uppercase;font:750 .68rem/1.3 var(--display);letter-spacing:.14em}.footer-v4-kicker span{color:var(--red);font-family:monospace}.footer-v4-newsletter h2{max-width:820px;margin:clamp(52px,6vw,100px) 0 0;font-size:clamp(3.1rem,5.3vw,6.6rem);line-height:.87}.footer-v4-newsletter h2 em{color:var(--red)}.footer-v4-newsletter-action{display:flex;flex-direction:column;justify-content:space-between;gap:50px;background:#e8dece}.footer-v4-newsletter-action>p{max-width:510px;margin:0;font-size:clamp(1.08rem,1.25vw,1.28rem);line-height:1.55;color:#514b43}.newsletter-form-v4>label{display:block;margin-bottom:13px;text-transform:uppercase;font:750 .67rem/1 var(--display);letter-spacing:.13em}.newsletter-form-v4-row{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:66px;padding:6px;border:1px solid rgba(12,12,12,.32);border-radius:999px;background:rgba(255,255,255,.36);transition:border-color .3s,box-shadow .3s,background .3s}.newsletter-form-v4-row:focus-within{border-color:var(--red);background:rgba(255,255,255,.62);box-shadow:0 0 0 5px rgba(152,22,26,.09)}.newsletter-form-v4 input{min-width:0;width:100%;height:52px;padding:0 19px;border:0;background:transparent;font-size:1.05rem;outline:0}.newsletter-form-v4 input::placeholder{color:#777066}.newsletter-form-v4 button{height:52px;display:flex;align-items:center;gap:22px;padding:5px 6px 5px 22px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);text-transform:uppercase;font:750 .7rem/1 var(--display);letter-spacing:.1em;transition:transform .3s var(--ease),background .3s,color .3s}.newsletter-form-v4 button b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:1rem;font-weight:400;transition:transform .35s var(--ease)}.newsletter-form-v4 button:hover{transform:translateX(-3px);background:var(--red)}.newsletter-form-v4 button:hover b{transform:rotate(45deg)}.newsletter-form-v4 button:disabled{cursor:wait;opacity:.72}.newsletter-form-v4>p{min-height:2.6em;margin:13px 8px 0;color:#655e55;font-size:.78rem;line-height:1.45}.footer-v4-conversation{border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}.footer-v4-conversation>a{position:relative;display:grid;grid-template-columns:minmax(170px,21%) 1fr auto;align-items:end;gap:3vw;padding:clamp(70px,8vw,125px) var(--gutter);overflow:hidden;transition:color .45s var(--ease),padding .55s var(--ease)}.footer-v4-conversation>a:before{content:"";position:absolute;inset:0;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}.footer-v4-conversation>a>*{position:relative}.footer-v4-conversation>a>span{align-self:start;padding-top:.55em;text-transform:uppercase;font:750 .68rem/1.4 var(--display);letter-spacing:.13em;color:var(--gold);transition:color .35s}.footer-v4-conversation strong{font:580 clamp(3.5rem,6vw,7.5rem)/.82 var(--display);letter-spacing:-.075em}.footer-v4-conversation strong em{color:var(--gold)}.footer-v4-conversation>a>b{width:clamp(76px,8vw,118px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:clamp(1.8rem,2.5vw,3.1rem);font-weight:300;transition:transform .55s var(--ease),background .4s}.footer-v4-conversation>a:hover:before{transform:scaleY(1)}.footer-v4-conversation>a:hover>span{color:var(--paper)}.footer-v4-conversation>a:hover>b{transform:rotate(45deg) scale(1.06);background:var(--paper)}.footer-v4-grid{padding:clamp(58px,6vw,92px) var(--gutter);display:grid;grid-template-columns:minmax(260px,1.55fr) minmax(170px,.7fr) minmax(190px,.82fr) minmax(230px,1fr);gap:clamp(34px,5vw,86px);border-bottom:1px solid var(--light-line)}.footer-v4-brand p{max-width:420px;margin:28px 0;color:rgba(244,239,230,.57);font-size:1rem;line-height:1.65}.footer-v4-email{display:inline-flex;align-items:center;gap:14px;padding-bottom:7px;border-bottom:1px solid var(--gold);font-size:1.05rem}.footer-v4-email span{transition:transform .3s}.footer-v4-email:hover span{transform:translate(4px,-4px)}.footer-v4-grid nav{display:grid;align-content:start;gap:0}.footer-v4-grid small{display:block;margin-bottom:18px;color:var(--gold);font:750 .63rem/1.3 var(--display);letter-spacing:.14em}.footer-v4-grid nav a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(244,239,230,.1);color:rgba(244,239,230,.68);font-size:1rem;line-height:1.3;transition:color .25s,padding .35s var(--ease),border-color .25s}.footer-v4-grid nav a b{font-size:.85rem;font-weight:400;color:var(--gold);opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .35s var(--ease)}.footer-v4-grid nav a:hover{padding-left:8px;color:#fff;border-color:rgba(184,138,50,.5)}.footer-v4-grid nav a:hover b{opacity:1;transform:none}.footer-v4-status{display:grid;align-content:start;gap:12px}.footer-v4-status>b{display:flex;align-items:center;gap:12px;font-size:1rem;line-height:1.35}.footer-v4-status p{max-width:300px;margin:0;color:rgba(244,239,230,.48);font-size:.92rem;line-height:1.5}.footer-v4-bottom{min-height:68px;padding:14px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;color:rgba(244,239,230,.48);font:.68rem/1.4 monospace}.footer-v4-bottom a{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.08em}.footer-v4-bottom a b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:.9rem;transition:transform .35s var(--ease)}.footer-v4-bottom a:hover b{transform:translateY(-5px)}
@media(max-width:1050px){.footer-v4-newsletter{grid-template-columns:1fr}.footer-v4-newsletter-copy{border-right:0;border-bottom:1px solid var(--line)}.footer-v4-newsletter-copy,.footer-v4-newsletter-action{padding:clamp(40px,7vw,72px)}.footer-v4-newsletter h2{margin-top:70px}.footer-v4-grid{grid-template-columns:1.25fr .7fr .8fr}.footer-v4-status{grid-column:1/-1;padding-top:30px;border-top:1px solid var(--light-line);grid-template-columns:auto 1fr 1fr;align-items:start}.footer-v4-status small{grid-column:1/-1}}
@media(max-width:720px){.footer-v4-signal{min-height:64px;justify-content:flex-start;font-size:.6rem}.footer-v4-signal>span{display:none}.footer-v4-newsletter{margin:18px 14px;border-radius:22px}.footer-v4-newsletter-copy,.footer-v4-newsletter-action{padding:34px 26px}.footer-v4-newsletter-copy:after{right:22px;top:22px;width:50px}.footer-v4-newsletter h2{margin-top:62px;font-size:clamp(2.8rem,13vw,4.25rem)}.footer-v4-newsletter-action{gap:36px}.footer-v4-newsletter-action>p{font-size:1.06rem}.newsletter-form-v4-row{grid-template-columns:1fr;min-height:0;padding:5px;border-radius:22px}.newsletter-form-v4 input{height:56px;padding-inline:14px}.newsletter-form-v4 button{width:100%;height:54px;justify-content:space-between;padding-left:18px}.newsletter-form-v4>p{margin-inline:2px;font-size:.75rem}.footer-v4-conversation>a{grid-template-columns:1fr auto;align-items:end;gap:36px 18px;padding-block:72px}.footer-v4-conversation>a>span{grid-column:1/-1;padding:0}.footer-v4-conversation strong{font-size:clamp(2.8rem,13vw,4.35rem)}.footer-v4-conversation>a>b{width:68px}.footer-v4-grid{grid-template-columns:1fr 1fr;gap:52px 26px;padding-block:58px}.footer-v4-brand,.footer-v4-status{grid-column:1/-1}.footer-v4-brand p{font-size:.97rem}.footer-v4-grid nav a{font-size:.98rem}.footer-v4-status{grid-template-columns:1fr;gap:10px;padding-top:28px}.footer-v4-status small{grid-column:auto}.footer-v4-bottom{min-height:80px;flex-wrap:wrap;gap:10px 24px}.footer-v4-bottom>span:nth-child(2){display:none}}

/* KreativEdge-inspired editorial choreography, rebuilt for Van Kpa. */
[data-interactive]{--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg;position:relative;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .45s var(--ease),background .45s,color .35s,border-color .35s,box-shadow .45s;will-change:transform}[data-interactive]:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(184,138,50,.17),transparent 35%);opacity:0;transition:opacity .35s}[data-interactive]:hover:after{opacity:1}
.ke-what{display:grid;grid-template-columns:minmax(300px,34%) 1fr;gap:clamp(50px,8vw,150px);align-items:start}.ke-what-heading{position:sticky;top:120px}.ke-what-heading h2{font-size:clamp(2.8rem,4.4vw,5.5rem);margin:46px 0 30px}.ke-what-heading>p:last-of-type{max-width:500px;color:var(--muted)}.ke-what-heading>span{display:block;margin-top:80px;font:600 clamp(3rem,6vw,7rem)/1 monospace;color:rgba(152,22,26,.18)}.ke-what-list{border-top:1px solid var(--line)}.ke-what-card{display:grid;grid-template-columns:1fr minmax(230px,42%);gap:40px;min-height:470px;padding:42px 0;border-bottom:1px solid var(--line);overflow:hidden}.ke-what-copy>span{font:.68rem monospace;color:var(--red)}.ke-what-copy>small{display:block;margin:20px 0 55px;text-transform:uppercase;font-size:.58rem;letter-spacing:.14em;color:var(--muted)}.ke-what-copy h3{margin:0 0 20px;font-size:clamp(2.1rem,3vw,3.8rem)}.ke-what-copy>p{max-width:530px;color:var(--muted)}.ke-what-copy ul{list-style:none;margin:32px 0 0;padding:0}.ke-what-copy li{padding:10px 0;border-bottom:1px solid var(--line);font-size:.85rem}.ke-what-media{position:relative;overflow:hidden;min-height:380px;background:var(--charcoal)}.ke-what-media img{object-fit:cover;filter:saturate(.8);transition:transform .9s var(--ease),filter .5s}.ke-what-media>b{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;align-items:center;gap:20px;padding:8px 8px 8px 18px;border-radius:999px;background:var(--paper);text-transform:uppercase;font-size:.62rem;letter-spacing:.1em}.ke-what-media b i{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--gold);font-style:normal;transition:transform .35s}.ke-what-card:hover .ke-what-media img{transform:scale(1.055);filter:saturate(1)}.ke-what-card:hover .ke-what-media b i{transform:rotate(45deg)}
.ke-why{overflow:hidden}.ke-why-heading{display:grid;grid-template-columns:25% 1fr;margin-bottom:80px}.ke-why-heading h2{max-width:1000px;margin:0}.ke-why-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,130px);align-items:center}.ke-why-collage{height:720px;position:relative}.ke-why-image{position:absolute;overflow:hidden;background:var(--charcoal);box-shadow:0 30px 80px rgba(50,32,18,.2)}.ke-why-image img{object-fit:cover;transition:transform .8s var(--ease)}.ke-why-image:hover img{transform:scale(1.04)}.ke-why-image.main{left:7%;top:0;width:62%;height:78%;z-index:2}.ke-why-image.detail.one{right:0;top:17%;width:39%;height:35%;z-index:3}.ke-why-image.detail.two{right:10%;bottom:1%;width:43%;height:34%;z-index:4;border:8px solid var(--paper-2)}.ke-why-orbit{position:absolute;left:0;bottom:10%;width:165px;aspect-ratio:1;border-radius:50%;border:1px solid var(--red);display:grid;place-items:center;padding:25px;text-align:left;font:700 .52rem/1.6 var(--display);letter-spacing:.13em;color:var(--red);animation:why-orbit-spin 18s linear infinite}@keyframes why-orbit-spin{to{transform:rotate(360deg)}}.ke-why-points{border-top:1px solid var(--line)}.ke-why-points article{display:grid;grid-template-columns:44px 1fr 42px;gap:24px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line)}.ke-why-points article>span{font:.62rem monospace;color:var(--red)}.ke-why-points h3{font-size:clamp(1.35rem,2vw,2.35rem);margin:0 0 12px}.ke-why-points p{margin:0;color:var(--muted);font-size:.91rem}.ke-why-points article>b{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-weight:400;transition:background .35s,transform .35s}.ke-why-points article:hover>b{background:var(--red);color:#fff;transform:rotate(45deg)}
.ke-evidence .evidence-list>div{grid-template-columns:50px 1fr 38px;padding-block:28px;overflow:hidden}.ke-evidence .evidence-list>div>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-style:normal;opacity:0;transform:translateX(-12px);transition:opacity .3s,transform .4s}.ke-evidence .evidence-list>div:hover{background:var(--paper-2);padding-inline:18px}.ke-evidence .evidence-list>div:hover>i{opacity:1;transform:none}.process-grid-v2 article{overflow:hidden}.process-grid-v2 article>b,.client-input article>b{position:absolute;right:20px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:400;opacity:0;transform:translateY(12px) rotate(0);transition:opacity .35s,transform .45s var(--ease)}.process-grid-v2 article:hover,.client-input article:hover{background:var(--ink);color:var(--paper);padding-inline:24px}.process-grid-v2 article:hover p,.client-input article:hover p{color:rgba(244,239,230,.58)}.process-grid-v2 article:hover>b,.client-input article:hover>b{opacity:1;transform:none rotate(45deg)}
.ke-service-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,8vw,140px);align-items:center}.ke-service-intro-media{min-height:670px;overflow:hidden}.ke-service-intro-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform 1s var(--ease)}.ke-service-intro-media:hover img{transform:scale(1.04)}.ke-service-intro-media>span{position:absolute;right:24px;bottom:24px;z-index:6;display:grid;padding:20px 24px;background:var(--paper);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.ke-service-intro-media>span b{font:600 3rem/1 var(--display);color:var(--red)}.ke-service-intro h2{margin:44px 0 30px}.ke-service-intro>div:last-child>p{color:var(--muted);max-width:620px}.ke-service-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}.ke-service-chips span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;font-size:.65rem}.ke-service-row{border-top:1px solid var(--line)}.ke-service-row:last-child{border-bottom:1px solid var(--line)}.ke-service-row>summary{list-style:none;display:grid;grid-template-columns:55px minmax(220px,1fr) minmax(280px,.7fr) 66px;align-items:center;gap:30px;min-height:190px;padding:30px 0;cursor:pointer;transition:padding .45s var(--ease),background .4s}.ke-service-row>summary::-webkit-details-marker{display:none}.ke-service-row>summary>span{font:.68rem monospace;color:var(--red)}.ke-service-row>summary small{font-size:.5rem;letter-spacing:.14em;color:var(--muted)}.ke-service-row>summary h2{font-size:clamp(2.5rem,4.2vw,5.1rem);margin:12px 0 0}.ke-service-row>summary p{color:var(--muted)}.ke-service-row>summary>b{width:62px;height:62px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:300;transition:transform .45s,background .35s,color .35s}.ke-service-row:hover>summary{padding-inline:24px;background:var(--paper-2)}.ke-service-row[open]>summary>b{transform:rotate(45deg);background:var(--red);color:#fff}.ke-service-row-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-left:55px;padding:10px 0 55px}.ke-service-row-body>div{display:grid;align-content:start}.ke-service-row-body small{margin:20px 0 12px;color:var(--red);font-size:.52rem;letter-spacing:.13em}.ke-service-row-body p{color:var(--muted);max-width:500px}.ke-service-row-body span{padding:8px 0;border-bottom:1px solid var(--line);font-size:.8rem}
.ke-portfolio-intro{display:grid;grid-template-columns:28% 1fr;padding-bottom:50px}.ke-portfolio-intro h2{margin:0;font-size:clamp(3.4rem,6vw,7.4rem)}.ke-portfolio-intro>div>p{max-width:560px;margin:28px 0;color:var(--muted)}.ke-portfolio-intro>div>span{font:600 clamp(3rem,6vw,7rem)/1 monospace;color:rgba(152,22,26,.15)}.ke-projects-collection{padding-top:36px}.ke-projects-collection .filter-bar{position:sticky;top:68px;z-index:20;padding:18px 0;background:rgba(244,239,230,.94);backdrop-filter:blur(15px)}.ke-portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,9vw,150px) clamp(20px,5vw,80px);align-items:start}.ke-portfolio-card:nth-child(4n+2){margin-top:150px}.ke-portfolio-card:nth-child(4n+3){margin-top:-35px}.ke-portfolio-media{position:relative;display:block;height:clamp(440px,54vw,790px);overflow:hidden;background:var(--charcoal)}.ke-portfolio-card:nth-child(3n) .ke-portfolio-media{height:clamp(380px,45vw,650px)}.ke-portfolio-media .project-media,.ke-portfolio-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.05s var(--ease),filter .55s}.ke-portfolio-media>span{position:absolute;z-index:5;left:18px;top:18px;padding:8px 10px;background:rgba(6,6,6,.78);color:var(--paper);font-size:.48rem;text-transform:uppercase;letter-spacing:.12em}.ke-portfolio-media>b{position:absolute;z-index:6;right:22px;bottom:22px;width:64px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-size:1.4rem;font-weight:300;transform:scale(.75) rotate(0);opacity:0;transition:transform .5s var(--ease),opacity .35s}.ke-portfolio-card:hover .ke-portfolio-media img{transform:scale(1.045);filter:saturate(.86)}.ke-portfolio-card:hover .ke-portfolio-media>b{transform:scale(1) rotate(45deg);opacity:1}.ke-portfolio-copy{padding-top:24px}.ke-portfolio-copy>small{color:var(--red);font:.6rem monospace;text-transform:uppercase}.ke-portfolio-copy h2{font-size:clamp(2.6rem,4.5vw,5.4rem);margin:15px 0}.ke-portfolio-copy>p{max-width:620px;color:var(--muted)}.ke-portfolio-copy>a:last-child{display:inline-flex;gap:14px;margin-top:18px;padding-bottom:6px;border-bottom:1px solid currentColor;text-transform:uppercase;font-size:.62rem;letter-spacing:.11em}.ke-portfolio-copy>a span{transition:transform .3s}.ke-portfolio-copy>a:hover span{transform:translate(4px,-4px)}
.ke-case-hero{min-height:92svh}.ke-case-scroll{position:absolute;right:var(--gutter);bottom:30px;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,239,230,.45)}.ke-case-media{position:relative}.ke-case-number{position:absolute;left:var(--gutter);bottom:25px;z-index:5;padding:9px 12px;background:var(--red);color:#fff;font:.54rem monospace;letter-spacing:.1em}.ke-case-overview{display:grid;grid-template-columns:1fr .7fr;gap:10vw}.ke-case-overview h2{margin:45px 0 28px}.ke-case-overview>div>p:last-child{max-width:720px;color:var(--muted)}.ke-case-overview dl{margin:0;border-top:1px solid var(--line)}.ke-case-overview dl>div{display:grid;grid-template-columns:105px 1fr;gap:25px;padding:20px 0;border-bottom:1px solid var(--line)}.ke-case-overview dt{font-size:.55rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red)}.ke-case-overview dd{margin:0;font-size:.9rem}.case-approach-v3 li{grid-template-columns:90px 1fr 48px}.case-approach-v3 li>b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:400;opacity:0;transition:opacity .3s,transform .4s}.case-approach-v3 li:hover{padding-inline:20px;background:rgba(255,255,255,.32)}.case-approach-v3 li:hover>b{opacity:1;transform:rotate(45deg)}.case-decisions-grid-v3 article>b{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;opacity:0;font-weight:400;transition:opacity .35s,transform .4s}.case-decisions-grid-v3 article:hover{background:var(--paper-2);padding-inline:24px}.case-decisions-grid-v3 article:hover>b{opacity:1;transform:rotate(45deg)}.ke-case-gallery{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:minmax(300px,500px) auto;gap:22px}.ke-case-gallery-main,.ke-case-gallery-detail{position:relative;overflow:hidden;background:var(--charcoal)}.ke-case-gallery-main{grid-row:1/3;height:760px}.ke-case-gallery-detail{height:500px}.ke-case-gallery .project-media,.ke-case-gallery img{width:100%;height:100%;object-fit:cover}.ke-case-gallery-detail img{transform:scale(1.45);transform-origin:75% 40%}.ke-case-gallery-caption{display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-top:1px solid var(--line)}.ke-case-gallery-caption span{font:.56rem monospace;color:var(--red)}.ke-case-gallery-caption p{color:var(--muted)}
.ke-insights>.eyebrow-v2{margin-bottom:52px}.ke-insight-lead{display:grid;grid-template-columns:1.15fr .85fr;min-height:680px;background:var(--paper-2);overflow:hidden}.ke-insight-lead-media,.ke-insight-grid>a>div{position:relative;overflow:hidden;background:var(--charcoal)}.ke-insight-lead-media img,.ke-insight-grid img{object-fit:cover;transition:transform .9s var(--ease)}.ke-insight-lead-media>span,.ke-insight-grid>a>div>span{position:absolute;z-index:5;left:18px;top:18px;padding:8px 10px;background:var(--red);color:#fff;font-size:.5rem;text-transform:uppercase;letter-spacing:.12em}.ke-insight-lead>div:last-child{padding:clamp(40px,6vw,90px);display:flex;flex-direction:column}.ke-insight-lead small,.ke-insight-grid small{font:.58rem monospace;color:var(--red)}.ke-insight-lead h2{font-size:clamp(3.3rem,5.5vw,6.8rem);margin:48px 0 28px}.ke-insight-lead p,.ke-insight-grid p{color:var(--muted)}.ke-insight-lead b{margin-top:auto;display:flex;align-items:center;gap:18px;text-transform:uppercase;font-size:.62rem;letter-spacing:.11em}.ke-insight-lead b i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-style:normal;transition:transform .35s}.ke-insight-lead:hover img,.ke-insight-grid>a:hover img{transform:scale(1.045)}.ke-insight-lead:hover b i{transform:rotate(45deg)}.ke-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 24px;margin-top:100px}.ke-insight-grid>a>div{height:480px;margin-bottom:24px}.ke-insight-grid>a:nth-child(even){margin-top:110px}.ke-insight-grid h2{font-size:clamp(2.2rem,3.4vw,4.2rem);margin:18px 0}.ke-insight-grid>a>b{display:inline-block;margin-top:17px;border-bottom:1px solid currentColor;padding-bottom:5px;text-transform:uppercase;font-size:.58rem;letter-spacing:.1em}.ke-insights .editorial-note-v3{margin-top:100px}
.ke-article>header{min-height:80svh;padding:145px var(--gutter) 75px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end}.ke-article>header h1{max-width:1250px;margin:48px 0;font-size:clamp(3.8rem,7.5vw,9rem)}.ke-article>header>div{display:flex;gap:35px;color:rgba(244,239,230,.52);font-size:.72rem}.ke-article-cover{position:relative;height:min(72vw,900px);background:var(--charcoal)}.ke-article-cover img{object-fit:cover}.ke-article-layout{display:grid;grid-template-columns:minmax(170px,23%) minmax(0,760px);gap:10vw;justify-content:center}.ke-article-layout aside{position:sticky;top:110px;align-self:start;display:grid}.ke-article-layout aside>span{margin-bottom:20px;color:var(--red);font-size:.55rem;text-transform:uppercase;letter-spacing:.13em}.ke-article-layout aside>a{padding:10px 0;border-bottom:1px solid var(--line);font-size:.76rem}.ke-article-layout>div>p{color:#514c45}.ke-article-layout .lead{font-size:1.35rem;color:var(--ink)}.ke-article-layout h2{margin:70px 0 22px;font-size:clamp(2.6rem,4vw,4.8rem)}.ke-article-layout blockquote{margin:65px 0;padding-left:28px;border-left:3px solid var(--red);font-size:clamp(1.8rem,3vw,3.5rem);line-height:1.08;letter-spacing:-.05em}.ke-article-layout li{margin:10px 0;color:#514c45}.ke-article-image{height:550px;margin:60px 0;overflow:hidden}.ke-article-image img{object-fit:cover}
@media(max-width:1050px){.ke-what{grid-template-columns:1fr}.ke-what-heading{position:relative;top:auto}.ke-what-heading>span{margin-top:35px}.ke-why-layout,.ke-service-intro{grid-template-columns:1fr}.ke-why-collage{height:650px}.ke-service-intro-media{min-height:560px}.ke-service-row>summary{grid-template-columns:45px 1fr 56px}.ke-service-row>summary>p{grid-column:2/3}.ke-service-row-body{grid-template-columns:1fr 1fr}.ke-portfolio-card:nth-child(4n+2){margin-top:90px}.ke-case-gallery-main{height:620px}.ke-insight-lead{grid-template-columns:1fr}.ke-insight-lead-media{height:600px}.ke-insight-lead>div:last-child{min-height:520px}}
@media(max-width:720px){[data-interactive]{transform:none!important}.ke-what{gap:50px}.ke-what-heading h2{font-size:clamp(2.75rem,12vw,4rem)}.ke-what-heading>span{display:none}.ke-what-card{grid-template-columns:1fr;min-height:0;gap:28px}.ke-what-copy>small{margin-bottom:34px}.ke-what-media{min-height:370px}.ke-why-heading{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.ke-why-collage{height:580px}.ke-why-image.main{left:0;width:75%;height:70%}.ke-why-image.detail.one{width:48%;height:30%}.ke-why-image.detail.two{right:0;width:55%;height:32%}.ke-why-orbit{width:120px;bottom:12%;font-size:.42rem}.ke-why-points article{grid-template-columns:35px 1fr}.ke-why-points article>b{display:none}.ke-evidence .evidence-list>div>i{opacity:1;transform:none}.ke-service-intro-media{min-height:480px}.ke-service-row>summary{grid-template-columns:34px 1fr 48px;gap:14px;min-height:145px}.ke-service-row>summary>p{grid-column:2/4;margin:0}.ke-service-row>summary>b{width:46px;height:46px}.ke-service-row-body{grid-template-columns:1fr;margin-left:34px;padding-bottom:45px}.ke-portfolio-intro{grid-template-columns:1fr;gap:32px}.ke-projects-collection .filter-bar{position:relative;top:auto}.ke-portfolio-grid{grid-template-columns:1fr;gap:80px}.ke-portfolio-card:nth-child(n){margin-top:0}.ke-portfolio-media,.ke-portfolio-card:nth-child(3n) .ke-portfolio-media{height:auto;aspect-ratio:4/5}.ke-portfolio-media>b{opacity:1;transform:rotate(45deg)}.ke-case-scroll{display:none}.ke-case-overview{grid-template-columns:1fr}.case-approach-v3 li{grid-template-columns:45px 1fr}.case-approach-v3 li>b{display:none}.ke-case-gallery{grid-template-columns:1fr;grid-template-rows:auto}.ke-case-gallery-main{grid-row:auto;height:auto;aspect-ratio:4/5}.ke-case-gallery-detail{height:auto;aspect-ratio:1}.ke-insight-lead{min-height:0}.ke-insight-lead-media{height:auto;aspect-ratio:4/5}.ke-insight-lead>div:last-child{min-height:500px;padding:35px 24px}.ke-insight-lead h2{font-size:clamp(2.8rem,13vw,4.4rem)}.ke-insight-grid{grid-template-columns:1fr;gap:75px;margin-top:75px}.ke-insight-grid>a:nth-child(even){margin-top:0}.ke-insight-grid>a>div{height:auto;aspect-ratio:4/5}.ke-article>header{min-height:70svh}.ke-article>header h1{font-size:clamp(3.3rem,14vw,5.1rem)}.ke-article-cover{height:auto;aspect-ratio:4/5}.ke-article-layout{grid-template-columns:1fr}.ke-article-layout aside{display:none}.ke-article-image{height:auto;aspect-ratio:4/5}}

/* Responsive media and surface system v6 */
:root{--radius-sm:18px;--radius-md:28px;--radius-lg:40px;--h1:clamp(3.4rem,7.2vw,8.2rem);--h2:clamp(2.65rem,5.2vw,5.9rem);--h3:clamp(1.55rem,2.6vw,2.9rem)}
.responsive-picture{display:block;width:100%;height:100%;overflow:hidden}.responsive-picture>img{display:block;width:100%;height:100%;object-fit:cover}.hero-v5-photo.responsive-picture{position:absolute;inset:0}
:where(.section-v2,.footer-v4-grid,.showcase-v4,.ke-what-card,.pathway-grid>article,.project-card-v2,.ke-service-row,.strengths-v2 article,.consulting-proof article,.next-steps-v2 article,.process-grid-v2 article,.client-input article,.engagement-v2 article,.case-decisions-grid-v3 article,.case-approach-v3 li)>*{min-width:0}
:where(h1,h2,h3,h4,p,li,a,span,b,small){overflow-wrap:anywhere}
.button-v2{justify-content:center;padding-inline:20px}.button-v2:has(>span:empty),.button-v2:has(>b:empty){gap:0}.button-v2>span:empty,.button-v2>b:empty{display:none}
.hero-v5-media,.hero-v5-photo,.ke-what-media,.ke-why-image,.about-preview-image,.about-story-photo,.ke-service-intro-media,.consulting-art>div:first-child,.analysis-hero-v3,.project-card-media,.ke-portfolio-media,.case-media-v2 .project-media,.ke-case-gallery-main,.ke-case-gallery-detail,.showcase-v4-stage,.ke-insight-lead,.ke-insight-lead-media,.ke-insight-grid>a>div,.ke-article-cover,.ke-article-image{border-radius:var(--radius-md);overflow:hidden;clip-path:none}
.ke-what-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:34px;margin:0 0 20px;background:rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(48,32,18,.05)}
.pathway-grid{gap:18px}.pathway-grid article,.pathway-grid article:last-child{border:1px solid var(--line);border-radius:var(--radius-md);padding:clamp(30px,4vw,58px);overflow:hidden}
.ke-why-points article{grid-template-columns:44px 1fr}.ke-evidence .evidence-list>div{grid-template-columns:50px 1fr}.process-grid-v2,.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div,.client-input>div:last-child,.engagement-v2>div:last-child{gap:14px;border:0}.process-grid-v2 article,.strengths-v2 article,.consulting-proof article,.next-steps-v2 article,.client-input article,.engagement-v2 article{border:1px solid var(--line)!important;border-radius:var(--radius-sm);padding:24px;min-height:230px;overflow:hidden}
.ke-service-row{border:1px solid var(--line)!important;border-radius:var(--radius-md);margin-bottom:16px;padding-inline:22px;overflow:hidden}.ke-service-row>summary{min-height:160px}.ke-service-row-body{margin-left:55px;margin-right:24px}
.ke-portfolio-media>b,.case-approach-v3 li>b,.case-decisions-grid-v3 article>b,.process-grid-v2 article>b,.client-input article>b,.ke-evidence .evidence-list>div>i{display:none!important}
.ke-case-gallery-detail img{transform:none}.ke-article-image img{width:100%;height:100%;object-fit:cover}
.footer-v4-grid{padding-top:clamp(64px,8vw,110px)}.footer-v4-status{align-content:start}.footer-v4-status p:last-child{max-width:410px;color:rgba(244,239,230,.62);font-size:1rem;line-height:1.68}.footer-v4-grid nav a b,.footer-v4-grid nav a>span+*{display:none}
.footer-v4-opportunity-copy span{display:block}
@media(max-width:1050px){:root{--radius-md:24px;--radius-lg:32px}.section-title-v2{grid-template-columns:1fr;gap:18px}.section-title-v2>p:last-child{max-width:680px}.footer-v4-grid{grid-template-columns:1.2fr .8fr .8fr}.footer-v4-status{grid-column:1/-1}.ke-what-card{grid-template-columns:1fr minmax(260px,45%)}.ke-service-row>summary{grid-template-columns:44px minmax(0,1fr) 52px}.ke-service-row>summary>p{grid-column:2/3}.ke-case-gallery{grid-template-columns:1fr .72fr}}
@media(max-width:720px){:root{--gutter:20px;--radius-md:20px;--radius-lg:26px;--h1:clamp(3rem,14vw,4.9rem);--h2:clamp(2.45rem,11vw,4rem);--h3:clamp(1.45rem,7vw,2.25rem)}.section-v2{padding-block:78px}.page-hero-v2{min-height:68svh;padding-top:126px}.page-hero-v2 h1{margin-block:34px}.page-hero-summary{margin-left:0;grid-template-columns:1fr}.ke-what-card{grid-template-columns:1fr;padding:20px}.ke-what-media{min-height:0;aspect-ratio:4/5}.ke-why-collage{height:540px}.pathway-grid{grid-template-columns:1fr}.evidence-list{grid-template-columns:1fr}.evidence-list div:nth-child(odd){border-right:0}.evidence-list div:nth-child(even){padding-left:0}.process-grid-v2,.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div,.client-input>div:last-child,.engagement-v2>div:last-child{grid-template-columns:1fr}.process-grid-v2 article,.strengths-v2 article,.consulting-proof article,.next-steps-v2 article,.client-input article,.engagement-v2 article{min-height:0}.ke-service-intro-media{min-height:0;aspect-ratio:4/5}.ke-service-row{padding-inline:14px}.ke-service-row>summary{grid-template-columns:30px minmax(0,1fr) 44px;gap:10px}.ke-service-row>summary h2{font-size:clamp(2rem,10vw,3.2rem)}.ke-service-row-body{margin:0 8px 0 30px}.ke-case-gallery{grid-template-columns:1fr}.footer-v4-grid{grid-template-columns:1fr 1fr}.footer-v4-brand,.footer-v4-status{grid-column:1/-1}.showcase-v4-mobile-controls button{min-width:90px;font-size:.68rem}.ke-article-layout h2{scroll-margin-top:95px}}
@media(max-width:420px){.footer-v4-grid{grid-template-columns:1fr}.footer-v4-grid nav{grid-column:1}.ke-why-collage{height:480px}.ke-service-row>summary{grid-template-columns:28px minmax(0,1fr) 40px}.ke-service-row>summary>p{grid-column:2/4}.showcase-v4-mobile-controls{gap:10px}.showcase-v4-mobile-controls button{min-width:74px;padding-inline:10px}}

/* Compact project library: three columns, six projects first, progressive disclosure after. */
.consulting-proof>div{grid-template-columns:repeat(2,minmax(0,1fr))}.consulting-proof article:nth-child(2n){border-right:0!important}.consulting-proof article .text-action{margin-top:22px}
.ke-projects-collection .filter-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.ke-projects-collection .filter-bar::-webkit-scrollbar{display:none}.ke-projects-collection .filter-bar button{flex:0 0 auto}
.ke-portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(52px,6vw,88px) clamp(18px,2.5vw,38px)}.ke-portfolio-card:nth-child(n){margin-top:0}.ke-portfolio-media,.ke-portfolio-card:nth-child(3n) .ke-portfolio-media{height:auto;aspect-ratio:4/5}.ke-portfolio-copy{padding-top:20px}.ke-portfolio-copy>small{display:block;min-height:2.5em;line-height:1.45}.ke-portfolio-copy h2{font-size:clamp(1.9rem,2.7vw,3.35rem);line-height:.95;margin:14px 0 16px}.ke-portfolio-copy>p{font-size:.92rem;line-height:1.6}.projects-grid-controls{display:flex;justify-content:center;padding-top:clamp(55px,7vw,100px)}.projects-grid-controls .button-v2{min-width:min(100%,270px);border:0;cursor:pointer}
@media(max-width:1050px){.ke-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ke-portfolio-copy h2{font-size:clamp(2.1rem,4vw,3.5rem)}}
@media(max-width:720px){.consulting-proof>div{grid-template-columns:1fr}.ke-projects-collection .filter-bar{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.ke-portfolio-grid{grid-template-columns:1fr;gap:70px}.ke-portfolio-copy>small{min-height:0}.ke-portfolio-copy h2{font-size:clamp(2.4rem,11vw,3.7rem)}.projects-grid-controls{padding-top:58px}.projects-grid-controls .button-v2{width:100%}}

/* Home editorial flow v7 — layered, tactile sections inspired by the reference system. */
[data-reveal="left"]{transform:translate3d(-46px,0,0)}[data-reveal="right"]{transform:translate3d(46px,0,0)}[data-reveal="scale"]{transform:translateY(24px) scale(.965)}
[data-reveal][data-interactive]{transform:translateY(28px) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}[data-reveal="left"][data-interactive]{transform:translateX(-46px) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}[data-reveal="right"][data-interactive]{transform:translateX(46px) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}[data-reveal="scale"][data-interactive]{transform:translateY(24px) scale(.965) perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}[data-reveal][data-interactive].shown{transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.home-flow-section{position:relative;isolation:isolate}.home-flow-section:not(.ke-what):before{content:attr(data-section);position:absolute;right:var(--gutter);top:38px;z-index:-1;font:650 clamp(4.5rem,9vw,11rem)/1 var(--display);letter-spacing:-.08em;color:rgba(152,22,26,.065);pointer-events:none}.home-flow-section.dark:before{color:rgba(244,239,230,.045)}

/* 02 — alternating capability stories */
.ke-what.home-flow-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:radial-gradient(circle at 8% 10%,rgba(184,138,50,.12),transparent 25%),var(--paper)}.ke-what.home-flow-section:after{content:"";position:absolute;left:50%;top:9%;bottom:9%;width:1px;background:linear-gradient(transparent,var(--line) 15%,var(--line) 85%,transparent);pointer-events:none}.ke-what-heading{top:108px;padding-right:clamp(20px,4vw,70px)}.ke-what-heading>span{font-family:var(--display);font-size:clamp(5rem,10vw,11rem);letter-spacing:-.08em;color:rgba(152,22,26,.08)}.ke-what-list{border:0;display:grid;gap:22px}.ke-what-card{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(210px,.95fr);min-height:500px;margin:0;padding:28px;border:1px solid rgba(12,12,12,.13);border-radius:var(--radius-lg);background:rgba(255,255,255,.36);box-shadow:0 24px 70px rgba(48,32,18,.06);overflow:hidden}.ke-what-card:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .8s var(--ease)}.ke-what-card:hover:before,.ke-what-card:focus-within:before{width:100%}.ke-what-card:hover,.ke-what-card:focus-within{border-color:rgba(152,22,26,.28);box-shadow:0 34px 90px rgba(48,32,18,.12)}.ke-what-card:nth-child(even){grid-template-columns:minmax(210px,.95fr) minmax(0,1.05fr)}.ke-what-card:nth-child(even) .ke-what-copy{grid-column:2;grid-row:1}.ke-what-card:nth-child(even) .ke-what-media{grid-column:1;grid-row:1}.ke-what-copy{position:relative;z-index:2;padding:12px clamp(6px,1vw,18px);display:flex;flex-direction:column}.ke-what-copy>span{font-size:.72rem}.ke-what-copy>small{margin:18px 0 auto}.ke-what-copy h3{margin-top:42px}.ke-what-copy ul{margin-top:auto}.ke-what-copy li{transition:padding .35s var(--ease),color .35s}.ke-what-card:hover .ke-what-copy li{padding-left:10px;color:var(--red)}.ke-what-media{min-height:420px;border-radius:calc(var(--radius-lg) - 12px)}.ke-what-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.32));pointer-events:none}.ke-what-media>b{right:16px;bottom:16px;background:rgba(244,239,230,.92);backdrop-filter:blur(12px);transition:transform .4s var(--ease),background .35s}.ke-what-card:hover .ke-what-media>b{transform:translateY(-5px);background:var(--gold)}

/* 03 — exact 60/40 pathways */
.home-pathways-v5{padding-top:clamp(88px,8vw,130px);background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 36%),var(--paper-2)}.pathways-heading{display:grid;grid-template-columns:60% 40%;align-items:end;padding-bottom:34px;border-bottom:1px solid var(--line)}.pathways-heading>p:last-child{justify-self:end;max-width:390px;margin:0;color:var(--muted)}.home-pathways-v5 .pathway-grid{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:18px;margin-top:28px;align-items:stretch}.home-pathways-v5 .pathway-grid article,.home-pathways-v5 .pathway-grid article:last-child{position:relative;min-height:650px;padding:clamp(36px,4.4vw,70px);display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:0 25px 70px rgba(48,32,18,.08);transition:box-shadow .5s var(--ease),border-color .4s}.home-pathways-v5 .pathway-grid article:first-child{background:rgba(244,239,230,.76)}.home-pathways-v5 .pathway-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(184,138,50,.16),transparent 34%);opacity:0;transition:opacity .45s;pointer-events:none}.home-pathways-v5 .pathway-grid article:hover:before{opacity:1}.home-pathways-v5 .pathway-grid article:hover{box-shadow:0 38px 100px rgba(48,32,18,.18);border-color:rgba(184,138,50,.5)}.pathway-index{display:flex;align-items:center;gap:18px}.pathway-index small{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:.58rem monospace}.pathway-index span{font-size:.52rem;letter-spacing:.14em;color:var(--red)}.pathway-grid article:last-child .pathway-index span{color:var(--gold)}.home-pathways-v5 .pathway-grid h2{font-size:clamp(3.2rem,5.4vw,6.4rem);margin:clamp(48px,6vw,90px) 0 28px}.home-pathways-v5 .pathway-grid article:last-child h2{font-size:clamp(2.65rem,4vw,4.7rem)}.home-pathways-v5 .pathway-grid p{margin-bottom:26px}.pathway-proof{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 34px}.pathway-proof span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;text-transform:uppercase;font-size:.5rem;letter-spacing:.1em}.pathway-grid article:last-child .pathway-proof span{border-color:var(--light-line);color:rgba(244,239,230,.66)}.home-pathways-v5 .pathway-grid .button-v2{width:max-content;max-width:100%;margin-top:auto}

/* 04 — cinematic featured-project carousel */
.selected-work-v5{background:radial-gradient(circle at 86% 18%,rgba(152,22,26,.25),transparent 27%),#090909}.selected-work-signal{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:-32px 0 28px}.selected-work-signal span{padding:9px 13px;border:1px solid var(--light-line);border-radius:999px;color:rgba(244,239,230,.58);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}.selected-work-v5 .showcase-v4{grid-template-columns:minmax(0,62%) minmax(330px,38%);gap:14px}.selected-work-v5 .showcase-v4-stage,.selected-work-v5 .showcase-v4-panel{border-radius:var(--radius-lg)}.selected-work-v5 .showcase-v4-stage{height:min(58vw,760px);box-shadow:0 34px 100px rgba(0,0,0,.35)}.showcase-v4-image.active{animation:showcase-image-arrive 1.15s var(--ease) both}@keyframes showcase-image-arrive{from{opacity:0;transform:scale(1.08) translateX(2%)}to{opacity:1;transform:scale(1) translateX(0)}}.selected-work-v5 .showcase-v4-panel{position:relative;min-height:0;padding:clamp(34px,4vw,68px);box-shadow:inset 0 0 0 1px rgba(12,12,12,.07);animation:showcase-copy-arrive .7s var(--ease) both;overflow:hidden}@keyframes showcase-copy-arrive{from{opacity:.4;transform:translateX(28px)}to{opacity:1;transform:none}}.selected-work-v5 .showcase-v4-panel:before{content:"04";position:absolute;right:-10px;top:-22px;font:650 clamp(7rem,12vw,14rem)/1 var(--display);letter-spacing:-.08em;color:rgba(152,22,26,.055);pointer-events:none}.selected-work-v5 .showcase-v4-panel>*{position:relative;z-index:1}.selected-work-v5 .showcase-v4-panel h3{margin-top:clamp(36px,5vw,80px)}.selected-work-v5 .showcase-v4-tabs{grid-column:1/-1;gap:10px;margin-top:0;border:0}.selected-work-v5 .showcase-v4-tabs button{border:1px solid var(--light-line);border-radius:18px;padding:20px;background:rgba(255,255,255,.025)}.selected-work-v5 .showcase-v4-tabs button.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}.selected-work-v5 .showcase-v4-tabs button.active small{color:var(--red)}.selected-work-v5 .showcase-v4-tabs button.active i em{background:var(--red)}.selected-work-v5 .showcase-v4-tabs button:hover:not(.active){transform:translateY(-4px);background:rgba(255,255,255,.075)}

/* 05 — sticky layered proof and responsive principle cards */
.ke-why-v5{background:radial-gradient(circle at 18% 65%,rgba(184,138,50,.16),transparent 24%),var(--paper-2)}.ke-why-v5 .ke-why-heading{grid-template-columns:minmax(250px,30%) 1fr;gap:6vw}.ke-why-intro{max-width:300px;margin-top:34px;color:var(--muted)}.ke-why-v5 .ke-why-layout{grid-template-columns:minmax(0,56%) minmax(320px,44%);align-items:start;gap:clamp(38px,6vw,100px)}.ke-why-v5 .ke-why-collage{position:sticky;top:105px;height:min(72vw,760px)}.ke-why-v5 .ke-why-image.main{border-radius:var(--radius-lg);animation:why-float-main 9s ease-in-out infinite}.ke-why-v5 .ke-why-image.detail.one{animation:why-float-detail 7s ease-in-out -2s infinite}.ke-why-v5 .ke-why-image.detail.two{animation:why-float-detail 8s ease-in-out -4s infinite}@keyframes why-float-main{50%{transform:translateY(-9px)}}@keyframes why-float-detail{50%{transform:translateY(10px)}}.ke-why-v5 .ke-why-points{display:grid;gap:14px;border:0}.ke-why-v5 .ke-why-points article{grid-template-columns:46px 1fr;min-height:190px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(244,239,230,.5);box-shadow:0 18px 55px rgba(48,32,18,.05);overflow:hidden}.ke-why-v5 .ke-why-points article>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.ke-why-v5 .ke-why-points small{display:block;margin:3px 0 20px;color:var(--red);font-size:.5rem;text-transform:uppercase;letter-spacing:.14em}.ke-why-v5 .ke-why-points article:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 28px 75px rgba(48,32,18,.2)}.ke-why-v5 .ke-why-points article:hover p{color:rgba(244,239,230,.62)}.ke-why-v5 .ke-why-points article:hover small,.ke-why-v5 .ke-why-points article:hover>span{color:var(--gold)}

/* 06 — staggered skill surfaces and a continuous tool ribbon */
.technical-stack-v5{background:linear-gradient(150deg,rgba(255,255,255,.28),transparent 42%),#d9cbb7}.technical-stack-v5 .skill-groups-v4{align-items:start;gap:16px;border:0}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){min-height:610px;padding:32px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(244,239,230,.44);box-shadow:0 20px 60px rgba(48,32,18,.06);overflow:hidden}.technical-stack-v5 .skill-groups-v4 article:nth-child(2){margin-top:32px}.technical-stack-v5 .skill-groups-v4 article:nth-child(3){margin-top:64px}.technical-stack-v5 .skill-groups-v4 article:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 34px 85px rgba(48,32,18,.2)}.technical-stack-v5 .skill-groups-v4 article:hover small{color:var(--gold)}.technical-stack-v5 .skill-groups-v4 h3{margin:55px 0 34px}.technical-stack-v5 .skill-groups-v4 li{z-index:1;transition:padding .35s var(--ease),color .35s}.technical-stack-v5 .skill-groups-v4 li:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}.technical-stack-v5 .skill-groups-v4 article:hover li{padding-left:8px;border-color:rgba(244,239,230,.14)}.technical-stack-v5 .skill-groups-v4 article:hover li:before{transform:scaleX(1)}.tool-ribbon-mask-v5{margin:85px calc(var(--gutter) * -1) 0;overflow:hidden;border-block:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,black 6%,black 94%,transparent)}.tool-ribbon-mask-v5 .tool-ribbon-v4{width:max-content;flex-wrap:nowrap;gap:10px;margin:0;padding:22px 5px;border:0;animation:tool-ribbon-travel 32s linear infinite}.tool-ribbon-mask-v5:hover .tool-ribbon-v4{animation-play-state:paused}.tool-ribbon-mask-v5 .tool-ribbon-v4 span{flex:0 0 auto;padding:12px 18px;background:rgba(244,239,230,.55);text-transform:uppercase;letter-spacing:.08em}@keyframes tool-ribbon-travel{to{transform:translateX(-50%)}}

/* 07 — outcome bento grid */
.ke-evidence-v5{background:radial-gradient(circle at 90% 10%,rgba(184,138,50,.12),transparent 25%),var(--paper)}.ke-evidence-v5 .evidence-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0}.ke-evidence-v5 .evidence-list article{position:relative;min-height:300px;padding:28px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-2);overflow:hidden}.ke-evidence-v5 .evidence-list article:nth-child(1),.ke-evidence-v5 .evidence-list article:nth-child(6),.ke-evidence-v5 .evidence-list article:nth-child(7),.ke-evidence-v5 .evidence-list article:nth-child(8){grid-column:span 2}.ke-evidence-v5 .evidence-list article:nth-child(1),.ke-evidence-v5 .evidence-list article:nth-child(8){background:var(--ink);color:var(--paper)}.ke-evidence-v5 .evidence-list article:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--red);transition:height .6s var(--ease);pointer-events:none}.ke-evidence-v5 .evidence-list article:hover:before{height:100%}.ke-evidence-v5 .evidence-list article>*{position:relative;z-index:1}.ke-evidence-v5 .evidence-list article>span{font:.62rem monospace;color:var(--red)}.ke-evidence-v5 .evidence-list article:nth-child(1)>span,.ke-evidence-v5 .evidence-list article:nth-child(8)>span{color:var(--gold)}.ke-evidence-v5 .evidence-list article>b{max-width:500px;margin:auto 0 22px;font:620 clamp(1.55rem,2.3vw,2.8rem)/.98 var(--display);letter-spacing:-.055em}.ke-evidence-v5 .evidence-list article>small{max-width:430px;color:var(--muted);font-size:.76rem;line-height:1.55}.ke-evidence-v5 .evidence-list article:nth-child(1)>small,.ke-evidence-v5 .evidence-list article:nth-child(8)>small{color:rgba(244,239,230,.57)}.ke-evidence-v5 .evidence-list article:hover{color:#fff;border-color:var(--red);box-shadow:0 26px 70px rgba(88,12,15,.22)}.ke-evidence-v5 .evidence-list article:hover>span,.ke-evidence-v5 .evidence-list article:hover>small{color:#fff}

@media(max-width:1050px){.ke-what.home-flow-section{grid-template-columns:1fr}.ke-what.home-flow-section:after{display:none}.ke-what-heading{padding:0}.ke-what-heading>span{display:none}.ke-what-card,.ke-what-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(280px,42%)}.ke-what-card:nth-child(even) .ke-what-copy{grid-column:1}.ke-what-card:nth-child(even) .ke-what-media{grid-column:2}.home-pathways-v5 .pathway-grid{grid-template-columns:minmax(0,3fr) minmax(290px,2fr)}.home-pathways-v5 .pathway-grid article,.home-pathways-v5 .pathway-grid article:last-child{min-height:580px;padding:34px}.selected-work-v5 .showcase-v4{grid-template-columns:1fr;gap:14px}.selected-work-v5 .showcase-v4-stage{height:min(72vw,720px)}.selected-work-v5 .showcase-v4-panel{min-height:470px}.ke-why-v5 .ke-why-layout{grid-template-columns:1fr}.ke-why-v5 .ke-why-collage{position:relative;top:auto;height:650px}.technical-stack-v5 .skill-groups-v4{grid-template-columns:repeat(3,1fr)}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){padding:24px;min-height:590px}.ke-evidence-v5 .evidence-list{grid-template-columns:repeat(2,1fr)}.ke-evidence-v5 .evidence-list article:nth-child(n){grid-column:span 1}.ke-evidence-v5 .evidence-list article:first-child,.ke-evidence-v5 .evidence-list article:last-child{grid-column:span 2}}
@media(max-width:720px){[data-reveal="left"],[data-reveal="right"],[data-reveal="scale"]{transform:translateY(22px) scale(.985)}[data-reveal][data-interactive].shown{transform:none!important}.home-flow-section:not(.ke-what):before{top:24px;font-size:5rem}.ke-what.home-flow-section{gap:44px}.ke-what-card,.ke-what-card:nth-child(even){grid-template-columns:1fr;padding:18px;gap:24px}.ke-what-card:nth-child(even) .ke-what-copy,.ke-what-card:nth-child(even) .ke-what-media{grid-column:1;grid-row:auto}.ke-what-copy{padding:8px}.ke-what-copy>small{margin-bottom:34px}.ke-what-copy h3{margin-top:20px}.ke-what-media{min-height:0;aspect-ratio:4/5}.pathways-heading{grid-template-columns:1fr;gap:22px}.pathways-heading>p:last-child{justify-self:start}.home-pathways-v5 .pathway-grid{grid-template-columns:1fr}.home-pathways-v5 .pathway-grid article,.home-pathways-v5 .pathway-grid article:last-child{min-height:560px;padding:28px}.home-pathways-v5 .pathway-grid h2,.home-pathways-v5 .pathway-grid article:last-child h2{font-size:clamp(2.75rem,13vw,4.2rem);margin-top:52px}.home-pathways-v5 .pathway-grid .button-v2{width:100%}.selected-work-signal{justify-content:flex-start;margin-top:-12px}.selected-work-v5 .showcase-v4-stage{height:clamp(380px,105vw,540px)}.selected-work-v5 .showcase-v4-panel{min-height:500px}.selected-work-v5 .showcase-v4-panel h3{margin-top:45px}.ke-why-v5 .ke-why-heading{grid-template-columns:1fr}.ke-why-intro{max-width:500px}.ke-why-v5 .ke-why-collage{height:540px}.ke-why-v5 .ke-why-points article{grid-template-columns:42px 1fr;min-height:0;padding:24px}.technical-stack-v5 .skill-groups-v4{grid-template-columns:1fr}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){min-height:0;margin-top:0;padding:26px}.tool-ribbon-mask-v5{margin-top:48px}.ke-evidence-v5 .evidence-list{grid-template-columns:1fr}.ke-evidence-v5 .evidence-list article:nth-child(n){grid-column:1;min-height:250px}.ke-evidence-v5 .evidence-list article>b{font-size:clamp(1.7rem,8vw,2.35rem)}}
@media(prefers-reduced-motion:reduce){.showcase-v4-image.active,.selected-work-v5 .showcase-v4-panel,.ke-why-v5 .ke-why-image,.tool-ribbon-mask-v5 .tool-ribbon-v4{animation:none!important}}

/* Section 02 utility rail — turns the sticky column into navigation, not empty space. */
.ke-what-summary{max-width:500px;color:var(--muted)}.ke-what-nav{display:grid;margin-top:clamp(38px,4vw,64px);border-top:1px solid var(--line)}.ke-what-nav a{position:relative;display:grid;grid-template-columns:34px 62px 1fr;align-items:center;min-height:72px;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),background .35s,color .35s}.ke-what-nav a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transition:transform .4s var(--ease)}.ke-what-nav a:hover,.ke-what-nav a:focus-visible{padding-left:14px;background:rgba(184,138,50,.1)}.ke-what-nav a:hover:before,.ke-what-nav a:focus-visible:before{transform:scaleY(1)}.ke-what-nav span{font:.58rem monospace;color:var(--red)}.ke-what-nav small{font-size:.48rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ke-what-nav b{font:620 clamp(.78rem,1vw,.96rem)/1.2 var(--display);letter-spacing:-.025em}.ke-what-note{display:flex;align-items:center;gap:11px;margin:26px 0 0!important;color:var(--muted);font-size:.72rem}.ke-what-note i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(184,138,50,.12)}.ke-what-card{scroll-margin-top:95px}
@media(max-width:1050px){.ke-what-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px;border:0}.ke-what-nav a{grid-template-columns:30px 1fr;min-height:86px;padding:14px;border:1px solid var(--line);border-radius:16px}.ke-what-nav a small{grid-column:2}.ke-what-nav a:hover,.ke-what-nav a:focus-visible{padding-left:18px}.ke-what-note{margin-bottom:8px!important}}
@media(max-width:720px){.ke-what-nav{display:flex;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}.ke-what-nav::-webkit-scrollbar{display:none}.ke-what-nav a{flex:0 0 220px}.ke-what-note{font-size:.68rem}}

/* Calmer site-wide heading scale v8. */
:root{--h1:clamp(2.9rem,5.5vw,6.6rem);--h2:clamp(2.15rem,3.8vw,4.6rem);--h3:clamp(1.3rem,2vw,2.4rem)}
.hero-v5-title{font-size:clamp(2.85rem,4.15vw,5.15rem)}.case-hero-v2 h1,.ke-article>header h1{font-size:clamp(3.1rem,6.4vw,7.4rem)}.menu-v3-aside h2{font-size:clamp(2.15rem,3.3vw,4rem)}.footer-v3-cta h2,.footer-v4-newsletter h2{font-size:clamp(2.8rem,5vw,6rem)}
.chain-grid h3{font-size:clamp(1.7rem,2.45vw,2.8rem)}.project-card-v2 h3{font-size:clamp(2.1rem,3.35vw,4rem)}.featured-project-copy h3{font-size:clamp(2.9rem,5.3vw,6.2rem)}.career-map-v3 h3{font-size:clamp(1.75rem,2.55vw,3.2rem)}.case-decisions-grid-v3 h3{font-size:clamp(1.5rem,2.3vw,2.55rem)}.showcase-v4-panel h3{font-size:clamp(2.35rem,3.35vw,4.15rem)}.skill-groups-v4 h3{font-size:clamp(1.65rem,2.45vw,3rem)}
.ke-what-heading h2{font-size:clamp(2.35rem,3.6vw,4.55rem)}.ke-what-copy h3{font-size:clamp(1.85rem,2.45vw,3.05rem)}.ke-why-points h3{font-size:clamp(1.25rem,1.7vw,2rem)}.ke-service-row>summary h2{font-size:clamp(2.1rem,3.45vw,4.15rem)}.ke-portfolio-intro h2{font-size:clamp(2.8rem,4.8vw,5.55rem)}.ke-portfolio-copy h2{font-size:clamp(1.75rem,2.3vw,2.9rem)}.ke-insight-lead h2{font-size:clamp(2.75rem,4.4vw,5.25rem)}.ke-insight-grid h2{font-size:clamp(1.9rem,2.8vw,3.4rem)}.ke-article-layout h2{font-size:clamp(2.2rem,3.35vw,4rem)}.home-pathways-v5 .pathway-grid h2{font-size:clamp(2.75rem,4.35vw,5.1rem)}.home-pathways-v5 .pathway-grid article:last-child h2{font-size:clamp(2.25rem,3.3vw,3.85rem)}
@media(max-width:720px){:root{--h1:clamp(2.65rem,11.5vw,4rem);--h2:clamp(2.05rem,9.2vw,3.25rem);--h3:clamp(1.25rem,5.8vw,1.95rem)}.hero-v5-title{font-size:clamp(2.8rem,12vw,4.05rem)}.case-hero-v2 h1,.ke-article>header h1{font-size:clamp(2.9rem,12vw,4.35rem)}.showcase-v4-panel h3{font-size:clamp(2.55rem,11vw,3.7rem)}.footer-v3-cta h2,.footer-v4-newsletter h2{font-size:clamp(2.7rem,11.5vw,4rem)}.ke-what-heading h2{font-size:clamp(2.25rem,9.8vw,3.35rem)}.ke-service-row>summary h2{font-size:clamp(1.85rem,8.5vw,2.75rem)}.ke-portfolio-copy h2{font-size:clamp(2rem,9vw,3.05rem)}.ke-insight-lead h2{font-size:clamp(2.45rem,10.8vw,3.8rem)}.home-pathways-v5 .pathway-grid h2,.home-pathways-v5 .pathway-grid article:last-child h2{font-size:clamp(2.35rem,10.5vw,3.6rem)}}

/* Homepage refinement v9 — consulting-led flow, equal pathways, denser projects, and alternating tone. */
.hero-v5-photo img{object-position:center center;transform:scale(1);animation:hero-image-breathe 1.8s var(--ease) .25s both}@keyframes hero-image-breathe{from{transform:scale(1.025)}to{transform:scale(1)}}.hero-v5-scroll{bottom:clamp(82px,10vh,118px);height:104px;border-radius:999px;box-shadow:0 18px 45px rgba(0,0,0,.28);transition:transform .4s var(--ease),background .3s}.hero-v5-scroll:hover{transform:translateY(-8px);background:var(--paper)}
.ke-what.home-flow-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ke-what-nav a{grid-template-columns:34px 68px 1fr}.ke-what-card{min-height:470px}.ke-what-question{margin:18px 0 0!important;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)!important;font:620 .78rem/1.45 var(--display);letter-spacing:-.02em}.ke-what-copy ul{margin-top:24px}.ke-what-list:before{content:"DISCOVER  ·  DIAGNOSE  ·  SOLVE  ·  DELIVER";display:block;padding:0 0 16px;color:var(--red);font:700 .54rem/1 var(--display);letter-spacing:.14em}
.pathways-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-pathways-v5 .pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-pathways-v5 .pathway-grid article,.home-pathways-v5 .pathway-grid article:last-child{min-height:620px}.home-pathways-v5 .pathway-grid article:after{content:"";position:absolute;inset:18px;border:1px solid transparent;border-radius:calc(var(--radius-lg) - 12px);transition:border-color .4s var(--ease),inset .45s var(--ease);pointer-events:none}.home-pathways-v5 .pathway-grid article:hover:after{inset:12px;border-color:rgba(184,138,50,.32)}
.selected-work-v5 .showcase-v4{grid-template-columns:minmax(0,60%) minmax(350px,40%)}.selected-work-v5 .showcase-v4-stage{height:min(50vw,660px)}.selected-work-v5 .showcase-v4-panel{padding:clamp(32px,3.25vw,54px)}.selected-work-v5 .showcase-v4-panel h3{margin:clamp(22px,3vw,42px) 0 20px}.selected-work-v5 .showcase-v4-panel>p:not(.project-card-category){margin:0}.showcase-v4-bridge{margin:clamp(24px,3vw,38px) 0 20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(184,138,50,.1)}.showcase-v4-bridge>small{display:block;margin-bottom:10px;color:var(--red);font:750 .5rem/1.3 var(--display);letter-spacing:.13em}.showcase-v4-bridge>p{margin:0;color:#514b43;font-size:.79rem;line-height:1.52}.showcase-v4-bridge>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.showcase-v4-bridge span{padding:7px 9px;border:1px solid rgba(12,12,12,.14);border-radius:999px;font-size:.47rem;text-transform:uppercase;letter-spacing:.08em}.selected-work-v5 .showcase-v4-meta{margin-top:0;padding:20px 0}.selected-work-v5>.button-v2{margin-top:28px}
.ke-why-v5{background:radial-gradient(circle at 18% 65%,rgba(184,138,50,.12),transparent 24%),var(--paper)}.ke-why-v5 .ke-why-points article{background:var(--paper-2)}
.technical-stack-v5{background:radial-gradient(circle at 80% 10%,rgba(152,22,26,.3),transparent 30%),#12100e;color:var(--paper)}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){min-height:570px;border-color:var(--light-line);background:rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.22)}.technical-stack-v5 .skill-groups-v4 article:hover{background:var(--paper);color:var(--ink);border-color:var(--gold)}.technical-stack-v5 .skill-groups-v4 article:hover small{color:var(--red)}.technical-stack-v5 .skill-groups-v4 li{border-color:var(--light-line)}.technical-stack-v5 .tool-ribbon-mask-v5{border-color:var(--light-line)}.technical-stack-v5 .tool-ribbon-v4 span{border:1px solid var(--light-line);background:rgba(255,255,255,.06);color:rgba(244,239,230,.72)}
.ke-evidence-v5{background:radial-gradient(circle at 90% 10%,rgba(152,22,26,.08),transparent 25%),#e6dac8}.ke-evidence-v5 .evidence-list article{background:rgba(244,239,230,.7);transition:transform .45s var(--ease),box-shadow .45s var(--ease),color .35s}.ke-evidence-v5 .evidence-list article:hover{transform:translateY(-8px)}
.home-process-v6{background:radial-gradient(circle at 10% 10%,rgba(152,22,26,.28),transparent 28%),#090909}.home-process-v6 .process-grid-v2{position:relative;gap:14px}.home-process-v6 .process-grid-v2:before{content:"";position:absolute;left:4%;right:4%;top:44px;height:1px;background:linear-gradient(90deg,var(--red),var(--gold),rgba(244,239,230,.2));transform-origin:left;animation:process-line-v6 7s ease-in-out infinite}@keyframes process-line-v6{0%,100%{transform:scaleX(.2);opacity:.35}55%{transform:scaleX(1);opacity:1}}.home-process-v6 .process-grid-v2 article{position:relative;min-height:360px;padding:30px;border-color:var(--light-line)!important;background:rgba(255,255,255,.035);color:var(--paper);transition:transform .45s var(--ease),background .4s,border-color .4s}.home-process-v6 .process-grid-v2 article:hover{transform:translateY(-10px);background:rgba(152,22,26,.24);border-color:rgba(184,138,50,.5)!important}.home-process-v6 .process-grid-v2 article>span{position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink)}.home-process-v6 .process-grid-v2 article>small{display:block;margin-top:52px;color:var(--gold);font-size:.52rem;letter-spacing:.14em;text-transform:uppercase}.home-process-v6 .process-grid-v2 h3{margin:16px 0 18px;color:var(--paper);font-size:clamp(1.45rem,2vw,2.25rem)}.home-process-v6 .process-grid-v2 p{color:rgba(244,239,230,.58)}.home-process-v6 .process-grid-v2 article>i{position:absolute;right:24px;bottom:24px;width:44px;aspect-ratio:1;border:1px solid var(--light-line);border-radius:50%;background:radial-gradient(circle,var(--gold) 0 10%,transparent 11%);transition:transform .6s var(--ease)}.home-process-v6 .process-grid-v2 article:hover>i{transform:rotate(180deg) scale(1.12)}
.home-about-v6{grid-template-columns:minmax(320px,46%) minmax(0,1fr);gap:clamp(45px,7vw,120px);background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 45%),var(--paper-2)}.home-about-v6 .about-preview-image{height:min(66vw,720px);border-radius:var(--radius-lg);clip-path:none;box-shadow:0 34px 90px rgba(48,32,18,.18)}.home-about-v6 .about-preview-image:after{content:"";position:absolute;inset:20px;border:1px solid rgba(244,239,230,.4);border-radius:calc(var(--radius-lg) - 12px);pointer-events:none}.home-about-v6>div:last-child{padding:clamp(30px,5vw,78px);border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(244,239,230,.58);box-shadow:0 24px 70px rgba(48,32,18,.07)}
.footer-v4-grid{grid-template-columns:minmax(290px,1.45fr) minmax(160px,.66fr) minmax(180px,.76fr) minmax(280px,1.12fr);gap:clamp(30px,4vw,68px)}.footer-v4-brand p{max-width:470px;margin:26px 0 18px;color:rgba(244,239,230,.68);font-size:1.02rem}.footer-v4-method{display:flex;align-items:center;gap:8px;margin:0 0 22px}.footer-v4-method span{display:flex;align-items:center;gap:8px;color:rgba(244,239,230,.52);font-size:.55rem;text-transform:uppercase;letter-spacing:.11em}.footer-v4-method span:not(:last-child):after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}.footer-v4-status{align-self:start;display:grid;grid-template-columns:1fr;gap:11px;padding:20px;border:1px solid var(--light-line);border-radius:20px;background:rgba(255,255,255,.035)}.footer-v4-status small{margin-bottom:3px}.footer-v4-status>b{font-size:.96rem}.footer-v4-status .footer-v4-opportunity-copy{max-width:330px;color:rgba(244,239,230,.62);font-size:.84rem;line-height:1.48}.footer-v4-status .footer-v4-opportunity-copy span{display:block}
@media(max-width:1050px){.hero-v5-scroll{top:calc(72svh - 92px);bottom:auto}.ke-what-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.home-pathways-v5 .pathway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-work-v5 .showcase-v4{grid-template-columns:1fr}.selected-work-v5 .showcase-v4-stage{height:min(72vw,680px)}.selected-work-v5 .showcase-v4-panel{min-height:0}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){min-height:560px}.home-about-v6{grid-template-columns:1fr 1fr;gap:32px}.footer-v4-status{grid-column:1/-1;max-width:560px;grid-template-columns:1fr;padding:22px}}
@media(max-width:720px){.hero-v5-photo img{object-position:45% center;transform:none}.hero-v5-scroll{top:calc(70svh - 112px);right:18px;bottom:auto;height:92px;width:48px}.ke-what-list:before{line-height:1.55}.ke-what-nav{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-inline:0;padding-inline:0}.ke-what-nav a{min-width:0;min-height:98px}.ke-what-card{min-height:0}.ke-what-question{font-size:.74rem}.home-pathways-v5 .pathway-grid{grid-template-columns:1fr}.home-pathways-v5 .pathway-grid article,.home-pathways-v5 .pathway-grid article:last-child{min-height:540px}.selected-work-v5 .showcase-v4-bridge{padding:17px}.selected-work-v5 .showcase-v4-panel{min-height:0}.technical-stack-v5 .skill-groups-v4 article,.technical-stack-v5 .skill-groups-v4 article:not(:first-child){min-height:0}.home-process-v6 .process-grid-v2:before{left:16px;right:auto;top:24px;bottom:24px;width:1px;height:auto;background:linear-gradient(var(--red),var(--gold),rgba(244,239,230,.2));animation:none}.home-process-v6 .process-grid-v2 article{min-height:280px;padding:26px}.home-process-v6 .process-grid-v2 article>small{margin-top:38px}.home-about-v6{grid-template-columns:1fr;gap:28px}.home-about-v6 .about-preview-image{height:min(125vw,610px)}.home-about-v6>div:last-child{padding:28px}.footer-v4-method{flex-wrap:wrap}.footer-v4-status{max-width:none;padding:20px}.footer-v4-status .footer-v4-opportunity-copy span{display:inline}.footer-v4-status .footer-v4-opportunity-copy span:not(:last-child):after{content:" "}}
@media(prefers-reduced-motion:reduce){.hero-v5-photo img,.home-process-v6 .process-grid-v2:before{animation:none!important}.hero-v5-scroll:hover,.ke-evidence-v5 .evidence-list article:hover,.home-process-v6 .process-grid-v2 article:hover{transform:none}}

/* Final spacing safeguards for the homepage and footer. */
.ke-what-copy>small{margin:18px 0 0}.ke-what-copy h3{margin-top:32px}.home-process-v6 .process-grid-v2 article:hover{padding:30px}.footer-v4-status p.footer-v4-opportunity-copy{max-width:330px;color:rgba(244,239,230,.62);font-size:.84rem;line-height:1.48}

/* Services v10 — reference-led editorial service page for Van Kpa. */
.service-template-v10 .page-hero-v2{min-height:82svh}.service-template-v10 .page-hero-v2 h1{max-width:1320px}.service-template-v10 .page-hero-summary{grid-template-columns:minmax(300px,620px) 1fr}
.service-template-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(42px,7vw,120px);align-items:end;background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 45%),var(--paper-2)}.service-template-intro-heading h2{max-width:920px;margin:42px 0 0}.service-template-intro-copy{align-self:end;padding-bottom:8px}.service-template-intro-copy>span{display:block;margin-bottom:28px;color:var(--red);font:650 clamp(2.5rem,4.5vw,5.4rem)/1 monospace;letter-spacing:-.07em}.service-template-intro-copy>p{max-width:600px;margin:0;color:var(--muted);font-size:clamp(1rem,1.2vw,1.18rem)}.service-template-intro-media{grid-column:1/-1;position:relative;height:min(65vw,840px);margin-top:clamp(38px,5vw,76px);overflow:hidden;border-radius:var(--radius-lg);background:var(--charcoal);box-shadow:0 36px 100px rgba(48,32,18,.18)}.service-template-intro-media picture,.service-template-intro-media img{width:100%;height:100%;object-fit:cover}.service-template-intro-media img{filter:saturate(.82) contrast(1.02);transition:transform 1.25s var(--ease),filter .6s}.service-template-intro-media:hover img{transform:scale(1.035);filter:saturate(.95)}.service-template-intro-media:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,7,7,.72),transparent 44%),linear-gradient(0deg,rgba(7,7,7,.35),transparent 45%);pointer-events:none}.service-template-intro-media>div{position:absolute;left:clamp(24px,4vw,68px);bottom:clamp(24px,4vw,62px);z-index:5;display:grid;color:var(--paper)}.service-template-intro-media small{margin-bottom:24px;color:var(--gold);font:750 .58rem/1.2 var(--display);letter-spacing:.14em}.service-template-intro-media b{font:600 clamp(2.7rem,5vw,6.2rem)/.83 var(--display);letter-spacing:-.07em}
.service-template-list{background:var(--paper)}.service-template-rows{border-top:1px solid var(--line)}.service-template-row{margin:0;padding:0;border:0!important;border-radius:0;overflow:hidden;border-bottom:1px solid var(--line)!important;background:transparent}.service-template-row>summary{list-style:none;display:grid;grid-template-columns:70px minmax(300px,1fr) minmax(280px,.68fr) 70px;align-items:center;gap:clamp(18px,3vw,50px);min-height:190px;padding:30px 0;cursor:pointer;transition:padding .45s var(--ease),background .4s,color .35s}.service-template-row>summary::-webkit-details-marker{display:none}.service-template-row>summary>span{font:.66rem monospace;color:var(--red)}.service-template-row>summary small{display:block;color:var(--muted);font-size:.51rem;text-transform:uppercase;letter-spacing:.14em}.service-template-row>summary h2{margin:13px 0 0;font-size:clamp(2.1rem,3.45vw,4.15rem)}.service-template-row>summary>p{max-width:510px;margin:0;color:var(--muted);font-size:.84rem}.service-template-row>summary>b{width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:1.5rem;font-weight:300;transition:transform .45s var(--ease),background .35s,color .35s,border-color .35s}.service-template-row:hover>summary{padding-inline:22px;background:var(--paper-2)}.service-template-row[open]>summary{background:var(--ink);color:var(--paper);padding-inline:22px}.service-template-row[open]>summary small,.service-template-row[open]>summary>p{color:rgba(244,239,230,.58)}.service-template-row[open]>summary>span{color:var(--gold)}.service-template-row[open]>summary>b{transform:rotate(45deg);border-color:var(--gold);background:var(--gold);color:var(--ink)}.service-template-row-body{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:clamp(28px,5vw,80px);margin:0;padding:clamp(38px,5vw,72px) clamp(22px,4vw,70px);background:#e8dece;animation:service-body-v10 .6s var(--ease) both}@keyframes service-body-v10{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}.service-template-row-body>div{display:grid;align-content:start}.service-template-row-body small{margin:0 0 16px;color:var(--red);font:750 .52rem/1.3 var(--display);text-transform:uppercase;letter-spacing:.13em}.service-template-row-body p{max-width:520px;margin:0 0 32px;color:#514b43}.service-template-row-body span{display:block;padding:10px 0;border-bottom:1px solid rgba(12,12,12,.14);font-size:.8rem}.service-template-problem>div{display:flex;flex-wrap:wrap;gap:7px}.service-template-problem>div span{padding:8px 10px;border:1px solid rgba(12,12,12,.18);border-radius:999px;font-size:.57rem}
.service-process-v10{display:grid;grid-template-columns:minmax(300px,38%) minmax(0,62%);gap:clamp(50px,8vw,145px);background:radial-gradient(circle at 8% 15%,rgba(152,22,26,.3),transparent 28%),#090909}.service-process-heading{position:sticky;top:110px;align-self:start}.service-process-heading h2{margin:42px 0 28px}.service-process-heading>p:not(.eyebrow-v2){max-width:480px;color:rgba(244,239,230,.58)}.service-process-heading .button-v2{margin-top:28px}.service-process-steps{border-top:1px solid var(--light-line)}.service-process-steps article{position:relative;display:grid;grid-template-columns:58px 1fr 48px;gap:24px;min-height:230px;padding:34px 0;border-bottom:1px solid var(--light-line);overflow:hidden;color:var(--paper);transition:padding .45s var(--ease),background .4s,border-color .35s}.service-process-steps article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(152,22,26,.35),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);pointer-events:none}.service-process-steps article:hover{padding-inline:24px;border-color:rgba(184,138,50,.45)}.service-process-steps article:hover:before{transform:scaleX(1)}.service-process-steps article>*{position:relative}.service-process-steps article>span{font:.64rem monospace;color:var(--gold)}.service-process-steps small{color:rgba(244,239,230,.4);font-size:.49rem;letter-spacing:.13em}.service-process-steps h3{margin:18px 0 14px;font-size:clamp(1.7rem,2.7vw,3.25rem)}.service-process-steps p{max-width:620px;margin:0;color:rgba(244,239,230,.58)}.service-process-steps article>i{width:42px;aspect-ratio:1;border:1px solid var(--light-line);border-radius:50%;background:radial-gradient(circle,var(--gold) 0 9%,transparent 10%);transition:transform .55s var(--ease)}.service-process-steps article:hover>i{transform:rotate(180deg) scale(1.1)}
.service-value-v10{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,66%);gap:clamp(48px,7vw,125px);background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 44%),var(--paper-2)}.service-value-v10>div:first-child{position:sticky;top:110px;align-self:start}.service-value-v10>div:first-child h2{margin:42px 0 0}.service-value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-value-grid article{position:relative;min-height:330px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(244,239,230,.6);overflow:hidden;transition:transform .45s var(--ease),background .4s,color .35s,box-shadow .45s}.service-value-grid article:before{content:"";position:absolute;right:-45px;top:-45px;width:130px;aspect-ratio:1;border:1px solid rgba(152,22,26,.16);border-radius:50%;transition:transform .6s var(--ease)}.service-value-grid article:hover{transform:translateY(-8px);background:var(--ink);color:var(--paper);box-shadow:0 30px 80px rgba(48,32,18,.18)}.service-value-grid article:hover:before{transform:scale(1.45)}.service-value-grid article>span{font:.62rem monospace;color:var(--red)}.service-value-grid article:hover>span{color:var(--gold)}.service-value-grid h3{margin:clamp(60px,7vw,105px) 0 18px;font-size:clamp(1.45rem,2.25vw,2.7rem)}.service-value-grid p{margin:0;color:var(--muted);font-size:.86rem}.service-value-grid article:hover p{color:rgba(244,239,230,.58)}
@media(max-width:1050px){.service-template-intro{grid-template-columns:1fr}.service-template-intro-copy{max-width:680px}.service-template-intro-media{height:min(78vw,720px)}.service-template-row>summary{grid-template-columns:50px 1fr 58px}.service-template-row>summary>p{grid-column:2/3}.service-template-row-body{grid-template-columns:1fr 1fr}.service-template-problem{grid-column:1/-1}.service-process-v10,.service-value-v10{grid-template-columns:1fr}.service-process-heading,.service-value-v10>div:first-child{position:relative;top:auto}.service-process-heading{max-width:760px}.service-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.service-template-v10 .page-hero-v2{min-height:72svh}.service-template-intro{gap:34px}.service-template-intro-copy>span{font-size:2.7rem}.service-template-intro-media{height:auto;aspect-ratio:4/5;border-radius:var(--radius-md)}.service-template-intro-media:before{background:linear-gradient(0deg,rgba(7,7,7,.72),transparent 55%)}.service-template-intro-media>div{left:24px;bottom:24px}.service-template-intro-media b{font-size:clamp(2.4rem,12vw,3.6rem)}.service-template-row>summary{grid-template-columns:34px 1fr 46px;gap:12px;min-height:160px;padding:26px 0}.service-template-row>summary h2{font-size:clamp(1.85rem,8.5vw,2.75rem)}.service-template-row>summary>p{grid-column:2/4;font-size:.78rem}.service-template-row>summary>b{width:44px}.service-template-row:hover>summary,.service-template-row[open]>summary{padding-inline:12px}.service-template-row-body{grid-template-columns:1fr;padding:34px 18px}.service-template-problem{grid-column:auto}.service-process-steps article{grid-template-columns:36px 1fr;min-height:250px;gap:14px;padding:28px 0}.service-process-steps article>i{display:none}.service-process-steps article:hover{padding-inline:12px}.service-value-grid{grid-template-columns:1fr}.service-value-grid article{min-height:280px}.service-value-grid h3{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.service-template-row-body{animation:none}.service-template-intro-media:hover img,.service-process-steps article:hover>i,.service-value-grid article:hover{transform:none}}

/* Home capabilities v7 — heading first, then a stable two-by-two framework grid. */
.ke-what.home-flow-section{display:block;background:radial-gradient(circle at 90% 8%,rgba(184,138,50,.12),transparent 24%),var(--paper)}
.ke-what.home-flow-section:after{display:none}
.ke-what.home-flow-section .ke-what-heading{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);column-gap:clamp(42px,8vw,140px);padding:0 0 clamp(56px,7vw,105px)}
.ke-what.home-flow-section .ke-what-heading>.eyebrow-v2{grid-column:1/-1}
.ke-what.home-flow-section .ke-what-heading h2{grid-column:1;margin:38px 0 0;max-width:860px}
.ke-what.home-flow-section .ke-what-summary{grid-column:2;margin:42px 0 0;align-self:end;max-width:600px}
.ke-what.home-flow-section .ke-what-nav{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(36px,5vw,70px);border:0}
.ke-what.home-flow-section .ke-what-nav a{grid-template-columns:34px 1fr;grid-template-rows:auto auto;min-height:92px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.32)}
.ke-what.home-flow-section .ke-what-nav small{grid-column:2}.ke-what.home-flow-section .ke-what-nav b{grid-column:2}
.ke-what.home-flow-section .ke-what-note{grid-column:1/-1}
.ke-what.home-flow-section .ke-what-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);border:0}
.ke-what.home-flow-section .ke-what-list:before{grid-column:1/-1;padding-bottom:2px}
.ke-what.home-flow-section .ke-what-card,.ke-what.home-flow-section .ke-what-card:nth-child(even){display:flex;flex-direction:column;min-height:0;margin:0;padding:22px;gap:24px;border-radius:var(--radius-lg);background:rgba(255,255,255,.44)}
.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-copy,.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-media{grid-column:auto;grid-row:auto}
.ke-what.home-flow-section .ke-what-copy{order:1;display:grid;grid-template-columns:40px 1fr;align-content:start;padding:10px 8px 0}
.ke-what.home-flow-section .ke-what-copy>span{grid-column:1;grid-row:1}.ke-what.home-flow-section .ke-what-copy>small{grid-column:2;grid-row:1;margin:0}
.ke-what.home-flow-section .ke-what-copy h3{grid-column:1/-1;margin:38px 0 16px;font-size:clamp(1.75rem,2.35vw,2.8rem)}
.ke-what.home-flow-section .ke-what-copy>p,.ke-what.home-flow-section .ke-what-copy ul{grid-column:1/-1}
.ke-what.home-flow-section .ke-what-copy>p:not(.ke-what-question){min-height:5.1em;margin:0}
.ke-what.home-flow-section .ke-what-question{min-height:0;margin:22px 0 0!important}
.ke-what.home-flow-section .ke-what-copy ul{margin:18px 0 0}
.ke-what.home-flow-section .ke-what-media{order:2;width:100%;min-height:0;aspect-ratio:16/10;border-radius:calc(var(--radius-lg) - 9px)}
.ke-what.home-flow-section .ke-what-media>b{font-size:.54rem}
@media(max-width:1050px){.ke-what.home-flow-section .ke-what-heading{grid-template-columns:1fr}.ke-what.home-flow-section .ke-what-heading h2,.ke-what.home-flow-section .ke-what-summary{grid-column:1}.ke-what.home-flow-section .ke-what-summary{margin-top:26px}.ke-what.home-flow-section .ke-what-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ke-what.home-flow-section .ke-what-copy>p:not(.ke-what-question){min-height:6.6em}.ke-what.home-flow-section .ke-what-media{aspect-ratio:4/3}}
@media(max-width:720px){.ke-what.home-flow-section .ke-what-heading{padding-bottom:52px}.ke-what.home-flow-section .ke-what-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.ke-what.home-flow-section .ke-what-nav a{min-width:0}.ke-what.home-flow-section .ke-what-list{grid-template-columns:1fr;gap:20px}.ke-what.home-flow-section .ke-what-card,.ke-what.home-flow-section .ke-what-card:nth-child(even){padding:17px}.ke-what.home-flow-section .ke-what-copy>p:not(.ke-what-question){min-height:0}.ke-what.home-flow-section .ke-what-media{aspect-ratio:4/3}.ke-what.home-flow-section .ke-what-media>b{max-width:calc(100% - 28px);right:14px;bottom:14px}}

/* Portfolio Two v11 — editorial project index adapted to Van Kpa. */
.portfolio-template-v11 .page-hero-v2{min-height:84svh;background:radial-gradient(circle at 78% 34%,rgba(152,22,26,.38),transparent 28%),#080808}
.portfolio-template-v11 .page-hero-v2 h1{max-width:1220px;font-size:clamp(3.7rem,7.1vw,8.15rem)}
.portfolio-template-v11 .page-hero-summary{grid-template-columns:minmax(300px,630px) 1fr}
.portfolio-hero-facts{justify-self:end;display:flex;gap:10px}.portfolio-hero-facts span{display:grid;gap:8px;min-width:120px;padding:17px 18px;border:1px solid var(--light-line);border-radius:18px;color:rgba(244,239,230,.56);font-size:.53rem;text-transform:uppercase;letter-spacing:.12em}.portfolio-hero-facts b{color:var(--gold);font:650 1.35rem/1 var(--display)}
.portfolio-template-intro{display:grid;grid-template-columns:minmax(210px,26%) minmax(0,74%);gap:clamp(38px,7vw,130px);align-items:start;background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 45%),var(--paper-2)}
.portfolio-template-intro-label{display:grid;gap:clamp(80px,13vw,190px)}.portfolio-template-intro-label>span{color:var(--muted);font:.58rem monospace;text-transform:uppercase;letter-spacing:.12em}
.portfolio-template-intro-copy h2{max-width:960px;margin:0;font-size:clamp(2.8rem,5vw,5.8rem)}.portfolio-template-intro-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);max-width:900px;margin:clamp(38px,5vw,68px) 0 0 auto}.portfolio-template-intro-copy p{margin:0;color:var(--muted);font-size:clamp(.9rem,1.1vw,1.08rem)}
.portfolio-template-collection{padding-top:clamp(55px,7vw,100px);background:var(--paper)}
.portfolio-filter-shell{position:sticky;top:68px;z-index:20;display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:35px;align-items:end;margin-bottom:clamp(62px,8vw,120px);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(244,239,230,.92);backdrop-filter:blur(18px)}
.portfolio-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-filter-heading .eyebrow-v2,.portfolio-filter-heading .filter-status{margin:0}.portfolio-filter-heading .filter-status{color:var(--muted);font-size:.68rem;white-space:nowrap}.portfolio-filter-heading .filter-status b{color:var(--red);font-family:var(--display)}
.portfolio-template-collection .filter-bar{display:flex;justify-content:flex-end;gap:7px;padding:0;overflow-x:auto;scrollbar-width:none}.portfolio-template-collection .filter-bar::-webkit-scrollbar{display:none}.portfolio-template-collection .filter-bar button{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;font:650 .57rem/1 var(--display);text-transform:uppercase;letter-spacing:.09em;transition:background .3s,color .3s,border-color .3s,transform .3s}.portfolio-template-collection .filter-bar button:hover{transform:translateY(-2px);border-color:rgba(152,22,26,.45)}.portfolio-template-collection .filter-bar button.selected{background:var(--ink);border-color:var(--ink);color:var(--paper)}.portfolio-template-collection .filter-bar button b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(152,22,26,.1);color:var(--red);font:.57rem monospace}.portfolio-template-collection .filter-bar button.selected b{background:var(--gold);color:var(--ink)}
.portfolio-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(85px,11vw,175px) clamp(28px,5vw,82px);align-items:start}
.portfolio-template-card:nth-child(4n+2){margin-top:clamp(90px,11vw,170px)}.portfolio-template-card:nth-child(4n+3){margin-top:clamp(-45px,-3vw,-20px)}
.portfolio-template-media{position:relative;height:auto!important;aspect-ratio:4/5!important;border-radius:var(--radius-lg)!important;box-shadow:0 24px 70px rgba(48,32,18,.1);isolation:isolate}.portfolio-template-card:nth-child(3n+2) .portfolio-template-media{aspect-ratio:1/1!important}.portfolio-template-card:nth-child(3n) .portfolio-template-media{aspect-ratio:5/6!important}
.portfolio-template-media:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,transparent 64%,rgba(0,0,0,.52));opacity:.7;transition:opacity .5s}.portfolio-template-media .project-media,.portfolio-template-media picture,.portfolio-template-media img{width:100%;height:100%}.portfolio-template-media img{object-fit:cover;transition:transform 1.1s var(--ease),filter .55s}.portfolio-template-card:hover .portfolio-template-media img,.portfolio-template-card:focus-within .portfolio-template-media img{transform:scale(1.055);filter:saturate(.86) contrast(1.03)}.portfolio-template-card:hover .portfolio-template-media:after,.portfolio-template-card:focus-within .portfolio-template-media:after{opacity:1}
.portfolio-template-media>span{left:20px;top:20px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,8,8,.54);backdrop-filter:blur(10px)}.portfolio-media-index{position:absolute;right:22px;top:18px;z-index:4;color:rgba(255,255,255,.82);font:600 .62rem monospace}.portfolio-media-action{position:absolute;right:22px;bottom:22px;z-index:4;display:grid;place-items:center;width:86px;aspect-ratio:1;border-radius:50%;background:var(--gold);color:var(--ink);font:700 .54rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em;transform:translateY(12px) scale(.86);opacity:0;transition:transform .45s var(--ease),opacity .35s}.portfolio-template-card:hover .portfolio-media-action,.portfolio-template-card:focus-within .portfolio-media-action{transform:none;opacity:1}
.portfolio-template-copy{padding:26px 4px 0}.portfolio-card-meta{display:flex;align-items:start;justify-content:space-between;gap:20px}.portfolio-card-meta small{max-width:78%;color:var(--red);font:.56rem/1.5 monospace;text-transform:uppercase}.portfolio-card-meta>span{color:var(--muted);font:.57rem monospace}.portfolio-template-copy h2{margin:20px 0 18px;font-size:clamp(2rem,3.15vw,3.85rem)}.portfolio-template-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:.9rem}.portfolio-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.portfolio-card-footer>p{max-width:470px;margin:0;color:var(--muted);font-size:.68rem;line-height:1.5}.portfolio-card-footer>p small{display:block;margin-bottom:7px;color:var(--ink);font-size:.48rem;text-transform:uppercase;letter-spacing:.12em}.portfolio-card-footer>a{padding-bottom:5px;border-bottom:1px solid currentColor;font-size:.57rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.portfolio-template-lenses{display:grid;grid-template-columns:minmax(270px,36%) minmax(0,64%);gap:clamp(48px,8vw,140px);background:radial-gradient(circle at 8% 18%,rgba(152,22,26,.3),transparent 30%),#090909}.portfolio-template-lenses header{position:sticky;top:110px;align-self:start}.portfolio-template-lenses h2{margin:40px 0 0;font-size:clamp(2.7rem,4.5vw,5.25rem)}.portfolio-lens-grid{border-top:1px solid var(--light-line)}.portfolio-lens-grid article{position:relative;display:grid;grid-template-columns:50px 1fr;gap:28px;min-height:205px;padding:32px 0;border-bottom:1px solid var(--light-line);color:var(--paper);overflow:hidden;transition:padding .45s var(--ease),background .35s}.portfolio-lens-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(152,22,26,.36),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.portfolio-lens-grid article:hover{padding-inline:22px}.portfolio-lens-grid article:hover:before{transform:scaleX(1)}.portfolio-lens-grid article>*{position:relative}.portfolio-lens-grid article>span{color:var(--gold);font:.62rem monospace}.portfolio-lens-grid h3{margin:0 0 16px;font-size:clamp(1.65rem,2.5vw,3rem)}.portfolio-lens-grid p{max-width:570px;margin:0;color:rgba(244,239,230,.58);font-size:.86rem}
@media(max-width:1050px){.portfolio-template-v11 .page-hero-v2 h1{font-size:clamp(3.7rem,8.5vw,6.2rem)}.portfolio-template-intro{grid-template-columns:1fr}.portfolio-template-intro-label{display:flex;justify-content:space-between;gap:30px}.portfolio-filter-shell{position:relative;top:auto;grid-template-columns:1fr}.portfolio-template-collection .filter-bar{justify-content:flex-start}.portfolio-template-grid{gap:90px 28px}.portfolio-template-card:nth-child(n){margin-top:0}.portfolio-template-card:nth-child(even){margin-top:80px}.portfolio-template-lenses{grid-template-columns:1fr}.portfolio-template-lenses header{position:relative;top:auto;max-width:720px}}
@media(max-width:720px){.portfolio-template-v11 .page-hero-v2{min-height:72svh}.portfolio-template-v11 .page-hero-v2 h1{font-size:clamp(2.8rem,12vw,4.2rem)}.portfolio-template-v11 .page-hero-summary{grid-template-columns:1fr;gap:28px}.portfolio-hero-facts{justify-self:start;width:100%}.portfolio-hero-facts span{flex:1;min-width:0}.portfolio-template-intro-copy h2{font-size:clamp(2.35rem,10vw,3.45rem)}.portfolio-template-intro-copy>div{grid-template-columns:1fr}.portfolio-filter-heading{align-items:flex-start}.portfolio-template-collection{overflow:hidden}.portfolio-template-collection .filter-bar{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.portfolio-template-collection .filter-bar button{min-height:46px}.portfolio-template-grid{grid-template-columns:1fr;gap:76px}.portfolio-template-card:nth-child(n){margin-top:0}.portfolio-template-media,.portfolio-template-card:nth-child(3n+2) .portfolio-template-media,.portfolio-template-card:nth-child(3n) .portfolio-template-media{aspect-ratio:4/5!important}.portfolio-media-action{width:74px;opacity:1;transform:none}.portfolio-template-copy h2{font-size:clamp(2.1rem,9.5vw,3.15rem)}.portfolio-card-footer{grid-template-columns:1fr}.portfolio-card-footer>a{justify-self:start}.portfolio-lens-grid article{grid-template-columns:36px 1fr;gap:14px;min-height:220px}.portfolio-lens-grid article:hover{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.portfolio-template-card:hover .portfolio-template-media img,.portfolio-template-card:focus-within .portfolio-template-media img,.portfolio-template-collection .filter-bar button:hover{transform:none}.portfolio-media-action{transition:none}}

/* Projects v15 — six project-specific stories in a precise 3 × 2 collection. */
.portfolio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(72px,7vw,112px) clamp(18px,2.35vw,36px)}
.portfolio-template-card:nth-child(n){margin-top:0}
.portfolio-template-media,.portfolio-template-card:nth-child(3n+2) .portfolio-template-media,.portfolio-template-card:nth-child(3n) .portfolio-template-media{aspect-ratio:4/5!important}
.portfolio-template-copy{padding-top:22px}
.portfolio-template-copy h2{font-size:clamp(1.75rem,2.45vw,3.15rem);line-height:.98}
.portfolio-template-copy>p{font-size:clamp(.78rem,.88vw,.9rem);line-height:1.62}
.portfolio-card-footer{grid-template-columns:1fr;align-items:start;gap:18px;margin-top:22px}
.portfolio-card-footer>a{justify-self:start}
@media(max-width:1050px){.portfolio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:88px 28px}.portfolio-template-card:nth-child(n){margin-top:0}.portfolio-template-copy h2{font-size:clamp(2rem,4.3vw,3.35rem)}}
@media(max-width:720px){.portfolio-template-grid{grid-template-columns:1fr;gap:76px}.portfolio-template-copy h2{font-size:clamp(2.05rem,9vw,3rem)}}

/* Services v12 — fully isolated responsive layout; no legacy service selectors leak in. */
.services-v12{overflow:clip}.services-v12 .page-hero-v2{min-height:78svh}.services-v12 .page-hero-v2 h1{max-width:1240px;font-size:clamp(3.5rem,6.6vw,7.5rem)}.services-v12 .page-hero-summary{grid-template-columns:minmax(280px,620px) minmax(0,1fr)}
.services-intro-v12{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(36px,6vw,110px);align-items:end;background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 46%),var(--paper-2)}
.services-intro-heading-v12,.services-intro-copy-v12{min-width:0}.services-intro-heading-v12 h2{max-width:880px;margin:38px 0 0;font-size:clamp(2.75rem,4.7vw,5.45rem)}.services-intro-copy-v12{padding-bottom:6px}.services-intro-copy-v12>span{display:block;margin-bottom:24px;color:var(--red);font:650 clamp(2.3rem,4vw,4.9rem)/1 monospace;letter-spacing:-.07em}.services-intro-copy-v12>p{max-width:600px;margin:0;color:var(--muted);font-size:clamp(.95rem,1.15vw,1.12rem)}
.services-intro-media-v12{grid-column:1/-1;position:relative;width:100%;height:min(61vw,800px);min-height:520px;margin-top:clamp(24px,4vw,58px);overflow:hidden;border-radius:var(--radius-lg);background:#161616;box-shadow:0 32px 90px rgba(48,32,18,.16);isolation:isolate}.services-intro-media-v12 .responsive-picture,.services-intro-media-v12 picture,.services-intro-media-v12 img{display:block;width:100%;height:100%}.services-intro-media-v12 img{object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.02);transition:transform 1.1s var(--ease),filter .5s}.services-intro-media-v12:hover img{transform:scale(1.035);filter:saturate(.96)}.services-intro-media-v12:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,7,7,.72),transparent 50%),linear-gradient(0deg,rgba(7,7,7,.3),transparent 45%);pointer-events:none}.services-intro-media-v12>div{position:absolute;left:clamp(22px,4vw,64px);bottom:clamp(22px,4vw,58px);z-index:2;display:grid;color:var(--paper)}.services-intro-media-v12 small{margin-bottom:20px;color:var(--gold);font:750 .57rem/1.2 var(--display);letter-spacing:.14em}.services-intro-media-v12 b{font:600 clamp(2.6rem,4.7vw,5.8rem)/.86 var(--display);letter-spacing:-.065em}
.services-list-v12{background:var(--paper)}.services-list-v12 .section-title-v2{margin-bottom:clamp(54px,7vw,92px)}.services-rows-v12{border-top:1px solid var(--line)}.services-row-v12{display:block;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:hidden}.services-row-v12>summary{list-style:none;display:grid;grid-template-columns:48px minmax(260px,1fr) minmax(260px,430px) 54px;gap:clamp(16px,2.5vw,42px);align-items:center;width:100%;min-height:170px;padding:26px 0;cursor:pointer;transition:padding .4s var(--ease),background .35s,color .35s}.services-row-v12>summary::-webkit-details-marker{display:none}.services-row-v12>summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}.services-row-v12>summary>span{color:var(--red);font:.65rem monospace}.services-row-v12>summary>div{min-width:0}.services-row-v12>summary small{display:block;color:var(--muted);font-size:.5rem;text-transform:uppercase;letter-spacing:.13em}.services-row-v12>summary h2{overflow-wrap:anywhere;margin:11px 0 0;font-size:clamp(1.85rem,3.05vw,3.7rem);line-height:.96}.services-row-v12>summary>p{max-width:430px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.services-row-v12>summary>b{display:grid;place-items:center;width:50px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;font:300 1.35rem/1 var(--display);transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s}.services-row-v12>summary:hover{padding-inline:18px;background:var(--paper-2)}.services-row-v12[open]>summary{padding-inline:18px;background:var(--ink);color:var(--paper)}.services-row-v12[open]>summary small,.services-row-v12[open]>summary>p{color:rgba(244,239,230,.62)}.services-row-v12[open]>summary>span{color:var(--gold)}.services-row-v12[open]>summary>b{transform:rotate(45deg);border-color:var(--gold);background:var(--gold);color:var(--ink)}
.services-row-body-v12{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,68px);width:100%;margin:0;padding:clamp(34px,5vw,66px) clamp(18px,4vw,64px);background:#e8dece;animation:services-open-v12 .5s var(--ease) both}.services-row-body-v12>div{display:grid;align-content:start;min-width:0}.services-row-body-v12 small{margin:0 0 14px;color:var(--red);font:750 .51rem/1.3 var(--display);text-transform:uppercase;letter-spacing:.13em}.services-row-body-v12 p{max-width:520px;margin:0 0 28px;color:#514b43;font-size:.88rem}.services-row-body-v12 span{display:block;padding:10px 0;border-bottom:1px solid rgba(12,12,12,.14);font-size:.78rem;line-height:1.4}.services-row-problem-v12>div{display:flex;flex-wrap:wrap;gap:7px}.services-row-problem-v12>div span{padding:8px 10px;border:1px solid rgba(12,12,12,.18);border-radius:999px;font-size:.56rem}@keyframes services-open-v12{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.services-process-v12{display:grid;grid-template-columns:minmax(280px,37%) minmax(0,63%);gap:clamp(48px,8vw,135px);background:radial-gradient(circle at 9% 18%,rgba(152,22,26,.28),transparent 28%),#090909}.services-process-heading-v12{position:sticky;top:108px;align-self:start;min-width:0}.services-process-heading-v12 h2{margin:38px 0 25px;font-size:clamp(2.65rem,4.25vw,5rem)}.services-process-heading-v12>p:not(.eyebrow-v2){max-width:490px;margin:0;color:rgba(244,239,230,.6)}.services-process-heading-v12 .button-v2{margin-top:28px}.services-process-steps-v12{min-width:0;border-top:1px solid var(--light-line)}.services-process-steps-v12 article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 38px;gap:22px;min-height:205px;padding:31px 0;border-bottom:1px solid var(--light-line);overflow:hidden;color:var(--paper);transition:padding .4s var(--ease),border-color .3s}.services-process-steps-v12 article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(152,22,26,.34),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.services-process-steps-v12 article:hover{padding-inline:18px;border-color:rgba(184,138,50,.44)}.services-process-steps-v12 article:hover:before{transform:scaleX(1)}.services-process-steps-v12 article>*{position:relative}.services-process-steps-v12 article>span{color:var(--gold);font:.62rem monospace}.services-process-steps-v12 small{color:rgba(244,239,230,.43);font-size:.48rem;letter-spacing:.13em}.services-process-steps-v12 h3{margin:17px 0 13px;font-size:clamp(1.65rem,2.4vw,2.9rem)}.services-process-steps-v12 p{max-width:610px;margin:0;color:rgba(244,239,230,.6);font-size:.86rem}.services-process-steps-v12 article>i{width:34px;aspect-ratio:1;border:1px solid var(--light-line);border-radius:50%;background:radial-gradient(circle,var(--gold) 0 10%,transparent 11%)}
.services-value-v12{display:grid;grid-template-columns:minmax(270px,34%) minmax(0,66%);gap:clamp(45px,7vw,115px);background:linear-gradient(145deg,rgba(255,255,255,.26),transparent 45%),var(--paper-2)}.services-value-v12>div:first-child{position:sticky;top:108px;align-self:start;min-width:0}.services-value-v12>div:first-child h2{margin:38px 0 0;font-size:clamp(2.6rem,4.1vw,4.85rem)}.services-value-grid-v12{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.services-value-grid-v12 article{position:relative;display:flex;flex-direction:column;min-width:0;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(244,239,230,.65);overflow:hidden;transition:transform .4s var(--ease),background .35s,color .3s,box-shadow .4s}.services-value-grid-v12 article:before{content:"";position:absolute;right:-42px;top:-42px;width:120px;aspect-ratio:1;border:1px solid rgba(152,22,26,.16);border-radius:50%;transition:transform .5s var(--ease)}.services-value-grid-v12 article:hover{transform:translateY(-7px);background:var(--ink);color:var(--paper);box-shadow:0 28px 70px rgba(48,32,18,.16)}.services-value-grid-v12 article:hover:before{transform:scale(1.4)}.services-value-grid-v12 article>span{position:relative;color:var(--red);font:.62rem monospace}.services-value-grid-v12 article:hover>span{color:var(--gold)}.services-value-grid-v12 h3{position:relative;margin:auto 0 16px;font-size:clamp(1.4rem,2vw,2.4rem);overflow-wrap:anywhere}.services-value-grid-v12 p{position:relative;margin:0;color:var(--muted);font-size:.83rem}.services-value-grid-v12 article:hover p{color:rgba(244,239,230,.62)}
@media(max-width:1100px){.services-v12 .page-hero-v2{min-height:70svh}.services-intro-v12{grid-template-columns:1fr}.services-intro-copy-v12{max-width:720px}.services-intro-media-v12{height:min(76vw,720px);min-height:470px}.services-row-v12>summary{grid-template-columns:42px minmax(0,1fr) 50px;min-height:155px}.services-row-v12>summary>p{grid-column:2/3;margin-top:4px}.services-row-v12>summary>b{grid-column:3;grid-row:1/3}.services-row-body-v12{grid-template-columns:repeat(2,minmax(0,1fr))}.services-row-problem-v12{grid-column:1/-1}.services-process-v12,.services-value-v12{grid-template-columns:1fr}.services-process-heading-v12,.services-value-v12>div:first-child{position:relative;top:auto;max-width:760px}.services-value-grid-v12{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.services-v12 .page-hero-v2{min-height:68svh}.services-v12 .page-hero-v2 h1{font-size:clamp(2.7rem,11.5vw,4rem)}.services-v12 .page-hero-summary{grid-template-columns:1fr}.services-intro-v12{gap:30px}.services-intro-heading-v12 h2{font-size:clamp(2.3rem,9.7vw,3.35rem)}.services-intro-copy-v12>span{font-size:2.55rem}.services-intro-media-v12{height:auto;min-height:0;aspect-ratio:4/5;margin-top:16px;border-radius:var(--radius-md)}.services-intro-media-v12:after{background:linear-gradient(0deg,rgba(7,7,7,.7),transparent 58%)}.services-intro-media-v12>div{left:22px;bottom:22px}.services-intro-media-v12 b{font-size:clamp(2.35rem,11vw,3.45rem)}.services-list-v12 .section-title-v2{margin-bottom:46px}.services-row-v12>summary{grid-template-columns:30px minmax(0,1fr) 42px;gap:10px;min-height:145px;padding:23px 0}.services-row-v12>summary h2{font-size:clamp(1.72rem,7.8vw,2.45rem)}.services-row-v12>summary>p{grid-column:2/4;font-size:.76rem}.services-row-v12>summary>b{grid-column:3;grid-row:1;width:40px}.services-row-v12>summary:hover,.services-row-v12[open]>summary{padding-inline:10px}.services-row-body-v12{grid-template-columns:1fr;gap:30px;padding:31px 16px}.services-row-problem-v12{grid-column:auto}.services-process-v12{gap:52px}.services-process-heading-v12 h2,.services-value-v12>div:first-child h2{font-size:clamp(2.3rem,9.6vw,3.35rem)}.services-process-steps-v12 article{grid-template-columns:31px minmax(0,1fr);gap:12px;min-height:215px;padding:27px 0}.services-process-steps-v12 article>i{display:none}.services-process-steps-v12 article:hover{padding-inline:10px}.services-value-grid-v12{grid-template-columns:1fr}.services-value-grid-v12 article{min-height:255px;padding:24px}}
@media(max-width:390px){.services-row-v12>summary{grid-template-columns:26px minmax(0,1fr) 38px}.services-row-v12>summary>b{width:36px}.services-row-body-v12{padding-inline:12px}.services-value-grid-v12 article{padding:22px}}
@media(prefers-reduced-motion:reduce){.services-row-body-v12{animation:none}.services-intro-media-v12:hover img,.services-process-steps-v12 article:hover,.services-value-grid-v12 article:hover{transform:none}}

/* Site consistency v13 — shared overflow safeguards and a rebuilt footer. */
html,body,.site-page-v3,main{max-width:100%;overflow-x:clip}.site-page-v3,main,main>section,main>article{min-width:0}
:where(.section-v2,.page-hero-v2,.contact-hero-v2,.case-hero-v2,.cta-v2,.footer-v5-contact,.footer-v5-grid)>*{min-width:0}
:where(h1,h2,h3,h4,p,li,dd,a,button,small,strong,b){max-width:100%;overflow-wrap:break-word}.footer-v5 a[href^="mailto:"],.footer-v5 a[href^="https://www.vankpa"]{overflow-wrap:anywhere}.button-v2{max-width:100%;white-space:normal;text-align:left}.inquiry-form-v2>*{min-width:0}.inquiry-form-v2 input,.inquiry-form-v2 select,.inquiry-form-v2 textarea{min-width:0;max-width:100%}
.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div,.consulting-capabilities>div,.career-map-v3>div:last-child,.case-decisions-grid-v3>div:last-child,.analysis-steps,.principles-v3>div:last-child,.client-input>div:last-child,.engagement-v2>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-summary-v3,.case-summary-v2,.case-output-v3,.about-story,.about-preview-v2,.contact-form-section,.consulting-art,.career-actions,.case-provenance-v3,.case-links-v2,.cta-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.case-hero-v2 h1,.next-project-v3>a,.ke-article>header h1,.contact-hero-v2 h1{overflow-wrap:anywhere}.case-meta-v2{flex-wrap:wrap;gap:10px 24px}.case-role-v2,.case-hero-v2>p{max-width:min(720px,100%)}
.footer-v5{position:relative;overflow:hidden;background:#060606;color:var(--paper);isolation:isolate}.footer-v5:before{content:"VK";position:absolute;right:-.04em;bottom:-.18em;z-index:-1;font:700 34vw/1 var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.018);pointer-events:none}.footer-v5-contact{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(48px,8vw,145px);align-items:end;padding:clamp(82px,9vw,145px) var(--gutter);border-bottom:1px solid var(--light-line);background:radial-gradient(circle at 88% 15%,rgba(152,22,26,.28),transparent 28%)}.footer-v5-contact h2{max-width:980px;margin:38px 0 0;font-size:clamp(2.8rem,5.2vw,6.15rem);line-height:.88}.footer-v5-contact h2 em{color:var(--gold)}.footer-v5-contact>div:last-child{display:grid;justify-items:start;gap:28px}.footer-v5-contact>div:last-child p{max-width:510px;margin:0;color:rgba(244,239,230,.62);font-size:clamp(.96rem,1.15vw,1.12rem)}
.footer-v5-grid{display:grid;grid-template-columns:minmax(270px,1.45fr) minmax(170px,.7fr) minmax(160px,.65fr) minmax(230px,.9fr);gap:clamp(34px,5vw,82px);padding:clamp(58px,7vw,100px) var(--gutter);border-bottom:1px solid var(--light-line)}.footer-v5-brand p{max-width:470px;margin:27px 0 24px;color:rgba(244,239,230,.64);font-size:1rem;line-height:1.65}.footer-v5-method{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.footer-v5-method span{display:flex;align-items:center;gap:9px;color:rgba(244,239,230,.5);font-size:.55rem;text-transform:uppercase;letter-spacing:.11em}.footer-v5-method span:not(:last-child):after{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}.footer-v5-grid nav,.footer-v5-direct{display:grid;align-content:start;gap:0}.footer-v5-grid small{display:block;margin-bottom:18px;color:var(--gold);font:750 .61rem/1.3 var(--display);letter-spacing:.14em}.footer-v5-grid nav a,.footer-v5-direct>a{padding:11px 0;border-bottom:1px solid rgba(244,239,230,.11);color:rgba(244,239,230,.7);font-size:.96rem;line-height:1.35;transition:padding .3s var(--ease),color .25s,border-color .25s}.footer-v5-grid nav a:hover,.footer-v5-direct>a:hover{padding-left:8px;color:var(--paper);border-color:rgba(184,138,50,.5)}.footer-v5-direct p{margin:25px 0 0;color:rgba(244,239,230,.48);font-size:.82rem;line-height:1.55}.footer-v5-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px 32px;min-height:72px;padding:16px var(--gutter);color:rgba(244,239,230,.46);font:.64rem/1.45 monospace}
@media(max-width:1050px){.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div,.consulting-capabilities>div,.career-map-v3>div:last-child,.case-decisions-grid-v3>div:last-child,.principles-v3>div:last-child,.client-input>div:last-child,.engagement-v2>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-steps,.process-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.about-story,.about-preview-v2,.contact-form-section,.consulting-art,.career-actions,.case-provenance-v3,.case-links-v2,.cta-v2{grid-template-columns:1fr}.about-story{gap:48px}.case-provenance-v3,.case-links-v2{gap:38px}.footer-v5-contact{grid-template-columns:1fr}.footer-v5-contact>div:last-child{max-width:650px}.footer-v5-grid{grid-template-columns:minmax(260px,1.2fr) minmax(160px,.7fr) minmax(210px,.9fr)}.footer-v5-direct{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-top:28px;border-top:1px solid var(--light-line)}.footer-v5-direct small,.footer-v5-direct p{grid-column:1/-1}.footer-v5-direct p{margin-top:22px}}
@media(max-width:720px){:where(.section-v2,.cta-v2){padding-left:var(--gutter);padding-right:var(--gutter)}.page-hero-v2 h1,.contact-hero-v2 h1{font-size:clamp(2.65rem,11.2vw,3.9rem)}.section-title-v2 h2,.cta-v2 h2{font-size:clamp(2.05rem,9vw,3.2rem)}.strengths-v2>div,.consulting-proof>div,.next-steps-v2>div,.consulting-capabilities>div,.career-map-v3>div:last-child,.case-decisions-grid-v3>div:last-child,.principles-v3>div:last-child,.client-input>div:last-child,.engagement-v2>div:last-child,.analysis-steps,.process-grid-v2,.profile-summary-v3,.case-summary-v2,.case-output-v3,.about-story,.about-preview-v2,.contact-form-section,.consulting-art,.career-actions,.case-provenance-v3,.case-links-v2,.cta-v2{grid-template-columns:1fr}.case-hero-v2{padding-inline:var(--gutter)}.case-hero-v2 h1{font-size:clamp(2.8rem,12vw,4.25rem);line-height:.84}.case-output-v3>div:first-child{padding-right:0}.form-submit{align-items:flex-start;flex-direction:column}.footer-v5-contact{padding-block:78px}.footer-v5-contact h2{font-size:clamp(2.55rem,11vw,3.8rem)}.footer-v5-grid{grid-template-columns:1fr 1fr;gap:48px 24px;padding-block:58px}.footer-v5-brand,.footer-v5-direct{grid-column:1/-1}.footer-v5-brand p{font-size:.94rem}.footer-v5-grid nav a,.footer-v5-direct>a{font-size:.92rem}.footer-v5-direct{grid-template-columns:1fr}.footer-v5-direct small,.footer-v5-direct p{grid-column:1}.footer-v5-bottom{align-items:flex-start;flex-direction:column;padding-block:22px}.footer-v5-bottom span:nth-child(2){display:none}}
@media(max-width:390px){.footer-v5-grid{grid-template-columns:1fr}.footer-v5-grid nav{grid-column:1}.footer-v5-contact .button-v2{width:100%}}

/* Case studies v14 — project-specific responsive imagery and experience narratives. */
.case-media-v2 .responsive-picture,.case-media-v2 picture,.ke-case-gallery .responsive-picture,.ke-case-gallery picture{display:block;width:100%;height:100%}.case-media-v2 img,.ke-case-gallery img{width:100%;height:100%;object-fit:cover}.case-media-v2 .project-media{border-radius:var(--radius-lg)}
.case-experience-v7{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,145px);background:radial-gradient(circle at 12% 18%,rgba(152,22,26,.3),transparent 30%),#080808}.case-experience-intro{position:sticky;top:108px;align-self:start}.case-experience-intro h2{margin:40px 0 28px;font-size:clamp(2.65rem,4.3vw,5.15rem)}.case-experience-intro>p:not(.eyebrow-v2){max-width:560px;margin:0;color:rgba(244,239,230,.63);font-size:clamp(.92rem,1.05vw,1.05rem)}.case-experience-intro aside{margin-top:42px;padding:22px;border:1px solid rgba(184,138,50,.28);border-radius:var(--radius-md);background:rgba(184,138,50,.08)}.case-experience-intro aside small{display:block;margin-bottom:11px;color:var(--gold);font:750 .52rem/1.3 var(--display);letter-spacing:.13em}.case-experience-intro aside p{margin:0;color:rgba(244,239,230,.72);font-size:.82rem}.case-experience-steps{border-top:1px solid var(--light-line)}.case-experience-steps article{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 24px;min-height:250px;padding:32px 0;border-bottom:1px solid var(--light-line);overflow:hidden;transition:padding .45s var(--ease),border-color .3s}.case-experience-steps article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(152,22,26,.34),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.case-experience-steps article:hover{padding-inline:22px;border-color:rgba(184,138,50,.42)}.case-experience-steps article:hover:before{transform:scaleX(1)}.case-experience-steps article>*{position:relative}.case-experience-steps article>span{grid-row:1/3;color:var(--gold);font:.62rem monospace}.case-experience-steps h3{align-self:end;margin:35px 0 18px;font-size:clamp(1.7rem,2.65vw,3.25rem)}.case-experience-steps p{max-width:620px;margin:0;color:rgba(244,239,230,.58);font-size:.86rem}.ke-case-gallery-caption p{font-size:.82rem;line-height:1.6}.next-project-v3>a span{overflow-wrap:anywhere}
@media(max-width:1050px){.case-experience-v7{grid-template-columns:1fr;gap:60px}.case-experience-intro{position:relative;top:auto;max-width:760px}.case-media-v2{height:min(76vw,760px)}}
@media(max-width:720px){.case-media-v2{height:auto;padding-bottom:var(--gutter)}.case-media-v2>.project-media{height:auto;aspect-ratio:4/5}.case-experience-v7{gap:52px}.case-experience-intro h2{font-size:clamp(2.3rem,9.8vw,3.4rem)}.case-experience-intro aside{margin-top:30px;padding:19px}.case-experience-steps article{grid-template-columns:32px minmax(0,1fr);gap:0 13px;min-height:225px;padding:27px 0}.case-experience-steps article:hover{padding-inline:10px}.case-experience-steps h3{margin-top:28px}.ke-case-gallery-caption{padding:20px 0}.next-project-v3>a{font-size:clamp(2.45rem,11vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.case-experience-steps article:hover{padding-inline:0}.case-experience-steps article:before{transition:none}}

/* Case studies v15 — denser editorial rhythm with no animation-created blank bands. */
.case-study-v15 .section-v2{padding-block:clamp(62px,5.7vw,94px)}.case-study-v15 .ke-case-hero{min-height:auto;padding:clamp(128px,12vw,168px) var(--gutter) clamp(58px,5vw,78px)}.case-study-v15 .case-hero-v2 h1{margin:clamp(46px,5vw,68px) 0 clamp(28px,3vw,42px)}.case-study-v15 .case-role-v2{margin-top:24px}.case-study-v15 .ke-case-scroll{bottom:22px}.case-study-v15 .case-media-v2{height:min(61vw,790px)}
.case-study-v15 .ke-case-overview{grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:clamp(42px,6vw,92px);align-items:start}.case-study-v15 .ke-case-overview h2{margin:30px 0 22px}.case-study-v15 .ke-case-overview dl>div{padding:15px 0}.case-study-v15 .case-provenance-v3{grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);gap:clamp(42px,7vw,110px);align-items:start}.case-provenance-index{display:grid;gap:12px}.case-provenance-index>span{padding-top:12px;border-top:1px solid var(--light-line);color:rgba(244,239,230,.52);font:.58rem/1.45 monospace;text-transform:uppercase;letter-spacing:.08em}.case-study-v15 .case-provenance-v3 h2{margin:0 0 24px;font-size:clamp(2.5rem,4.2vw,5rem)}
.case-study-v15 .case-summary-v2{gap:clamp(44px,6vw,92px);align-items:start}.case-study-v15 .case-summary-v2 h2{margin-top:28px}.case-study-v15 .case-summary-v2>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-study-v15 .case-summary-v2>div:last-child>small{margin:0;padding:0 18px;color:var(--red)}.case-study-v15 .case-summary-v2>div:last-child>p{min-height:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.28)}
.case-study-v15 .case-experience-v7{display:block}.case-study-v15 .case-experience-intro{position:relative;top:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:0 clamp(44px,7vw,110px);max-width:none}.case-study-v15 .case-experience-intro>.eyebrow-v2{grid-column:1;grid-row:1}.case-study-v15 .case-experience-intro>h2{grid-column:1;grid-row:2/4;margin:30px 0 0}.case-study-v15 .case-experience-intro>p:not(.eyebrow-v2){grid-column:2;grid-row:2}.case-study-v15 .case-experience-intro>aside{grid-column:2;grid-row:3;margin-top:26px}.case-study-v15 .case-experience-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(45px,5vw,72px);border:0}.case-study-v15 .case-experience-steps article{display:flex;flex-direction:column;min-height:290px;padding:24px;border:1px solid var(--light-line);border-radius:var(--radius-md);background:rgba(255,255,255,.025)}.case-study-v15 .case-experience-steps article:hover{padding:24px;transform:translateY(-5px)}.case-study-v15 .case-experience-steps article>span{color:var(--gold)}.case-study-v15 .case-experience-steps h3{margin:auto 0 15px;font-size:clamp(1.55rem,2.1vw,2.5rem)}
.case-study-v15 .case-approach-v3 .section-title-v2,.case-study-v15 .case-decisions-grid-v3 .section-title-v2{margin-bottom:clamp(38px,4vw,58px)}.case-study-v15 .case-approach-v3 li{min-height:88px}.case-study-v15 .case-approach-v3 li p{font-size:clamp(1.05rem,1.65vw,1.75rem)}.case-study-v15 .case-decisions-grid-v3 article{min-height:240px;padding-top:22px}.case-study-v15 .case-decisions-grid-v3 h3{margin:42px 0 16px}.case-study-v15 .ke-case-gallery{grid-template-rows:minmax(280px,410px) auto;gap:14px}.case-study-v15 .ke-case-gallery-main{height:640px}.case-study-v15 .ke-case-gallery-detail{height:410px}.case-study-v15 .ke-case-gallery-caption{padding:20px}.case-study-v15 .case-output-v3{gap:clamp(44px,6vw,90px)}.case-study-v15 .case-output-v3 h2{margin:30px 0}.case-study-v15 .case-output-v3 li{padding:9px 0}.case-study-v15 .case-links-v2{padding-block:55px}.case-study-v15 .next-project-v3{padding-block:58px}.case-study-v15>.cta-v2{padding-block:clamp(66px,6vw,92px)}.case-study-v15>.cta-v2 h2{margin-top:30px}
body.ready .case-study-v15 [data-reveal]:not(.shown){opacity:.72;transform:translateY(14px)}body.ready .case-study-v15 [data-mask-reveal]:not(.shown){opacity:1;transform:none;clip-path:none}.case-study-v15 [data-mask-reveal]{clip-path:none}
@media(max-width:1050px){.case-study-v15 .case-media-v2{height:min(70vw,700px)}.case-study-v15 .ke-case-overview,.case-study-v15 .case-provenance-v3{grid-template-columns:1fr;gap:34px}.case-provenance-index{grid-template-columns:1fr 1fr}.case-provenance-index>.eyebrow-v2{grid-column:1/-1}.case-study-v15 .case-experience-intro{grid-template-columns:1fr;gap:24px}.case-study-v15 .case-experience-intro>.eyebrow-v2,.case-study-v15 .case-experience-intro>h2,.case-study-v15 .case-experience-intro>p:not(.eyebrow-v2),.case-study-v15 .case-experience-intro>aside{grid-column:1;grid-row:auto}.case-study-v15 .case-experience-intro>h2{margin-bottom:8px}.case-study-v15 .case-experience-intro>aside{margin-top:4px}.case-study-v15 .case-experience-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-v15 .case-experience-steps article:last-child{grid-column:1/-1;min-height:230px}.case-study-v15 .ke-case-gallery-main{height:560px}.case-study-v15 .ke-case-gallery-detail{height:360px}}
@media(max-width:720px){.case-study-v15 .section-v2{padding-block:56px}.case-study-v15 .ke-case-hero{padding:112px var(--gutter) 48px}.case-study-v15 .case-hero-v2 h1{margin:34px 0 25px}.case-study-v15 .case-media-v2{height:auto}.case-study-v15 .case-summary-v2{gap:34px}.case-study-v15 .case-summary-v2>div:last-child{grid-template-columns:1fr}.case-study-v15 .case-summary-v2>div:last-child>small{padding:0;margin-top:6px}.case-study-v15 .case-experience-steps{grid-template-columns:1fr;margin-top:38px}.case-study-v15 .case-experience-steps article,.case-study-v15 .case-experience-steps article:last-child{grid-column:1;min-height:220px;padding:22px}.case-study-v15 .case-experience-steps article:hover{padding:22px;transform:none}.case-study-v15 .case-approach-v3 li{min-height:76px}.case-study-v15 .case-decisions-grid-v3 article{min-height:0;padding-block:22px}.case-study-v15 .ke-case-gallery{gap:12px}.case-study-v15 .ke-case-gallery-main,.case-study-v15 .ke-case-gallery-detail{height:auto}.case-study-v15 .case-output-v3{gap:44px}.case-study-v15 .case-output-v3>div:first-child{padding-bottom:44px}.case-study-v15 .case-links-v2{padding-block:48px}.case-study-v15 .next-project-v3{padding-block:48px}.case-study-v15>.cta-v2{padding-block:60px}}

/* Case studies v16 — interactive consulting narrative and image-led start-to-finish story. */
.case-study-v16{background:var(--paper)}.case-study-v16 .section-v2{padding-block:clamp(68px,6.7vw,112px)}.case-study-v16 .ke-case-hero{min-height:auto;padding:clamp(132px,12vw,172px) var(--gutter) clamp(62px,5vw,82px)}.case-study-v16 .case-hero-v2 h1{max-width:1200px;margin:clamp(42px,4.8vw,66px) 0 clamp(27px,3vw,40px);font-size:clamp(3.8rem,7.6vw,8.8rem)}.case-study-v16 .case-role-v2{margin-top:26px}.case-study-v16 .ke-case-scroll{bottom:24px}.case-study-v16 .case-media-v2{height:min(61vw,790px)}
.case-chapters-v16{position:sticky;top:74px;z-index:30;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px var(--gutter);border-bottom:1px solid rgba(12,12,12,.12);background:rgba(244,239,230,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.case-chapters-v16 a{position:relative;padding:11px clamp(13px,2vw,28px);border-radius:999px;color:var(--muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.11em;transition:background .3s,color .3s,transform .3s}.case-chapters-v16 a:hover,.case-chapters-v16 a:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.case-study-v16 .ke-case-overview{grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:clamp(42px,6vw,92px);align-items:start;scroll-margin-top:135px}.case-study-v16 .ke-case-overview h2{margin:30px 0 22px}.case-study-v16 .ke-case-overview dl>div{padding:15px 0}.case-study-v16 .case-provenance-v3{grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);gap:clamp(42px,7vw,110px);align-items:start}.case-study-v16 .case-provenance-v3 h2{margin:0 0 24px;font-size:clamp(2.45rem,4vw,4.8rem)}.case-study-v16 .case-summary-v2{gap:clamp(44px,6vw,92px);align-items:start}.case-study-v16 .case-summary-v2 h2{margin-top:28px}.case-study-v16 .case-summary-v2>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-study-v16 .case-summary-v2>div:last-child>small{margin:0;padding:0 18px;color:var(--red)}.case-study-v16 .case-summary-v2>div:last-child>p{min-height:0;margin:0;padding:20px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.28)}
.case-study-v16 .case-experience-v7{display:block}.case-study-v16 .case-experience-intro{position:relative;top:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:0 clamp(44px,7vw,110px);max-width:none}.case-study-v16 .case-experience-intro>.eyebrow-v2{grid-column:1;grid-row:1}.case-study-v16 .case-experience-intro>h2{grid-column:1;grid-row:2/4;margin:30px 0 0}.case-study-v16 .case-experience-intro>p:not(.eyebrow-v2){grid-column:2;grid-row:2}.case-study-v16 .case-experience-intro>aside{grid-column:2;grid-row:3;margin-top:26px}.case-study-v16 .case-experience-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(45px,5vw,72px);border:0}.case-study-v16 .case-experience-steps article{display:flex;flex-direction:column;min-height:285px;padding:24px;border:1px solid var(--light-line);border-radius:var(--radius-md);background:rgba(255,255,255,.025)}.case-study-v16 .case-experience-steps article:hover{padding:24px;transform:translateY(-6px)}.case-study-v16 .case-experience-steps article>span{color:var(--gold)}.case-study-v16 .case-experience-steps h3{margin:auto 0 15px;font-size:clamp(1.5rem,2.05vw,2.4rem)}
.case-consulting-v16{display:grid;grid-template-columns:minmax(280px,35%) minmax(0,65%);gap:clamp(46px,8vw,132px);scroll-margin-top:135px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 46%),var(--paper-2)}.case-consulting-heading-v16{position:sticky;top:145px;align-self:start}.case-consulting-heading-v16 h2{margin:36px 0 25px;font-size:clamp(2.55rem,4.05vw,4.75rem)}.case-consulting-heading-v16>p:last-child{max-width:490px;margin:0;color:var(--muted)}.case-consulting-steps-v16{min-width:0;border-top:1px solid var(--line)}.case-consulting-step-v16{border-bottom:1px solid var(--line)}.case-consulting-step-v16>summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 48px;gap:18px;align-items:center;min-height:145px;padding:24px 0;cursor:pointer;transition:padding .4s var(--ease),background .35s,color .3s}.case-consulting-step-v16>summary::-webkit-details-marker{display:none}.case-consulting-step-v16>summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}.case-consulting-step-v16>summary>span{color:var(--red);font:.62rem monospace}.case-consulting-step-v16>summary small{display:block;margin-bottom:10px;color:var(--red);font-size:.5rem;text-transform:uppercase;letter-spacing:.14em}.case-consulting-step-v16 h3{margin:0;font-size:clamp(1.35rem,2.05vw,2.35rem);line-height:1.02}.case-consulting-step-v16>summary>b{display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;font:300 1.3rem/1 var(--display);transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s}.case-consulting-step-v16>summary:hover{padding-inline:15px;background:rgba(255,255,255,.34)}.case-consulting-step-v16[open]>summary{padding-inline:15px;background:var(--ink);color:var(--paper)}.case-consulting-step-v16[open]>summary>span,.case-consulting-step-v16[open]>summary small{color:var(--gold)}.case-consulting-step-v16[open]>summary>b{transform:rotate(45deg);border-color:var(--gold);background:var(--gold);color:var(--ink)}.case-consulting-body-v16{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(24px,4vw,58px);padding:32px 28px 42px 60px;background:#e5dac8;animation:case-process-open-v16 .48s var(--ease) both}.case-consulting-body-v16>p{margin:0;color:#4f4941}.case-consulting-body-v16>div{padding-left:20px;border-left:1px solid rgba(152,22,26,.28)}.case-consulting-body-v16 small{display:block;margin-bottom:12px;color:var(--red);font-size:.48rem;letter-spacing:.12em}.case-consulting-body-v16 strong{font-size:.82rem;font-weight:600;line-height:1.55}@keyframes case-process-open-v16{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.case-study-v16 .case-decisions-grid-v3 .section-title-v2{margin-bottom:clamp(38px,4vw,58px)}.case-study-v16 .case-decisions-grid-v3 article{min-height:240px;padding-top:22px}.case-study-v16 .case-decisions-grid-v3 h3{margin:42px 0 16px}
.case-story-v16{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);scroll-margin-top:135px;background:radial-gradient(circle at 88% 8%,rgba(184,138,50,.13),transparent 28%),var(--paper-2)}.case-story-intro-v16{grid-column:1/7;max-width:720px;margin-bottom:clamp(22px,4vw,58px)}.case-story-intro-v16 h2{margin:36px 0 24px;font-size:clamp(2.6rem,4.2vw,5rem)}.case-story-intro-v16>p:last-child{max-width:600px;margin:0;color:var(--muted)}.case-story-card-v16{min-width:0;margin:0}.case-story-card-v16>div{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);box-shadow:0 30px 90px rgba(46,32,17,.12)}.case-story-card-v16 .project-media,.case-story-card-v16 .responsive-picture,.case-story-card-v16 picture,.case-story-card-v16 img{display:block;width:100%;height:100%}.case-story-card-v16 img{object-fit:cover;transition:transform .9s var(--ease),filter .45s}.case-story-card-v16:hover img{transform:scale(1.035);filter:saturate(1.04)}.case-story-main-v16{grid-column:1/8}.case-story-main-v16>div{aspect-ratio:4/5}.case-story-outcome-v16{grid-column:8/13;align-self:end;margin-bottom:clamp(28px,7vw,110px)}.case-story-outcome-v16>div{aspect-ratio:1}.case-story-card-v16 figcaption{padding:22px 2px 0}.case-story-card-v16 figcaption>span{color:var(--red);font:.56rem monospace;letter-spacing:.09em}.case-story-card-v16 h3{margin:16px 0 12px;font-size:clamp(1.45rem,2.3vw,2.7rem)}.case-story-card-v16 figcaption p{max-width:600px;margin:0;color:var(--muted);font-size:.84rem}
.case-study-v16 .case-output-v3{gap:clamp(44px,6vw,90px);scroll-margin-top:135px}.case-study-v16 .case-output-v3 h2{margin:30px 0}.case-study-v16 .case-output-v3 li{padding:10px 0}.case-study-v16 .case-links-v2{padding-block:55px}.case-study-v16>.cta-v2{padding-block:clamp(68px,6vw,96px)}.case-study-v16>.cta-v2 h2{margin-top:30px}
.case-next-v16{background:var(--paper)}.case-next-heading-v16{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,.65fr);gap:32px;align-items:end;margin-bottom:clamp(42px,6vw,78px)}.case-next-heading-v16 h2{margin:0;font-size:clamp(2.7rem,4.7vw,5.6rem)}.case-next-grid-v16{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.1vw,32px)}.case-next-card-v16{min-width:0}.case-next-media-v16{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--ink)}.case-next-media-v16 .project-media,.case-next-media-v16 .responsive-picture,.case-next-media-v16 picture,.case-next-media-v16 img{display:block;width:100%;height:100%}.case-next-media-v16 img{object-fit:cover;transition:transform .8s var(--ease),filter .35s}.case-next-media-v16:hover img{transform:scale(1.055);filter:saturate(1.05)}.case-next-media-v16>span{position:absolute;left:16px;bottom:16px;z-index:2;display:grid;place-items:center;width:40px;aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;font:.58rem monospace}.case-next-card-v16>div{padding-top:22px}.case-next-card-v16 small{color:var(--red);font-size:.5rem;text-transform:uppercase;letter-spacing:.12em}.case-next-card-v16 h3{margin:15px 0 12px;font-size:clamp(1.5rem,2.1vw,2.45rem)}.case-next-card-v16>div>p{min-height:7.2em;margin:0 0 20px;color:var(--muted);font-size:.8rem}
body.ready .case-study-v16 [data-reveal]:not(.shown){opacity:.76;transform:translateY(12px)}body.ready .case-study-v16 [data-mask-reveal]:not(.shown){opacity:1;transform:none;clip-path:none}.case-study-v16 [data-mask-reveal]{clip-path:none}
@media(max-width:1050px){.case-study-v16 .case-media-v2{height:min(70vw,700px)}.case-study-v16 .ke-case-overview,.case-study-v16 .case-provenance-v3{grid-template-columns:1fr;gap:34px}.case-study-v16 .case-experience-intro{grid-template-columns:1fr;gap:24px}.case-study-v16 .case-experience-intro>.eyebrow-v2,.case-study-v16 .case-experience-intro>h2,.case-study-v16 .case-experience-intro>p:not(.eyebrow-v2),.case-study-v16 .case-experience-intro>aside{grid-column:1;grid-row:auto}.case-study-v16 .case-experience-intro>h2{margin-bottom:8px}.case-study-v16 .case-experience-intro>aside{margin-top:4px}.case-study-v16 .case-experience-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-v16 .case-experience-steps article:last-child{grid-column:1/-1;min-height:225px}.case-consulting-v16{grid-template-columns:1fr}.case-consulting-heading-v16{position:relative;top:auto;max-width:760px}.case-story-intro-v16{grid-column:1/9}.case-story-main-v16{grid-column:1/8}.case-story-outcome-v16{grid-column:8/13}.case-next-grid-v16{grid-template-columns:repeat(2,minmax(0,1fr))}.case-next-card-v16:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:28px}.case-next-card-v16:last-child>div{padding-top:0}.case-next-card-v16:last-child>div>p{min-height:0}}
@media(max-width:720px){.case-study-v16 .section-v2{padding-block:58px}.case-study-v16 .ke-case-hero{padding:112px var(--gutter) 50px}.case-study-v16 .case-hero-v2 h1{margin:34px 0 25px;font-size:clamp(2.8rem,12vw,4.25rem)}.case-study-v16 .case-media-v2{height:auto}.case-chapters-v16{top:66px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-inline:14px}.case-chapters-v16::-webkit-scrollbar{display:none}.case-chapters-v16 a{flex:0 0 auto;padding:9px 14px}.case-study-v16 .case-summary-v2{gap:34px}.case-study-v16 .case-summary-v2>div:last-child{grid-template-columns:1fr}.case-study-v16 .case-summary-v2>div:last-child>small{padding:0;margin-top:6px}.case-study-v16 .case-experience-steps{grid-template-columns:1fr;margin-top:38px}.case-study-v16 .case-experience-steps article,.case-study-v16 .case-experience-steps article:last-child{grid-column:1;min-height:215px;padding:22px}.case-study-v16 .case-experience-steps article:hover{padding:22px;transform:none}.case-consulting-v16{gap:45px}.case-consulting-heading-v16 h2{font-size:clamp(2.3rem,9.5vw,3.3rem)}.case-consulting-step-v16>summary{grid-template-columns:29px minmax(0,1fr) 41px;gap:11px;min-height:135px;padding:21px 0}.case-consulting-step-v16>summary>b{width:40px}.case-consulting-step-v16>summary:hover,.case-consulting-step-v16[open]>summary{padding-inline:9px}.case-consulting-step-v16 h3{font-size:clamp(1.3rem,6.2vw,1.85rem)}.case-consulting-body-v16{grid-template-columns:1fr;gap:22px;padding:27px 16px 32px}.case-consulting-body-v16>div{padding:18px 0 0;border-left:0;border-top:1px solid rgba(152,22,26,.28)}.case-study-v16 .case-decisions-grid-v3 article{min-height:0;padding-block:22px}.case-story-v16{grid-template-columns:1fr;gap:44px}.case-story-intro-v16,.case-story-main-v16,.case-story-outcome-v16{grid-column:1}.case-story-intro-v16{margin-bottom:0}.case-story-outcome-v16{margin-bottom:0}.case-story-card-v16>div,.case-story-main-v16>div,.case-story-outcome-v16>div{aspect-ratio:4/5;border-radius:var(--radius-md)}.case-story-card-v16 figcaption{padding-top:18px}.case-study-v16 .case-output-v3{gap:44px}.case-study-v16 .case-output-v3>div:first-child{padding-bottom:44px}.case-study-v16 .case-links-v2{padding-block:48px}.case-next-heading-v16{grid-template-columns:1fr;gap:22px}.case-next-grid-v16{grid-template-columns:1fr;gap:52px}.case-next-card-v16:last-child{grid-column:1;display:block}.case-next-media-v16{aspect-ratio:4/5}.case-next-card-v16>div>p{min-height:0}.case-study-v16>.cta-v2{padding-block:62px}}
@media(max-width:390px){.case-consulting-step-v16>summary{grid-template-columns:25px minmax(0,1fr) 36px}.case-consulting-step-v16>summary>b{width:36px}.case-story-card-v16 h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.case-consulting-body-v16{animation:none}.case-chapters-v16 a:hover,.case-study-v16 .case-experience-steps article:hover,.case-story-card-v16:hover img,.case-next-media-v16:hover img{transform:none}}

/* Services v13 — consulting-led journey, expandable capabilities, and responsive editorial motion. */
.services-v13{overflow:clip;background:var(--paper)}.services-v13 .section-v2{padding-block:clamp(76px,7.7vw,132px)}.services-hero-v13{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(36px,5vw,84px);min-height:100svh;padding:clamp(136px,12vw,180px) var(--gutter) clamp(62px,6vw,96px);overflow:hidden;background:radial-gradient(circle at 8% 14%,rgba(152,22,26,.28),transparent 27%),#070707;color:var(--paper)}.services-hero-v13:before{content:"SERVICES";position:absolute;left:-.04em;bottom:-.22em;font:700 clamp(10rem,25vw,29rem)/1 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.018);pointer-events:none}.services-hero-copy-v13{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.services-hero-meta-v13{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding-bottom:20px;border-bottom:1px solid var(--light-line);color:rgba(244,239,230,.52);font:.56rem/1.4 monospace;text-transform:uppercase;letter-spacing:.1em}.services-hero-copy-v13 h1{max-width:980px;margin:clamp(50px,6vw,90px) 0 30px;font-size:clamp(3.45rem,6.45vw,7.4rem);line-height:.84;letter-spacing:-.07em}.services-hero-copy-v13 h1 em{color:var(--gold)}.services-hero-copy-v13>p{max-width:690px;margin:0;color:rgba(244,239,230,.63);font-size:clamp(.98rem,1.18vw,1.15rem)}.services-hero-actions-v13{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:36px}.services-hero-visual-v13{position:relative;min-width:0;min-height:680px;overflow:hidden;border-radius:var(--radius-lg);background:#17120f;isolation:isolate}.services-hero-visual-v13 .responsive-picture,.services-hero-visual-v13 picture,.services-hero-visual-v13 img{display:block;width:100%;height:100%}.services-hero-visual-v13 img{object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.04);transition:transform 1.2s var(--ease),filter .5s}.services-hero-visual-v13:hover img{transform:scale(1.035);filter:saturate(.94)}.services-hero-visual-v13:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,7,7,.08),rgba(7,7,7,.72));pointer-events:none}.services-hero-card-v13{position:absolute;left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,42px);z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 30px;padding:24px;border:1px solid rgba(244,239,230,.2);border-radius:var(--radius-md);background:rgba(8,8,8,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.services-hero-card-v13 small{grid-column:1/-1;color:var(--gold);font-size:.5rem;letter-spacing:.13em}.services-hero-card-v13 strong{max-width:430px;font-size:clamp(1.25rem,1.65vw,1.9rem);line-height:1.1}.services-hero-card-v13 span{align-self:end;color:rgba(244,239,230,.48);font:.54rem/1.5 monospace;text-transform:uppercase}.services-hero-orbit-v13{position:absolute;right:-74px;top:-74px;z-index:2;width:210px;aspect-ratio:1;border:1px solid rgba(184,138,50,.38);border-radius:50%;animation:services-orbit-v13 22s linear infinite}.services-hero-orbit-v13:before{content:"";position:absolute;inset:28px;border:1px solid rgba(244,239,230,.15);border-radius:50%}.services-hero-orbit-v13 span{position:absolute;padding:5px 8px;border-radius:999px;background:#070707;color:var(--gold);font:.42rem monospace}.services-hero-orbit-v13 span:nth-child(1){left:73px;top:-10px}.services-hero-orbit-v13 span:nth-child(2){right:-17px;top:88px}.services-hero-orbit-v13 span:nth-child(3){left:64px;bottom:-10px}.services-hero-orbit-v13 span:nth-child(4){left:-18px;top:90px}@keyframes services-orbit-v13{to{transform:rotate(360deg)}}
.services-nav-v13{position:sticky;top:74px;z-index:30;display:flex;justify-content:center;gap:6px;padding:10px var(--gutter);border-bottom:1px solid rgba(12,12,12,.12);background:rgba(244,239,230,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.services-nav-v13 a{padding:11px clamp(13px,2vw,28px);border-radius:999px;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;transition:background .3s,color .3s,transform .3s}.services-nav-v13 a:hover,.services-nav-v13 a:focus-visible{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.services-start-v13{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,66%);gap:clamp(48px,8vw,138px);scroll-margin-top:135px;background:linear-gradient(145deg,rgba(255,255,255,.3),transparent 46%),var(--paper-2)}.services-start-heading-v13{position:sticky;top:145px;align-self:start}.services-start-heading-v13 h2{margin:38px 0 25px;font-size:clamp(2.55rem,4.1vw,4.85rem)}.services-start-heading-v13>p:last-child{max-width:480px;margin:0;color:var(--muted)}.services-start-grid-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services-start-grid-v13 article{position:relative;display:flex;flex-direction:column;min-width:0;min-height:320px;padding:28px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:rgba(244,239,230,.74);transition:transform .45s var(--ease),background .35s,color .3s,box-shadow .4s}.services-start-grid-v13 article:first-child{grid-column:1/-1;min-height:290px}.services-start-grid-v13 article:before{content:"";position:absolute;right:-46px;top:-46px;width:140px;aspect-ratio:1;border:1px solid rgba(152,22,26,.18);border-radius:50%;transition:transform .55s var(--ease)}.services-start-grid-v13 article:hover{transform:translateY(-7px);background:var(--ink);color:var(--paper);box-shadow:0 30px 80px rgba(46,32,17,.16)}.services-start-grid-v13 article:hover:before{transform:scale(1.5)}.services-start-grid-v13 article>span{position:relative;color:var(--red);font:.62rem monospace}.services-start-grid-v13 h3{position:relative;max-width:520px;margin:auto 0 16px;font-size:clamp(1.55rem,2.35vw,2.85rem)}.services-start-grid-v13 article>p{position:relative;max-width:590px;margin:0 0 22px;color:var(--muted);font-size:.84rem}.services-start-grid-v13 article:hover>p{color:rgba(244,239,230,.62)}.services-start-grid-v13 article:hover .text-action{color:var(--paper);border-color:rgba(244,239,230,.4)}
.services-method-v13{display:grid;grid-template-columns:minmax(280px,35%) minmax(0,65%);gap:clamp(48px,8vw,138px);scroll-margin-top:135px;background:radial-gradient(circle at 8% 18%,rgba(152,22,26,.3),transparent 29%),#080808}.services-method-heading-v13{position:sticky;top:145px;align-self:start}.services-method-heading-v13 h2{margin:38px 0 26px;font-size:clamp(2.7rem,4.4vw,5.15rem)}.services-method-heading-v13>p:not(.eyebrow-v2){max-width:490px;margin:0;color:rgba(244,239,230,.6)}.services-method-heading-v13 .button-v2{margin-top:30px}.services-method-steps-v13{min-width:0;border-top:1px solid var(--light-line)}.services-method-step-v13{border-bottom:1px solid var(--light-line);color:var(--paper)}.services-method-step-v13>summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) 48px;gap:18px;align-items:center;min-height:148px;padding:24px 0;cursor:pointer;transition:padding .4s var(--ease),background .35s,border-color .3s}.services-method-step-v13>summary::-webkit-details-marker{display:none}.services-method-step-v13>summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.services-method-step-v13>summary>span{color:var(--gold);font:.62rem monospace}.services-method-step-v13>summary small{display:block;margin-bottom:10px;color:rgba(244,239,230,.42);font-size:.5rem;text-transform:uppercase;letter-spacing:.14em}.services-method-step-v13 h3{max-width:680px;margin:0;font-size:clamp(1.35rem,2.05vw,2.4rem);line-height:1.02}.services-method-step-v13>summary>b{display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid var(--light-line);border-radius:50%;font:300 1.3rem/1 var(--display);transition:transform .4s var(--ease),background .3s,color .3s,border-color .3s}.services-method-step-v13>summary:hover{padding-inline:15px;background:rgba(255,255,255,.04)}.services-method-step-v13[open]>summary{padding-inline:15px;background:var(--paper);color:var(--ink)}.services-method-step-v13[open]>summary>span,.services-method-step-v13[open]>summary small{color:var(--red)}.services-method-step-v13[open]>summary>b{transform:rotate(45deg);border-color:var(--red);background:var(--red);color:#fff}.services-method-body-v13{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(24px,4vw,58px);padding:32px 28px 42px 60px;background:#dccfbb;color:var(--ink);animation:services-method-open-v13 .48s var(--ease) both}.services-method-body-v13>p{margin:0;color:#4f4941}.services-method-body-v13>div{padding-left:20px;border-left:1px solid rgba(152,22,26,.3)}.services-method-body-v13 small{display:block;margin-bottom:12px;color:var(--red);font-size:.48rem;letter-spacing:.12em}.services-method-body-v13 strong{font-size:.82rem;font-weight:600;line-height:1.55}@keyframes services-method-open-v13{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.services-capabilities-v13{scroll-margin-top:135px;background:var(--paper)}.services-capabilities-intro-v13{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,.64fr);gap:clamp(30px,5vw,82px);align-items:end;margin-bottom:clamp(54px,7vw,96px)}.services-capabilities-intro-v13>.eyebrow-v2{align-self:start}.services-capabilities-intro-v13 h2{margin:0;font-size:clamp(2.7rem,4.65vw,5.5rem)}.services-capabilities-intro-v13>p:last-child{grid-column:2;max-width:650px;margin:0;color:var(--muted)}.services-capability-grid-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.services-capability-v13{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:rgba(255,255,255,.26);transition:transform .4s var(--ease),box-shadow .4s,background .35s}.services-capability-v13:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(46,32,17,.11)}.services-capability-v13[open]{background:var(--paper-2)}.services-capability-v13>summary{list-style:none;display:flex;flex-direction:column;min-height:330px;padding:25px;cursor:pointer}.services-capability-v13>summary::-webkit-details-marker{display:none}.services-capability-v13>summary:focus-visible{outline:2px solid var(--red);outline-offset:-5px}.services-capability-top-v13{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center}.services-capability-top-v13>span{color:var(--red);font:.62rem monospace}.services-capability-top-v13>small{color:var(--muted);font-size:.5rem;text-transform:uppercase;letter-spacing:.12em}.services-capability-top-v13>b{display:grid;place-items:center;width:42px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;font:300 1.2rem/1 var(--display);transition:transform .4s,background .3s,color .3s}.services-capability-v13[open] .services-capability-top-v13>b{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:#fff}.services-capability-v13>summary h3{margin:auto 0 16px;font-size:clamp(1.9rem,3.2vw,3.8rem);line-height:.94}.services-capability-v13>summary>p{max-width:560px;margin:0;color:var(--red);font-size:.86rem}.services-capability-body-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px 25px 35px;border-top:1px solid var(--line);background:#e5dac8;animation:services-capability-open-v13 .45s var(--ease) both}.services-capability-body-v13>p{grid-column:1/-1;max-width:720px;margin:0;color:#4d4740}.services-capability-body-v13>div{min-width:0}.services-capability-body-v13 small{display:block;margin-bottom:12px;color:var(--red);font-size:.48rem;letter-spacing:.12em}.services-capability-body-v13 span{display:block;padding:9px 0;border-bottom:1px solid rgba(12,12,12,.13);font-size:.72rem;line-height:1.45}.services-related-v13{grid-column:1/-1;padding-top:8px}.services-related-v13 p{margin:0;font-size:.78rem;font-weight:600}@keyframes services-capability-open-v13{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.services-standard-v13{display:grid;grid-template-columns:minmax(280px,36%) minmax(0,64%);gap:clamp(48px,8vw,138px);scroll-margin-top:135px;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 46%),var(--paper-2)}.services-standard-heading-v13{position:sticky;top:145px;align-self:start}.services-standard-heading-v13 h2{margin:38px 0 24px;font-size:clamp(2.55rem,4.1vw,4.85rem)}.services-standard-heading-v13>p:last-child{max-width:500px;margin:0;color:var(--muted)}.services-standard-grid-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.services-standard-grid-v13 article{position:relative;display:flex;flex-direction:column;min-width:0;min-height:285px;padding:26px;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:rgba(244,239,230,.7);transition:transform .4s var(--ease),background .35s,color .3s}.services-standard-grid-v13 article:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.services-standard-grid-v13 article:hover{transform:translateY(-6px);background:var(--ink);color:var(--paper)}.services-standard-grid-v13 article:hover:before{transform:scaleX(1)}.services-standard-grid-v13 article>span{color:var(--red);font:.62rem monospace}.services-standard-grid-v13 article>div{margin-top:auto}.services-standard-grid-v13 h3{margin:0 0 15px;font-size:clamp(1.45rem,2.15vw,2.55rem)}.services-standard-grid-v13 p{margin:0;color:var(--muted);font-size:.82rem}.services-standard-grid-v13 article:hover p{color:rgba(244,239,230,.62)}.services-v13>.cta-v2{padding-block:clamp(76px,7vw,118px)}
body.ready .services-v13 [data-reveal]:not(.shown){opacity:.76;transform:translateY(12px)}
@media(max-width:1100px){.services-hero-v13{grid-template-columns:1fr;min-height:auto}.services-hero-copy-v13{min-height:610px}.services-hero-visual-v13{min-height:620px}.services-start-v13,.services-method-v13,.services-standard-v13{grid-template-columns:1fr}.services-start-heading-v13,.services-method-heading-v13,.services-standard-heading-v13{position:relative;top:auto;max-width:760px}.services-capability-v13>summary{min-height:290px}.services-capability-body-v13{grid-template-columns:repeat(2,minmax(0,1fr))}.services-capability-body-v13>div:last-child{grid-column:1/-1}}
@media(max-width:720px){.services-v13 .section-v2{padding-block:62px}.services-hero-v13{gap:38px;padding:112px var(--gutter) 48px}.services-hero-copy-v13{min-height:0}.services-hero-meta-v13{display:grid}.services-hero-copy-v13 h1{margin:42px 0 25px;font-size:clamp(2.75rem,12vw,4.15rem)}.services-hero-actions-v13{align-items:flex-start;flex-direction:column}.services-hero-visual-v13{min-height:0;aspect-ratio:4/5;border-radius:var(--radius-md)}.services-hero-card-v13{grid-template-columns:1fr;gap:12px;padding:18px}.services-hero-card-v13 strong{font-size:1.18rem}.services-hero-orbit-v13{width:150px}.services-nav-v13{top:66px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding-inline:14px}.services-nav-v13::-webkit-scrollbar{display:none}.services-nav-v13 a{flex:0 0 auto;padding:9px 14px}.services-start-v13,.services-method-v13,.services-standard-v13{gap:48px}.services-start-heading-v13 h2,.services-standard-heading-v13 h2{font-size:clamp(2.3rem,9.7vw,3.35rem)}.services-start-grid-v13{grid-template-columns:1fr}.services-start-grid-v13 article,.services-start-grid-v13 article:first-child{grid-column:1;min-height:275px;padding:23px}.services-method-heading-v13 h2{font-size:clamp(2.4rem,10vw,3.55rem)}.services-method-step-v13>summary{grid-template-columns:29px minmax(0,1fr) 41px;gap:11px;min-height:135px;padding:21px 0}.services-method-step-v13>summary>b{width:40px}.services-method-step-v13>summary:hover,.services-method-step-v13[open]>summary{padding-inline:9px}.services-method-step-v13 h3{font-size:clamp(1.3rem,6.2vw,1.85rem)}.services-method-body-v13{grid-template-columns:1fr;gap:22px;padding:27px 16px 32px}.services-method-body-v13>div{padding:18px 0 0;border-left:0;border-top:1px solid rgba(152,22,26,.3)}.services-capabilities-intro-v13{grid-template-columns:1fr;gap:23px;margin-bottom:46px}.services-capabilities-intro-v13 h2{font-size:clamp(2.35rem,9.8vw,3.45rem)}.services-capabilities-intro-v13>p:last-child{grid-column:1}.services-capability-grid-v13{grid-template-columns:1fr}.services-capability-v13>summary{min-height:270px;padding:22px}.services-capability-v13>summary h3{font-size:clamp(2rem,10vw,3rem)}.services-capability-body-v13{grid-template-columns:1fr;gap:27px;padding:26px 20px 31px}.services-capability-body-v13>div:last-child,.services-related-v13{grid-column:1}.services-standard-grid-v13{grid-template-columns:1fr}.services-standard-grid-v13 article{min-height:245px;padding:23px}.services-v13>.cta-v2{padding-block:64px}}
@media(max-width:390px){.services-hero-card-v13 span{font-size:.46rem}.services-method-step-v13>summary{grid-template-columns:25px minmax(0,1fr) 36px}.services-method-step-v13>summary>b{width:36px}.services-capability-top-v13{grid-template-columns:auto minmax(0,1fr) 38px}.services-capability-top-v13>b{width:38px}}
@media(prefers-reduced-motion:reduce){.services-hero-orbit-v13{animation:none}.services-method-body-v13,.services-capability-body-v13{animation:none}.services-nav-v13 a:hover,.services-hero-visual-v13:hover img,.services-start-grid-v13 article:hover,.services-capability-v13:hover,.services-standard-grid-v13 article:hover{transform:none}}

/* Case studies v17 — Services-led consulting system with contained imagery. */
.case-study-v17{overflow:clip;background:var(--paper)}
.case-project-hero-v17{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:clamp(38px,5vw,78px)}
.case-project-hero-v17:before{content:"CASE STUDY"}
.case-project-copy-v17 h1{max-width:900px;margin:clamp(46px,5.5vw,76px) 0 28px;font-size:clamp(3.25rem,5.7vw,6.55rem);overflow-wrap:anywhere}
.case-project-copy-v17>p{max-width:660px}
.case-project-role-v17{display:grid;gap:8px;max-width:680px;margin-top:28px;padding-top:20px;border-top:1px solid var(--light-line)}
.case-project-role-v17 small{color:var(--gold);font-size:.49rem;letter-spacing:.13em}
.case-project-role-v17 strong{color:rgba(244,239,230,.78);font-size:.78rem;line-height:1.55}
.case-project-visual-v17{align-self:end;width:100%;max-width:640px;min-height:0;height:min(72svh,660px);justify-self:end}
.case-project-visual-v17>.project-media,.case-project-visual-v17 .responsive-picture,.case-project-visual-v17 picture,.case-project-visual-v17 img{display:block;width:100%;height:100%}
.case-project-visual-v17 img{object-fit:cover;object-position:center}
.case-project-visual-v17:hover .case-project-visual-card-v17{transform:translateY(-6px)}
.case-project-visual-card-v17{transition:transform .45s var(--ease),background .35s}
.case-project-index-v17{position:absolute;right:24px;top:20px;z-index:3;display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid rgba(244,239,230,.28);border-radius:50%;background:rgba(8,8,8,.45);color:var(--gold);font:.62rem monospace;backdrop-filter:blur(10px)}
.case-chapters-v17{scrollbar-width:none}.case-chapters-v17::-webkit-scrollbar{display:none}
.case-project-start-v17{scroll-margin-top:135px}
.case-project-start-heading-v17 h2{font-size:clamp(2.45rem,3.75vw,4.45rem)}
.case-project-facts-v17{margin:34px 0 0;border-top:1px solid var(--line)}
.case-project-facts-v17>div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
.case-project-facts-v17 dt{color:var(--red);font:.48rem/1.45 monospace;text-transform:uppercase;letter-spacing:.1em}
.case-project-facts-v17 dd{min-width:0;margin:0;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.case-project-start-grid-v17 article>small{position:relative;display:block;margin:18px 0 0;color:var(--red);font-size:.48rem;letter-spacing:.13em}
.case-project-start-grid-v17 article:hover>small{color:var(--gold)}
.case-project-start-grid-v17 article h3{font-size:clamp(1.45rem,2.05vw,2.45rem)}
.case-experience-v17 .case-experience-steps article{isolation:isolate;transition:transform .45s var(--ease),background .35s,border-color .35s,box-shadow .45s}
.case-experience-v17 .case-experience-steps article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.case-experience-v17 .case-experience-steps article:hover{background:rgba(184,138,50,.08);border-color:rgba(184,138,50,.45);box-shadow:0 26px 70px rgba(0,0,0,.18)}
.case-experience-v17 .case-experience-steps article:hover:after{transform:scaleX(1)}
.case-project-method-v17{scroll-margin-top:135px}
.case-project-decisions-v17 .services-standard-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-project-decisions-v17 .services-standard-grid-v13 article:first-child:last-child{grid-column:1/-1}
.case-project-decisions-v17 .services-standard-grid-v13 article:last-child:nth-child(odd){grid-column:1/-1;min-height:245px}
.case-study-v17 .case-story-intro-v16{grid-column:2/8}
.case-study-v17 .case-story-main-v16{grid-column:2/8}
.case-study-v17 .case-story-outcome-v16{grid-column:8/12}
.case-study-v17 .case-story-card-v16>div{box-shadow:0 24px 72px rgba(46,32,17,.11)}
.case-study-v17 .case-output-v3>div{min-width:0;padding:30px;border:1px solid var(--light-line);border-radius:var(--radius-md);background:rgba(255,255,255,.025);transition:transform .4s var(--ease),background .35s,border-color .35s}
.case-study-v17 .case-output-v3>div:first-child{padding-right:30px}
.case-study-v17 .case-output-v3>div:hover{transform:translateY(-6px);background:rgba(184,138,50,.06);border-color:rgba(184,138,50,.34)}
.case-study-v17 .case-next-media-v16{aspect-ratio:16/10}
body.ready .case-study-v17 [data-reveal]:not(.shown){opacity:.68;transform:translateY(18px)}
@media(max-width:1100px){.case-project-hero-v17{grid-template-columns:1fr}.case-project-copy-v17{min-height:560px}.case-project-visual-v17{width:min(76%,760px);max-width:none;height:min(72vw,650px);justify-self:end}.case-project-start-v17,.case-project-method-v17,.case-project-decisions-v17{grid-template-columns:1fr}.case-project-start-heading-v17,.case-project-decisions-v17 .services-standard-heading-v13{position:relative;top:auto;max-width:760px}.case-study-v17 .case-story-intro-v16{grid-column:1/9}.case-study-v17 .case-story-main-v16{grid-column:1/8}.case-study-v17 .case-story-outcome-v16{grid-column:8/13}}
@media(max-width:720px){.case-project-hero-v17{gap:38px;padding:112px var(--gutter) 46px}.case-project-copy-v17{min-height:0}.case-project-copy-v17 h1{margin:40px 0 24px;font-size:clamp(2.65rem,11.5vw,4rem)}.case-project-visual-v17{width:100%;height:auto;aspect-ratio:4/5;border-radius:var(--radius-md)}.case-project-visual-card-v17{grid-template-columns:1fr}.case-project-index-v17{right:16px;top:16px;width:40px}.case-project-start-v17,.case-project-method-v17,.case-project-decisions-v17{gap:46px}.case-project-start-heading-v17 h2{font-size:clamp(2.25rem,9.5vw,3.25rem)}.case-project-start-grid-v17 article,.case-project-start-grid-v17 article:first-child{min-height:260px}.case-project-decisions-v17 .services-standard-grid-v13{grid-template-columns:1fr}.case-project-decisions-v17 .services-standard-grid-v13 article:last-child:nth-child(odd){grid-column:1}.case-study-v17 .case-story-intro-v16,.case-study-v17 .case-story-main-v16,.case-study-v17 .case-story-outcome-v16{grid-column:1}.case-study-v17 .case-output-v3>div,.case-study-v17 .case-output-v3>div:first-child{padding:24px}.case-study-v17 .case-output-v3>div:first-child{border-right:1px solid var(--light-line);border-bottom:1px solid var(--light-line)}.case-study-v17 .case-next-media-v16{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.case-project-visual-v17:hover .case-project-visual-card-v17,.case-experience-v17 .case-experience-steps article:hover,.case-study-v17 .case-output-v3>div:hover{transform:none}}

/* Consulting & Analytics v18 — Services page system, decision-led content. */
.consulting-analytics-v18{overflow:clip;background:var(--paper)}
.consulting-hero-v18:before{content:"ANALYTICS";font-size:clamp(8rem,21vw,25rem)}
.consulting-analytics-v18 .services-hero-copy-v13 h1{font-size:clamp(3.25rem,5.85vw,6.85rem)}
.consulting-hero-visual-v18 img{object-position:center;filter:saturate(.72) contrast(1.06)}
.consulting-analytics-v18 .services-capability-grid-v13{align-items:stretch}
.consulting-analytics-v18 .services-flip-card-v14{height:100%}
body.ready .consulting-analytics-v18 [data-reveal]:not(.shown){opacity:.72;transform:translateY(16px)}
@media(max-width:720px){.consulting-analytics-v18 .services-hero-copy-v13 h1{font-size:clamp(2.65rem,11.5vw,4rem)}.consulting-hero-visual-v18 img{object-position:54% center}}
@media(prefers-reduced-motion:reduce){.consulting-analytics-v18 .services-flip-card-v14:hover{transform:none}}

/* Services capabilities v14 — responsive image-led flip cards. */
.services-capability-grid-v13{perspective:1800px}.services-flip-card-v14{position:relative;min-width:0;height:clamp(650px,55vw,790px);scroll-margin-top:145px;perspective:1700px}.services-flip-toggle-v14{position:absolute;inset:0;z-index:8;width:100%;height:100%;padding:0;border:0;border-radius:var(--radius-lg);background:transparent;cursor:pointer}.services-flip-toggle-v14:focus-visible{outline:3px solid var(--red);outline-offset:5px}.services-flip-inner-v14{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s var(--ease)}.services-flip-card-v14.is-flipped .services-flip-inner-v14{transform:rotateY(180deg)}.services-flip-face-v14{position:absolute;inset:0;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 28px 75px rgba(46,32,17,.12)}.services-flip-front-v14{background:#14100d;color:var(--paper)}.services-flip-front-v14 .responsive-picture,.services-flip-front-v14 picture,.services-flip-front-v14 img{display:block;width:100%;height:100%}.services-flip-front-v14 img{object-fit:cover;filter:saturate(.84) contrast(1.025);transition:transform 1.1s var(--ease),filter .45s}.services-flip-shade-v14{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,7,.05) 18%,rgba(7,7,7,.82) 88%),linear-gradient(90deg,rgba(7,7,7,.34),transparent 60%)}.services-flip-front-copy-v14{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:clamp(22px,2.5vw,34px)}.services-flip-front-copy-v14>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.services-flip-front-copy-v14>div span{color:var(--gold);font:.62rem monospace}.services-flip-front-copy-v14>div small{color:rgba(244,239,230,.64);font-size:.5rem;text-transform:uppercase;letter-spacing:.13em}.services-flip-front-copy-v14 h3{max-width:640px;margin:auto 0 15px;font-size:clamp(2.2rem,3.7vw,4.6rem);line-height:.88;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.35)}.services-flip-front-copy-v14 p{max-width:560px;margin:0;color:rgba(255,255,255,.78);font-size:.92rem}.services-flip-front-copy-v14>b{align-self:flex-start;margin-top:22px;padding:10px 13px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;font-size:.51rem;text-transform:uppercase;letter-spacing:.12em}.services-flip-back-v14{display:flex;flex-direction:column;padding:clamp(22px,2.5vw,34px);transform:rotateY(180deg);background:radial-gradient(circle at 90% 8%,rgba(184,138,50,.2),transparent 26%),#0a0a0a;color:var(--paper)}.services-flip-back-head-v14{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--light-line)}.services-flip-back-head-v14>div{display:flex;align-items:center;gap:14px}.services-flip-back-head-v14 span{color:var(--gold);font:.62rem monospace}.services-flip-back-head-v14 small{color:rgba(244,239,230,.5);font-size:.48rem;text-transform:uppercase;letter-spacing:.12em}.services-flip-back-head-v14>b{color:var(--gold);font-size:.49rem;text-transform:uppercase;letter-spacing:.12em}.services-flip-back-v14>h3{margin:clamp(28px,3vw,42px) 0 15px;font-size:clamp(2rem,3.1vw,3.75rem);line-height:.91}.services-flip-back-v14>p{max-width:710px;margin:0;color:rgba(244,239,230,.62);font-size:.83rem}.services-flip-details-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:auto;padding-top:26px}.services-flip-details-v14>div{min-width:0}.services-flip-details-v14 small,.services-flip-related-v14 small{display:block;margin-bottom:11px;color:var(--gold);font-size:.46rem;letter-spacing:.12em}.services-flip-details-v14 span{display:block;padding:8px 0;border-bottom:1px solid var(--light-line);color:rgba(244,239,230,.66);font-size:.67rem;line-height:1.4}.services-flip-related-v14{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--light-line)}.services-flip-related-v14 small{margin:0}.services-flip-related-v14 strong{font-size:.68rem;line-height:1.45;text-align:left}.services-flip-card-v14.is-flipped .services-flip-toggle-v14{cursor:w-resize}
@media(hover:hover) and (pointer:fine){.services-flip-card-v14:not(.is-flipped):hover .services-flip-inner-v14{transform:rotateY(180deg)}.services-flip-card-v14:not(.is-flipped):hover .services-flip-front-v14 img{transform:scale(1.04);filter:saturate(.98)}}
@media(max-width:1100px){.services-flip-card-v14{height:740px}.services-flip-front-copy-v14 h3{font-size:clamp(2.15rem,5vw,3.8rem)}.services-flip-details-v14{grid-template-columns:repeat(2,minmax(0,1fr))}.services-flip-details-v14>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.services-flip-details-v14>div:last-child small{grid-column:1/-1}}
@media(max-width:720px){.services-flip-card-v14{height:970px}.services-flip-face-v14,.services-flip-toggle-v14{border-radius:var(--radius-md)}.services-flip-front-copy-v14{padding:22px}.services-flip-front-copy-v14 h3{font-size:clamp(2.2rem,11.5vw,3.4rem)}.services-flip-front-copy-v14 p{font-size:.86rem}.services-flip-back-v14{padding:22px}.services-flip-back-v14>h3{margin-top:28px;font-size:clamp(2.05rem,10vw,3.1rem)}.services-flip-details-v14{grid-template-columns:1fr;gap:22px;margin-top:28px}.services-flip-details-v14>div:last-child{grid-column:1;display:block}.services-flip-related-v14{grid-template-columns:1fr;gap:8px}.services-flip-related-v14 strong{text-align:left}}
@media(max-width:390px){.services-flip-card-v14{height:1010px}.services-flip-front-copy-v14>div{grid-template-columns:1fr;gap:8px}.services-flip-back-head-v14{align-items:flex-start;flex-direction:column}.services-flip-back-v14>p{font-size:.78rem}.services-flip-details-v14 span{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.services-flip-inner-v14,.services-flip-front-v14 img{transition:none}.services-flip-card-v14 .services-flip-inner-v14,.services-flip-card-v14.is-flipped .services-flip-inner-v14,.services-flip-card-v14:not(.is-flipped):hover .services-flip-inner-v14{transform:none}.services-flip-back-v14{transform:none;opacity:0}.services-flip-card-v14.is-flipped .services-flip-front-v14{opacity:0}.services-flip-card-v14.is-flipped .services-flip-back-v14{opacity:1}}

/* Full-site v19 — cohesive story system, contact path, and digital concierge. */
:root{--h1:clamp(3.35rem,6.7vw,7.9rem);--h2:clamp(2.55rem,4.8vw,5.55rem);--h3:clamp(1.45rem,2.35vw,2.8rem);--radius-card:24px;--shadow-card:0 28px 80px rgba(39,25,13,.12)}
body{font-size:clamp(.96rem,.98vw,1.06rem);text-rendering:optimizeLegibility}.section-v2{padding-block:clamp(76px,7.4vw,122px)}main>section{position:relative;isolation:isolate}main>section:not(.dark):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 38%)}
h1,h2,h3{letter-spacing:-.055em}.button-v2{position:relative;min-height:52px;padding:8px 20px;border-radius:14px;overflow:hidden;isolation:isolate;box-shadow:0 8px 20px rgba(12,12,12,.06);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s}.button-v2:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(255,255,255,.24),transparent 52%);transform:translateX(-105%);transition:transform .65s var(--ease)}.button-v2:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(12,12,12,.16)}.button-v2:hover:after{transform:none}.text-action{transition:color .25s,padding .3s var(--ease)}.text-action:hover{padding-inline:7px;color:var(--red)}.text-action.light:hover{color:var(--gold)}
[data-interactive]{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s;background-image:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(184,138,50,.1),transparent 34%)}[data-interactive]:hover{box-shadow:var(--shadow-card)}
.site-header-v3{height:76px;margin:10px clamp(10px,1.4vw,24px) 0;padding:0 clamp(16px,2vw,30px);inset:0 0 auto;border:1px solid rgba(244,239,230,.16);border-radius:18px;background:rgba(7,7,7,.82);box-shadow:0 16px 50px rgba(0,0,0,.18)}.site-header-v3.scrolled{height:64px;margin-top:6px}.nav-pill-v3{border:0;background:rgba(255,255,255,.055)}.header-contact-v3{padding:10px 16px;border-radius:11px;background:var(--gold);color:var(--ink);transition:transform .3s var(--ease),background .3s}.header-contact-v3:hover{transform:translateY(-2px);background:#c99a40}.site-menu-details>summary{right:calc(var(--gutter) + clamp(10px,1.4vw,24px));top:26px}.site-header-v3.scrolled+.site-menu-details>summary{top:17px}.menu-trigger-v3{border-radius:11px}.menu-v3{background:radial-gradient(circle at 10% 10%,rgba(152,22,26,.26),transparent 28%),#070707}.menu-v3-nav>a{border-radius:12px}.menu-v3-nav span{font-size:clamp(2rem,3.55vw,4.25rem)}
.page-hero-v3{min-height:74svh;padding-top:150px;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(152,22,26,.34),transparent 26%),linear-gradient(135deg,#070707,#111 68%,#210909)}.page-hero-v3:after{content:"VK";position:absolute;right:-.04em;bottom:-.22em;font:750 33vw/1 var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.018)}.page-hero-v3 h1{max-width:1250px;margin-block:38px 44px;font-size:clamp(3.35rem,6.3vw,7.4rem)}.page-hero-v3 .page-hero-summary{margin-left:min(34%,440px)}.page-hero-story-v3{position:absolute;right:var(--gutter);bottom:34px;display:flex;align-items:center;gap:9px;color:rgba(244,239,230,.4);font:.46rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.page-hero-story-v3 i{width:28px;height:1px;background:rgba(184,138,50,.42)}
.cta-v3{min-height:520px;align-items:center;background:radial-gradient(circle at 82% 22%,rgba(184,138,50,.12),transparent 24%),linear-gradient(135deg,#250506,#090909 55%)}.cta-v3:after{content:"LET’S TALK";position:absolute;right:-.02em;bottom:-.2em;z-index:-1;font:750 17vw/1 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.025)}.cta-v3 h2{font-size:clamp(2.7rem,4.6vw,5.35rem)}.cta-v3-path{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.cta-v3-path span{padding:9px 11px;border:1px solid var(--light-line);border-radius:999px;color:rgba(244,239,230,.54);font-size:.53rem;letter-spacing:.08em}.cta-v3>div:last-child{padding:clamp(24px,3vw,40px);border:1px solid var(--light-line);border-radius:var(--radius-card);background:rgba(255,255,255,.035);backdrop-filter:blur(12px)}
:where(.strengths-v2>div,.principles-v3>div:last-child,.next-steps-v2>div,.engagement-v2>div:last-child,.process-grid-v2,.services-standard-grid-v13,.portfolio-lens-grid){gap:12px;border-top:0}:where(.strengths-v2 article,.principles-v3 article,.next-steps-v2 article,.engagement-v2 article,.process-grid-v2 article){min-width:0;border:1px solid var(--line)!important;border-radius:var(--radius-card);padding:24px!important;background:rgba(255,255,255,.32);overflow:hidden;transition:transform .4s var(--ease),background .35s,box-shadow .4s}.dark :where(.strengths-v2 article,.principles-v3 article,.next-steps-v2 article,.engagement-v2 article,.process-grid-v2 article){border-color:var(--light-line)!important;background:rgba(255,255,255,.035)}:where(.strengths-v2 article,.principles-v3 article,.next-steps-v2 article,.engagement-v2 article,.process-grid-v2 article):hover{transform:translateY(-6px);box-shadow:var(--shadow-card)}
.footer-v6{position:relative;overflow:hidden;background:#050505;color:var(--paper);isolation:isolate}.footer-v6:before{content:"VK";position:absolute;right:-.05em;bottom:-.12em;z-index:-1;font:750 30vw/1 var(--display);letter-spacing:-.12em;color:rgba(255,255,255,.018)}.footer-v6-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(46px,8vw,140px);align-items:end;padding:clamp(76px,8vw,128px) var(--gutter);border-bottom:1px solid var(--light-line);background:radial-gradient(circle at 85% 20%,rgba(152,22,26,.24),transparent 27%)}.footer-v6-lead h2{max-width:900px;margin:34px 0 0;font-size:clamp(2.75rem,4.8vw,5.6rem)}.footer-v6-lead h2 em{color:var(--gold)}.footer-v6-lead>div:last-child{display:grid;justify-items:start;gap:26px;padding:28px;border:1px solid var(--light-line);border-radius:var(--radius-card);background:rgba(255,255,255,.03)}.footer-v6-lead>div:last-child p{margin:0;color:rgba(244,239,230,.62);font-size:1rem}.footer-v6-directory{display:grid;grid-template-columns:minmax(280px,1.45fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(220px,.85fr);gap:clamp(30px,5vw,78px);padding:clamp(54px,6vw,82px) var(--gutter);border-bottom:1px solid var(--light-line)}.footer-v6-brand p{max-width:460px;margin:24px 0 19px;color:rgba(244,239,230,.58);font-size:.91rem}.footer-v6-brand>span{color:rgba(244,239,230,.38);font:.57rem monospace;text-transform:uppercase}.footer-v6-directory nav,.footer-v6-contact{display:grid;align-content:start}.footer-v6-directory small{margin-bottom:14px;color:var(--gold);font-size:.53rem;letter-spacing:.14em}.footer-v6-directory nav a,.footer-v6-contact>a{padding:10px 0;border-bottom:1px solid rgba(244,239,230,.1);color:rgba(244,239,230,.68);font-size:.84rem;transition:padding .3s,color .25s}.footer-v6-directory nav a:hover,.footer-v6-contact>a:hover{padding-left:7px;color:#fff}.footer-v6-contact>div{display:flex;align-items:flex-start;gap:9px;margin-top:22px;color:rgba(244,239,230,.44);font-size:.69rem;line-height:1.5}.footer-v6-contact i{flex:0 0 7px;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#76d67e;box-shadow:0 0 0 5px rgba(118,214,126,.08)}.footer-v6-bottom{min-height:66px;padding:17px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(244,239,230,.4);font:.58rem monospace}.footer-v6-bottom a{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.concierge-v1{position:fixed;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);z-index:600;color:var(--paper)}.concierge-trigger-v1{display:flex;align-items:center;gap:11px;min-height:54px;padding:7px 15px 7px 7px;border:1px solid rgba(244,239,230,.18);border-radius:15px;background:rgba(8,8,8,.92);color:var(--paper);box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.concierge-trigger-v1>span{width:39px;height:39px;border-radius:11px;background:var(--gold);display:flex;align-items:end;justify-content:center;gap:3px;padding-bottom:11px}.concierge-trigger-v1 i{width:4px;border-radius:4px;background:var(--ink)}.concierge-trigger-v1 i:nth-child(1){height:9px}.concierge-trigger-v1 i:nth-child(2){height:15px}.concierge-trigger-v1 i:nth-child(3){height:12px}.concierge-trigger-v1 b{font-size:.65rem;letter-spacing:.04em}.concierge-panel-v1{position:absolute;right:0;bottom:68px;width:min(440px,calc(100vw - 28px));max-height:min(680px,calc(100svh - 100px));overflow:auto;border:1px solid rgba(244,239,230,.16);border-radius:24px;background:radial-gradient(circle at 90% 8%,rgba(152,22,26,.28),transparent 26%),rgba(8,8,8,.98);box-shadow:0 30px 100px rgba(0,0,0,.42);transform-origin:bottom right;animation:concierge-in .45s var(--ease)}@keyframes concierge-in{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.concierge-panel-v1>header{display:flex;justify-content:space-between;gap:18px;padding:24px;border-bottom:1px solid var(--light-line)}.concierge-panel-v1 header small{color:var(--gold);font-size:.48rem;letter-spacing:.13em}.concierge-panel-v1 header h2{margin:10px 0 0;font-size:1.75rem;line-height:1}.concierge-panel-v1 header>button{align-self:start;border:0;background:transparent;color:rgba(244,239,230,.5);font-size:.58rem;text-transform:uppercase}.concierge-options-v1{display:grid;gap:8px;padding:14px}.concierge-options-v1>button{display:grid;grid-template-columns:34px 1fr;text-align:left;gap:3px 12px;padding:16px;border:1px solid var(--light-line);border-radius:14px;background:rgba(255,255,255,.025);color:var(--paper);transition:background .3s,transform .3s}.concierge-options-v1>button:hover{transform:translateY(-2px);background:rgba(184,138,50,.1)}.concierge-options-v1 span{grid-row:1/3;color:var(--gold);font:.56rem monospace}.concierge-options-v1 b{font-size:.86rem}.concierge-options-v1 small{color:rgba(244,239,230,.45);font-size:.66rem}.concierge-answer-v1{padding:24px}.concierge-answer-v1>p{margin:0 0 24px;color:rgba(244,239,230,.66)}.concierge-answer-v1 .text-action{margin:20px 0 0 12px}.concierge-answer-v1>button{display:block;margin-top:24px;border:0;background:transparent;color:rgba(244,239,230,.45);font-size:.58rem;text-decoration:underline}.concierge-panel-v1>footer{padding:18px 24px 22px;border-top:1px solid var(--light-line)}.concierge-panel-v1>footer p{margin:0;color:rgba(244,239,230,.4);font-size:.64rem}.concierge-panel-v1>footer div{display:flex;gap:18px;margin-top:13px}.concierge-panel-v1>footer a{color:var(--gold);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em}
.contact-hero-v9{min-height:100svh;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(40px,6vw,95px);align-items:end;padding:135px var(--gutter) 56px}.contact-hero-v9>div:first-child{padding-bottom:25px}.contact-hero-v9 h1{font-size:clamp(3.15rem,5.4vw,6.2rem)}.contact-hero-actions-v9{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.contact-hero-media-v9{position:relative;height:min(70svh,690px);overflow:hidden;border-radius:var(--radius-card);box-shadow:0 30px 100px rgba(0,0,0,.28)}.contact-hero-media-v9 picture,.contact-hero-media-v9 img{width:100%;height:100%}.contact-hero-media-v9 img{object-fit:cover}.contact-hero-media-v9>span,.profile-visual-media-v9>span,.studio-story-media-v9>span{position:absolute;left:18px;bottom:18px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,8,8,.6);color:#fff;font-size:.52rem;letter-spacing:.1em;backdrop-filter:blur(10px)}.contact-form-v9{scroll-margin-top:100px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(45px,8vw,120px)}.contact-form-v9>div:first-child{position:sticky;top:120px;align-self:start}.contact-direct-v9{display:grid;justify-items:start;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.contact-direct-v9 small{color:var(--red);font-size:.52rem;letter-spacing:.12em}.contact-direct-v9 a{padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}.inquiry-form-v2{padding:clamp(22px,3vw,40px);border:1px solid var(--line);border-radius:var(--radius-card);background:rgba(255,255,255,.36);box-shadow:var(--shadow-card)}.inquiry-form-v2 input,.inquiry-form-v2 select,.inquiry-form-v2 textarea{border-radius:10px;background:rgba(255,255,255,.56)}
.profile-visual-v9,.studio-story-v9{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(45px,8vw,125px);align-items:center}.profile-visual-v9 h2,.studio-story-v9 h2{margin:34px 0 25px;font-size:clamp(2.55rem,4.2vw,4.9rem)}.profile-visual-v9>div:first-child>p:last-child,.studio-story-v9>div:last-child>p{color:rgba(244,239,230,.58)}.studio-story-v9>div:last-child>p{color:var(--muted)}.profile-visual-media-v9,.studio-story-media-v9{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.profile-visual-media-v9 picture,.profile-visual-media-v9 img,.studio-story-media-v9 picture,.studio-story-media-v9 img{width:100%;height:100%}.profile-visual-media-v9 img,.studio-story-media-v9 img{object-fit:cover}.studio-story-v9{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)}.studio-story-v9 .button-v2{margin-top:26px}
@media(max-width:1050px){.footer-v6-lead{grid-template-columns:1fr}.footer-v6-lead>div:last-child{max-width:720px}.footer-v6-directory{grid-template-columns:1.2fr .7fr .7fr}.footer-v6-contact{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding-top:26px;border-top:1px solid var(--light-line)}.footer-v6-contact small,.footer-v6-contact>div{grid-column:1/-1}.contact-hero-v9{grid-template-columns:1fr;min-height:auto}.contact-hero-media-v9{height:min(72vw,650px)}.profile-visual-v9,.studio-story-v9{grid-template-columns:1fr}.profile-visual-media-v9,.studio-story-media-v9{aspect-ratio:16/10}.contact-form-v9{grid-template-columns:1fr}.contact-form-v9>div:first-child{position:relative;top:auto;max-width:720px}}
@media(max-width:720px){:root{--h1:clamp(2.55rem,10.8vw,3.8rem);--h2:clamp(2rem,8.7vw,3rem);--h3:clamp(1.25rem,5.6vw,1.85rem);--radius-card:18px}.section-v2{padding-block:64px}.site-header-v3{height:60px!important;margin:6px 6px 0;padding-inline:13px;border-radius:14px}.site-header-v3 .brand-v2 b{font-size:.68rem}.site-menu-details>summary{right:12px;top:15px}.menu-trigger-v3{height:40px;min-width:90px;border-radius:10px}.page-hero-v3{min-height:68svh;padding:116px var(--gutter) 54px}.page-hero-v3 h1{font-size:clamp(2.65rem,11vw,3.85rem);margin-block:34px}.page-hero-v3 .page-hero-summary{margin-left:0}.page-hero-story-v3{display:none}.cta-v3{min-height:0;padding-block:64px}.cta-v3>div:last-child{padding:22px}.cta-v3-path{display:grid}.footer-v6-lead{padding-block:66px}.footer-v6-lead h2{font-size:clamp(2.45rem,10.2vw,3.55rem)}.footer-v6-lead>div:last-child{padding:22px}.footer-v6-directory{grid-template-columns:1fr 1fr;gap:42px 22px;padding-block:50px}.footer-v6-brand,.footer-v6-contact{grid-column:1/-1}.footer-v6-contact{grid-template-columns:1fr}.footer-v6-contact small,.footer-v6-contact>div{grid-column:1}.footer-v6-bottom{align-items:flex-start;flex-direction:column}.concierge-v1{right:12px;bottom:12px}.concierge-trigger-v1 b{display:none}.concierge-trigger-v1{padding:6px}.concierge-panel-v1{bottom:62px;width:calc(100vw - 24px);max-height:calc(100svh - 92px)}.contact-hero-v9{padding:112px var(--gutter) 40px}.contact-hero-v9 h1{font-size:clamp(2.7rem,11.3vw,4rem)}.contact-hero-actions-v9{align-items:flex-start;flex-direction:column}.contact-hero-media-v9{height:auto;aspect-ratio:4/5}.contact-hero-media-v9 img{object-position:60% center}.inquiry-form-v2{padding:18px}.profile-visual-media-v9,.studio-story-media-v9{aspect-ratio:4/5}.profile-visual-media-v9 img{object-position:38% center}.studio-story-media-v9 img{object-position:63% center}.profile-visual-v9 h2,.studio-story-v9 h2{font-size:clamp(2.2rem,9.3vw,3.2rem)}:where(.strengths-v2 article,.principles-v3 article,.next-steps-v2 article,.engagement-v2 article,.process-grid-v2 article){min-height:0!important}.menu-v3-nav span{font-size:clamp(2rem,10vw,2.9rem)}}
@media(max-width:390px){.footer-v6-directory{grid-template-columns:1fr}.footer-v6-directory nav{grid-column:1}.concierge-panel-v1>header{padding:20px}.concierge-options-v1>button{padding:14px}}
@media(prefers-reduced-motion:reduce){[data-interactive],[data-interactive]:hover,.button-v2:hover,.site-header-v3{transform:none!important;transition:none}.concierge-panel-v1{animation:none}}

/* Full-site v20 — Movento-inspired editorial logistics system */
:root{--movento-navy:#142a39;--movento-deep:#091923;--movento-blue:#274a5f;--movento-orange:#f28a32;--movento-orange-dark:#dc7220;--movento-mist:#e7eef1;--movento-paper:#f7f6f1;--movento-ink:#10202a;--ink:var(--movento-ink);--paper:var(--movento-paper);--paper-2:var(--movento-mist);--red:var(--movento-orange);--red-dark:var(--movento-deep);--gold:var(--movento-orange);--muted:#60717b;--line:rgba(16,32,42,.14);--light-line:rgba(255,255,255,.16);--display:"Arial Narrow","Helvetica Neue Condensed","Roboto Condensed","Franklin Gothic Condensed",Arial,sans-serif;--body:"Helvetica Neue",Helvetica,Arial,sans-serif;--h1:clamp(3.35rem,6.05vw,7.1rem);--h2:clamp(2.6rem,4.8vw,5.55rem);--h3:clamp(1.45rem,2.15vw,2.45rem);--radius-card:28px;--shadow-card:0 28px 75px rgba(12,31,43,.14)}
html{background:var(--movento-deep)}body{background:var(--movento-paper);color:var(--movento-ink);font-family:var(--body)}h1,h2,h3,h4{font-family:var(--display);font-weight:850;line-height:.93;letter-spacing:-.045em;text-transform:uppercase}h1 em,h2 em,h3 em{font-family:inherit;font-weight:inherit;color:var(--movento-orange)}p{line-height:1.68}.eyebrow-v2{color:var(--movento-orange);font-family:var(--body);font-weight:750;letter-spacing:.15em}.eyebrow-v2:before{background:currentColor}.section-v2{padding-block:clamp(82px,8.5vw,142px)}main>section:not(.dark):before{background:linear-gradient(125deg,rgba(255,255,255,.45),transparent 36%)}
.progress-v2{height:3px;background:var(--movento-orange)}
.site-header-v20{height:94px;margin:0;padding:0 var(--gutter);inset:0 0 auto;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0;background:linear-gradient(180deg,rgba(9,25,35,.92),rgba(9,25,35,.2));box-shadow:none;backdrop-filter:blur(12px)}.site-header-v20.scrolled{height:72px;margin:0;background:rgba(9,25,35,.96);box-shadow:0 14px 34px rgba(5,16,23,.18)}.site-header-v20 .brand-v2 b{font-family:var(--body);font-weight:850;letter-spacing:.08em}.site-header-v20 .nav-pill-v3{gap:4px;padding:0;border:0;background:transparent}.site-header-v20 .nav-pill-v3 a{padding:12px 14px;border-radius:0;color:rgba(255,255,255,.72);font-family:var(--body);font-size:.64rem;letter-spacing:.08em}.site-header-v20 .nav-pill-v3 a:hover,.site-header-v20 .nav-pill-v3 a.active{background:transparent;color:#fff}.site-header-v20 .nav-pill-v3 a:after{content:"";display:block;width:0;height:2px;margin:7px auto -9px;background:var(--movento-orange);transition:width .3s var(--ease)}.site-header-v20 .nav-pill-v3 a:hover:after,.site-header-v20 .nav-pill-v3 a.active:after{width:100%}.site-header-v20 .header-contact-v3{min-height:48px;padding:10px 22px;border-radius:999px;background:var(--movento-orange);color:var(--movento-deep);font-family:var(--body);font-size:.61rem}.site-header-v20 .header-contact-v3:hover{background:#ff9b48;transform:translateY(-2px)}.site-header-v20 .header-actions-v3{padding-right:116px}.site-menu-details>summary{right:var(--gutter);top:25px}.site-header-v20.scrolled+.site-menu-details>summary{top:14px}.menu-trigger-v3{height:48px;min-width:104px;border-color:rgba(255,255,255,.25);border-radius:999px;font-family:var(--body)}.menu-trigger-v3>b{background:var(--movento-orange);color:var(--movento-deep)}.menu-v3{background:radial-gradient(circle at 88% 20%,rgba(242,138,50,.17),transparent 30%),var(--movento-deep)}.menu-v3-orbit{border-color:rgba(242,138,50,.18)}.menu-v3-aside h2,.menu-v3-nav span{font-family:var(--display);text-transform:uppercase}.menu-v3-nav>a{border-radius:0;border-bottom:1px solid rgba(255,255,255,.12)}.menu-v3-nav>a:hover,.menu-v3-nav>a.current{background:var(--movento-orange);color:var(--movento-deep)}
.button-v2{min-height:56px;padding:10px 25px;border:0;border-radius:999px;background:var(--movento-orange);color:var(--movento-deep);font-family:var(--body);font-size:.66rem;box-shadow:none}.button-v2.gold{background:var(--movento-orange);color:var(--movento-deep)}.button-v2.dark{background:var(--movento-deep);color:#fff}.button-v2:before{content:"";display:inline-block;width:10px;height:10px;margin-right:2px;border:3px solid currentColor;border-radius:50%;opacity:.72;transition:transform .35s var(--ease)}.button-v2:after{display:none}.button-v2:hover{background:#ff9b48;box-shadow:0 14px 34px rgba(242,138,50,.25);transform:translateY(-3px)}.button-v2:hover:before{transform:scale(.7)}.text-action{font-family:var(--body);font-weight:750;letter-spacing:.08em}.text-action:hover,.text-action.light:hover{color:var(--movento-orange)}
.hero-v5{min-height:100svh;grid-template-columns:minmax(0,47%) minmax(0,53%);grid-template-rows:1fr;gap:clamp(28px,4vw,72px);padding:128px var(--gutter) 42px;background:radial-gradient(circle at 44% 90%,rgba(45,79,98,.7),transparent 36%),var(--movento-navy);color:#fff}.hero-v5-copy{grid-column:1;grid-row:1;padding:clamp(30px,4vw,72px) 0;align-self:center;z-index:2}.hero-v5-media{grid-column:2;grid-row:1;min-height:0;height:auto;align-self:stretch;border-radius:clamp(100px,12vw,190px) 22px 22px clamp(100px,12vw,190px);box-shadow:none;background:var(--movento-blue)}.hero-v5-media:after{background:linear-gradient(90deg,rgba(9,25,35,.25),transparent 52%),linear-gradient(0deg,rgba(9,25,35,.25),transparent 38%)}.hero-v5-photo img{object-position:center 32%;filter:saturate(.84) contrast(.98)}.hero-v5-grid{opacity:.18}.hero-v5-coordinate{border-color:rgba(255,255,255,.26);background:rgba(9,25,35,.36)}.hero-v5-orbit{border-color:rgba(242,138,50,.5)}.hero-v5-title{max-width:760px;margin:clamp(34px,5vh,62px) 0 0;font-size:clamp(3.4rem,5.45vw,6.6rem);line-height:.88}.hero-v5-title em{display:block;color:var(--movento-orange)}.hero-v5-summary{max-width:620px;color:rgba(255,255,255,.7);font-size:clamp(.98rem,1.18vw,1.18rem)}.hero-v5-actions{margin-top:34px}.hero-v5-proof{border-color:rgba(255,255,255,.16);color:rgba(255,255,255,.65)}.hero-v5-proof i{background:var(--movento-orange)}.hero-v5-metadata{color:rgba(255,255,255,.45)}.hero-v5-scroll{right:calc(53% + 30px);bottom:36px;width:auto;height:auto;padding:11px 16px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(9,25,35,.55);backdrop-filter:blur(12px)}.hero-v5-scroll:after{display:none}.hero-v5-scroll span{writing-mode:horizontal-tb;transform:none;color:rgba(255,255,255,.7)}.hero-v5-curtain{background:var(--movento-navy)}
.page-hero-v3{min-height:78svh;padding:clamp(145px,13vw,205px) var(--gutter) clamp(64px,7vw,104px);background:radial-gradient(circle at 82% 46%,rgba(45,79,98,.72),transparent 30%),var(--movento-navy)}.page-hero-v3:after{content:"";right:var(--gutter);top:140px;bottom:auto;width:clamp(210px,29vw,480px);aspect-ratio:1;border:1px solid rgba(242,138,50,.28);border-radius:50%;background:radial-gradient(circle,rgba(242,138,50,.13) 0 2px,transparent 3px);background-size:22px 22px;opacity:.9}.page-hero-v3 h1{max-width:1120px;margin-block:clamp(40px,6vw,76px);font-size:var(--h1);line-height:.9}.page-hero-v3 .page-hero-summary{max-width:650px;margin-left:min(40%,520px);color:rgba(255,255,255,.69)}.page-hero-story-v3{bottom:28px}.page-hero-story-v3 i{background:var(--movento-orange)}
.section-title-v2{max-width:900px}.section-title-v2 h2{max-width:850px}.section-title-v2>p:last-child{max-width:690px;color:var(--muted)}.dark{background:var(--movento-navy)!important}.cream,.paper{background:var(--movento-paper)!important}
:where(.ke-what-card,.project-card-v2,.featured-project-v3,.insight-card-v2,.service-card-v2,.service-link-v13,.portfolio-card-v13,.capability-flip-v14,.pathway-grid>article,.studio-panel-v2){border-radius:var(--radius-card)!important}:where(.project-card-media,.featured-project-media,.responsive-picture,.service-card-media,.insight-card-media){overflow:hidden}:where(.project-card-media,.featured-project-media,.service-card-media,.insight-card-media) img{transition:transform .8s var(--ease),filter .5s}:where(.project-card-v2,.featured-project-v3,.service-card-v2,.insight-card-v2):hover img{transform:scale(1.045);filter:saturate(1.05)}
.ke-what-card,.service-card-v2,.project-card-v2,.insight-card-v2{border:1px solid var(--line)!important;background:#fff!important;box-shadow:none!important;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.ke-what-card:hover,.service-card-v2:hover,.project-card-v2:hover,.insight-card-v2:hover{transform:translateY(-8px);box-shadow:var(--shadow-card)!important}.ke-what-card:nth-child(odd),.project-card-v2:nth-child(3n+1){border-top-left-radius:88px!important}.ke-what-card:nth-child(even),.project-card-v2:nth-child(3n+2){border-bottom-right-radius:88px!important}.project-card-media,.featured-project-media{border-radius:inherit}.project-card-actions a,.featured-project-meta small,.project-card-category,.service-card-v2 small{color:var(--movento-orange)}
.pathway-grid{grid-template-columns:1fr 1fr;gap:18px}.pathway-grid>article{min-height:430px;padding:clamp(28px,4vw,60px)!important;border:0!important;background:var(--movento-mist)!important}.pathway-grid>article:nth-child(even){background:var(--movento-navy)!important;color:#fff}.pathway-grid>article:hover{transform:translateY(-7px)}
.featured-project-v3{overflow:hidden;background:#fff}.featured-project-media{min-height:500px}.featured-project-media img{object-fit:cover}.featured-project-copy{padding:clamp(28px,4vw,58px)}
.services-hero-v13,.case-project-hero-v17,.contact-hero-v9{background:var(--movento-navy);color:#fff}.services-hero-v13,.case-project-hero-v17{padding-top:clamp(130px,12vw,190px)}.services-hero-v13 h1,.case-project-hero-v17 h1,.contact-hero-v9 h1{font-family:var(--display);text-transform:uppercase}.services-hero-media-v13,.case-project-hero-media-v17,.contact-hero-media-v9,.profile-visual-media-v9,.studio-story-media-v9{border-radius:clamp(60px,8vw,128px) 22px 22px 22px!important;box-shadow:none}.services-hero-media-v13 img,.case-project-hero-media-v17 img,.contact-hero-media-v9 img{filter:saturate(.86);transition:transform 1s var(--ease)}.services-hero-media-v13:hover img,.case-project-hero-media-v17:hover img,.contact-hero-media-v9:hover img{transform:scale(1.035)}
.services-standard-grid-v13,.portfolio-lens-grid,.projects-grid-v2{gap:18px}.service-link-v13,.portfolio-lens-grid>article{border:1px solid var(--line)!important;border-radius:var(--radius-card)!important;background:#fff!important}.service-link-v13:hover,.portfolio-lens-grid>article:hover{border-color:var(--movento-orange)!important;transform:translateY(-5px)}.service-link-v13 span,.service-link-v13 small{color:var(--movento-orange)}
.capability-flip-v14{overflow:hidden;border:0!important;background:var(--movento-mist)!important}.capability-flip-v14:nth-child(even){background:var(--movento-navy)!important;color:#fff}.capability-flip-v14 img{filter:saturate(.85)}.capability-flip-v14:hover{box-shadow:var(--shadow-card)}
.case-project-hero-v17{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(40px,6vw,90px)}.case-project-hero-media-v17{max-width:760px;justify-self:end}.case-consulting-v17 article,.case-outcome-v17 article,.case-process-v17 article{border-radius:var(--radius-card)!important}.case-gallery-v17{gap:18px}.case-gallery-v17 .project-media{overflow:hidden;border-radius:var(--radius-card)}
.cta-v3{min-height:520px;background:radial-gradient(circle at 82% 24%,rgba(242,138,50,.18),transparent 26%),var(--movento-navy)}.cta-v3:after{content:"MOVE FORWARD";color:rgba(255,255,255,.025)}.cta-v3>div:last-child{border-radius:var(--radius-card);background:rgba(255,255,255,.055)}.cta-v3-path span{border-color:rgba(255,255,255,.2)}
.contact-hero-v9{padding-top:135px}.contact-hero-media-v9{border-radius:clamp(80px,10vw,160px) 20px 20px 20px!important}.inquiry-form-v2{border:0;border-radius:var(--radius-card);background:var(--movento-mist);box-shadow:none}.inquiry-form-v2 input,.inquiry-form-v2 select,.inquiry-form-v2 textarea{border:1px solid rgba(16,32,42,.16);border-radius:16px;background:#fff}.profile-visual-media-v9,.studio-story-media-v9{border-radius:22px clamp(60px,8vw,128px) 22px 22px!important}
.footer-v7{position:relative;overflow:hidden;background:#07141d;color:#fff}.footer-v7:before{content:"";position:absolute;right:-8%;bottom:-55%;width:42vw;aspect-ratio:1;border:1px solid rgba(242,138,50,.14);border-radius:50%;box-shadow:0 0 0 6vw rgba(242,138,50,.025),0 0 0 12vw rgba(242,138,50,.02)}.footer-v7-directory{position:relative;display:grid;grid-template-columns:minmax(290px,1.35fr) minmax(145px,.48fr) minmax(145px,.48fr) minmax(270px,.9fr);gap:clamp(34px,5vw,82px);padding:clamp(72px,8vw,128px) var(--gutter);border-bottom:1px solid rgba(255,255,255,.14)}.footer-v7 .brand-v2 b{font-family:var(--body);font-weight:850}.footer-v7-brand>p{max-width:440px;margin:28px 0;color:rgba(255,255,255,.57);font-size:.98rem}.footer-v7-direct{display:grid;justify-items:start}.footer-v7-direct a{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;font-size:.82rem}.footer-v7 nav,.footer-v7-connect{display:grid;align-content:start}.footer-v7 small{margin-bottom:19px;color:var(--movento-orange);font-size:.55rem;font-weight:800;letter-spacing:.15em}.footer-v7 nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.62);font-size:.82rem;transition:color .25s,padding .3s}.footer-v7 nav a:hover{padding-left:7px;color:#fff}.footer-v7-connect h2{max-width:390px;margin:0 0 26px;font-size:clamp(1.75rem,2.5vw,3rem);color:#fff}.footer-v7-connect .button-v2{justify-self:start}.footer-v7-bottom{position:relative;min-height:70px;padding:20px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;color:rgba(255,255,255,.42);font-size:.61rem;letter-spacing:.06em}.footer-v7-bottom a{color:var(--movento-orange);font-weight:800;text-transform:uppercase}
.concierge-trigger-v1{border-radius:999px;background:rgba(9,25,35,.96)}.concierge-trigger-v1>span{border-radius:50%;background:var(--movento-orange)}.concierge-panel-v1{border-radius:28px;background:radial-gradient(circle at 90% 8%,rgba(242,138,50,.2),transparent 28%),rgba(9,25,35,.99)}.concierge-options-v1>button{border-radius:18px}.concierge-options-v1>button:hover{background:rgba(242,138,50,.12)}
@media(max-width:1050px){.site-header-v20{grid-template-columns:1fr auto}.hero-v5{grid-template-columns:1fr;grid-template-rows:auto auto;padding-top:122px}.hero-v5-copy{grid-column:1;grid-row:1;padding:30px 0 8px}.hero-v5-media{grid-column:1;grid-row:2;min-height:620px;border-radius:120px 22px 22px 22px}.hero-v5-title{max-width:850px}.hero-v5-scroll{display:none}.page-hero-v3 .page-hero-summary{margin-left:min(22%,220px)}.case-project-hero-v17{grid-template-columns:1fr}.case-project-hero-media-v17{width:100%;max-width:none}.footer-v7-directory{grid-template-columns:1.2fr .65fr .65fr}.footer-v7-connect{grid-column:1/-1;padding-top:34px;border-top:1px solid rgba(255,255,255,.14);grid-template-columns:1fr auto;align-items:end}.footer-v7-connect small{grid-column:1/-1}.footer-v7-connect h2{max-width:650px;margin:0}.pathway-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){:root{--h1:clamp(2.65rem,12vw,4.15rem);--h2:clamp(2.15rem,10vw,3.35rem);--h3:clamp(1.3rem,6vw,1.9rem);--radius-card:20px}.section-v2{padding-block:72px}.site-header-v20,.site-header-v20.scrolled{height:66px!important;margin:0;padding-inline:16px;border-radius:0}.site-header-v20 .brand-v2 b{font-size:.7rem}.site-menu-details>summary{right:12px;top:12px}.site-header-v20.scrolled+.site-menu-details>summary{top:12px}.menu-trigger-v3{height:42px;min-width:94px}.hero-v5{min-height:auto;padding:100px var(--gutter) 28px}.hero-v5-copy{padding:28px 0 12px}.hero-v5-title{font-size:clamp(3rem,14.5vw,4.7rem)}.hero-v5-summary{font-size:.96rem}.hero-v5-proof{align-items:flex-start;flex-direction:column}.hero-v5-metadata{display:none}.hero-v5-media{height:auto;min-height:0;aspect-ratio:4/5;border-radius:82px 18px 18px 18px}.hero-v5-photo img{object-position:center top}.page-hero-v3{min-height:70svh;padding:118px var(--gutter) 60px}.page-hero-v3:after{top:108px;right:-80px;width:260px}.page-hero-v3 h1{margin-block:38px;font-size:var(--h1)}.page-hero-v3 .page-hero-summary{margin-left:0}.pathway-grid{grid-template-columns:1fr}.pathway-grid>article{min-height:340px;padding:28px!important}.ke-what-card:nth-child(n),.project-card-v2:nth-child(n){border-radius:var(--radius-card)!important}.ke-what-card:nth-child(odd),.project-card-v2:nth-child(odd){border-top-left-radius:58px!important}.featured-project-media{min-height:0;aspect-ratio:4/5}.services-hero-media-v13,.case-project-hero-media-v17,.contact-hero-media-v9,.profile-visual-media-v9,.studio-story-media-v9{border-radius:62px 18px 18px 18px!important}.services-hero-v13,.case-project-hero-v17{padding-top:112px}.cta-v3{min-height:0}.cta-v3>div:last-child{padding:24px}.footer-v7-directory{grid-template-columns:1fr 1fr;gap:46px 28px;padding-block:68px}.footer-v7-brand,.footer-v7-connect{grid-column:1/-1}.footer-v7-connect{display:grid;grid-template-columns:1fr;padding-top:32px}.footer-v7-connect h2{margin-bottom:20px}.footer-v7-bottom{align-items:flex-start;flex-direction:column;padding-block:24px}.concierge-v1{right:12px;bottom:12px}}
@media(max-width:390px){.footer-v7-directory{grid-template-columns:1fr}.footer-v7-directory nav{grid-column:1}.button-v2{width:100%;justify-content:center}.hero-v5-actions{width:100%;align-items:stretch}.hero-v5-actions .text-action{text-align:left}.page-hero-v3:after{display:none}}
@media(prefers-reduced-motion:reduce){.hero-v5-photo img,:where(.project-card-media,.featured-project-media,.service-card-media,.insight-card-media) img,.services-hero-media-v13 img,.case-project-hero-media-v17 img,.contact-hero-media-v9 img{transition:none!important;transform:none!important}}

/* Full-site v21 — structural replacement using Movento's editorial page grammar */
main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:900px}.page-hero-v3{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:clamp(18px,2vw,34px);align-content:end;min-height:76svh;padding:clamp(140px,12vw,190px) var(--gutter) clamp(54px,6vw,88px)}.page-hero-v3:after{display:none}.page-hero-index{grid-column:1/4;grid-row:1;display:grid;align-content:start;gap:10px;padding-top:8px;color:rgba(255,255,255,.42)}.page-hero-index span{font:850 clamp(2.2rem,4vw,5rem)/.85 var(--display);color:var(--movento-orange)}.page-hero-index small{font-size:.52rem;letter-spacing:.13em;text-transform:uppercase}.page-hero-title{grid-column:4/12;grid-row:1/3;align-self:end}.page-hero-v3 h1{max-width:none;margin:clamp(34px,5vw,70px) 0 0;font-size:clamp(3.25rem,5.7vw,6.75rem)}.page-hero-v3 .page-hero-summary{grid-column:8/13;grid-row:3;margin:clamp(44px,6vw,82px) 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}.page-hero-summary>small{display:block;margin-bottom:16px;color:var(--movento-orange);font-size:.5rem;letter-spacing:.14em}.page-hero-story-v3{left:var(--gutter);right:auto}.page-hero-ruler{position:absolute;left:var(--gutter);right:var(--gutter);top:112px;height:1px;background:rgba(255,255,255,.15)}
.section-title-v2{display:grid;grid-template-columns:minmax(160px,.3fr) minmax(0,1fr);column-gap:clamp(30px,6vw,100px);max-width:none;margin-bottom:clamp(46px,6vw,86px)}.section-title-v2>.eyebrow-v2{grid-column:1}.section-title-v2 h2{grid-column:2;grid-row:1;max-width:920px;margin:0}.section-title-v2>p:last-child{grid-column:2;max-width:650px;margin:26px 0 0}
.ke-what.home-flow-section{display:block;background:var(--movento-mist)!important}.ke-what.home-flow-section .ke-what-heading{position:relative;top:auto;display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1fr);column-gap:clamp(30px,6vw,100px);align-items:start;max-width:none;margin-bottom:clamp(50px,7vw,100px)}.ke-what-heading>.eyebrow-v2{grid-column:1}.ke-what-heading>h2{grid-column:2;grid-row:1;max-width:920px;margin:0}.ke-what-heading-row{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin-top:30px}.ke-what-heading-row p{max-width:670px;margin:0}.ke-what-heading-row span{padding-left:24px;border-left:2px solid var(--movento-orange);color:var(--muted);font-size:.67rem;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}.ke-what.home-flow-section .ke-what-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ke-what.home-flow-section .ke-what-card{display:grid;grid-template-areas:"media" "copy";grid-template-rows:clamp(290px,32vw,500px) auto;min-height:0;padding:0!important;border:0!important;border-radius:28px!important;overflow:hidden;background:#fff!important;box-shadow:none}.ke-what.home-flow-section .ke-what-card:nth-child(1),.ke-what.home-flow-section .ke-what-card:nth-child(4){border-top-left-radius:110px!important}.ke-what.home-flow-section .ke-what-card:nth-child(2),.ke-what.home-flow-section .ke-what-card:nth-child(3){border-bottom-right-radius:110px!important}.ke-what-card .ke-what-media{grid-area:media;position:relative;min-height:0;height:100%;border:0;border-radius:0}.ke-what-media picture,.ke-what-media img{width:100%;height:100%}.ke-what-media img{object-fit:cover;transition:transform .8s var(--ease)}.ke-what-card:hover .ke-what-media img{transform:scale(1.04)}.ke-what-card .ke-what-media b{left:22px;right:auto;bottom:22px;padding:9px 14px;border-radius:999px;background:var(--movento-orange);color:var(--movento-deep);font-size:.56rem}.ke-what-card .ke-what-copy{grid-area:copy;padding:clamp(28px,3vw,46px)}.ke-what-copy>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--movento-navy);color:#fff}.ke-what-copy>small{color:var(--movento-orange)}.ke-what-copy h3{margin:24px 0 14px}.ke-what-question{padding-top:18px;border-top:1px solid var(--line);font-weight:750}.ke-what-copy ul{display:flex;flex-wrap:wrap;gap:8px}.ke-what-copy li{padding:8px 11px;border-radius:999px;background:var(--movento-mist);font-size:.63rem}
.home-pathways-v5{background:var(--movento-paper)!important}.home-pathways-v5 .pathways-heading{display:grid;grid-template-columns:minmax(160px,.32fr) 1fr;gap:clamp(30px,6vw,100px);align-items:start;margin-bottom:48px}.home-pathways-v5 .pathways-heading>p:last-child{max-width:520px;margin:0;font-size:1.05rem}.home-pathways-v5 .pathway-grid{gap:20px}.home-pathways-v5 .pathway-grid>article{display:flex;flex-direction:column;min-height:560px;padding:clamp(34px,4vw,64px)!important;border-radius:28px 120px 28px 28px!important}.home-pathways-v5 .pathway-grid>article:nth-child(2){border-radius:120px 28px 28px 28px!important}.home-pathways-v5 .pathway-grid h2{margin:auto 0 26px}.home-pathways-v5 .pathway-proof{display:flex;flex-wrap:wrap;gap:8px}.home-pathways-v5 .pathway-proof span{padding:8px 12px;border:1px solid currentColor;border-radius:999px;font-size:.57rem}.home-pathways-v5 .button-v2{align-self:flex-start;margin-top:28px}
.selected-work-v5{background:var(--movento-navy)!important}.selected-work-v5 .selected-work-signal{display:none}.movento-showcase-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}.movento-showcase-card{min-width:0;overflow:hidden;border-radius:28px;background:#fff;color:var(--movento-ink);transition:transform .45s var(--ease)}.movento-showcase-card:nth-child(1){border-top-left-radius:110px}.movento-showcase-card:nth-child(2){border-bottom-right-radius:110px}.movento-showcase-card:nth-child(3){border-top-right-radius:110px}.movento-showcase-card:hover{transform:translateY(-9px)}.movento-showcase-media{position:relative;display:block;height:clamp(350px,39vw,610px);overflow:hidden}.movento-showcase-media picture,.movento-showcase-media img{width:100%;height:100%}.movento-showcase-media img{object-fit:cover;transition:transform .8s var(--ease)}.movento-showcase-card:hover img{transform:scale(1.04)}.movento-showcase-media>span,.movento-showcase-media>small{position:absolute;z-index:2;top:18px;padding:8px 11px;border-radius:999px;background:rgba(9,25,35,.75);color:#fff;font-size:.55rem;backdrop-filter:blur(8px)}.movento-showcase-media>span{right:18px}.movento-showcase-media>small{left:18px}.movento-showcase-copy{padding:clamp(26px,2.8vw,42px)}.movento-showcase-copy h3{margin:18px 0;font-size:clamp(2rem,3.4vw,4rem)}.movento-showcase-copy>p:not(.project-card-category){min-height:6.6em;color:var(--muted)}.movento-showcase-copy>div{display:grid;gap:7px;padding:20px 0;border-top:1px solid var(--line)}.movento-showcase-copy>div small{color:var(--movento-orange);font-size:.5rem;letter-spacing:.12em}.movento-showcase-copy>div strong{font-size:.72rem;line-height:1.55}.selected-work-v5>.button-v2{margin-top:40px}
.ke-why-v5{background:var(--movento-paper)!important}.ke-why-v5 .ke-why-heading{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:clamp(30px,7vw,110px)}.ke-why-v5 .ke-why-layout{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:20px;align-items:stretch}.ke-why-collage{min-height:760px;border-radius:120px 28px 28px 28px;overflow:hidden}.ke-why-image.main{inset:0}.ke-why-image.detail{display:none}.ke-why-orbit{display:none}.ke-why-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ke-why-points article{display:flex!important;flex-direction:column;min-height:0!important;padding:28px!important;border:0!important;border-radius:28px!important;background:var(--movento-mist)!important}.ke-why-points article:nth-child(2),.ke-why-points article:nth-child(3){background:var(--movento-orange)!important}.ke-why-points article>span{margin-bottom:auto}.ke-why-points article h3{margin:20px 0 14px}
.technical-stack-v5{background:var(--movento-deep)!important}.technical-stack-v5 .skill-groups-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.technical-stack-v5 .skill-groups-v4>article{padding:36px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:28px;background:rgba(255,255,255,.04)}.technical-stack-v5 .skill-groups-v4>article:nth-child(2){border-top-left-radius:90px}.technical-stack-v5 .skill-groups-v4>article:nth-child(3){background:var(--movento-blue)}.technical-stack-v5 .skill-groups-v4 h3{margin:34px 0}.technical-stack-v5 .skill-groups-v4 li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.tool-ribbon-mask-v5{margin-top:60px;border-block:1px solid rgba(255,255,255,.14)}
.ke-evidence-v5{background:var(--movento-mist)!important}.ke-evidence-v5 .evidence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.ke-evidence-v5 .evidence-list article{display:grid;grid-template-columns:52px minmax(160px,.7fr) 1fr;align-items:center;gap:20px;min-height:150px;padding:28px 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.ke-evidence-v5 .evidence-list article:nth-child(odd){border-right:1px solid var(--line)!important}.ke-evidence-v5 .evidence-list span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--movento-orange);color:var(--movento-deep)}.ke-evidence-v5 .evidence-list b{font-family:var(--display);font-size:1.25rem;text-transform:uppercase}.ke-evidence-v5 .evidence-list small{color:var(--muted);font-size:.74rem;line-height:1.6}
.home-process-v6{background:var(--movento-navy)!important}.home-process-v6 .process-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-process-v6 .process-grid-v2 article{display:flex;flex-direction:column;min-height:420px!important;padding:30px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:28px!important;background:rgba(255,255,255,.04)}.home-process-v6 .process-grid-v2 article:nth-child(2),.home-process-v6 .process-grid-v2 article:nth-child(4){margin-top:54px;background:var(--movento-orange);color:var(--movento-deep)}.home-process-v6 .process-grid-v2 article>span{margin-bottom:auto}.home-process-v6 .process-grid-v2 h3{margin:20px 0}.home-process-v6 .process-grid-v2 p{color:inherit}.home-process-v6 .process-grid-v2 i{display:none}
.home-about-v6{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(38px,7vw,110px);background:var(--movento-paper)!important}.home-about-v6 .about-preview-image{height:auto;min-height:650px;border-radius:120px 28px 28px 28px}.home-about-v6>div:last-child{align-self:center}.home-about-v6 h2{margin:32px 0 26px}
.services-nav-v13{min-height:70px;padding-inline:var(--gutter);border-block:1px solid var(--line);background:var(--movento-paper)}.services-nav-v13 a{padding:24px 20px;border:0;font-size:.62rem}.services-nav-v13 a:hover{background:var(--movento-orange);color:var(--movento-deep)}.services-start-v13{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);background:var(--movento-paper)!important}.services-start-heading-v13{position:sticky;top:110px;align-self:start}.services-start-grid-v13{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.services-start-grid-v13 article{display:flex;flex-direction:column;min-height:460px;padding:30px;border:0!important;border-radius:28px;background:var(--movento-mist)}.services-start-grid-v13 article:nth-child(2){border-top-left-radius:100px;background:var(--movento-orange)}.services-start-grid-v13 article:nth-child(3){background:var(--movento-navy);color:#fff}.services-start-grid-v13 article>span{margin-bottom:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.services-start-grid-v13 h3{margin:24px 0}.services-start-grid-v13 .text-action{margin-top:20px}
.services-method-v13{display:grid;grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);background:var(--movento-deep)!important}.services-method-heading-v13{position:sticky;top:110px;align-self:start}.services-method-steps-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.services-method-step-v13{display:flex;flex-direction:column;min-height:420px;padding:30px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:28px!important;background:rgba(255,255,255,.045)!important;color:#fff;overflow:hidden}.services-method-step-v13:nth-child(3n+2){border-top-left-radius:100px!important;background:var(--movento-blue)!important}.services-method-step-v13:nth-child(3n){background:var(--movento-orange)!important;color:var(--movento-deep)}.services-method-step-v13>header{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:start;padding:0 0 24px;border-bottom:1px solid currentColor}.services-method-step-v13>header>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.6rem}.services-method-step-v13 header small{color:var(--movento-orange);font-size:.5rem;letter-spacing:.13em}.services-method-step-v13:nth-child(3n) header small{color:var(--movento-deep)}.services-method-step-v13 h3{margin:12px 0 0;font-size:clamp(1.45rem,2vw,2.25rem)}.services-method-body-v13{display:grid!important;grid-template-columns:1fr;gap:24px;margin-top:auto;padding:28px 0 0!important;border:0!important}.services-method-body-v13>p{color:inherit}.services-method-body-v13>div{padding-top:18px;border-top:1px solid currentColor}.services-method-body-v13 small{display:block;margin-bottom:8px;color:var(--movento-orange);font-size:.48rem;letter-spacing:.11em}.services-method-step-v13:nth-child(3n) .services-method-body-v13 small{color:var(--movento-deep)}.services-method-body-v13 strong{font-size:.72rem;line-height:1.55}
.services-capabilities-v13{background:var(--movento-mist)!important}.services-capabilities-intro-v13{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);max-width:none;margin-bottom:70px}.services-capabilities-intro-v13>.eyebrow-v2{grid-column:1}.services-capabilities-intro-v13 h2{grid-column:2;grid-row:1;margin:0}.services-capabilities-intro-v13>p:last-child{grid-column:2;max-width:650px}.services-capability-grid-v13{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.services-flip-card-v14{height:auto;min-height:620px;border-radius:28px}.services-flip-card-v14:nth-child(1),.services-flip-card-v14:nth-child(6){border-top-left-radius:110px}.services-flip-card-v14:nth-child(3),.services-flip-card-v14:nth-child(4){border-bottom-right-radius:110px}.services-flip-front-copy-v14{padding:34px}.services-flip-back-v14{background:var(--movento-navy)}
.services-standard-v13{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);background:var(--movento-paper)!important}.services-standard-heading-v13{position:sticky;top:110px;align-self:start}.services-standard-grid-v13{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.services-standard-grid-v13 article{display:flex;flex-direction:column;min-height:360px;padding:30px!important;border:0!important;border-radius:28px!important;background:var(--movento-mist)!important}.services-standard-grid-v13 article:nth-child(2),.services-standard-grid-v13 article:nth-child(3){background:var(--movento-orange)!important}.services-standard-grid-v13 article>span{margin-bottom:auto;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--movento-navy);color:#fff}.services-standard-grid-v13 article>div{border:0!important}.services-standard-grid-v13 h3{margin:20px 0 14px}
.portfolio-template-intro{grid-template-columns:minmax(180px,.3fr) minmax(0,1fr);gap:clamp(38px,7vw,115px);background:var(--movento-paper)!important}.portfolio-template-intro-copy{max-width:none}.portfolio-template-intro-copy>div{grid-template-columns:1fr 1fr}.portfolio-template-collection{background:var(--movento-mist)!important}.portfolio-filter-shell{border-radius:28px;background:var(--movento-paper)}.portfolio-template-grid{gap:clamp(45px,5vw,80px) 20px}.portfolio-template-card{background:transparent!important;border:0!important}.portfolio-template-media{border-radius:28px 28px 100px 28px!important}.portfolio-template-card:nth-child(3n+1) .portfolio-template-media{border-radius:100px 28px 28px 28px!important}.portfolio-template-card:nth-child(3n+3) .portfolio-template-media{border-radius:28px 100px 28px 28px!important}.portfolio-template-copy{padding:24px 4px 0}.portfolio-template-copy h2{font-size:clamp(2rem,3vw,3.6rem)}.portfolio-template-lenses{background:var(--movento-navy)!important}.portfolio-lens-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio-lens-grid>article{display:flex;flex-direction:column;min-height:330px;border:0!important;background:rgba(255,255,255,.05)!important;color:#fff}.portfolio-lens-grid>article:nth-child(even){margin-top:45px;background:var(--movento-orange)!important;color:var(--movento-deep)}
.about-story{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(40px,7vw,120px);background:var(--movento-paper)!important}.about-story-photo{height:auto;min-height:720px;border-radius:120px 28px 28px 28px}.about-story>div:last-child{align-self:center}.strengths-v2{background:var(--movento-mist)!important}.strengths-v2>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.strengths-v2 article{display:flex;flex-direction:column;min-height:320px!important;padding:30px!important;border:0!important;background:#fff!important}.strengths-v2 article:nth-child(2),.strengths-v2 article:nth-child(6){border-top-left-radius:90px!important;background:var(--movento-orange)!important}.strengths-v2 article>span{margin-bottom:auto}.principles-v3{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);background:var(--movento-paper)!important}.principles-v3 .section-title-v2{display:block;position:sticky;top:110px;align-self:start;margin:0}.principles-v3 .section-title-v2 h2{margin-top:30px}.principles-v3>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.principles-v3 article{display:flex;flex-direction:column;min-height:340px!important;padding:30px!important;border:0!important;background:var(--movento-mist)!important}.principles-v3 article:nth-child(2),.principles-v3 article:nth-child(3){background:var(--movento-orange)!important}.interests-v2{background:var(--movento-navy)!important}.interests-v2 .tag-cloud span{border-radius:999px;background:rgba(255,255,255,.05)}
.ke-insights{background:var(--movento-paper)!important}.ke-insight-lead{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(38px,7vw,110px);align-items:center}.ke-insight-lead-media{min-height:650px;border-radius:120px 28px 28px 28px;overflow:hidden}.ke-insight-lead-media>span{left:clamp(48px,5vw,82px);top:clamp(24px,3vw,36px);max-width:calc(100% - 96px);border-radius:999px;white-space:nowrap}.ke-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ke-insight-grid>a{padding:0 0 30px;border-radius:28px;background:var(--movento-mist);overflow:hidden}.ke-insight-grid>a>div:first-child{height:430px}.ke-insight-grid>a>small,.ke-insight-grid>a>h2,.ke-insight-grid>a>p,.ke-insight-grid>a>b{margin-inline:28px}.ke-article>header{background:var(--movento-navy)}.ke-article-cover{margin:0 var(--gutter);border-radius:120px 28px 28px 28px;overflow:hidden}.ke-article-layout{background:var(--movento-paper)!important}.ke-article-image{border-radius:28px 90px 28px 28px;overflow:hidden}
.profile-visual-v9,.studio-story-v9{background:var(--movento-navy)!important}.profile-summary-v3,.profile-details-v3,.engagement-v2{background:var(--movento-paper)!important}.career-map-v3{background:var(--movento-navy)!important}.career-map-v3>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.career-map-v3>div:last-child>a{min-height:420px;padding:32px;border:1px solid rgba(255,255,255,.15);border-radius:28px}.career-map-v3>div:last-child>a:nth-child(2){border-top-left-radius:100px;background:var(--movento-orange);color:var(--movento-deep)}.engagement-v2>div:last-child{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.engagement-v2 article{min-height:330px!important;border:0!important;background:var(--movento-mist)!important}.engagement-v2 article:nth-child(even){margin-top:42px;background:var(--movento-orange)!important}
.contact-hero-v9{grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);background:var(--movento-navy)!important}.contact-form-v9{grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);background:var(--movento-paper)!important}.next-steps-v2{background:var(--movento-mist)!important}.next-steps-v2>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.next-steps-v2 article{display:flex;flex-direction:column;min-height:360px!important;padding:30px!important;border:0!important;background:#fff!important}.next-steps-v2 article:nth-child(2){border-top-left-radius:100px!important;background:var(--movento-orange)!important}.next-steps-v2 article>span{margin-bottom:auto}
.case-project-start-v17,.case-project-decisions-v17,.case-story-v16,.case-links-v2{background:var(--movento-paper)!important}.case-project-start-v17{grid-template-columns:minmax(250px,.36fr) minmax(0,.64fr)}.case-project-start-grid-v17{grid-template-columns:repeat(2,minmax(0,1fr))}.case-experience-v17{background:var(--movento-navy)!important}.case-experience-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-experience-steps article{min-height:360px;border-radius:28px;background:rgba(255,255,255,.05)}.case-experience-steps article:nth-child(2){margin-top:42px;background:var(--movento-orange);color:var(--movento-deep)}.case-story-v16{grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:20px}.case-story-intro-v16{grid-column:1;grid-row:1/3;position:sticky;top:110px;align-self:start}.case-story-card-v16{grid-column:2!important;display:grid!important;grid-template-columns:1.15fr .85fr;border-radius:28px!important;overflow:hidden;background:var(--movento-mist)}.case-story-card-v16>div{min-height:520px}.case-story-card-v16 figcaption{align-self:center;padding:36px}.case-output-v3{background:var(--movento-navy)!important}.case-next-v16{background:var(--movento-mist)!important}.case-next-grid-v16{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-next-card-v16{border-radius:28px;background:#fff;overflow:hidden}.case-next-card-v16:nth-child(2){border-top-left-radius:100px}.case-next-card-v16>div:last-child{padding:28px}
.cta-v3{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(50px,9vw,150px);min-height:620px;padding-block:clamp(80px,9vw,150px);background:var(--movento-orange)!important;color:var(--movento-deep)}.cta-v3:after{content:"LET'S MOVE";color:rgba(9,25,35,.045)}.cta-v3 .eyebrow-v2,.cta-v3 h2,.cta-v3 h2 em,.cta-v3 .text-action{color:var(--movento-deep)}.cta-v3-title{align-self:end}.cta-v3-copy{align-self:end;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.cta-v3-copy>p{max-width:540px;color:rgba(9,25,35,.72);font-size:1.08rem}.cta-v3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.cta-v3 .button-v2{background:var(--movento-deep);color:#fff}.cta-v3-path{margin-top:46px;padding-top:20px;border-top:1px solid rgba(9,25,35,.25)}.cta-v3-path span{border-color:rgba(9,25,35,.3);color:var(--movento-deep)}
@media(max-width:1050px){.page-hero-index{grid-column:1/3}.page-hero-title{grid-column:3/13}.page-hero-v3 .page-hero-summary{grid-column:5/13}.ke-what.home-flow-section .ke-what-heading,.services-capabilities-intro-v13{grid-template-columns:1fr}.ke-what-heading>.eyebrow-v2,.ke-what-heading>h2,.ke-what-heading-row,.services-capabilities-intro-v13>.eyebrow-v2,.services-capabilities-intro-v13 h2,.services-capabilities-intro-v13>p:last-child{grid-column:1;grid-row:auto}.ke-what-heading>h2,.services-capabilities-intro-v13 h2{margin-top:28px}.movento-showcase-grid{grid-template-columns:1fr 1fr!important}.movento-showcase-card:last-child{grid-column:1/-1}.movento-showcase-card:last-child .movento-showcase-media{height:min(66vw,680px)}.ke-why-v5 .ke-why-layout{grid-template-columns:1fr}.ke-why-collage{min-height:650px}.technical-stack-v5 .skill-groups-v4{grid-template-columns:1fr}.home-process-v6 .process-grid-v2{grid-template-columns:1fr 1fr}.services-start-v13,.services-method-v13,.services-standard-v13,.principles-v3{grid-template-columns:1fr}.services-start-heading-v13,.services-method-heading-v13,.services-standard-heading-v13,.principles-v3 .section-title-v2,.case-story-intro-v16{position:relative;top:auto}.services-start-grid-v13{grid-template-columns:repeat(3,minmax(0,1fr))}.services-capability-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-lens-grid{grid-template-columns:1fr 1fr}.about-story{grid-template-columns:1fr}.about-story-photo{min-height:650px}.case-story-v16{grid-template-columns:1fr}.case-story-intro-v16,.case-story-card-v16{grid-column:1!important;grid-row:auto}.engagement-v2>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.cta-v3{grid-template-columns:1fr;min-height:0}.cta-v3-title,.cta-v3-copy{align-self:auto}}
@media(max-width:720px){main>section:not(:first-child){contain-intrinsic-size:700px}.page-hero-v3{display:block;min-height:76svh;padding-top:112px}.page-hero-index{display:none}.page-hero-title{display:block}.page-hero-v3 h1{font-size:clamp(2.75rem,12.5vw,4.35rem)}.page-hero-v3 .page-hero-summary{margin-top:42px}.section-title-v2{display:block}.section-title-v2 h2{margin-top:28px}.section-title-v2>p:last-child{margin-top:20px}.ke-what.home-flow-section .ke-what-heading{display:block}.ke-what-heading>h2{margin-top:28px}.ke-what-heading-row{display:block}.ke-what-heading-row span{display:block;margin-top:24px}.ke-what.home-flow-section .ke-what-list{grid-template-columns:1fr}.ke-what.home-flow-section .ke-what-card{grid-template-rows:72vw auto}.ke-what.home-flow-section .ke-what-card:nth-child(n){border-radius:20px!important}.ke-what.home-flow-section .ke-what-card:nth-child(odd){border-top-left-radius:70px!important}.home-pathways-v5 .pathways-heading{display:block}.home-pathways-v5 .pathways-heading>p:last-child{margin-top:20px}.home-pathways-v5 .pathway-grid{grid-template-columns:1fr}.home-pathways-v5 .pathway-grid>article{min-height:470px;border-radius:20px 70px 20px 20px!important}.home-pathways-v5 .pathway-grid>article:nth-child(2){border-radius:70px 20px 20px 20px!important}.movento-showcase-grid{grid-template-columns:1fr!important}.movento-showcase-card:last-child{grid-column:1}.movento-showcase-card:nth-child(n){border-radius:20px!important}.movento-showcase-card:nth-child(odd){border-top-left-radius:70px!important}.movento-showcase-media,.movento-showcase-card:last-child .movento-showcase-media{height:auto;aspect-ratio:4/5}.movento-showcase-copy>p:not(.project-card-category){min-height:0}.ke-why-v5 .ke-why-heading{display:block}.ke-why-v5 .ke-why-heading h2{margin-top:28px}.ke-why-collage{min-height:0;aspect-ratio:4/5;border-radius:70px 20px 20px 20px}.ke-why-points{grid-template-columns:1fr}.technical-stack-v5 .skill-groups-v4>article:nth-child(n){border-radius:20px}.ke-evidence-v5 .evidence-list{grid-template-columns:1fr}.ke-evidence-v5 .evidence-list article{grid-template-columns:46px 1fr}.ke-evidence-v5 .evidence-list article:nth-child(odd){border-right:0!important}.ke-evidence-v5 .evidence-list small{grid-column:2}.home-process-v6 .process-grid-v2{grid-template-columns:1fr}.home-process-v6 .process-grid-v2 article{min-height:340px!important}.home-process-v6 .process-grid-v2 article:nth-child(n){margin-top:0}.home-about-v6{grid-template-columns:1fr}.home-about-v6 .about-preview-image{min-height:0;aspect-ratio:4/5;border-radius:70px 20px 20px 20px}.services-nav-v13{justify-content:flex-start;overflow-x:auto}.services-nav-v13 a{flex:0 0 auto;white-space:nowrap}.services-start-grid-v13,.services-method-steps-v13,.services-standard-grid-v13,.services-capability-grid-v13{grid-template-columns:1fr}.services-start-grid-v13 article,.services-method-step-v13,.services-standard-grid-v13 article{min-height:340px}.services-start-grid-v13 article:nth-child(n),.services-method-step-v13:nth-child(n),.services-standard-grid-v13 article:nth-child(n),.services-flip-card-v14:nth-child(n){border-radius:20px!important}.services-start-grid-v13 article:nth-child(2),.services-method-step-v13:nth-child(2),.services-flip-card-v14:nth-child(odd){border-top-left-radius:70px!important}.services-capabilities-intro-v13{display:block}.services-capabilities-intro-v13 h2{margin-top:28px}.services-flip-card-v14{min-height:590px}.portfolio-template-intro,.portfolio-template-intro-copy>div{grid-template-columns:1fr}.portfolio-template-intro-copy h2{margin-top:28px}.portfolio-template-media,.portfolio-template-card:nth-child(n) .portfolio-template-media{border-radius:20px 20px 70px 20px!important}.portfolio-lens-grid{grid-template-columns:1fr}.portfolio-lens-grid>article:nth-child(n){margin-top:0}.about-story-photo{min-height:0;aspect-ratio:4/5;border-radius:70px 20px 20px 20px}.strengths-v2>div:last-child,.principles-v3>div:last-child,.career-map-v3>div:last-child,.engagement-v2>div:last-child,.next-steps-v2>div{grid-template-columns:1fr}.strengths-v2 article,.principles-v3 article,.career-map-v3>div:last-child>a,.engagement-v2 article,.next-steps-v2 article{min-height:300px!important}.engagement-v2 article:nth-child(n){margin-top:0}.ke-insight-lead{grid-template-columns:1fr}.ke-insight-lead-media{min-height:0;aspect-ratio:4/5;border-radius:70px 20px 20px 20px}.ke-insight-grid{grid-template-columns:1fr}.ke-insight-grid>a>div:first-child{height:auto;aspect-ratio:4/5}.ke-article-cover{margin-inline:var(--gutter);border-radius:70px 20px 20px 20px}.contact-hero-v9,.contact-form-v9{grid-template-columns:1fr}.case-project-start-v17,.case-project-start-grid-v17{grid-template-columns:1fr}.case-experience-steps,.case-next-grid-v16{grid-template-columns:1fr}.case-experience-steps article:nth-child(n){margin-top:0}.case-story-card-v16{grid-template-columns:1fr}.case-story-card-v16>div{min-height:0;aspect-ratio:4/5}.cta-v3{display:block;padding-block:76px}.cta-v3-copy{margin-top:36px}.cta-v3-actions{align-items:stretch;flex-direction:column}.cta-v3-path{display:grid}.cta-v3-path span{text-align:left}}

/* v22 — responsive content-fit repairs */
main>section:not(:first-child){content-visibility:visible;contain-intrinsic-size:none}

:where(.services-capabilities-intro-v13,.services-capability-grid-v13,.services-flip-card-v14,.services-flip-inner-v14,.services-flip-face-v14,.services-standard-grid-v13,.services-standard-grid-v13 article,.portfolio-template-lenses,.portfolio-lens-grid,.portfolio-lens-grid>article){min-width:0}
:where(.services-capabilities-v13,.services-standard-v13,.portfolio-template-lenses) :where(h2,h3,p,strong,small,span){overflow-wrap:anywhere}

.services-capabilities-v13{overflow:clip}
.services-capability-grid-v13{align-items:start}
.services-flip-card-v14,
.consulting-analytics-v18 .services-flip-card-v14{height:clamp(660px,55vw,790px);min-height:0;overflow:hidden}
.services-flip-inner-v14,.services-flip-face-v14{height:100%}
.services-flip-front-v14 .responsive-picture,
.services-flip-front-v14 picture,
.services-flip-front-v14 img{height:100%}
.services-flip-front-v14 img{object-fit:cover;object-position:center}
.services-flip-front-copy-v14 h3{font-size:clamp(2rem,3.15vw,3.65rem);line-height:.94}
.services-flip-back-v14{overflow-y:auto;overscroll-behavior:contain}

.consulting-analytics-v18 .services-capability-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.consulting-analytics-v18 .services-flip-card-v14{height:700px}

.consulting-analytics-v18 .services-standard-v13{display:block}
.consulting-analytics-v18 .services-standard-heading-v13{position:relative;top:auto;display:grid;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);gap:18px clamp(40px,7vw,120px);max-width:none}
.consulting-analytics-v18 .services-standard-heading-v13>.eyebrow-v2{grid-column:1;grid-row:1}
.consulting-analytics-v18 .services-standard-heading-v13>h2{grid-column:2;grid-row:1;margin:0}
.consulting-analytics-v18 .services-standard-heading-v13>p:last-child{grid-column:2;max-width:680px;margin-top:0}
.consulting-analytics-v18 .services-standard-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:64px}
.consulting-analytics-v18 .services-standard-grid-v13 article{display:grid;grid-template-columns:54px minmax(0,1fr);gap:24px;min-height:270px;padding:34px!important}
.consulting-analytics-v18 .services-standard-grid-v13 article>span{margin:0}
.consulting-analytics-v18 .services-standard-grid-v13 article>div{align-self:end;margin:0}
.consulting-analytics-v18 .services-standard-grid-v13 h3{font-size:clamp(1.75rem,2.4vw,2.8rem);line-height:1}
.consulting-analytics-v18 .services-standard-grid-v13 p{font-size:.9rem;line-height:1.65}

.portfolio-template-lenses{grid-template-columns:minmax(250px,.34fr) minmax(0,1fr);gap:clamp(42px,7vw,110px)}
.portfolio-lens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0}
.portfolio-lens-grid>article{display:grid;grid-template-columns:46px minmax(0,1fr);align-content:space-between;gap:24px;min-height:280px;margin:0!important;padding:30px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:28px!important;background:rgba(255,255,255,.055)!important;color:#fff}
.portfolio-lens-grid>article:nth-child(2),.portfolio-lens-grid>article:nth-child(3){background:var(--movento-orange)!important;color:var(--movento-deep)}
.portfolio-lens-grid>article:nth-child(2) p,.portfolio-lens-grid>article:nth-child(3) p{color:rgba(14,26,47,.72)}
.portfolio-lens-grid>article:before{display:none}
.portfolio-lens-grid>article:hover{padding:30px!important;transform:translateY(-6px)}
.portfolio-lens-grid>article>span{align-self:start;font-size:.68rem}
.portfolio-lens-grid>article>div{align-self:end}
.portfolio-lens-grid h3{font-size:clamp(1.8rem,2.5vw,3rem);line-height:1}
.portfolio-lens-grid p{font-size:.88rem;line-height:1.65}

@media(max-width:1100px){
  .services-flip-card-v14,.consulting-analytics-v18 .services-flip-card-v14{height:760px}
  .portfolio-template-lenses{grid-template-columns:1fr}
  .portfolio-template-lenses header{position:relative;top:auto;max-width:700px}
}

/* Private operating view: keep action styling on a real navigational link. */
.os-priority>a{border:1px solid #080808;border-radius:999px;padding:11px 14px;background:transparent;text-align:left}

@media(max-width:820px){
  .services-flip-card-v14,.consulting-analytics-v18 .services-flip-card-v14{height:820px}
  .consulting-analytics-v18 .services-standard-heading-v13{grid-template-columns:1fr}
  .consulting-analytics-v18 .services-standard-heading-v13>.eyebrow-v2,
  .consulting-analytics-v18 .services-standard-heading-v13>h2,
  .consulting-analytics-v18 .services-standard-heading-v13>p:last-child{grid-column:1;grid-row:auto}
  .consulting-analytics-v18 .services-standard-heading-v13>h2{margin-top:24px}
  .consulting-analytics-v18 .services-standard-grid-v13{margin-top:48px}
}

@media(max-width:720px){
  main>section:not(:first-child){contain-intrinsic-size:none}
  .services-flip-card-v14,.consulting-analytics-v18 .services-flip-card-v14{height:960px;min-height:0}
  .services-flip-front-copy-v14 h3{font-size:clamp(2rem,10vw,3.05rem);line-height:.96}
  .services-flip-back-v14>h3{font-size:clamp(1.85rem,9vw,2.75rem)}
  .consulting-analytics-v18 .services-capability-grid-v13,
  .consulting-analytics-v18 .services-standard-grid-v13,
  .portfolio-lens-grid{grid-template-columns:1fr}
  .consulting-analytics-v18 .services-standard-grid-v13 article{grid-template-columns:44px minmax(0,1fr);gap:18px;min-height:245px;padding:26px!important}
  .portfolio-template-lenses{gap:44px}
  .portfolio-lens-grid>article{grid-template-columns:40px minmax(0,1fr);gap:18px;min-height:245px;padding:26px!important;border-radius:20px!important}
  .portfolio-lens-grid>article:hover{padding:26px!important}
}

/* V40 — route-aware scroll choreography for the public Vankpa experience. */
.siteMotionMedia{transform:translate3d(0,var(--site-motion-y,0),0) rotate(var(--site-motion-r,0));transform-origin:center;transition:transform .18s linear;will-change:transform}
body.ready [data-motion-stage]{transition:opacity .7s var(--ease) var(--motion-stage-delay,0ms),transform .9s var(--ease) var(--motion-stage-delay,0ms),clip-path 1s var(--ease) var(--motion-stage-delay,0ms),filter .8s var(--ease) var(--motion-stage-delay,0ms)}
body.ready [data-motion-stage].motionShown{opacity:1!important;transform:none!important;clip-path:inset(0)!important;filter:none!important}
body.ready [data-motion-stage="rise"]:not(.motionShown){opacity:.84;transform:translateY(30px)}
body.ready [data-motion-stage="slide"]:not(.motionShown){opacity:.86;transform:translateX(24px)}
body.ready [data-motion-stage="focus"]:not(.motionShown){opacity:.82;transform:scale(.985);filter:blur(4px)}
body.ready [data-motion-stage="mask"]:not(.motionShown){opacity:.9;clip-path:inset(0 0 10% 0)}
body.ready [data-motion-stage="sweep"]:not(.motionShown){opacity:.86;transform:translateX(-24px);clip-path:inset(0 7% 0 0)}

body.ready [data-motion-item][data-reveal]:not(.shown){transition:opacity .72s var(--ease) var(--delay,0ms),transform .88s var(--ease) var(--delay,0ms),clip-path .95s var(--ease) var(--delay,0ms),filter .75s var(--ease) var(--delay,0ms)}
body.ready [data-motion-item="rise"][data-reveal]:not(.shown){opacity:0;transform:translateY(38px)}
body.ready [data-motion-item="slide"][data-reveal]:not(.shown){opacity:0;transform:translateX(var(--motion-shift))}
body.ready [data-motion-item="focus"][data-reveal]:not(.shown){opacity:0;transform:scale(.955);filter:blur(5px)}
body.ready [data-motion-item="mask"][data-reveal]:not(.shown){opacity:0;transform:translateY(18px);clip-path:inset(0 0 35% 0)}
body.ready [data-motion-item="sweep"][data-reveal]:not(.shown){opacity:0;transform:translateX(var(--motion-shift));clip-path:inset(0 9% 0 9%)}

@media(max-width:720px){
  body.ready [data-motion-stage="slide"]:not(.motionShown),body.ready [data-motion-stage="sweep"]:not(.motionShown){transform:translateY(20px)}
  body.ready [data-motion-item="slide"][data-reveal]:not(.shown),body.ready [data-motion-item="sweep"][data-reveal]:not(.shown){transform:translateY(24px);clip-path:inset(0 0 18% 0)}
}

@media(prefers-reduced-motion:reduce){
  .siteMotionMedia,body.ready [data-motion-stage],body.ready [data-motion-item][data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}
}

/* V33 — company-led growth system, searchable Demo Lab, and ten operable concepts. */
.bos-service-visual-v32{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  gap:clamp(38px,6vw,96px);
  align-items:center
}
.bos-service-visual-v32>div:first-child{
  position:relative;
  min-height:640px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:clamp(30px,4vw,68px) 22px 22px 22px;
  background:#111
}
.bos-service-visual-v32 picture,.bos-service-visual-v32 img{display:block;width:100%;height:100%}
.bos-service-visual-v32 img{position:absolute;inset:0;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.bos-service-visual-v32>div:first-child:hover img{transform:scale(1.025);filter:saturate(1.08)}
.bos-service-visual-v32>div:first-child>span{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:2;
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:999px;
  background:rgba(8,8,8,.72);
  color:rgba(255,255,255,.78);
  font:.54rem/1.4 var(--display);
  letter-spacing:.11em;
  text-align:left;
  text-transform:uppercase;
  backdrop-filter:blur(14px)
}
.bos-service-visual-v32>div:last-child{max-width:650px}
.bos-service-visual-v32 h2,.consulting-credential-v32 h2{
  margin:clamp(30px,4vw,52px) 0 24px;
  font-size:clamp(2.7rem,4.7vw,5.35rem);
  line-height:.92
}
.bos-service-visual-v32 h2 em,.consulting-credential-v32 h2 em{color:var(--gold)}
.bos-service-visual-v32>div:last-child>p:last-of-type,.consulting-credential-v32>div:last-child>p{
  color:rgba(255,255,255,.64);
  font-size:clamp(.98rem,1.2vw,1.16rem);
  line-height:1.65
}
.bos-service-visual-v32>div:last-child>div{display:grid;gap:0;margin-top:34px;border-top:1px solid rgba(255,255,255,.16)}
.bos-service-visual-v32>div:last-child b{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.78);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}
.consulting-credential-v32{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(40px,8vw,140px);align-items:end}
.consulting-credential-v32>div:last-child{padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.035)}

.demo-library-v32{overflow:clip}
.demo-library-header-v32{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr);gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:clamp(44px,6vw,84px)}
.demo-library-header-v32 h2{margin:30px 0 0;font-size:clamp(2.8rem,5vw,5.75rem);line-height:.9}
.demo-library-header-v32 h2 em{color:var(--red)}
.demo-library-header-v32>p{max-width:580px;margin:0;color:var(--muted);font-size:clamp(.96rem,1.15vw,1.12rem);line-height:1.65}
.demo-library-controls-v32{position:relative;z-index:3;display:grid;gap:22px;margin-bottom:42px;padding:clamp(20px,2.8vw,34px);border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.68);box-shadow:0 22px 70px rgba(8,8,8,.055);backdrop-filter:blur(16px)}
.demo-library-search-v32>label{display:block;margin-bottom:10px;color:var(--red);font:.58rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.demo-library-search-v32>div{display:grid;grid-template-columns:1fr auto;gap:10px}
.demo-library-search-v32 input{width:100%;min-height:58px;padding:0 18px;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);font:inherit}
.demo-library-search-v32 input:focus{outline:2px solid var(--gold);outline-offset:2px}
.demo-library-search-v32 button,.demo-library-empty-v32 button{min-height:48px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--paper);cursor:pointer;font:.62rem var(--display);letter-spacing:.06em;text-transform:uppercase}
.demo-library-search-v32 button:focus-visible,.demo-library-empty-v32 button:focus-visible,.demo-library-filters-v32 button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.demo-library-filters-v32{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 7px;scrollbar-width:thin;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.demo-library-filters-v32 button{display:flex;flex:0 0 auto;align-items:center;gap:11px;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;font:.6rem var(--display);letter-spacing:.04em;transition:background .25s,color .25s,border-color .25s,transform .25s}
.demo-library-filters-v32 button{scroll-snap-align:start}
.demo-library-filters-v32 button small{color:var(--muted);font:.58rem monospace}
.demo-library-filters-v32 button:hover,.demo-library-filters-v32 button.is-active{transform:translateY(-2px);border-color:var(--red);background:var(--red);color:white}
.demo-library-filters-v32 button.is-active small,.demo-library-filters-v32 button:hover small{color:rgba(255,255,255,.72)}
.demo-library-status-v32{margin:0;color:var(--muted);font-size:.76rem}.demo-library-status-v32 strong{color:var(--red)}
.demo-library-grid-v32{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,42px)}
.demo-library-card-v32{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 20px 70px rgba(8,8,8,.055);transition:transform .45s var(--ease),box-shadow .45s}
.demo-library-card-v32:hover{transform:translateY(-8px);box-shadow:0 30px 90px rgba(8,8,8,.11)}
.demo-library-card-v32>a{display:grid;height:100%;color:inherit;text-decoration:none}
.demo-library-card-v32>a:focus-visible{outline:3px solid var(--gold);outline-offset:-5px;border-radius:inherit}.demo-library-card-v32:focus-within{box-shadow:0 30px 90px rgba(8,8,8,.11)}
.demo-library-media-v32{position:relative;min-height:0;aspect-ratio:16/10;overflow:hidden;background:#111}
.demo-library-media-v32 picture,.demo-library-media-v32 img{display:block;width:100%;height:100%}
.demo-library-media-v32 img{object-fit:cover;transition:transform .7s var(--ease)}
.demo-library-card-v32:hover .demo-library-media-v32 img{transform:scale(1.025)}
.demo-library-badges-v32{position:absolute;left:15px;right:15px;top:15px;display:flex;flex-wrap:wrap;gap:7px}
.demo-library-badges-v32 span{padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(8,8,8,.74);color:white;font:.48rem var(--display);letter-spacing:.1em;backdrop-filter:blur(12px)}
.demo-library-badges-v32 span:last-child{background:rgba(156,18,22,.9)}
.demo-library-copy-v32{display:flex;flex-direction:column;min-width:0;padding:clamp(22px,3vw,34px)}
.demo-library-meta-v32{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px;color:var(--muted);font:.58rem monospace;text-transform:uppercase}
.demo-library-copy-v32>p:first-of-type{margin:0 0 12px;color:var(--red);font:.57rem var(--display);letter-spacing:.1em;text-transform:uppercase}
.demo-library-copy-v32 h3{margin:0 0 16px;font-size:clamp(1.8rem,3vw,3.15rem);line-height:.95}
.demo-library-copy-v32>p:nth-of-type(2){margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}
.demo-library-copy-v32 footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:32px;color:var(--ink);font-size:.65rem}
.demo-library-copy-v32 footer b{color:var(--red);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.demo-library-empty-v32{grid-column:1/-1;display:grid;justify-items:start;min-height:340px;padding:clamp(30px,5vw,64px);border:1px dashed var(--line);border-radius:26px;background:rgba(255,255,255,.45)}
.demo-library-empty-v32>span{color:var(--red);font:800 3rem var(--display)}.demo-library-empty-v32 h3{margin:40px 0 12px;font-size:2rem}.demo-library-empty-v32 p{max-width:600px;color:var(--muted)}

.bos-demo-live-v32>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:clamp(34px,6vw,90px);align-items:end;margin-bottom:clamp(42px,6vw,78px)}
.bos-demo-live-v32>header h2{margin:30px 0 0;font-size:clamp(2.75rem,4.8vw,5.45rem);line-height:.91}.bos-demo-live-v32>header h2 em{color:var(--gold)}
.bos-demo-live-v32>header>p:last-child{margin:0;color:rgba(255,255,255,.62);line-height:1.65}
.dx-experience{color:var(--ink)}
.dx-shell{overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#f5f1e9;box-shadow:0 34px 110px rgba(0,0,0,.3)}
.dx-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(18px,2.5vw,30px);border-bottom:1px solid rgba(8,8,8,.12);background:#0b0b0b;color:white}
.dx-header>div{display:flex;align-items:center;gap:9px;font:.59rem var(--display);letter-spacing:.1em;text-transform:uppercase}.dx-header>p{margin:0;color:rgba(255,255,255,.55);font-size:.6rem}
.dx-live-dot{width:8px;height:8px;border-radius:50%;background:#52d981;box-shadow:0 0 0 5px rgba(82,217,129,.12);animation:dxPulse 2s ease-in-out infinite}
@keyframes dxPulse{50%{box-shadow:0 0 0 9px rgba(82,217,129,0)}}
.dx-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(28px,5vw,74px);align-items:end;padding:clamp(28px,4vw,54px);border-bottom:1px solid rgba(8,8,8,.12)}
.dx-intro h2{max-width:850px;margin:12px 0 0;font-size:clamp(2.25rem,4vw,4.55rem);line-height:.92}.dx-intro>p{margin:0;color:#68645f;font-size:.84rem;line-height:1.6}
.dx-kicker{margin:0;color:var(--red);font:.57rem var(--display);letter-spacing:.11em;text-transform:uppercase}
.dx-workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);min-height:610px}
.dx-controls,.dx-result{min-width:0;padding:clamp(24px,3.6vw,52px)}
.dx-controls{display:grid;align-content:start;gap:28px;border-right:1px solid rgba(8,8,8,.12);background:#fff}
.dx-result{position:relative;display:grid;align-content:start;gap:28px;background:#ede7dc}
.dx-result:before{content:"LIVE OUTPUT";position:absolute;right:18px;top:18px;color:rgba(8,8,8,.34);font:.48rem var(--display);letter-spacing:.11em}
.dx-result-heading h3{margin:13px 0 14px;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:.94}.dx-result-heading>p:last-child{margin:0;color:#68645f;font-size:.78rem;line-height:1.6}
.dx-disclosure{padding:15px clamp(20px,3vw,38px);border-top:1px solid rgba(8,8,8,.12);background:#ddd4c6;color:#5f5b55;font-size:.62rem;line-height:1.5}
.dx-choice-group{min-width:0;margin:0;padding:0;border:0}.dx-choice-group legend,.dx-controls label:not(.dx-check){display:block;margin-bottom:11px;color:#24211f;font:.62rem var(--display);letter-spacing:.04em}
.dx-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dx-pills label{position:relative;display:grid;align-content:center;min-height:76px;margin:0!important;padding:13px;border:1px solid rgba(8,8,8,.14);border-radius:15px;background:#f6f2eb;cursor:pointer;transition:border-color .25s,background .25s,transform .25s}.dx-pills label:hover{transform:translateY(-2px);border-color:var(--red)}.dx-pills label.is-selected{border-color:var(--red);background:#fff0ed;box-shadow:inset 0 0 0 1px var(--red)}
.dx-pills input{position:absolute;opacity:0;pointer-events:none}.dx-pills span{font-size:.7rem;font-weight:750}.dx-pills small{margin-top:5px;color:#746f69;font-size:.58rem}
.dx-controls input:not([type=radio]):not([type=checkbox]):not([type=range]),.dx-controls select,.dx-controls textarea{width:100%;min-height:48px;margin-top:8px;padding:11px 12px;border:1px solid rgba(8,8,8,.18);border-radius:11px;background:white;color:var(--ink);font:inherit}.dx-controls textarea{min-height:106px;resize:vertical}.dx-controls input:focus,.dx-controls select:focus,.dx-controls textarea:focus,.dx-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dx-controls button{min-height:42px;padding:10px 14px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;cursor:pointer;font:.59rem var(--display);letter-spacing:.04em}.dx-controls button:hover{border-color:var(--red);background:var(--red)}.dx-controls button[aria-pressed=true]{border-color:var(--red);background:var(--red)}.dx-controls button:disabled{cursor:not-allowed;opacity:.42}
.dx-toolbar{display:flex;flex-wrap:wrap;gap:8px}.dx-card-list,.dx-records,.dx-ranked-list,.dx-task-list,.dx-property-grid,.dx-checklist,.dx-citations,.dx-action-plan{display:grid;gap:9px}
.dx-card-list article,.dx-records article,.dx-ranked-list>div,.dx-property-grid article,.dx-citations article,.dx-shortlist article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px;border:1px solid rgba(8,8,8,.12);border-radius:14px;background:#f6f2eb}.dx-card-list article.is-recommended,.dx-property-grid article.is-selected{border-color:var(--red);background:#fff0ed}.dx-card-list article>span{color:var(--red);font:.56rem monospace}.dx-card-list article>div{display:grid;gap:3px}.dx-card-list small{color:#6c6760;font-size:.6rem;line-height:1.4}
.dx-records article{grid-template-columns:minmax(0,1.4fr) minmax(120px,.65fr) minmax(120px,.65fr)}.dx-record-title{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;align-items:center}.dx-record-title p{grid-column:1/-1;margin:3px 0 0;color:#68645f;font-size:.64rem}.dx-severity{padding:5px 7px;border-radius:999px;background:#ded7cd;color:#3b3732;font:.48rem var(--display);text-transform:uppercase}.dx-severity.is-critical{background:#ffe1e0;color:#9b1519}.dx-severity.is-watch{background:#fff0c7;color:#75540c}.dx-severity.is-routine{background:#dff0e4;color:#225a35}
.dx-task-list label,.dx-check{display:flex!important;align-items:flex-start;gap:12px;margin:0!important;padding:15px;border:1px solid rgba(8,8,8,.12);border-radius:14px;background:#f6f2eb;cursor:pointer}.dx-task-list input,.dx-check input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--red)}.dx-task-list label>span{display:grid;gap:4px}.dx-task-list label small{color:var(--red);font-size:.55rem}.dx-task-list label em{color:#6b665f;font-size:.62rem;font-style:normal}.dx-task-list label.is-complete{opacity:.62}.dx-task-list label.is-complete strong{text-decoration:line-through}
.dx-inline-form,.dx-research-form{display:grid;gap:13px}.dx-inline-form button,.dx-research-form button{justify-self:start}.dx-select{display:block}.dx-notice,.dx-method{padding:17px;border:1px solid rgba(8,8,8,.13);border-radius:14px;background:rgba(255,255,255,.55)}.dx-notice strong{font-size:.74rem}.dx-notice p,.dx-method p{margin:7px 0 0;color:#67615b;font-size:.68rem;line-height:1.5}.dx-notice small{display:block;margin-top:9px;color:#857e76;font-size:.57rem}.dx-method summary{cursor:pointer;font-size:.66rem;font-weight:750}
.dx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dx-stat{display:grid;align-content:start;gap:8px;min-width:0;padding:15px;border:1px solid rgba(8,8,8,.12);border-radius:14px;background:rgba(255,255,255,.56)}.dx-stat span{color:#6f6962;font:.52rem var(--display);letter-spacing:.05em;text-transform:uppercase}.dx-stat strong{overflow-wrap:anywhere;font-size:clamp(1rem,2.2vw,1.6rem)}.dx-stat small{color:#77716b;font-size:.55rem}
.dx-progress{height:9px;overflow:hidden;border-radius:99px;background:#d3cabe}.dx-progress span{display:block;height:100%;border-radius:99px;background:var(--red);transition:width .35s var(--ease)}
.dx-sliders{display:grid;gap:18px}.dx-sliders label>span{display:flex;justify-content:space-between;gap:18px}.dx-sliders output{color:var(--red);font-weight:800}.dx-sliders input{width:100%;margin-top:10px;accent-color:var(--red)}
.dx-bars{display:flex;align-items:end;gap:9px;height:210px;padding-top:18px}.dx-bars>div{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;height:100%;min-width:0}.dx-bars span{width:min(42px,68%);min-height:8px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--red),#6f0e12);transition:height .35s var(--ease)}.dx-bars small{margin-top:7px;color:#6e6861;font-size:.52rem}.dx-bars strong{margin-top:4px;font-size:.52rem;white-space:nowrap}
.dx-timeline,.dx-next-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}.dx-timeline li,.dx-next-steps li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(8,8,8,.12);color:#6d6761;font-size:.68rem}.dx-timeline li>span{width:11px;height:11px;margin-top:2px;border:1px solid #857f77;border-radius:50%}.dx-timeline li.is-complete{color:var(--ink)}.dx-timeline li.is-complete>span{border-color:var(--red);background:var(--red)}.dx-next-steps li>span{color:var(--red);font:.55rem monospace}.dx-next-steps p{display:grid;gap:4px;margin:0}.dx-next-steps strong{color:var(--ink);font-size:.72rem}
.dx-number-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dx-filter-row{display:flex;flex-wrap:wrap;gap:8px}.dx-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-score{display:grid;place-items:center;width:112px;aspect-ratio:1;margin:0 auto;border:10px solid #e4dbcf;border-top-color:var(--red);border-radius:50%;font:800 1.8rem var(--display)}.dx-brief{padding:18px;border-left:3px solid var(--red);background:rgba(255,255,255,.58)}.dx-empty{padding:28px;border:1px dashed rgba(8,8,8,.2);border-radius:14px;color:#6d6761;text-align:left}.dx-unavailable{padding:50px}

@media(max-width:1100px){
  .bos-service-visual-v32,.consulting-credential-v32{grid-template-columns:1fr}
  .bos-service-visual-v32>div:first-child{min-height:0;aspect-ratio:16/10}
  .demo-library-header-v32,.bos-demo-live-v32>header{grid-template-columns:1fr}
  .dx-intro{grid-template-columns:1fr}
  .dx-workspace{grid-template-columns:1fr;min-height:0}.dx-controls{border-right:0;border-bottom:1px solid rgba(8,8,8,.12)}
}
@media(max-width:720px){
  .bos-service-visual-v32{gap:40px}.bos-service-visual-v32>div:first-child{aspect-ratio:4/5;border-radius:62px 20px 20px 20px}.bos-service-visual-v32>div:first-child>span{left:12px;right:12px;bottom:12px;padding:12px;font-size:.46rem}.bos-service-visual-v32 h2,.consulting-credential-v32 h2{font-size:clamp(2.3rem,10vw,3.35rem)}
  .consulting-credential-v32>div:last-child{padding:22px}
  .demo-library-header-v32 h2,.bos-demo-live-v32>header h2{font-size:clamp(2.35rem,10.2vw,3.55rem)}
  .demo-library-controls-v32{padding:17px;border-radius:20px}.demo-library-search-v32>div{grid-template-columns:1fr}.demo-library-search-v32 button{justify-self:start}.demo-library-grid-v32{grid-template-columns:1fr}.demo-library-card-v32{border-radius:20px}.demo-library-media-v32{aspect-ratio:4/5}.demo-library-copy-v32{padding:22px}.demo-library-meta-v32{margin-bottom:26px}.demo-library-copy-v32 footer{align-items:flex-start;flex-direction:column}
  .bos-demo-live-v32>header{margin-bottom:36px}.dx-shell{border-radius:20px}.dx-header{align-items:flex-start;flex-direction:column}.dx-intro{padding:24px 19px}.dx-intro h2{font-size:clamp(2rem,9vw,3rem)}.dx-controls,.dx-result{padding:22px 18px}.dx-result:before{display:none}.dx-pills{grid-template-columns:1fr}.dx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dx-records article,.dx-card-list article,.dx-property-grid article,.dx-citations article,.dx-shortlist article{grid-template-columns:1fr}.dx-records article label{min-width:0}.dx-number-grid,.dx-checklist{grid-template-columns:1fr}.dx-bars{height:180px;gap:5px}.dx-bars strong{font-size:.43rem}.dx-disclosure{padding:14px 18px}
}
@media(prefers-reduced-motion:reduce){.dx-live-dot{animation:none}.demo-library-card-v32,.demo-library-media-v32 img,.demo-library-filters-v32 button,.bos-service-visual-v32 img,.dx-pills label,.dx-progress span,.dx-bars span{transition:none}.demo-library-card-v32:hover,.demo-library-filters-v32 button:hover{transform:none}}

/* V33 — Vankpa revenue engine and operating-system design language */
.header-login-v32{color:rgba(255,255,255,.68);font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.bos-section-action{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:48px}
.bos-proof{display:grid;grid-template-columns:minmax(240px,.32fr) minmax(0,.68fr);gap:clamp(40px,7vw,120px)}
.bos-proof-heading{position:sticky;top:110px;align-self:start}.bos-proof-heading h2{font-size:clamp(2.4rem,4vw,4.8rem);margin:28px 0}.bos-proof-heading>p:last-child{color:var(--muted)}
.bos-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.bos-proof-grid article{display:flex;flex-direction:column;min-height:410px;padding:28px;border:1px solid var(--line);border-radius:28px;background:#fff;transition:transform .4s var(--ease),background .35s,color .35s}.bos-proof-grid article:nth-child(2){margin-top:48px;background:var(--red);color:#fff}.bos-proof-grid article:hover{transform:translateY(-8px)}.bos-proof-grid span{font:.6rem monospace;color:var(--gold)}.bos-proof-grid strong{margin:auto 0 18px;font-size:clamp(1.55rem,2vw,2.5rem);line-height:1;letter-spacing:-.05em}.bos-proof-grid p{font-size:.82rem;color:var(--muted)}.bos-proof-grid article:nth-child(2) p{color:rgba(255,255,255,.74)}.bos-proof-grid a{margin-top:24px;width:max-content;border-bottom:1px solid currentColor;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.bos-offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bos-offer-grid>article{display:flex;flex-direction:column;min-height:460px;padding:32px;border-radius:28px;background:#fff;border:1px solid var(--line);overflow:hidden}.bos-offer-grid>article:nth-child(2),.bos-offer-grid>article:nth-child(3){background:var(--ink);color:var(--paper)}.bos-offer-grid>article>span{font:.65rem monospace;color:var(--gold)}.bos-offer-grid>article>small{margin:42px 0 12px;color:var(--red);text-transform:uppercase;font-size:.52rem;letter-spacing:.12em}.bos-offer-grid>article:nth-child(2)>small,.bos-offer-grid>article:nth-child(3)>small{color:var(--gold)}.bos-offer-grid h3{margin:0 0 20px;font-size:clamp(2rem,3.2vw,3.8rem)}.bos-offer-grid p{max-width:640px;color:var(--muted)}.bos-offer-grid>article:nth-child(2) p,.bos-offer-grid>article:nth-child(3) p{color:rgba(255,255,255,.64)}.bos-offer-grid>article>div{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:30px;border-top:1px solid var(--line)}.bos-offer-grid>article:nth-child(2)>div,.bos-offer-grid>article:nth-child(3)>div{border-color:var(--light-line)}.bos-offer-grid b{max-width:55%;font-size:.7rem;color:var(--muted)}.bos-offer-grid a{border-bottom:1px solid currentColor;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}
.bos-command{display:grid;grid-template-columns:minmax(260px,.35fr) minmax(0,.65fr);gap:clamp(45px,8vw,135px);align-items:center}.bos-command-copy h2{font-size:clamp(2.6rem,4.8vw,5.5rem);margin:32px 0}.bos-command-copy>p:not(.eyebrow-v2){color:var(--muted);max-width:580px;margin-bottom:32px}.bos-command-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bos-command-flow>div{display:grid;grid-template-columns:38px 1fr;gap:8px 16px;align-items:center;min-height:130px;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}.bos-command-flow>div:nth-child(2),.bos-command-flow>div:nth-child(5){background:var(--red);color:#fff}.bos-command-flow span{grid-row:1/3;color:var(--gold);font:.6rem monospace}.bos-command-flow b{font-size:1rem;letter-spacing:-.03em}.bos-command-flow small{color:var(--muted);font-size:.58rem}.bos-command-flow>div:nth-child(2) small,.bos-command-flow>div:nth-child(5) small{color:rgba(255,255,255,.65)}
.bos-process{display:grid;grid-template-columns:minmax(240px,.3fr) minmax(0,.7fr);gap:clamp(40px,7vw,110px)}.bos-process-lead{position:sticky;top:110px;align-self:start}.bos-process-lead h2{font-size:clamp(2.5rem,4.2vw,5rem);margin:30px 0}.bos-process-lead>p:not(.eyebrow-v2){color:rgba(255,255,255,.6)}.bos-process-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bos-process-track article{min-height:260px;padding:26px;border:1px solid var(--light-line);border-radius:24px;background:rgba(255,255,255,.035)}.bos-process-track article:nth-child(3),.bos-process-track article:nth-child(6){background:var(--red)}.bos-process-track span{font:.58rem monospace;color:var(--gold)}.bos-process-track h3{margin:70px 0 14px;font-size:clamp(1.7rem,2.4vw,2.8rem)}.bos-process-track p{color:rgba(255,255,255,.6);font-size:.82rem}.bos-process-media{grid-column:1/-1;position:relative;height:min(55vw,720px);margin-top:34px;overflow:hidden;border-radius:100px 28px 28px 28px}.bos-process-media img{transition:transform 1s var(--ease)}.bos-process-media:hover img{transform:scale(1.035)}.bos-process-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78))}.bos-process-media>span{position:absolute;z-index:2;left:35px;bottom:30px;color:#fff;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.bos-engagements>div:last-child,.bos-standards>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.bos-engagements article,.bos-standards article{min-height:250px;padding:26px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.45)}.bos-engagements article:nth-child(2),.bos-standards article:nth-child(3){margin-top:42px;background:var(--red);color:#fff}.bos-engagements span,.bos-standards span{font:.58rem monospace;color:var(--gold)}.bos-engagements h3,.bos-standards h3{margin:65px 0 12px;font-size:clamp(1.35rem,1.8vw,2rem)}.bos-engagements p,.bos-standards p{margin:0;color:var(--muted);font-size:.8rem}.bos-engagements article:nth-child(2) p,.bos-standards article:nth-child(3) p{color:rgba(255,255,255,.7)}
.bos-founder{display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);gap:clamp(45px,8vw,135px);align-items:center}.bos-founder-media{height:720px;overflow:hidden;border-radius:120px 28px 28px 28px}.bos-founder>div:last-child h2{font-size:clamp(2.7rem,4.5vw,5.2rem);margin:32px 0}.bos-founder>div:last-child>p{color:var(--muted)}.bos-founder ul{list-style:none;padding:0;margin:32px 0}.bos-founder li{padding:13px 0;border-bottom:1px solid var(--line)}
.bos-resource{display:grid;grid-template-columns:1fr minmax(300px,.45fr);gap:clamp(40px,8vw,130px);align-items:end}.bos-resource h2{font-size:clamp(2.5rem,4.6vw,5.4rem);margin:32px 0 0}.bos-resource>div:last-child p{color:rgba(255,255,255,.64);margin-bottom:30px}
.bos-service-intro,.bos-ai-offer,.command-access,.bos-demo-note{display:grid;grid-template-columns:minmax(240px,.4fr) minmax(0,.6fr);gap:clamp(45px,8vw,130px);align-items:end}.bos-service-intro h2,.bos-ai-offer h2,.command-access h2,.bos-demo-note h2{font-size:clamp(2.7rem,4.7vw,5.4rem);margin:30px 0 0}.bos-service-intro>div:last-child p,.command-access>div:last-child p,.bos-demo-note>p{color:var(--muted);margin-bottom:30px}.bos-ai-offer>div:last-child p{color:rgba(255,255,255,.64);margin-bottom:30px}
.bos-services-list{display:grid;gap:28px}.bos-services-list>article{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:650px;border-radius:34px;overflow:hidden;background:#fff}.bos-services-list>article:nth-child(even){background:var(--ink);color:var(--paper)}.bos-service-copy{display:flex;flex-direction:column;padding:clamp(30px,4.5vw,70px)}.bos-service-copy>span{font:.65rem monospace;color:var(--gold)}.bos-service-copy>small{margin:44px 0 12px;color:var(--red);font-size:.52rem;text-transform:uppercase;letter-spacing:.12em}.bos-services-list>article:nth-child(even) small{color:var(--gold)}.bos-service-copy h2{font-size:clamp(2.7rem,4.5vw,5.5rem);margin:0 0 24px}.bos-service-copy>p{color:var(--muted)}.bos-services-list>article:nth-child(even) .bos-service-copy>p{color:rgba(255,255,255,.65)}.bos-service-copy dl{margin:auto 0 30px}.bos-service-copy dl>div{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.bos-services-list>article:nth-child(even) dl>div{border-color:var(--light-line)}.bos-service-copy dt{font-size:.48rem;letter-spacing:.12em;color:var(--gold)}.bos-service-copy dd{margin:0;font-size:.76rem}.bos-service-image{position:relative;min-height:620px;overflow:hidden}.bos-service-image img{transition:transform 1s var(--ease)}.bos-services-list>article:hover .bos-service-image img{transform:scale(1.035)}.bos-service-image>b{position:absolute;right:24px;bottom:24px;padding:9px 12px;border-radius:999px;background:var(--gold);font-size:.58rem;letter-spacing:.1em}
.bos-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bos-solution-grid>article{min-height:510px;padding:32px;border:1px solid var(--line);border-radius:28px}.bos-solution-grid>article:nth-child(2),.bos-solution-grid>article:nth-child(5){background:var(--red);color:#fff}.bos-solution-grid>article>span{color:var(--gold);font:.6rem monospace}.bos-solution-grid h2{font-size:clamp(2.3rem,3.6vw,4.2rem);margin:65px 0 35px}.bos-solution-grid dl>div{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:16px 0;border-top:1px solid var(--line)}.bos-solution-grid>article:nth-child(2) dl>div,.bos-solution-grid>article:nth-child(5) dl>div{border-color:var(--light-line)}.bos-solution-grid dt{font-size:.5rem;color:var(--gold);letter-spacing:.11em}.bos-solution-grid dd{margin:0;color:var(--muted);font-size:.82rem}.bos-solution-grid>article:nth-child(2) dd,.bos-solution-grid>article:nth-child(5) dd{color:rgba(255,255,255,.72)}.bos-solution-grid a{display:inline-block;margin-top:24px;border-bottom:1px solid currentColor;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.bos-fit,.command-guardrails,.bos-process-standards{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,.62fr);gap:clamp(45px,8vw,130px)}.bos-fit h2,.command-guardrails h2,.bos-process-standards h2{font-size:clamp(2.7rem,4.7vw,5.5rem);margin:30px 0}.bos-fit>div:last-child p,.command-guardrails>div:last-child p,.bos-process-standards>div:last-child p{display:grid;grid-template-columns:45px 1fr;gap:18px;margin:0;padding:20px 0;border-bottom:1px solid var(--light-line)}.bos-fit span,.command-guardrails span,.bos-process-standards span{color:var(--gold);font:.58rem monospace}
.bos-process-story,.bos-offer-visual,.bos-demo-hero{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);gap:clamp(40px,7vw,110px);align-items:center}.bos-process-story-media,.bos-offer-visual>div:first-child,.bos-demo-hero>div:first-child{height:700px;overflow:hidden;border-radius:110px 28px 28px 28px}.bos-process-story h2,.bos-offer-visual h2,.bos-demo-hero h2{font-size:clamp(2.6rem,4.5vw,5.1rem);margin:30px 0}.bos-process-story>div:last-child>p:last-child,.bos-offer-visual>div:last-child>p,.bos-demo-hero>div:last-child>p{color:var(--muted)}
.bos-process-detail{display:grid;gap:14px}.bos-process-detail>article{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(260px,.35fr);gap:28px;align-items:center;min-height:270px;padding:30px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.45)}.bos-process-detail>article>span{font:.65rem monospace;color:var(--red)}.bos-process-detail h2{font-size:clamp(2.3rem,3.6vw,4.4rem);margin:8px 0 15px}.bos-process-detail p{margin:0;color:var(--muted)}.bos-process-detail aside{display:grid;gap:8px;padding:22px;border-radius:20px;background:var(--ink);color:var(--paper)}.bos-process-detail aside small{color:var(--gold);font-size:.47rem;letter-spacing:.12em}.bos-process-detail aside strong{margin-bottom:16px}.bos-process-detail aside b{font-size:.78rem}
.bos-offer-problems>header{display:grid;grid-template-columns:.4fr .6fr;gap:60px;align-items:end}.bos-offer-problems>header h2{font-size:clamp(2.7rem,4.5vw,5.2rem);margin:0}.bos-offer-problems>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:70px}.bos-offer-problems article{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff}.bos-offer-problems span{font:.6rem monospace;color:var(--red)}.bos-offer-problems article p{margin:65px 0 0;font-size:1.05rem}
.bos-inclusion{display:grid;grid-template-columns:minmax(220px,.3fr) minmax(0,.7fr);gap:clamp(45px,8vw,130px)}.bos-inclusion h2{font-size:clamp(2.6rem,4.2vw,4.9rem);margin:30px 0}.bos-inclusion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bos-inclusion-grid article{padding:30px;border:1px solid var(--light-line);border-radius:26px}.bos-inclusion-grid article:nth-child(2){background:var(--red)}.bos-inclusion-grid h3{font-size:2rem;margin:0 0 28px}.bos-inclusion-grid ul{list-style:none;padding:0;margin:0}.bos-inclusion-grid li{padding:12px 0;border-bottom:1px solid var(--light-line);font-size:.82rem}
.bos-offer-process>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:48px}.bos-offer-process article{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:20px}.bos-offer-process span{font:.58rem monospace;color:var(--red)}.bos-offer-process h3{margin:80px 0 0;font-size:1.35rem}
.bos-offer-delivery,.bos-demo-technical{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bos-offer-delivery>div,.bos-demo-technical>div{padding:clamp(30px,4vw,58px);border:1px solid var(--line);border-radius:28px;background:#fff}.bos-offer-delivery h2,.bos-demo-technical h2{font-size:clamp(2.6rem,4vw,4.7rem);margin:30px 0}.bos-offer-delivery h3{margin-top:40px}.bos-offer-delivery li,.bos-demo-technical li{padding:10px 0;border-bottom:1px solid var(--line)}
.bos-demo-note{padding-block:70px}.bos-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 20px}.bos-demo-grid>article{min-width:0}.bos-demo-image{position:relative;display:block;height:620px;overflow:hidden;border-radius:28px 28px 90px 28px}.bos-demo-image img{transition:transform 1s var(--ease)}.bos-demo-grid>article:hover img{transform:scale(1.035)}.bos-demo-image>span{position:absolute;left:20px;top:20px;padding:9px 12px;background:var(--red);color:#fff;border-radius:999px;font-size:.5rem;letter-spacing:.12em}.bos-demo-grid>article>div{padding:24px}.bos-demo-grid small{color:var(--red);font:.58rem monospace}.bos-demo-grid h2{font-size:clamp(2.4rem,3.6vw,4.3rem);margin:14px 0}.bos-demo-grid p{color:var(--muted)}.bos-demo-grid footer{display:flex;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid var(--line);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.bos-concept-badge{display:inline-flex;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:var(--gold);font-size:.52rem;letter-spacing:.12em}.bos-demo-hero dl>div{padding:18px 0;border-top:1px solid var(--line)}.bos-demo-hero dt{font-size:.5rem;color:var(--red);letter-spacing:.12em}.bos-demo-hero dd{margin:7px 0 0}.bos-demo-structure{display:grid;grid-template-columns:.34fr .66fr;gap:clamp(45px,8vw,130px)}.bos-demo-structure h2{font-size:clamp(2.6rem,4.3vw,5rem);margin:30px 0}.bos-demo-structure>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bos-demo-structure article{min-height:270px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff}.bos-demo-structure article:nth-child(2),.bos-demo-structure article:nth-child(3){background:var(--red);color:#fff}.bos-demo-structure span{font:.58rem monospace;color:var(--gold)}.bos-demo-structure h3{margin:65px 0 12px;font-size:1.7rem}.bos-demo-structure p{color:var(--muted);font-size:.8rem}.bos-demo-structure article:nth-child(2) p,.bos-demo-structure article:nth-child(3) p{color:rgba(255,255,255,.7)}.bos-demo-technical{color:var(--paper)}.bos-demo-technical>div{background:rgba(255,255,255,.04);border-color:var(--light-line)}.bos-demo-technical p{color:rgba(255,255,255,.65)}.bos-demo-technical li{border-color:var(--light-line)}
.command-demo{padding-top:100px}.command-demo>header{display:flex;align-items:end;justify-content:space-between;gap:30px}.command-demo h2{font-size:clamp(2.6rem,4.7vw,5.4rem);margin:30px 0 0}.command-demo>header>span{padding:9px 13px;border:1px solid var(--light-line);border-radius:999px;color:var(--gold);font-size:.52rem;letter-spacing:.12em}.command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:70px}.command-metrics article{display:grid;min-height:220px;padding:24px;border:1px solid var(--light-line);border-radius:24px;background:rgba(255,255,255,.04)}.command-metrics article:nth-child(2){background:var(--red)}.command-metrics strong{font-size:clamp(3rem,5vw,6rem);line-height:1}.command-metrics span{margin-top:auto}.command-metrics small{color:var(--gold)}.command-priority{display:grid;grid-template-columns:170px 1fr auto;gap:30px;align-items:center;margin-top:14px;padding:26px;border-radius:22px;background:var(--gold);color:var(--ink)}.command-priority>span{font-size:.5rem;letter-spacing:.12em}.command-priority b{font-size:1rem}.command-priority small{display:block}.command-priority button{border:1px solid var(--ink);border-radius:999px;padding:13px 16px;background:transparent;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.command-records{display:grid;grid-template-columns:.35fr .65fr;gap:clamp(45px,8vw,130px)}.command-records>div:first-child{position:sticky;top:110px;align-self:start}.command-records h2{font-size:clamp(2.6rem,4.5vw,5.2rem);margin:30px 0}.command-records>div:first-child>p:last-child{color:var(--muted)}.command-records>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}.command-records article{min-height:240px;padding:25px;border:1px solid var(--line);border-radius:22px}.command-records span{font:.58rem monospace;color:var(--red)}.command-records h3{margin:65px 0 12px;font-size:1.55rem}.command-records p{color:var(--muted);font-size:.8rem}.command-journey>p{margin-bottom:50px}.command-journey>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.command-journey article{min-height:210px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.command-journey span{font:.58rem monospace;color:var(--red)}.command-journey h3{margin:70px 0 15px;font-size:1.35rem}.command-journey i{display:block;width:100%;height:2px;background:linear-gradient(90deg,var(--red),var(--gold))}
.start-project-intro{min-height:90svh;padding:145px var(--gutter) 80px;display:grid;grid-template-columns:minmax(0,.65fr) minmax(300px,.35fr);gap:clamp(45px,8vw,130px);align-items:end;background:var(--ink);color:var(--paper)}.start-project-intro h1{font-size:clamp(3.2rem,6.7vw,7.7rem);margin:35px 0}.start-project-intro>div>p:not(.eyebrow-v2){max-width:720px;color:rgba(255,255,255,.65)}.start-project-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.start-project-trust span{padding:10px 13px;border:1px solid var(--light-line);border-radius:999px;font-size:.58rem}.start-project-intro aside{padding:28px;border:1px solid var(--light-line);border-radius:28px;background:rgba(255,255,255,.04)}.start-project-intro aside small{color:var(--gold);letter-spacing:.12em}.start-project-intro aside li{padding:11px 0;border-bottom:1px solid var(--light-line);font-size:.78rem}.start-project-intro aside a{display:inline-block;margin-top:25px;border-bottom:1px solid currentColor;font-size:.65rem}.start-project-form{display:grid;place-items:center}.intake-form,.intake-success{width:min(100%,860px);padding:clamp(24px,4vw,54px);border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.08)}.intake-form>header{display:flex;justify-content:space-between;gap:20px}.intake-form>header small{display:block;color:var(--red);font-size:.5rem;letter-spacing:.12em}.intake-form>header strong{font-size:1.2rem}.intake-form>header>span{font:1.1rem monospace;color:var(--red)}.intake-progress{height:4px;margin:20px 0 45px;background:var(--paper-2)}.intake-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .4s var(--ease)}.intake-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:22px;border:0;padding:0;margin:0}.intake-form legend{grid-column:1/-1;width:100%;margin:0 0 20px;font:600 clamp(2rem,3.5vw,3.7rem)/1 var(--display);letter-spacing:-.06em}.intake-form label{display:grid;gap:8px}.intake-form label:has(textarea),.intake-context,.intake-check,.intake-review,.intake-form fieldset>p{grid-column:1/-1}.intake-form label>span{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.intake-form input,.intake-form select,.intake-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--paper);resize:vertical}.intake-check{grid-template-columns:auto 1fr;align-items:start}.intake-check input{width:18px;height:18px}.intake-check span{text-transform:none!important;letter-spacing:0!important;font-size:.75rem!important}.intake-context{color:var(--muted);font-size:.74rem}.intake-review{display:grid;grid-template-columns:1fr 1fr;margin:0}.intake-review>div{padding:18px;border:1px solid var(--line)}.intake-review dt{font-size:.48rem;color:var(--red);letter-spacing:.1em}.intake-review dd{margin:8px 0 0}.intake-form>footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.intake-form button:disabled{opacity:.45;cursor:not-allowed}.intake-error{padding:14px;border-radius:12px;background:#fff0f0;color:var(--red)}.intake-success h2{font-size:clamp(2.8rem,5vw,5.6rem);margin:35px 0}.intake-success p{color:var(--muted);margin-bottom:30px}
.os-shell{min-height:100svh;background:#080808;color:#f4efe6;font-size:.84rem}.os-top{position:sticky;top:0;z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,8,8,.92);backdrop-filter:blur(18px)}.os-brand{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:800}.os-brand span{color:#fff;font-size:.68rem;letter-spacing:.11em}.os-top nav,.os-top>div{display:flex;gap:20px}.os-top a{font-size:.65rem}.os-layout{display:grid;grid-template-columns:230px 1fr}.os-layout>aside{position:sticky;top:68px;height:calc(100svh - 68px);padding:25px 14px;border-right:1px solid rgba(255,255,255,.1);overflow:auto}.os-layout>aside>small{display:block;margin:20px 12px 10px;color:rgba(255,255,255,.4);font-size:.48rem;letter-spacing:.12em}.os-layout>aside>a{display:flex;gap:12px;padding:10px 12px;border-radius:10px;color:rgba(255,255,255,.65)}.os-layout>aside>a.active{background:var(--gold);color:#080808}.os-layout>aside>a span{font:.52rem monospace}.os-main{min-width:0;padding:clamp(25px,4vw,60px)}.os-welcome{display:grid;grid-template-columns:1fr minmax(260px,.35fr);gap:50px;align-items:end}.os-welcome h1{font-size:clamp(3rem,5.8vw,6.8rem);margin:28px 0}.os-welcome p{color:rgba(255,255,255,.55)}.os-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.os-metrics>a{display:grid;min-height:190px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}.os-metrics>a:nth-child(2){background:var(--red)}.os-metrics strong{font-size:3.5rem}.os-metrics span{margin-top:auto}.os-metrics small{color:var(--gold)}.os-priority{display:grid;grid-template-columns:160px 1fr auto;gap:30px;align-items:center;margin:10px 0 70px;padding:22px;border-radius:18px;background:var(--gold);color:#080808}.os-priority>span{font-size:.48rem;letter-spacing:.1em}.os-priority h2{font-size:1.2rem;letter-spacing:-.03em;margin:0}.os-priority p{margin:5px 0 0}.os-priority button{border:1px solid #080808;border-radius:999px;padding:11px 14px;background:transparent}.os-leads>header{display:flex;justify-content:space-between;gap:30px;align-items:end}.os-leads h2,.os-roadmap h2{font-size:clamp(2.3rem,4vw,4.5rem);margin:22px 0}.os-table{margin-top:30px;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.os-table>div,.os-table>article{display:grid;grid-template-columns:1.1fr 1fr .55fr 1.3fr .4fr;gap:20px;align-items:center;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.os-table .head{color:rgba(255,255,255,.45);font-size:.5rem;text-transform:uppercase;letter-spacing:.1em}.os-table article>span{display:grid}.os-table article small{color:rgba(255,255,255,.5)}.os-table article i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--gold)}.os-empty{padding:60px 30px;border:1px dashed rgba(255,255,255,.2);border-radius:18px;text-align:left}.os-empty>span{color:var(--gold);font:3rem monospace}.os-empty h3{font-size:2rem}.os-empty p{max-width:620px;margin:auto;color:rgba(255,255,255,.55)}.os-roadmap{margin-top:90px}.os-roadmap>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.os-roadmap article{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px}.os-roadmap h3{font-size:1.5rem;margin:0 0 12px}.os-roadmap p{color:rgba(255,255,255,.55)}.os-roadmap span{color:var(--gold);font-size:.55rem;text-transform:uppercase}.os-denied{min-height:100svh;display:grid;place-content:center;max-width:760px;margin:auto;padding:30px}.os-denied h1{font-size:clamp(3rem,6vw,6.5rem)}.os-denied p{color:rgba(255,255,255,.6)}.os-denied a{width:max-content;border-bottom:1px solid currentColor}

@media(max-width:1100px){
  .bos-proof,.bos-command,.bos-process,.bos-service-intro,.bos-ai-offer,.command-access,.bos-demo-note,.bos-fit,.command-guardrails,.bos-process-standards,.bos-inclusion,.bos-demo-structure,.command-records{grid-template-columns:1fr}.bos-proof-heading,.bos-process-lead,.command-records>div:first-child{position:relative;top:auto}.bos-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bos-services-list>article{grid-template-columns:1fr}.bos-service-image{min-height:0;aspect-ratio:16/10}.bos-process-story,.bos-offer-visual,.bos-demo-hero{grid-template-columns:1fr}.bos-process-story-media,.bos-offer-visual>div:first-child,.bos-demo-hero>div:first-child{height:auto;aspect-ratio:16/10}.bos-offer-process>div{grid-template-columns:repeat(3,minmax(0,1fr))}.command-records>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.os-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){.header-login-v32{display:none}.bos-proof-grid,.bos-offer-grid,.bos-solution-grid,.bos-demo-grid,.bos-offer-delivery,.bos-demo-technical{grid-template-columns:1fr}.bos-proof-grid article:nth-child(2),.bos-engagements article:nth-child(2),.bos-standards article:nth-child(3){margin-top:0}.bos-engagements>div:last-child,.bos-standards>div:last-child,.command-metrics,.command-journey>div{grid-template-columns:repeat(2,minmax(0,1fr))}.bos-founder{grid-template-columns:1fr}.bos-founder-media{height:auto;aspect-ratio:4/5}.bos-resource{grid-template-columns:1fr}.start-project-intro{grid-template-columns:1fr;padding-top:125px}.os-layout{grid-template-columns:1fr}.os-layout>aside{display:none}.os-welcome{grid-template-columns:1fr}.os-table>div,.os-table>article{grid-template-columns:1fr 1fr}.os-table .head{display:none}.os-priority,.command-priority{grid-template-columns:1fr}.os-top nav{display:none}}
@media(max-width:720px){
  .bos-proof-grid,.bos-process-track,.bos-command-flow,.bos-engagements>div:last-child,.bos-standards>div:last-child,.bos-offer-problems>div,.bos-inclusion-grid,.bos-demo-structure>div:last-child,.command-records>div:last-child,.command-metrics,.command-journey>div,.bos-offer-delivery,.bos-demo-technical{grid-template-columns:1fr}.bos-proof-grid article,.bos-offer-grid>article{min-height:360px}.bos-process-media{height:auto;aspect-ratio:4/5;border-radius:70px 20px 20px}.bos-service-copy{padding:26px}.bos-service-image{aspect-ratio:4/5}.bos-solution-grid>article{min-height:420px}.bos-process-detail>article{grid-template-columns:1fr;gap:18px}.bos-process-detail h2{margin-top:12px}.bos-process-detail aside{margin-top:10px}.bos-offer-problems>header{grid-template-columns:1fr}.bos-offer-process>div{grid-template-columns:1fr 1fr}.bos-offer-process article{min-height:180px}.bos-demo-image{height:auto;aspect-ratio:4/5;border-radius:20px 20px 70px 20px}.bos-demo-grid>article>div{padding:20px 0}.command-demo>header,.os-leads>header{display:grid}.intake-form fieldset,.intake-review{grid-template-columns:1fr}.intake-form label,.intake-review,.intake-form legend,.intake-form label:has(textarea),.intake-context,.intake-check{grid-column:1}.intake-form>footer{align-items:stretch}.intake-form>footer .button-v2{flex:1}.os-main{padding:24px 16px}.os-metrics,.os-roadmap>div{grid-template-columns:1fr}.os-table>div,.os-table>article{grid-template-columns:1fr}.os-top{padding:0 14px}.os-top>div span{display:none}.bos-offer-grid>article>div{display:grid}.bos-offer-grid b{max-width:none}.bos-process-story-media,.bos-offer-visual>div:first-child,.bos-demo-hero>div:first-child{aspect-ratio:4/5;border-radius:70px 20px 20px}.bos-resource h2,.bos-founder>div:last-child h2,.bos-service-intro h2,.bos-ai-offer h2,.command-access h2,.bos-demo-note h2{font-size:clamp(2.15rem,9.5vw,3.3rem)}
}
@media(prefers-reduced-motion:reduce){.bos-process-media img,.bos-service-image img,.bos-demo-image img{transition:none!important}}

@media(max-width:390px){
  .services-flip-card-v14,.consulting-analytics-v18 .services-flip-card-v14{height:1020px}
  .services-flip-back-v14{padding:20px}
  .consulting-analytics-v18 .services-standard-grid-v13 article,
  .portfolio-lens-grid>article{grid-template-columns:1fr;min-height:auto}
}

/* V40 — three editorial insights on the home page. */
.home-insights-v40{overflow:hidden}
.home-insights-header-v40{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:clamp(36px,8vw,130px);align-items:end;margin-bottom:clamp(42px,6vw,76px)}
.home-insights-header-v40 h2{max-width:980px;margin:28px 0 0;font-size:clamp(2.65rem,5vw,5.7rem)}
.home-insights-header-v40 h2 em{color:var(--gold)}
.home-insights-header-v40>div:last-child{display:grid;justify-items:start;gap:24px}
.home-insights-header-v40>div:last-child p{max-width:570px;margin:0;color:rgba(255,255,255,.64)}
.home-insights-grid-v40{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.home-insights-grid-v40 article{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(255,255,255,.035)}
.home-insights-grid-v40 article>a{display:grid;height:100%;grid-template-rows:auto 1fr}
.home-insight-media-v40{position:relative;aspect-ratio:16/11;overflow:hidden;background:#211f1d}
.home-insight-media-v40 img{transition:transform .8s var(--ease),filter .45s var(--ease)}
.home-insight-media-v40>span{position:absolute;z-index:2;left:16px;top:16px;padding:8px 11px;border-radius:999px;background:rgba(8,8,8,.86);color:var(--gold);font:700 .5rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}
.home-insight-copy-v40{display:flex;min-width:0;flex-direction:column;padding:clamp(22px,2vw,30px)}
.home-insight-copy-v40 small{color:var(--gold);font:.55rem/1.5 monospace;letter-spacing:.04em;text-transform:uppercase}
.home-insight-copy-v40 h3{margin:24px 0 16px;font-size:clamp(1.55rem,2.1vw,2.6rem);line-height:1;overflow-wrap:normal;word-break:normal}
.home-insight-copy-v40 p{margin:0 0 28px;color:rgba(255,255,255,.64);font-size:.88rem}
.home-insight-copy-v40 b{width:max-content;margin-top:auto;padding-bottom:6px;border-bottom:1px solid currentColor;font:700 .57rem/1.2 var(--display);letter-spacing:.12em;text-transform:uppercase}
.home-insights-grid-v40 article:hover{border-color:rgba(198,154,58,.62);background:rgba(255,255,255,.065)}
.home-insights-grid-v40 article:hover img{transform:scale(1.045);filter:saturate(1.08)}
.home-insights-grid-v40 article:hover b{color:var(--gold)}
@media(max-width:1050px){
  .home-insights-header-v40{grid-template-columns:1fr}
  .home-insights-grid-v40{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-insights-grid-v40 article:first-child{grid-column:1/-1}
  .home-insights-grid-v40 article:first-child>a{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);grid-template-rows:1fr}
  .home-insights-grid-v40 article:first-child .home-insight-media-v40{aspect-ratio:auto;min-height:430px}
}
@media(max-width:720px){
  .home-insights-header-v40{margin-bottom:38px}
  .home-insights-header-v40 h2{font-size:clamp(2.35rem,10.5vw,3.45rem)}
  .home-insights-grid-v40{grid-template-columns:1fr;gap:16px}
  .home-insights-grid-v40 article:first-child{grid-column:auto}
  .home-insights-grid-v40 article:first-child>a{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .home-insights-grid-v40 article:first-child .home-insight-media-v40,.home-insight-media-v40{min-height:0;aspect-ratio:4/3}
  .home-insight-copy-v40{padding:22px}
  .home-insight-copy-v40 h3{font-size:clamp(1.55rem,7vw,2rem)}
}
@media(prefers-reduced-motion:reduce){.home-insight-media-v40 img{transition:none}.home-insights-grid-v40 article:hover img{transform:none}}

/* v23 — Van Kpa signature red, gold, black, and white palette */
:root{
  --movento-navy:#0b0b0b;
  --movento-deep:#050505;
  --movento-blue:#1d1d1d;
  --movento-orange:#98161a;
  --movento-orange-dark:#700b0e;
  --movento-mist:#f2f1ee;
  --movento-paper:#ffffff;
  --movento-ink:#111111;
  --ink:#0b0b0b;
  --charcoal:#191919;
  --paper:#ffffff;
  --paper-2:#f2f1ee;
  --red:#98161a;
  --red-dark:#420708;
  --gold:#c69a3a;
  --muted:#696661;
  --line:rgba(11,11,11,.14);
  --light-line:rgba(255,255,255,.17);
  --shadow-card:0 28px 75px rgba(18,12,8,.13)
}

html{background:#050505}
body{background:#fff;color:#111}
::selection{background:var(--gold);color:#090909}
.progress-v2{background:linear-gradient(90deg,var(--red),var(--gold))}
h1 em,h2 em,h3 em{color:var(--red)}
.dark :where(h1,h2,h3) em,
.page-hero-v3 h1 em,
.services-hero-v13 h1 em,
.cta-v3 h2 em{color:var(--gold)}
.eyebrow-v2{color:var(--red)}
.dark .eyebrow-v2,.eyebrow-v2.light{color:var(--gold)}

.site-header-v20{background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.35))}
.site-header-v20.scrolled{background:rgba(5,5,5,.97);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.site-header-v20 .nav-pill-v3 a:after{background:var(--red)}
.site-header-v20 .header-contact-v3,
.menu-trigger-v3>b,
.concierge-trigger-v1>span{background:var(--gold);color:#090909}
.site-header-v20 .header-contact-v3:hover{background:var(--red);color:#fff}
.menu-v3{background:radial-gradient(circle at 84% 14%,rgba(152,22,26,.35),transparent 29%),#050505}
.menu-v3-nav>a:hover{background:var(--red);color:#fff}

.page-hero-v3,
.services-hero-v13{background:radial-gradient(circle at 78% 40%,rgba(152,22,26,.32),transparent 28%),linear-gradient(135deg,#050505,#111 68%,#210708)}
.page-hero-index span,.page-hero-summary>small{color:var(--gold)}

.selected-work-v5,
.technical-stack-v5,
.home-process-v6,
.services-method-v13,
.portfolio-template-lenses,
.interests-v2,
.ke-article>header,
.profile-visual-v9,
.studio-story-v9,
.career-map-v3,
.contact-hero-v9,
.case-experience-v17,
.case-output-v3{background-color:#090909!important}

.services-nav-v13 a:hover{background:var(--red);color:#fff}
.services-capabilities-v13,
.portfolio-template-collection,
.strengths-v2,
.ke-evidence-v5,
.next-steps-v2,
.case-next-v16{background:var(--movento-mist)!important}
.services-start-v13,
.services-standard-v13,
.portfolio-template-intro,
.about-story,
.principles-v3,
.ke-insights,
.ke-article-layout,
.profile-summary-v3,
.profile-details-v3,
.engagement-v2,
.contact-form-v9,
.case-project-start-v17,
.case-project-decisions-v17,
.case-story-v16,
.case-links-v2{background:#fff!important}

.services-flip-back-v14{background:radial-gradient(circle at 88% 8%,rgba(198,154,58,.16),transparent 26%),#080808}
.services-flip-front-copy-v14>div span,
.services-flip-back-head-v14 span,
.services-flip-details-v14 small,
.services-flip-related-v14 small{color:var(--gold)}

.ke-why-points article:nth-child(2),
.ke-why-points article:nth-child(3),
.home-process-v6 .process-grid-v2 article:nth-child(2),
.home-process-v6 .process-grid-v2 article:nth-child(4),
.services-start-grid-v13 article:nth-child(2),
.services-method-step-v13:nth-child(3n),
.services-standard-grid-v13 article:nth-child(2),
.services-standard-grid-v13 article:nth-child(3),
.portfolio-lens-grid>article:nth-child(2),
.portfolio-lens-grid>article:nth-child(3),
.strengths-v2 article:nth-child(2),
.strengths-v2 article:nth-child(6),
.principles-v3 article:nth-child(2),
.principles-v3 article:nth-child(3),
.career-map-v3>div:last-child>a:nth-child(2),
.engagement-v2 article:nth-child(even),
.next-steps-v2 article:nth-child(2),
.case-experience-steps article:nth-child(2){background:var(--red)!important;color:#fff!important}

:is(
  .ke-why-points article:nth-child(2),
  .ke-why-points article:nth-child(3),
  .home-process-v6 .process-grid-v2 article:nth-child(2),
  .home-process-v6 .process-grid-v2 article:nth-child(4),
  .services-start-grid-v13 article:nth-child(2),
  .services-method-step-v13:nth-child(3n),
  .services-standard-grid-v13 article:nth-child(2),
  .services-standard-grid-v13 article:nth-child(3),
  .portfolio-lens-grid>article:nth-child(2),
  .portfolio-lens-grid>article:nth-child(3),
  .strengths-v2 article:nth-child(2),
  .strengths-v2 article:nth-child(6),
  .principles-v3 article:nth-child(2),
  .principles-v3 article:nth-child(3),
  .career-map-v3>div:last-child>a:nth-child(2),
  .engagement-v2 article:nth-child(even),
  .next-steps-v2 article:nth-child(2),
  .case-experience-steps article:nth-child(2)
) :where(h2,h3,p,strong,small,span,a){color:inherit!important}

.ke-evidence-v5 .evidence-list span,
.services-standard-grid-v13 article>span{background:var(--gold);color:#090909}
.home-process-v6 .process-grid-v2 article>span,
.portfolio-lens-grid>article>span,
.case-experience-steps article>span{color:var(--gold)}

.cta-v3{background:radial-gradient(circle at 82% 22%,rgba(152,22,26,.3),transparent 27%),#070707!important;color:#fff}
.cta-v3:after{color:rgba(255,255,255,.025)}
.cta-v3 .eyebrow-v2,.cta-v3 h2,.cta-v3 .text-action{color:#fff}
.cta-v3 h2 em{color:var(--gold)}
.cta-v3-copy>p{color:rgba(255,255,255,.66)}
.cta-v3 .button-v2{background:var(--gold);border-color:var(--gold);color:#090909}
.cta-v3-path{border-color:rgba(255,255,255,.18)}
.cta-v3-path span{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}

.footer-v6{background:#050505}
.footer-v6-lead{background:radial-gradient(circle at 85% 20%,rgba(152,22,26,.3),transparent 28%)}
.footer-v6-directory small,.footer-v6-bottom a{color:var(--gold)}

/* v24 — unified responsive heroes and content-driven section layouts */
:where(main,main>*,main section,main article,main figure,main div){min-width:0}
:where(main h1,main h2,main h3,main h4,main p,main strong,main span){max-width:100%}
:where(main picture,main img,.responsive-picture){max-width:100%}
:where(.page-hero-v3,.hero-v5,.services-hero-v13,.contact-hero-v9){overflow:clip}

/* Shared editorial hero used by Projects, About, Insights, Resume, and Studio. */
.page-hero-v3{
  display:grid;
  grid-template-columns:minmax(180px,.24fr) minmax(0,.76fr);
  grid-template-rows:auto auto;
  column-gap:clamp(42px,6vw,96px);
  align-content:end;
  min-height:clamp(670px,78svh,820px);
  padding:clamp(138px,11vw,172px) var(--gutter) clamp(62px,6vw,86px)
}
.page-hero-v3 .page-hero-index{grid-column:1;grid-row:1;align-self:start;padding-top:6px}
.page-hero-v3 .page-hero-title{grid-column:2;grid-row:1;align-self:end}
.page-hero-v3 h1{
  max-width:1120px;
  margin:clamp(34px,4vw,58px) 0 0;
  font-size:clamp(3.15rem,5.15vw,6.25rem);
  line-height:.94;
  letter-spacing:-.045em;
  overflow-wrap:normal
}
.page-hero-v3 .page-hero-summary{
  grid-column:2;
  grid-row:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px clamp(28px,5vw,74px);
  align-items:end;
  width:100%;
  max-width:960px;
  margin:clamp(38px,5vw,66px) 0 0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.2)
}
.page-hero-v3 .page-hero-summary>small{grid-column:1/-1;margin:0}
.page-hero-v3 .page-hero-summary>p{max-width:690px}

/* Image-led hero used by Services, Consulting, and all case studies. */
.services-hero-v13{
  grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);
  gap:clamp(42px,5vw,76px);
  align-items:center;
  min-height:clamp(820px,100svh,980px);
  padding:clamp(136px,11vw,168px) var(--gutter) clamp(58px,6vw,86px)
}
.services-hero-copy-v13{justify-content:center;min-height:0}
.services-hero-copy-v13 h1{
  max-width:820px;
  margin:clamp(42px,5vw,68px) 0 28px;
  font-size:clamp(3.05rem,5.15vw,6.15rem);
  line-height:.93;
  letter-spacing:-.045em;
  overflow-wrap:normal
}
.services-hero-copy-v13>p{max-width:670px;line-height:1.65}
.services-hero-visual-v13{
  width:100%;
  height:clamp(610px,65svh,760px);
  min-height:0;
  max-height:760px;
  border-radius:clamp(24px,3vw,42px)
}
.services-hero-visual-v13 .responsive-picture,
.services-hero-visual-v13 picture,
.services-hero-visual-v13 img{width:100%;height:100%}
.services-hero-card-v13{max-width:calc(100% - 36px);margin-inline:auto}
.services-hero-card-v13 strong,.services-hero-card-v13 span{overflow-wrap:break-word}

/* Home hero uses the same copy-first hierarchy without fixed row heights. */
.hero-v5{
  display:grid;
  grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);
  grid-template-rows:1fr;
  gap:clamp(34px,5vw,78px);
  align-items:stretch;
  min-height:clamp(820px,100svh,980px);
  padding:clamp(122px,10vw,154px) var(--gutter) 46px
}
.hero-v5-copy{grid-column:1;grid-row:1;align-self:center;padding:34px 0 58px}
.hero-v5-title{
  max-width:720px;
  margin:clamp(32px,4vw,50px) 0 0;
  font-size:clamp(3rem,4.7vw,5.7rem);
  line-height:.92;
  letter-spacing:-.045em;
  overflow-wrap:normal
}
.hero-v5-media{
  grid-column:2;
  grid-row:1;
  align-self:stretch;
  width:100%;
  height:auto;
  min-height:0;
  border-radius:clamp(78px,9vw,150px) 24px 24px 24px
}
.hero-v5-photo,.hero-v5-photo picture,.hero-v5-photo img{width:100%;height:100%}
.hero-v5-scroll{display:none}

/* Contact hero follows the same safe image/copy split. */
.contact-hero-v9{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);
  gap:clamp(44px,6vw,92px);
  align-items:center;
  min-height:clamp(780px,100svh,940px);
  padding:clamp(132px,10vw,166px) var(--gutter) clamp(52px,6vw,78px)
}
.contact-hero-v9 h1{
  max-width:720px;
  font-size:clamp(3rem,4.75vw,5.8rem);
  line-height:.94;
  overflow-wrap:normal
}
.contact-hero-media-v9{width:100%;height:clamp(570px,65svh,720px);min-height:0}

/* Services starting points: one intro row and three equal cards. */
.services-start-v13{display:block}
.services-start-heading-v13{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:minmax(180px,.32fr) minmax(0,.68fr);
  gap:18px clamp(42px,7vw,118px);
  max-width:none
}
.services-start-heading-v13>.eyebrow-v2{grid-column:1;grid-row:1}
.services-start-heading-v13>h2{grid-column:2;grid-row:1;margin:0;font-size:clamp(2.5rem,4.15vw,4.85rem);line-height:.96}
.services-start-heading-v13>p:last-child{grid-column:2;max-width:650px;margin:0}
.services-start-grid-v13{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
  margin-top:clamp(50px,6vw,78px)
}
.services-start-grid-v13 article,
.services-start-grid-v13 article:first-child{
  grid-column:auto;
  min-height:420px;
  height:auto;
  padding:clamp(26px,2.6vw,36px)
}
.services-start-grid-v13 h3{max-width:100%;font-size:clamp(1.55rem,2.05vw,2.45rem);line-height:1}
.services-start-grid-v13 article>p{font-size:.9rem;line-height:1.62}
.services-start-grid-v13 article:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,var(--red),var(--gold));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .5s var(--ease)
}
.services-start-grid-v13 article:hover:after{transform:scaleX(1)}

/* Consulting process: content stays inside each card and every row is balanced. */
.services-method-v13{display:block}
.services-method-heading-v13{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:minmax(180px,.32fr) minmax(0,.68fr);
  gap:18px clamp(42px,7vw,118px);
  max-width:none
}
.services-method-heading-v13>.eyebrow-v2{grid-column:1;grid-row:1}
.services-method-heading-v13>h2{grid-column:2;grid-row:1;margin:0;font-size:clamp(2.55rem,4.2vw,4.9rem);line-height:.96}
.services-method-heading-v13>p:not(.eyebrow-v2){grid-column:2;max-width:650px;margin:0}
.services-method-heading-v13>.button-v2{grid-column:2;justify-self:start;margin-top:18px}
.services-method-steps-v13{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
  width:100%;
  margin-top:clamp(54px,6vw,82px);
  border:0
}
.services-method-step-v13{
  grid-column:span 2;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:440px;
  height:auto;
  padding:32px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:28px!important;
  overflow:clip;
  background:rgba(255,255,255,.045)!important;
  color:#fff;
  box-shadow:0 22px 60px rgba(0,0,0,.14);
  transition:background .35s,border-color .35s,box-shadow .4s
}
.services-method-step-v13:nth-last-child(-n+2){grid-column:span 3}
.services-method-step-v13:hover{border-color:rgba(198,154,58,.5)!important;box-shadow:0 30px 80px rgba(0,0,0,.28)}
.services-method-step-v13>header{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;align-items:start;padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.18)}
.services-method-step-v13>header>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.6rem}
.services-method-step-v13 h3{max-width:100%;margin:10px 0 0;font-size:clamp(1.45rem,1.9vw,2.2rem);line-height:1}
.services-method-body-v13{
  display:flex!important;
  flex:1;
  flex-direction:column;
  gap:22px;
  width:100%;
  margin-top:0;
  padding:28px 0 0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important
}
.services-method-body-v13>p{margin:0;color:rgba(255,255,255,.7)!important;font-size:.9rem;line-height:1.65}
.services-method-body-v13>div{margin-top:auto;padding:20px 0 0;border:0;border-top:1px solid rgba(255,255,255,.18)}
.services-method-body-v13 small{color:var(--gold)!important}
.services-method-body-v13 strong{display:block;color:inherit;font-size:.78rem;line-height:1.55}
.services-method-step-v13:nth-child(3n){background:var(--red)!important}
.services-method-step-v13:nth-child(3n) .services-method-body-v13>p{color:rgba(255,255,255,.82)!important}

/* General content-fit safeguards for card systems across the site. */
:where(.services-standard-grid-v13 article,.strengths-v2 article,.principles-v3 article,.engagement-v2 article,.next-steps-v2 article,.case-experience-steps article,.case-next-card-v16,.portfolio-lens-grid>article){height:auto;overflow:clip}
:where(.services-standard-grid-v13,.strengths-v2>div:last-child,.principles-v3>div:last-child,.engagement-v2>div:last-child,.next-steps-v2>div,.case-experience-steps,.case-next-grid-v16)>*{min-width:0}

@media(max-width:1100px){
  .page-hero-v3{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto;padding:132px var(--gutter) 72px}
  .page-hero-v3 .page-hero-index,.page-hero-v3 .page-hero-title,.page-hero-v3 .page-hero-summary{grid-column:1}
  .page-hero-v3 .page-hero-index{grid-row:1;display:flex;align-items:end;justify-content:space-between}
  .page-hero-v3 .page-hero-title{grid-row:2}
  .page-hero-v3 .page-hero-summary{grid-row:3;max-width:900px}
  .page-hero-v3 h1{font-size:clamp(3.15rem,7.2vw,5.6rem)}
  .services-hero-v13{grid-template-columns:1fr;min-height:auto;padding:132px var(--gutter) 72px}
  .services-hero-copy-v13{min-height:0}
  .services-hero-copy-v13 h1{max-width:900px;font-size:clamp(3.15rem,7.3vw,5.7rem)}
  .services-hero-visual-v13{height:min(72vw,680px);max-height:none}
  .hero-v5{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:auto;padding:122px var(--gutter) 56px}
  .hero-v5-copy{grid-column:1;grid-row:1;padding:24px 0 38px}
  .hero-v5-title{max-width:880px;font-size:clamp(3.25rem,7.7vw,5.8rem)}
  .hero-v5-media{grid-column:1;grid-row:2;min-height:0;aspect-ratio:16/10;border-radius:90px 22px 22px 22px}
  .contact-hero-v9{grid-template-columns:1fr;min-height:auto;padding:132px var(--gutter) 64px}
  .contact-hero-v9 h1{max-width:900px;font-size:clamp(3.15rem,7vw,5.6rem)}
  .contact-hero-media-v9{height:min(72vw,680px)}
  .services-method-steps-v13{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-method-step-v13,.services-method-step-v13:nth-last-child(-n+2){grid-column:auto}
  .services-method-step-v13:last-child{grid-column:1/-1;min-height:360px}
}

@media(max-width:900px){
  .services-start-heading-v13,.services-method-heading-v13{grid-template-columns:1fr}
  .services-start-heading-v13>.eyebrow-v2,.services-start-heading-v13>h2,.services-start-heading-v13>p:last-child,
  .services-method-heading-v13>.eyebrow-v2,.services-method-heading-v13>h2,.services-method-heading-v13>p:not(.eyebrow-v2),.services-method-heading-v13>.button-v2{grid-column:1;grid-row:auto}
  .services-start-heading-v13>h2,.services-method-heading-v13>h2{margin-top:24px}
  .services-start-grid-v13{grid-template-columns:1fr}
  .services-start-grid-v13 article,.services-start-grid-v13 article:first-child{min-height:300px}
}

@media(max-width:720px){
  .page-hero-v3{display:block;min-height:auto;padding:110px var(--gutter) 58px}
  .page-hero-v3 .page-hero-index{display:none}
  .page-hero-v3 h1{margin:32px 0 0;font-size:clamp(2.45rem,10.8vw,3.7rem);line-height:.96}
  .page-hero-v3 .page-hero-summary{display:block;margin-top:38px;padding-top:20px}
  .page-hero-v3 .page-hero-summary>p{font-size:.98rem;line-height:1.62}
  .portfolio-hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
  .services-hero-v13{gap:40px;padding:110px var(--gutter) 54px}
  .services-hero-meta-v13{display:grid;gap:10px}
  .services-hero-copy-v13 h1{margin:36px 0 24px;font-size:clamp(2.5rem,10.8vw,3.7rem);line-height:.96}
  .services-hero-actions-v13{align-items:flex-start;flex-direction:column}
  .services-hero-visual-v13{height:auto;aspect-ratio:4/5;border-radius:58px 18px 18px 18px}
  .services-hero-orbit-v13{display:none}
  .services-hero-card-v13{left:16px;right:16px;bottom:16px;max-width:none;padding:18px}
  .hero-v5{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:32px;padding:104px var(--gutter) 42px}
  .hero-v5-copy{grid-column:1;grid-row:1;padding:18px 0 12px}
  .hero-v5-title{margin:28px 0 0;font-size:clamp(2.55rem,11vw,3.75rem);line-height:.96}
  .hero-v5-summary{margin-top:26px;font-size:.97rem;line-height:1.62}
  .hero-v5-actions{align-items:stretch;flex-direction:column;width:100%}
  .hero-v5-proof{margin-top:34px}
  .hero-v5-media{grid-column:1;grid-row:2;min-height:0;aspect-ratio:4/5;border-radius:58px 18px 18px 18px}
  .hero-v5-coordinate,.hero-v5-orbit,.hero-v5-metadata{display:none}
  .contact-hero-v9{gap:44px;padding:110px var(--gutter) 50px}
  .contact-hero-v9 h1{font-size:clamp(2.5rem,10.8vw,3.7rem);line-height:.96}
  .contact-hero-actions-v9{align-items:stretch;flex-direction:column}
  .contact-hero-media-v9{height:auto;aspect-ratio:4/5;border-radius:58px 18px 18px 18px}
  .services-start-v13,.services-method-v13{padding-block:68px!important}
  .services-start-heading-v13>h2,.services-method-heading-v13>h2{font-size:clamp(2.2rem,9.2vw,3.1rem)}
  .services-start-grid-v13{margin-top:42px}
  .services-start-grid-v13 article,.services-start-grid-v13 article:first-child{min-height:0;padding:26px}
  .services-start-grid-v13 h3{margin:54px 0 16px;font-size:clamp(1.65rem,7.4vw,2.25rem)}
  .services-method-steps-v13{grid-template-columns:1fr;margin-top:44px}
  .services-method-step-v13,.services-method-step-v13:nth-last-child(-n+2),.services-method-step-v13:last-child{grid-column:1;min-height:0;padding:26px!important}
  .services-method-step-v13 h3{font-size:clamp(1.55rem,7vw,2.1rem)}
  .services-method-body-v13{padding-top:24px!important}
  :where(.services-standard-grid-v13 article,.strengths-v2 article,.principles-v3 article,.engagement-v2 article,.next-steps-v2 article,.case-experience-steps article,.portfolio-lens-grid>article){min-height:0!important}
}

@media(max-width:390px){
  .page-hero-v3 h1,.services-hero-copy-v13 h1,.hero-v5-title,.contact-hero-v9 h1{font-size:clamp(2.35rem,10.5vw,3.25rem)}
  .services-hero-actions-v13,.contact-hero-actions-v9{width:100%}
  .services-hero-actions-v13 .button-v2,.contact-hero-actions-v9 .button-v2{width:100%}
  .services-hero-card-v13{grid-template-columns:1fr}
}

/* v25 — stable, fully contained What Van Does cards with device-specific imagery. */
.ke-what.home-flow-section{overflow:clip;padding-top:clamp(88px,7vw,118px)}
.ke-what.home-flow-section .ke-what-heading{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(380px,.72fr);
  grid-template-rows:auto auto;
  column-gap:clamp(54px,8vw,150px);
  align-items:start;
  width:100%;
  min-width:0;
  margin-bottom:clamp(46px,6vw,80px);
  padding:0
}
.ke-what.home-flow-section .ke-what-heading>h2{
  grid-column:1;
  grid-row:1;
  align-self:start;
  margin:0
}
.ke-what.home-flow-section .ke-what-heading>.eyebrow-v2{
  grid-column:1;
  grid-row:2;
  margin-top:14px
}
.ke-what.home-flow-section .ke-what-heading-row{
  grid-column:2;
  grid-row:1/3;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:30px;
  align-self:center;
  margin:0
}
.ke-what.home-flow-section .ke-what-heading-row span{margin:0;max-width:280px}
.ke-what.home-flow-section .ke-what-heading-row,
.ke-what.home-flow-section .ke-what-list,
.ke-what.home-flow-section .ke-what-card,
.ke-what.home-flow-section .ke-what-copy,
.ke-what.home-flow-section .ke-what-media{min-width:0;max-width:100%;box-sizing:border-box}
.ke-what.home-flow-section .ke-what-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:clamp(20px,2.4vw,34px)
}
.ke-what.home-flow-section .ke-what-card,
.ke-what.home-flow-section .ke-what-card:nth-child(even){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr);
  grid-template-areas:"media" "copy";
  align-content:start;
  width:100%;
  height:auto;
  min-height:0;
  margin:0;
  padding:0!important;
  gap:0;
  overflow:clip
}
.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-copy,
.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-media{
  grid-column:auto;
  grid-row:auto
}
.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-copy{grid-area:copy}
.ke-what.home-flow-section .ke-what-card:nth-child(even) .ke-what-media{grid-area:media}
.ke-what.home-flow-section .ke-what-media{
  grid-area:media;
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16/10;
  overflow:hidden;
  border:0;
  border-radius:0
}
.ke-what.home-flow-section .ke-what-media picture,
.ke-what.home-flow-section .ke-what-media img{display:block;width:100%;height:100%}
.ke-what.home-flow-section .ke-what-media img{object-fit:cover;object-position:center;transform:scale(1.001)}
.ke-what.home-flow-section .ke-what-card:hover .ke-what-media img{transform:scale(1.035)}
.ke-what.home-flow-section .ke-what-copy{
  grid-area:copy;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-content:start;
  width:100%;
  padding:clamp(30px,3.2vw,46px)
}
.ke-what.home-flow-section .ke-what-copy>span{grid-column:1;grid-row:1}
.ke-what.home-flow-section .ke-what-copy>small{grid-column:2;grid-row:1;align-self:center;margin:0}
.ke-what.home-flow-section .ke-what-copy h3{
  grid-column:1/-1;
  max-width:100%;
  margin:28px 0 15px;
  overflow-wrap:break-word
}
.ke-what.home-flow-section .ke-what-copy>p,
.ke-what.home-flow-section .ke-what-copy ul{grid-column:1/-1;max-width:100%}
.ke-what.home-flow-section .ke-what-copy>p:not(.ke-what-question){min-height:0;margin:0}
.ke-what.home-flow-section .ke-what-question{min-height:0;margin:22px 0 0!important}
.ke-what.home-flow-section .ke-what-copy ul{margin:20px 0 0;padding:0}
.ke-what.home-flow-section .ke-what-copy li{max-width:100%;overflow-wrap:break-word}

@media(max-width:1050px){
  .ke-what.home-flow-section{padding-top:82px}
  .ke-what.home-flow-section .ke-what-heading{grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:0}
  .ke-what.home-flow-section .ke-what-heading>h2{grid-column:1;grid-row:1}
  .ke-what.home-flow-section .ke-what-heading>.eyebrow-v2{grid-column:1;grid-row:2}
  .ke-what.home-flow-section .ke-what-heading-row{grid-column:1;grid-row:3;align-self:start;margin-top:28px;gap:22px}
  .ke-what.home-flow-section .ke-what-media{aspect-ratio:4/3}
  .ke-what.home-flow-section .ke-what-copy{padding:clamp(26px,3vw,38px)}
}

@media(min-width:721px) and (max-width:900px){
  .ke-what.home-flow-section .ke-what-list{grid-template-columns:1fr}
  .ke-what.home-flow-section .ke-what-card,
  .ke-what.home-flow-section .ke-what-card:nth-child(even){
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    grid-template-rows:minmax(410px,auto);
    grid-template-areas:"media copy"
  }
  .ke-what.home-flow-section .ke-what-media{height:100%;aspect-ratio:auto}
}

@media(max-width:720px){
  .ke-what.home-flow-section{padding-top:68px}
  .ke-what.home-flow-section .ke-what-heading{display:grid;margin-bottom:42px}
  .ke-what.home-flow-section .ke-what-heading-row{margin-top:22px}
  .ke-what.home-flow-section .ke-what-list{grid-template-columns:1fr;gap:20px}
  .ke-what.home-flow-section .ke-what-card,
  .ke-what.home-flow-section .ke-what-card:nth-child(even){
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    grid-template-areas:"media" "copy"
  }
  .ke-what.home-flow-section .ke-what-media{height:auto;aspect-ratio:5/4}
  .ke-what.home-flow-section .ke-what-copy{grid-template-columns:42px minmax(0,1fr);padding:24px 22px 27px}
  .ke-what.home-flow-section .ke-what-copy h3{margin-top:24px}
  .ke-what.home-flow-section .ke-what-media b{left:14px;right:auto;bottom:14px;max-width:calc(100% - 28px)}
}

/* v26 — responsive featured stories, balanced proof grid, and legible interaction states */
.movento-showcase-media,
.movento-showcase-card:last-child .movento-showcase-media{
  height:auto;
  aspect-ratio:4/3
}
.movento-showcase-media picture,
.movento-showcase-media img{
  display:block;
  width:100%;
  height:100%
}
.movento-showcase-media img{object-fit:cover;object-position:center}

.ke-why-v5 .ke-why-layout{
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
  gap:20px;
  align-items:stretch
}
.ke-why-v5 .ke-why-collage,
.ke-why-v5 .ke-why-points{
  height:clamp(600px,47vw,680px);
  min-height:0
}
.ke-why-v5 .ke-why-collage{position:relative;top:auto}
.ke-why-v5 .ke-why-points{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:14px
}
.ke-why-v5 .ke-why-points article{
  width:100%;
  height:100%;
  min-width:0;
  padding:clamp(24px,2.2vw,36px)!important
}
.ke-why-v5 .ke-why-points article>span{margin-bottom:clamp(22px,2.5vw,38px)}
.ke-why-v5 .ke-why-points article h3{margin:0 0 12px}

.technical-stack-v5 .skill-groups-v4>article:hover{
  background:linear-gradient(145deg,rgba(198,154,58,.12),transparent 46%),var(--red)!important;
  color:#fff!important;
  border-color:var(--gold)!important
}
.technical-stack-v5 .skill-groups-v4>article:hover :where(h3,li,span){color:#fff!important}
.technical-stack-v5 .skill-groups-v4>article:hover small{color:var(--gold)!important}
.technical-stack-v5 .skill-groups-v4>article:hover li{border-color:rgba(255,255,255,.24)!important}
.technical-stack-v5 .skill-groups-v4>article>*{position:relative;z-index:5}

.ke-evidence-v5 .evidence-list article:hover{
  background:var(--red)!important;
  color:#fff!important;
  border-color:var(--red)!important
}
.ke-evidence-v5 .evidence-list article:hover :where(b,small){color:#fff!important}
.ke-evidence-v5 .evidence-list article:hover>span{
  background:var(--gold)!important;
  color:#090909!important
}
.ke-evidence-v5 .evidence-list article>*{position:relative;z-index:5}

@media(max-width:1050px){
  .ke-why-v5 .ke-why-layout{grid-template-columns:1fr}
  .ke-why-v5 .ke-why-collage{height:600px}
  .ke-why-v5 .ke-why-points{height:auto;grid-auto-rows:minmax(260px,auto)}
  .movento-showcase-card:last-child .movento-showcase-media{aspect-ratio:4/3}
}

@media(max-width:720px){
  .movento-showcase-media,
  .movento-showcase-card:last-child .movento-showcase-media{aspect-ratio:4/5}
  .ke-why-v5 .ke-why-collage{height:auto;aspect-ratio:4/5}
  .ke-why-v5 .ke-why-points{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:minmax(245px,auto)}
}

/* v27 — home proof, profile, and footer alignment */
.movento-showcase-card:first-child .movento-showcase-media>small{
  left:clamp(46px,5vw,72px);
  max-width:calc(100% - 118px);
  white-space:nowrap
}

.ke-why-v5 .ke-why-layout{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px
}
.ke-why-v5 .ke-why-points article:hover{
  background:#090909!important;
  color:#fff!important;
  border-color:var(--gold)!important
}
.ke-why-v5 .ke-why-points article:hover :where(h3,p){color:#fff!important}
.ke-why-v5 .ke-why-points article:hover :where(small,span){color:var(--gold)!important}
.ke-why-v5 .ke-why-points article:hover>span{border-color:var(--gold)!important}

.ke-evidence-v5{background:linear-gradient(145deg,#f2f1ee,#fff 62%)!important}
.ke-evidence-v5 .evidence-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  border:0
}
.ke-evidence-v5 .evidence-list article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:250px;
  padding:30px!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 20px 60px rgba(12,12,12,.055);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s
}
.ke-evidence-v5 .evidence-list article:nth-child(1),
.ke-evidence-v5 .evidence-list article:nth-child(4),
.ke-evidence-v5 .evidence-list article:nth-child(5),
.ke-evidence-v5 .evidence-list article:nth-child(8){grid-column:span 2}
.ke-evidence-v5 .evidence-list article:nth-child(1),
.ke-evidence-v5 .evidence-list article:nth-child(8){
  background:#090909!important;
  color:#fff!important;
  border-color:#090909!important
}
.ke-evidence-v5 .evidence-list article:nth-child(4),
.ke-evidence-v5 .evidence-list article:nth-child(7){
  background:var(--red)!important;
  color:#fff!important;
  border-color:var(--red)!important
}
.ke-evidence-v5 .evidence-list article:before,
.ke-evidence-v5 .evidence-list article:hover:before{height:0!important;background:transparent!important}
.ke-evidence-v5 .evidence-list article>span{
  flex:0 0 auto;
  width:42px;
  height:42px;
  margin:0 0 auto;
  background:var(--gold)!important;
  color:#090909!important
}
.ke-evidence-v5 .evidence-list article>b{
  max-width:460px;
  margin:34px 0 13px;
  color:inherit!important;
  font-size:clamp(1.2rem,1.75vw,1.85rem);
  line-height:1.03
}
.ke-evidence-v5 .evidence-list article>small{
  max-width:460px;
  color:var(--muted)!important;
  font-size:.78rem;
  line-height:1.6
}
.ke-evidence-v5 .evidence-list article:nth-child(1)>small,
.ke-evidence-v5 .evidence-list article:nth-child(4)>small,
.ke-evidence-v5 .evidence-list article:nth-child(7)>small,
.ke-evidence-v5 .evidence-list article:nth-child(8)>small{color:rgba(255,255,255,.7)!important}
.ke-evidence-v5 .evidence-list article:hover{
  transform:translateY(-7px);
  background:#fff!important;
  color:var(--ink)!important;
  border-color:var(--gold)!important;
  box-shadow:0 30px 82px rgba(12,12,12,.14)
}
.ke-evidence-v5 .evidence-list article:nth-child(1):hover,
.ke-evidence-v5 .evidence-list article:nth-child(8):hover{background:#090909!important;color:#fff!important}
.ke-evidence-v5 .evidence-list article:nth-child(4):hover,
.ke-evidence-v5 .evidence-list article:nth-child(7):hover{background:var(--red)!important;color:#fff!important}
.ke-evidence-v5 .evidence-list article:hover>b{color:inherit!important}
.ke-evidence-v5 .evidence-list article:hover>small{color:var(--muted)!important}
.ke-evidence-v5 .evidence-list article:nth-child(1):hover>small,
.ke-evidence-v5 .evidence-list article:nth-child(4):hover>small,
.ke-evidence-v5 .evidence-list article:nth-child(7):hover>small,
.ke-evidence-v5 .evidence-list article:nth-child(8):hover>small{color:rgba(255,255,255,.7)!important}

.home-about-v6{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:stretch
}
.home-about-v6 .about-preview-image,
.home-about-v6>div:last-child{min-height:640px;height:auto}
.home-about-v6>div:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(36px,5vw,78px)
}

.footer-v7{
  background:radial-gradient(circle at 88% 12%,rgba(152,22,26,.32),transparent 29%),#050505;
  color:#fff
}
.footer-v7:before{border-color:rgba(198,154,58,.17);box-shadow:0 0 0 6vw rgba(198,154,58,.025),0 0 0 12vw rgba(152,22,26,.025)}
.footer-v7-directory{
  grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(140px,.48fr)) minmax(230px,.8fr);
  gap:clamp(24px,3vw,52px)
}
.footer-v7 small,.footer-v7-bottom a{color:var(--gold)}
.footer-v7 nav a{color:rgba(255,255,255,.68)}
.footer-v7 nav a[aria-current="page"]{
  padding-left:10px;
  color:#fff;
  box-shadow:inset 3px 0 var(--gold)
}
.footer-v7 nav a:last-child{border-bottom-color:transparent}
.footer-v7-connect{
  align-self:start;
  padding-left:clamp(20px,2.5vw,36px);
  border-left:1px solid rgba(255,255,255,.14)
}
.footer-v7-connect h2{
  max-width:330px;
  margin:0 0 20px;
  font-size:clamp(1.35rem,1.75vw,2rem);
  line-height:1.08
}
.footer-v7-connect .button-v2{
  width:max-content;
  max-width:100%;
  white-space:nowrap
}
.footer-v7-connect .button-v2:hover{background:var(--red);border-color:var(--red);color:#fff}

@media(max-width:1050px){
  .ke-why-v5 .ke-why-layout{grid-template-columns:1fr}
  .ke-evidence-v5 .evidence-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ke-evidence-v5 .evidence-list article:nth-child(n){grid-column:span 1}
  .ke-evidence-v5 .evidence-list article:nth-child(1),
  .ke-evidence-v5 .evidence-list article:nth-child(4),
  .ke-evidence-v5 .evidence-list article:nth-child(5),
  .ke-evidence-v5 .evidence-list article:nth-child(8){grid-column:span 2}
  .footer-v7-directory{grid-template-columns:1.2fr .65fr .65fr}
  .footer-v7-connect{grid-column:1/-1;padding:30px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .footer-v7-connect h2{max-width:520px}
}

@media(max-width:720px){
  .movento-showcase-card:first-child .movento-showcase-media>small{left:38px;max-width:calc(100% - 90px)}
  .ke-evidence-v5 .evidence-list{grid-template-columns:1fr}
  .ke-evidence-v5 .evidence-list article:nth-child(n){grid-column:1;min-height:235px}
  .home-about-v6{grid-template-columns:1fr;gap:18px}
  .home-about-v6 .about-preview-image{min-height:0;height:auto;aspect-ratio:4/5}
  .home-about-v6>div:last-child{min-height:0;padding:32px 26px}
  .footer-v7-directory{grid-template-columns:1fr 1fr}
  .footer-v7-connect{grid-column:1/-1}
  .footer-v7-connect h2{font-size:clamp(1.35rem,6.5vw,1.85rem)}
}

@media(max-width:390px){
  .footer-v7-directory{grid-template-columns:1fr}
  .footer-v7-directory nav{grid-column:1}
  .footer-v7-connect .button-v2{width:100%}
}

/* v28 — consistent compact headings and an exact 3–2–3 evidence rhythm */
:root{
  --h1:clamp(2.85rem,4.65vw,5.45rem);
  --h2:clamp(2.2rem,3.7vw,4.3rem)
}

main h1{
  font-size:var(--h1)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important
}

:where(
  .section-title-v2 h2,
  .ke-what.home-flow-section .ke-what-heading>h2,
  .home-pathways-v5 .pathway-grid h2,
  .home-about-v6 h2,
  .services-start-heading-v13>h2,
  .services-method-heading-v13>h2,
  .services-standard-heading-v13>h2,
  .services-capabilities-intro-v13 h2,
  .principles-v3 .section-title-v2 h2,
  .case-story-intro-v16 h2
){
  font-size:var(--h2)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important
}

@media(min-width:1051px){
  .ke-evidence-v5 .evidence-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ke-evidence-v5 .evidence-list article:nth-child(n){grid-column:span 2}
  .ke-evidence-v5 .evidence-list article:nth-child(4),
  .ke-evidence-v5 .evidence-list article:nth-child(5){grid-column:span 3}
}

@media(max-width:1050px){
  :root{
    --h1:clamp(2.7rem,6.2vw,4.7rem);
    --h2:clamp(2.15rem,4.9vw,3.8rem)
  }
}

/* V35 — one responsive typography system across every public page. */
:root{
  --type-h1:clamp(2.65rem,4.6vw,5.2rem);
  --type-h2:clamp(2.05rem,3.2vw,3.75rem);
  --type-h3:clamp(1.4rem,1.7vw,2.05rem);
  --type-h4:clamp(1.16rem,1.25vw,1.45rem);
  --type-h5:clamp(1.02rem,1vw,1.2rem);
  --type-h6:.9rem;
  --type-body:clamp(.96rem,calc(.9rem + .25vw),1.06rem);
  --type-label:clamp(.72rem,calc(.69rem + .1vw),.8rem)
}

#main-content :where(h1),
.menu-v3 :where(h1){
  font-size:var(--type-h1)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

#main-content :where(h2),
.menu-v3 :where(h2),
.footer-v7 :where(h2),
.concierge-v1 :where(h2){
  font-size:var(--type-h2)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

#main-content :where(h3),
.menu-v3 :where(h3),
.footer-v7 :where(h3),
.concierge-v1 :where(h3){
  font-size:var(--type-h3)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

#main-content :where(h4),
.menu-v3 :where(h4),
.footer-v7 :where(h4),
.concierge-v1 :where(h4){
  font-size:var(--type-h4)!important;
  line-height:1.16!important;
  letter-spacing:-.025em!important
}

#main-content :where(h5),
.menu-v3 :where(h5),
.footer-v7 :where(h5),
.concierge-v1 :where(h5){
  font-size:var(--type-h5)!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important
}

#main-content :where(h6),
.menu-v3 :where(h6),
.footer-v7 :where(h6),
.concierge-v1 :where(h6){
  font-size:var(--type-h6)!important;
  line-height:1.25!important;
  letter-spacing:.02em!important
}

#main-content p:not([class*="eyebrow"]):not([class*="kicker"]):not([class*="meta"]):not([class*="label"]):not([class*="status"]):not([class*="note"]):not([class*="caption"]),
.footer-v7 p{
  font-size:var(--type-body)!important;
  line-height:1.65!important
}

#main-content :where([class*="eyebrow"],[class*="kicker"],[class*="meta"],[class*="label"],[class*="caption"]){
  font-size:var(--type-label)!important;
  line-height:1.35!important;
  letter-spacing:.12em
}

/* The private operating system keeps the same hierarchy at dashboard scale. */
.os-shell :where(h1){font-size:clamp(2rem,3vw,3.6rem)!important;line-height:.98!important;letter-spacing:-.045em!important}
.os-shell :where(h2){font-size:clamp(1.55rem,2vw,2.5rem)!important;line-height:1.02!important;letter-spacing:-.035em!important}
.os-shell :where(h3){font-size:clamp(1.18rem,1.3vw,1.65rem)!important;line-height:1.1!important;letter-spacing:-.025em!important}
.os-shell :where(h4){font-size:1.12rem!important;line-height:1.2!important}
.os-shell :where(h5){font-size:1rem!important;line-height:1.25!important}
.os-shell :where(h6){font-size:.86rem!important;line-height:1.3!important}
.os-shell p{font-size:clamp(.88rem,calc(.84rem + .15vw),.98rem);line-height:1.55}

@media(max-width:720px){
  .footer-v7{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  :root{
    --type-h1:clamp(2.35rem,11vw,3.35rem);
    --type-h2:clamp(1.9rem,8.5vw,2.75rem);
    --type-h3:clamp(1.3rem,6vw,1.7rem);
    --type-h4:clamp(1.12rem,4.6vw,1.35rem);
    --type-h5:1rem;
    --type-h6:.86rem;
    --type-body:clamp(.95rem,4.15vw,1.02rem)
  }
}

@media(max-width:720px){
  :root{
    --h1:clamp(2.3rem,9.6vw,3.35rem);
    --h2:clamp(2rem,8.7vw,3rem)
  }
  .home-pathways-v5 .pathway-grid h2{font-size:clamp(2.05rem,8.9vw,3.05rem)!important}
}

/* v29 — portrait fills the complete Why Work With Van panel */
.ke-why-v5 .ke-why-image.main{
  inset:0;
  width:100%;
  height:100%
}
.ke-why-v5 .ke-why-image.main .responsive-picture,
.ke-why-v5 .ke-why-image.main picture,
.ke-why-v5 .ke-why-image.main img{
  width:100%;
  height:100%
}
.ke-why-v5 .ke-why-image.main img{object-fit:cover;object-position:center}

/* v30 — responsive Services image system and compact delivery architecture */
.services-v13 .services-hero-visual-v13 img{
  object-position:center;
  filter:saturate(.9) contrast(1.025)
}

.services-v13 .services-method-heading-v13{
  grid-template-columns:minmax(150px,.18fr) minmax(0,.82fr);
  gap:18px clamp(28px,4vw,72px)
}
.services-v13 .services-method-heading-v13>h2{
  white-space:nowrap;
  font-size:clamp(2.2rem,3.25vw,3.7rem)!important;
  letter-spacing:-.05em!important
}
.services-v13 .services-method-media-v30{
  position:relative;
  min-height:0;
  margin-top:clamp(44px,5vw,72px);
  aspect-ratio:16/7;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:34px 100px 34px 34px;
  background:#17120f;
  box-shadow:0 34px 90px rgba(0,0,0,.28)
}
.services-v13 .services-method-media-v30 :where(.responsive-picture,picture,img){
  display:block;
  width:100%;
  height:100%
}
.services-v13 .services-method-media-v30 img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.86) contrast(1.03);
  transition:transform 1.1s var(--ease),filter .45s
}
.services-v13 .services-method-media-v30:hover img{
  transform:scale(1.025);
  filter:saturate(1)
}
.services-v13 .services-method-media-v30:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(6,6,6,.78));
  pointer-events:none
}
.services-v13 .services-method-media-v30>div{
  position:absolute;
  z-index:2;
  left:clamp(22px,3vw,44px);
  right:clamp(22px,3vw,44px);
  bottom:clamp(20px,2.8vw,40px);
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px
}
.services-v13 .services-method-media-v30 small{
  color:var(--gold);
  font-size:.5rem;
  letter-spacing:.14em
}
.services-v13 .services-method-media-v30 strong{
  max-width:650px;
  color:#fff;
  font-size:clamp(1rem,1.5vw,1.5rem);
  line-height:1.25;
  text-align:left
}
.services-v13 .services-method-steps-v13{margin-top:18px}

.services-v13 .services-capability-grid-v13{
  gap:18px;
  align-items:start
}
.services-v13 .services-flip-card-v14,
.services-v13.consulting-analytics-v18 .services-flip-card-v14{
  height:550px;
  min-height:0;
  overflow:hidden
}
.services-v13 .services-flip-front-copy-v14{padding:26px}
.services-v13 .services-flip-front-copy-v14 h3{
  margin:auto 0 12px;
  font-size:clamp(1.75rem,2.55vw,2.85rem);
  line-height:.94
}
.services-v13 .services-flip-front-copy-v14 p{font-size:.8rem}
.services-v13 .services-flip-front-copy-v14>b{margin-top:15px}
.services-v13 .services-flip-back-v14{
  padding:24px;
  overflow-y:auto;
  overscroll-behavior:contain
}
.services-v13 .services-flip-back-v14>h3{
  margin:20px 0 10px;
  font-size:clamp(1.65rem,2.25vw,2.55rem)
}
.services-v13 .services-flip-back-v14>p{font-size:.78rem;line-height:1.55}
.services-v13 .services-flip-details-v14{padding-top:17px;gap:14px}
.services-v13 .services-flip-details-v14 span{padding:6px 0;font-size:.6rem;line-height:1.35}
.services-v13 .services-flip-related-v14{margin-top:16px;padding-top:13px}

.services-v13 .services-standard-v13{
  display:block;
  background:linear-gradient(145deg,#f2f1ee,#fff 62%)!important
}
.services-v13 .services-standard-heading-v13{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:minmax(170px,.24fr) minmax(0,.76fr);
  gap:18px clamp(36px,6vw,100px);
  max-width:none
}
.services-v13 .services-standard-heading-v13>.eyebrow-v2{
  grid-column:1;
  grid-row:1
}
.services-v13 .services-standard-heading-v13>h2{
  grid-column:2;
  grid-row:1;
  margin:0
}
.services-v13 .services-standard-heading-v13>p:last-child{
  grid-column:2;
  max-width:720px;
  margin:0;
  color:var(--muted)
}
.services-v13 .services-standard-grid-v13{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:clamp(46px,5vw,72px)
}
.services-v13 .services-standard-grid-v13 article{
  display:flex;
  flex-direction:column;
  min-height:285px;
  padding:26px!important;
  border:1px solid var(--line)!important;
  border-radius:28px!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 20px 56px rgba(12,12,12,.055);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s
}
.services-v13 .services-standard-grid-v13 article:nth-child(2),
.services-v13 .services-standard-grid-v13 article:nth-child(3){
  background:var(--red)!important;
  color:#fff!important;
  border-color:var(--red)!important
}
.services-v13 .services-standard-grid-v13 article:before,
.services-v13 .services-standard-grid-v13 article:hover:before{display:none}
.services-v13 .services-standard-grid-v13 article>span{
  margin:0 0 auto;
  background:var(--gold)!important;
  color:#090909!important
}
.services-v13 .services-standard-grid-v13 article>div{margin-top:32px}
.services-v13 .services-standard-grid-v13 h3{
  color:inherit!important;
  font-size:clamp(1.3rem,1.65vw,1.85rem);
  line-height:1.02
}
.services-v13 .services-standard-grid-v13 p{
  color:var(--muted)!important;
  font-size:.78rem;
  line-height:1.55
}
.services-v13 .services-standard-grid-v13 article:nth-child(2) p,
.services-v13 .services-standard-grid-v13 article:nth-child(3) p{color:rgba(255,255,255,.75)!important}
.services-v13 .services-standard-grid-v13 article:hover{
  transform:translateY(-7px);
  background:#fff!important;
  color:var(--ink)!important;
  border-color:var(--gold)!important;
  box-shadow:0 30px 76px rgba(12,12,12,.13)
}
.services-v13 .services-standard-grid-v13 article:nth-child(2):hover,
.services-v13 .services-standard-grid-v13 article:nth-child(3):hover{
  background:var(--red)!important;
  color:#fff!important;
  border-color:var(--gold)!important
}
.services-v13 .services-standard-grid-v13 article:hover h3{color:inherit!important}
.services-v13 .services-standard-grid-v13 article:hover p{color:var(--muted)!important}
.services-v13 .services-standard-grid-v13 article:nth-child(2):hover p,
.services-v13 .services-standard-grid-v13 article:nth-child(3):hover p{color:rgba(255,255,255,.75)!important}

@media(max-width:1100px){
  .services-v13 .services-method-heading-v13>h2{font-size:clamp(2.15rem,4.8vw,3.45rem)!important}
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:610px}
  .services-v13 .services-standard-grid-v13{grid-template-columns:repeat(4,minmax(0,1fr))}
  .services-v13 .services-standard-grid-v13 article{min-height:300px;padding:22px!important}
}

@media(max-width:820px){
  .services-v13 .services-method-heading-v13,
  .services-v13 .services-standard-heading-v13{grid-template-columns:1fr}
  .services-v13 .services-method-heading-v13>.eyebrow-v2,
  .services-v13 .services-method-heading-v13>h2,
  .services-v13 .services-method-heading-v13>p:not(.eyebrow-v2),
  .services-v13 .services-method-heading-v13>.button-v2,
  .services-v13 .services-standard-heading-v13>.eyebrow-v2,
  .services-v13 .services-standard-heading-v13>h2,
  .services-v13 .services-standard-heading-v13>p:last-child{
    grid-column:1;
    grid-row:auto
  }
  .services-v13 .services-method-heading-v13>h2,
  .services-v13 .services-standard-heading-v13>h2{margin-top:22px}
  .services-v13 .services-method-heading-v13>h2{white-space:normal}
  .services-v13 .services-method-heading-v13>.button-v2{margin-top:18px}
  .services-v13 .services-method-media-v30{aspect-ratio:4/3;border-radius:70px 22px 22px 22px}
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:660px}
  .services-v13 .services-standard-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}
  .services-v13 .services-standard-grid-v13 article{min-height:260px}
}

@media(max-width:720px){
  .services-v13 .services-method-heading-v13>h2{font-size:clamp(2rem,8vw,2.8rem)!important}
  .services-v13 .services-method-media-v30{aspect-ratio:4/5;border-radius:62px 18px 18px 18px}
  .services-v13 .services-method-media-v30>div{display:block}
  .services-v13 .services-method-media-v30 strong{display:block;margin-top:10px;text-align:left}
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:760px}
  .services-v13 .services-flip-front-copy-v14,
  .services-v13 .services-flip-back-v14{padding:22px}
  .services-v13 .services-standard-grid-v13{grid-template-columns:1fr}
  .services-v13 .services-standard-grid-v13 article{min-height:235px}
}

@media(max-width:390px){
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:820px}
}

@media(prefers-reduced-motion:reduce){
  .services-v13 .services-method-media-v30:hover img,
  .services-v13 .services-standard-grid-v13 article:hover{transform:none}
}

/* V31 — portfolio containment, consulting imagery, and compact about cards */
.portfolio-template-v11 .portfolio-template-intro.section-v2{
  padding-block:clamp(54px,4.6vw,78px)
}
.portfolio-template-v11 .portfolio-template-intro{
  grid-template-columns:minmax(170px,.24fr) minmax(0,.76fr);
  gap:clamp(30px,5vw,84px)
}
.portfolio-template-v11 .portfolio-template-intro-label{gap:24px}
.portfolio-template-v11 .portfolio-template-intro-copy h2{
  font-size:clamp(2.2rem,3.6vw,4.15rem)
}
.portfolio-template-v11 .portfolio-template-intro-copy>div{
  gap:clamp(24px,3.2vw,48px);
  max-width:960px;
  margin-top:30px
}
.portfolio-template-v11 .portfolio-template-collection.section-v2{
  padding-block:clamp(58px,5.5vw,92px)
}
.portfolio-template-v11 .portfolio-filter-shell{
  position:relative;
  top:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  min-width:0;
  margin-bottom:clamp(42px,5vw,70px);
  padding:24px;
  overflow:hidden;
  border:1px solid var(--line)
}
.portfolio-template-v11 .portfolio-filter-heading{
  min-width:0;
  flex-wrap:wrap;
  gap:12px 28px
}
.portfolio-template-v11 .portfolio-filter-heading>*{min-width:0}
.portfolio-template-v11 .filter-bar{
  justify-content:flex-start;
  min-width:0;
  margin:0;
  padding:0;
  border:0
}
.portfolio-template-v11 .filter-bar button{min-width:0;max-width:100%}
.portfolio-template-v11 .filter-bar button span{overflow-wrap:anywhere}
.portfolio-template-v11 .portfolio-template-grid{align-items:start}
.portfolio-template-v11 .portfolio-template-card{min-width:0}
.portfolio-template-v11 .portfolio-template-media>span{
  top:22px;
  left:clamp(30px,3.8vw,58px);
  max-width:calc(100% - 120px);
  padding:9px 13px;
  overflow:visible;
  line-height:1.2;
  white-space:nowrap
}
.portfolio-template-v11 .portfolio-media-index{right:24px}
.portfolio-template-v11 .portfolio-template-copy{
  min-width:0;
  margin-top:14px;
  padding:clamp(24px,2.25vw,32px);
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 52px rgba(12,12,12,.055)
}
.portfolio-template-v11 .portfolio-template-copy :where(h2,p,small,span,a){overflow-wrap:anywhere}
.portfolio-template-v11 .portfolio-card-meta{min-width:0;gap:14px}
.portfolio-template-v11 .portfolio-card-meta small{max-width:calc(100% - 52px)}
.portfolio-template-v11 .portfolio-template-copy h2{
  margin-top:22px;
  font-size:clamp(1.7rem,2.25vw,2.75rem)
}
.portfolio-template-v11 .portfolio-template-copy>p{margin-top:16px}
.portfolio-template-v11 .portfolio-card-footer{
  grid-template-columns:1fr;
  gap:16px;
  margin-top:24px;
  padding-top:20px
}
.portfolio-template-v11 .portfolio-card-footer>a{justify-self:start}
.portfolio-template-v11 .portfolio-template-lenses{
  grid-template-columns:minmax(220px,.28fr) minmax(0,.72fr);
  gap:clamp(38px,5vw,80px)
}
.portfolio-template-v11 .portfolio-lens-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}
.portfolio-template-v11 .portfolio-lens-grid>article,
.portfolio-template-v11 .portfolio-lens-grid>article:hover{
  min-height:235px!important;
  margin:0!important;
  padding:24px!important
}
.portfolio-template-v11 .portfolio-lens-grid h3{
  font-size:clamp(1.25rem,1.5vw,1.7rem)
}
.portfolio-template-v11 .portfolio-lens-grid p{
  font-size:.76rem;
  line-height:1.5
}

.consulting-analytics-v18 .consulting-hero-visual-v18 img{object-position:center}
.consulting-analytics-v18 .services-method-heading-v13>h2{
  max-width:none;
  font-size:clamp(2.15rem,3.15vw,3.65rem)!important;
  white-space:nowrap
}
.consulting-analytics-v18 .consulting-method-media-v31{margin-top:clamp(42px,5vw,72px)}
.consulting-analytics-v18 .services-capability-grid-v13{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px
}
.services-v13.consulting-analytics-v18 .services-flip-card-v14{height:520px}
.consulting-analytics-v18 .services-standard-v13{display:block}
.consulting-analytics-v18 .services-standard-heading-v13{
  position:relative;
  top:auto;
  max-width:none
}
.consulting-analytics-v18 .services-standard-grid-v13{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px
}
.consulting-analytics-v18 .services-standard-grid-v13 article{
  display:flex;
  min-height:270px;
  padding:24px!important
}
.consulting-analytics-v18 .services-standard-grid-v13 article:hover h3{color:inherit!important}
.consulting-analytics-v18 .services-standard-grid-v13 article:nth-child(1):hover p,
.consulting-analytics-v18 .services-standard-grid-v13 article:nth-child(4):hover p{color:var(--muted)!important}
.consulting-analytics-v18 .services-standard-grid-v13 article:nth-child(2):hover p,
.consulting-analytics-v18 .services-standard-grid-v13 article:nth-child(3):hover p{color:rgba(255,255,255,.75)!important}

.about-story{
  grid-template-columns:minmax(0,40%) minmax(0,60%);
  gap:clamp(32px,5vw,80px);
  align-items:stretch
}
.about-story-photo{min-height:680px}
.about-story>div:last-child{align-self:center}
.strengths-v2>div:last-child,
.principles-v3>div:last-child{
  align-items:start;
  grid-auto-rows:auto
}
.strengths-v2 article,
.principles-v3 article{
  height:auto!important;
  min-height:0!important;
  padding:28px!important
}
.strengths-v2 article>span,
.principles-v3 article>span{
  margin:0 0 28px
}
.strengths-v2 article h3,
.principles-v3 article h3{margin:0 0 12px}
.strengths-v2 article p,
.principles-v3 article p{margin:0}

@media(max-width:1100px){
  .portfolio-template-v11 .portfolio-template-lenses{grid-template-columns:1fr}
  .portfolio-template-v11 .portfolio-lens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:580px}
  .consulting-analytics-v18 .services-standard-grid-v13{grid-template-columns:repeat(2,minmax(0,1fr))}
  .consulting-analytics-v18 .services-standard-grid-v13 article{min-height:245px}
  .about-story{grid-template-columns:1fr}
  .about-story-photo{min-height:650px}
}

@media(max-width:820px){
  .portfolio-template-v11 .portfolio-template-intro{grid-template-columns:1fr}
  .portfolio-template-v11 .portfolio-template-intro-label{display:flex;justify-content:space-between;gap:20px}
  .portfolio-template-v11 .portfolio-template-intro-copy>div{grid-template-columns:1fr}
  .portfolio-template-v11 .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .portfolio-template-v11 .filter-bar button{width:100%;justify-content:space-between}
  .consulting-analytics-v18 .services-method-heading-v13>h2{white-space:normal}
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:640px}
}

@media(max-width:720px){
  .portfolio-template-v11 .portfolio-template-intro.section-v2,
  .portfolio-template-v11 .portfolio-template-collection.section-v2{padding-block:52px}
  .portfolio-template-v11 .portfolio-filter-shell{padding:20px;border-radius:22px}
  .portfolio-template-v11 .portfolio-template-collection .filter-bar{margin:0;padding:0}
  .portfolio-template-v11 .portfolio-template-media>span{
    top:20px;
    left:26px;
    max-width:calc(100% - 100px);
    font-size:.54rem
  }
  .portfolio-template-v11 .portfolio-template-copy{padding:22px;border-radius:20px}
  .portfolio-template-v11 .portfolio-lens-grid{grid-template-columns:1fr}
  .portfolio-template-v11 .portfolio-lens-grid>article,
  .portfolio-template-v11 .portfolio-lens-grid>article:hover{
    min-height:0!important;
    padding:24px!important
  }
  .consulting-analytics-v18 .services-capability-grid-v13,
  .consulting-analytics-v18 .services-standard-grid-v13{grid-template-columns:1fr}
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:640px}
  .consulting-analytics-v18 .services-standard-grid-v13 article{min-height:220px}
  .about-story-photo{min-height:0}
}

@media(max-width:430px){
  .portfolio-template-v11 .filter-bar{grid-template-columns:1fr}
  .portfolio-template-v11 .portfolio-template-intro-label{display:grid}
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:680px}
}

/* V32 — full-site responsive containment and vertical-rhythm audit */
.engagement-v2>div:last-child{align-items:start}
.engagement-v2 article{
  height:auto!important;
  min-height:0!important;
  padding:26px!important
}
.engagement-v2 article>span{display:block;margin:0 0 clamp(34px,4vw,54px)}
.engagement-v2 article h3{margin:0 0 12px}
.engagement-v2 article p{margin:0}

@media(max-width:720px){
  .section-title-v2 h2{
    width:calc(100% - 4px);
    max-width:100%;
    padding-bottom:.08em;
    overflow-wrap:break-word
  }
  .engagement-v2 article{
    margin-top:0!important;
    padding:24px!important
  }
  .engagement-v2 article>span{margin-bottom:30px}
  .services-v13.consulting-analytics-v18 .services-flip-back-v14{padding:20px}
  .services-v13.consulting-analytics-v18 .services-flip-back-v14>h3{
    margin:18px 0 8px;
    font-size:clamp(1.7rem,8vw,2.35rem)
  }
  .services-v13.consulting-analytics-v18 .services-flip-back-v14>p{
    font-size:.75rem;
    line-height:1.48
  }
  .services-v13.consulting-analytics-v18 .services-flip-details-v14{
    gap:10px;
    margin-top:16px;
    padding-top:12px
  }
  .services-v13.consulting-analytics-v18 .services-flip-details-v14 small{margin-bottom:5px}
  .services-v13.consulting-analytics-v18 .services-flip-details-v14 span{
    padding:4px 0;
    font-size:.57rem;
    line-height:1.3
  }
  .services-v13.consulting-analytics-v18 .services-flip-related-v14{
    gap:6px;
    margin-top:10px;
    padding-top:8px
  }
  .services-v13.consulting-analytics-v18 .services-flip-related-v14 small{margin:0}
  .services-v13.consulting-analytics-v18 .services-flip-related-v14 strong{
    font-size:.62rem;
    line-height:1.35
  }
}

/* V34 — release-level containment, contrast, rhythm, and company-story polish */
main{overflow:visible}
#main-content:focus{outline:none}
.section-v2{padding-block:var(--section-space)}
:where(main section,main article,main section>div,footer>div){min-width:0}
:where(main p,main li,main dd,main a,footer p,footer a){overflow-wrap:anywhere}
:where(main h1,main h2,main h3,main h4,main h5,main h6,footer h2,footer h3){overflow-wrap:normal;word-break:normal;hyphens:none}
.responsive-picture{display:block;max-width:100%}
.responsive-picture>img{max-width:100%}

.button-v2,
.button-v2.gold{
  background:var(--gold)!important;
  color:#090909!important
}
.button-v2.dark{background:#090909!important;color:#fff!important}
.button-v2.outline{border:1px solid var(--line);background:transparent!important;color:var(--ink)!important}
.button-v2:hover,
.button-v2.gold:hover,
.button-v2.dark:hover,
.button-v2.outline:hover{
  border-color:var(--red)!important;
  background:var(--red)!important;
  color:#fff!important
}

.site-menu-details[open]~.site-page-v3 .concierge-v1{
  opacity:0;
  pointer-events:none;
  transform:translateY(12px)
}
.site-page-v3>.concierge-v1{transition:opacity .25s,transform .25s}
.footer-v7 nav a:hover,
.footer-v7 nav a:focus-visible{color:#fff}

.bos-founder-media{
  position:relative;
  height:auto;
  min-height:0;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:96px 28px 28px 28px;
  box-shadow:0 30px 84px rgba(12,12,12,.13)
}
.bos-founder-media :where(.responsive-picture,picture,img){width:100%;height:100%}
.bos-founder-media img{
  object-fit:cover;
  object-position:center;
  transition:transform .9s var(--ease),filter .45s
}
.bos-founder-media:hover img{transform:scale(1.025);filter:contrast(1.025)}
.bos-founder-media>span{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:22px;
  max-width:calc(100% - 44px);
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(5,5,5,.72);
  color:#fff;
  font-size:.52rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  backdrop-filter:blur(12px)
}

.intake-step-error{
  margin:18px 0 0;
  padding:13px 15px;
  border-left:3px solid var(--red);
  background:rgba(152,22,26,.08);
  color:#731014;
  font-size:.78rem
}
.intake-form label span small{color:var(--muted);font-size:.72em;font-weight:500}

:is(
  .bos-proof-grid article:nth-child(2),
  .bos-offer-grid>article:nth-child(2),
  .bos-offer-grid>article:nth-child(3),
  .bos-command-flow>div:nth-child(2),
  .bos-command-flow>div:nth-child(5),
  .bos-process-track article:nth-child(3),
  .bos-process-track article:nth-child(6),
  .bos-engagements article:nth-child(2)
):hover{background-color:var(--red);color:#fff}
:is(
  .bos-proof-grid article:nth-child(2),
  .bos-offer-grid>article:nth-child(2),
  .bos-offer-grid>article:nth-child(3),
  .bos-command-flow>div:nth-child(2),
  .bos-command-flow>div:nth-child(5),
  .bos-process-track article:nth-child(3),
  .bos-process-track article:nth-child(6),
  .bos-engagements article:nth-child(2)
):hover p{color:rgba(255,255,255,.76)}

@media(hover:hover) and (pointer:fine){
  .services-flip-card-v14:not(.is-flipped):hover .services-flip-inner-v14{transform:none}
  .services-flip-card-v14:not(.is-flipped):hover .services-flip-front-v14 img{transform:scale(1.025);filter:saturate(.98)}
}

@media(max-width:1180px){
  .site-header-v20{grid-template-columns:1fr auto}
  .site-header-v20 .nav-pill-v3{display:none}
}

@media(max-width:1050px){
  .bos-founder{gap:clamp(30px,5vw,64px)}
  .bos-founder-media{aspect-ratio:4/3;border-radius:78px 24px 24px 24px}
}

@media(max-width:720px){
  .section-v2{padding-block:64px}
  .strengths-v2>.section-title-v2,
  .principles-v3>.section-title-v2{
    display:grid;
    grid-template-columns:1fr;
    gap:20px
  }
  .strengths-v2>.section-title-v2>*,
  .principles-v3>.section-title-v2>*{grid-column:1;min-width:0}
  .bos-founder-media{aspect-ratio:4/5;border-radius:62px 20px 20px 20px}
  .bos-founder-media>span{left:16px;right:16px;bottom:16px;max-width:none;text-align:left}
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:680px}
}

@media(max-width:390px){
  .services-v13 .services-flip-card-v14,
  .services-v13.consulting-analytics-v18 .services-flip-card-v14{height:720px}
}

@media(prefers-reduced-motion:reduce){
  .bos-founder-media:hover img,
  .site-menu-details[open]~.site-page-v3 .concierge-v1{transform:none}
}

/* Demo workspaces are operational interfaces: keep every control and result legible. */
.dx-header>div{font-size:.68rem}
.dx-header>p{font-size:.68rem}
.dx-kicker{font-size:.64rem}
.dx-choice-group legend,
.dx-controls label:not(.dx-check){font-size:.7rem;line-height:1.4}
.dx-controls button{font-size:.68rem;line-height:1.25}
.dx-pills span{font-size:.76rem}
.dx-pills small,
.dx-card-list small,
.dx-record-title p,
.dx-task-list label em,
.dx-notice p,
.dx-method p,
.dx-disclosure{font-size:.68rem}
.dx-card-list article>span,
.dx-task-list label small,
.dx-notice small,
.dx-severity,
.dx-stat span,
.dx-stat small,
.dx-bars small,
.dx-bars strong,
.dx-next-steps li>span{font-size:.62rem}
.dx-timeline,
.dx-next-steps{font-size:.72rem}
.dx-method summary{font-size:.72rem}

@media(max-width:720px){
  .dx-bars strong{font-size:.58rem;white-space:normal;text-align:left}
}

.services-flip-toggle-v14:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 6px #090909
}

.button-v2{font-size:.72rem;line-height:1.25}
.eyebrow-v2{font-size:.7rem;line-height:1.35}
.nav-pill-v3 a,
.services-nav-v13 a,
.case-chapters-v17 a{font-size:.72rem;line-height:1.3}
.dx-bars small,
.dx-bars strong{font-size:.68rem}
.dx-sliders input[type="range"],
.dx-filter-row input[type="range"]{min-height:28px;cursor:pointer}

.inquiry-consent-v34{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr);
  align-items:start;
  gap:12px!important;
  padding:14px 0
}
.inquiry-form-v2 .inquiry-consent-v34 input{
  width:20px;
  height:20px;
  margin:1px 0 0;
  padding:0;
  accent-color:var(--red)
}
.inquiry-form-v2 .inquiry-consent-v34>span{
  color:var(--ink);
  font-size:.76rem;
  line-height:1.55;
  letter-spacing:0;
  text-transform:none
}
.form-submit p a{color:var(--red);text-decoration:underline;text-underline-offset:3px}

@media(max-width:720px){
  .services-nav-v13,
  .case-chapters-v17{
    padding-bottom:7px;
    scrollbar-width:thin;
    scrollbar-color:var(--gold) transparent;
    scroll-snap-type:x proximity
  }
  .services-nav-v13 a,
  .case-chapters-v17 a{scroll-snap-align:start}
  .dx-bars strong{font-size:.66rem}
}

/* V36 — keep the four practice lenses readable, balanced, and contained. */
.portfolio-template-v11 .portfolio-template-lenses,
.portfolio-template-v11 .portfolio-lens-grid,
.portfolio-template-v11 .portfolio-lens-grid>article{
  min-width:0
}
.portfolio-template-v11 .portfolio-template-lenses{
  overflow:clip
}
.portfolio-template-v11 .portfolio-lens-grid{
  width:100%;
  max-width:100%;
  overflow:clip
}
.portfolio-template-v11 .portfolio-lens-grid>article,
.portfolio-template-v11 .portfolio-lens-grid>article:hover{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  gap:clamp(30px,3vw,48px);
  padding:clamp(24px,2vw,32px)!important;
  transform:none;
  overflow:hidden;
  isolation:isolate
}
.portfolio-template-v11 .portfolio-lens-grid>article>div{
  min-width:0;
  margin-top:auto;
  align-self:stretch
}
.portfolio-template-v11 .portfolio-lens-grid h3{
  max-width:13ch;
  margin:0 0 18px;
  font-size:clamp(1.28rem,1.4vw,1.6rem);
  line-height:1.04;
  overflow-wrap:normal!important;
  word-break:normal;
  hyphens:none;
  text-wrap:balance
}
.portfolio-template-v11 .portfolio-lens-grid p{
  margin:0;
  line-height:1.55;
  overflow-wrap:break-word!important;
  word-break:normal
}
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(1),
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(4),
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(1):hover,
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(4):hover{
  color:#fff!important;
  background:#181818!important;
  border-color:rgba(255,255,255,.16)!important
}
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(2),
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(3),
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(2):hover,
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(3):hover{
  color:#fff!important;
  background:var(--red)!important;
  border-color:rgba(255,255,255,.22)!important
}
.portfolio-template-v11 .portfolio-lens-grid>article h3{
  color:#fff!important
}
.portfolio-template-v11 .portfolio-lens-grid>article p{
  color:rgba(255,255,255,.74)!important
}
.portfolio-template-v11 .portfolio-lens-grid>article>span{
  color:var(--gold)!important
}
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(2)>span,
.portfolio-template-v11 .portfolio-lens-grid>article:nth-child(3)>span{
  color:#fff!important
}
.portfolio-template-v11 .portfolio-lens-grid>article:focus-within{
  outline:3px solid var(--gold);
  outline-offset:-5px
}

/* Five footer links receive five visible directory rules. */
.footer-v7 nav a:last-child{
  border-bottom-color:rgba(255,255,255,.11)
}

@media(max-width:1100px){
  .portfolio-template-v11 .portfolio-lens-grid>article,
  .portfolio-template-v11 .portfolio-lens-grid>article:hover{
    min-height:230px!important
  }
}

@media(max-width:720px){
  :root{--section-space:64px}
  .portfolio-template-v11 .portfolio-lens-grid>article,
  .portfolio-template-v11 .portfolio-lens-grid>article:hover{
    min-height:0!important;
    padding:22px!important
  }
  .portfolio-template-v11 .portfolio-lens-grid h3{
    max-width:none;
    font-size:clamp(1.35rem,7vw,1.62rem)
  }
}

/* V37 — compact footer invitation with the contact and project CTA aligned. */
@media(min-width:1051px){
  .footer-v7-directory{align-items:stretch}
  .footer-v7-brand,
  .footer-v7-connect{
    display:flex;
    flex-direction:column;
    align-self:stretch
  }
  .footer-v7 nav{
    display:grid;
    grid-template-rows:auto;
    grid-auto-rows:minmax(48px,max-content);
    align-content:stretch;
    align-self:stretch
  }
  .footer-v7 nav a{
    display:flex;
    align-items:center
  }
  .footer-v7-direct,
  .footer-v7-connect .button-v2{margin-top:auto}
  .footer-v7-direct{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    column-gap:clamp(16px,1.5vw,26px);
    row-gap:4px
  }
}

.footer-v7-connect h2{
  max-width:31ch;
  margin:0 0 18px;
  font-size:clamp(1.02rem,1.1vw,1.22rem)!important;
  line-height:1.35!important;
  letter-spacing:-.015em!important;
  text-wrap:balance
}

@media(max-width:1050px){
  .footer-v7-connect h2{
    max-width:42ch;
    font-size:clamp(1.02rem,2vw,1.2rem)!important
  }
}

@media(max-width:720px){
  .footer-v7-connect h2{
    max-width:34ch;
    margin-bottom:18px;
    font-size:1.02rem!important;
    line-height:1.38!important
  }
}

/* V38 — preserve the two footer directories side by side on small phones. */
@media(max-width:390px){
  .footer-v7-directory{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:18px;
    row-gap:40px;
    padding-inline:20px
  }
  .footer-v7-brand,
  .footer-v7-connect{grid-column:1/-1}
  .footer-v7-directory nav{
    grid-column:auto;
    min-width:0
  }
  .footer-v7-directory nav a{
    min-width:0;
    min-height:46px;
    padding:10px 0;
    font-size:clamp(.7rem,3.2vw,.78rem);
    line-height:1.35;
    overflow-wrap:break-word;
    word-break:normal
  }
}

/* V39 — readable paragraph rhythm without artificial spacing rivers on narrow screens. */
body p{
  text-align:left;
  text-wrap:pretty;
  -webkit-hyphens:none;
  hyphens:none
}

/* V40 — consistent three-line featured summaries and single-line role labels. */
@media(min-width:1051px){
  .selected-work-v5 .showcase-description-v40{
    display:-webkit-box;
    min-height:4.95em!important;
    max-height:4.95em;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
  }
  .selected-work-v5 .showcase-role-v40{
    display:block;
    max-width:100%;
    font-size:clamp(.58rem,.62vw,.7rem)!important;
    letter-spacing:-.015em;
    white-space:nowrap
  }
}

/* V43 — keep every insight title on the same reading edge as its copy. */
.ke-article-layout>div,
.ke-article-layout>div>section{
  min-width:0
}
.ke-article-layout h2,
.ke-article-layout>div>p,
.ke-article-layout>div>section>p{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0
}
.ke-article-layout h2{
  text-align:left
}

/* V42 — uniform six-card project typography at every responsive width. */
.portfolio-template-v11 .portfolio-card-title-v41{
  max-width:100%;
  font-size:clamp(1rem,1.45vw,1.7rem)!important;
  line-height:1!important;
  overflow:hidden;
  overflow-wrap:normal!important;
  text-overflow:clip;
  white-space:nowrap;
  word-break:normal
}
.portfolio-template-v11 .portfolio-card-category-v41{
  max-width:none;
  font-size:clamp(.42rem,.46vw,.52rem)!important;
  line-height:1.35!important;
  overflow:hidden;
  overflow-wrap:normal!important;
  text-overflow:clip;
  white-space:nowrap;
  word-break:normal
}
#main-content .portfolio-card-description-v41{
  display:-webkit-box;
  width:100%;
  min-height:4.86em;
  max-height:4.86em;
  max-width:40ch;
  margin-top:16px;
  overflow:hidden;
  font-size:clamp(.76rem,.82vw,.88rem)!important;
  line-height:1.62!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3
}
#main-content .portfolio-role-copy-v41{
  display:grid;
  gap:8px;
  min-height:calc(3em + 22px);
  max-height:calc(3em + 22px);
  max-width:34ch;
  overflow:hidden;
  text-align:left;
  -webkit-hyphens:none;
  hyphens:none
}
#main-content .portfolio-role-copy-v41 small{
  margin:0
}
#main-content .portfolio-role-copy-v41 span{
  display:-webkit-box;
  overflow:hidden;
  font-size:clamp(.62rem,.67vw,.7rem)!important;
  line-height:1.5!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}

@media(max-width:720px){
  .portfolio-template-v11 .portfolio-card-title-v41{
    font-size:clamp(.98rem,5.1vw,1.35rem)!important
  }
  .portfolio-template-v11 .portfolio-card-category-v41{
    font-size:clamp(.39rem,2vw,.46rem)!important
  }
  #main-content .portfolio-card-description-v41{
    font-size:clamp(.76rem,3.6vw,.86rem)!important
  }
  #main-content .portfolio-role-copy-v41 span{
    font-size:clamp(.62rem,3vw,.7rem)!important
  }
}

/* V43 — keep each practice-lens story close to its number. */
.portfolio-template-v11 .portfolio-lens-grid>article,
.portfolio-template-v11 .portfolio-lens-grid>article:hover{
  justify-content:flex-start;
  gap:clamp(20px,1.6vw,28px)
}
.portfolio-template-v11 .portfolio-lens-grid>article>div{
  margin-top:0
}

/* V44 — keep consulting explanation and decision output in one compact flow. */
.services-v13 .services-method-body-v13{
  gap:14px
}
.services-v13 .services-method-body-v13>div{
  margin-top:0;
  padding-top:16px
}

/* V45 — preserve contrast when a project decision card is hovered. */
@media(hover:hover) and (pointer:fine){
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:hover{
    background:#0b0b0b!important;
    color:#fff!important;
    border-color:rgba(198,154,58,.58)!important
  }
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:nth-child(2):hover,
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:nth-child(3):hover{
    background:var(--red)!important;
    color:#fff!important
  }
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:hover :where(h3,p){
    color:#fff!important
  }
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:hover p{
    color:rgba(255,255,255,.76)!important
  }
  .case-study-v17 .case-project-decisions-v17 .services-standard-grid-v13 article:hover>span{
    background:var(--gold)!important;
    color:#090909!important
  }
}

/* V46 — capability cards use a stable face transition across browser compositors. */
.services-flip-card-v14 .services-flip-inner-v14,
.services-flip-card-v14.is-flipped .services-flip-inner-v14,
.services-flip-card-v14:not(.is-flipped):hover .services-flip-inner-v14{
  transform:none;
  transform-style:flat
}
.services-flip-card-v14 .services-flip-face-v14{
  backface-visibility:visible;
  -webkit-backface-visibility:visible;
  transition:
    opacity .38s var(--ease),
    transform .38s var(--ease),
    visibility 0s linear .38s
}
.services-flip-card-v14 .services-flip-front-v14{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0s
}
.services-flip-card-v14 .services-flip-back-v14{
  opacity:0;
  visibility:hidden;
  transform:translateY(14px)
}
.services-flip-card-v14[data-state="details"] .services-flip-front-v14{
  opacity:0;
  visibility:hidden;
  transform:translateY(-14px);
  transition-delay:0s,0s,.38s
}
.services-flip-card-v14[data-state="details"] .services-flip-back-v14{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0s
}

@media(prefers-reduced-motion:reduce){
  .services-flip-card-v14 .services-flip-face-v14{
    transition:none;
    transform:none
  }
}

/* V47 — route-specific motion direction for the complete public experience.
   The public pages share one accessible engine, while each story family gets
   its own distance, scale, crop, rotation, and cadence. Demo microsites retain
   their ten independent industry motion signatures in demo-sites.css. */
html[data-motion-system="home"]{
  --route-rise:46px;
  --route-slide:42px;
  --route-scale:.95;
  --route-rotate:-.45deg;
  --route-stage-shift:32px;
  --route-stage-crop:13%
}
html[data-motion-system="work"]{
  --route-rise:32px;
  --route-slide:54px;
  --route-scale:.97;
  --route-rotate:.65deg;
  --route-stage-shift:44px;
  --route-stage-crop:19%
}
html[data-motion-system="services"]{
  --route-rise:38px;
  --route-slide:46px;
  --route-scale:.945;
  --route-rotate:-.25deg;
  --route-stage-shift:38px;
  --route-stage-crop:16%
}
html[data-motion-system="advisory"]{
  --route-rise:28px;
  --route-slide:38px;
  --route-scale:.965;
  --route-rotate:.35deg;
  --route-stage-shift:28px;
  --route-stage-crop:11%
}
html[data-motion-system="process"]{
  --route-rise:42px;
  --route-slide:50px;
  --route-scale:.955;
  --route-rotate:-.55deg;
  --route-stage-shift:36px;
  --route-stage-crop:22%
}
html[data-motion-system="profile"]{
  --route-rise:34px;
  --route-slide:34px;
  --route-scale:.94;
  --route-rotate:.25deg;
  --route-stage-shift:26px;
  --route-stage-crop:10%
}
html[data-motion-system="editorial"]{
  --route-rise:30px;
  --route-slide:48px;
  --route-scale:.97;
  --route-rotate:-.3deg;
  --route-stage-shift:40px;
  --route-stage-crop:18%
}
html[data-motion-system="system"]{
  --route-rise:36px;
  --route-slide:58px;
  --route-scale:.955;
  --route-rotate:.5deg;
  --route-stage-shift:46px;
  --route-stage-crop:24%
}
html[data-motion-system="conversation"]{
  --route-rise:34px;
  --route-slide:36px;
  --route-scale:.96;
  --route-rotate:-.2deg;
  --route-stage-shift:30px;
  --route-stage-crop:12%
}

body.ready .site-header-v3{
  animation:site-header-arrive .72s cubic-bezier(.2,.8,.2,1) both
}
@keyframes site-header-arrive{
  from{opacity:0;transform:translate3d(0,-18px,0)}
  to{opacity:1;transform:none}
}

body.ready [data-motion-stage="rise"]:not(.motionShown){
  opacity:.8;
  transform:translate3d(0,var(--route-stage-shift,30px),0)
}
body.ready [data-motion-stage="slide"]:not(.motionShown){
  opacity:.8;
  transform:translate3d(var(--route-stage-shift,30px),0,0)
}
body.ready [data-motion-stage="focus"]:not(.motionShown){
  opacity:.76;
  transform:scale(var(--route-scale,.96));
  filter:blur(6px)
}
body.ready [data-motion-stage="mask"]:not(.motionShown){
  opacity:.82;
  transform:translate3d(0,18px,0);
  clip-path:inset(0 0 var(--route-stage-crop,14%) 0)
}
body.ready [data-motion-stage="sweep"]:not(.motionShown){
  opacity:.8;
  transform:translate3d(-32px,0,0);
  clip-path:inset(0 var(--route-stage-crop,14%) 0 0)
}

body.ready [data-motion-item="rise"][data-reveal]:not(.shown){
  opacity:0;
  transform:translate3d(0,var(--route-rise,38px),0) rotate(var(--route-rotate,0deg))
}
body.ready [data-motion-item="slide"][data-reveal]:not(.shown){
  opacity:0;
  transform:translate3d(var(--motion-shift,var(--route-slide,38px)),0,0) rotate(var(--route-rotate,0deg))
}
body.ready [data-motion-item="focus"][data-reveal]:not(.shown){
  opacity:0;
  transform:scale(var(--route-scale,.955));
  filter:blur(7px)
}
body.ready [data-motion-item="mask"][data-reveal]:not(.shown){
  opacity:0;
  transform:translate3d(0,20px,0);
  clip-path:inset(0 0 var(--route-stage-crop,14%) 0)
}
body.ready [data-motion-item="sweep"][data-reveal]:not(.shown){
  opacity:0;
  transform:translate3d(var(--motion-shift,var(--route-slide,38px)),0,0);
  clip-path:inset(0 var(--route-stage-crop,14%) 0 var(--route-stage-crop,14%))
}

body.ready [data-motion-order="1"][data-reveal]:not(.shown){--route-rotate:.35deg}
body.ready [data-motion-order="2"][data-reveal]:not(.shown){--route-rotate:-.35deg}
body.ready [data-motion-order="3"][data-reveal]:not(.shown){--route-rotate:.18deg}

@media(max-width:720px){
  html[data-motion-system]{
    --route-rise:24px;
    --route-slide:24px;
    --route-stage-shift:20px;
    --route-stage-crop:12%;
    --route-rotate:0deg
  }
  body.ready [data-motion-stage="slide"]:not(.motionShown),
  body.ready [data-motion-stage="sweep"]:not(.motionShown){transform:translate3d(0,var(--route-stage-shift),0)}
  body.ready [data-motion-item="slide"][data-reveal]:not(.shown),
  body.ready [data-motion-item="sweep"][data-reveal]:not(.shown){transform:translate3d(0,var(--route-rise),0);clip-path:inset(0 0 12% 0)}
}

@media(prefers-reduced-motion:reduce){
  body.ready .site-header-v3{animation:none}
  .siteMotionMedia,
  body.ready [data-motion-stage],
  body.ready [data-motion-item][data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}
}

/* V48 — reliable Connected Capabilities state swap.
   The card keeps a stable class name so React does not remove the scroll-reveal
   class when a visitor selects it. The faces now cross-fade without 3D state. */
.services-flip-card-v14{
  isolation:isolate
}
.services-flip-card-v14 .services-flip-inner-v14,
.services-flip-card-v14:not(.is-flipped):hover .services-flip-inner-v14{
  position:relative;
  height:100%;
  transform:none!important;
  transform-style:flat!important
}
.services-flip-card-v14 .services-flip-face-v14{
  z-index:1;
  opacity:0;
  visibility:hidden;
  transform:none!important;
  pointer-events:none;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transition:opacity .32s var(--ease),visibility 0s linear .32s!important
}
.services-flip-card-v14[data-state="image"] .services-flip-front-v14,
.services-flip-card-v14[data-state="details"] .services-flip-back-v14{
  z-index:2;
  opacity:1;
  visibility:visible;
  transition-delay:0s!important
}
.services-flip-card-v14[data-state="details"] .services-flip-front-v14,
.services-flip-card-v14[data-state="image"] .services-flip-back-v14{
  z-index:1;
  opacity:0;
  visibility:hidden;
  transition-delay:0s, .32s!important
}
.services-flip-card-v14 .services-flip-toggle-v14{
  z-index:10
}
@media(prefers-reduced-motion:reduce){
  .services-flip-card-v14 .services-flip-face-v14{
    transition:none!important
  }
}

/* V49 — fail-safe rendering, compact type, and accessible control sizing. */
html{scrollbar-gutter:stable}
.progress-v2{z-index:425;pointer-events:none}
main>section,
main>article{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important
}
.hero-v5-curtain{
  transform:translateY(-101%);
  animation:none!important
}
html.motion-initialized .hero-v5-curtain{
  animation:hero-curtain-v49 1.15s var(--ease) .08s both!important
}
@keyframes hero-curtain-v49{
  from{transform:translateY(0)}
  to{transform:translateY(-101%)}
}

:root{
  --type-h1:clamp(2.75rem,3.6vw,3.25rem);
  --type-h2:clamp(1.875rem,3vw,3rem);
  --type-h3:clamp(1.25rem,1.6vw,1.75rem);
  --type-h4:clamp(1.125rem,1.2vw,1.5rem);
  --type-h5:clamp(1rem,1vw,1.25rem)
}

body p{
  text-align:left;
  text-left:auto;
  -webkit-hyphens:none;
  hyphens:none
}

:where(.brand-v2,.text-action,.project-card-actions a,.showcase-v4-actions a,.footer-v7-direct a,.footer-v7 nav a,.footer-v7-bottom a,.menu-v3-nav a){
  min-height:44px
}
.menu-trigger-v3{min-height:44px}
.concierge-v1{
  right:max(12px,env(safe-area-inset-right));
  bottom:max(12px,env(safe-area-inset-bottom))
}

@media(max-width:720px){
  :root{
    --type-h1:clamp(2.125rem,10vw,2.75rem);
    --type-h2:clamp(1.625rem,8vw,2.25rem);
    --type-h3:clamp(1.25rem,6vw,1.75rem)
  }
  #main-content :where(h1,h2,h3){
    overflow-wrap:anywhere;
    word-break:normal
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-v5-curtain{display:none!important}
}

/* V49 — branded recovery route */
.not-found-v49{
  min-height:calc(100svh - 92px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:clamp(28px,5vw,90px);
  align-items:center;
  padding:clamp(72px,10vw,150px) var(--page-pad);
  color:#fff;
  background:radial-gradient(circle at 82% 18%,rgba(170,25,30,.32),transparent 34%),#090909
}
.not-found-v49>section{max-width:860px}
.not-found-v49 h1{
  max-width:15ch;
  margin:22px 0;
  font-size:clamp(3rem,4vw,4.5rem);
  line-height:.95;
  letter-spacing:-.055em
}
.not-found-v49>section>p:not(.eyebrow-v2){
  max-width:640px;
  color:rgba(255,255,255,.68);
  font-size:clamp(1rem,1.3vw,1.22rem);
  line-height:1.65
}
.not-found-v49>section>div{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  margin-top:32px
}
.not-found-v49 aside{
  display:grid;
  grid-template-columns:auto 1fr;
  border-top:1px solid rgba(255,255,255,.2)
}
.not-found-v49 aside>span{
  padding:24px 18px 24px 0;
  color:#d3a53a;
  font-size:.75rem
}
.not-found-v49 aside>a{
  display:grid;
  gap:7px;
  min-width:0;
  padding:22px 0;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.16);
  text-decoration:none
}
.not-found-v49 aside strong{font-size:clamp(1.05rem,1.7vw,1.45rem)}
.not-found-v49 aside small{color:rgba(255,255,255,.58);line-height:1.45}
@media(max-width:820px){
  .not-found-v49{grid-template-columns:1fr;padding-top:76px}
  .not-found-v49 h1{font-size:clamp(2.125rem,10vw,2.75rem)}
  .not-found-v49>section>div{align-items:stretch}
  .not-found-v49 .button-v2{width:100%}
}

/* Generated Dalmatian concierge avatar — crisp on light and dark page surfaces. */
.concierge-trigger-v1>span{
  display:grid;
  place-items:end center;
  width:39px;
  height:39px;
  padding:0;
  overflow:hidden;
  border-radius:11px;
  background:linear-gradient(145deg,#f1cf76,#b7862e);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)
}
.concierge-trigger-v1>span img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.22))
}

/* app/demos/demo-sites.css */
.demoSite{
  --demo-bg:#f3f0e8;
  --demo-surface:#fff;
  --demo-surface-2:#e7e1d6;
  --demo-ink:#111;
  --demo-muted:#5c5b56;
  --demo-line:rgba(17,17,17,.17);
  --demo-accent:#a3181c;
  --demo-accent-2:#d5a733;
  --demo-accent-text:#fff;
  --demo-dark:#0d0d0d;
  --demo-dark-text:#fff;
  --demo-radius:24px;
  --demo-font-head:"Arial Narrow","Avenir Next Condensed","Helvetica Neue",sans-serif;
  --demo-font-body:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  --red:var(--demo-accent);
  --gold:var(--demo-accent-2);
  min-height:100vh;
  color:var(--demo-ink);
  background:var(--demo-bg);
  font-family:var(--demo-font-body);
  overflow:clip
}
.demoSite *{box-sizing:border-box}
.demoSite a{color:inherit}
.demoSite button,.demoSite input,.demoSite select,.demoSite textarea{font:inherit}
.demoSite button,.demoSite a{touch-action:manipulation}
.demoSite :focus-visible{outline:3px solid var(--demo-accent-2);outline-offset:3px}
.demoSite h1,.demoSite h2,.demoSite h3{font-family:var(--demo-font-head);font-weight:750;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.demoTheme-northstar{--demo-bg:#f7f1ec;--demo-surface:#fffaf6;--demo-surface-2:#eaded8;--demo-ink:#2a161c;--demo-muted:#735f65;--demo-line:rgba(42,22,28,.18);--demo-accent:#7d2638;--demo-accent-2:#c49a62;--demo-dark:#25151a;--demo-radius:24px 24px 6px 24px;--demo-font-head:Georgia,"Times New Roman",serif}
.demoTheme-routepilot{--demo-bg:#eef3f3;--demo-surface:#fff;--demo-surface-2:#d8e4e4;--demo-ink:#071a2c;--demo-muted:#51606c;--demo-line:rgba(7,26,44,.16);--demo-accent:#194ff0;--demo-accent-2:#c4ed4f;--demo-accent-text:#fff;--demo-dark:#071a2c;--demo-radius:18px;--demo-font-head:"Arial Narrow","Avenir Next Condensed",sans-serif}
.demoTheme-pulsecare{--demo-bg:#f4efe6;--demo-surface:#fffaf2;--demo-surface-2:#ddd6c7;--demo-ink:#191a17;--demo-muted:#4f534b;--demo-line:rgba(25,26,23,.2);--demo-accent:#9c2e14;--demo-accent-2:#d8f159;--demo-dark:#171916;--demo-radius:2px;--demo-font-head:"Arial Black","Helvetica Neue",Arial,sans-serif;--demo-font-body:"Helvetica Neue",Arial,sans-serif}
.demoTheme-arc{--demo-bg:#e9e6df;--demo-surface:#f7f4ed;--demo-surface-2:#d8d3c8;--demo-ink:#111;--demo-muted:#5c5952;--demo-line:rgba(17,17,17,.2);--demo-accent:#111;--demo-accent-2:#e5a82e;--demo-dark:#0d0d0e;--demo-radius:2px;--demo-font-head:"Courier New",monospace;--demo-font-body:"Helvetica Neue",Arial,sans-serif}
.demoTheme-meridian{--demo-bg:#f3eee5;--demo-surface:#fffaf1;--demo-surface-2:#dfd2c1;--demo-ink:#231a18;--demo-muted:#6f625c;--demo-line:rgba(35,26,24,.18);--demo-accent:#8d2d24;--demo-accent-2:#c49a57;--demo-dark:#1b1715;--demo-radius:18px;--demo-font-head:Georgia,"Times New Roman",serif}
.demoTheme-fieldnote{--demo-bg:#f0eff7;--demo-surface:#fbfaff;--demo-surface-2:#dfdced;--demo-ink:#171526;--demo-muted:#5e5a70;--demo-line:rgba(23,21,38,.17);--demo-accent:#6c42d8;--demo-accent-2:#b9f26a;--demo-dark:#171526;--demo-radius:12px;--demo-font-head:"Courier New",monospace}
.demoTheme-atelier{--demo-bg:#f4efe9;--demo-surface:#fffdfa;--demo-surface-2:#e3d8ce;--demo-ink:#2c1c24;--demo-muted:#716269;--demo-line:rgba(44,28,36,.18);--demo-accent:#5f243c;--demo-accent-2:#c4995d;--demo-dark:#2c1c24;--demo-radius:0;--demo-font-head:"Times New Roman",Times,serif}
.demoTheme-sable{--demo-bg:#eee9e3;--demo-surface:#faf7f2;--demo-surface-2:#dbd2c9;--demo-ink:#1c1b1a;--demo-muted:#65615d;--demo-line:rgba(28,27,26,.19);--demo-accent:#e34e36;--demo-accent-2:#f1c84b;--demo-dark:#1c1b1a;--demo-radius:28px 4px 28px 4px;--demo-font-head:"Arial Black","Arial Narrow",sans-serif}
.demoTheme-civicflow{--demo-bg:#efede8;--demo-surface:#faf9f5;--demo-surface-2:#dcd7ce;--demo-ink:#242523;--demo-muted:#676a64;--demo-line:rgba(36,37,35,.2);--demo-accent:#9d3f27;--demo-accent-2:#c49a53;--demo-dark:#242523;--demo-radius:6px;--demo-font-head:"Trebuchet MS","Helvetica Neue",sans-serif}
.demoTheme-harborline{--demo-bg:#f2f0eb;--demo-surface:#fff;--demo-surface-2:#dedbd2;--demo-ink:#111d2b;--demo-muted:#58616b;--demo-line:rgba(17,29,43,.17);--demo-accent:#da4d2d;--demo-accent-2:#e4ad36;--demo-dark:#111d2b;--demo-radius:18px 18px 2px 18px;--demo-font-head:"Arial Narrow","Avenir Next Condensed",sans-serif}
.demoTheme-northstar .demoHeader{border-bottom:3px solid var(--demo-dark)}
.demoTheme-routepilot .demoHeader{box-shadow:inset 0 -3px 0 var(--demo-accent-2)}
.demoTheme-pulsecare .demoHeader{margin:12px clamp(12px,2vw,30px) 0;color:#fff;background:rgba(23,25,22,.94);border:1px solid rgba(255,255,255,.15);border-radius:999px;box-shadow:0 18px 50px rgba(25,26,23,.18)}
.demoTheme-pulsecare .demoHeader .demoBrand small,.demoTheme-pulsecare .demoHeaderSignal,.demoTheme-pulsecare .demoHeaderEdition{color:rgba(255,255,255,.65)}
.demoTheme-pulsecare .demoDesktopNav{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.demoTheme-pulsecare .demoDesktopNav a{color:#fff}
.demoTheme-pulsecare .demoHeaderActions button,.demoTheme-pulsecare .demoHeaderActions a{color:#fff;background:transparent;border-color:rgba(255,255,255,.22)}
.demoTheme-pulsecare .demoHeaderActions>a:first-child{color:#171916;background:var(--demo-accent-2);border-color:var(--demo-accent-2)}
.demoTheme-pulsecare .demoHomeHero{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(210px,.42fr);gap:clamp(18px,3vw,46px);min-height:calc(100svh - 100px);padding-top:clamp(58px,7vw,110px)}
.demoTheme-pulsecare .demoHomeCopy h1{text-transform:uppercase;max-width:10ch;font-size:clamp(3.6rem,6.9vw,8.4rem);line-height:.82;letter-spacing:-.075em}
.demoTheme-pulsecare .demoHomeMedia{align-self:stretch;min-height:620px}
.demoTheme-pulsecare .demoHomeMedia .responsive-picture{height:100%;border-radius:150px 150px 2px 2px;box-shadow:none}
.demoTheme-pulsecare .demoHomeMedia img{height:100%;aspect-ratio:auto;filter:saturate(.82) contrast(1.04)}
.demoTheme-pulsecare .demoHomeMedia>div{left:20px;right:20px;bottom:20px;border-radius:2px;background:rgba(23,25,22,.88)}
.demoTheme-pulsecare .demoHeroSignature{align-self:end;margin-bottom:10px;padding:26px 20px;background:var(--demo-accent-2);border:0;border-radius:2px;transform:rotate(1.5deg)}
.demoTheme-pulsecare .demoHeroSignature small,.demoTheme-pulsecare .demoHeroSignature p{color:#394000}
.demoTheme-pulsecare .demoHeroSignature li{border-color:rgba(25,26,23,.22)}
.demoTheme-arc .demoHeader{border-bottom:2px dashed var(--demo-ink);text-transform:uppercase}
.demoTheme-meridian .demoHeader{box-shadow:0 10px 30px rgba(19,42,66,.08)}
.demoTheme-fieldnote .demoHeader{border-bottom:1px solid var(--demo-accent)}
.demoTheme-atelier .demoHeader{background:color-mix(in srgb,var(--demo-bg) 80%,transparent);border-bottom:1px solid var(--demo-accent-2)}
.demoTheme-sable .demoHeader{border-bottom:6px solid var(--demo-accent)}
.demoTheme-civicflow .demoHeader{border-bottom:4px solid var(--demo-accent-2)}
.demoTheme-harborline .demoHeader{border-bottom:2px solid var(--demo-accent)}
.demoSkip{position:fixed;left:18px;top:-100px;z-index:10000;background:var(--demo-dark);color:var(--demo-dark-text)!important;padding:12px 16px;border-radius:6px;text-decoration:none}
.demoSkip:focus{top:16px}
.demoHeader{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;min-height:76px;padding:12px clamp(18px,4vw,64px);color:var(--demo-ink);background:color-mix(in srgb,var(--demo-bg) 88%,transparent);border-bottom:1px solid var(--demo-line);backdrop-filter:blur(18px)}
.demoBrand{display:inline-flex;flex-direction:column;width:max-content;text-decoration:none;line-height:1}
.demoBrand>span{font-family:var(--demo-font-head);font-size:1.05rem;font-weight:800;letter-spacing:-.03em}
.demoBrand>small{margin-top:5px;font-size:.54rem;font-weight:800;letter-spacing:.18em;color:var(--demo-muted)}
.demoDesktopNav{display:flex;align-items:center;gap:4px;padding:5px;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:999px}
.demoDesktopNav a{min-height:42px;display:grid;place-items:center;padding:0 14px;border-radius:999px;text-decoration:none;font-size:.72rem;font-weight:750;white-space:nowrap}
.demoDesktopNav a:hover,.demoDesktopNav a.isCurrent{color:var(--demo-accent-text);background:var(--demo-accent)}
.demoHeaderActions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.demoHeaderActions a,.demoHeaderActions button{min-height:44px;padding:0 15px;border:1px solid var(--demo-line);border-radius:999px;background:var(--demo-surface);color:var(--demo-ink);font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer}
.demoHeaderActions a{display:grid;place-items:center;color:var(--demo-accent-text);background:var(--demo-accent);border-color:var(--demo-accent)}
.demoMenu[hidden]{display:none}
.demoMenu{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(22px,5vw,70px);color:var(--demo-dark-text);background:var(--demo-dark);overflow:auto}
.demoMenuTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.18)}
.demoMenu .demoBrand small{color:rgba(255,255,255,.62)}
.demoMenuTop button{min-width:88px;min-height:44px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.34);border-radius:999px;cursor:pointer}
.demoMenu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;padding:clamp(26px,5vw,64px) 0}
.demoMenu nav a{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:66px;padding:10px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);text-decoration:none}
.demoMenu nav a small{color:var(--demo-accent-2)}
.demoMenu nav a span{font-family:var(--demo-font-head);font-size:clamp(1.3rem,2.2vw,2.2rem);line-height:1.05}
.demoMenu nav a:hover,.demoMenu nav a.isCurrent{color:var(--demo-accent-text);background:var(--demo-accent)}
.demoMenu nav a:hover small,.demoMenu nav a.isCurrent small{color:inherit}
.demoMenu footer{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.demoMenu footer p{max-width:580px;margin:0;color:rgba(255,255,255,.65);font-size:.78rem;line-height:1.6}
.demoMenu footer a{color:#fff;text-underline-offset:4px}
.demoSite main{display:block;min-width:0}
.demoHomeHero,.demoPageHero,.demoStory,.demoFeatureSection,.demoPrinciples,.demoEditorialPreview,.demoFaq,.demoCta,.demoDisclosure,.demoTool,.demoPricingGrid,.demoContactLayout,.demoApplication,.demoEditorialBody,.demoDetailFacts,.demoDetailStory,.demoArticleBody{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(18px,5vw,82px)}
.demoHomeHero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(30px,5vw,84px);align-items:center;min-height:calc(100svh - 76px);padding-block:clamp(72px,8vw,130px)}
.demoHomeCopy h1,.demoPageHero h1{max-width:13ch;margin:18px 0 24px;font-size:clamp(3.1rem,6.2vw,7rem);line-height:.9}
.demoHomeCopy>p:not(.demoEyebrow),.demoPageHero>div>p:not(.demoEyebrow){max-width:690px;margin:0;color:var(--demo-muted);font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.6}
.demoLibraryLink{display:inline-block;margin-bottom:32px;color:var(--demo-muted)!important;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-underline-offset:4px}
.demoEyebrow{margin:0;font-size:.65rem!important;line-height:1.4!important;font-weight:850;letter-spacing:.17em!important;text-transform:uppercase;color:var(--demo-accent)!important}
.demoHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.demoHeroActions a,.demoPrimary{min-height:50px;display:inline-grid;place-items:center;padding:0 22px;border:1px solid var(--demo-line);border-radius:999px;font-size:.74rem;font-weight:850;text-decoration:none}
.demoPrimary,.demoHeroActions .demoPrimary{color:var(--demo-accent-text)!important;background:var(--demo-accent);border-color:var(--demo-accent)}
.demoHeroActions a:hover,.demoPrimary:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.14)}
.demoHeroBadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.demoHeroBadges span{padding:8px 10px;border:1px solid var(--demo-line);border-radius:999px;font-size:.55rem;font-weight:850;letter-spacing:.1em}
.demoHomeMedia{position:relative;min-width:0}
.demoHomeMedia .responsive-picture,.demoPageVisual .responsive-picture{display:block;overflow:hidden;border-radius:var(--demo-radius);background:var(--demo-surface-2);box-shadow:0 30px 70px rgba(0,0,0,.15)}
.demoHomeMedia img,.demoPageVisual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.demoHomeMedia:hover img,.demoPageVisual:hover img{transform:scale(1.025)}
.demoHomeMedia>div{position:absolute;left:clamp(14px,3vw,34px);right:clamp(14px,3vw,34px);bottom:clamp(14px,3vw,34px);display:grid;gap:6px;padding:18px;color:#fff;background:rgba(0,0,0,.67);border:1px solid rgba(255,255,255,.25);border-radius:calc(var(--demo-radius) / 2);backdrop-filter:blur(12px)}
.demoHomeMedia>div small{font-size:.56rem;font-weight:850;letter-spacing:.15em}
.demoHomeMedia>div strong{font-size:.9rem;line-height:1.45}
.demoDisclosure{display:grid;grid-template-columns:minmax(180px,.3fr) minmax(0,.7fr);gap:30px;padding-block:22px;color:var(--demo-dark-text);background:var(--demo-dark);border-radius:var(--demo-radius)}
.demoDisclosure strong{font-family:var(--demo-font-head);font-size:1.05rem}
.demoDisclosure p{max-width:920px;margin:0;color:rgba(255,255,255,.72);font-size:.76rem;line-height:1.6}
.demoStory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(40px,8vw,130px);padding-block:clamp(90px,11vw,170px)}
.demoStory h2,.demoFeatureSection>header h2,.demoPrinciples>div:first-child h2,.demoEditorialPreview>header h2,.demoFaq h2,.demoCta h2,.demoDetailStory h2{margin:14px 0 0;font-size:clamp(2.35rem,4.3vw,5.2rem);line-height:.96}
.demoStory>div:last-child{align-self:end}
.demoStory>div:last-child p{font-size:clamp(1rem,1.25vw,1.24rem);line-height:1.7;color:var(--demo-muted)}
.demoFeatureSection{padding-block:clamp(82px,10vw,150px);background:var(--demo-dark);color:var(--demo-dark-text)}
.demoFeatureSection>header,.demoEditorialPreview>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin-bottom:48px}
.demoFeatureSection>header .demoEyebrow,.demoFeatureSection>header h2,.demoFeatureSection>header a{grid-column:1}
.demoFeatureSection>header a{grid-column:2;grid-row:1/4;align-self:end;color:#fff;text-underline-offset:5px}
.demoItemGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.demoItemGrid article{display:flex;flex-direction:column;min-width:0;min-height:410px;padding:clamp(24px,3vw,42px);color:var(--demo-ink);background:var(--demo-surface);border-radius:var(--demo-radius);transition:transform .3s ease,box-shadow .3s ease}
.demoItemGrid article:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.16)}
.demoItemGrid small{font-size:.58rem;font-weight:850;letter-spacing:.12em;color:var(--demo-accent)}
.demoItemGrid h3{margin:36px 0 16px;font-size:clamp(1.8rem,2.8vw,3.2rem);line-height:.95}
.demoItemGrid p{margin:0;color:var(--demo-muted);line-height:1.65}
.demoItemGrid ul{display:grid;gap:8px;margin:28px 0;padding:0;list-style:none}
.demoItemGrid li{padding-top:8px;border-top:1px solid var(--demo-line);font-size:.7rem;font-weight:750}
.demoItemGrid a{margin-top:auto;font-size:.72rem;font-weight:850;text-underline-offset:5px}
.demoPrinciples{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,100px);padding-block:clamp(90px,11vw,170px)}
.demoPrinciples>div:first-child{align-self:start;position:sticky;top:120px}
.demoPrinciples>div:first-child p:last-child{max-width:520px;color:var(--demo-muted);line-height:1.7}
.demoPrinciples>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.demoPrinciples article{min-height:260px;padding:clamp(22px,3vw,36px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoPrinciples article:nth-child(2),.demoPrinciples article:nth-child(3){color:var(--demo-dark-text);background:var(--demo-dark)}
.demoPrinciples article span{font-size:.62rem;font-weight:850;color:var(--demo-accent)}
.demoPrinciples article:nth-child(2) span,.demoPrinciples article:nth-child(3) span{color:var(--demo-accent-2)}
.demoPrinciples h3{margin:70px 0 14px;font-size:clamp(1.35rem,2vw,2.2rem);line-height:1}
.demoPrinciples article p{margin:0;color:var(--demo-muted);font-size:.8rem;line-height:1.6}
.demoPrinciples article:nth-child(2) p,.demoPrinciples article:nth-child(3) p{color:rgba(255,255,255,.68)}
.demoEditorialPreview{padding-block:clamp(80px,10vw,145px);background:var(--demo-surface-2)}
.demoEditorialPreview>header a{grid-column:2;grid-row:1/4;align-self:end;text-underline-offset:5px}
.demoEditorialPreview>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demoEditorialPreview article{min-width:0;padding:clamp(22px,3vw,36px);background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoEditorialPreview article small{font-size:.58rem;font-weight:850;color:var(--demo-accent)}
.demoEditorialPreview article h3{margin:30px 0 14px;font-size:clamp(1.45rem,2.3vw,2.45rem);line-height:1.05}
.demoEditorialPreview article h3 a{text-decoration:none}
.demoEditorialPreview article p{color:var(--demo-muted);line-height:1.65}
.demoFaq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,8vw,120px);padding-block:clamp(90px,11vw,165px)}
.demoFaq details{border-top:1px solid var(--demo-line)}
.demoFaq details:last-child{border-bottom:1px solid var(--demo-line)}
.demoFaq summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:800;cursor:pointer;list-style:none}
.demoFaq summary::after{content:"+";font-size:1.4rem;color:var(--demo-accent)}
.demoFaq details[open] summary::after{content:"−"}
.demoFaq details p{max-width:740px;margin:0;padding:0 0 28px;color:var(--demo-muted);line-height:1.7}
.demoCta{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-block:clamp(70px,9vw,130px);color:var(--demo-dark-text);background:var(--demo-dark);border-radius:var(--demo-radius)}
.demoCta p:not(.demoEyebrow){max-width:760px;color:rgba(255,255,255,.66);line-height:1.65}
.demoPageHero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(34px,6vw,100px);padding-block:clamp(72px,9vw,135px)}
.demoPageVisual{position:relative;min-width:0}
.demoPageVisual>span{position:absolute;right:18px;bottom:18px;padding:10px 14px;color:#fff;background:rgba(0,0,0,.7);border-radius:999px;font-size:.58rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.demoTool{padding-block:clamp(78px,9vw,135px)}
.demoTool>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.demoTool>header small,.demoEstimator>div:first-child small,.demoSuccess small{font-size:.6rem;font-weight:850;letter-spacing:.14em;color:var(--demo-accent)}
.demoTool>header h2,.demoEstimator>div:first-child h2,.demoSuccess h2{max-width:780px;margin:10px 0 0;font-size:clamp(2.15rem,4vw,4.7rem);line-height:.96}
.demoTool>header p{max-width:520px;color:var(--demo-muted)}
.demoFilters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.25fr) auto;gap:12px;margin-bottom:18px}
.demoFilters label,.demoArticleTool>label,.demoEstimatorControls label,.demoForm label{display:grid;gap:8px;font-size:.65rem;font-weight:800;letter-spacing:.04em}
.demoFilters input,.demoFilters select,.demoArticleTool input,.demoEstimatorControls select,.demoForm input,.demoForm select,.demoForm textarea{width:100%;min-height:48px;padding:11px 14px;color:var(--demo-ink);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:calc(var(--demo-radius) / 2)}
.demoFilters button,.demoEmpty button,.demoSuccess button,.demoForm>button{min-height:48px;padding:0 18px;border:0;border-radius:999px;color:var(--demo-accent-text);background:var(--demo-accent);font-weight:850;cursor:pointer}
.demoResultCount{margin:0 0 28px;color:var(--demo-muted);font-size:.7rem}
.demoCatalogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demoCatalogGrid>article{display:flex;flex-direction:column;min-width:0;min-height:370px;padding:clamp(22px,3vw,34px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoCatalogGrid small{font-size:.58rem;font-weight:850;color:var(--demo-accent);letter-spacing:.1em}
.demoCatalogGrid h3{margin:28px 0 14px;font-size:clamp(1.55rem,2.4vw,2.7rem);line-height:1}
.demoCatalogGrid h3 a{text-decoration:none}
.demoCatalogGrid p{color:var(--demo-muted);line-height:1.6}
.demoCatalogGrid ul{display:grid;gap:8px;margin:22px 0;padding:0;list-style:none}
.demoCatalogGrid li{padding-top:8px;border-top:1px solid var(--demo-line);font-size:.7rem}
.demoCardActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.demoCardActions a,.demoCardActions button{min-height:44px;display:grid;place-items:center;padding:0 14px;border:1px solid var(--demo-line);border-radius:999px;background:transparent;color:var(--demo-ink);font-size:.65rem;font-weight:850;cursor:pointer;text-decoration:none}
.demoCardActions button[aria-pressed="true"]{color:var(--demo-accent-text);background:var(--demo-accent);border-color:var(--demo-accent)}
.demoProductOptions{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;margin:0 0 18px}
.demoProductOptions label{display:grid;gap:6px;font-size:.6rem;font-weight:800}
.demoProductOptions select,.demoProductOptions input{width:100%;min-height:44px;padding:8px 10px;color:var(--demo-ink);background:var(--demo-bg);border:1px solid var(--demo-line);border-radius:calc(var(--demo-radius) / 2)}
.demoEmpty{grid-column:1/-1;display:grid;place-items:start;gap:10px;min-height:220px;padding:34px;background:var(--demo-surface);border:1px dashed var(--demo-line);border-radius:var(--demo-radius)}
.demoEmpty h3,.demoEmpty p{margin:0}
.demoArticleTool>label{max-width:680px;margin-bottom:18px}
.demoArticleGrid{display:grid;gap:12px}
.demoArticleGrid article{display:grid;grid-template-columns:180px minmax(0,.8fr) minmax(260px,1fr) auto;align-items:center;gap:28px;padding:26px;border-top:1px solid var(--demo-line)}
.demoArticleGrid article:last-child{border-bottom:1px solid var(--demo-line)}
.demoArticleGrid article small{font-size:.6rem;font-weight:850;color:var(--demo-accent)}
.demoArticleGrid h2{margin:0;font-size:clamp(1.5rem,2.3vw,2.5rem);line-height:1.04}
.demoArticleGrid h2 a{text-decoration:none}
.demoArticleGrid p{margin:0;color:var(--demo-muted);line-height:1.55}
.demoArticleGrid>article>a{font-size:.68rem;font-weight:850;white-space:nowrap}
.demoPricingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:clamp(78px,9vw,135px)}
.demoPricingGrid article{display:flex;flex-direction:column;min-height:360px;padding:clamp(24px,3vw,38px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoPricingGrid article:nth-child(2){color:var(--demo-dark-text);background:var(--demo-dark)}
.demoPricingGrid article span{font-size:.6rem;color:var(--demo-accent)}
.demoPricingGrid article:nth-child(2) span{color:var(--demo-accent-2)}
.demoPricingGrid h2{margin:44px 0 18px;font-size:clamp(1.8rem,3vw,3.4rem)}
.demoPricingGrid strong{font-size:1rem}
.demoPricingGrid p{color:var(--demo-muted);line-height:1.6}
.demoPricingGrid article:nth-child(2) p{color:rgba(255,255,255,.66)}
.demoPricingGrid a{margin-top:auto;font-size:.7rem;font-weight:850;text-underline-offset:5px}
.demoEstimator{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,100px);background:var(--demo-surface-2);border-radius:var(--demo-radius)}
.demoEstimator>div:first-child p{max-width:500px;color:var(--demo-muted);line-height:1.65}
.demoEstimatorControls{display:grid;gap:22px}
.demoEstimatorControls input[type="range"]{width:100%;accent-color:var(--demo-accent)}
.demoEstimatorControls output{justify-self:end}
.demoEstimatorResult{grid-column:2;padding:28px;background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoEstimatorResult small{font-size:.58rem;color:var(--demo-accent);font-weight:850}
.demoEstimatorResult h3{margin:12px 0 4px;font-size:2rem}
.demoEstimatorResult p{color:var(--demo-muted)}
.demoCompare{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,1fr);gap:clamp(30px,5vw,70px)}
.demoCompare fieldset{display:grid;align-content:start;gap:10px;margin:0;padding:24px;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoCompare legend{padding:0 8px;font-weight:850}
.demoCompare fieldset label{display:flex;align-items:center;gap:10px;min-height:44px}
.demoCompareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.demoCompareGrid article{padding:24px;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoCompareGrid small{font-size:.58rem;color:var(--demo-accent);font-weight:850}
.demoCompareGrid h3{font-size:1.6rem}
.demoCompareGrid p{color:var(--demo-muted);line-height:1.55}
.demoCompareGrid article>span{display:block;padding:8px 0;border-top:1px solid var(--demo-line);font-size:.67rem}
.demoContactLayout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,100px);padding-block:clamp(78px,9vw,135px)}
.demoContactLayout>div h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:.96}
.demoContactLayout>div p,.demoContactLayout>div li{color:var(--demo-muted);line-height:1.65}
.demoForm{padding:clamp(24px,4vw,46px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoForm>header{display:block;margin-bottom:26px}
.demoForm>header h2{font-size:clamp(1.8rem,3vw,3.2rem)}
.demoFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.demoForm>label{margin-top:14px}
.demoForm textarea{resize:vertical;min-height:140px}
.demoForm label>span{color:#9d2025;font-size:.64rem;letter-spacing:0}
.demoConsent{display:grid!important;grid-template-columns:22px minmax(0,1fr);align-items:start}
.demoConsent input{width:20px!important;min-height:20px!important;margin:1px 0 0}
.demoConsent span{color:var(--demo-muted)!important;line-height:1.5}
.demoSafetyText{padding:14px;color:var(--demo-muted);background:var(--demo-surface-2);border-radius:calc(var(--demo-radius) / 2);font-size:.66rem;line-height:1.55}
.demoForm>button{margin-top:14px}
.demoForm>button:disabled{opacity:.6;cursor:wait}
.demoSuccess{display:grid;align-content:center;min-height:420px;background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoSuccess p{max-width:720px;color:var(--demo-muted);line-height:1.65}
.demoSuccess button{width:max-content}
.demoApplication{padding-block:clamp(78px,9vw,135px)}
.demoApplication>header{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:end;margin-bottom:34px}
.demoApplication>header span{grid-column:1/-1;width:max-content;padding:8px 10px;border-radius:999px;color:var(--demo-accent-text);background:var(--demo-accent);font-size:.58rem;font-weight:850;letter-spacing:.11em}
.demoApplication>header h2{margin:0;font-size:clamp(2.3rem,4.5vw,5.4rem)}
.demoApplication>header p{margin:0;color:var(--demo-muted);line-height:1.65}
.demoApplication .dx-shell{box-shadow:0 30px 70px rgba(0,0,0,.15)}
.demoPreviewAction{width:min(100%,1600px);margin:0 auto clamp(78px,9vw,135px);padding:clamp(24px,4vw,48px) clamp(18px,5vw,82px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;color:var(--demo-dark-text);background:var(--demo-dark);border-radius:var(--demo-radius)}
.demoPreviewAction small{font-size:.58rem;font-weight:850;letter-spacing:.12em;color:var(--demo-accent-2)}
.demoPreviewAction h2{margin:10px 0;font-size:clamp(1.8rem,3.4vw,3.8rem)}
.demoPreviewAction p{max-width:780px;margin:0;color:rgba(255,255,255,.66);line-height:1.6}
.demoPreviewAction>button,.demoPreviewAction>div:last-child button{min-height:48px;padding:0 18px;color:var(--demo-accent-text);background:var(--demo-accent);border:0;border-radius:999px;font-weight:850;cursor:pointer}
.demoPreviewAction>div:last-child{display:grid;gap:8px;min-width:260px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:calc(var(--demo-radius) / 2)}
.demoAppLoading{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:22px;min-height:260px;padding:34px;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoAppLoading>span{width:48px;height:48px;border:4px solid var(--demo-line);border-top-color:var(--demo-accent);border-radius:50%;animation:demoSpin .8s linear infinite}
.demoAppLoading small{font-size:.58rem;font-weight:850;color:var(--demo-accent);letter-spacing:.12em}
.demoAppLoading h2{margin:8px 0;font-size:clamp(1.6rem,3vw,2.7rem)}
.demoAppLoading p{margin:0;color:var(--demo-muted)}
@keyframes demoSpin{to{transform:rotate(360deg)}}
.demoEditorialBody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:clamp(78px,9vw,135px)}
.demoEditorialBody article{min-height:400px;padding:clamp(24px,3vw,38px);background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoEditorialBody article:nth-child(2){color:var(--demo-dark-text);background:var(--demo-dark)}
.demoEditorialBody span{font-size:.6rem;font-weight:850;color:var(--demo-accent)}
.demoEditorialBody article:nth-child(2) span{color:var(--demo-accent-2)}
.demoEditorialBody h2{margin:80px 0 20px;font-size:clamp(1.7rem,2.6vw,3rem);line-height:1}
.demoEditorialBody p{color:var(--demo-muted);line-height:1.65}
.demoEditorialBody article:nth-child(2) p{color:rgba(255,255,255,.67)}
.demoDetailFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:clamp(65px,8vw,110px)}
.demoDetailFacts article{padding:30px;background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoDetailFacts span{font-size:.58rem;color:var(--demo-accent);font-weight:850}
.demoDetailFacts strong{display:block;margin:36px 0 12px;font-family:var(--demo-font-head);font-size:clamp(1.5rem,2.5vw,2.7rem)}
.demoDetailFacts p{color:var(--demo-muted);line-height:1.55}
.demoDetailStory{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,8vw,120px);padding-block:clamp(80px,10vw,150px)}
.demoDetailStory>div:last-child p,.demoDetailStory li{color:var(--demo-muted);line-height:1.7}
.demoDetailStory ol{display:grid;gap:8px;padding-left:20px}
.demoArticleBody{display:grid;grid-template-columns:minmax(200px,.28fr) minmax(0,1fr);gap:clamp(40px,8vw,120px);padding-block:clamp(80px,10vw,150px)}
.demoArticleBody>aside{position:sticky;top:115px;align-self:start;display:grid;gap:12px;padding:22px;background:var(--demo-surface);border-radius:var(--demo-radius)}
.demoArticleBody>aside small{font-size:.58rem;color:var(--demo-accent);font-weight:850}
.demoArticleBody>aside a{font-size:.72rem;text-underline-offset:4px}
.demoArticleBody>aside p,.demoArticleBody>aside strong{font-size:.65rem;color:var(--demo-muted)}
.demoArticleBody>div{max-width:820px}
.demoArticleBody section{padding:0 0 70px;scroll-margin-top:110px}
.demoArticleBody section span{font-size:.6rem;font-weight:850;color:var(--demo-accent)}
.demoArticleBody section h2{margin:16px 0 24px;font-size:clamp(2rem,3.8vw,4rem);line-height:1}
.demoArticleBody section p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.8;color:var(--demo-muted)}
.demoFooter{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(180px,.5fr));gap:clamp(28px,5vw,76px);padding:clamp(62px,8vw,115px) clamp(18px,5vw,82px) 28px;color:var(--demo-dark-text);background:var(--demo-dark)}
.demoFooterLead h2{max-width:720px;margin:40px 0 20px;font-size:clamp(2.1rem,4.5vw,5rem);line-height:.95}
.demoFooterLead p{max-width:650px;color:rgba(255,255,255,.62);line-height:1.65}
.demoFooterLead .demoPrimary{margin-top:18px}
.demoFooter nav{display:flex;flex-direction:column}
.demoFooter nav small{padding-bottom:15px;font-size:.58rem;font-weight:850;letter-spacing:.14em;color:var(--demo-accent-2)}
.demoFooter nav a{padding:14px 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);font-size:.72rem;text-decoration:none}
.demoFooter nav a:hover{padding-left:6px;color:var(--demo-accent-2)}
.demoFooterBottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);font-size:.64rem;color:rgba(255,255,255,.6)}
.demoFooterBottom a{color:#fff}
.demoSite [data-demo-reveal]{opacity:1;transform:none}
body.ready .demoSite [data-demo-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease var(--demo-delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--demo-delay,0ms)}
body.ready .demoSite [data-demo-reveal].demoShown{opacity:1;transform:none}
body.ready .demoSite:not(.demoMotionReady) [data-demo-reveal],
body.ready .demoSite:not(.demoMotionReady) [data-demo-stage]{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}

@media(max-width:1180px){
  .demoHeader{grid-template-columns:1fr auto}
  .demoDesktopNav{display:none}
  .demoHomeHero,.demoPageHero{grid-template-columns:minmax(0,1fr);min-height:0}
  .demoHomeCopy h1,.demoPageHero h1{max-width:14ch;font-size:clamp(3rem,8vw,6.2rem)}
  .demoHomeMedia img,.demoPageVisual img{aspect-ratio:4/3}
  .demoPrinciples{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
  .demoItemGrid,.demoCatalogGrid,.demoPricingGrid,.demoEditorialBody,.demoDetailFacts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demoItemGrid article:last-child,.demoPricingGrid article:last-child,.demoEditorialBody article:last-child,.demoDetailFacts article:last-child{grid-column:1/-1}
  .demoArticleGrid article{grid-template-columns:130px minmax(0,1fr) auto}
  .demoArticleGrid article p{grid-column:2}
}

@media(max-width:820px){
  .demoMenu nav{grid-template-columns:1fr}
  .demoStory,.demoPrinciples,.demoFaq,.demoEstimator,.demoCompare,.demoContactLayout,.demoDetailStory,.demoArticleBody{grid-template-columns:1fr}
  .demoPrinciples>div:first-child,.demoArticleBody>aside{position:relative;top:auto}
  .demoPrinciples>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demoEditorialPreview>div{grid-template-columns:1fr}
  .demoEstimatorResult{grid-column:1}
  .demoCompareGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demoArticleBody>aside{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
  .demoArticleBody>aside small,.demoArticleBody>aside p,.demoArticleBody>aside strong{grid-column:1/-1}
  .demoFooter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demoFooterLead{grid-column:1/-1}
}

@media(max-width:620px){
  .demoHeader{min-height:68px;padding-inline:16px}
  .demoHeaderActions a{display:none}
  .demoHeaderActions button{min-width:72px}
  .demoHomeHero,.demoPageHero{padding-block:58px}
  .demoHomeCopy h1,.demoPageHero h1{font-size:clamp(2.65rem,13vw,4.6rem)}
  .demoLibraryLink{margin-bottom:22px}
  .demoHomeMedia img,.demoPageVisual img{aspect-ratio:4/5}
  .demoDisclosure{grid-template-columns:1fr;margin-inline:12px;padding:20px}
  .demoStory,.demoFeatureSection,.demoPrinciples,.demoEditorialPreview,.demoFaq,.demoCta,.demoTool,.demoPricingGrid,.demoContactLayout,.demoApplication,.demoEditorialBody,.demoDetailFacts,.demoDetailStory,.demoArticleBody{padding-inline:18px}
  .demoStory{gap:24px;padding-block:75px}
  .demoFeatureSection>header,.demoEditorialPreview>header{display:block}
  .demoFeatureSection>header a,.demoEditorialPreview>header a{display:inline-block;margin-top:18px}
  .demoItemGrid,.demoCatalogGrid,.demoPricingGrid,.demoEditorialBody,.demoDetailFacts,.demoPrinciples>div:last-child,.demoCompareGrid{grid-template-columns:1fr}
  .demoItemGrid article:last-child,.demoPricingGrid article:last-child,.demoEditorialBody article:last-child,.demoDetailFacts article:last-child{grid-column:auto}
  .demoItemGrid article,.demoCatalogGrid>article,.demoEditorialBody article{min-height:0}
  .demoPrinciples article{min-height:220px}
  .demoFilters{grid-template-columns:1fr}
  .demoArticleGrid article{grid-template-columns:1fr;gap:14px;padding-inline:0}
  .demoArticleGrid article p{grid-column:1}
  .demoTool>header{display:block}
  .demoFormGrid{grid-template-columns:1fr}
  .demoApplication>header{grid-template-columns:1fr}
  .demoApplication>header span{grid-column:1}
  .demoPreviewAction{grid-template-columns:1fr;margin-inline:12px;width:calc(100% - 24px)}
  .demoArticleBody>aside{grid-template-columns:1fr}
  .demoCta{display:grid;align-items:start}
  .demoFooter{grid-template-columns:1fr;padding-inline:20px}
  .demoFooterLead{grid-column:auto}
  .demoFooterBottom{display:grid}
  .demoMenu{padding:20px}
  .demoMenu footer{display:grid;align-items:start}
  .demoMenu nav a{grid-template-columns:38px minmax(0,1fr);min-height:58px;padding-inline:8px}
}

@media(max-width:360px){
  .demoHomeCopy h1,.demoPageHero h1{font-size:2.55rem}
  .demoHeroActions{display:grid}
  .demoHeroActions a{width:100%}
  .demoHeroBadges span{width:100%;text-align:left}
  .demoItemGrid h3,.demoCatalogGrid h3{font-size:1.65rem}
}

@media(pointer:fine){
  .demoCardActions a:hover,.demoCardActions button:hover,.demoHeaderActions button:hover{color:var(--demo-accent-text);background:var(--demo-accent);border-color:var(--demo-accent)}
}

@media(prefers-reduced-motion:reduce){
  .demoSite *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  body.ready .demoSite [data-demo-reveal]{opacity:1;transform:none}
  .demoHomeMedia:hover img,.demoPageVisual:hover img,.demoHeroActions a:hover,.demoPrimary:hover,.demoItemGrid article:hover{transform:none}
}

/* V2 category-specific brand systems. The demos share accessibility and data
   behavior, while their navigation, menu, hero rhythm, and footer follow the
   conventions of their own industry instead of a single reskinned template. */
.demoHeader{grid-template-columns:minmax(165px,.8fr) auto minmax(0,1.2fr) auto}
.demoHeaderSignal{display:flex;align-items:center;gap:9px;min-width:max-content;color:var(--demo-muted);font-size:.58rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.demoHeaderSignal i{width:7px;height:7px;background:var(--demo-accent);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--demo-accent) 14%,transparent)}
.demoMenuBody{display:grid;grid-template-columns:minmax(210px,.34fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);min-height:0;padding:clamp(26px,5vw,64px) 0}
.demoMenuIntro{align-self:start;display:grid;gap:16px;max-width:430px;padding-top:14px}
.demoMenuIntro small{color:var(--demo-accent-2);font-size:.6rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.demoMenuIntro strong{font-family:var(--demo-font-head);font-size:clamp(1.8rem,3.5vw,4.5rem);line-height:.95;letter-spacing:-.045em}
.demoMenuIntro span{max-width:300px;color:rgba(255,255,255,.58);font-size:.7rem;line-height:1.55}
.demoMenuBody>nav{padding:0}
.demoFooterSignal{grid-column:1/-1;display:flex;justify-content:space-between;gap:18px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.65);font-size:.56rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.demoFooter nav a,.demoDesktopNav a,.demoHeaderActions a,.demoHeaderActions button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease,padding .25s ease}

/* Bridal boutique: editorial restraint, champagne details, and a private-studio close. */
.demoHeader-field{min-height:86px;background:#fbf6ef;border-block:1px solid #4a111d;box-shadow:inset 0 5px 0 var(--demo-accent-2)}
.demoHeader-field .demoDesktopNav{padding:0;background:transparent;border:0;border-radius:0}
.demoHeader-field .demoDesktopNav a{border-bottom:2px solid transparent;border-radius:0}
.demoHeader-field .demoDesktopNav a:hover,.demoHeader-field .demoDesktopNav a.isCurrent{color:var(--demo-ink);background:transparent;border-color:var(--demo-accent)}
.demoChrome-field .demoHomeHero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.demoChrome-field .demoHomeMedia .responsive-picture{border-radius:50% 50% 8px 8px}
.demoChrome-field .demoFeatureSection{background:linear-gradient(145deg,#2a161c,#170d10)}
.demoChrome-field .demoItemGrid article{border-top:7px solid var(--demo-accent-2)}
.demoMenu-field{background:linear-gradient(120deg,rgba(50,10,21,.96),rgba(22,7,12,.96)),var(--demo-cover) center/cover}
.demoMenu-field nav a{border-left:3px solid transparent}
.demoMenu-field nav a:hover,.demoMenu-field nav a.isCurrent{color:#2a0c14;background:#d8b77a;border-left-color:#fff3dc}
.demoFooter-field{background:linear-gradient(120deg,#35101a,#16070c);box-shadow:inset 0 8px 0 #d8b77a}
.demoFooter-field nav{padding:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12)}

/* Project-management SaaS: compact command bar, live state, and operations grid. */
.demoHeader-command{min-height:68px;color:#fff;background:#071a2c;border:0;box-shadow:inset 0 -2px 0 #c4ed4f}
.demoHeader-command .demoBrand small,.demoHeader-command .demoHeaderSignal{color:#a8bac7}
.demoHeader-command .demoHeaderSignal i{background:#c4ed4f;box-shadow:0 0 0 5px rgba(196,237,79,.16)}
.demoHeader-command .demoDesktopNav{background:#0d2942;border-color:rgba(255,255,255,.13);border-radius:9px}
.demoHeader-command .demoDesktopNav a{color:#dfe9f1;border-radius:6px}
.demoHeader-command .demoHeaderActions button{color:#fff;background:#0d2942;border-color:rgba(255,255,255,.18)}
.demoChrome-command .demoHomeHero{position:relative;padding-inline:clamp(18px,5vw,82px);background-image:linear-gradient(rgba(25,79,240,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(25,79,240,.06) 1px,transparent 1px);background-size:34px 34px}
.demoChrome-command .demoHomeMedia .responsive-picture{border:8px solid #071a2c;border-radius:18px;box-shadow:14px 14px 0 #c4ed4f}
.demoChrome-command .demoFeatureSection{background:#071a2c;background-image:radial-gradient(circle at 2px 2px,rgba(196,237,79,.14) 1px,transparent 0);background-size:22px 22px}
.demoMenu-command{background:#071a2c;background-image:linear-gradient(rgba(196,237,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(196,237,79,.08) 1px,transparent 1px);background-size:34px 34px}
.demoMenu-command nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.demoMenu-command nav a{min-height:96px;background:#0d2942;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.demoMenu-command nav a:hover,.demoMenu-command nav a.isCurrent{color:#071a2c;background:#c4ed4f}
.demoFooter-command{background:#071a2c;background-image:linear-gradient(90deg,transparent 49.8%,rgba(196,237,79,.09) 50%,transparent 50.2%)}
.demoFooter-command .demoFooterLead h2{font-family:var(--demo-font-body);font-weight:650}
.demoFooter-command nav a::before{content:"↳";margin-right:8px;color:#c4ed4f}

/* Home services: calm rounded wayfinding with warm, practical hierarchy. */
.demoHeader-care{margin:10px clamp(10px,2vw,28px) 0;min-height:72px;background:rgba(255,255,255,.92);border:1px solid var(--demo-line);border-radius:999px;box-shadow:0 14px 36px rgba(23,58,55,.08)}
.demoHeader-care .demoDesktopNav{background:transparent;border:0}
.demoHeader-care .demoDesktopNav a:hover,.demoHeader-care .demoDesktopNav a.isCurrent{background:#173a37}
.demoChrome-care .demoHomeHero{min-height:calc(100svh - 92px)}
.demoChrome-care .demoHomeCopy h1{letter-spacing:-.06em}
.demoChrome-care .demoHomeMedia .responsive-picture{border-radius:44% 44% 32px 32px}
.demoChrome-care .demoItemGrid article,.demoChrome-care .demoEditorialPreview article{box-shadow:0 18px 40px rgba(23,58,55,.08)}
.demoMenu-care{color:#173a37;background:#e8f4ef}
.demoMenu-care .demoMenuTop{border-color:rgba(23,58,55,.2)}
.demoMenu-care .demoBrand small,.demoMenu-care .demoMenuIntro span,.demoMenu-care footer p{color:#56706d}
.demoMenu-care .demoMenuTop button,.demoMenu-care footer a,.demoMenu-care nav a{color:#173a37;border-color:rgba(23,58,55,.2)}
.demoMenu-care nav{gap:8px}
.demoMenu-care nav a{background:#fff;border:0;border-radius:999px}
.demoMenu-care nav a:hover,.demoMenu-care nav a.isCurrent{color:#fff;background:#d75e67}
.demoFooter-care{color:#173a37;background:#dceee7;border-radius:38px 38px 0 0}
.demoFooter-care .demoFooterSignal,.demoFooter-care .demoFooterBottom{color:#56706d;border-color:rgba(23,58,55,.2)}
.demoFooter-care .demoFooterLead p{color:#56706d}
.demoFooter-care nav small{color:#a83c46}
.demoFooter-care nav a,.demoFooter-care .demoFooterBottom a{color:#173a37;border-color:rgba(23,58,55,.2)}

/* Financial planning: disciplined ledger lines and dense executive controls. */
.demoHeader-ledger{min-height:64px;color:#fff;background:#0d0d0e;border-block:1px solid #fff;text-transform:uppercase}
.demoHeader-ledger .demoBrand small,.demoHeader-ledger .demoHeaderSignal{color:#aaa}
.demoHeader-ledger .demoDesktopNav{padding:0;background:transparent;border:0;border-radius:0}
.demoHeader-ledger .demoDesktopNav a{color:#fff;border-left:1px solid #555;border-radius:0}
.demoHeader-ledger .demoDesktopNav a:last-child{border-right:1px solid #555}
.demoHeader-ledger .demoDesktopNav a:hover,.demoHeader-ledger .demoDesktopNav a.isCurrent{color:#111;background:#e5a82e}
.demoHeader-ledger .demoHeaderActions button{color:#fff;background:#111;border-color:#777;border-radius:0}
.demoChrome-ledger .demoHomeHero{border-bottom:2px solid #111}
.demoChrome-ledger .demoHomeMedia .responsive-picture{border:2px solid #111;box-shadow:12px 12px 0 #e5a82e}
.demoChrome-ledger .demoItemGrid{gap:2px}
.demoChrome-ledger .demoItemGrid article{border:1px solid #111}
.demoMenu-ledger{background:#0d0d0e}
.demoMenu-ledger .demoMenuBody{grid-template-columns:minmax(250px,.45fr) minmax(0,1fr);border-left:1px solid #555}
.demoMenu-ledger .demoMenuIntro{padding-left:24px}
.demoMenu-ledger nav a{border:1px solid #555;border-top:0}
.demoMenu-ledger nav a:first-child{border-top:1px solid #555}
.demoMenu-ledger nav a:hover,.demoMenu-ledger nav a.isCurrent{color:#111;background:#e5a82e}
.demoFooter-ledger{background:#0d0d0e;box-shadow:inset 0 8px 0 #e5a82e}
.demoFooter-ledger nav a{font-family:"Courier New",monospace}

/* Restaurant hospitality: warm wayfinding, ember accents, and an evening close. */
.demoHeader-clinical{min-height:92px;background:#f7f0e6;border-bottom:5px solid #a63a25;box-shadow:none}
.demoHeader-clinical .demoBrand>span{font-size:1.22rem}
.demoHeader-clinical .demoDesktopNav{background:transparent;border:0}
.demoHeader-clinical .demoDesktopNav a{border-radius:4px}
.demoHeader-clinical .demoDesktopNav a:hover,.demoHeader-clinical .demoDesktopNav a.isCurrent{color:#fff;background:#2a211b}
.demoChrome-clinical .demoHomeHero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.demoChrome-clinical .demoHomeCopy{padding-left:clamp(0px,3vw,44px);border-left:6px solid var(--demo-accent)}
.demoChrome-clinical .demoFeatureSection{background:var(--demo-dark)}
.demoMenu-clinical{background:linear-gradient(90deg,#17120f 0 34%,#2b1b16 34%)}
.demoMenu-clinical .demoMenuBody{grid-template-columns:minmax(260px,.48fr) minmax(0,1fr)}
.demoMenu-clinical nav a{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}
.demoMenu-clinical nav a:hover,.demoMenu-clinical nav a.isCurrent{background:#a63a25}
.demoFooter-clinical{background:#17120f;box-shadow:inset 0 8px 0 #c8954a}
.demoFooter-clinical .demoFooterLead h2{font-weight:500}

/* Research technology: notebook navigation, citation rails, and inspectable layers. */
.demoHeader-research{min-height:66px;background:#fbfaff;border-bottom:1px solid #6c42d8;box-shadow:0 8px 0 rgba(108,66,216,.08)}
.demoHeader-research .demoDesktopNav{background:#f0eff7;border-radius:9px}
.demoHeader-research .demoDesktopNav a{border-radius:6px}
.demoHeader-research .demoHeaderActions a,.demoHeader-research .demoHeaderActions button{border-radius:6px}
.demoChrome-research .demoHomeHero{background-image:linear-gradient(90deg,transparent 49px,rgba(108,66,216,.16) 50px,transparent 51px),repeating-linear-gradient(#f0eff7 0 31px,rgba(108,66,216,.1) 32px)}
.demoChrome-research .demoHomeCopy{padding:clamp(22px,3vw,46px);background:rgba(251,250,255,.9);border:1px solid var(--demo-line);border-radius:12px}
.demoChrome-research .demoFeatureSection{background:#171526}
.demoMenu-research{background:#171526;background-image:linear-gradient(rgba(185,242,106,.08) 1px,transparent 1px);background-size:100% 34px}
.demoMenu-research nav a{font-family:"Courier New",monospace;border-left:1px solid rgba(185,242,106,.3)}
.demoMenu-research nav a:hover,.demoMenu-research nav a.isCurrent{color:#171526;background:#b9f26a}
.demoFooter-research{background:#171526}
.demoFooter-research nav a{font-family:"Courier New",monospace}
.demoFooter-research .demoFooterSignal{color:#b9f26a}

/* Luxury residence: image-led restraint, centered identity, private-service footer. */
.demoHeader-residence{min-height:88px;background:rgba(244,239,233,.84);border-bottom:1px solid #c4995d}
.demoHeader-residence .demoBrand{text-align:left}
.demoHeader-residence .demoDesktopNav{background:transparent;border:0;border-radius:0}
.demoHeader-residence .demoDesktopNav a{border-radius:0;border-bottom:1px solid transparent;font-family:Georgia,serif;font-weight:500}
.demoHeader-residence .demoDesktopNav a:hover,.demoHeader-residence .demoDesktopNav a.isCurrent{color:#5f243c;background:transparent;border-color:#5f243c}
.demoChrome-residence .demoHomeHero{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);min-height:calc(100svh - 88px)}
.demoChrome-residence .demoHomeCopy h1{font-weight:400;line-height:.98}
.demoChrome-residence .demoHomeMedia .responsive-picture{box-shadow:none}
.demoChrome-residence .demoHomeMedia img{aspect-ratio:4/5}
.demoChrome-residence .demoFeatureSection{background:#2c1c24}
.demoMenu-residence{background:linear-gradient(90deg,rgba(44,28,36,.94),rgba(44,28,36,.72)),var(--demo-cover) center/cover}
.demoMenu-residence .demoMenuIntro strong{font-weight:400}
.demoMenu-residence nav a{border-color:rgba(196,153,93,.35)}
.demoMenu-residence nav a:hover,.demoMenu-residence nav a.isCurrent{background:rgba(196,153,93,.2)}
.demoFooter-residence{position:relative;background:linear-gradient(90deg,rgba(44,28,36,.97),rgba(44,28,36,.82)),var(--demo-cover) center/cover}
.demoFooter-residence .demoFooterLead h2{font-weight:400}
.demoFooter-residence nav a{font-family:Georgia,serif;font-size:.78rem}

/* Brand studio: typographic provocation, asymmetric menu, project-index footer. */
.demoHeader-studio{min-height:78px;background:#faf7f2;border-bottom:7px solid #e34e36}
.demoHeader-studio .demoBrand>span{font-size:1.5rem}
.demoHeader-studio .demoDesktopNav{padding:0;background:transparent;border:0;border-radius:0}
.demoHeader-studio .demoDesktopNav a{border-radius:0;text-transform:uppercase}
.demoHeader-studio .demoDesktopNav a:hover,.demoHeader-studio .demoDesktopNav a.isCurrent{color:#1c1b1a;background:#f1c84b}
.demoChrome-studio .demoHomeHero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.demoChrome-studio .demoHomeCopy h1{font-size:clamp(3.3rem,7vw,8.3rem);line-height:.82;text-transform:uppercase}
.demoChrome-studio .demoHomeMedia{transform:rotate(1.5deg)}
.demoChrome-studio .demoFeatureSection{color:#1c1b1a;background:#f1c84b}
.demoChrome-studio .demoFeatureSection>header a{color:#1c1b1a}
.demoMenu-studio{color:#1c1b1a;background:#e34e36}
.demoMenu-studio .demoMenuTop,.demoMenu-studio footer{border-color:rgba(28,27,26,.32)}
.demoMenu-studio .demoBrand small,.demoMenu-studio .demoMenuIntro small,.demoMenu-studio .demoMenuIntro span,.demoMenu-studio footer p{color:#1c1b1a}
.demoMenu-studio .demoMenuTop button,.demoMenu-studio footer a,.demoMenu-studio nav a{color:#1c1b1a;border-color:rgba(28,27,26,.35)}
.demoMenu-studio nav{grid-template-columns:1fr;transform:rotate(-1deg)}
.demoMenu-studio nav a span{font-size:clamp(1.8rem,4vw,5rem);text-transform:uppercase}
.demoMenu-studio nav a:hover,.demoMenu-studio nav a.isCurrent{color:#1c1b1a;background:#f1c84b}
.demoFooter-studio{color:#1c1b1a;background:#e34e36;box-shadow:inset 0 9px 0 #f1c84b}
.demoFooter-studio .demoFooterSignal,.demoFooter-studio .demoFooterBottom,.demoFooter-studio .demoFooterLead p{color:#1c1b1a;border-color:rgba(28,27,26,.35)}
.demoFooter-studio nav small,.demoFooter-studio nav a,.demoFooter-studio .demoFooterBottom a{color:#1c1b1a;border-color:rgba(28,27,26,.35)}

/* Construction: grounded project navigation with blueprint-level clarity. */
.demoHeader-civic{min-height:82px;color:#fff;background:#242523;border-bottom:8px solid #c49a53}
.demoHeader-civic .demoBrand small,.demoHeader-civic .demoHeaderSignal{color:#ded9d0}
.demoHeader-civic .demoDesktopNav{background:transparent;border-color:rgba(255,255,255,.24);border-radius:4px}
.demoHeader-civic .demoDesktopNav a{color:#fff;border-radius:2px}
.demoHeader-civic .demoDesktopNav a:hover,.demoHeader-civic .demoDesktopNav a.isCurrent{color:#fff;background:#9d3f27}
.demoHeader-civic .demoHeaderActions button{color:#fff;background:#242523;border-color:#c49a53;border-radius:4px}
.demoChrome-civic .demoHomeHero{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
.demoChrome-civic .demoHomeCopy h1{border-left:8px solid var(--demo-accent);padding-left:clamp(18px,3vw,40px)}
.demoChrome-civic .demoItemGrid article{border-top:6px solid var(--demo-accent);border-radius:6px}
.demoMenu-civic{background-color:#242523;background-image:linear-gradient(rgba(196,154,83,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(196,154,83,.08) 1px,transparent 1px);background-size:42px 42px}
.demoMenu-civic nav{gap:10px}
.demoMenu-civic nav a{background:#f5f1e9;color:#242523;border:0;border-radius:4px}
.demoMenu-civic nav a:hover,.demoMenu-civic nav a.isCurrent{color:#fff;background:#9d3f27}
.demoFooter-civic{background:#242523;box-shadow:inset 0 10px 0 #c49a53}
.demoFooter-civic nav a{font-size:.82rem;text-decoration:underline;text-underline-offset:4px}

/* Growth advisory: executive editorial navigation and evidence-led close. */
.demoHeader-advisory{min-height:84px;color:#fff;background:#111d2b;border-bottom:3px solid #da4d2d}
.demoHeader-advisory .demoBrand small,.demoHeader-advisory .demoHeaderSignal{color:#b9c2ca}
.demoHeader-advisory .demoDesktopNav{padding:0;background:transparent;border:0;border-radius:0}
.demoHeader-advisory .demoDesktopNav a{color:#fff;border-radius:0;border-bottom:1px solid transparent}
.demoHeader-advisory .demoDesktopNav a:hover,.demoHeader-advisory .demoDesktopNav a.isCurrent{background:transparent;border-color:#e4ad36}
.demoHeader-advisory .demoHeaderActions button{color:#fff;background:transparent;border-color:rgba(255,255,255,.4)}
.demoChrome-advisory .demoHomeHero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.demoChrome-advisory .demoHomeCopy h1{max-width:11ch}
.demoChrome-advisory .demoHomeMedia .responsive-picture{border-radius:18px 18px 2px 18px;box-shadow:16px 16px 0 #e4ad36}
.demoChrome-advisory .demoFeatureSection{background:#111d2b}
.demoMenu-advisory{background:linear-gradient(115deg,#111d2b 0 62%,#172b42 62%)}
.demoMenu-advisory nav a{border-color:rgba(228,173,54,.28)}
.demoMenu-advisory nav a:hover,.demoMenu-advisory nav a.isCurrent{background:#da4d2d}
.demoFooter-advisory{background:#111d2b;box-shadow:inset 0 7px 0 #da4d2d}
.demoFooter-advisory .demoFooterLead h2{max-width:620px}

@media(max-width:1180px){
  .demoHeader{grid-template-columns:minmax(0,1fr) auto}
  .demoHeaderSignal{display:none}
  .demoChrome-residence .demoHomeHero,.demoChrome-studio .demoHomeHero,.demoChrome-clinical .demoHomeHero,.demoChrome-advisory .demoHomeHero,.demoChrome-command .demoHomeHero,.demoChrome-field .demoHomeHero,.demoChrome-civic .demoHomeHero{grid-template-columns:minmax(0,1fr)}
  .demoMenu-command nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:820px){
  .demoMenuBody{grid-template-columns:1fr;overflow:visible}
  .demoMenuIntro{max-width:700px;padding-top:0}
  .demoMenuIntro strong{font-size:clamp(1.7rem,7vw,3.2rem)}
  .demoMenu-clinical{background:#132a42}
  .demoFooterSignal{flex-wrap:wrap}
  .demoChrome-studio .demoHomeMedia{transform:none}
}

@media(max-width:620px){
  .demoHeader-care{margin:7px 8px 0}
  .demoHeader-field,.demoHeader-clinical,.demoHeader-residence,.demoHeader-civic,.demoHeader-advisory,.demoHeader-studio{min-height:70px}
  .demoMenu-command nav{grid-template-columns:1fr}
  .demoMenu-command nav a{min-height:66px}
  .demoMenu-studio nav{transform:none}
  .demoMenu-studio nav a span{font-size:1.6rem}
  .demoFooterSignal{display:grid}
  .demoChrome-command .demoHomeMedia .responsive-picture,.demoChrome-ledger .demoHomeMedia .responsive-picture,.demoChrome-advisory .demoHomeMedia .responsive-picture{box-shadow:7px 7px 0 var(--demo-accent-2)}
  .demoChrome-research .demoHomeHero{background-image:none}
  .demoChrome-research .demoHomeCopy{padding:0;background:transparent;border:0}
}

/* V35 — shared type rhythm for the complete demo collection. */
.demoSite{
  --demo-type-h1:clamp(2rem,3.1vw,3.25rem);
  --demo-type-h2:clamp(1.75rem,2.35vw,2.5rem);
  --demo-type-h3:clamp(1.38rem,1.65vw,1.875rem);
  --demo-type-h4:clamp(1.125rem,1.25vw,1.5rem);
  --demo-type-h5:clamp(1rem,1vw,1.25rem);
  --demo-type-h6:.875rem;
  --demo-type-body:clamp(.96rem,calc(.9rem + .25vw),1.06rem)
}

.demoSite :where(h1){
  font-size:var(--demo-type-h1)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

.demoSite :where(h2){
  font-size:var(--demo-type-h2)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

.demoSite :where(h3){
  font-size:var(--demo-type-h3)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance
}

.demoSite :where(h4){font-size:var(--demo-type-h4)!important;line-height:1.16!important;letter-spacing:-.025em!important}
.demoSite :where(h5){font-size:var(--demo-type-h5)!important;line-height:1.2!important;letter-spacing:-.015em!important}
.demoSite :where(h6){font-size:var(--demo-type-h6)!important;line-height:1.25!important;letter-spacing:.02em!important}
.demoSite p:not(.demoEyebrow):not(.dx-kicker):not(.demoResultCount):not(.demoSafetyText){font-size:var(--demo-type-body)!important;line-height:1.65!important}
.demoSite :where(.demoEyebrow,.dx-kicker){font-size:clamp(.72rem,calc(.69rem + .1vw),.8rem)!important;line-height:1.35!important}

@media(max-width:720px){
  .demoSite{
    --demo-type-h1:clamp(2rem,9vw,2.75rem);
    --demo-type-h2:clamp(1.75rem,7.4vw,2.25rem);
    --demo-type-h3:clamp(1.25rem,5.5vw,1.62rem);
    --demo-type-h4:clamp(1.12rem,4.6vw,1.35rem);
    --demo-type-h5:1rem;
    --demo-type-h6:.86rem;
    --demo-type-body:clamp(.95rem,4.15vw,1.02rem)
  }
}

/* V36 — contextual commerce, unique section media, and complete local journeys. */
.demoCartLink{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid currentColor;border-radius:999px;color:inherit;text-decoration:none;white-space:nowrap}
.demoCartLink b{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;color:var(--demo-accent-text);background:var(--demo-accent);font-size:.62rem}
.demoHeaderActions .demoCartLink{color:var(--demo-ink);background:transparent;border-color:var(--demo-line)}
.demoHeaderActions .demoCartLink:hover{color:var(--demo-accent-text);background:var(--demo-accent);border-color:var(--demo-accent)}
.demoMenuIntro .demoCartLink{justify-self:start;margin-top:8px;color:#fff;border-color:rgba(255,255,255,.38)}
.demoItemMedia,.demoCatalogMedia,.demoPrincipleMedia,.demoStoryVisual .responsive-picture,.demoEditorialMedia{display:block;overflow:hidden;border-radius:calc(var(--demo-radius) * .72);background:var(--demo-surface-2)}
.demoItemMedia,.demoCatalogMedia{margin-bottom:26px}
.demoItemMedia img,.demoCatalogMedia img,.demoPrincipleMedia img,.demoStoryVisual img,.demoEditorialMedia img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s ease}
.demoItemMedia img,.demoCatalogMedia img{aspect-ratio:16/10}
.demoPrincipleMedia img,.demoStoryVisual img,.demoEditorialMedia img{aspect-ratio:16/10}
.demoItemGrid article:hover .demoItemMedia img,.demoCatalogGrid>article:hover .demoCatalogMedia img,.demoPrincipleMedia:hover img,.demoStoryVisual:hover img,.demoEditorialMedia:hover img{transform:scale(1.035)}
.demoItemGrid article{min-height:0}
.demoItemGrid h3{margin-top:22px}
.demoCatalogGrid>article{min-height:0}
.demoCatalogGrid h3{margin-top:20px}
.demoCatalogPrice{display:block;margin-top:16px;color:var(--demo-ink);font-size:.84rem;line-height:1.35}
.demoItemActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:18px}
.demoItemActions a,.demoItemActions button,.demoAddCompact{min-height:44px;display:inline-grid;place-items:center;padding:0 14px;border:1px solid var(--demo-line);border-radius:999px;color:var(--demo-ink);background:transparent;font-size:.65rem;font-weight:850;text-decoration:none;cursor:pointer}
.demoAddCompact{color:var(--demo-accent-text)!important;background:var(--demo-accent)!important;border-color:var(--demo-accent)!important}
.demoStoryVisual{align-self:stretch;display:grid;align-content:start;gap:18px;min-width:0}
.demoStoryVisual p{margin:0}
.demoPrinciples>div:first-child{display:grid;gap:18px}
.demoPrincipleMedia{margin-bottom:10px}
.demoPrinciples>div:first-child h2,.demoPrinciples>div:first-child p{margin-block:0}
.demoEditorialPreview>header{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) auto;align-items:end}
.demoEditorialMedia{grid-column:1;grid-row:1/4;margin-right:12px}
.demoEditorialPreview>header>.demoEyebrow,.demoEditorialPreview>header>h2{grid-column:2}
.demoEditorialPreview>header>a{grid-column:3;grid-row:1/4}
.demoCatalogGrid .demoCardActions{gap:7px}
.demoCatalogGrid .demoCardActions>*{flex:1 1 auto}

.demoAddPanel{width:min(calc(100% - 36px),1460px);margin:clamp(26px,5vw,70px) auto;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1fr) auto;align-items:end;gap:clamp(20px,4vw,52px);color:var(--demo-dark-text);background:var(--demo-dark);border-radius:var(--demo-radius);box-shadow:0 28px 70px rgba(0,0,0,.12)}
.demoAddPanel>div:first-child{display:grid;gap:8px}
.demoAddPanel small{color:var(--demo-accent-2);font-size:.62rem;font-weight:850;letter-spacing:.13em}
.demoAddPanel strong{font-family:var(--demo-font-head);font-size:clamp(1.55rem,2.4vw,2.7rem);line-height:1}
.demoAddPanel p{margin:0;color:rgba(255,255,255,.7)}
.demoAddPanel>p{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.demoAddControls{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}
.demoAddControls label{display:grid;gap:7px;color:rgba(255,255,255,.78);font-size:.65rem;font-weight:800}
.demoAddControls select,.demoAddControls input{width:100%;min-height:48px;padding:10px 12px;color:var(--demo-ink);background:var(--demo-surface);border:1px solid rgba(255,255,255,.25);border-radius:calc(var(--demo-radius) / 2)}
.demoAddPanel>button{min-height:50px;padding:0 22px;border:0;border-radius:999px;color:var(--demo-accent-text);background:var(--demo-accent);font-weight:850;cursor:pointer}

.demoCommerceShell{width:min(100%,1600px);margin-inline:auto;padding:clamp(72px,9vw,130px) clamp(18px,5vw,82px);min-height:70svh}
.demoCommerceHeading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);align-items:end;gap:28px;margin-bottom:clamp(32px,5vw,62px)}
.demoCommerceHeading small{grid-column:1/-1;color:var(--demo-accent);font-size:.65rem;font-weight:850;letter-spacing:.15em}
.demoCommerceHeading h1{max-width:12ch;margin:0}
.demoCommerceHeading p{margin:0;color:var(--demo-muted)}
.demoCartLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.5fr);gap:clamp(22px,4vw,60px);align-items:start}
.demoCartLines{display:grid;gap:10px}
.demoCartLines article{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius)}
.demoCartLines .responsive-picture{display:block;overflow:hidden;border-radius:calc(var(--demo-radius) / 2)}
.demoCartLines img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.demoCartLines article>div:nth-child(2){min-width:0}
.demoCartLines small{color:var(--demo-accent);font-size:.58rem;font-weight:850;letter-spacing:.1em}
.demoCartLines h2{margin:7px 0}
.demoCartLines h2 a{text-decoration:none}
.demoCartLines p{margin:0;color:var(--demo-muted)}
.demoCartLines strong{display:block;margin-top:8px}
.demoCartLines article>div:last-child{display:grid;justify-items:end;gap:10px}
.demoCartLines label{display:grid;gap:6px;font-size:.62rem;font-weight:800}
.demoCartLines input{width:72px;min-height:42px;padding:8px;border:1px solid var(--demo-line);border-radius:10px;background:var(--demo-bg);color:var(--demo-ink)}
.demoCartLines button,.demoCartSummary button,.demoCheckout button{min-height:42px;padding:0 14px;border:1px solid var(--demo-line);border-radius:999px;color:var(--demo-ink);background:transparent;font-weight:800;cursor:pointer}
.demoCartSummary{position:sticky;top:100px;display:grid;gap:18px;padding:clamp(22px,3vw,36px);color:var(--demo-dark-text);background:var(--demo-dark);border-radius:var(--demo-radius)}
.demoCartSummary>small{color:var(--demo-accent-2);font-size:.6rem;font-weight:850;letter-spacing:.13em}
.demoCartSummary dl{display:grid;gap:12px;margin:0}
.demoCartSummary dl>div{display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}
.demoCartSummary dt,.demoCartSummary dd{margin:0;font-size:.72rem}
.demoCartSummary dd{text-align:left}
.demoCartSummary p{margin:0;color:rgba(255,255,255,.68)}
.demoCartSummary .demoPrimary{width:100%;text-align:left}
.demoCartSummary button{color:#fff;border-color:rgba(255,255,255,.35)}
.demoCartEmpty{display:grid;place-items:start;gap:14px;min-height:340px;padding:clamp(28px,5vw,64px);background:var(--demo-surface);border:1px dashed var(--demo-line);border-radius:var(--demo-radius)}
.demoCartEmpty>span{color:var(--demo-accent);font-size:clamp(3rem,7vw,7rem);font-family:var(--demo-font-head)}
.demoCartEmpty h2,.demoCartEmpty p{max-width:720px;margin:0}
.demoCommerceSafety{max-width:940px;margin:40px 0 0;padding:16px 18px;color:var(--demo-muted);background:var(--demo-surface-2);border-radius:calc(var(--demo-radius) / 2)}

.demoCheckout{max-width:1120px;margin-inline:auto;padding:clamp(22px,4vw,46px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius);box-shadow:0 24px 60px rgba(0,0,0,.08)}
.demoCheckoutSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 36px;padding:0;list-style:none;counter-reset:checkout}
.demoCheckoutSteps li{counter-increment:checkout;padding:12px 14px;color:var(--demo-muted);background:var(--demo-surface-2);border-radius:999px;font-size:.68rem;font-weight:850;text-align:left}
.demoCheckoutSteps li::before{content:counter(checkout,decimal-leading-zero) " · "}
.demoCheckoutSteps li.isActive{color:var(--demo-accent-text);background:var(--demo-accent)}
.demoCheckout fieldset{display:grid;gap:22px;min-width:0;margin:0;padding:0;border:0}
.demoCheckout legend{margin-bottom:24px;font-family:var(--demo-font-head);font-size:var(--demo-type-h3);font-weight:800}
.demoCheckout .demoFormGrid label{display:grid;gap:8px;font-size:.67rem;font-weight:800}
.demoCheckout input,.demoCheckout select{width:100%;min-height:50px;padding:11px 14px;color:var(--demo-ink);background:var(--demo-bg);border:1px solid var(--demo-line);border-radius:calc(var(--demo-radius) / 2)}
.demoCheckout label>span{color:#9d2025;font-size:.66rem}
.demoCheckoutReview{display:grid;gap:8px}
.demoCheckoutReview article{display:flex;justify-content:space-between;gap:24px;padding:16px;background:var(--demo-bg);border-radius:calc(var(--demo-radius) / 2)}
.demoCheckoutReview article>div{display:grid;gap:4px}
.demoCheckoutReview span{color:var(--demo-muted);font-size:.7rem}
.demoPaymentMethods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.demoPaymentMethods label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;min-height:120px;padding:18px;background:var(--demo-bg);border:1px solid var(--demo-line);border-radius:calc(var(--demo-radius) / 2);cursor:pointer}
.demoPaymentMethods label.isSelected{outline:2px solid var(--demo-accent);outline-offset:2px}
.demoPaymentMethods input{width:18px;min-height:18px;margin:2px 0 0;accent-color:var(--demo-accent)}
.demoPaymentMethods span{display:grid;gap:8px;color:var(--demo-ink)!important}
.demoPaymentMethods small{color:var(--demo-muted);font-size:.62rem}
.demoPaymentNotice{padding:18px;color:var(--demo-dark-text);background:var(--demo-dark);border-radius:calc(var(--demo-radius) / 2)}
.demoPaymentNotice p{margin:8px 0 0;color:rgba(255,255,255,.7)}
.demoCheckoutFooter{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:24px;border-top:1px solid var(--demo-line)}
.demoCheckoutFooter>div{display:flex;align-items:center;gap:12px}
.demoCheckoutFooter>div:first-child{display:grid;gap:4px}
.demoCheckoutFooter span{color:var(--demo-muted);font-size:.68rem}
.demoCheckoutFooter .demoPrimary{border-color:var(--demo-accent)}
.demoConfirmation{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);gap:clamp(28px,6vw,90px);align-content:center}
.demoConfirmation .demoCommerceHeading{display:block;margin:0}
.demoConfirmation .demoCommerceHeading small{display:block;margin-bottom:18px}
.demoConfirmation .demoCommerceHeading p{margin-top:24px}
.demoReceipt{padding:clamp(24px,4vw,42px);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:var(--demo-radius);box-shadow:0 24px 60px rgba(0,0,0,.08)}
.demoReceipt>span{font-family:var(--demo-font-head);font-size:clamp(1.8rem,3vw,3rem);color:var(--demo-accent)}
.demoReceipt dl{display:grid;gap:12px;margin:28px 0}
.demoReceipt dl>div{display:flex;justify-content:space-between;gap:20px;padding-top:12px;border-top:1px solid var(--demo-line)}
.demoReceipt dt,.demoReceipt dd{margin:0}
.demoReceipt p{color:var(--demo-muted)}
.demoCommerceActions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
.demoCommerceActions>a:not(.demoPrimary){min-height:50px;display:grid;place-items:center;padding:0 22px;border:1px solid var(--demo-line);border-radius:999px;text-decoration:none;font-weight:850}

@media(pointer:fine){
  .demoItemActions a:hover,.demoItemActions button:hover,.demoCartLines button:hover,.demoCartSummary button:hover,.demoCheckout button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
}

@media(max-width:1180px){
  .demoAddPanel{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}
  .demoAddPanel>button{grid-column:1/-1}
  .demoEditorialPreview>header{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .demoEditorialPreview>header>a{grid-column:2;grid-row:auto}
}

@media(max-width:820px){
  .demoPrinciples>div:first-child{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
  .demoPrincipleMedia{grid-row:1/5;margin:0}
  .demoEditorialPreview>header{grid-template-columns:1fr}
  .demoEditorialMedia,.demoEditorialPreview>header>.demoEyebrow,.demoEditorialPreview>header>h2,.demoEditorialPreview>header>a{grid-column:1;grid-row:auto}
  .demoCartLayout,.demoConfirmation{grid-template-columns:1fr}
  .demoCartSummary{position:relative;top:auto}
  .demoPaymentMethods{grid-template-columns:1fr}
}

@media(max-width:620px){
  .demoMenuIntro .demoCartLink{display:inline-flex!important}
  .demoStoryVisual .responsive-picture,.demoPrincipleMedia,.demoEditorialMedia{border-radius:18px}
  .demoPrinciples>div:first-child{grid-template-columns:1fr}
  .demoPrincipleMedia{grid-row:auto}
  .demoAddPanel{grid-template-columns:1fr;width:calc(100% - 24px);margin-inline:12px;padding:22px}
  .demoAddControls{grid-template-columns:1fr}
  .demoAddPanel>button{grid-column:auto;width:100%}
  .demoCommerceHeading{grid-template-columns:1fr}
  .demoCartLines article{grid-template-columns:92px minmax(0,1fr)}
  .demoCartLines article>div:last-child{grid-column:1/-1;grid-template-columns:1fr auto;justify-items:start;align-items:end;width:100%}
  .demoCartLines article>div:last-child button{justify-self:end}
  .demoCheckout{padding:20px}
  .demoCheckoutSteps li{padding-inline:6px;font-size:.6rem}
  .demoCheckoutReview article,.demoCheckoutFooter{align-items:flex-start;flex-direction:column}
  .demoCheckoutFooter>div:last-child{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .demoCheckoutFooter button{width:100%}
  .demoConfirmation{align-content:start}
  .demoCommerceActions{display:grid}
  .demoCommerceActions a{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .demoItemMedia img,.demoCatalogMedia img,.demoPrincipleMedia img,.demoStoryVisual img,.demoEditorialMedia img{transform:none!important}
}

/* V40 — complete industry systems with tighter rhythm and distinct chrome. */
.demoSite{
  --demo-section:clamp(52px,6vw,92px);
  --demo-section-tight:clamp(38px,4.5vw,68px);
  --demo-layout-gap:clamp(24px,4vw,58px)
}
.demoHomeHero,.demoPageHero{min-height:0;padding-block:var(--demo-section-tight)}
.demoStory,.demoFeatureSection,.demoPrinciples,.demoEditorialPreview,.demoFaq,.demoCta,.demoTool,.demoPricingGrid,.demoContactLayout,.demoApplication,.demoEditorialBody,.demoDetailFacts,.demoDetailStory,.demoArticleBody{padding-block:var(--demo-section)}
.demoStory,.demoPrinciples,.demoFaq,.demoContactLayout,.demoDetailStory,.demoArticleBody{gap:clamp(30px,5vw,76px)}
.demoFeatureSection>header,.demoEditorialPreview>header{margin-bottom:clamp(28px,4vw,44px)}
.demoDisclosure{margin-block:clamp(12px,2vw,24px);padding-block:18px}
.demoEditorialBody article{min-height:320px}
.demoEditorialBody h2{margin-top:clamp(38px,5vw,66px)}
.demoPrinciples article{min-height:220px}
.demoPrinciples h3{margin-top:clamp(42px,5vw,64px)}
.demoArticleBody section{padding-bottom:clamp(38px,5vw,64px)}
.demoPreviewAction{margin-bottom:var(--demo-section)}
.demoCommerceShell{padding-block:var(--demo-section);min-height:0}

.demoHomeHero{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--demo-layout-gap);align-items:center;isolation:isolate}
.demoHomeCopy{grid-column:1/7;min-width:0}
.demoHomeMedia{grid-column:7/13;min-width:0}
.demoHeroSignature{grid-column:1/13;display:grid;grid-template-columns:auto minmax(180px,.55fr) minmax(260px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;color:var(--demo-ink);background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:calc(var(--demo-radius) / 1.4);box-shadow:0 18px 50px rgba(0,0,0,.08)}
.demoHeroSignature>small{color:var(--demo-accent);font-size:.6rem;font-weight:900;letter-spacing:.13em}
.demoHeroSignature>strong{font-family:var(--demo-font-head);font-size:var(--demo-type-h4);line-height:1.1}
.demoHeroSignature>p{margin:0;color:var(--demo-muted)}
.demoHeroSignature>ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0;padding:0;list-style:none}
.demoHeroSignature li{padding:7px 9px;border:1px solid var(--demo-line);border-radius:999px;font-size:.6rem;font-weight:850;white-space:nowrap}

/* Bridal: an editorial salon composition with an arched portrait and floating edit card. */
.demoHomeHero-field{grid-template-rows:auto auto}
.demoHomeHero-field .demoHomeCopy{grid-column:1/6;grid-row:1}
.demoHomeHero-field .demoHomeMedia{grid-column:6/13;grid-row:1/3}
.demoHomeHero-field .demoHeroSignature{grid-column:2/7;grid-row:2;z-index:3;margin-top:-38px;grid-template-columns:1fr;align-items:start;background:#fffaf6}
.demoHomeHero-field .demoHeroSignature>ul{justify-content:flex-start}

/* Project operations: a command brief above a wide live-control surface. */
.demoHomeHero-command{align-items:end;background-size:32px 32px}
.demoHomeHero-command .demoHomeCopy{grid-column:1/8}
.demoHomeHero-command .demoHeroSignature{grid-column:8/13;grid-template-columns:1fr;background:#071a2c;color:#fff;border-color:#28506d;border-radius:10px;box-shadow:8px 8px 0 #c4ed4f}
.demoHomeHero-command .demoHeroSignature>p{color:#b8c8d4}
.demoHomeHero-command .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-command .demoHeroSignature li{border-color:#36566f}
.demoHomeHero-command .demoHomeMedia{grid-column:1/13;margin-top:4px}

/* Home services: a friendly service card beside a soft, layered home portrait. */
.demoHomeHero-care .demoHomeCopy{grid-column:1/7;padding:clamp(18px,3vw,38px);background:#fffdf8;border:1px solid var(--demo-line);border-radius:36px}
.demoHomeHero-care .demoHomeMedia{grid-column:7/13}
.demoHomeHero-care .demoHeroSignature{grid-column:2/7;margin-top:-40px;z-index:2;grid-template-columns:1fr;background:#dceee7;border-radius:28px}
.demoHomeHero-care .demoHeroSignature>ul{justify-content:flex-start}

/* Finance: a disciplined three-column ledger with no ornamental empty space. */
.demoHomeHero-ledger{gap:2px;padding-inline:clamp(18px,4vw,64px)}
.demoHomeHero-ledger .demoHeroSignature{grid-column:1/4;grid-row:1;align-self:stretch;align-content:space-between;grid-template-columns:1fr;color:#fff;background:#0d0d0e;border-color:#0d0d0e;border-radius:0;box-shadow:inset 0 8px 0 #e5a82e}
.demoHomeHero-ledger .demoHeroSignature>p{color:#aaa}
.demoHomeHero-ledger .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-ledger .demoHeroSignature li{width:100%;border:0;border-top:1px solid #555;border-radius:0}
.demoHomeHero-ledger .demoHomeCopy{grid-column:4/9;grid-row:1;padding:clamp(24px,3vw,42px);border-block:2px solid #111}
.demoHomeHero-ledger .demoHomeMedia{grid-column:9/13;grid-row:1}

/* Restaurant: a cinematic evening panel with copy and reservation signal over the room. */
.demoHomeHero-clinical{width:100%;max-width:none;min-height:min(760px,82svh);padding:clamp(28px,5vw,74px);color:#fff;background:#17120f;overflow:hidden}
.demoHomeHero-clinical .demoHomeMedia{grid-column:1/13;grid-row:1;align-self:stretch;min-height:590px}
.demoHomeHero-clinical .demoHomeMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,10,7,.9),rgba(18,10,7,.25) 65%,rgba(18,10,7,.55));pointer-events:none}
.demoHomeHero-clinical .demoHomeMedia .responsive-picture,.demoHomeHero-clinical .demoHomeMedia img{height:100%;border-radius:0}
.demoHomeHero-clinical .demoHomeCopy{grid-column:1/8;grid-row:1;z-index:2;align-self:center;padding:clamp(22px,4vw,58px)}
.demoHomeHero-clinical .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-clinical .demoLibraryLink{color:rgba(255,255,255,.76)!important}
.demoHomeHero-clinical .demoHeroActions a{color:#fff;border-color:rgba(255,255,255,.46)}
.demoHomeHero-clinical .demoHeroSignature{grid-column:9/13;grid-row:1;z-index:2;align-self:end;grid-template-columns:1fr;color:#fff;background:rgba(27,18,15,.78);border-color:rgba(255,255,255,.25);backdrop-filter:blur(16px)}
.demoHomeHero-clinical .demoHeroSignature>p{color:rgba(255,255,255,.7)}
.demoHomeHero-clinical .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-clinical .demoHeroSignature li{border-color:rgba(255,255,255,.3)}

/* AI research: a notebook brief with a separate evidence rail and a wide source image. */
.demoHomeHero-research{align-items:start;background-size:100% 32px}
.demoHomeHero-research .demoHomeCopy{grid-column:1/8}
.demoHomeHero-research .demoHeroSignature{grid-column:8/13;grid-template-columns:1fr;border-radius:8px;border-left:7px solid #b9f26a;box-shadow:none}
.demoHomeHero-research .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-research .demoHomeMedia{grid-column:3/13;margin-top:-14px}

/* Residence: a full editorial plate with quiet copy floating over the architecture. */
.demoHomeHero-residence{width:100%;max-width:none;min-height:min(800px,84svh);padding:clamp(26px,5vw,74px)}
.demoHomeHero-residence .demoHomeMedia{grid-column:1/13;grid-row:1;align-self:stretch;min-height:640px}
.demoHomeHero-residence .demoHomeMedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,17,25,.82),rgba(32,17,25,.06) 72%);pointer-events:none}
.demoHomeHero-residence .demoHomeMedia .responsive-picture,.demoHomeHero-residence .demoHomeMedia img{height:100%;border-radius:0}
.demoHomeHero-residence .demoHomeCopy{grid-column:2/8;grid-row:1;z-index:2;align-self:end;padding-bottom:clamp(36px,5vw,76px);color:#fff}
.demoHomeHero-residence .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-residence .demoLibraryLink{color:rgba(255,255,255,.78)!important}
.demoHomeHero-residence .demoHeroActions a{color:#fff;border-color:rgba(255,255,255,.45)}
.demoHomeHero-residence .demoHeroSignature{grid-column:9/12;grid-row:1;z-index:2;align-self:start;grid-template-columns:1fr;color:#fff;background:rgba(44,28,36,.72);border-color:rgba(255,255,255,.28);border-radius:0;backdrop-filter:blur(12px)}
.demoHomeHero-residence .demoHeroSignature>p{color:rgba(255,255,255,.7)}
.demoHomeHero-residence .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-residence .demoHeroSignature li{border-color:rgba(255,255,255,.28);border-radius:0}

/* Creative studio: a poster-like headline colliding with an angled project frame. */
.demoHomeHero-studio{position:relative;align-items:center;background:linear-gradient(110deg,#f1c84b 0 62%,#faf7f2 62%)}
.demoHomeHero-studio .demoHomeCopy{grid-column:1/9;z-index:2}
.demoHomeHero-studio .demoHomeCopy h1{text-transform:uppercase}
.demoHomeHero-studio .demoHomeMedia{grid-column:8/13;z-index:1;transform:rotate(2.25deg)}
.demoHomeHero-studio .demoHeroSignature{grid-column:1/6;z-index:3;margin-top:-24px;grid-template-columns:1fr;color:#1c1b1a;background:#e34e36;border:4px solid #1c1b1a;border-radius:0;box-shadow:10px 10px 0 #1c1b1a;transform:rotate(-1deg)}
.demoHomeHero-studio .demoHeroSignature>p{color:#1c1b1a}
.demoHomeHero-studio .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-studio .demoHeroSignature li{border-color:#1c1b1a;border-radius:0}

/* Construction: a structural 50/50 frame with a field-note block below the brief. */
.demoHomeHero-civic{align-items:stretch;background-image:linear-gradient(rgba(157,63,39,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(157,63,39,.06) 1px,transparent 1px);background-size:42px 42px}
.demoHomeHero-civic .demoHomeCopy{grid-column:1/7;grid-row:1;padding:clamp(20px,3vw,42px);background:#faf9f5;border-left:10px solid #9d3f27}
.demoHomeHero-civic .demoHomeMedia{grid-column:7/13;grid-row:1/3}
.demoHomeHero-civic .demoHeroSignature{grid-column:1/7;grid-row:2;grid-template-columns:1fr;color:#fff;background:#242523;border-radius:4px;box-shadow:inset 0 7px 0 #c49a53}
.demoHomeHero-civic .demoHeroSignature>p{color:#ded9d0}
.demoHomeHero-civic .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-civic .demoHeroSignature li{border-color:#777;border-radius:2px}

/* Advisory: an executive split with a numbered diagnostic card crossing the fold. */
.demoHomeHero-advisory{align-items:center;border-bottom:1px solid var(--demo-line)}
.demoHomeHero-advisory .demoHomeCopy{grid-column:1/8}
.demoHomeHero-advisory .demoHomeMedia{grid-column:8/13}
.demoHomeHero-advisory .demoHeroSignature{grid-column:5/10;z-index:3;margin-top:-54px;grid-template-columns:1fr;color:#fff;background:#111d2b;border-radius:18px 18px 2px 18px;box-shadow:10px 10px 0 #e4ad36}
.demoHomeHero-advisory .demoHeroSignature>p{color:#b9c2ca}
.demoHomeHero-advisory .demoHeroSignature>ul{justify-content:flex-start}
.demoHomeHero-advisory .demoHeroSignature li{border-color:#526170}

.demoMenuFacts{display:grid;gap:0;margin-top:8px;border-top:1px solid currentColor}
.demoMenuFacts>span{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid currentColor;color:inherit!important;font-size:.68rem}
.demoMenuFacts b{color:var(--demo-accent-2);font-size:.58rem}
.demoMenu-command .demoMenuFacts,.demoMenu-care .demoMenuFacts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0}
.demoMenu-command .demoMenuFacts>span,.demoMenu-care .demoMenuFacts>span{grid-template-columns:1fr;padding:10px;border:1px solid currentColor;border-radius:8px}
.demoMenu-care .demoMenuFacts>span{border-radius:999px;text-align:left}
.demoMenu-ledger .demoMenuFacts>span{font-family:"Courier New",monospace}
.demoMenu-clinical .demoMenuFacts{border-color:#c8954a}
.demoMenu-research .demoMenuFacts>span{font-family:"Courier New",monospace}
.demoMenu-residence .demoMenuFacts>span{font-family:Georgia,serif}
.demoMenu-studio .demoMenuFacts{transform:rotate(1deg);border-color:#1c1b1a}
.demoMenu-civic .demoMenuFacts>span{padding-left:10px;background:rgba(255,255,255,.05)}
.demoMenu-advisory .demoMenuFacts{border-color:#e4ad36}

.demoFooter{padding-block:var(--demo-section-tight) 24px}
.demoFooterIdentity{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:22px;padding:16px 0;border-block:1px solid rgba(255,255,255,.2)}
.demoFooterIdentity>span{font-family:var(--demo-font-head);font-size:clamp(2rem,4.5vw,5.2rem);line-height:.85;letter-spacing:-.06em}
.demoFooterIdentity>small{max-width:260px;color:var(--demo-accent-2);font-size:.58rem;font-weight:850;letter-spacing:.13em;text-align:left;text-transform:uppercase}
.demoFooterLead h2{margin-block:clamp(24px,3vw,38px) 18px}
.demoFooter-field{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(170px,.5fr))}
.demoFooter-field .demoFooterIdentity{grid-column:1;grid-row:2/5;align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px;border:1px solid rgba(255,255,255,.2)}
.demoFooter-field .demoFooterLead{grid-column:2/4}
.demoFooter-command .demoFooterIdentity{background:#0d2942;padding-inline:18px;border:1px solid #36566f;border-radius:10px}
.demoFooter-care{text-align:left}
.demoFooter-care .demoFooterIdentity,.demoFooter-care .demoFooterLead{grid-column:1/-1;justify-self:center;max-width:880px}
.demoFooter-care .demoFooterIdentity{width:100%;justify-content:center;flex-direction:column;align-items:center;border-color:rgba(23,58,55,.2)}
.demoFooter-ledger{gap:2px}
.demoFooter-ledger .demoFooterIdentity{border:1px solid #555;padding-inline:18px}
.demoFooter-ledger .demoFooterLead,.demoFooter-ledger nav{padding:20px;border:1px solid #555}
.demoFooter-clinical{background:linear-gradient(rgba(23,18,15,.93),rgba(23,18,15,.97)),var(--demo-cover) center/cover}
.demoFooter-clinical .demoFooterIdentity>span{font-family:Georgia,serif;font-weight:400}
.demoFooter-research{background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(185,242,106,.08) 32px)}
.demoFooter-research .demoFooterIdentity>span{font-family:"Courier New",monospace;color:#b9f26a}
.demoFooter-residence .demoFooterIdentity>span{font-weight:400;font-size:clamp(3rem,8vw,9rem)}
.demoFooter-studio .demoFooterIdentity{color:#1c1b1a;border:4px solid #1c1b1a;padding-inline:18px;transform:rotate(-.5deg)}
.demoFooter-studio .demoFooterIdentity>small{color:#1c1b1a}
.demoFooter-civic .demoFooterIdentity{padding:18px;border:1px solid #c49a53;box-shadow:inset 10px 0 0 #9d3f27}
.demoFooter-advisory .demoFooterIdentity{border-top:0;border-bottom-color:#e4ad36}

@media(max-width:980px){
  .demoHomeHero{grid-template-columns:1fr!important;gap:26px!important;min-height:0}
  .demoHomeHero>.demoHomeCopy,.demoHomeHero>.demoHomeMedia,.demoHomeHero>.demoHeroSignature{grid-column:1!important;grid-row:auto!important;margin:0!important;transform:none!important}
  .demoHomeHero-clinical,.demoHomeHero-residence{width:min(100%,1600px);min-height:0;padding:var(--demo-section-tight) clamp(18px,5vw,82px);color:var(--demo-ink);background:var(--demo-bg);overflow:visible}
  .demoHomeHero-clinical .demoHomeMedia,.demoHomeHero-residence .demoHomeMedia{min-height:0}
  .demoHomeHero-clinical .demoHomeMedia:after,.demoHomeHero-residence .demoHomeMedia:after{display:none}
  .demoHomeHero-clinical .demoHomeMedia .responsive-picture,.demoHomeHero-clinical .demoHomeMedia img,.demoHomeHero-residence .demoHomeMedia .responsive-picture,.demoHomeHero-residence .demoHomeMedia img{height:auto;border-radius:var(--demo-radius)}
  .demoHomeHero-clinical .demoHomeCopy,.demoHomeHero-residence .demoHomeCopy{padding:0;color:var(--demo-ink)}
  .demoHomeHero-clinical .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-clinical .demoLibraryLink,.demoHomeHero-residence .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-residence .demoLibraryLink{color:var(--demo-muted)!important}
  .demoHomeHero-clinical .demoHeroActions a,.demoHomeHero-residence .demoHeroActions a{color:var(--demo-ink);border-color:var(--demo-line)}
  .demoHeroSignature{grid-template-columns:minmax(140px,.5fr) minmax(220px,1fr);align-items:start}
  .demoHeroSignature>small,.demoHeroSignature>strong{grid-column:1}
  .demoHeroSignature>p,.demoHeroSignature>ul{grid-column:2}
  .demoFooter-field .demoFooterIdentity{grid-column:1/-1;grid-row:auto;min-height:0;flex-direction:row;align-items:end;padding-inline:0;border-inline:0}
  .demoFooter-field .demoFooterLead{grid-column:1/-1}
}

@media(max-width:620px){
  .demoHomeHero,.demoPageHero{padding-block:38px}
  .demoHomeCopy h1,.demoPageHero h1{margin-block:14px 18px}
  .demoHeroActions{margin-top:24px}
  .demoHeroBadges{margin-top:22px}
  .demoHeroSignature{grid-template-columns:1fr;padding:16px}
  .demoHeroSignature>small,.demoHeroSignature>strong,.demoHeroSignature>p,.demoHeroSignature>ul{grid-column:1}
  .demoHeroSignature>ul{justify-content:flex-start}
  .demoMenu-command .demoMenuFacts,.demoMenu-care .demoMenuFacts{grid-template-columns:1fr}
  .demoFooterIdentity{align-items:flex-start;flex-direction:column}
  .demoFooterIdentity>small{text-align:left}
  .demoFooter-residence .demoFooterIdentity>span{font-size:3.2rem}
}

/* Ten motion signatures: each follows the industry layout and yields to reduced motion. */
.demoMotionMedia{transform:translate3d(var(--demo-parallax-x,0),var(--demo-parallax-y,0),0) rotate(var(--demo-parallax-r,0));transform-origin:center;transition:transform .18s linear;will-change:transform}
body.ready .demoSite [data-demo-stage]:not(.demoStageShown){opacity:.985}
body.ready .demoSite [data-demo-stage].demoStageShown{opacity:1;transition:opacity .55s ease}
body.ready .demoSite [data-demo-reveal]{transition:opacity .72s ease var(--demo-delay,0ms),transform .88s cubic-bezier(.2,.8,.2,1) var(--demo-delay,0ms),clip-path .95s cubic-bezier(.2,.8,.2,1) var(--demo-delay,0ms),filter .75s ease var(--demo-delay,0ms)}
body.ready .demoSite [data-demo-reveal].demoShown{opacity:1!important;transform:none!important;clip-path:inset(0)!important;filter:none!important}

body.ready .demoSite[data-demo-motion="veil"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(0,34px,0) scale(.985);filter:blur(7px)}
body.ready .demoSite[data-demo-motion="veil"] [data-demo-stage]:not(.demoStageShown){clip-path:inset(0 0 12% 0)}

body.ready .demoSite[data-demo-motion="scan"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(var(--demo-shift),0,0);clip-path:inset(0 14% 0 0)}
body.ready .demoSite[data-demo-motion="scan"] [data-demo-stage]:not(.demoStageShown){background-position:0 16px}
body.ready .demoSite[data-demo-motion="scan"] [data-demo-stage].demoStageShown{transition:opacity .45s ease,background-position 1.1s ease;background-position:0 0}

body.ready .demoSite[data-demo-motion="float"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(0,26px,0) scale(.96)}
body.ready .demoSite[data-demo-motion="float"] [data-demo-stage]:not(.demoStageShown){transform:translateY(12px)}
body.ready .demoSite[data-demo-motion="float"] [data-demo-stage].demoStageShown{transform:none;transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1)}

body.ready .demoSite[data-demo-motion="ledger"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(var(--demo-shift),0,0);clip-path:inset(0 0 0 28%)}
body.ready .demoSite[data-demo-motion="ledger"] [data-demo-stage]:not(.demoStageShown){clip-path:inset(0 0 0 8%)}
body.ready .demoSite[data-demo-motion="ledger"] [data-demo-stage].demoStageShown{clip-path:inset(0);transition:clip-path .85s steps(8,end),opacity .5s ease}

body.ready .demoSite[data-demo-motion="ember"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(0,40px,0) rotate(var(--demo-tilt));filter:blur(4px)}
body.ready .demoSite[data-demo-motion="ember"] [data-demo-stage]:not(.demoStageShown){filter:saturate(.72)}
body.ready .demoSite[data-demo-motion="ember"] [data-demo-stage].demoStageShown{filter:none;transition:filter 1.15s ease,opacity .55s ease}

body.ready .demoSite[data-demo-motion="trace"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(var(--demo-shift),0,0) skewX(var(--demo-tilt));clip-path:inset(0 10% 0 0)}
body.ready .demoSite[data-demo-motion="trace"] [data-demo-stage]:not(.demoStageShown){background-position:0 12px}
body.ready .demoSite[data-demo-motion="trace"] [data-demo-stage].demoStageShown{background-position:0 0;transition:background-position 1s ease,opacity .5s ease}

body.ready .demoSite[data-demo-motion="gallery"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:scale(1.035);clip-path:inset(7% 4% 7% 4%)}
body.ready .demoSite[data-demo-motion="gallery"] [data-demo-stage]:not(.demoStageShown){opacity:.9;filter:brightness(.9)}
body.ready .demoSite[data-demo-motion="gallery"] [data-demo-stage].demoStageShown{filter:none;transition:filter 1.2s ease,opacity .65s ease}

body.ready .demoSite[data-demo-motion="cut"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(var(--demo-shift),24px,0) rotate(var(--demo-tilt));clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
body.ready .demoSite[data-demo-motion="cut"] [data-demo-stage]:not(.demoStageShown){transform:rotate(.35deg)}
body.ready .demoSite[data-demo-motion="cut"] [data-demo-stage].demoStageShown{transform:none;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s ease}

body.ready .demoSite[data-demo-motion="build"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(0,34px,0);clip-path:inset(0 0 36% 0)}
body.ready .demoSite[data-demo-motion="build"] [data-demo-stage]:not(.demoStageShown){clip-path:inset(0 0 9% 0)}
body.ready .demoSite[data-demo-motion="build"] [data-demo-stage].demoStageShown{clip-path:inset(0);transition:clip-path .9s cubic-bezier(.2,.8,.2,1),opacity .55s ease}

body.ready .demoSite[data-demo-motion="brief"] [data-demo-reveal]:not(.demoShown){opacity:0;transform:translate3d(var(--demo-shift),12px,0);clip-path:inset(0 8% 0 8%)}
body.ready .demoSite[data-demo-motion="brief"] [data-demo-stage]:not(.demoStageShown){transform:translateY(10px)}
body.ready .demoSite[data-demo-motion="brief"] [data-demo-stage].demoStageShown{transform:none;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .55s ease}

@media(prefers-reduced-motion:reduce){
  .demoMotionMedia,body.ready .demoSite [data-demo-reveal],body.ready .demoSite [data-demo-stage]{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}
}

/* V41 — compact, overflow-safe typography and section rhythm across all ten
   industry-specific demo systems. Individual chrome, heroes, menus, footers,
   and motion signatures remain unique while their reading scale stays shared. */
.demoSite{
  --demo-type-h1:clamp(2rem,3.1vw,3.25rem);
  --demo-type-h2:clamp(1.75rem,2.35vw,2.5rem);
  --demo-type-h3:clamp(1.38rem,1.65vw,1.875rem);
  --demo-type-h4:clamp(1.125rem,1.25vw,1.5rem);
  --demo-type-h5:clamp(1rem,1vw,1.25rem);
  --demo-type-h6:.875rem;
  --demo-section:clamp(48px,5vw,78px);
  --demo-section-tight:clamp(34px,4vw,58px);
  --demo-layout-gap:clamp(20px,3.4vw,48px)
}

.demoSite :where(h1,h2,h3,h4,h5,h6,p,li,a,button,label,strong,span,small){
  min-width:0;
  max-width:100%
}

.demoSite :where(h1,h2,h3,h4,h5,h6){
  margin-inline:0;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:none
}

.demoSite :where(a,button){
  white-space:normal;
  text-align:left
}

.demoSite :where(.demoHomeHero,.demoPageHero,.demoStory,.demoPrinciples,.demoFaq,.demoContactLayout,.demoDetailStory,.demoArticleBody,.demoCartLayout,.demoConfirmation){
  column-gap:var(--demo-layout-gap)
}

.demoSite :where(.demoHomeCopy,.demoPageHero>div,.demoStory>*,.demoFeatureSection>*,.demoPrinciples>*,.demoEditorialPreview>*,.demoFaq>*,.demoCta>*,.demoTool>*,.demoPricingGrid>*,.demoContactLayout>*,.demoApplication>*,.demoEditorialBody>*,.demoDetailFacts>*,.demoDetailStory>*,.demoArticleBody>*,.demoFooter>*){
  min-width:0
}

.demoHomeCopy h1,.demoPageHero h1{
  max-width:15ch
}

.demoHomeCopy>p:not(.demoEyebrow),.demoPageHero>div>p:not(.demoEyebrow){
  max-width:62ch
}

.demoStory,.demoPrinciples,.demoFaq,.demoContactLayout,.demoDetailStory,.demoArticleBody{
  gap:var(--demo-layout-gap)
}

.demoFeatureSection>header,.demoEditorialPreview>header{
  gap:var(--demo-layout-gap);
  margin-bottom:clamp(22px,3vw,36px)
}

.demoItemGrid article,.demoCatalogGrid>article,.demoPrinciples article,.demoPricingGrid article,.demoEditorialBody article,.demoDetailFacts article{
  min-height:0
}

.demoItemGrid h3,.demoCatalogGrid h3,.demoEditorialPreview article h3{
  margin-top:clamp(18px,2.2vw,28px)
}

.demoPrinciples h3,.demoEditorialBody h2,.demoPricingGrid h2,.demoDetailFacts strong{
  margin-top:clamp(24px,3vw,38px)
}

.demoArticleBody section{
  padding-bottom:clamp(30px,4vw,52px)
}

.demoFooterLead h2{
  margin-top:clamp(24px,3vw,34px)
}

.demoHomeMedia,.demoPageVisual,.demoItemMedia,.demoCatalogMedia,.demoPrincipleMedia,.demoEditorialMedia,.demoStoryVisual{
  min-width:0;
  overflow:hidden
}

.demoSite :where(.responsive-picture,picture,img){
  max-width:100%
}

.demoHeader{
  gap:clamp(10px,1.5vw,22px)
}

.demoHeaderActions{
  min-width:0;
  flex-wrap:wrap
}

.demoMenu nav a,.demoFooter nav a{
  overflow-wrap:break-word
}

@media(max-width:1180px){
  .demoHeaderSignal{display:none}
  .demoHomeHero,.demoPageHero{row-gap:clamp(22px,4vw,38px)}
}

@media(max-width:720px){
  .demoSite{
    --demo-type-h1:clamp(2rem,9vw,2.75rem);
    --demo-type-h2:clamp(1.75rem,7.4vw,2.25rem);
    --demo-type-h3:clamp(1.18rem,5.1vw,1.55rem);
    --demo-type-h4:clamp(1.04rem,4.4vw,1.25rem);
    --demo-type-h5:.96rem;
    --demo-type-h6:.82rem;
    --demo-section:clamp(42px,11vw,64px);
    --demo-section-tight:clamp(30px,8vw,48px);
    --demo-layout-gap:clamp(18px,6vw,28px)
  }

  .demoHomeCopy h1,.demoPageHero h1{max-width:100%}
  .demoHomeMedia img,.demoPageVisual img{width:100%}
  .demoHeroActions,.demoItemActions,.demoCardActions{align-items:stretch}
  .demoHeroActions>a,.demoItemActions>*,.demoCardActions>*{min-width:0;flex:1 1 150px}
  .demoFooterBottom{margin-top:30px}
}

@media(max-width:390px){
  .demoHeroActions,.demoItemActions,.demoCardActions{display:grid;grid-template-columns:1fr}
  .demoHeroActions>a,.demoItemActions>*,.demoCardActions>*{width:100%}
  .demoHeaderActions{gap:5px}
  .demoHeaderActions button{min-width:64px;padding-inline:10px}
}

/* V42 — client-ready differentiation pass. These rules preserve the shared
   accessibility and commerce behavior while giving every company its own
   information architecture at desktop, tablet, and mobile sizes. */
.demoHeaderEdition{display:none;color:var(--demo-muted);font-size:.56rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.demoPageMeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,3vw,32px)}
.demoPageMeta span{padding:8px 11px;border:1px solid var(--demo-line);border-radius:999px;color:var(--demo-muted);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.demoHeroActions .demoSecondary{background:transparent}
.demoHeroActions .demoSecondary:hover{color:var(--demo-accent-text);background:var(--demo-accent);border-color:var(--demo-accent)}

/* Ten desktop navigation compositions. */
@media(min-width:1181px){
  .demoHeader>.demoBrand{grid-area:brand}
  .demoHeader>.demoHeaderSignal{grid-area:signal}
  .demoHeader>.demoHeaderEdition{grid-area:edition}
  .demoHeader>.demoDesktopNav{grid-area:nav}
  .demoHeader>.demoHeaderActions{grid-area:actions}

  .demoHeader-field{grid-template-columns:200px minmax(0,1fr) auto;grid-template-areas:"brand nav actions" "edition nav actions";align-items:center;padding-block:10px}
  .demoHeader-field .demoHeaderSignal{display:none}
  .demoHeader-field .demoHeaderEdition{display:block;align-self:start;margin-top:-4px;color:#7d2638}

  .demoHeader-command{grid-template-columns:180px auto minmax(0,1fr) auto;grid-template-areas:"brand edition nav actions"}
  .demoHeader-command .demoHeaderSignal{display:none}
  .demoHeader-command .demoHeaderEdition{display:block;color:#c4ed4f}

  .demoHeader-care{grid-template-columns:185px auto minmax(0,1fr) auto;grid-template-areas:"brand signal nav actions"}
  .demoHeader-care .demoHeaderEdition{display:none}
  .demoHeader-care .demoDesktopNav{justify-self:center}

  .demoHeader-ledger{grid-template-columns:180px 150px minmax(0,1fr) auto;grid-template-areas:"brand edition nav actions"}
  .demoHeader-ledger .demoHeaderSignal{display:none}
  .demoHeader-ledger .demoHeaderEdition{display:block;color:#e5a82e;font-family:"Courier New",monospace}

  .demoHeader-clinical{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"nav brand actions";padding-inline:clamp(24px,4vw,72px)}
  .demoHeader-clinical .demoBrand{justify-self:center;text-align:left}
  .demoHeader-clinical .demoDesktopNav{justify-self:start}
  .demoHeader-clinical .demoHeaderSignal,.demoHeader-clinical .demoHeaderEdition{display:none}

  .demoHeader-research{grid-template-columns:190px minmax(0,1fr) 150px auto;grid-template-areas:"brand nav edition actions"}
  .demoHeader-research .demoHeaderSignal{display:none}
  .demoHeader-research .demoHeaderEdition{display:block;color:#6c42d8;font-family:"Courier New",monospace}

  .demoHeader-residence{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"nav brand actions"}
  .demoHeader-residence .demoBrand{justify-self:center}
  .demoHeader-residence .demoDesktopNav{justify-self:start}
  .demoHeader-residence .demoHeaderActions{justify-self:end}
  .demoHeader-residence .demoHeaderSignal,.demoHeader-residence .demoHeaderEdition{display:none}

  .demoHeader-studio{grid-template-columns:170px 120px minmax(0,1fr) auto;grid-template-areas:"brand edition nav actions"}
  .demoHeader-studio .demoHeaderSignal{display:none}
  .demoHeader-studio .demoHeaderEdition{display:block;color:#e34e36;transform:rotate(-3deg)}

  .demoHeader-civic{grid-template-columns:190px auto minmax(0,1fr) auto;grid-template-areas:"brand signal nav actions"}
  .demoHeader-civic .demoHeaderEdition{display:none}
  .demoHeader-civic .demoDesktopNav{justify-self:end}

  .demoHeader-advisory{grid-template-columns:200px minmax(0,1fr) auto auto;grid-template-areas:"brand nav edition actions"}
  .demoHeader-advisory .demoHeaderSignal{display:none}
  .demoHeader-advisory .demoHeaderEdition{display:block;color:#e4ad36}
}

/* Page introductions inherit the industry's preferred editorial direction. */
.demoChrome-field .demoPageHero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.demoChrome-field .demoPageVisual .responsive-picture{border-radius:48% 48% 8px 8px}
.demoChrome-command .demoPageHero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-bottom:1px solid #9cb2c0}
.demoChrome-command .demoPageVisual .responsive-picture{border:7px solid #071a2c;box-shadow:10px 10px 0 #c4ed4f}
.demoChrome-care .demoPageHero{grid-template-columns:repeat(2,minmax(0,1fr))}
.demoChrome-care .demoPageHero>div:first-child{padding:clamp(20px,3vw,38px);background:#fffdf8;border:1px solid var(--demo-line);border-radius:34px}
.demoChrome-ledger .demoPageHero{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:2px}
.demoChrome-ledger .demoPageHero>*{padding:clamp(20px,3vw,38px);border:1px solid #111}
.demoChrome-clinical .demoPageHero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.demoChrome-clinical .demoPageVisual{order:-1}
.demoChrome-research .demoPageHero{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(108,66,216,.08) 32px)}
.demoChrome-residence .demoPageHero{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.demoChrome-residence .demoPageVisual{order:-1}
.demoChrome-residence .demoPageVisual .responsive-picture{border-radius:0;box-shadow:none}
.demoChrome-studio .demoPageHero{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);background:linear-gradient(108deg,#f1c84b 0 55%,transparent 55%)}
.demoChrome-studio .demoPageVisual{transform:rotate(1.5deg)}
.demoChrome-civic .demoPageHero{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);border-left:8px solid #9d3f27}
.demoChrome-advisory .demoPageHero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);border-bottom:1px solid var(--demo-line)}

/* Ten footer structures rather than one three-column template. */
@media(min-width:821px){
  .demoFooter-command{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
  .demoFooter-command .demoFooterSignal,.demoFooter-command .demoFooterBottom{grid-column:1/13}
  .demoFooter-command .demoFooterIdentity{grid-column:1/4;grid-row:2/4}
  .demoFooter-command .demoFooterLead{grid-column:4/10;grid-row:2/4}
  .demoFooter-command>nav:nth-of-type(1){grid-column:10/13;grid-row:2}
  .demoFooter-command>nav:nth-of-type(2){grid-column:10/13;grid-row:3}

  .demoFooter-care{grid-template-columns:minmax(0,1fr) repeat(2,minmax(170px,.42fr))}
  .demoFooter-care .demoFooterSignal,.demoFooter-care .demoFooterBottom{grid-column:1/-1}
  .demoFooter-care .demoFooterIdentity{grid-column:1/-1}
  .demoFooter-care .demoFooterLead{grid-column:1}

  .demoFooter-ledger{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
  .demoFooter-ledger .demoFooterSignal,.demoFooter-ledger .demoFooterIdentity,.demoFooter-ledger .demoFooterBottom{grid-column:1/5}
  .demoFooter-ledger .demoFooterLead{grid-column:1/3}

  .demoFooter-clinical{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,3vw,40px)}
  .demoFooter-clinical .demoFooterSignal,.demoFooter-clinical .demoFooterBottom{grid-column:1/13}
  .demoFooter-clinical .demoFooterLead{grid-column:1/7;grid-row:2/4}
  .demoFooter-clinical .demoFooterIdentity{grid-column:7/13;grid-row:2}
  .demoFooter-clinical>nav:nth-of-type(1){grid-column:7/10;grid-row:3}
  .demoFooter-clinical>nav:nth-of-type(2){grid-column:10/13;grid-row:3}

  .demoFooter-research{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
  .demoFooter-research .demoFooterSignal,.demoFooter-research .demoFooterBottom{grid-column:1/13}
  .demoFooter-research .demoFooterIdentity{grid-column:1/4;grid-row:2/4}
  .demoFooter-research .demoFooterLead{grid-column:4/9;grid-row:2/4}
  .demoFooter-research>nav:nth-of-type(1){grid-column:9/11;grid-row:2/4}
  .demoFooter-research>nav:nth-of-type(2){grid-column:11/13;grid-row:2/4}

  .demoFooter-residence{grid-template-columns:repeat(12,minmax(0,1fr))}
  .demoFooter-residence .demoFooterSignal,.demoFooter-residence .demoFooterBottom{grid-column:1/13}
  .demoFooter-residence .demoFooterLead{grid-column:1/7;grid-row:2/4}
  .demoFooter-residence .demoFooterIdentity{grid-column:7/13;grid-row:2}
  .demoFooter-residence>nav:nth-of-type(1){grid-column:7/10;grid-row:3}
  .demoFooter-residence>nav:nth-of-type(2){grid-column:10/13;grid-row:3}

  .demoFooter-studio{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}
  .demoFooter-studio .demoFooterSignal,.demoFooter-studio .demoFooterBottom{grid-column:1/13}
  .demoFooter-studio .demoFooterIdentity{grid-column:1/8;grid-row:2}
  .demoFooter-studio .demoFooterLead{grid-column:1/8;grid-row:3}
  .demoFooter-studio>nav:nth-of-type(1){grid-column:8/11;grid-row:2/4}
  .demoFooter-studio>nav:nth-of-type(2){grid-column:11/13;grid-row:2/4}

  .demoFooter-civic{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
  .demoFooter-civic .demoFooterSignal,.demoFooter-civic .demoFooterBottom{grid-column:1/13}
  .demoFooter-civic .demoFooterIdentity{grid-column:1/5;grid-row:2/4}
  .demoFooter-civic .demoFooterLead{grid-column:5/10;grid-row:2/4}
  .demoFooter-civic>nav:nth-of-type(1){grid-column:10/13;grid-row:2}
  .demoFooter-civic>nav:nth-of-type(2){grid-column:10/13;grid-row:3}

  .demoFooter-advisory{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,3vw,42px)}
  .demoFooter-advisory .demoFooterSignal,.demoFooter-advisory .demoFooterBottom{grid-column:1/13}
  .demoFooter-advisory .demoFooterLead{grid-column:1/7;grid-row:2/4}
  .demoFooter-advisory .demoFooterIdentity{grid-column:7/13;grid-row:2}
  .demoFooter-advisory>nav:nth-of-type(1){grid-column:7/10;grid-row:3}
  .demoFooter-advisory>nav:nth-of-type(2){grid-column:10/13;grid-row:3}
}

/* Tablet compositions keep each hero recognizable instead of collapsing all
   ten to the same stacked template. */
@media(min-width:621px) and (max-width:980px){
  .demoHomeHero{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:clamp(18px,3vw,30px)!important}
  .demoHeroSignature{grid-template-columns:1fr!important;align-content:start}
  .demoHeroSignature>small,.demoHeroSignature>strong,.demoHeroSignature>p,.demoHeroSignature>ul{grid-column:1!important}
  .demoHeroSignature>ul{justify-content:flex-start}
  .demoHomeHero-field .demoHomeCopy{grid-column:1/4!important;grid-row:1!important}
  .demoHomeHero-field .demoHomeMedia{grid-column:4/7!important;grid-row:1/3!important}
  .demoHomeHero-field .demoHeroSignature{grid-column:1/5!important;grid-row:2!important}

  .demoHomeHero-command .demoHomeCopy{grid-column:1/5!important;grid-row:1!important}
  .demoHomeHero-command .demoHeroSignature{grid-column:5/7!important;grid-row:1!important}
  .demoHomeHero-command .demoHomeMedia{grid-column:1/7!important;grid-row:2!important}

  .demoHomeHero-care .demoHomeCopy{grid-column:1/4!important;grid-row:1!important}
  .demoHomeHero-care .demoHomeMedia{grid-column:4/7!important;grid-row:1!important}
  .demoHomeHero-care .demoHeroSignature{grid-column:2/6!important;grid-row:2!important}

  .demoHomeHero-ledger .demoHeroSignature{grid-column:1/3!important;grid-row:1!important}
  .demoHomeHero-ledger .demoHomeCopy{grid-column:3/7!important;grid-row:1!important}
  .demoHomeHero-ledger .demoHomeMedia{grid-column:1/7!important;grid-row:2!important}

  .demoHomeHero-clinical,.demoHomeHero-residence{width:100%;max-width:none;min-height:600px;padding:clamp(26px,5vw,50px);color:#fff;overflow:hidden}
  .demoHomeHero-clinical{background:#17120f}
  .demoHomeHero-residence{background:#2c1c24}
  .demoHomeHero-clinical .demoHomeMedia,.demoHomeHero-residence .demoHomeMedia{grid-column:1/7!important;grid-row:1!important;min-height:520px}
  .demoHomeHero-clinical .demoHomeMedia:after,.demoHomeHero-residence .demoHomeMedia:after{display:block}
  .demoHomeHero-clinical .demoHomeMedia .responsive-picture,.demoHomeHero-clinical .demoHomeMedia img,.demoHomeHero-residence .demoHomeMedia .responsive-picture,.demoHomeHero-residence .demoHomeMedia img{height:100%;border-radius:0}
  .demoHomeHero-clinical .demoHomeCopy,.demoHomeHero-residence .demoHomeCopy{grid-column:1/5!important;grid-row:1!important;z-index:2;align-self:end;padding:30px;color:#fff}
  .demoHomeHero-clinical .demoHeroSignature,.demoHomeHero-residence .demoHeroSignature{grid-column:5/7!important;grid-row:1!important;z-index:3;align-self:start;color:#fff}
  .demoHomeHero-clinical .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-clinical .demoLibraryLink,.demoHomeHero-residence .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-residence .demoLibraryLink{color:rgba(255,255,255,.78)!important}

  .demoHomeHero-research .demoHomeCopy{grid-column:1/5!important;grid-row:1!important}
  .demoHomeHero-research .demoHeroSignature{grid-column:5/7!important;grid-row:1!important}
  .demoHomeHero-research .demoHomeMedia{grid-column:2/7!important;grid-row:2!important}

  .demoHomeHero-studio .demoHomeCopy{grid-column:1/5!important;grid-row:1!important}
  .demoHomeHero-studio .demoHomeMedia{grid-column:4/7!important;grid-row:1/3!important}
  .demoHomeHero-studio .demoHeroSignature{grid-column:1/4!important;grid-row:2!important}

  .demoHomeHero-civic .demoHomeCopy{grid-column:1/4!important;grid-row:1!important}
  .demoHomeHero-civic .demoHomeMedia{grid-column:4/7!important;grid-row:1/3!important}
  .demoHomeHero-civic .demoHeroSignature{grid-column:1/4!important;grid-row:2!important}

  .demoHomeHero-advisory .demoHomeCopy{grid-column:1/5!important;grid-row:1!important}
  .demoHomeHero-advisory .demoHomeMedia{grid-column:5/7!important;grid-row:1!important}
  .demoHomeHero-advisory .demoHeroSignature{grid-column:2/6!important;grid-row:2!important}

  .demoPageHero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .demoPageHero h1{max-width:100%}
}

@media(min-width:1181px) and (max-width:1360px){
  .demoHeaderActions>a:first-child{display:none}
  .demoHeaderActions .demoCartLink span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .demoHeader-command{grid-template-columns:165px 120px minmax(0,1fr) auto}
  .demoHeader-ledger{grid-template-columns:165px 115px minmax(0,1fr) auto}
  .demoHeader-research{grid-template-columns:175px minmax(0,1fr) 120px auto}
  .demoHeader-studio{grid-template-columns:155px 100px minmax(0,1fr) auto}
  .demoHeader-advisory{grid-template-columns:180px minmax(0,1fr) 120px auto}
}

@media(max-width:820px){
  .demoFooter-field .demoFooterLead{order:1}.demoFooter-field .demoFooterIdentity{order:2}.demoFooter-field nav{order:3}
  .demoFooter-command .demoFooterIdentity{order:1}.demoFooter-command .demoFooterLead{order:2}
  .demoFooter-care .demoFooterIdentity{order:1}.demoFooter-care .demoFooterLead{order:2}
  .demoFooter-ledger .demoFooterLead{order:1}.demoFooter-ledger nav{order:2}.demoFooter-ledger .demoFooterIdentity{order:3}
  .demoFooter-clinical .demoFooterLead{order:1}.demoFooter-clinical nav{order:2}.demoFooter-clinical .demoFooterIdentity{order:3}
  .demoFooter-research .demoFooterIdentity{order:1}.demoFooter-research .demoFooterLead{order:2}
  .demoFooter-residence .demoFooterLead{order:1}.demoFooter-residence .demoFooterIdentity{order:2}
  .demoFooter-studio .demoFooterIdentity{order:1}.demoFooter-studio nav{order:2}.demoFooter-studio .demoFooterLead{order:3}
  .demoFooter-civic .demoFooterIdentity{order:1}.demoFooter-civic .demoFooterLead{order:2}
  .demoFooter-advisory .demoFooterLead{order:1}.demoFooter-advisory .demoFooterIdentity{order:2}
  .demoFooterSignal{order:-1}.demoFooterBottom{order:10}
}

/* Mobile still stacks for usability, but sequence, image ratio, surface, and
   CTA treatment remain specific to the industry. */
@media(max-width:620px){
  .demoHeaderEdition{display:none!important}
  .demoHomeHero{grid-template-columns:1fr!important;gap:22px!important}
  .demoHomeHero>*{grid-column:1!important;grid-row:auto!important;margin:0!important;transform:none!important}
  .demoHomeHero-field .demoHomeCopy{order:1}.demoHomeHero-field .demoHomeMedia{order:2}.demoHomeHero-field .demoHeroSignature{order:3}
  .demoHomeHero-command .demoHeroSignature{order:1}.demoHomeHero-command .demoHomeCopy{order:2}.demoHomeHero-command .demoHomeMedia{order:3}
  .demoHomeHero-care .demoHomeMedia{order:1}.demoHomeHero-care .demoHomeCopy{order:2}.demoHomeHero-care .demoHeroSignature{order:3}
  .demoHomeHero-ledger .demoHeroSignature{order:1}.demoHomeHero-ledger .demoHomeCopy{order:2}.demoHomeHero-ledger .demoHomeMedia{order:3}
  .demoHomeHero-clinical .demoHomeCopy{order:1}.demoHomeHero-clinical .demoHomeMedia{order:2}.demoHomeHero-clinical .demoHeroSignature{order:3}
  .demoHomeHero-research .demoHomeCopy{order:1}.demoHomeHero-research .demoHeroSignature{order:2}.demoHomeHero-research .demoHomeMedia{order:3}
  .demoHomeHero-residence .demoHomeMedia{order:1}.demoHomeHero-residence .demoHomeCopy{order:2}.demoHomeHero-residence .demoHeroSignature{order:3}
  .demoHomeHero-studio .demoHomeCopy{order:1}.demoHomeHero-studio .demoHeroSignature{order:2}.demoHomeHero-studio .demoHomeMedia{order:3}
  .demoHomeHero-civic .demoHomeCopy{order:1}.demoHomeHero-civic .demoHeroSignature{order:2}.demoHomeHero-civic .demoHomeMedia{order:3}
  .demoHomeHero-advisory .demoHomeCopy{order:1}.demoHomeHero-advisory .demoHomeMedia{order:2}.demoHomeHero-advisory .demoHeroSignature{order:3}

  .demoHomeHero-field .demoHomeMedia img{aspect-ratio:4/5}
  .demoHomeHero-command .demoHomeMedia img{aspect-ratio:16/10}
  .demoHomeHero-care .demoHomeMedia img{aspect-ratio:4/3}
  .demoHomeHero-ledger .demoHomeMedia img{aspect-ratio:16/9}
  .demoHomeHero-clinical .demoHomeMedia img{aspect-ratio:3/4}
  .demoHomeHero-research .demoHomeMedia img{aspect-ratio:4/3}
  .demoHomeHero-residence .demoHomeMedia img{aspect-ratio:3/4}
  .demoHomeHero-studio .demoHomeMedia img{aspect-ratio:1/1}
  .demoHomeHero-civic .demoHomeMedia img{aspect-ratio:4/3}
  .demoHomeHero-advisory .demoHomeMedia img{aspect-ratio:4/5}

  .demoHomeHero-clinical,.demoHomeHero-residence{width:min(100%,1600px);padding:var(--demo-section-tight) 18px;color:var(--demo-ink);background:var(--demo-bg);overflow:visible}
  .demoHomeHero-clinical .demoHomeCopy,.demoHomeHero-residence .demoHomeCopy{padding:0;color:var(--demo-ink)}
  .demoHomeHero-clinical .demoHeroSignature,.demoHomeHero-residence .demoHeroSignature{color:var(--demo-ink);background:var(--demo-surface);border-color:var(--demo-line)}
  .demoHomeHero-clinical .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-clinical .demoLibraryLink,.demoHomeHero-residence .demoHomeCopy>p:not(.demoEyebrow),.demoHomeHero-residence .demoLibraryLink{color:var(--demo-muted)!important}

  .demoPageHero,.demoChrome-field .demoPageHero,.demoChrome-command .demoPageHero,.demoChrome-care .demoPageHero,.demoChrome-ledger .demoPageHero,.demoChrome-clinical .demoPageHero,.demoChrome-research .demoPageHero,.demoChrome-residence .demoPageHero,.demoChrome-studio .demoPageHero,.demoChrome-civic .demoPageHero,.demoChrome-advisory .demoPageHero{grid-template-columns:1fr;gap:22px;border-left:0}
  .demoChrome-field .demoPageVisual,.demoChrome-clinical .demoPageVisual,.demoChrome-residence .demoPageVisual{order:0}
  .demoChrome-studio .demoPageVisual{transform:none}
  .demoPageMeta{margin-top:20px}
  .demoMenuIntro strong{max-width:16ch}
  .demoFooterIdentity>span{overflow-wrap:anywhere}
}

/* app/demos/arc-ledger/arc-ledger.css */
.alSite{--al-ink:#10100f;--al-paper:#f3efe6;--al-bone:#e7dfd1;--al-amber:#c98732;--al-copper:#98582f;--al-sage:#4b5d50;--al-line:rgba(16,16,15,.18);background:var(--al-paper);color:var(--al-ink);font-family:Arial,"Helvetica Neue",sans-serif;min-width:0;overflow:clip}
.alSite *{box-sizing:border-box}.alSite a{color:inherit}.alSite button,.alSite input,.alSite select,.alSite textarea{font:inherit}.alSite main{outline:none}.alSkip{position:fixed;left:1rem;top:-5rem;z-index:9999;background:var(--al-amber);color:var(--al-ink);padding:.8rem 1rem;font-weight:800}.alSkip:focus{top:1rem}.alSite :focus-visible{outline:3px solid var(--al-amber);outline-offset:4px}
.alHeader{position:fixed;z-index:120;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.15rem clamp(1rem,3vw,3.75rem);border-bottom:1px solid rgba(255,255,255,.16);color:#fff;transition:background .3s,padding .3s,box-shadow .3s}.alHeader.isCompact{padding-block:.7rem;background:rgba(16,16,15,.94);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.alBrand{display:flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap}.alBrand>span{display:grid;place-items:center;width:2.6rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-size:.88rem}.alBrand b{font-size:.88rem;letter-spacing:.17em}.alBrandLight{color:#fff}
.alDesktopNav{justify-self:center;display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.8rem)}.alDesktopNav a,.alHeaderLink{font-size:.72rem;font-weight:800;letter-spacing:.11em;text-decoration:none;text-transform:uppercase;position:relative}.alDesktopNav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.55rem;height:1px;background:var(--al-amber);transition:right .25s}.alDesktopNav a:hover::after,.alDesktopNav a.isCurrent::after{right:0}.alHeaderActions{display:flex;align-items:center;gap:1rem}.alHeaderCta{background:#fff;color:var(--al-ink)!important;text-decoration:none;padding:.78rem 1rem;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.alMenuTrigger{display:flex;align-items:center;gap:.8rem;background:transparent;color:inherit;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.7rem .9rem;cursor:pointer}.alMenuTrigger span{font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.alMenuTrigger i{display:block;width:13px;height:1px;background:currentColor}.alMenuTrigger i+i{margin-left:-21px;transform:translateY(4px)}
.alMenu{position:fixed;inset:0;z-index:180;background:var(--al-ink);color:#fff;opacity:0;visibility:hidden;transform:translateY(-1.5rem);transition:.35s ease;overflow:auto}.alMenu.isOpen{opacity:1;visibility:visible;transform:none}.alMenuHead{height:5.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,3.75rem);border-bottom:1px solid rgba(255,255,255,.16)}.alMenuHead button{display:flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:none;color:#fff;padding:.75rem 1rem;cursor:pointer}.alMenuHead button span{font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alMenuHead button i{display:block;width:15px;height:1px;background:#fff;transform:rotate(45deg)}.alMenuHead button i+i{margin-left:-22px;transform:rotate(-45deg)}.alMenuBody{min-height:calc(100vh - 9rem);display:grid;grid-template-columns:minmax(17rem,.85fr) minmax(24rem,1.15fr);gap:clamp(3rem,8vw,10rem);align-items:center;padding:clamp(3rem,7vw,7rem) clamp(1rem,5vw,6rem)}.alMenuStatement small,.alMenuBody nav small,.alMenuFoot{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.alMenuStatement strong{display:block;margin:1.4rem 0;font-size:clamp(2.45rem,4vw,5rem);line-height:.92;letter-spacing:-.06em}.alMenuStatement strong em{color:var(--al-amber);font-family:Georgia,serif;font-weight:400}.alMenuStatement p{max-width:35rem;color:#aaa49b;font-size:1.05rem;line-height:1.7}.alMenuStatement>a{display:inline-block;margin-top:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--al-amber);text-decoration:none;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.alMenuBody nav{display:grid}.alMenuBody nav a{display:grid;grid-template-columns:3rem 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.16);padding:.8rem 0;text-decoration:none;transition:padding .2s,color .2s}.alMenuBody nav a:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.alMenuBody nav a small{color:var(--al-amber)}.alMenuBody nav a span{font-size:clamp(1.25rem,2vw,2rem);font-weight:700}.alMenuBody nav a:hover,.alMenuBody nav a.isCurrent{padding-left:1rem;color:var(--al-amber)}.alMenuFoot{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.15rem clamp(1rem,3vw,3.75rem);border-top:1px solid rgba(255,255,255,.16);color:#aaa49b}.alMenuFoot a:last-child{text-align:left}
.alHero{min-height:100vh;background:var(--al-ink);color:#fff;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);grid-template-rows:1fr auto;position:relative}.alHero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 30%,rgba(201,135,50,.16),transparent 35%);pointer-events:none}.alHeroCopy{align-self:center;padding:clamp(8rem,12vw,11rem) clamp(1.25rem,5vw,6rem) 4rem;position:relative;z-index:2}.alBack{display:inline-block;margin-bottom:clamp(2rem,5vw,5rem);color:#aba49c!important;text-decoration:none;font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alKicker{display:flex;align-items:center;gap:.8rem;margin:0 0 1.1rem;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.alKicker span{color:var(--al-amber)}.alHero h1,.alPageHero h1{margin:0;font-size:clamp(3.3rem,6.2vw,7rem);line-height:.88;letter-spacing:-.067em;font-weight:750;max-width:9ch}.alHero h1 em,.alSection h2 em,.alPageHero h1 em,.alFooter h2 em,.alArticleCta h2 em{font-family:Georgia,serif;font-weight:400;color:var(--al-amber)}.alLead{max-width:41rem;margin:2rem 0 0;color:#bcb6ae;font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7}.alActions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.alButton{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;border:0;border-radius:999px;padding:.9rem 1.35rem;background:var(--al-ink);color:#fff!important;text-decoration:none;font-size:.73rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background .2s,color .2s}.alButton:hover{transform:translateY(-2px);background:var(--al-amber);color:var(--al-ink)!important}.alHero .alButton{background:var(--al-amber);color:var(--al-ink)!important}.alButtonLight{background:#fff;color:var(--al-ink)!important}.alTextButton{font-size:.72rem;font-weight:900;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.alTextButton span{color:var(--al-amber);margin-left:.3rem}
.alHeroVisual{position:relative;min-height:100%;overflow:hidden}.alHeroVisual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--al-ink) 0,transparent 20%,transparent 70%,rgba(0,0,0,.3))}.alPicture{margin:0;position:relative;overflow:hidden}.alPicture img{display:block;width:100%;height:100%;object-fit:cover}.alHeroVisual>.alPicture{height:100%;min-height:43rem}.alHeroVisual>.alPicture img{object-position:center}.alHeroSignal{position:absolute;z-index:2;left:2rem;bottom:3rem;width:min(18rem,55%);padding:1.2rem;background:rgba(16,16,15,.82);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px)}.alHeroSignal small,.alHeroSignal span{display:block;color:#bcb6ae;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.alHeroSignal strong{display:block;margin:.65rem 0;font-family:Georgia,serif;font-size:1.2rem}.alHeroIndex{position:absolute;z-index:2;top:7.5rem;right:2rem;width:7rem;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:left;background:var(--al-amber);color:var(--al-ink)}.alHeroIndex span{font-family:Georgia,serif;font-size:1.5rem}.alHeroIndex small{font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}.alHeroRail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;border-top:1px solid rgba(255,255,255,.17);position:relative;z-index:3}.alHeroRail article,.alHeroRail>p{margin:0;min-height:7.5rem;padding:1.2rem clamp(1rem,3vw,3rem);border-right:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;justify-content:center}.alHeroRail article small,.alHeroRail article span,.alHeroRail>p{color:#9f9991;font-size:.65rem;letter-spacing:.09em;text-transform:uppercase}.alHeroRail article strong{font-family:Georgia,serif;font-size:1.6rem;margin:.25rem 0}.alTicker{overflow:hidden;background:var(--al-amber);color:var(--al-ink);padding:.85rem 0}.alTicker>div{display:flex;width:max-content;align-items:center;animation:alTicker 22s linear infinite}.alTicker span{font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:0 1.8rem}.alTicker i{font-style:normal;font-size:.45rem}@keyframes alTicker{to{transform:translateX(-45%)}}
.alDisclosure{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;background:#ddd5c8;border-bottom:1px solid var(--al-line);padding:1rem clamp(1rem,4vw,4rem);font-size:.72rem}.alDisclosure strong{letter-spacing:.1em;text-transform:uppercase}.alDisclosure p{margin:0;color:#5e5a54;line-height:1.5}.alDisclosure a{font-weight:800;white-space:nowrap}
.alSection{padding:clamp(4.5rem,8vw,9rem) clamp(1rem,5vw,6rem)}.alSectionHead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:clamp(3rem,5vw,5rem)}.alSection h2,.alFooter h2,.alArticleCta h2{margin:.6rem 0 0;font-size:clamp(2.6rem,5vw,5.8rem);line-height:.94;letter-spacing:-.06em}.alSectionHead>p,.alCashCopy>p,.alRhythm header>p,.alEditorial header>p,.alEditorialImage>div>p{margin:0;color:#69635b;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.alArrowLink{display:inline-flex;align-items:center;gap:0;margin-top:2.2rem;text-decoration:none;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.alArrowLink span{padding-bottom:.35rem;border-bottom:1px solid currentColor}.alArrowLink i{display:grid;place-items:center;width:2rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;font-style:normal;transition:.2s}.alArrowLink:hover i{background:var(--al-amber);border-color:var(--al-amber);transform:translate(2px,-2px)}
.alPlatform{background:var(--al-paper)}.alModuleGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--al-line);border-bottom:1px solid var(--al-line)}.alModuleGrid article{min-height:27rem;padding:1.5rem;position:relative;border-right:1px solid var(--al-line);display:flex;flex-direction:column}.alModuleGrid article:last-child{border-right:0}.alModuleGrid article>span{font-family:Georgia,serif;color:var(--al-copper)}.alModuleGrid h3{margin:auto 0 1rem;font-size:clamp(1.55rem,2.2vw,2.55rem);line-height:1;letter-spacing:-.04em}.alModuleGrid p{margin:0 0 1.4rem;color:#6c665e;line-height:1.62}.alModuleGrid ul{list-style:none;padding:0;margin:0}.alModuleGrid li{border-top:1px solid var(--al-line);padding:.65rem 0;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.alModuleGrid article>a{position:absolute;top:1.2rem;right:1.2rem;text-decoration:none;font-size:1.1rem}.alModuleGrid article:hover{background:var(--al-ink);color:#fff}.alModuleGrid article:hover p{color:#bbb4ac}.alModuleGrid article:hover>span,.alModuleGrid article:hover>a{color:var(--al-amber)}
.alCashFeature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:clamp(3rem,7vw,8rem);background:var(--al-bone);align-items:center}.alCashImage{position:relative}.alCashImage>.alPicture{min-height:39rem;border-radius:14rem 1rem 1rem 1rem}.alImageCaption{position:absolute;right:-2rem;bottom:2rem;background:var(--al-ink);color:#fff;padding:1.4rem;width:min(20rem,70%)}.alImageCaption small{display:block;color:var(--al-amber);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.alImageCaption strong{display:block;margin-top:.55rem;font-family:Georgia,serif;font-size:1.4rem}.alCashCopy dl{margin:2.2rem 0 0}.alCashCopy dl>div{display:grid;grid-template-columns:2.5rem 1fr;gap:1rem;border-top:1px solid var(--al-line);padding:1rem 0}.alCashCopy dt{font-family:Georgia,serif;color:var(--al-copper)}.alCashCopy dd{margin:0}.alCashCopy dd strong,.alCashCopy dd span{display:block}.alCashCopy dd strong{font-size:1.05rem}.alCashCopy dd span{color:#6c665e;margin-top:.25rem;line-height:1.5}
.alRhythm{background:var(--al-ink);color:#fff}.alRhythm>header{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(3rem,8vw,10rem);align-items:end;margin-bottom:3rem}.alRhythm>header .alKicker{grid-column:1/-1}.alRhythm>header h2{margin:0}.alRhythm>header>p{color:#aaa49b}.alRhythmList{border-top:1px solid rgba(255,255,255,.18)}.alRhythmList article{display:grid;grid-template-columns:5rem minmax(10rem,.6fr) 1fr 4rem;gap:1rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.18);transition:padding .2s,background .2s}.alRhythmList article:hover{padding-inline:1rem;background:rgba(255,255,255,.05)}.alRhythmList article>span{font-family:Georgia,serif;color:var(--al-amber)}.alRhythmList h3{margin:0;font-size:clamp(1.45rem,2.2vw,2.5rem)}.alRhythmList p{margin:0;color:#aaa49b;line-height:1.55}.alRhythmList i{height:1px;background:var(--al-amber);position:relative}.alRhythmList i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--al-amber);border-right:1px solid var(--al-amber);transform:rotate(45deg)}.alRhythm .alArrowLink{color:#fff}
.alGovernance{background:var(--al-paper)}.alGovernanceVisual{position:relative}.alGovernanceVisual>.alPicture{height:min(62vw,46rem);border-radius:1rem 16rem 1rem 1rem}.alGovernanceOverlay{position:absolute;left:1.5rem;bottom:1.5rem;width:min(21rem,70%);background:rgba(16,16,15,.9);color:#fff;padding:1.25rem;backdrop-filter:blur(14px)}.alGovernanceOverlay small{display:block;color:var(--al-amber);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem}.alGovernanceOverlay strong{display:block;border-top:1px solid rgba(255,255,255,.19);padding:.65rem 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.alGovernanceFacts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1.3rem;border-top:1px solid var(--al-line);border-bottom:1px solid var(--al-line)}.alGovernanceFacts article{padding:1.35rem;border-right:1px solid var(--al-line)}.alGovernanceFacts article:last-child{border-right:0}.alGovernanceFacts span{font-family:Georgia,serif;color:var(--al-copper)}.alGovernanceFacts h3{font-size:1rem;margin:2rem 0 .7rem;text-transform:uppercase;letter-spacing:.04em}.alGovernanceFacts p{margin:0;color:#6c665e;line-height:1.55}
.alInsights{background:var(--al-bone)}.alInsightGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.alInsightGrid article{background:var(--al-paper);border:1px solid var(--al-line);overflow:hidden}.alInsightGrid .alPicture{height:18rem}.alInsightGrid article>div{padding:1.35rem}.alInsightGrid small,.alInsightsIndex small,.alContinue small{color:var(--al-copper);font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.alInsightGrid h3{font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.1;margin:1rem 0}.alInsightGrid h3 a{text-decoration:none}.alInsightGrid p{color:#6c665e;line-height:1.55}.alInsightGrid article>div>span{font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.alInsightGrid article:hover .alPicture img{transform:scale(1.03)}.alInsightGrid .alPicture img{transition:transform .45s}
.alFaq{display:grid;grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,9rem)}.alFaq>header{position:sticky;top:7rem;align-self:start}.alFaq details{border-top:1px solid var(--al-line);padding:0}.alFaq details:last-child{border-bottom:1px solid var(--al-line)}.alFaq summary{list-style:none;display:grid;grid-template-columns:3rem 1fr 2rem;align-items:center;gap:1rem;padding:1.2rem 0;cursor:pointer}.alFaq summary::-webkit-details-marker{display:none}.alFaq summary>span{font-family:Georgia,serif;color:var(--al-copper)}.alFaq summary strong{font-size:1.05rem}.alFaq summary i{font-style:normal;font-size:1.5rem}.alFaq details[open] summary i{transform:rotate(45deg)}.alFaq details p{margin:0 3rem 1.4rem;color:#6c665e;line-height:1.65;max-width:48rem}
.alPageHero{background:var(--al-ink);color:#fff;min-height:42rem;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);position:relative}.alPageHero>div:first-child{align-self:center;padding:9rem clamp(1rem,5vw,6rem) 4rem}.alPageHero h1{max-width:12ch;font-size:clamp(3rem,5.7vw,6.4rem);text-wrap:balance}.alPageHero>div:first-child>p:last-child{max-width:38rem;color:#bcb6ae;font-size:1.08rem;line-height:1.7}.alPageHero>.alPicture{height:100%;min-height:42rem}.alPageHero>.alPicture::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--al-ink),transparent 25%)}.alPageHeroMark{position:absolute!important;right:2rem;bottom:2rem!important;padding:0!important;width:8rem;aspect-ratio:1;display:grid;place-content:center;text-align:left;background:var(--al-amber);color:var(--al-ink);border-radius:50%}.alPageHeroMark span{font-family:Georgia,serif;font-size:1.7rem}.alPageHeroMark small{font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}
.alCatalog>div{display:grid;gap:1.5rem}.alCatalog>div>article{display:grid;grid-template-columns:1fr 1fr;min-height:32rem;background:var(--al-bone);border-radius:1rem;overflow:hidden}.alCatalog>div>article:nth-child(even) .alPicture{order:2}.alCatalog>div>article>.alPicture{min-height:31rem}.alCatalog>div>article>div{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.alCatalog small{color:var(--al-copper);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alCatalog h2{font-size:clamp(2.2rem,4vw,4.5rem)}.alCatalog p{color:#6c665e;line-height:1.65}.alCatalog ul,.alItem ul{list-style:none;padding:0;margin:1rem 0}.alCatalog li,.alItem li{border-top:1px solid var(--al-line);padding:.7rem 0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.alEditorial>header{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:4rem}.alEditorial>header .alKicker{grid-column:1/-1}.alEditorial>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--al-line);border-bottom:1px solid var(--al-line)}.alEditorial article{min-height:20rem;padding:1.3rem;border-right:1px solid var(--al-line)}.alEditorial article:last-child{border:0}.alEditorial article>span{font-family:Georgia,serif;color:var(--al-copper)}.alEditorial h3{font-size:clamp(1.25rem,1.9vw,2rem);margin:4rem 0 1rem;line-height:1.05}.alEditorial article p{color:#6c665e;line-height:1.58}.alEditorialImage{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(3rem,7vw,8rem);align-items:center;background:var(--al-bone)}.alEditorialImage>.alPicture{height:38rem;border-radius:1rem 12rem 1rem 1rem}.alEditorialImage small{color:var(--al-copper);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alEditorialImage h2{font-size:clamp(2.2rem,3.7vw,4rem)}
.alItem{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,9rem);align-items:center}.alItem>div p{color:#6c665e;font-size:1.07rem;line-height:1.7}.alItem>.alPicture{height:39rem;border-radius:12rem 1rem 1rem 1rem}.alItem .alButton{margin-top:1.5rem}
.alPricing{background:var(--al-paper)}.alPricing>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}.alPricing article{min-height:37rem;padding:1.5rem;border:1px solid var(--al-line);display:flex;flex-direction:column;border-radius:.7rem}.alPricing article.isFeatured{background:var(--al-ink);color:#fff;transform:translateY(-1rem)}.alPricing article>small{font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--al-copper)}.alPricing article.isFeatured>small{color:var(--al-amber)}.alPricing h3{font-size:clamp(1.8rem,2.5vw,2.8rem);margin:3rem 0 .5rem}.alPricing article>strong{font-family:Georgia,serif;font-size:1.9rem;color:var(--al-copper)}.alPricing article.isFeatured>strong{color:var(--al-amber)}.alPricing article>p{color:#6c665e;line-height:1.55;min-height:5rem}.alPricing article.isFeatured>p{color:#aaa49b}.alPricing article ul{list-style:none;margin:1rem 0 2rem;padding:0}.alPricing article li{padding:.7rem 0;border-top:1px solid currentColor;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.alPricing article .alButton{margin-top:auto;align-self:flex-start}.alPricingNote{margin:1.5rem 0 0;color:#6c665e;font-size:.75rem;line-height:1.6}
.alInsightsIndex>div{display:grid;gap:1.5rem}.alInsightsIndex article{display:grid;grid-template-columns:.75fr 1.25fr;min-height:26rem;border-top:1px solid var(--al-line);padding-top:1.5rem}.alInsightsIndex article>.alPicture{height:25rem;border-radius:1rem}.alInsightsIndex article>div{padding:1rem clamp(1rem,4vw,4rem)}.alInsightsIndex h2{font-size:clamp(2rem,3.5vw,4rem);max-width:16ch}.alInsightsIndex h2 a{text-decoration:none}.alInsightsIndex p{color:#6c665e;line-height:1.65;max-width:45rem}
.alArticle{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:clamp(3rem,8vw,10rem);max-width:90rem;margin:auto}.alArticle>aside{position:sticky;top:7rem;align-self:start;display:grid}.alArticle aside small{font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--al-copper);margin-bottom:1rem}.alArticle aside a,.alArticle aside span{padding:.75rem 0;border-top:1px solid var(--al-line);font-size:.78rem;text-decoration:none}.alArticle>div>section{padding:0 0 4rem;margin-bottom:4rem;border-bottom:1px solid var(--al-line);scroll-margin-top:7rem}.alArticle>div>section>span{font-family:Georgia,serif;color:var(--al-copper)}.alArticle h2{font-size:clamp(2.3rem,4.5vw,5rem);max-width:14ch}.alArticleLead{font-family:Georgia,serif;font-size:clamp(1.4rem,2.4vw,2.3rem);line-height:1.35;color:var(--al-copper)}.alArticle>div>section>p:last-child{font-size:1.08rem;line-height:1.75;color:#625d56;max-width:48rem}.alContinue{background:var(--al-bone);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,9rem)}.alContinue>header{align-self:start;position:sticky;top:7rem}.alContinue>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.alContinue article{background:var(--al-paper);padding-bottom:1.2rem}.alContinue article>.alPicture{height:18rem}.alContinue article>small,.alContinue article>h3,.alContinue article>p{display:block;margin-left:1.2rem;margin-right:1.2rem}.alContinue article>small{margin-top:1.2rem}.alContinue h3{font-size:1.5rem;line-height:1.15}.alContinue h3 a{text-decoration:none}.alContinue article p{color:#6c665e;line-height:1.55}.alArticleCta{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);background:var(--al-ink);color:#fff;padding:clamp(4rem,8vw,8rem) clamp(1rem,5vw,6rem)}.alArticleCta small{color:var(--al-amber);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alArticleCta>div:last-child{align-self:end}.alArticleCta p{color:#aaa49b;line-height:1.65;max-width:35rem}
.alContact{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,9rem)}.alContact>div:first-child{align-self:start;position:sticky;top:7rem}.alContact>div:first-child>p:not(.alKicker){color:#6c665e;line-height:1.65}.alContact dl>div{display:grid;grid-template-columns:3rem 1fr;border-top:1px solid var(--al-line);padding:.75rem 0}.alContact dt{font-family:Georgia,serif;color:var(--al-copper)}.alContact dd{margin:0;font-weight:800}.alContactForm{background:var(--al-bone);padding:clamp(1.4rem,3vw,3rem);border-radius:1rem}.alContactForm>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.alContactForm label{display:grid;gap:.45rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.alContactForm input,.alContactForm select,.alContactForm textarea{width:100%;border:1px solid var(--al-line);background:var(--al-paper);padding:1rem;border-radius:.35rem;color:var(--al-ink);font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none}.alContactForm .alCheck{display:flex;grid-template-columns:auto 1fr;align-items:start}.alContactForm .alCheck input{width:auto;margin-top:.15rem}.alContactForm .alCheck span{font-weight:400;line-height:1.4;text-transform:none;letter-spacing:0}.alContactForm>p{color:var(--al-sage);font-weight:800}.alWorkspaceSection{background:var(--al-bone)}
.alWorkspace{background:var(--al-paper);border:1px solid var(--al-line);box-shadow:0 24px 80px rgba(40,32,22,.1);border-radius:1rem;overflow:hidden}.alWorkspaceTop{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--al-line)}.alWorkspaceTop>div{margin-right:auto}.alWorkspaceTop small,.alWorkspaceTop strong{display:block}.alWorkspaceTop small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--al-copper)}.alWorkspaceTop button{border:0;border-radius:999px;background:var(--al-ink);color:#fff;padding:.7rem 1rem;font-size:.7rem;font-weight:900;text-transform:uppercase}.alWorkspaceGrid{display:grid;grid-template-columns:14rem 1fr;min-height:42rem}.alWorkspaceGrid>aside{background:var(--al-ink);color:#fff;padding:1.2rem;display:flex;flex-direction:column}.alWorkspaceGrid>aside>small{color:var(--al-amber);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.alWorkspaceGrid>aside button{display:grid;grid-template-columns:2rem 1fr;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.15);background:none;color:#aaa49b;padding:1rem 0;cursor:pointer}.alWorkspaceGrid>aside button span{color:var(--al-amber)}.alWorkspaceGrid>aside button.isActive{color:#fff}.alWorkspaceGrid>aside p{margin-top:auto;color:#77716b;font-size:.68rem;line-height:1.6}.alWorkspaceMain{padding:clamp(1.2rem,3vw,2.5rem)}.alWorkspaceMain>header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.alWorkspaceMain>header small{color:var(--al-copper);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.alWorkspaceMain>header h2{font-size:clamp(2rem,3vw,3.5rem);margin:.3rem 0}.alScenarioTabs{display:flex;border:1px solid var(--al-line);border-radius:999px;padding:.25rem}.alScenarioTabs button{border:0;background:none;border-radius:999px;padding:.6rem .8rem;font-size:.68rem;font-weight:800;cursor:pointer}.alScenarioTabs button.isActive{background:var(--al-ink);color:#fff}.alWorkspaceStats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.alWorkspaceStats article{border:1px solid var(--al-line);padding:1rem}.alWorkspaceStats small,.alWorkspaceStats span{display:block;color:#6c665e;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.alWorkspaceStats strong{display:block;font-family:Georgia,serif;font-size:1.8rem;margin:.4rem 0}.alChart{display:flex;gap:.7rem;align-items:end;height:17rem;border:1px solid var(--al-line);padding:1.2rem 1.2rem .8rem;background:linear-gradient(rgba(16,16,15,.05) 1px,transparent 1px);background-size:100% 25%}.alChart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem}.alChart i{display:block;width:min(70%,3rem);background:linear-gradient(var(--al-amber),var(--al-copper));min-height:.5rem;transition:height .35s}.alChart b{font-size:.7rem}.alChart span{font-size:.62rem;color:#6c665e}.alDrivers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.alDrivers label{display:grid;grid-template-columns:1fr auto;gap:.5rem;font-size:.65rem;font-weight:800;text-transform:uppercase}.alDrivers input{grid-column:1/-1;width:100%;accent-color:var(--al-copper)}
.alCommerce{padding-top:8rem}.alCommerce .demoCommerceShell{max-width:90rem;margin:auto}
.alFooter{background:var(--al-ink);color:#fff}.alFooterCta{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,9rem);padding:clamp(4.5rem,8vw,8rem) clamp(1rem,5vw,6rem);background:var(--al-amber);color:var(--al-ink)}.alFooterCta small{font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.alFooterCta p{line-height:1.65;max-width:35rem}.alFooterMain{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:clamp(3rem,7vw,8rem);padding:clamp(4rem,7vw,7rem) clamp(1rem,5vw,6rem)}.alFooterIdentity p{color:#aaa49b;line-height:1.65;max-width:32rem;margin:2rem 0}.alFooterIdentity>span{font-size:.65rem;color:#77716b;letter-spacing:.08em;text-transform:uppercase}.alFooterMain nav{display:flex;flex-direction:column}.alFooterMain nav small{color:var(--al-amber);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem}.alFooterMain nav a{padding:.75rem 0;border-top:1px solid rgba(255,255,255,.16);text-decoration:none;font-size:.86rem}.alFooterMain nav a:hover{color:var(--al-amber);padding-left:.4rem}.alFooterBottom{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:1rem;padding:1.1rem clamp(1rem,5vw,6rem);border-top:1px solid rgba(255,255,255,.16);font-size:.64rem;color:#77716b;text-transform:uppercase;letter-spacing:.07em}.alFooterBottom a{color:#aaa49b}
[data-al-reveal]{opacity:1;transform:none}.alMotionReady [data-al-reveal]{opacity:0;transform:translateY(2rem);transition:opacity .7s ease,transform .7s ease}.alMotionReady [data-al-reveal].isVisible{opacity:1;transform:none}
@media(max-width:1180px){.alDesktopNav{display:none}.alHeader{grid-template-columns:auto 1fr}.alHeaderActions{justify-self:end}.alModuleGrid{grid-template-columns:1fr 1fr}.alModuleGrid article:nth-child(2){border-right:0}.alModuleGrid article:nth-child(-n+2){border-bottom:1px solid var(--al-line)}.alGovernanceFacts,.alEditorial>div{grid-template-columns:1fr 1fr}.alGovernanceFacts article:nth-child(2),.alEditorial article:nth-child(2){border-right:0}.alGovernanceFacts article:nth-child(-n+2),.alEditorial article:nth-child(-n+2){border-bottom:1px solid var(--al-line)}.alPricing>div{gap:.7rem}.alPageHero{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.alHeaderLink{display:none}.alHero{grid-template-columns:1fr;grid-template-rows:auto auto auto}.alHeroCopy{padding-top:8.5rem}.alHero h1{font-size:clamp(3.3rem,11vw,6rem)}.alHeroVisual{min-height:32rem}.alHeroVisual>.alPicture{min-height:32rem}.alHeroRail{grid-template-columns:repeat(3,1fr)}.alHeroRail>p{grid-column:1/-1;min-height:auto;border-top:1px solid rgba(255,255,255,.17)}.alSectionHead,.alCashFeature,.alRhythm>header,.alEditorial>header,.alEditorialImage,.alItem,.alContact,.alContinue,.alArticleCta{grid-template-columns:1fr}.alSectionHead{align-items:start}.alCashImage>.alPicture{min-height:30rem}.alImageCaption{right:1rem}.alRhythmList article{grid-template-columns:3rem minmax(8rem,.5fr) 1fr 2rem}.alInsightGrid{grid-template-columns:1fr 1fr}.alInsightGrid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.alFaq{grid-template-columns:1fr}.alFaq>header,.alContinue>header,.alContact>div:first-child{position:static}.alPageHero{grid-template-columns:1fr;min-height:0}.alPageHero>div:first-child{padding-bottom:3rem}.alPageHero>.alPicture{min-height:30rem}.alPageHero>.alPicture::after{background:linear-gradient(180deg,var(--al-ink),transparent 35%)}.alCatalog>div>article{grid-template-columns:1fr}.alCatalog>div>article:nth-child(even) .alPicture{order:0}.alEditorialImage>.alPicture,.alItem>.alPicture{height:30rem}.alPricing>div{grid-template-columns:1fr}.alPricing article{min-height:0}.alPricing article.isFeatured{transform:none}.alInsightsIndex article{grid-template-columns:1fr}.alArticle{grid-template-columns:1fr}.alArticle>aside{position:static}.alContinue>div{grid-template-columns:1fr 1fr}.alWorkspaceGrid{grid-template-columns:1fr}.alWorkspaceGrid>aside{display:grid;grid-template-columns:1fr 1fr}.alWorkspaceGrid>aside>small,.alWorkspaceGrid>aside p{grid-column:1/-1}.alFooterCta,.alFooterMain{grid-template-columns:1fr 1fr}.alFooterIdentity{grid-column:1/-1}.alFooterBottom{grid-template-columns:1fr 1fr}.alMenuBody{grid-template-columns:1fr;align-items:start}.alMenuStatement strong{font-size:clamp(2.5rem,7vw,4rem)}}
@media(max-width:620px){.alHeader{padding:.7rem .85rem}.alBrand>span{width:2.2rem}.alBrand b{font-size:.72rem}.alHeaderCta{display:none}.alMenuTrigger span{display:none}.alMenuTrigger{width:2.7rem;height:2.7rem;justify-content:center}.alMenuBody{padding:2rem 1rem;gap:2rem}.alMenuStatement p{font-size:.9rem}.alMenuBody nav a{padding:.55rem 0}.alMenuBody nav a span{font-size:1.1rem}.alMenuFoot{grid-template-columns:1fr;gap:.5rem}.alMenuFoot a:last-child{text-align:left}.alHeroCopy{padding:7.5rem 1rem 2.5rem}.alHero h1,.alPageHero h1{font-size:clamp(2.85rem,15vw,4.5rem)}.alLead{font-size:.98rem}.alHeroVisual,.alHeroVisual>.alPicture{min-height:26rem}.alHeroVisual>.alPicture img{object-position:60% center}.alHeroSignal{left:1rem;bottom:1rem;width:65%}.alHeroIndex{top:1rem;right:1rem;width:5.5rem}.alHeroRail{grid-template-columns:1fr 1fr}.alHeroRail article:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(255,255,255,.17)}.alHeroRail article{min-height:6rem;padding:1rem}.alHeroRail article strong{font-size:1.25rem}.alDisclosure{grid-template-columns:1fr;gap:.4rem}.alDisclosure a{margin-top:.4rem}.alSection{padding:3.75rem 1rem}.alSection h2,.alFooter h2,.alArticleCta h2{font-size:clamp(2.45rem,13vw,4rem)}.alSectionHead{margin-bottom:2.2rem}.alModuleGrid{grid-template-columns:1fr}.alModuleGrid article{min-height:19rem;border-right:0!important;border-bottom:1px solid var(--al-line)}.alModuleGrid article:last-child{border-bottom:0}.alModuleGrid h3{margin-top:3rem}.alCashImage>.alPicture{min-height:25rem;border-radius:7rem .8rem .8rem .8rem}.alCashImage>.alPicture img{object-position:52% center}.alImageCaption{bottom:1rem;width:80%}.alRhythmList article{grid-template-columns:2.5rem 1fr 1.5rem}.alRhythmList article p{grid-column:2/4}.alGovernanceVisual>.alPicture{height:28rem;border-radius:.8rem 7rem .8rem .8rem}.alGovernanceVisual>.alPicture img{object-position:50% center}.alGovernanceOverlay{left:.7rem;bottom:.7rem;width:80%}.alGovernanceFacts,.alEditorial>div{grid-template-columns:1fr}.alGovernanceFacts article,.alEditorial article{border-right:0!important;border-bottom:1px solid var(--al-line)}.alGovernanceFacts article:last-child,.alEditorial article:last-child{border-bottom:0}.alGovernanceFacts h3,.alEditorial h3{margin-top:2rem}.alInsightGrid{grid-template-columns:1fr}.alInsightGrid article:last-child{grid-column:auto;display:block}.alInsightGrid .alPicture{height:14rem}.alFaq details p{margin-left:0;margin-right:0}.alPageHero>div:first-child{padding:7.5rem 1rem 2.5rem}.alPageHero>.alPicture{min-height:25rem}.alPageHero>.alPicture img{object-position:center}.alPageHeroMark{width:5.5rem;right:1rem;bottom:1rem!important}.alCatalog>div>article>.alPicture{min-height:22rem}.alCatalog>div>article>div{padding:1.4rem}.alEditorialImage>.alPicture,.alItem>.alPicture{height:24rem}.alInsightsIndex article>.alPicture{height:18rem}.alInsightsIndex article>div{padding:1.2rem 0}.alArticle>div>section{padding-bottom:2.5rem;margin-bottom:2.5rem}.alContinue>div{grid-template-columns:1fr}.alContinue article>.alPicture{height:14rem}.alContactForm{padding:1rem}.alContactForm>div{grid-template-columns:1fr}.alWorkspaceTop{align-items:flex-start;flex-wrap:wrap}.alWorkspaceTop>span{order:3;width:100%}.alWorkspaceGrid>aside{grid-template-columns:1fr}.alWorkspaceGrid>aside>small,.alWorkspaceGrid>aside p{grid-column:auto}.alWorkspaceMain{padding:1rem}.alWorkspaceMain>header{align-items:flex-start;flex-direction:column}.alScenarioTabs{width:100%;overflow:auto}.alScenarioTabs button{flex:1}.alWorkspaceStats{grid-template-columns:1fr}.alChart{height:12rem;padding:.8rem .45rem}.alChart b{font-size:.58rem}.alDrivers{grid-template-columns:1fr}.alFooterCta,.alFooterMain,.alFooterBottom{grid-template-columns:1fr}.alFooterCta,.alArticleCta{padding:3.75rem 1rem}.alFooterMain{padding:3rem 1rem}.alFooterBottom{padding:1rem}.alFooterIdentity{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.alSite *{scroll-behavior:auto!important}.alTicker>div{animation:none}[data-al-reveal]{opacity:1;transform:none;transition:none}.alPicture img,.alArrowLink i{transition:none}}

/* app/experience-polish.css */
/*
 * Experience polish v47
 * Compact, content-led hero rhythm shared by every demo architecture and
 * Vankpa insight detail. The source themes stay distinct; their proportions,
 * type scale, motion quality, and touch behavior now share one standard.
 */

:where(.demoSite,.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sbSite) main {
  overflow: clip;
}

/* RoutePilot owns an absolute Avelety-style header. Its hero content must clear
 * that header before the shared compact-demo rules reduce vertical rhythm. */
.rpSite .rpHero {
  gap: 0 !important;
  padding-top: clamp(10rem, 15vw, 13.125rem) !important;
  padding-bottom: 6rem !important;
}

.rpSite .rpPageHero {
  padding-top: clamp(10rem, 14vw, 12rem) !important;
}

@media (max-width: 900px) {
  .rpSite .rpHeader {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .rpSite .rpHeaderActions {
    justify-self: end !important;
  }

  .rpSite .rpMenuTrigger {
    flex-direction: column !important;
  }

  .rpSite .rpHero {
    padding: 7.25rem 1rem 2.75rem !important;
  }

  .rpSite .rpPageHero {
    padding-top: 7.5rem !important;
  }
}

:is(
  .ftHero,
  .rpHero,
  .premiumHero,
  .alHero,
  .fnHero,
  .atHero,
  .sbHero,
  .demoTheme-meridian .demoHomeHero
) h1 {
  font-size: clamp(2.65rem, 3.65vw, 4.5rem) !important;
  line-height: .94 !important;
  letter-spacing: -.052em !important;
  text-wrap: balance;
}

:is(
  .ftPageHero,
  .rpPageHero,
  .alPageHero,
  .fnPageHero,
  .fnItemHero,
  .fnArticleHero,
  .atPageHero,
  .atDetailHero,
  .atInquiryHero,
  .sbPageHero,
  .sbDetailHero,
  .demoPageHero
) h1 {
  font-size: clamp(2.45rem, 3.5vw, 4.35rem) !important;
  line-height: .96 !important;
  letter-spacing: -.048em !important;
  text-wrap: balance;
}

/* Home heroes: remove forced viewport-height gaps while preserving impact. */
.rpHero,
.alHero,
.fnHero,
.sbHero,
.premiumHero,
.demoTheme-meridian .demoHomeHero {
  min-height: 0 !important;
}

.rpHero,
.fnHero,
.sbHero,
.premiumHero,
.demoTheme-meridian .demoHomeHero {
  padding-top: clamp(6.75rem, 8vw, 8rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 3.75rem) !important;
}

.rpHero,
.fnHero,
.premiumHero,
.demoTheme-meridian .demoHomeHero,
.sbHero {
  gap: clamp(1.5rem, 3vw, 3.25rem) !important;
}

.rpHeroVisual,
.sbHeroVisual {
  min-height: 0 !important;
  aspect-ratio: 4 / 3;
}

.rpHeroVisual img,
.sbHeroVisual picture,
.sbHeroVisual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.alHeroCopy {
  padding-top: clamp(6.75rem, 8vw, 8rem) !important;
  padding-bottom: clamp(2.5rem, 4vw, 3.75rem) !important;
}

.alHeroVisual,
.alHeroVisual > .alPicture {
  min-height: 0 !important;
}

.alHeroVisual > .alPicture {
  height: 100% !important;
  aspect-ratio: 4 / 3;
}

.alHeroRail article,
.alHeroRail > p,
.fnHeroStats article,
.fnHeroStats > p {
  min-height: 6.5rem !important;
}

.fnHeroVisual .fnPicture {
  aspect-ratio: 4 / 3 !important;
}

.premiumHeroVisual,
.premiumHome--civicflow .premiumHeroVisual,
.premiumHome--harborline .premiumHeroVisual {
  min-height: clamp(31rem, 48vw, 43rem) !important;
}

.premiumHome--civicflow .premiumHeroCopy,
.premiumHome--harborline .premiumHeroCopy {
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
}

.demoTheme-meridian .demoHomeHero {
  padding-inline: clamp(1.25rem, 4vw, 4.5rem) !important;
}

.demoTheme-meridian .demoHomeMedia {
  min-height: 0 !important;
  aspect-ratio: 4 / 3;
}

@media (min-width: 821px) {
  .demoTheme-meridian .demoHomeHero {
    grid-template-rows: minmax(0, auto) !important;
    align-items: center !important;
  }

  .demoTheme-meridian .demoHomeCopy,
  .demoTheme-meridian .demoHomeMedia,
  .demoTheme-meridian .demoHeroSignature {
    grid-row: 1 !important;
  }

  .demoTheme-meridian .demoHomeMedia {
    align-self: center !important;
    height: min(40rem, 68svh) !important;
  }

  .demoTheme-meridian .demoHeroSignature {
    align-self: end !important;
    margin: 0 0 -1.5rem !important;
    z-index: 4;
  }
}

.ftHero,
.atHero {
  min-height: min(51rem, 100svh) !important;
}

.ftHeroCopy,
.atHeroContent {
  max-width: min(44rem, calc(100% - 2.5rem));
}

/* Editorial overlays should introduce the message before the fold, even on
 * image-led themes. */
.ftHeroCopy {
  align-self: center !important;
}

/* Utility, commerce, and long-form routes use several theme-specific shells.
 * Keep their primary titles on the same restrained scale as the hero system. */
:is(
  .demoCommerceHeading,
  .atSimpleMessage,
  .atArticle > header,
  .sbCommerce,
  .sbArticle > header
) h1 {
  font-size: clamp(2.45rem, 3.65vw, 4.1rem) !important;
  line-height: .98 !important;
  letter-spacing: -.048em !important;
  text-wrap: balance;
}

.sbArticle > header {
  padding-top: clamp(6.5rem, 8vw, 7.5rem) !important;
  padding-bottom: clamp(3.5rem, 5vw, 5rem) !important;
}

.sbArticle header > a:first-child {
  margin-bottom: 1.5rem !important;
}

.alCommerce {
  padding-top: clamp(4.75rem, 6vw, 6rem) !important;
}

/* Every demo subpage gets the same compact entry rhythm. */
.demoPageHero,
.demoTheme-pulsecare .demoPageHero,
.demoTheme-civicflow .demoPageHero,
.demoTheme-harborline .demoPageHero,
.ftPageHero,
.rpPageHero,
.alPageHero,
.fnPageHero,
.fnItemHero,
.fnArticleHero,
.sbPageHero,
.sbDetailHero {
  min-height: 0 !important;
  padding-top: clamp(6.75rem, 8vw, 8rem) !important;
  padding-bottom: clamp(2.75rem, 4.5vw, 4rem) !important;
  gap: clamp(1.5rem, 4vw, 4rem) !important;
  align-items: center;
}

.demoPageVisual,
.demoTheme-pulsecare .demoPageVisual,
.demoTheme-civicflow .demoPageVisual,
.demoTheme-harborline .demoPageVisual,
.rpPageHeroImage,
.alPageHero > .alPicture,
.fnPageHero .fnPicture,
.fnItemHero .fnPicture,
.fnArticleHero .fnPicture,
.sbPageHero > picture,
.sbDetailHero > picture {
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
}

.demoPageVisual .responsive-picture,
.demoPageVisual picture,
.demoPageVisual img,
.rpPageHeroImage img,
.alPageHero > .alPicture img,
.fnPageHero .fnPicture img,
.fnItemHero .fnPicture img,
.fnArticleHero .fnPicture img,
.sbPageHero > picture img,
.sbDetailHero > picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atPageHero {
  height: clamp(32rem, 68svh, 42rem) !important;
  min-height: 0 !important;
}

.atDetailHero,
.atInquiryHero {
  min-height: 0 !important;
  padding-top: 4.5rem !important;
}

/* Insight detail: the title now begins near the navigation, not near the fold. */
.ke-article > header {
  min-height: 0 !important;
  padding: clamp(7rem, 8.5vw, 8rem) var(--gutter) clamp(3.25rem, 5vw, 4.75rem) !important;
  justify-content: flex-start !important;
}

.ke-article > header h1 {
  max-width: 68rem !important;
  margin: clamp(1.6rem, 3vw, 2.5rem) 0 clamp(1.75rem, 3vw, 2.75rem) !important;
  font-size: clamp(2.7rem, 3.7vw, 4.15rem) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
}

/* Modern motion that never hides essential content. */
@keyframes v47-hero-rise {
  from { opacity: .01; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

@keyframes v47-hero-image {
  from { opacity: .01; transform: scale(1.025); }
  to { opacity: 1; transform: scale(1); }
}

:is(
  .ftHero,
  .rpHero,
  .premiumHero,
  .alHero,
  .fnHero,
  .atHero,
  .sbHero,
  .demoHomeHero,
  .demoPageHero,
  .ftPageHero,
  .rpPageHero,
  .alPageHero,
  .fnPageHero,
  .fnItemHero,
  .fnArticleHero,
  .atPageHero,
  .sbPageHero,
  .sbDetailHero,
  .demoCommerceHeading,
  .atSimpleMessage,
  .atArticle > header,
  .sbCommerce,
  .sbArticle > header,
  .ke-article > header
) h1 {
  animation: v47-hero-rise .72s cubic-bezier(.16,1,.3,1) both;
}

:is(
  .ftHeroMedia,
  .rpHeroVisual,
  .premiumHeroVisual,
  .alHeroVisual,
  .fnHeroVisual,
  .atHero > picture,
  .sbHeroVisual,
  .demoHomeMedia,
  .demoPageVisual,
  .rpPageHeroImage,
  .alPageHero > .alPicture,
  .fnPageHero .fnPicture,
  .fnItemHero .fnPicture,
  .fnArticleHero .fnPicture,
  .atPageHero > picture,
  .sbPageHero > picture,
  .sbDetailHero > picture
) {
  animation: v47-hero-image .9s cubic-bezier(.16,1,.3,1) both;
}

:is(
  .demoPrimary,
  .demoSecondary,
  .premiumButton,
  .rpButton,
  .alButton,
  .fnButton,
  .fnGhostButton,
  .ftPrimary,
  .sbHeroCopy a,
  .atHeroContent a
) {
  transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s ease, background-color .3s ease, color .3s ease !important;
}

@media (hover: hover) {
  :is(
    .demoPrimary,
    .demoSecondary,
    .premiumButton,
    .rpButton,
    .alButton,
    .fnButton,
    .fnGhostButton,
    .ftPrimary,
    .sbHeroCopy a,
    .atHeroContent a
  ):hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(0,0,0,.15);
  }

  :is(
    .demoItemGrid article,
    .demoCatalogGrid > article,
    .premiumEditorial article,
    .rpSystemGrid article,
    .alModuleGrid article,
    .fnModuleGrid article,
    .atResidenceCard,
    .sbWorkCard
  ) {
    transition: transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease, border-color .3s ease;
  }

  :is(
    .demoItemGrid article,
    .demoCatalogGrid > article,
    .premiumEditorial article,
    .rpSystemGrid article,
    .alModuleGrid article,
    .fnModuleGrid article,
    .atResidenceCard,
    .sbWorkCard
  ):hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(24,20,16,.12);
  }
}

.hero-v5-title {
  max-width: 46rem !important;
  font-size: clamp(2.75rem, 3.75vw, 4.65rem) !important;
  line-height: .92 !important;
}

@media (max-width: 820px) {
  :is(
    .ftHero,
    .rpHero,
    .premiumHero,
    .alHero,
    .fnHero,
    .atHero,
    .sbHero,
    .demoTheme-meridian .demoHomeHero
  ) h1 {
    font-size: clamp(2.1rem, 9.2vw, 2.7rem) !important;
    line-height: 1 !important;
  }

  :is(
    .ftPageHero,
    .rpPageHero,
    .alPageHero,
    .fnPageHero,
    .fnItemHero,
    .fnArticleHero,
    .atPageHero,
    .atDetailHero,
    .atInquiryHero,
    .sbPageHero,
    .sbDetailHero,
    .demoPageHero
  ) h1 {
    font-size: clamp(2rem, 8.8vw, 2.65rem) !important;
    line-height: 1 !important;
  }

  .rpHero,
  .fnHero,
  .sbHero,
  .premiumHero,
  .demoTheme-meridian .demoHomeHero {
    grid-template-columns: 1fr !important;
    gap: 1.6rem !important;
    padding: 6rem 1rem 2rem !important;
  }

  .rpHeroVisual,
  .premiumHeroVisual,
  .premiumHome--civicflow .premiumHeroVisual,
  .premiumHome--harborline .premiumHeroVisual,
  .sbHeroVisual,
  .demoTheme-meridian .demoHomeMedia {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  .alHero {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
  }

  .alHeroCopy {
    padding: 6.5rem 1rem 2rem !important;
  }

  .alBack {
    margin-bottom: 1.5rem !important;
  }

  .alHeroVisual,
  .alHeroVisual > .alPicture {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  .fnHeroVisual .fnPicture {
    aspect-ratio: 4 / 3 !important;
  }

  .alHeroRail article,
  .alHeroRail > p,
  .fnHeroStats article,
  .fnHeroStats > p {
    min-height: 5.5rem !important;
    padding: .9rem !important;
  }

  .premiumHeroAside,
  .premiumHome--civicflow .premiumHeroAside,
  .premiumHome--harborline .premiumHeroAside {
    padding: 1rem !important;
  }

  .ftHero,
  .atHero {
    min-height: min(42rem, 82svh) !important;
  }

  :is(
    .demoCommerceHeading,
    .atSimpleMessage,
    .atArticle > header,
    .sbCommerce,
    .sbArticle > header
  ) h1 {
    font-size: clamp(2rem, 8.8vw, 2.65rem) !important;
    line-height: 1 !important;
  }

  .demoCommerceShell {
    padding-top: 2.5rem !important;
  }

  .alCommerce {
    padding-top: 5.25rem !important;
  }

  .sbArticle > header {
    padding: 6rem 1.1rem 3.25rem !important;
  }

  .aurelineBridal .ftProductDetail {
    padding-top: 2rem !important;
  }

  .aurelineBridal .ftProductInfo {
    order: -1;
    position: static;
    top: auto;
  }

  .demoPageHero,
  .demoTheme-pulsecare .demoPageHero,
  .demoTheme-civicflow .demoPageHero,
  .demoTheme-harborline .demoPageHero,
  .ftPageHero,
  .rpPageHero,
  .alPageHero,
  .fnPageHero,
  .fnItemHero,
  .fnArticleHero,
  .sbPageHero,
  .sbDetailHero {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 6rem 1rem 2rem !important;
  }

  .demoPageVisual,
  .demoTheme-pulsecare .demoPageVisual,
  .demoTheme-civicflow .demoPageVisual,
  .demoTheme-harborline .demoPageVisual,
  .rpPageHeroImage,
  .alPageHero > .alPicture,
  .fnPageHero .fnPicture,
  .fnItemHero .fnPicture,
  .fnArticleHero .fnPicture,
  .sbPageHero > picture,
  .sbDetailHero > picture {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  .atPageHero {
    height: min(34rem, 68svh) !important;
  }

  .atDetailHero,
  .atInquiryHero {
    padding-top: 4rem !important;
  }

  .atDetailHero > picture,
  .atInquiryHero > picture {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
  }

  .ke-article > header {
    padding: 6.4rem var(--gutter) 2.75rem !important;
  }

  .ke-article > header h1 {
    margin: 1.3rem 0 1.6rem !important;
    font-size: clamp(2.25rem, 9.8vw, 3.1rem) !important;
    line-height: 1 !important;
  }

  .hero-v5-title {
    max-width: 21ch !important;
    font-size: clamp(2.35rem, 10.2vw, 3.25rem) !important;
    line-height: .98 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .ftHero,
    .rpHero,
    .premiumHero,
    .alHero,
    .fnHero,
    .atHero,
    .sbHero,
    .demoHomeHero,
    .demoPageHero,
    .ftPageHero,
    .rpPageHero,
    .alPageHero,
    .fnPageHero,
    .fnItemHero,
    .fnArticleHero,
    .atPageHero,
    .sbPageHero,
    .sbDetailHero,
    .demoCommerceHeading,
    .atSimpleMessage,
    .atArticle > header,
    .sbCommerce,
    .sbArticle > header,
    .ke-article > header
  ) h1,
  :is(
    .ftHeroMedia,
    .rpHeroVisual,
    .premiumHeroVisual,
    .alHeroVisual,
    .fnHeroVisual,
    .atHero > picture,
    .sbHeroVisual,
    .demoHomeMedia,
    .demoPageVisual,
    .rpPageHeroImage,
    .alPageHero > .alPicture,
    .fnPageHero .fnPicture,
    .fnItemHero .fnPicture,
    .fnArticleHero .fnPicture,
    .atPageHero > picture,
    .sbPageHero > picture,
    .sbDetailHero > picture
  ) {
    animation: none !important;
  }
}

/* Demo-wide compact editorial scale and utility layer · v48 */

.aurelineBridal .ftPageHero {
  min-height: clamp(28rem, 46vw, 36rem) !important;
  gap: 0 !important;
  padding: 0 !important;
}

.aurelineBridal .ftPageHero > div:first-child {
  min-height: 0 !important;
  padding-block: clamp(2.25rem, 4.5vw, 4.25rem) !important;
}

.aurelineBridal .ftPageHero > div:first-child > a {
  margin-bottom: 1.2rem !important;
}

.ke-article > header {
  padding-top: clamp(6rem, 6.8vw, 6.75rem) !important;
}

:is(
  .ftSectionHeader,
  .rpSectionHeader,
  .rpSectionHead,
  .alSectionHead,
  .fnSectionHead,
  .atSectionHeading,
  .sbSectionHeading,
  .premiumSection > header,
  .demoStory > header,
  .demoFeatureSection > header,
  .demoEditorialPreview > header,
  .demoFaq > div:first-child,
  .demoCta > div,
  .demoDetailStory > div:first-child
) h2 {
  font-size: clamp(1.85rem, 3.25vw, 3.35rem) !important;
  line-height: 1.02 !important;
}

:is(
  .aurelineBridal,
  .rpSite,
  .alSite,
  .fnSite,
  .atSite,
  .sbSite,
  .demoSite
) footer h2 {
  max-width: 17ch;
  font-size: clamp(1.9rem, 3.2vw, 3.25rem) !important;
  line-height: 1.02 !important;
}

:is(
  .aurelineBridal,
  .rpSite,
  .alSite,
  .fnSite,
  .atSite,
  .sbSite,
  .demoSite
) footer :is(a, p) {
  font-size: min(0.9rem, 3.7vw);
}

.premiumHeroAside strong,
.premiumHome--civicflow .premiumHeroAside strong,
.premiumHome--harborline .premiumHeroAside strong {
  font-size: clamp(1.3rem, 1.65vw, 1.65rem) !important;
  line-height: 1.08 !important;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

:is(
  .demoStory,
  .demoFeatureSection,
  .demoPrinciples,
  .demoEditorialPreview,
  .demoFaq,
  .demoCta,
  .demoPricingGrid,
  .demoContactLayout,
  .demoApplication,
  .demoDetailFacts,
  .demoDetailStory,
  .demoArticleBody,
  .demoCatalog,
  .ftProductRail,
  .ftFounderStory,
  .ftValues,
  .ftJournalPreview,
  .ftHomeCta,
  .rpSection,
  .alSection,
  .fnSection,
  .premiumSection,
  .atDesignStory,
  .atJournal,
  .sbIntro,
  .sbServices,
  .sbProof,
  .sbValues
) {
  padding-block: clamp(3.25rem, 5.2vw, 5.5rem) !important;
}

:is(
  .ftFooterMain,
  .rpFooterMain,
  .alFooterMain,
  .fnFooterMain,
  .atFooterTop,
  .atFooterLinks,
  .sbFooterGrid,
  .demoFooterLead,
  .demoFooter-directory
) {
  padding-block: clamp(2.6rem, 4.4vw, 4.5rem) !important;
}

:is(.rpFooterCta, .alFooterCta, .fnFooterCta, .sbFooterLead) {
  padding-block: clamp(3.2rem, 5vw, 5.25rem) !important;
}

.demoUtilityLayer {
  --du-bg: #f8f6f1;
  --du-ink: #171717;
  --du-muted: #68645d;
  --du-line: rgba(23, 23, 23, 0.16);
  --du-accent: #315b53;
  color: var(--du-ink);
  font-family: Arial, Helvetica, sans-serif;
}

:is(.ftMobileMenu, .demoMenu, .rpMenu.isOpen, .alMenu.isOpen, .fnMenu.isOpen, .atMenu.isOpen, .sbMenu.isOpen) {
  z-index: 520 !important;
}

.demoPrivacyBanner {
  position: fixed;
  z-index: 470;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem 2rem;
  align-items: end;
  max-width: 78rem;
  margin-inline: auto;
  padding: 1.15rem;
  color: var(--du-ink);
  background: color-mix(in srgb, var(--du-bg) 96%, transparent);
  border: 1px solid var(--du-line);
  border-radius: 0.85rem;
  box-shadow: 0 22px 72px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(16px);
}

.demoPrivacyBanner > div:first-child {
  max-width: 50rem;
}

.demoPrivacyBanner small,
.demoChatPanel header small {
  display: block;
  color: var(--du-accent);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  line-height: 1.3;
  text-transform: uppercase;
}

.demoPrivacyBanner strong {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.96rem;
  line-height: 1.25;
}

.demoPrivacyBanner p {
  max-width: 68ch;
  margin: 0.35rem 0 0;
  color: var(--du-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.demoPrivacyActions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
}

.demoPrivacyBanner button,
.demoChatButton,
.demoChatPanel button {
  min-height: 2.7rem;
  padding: 0.65rem 0.9rem;
  color: var(--du-ink);
  background: transparent;
  border: 1px solid var(--du-line);
  border-radius: 999px;
  font: 750 0.72rem/1 Arial, Helvetica, sans-serif;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.demoPrivacyBanner button:hover,
.demoChatPanel button:hover {
  border-color: var(--du-ink);
}

.demoPrivacyBanner button.isPrimary,
.demoChatPanel form button {
  color: #fff;
  background: var(--du-ink);
  border-color: var(--du-ink);
}

.demoPrivacyPreferences {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--du-line);
}

.demoPrivacyPreferences label {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.8rem;
  background: #fff;
  border: 1px solid var(--du-line);
  border-radius: 0.65rem;
}

.demoPrivacyPreferences input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  accent-color: var(--du-accent);
}

.demoPrivacyPreferences strong,
.demoPrivacyPreferences small {
  margin: 0;
  color: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.demoPrivacyPreferences small {
  margin-top: 0.15rem;
  color: var(--du-muted);
  font-weight: 400;
}

.demoChatButton {
  position: fixed;
  z-index: 460;
  right: 1rem;
  bottom: 1rem;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  min-height: 3rem;
  padding-inline: 1rem;
  color: #fff;
  background: var(--du-ink);
  border-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
}

.demoUtilityLayer.needsConsent .demoChatButton {
  bottom: 8.25rem;
}

.demoChatButton > span {
  font-size: 1rem;
}

.demoChatPanel {
  position: fixed;
  z-index: 480;
  right: 1rem;
  bottom: 4.65rem;
  display: grid;
  grid-template-rows: auto minmax(8rem, 1fr) auto auto;
  width: min(24rem, calc(100vw - 2rem));
  max-height: min(40rem, calc(100svh - 6rem));
  overflow: hidden;
  color: var(--du-ink);
  background: var(--du-bg);
  border: 1px solid var(--du-line);
  border-radius: 1rem;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
  animation: demoUtilityRise 220ms ease both;
}

.demoUtilityLayer.needsConsent .demoChatPanel {
  bottom: 11.9rem;
}

.demoChatPanel[hidden] {
  display: none;
}

.demoChatPanel header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1rem;
  background: #fff;
  border-bottom: 1px solid var(--du-line);
}

.demoChatPanel header strong {
  display: block;
  margin-top: 0.15rem;
  font-size: 0.9rem;
}

.demoChatPanel header button {
  min-height: 2.2rem;
  padding: 0.45rem 0.65rem;
}

.demoChatMessages {
  display: grid;
  align-content: start;
  gap: 0.6rem;
  overflow-y: auto;
  padding: 1rem;
}

.demoChatMessages p {
  width: fit-content;
  max-width: 88%;
  margin: 0;
  padding: 0.7rem 0.8rem;
  background: #fff;
  border: 1px solid var(--du-line);
  border-radius: 0.85rem 0.85rem 0.85rem 0.2rem;
  font-size: 0.78rem;
  line-height: 1.45;
}

.demoChatMessages p.isVisitor {
  justify-self: end;
  color: #fff;
  background: var(--du-accent);
  border-color: var(--du-accent);
  border-radius: 0.85rem 0.85rem 0.2rem;
}

.demoChatMessages p small {
  display: block;
  margin-bottom: 0.2rem;
  color: inherit;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  opacity: 0.7;
  text-transform: uppercase;
}

.demoChatPrompts {
  display: flex;
  gap: 0.35rem;
  overflow-x: auto;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--du-line);
}

.demoChatPrompts button {
  flex: 0 0 auto;
  min-height: 2rem;
  padding: 0.45rem 0.6rem;
  font-size: 0.62rem;
}

.demoChatPanel form {
  padding: 0.8rem 1rem 1rem;
  background: #fff;
  border-top: 1px solid var(--du-line);
}

.demoChatPanel form > label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.demoChatPanel form > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.45rem;
}

.demoChatPanel input {
  min-width: 0;
  min-height: 2.7rem;
  padding: 0.7rem 0.8rem;
  color: var(--du-ink);
  background: var(--du-bg);
  border: 1px solid var(--du-line);
  border-radius: 999px;
  font: 0.78rem/1 Arial, Helvetica, sans-serif;
}

.demoChatPanel form > small {
  display: block;
  margin-top: 0.45rem;
  color: var(--du-muted);
  font-size: 0.59rem;
}

@keyframes demoUtilityFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes demoUtilityRise {
  from { opacity: 0; transform: translateY(0.75rem) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 820px) {
  .ke-article > header {
    padding-top: 5.5rem !important;
  }

  .aurelineBridal .ftPageHero {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .aurelineBridal .ftPageHero > div:first-child {
    padding: 2.5rem 1rem !important;
  }

  .aurelineBridal .ftPageHero > div:last-child,
  .aurelineBridal .ftPageHero > div:last-child picture {
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
  }

  :is(
    .ftSectionHeader,
    .rpSectionHeader,
    .rpSectionHead,
    .alSectionHead,
    .fnSectionHead,
    .atSectionHeading,
    .sbSectionHeading,
    .premiumSection > header,
    .demoStory > header,
    .demoFeatureSection > header,
    .demoEditorialPreview > header,
    .demoFaq > div:first-child,
    .demoCta > div,
    .demoDetailStory > div:first-child
  ) h2,
  :is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite) footer h2 {
    font-size: clamp(1.7rem, 7.3vw, 2.35rem) !important;
  }

  :is(
    .demoStory,
    .demoFeatureSection,
    .demoPrinciples,
    .demoEditorialPreview,
    .demoFaq,
    .demoCta,
    .demoPricingGrid,
    .demoContactLayout,
    .demoApplication,
    .demoDetailFacts,
    .demoDetailStory,
    .demoArticleBody,
    .demoCatalog,
    .ftProductRail,
    .ftFounderStory,
    .ftValues,
    .ftJournalPreview,
    .ftHomeCta,
    .rpSection,
    .alSection,
    .fnSection,
    .premiumSection,
    .atDesignStory,
    .atJournal,
    .sbIntro,
    .sbServices,
    .sbProof,
    .sbValues
  ) {
    padding-block: clamp(2.5rem, 10vw, 3.75rem) !important;
  }

  .aurelineBridal .ftMobileMenuBody {
    grid-template-columns: 1fr 1fr;
  }

  .demoPrivacyBanner {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }

  .demoPrivacyActions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .demoPrivacyBanner button {
    padding-inline: 0.55rem;
  }

  .demoUtilityLayer.needsConsent .demoChatButton {
    bottom: 11.5rem;
  }

  .demoUtilityLayer.needsConsent .demoChatPanel {
    bottom: 15.2rem;
    max-height: calc(100svh - 16.5rem);
  }
}

@media (max-width: 560px) {
  .demoHeader .demoBrand > span {
    font-size: 0.95rem;
    white-space: nowrap;
    overflow-wrap: normal;
  }

  .demoHeaderActions .demoCartLink {
    display: inline-flex !important;
    min-width: 2.75rem !important;
    padding-inline: 0.65rem !important;
  }

  .demoHeaderActions .demoCartLink > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .aurelineBridal .ftMobileMenuBody {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .aurelineBridal .ftMobileMenu nav a {
    min-height: 2.65rem;
    font-size: 0.98rem;
  }

  .demoPrivacyBanner {
    right: 0.55rem;
    bottom: 0.55rem;
    left: 0.55rem;
    max-height: calc(100svh - 1.1rem);
    overflow-y: auto;
    padding: 0.85rem;
  }

  .demoPrivacyBanner p {
    font-size: 0.72rem;
  }

  .demoPrivacyActions {
    grid-template-columns: 1fr 1fr;
  }

  .demoPrivacyActions .isPrimary {
    grid-column: 1 / -1;
  }

  .demoPrivacyPreferences {
    grid-template-columns: 1fr;
  }

  .demoChatButton {
    right: 0.65rem;
    bottom: 0.65rem;
  }

  .demoUtilityLayer.needsConsent .demoChatButton {
    bottom: 13.4rem;
  }

  .demoChatPanel,
  .demoUtilityLayer.needsConsent .demoChatPanel {
    right: 0.55rem;
    bottom: 4.4rem;
    width: calc(100vw - 1.1rem);
    max-height: calc(100svh - 5.2rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .demoChatPanel {
    animation: none;
  }
}

/*
 * Experience polish v50
 * Phone display type is intentionally restrained: primary display copy stays
 * within two balanced lines, footer systems become compact, and utility UI no
 * longer obscures primary actions. Contrast corrections cover every demo menu
 * and footer without flattening their individual visual systems.
 */

/* Preserve readable secondary copy in every dark demo footer. */
:is(.rpFooter, .fnFooter, .atFooter, .sbFooter, .aurelineBridal .ftFooter)
  :is(p, nav a) {
  color: rgba(255, 255, 255, 0.76) !important;
}

:is(.rpFooterBottom, .fnFooterBottom, .atFooterBottom, .sbFooterBottom,
  .aurelineBridal .ftFooterBottom) {
  color: rgba(255, 255, 255, 0.64) !important;
}

:is(.rpFooterBottom, .fnFooterBottom, .atFooterBottom, .sbFooterBottom,
  .aurelineBridal .ftFooterBottom) a {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Hearthside's premium override had placed its dark-teal menu copy on a
 * charcoal surface. Return the care directory to the light, high-contrast
 * palette established by the underlying brand system. */
.demoTheme-pulsecare .demoMenu {
  color: #173a37 !important;
  background: #e8f4ef !important;
}

.demoTheme-pulsecare .demoMenu :is(.demoMenuTop, footer) {
  border-color: rgba(23, 58, 55, 0.22) !important;
}

.demoTheme-pulsecare .demoMenu :is(
  .demoBrand,
  .demoBrand small,
  .demoMenuIntro strong,
  .demoMenuIntro span,
  .demoMenuTop button,
  footer,
  footer p,
  footer a,
  nav a
) {
  color: #173a37 !important;
}

.demoTheme-pulsecare .demoMenu .demoMenuIntro small,
.demoTheme-pulsecare .demoMenu nav a small {
  color: #9c2e14 !important;
}

.demoTheme-pulsecare .demoMenu nav a {
  background: #fffdf8 !important;
  border-color: rgba(23, 58, 55, 0.18) !important;
}

.demoTheme-pulsecare .demoMenu nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #9c2e14 !important;
}

.demoTheme-pulsecare .demoMenu nav a:is(:hover, :focus-visible, .isCurrent) small {
  color: #d8f159 !important;
}

/* The other two premium menus remain dark and receive an explicit readable
 * foreground instead of inheriting a theme-specific low-contrast value. */
:is(.demoTheme-civicflow, .demoTheme-harborline) .demoMenu :is(
  .demoBrand,
  .demoBrand small,
  .demoMenuIntro strong,
  .demoMenuTop button,
  footer a,
  nav a
) {
  color: #fff !important;
}

:is(.demoTheme-civicflow, .demoTheme-harborline) .demoMenu :is(
  .demoMenuIntro span,
  footer p
) {
  color: rgba(255, 255, 255, 0.76) !important;
}

/* A restrained large-screen display scale replaces theme-specific character
 * caps that forced short phrases into four to six lines. The authored line
 * breaks remain the visual rhythm; the type no longer fights its container. */
:is(
  .ftHero,
  .rpHero,
  .premiumHero,
  .alHero,
  .fnHero,
  .atHero,
  .sbHero,
  .demoTheme-meridian .demoHomeHero
) h1 {
  max-width: 100% !important;
  font-size: clamp(2.35rem, 2.8vw, 2.5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  text-wrap: balance;
}

:is(
  .ftSectionHeader,
  .rpSectionHeader,
  .rpSectionHead,
  .alSectionHead,
  .fnSectionHead,
  .atSectionHeading,
  .sbSectionHeading,
  .premiumSection > header,
  .premiumImageStoryCopy,
  .premiumExperienceIntro,
  .demoStory > header,
  .demoFeatureSection > header,
  .demoEditorialPreview > header,
  .demoFaq > div:first-child,
  .demoCta > div,
  .demoDetailStory > div:first-child
) h2,
:is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite)
  main h2 {
  max-width: 100% !important;
  font-size: clamp(2rem, 2.5vw, 2.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

:is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite)
  footer h2 {
  max-width: 100% !important;
  font-size: clamp(2rem, 2.5vw, 2.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

@media (max-width: 900px) {
  /* Tablet layouts use a true single-column display region. This prevents
   * desktop grid placements from creating narrow implicit tracks at 768px. */
  .demoTheme-meridian .demoHomeHero {
    grid-template-columns: 1fr !important;
  }

  .demoTheme-meridian .demoHomeHero > :is(
    .demoHomeCopy,
    .demoHomeMedia,
    .demoHeroSignature
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin: 0 !important;
  }

  .sbSectionHeading {
    grid-template-columns: 1fr !important;
  }

  .sbSectionHeading h2 {
    max-width: none !important;
  }

  /* Home display lines: each authored break remains one line, including the
   * Arc Ledger and Hearthside examples supplied in the mobile screenshots. */
  :is(
    .ftHero,
    .rpHero,
    .premiumHero,
    .alHero,
    .fnHero,
    .atHero,
    .sbHero,
    .demoTheme-meridian .demoHomeHero
  ) h1 {
    max-width: 100% !important;
    font-size: clamp(1.75rem, 7.35vw, 2.05rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    text-wrap: balance;
  }

  /* Interior-page display copy uses the same restrained rhythm, avoiding the
   * five- and six-line headings that previously dominated small screens. */
  :is(
    .ftPageHero,
    .rpPageHero,
    .alPageHero,
    .fnPageHero,
    .fnItemHero,
    .fnArticleHero,
    .atPageHero,
    .atDetailHero,
    .atInquiryHero,
    .sbPageHero,
    .sbDetailHero,
    .demoPageHero,
    .demoCommerceHeading,
    .atSimpleMessage,
    .atArticle > header,
    .sbCommerce,
    .sbArticle > header
  ) h1 {
    max-width: 100% !important;
    font-size: clamp(1.65rem, 6.8vw, 1.95rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    text-wrap: balance;
  }

  :is(
    .ftSectionHeader,
    .rpSectionHeader,
    .rpSectionHead,
    .alSectionHead,
    .fnSectionHead,
    .atSectionHeading,
    .sbSectionHeading,
    .premiumSection > header,
    .premiumImageStoryCopy,
    .premiumExperienceIntro,
    .demoStory > header,
    .demoFeatureSection > header,
    .demoEditorialPreview > header,
    .demoFaq > div:first-child,
    .demoCta > div,
    .demoDetailStory > div:first-child
  ) h2 {
    max-width: 100% !important;
    font-size: clamp(1.45rem, 5.9vw, 1.8rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
    text-wrap: balance;
  }

  /* Theme files contain several additional editorial display headings. Keep
   * those on the same compact scale instead of allowing isolated 40–50px
   * mobile overrides to win. */
  :is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite)
    main h2 {
    max-width: 100% !important;
    font-size: clamp(1.3rem, 5.45vw, 1.62rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -0.032em !important;
    text-wrap: balance;
  }

  /* Remove the oversized gap under mobile headers. */
  :is(.rpHero, .fnHero, .premiumHero, .sbHero, .demoTheme-meridian .demoHomeHero) {
    padding: 3rem 1rem 2.25rem !important;
  }

  .alHeroCopy {
    padding: 3rem 1rem 2.25rem !important;
  }

  .ftHeroCopy {
    padding-inline: 1rem !important;
  }

  .premiumBack,
  .rpBack,
  .alBack,
  .fnBack {
    margin-bottom: 1.35rem !important;
  }

  /* Shared two-line footer display system. */
  :is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite)
    footer h2 {
    max-width: 100% !important;
    margin-block: 0.8rem 0.7rem !important;
    font-size: clamp(1.45rem, 6.1vw, 1.85rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.035em !important;
    text-wrap: balance;
  }

  :is(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sbSite, .demoSite)
    footer :is(p, a) {
    font-size: 0.78rem !important;
    line-height: 1.5 !important;
  }

  .demoFooter {
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    padding: 2.4rem 1rem 0 !important;
    border-radius: 1.5rem 1.5rem 0 0;
  }

  .demoFooter > * {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-width: 0;
  }

  .demoFooterSignal {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 1rem !important;
    padding-bottom: 0.9rem !important;
  }

  .demoFooterSignal span:last-child {
    grid-column: 1 / -1;
  }

  .demoFooterIdentity {
    min-height: 0 !important;
    padding-block: 0.75rem !important;
  }

  .demoFooterIdentity > span {
    font-size: clamp(1.8rem, 8.6vw, 2.45rem) !important;
    line-height: 1 !important;
  }

  .demoFooterLead h2 {
    margin: 0.9rem 0 0.7rem !important;
  }

  .demoFooter nav a {
    min-height: 2.5rem;
    padding: 0.55rem 0 !important;
  }

  .demoFooterBottom {
    display: grid !important;
    gap: 0.6rem !important;
    margin-top: 0.75rem !important;
    padding: 1rem 0 max(4.75rem, env(safe-area-inset-bottom)) !important;
  }

  :is(.rpFooterCta, .alFooterCta, .fnFooterCta, .sbFooterLead) {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding: 2.5rem 1rem !important;
  }

  :is(.rpFooterMain, .alFooterMain, .fnFooterMain, .sbFooterGrid) {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 2.25rem 1rem !important;
  }

  :is(.rpFooterIdentity, .alFooterIdentity, .fnFooterIdentity) {
    grid-column: auto !important;
  }

  :is(.rpFooterMain, .alFooterMain, .fnFooterMain) nav a {
    padding-block: 0.55rem !important;
  }

  :is(.rpFooterBottom, .alFooterBottom, .fnFooterBottom, .sbFooterBottom) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
    padding: 1rem 1rem max(4.75rem, env(safe-area-inset-bottom)) !important;
  }

  .rpFooterCta .rpButton {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: start;
  }

  .atFooter {
    padding: 2.5rem 1rem 0 !important;
  }

  .atFooterTop {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .atFooterInquiry {
    width: 100% !important;
    min-height: 3rem !important;
    margin-top: 0.5rem !important;
  }

  .atFooterLinks {
    grid-template-columns: 1fr 1fr !important;
    margin-top: 2rem !important;
    padding-block: 0 !important;
  }

  .atFooterLinks > div {
    gap: 0.45rem !important;
    padding: 1.1rem 0.75rem !important;
  }

  .atFooterBottom {
    padding: 1rem 0 max(4.75rem, env(safe-area-inset-bottom)) !important;
  }

  .sbFooter {
    padding: 2.5rem 1rem 0 !important;
  }

  .sbFooterLead {
    align-items: start !important;
    padding-bottom: 2rem !important;
  }

  .sbFooterLead > a {
    width: auto !important;
    height: auto !important;
    min-height: 3rem;
    border-radius: 999px !important;
    padding: 0.75rem 1rem;
  }

  .sbFooterGrid {
    padding-inline: 0 !important;
  }

  .aurelineBridal .ftFooter {
    margin-top: 2.5rem !important;
  }

  .aurelineBridal .ftServiceStrip {
    grid-template-columns: 1fr 1fr !important;
  }

  .aurelineBridal .ftServiceStrip > div,
  .aurelineBridal .ftServiceStrip > span {
    padding: 0.85rem !important;
  }

  .aurelineBridal .ftFooterMain {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding-block: 2.25rem !important;
  }

  .aurelineBridal .ftFooterLinks {
    grid-template-columns: 1fr 1fr !important;
    gap: 0.75rem !important;
  }

  .aurelineBridal .ftFooterLinks a {
    min-height: 2.4rem !important;
  }

  .aurelineBridal .ftFooterBottom {
    gap: 0.55rem !important;
    padding: 1rem 0 max(4.75rem, env(safe-area-inset-bottom)) !important;
  }

  /* A compact chat affordance remains available without masking CTAs or
   * footer links. Its accessible name remains unchanged. */
  .demoChatButton {
    width: 3rem !important;
    min-width: 3rem !important;
    height: 3rem !important;
    min-height: 3rem !important;
    justify-content: center;
    overflow: hidden;
    padding: 0 !important;
    font-size: 0 !important;
  }

  .demoChatButton > span {
    font-size: 1rem !important;
  }
}

/* Experience polish v54 — Radiant-inspired navigation replacement.
 * Reference mapping: Bloomava / Zelect / Cleaningpoint / Zinexa / Eatopia /
 * Nuonix / Linoxa / Kreascape / Flampt / Stratwise. The implementation is
 * original, brand-specific, and intentionally removes decorative arrows. */

[data-menu-reference],
[data-menu-reference] * {
  box-sizing: border-box;
}

[data-menu-reference] a::after,
.aurelineBridal .ftMobileMenu[data-menu-reference] nav a::after {
  content: none !important;
  display: none !important;
}

[data-menu-reference] :is(a, button) {
  min-width: 0;
}

[data-menu-reference] nav a,
[data-menu-reference] nav a span {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

[data-menu-reference] nav a {
  transition: color .22s ease, background-color .22s ease,
    border-color .22s ease, opacity .22s ease, transform .22s ease !important;
}

/* Shared desktop header discipline: compact labels, one clear action, and no
 * oversized or decorative navigation chrome. */
@media (min-width: 901px) {
  :is(.ftDesktopNav, .rpDesktopNav, .alDesktopNav, .fnDesktopNav, .atDesktopNav, .sbDesktopNav, .demoDesktopNav) a,
  :is(.ftDesktopNav, .rpDesktopNav, .alDesktopNav, .fnDesktopNav, .atDesktopNav, .sbDesktopNav, .demoDesktopNav) button {
    font-size: clamp(.68rem, .72vw, .78rem) !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }

  .rpDesktopNav {
    padding: .35rem .55rem;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
  }

  .fnDesktopNav {
    padding: .35rem .55rem;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
  }

  .sbDesktopNav a {
    text-transform: uppercase;
    letter-spacing: .08em !important;
  }
}

/* Four shared microsites: a clean two-zone navigation shell with one final
 * action. All former facts, notes, and decorative arrows are removed. */
.demoMenu[data-menu-reference] {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: clamp(1rem, 2.4vw, 2.35rem) !important;
}

.demoMenu[data-menu-reference] .demoMenuTop {
  min-height: 64px;
  padding-bottom: clamp(.85rem, 1.5vw, 1.3rem) !important;
}

.demoMenu[data-menu-reference] .demoMenuTop button {
  min-width: 76px;
  min-height: 46px;
  padding-inline: 1.15rem;
  font-size: .7rem;
  font-weight: 800;
}

.demoMenu[data-menu-reference] .demoMenuBody {
  grid-template-columns: minmax(220px, .32fr) minmax(0, .68fr) !important;
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem) !important;
  min-height: 0;
  padding: clamp(1.5rem, 4vw, 4.5rem) 0 !important;
  border: 0 !important;
}

.demoMenu[data-menu-reference] .demoMenuIntro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center;
  align-items: start;
  gap: .85rem !important;
  width: 100%;
  max-width: 31rem !important;
  padding: 0 !important;
}

.demoMenu[data-menu-reference] .demoMenuIntro > strong {
  max-width: 11ch;
  font-size: clamp(2rem, 4vw, 4.75rem) !important;
  line-height: .94 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

.demoMenu[data-menu-reference] .demoMenuIntro > .demoCartLink,
.demoMenu[data-menu-reference] .demoMenuFacts,
.demoMenu[data-menu-reference] .demoMenuIntro > span,
.demoMenu[data-menu-reference] footer p {
  display: none !important;
}

.demoMenu[data-menu-reference] .demoMenuBody > nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: center;
  gap: .55rem !important;
  width: 100%;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
}

.demoMenu[data-menu-reference] .demoMenuBody > nav a {
  grid-template-columns: 1.7rem minmax(0, 1fr) !important;
  gap: .55rem !important;
  min-height: 62px !important;
  padding: .75rem .9rem !important;
  border: 1px solid currentColor !important;
  border-radius: 0;
  box-shadow: none !important;
}

.demoMenu[data-menu-reference] .demoMenuBody > nav a small {
  font-family: Arial, sans-serif;
  font-size: .56rem !important;
  font-weight: 800;
  letter-spacing: .06em;
  opacity: .68;
}

.demoMenu[data-menu-reference] .demoMenuBody > nav a span {
  max-width: 100%;
  font-size: clamp(.9rem, 1.15vw, 1.15rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

.demoMenu[data-menu-reference] footer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-height: 62px;
  padding-top: 1rem !important;
}

.demoMenu[data-menu-reference] footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .7rem 1.2rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  text-decoration: none;
}

/* Cleaningpoint → Hearthside: calm service-booking clarity. */
.demoMenu[data-menu-reference="cleaningpoint"] {
  color: #173a37 !important;
  background: #edf6f1 !important;
}

.demoMenu[data-menu-reference="cleaningpoint"] :is(.demoMenuTop, footer) {
  border-color: rgba(23, 58, 55, .2) !important;
}

.demoMenu[data-menu-reference="cleaningpoint"] :is(.demoBrand, .demoBrand small, .demoMenuIntro small, .demoMenuIntro strong, .demoMenuTop button, footer a) {
  color: #173a37 !important;
}

.demoMenu[data-menu-reference="cleaningpoint"] .demoMenuBody > nav a {
  color: #173a37 !important;
  background: #fff !important;
  border-color: rgba(23, 58, 55, .18) !important;
  border-radius: 16px;
}

.demoMenu[data-menu-reference="cleaningpoint"] .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #9c2e14 !important;
  border-color: #9c2e14 !important;
}

/* Eatopia → Meridian: expressive hospitality, direct and warm. */
.demoMenu[data-menu-reference="eatopia"] {
  color: #201713 !important;
  background: linear-gradient(105deg, #f3e7d4 0 34%, #d84c2f 34% 100%) !important;
}

.demoMenu[data-menu-reference="eatopia"] :is(.demoMenuTop, footer) {
  border-color: rgba(32, 23, 19, .28) !important;
}

.demoMenu[data-menu-reference="eatopia"] :is(.demoBrand, .demoBrand small, .demoMenuIntro small, .demoMenuIntro strong, .demoMenuTop button, footer a) {
  color: #201713 !important;
}

.demoMenu[data-menu-reference="eatopia"] .demoMenuBody > nav a {
  color: #fff8ef !important;
  background: rgba(32, 23, 19, .92) !important;
  border-color: rgba(255, 248, 239, .22) !important;
}

.demoMenu[data-menu-reference="eatopia"] .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #201713 !important;
  background: #f4bd62 !important;
  border-color: #f4bd62 !important;
}

/* Flampt → Stone & Beam: durable construction rows. */
.demoMenu[data-menu-reference="flampt"] {
  color: #f5f1e9 !important;
  background: #232522 !important;
  background-image: linear-gradient(rgba(196, 154, 83, .08) 1px, transparent 1px) !important;
  background-size: 100% 40px !important;
}

.demoMenu[data-menu-reference="flampt"] .demoMenuBody > nav a {
  color: #232522 !important;
  background: #f5f1e9 !important;
  border-color: #c49a53 !important;
  box-shadow: inset 5px 0 0 #9d3f27 !important;
}

.demoMenu[data-menu-reference="flampt"] .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #9d3f27 !important;
  border-color: #c49a53 !important;
}

/* Stratwise → Harborline: executive briefing navigation. */
.demoMenu[data-menu-reference="stratwise"] {
  color: #f4f7fa !important;
  background: linear-gradient(120deg, #101c2a, #172c43) !important;
}

.demoMenu[data-menu-reference="stratwise"] .demoMenuBody > nav a {
  color: #f4f7fa !important;
  background: rgba(255, 255, 255, .035) !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

.demoMenu[data-menu-reference="stratwise"] .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #101c2a !important;
  background: #e3b446 !important;
  border-color: #e3b446 !important;
}

/* Bloomava → Aureline: warm editorial directory with no symbol clutter. */
.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] {
  color: #32131a;
  background: linear-gradient(135deg, #fffaf3, #f4e9dc) !important;
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileTop {
  min-height: 62px;
  border-color: rgba(50, 19, 26, .18);
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileTop button {
  min-width: 74px;
  min-height: 44px;
  padding: .65rem 1rem;
  color: #fff;
  background: #32131a;
  font-family: var(--ft-body);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody {
  gap: clamp(1rem, 3vw, 2rem) !important;
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav > small {
  color: #7a2637;
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav a {
  color: #32131a;
  border-color: rgba(50, 19, 26, .16);
}

.aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #7a2637;
  background: rgba(216, 183, 122, .2);
}

/* Zelect → RoutePilot: precise SaaS command menu. */
.rpMenu[data-menu-reference="zelect"] {
  color: #fff;
  background: linear-gradient(135deg, #061a2d, #0d2941) !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav {
  gap: .55rem;
  border: 0;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a {
  min-height: 62px;
  padding: .75rem .9rem;
  color: #eaf0f4;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 12px;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #071526;
  background: #c5ef4a;
  border-color: #c5ef4a !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuBottom {
  justify-content: flex-end;
  gap: .65rem;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuBottom a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .6rem 1rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
}

/* Zinexa → Arc Ledger: restrained, light financial index. */
.alMenu[data-menu-reference="zinexa"] {
  color: #151513;
  background: #f2efe7 !important;
}

.alMenu[data-menu-reference="zinexa"] :is(.alMenuHead, .alMenuFoot) {
  color: #151513;
  border-color: rgba(21, 21, 19, .2);
}

.alMenu[data-menu-reference="zinexa"] :is(.alBrand, .alMenuHead button, .alMenuFoot a) {
  color: #151513 !important;
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead button {
  border-color: rgba(21, 21, 19, .35);
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead button i {
  background: #151513;
}

.alMenu[data-menu-reference="zinexa"] .alMenuStatement strong em,
.alMenu[data-menu-reference="zinexa"] .alMenuStatement small,
.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a small {
  color: #9b6619;
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a {
  color: #151513;
  border-color: rgba(21, 21, 19, .18);
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #151513;
  background: #dfb35a;
  padding-left: .9rem;
}

.alMenu[data-menu-reference="zinexa"] .alMenuFoot {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.alMenu[data-menu-reference="zinexa"] .alMenuFoot a:last-child {
  text-align: left;
}

.alMenuTrigger {
  min-height: 44px;
}

/* Nuonix → Fieldnote AI: modular product matrix. */
.fnMenu[data-menu-reference="nuonix"] {
  background: radial-gradient(circle at 20% 0, #37216c, transparent 38%), #11101a !important;
}

.fnMenu[data-menu-reference="nuonix"] .fnMenuBody nav {
  gap: .55rem;
  border: 0;
}

.fnMenu[data-menu-reference="nuonix"] .fnMenuBody nav a {
  min-height: 64px;
  color: #f4f1ff;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 12px;
}

.fnMenu[data-menu-reference="nuonix"] .fnMenuBody nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #11101a;
  background: #c6f36a;
  border-color: #c6f36a !important;
}

.fnMenu[data-menu-reference="nuonix"] .fnMenuFoot {
  justify-content: flex-end;
}

.fnMenu[data-menu-reference="nuonix"] .fnMenuFoot a {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
}

/* Linoxa → Atelier: quiet architectural drawer without horizontal escape. */
.atMenu[data-menu-reference="linoxa"] .atMenuPanel {
  inset: 0 0 0 auto !important;
  width: min(88vw, 1120px) !important;
  max-width: 1120px !important;
  height: 100vh !important;
  height: 100dvh !important;
  padding: clamp(7rem, 10vw, 10rem) clamp(2rem, 5vw, 5rem) 2rem !important;
  color: #251f1a;
  background: #f2eee6 !important;
  overflow-x: hidden !important;
}

.atMenu[data-menu-reference="linoxa"] .atMenuClose {
  position: absolute;
  top: max(1rem, env(safe-area-inset-top));
  right: clamp(1rem, 3vw, 2rem);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid rgba(37, 31, 26, .32);
  border-radius: 999px;
  color: #251f1a;
  background: rgba(242, 238, 230, .9);
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}

.atMenu[data-menu-reference="linoxa"] .atMenuIntro h2 {
  max-width: 12ch;
  color: #251f1a;
  font-size: clamp(2rem, 3.4vw, 4rem);
  line-height: .98;
}

.atMenu[data-menu-reference="linoxa"] :is(.atMenuIntro > a, .atMenuPanel nav small, .atMenuFoot a) {
  color: #7a5934;
}

.atMenu[data-menu-reference="linoxa"] .atMenuPanel nav,
.atMenu[data-menu-reference="linoxa"] .atMenuPanel nav > div {
  min-width: 0;
}

.atMenu[data-menu-reference="linoxa"] .atMenuPanel nav a {
  color: #251f1a;
  border-color: rgba(37, 31, 26, .18);
}

.atMenu[data-menu-reference="linoxa"] .atMenuPanel nav a:is(:hover, :focus-visible, .isActive) {
  color: #8a5c2d;
  padding-left: 0;
}

.atMenu[data-menu-reference="linoxa"] .atMenuFoot {
  left: clamp(2rem, 5vw, 5rem);
  right: clamp(2rem, 5vw, 5rem);
  border-color: rgba(37, 31, 26, .18);
}

/* Kreascape → Sable: oversized creative index with restrained utility. */
.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel {
  color: #fff;
  background: #141412 !important;
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuIntro h2 {
  max-width: 12ch;
  font-size: clamp(2.4rem, 5vw, 5.8rem);
  line-height: .9;
  text-transform: uppercase;
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav {
  gap: clamp(1.2rem, 3vw, 3rem);
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav a {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav a:is(:hover, :focus-visible, .isActive) {
  color: #ff5a3d;
  padding-left: 0;
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel footer {
  justify-content: flex-end;
  gap: .7rem;
}

.sbMenu[data-menu-reference="kreascape"] .sbMenuPanel footer a {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  text-decoration: none;
}

@media (max-width: 900px) {
  .demoMenu[data-menu-reference] {
    grid-template-rows: auto auto auto !important;
    align-content: start;
    padding:
      max(.85rem, env(safe-area-inset-top))
      clamp(.75rem, 3vw, 1.15rem)
      max(.9rem, env(safe-area-inset-bottom)) !important;
  }

  .demoMenu[data-menu-reference] .demoMenuTop {
    min-height: 56px;
    padding-bottom: .7rem !important;
  }

  .demoMenu[data-menu-reference] .demoMenuTop .demoBrand small {
    display: none;
  }

  .demoMenu[data-menu-reference] .demoMenuBody {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start;
    gap: .9rem !important;
    padding: .85rem 0 !important;
  }

  .demoMenu[data-menu-reference] .demoMenuIntro {
    gap: .3rem !important;
    max-width: none !important;
  }

  .demoMenu[data-menu-reference] .demoMenuIntro > strong {
    max-width: 22ch;
    font-size: clamp(1.15rem, 4.8vw, 1.5rem) !important;
    line-height: 1 !important;
  }

  .demoMenu[data-menu-reference] .demoMenuBody > nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
  }

  .demoMenu[data-menu-reference] .demoMenuBody > nav a {
    grid-template-columns: 1.35rem minmax(0, 1fr) !important;
    min-height: 54px !important;
    max-height: 66px;
    padding: .55rem .62rem !important;
  }

  .demoMenu[data-menu-reference] .demoMenuBody > nav a span {
    display: -webkit-box;
    max-height: 2.2em;
    overflow: hidden;
    font-size: clamp(.78rem, 2.8vw, .92rem) !important;
    line-height: 1.1 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .demoMenu[data-menu-reference] footer {
    min-height: 50px;
    padding-top: .7rem !important;
  }

  .demoMenu[data-menu-reference] footer a {
    min-height: 44px;
    padding: .55rem .9rem;
  }

  .demoMenu[data-menu-reference] .demoMenuIntro > a:first-child {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .demoMenu[data-menu-reference="eatopia"] {
    background: linear-gradient(180deg, #f3e7d4 0 21%, #d84c2f 21% 100%) !important;
  }

  :is(.rpMenu, .alMenu, .fnMenu)[data-menu-reference] {
    grid-template-rows: auto minmax(0, 1fr) auto;
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  :is(.rpMenu, .alMenu, .fnMenu)[data-menu-reference] :is(.rpMenuStatement, .alMenuStatement, .fnMenuStory) {
    display: none !important;
  }

  :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) {
    display: block !important;
    width: 100%;
    min-height: 0 !important;
    margin: 0 !important;
    padding: clamp(.8rem, 2.5vw, 1.2rem) !important;
    overflow: visible !important;
  }

  :is(.rpMenu, .alMenu, .fnMenu)[data-menu-reference] :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
    width: 100%;
    border: 0 !important;
  }

  :is(.rpMenu, .alMenu, .fnMenu)[data-menu-reference] :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav a {
    grid-template-columns: 1.3rem minmax(0, 1fr) !important;
    min-height: 54px !important;
    max-height: 66px;
    padding: .55rem .62rem !important;
    border: 1px solid currentColor !important;
    border-radius: 10px;
  }

  :is(.rpMenu, .alMenu, .fnMenu)[data-menu-reference] :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav a span {
    display: -webkit-box;
    max-height: 2.2em;
    overflow: hidden;
    font-size: clamp(.78rem, 2.8vw, .92rem) !important;
    line-height: 1.1 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  :is(.rpMenuBottom, .alMenuFoot, .fnMenuFoot) {
    display: flex !important;
    justify-content: flex-end !important;
    gap: .45rem !important;
    min-height: 54px;
    padding:
      .55rem
      clamp(.8rem, 2.5vw, 1.2rem)
      max(.65rem, env(safe-area-inset-bottom)) !important;
  }

  :is(.rpMenuBottom, .alMenuFoot, .fnMenuFoot) a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .5rem .7rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .58rem;
    text-align: left !important;
    text-decoration: none;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuFoot {
    min-height: 58px;
    padding:
      .4rem
      clamp(.8rem, 2.5vw, 1.2rem)
      max(.4rem, env(safe-area-inset-bottom)) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] {
    height: 100vh;
    height: 100dvh;
    padding:
      max(.8rem, env(safe-area-inset-top))
      .85rem
      max(.85rem, env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem !important;
    margin-top: .8rem;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav:last-child {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: .75rem;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav:last-child > small {
    grid-column: 1 / -1;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav a {
    min-height: 44px;
    font-size: clamp(.76rem, 2.8vw, .9rem) !important;
    line-height: 1.08;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileActions {
    gap: .5rem;
    margin-top: .8rem;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuPanel {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding:
      max(5.5rem, calc(env(safe-area-inset-top) + 4.5rem))
      clamp(1rem, 4vw, 2rem)
      max(1rem, env(safe-area-inset-bottom)) !important;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuIntro {
    display: none !important;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuPanel nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .9rem !important;
    width: 100%;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuPanel nav > div {
    min-width: 0;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuPanel nav a {
    min-height: 44px;
    padding: .55rem 0;
    font-size: clamp(.78rem, 2.8vw, .95rem) !important;
    line-height: 1.1;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuFoot {
    position: static;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin-top: 1rem;
    padding-top: .8rem;
  }

  .atMenu[data-menu-reference="linoxa"] .atMenuFoot a {
    min-width: 0;
    font-size: .6rem;
    overflow-wrap: break-word;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel {
    height: calc(100vh - clamp(62px, 9.1vw, 70px)) !important;
    height: calc(100dvh - clamp(62px, 9.1vw, 70px)) !important;
    padding: 1rem !important;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuIntro {
    display: none;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .75rem !important;
    margin: 0 !important;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav a {
    min-height: 44px;
    padding: .6rem 0;
    font-size: clamp(.82rem, 3vw, 1rem) !important;
    line-height: 1.1;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin-top: 1rem;
  }

  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel footer a {
    justify-content: center;
    text-align: left;
    font-size: .6rem;
  }
}

@media (max-width: 340px) {
  .demoMenu[data-menu-reference] .demoMenuBody > nav,
  :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav,
  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody,
  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav:last-child,
  .atMenu[data-menu-reference="linoxa"] .atMenuPanel nav,
  .sbMenu[data-menu-reference="kreascape"] .sbMenuPanel nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav:last-child {
    grid-column: auto;
  }
}

/* Experience polish v53 — ten-demo navigation rebuild.
 * Every microsite keeps its own visual language, while the interaction layer
 * shares safe-area handling, readable horizontal labels, strong contrast,
 * dependable touch targets, and scroll containment at every viewport size. */

:is(
  .ftMobileMenu,
  .rpMenu,
  .alMenu,
  .fnMenu,
  .atMenu,
  .sbMenu,
  .demoMenu
) {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

:is(
  .ftMobileMenu,
  .rpMenu,
  .alMenu,
  .fnMenu,
  .atMenu,
  .sbMenu,
  .demoMenu
) :is(a, button) {
  -webkit-tap-highlight-color: transparent;
}

:is(
  .ftMobileMenu,
  .rpMenu,
  .alMenu,
  .fnMenu,
  .atMenu,
  .sbMenu,
  .demoMenu
) :is(a, button):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.demoMenu {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: none;
}

.demoMenuBody,
.demoMenuBody > nav,
.demoMenuBody > nav a,
.demoMenuBody > nav a > span {
  min-width: 0;
}

.demoMenuBody > nav a > span {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

.demoMenuBody > nav a {
  position: relative;
  isolation: isolate;
  transition: color .22s ease, background-color .22s ease,
    border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.demoMenuBody > nav a::after {
  content: "↗";
  justify-self: end;
  align-self: center;
  font-family: Arial, sans-serif;
  font-size: .72rem;
  font-weight: 800;
  opacity: .5;
  transition: opacity .22s ease, transform .22s ease;
}

.demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent)::after {
  opacity: 1;
  transform: translate(2px, -2px);
}

/* Hearthside: soft service directory. */
.demoTheme-pulsecare .demoMenuBody > nav a {
  color: #173a37 !important;
  background: #fffdf8 !important;
  border: 1px solid rgba(23, 58, 55, .17) !important;
  box-shadow: 0 10px 24px rgba(23, 58, 55, .06);
}

.demoTheme-pulsecare .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #9c2e14 !important;
  border-color: #9c2e14 !important;
}

/* Meridian: warm hospitality panels with an ember active state. */
.demoTheme-meridian .demoMenuBody > nav a {
  color: #fff8ef !important;
  background: rgba(255, 255, 255, .065) !important;
  border-color: rgba(255, 255, 255, .2) !important;
}

.demoTheme-meridian .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #a63a25 !important;
  border-color: #d59b52 !important;
}

/* Stone & Beam: high-contrast construction cards and project-plan rails. */
.demoTheme-civicflow .demoMenuBody > nav a {
  color: #242523 !important;
  background: #f5f1e9 !important;
  border: 1px solid rgba(196, 154, 83, .42) !important;
  box-shadow: inset 5px 0 0 #c49a53;
}

.demoTheme-civicflow .demoMenuBody > nav a small {
  color: #8a5d0a !important;
}

.demoTheme-civicflow .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #fff !important;
  background: #9d3f27 !important;
  border-color: #c49a53 !important;
  box-shadow: inset 5px 0 0 #f0c462;
}

.demoTheme-civicflow .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) small {
  color: #ffe4a4 !important;
}

/* Harborline: executive briefing rows with restrained gold signals. */
.demoTheme-harborline .demoMenuBody > nav a {
  color: #f7f9fb !important;
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
  box-shadow: inset 0 -2px 0 rgba(228, 173, 54, .4);
}

.demoTheme-harborline .demoMenuBody > nav a small {
  color: #f0c760 !important;
}

.demoTheme-harborline .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) {
  color: #111d2b !important;
  background: #e4ad36 !important;
  border-color: #e4ad36 !important;
}

.demoTheme-harborline .demoMenuBody > nav a:is(:hover, :focus-visible, .isCurrent) small {
  color: #7a2a1a !important;
}

@media (max-width: 900px) {
  .demoMenu {
    grid-template-rows: auto auto auto !important;
    align-content: start;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding:
      max(1rem, env(safe-area-inset-top))
      clamp(.9rem, 3.5vw, 1.4rem)
      max(1.2rem, env(safe-area-inset-bottom)) !important;
  }

  .demoMenuTop {
    min-height: 58px;
    padding-bottom: .85rem !important;
  }

  .demoMenuTop .demoBrand {
    min-width: 0;
  }

  .demoMenuTop .demoBrand > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .demoMenuTop .demoBrand small {
    display: none;
  }

  .demoMenuTop button {
    flex: 0 0 auto;
    min-width: 76px;
    min-height: 46px;
  }

  .demoMenuBody,
  .demoMenu-ledger .demoMenuBody,
  .demoMenu-clinical .demoMenuBody {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(1rem, 3vw, 1.5rem) !important;
    width: 100%;
    min-height: auto;
    padding: clamp(1.1rem, 4vw, 1.6rem) 0 !important;
    border-left: 0 !important;
  }

  .demoMenuIntro {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .5rem 1rem !important;
    width: 100%;
    max-width: none !important;
    padding: 0 !important;
  }

  .demoMenuIntro > small,
  .demoMenuIntro > strong,
  .demoMenuIntro > span {
    grid-column: 1;
  }

  .demoMenuIntro > strong {
    max-width: 22ch;
    font-size: clamp(1.35rem, 5.6vw, 1.85rem) !important;
    line-height: 1 !important;
    text-wrap: balance;
  }

  .demoMenuIntro > span {
    max-width: 46ch !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
  }

  .demoMenuIntro > .demoCartLink {
    grid-column: 2;
    grid-row: 1 / 4;
    align-self: end;
    min-height: 46px;
  }

  .demoMenuFacts {
    display: none !important;
  }

  .demoMenuBody > nav,
  .demoMenu-command .demoMenuBody > nav,
  .demoMenu-studio .demoMenuBody > nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    width: 100%;
    padding: 0 !important;
    transform: none !important;
    border: 0 !important;
  }

  .demoMenuBody > nav a,
  .demoMenu-command .demoMenuBody > nav a,
  .demoMenu-studio .demoMenuBody > nav a {
    grid-template-columns: 1.65rem minmax(0, 1fr) auto !important;
    gap: .45rem !important;
    min-width: 0;
    min-height: 64px !important;
    padding: .7rem .72rem !important;
    border-radius: 10px;
  }

  .demoMenuBody > nav a small {
    font-size: .58rem !important;
  }

  .demoMenuBody > nav a span,
  .demoMenu-studio .demoMenuBody > nav a span {
    max-width: 100%;
    font-size: clamp(.86rem, 3.6vw, 1.02rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
    text-transform: none;
  }

  .demoMenu footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: .8rem 1.2rem !important;
    padding-top: 1rem !important;
  }

  .demoMenu footer p {
    max-width: 48ch !important;
    font-size: .67rem !important;
    line-height: 1.45 !important;
  }

  .demoMenu footer a {
    white-space: nowrap;
    font-size: .72rem;
  }

  /* Full-screen custom menus share viewport and safe-area reliability. */
  :is(.rpMenu, .alMenu, .fnMenu) {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: none;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  :is(.rpMenuBar, .alMenuHead, .fnMenuHead) {
    min-height: 64px;
    padding-top: max(.85rem, env(safe-area-inset-top)) !important;
  }

  .rpMenuGrid,
  .alMenuBody,
  .fnMenuBody {
    min-height: auto !important;
  }

  :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav a,
  :is(.rpMenuGrid, .alMenuBody, .fnMenuBody) nav a span {
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  .rpMenuGrid nav a,
  .fnMenuBody nav a {
    border-radius: 10px;
  }

  .rpMenuBottom,
  .alMenuFoot,
  .fnMenuFoot {
    padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  }

  /* Architectural and studio drawers remain branded but cannot escape the viewport. */
  :is(.atMenuPanel, .sbMenuPanel) {
    max-width: 100%;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .atMenuPanel {
    height: 100vh;
    height: 100dvh;
    padding-bottom: max(2rem, env(safe-area-inset-bottom)) !important;
  }

  .sbMenuPanel {
    height: calc(100vh - 62px) !important;
    height: calc(100dvh - 62px) !important;
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom)) !important;
  }

  :is(.atMenuPanel, .sbMenuPanel) nav a {
    min-width: 0;
    min-height: 44px;
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  /* Aureline's directory becomes an editorial two-column index on handhelds. */
  .aurelineBridal .ftMobileMenu {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding:
      max(1rem, env(safe-area-inset-top))
      clamp(.9rem, 3.5vw, 1.25rem)
      max(1.25rem, env(safe-area-inset-bottom)) !important;
    background:
      linear-gradient(135deg, rgba(216, 183, 122, .1), transparent 42%),
      var(--ft-paper);
  }

  .aurelineBridal .ftMobileMenuBody {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .aurelineBridal .ftMobileMenuBody nav:last-child {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
  }

  .aurelineBridal .ftMobileMenuBody nav:last-child > small {
    grid-column: 1 / -1;
  }

  .aurelineBridal .ftMobileMenu nav a {
    min-width: 0;
    min-height: 48px;
    font-size: clamp(.86rem, 3.4vw, 1rem) !important;
    line-height: 1.12;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
}

@media (max-width: 620px) {
  .rpMenu {
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding:
      max(.8rem, env(safe-area-inset-top))
      .8rem
      max(.8rem, env(safe-area-inset-bottom)) !important;
  }

  .rpMenuGrid,
  .alMenuBody,
  .fnMenuBody {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
    width: 100%;
    padding: 1rem !important;
  }

  .rpMenuGrid {
    padding-inline: 0 !important;
  }

  .rpMenuGrid nav,
  .fnMenuBody nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .5rem;
    border: 0 !important;
  }

  .rpMenuGrid nav a,
  .fnMenuBody nav a {
    grid-template-columns: 1.4rem minmax(0, 1fr) !important;
    min-height: 58px !important;
    padding: .65rem !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
  }

  .rpMenuGrid nav a span,
  .fnMenuBody nav a span {
    font-size: .86rem !important;
    line-height: 1.08;
  }

  .alMenuStatement {
    display: none;
  }

  .alMenuBody nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
  }

  .alMenuBody nav a {
    grid-template-columns: 1.35rem minmax(0, 1fr);
    min-height: 56px;
    padding: .65rem !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
  }

  .alMenuBody nav a span {
    font-size: .86rem !important;
    line-height: 1.08;
  }

  .fnMenuStory {
    display: none !important;
  }

  :is(.rpMenuBottom, .alMenuFoot, .fnMenuFoot) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .65rem !important;
    font-size: .62rem !important;
  }

  :is(.rpMenuBottom, .alMenuFoot, .fnMenuFoot) > * {
    min-width: 0;
    text-align: left !important;
    overflow-wrap: break-word;
  }

  .atMenuPanel,
  .sbMenuPanel {
    width: 100% !important;
  }

  .atMenuPanel nav,
  .sbMenuPanel nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  .atMenuPanel nav a,
  .sbMenuPanel nav a {
    font-size: .94rem !important;
    line-height: 1.12;
  }
}

@media (max-width: 390px) {
  .demoMenuIntro > span,
  .demoMenuIntro > .demoCartLink,
  .demoMenu footer p {
    display: none !important;
  }

  .demoMenuIntro {
    grid-template-columns: minmax(0, 1fr);
  }

  .demoMenuBody > nav,
  .demoMenu-command .demoMenuBody > nav,
  .demoMenu-studio .demoMenuBody > nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .demoMenuBody > nav a,
  .demoMenu-command .demoMenuBody > nav a,
  .demoMenu-studio .demoMenuBody > nav a {
    min-height: 52px !important;
  }

  .demoMenu footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .aurelineBridal .ftMobileMenuBody,
  .aurelineBridal .ftMobileMenuBody nav:last-child,
  .rpMenuGrid nav,
  .alMenuBody nav,
  .fnMenuBody nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .aurelineBridal .ftMobileMenuBody nav:last-child {
    grid-column: auto;
  }

  .atMenuPanel nav,
  .sbMenuPanel nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(
    .ftMobileMenu,
    .rpMenu,
    .alMenu,
    .fnMenu,
    .atMenuPanel,
    .sbMenuPanel,
    .demoMenu
  ),
  :is(
    .ftMobileMenu,
    .rpMenu,
    .alMenu,
    .fnMenu,
    .atMenuPanel,
    .sbMenuPanel,
    .demoMenu
  ) * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* Experience polish v53 — original demo logo system */
.demoAiLogo {
  display: inline-grid !important;
  flex: 0 0 2.2rem !important;
  width: 2.2rem !important;
  height: 2.2rem !important;
  aspect-ratio: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  place-items: center !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  transform: none !important;
}

.demoAiLogo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .12));
}

.demoAiLogoFooter {
  flex-basis: 2.85rem !important;
  width: 2.85rem !important;
  height: 2.85rem !important;
}

.demoSite .demoBrand {
  display: grid !important;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: .62rem;
  align-items: center;
  text-align: left !important;
}

.demoSite .demoBrand > .demoAiLogo {
  grid-column: 1;
  grid-row: 1 / 3;
}

.demoSite .demoBrand > span:not(.demoAiLogo) {
  grid-column: 2;
  grid-row: 1;
}

.demoSite .demoBrand > small {
  grid-column: 2;
  grid-row: 2;
  margin-top: .25rem;
}

.aurelineBridal :is(.ftWordmark, .ftFooterWordmark) > .demoAiLogo,
.rpBrand > .demoAiLogo,
.alBrand > .demoAiLogo,
.fnBrand > .demoAiLogo,
.atBrand > .demoAiLogo,
.atFooterBrand > .demoAiLogo,
.sbBrand > .demoAiLogo,
.sbFooterBrand > .demoAiLogo {
  flex: 0 0 2.2rem !important;
  width: 2.2rem !important;
  height: 2.2rem !important;
}

.aurelineBridal .ftFooterWordmark > .demoAiLogoFooter,
.rpBrand > .demoAiLogoFooter,
.alBrand > .demoAiLogoFooter,
.fnBrand > .demoAiLogoFooter,
.atFooterBrand > .demoAiLogoFooter,
.sbFooterBrand > .demoAiLogoFooter {
  flex-basis: 2.85rem !important;
  width: 2.85rem !important;
  height: 2.85rem !important;
}

.atBrand,
.atFooterBrand,
.sbBrand,
.sbFooterBrand,
.atMenuBrand,
.sbMenuBrand {
  align-items: center !important;
}

.atFooterBrand,
.sbFooterBrand,
.atMenuBrand,
.sbMenuBrand {
  display: inline-flex !important;
  gap: .75rem;
  width: max-content;
}

.sbBrand > .demoAiLogo,
.sbFooterBrand > .demoAiLogo,
.sbMenuBrand > .demoAiLogo {
  margin-left: 0 !important;
  color: inherit !important;
}

.sbFooterBrand > span {
  color: inherit;
  font-size: inherit;
  margin: 0;
}

.atMenuBrand > small,
.sbMenuBrand > small {
  margin: 0;
}

@media (max-width: 620px) {
  .demoAiLogo,
  .aurelineBridal :is(.ftWordmark, .ftFooterWordmark) > .demoAiLogo,
  .rpBrand > .demoAiLogo,
  .alBrand > .demoAiLogo,
  .fnBrand > .demoAiLogo,
  .atBrand > .demoAiLogo,
  .sbBrand > .demoAiLogo {
    flex-basis: 1.9rem !important;
    width: 1.9rem !important;
    height: 1.9rem !important;
  }

  .demoAiLogoFooter,
  .aurelineBridal .ftFooterWordmark > .demoAiLogoFooter,
  .rpBrand > .demoAiLogoFooter,
  .alBrand > .demoAiLogoFooter,
  .fnBrand > .demoAiLogoFooter,
  .atFooterBrand > .demoAiLogoFooter,
  .sbFooterBrand > .demoAiLogoFooter {
    flex-basis: 2.45rem !important;
    width: 2.45rem !important;
    height: 2.45rem !important;
  }

  .demoSite .demoBrand {
    column-gap: .5rem;
  }

  .atBrand {
    gap: .4rem;
  }
}

/*
 * Experience polish v52
 * Desktop footers now close each demo with a compact, intentional composition.
 * Content determines height, navigation columns sit beside one another where
 * space allows, and the branded identity panels no longer stretch across
 * stacked navigation rows.
 */
@media (min-width: 901px) {
  .demoFooter {
    gap: clamp(1.25rem, 2vw, 2rem) !important;
    padding: clamp(2.5rem, 3.8vw, 4.25rem)
      clamp(2rem, 4.5vw, 5.5rem) 1.5rem !important;
  }

  .demoFooterSignal {
    padding-bottom: 1rem !important;
    font-size: clamp(0.6rem, 0.64vw, 0.7rem) !important;
  }

  .demoFooterIdentity,
  .demoFooterLead,
  .demoFooter > nav {
    align-self: start !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .demoFooterIdentity {
    padding-block: clamp(0.9rem, 1.4vw, 1.4rem) !important;
  }

  .demoFooterLead {
    padding-block: clamp(0.75rem, 1.45vw, 1.35rem) !important;
  }

  .demoFooterLead h2 {
    max-width: 15ch !important;
    margin-block: clamp(1rem, 1.6vw, 1.5rem) 0.85rem !important;
    font-size: clamp(2.2rem, 3.35vw, 4.1rem) !important;
    line-height: 0.96 !important;
  }

  .demoFooterLead p {
    max-width: 42rem;
    font-size: clamp(0.92rem, 1vw, 1.06rem);
    line-height: 1.58;
  }

  .demoFooter > nav a {
    min-height: 0;
    padding: 0.72rem 0 !important;
    font-size: clamp(0.72rem, 0.82vw, 0.86rem) !important;
    line-height: 1.35 !important;
  }

  .demoFooterBottom {
    align-items: center;
    margin-top: clamp(0.75rem, 1.5vw, 1.5rem) !important;
  }

  :is(
    .aurelineBridal .ftFooterBottom,
    .rpFooterBottom,
    .alFooterBottom,
    .fnFooterBottom,
    .atFooterBottom,
    .sbFooterBottom,
    .demoFooterBottom
  ) {
    padding-right: clamp(9.5rem, 11vw, 12rem) !important;
    font-size: clamp(0.68rem, 0.72vw, 0.78rem) !important;
    line-height: 1.4;
  }

  :is(.rpFooterCta, .alFooterCta, .fnFooterCta) {
    padding-block: clamp(2.65rem, 3.6vw, 4.1rem) !important;
  }

  :is(.rpFooterMain, .alFooterMain, .fnFooterMain) {
    gap: clamp(2rem, 4vw, 4.5rem) !important;
    padding-block: clamp(2.5rem, 3.7vw, 4.1rem) !important;
  }

  .rpFooterCta h2,
  .alFooter h2,
  .fnFooterCta h2 {
    font-size: clamp(2.4rem, 4vw, 4.6rem) !important;
    line-height: 0.95 !important;
  }

  .atFooter {
    padding-block: clamp(3.5rem, 4.5vw, 5.2rem) 1.5rem !important;
  }

  .atFooterTop h2 {
    font-size: clamp(2.4rem, 4vw, 4.35rem) !important;
  }

  .atFooterLinks {
    margin-top: clamp(2.25rem, 3.5vw, 3.75rem) !important;
    padding-block: clamp(1.75rem, 2.5vw, 2.5rem) !important;
  }

  .sbFooter {
    padding-block: clamp(3.5rem, 4.5vw, 5.25rem) 1.5rem !important;
  }

  .sbFooterLead {
    padding-bottom: clamp(2.25rem, 3.4vw, 3.75rem) !important;
  }

  .sbFooterLead h2 {
    font-size: clamp(2.6rem, 4.5vw, 5rem) !important;
    line-height: 0.96 !important;
  }

  .sbFooterGrid {
    padding-block: clamp(2rem, 2.8vw, 2.75rem) !important;
  }
}

@media (min-width: 901px) and (max-width: 1179px) {
  .demoFooter {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .demoFooter :is(
    .demoFooterSignal,
    .demoFooterIdentity,
    .demoFooterLead,
    .demoFooterBottom
  ) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  .demoFooter > nav {
    grid-row: auto !important;
  }
}

@media (min-width: 1180px) {
  .demoFooter-civic {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    column-gap: clamp(1.25rem, 2vw, 2.25rem) !important;
  }

  .demoFooter-civic .demoFooterSignal,
  .demoFooter-civic .demoFooterBottom {
    grid-column: 1 / 13 !important;
  }

  .demoFooter-civic .demoFooterIdentity {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
  }

  .demoFooter-civic .demoFooterLead {
    grid-column: 4 / 9 !important;
    grid-row: 2 !important;
  }

  .demoFooter-civic > nav:nth-of-type(1) {
    grid-column: 9 / 11 !important;
    grid-row: 2 !important;
  }

  .demoFooter-civic > nav:nth-of-type(2) {
    grid-column: 11 / 13 !important;
    grid-row: 2 !important;
  }
}

/*
 * Experience polish v52
 * Every independent demo now keeps its two navigation groups side by side on
 * phones. The four-item closing row follows the same two-column rhythm, while
 * brand, introduction, and calls to action retain the full available measure.
 */
:is(
  .aurelineBridal .ftFooter,
  .rpFooter,
  .alFooter,
  .fnFooter,
  .atFooter,
  .sbFooter,
  .demoFooter
) :is(h2, p),
:is(
  .aurelineBridal .ftFooterLinks,
  .rpFooterMain,
  .alFooterMain,
  .fnFooterMain,
  .atFooterLinks,
  .sbFooterGrid,
  .demoFooter
) nav :is(small, a) {
  text-align: left;
}

:is(
  .aurelineBridal .ftFooterBottom,
  .rpFooterBottom,
  .alFooterBottom,
  .fnFooterBottom,
  .atFooterBottom,
  .sbFooterBottom,
  .demoFooterBottom
) > * {
  min-width: 0;
  overflow-wrap: normal;
  text-align: left;
  word-break: normal;
}

.demoFooter-care :is(
  .demoFooterSignal,
  .demoFooterIdentity,
  .demoFooterLead,
  nav,
  nav small,
  nav a,
  .demoFooterBottom > *
) {
  text-align: left;
}

@media (max-width: 900px) {
  :is(
    .aurelineBridal .ftFooterBottom,
    .rpFooterBottom,
    .alFooterBottom,
    .fnFooterBottom,
    .atFooterBottom,
    .sbFooterBottom,
    .demoFooterBottom
  ) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .85rem 1rem !important;
    justify-content: stretch !important;
    justify-items: stretch;
    width: 100%;
  }

  :is(
    .aurelineBridal .ftFooterBottom,
    .rpFooterBottom,
    .alFooterBottom,
    .fnFooterBottom,
    .atFooterBottom,
    .sbFooterBottom,
    .demoFooterBottom
  ) > * {
    width: 100%;
    max-width: none;
    justify-self: stretch;
    line-height: 1.4;
    text-align: left !important;
  }

  .aurelineBridal .ftFooterLinks,
  .atFooterLinks,
  .sbFooterGrid,
  .rpFooterMain,
  .alFooterMain,
  .fnFooterMain,
  .demoFooter {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .aurelineBridal .ftFooterLinks details:last-child {
    grid-column: auto !important;
  }

  :is(.rpFooterIdentity, .alFooterIdentity, .fnFooterIdentity),
  .sbFooterGrid > div:first-child,
  .sbFooterGrid > div:last-child,
  .demoFooter > :is(.demoFooterSignal, .demoFooterIdentity, .demoFooterLead, .demoFooterBottom) {
    grid-column: 1 / -1 !important;
  }

  :is(
    .aurelineBridal .ftFooterMain,
    .rpFooterMain,
    .alFooterMain,
    .fnFooterMain,
    .atFooterLinks,
    .sbFooterGrid,
    .demoFooter
  ) nav,
  :is(
    .aurelineBridal .ftFooterMain,
    .rpFooterMain,
    .alFooterMain,
    .fnFooterMain,
    .atFooterLinks,
    .sbFooterGrid,
    .demoFooter
  ) nav a {
    width: 100%;
    text-align: left !important;
  }

  .demoFooter.demoFooter-care nav,
  .demoFooter.demoFooter-care nav a,
  .demoFooter.demoFooter-care .demoFooterBottom > * {
    text-align: left !important;
  }
}

@media (max-width: 420px) {
  .atFooterLinks,
  .aurelineBridal .ftFooterLinks {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* V50 — four-line hero ceiling.
 * Main-site display titles use the full phone measure, while the homepage is
 * deliberately authored as four balanced lines. Demo titles retain each
 * brand's character but share a restrained interior-page scale. */
.hero-v5-title > :is(span, em) {
  display: block;
}

@media (max-width: 720px) {
  #main-content > main > section:first-of-type h1,
  #main-content > main > article:first-of-type > header h1,
  #main-content > main.not-found-v49 h1 {
    max-width: 100% !important;
    font-size: var(--type-h1) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
  }

  #main-content > main > section:first-of-type .hero-v5-title {
    font-size: clamp(1.8rem, 9.2vw, 2.25rem) !important;
  }
}

@media (max-width: 900px) {
  :is(
    .ftPageHero,
    .rpPageHero,
    .alPageHero,
    .fnPageHero,
    .fnItemHero,
    .fnArticleHero,
    .atPageHero,
    .atDetailHero,
    .atInquiryHero,
    .sbPageHero,
    .sbDetailHero,
    .demoPageHero,
    .demoCommerceHeading,
    .atSimpleMessage,
    .atArticle > header,
    .sbCommerce,
    .sbArticle > header
  ) h1 {
    max-width: 100% !important;
    font-size: clamp(1.45rem, 6.35vw, 1.75rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: balance;
  }
}

/* Experience polish v55 — reference-led menu and footer system.
 * Built from the supplied Arnexo, Bloomava, Archiesta, Kreatryx, and Straxon
 * references: simple editorial menus, direct close controls, hairline link
 * rows, contact-led footers, and brand-specific color systems. */

[data-menu-reference="bloomava"],
[data-footer-reference="bloomava"] { --demo-surface: #f4f0e8; --demo-ink: #17110f; --demo-accent: #7c2c31; --demo-active-ink: #fff; --demo-line: rgba(23,17,15,.22); }
[data-menu-reference="zelect"],
[data-footer-reference="zelect"] { --demo-surface: #0a1d30; --demo-ink: #f5f7f2; --demo-accent: #c8f05a; --demo-active-ink: #0a1d30; --demo-line: rgba(245,247,242,.22); }
[data-menu-reference="cleaningpoint"],
[data-footer-reference="cleaningpoint"] { --demo-surface: #143a36; --demo-ink: #f3f4ec; --demo-accent: #d94a29; --demo-active-ink: #fff; --demo-line: rgba(243,244,236,.22); }
[data-menu-reference="zinexa"],
[data-footer-reference="zinexa"] { --demo-surface: #181714; --demo-ink: #f2eee5; --demo-accent: #d7a348; --demo-active-ink: #181714; --demo-line: rgba(242,238,229,.22); }
[data-menu-reference="eatopia"],
[data-footer-reference="eatopia"] { --demo-surface: #25110e; --demo-ink: #f7ead7; --demo-accent: #e06143; --demo-active-ink: #25110e; --demo-line: rgba(247,234,215,.22); }
[data-menu-reference="nuonix"],
[data-footer-reference="nuonix"] { --demo-surface: #0c0b15; --demo-ink: #f5f2ff; --demo-accent: #c7ef55; --demo-active-ink: #0c0b15; --demo-line: rgba(245,242,255,.2); }
[data-menu-reference="linoxa"],
[data-footer-reference="linoxa"] { --demo-surface: #252c31; --demo-ink: #f0dfd2; --demo-accent: #d7b89f; --demo-active-ink: #252c31; --demo-line: rgba(240,223,210,.22); }
[data-menu-reference="kreascape"],
[data-footer-reference="kreascape"] { --demo-surface: #11110f; --demo-ink: #f8f7f1; --demo-accent: #ff5a3d; --demo-active-ink: #11110f; --demo-line: rgba(248,247,241,.22); }
[data-menu-reference="flampt"],
[data-footer-reference="flampt"] { --demo-surface: #20231f; --demo-ink: #f3eee2; --demo-accent: #c64a2e; --demo-active-ink: #fff; --demo-line: rgba(243,238,226,.22); }
[data-menu-reference="stratwise"],
[data-footer-reference="stratwise"] { --demo-surface: #07182b; --demo-ink: #f5f4ef; --demo-accent: #d7ad3f; --demo-active-ink: #07182b; --demo-line: rgba(245,244,239,.22); }

:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] {
  color: var(--demo-ink) !important;
  background: var(--demo-surface) !important;
}

:is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) {
  color: var(--demo-ink) !important;
  background: var(--demo-surface) !important;
}

:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] a,
:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] button,
:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] small,
:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] strong,
:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] span {
  color: inherit !important;
}

:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] nav a {
  min-width: 0;
  min-height: 44px;
  border: 0 !important;
  border-bottom: 1px solid var(--demo-line) !important;
  border-radius: 0 !important;
  color: var(--demo-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

:is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] nav a:is(:hover,:focus-visible,.isCurrent,.isActive) {
  color: var(--demo-active-ink) !important;
  background: var(--demo-accent) !important;
  padding-inline: .85rem !important;
}

:is(
  .demoMenuTop > button,
  .ftMobileTop > button,
  .rpMenuBar > button,
  .alMenuHead > button,
  .fnMenuHead > button,
  .atMenuClose,
  .sbMenuClose
) {
  position: relative;
  display: inline-grid !important;
  flex: 0 0 auto;
  place-items: center;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  color: var(--demo-ink) !important;
  background: transparent !important;
  font-size: 0 !important;
  cursor: pointer;
}

:is(
  .demoMenuTop > button,
  .ftMobileTop > button,
  .rpMenuBar > button,
  .alMenuHead > button,
  .fnMenuHead > button,
  .atMenuClose,
  .sbMenuClose
) > * { display: none !important; }

:is(
  .demoMenuTop > button,
  .ftMobileTop > button,
  .rpMenuBar > button,
  .alMenuHead > button,
  .fnMenuHead > button,
  .atMenuClose,
  .sbMenuClose
)::before,
:is(
  .demoMenuTop > button,
  .ftMobileTop > button,
  .rpMenuBar > button,
  .alMenuHead > button,
  .fnMenuHead > button,
  .atMenuClose,
  .sbMenuClose
)::after {
  content: "" !important;
  position: absolute;
  width: 20px;
  height: 1.5px;
  background: currentColor;
}

:is(.demoMenuTop > button,.ftMobileTop > button,.rpMenuBar > button,.alMenuHead > button,.fnMenuHead > button,.atMenuClose,.sbMenuClose)::before { transform: rotate(45deg); }
:is(.demoMenuTop > button,.ftMobileTop > button,.rpMenuBar > button,.alMenuHead > button,.fnMenuHead > button,.atMenuClose,.sbMenuClose)::after { transform: rotate(-45deg); }

.sbMenuClose {
  position: absolute !important;
  z-index: 4;
  top: max(1rem, env(safe-area-inset-top));
  right: 1rem;
}

@media (max-width: 900px) {
  :is(.ftMobileMenu,.demoMenu,.rpMenu,.alMenu,.fnMenu,.atMenu,.sbMenu)[data-menu-reference] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  :is(.demoMenuTop,.ftMobileTop,.rpMenuBar,.alMenuHead,.fnMenuHead) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 78px !important;
    padding: max(.85rem,env(safe-area-inset-top)) 1rem .85rem !important;
    border-bottom: 1px solid var(--demo-line) !important;
    background: var(--demo-surface) !important;
  }

  :is(.demoMenuTop,.ftMobileTop,.rpMenuBar,.alMenuHead,.fnMenuHead) :is(.demoBrand,.ftWordmark,.rpBrand,.alBrand,.fnBrand) {
    min-height: 44px;
    max-width: calc(100vw - 88px);
  }

  :is(.demoMenuIntro,.rpMenuStatement,.alMenuStatement,.fnMenuStory,.atMenuIntro,.sbMenuIntro) {
    display: none !important;
  }

  :is(.demoMenuBody,.rpMenuGrid,.alMenuBody,.fnMenuBody) {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: .8rem 1rem !important;
    overflow: visible !important;
  }

  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    border-top: 1px solid var(--demo-line) !important;
  }

  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) a {
    display: grid !important;
    grid-template-columns: 1.7rem minmax(0,1fr) !important;
    align-items: center !important;
    gap: .75rem !important;
    min-height: 50px !important;
    max-height: none !important;
    padding: .55rem .15rem !important;
  }

  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) a small {
    font-size: .58rem !important;
    font-weight: 800;
    letter-spacing: .08em;
    opacity: .62;
  }

  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) a span {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: clamp(1.12rem,5.4vw,1.45rem) !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
    -webkit-line-clamp: initial !important;
  }

  :is(.demoMenu footer,.rpMenuBottom,.alMenuFoot,.fnMenuFoot) {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .55rem !important;
    min-height: 0 !important;
    margin-top: auto !important;
    padding: .8rem 1rem max(1rem,env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--demo-line) !important;
    background: var(--demo-surface) !important;
  }

  :is(.demoMenu footer,.rpMenuBottom,.alMenuFoot,.fnMenuFoot) a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: .6rem .7rem !important;
    border: 1px solid var(--demo-ink) !important;
    border-radius: 0 !important;
    color: var(--demo-surface) !important;
    background: var(--demo-ink) !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  .demoMenu footer a:only-child { grid-column: 1 / -1; }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) auto !important;
    padding: 0 !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-content: start;
    gap: .75rem !important;
    margin: 0 !important;
    padding: .8rem 1rem !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav,
  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav:last-child {
    display: block !important;
    grid-column: auto !important;
    border-top: 1px solid var(--demo-line) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody nav small {
    display: block;
    padding: .65rem 0 .25rem;
    font-size: .6rem !important;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: .45rem 0 !important;
    font-size: clamp(1rem,4.7vw,1.28rem) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileActions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .55rem !important;
    margin: 0 !important;
    padding: .8rem 1rem max(1rem,env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--demo-line) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileActions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: .55rem;
    border: 1px solid var(--demo-ink);
    border-radius: 0;
    color: var(--demo-surface) !important;
    background: var(--demo-ink);
    font-size: .65rem !important;
    text-align: left;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] {
    display: block !important;
    background: var(--demo-surface) !important;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuBackdrop,.sbMenuBackdrop) { display: none !important; }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) auto !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding: max(5.5rem,calc(env(safe-area-inset-top) + 4.5rem)) 1rem max(1rem,env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) nav {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    align-content: start;
    gap: .75rem !important;
    margin: 0 !important;
    border-top: 1px solid var(--demo-line) !important;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) nav > div {
    display: block !important;
    min-width: 0;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) nav small {
    display: block;
    padding: .7rem 0 .25rem;
    font-size: .6rem !important;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) nav a {
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    padding: .5rem 0 !important;
    font-size: clamp(1.08rem,5vw,1.35rem) !important;
    line-height: 1.1 !important;
  }

  :is(.atMenuFoot,.sbMenuPanel > footer) {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .55rem !important;
    margin: .8rem 0 0 !important;
    padding: .8rem 0 0 !important;
    border-top: 1px solid var(--demo-line) !important;
  }

  :is(.atMenuFoot,.sbMenuPanel > footer) a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: .55rem;
    border: 1px solid var(--demo-ink) !important;
    color: var(--demo-surface) !important;
    background: var(--demo-ink) !important;
    font-size: .64rem !important;
    text-align: left;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 1rem !important;
  }

  :is(.atMenu,.sbMenu)[data-menu-reference] :is(.atMenuPanel,.sbMenuPanel) nav,
  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] .ftMobileMenuBody {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

/* Shared footer composition: the contact-first hierarchy and simple ruled
 * columns from the supplied footer references, adapted to every demo brand. */
[data-footer-reference] {
  box-sizing: border-box;
  color: var(--demo-ink) !important;
  background: var(--demo-surface) !important;
  border-color: var(--demo-line) !important;
}

[data-footer-reference],
[data-footer-reference] * { box-sizing: border-box; }

[data-footer-reference] :is(h2,p,small,span,a,summary) { color: inherit !important; }
[data-footer-reference] a::after { content: none !important; display: none !important; }

[data-footer-reference] :is(.demoFooterSignal,.demoFooterIdentity) { display: none !important; }
[data-footer-reference] :is(.rpFooterIdentity,.alFooterIdentity,.fnFooterIdentity) > span,
[data-footer-reference] :is(.rpFooterBottom,.alFooterBottom,.fnFooterBottom,.atFooterBottom,.sbFooterBottom,.ftFooterBottom,.demoFooterBottom) > span:nth-child(2) { display: none !important; }

[data-footer-reference] :is(
  .rpFooterCta,.alFooterCta,.fnFooterCta,.atFooterTop,.sbFooterLead,
  .demoFooterLead,.ftFooterNewsletter
) {
  color: var(--demo-ink) !important;
  background: transparent !important;
  border-color: var(--demo-line) !important;
}

[data-footer-reference] :is(
  .rpFooterCta,.alFooterCta,.fnFooterCta,.atFooterTop,.sbFooterLead,
  .demoFooterLead,.ftFooterNewsletter
) h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(3rem,7vw,8rem) !important;
  font-weight: 500 !important;
  line-height: .9 !important;
  letter-spacing: -.065em !important;
  text-wrap: balance;
}

[data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta,.demoFooterLead,.atFooterTop,.sbFooterLead) > :is(p,div) p,
[data-footer-reference] .ftFooterLead > p {
  max-width: 42rem;
  font-size: clamp(.95rem,1.3vw,1.18rem) !important;
  line-height: 1.55 !important;
  opacity: .78;
}

[data-footer-reference] :is(
  .rpFooterCta,.alFooterCta,.fnFooterCta,.atFooterTop,.sbFooterLead,
  .demoFooterLead,.ftFooterLead
) > a,
[data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta) a[class*="Button"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 50px;
  padding: .8rem 1.25rem !important;
  border: 1px solid var(--demo-accent) !important;
  border-radius: 999px !important;
  color: var(--demo-surface) !important;
  background: var(--demo-accent) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
  text-transform: uppercase;
}

[data-footer-reference] :is(
  .rpFooterMain,.alFooterMain,.fnFooterMain,.atFooterLinks,.sbFooterGrid,.ftFooterMain
) {
  border-color: var(--demo-line) !important;
}

[data-footer-reference] :is(nav,.atFooterLinks > div,.sbFooterGrid > div,.ftFooterLinks details) > small,
[data-footer-reference] .ftFooterLinks summary {
  display: block;
  margin-bottom: .65rem;
  font-size: .64rem !important;
  font-weight: 850 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
  opacity: .72;
}

[data-footer-reference] :is(nav,.atFooterLinks > div,.ftFooterLinks details nav) a,
[data-footer-reference] .sbFooterGrid > div > a:last-child {
  display: flex !important;
  align-items: center;
  min-height: 44px;
  padding: .6rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--demo-line) !important;
  color: var(--demo-ink) !important;
  background: transparent !important;
  font-size: clamp(.92rem,1.25vw,1.12rem) !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-decoration: none !important;
}

[data-footer-reference] :is(nav,.atFooterLinks > div,.ftFooterLinks details nav) a:is(:hover,:focus-visible),
[data-footer-reference] .sbFooterGrid > div > a:last-child:is(:hover,:focus-visible) {
  color: var(--demo-accent) !important;
}

[data-footer-reference] :is(
  .rpFooterBottom,.alFooterBottom,.fnFooterBottom,.atFooterBottom,.sbFooterBottom,
  .ftFooterBottom,.demoFooterBottom
) {
  border-color: var(--demo-line) !important;
}

@media (min-width: 901px) {
  .demoFooter[data-footer-reference] {
    display: grid !important;
    grid-template-columns: minmax(0,1.7fr) repeat(2,minmax(13rem,.65fr)) !important;
    gap: clamp(2rem,5vw,6rem) !important;
    padding: clamp(4rem,7vw,8rem) clamp(2rem,4vw,5rem) 1.5rem !important;
  }

  .demoFooter[data-footer-reference] .demoFooterLead { grid-column: 1; }
  .demoFooter[data-footer-reference] > nav { grid-column: auto; }
  .demoFooter[data-footer-reference] .demoFooterBottom { grid-column: 1 / -1; }

  [data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta,.atFooterTop,.sbFooterLead) {
    padding: clamp(5rem,8vw,9rem) clamp(2rem,5vw,6rem) !important;
  }

  [data-footer-reference] :is(.rpFooterMain,.alFooterMain,.fnFooterMain,.atFooterLinks,.sbFooterGrid,.ftFooterMain) {
    gap: clamp(2rem,4vw,5rem) !important;
    padding: clamp(3rem,5vw,6rem) clamp(2rem,5vw,6rem) !important;
  }
}

@media (max-width: 900px) {
  [data-footer-reference] { overflow: hidden; }

  .demoFooter[data-footer-reference] {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 1.5rem 1rem !important;
    padding: 3.5rem 1.25rem max(1.25rem,env(safe-area-inset-bottom)) !important;
  }

  .demoFooter[data-footer-reference] .demoFooterLead,
  .demoFooter[data-footer-reference] .demoFooterBottom { grid-column: 1 / -1; }

  .demoFooter[data-footer-reference] > nav {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
  }

  [data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta,.atFooterTop,.sbFooterLead) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 1.25rem !important;
    padding: 3.5rem 1.25rem !important;
  }

  [data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta,.demoFooterLead,.atFooterTop,.sbFooterLead,.ftFooterNewsletter) h2 {
    max-width: 10ch;
    font-size: clamp(2.7rem,13vw,4.6rem) !important;
    line-height: .9 !important;
  }

  [data-footer-reference] :is(.rpFooterMain,.alFooterMain,.fnFooterMain) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 1.75rem 1rem !important;
    padding: 2.5rem 1.25rem !important;
  }

  [data-footer-reference] :is(.rpFooterIdentity,.alFooterIdentity,.fnFooterIdentity) {
    grid-column: 1 / -1 !important;
    max-width: 34rem;
  }

  [data-footer-reference] :is(.rpFooterMain,.alFooterMain,.fnFooterMain) nav {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
  }

  .aurelineBridal .ftFooter[data-footer-reference] .ftFooterMain {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 2.25rem !important;
    padding: 3.5rem 1.25rem !important;
  }

  .aurelineBridal .ftFooter[data-footer-reference] .ftFooterLinks {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 1.5rem 1rem !important;
  }

  .aurelineBridal .ftFooter[data-footer-reference] .ftFooterLinks details {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
  }

  .aurelineBridal .ftFooter[data-footer-reference] .ftFooterLinks summary::after { display: none !important; }

  .atFooter[data-footer-reference] .atFooterTop > div { min-width: 0; }
  .atFooter[data-footer-reference] .atFooterInquiry { justify-self: start; }
  .atFooter[data-footer-reference] .atFooterLinks {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 2rem 1rem !important;
    padding: 2.5rem 1.25rem !important;
  }

  .sbFooter[data-footer-reference] .sbFooterGrid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 2rem 1rem !important;
    padding: 2.5rem 1.25rem !important;
  }

  .sbFooter[data-footer-reference] .sbFooterGrid > :first-child,
  .sbFooter[data-footer-reference] .sbFooterGrid > :last-child { grid-column: 1 / -1; }

  [data-footer-reference] :is(.rpFooterBottom,.alFooterBottom,.fnFooterBottom,.atFooterBottom,.sbFooterBottom,.ftFooterBottom,.demoFooterBottom) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: .75rem 1rem !important;
    min-height: 0 !important;
    padding: 1.25rem !important;
    font-size: .68rem !important;
  }

  [data-footer-reference] :is(.rpFooterBottom,.alFooterBottom,.fnFooterBottom,.atFooterBottom,.sbFooterBottom,.ftFooterBottom,.demoFooterBottom) > * {
    min-width: 0;
    text-align: left !important;
    overflow-wrap: break-word;
  }
}

@media (max-width: 360px) {
  [data-footer-reference] :is(nav,.atFooterLinks > div,.ftFooterLinks details nav) a {
    font-size: .84rem !important;
  }

  :is(.demoMenuBody > nav,.rpMenuGrid nav,.alMenuBody nav,.fnMenuBody nav) a span {
    font-size: 1.05rem !important;
  }
}

/* v55 final cascade safeguards for the supplied phone references. */
@media (max-width: 640px) {
  .demoMenu[data-menu-reference] .demoMenuBody > nav,
  .rpMenu[data-menu-reference] .rpMenuGrid nav,
  .alMenu[data-menu-reference] .alMenuBody nav,
  .fnMenu[data-menu-reference] .fnMenuBody nav {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .aurelineBridal .ftMobileMenu[data-menu-reference="bloomava"] nav a {
    min-height: 44px !important;
  }

  .demoFooter[data-footer-reference] .demoFooterLead,
  .demoFooter[data-footer-reference] .demoFooterBottom {
    grid-column: 1 / -1 !important;
  }

  .demoFooter[data-footer-reference] .demoFooterLead { grid-row: 1 !important; }
  .demoFooter[data-footer-reference] > nav:nth-of-type(1),
  .demoFooter[data-footer-reference] > nav:nth-of-type(2) { grid-row: 2 !important; }
  .demoFooter[data-footer-reference] .demoFooterBottom { grid-row: 3 !important; }

  .demoFooter[data-footer-reference] > nav:nth-of-type(1) {
    grid-column: 1 !important;
  }

  .demoFooter[data-footer-reference] > nav:nth-of-type(2) {
    grid-column: 2 !important;
  }

  [data-footer-reference] :is(.rpFooterCta,.alFooterCta,.fnFooterCta,.demoFooterLead,.atFooterTop,.sbFooterLead,.ftFooterNewsletter) h2 {
    max-width: 100% !important;
    font-size: clamp(2.55rem,11.5vw,4.25rem) !important;
    overflow-wrap: break-word !important;
  }

  .ftFooter[data-footer-reference="bloomava"] .ftFooterLinks nav a {
    min-height: 44px !important;
  }

  .demoMenu[data-menu-reference] .demoMenuBody > nav a,
  .rpMenu[data-menu-reference] .rpMenuGrid nav a,
  .alMenu[data-menu-reference] .alMenuBody nav a,
  .fnMenu[data-menu-reference] .fnMenuBody nav a {
    justify-items: start !important;
    min-height: 50px !important;
    padding: .55rem .15rem !important;
    border: 0 !important;
    border-bottom: 1px solid var(--demo-line) !important;
    border-radius: 0 !important;
    color: var(--demo-ink) !important;
    background: transparent !important;
    text-align: left !important;
  }

  .demoMenu[data-menu-reference] .demoMenuBody > nav a:is(:hover,:focus-visible,.isCurrent),
  .rpMenu[data-menu-reference] .rpMenuGrid nav a:is(:hover,:focus-visible,.isCurrent),
  .alMenu[data-menu-reference] .alMenuBody nav a:is(:hover,:focus-visible,.isCurrent),
  .fnMenu[data-menu-reference] .fnMenuBody nav a:is(:hover,:focus-visible,.isCurrent) {
    color: var(--demo-active-ink) !important;
    background: var(--demo-accent) !important;
    padding-inline: .85rem !important;
  }

  .demoMenu[data-menu-reference] .demoMenuTop :is(.demoBrand,.demoBrand > span:not(.demoAiLogo),.demoMenuTop > button) {
    color: var(--demo-ink) !important;
  }

  .demoMenu[data-menu-reference] footer a:only-child {
    width: 100% !important;
    justify-self: stretch !important;
  }
}

/* RoutePilot v56 — restored Avelety foundation, refined motion and navigation. */
.rpSite {
  --rp-menu-line: rgba(255, 255, 255, .13);
  --rp-menu-muted: rgba(235, 241, 247, .62);
}

.rpMenu[data-menu-reference="zelect"] {
  background:
    radial-gradient(circle at 88% 8%, rgba(133, 121, 255, .22), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(217, 255, 111, .08), transparent 24%),
    linear-gradient(145deg, #050b18 0%, #071b2d 58%, #0b2539 100%) !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav {
  gap: 0 !important;
  border-top: 1px solid var(--rp-menu-line) !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuLinks nav > small {
  padding: .9rem 0 !important;
  color: #d9ff6f !important;
  border-bottom: 1px solid var(--rp-menu-line) !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .8rem !important;
  min-height: 62px !important;
  padding: .65rem .15rem !important;
  color: #edf4f7 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--rp-menu-line) !important;
  border-radius: 0 !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a > small {
  margin: 0 !important;
  color: #d9ff6f !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  opacity: .72;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a > span {
  color: inherit !important;
  font-size: clamp(1rem, 1.45vw, 1.28rem) !important;
  font-weight: 540 !important;
  line-height: 1.1 !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:is(:hover, :focus-visible, .isCurrent) {
  padding-inline: .85rem !important;
  color: #071526 !important;
  background: linear-gradient(90deg, #d9ff6f, #c8f152) !important;
  border-color: transparent !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:is(:hover, :focus-visible, .isCurrent) > small {
  color: #071526 !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuBottom {
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 1rem 0 max(1rem, env(safe-area-inset-bottom)) !important;
  color: var(--rp-menu-muted) !important;
  background: transparent !important;
  border-top: 1px solid var(--rp-menu-line) !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuBottom a {
  min-height: 44px !important;
  padding: .65rem 1rem !important;
  color: #edf4f7 !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
}

.rpMenu[data-menu-reference="zelect"] .rpMenuBottom .rpMenuCta {
  color: #071526 !important;
  background: #d9ff6f !important;
  border-color: #d9ff6f !important;
}

.rpMenu.isOpen .rpMenuLinks nav a {
  animation: rpMenuLinkIn .46s cubic-bezier(.2, .8, .2, 1) both;
}

.rpMenu.isOpen .rpMenuLinks nav a:nth-of-type(2) { animation-delay: 45ms; }
.rpMenu.isOpen .rpMenuLinks nav a:nth-of-type(3) { animation-delay: 90ms; }
.rpMenu.isOpen .rpMenuLinks nav a:nth-of-type(4) { animation-delay: 135ms; }
.rpMenu.isOpen .rpMenuLinks nav a:nth-of-type(5) { animation-delay: 180ms; }
.rpMenu.isOpen .rpMenuLinks nav a:nth-of-type(6) { animation-delay: 225ms; }

@keyframes rpMenuLinkIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

.rpHeroVisual[data-rp-hero-media] .rpHeroWindow img {
  transform: translateY(calc(var(--rp-hero-shift, 0px) * .32)) scale(1.035);
  transform-origin: center;
  transition: transform .18s linear;
}

.rpHeroStatus { animation: rpFloatCard 5.8s ease-in-out infinite; }
.rpHeroMini { animation: rpFloatCard 6.6s ease-in-out -1.2s infinite; }
.rpHeroOrb { animation: rpFloatOrb 7.2s ease-in-out -2.4s infinite; }

@keyframes rpFloatCard {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -7px; }
}

@keyframes rpFloatOrb {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 0 -9px; rotate: 2deg; }
}

.rpMotionReady [data-rp-media] {
  clip-path: inset(0 0 100% 0 round var(--radius));
  transition:
    opacity .72s ease var(--rp-delay, 0ms),
    transform .72s cubic-bezier(.2, .75, .2, 1) var(--rp-delay, 0ms),
    clip-path 1s cubic-bezier(.2, .8, .2, 1) var(--rp-delay, 0ms) !important;
}

.rpMotionReady [data-rp-media].isVisible {
  clip-path: inset(0 round var(--radius));
}

.rpIndustryImage {
  aspect-ratio: 16 / 10;
  margin-top: 2.25rem !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .3);
}

.rpIndustryImage img {
  min-height: 0 !important;
}

.rpResourceGrid article:nth-child(2) .rpImagePanel { margin-top: 2.5rem; }
.rpResourceGrid article:nth-child(3) .rpImagePanel { margin-top: 5rem; }

@media (max-width: 900px) {
  .rpMenu[data-menu-reference="zelect"] {
    padding: 0 clamp(1rem, 3vw, 1.5rem) !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBar {
    padding-inline: 0 !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid {
    padding: 1rem 0 1.5rem !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuLinks {
    gap: clamp(1.2rem, 4vw, 2rem) !important;
    margin-top: 0 !important;
  }

  .rpResourceGrid article:nth-child(n) .rpImagePanel { margin-top: 0; }
}

@media (max-width: 640px) {
  .rpMenu[data-menu-reference="zelect"] .rpMenuBar {
    min-height: 74px !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid {
    display: block !important;
    overflow: visible !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuLinks {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.5rem !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a {
    justify-items: stretch !important;
    min-height: 52px !important;
    padding: .55rem .1rem !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a > span {
    display: block !important;
    color: inherit !important;
    font-size: 1.05rem !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
    gap: .55rem !important;
    margin-top: auto !important;
    padding: .8rem 0 max(1rem, env(safe-area-inset-bottom)) !important;
    background: transparent !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBottom > span {
    display: none !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBottom a {
    width: 100% !important;
    min-height: 46px !important;
    padding: .55rem .6rem !important;
    color: #edf4f7 !important;
    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 12px !important;
    font-size: .62rem !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBottom .rpMenuCta {
    color: #071526 !important;
    background: #d9ff6f !important;
    border-color: #d9ff6f !important;
  }

  .rpHeroVisual[data-rp-hero-media] .rpHeroWindow img {
    object-position: 58% center;
  }

  .rpIndustryImage { margin-top: 1.75rem !important; }
}

@media (prefers-reduced-motion: reduce) {
  .rpHeroStatus,
  .rpHeroMini,
  .rpHeroOrb,
  .rpMenu.isOpen .rpMenuLinks nav a {
    animation: none !important;
  }

  .rpHeroVisual[data-rp-hero-media] .rpHeroWindow img {
    transform: none !important;
  }
}

/* RoutePilot handheld menu: keep actions in document flow and avoid sticky
   touch-hover states obscuring the final company links. */
@media (max-width: 640px) {
  .rpMenu[data-menu-reference="zelect"] {
    display: block !important;
    padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    overscroll-behavior: contain;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid {
    min-height: auto !important;
    padding-bottom: 0 !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuBottom {
    position: static !important;
    margin-top: 1.5rem !important;
    padding-bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 640px) and (hover: none),
       (max-width: 640px) and (pointer: coarse) {
  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:hover:not(.isCurrent),
  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:focus:not(:focus-visible):not(.isCurrent) {
    padding-inline: .1rem !important;
    color: #edf4f7 !important;
    background: transparent !important;
    border-bottom-color: var(--rp-menu-line) !important;
  }

  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:hover:not(.isCurrent) > small,
  .rpMenu[data-menu-reference="zelect"] .rpMenuGrid nav a:focus:not(:focus-visible):not(.isCurrent) > small {
    color: #d9ff6f !important;
  }
}

/* RoutePilot handheld rhythm: clear the fixed header on every route, keep
   section spacing consistent, and contain the hero metric within its media. */
@media (max-width: 640px) {
  .rpSite .rpHero,
  .rpSite .rpPageHero {
    padding: clamp(10.75rem, 46vw, 12rem) 1rem 4.75rem !important;
  }

  .rpSite .rpHeroVisual {
    margin-top: 3.75rem !important;
  }

  .rpSite .rpHeroOrb {
    top: 1rem !important;
    right: 1rem !important;
    width: 96px !important;
    height: 96px !important;
    place-content: center !important;
    gap: .28rem !important;
    padding: .75rem !important;
  }

  .rpSite .rpHeroOrb strong {
    font-size: 1.25rem !important;
  }

  .rpSite .rpHeroOrb span {
    max-width: 100% !important;
    font-size: .52rem !important;
    line-height: 1.15 !important;
  }

  .rpSite .rpSection {
    padding-top: clamp(4.75rem, 19vw, 5.5rem) !important;
    padding-bottom: clamp(4.75rem, 19vw, 5.5rem) !important;
  }

  .rpSite .rpSection + .rpSection {
    border-top: 1px solid var(--line);
  }
}

/* app/demos/arc-ledger/arc-ledger-renok.css */
/* Arc Ledger — Renok-inspired editorial system.
 * Loaded after the shared demo safety layer so this microsite owns its final
 * typography, rhythm, navigation, and responsive presentation. */

.alSite {
  --al-ink: #050505;
  --al-paper: #f5f5f2;
  --al-bone: #e9e9e4;
  --al-amber: #d7ff50;
  --al-copper: #7567ff;
  --al-sage: #2b4a3c;
  --al-line: rgba(5, 5, 5, .18);
  --al-white-line: rgba(255, 255, 255, .18);
  --al-serif: "Instrument Serif", Iowan Old Style, Baskerville, Georgia, serif;
  --al-sans: "Inter Tight", Arial, Helvetica, sans-serif;
  background: var(--al-paper);
  color: var(--al-ink);
  font-family: var(--al-sans);
  font-size: 16px;
  line-height: 1.62;
}

.alSite h1,
.alSite h2,
.alSite h3 {
  font-family: var(--al-sans);
  font-weight: 600;
  letter-spacing: -.065em;
  text-wrap: balance;
}

.alSite h1 em,
.alSite h2 em,
.alSite h3 em,
.alSite .alMenuStatement em,
.alSite .alFooter h2 em {
  color: inherit;
  font-family: var(--al-serif);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.045em;
}

.alHeader {
  position: absolute;
  inset: 0 0 auto;
  z-index: 120;
  grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
  min-height: 112px;
  padding: 0 clamp(16px, 2.15vw, 34px);
  color: #fff;
  background: transparent;
  border-bottom: 0;
}

.alHeader::after {
  content: "";
  position: absolute;
  top: 0;
  right: clamp(16px, 2.15vw, 34px);
  bottom: -128px;
  width: 1px;
  background: var(--al-white-line);
  pointer-events: none;
}

.alHeader.isCompact {
  position: fixed;
  min-height: 76px;
  padding-block: 0;
  background: rgba(5, 5, 5, .9);
  border-bottom: 1px solid var(--al-white-line);
  box-shadow: none;
  backdrop-filter: blur(18px);
}

.alBrand {
  gap: 10px;
  font-family: var(--al-sans);
}

.alBrand > .demoAiLogo,
.alBrand > .demoAiLogoFooter,
.alBrand > span {
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.alBrand b {
  font-size: 1.04rem;
  font-weight: 700;
  letter-spacing: -.02em;
}

.alDesktopNav {
  justify-self: center;
  gap: clamp(22px, 3vw, 46px);
}

.alDesktopNav a {
  padding: 12px 0;
  font-size: .83rem;
  font-weight: 600;
  letter-spacing: -.02em;
  text-transform: none;
}

.alDesktopNav a::after {
  bottom: 5px;
  background: #fff;
}

.alHeaderActions {
  justify-self: end;
}

.alHeaderCta {
  display: none;
}

.alMenuTrigger {
  position: relative;
  z-index: 2;
  width: 54px;
  height: 54px;
  min-width: 54px;
  flex-direction: column !important;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.alMenuTrigger span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.alMenuTrigger i {
  width: 28px;
  height: 1px;
  margin: 0 !important;
  background: currentColor;
  transform: none !important;
}

.alMenuTrigger i:last-child {
  width: 15px;
  margin-left: 0 !important;
}

.alHero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  min-height: 1040px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(ellipse at 38% 0%, rgba(255, 255, 255, .13), transparent 34%),
    radial-gradient(ellipse at 52% 20%, rgba(255, 255, 255, .055), transparent 44%),
    #050505;
}

.alHero::before {
  content: "";
  position: absolute;
  inset: 0 2.1vw;
  z-index: 0;
  background:
    linear-gradient(90deg, var(--al-white-line) 1px, transparent 1px) 0 0 / 33.333% 100%,
    linear-gradient(180deg, transparent 0 95%, var(--al-white-line) 95% 95.1%, transparent 95.1%);
  opacity: 1;
  pointer-events: none;
}

.alHeroCopy {
  position: relative;
  z-index: 3;
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: 174px 24px 50px;
  text-align: left;
}

.alHeroCopy .alBack {
  margin: 0 0 50px;
  color: rgba(255, 255, 255, .58) !important;
  font-size: .65rem;
  letter-spacing: .15em;
}

.alHero h1 {
  max-width: 14ch;
  margin: 0 auto;
  font-size: clamp(4rem, 7.4vw, 7.6rem);
  line-height: .88;
  letter-spacing: -.075em;
}

.alHero h1 em {
  display: inline;
  padding-right: .05em;
}

.alMobileBreak {
  display: none;
}

.alHero .alLead {
  max-width: 710px;
  margin: 34px auto 0;
  color: rgba(255, 255, 255, .7);
  font-size: clamp(.96rem, 1.15vw, 1.12rem);
  line-height: 1.55;
}

.alHero .alActions {
  justify-content: center;
  margin-top: 32px;
}

.alButton,
.alHero .alButton,
.alButtonLight {
  min-height: 52px;
  padding: 10px 25px;
  color: var(--al-ink) !important;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: -.01em;
  text-transform: none;
}

.alButton::after,
.alHero .alButton::after,
.alButtonLight::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 22px;
  background: currentColor;
  border-radius: 50%;
}

.alButton:hover,
.alHero .alButton:hover,
.alButtonLight:hover {
  color: #fff !important;
  background: var(--al-copper);
  border-color: var(--al-copper);
  transform: translateY(-3px);
}

.alTextButton {
  padding: 14px 2px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .6);
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: none;
}

.alHeroVisual {
  position: relative;
  z-index: 2;
  min-height: 440px;
  overflow: visible;
}

.alHeroVisual::after {
  display: none;
}

.alHeroCollage {
  position: relative;
  width: min(100%, 1160px);
  height: 430px;
  margin: 0 auto;
  perspective: 1200px;
}

.alHeroCard {
  position: absolute;
  overflow: hidden;
  background: #171717;
  border: 1px solid rgba(255, 255, 255, .16);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .45);
}

.alHeroCard img {
  filter: saturate(.55) contrast(1.04);
}

.alHeroCardMain {
  z-index: 4;
  left: 50%;
  bottom: 10px;
  width: 43%;
  height: 280px;
  transform: translateX(-50%);
}

.alHeroCardOne {
  z-index: 2;
  left: 3%;
  bottom: 42px;
  width: 25%;
  height: 220px;
  transform: rotateY(18deg) rotateZ(-2deg);
}

.alHeroCardTwo {
  z-index: 3;
  left: 22%;
  bottom: 90px;
  width: 24%;
  height: 205px;
  transform: rotateY(7deg);
}

.alHeroCardFour {
  z-index: 2;
  right: 4%;
  bottom: 42px;
  width: 27%;
  height: 220px;
  transform: rotateY(-18deg) rotateZ(2deg);
}

.alHeroSignal {
  left: 50%;
  bottom: 0;
  z-index: 8;
  width: 240px;
  padding: 16px 18px;
  background: rgba(5, 5, 5, .88);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  transform: translate(-50%, 48%);
  backdrop-filter: blur(12px);
}

.alHeroSignal small,
.alHeroSignal span {
  font-size: .54rem;
}

.alHeroSignal strong {
  margin: 3px 0;
  font-family: var(--al-sans);
  font-size: .78rem;
}

.alHeroIndex {
  top: auto;
  right: 8%;
  bottom: 18px;
  z-index: 7;
  width: 112px;
  color: var(--al-ink);
  background: var(--al-amber);
}

.alHeroIndex span {
  font-family: var(--al-sans);
  font-size: 1.7rem;
  font-weight: 700;
}

.alHeroRail {
  position: relative;
  z-index: 4;
  grid-column: 1;
  width: calc(100% - 4.2vw);
  margin: 0 auto;
  border-top: 1px solid var(--al-white-line);
}

.alHeroRail article,
.alHeroRail > p {
  min-height: 110px;
  padding: 18px clamp(14px, 2.4vw, 36px);
}

.alHeroRail article strong {
  font-family: var(--al-sans);
  font-size: 1.4rem;
}

.alTicker {
  padding: 12px 0;
  color: #fff;
  background: var(--al-copper);
}

.alTicker span {
  font-size: .63rem;
}

.alDisclosure {
  grid-template-columns: auto minmax(0, 1fr) auto;
  color: rgba(255, 255, 255, .72);
  background: #111;
  border-color: var(--al-white-line);
}

.alDisclosure strong,
.alDisclosure a {
  color: #fff;
}

.alDisclosure p {
  color: rgba(255, 255, 255, .54);
}

.alSection {
  position: relative;
  padding: clamp(78px, 8vw, 132px) clamp(16px, 4.2vw, 68px);
}

.alSectionHead {
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr);
  gap: clamp(38px, 7vw, 100px);
  margin-bottom: clamp(50px, 6vw, 84px);
}

.alKicker {
  gap: 11px;
  font-size: .62rem;
  letter-spacing: .13em;
}

.alKicker span {
  color: var(--al-copper);
}

.alSite .alSection h2,
.alSite .alFooter h2,
.alSite .alArticleCta h2 {
  font-size: clamp(2.65rem, 5.2vw, 6rem);
  line-height: .91;
}

.alSectionHead > p,
.alCashCopy > p,
.alRhythm header > p,
.alEditorial header > p,
.alEditorialImage > div > p {
  color: #666;
  font-size: clamp(.96rem, 1.15vw, 1.1rem);
}

.alArrowLink {
  font-size: .68rem;
  letter-spacing: .02em;
  text-transform: none;
}

.alPlatform {
  background: #f5f5f2;
}

.alModuleGrid {
  border-color: var(--al-line);
}

.alModuleGrid article {
  min-height: 390px;
  padding: 24px;
  transition: color .3s, background .3s, transform .3s;
}

.alModuleGrid article > span {
  color: var(--al-copper);
  font-family: var(--al-sans);
  font-size: .67rem;
}

.alModuleGrid h3 {
  font-size: clamp(1.65rem, 2.25vw, 2.5rem);
}

.alModuleGrid article:hover {
  color: #fff;
  background: var(--al-ink);
  transform: translateY(-6px);
}

.alCashFeature {
  color: #fff;
  background: #090909;
}

.alCashImage > .alPicture,
.alGovernanceVisual > .alPicture,
.alEditorialImage > .alPicture,
.alItem > .alPicture {
  border-radius: 0;
}

.alCashImage > .alPicture {
  min-height: 560px;
}

.alCashImage > .alPicture img,
.alGovernanceVisual > .alPicture img,
.alEditorialImage > .alPicture img,
.alItem > .alPicture img {
  filter: saturate(.68);
}

.alImageCaption {
  right: 20px;
  bottom: 20px;
  color: #fff;
  background: rgba(5, 5, 5, .88);
  border: 1px solid var(--al-white-line);
}

.alImageCaption small,
.alCashFeature .alKicker span {
  color: var(--al-amber);
}

.alCashCopy > p,
.alCashCopy dd span {
  color: rgba(255, 255, 255, .58);
}

.alCashCopy dl > div {
  border-color: var(--al-white-line);
}

.alCashCopy dt {
  color: var(--al-amber);
  font-family: var(--al-sans);
}

.alRhythm {
  color: #fff;
  background: var(--al-copper);
}

.alRhythm > header > p,
.alRhythmList p {
  color: rgba(255, 255, 255, .72);
}

.alRhythmList,
.alRhythmList article {
  border-color: rgba(255, 255, 255, .26);
}

.alRhythmList article > span {
  color: var(--al-amber);
  font-family: var(--al-sans);
}

.alRhythmList i,
.alRhythmList i::after {
  border-color: var(--al-amber);
  background: var(--al-amber);
}

.alGovernance {
  background: #f5f5f2;
}

.alGovernanceVisual > .alPicture {
  height: min(58vw, 700px);
}

.alGovernanceOverlay {
  background: rgba(5, 5, 5, .9);
}

.alGovernanceOverlay small,
.alGovernanceFacts span {
  color: var(--al-copper);
  font-family: var(--al-sans);
}

.alInsights {
  background: #deded8;
}

.alInsightGrid {
  gap: 18px;
}

.alInsightGrid article {
  background: #f5f5f2;
  border-radius: 0;
}

.alInsightGrid small,
.alInsightsIndex small,
.alContinue small {
  color: var(--al-copper);
}

.alFaq {
  background: #f5f5f2;
}

.alFaq summary > span {
  color: var(--al-copper);
  font-family: var(--al-sans);
}

.alPageHero {
  position: relative;
  display: grid;
  grid-template-columns: 1fr !important;
  justify-items: center;
  gap: 54px;
  min-height: 0;
  padding: 170px clamp(16px, 4.2vw, 68px) 70px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .1), transparent 36%),
    #050505;
}

.alPageHero::before {
  content: "";
  position: absolute;
  inset: 0 2.1vw;
  background: linear-gradient(90deg, var(--al-white-line) 1px, transparent 1px) 0 0 / 33.333% 100%;
  pointer-events: none;
}

.alPageHero > div:first-child {
  position: relative;
  z-index: 2;
  align-items: center;
  width: min(100%, 1000px);
  padding: 0;
  text-align: left;
}

.alPageHero .alBack {
  margin-bottom: 42px;
}

.alPageHero h1 {
  width: 100%;
  max-width: 14ch;
  margin: 0 auto;
  font-size: clamp(3.6rem, 7vw, 7.3rem);
  line-height: .9;
  letter-spacing: -.075em;
}

.alPageHero > div:first-child > p:last-child {
  max-width: 690px;
  margin: 30px auto 0;
  color: rgba(255, 255, 255, .65);
}

.alPageHero > .alPicture {
  position: relative;
  z-index: 2;
  width: min(100%, 1180px);
  height: clamp(330px, 46vw, 600px);
  min-height: 0;
  border: 1px solid var(--al-white-line);
}

.alPageHero > .alPicture::after {
  background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .45));
}

.alPageHeroMark {
  right: max(6vw, 34px);
  bottom: 34px !important;
  z-index: 4;
  width: 108px;
  padding: 0 !important;
  color: var(--al-ink);
  background: var(--al-amber);
}

.alPageHeroMark span {
  font-family: var(--al-sans);
  font-weight: 700;
}

.alCatalog > div > article,
.alContactForm,
.alWorkspace {
  border-radius: 0;
}

.alCatalog > div > article {
  background: #deded8;
}

.alEditorialImage {
  background: #deded8;
}

.alEditorial article > span,
.alArticle > div > section > span,
.alContact dt {
  color: var(--al-copper);
  font-family: var(--al-sans);
}

.alPricing article {
  border-radius: 0;
}

.alPricing article.isFeatured {
  color: #fff;
  background: var(--al-copper);
}

.alPricing article.isFeatured > small,
.alPricing article.isFeatured > strong {
  color: var(--al-amber);
}

.alPricing article.isFeatured > p {
  color: rgba(255, 255, 255, .72);
}

.alInsightsIndex article > .alPicture {
  border-radius: 0;
}

.alArticleLead {
  color: var(--al-copper);
  font-family: var(--al-serif);
}

.alContinue {
  background: #deded8;
}

.alArticleCta {
  color: #fff;
  background: var(--al-copper);
}

.alArticleCta small {
  color: var(--al-amber);
}

.alContactForm {
  background: #deded8;
}

.alContactForm input,
.alContactForm select,
.alContactForm textarea {
  background: #f5f5f2;
  border-radius: 0;
}

.alWorkspaceSection {
  background: #deded8;
}

.alWorkspaceGrid > aside,
.alScenarioTabs button.isActive,
.alWorkspaceTop button {
  background: var(--al-ink);
}

.alChart i {
  background: linear-gradient(var(--al-amber), var(--al-copper));
}

.alMenu[data-menu-reference="zinexa"] {
  --demo-surface: #f5f5f2;
  --demo-ink: #050505;
  --demo-accent: #7567ff;
  --demo-active-ink: #fff;
  --demo-line: rgba(5, 5, 5, .18);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  color: var(--al-ink) !important;
  background: #f5f5f2 !important;
  transform: translateY(-20px);
}

.alMenu[data-menu-reference="zinexa"].isOpen {
  transform: none;
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead {
  --demo-surface: #050505;
  --demo-ink: #fff;
  min-height: 92px;
  height: auto;
  padding: 0 clamp(16px, 3vw, 48px);
  color: #fff !important;
  background: #050505 !important;
  border-color: rgba(255, 255, 255, .18);
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead :is(.alBrand, button) {
  color: #fff !important;
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead button {
  width: 52px;
  height: 52px;
  min-height: 52px;
  padding: 0;
  justify-content: center;
  color: #fff;
  border: 0;
  border-radius: 0;
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead button span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.alMenu[data-menu-reference="zinexa"] .alMenuHead button i {
  width: 28px;
  background: #fff;
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody {
  grid-template-columns: minmax(260px, .82fr) minmax(430px, 1.18fr);
  gap: clamp(48px, 8vw, 130px);
  min-height: 0;
  padding: clamp(42px, 6vw, 88px) clamp(20px, 5vw, 78px);
}

.alMenu[data-menu-reference="zinexa"] .alMenuStatement small,
.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a small {
  color: var(--al-copper);
}

.alMenu[data-menu-reference="zinexa"] .alMenuStatement strong {
  max-width: 10ch;
  margin: 20px 0;
  font-size: clamp(2.8rem, 5.2vw, 5.8rem);
  line-height: .88;
}

.alMenu[data-menu-reference="zinexa"] .alMenuStatement p {
  max-width: 500px;
  color: #686868;
  font-size: .96rem;
}

.alMenu[data-menu-reference="zinexa"] .alMenuStatement > a {
  border-color: var(--al-copper);
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: 0 34px;
  border-top: 1px solid var(--al-line);
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a {
  grid-template-columns: 32px minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 0;
  color: var(--al-ink) !important;
  background: transparent !important;
  border: 0;
  border-bottom: 1px solid var(--al-line);
  border-radius: 0;
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a span {
  color: inherit;
  font-size: clamp(1.05rem, 1.5vw, 1.45rem);
  font-weight: 500;
  letter-spacing: -.035em;
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a:is(:hover, :focus-visible, .isCurrent) {
  padding-left: 10px;
  color: #fff !important;
  background: var(--al-copper) !important;
}

.alMenu[data-menu-reference="zinexa"] .alMenuBody nav a:is(:hover, :focus-visible, .isCurrent) small {
  color: var(--al-amber);
}

.alMenu[data-menu-reference="zinexa"] .alMenuFoot {
  grid-template-columns: 1fr 1fr;
  padding: 18px clamp(20px, 5vw, 78px);
  color: #666 !important;
  background: #f5f5f2 !important;
  border-color: var(--al-line);
}

.alMenu[data-menu-reference="zinexa"] .alMenuFoot a {
  color: var(--al-ink) !important;
  border-color: var(--al-ink) !important;
  background: transparent !important;
}

.alMenu[data-menu-reference="zinexa"] .alMenuFoot a:last-child {
  text-align: left;
}

.alFooter {
  --demo-surface: #f5f5f2;
  --demo-ink: #050505;
  --demo-accent: #7567ff;
  --demo-active-ink: #fff;
  --demo-line: rgba(5, 5, 5, .18);
  color: var(--al-ink);
  background: #f5f5f2;
  border-top: 1px solid var(--al-line);
}

.alFooterCta {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  align-items: end;
  gap: clamp(50px, 8vw, 130px);
  padding: clamp(76px, 8vw, 132px) clamp(16px, 4.2vw, 68px);
  color: #fff;
  background: var(--al-copper);
  border-bottom: 1px solid rgba(255, 255, 255, .28);
}

.alFooterCta small {
  color: var(--al-amber);
}

.alFooterCta h2 {
  max-width: 11ch;
}

.alFooterCta p {
  color: rgba(255, 255, 255, .76);
}

.alFooterCta .alButton {
  margin-top: 24px;
}

.alFooterMain {
  grid-template-columns: minmax(280px, 1.25fr) repeat(2, minmax(150px, .45fr));
  gap: clamp(42px, 7vw, 100px);
  padding: clamp(64px, 7vw, 110px) clamp(16px, 4.2vw, 68px);
  color: var(--al-ink);
  background: #f5f5f2;
}

.alFooterIdentity p {
  max-width: 420px;
  color: #676767;
}

.alFooterIdentity > span {
  color: #777;
}

.alFooterMain nav small {
  color: var(--al-copper);
}

.alFooterMain nav a {
  color: #555;
  border-color: var(--al-line);
}

.alFooterMain nav a:hover {
  color: var(--al-ink);
}

.alFooterBottom {
  grid-template-columns: 1fr auto auto;
  color: #777;
  background: #f5f5f2;
  border-color: var(--al-line);
}

.alFooterBottom a {
  color: var(--al-ink);
}

.alFooterBottom > * {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .alHeader {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .alHeaderActions {
    justify-self: end;
  }

  .alDesktopNav {
    display: none;
  }

  .alHero {
    min-height: 980px;
  }

  .alHeroCopy {
    padding-top: 154px;
  }
}

@media (max-width: 900px) {
  .alHeader {
    min-height: 88px;
  }

  .alHero {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    min-height: 920px;
  }

  .alHeroCopy {
    padding: 132px 20px 34px;
  }

  .alHeroCopy .alBack {
    margin-bottom: 36px;
  }

  .alHeroVisual {
    min-height: 390px;
  }

  .alHeroCollage {
    height: 370px;
  }

  .alHeroCardMain {
    width: 50%;
    height: 235px;
  }

  .alHeroCardOne,
  .alHeroCardFour {
    width: 29%;
    height: 180px;
  }

  .alHeroCardTwo {
    width: 28%;
    height: 170px;
  }

  .alPageHero {
    padding-top: 138px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuBody {
    grid-template-columns: 1fr;
    align-content: start;
    overflow: auto;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuStatement strong {
    max-width: 12ch;
  }

  .alFooterCta,
  .alFooterMain {
    grid-template-columns: 1fr 1fr;
  }

  .alFooterIdentity {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .alHeader {
    min-height: 76px;
    padding: 0 14px;
  }

  .alHeader::after {
    right: 14px;
  }

  .alBrand b {
    font-size: .82rem;
  }

  .alBrand > .demoAiLogo,
  .alBrand > .demoAiLogoFooter,
  .alBrand > span {
    width: 30px !important;
    height: 30px !important;
  }

  .alMenuTrigger {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }

  .alMenuTrigger i {
    width: 24px;
  }

  .alHero {
    min-height: 810px;
  }

  .alHero::before {
    inset-inline: 14px;
    background: linear-gradient(90deg, var(--al-white-line) 1px, transparent 1px) 0 0 / 50% 100%;
  }

  .alHeroCopy {
    padding: 112px 16px 30px;
  }

  .alHeroCopy .alBack {
    margin-bottom: 28px;
    font-size: .55rem;
  }

  .alHero h1 {
    max-width: 10.5ch;
    font-size: clamp(3rem, 14vw, 4.15rem) !important;
    line-height: .9;
  }

  .alHero h1 br {
    display: block;
  }

  .alHero h1 .alMobileBreak {
    display: block;
  }

  .alHero .alLead {
    max-width: 34ch;
    margin-top: 24px;
    font-size: .88rem !important;
    line-height: 1.5;
  }

  .alHero .alActions {
    display: flex;
    width: auto;
    gap: 16px;
    margin-top: 24px;
  }

  .alHero .alButton {
    width: auto;
  }

  .alHero .alTextButton {
    display: none;
  }

  .alHeroVisual {
    min-height: 300px;
  }

  .alHeroCollage {
    width: 112%;
    height: 290px;
    margin-left: -6%;
  }

  .alHeroCardMain {
    width: 57%;
    height: 178px;
  }

  .alHeroCardOne {
    left: -4%;
    bottom: 30px;
    width: 34%;
    height: 142px;
  }

  .alHeroCardTwo {
    left: 18%;
    bottom: 76px;
    width: 31%;
    height: 128px;
  }

  .alHeroCardFour {
    right: -4%;
    bottom: 30px;
    width: 35%;
    height: 142px;
  }

  .alHeroSignal {
    width: 214px;
  }

  .alHeroIndex {
    right: 6%;
    bottom: 14px;
    width: 82px;
  }

  .alHeroIndex span {
    font-size: 1.2rem;
  }

  .alHeroRail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 28px);
  }

  .alHeroRail article,
  .alHeroRail > p {
    min-height: 88px;
    padding: 13px;
  }

  .alHeroRail article:nth-child(3) {
    grid-column: 1 / -1;
  }

  .alHeroRail > p {
    display: none;
  }

  .alDisclosure {
    grid-template-columns: 1fr;
  }

  .alSection {
    padding: 64px 16px;
  }

  .alSite .alSection h2,
  .alSite .alFooter h2,
  .alSite .alArticleCta h2 {
    font-size: clamp(2.5rem, 12vw, 3.75rem) !important;
  }

  .alPageHero {
    gap: 32px;
    padding: 116px 16px 48px !important;
  }

  .alPageHero::before {
    inset-inline: 14px;
    background-size: 50% 100%;
  }

  .alPageHero .alBack {
    margin-bottom: 28px;
  }

  .alPageHero h1 {
    max-width: 11ch;
    font-size: clamp(3rem, 13vw, 4.2rem) !important;
    line-height: .91;
  }

  .alPageHero > div:first-child > p:last-child {
    margin-top: 22px;
    font-size: .9rem;
  }

  .alPageHero > .alPicture {
    width: 100%;
    height: 260px;
    min-height: 0;
  }

  .alPageHeroMark {
    right: 24px;
    bottom: 26px !important;
    width: 74px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuHead {
    min-height: 74px;
    padding-inline: 14px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuHead button {
    width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuBody {
    display: block;
    padding: 24px 16px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuStatement {
    display: block;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuStatement strong {
    max-width: 9ch;
    font-size: clamp(2.45rem, 12vw, 3.5rem);
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuStatement p,
  .alMenu[data-menu-reference="zinexa"] .alMenuStatement > a {
    display: none;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuBody nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin-top: 26px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuBody nav a {
    grid-template-columns: 24px minmax(0, 1fr);
    min-height: 50px;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuBody nav a span {
    font-size: .91rem;
  }

  .alMenu[data-menu-reference="zinexa"] .alMenuFoot {
    grid-template-columns: 1fr 1fr;
    padding: 14px 16px;
    font-size: .57rem;
  }

  .alFooterCta,
  .alFooterMain {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .alFooterCta {
    padding: 64px 16px !important;
  }

  .alFooterCta > div {
    grid-column: 1 / -1;
  }

  .alFooterMain {
    gap: 38px 18px;
    padding: 52px 16px !important;
  }

  .alFooterIdentity {
    grid-column: 1 / -1 !important;
  }

  .alFooterMain nav {
    min-width: 0;
  }

  .alFooterMain nav a {
    padding: 9px 0;
    font-size: .75rem;
  }

  .alFooterBottom {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 16px !important;
    font-size: .58rem;
    line-height: 1.45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .alHeroCard,
  .alButton,
  .alMenu {
    transition: none !important;
  }
}

/* app/demos/demo-consistency.css */
/* Six-demo design-system guardrails.
 * Keeps each brand distinct while sharing one responsive type, spacing,
 * control, contrast, and accessibility standard. Loaded last intentionally. */

:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite){
  --demo-h1:clamp(2.75rem,5.4vw,5.5rem);
  --demo-h2:clamp(2.2rem,4.15vw,4.25rem);
  --demo-h3:clamp(1.4rem,2.2vw,2.25rem);
  --demo-h4:clamp(1.18rem,1.55vw,1.65rem);
  --demo-h5:clamp(1.02rem,1.15vw,1.25rem);
  --demo-h6:clamp(.88rem,.95vw,1.05rem);
  --demo-section:clamp(4.5rem,8vw,8rem);
  --demo-inline:clamp(1.25rem,4vw,4.75rem);
  --demo-copy:clamp(.94rem,.35vw + .86rem,1rem);
  min-width:0;
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

.aurelineBridal{--demo-heading-family:var(--ft-display);--ft-section:var(--demo-section);--ft-ink-soft:#595751}
.rpSite{--demo-heading-family:Satoshi,"Inter Tight",Arial,sans-serif;--text:#c9ccda;--muted:#9ba1b7}
.alSite{--demo-heading-family:var(--al-sans);--al-line:rgba(5,5,5,.2)}
.fnSite{--demo-heading-family:Arial,"Helvetica Neue",Helvetica,sans-serif;--fn-muted:#625d70}
.atSite{--demo-heading-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--at-muted:#505b68}
.sblxSite{--demo-heading-family:"Helvetica Neue",Arial,sans-serif;--sblx-muted:#555a57}

:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(*, *::before, *::after){box-sizing:border-box}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(button,input,select,textarea){font:inherit}

.aurelineBridal h1,.rpSite h1,.alSite h1,.fnSite h1,.atSite h1,.sblxSite h1{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h1)!important;font-weight:500!important;line-height:.95!important;letter-spacing:-.05em!important;margin:0 0 clamp(1rem,2vw,1.5rem)!important;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.aurelineBridal h2,.rpSite h2,.alSite h2,.fnSite h2,.atSite h2,.sblxSite h2{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h2)!important;font-weight:500!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 clamp(.9rem,1.7vw,1.3rem)!important;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.aurelineBridal h3,.rpSite h3,.alSite h3,.fnSite h3,.atSite h3,.sblxSite h3{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h3)!important;font-weight:550!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0 0 .9rem!important;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.aurelineBridal h4,.rpSite h4,.alSite h4,.fnSite h4,.atSite h4,.sblxSite h4{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h4)!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:0 0 .8rem!important;text-wrap:balance}
.aurelineBridal h5,.rpSite h5,.alSite h5,.fnSite h5,.atSite h5,.sblxSite h5{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h5)!important;font-weight:650!important;line-height:1.2!important;letter-spacing:-.015em!important;margin:0 0 .7rem!important}
.aurelineBridal h6,.rpSite h6,.alSite h6,.fnSite h6,.atSite h6,.sblxSite h6{font-family:var(--demo-heading-family)!important;font-size:var(--demo-h6)!important;font-weight:700!important;line-height:1.25!important;letter-spacing:.01em!important;margin:0 0 .65rem!important}

:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) p{font-size:var(--demo-copy);line-height:1.65;text-wrap:pretty}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(p,ul,ol,dl){margin-top:0}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(small,.demoEyebrow){line-height:1.4}

/* Shared section rhythm; hero, compact proof bars, and closing strips keep
 * their purpose-built proportions. */
.rpSite .rpSection,.alSite .alSection,.fnSite .fnSection{padding-block:var(--demo-section)!important}
.atSite main>section.atInset:not(.atMetrics){padding-block:var(--demo-section)!important}
.sblxSite main>section.sblxShell:not(.sblxTrust):not(.sblxInlineCta){padding-block:var(--demo-section)!important}

/* Consistent control density and readable interaction states. */
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(button,[role="button"],input,select,textarea){min-height:44px}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(button,[role="button"]){font-size:clamp(.76rem,.25vw + .72rem,.86rem);line-height:1.2}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important}
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(img,picture){max-width:100%}

/* Light-surface contrast. */
.aurelineBridal :where(p,li,dd){color:var(--ft-ink-soft)}
.alSite :where(p,li,dd){color:#494944}
.fnSite :where(p,li,dd){color:var(--fn-muted)}
.atSite :where(p,li,dd){color:var(--at-muted)}
.sblxSite :where(p,li,dd){color:var(--sblx-muted)}

/* Restore the intended high-contrast copy wherever a dark surface owns it. */
.rpSite :where(h1,h2,h3,h4,h5,h6){color:#fff}
.rpSite :where(p,li,dd){color:var(--text)}
:where(.alSite,.fnSite,.atSite,.sblxSite) :where(header,footer,[class*="Hero"],[class*="Menu"],[class*="Cta"],[class*="Band"])[style*="background"] :where(p,li,dd){color:inherit}
.alSite :where(.alHero,.alPageHero,.alFooter,.alMenu) :where(p,li,dd),.fnSite :where(.fnItemHero,.fnArticleHero,.fnEvidence,.fnGovernance,.fnFooter,.fnMenu,.fnArticleCta) :where(p,li,dd),.atSite :where(.atHero,.atPageHero,.atFooter,.atMenu) :where(p,li,dd),.sblxSite :where(.sblxHero,.sblxPageHero,.sblxFooter,.sblxMenuTop,.sblxServices,.sblxProcessBand,.sblxFinalImage) :where(p,li,dd){color:rgba(255,255,255,.76)}
.fnSite :where(.fnDisclosure,.fnProcess,.fnWorkspaceGrid>aside,.fnFooterCta) :where(p,li,dd){color:rgba(255,255,255,.76)}
.fnSite :where(.fnAutomations article:nth-child(2),.fnPricing article.isFeatured,.fnInsights article:hover,.fnContinue article:hover) :where(p,li,dd){color:rgba(255,255,255,.8)}
.alSite :where(.alWorkspaceGrid>aside) :where(p,li,dd){color:#b9b4ac}

@media(max-width:620px){
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite){--demo-h1:clamp(2.55rem,12vw,3.35rem);--demo-h2:clamp(2.05rem,9.6vw,2.85rem);--demo-h3:clamp(1.35rem,6.6vw,1.85rem);--demo-h4:clamp(1.14rem,5vw,1.42rem);--demo-section:clamp(4rem,18vw,5rem);--demo-inline:1.25rem;--demo-copy:.95rem}
  .rpSite .rpSection,.alSite .alSection,.fnSite .fnSection{padding-inline:var(--demo-inline)!important}
  .atSite main>section.atInset,.sblxSite .sblxShell{padding-inline:var(--demo-inline)!important}
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(h1,h2,h3,h4){max-width:100%;hyphens:none}
}

@media(prefers-reduced-motion:reduce){
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) *,
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) *::before,
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* app/vankpa-ten-x.css */
/* V50 — one premium Vankpa system across the public site.
   This layer is intentionally scoped to Vankpa chrome so the six independent
   demonstration brands retain their own visual systems. */

.site-page-v3{
  --type-h1:clamp(2.75rem,4.15vw,4.85rem);
  --type-h2:clamp(2rem,3vw,3.45rem);
  --type-h3:clamp(1.35rem,1.65vw,1.9rem);
  --type-h4:clamp(1.12rem,1.2vw,1.38rem);
  --type-h5:clamp(1rem,1vw,1.16rem);
  --type-body:clamp(.96rem,calc(.91rem + .2vw),1.04rem);
  --section-space:clamp(76px,7vw,112px);
  --v50-black:#080808;
  --v50-ivory:#f5f1e9;
  --v50-red:#98161a;
  --v50-brass:#c69a3a;
  background:var(--v50-ivory)
}

.site-page-v3 #main-content :where(h1,h2,h3,h4,h5,h6),
.site-page-v3 .footer-v7 :where(h2,h3,h4,h5,h6){
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none
}

.site-page-v3 :where(p,li,dd){
  text-align:left;
  text-left:auto;
  text-wrap:pretty;
  -webkit-hyphens:none;
  hyphens:none
}

.site-page-v3 .section-v2{padding-block:var(--section-space)}
.site-page-v3 #main-content main>section:not(.hero-v5){isolation:isolate}
.site-page-v3 #main-content main>section:not(.hero-v5):before{
  pointer-events:none
}

.site-header-v20,
.site-header-v20.scrolled{
  height:72px;
  background:rgba(8,8,8,.93);
  border-bottom:1px solid rgba(245,241,233,.13);
  box-shadow:none;
  backdrop-filter:blur(24px) saturate(1.15)
}
.site-header-v20.scrolled{height:64px;box-shadow:0 14px 38px rgba(0,0,0,.2)}
.site-menu-details>summary,
.site-header-v20.scrolled+.site-menu-details>summary{
  position:fixed;
  top:12px!important;
  transform:none!important
}
.site-header-v20 .nav-pill-v3{
  border-color:rgba(245,241,233,.16);
  background:rgba(255,255,255,.035)
}
.site-header-v20 .nav-pill-v3 a{min-height:40px;padding-inline:13px}
.site-header-v20 .nav-pill-v3 a:hover,
.site-header-v20 .nav-pill-v3 a.active{background:var(--v50-ivory);color:var(--v50-black)}
.site-header-v20 .header-contact-v3{
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(245,241,233,.2);
  border-radius:999px
}

.menu-v3{
  grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);
  gap:clamp(48px,7vw,120px);
  padding-top:clamp(108px,11vh,136px);
  background:
    radial-gradient(circle at 15% 92%,rgba(152,22,26,.2),transparent 32%),
    #080808
}
.menu-v3-brand{
  position:fixed;
  top:12px;
  left:var(--gutter);
  z-index:3;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  color:var(--v50-ivory)
}
.menu-v3-brand img{width:42px;height:auto;object-fit:contain}
.menu-v3-brand b{font-size:.72rem;letter-spacing:.12em}
.menu-v3-orbit{display:none}
.menu-v3-aside{border-right-color:rgba(245,241,233,.15)}
.menu-v3-aside h2{max-width:12ch;margin-block:clamp(34px,5vh,58px) 24px;font-size:clamp(2.15rem,3vw,3.55rem)!important}
.menu-v3-aside p{max-width:390px;color:rgba(245,241,233,.64);font-size:.9rem}
.menu-v3-nav>a{
  grid-template-columns:44px minmax(0,1fr);
  min-height:clamp(58px,7.5vh,78px);
  padding:6px 0;
  border-color:rgba(245,241,233,.15)
}
.menu-v3-nav span{font-size:clamp(2rem,3.6vw,4.2rem);line-height:.92}
.menu-v3-nav>a:hover,
.menu-v3-nav>a.current{padding-inline:18px;background:var(--v50-red);color:#fff}
.menu-v3-nav>.menu-v3-ai-card{
  position:relative;
  display:block;
  min-height:clamp(112px,15vh,168px);
  margin-top:clamp(16px,2.5vh,28px);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(245,241,233,.16);
  border-radius:18px;
  background:#111
}
.menu-v3-nav>.menu-v3-ai-card:hover{
  padding:0;
  background:#111;
  color:var(--v50-ivory)
}
.menu-v3-ai-card picture,
.menu-v3-ai-card img{display:block;width:100%;height:100%}
.menu-v3-ai-card picture{position:absolute;inset:0}
.menu-v3-ai-card img{object-fit:cover;object-position:center 50%;transition:transform .7s var(--ease),filter .5s var(--ease)}
.menu-v3-ai-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,8,8,.82),rgba(8,8,8,.18) 68%,rgba(8,8,8,.08))
}
.menu-v3-ai-card:hover img{transform:scale(1.035);filter:saturate(1.08)}
.menu-v3-ai-copy{
  position:absolute;
  z-index:1;
  left:clamp(18px,2vw,30px);
  bottom:clamp(16px,2vw,26px);
  display:grid;
  gap:8px;
  max-width:19rem
}
.menu-v3-ai-copy small{color:var(--v50-brass);font-size:.55rem;letter-spacing:.14em}
.menu-v3-ai-copy b{font-size:clamp(.94rem,1.25vw,1.18rem);line-height:1.2;letter-spacing:-.02em}
.menu-v3-footer{color:rgba(245,241,233,.58)}

.site-page-v3 .hero-v5{
  display:grid;
  grid-template-columns:minmax(370px,.45fr) minmax(520px,.55fr);
  grid-template-rows:auto;
  gap:clamp(42px,5vw,82px);
  align-items:center;
  min-height:clamp(720px,92svh,900px);
  padding:clamp(108px,9vw,132px) var(--gutter) clamp(50px,5vw,72px);
  background:
    radial-gradient(circle at 89% 10%,rgba(152,22,26,.28),transparent 31%),
    radial-gradient(circle at 11% 85%,rgba(198,154,58,.08),transparent 28%),
    var(--v50-black)
}
.site-page-v3 .hero-v5-copy{
  grid-column:1;
  grid-row:1;
  align-self:center;
  padding:0
}
.site-page-v3 #main-content .hero-v5-title{
  max-width:9.5ch;
  margin:clamp(28px,3vw,42px) 0 0;
  font-size:clamp(3rem,4.45vw,5.25rem)!important;
  line-height:.9!important;
  letter-spacing:-.055em!important
}
.site-page-v3 .hero-v5-title>:is(span,em){display:block}
.site-page-v3 .hero-v5-title em{color:var(--v50-brass)}
.site-page-v3 .hero-v5-summary{
  max-width:620px;
  margin-top:clamp(28px,3vw,38px);
  color:rgba(245,241,233,.68);
  font-size:clamp(.98rem,1vw,1.08rem)!important;
  line-height:1.68!important
}
.site-page-v3 .hero-v5-actions{margin-top:28px}
.site-page-v3 .hero-v5-proof{
  margin-top:34px;
  padding-top:17px;
  color:rgba(245,241,233,.56)
}
.site-page-v3 .hero-v5-media{
  grid-column:2;
  grid-row:1;
  position:relative;
  width:100%;
  height:clamp(640px,74svh,820px);
  min-height:0;
  aspect-ratio:auto;
  align-self:center;
  border:1px solid rgba(245,241,233,.14);
  border-radius:28px 96px 28px 28px;
  box-shadow:0 34px 90px rgba(0,0,0,.38)
}
.site-page-v3 .hero-v5-photo img{
  object-position:center;
  filter:saturate(.82) contrast(1.04) brightness(.9)
}
.site-page-v3 .hero-v5-grid{
  opacity:.56;
  mask-image:linear-gradient(180deg,black,transparent 75%)
}
.site-page-v3 .hero-v5-orbit{display:none}
.hero-v50-caption{
  position:absolute;
  z-index:6;
  left:18px;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 16px;
  border:1px solid rgba(245,241,233,.2);
  border-radius:999px;
  background:rgba(8,8,8,.74);
  color:#fff;
  backdrop-filter:blur(14px)
}
.hero-v50-caption span,
.hero-v50-caption strong{
  font-size:.54rem;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase
}
.hero-v50-caption span{color:var(--v50-brass)}
.hero-v50-caption strong{font-weight:650;color:rgba(255,255,255,.76)}
.site-page-v3 .hero-v5-metadata{position:static!important;margin-top:20px;color:rgba(245,241,233,.34)}

.site-page-v3 :where(.button-v2,.header-contact-v3){min-height:48px}
.site-page-v3 .button-v2{
  padding-inline:22px;
  border-radius:999px;
  letter-spacing:.11em;
  box-shadow:none
}
.site-page-v3 .text-action{min-height:44px;align-items:center;padding-bottom:0;border-bottom-color:rgba(198,154,58,.55)}
.site-page-v3 :where(.button-v2,.text-action):hover{transform:translateY(-2px)}

.site-page-v3 .footer-v7{
  background:
    radial-gradient(circle at 92% 12%,rgba(152,22,26,.2),transparent 27%),
    var(--v50-black)
}
.site-page-v3 .footer-v7-directory{
  grid-template-columns:minmax(280px,1.15fr) minmax(135px,.42fr) minmax(155px,.48fr) minmax(270px,.9fr);
  gap:clamp(34px,4vw,68px);
  padding-block:clamp(68px,7vw,104px)
}
.site-page-v3 .footer-v7-brand>p{max-width:460px;color:rgba(255,255,255,.64)}
.site-page-v3 .footer-v7 nav a{color:rgba(255,255,255,.7)}
.site-page-v3 .footer-v7-connect{
  padding-left:clamp(22px,2.8vw,44px);
  border-left:1px solid rgba(255,255,255,.14)
}
.site-page-v3 .footer-v7-connect h2{max-width:28ch!important;font-size:1.08rem!important;line-height:1.42!important}
.site-page-v3 .footer-v7-brief{
  max-width:32ch;
  margin:0 0 22px;
  color:rgba(255,255,255,.58);
  font-size:.72rem;
  line-height:1.58
}
.site-page-v3 .footer-v7-connect .button-v2{margin-top:auto}
.site-page-v3 .footer-v7-bottom{min-height:64px}

/* V61 — pyramid-led present, past, and future narrative for Van's professional direction. */
.about-direction-v61{min-width:0}
.about-direction-v61>h2{
  max-width:14ch;
  margin:34px 0 26px;
  font-size:var(--type-h2)!important;
  line-height:.97!important;
  letter-spacing:-.045em!important
}
.about-direction-copy-v62{
  max-width:44rem;
  margin:0
}
.about-direction-copy-v62 p{
  margin:0;
  color:#211f1b;
  text-align:left;
  text-align-last:auto;
  text-left:auto;
  hyphens:manual;
  font-size:.9rem;
  line-height:1.78
}
.about-direction-copy-v62 .lead{font-size:clamp(1.03rem,1.4vw,1.24rem);line-height:1.72}
.about-direction-copy-v62 p+p{margin-top:24px;padding-top:24px;border-top:1px solid rgba(8,8,8,.17);color:#5f5a52}
.about-direction-v61>.inline-actions{margin-top:34px}

/* V60 — founder-led evidence, outcome, fit, and diagnostic system. */
.site-page-v3 .bos-proof-grid article{
  min-height:350px;
  border-radius:22px
}
.home-proof-standard-v60{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:24px;
  border-block:1px solid rgba(8,8,8,.14)
}
.home-proof-standard-v60 span{
  min-width:0;
  padding:16px 14px;
  color:#5d574f;
  font-size:.58rem;
  font-weight:750;
  letter-spacing:.11em;
  text-align:left;
  text-transform:uppercase
}
.home-proof-standard-v60 span+span{border-left:1px solid rgba(8,8,8,.14)}

.home-outcome-system-v60>header{
  display:grid;
  grid-template-columns:minmax(300px,.44fr) minmax(320px,.56fr);
  gap:clamp(42px,8vw,132px);
  align-items:end;
  margin-bottom:clamp(44px,5vw,72px)
}
.home-outcome-system-v60>header h2,
.home-fit-v60>header h2,
.home-demo-boundary-v60 h2{
  max-width:17ch;
  margin:28px 0 0;
  font-size:var(--type-h2)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important
}
.home-outcome-system-v60>header>p{
  max-width:670px;
  margin:0;
  color:#625d55;
  font-size:var(--type-body);
  line-height:1.72
}
.home-outcome-grid-v60{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid rgba(8,8,8,.17)
}
.home-outcome-grid-v60 article{
  display:flex;
  flex-direction:column;
  min-height:480px;
  padding:clamp(26px,3.2vw,48px);
  background:transparent;
  transition:background .35s,color .35s,transform .35s
}
.home-outcome-grid-v60 article+article{border-left:1px solid rgba(8,8,8,.17)}
.home-outcome-grid-v60 article:hover{background:#fff;transform:translateY(-5px)}
.home-outcome-grid-v60 article>span{color:var(--v50-red);font:.62rem/1 monospace}
.home-outcome-grid-v60 h3{
  max-width:9ch;
  margin:clamp(54px,7vw,92px) 0 24px;
  font-size:clamp(1.8rem,2.65vw,3.2rem)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important
}
.home-outcome-grid-v60 strong{max-width:28ch;font-size:.86rem;line-height:1.5}
.home-outcome-grid-v60 p{margin:18px 0;color:#625d55;font-size:.78rem;line-height:1.65}
.home-outcome-grid-v60 small{margin-top:auto;padding-top:24px;border-top:1px solid rgba(8,8,8,.12);color:#736d65;font-size:.62rem;line-height:1.55}
.home-outcome-grid-v60 a{width:max-content;margin-top:24px;border-bottom:1px solid currentColor;font-size:.58rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}

.home-fit-v60{
  background:
    radial-gradient(circle at 88% 12%,rgba(152,22,26,.26),transparent 28%),
    var(--v50-black)
}
.home-fit-v60>header{
  display:grid;
  grid-template-columns:minmax(290px,.58fr) minmax(260px,.42fr);
  gap:clamp(42px,7vw,120px);
  align-items:end;
  margin-bottom:clamp(42px,5vw,70px)
}
.home-fit-v60>header h2{color:#fff}
.home-fit-v60>header>p{max-width:540px;margin:0;color:rgba(245,241,233,.62);line-height:1.7}
.home-fit-grid-v60{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid rgba(245,241,233,.16)}
.home-fit-grid-v60 article{min-height:250px;padding:clamp(26px,3vw,42px)}
.home-fit-grid-v60 article+article{border-left:1px solid rgba(245,241,233,.16)}
.home-fit-grid-v60 span{color:var(--v50-brass);font:.6rem/1 monospace}
.home-fit-grid-v60 h3{margin:54px 0 18px;color:#fff;font-size:clamp(1.3rem,1.75vw,1.9rem)!important}
.home-fit-grid-v60 p{max-width:38ch;margin:0;color:rgba(245,241,233,.58);font-size:.76rem;line-height:1.62}
.home-fit-action-v60{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px}
.home-fit-action-v60 p{margin:0;color:rgba(245,241,233,.6)}

.home-demo-boundary-v60{
  display:grid;
  grid-template-columns:minmax(300px,.48fr) minmax(340px,.52fr);
  gap:clamp(42px,8vw,130px);
  align-items:end;
  border-block:1px solid rgba(245,241,233,.13);
  background:#111
}
.home-demo-boundary-v60 h2{color:#fff}
.home-demo-boundary-v60>div:last-child>p{max-width:680px;margin:0;color:rgba(245,241,233,.62);line-height:1.72}
.home-demo-boundary-v60>div:last-child>div{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}

.concierge-question-v60>p{margin:0;padding:20px 24px 12px;color:rgba(245,241,233,.64);font-size:.78rem;line-height:1.55}
.concierge-progress-v60{height:2px;margin:0 24px 2px;background:rgba(245,241,233,.12);overflow:hidden}
.concierge-progress-v60 i{display:block;height:100%;background:var(--v50-brass);transition:width .35s var(--ease)}
.concierge-back-v60{margin:0 28px 20px;border:0;background:transparent;color:rgba(245,241,233,.5);font-size:.58rem;text-decoration:underline}
.concierge-summary-v60{display:grid;gap:10px;margin:0 0 22px}
.concierge-summary-v60 div{padding:11px 0;border-bottom:1px solid rgba(245,241,233,.13)}
.concierge-summary-v60 dt{color:var(--v50-brass);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}
.concierge-summary-v60 dd{margin:6px 0 0;color:#fff;font-size:.72rem;line-height:1.45}
.concierge-result-v60 .button-v2{width:100%;justify-content:center}
.concierge-result-v60 .text-action{display:flex;width:max-content;margin-left:0}

/* Keep the shared closing callout compact before the footer on every public page. */
.site-page-v3 .cta-v3{
  min-height:0;
  gap:clamp(38px,6vw,96px);
  padding-block:clamp(54px,5.5vw,84px)
}
.site-page-v3 .cta-v3 h2{margin-top:26px}
.site-page-v3 .cta-v3-copy>p{margin-top:0}
.site-page-v3 .cta-v3-actions{margin-top:24px}
.site-page-v3 .cta-v3-path{margin-top:30px}

/* Insight articles begin with deliberate breathing room below the fixed header. */
.site-page-v3 .ke-article>header{
  min-height:0!important;
  padding:clamp(8.5rem,10vw,10rem) var(--gutter) clamp(3.4rem,5vw,4.75rem)!important;
  justify-content:flex-start!important
}
.site-page-v3 .ke-article>header h1{
  max-width:68rem;
  margin:clamp(1.75rem,3vw,2.6rem) 0 clamp(1.8rem,3vw,2.75rem)!important
}

@media(max-width:1180px){
  .site-page-v3 .hero-v5{grid-template-columns:minmax(330px,.46fr) minmax(440px,.54fr)}
  .site-page-v3 #main-content .hero-v5-title{font-size:clamp(2.85rem,4.4vw,4.6rem)!important}
}

@media(max-width:1050px){
  .site-page-v3 .hero-v5{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    min-height:auto;
    padding:112px var(--gutter) 58px
  }
  .site-page-v3 .hero-v5-copy{grid-column:1;grid-row:1;max-width:860px}
  .site-page-v3 #main-content .hero-v5-title{max-width:10ch;font-size:clamp(3rem,7.4vw,5.2rem)!important}
  .site-page-v3 .hero-v5-media{grid-column:1;grid-row:2;max-width:none;height:auto;aspect-ratio:4/3;border-radius:28px 88px 28px 28px}
  .site-page-v3 .footer-v7-directory{grid-template-columns:1.2fr .65fr .65fr}
  .site-page-v3 .footer-v7-connect{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:32px;
    align-items:end;
    padding:30px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.14)
  }
  .site-page-v3 .footer-v7-connect>small{grid-column:1/-1}
  .site-page-v3 .footer-v7-connect h2,
  .site-page-v3 .footer-v7-brief{grid-column:1}
  .site-page-v3 .footer-v7-connect .button-v2{grid-column:2;grid-row:2/4;align-self:end;margin-top:0}
  .home-outcome-system-v60>header,
  .home-fit-v60>header,
  .home-demo-boundary-v60{grid-template-columns:1fr}
  .home-outcome-grid-v60 article{min-height:430px}
}

@media(max-width:720px){
  .site-page-v3{
    --type-h1:clamp(2.2rem,9.8vw,3.05rem);
    --type-h2:clamp(1.75rem,7.8vw,2.4rem);
    --type-h3:clamp(1.25rem,5.8vw,1.62rem);
    --type-body:clamp(.94rem,4vw,1rem);
    --section-space:62px
  }
  .site-header-v20,
  .site-header-v20.scrolled{height:64px!important;padding-inline:16px}
  .site-header-v20 .brand-v2 b{font-size:.68rem}
  .site-menu-details>summary,
  .site-header-v20.scrolled+.site-menu-details>summary{top:11px!important;right:12px}
  .menu-v3-brand{top:11px;left:20px;min-height:42px}
  .menu-v3-brand img{width:36px}
  .menu-v3-brand b{font-size:.66rem}
  .menu-v3{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:22px;padding:86px 20px max(20px,env(safe-area-inset-bottom))}
  .menu-v3-nav{align-content:start}
  .menu-v3-nav>a{grid-template-columns:34px minmax(0,1fr);min-height:58px;padding-block:7px}
  .menu-v3-nav span{font-size:clamp(1.85rem,8.2vw,2.45rem)}
  .menu-v3-nav>.menu-v3-ai-card{min-height:132px;margin-top:18px;border-radius:15px}
  .menu-v3-ai-copy{left:16px;bottom:15px;gap:6px}
  .menu-v3-ai-copy small{font-size:.5rem}
  .menu-v3-ai-copy b{max-width:17ch;font-size:.9rem}
  .menu-v3-footer{grid-template-columns:1fr auto;gap:8px 14px}
  .site-page-v3 .section-v2{padding-block:62px}
  .site-page-v3 .hero-v5{
    gap:30px;
    padding:96px 20px 38px
  }
  .site-page-v3 .hero-v5-copy{padding:0}
  .site-page-v3 #main-content .hero-v5-title{
    max-width:10ch;
    margin-top:26px;
    font-size:clamp(2.55rem,11.4vw,3.65rem)!important;
    line-height:.94!important
  }
  .site-page-v3 .hero-v5-summary{margin-top:24px;font-size:.95rem!important;line-height:1.62!important}
  .site-page-v3 .hero-v5-actions{align-items:stretch;flex-direction:column;width:100%;margin-top:24px}
  .site-page-v3 .hero-v5-actions .text-action{justify-content:center;width:100%}
  .site-page-v3 .hero-v5-proof{display:grid;gap:9px;margin-top:28px}
  .site-page-v3 .hero-v5-metadata{display:none}
  .site-page-v3 .hero-v5-media{height:auto;aspect-ratio:4/5;border-radius:20px 56px 20px 20px}
  .site-page-v3 .hero-v5-coordinate{display:none}
  .hero-v50-caption{left:10px;right:10px;bottom:10px;padding:10px 12px}
  .hero-v50-caption strong{display:none}
  .site-page-v3 .ke-article>header{
    padding:7.25rem var(--gutter) 3rem!important
  }
  .site-page-v3 .ke-article>header h1{
    margin:1.45rem 0 1.8rem!important
  }
  .site-page-v3 .footer-v7-directory{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 24px;padding-block:62px}
  .site-page-v3 .footer-v7-brand,
  .site-page-v3 .footer-v7-connect{grid-column:1/-1}
  .site-page-v3 .footer-v7-directory nav{grid-column:auto;min-width:0}
  .site-page-v3 .footer-v7-directory nav a{min-width:0;min-height:46px;font-size:.76rem;line-height:1.35}
  .site-page-v3 .footer-v7-connect{grid-template-columns:1fr;padding-top:28px}
  .site-page-v3 .footer-v7-connect>small,
  .site-page-v3 .footer-v7-connect h2,
  .site-page-v3 .footer-v7-brief,
  .site-page-v3 .footer-v7-connect .button-v2{grid-column:1;grid-row:auto}
  .site-page-v3 .footer-v7-brief{max-width:38ch;margin-bottom:20px}
  .site-page-v3 .footer-v7-connect .button-v2{justify-self:start;margin-top:2px}
  .about-direction-v61>h2{margin:28px 0 22px}
  .about-direction-copy-v62 p{font-size:.88rem;line-height:1.75}
  .about-direction-copy-v62 .lead{font-size:1rem}
  .site-page-v3 .footer-v7-bottom{gap:10px;align-items:flex-start;flex-direction:column;padding-block:22px}
  .home-proof-standard-v60{grid-template-columns:1fr}
  .home-proof-standard-v60 span{text-align:left}
  .home-proof-standard-v60 span+span{border-top:1px solid rgba(8,8,8,.14);border-left:0}
  .home-outcome-grid-v60,
  .home-fit-grid-v60{grid-template-columns:1fr}
  .home-outcome-grid-v60 article{min-height:0;padding:30px 0 34px}
  .home-outcome-grid-v60 article+article{border-top:1px solid rgba(8,8,8,.17);border-left:0}
  .home-outcome-grid-v60 h3{margin:40px 0 20px}
  .home-outcome-grid-v60 small{margin-top:18px}
  .home-fit-grid-v60 article{min-height:0;padding:30px 0}
  .home-fit-grid-v60 article+article{border-top:1px solid rgba(245,241,233,.16);border-left:0}
  .home-fit-grid-v60 h3{margin:34px 0 16px}
  .home-fit-action-v60{align-items:stretch;flex-direction:column}
  .home-fit-action-v60 .button-v2{justify-content:center;width:100%}
  .home-demo-boundary-v60>div:last-child>div{align-items:stretch;flex-direction:column}
  .home-demo-boundary-v60 .button-v2,.home-demo-boundary-v60 .text-action{justify-content:center;width:100%}
  .site-page-v3 .cta-v3{padding-block:50px}
  .site-page-v3 .cta-v3 h2{margin-top:22px}
  .site-page-v3 .cta-v3-copy{margin-top:28px}
  .site-page-v3 .cta-v3-actions{margin-top:22px}
  .site-page-v3 .cta-v3-path{margin-top:24px;padding-top:16px}
}

@media(max-width:390px){
  .site-page-v3 .hero-v5{padding-inline:18px}
  .site-page-v3 #main-content .hero-v5-title{font-size:clamp(2.35rem,11vw,3.15rem)!important}
  .site-page-v3 .footer-v7-directory{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-inline:18px;column-gap:18px}
  .site-page-v3 .footer-v7-directory nav{grid-column:auto}
  .site-page-v3 .footer-v7-directory nav a{font-size:clamp(.7rem,3.3vw,.76rem)}
}

@media(prefers-reduced-motion:reduce){
  .site-page-v3 :where(.button-v2,.text-action):hover{transform:none}
}

/* V76 — professional left alignment across Vankpa and all six independent demos. */
:where(
  .site-page-v3,
  .aurelineBridal,
  .rpSite,
  .alSite,
  .fnSite,
  .atSite,
  .sblxSite
),
:where(
  .site-page-v3,
  .aurelineBridal,
  .rpSite,
  .alSite,
  .fnSite,
  .atSite,
  .sblxSite
) :where(*){
  text-align:left!important;
  text-align-last:auto!important;
  text-left:auto!important;
  hyphens:manual
}

/* V72 — executive consulting narrative and scalable code-native glyph system. */
.consulting-approach-v72{background:#f5f1e9;color:#080808}
.consulting-approach-v72>header{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);
  gap:clamp(42px,8vw,132px);
  align-items:end;
  margin-bottom:clamp(48px,7vw,92px)
}
.consulting-approach-v72>header h2{max-width:13ch;margin-top:30px;font-size:var(--type-h2)!important;line-height:.96!important}
.consulting-approach-v72>header>div:last-child{max-width:560px;justify-self:end}
.consulting-approach-v72>header>div:last-child p{margin:0 0 28px;color:#5f5a52;line-height:1.75}
.consulting-approach-grid-v72{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(8,8,8,.18);border-left:1px solid rgba(8,8,8,.18)}
.consulting-approach-grid-v72 article{position:relative;min-height:360px;padding:30px;border-right:1px solid rgba(8,8,8,.18);border-bottom:1px solid rgba(8,8,8,.18);overflow:hidden}
.consulting-approach-grid-v72 article>span{display:block;margin-top:48px;color:#9a7a2e;font:.68rem/1 var(--mono);letter-spacing:.12em}
.consulting-approach-grid-v72 h3{max-width:13ch;margin:20px 0 18px;font-size:clamp(1.3rem,1.8vw,1.85rem)!important;line-height:1.06!important}
.consulting-approach-grid-v72 p{max-width:35ch;margin:0;color:#5f5a52;font-size:.86rem;line-height:1.72}
.consulting-glyph-v72{position:relative;width:72px;height:72px;border:1px solid rgba(8,8,8,.28);border-radius:50%}
.consulting-glyph-v72:before,.consulting-glyph-v72:after,.consulting-glyph-v72 i{position:absolute;display:block;content:"";background:#080808}
.consulting-glyph-v72[data-glyph="diagnose"]:before{left:20px;top:19px;width:25px;height:25px;border:2px solid #080808;border-radius:50%;background:transparent}
.consulting-glyph-v72[data-glyph="diagnose"]:after{left:44px;top:44px;width:16px;height:2px;transform:rotate(45deg);transform-origin:left}
.consulting-glyph-v72[data-glyph="evidence"] i:nth-child(1){left:20px;bottom:18px;width:6px;height:19px}.consulting-glyph-v72[data-glyph="evidence"] i:nth-child(2){left:33px;bottom:18px;width:6px;height:30px}.consulting-glyph-v72[data-glyph="evidence"] i:nth-child(3){left:46px;bottom:18px;width:6px;height:40px}
.consulting-glyph-v72[data-glyph="frame"]:before{inset:18px;border:2px solid #080808;background:transparent}.consulting-glyph-v72[data-glyph="frame"]:after{left:28px;top:34px;width:16px;height:2px}
.consulting-glyph-v72[data-glyph="deliver"] i{width:8px;height:8px;border-radius:50%}.consulting-glyph-v72[data-glyph="deliver"] i:nth-child(1){left:18px;top:31px}.consulting-glyph-v72[data-glyph="deliver"] i:nth-child(2){left:32px;top:18px}.consulting-glyph-v72[data-glyph="deliver"] i:nth-child(3){right:17px;bottom:18px}.consulting-glyph-v72[data-glyph="deliver"]:before{left:23px;top:29px;width:30px;height:2px;transform:rotate(-31deg)}.consulting-glyph-v72[data-glyph="deliver"]:after{left:36px;top:31px;width:23px;height:2px;transform:rotate(50deg)}
.consulting-glyph-v72[data-glyph="govern"]:before{left:21px;top:17px;width:28px;height:34px;border:2px solid #080808;border-radius:14px 14px 18px 18px;background:transparent}.consulting-glyph-v72[data-glyph="govern"]:after{left:30px;top:32px;width:14px;height:2px;box-shadow:0 7px 0 #080808}
.consulting-glyph-v72[data-glyph="improve"]:before{left:18px;top:35px;width:36px;height:2px;transform:rotate(-24deg)}.consulting-glyph-v72[data-glyph="improve"]:after{right:17px;top:20px;width:13px;height:13px;border-top:2px solid #080808;border-right:2px solid #080808;background:transparent}
.consulting-standard-v72{display:grid;grid-template-columns:1.4fr repeat(6,1fr);margin-top:28px;border-top:1px solid rgba(8,8,8,.18);border-bottom:1px solid rgba(8,8,8,.18)}
.consulting-standard-v72>*{margin:0;padding:17px 14px;border-right:1px solid rgba(8,8,8,.15);font-size:.62rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.consulting-standard-v72 small{color:#9a7a2e;font-weight:800}.consulting-standard-v72>*:last-child{border-right:0}

@media(max-width:1050px){
  .consulting-approach-grid-v72{grid-template-columns:repeat(2,minmax(0,1fr))}
  .consulting-standard-v72{grid-template-columns:repeat(3,1fr)}
  .consulting-standard-v72 small{grid-column:1/-1}
}

@media(max-width:720px){
  .consulting-approach-v72>header{grid-template-columns:1fr;gap:28px}
  .consulting-approach-v72>header>div:last-child{justify-self:start}
  .consulting-approach-grid-v72{grid-template-columns:1fr}
  .consulting-approach-grid-v72 article{min-height:0;padding:26px}
  .consulting-approach-grid-v72 article>span{margin-top:34px}
  .consulting-standard-v72{grid-template-columns:repeat(2,1fr)}
}

/* app/creativeo/creativeo.css */
/*
 * Creativeo Two adaptation for Vankpa's page bodies.
 * Everything is intentionally scoped below .creativeoPage so the existing
 * Vankpa header, menu, footer, concierge, and their responsive behavior stay intact.
 */
#main-content .creativeoPage {
  --creativeo-bg: #030307;
  --creativeo-surface: #0e0e13;
  --creativeo-surface-2: #15151b;
  --creativeo-surface-3: #171720;
  --creativeo-ink: #f7f7fa;
  --creativeo-muted: #9a9fb7;
  --creativeo-accent: #f2a13b;
  --creativeo-accent-soft: rgba(242, 161, 59, .17);
  --creativeo-blue: #5361ff;
  --creativeo-line: rgba(255, 255, 255, .13);
  --creativeo-shell: min(1230px, calc(100vw - 60px));
  --creativeo-space: clamp(84px, 8vw, 120px);
  --creativeo-radius: 10px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 13%, rgba(44, 58, 217, .18), transparent 19%),
    radial-gradient(circle at 91% 29%, rgba(242, 161, 59, .12), transparent 18%),
    var(--creativeo-bg);
  color: var(--creativeo-ink);
  font-family: "Jost", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.48;
  letter-spacing: -.02em;
}

#main-content .creativeoPage,
#main-content .creativeoPage * {
  box-sizing: border-box;
}

#main-content .creativeoPage h1,
#main-content .creativeoPage h2,
#main-content .creativeoPage h3,
#main-content .creativeoPage h4,
#main-content .creativeoPage h5,
#main-content .creativeoPage h6 {
  margin-top: 0;
  color: inherit;
  font-family: "Outfit", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-transform: none;
  text-wrap: balance;
}

#main-content .creativeoPage h1 {
  font-size: clamp(3.25rem, 5.25vw, 4.25rem);
  line-height: .98;
}

#main-content .creativeoPage h2 {
  font-size: clamp(2.5rem, 4vw, 3.25rem);
}

#main-content .creativeoPage h3 {
  font-size: clamp(1.45rem, 2vw, 1.8rem);
}

#main-content .creativeoPage h4 { font-size: 1.35rem; }
#main-content .creativeoPage h5 { font-size: .9rem; }
#main-content .creativeoPage h6 { font-size: .75rem; }

#main-content .creativeoPage p {
  max-width: 66ch;
  margin-top: 0;
  color: var(--creativeo-muted);
  text-align: left;
}

#main-content .creativeoPage em {
  color: var(--creativeo-accent);
  font-style: normal;
  font-weight: inherit;
}

#main-content .creativeoPage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#main-content .creativeoShell {
  width: var(--creativeo-shell);
  margin-inline: auto;
}

#main-content .creativeoGuideField {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .7;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 82px 82px;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

#main-content .creativeoEyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 24px;
  color: var(--creativeo-accent) !important;
  font-family: "Outfit", Arial, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#main-content .creativeoEyebrow::before {
  content: "";
  width: 34px;
  height: 1px;
  background: currentColor;
}

#main-content .creativeoEyebrowLight { color: #fff !important; }

#main-content .creativeoButton,
#main-content .creativeoTextLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  font-family: "Outfit", Arial, sans-serif;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: transform .35s cubic-bezier(.16, 1, .3, 1), background-color .35s, color .35s, border-color .35s;
}

#main-content .creativeoButton {
  min-width: 180px;
  padding: 12px 36px;
  border: 1px solid var(--creativeo-line);
  border-radius: 6px;
  background: transparent;
  color: #fff;
}

#main-content .creativeoButton--accent {
  border-color: var(--creativeo-accent);
  background: var(--creativeo-accent);
  color: #17100a;
}

#main-content .creativeoButton:hover,
#main-content .creativeoButton:focus-visible,
#main-content .creativeoTextLink:hover,
#main-content .creativeoTextLink:focus-visible {
  transform: translateY(-3px);
}

#main-content .creativeoButton:not(.creativeoButton--accent):hover,
#main-content .creativeoButton:not(.creativeoButton--accent):focus-visible {
  border-color: var(--creativeo-accent);
  color: var(--creativeo-accent);
}

#main-content .creativeoTextLink {
  min-height: 42px;
  justify-content: flex-start;
  padding: 0 0 4px;
  border-bottom: 1px solid currentColor;
  color: #fff;
}

#main-content .creativeoActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 28px;
  margin-top: 34px;
}

#main-content .creativeoHero {
  position: relative;
  min-height: 760px;
  padding: clamp(160px, 14vw, 214px) 0 100px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 62%, rgba(242, 161, 59, .22), transparent 24%),
    radial-gradient(circle at 14% 38%, rgba(42, 55, 197, .28), transparent 28%),
    var(--creativeo-bg);
}

#main-content .creativeoHero::after {
  content: "";
  position: absolute;
  inset: 12% -8% auto;
  height: 46%;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  transform: rotate(-8deg);
  box-shadow: 0 0 0 52px rgba(255, 255, 255, .018), 0 0 0 105px rgba(255, 255, 255, .012);
  pointer-events: none;
}

#main-content .creativeoHeroInner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr);
  align-items: end;
  gap: clamp(42px, 7vw, 112px);
}

#main-content .creativeoHero--center .creativeoHeroInner {
  grid-template-columns: 1fr;
  justify-items: center;
  text-align: left;
}

#main-content .creativeoHero--center .creativeoHeroCopy {
  max-width: 900px;
  text-align: left;
}

#main-content .creativeoHero--center .creativeoEyebrow { justify-content: center; }
#main-content .creativeoHero--center .creativeoHeroCopy > p:last-child { margin-inline: auto; }

#main-content .creativeoHeroCopy h1 {
  max-width: 14ch;
  margin-bottom: 28px;
}

#main-content .creativeoHeroCopy > p:last-child {
  margin-bottom: 0;
  font-size: 1.05rem;
  line-height: 1.58;
}

#main-content .creativeoGhostWord {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 48%;
  width: max-content;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, .035);
  font-family: "Outfit", Arial, sans-serif;
  font-size: clamp(9rem, 18vw, 16rem);
  font-weight: 800;
  line-height: .78;
  letter-spacing: -.08em;
  text-transform: uppercase;
  pointer-events: none;
}

#main-content .creativeoHeroMedia {
  position: relative;
  width: 100%;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid var(--creativeo-line);
  border-radius: var(--creativeo-radius);
  background: var(--creativeo-surface-2);
}

#main-content .creativeoHeroMedia::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 48%, rgba(3, 3, 7, .72));
}

#main-content .creativeoHeroMedia picture,
#main-content .creativeoHeroMedia picture img,
#main-content .creativeoHeroMedia .project-media {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

#main-content .creativeoSectionHeading {
  max-width: 760px;
  margin-bottom: clamp(52px, 6vw, 84px);
}

#main-content .creativeoSectionHeading h2 { margin-bottom: 24px; }
#main-content .creativeoSectionHeading > p:last-child { margin-bottom: 0; }
#main-content .creativeoSectionHeading--center { margin-inline: auto; text-align: left; }
#main-content .creativeoSectionHeading--center .creativeoEyebrow { justify-content: center; }
#main-content .creativeoSectionHeading--center > p:last-child { margin-inline: auto; }

#main-content .creativeoMarquee {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-block: 1px solid var(--creativeo-line);
  background: var(--creativeo-surface);
  color: #fff;
}

#main-content .creativeoMarqueeTrack {
  display: flex;
  align-items: center;
  width: max-content;
  animation: creativeo-marquee 26s linear infinite;
}

#main-content .creativeoMarqueeTrack span {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  padding: 25px 28px;
  font-family: "Outfit", Arial, sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.7rem);
  font-weight: 500;
  letter-spacing: -.02em;
  white-space: nowrap;
}

#main-content .creativeoMarqueeTrack i {
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: var(--creativeo-accent);
}

@keyframes creativeo-marquee { to { transform: translateX(-50%); } }

#main-content .creativeoMetricRail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--creativeo-line);
}

#main-content .creativeoPage > .creativeoMetricRail {
  width: var(--creativeo-shell);
  margin-inline: auto;
}

#main-content .creativeoMetricRail article {
  position: relative;
  min-height: 310px;
  padding: 28px 28px 34px;
  border-right: 1px solid var(--creativeo-line);
  overflow: hidden;
}

#main-content .creativeoMetricRail article:last-child { border-right: 0; }
#main-content .creativeoMetricRail small { color: var(--creativeo-accent); font: 600 .68rem/1 "Outfit", sans-serif; letter-spacing: .12em; }
#main-content .creativeoMetricRail strong { display: block; margin: 58px 0 18px; color: #fff; font: 500 clamp(3.6rem, 6vw, 6rem)/.85 "Outfit", sans-serif; letter-spacing: -.06em; }
#main-content .creativeoMetricRail h3 { margin-bottom: 14px; }
#main-content .creativeoMetricRail p { margin-bottom: 0; font-size: .92rem; }

#main-content .creativeoIcon {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 50%;
  color: var(--creativeo-accent);
}

#main-content .creativeoIcon svg { display: block; width: 100%; height: 100%; }
#main-content .creativeoIcon svg g { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

#main-content .creativeoSplitSection,
#main-content .creativeoCardSection,
#main-content .creativeoProcessSection,
#main-content .creativeoPortfolioSection,
#main-content .creativeoEditorialSection,
#main-content .creativeoFaqSection,
#main-content .creativeoContactSection,
#main-content .creativeoDetailSection {
  position: relative;
  padding-block: var(--creativeo-space);
}

#main-content .creativeoSplitSection { background: var(--creativeo-surface-2); }
#main-content .creativeoSplitGrid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items: center;
  gap: clamp(56px, 9vw, 145px);
}

#main-content .creativeoSplitMedia {
  position: relative;
  min-height: 680px;
  overflow: hidden;
  border-radius: 20px;
  background: var(--creativeo-surface-3);
}

#main-content .creativeoSplitMedia picture,
#main-content .creativeoSplitMedia picture img { display: block; width: 100%; height: 100%; min-height: inherit; }
#main-content .creativeoSplitCopy h2 { margin-bottom: 26px; }
#main-content .creativeoSplitCopy .creativeoActions { margin-top: 38px; }

#main-content .creativeoCardSection { background: var(--creativeo-bg); }
#main-content .creativeoCardGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--creativeo-line);
}

#main-content .creativeoCard {
  position: relative;
  min-height: 370px;
  padding: 32px 28px;
  border-right: 1px solid var(--creativeo-line);
  border-bottom: 1px solid var(--creativeo-line);
  background: linear-gradient(180deg, rgba(255,255,255,.025), transparent);
  overflow: hidden;
  transition: background-color .35s ease, transform .45s cubic-bezier(.16, 1, .3, 1);
}

#main-content .creativeoCard:last-child { border-right: 0; }
#main-content .creativeoCard:is(:hover, :focus-within) { transform: translateY(-8px); background: var(--creativeo-surface-3); }
#main-content .creativeoCard > span:not(.creativeoIcon) { display: block; margin-bottom: 72px; color: var(--creativeo-accent); font: 600 .7rem/1 "Outfit", sans-serif; letter-spacing: .12em; }
#main-content .creativeoCard .creativeoIcon { margin-bottom: 62px; }
#main-content .creativeoCard h3 { margin-bottom: 18px; }
#main-content .creativeoCard p { margin-bottom: 0; font-size: .9rem; }
#main-content .creativeoCard a { display: inline-block; margin-top: 26px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: #fff; font: 600 .66rem/1.4 "Outfit", sans-serif; letter-spacing: .1em; text-transform: uppercase; }

#main-content .creativeoProcessSection { background: var(--creativeo-surface); }
#main-content .creativeoProcessGrid { border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoProcessStep {
  display: grid;
  grid-template-columns: 90px minmax(240px, .7fr) 1fr;
  align-items: start;
  gap: 30px;
  padding: 34px 0;
  border-bottom: 1px solid var(--creativeo-line);
}
#main-content .creativeoProcessStep > span { color: var(--creativeo-accent); font: 600 .72rem/1.4 "Outfit", sans-serif; letter-spacing: .12em; }
#main-content .creativeoProcessStep h3 { margin: 0; }
#main-content .creativeoProcessStep p { margin: 0; }

#main-content .creativeoPortfolioSection { background: var(--creativeo-bg); }
#main-content .creativeoPortfolioGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(68px, 8vw, 120px) 30px;
}

#main-content .creativeoProjectCard:nth-child(even) { margin-top: 118px; }
#main-content .creativeoProjectMedia {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-radius: var(--creativeo-radius);
  background: var(--creativeo-surface-2);
}
#main-content .creativeoProjectMedia .project-media { width: 100%; height: 100%; }
#main-content .creativeoProjectMedia img { transition: transform .8s cubic-bezier(.16, 1, .3, 1); }
#main-content .creativeoProjectCard:hover .creativeoProjectMedia img { transform: scale(1.045); }
#main-content .creativeoProjectView {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 78px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--creativeo-accent);
  color: #17100a;
  font: 600 .68rem/1 "Outfit", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  transform: scale(.86);
  transition: transform .4s cubic-bezier(.16, 1, .3, 1);
}
#main-content .creativeoProjectCard:hover .creativeoProjectView { transform: scale(1); }
#main-content .creativeoProjectMeta { display: flex; justify-content: space-between; gap: 20px; margin-top: 22px; color: var(--creativeo-muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
#main-content .creativeoProjectCard h2,
#main-content .creativeoProjectCard h3 { margin: 13px 0 16px; }
#main-content .creativeoProjectCard > p { margin-bottom: 0; }

#main-content .creativeoEditorialSection { background: var(--creativeo-surface-2); }
#main-content .creativeoEditorialGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
#main-content .creativeoArticleCard { position: relative; overflow: hidden; background: var(--creativeo-surface); }
#main-content .creativeoArticleMedia { display: block; aspect-ratio: 4 / 5; overflow: hidden; }
#main-content .creativeoArticleMedia picture,
#main-content .creativeoArticleMedia picture img { display: block; width: 100%; height: 100%; }
#main-content .creativeoArticleMedia img { transition: transform .8s cubic-bezier(.16, 1, .3, 1); }
#main-content .creativeoArticleCard:hover .creativeoArticleMedia img { transform: scale(1.045); }
#main-content .creativeoArticleCopy { position: relative; min-height: 258px; padding: 30px 26px 34px; background: var(--creativeo-surface); }
#main-content .creativeoArticleCopy small { display: block; color: var(--creativeo-accent); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoArticleCopy h2,
#main-content .creativeoArticleCopy h3 { margin: 18px 0 16px; font-size: clamp(1.5rem, 2.1vw, 2rem); }
#main-content .creativeoArticleCopy p { font-size: .9rem; }
#main-content .creativeoArticleCopy a { display: inline-block; margin-top: 12px; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: #fff; font: 600 .66rem/1 "Outfit", sans-serif; letter-spacing: .1em; text-transform: uppercase; }

#main-content .creativeoBodyCta {
  position: relative;
  min-height: 540px;
  padding-block: clamp(92px, 10vw, 150px);
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 100%, rgba(49, 65, 225, .34), transparent 38%),
    radial-gradient(circle at 86% 9%, rgba(242, 161, 59, .25), transparent 26%),
    var(--creativeo-surface-2);
}

#main-content .creativeoBodyCtaInner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  align-items: end;
  gap: clamp(54px, 10vw, 160px);
}
#main-content .creativeoBodyCta h2 { max-width: 13ch; margin-bottom: 0; font-size: clamp(3rem, 5.4vw, 5.25rem); }
#main-content .creativeoBodyCtaCopy p { font-size: 1.05rem; }

/* Home Two composition */
#main-content .creativeoHomePage .creativeoHomeHero {
  position: relative;
  min-height: clamp(980px, 132vh, 1360px);
  padding: clamp(160px, 13vw, 205px) 0 110px;
  overflow: hidden;
  background:
    radial-gradient(circle at 6% 52%, rgba(44, 58, 217, .33), transparent 24%),
    radial-gradient(circle at 89% 62%, rgba(242, 161, 59, .24), transparent 22%),
    var(--creativeo-bg);
}
#main-content .creativeoHomeHero::after { content: ""; position: absolute; inset: 9% -12% auto; height: 52%; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; transform: rotate(-9deg); box-shadow: 0 0 0 62px rgba(255,255,255,.018), 0 0 0 126px rgba(255,255,255,.012); }
#main-content .creativeoHomeHeroInner { position: relative; z-index: 2; min-height: 940px; }
#main-content .creativeoHomeHeroCopy { position: relative; z-index: 4; max-width: 820px; padding-top: 42px; }
#main-content .creativeoHomeHeroCopy h1 { max-width: 13ch; margin: 0 0 30px; font-size: clamp(3.6rem, 6.6vw, 6.35rem); line-height: .92; }
#main-content .creativeoHomeHeroCopy > p:last-of-type { max-width: 560px; font-size: 1.08rem; }
#main-content .creativeoHomeGhost { position: absolute; z-index: 0; left: -1.8vw; top: 45%; color: rgba(255,255,255,.035); font: 800 clamp(11rem, 22vw, 20rem)/.8 "Outfit", sans-serif; letter-spacing: -.09em; text-transform: uppercase; }
#main-content .creativeoHomePortrait { position: absolute; aspect-ratio: 4 / 5; margin: 0; overflow: hidden; border-radius: 10px; background: var(--creativeo-surface-2); box-shadow: 0 35px 100px rgba(0,0,0,.38); }
#main-content .creativeoHomePortrait picture,
#main-content .creativeoHomePortrait picture img { display: block; width: 100%; height: 100%; object-position: center; }
#main-content .creativeoHomePortrait--primary { right: 0; top: 0; width: min(43vw, 520px); height: auto; }
#main-content .creativeoHomePortrait--secondary { left: 11%; bottom: 0; width: min(34vw, 410px); height: auto; }
#main-content .creativeoHomePortrait--detail { right: 14%; bottom: -10px; width: min(26vw, 300px); height: auto; }
#main-content .creativeoHomePortrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(3,3,7,.66)); pointer-events: none; }
#main-content .creativeoMediaLabel { position: absolute; z-index: 2; left: 20px; bottom: 18px; color: #fff; font: 600 .66rem/1.3 "Outfit", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
#main-content .creativeoHomePortrait--primary .creativeoMediaLabel { top: 18px; bottom: auto; }
#main-content .creativeoHomeStatement { padding-block: 112px; background: #fff; color: #030307; }
#main-content .creativeoHomeStatement .creativeoShell { display: grid; grid-template-columns: 190px 1fr; gap: clamp(45px, 8vw, 130px); align-items: start; }
#main-content .creativeoHomeStatement .creativeoEyebrow { color: #9b5c16 !important; }
#main-content .creativeoHomeStatement h2 { max-width: 20ch; margin: 0; font-size: clamp(2.8rem, 4.4vw, 4.25rem); }
#main-content .creativeoHomeFeatures { padding-block: var(--creativeo-space); background: var(--creativeo-surface); }
#main-content .creativeoHomeFeatureGrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .65fr); gap: clamp(70px, 15vw, 230px); align-items: start; }
#main-content .creativeoHomeFeatureList { border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoHomeFeatureList article { display: grid; grid-template-columns: 52px 1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoHomeFeatureList span { color: var(--creativeo-accent); font: 600 .68rem/1.4 "Outfit", sans-serif; }
#main-content .creativeoHomeFeatureList h3 { margin: 0 0 10px; }
#main-content .creativeoHomeFeatureList p { margin: 0; font-size: .9rem; }
#main-content .creativeoHomeTabs { padding-block: var(--creativeo-space); background: var(--creativeo-bg); }
#main-content .creativeoHomeTabGrid { display: grid; grid-template-columns: 380px 1fr; gap: clamp(56px, 10vw, 150px); align-items: center; }
#main-content .creativeoHomeTabList { border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoHomeTabList article { display: grid; grid-template-columns: 44px 1fr; padding: 25px 0; border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoHomeTabList span { color: var(--creativeo-accent); font-size: .7rem; }
#main-content .creativeoHomeTabList h3 { margin: 0 0 8px; font-size: 1.5rem; }
#main-content .creativeoHomeTabList p { margin: 0; font-size: .86rem; }
#main-content .creativeoHomeTabMedia { position: relative; width: 100%; min-width: 0; min-height: 650px; margin: 0; overflow: hidden; border-radius: 10px; }
#main-content .creativeoHomeTabMedia picture,
#main-content .creativeoHomeTabMedia picture img { display: block; width: 100%; height: 100%; min-height: inherit; }
#main-content .creativeoHomeTabMediaOverlay { position: absolute; inset: auto 0 0; width: 100%; padding: 34px; background: linear-gradient(transparent, rgba(3,3,7,.92)); }
#main-content .creativeoHomeTabMediaOverlay strong { display: block; max-width: 18ch; overflow-wrap: normal; word-break: normal; hyphens: none; font: 500 2rem/1.05 "Outfit", sans-serif; }
#main-content .creativeoDecisionSequence { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 48px; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoDecisionSequence span { padding: 18px 14px 18px 0; border-right: 1px solid var(--creativeo-line); color: var(--creativeo-muted); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
#main-content .creativeoDecisionSequence span:not(:first-child) { padding-left: 14px; }
#main-content .creativeoDecisionSequence span:last-child { border-right: 0; }

/* Pricing */
#main-content .creativeoPricingPage .creativeoHero { min-height: 690px; padding-bottom: 90px; }
#main-content .creativeoPricingPlans { padding: 0 0 var(--creativeo-space); background: var(--creativeo-bg); }
#main-content .creativeoPricingGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
#main-content .creativeoPriceCard { display: flex; flex-direction: column; min-height: 650px; padding: 42px 32px; border: 1px solid var(--creativeo-line); border-radius: 20px; background: var(--creativeo-surface-3); }
#main-content .creativeoPriceCard.isFeatured { border-color: rgba(242,161,59,.58); background: linear-gradient(180deg, rgba(242,161,59,.12), transparent 38%), var(--creativeo-surface-3); }
#main-content .creativeoPriceCard > small { color: var(--creativeo-accent); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
#main-content .creativeoPriceCard h2 { margin: 30px 0 14px; font-size: 2rem; }
#main-content .creativeoPriceCard .creativeoPrice { margin: 24px 0; color: #fff; font: 500 clamp(2.8rem, 4vw, 4rem)/1 "Outfit", sans-serif; letter-spacing: -.05em; }
#main-content .creativeoPriceCard ul { display: grid; gap: 13px; margin: 20px 0 38px; padding: 22px 0 0; border-top: 1px solid var(--creativeo-line); list-style: none; color: var(--creativeo-muted); }
#main-content .creativeoPriceCard li { position: relative; padding-left: 24px; }
#main-content .creativeoPriceCard li::before { content: ""; position: absolute; left: 0; top: .52em; width: 8px; height: 8px; border-radius: 50%; background: var(--creativeo-accent); }
#main-content .creativeoPriceCard .creativeoButton { margin-top: auto; }
#main-content .creativeoFaqSection { background: var(--creativeo-surface-2); }
#main-content .creativeoFaqGrid { display: grid; grid-template-columns: 320px 1fr; gap: clamp(56px, 10vw, 150px); }
#main-content .creativeoFaqList { border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoFaqList details { border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoFaqList summary { position: relative; padding: 25px 50px 25px 0; color: #fff; font: 500 1.15rem/1.4 "Outfit", sans-serif; cursor: pointer; list-style: none; }
#main-content .creativeoFaqList summary::-webkit-details-marker { display: none; }
#main-content .creativeoFaqList summary::after { content: "+"; position: absolute; right: 6px; top: 20px; color: var(--creativeo-accent); font-size: 1.6rem; font-weight: 300; }
#main-content .creativeoFaqList details[open] summary::after { content: "−"; }
#main-content .creativeoFaqList details p { padding: 0 50px 25px 0; }

/* Contact */
#main-content .creativeoContactPage .creativeoHero { min-height: 720px; }
#main-content .creativeoContactCards { position: relative; z-index: 3; margin-top: -92px; }
#main-content .creativeoContactCardGrid { display: grid; grid-template-columns: repeat(3, 1fr); }
#main-content .creativeoContactCard { min-height: 250px; padding: 36px 30px; border: 1px solid var(--creativeo-line); background: var(--creativeo-surface-3); }
#main-content .creativeoContactCard:not(:last-child) { border-right: 0; }
#main-content .creativeoContactCard small { display: block; margin-bottom: 74px; color: var(--creativeo-accent); font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; }
#main-content .creativeoContactCard h2,
#main-content .creativeoContactCard h3 { margin-bottom: 10px; font-size: 1.55rem; }
#main-content .creativeoContactCard p { margin-bottom: 0; }
#main-content .creativeoContactSection { background: var(--creativeo-bg); }
#main-content .creativeoContactGrid { display: grid; grid-template-columns: minmax(320px, .72fr) 1fr; gap: clamp(56px, 10vw, 150px); align-items: start; }
#main-content .creativeoContactMedia { min-height: 720px; overflow: hidden; border-radius: 10px; }
#main-content .creativeoContactMedia picture,
#main-content .creativeoContactMedia picture img { display: block; min-height: inherit; }
#main-content .creativeoPage .inquiry-form-v2 { padding: 0; background: transparent; color: #fff; }
#main-content .creativeoPage .inquiry-form-v2 h2 { font-size: clamp(2.2rem, 3.4vw, 3.3rem); }
#main-content .creativeoPage .inquiry-form-v2 label { color: #fff; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoPage .inquiry-form-v2 input,
#main-content .creativeoPage .inquiry-form-v2 textarea,
#main-content .creativeoPage .inquiry-form-v2 select { min-height: 60px; border: 1px solid var(--creativeo-line); border-radius: 6px; background: var(--creativeo-surface-3); color: #fff; }
#main-content .creativeoPage .inquiry-form-v2 textarea { min-height: 170px; }

/* Long-form and case detail */
#main-content .creativeoDetailHero { position: relative; padding: clamp(160px, 13vw, 205px) 0 100px; background: var(--creativeo-bg); }
#main-content .creativeoDetailHeroCopy { width: var(--creativeo-shell); max-width: 900px; margin-inline: auto; text-align: left; }
#main-content .creativeoDetailHeroCopy .creativeoEyebrow { justify-content: center; }
#main-content .creativeoDetailHeroCopy .creativeoActions { justify-content: center; }
#main-content .creativeoDetailHeroCopy h1 { margin-bottom: 28px; }
#main-content .creativeoDetailHeroCopy > p:last-child { margin-inline: auto; font-size: 1.06rem; }
#main-content .creativeoDetailHeroMedia { width: var(--creativeo-shell); min-height: 600px; margin: 58px auto 0; overflow: hidden; border-radius: 10px; }
#main-content .creativeoDetailHeroMedia picture,
#main-content .creativeoDetailHeroMedia picture img,
#main-content .creativeoDetailHeroMedia .project-media { display: block; width: 100%; height: 100%; min-height: inherit; }
#main-content .creativeoDetailNav { position: relative; z-index: 4; display: flex; justify-content: center; gap: 10px; padding: 20px 30px; border-block: 1px solid var(--creativeo-line); background: rgba(14,14,19,.92); }
#main-content .creativeoDetailNav a { padding: 10px 18px; color: var(--creativeo-muted); font: 600 .68rem/1 "Outfit", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoDetailNav a:hover { color: #fff; }
#main-content .creativeoDetailSplit { display: grid; grid-template-columns: minmax(0, .72fr) minmax(420px, 1.28fr); gap: clamp(60px, 11vw, 170px); }
#main-content .creativeoDetailSplit h2 { margin-bottom: 28px; }
#main-content .creativeoFactList { margin: 44px 0 0; padding: 0; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoFactList div { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoFactList dt { color: var(--creativeo-accent); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoFactList dd { margin: 0; color: #fff; }
#main-content .creativeoDetailCards { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoDetailCards article { min-height: 340px; padding: 28px; border-right: 1px solid var(--creativeo-line); border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoDetailCards article:last-child { border-right: 0; }
#main-content .creativeoDetailCards span { color: var(--creativeo-accent); font-size: .7rem; }
#main-content .creativeoDetailCards h3 { margin: 74px 0 16px; }
#main-content .creativeoStickyStory { display: grid; grid-template-columns: 330px 1fr; gap: clamp(54px, 10vw, 145px); }
#main-content .creativeoStickyStory > aside { position: sticky; top: 120px; align-self: start; }
#main-content .creativeoStickyStory > aside ol { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoStickyStory > aside li { padding: 18px 0; border-bottom: 1px solid var(--creativeo-line); color: var(--creativeo-muted); }
#main-content .creativeoStickyStoryContent { display: grid; gap: 80px; }
#main-content .creativeoStoryPanel { display: grid; gap: 28px; }
#main-content .creativeoStoryMedia { min-height: 560px; overflow: hidden; border-radius: 10px; background: var(--creativeo-surface-3); }
#main-content .creativeoStoryMedia picture,
#main-content .creativeoStoryMedia picture img,
#main-content .creativeoStoryMedia .project-media { display: block; width: 100%; height: 100%; min-height: inherit; }

#main-content .creativeoArticlePage .creativeoDetailHeroCopy { max-width: 980px; text-align: left; }
#main-content .creativeoArticlePage .creativeoDetailHeroCopy .creativeoEyebrow,
#main-content .creativeoArticleByline { justify-content: flex-start; }
#main-content .creativeoArticleByline { display: flex; gap: 20px; margin: 26px 0 0; color: var(--creativeo-muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
#main-content .creativeoArticleBody { display: grid; grid-template-columns: 260px minmax(0, 760px); justify-content: center; gap: clamp(50px, 8vw, 110px); }
#main-content .creativeoArticleToc { position: sticky; top: 120px; align-self: start; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoArticleToc span { display: block; padding: 18px 0; color: var(--creativeo-accent); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoArticleToc a { display: block; padding: 12px 0; border-top: 1px solid var(--creativeo-line); color: var(--creativeo-muted); font-size: .86rem; }
#main-content .creativeoArticleContent > p,
#main-content .creativeoArticleContent section > p,
#main-content .creativeoArticleContent li { font-size: 1.05rem; line-height: 1.72; }
#main-content .creativeoArticleContent .lead { color: #fff; font-size: 1.3rem; }
#main-content .creativeoArticleContent section { padding-top: 38px; }
#main-content .creativeoArticleContent h2 { margin: 42px 0 24px; font-size: 2.45rem; }
#main-content .creativeoArticleContent blockquote { margin: 42px 0; padding: 30px 0 30px 30px; border-left: 5px solid var(--creativeo-accent); color: #fff; font: 400 1.55rem/1.45 "Outfit", sans-serif; }
#main-content .creativeoArticleContent ul { display: grid; gap: 12px; padding-left: 22px; color: var(--creativeo-muted); }
#main-content .creativeoArticleInline { min-height: 460px; margin: 42px 0; overflow: hidden; border-radius: 10px; }
#main-content .creativeoArticleInline picture,
#main-content .creativeoArticleInline picture img { display: block; width: 100%; height: 100%; min-height: inherit; }
#main-content .creativeoArticleEvidence {
  margin: 38px 0 10px;
  border-top: 2px solid var(--creativeo-accent);
  border-bottom: 1px solid var(--creativeo-line);
}
#main-content .creativeoArticleEvidence > span {
  display: block;
  padding: 13px 0 11px;
  color: var(--creativeo-accent);
  font: 650 .65rem/1 "Outfit", sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
#main-content .creativeoArticleEvidence > a {
  position: relative;
  display: grid;
  gap: 8px;
  padding: 18px 0 20px;
  border-top: 1px solid var(--creativeo-line);
  color: var(--creativeo-ink);
}
#main-content .creativeoArticleEvidence strong {
  font: 600 .82rem/1.25 "Outfit", sans-serif;
  letter-spacing: .015em;
}
#main-content .creativeoArticleEvidence small {
  color: var(--creativeo-muted);
  font-size: .78rem;
  line-height: 1.55;
}
#main-content .creativeoArticleContent .creativeoArticleSources {
  margin-top: 54px;
  padding-top: 72px;
  border-top: 1px solid var(--creativeo-line);
  scroll-margin-top: 110px;
}
#main-content .creativeoArticleContent .creativeoArticleSources > .creativeoEyebrow { margin-bottom: 18px; }
#main-content .creativeoArticleContent .creativeoArticleSources > h2 { margin-top: 0; }
#main-content .creativeoArticleContent .creativeoArticleSources > ol {
  margin: 42px 0 0;
  padding: 0;
  border-bottom: 1px solid var(--creativeo-line);
  list-style: none;
}
#main-content .creativeoArticleContent .creativeoArticleSources > ol > li {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid var(--creativeo-line);
}
#main-content .creativeoArticleContent .creativeoArticleSources > ol > li > span {
  padding-top: 3px;
  color: var(--creativeo-accent);
  font: 600 .66rem/1 "Outfit", sans-serif;
  letter-spacing: .12em;
}
#main-content .creativeoArticleContent .creativeoArticleSources > ol > li > div { display: grid; gap: 7px; }
#main-content .creativeoArticleContent .creativeoArticleSources a {
  color: var(--creativeo-ink);
  font: 550 .94rem/1.35 "Outfit", sans-serif;
}
#main-content .creativeoArticleContent .creativeoArticleSources small {
  color: var(--creativeo-muted);
  font-size: .73rem;
  line-height: 1.4;
}

/* Route-specific compositions share the same Creativeo Two vocabulary. */
#main-content .creativeoHeroTitle > span { display: block; }
#main-content .creativeoRoundedMedia { position: relative; width: 100%; height: 100%; min-height: inherit; margin: 0; overflow: hidden; }
#main-content .creativeoRoundedMedia picture,
#main-content .creativeoRoundedMedia picture img { display: block; width: 100%; height: 100%; min-height: inherit; }
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroInner { align-items: center; }
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia { width: min(100%, 560px); min-height: 0; aspect-ratio: 4 / 5; justify-self: end; }
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia picture,
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia picture img,
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoRoundedMedia { min-height: 0; }
#main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia img { object-position: center; }
#main-content .creativeoMediaCaption,
#main-content .creativeoHeroMediaCaption {
  position: absolute;
  z-index: 3;
  inset: auto 0 0;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 28px;
  padding: 28px;
  background: linear-gradient(transparent, rgba(3, 3, 7, .92));
  color: #fff;
  font: 600 .68rem/1.35 "Outfit", sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
}
#main-content .creativeoHeroMediaCaption strong { max-width: 14ch; font-size: 1.35rem; line-height: 1.05; letter-spacing: -.02em; text-align: left; text-transform: none; }

#main-content .creativeoSplit,
#main-content .creativeoPractice,
#main-content .creativeoProcess,
#main-content .creativeoFeaturePanel {
  width: var(--creativeo-shell);
  margin-inline: auto;
  padding-block: var(--creativeo-space);
}
#main-content .creativeoSplit { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: clamp(56px, 10vw, 155px); align-items: start; }
#main-content .creativeoSplit .creativeoSectionHeading { margin-bottom: 0; }
#main-content .creativeoDirectionCopy p { font-size: 1rem; line-height: 1.68; }
#main-content .creativeoLeadCopy { color: #fff !important; font-size: 1.18rem !important; line-height: 1.58 !important; }
#main-content .creativeoDirectionCopy strong { color: #fff; font-weight: 600; }

#main-content .creativeoMetricRail > .creativeoMetric span { display: block; max-width: 25ch; color: var(--creativeo-muted); }
#main-content .creativeoMetricRail > .creativeoMetric strong { margin-top: 42px; }

#main-content .creativeoPage > .creativeoEditorialSection > .creativeoSectionHeading,
#main-content .creativeoPage > .creativeoEditorialSection > .creativeoCardGrid,
#main-content .creativeoPage > .creativeoEditorialSection > .creativeoServiceGrid {
  width: var(--creativeo-shell);
  margin-inline: auto;
}
#main-content .creativeoEditorialCard {
  position: relative;
  min-height: 330px;
  padding: 30px 27px;
  border-right: 1px solid var(--creativeo-line);
  border-bottom: 1px solid var(--creativeo-line);
  background: linear-gradient(180deg, rgba(255,255,255,.026), transparent);
  transition: transform .45s cubic-bezier(.16,1,.3,1), background-color .35s;
}
#main-content .creativeoEditorialCard:hover { transform: translateY(-7px); background: var(--creativeo-surface-3); }
#main-content .creativeoEditorialCard .creativeoCardNumber { display: block; margin-bottom: 76px; color: var(--creativeo-accent); font: 600 .68rem/1 "Outfit", sans-serif; letter-spacing: .12em; }
#main-content .creativeoEditorialCard h3 { margin-bottom: 16px; }
#main-content .creativeoEditorialCard p { margin-bottom: 0; font-size: .9rem; }

#main-content .creativeoProcess .creativeoSectionHeading { max-width: 760px; }
#main-content .creativeoProcessList { margin: 0; padding: 0; border-top: 1px solid var(--creativeo-line); list-style: none; }
#main-content .creativeoProcessList .creativeoProcessStep { grid-template-columns: 90px 1fr; }
#main-content .creativeoProcessList .creativeoProcessStep h3 { margin-bottom: 12px; }
#main-content .creativeoProcessList .creativeoProcessStep p { margin: 0; }

#main-content .creativeoPractice { border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoTagList { display: flex; flex-wrap: wrap; gap: 10px; }
#main-content .creativeoTagList span { padding: 11px 15px; border: 1px solid var(--creativeo-line); border-radius: 100px; color: var(--creativeo-muted); font-size: .78rem; }
#main-content .creativeoFacts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 64px 0 0; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoFacts div { padding: 24px 24px 0 0; border-right: 1px solid var(--creativeo-line); }
#main-content .creativeoFacts div:not(:first-child) { padding-left: 24px; }
#main-content .creativeoFacts div:last-child { border-right: 0; }
#main-content .creativeoFacts dt { margin-bottom: 10px; color: var(--creativeo-accent); font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; }
#main-content .creativeoFacts dd { margin: 0; color: #fff; }

#main-content .creativeoServiceGrid { display: grid; gap: 30px; }
#main-content .creativeoServiceCard { display: grid; grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr); min-height: 590px; border: 1px solid var(--creativeo-line); background: var(--creativeo-surface); }
#main-content .creativeoServiceCard:nth-child(even) .creativeoServiceMedia { grid-column: 2; grid-row: 1; }
#main-content .creativeoServiceCard:nth-child(even) .creativeoServiceCopy { grid-column: 1; grid-row: 1; }
#main-content .creativeoServiceMedia { min-height: 590px; }
#main-content .creativeoServiceCopy { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 68px); }
#main-content .creativeoServiceMeta { display: flex; justify-content: space-between; gap: 20px; color: var(--creativeo-accent); font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoServiceCopy h3 { margin: 46px 0 20px; font-size: clamp(2rem, 3.3vw, 3.2rem); }
#main-content .creativeoServiceFacts { margin: 26px 0 34px; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoServiceFacts div { display: grid; grid-template-columns: 130px 1fr; gap: 18px; padding: 15px 0; border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoServiceFacts dt { color: var(--creativeo-accent); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoServiceFacts dd { margin: 0; color: var(--creativeo-muted); font-size: .82rem; }
#main-content .creativeoServiceCopy .creativeoButton { align-self: flex-start; }

#main-content .creativeoFeaturePanel { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 9vw, 140px); padding-inline: clamp(34px, 6vw, 82px); border-radius: 10px; background: radial-gradient(circle at 12% 100%, rgba(49,65,225,.32), transparent 43%), var(--creativeo-surface-3); }
#main-content .creativeoFeaturePanelCopy h2 { margin-bottom: 0; }
#main-content .creativeoFeaturePanelDetail { align-self: end; }

#main-content .creativeoFilterShell { margin-bottom: 58px; }
#main-content .creativeoFilterHeading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
#main-content .creativeoFilterStatus { margin: 0; font-size: .76rem; }
#main-content .creativeoFilterStatus b { color: var(--creativeo-accent); }
#main-content .creativeoFilterBar { display: flex; flex-wrap: wrap; gap: 9px; padding: 20px 0; border-block: 1px solid var(--creativeo-line); }
#main-content .creativeoFilterBar button { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 15px; border: 1px solid var(--creativeo-line); border-radius: 100px; background: transparent; color: var(--creativeo-muted); font-size: .72rem; }
#main-content .creativeoFilterBar button b { color: var(--creativeo-accent); }
#main-content .creativeoFilterBar button.selected { border-color: var(--creativeo-accent); background: var(--creativeo-accent); color: #17100a; }
#main-content .creativeoFilterBar button.selected b { color: inherit; }
#main-content .creativeoProjectCopy h2 { margin: 13px 0 16px; }
#main-content .creativeoProjectRole { display: grid; gap: 6px; margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoProjectRole small { color: var(--creativeo-accent); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoProjectRole span { color: var(--creativeo-muted); font-size: .8rem; }

#main-content .creativeoPortfolioVision { background: var(--creativeo-surface-2); }
#main-content .creativeoStoryOutput { display: grid; gap: 8px; margin-top: 24px; padding: 22px; border-left: 4px solid var(--creativeo-accent); background: var(--creativeo-surface-3); }
#main-content .creativeoStoryOutput span { color: var(--creativeo-accent); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; }
#main-content .creativeoStoryOutput strong { font: 500 1.1rem/1.4 "Outfit", sans-serif; }
#main-content .creativeoImpactColumns { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
#main-content .creativeoImpactColumns article { padding: 28px; border: 1px solid var(--creativeo-line); background: rgba(255,255,255,.025); }
#main-content .creativeoImpactColumns ul,
#main-content .creativeoFaqList ul { display: grid; gap: 12px; margin: 20px 0 0; padding-left: 20px; color: var(--creativeo-muted); }
#main-content .creativeoProjectActions { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 58px; }

#main-content .creativeoPricingGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#main-content .creativeoPriceFacts { margin: 22px 0 0; border-top: 1px solid var(--creativeo-line); }
#main-content .creativeoPriceFacts div { display: grid; grid-template-columns: 125px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--creativeo-line); }
#main-content .creativeoPriceFacts dt { color: var(--creativeo-accent); font-size: .62rem; letter-spacing: .09em; text-transform: uppercase; }
#main-content .creativeoPriceFacts dd { margin: 0; color: var(--creativeo-muted); font-size: .8rem; }
#main-content .creativeoPriceRange { margin-bottom: 0; font-size: .78rem; }
#main-content .creativeoPriceExclusion { font-size: .8rem; }
#main-content .creativeoPriceActions { display: grid; gap: 16px; margin-top: auto; }
#main-content .creativeoPriceActions .creativeoTextLink { justify-self: start; }
#main-content .creativeoPricingNote { margin: 30px auto 0; text-align: left; font-size: .78rem; }
#main-content .creativeoComparisonSection { background: var(--creativeo-bg); }
#main-content .creativeoComparisonWrap { overflow-x: auto; border: 1px solid var(--creativeo-line); }
#main-content .creativeoComparisonWrap table { width: 100%; min-width: 980px; border-collapse: collapse; color: var(--creativeo-muted); font-size: .82rem; }
#main-content .creativeoComparisonWrap th,
#main-content .creativeoComparisonWrap td { min-width: 180px; padding: 20px; border-right: 1px solid var(--creativeo-line); border-bottom: 1px solid var(--creativeo-line); text-align: left; vertical-align: top; }
#main-content .creativeoComparisonWrap th { color: #fff; font-family: "Outfit", sans-serif; font-weight: 500; }
#main-content .creativeoFaqList details > div { padding-bottom: 24px; }

#main-content .creativeoArticleReading { background: var(--creativeo-bg); }

@media (max-width: 1050px) {
  #main-content .creativeoPage { --creativeo-shell: min(100% - 44px, 940px); --creativeo-space: 88px; }
  #main-content .creativeoHeroInner { grid-template-columns: minmax(0, .85fr) minmax(340px, 1.15fr); gap: 42px; }
  #main-content .creativeoCardGrid { grid-template-columns: repeat(2, 1fr); }
  #main-content .creativeoCard:nth-child(2) { border-right: 0; }
  #main-content .creativeoPricingGrid { grid-template-columns: repeat(2, 1fr); }
  #main-content .creativeoPriceCard:last-child { grid-column: auto; }
  #main-content .creativeoEditorialGrid { grid-template-columns: repeat(2, 1fr); }
  #main-content .creativeoHomePage .creativeoHomeHero { min-height: auto; }
  #main-content .creativeoHomeHeroInner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 28px; min-height: 0; }
  #main-content .creativeoHomeHeroCopy { grid-column: 1; max-width: none; padding-top: 0; }
  #main-content .creativeoHomeHeroCopy h1 { font-size: clamp(3rem, 5.5vw, 4rem); }
  #main-content .creativeoHomePortrait { position: relative; inset: auto; width: 100%; height: auto; }
  #main-content .creativeoHomePortrait--primary { grid-column: 2; }
  #main-content .creativeoHomePortrait--secondary { grid-column: 1; }
  #main-content .creativeoHomePortrait--detail { grid-column: 2; }
  #main-content .creativeoHomeFeatureGrid { gap: 70px; }
  #main-content .creativeoHomeTabGrid { grid-template-columns: 320px 1fr; gap: 48px; }
  #main-content .creativeoHomeTabMedia { min-height: 0; aspect-ratio: 4 / 5; }
  #main-content .creativeoDetailSplit { grid-template-columns: minmax(0, .8fr) minmax(360px, 1.2fr); gap: 60px; }
}

@media (max-width: 767px) {
  #main-content .creativeoPage {
    --creativeo-shell: calc(100% - 40px);
    --creativeo-space: 58px;
    font-size: 17px;
  }
  #main-content .creativeoPage h1 { font-size: clamp(2.55rem, 10.4vw, 3.15rem); line-height: 1; }
  #main-content .creativeoPage h2 { font-size: clamp(2rem, 8.3vw, 2.5rem); }
  #main-content .creativeoPage h3 { font-size: 1.45rem; }
  #main-content .creativeoGuideField { background-size: 52px 52px; }
  #main-content .creativeoHero { min-height: auto; padding: 138px 0 60px; }
  #main-content .creativeoHeroInner { grid-template-columns: 1fr; gap: 40px; }
  #main-content .creativeoHeroCopy h1 { max-width: 15ch; margin-bottom: 22px; }
  #main-content .creativeoHero--center .creativeoHeroCopy h1 { max-width: 14ch; }
  #main-content .creativeoHeroMedia { min-height: 430px; }
  #main-content .creativeoGhostWord { top: 34%; font-size: 28vw; }
  #main-content .creativeoEyebrow { gap: 0; margin-bottom: 18px; font-size: .64rem; }
  #main-content .creativeoEyebrow::before { display: none; }
  #main-content .creativeoButton { width: 100%; }
  #main-content .creativeoActions { align-items: stretch; flex-direction: column; }
  #main-content .creativeoTextLink { align-self: flex-start; }
  #main-content .creativeoMetricRail { grid-template-columns: 1fr; }
  #main-content .creativeoMetricRail article { min-height: 240px; padding: 24px; border-right: 0; border-bottom: 1px solid var(--creativeo-line); }
  #main-content .creativeoMetricRail strong { margin-top: 36px; }
  #main-content .creativeoSplitGrid,
  #main-content .creativeoHomeFeatureGrid,
  #main-content .creativeoHomeTabGrid,
  #main-content .creativeoBodyCtaInner,
  #main-content .creativeoFaqGrid,
  #main-content .creativeoContactGrid,
  #main-content .creativeoDetailSplit,
  #main-content .creativeoStickyStory,
  #main-content .creativeoArticleBody { grid-template-columns: 1fr; gap: 42px; }
  #main-content .creativeoSplitMedia { min-height: 490px; }
  #main-content .creativeoCardGrid,
  #main-content .creativeoPricingGrid,
  #main-content .creativeoEditorialGrid,
  #main-content .creativeoContactCardGrid,
  #main-content .creativeoDetailCards { grid-template-columns: 1fr; }
  #main-content .creativeoCard { min-height: 300px; padding: 24px; border-right: 0; }
  #main-content .creativeoPriceCard,
  #main-content .creativeoPriceCard:last-child { grid-column: auto; min-height: 600px; padding: 36px 24px; }
  #main-content .creativeoProcessStep,
  #main-content .creativeoProcessList .creativeoProcessStep { grid-template-columns: 1fr; gap: 12px; }
  #main-content .creativeoProcessStep > p { grid-column: auto; }
  #main-content .creativeoPortfolioGrid { grid-template-columns: 1fr; gap: 70px; }
  #main-content .creativeoProjectCard:nth-child(even) { margin-top: 0; }
  #main-content .creativeoProjectView { width: 66px; right: 15px; bottom: 15px; }
  #main-content .creativeoEditorialGrid { gap: 22px; }
  #main-content .creativeoArticleCopy { min-height: 230px; padding: 24px; }
  #main-content .creativeoBodyCta { min-height: 500px; }
  #main-content .creativeoBodyCta h2 { font-size: clamp(2.5rem, 10vw, 3.45rem); }
  #main-content .creativeoHomePage .creativeoHomeHero { min-height: auto; padding: 138px 0 54px; }
  #main-content .creativeoHomeHeroInner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-height: 0; }
  #main-content .creativeoHomeHeroCopy { padding-top: 0; }
  #main-content .creativeoHomeHeroCopy { grid-column: 1 / -1; margin-bottom: 18px; }
  #main-content .creativeoHomeHeroCopy h1 { font-size: clamp(2.9rem, 12.2vw, 3.8rem); max-width: 10ch; }
  #main-content .creativeoHomeGhost { top: 38%; font-size: 38vw; }
  #main-content .creativeoHomePortrait { position: relative; inset: auto; width: 100%; height: auto; }
  #main-content .creativeoHomePortrait--primary { grid-column: 1 / -1; }
  #main-content .creativeoHomePortrait--secondary { grid-column: 1; }
  #main-content .creativeoHomePortrait--detail { grid-column: 2; }
  #main-content .creativeoHomePortrait--secondary .creativeoMediaLabel,
  #main-content .creativeoHomePortrait--detail .creativeoMediaLabel { display: none; }
  #main-content .creativeoHomeStatement { padding-block: 62px; }
  #main-content .creativeoHomeStatement .creativeoShell { grid-template-columns: 1fr; gap: 25px; }
  #main-content .creativeoHomeStatement h2 { font-size: 2.45rem; }
  #main-content .creativeoHomeFeatureList article,
  #main-content .creativeoHomeTabList article { grid-template-columns: 1fr; gap: 12px; }
  #main-content .creativeoHomeTabMedia { width: 100%; min-height: 0; aspect-ratio: 4 / 5; }
  #main-content .creativeoHomeTabMedia picture,
  #main-content .creativeoHomeTabMedia picture img { min-height: 0; }
  #main-content .creativeoHomeTabMediaOverlay { width: 100%; padding: 20px 22px; }
  #main-content .creativeoHomeTabMediaOverlay strong { max-width: none; font-size: clamp(1.55rem, 7vw, 1.85rem); line-height: 1.08; }
  #main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia { width: 100%; justify-self: stretch; }
  #main-content .creativeoAboutPage .creativeoAboutHero .creativeoActions { width: 100%; }
  #main-content .creativeoAboutPage .creativeoAboutHero .creativeoTextLink { width: 100%; min-height: 48px; align-self: stretch; justify-content: flex-start; padding-bottom: 12px; }
  #main-content .creativeoFaqGrid { gap: 36px; }
  #main-content .creativeoContactCards { margin-top: 0; }
  #main-content .creativeoContactCard:not(:last-child) { border-right: 1px solid var(--creativeo-line); border-bottom: 0; }
  #main-content .creativeoContactCard { min-height: 210px; padding: 24px; }
  #main-content .creativeoContactCard small { margin-bottom: 44px; }
  #main-content .creativeoContactMedia { min-height: 480px; }
  #main-content .creativeoDetailHero { padding: 138px 0 60px; }
  #main-content .creativeoDetailHeroMedia { min-height: 430px; margin-top: 40px; }
  #main-content .creativeoDetailNav { justify-content: flex-start; overflow-x: auto; padding-inline: 20px; }
  #main-content .creativeoDetailNav a { white-space: nowrap; }
  #main-content .creativeoDetailCards article { min-height: 260px; padding: 24px; border-right: 0; }
  #main-content .creativeoDetailCards h3 { margin-top: 45px; }
  #main-content .creativeoStickyStory > aside,
  #main-content .creativeoArticleToc { position: static; }
  #main-content .creativeoStoryMedia { min-height: 430px; }
  #main-content .creativeoArticleByline { flex-wrap: wrap; }
  #main-content .creativeoArticleContent h2 { font-size: 2rem; }
  #main-content .creativeoArticleInline { min-height: 320px; }
  #main-content .creativeoArticleEvidence > a { padding-right: 0; }
  #main-content .creativeoArticleContent .creativeoArticleSources { margin-top: 38px; padding-top: 54px; }
  #main-content .creativeoArticleContent .creativeoArticleSources > ol { margin-top: 32px; }
  #main-content .creativeoArticleContent .creativeoArticleSources > ol > li { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
  #main-content .creativeoDecisionSequence { grid-template-columns: 1fr 1fr; }
  #main-content .creativeoDecisionSequence span { border-bottom: 1px solid var(--creativeo-line); }
  #main-content .creativeoSplit,
  #main-content .creativeoFeaturePanel { grid-template-columns: 1fr; gap: 38px; }
  #main-content .creativeoFeaturePanel { padding-inline: 24px; }
  #main-content .creativeoServiceCard { grid-template-columns: 1fr; min-height: 0; }
  #main-content .creativeoServiceCard:nth-child(even) .creativeoServiceMedia,
  #main-content .creativeoServiceCard:nth-child(even) .creativeoServiceCopy { grid-column: 1; grid-row: auto; }
  #main-content .creativeoServiceMedia { min-height: 430px; }
  #main-content .creativeoServiceCopy { padding: 32px 24px 40px; }
  #main-content .creativeoServiceMeta { align-items: flex-start; flex-direction: column; justify-content: flex-start; gap: 8px; }
  #main-content .creativeoServiceCopy h3 { margin-top: 30px; }
  #main-content .creativeoServiceCopy .creativeoButton { align-self: stretch; }
  #main-content .creativeoFacts,
  #main-content .creativeoImpactColumns { grid-template-columns: 1fr; }
  #main-content .creativeoFacts div,
  #main-content .creativeoFacts div:not(:first-child) { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--creativeo-line); }
  #main-content .creativeoEditorialCard { min-height: 280px; border-right: 0; }
  #main-content .creativeoEditorialCard { padding: 24px; }
  #main-content .creativeoMediaCaption,
  #main-content .creativeoHeroMediaCaption { flex-direction: column; align-items: flex-start; padding: 20px; }
  #main-content .creativeoHeroMediaCaption strong { text-align: left; }
  #main-content .creativeoFilterHeading { align-items: flex-start; flex-direction: column; }
  #main-content .creativeoFilterBar { display: grid; grid-template-columns: 1fr 1fr; }
  #main-content .creativeoFilterBar button { justify-content: space-between; min-width: 0; }
  #main-content .creativeoPriceFacts div,
  #main-content .creativeoServiceFacts div,
  #main-content .creativeoFactList div { grid-template-columns: 1fr; gap: 6px; }
  #main-content .creativeoProjectActions { flex-direction: column; }
}

@media (max-width: 390px) {
  #main-content .creativeoProjectMeta { flex-direction: column; gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  #main-content .creativeoMarqueeTrack { animation: none; transform: none; }
  #main-content .creativeoProjectCard:hover .creativeoProjectMedia img,
  #main-content .creativeoArticleCard:hover .creativeoArticleMedia img,
  #main-content .creativeoButton:hover,
  #main-content .creativeoTextLink:hover,
  #main-content .creativeoCard:hover { transform: none; }
}

/* V61 — compact editorial galleries and balanced decision layouts */
#main-content .creativeoPortfolioGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(42px, 5vw, 68px) 28px;
}

#main-content .creativeoProjectCard:nth-child(even) { margin-top: 0; }
#main-content .creativeoProjectMedia { aspect-ratio: 4 / 3; }
#main-content .creativeoProjectCard > p,
#main-content .creativeoProjectCopy > p { font-size: .88rem; }
#main-content .creativeoProjectMeta { align-items: start; }

#main-content .creativeoStrengths .creativeoCardGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#main-content .creativeoStrengths .creativeoEditorialCard:nth-child(3n) { border-right: 0; }

#main-content .creativeoHomeFeatureGrid {
  grid-template-columns: 1fr;
  gap: clamp(42px, 5vw, 68px);
}

#main-content .creativeoHomeFeatureGrid > .creativeoSectionHeading {
  max-width: 900px;
  margin-bottom: 0;
}

#main-content .creativeoHomeFeatureList {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--creativeo-line);
}

#main-content .creativeoHomeFeatureList article {
  display: block;
  min-height: 310px;
  padding: 30px;
  border-right: 1px solid var(--creativeo-line);
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.026), transparent);
}

#main-content .creativeoHomeFeatureList article:last-child { border-right: 0; }
#main-content .creativeoHomeFeatureList article > span { display: block; margin-bottom: 80px; }
#main-content .creativeoHomeFeatureList h3 { margin-bottom: 16px; }

#main-content .creativeoHomePage .creativeoCardSection,
#main-content .creativeoHomePage .creativeoPortfolioSection {
  padding-block: clamp(72px, 7vw, 104px);
}

#main-content .creativeoHomePage .creativeoCardSection .creativeoSectionHeading,
#main-content .creativeoHomePage .creativeoPortfolioSection .creativeoSectionHeading {
  margin-bottom: clamp(38px, 4vw, 58px);
}

#main-content .creativeoStickyStory {
  display: block;
}

#main-content .creativeoStickyStory > aside {
  position: static;
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(420px, 1.28fr);
  grid-template-rows: auto auto 1fr;
  gap: 0 clamp(52px, 8vw, 110px);
  margin-bottom: 48px;
  padding-bottom: 44px;
  border-bottom: 1px solid var(--creativeo-line);
}

#main-content .creativeoStickyStory > aside .creativeoEyebrow,
#main-content .creativeoStickyStory > aside h2,
#main-content .creativeoStickyStory > aside > p { grid-column: 1; }
#main-content .creativeoStickyStory > aside h2 { margin-bottom: 20px; }
#main-content .creativeoStickyStory > aside > p { margin-bottom: 0; }

#main-content .creativeoStickyStory > aside ol {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: start;
  margin: 0;
}

#main-content .creativeoStickyStory > aside li {
  min-height: 64px;
  padding: 18px 18px 18px 0;
}

#main-content .creativeoStickyStory > aside li:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--creativeo-line); }

#main-content .creativeoStickyStoryContent {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--creativeo-line);
  background: var(--creativeo-line);
}

#main-content .creativeoStoryPanel {
  align-content: start;
  min-height: 390px;
  padding: clamp(28px, 3vw, 42px);
  background: var(--creativeo-surface);
}

#main-content .creativeoStoryPanel:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 320px; }
#main-content .creativeoStoryMedia { min-height: 330px; }

/* Legacy specialist routes now inherit one Vankpa typography, color, and spacing system. */
#main-content .creativeoUnifiedRoute {
  background:
    radial-gradient(circle at 8% 13%, rgba(44,58,217,.18), transparent 19%),
    radial-gradient(circle at 91% 29%, rgba(242,161,59,.12), transparent 18%),
    var(--creativeo-bg);
}

#main-content .creativeoUnifiedRoute .section-v2,
#main-content .creativeoUnifiedRoute .sand,
#main-content .creativeoUnifiedRoute .light,
#main-content .creativeoUnifiedRoute .dark {
  background-color: transparent;
  color: var(--creativeo-ink);
}

#main-content .creativeoUnifiedRoute .section-v2 { padding-block: var(--creativeo-space); }
#main-content .creativeoUnifiedRoute h1 { font-size: clamp(3.25rem, 5.25vw, 4.25rem); line-height: .98; }
#main-content .creativeoUnifiedRoute h2 { font-size: clamp(2.5rem, 4vw, 3.25rem); }
#main-content .creativeoUnifiedRoute h3 { font-size: clamp(1.35rem, 2vw, 1.8rem); }
#main-content .creativeoUnifiedRoute p { color: var(--creativeo-muted); }
#main-content .creativeoUnifiedRoute .eyebrow-v2 { color: var(--creativeo-accent); }

@media (max-width: 1050px) {
  #main-content .creativeoPortfolioGrid,
  #main-content .creativeoStrengths .creativeoCardGrid,
  #main-content .creativeoHomeFeatureList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main-content .creativeoHomeFeatureList article { border-bottom: 1px solid var(--creativeo-line); }
  #main-content .creativeoHomeFeatureList article:nth-child(2) { border-right: 0; }
  #main-content .creativeoHomeFeatureList article:last-child { grid-column: 1 / -1; min-height: 250px; border-bottom: 0; }
  #main-content .creativeoStickyStory > aside { grid-template-columns: 1fr; gap: 28px; }
  #main-content .creativeoStickyStory > aside .creativeoEyebrow,
  #main-content .creativeoStickyStory > aside h2,
  #main-content .creativeoStickyStory > aside > p,
  #main-content .creativeoStickyStory > aside ol { grid-column: 1; grid-row: auto; }
}

@media (max-width: 767px) {
  #main-content .creativeoPortfolioGrid,
  #main-content .creativeoStrengths .creativeoCardGrid,
  #main-content .creativeoHomeFeatureList,
  #main-content .creativeoStickyStoryContent { grid-template-columns: 1fr; }
  #main-content .creativeoProjectMedia { aspect-ratio: 4 / 5; }
  #main-content .creativeoHomeFeatureList article,
  #main-content .creativeoHomeFeatureList article:nth-child(2) { min-height: 260px; border-right: 0; border-bottom: 1px solid var(--creativeo-line); }
  #main-content .creativeoHomeFeatureList article:last-child { grid-column: auto; border-bottom: 0; }
  #main-content .creativeoHomeFeatureList article > span { margin-bottom: 54px; }
  #main-content .creativeoStickyStory > aside ol { grid-template-columns: 1fr; }
  #main-content .creativeoStickyStory > aside li:nth-child(even) { padding-left: 0; border-left: 0; }
  #main-content .creativeoStoryPanel,
  #main-content .creativeoStoryPanel:last-child:nth-child(odd) { grid-column: auto; min-height: 0; }
  #main-content .creativeoUnifiedRoute h1 { font-size: clamp(2.55rem, 10.4vw, 3.15rem); }
  #main-content .creativeoUnifiedRoute h2 { font-size: clamp(2rem, 8.3vw, 2.5rem); }
}

/* app/responsive-text-audit.css */
/* Final responsive type and containment safeguards.
 * This layer follows every brand stylesheet so audited fixes cannot be
 * reversed by an earlier template-specific heading rule. */

/* Light surfaces inside the unified Creativeo routes must reset the dark
 * theme's white ink token. Without this semantic boundary, headings and
 * accordion questions inherit white while their cards are cream or white. */
#main-content .creativeoUnifiedRoute :where(.light,.sand){
  --creativeo-ink:#111111;
  --creativeo-muted:#625f5b;
  color:var(--creativeo-ink)
}

#main-content .creativeoUnifiedRoute :where(.light,.sand) :where(h1,h2,h3,h4,h5,h6,strong,summary,dt,dd,label){
  color:inherit
}

#main-content .creativeoUnifiedRoute :where(.light,.sand) p{
  color:var(--creativeo-muted)
}

/* The AI page uses locally-scoped light sections without light/sand classes. */
#main-content .ai-automation-page>section:is(:nth-of-type(2),:nth-of-type(4),:nth-of-type(5),:nth-of-type(7),:nth-of-type(8)){
  --creativeo-ink:#111111;
  --creativeo-muted:#625f5b;
  color:#111111
}

/* Branded dark cards embedded in light sections intentionally opt back into
 * light copy. */
#main-content .creativeoUnifiedRoute .services-start-grid-v13 article:nth-child(3),
#main-content .creativeoUnifiedRoute :where(.light,.sand) .dark{
  --creativeo-ink:#f7f7fa;
  --creativeo-muted:#c8cad7;
  color:var(--creativeo-ink)
}

#main-content .creativeoUnifiedRoute .services-start-grid-v13 article:nth-child(3) p{
  color:var(--creativeo-muted)
}

/* Keep interactive labels inside their components at every device width. */
#main-content :where(.creativeoButton,.button-v2,.text-action),
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(a,button,summary){
  min-width:0;
  max-width:100%
}

/* One modern type system for the full demo library. Plus Jakarta Sans is
 * self-hosted by the shared type layer for consistent rendering. */
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite){
  --demo-modern-font:var(--font-jakarta,"Plus Jakarta Sans",Arial,sans-serif);
  --ft-display:var(--demo-modern-font);
  --ft-body:var(--demo-modern-font);
  --demo-font-head:var(--demo-modern-font);
  --demo-font-body:var(--demo-modern-font);
  font-family:var(--demo-modern-font)!important;
  font-optical-sizing:auto;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased
}

:is(.aurelineBridal.aurelineBridal.aurelineBridal,.rpSite.rpSite.rpSite,.alSite.alSite.alSite,.fnSite.fnSite.fnSite,.atSite.atSite.atSite,.sblxSite.sblxSite.sblxSite) :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,dt,dd,li,small,span,strong,b,em,blockquote,figcaption){
  font-family:var(--demo-modern-font)!important
}

.site-page-v3 #main-content :where(p,li,dd),
.site-page-v3 .footer-v7 :where(p,li,dd){
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none
}

.site-page-v3 #main-content :where(a,button,summary),
.site-page-v3 .footer-v7 :where(a,button){
  overflow-wrap:break-word;
  word-break:normal
}

/* A legacy Movento rule adds a bright ::before wash to every main section.
 * Creativeo supplies its own background system, so that inherited layer made
 * mobile labels, headings, pills, and rules appear clipped at the shell edge. */
#main-content .creativeoPage>section::before{
  content:none!important;
  display:none!important
}

:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(p,li,dd,dt,label,summary){
  overflow-wrap:normal!important;
  word-break:normal!important;
  -webkit-hyphens:none!important;
  hyphens:none!important
}

:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite) :where(a,button){
  overflow-wrap:break-word;
  word-break:normal
}

/* Compact, consistent demo hierarchy. The earlier scale was overriding the
 * six brand layouts and producing five- and six-line titles. */
:where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite){
  --demo-h1:clamp(2.75rem,4.15vw,4.85rem);
  --demo-h2:clamp(2rem,3vw,3.45rem);
  --demo-h3:clamp(1.35rem,1.65vw,1.9rem);
  --demo-h4:clamp(1.12rem,1.2vw,1.38rem);
  --demo-h5:clamp(1rem,1vw,1.16rem);
  --demo-h6:clamp(.84rem,.8vw,.96rem);
  --demo-copy:clamp(.96rem,calc(.91rem + .2vw),1.04rem)
}

/* Aureline editorial and product titles need more usable line length than
 * the source template allowed in its narrow copy columns. */
.aurelineBridal .ftHeroCopy h1,
.aurelineBridal main .ftHeroCopy h1{
  max-width:100%!important;
  font-size:clamp(3.15rem,5.8vw,5.25rem)!important;
  white-space:normal!important;
  text-wrap:balance
}

.aurelineBridal .ftPageHero h1,
.aurelineBridal main .ftPageHero h1{
  max-width:100%!important;
  font-size:clamp(2.35rem,3vw,2.65rem)!important
}

.aurelineBridal .ftProductInfo h1,
.aurelineBridal main .ftProductInfo h1{
  max-width:100%!important;
  font-size:clamp(2.1rem,3vw,3rem)!important
}

/* RoutePilot industry names must remain intact inside the compact matrix. */
.rpSite :where(.rpIndustryList,.rpIndustryCards) h3{
  font-size:clamp(1.15rem,1.45vw,1.45rem)!important;
  letter-spacing:-.025em!important
}

/* Arc Ledger's Renok layer reinstated a two-column minimum after its mobile
 * stylesheet had stacked the section. Restore the responsive layout and a
 * shrink-safe FAQ question column. */
.alSite .alFaq summary{
  grid-template-columns:3rem minmax(0,1fr) 2rem;
  min-width:0;
  overflow:hidden
}

.alSite .alFaq summary>*{min-width:0}

/* Atelier detail and inquiry headlines include long words that need a calmer
 * scale inside their intentionally narrow editorial column. */
.atSite :where(.atDetailHero,.atInquiryHero) h1{
  max-width:100%!important;
  font-size:clamp(2.5rem,3.5vw,3.5rem)!important
}

/* Stone & Beam keeps the Linoxa composition while giving every title enough
 * measure to remain within four lines and every long word enough room. */
.sblxSite .sblxHeroCopy h1{
  max-width:14ch!important;
  font-size:clamp(3rem,5.8vw,5.6rem)!important
}

.sblxSite .sblxPageHero h1{
  max-width:100%!important
}

#main-content .ai-automation-page>section:nth-of-type(3) h2{
  max-width:24ch!important;
  font-size:clamp(2.1rem,3vw,2.7rem)!important
}

#main-content .ai-automation-page>section:last-of-type h2{
  max-width:26ch!important;
  font-size:clamp(2.3rem,3.2vw,3rem)!important
}

.sblxSite .dx-intro h2{
  max-width:100%;
  font-size:clamp(2rem,2.6vw,2.25rem)!important;
  text-wrap:pretty
}

@media(min-width:1101px){
  .sblxSite .dx-intro{
    grid-template-columns:minmax(0,1fr) minmax(250px,.62fr);
    gap:40px;
    padding-inline:36px
  }
}

@media(max-width:1050px){
  #main-content .creativeoDetailSplit{
    grid-template-columns:1fr;
    gap:48px
  }

  #main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroInner{
    grid-template-columns:1fr
  }

  #main-content .creativeoAboutPage .creativeoAboutHero .creativeoHeroMedia{
    width:100%;
    justify-self:stretch
  }
}

@media(max-width:900px){
  #main-content .ai-automation-page>section:nth-of-type(3) h2{
    max-width:26ch!important;
    font-size:clamp(2rem,5vw,2.4rem)!important
  }

  #main-content .ai-automation-page>section:last-of-type{
    grid-template-columns:1fr
  }

  #main-content .ai-automation-page>section:last-of-type h2{
    max-width:26ch!important;
    font-size:clamp(2.1rem,5.2vw,2.5rem)!important
  }
}

@media(max-width:620px){
  :where(.aurelineBridal,.rpSite,.alSite,.fnSite,.atSite,.sblxSite){
    --demo-h1:clamp(2.2rem,9.8vw,3.05rem);
    --demo-h2:clamp(1.75rem,7.8vw,2.4rem);
    --demo-h3:clamp(1.25rem,5.8vw,1.62rem);
    --demo-h4:clamp(1.12rem,4.8vw,1.34rem);
    --demo-h5:clamp(1rem,4.3vw,1.14rem);
    --demo-h6:clamp(.84rem,3.7vw,.94rem);
    --demo-copy:clamp(.94rem,4vw,1rem)
  }

  .aurelineBridal .ftHeroCopy h1,
  .aurelineBridal main .ftHeroCopy h1{
    max-width:100%!important;
    font-size:clamp(2.35rem,10.5vw,2.85rem)!important
  }

  .aurelineBridal .ftPageHero h1,
  .aurelineBridal main .ftPageHero h1,
  .aurelineBridal .ftProductInfo h1,
  .aurelineBridal main .ftProductInfo h1{
    max-width:100%!important;
    font-size:clamp(2.05rem,9vw,2.4rem)!important
  }

  .alSite .alSectionHead{
    grid-template-columns:1fr;
    gap:24px
  }

  .alSite .alSectionHead>*,
  .alSite .alSectionHead h2{
    width:100%;
    max-width:100%
  }

  .alSite .alSection h2,
  .alSite .alFooter h2,
  .alSite .alArticleCta h2{
    max-width:100%;
    font-size:clamp(1.95rem,8.5vw,2.35rem)!important
  }

  .alSite .alFaq summary{
    grid-template-columns:2.2rem minmax(0,1fr) 1.75rem;
    gap:.65rem
  }

  .atSite :where(.atDetailHero,.atInquiryHero) h1{
    font-size:clamp(2.05rem,9vw,2.45rem)!important
  }

  .sblxSite .sblxHeroCopy h1,
  .sblxSite .sblxPageHero h1{
    max-width:100%!important;
    font-size:clamp(2.15rem,9.4vw,2.6rem)!important
  }
}

@media(max-width:767px){
  .site-page-v3 .concierge-v1{
    right:max(6px,env(safe-area-inset-right));
    bottom:max(8px,env(safe-area-inset-bottom))
  }

  .site-page-v3 .concierge-trigger-v1{
    min-width:44px;
    min-height:44px;
    padding:4px
  }

  .site-page-v3 .concierge-trigger-v1>span{
    width:34px;
    height:34px;
    padding-bottom:9px
  }

  #main-content .ai-automation-page>section:first-of-type h1{
    max-width:100%;
    font-size:clamp(1.9rem,8vw,2.15rem)!important
  }

  #main-content .creativeoDirection{
    gap:24px
  }

  #main-content .creativeoDirectionCopy p{
    font-size:.9rem;
    line-height:1.66;
    overflow-wrap:normal;
    word-break:normal
  }

  #main-content .creativeoAboutPage :where(.creativeoDirection,.creativeoProcess,.creativeoPractice){
    padding-block:46px
  }

  #main-content .creativeoAboutPage :where(.creativeoProcess,.creativeoPractice) .creativeoSectionHeading{
    margin-bottom:36px
  }

  #main-content .creativeoAboutPage .creativeoFacts{
    margin-top:42px
  }
}

/* Match the main Vankpa hierarchy across every independent demo. Stable demo
 * roots intentionally outrank legacy template selectors so semantic heading
 * levels and body paragraphs resolve to one shared scale everywhere. */
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h1{font-size:var(--demo-h1)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h2{font-size:var(--demo-h2)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h3{font-size:var(--demo-h3)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h4{font-size:var(--demo-h4)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h5{font-size:var(--demo-h5)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) h6{font-size:var(--demo-h6)!important}
:is(#ft-top.aurelineBridal,#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#sblx-top.sblxSite,.atSite.atSite.atSite) p{font-size:var(--demo-copy)!important;line-height:1.65!important}

/* Product names are compact retail labels, not section headings. This final
 * override keeps every two-column mobile card readable without turning a
 * three-word product name into a five-line headline. */
#ft-top.aurelineBridal .ftProductCard h2,
#ft-top.aurelineBridal .ftProductCard h2 a{
  min-height:2.7em;
  font-size:clamp(.72rem,.8vw,.84rem)!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
  line-height:1.34!important;
  text-wrap:pretty
}

#ft-top.aurelineBridal .ftProductInfo h1{
  max-width:14ch!important;
  font-size:clamp(1.95rem,2.7vw,2.75rem)!important;
  line-height:1.02!important
}

#ft-top.aurelineBridal :is(.ftProductImage,.ftRailImage)>span.isPopular{
  color:#fff!important;
  background:#232323!important;
  border:1px solid rgba(255,255,255,.35);
  letter-spacing:.1em
}

/* Product metadata is a retail row, not a section heading. Keep a deliberate
 * white buffer between each image and its title, align the price to the right,
 * and protect the layout from the shared H1–H6 demo scale. */
#ft-top.aurelineBridal :is(.ftRailCard,.ftProductCard)>div{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start;
  padding:clamp(.85rem,1.6vw,1.15rem) clamp(.7rem,1.3vw,1rem) clamp(1.1rem,2vw,1.45rem)!important;
  background:#f8f7f2
}

#ft-top.aurelineBridal .ftRailCard h3,
#ft-top.aurelineBridal .ftRailCard h3 a{
  min-width:0;
  margin:0!important;
  font-size:clamp(.72rem,.8vw,.84rem)!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
  line-height:1.34!important;
  text-wrap:pretty
}

#ft-top.aurelineBridal :is(.ftRailCard,.ftProductCard)>div>strong{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start;
  justify-self:end;
  margin:0 0 0 .7rem!important;
  white-space:nowrap
}

#ft-top.aurelineBridal .ftCompleteLook article{
  background:#f8f7f2
}

#ft-top.aurelineBridal .ftProductEditorial{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  width:100%;
  margin:0;
  background:#d9d6d0
}

#ft-top.aurelineBridal .ftProductEditorial picture,
#ft-top.aurelineBridal .ftProductEditorial .responsive-picture{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  overflow:hidden
}

#ft-top.aurelineBridal .ftProductEditorial img{
  width:100%;
  height:100%;
  object-fit:cover
}

#ft-top.aurelineBridal .ftCompleteLookMeta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:.75rem;
  min-width:0;
  padding:clamp(.9rem,1.8vw,1.2rem) clamp(.75rem,1.6vw,1.1rem) clamp(1.1rem,2vw,1.4rem);
  background:#f8f7f2
}

#ft-top.aurelineBridal .ftCompleteLookMeta h3,
#ft-top.aurelineBridal .ftCompleteLookMeta h3 a{
  min-width:0;
  margin:0!important;
  font-size:clamp(.72rem,.9vw,.88rem)!important;
  font-weight:500!important;
  letter-spacing:-.012em!important;
  line-height:1.32!important;
  text-decoration:none;
  text-wrap:pretty
}

#ft-top.aurelineBridal .ftCompleteLookMeta strong{
  align-self:start;
  justify-self:end;
  margin:0!important;
  font-size:clamp(.7rem,.8vw,.82rem)!important;
  line-height:1.32!important;
  white-space:nowrap
}

@media(max-width:620px){
  #ft-top.aurelineBridal .ftProductCard h2,
  #ft-top.aurelineBridal .ftProductCard h2 a{
    min-height:2.65em;
    font-size:clamp(.62rem,2.85vw,.72rem)!important;
    line-height:1.32!important
  }

  #ft-top.aurelineBridal .ftProductInfo h1{
    max-width:15ch!important;
    font-size:clamp(1.85rem,8vw,2.25rem)!important
  }

  #ft-top.aurelineBridal :is(.ftRailCard,.ftProductCard)>div{
    padding:.78rem .6rem 1rem!important
  }

  #ft-top.aurelineBridal .ftRailCard h3,
  #ft-top.aurelineBridal .ftRailCard h3 a,
  #ft-top.aurelineBridal .ftCompleteLookMeta h3,
  #ft-top.aurelineBridal .ftCompleteLookMeta h3 a{
    font-size:clamp(.62rem,2.85vw,.72rem)!important;
    line-height:1.32!important
  }

  #ft-top.aurelineBridal .ftCompleteLookMeta{
    gap:.45rem;
    padding:.82rem .55rem 1rem
  }

  #ft-top.aurelineBridal .ftCompleteLookMeta strong{
    font-size:.64rem!important
  }

  #ft-top.aurelineBridal .ftProductEditorial{
    grid-template-columns:1fr
  }

  #ft-top.aurelineBridal .ftProductEditorial picture,
  #ft-top.aurelineBridal .ftProductEditorial .responsive-picture{
    aspect-ratio:4/5
  }
}

/* The Insights and Consulting heroes share the Services composition. Their
 * longer titles use a slightly calmer wide-screen scale so each designed line
 * remains intact instead of breaking into five or six short fragments. */
@media(min-width:768px) and (max-width:1050px){
  #main-content :where(.creativeoInsightsHero,.creativeoConsultingHero) .creativeoHeroInner{
    grid-template-columns:1fr;
    align-items:start;
    gap:42px
  }

  #main-content :where(.creativeoInsightsHero,.creativeoConsultingHero) .creativeoHeroCopy h1{
    max-width:16ch;
    font-size:clamp(3rem,7vw,3.5rem)!important
  }

  #main-content :where(.creativeoInsightsHero,.creativeoConsultingHero) .creativeoHeroMedia{
    min-height:480px
  }
}

@media(min-width:1051px){
  #main-content :where(.creativeoInsightsHero,.creativeoConsultingHero) .creativeoHeroInner{
    grid-template-columns:minmax(0,1fr) minmax(420px,1fr)
  }

  #main-content :where(.creativeoInsightsHero,.creativeoConsultingHero) .creativeoHeroCopy h1{
    max-width:16ch;
    font-size:clamp(3.25rem,4.2vw,3.75rem)!important
  }
}

/* Arc Ledger v58 — final Renok-responsive guardrails. These rules live after
 * the shared demo scale so the financial microsite can keep its intended
 * editorial measure without inheriting brittle global line breaks. */
#al-top.alSite{
  --demo-h1:clamp(3.35rem,6.6vw,7rem);
  --demo-h2:clamp(2.5rem,4.7vw,5.4rem);
  --demo-h3:clamp(1.35rem,1.8vw,2rem);
  --demo-copy:clamp(.95rem,.28vw + .9rem,1.05rem)
}

#al-top.alSite :where(h1,h2,h3,h4,h5,h6,p,a,li,dd,strong){
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none
}

#al-top.alSite .alPicture picture,
#al-top.alSite .alPicture picture>img{
  display:block;
  width:100%;
  height:100%
}

#al-top.alSite .alHero h1{
  max-width:14ch!important;
  margin-inline:0!important;
  font-size:clamp(3.6rem,7.2vw,7.3rem)!important;
  line-height:.9!important;
  text-align:left!important
}

#al-top.alSite .alHero h1 em{display:block}

#al-top.alSite .alHero .alButton,
#al-top.alSite .alFooterCta .alButton{
  width:min(260px,100%);
  justify-content:space-between;
  padding-inline:24px
}

#al-top.alSite .alHero .alLead{
  margin-inline:0;
  text-align:left
}

#al-top.alSite .alHero .alActions{
  justify-content:flex-start
}

#al-top.alSite .alPageHero h1{
  max-width:15ch!important;
  font-size:clamp(3.25rem,6.2vw,6.4rem)!important;
  line-height:.92!important
}

#al-top.alSite .alDecisionMatrix,
#al-top.alSite .alItemDiagram{
  position:relative;
  min-width:0;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(180deg,rgba(255,255,255,.09) 1px,transparent 1px) 0 0/100% 25%,
    radial-gradient(circle at 72% 28%,rgba(215,255,80,.17),transparent 22%),
    #090909;
  border:1px solid rgba(5,5,5,.16)
}

#al-top.alSite .alDecisionMatrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-height:520px;
  padding:clamp(22px,4vw,54px);
  gap:1px
}

#al-top.alSite .alDecisionMatrix i{
  display:flex;
  min-width:0;
  min-height:180px;
  flex-direction:column;
  justify-content:space-between;
  padding:22px;
  font-style:normal;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.1)
}

#al-top.alSite .alDecisionMatrix span{
  color:#d7ff50;
  font-size:.65rem;
  letter-spacing:.15em
}

#al-top.alSite .alDecisionMatrix b{
  max-width:9ch;
  font-size:clamp(1.25rem,2vw,2rem);
  font-weight:550;
  letter-spacing:-.04em
}

#al-top.alSite .alItemDiagram{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  min-height:430px;
  padding:clamp(28px,5vw,74px)
}

#al-top.alSite .alItemDiagram strong{
  display:grid;
  place-items:center;
  min-width:0;
  aspect-ratio:1;
  color:#050505;
  background:#d7ff50;
  border-radius:50%;
  font-size:clamp(.68rem,1vw,.86rem);
  letter-spacing:.06em;
  text-transform:uppercase
}

#al-top.alSite .alItemDiagram i{
  width:clamp(24px,4vw,64px);
  height:1px;
  background:rgba(255,255,255,.42)
}

@media(max-width:900px){
  #al-top.alSite .alHeroCopy{
    padding:144px 24px 42px!important
  }

  #al-top.alSite .alHeroCopy .alBack{
    margin-bottom:38px!important
  }

  #al-top.alSite .alSectionHead,
  #al-top.alSite .alEditorial>header,
  #al-top.alSite .alRhythm>header,
  #al-top.alSite .alEditorialImage{
    grid-template-columns:1fr;
    gap:30px
  }

  #al-top.alSite .alEditorial>div,
  #al-top.alSite .alGovernanceFacts{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  #al-top.alSite .alModuleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #al-top.alSite .alModuleGrid article:nth-child(2n){border-right:0}
}

@media(max-width:620px){
  #al-top.alSite{
    --demo-h1:clamp(2.65rem,11.4vw,3.2rem);
    --demo-h2:clamp(2.05rem,8.9vw,2.55rem);
    --demo-h3:clamp(1.25rem,5.8vw,1.6rem);
    --demo-copy:clamp(.94rem,4vw,1rem)
  }

  #al-top.alSite .alHeader{
    min-height:82px;
    padding-inline:20px
  }

  #al-top.alSite .alHero{
    min-height:900px
  }

  #al-top.alSite .alHeroCopy{
    width:100%;
    padding:144px 24px 42px;
    text-align:left
  }

  #al-top.alSite .alHeroCopy .alBack{
    max-width:28ch;
    margin:0 0 38px;
    line-height:1.65
  }

  #al-top.alSite .alHero h1{
    max-width:11.2ch!important;
    margin:0!important;
    font-size:clamp(2.72rem,11.8vw,3.25rem)!important;
    line-height:.94!important;
    text-align:left!important
  }

  #al-top.alSite .alHero .alLead{
    max-width:34ch;
    margin:28px 0 0;
    font-size:.94rem!important;
    line-height:1.62!important;
    text-align:left
  }

  #al-top.alSite .alHero .alActions{
    width:100%;
    justify-content:flex-start;
    margin-top:30px
  }

  #al-top.alSite .alHero .alButton{
    width:min(260px,100%)
  }

  #al-top.alSite .alHeroVisual{
    min-height:330px
  }

  #al-top.alSite .alHeroSignal{
    bottom:18px;
    transform:translateX(-50%)
  }

  #al-top.alSite .alHeroIndex{
    bottom:34px
  }

  #al-top.alSite .alHeroCollage{
    height:320px
  }

  #al-top.alSite .alHeroCardMain{height:198px}

  #al-top.alSite .alPageHero{
    gap:38px;
    padding:146px 24px 54px!important
  }

  #al-top.alSite .alPageHero>div:first-child{
    align-items:flex-start;
    text-align:left
  }

  #al-top.alSite .alPageHero .alBack{margin-bottom:38px}

  #al-top.alSite .alPageHero h1{
    max-width:13.5ch!important;
    margin:0!important;
    font-size:clamp(2.48rem,10.7vw,3rem)!important;
    line-height:.96!important;
    text-align:left!important
  }

  #al-top.alSite .alPageHero>div:first-child>p:last-child{
    max-width:35ch;
    margin:26px 0 0;
    line-height:1.62!important;
    text-align:left
  }

  #al-top.alSite .alPageHero>.alPicture{
    height:300px
  }

  #al-top.alSite .alSection{
    padding:72px 24px!important
  }

  #al-top.alSite .alSection h2,
  #al-top.alSite .alFooter h2,
  #al-top.alSite .alArticleCta h2{
    max-width:16ch!important;
    font-size:clamp(2.05rem,8.9vw,2.55rem)!important;
    line-height:1!important
  }

  #al-top.alSite .alModuleGrid,
  #al-top.alSite .alEditorial>div,
  #al-top.alSite .alGovernanceFacts{
    grid-template-columns:1fr
  }

  #al-top.alSite .alModuleGrid article,
  #al-top.alSite .alEditorial article,
  #al-top.alSite .alGovernanceFacts article{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--al-line)
  }

  #al-top.alSite .alDecisionMatrix{
    grid-template-columns:1fr;
    min-height:0;
    padding:18px
  }

  #al-top.alSite .alDecisionMatrix i{min-height:132px}

  #al-top.alSite .alItemDiagram{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0;
    padding:34px
  }

  #al-top.alSite .alItemDiagram strong{
    width:min(150px,55vw);
    justify-self:center
  }

  #al-top.alSite .alItemDiagram i{
    width:1px;
    height:28px;
    justify-self:center
  }

  #al-top.alSite .alFooterCta .alButton{
    width:min(260px,100%)
  }
}

/* app/page-identities.css */
/* Page identities
 * A shared Vankpa voice with route-specific art direction. This file loads
 * after the core systems so each page can keep its content while escaping the
 * repeated hero / grid / dark-band template.
 */

#main-content .creativeoPage {
  --page-accent: #ee5a35;
  --page-accent-2: #ffd36a;
  --page-paper: #f4efe6;
  --page-ink: #181815;
  --page-rule: color-mix(in srgb, var(--page-ink) 20%, transparent);
}

#main-content .creativeoPage :where(a, button, article, figure) {
  -webkit-tap-highlight-color: transparent;
}

/* 01 — HOME / cinematic campaign */
#main-content .creativeoHomePage {
  --page-accent: #ff4e2f;
  background: #10100e;
}
#main-content .creativeoHomePage .creativeoHero {
  min-height: min(920px, 96svh);
  background:
    radial-gradient(circle at 75% 28%, rgba(255, 89, 45, .25), transparent 26%),
    linear-gradient(118deg, #11110f 0 58%, #211811 58% 100%);
}
#main-content .creativeoHomePage .creativeoHeroMedia {
  transform: rotate(2.4deg);
  border-radius: 46% 46% 12px 12px;
  box-shadow: -24px 28px 0 #ff4e2f;
}
#main-content .creativeoHomePage .creativeoHeroCopy h1 { max-width: 10ch; }
#main-content .creativeoHomePage .creativeoHomeStatement {
  background: #f1e8da;
  color: #161613;
}
#main-content .creativeoHomePage .creativeoServiceCard:nth-child(odd) { transform: translateY(36px); }

/* 02 — ABOUT / cobalt editorial magazine */
#main-content .creativeoAboutPage {
  --creativeo-accent: #102b93;
  --creativeo-ink: #211d18;
  --creativeo-muted: #5f574d;
  --creativeo-line: rgba(33,29,24,.22);
  --page-accent: #ffdc66;
  background: #efe9df;
  color: #211d18;
}
#main-content .creativeoAboutPage .creativeoHero {
  --creativeo-accent: #ffdc66;
  --creativeo-ink: #fff;
  --creativeo-muted: rgba(255,255,255,.78);
  color: #fff;
  background: #123ec9;
  padding-bottom: 0;
}
#main-content .creativeoAboutPage .creativeoGuideField {
  opacity: .24;
  background-image: linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px);
}
#main-content .creativeoAboutPage .creativeoGhostWord { color: rgba(255,255,255,.075); transform: rotate(-90deg) translateY(-18%); transform-origin: center; }
#main-content .creativeoAboutPage .creativeoHeroInner { grid-template-columns: 1.1fr .78fr; align-items: end; }
#main-content .creativeoAboutPage .creativeoHeroCopy { padding-bottom: 9vw; }
#main-content .creativeoAboutPage .creativeoHeroCopy h1 { font-size: clamp(4rem, 7vw, 7.7rem); text-transform: uppercase; }
#main-content .creativeoAboutPage .creativeoHeroCopy h1 em { color: #ffdc66; font-family: ui-monospace, monospace; font-size: .7em; letter-spacing: -.08em; }
#main-content .creativeoAboutPage .creativeoHeroCopy > p:last-child { color: rgba(255,255,255,.76); }
#main-content .creativeoAboutPage .creativeoHeroMedia { aspect-ratio: 3 / 4.5; border-radius: 220px 220px 0 0; box-shadow: 0 0 0 14px rgba(255,255,255,.12); }
#main-content .creativeoAboutPage .creativeoMarquee { background: #ffdc66; color: #102b93; }
#main-content .creativeoAboutPage .creativeoDirection { background: #efe9df; color: #211d18; }
#main-content .creativeoAboutPage .creativeoDirection .creativeoLeadCopy { color: #211d18 !important; }
#main-content .creativeoAboutPage .creativeoDirectionCopy strong { color: #102b93; }
#main-content .creativeoAboutPage .creativeoMetricRail {
  --creativeo-accent: #ffdc66;
  --creativeo-muted: #dce3ff;
  --creativeo-line: rgba(255,255,255,.24);
  background: #123ec9;
  color: #fff;
}
#main-content .creativeoAboutPage .creativeoMetricRail strong { color: #ffdc66; }
#main-content .creativeoAboutPage .creativeoMetricRail span { color: #dce3ff; }
#main-content .creativeoAboutPage .creativeoStrengths { background: #efe9df; color: #211d18; }
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard {
  border: 0;
  border-radius: 0 56px 0 0;
  background: #fff;
  box-shadow: 0 18px 40px rgba(18,62,201,.08);
}
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even) { background: #ffdc66; transform: translateY(36px); }
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard p { color: #5f574d; }
#main-content .creativeoAboutPage .creativeoProcess {
  --creativeo-accent: #ffdc66;
  --creativeo-muted: #dce3ff;
  --creativeo-line: rgba(255,255,255,.24);
  background: #102b93;
  color: #fff;
}
#main-content .creativeoAboutPage .creativeoProcess p { color: #dce3ff; }
#main-content .creativeoAboutPage .creativeoPractice { color: #211d18; }
#main-content .creativeoAboutPage .creativeoPractice .creativeoEyebrow,
#main-content .creativeoAboutPage .creativeoPractice dt { color: #102b93 !important; }
#main-content .creativeoAboutPage .creativeoPractice dd { color: #211d18; }
#main-content .creativeoAboutPage .creativeoBodyCta {
  --creativeo-accent: #ffdc66;
  --creativeo-ink: #fff;
  --creativeo-muted: rgba(255,255,255,.7);
  --creativeo-line: rgba(255,255,255,.18);
  color: #fff;
}

/* 03 — SERVICES / technical field guide */
#main-content .creativeoServicesPage {
  --creativeo-accent: #a9361f;
  --creativeo-ink: #102a22;
  --creativeo-muted: #4f625b;
  --creativeo-line: rgba(16,42,34,.22);
  --creativeo-surface: #dff6e8;
  --creativeo-surface-2: #fff7ea;
  --creativeo-surface-3: #fff;
  --page-accent: #ff5b38;
  background: #dff6e8;
  color: #102a22;
}
#main-content .creativeoServicesPage .creativeoHero {
  color: #102a22;
  background:
    linear-gradient(90deg, rgba(16,42,34,.09) 1px, transparent 1px),
    linear-gradient(rgba(16,42,34,.09) 1px, transparent 1px),
    #dff6e8;
  background-size: 42px 42px;
}
#main-content .creativeoServicesPage .creativeoHero::after { background: #ff5b38; width: 12px; left: calc(50% - 6px); }
#main-content .creativeoServicesPage .creativeoButton--accent { color: #fff; }
#main-content .creativeoServicesPage .creativeoGhostWord { color: rgba(16,42,34,.06); }
#main-content .creativeoServicesPage .creativeoHeroMedia { border-radius: 0; clip-path: polygon(0 10%, 88% 0, 100% 90%, 12% 100%); }
#main-content .creativeoServicesPage .creativeoHeroCopy h1 { font-size: clamp(4rem, 7.3vw, 8rem); font-weight: 760; }
#main-content .creativeoServicesPage .creativeoMarquee { background: #102a22; color: #dff6e8; }
#main-content .creativeoServicesPage .creativeoSplitSection { background: #fff7ea; }
#main-content .creativeoServicesPage .creativeoLeadCopy { color: #102a22 !important; }
#main-content .creativeoServicesPage .creativeoServiceGrid { gap: 2px; background: #102a22; }
#main-content .creativeoServicesPage .creativeoServiceCard {
  min-height: 520px;
  border: 0;
  border-radius: 0;
  background: #dff6e8;
  color: #102a22;
}
#main-content .creativeoServicesPage .creativeoServiceCard:nth-child(even) { background: #ffd2c6; }
#main-content .creativeoServicesPage .creativeoServiceCard h3 { font-family: ui-monospace, monospace; text-transform: uppercase; }
#main-content .creativeoServicesPage .creativeoProcessSection { background: #102a22; color: #fff; }
#main-content .creativeoServicesPage .creativeoProcessSection,
#main-content .creativeoServicesPage .creativeoFeaturePanel,
#main-content .creativeoServicesPage .creativeoBodyCta {
  --creativeo-accent: #ff8d72;
  --creativeo-ink: #fff;
  --creativeo-muted: #c7d9d2;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
}
#main-content .creativeoServicesPage .creativeoFeaturePanel { background-color: #102a22; }
#main-content .creativeoServicesPage .creativeoProcessStep { border-color: rgba(255,255,255,.18); }

/* 04 — SOLUTIONS / executive decision matrix */
#main-content .creativeoSolutionsPage {
  --creativeo-ink: #281b17;
  --creativeo-muted: #66544e;
  --creativeo-line: rgba(40,27,23,.22);
  --creativeo-accent: #9d3a27;
  --page-accent: #ff7254;
  background: #f7f1e8;
  color: #281b17;
}
#main-content .creativeoSolutionsPage .page-hero-v3 {
  min-height: 760px;
  color: #fff;
  background:
    linear-gradient(135deg, transparent 0 62%, rgba(255,255,255,.12) 62% 63%, transparent 63%),
    #ff7254;
}
#main-content .creativeoSolutionsPage .page-hero-v3::before {
  content: "DECISION / RESPONSE";
  position: absolute;
  right: 4vw;
  top: 120px;
  writing-mode: vertical-rl;
  font: 600 .62rem/1 ui-monospace, monospace;
  letter-spacing: .22em;
}
#main-content .creativeoSolutionsPage .page-hero-v3 h1 { max-width: 12ch; font-size: clamp(4.2rem, 8vw, 9rem); }
#main-content .creativeoSolutionsPage .page-hero-v3 em { color: #281b17; }
#main-content .creativeoSolutionsPage .bos-solution-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 0;
  background: #f7f1e8;
}
#main-content .creativeoSolutionsPage .bos-solution-grid > article {
  grid-column: span 6;
  min-height: 470px;
  padding: clamp(28px, 5vw, 72px);
  border: 1px solid #281b17;
  background: transparent;
}
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n + 2) { background: #281b17; color: #fff; }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n + 2) :where(p, dd) { color: #d8cbc5; }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n) { grid-column: 3 / span 8; background: #ffe0d8; }
#main-content .creativeoSolutionsPage .bos-solution-grid h2 { font-size: clamp(2.6rem, 5vw, 5.5rem); }
#main-content .creativeoSolutionsPage .bos-fit { background: #b8c8ff !important; color: #281b17; }
#main-content .creativeoSolutionsPage .bos-fit :where(h2, p) { color: #281b17; }
#main-content .creativeoSolutionsPage .bos-solution-grid dt { color: #8f3424; }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n + 2) dt { color: #ff9e88; }
#main-content .creativeoSolutionsPage .creativeoBodyCta {
  --creativeo-accent: #ff9e88;
  --creativeo-ink: #fff;
  --creativeo-muted: #d8cbc5;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
}

/* 05 — PROJECTS / dark exhibition catalogue */
#main-content .creativeoPortfolioPage {
  --creativeo-accent: #b7ff52;
  --page-accent: #b7ff52;
  background: #151515;
  color: #f7f3eb;
}
#main-content .creativeoPortfolioPage .creativeoHero {
  min-height: 880px;
  background: #151515;
}
#main-content .creativeoPortfolioPage .creativeoHeroInner { grid-template-columns: .72fr 1.28fr; }
#main-content .creativeoPortfolioPage .creativeoHeroCopy h1 { font-size: clamp(4.4rem, 8vw, 9rem); text-transform: uppercase; }
#main-content .creativeoPortfolioPage .creativeoHeroCopy h1 em { color: #b7ff52; }
#main-content .creativeoPortfolioPage .creativeoHeroMedia { border-radius: 0; box-shadow: 22px 22px 0 #b7ff52; }
#main-content .creativeoPortfolioPage .creativeoSplitSection { background: #b7ff52; color: #151515; }
#main-content .creativeoPortfolioPage .creativeoSplitSection {
  --creativeo-accent: #264b00;
  --creativeo-ink: #151515;
  --creativeo-muted: #314225;
  --creativeo-line: rgba(21,21,21,.25);
}
#main-content .creativeoPortfolioPage .creativeoSplitSection .creativeoLeadCopy { color: #151515 !important; }
#main-content .creativeoPortfolioPage .creativeoSplitSection .creativeoEyebrow,
#main-content .creativeoPortfolioPage .creativeoSplitSection em { color: #264b00 !important; }
#main-content .creativeoPortfolioPage .creativeoPortfolioSection { background: #151515; }
#main-content .creativeoPortfolioPage .creativeoPortfolioGrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(42px, 5vw, 68px) 28px;
}
#main-content .creativeoPortfolioPage .creativeoProjectCard {
  display: block;
  padding: 0 0 clamp(36px, 4vw, 56px);
  border-bottom: 1px solid rgba(255,255,255,.22);
}
#main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) { grid-template-columns: none; }
#main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) .creativeoProjectMedia,
#main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) > :not(.creativeoProjectMedia) { grid-column: auto; grid-row: auto; }
#main-content .creativeoPortfolioPage .creativeoProjectMedia { min-height: 0; margin-bottom: 26px; border-radius: 0; }
#main-content .creativeoPortfolioPage .creativeoProjectCard h2,
#main-content .creativeoPortfolioPage .creativeoProjectCard h3 { font-size: clamp(1.8rem, 2.5vw, 2.6rem); }

/* 06 — INSIGHTS / contemporary newspaper */
#main-content .creativeoInsightsPage {
  --creativeo-accent: #a22b24;
  --creativeo-ink: #211d18;
  --creativeo-muted: #635b51;
  --creativeo-line: rgba(33,29,24,.23);
  --creativeo-surface: #f0eadc;
  --creativeo-surface-2: #e5dccb;
  --creativeo-surface-3: #fffaf0;
  --page-accent: #a22b24;
  background: #f0eadc;
  color: #211d18;
}
#main-content .creativeoInsightsPage .creativeoHero {
  min-height: 760px;
  border-bottom: 4px double #211d18;
  background: #f0eadc;
}
#main-content .creativeoInsightsPage .creativeoHero::before {
  content: "VANKPA REVIEW — IDEAS FOR CONSEQUENTIAL DIGITAL DECISIONS";
  position: absolute;
  top: 110px;
  left: 4vw;
  right: 4vw;
  padding-bottom: 12px;
  border-bottom: 1px solid #211d18;
  font: 700 .66rem/1 ui-monospace, monospace;
  letter-spacing: .13em;
}
#main-content .creativeoInsightsPage .creativeoHeroInner { grid-template-columns: 1.15fr .85fr; padding-top: 60px; }
#main-content .creativeoInsightsPage .creativeoHeroCopy h1 { font-family: Georgia, serif; font-size: clamp(4rem, 7vw, 7.8rem); font-weight: 500; }
#main-content .creativeoInsightsPage .creativeoGhostWord { display: none; }
#main-content .creativeoInsightsPage .creativeoHeroMedia { border-radius: 0; filter: none; }
#main-content .creativeoInsightsPage .creativeoEditorialSection { background: #f0eadc; }
#main-content .creativeoInsightsPage .creativeoEditorialGrid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; border-top: 4px double #211d18; }
#main-content .creativeoInsightsPage .creativeoArticleCard { grid-column: span 4; padding: 26px; border-right: 1px solid #211d18; border-bottom: 1px solid #211d18; }
#main-content .creativeoInsightsPage .creativeoArticleCard:first-child { grid-column: span 8; grid-row: span 2; }
#main-content .creativeoInsightsPage .creativeoArticleMedia { border-radius: 0; filter: none; }
#main-content .creativeoInsightsPage .creativeoArticleCopy h2 { font-family: Georgia, serif; }
#main-content .creativeoInsightsPage .creativeoEditorialSection .creativeoArticleCopy a { color: #211d18; }
#main-content .creativeoInsightsPage .creativeoHero .creativeoTextLink { color: #211d18; }
#main-content .creativeoInsightsPage .creativeoHero .creativeoButton--accent { color: #fff; }
#main-content .creativeoInsightsPage .creativeoBodyCta {
  --creativeo-accent: #ef8b7f;
  --creativeo-ink: #fff;
  --creativeo-muted: #d8cbc2;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
}

/* 07 — PRICING / transparent ledger */
#main-content .creativeoPricingPage {
  --creativeo-accent: #143f35;
  --creativeo-ink: #143f35;
  --creativeo-muted: #4f655f;
  --creativeo-line: rgba(20,63,53,.22);
  --creativeo-surface: #e6f4ec;
  --creativeo-surface-2: #fffaf0;
  --creativeo-surface-3: #fff;
  --page-accent: #143f35;
  background: #e6f4ec;
  color: #143f35;
}
#main-content .creativeoPricingPage .creativeoHero {
  min-height: 700px;
  color: #143f35;
  background:
    repeating-linear-gradient(0deg, transparent 0 47px, rgba(20,63,53,.12) 47px 48px),
    #e6f4ec;
}
#main-content .creativeoPricingPage .creativeoHeroCopy h1 { font-size: clamp(4rem, 7vw, 7.6rem); font-variant-numeric: tabular-nums; }
#main-content .creativeoPricingPage .creativeoHeroCopy h1 em { color: #d94e35; }
#main-content .creativeoPricingPage .creativeoPricingPlans { background: #143f35; color: #eff8f2; }
#main-content .creativeoPricingPage .creativeoPricingPlans,
#main-content .creativeoPricingPage .creativeoProcessSection {
  --creativeo-accent: #d7ff75;
  --creativeo-ink: #eff8f2;
  --creativeo-muted: #bfd3ca;
  --creativeo-line: rgba(255,255,255,.25);
  --creativeo-surface-3: #143f35;
  color: #eff8f2;
  background-color: #143f35;
}
#main-content .creativeoPricingPage .creativeoPricingGrid { align-items: start; gap: 18px; }
#main-content .creativeoPricingPage .creativeoPriceCard {
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 2px;
  background: transparent;
  box-shadow: none;
}
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured { transform: translateY(-28px); background: #d7ff75; color: #143f35; }
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured {
  --creativeo-accent: #143f35;
  --creativeo-ink: #143f35;
  --creativeo-muted: #3f5d54;
  --creativeo-line: rgba(20,63,53,.27);
}
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured :where(p, li, dd),
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured .creativeoPrice { color: #143f35; }
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured .creativeoTextLink { color: #143f35; }
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured .creativeoButton--accent { color: #fff; }
#main-content .creativeoPricingPage .creativeoPrice { font-family: ui-monospace, monospace; font-size: clamp(2.6rem, 4.4vw, 5rem); }
#main-content .creativeoPricingPage .creativeoComparisonSection { background: #fffaf0; }
#main-content .creativeoPricingPage .creativeoFaqSection { background: #e6f4ec; }
#main-content .creativeoPricingPage :where(.creativeoComparisonSection, .creativeoFaqSection, .creativeoSplitSection) {
  --creativeo-accent: #143f35;
  --creativeo-ink: #143f35;
  --creativeo-muted: #4f655f;
  --creativeo-line: rgba(20,63,53,.22);
  color: #143f35;
}
#main-content .creativeoPricingPage .creativeoSplitSection .creativeoLeadCopy { color: #143f35 !important; }
#main-content .creativeoPricingPage .creativeoComparisonWrap th { color: #143f35; }
#main-content .creativeoPricingPage .creativeoFaqList summary { color: #143f35; }

/* 08 — PROCESS / navigational instrument */
#main-content .creativeoProcessPage {
  --creativeo-accent: #a6ff4d;
  --creativeo-ink: #fff;
  --creativeo-muted: rgba(255,255,255,.72);
  --creativeo-line: rgba(255,255,255,.2);
  background: #17112b;
}
#main-content .creativeoProcessPage section[aria-labelledby="principle-title"],
#main-content .creativeoProcessPage section[aria-labelledby="rhythm-title"],
#main-content .creativeoProcessPage section[aria-labelledby="collaboration-title"] { color: #211d18; }
#main-content .creativeoProcessPage section[aria-labelledby="principle-title"] p,
#main-content .creativeoProcessPage section[aria-labelledby="rhythm-title"] p,
#main-content .creativeoProcessPage section[aria-labelledby="collaboration-title"] p { color: #625b54; }
#main-content .creativeoProcessPage section[aria-labelledby="rhythm-title"] li:nth-child(2) p,
#main-content .creativeoProcessPage section[aria-labelledby="collaboration-title"] article:nth-child(2) p { color: rgba(255,255,255,.82); }
#main-content .creativeoProcessPage > section:first-child { border-bottom: 1px solid rgba(166,255,77,.35); }
#main-content .creativeoProcessPage .creativeoBodyCta {
  --creativeo-accent: #5d21c6;
  --creativeo-ink: #17112b;
  --creativeo-muted: #3c3150;
  --creativeo-line: rgba(23,17,43,.23);
  background: #a6ff4d;
  color: #17112b;
}
#main-content .creativeoProcessPage .creativeoBodyCta :where(h2, p, .creativeoTextLink) { color: #17112b; }
#main-content .creativeoProcessPage .creativeoBodyCta .creativeoEyebrow,
#main-content .creativeoProcessPage .creativeoBodyCta em { color: #5d21c6; }
#main-content .creativeoProcessPage .creativeoBodyCta .creativeoButton { background: #17112b; color: #fff; }
#main-content .creativeoProcessPage section[aria-labelledby="quality-title"] article:nth-child(3) small,
#main-content .creativeoProcessPage section[aria-labelledby="quality-title"] article:nth-child(6) small { color: #ffe39a; }

/* 09 — CONTACT / warm correspondence desk */
#main-content .creativeoContactPage {
  --creativeo-accent: #b22b2a;
  --creativeo-ink: #2e1c18;
  --creativeo-muted: #66544d;
  --creativeo-line: rgba(46,28,24,.24);
  --creativeo-surface: #f3e4cf;
  --creativeo-surface-2: #f8eddd;
  --creativeo-surface-3: #fff8ed;
  --page-accent: #b22b2a;
  background: #f3e4cf;
  color: #2e1c18;
}
#main-content .creativeoContactPage .creativeoHero {
  color: #2e1c18;
  background: #f3e4cf;
}
#main-content .creativeoContactPage .creativeoHero::before {
  content: "CHARLOTTE, NC  /  HELLO@VANKPA.COM";
  position: absolute;
  top: 120px;
  right: 4vw;
  padding: 11px 14px;
  border: 2px solid #b22b2a;
  border-radius: 50%;
  color: #b22b2a;
  font: 700 .58rem/1.2 ui-monospace, monospace;
  letter-spacing: .12em;
  transform: rotate(8deg);
}
#main-content .creativeoContactPage .creativeoHeroInner { grid-template-columns: .9fr 1.1fr; }
#main-content .creativeoContactPage .creativeoHeroCopy h1 { font-family: Georgia, serif; font-weight: 500; }
#main-content .creativeoContactPage .creativeoHeroMedia { border-radius: 150px 150px 12px 12px; }
#main-content .creativeoContactPage .creativeoContactCards { background: #b22b2a; color: #fff; }
#main-content .creativeoContactPage .creativeoContactCards {
  --creativeo-accent: #ffd0c9;
  --creativeo-muted: #f2d5d0;
  --creativeo-line: rgba(255,255,255,.3);
}
#main-content .creativeoContactPage .creativeoContactCard { background: transparent; }
#main-content .creativeoContactPage .creativeoContactCard { border-color: rgba(255,255,255,.3); }
#main-content .creativeoContactPage .creativeoContactSection { background: #2e1c18; color: #fff; }
#main-content .creativeoContactPage .creativeoContactSection {
  --creativeo-accent: #ff9b8d;
  --creativeo-ink: #fff;
  --creativeo-muted: #d8c8c2;
  --creativeo-line: rgba(255,255,255,.22);
  --creativeo-surface-3: #3c2822;
}
#main-content .creativeoContactPage .creativeoContactMedia { clip-path: polygon(0 0, 94% 4%, 100% 96%, 5% 100%); }
#main-content .creativeoContactPage .creativeoProcessSection { background: #f3e4cf; }
#main-content .creativeoContactPage .creativeoProcessSection { color: #2e1c18; }

/* 10 — RÉSUMÉ / executive dossier */
#main-content .creativeoResumePage {
  --creativeo-accent: #ef6f61;
  --creativeo-ink: #152b44;
  --creativeo-muted: #526274;
  --creativeo-line: rgba(21,43,68,.22);
  background: #f5f0e8;
  color: #152b44;
}
#main-content .creativeoResumePage .page-hero-v3 {
  --creativeo-muted: #c9d3df;
  min-height: 720px;
  color: #f7f4ed;
  background:
    linear-gradient(90deg, transparent 0 49.8%, rgba(255,255,255,.14) 49.8% 50%, transparent 50%),
    #152b44;
}
#main-content .creativeoResumePage .page-hero-v3::after {
  content: "VK / PROFESSIONAL DOSSIER / 2026";
  position: absolute;
  right: 4vw;
  bottom: 34px;
  font: 600 .62rem/1 ui-monospace, monospace;
  letter-spacing: .17em;
}
#main-content .creativeoResumePage .page-hero-v3 h1 { font-family: Georgia, serif; font-weight: 500; }
#main-content .creativeoResumePage .page-hero-v3 em { color: #ef6f61; }
#main-content .creativeoResumePage .profile-visual-v9 { background: #ef6f61 !important; color: #152b44; }
#main-content .creativeoResumePage .profile-visual-v9 :where(h2, p) { color: #152b44; }
#main-content .creativeoResumePage .profile-visual-media-v9 { border-radius: 0; transform: rotate(1.5deg); box-shadow: 18px 18px 0 #152b44; }
#main-content .creativeoResumePage .profile-summary-v3 { background: #f5f0e8; }
#main-content .creativeoResumePage .strengths-v2 { background: #fff; }
#main-content .creativeoResumePage .strengths-v2 article { min-height: 310px; border-color: #152b44; }
#main-content .creativeoResumePage .career-map-v3 { background: #152b44; }
#main-content .creativeoResumePage .career-map-v3 { --creativeo-muted: #c9d3df; color: #fff; }
#main-content .creativeoResumePage .career-map-v3 :where(h2, h3, p) { color: inherit; }
#main-content .creativeoResumePage .profile-details-v3 { background: #f5f0e8; }

/* 11 — START A PROJECT / structured application */
#main-content .start-project-page { background: #0d1f1a; }
#main-content .start-project-intro {
  min-height: 760px;
  color: #edf7ef;
  background:
    radial-gradient(circle at 80% 20%, rgba(137,255,160,.16), transparent 28%),
    linear-gradient(90deg, rgba(137,255,160,.06) 1px, transparent 1px),
    #0d1f1a;
  background-size: auto, 56px 56px, auto;
}
#main-content .start-project-intro h1 { font-size: clamp(4rem, 7.3vw, 8rem); }
#main-content .start-project-intro h1 em { color: #89ffa0; }
#main-content .start-project-intro aside { border: 1px solid #89ffa0; border-radius: 0; background: rgba(137,255,160,.06); }
#main-content .start-project-trust span { border-color: rgba(137,255,160,.35); }
#main-content .start-project-form { background: #edf7ef; }
#main-content .start-project-form .intake-form { border-radius: 0; box-shadow: 18px 18px 0 #0d1f1a; }
#main-content .start-project-form :where(input, select, textarea) { border-radius: 0; }

/* 12 — STUDIO PARTNER / architectural practice */
#main-content .creativeoStudioPartnerPage {
  --creativeo-accent: #935d00;
  --creativeo-ink: #332c27;
  --creativeo-muted: #685f57;
  --creativeo-line: rgba(51,44,39,.22);
  background: #ede6da;
  color: #332c27;
}
#main-content .creativeoStudioPartnerPage .creativeoHero { color: #332c27; background: #ede6da; }
#main-content .creativeoStudioPartnerPage .creativeoHero::after { width: 34%; height: 100%; right: 0; left: auto; background: #ffb000; opacity: .72; }
#main-content .creativeoStudioPartnerPage .creativeoHeroMedia { border-radius: 0; clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%); }
#main-content .creativeoStudioPartnerPage .creativeoHeroCopy h1 { font-size: clamp(4rem, 7vw, 7.4rem); }
#main-content .creativeoStudioPartnerPage .studio-story-v9 { background: #223a7a; color: #fff; }
#main-content .creativeoStudioPartnerPage .studio-story-v9 { --creativeo-muted: #d2daf2; }
#main-content .creativeoStudioPartnerPage .studio-story-v9 em,
#main-content .creativeoStudioPartnerPage .studio-story-v9 .eyebrow-v2 { color: #ffc64c; }
#main-content .creativeoStudioPartnerPage .studio-story-v9 :where(h2, p) { color: inherit; }
#main-content .creativeoStudioPartnerPage .studio-story-media-v9 { border-radius: 0; box-shadow: -18px 18px 0 #ffb000; }
#main-content .creativeoStudioPartnerPage .engagement-v2 { background: #ede6da; }
#main-content .creativeoStudioPartnerPage .engagement-v2 article { min-height: 360px; border-color: #332c27; }
#main-content .creativeoStudioPartnerPage .engagement-v2 article:nth-child(odd) { background: #fff; }
#main-content .creativeoStudioPartnerPage .creativeoBodyCta {
  --creativeo-accent: #ffc64c;
  --creativeo-ink: #fff;
  --creativeo-muted: #d6dcef;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
}

/* 13 — CONSULTING ANALYTICS / evidence lab */
#main-content .creativeoConsultingPage {
  --creativeo-accent: #bafa6b;
  --creativeo-ink: #fff;
  --creativeo-muted: #c5d4cb;
  --creativeo-line: rgba(255,255,255,.2);
  background: #15231d;
}
#main-content .creativeoConsultingPage .services-hero-v13 { background: #15231d; }
#main-content .creativeoConsultingPage .services-hero-visual-v13 { border-radius: 50% 50% 12px 12px; }
#main-content .creativeoConsultingPage .services-method-v13 {
  --creativeo-accent: #bafa6b;
  --creativeo-ink: #fff;
  --creativeo-muted: #c5d4cb;
  --creativeo-line: rgba(255,255,255,.2);
  background: #15231d !important;
  color: #fff;
}
#main-content .creativeoConsultingPage :where(.services-start-v13, .services-method-v13, .services-capabilities-v13, .services-standard-v13) {
  --creativeo-accent: #315d26;
  --creativeo-ink: #15231d;
  --creativeo-muted: #52635a;
  color: #15231d;
}
#main-content .creativeoConsultingPage :where(.services-start-v13, .services-method-v13, .services-capabilities-v13, .services-standard-v13) :where(p, h2, h3) { color: inherit; }
#main-content .creativeoConsultingPage .services-method-v13 {
  --creativeo-accent: #bafa6b;
  --creativeo-ink: #fff;
  --creativeo-muted: #c5d4cb;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
}
#main-content .creativeoConsultingPage .services-method-heading-v13 :where(h2, p) { color: #fff; }
#main-content .creativeoConsultingPage .services-method-heading-v13 .eyebrow-v2 { color: #bafa6b; }
#main-content .creativeoConsultingPage .services-method-v13 .services-method-body-v13 { color: #291a14; }
#main-content .creativeoConsultingPage .services-method-v13 .services-method-body-v13 p { color: #4f4941; }
#main-content .creativeoConsultingPage .services-method-step-v13 { color: #fff; }
#main-content .creativeoConsultingPage .services-method-step-v13 :where(h3, p) { color: inherit; }
#main-content .creativeoConsultingPage .services-method-step-v13 :where(small, .services-method-body-v13 small) { color: #ffc78e; }
#main-content .creativeoConsultingPage .services-method-step-v13:nth-child(3n) { color: #291a14; }
#main-content .creativeoConsultingPage .services-method-step-v13:nth-child(3n) :where(small, .services-method-body-v13 small) { color: #5e2618; }
#main-content .creativeoConsultingPage .services-method-step-v13 { border-color: #15231d; }
#main-content .creativeoConsultingPage .services-capabilities-v13 { background: #f2c6ad; color: #291a14; }
#main-content .creativeoConsultingPage .services-flip-front-v14 :where(h3, p),
#main-content .creativeoConsultingPage .services-flip-back-v14 :where(h3, p) { color: #fff; }
#main-content .creativeoConsultingPage .services-flip-front-v14 p { color: rgba(255,255,255,.82); }
#main-content .creativeoConsultingPage .services-flip-back-v14 p { color: rgba(255,255,255,.76); }
#main-content .creativeoConsultingPage .services-standard-v13 { background: #e9f4e7; }
#main-content .creativeoConsultingPage .consulting-credential-v32 {
  --creativeo-accent: #bafa6b;
  --creativeo-ink: #fff;
  --creativeo-muted: #c5d4cb;
  color: #fff;
}
#main-content .creativeoConsultingPage .consulting-credential-v32 :where(h2, p) { color: inherit; }
#main-content .creativeoConsultingPage .consulting-credential-v32 .text-action { color: #fff; }

/* 14 — SERVICE DETAILS / specification sheet */
#main-content .creativeoServiceDetailPage {
  --creativeo-bg: #f7f4ee;
  --creativeo-accent: #aa321f;
  --creativeo-ink: #181818;
  --creativeo-muted: #5e5b56;
  --creativeo-line: rgba(24,24,24,.22);
  --creativeo-surface: #f7f4ee;
  --creativeo-surface-2: #eee9df;
  --creativeo-surface-3: #fff;
  background: #f7f4ee;
  color: #181818;
}
#main-content .creativeoServiceDetailPage .creativeoDetailHero {
  background:
    linear-gradient(90deg, rgba(0,0,0,.08) 1px, transparent 1px),
    #f7f4ee;
  background-size: 25% 100%;
}
#main-content .creativeoServiceDetailPage .creativeoDetailHeroCopy { max-width: 1180px; text-align: left; }
#main-content .creativeoServiceDetailPage .creativeoDetailHeroCopy .creativeoEyebrow,
#main-content .creativeoServiceDetailPage .creativeoDetailHeroCopy .creativeoActions { justify-content: flex-start; }
#main-content .creativeoServiceDetailPage .creativeoDetailHeroCopy h1 { max-width: 10ch; text-transform: uppercase; font-size: clamp(4rem, 8vw, 9rem); }
#main-content .creativeoServiceDetailPage .creativeoDetailHeroMedia { border-radius: 0; aspect-ratio: 16/7; min-height: 0; filter: grayscale(.8); }
#main-content .creativeoServiceDetailPage .creativeoDetailNav { background: #ff4e32; color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoDetailNav a { color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoDetailNav a:hover,
#main-content .creativeoServiceDetailPage .creativeoDetailNav a:focus-visible { color: #181818; text-decoration: underline; }
#main-content .creativeoServiceDetailPage .creativeoLeadCopy { color: #181818 !important; }
#main-content .creativeoServiceDetailPage .creativeoDetailHero .creativeoButton--accent,
#main-content .creativeoServiceDetailPage :where(.creativeoSplitSection, .creativeoCardSection) .creativeoButton--accent { color: #fff; }
#main-content .creativeoServiceDetailPage :where(.creativeoSplitSection, .creativeoCardSection, .creativeoFaqSection) .creativeoTextLink { color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoFactList dd { color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoDetailCards { gap: 0; }
#main-content .creativeoServiceDetailPage .creativeoDetailCards article { border-radius: 0; border-color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoMetricRail {
  --creativeo-accent: #ff806c;
  --creativeo-ink: #fff;
  --creativeo-muted: #d1cfca;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
  background: #181818;
}
#main-content .creativeoServiceDetailPage .creativeoFaqList summary { color: #181818; }
#main-content .creativeoServiceDetailPage .creativeoProcessSection,
#main-content .creativeoServiceDetailPage .creativeoBodyCta {
  --creativeo-accent: #ff806c;
  --creativeo-ink: #fff;
  --creativeo-muted: #d1cfca;
  --creativeo-line: rgba(255,255,255,.2);
  color: #fff;
  background-color: #181818;
}
#main-content .creativeoServiceDetailPage .creativeoProcessSection { --creativeo-surface: #242424; --creativeo-surface-3: #242424; background: #181818 !important; }

/* 15 — CASE STUDIES / image-led gallery */
#main-content .creativeoCasePage {
  --creativeo-accent: #ddff47;
  background: #111;
  color: #f5f2e9;
}
#main-content .creativeoCasePage .creativeoDetailHero { padding-bottom: 0; background: #111; }
#main-content .creativeoCasePage .creativeoDetailHeroCopy { text-align: left; margin-left: 5vw; max-width: min(1100px, 88vw); }
#main-content .creativeoCasePage .creativeoDetailHeroCopy .creativeoEyebrow,
#main-content .creativeoCasePage .creativeoDetailHeroCopy .creativeoActions { justify-content: flex-start; }
#main-content .creativeoCasePage .creativeoDetailHeroCopy h1 { color: #ddff47; font-size: clamp(5rem, 12vw, 13rem); line-height: .78; text-transform: uppercase; }
#main-content .creativeoCasePage .creativeoDetailHeroMedia { width: 100%; min-height: min(760px, 70vw); border-radius: 0; }
#main-content .creativeoCasePage .creativeoDetailNav { background: #ddff47; color: #111; }
#main-content .creativeoCasePage .creativeoDetailNav { --creativeo-muted: #253000; --creativeo-line: rgba(17,17,17,.24); }
#main-content .creativeoCasePage .creativeoDetailNav a { color: #253000; }
#main-content .creativeoCasePage .creativeoDetailNav a:hover,
#main-content .creativeoCasePage .creativeoDetailNav a:focus-visible { color: #111; text-decoration: underline; }
#main-content .creativeoCasePage .creativeoSplitSection { background: #f3efe5; color: #111; }
#main-content .creativeoCasePage .creativeoSplitSection,
#main-content .creativeoCasePage .creativeoPortfolioSection {
  --creativeo-accent: #3b5200;
  --creativeo-ink: #111;
  --creativeo-muted: #5e5a52;
  --creativeo-line: rgba(17,17,17,.22);
}
#main-content .creativeoCasePage .creativeoSplitSection .creativeoLeadCopy { color: #111 !important; }
#main-content .creativeoCasePage .creativeoSplitSection .creativeoFactList dd { color: #111; }
#main-content .creativeoCasePage .creativeoSplitSection .creativeoTextLink { color: #111; }
#main-content .creativeoCasePage .creativeoSplitSection .creativeoButton--accent { color: #fff; }
#main-content .creativeoCasePage .creativeoPortfolioVision { background: #b7a4ff; color: #171226; }
#main-content .creativeoCasePage .creativeoPortfolioVision {
  --creativeo-accent: #392c7d;
  --creativeo-ink: #171226;
  --creativeo-muted: #423a5b;
  --creativeo-line: rgba(23,18,38,.22);
}
#main-content .creativeoCasePage .creativeoPortfolioVision .creativeoFactList dd { color: #171226; }
#main-content .creativeoCasePage .creativeoSplitMedia { border-radius: 0; transform: rotate(-1.5deg); box-shadow: 20px 20px 0 #111; }
#main-content .creativeoCasePage .creativeoProcessSection { background: #111; color: #fff; }
#main-content .creativeoCasePage .creativeoProcessSection {
  --creativeo-accent: #ddff47;
  --creativeo-ink: #fff;
  --creativeo-muted: #c9c6be;
  --creativeo-line: rgba(255,255,255,.22);
}
#main-content .creativeoCasePage .creativeoStoryPanel { border-radius: 0; border-color: rgba(255,255,255,.22); background: #1c1c1c; }
#main-content .creativeoCasePage .creativeoCardSection { background: #ddff47; color: #111; }
#main-content .creativeoCasePage .creativeoCardSection {
  --creativeo-accent: #304300;
  --creativeo-ink: #111;
  --creativeo-muted: #35421c;
  --creativeo-line: rgba(17,17,17,.24);
}
#main-content .creativeoCasePage .creativeoPortfolioSection { background: #f3efe5; color: #111; }
#main-content .creativeoCasePage .creativeoBodyCta { --creativeo-muted: #c9c6be; color: #fff; }

/* 16 — ARTICLE DETAILS / long-form reading room */
#main-content .creativeoArticlePage {
  --creativeo-bg: #f2ecdf;
  --creativeo-accent: #9a2d23;
  --creativeo-ink: #211d18;
  --creativeo-muted: #625a50;
  --creativeo-line: rgba(33,29,24,.22);
  --creativeo-surface: #f2ecdf;
  --creativeo-surface-2: #e6ddce;
  --creativeo-surface-3: #fffaf0;
  background: #f2ecdf;
  color: #211d18;
}
#main-content .creativeoArticlePage .creativeoDetailHero { background: #f2ecdf; padding-bottom: 50px; }
#main-content .creativeoArticlePage .creativeoDetailHeroCopy { max-width: 1080px; }
#main-content .creativeoArticlePage .creativeoDetailHeroCopy h1 { font-family: Georgia, serif; font-weight: 500; font-size: clamp(4rem, 7.4vw, 8rem); }
#main-content .creativeoArticlePage .creativeoDetailHeroMedia { border-radius: 0; aspect-ratio: 16 / 8; min-height: 0; filter: none; }
#main-content .creativeoArticlePage .creativeoArticleReading { background: #f2ecdf; }
#main-content .creativeoArticlePage .creativeoArticleBody { grid-template-columns: 220px minmax(0, 720px) 1fr; }
#main-content .creativeoArticlePage .creativeoArticleContent { grid-column: 2; }
#main-content .creativeoArticlePage .creativeoArticleContent .lead,
#main-content .creativeoArticlePage .creativeoArticleContent blockquote { color: #211d18; }
#main-content .creativeoArticlePage .creativeoArticleContent > p:first-child::first-letter {
  float: left;
  margin: .04em .12em 0 0;
  color: #9a2d23;
  font: 500 5.6rem/.75 Georgia, serif;
}
#main-content .creativeoArticlePage .creativeoArticleContent h2 { font-family: Georgia, serif; font-weight: 500; }
#main-content .creativeoArticlePage .creativeoArticleContent blockquote { border-left: 8px solid #9a2d23; font-family: Georgia, serif; }
#main-content .creativeoArticlePage > .creativeoEditorialSection { background: #211d18; color: #f2ecdf; }
#main-content .creativeoArticlePage > .creativeoEditorialSection,
#main-content .creativeoArticlePage > .creativeoBodyCta {
  --creativeo-accent: #ef8b7f;
  --creativeo-ink: #f2ecdf;
  --creativeo-muted: #d4c9bb;
  --creativeo-line: rgba(255,255,255,.2);
  color: #f2ecdf;
}
#main-content .creativeoArticlePage > .creativeoEditorialSection .creativeoArticleCopy a { color: #f2ecdf; }

@media (max-width: 1050px) {
  #main-content .creativeoAboutPage .creativeoHeroInner,
  #main-content .creativeoPortfolioPage .creativeoHeroInner,
  #main-content .creativeoInsightsPage .creativeoHeroInner,
  #main-content .creativeoContactPage .creativeoHeroInner { grid-template-columns: 1fr 1fr; }
  #main-content .creativeoPortfolioPage .creativeoPortfolioGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #main-content .creativeoSolutionsPage .bos-solution-grid > article,
  #main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n) { grid-column: span 6; }
  #main-content .creativeoArticlePage .creativeoArticleBody { grid-template-columns: 180px minmax(0, 1fr); }
}

@media (max-width: 767px) {
  #main-content .creativeoHomePage .creativeoHeroMedia,
  #main-content .creativeoAboutPage .creativeoHeroMedia,
  #main-content .creativeoPortfolioPage .creativeoHeroMedia,
  #main-content .creativeoStudioPartnerPage .studio-story-media-v9,
  #main-content .creativeoResumePage .profile-visual-media-v9 { transform: none; box-shadow: none; }
  #main-content .creativeoHomePage .creativeoServiceCard:nth-child(odd),
  #main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even),
  #main-content .creativeoPricingPage .creativeoPriceCard.isFeatured { transform: none; }
  #main-content .creativeoAboutPage .creativeoHeroInner,
  #main-content .creativeoServicesPage .creativeoHeroInner,
  #main-content .creativeoPortfolioPage .creativeoHeroInner,
  #main-content .creativeoInsightsPage .creativeoHeroInner,
  #main-content .creativeoContactPage .creativeoHeroInner { grid-template-columns: 1fr; }
  #main-content .creativeoAboutPage .creativeoHeroCopy { padding-bottom: 0; }
  #main-content .creativeoAboutPage .creativeoHeroMedia { border-radius: 120px 120px 0 0; }
  #main-content .creativeoInsightsPage .creativeoHero::before,
  #main-content .creativeoContactPage .creativeoHero::before,
  #main-content .creativeoSolutionsPage .page-hero-v3::before { display: none; }
  #main-content .creativeoSolutionsPage .page-hero-v3,
  #main-content .creativeoResumePage .page-hero-v3 { min-height: auto; }
  #main-content .creativeoSolutionsPage .bos-solution-grid { grid-template-columns: 1fr; }
  #main-content .creativeoSolutionsPage .bos-solution-grid > article,
  #main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n) { grid-column: 1; min-height: 390px; }
  #main-content .creativeoPortfolioPage .creativeoProjectCard,
  #main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) { display: block; }
  #main-content .creativeoPortfolioPage .creativeoPortfolioGrid { grid-template-columns: 1fr; }
  #main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) .creativeoProjectMedia,
  #main-content .creativeoPortfolioPage .creativeoProjectCard:nth-child(even) > :not(.creativeoProjectMedia) { grid-column: auto; }
  #main-content .creativeoPortfolioPage .creativeoProjectMedia { min-height: 420px; margin-bottom: 28px; }
  #main-content .creativeoInsightsPage .creativeoEditorialGrid { grid-template-columns: 1fr; }
  #main-content .creativeoInsightsPage .creativeoArticleCard,
  #main-content .creativeoInsightsPage .creativeoArticleCard:first-child { grid-column: 1; grid-row: auto; padding-inline: 0; border-right: 0; }
  #main-content .creativeoServiceDetailPage .creativeoDetailHeroCopy,
  #main-content .creativeoCasePage .creativeoDetailHeroCopy { margin-inline: auto; text-align: left; }
  #main-content .creativeoServiceDetailPage .creativeoDetailHeroMedia,
  #main-content .creativeoArticlePage .creativeoDetailHeroMedia { aspect-ratio: 4/5; }
  #main-content .creativeoArticlePage .creativeoArticleBody { display: block; }
  #main-content .creativeoArticlePage .creativeoArticleToc { position: relative; top: auto; margin-bottom: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  #main-content .creativeoPage * { scroll-behavior: auto; }
}

/* Demo-system contrast corrections found by the full-route audit. */
.rpSite { --violet: #5c50d9; }
.rpSite .rpIntegrationOrbit article:nth-child(2) p,
.rpSite .rpIntegrationOrbit article:nth-child(3) p { color: rgba(255,255,255,.92); }
.alSite { --al-copper: #5c50d9; --demo-accent: #5c50d9; }
.alSite .alCashFeature :where(dd, dd span) { color: #d5d1c9; }
.alSite .alRhythm :where(.alKicker, header > p, .alRhythmList p) { color: #fff; }
.alSite .alGovernanceOverlay small { color: #d7ff50; }
.alSite .alFooterCta .alButtonLight { background: #5c50d9; color: #fff !important; }
.alSite .alFooterBottom,
.alSite .alFooterBottom a { color: #aaa49b; }
.alSite .alDisclosure p { color: #56524d; }
.fnSite .fnStoryFlow li { color: #f7f4ff; }
.fnSite .fnStoryFlow li p { color: #c7c0d8; }
.fnSite .fnPricing article.isFeatured p { color: rgba(255,255,255,.92); }
#main-content .creativeoHomePage .creativeoHomeStatement .creativeoEyebrow { color: #804812 !important; }

/* app/creativeo-exact.css */
/*
 * Final Creativeo Two adaptation for the public Vankpa site.
 * The wrapper makes this layer unavailable to Imagineeer and every demo
 * microsite, so their independent design systems remain untouched.
 */

#main-content .creativeoPage {
  --creativeo-bg: #030307;
  --creativeo-surface: #0e0e13;
  --creativeo-surface-2: #15151b;
  --creativeo-surface-3: #1b1b22;
  --creativeo-ink: #f8f8fa;
  --creativeo-muted: #b9bbc5;
  --creativeo-accent: #c69a3a;
  --creativeo-accent-soft: rgba(198, 154, 58, .18);
  --creativeo-blue: #98161a;
  --creativeo-line: rgba(255, 255, 255, .15);
  --creativeo-shell: min(1230px, calc(100vw - 60px));
  background:
    radial-gradient(circle at 8% 13%, rgba(152, 22, 26, .15), transparent 21%),
    radial-gradient(circle at 91% 29%, rgba(198, 154, 58, .11), transparent 19%),
    var(--creativeo-bg);
  color: var(--creativeo-ink);
}

#main-content .creativeoPage :where(a, button, summary, [tabindex]) {
  -webkit-tap-highlight-color: transparent;
}

#main-content .creativeoPage :where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--creativeo-accent);
  outline-offset: 4px;
}

#main-content .creativeoPage :where(p, li, dd) {
  color: var(--creativeo-muted);
}

#main-content .creativeoPage :where(p, li, dd, a, button) {
  overflow-wrap: break-word;
}

#main-content .creativeoPage :where(picture, figure, .project-media) {
  min-width: 0;
}

#main-content .creativeoPage picture {
  display: block;
  overflow: hidden;
}

#main-content .creativeoPage picture img,
#main-content .creativeoPage .project-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1.001);
  transition: transform .8s cubic-bezier(.16, 1, .3, 1), filter .5s ease;
}

/* Contained editorial surfaces need a true inner gutter. Their shell defines
   the visible box; this padding keeps headings, tags, facts, and process copy
   from touching that box at any responsive size. */
#main-content .creativeoPage :where(
  .creativeoSplit,
  .creativeoPractice,
  .creativeoProcess,
  .creativeoFeaturePanel
) {
  padding-inline: clamp(28px, 4vw, 64px);
}

#main-content .creativeoPage [data-interactive]:is(:hover, :focus-within) picture img,
#main-content .creativeoPage [data-interactive]:is(:hover, :focus-within) .project-media img {
  transform: translateZ(0) scale(1.035);
}

/* Creativeo's dark, oversized introductory stage. */
#main-content .creativeoPage :where(
  .creativeoHomeHero,
  .creativeoHero,
  .creativeoDetailHero,
  .page-hero-v3,
  .services-hero-v13
) {
  --creativeo-ink: #f8f8fa;
  --creativeo-muted: #b9bbc5;
  --creativeo-line: rgba(255, 255, 255, .15);
  color: #f8f8fa;
  background:
    radial-gradient(circle at 16% 30%, rgba(152, 22, 26, .18), transparent 24%),
    radial-gradient(circle at 86% 70%, rgba(198, 154, 58, .13), transparent 22%),
    #030307 !important;
}

#main-content .creativeoPage :where(
  .creativeoHomeHero,
  .creativeoHero,
  .creativeoDetailHero,
  .page-hero-v3,
  .services-hero-v13
) :where(h1, h2, h3, h4, strong, a:not(.creativeoButton--accent):not(.button-v2)) {
  color: #f8f8fa;
}

#main-content .creativeoPage :where(
  .creativeoHomeHero,
  .creativeoHero,
  .creativeoDetailHero,
  .page-hero-v3,
  .services-hero-v13
) :where(p, li, dd) {
  color: #b9bbc5;
}

#main-content .creativeoPage :where(
  .creativeoHomeHero,
  .creativeoHero,
  .creativeoDetailHero,
  .page-hero-v3,
  .services-hero-v13
) .creativeoButton--accent {
  border-color: #c69a3a;
  background: #c69a3a;
  color: #080808;
}

#main-content .creativeoPage :where(
  .creativeoHomeHero,
  .creativeoHero,
  .creativeoDetailHero,
  .page-hero-v3,
  .services-hero-v13
) .creativeoTextLink {
  color: #f8f8fa;
}

/* Several legacy Creativeo page variants set their title fragments back to
   near-black. The adapted Vankpa heroes are deliberately dark, so keep every
   non-accent title fragment and quiet text link on the light-ink contract. */
#main-content .creativeoPage .creativeoHomeHero :where(h1, h1 span),
#main-content .creativeoPage .creativeoHero :where(h1, h1 span),
#main-content .creativeoPage .creativeoDetailHero :where(h1, h1 span),
#main-content .creativeoPage .page-hero-v3 :where(h1, h1 span),
#main-content .creativeoPage .services-hero-v13 :where(h1, h1 span) {
  color: #f8f8fa !important;
}

#main-content .creativeoPage .creativeoHomeHero .creativeoTextLink,
#main-content .creativeoPage .creativeoHero .creativeoTextLink,
#main-content .creativeoPage .creativeoDetailHero .creativeoTextLink,
#main-content .creativeoPage .page-hero-v3 .creativeoTextLink,
#main-content .creativeoPage .services-hero-v13 .creativeoTextLink {
  color: #f8f8fa !important;
}

/* Home Two: the reference's dark agency stage and three-image editorial mosaic. */
#main-content .creativeoHomePage .creativeoHomeHero {
  min-height: 980px;
  padding: clamp(142px, 12vw, 182px) 0 64px;
  overflow: clip;
}

#main-content .creativeoHomePage .creativeoHomeHero::after {
  opacity: .7;
}

#main-content .creativeoHomePage .creativeoHomeHeroInner {
  min-height: 780px;
}

#main-content .creativeoHomePage .creativeoHomeHeroCopy {
  z-index: 8;
  isolation: isolate;
  max-width: 670px;
  padding-top: 0;
}

#main-content .creativeoHomePage .creativeoHomeHeroCopy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -24px -54px -24px -24px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(3, 3, 7, .93) 0 72%, rgba(3, 3, 7, .4) 88%, transparent);
  pointer-events: none;
}

#main-content .creativeoHomePage .creativeoHomeHeroCopy h1 {
  max-width: 10.5ch;
  font-size: clamp(3.6rem, 5.9vw, 5.8rem);
  text-shadow: 0 2px 24px rgba(0, 0, 0, .4);
}

#main-content .creativeoHomePage .creativeoHomeHeroCopy > p:last-of-type {
  max-width: 555px;
  color: #c6c7cf;
}

#main-content .creativeoHomePage .creativeoHomeGhost {
  top: 44%;
  color: rgba(255, 255, 255, .045);
}

#main-content .creativeoHomePage .creativeoHomePortrait {
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: #15151b;
  box-shadow: 0 34px 90px rgba(0, 0, 0, .48);
}

#main-content .creativeoHomePage .creativeoHomePortrait--primary {
  top: 28px;
  right: 0;
  width: min(39vw, 475px);
}

#main-content .creativeoHomePage .creativeoHomePortrait--secondary {
  left: 4%;
  bottom: 0;
  width: min(32vw, 385px);
}

#main-content .creativeoHomePage .creativeoHomePortrait--detail {
  right: 21%;
  bottom: 0;
  width: min(25vw, 295px);
}

#main-content .creativeoHomePage .creativeoHomePortrait :where(img, picture) {
  min-height: 100%;
}

#main-content .creativeoHomePage .creativeoMediaLabel {
  z-index: 3;
  color: #fff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .8);
}

/* Deliberate white reading surfaces, always paired with dark typography. */
#main-content .creativeoHomePage .creativeoHomeStatement,
#main-content .creativeoHomePage .creativeoCardSection,
#main-content .creativeoHomePage .creativeoProcessSection,
#main-content .creativeoAboutPage :where(.creativeoDirection, .creativeoStrengths, .creativeoPractice),
#main-content .creativeoServicesPage :where(.creativeoSplit, .creativeoServicesCollection),
#main-content .creativeoSolutionsPage :where(.bos-solution-grid, .bos-fit),
#main-content .creativeoInsightsPage .creativeoEditorialSection,
#main-content .creativeoArticlePage .creativeoArticleReading,
#main-content .creativeoPricingPage :where(.creativeoPricingPlans, .creativeoComparisonSection, .creativeoFaqSection, .creativeoSplitSection),
#main-content .creativeoContactPage .creativeoContactCards,
#main-content .creativeoResumePage .profile-visual-v9,
#main-content .creativeoServiceDetailPage :where(.creativeoSplitSection, .creativeoCardSection),
#main-content .creativeoCasePage :where(.creativeoSplitSection, .creativeoPortfolioSection, .creativeoCardSection) {
  --creativeo-ink: #080808;
  --creativeo-muted: #5c5a58;
  --creativeo-line: rgba(8, 8, 8, .17);
  background: #f7f5f1 !important;
  color: #080808;
}

#main-content .creativeoHomePage .creativeoCardSection,
#main-content .creativeoHomePage .creativeoProcessSection,
#main-content .creativeoInsightsPage .creativeoEditorialSection,
#main-content .creativeoPricingPage :where(.creativeoPricingPlans, .creativeoComparisonSection, .creativeoFaqSection, .creativeoSplitSection) {
  border-block: 1px solid rgba(8, 8, 8, .12);
}

#main-content .creativeoPage :where(
  .creativeoHomeStatement,
  .creativeoCardSection,
  .creativeoProcessSection,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoPractice,
  .creativeoSplit,
  .creativeoServicesCollection,
  .bos-solution-grid,
  .bos-fit,
  .creativeoArticleReading,
  .creativeoPricingPlans,
  .creativeoComparisonSection,
  .creativeoFaqSection,
  .creativeoContactCards,
  .profile-visual-v9
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton)) {
  color: #080808 !important;
}

#main-content .creativeoPage :where(
  .creativeoHomeStatement,
  .creativeoCardSection,
  .creativeoProcessSection,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoPractice,
  .creativeoSplit,
  .creativeoServicesCollection,
  .bos-solution-grid,
  .bos-fit,
  .creativeoArticleReading,
  .creativeoPricingPlans,
  .creativeoComparisonSection,
  .creativeoFaqSection,
  .creativeoContactCards,
  .profile-visual-v9
) :where(p, li, dd) {
  color: #5c5a58 !important;
}

/* Legacy and module-backed pages also use the shared light/sand/dark section
   vocabulary. Treat those classes as an explicit contrast contract. */
#main-content .creativeoPage section.section-v2:is(.light, .sand) {
  --creativeo-ink: #080808;
  --creativeo-muted: #5c5a58;
  --creativeo-line: rgba(8, 8, 8, .17);
  background-color: #f7f5f1 !important;
  color: #080808 !important;
}

#main-content .creativeoPage section.section-v2:is(.light, .sand) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #080808 !important;
}

#main-content .creativeoPage section.section-v2:is(.light, .sand) :where(p, li, dd) {
  color: #5c5a58 !important;
}

#main-content .creativeoPage section.section-v2:is(.light, .sand) :where(em, .creativeoEyebrow, .eyebrow-v2) {
  color: #8a6212 !important;
}

#main-content .creativeoPage section.section-v2.dark {
  --creativeo-ink: #f8f8fa;
  --creativeo-muted: #b9bbc5;
  --creativeo-line: rgba(255, 255, 255, .15);
  background-color: #030307 !important;
  color: #f8f8fa !important;
}

#main-content .creativeoPage section.section-v2.dark :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoPage section.section-v2.dark :where(p, li, dd) {
  color: #b9bbc5 !important;
}

/* Creativeo's darker portfolio, process, editorial, and conversion stages. */
#main-content .creativeoHomePage :where(.creativeoHomeFeatures, .creativeoHomeTabs, .creativeoPortfolioSection, .creativeoEditorialSection),
#main-content .creativeoAboutPage :where(.creativeoMetricRail, .creativeoProcess, .creativeoBodyCta),
#main-content .creativeoServicesPage :where(.creativeoProcess, .creativeoFeaturePanel, .creativeoBodyCta),
#main-content .creativeoPortfolioPage :where(.creativeoPortfolioSection, .creativeoBodyCta),
#main-content .creativeoInsightsPage .creativeoBodyCta,
#main-content .creativeoArticlePage :where(.creativeoEditorialSection, .creativeoBodyCta),
#main-content .creativeoPricingPage .creativeoBodyCta,
#main-content .creativeoProcessPage,
#main-content .creativeoConsultingPage :where(.services-hero-v13, .services-method-v13),
#main-content .creativeoContactPage .creativeoContactSection,
#main-content .creativeoStudioPartnerPage :where(.studio-story-v9, .creativeoBodyCta),
#main-content .creativeoServiceDetailPage :where(.creativeoMetricRail, .creativeoProcessSection, .creativeoBodyCta),
#main-content .creativeoCasePage :where(.creativeoDetailHero, .creativeoProcessSection, .creativeoBodyCta) {
  --creativeo-ink: #f8f8fa;
  --creativeo-muted: #b9bbc5;
  --creativeo-line: rgba(255, 255, 255, .15);
  background-color: #030307 !important;
  color: #f8f8fa;
}

#main-content .creativeoPage :where(
  .creativeoHomeFeatures,
  .creativeoHomeTabs,
  .creativeoPortfolioSection,
  .creativeoMetricRail,
  .creativeoProcess,
  .creativeoFeaturePanel,
  .creativeoBodyCta,
  .creativeoContactSection,
  .studio-story-v9,
  .services-method-v13
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton--accent):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoPage :where(
  .creativeoHomeFeatures,
  .creativeoHomeTabs,
  .creativeoPortfolioSection,
  .creativeoMetricRail,
  .creativeoProcess,
  .creativeoFeaturePanel,
  .creativeoBodyCta,
  .creativeoContactSection,
  .studio-story-v9,
  .services-method-v13
) :where(p, li, dd) {
  color: #b9bbc5 !important;
}

/* Dark editorial and pricing cards sit inside otherwise light reading stages. */
#main-content .creativeoPage :where(.creativeoEditorialCard, .creativeoArticleCard),
#main-content .creativeoPricingPage .creativeoPriceCard:not(.isFeatured) {
  background: #0e0e13 !important;
  color: #f8f8fa !important;
}

#main-content .creativeoPage :where(.creativeoEditorialCard, .creativeoArticleCard) :where(h1, h2, h3, h4, strong, a),
#main-content .creativeoPricingPage .creativeoPriceCard:not(.isFeatured) :where(h1, h2, h3, h4, strong, a) {
  color: #f8f8fa !important;
}

#main-content .creativeoPage :where(.creativeoEditorialCard, .creativeoArticleCard) :where(p, li, dd),
#main-content .creativeoPricingPage .creativeoPriceCard:not(.isFeatured) :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured :where(h1, h2, h3, h4, p, li, dd, strong, a:not(.creativeoButton)) {
  color: #080808 !important;
}

/* CSS-module sections on the automation page do not use the older section-v2
   classes. Keep their light and dark stages deterministic as well. */
#main-content .creativeoAutomationPage :where(
  [class*="_hero_"],
  [class*="_bottleneck_"],
  [class*="_proof_"],
  [class*="_delivery_"],
  [class*="_finalCta_"]
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoAutomationPage :where(
  [class*="_hero_"],
  [class*="_bottleneck_"],
  [class*="_proof_"],
  [class*="_delivery_"],
  [class*="_finalCta_"]
) :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoAutomationPage :where(
  [class*="_applications_"],
  [class*="_authority_"],
  [class*="_fit_"],
  [class*="_faq_"]
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #080808 !important;
}

#main-content .creativeoAutomationPage :where(
  [class*="_applications_"],
  [class*="_authority_"],
  [class*="_fit_"],
  [class*="_faq_"]
) :where(p, li, dd) {
  color: #5c5a58 !important;
}

/* Red editorial cards use light type; the surrounding sections remain light. */
#main-content .creativeoConsultingPage .services-standard-v13 article:nth-of-type(2) :where(h3, p),
#main-content .creativeoConsultingPage .services-standard-v13 article:nth-of-type(3) :where(h3, p),
#main-content .creativeoAutomationPage [class*="_responsibilityModel_"] article:nth-of-type(2) :where(h3, p) {
  color: #fff !important;
}

/* Final nested-surface contracts. These components intentionally reverse
   contrast inside their parent stage, so their own surface wins. */
#main-content .creativeoHomePage .creativeoProcessSection :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #080808 !important;
}

#main-content .creativeoHomePage .creativeoProcessSection :where(p, li, dd),
#main-content .creativeoProcessPage :where([class*="_principleSection_"], [class*="_rhythmSection_"], [class*="_collaborationSection_"], .creativeoBodyCta) :where(p, li, dd) {
  color: #5c5a58 !important;
}

#main-content .creativeoHomePage .creativeoProcessSection :where(.creativeoEyebrow, .eyebrow-v2, em),
#main-content .creativeoPage :where(.creativeoSplitSection, .creativeoCardSection, .creativeoEditorialSection, .creativeoPricingPlans, .creativeoComparisonSection, .creativeoFaqSection, .creativeoContactCards) :where(.creativeoEyebrow, .eyebrow-v2) {
  color: #8a6212 !important;
}

#main-content .creativeoServiceDetailPage .creativeoProcessSection :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)),
#main-content .creativeoCasePage .creativeoProcessSection :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoServiceDetailPage .creativeoProcessSection :where(p, li, dd),
#main-content .creativeoCasePage .creativeoProcessSection :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoSolutionsPage .bos-solution-grid article:nth-of-type(2) :where(h2, h3, p, a),
#main-content .creativeoSolutionsPage .bos-solution-grid article:nth-of-type(5) :where(h2, h3, p, a),
#main-content .creativeoConsultingPage .services-start-v13 article:nth-of-type(2) :where(h3, p, a),
#main-content .creativeoConsultingPage .services-start-v13 article:nth-of-type(3) :where(h3, p, a),
#main-content .creativeoConsultingPage .services-flip-face-v14 :where(h3, p, a),
#main-content .creativeoStudioPartnerPage .engagement-v2 article:nth-of-type(even) :where(h3, p, a),
#main-content .creativeoResumePage .strengths-v2 article:nth-of-type(2) :where(h3, p, a),
#main-content .creativeoResumePage .strengths-v2 article:nth-of-type(6) :where(h3, p, a),
#main-content .creativeoAutomationPage [class*="_fitSplit_"] article:nth-of-type(2) :where(h3, p, li, a) {
  color: #fff !important;
}

#main-content .creativeoPricingPage .creativeoProcessSection {
  background: #030307 !important;
  color: #f8f8fa !important;
}

#main-content .creativeoPricingPage .creativeoProcessSection :where(h1, h2, h3, h4, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoPricingPage .creativeoProcessSection :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoProcessPage :where([class*="_principleSection_"], [class*="_rhythmSection_"], [class*="_collaborationSection_"], .creativeoBodyCta) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #080808 !important;
}

#main-content .creativeoProcessPage :where([class*="_hero_"], [class*="_explorerSection_"], [class*="_qualitySection_"]) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoProcessPage :where([class*="_hero_"], [class*="_explorerSection_"], [class*="_qualitySection_"]) :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoAutomationPage [class*="_primaryAction_"] {
  color: #080808 !important;
}

#main-content .creativeoProcessPage [class*="_primaryAction_"] {
  color: #080808 !important;
}

#main-content .creativeoServiceDetailPage .creativeoFaqSection :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: #f8f8fa !important;
}

#main-content .creativeoServiceDetailPage .creativeoFaqSection :where(p, li, dd) {
  color: #b9bbc5 !important;
}

#main-content .creativeoCasePage .creativeoPortfolioSection :where(h1, h2, h3, h4, strong, .creativeoProjectCopy a) {
  color: #080808 !important;
}

#main-content .creativeoCasePage .creativeoPortfolioSection .creativeoProjectCard h3 a {
  color: #080808 !important;
}

#main-content .creativeoCasePage .creativeoPortfolioSection :where(p, li, dd) {
  color: #5c5a58 !important;
}

#main-content .creativeoCasePage .creativeoPortfolioSection :where(.creativeoEyebrow, .eyebrow-v2) {
  color: #8a6212 !important;
}

#main-content .creativeoProcessPage [class*="_rhythmSteps_"] > li:nth-of-type(2) :where(h3, p, li),
#main-content .creativeoProcessPage [class*="_collaborationGrid_"] article:nth-of-type(2) :where(h3, p, li),
#main-content .creativeoPage.creativeoConsultingPage section.section-v2 .services-flip-face-v14 :where(h3, p, a) {
  color: #fff !important;
}

#main-content .creativeoProcessPage [class*="_rhythmSteps_"] > li:nth-of-type(2) {
  color: #fff !important;
}

#main-content .start-project-page .start-project-form :where(label, legend) {
  color: #080808 !important;
}

#main-content main[class*="_page_"] [class*="_buildSection_"] {
  background: #080808 !important;
  color: #fff !important;
}

#main-content main[class*="_page_"] [class*="_buildSection_"] :where(h1, h2, h3, h4, p, li, a) {
  color: #fff !important;
}

#main-content main[class*="_page_"] [class*="_primaryAction_"] {
  color: #080808 !important;
}

/* Component fidelity: square cards, border-led grids, restrained accent states. */
#main-content .creativeoPage :where(.creativeoCard, .creativeoServiceCard, .creativeoEditorialCard, .creativeoPriceCard) {
  border-radius: 8px;
  transition: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .45s ease, background-color .35s ease, color .35s ease;
}

#main-content .creativeoPage :where(.creativeoCard, .creativeoServiceCard, .creativeoEditorialCard, .creativeoPriceCard):is(:hover, :focus-within) {
  transform: translateY(-7px);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .16);
}

#main-content .creativeoPage :where(.creativeoProjectMedia, .creativeoArticleMedia, .creativeoHeroMedia, .creativeoHomeTabMedia) {
  border-radius: 8px;
  overflow: hidden;
  background: #15151b;
}

#main-content .creativeoPage .creativeoProjectView {
  border-color: rgba(255, 255, 255, .7);
  background: rgba(3, 3, 7, .72);
  color: #fff;
  backdrop-filter: blur(10px);
}

#main-content .creativeoPage .creativeoProjectCard:is(:hover, :focus-within) .creativeoProjectView {
  border-color: #c69a3a;
  background: #c69a3a;
  color: #080808;
}

#main-content .creativeoPage .creativeoButton--accent {
  border-color: #98161a;
  background: #98161a;
  color: #fff;
}

#main-content .creativeoPage .creativeoButton--accent:is(:hover, :focus-visible) {
  border-color: #c69a3a;
  background: #c69a3a;
  color: #080808;
}

#main-content .creativeoPage .creativeoMarquee {
  background: #0e0e13;
  color: #fff;
}

#main-content .creativeoPage .creativeoMarqueeTrack i {
  background: #c69a3a;
}

/* Tablet: Creativeo's two-column editorial rhythm without image overlap. */
@media (max-width: 1050px) {
  #main-content .creativeoPage {
    --creativeo-shell: min(100% - 42px, 920px);
  }

  #main-content .creativeoHomePage .creativeoHomeHero {
    min-height: auto;
    padding: 132px 0 58px;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroInner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    min-height: 0;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroCopy {
    grid-column: 1 / -1;
    max-width: 760px;
    margin-bottom: 24px;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroCopy::before {
    inset: -20px;
    background: rgba(3, 3, 7, .72);
  }

  #main-content .creativeoHomePage .creativeoHomePortrait,
  #main-content .creativeoHomePage .creativeoHomePortrait--primary,
  #main-content .creativeoHomePage .creativeoHomePortrait--secondary,
  #main-content .creativeoHomePage .creativeoHomePortrait--detail {
    position: relative;
    inset: auto;
    width: 100%;
  }

  #main-content .creativeoHomePage .creativeoHomePortrait--primary {
    grid-column: 1 / -1;
    aspect-ratio: 16 / 10;
  }

  #main-content .creativeoHomePage .creativeoHomePortrait--primary img {
    object-position: center 24%;
  }

  #main-content .creativeoPage [data-interactive] {
    transform: none !important;
  }
}

/* Mobile: one readable content column, then a full-width image and two details. */
@media (max-width: 767px) {
  #main-content .creativeoPage {
    --creativeo-shell: calc(100% - 40px);
    font-size: 16px;
  }

  #main-content .creativeoPage :where(
    .creativeoSplit,
    .creativeoPractice,
    .creativeoProcess,
    .creativeoFeaturePanel
  ) {
    padding-inline: clamp(20px, 6vw, 28px);
  }

  #main-content .creativeoPage h1 {
    font-size: clamp(2.55rem, 11vw, 3.45rem);
    line-height: .96;
  }

  #main-content .creativeoPage h2 {
    font-size: clamp(2.1rem, 9vw, 2.85rem);
    line-height: 1;
  }

  #main-content .creativeoPage h3 {
    font-size: clamp(1.35rem, 6vw, 1.75rem);
  }

  #main-content .creativeoHomePage .creativeoHomeHero {
    padding: 124px 0 46px;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroInner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroCopy {
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroCopy::before {
    display: none;
  }

  #main-content .creativeoHomePage .creativeoHomeHeroCopy h1 {
    max-width: 11ch;
    font-size: clamp(2.65rem, 11.7vw, 3.55rem);
  }

  #main-content .creativeoHomePage .creativeoHomePortrait--primary {
    grid-column: 1 / -1;
    aspect-ratio: 4 / 5;
  }

  #main-content .creativeoHomePage .creativeoHomePortrait--secondary,
  #main-content .creativeoHomePage .creativeoHomePortrait--detail {
    grid-column: auto;
    aspect-ratio: 4 / 5;
  }

  #main-content .creativeoHomePage .creativeoHomePortrait--primary img {
    object-position: center 18%;
  }

  #main-content .creativeoPage .creativeoActions {
    align-items: stretch;
  }

  #main-content .creativeoPage .creativeoActions :where(.creativeoButton, .creativeoTextLink) {
    width: 100%;
    min-width: 0;
  }

  #main-content .creativeoPage :where(.creativeoHeroMedia, .creativeoDetailHeroMedia, .creativeoArticleMedia, .creativeoProjectMedia) {
    max-width: 100%;
  }

  #main-content .creativeoPage :where(.creativeoCard, .creativeoServiceCard, .creativeoEditorialCard, .creativeoPriceCard):is(:hover, :focus-within) {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  #main-content .creativeoPage *,
  #main-content .creativeoPage *::before,
  #main-content .creativeoPage *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  #main-content .creativeoPage picture img,
  #main-content .creativeoPage .project-media img {
    transform: none !important;
  }
}

/* app/plus-jakarta-type-system.css */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-variable-italic.woff2") format("woff2");
}

/* Plus Jakarta Sans is the single shared family. Each owned template keeps
 * its responsive scale, weight, spacing, and brand-specific visual language. */
:root {
  --font-jakarta: "Plus Jakarta Sans", Arial, sans-serif;
  --jakarta-display: clamp(3.35rem, 6.15vw, 7.15rem);
  --jakarta-section: clamp(2.45rem, 4.25vw, 4.9rem);
  --jakarta-card-large: clamp(1.65rem, 2.25vw, 2.65rem);
  --jakarta-card: clamp(1.2rem, 1.42vw, 1.58rem);
  --jakarta-h5: clamp(1.02rem, 1vw, 1.18rem);
  --jakarta-h6: clamp(.88rem, .75vw, .98rem);
  --jakarta-copy: clamp(.97rem, calc(.93rem + .18vw), 1.06rem);
  --display: var(--font-jakarta);
  --body: var(--font-jakarta);
  --h1: var(--jakarta-display);
  --h2: var(--jakarta-section);
  --h3: var(--jakarta-card-large);
  --h4: var(--jakarta-card);
  --h5: var(--jakarta-h5);
  --h6: var(--jakarta-h6);
  --body-size: var(--jakarta-copy);
}

/* This explicit authority includes pages outside the public marketing shell,
 * CSS-module utilities, SVG text, pseudo-elements, and every demo theme. */
html,
body,
body *,
body *::before,
body *::after {
  font-family: var(--font-jakarta) !important;
  font-synthesis: none;
}

body { font-size: var(--jakarta-copy); }

:where(
  .site-page-v3,
  .creativeoPage,
  .start-project-page,
  .imagineeer-site,
  .demoSite,
  .aurelineBridal,
  .rpSite,
  .alSite,
  .fnSite,
  .atSite,
  .sblxSite
) {
  --demo-font-head: var(--font-jakarta);
  --demo-font-body: var(--font-jakarta);
  --demo-heading-family: var(--font-jakarta);
  --demo-modern-font: var(--font-jakarta);
  --ft-display: var(--font-jakarta);
  --ft-body: var(--font-jakarta);
  --al-sans: var(--font-jakarta);
  --al-serif: var(--font-jakarta);
  --font-display: var(--font-jakarta);
  --font-body: var(--font-jakarta);
  --font-ui: var(--font-jakarta);
  font-family: var(--font-jakarta) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

:where(
  .site-header-v2,
  .site-header-v3,
  .site-header-v20,
  .menu-v2,
  .menu-v3,
  .footer-v5,
  .footer-v6,
  .footer-v7,
  .creativeoHeader,
  .creativeoMenu,
  .creativeoFooter
) {
  --display: var(--font-jakarta);
  --body: var(--font-jakarta);
  font-family: var(--font-jakarta) !important;
}

/* Normal words stay intact. Long addresses, URLs, controls, and compact data
 * values receive an emergency break before leaving a surface. */
:is(
  body #main-content .creativeoPage,
  body #main-content .start-project-page,
  body .imagineeer-site,
  body #ft-top,
  body #rp-top,
  body #al-top,
  body #fn-top,
  body .atSite,
  body #sblx-top
) :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd) {
  max-width: 100%;
  min-width: 0;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

:is(
  body #main-content .creativeoPage,
  body #main-content .start-project-page,
  body .imagineeer-site,
  body #ft-top,
  body #rp-top,
  body #al-top,
  body #fn-top,
  body .atSite,
  body #sblx-top
) :where(a, button, summary, label, input, select, textarea) {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  :root {
    --jakarta-display: clamp(3.05rem, 7.4vw, 5.35rem);
    --jakarta-section: clamp(2.3rem, 5.4vw, 3.95rem);
    --jakarta-card-large: clamp(1.52rem, 3.05vw, 2.2rem);
  }
}

@media (max-width: 620px) {
  :root {
    --jakarta-display: clamp(2.6rem, 10.8vw, 3.55rem);
    --jakarta-section: clamp(2rem, 8.7vw, 2.8rem);
    --jakarta-card-large: clamp(1.38rem, 6vw, 1.86rem);
    --jakarta-card: clamp(1.16rem, 4.7vw, 1.38rem);
    --jakarta-h5: clamp(1.02rem, 4vw, 1.16rem);
    --jakarta-h6: clamp(.88rem, 3.4vw, .98rem);
    --jakarta-copy: .97rem;
  }
}

/* app/practice-showcase.css */
.practiceWorkbench,.brandLab{--practice-ink:#0a0909;--practice-paper:#f4efe7;--practice-muted:#6d675f;position:relative;padding:clamp(76px,8vw,132px) var(--gutter);overflow:hidden;background:var(--practice-ink);color:#f8f4ed}
.practiceWorkbench *,.brandLab *{box-sizing:border-box}.practiceWorkbench:before,.brandLab:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.practiceEyebrow{margin:0 0 20px;color:var(--case-secondary,#d0a33b);font:750 .65rem/1.25 var(--sans);letter-spacing:.16em;text-transform:uppercase}.practiceWorkbenchHeading,.brandLabHeading{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.58fr);gap:clamp(38px,8vw,132px);align-items:end;max-width:1740px;margin:0 auto clamp(42px,5vw,72px)}
#main-content :is(.practiceWorkbenchHeading,.brandLabHeading) h2{max-width:16ch;margin:0;font-size:clamp(2.65rem,4.9vw,5.5rem)!important;line-height:.93!important;letter-spacing:-.055em!important;text-wrap:balance}.practiceWorkbenchHeading h2 em,.brandLabHeading h2 em{color:var(--case-secondary,#d0a33b);font-style:normal}.practiceWorkbenchHeading>p,.brandLabHeading>p{max-width:64ch;margin:0;color:rgba(248,244,237,.68);line-height:1.72}
.practiceCaseTabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1740px;margin:0 auto;border:1px solid rgba(255,255,255,.16);border-bottom:0}.practiceCaseTabs button{display:grid;grid-template-columns:38px 1fr;gap:6px 14px;min-height:96px;padding:21px 24px;border:0;border-left:1px solid rgba(255,255,255,.16);background:#111;color:#fff;text-align:left;cursor:pointer;transition:background .25s,color .25s}.practiceCaseTabs button:first-child{border-left:0}.practiceCaseTabs button span{grid-row:1/3;color:var(--case-secondary);font:700 .58rem/1.2 monospace}.practiceCaseTabs button strong{font-size:1.05rem}.practiceCaseTabs button small{color:#8e8881}.practiceCaseTabs button.isActive{background:var(--case-accent);color:#fff}.practiceCaseTabs button.isActive span,.practiceCaseTabs button.isActive small{color:#fff}.practiceCaseTabs button:focus-visible,.brandLab button:focus-visible{outline:3px solid var(--case-secondary,#d0a33b);outline-offset:-4px}
.practiceWorkbenchGrid{position:relative;display:grid;grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);max-width:1740px;margin:0 auto;border:1px solid rgba(255,255,255,.16);background:#111}.practiceQuestionPanel,.practiceChartPanel,.practiceScenarioPanel,.practiceInterpretationPanel{min-width:0;padding:clamp(26px,3vw,48px)}.practiceQuestionPanel{border-right:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--case-accent) 28%,transparent),transparent 42%),#0a0a0a}.practiceQuestionPanel h3{margin:0 0 38px;font-size:clamp(1.7rem,2.4vw,2.65rem);line-height:1.08;text-wrap:balance}.practiceEvidenceLedger{display:grid;gap:0;margin:0}.practiceEvidenceLedger>div{padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}.practiceEvidenceLedger dt,.practiceInterpretationPanel small{margin-bottom:8px;color:var(--case-secondary);font:750 .57rem/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}.practiceEvidenceLedger dd{margin:0;color:#aaa39b;font-size:.78rem;line-height:1.55}
.practiceChartPanel{background:var(--practice-paper);color:#111}.practiceChartPanel>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #bfb8ae}.practiceChartPanel>header div{display:grid;gap:7px}.practiceChartPanel>header small,.practiceChartPanel>header>span{color:var(--case-accent);font:750 .55rem/1.2 var(--sans);letter-spacing:.12em}.practiceMetricStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0;border:1px solid #cfc8bf}.practiceMetricStrip>div{display:grid;gap:7px;padding:18px;border-left:1px solid #cfc8bf}.practiceMetricStrip>div:first-child{border-left:0}.practiceMetricStrip small{color:#6d675f;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.practiceMetricStrip strong{font-size:clamp(1.35rem,2.2vw,2.5rem)}.practiceMetricStrip span{color:#777067;font-size:.58rem}.practiceBarChart{height:280px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,26px);align-items:end;padding:22px 0 0;border-bottom:1px solid #aaa299;background:repeating-linear-gradient(to top,transparent 0,transparent 54px,rgba(17,17,17,.08) 55px)}.practiceBarChart>div{display:grid;grid-template-rows:220px auto;gap:12px;height:100%;text-align:left}.practiceBarTrack{display:flex;align-items:end;justify-content:center}.practiceBarTrack i{position:relative;width:min(72%,72px);min-height:10px;background:linear-gradient(var(--case-secondary),var(--case-accent));animation:practiceGrow .8s cubic-bezier(.2,.8,.2,1) both}.practiceBarTrack b{position:absolute;left:50%;top:-24px;transform:translateX(-50%);font-size:.65rem}.practiceBarChart small{font-size:.58rem;color:#6d675f}
.practiceScenarioPanel{border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16);background:#121110}.practiceScenarioControl label{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.practiceScenarioControl input{width:100%;accent-color:var(--case-secondary)}.practiceScenarioScore{display:grid;grid-template-columns:auto auto 1fr;align-items:end;margin:32px 0 24px}.practiceScenarioScore small{grid-column:1/-1;margin-bottom:10px;color:var(--case-secondary);font-size:.55rem;letter-spacing:.12em}.practiceScenarioScore strong{font-size:clamp(3rem,5vw,6rem);line-height:.8}.practiceScenarioScore>span{margin:0 0 4px 8px;color:#888}.practiceScenarioScore p{grid-column:1/-1;max-width:54ch;margin:19px 0 0;color:#99928a;font-size:.72rem;line-height:1.55}.practiceScenarioPanel ol{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14);list-style:none}.practiceScenarioPanel li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#d6d0c8;font-size:.68rem}.practiceScenarioPanel li:nth-child(odd){padding-right:14px}.practiceScenarioPanel li:nth-child(even){padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}.practiceScenarioPanel li span{color:var(--case-secondary);font-family:monospace}
.practiceInterpretationPanel{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.16);background:color-mix(in srgb,var(--case-accent) 14%,#080808)}.practiceInterpretationPanel>div{padding:0 24px;border-left:1px solid rgba(255,255,255,.16)}.practiceInterpretationPanel>div:first-child{padding-left:0;border-left:0}.practiceInterpretationPanel p{margin:0;color:#d4cec7;font-size:.76rem;line-height:1.55}.practiceInterpretationPanel .practiceLimitation{grid-column:1/-1;margin-top:26px;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.16);border-left:0}.practiceWorkbench--compact{padding-block:clamp(64px,7vw,104px)}
.brandLab{--case-secondary:#d0a33b;background:#f4efe7;color:#111}.brandLab:before{background:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px)}.brandLabHeading>p{color:#6a635b}.brandLabHeading h2 em{color:#a6171d}.brandLabTabs{position:relative;display:flex;max-width:1740px;margin:0 auto;border:1px solid #c9c1b7}.brandLabTabs button{flex:1;min-height:62px;border:0;border-left:1px solid #c9c1b7;background:transparent;color:#171514;font-weight:800;cursor:pointer}.brandLabTabs button:first-child{border-left:0}.brandLabTabs button.isActive{background:#0b0a09;color:#fff}.brandLabStage{position:relative;display:grid;grid-template-columns:minmax(260px,.28fr) minmax(0,.72fr);max-width:1740px;margin:0 auto;border:1px solid #c9c1b7;border-top:0}.brandLabRail{padding:clamp(26px,3vw,48px);background:var(--brand-ink);color:var(--brand-paper)}.brandLabMark{width:88px;height:88px;display:grid;place-items:center;margin-bottom:30px;border:1px solid var(--brand-highlight);border-radius:50%;color:var(--brand-highlight);font:800 1.4rem/1 var(--sans)}.brandLabRail>strong{display:block;font-size:clamp(1.8rem,2.6vw,3rem)}.brandLabRail>p{margin:10px 0 24px;color:color-mix(in srgb,var(--brand-paper) 65%,transparent)}.brandSwatches{display:flex;margin-bottom:34px}.brandSwatches i{width:38px;height:38px;border:1px solid rgba(255,255,255,.25)}.brandLabRail ol{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.18);list-style:none}.brandLabRail li{border-bottom:1px solid rgba(255,255,255,.18)}.brandLabRail button{display:grid;grid-template-columns:32px 1fr;gap:10px;width:100%;padding:15px 0;border:0;background:transparent;color:rgba(255,255,255,.62);text-align:left;cursor:pointer}.brandLabRail button span{color:var(--brand-highlight);font-family:monospace}.brandLabRail button.isActive{color:#fff}.brandMockup{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:18px;padding:clamp(18px,2.4vw,38px);background:linear-gradient(145deg,#fdfbf7,#e6ded1);animation:practiceReveal .45s ease both}.brandPoster{grid-row:1/3;display:flex;flex-direction:column;min-height:560px;padding:clamp(24px,3vw,48px);background:linear-gradient(145deg,var(--brand-ink),color-mix(in srgb,var(--brand-accent) 68%,#000));color:var(--brand-paper);box-shadow:0 24px 60px rgba(0,0,0,.16)}.brandPoster header{display:flex;justify-content:space-between;align-items:center}.brandPoster header span{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--brand-highlight);border-radius:50%}.brandPoster>p{margin:auto 0 12px;color:var(--brand-highlight);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.brandPoster h3{max-width:11ch;margin:0;font-size:clamp(2.5rem,4.6vw,5.7rem);line-height:.9;text-transform:uppercase}.brandPoster footer{display:flex;justify-content:space-between;gap:12px;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);font-size:.54rem;letter-spacing:.1em}.brandCard,.brandReport,.brandDevice{padding:24px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.1)}.brandCard{background:var(--brand-paper);color:var(--brand-ink)}.brandCard strong{display:block;margin:32px 0 12px;color:var(--brand-accent);font-size:4rem}.brandCard p{font-size:.68rem}.brandReport{display:grid;align-content:start}.brandReport header{display:flex;gap:8px;align-items:center;font-size:.65rem}.brandReport header i{width:12px;height:12px;border-radius:50%;background:var(--brand-accent)}.brandReport h3{margin:26px 0 20px;font-size:1.55rem}.brandReportChart{height:72px;display:flex;gap:8px;align-items:end}.brandReportChart i{flex:1;background:var(--brand-accent)}.brandReportChart i:nth-child(1){height:36%}.brandReportChart i:nth-child(2){height:72%}.brandReportChart i:nth-child(3){height:54%}.brandReportChart i:nth-child(4){height:92%;background:var(--brand-highlight)}.brandReport p{font-size:.58rem;color:#6b645c}.brandDevice{display:none}.brandLabNote{position:relative;max-width:1740px;margin:18px auto 0;color:#6d665d;font-size:.65rem}.brandLab--compact{padding-block:clamp(64px,7vw,104px)}
@keyframes practiceGrow{from{height:0}}@keyframes practiceReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.practiceWorkbenchHeading,.brandLabHeading{grid-template-columns:1fr;gap:24px}.practiceWorkbenchGrid{grid-template-columns:1fr}.practiceQuestionPanel{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.practiceInterpretationPanel{border-top:1px solid rgba(255,255,255,.16)}.brandLabStage{grid-template-columns:1fr}.brandLabRail{display:grid;grid-template-columns:auto 1fr;gap:0 24px}.brandLabMark{grid-row:1/4}.brandSwatches{grid-column:2}.brandLabRail ol{grid-column:1/-1}.brandMockup{grid-template-columns:1fr 1fr}.brandPoster{min-height:520px}}
@media(max-width:720px){.practiceWorkbench,.brandLab{padding:64px 20px}.practiceWorkbenchHeading,.brandLabHeading{margin-bottom:34px}#main-content :is(.practiceWorkbenchHeading,.brandLabHeading) h2{font-size:clamp(2.15rem,10vw,3.1rem)!important}.practiceCaseTabs{grid-template-columns:1fr}.practiceCaseTabs button{min-height:74px;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.practiceCaseTabs button:first-child{border-top:0}.practiceQuestionPanel,.practiceChartPanel,.practiceScenarioPanel,.practiceInterpretationPanel{padding:24px 20px}.practiceMetricStrip{grid-template-columns:1fr}.practiceMetricStrip>div{border-left:0;border-top:1px solid #cfc8bf}.practiceMetricStrip>div:first-child{border-top:0}.practiceBarChart{gap:8px}.practiceBarChart small{font-size:.48rem;word-break:break-word}.practiceScenarioPanel{border-right:0}.practiceScenarioPanel ol,.practiceInterpretationPanel{grid-template-columns:1fr}.practiceScenarioPanel li:nth-child(n){padding:13px 0;border-left:0}.practiceInterpretationPanel>div:nth-child(n){padding:20px 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.practiceInterpretationPanel>div:first-child{padding-top:0;border-top:0}.practiceInterpretationPanel .practiceLimitation{margin-top:0}.brandLabTabs{display:grid}.brandLabTabs button{min-height:52px;border-left:0;border-top:1px solid #c9c1b7}.brandLabTabs button:first-child{border-top:0}.brandLabRail{display:block}.brandLabMark{width:68px;height:68px}.brandMockup{grid-template-columns:1fr}.brandPoster{grid-row:auto;min-height:480px}.brandCard,.brandReport{min-height:220px}.brandPoster h3{font-size:clamp(2.5rem,13vw,4.3rem)}}
@media(prefers-reduced-motion:reduce){.practiceBarTrack i,.brandMockup{animation:none}}

/* app/practice-routes.css */
.practiceRoute{--route-ink:#090909;--route-paper:#f5f0e8;--route-red:#a6171d;--route-gold:#d0a33b;background:var(--route-paper);color:var(--route-ink)}.practiceRouteHero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(42px,7vw,120px);align-items:center;min-height:820px;padding:clamp(140px,12vw,190px) var(--gutter) clamp(84px,8vw,124px);overflow:hidden;background:radial-gradient(circle at 83% 14%,rgba(166,23,29,.24),transparent 31%),#090909;color:#fff}.practiceRouteHeroCopy{max-width:860px}.practiceRouteHeroCopy .practiceEyebrow{color:#efca71}#main-content .practiceRouteHero h1{max-width:15ch;margin:0;font-size:clamp(3.4rem,6.1vw,7rem)!important;line-height:.9!important;letter-spacing:-.06em!important;text-wrap:balance}.practiceRouteHero h1 em{color:var(--route-gold);font-style:normal}.practiceRouteHeroCopy>p:not(.practiceEyebrow){max-width:64ch;margin:30px 0 0;color:#c9c2ba;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.72}.practiceRouteHero .creativeoTextLink{color:#fff}.practiceRouteHeroVisual{padding:clamp(22px,3vw,38px);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);box-shadow:0 34px 90px rgba(0,0,0,.3)}.practiceRouteHeroVisual>header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16);font-size:.58rem;letter-spacing:.12em}.practiceRouteHeroVisual>header b{color:#77d99c}.practiceHeroBars{height:300px;display:flex;gap:14px;align-items:end;padding:34px 6px 22px;border-bottom:1px solid rgba(255,255,255,.2);background:repeating-linear-gradient(to top,transparent 0,transparent 59px,rgba(255,255,255,.07) 60px)}.practiceHeroBars i{position:relative;flex:1;min-height:20px;background:linear-gradient(var(--route-gold),var(--route-red));animation:practiceGrow .9s ease both}.practiceHeroBars span{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font:.54rem/1 monospace}.practiceRouteHeroVisual dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.practiceRouteHeroVisual dl>div{padding:20px 14px;border-left:1px solid rgba(255,255,255,.16)}.practiceRouteHeroVisual dl>div:first-child{border-left:0}.practiceRouteHeroVisual dt{margin-bottom:8px;color:var(--route-gold);font-size:.55rem;text-transform:uppercase;letter-spacing:.11em}.practiceRouteHeroVisual dd{margin:0;color:#bdb5ad;font-size:.68rem;line-height:1.45}.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceRouteCta{padding:clamp(72px,8vw,124px) var(--gutter)}.practiceMethodSection{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:clamp(48px,9vw,150px);background:#f5f0e8}.practiceMethodSection>header{position:sticky;top:130px;align-self:start}.practiceMethodSection h2,.practiceCapabilitySection h2,.practiceIntegritySection h2,.practiceRouteCta h2{max-width:14ch;margin:0;font-size:clamp(2.65rem,4.9vw,5.5rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.practiceMethodSection h2 em,.practiceCapabilitySection h2 em,.practiceIntegritySection h2 em{color:var(--route-red);font-style:normal}.practiceMethodSection>header>p:last-child,.practiceCapabilitySection>header>p:last-child{max-width:62ch;margin:24px 0 0;color:#6c665e}.practiceMethodSection ol{margin:0;padding:0;border-top:1px solid #bdb6ac;list-style:none}.practiceMethodSection li{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid #bdb6ac}.practiceMethodSection li>span{color:var(--route-red);font:700 .62rem/1 monospace}.practiceMethodSection li h3{margin:-5px 0 10px;font-size:clamp(1.3rem,1.9vw,2rem)}.practiceMethodSection li p{max-width:58ch;margin:0;color:#6d675f;font-size:.82rem}.practiceCapabilitySection{background:#fff}.practiceCapabilitySection>header{display:grid;grid-template-columns:.85fr .65fr;gap:30px clamp(40px,8vw,130px);align-items:end;margin-bottom:52px}.practiceCapabilitySection>header .practiceEyebrow{grid-column:1/-1;margin:0}.practiceCapabilityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c8c0b6;border-left:1px solid #c8c0b6}.practiceCapabilityGrid article{min-height:300px;padding:clamp(24px,3vw,42px);border-right:1px solid #c8c0b6;border-bottom:1px solid #c8c0b6}.practiceCapabilityGrid article>span{color:var(--route-red);font:700 .62rem/1 monospace}.practiceCapabilityGrid h3{margin:70px 0 18px;font-size:clamp(1.4rem,2vw,2rem);line-height:1}.practiceCapabilityGrid p{margin:0;color:#6c665e;font-size:.8rem}.practiceDeliverableRail{display:grid;grid-template-columns:180px 1fr;gap:28px;margin-top:38px;padding-top:28px;border-top:1px solid #c8c0b6}.practiceDeliverableRail>p{margin:0;color:var(--route-red);font-size:.64rem;text-transform:uppercase;letter-spacing:.11em}.practiceDeliverableRail>div{display:flex;flex-wrap:wrap;gap:10px}.practiceDeliverableRail span{padding:11px 14px;border:1px solid #c8c0b6;border-radius:999px;font-size:.68rem}.practiceIntegritySection{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:clamp(40px,8vw,130px);background:#e9e1d6}.practiceIntegritySection dl{margin:0;border-top:1px solid #aaa299}.practiceIntegritySection dl>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid #aaa299}.practiceIntegritySection dt{color:var(--route-red);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.practiceIntegritySection dd{margin:0;color:#625d56}.practiceRouteCta{display:grid;grid-template-columns:1fr minmax(320px,.58fr);gap:clamp(40px,8vw,130px);align-items:end;background:#0a0909;color:#fff}.practiceRouteCta>div:last-child>p{max-width:58ch;margin:0;color:#bbb4ac}.practiceRouteCta .creativeoTextLink{color:#fff}.practiceBrandHero{background:radial-gradient(circle at 82% 16%,rgba(208,163,59,.22),transparent 30%),#090909}.practiceBrandHeroVisual{position:relative;min-height:570px}.practiceBrandHeroPoster,.practiceBrandHeroCard,.practiceBrandHeroFlyer{position:absolute;box-shadow:0 28px 70px rgba(0,0,0,.35)}.practiceBrandHeroPoster{inset:0 26% 8% 0;display:flex;flex-direction:column;padding:clamp(24px,3vw,42px);background:linear-gradient(145deg,#f3ede4,#d5c7b4);color:#15110e;transform:rotate(-2deg)}.practiceBrandHeroPoster>span{font-size:.58rem;letter-spacing:.15em}.practiceBrandHeroPoster strong{margin:auto 0;font-size:clamp(2.8rem,4.7vw,5.6rem);line-height:.82}.practiceBrandHeroPoster em{color:var(--route-red);font-style:normal}.practiceBrandHeroPoster small{border-top:1px solid #7b7268;padding-top:15px}.practiceBrandHeroCard{right:0;top:13%;width:45%;aspect-ratio:1.6;padding:24px;background:#a6171d;color:#fff;transform:rotate(5deg)}.practiceBrandHeroCard span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #d0a33b;border-radius:50%}.practiceBrandHeroCard b,.practiceBrandHeroCard small{display:block;margin-top:18px}.practiceBrandHeroFlyer{right:2%;bottom:0;width:50%;min-height:180px;padding:26px;background:#12100f;color:#fff}.practiceBrandHeroFlyer b{max-width:10ch;display:block;font-size:1.6rem}.practiceBrandHeroFlyer i{display:block;height:3px;margin-top:16px;background:linear-gradient(90deg,#d0a33b 58%,transparent 58%)}.practiceBrandServices .practiceCapabilityGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.practiceBrandServices .practiceCapabilityGrid article{min-height:350px}.practiceBrandServices .practiceCapabilityGrid h3{margin-top:90px}.practiceBrandProcess{background:#e9e1d6}
@media(max-width:1100px){.practiceRouteHero{grid-template-columns:1fr;min-height:0}.practiceRouteHeroVisual{max-width:820px}.practiceMethodSection{grid-template-columns:1fr}.practiceMethodSection>header{position:static}.practiceCapabilityGrid,.practiceBrandServices .practiceCapabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.practiceIntegritySection{grid-template-columns:1fr}.practiceBrandHeroVisual{max-width:760px;width:100%}}
@media(max-width:720px){.practiceRouteHero{padding:114px 20px 62px;gap:36px}#main-content .practiceRouteHero h1{font-size:clamp(2.5rem,12vw,3.8rem)!important}.practiceRouteHeroVisual{padding:18px}.practiceHeroBars{height:230px;gap:7px}.practiceRouteHeroVisual dl{grid-template-columns:1fr}.practiceRouteHeroVisual dl>div{border-left:0;border-top:1px solid rgba(255,255,255,.16)}.practiceRouteHeroVisual dl>div:first-child{border-top:0}.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceRouteCta{padding:60px 20px}.practiceMethodSection h2,.practiceCapabilitySection h2,.practiceIntegritySection h2,.practiceRouteCta h2{font-size:clamp(2.15rem,10vw,3.2rem)}.practiceCapabilitySection>header{display:block}.practiceCapabilitySection>header .practiceEyebrow{margin-bottom:18px}.practiceCapabilityGrid,.practiceBrandServices .practiceCapabilityGrid{grid-template-columns:1fr}.practiceCapabilityGrid article,.practiceBrandServices .practiceCapabilityGrid article{min-height:250px}.practiceCapabilityGrid h3,.practiceBrandServices .practiceCapabilityGrid h3{margin-top:48px}.practiceDeliverableRail{grid-template-columns:1fr}.practiceIntegritySection dl>div{grid-template-columns:1fr;gap:10px}.practiceRouteCta{grid-template-columns:1fr}.practiceBrandHeroVisual{min-height:470px}.practiceBrandHeroPoster{right:15%;bottom:12%}.practiceBrandHeroCard{width:48%;padding:17px}.practiceBrandHeroFlyer{width:62%;min-height:145px;padding:18px}.practiceBrandHeroFlyer b{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.practiceHeroBars i{animation:none}}
.practiceServiceStudios{padding:clamp(72px,8vw,124px) var(--gutter);background:#0a0909;color:#fff}.practiceServiceStudios>header{display:grid;grid-template-columns:.85fr .65fr;gap:26px clamp(40px,8vw,130px);align-items:end;margin-bottom:52px}.practiceServiceStudios>header .practiceEyebrow{grid-column:1/-1}.practiceServiceStudios>header h2{max-width:14ch;margin:0;font-size:clamp(2.65rem,4.9vw,5.5rem);line-height:.94;letter-spacing:-.055em}.practiceServiceStudios>header h2 em{color:#d0a33b;font-style:normal}.practiceServiceStudios>header>p:last-child{max-width:62ch;margin:0;color:#aaa39b}.practiceServiceStudios>div{border-top:1px solid rgba(255,255,255,.18)}.practiceServiceStudios article{display:grid;grid-template-columns:minmax(260px,.32fr) minmax(0,.68fr);gap:clamp(28px,7vw,110px);align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.18)}.practiceStudioVisual{position:relative;isolation:isolate;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 84% 20%,rgba(208,163,59,.28),transparent 34%),linear-gradient(145deg,#251014,#090909)}.practiceStudioVisual small{color:#d0a33b;font-family:monospace}.practiceStudioVisual strong{max-width:8ch;font-size:clamp(2rem,3.3vw,4rem);line-height:.84}.practiceStudioVisual i{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.practiceStudioVisual i:nth-of-type(1){right:-8%;top:-26%;width:58%;aspect-ratio:1}.practiceStudioVisual i:nth-of-type(2){right:6%;top:-6%;width:38%;aspect-ratio:1}.practiceStudioVisual i:nth-of-type(3){right:20%;top:15%;width:18%;aspect-ratio:1;border-color:#d0a33b}.practiceServiceStudios article>div:last-child{max-width:900px}.practiceServiceStudios article h3{max-width:20ch;margin:0 0 18px;font-size:clamp(1.8rem,3.2vw,3.6rem);line-height:.98}.practiceServiceStudios article>div:last-child>p:not(.practiceEyebrow){max-width:68ch;margin:0 0 24px;color:#bcb5ad}.practiceServiceStudios .creativeoTextLink{color:#fff}
@media(max-width:720px){.practiceServiceStudios{padding:60px 20px}.practiceServiceStudios>header{display:block}.practiceServiceStudios>header .practiceEyebrow{margin-bottom:18px}.practiceServiceStudios>header h2{font-size:clamp(2.15rem,10vw,3.2rem)}.practiceServiceStudios>header>p:last-child{margin-top:20px}.practiceServiceStudios article{grid-template-columns:1fr}.practiceStudioVisual{min-height:180px}}
.practiceHomeStudios{padding:clamp(72px,8vw,124px) var(--gutter);background:#efe8dc;color:#111}.practiceHomeStudios>.creativeoShell>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;border-top:1px solid #bdb5aa;border-left:1px solid #bdb5aa}.practiceHomeStudios article{min-height:320px;display:flex;flex-direction:column;padding:clamp(24px,3vw,42px);border-right:1px solid #bdb5aa;border-bottom:1px solid #bdb5aa}.practiceHomeStudios article>span{color:#a6171d;font:700 .62rem/1 monospace}.practiceHomeStudios article h3{margin:80px 0 18px;font-size:clamp(1.6rem,2.4vw,2.6rem);line-height:.98}.practiceHomeStudios article p{margin:0 0 26px;color:#6a645d}.practiceHomeStudios article a{margin-top:auto;color:#a6171d;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.practiceHomeStudios article a:focus-visible{outline:3px solid #d0a33b;outline-offset:4px}@media(max-width:900px){.practiceHomeStudios>.creativeoShell>div:last-child{grid-template-columns:1fr 1fr}.practiceHomeStudios article:last-child{grid-column:1/-1}}@media(max-width:720px){.practiceHomeStudios{padding:60px 20px}.practiceHomeStudios>.creativeoShell>div:last-child{grid-template-columns:1fr}.practiceHomeStudios article:last-child{grid-column:auto}.practiceHomeStudios article{min-height:260px}.practiceHomeStudios article h3{margin-top:50px}}

/* Contrast boundary: these routes coexist with several legacy page identities.
   Explicit colors prevent those older dark-theme rules from leaking into light
   cards at tablet and mobile breakpoints. */
.practiceRoute :is(.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceBrandProcess){color:#111!important}
.practiceRoute :is(.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceBrandProcess) :is(h2,h3,h4){color:#111!important}
.practiceRoute :is(.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceBrandProcess) :is(p,dd){color:#625d56!important}
.practiceRoute :is(.practiceMethodSection,.practiceCapabilitySection,.practiceIntegritySection,.practiceBrandProcess) :is(.practiceEyebrow,article>span,dt){color:var(--route-red)!important}
.practiceRoute :is(.practiceRouteHero,.practiceRouteCta){color:#fff!important}
.practiceRoute :is(.practiceRouteHero,.practiceRouteCta) :is(h1,h2,h3,h4){color:#fff!important}
.practiceRoute .practiceRouteHero h1 em{color:var(--route-gold)!important}
.practiceRoute .practiceRouteCta p{color:#bbb4ac!important}

/* app/ultra-polish.css */
/* Final responsive containment and geometry contract.
 * This layer intentionally owns spacing and shape safety only. Vankpa,
 * Imagineeer, and the six demo brands keep their independent palettes. */
:root {
  --polish-edge: clamp(20px, 3.25vw, 58px);
  --polish-radius: 16px;
  --polish-radius-small: 12px;
}

html { max-width: 100%; }

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) {
  max-width: 100%;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) *,
:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) *::before,
:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) *::after {
  box-sizing: border-box;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) :where(section, article, aside, header, footer, nav, div, figure, picture, form, fieldset, dl, ol, ul) {
  min-width: 0;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) :where(img, svg, video, canvas) {
  max-width: 100%;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) :where(a, button, summary, label, input, select, textarea) {
  min-width: 0;
  max-width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) :where(address, a[href^="mailto:"], a[href^="tel:"]) {
  overflow-wrap: anywhere;
}

:is(
  #main-content,
  #imagineeer-main,
  #ft-top,
  #rp-top,
  #al-top,
  #fn-top,
  .atSite,
  #sblx-top
) :where(h1, h2, h3, h4, h5, h6, p, li, dt, dd) {
  max-width: 100%;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}

/* Vankpa / Creativeo: consistent interior gutters and readable card roles. */
html body #main-content .creativeoPage {
  --polish-card-radius: var(--polish-radius);
}

html body #main-content .creativeoPage > :where(section) {
  max-width: 100%;
}

html body #main-content .creativeoPage :where(
  .creativeoSplit,
  .creativeoPractice,
  .creativeoProcess,
  .creativeoFeaturePanel
) {
  padding-inline: clamp(28px, 4vw, 64px) !important;
}

html body #main-content .creativeoPage :where(
  .creativeoCard,
  .creativeoEditorialCard,
  .creativeoPriceCard,
  .creativeoArticleCard,
  .creativeoContactCard,
  .creativeoServiceCard,
  .creativeoFeaturePanel,
  .creativeoStoryPanel,
  .creativeoImpactColumns article,
  .services-start-grid-v13 article,
  .services-method-step-v13,
  .services-standard-grid-v13 article,
  .services-flip-card-v14,
  .bos-solution-grid > article,
  .start-project-intro aside,
  .start-project-form .intake-form
) {
  border-radius: var(--polish-card-radius) !important;
  clip-path: none !important;
  overflow: hidden;
}

html body #main-content .creativeoPage :where(
  .creativeoHeroMedia,
  .creativeoHomePortrait,
  .creativeoHomeTabMedia,
  .creativeoProjectMedia,
  .creativeoArticleMedia,
  .creativeoSplitMedia,
  .creativeoContactMedia,
  .creativeoDetailHeroMedia,
  .creativeoStoryMedia,
  .creativeoArticleInline,
  .services-method-media-v30,
  .profile-visual-media-v9,
  .studio-story-media-v9,
  .services-hero-visual-v13
) {
  border-radius: var(--polish-card-radius) !important;
  clip-path: none !important;
  transform: none !important;
  overflow: hidden;
}

html body #main-content .creativeoPage :where(
  .creativeoAboutPage .creativeoHeroMedia,
  .creativeoPortfolioPage .creativeoHeroMedia,
  .creativeoContactPage .creativeoContactMedia,
  .creativeoResumePage .profile-visual-media-v9,
  .creativeoStudioPartnerPage .studio-story-media-v9,
  .creativeoCasePage .creativeoSplitMedia
) {
  box-shadow: 0 20px 54px rgba(8, 8, 8, .16) !important;
}

html body #main-content .creativeoPage :where(
  .creativeoCard,
  .creativeoEditorialCard,
  .creativeoContactCard,
  .creativeoDetailCards article,
  .creativeoServiceCopy,
  .services-start-grid-v13 article,
  .services-method-step-v13,
  .services-standard-grid-v13 article
) :where(h2, h3) {
  font-size: clamp(1.38rem, 2vw, 2rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

html body #main-content .creativeoPage :where(
  .creativeoPriceCard,
  .creativeoProjectCopy,
  .creativeoArticleCopy
) :where(h2, h3) {
  font-size: clamp(1.55rem, 2.35vw, 2.45rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
}

html body #main-content .creativeoPage :where(
  .creativeoCard,
  .creativeoEditorialCard,
  .creativeoContactCard,
  .creativeoPriceCard,
  .creativeoArticleCopy,
  .creativeoDetailCards article,
  .creativeoServiceCopy
) :where(p, li, dd) {
  line-height: 1.62;
}

html body #main-content .creativeoPage :where(
  .creativeoFacts,
  .creativeoMetricRail,
  .creativeoDetailCards,
  .creativeoContactCardGrid,
  .creativeoDecisionSequence
) > * {
  min-width: 0;
}

html body #main-content .creativeoContactCardGrid {
  gap: 12px;
}

html body #main-content .creativeoContactCard,
html body #main-content .creativeoContactCard:not(:last-child) {
  border: 1px solid var(--creativeo-line) !important;
}

html body #main-content .services-method-heading-v13 > h2 {
  max-width: 100% !important;
  white-space: normal !important;
}

/* Process keeps its editorial grid but no longer fades real labels at edges. */
html body #main-content [class*="_heroPath_"],
html body #main-content [class*="_principleMedia_"],
html body #main-content [class*="_activePhase_"],
html body #main-content [class*="_rhythmVisual_"] {
  border-radius: var(--polish-radius) !important;
  clip-path: none !important;
  overflow: hidden;
}

html body #main-content [class*="_heroPathRail_"],
html body #main-content [class*="_phaseNav_"] {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  scroll-padding-inline: 18px;
}

/* Consulting and dense Vankpa grids receive a deliberate tablet state. */
@media (max-width: 1050px) {
  html body #main-content .creativeoContactCardGrid,
  html body #main-content .creativeoDetailCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #main-content :where(.creativeoContactCardGrid, .creativeoDetailCards) > :last-child {
    grid-column: 1 / -1;
  }

  html body #main-content .creativeoPricingGrid {
    grid-template-columns: 1fr !important;
  }

  html body #main-content .creativeoPricingGrid > * {
    grid-column: auto !important;
  }

  html body #main-content .creativeoDecisionSequence {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body #main-content .creativeoInsightsPage .creativeoEditorialGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #main-content .creativeoInsightsPage .creativeoEditorialGrid > :first-child {
    grid-column: 1 / -1;
  }

  html body #main-content .creativeoConsultingPage :where(
    .services-start-grid-v13,
    .services-standard-grid-v13,
    .services-capability-grid-v13
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #main-content .creativeoConsultingPage :where(
    .services-start-grid-v13 article,
    .services-method-step-v13,
    .services-standard-grid-v13 article,
    .services-flip-card-v14
  ) {
    min-height: 0 !important;
    height: auto !important;
  }

  html body #main-content [class*="_activePhase_"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 900px) {
  html body #main-content .creativeoPage :where(
    .creativeoHeroInner,
    .creativeoDetailSplit
  ) {
    grid-template-columns: 1fr !important;
  }

  html body #main-content .creativeoPage :where(
    .creativeoHeroCopy,
    .creativeoDetailHeroCopy
  ) {
    max-width: 760px;
  }

  html body #main-content .creativeoConsultingPage :where(
    .services-start-grid-v13,
    .services-standard-grid-v13,
    .services-capability-grid-v13
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  :root { --polish-edge: 20px; }

  html body #main-content .creativeoPage {
    --polish-card-radius: var(--polish-radius-small);
  }

  html body #main-content .creativeoPage :where(
    .creativeoSplit,
    .creativeoPractice,
    .creativeoProcess,
    .creativeoFeaturePanel
  ) {
    width: calc(100% - 40px) !important;
    padding-inline: 20px !important;
  }

  html body #main-content .creativeoPage :where(
    .creativeoHeroCopy h1,
    .creativeoDetailHeroCopy h1,
    .creativeoBodyCta h2
  ) {
    max-width: 100% !important;
    font-size: clamp(2.45rem, 10.8vw, 3.35rem) !important;
    line-height: .98 !important;
    overflow-wrap: break-word !important;
  }

  html body #main-content .creativeoContactCardGrid,
  html body #main-content .creativeoDetailCards,
  html body #main-content .creativeoInsightsPage .creativeoEditorialGrid {
    grid-template-columns: 1fr !important;
  }

  html body #main-content .creativeoInsightsPage .creativeoEditorialGrid > :first-child,
  html body #main-content :where(.creativeoContactCardGrid, .creativeoDetailCards) > :last-child {
    grid-column: auto;
  }

  html body #main-content .creativeoDecisionSequence {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #main-content .creativeoFacts {
    grid-template-columns: 1fr !important;
  }

  html body #main-content .creativeoFacts > div,
  html body #main-content .creativeoFacts > div:not(:first-child) {
    padding: 20px 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--creativeo-line);
  }

  html body #main-content .creativeoFacts > div:last-child {
    border-bottom: 0;
  }
}

/* Imagineeer keeps its own blue/periwinkle system and receives one geometry. */
#imagineeer-main {
  --ix-radius: var(--polish-radius);
  --ink: #181818;
  --paper: #f5f5f5;
  --white: #fff;
  --brand-blue: #274c9f;
  --brand-deep: #005a9c;
  --brand-periwinkle: #8088e6;
  --brand-navy: #111519;
  --line-dark: rgba(24,24,24,.16);
  --line-light: rgba(255,255,255,.2);
  --page-scroll: 0;
  --gutter: clamp(20px,3.25vw,52px);
  --section-pad: clamp(60px,5vw,84px);
  --content-max: 1440px;
}

#imagineeer-main .page-wipe {
  animation: polishPageWipe .42s cubic-bezier(.62, 0, .22, 1) forwards !important;
}

@keyframes polishPageWipe {
  0% { opacity: 1; transform: scaleX(1); transform-origin: right; }
  100% { opacity: 0; transform: scaleX(0); transform-origin: right; }
}

#imagineeer-main :where(h1, h2, h3, h4, h5, h6) {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#imagineeer-main :where(a, button, input, select, textarea) {
  word-break: normal;
  overflow-wrap: break-word;
}

#imagineeer-main :where(address, a[href^="mailto:"], a[href^="tel:"]) {
  overflow-wrap: anywhere;
}

#imagineeer-main .linoxa-hero-card h2 {
  max-width: 24ch;
  font-size: clamp(1.45rem, 2vw, 1.9rem) !important;
  line-height: 1.06 !important;
}

#imagineeer-main :where(
  .linoxa-hero-card,
  .linoxa-inner-card,
  .strategy-spine-grid article,
  .about-mosaic > figure,
  .about-mosaic > article,
  .project-card,
  .mission-lead,
  .mission-support,
  .studio-card,
  .experience-panel,
  .solution-card,
  .home-platform-card,
  .home-signal-grid > a,
  .audience-pathways a,
  .leader-grid article,
  .full-contact-form,
  .contact-success,
  .choose-visual,
  .strategy-visual,
  .decision-visual,
  .about-photo,
  .logo-card,
  .logo-chip,
  .menu-gallery figure,
  .footer-gallery figure,
  .media-track figure
) {
  border-radius: var(--ix-radius) !important;
  clip-path: none !important;
  overflow: hidden;
}

#imagineeer-main :where(
  .strategy-visual,
  .decision-visual,
  .about-photo,
  .project-image,
  .mission-lead figure,
  .mission-support figure,
  .solution-card > picture,
  .home-platform-card > picture,
  .choose-visual,
  .film-picture
) img {
  object-fit: cover !important;
  object-position: center top !important;
}

#imagineeer-main :where(.strategy-visual, .decision-visual, .choose-visual) img {
  object-position: center center !important;
}

#imagineeer-main .leader-grid img {
  object-fit: contain !important;
  object-position: center top !important;
}

@media (min-width: 1101px) {
  #imagineeer-main .linoxa-inner-copy h1 {
    max-width: 100%;
    font-size: clamp(44px, 4.2vw, 64px) !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 760px) {
  #imagineeer-main { --ix-radius: var(--polish-radius-small); }

  #imagineeer-main :where(.linoxa-hero-copy, .linoxa-inner-copy) {
    padding-inline: 20px !important;
  }

  #imagineeer-main :where(.linoxa-hero-card, .linoxa-inner-card) {
    margin-inline: 20px !important;
    padding: 18px !important;
  }

  #imagineeer-main :where(.linoxa-hero-copy h1, .linoxa-inner-copy h1) {
    max-width: 100% !important;
    font-size: clamp(2.4rem, 10.8vw, 3.15rem) !important;
    line-height: .96 !important;
  }
}

/* All demo brands: safe wrapping and full rectangular content frames. */
:is(#ft-top, #rp-top, #al-top, #fn-top, .atSite, #sblx-top) :where(
  nav a,
  footer a,
  button,
  summary,
  .demoButton,
  .demoCta
) {
  white-space: normal;
  line-height: 1.3;
}

:is(#ft-top, #rp-top, #al-top, #fn-top, .atSite, #sblx-top) :where(
  nav a,
  footer a,
  button,
  summary,
  dt,
  dd
) {
  overflow-wrap: anywhere !important;
}

/* Aureline Bridal: editorial square imagery, contained horizontal rails. */
@media (max-width: 70rem) {
  #ft-top .ftFooterMain {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #ft-top .ftFooterMain > :first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 44rem) {
  #ft-top .ftAnnouncement {
    min-height: 2.2rem !important;
    padding: .45rem 1rem !important;
    text-align: left;
  }

  #ft-top .ftAnnouncement p {
    max-width: 100%;
    font-size: clamp(.5rem, 2.05vw, .58rem) !important;
    line-height: 1.2 !important;
    white-space: nowrap;
  }

  #ft-top .ftFooterMain {
    grid-template-columns: 1fr !important;
  }

  #ft-top .ftFooterMain > * {
    grid-column: 1 !important;
  }

  #ft-top .ftProductRail {
    padding-inline: 20px !important;
  }

  #ft-top .ftProductRail .ftRailGrid {
    width: 100%;
    margin-right: 0 !important;
    padding-right: 20px !important;
    scroll-padding-inline: 0 20px;
  }

  #ft-top .ftCompleteLook > div {
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 20px !important;
    scroll-padding-inline: 0 20px;
  }

  #ft-top .ftProductGallery > .ftVariantHero,
  #ft-top .ftProductGallery > .ftProductGalleryDetails,
  #ft-top .ftProductGallery > .ftProductGalleryDetails picture {
    min-height: clamp(28rem, 118vw, 38rem) !important;
  }
}

/* RoutePilot: floating proof stays inside the hero and compact menus collapse. */
@media (max-width: 1120px) {
  #rp-top :where(.rpHeroStatus, .rpHeroMini, .rpHeroOrb) {
    max-width: calc(100% - 24px);
  }

  #rp-top .rpHeroStatus { left: 12px !important; }
  #rp-top .rpHeroMini { right: 12px !important; }
  #rp-top .rpHeroOrb { right: 12px !important; }
  #rp-top .rpFloatingCard { right: 12px !important; bottom: 12px !important; }
}

@media (max-width: 390px) {
  #rp-top .rpMenuLinks,
  #rp-top .rpMenuBottom {
    grid-template-columns: 1fr !important;
  }
}

/* Arc Ledger: the mobile collage and navigation never bleed off canvas. */
#al-top .alHeroCard {
  border-radius: 0;
}

#al-top :where(
  .alCashImage > .alPicture,
  .alGovernanceVisual > .alPicture,
  .alPageHero > .alPicture,
  .alEditorialImage > .alPicture,
  .alItem > .alPicture
) {
  border-radius: 0 !important;
  clip-path: none !important;
}

#al-top .alFaq summary {
  padding-right: 8px !important;
}

@media (max-width: 900px) {
  #al-top .alFaq summary {
    grid-template-columns: 2.25rem minmax(0, 1fr) 1.5rem !important;
    gap: .55rem !important;
  }

  #al-top .alFaq summary strong {
    min-width: 0;
    overflow-wrap: break-word;
  }
}

@media (max-width: 700px) {
  #al-top .alHeroCollage {
    width: 100% !important;
    margin-inline: 0 !important;
  }

  #al-top .alHeroCardOne {
    left: 1% !important;
    transform: none !important;
  }

  #al-top .alHeroCardTwo {
    left: 19% !important;
    transform: none !important;
  }

  #al-top .alHeroCardFour {
    right: 1% !important;
    transform: none !important;
  }

  #al-top :where(.alMenuBody, .alMenuLinks, .alMenuBody nav, .alFooterBottom) {
    grid-template-columns: 1fr !important;
  }

  #al-top :where(.alMenuFoot, .alFooterBottom, .alFooterMain) {
    font-size: .72rem !important;
  }

}

/* Fieldnote AI: image frames and callouts use safe positive insets. */
#fn-top :where(
  .fnHeroVisual .fnPicture,
  .fnEvidence .fnPicture,
  .fnGovernanceVisual .fnPicture,
  .fnPageHero .fnPicture,
  .fnStoryFlowMedia .fnPicture,
  .fnInsightsLead .fnPicture
) {
  border-radius: var(--polish-radius) !important;
  clip-path: none !important;
  overflow: hidden;
}

#fn-top .fnInsightsLead .fnPicture {
  border-radius: 0 !important;
}

#fn-top .fnOrbit {
  top: 12px !important;
  right: 12px !important;
}

#fn-top .fnDisclosure {
  display: grid;
  grid-template-columns: minmax(8.5rem, .45fr) minmax(0, 2fr) max-content;
  column-gap: clamp(1rem, 3vw, 2rem);
}

#fn-top .fnDisclosure > * {
  min-width: 0;
}

@media (max-width: 900px) {
  #fn-top .fnDisclosure {
    grid-template-columns: minmax(8.5rem, .42fr) minmax(0, 1fr);
    row-gap: .8rem;
  }

  #fn-top .fnDisclosure > a {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 700px) {
  #fn-top .fnDisclosure {
    grid-template-columns: 1fr;
  }

  #fn-top .fnDisclosure > a {
    grid-column: auto;
  }

  #fn-top :where(
    .fnPageHero,
    .fnItemHero,
    .fnArticleHero,
    .fnPageHero > div:first-child,
    .fnItemHero > div:first-child,
    .fnArticleHero > div:first-child
  ) {
    padding-inline: 22px !important;
  }

  #fn-top :where(
    .fnHeroVisual .fnPicture,
    .fnEvidence .fnPicture,
    .fnGovernanceVisual .fnPicture,
    .fnPageHero .fnPicture
  ) {
    border-radius: var(--polish-radius-small) !important;
  }
}

/* Mobile section navigation presents complete labels instead of cropped rail items. */
@media (max-width: 720px) {
  #main-content .services-nav-v13 {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    padding: 12px var(--polish-edge);
  }

  #main-content .services-nav-v13 a {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 44px;
    padding: 9px 10px;
    text-align: left;
    white-space: normal;
  }

  #main-content .services-nav-v13 a:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

/* Atelier 27: remove asymmetric arch crops and protect footer labels. */
.atSite .atAmenityFeature picture {
  border-radius: var(--polish-radius) !important;
  clip-path: none !important;
}

.atSite :where(.atFooterLinks, .atFooterBottom) > * {
  min-width: 0;
}

.atSite :where(.atFooterLinks a, .atFooterBottom a, .atFooterBottom p) {
  overflow-wrap: anywhere;
}

@media (max-width: 520px) {
  .atSite .atFooterBottom {
    grid-template-columns: 1fr !important;
    font-size: .7rem !important;
  }
}

/* Stone + Beam: joined cards become clean panels; ghost words cannot crop. */
#sblx-top .sblxServiceCards {
  gap: 12px;
}

#sblx-top .sblxServiceCards article,
#sblx-top .sblxServiceCards article:nth-child(2),
#sblx-top .sblxServiceCards article:last-child {
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: var(--polish-radius) !important;
  overflow: hidden;
}

@media (max-width: 1100px) {
  #sblx-top .sblxHero {
    min-height: 860px;
  }

  #sblx-top .sblxHeroCopy {
    right: var(--polish-edge);
    left: var(--polish-edge);
    bottom: 220px;
  }

  #sblx-top .sblxHeroCard {
    right: var(--polish-edge);
    left: var(--polish-edge);
    width: auto;
  }

  #sblx-top :where(.sblxHeroGhost, .sblxPageHero > span) {
    display: none !important;
  }

  #sblx-top .sblxFooterBottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

#sblx-top .sblxPageHero > span {
  display: none !important;
}

@media (max-width: 520px) {
  #sblx-top .sblxFooterBottom {
    grid-template-columns: 1fr;
    font-size: .7rem;
  }

  #sblx-top .sblxFooterWord {
    white-space: normal;
    overflow-wrap: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  #imagineeer-main .page-wipe { display: none; }
}

/* app/strategy-consolidation.css */
/* Strategy consolidation: focused offer, evidence hierarchy, and one conversion path. */

#main-content .creativeoPage :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,a,button,span) {
  min-width: 0;
  overflow-wrap: break-word;
}

@media (min-width: 1181px) {
  .site-menu-details > summary { display: none !important; }
  .site-header-v20 .header-actions-v3 { padding-right: 0 !important; }
}

@media (min-width: 1051px) {
  #main-content .creativeoHomePage--focused .creativeoHomeHero {
    min-height: 0 !important;
    padding: clamp(150px, 11vw, 184px) 0 clamp(74px, 7vw, 110px) !important;
  }
  #main-content .creativeoHomePage--focused .creativeoHomeHeroInner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(56px, 7vw, 116px) !important;
    align-items: center !important;
    min-height: 0 !important;
  }
  #main-content .creativeoHomePage--focused .creativeoHomeHeroCopy {
    grid-column: 1 !important;
    max-width: 660px !important;
    padding: 0 !important;
  }
  #main-content .creativeoHomePage--focused .creativeoHomeHeroCopy::before {
    inset: -28px !important;
    background: rgba(3,3,7,.54) !important;
  }
  #main-content .creativeoHomePage--focused .creativeoHomePortrait--primary {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 520px !important;
    justify-self: end !important;
    aspect-ratio: 4 / 5 !important;
  }
}

#main-content .creativeoHomePage--focused .creativeoHomeHeroCopy h1 {
  max-width: 11ch !important;
}

.strategyProofSection {
  padding: clamp(76px, 8vw, 124px) 0;
  background: #050505;
  color: #fff;
}
.strategyProofHeader {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  margin-bottom: 42px;
}
.strategyProofHeader .creativeoEyebrow { grid-column: 1 / -1; }
.strategyProofHeader h2 {
  max-width: 14ch;
  margin: 0;
  color: #fff;
  font-size: clamp(2.5rem, 4.3vw, 4.75rem);
}
.strategyProofHeader h2 em { color: var(--gold); }
.strategyProofHeader > small {
  max-width: 30ch;
  color: rgba(255,255,255,.62);
  font-size: .68rem;
  line-height: 1.5;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
}
.strategyProofSection .creativeoMetricRail {
  width: 100%;
  border-color: rgba(255,255,255,.18);
}
.strategyProofSection .creativeoMetricRail article { border-color: rgba(255,255,255,.18); }
.strategyProofSection .creativeoMetricRail strong { color: #fff !important; }
.strategyProofSection .creativeoMetricRail h3 { color: #fff; }
.strategyProofSection .creativeoMetricRail p { color: rgba(255,255,255,.66); }

#main-content .creativeoCard small {
  display: block;
  margin: 22px 0 0;
  color: var(--creativeo-muted);
  font-size: .72rem;
  line-height: 1.55;
}
#main-content .creativeoCardSection > .creativeoShell > .creativeoActions {
  margin-top: 46px;
}

#main-content .creativeoPortfolioGrid--evidence {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(24px, 3vw, 48px) !important;
}

.strategyDemoLab {
  padding: clamp(78px, 8vw, 126px) 0;
  background:
    radial-gradient(circle at 88% 22%, rgba(152,22,26,.26), transparent 30%),
    #050505;
  color: #fff;
}
.strategyDemoLab > .creativeoShell {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, .65fr);
  gap: clamp(56px, 10vw, 150px);
  align-items: start;
}
.strategyDemoLab h2 {
  max-width: 13ch;
  margin: 28px 0 0;
  color: #fff;
  font-size: clamp(2.8rem, 4.6vw, 5.1rem);
}
.strategyDemoLab h2 em { color: var(--gold); }
.strategyDemoLab > .creativeoShell > div:last-child {
  padding-top: 42px;
  border-top: 1px solid rgba(255,255,255,.2);
}
.strategyDemoLab p { color: rgba(255,255,255,.68); }

.strategyCaseEvidence {
  scroll-margin-top: 84px;
  padding: clamp(78px, 8vw, 126px) 0;
  background: #f3efe8;
  color: #090909;
}
.strategyCaseEvidence > .creativeoShell {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
  gap: clamp(54px, 9vw, 140px);
}
.strategyCaseEvidence header h2 {
  max-width: 12ch;
  margin: 28px 0 24px;
  font-size: clamp(2.6rem, 4.4vw, 4.8rem);
}
.strategyCaseEvidence header h2 em { color: var(--gold-dark, #9b6d17); }
.strategyCaseEvidence header p:last-child { color: #57524c; }
.strategyCaseEvidence dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid rgba(9,9,9,.18);
}
.strategyCaseEvidence dl > div {
  min-width: 0;
  padding: 24px 24px 30px 0;
  border-bottom: 1px solid rgba(9,9,9,.18);
}
.strategyCaseEvidence dl > div:nth-child(even) {
  padding-left: 24px;
  border-left: 1px solid rgba(9,9,9,.18);
}
.strategyCaseEvidence dt {
  margin-bottom: 10px;
  color: #9b171d;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.strategyCaseEvidence dd {
  margin: 0;
  color: #24211e;
  font-size: .92rem;
  line-height: 1.62;
}

/* Focused Vankpa pages keep the main black, white, gold, and red system. */
#main-content .creativeoAboutPage--focused .creativeoDirection,
#main-content .creativeoAboutPage--focused .creativeoStrengths,
#main-content .creativeoAboutPage--focused .strategyAboutFacts {
  background: #f3efe8 !important;
  color: #090909 !important;
}
#main-content .creativeoAboutPage--focused .creativeoDirection :where(p,h2,strong),
#main-content .creativeoAboutPage--focused .creativeoStrengths :where(p,h2,h3),
#main-content .creativeoAboutPage--focused .strategyAboutFacts :where(h2,dd) {
  color: inherit !important;
}
#main-content .creativeoAboutPage--focused .creativeoDirection strong,
#main-content .creativeoAboutPage--focused :where(.creativeoSectionHeading,.creativeoPractice) em {
  color: #a87418 !important;
}
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard,
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard:nth-child(even) {
  transform: none !important;
  border: 1px solid rgba(9,9,9,.14) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: none !important;
}
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard :where(h3,p) {
  color: #111 !important;
}
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoCardNumber {
  color: #8e1318 !important;
}
#main-content .creativeoAboutPage--focused .creativeoFacts {
  margin-top: 48px;
  border-color: rgba(9,9,9,.18);
}
#main-content .creativeoAboutPage--focused .creativeoFacts > div { border-color: rgba(9,9,9,.18); }
#main-content .creativeoAboutPage--focused .creativeoFacts dt { color: #9b171d; }

/* Small labels on light service cards use the red trust accent; gold remains
   reserved for larger display copy where it clears the contrast threshold. */
#main-content .creativeoServicesPage--focused :where(.creativeoServiceMeta, .creativeoServiceFacts dt) {
  color: #8e1318 !important;
}

#main-content .creativeoHomePage--focused .creativeoCardSection > .creativeoShell > .creativeoActions .creativeoButton {
  border-color: rgba(17,17,17,.42) !important;
  color: #111 !important;
}
#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoEyebrow {
  color: #d5aa45 !important;
}

.strategyLegalHero {
  position: relative;
  overflow: hidden;
  padding: clamp(156px, 14vw, 220px) 0 clamp(78px, 9vw, 136px);
  background:
    radial-gradient(circle at 90% 28%, rgba(152,22,26,.3), transparent 28%),
    #050505;
  color: #fff;
}
.strategyLegalHero .creativeoGuideField { opacity: .18; }
.strategyLegalHero .creativeoShell { position: relative; z-index: 1; }
.strategyLegalHero h1 {
  max-width: 15ch;
  margin: 30px 0;
  color: #fff;
  font-size: clamp(3.4rem, 7vw, 7.6rem);
  line-height: .92;
}
.strategyLegalHero p:not(.creativeoEyebrow) {
  max-width: 720px;
  color: rgba(255,255,255,.7);
  font-size: 1.1rem;
}
.strategyLegalHero small {
  display: block;
  margin-top: 32px;
  color: var(--gold);
  font-size: .66rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.strategyLegalBody {
  padding: clamp(72px, 8vw, 124px) 0;
  background: #f3efe8;
  color: #12100e;
}
.strategyLegalBody > .creativeoShell {
  display: grid;
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}
.strategyLegalBody section {
  padding: 34px 0;
  border-top: 1px solid rgba(9,9,9,.16);
}
.strategyLegalBody h2 {
  margin: 0 0 16px;
  color: #111;
  font-size: clamp(1.6rem, 2.5vw, 2.35rem);
}
.strategyLegalBody p { color: #4e4943; font-size: 1rem; line-height: 1.75; }
.strategyLegalBody a { color: #8e1318; text-decoration: underline; text-underline-offset: 4px; }
.strategyLegalBody aside {
  margin-top: 44px;
  padding: clamp(28px, 5vw, 54px);
  border-radius: 20px;
  background: #090909;
  color: #fff;
}
.strategyLegalBody aside h2 { color: #fff; }
.strategyLegalBody aside p { color: rgba(255,255,255,.68); }
.strategyLegalBody aside .creativeoTextLink { color: #fff; }

.intake-clear-draft {
  width: max-content;
  min-height: 44px;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

/* The footer trust column is navigation, not a promotional card. */
.site-page-v3 .footer-v7-connect {
  display: grid !important;
  align-content: start !important;
}

@media (max-width: 1050px) {
  #main-content .creativeoPortfolioGrid--evidence { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .strategyProofHeader { grid-template-columns: 1fr; }
  .strategyProofHeader > small { text-align: left; }
  .strategyDemoLab > .creativeoShell,
  .strategyCaseEvidence > .creativeoShell { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  #main-content .creativeoHomePage--focused .creativeoHomeHeroCopy h1 { max-width: 100% !important; }
  #main-content .creativeoPortfolioGrid--evidence { grid-template-columns: 1fr !important; gap: 54px !important; }
  .strategyProofSection { padding-block: 66px; }
  .strategyProofHeader { margin-bottom: 26px; }
  .strategyProofHeader h2,
  .strategyDemoLab h2,
  .strategyCaseEvidence header h2 { max-width: 100%; }
  .strategyCaseEvidence dl { grid-template-columns: 1fr; }
  .strategyCaseEvidence dl > div,
  .strategyCaseEvidence dl > div:nth-child(even) {
    padding: 20px 0;
    border-left: 0;
  }
  .strategyLegalHero { padding: 126px 0 70px; }
  .strategyLegalHero h1 { max-width: 100%; font-size: clamp(2.8rem, 12vw, 4.25rem); }
  .strategyLegalBody { padding-block: 62px; }
}

/* app/full-site-audit.css */
/* Final responsive contract — shared guardrails without flattening each brand. */

:root {
  --audit-section-space: clamp(4.75rem, 7.5vw, 8rem);
  --audit-section-space-compact: clamp(3.5rem, 5.5vw, 6rem);
  --audit-control-min: 2.75rem;
}

/* Vankpa: coherent hierarchy, resilient controls, and content-led spacing. */
#main-content .creativeoPage {
  --audit-display: clamp(3.25rem, 4.6vw, 5.35rem);
  --audit-section: clamp(2.35rem, 3.8vw, 4.25rem);
  --audit-card: clamp(1.45rem, 2vw, 2.25rem);
}

#main-content .creativeoPage :where(.creativeoHomeHeroCopy > h1, .creativeoHeroCopy > h1, .creativeoDetailHeroCopy > h1) {
  font-size: var(--audit-display) !important;
  line-height: .96 !important;
  text-wrap: balance;
}

#main-content .creativeoPage :where(.creativeoSectionHeading > h2, .creativeoBodyCta h2) {
  font-size: var(--audit-section) !important;
  line-height: 1 !important;
  text-wrap: balance;
}

#main-content .creativeoPage :where(.creativeoProjectCard, .creativeoServiceCard, .creativeoArticleCard) h3 {
  font-size: var(--audit-card);
  line-height: 1.08;
}

#main-content .creativeoPage :where(p, li, dd, dt) {
  overflow-wrap: break-word;
  word-break: normal;
}

#main-content .creativeoPage :where(a, button, summary) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: normal;
  word-break: normal;
  white-space: normal;
}

#main-content .creativeoPage :where(address, a[href^="mailto:"], a[href^="tel:"]) {
  overflow-wrap: anywhere;
}

#main-content .creativeoPage .creativeoButton {
  min-height: var(--audit-control-min);
  height: auto;
  padding-block: .875rem;
  line-height: 1.3;
  text-align: left;
}

.site-header-v20 :where(.nav-pill-v3 a, .header-contact-v3),
.site-menu-details > summary {
  min-height: var(--audit-control-min);
}

#main-content .creativeoPage :where(.creativeoArticleCard, .creativeoServiceCard, .creativeoProjectCard):focus-within {
  box-shadow: inset 0 0 0 3px var(--creativeo-accent, #d3a437);
}

#main-content .creativeoPage .creativeoBodyCta,
#main-content .creativeoPage .creativeoServiceCard {
  min-height: 0 !important;
}

#main-content .creativeoPage .creativeoMetricRail article {
  min-height: clamp(14rem, 21vw, 19rem) !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
  #main-content .creativeoServicesPage .creativeoHeroInner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2.625rem !important;
  }

  #main-content .creativeoServicesPage .creativeoHeroMedia {
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
  }

  #main-content .creativeoServicesPage .creativeoHeroMedia :where(picture, img) {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1050px) {
  #main-content .creativeoServicesPage .creativeoServiceCard {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #main-content .creativeoServicesPage .creativeoServiceCard:nth-child(even) :where(.creativeoServiceMedia, .creativeoServiceCopy) {
    grid-column: 1;
    grid-row: auto;
  }

  #main-content .creativeoServicesPage .creativeoServiceMedia {
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  #main-content .creativeoPage { --audit-display: clamp(2.6rem, 10.8vw, 3.55rem); }
  #main-content .creativeoPage :where(.creativeoHomeHeroCopy > h1, .creativeoHeroCopy > h1, .creativeoDetailHeroCopy > h1) {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* Imagineeer: comfortable mobile rhythm, balanced grids, and accessible controls. */
#imagineeer-content { display: block; scroll-margin-top: 5.5rem; outline: none; }
#imagineeer-main .inner-capability-grid p,
#imagineeer-main .expert-sources p { font-size: var(--size-body); }

@media (min-width: 761px) and (max-width: 1100px) {
  #imagineeer-main .inner-capability-grid[data-count="5"] > :last-child { grid-column: 1 / -1; }
}

#imagineeer-main .mira-launcher.is-open { visibility: hidden; }
#imagineeer-main :where(.mira-close, .mira-message a, .mira-message button, .mira-prompts button) {
  min-height: var(--audit-control-min);
}
#imagineeer-main .mira-close { width: var(--audit-control-min); height: var(--audit-control-min); }
#imagineeer-main .mira-status small { color: #596372; font-size: .6875rem; }
#imagineeer-main .mira-message :where(a, button),
#imagineeer-main .mira-prompts button { align-items: center; justify-content: center; }
#imagineeer-main .mira-form button {
  min-width: 4.125rem !important;
  max-width: none;
  padding-inline: .75rem;
}
#imagineeer-main .contact-drawer {
  height: 100dvh;
  padding-top: max(4.375rem, env(safe-area-inset-top));
  padding-right: max(2rem, env(safe-area-inset-right));
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
  padding-left: max(2rem, env(safe-area-inset-left));
}

@media (max-width: 360px) {
  #imagineeer-main .linoxa-inner-copy h1 {
    font-size: clamp(2.125rem, 10.8vw, 2.375rem) !important;
    letter-spacing: -.045em !important;
    overflow-wrap: normal;
    word-break: normal;
  }
}

/* Shared demos: Plus Jakarta Sans, safe text, brand-preserving geometry, and reliable controls. */
:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
  --demo-modern-font: var(--font-jakarta, "Plus Jakarta Sans", Arial, sans-serif);
  --demo-section-compact: clamp(3.5rem, 5vw, 5.5rem);
  --demo-section-standard: clamp(4.5rem, 7vw, 7.5rem);
  font-family: var(--demo-modern-font);
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(p, li, dd, dt, label) {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(a, button, summary) {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(button, [role="button"], input, select, textarea) {
  min-height: var(--audit-control-min);
}

.demoChatMessages p { overflow-wrap: anywhere !important; }
:is(body #ft-top, body #rp-top, body #al-top, body #fn-top, body .atSite, body #sblx-top) .demoCommerceHeading h1 {
  max-width: 100%;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
  text-wrap: balance;
}
.demoChatPanel header button,
.demoChatPrompts button,
.demoConsentActions button,
.demoPrivacyButton,
.demoChatForm :where(input, button) { min-block-size: var(--audit-control-min); }

.sblxMenu.isOpen { z-index: 520 !important; }
.demoUtilityLayer { --demo-layer-launcher: 460; --demo-layer-consent: 470; --demo-layer-dialog: 480; }
.demoPrivacySettingsButton {
  position: fixed;
  z-index: var(--demo-layer-launcher);
  left: max(1rem, env(safe-area-inset-left));
  bottom: max(1rem, env(safe-area-inset-bottom));
  min-height: 44px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  padding: .65rem .9rem;
  background: rgba(13,13,15,.9);
  color: #fff;
  font: 700 12px/1 var(--font-jakarta);
  letter-spacing: .05em;
  backdrop-filter: blur(12px);
}

@media (max-width: 640px) {
  :is(#ft-top, #rp-top, #al-top, #fn-top, .atSite, #sblx-top) .demoCommerceShell {
    width: calc(100% - 2rem) !important;
  }
  #sblx-top .sblxHero { min-height: max(100svh, 40rem) !important; }
  #ft-top.aurelineBridal .ftProductCard h2,
  #ft-top.aurelineBridal .ftProductCard h2 a {
    font-size: clamp(.875rem, 3.8vw, 1rem) !important;
    line-height: 1.22 !important;
  }
  .ftAnnouncement p {
    min-width: 0;
    font-size: max(.75rem, 12px) !important;
    line-height: 1.35;
    white-space: normal !important;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(.rpHero, .alHero, .fnHero) {
    min-height: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(#main-content, #imagineeer-main, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) *,
  :where(#main-content, #imagineeer-main, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) *::before,
  :where(#main-content, #imagineeer-main, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Audit authority — readable copy, contrast-safe accents, and equal input feedback. */
:where(#main-content, #imagineeer-main, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) p {
  text-align: left;
  text-wrap: pretty;
}

#main-content :where(.creativeoDirection, .creativeoStrengths, .creativeoHomeStatement) :where(h1, h2, h3) em {
  color: #806015 !important;
}

.alSite .alCashFeature :where(h1, h2, h3) em,
.alSite :where(.alPlatform, .alCatalog, .alInsights, .alFaq, .alContact, .alEditorial, .alItem) :where(h1, h2, h3) em {
  color: #874b12 !important;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(button, a, summary):active {
  transform: translateY(1px);
}

@media (hover: hover) and (pointer: fine) {
  :where(.creativeoCard, .creativeoArticleCard, .creativeoServiceCard, .creativeoProjectCard, .project-card, .home-platform-card, .home-signal-grid > a):focus-within {
    translate: 0 -2px;
  }
}

/* Keep engagement cards readable when their light surface becomes dark.
   The same contrast treatment applies to pointer hover and keyboard focus. */
#main-content .creativeoPage .creativeoCardSection .creativeoCard:is(:hover, :focus-within) {
  --creativeo-muted: #c9cad2;
  border-color: rgba(255, 255, 255, .22);
  background: #1b1b22;
  color: #f8f8fa;
}

#main-content .creativeoPage .creativeoCardSection .creativeoCard:is(:hover, :focus-within) :where(h2, h3, h4, strong, a) {
  color: #f8f8fa !important;
}

#main-content .creativeoPage .creativeoCardSection .creativeoCard:is(:hover, :focus-within) :where(p, small) {
  color: #c9cad2 !important;
}

#main-content .creativeoPage .creativeoCardSection .creativeoCard:is(:hover, :focus-within) a {
  border-bottom-color: rgba(255, 255, 255, .74);
}

:where(.rpSite, .alSite, .fnSite) :where(button, a, summary):focus-visible {
  outline-width: 3px !important;
  outline-style: solid !important;
  outline-offset: 4px !important;
}

:where(.rpSite, .alSite, .fnSite) :where(button, a, summary, label, input, select, textarea) {
  font-size: max(.75rem, 12px);
}

:where(.rpSite, .alSite, .fnSite) :where(.rpProofList, .alWorkspace, .fnWorkspace, .alHeroRail, .rpHeroStatus) {
  font-variant-numeric: tabular-nums;
}

.rpHeroWindow picture,
.rpImagePanel picture,
.fnPicture picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #main-content .creativeoIcon { width: 54px; height: 54px; }
}

/* Demo concept notices that sit on dark brand surfaces must keep their own
   light copy instead of inheriting the shared demo-muted foreground. */
.rpSite .rpDisclosure p { color: #c9cddd !important; }
.sblxSite .sblxConceptNotice p { color: #dad6cf !important; }

/* Compact footer directories: Trust uses the full available row instead of
   leaving an empty mobile column, and the fixed concierge keeps only the
   clearance it actually needs. */
@media (min-width: 721px) and (max-width: 1050px) {
  .site-page-v3 .footer-v7-connect {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: clamp(1rem, 3vw, 2.25rem);
  }

  .site-page-v3 .footer-v7-connect > small { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .site-page-v3 .footer-v7 {
    padding-bottom: max(1.25rem, env(safe-area-inset-bottom)) !important;
  }

  .site-page-v3 .footer-v7-directory {
    row-gap: 2rem;
    padding-top: 3.25rem;
    padding-bottom: 2.5rem;
  }

  .site-page-v3 .footer-v7-connect {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-self: stretch;
    width: 100%;
    column-gap: 1.5rem;
    row-gap: 0;
    padding-top: 1.75rem;
  }

  .site-page-v3 .footer-v7-connect > small {
    grid-column: 1 / -1 !important;
    margin-bottom: .75rem;
  }

  .site-page-v3 .footer-v7-connect > a {
    grid-column: auto !important;
    width: 100%;
    min-height: 3rem;
    padding: .75rem 0 !important;
  }

  .site-page-v3 .footer-v7-bottom {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .55rem 1rem;
    min-height: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .site-page-v3 .footer-v7-bottom > span:first-child { grid-column: 1; grid-row: 1; }
  .site-page-v3 .footer-v7-bottom > span:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
  .site-page-v3 .footer-v7-bottom > a { grid-column: 2; grid-row: 1; }
}

/* app/mobile-photo-system.css */
/* Canonical mobile photography contract: full-bleed 4:5 frames, matching Van's portrait. */

@media (max-width: 767px) {
  picture[data-mobile-presentation="portrait"] {
    display: block;
    width: 100%;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden;
  }

  picture[data-mobile-presentation="portrait"] > img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #main-content .creativeoPage :where(
    .creativeoHeroMedia,
    .creativeoHomePortrait,
    .creativeoHomeTabMedia,
    .creativeoProjectMedia,
    .creativeoArticleMedia,
    .creativeoServiceMedia,
    .creativeoSplitMedia,
    .creativeoContactMedia,
    .creativeoDetailHeroMedia,
    .creativeoStoryMedia,
    .creativeoArticleInline,
    .services-method-media-v30,
    .profile-visual-media-v9,
    .studio-story-media-v9,
    .services-hero-visual-v13
  ) {
    width: 100%;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
  }

  #main-content .creativeoPage :where(
    .creativeoHeroMedia,
    .creativeoHomePortrait,
    .creativeoHomeTabMedia,
    .creativeoProjectMedia,
    .creativeoArticleMedia,
    .creativeoServiceMedia,
    .creativeoSplitMedia,
    .creativeoContactMedia,
    .creativeoDetailHeroMedia,
    .creativeoStoryMedia,
    .creativeoArticleInline,
    .services-method-media-v30,
    .profile-visual-media-v9,
    .studio-story-media-v9,
    .services-hero-visual-v13
  ) :where(.project-media, picture, img) {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
  }

  :where(
    .demoHomeMedia,
    .demoPageVisual,
    .demoItemMedia,
    .demoCatalogMedia,
    .demoPrincipleMedia,
    .demoStoryVisual,
    .demoEditorialMedia,
    .ftHeroMedia,
    .rpHeroVisual,
    .rpHeroWindow,
    .rpPageHeroImage,
    .rpImagePanel,
    .rpIndustryImage,
    .alHeroVisual,
    .alPicture,
    .fnHeroVisual,
    .fnPicture,
    .atResidenceImage,
    .sbHeroVisual,
    .sblxMediaFrame,
    .sblxInsetMedia,
    .sblxFinalImage,
    .sblxProjectIndex > a > .responsive-picture,
    .sblxNotes article > .responsive-picture
  ) {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
  }

  :where(
    .demoHomeMedia,
    .demoPageVisual,
    .demoItemMedia,
    .demoCatalogMedia,
    .demoPrincipleMedia,
    .demoStoryVisual,
    .demoEditorialMedia,
    .ftHeroMedia,
    .rpHeroVisual,
    .rpHeroWindow,
    .rpPageHeroImage,
    .rpImagePanel,
    .rpIndustryImage,
    .alHeroVisual,
    .alPicture,
    .fnHeroVisual,
    .fnPicture,
    .atResidenceImage,
    .sbHeroVisual,
    .sblxMediaFrame,
    .sblxInsetMedia,
    .sblxFinalImage,
    .sblxProjectIndex > a > .responsive-picture,
    .sblxNotes article > .responsive-picture
  ) :where(picture, img) {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* app/demos/demo-ultra-polish.css */
/*
 * Final presentation layer for the six interactive demo brands.
 * The rules below preserve each visual identity while standardizing rhythm,
 * touch targets, readable measure, media finish, and responsive breathing room.
 */

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
  --demo-section-rhythm: clamp(4.75rem, 8vw, 8rem);
  --demo-section-compact: clamp(3rem, 5vw, 4.75rem);
  --demo-content-gap: clamp(1.5rem, 3vw, 2.75rem);
  --demo-card-gap: clamp(1rem, 2vw, 1.75rem);
  --demo-control-height: 3rem;
  --demo-readable: 68ch;
}

/* Brand-authored sections retain their more specific spacing; anonymous
 * editorial sections no longer collapse into one another. */
:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  :where(main > section:not([class])) {
  padding-block: var(--demo-section-rhythm);
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(picture, .responsive-picture, img) {
  display: block;
  min-width: 0;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(picture, .responsive-picture) {
  overflow: clip;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(p, li, dd) {
  max-width: var(--demo-readable);
  line-height: 1.68;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(h1, h2, h3, h4, p, li, label) {
  min-width: 0;
}

/* Buttons remain comfortably tappable even when brand-specific styles are
 * visually compact. Text links gain breathing room without becoming pills. */
:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  :where(button, [role="button"]) {
  min-width: 2.75rem;
  min-height: var(--demo-control-height) !important;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  :where(
    .ftPrimary,
    .rpButton,
    .rpMenuCta,
    .alButton,
    .alHeaderCta,
    .fnButton,
    .fnGhostButton,
    .atInquiryButton,
    .atFooterCta,
    .sblxHeaderCta,
    .sblxFooterCta
  ) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--demo-control-height) !important;
  padding-block: 0.78rem;
  padding-inline: clamp(1rem, 2vw, 1.4rem);
  line-height: 1.2;
  text-align: left;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  :where(
    .ftTextLink,
    .rpArrowLink,
    .alArrowLink,
    .alTextButton,
    .fnTextLink,
    .atTextLink,
    .sblxTextLink
  ) {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding-block: 0.55rem;
  line-height: 1.35;
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(h2, h3, h4)
  > a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding-block: 0.35rem;
}

/* Aureline intentionally carries an editorial amount of white space. These
 * were the recurring zero/40px section edges found in the mobile audit. */
.aurelineBridal
  :where(
    .ftProductRail,
    .ftCollections,
    .ftFounderStory,
    .ftValues,
    .ftJournalPreview,
    .ftHomeCta,
    .ftCatalog,
    .ftCompleteLook,
    .ftRelatedJournal
  ) {
  padding-block: var(--demo-section-rhythm) !important;
}

.aurelineBridal .ftCollectionHeading {
  padding-block: var(--demo-section-compact) !important;
}

.aurelineBridal .ftShopNote {
  padding: clamp(2rem, 5vw, 3.25rem) !important;
  margin-block: 0 var(--demo-section-rhythm);
}

.aurelineBridal .ftProductDetail {
  padding-top: clamp(2rem, 4vw, 4rem) !important;
  padding-bottom: var(--demo-section-rhythm) !important;
}

.aurelineBridal :where(.ftCompleteLook, .ftRelatedJournal) > header {
  gap: clamp(0.75rem, 2vw, 1.5rem);
  margin-bottom: clamp(2.25rem, 5vw, 4rem);
}

.aurelineBridal .ftCompleteLook > div {
  gap: var(--demo-card-gap);
}

.aurelineBridal .ftCompleteLook article {
  min-width: 0;
  background: color-mix(in srgb, var(--ft-white) 94%, var(--ft-ivory));
  border: 1px solid var(--ft-line);
}

.aurelineBridal .ftCompleteLook article > strong {
  display: block;
  padding-bottom: 0.15rem;
}

.aurelineBridal .ftProductEditorial {
  border-block: 1px solid color-mix(in srgb, var(--ft-line) 78%, transparent);
}

.aurelineBridal :where(.ftQuickAdd, .ftPurchaseOption button) {
  min-height: var(--demo-control-height) !important;
}

/* The other five brands already carry a strong spacing system. These targeted
 * adjustments correct their few intentionally compact content surfaces. */
.fnSite .fnPageHero {
  padding-bottom: var(--demo-section-compact) !important;
}

.atSite :where(.atDesignStory, .atInquiryStrip) {
  padding-block: var(--demo-section-rhythm) !important;
}

.sblxSite .sblxInlineCta {
  padding-block: var(--demo-section-compact) !important;
}

/* Calm, consistent grid spacing without replacing each demo's geometry. */
:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  :where(
    .ftRailGrid,
    .ftProductGrid,
    .ftCollectionGrid,
    .rpSystemGrid,
    .rpSolutionGrid,
    .rpIndustryCards,
    .rpResourceGrid,
    .rpPricingGrid,
    .alModuleGrid,
    .alInsightGrid,
    .fnModuleGrid,
    .fnStoryFlowGrid,
    .atResidenceGrid,
    .atPlaceGrid,
    .sblxServiceCards,
    .sblxPortfolioGrid,
    .sblxFactGrid
  ) {
  gap: var(--demo-card-gap);
}

:where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
  main
  :where(article, [class*="Card"]) {
  min-width: 0;
}

@media (hover: hover) and (pointer: fine) {
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    main
    article
    :where(picture, .responsive-picture)
    img {
    transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    main
    article:hover
    :where(picture, .responsive-picture)
    img {
    transform: scale(1.025);
  }
}

@media (max-width: 767px) {
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
    --demo-section-rhythm: clamp(4.25rem, 18vw, 5.25rem);
    --demo-section-compact: clamp(3rem, 13vw, 4rem);
    --demo-content-gap: clamp(1.25rem, 6vw, 2rem);
    --demo-card-gap: clamp(1rem, 4vw, 1.35rem);
  }

  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    :where(.ftMobileTrigger, .rpMenuTrigger, .atMenuButton, .sblxMenuButton) {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem !important;
  }

  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    :where(.ftWordmark, .rpBrand, .alBrand, .fnBrand, .atBrand, .sblxWordmark) {
    min-height: 2.75rem;
    align-items: center;
  }

  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    footer
    a {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding-block: 0.45rem;
  }

  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    main
    :where(h2, h3, h4)
    > a {
    min-height: 2.875rem;
    padding-block: 0.45rem;
  }

  .aurelineBridal .ftCompleteLook > div {
    width: calc(100vw - 1.25rem);
    margin-right: -1.25rem;
    padding-right: 1.25rem;
    scroll-padding-inline: 1.25rem;
    scrollbar-width: none;
  }

  .aurelineBridal .ftCompleteLook > div::-webkit-scrollbar {
    display: none;
  }

  .aurelineBridal .ftCompleteLook article {
    width: min(82vw, 21rem);
    flex-basis: min(82vw, 21rem);
  }

  .aurelineBridal .ftCompleteLook article > h3,
  .aurelineBridal .ftCompleteLook article > strong {
    margin-inline: 1rem;
  }

  .aurelineBridal .ftCompleteLook article > h3 {
    margin-top: 1rem;
  }

  .aurelineBridal .ftShopNote {
    margin-bottom: var(--demo-section-rhythm);
  }

  :where(.rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    :where(.rpButton, .alButton, .fnButton, .atInquiryButton, .sblxHeaderCta, .sblxFooterCta) {
    width: auto;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
    --demo-section-rhythm: clamp(4.75rem, 9vw, 6.5rem);
    --demo-card-gap: clamp(1.1rem, 2.25vw, 1.6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite)
    main
    article
    :where(picture, .responsive-picture)
    img {
    transform: none !important;
    transition: none !important;
  }
}

/* app/vankpa-color-system.css */
/* Vankpa master color system.
 * This layer is deliberately scoped to #main-content. Standalone Imagineeer
 * and demo microsites do not render inside that wrapper and retain their own
 * company-specific palettes.
 */

#main-content {
  --vankpa-black: #050505;
  --vankpa-charcoal: #121212;
  --vankpa-white: #ffffff;
  --vankpa-paper: #fbfbf9;
  --vankpa-sand: #f0efeb;
  --vankpa-red: #b20e21;
  --vankpa-red-bright: #d0142e;
  --vankpa-red-dark: #700712;
  --vankpa-gold: #d7b34a;
  --vankpa-gold-strong: #bd8d22;
  --vankpa-gold-text: #855f12;
  --vankpa-muted: #5d5a55;
  --vankpa-light-muted: #c8c6c0;
  --ink: var(--vankpa-black);
  --charcoal: var(--vankpa-charcoal);
  --paper: var(--vankpa-paper);
  --paper-2: var(--vankpa-sand);
  --red: var(--vankpa-red);
  --red-dark: var(--vankpa-red-dark);
  --gold: var(--vankpa-gold);
  --muted: var(--vankpa-muted);
  --line: rgba(8, 8, 8, .17);
  --light-line: rgba(255, 255, 255, .18);
  color: var(--vankpa-black);
  background: var(--vankpa-paper);
}

/* Shared Creativeo-derived page components use one Vankpa palette. */
#main-content .creativeoPage {
  --creativeo-bg: var(--vankpa-paper);
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(8, 8, 8, .18);
  --creativeo-accent: var(--vankpa-red);
  --creativeo-surface: var(--vankpa-paper);
  --creativeo-surface-2: var(--vankpa-sand);
  --creativeo-surface-3: var(--vankpa-white);
  --page-accent: var(--vankpa-red);
  --page-accent-2: var(--vankpa-gold);
  --page-paper: var(--vankpa-paper);
  --page-ink: var(--vankpa-black);
  background: var(--vankpa-paper);
  color: var(--vankpa-black);
}

#main-content .creativeoPage :where(.creativeoButton--accent, .creativeoPrimary) {
  border-color: var(--vankpa-red);
  background: var(--vankpa-red);
  color: var(--vankpa-white);
}

#main-content .creativeoPage :where(.creativeoButton--accent, .creativeoPrimary):is(:hover, :focus-visible) {
  border-color: var(--vankpa-gold);
  background: var(--vankpa-gold);
  color: var(--vankpa-black);
}

#main-content .creativeoPage :where(.creativeoEyebrow, dt, small) { color: var(--vankpa-red); }
#main-content .creativeoPage :where(h1, h2, h3) em { color: var(--vankpa-gold); }

/* Home: black and white carry the composition; red and gold stay accents. */
#main-content .creativeoHomePage { background: var(--vankpa-black); }
#main-content .creativeoHomePage .creativeoHero {
  background:
    radial-gradient(circle at 75% 28%, rgba(152, 22, 26, .22), transparent 27%),
    linear-gradient(118deg, var(--vankpa-black) 0 60%, #15110f 60% 100%);
}
#main-content .creativeoHomePage .creativeoHeroMedia { box-shadow: -24px 28px 0 var(--vankpa-red); }
#main-content .creativeoHomePage .creativeoHomeStatement { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoHomePage .creativeoHomeStatement .creativeoEyebrow { color: var(--vankpa-red) !important; }

/* About: remove the former cobalt system while preserving the magazine layout. */
#main-content .creativeoAboutPage { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoAboutPage .creativeoHero,
#main-content .creativeoAboutPage .creativeoMetricRail,
#main-content .creativeoAboutPage .creativeoProcess {
  --creativeo-accent: var(--vankpa-gold);
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  --creativeo-line: rgba(255, 255, 255, .2);
  background: var(--vankpa-black);
  color: var(--vankpa-white);
}
#main-content .creativeoAboutPage .creativeoHeroCopy h1 em,
#main-content .creativeoAboutPage .creativeoMetricRail strong { color: var(--vankpa-gold); }
#main-content .creativeoAboutPage .creativeoMarquee { background: var(--vankpa-gold); color: var(--vankpa-black); }
#main-content .creativeoAboutPage :where(.creativeoDirection, .creativeoStrengths) { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoAboutPage .creativeoDirectionCopy strong,
#main-content .creativeoAboutPage .creativeoPractice :where(.creativeoEyebrow, dt) { color: var(--vankpa-red) !important; }
#main-content .creativeoAboutPage .creativeoMetricRail :where(span, p),
#main-content .creativeoAboutPage .creativeoProcess p { color: var(--vankpa-light-muted); }
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard { background: var(--vankpa-white); box-shadow: 0 18px 40px rgba(0, 0, 0, .08); }
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even) { background: var(--vankpa-sand); }

/* Services: a black/white technical field guide with red dividers. */
#main-content .creativeoServicesPage { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoServicesPage .creativeoHero {
  color: var(--vankpa-black);
  background:
    linear-gradient(90deg, rgba(8, 8, 8, .08) 1px, transparent 1px),
    linear-gradient(rgba(8, 8, 8, .08) 1px, transparent 1px),
    var(--vankpa-paper);
  background-size: 42px 42px;
}
#main-content .creativeoServicesPage .creativeoHero::after { background: var(--vankpa-red); }
#main-content .creativeoServicesPage .creativeoMarquee { background: var(--vankpa-black); color: var(--vankpa-white); }
#main-content .creativeoServicesPage .creativeoSplitSection { background: var(--vankpa-sand); }
#main-content .creativeoServicesPage .creativeoServiceGrid { background: var(--vankpa-black); }
#main-content .creativeoServicesPage .creativeoServiceCard { background: var(--vankpa-white); color: var(--vankpa-black); }
#main-content .creativeoServicesPage .creativeoServiceCard:nth-child(even) { background: var(--vankpa-sand); }
#main-content .creativeoServicesPage :where(.creativeoProcessSection, .creativeoFeaturePanel, .creativeoBodyCta) {
  --creativeo-accent: var(--vankpa-gold);
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  background-color: var(--vankpa-black);
  color: var(--vankpa-white);
}

/* Solutions: remove orange and blue panels; keep a decision-led monochrome matrix. */
#main-content .creativeoSolutionsPage { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoSolutionsPage .page-hero-v3 { background: var(--vankpa-black); color: var(--vankpa-white); }
#main-content .creativeoSolutionsPage .page-hero-v3 em { color: var(--vankpa-gold); }
#main-content .creativeoSolutionsPage .bos-solution-grid { background: var(--vankpa-paper); }
#main-content .creativeoSolutionsPage .bos-solution-grid > article { border-color: var(--vankpa-black); background: var(--vankpa-white); }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n + 2) { background: var(--vankpa-black); color: var(--vankpa-white); }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n) { background: var(--vankpa-sand); }
#main-content .creativeoSolutionsPage .bos-fit { background: var(--vankpa-sand) !important; color: var(--vankpa-black); }
#main-content .creativeoSolutionsPage .bos-fit :where(h2, p) { color: var(--vankpa-black); }
#main-content .creativeoSolutionsPage .bos-solution-grid dt { color: var(--vankpa-red); }
#main-content .creativeoSolutionsPage .bos-solution-grid > article:nth-child(3n + 2) dt { color: var(--vankpa-gold); }

/* Work and case studies: black exhibition fields with restrained gold highlights. */
#main-content .creativeoPortfolioPage,
#main-content .creativeoCasePage { background: var(--vankpa-black); color: var(--vankpa-paper); }
#main-content .creativeoPortfolioPage { --creativeo-accent: var(--vankpa-gold); --page-accent: var(--vankpa-gold); }
#main-content .creativeoPortfolioPage .creativeoHero,
#main-content .creativeoPortfolioPage .creativeoPortfolioSection,
#main-content .creativeoCasePage .creativeoDetailHero,
#main-content .creativeoCasePage .creativeoProcessSection { background: var(--vankpa-black); }
#main-content .creativeoPortfolioPage .creativeoHeroCopy h1 em,
#main-content .creativeoCasePage .creativeoDetailHeroCopy h1 { color: var(--vankpa-gold); }
#main-content .creativeoPortfolioPage .creativeoHeroMedia { box-shadow: 22px 22px 0 var(--vankpa-red); }
#main-content .creativeoPortfolioPage .creativeoSplitSection,
#main-content .creativeoCasePage :where(.creativeoSplitSection, .creativeoPortfolioSection, .creativeoCardSection) { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoPortfolioPage .creativeoSplitSection,
#main-content .creativeoCasePage :where(.creativeoSplitSection, .creativeoPortfolioSection, .creativeoCardSection) {
  --creativeo-accent: var(--vankpa-red);
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(8, 8, 8, .18);
}
#main-content .creativeoCasePage .creativeoDetailNav { background: var(--vankpa-gold); color: var(--vankpa-black); }
#main-content .creativeoCasePage .creativeoPortfolioVision { background: var(--vankpa-sand); color: var(--vankpa-black); }
#main-content .creativeoCasePage .creativeoStoryPanel { background: var(--vankpa-charcoal); }

/* Insights and articles: black type on white paper, red editorial signals. */
#main-content :where(.creativeoInsightsPage, .creativeoArticlePage) {
  --creativeo-accent: var(--vankpa-red);
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(8, 8, 8, .2);
  --creativeo-surface: var(--vankpa-paper);
  --creativeo-surface-2: var(--vankpa-sand);
  --creativeo-surface-3: var(--vankpa-white);
  background: var(--vankpa-paper);
  color: var(--vankpa-black);
}
#main-content .creativeoInsightsPage :where(.creativeoHero, .creativeoEditorialSection),
#main-content .creativeoArticlePage :where(.creativeoDetailHero, .creativeoArticleReading) { background: var(--vankpa-paper); }
#main-content .creativeoArticlePage .creativeoArticleContent > p:first-child::first-letter,
#main-content .creativeoArticlePage .creativeoArticleContent blockquote { color: var(--vankpa-red); border-color: var(--vankpa-red); }
#main-content .creativeoArticlePage > .creativeoEditorialSection { background: var(--vankpa-black); color: var(--vankpa-paper); }

/* Pricing: white ledger pages and a black comparison field. */
#main-content .creativeoPricingPage { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoPricingPage .creativeoHero { color: var(--vankpa-black); background: repeating-linear-gradient(0deg, transparent 0 47px, rgba(8, 8, 8, .1) 47px 48px), var(--vankpa-paper); }
#main-content .creativeoPricingPage .creativeoHeroCopy h1 em { color: var(--vankpa-red); }
#main-content .creativeoPricingPage :where(.creativeoPricingPlans, .creativeoProcessSection) {
  --creativeo-accent: var(--vankpa-gold);
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  --creativeo-surface-3: var(--vankpa-charcoal);
  background-color: var(--vankpa-black);
  color: var(--vankpa-white);
}
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured { background: var(--vankpa-gold); color: var(--vankpa-black); }
#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured { --creativeo-accent: var(--vankpa-red-dark); --creativeo-ink: var(--vankpa-black); --creativeo-muted: #3d3423; }
#main-content .creativeoPricingPage :where(.creativeoComparisonSection, .creativeoFaqSection, .creativeoSplitSection) { background: var(--vankpa-paper); color: var(--vankpa-black); --creativeo-accent: var(--vankpa-red); --creativeo-ink: var(--vankpa-black); --creativeo-muted: var(--vankpa-muted); }

/* Process and consulting: black operational fields, white reading surfaces. */
#main-content .creativeoProcessPage,
#main-content .creativeoConsultingPage { background: var(--vankpa-black); }
#main-content .creativeoProcessPage { --creativeo-accent: var(--vankpa-gold); --creativeo-ink: var(--vankpa-white); --creativeo-muted: var(--vankpa-light-muted); }
#main-content .creativeoProcessPage .creativeoBodyCta { --creativeo-accent: var(--vankpa-red); --creativeo-ink: var(--vankpa-black); --creativeo-muted: var(--vankpa-muted); background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoProcessPage .creativeoBodyCta :where(h2, p, .creativeoTextLink) { color: var(--vankpa-black); }
#main-content .creativeoProcessPage .creativeoBodyCta :where(.creativeoEyebrow, em) { color: var(--vankpa-red); }
#main-content .creativeoConsultingPage .services-hero-v13,
#main-content .creativeoConsultingPage .services-method-v13 { background: var(--vankpa-black) !important; color: var(--vankpa-white); --creativeo-accent: var(--vankpa-gold); --creativeo-ink: var(--vankpa-white); --creativeo-muted: var(--vankpa-light-muted); }
#main-content .creativeoConsultingPage :where(.services-start-v13, .services-capabilities-v13, .services-standard-v13) { background: var(--vankpa-paper); color: var(--vankpa-black); --creativeo-accent: var(--vankpa-red); --creativeo-ink: var(--vankpa-black); --creativeo-muted: var(--vankpa-muted); }
#main-content .creativeoConsultingPage .services-capabilities-v13 { background: var(--vankpa-sand); }
#main-content .creativeoConsultingPage .services-method-v13 .services-method-body-v13 { color: var(--vankpa-black); }
#main-content .creativeoConsultingPage .services-method-v13 .services-method-body-v13 p { color: var(--vankpa-muted); }
#main-content .creativeoConsultingPage .services-method-step-v13 :where(small, .services-method-body-v13 small) { color: var(--vankpa-gold); }

/* Contact, profile, intake, and partner pages follow the same core system. */
#main-content .creativeoContactPage,
#main-content .creativeoResumePage,
#main-content .creativeoStudioPartnerPage { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoContactPage .creativeoHero,
#main-content .creativeoContactPage .creativeoProcessSection,
#main-content .creativeoStudioPartnerPage .creativeoHero { background: var(--vankpa-paper); color: var(--vankpa-black); }
#main-content .creativeoContactPage .creativeoContactCards,
#main-content .creativeoContactPage .creativeoContactSection,
#main-content .creativeoResumePage .page-hero-v3,
#main-content .creativeoResumePage .career-map-v3,
#main-content .creativeoStudioPartnerPage .studio-story-v9 { background: var(--vankpa-black); color: var(--vankpa-white); }
#main-content .creativeoContactPage .creativeoContactCards { --creativeo-accent: var(--vankpa-gold); --creativeo-muted: var(--vankpa-light-muted); }
#main-content .creativeoContactPage .creativeoHero::before { border-color: var(--vankpa-red); color: var(--vankpa-red); }
#main-content .creativeoResumePage .page-hero-v3 em,
#main-content .creativeoStudioPartnerPage .studio-story-v9 :where(em, .eyebrow-v2) { color: var(--vankpa-gold); }
#main-content .creativeoResumePage .profile-visual-v9 { background: var(--vankpa-sand) !important; color: var(--vankpa-black); }
#main-content .creativeoResumePage .profile-visual-v9 :where(h2, p) { color: var(--vankpa-black); }
#main-content .creativeoResumePage .profile-visual-media-v9 { box-shadow: 18px 18px 0 var(--vankpa-red); }
#main-content .creativeoStudioPartnerPage .creativeoHero::after { background: var(--vankpa-red); }
#main-content .creativeoStudioPartnerPage .studio-story-media-v9 { box-shadow: -18px 18px 0 var(--vankpa-gold); }
#main-content .start-project-page,
#main-content .start-project-intro { background: var(--vankpa-black); color: var(--vankpa-white); }
#main-content .start-project-intro { background: radial-gradient(circle at 80% 20%, rgba(152, 22, 26, .2), transparent 30%), linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px), var(--vankpa-black); background-size: auto, 56px 56px, auto; }
#main-content .start-project-intro h1 em { color: var(--vankpa-gold); }
#main-content .start-project-intro aside { border-color: var(--vankpa-gold); background: rgba(255, 255, 255, .04); }
#main-content .start-project-form { background: var(--vankpa-paper); }
#main-content .start-project-form .intake-form { box-shadow: 18px 18px 0 var(--vankpa-black); }

/* Service and project details inherit the same black/white/red/gold contract. */
#main-content .creativeoServiceDetailPage { background: var(--vankpa-paper); color: var(--vankpa-black); --creativeo-accent: var(--vankpa-red); --creativeo-ink: var(--vankpa-black); --creativeo-muted: var(--vankpa-muted); }
#main-content .creativeoServiceDetailPage .creativeoDetailHero { background: linear-gradient(90deg, rgba(8, 8, 8, .08) 1px, transparent 1px), var(--vankpa-paper); }
#main-content .creativeoServiceDetailPage .creativeoDetailNav { background: var(--vankpa-gold); color: var(--vankpa-black); }
#main-content .creativeoServiceDetailPage :where(.creativeoMetricRail, .creativeoProcessSection, .creativeoBodyCta) { --creativeo-accent: var(--vankpa-gold); --creativeo-ink: var(--vankpa-white); --creativeo-muted: var(--vankpa-light-muted); background: var(--vankpa-black) !important; color: var(--vankpa-white); }

/* Large surfaces remain predominantly black, white, or warm-white. */
#main-content :where(.section-v2.light, .creativeoSplitSection, .creativeoCardSection, .creativeoFaqSection) { --surface-majority: var(--vankpa-paper); }

@media (prefers-contrast: more) {
  #main-content { --vankpa-muted: #49453f; --vankpa-light-muted: #e0ddd8; }
}

/* V78 — high-contrast black, white, signal red, and precision gold.
 * This is the final Vankpa brand layer. It is imported after page-specific
 * styles so every public route speaks the same visual language while the
 * standalone Imagineeer and Demo Lab experiences remain untouched.
 */
.site-page-v3 {
  --v50-black: #050505;
  --v50-ivory: #fbfbf9;
  --v50-red: #b20e21;
  --v50-brass: #d7b34a;
  background: #fbfbf9;
}

.site-page-v3 ::selection,
.site-header-v20 ::selection,
.site-menu-details ::selection {
  background: #d7b34a;
  color: #050505;
}

.site-page-v3 :where(a, button, input, select, textarea):focus-visible,
.site-header-v20 :where(a, button):focus-visible,
.site-menu-details :where(a, button, summary):focus-visible {
  outline-color: #d7b34a;
  outline-width: 2px;
}

.progress-v2 {
  height: 3px;
  background: linear-gradient(90deg, #b20e21 0 72%, #d7b34a 72% 100%);
  box-shadow: 0 0 18px rgba(215, 179, 74, .32);
}

.site-header-v20,
.site-header-v20.scrolled {
  background: rgba(5, 5, 5, .94);
  border-bottom-color: rgba(215, 179, 74, .2);
  box-shadow: 0 14px 42px rgba(0, 0, 0, .2);
}

.site-header-v20 .brand-v2 { color: #fff; }
.site-header-v20 .brand-v2 b { letter-spacing: .16em; }
.site-header-v20 .brand-v2::after {
  content: "";
  width: 5px;
  height: 5px;
  margin-left: 1px;
  border-radius: 50%;
  background: #d7b34a;
  box-shadow: 0 0 12px rgba(215, 179, 74, .7);
}

.site-header-v20 .nav-pill-v3 {
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .025);
}
.site-header-v20 .nav-pill-v3 a { color: rgba(255, 255, 255, .72); }
.site-header-v20 .nav-pill-v3 a:hover { background: #fff; color: #050505; }
.site-header-v20 .nav-pill-v3 a.active {
  background: #b20e21;
  color: #fff;
  box-shadow: inset 0 -2px 0 #d7b34a;
}
.site-header-v20 .header-contact-v3 {
  border-color: #b20e21;
  background: #b20e21;
  color: #fff;
  box-shadow: inset 0 -2px 0 rgba(215, 179, 74, .72);
}
.site-header-v20 .header-contact-v3:is(:hover, :focus-visible) {
  border-color: #d7b34a;
  background: #d7b34a;
  color: #050505;
}
.site-menu-details > summary {
  border-color: rgba(215, 179, 74, .32);
  background: #050505;
  color: #fff;
}
.site-menu-details > summary:hover { border-color: #d7b34a; }

.menu-v3 {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(215, 179, 74, .045) 1px, transparent 1px),
    linear-gradient(rgba(215, 179, 74, .045) 1px, transparent 1px),
    radial-gradient(circle at 14% 88%, rgba(178, 14, 33, .34), transparent 34%),
    radial-gradient(circle at 88% 14%, rgba(215, 179, 74, .09), transparent 25%),
    #050505;
  background-size: 54px 54px, 54px 54px, auto, auto, auto;
}
.menu-v3-aside { border-right-color: rgba(215, 179, 74, .24); }
.menu-v3-aside small,
.menu-v3-nav small { color: #d7b34a; }
.menu-v3-aside h2 em { color: #d7b34a; }
.menu-v3-nav > a { border-color: rgba(255, 255, 255, .14); }
.menu-v3-nav > a:hover,
.menu-v3-nav > a.current {
  background: #b20e21;
  color: #fff;
  box-shadow: inset 4px 0 0 #d7b34a;
}
.menu-v3-footer { border-top-color: rgba(215, 179, 74, .2); }
.menu-v3-footer i { background: #d7b34a; }

#main-content {
  background: var(--vankpa-paper);
  color: var(--vankpa-black);
}
#main-content .creativeoPage {
  --creativeo-bg: var(--vankpa-paper);
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(5, 5, 5, .16);
  --creativeo-accent: var(--vankpa-red);
  --creativeo-surface: var(--vankpa-white);
  --creativeo-surface-2: var(--vankpa-sand);
  --creativeo-surface-3: var(--vankpa-white);
  --page-accent: var(--vankpa-red);
  --page-accent-2: var(--vankpa-gold);
  --page-paper: var(--vankpa-paper);
  --page-ink: var(--vankpa-black);
  background: var(--vankpa-paper);
  color: var(--vankpa-black);
}

#main-content .creativeoPage :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow, dt) {
  color: var(--vankpa-red);
}
#main-content .creativeoPage :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow)::before {
  background: var(--vankpa-gold-strong);
}
#main-content .creativeoPage :where(h1, h2, h3) em { color: var(--vankpa-red); }
#main-content .creativeoPage :where(.dark, .creativeoHomeHero, .creativeoDetailHero, .creativeoBodyCta, .creativeoProcessSection, .creativeoContactCards, .creativeoContactSection) :where(h1, h2, h3) em,
#main-content .creativeoPage :where(.dark, .creativeoHomeHero, .creativeoDetailHero, .creativeoBodyCta, .creativeoProcessSection, .creativeoContactCards, .creativeoContactSection) :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow) {
  color: var(--vankpa-gold);
}

#main-content .creativeoPage :where(.creativeoButton--accent, .creativeoPrimary, .button-v2.gold) {
  border-color: var(--vankpa-red);
  background: linear-gradient(135deg, var(--vankpa-red-bright), var(--vankpa-red-dark));
  color: var(--vankpa-white);
  box-shadow: inset 0 -2px 0 rgba(215, 179, 74, .78), 0 12px 34px rgba(112, 7, 18, .2);
}
#main-content .creativeoPage :where(.creativeoButton--accent, .creativeoPrimary, .button-v2.gold):is(:hover, :focus-visible) {
  border-color: var(--vankpa-gold);
  background: var(--vankpa-gold);
  color: var(--vankpa-black);
  box-shadow: 0 14px 40px rgba(189, 141, 34, .24);
}
#main-content .creativeoPage :where(.creativeoButton:not(.creativeoButton--accent), .button-v2.dark) {
  border-color: var(--vankpa-black);
  background: var(--vankpa-black);
  color: var(--vankpa-white);
}
#main-content .creativeoPage :where(.creativeoButton:not(.creativeoButton--accent), .button-v2.dark):is(:hover, :focus-visible) {
  border-color: var(--vankpa-red);
  background: var(--vankpa-red);
  color: var(--vankpa-white);
}
#main-content .creativeoPage :where(.creativeoTextLink, .text-action) {
  border-bottom-color: var(--vankpa-gold-strong);
  color: inherit;
}
#main-content .creativeoPage :where(.creativeoTextLink, .text-action):is(:hover, :focus-visible) {
  border-bottom-color: var(--vankpa-red);
  color: var(--vankpa-red);
}
#main-content .creativeoPage :where(.dark, .creativeoHomeHero, .creativeoDetailHero, .creativeoBodyCta) :where(.creativeoTextLink, .text-action):is(:hover, :focus-visible) {
  color: var(--vankpa-gold);
  border-bottom-color: var(--vankpa-gold);
}

#main-content .creativeoPage section.light,
#main-content .creativeoPage :where(.creativeoCardSection, .creativeoEditorialSection, .creativeoFaqSection) {
  background-color: var(--vankpa-white);
  color: var(--vankpa-black);
}
#main-content .creativeoPage section.sand,
#main-content .creativeoPage .creativeoSplitSection {
  background-color: var(--vankpa-sand);
  color: var(--vankpa-black);
}
#main-content .creativeoPage section.dark,
#main-content .creativeoPage :where(.creativeoProcessSection, .creativeoBodyCta) {
  color: var(--vankpa-white);
  background:
    radial-gradient(circle at 90% 12%, rgba(178, 14, 33, .22), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(215, 179, 74, .07), transparent 24%),
    var(--vankpa-black);
}

#main-content .creativeoHomePage .creativeoHomeHero {
  color: var(--vankpa-white);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),
    var(--vankpa-black);
  background-size: 64px 64px, 64px 64px, auto;
}
#main-content .creativeoHomePage .creativeoHomeHero::after {
  border-color: rgba(215, 179, 74, .14);
  background: transparent;
  opacity: .45;
}
#main-content .creativeoHomePage .creativeoGuideField { opacity: .2; }
#main-content .creativeoHomePage .creativeoHomeGhost { color: rgba(255, 255, 255, .025); }
#main-content .creativeoHomePage .creativeoHomePortrait {
  border-color: rgba(215, 179, 74, .48);
  box-shadow: -12px 14px 0 var(--vankpa-red-dark), 0 34px 90px rgba(0, 0, 0, .42);
}
#main-content .creativeoHomePage .creativeoMediaLabel {
  border-color: rgba(215, 179, 74, .42);
  background: rgba(5, 5, 5, .86);
  color: var(--vankpa-white);
}
#main-content .creativeoHomePage .creativeoHomePortrait--primary .creativeoMediaLabel {
  top: auto;
  right: 18px;
  bottom: 18px;
  left: 18px;
  width: fit-content;
  max-width: calc(100% - 36px);
  padding: 9px 11px;
}
#main-content .creativeoHomePage .strategyProofSection {
  background: var(--vankpa-white);
  color: var(--vankpa-black);
}
#main-content .creativeoHomePage .creativeoMetricRail {
  border-color: rgba(5, 5, 5, .18);
  background: var(--vankpa-black);
  color: var(--vankpa-white);
  box-shadow: inset 0 3px 0 var(--vankpa-red);
}
#main-content .creativeoHomePage .creativeoMetricRail article { border-color: rgba(255, 255, 255, .14); }
#main-content .creativeoHomePage .creativeoMetricRail :where(small, strong) { color: var(--vankpa-gold); }
#main-content .creativeoPage .creativeoHomeFeatures { background: var(--vankpa-paper); }
#main-content .creativeoPage .creativeoHomeFeatureList article {
  border-color: rgba(5, 5, 5, .16);
  background: linear-gradient(90deg, rgba(178, 14, 33, .05), transparent 58%);
}
#main-content .creativeoPage .creativeoHomeFeatureList article > span { color: var(--vankpa-red); }
#main-content .creativeoHomePage .creativeoPortfolioSection,
#main-content .creativeoPortfolioPage .creativeoPortfolioSection {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  --creativeo-line: rgba(255, 255, 255, .16);
  color: var(--vankpa-white);
  background:
    radial-gradient(circle at 10% 14%, rgba(178, 14, 33, .22), transparent 28%),
    var(--vankpa-black);
}
#main-content .creativeoHomePage .creativeoPortfolioSection .creativeoEyebrow,
#main-content .creativeoPortfolioPage .creativeoPortfolioSection .creativeoEyebrow { color: var(--vankpa-gold); }

#main-content .creativeoPage :where(.creativeoCard, .creativeoEditorialCard, .creativeoPriceCard, .creativeoContactCard) {
  border-color: rgba(5, 5, 5, .18);
  background: var(--vankpa-white);
  color: var(--vankpa-black);
  box-shadow: inset 0 3px 0 var(--vankpa-red);
}
#main-content .creativeoPage :where(.creativeoCard, .creativeoEditorialCard, .creativeoPriceCard, .creativeoContactCard):is(:hover, :focus-within) {
  border-color: rgba(178, 14, 33, .55);
  background: var(--vankpa-white);
  box-shadow: inset 0 3px 0 var(--vankpa-gold), 0 24px 60px rgba(5, 5, 5, .12);
}
#main-content .creativeoPage :where(.creativeoCardNumber, .creativeoCard > span:not(.creativeoIcon), .creativeoContactCard small) {
  color: var(--vankpa-red);
}
#main-content .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even),
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even) {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  border-color: rgba(215, 179, 74, .26);
  background: var(--vankpa-black);
  color: var(--vankpa-white);
  box-shadow: inset 0 3px 0 var(--vankpa-gold);
}
#main-content .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even) :where(p, small),
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even) p { color: var(--vankpa-light-muted); }
#main-content .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even) :where(a, .creativeoIcon),
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(even) .creativeoCardNumber { color: var(--vankpa-gold); }

#main-content .creativeoServicesPage .creativeoHero,
#main-content .creativeoServiceDetailPage .creativeoDetailHero,
#main-content .creativeoInsightsPage .creativeoHero,
#main-content .creativeoPricingPage .creativeoHero,
#main-content .creativeoContactPage .creativeoHero,
#main-content .creativeoStudioPartnerPage .creativeoHero {
  color: var(--vankpa-black);
  background:
    linear-gradient(90deg, rgba(5, 5, 5, .07) 1px, transparent 1px),
    linear-gradient(rgba(5, 5, 5, .07) 1px, transparent 1px),
    radial-gradient(circle at 88% 18%, rgba(178, 14, 33, .1), transparent 27%),
    var(--vankpa-white);
  background-size: 52px 52px, 52px 52px, auto, auto;
}
#main-content .creativeoAboutPage .creativeoHero,
#main-content .creativeoPortfolioPage .creativeoHero,
#main-content .creativeoCasePage .creativeoDetailHero,
#main-content .creativeoSolutionsPage .page-hero-v3,
#main-content .creativeoResumePage .page-hero-v3 {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  color: var(--vankpa-white);
  background:
    radial-gradient(circle at 82% 20%, rgba(178, 14, 33, .32), transparent 30%),
    linear-gradient(115deg, #050505 0 68%, #16080b 100%);
}
#main-content .creativeoPage .creativeoHeroMedia {
  border-color: rgba(215, 179, 74, .4);
  box-shadow: 16px 18px 0 var(--vankpa-red), 0 30px 70px rgba(0, 0, 0, .2);
}
#main-content .creativeoPage .creativeoHeroMedia::after { border-color: rgba(215, 179, 74, .55); }

#main-content .creativeoServicesPage .creativeoServiceGrid { background: var(--vankpa-black); }
#main-content .creativeoServicesPage .creativeoServiceCard {
  border-color: rgba(215, 179, 74, .24);
  background: var(--vankpa-white);
  color: var(--vankpa-black);
}
#main-content .creativeoServicesPage .creativeoServiceCard:nth-child(even) { background: var(--vankpa-sand); }
#main-content .creativeoServicesPage .creativeoServiceCard .creativeoServiceMeta span,
#main-content .creativeoServicesPage .creativeoServiceCard dt { color: var(--vankpa-red); }

#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured {
  --creativeo-accent: var(--vankpa-red-dark);
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: #3f351f;
  border-color: var(--vankpa-gold-strong);
  background: linear-gradient(145deg, #ecd173, var(--vankpa-gold));
  color: var(--vankpa-black);
  box-shadow: inset 0 3px 0 var(--vankpa-red), 0 28px 72px rgba(105, 76, 15, .2);
}
#main-content .creativeoCasePage .creativeoDetailNav,
#main-content .creativeoServiceDetailPage .creativeoDetailNav {
  background: linear-gradient(90deg, var(--vankpa-gold), #ead27e);
  color: var(--vankpa-black);
}

#main-content .start-project-intro {
  color: var(--vankpa-white);
  background:
    linear-gradient(90deg, rgba(215, 179, 74, .055) 1px, transparent 1px),
    radial-gradient(circle at 82% 18%, rgba(178, 14, 33, .38), transparent 31%),
    var(--vankpa-black);
  background-size: 56px 56px, auto, auto;
}
#main-content .start-project-intro aside {
  border-color: rgba(215, 179, 74, .7);
  background: rgba(255, 255, 255, .045);
  box-shadow: inset 3px 0 0 var(--vankpa-red);
}
#main-content .start-project-form { background: var(--vankpa-white); }
#main-content :where(input, select, textarea) {
  border-color: rgba(5, 5, 5, .28);
  background: var(--vankpa-white);
  color: var(--vankpa-black);
}
#main-content :where(input, select, textarea):focus {
  border-color: var(--vankpa-red);
  box-shadow: 0 0 0 3px rgba(215, 179, 74, .24);
}

/* V79 — final surface-aware contrast contract.
 * Several legacy page identities set foreground colors independently from
 * their section backgrounds. These route-aware pairings keep every final
 * Vankpa surface deterministic without changing the standalone microsites.
 */
#main-content :is(
  .creativeoHomePage .creativeoHomeHero,
  .creativeoHomePage .creativeoMetricRail,
  .creativeoHomePage .creativeoPortfolioSection,
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoHero,
  .creativeoAboutPage .creativeoMetricRail,
  .creativeoAboutPage .creativeoProcess,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .practiceServiceStudios,
  .creativeoServicesPage .creativeoProcess,
  .creativeoServicesPage .creativeoFeaturePanel,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoSolutionsPage .page-hero-v3,
  .creativeoPortfolioPage .creativeoHero,
  .creativeoPortfolioPage .creativeoPortfolioSection,
  .creativeoPortfolioPage .strategyDemoLab,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoEditorialSection,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoProcessSection,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoConsultingPage .services-method-v13,
  .creativeoConsultingPage .consulting-credential-v32,
  .creativeoContactPage .creativeoContactSection,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoMetricRail,
  .creativeoServiceDetailPage .creativeoProcessSection,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoDetailHero,
  .creativeoCasePage .creativeoProcessSection,
  .creativeoCasePage .creativeoBodyCta,
  .creativeoResumePage .page-hero-v3,
  .creativeoResumePage .career-map-v3,
  .practiceRoute .practiceRouteHero,
  .practiceRoute .practiceRouteCta,
  .start-project-page .start-project-intro,
  .strategyLegalPage .strategyLegalHero,
  .strategyLegalPage .strategyLegalBody aside
) {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  --creativeo-line: rgba(255, 255, 255, .18);
  background-color: var(--vankpa-black) !important;
  color: var(--vankpa-white) !important;
}

#main-content :is(
  .creativeoHomePage .creativeoHomeHero,
  .creativeoHomePage .creativeoMetricRail,
  .creativeoHomePage .creativeoPortfolioSection,
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoHero,
  .creativeoAboutPage .creativeoMetricRail,
  .creativeoAboutPage .creativeoProcess,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .practiceServiceStudios,
  .creativeoServicesPage .creativeoProcess,
  .creativeoServicesPage .creativeoFeaturePanel,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoSolutionsPage .page-hero-v3,
  .creativeoPortfolioPage .creativeoHero,
  .creativeoPortfolioPage .creativeoPortfolioSection,
  .creativeoPortfolioPage .strategyDemoLab,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoEditorialSection,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoProcessSection,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoConsultingPage .services-method-v13,
  .creativeoConsultingPage .consulting-credential-v32,
  .creativeoContactPage .creativeoContactSection,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoMetricRail,
  .creativeoServiceDetailPage .creativeoProcessSection,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoDetailHero,
  .creativeoCasePage .creativeoProcessSection,
  .creativeoCasePage .creativeoBodyCta,
  .creativeoResumePage .page-hero-v3,
  .creativeoResumePage .career-map-v3,
  .practiceRoute .practiceRouteHero,
  .practiceRoute .practiceRouteCta,
  .start-project-page .start-project-intro,
  .strategyLegalPage .strategyLegalHero,
  .strategyLegalPage .strategyLegalBody aside
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: var(--vankpa-white) !important;
}

#main-content :is(
  .creativeoHomePage .creativeoHomeHero,
  .creativeoHomePage .creativeoMetricRail,
  .creativeoHomePage .creativeoPortfolioSection,
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoHero,
  .creativeoAboutPage .creativeoMetricRail,
  .creativeoAboutPage .creativeoProcess,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .practiceServiceStudios,
  .creativeoServicesPage .creativeoProcess,
  .creativeoServicesPage .creativeoFeaturePanel,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoSolutionsPage .page-hero-v3,
  .creativeoPortfolioPage .creativeoHero,
  .creativeoPortfolioPage .strategyDemoLab,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoEditorialSection,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoProcessSection,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoConsultingPage .services-method-v13,
  .creativeoConsultingPage .consulting-credential-v32,
  .creativeoContactPage .creativeoContactSection,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoMetricRail,
  .creativeoServiceDetailPage .creativeoProcessSection,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoDetailHero,
  .creativeoCasePage .creativeoProcessSection,
  .creativeoCasePage .creativeoBodyCta,
  .creativeoResumePage .page-hero-v3,
  .creativeoResumePage .career-map-v3,
  .practiceRoute .practiceRouteHero,
  .practiceRoute .practiceRouteCta,
  .start-project-page .start-project-intro,
  .strategyLegalPage .strategyLegalHero,
  .strategyLegalPage .strategyLegalBody aside
) :where(p, li, dd) {
  color: var(--vankpa-light-muted) !important;
}

#main-content :is(
  .creativeoHomePage .creativeoHomeHero,
  .creativeoHomePage .creativeoMetricRail,
  .creativeoHomePage .creativeoPortfolioSection,
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoHero,
  .creativeoAboutPage .creativeoMetricRail,
  .creativeoAboutPage .creativeoProcess,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .practiceServiceStudios,
  .creativeoServicesPage .creativeoProcess,
  .creativeoServicesPage .creativeoFeaturePanel,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoSolutionsPage .page-hero-v3,
  .creativeoPortfolioPage .creativeoHero,
  .creativeoPortfolioPage .creativeoPortfolioSection,
  .creativeoPortfolioPage .strategyDemoLab,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoEditorialSection,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoProcessSection,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoConsultingPage .services-method-v13,
  .creativeoConsultingPage .consulting-credential-v32,
  .creativeoContactPage .creativeoContactSection,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoMetricRail,
  .creativeoServiceDetailPage .creativeoProcessSection,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoDetailHero,
  .creativeoCasePage .creativeoProcessSection,
  .creativeoCasePage .creativeoBodyCta,
  .creativeoResumePage .page-hero-v3,
  .creativeoResumePage .career-map-v3,
  .practiceRoute .practiceRouteHero,
  .practiceRoute .practiceRouteCta,
  .start-project-page .start-project-intro,
  .strategyLegalPage .strategyLegalHero,
  .strategyLegalPage .strategyLegalBody aside
) :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow, em, dt, small) {
  color: var(--vankpa-gold) !important;
}

/* Reading surfaces that previously inherited light typography from a dark
 * page identity now explicitly restore dark, legible foregrounds. */
#main-content :is(
  .creativeoHomePage .strategyProofSection,
  .creativeoPage .creativeoHomeFeatures,
  .creativeoHomePage .creativeoEditorialSection,
  .creativeoServiceDetailPage .creativeoFaqSection,
  .creativeoProcessPage .creativeoBodyCta,
  .creativeoContactPage .creativeoProcessSection,
  .creativeoContactPage .creativeoContactCards
) {
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(5, 5, 5, .17);
  background-color: var(--vankpa-white) !important;
  color: var(--vankpa-black) !important;
}

#main-content .creativeoPage .creativeoHomeFeatures { background: var(--vankpa-paper) !important; }

#main-content :is(
  .creativeoHomePage .strategyProofSection,
  .creativeoPage .creativeoHomeFeatures,
  .creativeoHomePage .creativeoEditorialSection,
  .creativeoServiceDetailPage .creativeoFaqSection,
  .creativeoProcessPage .creativeoBodyCta,
  .creativeoContactPage .creativeoProcessSection,
  .creativeoContactPage .creativeoContactCards
) :where(h1, h2, h3, h4, h5, h6, strong, a:not(.creativeoButton):not(.button-v2)) {
  color: var(--vankpa-black) !important;
}

#main-content :is(
  .creativeoHomePage .strategyProofSection,
  .creativeoPage .creativeoHomeFeatures,
  .creativeoHomePage .creativeoEditorialSection,
  .creativeoServiceDetailPage .creativeoFaqSection,
  .creativeoProcessPage .creativeoBodyCta,
  .creativeoContactPage .creativeoProcessSection,
  .creativeoContactPage .creativeoContactCards
) :where(p, li, dd) {
  color: var(--vankpa-muted) !important;
}

#main-content :is(
  .creativeoHomePage .strategyProofSection,
  .creativeoPage .creativeoHomeFeatures,
  .creativeoHomePage .creativeoEditorialSection,
  .creativeoServiceDetailPage .creativeoFaqSection,
  .creativeoProcessPage .creativeoBodyCta,
  .creativeoContactPage .creativeoProcessSection,
  .creativeoContactPage .creativeoContactCards
) :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow, em, dt, small) {
  color: var(--vankpa-red) !important;
}

/* These section-v2 exceptions deliberately use light Vankpa surfaces even
 * though older component markup still carries a historical dark modifier. */
#main-content .creativeoPage.creativeoSolutionsPage section.bos-fit.section-v2.dark,
#main-content .creativeoPage.creativeoResumePage section.profile-visual-v9.section-v2.dark {
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  --creativeo-line: rgba(5, 5, 5, .17);
  background: var(--vankpa-sand) !important;
  color: var(--vankpa-black) !important;
}
#main-content .creativeoPage.creativeoSolutionsPage section.bos-fit.section-v2.dark :where(h1, h2, h3, h4, p, li, dd, strong, a:not(.button-v2)),
#main-content .creativeoPage.creativeoResumePage section.profile-visual-v9.section-v2.dark :where(h1, h2, h3, h4, p, li, dd, strong, a:not(.button-v2)) {
  color: var(--vankpa-black) !important;
}
#main-content .creativeoPage.creativeoSolutionsPage section.bos-fit.section-v2.dark :where(.eyebrow-v2, em, dt, small),
#main-content .creativeoPage.creativeoResumePage section.profile-visual-v9.section-v2.dark :where(.eyebrow-v2, em, dt, small) {
  color: var(--vankpa-red) !important;
}

/* Studio story remains a dark editorial stage even though its legacy class
 * says sand; pair it with light copy at the same specificity. */
#main-content .creativeoPage.creativeoStudioPartnerPage section.studio-story-v9.section-v2.sand {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  --creativeo-line: rgba(255, 255, 255, .18);
  background: var(--vankpa-black) !important;
  color: var(--vankpa-white) !important;
}
#main-content .creativeoPage.creativeoStudioPartnerPage section.studio-story-v9.section-v2.sand :where(h1, h2, h3, h4, strong, a:not(.button-v2)) {
  color: var(--vankpa-white) !important;
}
#main-content .creativeoPage.creativeoStudioPartnerPage section.studio-story-v9.section-v2.sand :where(p, li, dd) {
  color: var(--vankpa-light-muted) !important;
}
#main-content .creativeoPage.creativeoStudioPartnerPage section.studio-story-v9.section-v2.sand :where(.eyebrow-v2, em, dt, small) {
  color: var(--vankpa-gold) !important;
}

/* Nested surfaces reverse their parent contrast without leaking foreground
 * colors into neighboring cards. */
#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoPriceCard.isFeatured
) {
  --creativeo-ink: var(--vankpa-black);
  --creativeo-muted: var(--vankpa-muted);
  color: var(--vankpa-black) !important;
}
#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoPriceCard.isFeatured
) :where(h1, h2, h3, h4, strong, a:not(.creativeoButton)) {
  color: var(--vankpa-black) !important;
}
#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoPriceCard.isFeatured
) :where(p, li, dd) {
  color: var(--vankpa-muted) !important;
}

#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even)
) {
  --creativeo-ink: var(--vankpa-white);
  --creativeo-muted: var(--vankpa-light-muted);
  background-color: var(--vankpa-charcoal) !important;
  color: var(--vankpa-white) !important;
}
#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even)
) :where(h1, h2, h3, h4, strong, a:not(.creativeoButton)) {
  color: var(--vankpa-white) !important;
}
#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even)
) :where(p, li, dd) {
  color: var(--vankpa-light-muted) !important;
}
#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .creativeoHomePage .creativeoCardGrid .creativeoCard:nth-child(even)
) :where(.creativeoEyebrow, em, dt, small, .creativeoCardNumber) {
  color: var(--vankpa-gold) !important;
}

/* The homepage metric rail is a dark inset nested inside the light proof
 * section, so it restates its own foreground after the parent repair. */
#main-content .creativeoHomePage .strategyProofSection .creativeoMetricRail :where(h1, h2, h3, h4, strong, a) {
  color: var(--vankpa-white) !important;
}
#main-content .creativeoHomePage .strategyProofSection .creativeoMetricRail :where(p, li, dd) {
  color: var(--vankpa-light-muted) !important;
}
#main-content .creativeoHomePage .strategyProofSection .creativeoMetricRail :where(.creativeoEyebrow, em, dt, small) {
  color: var(--vankpa-gold) !important;
}

#main-content .creativeoPricingPage .creativeoPriceCard.isFeatured :where(p, li, dd, small) {
  color: #342d1d !important;
}

/* Image labels and captions always sit on a dark scrim, independent of the
 * surrounding section surface. */
#main-content .creativeoPage :where(.creativeoMediaCaption, .creativeoMediaLabel, .creativeoHeroMediaCaption, .creativeoProjectView) {
  color: var(--vankpa-white) !important;
}
#main-content .creativeoPage :where(.creativeoMediaCaption, .creativeoMediaLabel, .creativeoHeroMediaCaption, .creativeoProjectView) :where(span, small, strong) {
  color: inherit !important;
}
#main-content :where(.profile-visual-media-v9, .studio-story-media-v9) > span {
  color: var(--vankpa-white) !important;
}

/* Secondary controls must not disappear into dark conversion stages. */
#main-content :is(
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoBodyCta
) :where(.creativeoButton:not(.creativeoButton--accent), .button-v2.dark) {
  border-color: var(--vankpa-white);
  background: var(--vankpa-white);
  color: var(--vankpa-black) !important;
}
#main-content :is(
  .creativeoHomePage .creativeoBodyCta,
  .creativeoAboutPage .creativeoBodyCta,
  .creativeoServicesPage .creativeoBodyCta,
  .creativeoPortfolioPage .creativeoBodyCta,
  .creativeoInsightsPage .creativeoBodyCta,
  .creativeoArticlePage .creativeoBodyCta,
  .creativeoPricingPage .creativeoBodyCta,
  .creativeoStudioPartnerPage .studio-story-v9,
  .creativeoStudioPartnerPage .creativeoBodyCta,
  .creativeoServiceDetailPage .creativeoBodyCta,
  .creativeoCasePage .creativeoBodyCta
) :where(.creativeoTextLink, .text-action) {
  color: var(--vankpa-gold) !important;
}

.site-page-v3 .footer-v7 {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(215, 179, 74, .04) 1px, transparent 1px),
    radial-gradient(circle at 88% 14%, rgba(178, 14, 33, .34), transparent 30%),
    #050505;
  background-size: 72px 72px, auto, auto;
  border-top: 3px solid #b20e21;
}
.site-page-v3 .footer-v7::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: min(34vw, 520px);
  height: 3px;
  background: #d7b34a;
}
.site-page-v3 .footer-v7 small,
.site-page-v3 .footer-v7 h2 em { color: #d7b34a; }
.site-page-v3 .footer-v7 nav a:hover,
.site-page-v3 .footer-v7-bottom a:hover { color: #d7b34a; }
.site-page-v3 .footer-v7 .button-v2 {
  border-color: #b20e21;
  background: #b20e21;
  color: #fff;
  box-shadow: inset 0 -2px 0 #d7b34a;
}
.site-page-v3 .footer-v7 .button-v2:hover {
  border-color: #d7b34a;
  background: #d7b34a;
  color: #050505;
}

@media (max-width: 767px) {
  .site-header-v20 .header-contact-v3 { background: transparent; border-color: rgba(215, 179, 74, .44); }
  #main-content .creativeoPage .creativeoHeroMedia { box-shadow: 9px 11px 0 var(--vankpa-red), 0 24px 54px rgba(0, 0, 0, .28); }
  #main-content .creativeoHomePage .creativeoHomePortrait { box-shadow: 8px 10px 0 var(--vankpa-red-dark), 0 24px 54px rgba(0, 0, 0, .28); }
  #main-content .creativeoPage :where(.creativeoCard, .creativeoEditorialCard, .creativeoPriceCard, .creativeoContactCard) { box-shadow: inset 0 3px 0 var(--vankpa-red); }
}

@media (prefers-reduced-motion: reduce) {
  .site-header-v20 .nav-pill-v3 a,
  .site-header-v20 .header-contact-v3,
  #main-content .creativeoPage :where(.creativeoButton, .button-v2, .creativeoCard, .creativeoEditorialCard, .creativeoPriceCard, .creativeoContactCard) { transition: none; }
}

/* app/responsive-media-polish.css */
/* Final responsive media contract.
 * Phones use the wider tablet composition instead of a tightly cropped mobile
 * derivative, then apply the requested inset. Tablets retain their authored
 * composition with a smaller inset. This makes the source frame—not just the
 * rendered element—wide enough to keep full groups inside the photograph.
 */

.menu-v3-media {
  display: none;
}

/* Stable light-card contrast. Older section-level color contracts used
 * !important and could overpower these two editorial components. */
#main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy {
  --creativeo-ink: #080808;
  --creativeo-muted: #4f4a44;
  color: #080808 !important;
  background: #fff !important;
}

#main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy :where(h2, h3, h2 a, h3 a),
#main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy > a {
  color: #080808 !important;
}

#main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy p {
  color: #4f4a44 !important;
}

#main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy small {
  color: #94161c !important;
}

#main-content .creativeoConceptLabPage .demo-library-lead-v32 {
  color: #fff !important;
}

#main-content .creativeoConceptLabPage .demo-library-lead-v32 :where(h2, h2 em) {
  color: #fff !important;
}

#main-content .creativeoConceptLabPage .demo-library-lead-v32 h2 em,
#main-content .creativeoConceptLabPage .demo-library-lead-v32 .eyebrow-v2 {
  color: #f2cb72 !important;
}

#main-content .creativeoConceptLabPage .demo-library-lead-v32 > p:last-child {
  color: rgba(255, 255, 255, .86) !important;
}

#main-content .creativeoConceptLabPage .demo-library-guide-v32 :where(h2, h3, strong) {
  color: #080808 !important;
}

#main-content .creativeoConceptLabPage .demo-library-guide-v32 :where(p, small) {
  color: #514c46 !important;
}

/* Story outputs live on black process sections. Keep their surface and type
 * paired explicitly so a light page-level surface token can never produce
 * white-on-white output cards. */
#main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoProcessSection .creativeoStoryOutput {
  align-self: start;
  min-height: 0;
  margin-top: 4px;
  border: 1px solid rgba(215, 179, 74, .3);
  border-left: 4px solid var(--vankpa-gold);
  color: var(--vankpa-white) !important;
  background: rgba(255, 255, 255, .065) !important;
}

#main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoProcessSection .creativeoStoryOutput span {
  color: var(--vankpa-gold) !important;
}

#main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoProcessSection .creativeoStoryOutput strong {
  color: var(--vankpa-white) !important;
}

@media (max-width: 1100px) {
  #main-content :where(picture, .responsive-picture),
  .imagineeer-v70 main :where(picture, .editorial-media, .leader-photo),
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) main :where(picture, .responsive-picture) {
    background-color: rgba(127, 127, 127, .1);
  }

  :where(#main-content, .imagineeer-v70 main, .aurelineBridal main, .rpSite main, .alSite main, .fnSite main, .atSite main, .sblxSite main) picture[data-responsive-framing="wide"] {
    background:
      radial-gradient(circle at 50% 42%, rgba(215, 179, 74, .12), transparent 58%),
      #0b0b0b;
  }

  /* A wide tablet source needs a wide parent at both responsive tiers. The
   * old fixed and portrait-shaped parents were the source of the large blank
   * bands around case-study and service photography. */
  #main-content .creativeoPage :where(
    .creativeoHeroMedia,
    .creativeoHomePortrait,
    .creativeoHomeTabMedia,
    .creativeoProjectMedia,
    .creativeoArticleMedia,
    .creativeoServiceMedia,
    .creativeoSplitMedia,
    .creativeoContactMedia,
    .creativeoDetailHeroMedia,
    .creativeoStoryMedia,
    .creativeoArticleInline,
    .services-method-media-v30,
    .profile-visual-media-v9,
    .studio-story-media-v9,
    .services-hero-visual-v13
  ):has(picture[data-responsive-framing="wide"]) {
    width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #main-content .creativeoPage :where(
    .creativeoHeroMedia,
    .creativeoHomePortrait,
    .creativeoHomeTabMedia,
    .creativeoProjectMedia,
    .creativeoArticleMedia,
    .creativeoServiceMedia,
    .creativeoSplitMedia,
    .creativeoContactMedia,
    .creativeoDetailHeroMedia,
    .creativeoStoryMedia,
    .creativeoArticleInline,
    .services-method-media-v30,
    .profile-visual-media-v9,
    .studio-story-media-v9,
    .services-hero-visual-v13
  ):has(picture[data-responsive-framing="wide"]) :where(.project-media, picture, img) {
    width: 100%;
    min-width: 0;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #main-content img,
  .imagineeer-v70 main img,
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) main img {
    max-width: 100%;
    object-fit: contain !important;
    scale: .96;
    transform-origin: center;
  }

  #main-content :where([data-motion-media], [data-interactive]):is(:hover, :focus-within) img,
  .imagineeer-v70 main :where(a, figure):is(:hover, :focus-within) img,
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) main :where(a, article):is(:hover, :focus-within) img {
    transform: none !important;
  }
}

/* The pricing hero previously reserved an image-sized empty block on small
 * screens. A compact engagement guide now uses that space productively. */
#main-content .creativeoPricingPage .creativeoHero {
  min-height: 0;
  color: var(--vankpa-white);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    radial-gradient(circle at 84% 16%, rgba(178, 14, 33, .22), transparent 30%),
    var(--vankpa-black) !important;
  background-size: 52px 52px, 52px 52px, auto, auto;
}

#main-content .creativeoPricingPage .creativeoHero :where(h1, p) {
  color: var(--vankpa-white) !important;
}

#main-content .creativeoPricingPage .creativeoHero .creativeoEyebrow {
  color: var(--vankpa-gold) !important;
}

#main-content .creativeoPricingPage .creativeoHeroInner {
  gap: clamp(42px, 6vw, 76px);
}

#main-content .creativeoPricingPage .creativeoHeroMedia {
  width: min(100%, 980px);
  min-height: 0;
  aspect-ratio: auto !important;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#main-content .creativeoPricingPage .creativeoHeroMedia::after {
  display: none;
}

#main-content .pricingHeroSignal {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(215, 179, 74, .34);
  border-radius: 12px;
  background: rgba(215, 179, 74, .32);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28);
}

#main-content .pricingHeroSignal article {
  display: grid;
  align-content: start;
  min-height: 150px;
  padding: clamp(20px, 2.5vw, 32px);
  background: rgba(8, 8, 8, .92);
}

#main-content .pricingHeroSignal small {
  color: var(--vankpa-gold);
  font-size: .56rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#main-content .pricingHeroSignal strong {
  margin-top: 22px;
  color: var(--vankpa-white);
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  line-height: 1;
  letter-spacing: -.04em;
}

#main-content .pricingHeroSignal span {
  margin-top: 9px;
  color: var(--vankpa-light-muted);
  font-size: .72rem;
  line-height: 1.45;
}

@media (max-width: 767px) {
  /* Wide group compositions keep their natural mobile rhythm instead of being
   * forced back into the 4:5 crop that caused the original cutoff. */
  #main-content .creativeoPage :where(
    .creativeoHeroMedia,
    .creativeoHomePortrait,
    .creativeoHomeTabMedia,
    .creativeoProjectMedia,
    .creativeoArticleMedia,
    .creativeoServiceMedia,
    .creativeoSplitMedia,
    .creativeoContactMedia,
    .creativeoDetailHeroMedia,
    .creativeoStoryMedia,
    .creativeoArticleInline,
    .services-method-media-v30,
    .profile-visual-media-v9,
    .studio-story-media-v9,
    .services-hero-visual-v13
  ):has(picture[data-responsive-framing="wide"]),
  :where(
    .demoHomeMedia,
    .demoPageVisual,
    .demoItemMedia,
    .demoCatalogMedia,
    .demoPrincipleMedia,
    .demoStoryVisual,
    .demoEditorialMedia,
    .demo-library-media-v32,
    .ftHeroMedia,
    .rpHeroVisual,
    .rpHeroWindow,
    .rpPageHeroImage,
    .rpImagePanel,
    .rpIndustryImage,
    .alHeroVisual,
    .alPicture,
    .fnHeroVisual,
    .fnPicture,
    .atResidenceImage,
    .sbHeroVisual,
    .sblxMediaFrame,
    .sblxInsetMedia,
    .sblxFinalImage,
    .sblxProjectIndex > a > .responsive-picture,
    .sblxNotes article > .responsive-picture
  ):has(picture[data-responsive-framing="wide"]),
  .imagineeer-v70 main .editorial-media:has(picture[data-responsive-framing="wide"]) {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  :where(#main-content, .imagineeer-v70 main, .aurelineBridal main, .rpSite main, .alSite main, .fnSite main, .atSite main, .sblxSite main) picture[data-responsive-framing="wide"],
  :where(#main-content, .imagineeer-v70 main, .aurelineBridal main, .rpSite main, .alSite main, .fnSite main, .atSite main, .sblxSite main) picture[data-responsive-framing="wide"] > img {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #main-content img,
  .imagineeer-v70 main img,
  :where(.aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) main img {
    scale: .92;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) :where(.creativeoSplitGrid, .creativeoStickyStoryContent) {
    min-width: 0;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoSplitGrid {
    gap: 30px;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoStickyStory > aside {
    margin-bottom: 32px;
    padding-bottom: 30px;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoStoryPanel {
    gap: 22px;
    padding: 28px 24px;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoStoryOutput {
    margin-top: 0;
    padding: 18px;
  }

  #main-content :is(.creativeoCasePage, .creativeoServiceDetailPage) .creativeoStoryMedia {
    margin-top: 2px;
  }

  #main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy {
    min-height: 0;
    padding: 24px 22px 26px;
  }

  #main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy h3 {
    margin: 15px 0 13px;
  }

  #main-content .creativeoHomePage .creativeoEditorialSection .creativeoArticleCopy > a {
    margin-top: 18px;
  }

  #main-content .creativeoConceptLabPage .demo-library-v32 {
    padding-top: 52px;
  }

  #main-content .creativeoConceptLabPage .demo-library-media-v32 {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #main-content .creativeoConceptLabPage .demo-library-media-v32 :where(picture, img) {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  #main-content .creativeoPricingPage .creativeoHero {
    padding: 118px 0 54px;
  }

  #main-content .creativeoPricingPage .creativeoHeroInner {
    gap: 34px;
  }

  #main-content .pricingHeroSignal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #main-content .pricingHeroSignal article {
    min-height: 126px;
    padding: 18px 16px;
  }

  #main-content .pricingHeroSignal article:last-child {
    grid-column: 1 / -1;
    min-height: 112px;
  }

  #main-content .pricingHeroSignal strong {
    margin-top: 16px;
    font-size: 1.4rem;
  }

  .menu-v3-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px 14px;
  }

  .menu-v3-media {
    position: relative;
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 7px;
    overflow: hidden;
    border: 1px solid rgba(215, 179, 74, .32);
    border-radius: 12px;
    background: #111;
  }

  .menu-v3-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 42%;
    transition: transform .45s var(--ease), filter .45s var(--ease);
  }

  .menu-v3-media::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(5, 5, 5, .82), rgba(5, 5, 5, .12) 78%);
    pointer-events: none;
  }

  .menu-v3-media > span {
    position: absolute;
    z-index: 1;
    left: 16px;
    right: 16px;
    bottom: 14px;
    display: grid;
    gap: 5px;
  }

  .menu-v3-media small {
    color: var(--vankpa-gold);
    font-size: .5rem;
    letter-spacing: .13em;
    text-transform: uppercase;
  }

  .menu-v3-media b {
    max-width: 19ch;
    color: var(--vankpa-white);
    font-size: .83rem;
    line-height: 1.3;
  }

  .menu-v3-media:is(:hover, :focus-visible) img {
    transform: scale(1.015);
    filter: saturate(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .menu-v3-media img {
    transition: none;
  }
}

/* Aureline mobile storefront correction — compact content replaces fixed
 * viewport bands, and every interactive row stays inside the page frame. */
@media (max-width: 767px) {
  .aurelineBridal {
    --demo-section-rhythm: clamp(3rem, 11vw, 3.75rem);
    --demo-section-compact: clamp(2.5rem, 9vw, 3.25rem);
  }

  .aurelineBridal main {
    overflow-x: clip;
  }

  .aurelineBridal .ftHero {
    display: grid;
    min-height: 0 !important;
    grid-template-rows: auto auto !important;
    overflow: hidden;
    background: #171717;
  }

  .aurelineBridal .ftHeroMedia,
  .aurelineBridal .ftHeroShade {
    grid-area: 1 / 1 !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
  }

  .aurelineBridal .ftHeroMedia :where(picture, img) {
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  .aurelineBridal .ftHeroShade {
    z-index: 1;
    background: linear-gradient(0deg, rgba(23, 23, 23, .36), transparent 62%);
  }

  .aurelineBridal .ftHeroCopy {
    position: relative;
    z-index: 2;
    grid-area: 2 / 1 !important;
    align-self: auto;
    width: 100%;
    margin: 0 !important;
    padding: 1.45rem 1.25rem 2rem;
    background: #171717;
  }

  .aurelineBridal .ftHeroCopy > span {
    margin-bottom: .8rem;
    padding: 0;
    color: rgba(255, 255, 255, .72);
    background: transparent;
    border-radius: 0;
  }

  .aurelineBridal .ftHeroCopy h1,
  .aurelineBridal main .ftHeroCopy h1 {
    max-width: 100%;
    margin: 0 0 .85rem;
    font-size: clamp(2.55rem, 12.5vw, 3.8rem) !important;
    line-height: .92 !important;
    white-space: normal;
    text-wrap: balance;
  }

  .aurelineBridal .ftHeroCopy p {
    max-width: 34rem;
    margin: 0 0 1.25rem;
    font-size: .94rem;
    line-height: 1.55;
  }

  .aurelineBridal .ftHeroCopy > div {
    display: flex;
  }

  .aurelineBridal .ftHeroCopy a {
    width: auto;
  }

  .aurelineBridal :where(
    .ftCollections,
    .ftProductRail,
    .ftFounderStory,
    .ftValues,
    .ftJournalPreview,
    .ftHomeCta,
    .ftCollectionStories,
    .ftCompleteLook,
    .ftRelatedJournal
  ) {
    padding-block: var(--demo-section-rhythm) !important;
  }

  .aurelineBridal .ftProductRail {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    width: 100%;
    padding-inline: 1rem !important;
  }

  .aurelineBridal .ftProductRail .ftSectionHeader {
    position: static;
    min-width: 0;
  }

  .aurelineBridal .ftProductRail .ftSectionHeader p {
    max-width: 38rem;
  }

  .aurelineBridal .ftProductRail .ftRailGrid {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .aurelineBridal .ftProductRail .ftRailCard,
  .aurelineBridal .ftProductRail .ftRailCard:last-child {
    width: 100%;
    max-width: none;
    min-width: 0;
    flex: none;
    grid-column: auto;
  }

  .aurelineBridal .ftRailCard > div,
  .aurelineBridal .ftProductCard > div {
    min-width: 0;
    padding: 1rem 1rem 1.2rem;
  }

  .aurelineBridal :where(.ftRailCard, .ftProductCard) h2,
  .aurelineBridal :where(.ftRailCard, .ftProductCard) h3,
  .aurelineBridal :where(.ftRailCard, .ftProductCard) a {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .aurelineBridal .ftCollectionStories {
    gap: 1rem;
  }

  .aurelineBridal .ftCollectionStories article,
  .aurelineBridal .ftCollectionStories article:nth-child(even) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
  }

  .aurelineBridal .ftCollectionStories article:nth-child(even) > div {
    order: 0;
  }

  .aurelineBridal .ftCollectionStories article > div {
    min-height: 0;
    padding: 2rem 1.25rem;
  }

  .aurelineBridal .ftCollectionStories article picture {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  .aurelineBridal .ftProductDetail {
    display: grid;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0 0 3.25rem !important;
  }

  .aurelineBridal .ftProductGallery {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1px;
    overflow: visible;
    scroll-snap-type: none;
  }

  .aurelineBridal .ftProductGallery > .ftVariantHero,
  .aurelineBridal .ftProductGallery > .ftProductGalleryDetails {
    width: 100%;
    min-width: 0;
    min-height: 0 !important;
    flex: none;
  }

  .aurelineBridal .ftProductGallery > .ftVariantHero {
    aspect-ratio: 4 / 3 !important;
    border-radius: 0;
  }

  .aurelineBridal .ftVariantHero :where(picture, img) {
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }

  .aurelineBridal .ftProductGallery > .ftProductGalleryDetails {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
  }

  .aurelineBridal .ftProductGallery > .ftProductGalleryDetails picture {
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 0;
  }

  .aurelineBridal .ftProductInfo {
    min-width: 0;
    padding: 2rem 1.25rem 0 !important;
  }

  .aurelineBridal .ftProductInfo > a:first-child {
    margin-bottom: 1.25rem;
  }

  .aurelineBridal .ftProductInfo h1,
  .aurelineBridal main .ftProductInfo h1 {
    max-width: 100%;
    font-size: clamp(2.1rem, 10.5vw, 3.25rem) !important;
    line-height: .94 !important;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }

  .aurelineBridal .ftPurchasePanel {
    margin-inline: 0;
    padding: 1.1rem;
  }

  .aurelineBridal .ftPurchaseOption > span {
    white-space: nowrap;
  }

  .aurelineBridal .ftPurchaseOption > div {
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    margin-inline: -1.1rem;
    padding: .1rem 1.1rem .35rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 1.1rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .aurelineBridal .ftPurchaseOption > div::-webkit-scrollbar {
    display: none;
  }

  .aurelineBridal .ftPurchaseOption button {
    min-height: 3.05rem !important;
    flex: 0 0 auto;
    padding: .58rem .8rem;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .aurelineBridal .ftPurchaseOption button b {
    overflow-wrap: normal;
    white-space: nowrap;
  }

  .aurelineBridal .ftVariantFeedback {
    max-width: 100%;
    overflow-wrap: break-word;
  }

  .demoUtilityLayer[data-demo-site="northstar-commerce"] .demoPrivacySettingsButton {
    left: max(.75rem, env(safe-area-inset-left));
    bottom: max(.75rem, env(safe-area-inset-bottom));
    min-height: 2.75rem;
    padding: .6rem .8rem;
    font-size: .64rem;
  }

  .demoUtilityLayer[data-demo-site="northstar-commerce"] .demoChatButton {
    right: max(.75rem, env(safe-area-inset-right));
    bottom: max(.75rem, env(safe-area-inset-bottom));
    width: 2.75rem !important;
    min-width: 2.75rem !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .aurelineBridal .ftHero {
    min-height: clamp(36rem, 68svh, 44rem);
  }

  .aurelineBridal .ftProductGallery > .ftVariantHero,
  .aurelineBridal .ftProductGallery > .ftProductGalleryDetails {
    min-height: 0;
  }

  .aurelineBridal .ftProductGallery > .ftVariantHero {
    aspect-ratio: 4 / 3;
  }

  .aurelineBridal .ftProductGallery > .ftProductGalleryDetails picture {
    min-height: 0;
    aspect-ratio: 4 / 3;
  }

  .aurelineBridal .ftPurchaseOption > div {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .aurelineBridal .ftPurchaseOption button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* app/conversion-polish.css */
/* Conversion polish: proof-first homepage, comparable engagements, and a clear inquiry handoff. */

#main-content .strategyEngagementComparison {
  padding-block: clamp(76px, 8vw, 124px);
  background: #f3efe8;
  color: #090909;
}

#main-content .strategyEngagementComparison .creativeoSectionHeading {
  max-width: 980px;
}

.strategyEngagementGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(44px, 6vw, 82px);
  border-top: 1px solid rgba(9, 9, 9, .2);
  border-left: 1px solid rgba(9, 9, 9, .2);
}

.strategyEngagementCard {
  display: flex;
  min-width: 0;
  min-height: 560px;
  flex-direction: column;
  padding: clamp(28px, 4vw, 52px);
  border-right: 1px solid rgba(9, 9, 9, .2);
  border-bottom: 1px solid rgba(9, 9, 9, .2);
  background: rgba(255, 255, 255, .7);
}

.strategyEngagementCard:nth-child(2),
.strategyEngagementCard:nth-child(3) { background: #e8dfd1; }

.strategyEngagementCard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(9, 9, 9, .16);
  color: #8e1318;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.strategyEngagementCard > header span { color: #9b6d17; }
.strategyEngagementCard > header small { margin: 0; color: inherit; text-align: left; }

.strategyEngagementCard h3 {
  max-width: 16ch;
  margin: clamp(36px, 4vw, 58px) 0 20px;
  color: #090909;
  font-size: clamp(2rem, 3.4vw, 3.75rem);
  line-height: .98;
}

.strategyEngagementCard > p {
  max-width: 620px;
  margin: 0;
  color: #514c46;
  font-size: .96rem;
  line-height: 1.66;
}

.strategyEngagementCard dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: auto 0 32px;
  padding-top: 44px;
}

.strategyEngagementCard dl > div {
  min-width: 0;
  padding: 18px 20px 18px 0;
  border-top: 1px solid rgba(9, 9, 9, .16);
}

.strategyEngagementCard dl > div:nth-child(even) {
  padding-left: 20px;
  border-left: 1px solid rgba(9, 9, 9, .16);
}

.strategyEngagementCard dt {
  margin-bottom: 8px;
  color: #8e1318;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.strategyEngagementCard dd {
  margin: 0;
  color: #282421;
  font-size: .82rem;
  line-height: 1.5;
}

.strategyEngagementCard > a {
  width: max-content;
  max-width: 100%;
  padding-bottom: 6px;
  border-bottom: 1px solid currentColor;
  color: #8e1318;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

#main-content .strategyEngagementComparison > .creativeoShell > .creativeoActions {
  margin-top: 42px;
}

.strategyInquiryJourney {
  padding: clamp(78px, 8vw, 126px) 0;
  background:
    radial-gradient(circle at 85% 12%, rgba(152, 22, 26, .28), transparent 30%),
    #050505;
  color: #fff;
}

.strategyInquiryJourney > .creativeoShell {
  display: grid;
  grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
  gap: clamp(54px, 9vw, 140px);
  align-items: start;
}

.strategyInquiryJourney header {
  position: sticky;
  top: 118px;
}

.strategyInquiryJourney h2 {
  max-width: 11ch;
  margin: 28px 0 26px;
  color: #fff;
  font-size: clamp(2.8rem, 4.7vw, 5.2rem);
  line-height: .94;
}

.strategyInquiryJourney h2 em { color: #d3a53a; }
.strategyInquiryJourney header > p:last-child { max-width: 540px; color: rgba(255, 255, 255, .66); }

.strategyInquiryJourney ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.strategyInquiryJourney li {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 26px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.strategyInquiryJourney li > span {
  color: #d3a53a;
  font-size: .66rem;
  font-weight: 800;
  letter-spacing: .1em;
}

.strategyInquiryJourney li h3 {
  margin: 0 0 13px;
  color: #fff;
  font-size: clamp(1.35rem, 2vw, 2.15rem);
  line-height: 1.05;
}

.strategyInquiryJourney li p { max-width: 650px; margin: 0; color: rgba(255, 255, 255, .64); }
.strategyInquiryJourney .creativeoActions { grid-column: 2; margin-top: -8px; }
.strategyInquiryJourney .creativeoTextLink { color: #fff; }

.startProjectNextSteps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 36px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .2);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.startProjectNextSteps li {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 20px 20px 22px 0;
}

.startProjectNextSteps li + li {
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, .2);
}

.startProjectNextSteps span { color: #d3a53a; font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.startProjectNextSteps strong { color: #fff; font-size: .82rem; line-height: 1.3; }
.startProjectNextSteps small { color: rgba(255, 255, 255, .58); font-size: .68rem; line-height: 1.5; }

#main-content .creativeoCasePage .creativeoProjectActions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 28px;
}

@media (max-width: 1050px) {
  .strategyEngagementCard { min-height: 520px; }
  .strategyInquiryJourney > .creativeoShell { grid-template-columns: 1fr; }
  .strategyInquiryJourney header { position: static; }
  .strategyInquiryJourney h2 { max-width: 14ch; }
  .strategyInquiryJourney .creativeoActions { grid-column: 1; }
  .startProjectNextSteps { grid-template-columns: 1fr; }
  .startProjectNextSteps li,
  .startProjectNextSteps li + li { padding: 18px 0; border-left: 0; }
  .startProjectNextSteps li + li { border-top: 1px solid rgba(255, 255, 255, .2); }
}

@media (max-width: 767px) {
  .strategyEngagementGrid { grid-template-columns: 1fr; }
  .strategyEngagementCard,
  .strategyEngagementCard:nth-child(2),
  .strategyEngagementCard:nth-child(3) { min-height: 0; background: rgba(255, 255, 255, .72); }
  .strategyEngagementCard:nth-child(even) { background: #e8dfd1; }
  .strategyEngagementCard h3 { margin-top: 34px; }
  .strategyEngagementCard dl { grid-template-columns: 1fr; margin-top: 36px; padding-top: 0; }
  .strategyEngagementCard dl > div,
  .strategyEngagementCard dl > div:nth-child(even) { padding: 15px 0; border-left: 0; }
  .strategyInquiryJourney { padding-block: 68px; }
  .strategyInquiryJourney h2 { max-width: 100%; }
  .strategyInquiryJourney li { grid-template-columns: 34px 1fr; gap: 18px; }
  .strategyInquiryJourney .creativeoActions { align-items: stretch; }
  .strategyInquiryJourney .creativeoButton { width: 100%; }
  #main-content .creativeoCasePage .creativeoProjectActions { align-items: stretch; }
  #main-content .creativeoCasePage .creativeoProjectActions .creativeoButton { width: 100%; }
}

/* app/operating-framework-polish.css */
/* Evidence-led operating framework: one disciplined language from homepage to inquiry. */

.strategyImprovementFramework {
  position: relative;
  overflow: clip;
  padding: clamp(78px, 8vw, 128px) 0;
  color: #fff;
  background:
    radial-gradient(circle at 88% 6%, rgba(210, 162, 56, .18), transparent 24rem),
    radial-gradient(circle at 8% 92%, rgba(152, 22, 26, .25), transparent 28rem),
    #080808;
}

.strategyImprovementFramework::before {
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(120deg, #000, transparent 74%);
  pointer-events: none;
  content: "";
}

.strategyImprovementFramework .creativeoShell { position: relative; z-index: 1; }

.strategyImprovementFramework > .creativeoShell > header {
  display: grid;
  grid-template-columns: minmax(220px, .32fr) minmax(0, .74fr) minmax(280px, .42fr);
  align-items: end;
  gap: clamp(28px, 5vw, 76px);
}

.strategyImprovementFramework > .creativeoShell > header .creativeoEyebrow { align-self: start; color: #d2a238; }

.strategyImprovementFramework h2 {
  max-width: 12ch;
  margin: 0;
  color: #fff;
  font-size: clamp(2.65rem, 4.7vw, 5.2rem);
  line-height: .92;
  letter-spacing: -.055em;
}

.strategyImprovementFramework h2 em { color: #d2a238; }

.strategyImprovementFramework > .creativeoShell > header > p:last-child {
  max-width: 520px;
  margin: 0 0 4px;
  color: rgba(255, 255, 255, .64);
  line-height: 1.68;
}

.strategyImprovementFramework ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: clamp(52px, 6vw, 84px) 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .2);
  border-left: 1px solid rgba(255, 255, 255, .2);
}

.strategyImprovementFramework li {
  position: relative;
  min-width: 0;
  min-height: 390px;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 2.4vw, 38px);
  border-right: 1px solid rgba(255, 255, 255, .2);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  background: rgba(255, 255, 255, .025);
  transition: transform 350ms var(--ease), background-color 300ms, border-color 300ms;
}

.strategyImprovementFramework li:nth-child(3) { background: rgba(152, 22, 26, .42); }
.strategyImprovementFramework li:hover { z-index: 2; transform: translateY(-7px); border-color: rgba(210, 162, 56, .55); background: rgba(255, 255, 255, .07); }

.strategyImprovementFramework li > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  color: #0a0a0a;
  border-radius: 50%;
  background: #d2a238;
  font: 760 .58rem/1 var(--display);
}

.strategyImprovementFramework li small {
  margin-top: 24px;
  color: rgba(255, 255, 255, .55);
  font: 740 .57rem/1.4 var(--display);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.strategyImprovementFramework li h3 {
  margin: auto 0 18px;
  color: #fff;
  font-size: clamp(1.45rem, 2vw, 2.15rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.strategyImprovementFramework li p {
  margin: 0;
  color: rgba(255, 255, 255, .6);
  font-size: .82rem;
  line-height: 1.6;
}

.strategyImprovementFramework .creativeoActions { margin-top: 34px; }
.strategyImprovementFramework .creativeoButton { color: #0a0a0a; border-color: #d2a238; background: #d2a238; }

@media (max-width: 1180px) {
  .strategyImprovementFramework > .creativeoShell > header { grid-template-columns: .55fr 1fr; }
  .strategyImprovementFramework > .creativeoShell > header > p:last-child { grid-column: 2; }
  .strategyImprovementFramework ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategyImprovementFramework li { min-height: 330px; }
  .strategyImprovementFramework li:last-child { grid-column: 1 / -1; min-height: 280px; }
}

@media (max-width: 767px) {
  .strategyImprovementFramework { padding-block: 68px; }
  .strategyImprovementFramework > .creativeoShell > header { display: block; }
  .strategyImprovementFramework h2 { max-width: 100%; margin-top: 26px; }
  .strategyImprovementFramework > .creativeoShell > header > p:last-child { margin-top: 24px; }
  .strategyImprovementFramework ol { grid-template-columns: 1fr; margin-top: 42px; }
  .strategyImprovementFramework li,
  .strategyImprovementFramework li:last-child { grid-column: auto; min-height: 285px; padding: 26px 22px; }
  .strategyImprovementFramework li:nth-child(3) { background: rgba(152, 22, 26, .42); }
  .strategyImprovementFramework .creativeoButton { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .strategyImprovementFramework li { transition: none; }
}

/* Standards: a compact trust surface with no inflated claims. */

.engagementStandardsIntro { padding: clamp(72px, 8vw, 118px) 0; background: #f3efe8; }
.engagementStandardsIntro .creativeoActions { gap: 18px 28px; margin-top: 28px; }

.engagementStandardsSection { padding: clamp(78px, 8vw, 126px) 0; background: #fff; }

.engagementStandardsGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(44px, 6vw, 76px);
  border-top: 1px solid rgba(9, 9, 9, .18);
  border-left: 1px solid rgba(9, 9, 9, .18);
}

.engagementStandardsGrid article {
  min-width: 0;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 2.5vw, 38px);
  border-right: 1px solid rgba(9, 9, 9, .18);
  border-bottom: 1px solid rgba(9, 9, 9, .18);
  background: #f7f4ef;
  transition: transform 350ms var(--ease), background-color 300ms, color 300ms;
}

.engagementStandardsGrid article:nth-child(3),
.engagementStandardsGrid article:nth-child(6) { color: #fff; background: #8f1519; }
.engagementStandardsGrid article:hover { z-index: 1; transform: translateY(-6px); background: #e8dfd1; }
.engagementStandardsGrid article:nth-child(3):hover,
.engagementStandardsGrid article:nth-child(6):hover { background: #761014; }
.engagementStandardsGrid span { color: #a2741e; font: 760 .58rem/1 var(--display); letter-spacing: .1em; }
.engagementStandardsGrid h3 { margin: auto 0 20px; font-size: clamp(1.45rem, 2vw, 2.1rem); line-height: 1.03; }
.engagementStandardsGrid p { margin: 0; color: #5d5750; font-size: .84rem; line-height: 1.62; }
.engagementStandardsGrid article:nth-child(3) p,
.engagementStandardsGrid article:nth-child(6) p { color: rgba(255, 255, 255, .72); }

.engagementStandardsLifecycle { padding: clamp(78px, 8vw, 126px) 0; color: #fff; background: #080808; }
.engagementStandardsLifecycle > .creativeoShell { display: grid; grid-template-columns: minmax(270px, .46fr) minmax(0, .74fr); gap: clamp(50px, 8vw, 120px); }
.engagementStandardsLifecycle header { position: sticky; top: 112px; align-self: start; }
.engagementStandardsLifecycle h2 { max-width: 11ch; margin: 28px 0 0; color: #fff; font-size: clamp(2.7rem, 4.5vw, 5rem); line-height: .93; }
.engagementStandardsLifecycle h2 em { color: #d2a238; }
.engagementStandardsLifecycle ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255, 255, 255, .2); }
.engagementStandardsLifecycle li { display: grid; grid-template-columns: 48px minmax(130px, .3fr) minmax(0, 1fr); gap: 22px; padding: 28px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); }
.engagementStandardsLifecycle li span { color: #d2a238; font: 760 .58rem/1.4 var(--display); }
.engagementStandardsLifecycle li h3 { margin: 0; color: #fff; font-size: clamp(1.3rem, 1.8vw, 1.9rem); }
.engagementStandardsLifecycle li p { margin: 0; color: rgba(255, 255, 255, .62); font-size: .86rem; line-height: 1.6; }

#main-content .creativeoAboutPage .creativeoStrengths .creativeoCardGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(2n) { border-right: 0; }

@media (max-width: 1050px) {
  .engagementStandardsGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .engagementStandardsLifecycle > .creativeoShell { grid-template-columns: 1fr; }
  .engagementStandardsLifecycle header { position: static; }
  .engagementStandardsLifecycle h2 { max-width: 14ch; }
}

@media (max-width: 767px) {
  .engagementStandardsGrid { grid-template-columns: 1fr; }
  .engagementStandardsGrid article { min-height: 290px; }
  .engagementStandardsLifecycle li { grid-template-columns: 36px 1fr; gap: 12px 16px; }
  .engagementStandardsLifecycle li p { grid-column: 2; }
  #main-content .creativeoAboutPage .creativeoStrengths .creativeoCardGrid { grid-template-columns: 1fr; }
  #main-content .creativeoAboutPage .creativeoStrengths .creativeoEditorialCard:nth-child(n) { border-right: 0; }
}

/* Homepage screenshot refinements: deliberate card rhythm and deterministic
   foregrounds on the two light decision surfaces. */

#main-content .creativeoHomePage--focused .strategyEngagementCard h3 {
  margin-top: 0;
  padding-top: clamp(34px, 4vw, 54px);
  text-wrap: balance;
}

#main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions .creativeoButton {
  border-color: #080808 !important;
  color: #fff !important;
  background: #080808 !important;
}

#main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions .creativeoButton:hover,
#main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions .creativeoButton:focus-visible {
  border-color: #8e1318 !important;
  background: #8e1318 !important;
}

#main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions .creativeoTextLink {
  color: #151311 !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCard {
  border: 1px solid rgba(8, 8, 8, .16) !important;
  color: #080808 !important;
  background: #fff !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy {
  min-height: 0 !important;
  color: #080808 !important;
  background: #fff !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy h3 {
  color: #080808 !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy h3 a {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  color: #080808 !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy p {
  color: #3f3b36 !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy small {
  color: #8e1318 !important;
}

#main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy > a {
  color: #080808 !important;
}

@media (max-width: 767px) {
  #main-content .creativeoHomePage--focused .strategyEngagementCard {
    padding: 32px 28px 36px;
  }

  #main-content .creativeoHomePage--focused .strategyEngagementCard > header {
    padding-bottom: 22px;
  }

  #main-content .creativeoHomePage--focused .strategyEngagementCard h3 {
    max-width: 100%;
    margin: 0 0 20px;
    padding-top: 32px;
    font-size: clamp(1.75rem, 7.5vw, 2.15rem);
    line-height: 1.03;
    letter-spacing: -.045em;
  }

  #main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions {
    gap: 28px;
    margin-top: 34px;
  }

  #main-content .creativeoHomePage--focused .strategyEngagementComparison > .creativeoShell > .creativeoActions .creativeoTextLink {
    padding-top: 4px;
  }

  #main-content .creativeoHomePage--focused .creativeoEditorialSection {
    padding-block: 72px;
  }

  #main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoEditorialGrid {
    gap: 26px;
  }

  #main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy {
    padding: 26px 24px 30px;
  }

  #main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy h3 {
    margin: 18px 0 14px;
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.08 !important;
  }

  #main-content .creativeoHomePage--focused .creativeoEditorialSection .creativeoArticleCopy > a {
    margin-top: 20px;
  }
}

/* app/final-surface-rhythm.css */
/*
 * Final surface and rhythm authority.
 *
 * This file is intentionally last in the cascade. It pairs every major light
 * or dark surface with a deterministic foreground and replaces legacy fixed
 * heights with content-led spacing. Individual brands keep their typography,
 * geometry, and accents; only contrast and vertical rhythm are normalized.
 */

:root {
  --final-section-y: clamp(4rem, 6vw, 6rem);
  --final-section-y-compact: clamp(3rem, 4.5vw, 4.5rem);
  --final-card-y: clamp(1.5rem, 2.5vw, 2.25rem);
  --final-dark: #050505;
  --final-dark-soft: #121212;
  --final-light: #ffffff;
  --final-paper: #fbfbf9;
  --final-light-copy: #171717;
  --final-dark-copy: #ffffff;
  --final-gold: #d7b34a;
  --final-red: #98161a;
}

#main-content {
  --vankpa-muted: var(--final-light-copy);
  --vankpa-light-muted: var(--final-dark-copy);
  --muted: var(--final-light-copy);
}

/* Text must never become low-contrast while a scroll reveal is waiting or
   animating. Motion can still use position, clipping, and scale; luminance is
   stable from the first painted frame. */
#main-content [data-reveal],
body.ready #main-content [data-reveal]:not(.shown),
.demoSite [data-demo-reveal],
body.ready .demoSite [data-demo-reveal]:not(.demoShown),
:where(.rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where(
  [data-rp-reveal],
  [data-al-reveal],
  [data-fn-reveal],
  [data-at-reveal],
  [data-sblx-reveal]
) {
  opacity: 1 !important;
}

/* --------------------------------------------------------------------------
   Vankpa: surface-aware foregrounds
   -------------------------------------------------------------------------- */

#main-content .creativeoPage {
  --creativeo-space: var(--final-section-y);
  --creativeo-muted: var(--final-light-copy);
}

#main-content :is(
  .section-v2.light,
  .section-v2.sand,
  .creativeoHomeStatement,
  .creativeoHomeFeatures,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoSplitSection,
  .creativeoCardSection,
  .creativeoFaqSection,
  .creativeoComparisonSection,
  .creativeoEditorialSection,
  .strategyCaseEvidence,
  .strategyEngagementComparison,
  .engagementStandardsIntro,
  .engagementStandardsSection,
  .strategyLegalBody
) {
  --creativeo-ink: var(--final-dark);
  --creativeo-muted: var(--final-light-copy);
  --creativeo-line: rgba(5, 5, 5, .17);
  color: var(--final-dark) !important;
}

#main-content :is(
  .section-v2.light,
  .section-v2.sand,
  .creativeoHomeStatement,
  .creativeoHomeFeatures,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoSplitSection,
  .creativeoCardSection,
  .creativeoFaqSection,
  .creativeoComparisonSection,
  .creativeoEditorialSection,
  .strategyCaseEvidence,
  .strategyEngagementComparison,
  .engagementStandardsIntro,
  .engagementStandardsSection,
  .strategyLegalBody
) :where(h1, h2, h3, h4, h5, h6, strong, summary, a:not(.creativeoButton):not(.button-v2)) {
  color: var(--final-dark) !important;
}

#main-content :is(
  .section-v2.light,
  .section-v2.sand,
  .creativeoHomeStatement,
  .creativeoHomeFeatures,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoSplitSection,
  .creativeoCardSection,
  .creativeoFaqSection,
  .creativeoComparisonSection,
  .creativeoEditorialSection,
  .strategyCaseEvidence,
  .strategyEngagementComparison,
  .engagementStandardsIntro,
  .engagementStandardsSection,
  .strategyLegalBody
) :where(p, li, dd) {
  color: var(--final-light-copy) !important;
}

#main-content :is(
  .section-v2.light,
  .section-v2.sand,
  .creativeoHomeStatement,
  .creativeoHomeFeatures,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoSplitSection,
  .creativeoCardSection,
  .creativeoFaqSection,
  .creativeoComparisonSection,
  .creativeoEditorialSection,
  .strategyCaseEvidence,
  .strategyEngagementComparison,
  .engagementStandardsIntro,
  .engagementStandardsSection,
  .strategyLegalBody
) :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow, dt, small) {
  color: var(--final-red) !important;
}

#main-content :is(
  .section-v2.dark,
  .creativeoHomeHero,
  .creativeoMetricRail,
  .creativeoPortfolioSection,
  .creativeoProcessSection,
  .creativeoBodyCta,
  .creativeoFeaturePanel,
  .strategyImprovementFramework,
  .strategyDemoLab,
  .engagementStandardsLifecycle,
  .practiceWorkbench,
  .practiceRouteHero,
  .practiceRouteCta,
  .strategyLegalHero,
  .services-method-v13,
  .consulting-credential-v32
) {
  --creativeo-ink: var(--final-light);
  --creativeo-muted: var(--final-dark-copy);
  --creativeo-line: rgba(255, 255, 255, .19);
  color: var(--final-light) !important;
}

#main-content :is(
  .section-v2.dark,
  .creativeoHomeHero,
  .creativeoMetricRail,
  .creativeoPortfolioSection,
  .creativeoProcessSection,
  .creativeoBodyCta,
  .creativeoFeaturePanel,
  .strategyImprovementFramework,
  .strategyDemoLab,
  .engagementStandardsLifecycle,
  .practiceWorkbench,
  .practiceRouteHero,
  .practiceRouteCta,
  .strategyLegalHero,
  .services-method-v13,
  .consulting-credential-v32
) :where(h1, h2, h3, h4, h5, h6, strong, summary, a:not(.creativeoButton):not(.button-v2)) {
  color: var(--final-light) !important;
}

#main-content :is(
  .section-v2.dark,
  .creativeoHomeHero,
  .creativeoMetricRail,
  .creativeoPortfolioSection,
  .creativeoProcessSection,
  .creativeoBodyCta,
  .creativeoFeaturePanel,
  .strategyImprovementFramework,
  .strategyDemoLab,
  .engagementStandardsLifecycle,
  .practiceWorkbench,
  .practiceRouteHero,
  .practiceRouteCta,
  .strategyLegalHero,
  .services-method-v13,
  .consulting-credential-v32
) :where(p, li, dd) {
  color: var(--final-dark-copy) !important;
}

/* An editorial card and its inner copy panel always share one surface. The
   prior split contract could create white copy on a white inner panel. */
#main-content .creativeoArticleCard .creativeoArticleCopy {
  --creativeo-ink: var(--final-light);
  --creativeo-muted: var(--final-light);
  min-height: 0 !important;
  height: auto !important;
  color: var(--final-light) !important;
  background: var(--final-dark-soft) !important;
}

#main-content .creativeoArticleCard .creativeoArticleCopy :where(h1, h2, h3, h4, p, li, dd, strong, a) {
  color: var(--final-light) !important;
}

#main-content :is(
  .section-v2.dark,
  .creativeoHomeHero,
  .creativeoMetricRail,
  .creativeoPortfolioSection,
  .creativeoProcessSection,
  .creativeoBodyCta,
  .creativeoFeaturePanel,
  .strategyImprovementFramework,
  .strategyDemoLab,
  .engagementStandardsLifecycle,
  .practiceWorkbench,
  .practiceRouteHero,
  .practiceRouteCta,
  .strategyLegalHero,
  .services-method-v13,
  .consulting-credential-v32
) :where(.creativeoEyebrow, .eyebrow-v2, .practiceEyebrow, dt, small, em) {
  color: var(--final-gold) !important;
}

/* The inquiry journey is a dark surface whose previous route rule used muted
   opacity. Keep every substantive line white and reserve red/gold for accents. */
#main-content .creativeoHomePage--focused .strategyInquiryJourney {
  --creativeo-ink: var(--final-light);
  --creativeo-muted: var(--final-light);
  color: var(--final-light) !important;
}

#main-content .creativeoHomePage--focused .strategyInquiryJourney :where(h2, h3, p, strong, a) {
  color: var(--final-light) !important;
}

#main-content .creativeoHomePage--focused .strategyInquiryJourney :where(header, li, header > p:last-child, li p) {
  opacity: 1 !important;
}

#main-content :is(.start-project-intro, .studio-story-v9, .practiceServiceStudios) {
  --creativeo-ink: var(--final-light);
  --creativeo-muted: var(--final-light);
  color: var(--final-light) !important;
}

#main-content :is(.start-project-intro, .studio-story-v9, .practiceServiceStudios) :where(h1, h2, h3, h4, p, li, dd, strong, a:not(.creativeoButton)) {
  color: var(--final-light) !important;
}

#main-content :is(.practiceHomeStudios, .practiceCapabilitySection, .practiceMethodSection, .practiceIntegritySection) {
  --creativeo-ink: var(--final-dark);
  --creativeo-muted: var(--final-light-copy);
  color: var(--final-dark) !important;
}

#main-content :is(.practiceHomeStudios, .practiceCapabilitySection, .practiceMethodSection, .practiceIntegritySection) :where(h1, h2, h3, h4, p, li, dd, strong, a:not(.creativeoButton)) {
  color: var(--final-dark) !important;
}

/* Route-specific light exceptions that retain a historical dark class. */
#main-content .creativeoContactPage .creativeoProcessSection,
#main-content .creativeoProcessPage .creativeoBodyCta,
#main-content .creativeoSolutionsPage .bos-fit.section-v2.dark,
#main-content .creativeoResumePage .profile-visual-v9.section-v2.dark {
  --creativeo-ink: var(--final-dark);
  --creativeo-muted: var(--final-light-copy);
  --creativeo-line: rgba(5, 5, 5, .17);
  color: var(--final-dark) !important;
}

#main-content .creativeoContactPage .creativeoProcessSection :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)),
#main-content .creativeoProcessPage .creativeoBodyCta :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)),
#main-content .creativeoSolutionsPage .bos-fit.section-v2.dark :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)),
#main-content .creativeoResumePage .profile-visual-v9.section-v2.dark :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)) {
  color: var(--final-dark) !important;
}

#main-content .creativeoContactPage .creativeoProcessSection :where(p, li, dd),
#main-content .creativeoProcessPage .creativeoBodyCta :where(p, li, dd),
#main-content .creativeoSolutionsPage .bos-fit.section-v2.dark :where(p, li, dd),
#main-content .creativeoResumePage .profile-visual-v9.section-v2.dark :where(p, li, dd) {
  color: var(--final-light-copy) !important;
}

/* Nested cards own their foreground independently of the parent section. */
#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoArticleCopy,
  .strategyEngagementCard,
  .engagementStandardsGrid article:not(:nth-child(3)):not(:nth-child(6))
) {
  --creativeo-ink: var(--final-dark);
  --creativeo-muted: var(--final-light-copy);
  color: var(--final-dark) !important;
}

#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoArticleCopy,
  .strategyEngagementCard,
  .engagementStandardsGrid article:not(:nth-child(3)):not(:nth-child(6))
) :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)) {
  color: var(--final-dark) !important;
}

#main-content :is(
  .creativeoCard,
  .creativeoServiceCard,
  .creativeoContactCard,
  .creativeoArticleCopy,
  .strategyEngagementCard,
  .engagementStandardsGrid article:not(:nth-child(3)):not(:nth-child(6))
) :where(p, li, dd) {
  color: var(--final-light-copy) !important;
}

#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .engagementStandardsGrid article:nth-child(3),
  .engagementStandardsGrid article:nth-child(6)
) {
  --creativeo-ink: var(--final-light);
  --creativeo-muted: var(--final-dark-copy);
  color: var(--final-light) !important;
}

#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .engagementStandardsGrid article:nth-child(3),
  .engagementStandardsGrid article:nth-child(6)
) :where(h1, h2, h3, h4, strong, summary, a:not(.creativeoButton)) {
  color: var(--final-light) !important;
}

#main-content :is(
  .creativeoArticleCard,
  .creativeoEditorialCard,
  .creativeoPriceCard:not(.isFeatured),
  .engagementStandardsGrid article:nth-child(3),
  .engagementStandardsGrid article:nth-child(6)
) :where(p, li, dd) {
  color: var(--final-dark-copy) !important;
}

/* A black action is always white-on-black; a white action is dark-on-white. */
#main-content :where(.creativeoButton, .button-v2.dark) {
  color: var(--final-light) !important;
}

#main-content :where(.creativeoButton--accent, .creativeoPrimary) {
  color: var(--final-light) !important;
}

#main-content :where(.creativeoButton--accent, .creativeoPrimary):is(:hover, :focus-visible) {
  color: var(--final-dark) !important;
}

#main-content :where(.creativeoButton:not(.creativeoButton--accent), .button-v2.dark):is(:hover, :focus-visible) {
  color: var(--final-light) !important;
}

/* These editorial cards intentionally reverse the default dark card style. */
#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection :is(.creativeoArticleCard, .creativeoArticleCopy),
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard {
  --creativeo-ink: var(--final-dark);
  --creativeo-muted: var(--final-light-copy);
  color: var(--final-dark) !important;
  background: var(--final-light) !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection :is(.creativeoArticleCard, .creativeoArticleCopy) :where(h1, h2, h3, h4, strong, a),
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard :where(h1, h2, h3, h4, strong, a) {
  color: var(--final-dark) !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection :is(.creativeoArticleCard, .creativeoArticleCopy) :where(p, li, dd),
#main-content .creativeoAboutPage--focused .creativeoStrengths .creativeoEditorialCard :where(p, li, dd) {
  color: var(--final-light-copy) !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection .creativeoArticleCopy {
  display: flex !important;
  flex-direction: column;
  gap: .9rem;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(1.25rem, 4vw, 1.75rem) !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection .creativeoArticleCopy :where(small, h2, h3, p, a) {
  visibility: visible !important;
  opacity: 1 !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection .creativeoArticleCopy :where(h2, h3, p) {
  margin: 0 !important;
}

#main-content :is(.creativeoHomePage--focused, .creativeoInsightsPage) .creativeoEditorialSection .creativeoArticleCopy > a {
  margin-top: .25rem !important;
}

#main-content .creativeoStoryOutput {
  min-height: 0 !important;
}

/* --------------------------------------------------------------------------
   Vankpa: content-led vertical rhythm
   -------------------------------------------------------------------------- */

#main-content :is(
  .creativeoHomeStatement,
  .creativeoHomeFeatures,
  .creativeoHomeTabs,
  .creativeoDirection,
  .creativeoStrengths,
  .creativeoSplitSection,
  .creativeoCardSection,
  .creativeoProcessSection,
  .creativeoPortfolioSection,
  .creativeoEditorialSection,
  .creativeoFaqSection,
  .creativeoComparisonSection,
  .creativeoBodyCta,
  .strategyProofSection,
  .strategyImprovementFramework,
  .strategyDemoLab,
  .strategyCaseEvidence,
  .strategyEngagementComparison,
  .engagementStandardsIntro,
  .engagementStandardsSection,
  .engagementStandardsLifecycle,
  .strategyLegalBody
) {
  padding-block: var(--final-section-y) !important;
}

#main-content :where(.creativeoSectionHeading, .strategyProofHeader) {
  margin-bottom: clamp(2rem, 4vw, 3.5rem) !important;
}

#main-content :where(.creativeoCardGrid, .creativeoEditorialGrid, .creativeoPricingGrid, .strategyEngagementGrid, .engagementStandardsGrid) {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

#main-content :where(.creativeoCard, .creativeoEditorialCard, .creativeoArticleCopy, .strategyEngagementCard, .engagementStandardsGrid article) {
  min-height: 0 !important;
}

#main-content .creativeoBodyCta {
  min-height: 0 !important;
}

#main-content .creativeoBodyCtaInner {
  min-height: 0 !important;
}

/* --------------------------------------------------------------------------
   Imagineeer: the same contract in its navy / white system
   -------------------------------------------------------------------------- */

.imagineeer-v70 {
  --section: var(--final-section-y);
}

.imagineeer-v70 :is(
  .challenge-section,
  .studio-section,
  .domains-section,
  .experience-section,
  .insights-section,
  .inner-lead,
  .leaders-section,
  .about-experience,
  .principle-section,
  .related-section,
  .contact-section,
  .proof-bar,
  .service-card,
  .leader-copy,
  .contact-form
) {
  color: #071429;
}

.imagineeer-v70 :is(
  .challenge-section,
  .studio-section,
  .domains-section,
  .experience-section,
  .insights-section,
  .inner-lead,
  .leaders-section,
  .about-experience,
  .principle-section,
  .related-section,
  .contact-section,
  .proof-bar,
  .service-card,
  .leader-copy,
  .contact-form
) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #071429;
}

.imagineeer-v70 :is(
  .challenge-section,
  .studio-section,
  .domains-section,
  .experience-section,
  .insights-section,
  .inner-lead,
  .leaders-section,
  .about-experience,
  .principle-section,
  .related-section,
  .contact-section,
  .proof-bar,
  .service-card,
  .leader-copy,
  .contact-form
) :where(p, li, dd, span:not(.arrow)) {
  color: #071429;
}

.imagineeer-v70 :is(
  .home-hero,
  .site-menu,
  .dark,
  .inner-hero,
  .narrative-section,
  .mail-ready,
  .im-footer,
  .mira-panel
) {
  color: #fff;
}

.imagineeer-v70 :is(
  .home-hero,
  .site-menu,
  .dark,
  .inner-hero,
  .narrative-section,
  .mail-ready,
  .im-footer,
  .mira-panel
) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.imagineeer-v70 :is(
  .home-hero,
  .site-menu,
  .dark,
  .inner-hero,
  .narrative-section,
  .mail-ready,
  .im-footer,
  .mira-panel
) :where(p, li, dd) {
  color: #fff;
}

.imagineeer-v70 :where(.card-grid, .agency-grid, .leaders-grid, .procurement-grid, .challenge-path, .domain-layout) {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.imagineeer-v70 .section-pad {
  padding-block: var(--final-section-y);
}

/* --------------------------------------------------------------------------
   Systems Lab: generic and premium demonstrations
   -------------------------------------------------------------------------- */

:where(.demoSite, .premiumHome, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
  --demo-section: var(--final-section-y);
  --demo-section-rhythm: var(--final-section-y);
  --demo-section-compact: var(--final-section-y-compact);
}

.demoSite,
.premiumHome {
  --demo-muted: var(--demo-ink);
}

.demoSite :is(
  .demoHomeHero,
  .demoStory,
  .demoPrinciples,
  .demoEditorialPreview,
  .demoFaq,
  .demoPageHero,
  .demoTool,
  .demoEditorialBody,
  .demoDetailStory,
  .demoArticleBody,
  .premiumManifesto,
  .premiumImageStory,
  .premiumProcess,
  .premiumExperience,
  .premiumFaq
) {
  color: var(--demo-ink);
}

.demoSite :is(
  .demoHomeHero,
  .demoStory,
  .demoPrinciples,
  .demoEditorialPreview,
  .demoFaq,
  .demoPageHero,
  .demoTool,
  .demoEditorialBody,
  .demoDetailStory,
  .demoArticleBody,
  .premiumManifesto,
  .premiumImageStory,
  .premiumProcess,
  .premiumExperience,
  .premiumFaq
) :where(h1, h2, h3, h4, strong, summary, a:not(.demoPrimary):not(.premiumButton)) {
  color: var(--demo-ink);
}

.demoSite :is(
  .demoHomeHero,
  .demoStory,
  .demoPrinciples,
  .demoEditorialPreview,
  .demoFaq,
  .demoPageHero,
  .demoTool,
  .demoEditorialBody,
  .demoDetailStory,
  .demoArticleBody,
  .premiumManifesto,
  .premiumImageStory,
  .premiumProcess,
  .premiumExperience,
  .premiumFaq
) :where(p, li, dd) {
  color: var(--demo-ink);
}

.demoSite :is(
  .demoMenu,
  .demoDisclosure,
  .demoFeatureSection,
  .demoCta,
  .demoFooter,
  .premiumDisclosure,
  .premiumServices,
  .premiumEditorial
) {
  color: #fff;
}

.demoSite :is(
  .demoMenu,
  .demoDisclosure,
  .demoFeatureSection,
  .demoCta,
  .demoFooter,
  .premiumDisclosure,
  .premiumServices,
  .premiumEditorial
) :where(h1, h2, h3, h4, strong, summary, a:not(.demoPrimary):not(.premiumButton)) {
  color: #fff;
}

.demoSite :is(
  .demoMenu,
  .demoDisclosure,
  .demoFeatureSection,
  .demoCta,
  .demoFooter,
  .premiumDisclosure,
  .premiumServices,
  .premiumEditorial
) :where(p, li, dd) {
  color: #fff;
}

/* Light cards nested inside a dark feature stage keep dark copy. */
.demoSite :is(
  .demoItemGrid article,
  .demoEditorialPreview article,
  .demoCatalogGrid > article,
  .demoPricingGrid article:not(.isFeatured),
  .demoContactLayout .demoForm,
  .demoPrinciples article:not(:nth-child(2)):not(:nth-child(3))
) {
  color: var(--demo-ink);
}

.demoSite :is(
  .demoItemGrid article,
  .demoEditorialPreview article,
  .demoCatalogGrid > article,
  .demoPricingGrid article:not(.isFeatured),
  .demoContactLayout .demoForm,
  .demoPrinciples article:not(:nth-child(2)):not(:nth-child(3))
) :where(h1, h2, h3, h4, strong, summary, a) {
  color: var(--demo-ink);
}

.demoSite :is(
  .demoItemGrid article,
  .demoEditorialPreview article,
  .demoCatalogGrid > article,
  .demoPricingGrid article:not(.isFeatured),
  .demoContactLayout .demoForm,
  .demoPrinciples article:not(:nth-child(2)):not(:nth-child(3))
) :where(p, li, dd) {
  color: var(--demo-ink);
}

.demoSite .demoPrinciples :is(article:nth-child(2), article:nth-child(3)) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.demoSite .demoPrinciples :is(article:nth-child(2), article:nth-child(3)) :where(p, li, dd) {
  color: #fff;
}

.demoSite :where(
  .demoStory,
  .demoFeatureSection,
  .demoPrinciples,
  .demoEditorialPreview,
  .demoFaq,
  .demoCta,
  .demoPageHero,
  .demoTool,
  .demoPricingGrid,
  .demoContactLayout,
  .demoApplication,
  .demoEditorialBody,
  .demoDetailStory,
  .demoArticleBody,
  .premiumManifesto,
  .premiumServices,
  .premiumImageStory,
  .premiumProcess,
  .premiumExperience,
  .premiumEditorial,
  .premiumFaq,
  .premiumCta
) {
  padding-block: var(--final-section-y) !important;
}

/* The six flagship brands keep explicit light and dark surface pairings. */
.aurelineBridal :is(.ftHeader, .ftCatalog, .ftProductDetail, .ftCompleteLook, .ftRelatedJournal, .ftCollectionHeading, .ftFooter, .ftMobileMenu) {
  color: #171717;
}

.aurelineBridal :is(.ftHeader, .ftCatalog, .ftProductDetail, .ftCompleteLook, .ftRelatedJournal, .ftCollectionHeading, .ftFooter, .ftMobileMenu) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #171717;
}

.aurelineBridal :is(.ftHeader, .ftCatalog, .ftProductDetail, .ftCompleteLook, .ftRelatedJournal, .ftCollectionHeading, .ftFooter, .ftMobileMenu) :where(p, li, dd) {
  color: #171717;
}

.aurelineBridal :is(.ftHero, .ftHomeCta, .ftFounderStatement) {
  color: #fff;
}

.aurelineBridal :is(.ftHero, .ftHomeCta, .ftFounderStatement) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.aurelineBridal :is(.ftHero, .ftHomeCta, .ftFounderStatement) :where(p, li, dd) {
  color: #fff;
}

.aurelineBridal .ftMobileTop :where(h1, h2, h3, h4, strong, summary, a, button) {
  color: #fff;
}

.rpSite :is(.rpHero, .rpPageHero, .rpMenu, .rpFooter, .rpPricingGrid article, .rpIntegrationOrbit article) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.rpSite :is(.rpHero, .rpPageHero, .rpMenu, .rpFooter, .rpPricingGrid article, .rpIntegrationOrbit article) :where(p, li, dd) {
  color: #fff;
}

.alSite :is(.alHero, .alPageHero, .alMenu, .alRhythm, .alArticleCta, .alFooter, .alWorkspaceGrid > aside, .alPricing article.isFeatured) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.alSite :is(.alHero, .alPageHero, .alMenu, .alRhythm, .alArticleCta, .alFooter, .alWorkspaceGrid > aside, .alPricing article.isFeatured) :where(p, li, dd) {
  color: #fff;
}

.fnSite :is(.fnHero, .fnPageHero, .fnItemHero, .fnArticleHero, .fnMenu, .fnProcess, .fnEvidence, .fnGovernance, .fnArticleCta, .fnFooter) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.fnSite :is(.fnHero, .fnPageHero, .fnItemHero, .fnArticleHero, .fnMenu, .fnProcess, .fnEvidence, .fnGovernance, .fnArticleCta, .fnFooter) :where(p, li, dd) {
  color: #fff;
}

.atSite :is(.atHero, .atPageHero, .atMenuPanel, .atDesignStory, .atPlace, .atClosing, .atInquiryHero, .atInquiryStrip, .atFooter) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.atSite :is(.atHero, .atPageHero, .atMenuPanel, .atDesignStory, .atPlace, .atClosing, .atInquiryHero, .atInquiryStrip, .atFooter) :where(p, li, dd) {
  color: #fff;
}

.sblxSite :is(.sblxHero, .sblxPageHero, .sblxMenu, .sblxServices, .sblxProcessBand, .sblxFinalImage, .sblxFooter) :where(h1, h2, h3, h4, strong, summary, a) {
  color: #fff;
}

.sblxSite :is(.sblxHero, .sblxPageHero, .sblxMenu, .sblxServices, .sblxProcessBand, .sblxFinalImage, .sblxFooter) :where(p, li, dd) {
  color: #fff;
}

/* Root tokens remove low-contrast gray copy from light brand surfaces. */
.aurelineBridal { --ft-ink-soft: #171717; --demo-muted: #171717; --demo-dark-text: #fff; }
.fnSite { --fn-muted: var(--fn-ink); }
.atSite { --at-muted: var(--at-ink); }
.sblxSite { --sblx-muted: var(--sblx-ink); }

/* --------------------------------------------------------------------------
   Compact phone rhythm: remove reserved blank height, retain useful media.
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
  :root {
    --final-section-y: clamp(3.25rem, 13vw, 4.25rem);
    --final-section-y-compact: clamp(2.5rem, 10vw, 3.25rem);
    --final-card-y: 1.5rem;
  }

  #main-content .creativeoPage {
    --creativeo-space: var(--final-section-y);
  }

  #main-content :where(.creativeoHero, .creativeoDetailHero) {
    min-height: 0 !important;
    padding-top: clamp(7.25rem, 24vw, 8.5rem) !important;
    padding-bottom: var(--final-section-y) !important;
  }

  #main-content :where(
    .creativeoMetricRail article,
    .creativeoCard,
    .creativeoEditorialCard,
    .creativeoArticleCard,
    .creativeoArticleCopy,
    .creativeoPriceCard,
    .creativeoContactCard,
    .creativeoDetailCards article,
    .strategyEngagementCard,
    .strategyImprovementFramework li,
    .strategyInquiryJourney li,
    .engagementStandardsGrid article
  ) {
    min-height: 0 !important;
  }

  #main-content :where(.creativeoCard, .creativeoEditorialCard, .creativeoArticleCopy, .strategyEngagementCard, .engagementStandardsGrid article) {
    padding: var(--final-card-y) !important;
  }

  #main-content .creativeoHomePage--focused .strategyInquiryJourney {
    padding-block: var(--final-section-y) !important;
  }

  #main-content .creativeoHomePage--focused .strategyInquiryJourney > .creativeoShell {
    gap: 2rem !important;
  }

  #main-content .creativeoHomePage--focused .strategyInquiryJourney :where(header, ol, .creativeoActions) {
    margin-block: 0 !important;
  }

  #main-content :where(.creativeoHomeTabMedia, .creativeoSplitMedia, .creativeoContactMedia, .creativeoDetailHeroMedia, .creativeoStoryMedia, .creativeoArticleInline, .creativeoServiceMedia) {
    min-height: 0 !important;
  }

  #main-content :where(.creativeoHomeTabMedia, .creativeoSplitMedia, .creativeoContactMedia, .creativeoDetailHeroMedia, .creativeoStoryMedia, .creativeoArticleInline, .creativeoServiceMedia):has(img) {
    aspect-ratio: 4 / 3;
  }

  .imagineeer-v70 {
    --section: var(--final-section-y);
  }

  .imagineeer-v70 :where(.home-hero-copy, .inner-hero, .section-pad, .im-footer) {
    padding-block: var(--final-section-y);
  }

  .imagineeer-v70 :where(.service-card, .studio-steps article, .agency-grid article, .metric-strip article, .leader-copy, .procurement-grid article, .related-section a) {
    min-height: 0;
  }

  .imagineeer-v70 :where(.card-grid, .agency-grid, .leaders-grid, .procurement-grid, .challenge-path, .domain-layout) {
    margin-top: 2.5rem;
  }

  :where(.demoSite, .premiumHome, .aurelineBridal, .rpSite, .alSite, .fnSite, .atSite, .sblxSite) {
    --demo-section: var(--final-section-y);
    --demo-section-rhythm: var(--final-section-y);
    --demo-section-compact: var(--final-section-y-compact);
  }

  .demoSite :where(.demoHomeHero, .demoPageHero) {
    min-height: 0 !important;
    padding-block: var(--final-section-y) !important;
  }

  .demoSite :where(.demoItemGrid article, .demoPrinciples article, .demoCatalogGrid > article, .demoPricingGrid article, .premiumProcess li, .premiumEditorial article) {
    min-height: 0 !important;
  }

  .premiumHome :where(.premiumHeroVisual, .premiumImageStoryVisual),
  :where(.rpSite, .alSite, .fnSite, .atSite, .sblxSite) :where([class$="Hero"], [class$="HeroVisual"], [class$="PageHero"], [class$="PageHeroImage"], [class$="DetailHero"]) {
    min-height: 0 !important;
  }

  :where(.rpSite, .alSite, .fnSite) :where(.rpSection, .alSection, .fnSection),
  .atSite main > section.atInset,
  .sblxSite main > section.sblxShell {
    padding-block: var(--final-section-y) !important;
  }

  .aurelineBridal :where(.ftProductRail, .ftCollections, .ftFounderStory, .ftValues, .ftJournalPreview, .ftHomeCta, .ftCatalog, .ftCompleteLook, .ftRelatedJournal, .ftProductDetail) {
    padding-block: var(--final-section-y) !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  :root {
    --final-section-y: clamp(3.75rem, 7vw, 5rem);
  }
}

/* Final editorial-card contract.
 *
 * Keep this intentionally explicit and last. These two collections use white
 * copy panels even though the reusable article card is dark elsewhere. Direct
 * element selectors prevent the inherited dark-card foreground from winning,
 * while -webkit-text-fill-color keeps the same result in mobile Safari. */
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy {
  --creativeo-ink: #050505;
  --creativeo-muted: #171717;
  min-height: 0 !important;
  height: auto !important;
  color: #050505 !important;
  background: #fff !important;
  -webkit-text-fill-color: #050505 !important;
}

html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h2,
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h2 > a,
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h3,
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h3 > a,
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > p,
html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > a,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h2,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h2 > a,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h3,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > h3 > a,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > p,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > a {
  color: #050505 !important;
  -webkit-text-fill-color: #050505 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body #main-content main.creativeoHomePage--focused section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > small,
html body #main-content main.creativeoInsightsPage section.creativeoEditorialSection article.creativeoArticleCard > div.creativeoArticleCopy > small {
  color: #8e1318 !important;
  -webkit-text-fill-color: #8e1318 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Content-led section and card rhythm. Several older collections reserved
   height for an editorial composition even after collapsing to one column.
   These shared rules keep the structure but let real content set the height. */
#main-content .creativeoHomeFeatureGrid {
  gap: clamp(1.75rem, 4vw, 3.25rem) !important;
}

#main-content .creativeoHomeFeatureGrid > .creativeoSectionHeading {
  margin-bottom: 0 !important;
}

#main-content .creativeoHomeFeatureList article,
#main-content .creativeoHomeFeatureList article:last-child {
  min-height: 0 !important;
  padding: clamp(1.5rem, 3vw, 2rem) !important;
}

#main-content .creativeoHomeFeatureList article > span,
#main-content .creativeoEditorialCard .creativeoCardNumber {
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem) !important;
}

#main-content .creativeoEditorialSection > .creativeoCardGrid,
#main-content .creativeoStrengths > .creativeoCardGrid {
  margin-top: 0 !important;
}

#main-content .creativeoStrengths .creativeoEditorialCard {
  min-height: 0 !important;
}

#main-content .strategyLegalBody aside :where(h2, p, a) {
  color: #fff !important;
}

/* Compact, persistent-choice cookie panel. It follows the reference's bottom
   sheet hierarchy while keeping Vankpa's black, red, and gold visual system. */
.vankpaCookiePanel {
  position: fixed;
  right: clamp(.75rem, 2vw, 1.5rem);
  bottom: max(clamp(.75rem, 2vw, 1.5rem), env(safe-area-inset-bottom));
  z-index: 900;
  width: min(29rem, calc(100vw - 1.5rem));
  max-height: min(42rem, calc(100dvh - 1.5rem));
  overflow: auto;
  padding: 1.25rem;
  border: 1px solid rgba(5, 5, 5, .22);
  border-radius: 1rem;
  color: #080808;
  background: #fbfaf7;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .24);
}

.vankpaCookieAccent {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #98161a 0 68%, #d7b34a 68% 100%);
}

.vankpaCookiePanel h2 {
  max-width: calc(100% - 2.5rem);
  margin: 0 0 .65rem;
  color: #080808;
  font-size: 1.05rem;
  line-height: 1.2;
  letter-spacing: -.02em;
}

.vankpaCookiePanel > p {
  margin: 0;
  color: #2a2825;
  font-size: .79rem;
  line-height: 1.55;
}

.vankpaCookiePanel a {
  color: #7f1117;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.vankpaCookieClose {
  position: absolute;
  top: .65rem;
  right: .7rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  padding: 0;
  border: 0;
  color: #080808;
  background: transparent;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

.vankpaCookieActions,
.vankpaCookiePreferences {
  display: grid;
  gap: .5rem;
  margin-top: 1rem;
}

.vankpaCookiePanel :where(.vankpaCookiePrimary, .vankpaCookieSecondary, .vankpaCookiePreferencesButton) {
  min-height: 2.75rem;
  padding: .65rem 1rem;
  border: 1px solid #080808;
  border-radius: 0;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.vankpaCookiePrimary {
  color: #fff;
  border-color: #98161a !important;
  background: #98161a;
  box-shadow: inset 0 -3px 0 #d7b34a;
}

.vankpaCookieSecondary {
  color: #fff;
  background: #080808;
}

.vankpaCookiePreferencesButton {
  color: #080808;
  background: transparent;
}

.vankpaCookiePreferences label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .75rem 0;
  border-top: 1px solid rgba(5, 5, 5, .16);
  color: #080808;
}

.vankpaCookiePreferences label span {
  display: grid;
  gap: .2rem;
}

.vankpaCookiePreferences label strong {
  color: #080808;
  font-size: .8rem;
}

.vankpaCookiePreferences label small {
  color: #36322e;
  font-size: .68rem;
  line-height: 1.4;
}

.vankpaCookiePreferences input {
  width: 1.15rem;
  height: 1.15rem;
  flex: 0 0 auto;
  accent-color: #98161a;
}

@media (max-width: 767px) {
  #main-content .creativeoPage {
    --creativeo-space: clamp(2.75rem, 10vw, 3.5rem);
  }

  #main-content :is(
    .creativeoHomeStatement,
    .creativeoHomeFeatures,
    .creativeoHomeTabs,
    .creativeoDirection,
    .creativeoStrengths,
    .creativeoSplitSection,
    .creativeoCardSection,
    .creativeoProcessSection,
    .creativeoPortfolioSection,
    .creativeoEditorialSection,
    .creativeoFaqSection,
    .creativeoComparisonSection,
    .creativeoBodyCta,
    .strategyProofSection,
    .strategyImprovementFramework,
    .strategyDemoLab,
    .strategyCaseEvidence,
    .strategyEngagementComparison,
    .engagementStandardsIntro,
    .engagementStandardsSection,
    .engagementStandardsLifecycle,
    .strategyLegalBody
  ) {
    padding-block: clamp(2.75rem, 10vw, 3.5rem) !important;
  }

  #main-content :where(.creativeoSectionHeading, .strategyProofHeader) {
    margin-bottom: 1.75rem !important;
  }

  #main-content :where(.creativeoSplit .creativeoSectionHeading, .creativeoHomeFeatureGrid > .creativeoSectionHeading) {
    margin-bottom: 0 !important;
  }

  #main-content :where(.creativeoDetailSplit, .creativeoDirection) {
    gap: 1.75rem !important;
  }

  #main-content :where(.creativeoDetailSplit, .creativeoDirection) h2 {
    margin-bottom: 0 !important;
  }

  #main-content .creativeoHomeFeatureGrid {
    gap: 1.75rem !important;
  }

  #main-content .creativeoHomeFeatureList article,
  #main-content .creativeoHomeFeatureList article:nth-child(2),
  #main-content .creativeoHomeFeatureList article:last-child {
    min-height: 0 !important;
    padding: 1.5rem !important;
  }

  #main-content .creativeoHomeFeatureList article > span,
  #main-content .creativeoEditorialCard .creativeoCardNumber {
    margin-bottom: 1.15rem !important;
  }

  #main-content .creativeoEditorialCard {
    display: block !important;
    padding: 1.5rem !important;
  }

  #main-content .strategyImprovementFramework li,
  #main-content .strategyImprovementFramework li:last-child {
    min-height: 0 !important;
    padding: 1.5rem !important;
  }

  #main-content .strategyImprovementFramework li h3,
  #main-content .engagementStandardsGrid h3 {
    margin: 1.25rem 0 .75rem !important;
  }

  #main-content .strategyImprovementFramework ol,
  #main-content .engagementStandardsGrid {
    margin-top: 1.75rem !important;
  }

  #main-content .strategyLegalBody section {
    padding: 1.5rem 0 !important;
  }

  #main-content .strategyLegalBody aside {
    margin-top: 1.5rem !important;
    padding: 1.5rem !important;
  }

  #main-content .strategyLegalBody aside p {
    line-height: 1.6 !important;
  }

  .vankpaCookiePanel {
    right: .75rem;
    left: .75rem;
    bottom: max(.75rem, env(safe-area-inset-bottom));
    width: auto;
    max-height: calc(100dvh - 1.5rem - env(safe-area-inset-bottom));
    padding: 1rem;
    border-radius: .8rem;
  }

  .vankpaCookiePanel h2 { font-size: 1rem; }
  .vankpaCookiePanel > p { font-size: .75rem; }
  .vankpaCookieActions { grid-template-columns: 1fr 1fr; }
  .vankpaCookiePreferencesButton { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .vankpaCookiePanel, .vankpaCookiePanel * { scroll-behavior: auto !important; }
}

/* Keep footer directories on one shared left edge. The current-page marker
   sits outside the text column instead of shifting only the active label. */
.site-page-v3 .footer-v7-directory > nav:not(.footer-v7-connect) > a {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.site-page-v3 .footer-v7-directory > nav:not(.footer-v7-connect) > a[aria-current="page"] {
  padding-left: 0;
  box-shadow: none;
}

.site-page-v3 .footer-v7-directory > nav:not(.footer-v7-connect) > a[aria-current="page"]::before {
  content: "";
  position: absolute;
  top: .65rem;
  bottom: .65rem;
  left: -.75rem;
  width: 3px;
  background: var(--gold);
}

@media (max-width: 720px) {
  .site-page-v3 .footer-v7-directory > nav:not(.footer-v7-connect) > a {
    min-height: 3.25rem;
    padding-block: .75rem;
  }
}

/* Process cards were the final legacy collection still reserving editorial
   height after their grids collapsed. Let the copy determine every card's
   height and keep the number-to-title rhythm compact across all three sets. */
#main-content .creativeoProcessPage [class*="_rhythmSteps_"] > li,
#main-content .creativeoProcessPage [class*="_qualityGrid_"] > article,
#main-content .creativeoProcessPage [class*="_collaborationGrid_"] > article {
  min-height: 0 !important;
}

#main-content .creativeoProcessPage [class*="_rhythmSteps_"] h3,
#main-content .creativeoProcessPage [class*="_qualityGrid_"] h3,
#main-content .creativeoProcessPage [class*="_collaborationGrid_"] h3 {
  margin: clamp(1.25rem, 2.5vw, 2rem) 0 .75rem !important;
}

@media (max-width: 760px) {
  #main-content .creativeoProcessPage :is(
    [class*="_principleSection_"],
    [class*="_explorerSection_"],
    [class*="_rhythmSection_"],
    [class*="_qualitySection_"],
    [class*="_collaborationSection_"]
  ) {
    padding-block: clamp(2.75rem, 11vw, 3.25rem) !important;
  }

  #main-content .creativeoProcessPage [class*="_rhythmSteps_"] > li,
  #main-content .creativeoProcessPage [class*="_qualityGrid_"] > article,
  #main-content .creativeoProcessPage [class*="_collaborationGrid_"] > article {
    min-height: 0 !important;
    padding: 1.5rem !important;
  }

  #main-content .creativeoProcessPage [class*="_rhythmSteps_"] h3,
  #main-content .creativeoProcessPage [class*="_qualityGrid_"] h3,
  #main-content .creativeoProcessPage [class*="_collaborationGrid_"] h3 {
    margin: 1.15rem 0 .7rem !important;
  }

  #main-content .creativeoProcessPage :where(
    [class*="_rhythmHeader_"],
    [class*="_qualityHeader_"],
    [class*="_collaborationSection_"] > header
  ) {
    margin-bottom: 1.75rem !important;
  }
}

/* Imagineeer v71 owns its final density and contrast contract. The doubled
   scope keeps this page-specific system authoritative after shared audits. */
.imagineeer-v70.imagineeer-v71 .section-pad {
  padding-block: var(--section);
}

.imagineeer-v70.imagineeer-v71 :where(
  .card-grid,
  .agency-grid,
  .leaders-grid,
  .procurement-grid,
  .challenge-path,
  .domain-layout
) {
  margin-top: clamp(2.375rem, 5vw, 4.5rem);
}

.imagineeer-v70.imagineeer-v71 :is(
  .home-hero,
  .site-menu,
  .dark,
  .inner-hero,
  .narrative-section,
  .mail-ready,
  .im-footer,
  .mira-panel
) :where(h1, h2, h3, h4, p, li, strong, summary, a) {
  color: #fff;
}

.imagineeer-v70.imagineeer-v71 .dark .service-card :where(h3, p, b, small),
.imagineeer-v70.imagineeer-v71 .dark .service-card .card-top,
.imagineeer-v70.imagineeer-v71 .dark .service-card .card-top > span {
  color: #fff;
}

.imagineeer-v70.imagineeer-v71 :is(
  .challenge-section,
  .studio-section,
  .domains-section,
  .experience-section,
  .insights-section,
  .inner-lead,
  .leaders-section,
  .about-experience,
  .principle-section,
  .related-section,
  .contact-section,
  .proof-bar,
  .contact-form
) :where(h1, h2, h3, h4, p, li, dd, strong, summary, a) {
  color: #061426;
}

@media (max-width: 680px) {
  .imagineeer-v70.imagineeer-v71 .section-pad {
    padding-block: 3.625rem;
  }

  .imagineeer-v70.imagineeer-v71 :where(
    .card-grid,
    .agency-grid,
    .leaders-grid,
    .procurement-grid,
    .challenge-path,
    .domain-layout
  ) {
    margin-top: 2.125rem;
  }
}

/* Process v74 — mobile media, contrast, and navigation integrity.
   The process figures intentionally use portrait frames on phones. Shared
   wide-media rules must not shorten their picture children or scale imagery
   away from the frame, and overlay copy always belongs to the dark image. */
#main-content .creativeoProcessPage :is(
  [class*="_principleMedia_"],
  [class*="_rhythmVisual_"]
) figcaption :is(span, strong),
#main-content .creativeoProcessPage [class*="_mediaOverlay_"] :is(span, strong) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#main-content .creativeoProcessPage :is(
  [class*="_principleMedia_"],
  [class*="_rhythmVisual_"]
) figcaption > span,
#main-content .creativeoProcessPage [class*="_mediaOverlay_"] > span {
  color: #d2a238 !important;
  -webkit-text-fill-color: #d2a238 !important;
}

@media (max-width: 760px) {
  #main-content .creativeoProcessPage :is(
    [class*="_principleMedia_"],
    [class*="_phaseMedia_"],
    [class*="_rhythmVisual_"]
  ) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
  }

  #main-content .creativeoProcessPage :is(
    [class*="_principleMedia_"],
    [class*="_phaseMedia_"],
    [class*="_rhythmVisual_"]
  ) :where(.responsive-picture, picture, img) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
  }

  #main-content .creativeoProcessPage :is(
    [class*="_principleMedia_"],
    [class*="_phaseMedia_"],
    [class*="_rhythmVisual_"]
  ) img {
    object-fit: cover !important;
    object-position: center !important;
    scale: 1 !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: .2rem !important;
    overflow: visible !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] > button {
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 4.5rem !important;
    padding: .65rem .1rem !important;
    text-align: left !important;
    border-radius: .8rem !important;
    flex: none !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] > button:nth-child(5) {
    grid-column: auto !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] > button > strong {
    max-width: 100% !important;
    font-size: clamp(.56rem, 2.55vw, .67rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -.015em !important;
    white-space: nowrap !important;
  }

  #main-content .creativeoProcessPage [class*="_rhythmSignals_"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .35rem !important;
    overflow: visible !important;
  }

  #main-content .creativeoProcessPage [class*="_rhythmSignals_"] > span {
    min-width: 0 !important;
    padding: .45rem .3rem !important;
    font-size: .46rem !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Process v75 — the hero path is a compact overview, not a second phase
   selector. Keep all five connected decisions visible as one balanced rail
   while retaining a comfortable touch height and unmistakable active state. */
@media (max-width: 760px) {
  #main-content .creativeoProcessPage [class*="_heroPath_"] {
    padding: 1.125rem .875rem !important;
    border-radius: 2.25rem 1rem 1rem !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathHeader_"] {
    gap: .75rem !important;
    padding-bottom: .75rem !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathHeader_"] > small {
    color: rgba(255, 255, 255, .78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
    font-size: .6rem !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: .2rem !important;
    overflow: visible !important;
    padding: .875rem 0 0 !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"]::before {
    display: none !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button,
  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button:nth-child(5) {
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 2.125rem auto !important;
    align-content: start !important;
    justify-items: center !important;
    gap: .45rem !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 4.5rem !important;
    padding: .4rem .1rem !important;
    text-align: left !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button:hover {
    transform: translateY(-2px) !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button > span {
    width: 2.125rem !important;
    font-size: .54rem !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button > strong {
    max-width: 100% !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(.56rem, 2.55vw, .67rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -.015em !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  #main-content .creativeoProcessPage [class*="_phaseNav_"] {
    gap: .1rem !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] > button {
    padding-inline: 0 !important;
  }

  #main-content .creativeoProcessPage [class*="_phaseNav_"] > button > strong {
    font-size: .54rem !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] {
    gap: .1rem !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button {
    padding-inline: 0 !important;
  }

  #main-content .creativeoProcessPage [class*="_heroPathRail_"] > button > strong {
    font-size: .54rem !important;
  }
}

/* Process v76 — keep the decision explorer close to its instructions. The
   phase rail now needs only one compact row, so legacy editorial separation
   would create a false visual break before the interactive control. */
@media (max-width: 760px) {
  #main-content .creativeoProcessPage [class*="_explorerSection_"] [class*="_sectionHeader_"] {
    margin-bottom: 1.75rem !important;
  }
}

/* Navigation v77 — one decision-oriented information architecture across
   the persistent header, expanded menu, and footer directory. */
.menu-v3-nav > .menu-v3-group-label {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 1.15rem 0 .4rem;
  color: var(--gold) !important;
  font: 750 .55rem/1.2 var(--display) !important;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.menu-v3-nav > .menu-v3-group-label:first-child {
  margin-top: 0;
}

.menu-v3-nav > .menu-v3-group-label::after {
  width: 3rem;
  height: 1px;
  background: rgba(198, 154, 58, .55);
  content: "";
}

.menu-v3-nav > .menu-v3-group-label + a {
  border-top: 1px solid var(--light-line);
}

@media (max-width: 720px) {
  .menu-v3-nav > .menu-v3-group-label {
    margin: .9rem 0 .25rem;
    font-size: .5rem !important;
  }

  .menu-v3-nav > .menu-v3-group-label::after {
    width: 2rem;
  }
}

/* Responsive prose alignment — editorial paragraphs use the mobile measure
   efficiently, while navigation, labels, metadata, captions, and controls
   remain left aligned. Desktop reading retains the established left edge. */
@media (max-width: 767px) {
  :where(
    .site-page-v3,
    .imagineeer-v70,
    .aurelineBridal,
    .rpSite,
    .alSite,
    .fnSite,
    .atSite,
    .sblxSite
  ) main p:not(:is(
    [class*="eyebrow" i],
    [class*="kicker" i],
    [class*="label" i],
    [class*="meta" i],
    [class*="status" i],
    [class*="price" i],
    [class*="caption" i],
    [class*="index" i],
    [class*="tag" i]
  )) {
    text-align: left !important;
    text-align-last: left !important;
    text-left: inter-word !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
  }
}

@media (min-width: 768px) {
  :where(
    .site-page-v3,
    .imagineeer-v70,
    .aurelineBridal,
    .rpSite,
    .alSite,
    .fnSite,
    .atSite,
    .sblxSite
  ) main p {
    text-align: left !important;
    text-align-last: auto !important;
    text-left: auto !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }
}

/* app/demos/arc-ledger/arc-ledger-refinement.css */
/* Scoped final system: approved charcoal and amber mark. */
html body #al-top.alSite{--al-ink:#181918;--al-paper:#fff;--al-bone:#f3f4f2;--al-amber:#df9e29;--al-copper:#80510c;--al-sage:#315444;--al-line:#d2d6d0;background:#fff!important;color:#181918!important;overflow:visible!important;font-size:16px!important}
html body #al-top :where(h1,h2,h3,h4,p,a,label,small,dt,dd){text-align:left!important;hyphens:none!important;letter-spacing:normal!important;text-transform:none!important;word-break:normal!important;overflow-wrap:break-word!important}
html body #al-top :where(h1,h2,h3){font-family:Arial,'Helvetica Neue',sans-serif!important;font-weight:600!important;line-height:1.14!important;color:inherit!important;text-wrap:balance}
html body #al-top h1{font-size:clamp(2.5rem,4.8vw,5rem)!important;max-width:20ch!important}
html body #al-top h2{font-size:clamp(1.9rem,3.2vw,3.4rem)!important;max-width:25ch!important}
html body #al-top h3{font-size:clamp(1.25rem,1.9vw,1.8rem)!important}
html body #al-top :where(h1,h2,h3) em{font-family:inherit!important;font-style:normal!important;color:inherit!important;font-weight:inherit!important;letter-spacing:normal!important}
html body #al-top p{font-size:max(16px,1rem)!important;line-height:1.65!important;max-width:68ch}
html body #al-top :where(small,label,li,dt,dd,figcaption){font-size:max(14px,.875rem)!important;line-height:1.5!important}
html body #al-top :where(a,button,input,select,textarea){font-size:max(14px,.9375rem)!important;letter-spacing:normal!important;text-transform:none!important}
html body #al-top :where(button,input,select){min-height:44px}
html body #al-top :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #a46a0a!important;outline-offset:4px!important}
html body #al-top :where(section,article,div,figure,aside){min-width:0}
html body #al-top .alHeader{position:sticky!important;inset:0 0 auto!important;min-height:76px!important;height:auto!important;padding:14px max(24px,4vw)!important;grid-template-columns:auto 1fr auto!important;background:#fff!important;color:#181918!important;border-bottom:1px solid #d2d6d0!important;box-shadow:none!important;backdrop-filter:none!important}
html body #al-top .alHeader:after{display:none!important}
html body #al-top .alHeader :where(a,button){color:#181918!important}
html body #al-top .alHeader .alHeaderCta{display:inline-flex!important;align-items:center;min-height:44px;background:#181918!important;color:white!important;border-radius:6px!important;padding:12px 18px!important}
html body #al-top .alBrand b{font-size:max(16px,1rem)!important;letter-spacing:.02em!important}
html body #al-top .alMenuTrigger{width:auto!important;min-width:78px!important;height:44px!important;border:1px solid #747a72!important;border-radius:6px!important;padding:10px!important}
html body #al-top .alMenuTrigger span{display:inline!important}
html body #al-top .alConceptNote{margin:0!important;max-width:none!important;background:#f3f4f2;color:#50564f;padding:12px max(24px,4vw);font-size:14px!important}
html body #al-top :where(.alHero,.alPageHero){background:#fff!important;color:#181918!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;padding:0!important}
html body #al-top :where(.alHero,.alPageHero):before,html body #al-top :where(.alHero,.alPageHero):after,html body #al-top .alHeroVisual:after,html body #al-top .alPageHero>.alPicture:after{display:none!important}
html body #al-top .alHeroCopy,html body #al-top .alPageHero>div:first-child{padding:clamp(40px,5vw,80px)!important;width:auto!important;max-width:none!important;margin:0!important;align-self:center}
html body #al-top .alHero h1,html body #al-top .alPageHero h1{max-width:18ch!important}
html body #al-top .alBack{margin-bottom:22px!important;color:#50564f!important}
html body #al-top .alLead,html body #al-top .alPageHero>div>p{color:#50564f!important}
html body #al-top .alHeroVisual{min-height:0!important;display:flex!important;align-items:center!important;padding:32px 32px 32px 0!important;overflow:visible!important}
html body #al-top .alHeroEditorial,html body #al-top .alPageHero>.alPicture{position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;width:100%!important;aspect-ratio:3/2!important;transform:none!important;animation:none!important;align-self:center;border-radius:8px!important}
html body #al-top .alPicture picture{display:block!important;width:100%!important;height:100%!important}
html body #al-top .alPicture img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;width:100%!important;height:100%!important;background:#f3f4f2!important}
html body #al-top .alPageHeroMark{display:none!important}
html body #al-top .alHeroRail{background:#181918!important;color:#fff!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #al-top .alHeroRail :where(small,span,p){color:#dfe3dc!important;font-size:14px!important}
html body #al-top .alHeroRail strong{color:#fff!important;font-family:inherit!important;font-size:1.45rem!important}
html body #al-top .alTicker{background:#f3f4f2!important;color:#181918!important;padding:16px 24px!important}
html body #al-top .alTicker>div{animation:none!important;width:auto!important;flex-wrap:wrap;gap:12px}
html body #al-top .alTicker span{font-size:14px!important;padding:0!important}
html body #al-top .alSection{padding:clamp(48px,6vw,88px) max(24px,5vw)!important}
html body #al-top .alButton{border-radius:6px!important;min-height:48px!important;padding:14px 22px!important;background:#181918!important;color:#fff!important;text-align:center!important;width:auto!important;max-width:100%!important}
html body #al-top .alButton:after{display:none!important}
html body #al-top .alButton:hover{background:#80510c!important;color:#fff!important;transform:none!important}
html body #al-top .alButtonLight,html body #al-top .alHero .alButton{background:#df9e29!important;color:#181918!important}
html body #al-top .alTextButton,html body #al-top .alArrowLink,html body #al-top .alReadInsight{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline!important;color:inherit!important}
html body #al-top :where(.alPlatform,.alGovernance,.alEditorial,.alPricing,.alInsightsIndex,.alItem,.alFaq,.alContact){background:#fff!important;color:#181918!important}
html body #al-top :where(.alCashFeature,.alInsights,.alContinue,.alWorkspaceSection){background:#f3f4f2!important;color:#181918!important}
html body #al-top :where(.alRhythm,.alFooter,.alArticleCta,.alEditorialImage){background:#181918!important;color:#fff!important}
html body #al-top :where(.alRhythm,.alFooter,.alArticleCta,.alEditorialImage) :where(p,small,span,a){color:#dfe3dc!important}
html body #al-top :where(.alRhythm,.alFooter,.alArticleCta,.alEditorialImage) .alButtonLight{color:#181918!important}
html body #al-top .alModuleGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body #al-top .alModuleGrid article{min-height:0!important;padding:24px!important}
html body #al-top .alModuleGrid h3{margin:28px 0 16px!important}
html body #al-top .alModuleGrid article>a{position:static!important;order:5;margin-top:16px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
html body #al-top .alModuleGrid article:hover{background:#f3f4f2!important;color:#181918!important}
html body #al-top .alModuleGrid article:hover :where(p,span,a){color:#50564f!important}
html body #al-top :where(.alCashImage,.alGovernanceVisual)>.alPicture{min-height:0!important;height:auto!important;aspect-ratio:3/2!important;border-radius:8px!important}
html body #al-top .alImageCaption,html body #al-top .alGovernanceOverlay{position:relative!important;inset:auto!important;width:auto!important;max-width:none!important;background:#181918!important;color:#fff!important;backdrop-filter:none!important;margin-top:12px}
html body #al-top .alImageCaption small,html body #al-top .alGovernanceOverlay small{color:#edbd65!important}
html body #al-top :where(.alInsightGrid,.alContinue,.alInsightsIndex,.alCatalog) .alPicture{height:auto!important;min-height:0!important;aspect-ratio:3/2!important}
html body #al-top .alInsightGrid article>div{padding:24px!important}
html body #al-top .alPricing article{background:#f3f4f2!important;color:#181918!important;transform:none!important;border:1px solid #d2d6d0!important;border-radius:8px!important;min-height:0!important}
html body #al-top .alPricing article.isFeatured{background:#181918!important;color:#fff!important}
html body #al-top .alPricing article.isFeatured :where(p,small,li){color:#dfe3dc!important}
html body #al-top .alArticle :where(section){scroll-margin-top:100px}
html body #al-top .alWorkspaceSection{padding-top:32px!important}
html body #al-top .alWorkspaceIntro{margin-bottom:28px}
html body #al-top .alWorkspaceIntro h1{font-size:clamp(2rem,3vw,3rem)!important;margin:16px 0}
html body #al-top .alWorkspace{border:1px solid #d2d6d0!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;overflow:visible!important}
html body #al-top .alWorkspaceTop{padding:16px 24px!important;flex-wrap:wrap}
html body #al-top .alWorkspaceTop button,html body #al-top .alViewPanel>button{background:#181918!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:12px 18px!important;cursor:pointer}
html body #al-top .alWorkspaceGrid{grid-template-columns:190px minmax(0,1fr)!important;min-height:0!important}
html body #al-top .alWorkspaceGrid>aside{background:#181918!important;color:#fff!important;padding:20px!important}
html body #al-top .alWorkspaceGrid>aside :where(p,small,button,span){color:#dfe3dc!important}
html body #al-top .alWorkspaceGrid>aside button.isActive{background:#df9e29!important;color:#181918!important;border-radius:4px;padding-inline:8px}
html body #al-top .alWorkspaceGrid>aside button.isActive span{color:#181918!important}
html body #al-top .alWorkspaceMain{padding:24px!important}
html body #al-top .alWorkspaceMain h2{font-size:2rem!important}
html body #al-top .alWorkspaceMain h3{font-size:1.25rem!important}
html body #al-top .alWorkspaceStats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
html body #al-top .alWorkspaceStats article{background:#f3f4f2!important;padding:16px!important;border:1px solid #d2d6d0!important}
html body #al-top .alWorkspaceStats strong{font-size:clamp(1.3rem,2vw,1.8rem)!important;font-family:inherit!important;color:#181918!important;font-variant-numeric:tabular-nums}
html body #al-top .alWorkspaceStats :where(small,span){font-size:14px!important;color:#50564f!important;letter-spacing:normal!important;text-transform:none!important}
html body #al-top .alScenarioTabs{border-radius:6px!important;flex-wrap:wrap;overflow:visible!important;gap:4px}
html body #al-top .alScenarioTabs button{color:#181918!important;border-radius:4px!important;padding:10px!important}
html body #al-top .alScenarioTabs button.isActive{background:#181918!important;color:#fff!important}
html body #al-top .alViewPanel{padding-block:20px}
html body #al-top .alBalanceChart{margin:24px 0;display:grid;gap:16px}
html body #al-top .alBalanceRow{display:grid;grid-template-columns:32px minmax(0,1fr) 92px;align-items:center;gap:12px;font-size:14px;font-variant-numeric:tabular-nums}
html body #al-top .alBalanceRow strong{text-align:right!important}
html body #al-top .alBarTrack{height:22px;position:relative;background:#f3f4f2;border-bottom:1px solid #d2d6d0}
html body #al-top .alBarTrack:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #50564f}
html body #al-top .alBarTrack i{position:absolute;top:2px;height:18px;background:#80510c;transition:width .2s,left .2s}
html body #al-top .alBarTrack i.isNegative{background:#a32b24;background-image:repeating-linear-gradient(45deg,transparent,transparent 4px,#ffffff55 4px,#ffffff55 6px)}
html body #al-top .alTableScroll{overflow-x:auto;max-width:100%;border:1px solid #d2d6d0;border-radius:6px;margin-block:20px}
html body #al-top table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
html body #al-top caption{text-align:left;padding:12px;background:#f3f4f2;color:#50564f}
html body #al-top th,html body #al-top td{padding:12px;border-bottom:1px solid #d2d6d0;text-align:right!important;white-space:nowrap}
html body #al-top th:first-child{text-align:left!important}
html body #al-top thead{background:#f3f4f2}
html body #al-top .alSourceList>div{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #d2d6d0;padding:20px 0;gap:24px}
html body #al-top .alSourceList dd{margin:0}
html body #al-top .alSourceList p{margin:8px 0}
html body #al-top .alReviewDraft{padding:20px;border:1px solid #d2d6d0;border-radius:6px;margin:16px 0;background:#f3f4f2}
html body #al-top .alReviewDraft h4{margin:0;font-size:18px}
html body #al-top .alDrivers{border:0;border-top:1px solid #d2d6d0;padding:24px 0 0;margin-top:12px;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #al-top .alDrivers legend{font-size:16px;font-weight:600;padding:0 10px 0 0}
html body #al-top .alDrivers label{display:flex!important;flex-direction:column;gap:8px}
html body #al-top .alDrivers output{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
html body #al-top .alDrivers input{min-height:44px;accent-color:#80510c}
html body #al-top .alModelNote{color:#50564f!important;font-size:14px!important;margin-top:24px}
html body #al-top .alContactForm{background:#f3f4f2!important;border-radius:8px!important}
html body #al-top .alContactForm :where(input,select,textarea){font-size:16px!important;background:#fff!important;color:#181918!important;border:1px solid #747a72!important}
html body #al-top .alContactForm .alCheck input{min-height:22px;width:22px;flex-shrink:0;accent-color:#80510c}
html body #al-top .alContactForm [role=alert]{color:#a32b24!important}
html body #al-top .alMenu{background:#181918!important;color:#fff!important}
html body #al-top .alMenuStatement{display:none!important}
html body #al-top .alMenuBody{display:block!important;min-height:0!important;padding:24px max(24px,5vw)!important}
html body #al-top .alMenuBody nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 40px}
html body #al-top .alMenuBody nav a{min-height:52px!important;color:#fff!important}
html body #al-top .alMenuBody nav a small{color:#edbd65!important}
html body #al-top .alMenuHead button{min-width:84px!important;border-radius:6px!important;color:white!important}
html body #al-top .alMenuHead button span{display:inline!important;color:white!important}
html body #al-top .alFooter nav a{display:flex;align-items:center;min-height:44px}
@media(max-width:1100px){html body #al-top .alDesktopNav{display:none!important}html body #al-top .alHeader{display:flex!important;justify-content:space-between!important}html body #al-top .alModuleGrid{grid-template-columns:1fr 1fr!important}html body #al-top .alWorkspaceGrid{grid-template-columns:1fr!important}html body #al-top .alWorkspaceGrid>aside{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}html body #al-top .alWorkspaceGrid>aside>small,html body #al-top .alWorkspaceGrid>aside>p{display:none!important}html body #al-top .alWorkspaceGrid>aside button{display:block!important}html body #al-top .alWorkspaceGrid>aside button span{display:none}}
@media(max-width:767px){html body #al-top .alHeader{padding:12px 20px!important;min-height:72px!important}html body #al-top .alHeader .alHeaderCta{display:none!important}html body #al-top :where(.alHero,.alPageHero){grid-template-columns:1fr!important}html body #al-top .alHeroCopy,html body #al-top .alPageHero>div:first-child{padding:40px 24px!important}html body #al-top .alHeroVisual{padding:0 24px 32px!important}html body #al-top .alPageHero>.alPicture{width:calc(100% - 48px)!important;margin:0 24px 32px!important;aspect-ratio:9/8!important}html body #al-top .alHeroRail{grid-template-columns:1fr 1fr!important}html body #al-top .alHeroRail article{grid-column:auto!important}html body #al-top .alHeroRail>p{grid-column:auto!important}html body #al-top :where(.alSectionHead,.alCashFeature,.alRhythm>header,.alGovernanceFacts,.alEditorial>header,.alEditorial>div,.alEditorialImage,.alItem,.alContact,.alContinue,.alContinue>div,.alArticleCta,.alFaq,.alCatalog>div>article,.alInsightsIndex article,.alInsightGrid,.alPricing>div){grid-template-columns:1fr!important;gap:28px!important}html body #al-top .alInsightGrid article:last-child{display:block!important}html body #al-top .alModuleGrid{grid-template-columns:1fr!important}html body #al-top .alRhythmList article{grid-template-columns:32px 1fr!important}html body #al-top .alRhythmList article p{grid-column:2!important}html body #al-top .alRhythmList i{display:none!important}html body #al-top .alWorkspaceMain{padding:20px 16px!important}html body #al-top .alWorkspaceMain>header{flex-direction:column;align-items:flex-start}html body #al-top .alWorkspaceGrid>aside{grid-template-columns:1fr 1fr!important;padding:12px!important;gap:8px}html body #al-top .alWorkspaceGrid>aside button{padding:12px!important;text-align:left!important}html body #al-top .alWorkspaceStats{grid-template-columns:1fr!important}html body #al-top .alDrivers{grid-template-columns:1fr!important;gap:24px}html body #al-top .alBalanceRow{grid-template-columns:24px minmax(0,1fr) 78px;gap:8px;font-size:13px}html body #al-top .alSourceList>div{grid-template-columns:1fr;gap:10px}html body #al-top .alContactForm>div{grid-template-columns:1fr!important}html body #al-top .alMenuBody nav{grid-template-columns:1fr!important}html body #al-top .alFooterMain{grid-template-columns:1fr 1fr!important;gap:24px!important}html body #al-top .alFooterIdentity{grid-column:1/-1!important}html body #al-top .alFooterCta{grid-template-columns:1fr!important;gap:24px}html body #al-top .alFooterBottom{grid-template-columns:1fr!important;gap:16px}html body #al-top .alItemDiagram{min-height:0!important;padding:24px!important;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html body #al-top *,html body #al-top *:before,html body #al-top *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}html body #al-top [data-al-reveal]{opacity:1!important;transform:none!important}}
html body #al-top .alHeader .alMenuTrigger span{font-size:14px!important;color:#181918!important;width:auto!important;opacity:1!important}
html body #al-top .alMenuHead button span{font-size:14px!important;width:auto!important;opacity:1!important}
html body #al-top .alWorkspaceMain .alDrivers{margin-bottom:24px!important}
html body #al-top .alCashCopy :where(p,dt,dd,span,strong){color:#50564f!important}
html body #al-top .alFooter :where(.alFooterCta,.alFooterMain,.alFooterBottom){background:#181918!important;color:#fff!important}
html body #al-top .alFooter h2{color:#fff!important}
html body #al-top .alCatalog p{color:#50564f!important}
html body #al-top .demoPrimary{background:#181918!important;color:#fff!important}
@media(max-width:1000px){html body #al-top .alPageHero{grid-template-columns:minmax(0,1fr)!important}html body #al-top .alPageHero>div:first-child{max-width:100%!important}html body #al-top .alPageHero>.alPicture{max-width:100%!important;aspect-ratio:3/2!important}}
html body #al-top #al-main>.alWorkspaceSection{padding-top:24px!important}
html body #al-top .alWorkspaceIntro{padding:0!important;margin:0 0 24px!important}
html body #al-top .alMenuTrigger,html body #al-top .alMenuHead button{font-size:14px!important;text-indent:0!important;overflow:visible!important;width:auto!important}
html body #al-top .alMenuTrigger:before,html body #al-top .alMenuTrigger:after,html body #al-top .alMenuHead button:before,html body #al-top .alMenuHead button:after{display:none!important}
html body #al-top .alHero{height:auto!important;margin:0!important;grid-template-rows:auto!important}
html body #al-top .alHeroCopy{min-height:0!important;height:auto!important}

/* app/site-refinement.css */
/* Main-brand tokens and components. Standalone demo identities stay separate. */
#main-content main.creativeoPage article.vkCapabilityCard{height:auto;min-height:0;position:relative;background:#fff;color:#111;border:1px solid #d1d1cd;border-radius:6px;padding:28px;align-self:start}
#main-content main.creativeoPage article.vkCapabilityCard :is(h3,h4,p,li,summary,strong){color:#111!important;text-transform:none!important;letter-spacing:normal!important}
#main-content main.creativeoPage article.vkCapabilityCard h3{font-size:1.5rem!important;line-height:1.3!important;margin:16px 0}
#main-content main.creativeoPage article.vkCapabilityCard :is(p,li){font-size:1rem!important;line-height:1.65!important}
#main-content main.creativeoPage article.vkCapabilityCard .vkCapabilityLabel{font-size:.875rem!important;color:#805b13!important;margin:0}
.vkCapabilityCard details{border-top:1px solid #d1d1cd;margin-top:24px}.vkCapabilityCard summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;padding:12px 0;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}.vkCapabilityCard summary::-webkit-details-marker{display:none}.vkCapabilityCard summary:hover{background:#f5f5f3}.vkCapabilityDetails{padding-top:12px}.vkCapabilityDetails h4{margin:24px 0 12px;font-size:1rem}.vkCapabilityDetails ul{padding-left:20px}.vkCapabilityDetails li{margin-bottom:8px}
/* Explicit surface contracts override the legacy mixed-specificity color groups. */
#main-content main.creativeoPage section:is(.creativeoHero,.creativeoDetailHero){background:#fff!important;background-image:none!important;color:#111!important;--creativeo-ink:#111;--creativeo-muted:#555}
#main-content main.creativeoPage section:is(.creativeoHero,.creativeoDetailHero) :is(h1,h1 span,h1 em){color:#111!important;-webkit-text-fill-color:#111!important;text-transform:none!important}
#main-content main.creativeoPage section:is(.creativeoHero,.creativeoDetailHero) :is(.creativeoHeroCopy,.creativeoDetailHeroCopy)>p{color:#555!important}
#main-content main.creativeoPage section:is(.creativeoHero,.creativeoDetailHero) .creativeoTextLink{color:#111!important}
#main-content main.creativeoPage section:is(.creativeoHero,.creativeoDetailHero) small{color:#805b13!important;font-size:.875rem!important}
#main-content main.creativeoCasePage nav.creativeoDetailNav{background:#f5f5f3!important;border-block:1px solid #d1d1cd;color:#111!important}
#main-content main.creativeoAboutPage .strategyProofHeader :is(.creativeoEyebrow,small){color:#eee!important;font-size:.875rem!important}
#main-content main.creativeoPage .practiceCaseTabs button.isActive{background:#111!important;color:#fff!important;border-color:#111!important}
#main-content main.creativeoPage .practiceCaseTabs button.isActive :is(span,strong,small){color:#fff!important}
#main-content main.creativeoPage article.practiceChartPanel{background:#fff!important;color:#111!important}
#main-content main.creativeoPage article.practiceChartPanel :is(small,strong,span){color:#111!important}
#main-content main.creativeoPage .practiceMetricStrip small{font-size:.875rem!important}
#main-content main.creativeoConsultingPage article.services-method-step-v13{background:#111!important;color:#fff!important}
#main-content main.creativeoConsultingPage article.services-method-step-v13 :is(p,small){color:#eee!important;font-size:.875rem!important}
#main-content main.creativeoPage .practiceBrandHeroCard small{color:#fff!important}
#main-content main.creativeoPage aside.brandLabRail>p{color:#fff!important}
#main-content main.creativeoPage .services-flip-back-head-v14 small{color:#fff!important;font-size:.875rem!important}
#main-content main.creativeoPage .demo-library-filters-v32 button.is-active small{color:#fff!important;font-size:.875rem!important}
html{scroll-padding-top:110px}
.demoUtilityLayer .demoPrivacySettingsButton{background:#111!important;color:#fff!important;border:1px solid #767676!important;font-size:.875rem!important}
#main-content .career-map-v3>div>a{background:#111!important;color:#fff!important}#main-content .career-map-v3>div>a :is(small,p){color:#eee!important}#main-content .career-map-v3>div>a small{font-size:.875rem!important}
.vkIntake label>span{text-transform:none!important;letter-spacing:normal!important}
#main-content .vkPage :is(h1,h2,h3,h4,p,dt,dd,summary,label,button){text-transform:none!important}
:root{--vk-ink:#111;--vk-muted:#555;--vk-white:#fff;--vk-surface:#f5f5f3;--vk-red:#b20e21;--vk-hover:#8f0b1a;--vk-gold:#805b13;--vk-line:#d1d1cd;--vk-focus:#0759c7}
.vkMainBrand,#main-content{background:var(--vk-white);color:var(--vk-ink)}
#main-content{--vankpa-paper:#fff;--vankpa-muted:#555;--vankpa-gold-text:#805b13;--paper:#fff;--muted:#555}
#main-content :is(p,li,dd,h1,h2,h3,h4){text-align:left;hyphens:none!important;-webkit-hyphens:none!important;word-break:normal;overflow-wrap:break-word}
#main-content :focus-visible,.vkHeader :focus-visible,.vkFooter :focus-visible,.vkMenu :focus-visible{outline:3px solid var(--vk-focus)!important;outline-offset:4px}
#main-content .creativeoPortfolioSection{background:#fff!important;color:#111!important}
#main-content .creativeoPortfolioSection :is(.creativeoSectionHeading,h2,h3,p,.creativeoEyebrow){color:#111!important;-webkit-text-fill-color:currentColor!important}
#main-content .creativeoEditorialSection .creativeoEyebrow{color:#805b13!important}
#main-content .ai-automation-page{--ai-muted:#555;--ai-paper:#fff}
#main-content .ai-automation-page>section:nth-of-type(2){background:#fff!important;color:#111!important}
#main-content .ai-automation-page>section:nth-of-type(2) :is(h2,h3,p,span){color:#111!important;-webkit-text-fill-color:currentColor!important}
#main-content .ai-automation-page>section:nth-of-type(2) p{color:#555!important}
#main-content .creativeoPage :is(.creativeoGuideField,.creativeoHomeGhost,.creativeoMarquee){display:none}
#main-content .creativeoPage :is(.creativeoButton,.creativeoPrimary){box-shadow:none!important;border-radius:4px!important;text-transform:none!important;letter-spacing:0!important;font-size:1rem!important}
#main-content .creativeoPage :is(.creativeoButton--accent,.creativeoPrimary){background:#b20e21!important;border-color:#b20e21!important;color:#fff!important}
#main-content .creativeoPage :is(.creativeoButton--accent,.creativeoPrimary):hover{background:#8f0b1a!important;border-color:#8f0b1a!important;color:#fff!important}
#main-content .creativeoPage :is(.creativeoButton--accent,.creativeoPrimary):active{background:#700712!important}
#main-content [data-interactive]{transform:none!important}
#main-content :is(.creativeoPortfolioSection,.creativeoEditorialSection,.creativeoCardSection,.creativeoSplitSection)::before,#main-content :is(.creativeoPortfolioSection,.creativeoEditorialSection,.creativeoCardSection,.creativeoSplitSection)::after{display:none!important}
#main-content .vkHome{background:#fff;color:#111;font-family:var(--sans,"Plus Jakarta Sans",Arial,sans-serif)}
.vkShell{width:min(1280px,calc(100% - 96px));margin-inline:auto}
#main-content .vkHome :is(h1,h2,h3,p,small,span,a,strong,figcaption){letter-spacing:normal;text-transform:none}
#main-content .vkHome h1{font-size:clamp(2.5rem,4.8vw,4.5rem)!important;line-height:1.07!important;letter-spacing:-.05em!important;font-weight:650;max-width:17ch;margin:0 0 28px;color:#111}
#main-content .vkHome h2{font-size:clamp(1.9rem,3vw,2.75rem)!important;line-height:1.16!important;letter-spacing:-.035em!important;font-weight:600;margin:0 0 24px;color:inherit}
#main-content .vkHome h3{font-size:clamp(1.15rem,1.6vw,1.4rem)!important;line-height:1.3!important;letter-spacing:-.02em!important;font-weight:650;margin:0 0 14px;color:inherit}
#main-content .vkHome p{font-size:1rem!important;line-height:1.65!important;max-width:65ch;color:#555;margin:0 0 24px}
#main-content .vkHome .vkEyebrow{font-size:.875rem!important;font-weight:600;line-height:1.5!important;color:#805b13;letter-spacing:.04em;margin-bottom:22px}
.vkHero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;padding-block:96px 100px}
#main-content .vkHome .vkLead{font-size:1.125rem!important;max-width:49ch}
.vkActions{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
#main-content .vkHome .vkHeroNote{font-size:.9375rem!important;margin:26px 0 0}
.vkButton{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#b20e21;color:#fff!important;border:1px solid #b20e21;border-radius:4px;text-decoration:none;font-size:1rem;font-weight:600;line-height:1.4;transition:background .16s,border-color .16s}
.vkButton:hover{background:#8f0b1a;border-color:#8f0b1a}.vkButton:active{background:#700712}
.vkTextLink{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;font-size:1rem;font-weight:600}.vkTextLink:hover{color:#8f0b1a}
.vkStartingPoints{padding:36px;background:#f5f5f3;border:1px solid #d1d1cd;border-radius:8px}.vkStartingPoints>a{display:grid;grid-template-columns:30px 1fr;gap:16px;align-items:start;padding:23px 0;border-top:1px solid #d1d1cd;text-decoration:none;color:#111}.vkStartingPoints>a:last-child{padding-bottom:0}.vkStartingPoints>a>span{padding-top:2px;color:#555;font-size:.875rem}
#main-content .vkStartingPoints h3{margin-bottom:5px}#main-content .vkStartingPoints p{margin:0;font-size:.9375rem!important}#main-content .vkStartingPoints>.vkEyebrow{margin-bottom:16px}.vkStartingPoints>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.vkSection{padding-block:80px}.vkSectionHead{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:38px}.vkSectionHead>p{max-width:40ch!important}.vkSectionHead h2{margin-bottom:0!important}
.vkWork{border-block:1px solid #d1d1cd;background:#f5f5f3}.vkWorkGrid,.vkServiceGrid,.vkInsightGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.vkWorkGrid article{background:#fff;padding:30px;border:1px solid #d1d1cd;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start}
.vkWorkType{display:flex;justify-content:space-between;gap:20px;align-self:stretch;font-size:.875rem;color:#555;padding-bottom:40px}.vkWorkGrid h3 a,.vkInsightGrid h3 a{color:#111;text-decoration:none}.vkWorkGrid h3 a:hover,.vkInsightGrid h3 a:hover{text-decoration:underline;text-underline-offset:4px}.vkWorkGrid article>.vkTextLink{margin-top:auto}.vkExternalLink{font-size:.9375rem;color:#805b13;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
#main-content .vkHome .vkWorkFoot{margin:30px 0 0;font-size:.9375rem!important}.vkWorkFoot a{color:#111;text-decoration:underline;text-underline-offset:4px}.vkServiceGrid article,.vkInsightGrid article{padding-top:28px;border-top:1px solid #111;display:flex;flex-direction:column;align-items:flex-start}.vkServiceTerms{display:flex;flex-direction:column;gap:4px;margin-top:auto;margin-bottom:18px;font-size:.9375rem}.vkServiceTerms span{color:#555}
.vkFounderSection{background:#111;color:#fff}.vkFounderGrid{display:grid;grid-template-columns:.65fr 1fr;gap:clamp(40px,8vw,110px);align-items:center}.vkFounderGrid>figure{margin:0;max-width:360px}.vkFounderGrid picture{display:block;aspect-ratio:4/5}.vkFounderGrid img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}.vkFounderGrid figcaption{padding-top:15px;color:#d8d8d8;font-size:.875rem}
#main-content .vkHome .vkFounderSection :is(h2,h3){color:#fff}#main-content .vkHome .vkFounderSection p{color:#d8d8d8}#main-content .vkHome .vkFounderSection .vkEyebrow{color:#d7b34a}.vkFounderSection .vkTextLink:hover{color:#d7b34a}.vkMethod{margin:28px 0;padding:0;list-style:none;display:grid;gap:0}.vkMethod li{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:20px 0;border-top:1px solid #515151}.vkMethod li>span{color:#d7b34a;font-size:.875rem}#main-content .vkMethod h3{font-size:1rem!important;margin-bottom:4px}#main-content .vkMethod p{margin:0;font-size:.9375rem!important}
.vkInsightGrid article>.vkTextLink{margin-top:auto}#main-content .vkInsightGrid .vkEyebrow{margin-bottom:16px}.vkContactSection{border-top:1px solid #d1d1cd;padding-block:64px 80px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.vkContactSection>.vkActions{flex-direction:column;align-items:flex-start}#main-content .vkContactSection p:last-child{margin:0}
@media(min-width:1700px){.vkHero{padding-block:120px}.vkSection{padding-block:96px}}
@media(max-width:1050px){.vkShell{width:calc(100% - 64px)}.vkHero{gap:36px}.vkStartingPoints{padding:25px}.vkWorkGrid,.vkServiceGrid,.vkInsightGrid{gap:22px}.vkWorkGrid article{padding:24px}.vkSectionHead{gap:32px}.vkContactSection{grid-template-columns:1fr}}
@media(max-width:760px){.vkShell{width:calc(100% - 40px)}.vkHero{grid-template-columns:1fr;padding-block:52px 56px;gap:36px}#main-content .vkHome h1{font-size:clamp(2.2rem,9.3vw,3rem)!important;max-width:18ch;margin-bottom:24px}.vkSection{padding-block:52px}.vkSectionHead{display:block;margin-bottom:28px}.vkSectionHead>p{margin-top:20px!important}.vkSectionHead>.vkTextLink{margin-top:14px}.vkWorkGrid,.vkServiceGrid,.vkInsightGrid{grid-template-columns:1fr;gap:28px}.vkWorkType{padding-bottom:24px}.vkFounderGrid{grid-template-columns:1fr;gap:36px}.vkFounderGrid>figure{width:min(300px,100%)}.vkServiceGrid article,.vkInsightGrid article{padding-top:24px}.vkContactSection{padding-block:48px;gap:24px}.vkActions{gap:16px}.vkStartingPoints{padding:24px}.vkWorkGrid article{padding:26px}}
@media(prefers-reduced-motion:reduce){.vkButton,.vkHome *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vkMainBrand{min-height:100vh;font-family:var(--sans,"Plus Jakarta Sans",Arial,sans-serif)}
.vkHeader{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #dededb;color:#111}.vkHeader>.vkShell{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.vkBrand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;color:#111;text-decoration:none;font-size:1rem;font-weight:750;letter-spacing:.12em}.vkBrand img{object-fit:contain}.vkHeader nav{display:flex;gap:24px;align-items:center}.vkHeader nav a{color:#555;font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.vkHeader nav a:hover,.vkHeader nav a[aria-current]{color:#111;text-decoration:underline;text-underline-offset:7px}.vkHeaderCta{font-size:.875rem;padding:12px 18px}.vkMenuTrigger{display:none;align-items:center;gap:14px;background:#fff;color:#111;border:0;min-height:44px;padding:8px;font:600 1rem var(--sans)}.vkMenuTrigger span{font-size:1.3rem}.vkSkip{position:fixed;top:10px;left:20px;z-index:200;background:#111;color:#fff;padding:12px 18px;transform:translateY(-150%)}.vkSkip:focus{transform:none}.vkMenu{width:min(560px,100%);max-width:100%;max-height:100dvh;height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:#fff;color:#111;overflow-y:auto}.vkMenu:not([open]){display:none}.vkMenu::backdrop{background:rgba(0,0,0,.5)}.vkMenuPanel{padding:24px 28px 36px;min-height:100%;display:flex;flex-direction:column;align-items:flex-start}.vkMenuHead{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;padding-bottom:28px}.vkMenuHead button{border:1px solid #767676;padding:10px 18px;min-height:44px;border-radius:4px;background:#fff;color:#111;font:inherit}.vkMenu nav{display:grid;width:100%;margin-bottom:28px}.vkMenu nav a{padding:15px 0;border-bottom:1px solid #dededb;color:#111;font-size:1.35rem;text-decoration:none}.vkMenu nav a[aria-current]{color:#8f0b1a}.vkMenu p{font-size:1rem;line-height:1.6;max-width:30ch;margin:30px 0 12px;color:#555}.vkMenuPanel>a:not(.vkButton){min-height:44px;display:inline-flex;align-items:center;color:#111;text-decoration:underline;text-underline-offset:4px}.vkFooter{padding:60px 0 24px;background:#fff;border-top:1px solid #d1d1cd;color:#111;font-size:1rem}.vkFooterIntro{display:flex;justify-content:space-between;gap:60px;padding-bottom:38px}.vkFooterIntro p{max-width:45ch;font-size:1rem;line-height:1.65;color:#555;margin:20px 0 0}.vkFooterContact{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.vkFooterContact a{color:#111;text-decoration:underline;text-underline-offset:4px;min-height:32px;display:inline-flex;align-items:center}.vkFooterContact span{font-size:.875rem;color:#555}.vkFooterLinks{display:flex;flex-wrap:wrap;column-gap:28px;border-top:1px solid #dededb;padding:12px 0}.vkFooterLinks :is(a,button){display:inline-flex;align-items:center;min-height:44px;color:#111;font-size:.9375rem;text-decoration:none;background:none;border:0;padding:0;font-family:inherit}.vkFooterLinks :is(a,button):hover{text-decoration:underline;text-underline-offset:5px}.vkFooterTrust :is(a,button){color:#555}.vkFooterBottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dededb;margin-top:8px;padding-top:24px;font-size:.875rem;color:#555}.vkFooterBottom a{color:#555}.vkMainBrand .vankpaCookiePanel{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow:auto;right:16px;bottom:16px;border-radius:8px;box-shadow:0 12px 40px #0002;background:#fff;color:#111}.vkMainBrand .vankpaCookiePanel h2{font-size:1.2rem}.vkMainBrand .vankpaCookiePanel p{font-size:.875rem;line-height:1.55}.vkMainBrand .vankpaCookieActions :is(button){min-height:44px}.vkMainBrand .vankpaCookieAccent{display:none}.vkMainBrand .vankpaCookiePrimary{background:#b20e21;color:#fff}.vkMainBrand .vankpaCookiePrimary:hover{background:#8f0b1a;color:#fff}
@media(max-width:1100px){.vkHeader nav{gap:16px}.vkHeader>.vkShell{gap:20px}.vkHeaderCta{display:none}}
@media(max-width:800px){.vkHeader nav{display:none}.vkMenuTrigger{display:inline-flex}.vkHeader>.vkShell{min-height:76px}.vkFooter{padding-top:40px}.vkFooterIntro{flex-direction:column;gap:26px;padding-bottom:28px}.vkFooterLinks{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.vkFooterBottom{padding-bottom:12px}.vkMainBrand .vankpaCookiePanel{bottom:max(12px,env(safe-area-inset-bottom));padding:20px}}

/* Compact editorial pages and the two-stage inquiry. */
.vkWorkIndex{padding-bottom:72px}.vkWorkIndex>article{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:40px 0;border-top:1px solid #d1d1cd}.vkWorkIndex h2 a{color:#111;text-decoration:none}.vkWorkIndex h2 a:hover{text-decoration:underline;text-underline-offset:6px}.vkWorkIndex dl{margin:0}.vkWorkIndex dl>div{margin-bottom:24px}.vkWorkIndex dt{font-size:.875rem;color:#805b13;margin-bottom:8px}.vkWorkIndex dd{font-size:1rem;line-height:1.7;color:#555;margin:0}
#main-content .creativeoCasePage .creativeoDetailHero{display:block;min-height:0;padding-block:64px!important;background:#fff!important;color:#111!important}
#main-content .creativeoCasePage .creativeoDetailHeroCopy{max-width:900px;margin-inline:auto;padding-block:0!important}
#main-content .creativeoCasePage .creativeoDetailHero :is(h1,p){color:#111!important}
#main-content .creativeoCasePage .creativeoPortfolioSection .creativeoProjectMedia{display:none}
.vkCaseDeliverables{padding:32px;border:1px solid #d1d1cd;border-radius:6px;color:#111;background:#f5f5f3}.vkCaseDeliverables h3{font-size:1.35rem;margin-bottom:20px}.vkCaseDeliverables ul{padding-left:20px}.vkCaseDeliverables li{font-size:1rem;line-height:1.7;margin-bottom:12px}
#main-content .creativeoCasePage .creativeoStickyStory aside{position:static;top:auto}#main-content .creativeoCasePage .creativeoStoryPanel{min-height:0;padding-block:28px!important}#main-content .creativeoCasePage .creativeoStoryPanel h3{font-size:1.5rem!important;line-height:1.3!important}#main-content .creativeoCasePage .creativeoDetailSection{padding-block:60px!important}
#main-content .creativeoPage :is(.creativeoGhostWord,.creativeoHomeFeatures .practiceStudioVisual){display:none}
#main-content .creativeoPage .creativeoHero{min-height:0!important;background:#fff!important;color:#111!important;padding-block:64px!important}
#main-content .creativeoPage .creativeoHero :is(h1,h1 span,h1 em){color:#111!important;-webkit-text-fill-color:#111!important}
#main-content .creativeoPage .creativeoHero .creativeoHeroIntro{color:#555!important}
#main-content .creativeoPage .creativeoHero .creativeoEyebrow{color:#805b13!important}
#main-content .creativeoAboutPage .creativeoHeroMedia picture{aspect-ratio:4/5;max-height:600px}#main-content .creativeoAboutPage .creativeoHeroMedia img{object-fit:contain!important}
@media(max-width:800px){.vkWorkIndex>article{grid-template-columns:1fr;gap:24px}.vkWorkIndex{padding-bottom:48px}#main-content .creativeoPage .creativeoHero{padding-block:42px!important}#main-content .creativeoCasePage .creativeoDetailSection{padding-block:42px!important}}
#main-content .vkPage{background:#fff;color:#111;font-family:var(--sans,"Plus Jakarta Sans",Arial,sans-serif)}
#main-content .vkPage h1{font-size:clamp(2.35rem,4.6vw,4.3rem)!important;line-height:1.1!important;letter-spacing:-.045em!important;max-width:19ch;margin:0 0 28px;font-weight:650;color:#111}
#main-content .vkPage h2{font-size:clamp(1.85rem,3vw,2.75rem)!important;line-height:1.18!important;letter-spacing:-.035em!important;max-width:24ch;margin:0 0 28px;color:inherit}
#main-content .vkPage h3{font-size:1.35rem!important;line-height:1.35!important;letter-spacing:-.02em!important;margin:0 0 16px;color:inherit}
#main-content .vkPage p{font-size:1rem!important;line-height:1.7!important;max-width:65ch;margin:0 0 24px;color:#555}
#main-content .vkPage .vkLead{font-size:1.125rem!important;max-width:58ch}
#main-content .vkPage .vkEyebrow{font-size:.875rem!important;color:#805b13;font-weight:600;letter-spacing:.04em;margin:0 0 20px}
#main-content .vkPage .vkSmall{font-size:.875rem!important;margin-top:20px}
.vkPageHero{padding-block:72px}.vkPageHero>.vkTextLink{margin-bottom:30px}.vkPageHeroSplit{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}.vkEditorial{margin:0}.vkEditorial img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:6px}.vkEditorial figcaption{margin-top:14px;font-size:.875rem;color:#555}
.vkSoft{background:#f5f5f3;border-block:1px solid #dededb}.vkOfferGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.vkOfferGrid article{padding:32px;border:1px solid #d1d1cd;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start}.vkOfferGrid .vkServiceTerms{margin-top:auto;padding-top:12px}.vkTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px)}.vkFacts{display:flex;flex-wrap:wrap;gap:24px 64px;margin:48px 0 0;padding-top:26px;border-top:1px solid #d1d1cd}.vkFacts dt{font-size:.875rem;color:#555;margin-bottom:8px}.vkFacts dd{font-size:1.1rem;margin:0;font-weight:600}.vkChapterNav{display:flex;flex-wrap:wrap;gap:8px 32px;border-block:1px solid #d1d1cd;padding-block:12px}.vkChapterNav a{min-height:44px;display:inline-flex;align-items:center;color:#111;text-decoration:underline;text-underline-offset:5px}.vkList{margin:0;padding-left:22px}.vkList li,.vkDetails li{font-size:1rem;line-height:1.65;color:#555;margin-bottom:12px}.vkDetails details{border-top:1px solid #d1d1cd;padding:6px 0}.vkDetails summary{min-height:52px;align-content:center;font-size:1.05rem;cursor:pointer;font-weight:600;padding:12px 0;color:#111}.vkDetails ul{padding-left:22px;margin:12px 0 20px}.vkStepList{list-style:none;padding:0;margin:0}.vkStepList li{padding:22px 0;border-top:1px solid #d1d1cd;display:grid;grid-template-columns:30px 1fr;gap:24px;font-size:1rem;line-height:1.6}.vkStepList span{color:#805b13;font-size:.875rem}
.vkInquiryPage .vkPageHero{padding-bottom:32px}.vkInquiryBody{padding-bottom:80px}.vkIntake{max-width:900px;background:#fff!important;color:#111!important;padding:36px!important;border:1px solid #d1d1cd!important;border-radius:8px!important;box-shadow:none!important}.vkIntake>header{margin:0 0 30px!important;display:block!important}.vkIntake>header>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.vkIntake>header small{font-size:.875rem!important;color:#555!important}.vkIntake>header strong{font-size:1rem!important;color:#111!important}.vkIntake fieldset{min-width:0;border:0!important;padding:0!important;margin:0!important;display:block!important}.vkIntake legend{font-size:1.4rem!important;font-weight:600;line-height:1.4;margin-bottom:28px;padding:0;color:#111!important;letter-spacing:-.02em!important}.vkFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vkIntake label{display:flex;flex-direction:column;gap:9px;font-size:1rem!important;color:#111!important;margin-bottom:24px}.vkIntake label>span{font-size:1rem!important;color:#111!important;line-height:1.6}.vkIntake :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;min-height:48px;border:1px solid #767676!important;background:#fff!important;color:#111!important;border-radius:4px!important;padding:12px 14px!important;font-family:inherit!important;font-size:1rem!important;line-height:1.5!important;box-shadow:none!important}.vkIntake textarea{resize:vertical;min-height:120px}.vkIntake :is(input,textarea)::placeholder{color:#626262!important;opacity:1}.vkIntake small{font-size:.875rem!important;color:#555!important;line-height:1.5}.vkOptionalContext{border-block:1px solid #d1d1cd;margin:8px 0 28px}.vkOptionalContext summary{padding:18px 0;min-height:52px;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.6;color:#111}.vkOptionalContext summary span{font-weight:400;color:#555}.vkOptionalContext[open] summary{margin-bottom:20px}.vkIntake .intake-check{display:grid!important;grid-template-columns:22px 1fr;gap:14px;align-items:start}.vkIntake .intake-check input{width:20px!important;height:20px!important;margin-top:3px;accent-color:#b20e21}.vkIntake .intake-check span{font-size:.9375rem!important;font-weight:400!important}.vkIntake .intake-check a{color:#805b13;text-decoration:underline;text-underline-offset:3px}.vkIntake>footer{display:flex!important;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d1d1cd;padding-top:24px;margin-top:28px!important;background:none!important}.vkIntake>footer button{min-height:48px;cursor:pointer}.vkIntake .vkButton{background:#b20e21!important;color:#fff!important;border:1px solid #b20e21!important;border-radius:4px!important;padding:14px 24px!important;font-size:1rem!important}.vkIntake .vkButton:hover{background:#8f0b1a!important}.vkIntake .vkButton:disabled{background:#e0e0dc!important;color:#555!important;border-color:#c4c4c0!important;cursor:not-allowed;opacity:1!important}.vkIntake .vkTextLink{background:none;border:0;padding:0;color:#111;font-family:inherit}.vkIntake .intake-review{margin:0 0 28px}.vkIntake .intake-review>div{padding:16px 0;display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid #dededb}.vkIntake .intake-review dt{font-size:.875rem;color:#555}.vkIntake .intake-review dd{font-size:1rem;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.vkIntake .intake-error{padding:16px;border:1px solid #b20e21;background:#fff5f5;color:#8f0b1a!important;border-radius:4px}.vkIntake .intake-error a{color:#8f0b1a;text-decoration:underline}.vkInquiryBody .intake-success{max-width:760px;background:#f5f5f3;color:#111;padding:40px;border-radius:8px;border:1px solid #d1d1cd}
@media(max-width:800px){.vkPageHero{padding-block:48px}.vkPageHeroSplit,.vkTwoCol,.vkOfferGrid{grid-template-columns:1fr;gap:32px}.vkPageHeroSplit .vkEditorial{max-width:560px}.vkOfferGrid article{padding:26px}.vkFacts{gap:24px 36px;margin-top:32px}.vkChapterNav{gap:8px 22px}.vkIntake{padding:24px!important}.vkFormGrid{grid-template-columns:1fr;gap:0}.vkIntake .intake-review>div{grid-template-columns:1fr;gap:6px}.vkInquiryBody{padding-bottom:48px}.vkIntake>footer{gap:14px}.vkIntake .vkButton{padding-inline:18px!important}.vkIntake legend{font-size:1.25rem!important}.vkPage .vkContactSection h2{margin-bottom:20px}.vkInquiryBody .intake-success{padding:26px}}

/* RESPONSIVE_REFINEMENT_20260907 */
/* Responsive client refinement. Explicit roots outrank legacy template layers. */
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) {
  --demo-copy:1rem; --demo-h3:clamp(1.25rem,1.7vw,1.6rem);
  --demo-h4:1.125rem; --demo-h5:1rem; --demo-h6:1rem;
  min-width:0;
}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd) {
  min-width:0!important; max-width:100%; word-break:normal!important;
  overflow-wrap:normal!important; -webkit-hyphens:none!important; hyphens:none!important;
}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(h2,h3,h4) {
  line-height:1.2!important; text-wrap:pretty;
}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(article,section,aside,form,fieldset,nav,figure,dl) {min-width:0;}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea) {
  min-width:0!important;max-width:100%;font-size:1rem!important;line-height:1.5!important;min-height:48px;box-sizing:border-box;
}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(button,summary) {min-height:44px;}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(button,a,summary):focus-visible {
  outline:2px solid currentColor;outline-offset:4px;
}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) [href^="mailto:"] {overflow-wrap:anywhere!important;}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpSystemGrid,.rpIndustryCards,.rpValues,.rpFactGrid,.alModuleGrid,.fnModuleGrid) {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important;gap:24px!important;
}
html body #rp-top.rpSite .rpSystemGrid article {padding:28px!important;min-height:0!important;gap:0;}
html body #rp-top.rpSite .rpSystemGrid article>span {margin-bottom:24px;}
html body #rp-top.rpSite .rpSystemGrid h3 {font-size:1.5rem!important;line-height:1.25!important;margin-bottom:16px!important;}
html body #rp-top.rpSite .rpSystemGrid p {margin:0 0 24px!important;}
html body #rp-top.rpSite .rpSystemGrid li {font-size:.9375rem!important;line-height:1.5!important;}
html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpMenu,.alMenu,.fnMenu,.atMenu,.sblxMenu) {
  max-height:100svh;max-height:100dvh;overflow-y:auto!important;overscroll-behavior:contain;
}
/* Privacy and guidance live in a quiet footer row instead of covering content. */
html body .demoUtilityLayer {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px max(20px,4vw);background:#f5f6f7;border-top:1px solid #d8dde1;}
html body .demoUtilityLayer :is(.demoPrivacySettingsButton,.demoChatButton) {
  position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;
  min-width:44px!important;min-height:44px!important;padding:12px 16px!important;
  font-size:.875rem!important;line-height:1.35!important;letter-spacing:0!important;box-shadow:none!important;
}
html body .demoUtilityLayer .demoChatButton>span {font-size:1rem!important;}
html body .demoUtilityLayer .demoPrivacyBanner {
  position:static!important;inset:auto!important;transform:none!important;flex-basis:100%;width:100%!important;
  max-width:none!important;margin:0!important;box-sizing:border-box;box-shadow:none!important;
}
html body .demoUtilityLayer .demoPrivacyBanner p {font-size:.9375rem!important;line-height:1.55!important;}
html body .demoUtilityLayer .demoChatPanel {
  right:max(16px,env(safe-area-inset-right))!important;bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:min(400px,calc(100vw - 32px))!important;max-height:calc(100svh - 32px)!important;
  max-height:calc(100dvh - 32px)!important;box-sizing:border-box;overflow-y:auto;
}
@media (max-width:1100px) {
 html body #rp-top.rpSite :is(.rpSystemGrid,.rpIndustryCards,.rpValues,.rpFactGrid),
 html body #al-top.alSite :is(.alModuleGrid,.alGovernanceFacts,.alInsightGrid),
 html body #fn-top.fnSite :is(.fnModuleGrid,.fnGovernanceFacts,.fnProcess>div),
 html body #at-top.atSite :is(.atResidenceGrid,.atPlaceGrid),
 html body #sblx-top.sblxSite :is(.sblxServiceCards,.sblxPortfolioGrid,.sblxNumbered,.sblxNotes>div) {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;
 }
 html body #rp-top.rpSite :is(.rpFeatureStage,.rpSplitCallout,.rpContact,.rpIntegrationStage),
 html body #al-top.alSite :is(.alCashFeature,.alEditorialImage,.alItem,.alContact,.alWorkspaceGrid),
 html body #fn-top.fnSite :is(.fnEvidence,.fnContact,.fnWorkspaceGrid),
 html body #at-top.atSite :is(.atManifesto,.atDesignStory,.atAmenityFeature,.atInquiryFormSection,.atDetailNarrative,.atPlanPanel),
 html body #sblx-top.sblxSite :is(.sblxPlanning,.sblxContact,.sblxPlanner,.sblxDetail,.sblxArticle) {
  grid-template-columns:minmax(0,1fr)!important;gap:36px!important;
 }
 html body #rp-top.rpSite :is(.rpPricingGrid,.rpSolutionGrid,.rpResourceGrid),
 html body #al-top.alSite .alPricing>div,
 html body #fn-top.fnSite :is(.fnPricing>div,.fnUseCases>div,.fnIntegrations>div,.fnSecurity>div) {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;gap:24px!important;
 }
}
@media (max-width:767px) {
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) {
  --demo-h1:clamp(2rem,8.5vw,3.15rem);--demo-h2:clamp(1.65rem,6.8vw,2.3rem);--demo-h3:1.35rem;
 }
 html body #rp-top.rpSite :is(.rpSystemGrid,.rpSectionHeader,.rpProductMoment,.rpSolutionGrid,.rpResourceGrid,.rpIndustries,.rpIndustryCards,.rpValues,.rpFactGrid,.rpFeatureStage,.rpSplitCallout,.rpIntegrationStage,.rpIntegrationOrbit,.rpPricingGrid,.rpAboutStory,.rpDetailIntro,.rpContact,.rpNewsletter,.rpFaq,.rpArticle,.rpFormGrid),
 html body #al-top.alSite :is(.alSectionHead,.alCashFeature,.alRhythm>header,.alGovernanceFacts,.alEditorial>header,.alEditorial>div,.alEditorialImage,.alItem,.alContact,.alContinue,.alContinue>div,.alArticleCta,.alFaq,.alCatalog>div>article,.alInsightsIndex article,.alInsightGrid,.alPricing>div,.alModuleGrid,.alDrivers,.alWorkspaceStats,.alContactForm>div),
 html body #fn-top.fnSite :is(.fnSectionHead,.fnPlatform>header,.fnGovernance>header,.fnInsights>header,.fnModuleGrid,.fnEvidence,.fnAutomations>div,.fnGovernanceFacts,.fnInsights>div,.fnContinue>div,.fnUseCases>div,.fnIntegrations>div,.fnSecurity>div,.fnProcess>div,.fnPricing>div,.fnFaq,.fnContact,.fnContactForm>div,.fnStoryFlowGrid,.fnStoryFlow>header,.fnInsightsLead,.fnArticle,.fnItemDetails>div),
 html body #at-top.atSite :is(.atResidenceGrid,.atPlaceGrid,.atSectionHeading,.atManifesto,.atDesignStory,.atAmenityFeature,.atDetailHero,.atInquiryHero,.atDetailNarrative,.atDetailGallery,.atPlanPanel,.atEditorialImage,.atInquiryFormSection,.atCompare>header,.atContinue>div,.atJournal>div,.atBuyingGuide>div,.atCompareChoices,.atCompareGrid,.atForm>div),
 html body #sblx-top.sblxSite :is(.sblxTrust,.sblxServiceCards,.sblxPortfolioGrid,.sblxNumbered,.sblxNotes>div,.sblxFinalImage,.sblxPageIntro,.sblxProjectIndex>a,.sblxDetail,.sblxArticle,.sblxFormGrid,.sblxProcessBand ol) {
  grid-template-columns:minmax(0,1fr)!important;gap:24px!important;
 }
 html body #rp-top.rpSite .rpSystemGrid article {padding:24px!important;}
 html body #rp-top.rpSite .rpSystemGrid h3 {font-size:1.5rem!important;}
 html body #rp-top.rpSite .rpSystemGrid article>span {margin-bottom:20px;}
 html body #rp-top.rpSite .rpSolutionGrid article {display:block!important;}
 html body #rp-top.rpSite :is(.rpHero,.rpPageHero),
 html body #al-top.alSite :is(.alHero,.alPageHero),
 html body #fn-top.fnSite :is(.fnHero,.fnPageHero,.fnItemHero,.fnArticleHero) {
  grid-template-columns:minmax(0,1fr)!important;gap:28px!important;min-height:0!important;height:auto!important;
 }
 html body #at-top.atSite .atResidenceGrid {margin-top:28px;}
 html body #at-top.atSite .atPlaceGrid article {padding:24px!important;}
 html body #at-top.atSite .atEditorialChapters article {grid-template-columns:32px minmax(0,1fr)!important;gap:16px!important;}
 html body #fn-top.fnSite .fnResearchIndex article {grid-template-columns:minmax(0,1fr)!important;gap:20px!important;}
 html body #fn-top.fnSite .fnWorkspaceGrid>aside {grid-template-columns:minmax(0,1fr)!important;}
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpArticle aside,.alArticle>aside,.fnArticle>aside,.sblxArticle>aside) {position:static!important;}
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpMenuLinks,.alMenuBody,.fnMenuBody,.sblxMenuBody) {
  grid-template-columns:minmax(0,1fr)!important;min-width:0!important;gap:24px!important;
 }
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpMenuLinks,.alMenuBody,.fnMenuBody,.atMenuPanel,.sblxMenuBody) nav {
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpMenuLinks,.alMenuBody,.fnMenuBody,.atMenuPanel,.sblxMenuBody) nav a {
  min-height:48px!important;max-height:none!important;padding-block:12px!important;line-height:1.35!important;
 }
 html body .demoUtilityLayer {padding:16px 20px;}
 html body .demoPrivacyActions {display:flex!important;flex-wrap:wrap;gap:8px!important;}
 html body .demoPrivacyActions button {flex:1 1 140px;min-height:44px!important;}
}
@media (max-width:480px) {
 html body #rp-top.rpSite :is(.rpFooterCta,.rpFooterBottom),
 html body #al-top.alSite :is(.alFooterCta,.alFooterBottom),
 html body #fn-top.fnSite :is(.fnFooterCta,.fnFooterBottom),
 html body #at-top.atSite :is(.atFooterTop,.atFooterBottom),
 html body #sblx-top.sblxSite :is(.sblxFooterCta,.sblxFooterBottom) {
  grid-template-columns:minmax(0,1fr)!important;gap:24px!important;
 }

 html body #at-top.atSite .atAvailabilityTable>a {grid-template-columns:minmax(0,1fr)!important;}
 html body #al-top.alSite .alWorkspaceGrid>aside {grid-template-columns:minmax(0,1fr)!important;}
}
@media (prefers-reduced-motion:reduce) {
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) *,html body .demoUtilityLayer * {scroll-behavior:auto!important;animation:none!important;transition:none!important;}
}
@media (min-width:1101px) and (max-width:1279px) {
 html body #rp-top.rpSite .rpSystemGrid,html body #al-top.alSite .alModuleGrid,html body #fn-top.fnSite .fnModuleGrid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media (min-width:1280px) {
 html body #rp-top.rpSite .rpSystemGrid,html body #al-top.alSite .alModuleGrid,html body #fn-top.fnSite .fnModuleGrid {
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
}

/* Compact footer links retain two columns on phones. */
@media (max-width:767px) {
 html body #rp-top.rpSite .rpFooterMain,
 html body #al-top.alSite .alFooterMain,
 html body #fn-top.fnSite .fnFooterMain,
 html body #at-top.atSite .atFooterLinks,
 html body #sblx-top.sblxSite .sblxFooterGrid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important;row-gap:28px!important;
 }
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpFooterIdentity,.rpFooterContact,.alFooterIdentity,.fnFooterIdentity,.sblxFooterAbout,.sblxFooterContact) {grid-column:1 / -1!important;}
 html body #at-top.atSite .atFooterLinks>div:last-child {grid-column:1 / -1!important;}
 html body :is(#rp-top.rpSite,#al-top.alSite,#fn-top.fnSite,#at-top.atSite,#sblx-top.sblxSite) :is(.rpFooterMain,.alFooterMain,.fnFooterMain,.atFooterLinks,.sblxFooterGrid) :is(nav> a,div> a:not([class])) {
  display:flex!important;align-items:center;min-height:44px!important;margin:0!important;padding:8px 0!important;
  font-size:.875rem!important;line-height:1.45!important;letter-spacing:0!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;
 }
}