/*
Theme Name: Reachyou Premium
Theme URI: https://reachyou.in
Author: Reachyou
Description: A bespoke dark editorial theme for Reachyou, with scroll-driven service and industry cards, Google reviews settings, and saved enquiries.
Version: 1.6.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reachyou-premium
*/
:root{--bg:#11120f;--panel:#1b1d18;--text:#f3f2e9;--muted:#999d90;--line:#33362c;--lime:#cdfa76;--page:clamp(24px,5vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}::selection{background:var(--lime);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{touch-action:manipulation}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(40px,5.4vw,86px)}h3{font-size:30px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}p{color:var(--muted)}:focus-visible{outline:2px solid var(--lime);outline-offset:7px}.lime{color:var(--lime)}.muted{color:#757a6b}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:500;color:var(--text);line-height:1.5}.section-pad{padding:120px var(--page)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;padding:18px 25px;background:var(--lime);color:#15180e;border:1px solid var(--lime);border-radius:2px;font-size:14px;line-height:1.3;font-weight:600;transition:background .25s,transform .25s}.button:hover{background:#e4ffb0;transform:translateY(-3px)}.button span{font-size:23px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:24px;border:0;border-bottom:1px solid #666b5b;background:none;color:var(--text);padding:8px 0;font-size:13px}.text-link:hover{color:var(--lime)}.skip-link{position:fixed;z-index:100;top:10px;left:10px;background:var(--lime);color:#111;padding:10px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:96px;padding:0 var(--page);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:30}.brand{font-weight:700;font-size:31px;letter-spacing:-1.7px;display:inline-flex;align-items:center;line-height:1}.brand small{font-size:16px;letter-spacing:-.5px;align-self:flex-end;margin:0 0 3px 1px}.brand-star{color:var(--lime);font-size:40px;margin:0 0 0 3px;font-weight:400}.site-header nav{display:flex;align-items:center;gap:33px;font-size:12px}.site-header nav>a:hover{color:var(--lime)}.nav-cta{border:1px solid #737967;padding:12px 18px;margin-left:26px;display:flex;gap:35px}.menu-toggle{display:none}.hero{position:relative;padding:29px var(--page) 0;overflow:hidden;min-height:730px}.hero-topline{display:flex;justify-content:space-between}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:9px;box-shadow:0 0 15px #cdfa7633}.hero-copy{position:relative;z-index:2;padding-top:65px;width:67%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-kicker{font-size:13px;margin-bottom:24px;color:#b8bcae}.hero h1{font-size:clamp(80px,9.6vw,164px);letter-spacing:-.07em;line-height:.93}.hero h1 em{color:var(--lime);letter-spacing:-.075em}.hero-period{font-size:.55em;vertical-align:top;display:inline-block;margin:8px 0 0 15px;font-weight:300}.hero-description{font-size:14px;line-height:1.8;margin:28px 0}.hero-art{position:absolute;right:-4%;top:62px;width:54%;z-index:1}.orbit-art{display:block;width:100%;animation:float 9s ease-in-out infinite}.art-caption{display:block;text-align:center;color:#6f7662;font-size:8px;letter-spacing:.18em;margin-top:-45px}.hero-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;margin-top:64px;font-size:11px}.hero-bottom>a{display:flex;gap:60px}.hero-bottom>a span{color:var(--lime)}.hero-bottom p{margin-left:25%;font-size:11px;line-height:1.5}.hero-index{letter-spacing:.14em;color:var(--muted)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:23px 0;background:#181a15}.ticker>div{display:flex;gap:35px;align-items:center;white-space:nowrap;font-size:29px;font-weight:500;letter-spacing:-.02em;width:max-content;animation:ticker 35s linear infinite}.ticker span{color:var(--lime);font-size:35px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:11%;border-bottom:1px solid var(--line)}.about .eyebrow{margin-bottom:35px}.about h2{font-size:clamp(44px,5.6vw,84px)}.about-copy h3{margin-bottom:32px;font-size:32px}.about-copy>p{font-size:14px;margin-bottom:20px}.about-copy .small-heading{font-size:11px;color:var(--lime)}.about-copy .text-link{margin-top:10px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.section-heading .eyebrow{margin-bottom:24px}.section-heading em{color:var(--lime)}.heading-aside{width:250px;flex-shrink:0;font-size:13px;line-height:1.7}.heading-aside p{margin-bottom:25px}.scroll-hint{font-size:9px;letter-spacing:.13em;color:var(--lime);display:flex;gap:35px}.motion-toggle{margin-top:10px;font-size:11px;color:var(--muted)}.services{padding:90px 0 40px;position:relative}.service-pin{padding-top:25px;overflow:hidden}.services .section-heading{padding:0 var(--page)}.service-window{overflow:hidden;padding:35px 0 20px}.service-track{display:flex;gap:25px;width:max-content;padding:0 var(--page)}.service-card{position:relative;width:330px;height:400px;border:1px solid #44483a;background:#20231b;overflow:hidden;flex-shrink:0;transition:background .25s,border-color .25s}.service-card:nth-child(3n+2){background:#cbd4b4;color:#15180f;height:445px;margin-top:0}.service-card:nth-child(3n+1){margin-top:25px}.service-card:nth-child(3n){margin-top:48px;background:#292c23}.card-meta{display:flex;justify-content:space-between;padding:19px 22px;font-size:9px;letter-spacing:.1em}.card-meta>span:last-child{font-size:18px}.device-art{margin:3px auto 20px;width:75%;height:215px;border:1px solid #6c735c;background:#11160e;border-radius:9px;transform:rotate(-9deg);box-shadow:10px 15px 15px #0003;padding:6px;color:#d0f69a}.device-top{height:15px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #51583f;padding-bottom:5px}.device-top i{height:3px;width:3px;border-radius:50%;background:#666e51}.device-top span{margin-left:auto;font-size:4px;letter-spacing:1px}.device-inner{padding:10px;position:relative;height:calc(100% - 15px);overflow:hidden;background:linear-gradient(135deg,#232d19,#10130d)}.mock-label{font-size:6px;letter-spacing:.1em}.device-symbol{font-size:107px;line-height:1.2;letter-spacing:-.07em;text-align:center;font-family:Georgia,serif}.mock-bars{display:flex;gap:5px;position:absolute;right:10px;top:70px;transform:rotate(-20deg);opacity:.5}.mock-bars i{width:6px;height:40px;background:#b1dd66}.mock-bars i:nth-child(2){height:25px}.mock-bars i:nth-child(3){height:60px}.mock-bottom{font-size:7px}.device-1{width:58%;height:245px;transform:rotate(8deg);border-radius:17px;padding:9px;border-width:3px}.device-1 .device-inner{border-radius:9px}.device-1 .device-symbol{font-size:88px;padding:12px 0}.device-2{transform:perspective(500px) rotateY(-17deg) rotateZ(-6deg);margin-top:12px}.service-title{padding:0 23px}.service-title h3{font-size:25px;letter-spacing:-.045em}.service-title p{font-size:11px;margin-top:7px;color:inherit;opacity:.65}.service-detail{position:absolute;inset:0;background:var(--lime);color:#17200b;padding:25px;opacity:0;transform:translateY(15px);transition:opacity .25s,transform .3s;display:flex;flex-direction:column;pointer-events:none}.service-detail .eyebrow{color:#43552c;font-size:9px;margin-bottom:21px}.service-detail h3{font-size:25px;letter-spacing:-.045em;line-height:1.08;margin-bottom:15px}.service-detail p{font-size:12px;line-height:1.7;color:#354124}.service-detail .text-link{color:#18210d;border-color:#6a8446;font-size:11px;line-height:1.5;margin-top:auto}.service-card:hover .service-detail,.service-card:focus-within .service-detail,.service-card.is-open .service-detail{opacity:1;transform:none;pointer-events:auto}.services-bottom{padding:0 var(--page);display:flex;align-items:center;gap:30px;justify-content:space-between;font-size:8px;letter-spacing:.07em;margin-top:8px}.services-bottom p{font-size:8px}.track-progress{height:2px;background:#373e2b;width:22%}.track-progress span{display:block;width:15%;height:100%;background:var(--lime)}.service-intro{padding-top:70px;padding-bottom:90px;display:grid;grid-template-columns:.6fr 1fr 1.2fr;gap:40px;border-bottom:1px solid var(--line)}.service-intro h3{font-size:25px}.service-intro>p:last-child{font-size:13px}.industries{position:relative;padding:100px 0 0;background:#191c15}.industry-pin{padding:30px var(--page) 60px}.industry-stage{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:55px}.industry-card{position:relative;border:1px solid #454b3a;background:#20261a;padding:20px;min-height:175px;transition:background .2s,color .2s;z-index:2}.industry-card svg{width:36px;height:36px;margin-bottom:24px;color:var(--text)}.industry-card h3{font-size:17px;letter-spacing:-.03em;line-height:1.2;max-width:150px}.industry-num{position:absolute;top:21px;right:20px;color:#777f6b;font-size:9px}.industry-card p{display:none;font-size:11px;line-height:1.6;margin-top:14px}.industry-arrow{position:absolute;bottom:12px;right:16px;color:#7e896c}.industry-card:hover,.industry-card:focus-within,.industry-card.is-open{background:var(--lime);color:#17200c;z-index:20}.industry-card:hover svg,.industry-card:focus-within svg,.industry-card.is-open svg{color:#17200c}.industry-card:hover p,.industry-card:focus-within p,.industry-card.is-open p{display:block;color:#30401e}.industry-card:hover svg,.industry-card:focus-within svg,.industry-card.is-open svg{margin-bottom:8px;width:24px;height:24px}.industry-card:hover,.industry-card:focus-within,.industry-card.is-open{min-height:175px;height:auto}.industry-center{display:none}.industry-caption{max-width:760px;text-align:center;margin:38px auto 0;font-size:12px}.reviews .section-heading{align-items:flex-end}.review-intro{max-width:690px;font-size:13px;margin-top:30px}.reviews-empty{padding:40px 50px;margin:40px 0 25px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;background:#191c16}.quote-mark{font-family:Georgia,serif;font-size:100px;color:var(--lime);line-height:.8}.reviews-empty>p{font-size:27px;line-height:1.2;letter-spacing:-.04em;color:#d0d4c4}.review-controls{display:flex;gap:10px}.review-controls[hidden]{display:none}.review-controls button{width:42px;height:42px;background:transparent;border:1px solid #5b6450;color:var(--text);border-radius:50%}.review-controls button:hover{background:var(--lime);color:#111}.review-track{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:20px;margin-top:30px;scrollbar-width:thin}.review-card{flex:0 0 calc(50% - 10px);padding:30px;border:1px solid var(--line);background:#1a1e16;scroll-snap-align:start}.review-stars{color:var(--lime);letter-spacing:4px}.review-card blockquote{margin:18px 0;color:#d8ddcc;font-size:14px;white-space:pre-line}.review-author{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:12px}.review-author img{width:38px;height:38px;border-radius:50%}.review-card time{display:block;color:var(--muted);font-size:10px}.review-card>a{font-size:11px;border-bottom:1px solid #69705b}.review-attribution{padding:20px 0;font-size:11px}.google-attribution{font-style:normal;font-weight:400;font-size:14px;color:white;white-space:nowrap;letter-spacing:normal}.review-attribution a{border-bottom:1px solid #69705b}.review-summary{margin-top:25px}.platforms{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platforms .eyebrow{margin-bottom:25px}.platforms h2 em{color:var(--lime)}.platform-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.platform-strip>span{padding:30px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:19px;letter-spacing:-.04em;display:flex;align-items:center;gap:15px}.platform-strip small{font-size:8px;letter-spacing:0;color:var(--muted)}.platforms>p:last-child{max-width:700px;font-size:13px;margin-top:35px}.clients>p{max-width:700px;margin-top:25px;font-size:14px}.clients h2{margin-top:24px}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;gap:20px}.client-logo{min-height:130px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}.client-logo img{max-height:90px;width:auto;object-fit:contain}.client-logo span{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.faq .eyebrow{margin-bottom:25px}.faq h2{font-size:clamp(40px,4.3vw,65px)}.faq .text-link{margin-top:30px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:20px;padding:25px 0;cursor:pointer;font-size:14px;line-height:1.5}summary::-webkit-details-marker{display:none}summary>span{color:#747e63;font-size:9px}summary>b{margin-left:auto;font-weight:400;color:var(--lime);font-size:20px}details[open] summary>b{transform:rotate(45deg)}details>p{font-size:13px;padding:0 30px 25px}.contact{background:#23291b;border-top:1px solid #454c37;padding-top:70px}.contact-top{border-bottom:1px solid #454c37;padding-bottom:50px}.contact h2{font-size:clamp(65px,10.2vw,160px);line-height:.95;margin-top:32px;position:relative}.contact h2 em{color:var(--lime)}.contact h2>span{position:absolute;right:15px;top:20px;color:var(--lime);font-size:1.2em}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:60px}.contact-copy h3{font-size:28px;max-width:350px;margin-bottom:25px}.contact-copy>p{font-size:13px;line-height:1.85}.contact-details{margin:28px 0}.contact-details>a{display:block;margin:10px 0;font-size:20px}.contact-details>p{font-size:13px}.button-outline{background:transparent;color:var(--text);border-color:#697557}.button-outline:hover{color:#111}.enquiry-form label{display:block;font-size:11px;color:#c7cfba}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:23px}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #677254;background:transparent;color:var(--text);border-radius:0;padding:12px 0;margin-bottom:25px;font-size:13px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#929d81}.enquiry-form select option{color:var(--text);background:var(--bg)}.enquiry-form .consent{display:flex;gap:9px;align-items:flex-start;margin:0 0 25px}.consent input{accent-color:var(--lime);margin:3px 0}.consent a{text-decoration:underline}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status:not(:empty){padding:15px;margin-bottom:20px;border:1px solid var(--lime);font-size:13px}.site-footer{padding:40px var(--page);display:flex;gap:30px;align-items:center;justify-content:space-between}.site-footer>p{font-size:11px}.site-footer>div{display:flex;gap:20px;font-size:11px}.site-footer>small{font-size:9px;color:var(--muted)}.site-footer>a:not(.brand){font-size:11px}.standard-page{max-width:1000px;min-height:65vh;margin:auto;padding:100px var(--page)}.standard-page h1{font-size:clamp(45px,6vw,85px);margin:20px 0 40px}.standard-page article{margin-bottom:70px}.standard-page p{margin:20px 0}.standard-page ul,.standard-page ol{padding-left:25px}.standard-page a:not(.button){text-decoration:underline}.standard-page img{height:auto}.standard-page h2,.standard-page h3{margin-top:35px}.all-services .service-track{width:auto;display:grid;grid-template-columns:repeat(3,1fr);transform:none!important}.all-services .service-card{width:auto;margin-top:0;height:445px}.all-services .service-pin{position:relative!important}.all-services.services{height:auto!important}.all-services .services-bottom{display:none}
@keyframes float{50%{transform:translateY(-16px) rotate(4deg)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{min-height:850px}.hero-art{top:30px;width:53%}.hero-copy{padding-top:100px}.hero-bottom{margin-top:85px}.service-card{width:380px}}
@media(max-width:999px){.site-header{height:80px}.site-header nav{gap:18px}.nav-cta{margin-left:0}.hero{min-height:auto}.hero-copy{width:80%;padding-top:65px}.hero h1{font-size:100px}.hero-art{opacity:.65;right:-20%;top:110px;width:75%}.hero-description{max-width:370px}.hero-bottom{margin-top:70px}.hero-location{display:none}.section-pad{padding-top:80px;padding-bottom:80px}.about{gap:7%}.about h2{font-size:50px}.service-track{width:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-card,.service-card:nth-child(n){width:auto;margin-top:0;height:430px}.service-window{overflow:visible}.scroll-hint,.motion-toggle,.services-bottom{display:none}.service-intro{grid-template-columns:1fr 1fr}.service-intro>.eyebrow{grid-column:1/-1}.industry-stage{grid-template-columns:repeat(3,1fr)}.industry-card{min-height:190px}.platform-strip{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:7%}.contact h2>span{right:0}.site-footer{flex-wrap:wrap}.all-services .service-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--page:23px}.site-header{height:76px}.brand{font-size:27px}.brand-star{font-size:33px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#191d14;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;font-size:16px;gap:22px}.site-header nav.is-open{display:flex}.nav-cta{justify-content:space-between}.menu-toggle{display:flex;align-items:center;gap:16px;border:0;background:none;color:var(--text);font-size:12px}.hero{padding-top:24px}.hero .eyebrow{font-size:9px}.hero-copy{padding-top:45px;width:100%}.hero-kicker{font-size:11px;margin-bottom:24px}.hero h1{font-size:clamp(66px,16.8vw,106px)}.hero-period{margin-left:8px}.hero-description{font-size:12px;max-width:300px;margin-top:28px}.hero-art{position:relative;right:auto;top:auto;opacity:1;width:100%;margin:-2px auto -35px;height:270px}.orbit-art{height:310px}.art-caption{display:none}.hero .button{padding:17px 20px;font-size:12px}.hero-bottom{margin-top:35px;padding:23px 0}.hero-bottom p{margin-left:0;font-size:9px}.hero-index{display:none}.hero-bottom>a{gap:25px}.ticker{padding:16px 0}.ticker>div{font-size:21px;gap:20px}.ticker span{font-size:27px}.section-pad{padding-top:65px;padding-bottom:65px}.about{grid-template-columns:1fr;gap:40px}.about h2{font-size:57px}.about-copy h3{font-size:29px}.about-copy>p{font-size:13px}.section-heading{display:block}.section-heading h2{font-size:43px}.heading-aside{width:auto;margin-top:25px;font-size:12px}.heading-aside p{margin-bottom:0}.services{padding-top:40px}.service-track,.all-services .service-track{grid-template-columns:1fr}.service-card,.service-card:nth-child(n){height:450px}.service-card .device-art{width:70%;height:250px}.service-card .device-1{width:51%;height:250px}.service-card .device-symbol{font-size:125px}.service-detail{padding:30px}.service-detail h3{font-size:31px}.service-detail p{font-size:14px;line-height:1.7}.service-detail .text-link{font-size:13px}.service-title h3{font-size:28px}.service-intro{grid-template-columns:1fr;gap:23px;padding-top:20px}.industry-pin{padding-top:20px}.industries{padding-top:45px}.industry-stage{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:35px}.industry-card{padding:17px 12px;min-height:180px}.industry-card h3{font-size:17px}.industry-num{right:12px}.industry-card p{font-size:11px}.industry-caption{font-size:12px;text-align:left}.reviews-empty{padding:25px;flex-wrap:wrap;gap:15px}.reviews-empty>p{font-size:25px}.reviews-empty .text-link{margin-left:0}.quote-mark{font-size:70px}.review-controls{margin-top:25px}.review-card{flex-basis:100%;padding:23px}.platform-strip{margin-top:35px}.platform-strip>span{padding:23px 10px;font-size:16px;gap:8px}.platforms h2{font-size:41px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:44px}summary{font-size:13px;gap:14px}.contact h2{font-size:clamp(60px,13vw,85px)}.contact h2>span{font-size:.55em;right:0;top:0}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-top{padding-bottom:35px}.contact h2{margin-top:30px}.contact .eyebrow{font-size:9px}.contact-copy>p{font-size:13px}.form-row{gap:15px}.site-footer{padding-top:35px;padding-bottom:35px;gap:24px}.site-footer>p{width:100%;order:3}.site-footer>small{margin-left:auto}.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.service-track{transform:none!important}.service-track{display:grid;width:auto;grid-template-columns:repeat(2,1fr)}.service-card,.service-card:nth-child(n){width:auto;margin-top:0;height:445px}.motion-toggle,.scroll-hint{display:none}.industry-card{transform:none!important;opacity:1!important}.services-bottom{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:640px){.service-track{grid-template-columns:1fr}}
body:not(.motion-ready) .service-track{display:grid;width:auto;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}body:not(.motion-ready) .service-card{width:auto;margin-top:0;height:445px}

/* Readable layouts are the default. Scroll choreography is an enhancement. */
body:not(.motion-active) .service-track{display:grid;width:auto;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
body:not(.motion-active) .service-card{width:auto;margin-top:0;height:445px}
.industry-toggle{display:none;font-size:11px;color:var(--muted)}
.motion-active .motion-toggle{display:inline-flex}
.all-industries.industries{height:auto!important}
.all-industries .industry-pin{position:relative!important;height:auto!important}
.all-industries .industry-stage{height:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.all-industries .industry-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;width:auto!important;height:auto!important;min-height:180px!important}
.all-industries .industry-center{display:none!important}
.all-industries .industry-caption{margin-top:35px!important}

@media(min-width:760px) and (min-height:600px) and (prefers-reduced-motion:no-preference){
  .motion-active .services:not(.all-services){height:calc(100svh + 4200px);padding:0}
  .motion-active .services:not(.all-services) .service-pin{position:sticky;top:0;height:100svh;padding:32px 0 22px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
  .motion-active .services:not(.all-services) .section-heading{flex:0 0 auto;align-items:flex-end;padding:0 var(--page)}
  .motion-active .services:not(.all-services) .section-heading h2{font-size:clamp(39px,4.4vw,68px)}
  .motion-active .services:not(.all-services) .section-heading .eyebrow{margin-bottom:17px}
  .motion-active .services:not(.all-services) .heading-aside{width:210px;margin:0;font-size:12px}
  .motion-active .services:not(.all-services) .heading-aside p{margin-bottom:13px}
  .motion-active .services:not(.all-services) .scroll-hint{display:flex;font-size:9px}
  .motion-active .services:not(.all-services) .motion-toggle{display:inline-flex}
  .motion-active .services:not(.all-services) .service-window{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;padding:0;margin-top:12px}
  .motion-active .services:not(.all-services) .service-track{position:relative;display:block;width:100%;height:100%;padding:0;transform:none;perspective:1000px}
  .motion-active .services:not(.all-services) .service-card:nth-child(n){position:absolute;left:50%;top:43%;width:clamp(300px,28vw,430px);height:clamp(360px,47svh,465px);margin:0;transform:translate(-50%,-50%);transform-origin:center;will-change:transform,opacity;backface-visibility:hidden;box-shadow:0 20px 65px #0004}
  .motion-active .services:not(.all-services) .device-art{height:clamp(170px,23svh,240px);margin-top:5px;margin-bottom:23px}
  .motion-active .services:not(.all-services) .device-1{height:clamp(175px,24svh,245px);width:55%}
  .motion-active .services:not(.all-services) .service-title h3{font-size:clamp(24px,2.1vw,31px)}
  .motion-active .services:not(.all-services) .service-detail{overflow:auto}
  .motion-active .services:not(.all-services) .service-detail p{font-size:12px;line-height:1.7}
  .motion-active .services:not(.all-services) .service-detail .text-link{margin-top:auto;flex-shrink:0}
  .motion-active .services:not(.all-services) .services-bottom{display:flex;flex:0 0 auto;margin-top:14px}
  .motion-active .industries:not(.all-industries){height:calc(100svh + 1700px);padding:0}
  .motion-active .industries:not(.all-industries) .industry-pin{position:sticky;top:0;height:100svh;padding:28px var(--page) 22px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
  .motion-active .industries:not(.all-industries) .section-heading{flex:0 0 auto}
  .motion-active .industries:not(.all-industries) h2{font-size:clamp(39px,4.2vw,65px)}
  .motion-active .industries:not(.all-industries) .section-heading .eyebrow{margin-bottom:17px}
  .motion-active .industries:not(.all-industries) .heading-aside{font-size:12px;width:210px}
  .motion-active .industries:not(.all-industries) .heading-aside p{margin-bottom:4px}
  .motion-active .industry-toggle{display:inline-flex}
  .motion-active .industries:not(.all-industries) .industry-stage{flex:1 1 auto;min-height:0;position:relative;display:block;margin:20px 0 0}
  .motion-active .industries:not(.all-industries) .industry-card{position:absolute;top:50%;left:50%;width:clamp(135px,14vw,210px);height:clamp(118px,15svh,160px);min-height:0;padding:17px;transform:translate(-50%,-50%) scale(.015);will-change:transform,opacity;box-shadow:0 12px 35px #0002}
  .motion-active .industries:not(.all-industries) .industry-card svg{width:29px;height:29px;margin-bottom:15px}
  .motion-active .industries:not(.all-industries) .industry-card h3{font-size:clamp(13px,1.15vw,17px);line-height:1.16;max-width:165px}
  .motion-active .industries:not(.all-industries) .industry-num{top:17px;right:13px;font-size:8px}
  .motion-active .industries:not(.all-industries) .industry-arrow{font-size:11px;bottom:6px;right:10px}
  .motion-active .industries:not(.all-industries) .industry-card p{position:absolute;inset:0;margin:0;padding:17px;overflow:auto;background:var(--lime);color:#243216;font-size:11px;line-height:1.6}
  .motion-active .industries:not(.all-industries) .industry-card:hover,.motion-active .industries:not(.all-industries) .industry-card:focus-within,.motion-active .industries:not(.all-industries) .industry-card.is-open{height:clamp(118px,15svh,160px);min-height:0}
  .motion-active .industries:not(.all-industries) .industry-center{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;flex-direction:column;text-align:center;z-index:1;pointer-events:none}
  .motion-active .industries:not(.all-industries) .industry-center>span{font-size:clamp(42px,6vw,86px);line-height:1;color:var(--lime);transform:rotate(calc(var(--burst,0) * 135deg));opacity:calc(.4 + var(--burst,0) * .6)}
  .motion-active .industries:not(.all-industries) .industry-center>strong{margin-top:13px;font-size:11px;line-height:1.5;font-weight:400;color:#a4af95}
  .motion-active .industries:not(.all-industries) .industry-caption{flex:0 0 auto;font-size:11px;max-width:760px;margin:18px auto 0}
}
@media(min-width:760px) and (min-height:600px) and (max-height:760px) and (prefers-reduced-motion:no-preference){
  .motion-active .services:not(.all-services) .service-pin,.motion-active .industries:not(.all-industries) .industry-pin{padding-top:20px;padding-bottom:16px}
  .motion-active .services:not(.all-services) .section-heading h2,.motion-active .industries:not(.all-industries) h2{font-size:36px}
  .motion-active .services:not(.all-services) .section-heading .eyebrow,.motion-active .industries:not(.all-industries) .section-heading .eyebrow{margin-bottom:9px}
  .motion-active .services:not(.all-services) .service-card:nth-child(n){height:340px;top:44%;width:300px}
  .motion-active .services:not(.all-services) .device-art,.motion-active .services:not(.all-services) .device-1{height:157px;margin-bottom:20px}
  .motion-active .services:not(.all-services) .device-symbol{font-size:78px}
  .motion-active .services:not(.all-services) .heading-aside>p{display:none}
  .motion-active .industries:not(.all-industries) .industry-card{padding:12px}
  .motion-active .industries:not(.all-industries) .industry-card svg{height:24px;width:24px;margin-bottom:8px}
  .motion-active .industries:not(.all-industries) .industry-caption{font-size:10px;line-height:1.4;margin-top:10px}
}

/* White illustrated Reachyou service posters. */
.service-card{overflow:visible;background:transparent!important;border:0;perspective:1300px;cursor:pointer}
.service-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.74,.2,1);will-change:transform}
.service-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e4e1;border-radius:24px;background:#fff;color:#171717;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 23px 70px #0002}
.service-front{isolation:isolate;padding:17px 20px 0;background:#fff}
.poster-corner{position:absolute;z-index:-1;top:-103px;right:-106px;width:215px;height:218px;border-radius:0 0 0 78%;background:var(--poster-accent);transform:rotate(-9deg)}
.poster-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;min-height:53px}
.poster-brand{display:flex;align-items:center;gap:7px;color:#101111;line-height:1}
.poster-mark{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--poster-accent);font-size:20px;font-weight:700;clip-path:polygon(0 72%,82% 0,100% 18%,23% 100%)}
.poster-brand strong{display:block;font-size:13px;letter-spacing:-.05em}
.poster-brand strong span{color:var(--poster-accent)}
.poster-brand small{display:block;font-size:6px;letter-spacing:.28em;margin-top:5px;font-weight:700}
.poster-number{align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-weight:700;font-size:24px;line-height:1;padding:5px 9px 0 0;min-width:46px}
.poster-number i{display:block;width:33px;height:2px;background:#fff}
.service-art{width:100%;height:clamp(150px,25svh,244px);object-fit:contain;display:block;flex:0 0 auto;margin:5px auto 0}
.service-title{padding:0 2px;color:#111}
.service-title h3{font-size:clamp(23px,2.05vw,32px);font-weight:900;line-height:.98;letter-spacing:-.055em;text-transform:uppercase}
.service-title h3 span{display:block;color:var(--poster-accent)}
.poster-keywords{margin-top:11px;font-size:8px;font-weight:700;letter-spacing:.1em;line-height:1.5;color:#333;white-space:normal}
.poster-rule{display:block;margin:10px auto;width:65px;height:3px;background:var(--poster-accent)}
.poster-description{font-size:11px!important;font-weight:400;line-height:1.42!important;text-align:center;color:#222!important;margin:0 auto 12px!important;max-width:360px}
.poster-footer{display:flex;align-items:center;justify-content:center;gap:13px;background:var(--poster-accent);color:white;min-height:65px;margin:auto -20px 0;padding:10px 15px 9px;clip-path:ellipse(83% 100% at 55% 100%);font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.75}
.poster-footer svg{width:50px;height:44px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.service-front>.flip-cue{text-align:right;margin:0 -4px 5px;color:#666}
.service-back{background:#fff;color:#171717;padding:27px;transform:rotateY(180deg);border-top:5px solid var(--poster-accent)}
.poster-back-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dededb;padding-bottom:20px;margin-bottom:32px}
.poster-back-header .poster-number{color:var(--poster-accent);font-size:19px}
.poster-back-header .poster-number i{background:var(--poster-accent)}
.service-back>.eyebrow{color:var(--poster-accent);font-size:9px;margin-bottom:17px}
.service-back h3{font-size:clamp(23px,2.2vw,32px);font-weight:800;letter-spacing:-.045em;line-height:1.08;margin-bottom:20px}
.service-back .service-long-description{font-size:14px;line-height:1.85;color:#515151}
.service-back .text-link{color:#171717;border-color:var(--poster-accent);font-size:12px;line-height:1.5;margin-top:auto}
.flip-cue{display:block;margin-top:12px;font-size:8px;letter-spacing:.13em;opacity:.58}
.service-back .flip-cue{color:#646464;margin-top:20px}
.service-card:hover .service-flipper,.service-card:focus .service-flipper,.service-card:focus-within .service-flipper,.service-card.is-open .service-flipper{transform:rotateY(180deg)}
.service-card .service-detail{display:none}

/* One sizing system for every service poster. The stage supplies exact 9:16 dimensions. */
.services .service-card:nth-child(n){width:min(100%,360px)!important;height:auto!important;aspect-ratio:9/16;margin:0;justify-self:center;container-type:inline-size;padding:0}
.services .service-front{padding:5cqw 6cqw 0}
.services .service-face{border-radius:7cqw}
.services .poster-header{min-height:17cqw;flex-shrink:0}
.services .poster-brand{gap:2cqw}
.services .poster-brand strong{font-size:4cqw}
.services .poster-brand small{font-size:1.8cqw;margin-top:1.5cqw}
.services .poster-mark{width:9cqw;height:9cqw;font-size:6cqw}
.services .poster-number{font-size:8cqw;min-width:14cqw;padding:1cqw 2cqw 0 0}
.services .poster-number i{width:10cqw}
.services .poster-corner{width:66cqw;height:66cqw;top:-31cqw;right:-32cqw}
.services .service-art{height:62cqw!important;min-height:0;margin:2cqw auto 0!important;object-fit:contain}
.services .service-title{padding:0!important;position:static}
.services .service-title h3{font-size:9cqw!important;line-height:1;letter-spacing:-.055em}
.services .poster-keywords{font-size:2.3cqw;margin-top:3cqw;line-height:1.5}
.services .poster-rule{width:20cqw;height:.8cqw;margin:3cqw auto}
.services .poster-description{font-size:3.3cqw!important;line-height:1.45!important;margin:0 auto 3cqw!important}
.services .poster-footer{flex-shrink:0;min-height:22cqw!important;margin:auto -6cqw 0;padding:3cqw 4cqw;font-size:3cqw;gap:4cqw}
.services .poster-footer svg{width:15cqw;height:13cqw}
.services .flip-cue{font-size:2.2cqw;flex-shrink:0}
.services .service-back{padding:7cqw!important;overflow-y:auto;overscroll-behavior:contain}
.services .poster-back-header{padding-bottom:6cqw;margin-bottom:8cqw}
.services .service-back h3{font-size:9cqw;margin-bottom:6cqw}
.services .service-back>.eyebrow{font-size:2.8cqw;margin-bottom:5cqw}
.services .service-back .service-long-description{font-size:4cqw!important;line-height:1.65}
.services .service-back .text-link{font-size:3.8cqw;flex-shrink:0}
.services .service-back .flip-cue{margin-top:5cqw}
.all-services .service-pin{height:auto!important}
@media(prefers-reduced-motion:no-preference){
 .motion-active .services:not(.all-services){height:calc(100svh + 4200px);padding:0}
 .motion-active .services:not(.all-services) .service-pin{position:sticky;top:var(--admin-offset,0px);height:calc(100svh - var(--admin-offset,0px));padding:20px 0 14px;display:flex;flex-direction:column;overflow:hidden}
 .motion-active .services:not(.all-services) .section-heading{display:flex;flex-shrink:0;align-items:flex-end;padding:0 var(--page);gap:12px}
 .motion-active .services:not(.all-services) .section-heading h2{font-size:clamp(26px,4vw,54px)}
 .motion-active .services:not(.all-services) .section-heading .eyebrow{margin-bottom:9px}
 .motion-active .services:not(.all-services) .heading-aside{width:auto;margin:0}
 .motion-active .services:not(.all-services) .heading-aside>p{display:none}
 .motion-active .services:not(.all-services) .motion-toggle{display:inline-flex}
 .motion-active .services:not(.all-services) .service-window{position:relative;flex:1;min-height:0;overflow:hidden;padding:0;margin-top:12px}
 .motion-active .services:not(.all-services) .service-track{position:relative;display:block;width:100%;height:100%;padding:0;transform:none}
 .motion-active .services:not(.all-services) .service-card:nth-child(n){position:absolute;left:50%;top:45%;width:var(--card-width,250px)!important;height:var(--card-height,444.444px)!important;max-width:none;margin:0;transform-origin:center;will-change:transform,opacity}
 .motion-active .services:not(.all-services) .services-bottom{display:flex;flex-shrink:0;margin-top:8px;font-size:8px}
}
@media(max-width:759px){
 .motion-active .services:not(.all-services) .section-heading .eyebrow{font-size:8px}
 .motion-active .services:not(.all-services) .scroll-hint{display:none}
 .motion-active .services:not(.all-services) .motion-toggle{font-size:9px;max-width:80px;text-align:left}
 .motion-active .services:not(.all-services) .services-bottom>span{display:none}
 .motion-active .services:not(.all-services) .services-bottom{gap:12px;padding-inline:16px}
 .motion-active .services:not(.all-services) .services-bottom p{font-size:7px;max-width:45%}
 .all-services .service-track{grid-template-columns:1fr}
}
@media(hover:none){.service-card:hover .service-flipper,.service-card:focus .service-flipper,.service-card:focus-within .service-flipper{transform:none}.service-card.is-open .service-flipper{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.service-flipper{transition:none}}

/* Give the active poster enough screen area to keep its copy readable. */
@media(max-height:760px) and (prefers-reduced-motion:no-preference){
 .motion-active .services:not(.all-services) .service-pin{padding-top:8px;padding-bottom:8px}
 .motion-active .services:not(.all-services) .section-heading h2{font-size:36px;line-height:.96}
 .motion-active .services:not(.all-services) .section-heading .eyebrow{margin-bottom:3px}
 .motion-active .services:not(.all-services) .service-window{margin-top:5px}
 .motion-active .services:not(.all-services) .services-bottom{margin-top:3px}
}

/* Square, high-colour service cards. */
.services .service-card:nth-child(n){width:min(100%,520px)!important;aspect-ratio:1/1}
.services .service-face{border-radius:5cqw;border-color:color-mix(in srgb,var(--poster-accent) 30%,#e5e4e1);box-shadow:0 25px 80px #0004,0 0 35px color-mix(in srgb,var(--poster-accent) 18%,transparent)}
.services .service-front{padding:3.5cqw 5cqw 0;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--poster-accent) 9%,white),#fff 56%)}
.services .poster-header{min-height:11cqw}
.services .poster-brand strong{font-size:3.2cqw}.services .poster-brand small{font-size:1.35cqw;margin-top:1cqw}
.services .poster-mark{width:7cqw;height:7cqw;font-size:4.5cqw}.services .poster-number{font-size:6cqw;min-width:11cqw;padding:0 1cqw 0 0}.services .poster-number i{width:8cqw}
.services .poster-corner{width:52cqw;height:52cqw;top:-26cqw;right:-25cqw}
.services .poster-corner,.services .poster-footer,.services .poster-mark{background:linear-gradient(135deg,var(--poster-accent),var(--poster-accent-2))}
.services .service-art{height:31cqw!important;margin:0 auto!important;filter:drop-shadow(0 3cqw 2.5cqw color-mix(in srgb,var(--poster-accent) 20%,transparent))}
.services .service-title h3{font-size:6.8cqw!important;line-height:.92}.services .poster-keywords{font-size:1.7cqw;margin-top:1.5cqw;line-height:1.3}
.services .poster-rule{width:14cqw;height:.6cqw;margin:1.5cqw auto}.services .poster-description{font-size:2.5cqw!important;line-height:1.32!important;margin:0 auto 1.5cqw!important;max-width:80cqw}
.services .poster-footer{min-height:12cqw!important;margin:auto -5cqw 0;padding:1.5cqw 4cqw;font-size:2.25cqw;gap:3cqw;clip-path:ellipse(78% 100% at 55% 100%)}
.services .poster-footer svg{width:10cqw;height:9cqw}.services .flip-cue{font-size:1.5cqw;margin-top:.5cqw}
.services .service-back{padding:6cqw!important;border-top:1.5cqw solid var(--poster-accent);background:linear-gradient(145deg,#fff 55%,color-mix(in srgb,var(--poster-accent) 10%,white))}
.services .poster-back-header{padding-bottom:4cqw;margin-bottom:5cqw}.services .service-back h3{font-size:7cqw;margin-bottom:4cqw}.services .service-back>.eyebrow{font-size:2.1cqw;margin-bottom:3cqw}
.services .service-back .service-long-description{font-size:3.1cqw!important;line-height:1.55}.services .service-back .text-link{font-size:3cqw}.services .service-back .flip-cue{margin-top:3cqw}
@media(prefers-reduced-motion:no-preference){.motion-active .services:not(.all-services) .service-card:nth-child(n){aspect-ratio:1/1}}

/* Monochrome studio portfolio — service artwork retains its own palette. */
:root{--bg:#080808;--text:#f6f6f2;--muted:#a2a2a2;--line:#ffffff24;--lime:#fff}
body{background:#080808;color:#f6f6f2;overflow-x:clip}
::selection{background:#fff;color:#080808}
em{font-family:Georgia,'Times New Roman',serif}
.site-header{height:88px;background:#080808;border-bottom:1px solid #ffffff20}
.site-header nav>a{position:relative}.site-header nav>a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .35s}.site-header nav>a:hover::after{transform:scaleX(1)}
.brand-star{color:white}.nav-cta{border-radius:40px;border-color:#ffffff55;transition:background .3s,color .3s}.nav-cta:hover{background:white;color:#111!important}
.button{border-radius:40px;background:#fff;color:#090909;border-color:#fff;transition:transform .35s,box-shadow .35s,background .35s}.button:hover{background:#ddd;box-shadow:0 0 38px #ffffff25}.button-outline{background:transparent;color:white}
.text-link{border-color:#888}.text-link:hover{color:inherit;border-color:currentColor}
.hero{isolation:isolate;min-height:calc(100svh - 88px);padding-top:30px;background:radial-gradient(ellipse at 76% 44%,#3338,transparent 47%),#080808}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#000 30%,transparent);transform:translateY(calc(var(--hero-progress,0) * -65px))}
.hero::after{content:'';position:absolute;width:42vw;height:42vw;border:1px solid #ffffff17;border-radius:50%;right:3%;top:8%;z-index:-1;box-shadow:0 0 0 8vw #ffffff03,0 0 0 16vw #ffffff02;transform:scale(calc(1 + var(--hero-progress,0) * .35))}
.hero-copy{padding-top:clamp(55px,8vh,130px);width:72%;transform:translateY(calc(var(--hero-progress,0) * -38px));will-change:transform}
.hero h1{font-size:clamp(84px,11.7vw,192px);font-weight:600;letter-spacing:-.085em;line-height:.88}.hero h1 em{font-weight:400;color:white}
.hero-kicker{color:#bdbdbd;letter-spacing:.08em;font-size:11px;text-transform:uppercase}.hero-description{color:#aaa;max-width:390px;font-size:14px}
.hero-art{filter:grayscale(1);width:54%;right:-5%;top:7%;transform:translateY(calc(var(--hero-progress,0) * 95px)) rotate(calc(var(--hero-progress,0) * 20deg));will-change:transform}.orbit-art{animation:studio-orbit 16s ease-in-out infinite}
.art-caption{color:#999}.hero-bottom{margin-top:70px}.hero-bottom p{color:#a2a2a2}.status-dot{background:white;box-shadow:0 0 18px #fff7}
.ticker{background:#f5f5f1;color:#111;border:0;padding:26px 0;position:relative;z-index:4}.ticker>div{font-size:clamp(28px,4vw,62px);font-weight:700;letter-spacing:-.04em;animation:none;transform:translateX(var(--marquee-x,0px))}.ticker span{color:#111}
.section-pad{padding-top:140px;padding-bottom:140px}
.about{background:#f5f5f1;color:#111;gap:9%;position:relative}.about p,.about .eyebrow,.about .small-heading{color:#555}.about h2{font-size:clamp(64px,7vw,110px);letter-spacing:-.075em}.about .muted{color:#b5b5b1}.about .lime{color:#111}.about h3{font-size:clamp(30px,3vw,48px)}.about-copy>p{font-size:15px;line-height:1.9}.about .text-link{color:#111}.about>div:first-child{align-self:start;position:sticky;top:55px}
.services{background:#080808}.services .section-heading em{color:white}
.service-intro{background:#f5f5f1;color:#111;border-bottom:1px solid #0002;position:relative;overflow:hidden}.service-intro p{color:#555}.service-intro .eyebrow{color:#111}.service-intro h3{font-size:clamp(34px,4vw,62px);letter-spacing:-.055em}.service-intro::after{content:'↗';position:absolute;right:-15px;bottom:-100px;font-size:360px;line-height:1;color:#00000005;pointer-events:none;transform:translateY(calc(var(--section-progress,0) * -80px))}
.industries{background:radial-gradient(ellipse at center,#232323 0,#080808 62%);isolation:isolate;position:relative}.industry-stage::before{content:'';position:absolute;pointer-events:none;left:50%;top:50%;width:70%;aspect-ratio:1;border:1px solid #ffffff13;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.4 + var(--burst,0)));box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}
.industry-card{background:linear-gradient(145deg,#252525,#111);border:1px solid #ffffff30;border-radius:13px;color:white}.industry-card svg{color:white}.industry-card p{color:#ddd}.industry-card:hover,.industry-card:focus-within{background:#fff;color:#111}.industry-card:hover svg{color:#111}.industry-caption{color:#999}.industry-center>span{color:#fff!important}.industry-center>strong{color:#aaa!important}
.reviews{background:#f5f5f1;color:#111;overflow:hidden}.reviews .eyebrow,.reviews h2 em{color:#111}.reviews .review-intro{color:#555}.reviews h2{font-size:clamp(54px,7vw,110px)}.reviews-empty{border-top:1px solid #0003;border-bottom:1px solid #0003;background:transparent;padding:50px 0}.reviews-empty>p{color:#111;font-size:clamp(26px,4vw,58px)}.reviews .text-link{color:#111}.quote-mark{color:#bbb}.review-card{background:#fff;border:1px solid #0002;border-radius:14px;color:#111}.review-card p{color:#444}.review-author{color:#111}.review-controls button{color:#111;border-color:#aaa}
.platforms{background:#080808;position:relative;overflow:hidden}.platforms h2{font-size:clamp(56px,7.4vw,120px);max-width:1050px}.platform-strip{border-top:1px solid #ffffff25;margin-top:65px}.platform-strip>span{font-weight:500;color:#f4f4f4;border-color:#ffffff25;background:transparent;transition:background .3s,color .3s,transform .3s}.platform-strip>span:hover{background:white;color:#111;transform:translateY(-5px)}.platform-strip small{color:#888}.platforms>p:last-child{color:#aaa}
.clients{background:#f5f5f1;color:#111}.clients p{color:#555}.client-logo{border:1px solid #0002;background:white;filter:grayscale(1);transition:filter .3s,transform .3s}.client-logo:hover{filter:none;transform:translateY(-6px)}
.faq{background:#efefeb;color:#111;border-top:1px solid #0002}.faq h2 em,.faq .eyebrow,.faq .text-link{color:#111}.faq details{border-color:#0003}.faq summary{font-size:16px;line-height:1.5;padding-top:25px;padding-bottom:25px}.faq summary>span{color:#888}.faq summary b{color:#111}.faq details p{color:#555}.faq details[open]{background:#fff;padding-inline:18px}
.contact{position:relative;background:radial-gradient(ellipse at 85% 30%,#252525,transparent 55%),#080808;overflow:hidden;isolation:isolate}.contact::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 100px,#ffffff06 101px 102px);transform:translateX(calc(var(--section-progress,0) * 80px))}.contact h2{font-size:clamp(80px,12vw,190px);letter-spacing:-.075em}.contact h2>span{color:white;transform:rotate(calc(var(--section-progress,0) * 35deg))}.contact h2 em{color:white}.contact-top{border-color:#ffffff30}.contact-copy>p,.contact-details>p{color:#aaa}.enquiry-form label{color:#ccc}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{border-color:#ffffff40}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#888}.enquiry-form input:focus,.enquiry-form textarea:focus{border-color:white}.site-footer{background:#080808;border-top:1px solid #ffffff20}.site-footer p{color:#aaa}
.portfolio-progress{position:fixed;left:0;top:0;height:2px;background:#fff;z-index:1000;width:100%;transform:scaleX(var(--page-progress,0));transform-origin:left;mix-blend-mode:difference;pointer-events:none}
.studio-cursor{position:fixed;left:0;top:0;width:34px;height:34px;border:1px solid white;border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transition:width .25s,height .25s,background .25s,opacity .25s;margin:-17px 0 0 -17px}.studio-cursor.over-link{width:58px;height:58px;background:#ffffff3a;margin:-29px 0 0 -29px}
.studio-reveal{opacity:1;transform:none}.portfolio-motion .studio-reveal{opacity:0;transform:translateY(46px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.portfolio-motion .studio-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes studio-orbit{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(6deg)}}
.platform-pin>p:last-child{color:#aaa;max-width:800px;margin-top:25px;font-size:13px;line-height:1.7}
@media(prefers-reduced-motion:no-preference){
 .portfolio-motion .platforms{height:calc(100svh + 1600px);padding:0;overflow:clip}
 .portfolio-motion .platform-pin{position:sticky;top:0;height:100svh;padding:clamp(26px,5vh,65px) var(--page);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
 .portfolio-motion .platform-pin h2{font-size:clamp(40px,6.5vw,92px);margin-top:20px}
 .portfolio-motion .platform-strip{display:flex;flex-shrink:0;width:max-content;gap:16px;border:0;margin-top:35px;transform:translate3d(var(--platform-shift,0px),0,0);will-change:transform}
 .portfolio-motion .platform-strip>span{flex:0 0 clamp(230px,29vw,430px);width:clamp(230px,29vw,430px);min-height:clamp(120px,22vh,215px);padding:25px;border:1px solid #ffffff35;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:clamp(22px,2.5vw,38px);letter-spacing:-.045em;background:linear-gradient(135deg,#202020,#0c0c0c)}
 .portfolio-motion .platform-strip>span:hover{background:#f5f5f1;color:#111}
 .portfolio-motion .platform-strip small{font-size:12px;letter-spacing:.1em}
}
@media(max-width:759px){.site-header{height:76px}.site-header nav{background:#111;border-color:#444}.hero{min-height:auto}.hero h1{font-size:clamp(72px,17vw,116px)}.hero-copy{width:100%;padding-top:48px}.hero-art{position:relative;top:auto;right:auto;width:100%;height:290px;margin:0 auto -25px}.hero-bottom{margin-top:25px}.hero-bottom p{margin-left:0}.hero-description{font-size:13px}.section-pad{padding-top:85px;padding-bottom:85px}.about>div:first-child{position:static}.about h2{font-size:64px}.about-copy>p{font-size:14px}.reviews-empty{padding:30px 0}.platforms h2{font-size:56px}.platform-strip{margin-top:38px}.faq summary{font-size:14px}.contact h2{font-size:clamp(66px,16vw,110px)}.contact h2>span{font-size:.6em}.studio-cursor{display:none}.industry-stage::before{display:none}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-art,.ticker>div,.hero::before,.hero::after,.contact::before,.contact h2>span{transform:none!important}.studio-reveal,.portfolio-motion .studio-reveal{opacity:1;transform:none;transition:none}.studio-cursor{display:none}.orbit-art{animation:none}}