:root,.mungtho-root{--tex-fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.04 .3' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.353  0 0 0 0 0.275  0 0 0 0 0.157  0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");--tex-grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.157  0 0 0 0 0.118  0 0 0 0 0.078  0 0 0 0.11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");--paper:#f3ecdc;--paper-2:#fbf7ec;--jade:#2f5d50;--jade-2:#3f7464;--kumquat:#e9902f;--ink:#2d2a24;--ink-2:#6a6457;--line:#2d2a2426;--g:clamp(16px, 4vw, 56px);--f-title:var(--font-title), Georgia, serif;--f-text:var(--font-text), Georgia, serif;--f-brush:var(--font-brush), cursive}body{background:var(--paper);color:var(--ink);font-family:var(--f-text);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.75;overflow-x:clip}::selection{background:var(--kumquat);color:#fff}:focus-visible{outline:2px solid var(--kumquat);outline-offset:4px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}html.is-locked,html.is-locked body{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}img{max-width:100%;display:block}h1,h2,h3,p,figure,ul,ol,dl,dd,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}button{font:inherit;color:inherit}[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.nowrap{white-space:nowrap}.skip{z-index:300;color:#111;background:#fff;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}h1,h2,h3{text-wrap:balance;font-weight:400}p{text-wrap:pretty}.site{transition:opacity .7s}.site--closed,.site--opening{opacity:0}.op__hit{z-index:5;cursor:pointer;position:absolute;inset:0}.opener--done{pointer-events:none}.has-amb{isolation:isolate;position:relative;overflow:clip}.fall{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.fall__i{left:var(--x);animation:fallY var(--d) linear var(--dl) infinite;position:absolute;top:0}.fall--rise .fall__i{animation-name:riseY}.fall__s{width:26px;height:26px;animation:fallSway calc(var(--d) / 3) ease-in-out var(--dl) infinite alternate;display:block}.fall__s svg{width:100%;height:100%;transform:scale(var(--s)) rotate(var(--r0));display:block;overflow:visible}@keyframes fallY{0%{transform:translateY(-40px)}to{transform:translateY(calc(100cqh + 40px))}}@keyframes riseY{0%{transform:translateY(calc(100cqh + 40px))}to{transform:translateY(-40px)}}@keyframes fallSway{0%{translate:calc(var(--sw) * -1) 0;rotate:-30deg}to{translate:var(--sw) 0;rotate:30deg}}.drift{z-index:-2;pointer-events:none;will-change:transform;position:absolute;inset:-20% 0}@media (prefers-reduced-motion:reduce){.fall{display:none}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.totop{z-index:40;cursor:pointer;opacity:0;background:0 0;border:0;width:48px;height:48px;padding:0;transition:opacity .4s,transform .4s;position:fixed;bottom:16px;right:16px;transform:translateY(16px)}.totop.is-shown{opacity:1;transform:none}.totop svg{width:100%;height:100%;display:block;overflow:visible}.cd--done{margin-top:10px}.mh__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--jade-2);font-size:14px}.sec__head{text-align:center;max-width:640px;margin:0 auto clamp(32px,5vw,52px)}.sec__head h2{font-family:var(--f-title);margin-top:8px;font-size:clamp(36px,4.6vw,56px);line-height:1.15}.sec__head>p:last-child:not(.mh__kicker){color:var(--ink-2);margin-top:8px}.wm-leaf{background:radial-gradient(6px 12px,#2f5d5012 98%,#0000) 0 0/46px 52px}.opener{z-index:100;background:radial-gradient(70% 60% at 50% 40%,#fbf7ec,#e7dcc3);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.sr{justify-items:center;width:min(60vw,280px);margin-top:-20vh;display:grid;position:relative;container-type:inline-size}.sr__rod{z-index:2;background:linear-gradient(#8a4f2a,#5e3418);border-radius:3cqw;width:112%;height:6cqw;display:block;position:relative;box-shadow:0 1cqw 2cqw #0000004d}.sr__rod:before,.sr__rod:after{content:"";background:#c9a24a;border-radius:1.4cqw;width:6cqw;height:8cqw;position:absolute;top:-1cqw}.sr__rod:before{left:-3cqw}.sr__rod:after{right:-3cqw}.sr__paper{text-align:center;clip-path:inset(0 0 100%);background:repeating-linear-gradient(0deg,#00000008 0 2px,#0000 2px 6px),linear-gradient(90deg,#a8302a,#c23b32 50%,#a8302a);place-content:center;gap:4cqw;width:100%;height:130cqw;margin-top:-1cqw;display:grid;box-shadow:inset 0 0 0 3cqw #a8302a,inset 0 0 0 calc(3cqw + 1px) #d9b45a}.sr__word{font-family:var(--f-brush);color:#f6d27a;text-shadow:0 .6cqw #0003;font-size:46cqw;line-height:1}.sr__line{font-family:var(--f-title);color:#f8e6bd;font-size:6.4cqw}.sr__rod--b{margin-top:-1cqw;position:absolute;top:6cqw;left:-6%}.sr__tie{background:#d9b45a;border-radius:1cqw;width:12%;height:10cqw;position:absolute;top:-2cqw;left:44%}.sr__tassel{background:repeating-linear-gradient(90deg,#c23b32 0 2px,#a8302a 2px 4px);border-radius:0 0 1cqw 1cqw;width:4cqw;height:22cqw;position:absolute;top:11cqw;left:48%}.sr__tassel:before{content:"";background:#d9b45a;border-radius:50%;width:6cqw;height:5cqw;position:absolute;top:-2cqw;left:-1cqw}.rail{z-index:50;background:linear-gradient(#a8302a,#c23b32);border-radius:10px 0 0 10px;gap:2px;padding:16px 10px;transition:transform .5s;display:grid;position:fixed;top:50%;right:0;transform:translate(110%,-50%);box-shadow:inset 2px 0 #d9b45a,-10px 0 24px -12px #0006}.rail.is-visible{transform:translateY(-50%)}.rail a{writing-mode:vertical-rl;font-family:var(--f-title);letter-spacing:.08em;color:#f8e6bd;white-space:nowrap;padding:10px 6px;font-size:16px;text-decoration:none}.rail a:hover{color:#fff}@media (max-width:760px){.rail{border-radius:999px;padding:4px;display:flex;top:10px;right:10px;transform:translateY(-160%)}.rail.is-visible{transform:none}.rail a{writing-mode:horizontal-tb;padding:8px 10px;font-size:13px}}.mh{min-height:100svh;padding:64px var(--g);align-items:center;display:grid}.mh__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(28px,6vw,88px);width:100%;max-width:1120px;margin:0 auto;display:grid}.mh__round{aspect-ratio:1;justify-self:center;width:min(100%,440px,100svh - 160px);position:relative}.mh__round img{object-fit:cover;width:82%;height:82%;box-shadow:0 0 0 6px var(--paper-2), 0 0 0 7px var(--kumquat), 0 30px 50px -26px #2d2a2480;border-radius:50%;position:absolute;inset:9%}.mh__ring{width:100%;height:100%;position:absolute;inset:0}.mh__ring text{font-family:var(--f-title);letter-spacing:.12em;fill:var(--jade);font-size:10.4px}.mh__text h1{margin-top:8px;display:grid}.mh__tho{font-family:var(--f-brush);color:#a8302a;font-size:clamp(110px,15vw,200px);font-weight:400;line-height:.9}.mh__sub{font-family:var(--f-title);font-size:clamp(30px,3.6vw,46px);line-height:1.15}.mh__lead{max-width:440px;color:var(--ink-2);margin-top:18px}.mh__from{margin-top:14px;font-style:italic}@media (max-width:820px){.mh__grid{text-align:center;grid-template-columns:minmax(0,1fr)}.mh__round{width:min(80vw,340px)}.mh__lead{margin-left:auto;margin-right:auto}}.kt{padding:clamp(96px, 12vw, 150px) var(--g);background:var(--paper-2)}.kt__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(24px,5vw,64px);max-width:1060px;margin:0 auto;display:grid}.kt__tree{aspect-ratio:400/420;justify-self:center;width:min(100%,460px);position:relative}.kt__crown{width:100%;height:100%;position:absolute;inset:0}.kt__env{aspect-ratio:.7;cursor:pointer;transform-origin:50% -20%;background:linear-gradient(#c23b32,#a8302a);border:0;border-radius:4px;width:15%;margin:-10% 0 0 -7.5%;padding:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1);position:absolute;box-shadow:inset 0 0 0 2px #d9b45a,0 8px 14px -8px #00000080}.kt__env:before{content:"";background:#d9b45a;width:1.5px;height:18px;position:absolute;top:-18px;left:50%}.kt__env span{font-family:var(--f-title);color:#f8e6bd;place-items:center;font-size:clamp(11px,1.3vw,14px);display:grid;position:absolute;inset:0}.kt__env:hover{transform:rotate(-8deg)}.kt__env.is-on{box-shadow:inset 0 0 0 2px #f6d27a, 0 0 0 3px var(--kumquat), 0 8px 14px -8px #00000080;transform:scale(1.12)}.kt__read{align-items:center;min-height:220px;display:grid}.kt__hint{color:var(--ink-2);font-style:italic}.kt__paper{background:#fbefd6;border-left:4px solid #a8302a;padding:26px 28px;animation:.6s ease-out unroll;box-shadow:0 20px 30px -24px #2d2a2499}@keyframes unroll{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.kt__who{letter-spacing:.14em;text-transform:uppercase;color:#a8302a;font-size:14px}.kt__text{font-family:var(--f-title);margin-top:8px;font-size:24px;line-height:1.45}@media (max-width:820px){.kt__grid{grid-template-columns:minmax(0,1fr)}}.fr{padding:clamp(96px, 12vw, 150px) var(--g)}.fr__wall{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(16px,3vw,34px);max-width:980px;margin:0 auto;display:grid}.fr__f{transform-origin:50% 0;padding-top:22px;position:relative}.fr__f--1,.fr__f--3{margin-top:48px}.fr__nail{background:#5a4028;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;top:0;left:50%}.fr__nail:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);border:1px solid #5a402899;border-bottom:0;width:56px;height:20px;margin-left:-28px;position:absolute;top:4px;left:50%}.fr__f figure{background:var(--paper-2);padding:10px 10px 12px;box-shadow:inset 0 0 0 4px #8a4f2a,inset 0 0 0 6px #c9a24a,0 20px 30px -22px #2d2a2499}.fr__f img{aspect-ratio:3/4;object-fit:cover;width:100%}.fr__f figcaption{text-align:center;color:var(--ink-2);margin-top:8px;font-size:15px}@media (max-width:760px){.fr__wall{grid-template-columns:repeat(2,minmax(0,1fr))}.fr__f--3{margin-top:0}}.ft{padding:clamp(96px, 12vw, 150px) var(--g) 48px;background:var(--paper-2)}.ft__tree{background:linear-gradient(var(--jade-2), var(--jade-2)) 50% 100% / 3px 100% no-repeat;gap:30px;max-width:720px;margin:0 auto;padding:30px 0 10px;display:grid}.ft__row{justify-content:center;gap:clamp(24px,8vw,120px);display:flex}.ft__branch{gap:14px;display:flex}.ft__fruit{background:var(--kumquat);color:#fff;min-width:110px;min-height:56px;font-family:var(--f-title);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:18px;display:inline-flex;position:relative;box-shadow:inset 0 -4px #0000001f}.ft__fruit--s{min-width:0;min-height:44px;color:var(--ink);background:#f2b25e;font-size:16px}.ft__fruit--root{background:#a8302a;min-width:160px;min-height:64px;font-size:22px}.ft__end{border-top:1px solid var(--line);text-align:center;max-width:720px;margin:clamp(64px,8vw,100px) auto 0;padding-top:24px}.ft__big{font-family:var(--f-title);color:#a8302a;font-size:clamp(32px,4vw,48px)}.ft__from{margin-top:6px;font-style:italic}.ft__credit{color:var(--ink-2);margin-top:18px;font-size:14px}@media (max-width:560px){.ft__row--3{flex-direction:column;align-items:center;gap:14px}.ft__row--2{gap:12px}.ft__fruit{min-width:0;font-size:16px}}.mh__text h1{gap:14px}.mh__tho{line-height:1.05}body{background-image:var(--tex-fiber), var(--tex-grain-dark)}body:after{content:"";z-index:2147483000;pointer-events:none;background:var(--tex-grain-dark);mix-blend-mode:multiply;opacity:.45;position:fixed;inset:0}.kt__paper{background:var(--tex-fiber), var(--tex-grain-dark), #fbefd6}.fr__f figure{background:var(--tex-fiber), var(--tex-grain-dark), var(--paper-2)}@media (prefers-reduced-transparency:reduce){body:after{display:none}}.mungtho-root{font-family:var(--f-text);color:inherit}
