:root{--yellow:#ffc63d;--ink:#111111;--paper:#fafaf7;--muted:#626262;--red:#e5252a;--line:#d9d9d1;--display:Anton,'Pretendard Variable',sans-serif;--body:'Pretendard Variable',Pretendard,sans-serif;--gutter:clamp(24px,5vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{border:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}::selection{background:var(--yellow);color:var(--ink)}.skip{position:fixed;left:20px;top:-80px;z-index:50;background:white;padding:16px}.skip:focus{top:12px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:var(--paper);position:relative;z-index:5}.identity{font-weight:850;font-size:22px;letter-spacing:-1px}.identity-dot{color:var(--red)}.nav nav{display:flex;gap:35px;font-size:14px;font-weight:600}.nav nav a{padding:14px 0}.preview{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 11px;color:var(--muted)}.hero{background:var(--yellow);height:calc(100svh - 76px);min-height:630px;max-height:1000px;position:relative;overflow:hidden;padding:30px var(--gutter)}.hero-top{display:flex;justify-content:space-between;font-size:10px;font-weight:650;letter-spacing:1px}.hero h1{position:absolute;top:12%;left:4.2%;width:91.6%;font-family:var(--display);font-weight:400;font-size:19.1vw;letter-spacing:-.042em;line-height:1.05;color:var(--paper);text-align:center}.character{position:absolute;width:auto;max-width:none;height:95%;bottom:0;left:50%;transform:translateX(-50%);object-fit:contain;pointer-events:none}.hero-name{position:absolute;right:7%;top:41%;transform:rotate(-7deg);z-index:2}.handwriting{font-family:Caveat,cursive;font-weight:600}.hero-name .handwriting{font-size:clamp(42px,5.4vw,96px);color:var(--red);white-space:nowrap}.hero-name p{font-size:14px;line-height:1.9;margin:10px 0 0 25px;transform:rotate(7deg)}.hero-name strong{font-weight:650;font-size:10px;letter-spacing:1.2px}.hero-bottom{position:absolute;bottom:32px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom>p{font-size:24px;line-height:1.4;font-weight:650;letter-spacing:-.8px}.scroll-link{display:flex;align-items:center;gap:22px;font-size:12px;margin-left:48%;position:relative;z-index:3}.scroll-link span{border:1px solid var(--ink);width:42px;height:42px;border-radius:100%;display:grid;place-items:center;font-size:20px}.edition{font-size:9px;line-height:1.8;text-align:right;letter-spacing:1px}.section-pad{padding:100px var(--gutter)}.about{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:start}.section-label{font-size:10px;font-weight:650;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.asterisk{color:var(--red);font-size:28px}.about h2{font-size:clamp(24px,2.7vw,44px);letter-spacing:-1.8px;line-height:1.4;font-weight:650}.about p{font-size:15px;line-height:1.9;margin-top:24px;color:var(--muted);word-break:keep-all}.about .about-side{margin-top:6px;font-size:13px;text-align:right;color:var(--ink)}.about-side span{font-size:10px;display:block;margin-top:24px;color:var(--muted)}.work{background:var(--ink);color:var(--paper);padding-top:80px}.work-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:72px}.eyebrow{font-size:11px;font-weight:550;letter-spacing:1px;margin-bottom:26px}.work h2{font-family:var(--display);font-size:clamp(70px,10vw,158px);font-weight:400;line-height:.95;letter-spacing:-.02em;position:relative}.work h2>span{color:var(--yellow)}.work h2 i{font-size:clamp(30px,4vw,62px);position:absolute;left:90%;bottom:17%;width:360px;transform:rotate(-8deg);color:var(--paper);font-weight:400;line-height:1;white-space:nowrap}.work-intro{font-size:15px;line-height:1.8;text-align:right}.work-intro span{display:block;font-size:11px;margin-top:24px;color:#a7a7a3}.selected-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px 28px}.project-card{display:block;width:100%;text-align:left;padding:0;background:transparent}.project-card:nth-child(4n+2){padding-top:110px}.project-card:nth-child(4n+3){margin-top:-100px}.card-art{position:relative;overflow:hidden;background:#e7e7e0;aspect-ratio:1.36}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .card-art img{transform:scale(1.035)}.card-art.perfume{background:white}.card-art.perfume img{position:absolute;max-width:none;width:165%;height:auto;left:-58%;top:4%;object-fit:initial}.card-art.don img{position:absolute;max-width:none;width:185%;height:auto;left:-114%;top:-16%;object-fit:initial}.card-art.body img{position:absolute;max-width:none;width:163%;height:auto;left:-6%;top:-62%;object-fit:initial}.card-arrow{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;transition:background .2s}.project-card:hover .card-arrow{background:var(--yellow)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:15px}.card-meta h3{font-size:clamp(23px,2.2vw,34px);font-weight:550;letter-spacing:-1px}.card-meta>span{font-size:9px;letter-spacing:1px;white-space:nowrap;color:#bbb}.card-caption{font-size:13px;line-height:1.6;margin-top:10px;color:#bcbcb7;word-break:keep-all;max-width:90%}.archive-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.archive-top h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,4vw,60px);letter-spacing:-1px}.archive-top h2 span{color:var(--red)}.archive-top>span{font-size:13px;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:38px 0 24px}.filters button{padding:12px 17px;background:transparent;border:1px solid var(--line);border-radius:40px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.archive-row{width:100%;border-top:1px solid var(--line);background:transparent;padding:20px 0;display:grid;grid-template-columns:90px 1fr 170px 30px;gap:25px;align-items:center;text-align:left}.archive-row img{width:90px;height:58px;object-fit:cover}.archive-row strong{font-size:22px;font-weight:550;letter-spacing:-.7px}.archive-row small{font-size:12px;color:var(--muted)}.archive-row>span:last-child{font-size:23px}.archive-row:hover strong{color:var(--red)}.archive-count{border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted)}.practice{border-top:1px solid var(--line);padding-top:70px}.practice h2{font-size:clamp(34px,5vw,75px);font-weight:550;letter-spacing:-2.8px;line-height:1.25}.practice-body{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.practice-body p{font-size:16px;line-height:2;color:var(--muted)}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}dt{font-weight:650}dd{margin:0;color:var(--muted)}.contact{background:var(--yellow);padding-top:70px;padding-bottom:30px}.contact-title{font-family:var(--display);font-size:clamp(68px,13vw,210px);line-height:1.02;letter-spacing:-.02em;display:block;position:relative}.contact-title span{position:absolute;right:3%;bottom:10%;font-family:var(--body);font-weight:300}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:65px;border-top:1px solid #1115;padding-top:25px;font-size:11px}.footer-bottom a{padding:8px 0}.footer-bottom>span{padding:8px 0}
dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#111c}#project-dialog{width:min(1180px,94vw);max-width:none;height:92svh;max-height:none;border-radius:0;overscroll-behavior:contain}.dialog-bar{position:sticky;top:0;background:var(--paper);z-index:3;height:64px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px;font-size:11px;letter-spacing:1px}.dialog-bar button{background:none;padding:10px;display:flex;align-items:center;gap:16px;font-size:13px}.dialog-bar button span{font-size:26px}.project-head{padding:60px 6% 45px}.project-head h2{font-family:var(--display);font-weight:400;font-size:clamp(40px,6vw,80px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}.project-head .project-desc{font-size:18px;line-height:1.7;margin-top:25px;max-width:750px;word-break:keep-all}.project-role{font-size:12px;margin-top:24px;color:var(--muted)}.project-cover{width:100%;height:auto}.project-note{margin:32px 6%;padding:18px 20px;background:#eeeee7;font-size:12px;line-height:1.8;color:var(--muted)}.project-section{padding:45px 6%;border-top:1px solid var(--line)}.project-section h3{font-size:25px;font-weight:650;letter-spacing:-.7px}.project-section p{font-size:15px;line-height:1.8;color:var(--muted);margin:16px 0 25px;max-width:850px}.image-button{padding:0;background:#eeeee7;display:block;width:100%;cursor:zoom-in}.image-button img{width:100%;height:auto}.project-section.mobile .image-button{width:min(370px,100%);margin:auto;background:none}.project-section.mobile .image-button img{border:1px solid var(--line)}.project-end{padding:30px 6% 60px;text-align:right}.project-end button{border:1px solid var(--ink);padding:14px 25px;background:transparent}.zoom-hint{font-size:11px;color:var(--muted);margin-top:10px;text-align:right}#image-dialog{width:98vw;height:96svh;max-width:none;max-height:none;background:#151515;padding:60px 15px 20px}#close-image{position:fixed;right:3vw;top:4svh;background:var(--paper);padding:12px 20px;z-index:10}#expanded-image{object-fit:contain;width:100%;height:100%}.load-error{padding:30px;color:var(--red)}
@media(min-width:1700px){.hero h1{font-size:325px}.hero{max-width:2000px;margin:auto}}@media(max-width:1000px){.edition{display:none}.hero-name{right:5%;top:43%}.hero-name .handwriting{font-size:60px}.about{grid-template-columns:1fr 2fr}.about-side{display:none}.work h2 i{left:75%;font-size:38px}.work-intro{font-size:13px}.work-intro span{max-width:150px}.scroll-link{margin-left:0}.hero-bottom>p{font-size:21px}.archive-row{grid-template-columns:75px 1fr 130px 25px;gap:18px}.practice-body{gap:30px}dl>div{display:block}dd{margin-top:8px}}
@media(max-width:650px){html{scroll-padding-top:15px}.nav{height:66px}.nav nav{gap:20px;font-size:12px}.identity{font-size:19px}.preview{display:none}.hero{height:730px;min-height:0;max-height:calc(100svh - 66px);padding-top:22px}.hero-top{font-size:8px}.hero-top span:last-child{display:none}.hero h1{font-size:19vw;top:13%;left:3%;width:94%}.character{height:77%;bottom:85px;left:47%}.hero-name{top:auto;bottom:135px;right:22px}.hero-name .handwriting{font-size:48px}.hero-name p{margin-top:3px;font-size:12px}.hero-name strong{font-size:8px}.hero-bottom{bottom:22px}.hero-bottom>p{font-size:18px;line-height:1.45}.scroll-link{font-size:10px;gap:12px;align-items:center}.scroll-link span{width:34px;height:34px}.section-pad{padding-top:65px;padding-bottom:65px}.about{display:block}.section-label{font-size:9px;margin-bottom:24px}.about h2{font-size:29px;letter-spacing:-1.5px}.about p{font-size:14px;margin-top:18px}.work-header{display:block;margin-bottom:36px}.work h2{font-size:22vw}.work h2 i{left:47%;bottom:6%;font-size:33px;width:auto}.work-intro{margin-top:28px;text-align:left;font-size:13px}.work-intro br{display:none}.work-intro span{margin-top:7px;max-width:none}.eyebrow{font-size:10px;margin-bottom:20px}.selected-grid{display:block}.project-card{margin-bottom:42px}.project-card:nth-child(4n+2){padding-top:0}.project-card:nth-child(4n+3){margin-top:0}.card-meta{margin-top:14px}.card-meta h3{font-size:25px}.card-meta>span{font-size:8px}.card-caption{font-size:12px;max-width:none}.card-art{aspect-ratio:1.3}.archive-top{display:block}.archive-top h2{font-size:34px}.archive-top>span{display:block;margin-top:12px}.filters{margin-top:27px;gap:6px}.filters button{font-size:11px;padding:11px 13px}.archive-row{grid-template-columns:64px 1fr 20px;gap:15px;padding:16px 0}.archive-row img{width:64px;height:45px}.archive-row strong{font-size:18px}.archive-row small{display:none}.practice h2{font-size:38px;letter-spacing:-1.7px}.practice-body{display:block;margin-top:26px}.practice-body p{font-size:14px}.practice-body dl{margin-top:25px}.practice-body dl>div{display:flex;font-size:10px}dd{margin-top:0}.contact-title{font-size:17vw}.contact .eyebrow{font-size:9px}.footer-bottom{margin-top:40px;display:flex;flex-wrap:wrap;gap:9px 20px;font-size:10px}.footer-bottom>span{width:100%}.footer-bottom a:last-child{margin-left:auto}#project-dialog{width:100vw;height:100svh;margin:0}.dialog-bar{padding:0 18px}.project-head{padding-top:38px}.project-head .project-desc{font-size:16px}.project-section{padding-top:32px;padding-bottom:32px}.project-section h3{font-size:22px}.project-section p{font-size:14px}.project-note{font-size:11px}}
.card-art.perfume img{width:360%;left:-258%;top:0}
@media(max-width:650px){.hero-name p{background:var(--yellow);width:max-content;padding:4px 8px;margin-left:auto}.work h2 i{font-size:clamp(26px,7.8vw,33px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.ownership{background:#efeee7;border-top:1px solid var(--line)}.ownership-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:65px}.ownership-heading h2{font-size:clamp(40px,5.5vw,80px);font-weight:650;letter-spacing:-3px;line-height:1.2}.ownership-heading h2 span{color:var(--muted)}.ownership-heading>p{font-size:14px;line-height:1.9;max-width:300px}.ownership-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.ownership-story h3{font-size:clamp(27px,3vw,44px);font-weight:650;letter-spacing:-1.5px;line-height:1.35}.ownership-story>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px;word-break:keep-all}.ownership-story .ownership-role{font-size:11px!important}.case-link{margin-top:25px;padding:15px 0;background:transparent;border-bottom:1px solid var(--ink);font-size:13px;display:flex;width:100%;justify-content:space-between}.case-link>span{font-size:20px}.ownership-image{background:var(--ink);color:var(--paper);padding:0;text-align:left}.ownership-image img{width:100%;height:auto}.ownership-image>span{display:block;font-size:10px;letter-spacing:1px;padding:18px 20px}.release-timeline{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.release-timeline li{padding:25px 16px 25px 0;position:relative}.release-timeline li:before{content:'';position:absolute;width:7px;height:7px;background:var(--ink);border-radius:50%;top:-4px}.release-timeline time{font-size:11px;color:var(--muted)}.release-timeline strong{display:block;font-size:19px;margin:15px 0 10px}.release-timeline p{font-size:12px;line-height:1.7;color:var(--muted)}.decision-links{margin-top:25px}.decision-links>button{display:grid;grid-template-columns:210px 1fr 24px;gap:20px;align-items:center;background:transparent;border-top:1px solid var(--line);padding:25px 0;width:100%;text-align:left}.decision-links>button>span{font-size:11px;color:var(--muted)}.decision-links strong{font-size:21px;font-weight:600;letter-spacing:-.5px}.decision-links strong span{display:inline-block;font-size:13px;font-weight:400;margin-left:25px;color:var(--muted)}.decision-links b{font-size:24px;font-weight:400}.decision-links>button:hover strong{color:var(--red)}.case-narrative{padding:45px 6%;background:#efeee7}.case-narrative>h3{font-size:clamp(25px,3vw,38px);line-height:1.4;letter-spacing:-1px;font-weight:600;word-break:keep-all}.case-summary{max-width:780px;font-size:16px;line-height:1.9;margin-top:20px;color:var(--muted)}.decision-list{margin-top:35px}.decision-list>div{display:grid;grid-template-columns:145px 1fr;gap:30px;padding:25px 0;border-top:1px solid var(--line);border-bottom:0}.decision-list dt{font-size:12px}.decision-list dd{margin:0}.decision-list h4{font-size:20px;line-height:1.5;font-weight:600;color:var(--ink);margin:0 0 10px}.decision-list p{font-size:14px;line-height:1.9;max-width:760px;color:var(--muted);word-break:keep-all}.case-outcomes{display:flex;flex-wrap:wrap;border-top:1px solid var(--ink);gap:30px;padding-top:25px;margin-top:10px}.case-outcomes p{flex:1;min-width:160px}.case-outcomes strong{display:block;font-size:19px;font-weight:600;line-height:1.5}.case-outcomes span{display:block;color:var(--muted);font-size:11px;margin-top:10px}
@media(max-width:850px){.ownership-feature{gap:30px}.decision-links>button{grid-template-columns:170px 1fr 24px}.decision-links strong span{display:block;margin:8px 0 0}.ownership-heading>p{font-size:12px}.hero-bottom>p{font-size:20px}.nav nav{gap:20px}}
@media(max-width:650px){.nav nav{gap:13px;font-size:11px}.nav .identity{font-size:17px}.hero-bottom>p{font-size:17px}.ownership-heading{display:block;margin-bottom:35px}.ownership-heading h2{font-size:42px;letter-spacing:-2px}.ownership-heading>p{margin-top:25px;font-size:14px}.ownership-feature{display:flex;flex-direction:column;gap:30px;align-items:stretch}.ownership-story h3{font-size:30px}.ownership-story>p:not(.eyebrow){font-size:14px}.release-timeline{grid-template-columns:1fr 1fr;row-gap:20px;margin-top:35px}.release-timeline li:nth-child(n+3){border-top:1px solid var(--line)}.release-timeline strong{font-size:18px}.decision-links>button{grid-template-columns:1fr 22px;gap:10px}.decision-links>button>span{grid-column:1}.decision-links strong{grid-column:1;font-size:22px}.decision-links b{grid-column:2;grid-row:span 2}.decision-links strong span{font-size:12px}.decision-list>div{grid-template-columns:1fr;gap:12px}.decision-list h4{font-size:20px}.decision-list p{font-size:14px}.case-summary{font-size:15px}.case-outcomes{gap:20px}.case-narrative{padding-top:32px;padding-bottom:32px}}

.impact{background:#dfe8e4;display:grid;grid-template-columns:1.2fr .8fr;gap:7%;align-items:center}.impact h2{font-size:clamp(38px,4.6vw,70px);font-weight:650;line-height:1.25;letter-spacing:-2px}.impact-lead{font-size:15px;line-height:1.9;margin-top:25px;color:#46574e;word-break:keep-all}.impact-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 0;margin:30px 0;border-top:1px solid #8da397;border-bottom:1px solid #8da397}.impact-numbers strong{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.4vw,66px);white-space:nowrap;line-height:1.2}.impact-numbers strong span{font-family:var(--body);font-size:15px;font-weight:550;margin-left:6px}.impact-numbers small{display:block;font-size:11px;line-height:1.6;margin-top:12px;color:#46574e}.impact-method{font-size:14px;line-height:1.9;color:#46574e;word-break:keep-all}.impact-art{padding:0;background:#183644;color:white;text-align:left;max-width:440px;margin-left:auto}.impact-art img{width:100%;height:auto}.impact-art span{display:block;padding:18px;font-size:11px}.metric-note{font-size:10px!important;line-height:1.7;color:var(--muted);margin-top:16px}.case-narrative .case-outcomes{margin-top:32px}.case-outcomes strong{font-size:clamp(24px,3vw,38px);letter-spacing:-1px}.case-outcomes span{font-size:12px}.case-sources{display:flex;flex-wrap:wrap;gap:14px 25px;border-top:1px solid var(--line);padding-top:22px;margin-top:20px;font-size:12px;text-decoration:underline;text-underline-offset:4px}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.evidence-grid .image-button{background:transparent}.poster-cover{max-height:740px;object-fit:contain;background:#153747;padding:32px}.card-art.river-poster{background:#153747}.card-art.river-poster img{object-fit:contain;padding:16px}.project-role{line-height:1.8}
@media(max-width:850px){.impact{gap:35px;grid-template-columns:1.2fr .8fr}.impact-numbers{gap:10px}.impact-numbers strong{font-size:40px}.impact-numbers strong span{font-size:12px;margin-left:3px}}
@media(max-width:650px){.impact{display:block}.impact h2{font-size:40px}.impact-lead{font-size:14px}.impact-numbers{gap:8px}.impact-numbers strong{font-size:42px}.impact-numbers small{font-size:10px}.impact-art{margin:35px auto 0;width:min(100%,340px)}.evidence-grid{gap:12px}.poster-cover{max-height:540px;padding:22px}.case-outcomes p{min-width:120px}.case-sources{font-size:11px;line-height:1.8}}
.numbers{background:var(--paper);border-bottom:1px solid var(--line)}.build-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.build-heading h2{font-size:clamp(36px,4.8vw,72px);line-height:1.22;letter-spacing:-2.5px;font-weight:650}.build-heading>p{font-size:14px;line-height:1.9;color:var(--muted);word-break:keep-all}.build-heading a{display:inline-block;border-bottom:1px solid var(--ink);margin-top:15px;color:var(--ink);font-size:12px}.record-date{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:28px}.record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}.record-grid>div{padding:25px 0 28px;border-top:1px solid var(--line);min-width:0}.record-grid strong{font-family:var(--display);font-size:clamp(30px,3.4vw,48px);font-weight:400;line-height:1.3;letter-spacing:-1px}.record-grid h3{font-size:15px;font-weight:650;margin:12px 0 8px;line-height:1.5;word-break:keep-all}.record-grid p{font-size:12px;color:var(--muted);line-height:1.7;word-break:keep-all}.business-records,.commit-records{margin-top:30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.business-records>summary,.commit-records>summary{cursor:pointer;font-size:15px;font-weight:600;padding:24px 0;display:flex;justify-content:space-between;gap:20px;list-style:none}.business-records>summary::-webkit-details-marker,.commit-records>summary::-webkit-details-marker{display:none}.business-records>summary span,.commit-records>summary span{font-size:11px;color:var(--muted);font-weight:400}.business-records[open]{padding-bottom:20px}.build{background:#eeeae2}.build-feature{display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center;padding:28px 0 60px}.build-feature h3{font-size:clamp(26px,3vw,42px);line-height:1.35;letter-spacing:-1.3px}.build-feature p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:22px 0}.build-feature dl{margin-top:25px}.build-feature dl>div{font-size:12px}.build-shot{padding:0;background:#1d2228}.build-shot img{width:100%;height:auto}.build-subhead{border-top:1px solid var(--ink);padding-top:30px;margin-bottom:24px}.build-subhead h3{font-size:25px;letter-spacing:-.5px}.build-subhead p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.delivery-list>button{display:grid;grid-template-columns:200px 1fr 100px 20px;width:100%;align-items:center;gap:20px;text-align:left;padding:23px 0;background:transparent;border-top:1px solid var(--line)}.delivery-list strong{font-size:19px;font-weight:600}.delivery-list span{font-size:12px;color:var(--muted);line-height:1.7}.delivery-list b{font-size:24px;text-align:right;font-weight:550}.delivery-list i{font-style:normal;font-size:22px;text-align:right}.delivery-list>button:hover strong,.build-extra button:hover{color:var(--red)}.build-extra{display:flex;flex-wrap:wrap;gap:15px 30px;margin:32px 0}.build-extra button{background:transparent;padding:12px 0;font-size:16px;text-align:left;border-bottom:1px solid var(--line);flex:1;min-width:200px}.build-extra span{font-size:11px;display:block;margin-top:10px;color:var(--muted);line-height:1.6}.records-table{overflow:auto}.records-table table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.records-table th,.records-table td{padding:15px 12px;border-top:1px solid var(--line);line-height:1.7}.records-table th:first-child{padding-left:0}.records-table td:nth-last-child(-n+2){white-space:nowrap}.commit-records .record-date{margin:18px 0}.stack-line{margin-top:32px;font-size:12px;color:var(--muted);line-height:1.9}.stack-line strong{color:var(--ink);margin-right:15px}.stack-line p+p{margin-top:10px}.archive-type{width:90px;height:58px;display:grid;place-items:center;background:#e6e7e1;font-family:var(--display);font-size:15px!important;letter-spacing:1px;color:var(--muted)}.live-links{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.live-links a{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:20px 0;border-top:1px solid var(--line)}.live-links small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.build-live-heading{margin-top:50px;font-size:24px}.live-note{font-size:11px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.build-feature{gap:30px}.delivery-list>button{grid-template-columns:170px 1fr 75px 20px;gap:15px}}
@media(max-width:650px){.build-heading{display:block;margin-bottom:25px}.build-heading h2{font-size:37px;letter-spacing:-1.8px}.build-heading>p{margin-top:22px;font-size:13px}.record-date{font-size:10px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.record-grid strong{font-size:34px}.record-grid h3{font-size:13px}.record-grid p{font-size:11px}.record-grid>div{padding:20px 0}.business-records>summary,.commit-records>summary{font-size:13px;line-height:1.6}.business-records>summary span,.commit-records>summary span{font-size:10px;max-width:100px;text-align:right}.build-feature{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:12px;padding-bottom:40px}.build-feature h3{font-size:29px}.delivery-list>button{grid-template-columns:1fr 70px 16px;gap:10px;padding:20px 0}.delivery-list strong{font-size:18px;grid-column:1;grid-row:1}.delivery-list span{font-size:11px;grid-column:1;grid-row:2}.delivery-list b{grid-column:2;grid-row:1/3;font-size:22px}.delivery-list i{grid-column:3;grid-row:1/3}.records-table table{font-size:11px;min-width:510px}.archive-type{width:64px;height:45px}.live-links{grid-template-columns:1fr;margin-top:25px}.live-links a{font-size:13px}.live-links small{font-size:10px}.stack-line{font-size:11px}.build-extra{margin-top:22px;gap:8px}}

/* Concrete editorial portfolio — local preview, 2026-09-09. */
:root{--work-display:Manrope,'Pretendard Variable',sans-serif;--cement:#e5e4e0;--cement-text:#1b1b1a}
.hero{height:100svh;min-height:680px;max-height:none;isolation:isolate;overflow:visible}
.hero h1{z-index:0}.hero-top,.hero-name,.hero-bottom{z-index:1}.character{z-index:4;height:95%;bottom:0}.hero-name{right:8%;top:40%}.hero-name .handwriting{font-size:clamp(64px,8vw,125px)}.hero-bottom .scroll-link{z-index:auto}.nav{border-bottom:1px solid var(--line)}
.work,.archive,#project-dialog{background-color:var(--cement);background-image:url('assets/concrete.svg');background-size:700px 700px;color:var(--cement-text)}
.work{padding-top:0;padding-bottom:0;--muted:#53534f;--line:#aaa9a1}
.work-header{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:640px;height:78svh;max-height:850px;align-items:center;margin:0;border-bottom:1px solid #8f8e864d;padding:80px 0}
.work-margin{position:absolute;left:0;top:70px;writing-mode:vertical-rl;font-size:10px;font-weight:550;letter-spacing:1.5px}
.work-title-block{grid-column:2;justify-self:start;padding-left:12%;width:100%}
.work .work-title-block .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:30px}
.work h2{font-family:var(--work-display);font-weight:800;font-size:clamp(80px,10.5vw,170px);line-height:.78;letter-spacing:-.075em}
.work h2>span{color:inherit}.work-intro{font-size:13px;text-align:left;line-height:1.8;margin-top:32px;word-break:keep-all}
.work-colophon{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px}
.selected-grid{display:block}.project-card,.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){margin:0;padding:72px 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6%;align-items:center;border-bottom:1px solid #8f8e8666;position:relative}
.card-copy{grid-column:2;grid-row:1;min-width:0;padding:20px 0}.card-art{grid-column:1;grid-row:1;aspect-ratio:1.18;background:#d3d2ce}.project-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.project-card:nth-child(even) .card-copy{grid-column:1}.project-card:nth-child(even) .card-art{grid-column:2}
.card-copy h3{font-family:var(--work-display);font-size:clamp(33px,4.2vw,66px);font-weight:800;line-height:1.05;letter-spacing:-.065em;overflow-wrap:anywhere;word-break:keep-all}
.card-category{font-size:10px;letter-spacing:.7px;line-height:1.8;margin-bottom:30px;font-weight:600}.card-category>span{display:block;color:#55554f;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px}
.card-caption{font-size:14px;line-height:1.85;color:#42423e;margin-top:24px;max-width:100%;word-break:keep-all}.card-proof{margin-top:26px;display:flex;flex-wrap:wrap;gap:18px 24px}.card-proof p{flex:1;min-width:80px}.card-proof strong{font-size:18px;letter-spacing:-.5px;line-height:1.45;font-weight:650;display:block}.card-proof span{font-size:10px;line-height:1.6;color:#55554f;display:block;margin-top:6px}.card-role{font-size:11px;line-height:1.8;color:#55554f;margin-top:28px;word-break:keep-all}.card-open{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:38px;padding-top:16px;border-top:1px solid #aaa9a1;font-size:11px}.card-open>span{font-size:22px}.project-card:hover .card-open{border-color:#111}.project-card:hover .card-art img{transform:scale(1.02)}
.archive{padding-top:95px;--line:#b4b3ad;--muted:#53534f}.archive-top h2{font-family:var(--work-display);font-weight:800;letter-spacing:-.06em;font-size:clamp(45px,6vw,86px);line-height:1}.archive-top h2 span{color:inherit}.filters button{border-radius:0;border:0;border-bottom:1px solid transparent;padding:12px 0;margin-right:24px;font-size:12px}.filters button[aria-pressed=true]{background:none;color:#111;border-color:#111;font-weight:700}.archive-row strong{font-family:var(--work-display);font-weight:650}.archive-row:hover strong{color:#555}.archive-type{background:#cfcec8;color:#3c3c37;font-family:var(--work-display);font-weight:700}
#project-dialog{--muted:#53534f;--line:#b4b3ad}.dialog-bar{background:#e5e4e0;background-image:url('assets/concrete.svg');background-size:700px}.project-head{display:grid;grid-template-columns:1fr 1.5fr;column-gap:7%;padding:80px 6% 65px}.project-head .eyebrow{grid-row:1/4;font-size:10px;line-height:1.8}.project-head h2{font-family:var(--work-display);font-weight:800;line-height:1;letter-spacing:-.06em;font-size:clamp(42px,6vw,82px)}.project-head .project-desc{grid-column:2;font-size:16px}.project-head .project-role{grid-column:2}.project-note{background:#d5d4ce}
@media(min-width:1700px){.hero{max-width:none}.hero h1{font-size:19.1vw}}
@media(max-width:1000px){.work-title-block{padding-left:0}.work-header{height:65svh;min-height:510px}.project-card,.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){gap:5%;padding:48px 0}.card-copy h3{font-size:36px}.card-caption{font-size:13px}.card-proof{gap:16px}.card-proof strong{font-size:16px}.card-category{margin-bottom:20px}.card-open{margin-top:25px}.card-art{aspect-ratio:.9}.hero-name{right:5%}}
@media(max-width:650px){
 .hero{height:100svh;min-height:680px;max-height:none;overflow:hidden}.hero-top{font-size:8px}.hero h1{top:13%}.character{height:77%;bottom:75px;left:45%;z-index:4}.hero-name{top:49%;bottom:auto;right:17px;z-index:1}.hero-name .handwriting{font-size:60px}.hero-name p{font-size:11px;background:none}.hero-bottom{bottom:25px;z-index:1}.hero-bottom>p{font-size:17px}.scroll-link{font-size:9px;gap:8px}.nav{padding-left:20px;padding-right:20px}.nav nav{gap:18px}.identity{font-size:17px}
 .work-header{height:520px;min-height:0;max-height:none;display:block;padding:135px 0 80px}.work-margin{top:38px;font-size:8px;letter-spacing:.7px}.work-title-block{width:83%;margin-left:auto;padding:0}.work h2{font-size:clamp(70px,18.5vw,112px);line-height:.81;letter-spacing:-.075em}.work .work-title-block .eyebrow{font-size:10px;margin-bottom:25px}.work-intro{font-size:12px;margin-top:26px;max-width:240px;line-height:1.8}.work-colophon{font-size:9px;gap:20px;line-height:1.7;bottom:23px}.work-colophon span:last-child{text-align:right}
 .project-card,.project-card:nth-child(4n+2),.project-card:nth-child(4n+3),.project-card:nth-child(even){display:flex;flex-direction:column;gap:25px;padding:38px 0;margin:0;align-items:stretch}.card-copy{padding:0;display:contents}.card-category{order:0;margin:0;font-size:9px;display:flex;justify-content:space-between;gap:15px;align-items:start}.card-category>span{margin:0;text-align:right;font-size:9px}.card-copy h3{order:1;font-size:42px;max-width:100%;letter-spacing:-.055em}.card-art{order:2;width:100%;aspect-ratio:1.1}.card-caption{order:3;font-size:14px;margin:0}.card-proof{order:4;margin:0}.card-proof strong{font-size:18px}.card-proof span{font-size:11px}.card-role{order:4;margin:0;font-size:12px}.card-open{order:5;margin:0;font-size:12px;padding-top:15px}.archive{padding-top:60px}.archive-top h2{font-size:52px}.filters button{margin-right:14px;font-size:12px;padding:10px 0}.archive-row strong{font-size:18px}.project-head{display:block;padding:38px 6%}.project-head h2{font-size:46px}.project-head .eyebrow{margin-bottom:28px}.project-head .project-desc{font-size:15px}.project-role{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.project-card .card-art img{transition:none}}
.card-proof strong,.card-proof span{word-break:keep-all;overflow-wrap:break-word}
