.risai{--ink:#24251f;--forest:#172019;--paper:#eee9df;--taupe:#9b8d7a;--serif:"Iowan Old Style","Noto Serif KR","Batang",Georgia,serif;background:var(--paper);color:var(--ink);overflow:clip}.risai *{box-sizing:border-box}.risai figure,.risai h1,.risai h2,.risai h3,.risai p{margin:0}.risai-hero-run{height:calc(430svh - 76px);background:#0d120f}.risai-hero{position:sticky;top:76px;height:calc(100svh - 76px);min-height:560px;color:#f7f2e8;overflow:hidden;background:#b3a68e}.risai-stage-word{position:absolute;z-index:0;inset:0;display:grid;place-items:center;color:#171b16}.risai-stage-word span{font-family:var(--serif);font-size:clamp(120px,22vw,390px);line-height:.7;letter-spacing:-.1em;transform:translate(-.045em);opacity:.22}.risai-stage-word small{position:absolute;bottom:7%;font-size:9px;letter-spacing:.28em}.risai-frame{--cover-step:clamp(0,calc(var(--risai-progress) * 5.6),1);position:absolute;z-index:1;inset:calc(var(--cover-step) * 20%) calc(var(--cover-step) * 28%);overflow:hidden;box-shadow:0 calc(var(--cover-step) * 24px) calc(var(--cover-step) * 70px) #0008;opacity:clamp(0,calc(1 - (var(--risai-progress) - .18) * 18),1)}.risai-frame img,.risai-shade{position:absolute;inset:0;width:100%;height:100%}.risai-frame img{object-fit:cover;transform:scale(calc(1 + var(--cover-step) * .13))}.risai-shade{background:linear-gradient(180deg,#10171073,#11181212 36%,#10160dc4)}.risai-scroll-scenes{position:absolute;z-index:3;inset:0}.risai-scroll-scene{position:absolute;inset:0;opacity:var(--scene-opacity);clip-path:inset(calc((1 - var(--scene-local)) * 20%) calc((1 - var(--scene-local)) * 28%));transform:scale(calc(.82 + var(--scene-local) * .18));overflow:hidden;background:#172019}.risai-scroll-scene img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.18 - var(--scene-local) * .15)) translateY(calc((1 - var(--scene-local)) * 5%))}.risai-scroll-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d160f2e,#0c120b12 42%,#10150db5)}.risai-scroll-scene figcaption{position:absolute;z-index:2;left:6%;right:6%;bottom:7%;display:grid;grid-template-columns:auto 1fr;gap:4px 22px;color:#f6f0e5}.risai-scroll-scene figcaption small{grid-row:1/3;font-family:Georgia,serif;font-size:22px}.risai-scroll-scene figcaption strong{font-family:var(--serif);font-size:clamp(28px,4vw,64px);font-weight:400}.risai-scroll-scene figcaption span{font-size:11px;letter-spacing:.08em}.risai-hero-top,.risai-hero-bottom{position:absolute;z-index:5;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:30px;font-size:9px;letter-spacing:.2em;opacity:clamp(0,calc(1 - var(--risai-progress) * 7),1)}.risai-hero-top{top:30px}.risai-hero-bottom{bottom:25px;color:#eee7d2c7}.risai-hero-bottom span:last-child{text-align:right;letter-spacing:.02em}.risai-hero-copy{position:absolute;z-index:5;left:8%;right:8%;top:50%;text-align:center;transform:translateY(calc(-50% - (min(var(--risai-progress),.2)*325px))) scale(calc(1 - (min(var(--risai-progress),.2)*1.9)));opacity:clamp(0,calc(1 - var(--risai-progress) * 6),1)}.risai-hero-copy p,.risai-intro>p,.risai-gallery-head>p,.risai-story>p{font-size:10px;letter-spacing:.22em}.risai-hero-copy h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,7vw,116px);line-height:1.2;letter-spacing:-.07em;margin-top:22px;word-break:keep-all}.risai-scroll-hint{position:absolute;z-index:5;left:50%;bottom:66px;transform:translate(-50%);font-size:8px;letter-spacing:.18em;opacity:clamp(0,calc(1 - var(--risai-progress) * 12),1)}.risai-scroll-hint span{margin-left:15px}.risai-intro{background:#f4f0e8;padding:130px 8% 145px;display:grid;grid-template-columns:.5fr 1fr .8fr;gap:7%;align-items:start}.risai-intro>p{padding-top:16px;color:#6f7167}.risai-intro h2,.risai-gallery-head h2,.risai-story h3{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;word-break:keep-all}.risai-intro h2{font-size:clamp(38px,4.6vw,70px);line-height:1.45}.risai-intro>span{font-size:14px;line-height:2.05;color:#62675e;padding-top:13px}.risai-gallery{padding:105px 6vw 140px;background:#d8d0c3}.risai-gallery-head{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #312f2944;padding-top:18px;margin-bottom:55px}.risai-gallery-head h2{font-size:clamp(36px,4vw,62px)}.risai-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #37362f66}.risai-tabs button{border:0;border-right:1px solid #37362f66;background:none;text-align:left;padding:22px;display:flex;gap:16px;color:#4f5048}.risai-tabs button:last-child{border-right:0}.risai-tabs button[aria-selected=true]{background:var(--forest);color:#f5f0e5}.risai-tabs small{font-family:Georgia,serif;color:#898578}.risai-panel{display:grid;grid-template-columns:minmax(230px,.55fr) minmax(500px,1.45fr);gap:7vw;padding-top:70px}.risai-story{display:flex;flex-direction:column;align-items:flex-start}.risai-story>p{color:#68685f}.risai-story h3{font-size:clamp(37px,4vw,62px);line-height:1.32;margin:24px 0}.risai-story>span{font-size:14px;line-height:2;color:#5d6158}.risai-count{margin-top:auto;padding-top:50px;font-family:Georgia,serif;color:#747267}.risai-count strong{font-size:34px;color:#272a23;font-weight:400}.risai-main-photo{min-width:0}.risai-main-photo button{border:0;padding:0;width:100%;background:#222;display:block;overflow:hidden}.risai-main-photo img{width:100%;height:min(62vh,690px);object-fit:cover;animation:risai-photo-in .55s ease-out}.risai-main-photo figcaption{font-size:10px;color:#68675f;margin-top:10px}.risai-controls{grid-column:2;display:flex;justify-content:flex-end;gap:8px;margin-top:-55px;position:relative}.risai-controls button{width:46px;height:46px;border:1px solid #f5efe080;background:#151a16;color:#fff;font-size:20px}.risai-controls button:hover{background:#303a31}.risai-thumbs{grid-column:2;display:flex;gap:10px;margin-top:12px}.risai-thumbs button{width:72px;height:52px;padding:0;border:2px solid transparent;background:none;opacity:.55}.risai-thumbs button[aria-current=true]{border-color:#1c251e;opacity:1}.risai-thumbs img{width:100%;height:100%;object-fit:cover}.risai-dialog{width:min(92vw,1200px);max-width:none;border:0;padding:48px 24px 22px;background:#111510;color:#eee9de}.risai-dialog::backdrop{background:#050705e8}.risai-dialog figure{display:grid;gap:12px}.risai-dialog img{max-height:78vh;width:100%;object-fit:contain}.risai-dialog figcaption{text-align:center;font-size:11px;color:#c7c1b5}.risai-dialog-close{position:absolute;right:18px;top:13px;border:0;background:none;color:#fff;padding:9px;font-size:12px}@keyframes risai-photo-in{0%{opacity:.45;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.risai-hero-run{height:calc(230svh - 98px)}.risai-hero{top:98px;height:calc(100svh - 98px);min-height:470px}.risai-frame{box-shadow:none}.risai-scroll-scene:nth-child(n+2){display:none}.risai-scroll-scene figcaption{left:22px;right:22px;bottom:42px}.risai-scroll-scene figcaption strong{font-size:36px}.risai-scroll-scene figcaption span{font-size:9px}.risai-stage-word span{font-size:29vw}.risai-hero-copy{left:24px;right:24px}.risai-hero-copy h1{font-size:clamp(40px,12vw,67px);line-height:1.4}.risai-hero-top,.risai-hero-bottom{left:22px;right:22px}.risai-hero-bottom{display:block;line-height:1.7}.risai-hero-bottom span{display:block}.risai-hero-bottom span:last-child{text-align:left;margin-top:8px}.risai-scroll-hint{display:none}.risai-intro{padding:72px 23px 80px;grid-template-columns:1fr;gap:27px}.risai-intro h2{font-size:39px}.risai-intro>span{font-size:13px}.risai-gallery{padding:67px 18px 80px}.risai-gallery-head{display:block;margin-bottom:33px}.risai-gallery-head h2{font-size:37px;margin-top:18px}.risai-tabs{grid-template-columns:1fr 1fr}.risai-tabs button:nth-child(2){border-right:0}.risai-tabs button:nth-child(n+3){border-top:1px solid #37362f66}.risai-tabs button{padding:17px 13px;font-size:12px}.risai-panel{display:block;padding-top:48px}.risai-story h3{font-size:41px}.risai-story>span{font-size:13px}.risai-count{padding:30px 0 24px}.risai-main-photo img{height:auto;min-height:320px}.risai-controls{margin-top:15px}.risai-thumbs{margin-top:14px;overflow-x:auto}.risai-dialog{width:96vw;padding:45px 12px 18px}.risai-dialog img{max-height:75vh}}@media(max-height:620px)and (min-width:761px){.risai-hero-run{height:360svh}.risai-hero{min-height:0}.risai-scroll-scene figcaption{bottom:4%}.risai-scroll-scene figcaption strong{font-size:34px}.risai-hero-copy h1{font-size:54px}.risai-hero-top{top:18px}.risai-hero-bottom{bottom:14px}}@media(prefers-reduced-motion:reduce){.risai-hero-run{height:auto}.risai-hero{position:relative;top:0}.risai-frame{inset:0!important}.risai-hero:before{display:none}.risai-frame img,.risai-hero-copy{transform:none;opacity:1}.risai-main-photo img{animation:none}}.risai-scroll-scene{clip-path:none;transform:none;overflow:visible}.risai-scroll-scene:after{display:none}.risai-scene-media{position:absolute;inset:0;clip-path:inset(calc((1 - var(--scene-local)) * 20%) calc((1 - var(--scene-local)) * 28%));transform:scale(calc(.82 + var(--scene-local) * .18));overflow:hidden;background:#172019}.risai-scene-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d160f24,#0c120b08 42%,#10150dd1)}.risai-scroll-scene figcaption{left:max(24px,6%);right:auto;bottom:max(28px,7%);width:max-content;max-width:calc(100% - max(48px,12%));padding:14px 16px;color:#fffaf0;background:#11170da6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 2px 18px #000,0 1px 3px #000}.risai-scroll-scene figcaption strong{line-height:1.05}@media(max-width:760px){.risai-scroll-scene figcaption{left:22px;right:auto;bottom:42px;max-width:calc(100% - 44px);padding:11px 12px}}@media(prefers-reduced-motion:reduce){.risai-scroll-scenes{display:none}}.risai-stage-word{opacity:clamp(0,calc(1 - (var(--risai-progress) - .14) * 14),1)}.risai-hero-run{height:calc(430svh - 72px)}.risai-hero{top:72px;height:calc(100svh - 72px)}@media(max-width:760px){.risai-hero-run{height:calc(230svh - 64px)}.risai-hero{top:64px;height:calc(100svh - 64px)}}@media(prefers-reduced-motion:reduce){.risai-hero-run{height:auto}.risai-hero{top:0;height:calc(100svh - 72px)}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.risai-hero{height:calc(100svh - 64px)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eee9df;color:#24251f;font-family:Helvetica Neue,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #a99a70;outline-offset:4px}.skip{position:fixed;z-index:300;top:-80px;left:18px;background:#fff;padding:12px}.skip:focus{top:12px}.site-header{position:sticky;z-index:100;top:0;height:72px;padding:0 3.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f2eee5ef;border-bottom:1px solid #403e3626;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:9px}.brand strong{font-family:Georgia,serif;font-size:19px;letter-spacing:.05em}.brand small{font-size:8px;letter-spacing:.2em;color:#737266}.site-header nav{display:flex;gap:32px}.site-header nav a{text-decoration:none;font-size:11px;color:#55594f}.site-header nav a:hover{color:#111811}.read{justify-self:end;text-decoration:none;border-bottom:1px solid #45483f;padding:9px 0;font-size:10px;letter-spacing:.12em}.site-footer{padding:74px 7vw;background:#20251f;color:#e9e4d9;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.site-footer strong{font-family:Georgia,serif;font-weight:400;font-size:25px}.site-footer small{display:block;font-size:9px;letter-spacing:.2em;color:#a9aa9e;margin-bottom:16px}.site-footer a{font-family:Georgia,serif;font-size:19px;line-height:1.5;text-underline-offset:5px}.site-footer p{font-size:11px;line-height:1.8;color:#aeb0a7;max-width:620px}@media(max-width:760px){.site-header{height:64px;padding:0 18px;grid-template-columns:1fr auto}.brand small,.read{display:none}.site-header nav{gap:13px}.site-header nav a{font-size:9px}.site-footer{padding:48px 22px;grid-template-columns:1fr;gap:30px}}@media(max-width:360px){.brand strong{font-size:16px}.site-header nav{gap:9px}.site-header nav a{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}