:root{--ink:#18333c;--deep:#173a43;--muted:#63787b;--paper:#f6f3eb;--cream:#fbf9f3;--line:#d8ded5;--accent:#d16c50;--soft:#dce9e1;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif;--serif:"Instrument Serif",Georgia,serif;--wrap:1190px}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body.campaign-page{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased}
body.campaign-page a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.wrap{width:min(var(--wrap),calc(100% - 72px));margin-inline:auto}
.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:.7rem 1rem;background:var(--cream);transform:translateY(-150%)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.topbar{position:absolute;inset:0 0 auto;z-index:10;color:#f8f6ef;border-bottom:1px solid rgba(255,255,255,.2)}
.topbar-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:block;flex:0 0 auto}.brand img{width:194px;height:auto;filter:brightness(0) invert(1)}
.top-nav{display:flex;align-items:center;gap:2rem;margin-left:auto}
.top-nav a{font-size:.75rem;color:rgba(255,255,255,.76);transition:color .2s}.top-nav a:hover{color:#fff}
.top-phone{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.3);font-size:.65rem;line-height:1.3}
.top-phone strong{font:700 .69rem var(--display);white-space:nowrap}.phone-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero{position:relative;isolation:isolate;min-height:760px;padding:147px 0 22px;background:var(--deep);color:#f9f7ef;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(15,43,50,.97) 0%,rgba(18,51,59,.88) 46%,rgba(18,51,59,.4) 100%),url('/campaigns/assets/img/growbiz-hero-background.jpg') center/cover}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.24;mix-blend-mode:screen}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 35%,rgba(221,233,225,.15),transparent 33%),linear-gradient(0deg,rgba(12,33,39,.4),transparent 34%);pointer-events:none}
.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:5rem;min-height:542px}
.hero-copy{max-width:630px;position:relative;z-index:2;padding:2rem 0}
.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1.15rem;color:var(--accent);font:700 .63rem/1.4 var(--display);letter-spacing:.16em;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:27px;height:1px;background:currentColor}
.hero .eyebrow{color:#d8e7dd}
h1,h2,h3,p{margin-top:0}
.hero h1{max-width:690px;margin:0 0 1.45rem;font:700 clamp(3.3rem,6.4vw,6.45rem)/.99 var(--display);letter-spacing:-.075em;text-wrap:balance}
.hero h1 em,.contact h2 em{color:#cce1d2;font:italic 400 1.02em/.94 var(--serif);letter-spacing:-.03em}
.hero-lede{max-width:500px;margin-bottom:1.7rem;color:rgba(246,247,238,.77);font-size:.97rem;line-height:1.8}
.hero-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.65rem;min-height:51px;padding:.85rem 1.12rem;background:var(--accent);color:#fff!important;border:0;font:700 .73rem var(--display);cursor:pointer;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#b9573d}.button-dark{background:var(--deep)}.button-dark:hover{background:#28515a}
.button span{font-size:1rem}.phone-inline{font-size:.73rem;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.3rem}
.hero-proof{display:flex;align-items:center;gap:.75rem;margin-top:2.4rem;color:rgba(244,246,235,.7);font-size:.66rem}.hero-proof strong{color:#fff;font-weight:600}
.proof-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(216,231,221,.58);border-radius:50%;color:#dce9df;font:700 .55rem var(--display)}
.hero-visual{position:relative;width:min(485px,100%);aspect-ratio:.91;margin:0 auto 8px}
.image-matte{position:absolute;inset:7% 7% 8% 10%;overflow:hidden;background:#9caca4;box-shadow:20px 24px 60px rgba(5,23,29,.32);transform:rotate(2deg)}
.image-matte:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,41,47,.24),transparent 50%)}
.image-matte img{width:100%;height:100%;object-fit:cover}
.visual-index{position:absolute;z-index:2;right:-2%;bottom:3%;display:grid;gap:.3rem;min-width:210px;padding:1.05rem 1.15rem;background:var(--cream);color:var(--ink);box-shadow:0 16px 34px #0b242940}
.visual-index span{font:700 .52rem var(--display);letter-spacing:.11em;color:var(--accent)}.visual-index strong{font:600 .8rem var(--display);letter-spacing:-.03em}
.visual-circle{position:absolute;z-index:-1;inset:0 0 12% 12%;border:1px solid rgba(206,228,212,.5);border-radius:50%;transform:rotate(-24deg)}
.hero-ribbon{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.22);color:rgba(240,244,236,.63);font-size:.6rem;letter-spacing:.07em;text-transform:uppercase}
.hero-ribbon i{width:3px;height:3px;border-radius:50%;background:var(--accent)}
.hero-ribbon a{margin-left:auto;color:#e0e8dc;letter-spacing:0;text-transform:none}.hero-ribbon b{margin-left:.5rem;color:#e8886b}
.section-space{padding:104px 0}
.statement{position:relative;background:var(--cream);overflow:hidden}
.statement-grid{display:grid;grid-template-columns:.38fr 1.05fr .7fr;gap:3rem;align-items:end}
.section-tag{align-self:start;display:flex;gap:.7rem;align-items:center;color:var(--muted)}
.section-tag span{color:var(--accent);font:700 .65rem var(--display)}.section-tag small{font:700 .54rem var(--display);letter-spacing:.15em}
.statement h2,.section-heading h2,.method h2,.focus h2{margin:0;color:var(--deep);font:700 clamp(2.7rem,4.3vw,4.45rem)/1.04 var(--display);letter-spacing:-.07em;text-wrap:balance}
.statement h2 em,.section-heading h2 em,.method h2 em{color:var(--accent);font:italic 400 1.04em/.95 var(--serif);letter-spacing:-.025em}
.statement-aside{padding:0 0 .3rem}.statement-aside p{color:var(--muted);font-size:.81rem;line-height:1.85}
.under-link{display:inline-flex;gap:.8rem;align-items:center;border-bottom:1px solid rgba(24,51,60,.34);padding:.2rem 0 .35rem;font:700 .67rem var(--display);transition:gap .2s,color .2s}
.under-link:hover{gap:1.1rem;color:var(--accent)}.under-link span{color:var(--accent)}
.work-band{background:#eaece3}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.7rem}
.section-heading>div .eyebrow{margin-bottom:.85rem}.section-heading h2{font-size:clamp(2.5rem,4vw,3.8rem)}
.section-heading>p{max-width:310px;margin:0 0 .25rem;color:var(--muted);font-size:.78rem;line-height:1.8}
.work-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:1.2rem;align-items:start}
.work-card:nth-child(2){margin-top:2.6rem}.work-card:nth-child(3){margin-top:5.2rem}
.work-image{position:relative;aspect-ratio:1.3;overflow:hidden;background:#d6d7cf}
.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.work-card:hover .work-image img{transform:scale(1.045)}
.work-image>span{position:absolute;right:11px;top:11px;display:grid;place-items:center;width:34px;height:34px;background:var(--cream);color:var(--deep)}
.work-caption{display:flex;justify-content:space-between;align-items:center;padding:.8rem .1rem 0}
.work-caption small{display:block;margin-bottom:.2rem;color:#73847b;font:700 .53rem var(--display);letter-spacing:.11em;text-transform:uppercase}
.work-caption h3{margin:0;color:var(--deep);font:700 .83rem var(--display);letter-spacing:-.03em}
.work-caption>span{color:#9ba89f;font:600 .59rem var(--display)}
.work-note{margin:2.6rem 0 0;padding-top:1rem;border-top:1px solid #ccd3c9;color:#79857e;font-size:.6rem}
.method{background:var(--deep);color:#f7f5ec}
.method-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:7rem;align-items:center}
.method .eyebrow{color:#d5e2d6}.method h2{color:#fbf8ed;font-size:clamp(2.7rem,4.4vw,4.5rem)}
.method h2 em{color:#e7886a}.method-intro>p:not(.eyebrow){max-width:375px;margin:1.25rem 0 1.7rem;color:#bdceca;font-size:.81rem;line-height:1.85}
.steps{border-top:1px solid rgba(232,239,224,.22)}
.steps article{display:grid;grid-template-columns:42px 1fr 22px;gap:1rem;align-items:start;padding:1.25rem 0;border-bottom:1px solid rgba(232,239,224,.22)}
.steps article>span{padding-top:.3rem;color:#df8063;font:700 .63rem var(--display)}
.steps h3{margin:0 0 .35rem;color:#f6f5ec;font:600 1rem var(--display);letter-spacing:-.035em}
.steps p{margin:0;max-width:470px;color:#b9c9c4;font-size:.72rem;line-height:1.75}
.steps article>b{color:#c8d7ce;font:400 1.2rem var(--display)}
.focus{background:var(--cream)}
.focus-layout{display:grid;grid-template-columns:1fr .85fr;gap:7rem;align-items:center}
.focus-image{position:relative;min-height:450px;background:#cbd6ce}
.focus-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.focus-image>span{position:absolute;bottom:17px;left:17px;padding:.67rem .85rem;background:var(--deep);color:#e3ece0;font:700 .53rem var(--display);letter-spacing:.12em}
.focus h2{font-size:clamp(2.5rem,4.2vw,4.05rem);margin-bottom:1.1rem}
.focus-copy>p:not(.eyebrow){color:var(--muted);font-size:.82rem;line-height:1.85}
.focus ul{list-style:none;padding:0;margin:1.4rem 0 1.6rem;border-top:1px solid var(--line)}
.focus li{display:flex;gap:.75rem;align-items:flex-start;padding:.62rem 0;border-bottom:1px solid var(--line);font-size:.72rem;color:#496067}
.focus li span{color:var(--accent)}
.price-strip{padding:38px 0;background:#dce6dc}
.price-inner{display:grid;grid-template-columns:1fr 1.05fr auto;gap:3rem;align-items:center}
.price-inner .eyebrow{margin-bottom:.35rem}.price-inner h2{margin:0;color:var(--deep);font:700 clamp(1.2rem,2.1vw,1.8rem)/1.3 var(--display);letter-spacing:-.05em}
.price-inner>p{max-width:490px;margin:0;color:#596c6d;font-size:.71rem;line-height:1.7}
.contact{position:relative;overflow:hidden;background:var(--deep);color:#f9f7ed}
.contact:after{content:"";position:absolute;width:700px;height:700px;right:-260px;top:-280px;border:1px solid rgba(205,226,209,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(205,226,209,.025),0 0 0 70px rgba(209,108,80,.04);pointer-events:none}
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:6rem;align-items:start}
.light-eyebrow{color:#d7e5dc}.contact h2{max-width:520px;margin:0 0 1.15rem;color:#f8f7ee;font:700 clamp(2.8rem,4.8vw,4.8rem)/1.03 var(--display);letter-spacing:-.07em}
.contact h2 em{color:#cfe3d4}.contact-intro>p:not(.eyebrow){max-width:390px;color:#bdcfca;font-size:.81rem;line-height:1.85}
.contact-call{display:flex;align-items:center;gap:.9rem;max-width:360px;margin:2rem 0 1.6rem;padding:.9rem 0;border-top:1px solid rgba(238,243,234,.2);border-bottom:1px solid rgba(238,243,234,.2)}
.call-symbol{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(210,228,214,.5);border-radius:50%;color:#e8896e}
.contact-call small,.contact-call strong{display:block}.contact-call small{color:#adc2bc;font-size:.56rem;text-transform:uppercase;letter-spacing:.12em}.contact-call strong{font:700 .88rem var(--display)}
.call-arrow{margin-left:auto;color:#d8e6dc}
.contact-meta{display:flex;gap:1.3rem;color:#a6bbb5;font-size:.62rem}
.contact-form{padding:1.8rem 2rem 1.65rem;background:var(--cream);color:var(--ink);box-shadow:0 23px 60px rgba(5,24,28,.3)}
.form-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.9rem;margin-bottom:1.15rem;border-bottom:1px solid var(--line);font:700 .83rem var(--display);color:var(--deep)}
.form-heading small{font:400 .56rem var(--body);color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.contact-form label:not(.consent){display:block;margin-bottom:.8rem;color:#496068;font-size:.62rem;font-weight:600}
.contact-form label b{color:var(--accent)}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;margin-top:.32rem;padding:.7rem .75rem;border:1px solid #d5ddd5;border-radius:0;background:#fffefa;color:var(--ink);font-size:.7rem;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:#547a6d;box-shadow:0 0 0 3px rgba(84,122,109,.12)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a3afaa}
.contact-form textarea{resize:vertical;min-height:95px}
.consent{display:flex;align-items:flex-start;gap:.55rem;margin:.25rem 0 1.05rem;color:#697a7c;font-size:.59rem;line-height:1.6}
.consent input{flex:none;width:15px;height:15px;margin:2px 0 0;accent-color:#547a6d}
.consent a{color:var(--deep)!important;text-decoration:underline!important;text-underline-offset:2px}
.form-bottom{display:flex;align-items:center;gap:1.1rem}
.form-bottom small{color:#87948f;font-size:.56rem}
.form-bottom button:disabled{opacity:.7;cursor:wait;transform:none}
.form-feedback{margin:0;color:#37664f;font-size:.7rem;font-weight:600}
.form-feedback:not(:empty){margin-top:1rem;padding:.75rem .85rem;border-left:3px solid #66846d;background:#e8f0e8}
.form-feedback.is-error{border-color:#c8664b;background:#f7e9e3;color:#8e4430}
.footer{background:#f6f3eb;border-top:1px solid var(--line)}
.footer-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.footer-inner img{width:154px;height:auto}.footer-inner p,.footer-inner>a:not(:first-child),.footer-inner>span{margin:0;color:#6b7a78;font-size:.6rem}
.footer-inner>a:not(:first-child){font-weight:700}
.faq{background:#f1eee5}
.faq-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.faq h2{max-width:480px;margin:0;color:var(--deep);font:700 clamp(2.4rem,4vw,4rem)/1.02 var(--display);letter-spacing:-.07em}
.faq h2 em{color:var(--accent);font:italic 400 1.05em/.95 var(--serif);letter-spacing:-.025em}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:1.15rem 0}
.faq-list summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;list-style:none;font:700 .82rem/1.45 var(--display)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--accent);font-size:1.2rem;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:680px;margin:.8rem 2rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.8}
.form-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.mobile-callbar{display:none}
.film-section{padding:72px 0;background:var(--deep);color:#f8f6ee}
.film-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:4rem;align-items:center}
.film-copy h2{max-width:520px;margin:0 0 1rem;color:#fbf8ed;font:700 clamp(2.5rem,4vw,4.1rem)/1.04 var(--display);letter-spacing:-.07em}
.film-copy>p:not(.eyebrow){max-width:430px;margin-bottom:1.4rem;color:#c2d0c9;font-size:.82rem;line-height:1.85}
.film-copy .under-link{color:#f6f3eb;border-color:#7b9190}.film-copy .under-link span{color:#e8886b}
.film-frame{overflow:hidden;background:#0c252b;border:1px solid rgba(236,242,230,.18);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.film-frame video{display:block;width:100%;max-height:500px;object-fit:contain;background:#081d22}
@media(max-width:1000px){.hero-layout{gap:2.4rem}.hero h1{font-size:clamp(3.1rem,7vw,5.3rem)}.statement-grid{grid-template-columns:.25fr 1fr .75fr;gap:2rem}.method-layout,.focus-layout{gap:4rem}.contact-layout{gap:3rem}}
@media(max-width:760px){.faq-inner{grid-template-columns:1fr;gap:2rem}.film-section{padding:58px 0}.film-layout{grid-template-columns:1fr;gap:1.8rem}.film-frame video{max-height:420px}.mobile-callbar{position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.65rem max(16px,env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(23,58,67,.97);box-shadow:0 -8px 25px rgba(12,33,39,.18);backdrop-filter:blur(12px)}.mobile-callbar a{display:grid;place-items:center;min-height:48px;padding:.65rem .45rem;font:700 .74rem var(--display);text-align:center}.mobile-call{background:var(--accent);color:white!important}.mobile-enquire{border:1px solid rgba(255,255,255,.42);color:#fff!important}body.campaign-page{padding-bottom:72px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.topbar{position:absolute}.topbar-inner{height:72px}.brand img{width:155px}.top-nav{display:none}.top-phone{padding:.56rem .6rem;gap:.45rem}.top-phone>span:not(.phone-dot){display:none}.top-phone strong{font-size:.62rem}.hero{min-height:0;padding:112px 0 18px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding:1rem 0 .6rem}.hero h1{max-width:620px;font-size:clamp(3.2rem,11vw,5rem)}.hero-lede{font-size:.9rem}.hero-proof{margin-top:1.5rem}.hero-visual{width:min(450px,95%);aspect-ratio:1.15;margin:-.25rem auto 1.25rem}.image-matte{inset:5% 12% 7% 12%}.visual-index{right:0;bottom:0}.hero-ribbon{flex-wrap:wrap;gap:.65rem;font-size:.52rem}.hero-ribbon a{width:100%;margin:.4rem 0 0}.section-space{padding:76px 0}.statement-grid{display:grid;grid-template-columns:1fr;gap:1.1rem}.section-tag{margin-bottom:.35rem}.statement h2,.section-heading h2,.method h2,.focus h2{font-size:clamp(2.65rem,9vw,4rem)}.statement-aside{max-width:540px}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{margin:1rem 0 0;max-width:490px}.work-grid{grid-template-columns:1fr 1fr;gap:1.4rem .85rem}.work-card:nth-child(2),.work-card:nth-child(3){margin-top:0}.work-card:first-child{grid-column:1/-1}.work-card:first-child .work-image{aspect-ratio:1.7}.work-image{aspect-ratio:1.22}.method-layout,.focus-layout{grid-template-columns:1fr;gap:2.7rem}.method-intro{max-width:580px}.focus-image{min-height:390px;margin-right:12px}.price-inner{grid-template-columns:1fr;gap:1rem}.price-inner .button{width:max-content}.contact-layout{grid-template-columns:1fr;gap:2.4rem}.contact-intro{max-width:590px}.contact-form{padding:1.45rem}.footer-inner{padding:1.2rem 0;flex-wrap:wrap;justify-content:flex-start;gap:.7rem 1.1rem}.footer-inner>a:first-child{width:100%}}
@media(max-width:480px){.wrap{width:calc(100% - 34px)}.top-phone{border:0;padding:0}.top-phone strong{font-size:.59rem}.hero h1{font-size:clamp(2.85rem,12vw,3.7rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1rem}.button{min-height:49px}.hero-visual{width:100%;aspect-ratio:1.05}.visual-index{min-width:178px;padding:.75rem .8rem}.visual-index strong{font-size:.68rem}.hero-proof{font-size:.59rem}.hero-ribbon{font-size:.48rem}.work-grid{gap:1.4rem .65rem}.work-caption h3{font-size:.68rem}.work-caption small{font-size:.47rem}.work-caption>span{font-size:.5rem}.work-note{font-size:.56rem}.focus-image{min-height:310px}.contact h2{font-size:clamp(2.7rem,12vw,3.7rem)}.contact-form{padding:1.2rem 1rem}.form-grid{grid-template-columns:1fr;gap:0}.form-heading{align-items:flex-start;flex-direction:column;gap:.15rem}.form-bottom{align-items:stretch;flex-direction:column;gap:.65rem}.form-bottom .button{width:100%}.contact-meta{flex-wrap:wrap;gap:.5rem 1rem}.footer-inner p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
