/* Only loaded inside the isolated experience. Imweb owns the outer header. */
html,body{height:100%;overflow:hidden}
.entry-screen{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;background:#fff;opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s .45s;pointer-events:auto}
.entry-screen img{width:220px;height:auto}
.entry-copy{font:10px/1.8 'Noto Sans KR',sans-serif;color:#9a8b79;letter-spacing:.04em}
.entry-line{width:72px;height:1px;background:#e9e2d9;position:relative;overflow:hidden}
.entry-line:after{content:'';position:absolute;inset:0;background:#8b7357;transform:translateX(-110%);animation:entry-line 1.5s ease-in-out infinite}
@keyframes entry-line{to{transform:translateX(110%)}}
.experience-ready .entry-screen,.entry-error .entry-screen{opacity:0;visibility:hidden;pointer-events:none}
body:not(.experience-ready) .walnut-scene{visibility:hidden}
body:not(.experience-ready) .three-scene{opacity:0!important}
.entry-error .scene-status{display:flex;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.entry-line:after{animation:none;transform:none;opacity:.5}.entry-screen{transition:none}}
.reduce-motion .entry-screen{transition:none}
.hero-copy h1{font-family:'Noto Sans KR',sans-serif;font-weight:500;letter-spacing:-.045em;line-height:1.5}
.chapter-text p{font-family:'Noto Sans KR',sans-serif;font-weight:400;line-height:1.9;letter-spacing:-.025em}
.hero-label .tiny-dot{width:20px;height:16px;background:transparent url('./assets/mark-pair.svg') center/contain no-repeat;border-radius:0}
body[data-view="home"] .sticky-stage{height:100svh;min-height:0}
.hero-label{top:26px}
.scene-status{top:59px}
.embed-shop{position:absolute;top:20px;right:5.3%;z-index:10;font-size:11px;padding:8px 0;border-bottom:1px solid #b9ab97;color:#69543c}
#embed-notice{position:fixed;z-index:50;top:70px;left:50%;transform:translateX(-50%);padding:12px 20px;max-width:90%;background:#544431;color:#fff;border-radius:3px;font-size:12px;text-align:center}
@media(max-width:760px){.hero-label{top:22px;left:7%}.scene-status{top:53px;left:7%}.embed-shop{top:16px;right:7%;font-size:10px}.hero-copy{bottom:145px}.chapter-text{bottom:145px}.hero-copy h1{font-size:21px}.sequence-steps{bottom:84px}.hero-bottom{bottom:30px}.image-caption{bottom:9px}}
@media(max-height:560px){.hero-copy{bottom:111px;max-width:210px}.hero-copy h1{font-size:19px}.hero-copy>.eyebrow{display:none}.chapter-text{bottom:112px}.chapter-text p{display:none}.sequence-steps{bottom:66px}.hero-bottom{bottom:20px}.image-caption{display:none}}
.embed-brand-header{background:transparent;border-bottom:0}
.embed-brand-header .brand{padding:0}
.ritual-photo .case-front{clip-path:polygon(0 61.5%,100% 61.5%,100% 100%,0 100%)}
.ritual-photo .keyring-front{clip-path:polygon(0 60%,27% 60%,30% 58%,36% 60%,44% 61.5%,52% 60%,60% 58.5%,69% 61%,77% 62.5%,85% 61%,94% 57%,100% 51%,100% 100%,0 100%)}
.ritual-photo .dust-particles{display:none}
.photo-depth .ritual-prop{visibility:hidden!important}
.embed-brand-header nav{display:flex;gap:25px}
.embed-brand-header nav button{padding:8px 0;font-size:11px}
.embed-brand .hero-label{top:125px}
.embed-brand .scene-status{top:154px}
.embed-brand .embed-shop{display:none}
@media(max-width:760px){.embed-brand-header nav{gap:15px}.embed-brand-header nav button{font-size:10px}.embed-brand .hero-label{top:105px}.embed-brand .scene-status{top:133px}.embed-brand-header .brand img.logo{width:165px}}
.embed-brand-header .brand img.logo{width:150px;height:auto}
@media(max-width:760px){.embed-brand-header .brand img.logo{width:125px}}
.brand-navigation{display:flex;align-items:center;gap:32px}
.native-actions{display:flex;align-items:center;gap:6px}
.native-action{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#302c27}
.native-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.brand-navigation{gap:14px}.native-actions{gap:2px}.native-action svg{width:17px;height:17px}}
@media(max-width:360px){.embed-brand-header .brand img.logo{width:110px}.embed-brand-header nav{gap:10px}.brand-navigation{gap:9px}}
/* First-visit direction lives in the existing footer; no overlay or panel. */
.scroll-cue{pointer-events:none;gap:12px;opacity:1;visibility:visible;transition:opacity .35s ease,transform .35s ease,visibility 0s}
.scroll-cue span:last-child{font-size:10px;letter-spacing:.015em;line-height:1.6}
.scroll-cue .scroll-line{height:27px;width:1px;background:linear-gradient(#9b8b78,#c8bfb3)}
.scroll-cue .scroll-line:before{width:3px;height:3px;left:-1px;top:0;background:#8b7862;animation:ow-scroll-dot 2.2s ease-in-out infinite;animation-play-state:paused}
.scroll-cue .scroll-line:after{content:'';position:absolute;left:-2px;bottom:0;width:5px;height:5px;border-right:1px solid #9b8b78;border-bottom:1px solid #9b8b78;transform:rotate(45deg)}
.experience-ready .scroll-cue .scroll-line:before{animation-play-state:running}
body:not(.experience-ready) .scroll-cue{opacity:0}
body[data-scroll-hint="done"] .scroll-cue{opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}
@keyframes ow-scroll-dot{0%,10%{transform:translateY(0);opacity:0}25%{opacity:1}75%{transform:translateY(20px);opacity:1}100%{transform:translateY(24px);opacity:0}}
@media(max-width:760px){.scroll-cue{gap:10px}.scroll-cue span:last-child{font-size:9px}.scroll-cue .scroll-line{height:25px}}
@media(prefers-reduced-motion:reduce){.scroll-cue .scroll-line:before{animation:none}.scroll-cue{transition:none}}
.reduce-motion .scroll-cue{display:none}
.experience-controls{display:flex;align-items:center;gap:22px}
.sound-toggle{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 0;font-size:9px;color:#8d8172}
.sound-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.sound-toggle[aria-pressed="true"] .sound-muted,.sound-toggle[aria-pressed="false"] .sound-waves{display:none}
.sound-toggle:focus-visible{outline:1px solid #9b8b78;outline-offset:4px}
.sound-toggle[hidden]{display:none}
@media(max-width:760px){.experience-controls{gap:8px}.sound-toggle{width:32px;justify-content:center}.sound-toggle [data-sound-label]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:380px){.hero-progress{left:50%}.scroll-cue span:last-child{max-width:88px;white-space:normal}}

/* The store already supplies shop/care navigation. Keep the reference desktop coordinates. */
.embed-shop{display:none}
@media(min-width:761px){.hero-label{top:125px}.scene-status{top:154px}}