/* Studio, collection and service pages */
.hero__title em { font-style: normal; font-size: .7em; letter-spacing: .1em; }

.pg-split { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(1.5rem, 5vw, 4.5rem); align-items: center; }
.pg-split.is--rev .pg-split__img { order: 2; }
.pg-split__img { margin: 0; overflow: hidden; }
.pg-split__img img { width: 100%; height: 100%; object-fit: cover; }
.pg-split__body h3 { font-size: clamp(2rem, 3.6vw, 3.2rem); margin: .4rem 0 1.1rem; }
.pg-split__body > p:not(.case__kicker) { color: var(--muted); max-width: 36rem; }
.pg-split__body > p + p { margin-top: 1rem; }
.pg-split__body .btn-row { margin-top: 1.6rem; }
.pg-split + .pg-mosaic, .pg-split + .pg-split, .pg-mosaic + .pg-split { margin-top: clamp(2.5rem, 6vw, 5rem); }

.pg-mosaic { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(9rem, 15vw); gap: .8rem; }
.pg-mosaic figure { margin: 0; overflow: hidden; }
.pg-mosaic img { width: 100%; height: 100%; object-fit: cover; }
.pg-mosaic .is--tall { grid-row: span 2; }
.pg-mosaic .is--wide { grid-column: span 2; }

.pg-cards { display: grid; gap: clamp(1rem, 2.5vw, 2rem); }
.pg-cards--3 { grid-template-columns: repeat(3, 1fr); }
.pg-cards--2 { grid-template-columns: repeat(2, 1fr); }
.pg-cards--4 { grid-template-columns: repeat(4, 1fr); }
.pg-card { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.pg-card__img { display: block; aspect-ratio: 4 / 5; overflow: hidden; margin-bottom: 1rem; }
.pg-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.pg-card:hover .pg-card__img img { transform: scale(1.05); }
.pg-card__k { font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.pg-card__t { font-family: var(--serif); font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.1; margin: .35rem 0 .5rem; }
.pg-card__p { color: var(--muted); font-size: .92rem; }
.pg-card__cta { margin-top: .8rem; font-size: .88rem; text-decoration: underline; text-underline-offset: .3em; text-decoration-color: rgba(233, 228, 222, .4); }

.pg-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem clamp(1rem, 3vw, 2.5rem); counter-reset: s; }
.pg-steps li { border-top: 1px solid var(--line); padding-top: 1rem; }
.pg-steps__n { font-size: .72rem; letter-spacing: .16em; color: var(--muted); }
.pg-steps h3 { font-size: 1.6rem; margin: .5rem 0 .5rem; }
.pg-steps p { color: var(--muted); font-size: .92rem; }

.pg-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 3vw, 2.5rem); }
.pg-quote { margin: 0; padding: clamp(1.4rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: var(--radius-lg); display: flex; flex-direction: column; justify-content: space-between; gap: 1.4rem; }
.pg-quote blockquote { margin: 0; font-family: var(--serif); font-size: clamp(1.2rem, 1.6vw, 1.45rem); line-height: 1.35; }
.pg-quote figcaption { display: flex; flex-direction: column; font-size: .85rem; }
.pg-quote figcaption span { color: var(--muted); }

.pg-film__in { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.pg-film__v { margin: 0; overflow: hidden; aspect-ratio: 754 / 1080; max-height: 80vh; justify-self: center; width: min(100%, 34rem); }
.pg-film__v video { width: 100%; height: 100%; object-fit: cover; display: block; }
.pg-film__t h2 { font-size: clamp(2rem, 3.6vw, 3.2rem); margin: .4rem 0 1rem; }
.pg-film__t p:not(.case__kicker) { color: var(--muted); margin-bottom: 1.4rem; max-width: 32rem; }

.pg-people { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1rem, 3vw, 2.5rem); }
.pg-person figure { margin: 0 0 1rem; aspect-ratio: 4 / 5; overflow: hidden; }
.pg-person img { width: 100%; height: 100%; object-fit: cover; }
.pg-person h3 { font-size: 2rem; }
.pg-person p { color: var(--muted); margin-top: .4rem; max-width: 30rem; }
.pg-person__role { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-top: .3rem; }

.pg-visit { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(1.5rem, 4vw, 3.5rem); align-items: center; }
.pg-visit dl { margin: 1.4rem 0 0; display: grid; gap: .1rem; }
.pg-visit dl div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--line); }
.pg-visit dt { color: var(--muted); font-size: .86rem; }
.pg-visit dd { margin: 0; }

.pg-prose { max-width: 46rem; }
.pg-prose h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 3rem 0 1rem; }
.pg-prose h2:first-child { margin-top: 0; }
.pg-prose h3 { font-size: 1.5rem; margin: 2rem 0 .6rem; }
.pg-prose p, .pg-prose li { color: var(--muted); }
.pg-prose p + p { margin-top: .9rem; }
.pg-prose ul { padding-left: 1.2rem; }
.pg-prose li + li { margin-top: .4rem; }
.pg-prose a { color: var(--cream); }
.pg-toc { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2.4rem; }

.pg-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.pg-benefits div { border-top: 1px solid var(--line); padding-top: 1rem; }
.pg-benefits h3 { font-size: 1.45rem; margin-bottom: .4rem; }
.pg-benefits p { color: var(--muted); font-size: .92rem; }

.pg-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }

.pg-journal { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem clamp(1rem, 2.5vw, 2rem); }
.pg-post { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.pg-post__img { aspect-ratio: 4 / 3; overflow: hidden; margin-bottom: 1rem; }
.pg-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.pg-post:hover .pg-post__img img { transform: scale(1.05); }
.pg-post__k { font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.pg-post__t { font-family: var(--serif); font-size: 1.7rem; line-height: 1.12; margin: .35rem 0 .5rem; }
.pg-post__p { color: var(--muted); font-size: .92rem; }
.pg-post--lead { grid-column: span 2; }
.pg-post--lead .pg-post__img { aspect-ratio: 16 / 9; }
.pg-post--lead .pg-post__t { font-size: clamp(2rem, 3vw, 2.8rem); }

@media (max-width: 1000px) {
  .pg-split, .pg-film__in, .pg-visit { grid-template-columns: 1fr; }
  .pg-split.is--rev .pg-split__img { order: 0; }
  .pg-cards--3, .pg-cards--4, .pg-steps, .pg-quotes, .pg-journal { grid-template-columns: repeat(2, 1fr); }
  .pg-benefits { grid-template-columns: repeat(2, 1fr); }
  .pg-mosaic { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 42vw; }
  .pg-mosaic .is--tall, .pg-mosaic .is--wide { grid-row: auto; grid-column: auto; }
}
@media (max-width: 640px) {
  .pg-cards--2, .pg-cards--3, .pg-cards--4, .pg-steps, .pg-quotes, .pg-people, .pg-journal, .pg-benefits { grid-template-columns: 1fr; }
  .pg-post--lead { grid-column: auto; }
}

.pg-bigquote { margin: 0 auto; max-width: 58rem; text-align: center; }
.pg-bigquote blockquote { margin: 0; font-family: var(--serif); font-size: clamp(1.8rem, 3.6vw, 3.2rem); line-height: 1.18; }
.pg-bigquote figcaption { margin-top: 1.4rem; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.pg-h3 { font-size: clamp(1.6rem, 2.4vw, 2.1rem); margin: 0 0 1.2rem; }
.pg-lead { font-size: clamp(1.05rem, 1.4vw, 1.25rem); color: var(--muted); max-width: 44rem; }
.pg-press { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem 2.4rem; align-items: baseline; }
.pg-press li { font-family: var(--serif); font-size: clamp(1.2rem, 1.8vw, 1.6rem); color: var(--muted); }
.pg-jhead { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2rem; }
.pg-jtitle { font-size: clamp(2.4rem, 5vw, 4.4rem); line-height: 1; margin: 0; }
.pg-card--static { cursor: default; }
.pg-card--static .pg-card__img { cursor: zoom-in; }
#rooms .pg-cards--4 .pg-card__t { font-size: clamp(1.25rem, 1.6vw, 1.55rem); }

/* ===== v23: interiors page and chairs shop ===== */
.pg-roomnav { display: flex; flex-wrap: wrap; gap: .5rem .6rem; margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.pg-roomnav a { padding: .55rem 1rem; border: 1px solid var(--line-strong); border-radius: 100em; font-size: .82rem; letter-spacing: .04em; color: var(--cream); text-decoration: none; transition: background-color .3s var(--ease), border-color .3s var(--ease); }
.pg-roomnav a:hover { background: rgba(233, 228, 222, .1); border-color: rgba(233, 228, 222, .6); }
.pg-room-lead { max-width: 52rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
[id="kitchens"], [id="bathrooms"], [id="bedrooms"], [id="gallery"], [id="process"], [id="fees"], [id="questions"] { scroll-margin-top: calc(var(--header-h) + 1rem); }
.pg-gallery { columns: 3 18rem; column-gap: 1rem; }
.pg-gallery figure { break-inside: avoid; margin: 0 0 1rem; overflow: hidden; border-radius: var(--radius); cursor: zoom-in; }
.pg-gallery img { display: block; width: 100%; height: auto; transition: transform 1.3s var(--ease); }
.pg-gallery figure:hover img { transform: scale(1.04); }
.pc__size { font-size: .82rem; color: var(--muted); letter-spacing: .02em; }
.pc__price small { font-family: var(--sans); font-size: .72rem; color: var(--muted); margin-left: .35rem; letter-spacing: .04em; }
.pg-pricelist { border-top: 1px solid var(--line); }
.pg-pricelist__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) auto auto; gap: .5rem 1.5rem; align-items: center; padding: 1.15rem 0; border-bottom: 1px solid var(--line); }
.pg-pricelist__row h3 { font-size: clamp(1.25rem, 1.6vw, 1.5rem); line-height: 1.15; margin: 0 0 .2rem; }
.pg-pricelist__row p { margin: 0; font-size: .9rem; color: rgba(233, 228, 222, .78); }
.pg-pricelist__row span { font-size: .82rem; color: var(--muted); }
.pg-pricelist__row strong { font-family: var(--serif); font-weight: 400; font-size: 1.35rem; white-space: nowrap; }
.pg-pricelist__row strong small { font-family: var(--sans); font-size: .72rem; color: var(--muted); margin-left: .35rem; }
@media (max-width: 767px) {
  .pg-pricelist__row { grid-template-columns: 1fr auto; }
  .pg-pricelist__row span { grid-column: 1; }
  .pg-pricelist__row .btn { grid-column: 1 / -1; justify-self: start; }
}

/* =====================================================================
   v25 Interiors page: chapters, sticky chapter nav, rooms tabs, journey
   ===================================================================== */
.ix { --ix-nav-h: 3.4rem; }
.ix-nav { position: sticky; top: calc(var(--header-h) - 1px); z-index: 90; margin-top: clamp(1.25rem, 2.5vw, 2rem); background: rgba(29, 21, 20, .62); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ix-nav__in { display: flex; align-items: center; gap: .25rem; height: var(--ix-nav-h); padding: 0 var(--gutter); overflow-x: auto; scrollbar-width: none; }
.ix-nav__in::-webkit-scrollbar { display: none; }
.ix-nav__in a { flex: none; display: inline-flex; align-items: baseline; gap: .45rem; padding: .55rem .85rem; border-radius: 100em; font-size: .84rem; color: var(--muted); text-decoration: none; transition: color .35s ease, background-color .35s ease; }
.ix-nav__in a span { font-size: .7rem; letter-spacing: .06em; opacity: .6; font-variant-numeric: tabular-nums; }
.ix-nav__in a:hover { color: var(--cream); }
.ix-nav__in a.is-active { color: var(--brown); background: var(--cream); }
.ix-nav__in a.is-active span { opacity: .55; }
.ix-nav__bar { position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; overflow: hidden; }
.ix-nav__bar i { display: block; height: 100%; background: var(--blue); transform-origin: 0 50%; transform: scaleX(0); }

.ix-chap { position: relative; padding: clamp(4.5rem, 8vw, 7.5rem) 0; scroll-margin-top: calc(var(--header-h) + var(--ix-nav-h)); }
.ix-chap + .ix-chap { border-top: 1px solid var(--line); }
.ix-chap__head { display: grid; grid-template-columns: 4.5rem minmax(0, 1.25fr) minmax(0, 1fr); gap: 1rem 2.5rem; align-items: end; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.ix-chap__num { align-self: start; font-family: var(--serif); font-size: 1rem; letter-spacing: .1em; color: var(--muted); padding-top: .6rem; border-top: 1px solid currentColor; }
.ix-chap__kicker { font-size: .74rem; letter-spacing: .24em; text-transform: uppercase; color: var(--blue); margin-bottom: .9rem; }
.ix-chap__title { font-family: var(--serif); font-weight: 300; font-size: clamp(2.3rem, 4.6vw, 4.4rem); line-height: 1.02; letter-spacing: -.005em; }
.ix-chap__intro { font-size: 1.05rem; line-height: 1.6; color: var(--muted); max-width: 30rem; justify-self: end; }
.ix-chap__link { justify-self: end; font-size: .9rem; color: var(--muted); text-decoration: none; }
.ix-chap--paper { background: var(--paper); color: var(--brown); border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
.ix-chap--paper + .ix-chap { border-top: 0; }
.ix-chap--paper .ix-chap__num, .ix-chap--paper .ix-chap__intro { color: rgba(29, 21, 20, .62); }
.ix-chap--paper .ix-chap__kicker { color: var(--blue-deep); }
.ix-chap--paper p, .ix-chap--paper li { color: rgba(29, 21, 20, .82); }
.ix-chap--paper .framed { border-color: rgba(29, 21, 20, .14); }
.ix-chap--deep { background: radial-gradient(90% 70% at 100% 0%, rgba(143, 168, 178, .12), transparent 60%), var(--brown-deep); }
.ix-chap--work .gallery__frame { background: transparent; border: 0; padding: 0; }

.ix-lead { font-family: var(--serif); font-size: clamp(1.55rem, 2.3vw, 2.15rem); line-height: 1.22; color: var(--cream); margin-bottom: 1.4rem; }
.ix-ticks { list-style: none; padding: 0; margin: 1.4rem 0 0; display: grid; gap: .6rem; }
.ix-ticks li { position: relative; padding-left: 1.4rem; font-size: .95rem; }
.ix-ticks li::before { content: ""; position: absolute; left: 0; top: .55em; width: .45rem; height: .45rem; transform: rotate(45deg); border: 1px solid var(--blue); }

.ix-approach { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.ix-approach__body { padding: clamp(1rem, 3vw, 2.5rem) 0; }
.ix-approach__body p:not(.ix-lead) { color: var(--muted); line-height: 1.7; max-width: 36rem; }
.ix-approach__img { aspect-ratio: 11 / 13; }
.ix-approach__img img, .ix-panel__img img, .ix-stage__img img, .ix-studio__img img { width: 100%; height: 100%; object-fit: cover; }
.ix-doors { margin-top: clamp(3rem, 6vw, 5rem); }

.ix-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: clamp(1.75rem, 3vw, 2.5rem); }
.ix-tab { font: inherit; font-size: .9rem; cursor: pointer; padding: .7rem 1.2rem; border-radius: 100em; border: 1px solid rgba(29, 21, 20, .22); background: transparent; color: var(--brown); transition: background-color .35s ease, color .35s ease, border-color .35s ease; }
.ix-tab:hover { border-color: rgba(29, 21, 20, .5); }
.ix-tab.is-active { background: var(--brown); color: var(--cream); border-color: var(--brown); }
.ix-panel { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.75rem, 5vw, 4.5rem); align-items: start; }
.ix-panels.is-ready .ix-panel:not(.is-active) { display: none; }
.ix-panels:not(.is-ready) .ix-panel + .ix-panel { margin-top: 4rem; }
.ix-panel__img { aspect-ratio: 13 / 10.5; }
.ix-panel__body h3 { font-size: clamp(1.9rem, 2.8vw, 2.6rem); line-height: 1.1; margin-bottom: 1.1rem; color: var(--brown); scroll-margin-top: calc(var(--header-h) + 5rem); }
.ix-panel__body p { line-height: 1.7; margin-bottom: .9rem; }
.ix-panel__thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 1.6rem 0; }
.ix-panel__thumbs figure { aspect-ratio: 1; margin: 0; overflow: hidden; }
.ix-panel__thumbs img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.ix-panel__thumbs figure:hover img { transform: scale(1.05); }

.ix-timeline { list-style: none; padding: 0; margin: 0 0 clamp(3rem, 6vw, 5rem); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.ix-timeline li { position: relative; }
.ix-timeline li::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }
.ix-timeline a { display: flex; flex-direction: column; gap: .3rem; padding: 1.2rem 1rem 0 0; text-decoration: none; color: var(--cream); font-family: var(--serif); font-size: 1.35rem; line-height: 1.15; }
.ix-timeline a span { font-family: var(--sans); font-size: .72rem; letter-spacing: .1em; color: var(--muted); }
.ix-timeline a small { font-family: var(--sans); font-size: .8rem; color: var(--muted); }
.ix-timeline a:hover { color: var(--blue); }
.ix-stage { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; scroll-margin-top: calc(var(--header-h) + var(--ix-nav-h) + 1rem); }
.ix-stage + .ix-stage, .ix-stage + .ix-quote, .ix-quote + .ix-stage, .ix-stage + .ix-fees, .ix-fees + .ix-stage { margin-top: clamp(4rem, 8vw, 7rem); }
.ix-stage.is-rev .ix-stage__img { order: -1; }
.ix-stage__body { padding: clamp(1rem, 3vw, 2rem) 0; }
.ix-stage__n { display: flex; align-items: baseline; gap: .5rem; font-family: var(--serif); font-size: clamp(3.5rem, 6vw, 5.5rem); line-height: 1; color: var(--blue); margin-bottom: .6rem; }
.ix-stage__n small { font-family: var(--sans); font-size: .8rem; color: var(--muted); letter-spacing: .08em; }
.ix-stage__body h3 { font-size: clamp(2rem, 3vw, 2.8rem); line-height: 1.05; margin-bottom: .8rem; }
.ix-stage__dur { display: inline-flex; align-items: center; gap: .55rem; padding: .4rem .85rem; border-radius: 100em; font-size: .8rem; letter-spacing: .03em; background: rgba(143, 168, 178, .14); color: var(--cream); margin-bottom: 1.2rem; }
.ix-stage__dur::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.ix-stage__body > p:not(.ix-stage__dur) { color: var(--muted); line-height: 1.7; max-width: 34rem; }
.ix-stage__img { aspect-ratio: 5 / 6; max-height: 40rem; }
.ix-quote { position: relative; margin: 0; height: clamp(26rem, 70vh, 44rem); border-radius: var(--radius-lg); overflow: hidden; }
.ix-quote > img { position: absolute; inset: 0; width: 100%; height: 115%; object-fit: cover; }
.ix-quote::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 14, 13, .55), rgba(20, 14, 13, 0) 60%); }
.ix-quote__card { position: absolute; left: clamp(1.25rem, 4vw, 3.5rem); bottom: clamp(1.25rem, 4vw, 3.5rem); z-index: 1; max-width: 34rem; margin: 0; padding: clamp(1.5rem, 3vw, 2.4rem); border-radius: var(--radius); background: rgba(29, 21, 20, .35); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12); }
.ix-quote__card p { font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.22; color: var(--cream); }
.ix-quote__card footer { display: flex; flex-direction: column; gap: .2rem; margin-top: 1.2rem; font-size: .88rem; }
.ix-quote__card footer span { color: var(--muted); }
.ix-fees { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.4fr); gap: clamp(2rem, 5vw, 5rem); padding: clamp(1.75rem, 4vw, 3.5rem); border-radius: var(--radius-lg); background: var(--paper); color: var(--brown); }
.ix-fees__head h3 { font-size: clamp(1.9rem, 2.8vw, 2.6rem); line-height: 1.08; margin-bottom: 1rem; color: var(--brown); }
.ix-fees__head p:not(.ix-chap__kicker) { color: rgba(29, 21, 20, .78); line-height: 1.65; }
.ix-fees .ix-chap__kicker { color: var(--blue-deep); }
.ix-fees__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 2rem; align-content: start; }
.ix-fees__grid div { padding-top: 1rem; border-top: 1px solid rgba(29, 21, 20, .18); }
.ix-fees__grid h4 { font-family: var(--serif); font-weight: 400; font-size: 1.35rem; margin-bottom: .45rem; }
.ix-fees__grid p { font-size: .92rem; line-height: 1.6; color: rgba(29, 21, 20, .76); }
.ix-journey__note { margin-top: clamp(2.5rem, 5vw, 4rem); font-size: .9rem; color: var(--muted); max-width: 44rem; }

.ix-studio { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.ix-studio__img { aspect-ratio: 13 / 10.5; }
.ix-studio__body h3 { font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: 1.1; margin-bottom: 1.1rem; }
.ix-studio__body p { color: var(--muted); line-height: 1.7; margin-bottom: .9rem; }
.ix-studio__dl { display: grid; gap: .6rem; margin: 1.5rem 0; }
.ix-studio__dl div { display: grid; grid-template-columns: 5.5rem 1fr; gap: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--line); font-size: .92rem; }
.ix-studio__dl dt { color: var(--muted); }
.ix-studio__dl a { color: inherit; }
.ix-brief { background: transparent; border: 0; padding: 0; }
.ix-brief .brief__bg { display: none; }

@media (max-width: 991px) {
  .ix-chap__head { grid-template-columns: 3rem minmax(0, 1fr); }
  .ix-chap__intro, .ix-chap__link { grid-column: 2; justify-self: start; }
  .ix-approach, .ix-panel, .ix-stage, .ix-studio, .ix-fees { grid-template-columns: 1fr; }
  .ix-stage.is-rev .ix-stage__img { order: 0; }
  .ix-stage__img { aspect-ratio: 4 / 3; }
  .ix-timeline { grid-template-columns: repeat(5, minmax(9rem, 1fr)); overflow-x: auto; }
}
@media (max-width: 767px) {
  .ix { --ix-nav-h: 3rem; }
  .ix-nav__in a { padding: .45rem .7rem; font-size: .8rem; }
  .ix-chap__head { grid-template-columns: 1fr; }
  .ix-chap__num { display: none; }
  .ix-chap__intro, .ix-chap__link { grid-column: 1; }
  .ix-fees__grid { grid-template-columns: 1fr; }
  .ix-quote { height: 30rem; }
  .ix-quote__card { right: 1.25rem; }
  .ix-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
  .ix-tab { flex: none; }
}
/* v34: rooms change like dealt cards */
.ix-panels { overflow: clip; overflow-clip-margin: 2rem; }
.ix-panel { transform-origin: 50% 80%; }

/* ---------- Round 35 ---------- */
/* Interiors: every room tab visible on phones, two by two */
@media (max-width: 767px) {
  .ix-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; overflow: visible; margin-inline: 0; padding-inline: 0; }
  .ix-tab { padding: .65rem .5rem; font-size: .82rem; text-align: center; line-height: 1.2; }
}
/* Trade and other long pages: tighter on phones */
@media (max-width: 767px) {
  .pg-benefits { grid-template-columns: 1fr 1fr; gap: 1.25rem .9rem; }
  .pg-benefits h3 { font-size: 1.15rem; line-height: 1.15; }
  .pg-benefits p { font-size: .82rem; line-height: 1.45; }
  .pg-steps { grid-template-columns: 1fr 1fr; gap: 1.25rem .9rem; }
  .pg-steps h3 { font-size: 1.2rem; }
  .pg-steps p { font-size: .82rem; }
  .pg-split__img { aspect-ratio: 4 / 3; max-height: 62vh; }
  .pg-split__body h3 { font-size: 1.8rem; }
  .pg-split + .pg-mosaic, .pg-split + .pg-split, .pg-mosaic + .pg-split { margin-top: 2.5rem; }
}

/* Thank-you page (return from Wix checkout) */
.ty__hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; min-height: 78svh; padding-top: clamp(7rem, 12vw, 9rem); }
.ty__text { display: grid; gap: 1.2rem; justify-items: start; }
.ty__mark { width: clamp(3.5rem, 6vw, 5rem); height: auto; color: var(--cream); opacity: .9; margin-bottom: .5rem; }
.ty__text .pg-jtitle { font-size: clamp(3.4rem, 8vw, 7rem); font-style: italic; font-weight: 300; }
.ty__img { margin: 0; aspect-ratio: 4 / 5; }
.ty__img figcaption { position: absolute; left: 1rem; bottom: .9rem; font-size: .78rem; letter-spacing: .08em; color: var(--cream); text-shadow: 0 1px 8px rgba(0,0,0,.6); }
.ty__help { padding-top: 0; padding-bottom: clamp(4rem, 8vw, 7rem); }
.ty__help p { color: var(--muted); border-top: 1px solid var(--line); padding-top: 1.25rem; max-width: 44rem; }
@media (max-width: 760px) {
  .ty__hero { grid-template-columns: 1fr; min-height: 0; padding-top: 7rem; }
  .ty__img { aspect-ratio: 4 / 3; }
  .ty__steps { grid-template-columns: 1fr; }
}

/* v86 Shokunin detail photographs: whole, at one portrait size */
.sho-gal { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(.75rem, 1.6vw, 1.4rem); margin-top: clamp(2rem, 4vw, 3rem); }
.sho-gal figure { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.sho-gal img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) { .sho-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* v133: marquetry page gallery, the glass carousel in place of the small mosaic */
.mq-gallery { margin-top: clamp(2.5rem, 6vw, 4.5rem); }
.mq-gallery .mq__h { margin-bottom: 1rem; }