/* STUDIO 머무를 — Imweb-like clone */
:root{
  --bg:#f3eee7;         /* 페이지 배경 */
  --paper:#efe7dd;      /* 카드 배경 */
  --ink:#3a332e;        /* 본문 텍스트 */
  --muted:#8c8178;      /* 보조 텍스트 */
  --line:#e4d9cc;       /* 경계선 */
  --accent:#3b2f28;     /* 포인트(제목) */
  --footer:#3b332d;     /* 푸터 배경 */
  --max:1180px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,Pretendard,'Noto Sans KR',system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  line-height:1.9;font-weight:400}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 18px}
/* Header */
.header{position:sticky;top:0;background:#fffefcdd;backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--line);z-index:10}
.header .inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:74px}
.logo{justify-self:center;text-align:center;letter-spacing:.65rem;color:var(--accent);font-weight:900;font-size:30px;line-height:1}
.logo small{display:block;letter-spacing:.35rem;font-size:10px;margin-top:6px}
.search{justify-self:end;color:var(--muted);font-size:14px}
/* Nav */
.nav{display:flex;gap:22px;justify-content:center;padding:12px 0;border-bottom:1px solid var(--line);background:#fffdf9}
.nav a{padding:8px 10px;border-radius:10px}
.nav a.active,.nav a:hover{background:var(--paper)}
/* Hero text block */
.hero{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.hero .inner{padding:28px 16px;text-align:center;max-width:700px;margin:0 auto;color:var(--ink)}
/* Section headings */
.h1{font-size:22px;font-weight:800;margin:26px 0 10px;color:var(--accent)}
.lead{color:var(--muted);margin-top:6px}
/* Grid (portfolio) */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 30px}
.grid .cell{aspect-ratio:1/1;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#ddd}
/* Cards */
.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}
/* Accordion (details/summary styled) */
.accordion{margin:18px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.accordion details{border-top:1px solid var(--line)}
.accordion details:first-child{border-top:none}
.accordion summary{list-style:none;cursor:pointer;background:var(--paper);padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary .chev{transition:transform .2s ease}
details[open] summary .chev{transform:rotate(180deg)}
.accordion .body{background:#fffdf8;padding:16px 16px 20px}
/* Tables (price/rows) */
.table{width:100%;border-collapse:collapse;background:#fffdf8;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:10px 0}
.table th,.table td{border-top:1px solid var(--line);padding:12px 14px;text-align:left}
.table th{background:#f8f2ea;font-weight:800}
/* Buttons */
.btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
/* Footer */
.footer{background:var(--footer);color:#d9d2cb;margin-top:38px}
.footer .inner{padding:26px 0;display:grid;gap:12px}
.footer a{color:#d9d2cb}
.copyright{border-top:1px solid #5a534d;padding-top:14px;color:#baafa6;font-size:12px}

@media (max-width:900px){
  .grid{grid-template-columns:1fr 1fr}
  .header .inner{grid-template-columns:auto 1fr auto}
  .logo{font-size:24px;letter-spacing:.5rem}
}
@media (max-width:600px){
  .grid{grid-template-columns:1fr}
}