/* BIHWA v3: 작품을 설명하지 않고 전시하는 홈페이지.
   Korean wording is primary. Motion belongs only to newly discovered language,
   not to the butterfly or the archival portrait. */
:root{--paper:#eee5d8;--paper-light:#faf4e9;--paper-dark:#e0d0b7;--ink:#342a23;--muted:#786650;--gilt:#a88b59;--serif:"Noto Serif CJK KR","Noto Serif KR","Nanum Myeongjo","Batang",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:var(--serif);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a3814b;outline-offset:5px}::selection{background:#d5c19e;color:#31261f}
.skip-link{position:fixed;left:20px;top:20px;z-index:70;padding:12px 18px;color:#251b16;background:#fff;clip-path:inset(100%);white-space:nowrap}.skip-link:focus{clip-path:none}
.masthead{position:absolute;top:0;left:0;right:0;height:94px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,86px)}
.masthead-mark{display:flex;align-items:center;gap:.48em;font-size:clamp(13px,1.03vw,16px);color:#70604a;letter-spacing:.12em;font-weight:400;text-decoration:none}.masthead-mark:hover{color:#3b2d21}
.language-toggle{border:0;color:#78674f;background:transparent;letter-spacing:.16em;font:13px Georgia,serif;padding:13px 4px;cursor:pointer}.language-toggle:hover{color:#33291f}
/* Entrance: an artwork that is present from the first instant. */
.entrance{min-height:680px;height:100svh;position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse 65% 60% at 50% 39%,#fcf8f0 0%,#f5eee3 54%,#e8dac6 100%);overflow:hidden}
.entrance::before,.name-gallery::before,.portrait-gallery::before{position:absolute;content:"";inset:0;pointer-events:none;background:url("assets/bihwa-home/paper-grain.png") repeat;mix-blend-mode:multiply;opacity:.14}
.entrance::after{content:"";position:absolute;inset:18px;border:1px solid rgba(130,106,73,.10);pointer-events:none}
.entrance-atmosphere{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(91,67,34,.045),transparent 14%,transparent 86%,rgba(91,67,34,.045))}
.entrance-composition{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:94px 25px 66px;gap:clamp(12px,1.5vw,27px);transform:translateY(-1.3vh)}
.butterfly{margin:0;width:clamp(330px,43vw,520px);aspect-ratio:1;display:grid;place-items:center}.butterfly img{width:100%;height:100%;object-fit:contain;display:block}
.entrance h1{margin:0;text-align:center;font-size:clamp(24px,2.45vw,37px);font-weight:400;letter-spacing:-.06em;line-height:1.9;text-wrap:balance}
.entrance-base{position:absolute;bottom:43px;left:50%;width:1px;height:44px;background:linear-gradient(to bottom,transparent,rgba(153,130,94,.52));pointer-events:none}
/* The dark gallery is an interior, not a slideshow. */
.experience{position:relative;isolation:isolate;min-height:620px;height:82svh;background:#312923;display:grid;place-items:center;overflow:hidden;color:#efe3cd}
.experience::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 63% 75% at 50% 44%,rgba(137,102,68,.36),transparent 72%),linear-gradient(100deg,rgba(20,16,13,.40),transparent 50%,rgba(13,9,7,.40)),linear-gradient(#312923,#2b231e);z-index:-2}
.experience::after{content:"";position:absolute;inset:0;background:url('assets/bihwa-home/paper-grain.png') repeat;opacity:.07;mix-blend-mode:screen;pointer-events:none;z-index:-1}
.experience-illumination{position:absolute;top:0;width:min(70vw,850px);height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(190,152,99,.13),transparent 70%);filter:blur(35px);pointer-events:none}
.experience-text{position:relative;width:100%;text-align:center;padding:100px 22px}.experience h2{font-weight:400;margin:0;font-size:clamp(35px,4.3vw,67px);line-height:1.92;letter-spacing:-.075em;text-shadow:0 0 46px rgba(245,215,166,.08)}
/* Names in a finely printed folio, not a set of product explanation cards. */
.name-gallery{position:relative;isolation:isolate;padding:clamp(120px,16vw,225px) 25px clamp(150px,18vw,245px);overflow:hidden;background:radial-gradient(ellipse 72% 65% at 49% 45%,#fbf6ed 0%,#f3e9da 62%,#e7dac7 100%)}
.name-gallery-inner{position:relative;max-width:980px;margin:auto;display:flex;flex-direction:column;gap:0}
.name-work{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;text-align:center}
.name-form{font-size:clamp(86px,9.5vw,135px);font-weight:400;line-height:1.15;letter-spacing:.08em;color:#95764b;text-shadow:0 1px 0 #fff9ef}
.name-work p{font-size:clamp(20px,2vw,29px);letter-spacing:-.065em;line-height:1.85;margin:0;color:#433429;font-weight:400}
.name-pause{height:clamp(92px,13vw,167px);display:grid;place-items:center}
.name-work--radiance::before{content:"";position:absolute;width:min(74vw,560px);height:320px;border-radius:100%;background:radial-gradient(ellipse,rgba(185,137,59,.17) 0%,rgba(210,175,114,.055) 42%,transparent 69%);filter:blur(32px);opacity:0;transform:scale(.7);pointer-events:none;z-index:-1}
/* With JS: very subtle entrance of the language only, each once. */
html.motion-ready [data-reveal]{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity 1000ms ease,transform 1150ms cubic-bezier(.2,.7,.2,1),filter 1050ms ease}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
html.motion-ready [data-reveal="discover"]{transform:translateY(13px);filter:blur(9px);transition-duration:1150ms,1250ms,1150ms}
html.motion-ready [data-reveal="radiance"]{transform:translateY(17px);transition-duration:1100ms,1200ms,1100ms}
html.motion-ready .name-work--radiance.is-visible::before{animation:resonate 1700ms ease-out 250ms forwards}
@keyframes resonate{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
/* One actual person; no fictional biography or specimen tiles. */
.portrait-gallery{position:relative;isolation:isolate;min-height:1060px;padding:clamp(105px,11vw,170px) 25px clamp(130px,15vw,200px);display:grid;place-items:center;background:radial-gradient(ellipse 78% 65% at 50% 27%,#f1e5d2 0%,#e7d7bd 60%,#d8c3a6 100%);overflow:hidden}
.portrait-light{position:absolute;inset:-25% -25% auto;transform:rotate(-13deg);height:78%;background:linear-gradient(90deg,transparent 22%,rgba(255,253,240,.17) 42%,rgba(255,252,241,.47) 49%,rgba(255,252,241,.12) 64%,transparent 78%);pointer-events:none;filter:blur(50px);opacity:.75}
.exhibited-work{position:relative;margin:0;width:min(100%,720px);display:flex;flex-direction:column;align-items:center;gap:45px}
.frame-button{padding:0;border:0;background:transparent;display:block;width:min(100%,508px);cursor:pointer;filter:drop-shadow(18px 25px 19px rgba(67,48,31,.22)) drop-shadow(2px 5px 4px rgba(53,37,21,.15));transition:filter .25s ease}
.frame-button:focus-visible{outline:2px solid #8c7454;outline-offset:12px}
.frame-button:hover{filter:drop-shadow(20px 28px 22px rgba(67,48,31,.25)) drop-shadow(2px 5px 4px rgba(53,37,21,.17))}
.picture-frame{display:block;padding:12px;background:linear-gradient(125deg,#6a5140 0%,#30231c 24%,#84674c 46%,#2b211b 77%,#574232 100%);border:1px solid #443322;box-shadow:inset 2px 2px 0 #a48660,inset -3px -3px 0 #201713,0 0 0 1px #85674c}
.picture-gold{display:block;padding:4px;background:linear-gradient(145deg,#e5d2aa,#836038 33%,#d7b988 54%,#745334 84%,#ceae7b);box-shadow:inset 1px 1px 1px #f5e1bb,inset -1px -1px 2px #493220}
.picture-depth{display:block;background:#30251e;padding:9px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.6)}
.picture-mat{display:block;padding:19px;background:#efe3d0;box-shadow:inset 0 0 0 1px #bba789,inset 0 0 0 3px #f8f0e1}
.picture-mat img{width:100%;height:auto;display:block;aspect-ratio:874/1080;object-fit:cover;box-shadow:0 0 0 1px #79644f}
.exhibited-work figcaption{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.exhibited-work h2{font-size:clamp(24px,2.5vw,34px);letter-spacing:-.04em;font-weight:400;margin:0}
.exhibited-work figcaption p{font-size:12px;color:#867057;letter-spacing:.14em;margin:0}
.colophon{min-height:180px;display:grid;place-items:center;background:#eee5d8;border-top:1px solid rgba(114,88,53,.15);color:#7d6b55;font-size:13px;letter-spacing:.10em;position:relative}
.colophon a{position:relative;z-index:1;color:inherit;text-decoration:none;font-family:var(--serif);letter-spacing:.08em;padding:12px 17px;transition:color .2s ease;display:inline-flex;align-items:center;gap:.65em}
.colophon a:hover{color:#493729}
.colophon::after{content:"";inset:0;position:absolute;background:url('assets/bihwa-home/paper-grain.png') repeat;opacity:.08;pointer-events:none}
html[lang=en] .entrance h1,html[lang=en] .experience h2,html[lang=en] .name-work p,html[lang=en] .exhibited-work h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
html[lang=en] .entrance h1{font-size:clamp(26px,2.85vw,44px)}html[lang=en] .experience h2{font-size:clamp(38px,4.75vw,75px);line-height:1.65}html[lang=en] .name-work p{font-size:clamp(21px,2.1vw,31px)}
@media(max-width:760px){
 .masthead{height:78px;padding:0 24px}.entrance{min-height:650px}.entrance::after{inset:12px}.entrance-composition{padding:85px 16px 72px;transform:translateY(-1vh);gap:12px}.butterfly{width:min(90vw,470px)}.entrance h1{font-size:clamp(22px,5.2vw,30px);white-space:nowrap;letter-spacing:-.08em}.entrance-base{height:34px;bottom:30px}
 .experience{min-height:570px;height:81svh}.experience h2{font-size:clamp(31px,7.1vw,47px);line-height:2.05}
 .name-gallery{padding:112px 17px 141px}.name-work{min-height:250px;gap:20px}.name-form{font-size:clamp(76px,17vw,112px)}.name-work p{font-size:clamp(19px,4.8vw,24px);letter-spacing:-.06em}.name-pause{height:97px}
 .portrait-gallery{min-height:840px;padding:110px 30px 125px}.frame-button{width:min(100%,445px)}.picture-frame{padding:9px}.picture-gold{padding:3px}.picture-depth{padding:6px}.picture-mat{padding:13px}.exhibited-work{gap:37px}.colophon{min-height:155px}
}
@media(max-width:420px){.entrance{min-height:590px}.entrance-composition{gap:0}.butterfly{width:min(97vw,407px)}.entrance h1{font-size:clamp(19px,5.12vw,23px)}.experience{min-height:510px;height:74svh}.experience h2{font-size:clamp(31px,7.6vw,37px)}.name-gallery{padding:100px 15px 130px}.name-work{min-height:237px}.name-work p{font-size:20px}.portrait-gallery{min-height:720px;padding:100px 28px 110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.motion-ready [data-reveal]{opacity:1;filter:none;transform:none;transition:none}.name-work--radiance::before,html.motion-ready .name-work--radiance.is-visible::before{animation:none;opacity:.75;transform:scale(1)}.frame-button{transition:none}}


/* BIHWA v3.3: approved A/B typography pairing. No generated font or gold-letter raster. */
.entrance h1 { color:#372c23; font-size:clamp(24px,2.42vw,36px); letter-spacing:-.072em; text-shadow:none; }
.experience h2 { color:#d8c4a7; font-size:clamp(36px,4.25vw,65px); line-height:1.96; letter-spacing:-.08em;
  text-shadow:-1px -1px 0 rgba(255,241,214,.09),1px 1px 0 rgba(0,0,0,.36),0 0 38px rgba(227,191,130,.10); }
@media(max-width:760px) {
  .entrance h1 {font-size:clamp(22px,5.2vw,30px);letter-spacing:-.08em;}
  .experience h2 {font-size:clamp(31px,7.1vw,47px);line-height:2.05;}
}
@media(max-width:420px) {
  .entrance h1 {font-size:clamp(19px,5.12vw,23px);}
  .experience h2 {font-size:clamp(31px,7.6vw,37px);}
}