:root{--ink:#14201a;--muted:#5c665f;--paper:#f4f1e8;--surface:#fbfaf5;--line:#14201a2e;--green:#186747;--green-soft:#dcecdf;--blue:#4156dc;--blue-soft:#e2e5fa;--orange:#ef6335;--orange-soft:#f7dfd3;--violet:#7454b8;--violet-soft:#e9e1f3;--acid:#c9f06b;--max-width:1440px;--content-width:1296px;--page-padding:clamp(1.25rem, 4vw, 4.5rem);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);font-feature-settings:"ss05", "ss06", "cv01", "cv03";text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.75rem 1rem;transition:transform .16s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;min-height:5.5rem;padding:0 var(--page-padding);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f1e8e6;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.8rem;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:.08em;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:.72rem;font-weight:800;display:grid}.brand-copy{flex-direction:column;line-height:1.2;display:flex}.brand-copy strong{letter-spacing:.02em;font-size:.9rem;font-weight:750}.brand-copy small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.18rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.site-nav{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:clamp(1rem,2.2vw,2.4rem);font-size:.82rem;font-weight:700;display:flex}.site-nav>a:not(.nav-cta){padding:.5rem 0;position:relative}.site-nav>a:not(.nav-cta):after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:.22rem;left:0;right:0;transform:scaleX(0)}.site-nav>a:not(.nav-cta):hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta{border:1px solid var(--ink);background:var(--ink);color:#fff;align-items:center;gap:.45rem;padding:.72rem .9rem;transition:background .18s,color .18s;display:inline-flex}.nav-cta:hover{color:var(--ink);background:0 0}.nav-cta svg{width:.95rem;height:.95rem}.hero{min-height:calc(100svh - 5.5rem);max-width:var(--max-width);padding:clamp(4rem, 8vh, 7.5rem) var(--page-padding);grid-template-columns:minmax(0,1.15fr) minmax(21rem,.85fr) 3.5rem;align-items:center;gap:clamp(2.5rem,5vw,6.5rem);margin:0 auto;display:grid;position:relative;overflow:hidden}.hero-grid{z-index:-2;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.24;background-size:clamp(4rem,8vw,7rem) clamp(4rem,8vw,7rem);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.hero:before{z-index:-1;aspect-ratio:1;background:var(--green-soft);content:"";filter:blur(1px);border-radius:50%;width:min(38rem,50vw);position:absolute;top:8%;right:9%}.hero-copy{z-index:2;animation:.7s cubic-bezier(.22,1,.36,1) both reveal-up;position:relative}.eyebrow,.section-index{letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0 0 1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem;font-weight:700;display:flex}.status-dot{background:var(--green);border-radius:50%;width:.48rem;height:.48rem;position:relative;box-shadow:0 0 0 .28rem #1867471f}.hero h1{letter-spacing:-.075em;word-break:keep-all;max-width:9ch;margin:0;font-size:clamp(3.75rem,7.2vw,7.8rem);font-weight:780;line-height:.98}.hero h1 span{color:var(--green);display:block}.hero-description{color:#39443e;word-break:keep-all;max-width:34rem;margin:clamp(2rem,5vh,3.5rem) 0 0;font-size:clamp(1rem,1.45vw,1.25rem);font-weight:480;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2.25rem;display:flex}.button{border:1px solid var(--ink);justify-content:center;align-items:center;gap:.7rem;min-height:3.25rem;padding:0 1.25rem;font-size:.86rem;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button svg{width:1.05rem;height:1.05rem}.button-primary{background:var(--ink);color:#fff}.button-ghost{background:#fbfaf58c}.hero-portrait{justify-self:center;width:min(100%,29rem);animation:.8s cubic-bezier(.22,1,.36,1) .1s both reveal-up;position:relative}.portrait-panel{aspect-ratio:.76;border:1px solid var(--ink);width:86%;box-shadow:1rem 1rem 0 var(--acid);background:#cbd8cd;margin:0 auto;position:relative;overflow:hidden;transform:rotate(1.5deg)}.portrait-panel img{object-fit:cover;object-position:50% 24%;filter:saturate(.82)contrast(1.03)}.portrait-shade{background:linear-gradient(#0000 58%,#0a191161);position:absolute;inset:0}.portrait-caption{color:#fff;letter-spacing:.09em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:700;display:flex;position:absolute;bottom:.8rem;left:1rem;right:1rem}.float-card{border:1px solid var(--ink);background:var(--surface);flex-direction:column;padding:.9rem 1rem;animation:4.5s ease-in-out infinite quiet-float;display:flex;position:absolute;box-shadow:5px 5px #14201a2e}.float-card span,.float-card small{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem}.float-card strong{letter-spacing:.06em;margin:.2rem 0 .1rem;font-size:.75rem}.float-card small{color:var(--muted)}.float-card-top{border-top:4px solid var(--orange);top:13%;right:-3%}.float-card-bottom{border-top:4px solid var(--blue);animation-delay:-2s;bottom:11%;left:-5%}.hero-aside{border-right:1px solid var(--line);border-left:1px solid var(--line);writing-mode:vertical-rl;flex-direction:column;justify-content:space-between;align-items:center;height:min(31rem,60vh);padding:1rem 0;display:flex}.hero-aside span{color:var(--muted);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem}.hero-aside strong{letter-spacing:.12em;font-size:.75rem}.discipline-strip{background:var(--ink);color:#fff;grid-template-columns:repeat(3,1fr);display:grid}.discipline-strip span{padding:1.1rem var(--page-padding);letter-spacing:.1em;text-align:center;border-right:1px solid #ffffff38;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700}.section{max-width:var(--max-width);padding:clamp(6rem, 11vw, 10rem) var(--page-padding);margin:0 auto}.section-heading{grid-template-columns:1fr minmax(20rem,1.9fr) minmax(17rem,1fr);align-items:end;gap:clamp(2rem,5vw,6rem);margin-bottom:clamp(3rem,6vw,5.5rem);display:grid}.section-heading .section-index{align-self:start}.section-heading h2,.capability-intro h2,.contact-grid h2{letter-spacing:-.065em;word-break:keep-all;margin:0;font-size:clamp(2.6rem,5.2vw,5.3rem);font-weight:760;line-height:1.03}.section-heading>p:last-child,.capability-intro>p:not(.section-index){color:var(--muted);word-break:keep-all;margin:0;font-size:1rem;line-height:1.75}.projects-section{background:var(--paper)}.project-grid{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--surface);flex-direction:column;justify-content:space-between;min-height:34rem;padding:clamp(1.4rem,3vw,2.6rem);transition:background .22s;display:flex;position:relative;overflow:hidden}.project-card:after{aspect-ratio:1;background:var(--card-tone);content:"";opacity:.72;border:1px solid #14201a47;border-radius:50%;width:13rem;transition:transform .3s,opacity .3s;position:absolute;bottom:-6.5rem;right:-5rem}.project-card:hover:after{opacity:1;transform:scale(1.22)}.project-card[data-tone=green]{--card-tone:var(--green-soft)}.project-card[data-tone=orange]{--card-tone:var(--orange-soft)}.project-card[data-tone=blue]{--card-tone:var(--blue-soft)}.project-card[data-tone=violet]{--card-tone:var(--violet-soft)}.project-card:hover{background:color-mix(in srgb, var(--card-tone) 43%, var(--surface))}.project-topline{letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;display:grid}.project-number{border:1px solid var(--ink);background:var(--card-tone);border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-weight:800;display:grid}.project-category{font-weight:800}.project-period{color:var(--muted)}.project-body{z-index:1;max-width:36rem;margin:4.5rem 0;position:relative}.project-body h3{letter-spacing:-.055em;word-break:keep-all;margin:0 0 1.4rem;font-size:clamp(2rem,3.5vw,3.7rem);font-weight:760;line-height:1.06}.project-lead{word-break:keep-all;max-width:28rem;margin:0;font-size:clamp(1rem,1.5vw,1.24rem);font-weight:640;line-height:1.55}.project-detail{max-width:32rem;color:var(--muted);word-break:keep-all;margin:1rem 0 0;font-size:.9rem;line-height:1.7}.project-footer{z-index:2;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;position:relative}.project-footer ul{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.project-footer li{border:1px solid var(--line);letter-spacing:.04em;background:#fbfaf5a6;padding:.34rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.57rem}.project-footer a,.project-private{white-space:nowrap;flex:none;align-items:center;gap:.35rem;font-size:.74rem;font-weight:750;display:inline-flex}.project-footer a{border-bottom:1px solid}.project-footer a svg{width:.9rem;height:.9rem;transition:transform .16s}.project-footer a:hover svg{transform:translate(2px,-2px)}.project-private{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem}.capability-section{max-width:none;padding-right:max(var(--page-padding), calc((100vw - var(--max-width)) / 2 + var(--page-padding)));padding-left:max(var(--page-padding), calc((100vw - var(--max-width)) / 2 + var(--page-padding)));background:var(--ink);color:#fff;grid-template-columns:minmax(18rem,.78fr) minmax(0,1.22fr);gap:clamp(3rem,8vw,9rem);display:grid}.capability-intro{align-self:start}.capability-intro h2{max-width:10ch;margin-bottom:2rem}.capability-intro>p:not(.section-index){color:#b8c2bc;max-width:31rem}.build-flow{letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:.75rem;margin-top:3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.59rem;font-weight:700;display:flex}.build-flow i{background:var(--acid);width:clamp(1.5rem,3vw,3.5rem);height:1px;display:block}.capability-list{border-top:1px solid #ffffff47;margin:0;padding:0;list-style:none}.capability-list li{border-bottom:1px solid #ffffff47;grid-template-columns:3.5rem 1fr;gap:clamp(1rem,3vw,2.5rem);padding:clamp(2rem,4.5vw,3.75rem) 0;display:grid}.capability-number{width:2.6rem;height:2.6rem;color:var(--acid);border:1px solid #ffffff80;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;display:grid}.capability-label{color:var(--acid);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;font-weight:700}.capability-list h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,2.6vw,2.8rem);font-weight:700}.capability-list p{color:#c2cbc6;word-break:keep-all;max-width:34rem;margin:1rem 0 1.2rem;font-size:.96rem;line-height:1.7}.capability-list small{color:#fff;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.about-section{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr);gap:clamp(4rem,9vw,10rem);display:grid}.about-statement blockquote{letter-spacing:-.06em;word-break:keep-all;margin:0;font-size:clamp(2.2rem,4.1vw,4.4rem);font-weight:710;line-height:1.13}.about-statement blockquote span{color:var(--green);display:block}.about-copy{max-width:34rem;color:var(--muted);word-break:keep-all;margin:2rem 0 0;font-size:1rem;line-height:1.8}.about-links{flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:2.4rem;display:flex}.about-links a{border-bottom:1px solid;align-items:center;gap:.45rem;font-size:.78rem;font-weight:750;display:inline-flex}.about-links svg{width:.95rem;height:.95rem}.about-details{min-width:0}.detail-block{border-top:1px solid var(--ink)}.detail-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.detail-heading h3{letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.detail-heading span,.compact-item time,.timeline time{color:var(--muted);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:7.5rem 1fr;gap:1rem;padding:1.4rem 0;display:grid}.timeline strong,.compact-item strong{font-size:.94rem;font-weight:720;display:block}.timeline p,.compact-item p{color:var(--muted);word-break:keep-all;margin:.3rem 0 0;font-size:.8rem;line-height:1.55}.detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:3.5rem;display:grid}.compact-item{border-bottom:1px solid var(--line);padding:1.2rem 0}.compact-item time{margin-bottom:.35rem;display:block}.recognition-list{margin:0;padding:0;list-style:none}.recognition-list li{border-bottom:1px solid var(--line);word-break:keep-all;padding:1rem 0 1rem 1rem;font-size:.79rem;font-weight:650;position:relative}.recognition-list li:before{background:var(--orange);content:"";border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:1.48rem;left:0}.sites-section{max-width:none;padding-right:max(var(--page-padding), calc((100vw - var(--max-width)) / 2 + var(--page-padding)));padding-left:max(var(--page-padding), calc((100vw - var(--max-width)) / 2 + var(--page-padding)));background:#e8e3d5}.sites-heading{max-width:var(--content-width);margin-left:auto;margin-right:auto}.site-cards{max-width:var(--content-width);border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.site-cards>a{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fbfaf58c;min-height:22rem;padding:clamp(1.3rem,2.5vw,2.2rem);transition:background .18s,color .18s}.site-cards>a:hover{background:var(--green);color:#fff}.site-cards>a>span:first-child{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:700}.site-cards>a>div{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.site-cards svg{width:1.25rem;height:1.25rem}.site-card-index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.site-cards h3{letter-spacing:-.035em;overflow-wrap:anywhere;margin:5.5rem 0 .6rem;font-size:clamp(1.35rem,2vw,2rem);font-weight:740}.site-cards p{max-width:20rem;color:var(--muted);word-break:keep-all;margin:0;font-size:.82rem;line-height:1.65}.site-cards>a:hover p{color:#ffffffb8}.contact-section{padding:clamp(6rem, 12vw, 11rem) max(var(--page-padding), calc((100vw - var(--max-width)) / 2 + var(--page-padding))) 2rem;background:var(--blue);color:#fff}.contact-grid{max-width:var(--content-width);grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:end;gap:clamp(3rem,8vw,9rem);margin:clamp(3rem,7vw,6rem) auto 0;display:grid}.contact-grid h2{max-width:8ch;font-size:clamp(3.5rem,8.5vw,9rem);line-height:.92}.contact-grid h2 span{color:var(--acid);display:block}.contact-copy{padding-bottom:.6rem}.contact-copy p{color:#ffffffe0;word-break:keep-all;margin:0 0 2rem;font-size:1rem;line-height:1.75}.contact-copy a{border-bottom:1px solid #fff;align-items:center;gap:1.25rem;padding:.9rem 0;font-size:1.05rem;font-weight:720;display:inline-flex}.contact-copy a svg{width:1.2rem;height:1.2rem;transition:transform .16s}.contact-copy a:hover svg{transform:translate(3px,-3px)}.contact-meta{max-width:var(--content-width);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff59;justify-content:space-between;align-items:center;margin:clamp(5rem,10vw,9rem) auto 0;padding-top:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.61rem;display:flex}.contact-meta span{align-items:center;gap:.45rem;display:inline-flex}.contact-meta svg{width:.85rem;height:.85rem}.site-footer{padding:1.5rem var(--page-padding);background:var(--ink);color:#fff;letter-spacing:.08em;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;display:grid}.site-footer>span:nth-child(2){color:#ffffff80;text-align:center}.site-footer>div{justify-content:flex-end;gap:1rem;display:flex}.site-footer a:hover{color:var(--acid)}.not-found{min-height:100svh;padding:var(--page-padding);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);background-size:5rem 5rem;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.not-found h1{letter-spacing:-.075em;word-break:keep-all;max-width:8ch;margin:0;font-size:clamp(3.5rem,10vw,8rem);font-weight:780;line-height:.96}.not-found>p:not(.section-index){color:var(--muted);margin:1.5rem 0 2rem}@keyframes reveal-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes quiet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:3rem}.hero-aside{display:none}.section-heading{grid-template-columns:.7fr 1.6fr}.section-heading>p:last-child{grid-column:2}.site-cards h3{font-size:1.35rem}}@media (max-width:860px){.site-header{min-height:4.75rem}.site-nav>a:not(.nav-cta):nth-child(2),.site-nav>a:not(.nav-cta):nth-child(3){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem;padding-bottom:6rem}.hero-copy{max-width:42rem}.hero h1{font-size:clamp(4rem,13vw,6.8rem)}.hero-portrait{width:min(78vw,31rem);margin-top:1rem}.hero:before{width:88vw;top:auto;bottom:2%;right:-10%}.project-card{min-height:31rem}.capability-section,.about-section{grid-template-columns:1fr}.capability-intro h2{max-width:12ch}.about-statement{max-width:40rem}.site-cards{grid-template-columns:1fr}.site-cards>a{min-height:16rem}.site-cards h3{margin-top:3.5rem}.contact-grid{grid-template-columns:1fr}.contact-grid h2{max-width:8ch}}@media (max-width:660px){:root{--page-padding:1.2rem}html{scroll-padding-top:5rem}.brand-copy{display:none}.site-nav{gap:.8rem;font-size:.68rem}.site-nav>a:not(.nav-cta){display:none}.nav-cta{padding:.62rem .7rem}.hero{padding-top:3.75rem}.eyebrow{font-size:.56rem}.hero h1{letter-spacing:-.08em;font-size:clamp(3.6rem,17vw,5.4rem)}.hero-description{font-size:.98rem}.button{min-height:3rem;padding:0 1rem}.hero-portrait{width:88vw}.float-card-top{right:-1%}.float-card-bottom{left:-1%}.discipline-strip{grid-template-columns:1fr}.discipline-strip span{text-align:left;border-bottom:1px solid #fff3;border-right:0;padding:.8rem 1.2rem}.section-heading{grid-template-columns:1fr;gap:1rem}.section-heading>p:last-child{grid-column:auto;margin-top:.75rem}.section-heading h2,.capability-intro h2{font-size:clamp(2.7rem,13vw,4rem)}.project-grid{grid-template-columns:1fr}.project-card{min-height:29rem}.project-body{margin:3.2rem 0}.project-body h3{font-size:2.35rem}.project-footer{flex-direction:column;align-items:flex-start}.build-flow{gap:.45rem}.capability-list li{grid-template-columns:2.6rem 1fr}.capability-list small{line-height:1.6}.about-statement blockquote{font-size:2.65rem}.timeline li{grid-template-columns:1fr;gap:.55rem}.detail-columns{grid-template-columns:1fr}.contact-grid h2{font-size:clamp(3.7rem,18vw,6rem)}.contact-meta{flex-direction:column;align-items:flex-start;gap:.6rem}.site-footer{grid-template-columns:1fr;gap:.7rem}.site-footer>span:nth-child(2){display:none}.site-footer>div{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
