.hanok-page{--ink:#342821;--brown:#7b5b43;--line:#e3d3c1;--paper:#fffdf9;--tint:#f7f0e6;color:var(--ink);background:var(--paper);overflow:hidden}.hanok-page *{box-sizing:border-box}.hanok-shell{width:min(1220px,calc(100% - 64px));margin:0 auto}.hanok-section{padding:108px 0;border-bottom:1px solid var(--line)}.hanok-section--tint{background:var(--tint)}.hanok-eyebrow{margin:0 0 24px;color:var(--brown);font-size:13px;font-weight:700;letter-spacing:.24em}.hanok-page h1,.hanok-page h2,.hanok-page h3,.hanok-page p{word-break:keep-all}.hanok-page h1{margin:0 0 20px;font-size:clamp(42px,5vw,68px);line-height:1.12;letter-spacing:-.045em}.hanok-page h2{margin:0 0 28px;font-size:clamp(34px,3.4vw,52px);line-height:1.25;letter-spacing:-.045em}.hanok-page h3{margin:20px 0 14px;font-size:20px;line-height:1.45}.hanok-page p{font-size:17px;line-height:2;color:#755f51}.hanok-hero{min-height:520px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(47,30,21,.82),rgba(62,39,27,.42)),var(--hanok-hero);background-size:cover;background-position:center 48%;color:#fff}.hanok-hero__inner{padding-top:40px}.hanok-hero .hanok-eyebrow,.hanok-hero p{color:rgba(255,255,255,.86)}.hanok-hero p:last-child{max-width:620px;margin:0;font-size:19px}.hanok-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.98fr);gap:86px;align-items:center}.hanok-copy>p:not(.hanok-eyebrow){max-width:640px;margin:0 0 12px}.hanok-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hanok-button{display:inline-flex;min-height:48px;padding:0 23px;align-items:center;justify-content:center;border:1px solid var(--brown);border-radius:999px;background:var(--brown);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none;transition:.2s ease}.hanok-button:hover{transform:translateY(-2px);filter:brightness(.95)}.hanok-button--outline{background:transparent;color:var(--brown)!important}.hanok-feature-image,.hanok-tech-grid figure,.hanok-gallery figure,.hanok-project-grid figure{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(67,46,32,.07)}.hanok-feature-image img{width:100%;height:430px;object-fit:cover;object-position:center 35%;display:block}.hanok-feature-image figcaption,.hanok-tech-grid figcaption,.hanok-gallery figcaption,.hanok-project-grid figcaption{padding:18px 20px;color:#735b4b;font-size:14px}.hanok-heading{max-width:760px;margin:0 auto 56px}.hanok-heading--center{text-align:center}.hanok-heading>p:last-child{margin-bottom:0}.hanok-card-grid{display:grid;gap:20px}.hanok-card-grid--three{grid-template-columns:repeat(3,1fr)}.hanok-card-grid--four{grid-template-columns:repeat(4,1fr)}.hanok-card{min-height:220px;padding:34px 30px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:0 5px 16px rgba(67,46,32,.06)}.hanok-card span{color:var(--brown);font-size:13px;font-weight:700}.hanok-card p{margin:0;font-size:15px;line-height:1.85}.hanok-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.hanok-tech-grid img{display:block;width:100%;height:390px;object-fit:cover}.hanok-tech-grid figure:nth-child(2) img{object-fit:contain;background:#fff}.hanok-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hanok-gallery img{width:100%;height:285px;display:block;object-fit:cover}.hanok-gallery figcaption{text-align:center;font-weight:600}.hanok-process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:0;list-style:none}.hanok-process-grid li{min-height:245px;padding:28px 20px;text-align:center;border:1px solid var(--line);border-radius:18px;background:#faf5ed}.hanok-process-grid b{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--brown);color:#fff}.hanok-process-grid h3{font-size:16px}.hanok-process-grid p{margin:0;font-size:13px;line-height:1.75}.hanok-philosophy{padding:96px 0;background:#ecddcb}.hanok-philosophy .hanok-heading{margin-bottom:0}.hanok-philosophy h2{font-size:clamp(34px,4vw,54px)}.hanok-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hanok-project-grid img{display:block;width:100%;height:330px;object-fit:cover}.hanok-project-grid figcaption{text-align:center;font-weight:600}.hanok-consult{padding:72px 0;background:#503727;color:#fff}.hanok-consult .hanok-shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.hanok-consult .hanok-eyebrow{color:#d9b897}.hanok-consult h2{margin:0 0 10px;font-size:clamp(30px,3vw,44px)}.hanok-consult p{margin:0;color:rgba(255,255,255,.7)}.hanok-button--light{flex:0 0 auto;border-color:#9a7658;background:#8b684e}.hanok-page img{max-width:100%}@media(max-width:1024px){.hanok-section{padding:84px 0}.hanok-split{grid-template-columns:1fr 1fr;gap:42px}.hanok-card-grid--four{grid-template-columns:repeat(2,1fr)}.hanok-gallery{grid-template-columns:repeat(2,1fr)}.hanok-process-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.hanok-shell{width:min(100% - 34px,1220px)}.hanok-section{padding:68px 0}.hanok-hero{min-height:460px;background-position:58% center}.hanok-hero__inner{padding-top:50px}.hanok-hero p:last-child{font-size:16px;line-height:1.8}.hanok-page h2{font-size:34px}.hanok-split{grid-template-columns:1fr;gap:38px}.hanok-feature-image{order:-1}.hanok-feature-image img{height:330px}.hanok-card-grid--three,.hanok-card-grid--four{grid-template-columns:1fr}.hanok-card{min-height:auto}.hanok-tech-grid,.hanok-project-grid{grid-template-columns:1fr}.hanok-tech-grid img,.hanok-project-grid img{height:280px}.hanok-gallery{grid-template-columns:1fr 1fr;gap:12px}.hanok-gallery img{height:210px}.hanok-gallery figcaption{padding:14px 8px}.hanok-process-grid{grid-template-columns:1fr 1fr}.hanok-process-grid li{min-height:220px;padding:24px 14px}.hanok-consult .hanok-shell{align-items:flex-start;flex-direction:column}.hanok-consult{padding:58px 0}}@media(max-width:420px){.hanok-actions{display:grid}.hanok-button{width:100%}.hanok-gallery{grid-template-columns:1fr}.hanok-gallery img{height:260px}.hanok-process-grid{grid-template-columns:1fr}.hanok-process-grid li{min-height:auto}.hanok-tech-grid img,.hanok-project-grid img{height:250px}}