/* Direction B: warm editorial architecture. Original retained at previous/. */
:root{--paper:#f5f2eb;--ink:#332f29;--muted:#777267;--olive:#75634e;--line:#d6cec1}
body{max-width:none}h1,h2{word-break:keep-all}.header{height:98px;margin:0 5%;border:0}.brand{font-size:49px}.brand>span{font-size:12px}.header-contact{border-radius:0;border-color:#a79b89}.header-contact:hover{background:#514536}.header nav{gap:44px}.hero{padding:0;position:relative}.hero-photo{min-height:clamp(580px,79svh,820px)}.hero-photo img{object-position:center 72%}.hero-photo::after{background:linear-gradient(90deg,rgba(40,35,28,.79),rgba(46,40,32,.46) 45%,rgba(46,40,32,.02) 85%)}.hero-copy{align-self:center;padding:65px 8% 115px}.hero-copy .eyebrow{color:#e4d9c8;letter-spacing:2.6px;font-size:10px}.hero-copy h1{font-family:'Noto Serif KR','Batang',serif;font-weight:400;color:#fffaf1;font-size:clamp(48px,5.1vw,82px);letter-spacing:-3px;line-height:1.44}.hero-bottom{margin-top:29px}.hero-bottom p{color:#f0e9de;font-size:14px;line-height:2}.hero-actions{margin-top:34px;gap:33px}.hero-cta{background:#eee7d9;color:#393126;border-color:#eee7d9;padding:18px 26px}.hero-cta:hover{background:#fffaf1;color:#393126}.hero-actions .text-link{color:#fffaf1;border-color:#bcb3a5}.hero-photo figcaption{background:#302c267a;right:28px;bottom:25px}.photo-index{left:8%;color:#e2d8c9;bottom:32px}.hero-foot{background:#e8e1d5;padding:19px 5%;font-size:10px;color:#605748}.hero-foot a{letter-spacing:1.8px}.manifesto{padding:104px 8%;display:grid;grid-template-columns:1fr 3fr 1fr;gap:30px;border-bottom:1px solid var(--line)}.manifesto>.eyebrow{font-size:9px;line-height:1.8;max-width:150px;margin-top:10px}.manifesto h2{font-size:34px;line-height:1.6;letter-spacing:-1.5px}.manifesto h2 span{color:#968571}.manifesto p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:2;margin-top:25px}.manifesto-note{align-self:end;font-family:Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;color:#968571;text-align:right}.section{padding:100px 8%}.section-top{border:0;padding-top:0}.section-intro{margin:25px 0 47px}.section-intro h2{font-size:37px;font-weight:400}.tiny{color:#8e816e}.service-grid{display:block;border-top:1px solid var(--line)}.service,.service.primary{background:transparent;color:var(--ink);padding:31px 0;min-height:0;display:grid;grid-template-columns:1fr 1.3fr 1.7fr 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.service-no{font-size:9px;color:#8f7960;opacity:1}.service h3{margin:0;font-size:23px}.service p{margin:0;opacity:1;color:var(--muted);font-size:12px}.service-tag{margin:0;text-align:right;font-size:10px;color:#8f7960}.service.primary h3{color:#806b50}.portfolio{padding-top:20px}.project-grid{grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}.project:nth-child(2){padding-top:110px}.photo-empty{border:1px solid #e2ded6;aspect-ratio:1.22}.project:nth-child(2) .photo-empty{aspect-ratio:1.03}.project-bottom{padding-top:17px;border-top:1px solid var(--line)}.project h3{font-size:17px}.about{background:#393b32;color:#f4eee3;grid-template-columns:1.05fr 1fr;gap:10%;padding-top:85px;padding-bottom:85px}.about .eyebrow{color:#c2b89e}.about h2{font-family:'Noto Serif KR','Batang',serif;font-size:36px;line-height:1.6;letter-spacing:-1.8px}.about-lead,.values p{color:#c3c4b8}.values article{border-color:#606355;padding:23px 0 17px}.values article>span{color:#c2b89e}.values h3{font-size:16px}.about-photo{aspect-ratio:auto;min-height:620px;border:0}.about-photo>span{color:#92978b}.process{padding-bottom:90px}.process-steps{gap:30px}.process-steps li{border-color:#c3b8a6}.process-steps li>span{font-size:42px;color:#aa9578}.process-steps h3{font-size:14px}.contact{background:#e7dfd1;padding:90px 8% 35px}.contact .eyebrow{font-size:9px;letter-spacing:2.5px}.contact h2{font-family:'Noto Serif KR','Batang',serif;font-size:59px;line-height:1.45;letter-spacing:-2.5px}.contact-buttons>*{border-radius:0;border-color:#a89d8b}.contact-buttons>*:first-child{background:#655641;border-color:#655641}.contact-meta{border-color:#c8bca9}.contact .contact-note{color:#706755}.compare-link{font-size:11px;text-decoration:underline;text-underline-offset:5px;color:#776b59}footer{margin:0;padding:35px 8%;background:#e7dfd1;border-color:#c8bca9}footer .brand{font-size:39px}a:focus-visible{outline-color:#b78b4e}
@media(max-width:900px){.manifesto{grid-template-columns:1fr 3fr}.manifesto-note{display:none}.service,.service.primary{grid-template-columns:1fr 1.3fr 2fr}.service-tag{display:none}.about{gap:6%}.about h2{font-size:30px}}
@media(max-width:760px){.header{height:82px}.brand{font-size:34px}.brand>span{font-size:9px}.header nav{gap:13px}.header-contact{font-size:10px;padding:10px}.hero-photo{min-height:610px}.hero-photo img{object-position:52% 64%}.hero-photo::after{background:linear-gradient(180deg,rgba(37,33,27,.79),rgba(37,33,27,.53) 46%,rgba(37,33,27,.05) 81%)}.hero-copy{align-self:start;padding:54px 7% 140px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}.hero-copy h1{font-size:clamp(34px,9.6vw,58px);letter-spacing:-1.9px}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:12px}.hero-actions{gap:23px;margin-top:27px}.hero-cta{font-size:11px;padding:15px 18px}.hero-actions .text-link{min-width:120px;font-size:10px}.hero-photo figcaption{left:7%;right:auto;bottom:18px;font-size:7px;padding:8px 10px}.hero-foot{font-size:8px;padding:18px 6%}.hero-foot a{letter-spacing:.5px}.manifesto{padding:63px 7%;display:block}.manifesto>.eyebrow{max-width:none;margin:0 0 25px}.manifesto h2{font-size:26px;letter-spacing:-1px}.manifesto p:not(.eyebrow){font-size:12px;margin-bottom:0}.manifesto p br{display:none}.section{padding:65px 7%}.section-intro h2{font-size:29px}.section-intro{margin-bottom:30px}.service,.service.primary{grid-template-columns:1fr;gap:13px;padding:26px 0}.service h3{font-size:23px}.service p br{display:none}.service-grid{border-top:1px solid var(--line)}.portfolio{padding-top:5px}.project-grid{grid-template-columns:1fr;gap:36px}.project:nth-child(2){padding-top:0}.project:nth-child(2) .photo-empty{aspect-ratio:1.22}.project h3{font-size:15px}.about{grid-template-columns:1fr;gap:34px;padding-top:55px;padding-bottom:55px}.about-photo{min-height:0;aspect-ratio:1.15}.about h2{font-size:29px}.values h3{font-size:14px}.process{padding-bottom:45px}.process-steps{gap:0}.process-steps li{padding:23px 0}.process-steps li>span{font-size:30px}.contact{padding:65px 7% 30px}.contact h2{font-size:40px}.contact-buttons>*{font-size:11px}.contact-meta{font-size:9px;gap:12px}footer{padding:28px 7%;gap:23px}.compare-link{font-size:10px}footer .brand{font-size:31px}}
@media(max-width:360px){.header nav{gap:9px;font-size:9px}.hero-copy h1{font-size:32px}.hero-actions{gap:14px}.hero-cta{padding:13px 14px}.hero-actions .text-link{min-width:111px}.contact-meta{flex-direction:column;gap:9px}}
