@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_42f01f46-module__khxqAW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_42f01f46-module__khxqAW__variable{--hl-sans:"Geist", "Geist Fallback"}
.hl{--ease:cubic-bezier(.16, 1, .3, 1);--serif:var(--hl-serif), "Noto Serif KR", Georgia, serif;--sans:var(--hl-sans), ui-sans-serif, system-ui, sans-serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .32 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");min-height:100dvh;font-family:var(--sans);transition:background-color .4s,color .4s;position:relative;overflow-x:clip}.hl *,.hl :before,.hl :after{box-sizing:border-box}:where(.hl) img{width:100%;height:auto;display:block}:where(.hl) :is(h1,h2,h3,p,figure,ol,ul){margin:0}.hl [lang=ko]{word-break:keep-all}
.hh{--hh-pine-v:url(/assets/helen/tex/pine-v.webp);--hh-pine-h:url(/assets/helen/tex/pine-h.webp);--hh-plaster:url(/assets/helen/tex/plaster.webp);--hh-stone:url(/assets/helen/tex/stone.webp);--hh-fibre-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .62' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .32 0 0 0 0 .18 0 0 0 .9 -.36'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E");--hh-fibre-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='h'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6 .03' numOctaves='3' seed='19' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .6 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E");--hh-fleck:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .22 0 0 0 0 .12 0 0 0 4 -2.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--hh-sky-1:#c9d1d4;--hh-sky-2:#e7e2d7;--hh-ink:#2a2017;--hh-ink-2:#6a5640;--hh-wall-veil:linear-gradient(102deg, #fffaee29, #fffaee00 45%, #4634201f);--hh-wood-veil:linear-gradient(#0000, #0000);--hh-stone-veil:linear-gradient(#0000, #0000);--hh-eave:#20160c75;--hh-cast:#2014084d;--hh-cast-far:#2014082e;--hh-paper:#ece0c4;--hh-paper-lit:#fff4d6f2;--hh-paper-glow:.55;--hh-bar-lit:#ffeecd8c;--hh-bar-cast:#301c0a4d;--hh-spill:#ffc47857;--hh-spill-max:.75;--hh-room:#e9d5ad;--hh-lamp:#ffdea0bf;--hh-board-ink:#f1e8d6;--g-lit:#9a9ea5;--g:#62676f;--g-shade:#3a3e45;--g-deep:#1d1f24;--g-lime:#e6e1d5;--w-lit:#a17d52;--w:#5b4129;--w-deep:#2a1c11;background:var(--hh-sky-2);color:var(--hh-ink)}:is(html[data-lab-theme=dark],html.dark) .hh{--hh-sky-1:#070a14;--hh-sky-2:#121726;--hh-ink:#2a1d10;--hh-ink-2:#6b4f2e;--hh-wall-veil:linear-gradient(102deg, #222a42ad, #101424cc 45%, #080a14de);--hh-wood-veil:linear-gradient(#0608129e, #0608129e);--hh-stone-veil:linear-gradient(#080a16b8, #080a16b8);--hh-eave:#020308b3;--hh-cast:#00000680;--hh-cast-far:#00000657;--hh-paper:#d9953f;--hh-paper-lit:#ffd68c;--hh-paper-glow:1;--hh-bar-lit:#ffd69638;--hh-bar-cast:#3c180061;--hh-spill:#ffa84c9e;--hh-spill-max:1;--hh-room:#e3bd7c;--hh-lamp:#ffd282e6;--hh-board-ink:#e9d3a6;--g-lit:#4c5466;--g:#2c313d;--g-shade:#191c25;--g-deep:#0c0e14;--g-lime:#8d93a3;--w-lit:#6e4b2a;--w:#3a2715;--w-deep:#140c06}.hh-roof{width:100%;display:block}.hh-s-glit{stop-color:var(--g-lit)}.hh-s-g{stop-color:var(--g)}.hh-s-gshade{stop-color:var(--g-shade)}.hh-s-gdeep{stop-color:var(--g-deep)}.hh-s-wlit{stop-color:var(--w-lit)}.hh-s-w{stop-color:var(--w)}.hh-s-wdeep{stop-color:var(--w-deep)}.hh-g-joint{fill:#08080a99}.hh-g-rim{fill:#ffffff29}.hh-g-lime{fill:var(--g-lime);opacity:.85}.hh-g-amak{fill:var(--g-shade);stroke:var(--g-deep);stroke-width:.8px}.hh-g-cast{fill:#0000006b}.hh-g-ring{stroke:#00000080}.hh-g-ringlit{stroke:#ffffff38}.hh-g-rings{stroke:#28160880}.hh-g-grain{opacity:.32}.hh-post{background:var(--hh-wood-veil), linear-gradient(90deg, #ffeccd42 0 8%, #ffeccd0f 22%, #0000 55%, #0000006b 100%), var(--hh-pine-v) center top / 180px auto, #6a4a2c;box-shadow:10px 0 16px -4px var(--hh-cast), 26px 0 40px -8px var(--hh-cast-far);display:block}.hh-beam{background:var(--hh-wood-veil), linear-gradient(#ffeccd3d, #ffeccd0a 30%, #0000 60%, #0006), var(--hh-pine-h) left center / auto 220px, #6a4a2c;box-shadow:0 6px 10px -2px var(--hh-cast), 0 16px 30px -6px var(--hh-cast-far);display:block}.hh-footing{background:var(--hh-stone-veil), linear-gradient(#ffffff38, #ffffff0a 26%, #0000 60%, #00000061), linear-gradient(90deg, #ffffff1a, #0000 40%, #00000038), var(--hh-stone) 30% 40% / 420px auto, #8b8780;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);display:block}.hh-platform{background:#23211e;flex-direction:column;gap:3px;display:flex;overflow:hidden}.hh-course{flex:1 1 0;gap:3px;min-height:0;display:flex}.hh-course+.hh-course{margin-left:-40px}.hh-block{background-image:var(--hh-stone-veil), linear-gradient(#fff3, #fff0 30%, #0000 70%, #0000003d), var(--hh-stone);background-color:#8a867f;background-size:100% 100%,100% 100%,700px;min-width:40px;display:block;box-shadow:inset 1px 1px #ffffff38,inset -1px -2px #0000004d}.hh-board{background:linear-gradient(#140c0694, #0c0703b8), var(--hh-pine-h) center / auto 260px, #2c1d11;width:max-content;max-width:calc(100% - 32px);box-shadow:inset 0 0 0 1px #ffe4ba24, inset 2px 2px 0 1px #ffe4ba1a, inset -2px -2px 0 1px #00000080, 6px 10px 14px var(--hh-cast), 16px 26px 42px var(--hh-cast-far);border-radius:3px;padding:7px;display:block;position:relative}.hh-board-cord{background:linear-gradient(90deg,#4a4540,#15120f);width:2px;height:14px;position:absolute;bottom:100%}.hh-board-cord-l{left:22%}.hh-board-cord-r{right:22%}.hh-board-face{text-align:center;color:var(--hh-board-ink);font-weight:inherit;border:1px solid #ffe4ba29;border-radius:1px;padding:.35em 1.4em .5em;display:block}.hh-board-ko{font-family:var(--serif);letter-spacing:.32em;text-shadow:-1px -1px #000000b3,1px 1px #ffe6be2e;margin-right:-.32em;font-size:clamp(24px,2.7vw,42px);font-weight:600;line-height:1.15;display:block}.hh-board-en{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;opacity:.72;margin-top:.2em;font-size:clamp(9px,.8vw,11px);font-weight:500;display:block}.hh-leaf{--hh-frame:13px;background:var(--hh-wood-veil), linear-gradient(100deg, #ffeccd33, #0000 40%, #00000029), var(--hh-pine-v) center / 150px auto, #8a6640;box-shadow:inset 2px 2px 0 #ffeccd4d, inset -2px -2px 0 #00000061, 5px 9px 12px var(--hh-cast), 14px 24px 38px var(--hh-cast-far);border-radius:2px;display:block;position:absolute}.hh-leaf-in{inset:var(--hh-frame);position:absolute;overflow:hidden;box-shadow:inset 2px 2px 3px #00000080}.hh-leaf.has-panel .hh-leaf-in{bottom:calc(22% + 4px)}.hh-panel{left:var(--hh-frame);right:var(--hh-frame);bottom:var(--hh-frame);height:calc(22% - var(--hh-frame) - 8px);background:var(--hh-wood-veil), linear-gradient(115deg, #ffeccd29, #0000 50%, #0003), var(--hh-pine-v) 30% 60% / 190px auto, #7b5a37;position:absolute;box-shadow:inset 2px 2px 2px #00000073,inset -1px -1px #ffeccd2e}.hh-paper{background:var(--hh-fleck), var(--hh-fibre-a), var(--hh-fibre-b), radial-gradient(ellipse 80% 70% at 50% 52%, var(--hh-paper-lit), #fff0 80%), var(--hh-paper);background-size:200px,280px,260px,100% 100%,auto;position:absolute;inset:0}.hh-sheen{opacity:calc(.12 + var(--o,1) * (1 - var(--o,1)) * 2.4);transform:translateX(calc((var(--o,1) - .5) * -46%));background:linear-gradient(100deg,#fffcf000 40%,#fffcf06b 48%,#fffcf024 53%,#fffcf000 60%);position:absolute;inset:-10% -120%}.hh-leaf{--lat-v:repeating-linear-gradient(90deg, transparent 0 21px, #000 21px 25px);--lat-h:repeating-linear-gradient(180deg, transparent 0 32px, #000 32px 36px);--lat-v-lit:repeating-linear-gradient(90deg, transparent 0 21px, #000 21px 22px);--lat-h-lit:repeating-linear-gradient(180deg, transparent 0 32px, #000 32px 33px)}.hh-leaf.is-tti{--lat-v:repeating-linear-gradient(90deg, transparent 0 19px, #000 19px 22px);--lat-h:repeating-linear-gradient(180deg, transparent 0 40px, #000 40px 43px, transparent 43px 49px, #000 49px 52px, transparent 52px 58px, #000 58px 61px, transparent 61px 118px);--lat-v-lit:repeating-linear-gradient(90deg, transparent 0 19px, #000 19px 20px);--lat-h-lit:repeating-linear-gradient(180deg, transparent 0 40px, #000 40px 41px, transparent 41px 49px, #000 49px 50px, transparent 50px 58px, #000 58px 59px, transparent 59px 118px)}.hh-bars,.hh-bars-cast,.hh-bars-lit{-webkit-mask-image:var(--lat-v), var(--lat-h);-webkit-mask-image:var(--lat-v), var(--lat-h);mask-image:var(--lat-v), var(--lat-h);position:absolute;inset:0;-webkit-mask-position:3px 6px;mask-position:3px 6px}.hh-bars{background:var(--hh-wood-veil), linear-gradient(#0000000f, #00000029), var(--hh-pine-v) center / 120px auto, #8a6640}.hh-bars-cast{background:var(--hh-bar-cast);inset:3px -2px -3px 2px}.hh-bars-lit{-webkit-mask-image:var(--lat-v-lit), var(--lat-h-lit);-webkit-mask-image:var(--lat-v-lit), var(--lat-h-lit);mask-image:var(--lat-v-lit), var(--lat-h-lit);background:var(--hh-bar-lit)}.hh-pull{background:linear-gradient(90deg,#5a5550,#1b1916 70%);border-radius:5px;width:9px;height:26px;position:absolute;top:52%;box-shadow:inset 1px 1px #ffffff2e,2px 3px 4px #0006}.hh-room{--hh-floor:clamp(18px, 5.5vh, 46px);background:var(--hh-room);color:var(--hh-ink);position:relative;overflow:hidden;container-type:inline-size}.hh-room-back{background:var(--hh-fleck), var(--hh-fibre-a), radial-gradient(ellipse 70% 75% at 24% 30%, var(--hh-lamp), #ffdca000 70%), radial-gradient(ellipse 120% 100% at 50% 40%, #0000 50%, #46260a6b 100%), var(--hh-plaster) center / 700px auto, var(--hh-room);background-size:200px,280px,100% 100%,100% 100%,700px,auto;position:absolute;inset:0}.hh-room-floor{height:var(--hh-floor);background:radial-gradient(ellipse 40% 90% at 26% 10%, #ffecbe66, #ffecbe00 70%), linear-gradient(#3c1e0580, #3c1e0500 40%), repeating-linear-gradient(90deg, #502d0a00 0 118px, #502d0a59 118px 120px), var(--hh-fibre-b), #b9853f;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #46280c99}.hh-room:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 10px 14px 18px -6px #1e0e026b,inset 0 30px 40px -24px #1e0e0266}.hh-room-in{z-index:1;padding:clamp(20px, 5cqw, 44px) clamp(18px, 5cqw, 48px) calc(var(--hh-floor) + clamp(14px, 3cqw, 30px));flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.hh-photo{justify-content:center;align-items:center;min-width:0;display:flex}.hh-photo img{border:6px solid #f2ead8;border-radius:1px;width:auto;max-width:100%;height:auto;max-height:min(64vh,640px);box-shadow:0 0 0 1px #5a3c1e40,4px 8px 10px #32190552,12px 22px 36px #3219053d}.hh-words{min-width:0;max-width:36ch}.hh-kicker{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--hh-ink-2);font-size:11px;font-weight:600}.hh-lead{font-family:var(--serif);letter-spacing:-.005em;text-wrap:balance;margin-top:10px;font-size:clamp(21px,3.3cqw,34px);font-weight:600;line-height:1.2}.hh-kicker+.hh-lead{margin-top:8px}.hh-lead:first-child{margin-top:0}.hh-text{font-family:var(--sans);text-wrap:pretty;margin-top:14px;font-size:clamp(15px,1.9cqw,17px);line-height:1.6}@container (min-width:560px){.hh-room-in{flex-direction:row;gap:clamp(26px,5cqw,52px)}.hh-room-in>.hh-photo{flex:0 auto;max-width:50%}.hh-room.is-bare .hh-room-in>.hh-photo{max-width:100%}.hh-words{flex:1 1 0}}.hh-part{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--hh-ink-2);border-bottom:1px solid;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.hh-room.is-text .hh-words{max-width:46ch}.hh-room.is-text .hh-text{font-size:clamp(16px,2cqw,19px)}
.hr{--hr-post:clamp(16px, 2.3vw, 40px);--hr-lintel:clamp(18px, 3vh, 30px);--hr-maru:clamp(18px, 3.4vh, 34px);--hr-base:clamp(40px, 8.5vh, 88px);--hr-bay:min(1160px, 72vw);--hr-casing:11px}.hr-track{position:relative}.hr-stage{background:linear-gradient(#0000 calc(100% - var(--hr-base)), #281e1480 calc(100% - var(--hr-base)), #281e1433), linear-gradient(var(--hh-sky-1), var(--hh-sky-2) 45%);flex-direction:column;padding-top:56px;display:flex;position:relative}.hr-row{flex-direction:column;display:flex;position:relative}.hr-roof{z-index:5;flex:none;width:0;min-width:100%;height:clamp(84px,17vh,190px);margin-bottom:-8px;position:relative}.hr-cols{flex-direction:column;display:flex}.hr-col{isolation:isolate;flex-direction:column;display:flex;position:relative}.hr-post{z-index:6;top:0;left:0;bottom:calc(var(--hr-maru) + var(--hr-base) * .34);width:var(--hr-post);position:absolute}.hr-post-end{box-shadow:none;left:auto;right:0}.hr-lintel{z-index:4;height:var(--hr-lintel);flex:none;position:relative}.hr-body{min-height:0;padding:16px 16px 14px calc(var(--hr-post) + 16px);background:linear-gradient(var(--hh-eave), #0000 min(26vh, 220px)), var(--hh-wall-veil), var(--hh-plaster) 0 0 / 900px auto, #e8e2d4;flex-direction:column;flex:auto;display:flex;position:relative}.hr-frame{z-index:1;min-height:0;padding:var(--hr-casing);background:var(--hh-wood-veil), linear-gradient(100deg, #ffeccd38, #0000 40%, #0000004d), var(--hh-pine-v) center / 170px auto, #6d4d2e;box-shadow:inset 2px 2px 0 #ffeccd42, inset -2px -2px 0 #0006, 6px 10px 16px var(--hh-cast), 18px 28px 46px var(--hh-cast-far);border-radius:2px;flex-direction:column;flex:auto;display:flex;position:relative}.hr-frame>.hh-room{flex-direction:column;flex:auto;min-height:0;display:flex}.hr-frame .hh-room-in{flex:auto}.hr-spill{z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--hh-spill), #ffbe6e00 72%);opacity:calc(var(--o,1) * var(--hh-spill-max));position:absolute;inset:-6% -24% -30%}.hr-doors{z-index:3;inset:var(--hr-casing);position:absolute;overflow:hidden}.hr-leaf.hh-leaf{--hh-frame:12px;width:50%;top:0;bottom:0}.hr-leaf-l{transform:translate3d(calc(var(--o,1) * -100%), 0, 0);left:0}.hr-leaf-r{transform:translate3d(calc(var(--o,1) * 100%), 0, 0);right:0}.hr-leaf-l .hh-pull{right:4px}.hr-leaf-r .hh-pull{left:4px}.hr-maru{z-index:7;height:var(--hr-maru);background:var(--hh-wood-veil), linear-gradient(#ffeccd57 0 2px, #ffeccd0f 3px, #0000 40%, #00000061), repeating-linear-gradient(90deg, #0000 0 86px, #1e10048c 86px 88px), var(--hh-pine-h) left center / auto 200px, #8a6640;box-shadow:0 8px 10px -2px var(--hh-cast), 0 18px 30px -6px var(--hh-cast-far);flex:none;position:relative}.hr-base{height:var(--hr-base);flex:none;display:flex;position:relative}.hr-platform{flex:auto;box-shadow:inset 0 12px 16px -6px #00000080}.hr-footing{z-index:2;width:calc(var(--hr-post) + 18px);height:34%;position:absolute;top:0;left:-9px}.hr-gable{padding-inline:calc(var(--hr-post) + 24px) 24px;justify-content:center;align-items:center;gap:28px;min-height:46vh}.hr-cue{background:var(--hh-ink-2);opacity:.7;width:64px;height:1px;position:relative}.hr-cue:after{content:"";border-top:1px solid var(--hh-ink-2);border-right:1px solid var(--hh-ink-2);width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}:is(html[data-lab-theme=dark],html.dark) .hr-cue{background:#c9b48c}:is(html[data-lab-theme=dark],html.dark) .hr-cue:after{border-color:#c9b48c}.hr-tail .hr-body{min-height:30vh}.hr:not(.is-pan) .hr-col:not(:last-child) .hr-base{display:none}.hr:not(.is-pan) .hr-post{bottom:var(--hr-maru)}.hr:not(.is-pan) .hr-col:last-child .hr-post{bottom:calc(var(--hr-maru) + var(--hr-base) * .34)}.hr-bay{--o:1}.hr-bay .hr-body{min-height:min(640px,82vh)}.hr-cue{display:none}.hr.is-pan .hr-track{height:calc(var(--n) * 90vh + 100vh)}.hr.is-pan .hr-stage{height:100dvh;position:sticky;top:0;overflow:hidden}.hr.is-pan .hr-row{will-change:transform;flex:auto;width:max-content;min-height:0}.hr.is-pan .hr-roof{clip-path:polygon(90px 0,calc(100% - 90px) 0,100% 100%,0 100%)}.hr.is-pan .hr-cols{flex-direction:row;flex:auto;min-height:0}.hr.is-pan .hr-col{flex:none}.hr.is-pan .hr-bay{width:var(--hr-bay)}.hr.is-pan .hr-bay .hr-body,.hr.is-pan .hr-gable,.hr.is-pan .hr-tail .hr-body{min-height:0}.hr.is-pan .hr-head{width:clamp(300px,40vw,640px)}.hr.is-pan .hr-tail{width:clamp(90px,9vw,150px)}.hr.is-pan .hr-cue{display:block}.hr.is-pan .hh-room-in{overflow:hidden}.hr.is-pan .hh-photo{align-self:stretch;min-height:0}.hr.is-pan .hh-photo img{max-height:100%}.hr:is(.is-pan,.is-flow) .hr-leaf{will-change:transform}@container (max-width:559.98px){.hr.is-pan .hh-room-in>.hh-photo{flex:1 1 0;width:100%;min-height:110px}.hr.is-pan .hh-room-in>.hh-words{flex:none}}@container (min-width:560px){.hr.is-pan .hh-room-in>.hh-photo{height:100%}}@media (prefers-reduced-motion:no-preference){.hr.is-pan .hr-cue{animation:hr-cue 2.4s var(--ease) infinite}}@keyframes hr-cue{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.8;transform:translate(10px)}}@media (max-width:760px){.hr{--hr-post:14px;--hr-bay:92vw;--hr-casing:8px;--hr-lintel:16px;--hr-maru:18px;--hr-base:38px}.hr-roof{height:66px}.hr-body{padding:12px 10px 10px calc(var(--hr-post) + 10px)}.hr-leaf.hh-leaf{--hh-frame:8px}.hr.is-pan .hr-head{width:72vw}.hr .hh-text{margin-top:10px;font-size:15px;line-height:1.55}.hr .hh-lead{font-size:21px}.hr .hh-room-in{gap:14px}.hr-board .hh-board-ko{font-size:24px}}:is(html[data-lab-theme=dark],html.dark) .hh.hr{--hh-sky-1:#0a0f1e;--hh-sky-2:#1a2236;--hh-ink:#2a2017;--hh-ink-2:#6a5640;--hh-wall-veil:linear-gradient(102deg, #fffaee29, #fffaee00 45%, #4634201f);--hh-wood-veil:linear-gradient(#0000, #0000);--hh-stone-veil:linear-gradient(#0000, #0000);--hh-eave:#20160c75;--hh-cast:#02040e80;--hh-cast-far:#02040e57;--hh-paper:#ece0c4;--hh-paper-lit:#fff4d6f2;--hh-paper-glow:.55;--hh-bar-lit:#ffeecd8c;--hh-bar-cast:#301c0a4d;--hh-spill:#ffac544d;--hh-spill-max:1;--hh-room:#e9d5ad;--hh-lamp:#ffdea0bf;--hh-board-ink:#f1e8d6;--g-lit:#9a9ea5;--g:#62676f;--g-shade:#3a3e45;--g-deep:#1d1f24;--g-lime:#e6e1d5;--w-lit:#a17d52;--w:#5b4129;--w-deep:#2a1c11;--hr-night:#060a1c8f}:is(html[data-lab-theme=dark],html.dark) .hr-row:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(#aac0f02e,#aac0f000 45%),linear-gradient(#060a1c6b,#060a1c9e);height:clamp(84px,17vh,190px);position:absolute;top:0;left:0;right:0}:is(html[data-lab-theme=dark],html.dark) .hr.is-pan .hr-row:before{clip-path:polygon(90px 0,calc(100% - 90px) 0,100% 100%,0 100%)}:is(html[data-lab-theme=dark],html.dark) .hr-col:after{content:"";z-index:8;pointer-events:none;background:linear-gradient(#02040e8c, #02040e00 46%), linear-gradient(150deg, #a0b9eb14, #a0b9eb00 50%), linear-gradient(var(--hr-night), var(--hr-night));position:absolute;inset:0}:is(html[data-lab-theme=dark],html.dark) .hr .hr-post{box-shadow:18px 6px 22px -4px var(--hh-cast), 48px 14px 70px -10px var(--hh-cast-far)}:is(html[data-lab-theme=dark],html.dark) .hr-frame{z-index:9;background:linear-gradient(var(--hr-night), var(--hr-night)), linear-gradient(100deg, #ffeccd38, #0000 40%, #0000004d), var(--hh-pine-v) center / 170px auto, #6d4d2e;box-shadow:inset 2px 2px 0 #becdf01f, inset -2px -2px 0 #00000080, 10px 22px 26px var(--hh-cast), 26px 54px 80px var(--hh-cast-far)}:is(html[data-lab-theme=dark],html.dark) .hr-leaf:after{content:"";pointer-events:none;background:radial-gradient(70% 60% at 50% 48%,#ffba6429,#ffba6400 75%),linear-gradient(#060a1c85,#060a1c85);position:absolute;inset:0}:is(html[data-lab-theme=dark],html.dark) .hr .hh-room-back:after,:is(html[data-lab-theme=dark],html.dark) .hr .hh-room-floor:after{content:"";background:var(--hr-night);opacity:calc(1 - var(--o,1) * .78);position:absolute;inset:0}:is(html[data-lab-theme=dark],html.dark) .hr .hh-room-back:before{content:"";z-index:1;opacity:var(--o,1);background:radial-gradient(60% 70% at 62% 46%,#ffbe6e42,#ffbe6e00 72%);position:absolute;inset:0}:is(html[data-lab-theme=dark],html.dark) .hr-spill,:is(html[data-lab-theme=dark],html.dark) .hr-board{z-index:9}:is(html[data-lab-theme=dark],html.dark) .hr-board:after{content:"";pointer-events:none;background:#060a1c4d;border-radius:3px;position:absolute;inset:0}
