:root{--bg: #111210;--bg-2: #080a09;--ink: #f0eadf;--ink-dim: #b8ac9c;--ink-faint: #7d756b;--hair: rgba(240, 234, 223, .14);--surface: rgba(240, 234, 223, .045);--copper: #d0a05a;--mineral: #86aaa0;--serif: "Cormorant Garamond", Georgia, serif;--mono: "Space Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif;--gutter: clamp(1.25rem, 5vw, 5rem);--topbar-h: 4.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;cursor:default}a,button{touch-action:manipulation}body.lang-ko{--serif: "Noto Serif KR", serif;--sans: "Noto Sans KR", system-ui, sans-serif;word-break:keep-all}::selection{background:var(--copper);color:var(--bg-2)}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block;opacity:.68}body.no-webgl #field,body[data-view=photo] #field{display:none}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;animation:grain .6s steps(2) infinite}.grain svg{width:100%;height:100%}@keyframes grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(134,170,160,.05),transparent 28%,transparent 72%,rgba(208,160,90,.05)),radial-gradient(120% 120% at 50% 40%,transparent 45%,rgba(0,0,0,.58) 100%)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 var(--gutter);background:linear-gradient(to bottom,rgba(22,18,14,.85),transparent)}.topbar__brand{font-family:var(--serif);font-size:1.15rem;letter-spacing:0;color:var(--ink);text-decoration:none;white-space:nowrap;transition:opacity .5s ease}body[data-view=home] .topbar__brand{opacity:0;pointer-events:none}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:18px;height:1px;margin:4px auto;background:currentColor;transition:transform .18s ease,opacity .18s ease}.topbar.is-menu-open .menu-toggle span:nth-child(1){transform:translateY(5px) rotate(45deg)}.topbar.is-menu-open .menu-toggle span:nth-child(2){opacity:0}.topbar.is-menu-open .menu-toggle span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.menu{display:flex;gap:clamp(.75rem,2vw,1.8rem);flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:.64rem;letter-spacing:0;text-transform:uppercase}.menu a{color:var(--ink-faint);text-decoration:none;transition:color .3s ease;padding-bottom:2px;border-bottom:1px solid transparent}.menu a:hover{color:var(--ink-dim)}.menu a.is-active{color:var(--ink);border-bottom-color:var(--copper)}.chrome__lang{display:inline-flex;gap:.5rem;font-family:var(--mono);font-size:.62rem;letter-spacing:0}.chrome__lang button{background:none;border:0;padding:0;cursor:pointer;font:inherit;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint);transition:color .3s ease}.chrome__lang button[aria-pressed=true]{color:var(--ink)}.chrome__lang button:hover{color:var(--ink-dim)}.chrome__lang span{color:var(--ink-faint)}@media(max-width:640px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) 44px auto;height:auto;gap:.35rem;padding-top:.65rem;padding-bottom:.65rem;background:linear-gradient(to bottom,rgba(22,18,14,.96),rgba(22,18,14,.76) 72%,transparent)}.topbar.is-menu-open{background:#12100d;border-bottom:1px solid var(--hair)}.topbar__brand{display:flex;align-items:center;min-width:0;min-height:44px}.menu-toggle{display:block}.menu{display:none;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding-top:.55rem;gap:0;font-size:.72rem}.topbar.is-menu-open .menu{display:grid}.menu a{display:flex;align-items:center;min-height:48px;padding:.65rem .75rem;border-bottom:1px solid var(--hair)}.menu a:last-child{border-bottom-color:transparent}.menu a.is-active{background:#ece5d60a}.chrome__lang{align-items:center;margin-left:0}.chrome__lang button{min-width:40px;min-height:44px}}#views{position:relative;z-index:3}.view{display:none;min-height:100vh;max-width:1100px;margin:0 auto;padding:calc(var(--topbar-h) + clamp(2rem,8vh,6rem)) var(--gutter) clamp(4rem,10vh,8rem)}.view.is-active{display:block;animation:viewIn .7s cubic-bezier(.2,.8,.2,1) both}@keyframes viewIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.view__tag{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint);margin-bottom:clamp(2rem,6vh,4rem)}#view-home{display:none;max-width:1280px;padding-top:var(--topbar-h);padding-bottom:0}#view-home.is-active{display:flex}.home{min-height:calc(100vh - var(--topbar-h));display:flex;justify-content:center;align-items:center;width:100%}.home__intro{width:100%;min-width:0;text-align:center}.home__eyebrow{font-family:var(--mono);font-size:.64rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.8rem}.home__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(4rem,12vw,10rem);line-height:.9;letter-spacing:0;color:var(--ink)}.home__title .line{display:block}.home__title .line--indent{padding-left:.44em;font-style:italic;color:var(--ink-dim)}.home__sub{margin-top:2rem;font-family:var(--mono);font-size:.66rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint)}.home__summary{align-self:center;border-left:1px solid var(--hair);padding-left:clamp(1.5rem,3vw,2.5rem);min-width:0}.home__lede{max-width:34rem;color:var(--ink);font-size:1.06rem;line-height:1.65;overflow-wrap:break-word}.home__roles{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}.home__roles span{border:1px solid var(--hair);background:var(--surface);color:var(--ink-dim);padding:.42rem .58rem}.home__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem;font-family:var(--mono);font-size:.68rem;text-transform:uppercase}.home__actions a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair);padding-bottom:.35rem;transition:color .3s ease,border-color .3s ease}.home__actions a:hover{color:var(--copper);border-color:var(--copper)}.home__featured{margin-top:clamp(2.5rem,6vh,4rem);border-top:1px solid var(--hair)}.home__featured-tag{margin:1.1rem 0 .4rem;font-family:var(--mono);font-size:.6rem;color:var(--mineral);text-transform:uppercase}.home__featured a{display:grid;gap:.24rem;padding:.85rem 0;border-bottom:1px solid var(--hair);color:var(--ink);text-decoration:none;transition:color .3s ease,padding-left .3s ease}.home__featured a:hover{color:var(--copper);padding-left:.35rem}.home__featured small{color:var(--ink-dim);font-size:.82rem;line-height:1.45;overflow-wrap:break-word}.web-projects{border-top:1px solid var(--hair)}.web-project{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(17rem,.82fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:clamp(2.5rem,7vh,4.5rem) 0;border-bottom:1px solid var(--hair)}.web-project:nth-child(2n){grid-template-columns:minmax(17rem,.82fr) minmax(0,1.18fr)}.web-project:nth-child(2n) .web-project__media{order:2}.web-project__media{display:block;overflow:hidden;border:1px solid var(--hair);background:#e9e8e4}.web-project__media img{display:block;width:100%;height:auto;transition:transform .5s ease}a.web-project__media:hover img{transform:scale(1.012)}.web-project__body{display:grid;gap:.9rem;align-content:center}.web-project__type,.web-project__facts dt,.web-project__status{font-family:var(--mono);font-size:.56rem;line-height:1.5;text-transform:uppercase}.web-project__type{color:var(--mineral)}.web-project__body h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1;color:var(--ink)}.web-project__desc{max-width:52ch;font-size:.9rem;line-height:1.7;color:var(--ink-dim)}.web-project__facts{display:grid;margin-top:.5rem;border-top:1px solid var(--hair)}.web-project__facts div{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--hair)}.web-project__facts dt{color:var(--ink-faint)}.web-project__facts dd{font-size:.78rem;line-height:1.55;color:var(--ink)}.web-project__status{width:fit-content;margin-top:.35rem;color:var(--ink-faint);text-decoration:none;transition:color .3s ease}a.web-project__status:hover{color:var(--copper)}.listen{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:1.6rem;font-family:var(--mono);font-size:.66rem;letter-spacing:0;text-transform:uppercase}.listen a{color:var(--ink-dim);text-decoration:none;transition:color .3s ease}.listen a:hover{color:var(--ink)}.subhead{font-family:var(--mono);font-size:.64rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint);margin-top:clamp(3rem,8vh,5rem)}.subhead--first{margin-top:0}.discipline__note{margin-top:1rem;font-size:.9rem;line-height:1.5;color:var(--ink-dim);max-width:48ch}.reflist{list-style:none;margin-top:1.4rem;border-top:1px solid var(--hair)}.reflist li{display:grid;grid-template-columns:12rem 1fr;gap:.4rem 1.5rem;padding:.85rem 0;border-bottom:1px solid var(--hair);align-items:baseline}@media(max-width:640px){.reflist li{grid-template-columns:1fr;gap:.2rem}}.reflist__k{font-family:var(--serif);font-size:1.1rem;color:var(--ink)}.reflist__v{font-size:.85rem;line-height:1.55;color:var(--ink-dim)}.release-list{list-style:none;margin-top:1.4rem;border-top:1px solid var(--hair)}.release-list li{border-bottom:1px solid var(--hair)}.release{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:1.15rem;align-items:center;min-width:0;padding:.8rem 0;color:inherit;text-decoration:none;transition:padding-left .35s ease,color .35s ease}.release:hover{padding-left:.45rem}.release__cover{display:block;width:5rem;height:5rem;object-fit:cover;background:#ece5d608}.release__body{display:grid;gap:.16rem;min-width:0}.release__artist{font-family:var(--mono);font-size:.56rem;line-height:1.3;color:var(--mineral);text-transform:uppercase}.release__title{min-width:0;overflow-wrap:anywhere;font-family:var(--serif);font-weight:400;font-size:1.42rem;line-height:1.08;color:var(--ink);transition:color .3s ease}.release:hover .release__title{color:var(--copper)}.release__roles{margin-top:.22rem;overflow-wrap:anywhere;font-family:var(--mono);font-size:.56rem;line-height:1.45;color:var(--ink-faint);text-transform:uppercase}.release__meta,.release__index{font-family:var(--mono);font-size:.56rem;color:var(--ink-faint);text-transform:uppercase;white-space:nowrap}.release__index{align-self:start;padding-top:.15rem}.release-list--credits{margin-top:1.4rem}.release-list--credits .release__cover{width:4.5rem;height:4.5rem}.release-list--credits .release{grid-template-columns:4.5rem minmax(0,1fr) auto}.visual-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem);margin-top:1.4rem}.visual-work{display:grid;align-content:start;min-width:0;color:inherit;text-decoration:none}.visual-work__frame{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--hair);background:#ece5d608}.visual-work__frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.visual-work:hover .visual-work__frame img{transform:scale(1.02);filter:contrast(1.05)}.visual-work__placeholder{display:grid;place-items:center;background:#ece5d60b}.visual-work__placeholder span{font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);color:var(--ink-faint)}.visual-work__body{display:grid;gap:.25rem;padding-top:.75rem}.visual-work__type,.visual-work__role{font-family:var(--mono);font-size:.56rem;line-height:1.45;color:var(--ink-faint);text-transform:uppercase}.visual-work__type{color:var(--mineral)}.visual-work__title{font-family:var(--serif);font-size:1.35rem;font-weight:400;line-height:1.1;color:var(--ink);transition:color .3s ease}.visual-work:hover .visual-work__title{color:var(--copper)}.design-project__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2.5rem,8vw,7rem);align-items:end;padding-bottom:clamp(3rem,8vh,5rem);border-bottom:1px solid var(--hair)}.design-project__type,.design-project__role,.design-project__summary a,.design-project__poster figcaption{font-family:var(--mono);font-size:.58rem;line-height:1.5;text-transform:uppercase}.design-project__type{color:var(--mineral)}.design-project__title{margin-top:.75rem;font-family:var(--serif);font-size:clamp(3rem,7vw,5.6rem);font-weight:400;line-height:.9;color:var(--ink)}.design-project__summary{display:grid;gap:1rem}.design-project__summary p{max-width:46ch;font-size:.92rem;line-height:1.65;color:var(--ink-dim)}.design-project__summary .design-project__role{color:var(--ink)}.design-project__summary a{width:fit-content;margin-top:.5rem;color:var(--ink-faint);text-decoration:none;transition:color .3s ease}.design-project__summary a:hover{color:var(--copper)}.design-project__gallery{display:grid;grid-template-columns:minmax(15rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,5vw,4rem);align-items:start;margin-top:clamp(3rem,8vh,5rem)}.design-project__poster img,.design-output>img,.photobooth-grid img{display:block;width:100%;border:1px solid var(--hair)}.design-project__poster img{height:auto}.design-project__poster figcaption{margin-top:.7rem;color:var(--ink-faint)}.catalogue-feature{min-width:0}.design-output__heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.2rem}.design-output__heading h3{font-family:var(--serif);font-size:1.55rem;font-weight:400;line-height:1.1;color:var(--ink)}.design-output__heading p{max-width:54ch;margin-top:.45rem;font-size:.82rem;line-height:1.55;color:var(--ink-dim)}.design-output__heading a{flex:0 0 auto;font-family:var(--mono);font-size:.56rem;color:var(--ink-faint);text-decoration:none;text-transform:uppercase;transition:color .3s ease}.design-output__heading a:hover{color:var(--copper)}.book-mockup{position:relative;min-height:clamp(25rem,46vw,34rem);overflow:hidden;border:1px solid var(--hair);background:#f0eadf09;perspective:1100px;isolation:isolate}.book-mockup:after{content:"";position:absolute;left:8%;right:6%;bottom:5%;height:8%;z-index:-1;background:#00000052;filter:blur(18px)}.book-mockup__cover{position:absolute;left:5%;bottom:9%;width:34%;z-index:2;transform:rotate(-5deg) rotateY(12deg);transform-origin:center bottom;box-shadow:.65rem 1rem 1.8rem #0000006b}.book-mockup__cover:after{content:"";position:absolute;top:.35rem;right:-.38rem;bottom:-.22rem;width:.42rem;z-index:-1;background:#d2cbb7;transform:skewY(35deg)}.book-mockup__cover img,.book-mockup__page img{display:block;width:100%;height:auto}.book-mockup__spread{position:absolute;right:4%;bottom:11%;width:62%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));z-index:1;transform:rotate(3deg) rotateX(5deg);transform-origin:center bottom;box-shadow:.7rem 1rem 2rem #00000061}.book-mockup__spread:after{content:"";position:absolute;left:.3rem;right:.3rem;bottom:-.45rem;height:.5rem;z-index:-1;background:#cbc5b3;transform:skew(-30deg)}.book-mockup__page{position:relative;display:block;border:1px solid rgba(0,0,0,.2);background:#f5df22}.book-mockup__page--left{transform:perspective(700px) rotateY(5deg);transform-origin:right center}.book-mockup__page--right{transform:perspective(700px) rotateY(-5deg);transform-origin:left center}.book-mockup__page--left:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:#00000047}.design-output{margin-top:clamp(4rem,10vh,7rem);padding-top:clamp(2rem,5vh,3rem);border-top:1px solid var(--hair)}.design-output--banner>img{height:auto;background:#f5dd27}.photobooth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.3vw,.85rem)}.photobooth-grid img{height:auto;background:var(--surface)}.photo-profiles{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem}.photo-profile{display:flex;width:fit-content;font-family:var(--mono);font-size:.62rem;color:var(--ink-dim);text-decoration:none;text-transform:uppercase;transition:color .3s ease}.photo-profile:hover{color:var(--copper)}.photo-intro{max-width:56ch;margin:1rem 0 clamp(3.5rem,8vh,6rem);font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.45;color:var(--ink-dim)}.photo-series{padding:0 0 clamp(.5rem,1.5vw,1rem)}.photo-series__header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem 2rem;align-items:end;margin-bottom:1.2rem}.photo-series__header>div{display:flex;gap:.8rem;align-items:baseline;min-width:0}.photo-series__index,.photo-series__header p,.photo-series__header a{font-family:var(--mono);font-size:.56rem;line-height:1.5;text-transform:uppercase}.photo-series__index{color:var(--mineral)}.photo-series__header h2{min-width:0;font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;line-height:1;color:var(--ink)}.photo-series__header p{color:var(--ink-faint)}.photo-series__header a{color:var(--ink-dim);text-decoration:none;transition:color .3s ease}.photo-series__header a:hover{color:var(--copper)}.photo-series__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.5rem,1.5vw,1rem)}.photo-series__grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))}.photo{display:block;background:#ece5d608;border:1px solid var(--hair);overflow:hidden;cursor:zoom-in;transition:background .4s ease,border-color .4s ease}.photo--feature{grid-column:1 / -1}.photo img{width:100%;height:auto;display:block;transition:transform .5s ease}.photo:hover{background:#ece5d60f;border-color:#ece5d638}.photo:hover img{transform:scale(1.015)}.photo:focus-visible{outline:1px solid var(--mineral);outline-offset:4px}body.lightbox-open{overflow:hidden}.photo-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#080908;color:var(--ink);overflow:hidden}.photo-lightbox:not([open]){display:none}.photo-lightbox::backdrop{background:#000000eb}.photo-lightbox__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;padding:clamp(1rem,2.5vw,2rem);background:radial-gradient(circle at 50% 42%,rgba(240,234,223,.045),transparent 42%),#080908}.photo-lightbox__header,.photo-lightbox__footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.photo-lightbox__header{padding-bottom:clamp(.9rem,2vh,1.4rem);border-bottom:1px solid rgba(240,234,223,.14)}.photo-lightbox__heading{min-width:0}.photo-lightbox__heading p,.photo-lightbox__details,.photo-lightbox__hint,.photo-lightbox__footer a,.photo-lightbox__action{font-family:var(--mono);font-size:.56rem;line-height:1.5;text-transform:uppercase}.photo-lightbox__heading p{margin-bottom:.35rem;color:var(--mineral)}.photo-lightbox__heading h2{overflow:hidden;font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:400;line-height:1.1;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.photo-lightbox__actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}.photo-lightbox__action,.photo-lightbox__close,.photo-lightbox__nav{border:1px solid rgba(240,234,223,.18);background:#f0eadf09;color:var(--ink-dim);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.photo-lightbox__action:hover,.photo-lightbox__close:hover,.photo-lightbox__nav:hover{border-color:#f0eadf66;background:#f0eadf14;color:var(--ink)}.photo-lightbox__action:focus-visible,.photo-lightbox__close:focus-visible,.photo-lightbox__nav:focus-visible,.photo-lightbox__footer a:focus-visible{outline:1px solid var(--mineral);outline-offset:3px}.photo-lightbox__action{min-height:40px;padding:.6rem .9rem}.photo-lightbox__close{display:grid;place-items:center;width:40px;height:40px;font-family:var(--sans);font-size:1.5rem;line-height:1}.photo-lightbox__stage{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:clamp(.7rem,2vw,1.5rem);min-height:0;padding:clamp(1rem,2vh,1.6rem) 0}.photo-lightbox__media{display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;cursor:zoom-in}.photo-lightbox__media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:1;transition:opacity .16s ease,transform .22s ease}.photo-lightbox.is-loading .photo-lightbox__media img{opacity:0}.photo-lightbox.is-zoomed .photo-lightbox__media{display:block;overflow:auto;cursor:zoom-out}.photo-lightbox.is-zoomed .photo-lightbox__media img{max-width:none;max-height:none;margin:auto;object-fit:none}.photo-lightbox__nav{align-self:center;width:52px;height:52px;font-family:var(--mono);font-size:1rem}.photo-lightbox__footer{min-height:3.4rem;padding-top:clamp(.9rem,2vh,1.4rem);border-top:1px solid rgba(240,234,223,.14)}.photo-lightbox__details{display:flex;gap:.8rem 1.2rem;color:var(--ink-dim)}.photo-lightbox__details p:first-child{color:var(--mineral)}.photo-lightbox__hint{color:var(--ink-faint)}.photo-lightbox__footer a{color:var(--ink-dim);text-decoration:none;transition:color .18s ease}.photo-lightbox__footer a:hover{color:var(--ink)}.about__profile{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);gap:clamp(3rem,8vw,7rem);align-items:start}.about__intro{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1.32;color:var(--ink);max-width:24ch}.about__facts{display:grid;gap:1.8rem;max-width:60ch}.writing-index__intro{max-width:54rem;margin-bottom:clamp(3.5rem,9vh,6.5rem)}.writing-index__eyebrow{margin-bottom:1.3rem;font-family:var(--mono);font-size:.58rem;color:var(--mineral);text-transform:uppercase}.writing-index__intro h1{max-width:16ch;font-family:var(--serif);font-size:clamp(2.8rem,7vw,5.8rem);font-weight:400;line-height:.98;color:var(--ink)}.writing-index__intro>p:last-child{max-width:58ch;margin-top:1.6rem;font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.75;color:var(--ink-dim);word-break:keep-all}.writing-feature{display:block;padding:clamp(2rem,5vw,3.75rem);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:radial-gradient(circle at 82% 18%,rgba(173,130,96,.1),transparent 34%),#ece5d606;color:inherit;text-decoration:none;transition:background .3s ease,border-color .3s ease}.writing-feature:hover{border-color:#ece5d63d;background:radial-gradient(circle at 82% 18%,rgba(173,130,96,.16),transparent 38%),#ece5d60b}.writing-feature__meta,.writing-item__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-family:var(--mono);font-size:.56rem;line-height:1.5;color:var(--mineral);text-transform:uppercase}.writing-feature h2{max-width:21ch;margin-top:clamp(1.6rem,4vw,2.8rem);font-family:var(--serif);font-size:clamp(2rem,4.8vw,3.8rem);font-weight:400;line-height:1.04;color:var(--ink)}.writing-feature p{max-width:64ch;margin-top:1.4rem;font-size:.94rem;line-height:1.75;color:var(--ink-dim);word-break:keep-all}.writing-feature__cta,.writing-item__link>span{display:inline-block;margin-top:1.7rem;font-family:var(--mono);font-size:.56rem;color:var(--mineral);text-transform:uppercase;transition:color .18s ease,transform .18s ease}.writing-feature:hover .writing-feature__cta,.writing-feature:focus-visible .writing-feature__cta,.writing-item__link:hover>span,.writing-item__link:focus-visible>span{color:var(--ink);transform:translate(.2rem)}.writing-archive{margin-top:clamp(5rem,11vh,8rem)}.writing-archive__heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.writing-archive__heading h2{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:400;color:var(--ink)}.writing-archive__heading span{font-family:var(--mono);font-size:.56rem;color:var(--ink-faint)}.writing-list{margin-top:1.4rem;border-top:1px solid var(--hair)}.writing-item{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1.5rem;padding:clamp(1.8rem,4vw,2.7rem) 0;border-bottom:1px solid var(--hair)}.writing-item__index{padding-top:.2rem;font-family:var(--mono);font-size:.56rem;color:var(--mineral)}.writing-item h3{max-width:28ch;margin-top:.9rem;font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.08;color:var(--ink)}.writing-item p{max-width:66ch;margin-top:.85rem;font-size:.9rem;line-height:1.72;color:var(--ink-dim);word-break:keep-all}.writing-item__link{display:block;color:inherit;text-decoration:none}.writing-article{max-width:58rem;margin-inline:auto}.writing-article__back{display:inline-block;margin-bottom:clamp(3rem,7vw,5rem);font-family:var(--mono);font-size:.62rem;color:var(--mineral);text-decoration:none}.writing-article__header{max-width:53rem;padding-bottom:clamp(2.5rem,6vw,4.5rem);border-bottom:1px solid var(--hair)}.writing-article__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0 0 1.4rem;font-family:var(--mono);font-size:.6rem;color:var(--mineral);text-transform:uppercase}.writing-article__header h1{max-width:19ch;font-family:var(--serif);font-size:clamp(2.65rem,6vw,5rem);font-weight:400;line-height:.99;color:var(--ink)}.writing-article__dek{max-width:62ch;margin-top:1.7rem;font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.72;color:var(--ink-dim);word-break:keep-all}.writing-article__body{max-width:39rem;margin:clamp(3.5rem,8vw,6rem) auto 0}.writing-article__body p{margin-top:1.7rem;font-family:var(--serif);font-size:clamp(1.08rem,1.55vw,1.18rem);line-height:2.02;color:var(--ink);word-break:keep-all}.writing-article__body p:first-child{margin-top:0;font-size:clamp(1.2rem,1.9vw,1.34rem);line-height:1.9}.writing-article__body h2{margin:4.8rem 0 1.6rem;padding-top:1.2rem;border-top:1px solid var(--hair);font-family:var(--mono);font-size:.66rem;font-weight:400;color:var(--mineral)}.writing-article__footer{max-width:39rem;margin:clamp(5rem,11vw,8rem) auto 0;padding-top:1.5rem;border-top:1px solid var(--hair)}.writing-article__footer a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:inherit;text-decoration:none}.writing-article__footer span{font-family:var(--mono);font-size:.58rem;color:var(--mineral)}.writing-article__footer strong{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--ink)}.fact{display:grid;gap:.4rem}.fact__k{font-family:var(--mono);font-size:.6rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint)}.fact__v{font-size:.95rem;line-height:1.5;color:var(--ink)}#view-contact.is-active{display:flex;flex-direction:column;justify-content:center}.contact__mail{font-family:var(--serif);font-size:4.8rem;color:var(--ink);text-decoration:none;line-height:1;letter-spacing:0;transition:color .4s ease;margin-top:1rem}.contact__mail:hover{color:var(--copper)}.contact__links{display:flex;gap:2rem;margin-top:2.5rem;font-family:var(--mono);font-size:.66rem;letter-spacing:0;text-transform:uppercase}.contact__links a{color:var(--ink-dim);text-decoration:none;transition:color .3s ease}.contact__links a:hover{color:var(--ink)}.contact__foot{margin-top:4rem;font-family:var(--mono);font-size:.6rem;letter-spacing:0;text-transform:uppercase;color:var(--ink-faint)}@media(max-width:900px){.home{grid-template-columns:1fr;gap:2.6rem;align-content:center}.home__title{font-size:5.8rem}.home__summary{border-left:0;border-top:1px solid var(--hair);padding:1.4rem 0 0}.about__profile{grid-template-columns:1fr;gap:3rem}.about__intro{max-width:30ch}.contact__mail{font-size:3.2rem}.web-project,.web-project:nth-child(2n){grid-template-columns:1fr;gap:2rem}.web-project:nth-child(2n) .web-project__media{order:0}.design-project__header{grid-template-columns:1fr;gap:2rem}.design-project__gallery{grid-template-columns:minmax(12rem,.75fr) minmax(0,1.25fr);gap:2.5rem}}@media(max-width:640px){.view{padding-top:calc(var(--topbar-h) + 4rem)}#view-home{padding-top:7.5rem}.home{min-height:calc(100vh - 7.5rem);justify-content:center}.home__title{font-size:4.15rem;line-height:.9}.home__title .line--indent{padding-left:.25em}.home__lede{font-size:.98rem;line-height:1.55}.home__featured{margin-top:2rem}.web-project{padding:2.5rem 0}.web-project__body h2{font-size:2.35rem}.release{grid-template-columns:4.25rem minmax(0,1fr);gap:.85rem}.release__cover,.release-list--credits .release__cover{width:4.25rem;height:4.25rem}.release-list--credits .release{grid-template-columns:4.25rem minmax(0,1fr)}.release__meta,.release__index{grid-column:2;white-space:normal}.release__index{display:none}.visual-list{grid-template-columns:1fr;gap:2rem}.design-project__title{font-size:3rem}.design-project__gallery{grid-template-columns:1fr;gap:3rem}.design-project__poster{max-width:75vw}.book-mockup{min-height:21rem}.book-mockup__cover{left:2%;width:44%}.book-mockup__spread{right:2%;width:82%}.design-output__heading{align-items:start;flex-direction:column;gap:.8rem}.photobooth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-series__header{grid-template-columns:1fr;align-items:start;gap:.6rem}.photo-series__header>div{align-items:flex-start}.photo-series__grid,.photo-series__grid--archive{grid-template-columns:1fr}.photo--feature{grid-column:auto}.photo-lightbox__shell{padding:.85rem}.photo-lightbox__header{gap:.7rem}.photo-lightbox__heading h2{max-width:58vw;font-size:1.25rem}.photo-lightbox__action{width:44px;padding-inline:0;overflow:hidden;color:transparent;font-size:0}.photo-lightbox__action:after{content:"1:1";color:var(--ink-dim);font-family:var(--mono);font-size:.56rem}.photo-lightbox.is-zoomed .photo-lightbox__action:after{content:"FIT"}body.lang-ko .photo-lightbox.is-zoomed .photo-lightbox__action:after{content:"맞춤"}.photo-lightbox__stage{display:block;padding:.8rem 0}.photo-lightbox__media{width:100%;height:100%}.photo-lightbox__nav{position:absolute;z-index:2;top:50%;width:44px;height:52px;transform:translateY(-50%);background:#080908a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-lightbox__nav--prev{left:.35rem}.photo-lightbox__nav--next{right:.35rem}.photo-lightbox__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem 1rem;align-items:end;padding-bottom:env(safe-area-inset-bottom)}.photo-lightbox__details{display:grid;gap:.2rem}.photo-lightbox__hint{display:none}.photo-lightbox__footer a{grid-column:2;grid-row:1}.writing-index__intro h1{font-size:clamp(2.65rem,13vw,4.2rem)}.writing-feature{padding:1.8rem 1.15rem 2rem}.writing-feature h2{font-size:2.15rem}.writing-item{grid-template-columns:1fr;gap:.7rem}.writing-item__index{display:none}.writing-article__header h1{font-size:clamp(2.45rem,12vw,3.8rem)}.about__intro{font-size:1.65rem}.contact__mail{font-size:2rem;overflow-wrap:anywhere}.contact__links{gap:1rem;flex-wrap:wrap}.web-project__status,.design-project__summary a,.design-output__heading a,.photo-profile,.photo-series__header a,.listen a,.writing-article__back,.writing-article__footer a,.contact__links a{display:inline-flex;align-items:center;min-height:44px}.writing-item__link{min-height:44px}}@media(prefers-reduced-motion:reduce){.grain,.view.is-active{animation:none}.photo-lightbox__media img{transition:none}}