.entry-nav{display:flex;justify-content:center;gap:30px;padding:17px 22px;background:#fff;color:#5e717a;font-size:13px;border-top:1px solid #edf1f2;overflow:auto;white-space:nowrap}.entry-nav a{text-decoration:none;flex-shrink:0;padding:3px 0}.entry-nav a:hover,.entry-nav a[aria-current]{color:#239db0}.entry-nav a[aria-current]{border-bottom:2px solid #239db0;font-weight:700}.entry-hero{position:relative;min-height:650px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#253337}.entry-hero>video,.entry-hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.entry-hero-shade{background:#10171b4d}.entry-hero-copy{position:relative;padding:80px 24px;color:white;text-shadow:0 3px 12px #0005;max-width:1050px}.entry-hero-copy .hero-line{display:block;font-size:clamp(25px,4.3vw,56px);font-weight:700;line-height:1.4}.entry-hero-copy .hero-emphasis{display:block;color:#ed852f;font-size:clamp(36px,5.4vw,68px);font-weight:900;line-height:1.4}.entry-hero-copy h1{font-size:clamp(30px,4.8vw,60px);margin:0;line-height:1.5}.hero-caption{display:block;font-size:12px;letter-spacing:.27em;margin-top:30px;font-weight:700}.entry-section{padding:90px 24px}.entry-inner{max-width:1000px;margin:auto}.entry-section h2{font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-.05em;line-height:1.35;margin:0 0 20px}.entry-section p{line-height:1.9;margin:14px 0}.entry-cost{background:linear-gradient(#ffffffed,#fffffff2),url('assets/entry-calculator.jpg') center/cover;text-align:center;color:#233d49}.section-kicker{font-size:13px;color:#65828d}.cost-statement{font-size:clamp(20px,2.4vw,30px);line-height:1.7;max-width:780px;margin:30px auto;color:#35576a;font-weight:700}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.cost-card{border:1px solid #d5e9ec;border-top:4px solid #239db0;padding:33px 20px;border-radius:12px;background:#fff;box-shadow:0 8px 30px #18384708}.cost-card:nth-child(2){border-top-color:#d66719}.cost-card h3{font-size:19px;margin:0 0 18px}.cost-value{display:block;font-size:clamp(24px,3vw,37px);letter-spacing:-.045em;color:#239db0}.cost-card:nth-child(2) .cost-value{color:#d66719}.entry-section .entry-source-note{font-size:12px;line-height:1.85;color:#60757e;max-width:850px;margin:25px auto 0}.entry-why{background:linear-gradient(#102633b8,#102633bf),url('assets/entry-money.jpeg') center/cover;color:#fff;text-align:center;min-height:380px;display:flex;align-items:center}.entry-why p{font-size:clamp(18px,2vw,25px);max-width:800px;margin:auto}.entry-cycle{background:#ffffffed;text-align:center;color:#233d49}.entry-lead{color:#60757e;font-size:17px}.cycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.cycle-grid article{position:relative;border:1px solid #d9e8eb;border-radius:50px 14px 14px;padding:30px 20px 25px;background:#f4fafb}.cycle-grid article:not(:last-child):after{content:'→';position:absolute;right:-25px;top:50%;font-size:25px;color:#239db0}.cycle-number{font-size:36px;color:#239db0;font-weight:900;font-style:italic}.cycle-grid h3{font-size:21px;margin:16px 0 8px}.cycle-grid p{font-size:14px;color:#60757e}.cycle-summary{max-width:740px;margin:38px auto 0!important;color:#496674}.entry-stats{background:#142f40d9;color:#fff;text-align:center}.entry-stats .entry-lead,.entry-stats .entry-source-note{color:#deedf1}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stats-grid article{padding:24px 8px;border-top:1px solid #ffffff3d}.stats-grid strong{display:block;font-size:clamp(36px,4.7vw,58px);font-weight:900;color:#6ccbd5;letter-spacing:-.05em}.stats-grid h3{font-size:15px;line-height:1.7;font-weight:400}.source-link{display:inline-block;color:#d0f1f5;font-size:12px;margin-top:15px;text-underline-offset:4px}.entry-guide{text-align:center;background:linear-gradient(#ffffffdb,#fffffff0),url('assets/entry-guide.jpeg') center/cover;color:#29454e}.entry-guide-logo{width:min(300px,70%);height:auto;display:block;margin:0 auto 25px}.entry-guide p{font-size:19px;max-width:750px;margin:18px auto}.guide-emphasis{font-weight:700;color:#2390a2}.entry-cta{display:inline-flex;align-items:center;justify-content:center;background:#239db0;color:white;text-decoration:none;padding:15px 32px;border-radius:6px;margin-top:18px;font-size:16px;font-weight:700;transition:background .25s}.entry-cta:hover{background:#d66719}.entry-page .consultation{padding-top:65px;min-height:0;padding-bottom:70px}.entry-page .consult-brand{background:none!important;color:#d66719!important;-webkit-text-fill-color:#d66719!important}.entry-page .site-footer{margin-top:0}
@media(max-width:760px){.entry-nav{justify-content:flex-start;gap:22px;font-size:12px}.entry-hero{min-height:510px}.entry-section{padding:60px 24px}.entry-section h2{font-size:29px}.cost-grid{gap:15px}.cost-card{padding:25px 12px}.cost-card h3{font-size:16px}.cost-value{font-size:25px}.cycle-grid{grid-template-columns:1fr;gap:25px}.cycle-grid article:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-29px}.stats-grid{gap:12px}.stats-grid strong{font-size:35px}.stats-grid h3{font-size:12px}.entry-guide p{font-size:17px}.entry-hero-copy{padding:60px 20px}.entry-page .consultation{padding-top:50px}}
@media(max-width:480px){.entry-hero{min-height:480px}.entry-hero-copy .hero-line{font-size:25px}.entry-hero-copy .hero-emphasis{font-size:39px}.entry-hero-copy h1{font-size:30px}.cost-grid{grid-template-columns:1fr}.entry-section{padding:50px 22px}.entry-section h2{font-size:27px}.cost-statement{font-size:21px}.stats-grid{grid-template-columns:1fr;gap:10px}.stats-grid strong{font-size:50px}.stats-grid h3{font-size:15px}.entry-guide p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.entry-hero>video{display:none}.entry-hero{background:#253337 url('assets/entry-paper.jpg') center/cover}}
.entry-nav{scrollbar-width:none}.entry-nav::-webkit-scrollbar{display:none}.hero-question{display:block}
/* Section navigation follows the selected mint/orange palette. */
.entry-nav{gap:12px;padding:12px 22px}
.entry-nav a{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border-radius:8px;color:#239db0;font-weight:700;border:0;transition:color .25s,background-color .25s}
.entry-nav a:hover{color:#d66719}
.entry-nav a[aria-current="page"],.entry-nav a[aria-current="page"]:hover{color:#fff;background:#d66719;border:0;font-weight:700}
.entry-nav a span{font-weight:700}
@media(max-width:760px){.entry-nav{gap:8px;padding:10px 16px}.entry-nav a{padding:8px 12px}}
/* Pill-shaped section menu with selectable vertical spacing. */
.entry-nav a{border-radius:999px;padding-top:var(--entry-menu-pad-y,3px);padding-bottom:var(--entry-menu-pad-y,3px)}

/* Header and menu form one continuous hover region; the panel does not move the page. */
.layout-live .site-header .entry-nav{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:1;margin:0;background:rgb(255 255 255 / .94);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 6px 12px #143f4a15;opacity:0;filter:blur(18px);transform:translateY(-5px);visibility:hidden;pointer-events:none;transition:opacity .65s ease,filter .75s ease,transform .65s ease,visibility 0s linear .75s}
.layout-live .site-header:hover .entry-nav,.layout-live .site-header:has(.header-logo:focus-visible,.consult-link:focus-visible,.entry-nav a:focus-visible) .entry-nav,.layout-live .site-header.is-nav-open .entry-nav{opacity:1;filter:blur(0);transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .65s ease,filter .75s ease,transform .65s ease,visibility 0s}
.entry-menu-toggle{display:none}
@media(hover:none),(pointer:coarse){.layout-live .site-header:hover .entry-nav{opacity:0;filter:blur(18px);visibility:hidden;pointer-events:none}.layout-live .site-header.is-nav-open .entry-nav{opacity:1;filter:blur(0);visibility:visible;pointer-events:auto}.entry-menu-toggle{display:flex;position:absolute;top:100%;left:16px;z-index:2;align-items:center;justify-content:center;gap:3px;flex-direction:column;width:38px;height:27px;border:0;border-radius:0 0 8px 8px;background:#fff;color:#239db0;box-shadow:0 3px 8px #173d4822;cursor:pointer}.entry-menu-toggle span{display:block;width:16px;height:2px;background:currentColor}.layout-live .site-header .entry-nav{padding-left:63px}}
@media(prefers-reduced-motion:reduce){.layout-live .site-header .entry-nav{transition:none!important;filter:none!important;transform:none!important}}
/* Header and flyout share the same white/glass state and transition duration. */
.layout-live .site-header .entry-nav{background:#fff;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:opacity .65s ease,filter .75s ease,transform .65s ease,visibility 0s linear var(--menu-visibility-delay,.75s),background-color 1s ease,backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease}
.layout-live .site-header:hover .entry-nav,.layout-live .site-header:has(.header-logo:focus-visible,.consult-link:focus-visible,.entry-nav a:focus-visible) .entry-nav,.layout-live .site-header.is-nav-open .entry-nav{--menu-visibility-delay:0s}
.layout-live .site-header.is-scrolled .entry-nav{background:rgb(255 255 255 / var(--header-scroll-alpha,.65));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
/* Join the header and flyout without a dividing line or overlapping tint. */
.layout-live .site-header .entry-nav{border-top:0;top:100%}
.layout-live .site-header:not(.is-compact-nav):has(.entry-nav):hover,.layout-live .site-header:not(.is-compact-nav):has(.header-logo:focus-visible,.consult-link:focus-visible,.entry-nav a:focus-visible),.layout-live .site-header.is-nav-open{box-shadow:none}

/* One continuous glass surface avoids nested backdrop filters losing the menu blur. */
.layout-live .site-header:has(.entry-nav){background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;--header-extra-height:0px}
.layout-live .site-header:has(.entry-nav)::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + var(--header-extra-height));z-index:-1;pointer-events:none;background:#fff;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:height .65s ease,background-color 1s ease,backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease}
.layout-live .site-header.is-scrolled:has(.entry-nav)::before{background:rgb(255 255 255 / var(--header-scroll-alpha,.65));backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.layout-live .site-header:has(.entry-nav):hover,.layout-live .site-header:has(.header-logo:focus-visible,.consult-link:focus-visible,.entry-nav a:focus-visible),.layout-live .site-header.is-nav-open{--header-extra-height:var(--section-menu-height,47px)}
.layout-live .site-header .entry-nav{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(hover:none),(pointer:coarse){.layout-live .site-header:has(.entry-nav):not(.is-nav-open){--header-extra-height:0px}}
/* Keep the opening film in viewport space, clipped to its own section. */
.entry-hero{--entry-film-height:650px;clip-path:inset(0)}
.entry-hero>video,.entry-hero-shade{position:fixed;inset:auto 0 auto 0;top:0;width:100%;height:calc(var(--entry-film-height) + var(--header-height));object-fit:cover}
@media(max-width:760px){.entry-hero{--entry-film-height:510px}}
@media(max-width:480px){.entry-hero{--entry-film-height:480px}}
/* Match the English question line to the opening line. */
html[lang=en] .entry-hero-copy .hero-question{font-size:clamp(25px,4.3vw,56px)}
@media(max-width:480px){html[lang=en] .entry-hero-copy .hero-question{font-size:25px}}
/* The opening copy forms from mist without shifting its final position. */
.motion-enabled .entry-hero-copy[data-reveal]{transition:opacity 1.5s ease,filter 1.5s ease;transform:none!important}
.motion-enabled .entry-hero-copy[data-reveal]:not(.is-visible){opacity:0;filter:blur(18px)}
.motion-enabled .entry-hero-copy[data-reveal].is-visible{opacity:1;filter:blur(0)}

/* Keep the cost explanation in two sentence groups, with natural mobile wrapping. */
.entry-cost .source-sentence{display:block}
.entry-section .entry-rate-note{font-size:12px;line-height:1.8;color:#60757e;margin:20px auto 0}
.entry-rate-note a{color:inherit;text-underline-offset:3px}
.cost-krw{min-height:1.9em}

/* Selected cost cards: brand-tinted glass, 50% transparent; text stays opaque. */
.entry-page .cost-card{background:rgb(35 157 176 / .50);color:#12333c;border:1px solid #ffffff70;border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff40,0 6px 20px #06132226}
.entry-page .cost-card:nth-child(2){background:rgb(214 103 25 / .50);color:#42230f;border-color:#ffffff70}
.entry-page .cost-card .cost-value{color:inherit;font-weight:800}
.entry-page .cost-card .cost-krw{font-weight:700}

/* Arrival budget photograph stays in viewport space while the cost content scrolls. */
.entry-page .entry-cost{position:relative;isolation:isolate;clip-path:inset(0);background:none;--cost-white-alpha:.20;color:#142e38}
.entry-cost-backdrop{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:-1;pointer-events:none;background:linear-gradient(rgb(255 255 255 / var(--cost-white-alpha,.20)),rgb(255 255 255 / var(--cost-white-alpha,.20))),url('assets/entry-budget-preparation-center-v2.jpg') center center/cover no-repeat}
.entry-page .entry-cost .entry-inner{position:relative;z-index:1}
.entry-page .entry-cost .cost-statement{color:#193a46}
.entry-page .entry-cost .entry-source-note,.entry-page .entry-cost .entry-rate-note{color:#273c43}

/* Group the reason into two lines and emphasize the lack of information. */
.entry-why .why-explanation{font-weight:700}
.entry-why .why-line{display:block}
.entry-why .why-accent{color:#d66719;font-weight:800}

/* Transparency affects only the glass fill, never the card text. */
.entry-page .cost-card h3,.entry-page .cost-card .cost-value,.entry-page .cost-card .cost-krw{opacity:1}

/* Selected 120% lens: enlarge the aligned photograph, with no glass blur. */
.entry-page .cost-card{position:relative;isolation:isolate;clip-path:inset(0 round 20px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;--lens-zoom:1.2}
.entry-page .cost-card:nth-child(2){background:transparent}
.entry-page .cost-card::before{content:"";position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:linear-gradient(rgb(255 255 255 / var(--cost-white-alpha,.20)),rgb(255 255 255 / var(--cost-white-alpha,.20))),url('assets/entry-budget-preparation-center-v2.jpg') center/cover no-repeat;transform:scale(var(--lens-zoom));transform-origin:var(--lens-x,50vw) var(--lens-y,50vh);z-index:-2;pointer-events:none}
.entry-page .cost-card::after{content:"";position:absolute;inset:0;background:rgb(35 157 176 / .50);z-index:-1;pointer-events:none}
.entry-page .cost-card:nth-child(2)::after{background:rgb(214 103 25 / .50)}
/* Keep reveal transforms from creating a local containing block for the fixed photo. */
.motion-enabled .cost-card[data-reveal]{transform:none!important;filter:none!important;transition:opacity 1.05s ease var(--delay,0ms)}

/* Overlay the ratio without changing the two existing card columns. */
.entry-cost .cost-grid{position:relative}
.cost-ratio-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5;width:118px;height:118px;display:grid;place-items:center;isolation:isolate;border-radius:50%;background:#fffffff5;color:#173d49;box-shadow:0 9px 28px #12344030,0 1px 0 #ffffff inset;opacity:0;transform:translateY(-90px) scale(1.85);pointer-events:none}
.cost-ratio-ring::before{content:"";position:absolute;inset:0;border-radius:50%;border:0;background:conic-gradient(from var(--ratio-start,180deg),#239db0 0 var(--ratio-mint-share,50%),#d66719 var(--ratio-mint-share,50%) 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14.5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14.5px));opacity:0;transform:rotate(-120deg)}
.cost-ratio-copy{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;opacity:0;filter:blur(4px);transition:opacity .4s ease,filter .4s ease}
.cost-ratio-ring .ratio-label{font-size:11px;font-weight:700;line-height:1.4}
.cost-ratio-ring strong{display:block;color:#d66719;font-size:37px;line-height:1.2;font-weight:900;letter-spacing:-.05em;margin:5px 0}
.cost-ratio-ring .ratio-unit{font-size:19px;margin-left:2px}
.cost-ratio-ring .ratio-caption{font-size:9px;line-height:1.4;font-weight:700;white-space:nowrap;color:#53717d}
.cost-ratio-ring.is-landed .cost-ratio-copy{opacity:1;filter:none}
.cost-ratio-ring.is-landed::before{animation:cost-ratio-ring-draw 1.1s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes cost-ratio-ring-draw{to{opacity:1;transform:rotate(0)}}
@media(max-width:480px){.cost-ratio-ring{width:104px;height:104px}.cost-ratio-ring strong{font-size:33px}.cost-ratio-ring .ratio-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cost-ratio-copy{transition:none;filter:none}.cost-ratio-ring.is-landed::before{animation:none;opacity:1;transform:none}}

/* Explicitly lift all card copy above the lens image (-2) and color tint (-1). */
.entry-page .cost-card h3,.entry-page .cost-card .cost-value,.entry-page .cost-card .cost-krw{position:relative;z-index:1;opacity:1}

/* Center the number independently of the two captions; preserve the ring diameter. */
.cost-ratio-copy{position:absolute;inset:0;display:block}
.cost-ratio-ring strong{position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;white-space:nowrap;line-height:1;font-size:37px;letter-spacing:-.05em}
.cost-ratio-ring .ratio-unit{font-size:17px;margin-left:2px}
.cost-ratio-ring .ratio-label{position:absolute;left:50%;top:50%;translate:-50% -50%;transform:translateY(-27px);font-size:13px;line-height:1;font-weight:700;white-space:nowrap}
.cost-ratio-ring .ratio-caption{position:absolute;left:50%;top:50%;translate:-50% -50%;transform:translateY(26px);font-size:10px;line-height:1;font-weight:700;letter-spacing:-.04em;white-space:nowrap}
@media(max-width:480px){.cost-ratio-ring strong{font-size:31px}.cost-ratio-ring .ratio-unit{font-size:15px}.cost-ratio-ring .ratio-label{font-size:12px;transform:translateY(-25px)}.cost-ratio-ring .ratio-caption{font-size:9px;transform:translateY(25px)}}

/* Keep the numeral itself at the geometric center; the unit sits beside it. */
.cost-ratio-ring .ratio-unit{position:absolute;left:calc(100% + 1px);top:50%;translate:0 -50%;margin:0;font-size:15px}
html[lang=en] .cost-ratio-ring .ratio-caption{font-size:8px}


.cost-ratio-ring [data-ratio-number]{display:block;line-height:1}

/* Give the ratio room and center the number with its bottom-aligned unit. */
.cost-ratio-ring{width:148px;height:148px;background:transparent;box-shadow:0 8px 22px #12344024}
.cost-ratio-ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;z-index:-1}
.cost-ratio-ring::before{mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14.5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 15px),#000 calc(100% - 14.5px));z-index:0}
.cost-ratio-copy{z-index:1}
.cost-ratio-ring strong{display:flex;align-items:baseline;justify-content:center;gap:3px;font-size:39px;line-height:1;letter-spacing:-.045em}
.cost-ratio-ring [data-ratio-number]{display:block;line-height:1}
.cost-ratio-ring .ratio-unit{position:static;translate:none;margin:0;font-size:17px;line-height:1}
.cost-ratio-ring .ratio-label{font-size:14px;transform:translateY(-34px)}
.cost-ratio-ring .ratio-caption{font-size:11px;transform:translateY(33px)}
html[lang=en] .cost-ratio-ring .ratio-caption{font-size:9px}
@media(max-width:480px){.cost-ratio-ring{width:130px;height:130px}.cost-ratio-ring strong{font-size:35px}.cost-ratio-ring .ratio-unit{font-size:16px}.cost-ratio-ring .ratio-label{font-size:13px;transform:translateY(-30px)}.cost-ratio-ring .ratio-caption{font-size:10px;transform:translateY(29px)}html[lang=en] .cost-ratio-ring .ratio-caption{font-size:8px}}

/* Original site: blue underlay #2254a5 with the money photograph at 62% opacity. */
.entry-why{position:relative;isolation:isolate;clip-path:inset(0);background:none}
.entry-why-backdrop{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:-1;pointer-events:none;background:linear-gradient(rgb(34 84 165 / .38),rgb(34 84 165 / .38)),url('assets/entry-money.jpeg') center/cover no-repeat}
.entry-why .entry-inner{position:relative;z-index:1}
.entry-why h2,.entry-why .why-explanation{text-shadow:0 4px 5px rgb(0 0 0 / .4)}
html[lang=en] .entry-why .why-explanation{max-width:850px}

/* Depth carousel: position, scale, focus and emphasis share one continuous timeline. */
.entry-cycle .cycle-grid[data-cycle-carousel]{display:block;position:relative;height:310px;overflow:hidden;perspective:1100px;touch-action:pan-y;--cycle-spacing:285px;--cycle-card-width:278px;margin-top:30px}
.entry-cycle [data-cycle-carousel] article{position:absolute;top:50%;left:50%;width:var(--cycle-card-width);height:222px;padding:25px 21px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:40px 14px 14px;transform-origin:center;backface-visibility:hidden;will-change:transform,opacity,filter;transition:none;--cycle-focus:0;background:color-mix(in srgb,#fff calc(var(--cycle-focus)*100%),#f2fafb);border:1px solid rgb(35 157 176 / calc(.18 + var(--cycle-focus)*.25));box-shadow:0 10px 25px rgb(19 60 73 / calc(.07 + var(--cycle-focus)*.10))}
.entry-cycle [data-cycle-carousel] article::after{display:none}
.entry-cycle [data-cycle-carousel] .cycle-number{font-size:36px;line-height:1;color:color-mix(in srgb,#d66719 calc(var(--cycle-focus)*100%),#239db0)}
.entry-cycle [data-cycle-carousel] h3{font-size:21px;margin:15px 0 8px}
.entry-cycle [data-cycle-carousel] p{font-size:14px;line-height:1.75;color:#60757e;margin:0}
.cycle-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}
.cycle-controls button{border:1px solid #239db033;background:#eff9fa;color:#176b7a;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;font-weight:700;font-size:13px;transition:background .2s,color .2s}
.cycle-controls [data-cycle-prev],.cycle-controls [data-cycle-next]{font-size:25px;padding:0;width:34px}
.cycle-controls button:hover{background:#239db0;color:#fff}
@media(max-width:760px){.entry-cycle .cycle-grid[data-cycle-carousel]{--cycle-spacing:210px;--cycle-card-width:244px;height:300px}.entry-cycle [data-cycle-carousel] article{height:218px;padding:22px 18px}}
@media(max-width:480px){.entry-cycle .cycle-grid[data-cycle-carousel]{--cycle-spacing:160px;--cycle-card-width:220px;height:286px}.entry-cycle [data-cycle-carousel] article{height:210px;padding:20px 17px}.entry-cycle [data-cycle-carousel] h3{font-size:19px}.entry-cycle [data-cycle-carousel] p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.entry-cycle [data-cycle-carousel] article{will-change:auto}}

/* Repeating circular architecture echoes the cycle, while copy remains clear. */
.entry-cycle{background:linear-gradient(rgb(255 255 255 / .68),rgb(255 255 255 / .68)),url('assets/entry-cycle-loop.jpg') center/cover no-repeat}
.entry-cycle .cycle-summary-line{display:block}
.entry-cycle .cycle-summary{color:#294551;text-shadow:0 1px 2px #ffffffa6}

/* Use the main headline's continuous mint/orange field as the cycle background. */
.entry-cycle{background:linear-gradient(rgb(255 255 255 / .64),rgb(255 255 255 / .64)),conic-gradient(from var(--shared-title-angle) at 50% 50%,#d66719 0deg 89.85deg,#239db0 90.15deg 180deg,#d66719 360deg)}

/* Fix the rotating field to the viewport, clipped to the cycle section. */
.entry-cycle{position:relative;isolation:isolate;clip-path:inset(0);background:none;--cycle-white-alpha:.40}
.entry-cycle-backdrop{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:-1;pointer-events:none;background:linear-gradient(rgb(255 255 255 / var(--cycle-white-alpha,.40)),rgb(255 255 255 / var(--cycle-white-alpha,.40))),conic-gradient(from var(--shared-title-angle) at 50% 50%,#d66719 0deg 89.85deg,#239db0 90.15deg 180deg,#d66719 360deg)}
.entry-cycle .entry-inner{position:relative;z-index:1}

.stats-grid [data-count-target]{font-variant-numeric:tabular-nums}

/* Highlight the employment rate in the brand orange. */
.entry-stats .stats-grid article:last-child strong{color:#d66719}

/* Selected first hero spacing: compact option 3, with unchanged typography. */
.entry-hero{min-height:420px;--entry-film-height:420px}
.entry-hero-copy{padding:30px 24px}
@media(max-width:760px){.entry-hero{min-height:350px;--entry-film-height:350px}.entry-hero-copy{padding:24px 20px}}
@media(max-width:480px){.entry-hero{min-height:350px;--entry-film-height:350px}.entry-hero-copy{padding:20px}}

/* Merge the single guide question into the stats-to-contact diagonal. */
.entry-stats{position:relative;padding-bottom:calc(var(--consult-diagonal-height,120px) + 65px)}
.entry-consult-bridge{position:absolute;bottom:-1px;left:0;right:0;height:var(--consult-diagonal-height,120px);z-index:2;pointer-events:none}
.entry-consult-diagonal{position:absolute;inset:0;background:#fff;clip-path:polygon(0 100%,100% 0,100% 100%)}
.entry-stats .entry-consult-bridge h2{position:absolute;left:16px;right:16px;top:50%;translate:0 -50%;z-index:1;font-size:clamp(33.6px,4.08vw,55.2px);line-height:1.25;margin:0;text-align:center;color:#d66719;font-weight:800;text-shadow:0 2px 7px #10263318}
.entry-page .consultation{padding-top:50px}
@media(max-width:480px){.entry-stats .entry-consult-bridge h2{font-size:26.4px}.entry-page .consultation{padding-top:42px}}

/* Bring the contact block closer to the entry question. */
.entry-page .consultation{padding-top:10px}
.entry-stats .entry-consult-bridge h2{color:#239db0}
@media(max-width:480px){.entry-page .consultation{padding-top:8px}}

/* Split the question at the actual diagonal: orange above, mint on the white area. */
.entry-stats .entry-consult-bridge h2{color:#d66719}
.entry-bridge-base{display:block}
.entry-bridge-overlap{position:absolute;inset:0;display:block;color:#239db0;pointer-events:none;clip-path:var(--bridge-text-clip,polygon(0 50%,100% 50%,100% 100%,0 100%))}

/* Selected question: size option 3, heavy type and 14-degree right slant. */
.entry-stats .entry-consult-bridge h2{font-family:"Noto Sans KR","Malgun Gothic",sans-serif;font-size:clamp(53.76px,6.528vw,88.32px);font-weight:900;letter-spacing:-.045em;-webkit-text-stroke:1.1px currentColor}
.entry-bridge-glyph{display:block;transform:skewX(-14deg);transform-origin:50% 50%}
@media(max-width:480px){.entry-stats .entry-consult-bridge h2{font-size:42.24px}}
/* Keep the offscreen entrance inside the page width, preserving tall text. */
.entry-consult-bridge{clip-path:inset(-200px 0)}
.entry-consult-bridge{overflow-x:clip;overflow-y:visible}
/* Heading family option 2: one heavy Gothic family, hero at twice the section size. */
.entry-page{--entry-heading-size:clamp(28px,3vw,42px)}
.entry-page .entry-hero-copy h1,.entry-page .entry-inner h2{font-family:"Malgun Gothic",sans-serif;font-weight:700;-webkit-text-stroke:1.3px currentColor;letter-spacing:-.045em;line-height:1.25}
.entry-page .entry-inner h2{font-size:var(--entry-heading-size)}
.entry-page .entry-hero-copy h1{font-size:calc(var(--entry-heading-size) * 2)}
.entry-page .entry-hero-copy h1 span{font-size:inherit;font-weight:inherit;line-height:inherit}
@media(max-width:760px){.entry-page{--entry-heading-size:clamp(22px,3vw,28px)}}

/* Clip the orange layer too; descenders belong entirely to the mint area. */
.entry-bridge-base{clip-path:var(--bridge-base-clip,none)}

/* Use the font’s filled bold glyphs without an artificial outline. */
.entry-page .entry-inner h2{font-weight:700;-webkit-text-stroke:0;letter-spacing:-.025em}

.entry-page .why-explanation .why-accent{color:#fff}.entry-page .cycle-controls{display:none}

/* Collapse at the measured row width, rather than letting a link clip. */
.layout-live .site-header:not(.is-compact-nav) .entry-nav{justify-content:center;overflow:visible;gap:12px;padding:12px 22px;font-size:13px}
.layout-live .site-header:not(.is-compact-nav) .entry-menu-toggle{display:none}
.layout-live .site-header.is-compact-nav .consult-link{display:none}
.layout-live .site-header.is-compact-nav .header-inner{justify-content:flex-start;margin-left:16px;margin-right:16px}
.layout-live .site-header.is-compact-nav .language-control{left:auto;right:54px;font-size:10px}
.layout-live .site-header.is-compact-nav .entry-menu-toggle{display:flex;position:absolute;top:50%;right:0;left:auto;transform:translateY(-50%);width:38px;height:34px;padding:8px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;background:transparent;color:#239db0;box-shadow:none;cursor:pointer;z-index:3}
.layout-live .site-header.is-compact-nav .entry-menu-toggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .25s,opacity .25s}
.layout-live .site-header.is-compact-nav.is-nav-open .entry-menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
.layout-live .site-header.is-compact-nav.is-nav-open .entry-menu-toggle span:nth-child(2){opacity:0}
.layout-live .site-header.is-compact-nav.is-nav-open .entry-menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
.layout-live .site-header.is-compact-nav:not(.is-nav-open){--header-extra-height:0px}
.layout-live .site-header.is-compact-nav .entry-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:14px 20px 20px;overflow:auto;max-height:calc(100dvh - var(--header-height));opacity:0;filter:blur(10px);transform:translateY(-8px);visibility:hidden;pointer-events:none}
.layout-live .site-header.is-compact-nav .entry-nav a{align-self:center;max-width:100%;padding:8px 20px}
.layout-live .site-header.is-compact-nav.is-nav-open .entry-nav{opacity:1;filter:blur(0);transform:translateY(0);visibility:visible;pointer-events:auto;--menu-visibility-delay:0s}
.layout-live .site-header.is-compact-nav.is-nav-open{--header-extra-height:var(--section-menu-height,260px)}

/* Keep the opening sentence on one line, with continuously fitted type. */
.entry-page .entry-hero-copy{width:100%;min-width:0}
.entry-page .entry-hero-copy .hero-line{white-space:nowrap;font-size:clamp(56px,6vw,84px)}

.entry-page .entry-hero-copy .hero-question{white-space:nowrap;font-size:clamp(56px,6vw,84px)}

/* Fit each of the three opening cost lines without wrapping. */
.entry-page .entry-cost h2{white-space:nowrap;font-size:clamp(28px,3vw,42px)}
.entry-page .entry-cost .cost-statement{font-size:clamp(20px,2.4vw,30px)}
.entry-page .cost-statement>span{display:block;white-space:nowrap}
.entry-page .cost-statement>br{display:none}
/* Switch before central artwork touches the monetary copy. */
.entry-page .entry-cost .cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.entry-page .entry-cost .cost-grid.is-cost-stacked{grid-template-columns:minmax(0,1fr);row-gap:162px}
.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-ratio-ring{top:var(--ratio-stack-top,50%)}
.entry-page .cost-grid.is-cost-stacked .cost-ratio-ring::before{background:conic-gradient(from calc(var(--ratio-start,180deg) + 90deg),#239db0 0 var(--ratio-mint-share,50%),#d66719 var(--ratio-mint-share,50%) 100%)}

.entry-page .cost-grid.is-cost-stacked .cost-card{padding-top:max(var(--cost-stack-pad,33px),calc(var(--cost-overlap-px,0px) + 16px));padding-bottom:max(var(--cost-stack-pad,33px),calc(var(--cost-overlap-px,0px) + 16px))}
@media(max-width:760px){.entry-page .cost-grid{--cost-stack-pad:25px}}
.entry-page .entry-cost .entry-rate-note,.entry-page .entry-cost .entry-source-note{text-wrap:balance;word-break:keep-all;overflow-wrap:normal}
.entry-page .entry-cost .entry-source-note .source-sentence{display:inline}
.entry-page .entry-cost .entry-source-note .source-sentence:not(:last-child)::after{content:' '}

/* Selected cost layout: preserve the upper overlap and match the lower edge to it. */
.entry-page .entry-cost .cost-grid{--cost-overlap:9;--cost-card-height:220px;--cost-circle-y:-40;--cost-symmetric:1}
.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-card{height:var(--cost-card-height);min-height:180px;padding:14px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-card h3{flex-shrink:0}

/* Mirror the upper card's top/bottom whitespace in the lower card. */
.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-card:nth-child(2){padding-top:var(--lower-card-top-gap,14px);padding-bottom:var(--lower-card-bottom-gap,14px);justify-content:space-between}
.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-card:nth-child(2) h3,.entry-page .entry-cost .cost-grid.is-cost-stacked .cost-card:nth-child(2) .cost-krw{margin-top:0;margin-bottom:0}

/* Fit the why heading and USD ranges continuously on one line. */
.entry-page .entry-why h2,.entry-page .cost-card .cost-value{white-space:nowrap}
.entry-page .cost-card .cost-value{flex-shrink:0;max-width:100%}
.entry-page .entry-why .entry-inner{width:100%;min-width:0}

/* Reserve the central ring area when the cost cards sit side by side. */
.entry-page .entry-cost .cost-grid:not(.is-cost-stacked) .cost-card:first-child{padding-right:88px}
.entry-page .entry-cost .cost-grid:not(.is-cost-stacked) .cost-card:nth-child(2){padding-left:88px}

/* Preserve the three summary lines on narrow screens. */
.entry-page .cycle-summary-line{display:block;white-space:nowrap}

/* Cap opening type; narrow screens may shrink it, wide screens do not enlarge it. */
.entry-page .entry-hero-copy h1,.entry-page .entry-hero-copy h1 .hero-line,.entry-page .entry-hero-copy h1 .hero-emphasis,.entry-page .entry-hero-copy h1 .hero-question{font-size:56px}

/* Selected responsive hero ratios: center the copy inside the measured height. */
.entry-page .entry-hero-copy{padding-top:20px;padding-bottom:20px}

/* Balance the statistics copy within its requested line count. */
.entry-page .entry-stats .entry-lead,.entry-page .entry-stats .entry-source-note,.entry-page .stats-grid h3{text-wrap:balance;word-break:keep-all;overflow-wrap:normal}
.entry-page #consultation.consultation{padding-top:calc(65px + var(--entry-question-extra,0px))}
@media(max-width:760px){.entry-page #consultation.consultation{padding-top:calc(50px + var(--entry-question-extra,0px))}}
@media(max-width:480px){.entry-page #consultation.consultation{padding-top:calc(42px + var(--entry-question-extra,0px))}}

/* Keep all three counters side by side; scale their type together. */
.entry-page .entry-stats .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,24px)}
.entry-page .entry-stats .stats-grid article{min-width:0;padding-left:4px;padding-right:4px}
.entry-page .entry-stats .stats-grid strong{font-size:clamp(36px,4.7vw,58px);white-space:nowrap;min-width:0}

/* Leave room for the carousel cards instead of cropping their sides. */
.entry-page .entry-cycle .cycle-grid[data-cycle-carousel]{overflow:visible}