:root{--bark:#24170f;--wood:#33221a;--seam:#4a3326;--cream:#f2e2c9;--ash:#d9c3a8;--ember:#f28a3a;--font-display:"Black Han Sans", "Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Gowun Dodum", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;background:var(--bark)}body{background:var(--bark);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}.panel{scroll-snap-align:start;min-height:100svh;padding:5.5rem max(16px, env(safe-area-inset-right,0px)) 5rem max(16px, env(safe-area-inset-left,0px));flex-direction:column;justify-content:center;display:flex;position:relative}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);width:min(100%,76rem);margin:0 auto;display:grid}.split.flip figure{order:-1}.text{flex-direction:column;gap:1.4rem;min-width:0;display:flex}.eyebrow{letter-spacing:.22em;color:var(--ember);margin:0;font-size:.9rem}h1,h2{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:400;line-height:1.15}h1{font-size:clamp(2.4rem,5vw,4.6rem)}h2{font-size:clamp(2.3rem,4.8vw,4.2rem)}h1 em,h2 em{color:var(--ember);font-style:normal}.text p{color:var(--ash);max-width:34rem;margin:0;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.8}.mark{z-index:2;top:max(24px, env(safe-area-inset-top,0px));left:max(24px, env(safe-area-inset-left,0px));letter-spacing:.14em;color:var(--ash);align-items:center;gap:.65rem;font-size:.95rem;text-decoration:none;display:flex;position:absolute}.mark img{width:30px;height:30px}.hero .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.frame{border:1px solid var(--seam);border-radius:22px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3,0 0 120px -30px #f28a3a59}.frame img{aspect-ratio:16/9;width:100%;max-width:100%;height:auto;display:block}.crop{aspect-ratio:4/5;border:1px solid var(--seam);border-radius:22px;justify-self:center;width:100%;max-width:100%;max-height:68vh;margin:0;overflow:hidden;box-shadow:0 30px 80px -24px #000000b3}.crop img{object-fit:cover;object-position:var(--x) var(--y);width:100%;height:100%;transform:scale(var(--z));transform-origin:var(--x) var(--y);display:block}.wide{flex-direction:column;gap:2.4rem;width:min(100%,76rem);margin:0 auto;display:flex}.ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.way{background:var(--wood);border:1px solid var(--seam);border-radius:20px;flex-direction:column;gap:.8rem;padding:2rem 1.8rem 2.2rem;display:flex}.way i{color:var(--ember);font-style:normal;font-family:var(--font-display);font-size:2.4rem;line-height:1}.way b{color:var(--cream);font-size:clamp(1.3rem,1.9vw,1.6rem)}.way span{color:var(--ash);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7}.mail{user-select:all;color:var(--cream)!important;font-size:clamp(1.3rem,2.4vw,1.9rem)!important}.last{padding-bottom:0}.last .split{flex:1}.foot{width:min(100%,76rem);padding:1rem 0 calc(4.2rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--seam);color:var(--ash);opacity:.75;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;margin:0 auto;font-size:.82rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--cream);text-underline-offset:3px;text-decoration:underline}.foot small{font-size:inherit;margin-left:auto}.story{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);grid-template-areas:"head pic""body pic""ways ways";align-items:start;gap:2.2rem clamp(2rem,5vw,4.5rem);width:min(100%,76rem);margin:0 auto;display:grid}.story .head{flex-direction:column;grid-area:head;gap:1.1rem;display:flex}.story .body{grid-area:body;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem 2.2rem;display:grid}.story .body h3{letter-spacing:.08em;color:var(--cream);margin:0 0 .5rem;font-size:1rem}.story .body p{color:var(--ash);margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8}.story .crop{aspect-ratio:auto;grid-area:pic;align-self:stretch;height:100%;max-height:62vh}.story .ways{grid-area:ways;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 2.2rem;display:grid}.story .way{border:0;border-top:2px solid var(--seam);background:0 0;border-radius:0;gap:.4rem;padding:1.2rem 0 0}.story .way i{font-size:1.4rem}.story .way b{font-size:clamp(1.15rem,1.6vw,1.35rem)}.close{isolation:isolate;padding-bottom:0;overflow:hidden}.close .bg{z-index:-1;position:absolute;inset:0}.close .bg img{object-fit:cover;object-position:92% 62%;transform-origin:92% 62%;filter:blur(10px)saturate(1.2);width:100%;height:100%;transform:scale(1.7)}.close .bg:after{content:"";background:radial-gradient(ellipse 60% 55% at 50% 45%, #24170f8c, #24170feb 75%), linear-gradient(0deg, var(--bark) 0%, #24170f00 35%);position:absolute;inset:0}.close .center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2rem;display:flex}.close h2{font-size:clamp(2.6rem,6vw,5rem)}.close p{color:var(--ash);margin:0;font-size:clamp(1.05rem,1.4vw,1.25rem)}.find{background:var(--wood);border:1px solid var(--seam);border-radius:999px;align-items:center;gap:.6rem;max-width:30rem;margin-top:.6rem;padding:.35rem .35rem .35rem 1.1rem;transition:border-color .2s;display:flex}.find:focus-within{border-color:var(--ember)}.find svg{width:20px;height:20px;color:var(--ash);flex:none}.find input{min-width:0;color:var(--cream);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:.7rem 0;font-size:1.05rem}.find input::placeholder{color:var(--ash);opacity:.7}.find kbd{font:inherit;color:var(--ash);border:1px solid var(--seam);border-radius:6px;flex:none;margin-right:.5rem;padding:.15rem .45rem;font-size:.75rem}.shelf{flex-direction:column;gap:1.5rem;width:min(100%,76rem);margin:0 auto;display:flex}.shelf h2{font-size:clamp(2rem,4vw,3.2rem)}.doors{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem;display:grid}.door{background:var(--wood);border:1px solid var(--seam);border-radius:16px;align-items:center;gap:.9rem;padding:.95rem 1.1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.door:hover{border-color:var(--c);transform:translateY(-2px)}.dot{background:color-mix(in srgb, var(--c) 22%, transparent);width:40px;height:40px;color:var(--c);font-family:var(--font-display);border-radius:12px;flex:none;place-items:center;font-size:1.1rem;display:grid}.door b{font-size:1.05rem;display:block}.door small{color:var(--ash);font-size:.85rem}.door .go{color:var(--ash);margin-left:auto}.bar{flex-wrap:wrap;align-items:center;gap:.7rem 1rem;display:flex}.bar .find{flex:18rem;max-width:24rem;margin:0;padding-left:.9rem}.bar .find input{padding:.55rem 0;font-size:.98rem}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chip{font:inherit;color:var(--ash);border:1px solid var(--seam);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .85rem;font-size:.88rem}.chip span{opacity:.6;margin-left:.3rem}.chip.on{color:var(--bark);background:var(--cream);border-color:var(--cream)}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.tile{background:var(--wood);border:1px solid var(--seam);border-radius:14px;align-items:center;gap:.8rem;min-width:0;padding:.8rem .9rem;text-decoration:none;transition:border-color .2s;display:flex}.tile:hover{border-color:var(--c)}.tile .dot{border-radius:10px;width:38px;height:38px;font-size:1rem}.tile div{min-width:0}.tile b{white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;display:block;overflow:hidden}.tile small{color:var(--ash);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.tile em{color:var(--bark);background:var(--ember);vertical-align:2px;border-radius:999px;margin-left:.35rem;padding:.05rem .45rem;font-size:.7rem;font-style:normal}.more{color:var(--ash);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.more a{color:var(--ember);text-decoration:none}.empty{color:var(--ash);margin:0;padding:1.5rem 0}.tiles [hidden]{display:none}.tale{isolation:isolate;justify-content:stretch;padding:0;overflow:hidden}.tale .bg{aspect-ratio:16/9;z-index:-1;width:min(66%,64rem);position:absolute;top:50%;right:max(0px,50% - 48rem);transform:translateY(-50%);-webkit-mask-image:radial-gradient(75% 80% at 62%,#000 45%,#0000 100%);mask-image:radial-gradient(75% 80% at 62%,#000 45%,#0000 100%)}.tale .bg img{object-fit:cover;width:100%;height:100%;display:block}.tale .bg:after{content:"";background:linear-gradient(90deg,#24170f8c 0%,#24170f00 45%);position:absolute;inset:0}.tale .body-in{width:min(100%,76rem);padding:5.5rem max(16px, env(safe-area-inset-right,0px)) 2rem max(16px, env(safe-area-inset-left,0px));flex-direction:column;flex:1;justify-content:center;gap:1.6rem;margin:0 auto;display:flex}.tale .text{max-width:36rem}.tale .pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem 2.2rem;max-width:40rem;display:grid}.tale .pair h3{letter-spacing:.08em;color:var(--cream);margin:0 0 .5rem;font-size:1rem}.tale .pair p{color:var(--ash);margin:0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8}.tale .band{-webkit-backdrop-filter:blur(10px);border:1px solid var(--seam);background:#33221ab8;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;width:min(100%,76rem);margin:0 auto 5.2rem;display:grid;overflow:hidden}.tale .band .way{background:0 0;border:0;border-radius:0;flex-direction:row;align-items:flex-start;gap:1rem;padding:1.5rem 1.6rem}.tale .band .way>div{flex-direction:column;gap:.3rem;min-width:0;display:flex}.tale .band .ico{width:52px;height:52px;color:var(--ember);background:#f28a3a24;border:1px solid #f28a3a4d;border-radius:14px;flex:none;place-items:center;display:grid}.tale .band .ico svg{width:28px;height:28px}.tale .band .way+.way{border-left:1px solid var(--seam)}.tale .band .way i{letter-spacing:.1em;font-size:.95rem}.tale .band .way b{font-size:clamp(1.15rem,1.6vw,1.35rem)}.pager{z-index:5;left:50%;bottom:max(18px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(8px);border:1px solid var(--seam);background:#24170fb8;border-radius:999px;align-items:center;gap:.9rem;padding:.55rem .9rem;display:flex;position:fixed;transform:translate(-50%)}.bars{gap:.4rem;display:flex}.bars a{width:26px;height:18px;display:block;position:relative}.bars a:before{content:"";background:var(--seam);border-radius:2px;height:3px;margin-top:-1.5px;transition:background .3s;position:absolute;top:50%;left:0;right:0}.bars a.on:before{background:var(--ember)}.count{letter-spacing:.12em;color:var(--ash);font-variant-numeric:tabular-nums;text-align:right;min-width:4.2em;font-size:.8rem}.count b{color:var(--cream);font-weight:400}.units{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.unit{background:var(--wood);border:1px solid var(--seam);border-radius:14px;flex-direction:column;gap:.35rem;padding:1.3rem 1.4rem;text-decoration:none;display:flex}.unit b{font-size:1.15rem}.unit span{color:var(--ash);font-size:.95rem}@media (width<=860px){html{scroll-snap-type:y proximity}.panel{padding-top:4.5rem;padding-bottom:4.5rem}.split,.hero .split{grid-template-columns:minmax(0,1fr);gap:1.6rem}.split.flip figure{order:0}.crop{aspect-ratio:16/10;max-height:34svh}.ways{grid-template-columns:minmax(0,1fr);gap:.8rem}.story{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""pic""body""ways";gap:1.6rem}.story .body,.story .ways{grid-template-columns:minmax(0,1fr)}.story .ways{gap:1.1rem}.story .crop{aspect-ratio:16/10;height:auto;max-height:30svh}.way{padding:1.3rem 1.3rem 1.4rem}.way i{font-size:1.7rem}.mark{top:max(16px, env(safe-area-inset-top,0px));left:max(16px, env(safe-area-inset-left,0px));font-size:.85rem}.foot small{width:100%;margin-left:0}.tale .bg{width:100%;top:0;transform:none;-webkit-mask-image:linear-gradient(#000 40%,#0000 85%);mask-image:linear-gradient(#000 40%,#0000 85%)}.tale .bg:after{background:0 0}.tale .body-in{justify-content:flex-end;padding-top:5rem}.tale .pair{grid-template-columns:minmax(0,1fr);gap:1rem}.tale .band{margin:0 max(16px, env(safe-area-inset-right,0px)) 5rem max(16px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr);width:auto}.tale .band .way{padding:1rem 1.1rem}.tale .band .ico{width:42px;height:42px}.tale .band .ico svg{width:22px;height:22px}.tale .band .way+.way{border-left:0;border-top:1px solid var(--seam)}.tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}.tile{gap:.6rem;padding:.65rem .7rem}.tile .dot{width:32px;height:32px}.tile small{display:none}.tile em{vertical-align:3px;width:7px;height:7px;margin-left:.3rem;padding:0;font-size:0;display:inline-block}.doors{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.5rem}.door{text-align:center;flex-direction:column;gap:.4rem;padding:.7rem .8rem}.door small,.door .go,.find kbd{display:none}.bars a{width:18px}}@media (prefers-reduced-motion:no-preference){.rise{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(18px)}.rise.in{opacity:1;transform:none}}