:root{--jet:#151413;--jet-2:#22201e;--stone:#e6e5e2;--stone-2:#d7d6d2;--gold:#b5975f;--gold-hi:#d3b886;--amber:#6b3f1d;--ink:#1c1a18;--ink-soft:#57524c;--paper:#f2efea;--paper-soft:#bdb6ac;--didone:var(--font-bodoni), "Didot", serif;--kr-display:var(--font-hahmlet), "Nanum Myeongjo", serif;--body:var(--font-gothica1), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--gut:clamp(1rem, 4vw, 3.5rem);--space:clamp(4.5rem, 10vw, 9rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:4.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body.h{background:var(--stone);color:var(--ink);font-family:var(--body);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.1rem);line-height:1.75;overflow-x:clip}.h img{object-fit:cover;width:100%;height:100%;display:block}.h picture{height:100%;display:block}.h figure{margin:0}.h h1,.h h2,.h h3{text-wrap:balance;margin:0;font-weight:400}.h h2{font-family:var(--kr-display);letter-spacing:-.02em;font-weight:300;line-height:1.2}.h p{margin:0}.h :where(a){color:inherit;text-underline-offset:.25em}.h ::selection{background:var(--gold);color:var(--jet)}.h :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.h{scrollbar-color:var(--gold) var(--jet)}.h-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.h-nav{z-index:20;padding:.85rem var(--gut);background:color-mix(in srgb, var(--jet) 90%, transparent);backdrop-filter:blur(10px);color:var(--paper);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.h-progress{background:var(--gold);transform-origin:0;height:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.h-mark{font-family:var(--didone);letter-spacing:.04em;color:var(--gold-hi);font-size:1.6rem;font-weight:500;line-height:1;text-decoration:none}.h-nav nav{align-items:center;gap:clamp(.9rem,3vw,2.2rem);font-size:.95rem;display:flex}.h-nav nav a{color:var(--paper-soft);text-decoration:none;transition:color .2s}.h-nav nav a:hover{color:var(--paper)}.h-nav .h-nav-cta{color:var(--jet);background:var(--gold);padding:.4rem 1.1rem}.h-cover{background:var(--jet);color:var(--paper);padding:0 var(--gut) clamp(2.5rem, 5vw, 4rem);grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(1rem,2vw,2rem);min-height:calc(100svh - 5rem);display:grid;position:relative;overflow:hidden}.h-masthead{z-index:2;pointer-events:none;font-family:var(--didone);letter-spacing:-.035em;color:var(--paper);mix-blend-mode:difference;will-change:transform;grid-area:1/1/auto/-1;margin-top:-.04em;margin-bottom:-.2em;font-size:clamp(7rem,23vw,22rem);font-weight:500;line-height:1.08;position:relative}.h-masthead [aria-hidden]{display:block}.h-cover-photo{aspect-ratio:2/3;grid-area:1/2/3/8;place-self:start center;max-height:72vh;margin-top:clamp(4rem,9vw,8rem);overflow:hidden}.h-coverlines{grid-area:2/8/auto/13;align-self:end;gap:.9rem;padding-bottom:.5rem;display:grid}.h-issue{color:var(--gold-hi);font-size:.95rem}.h-rule{background:var(--gold);height:1px;display:block}.h-coverlines ul{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.h-coverlines li{color:var(--paper-soft);font-size:.98rem;line-height:1.55}.h-coverlines strong{font-family:var(--kr-display);color:var(--paper);margin-bottom:.15rem;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:500;line-height:1.3;display:block}.h-from{font-size:1rem}.h-from span{font-family:var(--didone);color:var(--gold-hi);font-variant-numeric:lining-nums;margin-left:.4rem;font-size:2rem}.h-btn{background:var(--paper);justify-self:start;padding:1rem 1.7rem;font-weight:600;text-decoration:none;transition:background-color .25s;color:var(--jet)!important}.h-btn:hover{background:var(--gold-hi)}.m-on [data-h-intro]{visibility:hidden}.h-editorial{padding:var(--space) var(--gut)}.h-statement{font-family:var(--kr-display);letter-spacing:-.02em;max-width:30ch;margin-left:clamp(0rem,12vw,14rem);font-size:clamp(1.7rem,3.6vw,3.3rem);font-weight:300;line-height:1.45}.h-contents{background:var(--jet);color:var(--paper);position:relative;overflow:hidden}.h-contents-bg{position:absolute;inset:0}.h-bg{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.h-bg.on{opacity:1}.h-contents-bg:after{content:"";background:linear-gradient(90deg,#151413eb 0%,#151413b8 55%,#15141373 100%);position:absolute;inset:0}.h-contents-inner{padding:var(--space) var(--gut);max-width:96rem;margin:0 auto;position:relative}.h-contents h2{font-size:clamp(2.4rem,5vw,4.4rem)}.h-contents-hint{color:var(--paper-soft);margin:.8rem 0 clamp(2rem,4vw,3rem)}.h-toc{border-top:1px solid #b5975f80;margin:0;padding:0;list-style:none}.h-toc li{cursor:pointer;border-bottom:1px solid #f2efea29;grid-template-columns:clamp(5rem,11vw,10rem) minmax(0,1fr) minmax(0,1.3fr) auto;align-items:baseline;gap:0 clamp(1rem,3vw,3rem);padding:clamp(1rem,2.2vw,1.8rem) 0;transition:color .3s;display:grid}.h-toc li:focus-visible{outline-offset:-2px}.h-page{font-family:var(--didone);color:var(--paper);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.9;transition:color .3s}.h-toc-name{font-family:var(--kr-display);font-size:clamp(1.4rem,2.6vw,2.3rem);font-weight:400}.h-toc-note{color:var(--paper-soft)}.h-toc-meta{color:var(--paper-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.h-toc li.on .h-page,.h-toc li.on .h-toc-meta{color:var(--gold-hi)}.h-toc li.on .h-toc-note{color:var(--paper)}.h-pages{padding:var(--space) var(--gut) 0;gap:0;display:grid}.h-spread{transform-origin:top;will-change:transform;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);height:calc(100svh - 7rem);min-height:30rem;margin-bottom:4vh;display:grid;position:sticky;top:5rem;overflow:hidden}.h-spread:first-child{background:var(--stone-2);color:var(--ink)}.h-spread:nth-child(2){background:var(--amber);color:var(--paper)}.h-spread:nth-child(3){background:var(--jet);color:var(--paper)}.h-spread-photo{overflow:hidden}.h-spread-text{flex-direction:column;justify-content:flex-end;gap:1.2rem;padding:clamp(1.5rem,4vw,4rem);display:flex}.h-spread-text h2{font-size:clamp(3.4rem,8vw,7.5rem);font-weight:200;line-height:1}.h-spread-text p{opacity:.85;max-width:30ch}.h-spread-small{aspect-ratio:1;order:-1;width:min(14rem,60%);margin-bottom:auto;overflow:hidden}.h-book{padding:var(--space) var(--gut);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);max-width:96rem;margin:0 auto;display:grid}.h-book-head{grid-column:1/-1;gap:.8rem;max-width:46rem;display:grid}.h-book-head h2{font-size:clamp(2.4rem,5vw,4.4rem)}.h-book-head p{color:var(--ink-soft)}.h-picker{gap:1.8rem;display:grid}.h-step{border:0;border-bottom:1px solid var(--gold);margin:0;padding:0 0 1.6rem}.h-step legend{font-family:var(--kr-display);margin-bottom:.8rem;padding:0;font-size:1.35rem}.h-opts{flex-wrap:wrap;gap:.5rem;display:flex}.h-opt,.h-slot{background:var(--paper);border:1px solid var(--stone-2);cursor:pointer;align-items:baseline;gap:.45rem;padding:.6rem .95rem;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex;position:relative}.h-opt input,.h-slot input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.h-opt small,.h-slot small{color:var(--ink-soft);font-size:.8rem}.h-opt:hover,.h-slot:hover{border-color:var(--ink)}.h-opt:has(input:checked){background:var(--jet);color:var(--paper);border-color:var(--jet)}.h-opt:has(input:checked) small{color:var(--gold-hi)}.h-opt:has(input:focus-visible),.h-slot:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.h-slots{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.45rem;display:grid}.h-slot{font-variant-numeric:tabular-nums;justify-content:center}.h-slot:has(input:checked){background:var(--gold);border-color:var(--gold);color:var(--jet);font-weight:600}.h-slot.is-full{cursor:not-allowed;color:#9c968e;background:0 0;text-decoration:line-through}.h-slot.is-full input{cursor:not-allowed}.h-slot.is-full small{text-decoration:none}.h-slot-note,.h-empty{color:var(--ink-soft);margin-top:.7rem;font-size:.85rem}.h-choice{font-family:var(--kr-display);font-size:1.15rem}.h-book-form{background:var(--paper);padding:clamp(1.4rem,3vw,2.4rem)}.h-form .mf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}.h-form .mf-wide{grid-column:1/-1}.h-form .mf-field{gap:.35rem;display:grid}.h-form .mf-label{align-items:baseline;gap:.5rem;font-size:.92rem;font-weight:600;display:flex}.h-form .mf-optional{color:var(--ink-soft);font-size:.8rem;font-weight:400}.h-form .mf-input{width:100%;font:inherit;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a9a39a;border-radius:0;padding:.75rem .1rem;transition:border-color .2s}.h-form textarea.mf-input{border:1px solid #a9a39a;padding:.75rem}.h-form select.mf-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - .9rem) 55%,calc(100% - .55rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:1.8rem}.h-form .mf-input::placeholder{color:#8f887e}.h-form .mf-input:focus{border-color:var(--gold);outline:none}.h-form .mf-input[aria-invalid=true]{border-color:#9a2f1e}.h-form .mf-error{color:#9a2f1e;font-size:.86rem}.h-form .mf-error:empty{display:none}.h-form .mf-consent{cursor:pointer;align-items:center;gap:.6rem;margin-top:1.3rem;font-size:.92rem;display:flex}.h-form .mf-consent input{width:1.1rem;height:1.1rem;accent-color:var(--jet)}.h-form .mf-submit{background:var(--jet);width:100%;color:var(--paper);font:inherit;cursor:pointer;border:0;margin-top:1.3rem;padding:1.05rem;font-size:1.02rem;font-weight:600;transition:background-color .25s,color .25s}.h-form .mf-submit:hover{background:var(--gold);color:var(--jet)}.h-form .mf-done{gap:1rem;display:grid}.h-form .mf-done:focus{outline:none}.h-form .mf-done-title{font-family:var(--kr-display);font-size:1.9rem}.h-form .mf-done-text{color:var(--ink-soft)}.h-form .mf-done-links{flex-wrap:wrap;gap:.6rem 1.4rem;font-weight:600;display:flex}.h-form .mf-reset{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.h-visit{background:var(--jet);color:var(--paper);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid;position:relative}.h-visit-photo{min-height:34rem;overflow:hidden}.h-visit-info{padding:var(--space) var(--gut);align-content:center;gap:1.3rem;display:grid}.h-visit-info h2{font-size:clamp(2.4rem,5vw,4rem)}.h-visit-info dl{margin:0}.h-visit-info dl div{border-bottom:1px solid #f2efea29;justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.h-visit-info dt{color:var(--paper-soft)}.h-visit-info dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.h-visit-info address{color:var(--paper-soft);font-style:normal}.h-visit-note{color:var(--paper-soft);font-size:.92rem}.h-contact{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.h-contact a{border:1px solid #f2efea4d;padding:.9rem 1.2rem;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s;display:block}.h-contact a:hover{border-color:var(--gold)}.h-contact .roga-contact-kakao{background:var(--gold);color:var(--jet);border-color:var(--gold);font-weight:600}.h-contact .roga-contact-kakao:hover{background:var(--gold-hi)}.h-foot{padding:2.5rem var(--gut) 3rem;color:var(--paper-soft);background:#0c0b0a;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;font-size:.92rem;display:flex}.h-foot a{color:var(--gold-hi)}@media (width<=64em){.h-cover-photo{grid-column:1/8}.h-coverlines{grid-column:8/13}.h-toc li{grid-template-columns:clamp(4.5rem,12vw,7rem) minmax(0,1fr) auto}.h-toc-note{grid-area:2/2/auto/-1}.h-book,.h-visit{grid-template-columns:1fr}.h-visit-photo{aspect-ratio:16/10;min-height:0}}@media (width<=40em){.h-nav nav a:not(.h-nav-cta){display:none}.h-cover{min-height:0;padding-bottom:3rem;display:block}.h-masthead{font-size:34vw}.h-cover-photo{aspect-ratio:4/5;max-height:none;margin:-9vw 0 0}.h-coverlines{margin-top:1.8rem}.h-statement{margin-left:0}.h-toc li{grid-template-columns:4.2rem minmax(0,1fr)}.h-toc-meta{grid-column:2}.h-toc-note{grid-row:auto}.h-spread{grid-template-rows:55% 45%;grid-template-columns:1fr;height:calc(100svh - 6rem)}.h-spread-text{justify-content:flex-start;padding:1.4rem}.h-spread-text h2{font-size:3.2rem}.h-spread-small{display:none}.h-form .mf-grid{grid-template-columns:1fr}}
