:root{color:#f3f3ef;background:#090909;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#090909;min-width:320px;margin:0}a{color:inherit}h1,h2,p{margin-top:0}.eyebrow{color:#c8c8c2;letter-spacing:.12em;margin:0;font-size:.68rem;font-weight:700}.portfolio-shell{background:#090909}.site-header{z-index:2;mix-blend-mode:difference;justify-content:space-between;width:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.site-header-fixed{position:fixed}.wordmark{color:#fff;letter-spacing:.08em;font-size:.72rem;font-weight:700;line-height:1.05;text-decoration:none}.site-header nav,.works-header nav{letter-spacing:.06em;gap:1.1rem;font-size:.72rem;display:flex}.site-header nav a,.works-header nav a{text-decoration:none}.work-stage{isolation:isolate;align-items:end;min-height:100svh;padding:clamp(1.5rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.signal-field{z-index:-1;filter:saturate(.88)contrast(1.12);background:radial-gradient(circle at 71% 44%,#d0deec 0 1%,#0000 19%),radial-gradient(45% 76% at 61% 60%,#76505e 0%,#30334d 47%,#0000 68%),radial-gradient(78% 46% at 14% 9%,#798a83,#0000 63%),linear-gradient(135deg,#171a22 0%,#687282 42%,#492f4a 72%,#060607 100%);position:absolute;inset:0}.signal-field:after{content:"";opacity:.38;mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 8px,#ffffff0f 8px 9px),linear-gradient(#0000 50%,#0006);position:absolute;inset:0}.work-caption{max-width:66rem}.work-caption .eyebrow,.stage-note{color:#fff}.work-caption h1{letter-spacing:-.1em;margin:.7rem 0 0;font-size:clamp(4.3rem,12.5vw,13rem);font-weight:400;line-height:.71}.stage-note{letter-spacing:.07em;writing-mode:vertical-rl;margin:0;font-size:.7rem;position:absolute;bottom:1.5rem;right:1.5rem}.archive-index{min-height:100svh;padding:clamp(4rem,10vw,10rem) clamp(1.5rem,4vw,4rem)}.section-intro{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:clamp(4rem,11vw,10rem);display:grid}.section-intro h2{letter-spacing:-.09em;max-width:12ch;margin:0;font-size:clamp(3rem,8.3vw,9rem);font-weight:400;line-height:.73}.archive-index ol{border-top:1px solid #424242;margin:0;padding:0;list-style:none}.archive-index li{border-bottom:1px solid #424242;grid-template-columns:1fr 3fr 2fr auto;align-items:baseline;gap:1rem;padding:1rem 0;font-size:clamp(.8rem,1.6vw,1.2rem);display:grid}.archive-index li a{text-decoration:none;display:contents}.archive-index li strong{font-weight:400}.archive-index li em,.archive-index li b,.loading{color:#a7a7a2;letter-spacing:.06em;font-size:.7em;font-style:normal;font-weight:400}.archive-link{letter-spacing:.08em;border-bottom:1px solid #424242;justify-content:space-between;padding:1rem 0;font-size:.72rem;text-decoration:none;display:flex}.information{border-top:1px solid #424242;grid-template-columns:1fr 1.5fr auto;align-items:end;gap:1.5rem;padding:1.5rem clamp(1.5rem,4vw,4rem) 4rem;display:grid}.information p:last-child{letter-spacing:-.055em;max-width:30ch;margin:0;font-size:clamp(1.4rem,3.2vw,3.2rem);font-weight:400;line-height:.98}.information a{letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid;padding-bottom:.25rem;font-size:.7rem;text-decoration:none}.works-shell,.information-shell,.detail-shell{color:#101010;background:#e8e8e3;min-height:100svh}.works-header{border-bottom:1px solid #111;justify-content:space-between;padding:1.4rem;display:flex}.works-header .wordmark{color:#111}.works-intro{padding:14vh 4vw 4rem}.works-intro h1{letter-spacing:-.09em;margin:.6rem 0 4rem;font-size:clamp(4rem,13vw,13rem);font-weight:400;line-height:.7}.filter-bar{flex-wrap:wrap;gap:.4rem;display:flex}.filter-bar button{cursor:pointer;background:0 0;border:1px solid #111;padding:.45rem .7rem;font-size:.68rem}.filter-bar button.active,.filter-bar button:hover{color:#e8e8e3;background:#111}.work-grid{background:#111;border-top:1px solid #111;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.work-card{color:#111;background:#e8e8e3;flex-direction:column;justify-content:end;min-height:34vw;padding:1rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-card span{font-size:.7rem;position:absolute;top:1rem;left:1rem}.work-card h2{z-index:1;letter-spacing:-.05em;margin:0;font-size:clamp(1.2rem,2.4vw,2.8rem);font-weight:400;position:relative}.work-card p{z-index:1;margin:.35rem 0 0;font-size:.68rem;position:relative}.card-field{background:linear-gradient(125deg,#2f4b5f,#c4d5c1 45%,#301e42);position:absolute;inset:0}@media (width<=560px){.site-header{padding:1rem}.site-header nav{gap:.65rem;font-size:.62rem}.work-stage{padding:1.25rem}.stage-note{bottom:1rem;right:1rem}.section-intro,.information{grid-template-columns:1fr}.archive-index{padding-block:5rem}.section-intro{margin-bottom:4rem}.archive-index li{grid-template-columns:2.5rem 1fr;gap:.4rem}.archive-index li em{grid-column:2}.archive-index li b{position:absolute;right:1.5rem}.work-grid{grid-template-columns:1fr}.work-card{min-height:72vw}}.site-header nav{gap:0}.site-header nav a{align-items:center;gap:.45rem;padding:.65rem .75rem;transition:background .4s,color .4s,transform .4s;display:flex}.site-header nav a span{font-size:.86em;transition:transform .4s}.site-header nav a:hover,.site-header nav a:focus-visible{color:#090909;background:#fff}.site-header nav a:hover span,.site-header nav a:focus-visible span{transform:translate(3px)}.menu-toggle{display:none}@media (width<=560px){.site-header nav{z-index:-1;opacity:0;backdrop-filter:blur(10px);pointer-events:none;background:#080808eb;flex-direction:column;justify-content:center;gap:0;height:0;padding:0 1rem;transition:height .6s,opacity .6s;display:flex;position:fixed;inset:0;overflow:hidden}.site-header nav.is-open{z-index:1;opacity:1;pointer-events:auto;height:100svh}.site-header nav a{letter-spacing:-.06em;border-bottom:1px solid #ffffff29;width:100%;padding:.3rem 0;font-size:clamp(2rem,10vw,3.5rem);font-weight:400}.menu-toggle{z-index:2;cursor:pointer;background:0 0;border:0;place-content:center;gap:5px;width:2.6rem;height:2.6rem;padding:0;display:grid;position:relative}.menu-toggle i{background:#fff;width:1.35rem;height:1px;transition:transform .4s;display:block}.menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px)rotate(-45deg)}body.menu-open{overflow:hidden}}