@font-face{font-family:Jalnan;src:url('assets/fonts/Jalnan2.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/fonts/Paperlogy-4Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/fonts/Paperlogy-5Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Paperlogy;src:url('assets/fonts/Paperlogy-7Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#192c31;--muted:#566366;--stone:#f5f3ee;--red:#b43447;--gold:#c6ae81}
body{font-family:Paperlogy,'Apple SD Gothic Neo',sans-serif;background:#fbfaf7;font-synthesis:none}
.site-header{height:112px;padding:24px 5%;gap:28px}
.brand{opacity:1;width:194px;padding:9px 12px;background:#ffffffe8;border:1px solid #ffffff55;border-radius:2px;box-shadow:none;backdrop-filter:blur(10px)}
.site-header nav{border:0;border-radius:0;padding:0;background:transparent;backdrop-filter:none;gap:36px;margin-right:2%;font-size:14px;font-weight:500}
.site-header nav a{position:relative;color:#fff}.site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}
.header-contact{font-size:14px;padding:15px 20px;background:#ffffff12;border:1px solid #ffffff66;border-radius:2px;transition:background .25s,transform .25s}.header-contact:hover{background:#ffffff25;transform:translateY(-2px)}
.hero{min-height:740px;min-height:max(740px,100svh);padding:128px 7% 170px;align-items:center;background:#26312f}
.hero:after{background:linear-gradient(90deg,#12282bba 0%,#152b2c88 32%,#0d242a12 70%),linear-gradient(0deg,#132a2bd9,transparent 35%,transparent 80%,#172b2a44)}
.hero-photo>img{object-position:50% center;filter:saturate(.76)}
.hero-copy{width:57%;z-index:3;pointer-events:auto}
.hero .eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.13em;margin-bottom:28px;color:#f0e6d2}
.hero .eyebrow:before{content:'';width:26px;height:1px;background:var(--gold)}
.hero h1{font-family:Jalnan,sans-serif;font-size:clamp(48px,4.8vw,76px);font-weight:400;line-height:1.37;letter-spacing:-.035em;margin:0 0 24px;max-width:760px;text-wrap:balance;text-shadow:0 3px 28px #10202122}
.hero h1 span{color:#e7d9bc}
.hero-description{font-size:17px;line-height:1.9;font-weight:400;color:#faf9f5;margin:0 0 30px}
.hero-link{width:252px;min-height:54px;padding:15px 19px;border:1px solid #ffffff80;background:#fffdf114;border-radius:2px;font-size:15px;font-weight:500;backdrop-filter:blur(8px);transition:background .3s,transform .3s}.hero-link:hover{background:#fffdf12c;transform:translateY(-3px)}
.hero-link span{font-size:22px;transition:transform .3s}.hero-link:hover span{transform:translate(3px,-3px)}
.hero-help{font-size:11px;letter-spacing:.01em;margin-top:18px;color:#e2e7df}
.hero-copy>*{animation:copy-in .9s cubic-bezier(.22,.8,.2,1) both}.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.25s}.hero-copy>:nth-child(4){animation-delay:.38s}.hero-copy>:nth-child(5){animation-delay:.48s}
@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero>.service-band{bottom:30px;left:7%;right:7%;gap:0;border-top:1px solid #ffffff42;border-bottom:1px solid #ffffff25;background:#162d2b2e;backdrop-filter:blur(16px);padding:0;overflow:hidden}
.service-band article{position:relative;padding:24px 28px 24px 52px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transition:background .3s}
.service-band article+article{border-left:1px solid #ffffff30}
.service-band article:hover{background:#ffffff0d}
.service-number{position:absolute;left:22px;top:29px;color:#e5d4b5;font-size:10px;font-weight:500}
.service-band h2{font-family:Paperlogy,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}
.service-band p{font-size:12px;line-height:1.7;color:#e2e8e1}
.hero-effects{z-index:1}.hero-scan{left:0;top:0;bottom:0;width:1px;box-shadow:0 0 16px 2px #d4e6d07a;background:#f0eed8;will-change:transform,opacity}
.hero-scan>i{width:120px;background:linear-gradient(90deg,transparent,#f7f5da16);backdrop-filter:none}
.hero-target{left:0;top:0;width:100px;height:100px;opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity;--corner:22px}
.hero-target>i{inset:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(var(--red),var(--red)) left top/var(--corner) 2px no-repeat,linear-gradient(var(--red),var(--red)) left top/2px var(--corner) no-repeat,linear-gradient(var(--red),var(--red)) right top/var(--corner) 2px no-repeat,linear-gradient(var(--red),var(--red)) right top/2px var(--corner) no-repeat,linear-gradient(var(--red),var(--red)) left bottom/var(--corner) 2px no-repeat,linear-gradient(var(--red),var(--red)) left bottom/2px var(--corner) no-repeat,linear-gradient(var(--red),var(--red)) right bottom/var(--corner) 2px no-repeat,linear-gradient(var(--red),var(--red)) right bottom/2px var(--corner) no-repeat;background-color:#fff9e60a}
.hero-target>b,.hero-target>span{width:12px;height:1px;background:#f9f6e1c9}.hero-target>span{width:1px;height:12px}
.hero-target>em{position:absolute;inset:-10px;border:1px solid #fff8;opacity:.3}
.focus-label{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);padding:10px 12px;background:#13272de6;white-space:nowrap;color:#fff;border-left:2px solid var(--gold)}
.focus-label small{display:block;font-size:8px;letter-spacing:.16em;color:#e2cfa9;margin-bottom:7px}.focus-label strong{font-size:12px;font-weight:500}
.capture-frame{position:absolute;inset:26px;border:1px solid #fff9;opacity:0;will-change:transform,opacity}
.record-card{position:absolute;right:8%;top:52%;display:flex;align-items:center;gap:14px;padding:18px 24px;background:#f9f7f0ed;color:var(--ink);border:1px solid #fff9;box-shadow:0 12px 45px #10282022;opacity:0}
.record-card small{display:block;font-size:9px;letter-spacing:.15em;color:#6d7775;margin-bottom:8px}.record-card strong{font-size:13px;font-weight:500}.record-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bbc8bb;border-radius:50%;font-size:15px;color:#456953}
.motion-console{position:absolute;right:7%;bottom:180px;width:298px;z-index:4;display:grid;grid-template-columns:1fr auto;column-gap:18px;color:#fff}
.motion-status{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:14px;letter-spacing:.01em}.status-dot{width:5px;height:5px;background:#d5d9b3;border-radius:50%}.motion-count{margin-left:auto;color:#e0dbc9;font-size:9px;letter-spacing:.1em}
.motion-progress{align-self:center;height:1px;background:#ffffff40;overflow:hidden}.motion-progress i{height:100%;width:100%;display:block;background:#e2d6b7;transform:scaleX(0);transform-origin:left}
.motion-toggle{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 0 7px 10px;min-width:76px;min-height:36px;border:0;background:transparent;color:#fff;font-size:10px;letter-spacing:.03em}.motion-toggle>[aria-hidden]{font-size:13px}.motion-toggle:hover{color:#e2d6b7}.image-note{position:absolute;bottom:148px;right:7%;font-size:9px;color:#e7e7da;z-index:3}
.section{padding:110px 7%}.section-copy .eyebrow,.why .eyebrow{font-size:11px;letter-spacing:.12em;color:#88775b;margin-bottom:23px}
.section-copy h2,.why h2{font-family:Jalnan,sans-serif;font-size:clamp(28px,2.5vw,42px);font-weight:400;line-height:1.55;letter-spacing:-.04em;margin:0 0 28px}
.section-copy>p:not(.eyebrow){font-size:16px;line-height:1.95}.text-link{font-size:14px;font-weight:500;margin-top:28px;padding-bottom:12px;border-color:#9da8a4}
.why{background:#fbfaf7;display:grid;grid-template-columns:1fr 1.35fr;gap:9%;align-items:start}
.why-heading>p:last-child{font-size:15px;line-height:1.9;color:var(--muted)}
.why-reasons{display:grid;gap:32px}
.why-reasons article{position:relative;border-bottom:1px solid #deded4;padding:0 0 28px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:30px;align-items:start}
.why-reasons article>span{grid-column:1/-1;font-size:10px;letter-spacing:.035em;color:#8b785a;margin-bottom:18px}
.why-reasons h3{font-size:22px;font-weight:700;letter-spacing:-.035em;line-height:1.6;margin:0}.why-reasons p{font-size:13px;line-height:1.9;color:var(--muted);margin:2px 0 0}.why-reasons p br{display:none}
.result{background:#eaece5;gap:9%;grid-template-columns:1.1fr 1fr}.result-photo{aspect-ratio:1.28;clip-path:inset(0);border-radius:2px}.result-photo img{filter:saturate(.68);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}.result-photo.visible img{animation:photo-reveal 1.6s cubic-bezier(.2,.7,.2,1) both}.result-photo>span{font-size:9px;left:16px;bottom:16px;background:#2031308c;padding:6px 9px}
@keyframes photo-reveal{from{transform:scale(1.09)}to{transform:scale(1)}}
.booking{background:#fbfaf7;gap:8%}.booking-note{border-radius:2px;background:#f0efe9;border:1px solid #dfded4;padding:38px}.booking-note>p{font-size:15px}.kakao{font-size:16px;border-radius:2px;background:#fee500;padding:21px 22px;transition:background .3s,transform .3s}.kakao:hover{transform:translateY(-2px)}.booking-note small{font-size:11px;line-height:1.8}
.faq{padding-top:10px;background:#fbfaf7}.faq-list details{background:transparent;padding:0;border-color:#dadbd3}.faq-list summary{font-size:15px;padding:24px 0}.faq-list details p{font-size:14px}.faq-list summary span{color:#968367}
footer{margin:0 7%;padding:42px 0;font-size:11px}.footer-brand{width:160px}footer small{font-size:10px}
[data-scroll]{opacity:1;transform:none}.motion-ready [data-scroll]{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.motion-ready [data-scroll].visible{opacity:1;transform:none}
@media(min-width:1700px){.hero-copy{width:54%}.hero{padding-left:9%;padding-right:9%}.hero>.service-band{left:9%;right:9%}.site-header{padding-left:7%;padding-right:7%}}
@media(max-width:1100px){.site-header nav{gap:22px;font-size:12px}.hero{padding-left:6%;padding-right:6%}.hero h1{font-size:56px}.service-band article{padding-left:40px;padding-right:15px}.service-number{left:16px}.service-band h2{font-size:15px}.service-band p{font-size:11px}.why{gap:6%;grid-template-columns:1fr 1.15fr}.why-reasons article{display:block}.why-reasons article>span{display:block}.why-reasons h3 br{display:none}.why-reasons p{margin-top:14px}.focus-label{left:auto;right:calc(100% + 14px)}}
@media(max-width:760px){
 .site-header{height:90px;padding:19px 6%;gap:16px}.brand{width:145px;padding:9px 11px}.site-header nav{display:none}.header-contact{font-size:11px;padding:12px 14px}
 .hero{min-height:840px;min-height:max(840px,100svh);padding:290px 7% 220px;align-items:center}
 .hero:after{background:linear-gradient(0deg,#152b2ef5 0%,#172d2edb 27%,#172b2d72 57%,#182b2b12 83%,#182b2b52)}
 .hero-photo>img{object-position:62% center}.hero-copy{width:100%}.hero .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:19px}.hero .eyebrow:before{width:20px}.hero h1{font-size:clamp(37px,10.2vw,55px);line-height:1.4;letter-spacing:-.035em;margin-bottom:18px}.hero-description{font-size:13px;line-height:1.95;margin-bottom:22px}.hero-link{width:226px;min-height:50px;font-size:13px;padding:12px 15px}.hero-help{font-size:9px;margin-top:14px}
 .hero>.service-band{display:flex;left:7%;right:7%;bottom:28px;gap:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;background:#ffffff08;backdrop-filter:blur(10px)}
 .service-band article,.service-band article:last-child{flex:0 0 85%;min-height:98px;padding:20px 17px 20px 42px;border:0;border-radius:0}.service-band article+article{border-left:1px solid #ffffff30}.service-number{left:16px;top:25px}.service-band h2{font-size:15px;margin-bottom:7px}.service-band p{font-size:11px;line-height:1.7}
 .motion-console{right:7%;left:7%;bottom:154px;width:auto;grid-template-columns:1fr auto;column-gap:18px}.motion-status{font-size:10px;margin-bottom:6px}.motion-toggle{font-size:9px;min-height:30px}.motion-count{font-size:8px}.image-note{bottom:auto;top:270px;font-size:8px;color:#fff9}
 .hero-target{width:72px;height:72px;--corner:16px}.focus-label{left:auto;right:calc(100% + 12px);padding:9px 10px}.focus-label small{font-size:7px}.focus-label strong{font-size:10px}.capture-frame{inset:15px}.record-card{right:7%;top:185px;padding:12px 15px;gap:10px}.record-card small{font-size:8px}.record-card strong{font-size:11px}.record-icon{width:28px;height:28px}
 .section{padding:65px 7%}.why{display:block}.why h2,.section-copy h2{font-size:29px;line-height:1.6;letter-spacing:-.04em;margin-bottom:20px}.why-heading>p:last-child{font-size:13px}.why .eyebrow,.section-copy .eyebrow{font-size:10px;margin-bottom:19px}.why-reasons{margin-top:36px;gap:26px}.why-reasons article{display:grid;grid-template-columns:1fr 1.1fr;column-gap:18px;padding-bottom:25px}.why-reasons article>span{font-size:9px;margin-bottom:13px}.why-reasons h3{font-size:17px}.why-reasons h3 br{display:block}.why-reasons p{font-size:11px;line-height:1.85;margin-top:0}
 .result,.booking,.faq{gap:30px}.result-photo{aspect-ratio:1.12}.section-copy>p:not(.eyebrow){font-size:13px;line-height:1.95}.text-link{font-size:13px;margin-top:22px}.booking-note{padding:25px 22px}.booking-note>p{font-size:13px}.kakao{font-size:14px;padding:18px}.booking-note small{font-size:10px}.faq{padding-top:0;gap:14px}.faq-list summary{font-size:13px;padding:20px 0}.faq-list details p{font-size:12px;line-height:1.9}
 footer{padding:30px 0;font-size:10px;gap:18px 8px}.footer-brand{width:145px}
}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none}.motion-ready [data-scroll]{opacity:1;transform:none;transition:none}.result-photo.visible img{animation:none}.hero-effects{display:block}.hero-scan,.hero-target,.hero-flash,.capture-frame,.record-card{display:none}.hero-photo>img{transform:none!important}}

@media(prefers-reduced-motion:reduce){.hero.motion-started .hero-scan,.hero.motion-started .hero-target,.hero.motion-started .hero-flash,.hero.motion-started .capture-frame{display:block}.hero.motion-started .record-card{display:flex}}

@media(max-width:760px) and (max-height:740px){.hero{min-height:740px;padding-top:200px;padding-bottom:205px}.hero h1{font-size:37px}.hero .eyebrow{margin-bottom:15px}.hero-description{margin-bottom:18px}.hero-help{margin-top:12px}.image-note{top:182px}.hero-target{width:62px;height:62px}.focus-label{top:5px;transform:none}.record-card{top:140px}}

/* Transparent, type-outlined embossed brand mark. */
.brand{width:260px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.logo-lockup{display:block;width:100%;line-height:0;filter:drop-shadow(0 0 1px #ffffffb3) drop-shadow(0 3px 4px #06162466)}
.logo-lockup>img{display:block;width:100%;height:auto;max-width:100%;position:static}
.footer-brand{width:220px}
@media(max-width:1100px){.brand{width:235px}}
@media(max-width:760px){.brand{width:184px;padding:0}.site-header{gap:12px}.footer-brand{width:190px}}
@media(max-width:350px){.brand{width:164px}.site-header{gap:8px}.header-contact{padding:11px 12px}}

/* Keep each surface label fully inside the photograph. */
.focus-label{width:222px;white-space:normal;line-height:1.55;box-sizing:border-box}
.focus-label strong{display:block;word-break:keep-all}
@media(max-width:760px){.focus-label{width:174px;top:50%;transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){.hero.motion-started .hero-photo>img{transform:translateY(var(--camera-y,0px)) scale(var(--camera-zoom,1))!important}}