@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Syne:wght@600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#191919;--paper:#f8f7f4;--orange:#ff751a;--muted:#62605b;--line:#d7d4ce;--gap:clamp(18px,2.5vw,32px);--section:clamp(64px,8vw,112px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:500}h1{font-size:clamp(2.5rem,5.4vw,5.4rem)}h2{font-size:clamp(2.2rem,4.5vw,4.4rem)}h3{font-size:clamp(1.45rem,2.4vw,2.2rem)}em{font-style:normal;color:#b64a0b}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a8420a;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.section{padding-block:var(--section)}.eyebrow{display:block;font-size:.8rem;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:22px}.section-intro{margin-top:22px;max-width:530px;color:var(--muted)}.split{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border:1px solid currentColor;background:transparent;font-size:.9rem;line-height:1.4;text-align:center;transition:background .25s,color .25s,transform .25s}.pill:hover{background:var(--ink);color:white;transform:translateY(-2px)}.pill.dark{background:var(--orange);border-color:var(--orange);color:#161616;font-weight:600}.pill.dark:hover{background:#161616;color:white;border-color:#161616}.site-header{position:absolute;top:0;left:0;z-index:20;width:100%;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;object-fit:contain}.brand>span{font-family:Syne,sans-serif;font-weight:700;letter-spacing:.04em;font-size:1.1rem}.desktop-nav{display:flex;gap:25px}.desktop-nav a{padding:10px 0;font-size:.875rem;border-bottom:2px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{border-color:var(--orange)}.header-actions{display:flex;gap:15px;align-items:center}.nav-cta{background:#191919;color:white;border-color:#191919}.menu-toggle{display:none;align-items:center;gap:12px;background:none;min-height:48px}.menu-toggle i{font-style:normal;font-size:28px}.mobile-menu{margin:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;padding:22px;background:var(--paper);border:0}.menu-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.menu-close{font-size:38px;width:48px;height:48px;background:none}.mobile-menu nav{display:flex;flex-direction:column;margin:40px 0}.mobile-menu nav a{font-size:2.5rem;border-bottom:1px solid var(--line);padding:12px 0;letter-spacing:-.05em}.mobile-menu nav a[aria-current=page]{color:#b64a0b}.mobile-menu>p{margin-bottom:25px}.skip{position:fixed;top:-100px;left:16px;z-index:200;background:#000;color:#fff;padding:15px}.skip:focus{top:12px}
/* A single measured layout system replaces the previous overlapping overrides. */
.hero-scroll{height:160svh;min-height:1050px;position:relative;background:radial-gradient(ellipse at 95% 25%,#ffe0c3,transparent 55%),var(--paper)}.hero-sticky{position:sticky;top:0;min-height:720px;height:100svh;display:flex;align-items:center;padding:110px 0 50px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;align-items:center}.hero-copy{position:relative;z-index:3;min-width:0}.hero-copy h1{margin:26px 0;line-height:1.03}.hero-copy>p{font-size:1.05rem;max-width:420px;color:#55534d}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.scroll-note{display:block;margin-top:35px;font-size:.75rem;letter-spacing:.04em;color:#666}.hero-stage{position:relative;perspective:1400px;min-width:0;padding:50px 25px}.hero-deck{position:relative;width:min(100%,430px);aspect-ratio:1;margin:auto;transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-17deg) rotateZ(-6deg)}.deck-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:32px;border:1px solid #19191922;box-shadow:0 20px 38px #20120815;backface-visibility:hidden;will-change:transform;transform-style:preserve-3d}.deck-panel>span{font-size:.75rem;letter-spacing:.08em}.deck-panel strong{font-size:clamp(1.7rem,3.4vw,3.3rem);line-height:1.1;font-weight:500;letter-spacing:-.04em}.deck-panel small{font-size:.65rem;letter-spacing:.05em}.panel-back{background:#e2ded7;transform:translate3d(42px,-48px,-110px)}.panel-mid{background:#282828;color:#fff;transform:translate3d(28px,-32px,-70px)}.panel-front{background:#fff;transform:translate3d(14px,-16px,-35px)}.panel-main{background:#ff751a}.deck-rule{height:1px;background:#19191955}.stage-caption{display:block;text-align:center;font-size:.65rem;letter-spacing:.1em;margin-top:46px}.intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 8%}.intro>.eyebrow{grid-column:1/-1}.intro-copy{align-self:center;min-width:0}.intro-copy p+p{margin-top:20px}.intro-copy p:last-child{font-size:.875rem;color:#8f3b0a}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:35px}.principles>div{aspect-ratio:1;padding:clamp(22px,2.5vw,36px);background:#eeece7;border-top:3px solid var(--orange);display:flex;flex-direction:column;justify-content:center}.principles>div>span{font-size:.75rem}.principles h3{font-size:clamp(1.4rem,2.1vw,2rem);margin:24px 0 18px}.principles p{font-size:.95rem;color:#555}.media-space{border:1px solid #d1cdc5;background:#eeece6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-width:0;min-height:160px;aspect-ratio:1;text-align:center;color:#807b73;font-size:.8rem;letter-spacing:.05em;padding:20px}.space-mark{font-size:2rem;font-weight:400;line-height:1;color:#aaa298}.editorial-space{padding-bottom:var(--section)}.editorial-space .media-space{aspect-ratio:16/7}.goal-section{padding-top:0}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.goal-card{aspect-ratio:1;padding:clamp(22px,2.5vw,34px);display:flex;flex-direction:column;justify-content:space-between;gap:15px;background:#eeeae3;border:1px solid var(--line);transition:transform .3s}.goal-card:nth-child(2){background:#ff751a;border-color:#ff751a}.goal-card:nth-child(3){background:#1c1c1c;color:white;border-color:#1c1c1c}.goal-card>span{font-size:.7rem;letter-spacing:.06em}.goal-card h3{font-size:clamp(1.5rem,2.3vw,2.3rem);max-width:13ch}.goal-card p{font-size:.95rem;line-height:1.45}.goal-card strong{font-size:.8rem;font-weight:500}.home-services{background:#141414;color:white}.growth-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.growth-card{aspect-ratio:1;padding:clamp(26px,4vw,55px);text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:24px;color:#191919;background:#f8f7f4;border:1px solid #d8d4cc;min-width:0;transition:background .3s,transform .3s}.growth-card:nth-child(4){background:#ff751a;border-color:#ff751a}.service-num{font-size:.75rem;letter-spacing:.08em}.growth-card h3{font-size:clamp(2rem,3.6vw,3.5rem);max-width:13ch}.growth-card>p{font-size:1.05rem;max-width:33ch;line-height:1.5}.card-open{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.85rem;border-top:1px solid #19191925;padding-top:18px}.card-open b{font-size:1.5rem;line-height:1;font-weight:400}.growth-card:hover{background:#ffdfc7;transform:translateY(-4px)}.process-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6%;align-items:start}.process-tabs{display:flex;flex-direction:column}.process-tabs button{display:flex;text-align:left;gap:24px;align-items:center;min-height:64px;padding:20px 0;background:none;border-bottom:1px solid var(--line);font-size:1.15rem}.process-tabs button span{font-size:.75rem}.process-tabs button[aria-selected=true]{color:#ac440b;border-color:#ac440b}.process-panels{aspect-ratio:1;background:#eeebe4;padding:clamp(28px,4vw,50px);display:flex;align-items:center;min-width:0}.big-number{font-size:4rem;color:#ac440b;line-height:1;display:block;margin-bottom:26px}.process-panels h3{margin-bottom:20px;font-size:1.9rem}.process-panels p{font-size:1rem}.work-section{border-top:1px solid var(--line)}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.client-card{aspect-ratio:1;min-width:0;text-align:left;background:#fff;border:1px solid var(--line);padding:clamp(22px,2.3vw,32px);display:flex;flex-direction:column;gap:16px;transition:transform .3s,box-shadow .3s}.client-meta{font-size:.7rem;color:#8e3d10;letter-spacing:.08em}.client-card h3{font-size:clamp(1.35rem,2vw,2rem);max-width:16ch}.client-excerpt{font-size:.95rem;line-height:1.5;color:#57534d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.client-attribution{font-size:.8rem;margin-top:auto}.client-attribution small{display:block;font-size:.7rem;color:#777}.client-card .card-open{font-size:.75rem;padding-top:14px}.client-card:hover{transform:translateY(-4px);box-shadow:5px 5px 0 #ff751a}.quote-section{background:#151515;color:white;padding:var(--section) 0}.quote-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7%}.quote-layout h2{margin-top:25px}.quote-text{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.5;letter-spacing:-.02em}.quote-person{margin-top:25px;font-size:.95rem}.quote-person small{display:block;color:#aaa;font-size:.8rem}.quote-controls{display:flex;align-items:center;gap:15px;margin-top:35px}.quote-controls button{background:none;color:white;border:1px solid #777;padding:12px 16px;font-size:.8rem;min-height:44px}.quote-controls span{font-size:.75rem}.quote-story{margin-top:22px;background:none;color:white;padding:9px 0;border-bottom:1px solid #777;font-size:.85rem}.page-hero{padding:180px 0 75px;background:radial-gradient(ellipse at 100% 0,#ffe3cc,transparent 65%),var(--paper)}.page-hero h1{font-size:clamp(2.8rem,6vw,6rem);margin:25px 0 36px}.page-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.page-hero-bottom p{max-width:650px;font-size:1.125rem}.catalog-intro,.stories-intro{display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}.catalog-intro p,.stories-intro p{max-width:530px;color:#666}.goal-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.goal-filter button{padding:12px 18px;background:none;border:1px solid #aaa;min-height:46px;font-size:.85rem}.goal-filter button[aria-pressed=true]{background:#161616;color:white}.catalog-next{margin-top:65px;border-top:1px solid var(--line);padding-top:55px}.catalog-next p{margin:25px 0}.service-group{padding-top:80px;margin-top:60px;border-top:1px solid var(--line)}.group-heading .eyebrow{color:#a0430d;margin-bottom:20px}.group-heading h2{font-size:clamp(2rem,3vw,3rem);max-width:700px;margin-bottom:35px}.group-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}.subcategories details{border-block-end:1px solid var(--line)}.subcategories summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;font-size:1.1rem}.subcategories summary::-webkit-details-marker{display:none}.subcategories summary span{font-size:1.4rem}.subcategories details[open] summary span{transform:rotate(45deg)}.subcategories ul{margin:0;padding:0 0 20px 20px}.subcategories li{padding:5px 0;font-size:.95rem;color:#56534f}.contact-page{padding:170px 0 100px;background:radial-gradient(ellipse at 5% 0,#ffe2c9,transparent 65%),var(--paper)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7%;align-items:start}.contact-intro h1{font-size:clamp(2.7rem,4.6vw,4.8rem);margin:26px 0}.contact-intro>p{max-width:430px}.contact-direct{display:flex;flex-direction:column;gap:12px;margin:38px 0}.contact-direct>span{font-size:.8rem}.contact-direct>a:first-of-type{font-size:1.6rem;letter-spacing:-.03em}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:.9rem}.location{font-size:.9rem;color:#666}.contact-form{background:white;border:1px solid var(--line);padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;gap:25px;min-width:0}.contact-form h2{font-size:1.8rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;min-width:0}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #bcb8b0;padding:12px;background:white;font-size:16px;border-radius:0;min-height:48px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #a4450f;outline-offset:2px}.contact-form fieldset{padding:0;border:0;margin:0;min-width:0}.contact-form legend{font-size:.85rem;margin-bottom:13px}.service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-options label{position:relative}.service-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.service-options span{display:flex;align-items:center;min-height:54px;height:100%;padding:10px 12px;border:1px solid #bbb;font-size:.8rem;line-height:1.4}.service-options input:checked+span{background:#ff751a;border-color:#ff751a}.service-options input:focus-visible+span{outline:2px solid #a4450f;outline-offset:3px}.form-note{font-size:.8rem;line-height:1.5;color:#666}.form-note a{text-decoration:underline}footer{padding:90px 0 25px;background:#090909;color:#fff}.footer-top h2{font-size:clamp(3rem,7vw,7rem);margin:28px 0 55px}.footer-top h2 a{color:#ff944f}.footer-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:35px;padding-bottom:55px}.footer-bottom>p{color:#aaa;font-size:.9rem}.footer-bottom>div,.footer-bottom nav{display:flex;flex-direction:column;gap:10px;font-size:.9rem}.copyright{border-top:1px solid #333;padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:.75rem;color:#aaa}.floating-contact{position:fixed;right:20px;bottom:20px;z-index:25;display:flex;align-items:center;gap:25px;padding:13px 20px;background:#191919;border:1px solid #fff5;color:#fff;box-shadow:0 5px 20px #0002;font-size:.85rem;min-height:48px}.floating-contact span{font-size:1.5rem;line-height:1}.project-dialog{padding:0;border:0;width:min(1020px,calc(100% - 32px));max-width:1020px;max-height:90dvh;margin:auto;background:white;overscroll-behavior:contain;color:#191919}.project-dialog::backdrop{background:#111c;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:14px;margin:14px 14px -58px auto;display:block;width:44px;height:44px;z-index:3;background:white;border:1px solid #aaa;font-size:28px}.project-head{padding:65px 50px 35px;background:#f0e6da}.project-head h2{font-size:clamp(2rem,4vw,3.6rem);margin:20px 0}.project-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:.85rem}.project-body{padding:35px 50px 50px}.project-body>.media-space{aspect-ratio:16/7;margin-bottom:35px}.project-result{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-block:1px solid #ddd}.project-result strong{font-weight:500;font-size:1.6rem;line-height:1.3;letter-spacing:-.03em}.project-body blockquote{margin:30px 0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.6}.client-person{font-size:.9rem}.client-person small{display:block;color:#777;font-size:.8rem}.project-services{margin-top:35px}.project-services h3{margin-bottom:18px}.project-services dl{margin:0}.project-services dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;border-top:1px solid var(--line);padding:18px 0}.project-services dd{margin:0;color:#666}.project-body>.pill{margin-top:28px}.service-dialog .project-head{background:#ff751a}.service-scope{list-style:none;margin:0 0 25px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.service-scope li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.95rem}.service-detail-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.scope-heading{font-size:1.2rem;margin:28px 0 15px}.reveal{opacity:1;transition:opacity .6s,transform .6s}.motion-ready .reveal.pending{opacity:0;transform:translateY(18px)}
@media(max-width:1100px){.site-header{padding-inline:4%}.brand>span{display:none}.desktop-nav{gap:18px}.hero-layout{gap:3%}.hero-stage{padding-inline:15px}.deck-panel{padding:25px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-card{padding:28px}.client-card h3{font-size:1.8rem}.client-excerpt{font-size:1rem}.form-row{grid-template-columns:1fr}.principles>div{padding:22px}.principles h3{font-size:1.4rem}.principles p{font-size:.9rem}.goal-card p{font-size:.9rem}.process-panels{padding:28px}.process-panels h3{font-size:1.5rem}.big-number{font-size:3rem}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex}.brand>span{display:block}.site-header{padding:16px 20px}.brand img{width:44px;height:44px}.hero-scroll{height:145svh;min-height:1120px}.hero-sticky{height:100svh;min-height:770px;padding:110px 0 36px;align-items:flex-start}.hero-layout{grid-template-columns:minmax(0,1fr);gap:35px}.hero-copy h1{font-size:clamp(2.6rem,7.8vw,4rem);margin:20px 0;line-height:1.05}.hero-copy h1 br:nth-of-type(2){display:none}.hero-copy>p{font-size:.95rem;max-width:540px}.hero-ctas{margin-top:22px;gap:10px}.hero-ctas .pill{font-size:.8rem;padding:12px 15px}.scroll-note{margin-top:18px;font-size:.7rem}.hero-stage{padding:15px 50px 0;width:100%;max-width:480px;margin:auto}.hero-deck{width:235px;max-width:100%;}.deck-panel{padding:20px}.deck-panel strong{font-size:1.8rem}.deck-panel>span{font-size:.6rem}.deck-panel small{font-size:.5rem}.stage-caption{margin-top:25px;font-size:.6rem}.intro,.process-layout,.quote-layout,.contact-layout,.group-content{grid-template-columns:minmax(0,1fr);gap:32px}.intro-copy p{font-size:1rem}.principles{grid-template-columns:1fr}.principles>div{max-width:100%;padding:32px}.principles h3{font-size:2rem}.principles p{font-size:1.05rem;max-width:30ch}.goal-grid{grid-template-columns:1fr}.goal-card{padding:32px;gap:20px}.goal-card h3{font-size:2.2rem;max-width:14ch}.goal-card p{font-size:1rem;max-width:30ch}.growth-card{padding:26px;gap:18px}.growth-card h3{font-size:1.7rem}.growth-card>p{font-size:.9rem}.growth-card .card-open{font-size:.8rem}.service-num{font-size:.65rem}.process-panels{padding:32px}.process-panels h3{font-size:1.8rem}.process-panels p{font-size:1rem}.big-number{font-size:3.5rem}.quote-layout{gap:40px}.quote-layout h2{max-width:600px}.page-hero{padding:130px 0 60px}.page-hero h1{font-size:clamp(2.5rem,7.5vw,4rem)}.page-hero-bottom,.split,.catalog-intro,.stories-intro{flex-direction:column;align-items:flex-start}.page-hero-bottom p{font-size:1rem}.service-group{padding-top:55px;margin-top:45px}.group-heading h2{font-size:2rem}.contact-page{padding:130px 0 65px}.contact-intro h1{font-size:clamp(2.7rem,8vw,4rem)}.contact-form{padding:26px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom>p{grid-column:1/-1}.copyright{flex-wrap:wrap;padding-bottom:55px}.copyright span:nth-child(2){display:none}.project-head{padding:65px 25px 30px}.project-body{padding:25px}.project-services dl div{grid-template-columns:minmax(0,1fr);gap:8px}.project-result{align-items:flex-start;flex-direction:column;gap:10px}.project-body blockquote{font-size:1.2rem}.service-scope{grid-template-columns:1fr}.service-detail-actions{flex-direction:column}.floating-contact{bottom:12px;right:12px;padding:11px 16px}.editorial-space .media-space{aspect-ratio:4/3}}
@media(max-width:560px){.growth-services,.client-grid{grid-template-columns:1fr}.growth-card{padding:30px}.growth-card h3{font-size:clamp(1.8rem,8vw,2.6rem)}.growth-card>p{font-size:1rem}.client-card{padding:28px;gap:15px}.client-card h3{font-size:1.7rem}.client-excerpt{font-size:.95rem}.client-card .card-open{font-size:.8rem}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.service-options{gap:8px}.hero-stage{padding-inline:45px}.hero-copy h1{font-size:clamp(2.2rem,8vw,3rem)}.hero-copy .eyebrow{font-size:.65rem}.hero-sticky{min-height:780px}.goal-card,.principles>div{padding:28px}.principles h3,.goal-card h3{font-size:1.9rem}.process-panels{padding:28px}.process-panels h3{font-size:1.5rem}.process-panels p{font-size:.95rem}.hero-ctas .pill{font-size:.76rem}.stage-caption{margin-top:20px}.group-content .media-space{aspect-ratio:1}.project-dialog{width:calc(100% - 20px);max-height:94dvh}.project-head h2{font-size:2rem}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand>span{font-size:.9rem}.hero-ctas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-ctas .pill{padding:10px;font-size:.73rem}.growth-card,.client-card,.goal-card,.principles>div{padding:22px;gap:12px}.growth-card>p,.goal-card p,.principles p{font-size:.9rem}.client-excerpt{-webkit-line-clamp:2;font-size:.9rem}.client-card h3{font-size:1.5rem}.goal-card h3,.principles h3{font-size:1.65rem}.process-panels{padding:22px}.process-panels p{font-size:.85rem}.service-options{grid-template-columns:1fr}.hero-stage{padding-inline:38px}.hero-deck{width:205px}.deck-panel strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal.pending{opacity:1;transform:none}.hero-scroll{height:auto;min-height:0}.hero-sticky{position:relative;height:auto;min-height:0;padding-bottom:65px}.deck-panel{will-change:auto}}
@media(max-height:650px) and (min-width:801px){.hero-scroll{height:auto;min-height:0}.hero-sticky{position:relative;height:auto;min-height:650px}.hero-copy h1{font-size:3rem}}
@media(min-width:561px) and (max-width:680px){.growth-services,.client-grid{grid-template-columns:1fr}.growth-card{padding:36px}.growth-card h3{font-size:2.5rem}.growth-card>p{font-size:1.1rem}.client-card{padding:34px}.client-card h3{font-size:2rem}.client-excerpt{font-size:1.05rem}}

/* Keep intrinsic text and perspective layers inside the device viewport. */
html{width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;overflow-x:clip}main,section,header,footer{min-width:0}.wrap>*{min-width:0}.hero-sticky{width:100%;max-width:100%;overflow:clip}.hero-layout,.hero-stage{min-width:0;max-width:100%}.hero-stage{contain:inline-size}.stage-caption{overflow-wrap:anywhere}.hero-ctas>*{min-width:0;max-width:100%}.contact-form,.subcategories,.project-body,.client-card,.growth-card{overflow-wrap:anywhere}@media(max-width:800px){.brand>span{display:block;letter-spacing:.06em;font-size:1rem}.site-header{width:100%;gap:12px}.brand{min-width:0;gap:8px}.header-actions{flex-shrink:0}.hero-layout{width:calc(100% - 40px);margin-inline:auto}.hero-stage{width:100%}}@media(max-width:360px){.brand>span{font-size:.88rem}.hero-layout{width:calc(100% - 32px)}}

/* Scroll-grown 3D trajectory and animated hero typography. */
.growth-hero{height:calc(100svh + 480px);min-height:1160px;background:radial-gradient(ellipse at 85% 55%,#ffe0c4 0,transparent 60%),var(--paper)}
.growth-hero .hero-sticky{height:100svh;min-height:680px;position:sticky;top:0;padding:130px 0 65px;overflow:clip}
.growth-hero .hero-layout{gap:4%;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.growth-hero h1{font-size:clamp(2.6rem,5.1vw,5.4rem);line-height:1.08}
.headline-line{display:block}.headline-line>.hero-enter{display:block}
.hero-enter{animation:hero-emerge 1s cubic-bezier(.16,1,.3,1) both}
.hero-copy h1 .hero-enter{animation-delay:.12s}.hero-copy h1 .hero-shine{animation-delay:.26s,.9s}
.hero-copy>p.hero-enter{animation-delay:.4s}.hero-copy>.scroll-note{animation-delay:.52s;font-size:.875rem}
.hero-shine{display:inline-block;color:#b64a0b;background:linear-gradient(110deg,#a63e04 12%,#e35c08 34%,#ffb36a 46%,#ffead1 50%,#ff8a32 54%,#c14d09 68%,#a63e04 88%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hero-emerge 1s cubic-bezier(.16,1,.3,1) both,orange-shine 4.5s ease-in-out infinite}
@keyframes hero-emerge{from{opacity:0;transform:perspective(800px) translate3d(0,38px,-65px) rotateX(8deg)}to{opacity:1;transform:perspective(800px) translate3d(0,0,0) rotateX(0)}}
@keyframes orange-shine{0%,20%{background-position:100% 0}75%,100%{background-position:0 0}}
.growth-stage{perspective:1000px;min-width:0;width:100%;padding:12px 0 0;align-self:center}
.growth-scene{width:100%;transform-style:preserve-3d;transform:rotateX(12deg) rotateY(-3deg);will-change:transform}
.growth-chart{display:block;width:100%;height:auto;overflow:visible}
.chart-grid{opacity:.55}.growth-stroke{stroke-dasharray:1;stroke-dashoffset:0}
.growth-shadow{stroke:#713009;stroke-width:18;opacity:.16;transform:translate(0,23px);filter:url(#growth-glow)}
.growth-depth{stroke:#9b3903;stroke-width:13;transform:translate(0,7px)}
.growth-light{stroke:#ff751a;stroke-width:18;opacity:.3;filter:url(#growth-glow)}
.growth-face{stroke:url(#growth-orange);stroke-width:13}.growth-edge{stroke:#ffcd8f;stroke-width:2;transform:translate(0,-4px)}
.growth-labels{display:flex;justify-content:space-between;gap:8px;padding-inline:8%;font-size:.75rem;letter-spacing:.08em;color:#765f50}
.growth-stage .stage-caption{font-size:.75rem;letter-spacing:.075em;margin-top:28px;color:#62594f}
.hero-next{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:34px;border-bottom:1px solid var(--line)}
.hero-next>p{font-size:1.2rem;letter-spacing:-.02em}.hero-next .hero-ctas{margin:0}.hero-next .pill{min-width:175px;font-size:.95rem}
@media(max-width:800px){.growth-hero{height:calc(790px + 340px);min-height:0}.growth-hero .hero-sticky{height:auto;min-height:790px;padding:118px 0 35px}.growth-hero .hero-layout{grid-template-columns:minmax(0,1fr);gap:20px}.growth-hero h1{font-size:clamp(2.5rem,7.6vw,3.8rem);margin:18px 0}.growth-hero .hero-copy>p{font-size:1rem;max-width:520px}.growth-hero .hero-copy .eyebrow{font-size:.75rem}.growth-stage{width:min(100%,430px);margin-inline:auto;padding-top:0}.growth-stage .stage-caption{margin-top:16px;font-size:.75rem}.growth-labels{font-size:.75rem}.hero-next{align-items:flex-start;flex-direction:column;gap:18px}.hero-next .hero-ctas{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-next .pill{min-width:0;padding:14px 10px;font-size:.875rem}.growth-hero .scroll-note{margin-top:18px}}
@media(max-width:380px){.growth-hero .hero-copy .eyebrow{font-size:.7rem}.growth-hero h1{font-size:2.35rem}.growth-hero .hero-sticky{min-height:760px}.growth-hero{height:1100px}.growth-stage .stage-caption{font-size:.7rem}.hero-next .pill{font-size:.8rem}}
@media(max-height:700px){.growth-hero{height:auto;min-height:0}.growth-hero .hero-sticky{position:relative;height:auto;min-height:0}.growth-hero .hero-layout{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.growth-hero{height:auto;min-height:0}.growth-hero .hero-sticky{position:relative;height:auto;min-height:0}.hero-enter{opacity:1;transform:none}.hero-shine{background:none;-webkit-text-fill-color:#b64a0b;color:#b64a0b}.growth-scene{will-change:auto}}

@media(max-width:800px){.growth-hero{height:auto;min-height:0}.growth-hero .hero-sticky{position:relative;height:auto;min-height:0;padding-bottom:32px}.growth-stage{width:min(100%,380px)}}

/* Keep modal contents within the actual viewport, including long client details. */
.project-dialog{position:fixed;inset:0;box-sizing:border-box;width:calc(100vw - 32px);max-width:1020px;min-width:0;height:fit-content;max-height:90dvh;margin:auto;padding:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:auto}
#project-content,#service-content{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;transform:none;overflow-wrap:anywhere}
.project-head,.project-body{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-inline:0}
.project-head h2,.project-head p,.project-meta,.project-meta>span,.project-result>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.project-body>.media-space{width:100%;max-width:100%;min-width:0}
.project-dialog .dialog-close{position:sticky;right:14px;flex-shrink:0}
.menu-logo{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:52px}.menu-logo img{display:block;width:56px;height:56px;object-fit:contain}
.footer-top h2 .footer-shine{color:#ff944f;background:linear-gradient(110deg,#ff751a 12%,#ff944f 34%,#ffd3a4 46%,#fff3df 50%,#ffb36a 54%,#ff751a 68%,#ff944f 88%);background-size:260% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:orange-shine 4.5s ease-in-out infinite}
@media(max-width:800px){.project-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:92dvh}.project-head{padding:72px 22px 28px}.project-body{padding:24px 22px 30px}.project-meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.project-head h2{font-size:clamp(1.7rem,7vw,2.5rem)}.project-body>.media-space{margin-bottom:24px;min-height:0;aspect-ratio:4/3}.project-result{gap:12px}.project-body blockquote{margin:24px 0;font-size:1.125rem}}
@media(prefers-reduced-motion:reduce){.footer-top h2 .footer-shine{animation:none;background:none;-webkit-text-fill-color:#ff944f}}

/* Full-frame service videos retain all supplied typography inside square slots. */
.service-video-frame{width:100%;max-width:100%;min-width:0;aspect-ratio:16/9;background:#111;display:flex;align-items:center;overflow:hidden;border:1px solid #292929}
.service-video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111}
.service-video:focus-visible{outline:3px solid #ff751a;outline-offset:-3px}

/* Client stories: portraits, grounded results and source profile snapshots. */
.client-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.client-avatar{width:56px;height:56px;object-fit:cover;object-position:center 22%;flex-shrink:0}.client-card{gap:12px}
.client-story-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.client-portrait{margin:0;min-width:0}.client-portrait>img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center top;background:#eee}.client-portrait figcaption{padding:18px 0;display:flex;flex-direction:column;gap:5px;font-size:.9rem;overflow-wrap:anywhere}.client-portrait figcaption strong{font-size:1.25rem}.client-portrait figcaption a{color:#a43d04;text-decoration:underline;text-underline-offset:4px;font-size:.875rem}.client-insight{min-width:0;aspect-ratio:1;padding:26px;background:#191919;color:#fff;display:flex;flex-direction:column;gap:14px}.client-insight .eyebrow{font-size:.75rem;color:#ffad76}.insight-number{font-size:clamp(3rem,5.5vw,5rem);line-height:1;letter-spacing:-.05em;font-weight:500}.insight-number>span{color:#ff944f;font-size:.5em}.client-insight h3{font-size:1.45rem;line-height:1.2}.client-insight p{font-size:.95rem;line-height:1.5;color:#e2ded9}.client-insight small{font-size:.75rem;color:#bcb6b0;line-height:1.5}.lead-dot-chart{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:8px 0}.lead-dot-chart i{display:block;aspect-ratio:1;background:#ff751a;border-radius:50%;max-width:18px}.insight-detail{border-top:1px solid #ffffff35;padding-top:14px}.insight-detail>span{display:block;font-size:.8rem;color:#ffad76;margin-bottom:6px}.content-deliverables{list-style:none;padding:0;margin:0}.content-deliverables li{display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff35;padding:14px 0;font-size:.95rem;line-height:1.45}.content-deliverables b{font-weight:400;color:#ff944f;font-size:.8rem}.profile-showcase{margin-top:24px;border-block:1px solid var(--line);padding:18px 0}.profile-showcase summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:1rem;list-style:none}.profile-showcase summary::-webkit-details-marker{display:none}.profile-showcase>p{margin:18px 0;font-size:.875rem;color:#666}.profile-showcase img{width:min(100%,440px);height:auto;margin:0 auto 20px}.profile-showcase[open] summary span{transform:rotate(45deg)}
@media(max-width:800px){.client-story-visual{grid-template-columns:1fr;gap:16px}.client-insight{padding:25px;gap:16px}.insight-number{font-size:3.8rem}.client-insight h3{font-size:1.5rem}.client-avatar{width:48px;height:48px}}

/* Square portrait wrapper prevents intrinsic image height from stretching on mobile. */
.client-portrait-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#eee}
.client-portrait-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center top}
.content-deliverables li{display:grid;grid-template-columns:2.5ch minmax(0,1fr);column-gap:16px;align-items:start}
.content-deliverables li>b{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums;line-height:1.8}
.content-deliverables li>span{min-width:0}
.leads-insight{justify-content:center}

.form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-success{align-self:start;scroll-margin-top:35px}.contact-success .eyebrow{color:#a43d04}.contact-success h2{font-size:clamp(2rem,3vw,3rem)}.contact-success:focus{outline:none}

/* KARVEQA editorial system: architectural depth, bold type and cinematic service media. */
:root{--paper:#fafaf8;--ink:#17191c;--line:#d9dbdc;--section:clamp(64px,8vw,112px)}
body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:'Manrope','DM Sans',Arial,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.13;text-wrap:balance}h1{letter-spacing:-.055em}.eyebrow{font-weight:600;letter-spacing:.12em}.pill{font-weight:600;min-height:50px;padding:15px 24px}.brand>span{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.08em}.desktop-nav a{font-weight:600}.section-heading p{max-width:32ch}
.growth-hero{background:radial-gradient(ellipse at 90% 20%,#ff751a24,transparent 60%),linear-gradient(135deg,#fff 20%,#f2f3f0 100%)}
.growth-hero h1{font-weight:800;font-size:clamp(2.6rem,5vw,5.1rem);line-height:1.12}.growth-hero .hero-copy>p{line-height:1.7;color:#505459}.hero-shine{padding-bottom:.06em}.growth-scene{isolation:isolate}.growth-scene:before,.growth-scene:after{content:"";position:absolute;inset:8% 1% 12%;z-index:-1;border:1px solid #c7b7aa;background:linear-gradient(135deg,#ffffffb0,#ff751a0d);box-shadow:18px 24px 0 #ff751a0a;transform:translate3d(12px,10px,-30px)}.growth-scene:after{inset:12% 5% 8%;background:transparent;transform:translate3d(24px,20px,-60px);border-color:#ff751a35}.growth-stage{padding:18px;}.growth-chart{filter:drop-shadow(0 16px 16px #5a290518)}.hero-next{padding-block:28px}.hero-next>p{font-weight:700}.intro h2 em{color:#c34b05}
.principles>div{background:linear-gradient(145deg,#fff,#f0f1ed);border:1px solid #ddd;border-top:4px solid #ff751a;box-shadow:8px 8px 0 #17191c06}.principles h3{font-weight:700}.principles>div>span{color:#b24507;font-weight:700}.goal-card{border:1px solid #d4d6d7;position:relative;overflow:hidden}.goal-card>span{font-weight:700}.goal-card:nth-child(1){background:#f0f1ed}.goal-card:nth-child(2){background:#ff751a}.goal-card:nth-child(3){background:#1d2228}.goal-card h3{font-weight:800}
.home-services{background:radial-gradient(ellipse at 100% 0,#62301355,transparent 55%),#14171b}.home-services .eyebrow{color:#ffac74}.growth-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d4d6d7;box-shadow:0 0 0 transparent;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.growth-card:after{content:"";position:absolute;right:-14%;top:-14%;width:56%;aspect-ratio:1;border:1px solid #ff751a38;transform:rotate(35deg);box-shadow:12px 12px 0 #ff751a0b,24px 24px 0 #ff751a08;z-index:-1;transition:transform .6s}.growth-card:hover:after{transform:rotate(52deg) translateY(10px)}.growth-card h3{font-weight:800}.growth-card:nth-child(2){background:#eef0f1}.growth-card:nth-child(3){background:#e9e9e3}.growth-card:nth-child(4){background:#ff751a}.growth-card .service-num{font-weight:600}.card-open{font-weight:600}.client-card{border-top:3px solid #191919}.client-card h3{font-weight:750}.client-avatar{border:1px solid #ddd}.client-card:hover{box-shadow:7px 7px 0 #ff751a}
.showcase{background:#e9ebe8;padding-top:80px}.showcase .section-heading{align-items:end}.showcase .eyebrow{color:#a43e05}.showcase-shell{background:#101215;color:#fff;padding:14px;border:1px solid #36383c;box-shadow:12px 12px 0 #ff751a;transform:perspective(1500px) rotateX(2deg);transform-origin:center bottom;transition:transform .7s}.showcase-shell:hover{transform:perspective(1500px) rotateX(0deg)}.showcase-top{display:flex;justify-content:space-between;gap:16px;padding:10px 8px 20px;font-size:.75rem;letter-spacing:.1em;color:#babdc2}.showcase-top span:last-child{color:#ffad78}.showcase-screen{aspect-ratio:16/9;overflow:hidden;background:#111}.showcase-screen video{width:100%;height:100%;object-fit:contain}.showcase-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:14px;background:#35383d}.showcase-tabs button{min-width:0;min-height:64px;padding:14px 12px;background:#1e2228;color:#f6f6f6;font-size:.85rem;font-weight:600;line-height:1.4;transition:background .25s,color .25s}.showcase-tabs button[aria-pressed=true]{background:#ff751a;color:#141414}.showcase-tabs button:hover{background:#b94e0e;color:white}
.service-group{position:relative}.group-heading .eyebrow{font-weight:700}.group-content{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%}.service-film{min-width:0;width:100%;background:#17191c;padding:12px;box-shadow:8px 8px 0 #ff751a22;align-self:start}.film-caption{display:flex;justify-content:space-between;gap:16px;padding:2px 3px 14px;color:#fff;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.film-caption>span:last-child{color:#ffad78;white-space:nowrap}.service-video-frame{border:none}.subcategories summary{font-weight:600}.subcategories details[open] summary{color:#a63e04}.page-hero{background:radial-gradient(ellipse at 95% 15%,#ff751a2b,transparent 50%),linear-gradient(135deg,#fff,#eceeeb)}.page-hero h1{font-weight:800}.page-hero em,.contact-intro em{color:#b84706}.process-panels{background:#20252b;color:#fff;box-shadow:10px 10px 0 #ff751a}.big-number{color:#ff944f;font-weight:800;font-family:'Manrope',sans-serif}.process-tabs button[aria-selected=true]{font-weight:700;color:#a83e04}.quote-section{background:#191e24}.quote-text{font-weight:500}.contact-page{background:radial-gradient(ellipse at 0 0,#ff751a20,transparent 55%),#f0f2ef}.contact-form{border-top:4px solid #ff751a;box-shadow:12px 12px 0 #17191c08}.contact-form h2{font-weight:800}.contact-form label{font-weight:600}.contact-form input,.contact-form textarea,.contact-form select{font-weight:400}.footer-top h2{font-weight:800;font-size:clamp(2.7rem,6.8vw,6.8rem)}footer{background:radial-gradient(ellipse at 100% 0,#ff751a16,transparent 50%),#0c0e11}.footer-bottom a:hover{color:#ff944f}
@media(hover:hover) and (pointer:fine){.growth-card:hover,.goal-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-5px);box-shadow:8px 12px 0 #ff751a25}}
@media(max-width:800px){.growth-hero h1{font-size:clamp(2.35rem,7.4vw,3.8rem)}.growth-hero .hero-layout{gap:20px}.growth-stage{padding:12px}.showcase{padding-top:60px}.showcase-shell{padding:8px;box-shadow:6px 6px 0 #ff751a;transform:none}.showcase-top{padding:8px 4px 14px;font-size:.65rem;letter-spacing:.04em}.showcase-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:8px}.showcase-tabs button:first-child{grid-column:1/-1}.showcase-tabs button{min-height:50px;padding:12px 8px;font-size:.8rem}.group-content{grid-template-columns:minmax(0,1fr);gap:28px}.service-film{box-shadow:5px 5px 0 #ff751a22}.film-caption{font-size:.65rem}.growth-card h3{line-height:1.13}.contact-form{box-shadow:6px 6px 0 #17191c08}.client-card h3{font-size:1.5rem}.client-excerpt{-webkit-line-clamp:2}.footer-top h2{font-size:clamp(2.4rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){.showcase-shell,.growth-card:hover,.goal-card:hover{transform:none!important}.growth-scene:before,.growth-scene:after{box-shadow:none}}

/* A one-step increase for descriptive copy, across the full site. */
.intro-copy p,.intro-copy p:last-child,.section-intro,.goal-card p,.principles p,.growth-card>p,.catalog-intro p,.stories-intro p,.catalog-next p,.contact-intro>p,.contact-success>p,.project-head>p,.project-services dd,.client-insight p,.process-panels p,.showcase .section-heading>p{font-size:1.125rem;line-height:1.65}
.growth-hero .hero-copy>p{font-size:1.175rem;line-height:1.7}.page-hero-bottom p{font-size:1.25rem;line-height:1.65}.client-excerpt{font-size:1.075rem;line-height:1.55}.subcategories li,.service-scope li{font-size:1.075rem;line-height:1.6}.footer-bottom>p{font-size:1.025rem;line-height:1.65}.quote-text{font-size:clamp(1.375rem,2.2vw,1.925rem);line-height:1.6}.project-body blockquote{font-size:clamp(1.325rem,2.2vw,1.925rem);line-height:1.65}
.motion-ready .reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal.pending{opacity:0;transform:translate3d(0,24px,0)}
.motion-ready .reveal:focus-within{opacity:1;transform:none;transition-delay:0ms}
@media(max-width:800px){.growth-hero .hero-copy>p,.page-hero-bottom p{font-size:1.125rem}.client-excerpt{font-size:1.075rem}.project-body blockquote{font-size:1.25rem}.motion-ready .reveal.pending{transform:translate3d(0,16px,0)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal,.motion-ready .reveal.pending{opacity:1;transform:none;transition:none!important}}

/* Restore the original uncluttered growth-line composition. */
.growth-scene:before,.growth-scene:after{content:none;display:none}
.growth-chart{filter:none}
.growth-stage{padding:12px 0 0}
@media(max-width:800px){.growth-stage{padding:0}}

/* Only the floating contact control carries the WhatsApp icon. */
.floating-contact{left:max(16px,env(safe-area-inset-left));right:auto;bottom:max(16px,env(safe-area-inset-bottom));gap:10px}
.floating-contact:before{content:"";display:inline-block;flex:0 0 21px;width:21px;height:21px;background:#6ce49a;-webkit-mask:url('/assets/whatsapp.svg') center/contain no-repeat;mask:url('/assets/whatsapp.svg') center/contain no-repeat}
.brand{flex-shrink:0}.brand>span{display:block;white-space:nowrap}
@media(min-width:801px){.header-actions{display:none}.desktop-nav{margin-left:auto}}
.copyright{padding-bottom:70px}
@media(max-width:360px){.site-header{padding-inline:16px}.brand>span{font-size:.82rem}.menu-toggle{gap:6px}}
.motion-word{display:inline-block;vertical-align:baseline;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .65s ease;transition-delay:calc(var(--word-delay,0ms) + var(--reveal-delay,0ms));transform:translateY(0);opacity:1}
.reveal.pending .motion-word{transform:translateY(.7em) rotateX(12deg);opacity:0}
.motion-ready .reveal.pending{transform:translate3d(0,26px,0)}
.motion-ready .reveal:not(.pending){opacity:1}
.reveal:focus-within .motion-word{transform:none;opacity:1;transition-delay:0ms}
@media(max-width:800px){.motion-ready .reveal.pending{transform:translate3d(0,18px,0)}.reveal.pending .motion-word{transform:translateY(.45em)}}
@media(prefers-reduced-motion:reduce){.motion-word,.reveal.pending .motion-word{opacity:1;transform:none;transition:none!important}}

/* Preserve heading typography inside animated word spans. */
.principles>div{padding:clamp(22px,2.5vw,34px);gap:16px;min-width:0;justify-content:center}
.principles>div>span{font-size:.875rem;font-weight:700;line-height:1.4}
.principles h3{font-size:clamp(1.5rem,2.1vw,1.9rem);font-weight:800;line-height:1.18;letter-spacing:-.035em;margin:4px 0;text-wrap:balance;overflow-wrap:normal}
.principles h3 .motion-word{font-size:inherit;font-weight:inherit;color:inherit}
.principles p{font-size:1.125rem;font-weight:500;line-height:1.5;max-width:30ch}
@media(max-width:800px){.principles>div{padding:clamp(24px,6vw,38px);gap:18px}.principles h3{font-size:clamp(1.5rem,5.5vw,2.1rem)}}
@media(max-width:360px){.principles>div{padding:22px;gap:12px}.principles p{font-size:1.0625rem}}

/* Cream and orange brand palette, with charcoal for contrast. */
:root{--paper:#fff8ee;--line:#e7cdb5;--muted:#665344}
body{background:linear-gradient(115deg,#fff8ee 5%,#ffedd9 52%,#fff8ee 95%)}
.hero-scroll,.growth-hero,.page-hero{background:radial-gradient(ellipse at 100% 25%,#ffb26c99,transparent 65%),linear-gradient(125deg,#fff9f0 15%,#ffe5c8 100%)}
.mobile-menu{background:linear-gradient(145deg,#fff9f0 30%,#ffdeb9)}
.principles>div{background:linear-gradient(145deg,#fff7ea,#ffe1bd);border-color:#e8bb97;border-top-color:var(--orange)}
.principles>div:nth-child(2){background:linear-gradient(145deg,#ffab61,#ff842d);color:#21180f}.principles>div:nth-child(2)>span,.principles>div:nth-child(2) p{color:#442b1a}
.goal-card:nth-child(1){background:#ffe1bd}.growth-card{background:#fff5e5;border-color:#e7c3a5}.growth-card:nth-child(2){background:#ffe3c4}.growth-card:nth-child(3){background:#ffd0a0}
.client-card{background:linear-gradient(145deg,#fff9f0,#ffe6c9);border-color:#e4ba97;border-top-color:#ff751a}
.contact-page{background:radial-gradient(ellipse at 0 15%,#ffac6599,transparent 70%),#fff1df}.contact-form,.project-dialog{background:#fff9f0}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{background:#fffdf8;border-color:#c9a98d}
.project-head{background:linear-gradient(125deg,#ffe8cc,#ffbe83)}.service-dialog .project-head{background:linear-gradient(125deg,#ffa35b,#ff751a)}
.home-services{background:radial-gradient(ellipse at 100% 0,#a7471b77,transparent 65%),#1d1916}.quote-section,.process-panels{background:#241d18}footer{background:radial-gradient(ellipse at 100% 0,#b8491640,transparent 65%),#17120f}
/* Supplied wordmark: display the artwork area without the empty portrait margins. */
.brand .brand-art,.menu-logo .brand-art{display:block;position:relative;width:230px;aspect-ratio:780/240;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
.brand .brand-art img,.menu-logo .brand-art img{position:absolute;width:131.282%;height:auto;max-width:none;left:-17.3%;top:-258.33%;object-fit:contain}
@media(max-width:800px){.brand .brand-art,.menu-logo .brand-art{width:190px}}@media(max-width:360px){.brand .brand-art,.menu-logo .brand-art{width:158px}}
/* Original image proportions, with an independently raised artwork layer. */
.brand-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,50px);align-items:center}.brand-feature{margin:0;min-width:0;perspective:1200px}.brand-image{position:relative;transform-style:preserve-3d;box-shadow:12px 16px 0 #ed9d5733;isolation:isolate}.brand-image>img{width:100%;height:auto;display:block}.brand-image>.art-depth{position:absolute;inset:0;pointer-events:none;transform:translateZ(12px);filter:drop-shadow(0 5px 3px #0006)}
.crossing-feature .art-depth{clip-path:polygon(18% 41%,88% 41%,88% 55%,18% 55%)}.ideas-feature .art-depth{clip-path:polygon(6% 17%,74% 17%,74% 23%,6% 23%)}
.brand-feature:not(.pending) .art-depth{animation:art-lift 7s ease-in-out infinite}
@keyframes art-lift{0%,100%{transform:translate3d(0,0,10px)}50%{transform:translate3d(0,-2px,20px)}}
.work-chart{margin:34px 0;min-width:0}.work-poster{position:relative;max-width:720px;margin:auto;background:#030303;isolation:isolate}.work-poster>img{display:block;width:100%;height:auto}.chart-motion{position:absolute;left:21%;top:27%;width:58%;aspect-ratio:1;background:#030303;perspective:950px}.chart-motion:before{content:"";position:absolute;inset:-2%;background:#030303}.chart-motion svg{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 7px 0 #733818) drop-shadow(0 13px 8px #0009);animation:chart-depth 7s ease-in-out infinite;transform-origin:center}
@keyframes chart-depth{0%,100%{transform:rotateX(9deg) rotateY(-4deg)}50%{transform:rotateX(2deg) rotateY(4deg)}}
.work-chart figcaption{max-width:720px;margin:12px auto 0;color:#665344;font-size:.8rem}.work-chart text{font-family:'DM Sans',sans-serif}
@media(max-width:800px){.brand-gallery{grid-template-columns:1fr;gap:30px}.brand-feature{max-width:560px;width:100%;margin-inline:auto}.brand-image{box-shadow:5px 7px 0 #ed9d5733}}
@media(prefers-reduced-motion:reduce){.art-depth,.chart-motion svg{animation:none!important;transform:none!important}}

/* Blend the complete header stacking layer with the page beneath it. */
.site-header{mix-blend-mode:multiply}
.brand .brand-art img,.menu-logo .brand-art img{filter:brightness(1.035)}
.brand-gallery{grid-template-columns:minmax(0,1fr)}
.brand-gallery .brand-feature,.service-art .brand-feature{width:min(100%,620px);margin-inline:auto}
.service-art{padding-top:clamp(32px,5vw,64px)}
.brand-image{transform:translateY(var(--art-rise,0px)) rotateX(var(--art-tilt,0deg));transform-origin:center;transition:transform .15s linear;box-shadow:0 18px 32px #6c381b22,6px 7px 0 #ed9d5726}
@media(hover:hover) and (pointer:fine){.brand-feature:hover .brand-image{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg)}}
@media(prefers-reduced-motion:reduce){.brand-image,.brand-feature:hover .brand-image{transform:none;transition:none}}

/* Matching primary contact details, with a faceted arrow at the growth-line tip. */
.contact-direct>a[href^="tel:"],.contact-direct>a[href="mailto:info@karveqa.com"]{font-size:clamp(1.3rem,5.4vw,1.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.4;overflow-wrap:anywhere;text-decoration:none}
.contact-direct>a[href="mailto:info@karveqa.com"]:hover{text-decoration:underline;text-underline-offset:5px}
.growth-tip{filter:drop-shadow(0 4px 4px #86370933)}

/* Client stories: alternating editorial sections, never a stack of image panels. */
.structured-story{display:flex;flex-direction:column;gap:42px}
.story-introduction,.story-delivery,.story-presence{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;min-width:0}
.structured-story .client-portrait{margin:0}.story-feedback{padding-top:12px;min-width:0}.story-feedback blockquote{font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.65;margin:20px 0}.story-signature{font-weight:700;font-size:1rem}.story-signature span{display:block;font-weight:400;font-size:.875rem;color:#665344;margin-top:4px}
.story-results,.story-delivery,.story-presence,.story-contact{border-top:1px solid var(--line);padding-top:32px}
.story-section-title{margin-bottom:22px}.story-section-title h3,.story-profile-copy h3{margin-top:12px}.story-results .client-insight{margin:0;width:100%;padding:clamp(24px,4vw,36px)}
.story-results .client-insight .insight-number{font-size:clamp(3rem,7vw,5rem)}
.story-delivery .project-services{margin-top:0}.story-delivery .project-services h3{margin-top:12px}.story-delivery .project-services dl div{grid-template-columns:1fr;gap:8px}.story-delivery dt{font-weight:700}.story-delivery dd{font-size:1rem;line-height:1.6}
.story-delivery .work-chart{margin:0}.story-profile-copy p{margin:20px 0 24px;font-size:1.0625rem;line-height:1.65;color:#665344}.story-profile-image{margin:0;min-width:0}.story-profile-image img{width:100%;height:auto;display:block;border:1px solid #3a332b}
.story-contact{display:flex;justify-content:space-between;align-items:center;gap:24px}.story-contact h3{font-size:1.5rem}.story-contact .pill{flex-shrink:0}
@media(max-width:700px){.structured-story{gap:30px}.story-introduction,.story-delivery,.story-presence{grid-template-columns:minmax(0,1fr);gap:24px}.story-introduction .client-portrait{width:min(100%,350px);margin-inline:auto}.story-feedback{padding:0}.story-feedback blockquote{font-size:1.125rem}.story-results,.story-delivery,.story-presence,.story-contact{padding-top:28px}.story-contact{flex-direction:column;align-items:flex-start}.story-delivery .work-chart,.story-profile-image{width:100%;max-width:520px;margin-inline:auto}.story-results .client-insight h3{font-size:1.5rem}}

/* Motion refinement: consistent pacing while preserving the established layout. */
:root{--ease-settle:cubic-bezier(.16,1,.3,1)}
.motion-ready .reveal{transition:opacity .55s ease,transform .65s var(--ease-settle)}
.motion-ready .reveal.pending{transform:translate3d(0,14px,0)}
.motion-word{transition:transform .6s var(--ease-settle),opacity .45s ease;transition-delay:calc(var(--word-delay,0ms) + var(--reveal-delay,0ms))}
.reveal.pending .motion-word{transform:translateY(.3em);opacity:0}
.pill,.menu-toggle,.menu-close,.dialog-close,.quote-controls button{transition:background-color .2s ease,color .2s ease,transform .25s var(--ease-settle),box-shadow .25s ease}
.pill:active,.menu-toggle:active,.dialog-close:active{transform:scale(.98)}
.project-dialog[open]{animation:story-arrive .32s var(--ease-settle)}
.mobile-menu[open]{animation:menu-arrive .35s var(--ease-settle)}
.mobile-menu[open] nav a{animation:menu-link-arrive .45s var(--ease-settle) both}
.mobile-menu[open] nav a:nth-child(2){animation-delay:35ms}.mobile-menu[open] nav a:nth-child(3){animation-delay:70ms}.mobile-menu[open] nav a:nth-child(4){animation-delay:105ms}
@keyframes story-arrive{from{opacity:0;transform:translateY(16px) scale(.992)}to{opacity:1;transform:none}}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes menu-link-arrive{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.subcategories details[open]>ul{animation:menu-link-arrive .3s var(--ease-settle)}
.motion-paused,.motion-paused *,.tab-paused *{animation-play-state:paused!important}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-depart .18s ease both}
::view-transition-new(root){animation:page-arrive .3s var(--ease-settle) both}
@keyframes page-depart{to{opacity:0}}
@keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.motion-ready .reveal.pending{transform:translate3d(0,10px,0)}.reveal.pending .motion-word{transform:translateY(.22em)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal.pending,.reveal.pending .motion-word{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Coordinated premium motion, progressive enhancement only. */
.motion-curtain{position:fixed;inset:0;z-index:9999;background:linear-gradient(to top,#ff751a 0 4px,#17120f 4px 100%);pointer-events:none;transform:translateY(-100%)}
.premium-motion .headline-line{overflow:hidden;display:block;padding-bottom:.08em;margin-bottom:-.08em}.premium-motion .hero-enter{animation-duration:.9s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.premium-motion .hero-shine{clip-path:inset(0);animation-name:hero-mask,orange-shine}
@keyframes hero-mask{from{clip-path:inset(100% 0 0);transform:translateY(20px);opacity:0}to{clip-path:inset(0);transform:none;opacity:1}}
.premium-motion .section-heading:not(.pending)>*,.premium-motion .story-section-title.motion-seen>*{animation:menu-link-arrive .6s var(--ease-settle) both;animation-delay:var(--sequence-delay,0ms)}
.mask-motion{clip-path:none}.mask-motion.motion-seen{animation:media-uncover .75s var(--ease-settle)}
@keyframes media-uncover{from{clip-path:inset(0 0 95%)}to{clip-path:inset(0)}}
.brand-image{transform:translateY(var(--art-rise,0px)) rotateX(var(--art-tilt,0deg)) scale(var(--art-scale,1));transition:transform .18s linear}
.growth-scene{transition:translate .5s var(--ease-settle)}
.growth-card,.client-card{transition:rotate .4s var(--ease-settle),translate .4s var(--ease-settle),box-shadow .3s ease,background .3s ease;transform-style:preserve-3d}
.card-open b{display:inline-block;transition:transform .35s var(--ease-settle)}.growth-card:hover .card-open b,.client-card:hover .card-open b{transform:rotate(90deg) translateY(-2px)}
.pill{transition:translate .3s var(--ease-settle),background .3s ease,color .3s ease,transform .25s ease}
.pill.dark{background-image:linear-gradient(100deg,transparent 35%,#ffb06b 50%,transparent 65%);background-size:300% 100%;background-position:100% 0}.pill.dark:hover{background-color:#ff8d3e;color:#17120f;border-color:#ff751a;background-position:0 0;transition:background-position .65s ease,translate .3s ease,transform .25s ease}
.site-header{position:fixed;transition:padding .35s var(--ease-settle),background .3s ease,box-shadow .3s ease}.site-header.is-scrolled{padding-block:10px;background:#fff4e7f5;mix-blend-mode:normal;box-shadow:0 1px 0 #bb75412b}.site-header.is-scrolled .brand-art{transform:scale(.94);transform-origin:left center;mix-blend-mode:multiply}.brand-art{transition:transform .35s var(--ease-settle)}
#quote-slide{position:relative}.quote-ghost{position:absolute;inset:0;pointer-events:none;background:#241d18;z-index:1}
.footer-wordmark{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.055em;font-size:clamp(2.8rem,12vw,10rem);line-height:1.1;color:#ff944f;margin-bottom:48px;overflow-wrap:normal;transition-duration:1.2s}
html.inertia-active{scroll-behavior:auto!important}
@media(min-width:1000px) and (min-height:800px){.story-introduction .client-portrait,.story-delivery .work-chart,.story-presence .story-profile-image{position:sticky;top:24px}.story-delivery{align-items:start}}
@media(hover:hover) and (pointer:fine){.growth-card:hover,.client-card:hover{transform:none;box-shadow:5px 9px 0 #ff751a28}}
@media(max-width:800px){.site-header.is-scrolled{padding-block:9px}.footer-wordmark{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.motion-curtain{display:none}.mask-motion:not(.motion-seen){clip-path:none}.site-header,.brand-art{transition:none}.footer-wordmark{clip-path:none}}

/* Guide alignment: readable masks, quieter conversion areas, consistent timing. */
.hero-accent{display:block;font-style:normal}.hero-mask-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.premium-motion .hero-mask-line .hero-shine{display:inline-block;clip-path:none;animation:hero-line-rise .75s var(--ease-settle) both,orange-shine 4.5s ease-in-out infinite;animation-delay:.18s,.9s}
.premium-motion .hero-mask-line:nth-child(2) .hero-shine{animation-delay:.28s,1s}
@keyframes hero-line-rise{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
.premium-motion .hero-copy>p.hero-enter{animation-delay:.4s}
.motion-ready .reveal{transition-delay:var(--reveal-delay,0ms)}
.card-open b{transition:transform .25s var(--ease-settle)}.growth-card:hover .card-open b,.client-card:hover .card-open b{transform:translateX(3px) rotate(12deg)}
body.motion-ready[data-page=contact] .reveal{transition-duration:.4s}
@view-transition{navigation:none}
@media(max-width:800px){.mask-motion{transition-duration:.65s}.brand-image{transform:translateY(var(--art-rise,0px)) scale(var(--art-scale,1))}.footer-wordmark{font-size:clamp(2.7rem,11.5vw,5rem)}}
@media(prefers-reduced-motion:reduce){.hero-mask-line .hero-shine{animation:none!important;transform:none!important;opacity:1}}

/* Content is visible even when observers or animation APIs are unavailable. */
.motion-ready .reveal.pending,.reveal.pending .motion-word{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.mask-motion.motion-seen{animation:none!important}}

/* Transparent supplied footer logo, shared by every page. */
.footer-wordmark{font-size:inherit;line-height:0;width:min(100%,520px)}.footer-brand-logo{display:block;width:100%;height:auto;object-fit:contain}

/* Restrained logo depth and consistent opacity-only card entrances. */
.footer-wordmark{width:min(100%,320px);margin-left:0;margin-right:auto;text-align:left;perspective:900px;overflow:visible}
.footer-wordmark.motion-seen{animation:none;clip-path:none}
.footer-wordmark.motion-seen .footer-brand-logo{animation:footer-logo-depth 1.1s var(--ease-settle);transform-origin:left center;backface-visibility:hidden}
@keyframes footer-logo-depth{from{opacity:0;transform:translateZ(-22px) rotateY(-9deg) rotateX(4deg)}to{opacity:1;transform:translateZ(0) rotateY(0) rotateX(0)}}
.growth-card,.client-card,.goal-card,.principles>div,.client-insight,.service-film,.contact-form,.process-panels{transform:none;rotate:none;translate:none;transition:opacity .5s ease,background-color .25s ease,border-color .25s ease}
.growth-card:hover,.client-card:hover,.goal-card:hover{transform:none;rotate:none;translate:none;box-shadow:none}
.growth-card:hover:after{transform:rotate(35deg)}
.growth-card:hover .card-open b,.client-card:hover .card-open b{transform:none}
@media(max-width:800px){.footer-wordmark{width:min(100%,250px)}}
@media(prefers-reduced-motion:reduce){.footer-wordmark.motion-seen .footer-brand-logo{animation:none;transform:none}}

/* Compact footer rhythm and colour-aware card fades. */
footer{padding:60px 0 24px}
.footer-wordmark{width:min(100%,260px);margin-bottom:24px}
.footer-top h2{margin:20px 0 36px}
.footer-bottom{gap:28px;padding-bottom:32px}
.copyright{padding-top:18px;padding-bottom:0;gap:20px}
.growth-card,.client-card,.goal-card,.principles>div,.client-insight,.service-film,.contact-form,.process-panels{position:relative;isolation:isolate;--card-veil:#fff;--veil-strength:.38}
.goal-card:nth-child(3),.client-insight,.service-film,.process-panels{--card-veil:#000;--veil-strength:.48}
.card-tone-reveal:before{content:"";position:absolute;inset:0;z-index:5;background:var(--card-veil);border-radius:inherit;pointer-events:none;opacity:0;animation:card-tone-fade .7s ease-out;animation-delay:var(--reveal-delay,0ms)}
@keyframes card-tone-fade{from{opacity:var(--veil-strength)}to{opacity:0}}
@media(max-width:800px){footer{padding-top:44px}.footer-wordmark{width:min(100%,210px);margin-bottom:20px}.footer-top h2{margin:18px 0 28px}.footer-bottom{gap:22px;padding-bottom:26px}.copyright{padding-top:18px;padding-bottom:70px;gap:16px}}
@media(prefers-reduced-motion:reduce){.card-tone-reveal:before{animation:none;opacity:0}}

/* Client website and agency social links. */
.story-website{border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.story-website h3{font-size:1.5rem;margin:10px 0}.story-website p{color:var(--muted);max-width:44ch}.story-website .pill{flex-shrink:0}
.contact-social{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.contact-social h2{font-size:1.125rem;letter-spacing:-.02em;margin-bottom:14px}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--ink);border-radius:999px;font-size:.875rem;font-weight:600;transition:background-color .2s ease,color .2s ease}.social-links a:hover{background:var(--ink);color:var(--paper)}.social-links a:focus-visible,.story-website a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.story-website{flex-direction:column;align-items:flex-start;padding-top:28px}.social-links{gap:8px}}

/* Separate contact location from the social links. */
.contact-intro .contact-social + .location{margin-top:28px}