@font-face{font-family:Sarabun;src:url('assets/sarabun-400.ttf');font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url('assets/sarabun-500.ttf');font-weight:500;font-display:swap}@font-face{font-family:Sarabun;src:url('assets/sarabun-600.ttf');font-weight:600;font-display:swap}@font-face{font-family:Sarabun;src:url('assets/sarabun-700.ttf');font-weight:700;font-display:swap}
:root{--font:Sarabun,Arial,sans-serif;--ink:#101110;--graphite:#242624;--paper:#f6f6f0;--soft:#eeeeea;--lime:#a8ff3e;--muted:#72746e;--line:#15171320;--work-width:min(52vw,720px);--radius-card:20px;--radius-image:18px}
*{box-sizing:border-box}.skip{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;background:var(--lime);color:#10140b;transform:translateY(-150%);border-radius:8px}.skip:focus{transform:none}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.55;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:600}h2{font-size:clamp(38px,4.3vw,68px)}h3{font-size:28px}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}button{color:inherit}svg{display:block}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.container{width:min(1360px,calc(100% - 96px));margin-inline:auto}.section{padding-block:110px}.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.07em;line-height:1.4;margin-bottom:25px}.section-kicker:before{content:'';width:6px;height:6px;background:var(--lime)}.ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 23px;border:1px solid transparent;border-radius:9px;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn .ui-icon{transition:transform .25s}.btn:hover .ui-icon{transform:translateX(3px)}.btn-primary{background:var(--lime);color:#10140b}.btn-primary:hover{background:#baff64;box-shadow:0 8px 28px #a8ff3e21}.btn-white{background:#fafaf8;color:var(--ink)}.btn-white:hover{background:#e9ece4}.btn-secondary{background:#202220;color:#fff;border-color:#ffffff05}.btn-secondary:hover{background:#30332e;border-color:#ffffff26}.btn-label>span+span{display:none}.reveal{opacity:1;transform:none}.js .reveal:not(.visible){opacity:0;transform:translateY(10px)}.reveal{transition:opacity .5s,transform .5s cubic-bezier(.2,.75,.2,1)}.reveal-body{transition-delay:.08s}.reveal-action{transition-delay:.12s}
/* A full-width hero, anchored by a compact top navigation and an arched card composition. */
.hero{background:#090b0a;color:#fff;position:relative;isolation:isolate;overflow:hidden;padding-top:20px}.site-header{width:min(940px,calc(100% - 48px));height:70px;margin:auto;display:flex;align-items:center;gap:28px;padding:8px 10px 8px 18px;border-radius:14px;background:#1a1c1b;position:relative;z-index:20;border:1px solid #ffffff04}.brand{flex:none}.brand img{width:100px;height:46px;object-fit:contain;filter:brightness(0) invert(1)}.main-nav{display:flex;gap:27px;align-items:center;margin:auto}.main-nav a{color:#a8aaa7;font-size:14px;transition:color .25s}.main-nav a:hover,.main-nav a[aria-current]{color:#fff}.nav-cta{font-size:14px;padding-inline:18px;min-height:48px}.menu-toggle{display:none}.hero-copy{position:relative;z-index:2;text-align:center;max-width:850px;margin:100px auto 0;padding-inline:24px}.availability{display:inline-flex;align-items:center;gap:10px;background:#1a1d1a;border:1px solid #ffffff05;border-radius:100px;padding:9px 15px;font-size:13px;color:#f7f7f5}.availability>span{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #a8ff3e10;animation:breath 2.8s ease-in-out infinite}.availability .ui-icon{width:15px;height:15px;margin-left:8px}.hero h1{font-size:clamp(52px,5.2vw,84px);line-height:1.05;letter-spacing:-.05em;margin:32px 0 24px;font-weight:600}.hero-support{font-size:18px;color:#91958f}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.play-icon{border-radius:50%;width:19px;height:19px;display:grid;place-items:center;background:#fff;color:#1a1c1a;font-size:9px;padding-left:1px}.hero-lines{position:absolute;inset:0 17%;border-inline:1px solid #ffffff0d;z-index:-1}.hero-lines:before,.hero-lines:after{content:'';width:60px;height:60px;background:linear-gradient(90deg,transparent 48%,#d0fc8435 50%,transparent 52%),linear-gradient(transparent 48%,#d0fc8435 50%,transparent 52%);font-size:65px;font-weight:400;color:#c5d49830;position:absolute;top:210px;left:-130px;line-height:1;text-shadow:0 0 25px #d0fc8477}.hero-lines:after{left:auto;right:-28px;top:410px}.hero-orbits{width:1120px;height:1120px;position:absolute;top:280px;left:50%;transform:translateX(-50%);z-index:-1}.hero-orbits i{position:absolute;inset:0;border:1px solid #ffffff0c;border-radius:50%}.hero-orbits i:nth-child(2){inset:55px}.hero-orbits i:nth-child(3){inset:110px}.hero-glow{position:absolute;bottom:-150px;left:-12%;width:110%;height:530px;background:radial-gradient(ellipse at 18% 55%,#a8ff3eaa,transparent 45%),radial-gradient(ellipse at 65% 65%,#f6f6f0bb,transparent 40%);filter:blur(45px);z-index:-1}.hero-cards{width:min(1360px,calc(100% - 64px));display:grid;grid-template-columns:1.45fr .94fr .94fr .94fr 1.45fr;gap:18px;align-items:start;margin:30px auto -46px;position:relative;z-index:1;padding-bottom:0}.hero-cards>div,.hero-cards>figure{border-radius:22px;position:relative;overflow:hidden;min-width:0;animation:hero-enter 1s cubic-bezier(.2,.7,.2,1) both}.hero-photo{height:390px}.hero-photo img{width:100%;height:100%;object-position:50% 38%}.hero-photo figcaption{position:absolute;bottom:22px;left:18px;right:18px;border:1px solid #ffffff4a;border-radius:100px;padding:10px;text-align:center;font-size:13px;background:#fffffff0;color:#101310}.hero-photo figcaption span{display:inline-block;width:6px;height:6px;background:#151715;margin-right:7px}.hero-stat{margin-top:80px;height:350px;display:flex;flex-direction:column;justify-content:center;background:#fafaf8;text-align:center;color:#111;padding:35px 15px;animation-delay:.08s!important}.hero-stat strong,.hero-industries strong{font-size:58px;font-weight:600;letter-spacing:-.05em;line-height:1.1}.hero-stat p{font-size:18px;line-height:1.45;margin-top:18px;color:#62665e;font-weight:500}.hero-stat strong span,.hero-industries strong span{font-size:.65em}.hero-idea{background:linear-gradient(135deg,#3b3e3b,#1b1d1b);margin-top:125px;height:320px;padding:23px 18px;animation-delay:.16s!important}.hero-cards h2{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:600}.orbital-object{position:absolute;width:180px;height:180px;right:-20px;bottom:-20px;transform:rotate(-25deg)}.orbital-object i{position:absolute;inset:0;border:12px solid #777d73;border-radius:50%;box-shadow:inset 2px 2px 5px #ffffff80,5px 5px 12px #0007;transform:rotateY(60deg)}.orbital-object i:nth-child(2){transform:rotateY(60deg) rotateX(35deg)}.orbital-object i:nth-child(3){transform:rotateY(60deg) rotateX(70deg)}.orbital-object i:nth-child(4){transform:rotateY(60deg) rotateX(105deg)}.orbital-object i:nth-child(5){transform:rotateY(60deg) rotateX(140deg)}.hero-growth{background:#242724;margin-top:80px;height:345px;padding:22px 18px;animation-delay:.24s!important}.growth-bars{display:flex;gap:9px;align-items:end;height:140px;margin-top:26px}.growth-bars i{flex:1;height:48%;background:linear-gradient(#5b6059,#2c302b);border-radius:9px 9px 0 0}.growth-bars i:nth-child(2){height:64%}.growth-bars i:nth-child(3){height:100%;background:repeating-linear-gradient(125deg,#a8ff3e,#a8ff3e 4px,#a0f136 4px,#a0f136 5px)}.growth-bars i:nth-child(4){height:79%}.hero-growth p{font-size:13px;color:#bec3b9;margin-top:15px}.hero-industries{height:390px;display:flex;flex-direction:column;background:#fafaf8;color:#111;padding:25px 24px;animation-delay:.32s!important}.hero-industries h2{font-size:27px;line-height:1.15;margin-top:25px}.hero-industries p{font-size:16px;line-height:1.5;margin-top:18px;max-width:240px;font-weight:500}.industry-tags{display:flex;gap:6px;margin-top:auto;padding-top:20px}.industry-tags span{background:#10130e;color:var(--lime);padding:6px 10px;border-radius:100px;font-size:11px}.hero-cards:after{content:'';position:absolute;inset:auto -100vw 0;height:35px;background:linear-gradient(transparent,#15191530);pointer-events:none}@keyframes hero-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes breath{50%{box-shadow:0 0 0 7px #a8ff3e0a,0 0 15px #a8ff3e35}}
/* Client proof and the editorial studio introduction. */
.clients{padding:70px 48px 58px;background:#fff;display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:60px}.client-intro strong{display:block;font-size:16px;color:var(--ink);margin-bottom:8px}.client-intro span{font-size:14px;display:block}.client-marquees{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-row{overflow:hidden}.logo-track,.logo-group{display:flex;align-items:center;gap:38px;flex-shrink:0;width:max-content}.logo-track{animation:logos 80s linear infinite}.logo-row:nth-child(2) .logo-track{animation-direction:reverse}.logo-group{padding-right:38px;gap:38px}.client-logo{width:110px;height:68px;display:flex;align-items:center;justify-content:center}.client-logo img{width:100%;height:54px;object-fit:contain}.logo-row+.logo-row{margin-top:12px}.clients:hover .logo-track{animation-play-state:paused}@keyframes logos{to{transform:translateX(-50%)}}












.editorial-note{display:block;font-size:10px;letter-spacing:.08em;margin-top:25px;color:#7a7d74}
/* Three portfolio formats stay together in a light editorial chapter. */
.portfolio-chapter{overflow:hidden}.work{padding-top:75px;padding-bottom:65px}.work-intro{text-align:center;max-width:1280px;margin:auto}.work-intro h2{}.work-intro h2>span{display:flex;align-items:center;justify-content:center;margin-top:10px;white-space:nowrap}.work-peek{position:relative;display:inline-block;width:1.3em;aspect-ratio:16/9;flex:none;border-radius:18px;overflow:hidden;margin:0 .055em;isolation:isolate}.work-peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.work-peek img.is-active{opacity:1}.work-intro p{max-width:550px;margin:30px auto 0;font-size:16px}.gallery-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;margin-bottom:24px}.gallery-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #15171325;background:#ffffff55;transition:background .25s,transform .25s}.gallery-arrow:hover{background:var(--lime);transform:translateY(-2px);border-color:transparent}.work-list{position:relative;display:flex;gap:26px;overflow-x:auto;margin:0 calc((min(1360px,100vw - 96px) - 100vw)/2);padding:10px 0 18px;scrollbar-width:none;cursor:grab}.work-list::-webkit-scrollbar,.reel-gallery::-webkit-scrollbar,.photo-gallery::-webkit-scrollbar{display:none}.work-card{width:var(--work-width);flex:0 0 var(--work-width);min-width:0;transition:opacity .4s,transform .4s;opacity:.64;transform:scale(.96)}.work-card.is-active{opacity:1;transform:scale(1)}.work-art{aspect-ratio:16/9;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #171c1010}.work-art img{width:100%;height:100%;object-fit:cover}.work-client-name{font-size:17px;letter-spacing:-.025em;font-weight:600;margin:16px 0 0;text-align:center}.photo-v2{display:block;padding-block:65px 75px}.photo-v2-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:0 100px;align-items:end}.photo-v2-heading .section-kicker{grid-column:1/-1}.photo-v2-heading h2{font-size:clamp(34px,3.3vw,50px)}.photo-v2-heading p{font-size:17px;max-width:470px}.photo-gallery{margin-top:38px;overflow:hidden}.photo-track,.photo-group{display:flex;gap:20px;width:max-content}.photo-card{width:230px;aspect-ratio:4/5;overflow:hidden;border-radius:18px}.photo-card img{width:100%;height:100%;object-fit:cover}.video-section{padding-block:75px}.video-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end}.video-heading h2{}.video-heading p{max-width:450px;font-size:17px}.reel-gallery{position:relative;overflow-x:auto;scrollbar-width:none;cursor:grab;padding:10px 0 20px;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.reel-track,.reel-group{display:flex;gap:20px;width:max-content}.reel-card{position:relative;width:245px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#161916;flex:none;border:1px solid #15171312;box-shadow:0 8px 22px #171c1012;transition:transform .3s}.reel-card:hover{transform:translateY(-4px)}.reel-card video{width:100%;height:100%;object-fit:cover}.reel-caption{position:absolute;inset:auto 0 0;padding:50px 12px 15px;display:flex;align-items:end;justify-content:space-between;gap:7px;background:linear-gradient(transparent,#050805b8);color:#fff}.reel-caption>span{font-size:13px;font-weight:600;line-height:1.3}.reel-sound{flex:none;font-size:9px;padding:8px;border-radius:100px;border:1px solid #ffffff60;color:#fff;background:#0b0d0b88;backdrop-filter:blur(8px)}.reel-sound:hover{background:#252825}.client-stories-v2{padding-block:60px 100px}.client-stories-v2 h2{}.spotlight-support{font-size:15px;margin-top:17px}.client-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}.client-story-card{padding:0 0 18px;text-align:left;border:0;border-bottom:1px solid #15171320;background:transparent;position:relative;transition:transform .3s}.client-story-card:hover{transform:translateY(-4px)}.client-story-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:15px}.client-story-card strong{font-size:18px;font-weight:600;letter-spacing:-.025em;line-height:1.3;display:block;margin:17px 28px 8px 0}.client-story-card>span{font-size:13px;color:#74786e}.client-story-card i{position:absolute;right:0;bottom:20px}
/* One continuous charcoal canvas connects pillars, service plans and proof. */
.dark-chapter{background:#080B0A;color:#f9f9f6;overflow:hidden;position:relative}.dark-chapter p{color:#949b8f}.split-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:end}.split-heading>div{max-width:340px;justify-self:end}.split-heading p{font-size:17px;margin-bottom:25px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}.pillar-card{position:relative;padding:28px;min-height:430px;display:flex;flex-direction:column;background:#121716;border:1px solid #ffffff09;border-radius:20px;isolation:isolate;transition:background .35s,color .35s,transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,border-color .35s}.pillar-symbol{margin-bottom:28px}.pillar-icon{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.symbol-1 .pillar-icon{transform:rotate(22.5deg)}.symbol-2 .pillar-icon{transform:scale(.85);stroke-width:4}.symbol-3 .pillar-icon{transform:rotate(15deg);stroke-dasharray:4 4}.pillar-card h3{font-size:29px;line-height:1.2;font-weight:700;margin-bottom:30px}.pillar-card p{font-size:16px;line-height:1.5;margin-top:auto;color:#a4ada9}.pillar-number{position:absolute;right:27px;top:30px;font-size:12px;color:#757d6e}.pillar-card:hover,.pillar-card:focus-visible{background:#19221d;color:#fff;transform:rotate(7deg) translateY(-8px);border-color:#a8ff3e80;box-shadow:0 12px 55px #dfffbc33,0 0 24px #a8ff3e26,inset 0 1px 0 #ffffff12;outline:none;z-index:1}.pillar-card:hover p,.pillar-card:focus-visible p{color:#c4ccc6}.services-section{padding-top:110px;padding-bottom:90px}.services-intro{position:relative;text-align:center;isolation:isolate;margin-bottom:55px}.services-intro h2{}.services-intro .section-kicker{border:1px solid #a8ff3e55;color:var(--lime);border-radius:100px;padding:7px 15px;letter-spacing:0}.services-intro .section-kicker:before{display:none}.services-watermark{position:absolute;top:-65px;left:50%;transform:translateX(-50%);font-size:clamp(95px,15vw,235px);font-weight:700;letter-spacing:-.065em;color:#ffffff04;z-index:-1;line-height:1;pointer-events:none}.services-intro p{max-width:580px;margin:25px auto 0;font-size:16px}.service-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.service-plan{width:calc((100% - 44px)/3);background:#1b1e1b;border:1px solid #ffffff12;border-radius:20px;padding:28px;position:relative;overflow:hidden;isolation:isolate;transition:border-color .3s,transform .3s,box-shadow .3s}.service-plan:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 135%,#a8ff3e85,transparent 62%);opacity:0;z-index:-1;transition:opacity .4s}.service-plan.featured:before,.service-plan:hover:before,.service-plan:focus-within:before{opacity:1}.service-plan.featured{border-color:#a8ff3e39}.service-plan:hover{border-color:#a8ff3e80;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.plan-top .pillar-icon{width:42px;height:42px;border:1px solid #ffffff24;border-radius:8px;padding:9px}.plan-top>span{font-size:28px;color:#b8c0b2}.service-plan h3{font-size:29px;min-height:64px;line-height:1.12;max-width:300px}.service-plan>p{font-size:15px;min-height:94px;margin-top:17px;line-height:1.55}.service-plan .btn{width:100%;justify-content:space-between;margin:24px 0 30px}.service-plan h4{font-weight:600;font-size:16px;margin-bottom:19px}.v2-capabilities{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:14px;color:#d4d9ce}.v2-capabilities li{position:relative;padding-left:26px;line-height:1.45}.v2-capabilities li:before{content:'✓';border:1px solid #aab39f80;border-radius:50%;font-size:10px;position:absolute;left:0;top:2px;display:grid;place-items:center;width:15px;height:15px}.results-v2{padding-top:60px;padding-bottom:120px}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:20px;margin-top:52px}.metrics>div{background:#242824;border:1px solid #ffffff10;border-radius:20px;padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate}.metrics>div:nth-child(1){background:var(--lime);color:#10180b;box-shadow:0 25px 70px #a8ff3e15}.metrics>div:nth-child(2){background:#f9faf5;color:#131710}.metrics strong{font-size:clamp(60px,5.7vw,92px);font-weight:600;letter-spacing:-.06em;line-height:1.1;white-space:nowrap}.metrics p{font-size:16px;max-width:185px;margin-top:25px}.metrics>div:nth-child(-n+2) p{color:#38422f}
/* Quiet support and a reference-inspired ribbon lead into the enquiry. */
.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:start;padding-bottom:70px}.section-heading{display:flex;flex-direction:column;align-items:flex-start}.section-heading .section-kicker{order:-1}.faq-section h2{}.faq-support{margin-top:24px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid #1517130c;border-radius:14px;overflow:hidden}.faq-item summary{list-style:none;display:flex;gap:15px;align-items:center;padding:22px;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font-size:11px;color:#979c91}.faq-item summary h3{font-size:17px;letter-spacing:-.025em;line-height:1.4;flex:1;font-weight:600}.faq-item summary i{width:16px;height:16px;position:relative;flex:none}.faq-item summary i:before,.faq-item summary i:after{content:'';position:absolute;background:currentColor;top:7px;left:2px;width:12px;height:1px}.faq-item summary i:after{transform:rotate(90deg);transition:transform .3s}.faq-item[data-expanded=true] summary i:after{transform:rotate(0deg)}.faq-answer{padding:0 24px 24px 51px;font-size:15px;line-height:1.65}.contact-ribbon{height:240px;display:block;position:relative;overflow:hidden;margin:40px 0 50px}.contact-ribbon>span{position:absolute;left:-5%;top:70px;width:110%;padding:17px 0;font-size:clamp(35px,4.9vw,78px);letter-spacing:-.04em;font-weight:600;white-space:nowrap;text-align:center;line-height:1.2}.ribbon-back{background:var(--lime);color:#192111;transform:rotate(4deg)}.ribbon-front{background:#20251e;color:#fff;transform:rotate(-4deg);border:1px solid #ffffff22;transition:letter-spacing .4s}.contact-ribbon:hover .ribbon-front{letter-spacing:-.01em}.contact{padding-top:35px;padding-bottom:100px}.center{align-items:center;text-align:center}.contact h2{}.contact-lead{max-width:770px;text-align:center;margin:25px auto 40px;font-size:17px}.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #15171312;box-shadow:0 15px 50px #171c1006}.contact-photo{min-height:100%;position:relative}.contact-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-form{padding:35px}.contact-form>h3{font-size:26px;letter-spacing:-.035em}.contact-form>p{font-size:15px;margin:13px 0 20px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-fields label{min-width:0}.form-fields label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.field-wide{grid-column:1/-1}input,textarea{width:100%;border:1px solid #daddd4;border-radius:9px;background:#f6f7f2;padding:14px;color:#151a10;font-size:14px;transition:border-color .2s,box-shadow .2s}input{height:50px}textarea{height:100px;resize:vertical;min-height:80px}input:focus,textarea:focus{outline:none;border-color:#8bcb3c;box-shadow:0 0 0 3px #a8ff3e22}.phone-field{position:relative}.phone-field b{position:absolute;top:14px;left:13px;font-weight:400;color:#717969;font-size:14px}.phone-field input{padding-left:46px}.contact-form>.btn{margin-top:14px;width:100%;justify-content:center}.contact-form .form-status:empty{display:none}.contact-form .form-status{font-size:13px;margin-bottom:0}.footer{background:#0c0e0c;color:#fff;padding:65px max(48px,calc((100vw - 1360px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.footer-identity img{width:165px;height:76px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:24px}.footer-identity p,.footer p{font-size:14px;color:#a3ab9c}.footer small{font-size:12px;color:#7d8776;display:block;margin-top:8px}.footer-contact{border-left:1px solid #ffffff18;padding-left:70px}.footer-contact h3{font-size:20px;margin-bottom:22px;letter-spacing:-.02em}.footer-contact p{margin-bottom:10px}.footer-contact a{font-size:20px;letter-spacing:-.025em;transition:color .2s}.footer-contact a:hover{color:var(--lime)}
/* Native gallery dialog: constrained and keyboard accessible. */
#spotlight-dialog{width:min(1000px,calc(100% - 48px));max-height:84dvh;padding:0;border:1px solid #ffffff99;border-radius:25px;background:linear-gradient(135deg,#fbfbf8,#efefe9);box-shadow:0 35px 100px #0006;overflow:hidden;color:var(--ink)}#spotlight-dialog[open]{display:flex;flex-direction:column;animation:dialog-in .3s ease-out}#spotlight-dialog::backdrop{background:#07090799;backdrop-filter:blur(10px);animation:fade-in .3s}.dialog-head{display:flex;justify-content:space-between;gap:20px;padding:25px 28px 22px;flex:none;border-bottom:1px solid #10151009}.dialog-head h2{font-size:27px;line-height:1.2;letter-spacing:-.03em}.dialog-head p{font-size:14px;margin-top:8px}.dialog-close{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #15171317;background:#ffffffb3;flex:none;transition:background .2s}.dialog-close:hover{background:#e5e8dd}.spotlight-gallery{display:grid;grid-auto-rows:max-content;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 28px 28px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#aeb4a580 transparent}.spotlight-gallery figure{aspect-ratio:4/5;border-radius:16px;overflow:hidden}.spotlight-gallery img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.spotlight-gallery::-webkit-scrollbar{width:6px}.spotlight-gallery::-webkit-scrollbar-thumb{background:#aeb4a580;border-radius:8px}#spotlight-dialog.closing{animation:dialog-out .28s ease-in forwards}#spotlight-dialog.closing::backdrop{animation:fade-in .28s reverse forwards}@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialog-out{to{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hero-copy{margin-top:110px}.hero-cards{margin-top:40px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.section{padding-block:80px}.hero-copy{margin-top:80px}.hero-cards{gap:12px;width:calc(100% - 40px)}.hero-cards h2{font-size:20px}.hero-stat{padding-inline:10px}.hero-photo,.hero-industries{height:345px}.hero-industries{padding:25px 15px}.industry-tags{gap:4px;flex-wrap:wrap}.hero-growth,.hero-idea{padding-inline:14px}.hero-stat strong,.hero-industries strong{font-size:40px}.clients{gap:25px;padding-inline:32px;grid-template-columns:190px 1fr}




.work-list{margin-inline:-32px}.split-heading{gap:50px}.pillar-grid{gap:12px}.pillar-card{padding:22px;min-height:320px}.pillar-card h3{font-size:25px}.pillar-card p{font-size:14px}.service-plan{padding:22px;width:calc((100% - 32px)/3)}.service-plans{gap:16px}.service-plan h3{font-size:25px;min-height:84px}.service-plan>p{min-height:115px}.metrics{gap:12px}.metrics>div{padding:24px;min-height:230px}.metrics p{font-size:14px}.photo-v2-heading,.video-heading{gap:45px}.faq-section{gap:45px}.contact-form{padding:25px}.footer{padding-inline:32px}.hero-lines:before{left:-60px}}
@media(min-width:761px) and (max-width:1000px){.pillar-grid{grid-template-columns:1fr 1fr;gap:18px}.pillar-card{min-height:285px}.pillar-symbol{margin-bottom:32px}.service-plan{width:calc((100% - 18px)/2)}.service-plans{gap:18px}.service-plan h3{min-height:64px}.service-plan>p{min-height:94px}


.editorial-note{grid-column:2;margin-top:10px}.hero-cards{grid-template-columns:1.35fr 1fr 1fr 1.35fr}.hero-idea{display:none}.hero-growth{margin-top:110px}.contact-panel{grid-template-columns:.75fr 1.25fr}}
@media(max-width:760px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.section{padding-block:65px}h2{font-size:38px}.hero{padding-top:12px}.site-header{width:calc(100% - 24px);height:62px;gap:12px;padding:7px 10px 7px 14px}.brand img{width:84px;height:40px}.nav-cta{margin-left:auto;font-size:12px;padding:10px 13px;min-height:40px;gap:7px}.nav-cta .ui-icon{width:16px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid #ffffff20;border-radius:8px;background:transparent;order:3}.menu-toggle span{width:16px;height:1px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;border-radius:12px;background:#20241f;padding:15px;box-shadow:0 20px 45px #0005;border:1px solid #ffffff16}.main-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:5px}.main-nav a{padding:12px;border-radius:7px}.main-nav a[aria-current]{background:#ffffff08}.hero-copy{margin-top:64px;padding-inline:20px}.hero h1{font-size:clamp(48px,8.5vw,65px);margin-top:25px;letter-spacing:-.05em}.availability{font-size:11px;padding:8px 12px}.hero-support{font-size:16px}.hero-actions{gap:10px;margin-top:25px}.hero-actions .btn{font-size:13px;padding:12px 16px;min-height:46px}.hero-cards{width:calc(100% - 24px);grid-template-columns:1.2fr 1fr 1.2fr;gap:10px;margin-top:38px;margin-bottom:-25px}.hero-idea,.hero-growth{display:none}.hero-photo,.hero-industries{height:270px;border-radius:14px!important}.hero-stat{height:240px;margin-top:45px;padding:24px 8px;border-radius:14px!important}.hero-stat strong,.hero-industries strong{font-size:34px}.hero-stat p{font-size:13px;line-height:1.45;margin-top:12px}.hero-photo figcaption{left:8px;right:8px;bottom:37px;font-size:10px;padding:8px 3px}.hero-photo figcaption span{display:none}.hero-industries{padding:18px 12px}.hero-industries h2{font-size:17px;line-height:1.2;margin-top:13px}.hero-industries p{font-size:11px;line-height:1.45;margin-top:10px}.industry-tags{margin-top:auto;padding-top:12px}.industry-tags span{font-size:8px;padding:4px 5px}.hero-orbits{width:740px;height:740px;top:260px}.hero-lines{inset-inline:8%}.hero-lines:before{display:none}.hero-lines:after{top:270px;right:-15px;font-size:40px}.hero-glow{bottom:-190px}.clients{display:block;padding:40px 20px 35px}.client-intro{text-align:center;margin-bottom:24px}.client-intro strong{font-size:14px;margin-bottom:3px}.client-intro span{font-size:12px}.client-logo{width:88px;height:50px}.client-logo img{height:42px}.logo-group,.logo-track{gap:25px}.logo-row+.logo-row{margin-top:8px}









.editorial-note{grid-column:2;margin-top:18px;font-size:9px}.work{padding-top:45px;padding-bottom:35px}.work-intro h2{}.work-intro p{font-size:15px;margin-top:25px}.work-peek{border-radius:8px}.work-list{margin-inline:-20px;gap:16px;--work-width:82vw}.work-art{border-radius:14px}.work-client-name{font-size:14px;margin-top:12px}.gallery-controls{margin-block:22px 15px}.gallery-arrow{width:42px;height:42px}.photo-v2,.video-section{padding-block:40px}.photo-v2-heading,.video-heading{display:block}.photo-v2-heading h2,.video-heading h2{}.photo-v2-heading p,.video-heading p{font-size:15px;margin-top:20px}.reel-card{width:205px;border-radius:16px}.reel-track,.reel-group{gap:14px}.client-stories-v2{padding-top:35px;padding-bottom:65px}.client-stories-v2 h2{}.client-story-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.client-story-card strong{font-size:16px;margin-right:0}.client-story-card>span{font-size:11px}.client-story-card i{display:none}.client-story-card img{border-radius:12px}.split-heading{display:block}.split-heading h2{}.split-heading>div{margin-top:25px;max-width:100%}.split-heading p{font-size:16px;margin-bottom:20px}.pillar-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}.pillar-card{padding:23px 20px;min-height:300px;border-radius:16px}.pillar-symbol{margin-bottom:35px}.pillar-icon{width:39px;height:39px}.pillar-card h3{font-size:25px}.pillar-card p{font-size:14px}.pillar-number{right:18px;top:25px;font-size:10px}.pillar-card:hover,.pillar-card:focus-visible{transform:rotate(2deg) translateY(-4px)}.services-section{padding-top:70px}.services-intro h2{}.services-intro p{font-size:15px}.services-watermark{top:-35px;font-size:19vw}.services-intro{margin-bottom:35px}.service-plans{display:grid;grid-template-columns:1fr;gap:18px;max-width:480px;margin:auto}.service-plan{width:100%;padding:27px;border-radius:18px}.service-plan h3{min-height:0;font-size:29px;max-width:300px}.service-plan>p{min-height:0;font-size:15px}.plan-top{margin-bottom:25px}.service-plan .btn{margin-block:25px}.v2-capabilities{gap:12px}.metrics{grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.metrics>div{padding:23px;min-height:215px;border-radius:16px}.metrics strong{font-size:61px}.metrics p{font-size:14px;margin-top:20px}.results-v2{padding-top:20px;padding-bottom:80px}.faq-section{display:block;padding-bottom:35px}.faq-section h2{}.faq-support{margin-top:20px}.faq-layout{margin-top:28px}.faq-item summary{padding:18px;gap:11px}.faq-item summary h3{font-size:15px}.faq-answer{padding:0 20px 20px 42px;font-size:14px}.contact-ribbon{height:160px;margin-block:30px}.contact-ribbon>span{top:45px;padding-block:15px;font-size:38px;width:180%;left:-40%}.contact{padding-top:25px;padding-bottom:60px}.contact h2{}.contact-lead{font-size:15px;margin-block:22px 30px}.contact-panel{grid-template-columns:1fr}.contact-photo{height:230px;min-height:0}.contact-form{padding:25px 20px}.contact-form h3{font-size:25px}.contact-form>p{font-size:14px}.form-fields{gap:11px}.form-fields input{font-size:13px;padding-inline:11px}.phone-field input{padding-left:43px}.phone-field b{left:10px;font-size:13px}.contact-form .btn{font-size:14px}.footer{padding:45px 24px;gap:35px;grid-template-columns:1fr}.footer-identity img{width:145px;height:65px}.footer-contact{padding:28px 0 0;border-left:0;border-top:1px solid #ffffff18}.footer-contact h3{margin-bottom:15px}.footer-contact a{font-size:19px}#spotlight-dialog{width:calc(100% - 24px);max-height:86dvh;border-radius:20px}.dialog-head{padding:20px}.dialog-head h2{font-size:22px}.dialog-head p{font-size:12px}.spotlight-gallery{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:10px}.spotlight-gallery figure{border-radius:12px}}
@media(max-width:380px){.hero h1{font-size:44px}.hero-cards{grid-template-columns:1.1fr .9fr 1.1fr;gap:7px}.hero-photo figcaption{font-size:9px}.hero-industries{padding-inline:9px}.pillar-card{padding:19px 16px}.pillar-card h3{font-size:23px}.form-fields{grid-template-columns:1fr}.metrics strong{font-size:54px}
}
.hero-team-badge{position:absolute;top:95px;left:calc(25.4% - 60px);z-index:4;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 18px;background:#fff;color:#121510;border:1px solid #ffffff90;border-radius:100px;box-shadow:0 12px 22px #0005;font-size:14px;font-weight:600;pointer-events:none;animation:team-float 4s ease-in-out infinite}.hero-team-badge i{width:8px;height:8px;background:#151914;flex:none}@keyframes team-float{50%{transform:translateY(-6px)}}
@media(max-width:1100px) and (min-width:761px){.hero-industries h2{font-size:23px;margin-top:20px}.hero-industries p{font-size:14px}.hero-stat p{font-size:16px}.hero-team-badge{font-size:12px;padding:10px 14px;left:calc(25.4% - 50px)}}
@media(max-width:1000px) and (min-width:761px){.hero-team-badge{left:calc(28.7% - 50px)}}
@media(max-width:760px){.hero-team-badge{top:25px;left:calc(35.3% - 35px);padding:8px 10px;gap:5px;font-size:10px;box-shadow:0 8px 15px #0004}.hero-team-badge i{width:6px;height:6px}.hero-cards{margin-bottom:0;padding-bottom:20px}.hero-photo,.hero-industries{height:300px}.hero-stat{height:255px;padding-top:37px}.hero-photo figcaption{bottom:20px}.hero-industries{padding-bottom:35px}.hero h1{font-size:clamp(44px,8.3vw,65px)}.hero-actions{gap:8px}.hero-actions .btn{font-size:12px;padding-inline:13px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.visible){opacity:1;transform:none}.logo-track{animation:none}.client-marquees{overflow-x:auto}.hero-cards>div,.hero-cards>figure{opacity:1;transform:none}}

/* About: editorial paragraph and aligned photography, with scroll-linked ink. */
.about-section{padding-top:110px;padding-bottom:80px}
.about-intro{display:grid;grid-template-columns:.8fr 2fr;gap:42px;align-items:start}
.about-intro .about-label{font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:600;color:#777b76;margin:6px 0 0}
.about-scroll-copy{font-size:clamp(28px,2.65vw,42px);font-weight:600;line-height:1.18;letter-spacing:-.045em;margin:0;color:#10140f}
.about-scroll-copy strong{font-weight:700}
.about-word{white-space:nowrap;display:inline-block}
.about-editorial{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:62px;align-items:end}
.about-editorial figure{margin:0;aspect-ratio:1.23;border-radius:20px;overflow:hidden}
.about-editorial img{width:100%;height:100%;object-fit:cover;object-position:center}
.about-signoff{padding-left:2px;max-width:350px}
.about-signoff h3{font-size:clamp(22px,1.8vw,29px);line-height:1.35;letter-spacing:-.035em;font-weight:600;margin:0 0 24px}
.about-signoff .btn{padding:16px 24px}
@media(max-width:1000px){.about-intro{grid-template-columns:.65fr 2fr;gap:24px}.about-scroll-copy{font-size:30px}.about-editorial{grid-template-columns:1fr 1fr}.about-signoff{grid-column:1/-1;display:flex;max-width:none;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}.about-signoff h3{margin:0}.about-signoff .btn{flex-shrink:0}}
@media(max-width:760px){.about-section{padding-top:70px;padding-bottom:55px}.about-intro{display:block}.about-intro .about-label{margin:0 0 26px;font-size:14px}.about-scroll-copy{font-size:clamp(26px,5.9vw,34px);line-height:1.23;letter-spacing:-.035em}.about-editorial{gap:12px;margin-top:34px}.about-editorial figure{aspect-ratio:4/5;border-radius:15px}.about-signoff{display:block;padding:0;margin-top:14px}.about-signoff h3{font-size:23px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.about-scroll-copy span{color:inherit!important}}

.about-intro>.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

@media(max-width:760px){.pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:330px}.pillar-card p{font-size:16px}.work-peek{border-radius:8px}}

/* Keep the relocated full-bleed photography rail inside the page edges. */
.photo-v2{overflow:clip}

/* Fit the complete desktop hero to a laptop's usable viewport. */
@media(min-width:1101px){
 .hero{height:100svh;min-height:700px;max-height:1000px;padding-top:14px;display:flex;flex-direction:column}
 .site-header{height:64px;flex:none}
 .hero-copy{margin:22px auto 0;flex:none}
 .hero h1{font-size:clamp(52px,min(5.2vw,8.4vh),76px);margin:18px 0 14px;line-height:1.03}
 .availability{padding:7px 14px}
 .hero-support{font-size:17px}
 .hero-actions{margin-top:18px}
 .hero-actions .btn{min-height:48px}
 .hero-cards{flex:1;min-height:280px;max-height:410px;margin:24px auto 0;padding-bottom:18px;align-items:end}
 .hero-photo,.hero-industries{height:100%}
 .hero-stat,.hero-growth{height:calc(100% - 40px);margin-top:0}
 .hero-idea{height:calc(100% - 70px);margin-top:0}
 .hero-team-badge{top:55px}
 .hero-stat{padding-block:20px}
 .hero-industries{padding:20px 22px}
 .hero-industries h2{font-size:24px;margin-top:16px}
 .hero-industries p{font-size:14px;margin-top:12px}
 .hero-stat strong,.hero-industries strong{font-size:48px}
 .hero-cards h2{font-size:23px}
 .hero-growth .growth-bars{height:110px;margin-top:18px}
 .hero-orbits{top:170px}
}
/* Reference-style rolling labels: a single accessible name, two visual rows. */
.hero-roll{position:relative;overflow:hidden}
.hero-roll:hover,.hero-roll:focus-visible{transform:none}
.hero-roll-window{position:relative;display:block;overflow:hidden}
.hero-roll-row{display:flex;align-items:center;justify-content:center;gap:14px;transition:transform .35s cubic-bezier(.22,.75,.25,1)}
.hero-roll-row+ .hero-roll-row{position:absolute;inset:0;transform:translateY(150%)}
.hero-roll:hover .hero-roll-row:first-child,.hero-roll:focus-visible .hero-roll-row:first-child{transform:translateY(-150%)}
.hero-roll:hover .hero-roll-row+ .hero-roll-row,.hero-roll:focus-visible .hero-roll-row+ .hero-roll-row{transform:translateY(0)}
.hero-roll:hover .ui-icon{transform:none}
@media(prefers-reduced-motion:reduce){.hero-roll-row{transition:none}.hero-roll:hover .hero-roll-row:first-child,.hero-roll:focus-visible .hero-roll-row:first-child{transform:none}.hero-roll .hero-roll-row+ .hero-roll-row{display:none}}
@media(min-width:1101px) and (max-height:780px){.hero-growth .growth-bars{height:65px;margin-top:12px}.hero-growth p{font-size:12px;margin-top:10px}.hero-cards h2{font-size:21px}.hero-growth{padding-block:18px}}
@media(max-width:760px){.hero-roll-row{gap:8px}}

/* Fade a lime wash into the tilted pillar card without shifting its content. */
.pillar-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 110%,#a8ff3e55,transparent 72%),linear-gradient(145deg,#ffffff08,transparent 65%);opacity:0;transition:opacity .35s ease}
.pillar-card:hover:before,.pillar-card:focus-visible:before{opacity:1}
@media(prefers-reduced-motion:reduce){.pillar-card:hover,.pillar-card:focus-visible{transform:none}.pillar-card,.pillar-card:before{transition:none}}

/* Shared editorial scale and rhythm. Hero composition remains independent. */
:root{--section-title:clamp(34px,3.6vw,52px);--section-space:88px;--card-title:clamp(22px,1.8vw,26px)}
body{font-weight:400}
main .section:not(.hero) h2:not(.about-label):not(.work-editorial-title){font-size:var(--section-title);font-weight:700;letter-spacing:-.045em;line-height:1.12}
main .section:not(.hero){padding-top:var(--section-space);padding-bottom:var(--section-space)}
.work-intro h2>span{margin-top:4px}
.work-intro p,.services-intro p{margin-top:20px}
.work-peek{border-radius:12px}
.photo-heading,.video-heading,.split-heading{gap:48px}
.services-intro{margin-bottom:40px}
.pillars,.metrics{margin-top:40px}
.pillars{gap:20px}
.pillar-card h3,.service-plan h3{font-size:var(--card-title);font-weight:600;line-height:1.2}
.pillar-card{min-height:380px}
.service-plan{border-radius:22px}
.pillar-card,.client-story-card,.reel-card{border-radius:22px}
.client-story-card strong{font-size:22px;line-height:1.2;font-weight:600}
.spotlight-support{font-size:16px;margin-top:20px}
.client-story-grid{margin-top:36px}
.faq-section{gap:64px}
.faq-support{margin-top:20px}
.contact-lead{margin-top:20px;margin-bottom:36px}
.contact-panel{border-radius:30px}
.btn{font-size:15px;font-weight:600;border-radius:12px;transition:background .3s,color .3s,transform .3s,border-color .3s}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.metrics>.metric-card{min-height:220px;padding:24px;border-radius:22px;justify-content:flex-start;transition:transform .3s,border-color .3s,box-shadow .3s}
.metrics>.metric-card:hover,.metrics>.metric-card:focus-visible{transform:translateY(-4px);border-color:#a8ff3e88;box-shadow:0 10px 28px #00000018;outline:2px solid transparent}
.metrics strong{font-size:60px;font-weight:700;line-height:1;letter-spacing:-.055em}
.metrics h3{font-size:22px;font-weight:600;line-height:1.15;margin:12px 0 0;letter-spacing:-.035em}
.metrics p{font-size:14px;line-height:1.45;max-width:none;margin:12px 0 0}

@media(max-width:1100px){:root{--section-space:72px}.metrics{grid-template-columns:1fr 1fr}.metrics>.metric-card{min-height:210px}.pillar-card{min-height:360px}}
@media(max-width:760px){:root{--section-title:clamp(32px,7.5vw,40px);--section-space:56px}.photo-heading,.video-heading,.split-heading{gap:24px}.pillars,.metrics{margin-top:32px}.pillar-card{min-height:300px}.client-story-card strong{font-size:20px}.metrics{gap:14px}.metrics>.metric-card{padding:20px;min-height:205px}.metrics strong{font-size:48px}.metrics h3{font-size:20px}.metrics p{font-size:14px}.btn{font-size:14px}.contact-panel{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.metrics>.metric-card:hover,.metrics>.metric-card:focus-visible{transform:none}}
#home{font-weight:500}
@media(max-width:760px){}

/* Round 1: proportion refinements, preserving the established composition. */
.hero-stat{justify-content:center;text-align:left}
.hero-stat h2{margin-top:12px;font-size:20px;line-height:1.2}
.hero-stat p{font-size:13px;line-height:1.45;margin-top:10px}
.hero-client-logos{display:flex;align-items:center;gap:10px;margin-top:16px}
.hero-client-logos img{width:calc((100% - 20px)/3);height:28px;object-fit:contain}
.hero-industries .industry-tags{margin-top:16px;padding-top:0;flex-wrap:wrap}
.industry-tags span{transition:background .3s,color .3s}
.industry-tags span:hover{background:var(--lime);color:var(--ink)}
.clients{padding-block:36px;gap:40px;grid-template-columns:280px minmax(0,1fr);border-bottom:1px solid var(--line)}
.client-logo{height:58px}
.client-logo img{height:46px;opacity:.85;transition:opacity .3s}
.client-logo:hover img{opacity:1}
.logo-track{gap:0}
.logo-group{gap:38px;padding-right:38px}
.logo-row+.logo-row{margin-top:8px}
.about-editorial{gap:16px;margin-top:48px;align-items:center}
.about-signoff{padding-left:0}
.about-signoff h3{margin-bottom:16px}
.about-signoff p{font-size:16px;line-height:1.55;margin-bottom:22px;color:var(--muted)}
main #work .work-intro h2{font-size:clamp(72px,12vw,192px);font-weight:700;line-height:1;letter-spacing:-.065em}
.work-intro h2>span{margin-top:10px}
.work-peek{border-radius:18px}

.metrics>.metric-card{min-height:220px}
@media(min-width:1101px){.hero-cards{max-height:410px}.hero-photo,.hero-industries{height:88%}.hero-stat,.hero-growth{height:calc(88% - 35px)}.hero-idea{height:calc(88% - 62px)}.hero-cards .hero-stat h2{font-size:19px}.hero-stat{padding:16px 20px}.hero-stat strong{font-size:42px}.hero-team-badge{top:calc(12% + 48px)}.hero-industries{padding:18px 22px}.hero-industries h2{margin-top:10px}.hero-industries p{margin-top:10px}.hero-growth .growth-bars{height:75px}.hero-growth{padding:18px}.hero-growth p{font-size:12px}}
@media(max-width:1100px){.clients{grid-template-columns:240px 1fr;padding-block:30px;gap:28px}.about-signoff{display:block;max-width:none}.about-signoff h3{margin-bottom:14px}}
@media(max-width:760px){.clients{display:block;padding:28px 20px}.client-intro{margin-bottom:20px}.logo-group{gap:25px;padding-right:25px}.client-logo img{height:40px}.client-logo{height:48px}.about-editorial{margin-top:34px;gap:12px}.about-signoff p{font-size:15px}.about-signoff .btn{padding:13px 20px}main #work .work-intro h2{font-size:clamp(48px,11.7vw,90px)}.work-peek{border-radius:8px}.metrics>.metric-card{min-height:220px}.hero-cards{display:flex;align-items:flex-end;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:14px 12px 20px;width:100%;margin-top:24px}.hero-cards>div,.hero-cards>figure{flex:0 0 230px;scroll-snap-align:center}.hero-photo,.hero-industries{height:280px}.hero-stat{height:250px;padding:20px}.hero-industries{padding:20px}.hero-cards .hero-idea,.hero-cards .hero-growth{display:none}.hero-stat h2,.hero-industries h2{font-size:20px}.hero-stat p,.hero-industries p{font-size:13px}.hero-industries strong,.hero-stat strong{font-size:40px}.hero-industries h2{margin-top:12px}.hero-industries p{margin-top:12px}.industry-tags span{font-size:10px;padding:5px 8px}.hero-team-badge{top:34px;left:175px}.hero-cards:after{display:none}}
@media(prefers-reduced-motion:reduce){}

@media(min-width:1101px){.hero-idea .orbital-object{transform:rotate(-25deg) scale(.8);transform-origin:bottom right}.hero-team-badge{left:calc(25.4% - 170px)}}
@media(min-width:1101px) and (max-height:780px){.hero-stat{padding:14px 18px}.hero-stat strong{font-size:38px}.hero-cards .hero-stat h2{font-size:17px;margin-top:8px}.hero-stat p{font-size:12px;margin-top:8px}.hero-client-logos{margin-top:10px}.hero-client-logos img{height:22px}.hero-growth .growth-bars{height:55px;margin-top:12px}.hero-growth p{margin-top:8px}.hero-growth{padding:15px 18px}.hero-idea .orbital-object{transform:rotate(-25deg) scale(.6)}.hero-industries{padding:16px 20px}.hero-industries h2{font-size:21px}.hero-industries p{font-size:13px;margin-top:8px}.hero-industries .industry-tags{margin-top:12px}.hero-industries strong{font-size:42px}}
@media(max-width:760px){.hero-industries{padding:18px}.hero-industries .industry-tags{margin-top:12px}}

/* Focused hero-card adjustments. */
.hero-stat{text-align:center;align-items:center;justify-content:center}
.hero-stat h2,.hero-stat p{width:100%}
@media(min-width:761px){.hero-growth{display:flex;flex-direction:column}.hero-growth h2,.hero-growth p{flex:none}.hero-growth .growth-bars{flex:1;min-height:40px;height:auto}.hero-growth p{margin-top:16px}}
.hero-industries .industry-tags{gap:6px;flex-wrap:wrap}
@media(min-width:1101px) and (max-height:780px){.hero-industries .industry-tags{gap:4px;margin-top:9px}.hero-industries .industry-tags span{font-size:9px;padding:4px 7px}.hero-industries h2{font-size:19px;margin-top:8px}.hero-industries p{font-size:12px;line-height:1.4}}
@media(max-width:760px){.hero-industries{height:320px}.hero-industries .industry-tags span{font-size:10px;padding:5px 8px}}

/* About alignment and shared interaction finish. */
.about-signoff{max-width:none;text-align:center;padding-left:clamp(24px,3.2vw,48px);align-self:center}
.about-signoff h3,.about-signoff p{max-width:390px;margin-left:auto;margin-right:auto}
.about-signoff .btn{margin-inline:auto}
.about-editorial figure:first-child img{object-position:50% 65%}
.btn,.gallery-arrow{transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.btn:focus-visible{box-shadow:0 0 0 4px #a8ff3e30}
.btn-primary:focus-visible{background:#baff64}
.btn-secondary:focus-visible{background:#30332e}
.btn-white:focus-visible{background:#e9ece4}
.client-story-card{isolation:isolate;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.client-story-card:before{content:'';position:absolute;inset:-8px;z-index:-1;border-radius:24px;background:linear-gradient(150deg,#fff9,#a8ff3e12);border:1px solid #a8ff3e55;opacity:0;transition:opacity .3s ease;pointer-events:none}
.client-story-card:hover,.client-story-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 25px #18220d0a}
.client-story-card:hover:before,.client-story-card:focus-visible:before{opacity:1}
.client-story-card:focus-visible{outline:2px solid #527a20;outline-offset:8px}
.client-story-card i{transition:transform .3s ease}
.client-story-card:hover i,.client-story-card:focus-visible i{transform:translate(3px,-3px)}
.gallery-arrow:focus-visible{background:var(--lime)}
@media(max-width:1000px){.about-signoff{padding-left:0;max-width:650px;justify-self:center;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.btn,.gallery-arrow,.client-story-card,.client-story-card:before,.client-story-card i{transition:none}.client-story-card:hover,.client-story-card:focus-visible,.client-story-card:hover i,.client-story-card:focus-visible i{transform:none}}

/* Reference-aligned contact ribbon and open form composition. */
.contact-ribbon{height:180px;margin:24px 0 32px}
.contact-ribbon>span{top:55px;font-size:clamp(26px,2.8vw,40px);padding:16px 0;line-height:1.2}
.ribbon-back{transform:rotate(-4deg)}
.ribbon-front{transform:rotate(4deg);background:#101716;border:0}
.contact-panel{background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;gap:40px;align-items:stretch}
.contact-photo{border-radius:24px;overflow:hidden}
.contact-form{padding:8px 0}
.contact-form>p{margin:10px 0 24px}
.form-fields{gap:16px}
.form-fields label>span{display:block;position:static;width:auto;height:auto;overflow:visible;clip-path:none;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:8px;color:var(--ink)}
.form-fields input,.form-fields textarea{background:#eceee8;border:1px solid transparent;border-radius:12px;padding:13px 16px;transition:background .3s,border-color .3s,box-shadow .3s}
.form-fields input{height:48px}
.form-fields textarea{height:96px}
.form-fields input:hover,.form-fields textarea:hover{background:#e5e8df}
.form-fields input:focus,.form-fields textarea:focus{background:#fff;border-color:#8bcb3c;box-shadow:0 0 0 3px #a8ff3e20;outline:none}
.phone-field b{top:40px;left:16px}
.form-fields .phone-field input{padding-left:49px}
.contact-form>.btn{margin-top:20px;min-height:50px}
@media(max-width:1000px){.contact-panel{gap:28px;grid-template-columns:.8fr 1.2fr}}
@media(max-width:760px){.contact-ribbon{height:126px;margin:20px 0}.contact-ribbon>span{top:38px;font-size:26px;padding:12px 0}.contact-panel{grid-template-columns:1fr;gap:26px}.contact-photo{height:240px;border-radius:20px}.contact-form{padding:0}.form-fields{gap:14px}.form-fields label>span{font-size:12px}.phone-field b{top:38px}.contact-form>p{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.form-fields input,.form-fields textarea{transition:none}}

.contact-form .phone-field b{top:14px;left:16px}

/* Controlled layout refinement: spacing only; editorial work title and motion stay owned above. */
:root{
 --space-section:clamp(64px,6.7vw,104px);
 --space-compact:clamp(48px,4.7vw,72px);
 --space-copy:clamp(20px,1.7vw,26px);
 --space-content:clamp(32px,3.3vw,48px);
 --space-grid:clamp(20px,1.7vw,26px);
 --space-card:clamp(24px,2.1vw,32px);
 --space-columns:clamp(32px,4.2vw,64px);
 --radius-panel:28px;--radius-standard:22px;--radius-control:12px;
}
main .section:not(.hero){padding-block:var(--space-section)}
/* Connected chapters share one interval rather than doubling section padding. */
main #about{padding-bottom:var(--space-compact)}
main #work{padding-top:var(--space-compact);padding-bottom:calc(var(--space-section)/2)}
main #video{padding-top:calc(var(--space-section)/2)}
main #approach{margin-top:0;padding-bottom:calc(var(--space-section)/2)}
main #services{padding-block:calc(var(--space-section)/2)}
main #results{padding-top:calc(var(--space-section)/2)}
main #photography{padding-bottom:32px}
main #stories{padding-top:var(--space-compact);padding-bottom:calc(var(--space-section)/2)}
main #faq{padding-top:calc(var(--space-section)/2);padding-bottom:var(--space-compact)}
main #contact{padding-top:var(--space-compact)}
.split-heading,.video-heading,.photo-v2-heading{align-items:start;column-gap:var(--space-columns);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.split-heading>div{max-width:420px;width:100%;justify-self:end}
.split-heading p{margin-bottom:var(--space-copy)}
.split-heading>div>p:last-child{margin-bottom:0}
.video-heading p,.photo-v2-heading p{justify-self:end;width:100%;max-width:470px}
.pillar-grid,.metrics,.client-story-grid{gap:var(--space-grid);margin-top:var(--space-content)}
.services-intro{margin-bottom:var(--space-content)}
.services-intro p{max-width:680px;margin-top:var(--space-copy)}
.service-plans{gap:var(--space-grid)}
.service-plan{width:calc((100% - 2*var(--space-grid))/3);padding:var(--space-card);border-radius:var(--radius-standard)}
.plan-top{margin-bottom:24px}
.service-plan h3{min-height:2.4em}
.service-plan>p{min-height:4.65em;margin-top:16px}
.service-plan .btn{margin:24px 0}
.service-plan h4{margin-bottom:16px}
.v2-capabilities{gap:12px}
.pillar-card{padding:var(--space-card);border-radius:var(--radius-standard)}
.metrics>.metric-card{padding:var(--space-card);border-radius:var(--radius-standard)}
.about-intro{column-gap:var(--space-columns)}
.about-editorial{margin-top:var(--space-content);gap:var(--space-grid)}
.about-signoff{padding-left:16px}
.spotlight-support,.faq-support{margin-top:var(--space-copy)}
.faq-section{column-gap:var(--space-columns)}
.contact-lead{margin-top:var(--space-copy);margin-bottom:var(--space-content)}
.contact-panel{gap:var(--space-columns)}
.contact-photo{border-radius:var(--radius-standard)}
/* Only ordinary headings participate. Never target .work-intro or its embedded image. */
.split-heading h2,.video-heading h2,.photo-v2-heading h2,.services-intro h2,.faq-section h2,.client-stories-v2 h2,.contact h2{text-wrap:balance}
.service-plan h3,.pillar-card h3,.client-story-card strong{text-wrap:balance}
@media(min-width:761px) and (max-width:1100px){
 .service-plan{width:calc((100% - var(--space-grid))/2)}
 .pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pillar-card{min-height:320px}
 .about-signoff{padding-left:0}
}
@media(max-width:760px){
 :root{--space-section:56px;--space-compact:40px;--space-content:32px;--space-grid:16px;--space-card:24px;--space-columns:24px}
 .split-heading,.video-heading,.photo-v2-heading{grid-template-columns:1fr;gap:24px}
 .split-heading>div,.video-heading p,.photo-v2-heading p{max-width:none;justify-self:start}
 .service-plan{width:100%}
 .service-plan h3,.service-plan>p{min-height:0}
 .plan-top{margin-bottom:20px}
 .pillar-card{min-height:0}
 .pillar-card h3{margin-bottom:24px}
 .pillar-card p{margin-top:0}
 .about-editorial{gap:12px}
 .about-signoff{padding-left:0}
 .metrics>.metric-card{padding:20px;min-height:210px}
 .contact-panel{gap:24px}
}

/* Scoped hero content update: dimensions and existing hero motion are unchanged. */
.hero-industries .industry-marquee{display:block;flex:none;min-width:0;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.industry-track{display:flex;width:max-content;animation:industry-drift 48s linear infinite}
.industry-group{display:flex;flex:none;align-items:center;gap:6px;padding-right:6px}
.industry-group span{flex:none;white-space:nowrap}
.industry-marquee:hover .industry-track,.industry-marquee:focus-within .industry-track{animation-play-state:paused}
@keyframes industry-drift{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.industry-track{animation:none}.hero-industries .industry-marquee{overflow-x:auto}.industry-group[aria-hidden=true]{display:none}}

/* Only Card 05: three evenly spaced industry rows. */
.hero-industries .industry-rows{display:grid;align-content:center;gap:10px;width:100%;min-width:0;min-height:0;flex:1}
.hero-industries .industry-rows .industry-marquee{margin:0;padding:0}
.hero-industries .industry-rows .industry-marquee:nth-child(2) .industry-track{animation-direction:reverse}
@media(min-width:1101px) and (max-height:780px){.hero-industries .industry-rows{gap:8px}}