/* Tactile showroom. The photographic arm moves; room and typography stay still. */
.hero-tactile{height:clamp(720px,calc(100svh - 88px),1000px);min-height:0;max-height:none;background:var(--paper);overflow:hidden;isolation:isolate}
.hero-scene,.hero-scene-layer,.hero-photo,.hero-hand{position:absolute;inset:0;width:100%;height:100%}
.hero-scene{overflow:hidden;touch-action:pan-y;user-select:none}
.hero-scene-layer{overflow:hidden}
.hero-photo{object-fit:cover;object-position:50% 50%;--image-position-x:.5}
.hero-hand{pointer-events:none;opacity:0}.hero-hand.is-ready{opacity:1}
.hero-tactile .hero-copy{padding-top:clamp(35px,4.5vw,76px);width:40%;max-width:590px;z-index:2;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-tactile .hero-provenance{display:flex;align-items:center;gap:14px;width:fit-content;margin-bottom:32px;color:#635847;font-size:12px;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.hero-provenance img{display:block;flex-shrink:0;width:64px;height:32px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.hero-provenance:hover{color:var(--teal)}
.hero-tactile h1{font-size:clamp(45px,4.45vw,72px)}
html[lang=ru] .hero-tactile h1{font-size:clamp(42px,4.1vw,65px)}
.hero-tactile .hero-copy>p{font-size:clamp(17px,1.45vw,22px);max-width:460px;margin-bottom:30px}
.hero-tactile .hero-button{font-size:17px;padding:20px 25px;min-width:280px;width:82%}
.hero-tactile .hero-copy>.text-link{font-size:15px;font-weight:500;margin:15px 0 0;padding:12px 18px;min-height:48px;background:#f5f2eb;color:var(--teal);border:1px solid #b9b0a1;border-radius:2px}
.hero-tactile .hero-copy>.text-link:hover{background:#e7e2d9;border-color:var(--teal)}



.hero-tactile .hero-caption{right:5%;bottom:35px;font-size:17px;max-width:240px;text-align:right;margin:0;z-index:2}
.home-material{position:relative;scroll-margin-top:20px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1600px){.hero-tactile .hero-copy{margin-left:5%}}
@media(min-width:701px) and (max-width:1180px){
 .hero-tactile{height:740px}.hero-tactile .hero-copy{width:49%;margin:0;padding:42px 30px;background:var(--paper);min-height:100%}
 .hero-scene{left:49%;width:51%}.hero-photo{object-position:86% center;--image-position-x:.86}
 html[lang=ru] .hero-tactile h1,.hero-tactile h1{font-size:clamp(36px,4.2vw,48px)}
 .hero-tactile .hero-copy>p{font-size:16px}.hero-tactile .hero-button{min-width:0;width:100%;font-size:14px;padding:18px}
 .hero-tactile .hero-provenance{font-size:11px;letter-spacing:.08em;gap:10px;margin-bottom:35px}
 .hero-tactile .hero-caption{max-width:200px;font-size:15px;right:24px}
}
@media(max-width:700px){
 .hero-tactile{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding:0}
 .hero-tactile .hero-copy{order:0;position:relative;margin:0;padding:28px 22px 28px;width:100%;max-width:none;background:var(--paper);min-height:0}
 .hero-tactile .hero-provenance{margin-bottom:25px;font-size:10.5px;gap:12px}.hero-provenance img{width:56px;height:28px}
 .hero-tactile h1,html[lang=ru] .hero-tactile h1{font-size:clamp(37px,9.5vw,53px);line-height:1.12;max-width:530px;margin-bottom:21px}
 .hero-tactile h1 span{display:inline}.hero-tactile h1 span:not(:last-child)::after{content:' '}
 .hero-tactile .hero-copy>p{font-size:16px;max-width:420px;margin-bottom:23px}.hero-tactile .hero-button{width:100%;max-width:420px;min-width:0;font-size:16px;padding:18px 23px}
 .hero-tactile .hero-copy>.text-link{font-size:14px;margin-top:12px}
 .hero-scene{order:1;position:relative;inset:auto;width:100%;height:430px;overflow:hidden}
 .hero-photo{object-position:86% center;--image-position-x:.86}
 .hero-tactile .hero-caption{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-hand{display:none!important}}
@media print{.hero-hand{display:none!important}.hero-scene-layer{transform:none!important}}


.hero-provenance:focus-visible,.hero-copy>.text-link:focus-visible{outline:2px solid var(--teal);outline-offset:6px}