:root{--black:#0a0a0a;--paper:#f1ede3;--orange:#f5a900;--red:#ee3f24;--gray:#6b6a65;--sans:"Noto Sans KR",sans-serif;--display:"Black Han Sans",sans-serif;--mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.skip{position:fixed;z-index:100;left:20px;top:-70px;padding:14px 20px;background:#fff;color:#000}.skip:focus{top:12px}.header{position:fixed;z-index:30;top:0;left:0;right:0;height:86px;display:flex;align-items:center;gap:40px;padding:0 clamp(20px,4vw,64px);background:rgba(241,237,227,.96);border-bottom:3px solid var(--black);backdrop-filter:blur(10px)}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo>b{display:grid;place-items:center;width:44px;height:44px;background:var(--black);color:var(--paper);font:30px var(--display)}.logo span{font-size:12px;font-weight:900;line-height:1.25}.header nav{display:flex;gap:28px;font-size:14px;font-weight:800}.header nav a{box-shadow:inset 0 -2px transparent}.header nav a:hover,.header nav a:focus-visible{box-shadow:inset 0 -2px var(--red)}.call{display:flex;flex-direction:column;border-left:2px solid var(--black);padding-left:18px}.call span{font-size:11px}.call b{font:600 13px var(--mono)}.menu{display:none;border:2px solid;padding:8px 12px;background:var(--paper);font-weight:800}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:58% 42%;padding-top:86px;background:var(--paper);overflow:hidden}.hero__copy{position:relative;z-index:2;padding:clamp(90px,10vw,160px) clamp(30px,7vw,110px) 150px}.label,.chapter{margin:0;font-size:14px;font-weight:900}.label::before,.chapter::before{content:"";display:inline-block;width:35px;height:8px;background:var(--red);margin-right:10px}.hero h1{margin:35px 0 25px;font:clamp(5rem,10vw,11rem)/.76 var(--display);letter-spacing:-.055em}.hero h1 span{display:block}.hero h1 .stroke{color:var(--paper);-webkit-text-stroke:3px var(--black)}.hero__lead{max-width:570px;font-size:clamp(18px,1.8vw,24px);font-weight:700;line-height:1.65}.hero__actions{display:flex;align-items:center;gap:28px;margin-top:38px}.primary{min-width:245px;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--black);color:var(--paper);font-weight:900}.primary b{font-size:18px}.primary:hover,.primary:focus-visible{background:var(--red)}.plain-link{font-size:15px;font-weight:900;border-bottom:2px solid}.hero__portrait{position:relative;margin:0;min-height:calc(100svh - 86px);overflow:hidden;background:#06111b;border-left:3px solid var(--black)}.hero__portrait img{height:100%;object-fit:cover;object-position:65% center}.hero__portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 45%)}.hero__portrait figcaption{position:absolute;z-index:2;left:35px;right:35px;bottom:110px;color:#fff}.hero__portrait figcaption span,.hero__portrait figcaption strong,.hero__portrait figcaption small{display:block}.hero__portrait figcaption span{font-size:14px;font-weight:800;color:#ffd573}.hero__portrait figcaption strong{font:clamp(3rem,5.5vw,6.5rem)/1 var(--display);margin:8px 0}.hero__portrait figcaption small{font-size:13px;color:#ddd}.hero__number{position:absolute;z-index:3;right:-15px;top:75px;color:var(--orange);font:clamp(8rem,19vw,21rem)/1 var(--display);mix-blend-mode:screen;opacity:.9}.hero__stamp{position:absolute;z-index:4;left:50%;top:25%;transform:translateX(-50%) rotate(-7deg);width:150px;height:150px;display:grid;place-content:center;text-align:center;background:var(--orange);border:4px solid var(--black);border-radius:50%;font-size:13px;font-weight:900;box-shadow:8px 8px 0 var(--black)}.hero__stamp b{display:block;font:36px var(--display)}.hero__ticker{position:absolute;z-index:5;left:0;right:0;bottom:0;min-height:68px;display:flex;align-items:center;justify-content:center;gap:28px;padding:16px;background:var(--orange);border-block:3px solid var(--black);font-size:16px;font-weight:900}.hero__ticker i{font-style:normal;font-size:24px}.declaration{display:grid;grid-template-columns:1fr 2.2fr;gap:5vw;padding:clamp(100px,13vw,190px) clamp(25px,7vw,110px);background:var(--black);color:var(--paper)}.declaration .chapter{color:var(--orange)}.declaration blockquote{grid-column:2;margin:0;font:clamp(3.3rem,7.5vw,8.5rem)/.98 var(--display);letter-spacing:-.035em}.declaration blockquote em{font-style:normal;color:var(--orange)}.declaration__body{grid-column:2;max-width:750px;margin:30px 0 0;font-size:20px;font-weight:600;line-height:1.8;color:#d5d1c8}.route{padding:clamp(100px,13vw,190px) clamp(25px,6vw,95px);background:var(--orange);scroll-margin-top:80px}.route__head{display:grid;grid-template-columns:1fr 2.2fr;gap:5vw}.route__head h2,.score h2,.price h2,.contact h2{margin:0;font:clamp(4rem,8vw,9rem)/.92 var(--display);letter-spacing:-.045em}.route__head h2 span,.score h2 span,.price h2 span,.contact h2 span{color:var(--paper);-webkit-text-stroke:2px var(--black)}.route__list{list-style:none;margin:90px 0 0;padding:0;border-top:4px solid}.route__list li{display:grid;grid-template-columns:.35fr .8fr 1fr .9fr;gap:32px;align-items:center;padding:38px 0;border-bottom:3px solid;transition:background .2s,padding .2s}.route__list li:hover{background:rgba(255,255,255,.22);padding-inline:25px}.route__num{font:clamp(3.5rem,7vw,7rem)/1 var(--display);color:var(--paper);-webkit-text-stroke:2px var(--black)}.route__title span{font-size:13px;font-weight:800}.route__title h3{margin:5px 0;font:clamp(2rem,3.4vw,3.8rem)/1 var(--display)}.route__list>li>p{font-size:16px;font-weight:650;line-height:1.7}.route dl{margin:0}.route dl div{display:grid;grid-template-columns:85px 1fr;padding:9px 0;border-top:1px solid}.route dt{font-size:12px;font-weight:900}.route dd{margin:0;font-size:13px}.source,.score__note{margin:20px 0 0;font-size:13px;font-weight:700}.director{display:grid;grid-template-columns:47% 53%;min-height:100svh;background:var(--paper);scroll-margin-top:80px}.director__image{position:relative;min-height:800px;overflow:hidden;border-right:3px solid}.director__image img{height:100%;object-fit:cover;object-position:70% center;filter:saturate(.75) contrast(1.1)}.director__image span{position:absolute;left:25px;top:25px;background:var(--orange);border:2px solid;padding:8px 10px;font:13px var(--mono)}.director__copy{padding:clamp(90px,10vw,150px) clamp(30px,7vw,110px)}.director__copy h2{margin:42px 0 30px;font:clamp(6rem,11vw,12rem)/.73 var(--display);letter-spacing:-.05em}.director__copy h2 span{color:var(--red)}.director__copy blockquote{margin:55px 0 30px;padding:24px 0;border-block:3px solid;font-size:clamp(1.5rem,2.4vw,2.7rem);font-weight:900;line-height:1.5}.director__copy>p{font-size:18px;font-weight:600;line-height:1.8}.director__copy dl{margin-top:40px}.director__copy dl div{display:grid;grid-template-columns:120px 1fr;padding:15px 0;border-top:2px solid}.director__copy dl div:last-child{border-bottom:2px solid}.director__copy dt{font-size:13px;font-weight:900}.director__copy dd{margin:0;font-size:14px;font-weight:650}.director__copy small{display:block;margin-top:16px;font-size:12px;line-height:1.6;color:#666}.score{padding:clamp(100px,13vw,190px) clamp(25px,7vw,110px);background:var(--red);color:var(--black);scroll-margin-top:80px}.score header{display:grid;grid-template-columns:1fr 2.2fr;gap:5vw}.score h2 span{-webkit-text-stroke-color:#fff;color:var(--red)}.score__board{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border:4px solid;background:var(--paper)}.score__board article{min-height:390px;display:flex;flex-direction:column;padding:28px}.score__board article+article{border-left:3px solid}.score__board article>div{display:flex;justify-content:space-between;gap:15px}.score__board span{font-size:18px;font-weight:900}.score__board small{font-size:12px}.score__board strong{margin-top:auto;font:clamp(4.8rem,8vw,8rem)/1 var(--display)}.score__board strong em{font:16px var(--sans);font-style:normal}.score__board p{font-size:15px;font-weight:700;line-height:1.6}.price{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:clamp(100px,13vw,190px) clamp(25px,7vw,110px);background:var(--paper);scroll-margin-top:80px}.price h2{margin-top:30px}.price h2 span{color:var(--paper);-webkit-text-stroke-color:var(--red)}.price__table{align-self:center;border:3px solid;background:#fff}.price__row{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:20px;align-items:center;padding:22px;border-bottom:2px solid}.price__row--head{background:var(--black);color:#fff;font-size:13px;font-weight:900}.price__row b{font-size:15px}.price__row span{font-size:14px}.price__row strong{text-align:right;font:600 16px var(--mono)}.price details{border-bottom:2px solid}.price summary{display:flex;justify-content:space-between;padding:22px;list-style:none;cursor:pointer;font-size:14px;font-weight:900;background:var(--orange)}.price summary::-webkit-details-marker{display:none}.price summary b{font-size:22px}.price__table>p{margin:0;padding:14px 22px;font-size:12px}.contact{position:relative;min-height:90svh;display:flex;align-items:center;padding:110px clamp(25px,7vw,110px);background:var(--black);color:var(--paper);overflow:hidden}.contact>div:last-child{position:relative;z-index:2}.contact h2{margin:35px 0}.contact h2 span{color:var(--black);-webkit-text-stroke-color:var(--orange)}.contact address{margin:0 0 35px;font-style:normal;font-size:18px;font-weight:600;line-height:1.7}.contact__index{position:absolute;right:-3vw;top:50%;transform:translateY(-50%);font:clamp(11rem,28vw,32rem)/1 var(--display);color:#161616}.primary--light{max-width:360px;background:var(--orange);color:var(--black)}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;padding:25px clamp(20px,4vw,64px);background:var(--orange);border-top:3px solid;font-size:12px;font-weight:800}footer p{margin:0}footer p:nth-child(2){text-align:center}[data-reveal]{opacity:0;transform:translateY(35px);transition:.7s cubic-bezier(.2,.8,.2,1)}[data-reveal].in{opacity:1;transform:none}
@media(max-width:1000px){.header nav{display:none;position:absolute;top:86px;left:0;right:0;flex-direction:column;padding:25px;background:var(--paper);border-bottom:3px solid}.header nav.open{display:flex}.call{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.hero__copy{min-height:80svh;padding-bottom:115px}.hero__portrait{min-height:75svh;border-left:0;border-top:3px solid}.hero__stamp{left:auto;right:25px;top:68svh}.declaration,.route__head,.score header,.price{grid-template-columns:1fr}.declaration blockquote,.declaration__body{grid-column:1}.route__head h2,.score h2{margin-top:35px}.route__list li{grid-template-columns:.35fr 1fr}.route__list>li>p,.route dl{grid-column:2}.director{grid-template-columns:1fr}.director__image{min-height:700px;border-right:0;border-bottom:3px solid}.score__board{grid-template-columns:1fr}.score__board article{min-height:300px}.score__board article+article{border-left:0;border-top:3px solid}.price__table{margin-top:65px}}
@media(max-width:620px){.header{height:72px}.header nav{top:72px}.hero{padding-top:72px}.hero__copy{padding:70px 22px 120px}.hero h1{font-size:22vw}.hero h1 .stroke{-webkit-text-stroke-width:2px}.hero__lead{font-size:18px}.hero__actions{align-items:stretch;flex-direction:column}.plain-link{width:max-content}.hero__number{top:70px;font-size:45vw}.hero__portrait{min-height:620px}.hero__portrait figcaption{bottom:90px;left:22px}.hero__stamp{top:auto;right:20px;bottom:585px;width:110px;height:110px}.hero__stamp b{font-size:27px}.hero__ticker{justify-content:flex-start;overflow:hidden;white-space:nowrap;font-size:13px}.declaration blockquote{font-size:13vw}.declaration__body{font-size:17px}.route__head h2,.score h2,.price h2,.contact h2{font-size:15vw}.route__list li{grid-template-columns:72px 1fr;gap:15px}.route__list>li>p,.route dl{grid-column:1/-1}.route__num{-webkit-text-stroke-width:1px}.director__image{min-height:580px}.director__copy{padding-inline:22px}.director__copy h2{font-size:28vw}.director__copy dl div{grid-template-columns:1fr;gap:6px}.score__board strong{font-size:24vw}.price__row{grid-template-columns:1fr auto}.price__row>span{display:none}.contact__index{font-size:55vw}footer{grid-template-columns:1fr}footer p:nth-child(2){text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}}

/* 사진 중심 비율 보정 */
@media(min-width:1001px){
  .hero{grid-template-columns:42% 58%}
  .hero__copy{padding:clamp(80px,8vw,130px) clamp(30px,4.5vw,74px) 150px}
  .hero h1{font-size:clamp(4.7rem,8vw,9rem);line-height:.78}
  .hero__portrait img{object-position:61% center}
  .hero__stamp{left:42%}
  .director{grid-template-columns:60% 40%}
  .director__image img{object-position:64% center}
  .director__copy{padding:clamp(70px,7vw,110px) clamp(28px,4vw,64px)}
  .director__copy h2{margin:36px 0 25px;font-size:clamp(5rem,8vw,8.5rem);line-height:.76}
  .director__copy blockquote{margin:36px 0 24px;font-size:clamp(1.35rem,2vw,2.2rem)}
}
@media(min-width:621px) and (max-width:1000px){
  .hero__copy{min-height:72svh}
  .hero__portrait{min-height:82svh}
  .hero__stamp{top:62svh}
  .director__image{min-height:820px}
}
@media(max-width:620px){
  .hero__copy{min-height:68svh}
  .hero h1{font-size:20vw}
  .hero__portrait{min-height:720px}
  .hero__stamp{bottom:685px}
  .director__image{min-height:680px}
  .director__copy h2{font-size:25vw}
}
