@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Libre+Caslon+Display&family=Noto+Sans+KR:wght@300;400&display=swap');
:root{--mint:#81D8D0;--ink:#282725;--paper:#faf9f7;--line:#deddd9}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans KR",sans-serif}
a{color:inherit;text-decoration:none}.logo{font-family:"Libre Caslon Display",serif;color:var(--mint);font-size:26px;letter-spacing:-.05em}.logo i{font-weight:400}
.header{height:72px;position:fixed;z-index:20;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5vw;background:rgba(250,249,247,.87);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.04)}
.header nav{display:flex;gap:30px;font-size:9px;letter-spacing:.18em}.inquiry{justify-self:end;color:var(--mint);font-size:9px;letter-spacing:.08em;border-bottom:1px solid}.menu-btn{display:none}
.hero{height:100svh;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 15% 42%,rgba(255,255,255,.95),transparent 35%),linear-gradient(115deg,#faf9f7 0%,#fff 45%,#f9f7f2 100%)}
.hero-mark{text-align:center}.hero h1{font-family:"Libre Caslon Display",serif;font-size:clamp(75px,12vw,180px);font-weight:400;letter-spacing:-.075em;color:var(--mint);margin:0;line-height:.86}.hero p,.closing p{letter-spacing:.36em;color:var(--mint);font-size:12px;margin:30px 0 0}.scroll{position:absolute;bottom:28px;font-size:8px;letter-spacing:.2em;text-align:center}.scroll span{display:block;height:28px;border-left:1px solid var(--mint);margin:0 auto 12px}
.philosophy{min-height:72vh;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.philosophy-image{background:url("./assets/philosophy.jpg") center/cover no-repeat;min-height:630px}.philosophy-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.philosophy span,.section-head span{font-size:9px;letter-spacing:.2em;color:var(--mint)}.philosophy h2,.section-head h2{font-family:"Libre Caslon Display",serif;font-weight:400;font-size:clamp(40px,5vw,72px);letter-spacing:-.04em;line-height:1.02;margin:22px 0}.philosophy p{font-size:13px;line-height:2;color:#64615c}
.fields{padding:110px 4vw}.section-head{text-align:center;margin-bottom:65px}.section-head h2{font-size:clamp(38px,4.3vw,65px)}
.field-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.field-grid article{padding:34px 18px;min-height:240px;border-right:1px solid var(--line);position:relative}.field-grid article:last-child{border:0}.field-grid b{color:var(--mint);font-weight:400;font-size:9px}.field-grid h3{font-size:10px;letter-spacing:.08em;margin-top:60px}.field-grid p{font-family:"Noto Sans KR";font-weight:300;font-size:11px;line-height:1.7;color:#6c6964}
.experience{padding:30px 0 0}.mosaic{display:grid;grid-template-columns:1.05fr 1fr 1.05fr 1fr 1.05fr;height:54vw;max-height:680px}.tile{margin:0;position:relative;overflow:hidden}.tile img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.tile:hover img{transform:scale(1.035);filter:saturate(1)}.tile figcaption{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;font-size:9px;letter-spacing:.18em;display:flex;justify-content:space-between;text-shadow:0 1px 8px #000}.tile em{font-style:normal;font-size:14px}
.closing{height:37vh;display:grid;place-items:center;text-align:center}.closing p{font-family:"Libre Caslon Display",serif;font-size:clamp(24px,3vw,46px)}
footer{background:var(--mint);padding:55px 4vw 35px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;font-size:10px;line-height:1.9;color:#fff}.footer-brand .logo{color:#fff;font-size:36px}.footer-brand small{font-size:8px;letter-spacing:.25em}.footer-brand+div strong,footer>div:nth-child(3) strong{display:block;margin-bottom:15px;letter-spacing:.1em}footer p{margin:0}footer>div:nth-child(3){display:flex;flex-direction:column}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.35);padding-top:25px}
.reveal{opacity:0;transform:translateY(25px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}
@media(max-width:800px){.header{grid-template-columns:1fr auto;padding:0 20px}.header nav,.inquiry{display:none}.menu-btn{display:block;background:none;border:0;color:var(--mint);font-size:9px;letter-spacing:.14em}.header nav.open{display:flex;position:fixed;top:72px;left:0;right:0;flex-direction:column;background:var(--paper);padding:6px 25px 20px;border-bottom:1px solid var(--line)}.header nav.open a{padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.header nav.open a:last-child{border-bottom:0}.hero h1{font-size:22vw}.hero p{font-size:9px}.philosophy{grid-template-columns:1fr}.philosophy-image{min-height:52vh}.philosophy-copy{padding:65px 25px}.field-grid{grid-template-columns:1fr}.field-grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:25px}.field-grid h3{margin:15px 0 7px}.mosaic{grid-template-columns:1fr;height:auto}.tile{height:42vh}.closing{height:32vh}footer{grid-template-columns:1fr;gap:30px}.copyright{grid-column:auto}}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.inquiry-section{padding:120px 7vw;background:#f3f0ea;display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-top:1px solid var(--line)}
.inquiry-intro span{font-size:9px;letter-spacing:.2em;color:var(--mint)}
.inquiry-intro h2{font-family:"Libre Caslon Display",serif;font-weight:400;font-size:clamp(42px,5.2vw,76px);line-height:1.02;letter-spacing:-.045em;margin:24px 0}
.inquiry-intro p{font-size:12px;letter-spacing:.03em;color:#6c6964}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;align-content:start}
.inquiry-form label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#6b6862}
.inquiry-form input,.inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #aaa59c;background:transparent;border-radius:0;padding:13px 0 10px;font:400 14px "DM Sans","Noto Sans KR",sans-serif;color:var(--ink);outline:none}
.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:var(--mint)}
.inquiry-form .full{grid-column:1/-1}.inquiry-form button{grid-column:1/-1;margin-top:10px;border:1px solid var(--mint);background:var(--mint);color:white;padding:17px 20px;font-size:9px;letter-spacing:.2em;display:flex;justify-content:space-between;cursor:pointer;transition:.3s}
.inquiry-form button:hover{background:transparent;color:var(--mint)}.form-note{grid-column:1/-1;font-size:9px;color:#88847d;margin:0}
footer a{color:inherit}
@media(max-width:800px){.inquiry-section{grid-template-columns:1fr;padding:85px 25px;gap:60px}.inquiry-form{grid-template-columns:1fr}.inquiry-form .full,.inquiry-form button,.form-note{grid-column:auto}}

.hero-kicker{
  display:block;
  margin-bottom:28px;
  color:var(--mint);
  font-size:9px;
  font-weight:500;
  letter-spacing:.32em;
  text-transform:uppercase;
}