@import url('./styles-base.css');

/* MATERIALS ATLAS — PRIMARY CARDS: IMAGE ONLY */
#core-grid .material-card figure::before,#core-grid .material-card figure::after{content:none!important;display:none!important;background:none!important}
#core-grid .material-card figure img{display:none!important;visibility:hidden!important;opacity:0!important}
#core-grid .material-card .advanced-visual{display:none!important}
#core-grid .material-card figure{background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
#core-grid .material-card:nth-child(1) figure{background-image:url('https://assets.architecturaldigest.in/photos/6992e6db1e798dd15351dd52/master/w_1600%2Cc_limit/NOW_7712.jpg')!important}
#core-grid .material-card:nth-child(2) figure{background-image:url('https://volzero.com/img/article/103448_51062.jpg')!important}
#core-grid .material-card:nth-child(3) figure{background-image:url('https://www.anokhaestates.com/assets/uploads/products/Homebanner-4.webp')!important}
#core-grid .material-card:nth-child(4) figure{background-image:url('https://amazingarchitecture.com/storage/files/4049/architecture-firm/abhishek-ajmera-architects/brick-house/brick-house-india-abhishek-ajmera-architects-28.jpg')!important}
#core-grid .material-card:nth-child(5) figure{background-image:url('https://assets.architecturaldigest.in/photos/69674a1850a368740012fc17/2%3A3/w_720%2Ch_1080%2Cc_limit/Untitled%20design%20-%202026-01-14T131719.408.jpg')!important}
#core-grid .material-card:nth-child(6) figure{background-image:url('https://volzero.com/img/article/101639_68471.jpg')!important}
#core-grid .material-card:nth-child(7) figure{background-image:url('https://static.wixstatic.com/media/f58739_7f68ba757b7c4604b955ba78852ee766~mv2.jpg/v1/fill/w_1098%2Ch_610%2Cq_90%2Cenc_avif%2Cquality_auto/f58739_7f68ba757b7c4604b955ba78852ee766~mv2.jpg')!important}
#core-grid .material-card:nth-child(8) figure{background-image:url('https://studioamitavikrant.com/uploads/projectGallery/Fabien-Charuau-Krissco-Moon-House-09_1715583695.jpg')!important}
#core-grid .material-card:nth-child(9) figure{background-image:url('https://cdn.sanity.io/images/ocl5w36p/prod5/7b28167aaf15a8c32734ec7e1cd3bddc6b07ab6d-3478x2263.jpg?auto=format&dpr=2&w=480')!important}
#core-grid .material-card:nth-child(10) figure{background-image:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/studio-lab/the-little-much-farm/the_little_much_farm_studio_lab_mulshi_india-01.jpg')!important}
#core-grid .material-card:nth-child(11) figure{background-image:url('https://assets.architecturaldigest.in/photos/67ad94d5f2bf1aab9f1a26d6/master/w_1600%2Cc_limit/Kaveeta%2520Singh%20Arora%20residence-19.jpg')!important}
#core-grid .material-card:nth-child(12) figure{background-image:url('https://assets.architecturaldigest.in/photos/600820dea28465f75014b979/master/w_1600%2Cc_limit/Orchard-house-Alibaug-by-SPASM6.jpg')!important}

/* PHASE 02 */
#advanced-grid .material-card[data-id="fly_ash_brick"] figure{background:url('https://www.architectandinteriorsindia.com/cloud/2024/07/17/08_The-Urban-Oasis_PC_-Ekansh-Goel-1024x683.jpg') center/cover no-repeat!important}
#advanced-grid .material-card[data-id="fly_ash_brick"] .advanced-visual{display:none!important}
#advanced-grid .material-card:nth-child(4) figure{background:url('https://images.squarespace-cdn.com/content/v1/63fc8c5403aaa04803ca2da3/42801e85-a4e3-4579-97bd-cf8d0ea01a7a/12_Ollie%2BHouse.jpg') center/cover no-repeat!important}
#advanced-grid .material-card:nth-child(4) .advanced-visual{display:none!important}
#advanced-grid .material-card:nth-child(9) figure{background:url('https://assets.architecturaldigest.in/photos/603345f6a41ff81d67c0bc41/16%3A9/w_320%2Cc_limit/Mumbai-home-architecture-essajees-photos-2-3.jpg') center/cover no-repeat!important}
#advanced-grid .material-card:nth-child(9) .advanced-visual{display:none!important}

/* MATERIALS ATLAS — HERO REDESIGN. Scoped so dashboard/homepage .hero rules cannot collide. */
body:has(#core-grid) .hero{position:relative!important;min-height:clamp(720px,82vh,940px)!important;display:flex!important;align-items:flex-end!important;padding:clamp(10rem,17vh,13rem) clamp(1.5rem,9vw,10rem) clamp(5rem,9vh,8rem)!important;background-image:linear-gradient(90deg,rgba(8,18,23,.72) 0%,rgba(8,18,23,.38) 48%,rgba(8,18,23,.12) 100%),linear-gradient(180deg,rgba(7,16,21,.18) 0%,rgba(7,16,21,.08) 48%,rgba(7,16,21,.45) 100%),url('https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg')!important;background-position:center!important;background-size:cover!important;overflow:hidden!important}
body:has(#core-grid) .hero>div{position:relative!important;z-index:2!important;max-width:1120px!important;margin:0 auto!important}
body:has(#core-grid) .hero .eyebrow{font-size:clamp(.62rem,.8vw,.76rem)!important;letter-spacing:.28em!important;margin:0 0 clamp(1.2rem,2.2vw,2rem)!important;color:#e3c68e!important}
body:has(#core-grid) .hero h1{font-family:'Playfair Display',Georgia,serif!important;font-weight:400!important;font-size:clamp(3.8rem,7.3vw,7.6rem)!important;line-height:.9!important;letter-spacing:-.045em!important;max-width:850px!important;margin:0 0 clamp(1.7rem,3vw,2.6rem)!important;color:#fff!important;text-wrap:balance!important}
body:has(#core-grid) .hero>div>p:last-child{font-size:clamp(1rem,1.35vw,1.18rem)!important;line-height:1.8!important;max-width:650px!important;color:rgba(247,247,244,.9)!important;margin:0!important}
@media(max-width:980px){body:has(#core-grid) .hero{min-height:760px!important;padding:9rem 6vw 5rem!important;background-position:62% center!important}body:has(#core-grid) .hero h1{font-size:clamp(3.4rem,8vw,6rem)!important;max-width:760px!important}}
@media(max-width:620px){body:has(#core-grid) .hero{min-height:82svh!important;padding:8.5rem 1.25rem 3.75rem!important;align-items:flex-end!important;background-position:64% center!important;background-image:linear-gradient(90deg,rgba(8,18,23,.78) 0%,rgba(8,18,23,.5) 72%,rgba(8,18,23,.2) 100%),linear-gradient(180deg,rgba(7,16,21,.18),rgba(7,16,21,.62)),url('https://amazingarchitecture.com/storage/files/1/architecture-firms/vpa-architects/tamara-villa/35-tamara-villa-vpa-architects-india.jpg')!important}body:has(#core-grid) .hero>div{max-width:100%!important}body:has(#core-grid) .hero .eyebrow{font-size:.58rem!important;line-height:1.55!important;letter-spacing:.2em!important;max-width:28rem!important;margin-bottom:1rem!important}body:has(#core-grid) .hero h1{font-size:clamp(3rem,12.8vw,4.5rem)!important;line-height:.94!important;letter-spacing:-.045em!important;max-width:10ch!important;margin-bottom:1.4rem!important}body:has(#core-grid) .hero>div>p:last-child{font-size:1rem!important;line-height:1.68!important;max-width:34rem!important}}
@media(max-width:390px){body:has(#core-grid) .hero{min-height:86svh!important;padding:8rem 1.1rem 3.2rem!important}body:has(#core-grid) .hero h1{font-size:clamp(2.7rem,12.5vw,3.6rem)!important;max-width:9.5ch!important}body:has(#core-grid) .hero>div>p:last-child{font-size:.94rem!important}}

/* HERO SPACING PASS — 20% TALLER / COPY LOWER */
body:has(#core-grid) .hero{min-height:clamp(864px,98.4vh,1128px)!important;padding-bottom:clamp(2.75rem,4.5vh,4.5rem)!important}
@media(max-width:980px){body:has(#core-grid) .hero{min-height:912px!important;padding-bottom:3.5rem!important}}
@media(max-width:620px){body:has(#core-grid) .hero{min-height:98svh!important;padding-bottom:2.4rem!important}}
@media(max-width:390px){body:has(#core-grid) .hero{min-height:103svh!important;padding-bottom:2rem!important}}

/* MATERIALS ATLAS — EDITORIAL SECTION HEADS, scoped to this page. */
body:has(#core-grid) .section-head{display:grid!important;grid-template-columns:minmax(170px,.42fr) minmax(0,1.35fr) minmax(300px,.9fr)!important;column-gap:clamp(2.5rem,5vw,6rem)!important;align-items:end!important;max-width:1500px!important;margin:0 auto clamp(3rem,5vw,5rem)!important}
body:has(#core-grid) .section-head .kicker{align-self:end!important;margin:0 0 .35rem!important;max-width:210px!important;font-size:clamp(.66rem,.72vw,.78rem)!important;line-height:1.8!important;letter-spacing:.22em!important}
body:has(#core-grid) .section-head h2{font-family:'Playfair Display',Georgia,serif!important;font-size:clamp(3rem,4.65vw,5.6rem)!important;font-weight:400!important;line-height:.94!important;letter-spacing:-.035em!important;max-width:720px!important;margin:0!important;color:var(--ink)!important;text-wrap:balance!important}
body:has(#core-grid) .section-head p:not(.kicker){max-width:560px!important;margin:0!important;font-size:clamp(.98rem,1.1vw,1.16rem)!important;line-height:1.72!important;color:#637078!important}
@media(max-width:980px){body:has(#core-grid) .section-head{grid-template-columns:180px minmax(0,1fr)!important;column-gap:3rem!important;row-gap:1.25rem!important}body:has(#core-grid) .section-head .kicker{grid-column:1!important}body:has(#core-grid) .section-head h2{grid-column:2!important;font-size:clamp(2.8rem,6vw,4.7rem)!important}body:has(#core-grid) .section-head p:not(.kicker){grid-column:2!important;max-width:620px!important}}
@media(max-width:620px){body:has(#core-grid) .section-head{display:block!important;margin-bottom:3rem!important}body:has(#core-grid) .section-head .kicker{max-width:100%!important;margin:0 0 1.15rem!important;line-height:1.55!important}body:has(#core-grid) .section-head h2{font-size:clamp(2.7rem,12vw,4rem)!important;line-height:.96!important;max-width:12ch!important;margin:0 0 1.5rem!important}body:has(#core-grid) .section-head p:not(.kicker){font-size:1rem!important;line-height:1.7!important;max-width:38rem!important}}

/* INDIA PAGE — NAVIGATION VISIBILITY REPAIR. */
html body .topbar{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:999!important;min-height:84px!important;height:84px!important;background:#f5f1e9!important;color:#173044!important;border-bottom:1px solid rgba(23,35,45,.12)!important;box-shadow:0 4px 18px rgba(23,35,45,.05)!important}
html body .topbar .brand,html body .topbar .brand span,html body .topbar .brand small,html body .topbar nav,html body .topbar nav a,html body .topbar .header-actions,html body .topbar .pin-mini,html body .topbar .journey-btn{visibility:visible!important;opacity:1!important}
html body .topbar .brand,html body .topbar nav a,html body .topbar .pin-mini{color:#173044!important}
html body .topbar .brand small{color:#66757d!important}
html body .topbar .journey-btn{color:#173044!important;border-color:rgba(23,48,68,.30)!important;background:rgba(255,255,255,.62)!important}
html body nav a:hover{color:#8b683c!important}
@media(max-width:750px){html body .topbar{min-height:70px!important;height:70px!important;background:#f5f1e9!important}html body .topbar .brand,html body .topbar .brand span{color:#173044!important}}

/* INDIA INTELLIGENCE — HUB UNIVERSE: EDITORIAL CARD REDESIGN */
#hubs{overflow:visible!important}
#hubs .edge-inner{overflow:visible!important}
#hubs .hubs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;border-top:1px solid rgba(23,35,45,.16)!important;border-bottom:1px solid rgba(23,35,45,.16)!important;padding:0!important;min-height:0!important;height:auto!important;align-items:stretch!important}
#hubs .hub{display:grid!important;grid-template-rows:auto auto auto auto!important;position:relative!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:1.4rem clamp(.7rem,1.25vw,1.35rem) 1.65rem!important;border:0!important;border-right:1px solid rgba(23,35,45,.13)!important;background:transparent!important;align-items:start!important;justify-items:start!important;text-align:left!important;overflow:visible!important}
#hubs .hub:last-child{border-right:0!important}
#hubs .hub::before{content:""!important;display:block!important;position:static!important;inset:auto!important;transform:none!important;grid-row:1!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/3!important;border-radius:2px!important;margin:0 0 1.1rem!important;padding:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:none!important;border:0!important;flex:none!important;clip-path:none!important}
#hubs .hub b{display:block!important;grid-row:2!important;margin:0 0 .45rem!important;font:700 .56rem/1.2 Arial,sans-serif!important;letter-spacing:.18em!important;color:#967044!important}
#hubs .hub strong{display:block!important;grid-row:3!important;margin:0 0 .55rem!important;font:400 clamp(1.05rem,1.35vw,1.3rem)/1.08 Georgia,serif!important;color:#17232d!important}
#hubs .hub span{display:block!important;grid-row:4!important;width:100%!important;min-height:0!important;height:auto!important;margin:0!important;font:400 clamp(.86rem,1vw,.98rem)/1.45 Georgia,serif!important;color:#58666e!important;max-width:none!important}
#hubs .hub .pill{grid-row:5!important;justify-self:start!important;align-self:start!important;display:inline-flex!important;position:static!important;margin:1rem 0 0!important;padding:.43rem .7rem!important;border-radius:999px!important;background:#e8dfd1!important;color:#60492d!important;font:800 .51rem/1 Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important;white-space:nowrap!important}
@media(min-width:1101px){#hubs .hub::before{min-height:145px!important;max-height:185px!important}#hubs .hub:nth-child(2)::before{background-image:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/aann-space/aann-haus/aann-haus-aann-space-new-chandigarh-india-01.jpg')!important}#hubs .hub:nth-child(1)::before{background-image:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/vihar-fadia-architects/epicurus-house/epicurus_house_ahmedabad_india_vihar_fadia_architects-34.jpg')!important}#hubs .hub:nth-child(3)::before{background-image:url('https://assets.architecturaldigest.in/photos/61922845a69fa9f9fffb41cf/16%3A9/w_2560%2Cc_limit/delhi%2520farmhouse.png')!important}#hubs .hub:nth-child(4)::before{background-image:url('https://assets.architecturaldigest.in/photos/65d2fb3c82350d9d13f33f10/master/w_1600%2Cc_limit/TSWR%252006e%2520-%2520Exterior.jpg')!important}#hubs .hub:nth-child(5)::before{background-image:url('https://images.squarespace-cdn.com/content/v1/57058af18a65e2f19709cb0d/1562617703246-SHNP9DX9DMEH9WOHEY0N/Chhavi%2BHouse%2BX%2BPendulum%2BMagazine')!important}#hubs .hub:nth-child(6)::before{background-image:url('https://ik.imagekit.io/5tgxhsqev/saffronstays-media/image/upload/cfmmdfvommv4umwvzukt?tr=w-1920%2Cq-75%2Cf-webp')!important}}
@media(max-width:1100px){#hubs .hubs{grid-template-columns:repeat(3,minmax(0,1fr))!important}#hubs .hub{border-bottom:1px solid rgba(23,35,45,.13)!important}#hubs .hub:nth-child(3),#hubs .hub:nth-child(6){border-right:0!important}}
@media(max-width:680px){#hubs .hubs{grid-template-columns:1fr!important}#hubs .hub{grid-template-columns:96px 1fr!important;grid-template-rows:auto auto auto auto!important;column-gap:1rem!important;padding:1.15rem 0!important;border-right:0!important}#hubs .hub::before{grid-column:1!important;grid-row:1 / span 4!important;width:96px!important;height:96px!important;aspect-ratio:1!important;border-radius:50%!important;margin:0!important;min-height:96px!important;max-height:96px!important}#hubs .hub b{grid-column:2!important;grid-row:1!important}#hubs .hub strong{grid-column:2!important;grid-row:2!important}#hubs .hub span{grid-column:2!important;grid-row:3!important}#hubs .hub .pill{grid-column:2!important;grid-row:4!important;margin-top:.7rem!important}}