:root{--green:#00c985;--green-dark:#087b59;--black:#070908;--ink:#101311;--paper:#f4f5f2;--white:#fff;--line:rgba(16,19,17,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
.site-header{height:82px;padding:0 clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(7,9,8,.92);color:#fff;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.brand img{width:132px;height:auto;display:block}.desktop-nav{display:flex;gap:34px;font-size:14px}.desktop-nav a{color:#d6dbd8;transition:.2s}.desktop-nav a:hover{color:var(--green)}.header-cta{justify-self:end;display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.header-cta svg{color:var(--green)}.menu-button,.mobile-nav{display:none}
.hero{min-height:820px;height:100svh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--black)}.hero-image{object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,6,.98) 0%,rgba(5,8,6,.84) 38%,rgba(5,8,6,.18) 72%,rgba(5,8,6,.35) 100%),linear-gradient(0deg,rgba(5,8,6,.82),transparent 45%)}.hero-content{position:relative;z-index:2;width:min(790px,83vw);margin-left:clamp(22px,8vw,126px);padding-top:50px}.eyebrow,.section-label{display:flex;align-items:center;gap:10px;color:var(--green-dark);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;margin:0 0 24px}.hero .eyebrow{color:var(--green)}.hero h1{font-size:clamp(58px,7.2vw,116px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:1040px;font-weight:800}.hero h1 span{color:var(--green)}.hero-copy{max-width:650px;color:#d2d8d4;font-size:clamp(17px,1.4vw,21px);line-height:1.65;margin:34px 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:var(--black)}.button-primary:hover{background:#fff}.button-ghost{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(0,0,0,.2)}.button-ghost:hover{background:#fff;color:#000}.hero-proof{position:absolute;z-index:2;right:clamp(22px,6vw,92px);bottom:48px;display:flex;border-top:1px solid rgba(255,255,255,.26)}.hero-proof div{width:154px;padding:18px 20px 0 0}.hero-proof strong{display:block;color:var(--green);font-size:24px}.hero-proof span{color:#afb7b2;font-size:12px;line-height:1.4}.scroll-cue{position:absolute;z-index:2;left:clamp(22px,5vw,78px);bottom:46px;display:flex;gap:12px;align-items:center;font-size:12px;color:#afb7b2}
.section-pad{padding:clamp(80px,10vw,154px) clamp(22px,7vw,110px)}.statement{background:#fff}.statement h2{font-size:clamp(42px,6vw,88px);max-width:1220px;line-height:1.05;letter-spacing:-.055em;margin:0}.statement h2 em{color:var(--green-dark);font-style:normal}.statement-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:70px;padding-top:34px;border-top:1px solid var(--line)}.statement-grid>p{font-size:19px;line-height:1.7;margin:0;color:#555c58}.flow{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:13px}.flow span{display:flex;align-items:center;gap:13px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.flow svg{color:var(--green-dark)}
.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:70px}.section-heading h2,.about h2,.contact h2{margin:0;font-size:clamp(44px,5vw,76px);letter-spacing:-.055em;line-height:1}.section-heading>p{color:#626965;line-height:1.7;max-width:510px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.service-card{min-height:400px;padding:clamp(28px,4vw,58px);background:#fff;border:1px solid var(--line);margin:-1px 0 0 -1px;position:relative;overflow:hidden;transition:.25s}.service-card:hover{background:var(--black);color:#fff}.service-top{display:flex;justify-content:space-between;color:var(--green-dark);font-weight:800}.service-card h3{font-size:clamp(27px,2.4vw,38px);letter-spacing:-.035em;margin:55px 0 18px}.service-card>p{color:#666d69;max-width:470px;line-height:1.6;font-size:17px}.service-card:hover>p{color:#bac2bd}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.tags span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px}.service-card:hover .tags span{border-color:rgba(255,255,255,.2)}.service-card>a{position:absolute;bottom:38px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.service-card:hover>a{color:var(--green)}
.work{background:var(--black);color:#fff}.section-heading.light>p{color:#9ca49f}.work .section-label{color:var(--green)}.featured-project{display:grid;grid-template-columns:1.45fr .55fr;min-height:570px;margin-bottom:28px;border:1px solid #292d2a;background:#0c0f0d}.featured-project.reverse{grid-template-columns:.55fr 1.45fr}.featured-project.reverse .project-image{order:2}.project-image{position:relative;min-height:480px;overflow:hidden}.project-image img{object-fit:cover;transition:transform .7s ease}.featured-project:hover .project-image img{transform:scale(1.035)}.project-info{padding:45px;display:flex;flex-direction:column;justify-content:center}.project-info>p:first-child{color:var(--green);text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}.project-info h3{font-size:clamp(36px,3.8vw,59px);letter-spacing:-.05em;margin:15px 0}.project-info>p{color:#b8c0bb;line-height:1.6}.project-info dl{margin:30px 0}.project-info dl div{border-top:1px solid #2e332f;padding:15px 0}.project-info dt{color:#7e8881;font-size:12px}.project-info dd{margin:4px 0 0;font-weight:800}.project-info button{border:0;background:none;color:#fff;padding:0;display:flex;align-items:center;gap:10px;font-weight:800;align-self:flex-start}.project-info button:hover{color:var(--green)}
.process-list{border-top:1px solid var(--line)}.process-list article{display:grid;grid-template-columns:80px 1fr 1.4fr auto;gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid var(--line)}.process-list span{color:var(--green-dark);font-weight:800}.process-list h3{font-size:26px;margin:0;letter-spacing:-.03em}.process-list p{margin:0;color:#626965;line-height:1.55}.process-list svg{color:var(--green-dark)}
.about{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,10vw,160px)}.about-copy>p:not(.section-label){color:#5f6662;line-height:1.75;font-size:18px;margin:30px 0}.text-link{display:flex;align-items:center;gap:10px;font-weight:800}.principles article{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;column-gap:18px}.principles svg{color:var(--green-dark);grid-row:span 2}.principles h3{font-size:22px;margin:0}.principles p{margin:9px 0 0;color:#666d69;line-height:1.5}
.testimonial{background:var(--green);color:var(--black);text-align:center}.testimonial>svg{margin-bottom:30px}.testimonial blockquote{font-size:clamp(34px,4.5vw,68px);letter-spacing:-.045em;line-height:1.1;max-width:1120px;margin:0 auto 45px;font-weight:800}.testimonial p{display:flex;flex-direction:column;gap:7px}.testimonial p span{font-size:13px;opacity:.67}
.contact{background:var(--black);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,9vw,140px)}.contact .section-label{color:var(--green)}.contact-intro>p:not(.section-label){color:#aeb6b1;line-height:1.7;font-size:17px}.direct-contact{display:flex;flex-direction:column;gap:16px;margin-top:36px}.direct-contact a{display:flex;align-items:center;gap:12px}.direct-contact svg{color:var(--green)}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact label{display:flex;flex-direction:column;gap:10px;color:#aeb6b1;font-size:13px;font-weight:700}.contact input,.contact textarea,.contact select{width:100%;color:#fff;background:#111512;border:1px solid #343a36;border-radius:3px;padding:16px;outline:none}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--green)}.contact select option{color:#fff;background:var(--black)}.full{grid-column:1/-1}.contact small{color:#717a74}.success-message{border:1px solid #2d342f;padding:50px;align-self:start}.success-message>span{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--black)}.success-message h3{font-size:40px;margin:30px 0 10px}.success-message p{color:#aeb6b1;line-height:1.6}.success-message button{color:var(--green);background:none;border:0;padding:0;font-weight:800}
footer{padding:80px clamp(22px,7vw,110px) 30px;background:#020302;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;border-top:1px solid #202420}.footer-brand img{width:165px;height:auto}.footer-brand>p{color:#8e9791;line-height:1.6}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:13px}footer>div>p:first-child{color:#78817b;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800}footer a{display:flex;align-items:center;gap:8px;color:#cbd1cd;font-size:14px}footer a:hover{color:var(--green)}.footer-bottom{grid-column:1/-1;padding-top:30px;margin-top:20px;border-top:1px solid #202420;display:flex;justify-content:space-between;color:#646c67;font-size:12px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.menu-button{display:grid;place-items:center;color:#fff;background:transparent;border:0}.mobile-nav{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--black);padding:18px 22px 30px;flex-direction:column;border-top:1px solid #252a27}.mobile-nav a{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid #202420}.hero{min-height:760px;height:100svh}.hero-image{object-position:64% center;opacity:.65}.hero-overlay{background:linear-gradient(90deg,rgba(5,8,6,.97),rgba(5,8,6,.55)),linear-gradient(0deg,rgba(5,8,6,.9),transparent)}.hero-content{margin-left:22px;width:calc(100% - 44px)}.hero-proof{left:22px;right:22px;bottom:36px}.hero-proof div{flex:1;width:auto}.scroll-cue{display:none}.statement-grid,.section-heading,.about,.contact{grid-template-columns:1fr;gap:40px}.flow{justify-content:flex-start}.featured-project,.featured-project.reverse{grid-template-columns:1fr}.featured-project.reverse .project-image{order:0}.project-image{min-height:400px}footer{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:640px){.hero h1{font-size:clamp(52px,15vw,78px)}.hero-copy{font-size:16px}.hero-proof div:nth-child(3){display:none}.section-pad{padding-top:84px;padding-bottom:84px}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px}.statement-grid{margin-top:40px}.process-list article{grid-template-columns:48px 1fr auto;gap:12px;align-items:start}.process-list article p{grid-column:2/-1}.project-info{padding:30px 24px 36px}.project-image{min-height:310px}.contact form{grid-template-columns:1fr}.contact form>*{grid-column:1}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-image{position:absolute;inset:0;width:100%;height:100%}.project-image img{position:absolute;inset:0;width:100%;height:100%}.success-message{display:none}
@media(max-width:900px){.mobile-nav{display:none}.mobile-nav.open{display:flex}}

/* Muujis glass direction: dark cinematic surfaces with restrained emerald accents. */
:root{--canvas:#050707;--glass-surface:rgba(255,255,255,.07);--glass-border:rgba(255,255,255,.16);--glass-blur:22px;--glass-shadow:0 26px 80px rgba(0,0,0,.32)}
body{background:var(--canvas);color:#f7faf8}
::selection{background:rgba(0,201,133,.32);color:#fff}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.site-header{background:rgba(5,8,7,.66);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.hero{background:#020504}
.hero-overlay{background:linear-gradient(90deg,rgba(2,5,4,.96) 0%,rgba(2,5,4,.72) 42%,rgba(2,5,4,.18) 100%),linear-gradient(0deg,rgba(2,5,4,.88),transparent 55%)}
.hero-proof{border-top:1px solid rgba(255,255,255,.28);background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.015));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:0 24px 18px;border-radius:0 0 14px 14px}
.hero-proof div{border-right:1px solid rgba(255,255,255,.13);padding:18px 30px 0 18px;width:175px}.hero-proof div:last-child{border-right:0}
.statement,.services,.approach,.about{background:radial-gradient(circle at 75% 10%,rgba(0,201,133,.08),transparent 28%),#070a09;color:#f5f8f6}
.section-heading>p,.statement-grid>p,.process-list p,.about-copy>p:not(.section-label),.principles p{color:#a9b4ae}
.statement h2 em{color:var(--green)}
.statement-grid,.process-list,.principles article{border-color:rgba(255,255,255,.15)}
.service-grid{border-color:rgba(255,255,255,.12)}
.service-card{background:linear-gradient(135deg,var(--glass-surface),rgba(255,255,255,.025));border-color:var(--glass-border);border-radius:18px;margin:8px;min-height:385px;box-shadow:inset 0 1px rgba(255,255,255,.12),var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}
.service-card:hover{background:linear-gradient(135deg,rgba(0,201,133,.18),rgba(255,255,255,.045));border-color:rgba(0,201,133,.55)}
.service-card>p{color:#afbab4}.tags span{border-color:rgba(255,255,255,.19)}
.work{background:#020504;position:relative}.work:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 15%,rgba(0,201,133,.12),transparent 28%),radial-gradient(circle at 85% 70%,rgba(96,160,178,.11),transparent 30%)}.work>*{position:relative}
.featured-project,.featured-project.reverse{grid-template-columns:1.12fr .88fr;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.2);border-radius:24px;overflow:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:inset 0 1px rgba(255,255,255,.15),var(--glass-shadow)}
.featured-project.reverse{grid-template-columns:.88fr 1.12fr}.project-image{min-height:510px}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(3,6,5,.3));pointer-events:none}.project-info{padding:clamp(28px,4vw,58px)}.project-info dl div{border-color:rgba(255,255,255,.16)}
.testimonial{background:linear-gradient(135deg,#00c985,#087b59);color:#04100b}
.contact,footer{background:#020504}.contact input,.contact textarea,.contact select{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.success-message{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border-color:rgba(255,255,255,.18);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.mobile-nav{background:rgba(5,8,7,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
@media(max-width:640px){.hero-proof{left:16px;right:16px;padding:0 10px 14px}.hero-proof div{padding-left:8px;padding-right:8px;width:auto}.hero-proof span{font-size:11px}.service-card{margin:6px}.featured-project,.featured-project.reverse{border-radius:18px}.project-image{min-height:300px}}

/* Premium testimonial direction: editorial quote + layered proof cards. */
.testimonial{position:relative;overflow:hidden;background:linear-gradient(135deg,#00c985 0%,#03b77d 45%,#087b59 100%);color:#04100b;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(44px,7vw,110px);align-items:center;text-align:left}.testimonial:before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-260px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.04),0 0 0 84px rgba(255,255,255,.025);pointer-events:none}.testimonial-lead,.review-rail{position:relative;z-index:1}.testimonial .section-label{color:rgba(4,16,11,.62);margin-bottom:22px}.quote-mark{display:block;font-size:64px;line-height:.7;margin-bottom:22px}.testimonial blockquote{font-size:clamp(32px,3.8vw,60px);max-width:780px;margin:0 0 30px;line-height:1.04;letter-spacing:-.055em}.testimonial-source{display:flex;flex-direction:column;gap:6px;margin:0}.testimonial-source span{font-size:14px;opacity:.68}.review-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-card{min-height:280px;padding:22px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(7,14,25,.66),rgba(7,14,25,.32));color:#f5f8f7;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px rgba(255,255,255,.16),0 20px 55px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,border-color .25s ease}.review-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.48)}.review-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.stars{color:#ffd34f;letter-spacing:.08em;font-size:13px}.review-meta time{color:rgba(255,255,255,.5);font-size:10px;white-space:nowrap}.review-card>p{color:rgba(245,248,247,.78);font-size:14px;line-height:1.6;margin:24px 0}.review-author{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#5ee7b0;font-size:11px;font-weight:800;background:rgba(255,255,255,.08)}.review-author span:last-child{display:flex;flex-direction:column;gap:3px}.review-author strong{font-size:12px}.review-author small{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em}
@media(max-width:1100px){.testimonial{grid-template-columns:1fr}.review-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.review-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;margin:0 -4px}.review-card{min-width:82vw;scroll-snap-align:start}.testimonial blockquote{font-size:clamp(31px,9vw,48px)}}

/* Refined review section: charcoal editorial surface, smaller type, moving proof rail. */
.testimonial{background:radial-gradient(circle at 78% 12%,rgba(72,112,146,.18),transparent 31%),linear-gradient(180deg,#07101a 0%,#05080d 100%);color:#f4f7f8;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(38px,6vw,96px);padding-top:clamp(72px,9vw,124px);padding-bottom:clamp(72px,9vw,124px)}
.testimonial:before{width:560px;height:560px;right:-180px;top:-250px;border-color:rgba(136,191,219,.16);box-shadow:0 0 0 42px rgba(136,191,219,.035),0 0 0 84px rgba(136,191,219,.018)}
.testimonial .section-label{color:#7fc7d9;font-size:11px;letter-spacing:.18em}.quote-mark{color:#7fc7d9;font-size:48px;margin-bottom:16px}.testimonial blockquote{font-size:clamp(25px,3vw,47px);line-height:1.08;letter-spacing:-.045em;max-width:620px;margin-bottom:24px}.testimonial-source strong{font-size:15px}.testimonial-source span{font-size:12px;color:#9eabb5}.review-rail{min-width:0;animation:review-drift 12s ease-in-out infinite alternate;transform-origin:center}.review-card{min-height:250px;padding:20px;border-color:rgba(166,206,223,.24);background:linear-gradient(145deg,rgba(31,46,63,.72),rgba(10,17,26,.55));box-shadow:inset 0 1px rgba(255,255,255,.12),0 22px 60px rgba(0,0,0,.34)}.review-card:nth-child(2){transform:translateY(18px)}.review-card:nth-child(2):hover{transform:translateY(14px)}.review-card:nth-child(3){transform:translateY(-8px)}.review-card:nth-child(3):hover{transform:translateY(-12px)}.review-card>p{font-size:13px;color:#c5d0d6;margin:20px 0}.stars{font-size:12px}.avatar{color:#7fc7d9;background:rgba(127,199,217,.08)}
@keyframes review-drift{0%{transform:translateX(0)}100%{transform:translateX(-18px)}}
@media(max-width:1100px){.testimonial{grid-template-columns:1fr}.review-rail{animation-duration:15s}}
@media(max-width:640px){.testimonial{padding-top:72px;padding-bottom:72px}.testimonial blockquote{font-size:clamp(25px,7.8vw,40px)}.review-rail{animation:none}.review-card{min-width:78vw}.review-card:nth-child(2),.review-card:nth-child(3){transform:none}.review-card:nth-child(2):hover,.review-card:nth-child(3):hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.review-rail{animation:none}.review-card,.review-card:nth-child(2),.review-card:nth-child(3){transform:none!important}}
.trust-strip{padding:22px clamp(22px,7vw,110px);display:flex;align-items:center;gap:28px;background:#070c12;border-top:1px solid rgba(166,206,223,.12);border-bottom:1px solid rgba(166,206,223,.12);color:#b7c6cf}.trust-strip p{margin:0;color:#7fc7d9;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.trust-strip div{display:flex;gap:clamp(16px,4vw,54px);flex:1;justify-content:space-around}.trust-strip span{font-size:13px;font-weight:700}.trust-strip small{font-size:10px;color:#667681;white-space:nowrap}.work-filters{display:flex;gap:8px;margin:-38px 0 36px}.work-filters button{border:1px solid rgba(166,206,223,.25);border-radius:999px;background:rgba(255,255,255,.04);color:#aab9c1;padding:9px 14px;font-size:12px;font-weight:700}.work-filters button:hover,.work-filters button.is-active{background:#7fc7d9;color:#061019;border-color:#7fc7d9}.featured-project[hidden]{display:none}.contact form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact form label{min-width:0}@media(max-width:640px){.trust-strip{display:block;padding:22px 16px}.trust-strip div{justify-content:flex-start;overflow:auto;margin:16px 0;gap:24px}.trust-strip span{white-space:nowrap}.trust-strip small{display:block}.work-filters{margin:-26px 0 24px;overflow:auto;padding-bottom:4px}.work-filters button{white-space:nowrap}.contact form{grid-template-columns:1fr}}

/* Conversion and accessibility foundations. */
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--green);color:#04100b;font-weight:800;transform:translateY(-180%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.results{background:#0a1015;color:#f4f7f8}.results .section-heading>p{color:#a9b7bf}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.result-grid article{padding:28px;border:1px solid rgba(166,206,223,.18);border-radius:20px;background:linear-gradient(145deg,rgba(31,46,63,.56),rgba(10,17,26,.35));box-shadow:inset 0 1px rgba(255,255,255,.08)}.result-grid strong{color:#7fc7d9;font-size:12px;letter-spacing:.14em}.result-grid h3{font-size:24px;margin:36px 0 10px;letter-spacing:-.03em}.result-grid p{color:#a9b7bf;line-height:1.6;margin:0}@media(max-width:640px){.result-grid{grid-template-columns:1fr}.result-grid h3{margin-top:26px}}

@media(max-width:480px){.site-header{height:64px;padding:0 16px}.brand img{width:112px}.mobile-nav{top:64px}.hero{min-height:720px}.hero-content{margin-left:16px;width:calc(100% - 32px);padding-top:42px}.hero h1{font-size:clamp(46px,14vw,66px)}.hero-proof{bottom:22px}.hero-proof strong{font-size:20px}.section-pad{padding-left:16px;padding-right:16px}.service-card{padding:24px;min-height:340px}}
.hero-image{object-fit:cover;object-position:center center}.hero h1{font-size:clamp(50px,6.4vw,96px);line-height:.94}.hero-copy{max-width:590px;font-size:clamp(15px,1.15vw,18px);line-height:1.55}.service-card .tags{align-content:flex-start}.service-card .tags span{font-size:11px;padding:6px 9px}.team-section{background:#081019;color:#f4f7f8}.team-section .section-heading>p{color:#a9b7bf}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.team-grid article{padding:34px;border:1px solid rgba(166,206,223,.18);border-radius:22px;background:linear-gradient(145deg,rgba(31,46,63,.58),rgba(10,17,26,.35));box-shadow:inset 0 1px rgba(255,255,255,.08)}.team-grid span{color:#7fc7d9;font-size:12px;font-weight:800}.team-grid h3{font-size:28px;margin:40px 0 10px}.team-grid p{color:#a9b7bf;line-height:1.6;margin:0}@media(max-width:640px){.team-grid{grid-template-columns:1fr}.team-grid h3{margin-top:28px}.hero h1{font-size:clamp(44px,13vw,72px)}}
.hero{background:#030504}.hero-image{inset:5% 3%;width:94%;height:90%;transform:scale(.94);transform-origin:center;opacity:.92;border-radius:24px;box-shadow:0 22px 80px rgba(0,0,0,.5)}.hero-overlay{background:linear-gradient(90deg,rgba(2,5,4,.98) 0%,rgba(2,5,4,.86) 31%,rgba(2,5,4,.4) 58%,rgba(2,5,4,.08) 100%),linear-gradient(0deg,rgba(2,5,4,.78),transparent 52%)}.hero-content{width:min(630px,78vw);padding-top:36px}.hero h1{display:flex;flex-direction:column;gap:3px;font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.055em;max-width:720px}.hero h1 .hero-title-primary{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:850;color:#fff}.hero h1 .hero-title-accent{font-family:Georgia,"Times New Roman",serif;font-weight:700;font-style:italic;letter-spacing:-.065em;color:#04d08f}.hero .eyebrow{display:inline-flex;width:max-content;align-items:center;gap:9px;padding:9px 13px;margin-bottom:20px;border:1px solid rgba(4,208,143,.35);border-radius:999px;background:rgba(1,11,8,.48);box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d6eee4;font-size:10px;letter-spacing:.14em}.hero .eyebrow .eyebrow-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#04d08f;color:#032419;font-size:11px}.hero .eyebrow>span:nth-child(2){color:#fff;font-weight:900}.hero .eyebrow i{display:block;width:3px;height:3px;border-radius:50%;background:#04d08f}.hero-copy{max-width:520px;margin:25px 0 28px;font-size:clamp(14px,1.05vw,17px)}@media(max-width:640px){.hero-image{inset:6% 0;width:100%;height:88%;transform:scale(.94);border-radius:16px}.hero-content{width:calc(100% - 32px);padding-top:26px}.hero h1{font-size:clamp(39px,11.5vw,60px)}.hero .eyebrow{font-size:9px;padding:8px 10px;gap:7px}.hero .eyebrow>span:last-child{display:none}.hero .eyebrow i{display:none}}

/* Final hero typography split: two colors, two typefaces, restrained scale. */
.hero h1{display:block!important;max-width:590px!important;margin:0!important;line-height:1!important;letter-spacing:normal!important}.hero h1 .hero-title-primary,.hero h1 .hero-title-accent{display:block!important}.hero h1 .hero-title-primary{font-family:"Arial Black",Arial,sans-serif!important;font-size:clamp(38px,4vw,64px)!important;font-weight:900!important;line-height:1.02!important;letter-spacing:-.045em!important;color:#f5f3ed!important}.hero h1 .hero-title-accent{margin-top:8px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(34px,3.45vw,56px)!important;font-weight:700!important;font-style:italic!important;line-height:1.04!important;letter-spacing:-.045em!important;color:#04d08f!important}.hero-content{width:min(580px,72vw)!important}.hero-copy{max-width:500px!important}@media(max-width:640px){.hero h1 .hero-title-primary{font-size:clamp(34px,9.5vw,48px)!important}.hero h1 .hero-title-accent{font-size:clamp(30px,8.5vw,43px)!important;margin-top:6px!important}.hero-content{width:calc(100% - 32px)!important}}

/* Floating glass navigation based on the supplied visual reference. */
.site-header{position:absolute!important;inset:14px 24px auto!important;width:auto!important;height:78px!important;padding:0 28px!important;border:1px solid rgba(101,229,210,.38)!important;border-radius:24px!important;background:linear-gradient(110deg,rgba(2,28,35,.75),rgba(7,12,18,.6) 58%,rgba(255,255,255,.08))!important;backdrop-filter:blur(24px) saturate(135%)!important;-webkit-backdrop-filter:blur(24px) saturate(135%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 16px 48px rgba(0,0,0,.3),0 0 26px rgba(0,201,133,.08)!important}.brand img{width:145px!important}.desktop-nav{gap:clamp(22px,3vw,48px)!important;font-size:15px!important}.desktop-nav a{position:relative;padding:28px 0 25px;color:rgba(255,255,255,.82)!important;font-weight:500}.desktop-nav a:hover,.desktop-nav a.is-active{color:#25e1b0!important}.desktop-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:1px;background:#25e1b0;box-shadow:0 0 10px #25e1b0}.desktop-nav a.is-active:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#25e1b0;left:50%;bottom:14px;transform:translateX(-50%);box-shadow:0 0 10px #25e1b0}.header-cta{min-height:48px;padding:0 25px;border-radius:999px;background:linear-gradient(135deg,#06c98d,#17b99d);color:#fff!important;font-size:15px!important;box-shadow:0 10px 26px rgba(0,201,141,.28),inset 0 1px rgba(255,255,255,.22);transition:transform .2s,box-shadow .2s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,201,141,.38),inset 0 1px rgba(255,255,255,.25)}.header-cta span{font-size:20px;font-weight:400}@media(max-width:900px){.site-header{inset:10px 14px auto!important;height:64px!important;padding:0 18px!important;border-radius:19px!important}.brand img{width:116px!important}.mobile-nav{top:72px!important;left:0!important;right:0!important;border-radius:18px!important;border:1px solid rgba(101,229,210,.22)!important}.menu-button{font-size:0}.menu-button:after{content:"☰";font-size:22px}.menu-button[aria-expanded="true"]:after{content:"×"}}

/* Apple-inspired liquid glass refinement: compact, transparent and layered. */
.site-header{isolation:isolate;inset:10px 18px auto!important;height:72px!important;padding:0 20px!important;border:1px solid transparent!important;border-radius:23px!important;background:linear-gradient(110deg,rgba(3,35,43,.34),rgba(10,14,18,.22) 48%,rgba(255,255,255,.105)) padding-box,linear-gradient(115deg,rgba(118,244,232,.58),rgba(255,255,255,.16) 45%,rgba(145,229,216,.28)) border-box!important;backdrop-filter:blur(25px) saturate(155%) contrast(102%)!important;-webkit-backdrop-filter:blur(25px) saturate(155%) contrast(102%)!important;box-shadow:0 18px 46px rgba(0,0,0,.30),0 3px 14px rgba(0,205,155,.08),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.055)!important;transition:background .35s ease,box-shadow .35s ease,transform .35s ease!important}
.site-header:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:21px;pointer-events:none;background:radial-gradient(ellipse at 11% -35%,rgba(37,225,176,.23),transparent 38%),linear-gradient(105deg,rgba(255,255,255,.06),transparent 25%,rgba(255,255,255,.025) 62%,rgba(255,255,255,.12));box-shadow:inset 0 1px 1px rgba(255,255,255,.11)}
.site-header:after{content:"";position:absolute;z-index:-1;left:4%;right:4%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.58) 24%,rgba(255,255,255,.16) 70%,transparent);filter:blur(.25px)}
.site-header.is-scrolled{position:fixed!important;background:linear-gradient(110deg,rgba(2,23,29,.63),rgba(5,9,12,.53) 55%,rgba(255,255,255,.08)) padding-box,linear-gradient(115deg,rgba(94,223,209,.48),rgba(255,255,255,.13),rgba(94,223,209,.22)) border-box!important;box-shadow:0 20px 54px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.24)!important}
.brand{display:flex;align-items:center;height:48px;width:154px;overflow:hidden;border-radius:0;background:transparent!important}.brand img{width:190px!important;max-width:none;height:auto!important;display:block;transform:translateX(-18px);mix-blend-mode:screen;filter:drop-shadow(0 1px 8px rgba(0,0,0,.16))}
.desktop-nav{gap:clamp(20px,2.55vw,40px)!important;font-size:14px!important}.desktop-nav a{padding:25px 0 23px!important;font-weight:450!important;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.48)}.desktop-nav a.is-active:after{bottom:14px!important;height:1px!important;opacity:.82}.desktop-nav a.is-active:before{bottom:12px!important;width:4px!important;height:4px!important}
.header-cta{min-height:46px!important;padding:0 22px!important;font-size:14px!important;gap:11px!important;background:linear-gradient(135deg,#08ca92,#18bfa4)!important;box-shadow:0 9px 24px rgba(0,201,141,.22),inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(0,65,48,.24)!important}.header-cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 13px 30px rgba(0,201,141,.34),inset 0 1px rgba(255,255,255,.38)!important}.header-cta span{font-size:18px!important}
@media(max-width:1100px){.desktop-nav{gap:20px!important}.site-header{padding:0 17px!important}.brand{width:132px!important}.brand img{width:166px!important;transform:translateX(-17px)}.header-cta{padding:0 18px!important}}
@media(max-width:900px){.site-header{inset:9px 12px auto!important;height:62px!important;padding:0 16px!important;border-radius:20px!important}.site-header:before{border-radius:18px}.brand{width:116px!important;height:42px}.brand img{width:150px!important;transform:translateX(-16px)}.mobile-nav{top:70px!important;background:rgba(3,11,13,.82)!important;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 18px 44px rgba(0,0,0,.35)}}
@media(prefers-reduced-motion:reduce){.site-header,.header-cta{transition:none!important}}

/* Quiet frosted header: stays in the hero and scrolls away with it. */
.site-header,.site-header.is-scrolled{
  position:absolute!important;
  background:rgba(9,13,14,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.17)!important;
}

/* Mobile composition and native scroll chapters. */
@media(max-width:900px){
 html,body{max-width:100%;overflow-x:clip}
 main>section:not(.hero){margin-inline:8px!important}
 .section-pad{padding:60px 22px!important}
 .hero{min-height:720px!important;height:100svh!important}.hero-content{width:calc(100% - 44px)!important;margin-left:22px!important;padding-top:40px!important}.hero h1{font-size:clamp(44px,11vw,72px)!important}.hero-copy{font-size:16px!important;line-height:1.65!important}.hero-actions .button{font-size:13px!important}
 .statement h2{font-size:clamp(34px,8vw,58px)!important}.statement-grid{grid-template-columns:1fr!important;gap:28px!important;margin-top:32px!important}.statement-grid>p{font-size:16px!important}.flow{justify-content:flex-start!important;gap:8px!important}
 .section-heading{display:block!important;margin-bottom:28px!important}.section-heading h2{font-size:clamp(34px,8vw,52px)!important}.section-heading>p{margin-top:20px!important;font-size:16px!important}
 .service-grid{grid-template-columns:1fr!important}.service-card{min-height:420px!important;padding:26px!important}.service-card h3{margin-top:32px!important}
 .results-shell{display:block!important}
 .process-showcase{display:block!important}.process-intro{min-height:0!important;margin-bottom:28px!important}.process-intro h2{font-size:38px!important}.process-intro p{font-size:16px!important}.process-steps{width:100%!important}.process-step{min-width:0!important;grid-template-columns:28px minmax(0,1fr)!important;padding:22px 16px!important}.process-step img{grid-column:2!important;width:100%!important;max-height:140px!important;object-fit:cover!important}.process-step h3{font-size:28px!important}.process-step p{font-size:14px!important}
 .philosophy-shell{display:block!important}.philosophy-copy h2{font-size:42px!important}.principle-stack{margin-top:32px!important}.standard-shell blockquote{font-size:clamp(28px,7.5vw,48px)!important}.standard-path{display:grid!important;gap:24px!important}.standard-curve{display:none!important}.standard-step{position:static!important;width:auto!important}
 .team-approved-grid h3{bottom:56px!important;font-size:16px!important}.team-approved-grid article>span{bottom:22px!important;font-size:9px!important}.team-approved-photo{aspect-ratio:.6!important}
 .contact-approved .contact-workspace{display:block!important}.contact-approved .contact-title h2,.contact-approved h2{font-size:clamp(38px,9vw,58px)!important}.contact-approved .contact-methods{margin-bottom:40px!important}.contact-approved #brief{display:flex!important;flex-direction:column!important;gap:26px!important;width:100%!important}.contact-approved .contact-fields-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}.contact-approved #brief input,.contact-approved #brief textarea,.contact-approved #brief select{font-size:16px!important}.contact-orbit{pointer-events:none!important}.contact-submit{gap:16px!important}.contact-topline{font-size:9px!important;gap:12px!important}
 footer{padding:44px 24px!important;gap:28px!important}
 .mobile-scroll-chapter{padding:0!important;min-height:var(--mobile-chapter-height)!important;overflow:visible!important;border-radius:0!important}
 .mobile-scroll-stage{position:sticky;top:0;height:100svh;overflow:clip;padding:32px 20px;display:flex;flex-direction:column;justify-content:center;background:#050908}
 .mobile-scroll-stage .service-card,.mobile-scroll-stage .process-step{display:none!important}.mobile-scroll-stage .mobile-current{display:grid!important;opacity:1!important;transform:none!important}
 .mobile-scroll-stage .result-grid article{opacity:.3!important}.mobile-scroll-stage .result-grid article.mobile-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.1),transparent)!important}
}
/* Approved Our Team composition: portrait cards, emerald network line, no legacy team layout. */
.team-section{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 50% 42%,rgba(0,201,133,.08),transparent 36%),#050807!important;color:#f5f8f6!important;padding:clamp(52px,6vw,90px) clamp(24px,7vw,110px)!important}
.team-approved-shell{position:relative;max-width:1440px;margin:auto}
.team-approved-topline{display:flex;align-items:center;gap:28px;color:rgba(242,246,243,.78);font-size:11px;letter-spacing:.28em;font-weight:800;text-transform:uppercase}
.team-approved-topline img{width:112px;height:auto}.team-approved-topline span{height:24px;width:1px;background:rgba(255,255,255,.5)}.team-approved-topline p{margin:0}
.team-approved-heading{text-align:center;margin:42px 0 34px}.team-approved-heading p{margin:0;font:500 clamp(68px,9vw,132px)/.85 Georgia,"Times New Roman",serif;letter-spacing:-.07em}.team-approved-heading em{color:#00d39a;font-style:normal}.team-approved-heading i{display:block;width:64px;height:3px;margin:25px auto 0;background:#00d39a;box-shadow:0 0 18px rgba(0,211,154,.6)}
.team-approved-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,5vw,78px);align-items:start}
.team-approved-grid article{position:relative;text-align:left;min-width:0;overflow:hidden;border:1px solid rgba(0,211,154,.72);border-radius:20px;background:#080c0b}.team-approved-photo{aspect-ratio: .61;overflow:hidden;background:#121514}.team-approved-photo::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#050908 90%);pointer-events:none}.team-approved-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:grayscale(1) contrast(1.06) brightness(.92);transition:filter .35s ease,transform .45s ease}.team-approved-grid article:hover .team-approved-photo img{filter:grayscale(.35) contrast(1.04) brightness(1);transform:scale(1.025)}
.team-approved-grid h3{margin:20px 0 10px;color:#f4f6f2;font:500 clamp(20px,2vw,30px)/1 Georgia,"Times New Roman",serif;text-transform:uppercase;letter-spacing:.12em}.team-approved-grid h3::after{content:"";display:block;width:28px;height:2px;margin:12px auto 0;background:#00d39a}.team-approved-grid article>span{color:rgba(242,246,243,.7);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.team-approved-network{position:relative;height:62px;margin:0 11% -4px;z-index:1;border-bottom:1px solid rgba(226,239,234,.52)}.team-approved-network::before{content:"";position:absolute;left:12.5%;right:12.5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#00d39a 25%,#00d39a 75%,transparent);transform:rotate(8deg);transform-origin:center}.team-approved-network::after{content:"";position:absolute;left:12.5%;right:12.5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#00d39a 25%,#00d39a 75%,transparent);transform:rotate(-8deg);transform-origin:center}.team-approved-network span{position:absolute;top:-5px;width:10px;height:10px;border-radius:50%;background:#00d39a;box-shadow:0 0 16px #00d39a}.team-approved-network span:nth-child(1){left:12.5%}.team-approved-network span:nth-child(2){left:37.5%}.team-approved-network span:nth-child(3){left:62.5%}.team-approved-network span:nth-child(4){right:12.5%}.team-approved-network i{position:absolute;left:50%;top:25px;width:18px;height:18px;border-radius:50%;background:#00d39a;box-shadow:0 0 0 8px rgba(0,211,154,.1),0 0 26px #00d39a;transform:translateX(-50%)}
.team-approved-grid h3{position:absolute;left:10%;right:7%;bottom:64px;margin:0;font-size:clamp(16px,1.4vw,24px);letter-spacing:.09em;z-index:2}.team-approved-grid h3::after{margin:14px 0 0}.team-approved-grid article>span{position:absolute;left:10%;right:7%;bottom:24px;z-index:2;font-size:clamp(9px,.72vw,11.5px);line-height:1.35;letter-spacing:.14em}
.team-approved-network{height:110px;margin:0; border:0;overflow:visible}.team-approved-network::before,.team-approved-network::after{display:none}.team-approved-network svg{display:block;width:100%;height:100%;overflow:visible}.team-connectors{fill:none;stroke:rgba(224,236,230,.55);stroke-width:1;vector-effect:non-scaling-stroke}.team-endpoints{fill:#00d7a1}.team-hub circle{fill:none;stroke:rgba(0,215,161,.09);stroke-width:1}.team-hub circle:nth-child(3){fill:rgba(0,215,161,.18);stroke:none}.team-hub circle:last-child{fill:#00d7a1;stroke:none;filter:drop-shadow(0 0 10px #00d7a1)}
.team-approved-caption{display:flex;justify-content:center;align-items:center;gap:26px;margin:32px 0 0;color:rgba(242,246,243,.82);font-size:11px;font-weight:800;letter-spacing:.36em;text-transform:uppercase}.team-approved-caption b{display:block;width:100px;height:1px;background:rgba(242,246,243,.5)}
@media(max-width:900px){.team-approved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.team-approved-network{display:none}.team-approved-heading p{font-size:clamp(60px,14vw,100px)}}
@media(max-width:560px){.team-section{padding:48px 18px!important}.team-approved-topline{gap:14px;font-size:9px;letter-spacing:.18em}.team-approved-topline img{width:86px}.team-approved-grid{gap:28px 12px}.team-approved-photo{border-radius:14px}.team-approved-grid h3{font-size:16px;letter-spacing:.06em}.team-approved-grid article>span{font-size:8px;letter-spacing:.12em}.team-approved-caption{font-size:8px;letter-spacing:.2em;gap:12px}.team-approved-caption b{width:36px}}

/* Keep the Who We Are page dark even when the legacy light-theme rule is present. */
main>section.statement{
  background:radial-gradient(circle at 82% 12%,rgba(0,201,133,.1),transparent 30%),#070b0b!important;
  color:#f5f8f6!important;
}
main>section.statement .statement-grid{border-color:rgba(255,255,255,.15)!important}
main>section.statement .statement-grid>p{color:#a9b4ae!important}

/* Override the legacy horizontal results rail with the supplied vertical reference layout. */
@media(min-width:901px){
  main>section.results.scroll-scene{min-height:265vh!important}
  .results.scroll-scene .results-shell{grid-template-columns:minmax(270px,.76fr) 44px minmax(0,1.35fr)!important;gap:clamp(28px,5vw,76px)!important;width:min(100%,1320px)!important;padding:clamp(78px,9vw,132px) 0!important}
  .results.scroll-scene .result-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:auto!important;transform:none!important}
  .results.scroll-scene .result-grid article{display:grid!important;grid-template-columns:104px minmax(0,1fr) 28px!important;flex:none!important;width:auto!important;min-height:153px!important;height:auto!important;padding:clamp(22px,2.6vw,34px) 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.34!important;transform:none!important}
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.055),transparent 62%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.13))!important}
  .results.scroll-scene .result-grid article.scene-current::before{left:0!important;top:19%!important;bottom:19%!important;width:2px!important;background:#00c985!important}
  .results.scroll-scene .result-icon{width:76px!important;height:76px!important;align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2){align-self:center!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(29px,2.7vw,43px)!important;margin:0!important}
  .results.scroll-scene .result-grid p{font-size:15px!important;max-width:520px!important}
  .results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Contact approval — single stable composition matching the selected reference. */
.contact.contact-approved{position:relative!important;isolation:isolate!important;display:block!important;min-height:100svh!important;overflow:hidden!important;padding:clamp(54px,6vw,86px) clamp(34px,7vw,118px)!important;background:radial-gradient(circle at 8% 52%,rgba(0,201,133,.105),transparent 25%),#030807!important;color:#f5f3ed!important}
.contact-approved::after{content:"";position:absolute;z-index:-3;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(rgba(96,190,162,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(96,190,162,.11) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,#000,transparent 82%)}
.contact-approved .contact-orbit{position:absolute!important;z-index:-2!important;top:56%!important;right:-24%!important;left:auto!important;width:min(76vw,1080px)!important;aspect-ratio:1!important;border:1px solid rgba(0,201,133,.32)!important;border-radius:50%!important;opacity:.72!important;transform:translateY(-50%)!important;mask-image:linear-gradient(to bottom,#000 0 24%,transparent 39% 62%,#000 78% 100%)!important;-webkit-mask-image:linear-gradient(to bottom,#000 0 24%,transparent 39% 62%,#000 78% 100%)!important}
.contact-approved .contact-orbit::before{content:"";position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle at 84% 70%,rgba(0,201,133,.18),transparent 18%);filter:blur(18px)}
.contact-approved .contact-topline{position:relative;z-index:2;display:flex!important;justify-content:space-between!important;width:100%!important;max-width:none!important;margin:0!important;color:rgba(245,246,240,.72)!important;font:800 10px/1 Inter,system-ui,sans-serif!important;letter-spacing:.24em!important;text-transform:uppercase!important}
.contact-approved .contact-topline span{display:flex;align-items:center;gap:18px}.contact-approved .contact-topline span::after{content:"";display:block;width:46px;height:1px;background:rgba(255,255,255,.32)}.contact-approved .contact-topline span:last-child::after{order:-1}
.contact-approved .contact-frame{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:clamp(72px,9vw,150px);align-items:center;min-height:calc(100svh - 150px);max-width:1500px;margin:0 auto}
.contact-approved .contact-left,.contact-approved .contact-right{min-width:0}
.contact-approved .contact-title{max-width:none!important;margin:0!important;text-align:left!important}.contact-approved .contact-title h2{max-width:650px!important;margin:0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(54px,5.2vw,82px)!important;font-weight:400!important;line-height:.94!important;letter-spacing:-.06em!important}.contact-approved .contact-title h2 em{color:#00d99a!important;font-style:italic!important}.contact-approved .contact-copy{max-width:540px!important;margin:28px 0 0!important;color:rgba(235,240,236,.63)!important;font:400 16px/1.6 Inter,system-ui,sans-serif!important}
.contact-approved .contact-methods{display:grid!important;gap:0!important;max-width:690px;margin-top:clamp(54px,7vw,92px);padding:0!important}.contact-approved .contact-methods a,.contact-approved .contact-methods p{display:grid!important;grid-template-columns:36px 150px minmax(0,1fr)!important;align-items:center!important;min-height:68px!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;color:#f4f4ef!important;text-decoration:none!important}.contact-approved .contact-methods i{font-style:normal;font-size:19px;color:#edf2ee}.contact-approved .contact-methods span{font:400 15px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.07em!important;color:rgba(245,247,242,.78)!important}.contact-approved .contact-methods small{margin:0!important;color:#f0f4ef!important;font:400 15px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.04em!important}
.contact-approved .contact-right{width:100%;max-width:670px;justify-self:end}.contact-approved .contact-form-heading{display:flex;align-items:center;gap:16px;margin:0 0 52px;color:rgba(245,246,240,.76);font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.24em}.contact-approved .contact-form-heading span{display:block;width:32px;height:1px;background:rgba(255,255,255,.48)}
.contact-approved #brief{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:29px!important;width:100%!important}.contact-approved #brief::before,.contact-approved #brief::after{display:none!important}.contact-approved .contact-fields-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:42px!important}.contact-approved #brief label{display:grid!important;gap:13px!important;padding:0!important;color:rgba(245,246,240,.72)!important;font:400 15px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.05em!important}.contact-approved #brief label::before{display:none!important}.contact-approved #brief input,.contact-approved #brief select,.contact-approved #brief textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.62)!important;border-radius:0!important;outline:0!important;background:transparent!important;color:#f5f5ef!important;font:400 15px/1.4 Inter,system-ui,sans-serif!important;appearance:none!important}.contact-approved #brief textarea{min-height:68px!important;resize:vertical!important}.contact-approved #brief select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#b9c1bc 50%),linear-gradient(135deg,#b9c1bc 50%,transparent 50%)!important;background-position:calc(100% - 8px) 50%,calc(100% - 3px) 50%!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important}.contact-approved #brief select option{background:#050807;color:#fff}.contact-approved #brief input:focus-visible,.contact-approved #brief select:focus-visible,.contact-approved #brief textarea:focus-visible{border-bottom-color:#00d99a!important;box-shadow:0 1px 0 #00d99a!important}
.contact-approved .contact-submit{display:flex!important;align-items:center!important;gap:16px!important;margin:4px 0 0!important}.contact-approved .contact-submit button{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border:1.5px solid #00d99a!important;border-radius:50%!important;background:transparent!important;color:#00d99a!important;font-size:28px!important;cursor:pointer!important}.contact-approved .contact-submit strong{color:#00d99a!important;font:400 16px/1 Inter,system-ui,sans-serif!important;letter-spacing:.01em!important}
@media(max-width:1050px){.contact-approved .contact-frame{grid-template-columns:1fr 1fr;gap:58px}.contact-approved .contact-methods a,.contact-approved .contact-methods p{grid-template-columns:34px 120px 1fr!important}.contact-approved .contact-title h2{font-size:clamp(50px,6.5vw,72px)!important}}
@media(min-width:1200px){.contact-approved .contact-title h2{white-space:nowrap}}
@media(max-width:900px){.contact-approved .contact-frame{grid-template-columns:1fr!important;gap:62px!important;min-height:auto!important;padding-top:72px!important}.contact-approved .contact-left,.contact-approved .contact-right{width:100%!important;max-width:none!important;justify-self:stretch!important}.contact-approved .contact-methods{max-width:none!important}.contact-approved .contact-orbit{right:-70%!important;top:72%!important;width:145vw!important}}
@media(max-width:760px){.contact.contact-approved{min-height:auto!important;padding:48px 22px 68px!important}.contact-approved .contact-topline span:last-child{display:none!important}.contact-approved .contact-frame{grid-template-columns:1fr!important;gap:62px!important;min-height:auto!important;padding-top:72px!important}.contact-approved .contact-title h2{font-size:clamp(46px,13vw,66px)!important}.contact-approved .contact-copy{font-size:15px!important}.contact-approved .contact-methods{margin-top:48px!important}.contact-approved .contact-methods a,.contact-approved .contact-methods p{grid-template-columns:34px 118px minmax(0,1fr)!important;min-height:64px!important}.contact-approved .contact-methods small{font-size:13px!important}.contact-approved .contact-right{max-width:none;justify-self:stretch}.contact-approved .contact-form-heading{margin-bottom:38px}.contact-approved .contact-fields-top{grid-template-columns:1fr!important;gap:28px!important}.contact-approved #brief{gap:27px!important}.contact-approved .contact-orbit{right:-84%!important;top:72%!important;width:160vw!important}}

/* Final authority: fixed results rows; scrolling changes only the active visual state. */
@media (min-width:901px){
  main>section.results.scroll-scene{min-height:300vh!important;overflow:clip!important;isolation:isolate!important}
  main>section.results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;display:block!important;height:100svh!important;min-height:100svh!important;overflow:hidden!important;padding:0!important}
  .results.scroll-scene .results-shell{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(210px,.72fr) 42px minmax(0,1.4fr)!important;gap:clamp(22px,4vw,64px)!important;width:min(100%,1360px)!important;height:100svh!important;min-height:100svh!important;margin:0 auto!important;padding:clamp(54px,8vh,100px) clamp(24px,5vw,76px)!important;align-content:center!important}
  .results.scroll-scene .results-intro,.results.scroll-scene .results-rail,.results.scroll-scene .result-grid{position:static!important;min-width:0!important;transform:none!important;translate:none!important}
  .results.scroll-scene .results-intro{align-self:center!important;opacity:1!important}.results.scroll-scene .results-intro h2{max-width:330px!important}
  .results.scroll-scene .results-rail{align-self:center!important;min-height:min(52svh,470px)!important}
  .results.scroll-scene .result-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:minmax(0,1fr)!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important}
  .results.scroll-scene .result-grid article,.results.scroll-scene .result-grid article:hover{box-sizing:border-box!important;display:grid!important;grid-template-columns:76px minmax(0,1fr) 22px!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:clamp(18px,2.2vw,30px) 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important;opacity:.28!important;transition:opacity .38s ease,background .38s ease,filter .38s ease!important}
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.18)!important}.results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.18)!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.07),transparent 72%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.14))!important}
  .results.scroll-scene .result-grid article::before{left:0!important;top:18%!important;bottom:18%!important;width:2px!important}.results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 16px rgba(0,201,133,.62)!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(28px,2.6vw,42px)!important;margin:0!important}.results.scroll-scene .result-grid p{max-width:500px!important;font-size:15px!important}
}

/* Runtime authority: fixed-position outcome rows with scroll-driven active state. */
@media(min-width:901px){
  main>section#results.results.scroll-scene{min-height:300svh!important;padding:0!important;margin:0!important;overflow:clip!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 84% 24%,rgba(0,201,133,.085),transparent 29%),#050807!important}
  main>section#results.results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;display:block!important;width:100%!important;height:100svh!important;min-height:0!important;padding:0 clamp(28px,6vw,105px)!important;overflow:clip!important;background:transparent!important}
  main>section#results.results.scroll-scene>.scroll-stage::before,
  main>section#results.results.scroll-scene>.scroll-stage::after{display:none!important}
  main>section#results.results.scroll-scene .results-shell{position:relative!important;display:grid!important;grid-template-columns:minmax(250px,.68fr) 44px minmax(520px,1.32fr)!important;gap:clamp(28px,4.5vw,72px)!important;width:min(100%,1360px)!important;height:100svh!important;min-height:0!important;margin:0 auto!important;padding:clamp(58px,8vh,92px) 0!important;align-items:center!important;align-content:center!important}
  main>section#results.results.scroll-scene .results-intro{position:static!important;width:auto!important;align-self:center!important;opacity:1!important;transform:none!important}
  main>section#results.results.scroll-scene .results-intro h2{max-width:330px!important;font-size:clamp(48px,4.7vw,74px)!important}
  main>section#results.results.scroll-scene .results-intro>p:last-child{max-width:320px!important;font-size:14px!important}
  main>section#results.results.scroll-scene .results-rail{min-height:min(52vh,470px)!important;align-self:center!important}
  main>section#results.results.scroll-scene .results-rail span{border-color:rgba(226,239,234,.28)!important;color:rgba(237,242,238,.46)!important;box-shadow:none!important}
  main>section#results.results.scroll-scene .results-rail span.is-active{border-color:#00d992!important;color:#00d992!important;box-shadow:0 0 0 5px rgba(0,201,133,.08),0 0 22px rgba(0,201,133,.36)!important}
  main>section#results.results.scroll-scene .results-rail span.is-passed{border-color:rgba(0,217,146,.42)!important;color:rgba(0,217,146,.62)!important}
  main>section#results.results.scroll-scene .result-grid{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important;transform:none!important;transition:none!important;will-change:auto!important}
  main>section#results.results.scroll-scene .result-grid article,
  main>section#results.results.scroll-scene .result-grid article:hover{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr) 24px!important;gap:clamp(18px,2.5vw,38px)!important;align-items:center!important;width:100%!important;min-height:clamp(132px,16vh,158px)!important;height:auto!important;padding:clamp(19px,2.3vh,27px) 0!important;border:0!important;border-bottom:1px solid rgba(225,239,232,.17)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.28!important;filter:none!important;transform:none!important;transition:opacity .36s ease,filter .36s ease,background .36s ease!important}
  main>section#results.results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.17)!important}
  main>section#results.results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.06),transparent 66%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.11))!important}
  main>section#results.results.scroll-scene .result-grid article::before{content:""!important;position:absolute!important;left:0!important;top:20%!important;bottom:20%!important;width:2px!important;background:transparent!important;box-shadow:none!important}
  main>section#results.results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 18px rgba(0,201,133,.55)!important}
  main>section#results.results.scroll-scene .result-icon{width:64px!important;height:64px!important;align-self:center!important}
  main>section#results.results.scroll-scene .result-icon svg{width:36px!important;height:36px!important}
  main>section#results.results.scroll-scene .result-grid h3{font-size:clamp(30px,2.5vw,42px)!important}
  main>section#results.results.scroll-scene .result-grid p{font-size:15px!important;max-width:500px!important}
  main>section#results.results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Canonical results scroll chapter: the layout stays fixed; only the active outcome changes. */
@media(min-width:901px){
  main>section.results.scroll-scene{
    min-height:300svh!important;
    padding:0!important;
    margin-inline:0!important;
    overflow:clip!important;
    border:0!important;
    border-radius:0!important;
    background:radial-gradient(circle at 84% 24%,rgba(0,201,133,.085),transparent 29%),#050807!important;
  }
  main>section.results.scroll-scene>.scroll-stage{
    position:sticky!important;
    inset-block-start:0!important;
    display:block!important;
    width:100%!important;
    height:100svh!important;
    min-height:0!important;
    padding:0 clamp(28px,6vw,105px)!important;
    overflow:clip!important;
    background:transparent!important;
  }
  .results.scroll-scene>.scroll-stage::before,
  .results.scroll-scene>.scroll-stage::after{display:none!important}
  .results.scroll-scene .results-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(250px,.68fr) 44px minmax(520px,1.32fr)!important;
    gap:clamp(28px,4.5vw,72px)!important;
    width:min(100%,1360px)!important;
    height:100svh!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:clamp(58px,8vh,92px) 0!important;
    align-items:center!important;
    align-content:center!important;
  }
  .results.scroll-scene .results-intro{
    position:static!important;
    width:auto!important;
    align-self:center!important;
    opacity:1!important;
    transform:none!important;
  }
  .results.scroll-scene .results-intro h2{
    max-width:330px!important;
    font-size:clamp(48px,4.7vw,74px)!important;
  }
  .results.scroll-scene .results-intro>p:last-child{max-width:320px!important;font-size:14px!important}
  .results.scroll-scene .results-rail{min-height:min(52vh,470px)!important;align-self:center!important}
  .results.scroll-scene .results-rail span{
    border-color:rgba(226,239,234,.28)!important;
    color:rgba(237,242,238,.46)!important;
    box-shadow:none!important;
  }
  .results.scroll-scene .results-rail span.is-active{
    border-color:#00d992!important;
    color:#00d992!important;
    box-shadow:0 0 0 5px rgba(0,201,133,.08),0 0 22px rgba(0,201,133,.36)!important;
  }
  .results.scroll-scene .results-rail span.is-passed{border-color:rgba(0,217,146,.42)!important;color:rgba(0,217,146,.62)!important}
  .results.scroll-scene .result-grid{
    position:static!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .results.scroll-scene .result-grid article,
  .results.scroll-scene .result-grid article:hover{
    position:relative!important;
    display:grid!important;
    grid-template-columns:88px minmax(0,1fr) 24px!important;
    gap:clamp(18px,2.5vw,38px)!important;
    align-items:center!important;
    width:100%!important;
    min-height:clamp(132px,16vh,158px)!important;
    height:auto!important;
    padding:clamp(19px,2.3vh,27px) 0!important;
    border:0!important;
    border-bottom:1px solid rgba(225,239,232,.17)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:.28!important;
    filter:none!important;
    transform:none!important;
    transition:opacity .36s ease,filter .36s ease,background .36s ease!important;
  }
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.17)!important}
  .results.scroll-scene .result-grid article.scene-current{
    opacity:1!important;
    background:linear-gradient(90deg,rgba(0,201,133,.06),transparent 66%)!important;
    filter:drop-shadow(0 0 18px rgba(0,201,133,.11))!important;
  }
  .results.scroll-scene .result-grid article::before{
    content:"";
    position:absolute!important;
    left:0!important;
    top:20%!important;
    bottom:20%!important;
    width:2px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 18px rgba(0,201,133,.55)!important}
  .results.scroll-scene .result-icon{width:64px!important;height:64px!important;align-self:center!important}
  .results.scroll-scene .result-icon svg{width:36px!important;height:36px!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(30px,2.5vw,42px)!important}
  .results.scroll-scene .result-grid p{font-size:15px!important;max-width:500px!important}
  .results.scroll-scene .result-grid article>b{align-self:center!important}
}

@media(prefers-reduced-motion:reduce){
  .results .result-grid,.results .result-grid article{transform:none!important;transition:none!important}
}

/* Final correction: the reference uses three stacked outcome rows, not a horizontal card rail. */
@media(min-width:901px){
  main>section.results.scroll-scene{min-height:265vh!important}
  .results.scroll-scene .results-shell{grid-template-columns:minmax(270px,.76fr) 44px minmax(0,1.35fr)!important;gap:clamp(28px,5vw,76px)!important;width:min(100%,1320px)!important;padding:clamp(78px,9vw,132px) 0!important}
  .results.scroll-scene .result-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:auto!important;transform:none!important}
  .results.scroll-scene .result-grid article{display:grid!important;grid-template-columns:104px minmax(0,1fr) 28px!important;flex:none!important;width:auto!important;min-height:153px!important;height:auto!important;padding:clamp(22px,2.6vw,34px) 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.34!important;transform:none!important}
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.055),transparent 62%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.13))!important}
  .results.scroll-scene .result-grid article.scene-current::before{left:0!important;top:19%!important;bottom:19%!important;width:2px!important;background:#00c985!important}
  .results.scroll-scene .result-icon{width:76px!important;height:76px!important;align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2){align-self:center!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(29px,2.7vw,43px)!important;margin:0!important}
  .results.scroll-scene .result-grid p{font-size:15px!important;max-width:520px!important}
  .results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Muujis Standard — reversible vertical scroll carousel */
@media (min-width:901px){
  .testimonial.scroll-scene{
    min-height:360vh!important;
    padding:0!important;
    overflow:visible!important;
    background:
      radial-gradient(circle at 78% 48%,rgba(0,205,148,.10),transparent 31%),
      linear-gradient(135deg,#04090c 0%,#071014 52%,#03080b 100%)!important;
  }
  .testimonial.scroll-scene>.scroll-stage{
    position:sticky!important;
    top:0!important;
    height:100svh!important;
    min-height:680px;
    display:grid!important;
    grid-template-columns:minmax(340px,.82fr) minmax(440px,1.18fr)!important;
    align-items:center!important;
    gap:clamp(48px,8vw,150px)!important;
    width:100%!important;
    max-width:100%!important;
    padding:clamp(100px,12vh,150px) clamp(44px,8vw,150px) clamp(54px,7vh,90px)!important;
    overflow:hidden!important;
  }
  .testimonial.scroll-scene>.scroll-stage::before{
    content:"";
    position:absolute;
    inset:8% 4%;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.04);
  }
  .testimonial.scroll-scene .testimonial-lead{
    position:relative!important;
    z-index:3;
    width:min(100%,620px)!important;
    max-width:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .testimonial.scroll-scene .section-label{
    color:#24d7ad!important;
    letter-spacing:.2em!important;
  }
  .testimonial.scroll-scene .quote-mark{
    display:block!important;
    margin:clamp(22px,4vh,42px) 0 8px!important;
    color:rgba(93,225,211,.72)!important;
    font-size:clamp(3.4rem,5vw,6.2rem)!important;
    line-height:.8!important;
  }
  .testimonial.scroll-scene blockquote{
    max-width:13ch!important;
    margin:0!important;
    color:#f3f7f5!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(2.7rem,4.7vw,6.2rem)!important;
    font-weight:600!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  .testimonial.scroll-scene .testimonial-source{
    display:grid!important;
    gap:7px!important;
    margin-top:clamp(30px,5vh,54px)!important;
    padding-top:22px!important;
    max-width:460px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .testimonial.scroll-scene .testimonial-source strong{color:#f1f6f4!important;font-size:1rem!important}
  .testimonial.scroll-scene .testimonial-source span{color:#91a29e!important;font-size:.95rem!important}
  .testimonial.scroll-scene .review-rail{
    position:relative!important;
    z-index:2;
    width:min(100%,660px)!important;
    height:min(62vh,610px)!important;
    min-height:480px!important;
    display:block!important;
    transform:none!important;
    animation:none!important;
    overflow:visible!important;
    perspective:1200px;
  }
  .testimonial.scroll-scene .review-rail::before{
    content:attr(aria-label) "  ·  " attr(data-step);
  }
  .testimonial.scroll-scene .review-card{
    --distance:clamp(420px,58vh,640px);
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:clamp(38px,5vw,68px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    border:1px solid rgba(105,235,205,.16)!important;
    border-radius:clamp(24px,2.4vw,38px)!important;
    background:
      linear-gradient(145deg,rgba(16,42,40,.76),rgba(5,13,17,.82) 58%,rgba(7,25,25,.72))!important;
    box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08)!important;
    backdrop-filter:blur(24px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
    transform:translate3d(0,calc(var(--card-offset,0)*var(--distance)),calc(var(--card-offset,0)*-90px)) rotateX(calc(var(--card-offset,0)*-7deg))!important;
    opacity:clamp(0,calc(1 - max(var(--card-offset,0),calc(var(--card-offset,0)*-1))),1)!important;
    filter:blur(calc(min(max(var(--card-offset,0),calc(var(--card-offset,0)*-1)),1)*8px))!important;
    visibility:visible!important;
    pointer-events:none!important;
    will-change:transform,opacity,filter;
    transition:border-color .35s ease,box-shadow .35s ease!important;
  }
  .testimonial.scroll-scene .review-card.scene-current{
    border-color:rgba(45,225,181,.55)!important;
    box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 52px rgba(0,201,139,.09),inset 0 1px 0 rgba(255,255,255,.11)!important;
    pointer-events:auto!important;
  }
  .testimonial.scroll-scene .review-card::before{
    content:"";
    position:absolute;
    inset:1px 14% auto;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(146,255,229,.62),transparent);
  }
  .testimonial.scroll-scene .review-meta{
    display:flex!important;
    justify-content:space-between!important;
    color:#47dfb8!important;
    font-size:.82rem!important;
    font-weight:800!important;
    letter-spacing:.17em!important;
  }
  .testimonial.scroll-scene .review-card>p{
    margin:auto 0!important;
    max-width:15ch!important;
    color:#f4f8f6!important;
    font-size:clamp(2.15rem,3.2vw,4.25rem)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
  }
  .testimonial.scroll-scene .review-author{
    padding-top:20px!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
  }
  .testimonial.scroll-scene .avatar{
    background:#08c995!important;
    color:#02110d!important;
    box-shadow:0 0 30px rgba(8,201,149,.2)!important;
  }
  .testimonial.scroll-scene .review-rail::after{
    content:attr(data-current) " / 03";
    position:absolute;
    right:26px;
    bottom:-38px;
    color:#65e6c4;
    font:800 .78rem/1 Arial,sans-serif;
    letter-spacing:.16em;
  }
}

@media (max-width:900px){
  .testimonial .review-rail{display:grid!important;gap:18px!important;transform:none!important;animation:none!important}
  .testimonial .review-card{transform:none!important;opacity:1!important;filter:none!important;min-height:310px}
}

@media (prefers-reduced-motion:reduce){
  .testimonial.scroll-scene{min-height:auto!important}
  .testimonial.scroll-scene>.scroll-stage{position:relative!important;height:auto!important;display:block!important}
  .testimonial.scroll-scene .review-rail{height:auto!important;display:grid!important;gap:20px!important}
  .testimonial.scroll-scene .review-card{position:relative!important;transform:none!important;opacity:1!important;filter:none!important}
}
.site-header:before{
  background:linear-gradient(105deg,rgba(255,255,255,.045),transparent 34%,rgba(255,255,255,.035))!important;
  box-shadow:none!important;
}
.site-header:after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)!important;
  opacity:.65;
}
.header-cta{
  background:rgba(0,201,141,.88)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.24)!important;
}
.header-cta:hover{
  background:rgba(0,201,141,.98)!important;
  box-shadow:0 11px 24px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.28)!important;
}

/* Final header balance: smaller mark, truly centered links, barely-there glass. */
.site-header,.site-header.is-scrolled{
  background:rgba(0,0,0,.012)!important;
  border-color:rgba(255,255,255,.08)!important;
  backdrop-filter:blur(11px) saturate(102%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(102%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.site-header:before{background:transparent!important;box-shadow:none!important}
.site-header:after{opacity:.12!important}
.brand{width:112px!important;height:40px!important}
.brand img{width:142px!important;transform:translateX(-15px)!important}
.desktop-nav{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:max-content!important}
@media(max-width:1100px){.brand{width:106px!important}.brand img{width:136px!important;transform:translateX(-15px)!important}.desktop-nav{gap:18px!important}}
@media(max-width:900px){.brand{width:96px!important;height:36px!important}.brand img{width:126px!important;transform:translateX(-15px)!important}.desktop-nav{position:static!important;transform:none!important}}

/* Process showcase: cinematic left panel + connected glass step rail. */
.approach{padding:clamp(72px,8vw,120px) clamp(18px,5vw,74px)!important;background:#060b10!important;overflow:hidden}
.process-showcase{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(560px,1.12fr);gap:clamp(32px,5vw,84px);max-width:1440px;margin:0 auto;align-items:stretch}
.process-intro{position:relative;min-height:760px;border-radius:26px;overflow:hidden;border:1px solid rgba(132,226,226,.18);background:#071219;box-shadow:0 26px 70px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.11)}
.process-intro-image{position:absolute;inset:-7px;background-image:linear-gradient(180deg,rgba(3,10,15,.05),rgba(3,8,12,.84) 76%),linear-gradient(90deg,rgba(3,8,12,.68),transparent 70%),url('/images/process-studio-generated.png');background-size:cover;background-position:center;filter:blur(1.5px) saturate(.88) contrast(1.04)}
.process-intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(0,224,211,.15),transparent 32%),linear-gradient(120deg,transparent 40%,rgba(0,224,211,.07))}
.process-intro-content{position:absolute;z-index:1;left:clamp(26px,4vw,50px);right:clamp(26px,4vw,50px);bottom:clamp(30px,4vw,54px);padding:20px 22px 22px;border-radius:18px;background:linear-gradient(180deg,rgba(2,8,12,.22),rgba(2,8,12,.72));box-shadow:0 16px 32px rgba(0,0,0,.22);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.process-intro .section-label{display:inline-flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid rgba(0,225,213,.43);border-radius:999px;background:rgba(0,18,25,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#c9f9f4;margin-bottom:22px;font-size:11px;letter-spacing:.16em}
.process-dot{width:8px;height:8px;border-radius:50%;background:#00e1d3;box-shadow:0 0 12px #00e1d3}
.process-intro h2{font-size:clamp(42px,4.3vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 23px;color:#f4f8f8}.process-intro h2 em{font-style:normal;color:#00dbc6}
.process-intro-content>p:last-child{max-width:470px;margin:0;color:#d2ddde;font-size:clamp(15px,1.25vw,19px);line-height:1.5}
.process-steps{position:relative;display:flex;flex-direction:column;gap:12px;padding:6px 0}
.process-line{position:absolute;z-index:0;left:27px;top:27px;bottom:27px;width:2px;background:rgba(0,201,133,.3);border-radius:2px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.process-line, .process-line *, .process-marker, .process-marker *,
.approach.scroll-scene .process-line, .approach.scroll-scene .process-line *,
.approach.scroll-scene .process-marker, .approach.scroll-scene .process-marker *{
  -webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;
  -webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;
}
.process-line::selection, .process-line *::selection, .process-marker::selection, .process-marker *::selection,
.approach.scroll-scene .process-line::selection, .approach.scroll-scene .process-line *::selection,
.approach.scroll-scene .process-marker::selection, .approach.scroll-scene .process-marker *::selection{
  background:transparent!important;color:inherit!important;
}
.process-step{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr) 220px;gap:18px;align-items:center;min-height:112px;padding:13px 14px 13px 0;border:1px solid rgba(0,224,211,.23);border-radius:18px;background:linear-gradient(100deg,rgba(7,28,34,.76),rgba(7,19,25,.46));backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 30px rgba(0,0,0,.2);transition:transform .25s,border-color .25s,background .25s}
.process-step:hover{transform:translateX(5px);border-color:rgba(0,239,222,.62);background:linear-gradient(100deg,rgba(8,43,49,.84),rgba(7,22,28,.58))}
.step-icon{display:grid;place-items:center;width:50px;height:50px;margin-left:6px;border:1px solid rgba(0,239,222,.68);border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(0,239,222,.28),rgba(0,22,29,.84));color:#f2ffff;font-size:24px;box-shadow:0 0 18px rgba(0,224,211,.18),inset 0 1px rgba(255,255,255,.16)}
.process-step strong{display:block;color:#00e0cd;font-size:14px;letter-spacing:.06em}.process-step h3{margin:2px 0 4px;color:#f4f8f8;font-size:22px;letter-spacing:-.03em}.process-step p{margin:0;color:#b8c8ca;font-size:13px;line-height:1.35}.process-step img{width:220px;height:84px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.13);opacity:.88;filter:saturate(.86)}
@media(max-width:1050px){.process-showcase{grid-template-columns:1fr}.process-intro{min-height:600px}.process-step{grid-template-columns:64px minmax(0,1fr) 190px}.process-step img{width:190px}}
@media(max-width:640px){.approach{padding:70px 16px!important}.process-intro{min-height:570px;border-radius:21px}.process-intro-content{left:23px;right:23px;bottom:28px;padding:16px 17px 18px}.process-intro h2{font-size:clamp(39px,12vw,58px)}.process-intro-content>p:last-child{font-size:15px}.process-line{left:0;width:58px}.step-icon{width:42px;height:42px;font-size:20px;margin-left:4px}.process-step h3{font-size:19px}.process-step p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.process-step{transition:none!important}.process-step:hover{transform:none}}

/* Let the process image breathe into the page; keep only the copy panel as glass. */
.process-intro{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.process-intro-image{
  inset:-18px!important;
  border-radius:0!important;
  -webkit-mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 42%,rgba(0,0,0,.92) 65%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 42%,rgba(0,0,0,.92) 65%,transparent 100%);
}
.process-intro:after{
  inset:-18px!important;
  background:radial-gradient(ellipse 74% 80% at 50% 50%,transparent 36%,rgba(4,10,15,.12) 65%,rgba(4,10,15,.82) 100%),linear-gradient(180deg,rgba(3,10,15,.04),rgba(3,8,12,.28) 76%)!important;
  -webkit-mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 42%,transparent 100%);
  mask-image:radial-gradient(ellipse 76% 82% at 50% 50%,#000 42%,transparent 100%);
}
.process-intro-content{
  background:linear-gradient(180deg,rgba(2,8,12,.34),rgba(2,8,12,.8))!important;
  border:1px solid rgba(117,220,224,.1);
  box-shadow:0 20px 42px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)!important;
}
@media(max-width:640px){.process-intro-image,.process-intro:after{inset:-10px!important}.process-intro-content{border-radius:16px}}

/* Philosophy section: clear editorial hierarchy with a premium principle rail. */
.about{display:block!important;background:radial-gradient(circle at 12% 18%,rgba(0,201,133,.08),transparent 32%),#060a0b!important;color:#f5f8f6;padding:clamp(82px,10vw,148px) clamp(20px,7vw,110px)!important;overflow:hidden}
.philosophy-shell{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,.84fr) minmax(520px,1.16fr);gap:clamp(44px,8vw,130px);align-items:start}
.philosophy-copy{position:sticky;top:40px}.philosophy-copy .section-label{display:flex;align-items:center;gap:10px;color:#00d49a;font-size:11px;letter-spacing:.18em;margin:0 0 25px}.philosophy-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(0,212,154,.13);border:1px solid rgba(0,212,154,.45);font-size:10px}
.philosophy-copy h2{font-size:clamp(47px,5.4vw,86px);line-height:.96;letter-spacing:-.065em;margin:0;color:#f2f4f1}.philosophy-copy h2 em{font-style:normal;color:#00c985}.philosophy-lede{max-width:510px;color:#aab8b1;font-size:17px;line-height:1.65;margin:36px 0 28px}.growth-path{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#dce8e2;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.growth-path span,.growth-path strong{padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045)}.growth-path strong{color:#03150e;border-color:#00c985;background:#00c985}.growth-path i{color:#00d49a;font-style:normal;font-size:17px}.philosophy-copy .text-link{margin-top:38px;color:#f5f8f6}.philosophy-copy .text-link span{color:#00c985}
.principle-stack{border-top:1px solid rgba(255,255,255,.18)}.principle-stack-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 19px;color:#00d49a;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.principle-stack-heading small{color:#798780;font-size:10px;letter-spacing:.05em;font-weight:500;text-transform:none}.principle-stack article{display:grid;grid-template-columns:44px 1fr 26px;gap:18px;align-items:start;padding:23px 0;border-top:1px solid rgba(255,255,255,.12);transition:padding .25s,background .25s,border-color .25s}.principle-stack article:hover{padding-left:13px;padding-right:13px;border-color:rgba(0,201,133,.42);background:linear-gradient(90deg,rgba(0,201,133,.07),transparent);border-radius:12px}.principle-stack article>b{color:#00c985;font-size:12px;letter-spacing:.08em;padding-top:4px}.principle-stack article h3{margin:0;color:#f1f5f2;font-size:19px;letter-spacing:-.025em}.principle-stack article p{max-width:470px;color:#9ca9a3;margin:7px 0 0;font-size:14px;line-height:1.5}.principle-stack article>span{color:#00c985;font-size:19px;opacity:.7;padding-top:1px}
@media(max-width:1000px){.philosophy-shell{grid-template-columns:1fr}.philosophy-copy{position:static}.philosophy-lede{max-width:680px}.principle-stack{margin-top:28px}}
@media(max-width:640px){.about{padding:74px 17px!important}.philosophy-copy h2{font-size:clamp(42px,12vw,61px)}.philosophy-lede{font-size:16px;margin:27px 0}.growth-path{gap:6px}.growth-path span,.growth-path strong{padding:8px 9px;font-size:9px}.growth-path i{font-size:13px}.principle-stack-heading{display:block}.principle-stack-heading small{display:block;margin-top:8px}.principle-stack article{grid-template-columns:33px 1fr 18px;gap:10px;padding:20px 0}.principle-stack article h3{font-size:17px}.principle-stack article p{font-size:13px}.principle-stack article>span{font-size:16px}}

/* Scroll-driven polish: calm reveals, staggered cards and restrained depth. */
.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.65,.2,1),transform .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.scroll-reveal[data-reveal="left"]{transform:translateX(-34px)}.scroll-reveal[data-reveal="right"]{transform:translateX(34px)}.scroll-reveal[data-reveal="scale"]{transform:scale(.94)}.scroll-reveal[data-reveal="left"].is-visible,.scroll-reveal[data-reveal="right"].is-visible,.scroll-reveal[data-reveal="scale"].is-visible{transform:none}
.reveal-line{display:block;overflow:hidden}.reveal-line>span{display:block;transform:translateY(110%);transition:transform .85s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}.is-visible .reveal-line>span{transform:none}
.process-step,.service-card,.review-card,.result-grid article,.team-grid article,.featured-project,.principle-stack article{will-change:transform}
.process-intro-image{transition:transform .8s cubic-bezier(.2,.65,.2,1)}.process-intro:hover .process-intro-image{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.reveal-line>span{opacity:1!important;transform:none!important;transition:none!important}.process-intro-image{transition:none!important}.process-intro:hover .process-intro-image{transform:none}}

/* Compact centered brand + navigation; remove the overlapping header CTA. */
@media(min-width:901px){
  .site-header{display:flex!important;justify-content:center!important;align-items:center!important}
  .brand{position:absolute!important;left:clamp(24px,4vw,58px)!important;top:50%!important;transform:translateY(-50%)!important;width:112px!important;flex:0 0 auto!important}
  .desktop-nav{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;flex:0 0 auto!important}
  .header-cta{display:none!important}
}

/* Editorial premium pass: Muujis owns the palette, the scroll story owns the rhythm. */
:root{--mx:1160px;--hair:rgba(255,255,255,.12)}
body{background:#05080b}
.section-pad{position:relative;isolation:isolate}
.section-pad:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent)}
.hero{min-height:860px}
.hero-content{max-width:760px}
.hero h1{font-size:clamp(56px,6.8vw,104px);line-height:.91;text-wrap:balance}
.hero-title-primary{display:block;color:#f5f8f7}
.hero-title-accent{display:block;color:#00c985!important;margin-left:clamp(0px,2vw,32px);text-shadow:0 0 34px rgba(0,201,133,.13)}
.hero-copy{max-width:560px;font-size:clamp(16px,1.15vw,19px);line-height:1.58}
.hero-proof{right:clamp(22px,7vw,104px);bottom:42px;border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:0 12px 12px;background:rgba(4,10,9,.28)}
.hero-proof div{width:155px;padding:16px 18px 0;border-color:rgba(255,255,255,.1)}
.hero-proof strong{font-size:28px;letter-spacing:-.05em}
.statement{padding-top:clamp(105px,13vw,190px);padding-bottom:clamp(105px,13vw,190px)}
.statement h2{max-width:1000px;font-size:clamp(42px,5.35vw,82px);text-wrap:balance}
.statement-grid{max-width:1120px;margin-top:78px;gap:clamp(35px,8vw,120px)}
.flow{align-content:flex-start;justify-content:flex-start;gap:9px}
.flow span{padding:11px 14px;border:1px solid rgba(0,201,133,.22);border-radius:999px;background:rgba(0,201,133,.055);font-size:11px;letter-spacing:.1em}
.flow span:last-child{color:#04150e;background:var(--green);border-color:var(--green)}
.services{background:radial-gradient(circle at 86% 6%,rgba(0,201,133,.12),transparent 28%),#070b0c}
.services .section-heading,.results .section-heading,.work .section-heading,.approach .section-heading{max-width:var(--mx);margin-left:auto;margin-right:auto}
.section-heading h2{font-size:clamp(42px,5vw,75px);text-wrap:balance}
.service-grid{max-width:var(--mx);margin:0 auto;border:0;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.service-card{min-height:410px;margin:0;border-radius:24px;padding:clamp(28px,3.8vw,52px);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.service-card:hover{transform:translateY(-6px)}
.service-card h3{font-size:clamp(28px,2.5vw,42px);max-width:360px}
.service-top span{font-size:11px;letter-spacing:.16em}.service-top b{font-size:25px;font-weight:400;color:#8fffe0}
.results{background:linear-gradient(180deg,#070b0c,#05080a)}
.result-grid{max-width:var(--mx);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.result-grid article{min-height:260px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 60px rgba(0,0,0,.18);transition:transform .3s,border-color .3s}
.result-grid article:hover{transform:translateY(-5px);border-color:rgba(0,201,133,.45)}
.result-grid strong{color:#00c985;font-size:13px;letter-spacing:.16em}.result-grid h3{margin:50px 0 10px;font-size:24px;color:#f5f8f7}.result-grid p{color:#9ca9a2;line-height:1.6;font-size:14px}
.work{padding-left:clamp(20px,7vw,110px)!important;padding-right:clamp(20px,7vw,110px)!important}
.featured-project{max-width:var(--mx);margin:0 auto 18px;min-height:540px;position:relative;transition:transform .35s ease,border-color .35s ease}
.featured-project:hover{transform:translateY(-5px);border-color:rgba(0,201,133,.48)}
.project-image img{filter:saturate(.8) contrast(1.04)}
.project-info h3{font-size:clamp(34px,4vw,60px)}
.project-info button{border-bottom:1px solid rgba(0,201,133,.55);padding-bottom:6px}
.approach{background:radial-gradient(circle at 85% 10%,rgba(0,201,133,.12),transparent 30%),#060a0c!important}
.process-step{min-height:124px}
.process-step strong{font-size:12px}.process-step h3{font-size:24px}.process-step p{max-width:430px}
.testimonial{border-top:1px solid rgba(255,255,255,.1)}
.contact{background:radial-gradient(circle at 80% 20%,rgba(0,201,133,.12),transparent 32%),#030607}
@media(max-width:900px){.hero{min-height:780px}.result-grid{grid-template-columns:1fr}.hero-proof{right:16px}.hero-proof div{width:auto;flex:1}.service-grid{grid-template-columns:1fr}.featured-project{min-height:0}.project-info{min-height:390px}}
@media(max-width:640px){.hero h1{font-size:clamp(51px,14vw,76px)}.hero-title-accent{margin-left:0}.hero-proof{bottom:24px}.hero-proof div{padding:13px 8px 0}.hero-proof strong{font-size:22px}.hero-proof span{font-size:10px}.statement h2{font-size:clamp(38px,11vw,58px)}.statement-grid{margin-top:48px}.flow span{font-size:9px;padding:9px 10px}.service-card{min-height:360px}.result-grid article{min-height:215px}.result-grid h3{margin-top:34px}.process-step h3{font-size:20px}}


/* Desktop scroll-story scenes. Each stage is reversible: scrolling up unwinds it cleanly. */
@media(min-width:901px){
  .scroll-scene{min-height:320vh!important;padding:0!important;overflow:visible!important}
  .scroll-scene[data-scroll-scene="true"]>.scroll-stage{position:sticky;top:0;height:100svh;overflow:hidden;padding:clamp(80px,9vh,110px) clamp(30px,7vw,110px) clamp(34px,5vh,60px);display:flex;flex-direction:column;justify-content:center}
  .scroll-scene[data-scroll-scene="true"]>.scroll-stage:after{content:"";position:absolute;right:clamp(20px,4vw,60px);bottom:30px;width:112px;height:2px;background:linear-gradient(90deg,#00c985 calc(var(--scene-progress)*100%),rgba(255,255,255,.18) 0);box-shadow:0 0 14px rgba(0,201,133,.34)}
  .scroll-scene[data-scroll-scene="true"]>.scroll-stage:before{content:"SCROLL STORY";position:absolute;right:clamp(20px,4vw,60px);bottom:43px;color:rgba(230,250,244,.46);font-size:9px;letter-spacing:.17em;font-weight:800}
  .scroll-scene .section-heading{margin-bottom:clamp(25px,4vh,48px)}
  .scroll-scene .section-heading h2{font-size:clamp(39px,4.2vw,68px)}
  .scroll-scene .scroll-reveal{opacity:1;transform:none}
  .services.scroll-scene{min-height:350vh!important}
  .services.scroll-scene .service-grid{display:flex;gap:14px;width:max-content;max-width:none;transform:translate3d(calc(var(--scene-progress)*-22%),0,0);transition:transform .08s linear;will-change:transform}
  .services.scroll-scene .service-card{width:min(29vw,370px);min-height:405px;opacity:.44;transform:scale(.95);transition:opacity .35s,transform .35s,border-color .35s}
  .services.scroll-scene .service-card.scene-current{opacity:1;transform:scale(1);border-color:rgba(0,201,133,.58);box-shadow:0 24px 72px rgba(0,0,0,.4),0 0 0 1px rgba(0,201,133,.1),inset 0 1px rgba(255,255,255,.12)}
  .results.scroll-scene{min-height:270vh!important}.results.scroll-scene .result-grid article{opacity:calc(.28 + var(--scene-progress));transform:translateY(calc((1 - var(--scene-progress))*32px))}
  .work.scroll-scene{min-height:360vh!important}.work.scroll-scene .scroll-stage{position:sticky}.work.scroll-scene .section-heading{max-width:420px;align-self:flex-start}.work.scroll-scene .work-filters{position:absolute;top:clamp(100px,15vh,142px);right:clamp(30px,7vw,110px)}
  .work.scroll-scene .featured-project{position:absolute;left:clamp(38vw,43vw,48vw);right:clamp(30px,7vw,110px);top:clamp(200px,26vh,255px);height:min(62vh,570px);min-height:0;margin:0;opacity:0;pointer-events:none;transform:translate3d(90px,0,0) scale(.96);transition:opacity .42s,transform .42s}
  .work.scroll-scene .featured-project:nth-of-type(2){transform:translate3d(calc((var(--scene-progress) - .5)*-190px),0,0) scale(.96)}
  .work.scroll-scene .featured-project.scene-current{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
  .work.scroll-scene .project-image{min-height:0}.work.scroll-scene .project-info{padding:clamp(25px,3vw,46px)}.work.scroll-scene .project-info h3{font-size:clamp(31px,3.6vw,55px)}
  .approach.scroll-scene{min-height:430vh!important}.approach.scroll-scene .scroll-stage{padding-top:clamp(70px,8vh,90px);padding-bottom:28px}.approach.scroll-scene .process-showcase{width:min(100%,1440px);min-height:0;transform:translateY(calc((.5 - var(--scene-progress))*18px));transition:transform .12s linear}
  .approach.scroll-scene .process-step{opacity:.3;transform:translateX(34px);transition:opacity .35s,transform .35s,border-color .35s}.approach.scroll-scene .process-step.scene-current{opacity:1;transform:none;border-color:rgba(0,239,222,.62)}
  .about.scroll-scene{min-height:400vh!important}.about.scroll-scene .philosophy-shell{width:min(100%,1400px);grid-template-columns:minmax(300px,.74fr) minmax(520px,1.26fr)}.about.scroll-scene .philosophy-copy{top:auto}.about.scroll-scene .principle-stack article{padding:15px 0;opacity:.32;transition:opacity .3s,transform .3s}.about.scroll-scene .principle-stack article.scene-current{opacity:1;transform:translateX(10px)}.about.scroll-scene .principle-stack article h3{font-size:17px}.about.scroll-scene .principle-stack article p{font-size:12px;margin-top:4px}
  .testimonial.scroll-scene{min-height:300vh!important}.testimonial.scroll-scene .review-rail{transform:translateX(calc(var(--scene-progress)*-11%));transition:transform .1s linear}.testimonial.scroll-scene .review-card{opacity:.42;transition:opacity .35s,transform .35s}.testimonial.scroll-scene .review-card.scene-current{opacity:1;transform:translateY(-8px)}
  .team-section.scroll-scene{min-height:250vh!important}.team-section.scroll-scene .team-grid{transform:translateY(calc((.5 - var(--scene-progress))*34px));transition:transform .12s linear}
}
@media(max-width:900px){.scroll-scene,.scroll-scene[data-scroll-scene="true"]{min-height:0!important}.scroll-scene[data-scroll-scene="true"]>.scroll-stage{position:static!important;height:auto!important;overflow:visible!important;padding:0!important;display:block!important}.scroll-stage:before,.scroll-stage:after{display:none!important}}

/* Keep the Standard's vertical chapter taller than the shared scene defaults. */
@media(min-width:901px){
  .testimonial.scroll-scene{display:block!important;min-height:360vh!important}
  .testimonial.scroll-scene::before{display:none!important}
  .testimonial.scroll-scene>.scroll-stage::before,
  .testimonial.scroll-scene>.scroll-stage::after{display:none!important}
  .testimonial.scroll-scene blockquote{max-width:17ch!important;font-size:clamp(2.45rem,3.65vw,4.75rem)!important;line-height:.98!important}
  .testimonial.scroll-scene .review-rail{transform:none!important}
  .testimonial.scroll-scene .review-card.scene-current{transform:translate3d(0,calc(var(--card-offset,0)*var(--distance)),calc(var(--card-offset,0)*-90px)) rotateX(calc(var(--card-offset,0)*-7deg))!important}
}

/* Verified Muujis social channels */
.social-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.social-links a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.045);color:#cbd7d2;font-size:12px;font-weight:750;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease}
.social-links a>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(19,214,160,.12);color:#42ddb3;font-size:11px;font-weight:900}
.social-links a>b{font:inherit}
.social-links a:hover{color:#07110e;background:#13d6a0;border-color:#13d6a0;transform:translateY(-2px)}
.social-links a:hover>span{background:rgba(0,0,0,.12);color:#07110e}
.social-links a:focus-visible,.footer-social a:focus-visible{outline:3px solid rgba(76,232,190,.85);outline-offset:3px}
.footer-social{display:flex!important;flex-direction:row!important;gap:9px!important;margin-top:8px}
.footer-social a{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.045);color:#b9c8c2;font-size:11px;font-weight:850;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.footer-social a>b{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.footer-social a:hover{color:#03110c;background:#13d6a0;border-color:#13d6a0;transform:translateY(-2px)}
@media(max-width:640px){.social-links{display:grid;grid-template-columns:1fr 1fr}.social-links a{justify-content:center}}

/* How We Work — selected vertical scroll-story direction. */
@media(min-width:901px){
  main>section.approach.scroll-scene{
    min-height:520vh!important;
    margin-inline:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    padding:0!important;
    background:#050b0e!important;
  }
  .approach.scroll-scene>.scroll-stage{
    position:sticky!important;
    top:0!important;
    height:100svh!important;
    min-height:680px!important;
    display:block!important;
    padding:clamp(72px,8vh,104px) clamp(30px,5vw,88px)!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  .approach.scroll-scene>.scroll-stage::before{
    display:none!important;
  }
  .approach.scroll-scene>.scroll-stage::after{display:none!important}
  .approach.scroll-scene .process-showcase{
    position:relative!important;
    z-index:1;
    display:grid!important;
    grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr)!important;
    gap:clamp(46px,6vw,110px)!important;
    width:min(100%,1480px)!important;
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    align-items:center!important;
    transform:none!important;
  }
  .approach.scroll-scene .process-intro{
    min-height:clamp(560px,76vh,760px)!important;
    height:clamp(560px,76vh,760px)!important;
    border:0!important;
    border-radius:28px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .approach.scroll-scene .process-intro-image{opacity:.64!important;filter:blur(2px) saturate(.82) brightness(.72)!important}
  .approach.scroll-scene .process-intro-content{
    left:clamp(28px,3vw,52px)!important;
    right:clamp(28px,3vw,52px)!important;
    bottom:clamp(32px,4vw,60px)!important;
    padding:0!important;
    background:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .approach.scroll-scene .process-intro .section-label{margin-bottom:28px!important}
  .approach.scroll-scene .process-intro h2{max-width:100%!important;font-size:clamp(32px,2.75vw,56px)!important;line-height:.98!important;letter-spacing:-.06em!important;overflow-wrap:normal!important}
  .approach.scroll-scene .process-intro-content>p:last-child{max-width:430px!important;font-size:clamp(15px,1.1vw,18px)!important;color:#c6d5d6!important;line-height:1.55!important}
  .approach.scroll-scene .process-steps{
    position:relative!important;
    height:clamp(500px,66vh,680px)!important;
    display:block!important;
    padding:0!important;
  }
  .approach.scroll-scene .process-steps::before{
    content:"";
    position:absolute;
    inset:11% 5% 11% 9%;
    z-index:0;
    pointer-events:none;
    background:url('/images/process-studio-generated.png') center/cover no-repeat;
    opacity:.34;
    filter:grayscale(.65) brightness(.8);
    -webkit-mask-image:radial-gradient(ellipse at center,#000 14%,transparent 76%);
    mask-image:radial-gradient(ellipse at center,#000 14%,transparent 76%);
  }
  .approach.scroll-scene .process-line{
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:70px!important;
    z-index:3!important;
    opacity:1!important;
    background-image:none!important;
    background:none!important;
    filter:none!important;
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:transparent!important;
    outline:none!important;
  }
  .approach.scroll-scene .process-line::before{
    content:"";
    position:absolute;
    left:30px;
    top:6%;
    bottom:6%;
    width:2px;
    border-radius:2px;
    background:rgba(218,229,228,.32);
    box-shadow:none;
  }
  .approach.scroll-scene .process-line .process-marker{
    position:absolute!important;left:31px!important;z-index:5!important;
    width:25px!important;height:25px!important;display:grid!important;place-items:center!important;
    border:1px solid rgba(215,226,226,.25)!important;border-radius:50%!important;
    background:#091015!important;color:#a2b0b1!important;
    font:700 8px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.02em!important;
    box-shadow:none!important;
    transform:translate(-50%,-50%) scale(.88)!important;
    transition:top .45s cubic-bezier(.2,.7,.2,1),color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease!important;
    -webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;
    -webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;
  }
  .approach.scroll-scene .process-line .process-marker:nth-child(1){top:7%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(2){top:24%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(3){top:41%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(4){top:59%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(5){top:76%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(6){top:93%!important}
  .approach.scroll-scene .process-line .process-marker.is-passed{color:#a2b0b1!important;border-color:rgba(215,226,226,.25)!important;background:#091015!important}
  .approach.scroll-scene .process-line .process-marker.is-active{z-index:8!important;color:#052016!important;border-color:#00c985!important;background:#00c985!important;box-shadow:none!important;transform:translate(-50%,-50%) scale(1.12)!important}
  .approach.scroll-scene .process-step{
    position:absolute!important;
    z-index:1!important;
    left:clamp(46px,4.3vw,78px)!important;
    right:clamp(68px,8vw,150px)!important;
    top:50%!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) minmax(116px,158px)!important;
    gap:14px!important;
    min-height:0!important;
    height:clamp(156px,21vh,194px)!important;
    padding:16px 16px 16px 0!important;
    border-radius:20px!important;
    opacity:.14!important;
    transform:translateY(-50%) scale(.72)!important;
    filter:blur(1.2px)!important;
    pointer-events:none!important;
    background:rgba(10,16,19,.18)!important;
    border-color:rgba(218,229,228,.1)!important;
    backdrop-filter:blur(13px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(13px) saturate(125%)!important;
    box-shadow:none!important;
    transition:opacity .48s cubic-bezier(.2,.7,.2,1),transform .58s cubic-bezier(.2,.7,.2,1),filter .48s ease,border-color .35s ease,background .35s ease!important;
  }
  .approach.scroll-scene .process-step{
    transform:translateY(calc(-50% + var(--step-offset, 0) * clamp(74px, 11vh, 105px))) scale(calc(1 - min(0.3, var(--step-dist, 0) * 0.14)))!important;
    opacity:calc(1 - min(0.85, var(--step-dist, 0) * 0.44))!important;
    filter:blur(calc(min(3px, var(--step-dist, 0) * 1.3px)))!important;
  }
  .approach.scroll-scene .process-step[data-distant="true"]{
    opacity:0!important;
    pointer-events:none!important;
  }
  .approach.scroll-scene .process-step.scene-current{
    z-index:4!important;
    opacity:1!important;
    transform:translateY(-50%) scale(1)!important;
    filter:none!important;
    pointer-events:auto!important;
    border-color:rgba(218,229,228,.24)!important;
    background:rgba(7,14,18,.75)!important;
    backdrop-filter:blur(15px) saturate(90%)!important;
    -webkit-backdrop-filter:blur(15px) saturate(90%)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08)!important;
  }
  .approach.scroll-scene .process-step:nth-child(3).scene-current,
  .approach.scroll-scene .process-step:nth-child(4).scene-current,
  .approach.scroll-scene .process-step:nth-child(5).scene-current{border-color:rgba(218,229,228,.24)!important;background:rgba(7,14,18,.75)!important}
  .approach.scroll-scene .process-step .step-icon{width:42px!important;height:42px!important;margin-left:1px!important;border:1px solid transparent!important;background:transparent!important;color:#00c985!important;font-size:20px!important;box-shadow:none!important;opacity:0!important;transition:opacity .28s ease!important}
  .approach.scroll-scene .process-step.scene-current .step-icon{opacity:1!important}
  .approach.scroll-scene .process-step strong{color:#d7e5e4!important}
  .approach.scroll-scene .process-step h3{font-size:clamp(22px,1.9vw,32px)!important;line-height:1.05!important;margin:4px 0 6px!important}
  .approach.scroll-scene .process-step p{font-size:13px!important;line-height:1.4!important;max-width:390px!important;color:#d0e0de!important}
  .approach.scroll-scene .process-step img{width:100%!important;height:100%!important;max-height:none!important;border-radius:15px!important;opacity:.9!important}
}

/* Mobile & Tablet approach interactive scroll-story: preserves the full line, markers, and frosted cards */
@media(max-width:900px){
  main>section.approach.scroll-scene{
    min-height:380vh!important;
    margin-inline:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
    padding:0!important;
    background:radial-gradient(circle at 14% 18%,rgba(0,201,133,.1),transparent 35%),radial-gradient(circle at 86% 75%,rgba(0,201,133,.06),transparent 30%),#050b0e!important;
  }
  .approach.scroll-scene>.scroll-stage{
    position:sticky!important;
    top:0!important;
    height:100svh!important;
    min-height:0!important;
    max-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:clamp(12px,2vh,18px) clamp(14px,3.5vw,20px)!important;
    gap:clamp(10px,1.6vh,14px)!important;
    overflow:hidden!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  .approach.scroll-scene .process-showcase{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:calc(100svh - 24px)!important;
    gap:clamp(10px,1.6vh,14px)!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    margin:0!important;
    position:relative!important;
    z-index:1!important;
  }
  .approach.scroll-scene .process-intro{
    flex:0 0 auto!important;
    height:auto!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
  }
  .approach.scroll-scene .process-intro-image{
    display:none!important;
  }
  .approach.scroll-scene .process-intro-content{
    position:static!important;
    padding:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  .approach.scroll-scene .process-intro .section-label{
    margin-bottom:8px!important;
    font-size:10.5px!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
    color:#c9f9f4!important;
    text-transform:uppercase!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:5px 12px!important;
    border:1px solid rgba(0,201,133,.38)!important;
    border-radius:999px!important;
    background:rgba(0,18,25,.55)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .approach.scroll-scene .process-dot{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    background:#00c985!important;
    box-shadow:0 0 10px #00c985!important;
  }
  .approach.scroll-scene .process-intro h2{
    font-size:clamp(24px,6.2vw,30px)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:500!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
    margin:0 0 8px 0!important;
    color:#f4f8f8!important;
  }
  .approach.scroll-scene .process-intro h2 em{
    color:#00c985!important;
    font-style:normal!important;
  }
  .approach.scroll-scene .process-intro-content>p:last-child{
    font-size:12.5px!important;
    line-height:1.5!important;
    color:#c6d5d6!important;
    margin:0!important;
    display:block!important;
    overflow:visible!important;
    max-width:100%!important;
  }
  .approach.scroll-scene .process-copy-accent{
    color:#00c985!important;
    font-weight:600!important;
  }
  .approach.scroll-scene .process-steps{
    position:relative!important;
    flex:1 1 auto!important;
    height:100%!important;
    min-height:280px!important;
    max-height:clamp(300px,50vh,400px)!important;
    display:block!important;
    padding:0!important;
    overflow:visible!important;
    margin-top:4px!important;
  }
  .approach.scroll-scene .process-steps::before{
    content:""!important;
    position:absolute!important;
    inset:4% 0 4% 18px!important;
    z-index:0!important;
    pointer-events:none!important;
    background:url('/images/process-studio-generated.png') center/cover no-repeat!important;
    opacity:.18!important;
    filter:grayscale(.65) brightness(.8)!important;
    -webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 78%)!important;
    mask-image:radial-gradient(ellipse at center,#000 20%,transparent 78%)!important;
    display:block!important;
  }
  .approach.scroll-scene .process-line{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:32px!important;
    z-index:3!important;
    opacity:1!important;
    background-image:none!important;
    background:none!important;
    filter:none!important;
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:transparent!important;
    outline:none!important;
  }
  .approach.scroll-scene .process-line::before{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    transform:translateX(-50%)!important;
    top:12px!important;
    bottom:12px!important;
    width:2px!important;
    border-radius:999px!important;
    background:rgba(0,201,133,.3)!important;
    box-shadow:0 0 6px rgba(0,201,133,.2)!important;
    pointer-events:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
  .approach.scroll-scene .process-line .process-marker{
    position:absolute!important;
    left:15px!important;
    z-index:5!important;
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(215,226,226,.28)!important;
    border-radius:50%!important;
    background:#081115!important;
    color:#a2b0b1!important;
    font:700 8.5px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.02em!important;
    box-shadow:none!important;
    transform:translate(-50%,-50%) scale(.9)!important;
    transition:color .3s ease,background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease!important;
    cursor:pointer!important;
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:transparent!important;
    outline:none!important;
    -webkit-appearance:none!important;
  }
  .approach.scroll-scene .process-line .process-marker:focus,
  .approach.scroll-scene .process-line .process-marker:active{
    outline:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .approach.scroll-scene .process-line .process-marker:nth-child(1){top:8%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(2){top:25%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(3){top:42%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(4){top:58%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(5){top:75%!important}
  .approach.scroll-scene .process-line .process-marker:nth-child(6){top:92%!important}
  .approach.scroll-scene .process-line .process-marker.is-passed{
    color:rgba(0,201,133,.75)!important;
    border-color:rgba(0,201,133,.38)!important;
    background:#071618!important;
  }
  .approach.scroll-scene .process-line .process-marker.is-active{
    z-index:8!important;
    color:#04100b!important;
    border-color:#00c985!important;
    background:#00c985!important;
    box-shadow:0 0 14px rgba(0,201,133,.6)!important;
    transform:translate(-50%,-50%) scale(1.18)!important;
    font-weight:800!important;
  }
  .approach.scroll-scene .process-step{
    position:absolute!important;
    z-index:1!important;
    left:38px!important;
    right:0!important;
    width:calc(100% - 38px)!important;
    top:clamp(100px,33%,125px)!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) clamp(70px,20vw,88px)!important;
    gap:10px!important;
    align-items:center!important;
    min-height:0!important;
    height:auto!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
    opacity:calc(1 - min(0.72, var(--step-dist, 0) * 0.42))!important;
    transform:translateY(calc(-50% + var(--step-offset, 0) * clamp(78px, 11vh, 94px))) scale(calc(1 - min(0.24, var(--step-dist, 0) * 0.12)))!important;
    filter:blur(calc(min(2.5px, var(--step-dist, 0) * 1.2px)))!important;
    pointer-events:auto!important;
    background:rgba(8,18,22,.68)!important;
    border:1px solid rgba(218,229,228,.14)!important;
    backdrop-filter:blur(14px) saturate(110%)!important;
    -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.3)!important;
    transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),filter .42s ease,border-color .32s ease,background .32s ease,box-shadow .32s ease!important;
    cursor:pointer!important;
  }
  .approach.scroll-scene .process-step[data-distant="true"]{
    opacity:0!important;
    pointer-events:none!important;
  }
  .approach.scroll-scene .process-step.scene-current{
    z-index:4!important;
    opacity:1!important;
    transform:translateY(-50%) scale(1)!important;
    filter:none!important;
    pointer-events:auto!important;
    border-color:rgba(0,201,133,.48)!important;
    background:linear-gradient(135deg,rgba(14,32,36,.88),rgba(7,20,23,.95))!important;
    backdrop-filter:blur(18px) saturate(130%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(130%)!important;
    box-shadow:0 16px 44px rgba(0,0,0,.55),0 0 24px rgba(0,201,133,.14),inset 0 1px 0 rgba(255,255,255,.14)!important;
  }
  .approach.scroll-scene .process-step .step-icon{
    width:28px!important;
    height:28px!important;
    margin:0!important;
    border:1px solid rgba(0,201,133,.35)!important;
    border-radius:50%!important;
    background:rgba(0,201,133,.12)!important;
    color:#00c985!important;
    font-size:13px!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:none!important;
    opacity:1!important;
    transition:opacity .25s ease,background .25s ease,border-color .25s ease!important;
  }
  .approach.scroll-scene .process-step.scene-current .step-icon{
    background:#00c985!important;
    border-color:#00c985!important;
    color:#04100b!important;
    box-shadow:0 0 12px rgba(0,201,133,.45)!important;
  }
  .approach.scroll-scene .process-step strong{
    display:block!important;
    font-size:10px!important;
    color:#00c985!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    margin-bottom:2px!important;
  }
  .approach.scroll-scene .process-step h3{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(16px,4.2vw,20px)!important;
    font-weight:500!important;
    line-height:1.15!important;
    margin:0 0 3px 0!important;
    color:#f0f7f6!important;
  }
  .approach.scroll-scene .process-step p{
    font-size:11px!important;
    line-height:1.35!important;
    max-width:100%!important;
    color:rgba(225,238,235,.75)!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .approach.scroll-scene .process-step img{
    display:block!important;
    width:clamp(70px,20vw,88px)!important;
    height:clamp(70px,20vw,88px)!important;
    aspect-ratio:1!important;
    max-height:none!important;
    border-radius:13px!important;
    object-fit:cover!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.45)!important;
    filter:saturate(.88) contrast(1.04) brightness(.92)!important;
    opacity:1!important;
    transition:transform .4s ease,filter .4s ease!important;
  }
  .approach.scroll-scene .process-step.scene-current img{
    transform:scale(1.02)!important;
    filter:saturate(1) contrast(1.05) brightness(1)!important;
    border-color:rgba(0,201,133,.45)!important;
  }
}

@media(min-width:641px) and (max-width:900px){
  .approach.scroll-scene .process-showcase{
    display:grid!important;
    grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr)!important;
    gap:24px!important;
    align-items:center!important;
  }
  .approach.scroll-scene .process-intro h2{
    font-size:28px!important;
  }
  .approach.scroll-scene .process-intro-content>p:last-child{
    display:block!important;
    overflow:visible!important;
  }
}

/* Final results scroll fix: one stable horizontal stage, no stacked overflow or dead transforms. */
@media(min-width:901px){
  main>section.results.scroll-scene{min-height:270vh!important;overflow:hidden!important}
  .results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;min-height:100vh!important;overflow:hidden!important;padding:0!important}
  .results.scroll-scene .results-shell{display:grid!important;grid-template-columns:minmax(240px,.64fr) 44px minmax(0,1.2fr)!important;min-height:100vh!important;width:min(100%,1400px)!important;padding:clamp(70px,9vh,118px) clamp(28px,5vw,82px)!important;align-content:center!important}
  .results.scroll-scene .result-grid{position:relative!important;display:flex!important;grid-template-columns:none!important;gap:clamp(18px,2vw,30px)!important;width:max-content!important;max-width:none!important;margin:0!important;transform:translate3d(var(--results-shift,0),0,0)!important;transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;align-self:center!important}
  .results.scroll-scene .result-grid article{display:grid!important;grid-template-columns:78px minmax(0,1fr) 24px!important;flex:0 0 min(42vw,650px)!important;width:min(42vw,650px)!important;min-height:clamp(430px,56vh,570px)!important;height:auto!important;padding:clamp(28px,3vw,48px)!important;border:1px solid rgba(151,222,216,.16)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(9,29,34,.88),rgba(5,14,17,.95))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 26px 70px rgba(0,0,0,.3)!important;opacity:.22!important;transform:scale(.96)!important;filter:none!important;transition:opacity .42s ease,transform .42s ease,border-color .42s ease,box-shadow .42s ease!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;transform:scale(1)!important;border-color:rgba(74,225,215,.58)!important;background:linear-gradient(145deg,rgba(16,53,63,.96),rgba(5,19,23,.98))!important;box-shadow:0 30px 86px rgba(0,0,0,.45),0 0 46px rgba(0,201,133,.1),inset 0 1px rgba(255,255,255,.13)!important}
  .results.scroll-scene .results-intro{position:static!important;transform:none!important;opacity:1!important}
  .results.scroll-scene .results-intro h2{max-width:320px!important}
  .results.scroll-scene .results-rail{min-height:clamp(420px,56vh,520px)!important;align-self:center!important}
  .results.scroll-scene .result-grid article::before{left:0!important;top:19%!important;bottom:19%!important}
  .results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 18px rgba(0,201,133,.6)!important}
  .results.scroll-scene .result-icon{width:68px!important;height:68px!important;align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2){align-self:center!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(34px,3vw,52px)!important}
  .results.scroll-scene .result-grid p{font-size:16px!important;max-width:430px!important}
}
@media(prefers-reduced-motion:reduce){
  .results.scroll-scene .result-grid{transform:none!important;transition:none!important}
  .results.scroll-scene .result-grid article{transition:none!important}
}

/* Portfolio editorial showcase */
.work{--portfolio-accent:#00c985;background:#050807;color:#f4f7f4;overflow:hidden}
.work .section-heading{position:relative;z-index:2}
.work .section-label{color:var(--portfolio-accent);letter-spacing:.18em}
.work .section-heading h2{max-width:560px;letter-spacing:-.055em}
.work .section-heading>p:last-child{max-width:350px;color:rgba(231,239,235,.64)}
.work-filters{display:flex;gap:10px;justify-content:flex-end;position:relative;z-index:3;margin:0 auto 28px;max-width:var(--mx)}
.work-filters button{appearance:none;border:1px solid rgba(225,240,232,.18);background:rgba(255,255,255,.025);color:rgba(235,244,238,.68);border-radius:999px;padding:11px 18px;font:600 12px/1.1 Inter,system-ui,sans-serif;transition:.25s ease}
.work-filters button:hover,.work-filters button:focus-visible{border-color:rgba(0,201,133,.65);color:#f5fff9}
.work-filters button.is-active{background:#8bd8e7;border-color:#8bd8e7;color:#061012}
.portfolio-project{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
.portfolio-project .project-info{order:1;background:linear-gradient(120deg,rgba(15,20,18,.92),rgba(15,20,18,.58));}
.portfolio-project .project-image{order:2}
.portfolio-project .project-image img{filter:saturate(.78) contrast(1.05);}
.portfolio-project .project-kicker{color:var(--portfolio-accent)}
.work-gallery{position:relative;z-index:4;max-width:var(--mx);margin:26px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.work-gallery-head{display:flex;justify-content:space-between;margin-bottom:12px;color:rgba(235,244,238,.55);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.work-gallery-count{color:var(--portfolio-accent)}
.work-gallery-viewport{overflow:hidden;padding-bottom:8px}
.work-gallery-track{display:flex;gap:14px;width:max-content;transform:translate3d(calc(var(--gallery-progress,0) * -28%),0,0);transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.work-thumb{width:clamp(180px,17vw,250px);margin:0;opacity:.48;transform:scale(.94);transition:opacity .35s ease,transform .35s ease,filter .35s ease;filter:saturate(.45)}
.work-thumb.is-current{opacity:1;transform:scale(1);filter:saturate(.9)}
.work-thumb img{display:block;width:100%;height:112px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.work-thumb figcaption{padding:8px 2px 0;color:rgba(235,244,238,.68);font-size:12px}
@media(min-width:901px){
 .work.scroll-scene{min-height:430vh!important}
 .work.scroll-scene .scroll-stage{align-items:stretch}
 .work.scroll-scene .section-heading{width:min(42vw,560px);margin-left:0;margin-right:auto}
 .work.scroll-scene .work-filters{position:absolute;top:clamp(76px,10vh,100px);right:clamp(24px,6vw,92px);margin:0;max-width:none}
 .work.scroll-scene .portfolio-project{left:clamp(39vw,44vw,50vw);right:clamp(24px,6vw,92px);top:clamp(190px,23vh,235px);height:min(58vh,570px);grid-template-columns:1fr 1.2fr}
 .work.scroll-scene .portfolio-project .project-info{padding:clamp(28px,3vw,58px)}
 .work.scroll-scene .portfolio-project .project-image{min-height:0}
 .work.scroll-scene .work-gallery{position:absolute;left:0;right:0;bottom:clamp(28px,5vh,58px);margin:0}
}
@media(max-width:900px){
 .work-filters{justify-content:flex-start;overflow:auto;padding-bottom:4px}
 .work-gallery{margin-top:28px}
 .work-gallery-track{transform:none!important}
 .work-thumb{width:190px}
 .work-thumb img{height:108px}
}

@media(prefers-reduced-motion:reduce){
  .approach.scroll-scene .process-step{transition:opacity .42s ease,transform .5s ease,filter .4s ease!important}
  .approach.scroll-scene .process-marker{transition:none!important}
}

/* How We Work — clean Muujis copy treatment. */
.process-intro .section-label{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#f0f6f3!important;
}
.process-dot{
  width:7px!important;
  height:7px!important;
  background:#00c985!important;
  box-shadow:none!important;
}
.process-intro h2 em{color:#00c985!important}
.process-copy-accent{color:#4de0b2;font-weight:650}
.process-intro-content{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(min-width:901px){
  .approach.scroll-scene .process-intro-content{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
}

/* Standard: restrained two-tone editorial copy and one-card-per-scroll pacing. */
@media(min-width:901px){
  .testimonial.scroll-scene .testimonial-lead{width:min(100%,540px)!important}
  .testimonial.scroll-scene blockquote{max-width:15ch!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(2.1rem,3vw,3.85rem)!important;font-weight:720!important;line-height:1.04!important;letter-spacing:-.05em!important}
  .testimonial.scroll-scene blockquote span{display:block}
  .testimonial.scroll-scene .standard-title-main{color:#f2f6f4}
  .testimonial.scroll-scene .standard-title-accent{margin-top:.2em;color:#22d7aa}
  .testimonial.scroll-scene .quote-mark{font-size:clamp(2.4rem,3.4vw,4rem)!important;margin-bottom:18px!important;color:#53c5c8!important}
  .testimonial.scroll-scene .testimonial-source{margin-top:28px!important}
  .testimonial.scroll-scene .review-card>p{max-width:17ch!important;font-size:clamp(1.85rem,2.6vw,3.25rem)!important;line-height:1.08!important;letter-spacing:-.04em!important}
  .testimonial.scroll-scene .review-card:nth-child(2){background:linear-gradient(145deg,rgba(12,43,50,.85),rgba(6,16,21,.94))!important;border-color:rgba(96,201,231,.24)!important}
  .testimonial.scroll-scene .review-card:nth-child(3){background:linear-gradient(145deg,rgba(31,37,60,.85),rgba(10,11,22,.94))!important;border-color:rgba(163,141,239,.24)!important}
  .testimonial.scroll-scene .review-card:nth-child(2).scene-current{border-color:rgba(104,219,241,.62)!important;box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 52px rgba(63,190,230,.1),inset 0 1px 0 rgba(255,255,255,.11)!important}
  .testimonial.scroll-scene .review-card:nth-child(3).scene-current{border-color:rgba(179,147,255,.58)!important;box-shadow:0 38px 110px rgba(0,0,0,.52),0 0 52px rgba(155,117,241,.1),inset 0 1px 0 rgba(255,255,255,.11)!important}
}
@media(max-width:900px){.testimonial blockquote .standard-title-accent{color:#22d7aa}}

/* Keep information-led sections focused instead of making every block a full-bleed screen. */
@media(min-width:901px){
  main>section:not(.hero){margin-inline:clamp(18px,3vw,54px);border-radius:30px;overflow:hidden}
  .statement{padding:clamp(84px,9vw,132px) clamp(34px,7vw,110px)!important;background:radial-gradient(circle at 86% 10%,rgba(0,201,133,.1),transparent 27%),#070b0b}
  .statement>.section-label,.statement>h2,.statement>.statement-grid{width:min(100%,1240px);margin-left:auto;margin-right:auto}
  .statement h2{max-width:980px;margin-top:0}.statement-grid{margin-top:56px!important}
  .services,.results,.about,.team-section,.contact{border:1px solid rgba(255,255,255,.06)}
}
@media(max-width:900px){main>section:not(.hero){margin-inline:8px;border-radius:20px;overflow:hidden}.statement{padding-top:78px!important;padding-bottom:78px!important}}

/* Who We Are: one contained, cinematic scroll chapter—not an empty full-screen block. */
@media(min-width:901px){
  .statement.scroll-scene{min-height:240vh!important;background:transparent!important;border:0!important;overflow:visible!important}
  .statement.scroll-scene>.scroll-stage{height:82svh!important;top:9svh!important;margin:0!important;padding:clamp(58px,7vw,94px) clamp(38px,7vw,110px)!important;border:1px solid rgba(109,232,192,.14);border-radius:30px;background:radial-gradient(circle at 86% 18%,rgba(0,201,133,.14),transparent 26%),linear-gradient(130deg,#09100f,#050908 70%);box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)}
  .statement.scroll-scene>.scroll-stage:before{content:"01 / WHO WE ARE";left:auto;right:clamp(30px,4vw,60px);top:36px;bottom:auto;color:rgba(151,236,208,.63);font-size:10px;letter-spacing:.19em;font-weight:800}
  .statement.scroll-scene>.scroll-stage:after{right:clamp(30px,4vw,60px);bottom:30px;width:132px}
  .statement.scroll-scene .section-label{color:#62e6bd;opacity:calc(.32 + var(--scene-progress));transform:translateY(calc((1 - var(--scene-progress))*18px));transition:opacity .1s linear,transform .1s linear}
  .statement.scroll-scene h2{max-width:930px;font-size:clamp(52px,5.7vw,90px);opacity:calc(.38 + var(--scene-progress));transform:translateY(calc((1 - var(--scene-progress))*44px));transition:opacity .1s linear,transform .1s linear}
  .statement.scroll-scene .statement-grid{grid-template-columns:minmax(280px,.75fr) minmax(410px,1.25fr);max-width:1180px;margin-top:clamp(38px,5vh,64px)!important;opacity:calc(.25 + var(--scene-progress));transform:translateY(calc((1 - var(--scene-progress))*55px));transition:opacity .1s linear,transform .1s linear}
  .statement.scroll-scene .statement-grid>p{font-size:clamp(17px,1.25vw,20px);line-height:1.62}
  .statement.scroll-scene .flow{position:relative;padding-left:34px;align-content:center}
  .statement.scroll-scene .flow:before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,#00c985 30%,#00c985 70%,transparent);box-shadow:0 0 14px rgba(0,201,133,.55)}
  .statement.scroll-scene .flow span{opacity:calc(.42 + var(--scene-progress));transform:translateX(calc((1 - var(--scene-progress))*30px));transition:opacity .1s linear,transform .1s linear}
  .statement.scroll-scene .flow span:last-child{box-shadow:0 0 28px rgba(0,201,133,.2)}
}

/* Services scroll chapter: statement on the left, evolving service cards on the right. */
@media(min-width:901px){
  .services.scroll-scene{min-height:340vh!important}
  .services.scroll-scene>.scroll-stage{position:sticky!important;display:block!important;padding:clamp(74px,10vh,118px) clamp(34px,7vw,110px)!important}
  .services.scroll-scene .section-heading{position:absolute;left:clamp(34px,7vw,110px);top:clamp(88px,15vh,150px);width:min(34vw,490px);display:block!important;margin:0!important}
  .services.scroll-scene .section-heading>p{margin-top:28px;max-width:360px;font-size:15px;line-height:1.65}
  .services.scroll-scene .section-heading h2{font-size:clamp(46px,4.8vw,76px);line-height:.98}
  .services.scroll-scene .service-grid{position:absolute;left:clamp(42vw,44vw,48vw);right:clamp(34px,7vw,110px);top:50%;width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;transform:translate3d(0,calc(-50% + (1 - var(--scene-progress))*46px),0)!important;transition:transform .1s linear!important}
  .services.scroll-scene .service-card{width:auto!important;min-height:clamp(246px,30vh,330px)!important;margin:0!important;padding:clamp(20px,2.4vw,34px)!important;opacity:.30;transform:translateX(calc((1 - var(--scene-progress))*68px)) scale(.97);transition:opacity .32s,transform .32s,border-color .32s,background .32s}
  .services.scroll-scene .service-card h3{font-size:clamp(22px,2vw,34px);margin:clamp(30px,5vh,58px) 0 10px}.services.scroll-scene .service-card>p{font-size:14px;margin:0}.services.scroll-scene .service-card .tags{gap:5px;margin:18px 0}.services.scroll-scene .service-card .tags span{padding:5px 7px;font-size:10px}.services.scroll-scene .service-card>a{bottom:22px;font-size:12px}
  .services.scroll-scene .service-card.scene-current{opacity:1;transform:translateX(0) scale(1);border-color:rgba(0,201,133,.64);background:linear-gradient(135deg,rgba(0,201,133,.15),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 34px rgba(0,201,133,.09),inset 0 1px rgba(255,255,255,.16)}
}

/* Services horizontal rail: one service arrives from the right for each scroll beat. */
@media(min-width:901px){
  .services.scroll-scene{min-height:390vh!important}
  .services.scroll-scene .section-heading{z-index:2;transform:translate3d(var(--services-copy-shift,0),0,0);opacity:var(--services-copy-opacity,1);transition:transform .1s linear,opacity .1s linear}
  .services.scroll-scene .section-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:clamp(40px,4vw,64px);line-height:.95;letter-spacing:-.065em;max-width:420px}
  .services.scroll-scene .section-heading>p{font-size:14px;max-width:320px}
  .services.scroll-scene .service-grid{left:42vw!important;right:auto!important;top:50%!important;display:flex!important;grid-template-columns:none!important;gap:2.1vw!important;width:max-content!important;transform:translate3d(var(--services-shift,0),-50%,0)!important;transition:transform .12s linear!important;will-change:transform}
  .services.scroll-scene .service-card{flex:0 0 min(43vw,640px);width:min(43vw,640px)!important;min-height:clamp(310px,44vh,420px)!important;height:clamp(310px,44vh,420px);opacity:.42;transform:none!important;transition:opacity .3s,border-color .3s,background .3s,box-shadow .3s!important}
  .services.scroll-scene .service-card.scene-current{opacity:1;transform:none!important}
  .services.scroll-scene .service-card h3{font-size:clamp(28px,2.7vw,43px);margin-top:clamp(32px,7vh,72px)}
  .services.scroll-scene .service-card>p{font-size:15px}.services.scroll-scene .service-card .tags{margin:20px 0}.services.scroll-scene .service-card .tags span{font-size:10px;padding:6px 9px}
}

/* Services final polish: no outer card, tall portrait cards, quiet smoked-glass color. */
@media(min-width:901px){
  main>section.services.scroll-scene{margin-inline:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 78% 32%,rgba(48,127,135,.11),transparent 33%),radial-gradient(circle at 16% 72%,rgba(0,201,133,.045),transparent 30%),#05090a!important}
  .services.scroll-scene>.scroll-stage{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .services.scroll-scene .section-heading{left:clamp(38px,8vw,132px)!important;width:min(31vw,430px)!important}
  .services.scroll-scene .service-grid{left:48vw!important;gap:2vw!important}
  .services.scroll-scene .service-card{flex-basis:min(28vw,530px)!important;width:min(28vw,530px)!important;height:clamp(500px,61vh,660px)!important;min-height:clamp(500px,61vh,660px)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(20,29,33,.86),rgba(7,13,14,.94))!important;border-color:rgba(184,231,230,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 65px rgba(0,0,0,.28)!important}
  .services.scroll-scene .service-card.scene-current{background:linear-gradient(145deg,rgba(18,62,64,.82),rgba(7,18,19,.96))!important;border-color:rgba(111,243,226,.58)!important;box-shadow:0 30px 82px rgba(0,0,0,.4),0 0 36px rgba(41,226,210,.09),inset 0 1px rgba(255,255,255,.15)!important}
  .services.scroll-scene .service-card h3{font-size:clamp(28px,2.35vw,40px)!important;line-height:1.02}.services.scroll-scene .service-card>p{color:#aebdbd!important}.services.scroll-scene .service-card .tags span{border-color:rgba(202,246,241,.17)!important;color:#d1e0df!important}.services.scroll-scene .service-top{color:#74ebd5!important}
}

/* Results horizontal rail: outcome cards arrive one at a time beside the business promise. */
@media(min-width:901px){
  main>section.results.scroll-scene{margin-inline:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 82% 26%,rgba(55,111,133,.12),transparent 31%),#060a0c!important}
  .results.scroll-scene{min-height:330vh!important}
  .results.scroll-scene>.scroll-stage{position:sticky!important;display:block!important;padding:clamp(74px,10vh,118px) clamp(38px,8vw,132px)!important;background:transparent!important;box-shadow:none!important}
  .results.scroll-scene .section-heading{position:absolute;left:clamp(38px,8vw,132px);top:clamp(88px,15vh,150px);z-index:2;width:min(31vw,430px);display:block!important;margin:0!important;transform:translate3d(var(--results-copy-shift,0),0,0);opacity:var(--results-copy-opacity,1);transition:transform .1s linear,opacity .1s linear}
  .results.scroll-scene .section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4vw,64px);font-weight:600;line-height:.95;letter-spacing:-.065em}.results.scroll-scene .section-heading>p{margin-top:28px;max-width:320px;font-size:14px;line-height:1.65}
  .results.scroll-scene .result-grid{position:absolute;left:48vw;top:50%;display:flex!important;grid-template-columns:none!important;gap:2vw!important;width:max-content!important;transform:translate3d(var(--results-shift,0),-50%,0)!important;transition:transform .12s linear!important;will-change:transform}
  .results.scroll-scene .result-grid article{flex:0 0 min(30vw,555px);width:min(30vw,555px)!important;min-height:clamp(480px,58vh,625px)!important;height:clamp(480px,58vh,625px);padding:clamp(28px,3vw,46px)!important;border-radius:26px!important;opacity:.42!important;transform:none!important;background:linear-gradient(145deg,rgba(19,27,33,.88),rgba(7,11,14,.95))!important;border-color:rgba(184,231,230,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 65px rgba(0,0,0,.28)!important;transition:opacity .3s,border-color .3s,background .3s,box-shadow .3s!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(145deg,rgba(22,55,67,.82),rgba(7,18,22,.96))!important;border-color:rgba(111,218,243,.56)!important;box-shadow:0 30px 82px rgba(0,0,0,.4),0 0 36px rgba(54,195,232,.08),inset 0 1px rgba(255,255,255,.15)!important}
  .results.scroll-scene .result-grid strong{color:#79e8f1!important}.results.scroll-scene .result-grid h3{font-size:clamp(28px,2.35vw,40px)!important;margin-top:clamp(70px,13vh,135px)!important}.results.scroll-scene .result-grid p{font-size:16px!important;line-height:1.65!important;color:#afbec2!important}
}

/* Philosophy rail: the seven reasons move as an editorial horizontal sequence. */
@media(min-width:901px){
  main>section.about.scroll-scene{margin-inline:0!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 84% 26%,rgba(43,116,105,.12),transparent 33%),#050a0a!important}
  .about.scroll-scene{min-height:520vh!important}
  .about.scroll-scene>.scroll-stage{position:sticky!important;display:block!important;padding:clamp(72px,10vh,116px) clamp(38px,8vw,132px)!important;background:transparent!important;box-shadow:none!important}
  .about.scroll-scene .philosophy-shell{display:block!important;width:auto!important;margin:0!important}
  .about.scroll-scene .philosophy-copy{position:absolute!important;left:clamp(38px,8vw,132px);top:clamp(88px,15vh,150px);z-index:2;width:min(31vw,450px);transform:translate3d(var(--about-copy-shift,0),0,0);opacity:var(--about-copy-opacity,1);transition:transform .1s linear,opacity .1s linear}
  .about.scroll-scene .philosophy-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4vw,64px);font-weight:600;line-height:.95;letter-spacing:-.065em}.about.scroll-scene .philosophy-lede{font-size:15px;line-height:1.65;margin:28px 0 24px}.about.scroll-scene .growth-path{gap:7px}.about.scroll-scene .growth-path span,.about.scroll-scene .growth-path strong{padding:8px 10px;font-size:9px}
  .about.scroll-scene .principle-stack{position:absolute;left:48vw;top:50%;display:flex!important;gap:2vw;border:0!important;width:max-content!important;transform:translate3d(var(--about-shift,0),-50%,0);transition:transform .12s linear!important;will-change:transform}
  .about.scroll-scene .principle-stack-heading{display:none!important}
  .about.scroll-scene .principle-stack article{display:grid!important;grid-template-columns:1fr 24px!important;grid-template-rows:auto 1fr;align-content:start;flex:0 0 min(29vw,535px);width:min(29vw,535px);height:clamp(485px,59vh,640px);margin:0!important;padding:clamp(30px,3vw,48px)!important;border:1px solid rgba(182,240,224,.16)!important;border-radius:26px;background:linear-gradient(145deg,rgba(19,31,30,.88),rgba(7,14,14,.96));box-shadow:inset 0 1px rgba(255,255,255,.1),0 22px 65px rgba(0,0,0,.28);opacity:.36;transform:none!important;transition:opacity .3s,border-color .3s,background .3s,box-shadow .3s!important}
  .about.scroll-scene .principle-stack article>b{grid-column:1;color:#77ead0;font-size:12px;letter-spacing:.16em}.about.scroll-scene .principle-stack article>div{grid-column:1;align-self:center}.about.scroll-scene .principle-stack article>span{grid-column:2;grid-row:1;color:#79ead8}.about.scroll-scene .principle-stack article h3{font-size:clamp(27px,2.3vw,40px)!important;line-height:1.02;margin:0 0 18px}.about.scroll-scene .principle-stack article p{font-size:16px!important;line-height:1.65!important;color:#b1c0bc!important}
  .about.scroll-scene .principle-stack article.scene-current{opacity:1;background:linear-gradient(145deg,rgba(19,65,59,.82),rgba(7,20,19,.96));border-color:rgba(111,243,210,.57)!important;box-shadow:0 30px 82px rgba(0,0,0,.4),0 0 36px rgba(35,229,175,.08),inset 0 1px rgba(255,255,255,.15)}
}

/* Philosophy keeps its own editorial layout: left copy stays; one Why Muujis card changes at a time. */
@media(min-width:901px){
  .about.scroll-scene{min-height:440vh!important}
  .about.scroll-scene .philosophy-copy{transform:none!important;opacity:1!important}
  .about.scroll-scene .principle-stack{left:auto!important;right:clamp(38px,8vw,132px)!important;top:50%!important;display:block!important;width:min(39vw,690px)!important;height:clamp(520px,64vh,680px)!important;transform:translateY(-50%)!important;border-top:1px solid rgba(255,255,255,.14)!important}
  .about.scroll-scene .principle-stack-heading{display:flex!important;position:absolute;left:0;right:0;top:0;padding:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.11)}
  .about.scroll-scene .principle-stack article{position:absolute!important;left:0;right:0;top:76px;bottom:0;display:grid!important;grid-template-columns:1fr 26px!important;grid-template-rows:auto 1fr!important;width:auto!important;height:auto!important;padding:clamp(34px,4vw,58px)!important;border-radius:24px!important;opacity:0!important;transform:translateY(54px)!important;pointer-events:none;transition:opacity .42s cubic-bezier(.2,.7,.2,1),transform .52s cubic-bezier(.2,.7,.2,1),border-color .3s,background .3s!important}
  .about.scroll-scene .principle-stack article.scene-current{opacity:1!important;transform:none!important;pointer-events:auto}
  .about.scroll-scene .principle-stack article>b{font-size:14px}.about.scroll-scene .principle-stack article h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.3vw,55px)!important;line-height:1!important;max-width:500px}.about.scroll-scene .principle-stack article p{font-size:18px!important;max-width:470px;line-height:1.65!important}
  .about.scroll-scene .principle-stack article:nth-of-type(2n){background:linear-gradient(145deg,rgba(17,45,57,.87),rgba(7,15,19,.97))!important;border-color:rgba(100,207,229,.28)!important}.about.scroll-scene .principle-stack article:nth-of-type(3n){background:linear-gradient(145deg,rgba(39,39,62,.87),rgba(12,11,21,.97))!important;border-color:rgba(174,142,241,.26)!important}
}

/* Final stabilization: restore the cinematic hero and keep interaction states consistent. */
.hero-image{z-index:0;opacity:1!important;filter:saturate(.92) brightness(.9);object-position:center center!important}
.hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(2,6,5,.96) 0%,rgba(2,6,5,.82) 29%,rgba(2,6,5,.34) 56%,rgba(2,6,5,.12) 100%),linear-gradient(0deg,rgba(2,6,5,.72),transparent 56%)!important}
.hero-content,.hero-proof,.scroll-cue{z-index:2}
.project-link{border:0;background:none;color:#fff;padding:0;display:flex;align-items:center;gap:10px;font-weight:800;align-self:flex-start}.project-link:hover{color:var(--green)}
.review-meta>span:first-child{color:#74ead4;font-size:12px;font-weight:900}.review-meta>span:last-child{color:rgba(255,255,255,.5);font-size:10px;font-weight:800;letter-spacing:.12em}
.mobile-nav a span{margin-left:auto}.mobile-nav a.is-active{color:#25e1b0}
.contact input:focus-visible,.contact textarea:focus-visible,.contact select:focus-visible{outline:2px solid #00c985;outline-offset:2px;border-color:#00c985}
@media(max-width:900px){.hero-image{inset:4% 0!important;width:100%!important;height:92%!important;transform:none!important;border-radius:0!important;object-position:62% center!important}.hero-overlay{background:linear-gradient(90deg,rgba(2,6,5,.96),rgba(2,6,5,.54)),linear-gradient(0deg,rgba(2,6,5,.88),transparent 60%)!important}.mobile-nav a{align-items:center}.mobile-nav a.is-active:before,.mobile-nav a.is-active:after{display:none!important}}
@media(max-width:640px){.hero-copy{font-size:16px!important;line-height:1.58}.hero-actions{gap:9px}.hero-actions .button{min-height:50px;padding:0 18px}.hero-proof{left:16px!important;right:16px!important}.trust-strip small{display:none}}

/* Partner logos: clean transparent logos, unclipped breathing room, hover pause, true color illumination */
.client-logos{position:relative!important;display:block!important;overflow:hidden!important;padding:36px clamp(22px,6vw,100px)!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#dce8e5!important}
.client-logos::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(0,201,133,.05),transparent 45%)}
.client-logos-head{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:0 auto 20px;max-width:1320px}
.client-logos-head p{margin:0;color:#00c985;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.client-logos-head span{color:rgba(226,238,233,.5);font-size:12px;letter-spacing:.06em}
.client-logos-viewport{position:relative;z-index:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.client-logos-viewport:hover .client-logos-track,
.client-logos-track:hover{animation-play-state:paused!important}
.client-logos-track{display:flex;align-items:center;width:max-content;animation:client-logo-drift 44s linear infinite;will-change:transform}
.client-logo{position:relative;display:flex;align-items:center;justify-content:center;width:auto;min-width:clamp(100px,11vw,165px);height:clamp(70px,7vw,92px);margin-right:clamp(46px,5.5vw,84px);padding:0;overflow:visible;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;opacity:.78;filter:grayscale(.35) brightness(1.04);cursor:pointer;user-select:none;-webkit-user-select:none;transition:opacity .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1)}
.client-logo::after{display:none!important}
.client-logo:hover,.client-logo:focus,.client-logo:focus-visible{outline:none!important;opacity:1!important;filter:none!important;transform:scale(1.15)!important;z-index:10}
.client-logo img{display:block;max-width:clamp(135px,14vw,190px);max-height:clamp(52px,5.2vw,70px);width:auto;height:auto;object-fit:contain;pointer-events:none;transition:filter .32s ease,transform .32s ease}
.client-logo:hover img,.client-logo:focus img,.client-logo:focus-visible img{filter:drop-shadow(0 4px 22px rgba(0,201,133,.3)) drop-shadow(0 2px 10px rgba(255,255,255,.18))!important}
@keyframes client-logo-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.client-logos-track{animation:none}.client-logos-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}
@media(max-width:900px){
  .client-logos{padding:30px 16px 32px!important;background:linear-gradient(180deg,#050807 0%,#070d0b 50%,#050807 100%)!important;border-top:1px solid rgba(225,239,232,.08)!important;border-bottom:1px solid rgba(225,239,232,.08)!important}
  .client-logos-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 auto 16px!important;padding:0 4px!important}
  .client-logos-head p{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:5px 12px!important;border-radius:999px!important;background:rgba(0,201,133,.08)!important;border:1px solid rgba(0,201,133,.25)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.2em!important;color:#00c985!important}
  .client-logos-head p::before{content:""!important;display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#00c985!important;box-shadow:0 0 8px #00c985!important;animation:pulse-dot 2s ease-in-out infinite!important}
  .client-logos-head span{display:block!important;font-size:11.5px!important;color:rgba(225,239,232,.55)!important;letter-spacing:.03em!important;font-weight:500!important}
  .client-logos-viewport{padding:6px 0!important;mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important}
  .client-logos-viewport:hover .client-logos-track,
  .client-logos-track:hover,
  .client-logos-track.is-paused{animation-play-state:paused!important}
  .client-logos-track{display:flex!important;align-items:center!important;animation:client-logo-drift 36s linear infinite!important;will-change:transform!important}
  .client-logo{display:flex!important;align-items:center!important;justify-content:center!important;height:62px!important;min-width:116px!important;margin-right:14px!important;padding:10px 18px!important;background:rgba(12,19,17,.65)!important;border:1px solid rgba(225,239,232,.09)!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(0,0,0,.25)!important;opacity:.82!important;filter:grayscale(.25) brightness(1.02)!important;cursor:pointer!important;transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease,filter .25s ease,box-shadow .25s ease!important}
  .client-logo:hover,
  .client-logo.is-touched,
  .client-logo:active{background:rgba(16,28,23,.95)!important;border-color:rgba(0,201,133,.5)!important;opacity:1!important;filter:none!important;transform:scale(1.08) translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px rgba(0,201,133,.25)!important;z-index:5!important}
  .client-logo img{max-height:40px!important;max-width:95px!important;width:auto!important;height:auto!important;object-fit:contain!important;pointer-events:none!important;transition:filter .25s ease!important}
  .client-logo:hover img,
  .client-logo.is-touched img,
  .client-logo:active img{filter:drop-shadow(0 2px 10px rgba(0,201,133,.38)) drop-shadow(0 1px 4px rgba(255,255,255,.2))!important}
}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}

/* Muujis Standard — static manifesto, no carousel or review-card treatment. */
.testimonial{display:block!important;position:relative!important;min-height:0!important;padding:clamp(88px,10vw,145px) clamp(22px,7vw,112px)!important;overflow:hidden!important;background:#050807!important;background-image:none!important;color:#f3f5f2!important;text-align:left!important;border-top:1px solid rgba(255,255,255,.08)}
.testimonial::before,.testimonial::after{display:none!important}
.standard-shell{position:relative;max-width:1400px;margin:0 auto;text-align:center}
.standard-label{margin:0;color:#f1f4f1!important;font-size:11px!important;font-weight:800!important;letter-spacing:.36em!important;line-height:1!important;text-transform:uppercase!important}
.standard-label-line{display:block;width:52px;height:2px;margin:21px auto 0;background:#00c985}
.standard-shell blockquote{max-width:1050px;margin:clamp(40px,6vw,76px) auto clamp(58px,8vw,110px)!important;color:#f2f4f1!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(47px,5.65vw,92px)!important;font-weight:500!important;line-height:.98!important;letter-spacing:-.065em!important}
.standard-shell blockquote em{color:#00c985;font-style:italic;font-weight:400}
.standard-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,7vw,118px);padding-top:29px;text-align:left}
.standard-path::before{content:"";position:absolute;left:0;right:0;top:47px;height:1px;background:#00c985;transform:rotate(1.1deg);transform-origin:center}
.standard-path article{position:relative;z-index:1;min-width:0;background:#050807}
.standard-path article:nth-child(2){transform:translateY(14px)}.standard-path article:nth-child(3){transform:translateY(31px)}
.standard-path article>span{display:block;margin:0 0 17px;color:#00c985;font-size:13px;font-weight:800;letter-spacing:.06em}
.standard-path article i{display:block;width:13px;height:13px;margin-bottom:18px;border-radius:50%;background:#00c985;box-shadow:0 0 0 5px #050807}
.standard-path article h3{margin:0;color:#f3f5f2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.15vw,36px);font-weight:500;letter-spacing:-.04em}
.standard-path article p{margin:9px 0 0;color:rgba(239,244,240,.64);font-size:14px;line-height:1.55}
.standard-path>b{position:absolute;right:0;top:40px;width:17px;height:17px;border:2px solid #00c985;border-radius:50%;background:#050807;transform:translateY(-50%)}
.standard-foot{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:18px!important;margin:clamp(68px,9vw,118px) 0 0!important;color:rgba(240,244,241,.8)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:none!important}
.standard-foot span{display:block;width:45px;height:1px;background:rgba(240,244,241,.75)}
@media(max-width:760px){.testimonial{padding:78px 18px!important}.standard-label{font-size:10px!important;letter-spacing:.26em!important}.standard-shell blockquote{margin:40px auto 65px!important;font-size:clamp(39px,11vw,61px)!important;line-height:1.01!important}.standard-path{grid-template-columns:1fr;gap:34px;padding:0;text-align:left}.standard-path::before{top:0;bottom:0;left:6px;right:auto;width:1px;height:auto;transform:none}.standard-path article,.standard-path article:nth-child(2),.standard-path article:nth-child(3){padding-left:34px;transform:none}.standard-path article>span{margin-bottom:8px}.standard-path article i{position:absolute;left:0;top:4px;margin:0;width:13px;height:13px}.standard-path>b{display:none}.standard-foot{justify-content:flex-start!important;margin-top:54px!important;font-size:10px!important;letter-spacing:.08em!important}}

/* Exact standard curve: the continuous SVG line keeps every point and marker in place. */
@media(min-width:761px){
  .standard-path{display:block!important;min-height:162px!important;padding:0!important}
  .standard-path::before,.standard-path>b{display:none!important}
  .standard-curve{position:absolute!important;left:0!important;right:0!important;top:28px!important;width:100%!important;height:72px!important;overflow:visible!important;z-index:0!important}
  .standard-curve path{fill:none;stroke:#00c985;stroke-width:1.45;vector-effect:non-scaling-stroke}
  .standard-curve circle{fill:#00c985;stroke:#050807;stroke-width:8;vector-effect:non-scaling-stroke}
  .standard-curve .standard-end{fill:#050807;stroke:#00c985;stroke-width:2.2}
  .standard-path article,.standard-path article:nth-child(2),.standard-path article:nth-child(3){position:absolute!important;z-index:1!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;transform:none!important}
  .standard-path .standard-step-one{left:0;top:0}
  .standard-path .standard-step-two{left:35.8%;top:15px}
  .standard-path .standard-step-three{left:70%;top:32px}
  .standard-path article>span{margin:0 0 21px!important;color:#00c985!important;font-size:13px!important}
  .standard-path article h3{margin:0!important;font-size:clamp(25px,2vw,34px)!important;line-height:1!important}
  .standard-path article p{margin-top:9px!important;font-size:14px!important}
  .standard-path article i{display:none!important}
}
@media(max-width:760px){.standard-curve{display:none}.standard-path::before{display:block!important}.standard-path article{background:transparent!important}}

/* Team — four equal people around one shared direction. */
.team-section{display:block!important;background:#050807!important;background-image:none!important;color:#f3f5f2!important;padding:clamp(90px,10vw,148px) clamp(22px,7vw,112px)!important;overflow:hidden!important;border:0!important}
.team-shell{max-width:1400px;margin:0 auto}.team-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(55px,10vw,160px);align-items:start}.team-intro .section-label{margin:0 0 20px;color:#f0f3ef;font-size:11px;font-weight:800;letter-spacing:.32em;text-transform:uppercase}.team-intro h2{margin:0;color:#f3f5f2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.5vw,87px);font-weight:500;line-height:.94;letter-spacing:-.065em}.team-intro h2 em{color:#00c985;font-style:normal}.team-intro>p{position:relative;max-width:470px;margin:25px 0 0;color:rgba(238,243,239,.72);font-size:clamp(16px,1.3vw,19px);line-height:1.62}.team-intro>p::before{content:"";display:block;width:82px;height:2px;margin-bottom:25px;background:#00c985}
.team-network{position:relative;max-width:930px;height:clamp(445px,41vw,575px);margin:clamp(58px,8vw,110px) auto 0}.team-network>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.team-network>svg path{fill:none;stroke:rgba(232,239,235,.56);stroke-width:1.2;vector-effect:non-scaling-stroke}.team-network>svg circle{fill:#00c985;stroke:#050807;stroke-width:8;vector-effect:non-scaling-stroke}
.team-member{position:absolute;display:flex;align-items:center;gap:clamp(16px,2vw,28px);margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left}.team-member img{display:block;width:clamp(146px,15vw,210px);aspect-ratio:1;object-fit:cover;border:1px solid rgba(242,246,243,.72);border-radius:50%;filter:grayscale(1) contrast(1.05)}.team-member h3{margin:0;color:#f5f6f3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(21px,2vw,31px);font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.team-member h3::after{content:"";display:block;width:40px;height:2px;margin:14px 0;background:#00c985}.team-member span{color:rgba(239,244,240,.78);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}.team-member-aamina{left:0;top:0}.team-member-hassan{right:0;top:0;flex-direction:row-reverse;text-align:right}.team-member-hassan h3::after{margin-left:auto}.team-member-farah{left:0;bottom:0}.team-member-layla{right:0;bottom:0;flex-direction:row-reverse;text-align:right}.team-member-layla h3::after{margin-left:auto}.team-caption{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;margin:clamp(30px,4vw,54px) 0 0!important;color:rgba(242,246,243,.86)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.34em!important;text-transform:uppercase!important}.team-caption span{width:82px;height:1px;background:rgba(242,246,243,.5)}
@media(max-width:900px){.team-intro{grid-template-columns:1fr;gap:12px}.team-intro>p{margin-top:14px}.team-network{max-width:720px;height:510px}.team-member{gap:14px}.team-member img{width:130px}.team-member h3{font-size:20px}.team-member span{font-size:9px}}
@media(max-width:640px){.team-section{padding:76px 18px!important}.team-intro h2{font-size:clamp(43px,12.5vw,64px)}.team-intro>p{font-size:16px}.team-network{display:grid;height:auto;margin-top:58px;gap:30px}.team-network>svg{display:none}.team-member,.team-member-aamina,.team-member-hassan,.team-member-farah,.team-member-layla{position:relative;inset:auto;display:grid;grid-template-columns:105px 1fr;align-items:center;gap:17px;flex-direction:unset;text-align:left}.team-member img{grid-row:1/3;width:105px}.team-member h3{font-size:22px;letter-spacing:.07em;white-space:normal}.team-member h3::after{margin:9px 0}.team-member span{font-size:9px;white-space:normal}.team-caption{gap:13px;font-size:9px!important;letter-spacing:.19em!important}.team-caption span{width:32px}}

/* Compact team composition: one screen, exterior labels, and lines passing beneath each portrait. */
@media(min-width:901px){
  .team-section{padding-top:clamp(62px,6.5vw,92px)!important;padding-bottom:clamp(50px,5vw,72px)!important}
  .team-intro{gap:clamp(54px,8vw,120px)!important}.team-intro h2{font-size:clamp(45px,4.85vw,73px)!important}.team-intro>p{max-width:420px!important;margin-top:17px!important;font-size:clamp(15px,1.1vw,18px)!important}.team-intro>p::before{width:70px!important;margin-bottom:20px!important}
  .team-network{max-width:1000px!important;height:clamp(335px,27vw,420px)!important;margin-top:clamp(30px,3vw,48px)!important}
  .team-network>svg{z-index:0!important}.team-network>svg path{stroke:rgba(233,240,236,.62)!important}
  .team-member{z-index:1!important;gap:18px!important}.team-member>div{width:172px!important}.team-member img{width:clamp(126px,11.8vw,172px)!important;position:relative;z-index:2;background:#050807}
  .team-member h3{font-size:clamp(18px,1.65vw,26px)!important;letter-spacing:.07em!important}.team-member h3::after{width:34px!important;margin:10px 0!important}.team-member span{font-size:9px!important;letter-spacing:.16em!important}
  .team-member-aamina,.team-member-farah{left:0!important;flex-direction:row-reverse!important;text-align:left!important}.team-member-hassan,.team-member-layla{right:0!important;flex-direction:row!important;text-align:left!important}.team-member-aamina{top:0!important}.team-member-hassan{top:0!important}.team-member-farah{bottom:0!important}.team-member-layla{bottom:0!important}
  .team-caption{margin-top:20px!important}
}

/* Muujis Standard — compact desktop frame, with the curve wholly separate from its labels. */
@media(min-width:761px){
  .testimonial{padding:clamp(34px,4.2vw,58px) clamp(30px,7vw,112px) clamp(32px,3.8vw,52px)!important}
  .standard-shell{max-width:1440px!important}
  .standard-label{font-size:10px!important;letter-spacing:.32em!important}.standard-label-line{width:48px!important;margin-top:16px!important}
  .standard-shell blockquote{max-width:1280px!important;margin:clamp(28px,3.8vw,48px) auto clamp(36px,4.8vw,62px)!important;font-size:clamp(44px,4.45vw,76px)!important;line-height:.99!important;letter-spacing:-.058em!important}
  .standard-path{min-height:132px!important}.standard-curve{top:17px!important;height:60px!important}.standard-curve path{stroke:#00c985!important;stroke-width:1.35!important}.standard-curve circle{fill:#00c985!important;stroke:#050807!important;stroke-width:7!important}.standard-curve .standard-end{fill:#050807!important;stroke:#00c985!important;stroke-width:2!important}
  .standard-path .standard-step-one{top:0!important}.standard-path .standard-step-two{top:0!important}.standard-path .standard-step-three{top:0!important}
  .standard-path article>span{position:absolute;left:0;top:-1px;margin:0!important;color:#00c985!important;font-size:12px!important;line-height:1!important}
  .standard-path article h3{margin:48px 0 0!important;color:#f3f5f2!important;font-size:clamp(22px,1.8vw,31px)!important;line-height:1!important}.standard-path article p{margin-top:8px!important;color:rgba(238,244,240,.7)!important;font-size:13px!important;line-height:1.45!important}
  .standard-foot{margin-top:clamp(19px,2.6vw,34px)!important;color:rgba(240,244,241,.86)!important;font-size:10px!important;letter-spacing:.14em!important}
}

/* Final standard-path alignment: green markers, a true round end-cap, and clear type below the curve. */
@media(min-width:761px){
  .standard-path{min-height:151px!important;margin-top:-8px!important}
  .standard-curve{top:9px!important;height:58px!important}
  .standard-curve circle{display:none!important}
  .standard-path::after{content:"";position:absolute;z-index:2;right:-1px;top:27px;width:15px;height:15px;box-sizing:border-box;border:2px solid #00c985;border-radius:50%;background:#050807;transform:translateY(-50%)}
  .standard-path article>span{top:0!important;color:#00c985!important}
  .standard-path article>span::after{content:"";position:absolute;left:0;top:27px;width:12px;height:12px;border-radius:50%;background:#00c985;box-shadow:0 0 0 4px #050807}
  .standard-path article h3{margin-top:73px!important}
  .standard-path article p{color:rgba(238,244,240,.73)!important}
  .standard-path .standard-step-one{top:0!important}.standard-path .standard-step-two{top:0!important}.standard-path .standard-step-three{top:0!important}
  .standard-foot{margin-top:5px!important}
}

/* Each anchor sits on its exact point along the SVG curve. */
@media(min-width:761px){
  .standard-path .standard-step-one>span::after{top:29px!important}
  .standard-path .standard-step-two>span::after{top:23px!important}
  .standard-path .standard-step-three>span::after{top:40px!important}
  .standard-path::after{top:33px!important}
}

/* About / Philosophy — static editorial section, deliberately outside the scroll-story system. */
.about{background:#050807!important;background-image:none!important;padding:clamp(92px,10vw,152px) clamp(22px,7vw,112px)!important;overflow:hidden}
.about::before,.about::after{display:none!important}
.about .philosophy-shell{position:relative;max-width:1400px;min-height:570px;margin:0 auto;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(480px,1.1fr);gap:clamp(56px,9vw,150px);align-items:start}
.about .philosophy-copy{position:relative;top:auto;align-self:start;padding-top:4px}
.about .philosophy-copy .section-label{margin:0 0 34px;color:#00c985;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.about .philosophy-mark{width:14px;height:14px;background:#00c985;border:0;box-shadow:none}
.about .philosophy-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,5.7vw,88px);font-weight:500;line-height:.94;letter-spacing:-.065em}
.about .philosophy-lede{max-width:515px;margin:40px 0 34px;color:rgba(235,241,237,.69);font-size:clamp(16px,1.25vw,19px);line-height:1.68}
.about .growth-path{display:none!important}
.about .philosophy-copy .text-link{display:inline-flex;align-items:center;gap:14px;margin:0;padding-bottom:12px;border-bottom:1px solid rgba(238,244,240,.45);color:#f4f7f3;font-size:11px;font-weight:800;letter-spacing:.18em;text-decoration:none;text-transform:uppercase}
.about .philosophy-copy .text-link span{font-size:21px;line-height:.5;color:#f4f7f3}
.about .philosophy-copy .text-link:hover{border-color:#00c985;color:#00c985}
.philosophy-orbit{position:absolute;left:calc(-1 * clamp(22px,7vw,112px));bottom:-88px;width:clamp(310px,32vw,490px);height:1px;background:#00c985;opacity:.78}
.philosophy-orbit::after{content:"";position:absolute;right:-36px;top:50%;width:70px;height:70px;border:1px solid #00c985;border-radius:50%;transform:translateY(-50%)}
.about .principle-stack{border-top:1px solid rgba(235,241,237,.2);padding-top:0}
.about .principle-stack-heading{display:flex;justify-content:flex-start;padding:0 0 22px;border-bottom:1px solid rgba(235,241,237,.16);color:#f1f4f1;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.about .principle-stack-heading small{display:none}
.about .principle-stack article{display:grid;grid-template-columns:112px 1fr;gap:34px;padding:36px 0;border:0;border-bottom:1px solid rgba(235,241,237,.16);border-radius:0!important;background:transparent!important;opacity:1!important;transform:none!important;transition:border-color .24s ease!important}
.about .principle-stack article:hover{padding-left:0;padding-right:0;border-color:rgba(0,201,133,.65);background:transparent!important}
.about .principle-stack article>b{padding-top:0;color:#f2f4f1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,4.2vw,66px);font-weight:400;line-height:.9;letter-spacing:-.05em}
.about .principle-stack article>div{position:relative;padding-left:46px}
.about .principle-stack article i{position:absolute;left:0;top:12px;width:14px;height:14px;border-radius:50%;background:#00c985}
.about .principle-stack article h3{margin:0;color:#f3f5f2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.35vw,39px);font-weight:500;line-height:1.05;letter-spacing:-.04em}
.about .principle-stack article p{max-width:510px;margin:12px 0 0;color:rgba(235,241,237,.68);font-size:clamp(15px,1.15vw,18px);line-height:1.55}
@media(max-width:1000px){.about .philosophy-shell{grid-template-columns:1fr;gap:64px;min-height:0}.about .philosophy-copy{max-width:650px}.philosophy-orbit{display:none}.about .principle-stack{max-width:760px}}
@media(max-width:640px){.about{padding:78px 18px!important}.about .philosophy-copy .section-label{margin-bottom:25px}.about .philosophy-copy h2{font-size:clamp(45px,13vw,66px)}.about .philosophy-lede{margin:29px 0;font-size:16px}.about .principle-stack article{grid-template-columns:58px 1fr;gap:15px;padding:28px 0}.about .principle-stack article>b{font-size:42px}.about .principle-stack article>div{padding-left:25px}.about .principle-stack article i{top:7px;width:10px;height:10px}.about .principle-stack article h3{font-size:27px}.about .principle-stack article p{font-size:15px}}

/* Selected work — fixed editorial frame with one calm project transition at a time. */
.portfolio-showcase-shell{position:relative;display:grid;grid-template-columns:minmax(220px,.54fr) minmax(0,1fr);gap:clamp(34px,6vw,104px);max-width:1180px;margin:0 auto;padding-top:28px;z-index:3}
.portfolio-copy{align-self:center;max-width:315px}.portfolio-copy>span{display:block;margin-bottom:18px;color:#00c985;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.portfolio-copy h3{margin:0;color:#f6f6f1;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6vw,96px);font-weight:500;line-height:.82;letter-spacing:-.075em}.portfolio-copy h3 em{display:block;color:#00c985;font-style:normal}.portfolio-copy p{margin:26px 0;color:rgba(239,244,238,.66);font-size:15px;line-height:1.55}.portfolio-copy a{color:#f4f7f3;font-size:11px;font-weight:700;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.portfolio-copy a b{margin-left:10px;color:#00c985;font-size:20px;font-weight:400;vertical-align:-2px}
.portfolio-main{position:relative;min-height:min(61vh,610px)}
.portfolio-panel{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#121918;box-shadow:0 28px 70px rgba(0,0,0,.36);opacity:0;pointer-events:none;transform:translate3d(0,32px,0) scale(.986);transition:opacity .52s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.portfolio-panel.is-active{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.portfolio-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02);transition:transform .8s ease}.portfolio-panel.is-active>img{transform:scale(1.018)}
.portfolio-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,13,.88) 0%,rgba(10,14,13,.64) 36%,rgba(10,14,13,.04) 70%),linear-gradient(0deg,rgba(6,9,8,.45),transparent 48%);pointer-events:none}
.portfolio-panel-info{position:absolute;z-index:1;left:0;bottom:0;width:min(60%,430px);min-height:55%;padding:clamp(25px,3vw,45px);background:linear-gradient(135deg,rgba(30,37,34,.73),rgba(18,24,22,.52));border-top:1px solid rgba(255,255,255,.11);border-right:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.portfolio-panel-info>span{color:#86decb;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.portfolio-panel-info>small{float:right;color:rgba(255,255,255,.54);font-size:11px;letter-spacing:.16em}.portfolio-panel-info h3{margin:15px 0 10px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3vw,44px);font-weight:500;letter-spacing:-.045em}.portfolio-panel-info p{max-width:320px;margin:0 0 20px;color:rgba(248,250,247,.72);font-size:14px;line-height:1.5}.portfolio-panel-info strong{display:block;padding-top:15px;border-top:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px}.portfolio-panel-info a{position:absolute;right:26px;bottom:24px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:20px;text-decoration:none}
.portfolio-thumbnails{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:3px}.portfolio-thumb{position:relative;aspect-ratio:1.62;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#0a0e0d;cursor:pointer;opacity:.64;transition:opacity .3s ease,border-color .3s ease,transform .3s ease}.portfolio-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.72);transition:filter .3s ease,transform .4s ease}.portfolio-thumb span{position:absolute;right:9px;bottom:7px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.12em;text-shadow:0 1px 4px #000}.portfolio-thumb:hover,.portfolio-thumb:focus-visible,.portfolio-thumb.is-active{opacity:1;border-color:rgba(0,201,133,.7);transform:translateY(-2px);outline:none}.portfolio-thumb:hover img,.portfolio-thumb.is-active img{filter:saturate(.88) brightness(.94);transform:scale(1.03)}
.work.portfolio-showcase .section-heading{display:none!important}
@media(min-width:901px){
 .work.portfolio-showcase.scroll-scene{min-height:500vh!important;background:radial-gradient(circle at 14% 18%,rgba(0,201,133,.09),transparent 28%),#050807!important}
 .work.portfolio-showcase.scroll-scene>.scroll-stage{display:block!important;padding:clamp(50px,8vh,90px) clamp(30px,6vw,110px)!important;background:transparent!important}
 .work.portfolio-showcase.scroll-scene .work-filters{position:absolute!important;z-index:5;right:clamp(30px,6vw,110px)!important;top:clamp(32px,5vh,54px)!important;margin:0!important}
 .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{height:calc(100svh - clamp(100px,14vh,152px));align-items:center}
 .work.portfolio-showcase.scroll-scene .portfolio-thumbnails{position:absolute;left:0;right:0;bottom:0}
}
@media(max-width:900px){
  main>section.work.portfolio-showcase.scroll-scene,
  section#work.work.portfolio-showcase.scroll-scene{
    min-height:380vh!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:radial-gradient(circle at 14% 18%,rgba(0,201,133,.08),transparent 30%),#050807!important;
  }
  main>section.work.portfolio-showcase.scroll-scene>.scroll-stage,
  section#work.work.portfolio-showcase.scroll-scene>.scroll-stage{
    position:sticky!important;
    top:0!important;
    width:100%!important;
    height:100svh!important;
    min-height:0!important;
    max-height:100svh!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    padding:clamp(12px,2vh,18px) clamp(14px,3.5vw,20px)!important;
    overflow:hidden!important;
    background:#050807!important;
    box-sizing:border-box!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    width:100%!important;
    height:100%!important;
    max-height:calc(100svh - 26px)!important;
    gap:clamp(8px,1.4vh,12px)!important;
    margin:0!important;
    padding:0!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy{
    flex:0 0 auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy>span{
    display:block!important;
    margin-bottom:2px!important;
    color:#00c985!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.2em!important;
    text-transform:uppercase!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy h3{
    margin:0 0 3px 0!important;
    color:#f5f6f2!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(22px,5.8vw,28px)!important;
    font-weight:500!important;
    line-height:1.06!important;
    letter-spacing:-.045em!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy h3 em{
    color:#00c985!important;
    font-style:normal!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0 0 6px 0!important;
    color:rgba(235,241,237,.65)!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy a{
    display:none!important;
  }
  .work.portfolio-showcase.scroll-scene .work-filters{
    display:flex!important;
    position:static!important;
    gap:6px!important;
    margin:0 0 2px 0!important;
    padding:2px 0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    justify-content:flex-start!important;
  }
  .work.portfolio-showcase.scroll-scene .work-filters::-webkit-scrollbar{
    display:none!important;
  }
  .work.portfolio-showcase.scroll-scene .work-filters button{
    flex:0 0 auto!important;
    padding:6px 13px!important;
    font-size:10px!important;
    font-weight:600!important;
    letter-spacing:.02em!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.04)!important;
    color:rgba(240,245,242,.75)!important;
    white-space:nowrap!important;
    transition:all .25s ease!important;
  }
  .work.portfolio-showcase.scroll-scene .work-filters button.is-active{
    background:#00c985!important;
    border-color:#00c985!important;
    color:#04100b!important;
    box-shadow:0 0 12px rgba(0,201,133,.3)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-main{
    position:relative!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:clamp(260px,46vh,380px)!important;
    width:100%!important;
    border-radius:16px!important;
    overflow:hidden!important;
    margin:0!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:16px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.15)!important;
    background:#090c0b!important;
    box-shadow:0 18px 45px rgba(0,0,0,.45)!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(0,14px,0) scale(.98)!important;
    transition:opacity .42s ease,transform .45s cubic-bezier(.22,.61,.36,1)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel.is-active{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.85) contrast(1.02) brightness(.92)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(0deg,rgba(4,7,6,.6) 0%,rgba(4,7,6,.12) 50%,transparent 100%)!important;
    pointer-events:none!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    padding:11px 13px!important;
    background:linear-gradient(180deg,rgba(14,20,18,.84),rgba(6,11,9,.96))!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    border-right:0!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    gap:8px!important;
    align-items:center!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info>span{
    color:#00c985!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info>small{
    float:none!important;
    display:inline-block!important;
    margin-left:7px!important;
    color:rgba(255,255,255,.6)!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info h3{
    margin:2px 0!important;
    color:#fff!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(16px,4.3vw,21px)!important;
    font-weight:500!important;
    letter-spacing:-.03em!important;
    line-height:1.15!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:100%!important;
    margin:0!important;
    color:rgba(240,246,243,.72)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info strong{
    display:none!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info a{
    position:static!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.28)!important;
    background:rgba(0,201,133,.12)!important;
    color:#00c985!important;
    font-size:16px!important;
    text-decoration:none!important;
    transition:all .25s ease!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info a:hover{
    background:#00c985!important;
    color:#04100b!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumbnails{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:6px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumb{
    position:relative!important;
    aspect-ratio:1.45!important;
    height:auto!important;
    flex:none!important;
    border-radius:8px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:#0a0e0d!important;
    opacity:.48!important;
    cursor:pointer!important;
    padding:0!important;
    transition:opacity .25s ease,border-color .25s ease,transform .25s ease!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    filter:saturate(.65) brightness(.82)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumb span{
    position:absolute!important;
    right:4px!important;
    bottom:3px!important;
    color:#fff!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-shadow:0 1px 3px #000!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumb.is-active{
    opacity:1!important;
    border-color:#00c985!important;
    box-shadow:0 0 12px rgba(0,201,133,.45)!important;
    transform:scale(1.03)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumb.is-active img{
    filter:saturate(.95) brightness(.96)!important;
  }
}

/* Portfolio correction: keep the stage clean after exit and let photography carry the visual. */
.work.portfolio-showcase,.work.portfolio-showcase:before,.work.portfolio-showcase:after{background:#050807!important;background-image:none!important}
.work.portfolio-showcase:before,.work.portfolio-showcase:after{content:none!important}
.work.portfolio-showcase .work-gallery{display:none!important}
.portfolio-panel{background:#090c0b;box-shadow:0 24px 66px rgba(0,0,0,.34)}
.portfolio-panel>img{filter:saturate(.82) contrast(1.02) brightness(.94)}
.portfolio-panel:after{background:linear-gradient(0deg,rgba(4,7,6,.22) 0%,transparent 48%)!important}
.portfolio-panel-info{left:0;right:0;bottom:0;width:auto;min-height:0;height:33%;padding:clamp(20px,2.2vw,34px) clamp(22px,3vw,46px);background:linear-gradient(90deg,rgba(18,24,22,.88),rgba(32,39,36,.66),rgba(18,24,22,.6));border-top:1px solid rgba(255,255,255,.15);border-right:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.portfolio-panel-info h3{margin:8px 0 5px;font-size:clamp(25px,2.6vw,40px)}
.portfolio-panel-info p{max-width:500px;margin:0;color:rgba(248,250,247,.75);font-family:Georgia,"Times New Roman",serif;font-size:clamp(13px,1.1vw,16px);line-height:1.35}
.portfolio-panel-info strong{display:none}
.portfolio-panel-info a{right:clamp(18px,2.2vw,36px);bottom:50%;transform:translateY(50%)}
.work.portfolio-showcase.scroll-scene{background:#050807!important}

/* Keep the large project card and the thumbnail rail in separate rows. */
@media(min-width:901px){
  .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{
    grid-template-rows:minmax(0,1fr) auto!important;
    column-gap:clamp(34px,6vw,104px)!important;
    row-gap:clamp(18px,2.5vh,30px)!important;
    align-items:center!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy,
  .work.portfolio-showcase.scroll-scene .portfolio-main{grid-row:1!important}
  .work.portfolio-showcase.scroll-scene .portfolio-main{
    min-height:0!important;
    height:min(48vh,520px)!important;
    align-self:center!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumbnails{
    position:static!important;
    grid-row:2!important;
    align-self:end!important;
    margin:0!important;
  }
}

/* Final portfolio balance: quiet filters, compact editorial copy and no global scroll labels. */
@media(min-width:901px){
  .scroll-scene[data-scroll-scene="true"]>.scroll-stage:before,
  .scroll-scene[data-scroll-scene="true"]>.scroll-stage:after{display:none!important}
  .work.portfolio-showcase.scroll-scene .work-filters{top:clamp(34px,5vh,54px)!important;gap:8px!important}
  .work.portfolio-showcase.scroll-scene .work-filters button{padding:9px 15px!important;border-color:rgba(255,255,255,.17)!important;background:rgba(255,255,255,.018)!important;color:rgba(244,248,244,.68)!important;font-size:10px!important;letter-spacing:.02em}
  .work.portfolio-showcase.scroll-scene .work-filters button.is-active{background:#00c985!important;border-color:#00c985!important;color:#04100b!important}
  .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{align-items:start!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy{align-self:start!important;padding-top:clamp(72px,10vh,116px)!important;max-width:295px!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy h3{font-size:clamp(58px,5.5vw,82px)!important;line-height:.86!important;letter-spacing:-.07em!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy p{margin:22px 0!important;font-size:14px!important;line-height:1.5!important}
  .work.portfolio-showcase.scroll-scene .portfolio-main{height:min(44vh,470px)!important;margin-top:clamp(58px,8vh,94px)!important}
  .work.portfolio-showcase.scroll-scene .portfolio-thumbnails{margin-top:clamp(20px,3vh,30px)!important}
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info{height:35%!important}
}

/* Match the selected-work column to the taller feature card without crowding the thumbnails. */
@media(min-width:901px){
  .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{row-gap:clamp(14px,2vh,22px)!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy{
    display:flex!important;
    min-height:calc(49vh + 32px)!important;
    align-self:stretch!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding-top:clamp(28px,4vh,48px)!important;
    padding-bottom:clamp(20px,3vh,38px)!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy h3{font-size:clamp(62px,5.9vw,88px)!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy p{margin:24px 0 0!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy a{margin-top:auto!important}
  .work.portfolio-showcase.scroll-scene .portfolio-main{
    height:min(49vh,530px)!important;
    margin-top:0!important;
    align-self:center!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-panel-info{height:34%!important}
}

/* Reference-matched composition: the left story intentionally spans beyond the feature visual. */
@media(min-width:901px){
  .work.portfolio-showcase.scroll-scene .portfolio-showcase-shell{
    grid-template-rows:minmax(0,1fr) auto!important;
    row-gap:12px!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy{
    min-height:calc(min(53vh,570px) + 108px)!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-copy h3{font-size:clamp(64px,6.1vw,92px)!important}
  .work.portfolio-showcase.scroll-scene .portfolio-copy p{max-width:285px!important}
  .work.portfolio-showcase.scroll-scene .portfolio-main{
    height:min(53vh,570px)!important;
    margin-top:clamp(45px,6vh,72px)!important;
    align-self:start!important;
  }
  .work.portfolio-showcase.scroll-scene .portfolio-thumbnails{margin-top:0!important}
  .work.portfolio-showcase.scroll-scene .portfolio-thumb{opacity:.72!important}
  .work.portfolio-showcase.scroll-scene .portfolio-thumb img{filter:saturate(.72) brightness(.82) contrast(1.02)!important}
.work.portfolio-showcase.scroll-scene .portfolio-thumb.is-active{opacity:1!important}
}

/* Final contact — open editorial form, emerald orbit and WhatsApp-first handoff. */
.contact{position:relative!important;isolation:isolate;overflow:hidden!important;background:#050807!important;padding:clamp(64px,8vw,112px) clamp(22px,7vw,112px)!important;color:#f6f5f0!important}
.contact-orbit{position:absolute;z-index:-1;left:50%;top:54%;width:min(78vw,1080px);aspect-ratio:1;border:1px solid rgba(0,201,133,.58);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.contact-orbit::before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle at 16% 43%,rgba(0,201,133,.18),transparent 17%),radial-gradient(circle at 78% 12%,rgba(0,201,133,.11),transparent 13%);filter:blur(12px)}
.contact-orbit i,.contact-orbit b{position:absolute;display:block;width:13px;height:13px;border-radius:50%;background:#00c985;box-shadow:0 0 22px rgba(0,201,133,.85)}
.contact-orbit i{top:16%;right:7%}.contact-orbit b{bottom:11%;left:14%;width:7px;height:7px}
.contact-topline{display:flex;justify-content:space-between;max-width:1420px;margin:0 auto;color:rgba(244,247,242,.72);font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase}
.contact-topline span{display:flex;align-items:center;gap:16px}.contact-topline span::after{content:"";display:block;width:50px;height:1px;background:rgba(255,255,255,.32)}.contact-topline span:last-child::after{order:-1}
.contact-title{max-width:940px;margin:clamp(60px,8vw,118px) auto clamp(48px,6vw,82px);text-align:center}.contact-title .section-label{margin:0 0 24px;color:#00c985;font-size:11px;letter-spacing:.24em}.contact-title h2{margin:0;color:#f5f3ed;font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,7vw,116px);font-weight:500;line-height:.85;letter-spacing:-.07em}.contact-title h2 em{color:#00c985;font-style:italic}
.contact-workspace{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);gap:clamp(50px,9vw,150px);max-width:1080px;margin:0 auto;align-items:start}
.contact-methods{display:grid;gap:26px;padding-top:12px}.contact-methods a,.contact-methods p{display:grid;grid-template-columns:40px 1fr;margin:0;padding:0 0 17px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);color:#f4f4ef}.contact-methods b{grid-row:span 2;color:#00c985;font-size:11px;letter-spacing:.12em}.contact-methods span{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.05}.contact-methods small{margin-top:7px;color:rgba(235,240,236,.62);font-size:12px}.contact-methods a:hover span{color:#00c985}
.contact #brief{display:grid;gap:25px}.contact-fields-top{display:grid;grid-template-columns:1fr 1fr;gap:42px}.contact #brief label{display:grid;gap:9px;color:rgba(245,246,240,.86);font-family:Georgia,"Times New Roman",serif;font-size:18px}.contact #brief input,.contact #brief select,.contact #brief textarea{width:100%;min-width:0;padding:0 0 10px;border:0;border-bottom:1px solid rgba(255,255,255,.5);border-radius:0;outline:0;background:transparent;color:#f5f5ef;font:400 14px/1.4 Inter,system-ui,sans-serif;appearance:none}.contact #brief select{cursor:pointer}.contact #brief textarea{resize:vertical;min-height:68px}.contact #brief input::placeholder,.contact #brief textarea::placeholder{color:rgba(240,243,238,.42)}.contact #brief input:focus-visible,.contact #brief select:focus-visible,.contact #brief textarea:focus-visible{outline:2px solid #00c985;outline-offset:5px;border-color:#00c985}
.contact-submit{display:flex;align-items:center;gap:18px;margin-top:6px}.contact-submit button{display:grid;place-items:center;width:64px;height:64px;border:1.5px solid #00e69a;border-radius:50%;background:rgba(0,201,133,.06);color:#00e69a;font-size:31px;line-height:1;cursor:pointer;box-shadow:0 0 0 0 rgba(0,201,133,0),0 0 22px rgba(0,201,133,.14);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.contact-submit button:hover,.contact-submit button:focus-visible{transform:translateX(4px);background:#00c985;color:#04100b;box-shadow:0 0 0 7px rgba(0,201,133,.12),0 0 34px rgba(0,201,133,.38)}.contact-submit strong{font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500}.contact-reply{display:flex;align-items:center;gap:10px;margin-top:-7px;color:rgba(235,241,237,.62);font-size:12px;font-style:italic}.contact-reply i{width:7px;height:7px;border-radius:50%;background:#00c985}
@media(max-width:760px){.contact{padding:58px 20px 68px!important}.contact-orbit{width:142vw;top:55%;left:48%}.contact-topline{font-size:8px;letter-spacing:.17em}.contact-topline span::after{width:20px}.contact-topline span:last-child{display:none}.contact-title{margin:70px auto 55px;text-align:left}.contact-title h2{font-size:clamp(50px,14vw,75px);line-height:.88}.contact-workspace{grid-template-columns:1fr;gap:48px}.contact-methods{grid-template-columns:1fr 1fr;gap:16px}.contact-methods p{grid-column:span 2}.contact-fields-top{grid-template-columns:1fr;gap:25px}.contact #brief{gap:24px}.contact-submit button{width:58px;height:58px}.contact-submit strong{font-size:21px}}

/* Approved contact mockup: editorial split layout, underlines, and no cards. */
.contact{min-height:clamp(680px,100svh,900px)!important;display:block!important;padding:clamp(54px,8vw,112px) clamp(28px,5.5vw,84px)!important;background:radial-gradient(circle at 8% 55%,rgba(0,201,133,.12),transparent 26%),#030807!important}
.contact::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(120,220,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,220,190,.1) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,black,transparent 84%)}
.contact-topline{position:relative;z-index:2;max-width:100%!important;margin:0!important;font-size:10px!important;letter-spacing:.24em!important}
.contact-title{position:relative;z-index:2;max-width:100%!important;margin:clamp(54px,7vw,100px) 0 0!important;text-align:left!important}
.contact-title .section-label{display:none}
.contact-title h2{max-width:620px!important;font-size:clamp(56px,7vw,104px)!important;line-height:.92!important;letter-spacing:-.065em!important}
.contact-title h2 em{color:#00d99a!important}
.contact-copy{max-width:520px;margin:28px 0 0;color:rgba(235,240,236,.7);font:400 clamp(15px,1.4vw,18px)/1.55 Inter,system-ui,sans-serif;letter-spacing:.01em}
.contact-workspace{position:relative;z-index:2;max-width:none!important;margin:clamp(48px,7vw,90px) 0 0!important;display:grid!important;grid-template-columns:minmax(330px,.82fr) minmax(0,1fr)!important;gap:clamp(60px,9vw,150px)!important;align-items:start!important}
.contact-methods{gap:0!important;padding-top:0!important}
.contact-methods a,.contact-methods p{grid-template-columns:38px 145px 1fr!important;align-items:center;min-height:62px;padding:0!important;border-bottom:1px solid rgba(255,255,255,.33)!important}
.contact-methods i{grid-row:span 2;color:#eef4ef;font-style:normal;font-size:20px;line-height:1}
.contact-methods span{font:400 16px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;color:rgba(245,247,242,.82)!important}
.contact-methods small{margin:0!important;color:#f0f4ef!important;font:400 15px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.06em}
.contact #brief{gap:28px!important}
.contact #brief::before{content:'START A CONVERSATION';display:flex;align-items:center;gap:16px;margin:0 0 2px;padding-left:0;color:rgba(245,246,240,.74);font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.24em}
.contact #brief::after{content:'';position:absolute;top:0;left:0;width:36px;height:1px;background:rgba(255,255,255,.5);transform:translateY(-20px)}
.contact-fields-top{gap:42px!important}
.contact #brief label{position:relative;display:grid;gap:10px!important;padding-left:40px;color:rgba(245,246,240,.75)!important;font:400 16px/1.2 Inter,system-ui,sans-serif!important;letter-spacing:.05em}
.contact #brief label::before{content:attr(data-number);position:absolute;left:0;top:2px;color:rgba(245,246,240,.5);font-size:11px;letter-spacing:.12em}
.contact #brief input,.contact #brief select,.contact #brief textarea{padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.65)!important;color:#f5f5ef!important;font-size:15px!important}
.contact #brief label:nth-child(4) select{border-bottom-color:#00d99a!important}
.contact-submit{margin-top:6px!important}
.contact-submit button{width:58px!important;height:58px!important;background:transparent!important}
.contact-submit strong{font:400 17px/1 Inter,system-ui,sans-serif!important;letter-spacing:.02em;color:#00d99a!important}
.contact-reply{margin-left:76px!important;margin-top:-8px!important;font-style:normal!important}
@media(max-width:760px){.contact{min-height:auto!important;padding:58px 22px 74px!important}.contact-title{margin-top:70px!important}.contact-title h2{font-size:clamp(50px,14vw,78px)!important}.contact-workspace{grid-template-columns:1fr!important;gap:48px!important}.contact-methods{grid-template-columns:1fr!important;gap:0!important}.contact-methods p{grid-column:auto!important}.contact-fields-top{grid-template-columns:1fr!important;gap:26px!important}.contact #brief{gap:25px!important}.contact-reply{margin-left:0!important}.contact-topline span:last-child{display:none}}

/* Final sizing correction: lighter type and orbit kept away from copy. */
.contact-orbit{z-index:-2!important;left:auto!important;right:-27%!important;top:58%!important;width:min(74vw,920px)!important;opacity:.6!important}
.contact-orbit{mask-image:linear-gradient(to bottom,black 0%,black 18%,transparent 34%,transparent 66%,black 82%,black 100%)!important;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 18%,transparent 34%,transparent 66%,black 82%,black 100%)!important}
.contact-orbit::before{opacity:.42!important}
.contact-title h2{max-width:600px!important;font-size:clamp(44px,5vw,76px)!important;font-weight:400!important;line-height:.96!important}
.contact-copy{max-width:500px!important;font-size:15px!important;color:rgba(235,240,236,.62)!important}
.contact-workspace{margin-top:clamp(38px,5vw,68px)!important;gap:clamp(42px,7vw,110px)!important}
.contact-methods span{font-size:15px!important;font-weight:400!important}
.contact-methods small{font-size:14px!important;font-weight:400!important}
.contact #brief label{font-size:15px!important;font-weight:400!important}
.contact #brief label::before{content:none!important}
.contact #brief input,.contact #brief select,.contact #brief textarea{font-size:14px!important;font-weight:400!important}
@media(max-width:760px){.contact-orbit{right:-75%!important;top:65%!important;width:145vw!important}.contact-title h2{font-size:clamp(43px,12vw,68px)!important}.contact-workspace{margin-top:42px!important}.contact #brief::before{font-size:9px;letter-spacing:.18em}.contact #brief::after{transform:translateY(-18px)}}

/* Business outcomes — vertical scroll sequence, never a horizontal rail. */
.results{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 86% 19%,rgba(0,201,133,.1),transparent 25%),#050807!important;color:#f4f3ee!important}
.results{min-height:auto!important}
@media(min-width:901px){main>section.results.scroll-scene{min-height:265vh!important}.results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;min-height:100vh!important}.results.scroll-scene .results-shell{min-height:100vh!important;align-content:center!important}}
.results-shell{position:relative;display:grid;grid-template-columns:minmax(270px,.76fr) 44px minmax(0,1.35fr);gap:clamp(28px,5vw,76px);max-width:1320px;margin:0 auto;padding:clamp(78px,9vw,132px) 0}
.results-intro{align-self:center}.results-intro .section-label{color:#00c985!important;font-size:11px!important;letter-spacing:.24em!important}.results-intro h2{margin:24px 0 28px!important;color:#f5f3ed!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(48px,5.3vw,82px)!important;font-weight:500!important;line-height:.9!important;letter-spacing:-.07em!important}.results-intro>p:last-child{max-width:360px;color:rgba(235,241,237,.67)!important;font-size:16px!important;line-height:1.65!important}
.results-rail{position:relative;display:flex;min-height:460px;flex-direction:column;align-items:center;justify-content:space-between;padding:7px 0}.results-rail::before{content:"";position:absolute;top:0;bottom:0;width:1px;background:rgba(217,231,224,.4)}.results-rail span{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(226,239,234,.48);border-radius:50%;background:#050807;color:rgba(237,242,238,.62);font:700 12px/1 Inter,system-ui,sans-serif;transition:.38s ease}.results-rail i{display:none}.results-rail span:first-of-type{border-color:#00d992;color:#00d992;box-shadow:0 0 0 5px rgba(0,201,133,.08),0 0 22px rgba(0,201,133,.36)}
.result-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;max-width:none!important;margin:0!important}.result-grid article{position:relative!important;display:grid!important;grid-template-columns:104px minmax(0,1fr) 28px!important;gap:clamp(18px,3vw,44px)!important;align-items:center!important;min-height:153px!important;height:auto!important;padding:clamp(22px,2.6vw,34px) 0!important;border:0!important;border-radius:0!important;border-bottom:1px solid rgba(225,239,232,.2)!important;background:transparent!important;box-shadow:none!important;opacity:.44!important;transform:none!important;transition:opacity .42s ease,filter .42s ease!important}.result-grid article:first-child{border-top:1px solid rgba(225,239,232,.2)!important}.result-grid article.scene-current{opacity:1!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.13));background:linear-gradient(90deg,rgba(0,201,133,.055),transparent 62%)!important}.result-grid article.scene-current::before{content:"";position:absolute;left:0;top:19%;bottom:19%;width:2px;background:#00c985;box-shadow:0 0 16px rgba(0,201,133,.65)}
.result-icon{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(0,201,133,.45);border-radius:50%;color:rgba(242,245,240,.7);transition:.42s ease}.result-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.result-grid article.scene-current .result-icon{color:#f6f5f0;border-color:#00d992;box-shadow:0 0 0 7px rgba(0,201,133,.07),0 0 27px rgba(0,201,133,.25)}.result-grid article>div:nth-child(2)>span{display:block;margin-bottom:9px;color:#00c985;font-size:11px;font-weight:800;letter-spacing:.16em}.result-grid h3{margin:0!important;color:#f5f3ed!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(29px,2.7vw,43px)!important;font-weight:500!important;line-height:1!important;letter-spacing:-.045em!important}.result-grid p{max-width:520px;margin:12px 0 0!important;color:rgba(235,241,237,.67)!important;font-size:15px!important;line-height:1.55!important}.result-grid article>b{display:block;width:18px;height:18px;border:1px solid rgba(0,201,133,.55);border-radius:50%;background:#050807}.result-grid article.scene-current>b{background:#00c985;box-shadow:0 0 0 7px rgba(0,201,133,.08),0 0 20px rgba(0,201,133,.55)}
@media(min-width:901px){main>section.results.scroll-scene{min-height:265vh!important;margin-inline:0!important;border:0!important;border-radius:0!important}.results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;display:block!important;min-height:100vh!important;padding:0 clamp(28px,6vw,105px)!important;background:transparent!important}.results.scroll-scene .results-shell{min-height:100vh!important;align-content:center}.results.scroll-scene .result-grid{position:static!important;width:auto!important;transform:none!important}.results.scroll-scene .results-intro{position:static!important;width:auto!important;opacity:1!important;transform:none!important}.results.scroll-scene .result-grid article{flex:none!important;width:auto!important}.results.scroll-scene .result-grid article.scene-current{opacity:1!important}.results.scroll-scene .result-grid article:not(.scene-current){opacity:.34!important}.results.scroll-scene .results-rail span{transition:.42s ease}.results.scroll-scene:has(.result-grid article:nth-child(2).scene-current) .results-rail span:nth-of-type(1),.results.scroll-scene:has(.result-grid article:nth-child(3).scene-current) .results-rail span:nth-of-type(-n+2){border-color:rgba(226,239,234,.28);color:rgba(237,242,238,.45);box-shadow:none}.results.scroll-scene:has(.result-grid article:nth-child(2).scene-current) .results-rail span:nth-of-type(2),.results.scroll-scene:has(.result-grid article:nth-child(3).scene-current) .results-rail span:nth-of-type(3){border-color:#00d992;color:#00d992;box-shadow:0 0 0 5px rgba(0,201,133,.08),0 0 22px rgba(0,201,133,.36)}}
@media(max-width:900px){.results-shell{grid-template-columns:1fr;gap:42px;padding:78px 0}.results-rail{display:none}.result-grid article{grid-template-columns:74px minmax(0,1fr) 22px!important}.result-icon{width:58px;height:58px}.result-icon svg{width:33px;height:33px}.result-grid article{opacity:1!important}.result-grid article:not(.scene-current){filter:none!important}.result-grid article>div:nth-child(2)>span{display:block}.results-intro h2{font-size:clamp(46px,12vw,68px)!important}}

/* Canonical results behavior: keep every outcome in place while scroll only changes its state. */
@media (min-width:901px){
  main>section.results.scroll-scene{
    min-height:300vh!important;
    overflow:clip!important;
    isolation:isolate!important;
  }
  main>section.results.scroll-scene>.scroll-stage{
    position:sticky!important;
    inset-block-start:0!important;
    display:block!important;
    min-height:100svh!important;
    height:100svh!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .results.scroll-scene .results-shell{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.72fr) 42px minmax(0,1.4fr)!important;
    gap:clamp(22px,4vw,64px)!important;
    width:min(100%,1360px)!important;
    min-height:100svh!important;
    height:100svh!important;
    margin:0 auto!important;
    padding:clamp(54px,8vh,100px) clamp(24px,5vw,76px)!important;
    align-content:center!important;
  }
  .results.scroll-scene .results-intro,
  .results.scroll-scene .results-rail,
  .results.scroll-scene .result-grid{min-width:0!important;position:static!important;transform:none!important;translate:none!important}
  .results.scroll-scene .results-intro{align-self:center!important;opacity:1!important}
  .results.scroll-scene .results-intro h2{max-width:330px!important}
  .results.scroll-scene .results-rail{align-self:center!important;min-height:min(52svh,470px)!important}
  .results.scroll-scene .result-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:minmax(0,1fr)!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
  }
  .results.scroll-scene .result-grid article,
  .results.scroll-scene .result-grid article:hover{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr) 22px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:clamp(18px,2.2vw,30px) 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    opacity:.28!important;
    transition:opacity .38s ease,background .38s ease,filter .38s ease!important;
  }
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.18)!important}
  .results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.18)!important}
  .results.scroll-scene .result-grid article.scene-current{
    opacity:1!important;
    background:linear-gradient(90deg,rgba(0,201,133,.07),transparent 72%)!important;
    filter:drop-shadow(0 0 18px rgba(0,201,133,.14))!important;
  }
  .results.scroll-scene .result-grid article::before{left:0!important;top:18%!important;bottom:18%!important;width:2px!important}
  .results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 16px rgba(0,201,133,.62)!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(28px,2.6vw,42px)!important;margin:0!important}
  .results.scroll-scene .result-grid p{max-width:500px!important;font-size:15px!important}
}

/* Final results composition: match the supplied reference with three stacked rows. */
@media(min-width:901px){
  main>section.results.scroll-scene{min-height:265vh!important;overflow:hidden!important}
  .results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;display:block!important;min-height:100vh!important;padding:0 clamp(28px,6vw,105px)!important;overflow:hidden!important}
  .results.scroll-scene .results-shell{display:grid!important;grid-template-columns:minmax(270px,.76fr) 44px minmax(0,1.35fr)!important;gap:clamp(28px,5vw,76px)!important;width:min(100%,1320px)!important;min-height:100vh!important;padding:clamp(78px,9vw,132px) 0!important;margin:0 auto!important;align-content:center!important}
  .results.scroll-scene .results-intro{position:static!important;align-self:center!important;width:auto!important;opacity:1!important;transform:none!important}
  .results.scroll-scene .results-intro h2{max-width:360px!important;font-size:clamp(48px,5.3vw,82px)!important}
  .results.scroll-scene .results-rail{min-height:460px!important;align-self:center!important}
  .results.scroll-scene .result-grid{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:auto!important;max-width:none!important;margin:0!important;align-self:center!important;transform:none!important}
  .results.scroll-scene .result-grid article{display:grid!important;grid-template-columns:104px minmax(0,1fr) 28px!important;flex:none!important;width:auto!important;min-height:153px!important;height:auto!important;padding:clamp(22px,2.6vw,34px) 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.34!important;transform:none!important;filter:none!important}
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.055),transparent 62%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.13))!important}
  .results.scroll-scene .result-grid article.scene-current::before{left:0!important;top:19%!important;bottom:19%!important;width:2px!important;background:#00c985!important}
  .results.scroll-scene .result-icon{width:76px!important;height:76px!important;align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2){align-self:center!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(29px,2.7vw,43px)!important;margin:0!important}
  .results.scroll-scene .result-grid p{font-size:15px!important;max-width:520px!important}
  .results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Original outcomes composition: a single large active panel beside the story. */
@media(min-width:901px){
  main>section.results.scroll-scene{min-height:290vh!important;overflow:hidden!important}
  .results.scroll-scene>.scroll-stage{overflow:hidden!important;padding:0!important}
  .results.scroll-scene .results-shell{
    display:grid!important;
    grid-template-columns:minmax(250px,.62fr) 42px minmax(0,1.25fr)!important;
    gap:clamp(26px,4vw,66px)!important;
    width:min(100%,1440px)!important;
    min-height:100vh!important;
    padding:clamp(72px,9vh,126px) clamp(34px,7vw,110px)!important;
    margin:0 auto!important;
  }
  .results.scroll-scene .results-intro{align-self:center!important}
  .results.scroll-scene .results-intro h2{max-width:315px!important;font-size:clamp(52px,4.8vw,76px)!important}
  .results.scroll-scene .results-intro>p:last-child{max-width:300px!important;font-size:14px!important}
  .results.scroll-scene .results-rail{min-height:clamp(420px,56vh,520px)!important;align-self:center!important}
  .results.scroll-scene .result-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    align-self:center!important;
    transform:none!important;
    transition:none!important;
  }
  .results.scroll-scene .result-grid article{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr) 28px!important;
    flex:none!important;
    width:auto!important;
    min-height:153px!important;
    padding:clamp(22px,2.6vw,34px) 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:.34!important;
    transform:none!important;
    filter:none!important;
    transition:opacity .42s ease,filter .42s ease!important;
  }
  .results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(151,222,216,.16)!important}
  .results.scroll-scene .result-grid article:not(:last-child){border-bottom:1px solid rgba(225,239,232,.2)!important}
  .results.scroll-scene .result-grid article.scene-current{
    opacity:1!important;
    transform:scale(1)!important;
    border-color:transparent!important;
    background:linear-gradient(90deg,rgba(0,201,133,.055),transparent 62%)!important;
    box-shadow:none!important;
  }
  .results.scroll-scene .result-grid article::before{left:0!important;top:19%!important;bottom:19%!important;width:2px!important}
  .results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 18px rgba(0,201,133,.6)!important}
  .results.scroll-scene .result-icon{width:68px!important;height:68px!important;align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2){align-self:center!important}
  .results.scroll-scene .result-grid article>div:nth-child(2)>span{font-size:12px!important}
  .results.scroll-scene .result-grid h3{font-size:clamp(34px,3vw,52px)!important}
  .results.scroll-scene .result-grid p{font-size:16px!important;max-width:430px!important}
  .results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Final cascade authority: fixed rows, sticky stage, scroll changes state only. */
@media(min-width:901px){
  main>section#results.results.scroll-scene{min-height:300svh!important;padding:0!important;margin:0!important;overflow:clip!important;border:0!important;border-radius:0!important;background:radial-gradient(circle at 84% 24%,rgba(0,201,133,.085),transparent 29%),#050807!important}
  main>section#results.results.scroll-scene>.scroll-stage{position:sticky!important;top:0!important;display:block!important;width:100%!important;height:100svh!important;min-height:0!important;padding:0 clamp(28px,6vw,105px)!important;overflow:clip!important;background:transparent!important}
  main>section#results.results.scroll-scene>.scroll-stage::before,main>section#results.results.scroll-scene>.scroll-stage::after{display:none!important}
  main>section#results.results.scroll-scene .results-shell{position:relative!important;display:grid!important;grid-template-columns:minmax(250px,.68fr) 44px minmax(520px,1.32fr)!important;gap:clamp(28px,4.5vw,72px)!important;width:min(100%,1360px)!important;height:100svh!important;min-height:0!important;margin:0 auto!important;padding:clamp(58px,8vh,92px) 0!important;align-items:center!important;align-content:center!important}
  main>section#results.results.scroll-scene .results-intro{position:static!important;width:auto!important;align-self:center!important;opacity:1!important;transform:none!important}
  main>section#results.results.scroll-scene .results-intro h2{max-width:330px!important;font-size:clamp(48px,4.7vw,74px)!important}
  main>section#results.results.scroll-scene .results-intro>p:last-child{max-width:320px!important;font-size:14px!important}
  main>section#results.results.scroll-scene .results-rail{min-height:min(52vh,470px)!important;align-self:center!important}
  main>section#results.results.scroll-scene .results-rail span{border-color:rgba(226,239,234,.28)!important;color:rgba(237,242,238,.46)!important;box-shadow:none!important}
  main>section#results.results.scroll-scene .results-rail span.is-active{border-color:#00d992!important;color:#00d992!important;box-shadow:0 0 0 5px rgba(0,201,133,.08),0 0 22px rgba(0,201,133,.36)!important}
  main>section#results.results.scroll-scene .results-rail span.is-passed{border-color:rgba(0,217,146,.42)!important;color:rgba(0,217,146,.62)!important}
  main>section#results.results.scroll-scene .result-grid{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;align-self:center!important;transform:none!important;transition:none!important;will-change:auto!important}
  main>section#results.results.scroll-scene .result-grid article,main>section#results.results.scroll-scene .result-grid article:hover{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr) 24px!important;gap:clamp(18px,2.5vw,38px)!important;align-items:center!important;width:100%!important;min-height:clamp(132px,16vh,158px)!important;height:auto!important;padding:clamp(19px,2.3vh,27px) 0!important;border:0!important;border-bottom:1px solid rgba(225,239,232,.17)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;opacity:.28!important;filter:none!important;transform:none!important;transition:opacity .36s ease,filter .36s ease,background .36s ease!important}
  main>section#results.results.scroll-scene .result-grid article:first-child{border-top:1px solid rgba(225,239,232,.17)!important}
  main>section#results.results.scroll-scene .result-grid article.scene-current{opacity:1!important;background:linear-gradient(90deg,rgba(0,201,133,.06),transparent 66%)!important;filter:drop-shadow(0 0 18px rgba(0,201,133,.11))!important}
  main>section#results.results.scroll-scene .result-grid article::before{content:""!important;position:absolute!important;left:0!important;top:20%!important;bottom:20%!important;width:2px!important;background:transparent!important;box-shadow:none!important}
  main>section#results.results.scroll-scene .result-grid article.scene-current::before{background:#00c985!important;box-shadow:0 0 18px rgba(0,201,133,.55)!important}
  main>section#results.results.scroll-scene .result-icon{width:64px!important;height:64px!important;align-self:center!important}
  main>section#results.results.scroll-scene .result-icon svg{width:36px!important;height:36px!important}
  main>section#results.results.scroll-scene .result-grid h3{font-size:clamp(30px,2.5vw,42px)!important}
  main>section#results.results.scroll-scene .result-grid p{font-size:15px!important;max-width:500px!important}
  main>section#results.results.scroll-scene .result-grid article>b{align-self:center!important}
}

/* Mobile results: clean obsidian cards, tightly grouped rail and header, no background color bleed */
@media(max-width:900px){
  main>section#results,
  main>section#results.results,
  main>section#results.results.scroll-scene,
  .results{
    min-height:auto!important;
    height:auto!important;
    max-height:none!important;
    padding:clamp(44px,7vh,60px) clamp(16px,4.5vw,22px)!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:#040706!important;
  }
  main>section#results .scroll-stage,
  main>section#results.scroll-scene>.scroll-stage{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  main>section#results .results-shell,
  .results .results-shell{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
  main>section#results .results-intro,
  .results .results-intro{
    display:block!important;
    flex:none!important;
    width:100%!important;
    margin:0 0 10px 0!important;
    padding:0!important;
  }
  main>section#results .results-intro .section-label,
  .results .results-intro .section-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.22em!important;
    text-transform:uppercase!important;
    color:#00c985!important;
    margin-bottom:6px!important;
  }
  main>section#results .results-intro h2,
  .results .results-intro h2{
    font-size:clamp(28px,7vw,36px)!important;
    line-height:1.12!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
    color:#f2f7f5!important;
    margin:0 0 8px 0!important;
  }
  main>section#results .results-intro>p:last-child,
  .results .results-intro>p:last-child{
    font-size:13.5px!important;
    line-height:1.5!important;
    color:rgba(225,239,232,.65)!important;
    margin:0 0 16px 0!important;
    max-width:100%!important;
  }
  main>section#results .results-rail,
  .results .results-rail{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 18px 0!important;
    padding:0!important;
  }
  main>section#results .results-rail i,
  .results .results-rail i{
    flex:1!important;
    height:2px!important;
    background:rgba(225,239,232,.24)!important;
    border-radius:2px!important;
    margin:0 6px!important;
  }
  main>section#results .results-rail span,
  .results .results-rail span{
    width:34px!important;
    height:34px!important;
    font-size:11px!important;
    font-weight:700!important;
    border-radius:50%!important;
    border:1px solid rgba(225,239,232,.18)!important;
    color:rgba(225,239,232,.52)!important;
    background:#080e0c!important;
    display:grid!important;
    place-items:center!important;
    transition:all .25s ease!important;
    flex-shrink:0!important;
    cursor:pointer!important;
  }
  main>section#results .results-rail span.is-active,
  .results .results-rail span.is-active{
    border-color:#00c985!important;
    color:#040807!important;
    background:#00c985!important;
    font-weight:800!important;
    box-shadow:0 0 14px rgba(0,201,133,.45)!important;
    transform:scale(1.08)!important;
  }
  main>section#results .results-rail span.is-passed,
  .results .results-rail span.is-passed{
    border-color:rgba(0,201,133,.45)!important;
    color:#00c985!important;
  }
  main>section#results .result-grid,
  .results .result-grid{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
    justify-content:flex-start!important;
  }
  main>section#results .result-grid article,
  .results .result-grid article{
    position:relative!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 22px!important;
    gap:14px!important;
    align-items:center!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:0!important;
    height:auto!important;
    padding:18px 16px!important;
    border:1px solid rgba(225,239,232,.1)!important;
    border-radius:20px!important;
    background:#090e0c!important;
    box-shadow:0 4px 16px rgba(0,0,0,.25)!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    cursor:pointer!important;
    transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease!important;
  }
  main>section#results .result-grid article::before,
  .results .result-grid article::before{
    display:none!important;
  }
  main>section#results .result-grid article.scene-current,
  main>section#results .result-grid article.is-active,
  .results .result-grid article.scene-current,
  .results .result-grid article.is-active{
    opacity:1!important;
    background:#0a1310!important;
    border-color:rgba(0,201,133,.48)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.45),0 0 18px rgba(0,201,133,.12)!important;
  }
  main>section#results .result-icon,
  .results .result-icon{
    width:46px!important;
    height:46px!important;
    border-radius:14px!important;
    background:rgba(0,201,133,.08)!important;
    border:1px solid rgba(0,201,133,.2)!important;
    display:grid!important;
    place-items:center!important;
    flex-shrink:0!important;
    transition:all .25s ease!important;
  }
  main>section#results .result-grid article.scene-current .result-icon,
  main>section#results .result-grid article.is-active .result-icon,
  .results .result-grid article.scene-current .result-icon,
  .results .result-grid article.is-active .result-icon{
    background:rgba(0,201,133,.18)!important;
    border-color:rgba(0,201,133,.45)!important;
    box-shadow:0 0 14px rgba(0,201,133,.25)!important;
  }
  main>section#results .result-icon svg,
  .results .result-icon svg{
    width:24px!important;
    height:24px!important;
    stroke:#00c985!important;
    fill:none!important;
  }
  main>section#results .result-grid article>div:nth-child(2),
  .results .result-grid article>div:nth-child(2){
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:0!important;
  }
  main>section#results .result-grid article>div:nth-child(2) span,
  .results .result-grid article>div:nth-child(2) span{
    display:inline-block!important;
    font-size:11px!important;
    font-weight:800!important;
    color:#00c985!important;
    letter-spacing:.08em!important;
    margin-bottom:2px!important;
  }
  main>section#results .result-grid h3,
  .results .result-grid h3{
    font-size:17px!important;
    font-weight:700!important;
    color:#f2f7f5!important;
    margin:0!important;
    line-height:1.25!important;
    letter-spacing:-.01em!important;
  }
  main>section#results .result-grid p,
  .results .result-grid p{
    font-size:12.5px!important;
    line-height:1.45!important;
    color:rgba(225,239,232,.65)!important;
    margin:0!important;
  }
  main>section#results .result-grid article>b,
  .results .result-grid article>b{
    width:20px!important;
    height:20px!important;
    border-radius:50%!important;
    border:1.5px solid rgba(225,239,232,.22)!important;
    background:transparent!important;
    flex-shrink:0!important;
    position:relative!important;
    display:block!important;
    transition:all .25s ease!important;
  }
  main>section#results .result-grid article.scene-current>b,
  main>section#results .result-grid article.is-active>b,
  .results .result-grid article.scene-current>b,
  .results .result-grid article.is-active>b{
    border-color:#00c985!important;
    background:#00c985!important;
    box-shadow:0 0 10px rgba(0,201,133,.55)!important;
  }
  main>section#results .result-grid article.scene-current>b::after,
  main>section#results .result-grid article.is-active>b::after,
  .results .result-grid article.scene-current>b::after,
  .results .result-grid article.is-active>b::after{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    border-radius:50%!important;
    background:#050807!important;
  }
}