@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Devanagari:wght@600;700;800&display=swap');
:root{--paper:#f5f0e8;--ink:#1c1b18;--muted:#605f5b;--line:#cdc7bd;--rust:#c05c40;--yellow:#e5bd60;--forest:#2c3934;--white:#fffdf8;--display:'Manrope',Arial,sans-serif;--text:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #db652d;outline-offset:4px}::selection{background:var(--yellow);color:var(--ink)}.skip-link{position:absolute;top:-100px;left:12px;background:var(--ink);color:white;padding:12px;z-index:50}.skip-link:focus{top:12px}
.header{height:78px;position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(20px,4.5vw,76px);border-bottom:1px solid var(--line);background:var(--paper)}.brand,.footer-brand{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-hindi,.footer-brand span{font-family:'Noto Sans Devanagari',sans-serif;letter-spacing:-1.1px}.brand-dot{width:7px;height:7px;display:inline-block;align-self:flex-start;margin-top:7px;border-radius:50%;background:var(--rust)}.nav{display:flex;align-items:center;gap:32px;font-weight:600;font-size:12px;letter-spacing:.02em}.nav a:hover,.footer a:hover{color:var(--rust)}.header-contact{background:var(--ink);padding:14px 21px;color:var(--white);font-size:12px;font-weight:700;white-space:nowrap}.header-contact span{margin-left:22px;font-size:16px}.header-contact:hover{background:var(--rust)}.nav-toggle{display:none;border:0;background:transparent;width:36px;height:40px;cursor:pointer;flex-direction:column;gap:6px;justify-content:center}.nav-toggle span{width:23px;height:2px;background:var(--ink);display:block}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(800px,calc(100svh - 78px));padding:27px clamp(20px,4.5vw,76px) 28px}.hero:before{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(116deg,rgba(255,255,255,.16),rgba(255,255,255,0) 45%);z-index:-1}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.1;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.hero-topline{color:var(--muted)}.hero-layout{min-height:575px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding:60px 0}.eyebrow,.small-index{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:34px}.signal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rust)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:var(--display);font-size:clamp(52px,6.4vw,122px);font-weight:800;letter-spacing:-.086em;line-height:1.04;margin:0;white-space:nowrap}.line-art{position:relative}.accent-line{color:var(--rust)}.hero-description{font-size:clamp(16px,1.5vw,21px);line-height:1.65;letter-spacing:-.015em;margin:38px 0 28px;color:#36332c;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;min-height:57px;padding:17px 22px;font-weight:800;font-size:13px;transition:transform .2s ease,background-color .2s ease}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--rust)}.text-link{font-weight:800;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span{margin-left:10px}.hero-bottom{align-items:flex-end}.hero-bottom a{font-size:10px}.hero-bottom a span{margin-left:9px;font-size:16px}
.hero-art{height:520px;max-width:660px;width:100%;position:relative;perspective:1200px;margin:auto}.art-grid{position:absolute;inset:10% 0 5% 0;background-image:linear-gradient(#b5aea37a 1px,transparent 1px),linear-gradient(90deg,#b5aea37a 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,black 20%,transparent 78%);opacity:.35}.art-frame{position:absolute;border:1px solid #2c25215e;box-shadow:20px 28px 35px #4b2e211b;transform-style:preserve-3d;transition:transform .5s}.art-frame>span{position:absolute;left:18px;top:17px;font-size:9px;letter-spacing:.18em;font-weight:800}.frame-back{right:4%;top:8%;width:45%;height:70%;background:var(--forest);color:var(--white);transform:rotate(11deg)}.frame-door{position:absolute;bottom:0;right:18%;width:51%;height:68%;border:11px solid #bdc3ae;border-bottom:0;background:#66766c;box-shadow:inset -16px 0 #36473c}.frame-door:before{content:'';position:absolute;top:30%;left:20%;width:60%;height:28%;border:4px solid #d6d6c2}.frame-middle{left:15%;top:17%;width:53%;height:60%;background:var(--rust);color:#1c1b18;transform:rotate(-14deg)}.graphic-circle{width:60%;aspect-ratio:1;position:absolute;left:16%;top:22%;border-radius:50%;border:22px solid #f2bc66;box-shadow:0 0 0 8px #141414}.graphic-lines{position:absolute;bottom:12%;right:14%;width:25%;height:3px;background:#fff3d8;box-shadow:0 -12px #fff3d8,0 -24px #fff3d8}.frame-front{left:17%;bottom:0%;width:68%;height:41%;background:var(--white);color:var(--ink);transform:rotate(-5deg);padding:24px}.small-brand{position:absolute;top:36%;font-family:var(--display);font-size:clamp(21px,2vw,31px);font-weight:800;letter-spacing:-.06em}.small-brand strong{font-family:'Noto Sans Devanagari',sans-serif}.card-line{position:absolute;left:25px;bottom:30%;width:40px;height:3px;background:var(--rust)}.frame-front small{position:absolute;left:25px;bottom:18px;font-size:7px;letter-spacing:.14em;font-weight:800}.art-caption{position:absolute;font-size:9px;font-weight:800;letter-spacing:.17em}.art-caption.top{left:6%;top:3%;transform:rotate(-90deg) translateX(-100%);transform-origin:top left}.art-caption.bottom{right:0;bottom:-7%}.sticker{position:absolute;right:0;bottom:18%;border-radius:50%;background:var(--yellow);color:var(--ink);width:105px;height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-weight:800;font-size:12px;line-height:1;letter-spacing:.04em;transform:rotate(15deg);border:2px dashed var(--ink)}.sticker span{font-size:20px}.hero-art:hover .frame-front{transform:rotate(-2deg) translateY(-8px)}.hero-art:hover .frame-middle{transform:rotate(-17deg) translateY(-6px)}
.manifesto{padding:clamp(90px,13vw,190px) clamp(20px,8vw,145px);text-align:center;background:#e8e0d3}.small-index{margin-bottom:33px;color:var(--rust)}.manifesto h2,.studio h2,.approach h2{font-family:var(--display);font-size:clamp(42px,5.3vw,89px);letter-spacing:-.072em;line-height:1.08;margin-bottom:34px}.manifesto h2 em,.studio h2 em,.approach h2 em{font-style:normal;color:var(--rust)}.manifesto>p:last-child{font-size:clamp(16px,1.8vw,21px);line-height:1.7;max-width:725px;margin:auto;color:#575149}
.services{padding:clamp(75px,10vw,150px) clamp(20px,7vw,118px)}.section-head{display:flex;gap:25px;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2{font:800 clamp(46px,5.6vw,85px)/1.05 var(--display);letter-spacing:-.072em;margin:0}.section-head>p{max-width:220px;line-height:1.55;color:var(--muted)}.period{color:var(--rust)}.service{display:grid;grid-template-columns:80px 1fr 60px;align-items:start;gap:20px;border-top:1px solid var(--line);padding:36px 0}.service:last-child{border-bottom:1px solid var(--line)}.service-num{font-family:var(--display);font-size:13px;font-weight:800;color:var(--rust);padding-top:8px}.service h3{font:800 clamp(27px,3.4vw,48px)/1.1 var(--display);letter-spacing:-.065em;margin:0 0 14px}.service p{line-height:1.65;color:var(--muted);max-width:590px;margin:0;font-size:15px}.service-arrow{font-size:30px;justify-self:end;line-height:1;transition:transform .2s}.service:hover .service-arrow{transform:translate(5px,-5px);color:var(--rust)}
.approach{background:var(--forest);color:var(--white);padding:clamp(80px,10vw,140px) clamp(20px,7vw,118px);display:grid;grid-template-columns:1fr 1fr;gap:50px}.approach-title .small-index{color:var(--yellow)}.approach h2{margin:0}.approach h2 em{color:var(--yellow)}.steps{border-top:1px solid #87948d70}.step{display:grid;grid-template-columns:58px 1fr;gap:15px;border-bottom:1px solid #87948d70;padding:30px 0}.step>span{color:var(--yellow);font-weight:800}.step h3{font:800 clamp(22px,2.4vw,31px) var(--display);letter-spacing:-.04em;margin:0 0 10px}.step p{color:#d0d9d1;max-width:410px;line-height:1.6;margin:0;font-size:14px}
.studio{padding:clamp(85px,10vw,150px) clamp(20px,9vw,145px);display:grid;grid-template-columns:minmax(200px,.65fr) 1fr;gap:10vw;align-items:center;background:#efe9e0}.studio-marker{aspect-ratio:1;display:flex;justify-content:center;align-items:center;background:var(--ink);font:800 clamp(60px,9vw,155px) var(--display);color:var(--paper);letter-spacing:-.1em;transform:rotate(-4deg);box-shadow:22px 24px 0 var(--rust)}.studio-marker span{font-family:'Noto Sans Devanagari',sans-serif;color:var(--yellow);letter-spacing:-.16em}.studio h2{font-size:clamp(37px,4.5vw,74px)}.studio-copy>p:not(.small-index){line-height:1.65;color:#49453f;font-size:16px;max-width:590px}.studio-byline{display:block;margin-top:35px;font-weight:800;font-size:10px;letter-spacing:.12em}.studio-byline span{color:var(--rust);margin:0 8px}
.contact{background:var(--rust);color:var(--white);text-align:center;padding:clamp(95px,12vw,180px) 22px 95px}.contact .small-index{color:#f5d5aa}.contact h2{font:800 clamp(57px,9.4vw,160px)/.96 var(--display);letter-spacing:-.085em;margin:0 auto 30px}.contact h2 span{color:var(--yellow)}.contact>p:not(.small-index){font-size:clamp(16px,1.6vw,20px);margin-bottom:31px}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-light{color:var(--ink);background:var(--white)}.button-light:hover{background:var(--yellow)}.button-outline{color:white;border:1px solid #f3e5d4a0;background:transparent}.button-outline:hover{background:#ffffff1e}.contact-tools{display:flex;justify-content:center;gap:25px;margin-top:37px}.contact-tools button{border:0;border-bottom:1px solid #ffffffab;background:transparent;color:white;font-weight:700;padding:8px 0;cursor:pointer;font-size:12px}.contact-tools button:hover{color:var(--yellow)}
.footer{padding:56px clamp(20px,4.5vw,76px) 27px;background:var(--ink);color:var(--white)}.footer-brand{font-size:clamp(32px,4vw,60px);letter-spacing:-.065em}.footer-brand .brand-dot{width:11px;height:11px}.footer>p{margin-top:13px;font-size:14px;color:#c4c0b9}.footer-line{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid #595650;padding-top:25px;margin-top:58px;font-size:11px;color:#c4c0b9}.footer-line a{color:var(--white)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1450px){.hero-layout{min-height:640px}.hero-art{height:570px}}
@media(max-width:1050px){.hero-layout{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(50px,6.3vw,80px)}.hero-art{height:440px}.sticker{width:85px;height:85px;font-size:10px}.approach{gap:27px}.studio{gap:7vw}.studio-marker{box-shadow:15px 18px 0 var(--rust)}}
@media(max-width:760px){.header{height:68px;padding:0 20px}.brand{font-size:19px}.header-contact{margin-left:auto;padding:12px 15px}.header-contact span{margin-left:6px}.nav-toggle{display:flex}.nav{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);box-shadow:0 20px 22px #16110f18;border-bottom:1px solid var(--line);padding:10px 20px 18px}.nav.open{display:flex}.nav a{padding:15px 0;border-bottom:1px solid var(--line)}.hero{padding:21px 20px 26px;min-height:0}.hero-layout{display:flex;flex-direction:column;gap:0}.hero-copy{padding:65px 0 24px;width:100%}.hero h1{font-size:clamp(49px,10vw,78px)}.eyebrow{margin-bottom:23px}.hero-description{margin:25px 0}.hero-art{height:390px;max-width:550px}.hero-bottom{padding-top:44px}.manifesto{padding:100px 23px}.manifesto h2{font-size:clamp(37px,8vw,63px)}.services{padding:80px 22px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:clamp(42px,9vw,66px)}.section-head>p{margin-top:20px}.service{grid-template-columns:40px 1fr 20px;gap:13px;padding:29px 0}.service h3{font-size:clamp(27px,6vw,39px)}.service p{font-size:14px}.service-arrow{font-size:20px}.approach{display:block;padding:95px 23px}.approach h2{margin-bottom:60px}.studio{grid-template-columns:1fr;padding:95px 24px;gap:70px}.studio-marker{width:min(65%,300px);justify-self:center}.contact h2{font-size:clamp(49px,10vw,83px)}.footer-line{font-size:10px}}
@media(max-width:420px){.header-contact{display:none}.nav-toggle{margin-left:auto}.hero h1{font-size:clamp(47px,11.8vw,55px)}.hero-description{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-art{height:300px}.frame-front{left:10%;width:77%;height:40%}.frame-middle{left:13%}.frame-back{right:6%;width:50%}.small-brand{font-size:21px}.art-caption.top{display:none}.sticker{width:69px;height:69px;font-size:8px}.sticker span{font-size:16px}.hero-bottom{font-size:8px}.hero-bottom span:first-child{max-width:160px;line-height:1.4}.contact h2{font-size:47px}.contact-actions .button{width:100%}.contact-tools{flex-wrap:wrap;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Official logo + verified brand colour refinements (October 2026). */
:root{--ink:#151515;--rust:#ff5b19;--yellow:#ffc27d;--forest:#272727}
.header{background:#fffefa}
.brand-image{display:block;line-height:0;flex-shrink:0}
.brand-image img{display:block;width:205px;height:auto;max-height:70px;object-fit:contain}
.studio-marker{background:#fffefa;overflow:hidden}
.studio-marker img{width:100%;height:100%;object-fit:contain;display:block}
.contact-details{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:28px auto 0!important;font-size:14px!important;line-height:1.55}
.contact-details a{color:var(--white);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.brand-image img{width:182px;height:auto;max-height:62px}}
@media(max-width:420px){.contact-details{flex-direction:column;gap:7px}.contact-details span{display:none}}
