:root{--bg:#080909;--panel:#17191a;--panel2:#202223;--text:#f6f5f0;--muted:#b9b9b3;--yellow:#ffc400;--line:#373a38;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}.wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,9,9,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand-mark{position:relative;font-size:31px;font-weight:950;letter-spacing:-2px;line-height:1;background:linear-gradient(100deg,#ff4e1b 0 28%,#00b8ef 42% 68%,#ffc400 82%);color:transparent;background-clip:text;-webkit-background-clip:text}.brand-mark:after{content:'◉';position:absolute;right:-18px;top:-7px;font-size:22px;color:#ffc400;text-shadow:0 0 0 #ffc400}.brand-sub{font-size:12px;font-weight:900;letter-spacing:1px;line-height:1.1}.brand-sub small{display:block;font-size:7px;letter-spacing:.6px;color:#c9c9c2;margin-top:4px}.nav-links{display:flex;align-items:center;gap:clamp(18px,3.2vw,48px);font-size:15px;font-weight:700}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;background:var(--yellow);color:#171300;font-weight:800;padding:14px 22px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffd33f}.btn.dark{background:#080909;color:var(--yellow);border:1px solid var(--yellow)}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #454545;border-radius:10px;padding:8px 11px;font-size:20px}.eyebrow{color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}.hero{padding:90px 0 88px;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;min-height:550px}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,78px);line-height:.99;letter-spacing:-.055em;margin:0 0 24px;font-weight:950}.hero h1 span,.page-hero h1 span{color:var(--yellow)}.lead{font-size:18px;color:#d0d0ca;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-image{position:relative;min-height:380px;border-radius:20px;overflow:hidden;background:#252525}.hero-image img{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.85)}.image-tag{position:absolute;bottom:18px;left:18px;background:var(--yellow);color:#151200;padding:9px 13px;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:.08em}.section{padding:84px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2,.section h2{font-size:clamp(32px,4.4vw,55px);line-height:1.05;letter-spacing:-.04em;margin:0;font-weight:900}.section-head p{max-width:420px;color:var(--muted);margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:linear-gradient(145deg,#222525,#151717);border:1px solid rgba(255,255,255,.055);border-radius:18px;padding:28px}.card h3{font-size:22px;line-height:1.15;margin:0 0 12px}.card p{color:#c4c5bf;margin:0}.number{color:var(--yellow);font-weight:900;font-size:12px;letter-spacing:.08em;margin-bottom:25px}.service-card{min-height:210px}.service-card a,.text-link{display:inline-flex;margin-top:20px;color:var(--yellow);font-weight:800;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split img{width:100%;height:420px;border-radius:18px}.split-copy p{color:#c9c9c2}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:34px}.step{border-top:3px solid var(--yellow);padding-top:18px}.step b{display:block;color:var(--yellow);font-size:17px;margin-bottom:10px}.step p{color:#c4c5bf;font-size:14px;margin:0}.page-hero{padding:82px 0 58px}.page-hero h1{max-width:1000px}.page-hero .lead{max-width:900px}.page-hero-image{height:340px;border-radius:18px;overflow:hidden;margin-top:32px}.page-hero-image img{width:100%;height:100%}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 34px}.pill{border:1px solid var(--yellow);color:var(--yellow);background:transparent;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:800;cursor:pointer}.pill.active,.pill:hover{background:var(--yellow);color:#171300}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project{min-width:0}.project img{width:100%;height:300px;border-radius:12px;margin-bottom:18px}.project .eyebrow{margin-bottom:8px;font-size:10px}.project h3{font-size:25px;margin:0 0 8px}.project p{color:#c5c5bf;max-width:560px}.note{font-size:12px;color:var(--yellow)!important}.contact-band{background:var(--yellow);color:#100e00;border-radius:20px;padding:clamp(32px,6vw,76px);margin:65px 0}.contact-band h2{font-size:clamp(36px,6vw,70px);line-height:1;letter-spacing:-.05em;max-width:1000px;margin:0 0 22px}.contact-band p{max-width:760px}.contact-band .btn{background:#090909;color:var(--yellow)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:18px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--yellow);font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);max-width:800px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.contact-details{display:flex;flex-direction:column;gap:14px}.contact-item{padding:22px;border:1px solid var(--line);border-radius:14px;background:#121414}.contact-item b{display:block;color:var(--yellow);margin-bottom:7px}.contact-item p{margin:0;color:#d0d0ca}.form-card label{display:block;font-size:13px;font-weight:800;margin:15px 0 7px}.form-card input,.form-card textarea,.form-card select{width:100%;background:#0c0e0e;border:1px solid #424544;border-radius:9px;padding:13px;color:white;font:inherit}.form-card textarea{min-height:130px;resize:vertical}.form-card .btn{margin-top:18px}.form-help{font-size:12px;color:#aaa}.footer{border-top:1px solid var(--line);padding:34px 0 28px;margin-top:60px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer p{color:#a8a8a1;font-size:13px;margin:10px 0 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:13px;font-weight:700}.footer-links a:hover{color:var(--yellow)}.muted{color:var(--muted)}.service-detail{padding:52px 0;border-top:1px solid var(--line)}.service-detail:nth-child(even){background:#0c0e0e}.service-detail .split img{height:360px}.deliverables{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.deliverables div{border-top:2px solid var(--yellow);padding-top:12px;font-size:13px;font-weight:700;color:#d2d2cc}.small-label{font-size:10px;color:var(--yellow);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.legal-note{font-size:12px;color:#a8a8a1}
@media(max-width:900px){.nav{min-height:78px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:22px 28px 26px;background:#0b0c0c;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav .nav-cta{display:none}.hero,.split,.contact-layout{grid-template-columns:1fr}.hero{padding-top:56px;gap:32px}.hero-image{min-height:320px}.grid-3{grid-template-columns:1fr 1fr}.process{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}.portfolio-grid{gap:22px}.project img{height:240px}.deliverables{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{width:min(100% - 34px,var(--max))}.hero{padding:48px 0 58px}.hero h1,.page-hero h1{font-size:clamp(39px,12vw,58px)}.lead{font-size:16px}.hero-image{min-height:260px}.section{padding:58px 0}.grid-3,.grid-2,.portfolio-grid{grid-template-columns:1fr}.card{padding:23px}.process{grid-template-columns:1fr;gap:24px}.page-hero{padding:56px 0 35px}.page-hero-image{height:230px}.project img{height:240px}.split img,.service-detail .split img{height:280px}.contact-band{margin:42px 0;padding:28px 22px}.footer-row{align-items:flex-start;flex-direction:column}.brand{min-width:0}}

/* Cinematic PCP Media homepage hero */
.hero-cinematic{position:relative;isolation:isolate;display:block;min-height:690px;padding:82px 0 42px;background:linear-gradient(90deg,rgba(3,5,6,.99) 0%,rgba(3,5,6,.94) 31%,rgba(3,5,6,.60) 52%,rgba(3,5,6,.08) 100%),linear-gradient(0deg,rgba(3,5,6,.8),transparent 35%),url('assets/studio-hero.png') center/cover no-repeat;margin:0;max-width:none;padding-left:max(28px,calc((100% - var(--max))/2));padding-right:max(28px,calc((100% - var(--max))/2));overflow:hidden}
.hero-content{position:relative;z-index:2;max-width:600px}.hero-cinematic h1{font-size:clamp(48px,6.3vw,82px);line-height:.91;letter-spacing:-.055em;margin:0 0 24px;font-weight:950}.hero-cinematic h1 span{color:var(--yellow)}.hero-cinematic .lead{font-size:17px;max-width:590px}.hero-cinematic .legal-note{margin-top:32px;color:#deded8;font-size:13px}.hero-handwritten{position:absolute;z-index:2;left:49%;top:68%;max-width:250px;color:var(--yellow);font-family:'Brush Script MT','Segoe Script',cursive;font-size:clamp(23px,2.3vw,34px);font-style:italic;line-height:1.05;transform:rotate(-8deg);text-shadow:0 2px 10px #000}.client-logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:13px;max-width:790px}.client-logo{color:#f8f6ed;display:flex;align-items:center;gap:8px;min-height:48px}.client-logo.maharana img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:white}.client-logo.maharana span{font-family:Georgia,serif;text-transform:uppercase;font-size:11px;line-height:1.1;letter-spacing:.03em}.client-logo small{font-size:9px}.client-logo.wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:16px;letter-spacing:.06em}.client-logo.wordmark b{font-size:9px;letter-spacing:.17em;margin-top:5px}.client-logo.dularey{font-family:Georgia,serif;color:#f4e3ba}.client-logo.vaibhavi{font-weight:900;color:#f5f5f2}.client-logo.sg{display:block;font-size:14px;font-weight:700;letter-spacing:.08em;color:#e9e9e5}.client-logo.sg b{font-size:25px;color:var(--yellow);vertical-align:middle;margin-right:4px}.extra-project[hidden]{display:none!important}.view-more-projects{display:flex;margin:34px auto 0}
@media(max-width:900px){.hero-cinematic{min-height:680px;padding-top:64px;background-position:58% center}.hero-content{max-width:580px}.hero-handwritten{left:auto;right:8%;top:70%;font-size:25px}.client-logos{gap:16px}.client-logo.maharana span{display:none}}
@media(max-width:600px){.hero-cinematic{min-height:760px;padding:50px 17px 30px;background-image:linear-gradient(90deg,rgba(3,5,6,.96),rgba(3,5,6,.68)),linear-gradient(0deg,rgba(3,5,6,.92),transparent 70%),url('assets/studio-hero.png');background-position:60% center}.hero-cinematic h1{font-size:clamp(43px,12vw,60px)}.hero-cinematic .lead{font-size:15px}.hero-handwritten{top:72%;right:7%;font-size:22px}.client-logos{gap:15px 18px;max-width:100%}.client-logo.maharana img{width:38px;height:38px}.client-logo.wordmark{font-size:13px}.client-logo.sg{font-size:11px}.client-logo.sg b{font-size:21px}}

/* PCP Media logo and final homepage refinements */
.brand{min-width:150px;}
.brand-logo{width:142px;height:auto;max-height:76px;object-fit:contain;object-position:left center;}
.footer .brand-logo{width:160px;max-height:90px;}
.brand-mark,.brand-sub{display:none!important;}
.hero-cinematic h1{font-size:clamp(48px,6.1vw,80px);line-height:.88;letter-spacing:-.06em;}
.hero-handwritten{left:44%;top:69%;max-width:230px;font-size:clamp(23px,2.3vw,34px);line-height:1.02;transform:rotate(-8deg);}
.client-logo.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:700;}
.client-logo.wordmark b{font-family:Georgia,'Times New Roman',serif;font-weight:700;}
.services-eyebrow{text-align:center;display:block;width:100%;margin:0 auto 14px;font-size:18px;font-weight:900;letter-spacing:.12em;color:var(--yellow);}
@media(max-width:900px){.brand-logo{width:125px}.hero-handwritten{left:48%;top:67%;right:auto;}}
@media(max-width:600px){.brand-logo{width:112px}.hero-handwritten{left:auto;right:5%;top:66%;max-width:155px;font-size:21px}.hero-cinematic h1{line-height:.9}}

/* Homepage services, horizontally scrollable testimonials and compact project brief */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-services .section-head{align-items:center;margin-bottom:30px}
.home-services .services-heading{align-items:center}
.home-services .services-heading>div{max-width:700px;text-align:center;margin-inline:auto}
.home-services .services-heading{position:relative;display:block}
.home-services .services-heading .text-link{position:absolute;right:0;top:30px;margin:0}
.home-services .services-heading .eyebrow{margin-bottom:10px}
.home-services .services-heading h2{font-size:clamp(30px,3vw,42px)}
.home-services .services-intro{max-width:560px;margin:10px auto 0;color:var(--muted);font-size:14px}
.service-grid{margin-top:28px}
.service-card{padding:24px 22px;min-height:250px;border-radius:13px;background:linear-gradient(145deg,#171a1b,#0e1011);transition:transform .2s,border-color .2s}
.service-card:hover{transform:translateY(-4px);border-color:rgba(255,196,0,.38)}
.service-card .service-icon{font-size:34px;color:var(--yellow);line-height:1;margin-bottom:18px}
.service-card .number{font-size:10px;margin-bottom:12px}
.service-card h3{font-size:18px;margin-bottom:10px}
.service-card p{font-size:13px;line-height:1.55}
.service-card a{font-size:12px;margin-top:16px}
.testimonials-section{padding-top:70px;padding-bottom:65px;border-top:1px solid rgba(255,255,255,.06)}
.testimonials-section .section-head{align-items:center;margin-bottom:25px}
.testimonials-section .section-head h2{font-size:clamp(30px,3.5vw,44px)}
.testimonials-subtitle{color:var(--muted);margin:9px 0 0}
.testimonial-controls{display:flex;gap:9px;flex-shrink:0}
.scroll-control{width:42px;height:42px;border-radius:50%;border:1px solid #4b4e4d;background:#141616;color:var(--yellow);font-size:22px;cursor:pointer}
.scroll-control:hover{background:var(--yellow);color:#111}
.testimonial-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:var(--yellow) #242727}
.testimonial-card{scroll-snap-align:start;min-height:220px;padding:25px 24px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(145deg,#191c1d,#101212);display:flex;flex-direction:column}
.quote-mark{font-family:Georgia,serif;color:var(--yellow);font-size:48px;font-weight:900;line-height:.7}
.testimonial-card>p{font-size:14px;line-height:1.6;color:#deded8;margin:10px 0 24px;flex:1}
.testimonial-person{display:flex;align-items:center;gap:12px}
.avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#ffc400,#8d6810);color:#151200;font-size:13px;font-weight:900}
.testimonial-person strong,.testimonial-person small{display:block}
.testimonial-person strong{font-size:13px}
.testimonial-person small{font-size:11px;color:var(--muted);margin-top:3px}
.scroll-hint{font-size:11px;color:#8e908a;margin:7px 0 0;text-align:right}
.mini-project-section{padding-top:30px}
.mini-project{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;padding:clamp(25px,4vw,46px);border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(135deg,#171a1b,#0c0e0e)}
.mini-project-copy h2{font-size:clamp(32px,4vw,48px);line-height:1.03;letter-spacing:-.04em;margin:0 0 17px}
.mini-project-copy>p:not(.eyebrow){color:#c6c7c1;max-width:430px}
.mini-contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px;font-size:13px;font-weight:700}
.mini-contact-links a:hover{color:var(--yellow)}
.mini-project-form label{display:block;font-size:11px;font-weight:800;color:#d9dad4}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.mini-project-form input,.mini-project-form select,.mini-project-form textarea{display:block;width:100%;margin-top:7px;background:#0b0d0d;color:#f6f5f0;border:1px solid #3a3e3c;border-radius:8px;padding:12px;font:inherit;font-size:13px;min-width:0}
.mini-project-form input::placeholder,.mini-project-form textarea::placeholder{color:#8d9089}
.mini-project-form select{color:#d7d8d2}
.mini-project-form .full-label{margin-top:13px}
.mini-project-form textarea{resize:vertical;min-height:78px}
.mini-project-form .btn{margin-top:14px;border-radius:8px;padding:13px 22px}
.mini-project-form .form-help{margin:10px 0 0;font-size:10px;color:#92948e}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonial-track{grid-auto-columns:calc((100% - 18px)/2)}.mini-project{grid-template-columns:1fr;gap:22px}.home-services .services-heading .text-link{position:static;justify-content:center;margin:18px auto 0}}
@media(max-width:600px){.grid-4{grid-template-columns:1fr}.home-services .services-heading h2{font-size:32px}.service-card{min-height:0}.testimonial-track{grid-auto-columns:88%;gap:13px}.testimonial-card{min-height:210px;padding:22px}.testimonials-section .section-head{flex-direction:row;align-items:end}.testimonials-section .section-head h2{font-size:29px}.testimonial-controls{gap:6px}.scroll-control{width:36px;height:36px}.mini-project{padding:23px 18px}.form-grid{grid-template-columns:1fr}.mini-project-copy h2{font-size:36px}.scroll-hint{text-align:left}}

/* Social profile links shared across every page footer */
.footer-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-social a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:12px;font-weight:800;transition:border-color .2s,color .2s,background .2s}.footer-social a:hover{border-color:var(--yellow);color:var(--yellow);background:rgba(255,196,0,.06)}.footer-social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-social a:nth-child(2) svg{fill:currentColor;stroke:none}.footer-social .social-dot{fill:currentColor;stroke:none}

/* Match the reference: move only the OUR SERVICES eyebrow left while keeping the main title centred. */
.home-services .services-heading .services-eyebrow{text-align:center;margin-left:auto;margin-right:auto;width:100%;}

.form-help.is-success{color:#7ddc8a;font-weight:700}.form-help.is-error{color:#ff8a80;font-weight:700}.hp-field{position:absolute!important;left:-9999px;opacity:0;height:0;width:0}

.dev-credit{display:block;margin-top:6px;font-size:13px;color:#a9aaa4;letter-spacing:.02em}.dev-credit b{color:var(--yellow);letter-spacing:.12em;font-weight:900}
.dev-credit a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.dev-credit a:hover{border-bottom-color:var(--yellow)}

/* ===== v8 changes ===== */
/* Centred section headings (same look as OUR SERVICES) */
.section-head.center-head{display:block;position:relative;text-align:center;margin-bottom:34px}
.section-head.center-head>div{max-width:700px;margin-inline:auto}
.section-head.center-head .eyebrow{display:block;max-width:none;width:100%;margin:0 auto 10px;text-align:center;font-size:18px;font-weight:900;letter-spacing:.12em}
.section-head.center-head h2{font-size:clamp(30px,3vw,42px)}
.section-head.center-head .center-intro{max-width:560px;margin:10px auto 0;color:var(--muted);font-size:14px}
.section-head.center-head .testimonial-controls{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.testimonials-section .section-head.center-head{margin-bottom:25px}
.testimonials-section .section-head.center-head h2{font-size:clamp(30px,3vw,42px)}
@media(max-width:900px){
  .section-head.center-head .testimonial-controls{position:static;transform:none;justify-content:center;margin-top:16px}
}

/* "Better Content. Bigger Opportunities." — moved clear of the buttons and logos */
.hero-handwritten{left:auto;right:max(28px,calc((100% - var(--max))/2));top:24%;max-width:270px;text-align:right;transform:rotate(-6deg)}
@media(max-width:900px){
  .hero-cinematic{min-height:0;padding-bottom:44px}
  .hero-handwritten{position:relative;left:auto;right:auto;top:auto;max-width:none;margin:36px 0 0;text-align:left;font-size:28px;transform:rotate(-3deg);transform-origin:left center}
}
@media(max-width:600px){
  .hero-cinematic{min-height:0;padding-bottom:38px}
  .hero-handwritten{left:auto;right:auto;top:auto;max-width:none;margin-top:30px;font-size:25px}
}

/* Maharana Pratap Education Centre text now visible on phones/tablets too */
@media(max-width:900px){.client-logo.maharana span{display:block}}
@media(max-width:600px){.client-logo.maharana span{font-size:10px}.client-logo small{font-size:8px}}

/* SG Industries: one colour for the whole name */
.client-logo.sg,.client-logo.sg b{color:#f5f5f2}

/* ===== v9 changes ===== */
.nav{min-height:112px;padding-top:14px}
.brand-logo{width:190px;max-height:100px;margin-top:10px}
.footer .brand-logo{width:200px;max-height:110px;margin-top:0}
@media(max-width:900px){.nav{min-height:92px;padding-top:10px}.brand-logo{width:150px;margin-top:6px}.nav-links{top:92px}}
@media(max-width:600px){.brand-logo{width:135px}.footer .brand-logo{width:150px}}
.wa-icon{vertical-align:-3px;margin-right:4px;flex:none}
.btn .wa-icon{margin-right:2px}
/* client names: same size + colour */
.client-logo,.client-logo span,.client-logo small,.client-logo b,.client-logo.sg,.client-logo.sg b,.client-logo.dularey,.client-logo.vaibhavi,.client-logo.wordmark,.client-logo.wordmark b{
 font-family:Georgia,'Times New Roman',serif!important;font-size:13px!important;font-weight:700!important;color:#f5f5f2!important;letter-spacing:.06em!important;line-height:1.15!important;margin-top:0!important;vertical-align:baseline!important;margin-right:0!important}
.client-logo.sg{display:flex;align-items:center;gap:4px}
.client-logo.wordmark b{display:block;margin-top:3px!important}
.client-logo.maharana span{text-transform:uppercase}
/* about page */
.about-intro{max-width:900px;margin-top:10px}
.about-desc{font-size:18px;line-height:1.75;color:#d4d4cd;margin:0}
.about-pov{max-width:900px;margin-top:56px;margin-bottom:20px;position:relative}
.about-pov h2{margin:0 0 14px}
.about-pov p{color:#c9c9c2;line-height:1.75}
.founder-name{text-align:right;margin-top:28px!important}
.founder-name small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);font-weight:800}
.founder-name strong{font-size:22px;color:var(--text)}

/* v10: clickable work cards with full-size artwork */
a.project{display:block;color:inherit;text-decoration:none;transition:transform .2s}
a.project:hover{transform:translateY(-4px)}
a.project:hover h3{color:var(--yellow)}
.project img{height:auto!important;aspect-ratio:3/2;object-fit:cover;transition:box-shadow .2s}
a.project:hover img{box-shadow:0 10px 30px rgba(255,196,0,.18)}

/* v11: services page artwork shown in full */
.page-hero-image{height:auto;aspect-ratio:2048/1142;max-height:520px}
.page-hero-image img{object-fit:cover;object-position:center}
.service-detail .split img{height:auto!important;aspect-ratio:3/2;object-fit:cover}
