/* Approved entrance study 07, scoped to the final room of the public homepage. */
.hibi-room.hibi-entrances{--entrance-paper:#e9d7b6;position:relative;isolation:isolate;height:auto;min-height:100svh;padding:0;overflow:hidden;background:#39271b;color:var(--entrance-paper);font-family:var(--hibi-type);-webkit-font-smoothing:antialiased}
.hibi-entrances .hibi-entrances-header{max-width:1180px;margin:0 auto;padding:22px clamp(32px,6vw,84px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#bca887}
.hibi-entrances .hibi-entrances-header h2{margin:0;font-size:11px;font-weight:400;letter-spacing:.17em;white-space:nowrap}
.hibi-entrances .hibi-entrances-tools{display:flex;align-items:center;gap:18px}
.hibi-entrances .replay-opening{padding:0;font-size:11px;min-height:44px;gap:9px;color:#cbb898;text-shadow:none;white-space:nowrap}
.hibi-entrances .hibi-motion-toggle{width:44px;height:44px;border:0;padding:0;background:transparent;color:var(--entrance-paper);opacity:.7;cursor:pointer;border-radius:50%;display:grid;place-items:center}
.hibi-entrances .hibi-motion-toggle:hover,.hibi-entrances .hibi-motion-toggle:focus-visible{opacity:1}
.hibi-entrances .hibi-motion-toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.hibi-entrances .hibi-motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.hibi-entrances .hibi-play-icon{display:none}
.hibi-entrances .hibi-motion-toggle[aria-pressed="true"] .hibi-pause-icon{display:none}
.hibi-entrances .hibi-motion-toggle[aria-pressed="true"] .hibi-play-icon{display:block}
.hibi-entrances .hibi-motion-toggle:disabled{opacity:.3;cursor:default}
.hibi-entrances .hibi-entrances-grid{box-sizing:border-box;max-width:1180px;min-height:560px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.14fr .9fr;column-gap:clamp(18px,2.8vw,46px);padding:0 clamp(32px,6vw,84px) 34px;isolation:isolate}
.hibi-entrances .hibi-entrance{position:relative;display:block;min-width:0;height:520px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:4px}
.hibi-entrances .hibi-entrance:focus-visible{outline:1px solid var(--entrance-paper);outline-offset:3px}
.hibi-entrances .hibi-entrance-title{position:absolute;margin:0;z-index:2;font-size:clamp(18px,1.45vw,23px);font-weight:400;line-height:1.7;letter-spacing:.09em;white-space:nowrap}
.hibi-entrances .hibi-entrance-arrow{display:inline-flex;width:1em;height:.6em;margin-left:14px;vertical-align:middle;opacity:.65;transition:transform .3s,opacity .3s}
.hibi-entrances .hibi-entrance-arrow svg{display:block;width:100%;height:100%}
.hibi-entrances .hibi-entrance:hover .hibi-entrance-arrow,.hibi-entrances .hibi-entrance:focus-visible .hibi-entrance-arrow{transform:translateX(5px);opacity:1}
.hibi-entrances .hibi-entrance-art{position:absolute;pointer-events:none}
.hibi-entrances .hibi-entrance-crop{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 4%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.hibi-entrances .hibi-entrance-crop img{position:absolute;max-width:none;height:auto}
.hibi-entrances .hibi-entrance-bread .hibi-entrance-title{top:105px;right:8%}
.hibi-entrances .hibi-bread-scene{top:158px;left:1%;width:84%;aspect-ratio:1}
.hibi-entrances .hibi-bread-scene .hibi-entrance-crop{position:absolute;inset:0}
.hibi-entrances .hibi-bread-scene img{width:222.608696%;left:-2.898551%;top:-24.637681%}
.hibi-entrances .hibi-bread-body{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent 24%,#000 33%,#000 94%,transparent);clip-path:polygon(0 100%,0 70%,10% 59%,22% 50%,34% 43%,47% 39%,58% 34%,68% 30%,78% 31%,91% 38%,100% 49%,100% 100%);transform-origin:50% 91%}
.hibi-entrances .hibi-entrance-days .hibi-entrance-title{top:38px;left:10%}
.hibi-entrances .hibi-shop-scene{top:94px;left:6%;width:88%;aspect-ratio:750/570;background:#39271b}
.hibi-entrances .hibi-shop-scene img{width:253.6%;left:-72.666667%;top:-17.54386%}
.hibi-entrances .hibi-shop-image{position:absolute;inset:0;mix-blend-mode:lighten;mask-image:radial-gradient(circle at 83.6% 5.79%,transparent 0 2.7%,#000 3.1%)}
.hibi-entrances .hibi-shop-garden{position:absolute;inset:0;pointer-events:none;mix-blend-mode:lighten}
/* Light the two plants already painted in storefront.webp, in exact registration.
   The pot is at the right; the locust branch enters from the upper left.
   Never scale these image layers: doing so would duplicate trunks/window bars. */
.hibi-entrances .hibi-tree{position:absolute;inset:0;opacity:0}
.hibi-entrances .hibi-tree-osmanthus{mask-image:radial-gradient(ellipse 14% 17% at 86% 71%,#000 18%,transparent 100%);filter:brightness(1.3) saturate(1.18)}
.hibi-entrances .hibi-tree-locust{mask-image:radial-gradient(ellipse 9% 20% at 9% 35%,#000 26%,transparent 100%);filter:grayscale(.9) brightness(1.35)}
.hibi-entrances .hibi-osmanthus-flowers,.hibi-entrances .hibi-locust-flowers{opacity:0}
.hibi-entrances .hibi-osmanthus-flowers{fill:#d7a057}
.hibi-entrances .hibi-locust-flowers{fill:#dcd9c7}
.hibi-entrances .hibi-osmanthus-flowers .hibi-bloom{transform:scale(var(--osmanthus-growth,.7));transform-origin:0 0}
.hibi-entrances .hibi-locust-flowers .hibi-bloom{transform:scale(var(--locust-growth,.7));transform-origin:0 0}
.hibi-entrances .hibi-blossom{opacity:0;fill:#d9ad66;transform-origin:0 0}
.hibi-entrances .hibi-shop-light{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hibi-entrances .hibi-sun,.hibi-entrances .hibi-moon{transform-origin:0 0}
.hibi-entrances .hibi-sky-arc{opacity:.19}
.hibi-entrances .hibi-shop-warmth,.hibi-entrances .hibi-shop-night{position:absolute;inset:12% 7% 2%;pointer-events:none;mask-image:radial-gradient(ellipse at 50% 48%,#000 0 24%,transparent 70%);opacity:0}
.hibi-entrances .hibi-shop-warmth{background:radial-gradient(ellipse at center,#dc9152 0,rgba(189,107,59,.55) 35%,transparent 70%);background-size:180% 100%;mix-blend-mode:soft-light}
.hibi-entrances .hibi-shop-night{background:radial-gradient(ellipse,#263248 0,transparent 70%);mix-blend-mode:soft-light}
.hibi-entrances .hibi-shop-shadow{opacity:0}
.hibi-entrances .hibi-moon,.hibi-entrances .hibi-lanterns{opacity:0}
.hibi-entrances .hibi-lanterns{mix-blend-mode:screen}
.hibi-entrances .hibi-entrance-about .hibi-entrance-title{top:116px;left:2%;font-size:clamp(17px,1.3vw,21px)}
.hibi-entrances .hibi-dog-stage{top:164px;left:0;width:100%;aspect-ratio:1.25;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.hibi-entrances .hibi-dog-track{position:absolute;left:0;top:0;width:65.52%;aspect-ratio:1;overflow:hidden;transform:translateX(30%)}
.hibi-entrances .hibi-dog-sheet{position:absolute;width:400%;height:200%;max-width:none;left:0;top:0}
body[data-page=opening] .hibi-entrances-footer{background:#39271b;color:#927e62;letter-spacing:.13em;padding:20px 24px 30px}
body[data-page=opening] .hibi-entrances-footer a{display:inline-block;min-height:44px;padding:14px 4px}
@media(min-width:1500px){.hibi-entrances .hibi-entrances-grid{min-height:610px}.hibi-entrances .hibi-entrance{height:560px}}
@media(max-width:760px){
 .hibi-room.hibi-entrances{min-height:0}
 .hibi-entrances .hibi-entrances-header{padding:19px 24px;gap:8px}
 .hibi-entrances .hibi-entrances-header h2{font-size:9px;letter-spacing:.09em}
 .hibi-entrances .hibi-entrances-tools{gap:4px}
 .hibi-entrances .replay-opening{font-size:10px;gap:4px}
 .hibi-entrances .hibi-entrances-grid{display:flex;flex-direction:column;padding:4px 24px 18px;max-width:460px;min-height:0;gap:14px}
 .hibi-entrances .hibi-entrance{height:clamp(218px,58vw,268px);aspect-ratio:auto;flex:none}
 .hibi-entrances .hibi-entrance-title{font-size:clamp(19px,5.2vw,22px);letter-spacing:.09em}
 .hibi-entrances .hibi-entrance-arrow{margin-left:10px;width:.95em}
 .hibi-entrances .hibi-entrance-bread .hibi-entrance-title{top:7%;right:4%}
 .hibi-entrances .hibi-bread-scene{top:16%;left:1%;width:58%}
 .hibi-entrances .hibi-entrance-days .hibi-entrance-title{top:5%;left:4%}
 .hibi-entrances .hibi-shop-scene{top:22%;left:27%;width:66%}
 .hibi-entrances .hibi-entrance-about .hibi-entrance-title{top:7%;left:4%;font-size:clamp(18px,4.9vw,21px)}
 .hibi-entrances .hibi-dog-stage{top:15%;left:20%;width:78%;aspect-ratio:1.41818}
 .hibi-entrances .hibi-dog-track{width:59.23077%}
}
@media(prefers-reduced-motion:reduce){.hibi-entrances .hibi-entrance-arrow{transition:none}.hibi-entrances .hibi-entrance:hover .hibi-entrance-arrow,.hibi-entrances .hibi-entrance:focus-visible .hibi-entrance-arrow{transform:none}}