/* The light sculpture and the paper doorway share the site's warm paper palette. */
.whole-page .care-atelier{display:none}
.whole-page .atelier-placeholder{display:none}
.whole-page[data-motion="on"] .has-atelier{height:min(570px,calc(100svh - var(--header-height,64px) - 136px));top:calc(var(--header-height,64px) + 36px);perspective:none}
.whole-page[data-motion="on"] .has-atelier .care-atelier{display:block;position:absolute;inset:-25px -35px 0;isolation:isolate}
.whole-page[data-motion="on"] .has-atelier>.approach-photo,.whole-page[data-motion="on"] .has-atelier>.album-caption,.whole-page[data-motion="on"] .has-atelier>.album-binding{visibility:hidden}
.whole-page[data-motion="on"] .has-atelier>.album-light{opacity:.35}
.whole-page .care-atelier:before{content:"";position:absolute;inset:20px 0 75px;border-radius:50%;background:radial-gradient(ellipse,#e8edde88,transparent 68%);pointer-events:none}
.whole-page .atelier-viewport{position:absolute;inset:20px -15px 82px;touch-action:pan-y}
.whole-page .atelier-viewport canvas{display:block;width:100%;height:100%}
.whole-page .atelier-kicker{position:absolute;z-index:2;left:30px;top:0;color:#8d8b72;font:400 9px/1.5 var(--sans);letter-spacing:.2em;display:flex;gap:12px;align-items:center}
.whole-page .atelier-kicker>span{height:1px;width:30px;background:#c3a86d}
.whole-page .atelier-controls{position:absolute;z-index:3;left:30px;right:28px;bottom:78px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.whole-page .atelier-replay{display:inline-flex;gap:9px;align-items:center;min-height:44px;padding:8px 16px;border:1px solid #bda46c99;border-radius:30px;background:#fdfbf4d9;color:#72603a;font:500 12px/1.4 var(--sans);cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,box-shadow .2s}
.whole-page .atelier-replay>span{font-size:24px;font-weight:400;line-height:1}
.whole-page .atelier-replay:hover{background:#fffdf7;box-shadow:0 4px 20px #ad95542b}
.whole-page .atelier-replay:focus-visible{outline:2px solid #07496e;outline-offset:5px}
.whole-page .atelier-view{min-height:44px;padding:8px 12px;border:1px solid #8eaa9a80;border-radius:30px;background:#f9fbf6e6;color:#365b4d;font:500 12px/1.4 var(--sans);cursor:pointer}
.whole-page .atelier-view:hover,.whole-page .atelier-view[aria-pressed="true"]{background:#e8efe5}
.whole-page .atelier-view:focus-visible{outline:2px solid #07496e;outline-offset:4px}
.whole-page .atelier-hint{font:400 10px/1.7 var(--sans);letter-spacing:.04em;color:#717c73}
.whole-page .atelier-caption{position:absolute;bottom:39px;left:30px;right:20px;color:var(--blue);font:500 16px/1.6 var(--serif);letter-spacing:.05em}
.whole-page .atelier-note{position:absolute;bottom:16px;left:30px;color:#78847b;font:400 10px/1.5 var(--sans)}
.whole-page .atelier-note a{color:#476953;text-underline-offset:3px}
.whole-page .town-gate{display:none;pointer-events:none}
.whole-page[data-motion="on"] .town-pin{opacity:var(--gate-reveal,1)}
.whole-page[data-motion="on"] .immersive-ready .town-gate{display:block;position:absolute;z-index:3;left:39%;right:5.5%;top:7%;bottom:15%;perspective:1500px;opacity:var(--gate-opacity,1);transform:scale(var(--gate-scale,1));transform-origin:50% 60%}
.whole-page .gate-leaf{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(100deg,#faf6e8,#f5f0e1 75%,#e5dfcb);box-shadow:inset 0 0 50px #b0a17e12,0 12px 36px #29493618;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #d0c5a766;overflow:hidden}
.whole-page .gate-left{left:0;border-radius:100% 0 0 4px / 48% 0 0 4px;transform-origin:0 50%;transform:translateX(calc(var(--gate-travel,0%) * -1)) rotateY(calc(var(--gate-angle,0deg) * -1))}
.whole-page .gate-right{right:0;border-radius:0 100% 4px 0 / 0 48% 4px 0;transform-origin:100% 50%;transform:translateX(var(--gate-travel,0%)) rotateY(var(--gate-angle,0deg))}
.whole-page .gate-leaf:before{content:"";position:absolute;width:170%;aspect-ratio:1;bottom:-15%;background:url('./images/botanical-match.webp') center/contain no-repeat;opacity:.62;mix-blend-mode:multiply}
.whole-page .gate-left:before{left:-70%;transform:rotate(24deg)}
.whole-page .gate-right:before{right:-70%;transform:scaleX(-1) rotate(24deg)}
.whole-page .gate-line{position:absolute;inset:16px;border:1px solid #b29c6766;border-radius:inherit}
.whole-page .gate-word{position:absolute;z-index:1;top:43%;font:500 clamp(19px,2.1vw,29px)/1.5 var(--serif);letter-spacing:.15em;color:#405e52;writing-mode:vertical-rl}
.whole-page .gate-left .gate-word{right:24%}
.whole-page .gate-right .gate-word{left:24%;top:51%}
.whole-page .gate-caption{position:absolute;bottom:-30px;left:0;right:0;text-align:center;font:400 9px/1.5 var(--sans);letter-spacing:.24em;color:#8b866e}
@media(min-width:761px) and (max-width:1100px){.whole-page[data-motion="on"] .has-atelier{height:min(510px,calc(100svh - var(--header-height,64px) - 136px))}.whole-page[data-motion="on"] .has-atelier .care-atelier{inset:0 -28px}.whole-page .atelier-hint{display:none}.whole-page .atelier-caption{font-size:14px}}
@media(max-width:760px){
  .whole-page.atelier-enabled[data-motion="on"] .approach-album{display:block;position:relative;top:auto;height:400px;margin:5px 0 28px;perspective:none}
  .whole-page.atelier-enabled[data-motion="on"] .approach-album>.approach-photo,.whole-page.atelier-enabled[data-motion="on"] .approach-album>.album-caption,.whole-page.atelier-enabled[data-motion="on"] .approach-album>.album-binding{display:none}
  .whole-page.atelier-enabled[data-motion="on"] .approach-album:before{content:"";position:absolute;inset:20px 0 55px;border-radius:50%;background:radial-gradient(ellipse,#e9edde,transparent 70%)}
  .whole-page.atelier-enabled[data-motion="on"] .approach-album:after{content:"ひとつの歯から、その先の暮らしへ。";position:absolute;left:0;right:0;bottom:20px;text-align:center;font:500 14px/1.7 var(--serif);color:#617966}
  .whole-page.atelier-enabled[data-motion="on"] .approach-album:not(.has-atelier)>.atelier-placeholder{display:block;position:absolute;width:120px;height:120px;top:90px;left:calc(50% - 60px);stroke:#b1aa83;fill:none;opacity:.45;stroke-width:.6}
  .whole-page.atelier-enabled[data-motion="on"] .has-atelier:after{display:none}
  .whole-page[data-motion="on"] .has-atelier .care-atelier{inset:0 -12px}
  .whole-page .atelier-viewport{inset:5px -12px 65px}
  .whole-page .atelier-kicker{top:0;left:17px;font-size:8px}
  .whole-page .atelier-controls{bottom:55px;left:15px;right:15px;justify-content:center}
  .whole-page .atelier-hint{display:none}
  .whole-page .atelier-caption{left:0;right:0;bottom:27px;text-align:center;font-size:14px}
  .whole-page .atelier-note{left:0;right:0;bottom:6px;text-align:center;font-size:9px}
  .whole-page[data-motion="on"] .immersive-ready .town-gate{left:12%;right:6%;top:30%;bottom:13%}
  .whole-page .gate-word{font-size:22px}
  .whole-page .gate-caption{display:none}
}
@media(max-height:560px){.whole-page.atelier-enabled[data-motion="on"] .approach-album{display:none}.whole-page .town-gate{display:none!important}}
@media(prefers-reduced-motion:reduce){.whole-page .care-atelier,.whole-page .town-gate{display:none!important}}
@media print{.whole-page .care-atelier,.whole-page .town-gate{display:none!important}}