@font-face{font-family:Manrope;src:url('../video/hf-showcase/assets/fonts/manrope-var.woff2') format('woff2');font-display:swap}
@font-face{font-family:ArchiveSans;src:url('../video/hf-showcase/assets/fonts/noto-kr-400.woff2') format('woff2');font-display:swap}
:root{--ink:#11120f;--ivory:#e7e3d9;--ochre:#c8a77a;--muted:#aea99e;--serif:'Noto Serif KR',serif;--sans:Manrope,ArchiveSans,sans-serif;--p:0;--q:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}#film{margin:0;background:var(--ink);color:var(--ivory);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}#film a{color:inherit;text-decoration:none}#film button{font:inherit;color:inherit;cursor:pointer}#film a,#film button{-webkit-tap-highlight-color:transparent}#film button:focus-visible,#film a:focus-visible{outline:2px solid var(--ochre);outline-offset:6px}::selection{background:#997a52;color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:20px;background:var(--ivory);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:20px}.masthead{height:80px;position:fixed;top:0;left:0;right:0;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:100;background:rgba(17,18,15,0.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.06);transition:background .6s ease,border-color .6s ease,opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.js .masthead{opacity:0;pointer-events:none;transform:translateY(-10px)}.js .masthead.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.masthead.theme-main{background:rgba(17,33,25,0.94);border-bottom:1px solid rgba(23,207,115,0.22)}.brand{font-size:18px;letter-spacing:.04em;font-weight:500;text-decoration:none!important}.brand:hover,.brand:focus,.brand:active,.brand:visited,.brand span{text-decoration:none!important}.brand span{font-size:11px;letter-spacing:.06em;margin-left:15px;color:#bcb7ac}.edition{font-size:8px;letter-spacing:.16em;color:#8c8b7f}.masthead nav{display:flex;gap:30px;font-size:11px}.masthead nav a{color:#d5d1c6;transition:color .25s ease}.masthead nav a:hover{color:var(--ochre)}.masthead nav span{margin-left:10px}.masthead-utils{display:flex;align-items:center;gap:14px}.lang-switch{display:inline-flex;border:1px solid rgba(255,255,255,0.15);border-radius:9999px;overflow:hidden;padding:2px}.lang-switch button{background:none;border:none;color:#9db8ab;font-size:11px;font-weight:600;padding:3px 9px;cursor:pointer;border-radius:9999px;transition:all .2s ease}.lang-switch button[aria-pressed="true"]{background:var(--brand-green,#17cf73);color:#111814}.lang-switch button[aria-pressed="false"]:hover{color:#fff}.mobile-bottom-nav{display:none}@media(max-width:768px){body{padding-bottom:64px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99;height:58px;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(17,18,15,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,0.08);justify-content:space-around;align-items:center;opacity:0;pointer-events:none;transform:translateY(100%);transition:background .6s ease,border-color .6s ease,opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.mobile-bottom-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-bottom-nav.theme-main{background:rgba(17,33,25,0.94);border-top:1px solid rgba(23,207,115,0.22)}.mob-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#aea99e;font-size:10px;text-decoration:none;flex:1;padding:4px 0;transition:color .2s ease}.mob-nav-item .material-symbols-outlined{font-size:20px}.mob-nav-item:hover,.mob-nav-item:active{color:var(--brand-green,#17cf73)}}.film{position:relative}.film-stage{position:relative;background:var(--ink);padding-top:80px}.film-top{display:none}.screen{position:relative;background:#1e2119;overflow:hidden}.scene{position:relative;min-height:90svh;overflow:hidden;background:#1c2019}.full-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#10120fc9 0%,#10120f20 65%),linear-gradient(0deg,#10120fa3,transparent 65%)}.overline{font-family:var(--sans);font-size:9px;letter-spacing:.19em;font-weight:400;line-height:1.8;margin:0 0 25px}.location{position:absolute;top:36px;right:4.5%;font-size:8px;line-height:2;letter-spacing:.12em;text-align:right;color:#e3dfd2}.opening-copy{position:absolute;left:5%;right:5%;bottom:16%;z-index:3}.opening-copy :is(h1,h2){font-family:var(--serif);font-weight:300;letter-spacing:-.07em;font-size:clamp(65px,9vw,140px);line-height:1.2;margin:20px 0 33px}.opening-copy :is(h1,h2) em{font-weight:300;font-style:normal;color:#d9c3a0}.opening-bottom{display:flex;gap:75px;align-items:center}.opening-bottom p{line-height:2;color:#d5d1c6;font-size:12px;margin:0}.play-film{display:flex;align-items:center;gap:15px;background:#14171145;border:0;border-left:1px solid #ded7c155;padding:3px 0 3px 30px;font-size:12px;text-align:left}.play-icon{width:41px;height:41px;border:1px solid #ded7c177;border-radius:50%;display:grid;place-items:center;font-size:20px}.play-film small{display:block;font-size:8px;color:#c9c4b7;letter-spacing:.06em;margin-top:7px}.opening-credit{position:absolute;bottom:6%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.studio-wide{object-position:58% 40%;filter:saturate(.6) brightness(.85);transform:scale(1.07)}.studio-focus{background:url('../img/main.jpg') center 40% / cover;filter:blur(9px) saturate(.6);mask-image:linear-gradient(0deg,#000,transparent 25%,transparent 65%,#000);opacity:.45}.scene-copy{position:absolute;z-index:4}.scene-copy h2{font-family:var(--serif);font-size:clamp(33px,4.3vw,68px);font-weight:300;line-height:1.55;letter-spacing:-.06em;margin:0 0 30px}.scene-copy h2 em{font-style:normal;color:#c2d6cd}.scene-copy>p:not(.overline){font-size:12px;line-height:2.1;color:#d3cec1;margin:0}.portrait-background{filter:blur(3px) brightness(.5) saturate(.5);object-position:70% center}.portrait-frame{position:absolute;left:16%;top:13%;width:28%;height:72%;margin:0}.portrait-frame>img{width:100%;height:100%;object-fit:cover;filter:sepia(.15) saturate(.65);position:relative;box-shadow:0 20px 90px #0005}.frame-line{position:absolute;inset:-22px;border:1px solid #c2b69366;transform:translate(-12px,8px)}.frame-credit{position:absolute;bottom:-40px;left:0;font-size:8px;letter-spacing:.15em;color:#bfb5a2}.portrait-copy{left:54%;top:26%;right:6%}.source-note{display:block;color:#b5ab99;font-size:8px;letter-spacing:.06em;margin-top:28px}.margin-word{position:absolute;left:5%;bottom:18%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.3em;color:#b7b09d}.earth-macro{background:url('../video/hf-showcase/assets/works/transformed-civilization-2.png') 50% 70% / cover;filter:brightness(.32) saturate(.5)}.earth-shade{background:linear-gradient(90deg,#1a1b16e6,#1a1b1655)}.back-type{position:absolute;top:7%;left:4%;font-size:clamp(100px,22vw,320px);line-height:1;font-weight:400;letter-spacing:-.065em;color:#bbb19b20;z-index:1}.earth-piece{position:absolute;right:8%;top:20%;width:49%;margin:0;z-index:2}.earth-piece img{width:100%;display:block;box-shadow:0 30px 100px #0005}.earth-piece figcaption,.language-piece figcaption{font-size:11px;line-height:2;margin-top:20px}.earth-piece figcaption span,.language-piece figcaption span{font-size:8px;display:block;color:#c4bca9;letter-spacing:.04em}.earth-copy{left:6%;top:40%;width:40%;z-index:3;text-shadow:0 3px 30px #0008}.earth-copy h2{font-size:clamp(34px,4.9vw,75px)}.insert-tag{position:absolute;right:7%;top:7%;font-size:8px;letter-spacing:.17em}.fire-macro{object-position:75% 40%;transform:scale(1.7) rotate(-2deg);filter:saturate(.75) brightness(.57)}.fire-color{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#cf75331c,transparent 60%),linear-gradient(90deg,#23160caa,transparent)}#embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fire-copy{left:7%;top:21%;right:5%}.fire-copy h2{font-size:clamp(32px,4vw,63px)}.kiln-insert{position:absolute;left:7%;bottom:9%;width:190px;height:150px;z-index:3}.kiln-image{height:125px;background:url('../img/studio.jpg');background-size:780px auto;background-position:0 100%;border:1px solid #a6866566}.kiln-insert>span{display:block;font-size:8px;margin-top:12px;color:#c0ad92;letter-spacing:.1em}.fire-caption{position:absolute;right:6%;bottom:8%;font-size:8px;letter-spacing:.14em;text-align:right;z-index:3}.fire-caption span{display:block;letter-spacing:.05em;margin-top:8px;color:#b4a087}.flare{position:absolute;top:37%;right:7%;width:47%;height:1px;background:linear-gradient(90deg,transparent,#dcaa6d88,transparent);box-shadow:0 0 18px 3px #e49d5d33;opacity:.4;pointer-events:none}.language-field{position:absolute;inset:0;background:radial-gradient(ellipse at 28% 50%,#414636,#20251c 65%)}.language-piece{position:absolute;left:8%;top:16%;width:41%;margin:0;z-index:2}.language-piece img{width:100%;display:block;box-shadow:0 20px 80px #0004}.language-copy{left:57%;top:28%;right:5%}.language-copy h2{font-size:clamp(31px,4vw,62px)}.line-link{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid #9d9988;padding-bottom:12px;font-size:11px}.line-link span{font-size:20px}.language-copy .line-link{margin-top:35px}.letter-gate{display:none}.pixel-curtain{display:none}.grain{position:absolute;inset:0;pointer-events:none;z-index:9;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.viewfinder{position:absolute;inset:20px;z-index:10;pointer-events:none}.viewfinder i{position:absolute;width:13px;height:13px;border-color:#d5ceb455;border-style:solid}.viewfinder i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.viewfinder i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}.film-bottom,.film-progress{display:none}
/* The film stays on screen; the document's natural scroll is its edit timeline. */
.js .film{height:780svh}.js .film-stage{height:100svh;position:sticky;top:0;padding:0;overflow:hidden}.js .film-top{position:absolute;top:84px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#9d9b8d}.film-top i{font-style:normal;margin:0 12px;color:#66695c}.js .screen{position:absolute;inset:111px 3.5% 115px}.js .scene{position:absolute;inset:0;min-height:0;visibility:hidden;opacity:0;pointer-events:none}.js .scene.current,.js .scene.incoming{visibility:visible;opacity:1}.js .scene.current{pointer-events:auto}.js .scene.incoming{z-index:6}.js .scene-studio .studio-wide{transform:scale(calc(1.07 + var(--q) * .09)) translateX(calc(var(--q) * -1.5%))}.js .studio-focus{opacity:calc(.25 + var(--q) * .4)}.js .portrait-frame{transform:scale(calc(.92 + var(--q) * .12)) translateY(calc((1 - var(--q)) * 12px));filter:blur(calc(max(0, .24 - var(--q)) * 15px))}.js .portrait-background{filter:blur(calc(2px + var(--q) * 7px)) brightness(.5) saturate(.5);transform:scale(calc(1.02 + var(--q) * .06))}.js .earth-piece{transform:translateX(calc((1 - var(--q)) * 7%)) scale(calc(1.14 - var(--q) * .14))}.js .earth-macro{transform:scale(calc(1.35 - var(--q) * .3));opacity:calc(.95 - var(--q) * .25)}.js .back-type{transform:translateX(calc(var(--q) * -4%))}.js .earth-copy{transform:translateX(calc(var(--q) * -1%))}.js .fire-macro{transform:scale(calc(1.75 - var(--q) * .3)) rotate(calc(-2deg + var(--q) * 2deg))}.js .fire-color{opacity:calc(.5 + var(--q) * .5)}.js .flare{transform:scaleX(calc(.5 + var(--q) * .8));opacity:calc(.3 + var(--q) * .3)}.js .language-piece{transform:scale(calc(1.08 - var(--q) * .08))}.js .letter-gate{display:block;position:absolute;inset:0;z-index:7;transform:scale(calc(1 + var(--gate) * 23));transform-origin:50% 50%;opacity:var(--gate-opacity);pointer-events:none}.letter-gate svg{width:100%;height:100%}.js .pixel-curtain{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);z-index:8;pointer-events:none}.pixel-curtain i{display:block;background:#181b13;opacity:0}.js .film-bottom{position:absolute;bottom:44px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.film-direction{font-size:9px;color:#b1ae9f;display:flex;align-items:center;gap:25px;min-width:225px}.down-arrow{font-size:21px}.chapters{display:flex;align-items:center;gap:28px}.chapters button{background:none;border:0;padding:8px 0;color:#9c9c8d;font-size:10px;position:relative}.chapters button span{font-size:8px;margin-right:9px;color:#888b7d}.chapters button[aria-current]{color:var(--ivory)}.chapters button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ochre);transform:scaleX(0);transition:transform .3s}.chapters button[aria-current]:after{transform:scaleX(1)}.motion-toggle{background:none;border:1px solid #6c7061;width:31px;height:31px;border-radius:50%;font-size:11px;flex-shrink:0}.film-time{font-size:8px;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#aaa99a;min-width:85px}.js .film-progress{display:block;position:absolute;bottom:19px;left:4.5%;right:4.5%;height:1px;background:#454b3b}.film-progress span{display:block;width:100%;height:1px;background:#c6b18b;transform:scaleX(var(--p));transform-origin:left}.archive{background:#e8e5dc;color:#31362a;padding:105px 7%}.archive-heading>.overline{color:#6c7263}.archive-heading>div{display:flex;justify-content:space-between;align-items:end;gap:40px}.archive-heading h2,.artist h2{font-family:var(--serif);font-size:clamp(32px,4vw,57px);font-weight:400;letter-spacing:-.055em;line-height:1.6;margin:0}.archive-heading>div>p{font-size:12px;line-height:2;color:#6d7265;margin:0 0 8px}.archive-grid{display:grid;grid-template-columns:1.28fr 1fr .8fr;gap:35px;margin-top:60px;align-items:start}.artwork{background:none;border:0;padding:0;text-align:left;width:100%;color:#31362a}.art-index{font-size:8px;letter-spacing:.14em;display:block;margin-bottom:18px;color:#747767}.artwork:nth-child(2){margin-top:85px}.artwork:nth-child(3){margin-top:155px}.art-image{padding:20px;background:#dad7cb;overflow:hidden}.art-image img{display:block;width:100%;height:auto;transition:transform 1s}.artwork:hover img{transform:scale(1.05)}.art-title{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:18px;margin-top:23px;padding-top:16px;border-top:1px solid #b9b8a8}.art-title i{font-style:normal;font-family:var(--sans);font-size:22px}.art-material{display:block;font-size:9px;color:#747767;margin-top:10px}.archive-footer{display:flex;justify-content:space-between;align-items:center;margin-top:70px;gap:30px}.archive-footer>span{font-size:9px;color:#7b7f70}.artist{display:grid;grid-template-columns:1fr 1.3fr;gap:13%;padding:120px 12%;background:#282d22}.artist-photo{position:relative;margin-top:10px}.artist-photo img{width:100%;filter:saturate(.5);display:block}.artist-photo>span{font-size:8px;letter-spacing:.12em;display:block;margin-top:17px;color:#a3aa94}.artist-story>.overline{color:#abb499}.artist h2{font-size:clamp(30px,3.1vw,46px);font-weight:300}.artist-story>p:not(.overline){font-size:12px;line-height:2.2;color:#b9bfad;margin-top:28px}blockquote{margin:30px 0;border-left:1px solid #747e5c;padding-left:25px;font-family:var(--serif);font-size:18px;line-height:2}cite{display:block;font-family:var(--sans);font-style:normal;font-size:8px;color:#a0aa8d;margin-top:10px}.exhibition-traces{display:flex;gap:25px;border-top:1px solid #73796266;padding-top:20px;margin:35px 0}.exhibition-traces>span{font-size:16px}.exhibition-traces small{display:block;font-size:8px;line-height:1.8;color:#a7af97;margin-top:10px}.artist .line-link{margin-top:10px}footer{padding:90px 7% 30px;background:#11120f}.contact-title{display:block;font-family:var(--serif);font-size:clamp(33px,5vw,70px);line-height:1.5;letter-spacing:-.04em}.contact-title>span{margin-left:40px;color:#c0a678;font-family:var(--sans)}.contact-details{display:flex;justify-content:space-between;gap:20px;margin:50px 0 65px;font-size:11px;color:#b2b29f}.colophon{border-top:1px solid #45493b;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#8f9481;font-size:8px;line-height:1.8}.colophon>span:first-child{font-size:11px;color:#c8cbb9}dialog{background:#e8e5dc;color:#31362a;border:0;width:min(1100px,94vw);max-width:1100px;max-height:92svh;padding:60px 40px 30px;overflow:auto}dialog::backdrop{background:#080a08dd;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:25px;top:19px;background:none;border:0;font-size:12px;padding:6px}.dialog-image{display:grid;place-items:center;min-height:200px}.dialog-image img{max-width:100%;max-height:68svh;width:auto;display:block}.dialog-meta{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:25px}.dialog-meta h2{font-family:var(--serif);font-weight:400;font-size:22px;margin:0}.dialog-meta p{font-size:10px;color:#6d7260;line-height:1.9}
@media(max-width:1100px){.edition{display:none}.film-direction{min-width:0;font-size:8px}.chapters{gap:19px}.film-time{display:none}.opening-copy :is(h1,h2){font-size:95px}.portrait-frame{left:12%;width:32%}.portrait-copy{left:53%}.scene-copy h2{font-size:40px}.scene-copy>p:not(.overline){font-size:11px}.earth-piece{right:5%;width:51%}.earth-copy{left:5%;width:42%}.archive-grid{gap:20px}.art-title{font-size:15px}.artist{padding:90px 8%;gap:9%}.exhibition-traces{gap:16px}.exhibition-traces small{font-size:7px}}
@media(max-width:650px){.masthead{height:68px;padding:0 6%}.brand{font-size:16px}.brand span{font-size:9px;margin-left:9px}.masthead nav{gap:20px;font-size:10px}.js .film{height:740svh}.js .film-top{top:77px;left:6%;right:6%;font-size:6px;letter-spacing:.08em}.film-top i{margin:0 5px}.js .screen{inset:101px 4% 128px}.viewfinder{inset:12px}.viewfinder i{width:9px;height:9px}.scene{min-height:85svh}.opening-copy{left:7%;right:7%;bottom:16%}.overline{font-size:7px;letter-spacing:.13em;margin-bottom:20px}.opening-copy :is(h1,h2){font-size:clamp(57px,16vw,83px);line-height:1.4;margin:10px 0 24px}.opening-bottom{display:block}.opening-bottom p{font-size:11px;line-height:2}.play-film{margin-top:28px;padding-left:0;border-left:0;font-size:11px;gap:12px}.play-icon{width:34px;height:34px;font-size:18px}.play-film small{font-size:7px}.location{font-size:6px;top:25px;right:7%;letter-spacing:.04em}.opening-credit{font-size:7px;left:7%;right:7%;bottom:6%}.studio-wide{object-position:61% 40%}.shade{background:linear-gradient(0deg,#10120feb,#10120f00 85%),linear-gradient(90deg,#10120f60,transparent)}.studio-focus{background-position:61% 40%}.portrait-frame{left:12%;top:7%;height:44%;width:46%}.frame-line{inset:-10px;transform:translate(-5px,5px)}.frame-credit{bottom:-20px;font-size:6px}.portrait-copy{left:10%;top:auto;bottom:7%;right:7%}.scene-copy h2{font-size:31px;line-height:1.55;margin-bottom:15px}.scene-copy>p:not(.overline){font-size:10px;line-height:2}.source-note{font-size:6px;margin-top:17px}.portrait-copy .overline{margin-bottom:10px}.portrait-background{object-position:66% center}.margin-word{right:6%;left:auto;bottom:auto;top:10%;font-size:6px}.earth-piece{left:12%;right:12%;top:11%;width:auto}.earth-piece figcaption,.language-piece figcaption{font-size:9px;margin-top:10px}.earth-piece figcaption span,.language-piece figcaption span{font-size:6px;line-height:1.8}.earth-copy{left:9%;top:auto;bottom:8%;width:82%}.earth-copy h2{font-size:34px}.earth-copy .overline{margin-bottom:10px}.back-type{font-size:110px;top:4%;left:2%}.insert-tag{top:5%;right:7%;font-size:6px}.fire-copy{left:9%;right:7%;top:auto;bottom:34%}.fire-copy h2{font-size:30px}.fire-copy .overline{font-size:6px}.kiln-insert{left:9%;bottom:8%;width:130px;height:112px}.kiln-image{height:90px;background-size:550px auto}.kiln-insert>span{font-size:6px;margin-top:7px}.fire-caption{right:7%;bottom:8%;font-size:5px;letter-spacing:.06em;width:130px}.fire-caption span{font-size:6px;line-height:1.8}.language-piece{left:15%;top:7%;width:65%}.language-copy{left:9%;top:auto;bottom:7%;right:7%}.language-copy h2{font-size:30px}.language-copy .overline{font-size:6px;margin-bottom:10px}.language-copy .line-link{margin-top:17px;font-size:9px;padding-bottom:6px;gap:20px}.language-piece figcaption{font-size:8px}.js .film-bottom{left:6%;right:6%;bottom:34px;display:grid;grid-template-columns:1fr 28px;gap:15px}.film-direction{grid-column:1/-1;justify-content:space-between;font-size:8px}.down-arrow{font-size:16px}.chapters{justify-content:space-between;gap:0}.chapters button{font-size:9px;padding:4px 0 9px}.chapters button span{display:block;font-size:6px;margin:0 0 5px}.motion-toggle{width:27px;height:27px}.js .film-progress{bottom:15px;left:6%;right:6%}.archive{padding:65px 7%}.archive-heading>div{display:block}.archive-heading h2{font-size:31px}.archive-heading>div>p{font-size:11px;margin-top:20px}.archive-grid{display:block;margin-top:40px}.artwork:nth-child(2),.artwork:nth-child(3){margin-top:40px}.art-image{padding:16px}.artwork-tall .art-image img{max-height:400px;object-fit:contain}.art-title{font-size:19px;margin-top:18px}.art-material{font-size:9px}.archive-footer{display:block;margin-top:40px}.archive-footer>span{font-size:8px}.archive-footer .line-link{margin-top:25px}.artist{display:block;padding:65px 8%}.artist-photo{width:65%;margin:0 auto 50px}.artist h2{font-size:32px}.artist-story>p:not(.overline){font-size:11px}blockquote{font-size:16px;padding-left:17px}cite{font-size:7px}.exhibition-traces{justify-content:space-between;gap:12px}.exhibition-traces>span{font-size:15px}.exhibition-traces small{font-size:6px}footer{padding:65px 7% 25px}.contact-title{font-size:37px}.contact-title>span{margin-left:14px}.contact-details{display:block;font-size:10px;margin:35px 0}.contact-details>*{display:block;margin-top:14px}.colophon{display:block}.colophon>*{display:block;margin-bottom:12px}.colophon>span:nth-child(2){font-size:7px;max-width:270px}.dialog-meta{display:block}.dialog-meta h2{font-size:19px}dialog{padding:55px 18px 20px}.dialog-meta>p{font-size:8px}.dialog-image img{max-height:63svh}}
.masthead{position:fixed}.earth-piece,.language-piece{height:70%;top:15%}.earth-piece img,.language-piece img{height:calc(100% - 55px);object-fit:contain;box-shadow:none}.earth-piece figcaption,.language-piece figcaption{text-align:right}.js .language-piece{left:calc(22% - var(--reveal) * 14%);width:calc(60% - var(--reveal) * 19%)}
@media(max-width:650px){.earth-piece{height:39%;top:11%}.language-piece{height:41%;top:7%}.earth-piece img,.language-piece img{height:calc(100% - 40px)}.earth-piece figcaption,.language-piece figcaption{text-align:left}.js .language-piece{left:15%;width:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .film{height:auto}.js .film-stage{height:auto;position:relative;padding-top:80px;overflow:visible}.js .screen{position:relative;inset:auto;margin:0 4%}.js .scene{position:relative;inset:auto;visibility:visible;opacity:1!important;min-height:85svh;pointer-events:auto}.js .film-top,.js .film-bottom,.js .film-progress,.js .letter-gate,.js .pixel-curtain{display:none}.js .scene *{transform:none!important;filter:none!important}.js .portrait-background{filter:brightness(.4)!important}.fire-macro{object-fit:cover}.play-film{display:none}.js .fire-macro{filter:brightness(.6)!important}.js .earth-macro{filter:brightness(.3)!important}.js .language-piece{left:8%;width:41%}.js .language-copy,.js .language-piece{opacity:1!important}.grain{opacity:.03}*{transition:none!important}}
@media(max-width:650px) and (prefers-reduced-motion:reduce){.js .film-stage{padding-top:68px}.js .language-piece{left:15%;width:65%}}
@media(min-width:651px){.fire-copy{top:12%}.fire-copy h2{font-size:clamp(32px,3.8vw,58px);line-height:1.5;margin-bottom:22px}}
@media(max-width:650px) and (max-height:740px){.js .screen{inset:91px 4% 108px}.js .film-top{top:74px}.portrait-frame{height:34%;top:6%}.portrait-copy{bottom:6%}.scene-copy h2{font-size:26px;margin-bottom:12px}.scene-copy>p:not(.overline){font-size:9px;line-height:1.9}.portrait-copy .overline{font-size:6px;margin-bottom:8px}.source-note{margin-top:12px}.earth-piece{height:36%;top:9%}.earth-copy{bottom:6%}.earth-copy h2{font-size:28px}.language-piece{height:35%;top:6%}.language-copy{bottom:6%}.language-copy .overline{font-size:5px}.language-copy .line-link{margin-top:12px}.fire-copy{bottom:35%}.kiln-insert{height:90px;width:110px}.kiln-image{height:70px;background-size:450px auto}.opening-copy{bottom:17%}.opening-copy :is(h1,h2){font-size:55px;margin:10px 0 17px}.opening-bottom p{font-size:10px}.play-film{margin-top:20px}.location{font-size:5px}.opening-credit{font-size:6px}}
@media(prefers-reduced-motion:reduce){.js .scene{transform:none!important;clip-path:none!important;filter:none!important}}
.studio-focus{transform:scale(1.12)}

/* Six-scene revision: 5s opening, fire-to-work dissolve. */
.js .film{height:660svh}.js .screen{bottom:100px}.js .film-bottom{display:flex;gap:24px;bottom:36px}.film-direction{margin-right:auto}.opening-bottom .play-film{border-left:0;padding-left:0}.fire-visual{position:absolute;inset:0}.flame-footage{object-fit:cover;object-position:65% 55%;filter:brightness(.85)}.scene-fire .fire-macro{opacity:var(--work,0);transform:scale(calc(1.7 - var(--work) * .55)) rotate(0deg);object-position:75% 44%;filter:saturate(.8) brightness(.72)}.scene-fire .shade{background:linear-gradient(90deg,#15150deb,#15150d22 83%),linear-gradient(0deg,#15150d70,transparent 75%)}.scene-fire [data-work-credit]{opacity:var(--work,0)}.scene-language .language-copy{opacity:1!important}.js .scene-language .language-piece{left:8%;width:41%;transform:scale(calc(1.04 - var(--q) * .04))}.film-top{justify-content:flex-start!important}
@media(max-width:650px){.js .film{height:620svh}.js .film-bottom{display:flex;gap:17px;bottom:34px}.film-direction{display:flex;gap:20px}.motion-toggle{margin-left:auto}.js .scene-language .language-piece{left:15%;width:65%}.scene-fire .shade{background:linear-gradient(0deg,#15150deb,#15150d11 80%)}.fire-copy{bottom:19%;top:auto}.fire-copy h2{font-size:27px}.fire-caption{bottom:7%;width:auto}}
@media(prefers-reduced-motion:reduce){.js .film{height:auto}.js .film-bottom{display:none}.js .screen{bottom:auto}.scene-fire .fire-macro{opacity:1}.scene-fire .flame-footage{display:none}}

.js .scene .opening-copy,.js .scene .scene-copy,.js .scene figcaption,.js .scene .margin-word{opacity:var(--copy,1)!important}
@media(prefers-reduced-motion:reduce){.js .scene .opening-copy,.js .scene .scene-copy,.js .scene figcaption{opacity:1!important}}

/* Four-scene revision: no wheel scene; the owl pulls back from its centre and rests on its face, then the film dissolves back to the opening frame. */
.js .film{height:440svh}
.scene-fire .fire-macro{object-fit:contain;object-position:50% 50%;top:5%;bottom:9%;height:86%;transform-origin:51% calc(55% - var(--reveal,0) * 24%);--zoom:3.3;--face-zoom:1.9;transform:translateY(calc(var(--reveal,0) * 19%)) scale(calc(var(--zoom) - var(--reveal,0) * (var(--zoom) - var(--face-zoom))));filter:saturate(calc(.8 + var(--reveal,0) * .2)) brightness(calc(.72 + var(--reveal,0) * .28))}
.scene-fire .flame-footage{opacity:calc(1 - var(--reveal,0))}
.scene-fire .fire-reply{display:inline-block;opacity:var(--reply,1);transform:translateY(calc((1 - var(--reply,1)) * .35em))}
.scene-fire .shade,.scene-fire .fire-color,.scene-fire .flare{opacity:calc(1 - var(--reveal,0))!important}
@media(max-width:650px){.js .film{height:420svh}
.scene-fire .fire-macro{top:4%;bottom:14%;height:82%;--zoom:2.4;--face-zoom:1.6}
}
@media(prefers-reduced-motion:reduce){.scene-fire .fire-macro{transform:none}.scene-return{display:none}}
/* Mobile opening/return frame: shift right so the standing artist stays in shot; gentler zoom keeps him uncropped. */
@media(max-width:650px){.studio-wide{object-position:95% 40%}
.studio-focus{background-position:95% 40%}
.js .scene-studio .studio-wide{transform:scale(calc(1 + var(--q) * .05)) translateX(calc(var(--q) * -1%))}
}
/* Opening name: HANSA KIM cut out of the ground (after video/hf-name), resolving into the 흙의 기억 frame. */
.name-cover{display:none}
.js .scene-studio{container-type:size}
.js .name-cover{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;transform-origin:30% 42%;transform:scale(calc(1 + var(--open,0) * .8));opacity:calc(1 - var(--clear,0))}
.name-ground{fill:#1c2019}
.name-word{font-family:Manrope,sans-serif;font-size:min(27cqw,34cqh);font-weight:calc(200 + var(--bold,0) * 500);letter-spacing:-.04em}.name-s{font-style:italic}
.name-ink{fill:var(--ivory);opacity:var(--ink,1)}
.js .name-lines .name-word{animation:name-rise 1s cubic-bezier(.16,1,.3,1) .1s both}
.js .name-lines .name-word-2{animation-delay:.28s}
@keyframes name-rise{from{opacity:0;transform:translateY(40px)}}
.js .scene-studio:not(.scene-return) .opening-copy :is(.overline,h1),.js .scene-studio:not(.scene-return) :is(.location,.opening-credit){opacity:var(--title,1)}
@media(prefers-reduced-motion:reduce){.js .name-cover{display:none}}

/* Skip button in film-bottom (at the same height as 재생 중 indicator, at the far right end) */
.js .film-bottom{
  align-items:center;
}
.film-skip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:31px;
  padding:0 14px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.1em;
  font-family:var(--sans);
  color:#f6f8f7;
  background:rgba(23,207,115,.18);
  border:1px solid rgba(23,207,115,.5);
  border-radius:9999px;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:opacity .35s ease,transform .25s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;
  opacity:1;
  pointer-events:auto;
  flex-shrink:0;
  white-space:nowrap;
}
.film-skip:hover{
  color:#fff;
  background:rgba(23,207,115,.35);
  border-color:#17cf73;
  box-shadow:0 4px 14px rgba(23,207,115,.3);
  transform:translateY(-1px);
}
.film-skip:active{
  transform:translateY(0);
}
.film-skip .skip-icon{
  font-size:9px;
  opacity:.85;
}
.film-skip.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
}
@media(max-width:650px){
  .js .film-bottom{
    gap:10px!important;
  }
  .film-direction{
    min-width:0;
    overflow:hidden;
  }
  .film-direction #scroll-hint{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .film-skip{
    height:27px;
    padding:0 10px;
    font-size:9px;
    letter-spacing:.06em;
    gap:4px;
  }
}
@media(prefers-reduced-motion:reduce){
  .film-skip{display:none!important}
}