@font-face{font-family:"Nanum Myeongjo";src:url("/assets/fonts/nanum-myeongjo.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
/* Cieliche reference: white stage, portrait capsule, two-tone type, four ribbon wipes. */
body.entry-active{overflow:hidden}
#entryIntro{--ci-width:310px;--ci-height:min(642px,82dvh);position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;background:white;color:#2b3b43;overflow:hidden;text-align:center;font-family:inherit;opacity:1;transition:opacity 1.2s;cursor:pointer}
#entryIntro::backdrop{background:white}
#entryIntro.entry-leaving{opacity:0;pointer-events:none}
.ci-stage,.ci-scene,.ci-dark,.ci-final,.ci-caption,.ci-bands{position:absolute;inset:0}
.ci-stage{pointer-events:none;background:white}
.ci-scene{display:grid;place-items:center}
.ci-scene-1{z-index:1}.ci-scene-2{z-index:2;opacity:0}
.ci-photo{position:absolute;inset:0;clip-path:inset(calc((100% - var(--ci-height))/2) calc((100% - var(--ci-width))/2) round 999px);opacity:0;transition:opacity 1.5s;overflow:hidden;background:#000}
.ci-photo:before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.2);transition:transform 2.5s}
.ci-scene-1 .ci-photo:before{background-image:url('/assets/day-view.webp')}
.ci-scene-2 .ci-photo:before{background-image:url('/assets/lifestyle/forest.webp')}
.ci-caption{display:grid;place-items:center;z-index:2;color:#2b3b43}
.ci-caption p{margin:0;width:90%;max-width:1300px;white-space:nowrap;font-family:'Nanum Myeongjo','Noto Serif KR',Batang,'Times New Roman',serif;font-size:22px;line-height:1.2;font-weight:400;opacity:0;transition:opacity 1.5s .8s,transform 1.5s .8s}
.ci-scene-1 .ci-caption{clip-path:inset(0 0 0 calc(50% + var(--ci-width)/2))}
.ci-scene-1 .ci-caption-white{clip-path:inset(0 calc(50% - var(--ci-width)/2) 0 0);color:white}
.ci-scene-1 .ci-caption p{transform:translate(248px,0)}
.ci-scene-2 .ci-caption{clip-path:inset(0 calc(50% + var(--ci-width)/2) 0 0)}
.ci-scene-2 .ci-caption-white{clip-path:inset(0 0 0 calc(50% - var(--ci-width)/2));color:white}
.ci-scene-2 .ci-caption p{transform:translate(-264px,88px)}
#entryIntro.ci-start .ci-scene-1 .ci-photo{opacity:1}
#entryIntro.ci-start .ci-scene-1 .ci-photo:before{transform:scale(1)}
#entryIntro.ci-start .ci-scene-1 .ci-caption p{opacity:1;transform:translate(168px,0)}
#entryIntro.ci-second .ci-scene-1{opacity:0;transition:opacity 1.2s}
#entryIntro.ci-second .ci-scene-2,#entryIntro.ci-second .ci-scene-2 .ci-photo{opacity:1;transition:opacity 1.5s}
#entryIntro.ci-second .ci-scene-2 .ci-photo:before{transform:scale(1)}
#entryIntro.ci-second .ci-scene-2 .ci-caption p{opacity:1;transform:translate(-184px,88px)}
.ci-dark{z-index:3}.ci-final{z-index:4}
.ci-bands i{position:absolute;display:block;width:140%;height:25%;border-radius:240px;background:#2b3b43}
.ci-bands i:nth-child(1){top:0;left:-140%}
.ci-bands i:nth-child(2){top:25%;right:-140%}
.ci-bands i:nth-child(3){top:50%;left:-140%}
.ci-bands i:nth-child(4){top:75%;right:-140%}
.ci-final .ci-bands i{background:white}
#entryIntro.ci-third .ci-dark .ci-bands i:nth-child(odd),#entryIntro.ci-fourth .ci-final .ci-bands i:nth-child(odd){left:-20%}
#entryIntro.ci-third .ci-dark .ci-bands i:nth-child(even),#entryIntro.ci-fourth .ci-final .ci-bands i:nth-child(even){right:-20%}
.ci-bands i{transition-property:left,right;transition-duration:2.2s;transition-timing-function:ease}
.ci-bands i:nth-child(1){transition-delay:.75s}.ci-bands i:nth-child(2){transition-delay:.5s}.ci-bands i:nth-child(3){transition-delay:.25s}
.ci-value{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:white;font-family:'Nanum Myeongjo','Noto Serif KR',Batang,serif;font-size:22px;font-weight:400;opacity:0;transition:opacity 1.5s 1.6s}
#entryIntro.ci-third .ci-value{opacity:1}
#entryIntro.ci-fourth .ci-dark{opacity:0;transition:opacity 0s 2.275s}
.ci-signature{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;color:#2b3b43}
.ci-signature>p{font-family:Copperplate,'Times New Roman',serif;font-size:18px;font-weight:400;letter-spacing:.025em;line-height:3.8;text-transform:uppercase;opacity:0;transform:translateY(-32px);margin:0;transition:opacity 1.5s 2.6s,transform 1.5s 2.6s}
.ci-divider{position:relative;width:1px;height:92px;margin-top:36px}
.ci-divider:after{content:"";position:absolute;left:0;top:0;width:1px;height:0;background:#2b3b43;transition:height 2.5s 2.6s}
.ci-logo{margin-top:42px;opacity:0;transform:translateY(48px);transition:opacity 1.5s 2.6s,transform 1.5s 2.6s}
.ci-logo img{width:242px;height:auto;display:block;margin:auto}.ci-logo small{display:block;margin-top:14px;font-size:12px;letter-spacing:.2em;color:#2b3b43}
#entryIntro.ci-fourth .ci-signature>p,#entryIntro.ci-fourth .ci-logo{opacity:1;transform:translateY(0)}
#entryIntro.ci-fourth .ci-divider:after{height:100%}
.ci-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#entrySkip{position:absolute;right:7.5%;bottom:5%;z-index:6;background:#000;border:0;border-radius:50%;color:white;width:70px;height:70px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;cursor:pointer;opacity:0;transition:opacity 1s}
#entryIntro.ci-skip-ready #entrySkip{opacity:1}
#entrySkip:focus-visible{outline:2px solid #2b3b43;outline-offset:8px}
.entry-cursor{position:fixed;left:var(--entry-x,50%);top:var(--entry-y,50%);width:70px;height:70px;border-radius:50%;background:black;transform:translate(-50%,-50%);display:none;place-items:center;pointer-events:none;z-index:7;color:white;font-family:Arial,sans-serif;font-size:14px;font-weight:600}
.entry-cursor:before{content:"";position:absolute;inset:-12px;background:black;border-radius:50%;animation:ci-cursor-pulse 2.1s ease infinite;z-index:-1}
@keyframes ci-cursor-pulse{0%{transform:scale(.7);opacity:0}20%,30%{transform:scale(.7);opacity:.3}70%{opacity:.3}80%{transform:scale(1)}100%{transform:scale(1);opacity:0}}
@media(hover:hover) and (pointer:fine){#entryIntro.ci-skip-ready.entry-pointer{cursor:none}#entryIntro.ci-skip-ready.entry-pointer .entry-cursor{display:grid}#entryIntro.entry-pointer #entrySkip:not(:focus-visible){opacity:0}}
@media(max-width:767px){#entryIntro{--ci-width:195px;--ci-height:min(360px,70dvh)}.ci-caption p,.ci-value{font-size:16.5px}.ci-scene-1 .ci-caption p,.ci-scene-2 .ci-caption p,#entryIntro.ci-start .ci-scene-1 .ci-caption p,#entryIntro.ci-second .ci-scene-2 .ci-caption p{transform:none}.ci-caption p{width:100%}.ci-signature>p{font-size:13.5px;line-height:3.8}.ci-divider{height:69px;margin-top:27px}.ci-logo{margin-top:31.5px}.ci-logo img{width:181.5px}.ci-logo small{font-size:10px}#entrySkip{width:60px;height:60px;font-size:12px;bottom:max(5%,env(safe-area-inset-bottom))}.ci-bands i{border-radius:180px}}
@media(max-height:650px) and (min-width:768px){.ci-signature>p{font-size:15px;line-height:3}.ci-divider{height:54px;margin-top:20px}.ci-logo{margin-top:24px}.ci-logo img{width:190px}}
@media(prefers-reduced-motion:reduce){#entryIntro,.ci-caption p,.ci-photo,.ci-photo:before,.ci-bands i,.ci-value,.ci-signature>p,.ci-logo,.ci-divider:after{transition:none}.entry-cursor:before{animation:none}}