.site-header.inner-header{position:relative;color:#171717;background:#fff;border-bottom:1px solid #ececec}.portfolio-main{max-width:1440px;padding:70px 6% 90px;margin:auto}.portfolio-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.portfolio-intro h1{font-family:Arial,sans-serif;font-size:64px;line-height:1.1;font-weight:400;letter-spacing:-2px;margin:18px 0}.portfolio-intro p{color:#707070;font-size:15px}.portfolio-count{font-size:14px;white-space:nowrap;color:#777}.filters{display:flex;gap:30px;border-bottom:1px solid #ddd;margin-bottom:38px;flex-wrap:wrap}.filters button{padding:13px 0;background:none;border:0;border-bottom:2px solid transparent;font-size:15px;color:#777}.filters button[aria-pressed=true]{border-color:#171717;color:#171717}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 27px}.portfolio-grid .project-card{margin:0;max-width:none}.portfolio-grid .project-image{height:auto;aspect-ratio:1.25}.portfolio-grid h2{font-size:21px;letter-spacing:-.035em;line-height:1.5}.portfolio-grid p{font-size:14px;color:#777;margin:7px 0}.portfolio-grid .project-meta{font-size:11px}.project-card a{display:block}.project-card[hidden]{display:none}.archive-note{font-size:12px;color:#777;line-height:1.8;margin:32px 0 0}.archive-link{display:inline-block;border-bottom:1px solid #777;margin-top:20px;font-size:14px}.breadcrumb{display:flex;gap:12px;color:#777;font-size:13px;align-items:center;margin-bottom:35px}.detail-top{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-bottom:45px}.detail-top h1{font-size:43px;font-weight:400;line-height:1.4;letter-spacing:-.045em;margin:15px 0 18px;word-break:keep-all}.detail-top p{font-size:16px;line-height:1.9;color:#666}.project-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #222;padding-top:22px;align-content:start}.project-facts div{margin:0}.project-facts dt{font-size:12px;color:#777}.project-facts dd{margin:5px 0 0;font-size:16px}.detail-cover{width:100%;max-height:780px;object-fit:contain;background:#f5f5f3}.detail-info{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding:55px 0;border-bottom:1px solid #ddd;margin-bottom:45px}.detail-info h2{font-size:28px}.detail-info ul{padding-left:20px;margin:0;color:#555;line-height:2.1;font-size:16px}.detail-note{padding-top:15px;font-size:13px;color:#777;line-height:1.8}.gallery-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.gallery-heading h2{font-family:Arial,sans-serif;font-size:35px}.gallery-heading p{font-size:13px;color:#777}.photo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}.photo-gallery figure{margin:0;min-width:0}.photo-gallery button{border:0;padding:0;width:100%;background:#f4f4f2;display:block;cursor:zoom-in}.photo-gallery img{height:auto;width:100%;max-height:650px;object-fit:contain}.photo-gallery figcaption{font-size:12px;color:#777;padding-top:9px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ddd;padding-top:25px;margin-top:45px}.detail-bottom a{font-size:14px}.lightbox{border:0;background:#111;color:white;padding:18px;max-width:96vw;width:1100px;max-height:95svh}.lightbox::backdrop{background:#000d}.lightbox-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 5px 12px}.lightbox button{background:none;border:1px solid #777;color:white;min-height:44px;min-width:44px;padding:6px 15px}.lightbox img{max-height:72svh;width:100%;object-fit:contain}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:15px}.portfolio-more{display:flex;justify-content:center;margin-top:45px}.portfolio-more a{border-bottom:1px solid #171717;padding-bottom:9px;font-size:15px}.project-image .source-status{background:#171717b8;color:white}.inner-header .mobile-menu>div{color:white}.empty-message{padding:40px 0;color:#777}@media(max-width:950px){.portfolio-grid{grid-template-columns:1fr 1fr}.detail-top{gap:30px}.detail-top h1{font-size:36px}.detail-info{gap:30px}}@media(max-width:650px){.portfolio-main{padding:40px 24px 60px}.portfolio-intro{display:block;margin-bottom:28px}.portfolio-intro h1{font-size:46px}.portfolio-count{display:block;margin-top:15px}.filters{gap:22px;margin-bottom:28px}.filters button{font-size:14px}.portfolio-grid{grid-template-columns:1fr;gap:32px}.portfolio-grid h2{font-size:23px}.portfolio-grid .project-image{aspect-ratio:1.2}.detail-top{grid-template-columns:1fr;gap:28px}.detail-top h1{font-size:32px}.detail-top p{font-size:15px}.project-facts{gap:20px}.detail-info{grid-template-columns:1fr;gap:18px;padding:32px 0;margin-bottom:30px}.detail-info h2{font-size:25px}.detail-info ul{font-size:15px}.photo-gallery{grid-template-columns:1fr;gap:23px}.gallery-heading{align-items:start;gap:12px}.gallery-heading h2{font-size:29px}.gallery-heading p{font-size:12px;margin-top:11px}.detail-bottom{flex-wrap:wrap;gap:20px}.breadcrumb{font-size:12px;flex-wrap:wrap}.lightbox{padding:12px}.lightbox img{max-height:65svh}}
.project-card h2{font-size:23px;font-weight:400;letter-spacing:-.035em;line-height:1.5}.project-card>a>p{font-size:14px;color:#777;margin-top:7px}.projects .project-card>a{display:block}
.portfolio-grid .project-card{grid-column:auto}.portfolio-grid .project-card .project-image{height:auto;aspect-ratio:1.25}
/* Main page: aligned project cards */
#projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
#projects .project-card{grid-column:auto;width:100%;max-width:none;margin:0;min-width:0}
#projects .project-card .project-image{height:auto;aspect-ratio:4/3}
#projects .project-card .project-image img{height:100%;object-fit:cover}
#projects .project-meta{margin-top:19px}
#projects .project-card h2{font-size:22px;line-height:1.5;word-break:keep-all}
#projects .portfolio-note{margin-bottom:30px}
#projects .portfolio-more{margin-top:36px}
@media(max-width:950px) and (min-width:651px){#projects{padding-left:5%;padding-right:5%}#projects .project-grid{gap:18px}#projects .project-card h2{font-size:19px}}
@media(max-width:650px){#projects .project-grid{grid-template-columns:1fr;gap:34px}#projects .project-card .project-image{aspect-ratio:4/3}#projects .project-card h2{font-size:22px}#projects .project-meta{margin-top:15px}#projects .portfolio-more{margin-top:30px}}

/* Approved portfolio direction: restrained architectural archive. */
body{background:#f8f6f1;color:#262720}.portfolio-main{max-width:1240px;padding:58px 44px 86px}.portfolio-intro{align-items:end;margin-bottom:27px}.portfolio-intro .eyebrow{font-family:'Cormorant Garamond',Georgia,serif;font-size:11px;letter-spacing:.28em;color:#9a795b}.portfolio-intro h1{font-family:'Noto Sans KR',sans-serif;font-size:0;line-height:1.35;font-weight:300;letter-spacing:-.055em;margin:18px 0 11px}.portfolio-intro h1::before{content:'공간의 기록';font-size:44px}.portfolio-intro p{font-size:0;color:#77766f}.portfolio-intro p::before{content:'공간이 만들어낸 사람의 가치를 만나보세요.';font-size:13px}.portfolio-count{font-size:12px;color:#74746d;padding-bottom:7px}.portfolio-count strong{font-weight:400}.filters{gap:34px;margin-bottom:30px;border-color:#d5d1c7}.filters button{padding:12px 0;font-size:13px;font-weight:300;color:#77766f}.filters button[aria-pressed=true]{border-color:#987957;color:#272824}.portfolio-grid{gap:36px 22px}.portfolio-grid .project-image{aspect-ratio:1.4;background:#ebe8e1}.portfolio-grid .project-image img{height:100%;object-fit:cover}.portfolio-grid .source-status{display:none}.portfolio-grid .project-meta{margin:10px 0 3px;font-family:'Cormorant Garamond',Georgia,serif;font-size:10px;line-height:1.3;letter-spacing:.14em;color:#9a795b}.portfolio-grid h2{font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:300;line-height:1.55;letter-spacing:-.035em;word-break:keep-all}.portfolio-grid p{font-size:12px;line-height:1.65;color:#898881;margin:3px 0}.archive-note{max-width:800px;margin-top:35px;font-size:12px;color:#87867f}.archive-link{margin-top:13px;font-size:12px}.portfolio-main+footer{background:#f8f6f1;padding-top:38px}.portfolio-main+footer .logo{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;font-weight:400;letter-spacing:.08em}.portfolio-main+footer .logo>span{font-size:10px;letter-spacing:.04em}.portfolio-main+footer .footer-top{padding-bottom:25px}.portfolio-main+footer .footer-bottom{font-size:11px}
@media(max-width:950px){.portfolio-main{padding-left:32px;padding-right:32px}.portfolio-grid{gap:32px 18px}.portfolio-grid h2{font-size:17px}}
@media(max-width:650px){.portfolio-main{padding:36px 20px 56px}.portfolio-intro{margin-bottom:20px}.portfolio-intro h1{margin-top:14px}.portfolio-intro h1::before{font-size:34px}.portfolio-intro p::before{font-size:12px}.portfolio-count{margin-top:16px;font-size:12px}.filters{gap:21px;margin-bottom:25px;flex-wrap:nowrap;overflow-x:auto}.filters button{font-size:12px;white-space:nowrap}.portfolio-grid{gap:31px}.portfolio-grid .project-image{aspect-ratio:1.4}.portfolio-grid .project-meta{margin-top:10px}.portfolio-grid h2{font-size:18px}.portfolio-grid p{font-size:12px}.portfolio-main+footer .logo{font-size:18px}}
