/*
Theme Name: TATA
Theme URI: https://insterhome.com/
Author: TATA by Insterhome
Author URI: https://insterhome.com/
Description: TATA — Semua Ada Tempatnya. Editorial interior studio theme.
Version: 3.0.11
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: tata
*/

:root{
  --bg:#050505;
  --bg-deep:#000;
  --panel:#101010;
  --text:#f5f5f5;
  --muted:#8a8a8a;
  --line:rgba(255,255,255,.18);
  --line-soft:rgba(255,255,255,.08);
  --accent:#b9b9b9;
  --max:1380px;
  --pad:clamp(22px,4vw,64px);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;font-weight:400;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.site-wrap{min-height:100vh;background:var(--bg)}
.container{width:min(calc(100% - 2 * var(--pad)),var(--max));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* HEADER */
.site-header{position:fixed;z-index:1000;inset:0 0 auto 0;height:82px;background:linear-gradient(to bottom,rgba(20,20,20,.88),rgba(20,20,20,0));transition:background .45s var(--ease),height .45s var(--ease),backdrop-filter .45s var(--ease),border-color .45s ease}
.site-header.scrolled{height:68px;background:rgba(24,24,24,.94);backdrop-filter:blur(13px);border-bottom:1px solid var(--line-soft)}
.header-inner{height:100%;width:min(calc(100% - 2 * var(--pad)),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;flex-direction:column;font-size:15px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;white-space:nowrap}
.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.22em;font-weight:400;margin-top:-1px}
.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px)}
.desktop-nav a,.mobile-nav a{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,245,245,.78);transition:color .3s ease}
.desktop-nav a:hover,.mobile-nav a:hover{color:var(--text)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--text)}
.menu-toggle span{display:block;width:17px;height:1px;background:currentColor;margin:4px auto}
.mobile-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px var(--pad) 42px;background:rgba(24,24,24,.98);border-bottom:1px solid var(--line)}
.mobile-nav.open{display:grid;gap:28px}

/* GRID */
.grid-lines{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55}
.grid-lines:before,.grid-lines:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line-soft)}
.grid-lines:before{left:max(var(--pad),calc((100vw - var(--max))/2))}
.grid-lines:after{right:max(var(--pad),calc((100vw - var(--max))/2))}
.content-layer{position:relative;z-index:1}

/* HERO ACTIONS */
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px}
.hero-actions .hero-cta{margin-top:0}
.hero-cta-secondary{color:rgba(245,245,245,.58)}
.hero-cta-secondary:hover{color:#fff}
@media(max-width:700px){.hero-actions{gap:22px;margin-top:26px}}

/* HERO */
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#151515}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.58);transform:scale(1.01)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.16) 38%,rgba(0,0,0,.80) 100%)}
.hero-content{position:relative;z-index:2;width:min(calc(100% - 2 * var(--pad)),var(--max));margin:0 auto;padding:160px 0 82px}
.eyebrow{margin:0 0 20px;color:rgba(245,245,245,.68);font-size:10px;letter-spacing:.32em;text-transform:uppercase}
.hero h1{max-width:1050px;margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(52px,9vw,142px);line-height:.9;font-weight:300;letter-spacing:-.055em;text-transform:uppercase}
.hero-description{max-width:530px;margin:30px 0 0;color:rgba(245,245,245,.72);font-size:14px;line-height:1.75}
.hero-cta{display:inline-flex;align-items:center;gap:14px;margin-top:32px;padding:12px 0;border-bottom:1px solid rgba(245,245,245,.55);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.hero-cta:after{content:"↗";font-size:15px}

/* SECTIONS */
.section{padding:clamp(82px,10vw,150px) 0}
.section+.section{border-top:1px solid var(--line-soft)}
.section-kicker{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:9px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:38px}
.section-kicker:after{content:"";height:1px;background:var(--line);width:70px}
.section-title{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(38px,6vw,88px);line-height:.98;font-weight:300;letter-spacing:-.045em;text-transform:uppercase}

/* STATEMENT */
.statement{max-width:1040px}
.statement p{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(34px,5vw,72px);line-height:1.02;font-weight:300;letter-spacing:-.045em}
.statement p em{font-style:normal;color:#8f8f8f}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,130px);align-items:start}
.about-copy{padding-top:8px}
.about-copy p{max-width:540px;color:#b9b9b9;font-size:15px;line-height:1.9}
.about-number{margin-top:65px;color:var(--muted);font-size:9px;letter-spacing:.24em;text-transform:uppercase}
.about-media img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* ABOUT EXTENDED */
.about-intro p{max-width:620px;color:#b9b9b9;font-size:14px;line-height:1.9;margin:0 0 20px}
.about-intro strong,.about-more-copy strong{color:#ededed;font-weight:500}
.about-philosophy{margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-subheading{padding:18px 0 8px;color:var(--muted);font-size:9px;letter-spacing:.24em;text-transform:uppercase}
.about-principles{display:grid;grid-template-columns:repeat(2,1fr)}
.about-principle{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:25px 25px 28px 0;border-top:1px solid var(--line-soft)}
.about-principle:nth-child(even){padding-left:25px;border-left:1px solid var(--line)}
.about-principle span{font-size:9px;color:#666;letter-spacing:.16em}
.about-principle h3{margin:0 0 8px;font-family:"Manrope",Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.02em}
.about-principle p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.about-more{border-top:1px solid var(--line)}
.about-more-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,8vw,130px);padding:70px 0;border-bottom:1px solid var(--line)}
.about-more-copy{max-width:720px;color:#b9b9b9;font-size:14px;line-height:1.9}
.about-more-copy p{margin:0 0 20px}
.about-more-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}
.about-more-copy li{padding:15px 0;border-bottom:1px solid var(--line-soft);position:relative;padding-left:20px}
.about-more-copy li:before{content:"—";position:absolute;left:0;color:#666}
.about-why{padding-top:78px}
.about-commitment{max-width:950px;padding:100px 0 30px}
.about-commitment h2{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(42px,6vw,82px);line-height:.95;font-weight:300;letter-spacing:-.055em}
.about-commitment h2 em{font-style:normal;color:#777}
.about-commitment>p{max-width:650px;color:var(--muted);font-size:14px;line-height:1.85}
.about-right-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-right-list span{padding:16px 18px 16px 0;border-bottom:1px solid var(--line-soft);font-family:"Manrope",Arial,sans-serif;font-size:18px;font-weight:300;letter-spacing:-.015em}
.about-right-list span:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}
.about-signature{margin-top:55px;color:#bbb;font-size:13px;line-height:1.8}
.about-signature>strong{font-family:"Manrope",Arial,sans-serif;font-size:18px;font-weight:400;color:#eee}
.about-signature span{color:#888}
.about-signature small{display:block;margin-top:8px;color:#666;font-size:10px}

/* PROJECTS */
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(26px,3.5vw,52px)}
.project{min-width:0}
.project:nth-child(1){grid-column:span 7}
.project:nth-child(2){grid-column:span 5;margin-top:90px}
.project:nth-child(3){grid-column:span 5}
.project:nth-child(4){grid-column:span 7;margin-top:90px}
.project-media{overflow:hidden;background:#292929}
.project-media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease)}
.project:hover .project-media img{transform:scale(1.045);filter:brightness(.78)}
.project-meta{padding-top:17px;display:flex;justify-content:space-between;gap:15px}
.project-name{font-size:11px;letter-spacing:.17em;text-transform:uppercase}
.project-cat{font-size:9px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}
.project-link{display:block}

/* SERVICES */
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.service{padding:32px 25px 38px 0;min-height:220px;border-right:1px solid var(--line)}
.service+.service{padding-left:25px}
.service:last-child{border-right:0}
.service-index{font-size:9px;color:var(--muted);letter-spacing:.2em}
.service h3{font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:60px 0 14px}
.service p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}

/* JOURNAL */
.post-list{display:grid;gap:0;border-top:1px solid var(--line)}
.post-card{display:grid;grid-template-columns:170px minmax(0,1fr) 300px;gap:35px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:padding .35s ease,background .35s ease}
.post-card:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.018)}
.post-thumb{width:170px;height:115px;overflow:hidden;background:#292929}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .post-thumb img{transform:scale(1.04)}
.post-date{font-size:9px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:9px}
.post-card h3{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(20px,2.2vw,30px);font-weight:300;line-height:1.1;letter-spacing:-.025em}
.post-excerpt{font-size:11px;color:var(--muted);line-height:1.7}

/* ARCHIVE */
.archive-hero{padding:150px 0 75px;border-bottom:1px solid var(--line)}
.archive-hero h1{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(58px,10vw,150px);line-height:.9;font-weight:300;letter-spacing:-.06em;text-transform:uppercase}
.archive-sub{max-width:500px;color:var(--muted);font-size:13px;margin-top:24px}
.blog-index .post-list{margin-top:75px}
.numbered-post{display:grid;grid-template-columns:85px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}
.numbered-post .num{font-family:"Manrope";font-size:13px;color:var(--muted);letter-spacing:.12em}
.numbered-post h2{margin:0 0 12px;font-family:"Manrope";font-size:clamp(26px,4vw,48px);line-height:1.05;font-weight:300;letter-spacing:-.035em}
.numbered-post .excerpt{max-width:720px;color:var(--muted);font-size:13px;line-height:1.8}
.numbered-post .date{margin-top:16px;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.pager{display:flex;justify-content:space-between;gap:25px;margin-top:45px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.pager a{padding:13px 0;border-bottom:1px solid var(--line)}
.pager .disabled{color:#555;border-bottom-color:#333}

/* SINGLE POST / PROJECT */
.single-post-wrap,.single-project-wrap{padding:150px 0 120px}
.single-post-header,.single-project-header{max-width:1050px;margin-bottom:65px}
.single-post-label,.single-project-label{color:var(--muted);font-size:9px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:20px}
.single-post-title,.single-project-title{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(48px,7vw,105px);line-height:.96;font-weight:300;letter-spacing:-.055em;text-transform:none}
.single-post-date,.project-meta-line{margin-top:25px;color:var(--muted);font-size:10px;letter-spacing:.17em;text-transform:uppercase}
.single-post-featured,.single-project-featured{width:100%;max-height:780px;object-fit:cover;margin-bottom:70px;background:#292929}
.single-post-body,.single-project-body{max-width:820px;margin:0 auto;font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.9;color:#d4d4d4;overflow-wrap:anywhere}
.single-post-body>* ,.single-project-body>*{max-width:100%}
.single-post-body p,.single-project-body p{margin:0 0 1.55em}
.single-post-body h2,.single-post-body h3,.single-post-body h4,.single-project-body h2,.single-project-body h3,.single-project-body h4{color:var(--text);font-family:"Manrope",Arial,sans-serif;font-weight:400;line-height:1.2;margin:2.2em 0 .8em;letter-spacing:-.02em}
.single-post-body h2,.single-project-body h2{font-size:36px}
.single-post-body h3,.single-project-body h3{font-size:27px}
.single-post-body h4,.single-project-body h4{font-size:21px}
.single-post-body img,.single-project-body img{display:block;width:auto;max-width:100%;height:auto;margin:35px auto}
.single-post-body a,.single-project-body a{color:#dedede;text-decoration:underline;text-underline-offset:4px}
.single-post-body blockquote,.single-project-body blockquote{margin:38px 0;padding:8px 0 8px 25px;border-left:1px solid #aaa;color:#bbb;font-size:19px}
.single-post-body ul,.single-post-body ol,.single-project-body ul,.single-project-body ol{margin:0 0 1.55em;padding-left:1.5em}
.post-nav{max-width:820px;margin:85px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.post-nav a{padding:25px 0}
.post-nav a+a{padding-left:25px;border-left:1px solid var(--line)}
.post-nav small{display:block;color:var(--muted);font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}
.post-nav strong{font-family:"Manrope";font-size:15px;font-weight:400;line-height:1.3}
.related{max-width:1100px;margin:100px auto 0}
.related-title{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.related-item img{aspect-ratio:4/3;width:100%;object-fit:cover;margin-bottom:14px}
.related-item h3{font-family:"Manrope";font-size:16px;font-weight:400;line-height:1.25;margin:0}
.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:80px auto;max-width:1100px}
.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.project-gallery img:first-child{grid-column:span 2;aspect-ratio:16/8}

/* PAGE */
.page-wrap{padding:150px 0 120px}
.page-title{font-family:"Manrope";font-size:clamp(52px,8vw,110px);font-weight:300;line-height:.95;letter-spacing:-.055em;margin:0 0 65px}
.page-body{max-width:820px;margin:auto;font-size:16px;line-height:1.9;color:#d4d4d4}
.page-body img{max-width:100%;height:auto}

/* FOOTER */
.site-footer{border-top:1px solid var(--line);padding:70px 0 35px;background:var(--bg-deep)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}
.footer-brand{font-family:"Manrope";font-size:32px;font-weight:300;letter-spacing:-.03em}
.footer-copy{color:var(--muted);font-size:11px;max-width:350px;line-height:1.8;margin-top:12px}
.footer-label{color:var(--muted);font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
.footer-links{display:grid;gap:7px;font-size:11px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:20px;border-top:1px solid var(--line-soft);color:#666;font-size:8px;letter-spacing:.16em;text-transform:uppercase}

/* MOTION */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.visible{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:1000px){
  .desktop-nav{display:none}.menu-toggle{display:block}
  .about-grid{grid-template-columns:1fr}.about-media{max-width:760px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .service:nth-child(2){border-right:0}
  .service:nth-child(3),.service:nth-child(4){border-top:1px solid var(--line)}
  .post-card{grid-template-columns:140px minmax(0,1fr)}
  .post-thumb{width:140px;height:100px}.post-excerpt{display:none}
}
@media(max-width:700px){
  :root{--pad:20px}
  .site-header{height:68px}.brand{font-size:13px}
  .hero-content{padding:130px 0 55px}.hero h1{font-size:clamp(46px,15vw,80px)}
  .section{padding:80px 0}.project-grid{display:block}
  .project{margin:0 0 48px!important}
  .service-grid{display:block}
  .service,.service+.service{padding:28px 0;border-right:0;border-top:1px solid var(--line)}
  .service:first-child{border-top:0}.service h3{margin:40px 0 12px}
  .post-card{grid-template-columns:90px minmax(0,1fr);gap:17px}.post-thumb{width:90px;height:75px}
  .post-card h3{font-size:18px}.post-date{font-size:8px}
  .archive-hero{padding:120px 0 55px}.numbered-post{grid-template-columns:45px 1fr;gap:10px;padding:26px 0}
  .numbered-post h2{font-size:27px}.single-post-wrap,.single-project-wrap{padding:120px 0 80px}
  .single-post-header,.single-project-header{margin-bottom:45px}
  .single-post-title,.single-project-title{font-size:clamp(42px,12vw,68px)}
  .single-post-featured,.single-project-featured{margin-bottom:45px;max-height:none}
  .single-post-body,.single-project-body{font-size:15px;line-height:1.85}
  .post-nav{grid-template-columns:1fr;margin-top:60px}
  .post-nav a+a{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .related-grid{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr}
  .project-gallery img:first-child{grid-column:auto;aspect-ratio:4/3}
  .footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{margin-top:45px;display:block}
  .footer-bottom span{display:block;margin-top:8px}
}
@media(max-width:390px){.post-card{grid-template-columns:1fr}.post-thumb{width:100%;height:auto;aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}

/* TATA BLACK EDITION — editorial refinements */
.site-header{height:76px}
.site-header.scrolled{height:64px;background:rgba(0,0,0,.93)}
.brand{font-family:"Manrope",Arial,sans-serif;font-weight:500;letter-spacing:.34em}
.brand small{font-family:"DM Sans",Arial,sans-serif;letter-spacing:.23em}
.desktop-nav a,.mobile-nav a{font-family:"DM Sans",Arial,sans-serif;font-size:9px;letter-spacing:.21em}
.hero h1{font-weight:300;letter-spacing:-.065em}
.hero-content{padding-bottom:92px}
.hero-description{font-size:13px}
.hero-cta{font-size:9px;letter-spacing:.25em}
.project-grid{gap:18px}
.project:nth-child(1),.project:nth-child(2),.project:nth-child(3),.project:nth-child(4){grid-column:span 6;margin-top:0}
.project-media{border:1px solid rgba(255,255,255,.13);position:relative}
.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 65%,rgba(0,0,0,.22));pointer-events:none}
.project-meta{padding:15px 2px 0}
.project-name{font-size:10px;letter-spacing:.2em}
.project-cat{font-size:8px;letter-spacing:.19em}
.section-kicker{font-size:8px;letter-spacing:.3em}
.section-title{font-weight:300}
.service-grid{border-color:rgba(255,255,255,.18)}
.service{border-color:rgba(255,255,255,.18)}
.post-list,.post-card{border-color:rgba(255,255,255,.15)}
.footer-brand{letter-spacing:.12em;text-transform:uppercase}
@media(max-width:700px){
 .site-header{height:64px}
 .hero-content{padding-bottom:52px}
 .project:nth-child(1),.project:nth-child(2),.project:nth-child(3),.project:nth-child(4){grid-column:auto}
}

/* COMPLETE BLACK EDITION SUPPORT */
.empty-state{padding:28px 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}
.page-wrap{padding:120px 0 100px}
.page-title{font-family:"Manrope",Arial,sans-serif;font-weight:300;font-size:clamp(48px,8vw,110px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 55px}
.page-body{max-width:820px;margin:auto;color:#d4d4d4;font-size:16px;line-height:1.9}
.page-body img{height:auto}
.page-body h2,.page-body h3{font-family:"Manrope",Arial,sans-serif;font-weight:300;line-height:1.05;letter-spacing:-.03em}
.single-post-body h2,.single-post-body h3,.single-project-body h2,.single-project-body h3{font-family:"Manrope",Arial,sans-serif;font-weight:400;line-height:1.1;letter-spacing:-.025em;color:#f5f5f5;margin-top:2em}
.single-post-body blockquote,.single-project-body blockquote{margin:45px 0;padding:20px 0 20px 25px;border-left:1px solid #777;color:#aaa;font-family:"Manrope",Arial,sans-serif;font-size:clamp(22px,3vw,36px);line-height:1.2}
.single-post-body ul,.single-post-body ol,.single-project-body ul,.single-project-body ol{padding-left:25px}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.post-nav a{display:block;padding:30px 0;min-height:115px}
.post-nav a+a{padding-left:30px;border-left:1px solid var(--line);text-align:right}
.post-nav small{display:block;color:var(--muted);font-size:8px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}
.post-nav strong{display:block;font-family:"Manrope",Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.2}
.related{margin-top:90px}
.related-title{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:25px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-item{display:block}
.related-item img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:14px}
.related-item h3{margin:0;font-family:"Manrope",Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}
.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:60px}
.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}
.project-gallery img:first-child{grid-column:1 / -1;aspect-ratio:16/9}
.site-footer{position:relative;z-index:1;padding:85px 0 30px;background:#000;border-top:1px solid var(--line-soft)}
.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:60px}
.footer-brand{font-family:"Manrope",Arial,sans-serif;font-size:13px;letter-spacing:.25em;font-weight:500}
.footer-copy{color:var(--muted);font-size:11px;max-width:350px;line-height:1.8;margin-top:12px}
.footer-label{color:var(--muted);font-size:8px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
.footer-links{display:grid;gap:7px;font-size:11px}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:20px;border-top:1px solid var(--line-soft);color:#666;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.desktop-nav .menu-item{list-style:none}
.desktop-nav{list-style:none;margin:0;padding:0}
.mobile-nav .menu-item{list-style:none}
.mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.mobile-nav{z-index:1001}
.mobile-nav.open{display:block}
.mobile-nav a{display:block}
.screen-reader-text:focus{background:#fff;color:#000;clip:auto!important;clip-path:none!important;height:auto;width:auto;margin:5px;padding:10px;position:fixed!important;left:5px;top:5px;z-index:100000}
@media(max-width:700px){.post-nav{grid-template-columns:1fr}.post-nav a+a{padding-left:0;border-left:0;border-top:1px solid var(--line);text-align:left}.related-grid{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr}.project-gallery img:first-child{grid-column:auto;aspect-ratio:4/3}}

@media(max-width:800px){
  .about-principles{display:block}
  .about-principle,.about-principle:nth-child(even){padding:22px 0;border-left:0}
  .about-more-grid{display:block;padding:55px 0}
  .about-more-grid .about-more-copy{margin-top:35px}
  .about-why{padding-top:65px}
  .about-commitment{padding:75px 0 10px}
  .about-right-list{display:block}
  .about-right-list span,.about-right-list span:nth-child(even){display:block;padding:14px 0;border-left:0}
}


/* =========================================================
   TATA v3.0.3 — ABOUT REFINEMENT
   About image removed; Philosophy becomes horizontal editorial grid.
========================================================= */
.about-grid{
  display:block;
}
.about-copy{
  max-width:1180px;
  padding-top:8px;
}
.about-intro{
  max-width:900px;
}
.about-philosophy{
  margin-top:72px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.about-subheading{
  padding:20px 0 16px;
}
.about-principles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line-soft);
}
.about-principle,
.about-principle:nth-child(even){
  display:block;
  min-height:250px;
  padding:28px 28px 32px 0;
  border-top:0;
  border-left:0;
  border-right:1px solid var(--line);
}
.about-principle:not(:first-child){
  padding-left:28px;
}
.about-principle:last-child{
  border-right:0;
}
.about-principle span{
  display:block;
  margin-bottom:58px;
}
.about-principle h3{
  margin-bottom:12px;
  font-size:20px;
}
.about-principle p{
  max-width:230px;
}

@media(max-width:900px){
  .about-principles{
    grid-template-columns:repeat(2,1fr);
  }
  .about-principle,
  .about-principle:nth-child(even){
    min-height:230px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line-soft);
  }
  .about-principle:nth-child(2),
  .about-principle:nth-child(4){
    border-right:0;
  }
  .about-principle:nth-child(3),
  .about-principle:nth-child(4){
    border-bottom:0;
  }
}

@media(max-width:700px){
  .about-principles{
    display:block;
  }
  .about-principle,
  .about-principle:nth-child(even){
    min-height:0;
    padding:24px 0 28px;
    border-right:0;
    border-bottom:1px solid var(--line-soft);
  }
  .about-principle:last-child{
    border-bottom:0;
  }
  .about-principle span{
    margin-bottom:28px;
  }
  .about-principle p{
    max-width:100%;
  }
}


/* =========================================================
   TATA v3.0.4 — PROJECT INFORMATION
   Prominent editorial project specification grid.
========================================================= */
.project-info-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:35px 0 70px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.project-info-item{
  min-height:118px;
  padding:23px 24px 24px 0;
  border-right:1px solid var(--line);
}
.project-info-item:not(:first-child){padding-left:24px}
.project-info-item:last-child{border-right:0}
.project-info-item span{
  display:block;
  margin-bottom:27px;
  color:var(--muted);
  font-size:8px;
  font-weight:500;
  letter-spacing:.24em;
  line-height:1;
  text-transform:uppercase;
}
.project-info-item strong{
  display:block;
  font-family:"Manrope",Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:-.015em;
  color:var(--text);
}
.project-history{
  margin-top:5px;
  padding-top:55px;
  border-top:1px solid var(--line);
}
.project-history-label{
  margin-bottom:28px;
  color:var(--muted);
  font-size:8px;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.project-history .single-project-body{margin-top:0}
@media(max-width:900px){
  .project-info-grid{grid-template-columns:repeat(2,1fr)}
  .project-info-item:nth-child(2){border-right:0}
  .project-info-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
  .project-info-grid{display:block;margin:28px 0 55px}
  .project-info-item,
  .project-info-item:not(:first-child){min-height:0;padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
  .project-info-item:last-child{border-bottom:0}
  .project-info-item span{margin-bottom:11px}
  .project-info-item strong{font-size:15px}
  .project-history{padding-top:42px}
}

/* TATA v3.0.6 — editable Home sections */
.tata-philosophy-section{padding-top:30px}
.tata-philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);margin-top:45px}
.tata-philosophy-grid .about-principle{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:34px 26px 42px 0;border-right:1px solid rgba(255,255,255,.16)}
.tata-philosophy-grid .about-principle:not(:first-child){padding-left:26px}
.tata-philosophy-grid .about-principle:last-child{border-right:0}
.tata-philosophy-grid .about-principle>span{font-size:9px;letter-spacing:.16em;color:#666}
.tata-philosophy-grid .about-principle h3{font-family:"Manrope",sans-serif;font-size:22px;font-weight:300;letter-spacing:-.025em;margin:0 0 16px}
.tata-philosophy-grid .about-principle p{font-size:12px;line-height:1.7;color:#888;margin:0}
.tata-home-cta{padding-bottom:140px}
.tata-home-cta .cta-block{border-top:1px solid rgba(255,255,255,.16);padding-top:55px}
.tata-home-cta h2{font-family:"Manrope",sans-serif;font-size:clamp(60px,9vw,130px);font-weight:300;line-height:.84;letter-spacing:-.06em;margin:0 0 45px}
.tata-home-cta h2 em{color:#666;font-style:normal}
@media(max-width:1000px){.tata-philosophy-grid{grid-template-columns:repeat(2,1fr)}.tata-philosophy-grid .about-principle:nth-child(2){border-right:0}.tata-philosophy-grid .about-principle:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}}
@media(max-width:700px){.tata-philosophy-grid{grid-template-columns:1fr}.tata-philosophy-grid .about-principle,.tata-philosophy-grid .about-principle:not(:first-child){padding:30px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.tata-philosophy-grid .about-principle:last-child{border-bottom:0}.tata-home-cta{padding-bottom:90px}}

/* TATA v3.0.11 — reusable shortcode pages */
.page-wrap.tata-shortcode-page{padding:0;max-width:none}
.page-wrap.tata-shortcode-page>.container{width:100%;max-width:none;margin:0}
.page-wrap.tata-shortcode-page .page-body{width:100%;max-width:none;margin:0;padding:0}
.page-wrap.tata-shortcode-page .tata-full-section{width:100%;margin:0}
@media(max-width:700px){
  .mobile-nav{top:64px;padding:24px var(--pad) 46px}
  .mobile-nav.open{gap:30px}
}