/* Mira Interieur: home sections and sub pages */
.crumb-wrap{padding-top:calc(var(--head-h) + 22px)}
.crumbs{font:400 .72rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.crumbs a{color:var(--taupe);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs i{font-style:normal;margin:0 6px;opacity:.6}
.crumbs [aria-current]{color:var(--ink)}

/* sub hero */
.sh{padding:clamp(28px,4vw,56px) 0 clamp(48px,6vw,90px);position:relative;overflow:hidden}
.sh::before{content:"";position:absolute;top:-20%;right:-10%;width:min(60vw,820px);aspect-ratio:1;background:url(../img/leaves-shadow.webp) center/contain no-repeat;opacity:.09;pointer-events:none}
.sh-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end;position:relative}
.sh-img .sh-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.sh h1{font-size:var(--s3);margin-bottom:.35em}
.sh-lede{font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.65;color:var(--ink-2);max-width:56ch}
.sh-fig{aspect-ratio:4/5;max-height:72svh;background:var(--linen);box-shadow:0 40px 80px -50px rgba(59,46,38,.55)}
.sh-fig img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.sh-img .sh-grid{grid-template-columns:1fr}.sh-fig{max-width:460px;max-height:none}}

.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0}
.facts div{padding:22px 22px 22px 0}
.facts div + div{padding-left:22px;border-left:1px solid var(--line)}
.facts dt{font:500 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px}
.facts dd{margin:0;font:400 1.15rem/1.35 var(--serif)}
@media (max-width:760px){.facts{grid-template-columns:1fr}.facts div + div{padding-left:0;border-left:0;border-top:1px solid var(--line)}}

.sec-tight{padding-top:20px}
.tint{background:var(--cream)}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:center}
.two.rev > :first-child{order:2}
.two h2,.h2s{font-size:var(--s2);margin-bottom:.5em}
.h2s{margin-bottom:clamp(28px,4vw,48px)}
.two img{width:100%}
.h3{font-size:var(--s1);font-weight:500}
.cap,.hint{font:400 .74rem/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-top:12px}
.lede-s{font:400 italic var(--s1)/1.4 var(--serif);max-width:44ch;margin-top:40px}
@media (max-width:860px){.two{grid-template-columns:1fr}.two.rev > :first-child{order:0}}

.focus{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}
.focus li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);position:relative}
.focus li::before{content:"";position:absolute;left:2px;top:50%;width:12px;height:1px;background:var(--ink)}
.stack2{display:grid;gap:16px}
.stack2 img{width:100%;box-shadow:0 30px 60px -44px rgba(59,46,38,.6)}

/* gallery */
.gal{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,64px)}
.gi{grid-column:span 2;margin:0}
.gi.w2{grid-column:span 3}
.gi.w3{grid-column:span 3}
.gi img{width:100%;height:100%;max-height:520px;object-fit:cover;background:var(--linen)}
.gi figcaption{font:400 .72rem/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-top:10px}
.gal.sq .gi img{aspect-ratio:4/5;max-height:none}
@media (max-width:760px){.gal{grid-template-columns:1fr}.gi,.gi.w2,.gi.w3{grid-column:auto}}

/* journey: design to realisation in order */
.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:j}
.journey.j3{grid-template-columns:repeat(3,minmax(0,1fr))}
.journey figure{margin:0;display:flex;flex-direction:column;gap:12px}
.journey img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--linen)}
.journey.j3 img{aspect-ratio:3/4}
.journey figcaption{font:400 .72rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border-top:1px solid var(--line-2);padding-top:10px}
@media (max-width:900px){.journey,.journey.j3{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.journey,.journey.j3{grid-template-columns:1fr}}

.pal{margin-top:28px}
.pal small{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-bottom:14px}
.pal ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:16px 20px}
.pal li{display:flex;flex-direction:column;align-items:center;gap:8px;width:76px;text-align:center;font:400 .68rem/1.3 var(--sans);letter-spacing:.06em;color:var(--ink-2)}
.pal i{width:48px;height:48px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(59,46,38,.15)}

.works{margin:24px 0 0}
.works dt{font:500 1.25rem/1.2 var(--serif);margin-top:18px}
.works dd{margin:6px 0 0;color:var(--ink-2)}

.next-p{padding-block:clamp(48px,7vw,90px);border-top:1px solid var(--line)}
.next-link{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.next-link small{font:500 .7rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--taupe)}
.next-link span{font:300 var(--s3)/1 var(--serif);transition:transform .6s var(--ease)}
.next-link span::after{content:" \2192";font-family:var(--sans);font-weight:300;font-size:.5em;vertical-align:middle}
.next-link:hover span{transform:translateX(12px)}

/* home: before / after */
.vn{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:center}
.vn h2{font-size:var(--s2);margin-bottom:.5em}
.vn p{color:var(--ink-2)}
@media (max-width:860px){.vn{grid-template-columns:1fr}}
.svc-more{margin-top:40px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--serif);font-size:1.3rem}
.svc-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc-grid.g4 .svc{padding:36px 36px 40px 0;border-bottom:1px solid var(--line)}
.svc-grid.g4 .svc:nth-child(2n){padding-left:36px;padding-right:0;border-right:0}
.svc p{color:var(--ink-2);margin:0}
@media (max-width:860px){.svc-grid.g4{grid-template-columns:1fr}.svc-grid.g4 .svc,.svc-grid.g4 .svc:nth-child(2n){padding:30px 0;border-right:0}}

.mini-steps{margin:0;padding:0;list-style:none;counter-reset:m}
.mini-steps li{padding:14px 0 14px 46px;border-bottom:1px solid var(--line);position:relative;color:var(--ink-2)}
.mini-steps li::before{counter-increment:m;content:"0" counter(m);position:absolute;left:0;top:12px;font:300 1.5rem/1 var(--serif);color:var(--sand)}
.mini-steps b{display:block;font:500 1.15rem/1.3 var(--serif);color:var(--ink)}

/* over */
.sw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.sw li{padding:20px 16px 20px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.sw b{font:500 1.2rem/1.2 var(--serif)}.sw span{font-size:.88rem;color:var(--ink-2)}
.sk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:56px}
.sk h3{font:500 .72rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:12px}
.sk ul{list-style:none;margin:0;padding:0}.sk li{padding:7px 0;border-bottom:1px solid var(--line);font-size:.94rem}
@media (max-width:900px){.sw,.sk{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sw,.sk{grid-template-columns:1fr}}

.legal{padding-top:20px}
.legal h1{font-size:var(--s3);margin-bottom:.4em}
.legal h2{font:500 var(--s1)/1.2 var(--serif);margin:1.6em 0 .4em}
.legal p{max-width:70ch}
.legal .meta{color:var(--taupe);font-size:.85rem;margin-top:3em}
.nf{min-height:70svh;padding-top:calc(var(--head-h) + 60px)}
.nf .btn{margin:6px 8px 0 0}
.wide-cmp{margin-top:clamp(40px,6vw,80px)}

/* indian by nature (16 okt 2026) */
.journey.j3.land img{aspect-ratio:4/3}
.journey figure p{margin:0;color:var(--ink-2)}
.journey.j5{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(28px,4vw,48px)}
.journey.j5 img{aspect-ratio:1/1}
@media (max-width:900px){.journey.j5{grid-template-columns:1fr 1fr}}
.wide-fig{margin:clamp(28px,4vw,48px) 0 0}.wide-fig img{width:100%;height:auto;background:var(--linen)}
.mats{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,48px)}
.mats figure{margin:0}.mats img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--linen)}
.mats figcaption{font:400 .72rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-top:10px}
.mat-list{list-style:none;padding:0;margin:clamp(28px,4vw,48px) 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}
.mat-list li{padding:16px 12px 0 0;color:var(--ink-2);font-size:.95rem}
.mat-list b{display:block;font:500 1.2rem/1.2 var(--serif);color:var(--ink);margin-bottom:4px}
@media (max-width:760px){.mat-list{grid-template-columns:1fr 1fr}}
@media (max-width:1100px){.mats{grid-template-columns:repeat(5,minmax(0,1fr))}} /* mats-bp */
@media (max-width:640px){.mats{grid-template-columns:repeat(3,minmax(0,1fr))}}