@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Inter:wght@300;400;500&display=swap');
:root{--paper:#f1eee7;--ink:#24231f;--line:#b9b3a7;--clay:#9a684c;--pad:clamp(24px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.site-header{height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;mix-blend-mode:multiply}.brand{display:flex;gap:15px;align-items:baseline}.brand strong,.footer-brand strong{font-weight:500;letter-spacing:.2em}.brand span,.footer-brand span{font-family:"Gowun Batang",serif}.nav{display:flex;gap:34px;font-size:11px;letter-spacing:.17em}.nav a{padding:8px 0;border-bottom:1px solid transparent}.nav a:hover{border-color:var(--ink)}.menu{display:none;background:none;border:0}.menu i{display:block;width:28px;height:1px;background:#222;margin:7px}
.hero{min-height:100vh;display:grid;grid-template-columns:38% 62%;position:relative;overflow:hidden}.hero-copy{padding:22vh 5vw 8vh var(--pad);z-index:2}.eyebrow{font-size:10px;letter-spacing:.24em;margin:0 0 34px}.hero h1{font-family:"Gowun Batang",serif;font-weight:400;font-size:clamp(40px,4vw,76px);line-height:1.28;margin:0}.hero h1 em{font-style:normal;color:var(--clay)}.lead{font-family:"Gowun Batang",serif;font-size:17px;line-height:1.9;color:#5e5a52;margin:42px 0}.text-link{font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span{margin-left:18px}.hero-image{margin:0;height:100vh;overflow:hidden}.hero-image img{object-position:center}.hero-mark{position:absolute;left:34%;bottom:-5vw;font-family:"Gowun Batang";font-size:22vw;color:rgba(90,69,51,.055);line-height:1}
.breath{min-height:75vh;padding:12vh var(--pad);display:grid;grid-template-columns:70px 1fr 2fr;align-items:center}.section-no{font-size:11px;letter-spacing:.15em}.breath-line{height:1px;background:var(--line)}.breath-copy{padding-left:9vw}.breath-copy .ko{font-family:"Gowun Batang";font-size:clamp(28px,3.2vw,54px);line-height:1.6;margin:0}.breath-copy .en{font-family:serif;color:#777168;line-height:1.6;margin-top:30px}
.texture{min-height:100vh;display:grid;grid-template-columns:62% 38%;background:#d9d1c5}.texture-image{background-size:170%;background-position:35% 54%;min-height:100vh;filter:saturate(.75)}.texture-copy{align-self:center;padding:8vw}.texture-copy h2,.section-head h2,.exhibition h2{font-family:"Gowun Batang";font-weight:400;font-size:clamp(32px,3vw,54px);line-height:1.55}.texture-copy>p:last-child,.exhibition-copy>p{font-family:"Gowun Batang";line-height:1.9;color:#625d55}
.works{padding:18vh var(--pad)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12vh}.section-head h2{margin:0}.section-head>p{font-family:"Gowun Batang";line-height:1.8;color:#6c675f}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12vw 7vw}.work{margin:0}.work img{height:auto}.w2{margin-top:20vh}.w3{width:82%;margin-left:12%}.w4{width:72%;margin:12vh 0 0 12%}.work figcaption{display:flex;gap:28px;margin-top:14px;font-size:10px;letter-spacing:.08em}.work figcaption b{font-weight:400}.work figcaption span{color:#6d685f}
.transition{padding:5vh 0 18vh}.transition figure{margin:0 12vw;height:70vh}.transition-copy{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:60px;font-family:"Gowun Batang";font-size:14px}.transition-copy i{display:block;width:70px;height:1px;background:var(--line)}
.exhibition{min-height:90vh;display:grid;grid-template-columns:8% 38% 54%;align-items:center;background:#ded8cf;padding-left:var(--pad)}.exhibition-copy{padding:6vw}.exhibition figure{height:90vh;margin:0}.exhibition h2{margin:0 0 30px}
footer{padding:12vh var(--pad) 5vh;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;align-items:start;border-top:1px solid var(--line)}.footer-brand{display:flex;gap:18px;align-items:baseline}.footer-links{display:flex;gap:28px;font-size:12px}footer>p{font-size:11px;letter-spacing:.08em}footer small{grid-column:1/-1;margin-top:8vh;color:#777;font-size:10px}
@media(max-width:800px){.site-header{height:78px}.nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:78px}.hero-copy{padding:10vh var(--pad) 8vh}.hero-image{height:60vh}.breath{grid-template-columns:45px 1fr;padding:10vh var(--pad)}.breath-copy{grid-column:1/-1;padding:8vh 0 0}.texture{grid-template-columns:1fr}.texture-image{min-height:65vh}.texture-copy{padding:12vh var(--pad)}.section-head{display:block}.section-head>p{margin-top:30px}.work-grid{display:block}.work,.w3,.w4{width:auto;margin:0 0 12vh}.transition figure{margin:0;height:50vh}.exhibition{grid-template-columns:1fr;padding:10vh var(--pad) 0}.exhibition-copy{padding:8vh 0}.exhibition figure{height:60vh;margin:0 calc(var(--pad)*-1)}footer{grid-template-columns:1fr}}

/* v0.3 — Kim Jihee original work photography */
.real-works{padding:10vh var(--pad) 18vh;display:grid;grid-template-columns:1fr 1fr;gap:12vh 5vw}
.real-work{margin:0}.real-work img{display:block;width:100%;height:auto;object-fit:contain;background:#f7f6f2}
.real-work p{display:flex;justify-content:space-between;gap:20px;margin:14px 0 0;font-size:9px;letter-spacing:.12em;color:#777}
.real-work p span{color:#333}.rw-wide{grid-column:1/-1;width:76%;margin-left:auto}
@media(max-width:800px){.real-works{display:block;padding-top:6vh}.real-work,.rw-wide{width:100%;margin:0 0 10vh}.real-work p{display:block;line-height:1.8}}