@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f1e3;--panel:#eee7d7;--text:#123b2b;--muted:#667468;--line:#d8d0bf;--accent:#1c4a35;--ink:#f7f1e3;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#f7f1e3ed;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--accent);border-radius:50%;font-family:var(--display);font-weight:800;letter-spacing:-2px;font-size:19px;color:var(--accent)}.brand-mark span{font-size:10px;letter-spacing:-.5px;margin-left:1px}.brand-name{font-family:var(--display);font-size:10px;line-height:1.2;letter-spacing:1.4px;font-weight:800}.brand-name small{font-size:9px;letter-spacing:3.2px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:31px;font-size:12px;color:#365444}.main-nav>a:not(.nav-cta){transition:color .2s}.main-nav>a:hover{color:var(--accent)}.nav-cta{padding:12px 16px;border:1px solid #5c5c51;border-radius:99px;color:var(--text)}.nav-cta span{color:var(--accent);margin-left:10px}.menu-toggle{display:none;background:none;border:0;color:var(--text)}
.section-wrap{padding-left:10%;padding-right:10%}.hero{padding-top:34px;min-height:730px;position:relative;overflow:hidden}.hero-topline,.section-label,.hero-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #d5fb6577}.hero-location{font-size:9px}.hero-copy{position:relative;z-index:2;padding-top:92px;max-width:720px}.overline{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700}.hero h1,.contact h2{font-family:var(--display);font-weight:600;font-size:clamp(68px,9.3vw,142px);line-height:.91;letter-spacing:-.085em;margin:18px 0 24px}.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:440px;margin-top:31px}.hero-bottom p{font-size:14px;color:#596b5e;max-width:285px}.round-link{width:44px;height:44px;display:grid;place-items:center;border:1px solid #6c6c60;border-radius:50%;font-size:20px;transition:background .25s,color .25s,transform .25s}.round-link:hover{background:var(--accent);color:var(--ink);transform:translateY(4px)}.hero-art{position:absolute;right:4%;top:180px;width:36%;height:410px;overflow:hidden;opacity:.96}.art-disc{position:absolute;width:290px;height:290px;border-radius:50%;background:var(--accent);right:8%;top:35px;box-shadow:0 0 90px #d5fb6518}.art-slab{position:absolute;width:200px;height:320px;background:#e7e0d1;transform:rotate(36deg);right:23%;top:90px;border-radius:110px 110px 8px 8px;mix-blend-mode:screen;opacity:.85}.art-orbit{position:absolute;border:1px solid #d5fb6577;border-radius:50%;width:390px;height:160px;right:-5%;top:105px;transform:rotate(-36deg);z-index:2}.orbit-two{transform:rotate(55deg);width:300px;height:390px;right:5%;top:4px;border-color:#123b2b55}.art-caption{position:absolute;right:4%;bottom:22px;z-index:3;font-family:var(--display);font-size:12px;font-weight:800;line-height:1.1;letter-spacing:1px}.art-caption b{font-size:24px;color:var(--accent);margin-left:6px}.art-index{position:absolute;left:0;top:40px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:var(--muted)}.hero-foot{position:absolute;bottom:25px;left:10%;right:10%;padding-top:20px;border-top:1px solid var(--line);font-size:8px}.scroll-note{color:var(--accent)}
.intro{padding-top:112px;padding-bottom:100px;border-top:1px solid var(--line)}.section-label{padding-bottom:25px;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;padding:65px 0 75px}.intro h2,.section-heading h2,.work-head h2,.process h2{font-family:var(--display);font-size:clamp(42px,5.6vw,76px);line-height:1.02;letter-spacing:-.07em;font-weight:600;margin:0}.intro-text{max-width:410px;color:#596b5e;font-size:14px;padding-top:4px}.intro-text p{margin:0 0 18px}.text-link{display:inline-block;margin-top:12px;padding-bottom:7px;border-bottom:1px solid #77776b;color:var(--text);font-size:12px}.text-link span{color:var(--accent);margin-left:14px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;overflow:hidden;white-space:nowrap;color:var(--accent);font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:2px}.ticker div{width:max-content;animation:marquee 22s linear infinite}.ticker span{margin:0 35px;color:var(--text)}@keyframes marquee{to{transform:translateX(-30%)}}
.services{padding-top:105px;padding-bottom:110px;background:#eee7d7}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:55px 0 48px;gap:50px}.section-heading>p,.work-head>p{max-width:300px;color:var(--muted);font-size:13px;margin:0 0 6px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.service-item:hover{padding-left:12px;color:var(--accent)}.service-no{font-size:10px;color:var(--accent)}.service-item h3{font-family:var(--display);font-size:clamp(20px,2.3vw,30px);letter-spacing:-1px;font-weight:500;margin:0 0 4px}.service-item p{margin:0;color:var(--muted);font-size:12px}.service-arrow{font-size:21px}.service-note{font-size:10px;color:var(--muted);margin-top:20px}
.work{padding-top:110px;padding-bottom:115px}.work-head{display:flex;justify-content:space-between;align-items:end;padding:55px 0 48px;gap:40px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 24px}.project-large{grid-column:span 2}.project-visual{height:350px;position:relative;overflow:hidden}.project-large .project-visual{height:430px}.visual-food{background:#e6a77b;color:#172019}.visual-stamp{position:absolute;top:35px;left:35px;font-family:var(--display);font-size:clamp(28px,5vw,68px);line-height:.87;font-weight:800;letter-spacing:-4px;z-index:2}.food-circle{position:absolute;width:360px;height:360px;border-radius:50%;background:#e8d9a9;right:19%;top:40px;box-shadow:inset -20px -20px 0 #d5c28e}.food-tile{position:absolute;right:24%;top:90px;background:#f2ead6;color:#244735;width:190px;height:230px;transform:rotate(9deg);display:grid;place-content:center;text-align:center;font-family:var(--display);font-weight:800;font-size:38px;line-height:.83;letter-spacing:-3px;box-shadow:12px 15px 0 #263d2d25}.food-tile i{font-family:var(--serif);font-weight:400;font-size:28px}.visual-small{position:absolute;bottom:20px;left:22px;font-size:8px;letter-spacing:1.6px;font-weight:700}.visual-type{background:var(--accent);color:#f7f1e3}.type-kicker{position:absolute;top:26px;left:25px;font-size:9px;letter-spacing:2px;font-weight:700}.visual-type strong{position:absolute;top:75px;left:24px;font-family:var(--display);font-size:clamp(42px,6vw,82px);line-height:.83;letter-spacing:-7px}.visual-type strong span{color:#ee6b45}.type-circle{position:absolute;right:20px;bottom:45px;border:1px solid #171811;border-radius:50%;width:115px;height:115px;display:grid;place-content:center;text-align:center;font-size:11px;font-weight:800;transform:rotate(12deg)}.visual-digital{background:#c8c5f4;color:#211f2d;padding:25px}.browser-bar{height:28px;border-radius:6px 6px 0 0;background:#f2efff;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:8px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#a09bb8}.browser-bar span{margin-left:auto;color:#77718b}.browser-content{height:calc(100% - 28px);background:#edeaff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:var(--display);font-weight:800;font-size:clamp(26px,4vw,48px);line-height:.96;letter-spacing:-2px}.browser-content em{font-family:var(--serif);font-weight:400;color:#6656c7}.browser-button{font-family:var(--sans);font-size:8px;letter-spacing:1px;padding:10px 14px;background:#17442f;color:#f7f1e3;margin-top:18px}.visual-digital .visual-small{left:30px;bottom:8px;color:#343046}.project-meta{display:flex;align-items:start;justify-content:space-between;padding-top:16px}.project-meta h3{font-family:var(--display);font-size:18px;font-weight:600;margin:0 0 2px}.project-meta p{font-size:11px;color:var(--muted);margin:0}.project-type{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);padding:5px 8px}.fine-print{font-size:10px;line-height:1.6;color:#858579;margin-top:26px;max-width:700px}
.process{padding-top:105px;padding-bottom:120px;background:var(--accent);color:#191a14}.process .section-label{color:#4d5140;border-color:#929d6c}.process h2 em{color:#4b5632}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding-top:60px}.steps article{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #98a66b}.steps article:first-child{border-top:1px solid #98a66b}.steps article>span{font-size:10px;color:#58643a;padding-top:5px}.steps h3{font-family:var(--display);font-size:19px;margin:0 0 5px;letter-spacing:-.5px}.steps p{font-size:12px;color:#4d5140;margin:0;max-width:380px}
.contact{padding-top:110px;padding-bottom:115px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:60px}.contact h2{font-size:clamp(48px,6vw,82px);margin:18px 0 25px}.contact-copy>p:not(.overline){font-size:13px;color:var(--muted);max-width:330px}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:40px;font-size:12px}.contact-direct a{border-bottom:1px solid #45453d;padding-bottom:5px}.contact-direct a:hover{color:var(--accent)}.contact-direct span{color:var(--muted)}.enquiry-form{display:flex;flex-direction:column}.enquiry-form label{font-size:10px;color:#365444;margin:17px 0 7px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:transparent;border:0;border-bottom:1px solid #4a4a41;color:var(--text);padding:11px 0;outline:none;border-radius:0;width:100%;font-size:12px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--accent)}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#77776d}.enquiry-form select option{background:#eee7d7}.enquiry-form textarea{resize:vertical}.form-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.button{border:0;border-radius:99px;padding:14px 19px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:25px}.button-light{background:var(--accent);color:#f7f1e3}.button-light:hover{background:#e5ff9e}.sms-link{font-size:11px;color:#365444}.form-note,.form-status{font-size:10px;color:var(--muted);margin-top:14px}.form-status{color:var(--accent)}
.site-footer{padding:35px 10% 22px;background:#eee7d7}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:45px}.footer-top>p{font-family:var(--display);font-size:19px;line-height:1.25;letter-spacing:-.5px;margin:0;color:#365444}.back-top{font-size:9px;letter-spacing:1.5px;border-bottom:1px solid #77776b;padding-bottom:7px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.footer-bottom div{display:flex;gap:18px}.footer-bottom a:hover{color:var(--accent)}.whatsapp-float{position:fixed;z-index:15;right:24px;bottom:24px;display:flex;align-items:center;gap:9px;background:var(--accent);color:#f7f1e3;padding:12px 16px;border-radius:99px;font-size:11px;font-weight:700;box-shadow:0 8px 28px #173d2b22;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px)}.wa-icon{font-size:17px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}
.legal-page{max-width:850px;margin:0 auto;padding:80px 7% 120px;min-height:70vh}.legal-page h1{font-family:var(--display);font-size:clamp(42px,7vw,78px);line-height:1;letter-spacing:-.06em}.legal-page h2{margin-top:40px}.legal-page p,.legal-page li{color:#596b5e;font-size:14px}.legal-page a{color:var(--accent);text-decoration:underline}
@media(max-width:900px){.section-wrap{padding-left:7%;padding-right:7%}.site-header{padding:0 7%}.main-nav{gap:18px}.hero{min-height:690px}.hero-art{right:-3%;width:43%;opacity:.65}.hero-foot{left:7%;right:7%}.intro-grid{gap:5%}.contact-grid{gap:7%}.site-footer{padding-left:7%;padding-right:7%}}
@media(max-width:700px){.site-header{height:72px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:24px;height:1px;background:var(--text);display:block}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;padding:25px 7% 30px;background:#f7f1e3;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.main-nav.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:25px;min-height:720px}.hero-topline{align-items:flex-start;gap:10px}.hero-location{max-width:130px;text-align:right;line-height:1.6}.hero-copy{padding-top:105px}.hero h1{font-size:clamp(65px,16vw,105px)}.hero-art{top:275px;right:-15%;width:75%;height:350px;opacity:.35}.art-disc{width:220px;height:220px}.art-slab{width:150px;height:260px}.hero-bottom{margin-top:26px}.hero-foot{flex-wrap:wrap;gap:12px;bottom:20px}.hero-foot span{font-size:7px}.hero-foot .scroll-note{width:100%;text-align:right}.intro,.services,.work,.process,.contact{padding-top:75px;padding-bottom:80px}.section-label{font-size:8px;letter-spacing:1px}.intro-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:32px;padding-top:40px}.intro h2,.section-heading h2,.work-head h2,.process h2{font-size:clamp(39px,11vw,62px)}.intro-text{max-width:none}.section-heading,.work-head{display:block;padding:40px 0 35px}.section-heading>p,.work-head>p{margin-top:22px}.service-item{grid-template-columns:32px 1fr 20px;gap:10px;padding:20px 0}.service-item h3{font-size:20px}.service-item p{font-size:11px;max-width:290px}.work-grid{grid-template-columns:1fr;gap:35px}.project-large{grid-column:auto}.project-visual,.project-large .project-visual{height:330px}.food-circle{width:270px;height:270px;right:6%;top:40px}.food-tile{width:150px;height:190px;right:18%;top:75px;font-size:31px}.visual-stamp{font-size:48px;left:20px;top:25px}.visual-type strong{font-size:65px;letter-spacing:-5px}.type-circle{width:88px;height:88px;right:15px}.process-grid{gap:38px}.contact-grid{gap:45px}.contact h2{font-size:clamp(52px,13vw,76px)}.footer-top{flex-wrap:wrap;gap:25px}.footer-top>p{margin-left:auto}.back-top{width:100%}.footer-bottom{align-items:flex-start;gap:15px;flex-direction:column}.whatsapp-float{right:14px;bottom:14px;padding:11px 14px}.hero-foot span:nth-child(2),.hero-foot span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.brand-logo{display:block;width:clamp(145px,18vw,225px);height:auto;max-height:52px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.footer-brand .brand-logo{width:230px;max-height:95px}.site-header{border-bottom-color:#d8d0bf}.main-nav{color:#365444}.nav-cta{border-color:#c6bead}.hero-art{opacity:.25}.art-disc{background:#1c4a35}.art-slab{background:#d8cdb7;mix-blend-mode:multiply;opacity:.8}.art-orbit{border-color:#1c4a3566}.orbit-two{border-color:#1c4a3533}.hero-foot{border-top-color:#d8d0bf}.ticker{border-color:#d8d0bf}.site-footer{background:#eee7d7}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{color:#123b2b}.enquiry-form select option{background:#f7f1e3;color:#123b2b}.whatsapp-float{background:#17442f;color:#f7f1e3}.form-status{color:#1c4a35}

/* Premium motion layer */
:root{--ease-out:cubic-bezier(.16,1,.3,1)}
body{cursor:auto}
.page-loader{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .8s var(--ease-out),visibility .8s;visibility:visible;opacity:1}
.page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.page-loader img{width:min(310px,58vw);height:auto;mix-blend-mode:multiply;animation:loaderReveal 1.1s var(--ease-out) both}
.page-loader p{font-size:9px;letter-spacing:3px;color:var(--muted);margin:0;animation:fadeUp .8s .25s both}
.loader-track{width:130px;height:1px;background:var(--line);overflow:hidden}
.loader-track span{display:block;height:100%;width:100%;background:var(--accent);transform:translateX(-100%);animation:loadLine 1.25s .12s var(--ease-out) forwards}
@keyframes loadLine{to{transform:translateX(0)}}@keyframes loaderReveal{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:90;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:var(--accent);box-shadow:0 0 8px #1c4a3533}
.cursor-glow{position:fixed;z-index:0;width:320px;height:320px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,#1c4a350d 0,transparent 68%);transform:translate(-50%,-50%);transition:opacity .35s}
.cursor-dot{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:99;opacity:0;transform:translate(-50%,-50%);transition:width .25s,height .25s,opacity .25s}
@media (pointer:fine){.cursor-dot{opacity:1}.cursor-glow{opacity:1}a,button,select{cursor:pointer}}
.hero h1{animation:heroHeadline .95s .18s var(--ease-out) both}.hero-art{transform-style:preserve-3d;will-change:transform}.art-disc{animation:floatDisc 8s ease-in-out infinite;transform-origin:center}.art-slab{animation:floatSlab 10s ease-in-out infinite}.art-core{position:absolute;z-index:3;width:28px;height:28px;border-radius:50%;background:var(--bg);right:36%;top:48%;box-shadow:0 0 0 1px #f7f1e355,0 0 0 12px #1c4a3512;animation:corePulse 4s ease-in-out infinite}
@keyframes heroHeadline{from{opacity:0;transform:translateY(30px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes floatDisc{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-10px,13px,0) rotate(5deg)}}@keyframes floatSlab{0%,100%{transform:rotate(36deg) translateY(0)}50%{transform:rotate(31deg) translateY(-14px)}}@keyframes corePulse{0%,100%{box-shadow:0 0 0 1px #f7f1e355,0 0 0 12px #1c4a3512}50%{box-shadow:0 0 0 1px #f7f1e399,0 0 0 20px #1c4a3507}}
.service-item,.project-visual,.project-meta,.steps article,.button,.round-link{will-change:transform}
.service-item{position:relative;isolation:isolate}.service-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1c4a3508,transparent);transform:scaleX(0);transform-origin:left;transition:transform .65s var(--ease-out);z-index:-1}.service-item:hover:before{transform:scaleX(1)}
.project{perspective:1000px}.project-visual{transform:translateZ(0);transition:transform .75s var(--ease-out),box-shadow .75s var(--ease-out);border-radius:2px}.project:hover .project-visual{box-shadow:0 28px 60px #153b291b}.visual-food .food-circle{transition:transform .9s var(--ease-out)}.project:hover .food-circle{transform:translate(-8px,-5px) scale(1.035)}.food-tile{transition:transform .8s var(--ease-out)}.project:hover .food-tile{transform:rotate(4deg) translateY(-7px)}.visual-type strong{transition:letter-spacing .5s var(--ease-out)}.project:hover .visual-type strong{letter-spacing:-4px}.browser-content{transition:background .4s}.project:hover .browser-content{background:#e5e0ff}
.reveal{transition:opacity .9s var(--ease-out),transform .9s var(--ease-out),filter .9s var(--ease-out);filter:blur(3px)}.reveal.visible{filter:blur(0)}
[data-stagger]>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}[data-stagger].stagger-visible>*{opacity:1;transform:translateY(0)}[data-stagger].stagger-visible>*:nth-child(2){transition-delay:.07s}[data-stagger].stagger-visible>*:nth-child(3){transition-delay:.14s}[data-stagger].stagger-visible>*:nth-child(4){transition-delay:.21s}[data-stagger].stagger-visible>*:nth-child(5){transition-delay:.28s}[data-stagger].stagger-visible>*:nth-child(6){transition-delay:.35s}
.button{position:relative;overflow:hidden;transition:transform .3s var(--ease-out),background .25s}.button:after{content:"";position:absolute;top:-50%;left:-30%;width:20%;height:200%;background:#ffffff45;transform:rotate(20deg) translateX(-180px);transition:transform .65s var(--ease-out)}.button:hover:after{transform:rotate(20deg) translateX(600px)}
.contact{position:relative;isolation:isolate}.contact:before{content:"";position:absolute;z-index:-1;right:7%;top:12%;width:230px;height:230px;border:1px solid #1c4a3510;border-radius:50%;box-shadow:0 0 0 25px #1c4a3504,0 0 0 55px #1c4a3503;pointer-events:none}
@media(max-width:700px){.page-loader img{width:min(260px,70vw)}.cursor-dot,.cursor-glow{display:none}.art-core{right:37%;top:48%}.hero-art{transform:none!important}}
@media(prefers-reduced-motion:reduce){.page-loader{display:none}.hero h1,.art-disc,.art-slab,.art-core{animation:none!important}.cursor-dot,.cursor-glow{display:none}[data-stagger]>*{opacity:1;transform:none}}


/* RCS CINEMATIC STUDIO UPGRADE */
:root{
  --bg:#f6f1e6;--panel:#eae3d4;--text:#102f23;--muted:#66746b;
  --line:#d8d0bf;--accent:#174832;--gold:#c8a96a;--ease-out:cubic-bezier(.16,1,.3,1)
}
::selection{background:#174832;color:#f6f1e6}
body{background:var(--bg)}
.site-header{transition:height .35s var(--ease-out),box-shadow .35s,background .35s}
.site-header.is-scrolled{height:70px;box-shadow:0 8px 30px #102f2310;background:#f6f1e6eF}
.brand-logo{transition:transform .5s var(--ease-out);filter:contrast(1.04)}
.brand:hover .brand-logo{transform:scale(1.035)}
.hero{min-height:min(850px,calc(100svh - 86px));padding-top:30px}
.hero-copy{padding-top:clamp(75px,10vh,135px);max-width:790px}
.hero h1{font-size:clamp(72px,10vw,154px);line-height:.84;letter-spacing:-.095em}
.hero h1 em{background:linear-gradient(105deg,#174832 15%,#52765a 52%,#b69b62 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-art{
  width:43%;height:540px;right:1%;top:120px;opacity:1;overflow:visible;
  filter:drop-shadow(0 30px 45px #193b2917);perspective:900px
}
.art-disc{
  width:min(34vw,440px);height:min(34vw,440px);right:4%;top:40px;
  background:radial-gradient(circle at 30% 24%,#64806a 0,#234e38 34%,#0e2b1e 74%,#091b13 100%);
  box-shadow:inset -24px -25px 45px #07170e88,inset 8px 8px 28px #ffffff1a,0 28px 65px #0c281d35
}
.art-slab{
  width:clamp(120px,15vw,220px);height:clamp(260px,30vw,390px);right:28%;top:80px;
  border-radius:120px 120px 10px 10px;mix-blend-mode:normal;opacity:1;
  background:linear-gradient(105deg,#fff9e7 0%,#d8c8a5 28%,#f9f1de 48%,#8b9b7e 100%);
  box-shadow:inset 8px 0 14px #ffffff8a,inset -15px 0 20px #243e2b2b,18px 20px 30px #112b1d25
}
.art-orbit{border:1px solid #c5a968b5;box-shadow:0 0 20px #c5a96818}
.orbit-two{border-color:#1748324d}
.art-core{background:radial-gradient(circle at 30% 25%,#fffef2,#d1b778 55%,#6b5832);box-shadow:0 0 0 10px #c8a96a18,0 0 50px #c8a96a55}
.art-caption{color:#f6f1e6;background:#174832;padding:14px 16px;box-shadow:0 12px 25px #102f2320}
.art-index{color:#174832}
.hero-topline{font-size:9px}
.hero-bottom p{font-size:15px;line-height:1.75}
.round-link{width:52px;height:52px;border-color:#b8b09e;background:#f6f1e680;backdrop-filter:blur(8px)}
.hero-foot{font-weight:600}
.section-label{font-weight:600}
.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em{background:linear-gradient(100deg,#174832,#8b9566);background-clip:text;-webkit-background-clip:text;color:transparent}
.ticker{background:#eee7d7}
.services{background:linear-gradient(135deg,#eee7d7,#e7dfcf)}
.service-item{padding:28px 0}
.service-item h3{transition:transform .45s var(--ease-out)}
.service-item:hover h3{transform:translateX(7px)}
.service-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b8b09e;border-radius:50%;transition:transform .35s,background .35s,color .35s}
.service-item:hover .service-arrow{transform:rotate(45deg);background:var(--accent);color:var(--bg)}
.work-grid{gap:52px 26px}
.project-visual{border-radius:4px;isolation:isolate}
.project-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b1a1010 0%,transparent 40%,#0b1a1038 100%);z-index:0}
.visual-food{background:#d9a174 url('https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1600&q=85') center/cover}
.visual-food:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102a20b8 0%,#102a2040 54%,transparent 100%);z-index:1}
.visual-stamp{color:#fff8e8;text-shadow:0 2px 24px #102a2066;max-width:330px}
.food-circle,.food-tile{display:none}
.visual-type{background:#153d2c url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1200&q=85') center/cover}
.visual-type:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0c281dd9,#0c281d30);z-index:1}
.visual-type strong,.type-kicker,.type-circle{z-index:2}
.visual-type strong{font-size:clamp(50px,7vw,100px);letter-spacing:-.08em;text-shadow:0 4px 25px #07170e55}
.type-circle{border-color:#f6f1e6;color:#f6f1e6;background:#f6f1e612;backdrop-filter:blur(8px)}
.visual-digital{background:#c8c5f4 url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=85') center/cover;padding:25px}
.visual-digital:before{content:"";position:absolute;inset:0;background:#1a2c265c;z-index:1}
.browser-bar,.browser-content{position:relative;z-index:2;box-shadow:0 20px 55px #0a1b1330}
.browser-content{background:#f4efe2ed;backdrop-filter:blur(12px)}
.project-meta{gap:15px}
.project-meta h3{font-size:20px}
.project:hover .project-visual{transform:translateY(-5px) scale(1.008);box-shadow:0 30px 70px #153b2926}
.process{background:radial-gradient(ellipse at 80% 20%,#2a5a3e 0%,#174832 55%,#102f23 100%);color:#f6f1e6}
.process .section-label{color:#c4cbb8;border-color:#ffffff30}
.process h2 em{background:linear-gradient(100deg,#e5d2a0,#b6c49b);background-clip:text;-webkit-background-clip:text;color:transparent}
.steps article{border-color:#ffffff2a}
.steps article>span{color:#d4bc80}
.steps p{color:#d4dfd4}
.contact{background:linear-gradient(180deg,#f6f1e6,#f1eadc)}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{transition:border-color .25s,padding-left .25s}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{padding-left:9px}
.button-light{box-shadow:0 8px 22px #17483222}
.button-light:hover{background:#c8a96a;color:#102f23;transform:translateY(-2px)}
.whatsapp-float{box-shadow:0 12px 32px #102f2330;transition:transform .3s var(--ease-out),box-shadow .3s}
.whatsapp-float:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 18px 38px #102f2340}
.reveal{transform:translateY(26px);filter:blur(4px)}
[data-stagger]>*{transform:translateY(28px)}
@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero .round-link{animation:gentleFloat 4s ease-in-out infinite}
@media(max-width:900px){.hero-art{width:47%;right:-3%;top:180px}.art-disc{width:35vw;height:35vw}}
@media(max-width:700px){
 .hero{min-height:760px}.hero-copy{padding-top:95px}.hero h1{font-size:clamp(68px,15.5vw,108px)}
 .hero-art{top:340px;right:-16%;width:76%;height:340px;opacity:.8}
 .art-disc{width:260px;height:260px;right:4%;top:20px}
 .art-slab{width:135px;height:255px;right:29%;top:65px}
 .art-caption{font-size:10px;right:1%;bottom:8px}
 .hero-foot{gap:10px}.visual-food{background-position:58% center}
}
@media(prefers-reduced-motion:reduce){.hero .round-link{animation:none}}


/* RCS alternate palette: Midnight Navy / Electric Cyan / Silver */
:root{
  --bg:#EEF4F7;
  --panel:#E0EAF0;
  --text:#071A35;
  --muted:#587087;
  --line:#C8D6E0;
  --accent:#071A35;
  --gold:#00BCD4;
}
body{background:#EEF4F7;color:#071A35}
.site-header{background:#EEF4F7;border-color:#C8D6E0}
.site-header.is-scrolled{background:#EEF4F7F2;box-shadow:0 8px 30px #071A3512}
.hero{background:radial-gradient(ellipse at 76% 45%,#d7edf3 0%,#EEF4F7 53%,#e8f0f4 100%)}
.hero h1{color:#071A35}
.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.contact h2 em{
  background:linear-gradient(105deg,#00BCD4 5%,#4CAFC3 48%,#AAB8C5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.art-disc{
  background:radial-gradient(circle at 28% 22%,#087f9d 0%,#07506e 38%,#071A35 78%,#041021 100%);
  box-shadow:inset -24px -25px 45px #020c1d88,inset 8px 8px 28px #ffffff20,0 28px 65px #071a3535
}
.art-slab{
  background:linear-gradient(105deg,#ffffff 0%,#DDE7ED 28%,#f9fcfd 48%,#AAB8C5 100%);
  box-shadow:inset 8px 0 14px #ffffffb8,inset -15px 0 20px #071a352b,18px 20px 30px #071a3525
}
.art-orbit{border-color:#00BCD4B5}
.orbit-two{border-color:#071A354d}
.art-core{background:radial-gradient(circle at 30% 25%,#d9fbff,#00BCD4 55%,#08748a);box-shadow:0 0 0 10px #00BCD418,0 0 50px #00BCD455}
.art-caption{color:#EEF4F7;background:#071A35}
.art-index{color:#071A35}
.round-link{border-color:#AAB8C5;background:#EEF4F780}
.ticker{background:#E0EAF0;color:#071A35}
.services{background:linear-gradient(135deg,#E0EAF0,#d7e3eb);color:#071A35}
.service-item{border-color:#C8D6E0}
.service-arrow{border-color:#AAB8C5;color:#071A35}
.service-item:hover .service-arrow{background:#00BCD4;color:#071A35}
.project-visual{box-shadow:0 16px 45px #071A3512}
.visual-food{background-color:#d9a174}
.visual-food:before{background:linear-gradient(90deg,#071a35c7 0%,#071a3540 54%,transparent 100%)}
.visual-type{background-color:#071A35}
.visual-type:before{background:linear-gradient(135deg,#071a35e8,#07506e55)}
.type-circle{border-color:#EEF4F7;color:#EEF4F7}
.visual-digital:before{background:#071a3566}
.browser-content{background:#EEF4F7ed}
.project:hover .project-visual{box-shadow:0 30px 70px #071a3526}
.process{background:radial-gradient(ellipse at 80% 20%,#0a5370 0%,#071A35 55%,#041021 100%);color:#EEF4F7}
.process .section-label{color:#AAB8C5;border-color:#ffffff30}
.process h2 em{background:linear-gradient(100deg,#00BCD4,#AAB8C5);background-clip:text;-webkit-background-clip:text;color:transparent}
.steps article{border-color:#ffffff2a}
.steps article>span{color:#00BCD4}
.steps p{color:#D0DEE7}
.contact{background:linear-gradient(180deg,#EEF4F7,#E0EAF0);color:#071A35}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border-color:#C8D6E0}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#00BCD4}
.button-light{background:#071A35;color:#EEF4F7;box-shadow:0 8px 22px #071a3522}
.button-light:hover{background:#00BCD4;color:#071A35}
.whatsapp-float{background:#071A35;color:#EEF4F7;box-shadow:0 12px 32px #071a3530}
.whatsapp-float:hover{background:#00BCD4;color:#071A35}
a:hover{color:#0789a2}
.site-footer{background:#071A35;color:#EEF4F7}
.site-footer a{color:#00BCD4}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Fix clipped/overlapping hero copy and footer labels */
.hero{min-height:clamp(780px,calc(100svh - 86px),980px);overflow:visible}
.hero-copy{position:relative;z-index:3;max-width:900px;padding-bottom:115px}
.hero h1{font-size:clamp(64px,8.2vw,132px);line-height:.91;letter-spacing:-.085em;overflow:visible;max-width:100%;overflow-wrap:normal}
.hero h1 em{display:inline-block;padding-bottom:.06em;line-height:.98}
.hero-bottom{position:relative;z-index:4;margin-top:0}
.hero-bottom p{max-width:440px;margin-bottom:24px}
.hero-foot{position:absolute;bottom:0;left:0;right:0;z-index:5;min-height:56px;padding:12px 0;background:linear-gradient(180deg,#EEF4F700,#EEF4F7E8 35%);align-items:center}
.hero-foot>*{position:relative;z-index:2}
.hero-art{z-index:1;pointer-events:none}
.art-caption{z-index:2;max-width:150px;white-space:normal;line-height:1.4}
@media(min-width:1100px){
 .hero-copy{max-width:58%;padding-top:clamp(60px,8vh,115px)}
 .hero h1{font-size:clamp(76px,7.1vw,132px)}
 .hero-bottom p{max-width:380px}
}
@media(max-width:900px){
 .hero{min-height:850px}
 .hero-copy{max-width:100%;padding-bottom:125px}
 .hero h1{font-size:clamp(58px,10vw,90px)}
 .hero-art{opacity:.42}
 .hero-foot{flex-wrap:wrap;gap:8px}
}
@media(max-width:600px){
 .hero{min-height:800px}
 .hero-copy{padding-top:70px;padding-bottom:135px}
 .hero h1{font-size:clamp(54px,12.5vw,76px);line-height:.94;letter-spacing:-.075em}
 .hero-bottom p{max-width:95%;font-size:14px}
 .hero-foot{font-size:9px;gap:8px;bottom:0}
 .art-caption{display:none}
}


/* Show the actual RCS brand mark inside the campaign concept badge */
.type-circle{background:#EEF4F7;border-color:#EEF4F7;overflow:hidden;padding:9px;transform:rotate(0deg);z-index:3}
.type-logo{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:2px}
.visual-type .type-circle{box-shadow:0 8px 28px #071a3533}
@media(max-width:700px){.type-circle{width:96px;height:96px;padding:7px}}


/* Process heading visibility fix: prevent descenders and italic glyphs clipping */
.process-grid{align-items:start;min-width:0}
.process-grid>h2{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:visible;
  height:auto;
  line-height:1.18;
  padding:0 0 .16em;
  margin:0;
  overflow-wrap:normal;
  word-break:normal;
}
.process-grid>h2 em{
  display:inline;
  line-height:inherit;
  padding:0 .025em .08em 0;
  white-space:normal;
  overflow:visible;
}
.process-grid>h2.reveal{filter:none}
.process-grid>h2.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
  .process-grid{grid-template-columns:1fr;gap:35px;padding-top:42px}
  .process-grid>h2{font-size:clamp(42px,8.5vw,64px);line-height:1.16;max-width:100%}
}
@media(max-width:600px){
  .process-grid>h2{font-size:clamp(40px,10.5vw,56px);line-height:1.2;letter-spacing:-.055em;padding-bottom:.2em}
}


/* ===== RCS CREATIVE STUDIO — SIGNATURE VISUAL SYSTEM ===== */
:root{
  --bg:#eef4f7;--panel:#e1ebf1;--text:#071a35;--muted:#587087;
  --line:#c6d5e0;--accent:#00c4dc;--gold:#00c4dc;
  --serif:Georgia,"Times New Roman",serif;
  --ease-out:cubic-bezier(.16,1,.3,1)
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
  background:#eef4f7;color:#071a35;
  background-image:radial-gradient(ellipse at 85% 3%,#c9edf3 0,transparent 28%),radial-gradient(ellipse at 0% 32%,#dfeaf4 0,transparent 30%);
}
::selection{background:#00c4dc;color:#071a35}
.site-header{
  height:88px;padding:0 6.2%;background:#eef4f7e8;border-bottom:1px solid #c6d5e0;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:50
}
.brand-logo{width:136px;max-height:68px;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease-out)}
.brand:hover .brand-logo{transform:scale(1.04) rotate(-1deg)}
.main-nav{gap:clamp(18px,2.3vw,38px)}
.main-nav a{font-size:12px;font-weight:600;position:relative}
.main-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#00a9c3;transition:right .35s var(--ease-out)}
.main-nav a:not(.nav-cta):hover:after{right:0}
.nav-cta{border:1px solid #9fb4c5;border-radius:999px;padding:15px 22px;transition:background .3s,color .3s,border .3s,transform .3s}
.nav-cta:hover{background:#071a35;color:#eef4f7;border-color:#071a35;transform:translateY(-2px)}
.hero{
  min-height:min(900px,calc(100svh - 88px));padding-top:38px;padding-bottom:78px;
  background:radial-gradient(ellipse at 79% 43%,#d5edf3 0%,#edf4f7 42%,#f5f8f9 100%);
  isolation:isolate
}
.hero:before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:.23;pointer-events:none;
  background-image:linear-gradient(#7c9bb012 1px,transparent 1px),linear-gradient(90deg,#7c9bb012 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 60%,#000)
}
.hero-topline{font-size:10px;letter-spacing:.16em}
.status-dot{width:8px;height:8px;background:#00bfd7;box-shadow:0 0 0 5px #00bfd71a;animation:statusPulse 2.4s infinite}
.hero-copy{padding-top:clamp(65px,10vh,125px);max-width:64%;position:relative;z-index:4}
.hero .overline{letter-spacing:.2em;color:#07516a;font-size:10px;font-weight:800;margin-bottom:28px}
.hero h1{
  font-family:"Manrope","DM Sans",sans-serif;font-size:clamp(68px,8.3vw,142px);
  font-weight:800;line-height:.88;letter-spacing:-.095em;color:#071a35;
  max-width:900px;margin:0;overflow:visible
}
.hero h1 em{
  display:inline-block;font-family:var(--serif);font-weight:400;letter-spacing:-.085em;
  background:linear-gradient(105deg,#00bfd7 8%,#3dacc3 54%,#9bb5c5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;padding:.035em .04em .12em 0
}
.hero-bottom{max-width:510px;gap:26px;margin-top:36px}
.hero-bottom p{font-size:15px;line-height:1.65;max-width:360px;color:#516c7e}
.round-link{flex:0 0 52px;width:52px;height:52px;border-color:#8daabd;color:#071a35;background:#ffffff88;font-size:23px}
.round-link:hover{background:#00c4dc;border-color:#00c4dc;color:#071a35}
.hero-art{right:3%;top:clamp(140px,18vh,210px);width:43%;height:clamp(400px,46vw,560px);opacity:1;overflow:visible;z-index:2}
.art-disc{
  width:min(35vw,465px);height:min(35vw,465px);right:5%;top:8%;
  background:radial-gradient(circle at 27% 20%,#087f9a 0%,#07516e 34%,#071a35 76%,#030c1d 100%);
  box-shadow:inset -30px -35px 55px #020b1a9c,inset 12px 12px 34px #ffffff18,0 35px 90px #071a3533;
  animation:discFloat 8s ease-in-out infinite
}
.art-disc:after{content:"";position:absolute;inset:12%;border:1px solid #ffffff20;border-radius:50%}
.art-slab{
  width:clamp(145px,16vw,225px);height:clamp(270px,31vw,400px);right:29%;top:12%;
  background:linear-gradient(120deg,#ffffff 0%,#d8e4eb 30%,#f8fbfd 49%,#a6bdc9 100%);
  border-radius:140px 140px 14px 14px;box-shadow:inset 10px 0 18px #ffffffc9,inset -16px 0 24px #071a3522,20px 25px 40px #071a3530;
  transform:rotate(31deg);animation:slabFloat 8s ease-in-out infinite
}
.art-orbit{border-color:#00bfd7a8;box-shadow:0 0 25px #00bfd712}
.orbit-one{width:120%;height:58%;top:20%;right:-7%;transform:rotate(-25deg)}
.orbit-two{width:112%;height:72%;top:7%;right:-4%;border-color:#7896a67d;transform:rotate(-43deg)}
.art-core{width:34px;height:34px;background:radial-gradient(circle at 30% 25%,#d5fbff,#00bfd7 55%,#08748a);box-shadow:0 0 0 14px #00bfd71b,0 0 55px #00bfd788}
.art-caption{right:-1%;bottom:4%;max-width:145px;padding:18px 20px;border-radius:3px;background:#071a35;color:#eef4f7;letter-spacing:.08em;box-shadow:0 18px 40px #071a3530}
.art-caption b{color:#00c4dc}
.art-index{color:#07516a;font-weight:800;letter-spacing:.2em}
.hero-foot{left:6.2%;right:6.2%;bottom:0;border-top:1px solid #b8cbd6;padding:19px 0 16px;font-size:9px;letter-spacing:.16em;color:#547083;background:linear-gradient(180deg,transparent,#eef4f7b8);z-index:5}
.hero-foot span:nth-child(2){color:#078da5}
.section-wrap{padding-left:8%;padding-right:8%}
.section-label{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:10px;letter-spacing:.16em;color:#587087;border-bottom:1px solid #c6d5e0;padding-bottom:20px}
.intro{padding-top:120px;padding-bottom:80px}
.intro-grid{padding:68px 0 80px;gap:9%;align-items:start}
.intro h2,.section-heading h2,.work-head h2{font-size:clamp(44px,6.1vw,86px);line-height:1.04;letter-spacing:-.075em;color:#071a35}
.intro h2 em,.section-heading h2 em,.work-head h2 em,.contact h2 em{
  font-family:var(--serif);font-weight:400;letter-spacing:-.075em;
  background:linear-gradient(100deg,#00bfd7,#6caec1 70%,#a6b9c6);background-clip:text;-webkit-background-clip:text;color:transparent
}
.intro-text{max-width:420px;color:#587087;font-size:15px;line-height:1.85}
.text-link{display:inline-flex;gap:18px;align-items:center;margin-top:20px;color:#071a35;font-weight:700;font-size:12px;border-bottom:1px solid #00bfd7;padding-bottom:10px}
.text-link span{color:#009bb4;transition:transform .3s}
.text-link:hover span{transform:translate(4px,-4px)}
.ticker{margin:15px -10.5% 0;overflow:hidden;background:#071a35;color:#eef4f7;padding:19px 0;transform:rotate(-1deg);width:121%}
.ticker>div{white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:.16em;animation:tickerMove 25s linear infinite}
.ticker span{color:#00c4dc;padding:0 28px}
.services{padding-top:110px;padding-bottom:115px;background:#e0eaf0;position:relative;overflow:hidden}
.services:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #a7c4d0;border-radius:50%;right:-200px;top:100px;box-shadow:0 0 0 45px #00bfd708,0 0 0 90px #00bfd705}
.section-heading{display:grid;grid-template-columns:1.2fr .6fr;gap:8%;align-items:end;padding:55px 0 48px}
.section-heading>p,.work-head>p{max-width:330px;color:#587087;line-height:1.8;font-size:14px}
.service-list{position:relative;z-index:1;border-top:1px solid #b8cbd6}
.service-item{display:grid;grid-template-columns:55px 1fr 42px;align-items:center;gap:22px;padding:27px 12px;border-bottom:1px solid #b8cbd6;transition:background .35s,padding .35s,border-radius .35s}
.service-item:hover{background:#eef4f7;border-radius:4px;padding-left:22px;padding-right:22px}
.service-no{font-size:10px;color:#078da5;font-weight:800;align-self:start;padding-top:8px}
.service-item h3{font-size:clamp(20px,2.3vw,30px);font-weight:600;letter-spacing:-.045em;color:#071a35;transition:color .25s}
.service-item p{font-size:13px;color:#587087;line-height:1.7;margin-top:7px}
.service-arrow{width:40px;height:40px;border:1px solid #9bb3c2;border-radius:50%;display:grid;place-items:center;font-size:19px;color:#071a35;transition:all .35s}
.service-item:hover .service-arrow{background:#00c4dc;border-color:#00c4dc;transform:rotate(45deg)}
.service-note{font-size:11px;color:#587087;margin-top:24px}
.work{padding-top:120px;padding-bottom:120px}
.work-head{display:grid;grid-template-columns:1fr .55fr;gap:8%;align-items:end;padding:55px 0 48px}
.work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px 26px;align-items:start}
.project-large{grid-row:span 2}
.project-visual{position:relative;overflow:hidden;min-height:330px;border-radius:5px;isolation:isolate;transition:transform .6s var(--ease-out),box-shadow .6s}
.project-large .project-visual{min-height:680px}
.project-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071a3500 45%,#071a3570 100%);z-index:0}
.visual-food{background:#cf9473 url('https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1600&q=85') center/cover}
.visual-food:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#071a35b8 0%,#071a3530 60%,transparent);z-index:1}
.visual-stamp{position:absolute;left:8%;top:10%;z-index:2;color:#fff9eb;font-size:clamp(42px,6vw,82px);font-weight:800;letter-spacing:-.08em;line-height:.84}
.visual-small{position:absolute;bottom:22px;left:24px;z-index:2;font-size:9px;letter-spacing:.18em;color:#eef4f7}
.visual-type{background:#071a35 url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=85') center/cover}
.visual-type:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#071a35e8,#07516e4d);z-index:1}
.type-kicker{position:absolute;left:7%;top:8%;z-index:2;color:#00c4dc;font-size:10px;line-height:1.4;letter-spacing:.2em;font-weight:800}
.visual-type strong{position:absolute;left:7%;top:27%;z-index:2;color:#f4f8fa;font-size:clamp(46px,6vw,82px);line-height:.82;letter-spacing:-.09em}
.visual-type strong span{color:#00c4dc}
.type-circle{position:absolute;right:8%;bottom:15%;z-index:2;width:120px;height:120px;border:1px solid #eef4f7a8;border-radius:50%;display:grid;place-items:center;background:#eef4f71c;backdrop-filter:blur(8px);transform:rotate(12deg);transition:transform .6s var(--ease-out)}
.type-logo{width:82px;height:55px;object-fit:contain;mix-blend-mode:normal;border-radius:2px}
.project:hover .type-circle{transform:rotate(0) scale(1.06)}
.visual-digital{background:#8dd7e3 url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1400&q=85') center/cover;padding:26px}
.visual-digital:before{content:"";position:absolute;inset:0;background:#071a355c;z-index:1}
.browser-bar{position:relative;z-index:2;display:flex;align-items:center;gap:6px;background:#f4f8fa;padding:12px;border-radius:4px 4px 0 0}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#9fb4c5}
.browser-bar span{margin-left:auto;font-size:9px;color:#587087}
.browser-content{position:relative;z-index:2;min-height:205px;background:#eef4f7ed;backdrop-filter:blur(12px);padding:clamp(20px,4vw,40px);display:flex;flex-direction:column;justify-content:space-between;color:#071a35;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:.95;letter-spacing:-.07em}
.browser-content em{font-family:var(--serif);font-weight:400;color:#009bb4}
.browser-button{font-size:9px;letter-spacing:.16em;font-weight:700;background:#071a35;color:#eef4f7;padding:12px 14px;align-self:flex-start;letter-spacing:.12em}
.project-meta{display:flex;justify-content:space-between;gap:15px;padding:18px 2px 0}
.project-meta h3{font-size:20px;letter-spacing:-.04em;color:#071a35}
.project-meta p{font-size:12px;color:#587087;margin-top:5px}
.project-type{font-size:8px;letter-spacing:.12em;color:#078da5;white-space:nowrap;padding-top:5px}
.fine-print{font-size:10px;line-height:1.7;color:#728797;margin-top:36px;max-width:700px}
.project:hover .project-visual{transform:translateY(-6px);box-shadow:0 28px 70px #071a352b}
.process{padding-top:110px;padding-bottom:120px;background:radial-gradient(ellipse at 90% 0%,#07516e 0%,#071a35 55%,#030c1d 100%);color:#eef4f7;overflow:hidden;position:relative}
.process:after{content:"RCS";position:absolute;right:-2%;bottom:-22%;font-size:clamp(180px,32vw,450px);font-weight:800;letter-spacing:-.1em;color:#ffffff05;pointer-events:none}
.process .section-label{color:#aabdc9;border-color:#ffffff2b}
.process-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;padding-top:75px;align-items:start;position:relative;z-index:1}
.process-grid>h2{font-size:clamp(42px,6.4vw,82px);line-height:1.16;letter-spacing:-.075em;color:#eef4f7;margin:0;overflow:visible;min-width:0;padding-bottom:.14em}
.process-grid>h2 em{display:inline;font-family:var(--serif);font-weight:400;letter-spacing:-.075em;background:linear-gradient(100deg,#00c4dc,#8fb8c9);background-clip:text;-webkit-background-clip:text;color:transparent;line-height:inherit;padding:0 .025em .08em 0}
.steps article{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #ffffff2b}
.steps article:first-child{border-top:1px solid #ffffff2b}
.steps article>span{color:#00c4dc;font-size:10px;font-weight:800}
.steps h3{font-size:19px;color:#eef4f7;letter-spacing:-.03em}
.steps p{font-size:12px;color:#b4c7d3;line-height:1.8;max-width:390px}
.contact{padding-top:120px;padding-bottom:120px;background:linear-gradient(135deg,#eef4f7,#e0ebf1);position:relative}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;padding-top:65px}
.contact h2{font-size:clamp(48px,6.4vw,86px);line-height:1.02;letter-spacing:-.075em;margin:18px 0 25px;color:#071a35}
.contact-copy>p:not(.overline){color:#587087;line-height:1.8;max-width:340px}
.contact-direct{gap:14px}
.contact-direct a{font-weight:600;font-size:13px;color:#071a35;transition:color .25s}
.contact-direct a:hover{color:#009bb4}
.enquiry-form{padding:clamp(22px,4vw,42px);background:#f7fafb;border:1px solid #c6d5e0;border-radius:5px;box-shadow:0 24px 70px #071a350b}
.enquiry-form label{color:#587087;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:0;border-bottom:1px solid #c6d5e0;background:transparent;padding:13px 0;color:#071a35;border-radius:0;outline:none}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#00bfd7;box-shadow:0 1px 0 #00bfd7}
.button-light{background:#071a35;color:#eef4f7;border:1px solid #071a35;border-radius:999px;padding:16px 22px;font-weight:700;transition:all .3s}
.button-light:hover{background:#00c4dc;color:#071a35;border-color:#00c4dc;transform:translateY(-3px);box-shadow:0 12px 26px #00bfd72b}
.sms-link{color:#078da5;font-size:12px;font-weight:700}
.site-footer{background:#030c1d;color:#eef4f7;padding:50px 8% 25px}
.footer-top{padding-bottom:38px;border-bottom:1px solid #ffffff26}
.footer-brand .brand-logo{mix-blend-mode:normal;background:#eef4f7;border-radius:2px}
.footer-top>p{color:#b4c7d3}
.back-top{border:1px solid #ffffff4a;border-radius:999px;padding:13px 17px;font-size:9px;letter-spacing:.14em;transition:all .3s}
.back-top:hover{background:#00c4dc;color:#071a35;border-color:#00c4dc}
.footer-bottom{color:#8fa6b7;font-size:10px}
.footer-bottom a:hover{color:#00c4dc}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;background:#071a35;color:#eef4f7;border:1px solid #00c4dc;border-radius:999px;padding:14px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 32px #071a3530;transition:transform .3s var(--ease-out),background .3s,color .3s}
.whatsapp-float:hover{background:#00c4dc;color:#071a35;transform:translateY(-4px)}
.scroll-progress span{background:linear-gradient(90deg,#00c4dc,#8fb8c9)}
.page-loader{background:#071a35;color:#eef4f7}
.page-loader img{mix-blend-mode:normal;background:#eef4f7;padding:5px}
.loader-track span{background:#00c4dc}
.cursor-dot{background:#00c4dc}
.cursor-glow{background:radial-gradient(circle,#00bfd719,transparent 70%)}
.reveal{transform:translateY(24px);filter:none;transition:opacity .8s ease,transform .8s var(--ease-out)}
.reveal.visible{transform:translateY(0)}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 4px #00bfd71a}50%{box-shadow:0 0 0 9px #00bfd700}}
@keyframes discFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes slabFloat{0%,100%{transform:rotate(31deg) translateY(0)}50%{transform:rotate(34deg) translateY(-10px)}}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-25%)}}
@media(max-width:1000px){
 .hero-copy{max-width:65%}.hero h1{font-size:clamp(62px,9vw,100px)}
 .hero-art{right:-2%;width:42%;opacity:.85}.art-disc{width:36vw;height:36vw}
 .section-wrap{padding-left:6%;padding-right:6%}
 .hero-foot{left:6%;right:6%}
 .work-grid{gap:36px 20px}
}
@media(max-width:760px){
 .site-header{height:74px;padding:0 6%}.brand-logo{width:112px;max-height:58px}
 .main-nav{background:#eef4f7f5;border-bottom:1px solid #c6d5e0}
 .nav-cta{padding:13px 18px}
 .hero{min-height:820px;padding-top:28px;padding-bottom:100px}
 .hero-topline{font-size:8px;letter-spacing:.12em}.hero-location{max-width:155px}
 .hero-copy{max-width:100%;padding-top:80px}
 .hero h1{font-size:clamp(60px,12.8vw,92px);line-height:.91;letter-spacing:-.085em}
 .hero-art{top:390px;right:-11%;width:74%;height:340px;opacity:.48}
 .art-disc{width:250px;height:250px;right:7%}.art-slab{width:145px;height:250px;right:28%}
 .art-caption{display:none}.hero-bottom{max-width:380px;margin-top:24px}
 .hero-bottom p{font-size:13px;max-width:280px}
 .hero-foot{left:6%;right:6%;display:grid;grid-template-columns:1fr 1fr;row-gap:10px;font-size:8px}
 .intro{padding-top:85px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:28px;padding:45px 0 55px}
 .intro h2,.section-heading h2,.work-head h2{font-size:clamp(42px,10vw,66px)}
 .ticker{margin-left:-7%;width:114%;padding:16px 0}
 .services,.process{padding-top:80px;padding-bottom:85px}
 .section-heading,.work-head{grid-template-columns:1fr;gap:18px;padding:42px 0 34px}
 .service-item{grid-template-columns:32px 1fr 34px;gap:12px;padding:22px 5px}
 .service-item h3{font-size:21px}.service-item p{font-size:12px}
 .service-arrow{width:32px;height:32px}
 .work{padding-top:85px;padding-bottom:85px}
 .work-grid{grid-template-columns:1fr;gap:34px}
 .project-large{grid-row:auto}.project-large .project-visual{min-height:470px}
 .project-visual{min-height:300px}.visual-stamp{font-size:68px}
 .process-grid{grid-template-columns:1fr;gap:30px;padding-top:45px}
 .process-grid>h2{font-size:clamp(43px,10vw,66px);line-height:1.18;max-width:100%;padding-bottom:.2em}
 .contact{padding-top:85px;padding-bottom:85px}.contact-grid{grid-template-columns:1fr;gap:40px;padding-top:45px}
 .contact h2{font-size:clamp(50px,11vw,72px)}
 .enquiry-form{padding:23px 19px}
 .footer-top{gap:22px;flex-wrap:wrap}.footer-bottom{gap:14px;flex-wrap:wrap}
 .whatsapp-float{right:14px;bottom:14px;padding:12px 16px}
}
@media(max-width:420px){
 .hero{min-height:780px}
 .hero h1{font-size:clamp(52px,12.3vw,65px)}
 .hero-topline .hero-location{max-width:125px}
 .hero-copy{padding-top:68px}
 .hero-art{top:365px;right:-22%;opacity:.38}
 .hero-bottom{align-items:flex-start}
 .hero-foot{font-size:7px;letter-spacing:.1em}
 .section-label{font-size:8px;letter-spacing:.1em}
 .project-large .project-visual{min-height:410px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ===== CINEMATIC EDITION: RCS / MAKE AN IMPACT ===== */
.hero{
  min-height:min(940px,calc(100svh - 88px));
  padding-top:34px;padding-bottom:92px;position:relative;isolation:isolate;overflow:hidden;
  color:#f3f8fb;
  background:
    radial-gradient(ellipse at 78% 42%,#07516e 0%,#092b49 24%,transparent 53%),
    radial-gradient(ellipse at 12% 105%,#073d55 0%,transparent 42%),
    linear-gradient(118deg,#030c1d 0%,#071a35 48%,#06172b 100%);
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.26;
  background-image:linear-gradient(#9beafa12 1px,transparent 1px),linear-gradient(90deg,#9beafa12 1px,transparent 1px);
  background-size:62px 62px;mask-image:linear-gradient(90deg,#000,transparent 95%);
}
.hero:after{
  content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,#00c4dc0b 49%,#d8faff13 50%,transparent 61%);
  transform:translateX(-35%);animation:cinemaSweep 12s ease-in-out infinite;
}
.hero-topline,.hero-foot{color:#a8c0d0}
.hero-location{color:#91adbf}
.hero .overline{color:#4fe6f4}
.hero-copy{max-width:64%;padding-top:clamp(70px,10vh,130px);z-index:4}
.hero h1{
  color:#f4f8fb;font-size:clamp(70px,8.7vw,146px);line-height:.89;letter-spacing:-.095em;
  text-shadow:0 12px 55px #00000025;
}
.hero h1 em{
  background:linear-gradient(100deg,#00d6eb 0%,#54d9e6 40%,#b4d5e0 77%,#f3f8fb 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 35px #00c4dc19);
}
.hero-bottom{max-width:500px;margin-top:32px;gap:28px}
.hero-bottom p{color:#b8cad5;max-width:340px;line-height:1.8}
.round-link{border-color:#7294a8;color:#f3f8fb;background:#ffffff08;backdrop-filter:blur(8px)}
.round-link:hover{color:#071a35}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.hero-primary{
  display:inline-flex;align-items:center;gap:24px;padding:15px 21px;border-radius:999px;
  background:#00c4dc;color:#06172b;font-size:12px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 0 0 1px #70f4ff4a,0 10px 35px #00c4dc22;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s;
}
.hero-primary span{font-size:18px;transition:transform .35s}
.hero-primary:hover{transform:translateY(-4px);background:#a2f5ff;box-shadow:0 15px 40px #00c4dc3b}
.hero-primary:hover span{transform:translate(3px,-3px)}
.hero-proof{display:inline-flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.16em;color:#8ca9bc}
.hero-proof i{width:6px;height:6px;border-radius:50%;background:#00d6eb;box-shadow:0 0 14px #00d6eb;display:inline-block}
.hero-art{right:2%;top:clamp(130px,16vh,190px);width:46%;height:clamp(420px,48vw,600px);overflow:visible;z-index:2;filter:drop-shadow(0 35px 70px #00000024)}
.art-disc{
  width:min(37vw,490px);height:min(37vw,490px);right:5%;top:8%;
  background:radial-gradient(circle at 28% 20%,#13bfd3 0%,#087b99 21%,#07506e 43%,#071a35 78%,#020815 100%);
  box-shadow:inset -35px -40px 70px #020815b8,inset 10px 12px 34px #ffffff28,0 35px 100px #00bcd41c;
}
.art-disc:after{border-color:#c5f8ff25;inset:9%;box-shadow:inset 0 0 35px #00c4dc10}
.art-slab{
  width:clamp(165px,17vw,245px);height:clamp(290px,32vw,425px);right:29%;top:12%;
  background:linear-gradient(118deg,#ffffff 0%,#e7f0f5 22%,#b9cdd7 43%,#f8fcff 54%,#8ea9ba 100%);
  box-shadow:inset 10px 0 18px #ffffffd9,inset -17px 0 28px #071a3540,25px 30px 50px #00000042;
}
.art-orbit{border-color:#3ee7f6b5;box-shadow:0 0 30px #00c4dc14}
.orbit-one{width:125%;height:57%;top:19%;right:-7%;transform:rotate(-25deg)}
.orbit-two{width:110%;height:73%;top:5%;right:-4%;border-color:#b6d6e05b;transform:rotate(-43deg)}
.art-core{width:35px;height:35px;background:radial-gradient(circle at 28% 22%,#e5ffff,#00d6eb 50%,#08758b);box-shadow:0 0 0 14px #00c4dc20,0 0 65px #00c4dc99}
.art-caption{background:#00c4dc;color:#06172b;box-shadow:0 18px 50px #00000038;border-left:3px solid #e7fdff}
.art-caption b{color:#f3fdff}
.art-index{color:#8ccbd9}
.art-side-note{position:absolute;right:0;top:8%;z-index:4;font-size:8px;line-height:1.7;letter-spacing:.18em;text-align:right;color:#85a9bd}
.art-side-note b{color:#dffaff;font-weight:700}
.art-crosshair{position:absolute;left:13%;bottom:12%;font-size:30px;color:#4de5f4;font-weight:200;opacity:.9}
.hero-foot{border-top-color:#8fb6c529;background:linear-gradient(180deg,transparent,#071a35a8);padding-top:18px}
.hero-foot span:nth-child(2){color:#00d6eb}
.status-dot{background:#00d6eb;box-shadow:0 0 18px #00d6eb}

/* The rest of the page gets the same cinematic depth without sacrificing readability. */
.site-header{background:#eef4f7e8;backdrop-filter:blur(18px)}
.site-header.is-scrolled{box-shadow:0 12px 35px #071a3512}
.intro{position:relative;overflow:hidden}
.intro:after{content:"RCS";position:absolute;right:-1%;top:10%;font-size:clamp(150px,25vw,360px);font-weight:800;letter-spacing:-.12em;color:#071a3505;pointer-events:none}
.intro-grid,.section-label,.ticker{position:relative;z-index:1}
.section-heading h2,.work-head h2,.intro h2,.contact h2{ text-wrap:balance }
.service-item{position:relative;overflow:hidden}
.service-item:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:#00c4dc;transform:scaleY(0);transform-origin:bottom;transition:transform .4s}
.service-item:hover:before{transform:scaleY(1)}
.project-visual{isolation:isolate}
.project-visual:before{transition:transform 1s cubic-bezier(.16,1,.3,1),filter 1s}
.project:hover .project-visual:before{transform:scale(1.04);filter:saturate(1.15)}
.project-meta h3{transition:color .25s}
.project:hover .project-meta h3{color:#008ca5}
.contact{overflow:hidden}
.contact:after{content:"";position:absolute;right:-220px;top:15%;width:420px;height:420px;border-radius:50%;border:1px solid #00c4dc38;box-shadow:0 0 0 35px #00c4dc08,0 0 0 80px #00c4dc06;pointer-events:none}
.contact-grid,.contact .section-label{position:relative;z-index:1}
.enquiry-form{position:relative;z-index:2;backdrop-filter:blur(12px)}
.whatsapp-float{border-color:#00c4dc;box-shadow:0 12px 40px #071a3535,0 0 0 5px #00c4dc0a}

@keyframes cinemaSweep{0%,100%{transform:translateX(-35%);opacity:.2}50%{transform:translateX(35%);opacity:.75}}
@keyframes cinematicRise{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero .overline{animation:cinematicRise .9s .12s both}
.hero h1{animation:cinematicRise 1.1s .2s both}
.hero-bottom{animation:cinematicRise 1s .38s both}
.hero-actions{animation:cinematicRise 1s .5s both}
@media(max-width:1000px){
 .hero-copy{max-width:68%}.hero h1{font-size:clamp(66px,9.5vw,108px)}
 .hero-art{right:-5%;width:47%;opacity:.92}.art-disc{width:39vw;height:39vw}
 .art-side-note{right:4%}
}
@media(max-width:760px){
 .hero{min-height:880px;padding-top:26px;padding-bottom:105px}
 .hero-copy{max-width:100%;padding-top:78px}
 .hero h1{font-size:clamp(59px,13vw,92px);line-height:.92;letter-spacing:-.09em}
 .hero-bottom{max-width:390px;margin-top:26px;justify-content:flex-start}
 .hero-bottom p{max-width:285px}
 .hero-actions{margin-top:20px;gap:15px}
 .hero-primary{padding:14px 18px;font-size:11px}
 .hero-proof{font-size:7px}
 .hero-art{top:430px;right:-14%;width:82%;height:370px;opacity:.7}
 .art-disc{width:265px;height:265px;right:7%;top:9%}
 .art-slab{width:155px;height:260px;right:29%;top:11%}
 .art-side-note{display:none}.art-caption{right:8%;bottom:3%}.art-crosshair{left:5%;bottom:9%}
 .hero-foot{left:6%;right:6%;gap:12px;display:grid;grid-template-columns:1fr 1fr;font-size:7px}
 .hero-foot .scroll-note{width:auto;text-align:left}
}
@media(max-width:420px){
 .hero{min-height:830px}
 .hero-copy{padding-top:66px}
 .hero h1{font-size:clamp(51px,12.4vw,62px)}
 .hero-location{max-width:125px}
 .hero-art{top:420px;right:-22%;opacity:.58}
 .hero-bottom p{font-size:12px;max-width:245px}
 .hero-proof{width:100%}
 .hero-foot{font-size:6.5px;letter-spacing:.1em}
}
@media(prefers-reduced-motion:reduce){
 .hero:after,.hero .overline,.hero h1,.hero-bottom,.hero-actions{animation:none!important}
 .hero-primary,.service-item:before,.project-visual:before{transition:none!important}
}


/* ===== ART-DIRECTED CINEMATIC REBUILD — INSPIRED BY THE PROVIDED REFERENCE ===== */
:root{--night:#080711;--night2:#100d20;--violet:#211832;--ice:#f4f1ff;--mist:#aaa6bd;--laser:#77f0f5;--line-dark:#ffffff20}
html{background:var(--night);scroll-padding-top:82px}
body{background:var(--night);color:var(--ice);font-family:"DM Sans",sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 18% 6%,#38254855,transparent 34%),radial-gradient(ellipse at 82% 35%,#132c4950,transparent 36%),#080711}
.site-header{height:82px;padding:0 6.5%;background:#090812c9;border-bottom:1px solid #ffffff12;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.brand-logo{width:126px;max-height:58px;background:#f6f1e6;padding:4px 7px;border-radius:2px;mix-blend-mode:normal}
.main-nav a{color:#d9d6e5;font-size:11px;letter-spacing:.025em}
.main-nav a:not(.nav-cta):after{background:var(--laser)}
.nav-cta{border-color:#ffffff35;color:#f4f1ff;padding:13px 19px;background:#ffffff03}
.nav-cta:hover{background:var(--laser);color:#080711;border-color:var(--laser)}
.menu-toggle{border-color:#ffffff35;color:#f4f1ff}
.hero{min-height:min(920px,calc(100svh - 82px));padding:26px 6.5% 85px;background:radial-gradient(ellipse at 77% 39%,#342345 0%,#1a1429 26%,transparent 57%),radial-gradient(ellipse at 12% 100%,#182c46 0%,transparent 40%),linear-gradient(120deg,#0a0912 0%,#0c0b18 58%,#070711 100%);overflow:hidden}
.hero:before{opacity:.18;background-image:linear-gradient(#d4d5ff10 1px,transparent 1px),linear-gradient(90deg,#d4d5ff10 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 93%)}
.hero:after{background:linear-gradient(115deg,transparent 37%,#a0faff05 48%,#ffffff12 50%,transparent 62%);animation:cinemaSweep 11s ease-in-out infinite}
.hero-topline{position:relative;z-index:6;color:#aaa6bd;font-size:9px;letter-spacing:.19em}
.hero-location{color:#8e8aa4}
.hero .overline{color:#c9c4dc;font-size:10px;letter-spacing:.18em;line-height:1.7;max-width:310px;margin-bottom:24px}
.hero-copy{max-width:59%;padding-top:clamp(70px,10vh,112px);z-index:5}
.hero h1{max-width:790px;font-size:clamp(68px,8.7vw,132px);line-height:.91;letter-spacing:-.09em;color:#f5f2ff;text-shadow:0 15px 65px #0008}
.hero h1 em{font-family:"DM Sans",sans-serif;font-weight:700;font-style:normal;letter-spacing:-.095em;background:linear-gradient(100deg,#f4f1ff 0%,#c4b7f3 33%,#a3f4fa 78%,#70dce8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px #b9a7ff1a)}
.hero-bottom{margin-top:28px;gap:22px;max-width:490px;align-items:center}
.hero-bottom p{max-width:340px;color:#aaa6bd;font-size:14px;line-height:1.85}
.round-link{border-color:#ffffff38;color:#f4f1ff;background:#ffffff05;width:48px;height:48px;flex-basis:48px}
.round-link:hover{background:var(--laser);border-color:var(--laser);color:#080711}
.hero-actions{margin-top:29px;gap:18px}
.hero-primary{background:#f4f1ff;color:#100d20;border-radius:2px;padding:16px 20px;box-shadow:0 10px 35px #0003;letter-spacing:.02em}
.hero-primary:hover{background:var(--laser);box-shadow:0 12px 42px #77f0f52b}
.hero-proof{color:#8d89a4;font-size:8px;letter-spacing:.16em}
.hero-proof i{background:var(--laser);box-shadow:0 0 18px #77f0f5}
.hero-art{right:2.5%;top:clamp(130px,17vh,175px);width:47%;height:clamp(430px,47vw,570px);filter:drop-shadow(0 45px 90px #0009)}
/* A glossy, iridescent orb built from layered CSS gradients, no external 3D asset required. */
.art-disc{width:min(37vw,465px);height:min(37vw,465px);right:8%;top:7%;border-radius:50%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 28% 18%,#ffffff 0%,#d9d5f5 3%,#8b83ac 8%,#302a48 19%,#11101d 42%,#060610 69%,#171329 84%,#9d8fbd 91%,#211a32 100%);box-shadow:inset -28px -36px 60px #000e,inset 12px 9px 28px #ffffff45,0 35px 90px #0009,0 0 70px #a18dff13;animation:orbHover 8s ease-in-out infinite}
.art-disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 38% 37%,transparent 0 5px,#d9d9ff26 7px,#ffffffa8 8px,#4a426f 10px,#0b0a14 13px,transparent 16px);mix-blend-mode:screen;opacity:.85;transform:rotate(-24deg) scale(1.08);filter:blur(.4px)}
.art-disc:after{content:"";position:absolute;inset:3%;border-radius:50%;border:1px solid #ffffff70;box-shadow:inset 0 0 38px #a7e9ff24,0 0 28px #c6b8ff17;background:radial-gradient(ellipse at 25% 12%,#ffffff45,transparent 26%,transparent 65%,#a2e7ff12 83%,#ffffff20 100%)}
.art-slab{width:clamp(120px,15vw,205px);height:clamp(250px,30vw,380px);right:35%;top:15%;border-radius:100px 100px 18px 18px;background:linear-gradient(115deg,#ffffff 0%,#d9d8ec 18%,#7f789a 36%,#f7f5ff 48%,#a5a0c4 62%,#343047 100%);box-shadow:inset 9px 0 18px #ffffffa6,inset -18px 0 25px #07061085,20px 28px 48px #0009;transform:rotate(31deg);opacity:.87;mix-blend-mode:screen;animation:slabFloat 9s ease-in-out infinite}
.art-orbit{border:1px solid #c7b9ff8c;box-shadow:0 0 25px #bcaeff12}
.orbit-one{width:122%;height:57%;top:20%;right:-10%;transform:rotate(-25deg);border-color:#9cf7ffab}
.orbit-two{width:114%;height:74%;top:4%;right:-6%;transform:rotate(-42deg);border-color:#d7d1f95e}
.art-core{width:22px;height:22px;background:radial-gradient(circle at 30% 25%,#fff,#9ffaff 38%,#46c6d7 70%,#5d4c9d);box-shadow:0 0 0 12px #a5f6ff12,0 0 48px #83f1ff82}
.art-caption{right:0;bottom:4%;background:#f4f1ff;color:#141020;border:0;border-radius:2px;padding:17px 20px;letter-spacing:.1em;box-shadow:0 20px 50px #0008;font-size:10px}
.art-caption b{color:#6c5ca0}.art-index{color:#d2c9ef}.art-side-note{color:#9992b4}.art-side-note b{color:#f3f0ff}.art-crosshair{color:var(--laser)}
.hero-foot{left:6.5%;right:6.5%;border-top:1px solid #ffffff20;background:linear-gradient(180deg,transparent,#080711aa);color:#918ba9;padding:17px 0 13px;font-size:8px;letter-spacing:.17em}
.hero-foot span:nth-child(2){color:#b7b0d4}
.status-dot{background:var(--laser);box-shadow:0 0 16px #77f0f5}
/* Dark editorial rhythm across every section */
.intro,.work,.contact{background:transparent;color:#f4f1ff}
.intro{padding-top:120px;padding-bottom:95px}
.section-label{color:#9d98b5;border-color:#ffffff22}
.intro:after{color:#ffffff04}
.intro h2,.section-heading h2,.work-head h2,.contact h2{color:#f4f1ff}
.intro h2 em,.section-heading h2 em,.work-head h2 em,.contact h2 em{background:linear-gradient(100deg,#c9b8ff,#9df5f8 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-text,.section-heading>p,.work-head>p{color:#aaa6bd}
.text-link{color:#f4f1ff;border-color:#9d8bd2}.text-link span{color:var(--laser)}
.ticker{background:#f4f1ff;color:#0b0915;transform:rotate(-.6deg);box-shadow:0 10px 45px #0004}.ticker span{color:#7969b0}
.services{background:linear-gradient(145deg,#151222,#0d0c17 75%);color:#f4f1ff;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}
.services:before{border-color:#a99ad52a;box-shadow:0 0 0 45px #c2b5ff05,0 0 0 90px #c2b5ff03}
.service-list{border-color:#ffffff23}.service-item{border-color:#ffffff20}.service-item:hover{background:#ffffff08}
.service-item h3{color:#f4f1ff}.service-item p,.service-note{color:#aaa6bd}.service-no{color:#91f0f5}.service-arrow{color:#f4f1ff;border-color:#ffffff38}.service-item:hover .service-arrow{background:var(--laser);border-color:var(--laser);color:#080711}
.work{padding-top:115px;padding-bottom:120px}.project-visual{border-radius:3px;box-shadow:0 22px 70px #0005}.project-meta h3{color:#f4f1ff}.project-meta p{color:#aaa6bd}.project-type{color:#9df5f8}.fine-print{color:#77728f}
.visual-food{background-color:#201728}.visual-food:before{background:linear-gradient(90deg,#100d20d9 0%,#100d2052 55%,transparent 100%)}
.visual-type{background-color:#0d0c17}.visual-type:before{background:linear-gradient(135deg,#0b0919f2,#28203b66)}
.visual-digital:before{background:#0b09196b}.browser-bar{background:#f4f1ff}.browser-content{background:#f4f1ffed;color:#0b0919}.browser-content em{color:#7360a9}.browser-button{background:#100d20;color:#f4f1ff}
.process{background:radial-gradient(ellipse at 82% 0%,#302343 0%,#141020 42%,#080711 100%);color:#f4f1ff;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10}
.process .section-label{color:#aaa6bd;border-color:#ffffff22}.process-grid>h2{color:#f4f1ff}.process-grid>h2 em{background:linear-gradient(100deg,#c7b7ff,#83eef4);background-clip:text;-webkit-background-clip:text;color:transparent}.steps article,.steps article:first-child{border-color:#ffffff20}.steps article>span{color:#91f0f5}.steps h3{color:#f4f1ff}.steps p{color:#aaa6bd}
.contact{background:radial-gradient(ellipse at 0% 100%,#1b1930 0%,transparent 48%),#0a0913;position:relative;border-top:1px solid #ffffff0b}.contact:after{border-color:#b8a8ff2a;box-shadow:0 0 0 35px #b8a8ff05,0 0 0 80px #b8a8ff03}.contact-copy>p:not(.overline){color:#aaa6bd}.contact-direct a{color:#f4f1ff}.contact-direct a:hover{color:var(--laser)}.contact-direct span{color:#8f89a8}
.enquiry-form{background:#12101f;border-color:#ffffff20;box-shadow:0 24px 80px #0005}.enquiry-form label{color:#a9a3bf}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{color:#f4f1ff;border-color:#ffffff25;background:transparent}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#6f6a83}.enquiry-form select option{background:#12101f;color:#f4f1ff}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--laser);box-shadow:0 1px 0 var(--laser)}.button-light{background:#f4f1ff;color:#100d20;border-color:#f4f1ff}.button-light:hover{background:var(--laser);border-color:var(--laser);color:#080711}.sms-link{color:var(--laser)}.form-note,.form-status{color:#88829f}
.site-footer{background:#05040b;color:#f4f1ff;border-top:1px solid #ffffff15}.footer-top{border-color:#ffffff20}.footer-top>p{color:#aaa6bd}.footer-bottom{color:#77728e}.footer-bottom a{color:#bdb6d7}.back-top{border-color:#ffffff35;color:#f4f1ff}.back-top:hover{background:var(--laser);border-color:var(--laser);color:#080711}
.whatsapp-float{background:#f4f1ff;color:#100d20;border-color:#f4f1ff;box-shadow:0 12px 42px #0007}.whatsapp-float:hover{background:var(--laser);border-color:var(--laser);color:#080711}
.page-loader{background:#080711;color:#f4f1ff}.page-loader img{background:#f6f1e6}.loader-track span{background:var(--laser)}.scroll-progress span{background:linear-gradient(90deg,#7b69b9,#77f0f5)}.cursor-dot{background:var(--laser)}.cursor-glow{background:radial-gradient(circle,#b8a8ff16,transparent 70%)}
@keyframes orbHover{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}
@media(max-width:1000px){.hero-copy{max-width:64%}.hero-art{right:-3%;width:47%;opacity:.9}.art-disc{width:39vw;height:39vw}}
@media(max-width:760px){
 .site-header{height:74px;background:#090812e8}.brand-logo{width:112px;max-height:52px}.main-nav{background:#100d20f5;border-bottom:1px solid #ffffff20}.main-nav a{color:#f4f1ff}
 .hero{min-height:860px;padding:24px 6% 105px}.hero-copy{max-width:100%;padding-top:75px}.hero h1{font-size:clamp(60px,12.5vw,92px);line-height:.94;max-width:95%}.hero .overline{max-width:260px;font-size:9px}.hero-bottom{margin-top:23px}.hero-bottom p{max-width:300px;font-size:13px}.hero-art{top:410px;right:-12%;width:82%;height:365px;opacity:.72}.art-disc{width:265px;height:265px;right:7%;top:9%}.art-slab{width:135px;height:245px;right:32%;top:13%}.art-side-note{display:none}.art-caption{right:7%;bottom:2%;font-size:8px;padding:13px 15px}.hero-foot{left:6%;right:6%;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:7px}.hero-foot .scroll-note{text-align:left}.intro{padding-top:85px;padding-bottom:75px}.services,.process{padding-top:80px;padding-bottom:85px}.work{padding-top:85px;padding-bottom:90px}.contact{padding-top:85px;padding-bottom:85px}
}
@media(max-width:420px){.hero{min-height:820px}.hero-copy{padding-top:65px}.hero h1{font-size:clamp(52px,12.1vw,64px)}.hero-art{top:400px;right:-20%;opacity:.65}.art-disc{width:245px;height:245px}.art-slab{width:122px;height:220px}.hero-foot{font-size:6.5px;letter-spacing:.1em}.hero-location{max-width:130px}}
@media(prefers-reduced-motion:reduce){.art-disc,.art-slab,.hero:after{animation:none!important}}

/* ===== RCS / AFTER DARK — CINEMATIC ART DIRECTION ===== */
:root{--bg:#080711;--panel:#100f20;--text:#f4f2ff;--muted:#aaa7bd;--line:#ffffff20;--accent:#6cf2ff;--gold:#a78bfa;--ease-out:cubic-bezier(.16,1,.3,1)}
html{background:#080711;scroll-behavior:smooth;scroll-padding-top:86px}
body{background:#080711;color:#f4f2ff;overflow-x:hidden;background-image:radial-gradient(ellipse at 83% 7%,#35204d65,transparent 30%),radial-gradient(ellipse at 4% 32%,#102f4a45,transparent 28%)}
::selection{background:#6cf2ff;color:#080711}
.noise{opacity:.12;mix-blend-mode:screen}
.cursor-glow{background:radial-gradient(circle,#8b5cf62b 0, #6cf2ff10 32%,transparent 70%);width:520px;height:520px}
.scroll-progress span{background:linear-gradient(90deg,#6cf2ff,#8b5cf6,#ff7ac6)}
.site-header{height:82px;padding:0 6%;background:#080711c9;border-bottom:1px solid #ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}
.site-header.is-scrolled{background:#080711ed;box-shadow:0 12px 40px #0005}
.brand-logo{width:124px;max-height:59px;object-fit:contain;background:#f4f0df;border-radius:2px;padding:3px;mix-blend-mode:normal;transition:transform .5s var(--ease-out)}
.brand:hover .brand-logo{transform:translateY(-2px) scale(1.035)}
.main-nav{gap:clamp(17px,2.4vw,38px)}
.main-nav a{color:#d8d5e7;font-size:11px;letter-spacing:.035em}
.main-nav a:not(.nav-cta):after{background:#6cf2ff}
.nav-cta{border:1px solid #ffffff40;border-radius:999px;padding:13px 20px;color:#fff;transition:all .3s var(--ease-out)}
.nav-cta:hover{background:#6cf2ff;color:#080711;border-color:#6cf2ff;box-shadow:0 0 28px #6cf2ff26}
.menu-toggle span{background:#f4f2ff}
.hero{min-height:min(900px,calc(100svh - 82px));padding-top:28px;padding-bottom:85px;background:radial-gradient(ellipse at 74% 42%,#211c3a 0%,#100e1d 32%,#080711 72%);isolation:isolate;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(#b3a7ff12 1px,transparent 1px),linear-gradient(90deg,#b3a7ff12 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 42%,#000)}
.hero:after{content:"";position:absolute;z-index:-1;width:55vw;height:55vw;max-width:850px;max-height:850px;right:-13%;top:-28%;border-radius:50%;border:1px solid #a78bfa17;box-shadow:0 0 0 55px #a78bfa06,0 0 0 110px #6cf2ff05;pointer-events:none}
.hero-topline{font-size:9px;letter-spacing:.19em;color:#aaa7bd}
.eyebrow{display:inline-flex;align-items:center;gap:11px}
.status-dot{width:7px;height:7px;background:#6cf2ff;box-shadow:0 0 0 5px #6cf2ff16,0 0 18px #6cf2ff9c;animation:rcsPulse 2.8s infinite}
.hero-copy{position:relative;z-index:5;max-width:64%;padding-top:clamp(66px,10vh,122px)}
.hero .overline{color:#a9a4c0;font-size:10px;letter-spacing:.19em;font-weight:700;margin-bottom:27px}
.hero h1{font-family:'Manrope','DM Sans',sans-serif;color:#f6f4ff;font-size:clamp(66px,8.3vw,135px);font-weight:700;line-height:.91;letter-spacing:-.09em;max-width:900px;margin:0;overflow:visible}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.08em;display:inline-block;background:linear-gradient(105deg,#6cf2ff 0%,#a78bfa 47%,#ff9fda 100%);background-clip:text;-webkit-background-clip:text;color:transparent;padding:.025em .07em .13em 0;text-shadow:none}
.hero-bottom{display:flex;align-items:center;gap:30px;max-width:470px;margin-top:31px}
.hero-bottom p{color:#aaa7bd;font-size:14px;line-height:1.8;max-width:340px}
.round-link{border:1px solid #ffffff40;color:#f4f2ff;background:#ffffff06;flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;transition:all .35s var(--ease-out)}
.round-link:hover{background:#6cf2ff;color:#080711;border-color:#6cf2ff;transform:translateY(4px);box-shadow:0 0 28px #6cf2ff30}
.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px}
.hero-primary{display:inline-flex;align-items:center;gap:24px;background:#f4f2ff;color:#080711;padding:15px 21px;border-radius:999px;font-size:11px;font-weight:800;transition:all .35s var(--ease-out)}
.hero-primary:hover{background:#6cf2ff;transform:translateY(-3px);box-shadow:0 12px 38px #6cf2ff25}
.hero-primary span{font-size:16px}
.hero-proof{display:inline-flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.17em;color:#aaa7bd}
.hero-proof i{width:5px;height:5px;border-radius:50%;background:#a78bfa}
.hero-art{position:absolute;right:2.5%;top:clamp(145px,17vh,200px);width:45%;height:clamp(410px,44vw,570px);z-index:2;overflow:visible;pointer-events:none;filter:drop-shadow(0 35px 70px #0005);transition:transform .35s ease-out}
.art-disc{position:absolute;width:min(36vw,470px);height:min(36vw,470px);right:4%;top:7%;border-radius:50%;background:radial-gradient(circle at 27% 20%,#c7fbff 0%,#6cf2ff 5%,#5a4a98 17%,#30264e 31%,#141225 56%,#05050c 77%);box-shadow:inset -30px -34px 70px #02020b, inset 10px 8px 30px #fff8,0 0 55px #8b5cf62c,0 35px 100px #000a;animation:rcsOrbFloat 8s ease-in-out infinite}
.art-disc:before{content:"";position:absolute;inset:5%;border-radius:50%;background:repeating-radial-gradient(ellipse at 36% 31%,transparent 0 10px,#d9fbff12 12px,#a78bfa75 14px,transparent 18px 25px);mix-blend-mode:screen;transform:rotate(-22deg);filter:blur(.3px)}
.art-disc:after{content:"";position:absolute;inset:1.5%;border-radius:50%;border:1px solid #e6fbff9c;box-shadow:inset 0 0 22px #c5faff33,0 0 22px #a78bfa30}
.art-slab{position:absolute;width:clamp(145px,16vw,225px);height:clamp(270px,31vw,400px);right:30%;top:11%;border-radius:150px 150px 18px 18px;background:linear-gradient(110deg,#faf9ff 0%,#aeb5d3 16%,#fbffff 31%,#817fa9 43%,#eefbff 56%,#6cf2ff 72%,#4a3a6e 100%);box-shadow:inset 8px 0 18px #fff, inset -15px 0 24px #1713296b,22px 25px 45px #0008;transform:rotate(31deg);animation:rcsSlabFloat 8s ease-in-out infinite}
.art-slab:after{content:"";position:absolute;inset:4px;border-radius:inherit;background:linear-gradient(155deg,#ffffffc7,transparent 28%,#9b8cff20 49%,transparent 68%,#0a081b70);mix-blend-mode:screen}
.art-orbit{border-color:#6cf2ff9c;box-shadow:0 0 25px #6cf2ff0c}
.orbit-one{width:124%;height:58%;top:20%;right:-8%;transform:rotate(-25deg);border-width:1px}
.orbit-two{width:113%;height:76%;top:2%;right:-3%;border-color:#c4b5fd6b;transform:rotate(-43deg)}
.art-core{width:22px;height:22px;background:radial-gradient(circle at 30% 25%,#fff,#6cf2ff 52%,#5d43a8);box-shadow:0 0 0 13px #6cf2ff12,0 0 45px #6cf2ffcc}
.art-caption{right:-1%;bottom:3%;max-width:154px;padding:17px 20px;border:1px solid #ffffff22;border-radius:3px;background:#100e20d9;color:#f4f2ff;letter-spacing:.1em;line-height:1.55;box-shadow:0 18px 50px #0007;backdrop-filter:blur(14px)}
.art-caption b{color:#6cf2ff}
.art-index{color:#b5aecf;font-size:9px;letter-spacing:.22em}
.art-side-note{color:#aaa7bd}
.art-crosshair{color:#6cf2ff}
.hero-foot{left:6%;right:6%;bottom:0;border-top:1px solid #ffffff20;padding:17px 0 15px;color:#9994b3;background:linear-gradient(180deg,transparent,#080711a8);font-size:8px;letter-spacing:.16em;z-index:5}
.section-wrap{padding-left:8%;padding-right:8%}
.section-label{color:#a8a4bf;border-color:#ffffff20;font-size:9px;letter-spacing:.17em}
.intro{padding-top:115px;padding-bottom:80px;background:#080711}
.intro-grid{align-items:start;gap:9%;padding:68px 0 80px}
.intro h2,.section-heading h2,.work-head h2{color:#f4f2ff;font-size:clamp(43px,6vw,84px);line-height:1.04;letter-spacing:-.075em}
.intro h2 em,.section-heading h2 em,.work-head h2 em,.contact h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.07em;background:linear-gradient(100deg,#6cf2ff,#a78bfa 56%,#ff9fda);background-clip:text;-webkit-background-clip:text;color:transparent}
.intro-text{color:#aaa7bd;max-width:430px;font-size:14px;line-height:1.9}
.text-link{color:#f4f2ff;border-color:#6cf2ff;font-size:11px}.text-link span{color:#6cf2ff}
.ticker{margin:15px -10.5% 0;width:121%;background:#e9e6f7;color:#080711;padding:19px 0;transform:rotate(-1deg)}
.ticker span{color:#7755dc}
.services{padding-top:110px;padding-bottom:115px;background:linear-gradient(145deg,#111020,#0b0a15 65%,#111126);color:#f4f2ff;position:relative;overflow:hidden}
.services:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #a78bfa24;border-radius:50%;right:-210px;top:90px;box-shadow:0 0 0 45px #a78bfa07,0 0 0 95px #6cf2ff04}
.section-heading{grid-template-columns:1.2fr .6fr;gap:8%;align-items:end;padding:55px 0 48px}
.section-heading>p,.work-head>p{color:#aaa7bd;line-height:1.85;font-size:13px}
.service-list{border-top:1px solid #ffffff20;position:relative;z-index:1}
.service-item{border-color:#ffffff20;padding:28px 12px;grid-template-columns:55px 1fr 42px;transition:background .4s,padding .4s,border-radius .4s}
.service-item:hover{background:#ffffff08;border-radius:5px;padding-left:22px;padding-right:22px}
.service-no{color:#6cf2ff}.service-item h3{color:#f4f2ff;font-size:clamp(20px,2.3vw,30px)}.service-item p{color:#aaa7bd;font-size:12px;line-height:1.8}
.service-arrow{border-color:#ffffff40;color:#f4f2ff}.service-item:hover .service-arrow{background:#6cf2ff;border-color:#6cf2ff;color:#080711}
.service-note{color:#8d88a8}
.work{padding-top:120px;padding-bottom:120px;background:#080711}
.work-head{grid-template-columns:1fr .55fr;gap:8%;align-items:end;padding:55px 0 48px}
.work-grid{gap:48px 26px;align-items:start}
.project-visual{border-radius:3px;min-height:350px;box-shadow:0 20px 70px #0005;transition:transform .7s var(--ease-out),box-shadow .7s}
.project-large .project-visual{min-height:680px}
.visual-food{background-color:#4e365d;background-image:linear-gradient(140deg,#100d1b8c,#100d1b10),url('https://images.unsplash.com/photo-1555939594-58d7cb561ad1?auto=format&fit=crop&w=1600&q=85');background-position:center;background-size:cover}
.visual-food:before{background:linear-gradient(135deg,#100d1bc9 0%,#100d1b26 55%,#6cf2ff0d)}
.visual-stamp{color:#f6f1ff;text-shadow:0 5px 28px #0007}
.visual-type{background-color:#151126;background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1400&q=85');background-position:center;background-size:cover}
.visual-type:before{background:linear-gradient(135deg,#090711ed,#21163c85 60%,#6cf2ff24)}
.type-kicker{color:#6cf2ff}.visual-type strong{color:#f6f1ff}.visual-type strong span{color:#6cf2ff}
.type-circle{border-color:#ffffff80;background:#ffffff12;backdrop-filter:blur(12px)}
.type-logo{background:#f4f0df}
.visual-digital{background-color:#28204a;background-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1400&q=85');background-position:center;background-size:cover}
.visual-digital:before{background:#100d1b7d}
.browser-bar{background:#f3f0ff}.browser-content{background:#f3f0ffeF;color:#100d1b}.browser-content em{color:#7755dc}.browser-button{background:#100d1b;color:#f3f0ff}
.project-meta h3{color:#f4f2ff}.project-meta p{color:#aaa7bd}.project-type{color:#6cf2ff}
.fine-print{color:#77738f}
.project:hover .project-visual{box-shadow:0 35px 90px #0009,0 0 0 1px #a78bfa40;transform:translateY(-6px)}
.process{padding-top:110px;padding-bottom:120px;background:radial-gradient(ellipse at 82% 0%,#30204f 0%,#111020 43%,#080711 100%);color:#f4f2ff;overflow:hidden;position:relative}
.process:after{content:"RCS";position:absolute;right:-2%;bottom:-22%;font-size:clamp(180px,32vw,450px);font-weight:800;letter-spacing:-.1em;color:#ffffff04;pointer-events:none}
.process .section-label{color:#b2adc8;border-color:#ffffff22}
.process-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;padding-top:75px;align-items:start;position:relative;z-index:1}
.process-grid>h2{font-size:clamp(42px,6.4vw,82px);line-height:1.16;letter-spacing:-.075em;color:#f4f2ff;margin:0;overflow:visible;min-width:0;padding-bottom:.17em}
.process-grid>h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;background:linear-gradient(100deg,#6cf2ff,#a78bfa 70%,#ff9fda);background-clip:text;-webkit-background-clip:text;color:transparent;line-height:inherit;padding:0 .025em .08em 0}
.steps article{border-color:#ffffff20}.steps article>span{color:#6cf2ff}.steps h3{color:#f4f2ff}.steps p{color:#aaa7bd;line-height:1.85}
.contact{padding-top:120px;padding-bottom:120px;background:radial-gradient(ellipse at 12% 10%,#251b3c 0%,#100e1d 45%,#080711 100%);color:#f4f2ff;position:relative}
.contact .section-label{color:#aaa7bd;border-color:#ffffff22}
.contact h2{color:#f4f2ff;font-size:clamp(48px,6.4vw,86px);line-height:1.02;letter-spacing:-.075em}
.contact-copy>p:not(.overline){color:#aaa7bd;line-height:1.85}.contact .overline{color:#6cf2ff}
.contact-direct{gap:15px}.contact-direct a{color:#f4f2ff;font-size:12px}.contact-direct a:hover{color:#6cf2ff}.contact-direct span{color:#8d88a8;font-size:11px}
.enquiry-form{padding:clamp(22px,4vw,42px);background:#ffffff08;border:1px solid #ffffff1c;border-radius:4px;box-shadow:0 24px 80px #0004;backdrop-filter:blur(14px)}
.enquiry-form label{color:#aaa7bd;font-size:9px;letter-spacing:.1em}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:0;border-bottom:1px solid #ffffff2a;background:transparent;padding:13px 0;color:#f4f2ff;border-radius:0;outline:none}.enquiry-form select option{background:#100e1d;color:#f4f2ff}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#77738f}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:#6cf2ff;box-shadow:0 1px 0 #6cf2ff}
.button-light{background:#f4f2ff;color:#080711;border:1px solid #f4f2ff;border-radius:999px;padding:16px 22px;font-weight:800;transition:all .3s}.button-light:hover{background:#6cf2ff;border-color:#6cf2ff;color:#080711;transform:translateY(-3px);box-shadow:0 12px 30px #6cf2ff22}.sms-link{color:#6cf2ff}.form-note,.form-status{color:#8d88a8}
.site-footer{background:#05040b;color:#f4f2ff;padding:50px 8% 25px;border-top:1px solid #ffffff14}.footer-brand .brand-logo{mix-blend-mode:normal;background:#f4f0df;border-radius:2px}.footer-top{border-color:#ffffff20}.footer-top>p{color:#aaa7bd}.back-top{border-color:#ffffff35;color:#f4f2ff}.back-top:hover{background:#6cf2ff;color:#080711;border-color:#6cf2ff}.footer-bottom{color:#77738f}.footer-bottom a:hover{color:#6cf2ff}
.whatsapp-float{right:22px;bottom:22px;z-index:120;background:#f4f2ff;color:#080711;border:1px solid #6cf2ff;border-radius:999px;padding:14px 20px;box-shadow:0 12px 40px #0008;transition:transform .3s var(--ease-out),background .3s,color .3s}.whatsapp-float:hover{background:#6cf2ff;color:#080711;transform:translateY(-4px);box-shadow:0 0 32px #6cf2ff35}
.page-loader{background:#080711;color:#f4f2ff}.page-loader img{mix-blend-mode:normal;background:#f4f0df;padding:5px}.loader-track span{background:linear-gradient(90deg,#6cf2ff,#a78bfa,#ff9fda)}
.reveal{transform:translateY(28px);filter:none;transition:opacity .9s ease,transform .9s var(--ease-out)}.reveal.visible{transform:translateY(0)}
@keyframes rcsPulse{0%,100%{box-shadow:0 0 0 4px #6cf2ff16,0 0 15px #6cf2ff66}50%{box-shadow:0 0 0 10px #6cf2ff00,0 0 25px #6cf2ffbb}}
@keyframes rcsOrbFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-13px) rotate(3deg)}}
@keyframes rcsSlabFloat{0%,100%{transform:rotate(31deg) translateY(0)}50%{transform:rotate(34deg) translateY(-11px)}}
@media(max-width:1000px){.hero-copy{max-width:67%}.hero h1{font-size:clamp(62px,9vw,100px)}.hero-art{right:-2%;width:42%;opacity:.88}.art-disc{width:36vw;height:36vw}.section-wrap{padding-left:6%;padding-right:6%}.hero-foot{left:6%;right:6%}}
@media(max-width:760px){
 .site-header{height:74px;padding:0 6%}.brand-logo{width:110px;max-height:56px}.main-nav{background:#100e1df5;border-bottom:1px solid #ffffff20}.main-nav a{color:#f4f2ff}.nav-cta{padding:13px 18px}
 .hero{min-height:830px;padding-top:26px;padding-bottom:100px}.hero-topline{font-size:8px;letter-spacing:.12em}.hero-location{max-width:155px}.hero-copy{max-width:100%;padding-top:76px}.hero h1{font-size:clamp(59px,12.6vw,91px);line-height:.94;letter-spacing:-.085em}.hero-art{top:395px;right:-12%;width:75%;height:345px;opacity:.62}.art-disc{width:250px;height:250px;right:7%}.art-slab{width:145px;height:250px;right:28%}.art-caption,.art-side-note{display:none}.hero-bottom{max-width:390px;margin-top:24px}.hero-bottom p{font-size:13px;max-width:280px}.hero-foot{left:6%;right:6%;display:grid;grid-template-columns:1fr 1fr;row-gap:10px;font-size:8px}
 .intro{padding-top:85px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:28px;padding:45px 0 55px}.intro h2,.section-heading h2,.work-head h2{font-size:clamp(42px,10vw,66px)}.ticker{margin-left:-7%;width:114%;padding:16px 0}
 .services,.process{padding-top:80px;padding-bottom:85px}.section-heading,.work-head{grid-template-columns:1fr;gap:18px;padding:42px 0 34px}.service-item{grid-template-columns:32px 1fr 34px;gap:12px;padding:22px 5px}.service-item h3{font-size:21px}.service-item p{font-size:12px}.service-arrow{width:32px;height:32px}
 .work{padding-top:85px;padding-bottom:85px}.work-grid{grid-template-columns:1fr;gap:34px}.project-large{grid-row:auto}.project-large .project-visual{min-height:470px}.project-visual{min-height:300px}.visual-stamp{font-size:68px}
 .process-grid{grid-template-columns:1fr;gap:30px;padding-top:45px}.process-grid>h2{font-size:clamp(43px,10vw,66px);line-height:1.2;max-width:100%;padding-bottom:.2em}
 .contact{padding-top:85px;padding-bottom:85px}.contact-grid{grid-template-columns:1fr;gap:40px;padding-top:45px}.contact h2{font-size:clamp(50px,11vw,72px)}.enquiry-form{padding:23px 19px}.footer-top{gap:22px;flex-wrap:wrap}.footer-bottom{gap:14px;flex-wrap:wrap}.whatsapp-float{right:14px;bottom:14px;padding:12px 16px}
}
@media(max-width:420px){.hero{min-height:790px}.hero h1{font-size:clamp(51px,12.1vw,65px)}.hero-topline .hero-location{max-width:125px}.hero-copy{padding-top:66px}.hero-art{top:375px;right:-22%;opacity:.5}.hero-bottom{align-items:flex-start}.hero-foot{font-size:7px;letter-spacing:.1em}.section-label{font-size:8px;letter-spacing:.1em}.project-large .project-visual{min-height:410px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* CINEMATIC RCS LOGO INTRO — opening title sequence */
.page-loader{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;
  isolation:isolate;background:#05040b;color:#f4f2ff;opacity:1;visibility:visible;
  transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility .9s;
}
.page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.page-loader:before{
  content:"";position:absolute;inset:-30%;z-index:-3;
  background:radial-gradient(ellipse at 50% 47%,#282044 0%,#100d1d 33%,#05040b 68%);
  animation:introBgPulse 3.6s ease-in-out both;
}
.page-loader:after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.13;pointer-events:none;
  background-image:linear-gradient(#b7c8ff12 1px,transparent 1px),linear-gradient(90deg,#b7c8ff12 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 75%);
}
.intro-grid{position:absolute;inset:0;z-index:-2;opacity:0;background:linear-gradient(110deg,transparent 15%,#6cf2ff0b 50%,transparent 78%);animation:introGridIn 1.4s .15s ease forwards}
.intro-ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:0}
.intro-ambient-one{width:min(65vw,700px);aspect-ratio:1;left:-22%;top:-34%;background:radial-gradient(circle,#6cf2ff18,transparent 68%);animation:introAmbientIn 1.8s .1s ease forwards}
.intro-ambient-two{width:min(68vw,760px);aspect-ratio:1;right:-24%;bottom:-45%;background:radial-gradient(circle,#a78bfa24,transparent 68%);animation:introAmbientIn 1.8s .35s ease forwards}
.intro-stage{position:relative;width:min(580px,86vw);display:flex;flex-direction:column;align-items:center;perspective:1100px;padding:32px 0 18px}
.intro-orbit{position:absolute;left:50%;top:31%;width:120%;height:47%;border:1px solid #6cf2ff52;border-radius:50%;pointer-events:none;opacity:0;z-index:-1}
.intro-orbit-one{transform:translate(-50%,-50%) rotate(-22deg) scale(.72);animation:introOrbitOne 2.5s .25s cubic-bezier(.16,1,.3,1) forwards}
.intro-orbit-two{width:94%;height:64%;border-color:#a78bfa66;transform:translate(-50%,-50%) rotate(48deg) scale(.72);animation:introOrbitTwo 2.6s .35s cubic-bezier(.16,1,.3,1) forwards}
.intro-logo-frame{position:relative;width:min(470px,82vw);padding:0;background:#f4f0df;overflow:hidden;transform:translateY(28px) rotateX(10deg) scale(.88);opacity:0;box-shadow:0 0 0 1px #ffffff25,0 0 0 8px #ffffff05,0 22px 100px #6cf2ff12;animation:introLogoReveal 1.05s .28s cubic-bezier(.16,1,.3,1) forwards}
.intro-logo{display:block;width:100%;height:auto;mix-blend-mode:multiply;position:relative;z-index:1}
.intro-light-sweep{position:absolute;inset:-20% auto -20% -50%;width:28%;z-index:2;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffffbb,transparent);filter:blur(4px);animation:introLightSweep 1.2s 1.05s ease-in-out forwards}
.intro-corner{position:absolute;width:17px;height:17px;border-color:#6cf2ff;border-style:solid;z-index:3;opacity:0;animation:introCornerIn .45s 1.1s ease forwards}
.intro-corner-tl{top:9px;left:9px;border-width:1px 0 0 1px}.intro-corner-tr{top:9px;right:9px;border-width:1px 1px 0 0}.intro-corner-bl{bottom:9px;left:9px;border-width:0 0 1px 1px}.intro-corner-br{bottom:9px;right:9px;border-width:0 1px 1px 0}
.intro-wordmark{margin-top:30px;display:flex;align-items:center;gap:9px;color:#f4f2ff;font-size:clamp(13px,2vw,17px);font-weight:800;letter-spacing:.24em;opacity:0;transform:translateY(12px);animation:introTextReveal .7s .82s ease forwards}
.intro-wordmark span{font-weight:500;color:#aaa7bd;letter-spacing:.17em}
.intro-tagline{margin-top:10px;color:#6cf2ff;font-size:9px;letter-spacing:.42em;padding-left:.42em;opacity:0;transform:translateY(8px);animation:introTextReveal .65s 1.02s ease forwards}
.intro-tagline i{font-style:normal;color:#a78bfa;padding:0 5px}
.intro-loader-track{width:120px;height:1px;margin-top:27px;background:#ffffff25;overflow:hidden;opacity:0;animation:introTextReveal .4s 1.1s ease forwards}
.intro-loader-track span{display:block;height:100%;width:100%;transform:translateX(-101%);background:linear-gradient(90deg,#6cf2ff,#a78bfa,#ff9fda);animation:introProgress 1.45s 1.15s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 14px #6cf2ff99}
.intro-index{position:absolute;bottom:30px;color:#77738f;font-size:8px;letter-spacing:.22em;opacity:0;animation:introTextReveal .6s .9s ease forwards}
.intro-index-left{left:5vw}.intro-index-right{right:5vw;text-align:right}
.page-loader.is-done .intro-stage{animation:introExit .55s cubic-bezier(.7,0,.84,0) forwards}
.page-loader.is-done .intro-ambient{opacity:0;transition:opacity .4s}
@keyframes introLogoReveal{0%{opacity:0;transform:translateY(28px) rotateX(10deg) scale(.88);filter:blur(8px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}
@keyframes introLightSweep{0%{left:-50%}100%{left:135%}}
@keyframes introCornerIn{to{opacity:1}}
@keyframes introTextReveal{to{opacity:1;transform:translateY(0)}}
@keyframes introProgress{to{transform:translateX(0)}}
@keyframes introOrbitOne{0%{opacity:0;transform:translate(-50%,-50%) rotate(-22deg) scale(.72)}35%{opacity:.75}100%{opacity:.45;transform:translate(-50%,-50%) rotate(-14deg) scale(1)}}
@keyframes introOrbitTwo{0%{opacity:0;transform:translate(-50%,-50%) rotate(48deg) scale(.72)}40%{opacity:.65}100%{opacity:.28;transform:translate(-50%,-50%) rotate(58deg) scale(1)}}
@keyframes introBgPulse{0%{transform:scale(.92);opacity:.65}100%{transform:scale(1.08);opacity:1}}
@keyframes introGridIn{to{opacity:1}}
@keyframes introAmbientIn{to{opacity:1}}
@keyframes introExit{to{opacity:0;transform:translateY(-12px) scale(1.03);filter:blur(3px)}}
@media(max-width:600px){
 .intro-stage{width:92vw}.intro-logo-frame{width:min(430px,88vw)}.intro-wordmark{font-size:12px;letter-spacing:.15em;gap:6px}.intro-wordmark span{letter-spacing:.09em}.intro-tagline{font-size:8px;letter-spacing:.28em}.intro-index{font-size:6px;letter-spacing:.12em;bottom:16px}.intro-index-left{left:4vw}.intro-index-right{right:4vw}.intro-orbit{width:112%}
}
@media(prefers-reduced-motion:reduce){.page-loader{display:none!important}.intro-stage,.intro-logo-frame,.intro-wordmark,.intro-tagline,.intro-loader-track,.intro-index,.intro-orbit,.intro-ambient{animation:none!important;opacity:1!important;transform:none!important}}


/* Transparent logo in cinematic intro — remove the cream rectangular tile */
.intro-logo-frame{
  background:transparent!important;
  border:0!important;
  box-shadow:0 0 0 1px #ffffff12,0 0 55px #6cf2ff12,0 24px 90px #00000022!important;
  overflow:visible!important;
  isolation:isolate;
}
.intro-logo-frame::before{
  content:"";position:absolute;inset:-12%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse at center,#6cf2ff0d 0%,#a78bfa08 36%,transparent 72%);
  filter:blur(14px);pointer-events:none;
}
.intro-logo{mix-blend-mode:normal!important;filter:drop-shadow(0 0 8px #6cf2ff28);}


/* LOGO INTRO REFINEMENT — transparent artwork, no cream tile or duplicate text */
.page-loader{background:radial-gradient(ellipse at 50% 42%,#19162b 0%,#0b0a16 48%,#05050b 100%);overflow:hidden}
.intro-stage{width:min(760px,90vw);gap:0;padding:28px 0 20px}
.intro-logo-frame{
  width:min(650px,84vw);
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
  transform:translateY(28px) scale(.94);
}
.intro-logo{
  width:100%;
  height:auto;
  display:block;
  mix-blend-mode:normal;
  filter:drop-shadow(0 0 18px #6cf2ff12);
}
.intro-light-sweep{inset:-10% auto -10% -50%;width:22%;filter:blur(8px);background:linear-gradient(90deg,transparent,#ffffffa8,transparent)}
.intro-corner{display:none}
.intro-loader-track{margin-top:32px;width:104px}
.intro-index{color:#77738f;font-size:8px}
@media(max-width:700px){
  .intro-stage{width:92vw;padding:16px 0}
  .intro-logo-frame{width:min(88vw,520px)}
  .intro-loader-track{margin-top:25px}
  .intro-index{font-size:6px;letter-spacing:.12em;bottom:18px}
}


/* Original-logo intro: preserve the supplied logo artwork and its cream background. */
.page-loader{background:radial-gradient(ellipse at 50% 42%,#fffdf5 0%,#f4f0df 62%,#e8e1cd 100%)!important;color:#103d2d!important}
.page-loader:after{opacity:.08;background-image:linear-gradient(#174c3710 1px,transparent 1px),linear-gradient(90deg,#174c3710 1px,transparent 1px);background-size:64px 64px}
.intro-grid{background:linear-gradient(110deg,transparent 15%,#174c3708 50%,transparent 78%)}
.intro-ambient-one{background:radial-gradient(circle,#b9d2bf35,transparent 68%)}
.intro-ambient-two{background:radial-gradient(circle,#d7c68a30,transparent 68%)}
.intro-orbit-one{border-color:#174c3728}
.intro-orbit-two{border-color:#b69c5838}
.intro-logo-frame{width:min(650px,84vw)!important;background:#f4f0df!important;box-shadow:0 22px 70px #173c2a18,0 0 0 1px #174c3712!important;overflow:hidden!important;border:0!important}
.intro-logo{mix-blend-mode:normal!important;filter:none!important}
.intro-light-sweep{background:linear-gradient(90deg,transparent,#ffffffa0,transparent)!important}
.intro-loader-track{background:#174c3726!important}
.intro-loader-track span{background:linear-gradient(90deg,#174c37,#b59a57)!important;box-shadow:0 0 12px #b59a5740!important}
.intro-index{color:#557064!important}
@media(max-width:700px){.intro-logo-frame{width:min(90vw,520px)!important}}


/* Supplied original RCS logo: transparent PNG with original dark-green artwork. */
.brand-logo{background:#f4f0df!important;padding:4px 7px;border-radius:2px;mix-blend-mode:normal!important;object-fit:contain}
.footer-brand .brand-logo{background:#f4f0df!important;padding:5px 8px}
.type-logo{background:#f4f0df!important;padding:3px;object-fit:contain}
.intro-logo-frame{background:#f4f0df!important;overflow:hidden!important;border-radius:1px}
.intro-logo{mix-blend-mode:normal!important;filter:none!important}

/* FINAL FIX: intro uses the supplied transparent original logo without a wide cream tile.
   Keep the background itself warm ivory so the original dark-green artwork remains legible. */
.page-loader{
  background:radial-gradient(ellipse at 50% 42%, #fffdf6 0%, #f4f0df 68%, #e9e2cf 100%) !important;
  color:#103d2d !important;
}
.page-loader:before{
  background:radial-gradient(ellipse at 50% 47%, #ffffff 0%, #f4f0df 50%, #e9e2cf 100%) !important;
}
.page-loader:after{
  opacity:.12 !important;
  background-image:linear-gradient(#174c370d 1px,transparent 1px),linear-gradient(90deg,#174c370d 1px,transparent 1px) !important;
  background-size:64px 64px !important;
}
.intro-grid{background:linear-gradient(110deg,transparent 15%,#174c3708 50%,transparent 78%) !important;}
.intro-ambient-one{background:radial-gradient(circle,#b9d2bf28,transparent 68%) !important;}
.intro-ambient-two{background:radial-gradient(circle,#d7c68a24,transparent 68%) !important;}
.intro-orbit-one{border-color:#174c3720 !important;}
.intro-orbit-two{border-color:#b69c5828 !important;}
.intro-logo-frame{
  width:min(650px,84vw) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  padding:0 !important;
}
.intro-logo{
  width:100% !important;
  height:auto !important;
  display:block !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter:drop-shadow(0 8px 18px #174c3710) !important;
  object-fit:contain !important;
}
.intro-light-sweep{background:linear-gradient(90deg,transparent,#ffffffbb,transparent) !important;}
.intro-loader-track{background:#174c3726 !important;}
.intro-loader-track span{background:linear-gradient(90deg,#174c37,#b59a57) !important;box-shadow:0 0 12px #b59a5740 !important;}
.intro-index{color:#557064 !important;}
.brand-logo{background:#f4f0df!important;padding:4px 7px;border-radius:2px;}
@media(max-width:700px){.intro-logo-frame{width:min(90vw,520px)!important;}}


/* Expandable service details */
.service-item{align-items:start}
.service-copy{min-width:0}
.service-arrow{cursor:pointer;background:transparent;font:inherit;line-height:1;color:inherit;flex-shrink:0}
.service-arrow[aria-expanded="true"]{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:var(--bg)}
.service-details{padding:18px 0 8px;max-width:720px;animation:serviceReveal .32s ease both}
.service-details[hidden]{display:none}
.service-detail-lead{font-size:14px!important;line-height:1.75!important;max-width:650px;color:var(--text)!important;margin:0 0 12px!important}
.service-details ul{display:grid;gap:8px;margin:0 0 20px;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}
.service-details li::marker{color:var(--accent)}
.service-detail-cta{display:inline-flex;align-items:center;gap:18px;padding:10px 14px;border:1px solid var(--accent);border-radius:999px;color:var(--text);font-size:12px;text-decoration:none;transition:background .2s,color .2s}
.service-detail-cta:hover{background:var(--accent);color:var(--bg)}
.service-detail-cta span{font-size:17px}
@keyframes serviceReveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.service-details{animation:none}}

/* Final accessibility polish: comfortable service-arrow targets on touch screens. */
@media(max-width:760px){.service-item{grid-template-columns:32px minmax(0,1fr) 42px;gap:12px}.service-arrow{width:42px;height:42px;min-width:42px;min-height:42px}}


/* ROHITH CREATIVE STUDIO — BRAND THEME
   Palette derived from the supplied original logo: ivory, forest green, muted gold.
   This override replaces the previous navy/cyan/purple theme throughout the website. */
:root{
  --bg:#F7F1E3;
  --panel:#EEE7D7;
  --text:#103D2D;
  --muted:#667568;
  --line:#D8D0BF;
  --accent:#174C37;
  --ink:#F7F1E3;
  --laser:#B59A57;
  --serif:Georgia,'Times New Roman',serif;
}
html{background:#F7F1E3;scroll-behavior:smooth}
body{
  background:#F7F1E3!important;
  color:#103D2D!important;
  background-image:radial-gradient(ellipse at 80% 0%,#E8E1CD 0,transparent 32%),radial-gradient(ellipse at 0% 35%,#FFFFFF 0,transparent 30%)!important;
}
::selection{background:#B59A57;color:#103D2D}
.site-header,.site-header.is-scrolled{
  background:#F7F1E3F2!important;
  color:#103D2D!important;
  border-bottom:1px solid #D8D0BF!important;
  box-shadow:0 8px 30px #174C370B;
}
.main-nav{color:#365444!important}
.nav-cta{border-color:#C6BEAD!important;color:#103D2D!important}
.nav-cta span,.hero-primary span{color:#B59A57}
.nav-cta:hover,.round-link:hover,.service-item:hover .service-arrow,.back-top:hover{
  background:#174C37!important;color:#F7F1E3!important;border-color:#174C37!important;
}
.hero,.intro,.work,.contact,.services,.process,.site-footer{
  background-color:#F7F1E3;
}
.hero{background:transparent!important}
.intro{background:#EEE7D7!important;color:#103D2D!important}
.services{background:linear-gradient(135deg,#F7F1E3,#EEE7D7)!important;color:#103D2D!important}
.work{background:#174C37!important;color:#F7F1E3!important}
.work .section-label,.work .work-head>p,.work .project-meta,.work .work-card p{color:#D6DDCF!important}
.work .work-head h2 em,.work .section-heading h2 em{background:linear-gradient(100deg,#D8C58E,#B59A57)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.process{background:radial-gradient(ellipse at 85% 0%,#365C48 0%,#174C37 52%,#103D2D 100%)!important;color:#F7F1E3!important}
.process .section-label,.process p,.process .process-step p{color:#D7E0D5!important}
.process-grid>h2 em{background:linear-gradient(100deg,#D8C58E,#B59A57)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.contact{background:linear-gradient(135deg,#F7F1E3,#EEE7D7)!important;color:#103D2D!important}
.site-footer{background:#103D2D!important;color:#F7F1E3!important}
.site-footer .footer-top>p,.site-footer .footer-bottom,.site-footer .back-top{color:#D7E0D5!important}
.site-footer .back-top{border-color:#B59A57!important}
.ticker{background:#174C37!important;color:#F7F1E3!important;border-color:#174C37!important}
.hero h1,.contact h2,.intro h2,.section-heading h2,.work-head h2,.process h2{color:inherit}
.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em{
  color:#174C37;
}
.work .work-head h2 em{color:#D8C58E!important}
.hero-primary,.button-light{
  background:#174C37!important;color:#F7F1E3!important;border-color:#174C37!important;
  box-shadow:0 10px 26px #174C3718;
}
.hero-primary:hover,.button-light:hover{
  background:#B59A57!important;color:#103D2D!important;border-color:#B59A57!important;
}
.art-disc{background:radial-gradient(circle at 27% 20%,#557D63 0%,#174C37 45%,#103D2D 82%)!important;box-shadow:inset -24px -25px 45px #103D2D55,0 24px 65px #174C3718!important}
.art-slab{background:linear-gradient(105deg,#FFFFFF 0%,#F7F1E3 34%,#E7DEC9 70%,#D8D0BF 100%)!important;mix-blend-mode:normal!important}
.art-orbit{border-color:#B59A5766!important}
.orbit-two{border-color:#174C3733!important}
.art-core{background:radial-gradient(circle at 28% 22%,#FFF8DF,#D8C58E 52%,#B59A57)!important;box-shadow:0 0 0 14px #B59A5718,0 0 45px #B59A5738!important}
.art-caption{background:#174C37!important;color:#F7F1E3!important;border-left-color:#B59A57!important}
.hero-foot{border-top-color:#D8D0BF!important;background:linear-gradient(180deg,transparent,#F7F1E3D9)!important;color:#667568!important}
.service-item:before,.scroll-progress span{background:linear-gradient(180deg,#174C37,#B59A57)!important}
.service-arrow{border-color:#BEB6A5!important;color:#174C37!important}
.service-arrow[aria-expanded=true]{background:#174C37!important;color:#F7F1E3!important}
.visual-type{background-color:#174C37!important}
.visual-type:before{background:linear-gradient(135deg,#103D2DE8,#174C3766)!important}
.visual-food:before{background:linear-gradient(90deg,#103D2DC7 0%,#103D2D40 54%,transparent 100%)!important}
.visual-digital:before{background:#103D2D66!important}
.project-visual:after{background:linear-gradient(180deg,#103D2D00 45%,#103D2D70 100%)!important}
.enquiry-form{background:#FFFCF4!important;border-color:#D8D0BF!important;box-shadow:0 24px 70px #174C370B!important}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{color:#103D2D!important;border-bottom-color:#D8D0BF!important}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-bottom-color:#174C37!important}
.whatsapp-float{background:#174C37!important;color:#F7F1E3!important;border-color:#B59A57!important;box-shadow:0 12px 32px #174C3728!important}
.whatsapp-float:hover{background:#B59A57!important;color:#103D2D!important;border-color:#B59A57!important}
.brand-logo{
  background:transparent!important;padding:0!important;border-radius:0!important;
  mix-blend-mode:normal!important;object-fit:contain!important;max-height:58px!important;
}
.footer-brand .brand-logo{width:clamp(180px,22vw,260px)!important;max-height:110px!important}
.type-logo{background:transparent!important;padding:0!important;object-fit:contain!important}
.intro-logo-frame{background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
.intro-logo{background:transparent!important;mix-blend-mode:normal!important;filter:drop-shadow(0 8px 18px #174C3710)!important}
.page-loader{
  background:radial-gradient(ellipse at 50% 42%,#FFFCF4 0%,#F7F1E3 66%,#E8E1CD 100%)!important;
  color:#103D2D!important;
}
.page-loader:before{background:radial-gradient(ellipse at 50% 47%,#FFFFFF 0%,#F7F1E3 50%,#E8E1CD 100%)!important}
.page-loader:after{opacity:.1!important;background-image:linear-gradient(#174C370D 1px,transparent 1px),linear-gradient(90deg,#174C370D 1px,transparent 1px)!important}
.intro-grid{background:linear-gradient(110deg,transparent 15%,#174C3708 50%,transparent 78%)!important}
.intro-ambient-one{background:radial-gradient(circle,#B9D2BF35,transparent 68%)!important}
.intro-ambient-two{background:radial-gradient(circle,#D7C68A30,transparent 68%)!important}
.intro-orbit-one{border-color:#174C3728!important}
.intro-orbit-two{border-color:#B59A5738!important}
.intro-loader-track{background:#174C3726!important}
.intro-loader-track span,.loader-track span{background:linear-gradient(90deg,#174C37,#B59A57)!important;box-shadow:0 0 12px #B59A5740!important}
.intro-index{color:#557064!important}
.cursor-dot{background:#B59A57!important}
@media(max-width:700px){
  .brand-logo{width:clamp(130px,42vw,185px)!important;max-height:48px!important}
  .footer-brand .brand-logo{width:min(76vw,230px)!important;max-height:96px!important}
  .hero-art{opacity:.3}
}

/* Final palette normalization for any legacy hard-coded accent gradients. */
.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em{
  background:linear-gradient(100deg,#174C37 0%,#557D63 58%,#B59A57 100%)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  color:transparent!important;
}
.work .hero h1 em,.work .intro h2 em,.work .section-heading h2 em,.work .work-head h2 em,
.process h2 em{background:linear-gradient(100deg,#D8C58E,#B59A57)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.hero-proof i{background:#B59A57!important}

/* Accessibility and full-page text visibility pass — ivory / forest / gold brand theme */
.services,
.services .section-heading,
.services .section-heading h2,
.services .section-heading h2 em,
.services .service-item,
.services .service-item h3,
.services .service-copy,
.services .service-item .service-detail-lead,
.services .service-item .service-details li,
.services .service-item .service-details a,
.services .service-note {
  color: #103D2D !important;
}
.services .section-heading h2 em {
  background: linear-gradient(100deg,#174C37 0%,#557D63 58%,#B59A57 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.services .service-item p,
.services .service-item .service-details p,
.services .service-item .service-details li,
.services .service-note,
.services .section-heading > p {
  color: #53675A !important;
}
.services .service-no,
.services .service-arrow,
.services .service-details a span {
  color: #174C37 !important;
}
.services .service-arrow {
  border-color: #BEB6A5 !important;
  background: #F7F1E3 !important;
}
.services .service-item:hover .service-arrow,
.services .service-arrow[aria-expanded="true"] {
  background: #174C37 !important;
  color: #F7F1E3 !important;
  border-color: #174C37 !important;
}
.services .service-item,
.services .service-list,
.services .service-item h3,
.services .service-item p {
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}
.services .service-details[hidden] { display: none !important; }
.services .service-details:not([hidden]) { display: block !important; }

/* Preserve readable contrast in the intentional dark portfolio/process/footer panels. */
.work, .work .section-label, .work .work-head h2, .work .project-meta h3,
.work .project-meta p, .work .project-type, .work .fine-print {
  color: #F7F1E3 !important;
}
.work .work-head h2 em { color: #D8C58E !important; -webkit-text-fill-color: #D8C58E !important; }
.process, .process .section-label, .process .process-grid > h2,
.process .steps h3, .process .steps p { color: #F7F1E3 !important; }
.process .steps p, .process .section-label { color: #D7E0D5 !important; }
.contact, .contact .section-label, .contact .contact-copy,
.contact .contact-copy > p:not(.overline), .contact .contact-direct a,
.contact .contact-direct span, .contact .enquiry-form label,
.contact .enquiry-form input, .contact .enquiry-form select,
.contact .enquiry-form textarea, .contact .form-note, .contact .form-status {
  color: #103D2D !important;
}
.contact .section-label { color: #53675A !important; }
.contact .enquiry-form input::placeholder,
.contact .enquiry-form textarea::placeholder { color: #68776B !important; opacity: 1 !important; }
.contact .enquiry-form select option { background: #FFFCF4 !important; color: #103D2D !important; }
.site-footer, .site-footer .footer-bottom, .site-footer .footer-top > p,
.site-footer .footer-bottom a, .site-footer .back-top { color: #F7F1E3 !important; }
.site-footer .footer-top > p, .site-footer .footer-bottom { color: #D7E0D5 !important; }

/* Prevent clipped text and keep readable line spacing on smaller screens. */
h1, h2, h3, p, a, label, button, li, .section-label, .service-item {
  overflow-wrap: anywhere;
  text-overflow: clip;
}
.hero h1, .intro h2, .section-heading h2, .work-head h2, .process h2, .contact h2,
.service-item h3, .service-item p, .steps h3, .steps p {
  overflow: visible !important;
  max-height: none !important;
}
@media (max-width: 760px) {
  .section-wrap { padding-left: 6%; padding-right: 6%; }
  .services .section-heading { align-items: flex-start; }
  .services .section-heading h2 { font-size: clamp(38px, 10vw, 58px); line-height: 1.08; }
  .services .service-item { grid-template-columns: 28px minmax(0,1fr) 38px; gap: 10px; padding: 22px 0; }
  .services .service-item h3 { font-size: clamp(19px, 5.3vw, 24px); line-height: 1.25; letter-spacing: -.5px; }
  .services .service-item p { font-size: 13px; line-height: 1.65; }
  .services .service-note { font-size: 12px; line-height: 1.65; }
  .contact .contact-grid { grid-template-columns: minmax(0,1fr); gap: 36px; }
  .contact .enquiry-form { min-width: 0; }
}


/* FINAL LOGO REPLACEMENT: use the user's transparent original artwork with no cream rectangle. */
.brand-logo, .footer-brand .brand-logo, .type-logo, .intro-logo {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  mix-blend-mode: normal !important;
  object-fit: contain !important;
}
.intro-logo-frame {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}


/* FINAL CONTRAST FIX — logo variants and navigation visibility */
.site-header .main-nav a:not(.nav-cta),
.site-header .main-nav a:not(.nav-cta):visited {
  color: #174C37 !important;
  -webkit-text-fill-color: #174C37 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}
.site-header .main-nav .nav-cta,
.site-header .main-nav .nav-cta:visited {
  color: #174C37 !important;
  -webkit-text-fill-color: #174C37 !important;
  opacity: 1 !important;
  border-color: #BEB6A5 !important;
}
.site-header .brand-logo {
  background: #F7F1E3 !important;
  padding: 5px 8px !important;
  border-radius: 2px !important;
  opacity: 1 !important;
  filter: none !important;
}
.site-footer .footer-logo-light {
  background: transparent !important;
  padding: 0 !important;
  filter: drop-shadow(0 1px 5px #00000018) !important;
}
.visual-type .type-circle {
  background: #174C37 !important;
  border-color: #F7F1E3A0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
.visual-type .type-logo {
  width: 58% !important; height: 58% !important;
  max-width: 112px !important; max-height: 112px !important;
  object-fit: contain !important; background: transparent !important;
  padding: 0 !important; opacity: 1 !important;
}
/* Navigation contrast remains strong on desktop and mobile menu panels. */
@media (max-width: 760px) {
  .main-nav a:not(.nav-cta), .main-nav a:not(.nav-cta):visited {
    color: #F7F1E3 !important; -webkit-text-fill-color: #F7F1E3 !important;
  }
  .main-nav .nav-cta, .main-nav .nav-cta:visited {
    color: #F7F1E3 !important; -webkit-text-fill-color: #F7F1E3 !important;
  }
}


/* FINAL INTRO CLARITY PASS — high-resolution transparent original logo */
.page-loader .intro-logo-frame{
  width:min(760px,88vw)!important;
  max-width:760px!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:translateY(16px) scale(.985);
  opacity:0;
  animation:rcsSharpLogoReveal .95s .12s cubic-bezier(.16,1,.3,1) forwards!important;
}
.page-loader .intro-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:42vh;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  image-rendering:auto;
  opacity:1!important;
}
.page-loader .intro-logo-frame::before{display:none!important}
.page-loader .intro-light-sweep{display:none!important}
.page-loader .intro-corner{display:none!important}
.page-loader .intro-stage{width:min(800px,92vw)!important;padding:16px 0!important;gap:0!important}
.page-loader .intro-orbit{pointer-events:none}
@keyframes rcsSharpLogoReveal{
  0%{opacity:0;transform:translateY(16px) scale(.985);filter:none}
  100%{opacity:1;transform:translateY(0) scale(1);filter:none}
}
@media(max-width:700px){
  .page-loader .intro-stage{width:92vw!important;padding:12px 0!important}
  .page-loader .intro-logo-frame{width:90vw!important;max-width:600px!important}
  .page-loader .intro-logo{max-height:34vh}
}
@media(prefers-reduced-motion:reduce){
  .page-loader .intro-logo-frame{animation:none!important;opacity:1!important;transform:none!important}
}

/* RCS DIGITAL GROWTH THEME — analytics, social and performance creative */
:root{--bg:#071321;--panel:#0e2032;--text:#f1f7fa;--muted:#9bb0c1;--line:#24394a;--accent:#29e6d2;--gold:#c7ff63;--ink:#071321;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}
html{background:#071321}body{background:radial-gradient(ellipse at 82% 10%,#123a4c 0,transparent 33%),radial-gradient(ellipse at 12% 35%,#10263b 0,transparent 35%),#071321;color:var(--text)}
::selection{background:#29e6d2;color:#071321}.site-header{background:#071321eF;border-bottom:1px solid #294051;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.site-header.is-scrolled{background:#071321f5;box-shadow:0 8px 30px #0005}.brand{display:flex;align-items:center}.brand-logo{width:150px;max-height:60px;padding:5px 9px;background:#f6f1e6;border-radius:5px;mix-blend-mode:normal;object-fit:contain}.footer-brand .brand-logo{width:220px;max-height:90px}.main-nav{color:#e6f2f6}.main-nav a:not(.nav-cta):hover,.footer-bottom a:hover{color:#29e6d2}.nav-cta{border-color:#426075;color:#f4f9fa}.nav-cta:hover{background:#29e6d2;color:#071321;border-color:#29e6d2}.menu-toggle span{background:#f1f7fa}.hero{min-height:min(850px,calc(100svh - 86px));padding-top:30px}.hero-topline,.section-label,.hero-foot{color:#9bb0c1}.status-dot{background:#c7ff63;box-shadow:0 0 16px #c7ff6380}.hero-copy{max-width:59%;padding-top:clamp(75px,10vh,130px)}.overline{color:#29e6d2}.hero h1{font-size:clamp(66px,8.7vw,132px);line-height:.92;letter-spacing:-.085em;color:#f4f8fa}.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em,.inspiration-heading h2 em{background:linear-gradient(100deg,#29e6d2 5%,#8ef2ce 55%,#c7ff63 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom p,.intro-text p,.section-heading>p,.work-head>p,.service-item p,.service-note,.process .steps p,.contact-copy>p:not(.overline),.inspiration-heading>p{color:#afc0cc}.round-link{border-color:#577082;color:#f2f7fa}.round-link:hover{background:#29e6d2;color:#071321}.hero-proof{color:#a9bbc8}.hero-proof i{background:#c7ff63}.hero-foot{border-top-color:#2a4050}.scroll-note{color:#29e6d2}.ticker{border-color:#294051;color:#d8e5eb}.ticker span{color:#29e6d2}.section-label{border-color:#294051}.intro,.services,.work,.process,.contact,.inspiration{position:relative}.intro h2,.section-heading h2,.work-head h2,.process h2,.inspiration-heading h2{color:#f2f7fa}.service-item{border-top-color:#294051}.service-item:last-child{border-bottom-color:#294051}.service-no{color:#29e6d2}.service-item h3{color:#f0f6f8}.service-item:before{background:linear-gradient(90deg,#29e6d20d,transparent)}.service-arrow{border-color:#3d5a6c;color:#29e6d2;background:transparent}.service-arrow:hover{background:#29e6d2;color:#071321;border-color:#29e6d2}.service-details{color:#d5e2e9}.service-details li::marker{color:#29e6d2}.service-detail-cta,.text-link{color:#29e6d2}.project-meta h3{color:#f0f6f8}.project-meta p,.project-type,.fine-print{color:#9bb0c1}.visual-type{background:#10243a}.visual-type strong span,.visual-type strong{color:#f5f7fa}.visual-type strong span,.visual-type strong>span{color:#29e6d2}.visual-digital{background:#10243a}.browser-content{background:#e7f5f2;color:#071321}.browser-content span em{color:#087c80}.process .steps article{border-top-color:#294051}.process .steps article>span{color:#29e6d2}.contact{background:linear-gradient(145deg,#0b1b2b,#0d2637);border-top:1px solid #294051;border-bottom:1px solid #294051}.contact:before{border-color:#29e6d21a;box-shadow:0 0 0 25px #29e6d208,0 0 0 55px #29e6d205}.contact-direct a{color:#dcebf0}.contact-direct a:hover{color:#29e6d2}.contact-direct span{color:#91a9b8}.enquiry-form{background:#102235;border-color:#29495d;box-shadow:0 20px 60px #0002}.enquiry-form label{color:#b9cbd5}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{color:#f2f7fa;border-bottom-color:#3b5668;background:transparent}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:#8098a9}.enquiry-form select option{background:#102235;color:#f2f7fa}.button-light,.hero-primary{background:#29e6d2;color:#071321;border-color:#29e6d2}.button-light:hover,.hero-primary:hover{background:#c7ff63;border-color:#c7ff63;color:#071321}.sms-link{color:#29e6d2}.form-note,.form-status{color:#9bb0c1}.site-footer{background:#050d17;color:#eaf3f7;border-top:1px solid #24394a}.footer-top>p{color:#b0c3ce}.back-top,.footer-bottom{color:#9bb0c1}.footer-bottom a{color:#dbe8ed}.whatsapp-float{background:#29e6d2;color:#071321;border:1px solid #29e6d2;box-shadow:0 10px 40px #0004}.whatsapp-float:hover{background:#c7ff63;border-color:#c7ff63}.page-loader{background:#071321;color:#f2f7fa}.page-loader .intro-grid{opacity:.25}.page-loader .intro-orbit{border-color:#29e6d255}.page-loader .intro-logo-frame{background:#f6f1e6;padding:12px 20px;border-radius:6px;box-shadow:0 0 60px #29e6d21a}.page-loader .intro-logo{mix-blend-mode:multiply}.page-loader .intro-index{color:#9bb0c1}.intro-loader-track{background:#294051}.intro-loader-track span{background:#29e6d2}.scroll-progress span{background:linear-gradient(90deg,#29e6d2,#c7ff63);box-shadow:0 0 10px #29e6d266}.cursor-glow{background:radial-gradient(circle,#29e6d212 0,transparent 68%)}.cursor-dot{background:#c7ff63}
/* Animated digital-marketing dashboard hero */
.marketing-art{width:44%;height:520px;right:1%;top:125px;overflow:visible;opacity:1;isolation:isolate}.marketing-art:before{content:"";position:absolute;width:420px;height:420px;right:0;top:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1d5264 0,#103044 46%,#091927 75%);border:1px solid #29e6d244;box-shadow:inset 0 0 60px #29e6d21a,0 35px 90px #0005;animation:dashboardFloat 8s ease-in-out infinite}.marketing-orbit{position:absolute;border:1px solid #29e6d24d;border-radius:50%;z-index:-1;pointer-events:none}.marketing-orbit-a{width:570px;height:210px;right:-70px;top:110px;transform:rotate(-26deg);animation:orbitDrift 14s linear infinite}.marketing-orbit-b{width:430px;height:520px;right:-8px;top:-25px;transform:rotate(34deg);border-color:#c7ff6333;animation:orbitDrift 18s linear infinite reverse}.glass-card{position:absolute;background:linear-gradient(145deg,#142f43ed,#0a1c2beF);border:1px solid #7eddd83b;box-shadow:0 22px 60px #0005,inset 0 1px #ffffff12;backdrop-filter:blur(14px);border-radius:16px;color:#f2f7fa}.growth-card{width:min(390px,95%);right:4%;top:78px;padding:22px 23px 16px;transform:rotate(-3deg);animation:cardFloat 7s ease-in-out infinite}.card-top{display:flex;justify-content:space-between;align-items:center;color:#9db5c3;font-size:9px;letter-spacing:1.3px}.card-top b{font-size:8px;color:#c7ff63;border:1px solid #c7ff6355;border-radius:20px;padding:4px 8px}.metric-row{display:flex;align-items:center;gap:13px;margin-top:17px}.metric-row strong{font-family:var(--display);font-size:42px;letter-spacing:-2px;color:#f4fbfc}.metric-row span{font-size:10px;line-height:1.4;color:#9db5c3}.growth-chart{display:block;width:100%;margin-top:10px;overflow:visible}.chart-line{stroke-dasharray:500;stroke-dashoffset:500;animation:drawChart 2.2s .5s ease-out forwards}.chart-labels{display:flex;justify-content:space-between;color:#7894a4;font-size:8px;letter-spacing:1px}.social-card{width:270px;left:-4%;bottom:66px;padding:17px;display:flex;align-items:center;gap:12px;transform:rotate(4deg);animation:cardFloat 8s 1s ease-in-out infinite reverse}.social-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#29e6d2,#c7ff63);color:#071321;font-size:23px}.social-card small{display:block;font-size:8px;color:#9db5c3;letter-spacing:.8px}.social-card strong{display:block;font-size:20px;color:#f4fbfc}.social-card strong i{font-size:9px;font-style:normal;color:#c7ff63}.mini-bars{height:35px;display:flex;align-items:end;gap:3px;margin-left:auto}.mini-bars i{display:block;width:4px;border-radius:4px;background:#29e6d2;animation:barPulse 1.2s ease-in-out infinite alternate}.mini-bars i:nth-child(1){height:30%}.mini-bars i:nth-child(2){height:55%;animation-delay:.1s}.mini-bars i:nth-child(3){height:40%;animation-delay:.2s}.mini-bars i:nth-child(4){height:75%;animation-delay:.3s}.mini-bars i:nth-child(5){height:58%;animation-delay:.4s}.mini-bars i:nth-child(6){height:90%;animation-delay:.5s}.mini-bars i:nth-child(7){height:100%;animation-delay:.6s}.reach-pill{position:absolute;right:0;bottom:20px;background:#c7ff63;color:#071321;border-radius:30px;padding:11px 16px;font-size:8px;letter-spacing:.8px;box-shadow:0 12px 30px #0003;animation:fadeUp 1s .5s both}.reach-pill strong{font-size:12px;margin-left:8px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#087c80;margin-right:7px;box-shadow:0 0 0 4px #087c801c}.marketing-spark{position:absolute;color:#c7ff63;font-size:28px}.spark-one{left:12%;top:55%;animation:sparkTurn 10s linear infinite}.spark-two{right:1%;top:5%;font-size:38px;animation:floatSlab 5s ease-in-out infinite}.art-disc,.art-slab,.art-core,.art-orbit,.art-caption,.art-index,.art-side-note,.art-crosshair{display:none!important}
@keyframes dashboardFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes orbitDrift{to{transform:rotate(334deg)}}@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes barPulse{to{opacity:.45;transform:scaleY(.72);transform-origin:bottom}}@keyframes sparkTurn{to{transform:rotate(360deg)}}
/* Digital marketing visual reference gallery */
.inspiration{padding-top:110px;padding-bottom:120px;border-top:1px solid #24394a;background:linear-gradient(180deg,#08172566,transparent)}.inspiration-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:9%;align-items:end;padding:55px 0 38px}.inspiration-heading h2{font-family:var(--display);font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.075em;margin:0}.inspiration-heading>p{max-width:390px;font-size:14px;margin:0}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference-card{position:relative;display:block;min-height:300px;overflow:hidden;border-radius:14px;background:#102638;border:1px solid #29495d;isolation:isolate}.reference-card:first-child{grid-row:span 2;min-height:620px}.reference-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out),filter .7s;filter:saturate(.8) brightness(.72)}.reference-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06111a00 20%,#06111ad9 100%);z-index:0}.reference-card:hover img{transform:scale(1.06);filter:saturate(1.1) brightness(.85)}.reference-overlay{position:absolute;z-index:1;left:25px;right:25px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#f4f8fa}.reference-overlay small{font-size:9px;letter-spacing:1.7px;color:#29e6d2}.reference-overlay strong{font-family:var(--display);font-size:clamp(23px,3vw,36px);line-height:1.1;letter-spacing:-1px}.reference-overlay b{font-size:11px;color:#c7ff63;margin-top:6px;font-weight:600}.reference-card:hover .reference-overlay b{transform:translateX(5px)}.reference-overlay b{transition:transform .3s}
@media(max-width:900px){.hero-copy{max-width:100%;padding-right:0}.marketing-art{right:0;top:360px;width:55%;height:390px;opacity:.88}.marketing-art:before{width:330px;height:330px}.growth-card{width:310px;right:0;top:40px}.social-card{width:235px;left:-15%;bottom:38px}.reach-pill{right:-8%;bottom:0}.inspiration-heading{grid-template-columns:1fr;gap:20px}.reference-card:first-child{min-height:520px}}
@media(max-width:700px){.site-header{background:#071321f5}.brand-logo{width:130px;max-height:54px}.main-nav{background:#091827;border-bottom-color:#294051;color:#f1f7fa}.nav-cta{color:#f1f7fa}.hero{min-height:920px}.hero-copy{padding-top:72px;padding-bottom:330px}.hero h1{font-size:clamp(58px,13.5vw,88px);line-height:.95;letter-spacing:-.075em}.hero-bottom{align-items:flex-start;gap:16px}.hero-bottom p{max-width:290px}.marketing-art{top:auto;bottom:80px;right:1%;width:95%;height:350px;opacity:1}.marketing-art:before{width:300px;height:300px;right:7%;top:12px}.growth-card{width:min(330px,90%);right:2%;top:28px;padding:16px}.metric-row strong{font-size:34px}.social-card{width:220px;left:0;bottom:26px;padding:12px}.reach-pill{right:0;bottom:-8px;padding:9px 12px;font-size:7px}.spark-one{left:4%;top:48%}.spark-two{right:2%;top:0}.hero-foot{bottom:18px}.hero-foot span:nth-child(2),.hero-foot span:nth-child(3){display:none}.inspiration{padding-top:75px;padding-bottom:80px}.inspiration-heading{padding:35px 0 28px}.reference-grid{grid-template-columns:1fr;gap:14px}.reference-card,.reference-card:first-child{grid-row:auto;min-height:330px}.reference-card:first-child{min-height:420px}.reference-overlay{left:19px;right:19px;bottom:19px}.contact{padding-left:7%;padding-right:7%}.footer-brand .brand-logo{width:190px}.page-loader .intro-logo-frame{max-width:82vw;padding:10px}.page-loader .intro-logo{width:100%}}
@media(prefers-reduced-motion:reduce){.marketing-art *,.marketing-art:before,.chart-line,.mini-bars i{animation:none!important}.chart-line{stroke-dashoffset:0}}


/* Home navigation link: consistent, visible across every page */
.main-nav a[href="index.html"] { font-weight: 700; }
.main-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }

/* Discover CTA: opens the dedicated digital-marketing explainer page. */
a.browser-button{display:inline-flex;align-items:center;gap:6px;text-decoration:none;cursor:pointer;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;position:relative;z-index:3}
a.browser-button:hover,a.browser-button:focus-visible{transform:translateY(-3px);background:#167d72;color:#fff;box-shadow:0 8px 22px rgba(7,26,53,.18);outline-offset:4px}


/* FINAL ACCESSIBILITY PASS — keep every text block readable at all sizes */
.svc-page{color:#123b2d!important;background:#f7f1e3!important}
.svc-page .svc-lead,
.svc-page .svc-section-head p,
.svc-page .svc-step p,
.svc-page .svc-back,
.svc-page .svc-cta p,
.svc-page .svc-deliverables li,
.svc-page .svc-section > p{color:#40564a!important}
.svc-page .svc-kicker,
.svc-page .svc-step>span,
.svc-page .svc-deliverables li:before{color:#176348!important}
.svc-page .svc-hero h1,
.svc-page .svc-section h2,
.svc-page .svc-step h3{color:#123b2d!important}
.svc-page .svc-hero h1 em,
.svc-page .svc-section h2 em{color:#176f62!important}
.svc-page .svc-cta{background:#123b2d!important;color:#f7f1e3!important}
.svc-page .svc-cta h2{color:#f7f1e3!important}
.svc-page .svc-cta .svc-kicker{color:#d7c58e!important}
.svc-page .svc-cta p{color:#e2e9e2!important}
.svc-page .svc-btn{background:#f7f1e3!important;color:#123b2d!important}
.svc-page .site-header .main-nav{color:#174b39!important}
.svc-page .site-header .main-nav a{color:#174b39!important}
.svc-page .site-header .main-nav .nav-cta{color:#174b39!important}
.svc-page .site-footer,.svc-page .site-footer *{color:#f7f1e3}
.svc-page .site-footer .footer-bottom a{color:#f7f1e3!important}
.svc-page .site-footer .footer-top>p{color:#e2e9e2!important}
/* Main site: stronger contrast for secondary copy, small labels and metadata. */
body:not(.svc-page) .hero-topline,
body:not(.svc-page) .section-label,
body:not(.svc-page) .hero-foot,
body:not(.svc-page) .service-item p,
body:not(.svc-page) .service-note,
body:not(.svc-page) .project-meta p,
body:not(.svc-page) .project-type,
body:not(.svc-page) .fine-print,
body:not(.svc-page) .footer-bottom,
body:not(.svc-page) .form-note{color:#b9c9d3}
body:not(.svc-page) .reveal{will-change:opacity,transform;}
@media(max-width:760px){
 .svc-page .svc-main{width:calc(100% - 32px)}
 .svc-page .svc-lead,.svc-page .svc-section-head p,.svc-page .svc-step p{font-size:1rem;line-height:1.75}
 .svc-page .svc-hero h1{line-height:1.04;overflow-wrap:anywhere}
 .svc-page .svc-step h3{line-height:1.25}
}


/* FINAL BRAND CONSISTENCY PASS: ivory, forest green and restrained gold */
:root{--bg:#f6f1e6;--panel:#eee7d7;--text:#123b2d;--muted:#52675c;--line:#d8d0bf;--accent:#174832;--gold:#b69b62}
body:not(.svc-page){background:#f6f1e6!important;color:#123b2d!important}
.site-header, .site-header.is-scrolled{background:rgba(246,241,230,.97)!important;border-bottom:1px solid #d8d0bf!important;box-shadow:0 8px 30px rgba(18,59,45,.08)}
.main-nav,.main-nav a:not(.nav-cta){color:#174832!important}
.nav-cta{color:#174832!important;border-color:#c6bead!important}
.nav-cta:hover{background:#174832!important;color:#f6f1e6!important;border-color:#174832!important}
.hero h1,.intro h2,.section-heading h2,.work-head h2,.process h2,.contact h2,.inspiration-heading h2{color:#123b2d!important}
.hero h1 em,.intro h2 em,.section-heading h2 em,.work-head h2 em,.process h2 em,.contact h2 em,.inspiration-heading h2 em{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#174832!important}
.hero-bottom p,.intro-text p,.section-heading>p,.work-head>p,.service-item p,.service-note,.process .steps p,.contact-copy>p:not(.overline),.inspiration-heading>p{color:#52675c!important}
.hero-topline,.section-label,.hero-foot,.hero-proof,.project-meta p,.project-type,.fine-print{color:#52675c!important}
.overline,.section-label span:first-child,.service-no,.process .steps article>span{color:#174832!important}
.inspiration{background:#f6f1e6!important;border-top:1px solid #d8d0bf!important}
.inspiration-heading h2{color:#123b2d!important}
.inspiration-heading h2 em{color:#174832!important;font-style:italic!important}
.inspiration-heading>p{color:#52675c!important}
.service-item{border-color:#d8d0bf!important}
.service-item h3{color:#123b2d!important}
.service-arrow{color:#174832!important;border-color:#c6bead!important}
.service-arrow:hover{background:#174832!important;color:#f6f1e6!important}
.process .steps article{border-color:#d8d0bf!important}
.site-footer{background:#eee7d7!important;color:#123b2d!important;border-top:1px solid #d8d0bf!important}
.footer-top>p,.footer-bottom,.back-top{color:#52675c!important}
.footer-bottom a{color:#174832!important}
.whatsapp-float{background:#174832!important;color:#f6f1e6!important;border-color:#b69b62!important}
.page-loader{background:#f6f1e6!important;color:#123b2d!important}
.page-loader .intro-index{color:#52675c!important}
.intro-loader-track span,.scroll-progress span{background:#b69b62!important;box-shadow:none!important}
/* Keep supporting portfolio artwork cinematic while all text follows the brand palette. */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* FOOTER BRAND FINISH: forest-green bottom section with high-contrast logo and copy */
.site-footer{background:#174832!important;color:#f6f1e6!important;border-top:1px solid #b69b62!important}
.site-footer .footer-top{border-bottom-color:rgba(246,241,230,.28)!important}
.site-footer .footer-top>p{color:#e2e9df!important}
.site-footer .footer-bottom{color:#e2e9df!important}
.site-footer .footer-bottom a{color:#f6f1e6!important}
.site-footer .footer-bottom a:hover,.site-footer .back-top:hover{color:#b69b62!important}
.site-footer .back-top{color:#f6f1e6!important;border-color:#b69b62!important}
.site-footer .footer-brand .brand-logo{background:transparent!important;mix-blend-mode:normal!important;object-fit:contain}
.site-footer .footer-brand .footer-logo-light{display:block!important}