/* Denser image-led composition in the approved visual direction. */
.section{padding-top:70px;padding-bottom:70px}
.page-intro{padding-bottom:42px}
.breadcrumbs{margin-bottom:30px}
.intro-grid{gap:55px}
.intro-grid h1{font-size:clamp(55px,5.2vw,78px)}
.section-heading{margin-bottom:32px}
.project-grid{gap:28px}
.project-card:nth-child(2){padding-top:32px}
.project-card:nth-child(3){padding-top:14px}
.project-card img{aspect-ratio:4/5}
.collection-link{margin-top:-30px;padding-bottom:44px}
.visual-offer{display:grid;grid-template-columns:1fr 1.05fr;gap:76px;align-items:center;border-top:1px solid var(--line)}
.visual-offer>figure{align-self:stretch;display:flex;flex-direction:column}
.visual-offer>figure>img{height:100%;max-height:650px;min-height:490px;object-fit:cover;object-position:center 52%}
.visual-offer figcaption,.process-lead figcaption,.closing-image figcaption,.stage-image figcaption,.contact-inspiration figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:11px;line-height:1.6}
.visual-offer-copy h2{font-size:clamp(48px,4.6vw,67px);margin:22px 0}
.visual-offer-copy>p:not(.eyebrow){font-size:14px;max-width:400px;color:var(--muted);line-height:1.8}
.visual-services{margin-top:28px}
.visual-services>a{display:grid;grid-template-columns:23px 1fr 20px;align-items:start;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.visual-services>a>span{font-size:11px;color:var(--muted);padding-top:4px}
.visual-services h3{font-size:20px}
.visual-services p{font-size:12px;color:var(--muted);margin-top:6px}
.visual-services a:hover h3{color:var(--brand)}
.process-lead{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.process-lead h2{margin:22px 0}
.process-lead p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:340px;line-height:1.8}
.process-lead .text-link{margin-top:20px}
.process-lead img{height:340px;object-fit:cover;object-position:center 57%}
.steps{margin-top:35px}
.step .eyebrow{margin-bottom:17px}
.closing{grid-template-columns:.8fr 1.3fr .95fr;gap:38px;padding-top:55px;padding-bottom:55px}
.closing h2{font-size:clamp(38px,4vw,58px);margin-top:18px}
.closing-image img{height:245px;object-fit:cover;object-position:center 48%}
.closing>div>p:not(.eyebrow){font-size:13px}
.category-grid{gap:35px 28px}
.category-grid article{padding-top:0;border-top:0}
.category-image{height:205px;margin-bottom:18px;overflow:hidden;background:#e2e5dc}
.category-image img{height:100%;object-fit:cover;object-position:center 55%}
.category-image.tap img{object-position:center 44%}
.category-image.basin img{object-position:center 50%}
.category-image.bath img{object-position:center 66%}
.category-image.furniture img{object-position:center 70%}
.category-image.accessories img{object-position:center 25%}
.category-grid h3{margin:14px 0 11px;font-size:31px}
.offer-editorial{gap:66px}
.offer-editorial figure img{max-height:560px}
.soft-band{padding:60px 0}
.feature-split{gap:70px}
.process-timeline article{grid-template-columns:64px minmax(0,1fr) minmax(220px,.68fr);gap:32px;align-items:center;padding:35px 0}
.timeline-number{font-size:61px;align-self:start;padding-top:6px}
.process-timeline h2{font-size:clamp(36px,3.5vw,51px);margin:14px 0}
.process-timeline article p:not(.eyebrow){font-size:13px;max-width:520px}
.process-timeline .stage-note{font-size:11px;margin-top:17px}
.stage-image img{height:235px;object-fit:cover;object-position:center 52%}
.editorial-note{padding-top:40px;padding-bottom:40px}
.salon{gap:56px}
.salon-visual{padding:0;border:0;display:flex;justify-content:start;min-height:0}
.tour-preview{margin:0 0 18px}
.tour-preview img{width:100%;height:auto;display:block}
.salon-visual .tour-preview figcaption{font-size:10px;line-height:1.6;color:#d1d8ce;padding-top:8px}
.tour-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tour-heading>span:last-child{font-family:var(--serif);font-size:32px;line-height:1}
.salon-visual .tour-open{margin-top:2px;font-size:13px}
.salon-visual .tour-external{font-size:11px;margin-top:10px}
.salon-visual .tour-notice{margin-top:9px;font-size:10px}
.tour-frame{height:360px}
.visit-grid{gap:65px}
.contact-page{gap:75px}
.contact-inspiration{margin-top:26px;max-width:460px}
.contact-inspiration img{height:210px;object-fit:cover;object-position:center 42%}
.contact-address{margin-top:34px}
.contact-address h2{font-size:39px}
.contact-intro{padding-bottom:32px}
.contact-page .contact-detail{margin-top:18px}
.contact-page{padding-top:30px}
.portfolio-grid{gap:45px 38px;padding-bottom:70px}
.portfolio-grid .project-card:nth-child(even){padding-top:45px}
.project-gallery{gap:28px}
.project-gallery figure:nth-child(even){padding-top:30px}
.detail-text{padding-top:65px;padding-bottom:65px}
.faq-section{gap:65px}
@media(max-width:1100px){.visual-offer,.process-lead,.offer-editorial{gap:42px}.closing{gap:25px;grid-template-columns:.7fr 1.2fr 1fr}.closing h2{font-size:43px}.closing .button{gap:20px;padding:15px 18px}.process-timeline article{grid-template-columns:50px minmax(0,1fr) minmax(200px,.65fr);gap:22px}.stage-image img{height:230px}}
@media(max-width:760px){.section{padding-top:48px;padding-bottom:48px}.page-intro{padding-bottom:30px}.breadcrumbs{margin-bottom:26px}.intro-grid{gap:20px}.intro-grid h1{font-size:clamp(43px,11.5vw,63px)}.project-card:nth-child(n){padding-top:0}.collection-link{margin-top:-22px;padding-bottom:30px}.visual-offer{grid-template-columns:1fr;gap:25px}.visual-offer>figure>img{height:350px;min-height:0;object-position:center 55%}.visual-offer-copy h2{font-size:46px;margin:17px 0}.visual-services{margin-top:22px}.visual-services>a{gap:12px;padding:16px 0}.visual-services h3{font-size:19px}.process-lead{grid-template-columns:1fr;gap:24px}.process-lead h2{font-size:47px;margin:18px 0}.process-lead img{height:245px;object-position:center 56%}.steps{gap:24px 20px;margin-top:28px}.closing{grid-template-columns:1fr;gap:23px;padding-top:40px;padding-bottom:40px}.closing-image img{height:220px;object-position:center 42%}.closing h2{font-size:45px;margin-top:16px}.closing>div>p:not(.eyebrow){font-size:14px}.category-grid{gap:30px 20px}.category-image{height:140px;margin-bottom:15px}.category-grid h3{font-size:27px;margin:12px 0}.category-grid p{font-size:12px}.offer-editorial{gap:26px}.offer-editorial figure img{max-height:420px}.soft-band{padding:43px 0}.feature-split{gap:28px}.process-timeline article{grid-template-columns:40px minmax(0,1fr);gap:15px;padding:28px 0}.timeline-number{font-size:43px}.process-timeline h2{font-size:35px}.stage-image{grid-column:2}.stage-image img{height:205px;object-position:center 52%}.stage-image figcaption{font-size:9px}.process-timeline article p:not(.eyebrow){font-size:13px}.editorial-note{padding-top:35px;padding-bottom:35px}.salon{gap:30px}.salon-visual{padding:0;min-height:0}.tour-preview{margin-bottom:15px}.tour-heading>span:last-child{font-size:30px}.tour-frame{height:300px}.visit-grid{gap:32px}.contact-page{gap:35px}.contact-inspiration img{height:180px}.contact-inspiration{margin-top:22px}.contact-address{margin-top:27px}.contact-address h2{font-size:37px}.portfolio-grid{gap:35px;padding-bottom:50px}.portfolio-grid .project-card:nth-child(n){padding-top:0}.project-gallery{gap:22px}.project-gallery figure:nth-child(n){padding-top:0}.detail-text{padding-top:45px;padding-bottom:45px}.faq-section{gap:30px}}
@media(max-width:360px){.category-grid{grid-template-columns:1fr}.category-image{height:180px}.process-timeline article{grid-template-columns:1fr;gap:13px}.stage-image{grid-column:auto}.stage-image img{height:205px}.visual-offer-copy h2{font-size:42px}.closing h2{font-size:41px}.intro-grid h1{font-size:42px}}

/* SVG icons stay monochrome on every platform. */
.icon-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.arrow{display:inline-flex;align-items:center}
.tour-stage{width:100%;overflow-anchor:none}
.tour-preview-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;color:var(--paper);cursor:pointer;border-radius:0;-webkit-appearance:none;appearance:none}
.tour-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--ink);font-size:12px;white-space:nowrap;box-shadow:0 2px 16px #0003;pointer-events:none}
.tour-play svg{width:20px;height:20px;flex-shrink:0}
.tour-preview-button:hover .tour-play{background:var(--brand)}
.tour-stage .tour-frame{display:block;margin:0 0 18px;width:100%;height:360px}
.salon-visual [hidden]{display:none!important}
@media(max-width:760px){.tour-stage .tour-frame{height:300px}.tour-play{padding:10px 12px;font-size:11px}}