@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111411;--ink:#f5f3e9;--muted:#a3aaa0;--orange:#ff8a00;--line:#30352e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;max-width:1380px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img,.site-footer img{width:56px;height:56px;object-fit:cover;mix-blend-mode:screen;filter:invert(1) hue-rotate(180deg)}nav{display:flex;gap:36px;font-size:13px;color:#c4c9be}.small-cta{font-size:13px;border:1px solid #66705d;border-radius:30px;padding:13px 20px}.small-cta span{margin-left:20px;color:var(--orange)}.wrap{max-width:1260px;margin:auto;padding-left:30px;padding-right:30px}.hero{min-height:740px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10px;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center}.eyebrow i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px}h1{font-size:clamp(40px,4.4vw,64px);line-height:1.13;font-weight:600;margin:28px 0}em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:470px;font-size:16px;line-height:1.8;color:var(--muted)}.button{background:var(--orange);color:#14170f;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 25px;border-radius:7px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffab39}.button span{font-size:21px}.hero .button{margin-top:18px}.hero-note{margin-top:35px;font-size:11px;line-height:1.8;color:var(--muted);padding-left:35px;position:relative}.hero-note>span{position:absolute;left:0;color:var(--orange)}.hero-note b{font-weight:400;color:#d0d5c9}.hero-art{position:relative;height:550px;overflow:hidden;background:radial-gradient(ellipse at center,#35432777,transparent 68%)}.orbit{position:absolute;border:1px solid #52604055;border-radius:50%;width:480px;height:480px;left:15px;top:40px}.o2{width:370px;height:370px;left:70px;top:95px}.art-label{position:absolute;left:10px;top:10px;color:#838f79;letter-spacing:2px;font-size:10px;line-height:1.8}.phone{width:244px;height:380px;background:#22281e;border:7px solid #424b38;border-radius:32px;position:absolute;left:135px;top:95px;transform:rotate(-8deg);box-shadow:20px 30px 80px #0008;overflow:hidden}.phone-top{margin:25px 10px 0;padding:15px 0;display:flex;align-items:center;gap:8px;font-size:11px;border-bottom:1px solid #404834}.phone-top>span:last-child{margin-left:auto}.online{width:7px;height:7px;background:#a5d47b;border-radius:50%}.phone-body{padding:20px 14px}.bubble{background:#4b5d36;padding:14px;border-radius:12px 12px 12px 0;font-size:13px;line-height:1.5}.bubble small{display:block;text-align:right;color:#c9d4b9;font-size:8px;margin-top:8px}.reply{font-size:10px;margin:15px 0;text-align:right;color:#bac7ad}.reply span{color:var(--orange)}.bars{height:95px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #788268}.bars i{width:27px;background:#7e9461;border-radius:3px 3px 0 0;height:25%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:60%}.bars i:nth-child(4){height:72%}.bars i:nth-child(5){height:95%;background:var(--orange)}.phone-caption{font-size:7px;letter-spacing:2px;display:block;margin-top:15px}.platform{position:absolute;z-index:2;width:85px;height:85px;display:grid;place-items:center;border:1px solid #728061;border-radius:22px;box-shadow:10px 15px 20px #0005;background:linear-gradient(145deg,#435332,#252e1f);color:#d3e6b9}.insta{top:70px;right:35px;font-size:66px;transform:rotate(13deg)}.face{left:35px;top:220px;font-family:Arial;font-weight:bold;font-size:64px;transform:rotate(-14deg)}.float-note{position:absolute;bottom:45px;right:5px;background:#e4eadb;color:#1d2915;padding:18px 25px;display:flex;gap:15px;align-items:center;font-size:12px;box-shadow:0 10px 30px #0003;transform:rotate(3deg)}.float-note>span{font-size:35px;color:#5e793e}.float-note strong{line-height:1.8}.demo{position:absolute;bottom:0;left:40%;font-size:9px;color:#7a8571}.ticker{display:flex;justify-content:space-around;align-items:center;gap:25px;border-block:1px solid var(--line);padding:25px 15px;font-family:Manrope;font-size:14px;letter-spacing:2px;color:#bbc3b2}.ticker b{font-size:26px;color:var(--orange)}section:not(.hero){scroll-margin-top:20px}h2{font-size:43px;line-height:1.2;font-weight:500;margin:22px 0}h3{font-size:22px;letter-spacing:-.6px;font-weight:600}.strategy{padding-top:110px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.intro{padding:22px 0 0 55px;font-size:16px;line-height:1.8;color:#c0c8b6}.muted{color:var(--muted);font-size:12px}.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px}.steps article{border-top:1px solid #58604e;padding:25px 35px 0 0}.steps article+article{padding-left:35px;border-left:1px solid var(--line)}.steps article>span{display:flex;justify-content:space-between;color:var(--orange);font-size:12px}.steps b{font-size:23px;font-weight:400}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.proof{background:#e9ecdf;color:#192114;padding:100px 0}.proof .eyebrow{color:#657052}.proof em{color:#667c43}.proof-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.proof-head>p{font-size:13px;line-height:1.8;max-width:320px;color:#58624c}.proof-head small{font-size:10px}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.testimonial{padding:25px;background:#f6f7f0;border:1px solid #d7ddca;text-align:left;color:inherit;border-radius:8px;cursor:pointer;transition:transform .2s}.testimonial:hover{transform:translateY(-5px)}.quote-mark{font-family:Georgia;font-size:55px;color:#788e56;line-height:1}blockquote{font-family:Manrope;font-size:20px;letter-spacing:-.6px;line-height:1.5;margin:0 0 25px;min-height:90px}.testimonial footer{display:flex;justify-content:space-between;font-size:10px;margin-bottom:20px}.testimonial footer b{font-weight:500;color:#667d42}.testimonial>img{width:100%;height:180px;object-fit:cover;object-position:0 45%;border-radius:5px}.pricing{padding-top:110px;padding-bottom:100px}.price-title{text-align:center}.price-title .eyebrow{justify-content:center}.price-title>p{color:var(--muted);font-size:14px}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:900px;margin:50px auto 20px}.plan{border:1px solid var(--line);padding:35px;border-radius:10px;background:#191e16}.featured{border-color:#ff8a00;background:linear-gradient(135deg,#2d291b,#1b2016 60%)}.plan-top{font-size:12px;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}.plan-top span{font-size:8px;color:var(--muted);border:1px solid #4c523e;border-radius:20px;padding:7px}.featured .plan-top span{color:var(--orange);border-color:#795121}.price{font-family:Manrope;font-size:80px;letter-spacing:-4px;margin-top:25px;line-height:1.2}.price small{font-size:22px;letter-spacing:-1px;margin-right:7px}.price>span{font-size:35px;letter-spacing:-1px}.period{color:var(--muted);font-size:13px;margin:5px 0 25px}.plan ul{list-style:none;padding:22px 0;border-top:1px solid var(--line);font-size:13px;line-height:2.6;color:#c3cdb7}.plan li:before{content:'✓';color:var(--orange);margin-right:10px}.plan .button{width:100%;font-size:12px}.outline{color:var(--ink);background:transparent;border:1px solid #687358}.outline:hover{background:#303b25}.budget{max-width:900px;margin:auto;display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #3d4932;border-radius:8px}.budget-icon{font-size:35px;color:var(--orange)}.budget h3{font:500 14px Manrope;letter-spacing:0;margin:0 0 7px}.budget p{font-size:11px;color:var(--muted);line-height:1.7;max-width:560px;margin:0}.budget-tag{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#849176}.faq{border-top:1px solid var(--line);padding-top:85px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--orange)}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:var(--muted);line-height:1.8;max-width:520px}.closing{padding:90px 0;background:#25331c;text-align:center;background-image:radial-gradient(ellipse at bottom,#45582d55,transparent 70%)}.closing .eyebrow{justify-content:center;color:#aebc9c}.closing h2{font-size:45px}.closing p{font-size:12px;color:#a7b398;margin-top:24px}.site-footer{display:flex;align-items:center;gap:20px;padding-top:35px;padding-bottom:35px;font-size:11px;color:var(--muted)}.site-footer img{width:40px;height:40px}.site-footer>a{margin-left:auto;color:#d5ddcb}.site-footer small{font-size:9px}.floating-wa{position:fixed;right:22px;bottom:20px;border:1px solid #85996e;background:#27371c;color:#edf6e4;border-radius:30px;padding:13px 20px;font-size:12px;z-index:5;box-shadow:0 5px 20px #0006}dialog{border:1px solid #57614b;background:#111710;padding:15px;border-radius:10px;max-width:95vw;max-height:95vh}dialog::backdrop{background:#000d}dialog img{display:block;max-width:85vw;max-height:85vh}.close{position:absolute;right:20px;top:20px;border:1px solid #888;background:#171e16;color:white;border-radius:50%;width:35px;height:35px;cursor:pointer}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}@media(min-width:1500px){.hero{min-height:790px}}@media(max-width:900px){nav{gap:18px}.hero{grid-template-columns:1fr 1fr}h1{font-size:43px}.hero-art{transform:scale(.85);transform-origin:center;width:450px;margin-left:-40px}.intro{padding-left:10px}.proof-head{display:block}.proof-head>p{max-width:100%}blockquote{font-size:17px}.testimonial{padding:18px}.faq{gap:30px}h2{font-size:35px}.site-footer{flex-wrap:wrap}}@media(max-width:650px){header{height:80px;padding:0 22px}nav{display:none}.brand img{width:46px;height:46px}.small-cta{padding:11px 15px;font-size:11px}.wrap{padding-left:23px;padding-right:23px}.hero{display:block;padding-top:45px;padding-bottom:25px;overflow:hidden}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:40px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-art{height:485px;transform:scale(.85);transform-origin:top center;margin:35px auto -65px;width:400px;left:50%;translate:-50% 0}.phone{left:100px}.insta{right:0}.face{left:0}.float-note{right:0}.ticker{overflow:hidden;justify-content:start;white-space:nowrap;font-size:11px;padding:15px;gap:22px}.ticker b{font-size:20px}.strategy{display:block;padding-top:70px;padding-bottom:65px}h2{font-size:33px;letter-spacing:-1.5px}.intro{padding:0;font-size:14px}.steps{display:block;margin-top:35px}.steps article,.steps article+article{padding:23px 0;border-left:0;margin-top:15px}.steps h3{margin:10px 0}.steps h3 br{display:none}.steps p{margin-bottom:0}.proof{padding:65px 0}.testimonials{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-23px;padding-right:23px;padding-bottom:15px;gap:15px}.testimonial{flex:0 0 85%;scroll-snap-align:start;padding:25px}blockquote{font-size:21px;min-height:90px}.testimonial>img{height:230px}.pricing{padding-top:70px;padding-bottom:65px}.price-title{text-align:left}.price-title .eyebrow{justify-content:start}.price-grid{display:block;margin-top:30px}.plan{padding:27px;margin-bottom:20px}.budget{padding:20px;align-items:start;gap:12px}.budget-tag{display:none}.budget h3{font-size:13px}.faq{display:block;padding-top:55px;padding-bottom:65px}.faq>div:first-child{margin-bottom:25px}.closing{padding:65px 0}.closing h2{font-size:33px}.closing .button{font-size:12px;gap:15px}.closing p{line-height:1.6}.site-footer{gap:12px;padding-bottom:85px}.site-footer>a{width:100%;margin-left:52px}.site-footer small{width:100%;margin-left:52px}.floating-wa{font-size:11px;padding:12px 17px}.hero-note{margin-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Direct black edition */
:root{--bg:#080808;--ink:#f7f5f0;--muted:#aaa6a0;--line:#292724}header{border-color:#252321}h1{font-weight:800;letter-spacing:-3px;line-height:1.07;font-size:clamp(42px,4.6vw,67px)}h2{font-weight:700}.hero{grid-template-columns:1.1fr 1fr;gap:24px;min-height:690px}.hero-copy>p{font-size:17px;color:#b7b1a9;line-height:1.7;max-width:490px}.hero-art.hero-image{height:auto;width:100%;margin:0;transform:none;translate:none;left:auto;overflow:visible;background:none;isolation:isolate}.hero-image>img{width:100%;display:block;border-radius:12px}.image-label{display:block;text-align:center;color:#a6a09a;font-size:9px;letter-spacing:2px;margin-top:18px}.button{font-weight:800}.ticker{color:#d8d3ca;background:#100e0b}.strategy{padding-top:85px;padding-bottom:85px}.intro{color:#c6beb4}.service-image{grid-column:1/-1;position:relative;margin:25px 0 0;border:1px solid #332a20;border-radius:12px;overflow:hidden;background:#050505}.service-image img{width:100%;max-height:470px;object-fit:contain;display:block}.service-image figcaption{padding:18px 25px;border-top:1px solid #2e251c;letter-spacing:2px;font-size:10px;color:#deba88}.steps{margin-top:10px}.steps article{border-top-color:#6b4b27}.proof{background:#101010;color:#f7f5f0;border-block:1px solid #292724}.proof .eyebrow{color:#aaa39a}.proof em{color:var(--orange)}.proof-head>p{color:#b0aaa2;max-width:340px}.testimonials{align-items:start;gap:22px}.testimonial{background:#171717;color:#f6f2e9;border-color:#34302b;padding:18px;min-width:0}.quote-mark{color:var(--orange);font-size:44px}blockquote{font-size:18px;min-height:85px;margin-bottom:20px}.testimonial footer{gap:8px;font-size:8px;color:#aaa29a}.testimonial footer b{color:var(--orange)}.testimonial>img{height:auto;max-height:none;object-fit:contain;object-position:center;display:block;width:100%;border:1px solid #2a2a2a}.plan{background:#111;border-color:#33302b}.featured{background:linear-gradient(140deg,#2a1b0b,#111 65%);border-color:var(--orange)}.plan-top span{border-color:#50463c}.plan ul{color:#c9c1b7}.outline{border-color:#61554a}.outline:hover{background:#292017}.budget{background:#13110f;border-color:#493521}.budget-tag{color:#ac9680}.closing{background:#120e09;background-image:radial-gradient(ellipse at bottom,#61370d66,transparent 75%);border-block:1px solid #3a2918}.closing .eyebrow{color:#b6a48c}.closing p{color:#b6a48c}.floating-wa{background:#16120d;border-color:#866135;color:#fff3df}dialog{background:#090909;border-color:#725334}.site-footer>a{color:#ded7cd}.outline:hover{color:#fff} .hero-note b{color:#d6c6b2}
@media(max-width:900px){.hero{grid-template-columns:1.1fr 1fr;gap:10px}.hero-art.hero-image{width:100%;margin:0}h1{font-size:43px;letter-spacing:-2px}}
@media(max-width:650px){.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:35px;gap:24px;min-height:auto}h1{font-size:43px;letter-spacing:-2px;line-height:1.09;margin:22px 0}.hero-copy>p{font-size:15px;line-height:1.7}.hero .button{width:100%;margin-top:12px}.hero-art.hero-image{height:auto;width:100%;margin:0;left:auto;transform:none;translate:none}.hero-image img{max-height:450px;object-fit:contain}.image-label{margin-top:10px;font-size:8px;letter-spacing:1.4px}.strategy{padding-top:65px;padding-bottom:65px}.service-image{margin-top:28px}.service-image img{height:auto}.service-image figcaption{font-size:8px;padding:15px;line-height:1.7;letter-spacing:1px}.testimonials{display:grid;grid-template-columns:1fr;overflow:visible;margin-right:0;padding-right:0;gap:25px}.testimonial{padding:22px;min-width:0}.testimonial>img{height:auto;width:100%;max-height:none}blockquote{font-size:21px;min-height:0;margin-bottom:22px}.testimonial footer{font-size:9px}.price-title h2{font-size:34px}.closing h2{font-size:34px}.closing .button{width:100%;font-size:12px;gap:10px}}

/* Seamless editorial marquee and scroll choreography */
.ticker{display:block;position:relative;padding:0;overflow:hidden;background:linear-gradient(100deg,#100d09,#18120b 48%,#100d09);border-color:#49311a;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}
.ticker-track{display:flex;width:max-content;animation:marquee 32s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex-shrink:0;gap:48px;min-width:100vw;padding:30px 24px;justify-content:space-around;white-space:nowrap}
.ticker-group>span{font-family:Manrope,sans-serif;font-weight:600;font-size:13px;letter-spacing:3px;color:#d9c9b5}
.ticker-group>b{display:block;font-size:29px;font-weight:400;line-height:1;color:#ff941e;text-shadow:0 0 22px #ff8a0033}
.ticker-group>b:not(:last-child){animation:asterisk-turn 18s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes asterisk-turn{to{transform:rotate(360deg)}}
.title-word{display:inline-block;opacity:0;transform:translateY(22px);filter:blur(5px);transition:opacity .7s ease var(--word-delay),transform .85s cubic-bezier(.2,.7,.2,1) var(--word-delay),filter .7s ease var(--word-delay)}
.in-view .title-word{opacity:1;transform:translateY(0);filter:blur(0)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.hero-art.hero-image.reveal{transform:translateY(24px) scale(.97)}
.hero-art.hero-image.reveal.in-view{transform:translateY(0) scale(1)}
.testimonial.reveal.in-view:hover{transform:translateY(-5px)}
.plan{transition:border-color .25s,box-shadow .25s,opacity .8s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.plan:hover{border-color:#b57832;box-shadow:0 12px 45px #ff8a0009}
.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;transform:translateX(-125%) skewX(-18deg);background:linear-gradient(90deg,transparent,#fff3,transparent);transition:transform .65s;pointer-events:none}.button:hover:after{transform:translateX(125%) skewX(-18deg)}
.button>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}
@media(max-width:650px){.ticker-group{gap:28px;min-width:800px;padding:23px 18px}.ticker-group>span{font-size:10px;letter-spacing:2px}.ticker-group>b{font-size:23px}.ticker-track{animation-duration:26s}.title-word{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){.ticker-track,.ticker-group>b{animation:none!important}.ticker-track{transform:none}.ticker-group[aria-hidden=true]{display:none}.ticker-group{min-width:0;flex-wrap:wrap;white-space:normal;gap:18px;width:100vw;justify-content:center}.title-word,.reveal,.hero-art.hero-image.reveal{opacity:1;transform:none;filter:none;transition:none}.button:after{display:none}}

/* Images become part of the composition, rather than standalone cards. */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:730px;max-width:none;padding-left:max(30px,calc((100vw - 1200px)/2));padding-right:max(30px,calc((100vw - 1200px)/2));overflow:hidden}
.hero-copy{position:relative;z-index:2;width:54%;max-width:640px;padding:45px 0}
.hero h1{font-size:clamp(42px,4.3vw,64px)}
.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{position:absolute;z-index:-1;inset:0 0 0 auto;width:56%;height:100%;margin:0;left:auto;opacity:1;transform:none;overflow:hidden;pointer-events:none}
.hero-art.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080808 0%,#08080899 10%,transparent 32%),linear-gradient(0deg,#080808 0%,transparent 16%,transparent 87%,#080808 100%)}
.hero-image>img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:0;opacity:.92}
.hero-image .image-label{display:none}
.strategy{position:relative;grid-template-columns:1fr 1.05fr;gap:0 40px;margin-top:85px;margin-bottom:85px;padding:45px 45px 30px;border:1px solid #3a2b1d;border-radius:18px;background:radial-gradient(ellipse at top right,#38200c55,transparent 60%),#100d0a;width:calc(100% - 60px);max-width:1200px;overflow:hidden}
.strategy>div:first-child{grid-column:1;grid-row:1;align-self:end;padding-top:20px}.strategy h2{font-size:37px;margin-bottom:18px}.strategy>.intro{grid-column:1;grid-row:2;padding:0;align-self:start;max-width:470px;font-size:14px}.strategy>.intro p:first-child{margin-top:0}
.strategy>.service-image{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0 -30px 0 0;border:0;border-radius:0;background:transparent;overflow:visible;position:relative}
.strategy .service-image img{width:100%;height:auto;max-height:none;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 96%,transparent)}
.strategy .service-image figcaption{border:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:#ba9671;padding:14px 0}
.strategy>.steps{grid-column:1/-1;grid-row:3;margin-top:35px;padding-top:10px}.strategy .steps article{padding-top:22px}.strategy .steps article>h3{font-size:21px}.strategy .steps article>p{font-size:13px}
@media(min-width:1500px){.hero-art.hero-image{width:54%}.hero-image>img{object-fit:contain;object-position:right center}}
@media(max-width:900px){.hero{min-height:670px;padding-left:30px;padding-right:30px}.hero-copy{width:56%}.hero h1{font-size:43px}.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{width:55%}.hero-image>img{object-fit:cover;object-position:40% center}.strategy{padding:30px;gap:0 20px}.strategy h2{font-size:31px}.strategy .service-image{margin-right:-20px}}
@media(max-width:650px){.hero{display:block;min-height:890px;padding:40px 23px 360px}.hero-copy{width:100%;max-width:none;padding:0}.hero h1{font-size:42px}.hero-copy>p{max-width:100%}.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{inset:auto 0 0;width:100%;height:420px}.hero-image>img{object-fit:cover;object-position:center 40%;opacity:.9}.hero-art.hero-image:after{background:linear-gradient(180deg,#080808 0%,#08080888 12%,transparent 32%,transparent 75%,#080808 100%)}.strategy{display:flex;flex-direction:column;width:calc(100% - 30px);margin-top:55px;margin-bottom:55px;padding:27px 22px 20px;border-radius:13px;gap:0}.strategy>div:first-child{padding-top:0}.strategy h2{font-size:31px}.strategy>.intro{padding:0}.strategy>.service-image{margin:5px -18px 0;width:calc(100% + 36px);align-self:center}.strategy .service-image figcaption{font-size:7px;padding:10px 8px;line-height:1.8}.strategy>.steps{display:block;margin-top:20px;padding-top:0}.strategy .steps article,.strategy .steps article+article{padding:18px 0;margin-top:0}.strategy .steps h3{margin:10px 0}}

/* Background artwork composed with empty space for the copy. */
.hero{background:#080808;min-height:720px}
.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{width:100%;inset:0;height:100%;z-index:-1}
.hero-image>img{object-fit:cover;object-position:center;opacity:1;width:100%;height:100%}
.hero-art.hero-image:after{background:linear-gradient(0deg,#080808 0%,transparent 15%,transparent 85%,#080808 100%);pointer-events:none}
.hero-copy{width:52%;max-width:620px}.hero-copy>p{max-width:470px}
.strategy{border:0;border-radius:0;background:#080808;isolation:isolate;width:100%;max-width:none;padding:90px max(30px,calc((100vw - 1200px)/2)) 65px;margin:0;display:block;min-height:730px}
.strategy>div:first-child,.strategy>.intro{position:relative;z-index:2;width:47%;max-width:520px}
.strategy h2{font-size:42px}.strategy>.intro{font-size:15px;padding:0;margin-top:22px}
.strategy>.service-image{position:absolute;inset:0;z-index:-1;margin:0;width:100%;height:100%;pointer-events:none}
.strategy .service-image img{width:100%;height:100%;object-fit:cover;object-position:center;max-height:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.strategy .service-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080808 0%,#080808ee 12%,transparent 44%,transparent 80%,#080808 100%)}
.strategy .service-image figcaption{display:none}
.strategy>.steps{position:relative;z-index:2;margin-top:100px;background:linear-gradient(0deg,#080808,#080808d9);padding-top:0;gap:0}
@media(min-width:1500px){.hero-image>img,.strategy .service-image img{object-fit:cover;object-position:center}}
@media(max-width:900px){.hero-copy{width:55%}.hero h1{font-size:42px}.strategy{padding:70px 30px 50px}.strategy h2{font-size:35px}.strategy>div:first-child,.strategy>.intro{width:48%}.hero-image>img,.strategy .service-image img{object-fit:cover;object-position:center}}
@media(max-width:650px){.hero{min-height:940px;padding:40px 23px 440px}.hero-copy{width:100%;max-width:none}.hero h1{font-size:42px}.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{inset:auto 0 0;height:470px;width:100%}.hero-image>img{object-fit:cover;object-position:right center;width:210%;max-width:none;position:absolute;right:0}.hero-art.hero-image:after{background:linear-gradient(180deg,#080808 0%,#08080899 12%,transparent 32%,transparent 78%,#080808 100%)}.strategy{padding:55px 23px 30px;min-height:0;display:block;width:100%;margin:0;overflow:hidden}.strategy>div:first-child,.strategy>.intro{width:100%;max-width:none}.strategy h2{font-size:33px}.strategy>.service-image{position:relative;inset:auto;height:330px;margin:0 -23px;width:calc(100% + 46px);z-index:0;overflow:hidden}.strategy .service-image img{width:210%;max-width:none;position:absolute;right:0;object-fit:cover;object-position:right center}.strategy .service-image:after{background:linear-gradient(180deg,#080808,transparent 22%,transparent 75%,#080808)}.strategy>.steps{margin-top:5px;display:block;background:#080808}.strategy .steps article{position:relative}.strategy .service-image.reveal{transform:none}}
@media(min-width:651px){.hero-image>img,.strategy .service-image img{object-fit:contain;object-position:right center}}

.niche{position:relative;isolation:isolate;overflow:hidden;background:#080808;min-height:570px;display:flex;align-items:center;border-top:1px solid #2d2114}.niche>.wrap{width:100%;padding-top:70px;padding-bottom:70px}.niche-background{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right center;z-index:-2}.niche:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080808,transparent 20%,transparent 80%,#080808)}.niche-copy{width:48%;max-width:540px}.niche h2{font-size:42px}.niche p{color:#b7b1a9;font-size:15px;line-height:1.8;max-width:440px}.niche .button{margin-top:15px;font-size:13px}.niche small{display:block;font-size:10px;line-height:1.7;color:#aaa096;margin-top:20px}@media(max-width:900px){.niche h2{font-size:35px}.niche{min-height:530px}}@media(max-width:650px){.niche{min-height:780px;display:block}.niche>.wrap{padding-top:45px;padding-bottom:360px}.niche-copy{width:100%;max-width:none}.niche h2{font-size:33px}.niche .button{width:100%}.niche-background{inset:auto 0 0;width:210%;max-width:none;height:390px;left:auto;object-fit:cover;object-position:right center}.niche:after{background:linear-gradient(180deg,#080808 0%,transparent 25%,transparent 80%,#080808 100%);top:400px}.niche .eyebrow{font-size:7px}}

/* Blend the artwork's black canvas into the page, including letterboxed edges. */
.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view,.strategy>.service-image,.niche-background{mix-blend-mode:screen;isolation:auto;background:transparent;border:0;box-shadow:none}
.hero-image>img,.strategy .service-image img{mix-blend-mode:screen;background:transparent;border:0;box-shadow:none}
.hero-art.hero-image:after,.strategy .service-image:after,.niche:after{display:none}
.hero-art.hero-image,.strategy>.service-image,.niche-background{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%)}
.strategy>.steps{background:transparent}.niche{border-top:0}
@media(max-width:650px){.strategy>.steps{background:transparent}.hero-art.hero-image,.strategy>.service-image,.niche-background{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 80%,transparent 100%)}}
@media(min-width:651px){.hero-art.hero-image,.strategy>.service-image,.niche-background{-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 62%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,transparent 35%,#000 62%,#000 96%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}

/* Mobile keeps the desktop composition: copy left, artwork on the right. */
@media(max-width:650px){
.hero{min-height:660px;padding:50px 23px 65px;display:flex;align-items:center}
.hero-copy{width:100%;padding:0;max-width:none}
.hero h1{font-size:clamp(30px,7.7vw,42px);max-width:100%;letter-spacing:-1.6px}
.hero-copy>.eyebrow{max-width:66%;line-height:1.8;font-size:7px}
.hero-copy>p{max-width:65%;font-size:13px;line-height:1.8}
.hero .button{width:auto;max-width:100%;font-size:12px;padding:17px 19px;gap:20px}
.hero-note{max-width:66%;font-size:10px}
.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{inset:0;width:100%;height:100%;overflow:hidden}
.hero-image>img{width:100%;height:100%;position:static;object-fit:cover;object-position:58% center;opacity:.8}
.hero-art.hero-image{-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 60%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent 22%,#000 60%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.strategy{padding:55px 23px 35px;min-height:0;display:block}
.strategy>div:first-child,.strategy>.intro{width:100%;max-width:none}
.strategy h2{font-size:31px;max-width:100%}
.strategy>.intro{max-width:63%;font-size:12px;line-height:1.8}
.strategy>.intro .muted{font-size:10px}
.strategy>.service-image{position:absolute;inset:0;z-index:-1;margin:0;width:100%;height:440px;overflow:hidden}
.strategy .service-image img{width:100%;height:100%;position:static;object-fit:cover;object-position:60% center}
.strategy>.service-image{-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 68%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent 30%,#000 68%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.strategy>.steps{margin-top:45px;background:transparent;position:relative}
.niche{min-height:550px;display:flex;align-items:center}
.niche>.wrap{padding:55px 23px}
.niche-copy{width:100%;max-width:none}
.niche h2{font-size:31px;max-width:100%}
.niche p{max-width:62%;font-size:12px;line-height:1.8}
.niche .eyebrow{max-width:65%;font-size:7px;line-height:1.8}
.niche .button{width:auto;font-size:11px;padding:17px;gap:13px}
.niche small{max-width:65%;font-size:9px}
.niche-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.8;-webkit-mask-image:linear-gradient(90deg,transparent 23%,#000 63%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent 23%,#000 63%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
}

/* Compact mobile hero with room for copy and a quieter right-hand image. */
@media(max-width:650px){
.hero{min-height:0;height:auto;padding:36px 20px 42px;display:block}
.hero-copy{padding:0;width:100%}.hero h1{font-size:clamp(29px,7.5vw,38px);line-height:1.12;letter-spacing:-1.4px;margin:21px 0 20px;max-width:100%}
.hero-copy>.eyebrow{font-size:6.8px;max-width:100%;letter-spacing:1.1px}
.hero-copy>p{font-size:12px;line-height:1.8;max-width:65%;margin:0 0 16px}
.hero .button{margin-top:8px;padding:16px 18px;font-size:11px;gap:22px}.hero-note{margin-top:23px;font-size:9px;max-width:65%;line-height:1.8}
.hero-art.hero-image,.hero-art.hero-image.reveal,.hero-art.hero-image.reveal.in-view{inset:0;width:100%;height:100%;opacity:.65;-webkit-mask-image:linear-gradient(90deg,transparent 33%,#000 80%),linear-gradient(180deg,transparent 5%,#000 34%,#000 77%,transparent 100%);mask-image:linear-gradient(90deg,transparent 33%,#000 80%),linear-gradient(180deg,transparent 5%,#000 34%,#000 77%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:1}
.niche{min-height:0;padding:0}.niche>.wrap{padding:45px 23px}.niche p{max-width:64%}.niche small{max-width:68%}.niche-tags{max-width:66%;gap:6px}.niche-tags span{font-size:9px;padding:7px 9px}
}
.niche-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 8px;max-width:470px}.niche-tags span{font-size:11px;border:1px solid #65431e;color:#e8c59b;background:#140f09a8;border-radius:30px;padding:8px 12px}.niche .illustration-note{font-size:9px;color:#9e9488;margin-top:10px}
@media(max-width:650px){.niche-tags{max-width:66%;gap:6px}.niche-tags span{font-size:9px;padding:7px 9px}}

/* Put the client segment and product illustration in the spotlight. */
.niche{min-height:650px;background:radial-gradient(ellipse at 80% 55%,#28150766,transparent 60%),#080808}
.niche-copy{width:49%;max-width:560px}.niche .eyebrow{color:#ff9c29;letter-spacing:1.5px}
.niche-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:490px;margin:26px 0 22px}
.niche-tags span{display:flex;align-items:center;min-height:66px;padding:17px 20px;border-radius:8px;border:1px solid #795020;background:linear-gradient(120deg,#281b0c,#100d09);font-family:Manrope,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.5px;color:#ffe1b4;box-shadow:inset 3px 0 #ff8a00}
.niche-background{object-fit:cover;object-position:center;opacity:1}
@media(min-width:651px){.niche-background{-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 54%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent 25%,#000 54%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}}
@media(max-width:650px){.niche{min-height:0;display:block;background:#080808}.niche>.wrap{padding:45px 23px 25px}.niche-copy{width:100%;max-width:none}.niche .eyebrow{max-width:100%;font-size:7px}.niche p{max-width:100%;font-size:13px}.niche-tags{max-width:100%;gap:10px;margin:22px 0}.niche-tags span{min-height:60px;padding:14px 15px;font-size:19px}.niche h2{font-size:33px}.niche .button{width:100%;font-size:12px}.niche small{max-width:100%;font-size:9px}.niche-background{position:relative;inset:auto;display:block;width:205%;max-width:none;height:330px;margin-left:-105%;object-fit:cover;object-position:right center;opacity:1;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 85%,transparent);-webkit-mask-composite:initial;mask-composite:add}.niche>.wrap{position:relative;z-index:2}.niche{display:flex;flex-direction:column}.niche>.wrap{order:0}.niche-background{order:1;margin-top:-5px}}

/* Four separate reference images for the four requested segments. */
.niche.product-showcase{display:block;min-height:0;background:radial-gradient(ellipse at top,#2c190a44,transparent 65%),#0b0907;padding:0;border-block:1px solid #302217}.product-showcase>.wrap{padding-top:75px;padding-bottom:55px}.product-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.product-heading h2{font-size:42px;margin-bottom:0}.product-heading>p{font-size:14px;line-height:1.8;max-width:320px;width:auto;color:#b7afa4}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}.product-card{min-width:0;background:#14110d;border:1px solid #43301c;border-radius:10px;overflow:hidden;transition:transform .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);border-color:#a36a28}.product-photo{height:275px;padding:20px;background:#f8f7f3;display:flex;align-items:center;justify-content:center}.product-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-caption{padding:20px}.product-caption>span{font-size:8px;letter-spacing:1.5px;color:#b6a48c}.product-caption h3{font-size:26px;letter-spacing:-.7px;margin:10px 0 0;color:#ffaf45}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}.product-bottom p{font-size:16px;line-height:1.7;margin:0 0 15px;max-width:none}.product-bottom strong{font-weight:500;color:#f3e8da}.product-bottom small{font-size:9px;line-height:1.8;color:#9f968b;max-width:650px}.product-bottom .button{font-size:12px;white-space:nowrap;margin:0;width:auto}.image-credits{padding:16px 0 0;margin-top:20px;border-top:1px solid #30271d;border-bottom:0}.image-credits summary{font-size:10px;color:#9d8f7e}.image-credits p{font-size:10px;line-height:1.8;max-width:none}.image-credits a{text-decoration:underline;text-underline-offset:3px}.product-showcase .eyebrow{max-width:none}.product-showcase:after{display:none}
@media(max-width:900px){.product-grid{gap:12px}.product-photo{height:215px;padding:12px}.product-caption{padding:16px}.product-caption h3{font-size:22px}.product-heading h2{font-size:35px}}
@media(max-width:650px){.product-showcase>.wrap{padding:50px 20px 35px}.product-heading{display:block}.product-heading h2{font-size:32px}.product-heading>p{max-width:100%;font-size:13px;margin-top:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:25px}.product-photo{height:200px;padding:13px}.product-caption{padding:15px 12px}.product-caption>span{font-size:6.5px;letter-spacing:1px}.product-caption h3{font-size:21px;margin-top:8px}.product-bottom{display:block;margin-top:25px}.product-bottom p,.product-bottom small{max-width:100%}.product-bottom .button{margin-top:23px;width:100%;font-size:12px}.product-showcase .image-credits p{max-width:100%}.product-showcase .eyebrow{font-size:7px}}
@media(max-width:360px){.product-photo{height:175px}.product-caption h3{font-size:19px}}
.floating-wa{width:58px;height:58px;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:#fff;border:1px solid #54e68b;box-shadow:0 5px 24px #0006;transition:transform .2s,background .2s}.floating-wa svg{display:block;width:29px;height:29px}.floating-wa:hover{transform:translateY(-3px);background:#20ba59}@media(max-width:650px){.floating-wa{width:54px;height:54px;padding:13px;right:18px;bottom:18px}.floating-wa svg{width:27px;height:27px}}
