:root{--ii-ink:#17232d;--ii-body:#5f6d73;--ii-paper:#f4f0e8;--ii-white:#fffdf9;--ii-night:#111d24;--ii-night2:#213b45;--ii-gold:#b9894b;--ii-line:rgba(23,35,45,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ii-page{margin:0;background:var(--ii-paper);color:var(--ii-ink);overflow-x:hidden}
.ii-page .topbar{position:absolute!important;top:0;left:0;right:0;z-index:30;width:100%!important;max-width:none!important;background:linear-gradient(180deg,rgba(8,15,20,.82),transparent)!important;border:0!important;box-shadow:none!important;color:#fff}
.ii-page .topbar a,.ii-page .topbar span,.ii-page .topbar small{color:#fff!important}
.ii-wrap{width:min(1480px,calc(100% - 64px));margin:0 auto}
.ii-hero{position:relative;width:100%;aspect-ratio:1.618/1;min-height:min(78vh,900px);display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#15232b}
.ii-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.88)}
.ii-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,15,.88) 0%,rgba(5,11,15,.58) 45%,rgba(5,11,15,.18) 100%),linear-gradient(0deg,rgba(3,7,10,.78),transparent 62%);z-index:1}
.ii-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 55%,rgba(217,173,99,.12) 75%,transparent 100%);z-index:1;pointer-events:none}
.ii-hero-inner{position:relative;z-index:2;width:min(1480px,calc(100% - 64px));margin:0 auto;padding:150px 0 70px}
.ii-eyebrow{font:800 .62rem/1 Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#e1b873;margin:0 0 20px}
.ii-hero h1{font:400 clamp(4.4rem,8.2vw,8.8rem)/.84 Georgia,serif;letter-spacing:-.055em;max-width:980px;margin:0 0 28px;color:#fff}
.ii-hero-copy{max-width:760px;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.72;color:rgba(255,255,255,.9);margin:0}
.ii-hero-meta{display:flex;flex-wrap:wrap;margin-top:34px;border-top:1px solid rgba(255,255,255,.26);padding-top:18px;gap:0}
.ii-hero-stat{padding:0 26px;border-left:1px solid rgba(255,255,255,.25)}
.ii-hero-stat:first-child{padding-left:0;border-left:0}
.ii-hero-stat b{display:block;font:400 1.25rem Georgia,serif;color:#fff}
.ii-hero-stat span{display:block;margin-top:5px;font:700 .52rem/1.2 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ii-nav{display:flex;overflow:auto;background:var(--ii-night);border-bottom:1px solid rgba(255,255,255,.12)}
.ii-nav a{flex:1 0 auto;padding:16px 22px;text-align:center;text-decoration:none;color:#edf1f1;font:700 .57rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.ii-nav a:hover{background:#1b2b33;color:#e0b46d}
.ii-section{width:100%;padding:clamp(5rem,8vw,8rem) 0;background:var(--ii-white)}
.ii-section.alt{background:var(--ii-paper)}
.ii-section.dark{background:radial-gradient(circle at 82% 16%,rgba(184,137,75,.18),transparent 28%),linear-gradient(125deg,var(--ii-night),var(--ii-night2));color:#fff}
.ii-section-head{display:grid;grid-template-columns:.42fr 1.3fr .9fr;gap:clamp(2rem,5vw,6rem);align-items:end;margin-bottom:4rem}
.ii-kicker{font:800 .6rem/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8c683d}
.ii-section-head h2{font:400 clamp(2.9rem,5vw,5.8rem)/.92 Georgia,serif;letter-spacing:-.045em;margin:0;color:var(--ii-ink)}
.ii-section.dark .ii-section-head h2{color:#fff}
.ii-section-head p{margin:0;max-width:560px;color:#66747a;line-height:1.72}
.ii-section.dark .ii-section-head p{color:#d1dcde}
.ii-intro{max-width:820px;color:#5d6a70;line-height:1.75;font-size:1rem;margin:0 0 3rem}
.ii-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ii-line);border-left:1px solid var(--ii-line);background:var(--ii-line)}
.ii-library-card{display:grid;grid-template-rows:auto 1fr;min-width:0;text-decoration:none;color:inherit;background:var(--ii-white);border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line);overflow:hidden}
.ii-library-card:nth-child(2n){background:#faf7f0}
.ii-library-card:hover .ii-card-image{transform:scale(1.035)}
.ii-card-image-wrap{aspect-ratio:1.58/1;overflow:hidden;background:#d9d4ca}
.ii-card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;color:transparent;font-size:0}
.ii-card-body{display:flex;flex-direction:column;min-height:270px;padding:1.45rem 1.55rem 1.5rem}
.ii-card-meta{display:flex;justify-content:space-between;gap:1rem;margin:0 0 1.1rem;padding:0 0 .85rem;border-bottom:1px solid var(--ii-line)}
.ii-card-number,.ii-card-region{font:700 .55rem/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#927044}
.ii-card-region{text-align:right;color:#6e797e}
.ii-library-card h3{font:400 clamp(1.65rem,2.05vw,2.3rem)/.98 Georgia,serif;letter-spacing:-.025em;margin:0 0 .7rem;color:var(--ii-ink)}
.ii-card-deck{margin:0;color:#68757b;font:400 .9rem/1.58 Georgia,serif}
.ii-card-description{margin:1rem 0 0;color:#68757b;font-size:.82rem;line-height:1.65}
.ii-card-status{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.35rem;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6b563b}
.ii-card-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#b98b4d;flex:none}
.ii-card-arrow{margin-left:auto;color:#a57943;font-size:1rem}
.ii-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ii-line);border-left:1px solid var(--ii-line);background:var(--ii-line)}
.ii-hub-card{display:grid;grid-template-rows:auto 1fr;min-width:0;text-decoration:none;color:inherit;background:var(--ii-white);border-right:1px solid var(--ii-line);border-bottom:1px solid var(--ii-line);overflow:hidden}
.ii-hub-card:nth-child(2n){background:#faf7f0}
.ii-hub-card:hover .ii-hub-image{transform:scale(1.035)}
.ii-hub-image-wrap{aspect-ratio:1.58/1;overflow:hidden;background:#d9d4ca}
.ii-hub-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;color:transparent;font-size:0}
.ii-hub-body{display:flex;flex-direction:column;min-height:255px;padding:1.45rem 1.55rem 1.5rem}
.ii-hub-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid var(--ii-line)}
.ii-hub-meta span{font:700 .55rem/1 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#927044}
.ii-hub-meta span:last-child{color:#6e797e;text-align:right}
.ii-hub-body h3{font:400 clamp(1.65rem,2.05vw,2.25rem)/.98 Georgia,serif;letter-spacing:-.025em;margin:0 0 .7rem;color:var(--ii-ink)}
.ii-hub-cities{font:400 .9rem/1.55 Georgia,serif;color:#68757b;margin:0}
.ii-hub-link{display:flex;align-items:center;gap:.55rem;margin-top:auto;padding-top:1.3rem;font:800 .5rem/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#6b563b}
.ii-hub-link::before{content:"";width:6px;height:6px;border-radius:50%;background:#b98b4d}
.ii-method{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17);border-left:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.05)}
.ii-method-card{padding:1.65rem;border-right:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
.ii-method-card b{display:block;font:400 2rem Georgia,serif;color:#e0b46d;margin-bottom:.7rem}
.ii-method-card h3{font:400 1.2rem/1.1 Georgia,serif;color:#fff;margin:0 0 .55rem}
.ii-method-card p{font-size:.8rem;line-height:1.65;color:#d0dbdd;margin:0}
.ii-cta{padding:clamp(5rem,9vw,9rem) 0;background:#0d181f;color:#fff;text-align:center}
.ii-cta h2{font:400 clamp(3.2rem,6vw,6.4rem)/.9 Georgia,serif;letter-spacing:-.045em;max-width:900px;margin:0 auto 1.4rem;color:#fff}
.ii-cta p{max-width:680px;margin:0 auto 2rem;color:#d2dcde;line-height:1.72}
.ii-cta a{display:inline-flex;align-items:center;padding:14px 28px;background:#d9ad63;color:#17232d;text-decoration:none;font:800 .65rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* Reliable editorial image fallbacks: the live <img> remains primary; these backgrounds prevent broken remote hotlinks from ever leaving a grey/alt-text panel. */
.ii-card-image-wrap:nth-child(1){background:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg') center/cover no-repeat}
.ii-library-card:nth-child(2) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1742/architecture-projects/23dc-architects/ananda/ananda-residence-amritsar-23dc-architects-5.jpg') center/cover no-repeat}
.ii-library-card:nth-child(3) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/2251/aann_haus_new_chandigarh_india_aann_space.jpg') center/cover no-repeat}
.ii-library-card:nth-child(4) .ii-card-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-library-card:nth-child(5) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-library-card:nth-child(6) .ii-card-image-wrap{background:url('https://archinect.gumlet.io/uploads/5d/5db2bf375f455fbc6b50a71e3a8aa3a1.jpg?auto=compress%2Cformat&enlarge=true&fit=crop&w=1200') center/cover no-repeat}
.ii-library-card:nth-child(7) .ii-card-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-library-card:nth-child(8) .ii-card-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(1) .ii-hub-image-wrap{background:url('https://suryam.in/images/media/india-in-2024-ahmedabad-becomes-the-capital-of-design.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(2) .ii-hub-image-wrap{background:url('https://amazingarchitecture.com/storage/2251/aann_haus_new_chandigarh_india_aann_space.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(3) .ii-hub-image-wrap{background:url('https://i.pinimg.com/originals/6e/1d/39/6e1d39aa74b8752fca8abfdb89c52a2e.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(4) .ii-hub-image-wrap{background:url('https://amazingarchitecture.com/storage/files/1/architecture-firms/cubism-architects/s-p-residence/25-s-p-residence-%20cubism-architects-india.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(5) .ii-hub-image-wrap{background:url('https://volzero.com/img/article/103530_1018.jpg') center/cover no-repeat}
.ii-hub-card:nth-child(6) .ii-hub-image-wrap{background:url('https://images.squarespace-cdn.com/content/v1/5f9c477c83cf262deaaee59b/b7435af1-6a93-489b-8109-34fa85b93d2b/1.jpg') center/cover no-repeat}
@media(max-width:980px){.ii-wrap,.ii-hero-inner{width:calc(100% - 42px)}.ii-section-head{grid-template-columns:160px 1fr}.ii-section-head p{grid-column:2}.ii-library-grid,.ii-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ii-method{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.ii-wrap,.ii-hero-inner{width:calc(100% - 28px)}.ii-hero{min-height:92vh;aspect-ratio:auto}.ii-hero-inner{padding:130px 0 48px}.ii-hero h1{font-size:clamp(3.4rem,14vw,5.2rem);max-width:9ch}.ii-hero-meta{display:grid;grid-template-columns:1fr 1fr}.ii-hero-stat{padding:12px 14px;border-left:0;border-top:1px solid rgba(255,255,255,.22)}.ii-hero-stat:first-child{padding-left:14px}.ii-nav a{padding:14px 18px}.ii-section{padding:4rem 0}.ii-section-head{display:block;margin-bottom:2.7rem}.ii-section-head h2{margin:1rem 0 1.25rem}.ii-library-grid,.ii-hub-grid,.ii-method{grid-template-columns:1fr}.ii-card-body{min-height:235px;padding:1.25rem 1.2rem 1.35rem}.ii-card-image-wrap,.ii-hub-image-wrap{aspect-ratio:16/9}.ii-hub-body{min-height:220px;padding:1.25rem 1.2rem 1.35rem}.ii-cta{padding:5rem 0}.ii-cta h2{font-size:clamp(3rem,14vw,5rem)}}