/* Preview only: use the established ivory, sage and muted gold palette. */
/* Keep direct sign-in reachable without scrolling through the tour. */
body.nv-public-shell.modern-login-shell .nv-intro .nv-intro-skip{display:inline-flex;position:fixed;top:76px;right:18px;z-index:40;padding:10px 16px;background:#f7f5eff2;color:#24584b;border:1px solid #bac8bd;font-weight:600;font-size:14px;box-shadow:none}
/* Quiet background-photo composition, with editable text layered on top. */
body.modern-login-shell .nv-intro .nv-intro-scene{height:auto}
body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame{position:relative;height:clamp(420px,65vw,640px)}
body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame .nv-intro-photo{inset:0;width:100%;height:100%;max-height:none;background-size:cover;background-position:center;filter:saturate(.85) contrast(.97);animation:none;transform:none}
body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame .nv-intro-photo::after{background:linear-gradient(90deg,rgba(247,245,239,.95),rgba(247,245,239,.78) 27%,rgba(247,245,239,.16) 57%,transparent 78%)}
body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame .nv-intro-copy{inset:0;width:100%;height:100%;padding:48px 7vw;justify-content:center;background:transparent;box-sizing:border-box}
body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-copy p{max-width:390px}
body.modern-login-shell .nv-intro .nv-intro-opening .nv-intro-frame .nv-intro-photo{background-size:auto 120%;background-position:right 70%;background-color:#ecefe7;mask-image:linear-gradient(90deg,transparent 35%,#000 78%)}
body.modern-login-shell .nv-intro .nv-intro-corridor .nv-intro-frame .nv-intro-photo{background-size:auto 155%;background-position:right top;background-color:#ecefe7;mask-image:linear-gradient(90deg,transparent 22%,#000 66%)}
body.modern-login-shell .nv-intro .nv-intro-packing .nv-intro-frame .nv-intro-photo{background-size:contain;background-position:right center;background-color:#ecefe7}
body.modern-login-shell .nv-intro .nv-intro-manifesto{display:none}
body.modern-login-shell .nv-intro .nv-intro-finale{min-height:0;padding:48px 24px}
body.modern-login-shell .nv-intro .nv-detail{position:relative;display:block;padding:0;height:460px;overflow:hidden}
body.modern-login-shell .nv-intro .nv-detail figure{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0}
body.modern-login-shell .nv-intro .nv-detail img{object-fit:contain;object-position:85% center;filter:saturate(.65) contrast(.88)}
body.modern-login-shell .nv-intro .nv-detail>div{position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 7vw;background:linear-gradient(90deg,#f7f5eff5,#f7f5efb3 42%,#f7f5ef22 80%)}
@media(max-width:760px){body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame{height:440px}body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame .nv-intro-copy{padding:28px 24px;justify-content:flex-end}body.modern-login-shell .nv-intro .nv-intro-scene .nv-intro-frame .nv-intro-photo::after{background:linear-gradient(0deg,#f7f5effa,#f7f5efd9 30%,#f7f5ef33 70%)}body.modern-login-shell .nv-intro .nv-intro-packing .nv-intro-frame .nv-intro-photo{background-position:center top}body.modern-login-shell .nv-intro .nv-detail{height:400px}body.modern-login-shell .nv-intro .nv-detail>div{padding:24px;justify-content:flex-end;background:linear-gradient(0deg,#f7f5effa,#f7f5efcc 35%,#f7f5ef22 85%)}body.modern-login-shell .nv-intro .nv-detail img{object-position:center top}}
/* Match the existing portal's Korean sans-serif stack, including headings. */
body.modern-login-shell .nv-intro,body.modern-login-shell .nv-intro h1,body.modern-login-shell .nv-intro h2,body.modern-login-shell .nv-intro p,body.modern-login-shell .nv-intro small,.preview-inner,.preview-inner h1,.preview-inner h2,.preview-nav{font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif}
.preview-packing-wide{margin:0}.preview-packing-wide img{display:block;width:100%;height:auto;border-radius:12px}.preview-packing-wide figcaption{padding:16px 0;color:#31554c;line-height:1.7}.preview-packing-wide figcaption small{display:block;color:#64736a;font-size:12px}
.preview-packing{padding:36px 0;color:#173b38}.preview-packing header{margin-bottom:28px}.preview-packing header small{color:#927645}.preview-packing h2{font-size:clamp(25px,3vw,36px);font-weight:600;margin:12px 0}.preview-packing p{color:#526a60;line-height:1.8}.preview-packing-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#ecefe7;padding:24px}.preview-packing-pair figure{margin:0;min-width:0}.preview-packing-pair img{display:block;width:100%;height:480px;object-fit:contain}.preview-packing-pair figcaption{display:flex;align-items:center;gap:14px;padding:20px 0 4px}.preview-packing-pair figcaption span{color:#927645;font-size:12px}.preview-packing-pair figcaption strong{font-size:20px;font-weight:550}@media(max-width:760px){.preview-packing-pair{grid-template-columns:1fr;padding:18px;gap:30px}.preview-packing-pair img{height:390px;height:min(110vw,460px)}.preview-packing h2{word-break:keep-all}}
/* Frame the corridor above the foreground floor, without altering the source photo. */
.preview-nav{position:fixed;z-index:100;top:12px;left:16px;display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:30px;background:#fffffff0;box-shadow:0 3px 20px #173b3818;font-size:12px;color:#31554c}
.preview-nav a{padding:7px 12px;color:#31554c;text-decoration:none;border-radius:20px}.preview-nav a:hover{background:#e5eadf}
.preview-nav small{color:#81704e}.preview-inner{max-width:1280px;margin:90px auto 60px;padding:0 28px;display:grid;gap:28px}.preview-note{color:#61746e;font-size:14px;line-height:1.8}
body.modern-login-shell .nv-intro{--intro-ink:#173b38;--intro-mint:#927645;background:#f7f5ef;color:#173b38}
body.modern-login-shell .nv-intro-frame{background:#f7f5ef}
body.modern-login-shell .nv-intro-manifesto,body.modern-login-shell .nv-intro-finale{background:#f7f5ef;min-height:50vh;color:#173b38}
body.modern-login-shell .nv-intro-manifesto h2,body.modern-login-shell .nv-intro-finale h2{color:#173b38;font-family:inherit;font-size:clamp(30px,3.6vw,52px)}
body.modern-login-shell .nv-intro-manifesto p,body.modern-login-shell .nv-intro-finale p,body.modern-login-shell .nv-intro-copy p{color:#4f665d}
body.modern-login-shell .nv-intro-finale a{color:#fff;background:#24584b;border:0}
body.modern-login-shell .nv-intro-skip{display:none}
@media(min-width:761px){
 body.modern-login-shell .nv-intro-scene{height:116svh}
 body.modern-login-shell .nv-intro-frame .nv-intro-photo{inset:0;background-size:cover;background-position:center;animation:none}
 body.modern-login-shell .nv-intro-frame .nv-intro-photo::after{background:linear-gradient(0deg,#f7f5ef 0%,#f7f5efec 10%,#f7f5ef00 40%)}
 body.modern-login-shell .nv-intro-frame .nv-intro-copy{inset:auto 0 0;width:auto;height:auto;padding:34px 6vw;background:transparent;justify-content:flex-end}
 body.modern-login-shell .nv-intro-copy h1,body.modern-login-shell .nv-intro-copy h2{font-size:clamp(32px,3.1vw,46px);margin:12px 0;line-height:1.25}
 body.modern-login-shell .nv-intro-copy p{font-size:16px;max-width:720px}
 body.modern-login-shell .nv-intro-opening .nv-intro-photo{background-size:auto 100%;background-position:78% center;background-color:#ecefe7}
 body.modern-login-shell .nv-intro-opening .nv-intro-photo::after{background:linear-gradient(90deg,#ecefe7 0%,#ecefe7 33%,#ecefe700 64%)}
 body.modern-login-shell .nv-intro-opening .nv-intro-copy{inset:0 auto 0 0;width:43%;padding:6vw;justify-content:center}
 body.modern-login-shell .nv-intro-corridor .nv-intro-photo,body.modern-login-shell .nv-intro-packing .nv-intro-photo{background-size:auto 100%;background-color:#ecefe7;background-position:72% center}
 body.modern-login-shell .nv-intro-corridor .nv-intro-photo::after,body.modern-login-shell .nv-intro-packing .nv-intro-photo::after{background:linear-gradient(90deg,#ecefe7 0%,#ecefe7e0 30%,#ecefe700 60%)}
 body.modern-login-shell .nv-intro-corridor .nv-intro-copy,body.modern-login-shell .nv-intro-packing .nv-intro-copy{inset:0 auto 0 0;width:42%;justify-content:center}
}
@media(max-width:760px){
 body.modern-login-shell .nv-intro-frame .nv-intro-photo::after{background:linear-gradient(180deg,transparent 70%,#f7f5ef)}
 body.modern-login-shell .nv-intro-frame .nv-intro-copy{background:#f7f5ef}
 .preview-nav{font-size:11px;left:8px;top:8px}.preview-nav small{display:none}.preview-inner{padding:0 18px}
}
.preview-inner .modern-welcome-visual img{object-fit:cover;filter:none}
.preview-inner .modern-process-media img{filter:none;transform:none}
.preview-inner .modern-process-media::after{background:linear-gradient(0deg,#173b3866,transparent 40%)}
.preview-facilities{display:grid;grid-template-columns:1fr 1fr;gap:22px}.preview-facilities figure{margin:0}.preview-facilities img{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:16px}.preview-facilities figcaption{padding:14px 0;color:#31554c;line-height:1.7}
@media(max-width:760px){.preview-facilities{grid-template-columns:1fr}}

/* Refinement: keep copy quiet and photo subjects unobstructed. */
.nv-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:7vw;padding:70px 8vw 90px;background:#f7f5ef;color:#173b38}
.nv-detail figure{margin:0;height:65vh;min-height:350px;background:#ecefe7;overflow:hidden}
.nv-detail img{width:100%;height:100%;object-fit:contain}
.nv-detail small{color:#927645;font-size:12px;letter-spacing:.08em}
.nv-detail h2{font-size:clamp(26px,2.5vw,38px);line-height:1.4;font-weight:550;word-break:keep-all}
.nv-detail p{max-width:420px;line-height:1.9;color:#526a60;word-break:keep-all}
.nv-detail-herbs{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);background:#ecefe7}
.nv-detail-herbs figure{height:38vh;min-height:240px}.nv-detail-herbs img{object-fit:cover}
@media(max-width:760px){.nv-detail{grid-template-columns:1fr;gap:26px;padding:30px 26px 60px}.nv-detail figure{height:60vh;min-height:280px}.nv-detail-herbs figure{height:210px;min-height:0}.nv-detail h2{font-size:27px;margin:12px 0}.nv-detail p{font-size:15px}}
body.modern-login-shell .nv-intro-copy h1,body.modern-login-shell .nv-intro-copy h2{font-weight:650;text-wrap:balance}
body.modern-login-shell .nv-intro-copy p{word-break:keep-all;line-height:1.85;max-width:660px}
body.modern-login-shell .nv-intro-manifesto small,body.modern-login-shell .nv-intro-finale small{letter-spacing:.12em}
body.modern-login-shell .nv-intro-manifesto h2,body.modern-login-shell .nv-intro-finale h2{font-weight:500;line-height:1.4}
.preview-inner .modern-process-copy p,.preview-facilities figcaption{word-break:keep-all;line-height:1.85}
.preview-inner .modern-process-copy a{display:inline-block;align-self:flex-start;margin-top:18px;color:#24584b;text-underline-offset:6px}
.preview-facilities figure:last-child img{object-fit:contain;background:#ecefe7;object-position:center}
.preview-inner .modern-welcome-visual img{object-position:64% center}
@media(min-width:761px){body.modern-login-shell .nv-intro-corridor .nv-intro-frame .nv-intro-photo{background-size:auto 145%;background-position:85% top;background-repeat:no-repeat}}
@media(max-width:760px){body.modern-login-shell .nv-intro-corridor .nv-intro-frame .nv-intro-photo{height:78vw;max-height:460px;background-size:100% auto;background-position:center top;background-repeat:no-repeat;animation:none}}
@media(min-width:761px){
 body.modern-login-shell .nv-intro-decoction .nv-intro-photo,
 body.modern-login-shell .nv-intro-pill .nv-intro-photo,
 body.modern-login-shell .nv-intro-herbs .nv-intro-photo{background-size:100% auto;background-repeat:no-repeat;background-position:center 20%;background-color:#f7f5ef}
 body.modern-login-shell .nv-intro-frame .nv-intro-copy{padding-bottom:28px}
 body.modern-login-shell .nv-intro-frame .nv-intro-photo::after{background:linear-gradient(0deg,#f7f5ef 0%,#f7f5efed 11%,transparent 32%)}
 body.modern-login-shell .nv-intro-opening .nv-intro-photo::after,
 body.modern-login-shell .nv-intro-corridor .nv-intro-photo::after,
 body.modern-login-shell .nv-intro-packing .nv-intro-photo::after{background:linear-gradient(90deg,#ecefe7 0%,#ecefe7 30%,#ecefe700 62%)}
 body.modern-login-shell .nv-intro-opening .nv-intro-photo{background-position:88% center}
}
@media(max-width:760px){
 body.modern-login-shell .nv-intro-copy h1,body.modern-login-shell .nv-intro-copy h2{font-size:32px;line-height:1.32}
 .preview-nav a{min-height:36px;display:flex;align-items:center}
}
/* Interior photo sequence: one width and one ratio, no zooming between sections. */
.preview-inner .modern-clinic-welcome,.preview-inner .modern-process-story{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.preview-inner .modern-welcome-copy,.preview-inner .modern-process-copy{width:100%;max-width:none}
.preview-inner .modern-welcome-visual,.preview-inner .modern-process-media{width:100%;height:auto;min-height:0;aspect-ratio:3/2;overflow:hidden;border-radius:12px}
.preview-inner .modern-welcome-visual img,.preview-inner .modern-process-media img{width:100%;height:100%;object-fit:cover;transform:none;animation:none}
.preview-inner .preview-facilities{display:block}
.preview-inner .preview-facilities img,.preview-inner .preview-packing-wide img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;transform:none;animation:none}
.preview-inner .preview-packing{padding:0}
.preview-inner{gap:48px}
/* Consistent type hierarchy across the tour and home preview. */
body.modern-login-shell .nv-intro .nv-intro-copy h1{font-size:clamp(30px,3vw,42px);line-height:1.3;font-weight:600;letter-spacing:-.035em}
body.modern-login-shell .nv-intro .nv-intro-copy h2,body.modern-login-shell .nv-intro .nv-intro-manifesto h2,body.modern-login-shell .nv-intro .nv-intro-finale h2,body.modern-login-shell .nv-intro .nv-detail h2{font-size:clamp(26px,2.4vw,34px);line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:14px 0 18px}
body.modern-login-shell .nv-intro .nv-intro-copy p,body.modern-login-shell .nv-intro .nv-intro-manifesto p,body.modern-login-shell .nv-intro .nv-intro-finale p,body.modern-login-shell .nv-intro .nv-detail p{font-size:16px;line-height:1.85;font-weight:400;letter-spacing:-.015em}
body.modern-login-shell .nv-intro small{font-size:12px;line-height:1.6;letter-spacing:.06em;font-weight:500}
body.modern-login-shell .nv-intro .nv-intro-finale a{font-size:16px;line-height:1.5}
.preview-inner h1{font-size:32px;line-height:1.35;font-weight:600}.preview-inner h2{font-size:28px;line-height:1.4}.preview-inner p,.preview-inner a{font-size:16px;line-height:1.75}
@media(max-width:760px){body.modern-login-shell .nv-intro .nv-intro-copy h1{font-size:30px}body.modern-login-shell .nv-intro .nv-intro-copy h2,body.modern-login-shell .nv-intro .nv-intro-manifesto h2,body.modern-login-shell .nv-intro .nv-intro-finale h2,body.modern-login-shell .nv-intro .nv-detail h2{font-size:26px}body.modern-login-shell .nv-intro .nv-intro-copy p,body.modern-login-shell .nv-intro .nv-intro-manifesto p,body.modern-login-shell .nv-intro .nv-intro-finale p,body.modern-login-shell .nv-intro .nv-detail p{font-size:15px;line-height:1.8}.preview-inner h1{font-size:28px}.preview-inner h2{font-size:26px}}
.preview-work-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preview-work-links a{padding:24px;background:#ecefe7;color:#173b38;border-radius:8px;text-decoration:none}
 body.modern-login-shell .nv-intro-packing .nv-intro-frame .nv-intro-photo{background-image:url('../assets/home/packing-three.webp');background-size:contain;background-position:center top;background-repeat:no-repeat;background-color:#ecefe7}
@media(min-width:761px){body.modern-login-shell .nv-intro-packing .nv-intro-frame .nv-intro-photo{inset:0 0 170px}body.modern-login-shell .nv-intro-packing .nv-intro-frame .nv-intro-photo::after{background:none}body.modern-login-shell .nv-intro-packing .nv-intro-frame .nv-intro-copy{inset:auto 0 0;width:100%;height:170px;box-sizing:border-box;padding:20px 6vw;justify-content:center}}
@media(max-width:760px){body.modern-login-shell .nv-intro-packing .nv-intro-frame .nv-intro-photo{height:67vw;animation:none}}