/*
Theme Name: BOOPAGE
Theme URI: https://boopage.com/
Author: BOOPAGE
Description: Custom BOOPAGE business growth, brand, marketing and advisory theme. Preserves the approved BOOPAGE V2 visual system while using WordPress templates and hooks.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: boopage
*/

:root{--black:#050605;--green:#79d23b;--green2:#4d8f2d;--white:#fff;--muted:#aeb7ad;--line:#273029;--paper:#f5f7f2}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#050605;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand img{width:190px;height:58px;object-fit:contain;display:block;transition:transform .35s ease}.brand:hover img{transform:scale(1.025)}.nav nav{display:flex;align-items:center;gap:27px;font-size:13px}.nav nav a:hover{color:var(--green)}.nav-cta{background:var(--green);color:#071006!important;padding:12px 18px;border-radius:999px;font-weight:700}.menu-btn{display:none;background:none;border:0;color:white;font-size:24px}.hero-dark{min-height:calc(100vh - 82px);display:grid;grid-template-columns:45% 55%;position:relative;overflow:hidden;background:#050605}.hero-art{position:relative;min-height:700px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.75)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,var(--black) 100%),linear-gradient(0deg,var(--black) 0%,transparent 25%)}.hero-content{align-self:center;padding:8vw 8vw 8vw 2vw;position:relative;z-index:2}.eyebrow,.section-label{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--green)}h1,h2,h3{font-family:Manrope;letter-spacing:-2.5px}h1{font-size:clamp(55px,7vw,110px);line-height:.86;margin:25px 0}h1 span:first-child,h1 span:nth-child(3){color:var(--green)}p{line-height:1.65;color:var(--muted)}.hero-content p{max-width:560px;font-size:19px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.btn{display:inline-block;padding:15px 22px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent}.btn.lime{background:var(--green);color:#071006}.btn.dark{background:var(--black);color:white;border-color:var(--black)}.text-link{font-weight:700;font-size:13px}.statement{padding:110px 8vw;display:grid;grid-template-columns:1fr 2fr;gap:70px;background:var(--paper);color:var(--black)}.statement .section-label{color:var(--green2)}.statement h2{font-size:clamp(38px,5vw,70px);line-height:1;margin:0 0 25px}.statement em{font-style:normal;color:var(--green2)}.statement p{color:#59645b;max-width:750px;font-size:18px}.image-strip{position:relative;height:65vh;overflow:hidden}.image-strip img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.image-overlay{position:absolute;right:7vw;top:10%;max-width:520px}.image-overlay span{font:italic 700 clamp(24px,3vw,42px) Manrope;color:var(--green);border-bottom:2px solid var(--green);padding-bottom:8px}.image-overlay p{font-size:24px;color:white}.services-preview{background:var(--paper);color:var(--black);padding:100px 8vw}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.section-head a{font-size:13px;font-weight:700;color:var(--green2)}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8ded6}.service-cards a{padding:36px 28px 42px;border-right:1px solid #d8ded6;border-bottom:1px solid #d8ded6;min-height:270px;transition:.25s}.service-cards a:hover{background:var(--green);color:#071006}.service-cards b{color:var(--green2);font-size:11px}.service-cards a:hover b{color:#071006}.service-cards h3{font-size:25px;line-height:1.05;margin:55px 0 14px}.service-cards p{color:#677167;font-size:14px}.service-cards a:hover p{color:#173315}
.featured-home{padding:100px 8vw;background:#050605;color:white}.featured-home .section-head{align-items:end}.featured-home .section-head h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:18px 0 0}.featured-home .section-head h2 em{font-style:normal;color:var(--green)}.featured-home .section-head a{color:var(--green);font-size:13px;font-weight:700}.featured-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.featured-home-grid a{border:1px solid var(--line);overflow:hidden;background:#0a0d0a;transition:transform .35s ease,border-color .35s ease}.featured-home-grid a:hover{transform:translateY(-6px);border-color:var(--green)}.featured-home-grid img{width:100%;height:360px;object-fit:cover;display:block;transition:transform .6s ease}.featured-home-grid a:hover img{transform:scale(1.035)}.featured-home-grid div{padding:28px}.featured-home-grid span{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.featured-home-grid h3{font-size:27px;line-height:1.05;margin:15px 0 0}

.journey{padding:110px 8vw;background:var(--green);color:#071006}.journey .section-label{color:#071006}.journey h2{font-size:clamp(45px,6vw,85px);line-height:.9;margin:30px 0 70px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4c8f29}.journey-grid div{padding:25px 20px;border-right:1px solid #4c8f29;border-bottom:1px solid #4c8f29}.journey-grid b{font-size:11px}.journey-grid p{color:#173315;margin-bottom:0}.cta{padding:100px 8vw;background:var(--green);color:#071006;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta h2{font-size:clamp(55px,7vw,105px);line-height:.86;margin:20px 0 0}.cta .section-label{color:#071006}.page-hero{min-height:620px;padding:90px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.page-hero.dark{background:#050605}.page-copy h1{font-size:clamp(55px,7vw,100px)}.page-copy h1 em{font-style:normal;color:var(--green)}.page-copy p{font-size:19px;max-width:620px}.page-photo{width:100%;height:520px;object-fit:cover;object-position:center top}.logo-feature{object-fit:contain;background:#050605}.values{display:grid;grid-template-columns:repeat(3,1fr);background:var(--paper);color:var(--black)}.values>div{padding:65px 8vw;border-right:1px solid #d8ded6}.values b{color:var(--green2);font-size:11px}.values h3{font-size:38px;margin:45px 0 10px}.values p{color:#657067}.service-list{background:var(--paper);color:var(--black)}.service-row{display:grid;grid-template-columns:110px 1fr;gap:35px;padding:78px 8vw;border-top:1px solid #d8ded6}.service-num{font:800 48px Manrope;color:var(--green2)}.service-row h2{font-size:clamp(32px,4vw,58px);line-height:1;margin:18px 0 35px}.service-row ul{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 35px;padding:0;list-style:none}.service-row li{font-size:16px;color:#5d685f;padding:8px 0;border-bottom:1px solid #e0e4df}.service-row li:before{content:"•";color:var(--green2);margin-right:9px}
.work-intro{padding:100px 8vw;background:var(--paper);color:var(--black);display:grid;grid-template-columns:1fr 2fr;gap:70px}.work-intro h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:0 0 22px}.work-intro em{font-style:normal;color:var(--green2)}.work-intro p{max-width:760px;font-size:18px;color:#657067}.work-link{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;color:var(--green2)}.secondary-feature{grid-column:span 2;display:grid!important;grid-template-columns:1.1fr 1fr}.secondary-feature img{height:100%!important}

.work-grid,.articles{background:var(--paper);color:var(--black);display:grid;grid-template-columns:repeat(2,1fr);padding:70px 8vw;gap:22px}.work-grid article,.articles article{background:white;padding:0 0 35px;overflow:hidden}.work-grid article.feature{grid-column:span 2;display:grid;grid-template-columns:1.2fr 1fr}.work-grid img{width:100%;height:310px;object-fit:cover}.work-grid .feature img{height:100%}.work-grid article:not(.feature) img{height:280px}.work-grid article div{padding:35px}.work-grid span,.articles span{font-size:10px;letter-spacing:2px;color:var(--green2);font-weight:700}.work-grid h2,.articles h2{font-size:32px;line-height:1;margin:18px 0}.articles{grid-template-columns:repeat(3,1fr)}.articles article{padding:35px;min-height:320px}.articles h2{margin-top:45px}.contact{padding:90px 8vw;background:var(--paper);color:var(--black);display:grid;grid-template-columns:1.5fr 1fr;gap:100px}.contact form{display:grid;gap:25px}.contact label{font-size:11px;letter-spacing:1px;color:var(--green2);font-weight:700;display:grid;gap:9px}.contact input,.contact textarea{font:16px "DM Sans";border:0;border-bottom:1px solid #b8c1b8;background:transparent;padding:12px 0;outline:0}.contact button{justify-self:start;cursor:pointer}.contact-side{display:grid;align-content:start;gap:45px}.contact-side span{font-size:10px;letter-spacing:2px;color:var(--green2);font-weight:700}.contact-side h3{font-size:22px;letter-spacing:-.5px}footer{background:#050605;color:white;padding:55px 8vw 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:65px}.footer-brand img{width:170px;height:auto}.footer-top strong{font-size:14px;color:var(--green)}.footer-top p{font-size:12px}.footer-socials{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 28px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#dfe7df;text-decoration:none;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;transition:.25s ease}.footer-socials a:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#7d887f;font-size:10px}

/* Homepage motion layer — preserves the V2 visual design */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
.hero-dark{isolation:isolate}
.hero-content{animation:heroContent .95s cubic-bezier(.22,1,.36,1) both .12s}
.hero-art{animation:heroArt 1.2s cubic-bezier(.22,1,.36,1) both}
.hero-art img{transition:transform 1.5s cubic-bezier(.22,1,.36,1),filter .8s ease}
.hero-dark:hover .hero-art img{transform:scale(1.035)}
.hero-content h1 span{display:inline-block;animation:headlineIn .75s cubic-bezier(.22,1,.36,1) both}
.hero-content h1 span:nth-child(1){animation-delay:.18s}.hero-content h1 span:nth-child(3){animation-delay:.32s}.hero-content h1 span:nth-child(5){animation-delay:.46s}
.hero-content .eyebrow{animation:fadeUp .7s ease both .05s}.hero-content p{animation:fadeUp .7s ease both .58s}.hero-content .actions{animation:fadeUp .7s ease both .7s}
.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;color:#7e897f;font-size:9px;letter-spacing:1.8px;opacity:.9}
.scroll-cue span{display:block;width:34px;height:1px;background:var(--green);position:relative}.scroll-cue span:after{content:'';display:block;position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(-45deg)}
.image-strip img{transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter 1s ease}.image-strip.is-visible img{transform:scale(1.035)}
.image-overlay{opacity:0;transform:translateX(35px);transition:opacity .8s ease .25s,transform .8s cubic-bezier(.22,1,.36,1) .25s}.image-strip.is-visible .image-overlay{opacity:1;transform:none}
.service-cards a{transform:translateY(0);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}.service-cards a:hover{transform:translateY(-9px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.journey-grid div{transition:background .3s ease,transform .3s ease}.journey-grid div:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
.focus-tags span{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.focus-tags span:hover{background:var(--green);color:#071006;border-color:var(--green);transform:translateY(-2px)}
.cta .btn{transition:transform .25s ease,box-shadow .25s ease}.cta .btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.18)}
@keyframes heroContent{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes heroArt{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes headlineIn{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.scroll-cue{display:none}}
@media(max-width:850px){.nav{height:70px}.brand img{width:158px;height:52px}.menu-btn{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 7vw;background:#050605;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav nav.open{display:flex}.hero-dark,.page-hero{grid-template-columns:1fr}.hero-dark{min-height:auto}.hero-art{min-height:560px}.hero-content{padding:65px 7vw}.hero-content h1,.page-copy h1{font-size:58px}.statement{grid-template-columns:1fr;padding:75px 7vw;gap:30px}.image-strip{height:48vh}.image-overlay{left:7vw;right:7vw;top:12%}.services-preview{padding:75px 7vw}.service-cards,.journey-grid,.values{grid-template-columns:1fr}.service-cards a{border-right:0}.journey,.cta{padding:75px 7vw}.cta{display:block}.cta .btn{margin-top:35px}.page-hero{padding:65px 7vw}.page-photo{height:430px}.service-row{grid-template-columns:50px 1fr;padding:55px 7vw}.service-num{font-size:26px}.service-row ul{grid-template-columns:1fr}.work-intro{grid-template-columns:1fr;padding:70px 7vw;gap:30px}.featured-home{padding:75px 7vw}.featured-home-grid{grid-template-columns:1fr}.featured-home-grid img{height:280px}.work-grid,.articles{grid-template-columns:1fr;padding:50px 7vw}.work-grid article.feature,.secondary-feature{grid-column:auto!important;display:block!important}.secondary-feature img{height:280px!important}.work-grid .feature img{height:280px}.contact{grid-template-columns:1fr;padding:70px 7vw;gap:60px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-top{padding-bottom:40px}}

/* Functional polish — preserves the existing V2 visual design */
html{scroll-padding-top:90px} .nav nav a[aria-current="page"]{color:var(--green)}
.menu-btn{cursor:pointer} button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.form-select{font:16px "DM Sans";border:0;border-bottom:1px solid #b8c1b8;background:transparent;padding:12px 0;outline:0;color:#263026}
.form-note{font-size:11px;color:#7a857c;margin:-10px 0 0}
.success-box{padding:70px 8vw;background:var(--paper);color:var(--black)}
.success-box h2{font-size:clamp(40px,5vw,70px);line-height:1;margin:15px 0}

/* Homepage motion layer — preserves the V2 visual design */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
.hero-dark{isolation:isolate}
.hero-content{animation:heroContent .95s cubic-bezier(.22,1,.36,1) both .12s}
.hero-art{animation:heroArt 1.2s cubic-bezier(.22,1,.36,1) both}
.hero-art img{transition:transform 1.5s cubic-bezier(.22,1,.36,1),filter .8s ease}
.hero-dark:hover .hero-art img{transform:scale(1.035)}
.hero-content h1 span{display:inline-block;animation:headlineIn .75s cubic-bezier(.22,1,.36,1) both}
.hero-content h1 span:nth-child(1){animation-delay:.18s}.hero-content h1 span:nth-child(3){animation-delay:.32s}.hero-content h1 span:nth-child(5){animation-delay:.46s}
.hero-content .eyebrow{animation:fadeUp .7s ease both .05s}.hero-content p{animation:fadeUp .7s ease both .58s}.hero-content .actions{animation:fadeUp .7s ease both .7s}
.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;color:#7e897f;font-size:9px;letter-spacing:1.8px;opacity:.9}
.scroll-cue span{display:block;width:34px;height:1px;background:var(--green);position:relative}.scroll-cue span:after{content:'';display:block;position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(-45deg)}
.image-strip img{transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter 1s ease}.image-strip.is-visible img{transform:scale(1.035)}
.image-overlay{opacity:0;transform:translateX(35px);transition:opacity .8s ease .25s,transform .8s cubic-bezier(.22,1,.36,1) .25s}.image-strip.is-visible .image-overlay{opacity:1;transform:none}
.service-cards a{transform:translateY(0);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}.service-cards a:hover{transform:translateY(-9px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.journey-grid div{transition:background .3s ease,transform .3s ease}.journey-grid div:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
.focus-tags span{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.focus-tags span:hover{background:var(--green);color:#071006;border-color:var(--green);transform:translateY(-2px)}
.cta .btn{transition:transform .25s ease,box-shadow .25s ease}.cta .btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.18)}
@keyframes heroContent{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes heroArt{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes headlineIn{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.scroll-cue{display:none}}
@media(max-width:850px){.success-box{padding:65px 7vw}}

.proof-section{display:block}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.proof-grid strong{font-size:12px;letter-spacing:1.5px;color:var(--green2)}.proof-grid p{font-size:15px;margin-top:13px}.focus-section{display:grid}.focus-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.focus-tags span{font-size:10px;font-weight:700;letter-spacing:1.5px;border:1px solid #cbd3ca;border-radius:999px;padding:10px 14px;color:var(--green2)}
/* Homepage motion layer — preserves the V2 visual design */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible{opacity:1;transform:none}
.hero-dark{isolation:isolate}
.hero-content{animation:heroContent .95s cubic-bezier(.22,1,.36,1) both .12s}
.hero-art{animation:heroArt 1.2s cubic-bezier(.22,1,.36,1) both}
.hero-art img{transition:transform 1.5s cubic-bezier(.22,1,.36,1),filter .8s ease}
.hero-dark:hover .hero-art img{transform:scale(1.035)}
.hero-content h1 span{display:inline-block;animation:headlineIn .75s cubic-bezier(.22,1,.36,1) both}
.hero-content h1 span:nth-child(1){animation-delay:.18s}.hero-content h1 span:nth-child(3){animation-delay:.32s}.hero-content h1 span:nth-child(5){animation-delay:.46s}
.hero-content .eyebrow{animation:fadeUp .7s ease both .05s}.hero-content p{animation:fadeUp .7s ease both .58s}.hero-content .actions{animation:fadeUp .7s ease both .7s}
.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:12px;color:#7e897f;font-size:9px;letter-spacing:1.8px;opacity:.9}
.scroll-cue span{display:block;width:34px;height:1px;background:var(--green);position:relative}.scroll-cue span:after{content:'';display:block;position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--green);border-bottom:1px solid var(--green);transform:rotate(-45deg)}
.image-strip img{transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter 1s ease}.image-strip.is-visible img{transform:scale(1.035)}
.image-overlay{opacity:0;transform:translateX(35px);transition:opacity .8s ease .25s,transform .8s cubic-bezier(.22,1,.36,1) .25s}.image-strip.is-visible .image-overlay{opacity:1;transform:none}
.service-cards a{transform:translateY(0);transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease}.service-cards a:hover{transform:translateY(-9px);box-shadow:0 20px 40px rgba(0,0,0,.12)}
.journey-grid div{transition:background .3s ease,transform .3s ease}.journey-grid div:hover{background:rgba(255,255,255,.13);transform:translateY(-4px)}
.focus-tags span{transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.focus-tags span:hover{background:var(--green);color:#071006;border-color:var(--green);transform:translateY(-2px)}
.cta .btn{transition:transform .25s ease,box-shadow .25s ease}.cta .btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.18)}
@keyframes heroContent{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes heroArt{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
@keyframes headlineIn{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.scroll-cue{display:none}}
@media(max-width:850px){.proof-grid{grid-template-columns:1fr;gap:25px}.focus-tags{gap:7px}}
/* Premium hero enhancement — V2 design preserved */
.hero-dark{min-height:calc(100vh - 82px);isolation:isolate}
.hero-glow{position:absolute;width:42vw;height:42vw;left:25%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(121,210,59,.16) 0%,rgba(121,210,59,.06) 28%,transparent 68%);filter:blur(10px);z-index:0;pointer-events:none;animation:glowPulse 7s ease-in-out infinite}
.hero-content{z-index:3}
.hero-logo{width:min(330px,32vw);height:auto;object-fit:contain;display:block;margin:0 0 24px;opacity:0;transform:translateY(-14px) scale(.97);animation:logoReveal .9s cubic-bezier(.22,1,.36,1) .05s forwards;filter:drop-shadow(0 8px 22px rgba(0,0,0,.3))}
.hero-content h1{overflow:visible}
.hero-content h1 span{will-change:transform,opacity}
.hero-content .eyebrow{animation-delay:.28s}.hero-content p{animation-delay:.75s}.hero-content .actions{animation-delay:.88s}
.hero-dark:after{content:' ';position:absolute;inset:auto -5% -20% auto;width:55vw;height:55vw;border:1px solid rgba(121,210,59,.08);border-radius:50%;z-index:1;pointer-events:none;transform:rotate(-18deg);animation:ringFloat 12s ease-in-out infinite}
.scroll-cue{animation:cueFloat 2.2s ease-in-out infinite}
@keyframes logoReveal{from{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}
@keyframes ringFloat{0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}50%{transform:rotate(-14deg) translate3d(-18px,-12px,0)}}
@keyframes cueFloat{0%,100%{opacity:.55;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(5px)}}
.service-cards a,.journey-grid div,.focus-tags span{will-change:transform}
@media(max-width:850px){.hero-logo{width:min(250px,72vw);margin-bottom:20px}.hero-glow{width:85vw;height:85vw;left:5%;top:15%}.hero-dark:after{width:100vw;height:100vw;right:-45%;bottom:-8%}.scroll-cue{bottom:18px}}
@media(prefers-reduced-motion:reduce){.hero-glow,.hero-dark:after,.scroll-cue{animation:none}.hero-logo{opacity:1;transform:none}}

/* Portfolio image expansion — V2 visual system preserved */
.portfolio-gallery{background:var(--paper);color:var(--black);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:70px 8vw;gap:22px}
.portfolio-card{background:#fff;overflow:hidden;border:1px solid #e4e8e1;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}
.portfolio-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(0,0,0,.12);border-color:#cfd8cb}
.portfolio-card img{width:100%;height:360px;object-fit:contain;object-position:center;background:#f4f6f2;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease}
.portfolio-card:hover img{transform:scale(1.035)}
.portfolio-wide{grid-column:span 2;display:grid;grid-template-columns:1.25fr .75fr}
.portfolio-wide img{height:430px;min-height:430px;object-fit:contain;object-position:center;background:#f4f6f2}
.portfolio-meta{padding:34px}
.portfolio-meta span{font-size:10px;letter-spacing:2px;color:var(--green2);font-weight:700}
.portfolio-meta h2{font-size:32px;line-height:1;margin:16px 0 12px}
.portfolio-meta p{font-size:15px;line-height:1.65;color:#68736a;margin:0;max-width:540px}
.portfolio-logo-card .logo-stage{height:360px;display:flex;align-items:center;justify-content:center;background:#f4f6f2;padding:50px}
.portfolio-logo-card .logo-stage img{height:auto;max-width:85%;object-fit:contain;transition:none}
.portfolio-logo-card:hover .logo-stage img{transform:none}
.brands-work{padding:105px 8vw;background:#050605;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.brands-work h2,.brands-home h2{font-size:clamp(38px,5vw,68px);line-height:1;margin:18px 0}.brands-work h2 em,.brands-home h2 em{font-style:normal;color:var(--green)}
.brands-work p,.brands-home>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:580px}
.brand-name-grid,.brand-logo-wall{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.brand-name-grid>div,.brand-logo-wall>div{min-height:92px;padding:20px 8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;position:relative;transition:background .3s ease,transform .3s ease}
.brand-name-grid>div:hover,.brand-logo-wall>div:hover{background:rgba(121,210,59,.05);transform:translateX(4px)}
.brand-name-grid span,.brand-logo-wall span{font-size:10px;letter-spacing:1.5px;color:var(--green2);font-weight:800;min-width:22px}
.brand-name-grid strong,.brand-logo-wall strong{font-size:14px;letter-spacing:.2px;color:#dce3dc;font-weight:600}
.brands-home{padding:100px 8vw;background:var(--paper);color:var(--black)}
.brands-home .section-head a{color:var(--green2);font-size:13px;font-weight:700}
.brand-logo-wall{border-color:#d9dfd8;margin-top:45px}
.brand-logo-wall>div{border-color:#d9dfd8;min-height:88px}
.brand-logo-wall span{color:var(--green2)}
.brand-logo-wall strong{color:var(--black)}
.brand-wall-note{margin-top:24px;font-size:12px!important;color:#7b847d!important;max-width:720px!important}
.portfolio-card{position:relative;border-radius:2px}.portfolio-card:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;transition:border-color .35s ease,box-shadow .35s ease}.portfolio-card:hover:after{border-color:rgba(121,210,59,.55);box-shadow:inset 0 0 0 1px rgba(121,210,59,.12)}.portfolio-card:hover img{filter:saturate(1.04);transform:scale(1.018)}.portfolio-card .portfolio-meta{position:relative}.portfolio-card .portfolio-meta:after{content:"↗";position:absolute;right:30px;top:30px;width:36px;height:36px;border:1px solid #cfd8cb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green2);font-size:18px;transition:background .25s ease,color .25s ease,transform .25s ease}.portfolio-card:hover .portfolio-meta:after{background:var(--green);color:#071006;border-color:var(--green);transform:translate(2px,-2px)}.portfolio-meta h2{max-width:calc(100% - 55px)}.portfolio-gallery .portfolio-card:nth-child(2){transition-delay:.04s}.portfolio-gallery .portfolio-card:nth-child(3){transition-delay:.08s}.portfolio-gallery .portfolio-card:nth-child(4){transition-delay:.12s}.portfolio-gallery .portfolio-card:nth-child(5){transition-delay:.16s}.portfolio-gallery .portfolio-card:nth-child(6){transition-delay:.20s}.portfolio-gallery .portfolio-card:nth-child(7){transition-delay:.24s}.portfolio-gallery .portfolio-card:nth-child(8){transition-delay:.28s}.portfolio-gallery .portfolio-card:nth-child(9){transition-delay:.32s}
@media(max-width:850px){.portfolio-gallery{grid-template-columns:1fr;padding:50px 7vw}.portfolio-wide{grid-column:auto;display:block}.portfolio-wide img,.portfolio-card img{height:280px;min-height:0;object-fit:contain;background:#f4f6f2}.portfolio-meta{padding:27px}.portfolio-meta h2{font-size:27px}.portfolio-logo-card .logo-stage{height:280px}.brands-work{grid-template-columns:1fr;padding:75px 7vw;gap:45px}.brand-name-grid,.brand-logo-wall{grid-template-columns:1fr}.brands-home{padding:75px 7vw}.brand-name-grid>div,.brand-logo-wall>div{min-height:78px}}

/* Commercial conversion layer — additive only */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border-radius:999px;background:var(--green);color:#071006;font-size:12px;font-weight:800;letter-spacing:.2px;box-shadow:0 14px 30px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease}.whatsapp-float span{font-size:14px}.whatsapp-float:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.28)}.contact-side h3 a{transition:color .2s ease}.contact-side h3 a:hover{color:var(--green2)}@media(max-width:850px){.whatsapp-float{right:16px;bottom:16px;padding:12px 15px;font-size:11px}}

/* Performance: keep off-screen sections lightweight while preserving the existing design. */
@media (max-width: 768px){
  .section, .statement, .values, .services, .work-grid, .featured-home, .contact, .cta { content-visibility: auto; contain-intrinsic-size: 700px; }
}