/* CÉLEVA Gallery: the tea shop's entrances on the site. Colours, type and gutter come from the theme's tokens. */
.tea-house-band{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(48px,6vw,88px) var(--g,max(24px,5vw));background:var(--ivory);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tea-house-band-media{position:relative;display:block;overflow:hidden;border-radius:2px;aspect-ratio:16/9;background:var(--ivory-2)}
.tea-house-band-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.tea-house-band-media:hover img{transform:scale(1.02)}
.tea-house-band-media span{position:absolute;left:16px;bottom:14px;padding:8px 11px;border-radius:2px;background:rgba(20,28,22,.6);color:var(--ivory);font:600 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase}
.tea-house-band .home-eyebrow{color:var(--bronze-ink)}
.tea-house-band h2{margin:10px 0 16px;color:var(--ink);font:500 clamp(34px,3.6vw,52px)/1.05 var(--display);text-wrap:balance}
.tea-house-band-text{max-width:30em;margin:0 0 26px;color:var(--ink-2);font:400 18px/1.6 var(--text)}
.tea-house-band-note{margin:16px 0 0;color:var(--ink-2);font:400 12.5px/1.5 var(--ui)}
@media (max-width:760px){.tea-house-band{grid-template-columns:1fr;gap:24px;padding:40px var(--g,20px) 48px}.tea-house-band h2{font-size:36px}.tea-house-band-text{font-size:17px}}
@media (prefers-reduced-motion:reduce){.tea-house-band-media img{transition:none}.tea-house-band-media:hover img{transform:none}}

.tea-house-link{display:flex;align-items:center;gap:14px;max-width:460px;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:2px;background:rgba(255,255,255,.35);color:var(--ink);text-decoration:none;transition:border-color .25s,background .25s}
.tea-house-link:hover{border-color:var(--bronze);background:rgba(255,255,255,.6)}
.tea-house-link-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pine-2);color:var(--ivory);font:600 10px/1 var(--ui);letter-spacing:.06em}
.tea-house-link b{display:block;font:600 13px/1.3 var(--ui);letter-spacing:.04em}
.tea-house-link small{display:block;margin-top:3px;color:var(--ink-2);font:400 12.5px/1.4 var(--ui)}
.tea-house-link-arrow{margin-left:auto;color:var(--bronze-ink)}

.tea-house-gifts{padding:28px var(--g,7%) 0}
.tea-house-gifts .tea-house-link{margin-top:0}

.tea-house-ritual{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(28px,4vw,64px);padding:clamp(48px,6vw,88px) var(--g,max(24px,5vw));background:var(--ivory);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tea-house-ritual-film{position:relative;margin:0;overflow:hidden;border-radius:2px;aspect-ratio:16/9;background:#1a140d}
.tea-house-ritual-film video{display:block;width:100%;height:100%;object-fit:cover}
.tea-house-ritual-toggle{position:absolute;right:14px;bottom:12px;padding:8px 12px;border:0;border-radius:2px;background:rgba(20,28,22,.6);color:var(--ivory);font:600 11px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.tea-house-ritual-toggle:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}
.tea-house-ritual .home-eyebrow{color:var(--bronze-ink)}
.tea-house-ritual h2{margin:10px 0 16px;color:var(--ink);font:500 clamp(32px,3.4vw,48px)/1.05 var(--display);text-wrap:balance}
.tea-house-ritual-text{max-width:30em;margin:0 0 22px;color:var(--ink-2);font:400 18px/1.6 var(--text)}
@media (max-width:760px){.tea-house-gifts{padding:22px 22px 0}.tea-house-ritual{grid-template-columns:1fr;gap:24px;padding:40px var(--g,20px) 48px}.tea-house-ritual h2{font-size:34px}.tea-house-ritual-text{font-size:17px}}