/* Native CSS. One dark theme, brand red, sharp surfaces and pill actions. */
@font-face{font-family:Manrope;src:url('studio-font.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
html body{font-family:Manrope,Arial,Helvetica,sans-serif}
:root{--bg:#111110;--surface:#191918;--text:#f3f1eb;--muted:#a3a39c;--line:#343431;--accent:#f04438;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}p{line-height:1.65;margin:0 0 20px}h1,h2,h3,h4{margin:0;font-weight:500}h2{font-size:clamp(42px,5.2vw,78px);line-height:1.04;letter-spacing:-.055em}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.section{padding-block:110px;scroll-margin-top:10px}.muted{color:#909089}.accent{color:var(--accent)}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.16em;margin-bottom:25px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--text);color:var(--bg);padding:15px;z-index:100}.skip-link:focus{top:12px}.site-header{height:96px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1552px;margin:auto;position:relative;z-index:30}.logo img{width:158px;height:auto}.desktop-nav{display:flex;gap:32px;font-size:13px}.desktop-nav a{position:relative;padding:12px 0;color:#c3c3bc;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s}.desktop-nav a:hover{color:white}.desktop-nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:20px}.nav-cta{border:1px solid #5b5b54;border-radius:99px;padding:13px 21px;font-size:12px;display:flex;gap:28px;align-items:center;transition:background .25s,border-color .25s}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#111}.nav-cta span{font-size:18px}.menu-button{display:none;background:none;color:var(--text);border:0;width:44px;height:44px;padding:10px}.menu-button span{display:block;width:24px;height:1px;background:currentColor;margin:6px 0;transition:transform .25s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu[hidden]{display:none}.mobile-menu{position:fixed;inset:88px 0 0;background:var(--bg);z-index:25;padding:30px;display:flex;flex-direction:column;justify-content:center}.mobile-menu a{display:flex;justify-content:space-between;font-size:36px;padding:15px 0;border-bottom:1px solid var(--line)}
.hero{min-height:660px;height:calc(100svh - 96px);max-height:900px;position:relative;display:flex;align-items:center;padding-block:60px 115px}.hero-copy{position:relative;z-index:2;width:76%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-intro{color:#b9b9b0}.hero h1{font-size:clamp(70px,8.8vw,132px);letter-spacing:-.075em;line-height:.99;white-space:nowrap;margin-bottom:30px}.hero h1 span{color:var(--accent)}.hero-description{max-width:350px;color:#b3b3ab;font-size:15px;line-height:1.7;margin:0 0 30px}.button{border:0;border-radius:99px;display:inline-flex;gap:42px;padding:18px 25px;align-items:center;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background .25s,transform .25s}.button span{font-size:23px;font-weight:400;line-height:1}.button-red{background:var(--accent);color:#111110}.button-red:hover{background:#ff6658;transform:translateY(-3px)}.hero-art{position:absolute;right:-38px;top:0;width:61%;height:94%;z-index:1}.hero-art canvas{width:100%;height:100%;display:block}.art-word{position:absolute;right:10%;top:73%;font-size:12px;line-height:1.5;letter-spacing:-.02em;color:#b5b5ad}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{font-size:12px;color:#a3a39a;margin:0;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:36px;font-size:13px}.text-link span{font-size:24px;transition:transform .25s}.text-link:hover span{transform:translate(3px,3px)}.clients{display:grid;grid-template-columns:200px 1fr;gap:50px;align-items:center;border-block:1px solid var(--line);padding-block:38px;scroll-margin-top:20px}.clients>p{font-size:12px;color:var(--muted);margin:0}.client-logos{display:flex;align-items:center;justify-content:space-between;gap:25px}.client-logos img{width:90px;height:44px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .25s,opacity .25s}.client-logos img:hover{filter:none;opacity:1}.section-heading{margin-bottom:55px}.section-heading>p:last-child{font-size:15px;color:var(--muted);max-width:450px;margin-top:24px;margin-bottom:0}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:55px;row-gap:70px;align-items:start}.project-image{aspect-ratio:16/10;overflow:hidden;background:#252522;padding:clamp(16px,2.5vw,36px);display:flex;align-items:center;justify-content:center}.project-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transition:transform .65s cubic-bezier(.2,.65,.2,1);box-shadow:0 10px 35px #0003}.project:hover .project-image img{transform:translateY(-3px)}.project-wide .project-image{aspect-ratio:16/10}.project-sitril{background:#bfc2aa}.project-anivee{background:#aeb9bb}.project-shine{background:#c9bca4;aspect-ratio:4/3}.project-peacock{background:#b8a4af}.project-madras{background:#b7aaa4}.project-jeeva{background:#bbc3ac}.project-offset{margin-top:115px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:21px}.project-caption h3{font-size:22px;letter-spacing:-.035em}.project-caption p{font-size:12px;color:var(--muted);margin:7px 0 0}.project-type{color:#aaa99f;font-size:10px;white-space:nowrap}.project>.project-type{display:block;margin-top:14px}.project-arrow{font-size:27px;transition:transform .25s}.project:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;border-top:1px solid var(--line)}.about h2{font-size:clamp(40px,4.2vw,64px)}.about-body{padding-top:36px}.about-body>p{font-size:14px;color:var(--muted);max-width:550px}.about-body>.large-copy{color:var(--text);font-size:23px;line-height:1.45;letter-spacing:-.025em}.stats{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats strong{display:block;font-size:45px;letter-spacing:-.06em;font-weight:400;margin-bottom:9px}.stats span{font-size:10px;color:var(--muted)}.services{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service summary{display:grid;grid-template-columns:65px 1fr 240px 35px;align-items:center;padding-block:29px;gap:12px}.service-number{font-size:11px;color:#a3a39c}.service h3{font-size:clamp(25px,3vw,43px);letter-spacing:-.04em}.service-preview{font-size:12px;color:var(--muted)}.expand{font-size:29px;font-weight:300;justify-self:end;transition:transform .25s}.service[open] .expand{transform:rotate(45deg);color:var(--accent)}.service[open] h3{color:var(--accent)}.service-content{display:grid;grid-template-columns:1fr 275px;gap:70px;margin-left:77px;padding-bottom:32px}.service-content>p{color:var(--muted);font-size:14px;max-width:580px;margin:0}.service-content ul{list-style:none;padding:0;margin:0;color:#d0cfc6;font-size:12px;line-height:2}.service-content li:before{content:"↗";color:var(--accent);margin-right:12px}.vision{border-bottom:1px solid var(--line);background:var(--surface);padding:75px 60px;margin-block:10px 0}.vision-title{max-width:700px}.vision-title>p:last-child{max-width:490px;color:var(--muted);font-size:14px;margin-top:25px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px}.vision-label{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}.vision-item h3{font-size:37px;letter-spacing:-.045em;margin-bottom:26px}.vision-item>p{font-size:13px;color:var(--muted)}.vision-item>.vision-lead{font-size:23px;color:var(--text);line-height:1.4;letter-spacing:-.025em;margin-bottom:24px}.principles{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:30px;border-top:1px solid var(--line);margin-top:40px;padding-top:35px}.principles h3{font-size:22px;line-height:1.25;letter-spacing:-.03em}.principles h4{font-size:13px;margin-bottom:12px;color:var(--accent)}.principles p{font-size:12px;color:var(--muted);margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:55px}.process-line{display:block;height:2px;background:var(--accent);width:40px;margin-bottom:24px}.process-grid h3{font-size:23px;letter-spacing:-.035em;line-height:1.2;max-width:190px;margin-bottom:22px}.process-grid p{font-size:13px;color:var(--muted)}.process-grid small{font-size:10px;color:#d6d4cb;line-height:1.6;display:block}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:22px;font-size:16px;line-height:1.5}.faq-list summary span{font-size:24px;color:var(--accent);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:var(--muted);max-width:520px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid var(--line)}.contact h2{font-size:clamp(60px,7vw,105px)}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:330px;margin-top:28px}.contact-email{display:inline-flex;gap:22px;font-size:15px;margin-top:12px}.contact-email:hover{color:var(--accent)}.contact-phone{display:block;font-size:14px;color:var(--muted);margin-top:16px}.whatsapp{margin-top:30px;font-size:12px;color:var(--muted)}.contact-form{padding-top:20px;display:flex;flex-direction:column;gap:24px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}label{display:block;font-size:11px;margin-bottom:9px;color:#cecec5}label span{color:var(--accent)}input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #52524c;border-radius:0;padding:12px 0;color:var(--text);font-size:13px;line-height:1.5}input::placeholder,textarea::placeholder{color:#999990;opacity:1}select:invalid{color:#999990}select option{background:var(--surface);color:var(--text)}textarea{resize:vertical;min-height:100px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent)}.contact-form .button{align-self:flex-start;margin-top:5px}.button:disabled{opacity:.65;cursor:wait;transform:none}.form-status{font-size:12px;margin:0;line-height:1.6;color:#d6d4cb}.form-status.error{color:#ff887d}.site-footer{border-top:1px solid var(--line);padding-block:50px 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:35px;align-items:start;padding-bottom:55px}.footer-top p{font-size:12px;color:var(--muted);margin:0}.footer-label{font-size:10px;display:block;margin-bottom:8px}.back-top{font-size:12px;display:flex;gap:25px;align-items:center}.back-top span{display:grid;place-items:center;border:1px solid #484841;border-radius:50%;width:36px;height:36px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:24px;font-size:10px;color:var(--muted)}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--text)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
@media(min-width:1700px){.hero-art{right:0}.hero h1{font-size:140px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero h1{font-size:9.4vw}.hero-art{right:-25px;width:64%}.project-grid{gap:55px 30px}.project-image,.project-wide .project-image{padding:23px}.project-caption .project-type{display:none}.about{gap:50px}.service summary{grid-template-columns:45px 1fr 190px 25px}.service-content{margin-left:57px;gap:30px;grid-template-columns:1fr 230px}.vision{padding:60px 38px}.vision-grid{gap:40px}.principles{grid-template-columns:1fr 1fr}.process-grid{gap:25px}.process-grid h3{font-size:21px}.contact{gap:60px}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-top>p{display:none}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.site-header{height:80px;padding:0 20px;gap:15px}.logo img{width:133px}.desktop-nav{display:none}.nav-cta{font-size:11px;padding:10px 15px;gap:16px}.menu-button{display:block}.nav-actions{gap:8px}.mobile-menu{top:80px}.hero{height:auto;min-height:760px;padding:55px 0 90px;display:block;overflow:hidden}.hero-copy{width:100%}.hero-intro{font-size:9px;letter-spacing:.12em;margin-bottom:25px}.hero h1{font-size:clamp(49px,10.3vw,79px);letter-spacing:-.065em;line-height:1.02;margin-bottom:25px}.hero-description{font-size:13px;max-width:290px}.button{font-size:12px;padding:16px 23px;gap:34px}.hero-art{width:100%;height:430px;top:340px;right:-60px;opacity:.95;pointer-events:none}.art-word{display:none}.hero-bottom{bottom:25px;z-index:2}.hero-bottom p{font-size:10px}.text-link{font-size:11px;gap:16px}.clients{grid-template-columns:1fr;gap:25px;padding-block:27px}.clients>p br{display:none}.client-logos{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;gap:25px}.client-logos img{height:37px;width:85px}.section{padding-block:70px}h2{font-size:clamp(39px,8.5vw,62px)}.section-heading{margin-bottom:35px}.section-heading>p:last-child{font-size:13px;max-width:360px}.project-grid{grid-template-columns:1fr;gap:37px}.project-offset{margin-top:0}.project-image,.project-wide .project-image{aspect-ratio:16/10;padding:16px}.project-image.project-shine{aspect-ratio:4/3}.project-caption{padding-top:15px}.project-caption h3{font-size:22px}.project-caption p{font-size:11px}.project-caption .project-type{display:none}.project>.project-type{font-size:9px;margin-top:9px}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:clamp(38px,8.5vw,60px)}.about-body{padding:0}.about-body>.large-copy{font-size:22px}.about-body>p{font-size:13px}.stats{margin-top:30px;gap:12px}.stats strong{font-size:41px}.stats span{font-size:9px}.service summary{grid-template-columns:28px 1fr 24px;gap:8px;padding-block:23px}.service h3{font-size:27px}.service-preview{display:none}.service-content{margin-left:36px;grid-template-columns:1fr;gap:20px;padding-bottom:25px}.service-content>p{font-size:13px}.service-content ul{font-size:11px}.vision{padding:45px 23px}.vision-title>p:last-child{font-size:13px}.vision-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.vision-item h3{font-size:32px;margin-bottom:18px}.vision-item>.vision-lead{font-size:22px}.principles{grid-template-columns:1fr;gap:23px;margin-top:25px;padding-top:25px}.principles h3 br{display:none}.principles p{max-width:340px}.process-grid{grid-template-columns:1fr 1fr;gap:40px 25px}.process-grid h3{font-size:22px}.process-grid p{font-size:12px}.process-grid small{font-size:9px}.faq{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:14px;padding-block:20px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:75px}.contact h2 br:nth-of-type(2){display:none}.contact h2 .accent:before{content:" "}.contact-copy>p:not(.eyebrow){margin-top:24px}.contact-form{padding-top:0}.form-pair{gap:20px}.contact-email{font-size:14px}.site-footer{padding-block:35px 22px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:30px}.footer-top .back-top{grid-column:1/-1;justify-self:start}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:18px}.footer-bottom>p{width:100%}}
@media(max-width:370px){.nav-cta{padding:10px 12px;gap:10px}.logo img{width:115px}.hero h1{font-size:45px}.contact h2{font-size:65px}.process-grid{grid-template-columns:1fr}.process-grid h3{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}