:root{--paper:#fffefb;--ink:#24211e;--line:#d9d4cb;--muted:#777168;--gold:#9f8052;--cream:#f6f3ed}*{box-sizing:border-box}html{scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.8 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:#b99d6b33}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:0}.header{height:78px;position:sticky;top:0;z-index:10;background:#fffefbf2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4%;border-bottom:1px solid var(--line)}.header nav{display:flex;gap:22px;font:12px Georgia,serif;letter-spacing:1px}.header nav a{padding:16px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:8px;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .12s}.header nav a:hover:after,.header nav a:focus-visible:after{transform:scaleX(1)}.wordmark{width:190px;height:48px;background:var(--ink);mask:url('assets/yoonblanc-wordmark.svg') center/contain no-repeat;-webkit-mask:url('assets/yoonblanc-wordmark.svg') center/contain no-repeat}.wordmark span{font-size:0}.header-book{justify-self:end;font:11px Georgia,serif;letter-spacing:1px;padding:12px 0}.hero{height:calc(100svh - 78px);min-height:660px;max-height:1000px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.rolling-background{position:absolute;inset:0;z-index:-2;overflow:hidden}.rolling-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#fffefb75 38%,#fffefb88 58%,transparent 90%)}.rolling-track{display:flex;width:max-content;height:100%;animation:roll 42s linear infinite;will-change:transform}.object-set{display:flex;align-items:center;gap:80px;padding:0 40px;width:2065px;flex-shrink:0;height:100%}.tool{object-fit:contain;flex-shrink:0}.dryer{width:340px;height:460px;transform:translateY(-30px) rotate(-13deg)}.lipstick{width:235px;height:510px;transform:translateY(95px) rotate(11deg)}.scissors{width:390px;height:350px;transform:translateY(-140px) rotate(-7deg)}.brush{width:360px;height:310px;transform:translateY(155px) rotate(8deg)}.curl{width:340px;height:380px;transform:translateY(-55px) rotate(-10deg)}@keyframes roll{to{transform:translateX(-50%)}}.hero-copy{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 20px 65px;pointer-events:none}.eyebrow{font:10px/1.8 Arial,sans-serif;letter-spacing:3px;margin:0 0 24px}.hero .eyebrow{background:#fffefb9c;padding:4px 10px}.hero h1{font:italic clamp(62px,6.7vw,116px)/.97 Georgia,'Times New Roman',serif;letter-spacing:-5px;font-weight:400;margin:0;text-shadow:0 1px 20px #fffefb,0 1px 8px #fffefb}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font:inherit;color:var(--ink)}.hero h1 span:nth-child(2){margin:7px 0}.hero-description{font-size:12px;line-height:1.9;letter-spacing:.3px;margin:28px 0 22px;text-shadow:0 0 10px white}.hero-actions{display:flex;gap:14px;pointer-events:auto}.hero-actions a{min-width:170px;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #8e877e;background:#fffefbe8;padding:10px 18px;font-size:12px;transition:background .1s,transform .14s}.hero-actions a:hover{background:var(--ink);color:white}.hero-actions a:active,.reserve-button:active{transform:scale(.98)}.hero-bottom{position:absolute;bottom:22px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font:9px Arial,sans-serif;letter-spacing:1.5px;z-index:3}.hero-bottom button{background:#fffefbd9;border:1px solid var(--line);padding:8px 13px;min-height:40px;font:11px Georgia,serif}.intro{text-align:center;padding:105px 5%}.intro h2{font:32px/1.6 Batang,serif;letter-spacing:-1px;margin:0 0 28px}.intro>p:last-child{font-size:13px;color:var(--muted)}.services{max-width:1120px;margin:auto;padding:0 25px}.service{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-bottom:110px;scroll-margin-top:110px}.service-image{position:relative;background:var(--cream)}.service-image img{width:100%;height:auto;max-height:680px;object-fit:contain}.service-image small{position:absolute;bottom:10px;right:14px;font-size:10px;color:#504b44;background:#fffefbdc;padding:2px 6px}.service-copy h2{font:italic 49px/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0 0 30px}.service-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:20px 0}.reverse .service-image{order:2}.signature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:26px 0}.signature h3{font-size:14px;font-weight:400;margin:0}.signature p{display:flex;gap:18px;align-items:center;margin:5px 0 0}.signature strong{font:26px Georgia,serif;font-weight:400}.signature span{font-size:11px;color:var(--muted)}.line-link{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid var(--ink);font-size:12px}.gallery-section{padding:65px 5% 110px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;max-width:1280px;margin:0 auto 35px}.section-top h2{font:italic 50px Georgia,serif;margin:0}.filters{display:flex;gap:8px}.filters button{background:none;border:1px solid transparent;padding:8px 14px;font-size:12px;min-height:44px}.filters button[aria-pressed=true]{border-color:var(--ink)}.gallery{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 14px}.gallery figure{margin:0;min-width:0}.photo{display:block;width:100%;padding:0;border:0;background:var(--cream)}.photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.gallery figcaption{font-size:10px;color:var(--muted);padding-top:10px}.reservation{text-align:center;padding:85px 5%;background:var(--cream)}.reservation h2{font:36px/1.5 Batang,serif;margin:0 0 20px}.reservation>p:not(.eyebrow){font-size:12px;color:var(--muted)}.reserve-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;background:var(--ink);color:white;margin-top:18px;min-height:50px}footer{padding:45px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.footer-logo{font:italic 28px Georgia,serif;color:var(--ink);margin:0}footer>div:first-child>p:last-child{font-size:8px;letter-spacing:3px}dialog{border:0;padding:16px;background:var(--paper);max-width:92vw;max-height:94svh}dialog::backdrop{background:#222c}dialog>button{display:block;margin:0 0 10px auto;min-height:44px;background:none;border:0}dialog img{max-width:86vw;max-height:73svh;width:auto;height:auto;object-fit:contain}dialog p{font-size:12px;text-align:center}[hidden]{display:none!important}.motion-paused .rolling-track{animation-play-state:paused}body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){.header{grid-template-columns:1fr auto;height:auto;min-height:100px;padding-top:12px;padding-bottom:12px;gap:10px}.wordmark{grid-column:1;grid-row:1;justify-self:start;width:165px;height:40px}.header-book{grid-column:2;grid-row:1}.header nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:25px}.hero{height:calc(100svh - 100px);min-height:600px}.service{gap:40px}.service-copy h2{font-size:37px}.object-set{width:1925px;gap:45px}}
@media(max-width:620px){html{scroll-padding-top:110px}.header{min-height:104px;padding:10px 5% 5px}.header nav{font-size:11px;gap:27px}.header nav a{padding:10px 0;min-height:38px}.wordmark{width:155px;height:38px}.header-book{font-size:9px;letter-spacing:.6px}.hero{height:calc(100svh - 104px);min-height:440px;max-height:850px}.hero-copy{padding:36px 16px 65px}.hero h1{font-size:clamp(48px,13vw,76px);letter-spacing:-2.5px;line-height:1.02}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}.hero-description{font-size:11px;margin:24px 0 20px}.hero-actions{gap:9px;max-width:100%;width:100%;justify-content:center}.hero-actions a{min-width:0;width:44%;padding:10px 13px;gap:8px;font-size:11px}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:16px}.scroll-hint{display:none}.object-set{width:1420px;gap:50px;padding:0 25px}.rolling-track{animation-duration:35s}.dryer{width:240px;height:300px;transform:translateY(-140px) rotate(-16deg)}.lipstick{width:160px;height:330px;transform:translateY(125px) rotate(11deg)}.scissors{width:280px;height:240px;transform:translateY(-130px) rotate(-12deg)}.brush{width:250px;height:240px;transform:translateY(155px) rotate(8deg)}.curl{width:240px;height:230px;transform:translateY(-130px) rotate(-10deg)}.rolling-background:after{background:linear-gradient(0deg,transparent,#fffefb50 35%,#fffefb70 65%,transparent)}.intro{padding:65px 7%}.intro h2{font-size:25px}.intro>p:last-child{font-size:11px}.services{padding:0 6%}.service{grid-template-columns:1fr;gap:26px;margin-bottom:70px}.service-image img{max-height:58svh}.reverse .service-image{order:0}.service-copy h2{font-size:40px}.service-copy>p:not(.eyebrow){font-size:12px}.gallery-section{padding:45px 6% 65px}.section-top{display:block}.section-top h2{font-size:37px}.filters{margin-top:20px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.gallery figcaption{font-size:9px}.reservation{padding:60px 6%}.reservation h2{font-size:30px}footer{display:block;padding:35px 6%}footer>p,footer>div{margin-bottom:25px}footer small{display:block;margin-top:25px}}
@media(prefers-reduced-motion:reduce){.rolling-track{animation:none}.hero-actions a,.header nav a:after{transition:none}}