*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafafa;color:#202020;font-family:Arial,'Noto Sans KR','Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #685941;outline-offset:6px}header{padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;gap:24px}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;white-space:nowrap}nav{display:flex;gap:32px;font-size:14px}nav a{padding:8px 0;color:#6b6b6b}nav a[aria-current=page]{color:#171717;border-bottom:1px solid #171717}.menu{display:none;background:none;border:0;padding:10px}main{padding:0 4.5%}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#777}.intro{padding:58px 0 32px;display:flex;justify-content:space-between;align-items:end;gap:30px}.intro h1{font-size:clamp(36px,5vw,76px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:0}.intro p{max-width:330px;line-height:1.8;font-size:16px;margin:0;color:#666}.hero{margin:0;position:relative}.hero img{width:100%;height:min(62vw,660px);min-height:330px;object-fit:cover;display:block}.hero figcaption{display:flex;justify-content:space-between;padding:16px 0;font-size:14px;color:#777}.section-title{display:flex;justify-content:space-between;align-items:center;padding:60px 0 28px}.section-title h2{font-size:28px;font-weight:400;margin:0;letter-spacing:-.6px}.text-link{font-size:14px;border-bottom:1px solid #444;padding-bottom:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .5s}.project .image-wrap{overflow:hidden}.project:hover img{transform:scale(1.025)}.project h3{font-size:20px;font-weight:400;margin:20px 0 8px}.project p{font-size:14px;color:#777;margin:0;line-height:1.7}.project small{display:block;margin-top:12px;font-size:12px;color:#888}.statement{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:100px 0;border-bottom:1px solid #ddd}.statement h2{font-weight:400;font-size:clamp(27px,3vw,44px);line-height:1.5;letter-spacing:-1.2px;margin:0 0 25px}.statement p{font-size:16px;line-height:1.9;max-width:700px;color:#666}.page-heading{padding:78px 0 48px}.page-heading h1{font-size:clamp(48px,8vw,110px);letter-spacing:-4px;font-weight:400;line-height:1;margin:15px 0 28px}.page-heading p{color:#777;font-size:16px;line-height:1.8}.portfolio-grid{margin-bottom:85px}.portfolio-grid .project:nth-child(2){padding-top:85px}.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:85px}.about-lead img{width:100%;aspect-ratio:4/5;object-fit:cover}.about-copy h2{font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.5;letter-spacing:-1px;margin:30px 0}.about-copy p{font-size:16px;line-height:2;color:#666}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:85px}.principles article{border-top:1px solid #ccc;padding-top:24px}.principles h3{font-size:23px;font-weight:400}.principles p{color:#777;font-size:16px;line-height:1.9}.number{font-size:12px;color:#777}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:0 0 100px}.contact h2{font-size:36px;font-weight:400;line-height:1.5;letter-spacing:-1px;margin:10px 0 30px}.contact p{color:#666;font-size:16px;line-height:1.9}.contact aside{border-top:1px solid #ccc}.contact-row{padding:25px 0;border-bottom:1px solid #ddd}.contact-row span{font-size:14px;color:#777;display:block;margin-bottom:12px}.contact-row strong{font-size:18px;font-weight:400}.note{font-size:13px!important;color:#888!important}.footer{margin:0 4.5%;border-top:1px solid #ddd;padding:35px 0;display:flex;justify-content:space-between;gap:28px;align-items:center}.footer-brand{font-size:26px;font-weight:700;letter-spacing:-1px}.footer p{font-size:12px;color:#888;line-height:1.8;text-align:right;margin:0}.mobile-nav{display:none}.lightbox{border:0;padding:0;background:#fafafa;max-width:92vw;width:1000px}.lightbox::backdrop{background:#000b}.lightbox img{max-height:72vh;width:100%;object-fit:contain;background:#eee}.lightbox .caption{padding:22px;display:flex;justify-content:space-between;gap:20px}.lightbox button{border:1px solid #bbb;background:transparent;padding:8px 16px;cursor:pointer}.project-open{display:block;text-align:left;border:0;background:transparent;padding:0;width:100%;cursor:pointer;color:inherit}.sample-label{display:inline-block;background:#eeeeeb;color:#666;padding:6px 10px;font-size:12px;margin-top:15px}@media(max-width:700px){header{padding:22px 6%}.brand{font-size:20px}header nav{display:none}.menu{display:block}.mobile-nav.open{display:flex;flex-direction:column;padding:18px 6%;gap:18px;border-bottom:1px solid #ddd}main{padding:0 6%}.intro{padding:40px 0 25px;align-items:start;flex-direction:column;gap:20px}.intro h1{letter-spacing:-1.8px}.intro p{font-size:14px}.hero img{height:56vh;min-height:310px}.hero figcaption{font-size:12px;gap:20px}.section-title{padding-top:45px}.section-title h2{font-size:23px}.grid{grid-template-columns:1fr;gap:40px}.project img{aspect-ratio:4/3}.statement{grid-template-columns:1fr;padding:60px 0;gap:24px}.page-heading{padding:48px 0 30px}.page-heading h1{letter-spacing:-2px}.portfolio-grid .project:nth-child(2){padding-top:0}.about-lead,.contact{grid-template-columns:1fr;gap:25px}.principles{grid-template-columns:1fr;gap:28px}.about-lead{margin-bottom:45px}.about-copy h2{margin-top:0}.footer{margin:0 6%;align-items:start;flex-direction:column}.footer p{text-align:left}.contact h2{font-size:30px}.project-open:hover img{transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.photo-pending{aspect-ratio:4/5;background:#efefed;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#777}.photo-pending span{font-size:25px}.photo-pending small{font-size:13px}.services{border-top:1px solid #ddd;padding:45px 0 80px}.services h2{font-size:32px;font-weight:400}.services p{font-size:16px;line-height:1.8;color:#666}.region{margin-top:35px}@media(max-width:700px){.photo-pending{aspect-ratio:4/3}}
.project-back{padding-top:35px}.project-heading{padding:45px 0 35px}.project-heading h1{font-size:clamp(45px,7vw,95px);font-weight:400;letter-spacing:-3px;margin:15px 0 22px;line-height:1.1}.project-heading p{font-size:16px;line-height:1.8;color:#666}.project-cover{margin:0}.project-cover img{width:100%;height:auto;display:block}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:70px 0}.project-story h2{font-weight:400;font-size:30px;line-height:1.5;margin:0 0 25px}.project-story p{font-size:16px;line-height:1.95;color:#666;margin:12px 0 28px}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px;align-items:start}.gallery-item{margin:0}.gallery-item.landscape{grid-column:1/-1}.gallery-item img{width:100%;height:auto;display:block}.gallery-item figcaption{display:flex;gap:20px;font-size:14px;color:#666;line-height:1.7;margin-top:15px}.gallery-item figcaption span{color:#999;font-size:12px}.project-end{display:flex;justify-content:space-between;padding:65px 0}.hero img{object-position:center 58%}a.project-open{color:inherit}@media(max-width:700px){.project-heading h1{letter-spacing:-2px}.project-story{grid-template-columns:1fr;gap:20px;padding:40px 0}.project-story>div:first-child{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:baseline}.project-story>div:first-child p{margin:0}.project-gallery{grid-template-columns:1fr;gap:35px}.gallery-item.landscape{grid-column:auto}.hero img{height:auto;min-height:0;aspect-ratio:4/3;object-position:58% center}}
.pizza-cover{max-width:820px;margin:0 auto}.pizza-cover img{height:auto}.project-gallery .gallery-item:last-child:nth-child(even){grid-column:1/-1;max-width:760px;margin:auto}@media(max-width:700px){.project-gallery .gallery-item:last-child:nth-child(even){grid-column:auto}}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;line-height:1.7}.footer-links a{text-decoration:underline;text-underline-offset:5px}.contact-row a{overflow-wrap:anywhere}@media(max-width:700px){.footer-links{width:100%;flex-direction:column;gap:10px}}

.about-planning{margin:0}.about-lead .about-planning img{width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}.about-planning figcaption{padding-top:12px}.about-planning small{font-size:12px}@media(max-width:700px){.hero img{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center}}
