html.process-document{scroll-behavior:smooth;scroll-padding-top:112px}
.process-page{--process-ease:cubic-bezier(.2,.65,.3,1);background:var(--navy);color:var(--white)}
.process-page main{overflow:hidden}.process-page .reading-progress{height:1px}
.process-page .site-header{background:linear-gradient(180deg,rgb(16 26 46 / .58),rgb(16 26 46 / .1))}
.process-page .site-header.is-scrolled{background:rgb(27 42 74 / .97)}
.process-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:740px;height:min(92svh,960px);overflow:hidden;background:var(--deep)}
.process-hero-photo,.process-hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}
.process-hero-photo img{height:100%;object-position:50% 55%;filter:saturate(.35)}
.process-hero-shade{z-index:-1;background:linear-gradient(180deg,rgb(16 26 46 / .48),rgb(16 26 46 / .46) 42%,rgb(16 26 46 / .65))}
.process-hero-copy{text-align:center;padding:140px 0 112px}
.process-breadcrumb{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;letter-spacing:1.4px;color:var(--light);margin-bottom:27px}
.process-breadcrumb>span{color:var(--gold)}.process-breadcrumb a:hover{color:var(--gold)}
.process-hero h1{font-size:120px;line-height:1.05;overflow:hidden;margin-bottom:28px}
.process-hero h1>span,.process-hero-lead>span{display:block}
.process-hero-lead{font-size:35px;font-weight:620;line-height:1.5;letter-spacing:-1px}
.process-hero-description{font-size:18px;line-height:1.9;color:#e3e7ed;margin:22px auto 0;max-width:680px;letter-spacing:-.2px;text-wrap:pretty}
.process-scroll{position:absolute;bottom:30px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:24px;min-height:48px;font-size:13px;white-space:nowrap}
.process-scroll svg{color:var(--gold);transition:transform .3s var(--process-ease)}
.process-scroll:is(:hover,:focus-visible) svg{transform:translateY(4px)}
.process-flow{padding-top:118px;padding-bottom:104px}
.process-section-head>.reveal-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end}
.process-eyebrow{font-size:11px;font-weight:550;letter-spacing:1.8px;line-height:1.5;color:var(--gold);margin-bottom:22px}
.process-section-head h2{font-size:42px;line-height:1.45;letter-spacing:-1.4px;font-weight:630}
.process-section-copy{font-size:18px;line-height:1.9;letter-spacing:-.3px;color:var(--light);padding-bottom:4px;text-wrap:pretty}
.process-route{margin-top:66px}
.process-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px}
.process-step{display:block;min-width:0;position:relative;text-align:center}
.process-circle{display:flex;aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgb(203 210 222 / .5);border-radius:50%;transition:border-color .35s,background-color .35s;position:relative}
.process-circle:after{content:'';position:absolute;inset:6px;border:1px solid transparent;border-radius:50%;transition:border-color .35s}
.step-number{font-size:26px;line-height:1.1;color:var(--gold);margin-bottom:13px}
.step-name{font-size:25px;line-height:1.45;font-weight:550;letter-spacing:-.6px}
.step-english{font-size:10px;letter-spacing:1px;color:var(--light);margin-top:12px}
.step-summary{display:block;font-size:13px;color:var(--light);line-height:1.7;margin-top:22px;white-space:nowrap}
.process-step:not(:last-child) .process-circle:before{content:'';position:absolute;right:-36px;top:50%;width:12px;height:12px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);transform:translateY(-50%) rotate(45deg)}
.process-step:is(:hover,:focus-visible) .process-circle{border-color:var(--gold);background:rgb(200 162 74 / .035)}
.process-step[aria-selected=true] .process-circle{border-color:var(--gold);background:rgb(200 162 74 / .07)}
.process-step[aria-selected=true] .process-circle:after{border-color:rgb(200 162 74 / .25)}
.process-step[aria-selected=true] .step-summary{color:var(--white)}
.process-step:focus-visible{outline:none}
.process-step:focus-visible .process-circle{outline:2px solid var(--gold);outline-offset:6px}
.process-route-hint{margin-top:28px;text-align:right;font-size:12px;line-height:1.7;color:var(--light)}
.process-panels{margin-top:36px}
.process-panel{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;border-top:1px solid rgb(203 210 222 / .25);padding-top:40px;align-items:stretch;scroll-margin-top:112px}
.process-panel+.process-panel{margin-top:54px}
.process-panel[hidden]{display:none}
.process-enhanced .process-panels>.reveal-inner{display:grid}
.process-enhanced .process-panel{grid-area:1/1;min-width:0}
/* Reserve the longest panel's natural height at each viewport width. */
.process-enhanced .process-panel[hidden]{display:grid;visibility:hidden;pointer-events:none}
.process-enhanced .process-panel+.process-panel{margin-top:0}
.process-panel:focus-visible{outline:none}
.process-panel:focus-visible .process-eyebrow{outline:2px solid var(--gold);outline-offset:6px;width:fit-content}
.process-stage-photo{position:relative;min-height:410px;overflow:hidden;background:var(--deep)}
.process-stage-photo img{position:absolute;inset:0;height:100%;object-position:center}
.process-stage-copy{min-width:0;padding:4px 0 0;display:flex;flex-direction:column}
.process-stage-copy .process-eyebrow{letter-spacing:.5px;margin-bottom:16px;font-size:12px;display:flex;align-items:center;gap:16px}
.process-stage-copy .process-eyebrow>span{font-family:Bebas,sans-serif;font-size:24px;line-height:1}
.process-stage-copy h3{font-size:32px;line-height:1.5;letter-spacing:-.9px;font-weight:600}
.process-stage-body{font-size:17px;line-height:1.85;color:var(--light);margin:20px 0 26px;text-wrap:pretty}
.process-stage-body .copy-sentence{display:block}
.process-stage-note{margin-top:auto;display:grid;grid-template-columns:135px 1fr;gap:22px;border-top:1px solid rgb(203 210 222 / .16);padding-top:20px}
.process-stage-note h4{font-size:13px;line-height:1.85;font-weight:550;margin:0;color:var(--white)}
.process-stage-note ul{padding:0;margin:0;list-style:none;color:var(--light);font-size:14px;line-height:1.85;text-wrap:pretty}
.process-stage-note li{position:relative;padding-left:12px}
.process-stage-note li:before{content:'';width:3px;height:3px;background:var(--gold);position:absolute;left:0;top:11px}
.process-schedule-note{font-size:13px;color:var(--light);line-height:1.8;text-align:right;margin-top:26px}
.process-panel.is-entering .process-stage-photo img{animation:stage-photo-in .65s var(--process-ease) both}
.process-panel.is-entering .process-stage-copy{animation:stage-copy-in .55s var(--process-ease) .08s both}
@keyframes stage-photo-in{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes stage-copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.process-quality{padding:96px 0 110px;background:#233352}
.process-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:48px}
.quality-photo{height:320px;overflow:hidden;background:var(--deep)}
.quality-photo img{height:100%;transition:scale .7s var(--process-ease)}
.quality-scene figcaption{position:relative;padding-top:27px;padding-left:150px}
.quality-timing{position:absolute;top:32px;left:0;font-size:13px;line-height:1.7;color:var(--gold)}
.quality-scene h3{font-size:28px;line-height:1.45;font-weight:600;letter-spacing:-.7px}
.quality-scene h3+p{font-size:16px;line-height:1.85;color:var(--light);margin-top:12px;letter-spacing:-.2px;text-wrap:pretty}
.process-inquiry{padding:96px 0 92px}.process-inquiry h2{font-size:76px}.process-inquiry .inquiry-lead{margin-top:24px}.process-inquiry .inquiry-lead+p{margin-top:16px}
.process-page .process-action{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:32px;min-width:200px;min-height:56px;padding:0 24px;border:1px solid transparent;font:550 16px/24px Pretendard,sans-serif;letter-spacing:-.2px;white-space:nowrap;vertical-align:middle;border-radius:3px;margin-top:30px;transition:background-color .22s,color .22s,scale .16s}
.process-action>.button-label{display:block;font:inherit!important;line-height:24px;transform:none}
.process-action svg{flex:0 0 20px;transition:transform .25s var(--process-ease)}
.process-action:before{content:none!important}.process-action:is(:hover,:focus-visible){background:var(--gold-hover)}
.process-action:is(:hover,:focus-visible) svg{transform:translate(2px,-2px)}.process-action:active{scale:.99}
.process-motion [data-reveal]{opacity:0;transition:opacity .8s var(--process-ease) var(--reveal-delay,0ms)}
.process-motion [data-reveal]>.reveal-inner{translate:0 36px;transition:translate 1s var(--process-ease) var(--reveal-delay,0ms)}
.process-motion [data-reveal].is-revealed{opacity:1}.process-motion .is-revealed>.reveal-inner{translate:0 0}
.process-motion [data-reveal]:not(.is-revealed),.process-motion [data-reveal]:not(.is-revealed)>.reveal-inner{transition-duration:0s;transition-delay:0s}
.process-quality-grid>[data-reveal]:nth-child(2){--reveal-delay:140ms}
.process-page[data-process-intro=waiting] .process-hero h1>span{transform:translateY(110%)}
.process-page[data-process-intro=waiting] :is(.process-hero-lead,.process-hero-description,.process-scroll){opacity:0}
.process-page[data-process-intro=waiting] .process-hero-photo img{transform:scale(1.08)}
.process-page[data-process-intro=playing] .process-hero h1>span{animation:process-title-in 1.15s var(--process-ease) .1s both}
.process-page[data-process-intro=playing] .process-hero-lead{animation:process-copy-in 1s var(--process-ease) .35s both}
.process-page[data-process-intro=playing] .process-hero-description{animation:process-copy-in .95s var(--process-ease) .55s both}
.process-page[data-process-intro=playing] .process-scroll{animation:process-copy-in .8s var(--process-ease) .8s both}
.process-page[data-process-intro=playing] .process-hero-photo img{animation:process-photo-in 2s var(--process-ease) .15s both}
.process-page-hidden .process-hero *{animation-play-state:paused!important}
@keyframes process-title-in{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes process-copy-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes process-photo-in{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(hover:hover){.quality-scene:hover img{scale:1.02}}
@media(max-width:1100px){
  .process-tabs{gap:32px}.step-name{font-size:22px}.step-number{font-size:23px;margin-bottom:9px}.step-english{font-size:9px;margin-top:9px}.step-summary{font-size:12px}.process-step:not(:last-child) .process-circle:before{right:-21px;width:9px;height:9px}
  .process-section-head>.reveal-inner{gap:48px}.process-panel{gap:40px}.process-stage-note{grid-template-columns:1fr;gap:8px}.process-stage-photo{min-height:430px}.quality-scene figcaption{padding-left:0}.quality-timing{position:static;margin-bottom:10px}
}
@media(max-width:900px) and (min-width:761px){
  .process-section-head h2{font-size:35px}.process-section-copy{font-size:16px}.process-stage-copy h3{font-size:27px}.process-stage-body{font-size:16px}.step-name{font-size:19px}.step-english{font-size:8px;letter-spacing:.5px}.step-summary{font-size:10px}.process-tabs{gap:26px}.process-step:not(:last-child) .process-circle:before{right:-17px}.quality-photo{height:250px}
}
@media(max-width:760px){
  html.process-document{scroll-padding-top:120px}
  .process-hero{min-height:700px;height:90svh;max-height:860px}
  .process-hero-copy{padding:164px 0 100px}.process-breadcrumb{margin-bottom:26px;font-size:9px}
  .process-hero h1{font-size:86px;margin-bottom:25px}.process-hero-lead{font-size:27px;letter-spacing:-.85px;line-height:1.6}.process-hero-description{font-size:15px;line-height:1.85;margin-top:21px}
  .process-hero-photo img{object-position:57% center}.process-scroll{bottom:28px;font-size:12px}
  .process-flow{padding-top:72px;padding-bottom:68px}.process-section-head>.reveal-inner{grid-template-columns:1fr;gap:22px}
  .process-eyebrow{font-size:10px;margin-bottom:17px}.process-section-head h2{font-size:30px;line-height:1.5;letter-spacing:-1px}.process-section-copy{font-size:16px;line-height:1.85;padding:0}
  .process-desktop-break{display:none}.process-route{margin-top:36px}.process-tabs{grid-template-columns:1fr 1fr;gap:27px 28px;max-width:480px;margin:auto}
  .process-circle{max-width:204px;margin:auto}.step-number{font-size:22px;margin-bottom:7px}.step-name{font-size:20px;line-height:1.4}.step-english{font-size:8px;margin-top:9px;letter-spacing:.7px}
  .step-summary{font-size:11px;line-height:1.6;white-space:normal;margin-top:12px}.process-step:not(:last-child) .process-circle:before{content:none}
  .process-route-hint{font-size:11px;text-align:center;margin-top:24px}.process-panels{margin-top:27px}
  .process-panel{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:28px;padding-top:28px;scroll-margin-top:122px}.process-stage-photo{min-height:0;height:auto;aspect-ratio:4/3;align-self:start}
  .process-stage-copy{padding:0;align-self:start}.process-stage-copy h3{font-size:27px;letter-spacing:-.75px}.process-stage-body{font-size:16px;line-height:1.85;margin:16px 0 22px}.process-stage-note{padding-top:18px;gap:9px;grid-template-columns:1fr}.process-stage-note h4,.process-stage-note ul{font-size:13px}
  .process-schedule-note{text-align:left;font-size:12px;margin-top:23px}.process-quality{padding:65px 0 72px}.process-quality-grid{grid-template-columns:1fr;gap:38px;margin-top:32px}.quality-photo{height:auto;aspect-ratio:4/3}.quality-scene figcaption{padding-top:21px}.quality-timing{margin-bottom:7px;font-size:12px}.quality-scene h3{font-size:25px}.quality-scene h3+p{font-size:15px;margin-top:11px}
  .process-inquiry{padding:66px 0 68px}.process-inquiry h2{font-size:52px}
  .process-motion [data-reveal]>.reveal-inner{translate:0 22px;transition-duration:.8s}.process-motion .is-revealed>.reveal-inner{translate:0 0}.process-quality-grid>[data-reveal]{--reveal-delay:0ms}
  .process-page[data-process-intro=playing] .process-hero-photo img{animation-duration:1.65s}
}
@media(max-width:380px){.process-hero h1{font-size:74px}.process-hero-lead{font-size:23px}.process-hero-description{font-size:14px}.process-hero{min-height:665px}.process-section-head h2{font-size:28px}.process-tabs{gap:25px 20px}.step-name{font-size:17px}.step-number{font-size:20px;margin-bottom:5px}.step-english{font-size:7px;letter-spacing:.4px;margin-top:6px}.step-summary{font-size:10px}.process-inquiry h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){
  html.process-document{scroll-behavior:auto}
  .process-motion [data-reveal]{opacity:1!important;transition:none!important}.process-motion [data-reveal]>.reveal-inner{translate:none!important;transition:none!important}
  .process-page .process-hero *,.process-panel.is-entering *{animation:none!important;opacity:1!important;transform:none!important}
  .process-step *,.quality-photo img,.process-action,.process-action svg,.process-scroll svg{transition:none!important}.quality-photo img{scale:1!important}
}