/* 메모리코드 서울웨딩스냅 — 레퍼런스 fume-studio.com 실측값 기준
   흰 바탕 · 크림(#F6EFE0) 공지바/푸터 · 다크브라운(#442A19) 로고 · 잉크(#14191B) 본문
   폰트: MierA(유료) → DM Sans 대체, 전부 400 굵기 · 12px 대문자 라벨 · 버튼 radius 10px */
:root{
  --white:#fff; --cream:#F6EFE0; --beige:#E8E0D2; --btn:#F2EFEC; --brown:#442A19; --ink:#14191B;
  --grey:#6F6F6F; --line:rgba(20,25,27,.12);
  --sans:'DM Sans','Pretendard Variable',Pretendard,-apple-system,sans-serif;
  --mono:'DM Mono',ui-monospace,monospace;
  --serif:'Cormorant Garamond',Georgia,serif;
  --pad:32px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 15px/1.65 var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0}
h1,h2,h3,b,strong,th{font-weight:400}
i{font-style:normal}
.wrap{padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--ink);color:#fff;padding:8px 14px}

/* 대문자 라벨 — "● INCENSE STICKS" */
.label,.mast__nav,.mast__cta,.foot__title{font-size:12px;text-transform:uppercase;letter-spacing:.02em}
.more,.btn,.sticky{font-size:13px;letter-spacing:-.01em}
caption,thead th{font-size:13px}
.label i{font-size:9px;vertical-align:1px;margin-right:2px}
.more:hover{text-decoration:underline}

/* 헤더 */
.mast{position:sticky;top:0;z-index:20;height:66px;margin-bottom:-66px;color:#fff;transition:background .25s,color .25s}
.mast.is-solid{background:#fff;color:var(--brown)}
.mast__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;padding-inline:var(--pad)}
.mast__brand{font:500 32px/1 var(--serif);letter-spacing:-.01em}
.mast__nav ul{display:flex;list-style:none;margin:0;padding:0}
.mast__nav a{display:block;padding:22px 10px}
.mast__nav a:hover,.mast__cta:hover{text-decoration:underline}
.mast__cta{justify-self:end}
.mast.is-solid .mast__nav,.mast.is-solid .mast__cta{color:var(--ink)}

/* 히어로 — 풀블리드, 한 줄 [제목 | 짧은 문단 | 흰 버튼] */
.hero{position:relative;height:100svh;min-height:560px;max-height:1000px;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero__media,.hero__media picture,.hero__media img{position:absolute;inset:0;width:100%;height:100%}
.hero__media img{object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:rgba(20,25,27,.28)}
.hero__row{position:relative;z-index:1;text-shadow:0 1px 14px rgba(0,0,0,.45);width:100%;display:grid;grid-template-columns:1fr minmax(0,440px) 1fr;align-items:center;gap:24px;padding:0 var(--pad);margin-top:12vh}
.hero h1{font-size:22px;line-height:1.3;letter-spacing:-.03em}
.hero .lead,.hero__row p{font-size:15px;line-height:1.65;letter-spacing:-.02em}
.hero .btn{justify-self:end;text-shadow:none}
.hero--cta{height:80svh;min-height:480px}
.hero--cta .hero__row{margin-top:0;grid-template-columns:1fr auto;grid-template-areas:"t btn" "p btn";row-gap:12px}
.hero--cta h2{grid-area:t;font-size:clamp(26px,3vw,40px);line-height:1.25;font-weight:300;text-transform:none;letter-spacing:-.035em}
.hero--cta p{grid-area:p;font-size:14px}
.hero--cta .btn{grid-area:btn;align-self:center}

/* 버튼 */
.btn{display:inline-block;border:0;cursor:pointer;font-family:inherit;background:var(--btn);color:var(--ink);padding:16px 24px;border-radius:10px;transition:background .2s}
.btn:hover{background:var(--beige)}
.btn--white{background:#fff;color:#000}
.btn--white:hover{background:var(--cream)}

/* 섹션 */
.sec{padding:120px 0}
.sec--tight{padding:8px 0 0}
.sec--top{padding-top:0}
.row-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px 8px}
.cols h2{font-size:28px;line-height:1.3;letter-spacing:-.03em;margin:10px 0 14px;max-width:14ch}
.note{color:var(--grey);font-size:14px;line-height:1.7;max-width:40ch}
.sub{font-size:14px;font-weight:500;margin:56px 0 6px}
.list{list-style:none;padding:0}
.list li{padding:12px 0;font-size:14px;border-bottom:1px solid var(--line)}

/* 문장 블록 — "We believe home is..." */
.statement{max-width:none}
.statement p:not(.note):not(.label){font-size:clamp(26px,2.6vw,38px);line-height:1.35;letter-spacing:-.035em;max-width:22em;margin:14px 0 28px}
.statement .note{max-width:60ch}

/* 상품·갤러리 그리드 — 3열, 8px 간격, 베이지 바탕 */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gallery{margin-top:56px;row-gap:28px}
.card{display:block}
.card__img{display:block;aspect-ratio:461/524;background:var(--beige);overflow:hidden}
.card__img img,.card__img picture{width:100%;height:100%;object-fit:cover}
.card__img img{transition:opacity .3s}
.card:hover .card__img img,.card__img:hover img{opacity:.9}
.card__t{display:block;margin-top:12px;font-size:15px;letter-spacing:-.02em}
.card__s{display:block;margin-top:2px;font-size:13px;color:var(--grey)}
.card__s i{font-size:9px;vertical-align:1px}
.gallery .card__t{font-size:14px;color:var(--ink)}
.card__p{display:block;margin-top:4px;font-size:14px}

/* 2분할 풀블리드 + 가운데 흰 라벨 */
.split{display:grid;grid-template-columns:1fr 1fr}
.split a{position:relative;display:block;aspect-ratio:720/600;overflow:hidden}
.split picture,.split img{width:100%;height:100%;object-fit:cover}
.split span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(20,25,27,.12);font-size:17px;letter-spacing:-.02em}
.split a:hover span{text-decoration:underline}

/* 표 */
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
caption{text-align:left;color:var(--grey);padding:0 0 10px}
th,td{text-align:left;padding:16px 16px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}
thead th{color:var(--grey);border-bottom:1px solid var(--ink);padding-bottom:10px}
.num{white-space:nowrap}
.is-accent{color:var(--brown)}

/* 순서·용어·FAQ */
.steps{list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:56px 1fr;padding:18px 0;font-size:14px;border-bottom:1px solid var(--line);color:var(--grey)}
.steps li::before{content:counter(s,decimal-leading-zero);font:12px var(--mono);color:var(--ink);grid-row:span 2}
.steps b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.terms div{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:18px 0;font-size:14px;border-bottom:1px solid var(--line)}
.terms dd{color:var(--grey)}
.faq__item{padding:24px 0;border-bottom:1px solid var(--line)}
.faq__item h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}
.faq__item p{color:var(--grey);font-size:14px;line-height:1.75;max-width:68ch}

/* 상담 페이지 */
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.way{display:flex;flex-direction:column;gap:4px;padding:28px 24px;background:var(--btn);border-radius:10px;transition:background .2s}
.way:hover{background:var(--beige)}
.way .label{color:var(--grey)}
.way__main{font-size:24px;letter-spacing:-.03em}
.way__sub{font-size:14px;color:var(--grey)}
.ways + *{margin-top:0}
.sec .wrap > h2{font-size:22px;letter-spacing:-.03em;margin-top:8px}
.template{white-space:pre-wrap;font:14px/1.9 var(--sans);background:var(--cream);border-radius:10px;padding:20px 24px;margin:0 0 32px}
.template b{font-weight:400;color:var(--brown)}

/* 푸터 — 크림, 작은 링크 열 + 큰 워드마크 */
.foot{background:var(--cream);color:var(--ink);padding:64px var(--pad) 100px;font-size:13px;line-height:1.75}
.foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.foot__grid p{max-width:32ch;color:var(--grey)}
.foot__title{margin-bottom:10px}
.foot ul{list-style:none;padding:0;margin:0}.foot li{padding:2px 0}
.foot a:hover{text-decoration:underline}
.foot__mark{font:500 clamp(52px,7.5vw,112px)/1 var(--serif);color:var(--brown);text-align:center;margin:72px 0 40px;letter-spacing:-.02em}
.foot__legal{color:var(--grey);line-height:1.9}
.foot__legal span{margin-right:14px;display:inline-block}

/* 모바일 하단 상담 버튼 */
.sticky{display:none}

/* 라이트박스 */
.lb{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh}
.lb::backdrop{background:rgba(255,255,255,.97)}
.lb figure{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.lb img{max-width:92vw;max-height:84vh;object-fit:contain}
.lb figcaption{font-size:14px}
.lb button{position:absolute;background:none;border:0;color:var(--ink);font-size:40px;cursor:pointer;padding:12px 18px}
.lb__close{top:8px;right:8px}.lb__prev{left:8px;top:50%;transform:translateY(-50%)}.lb__next{right:8px;top:50%;transform:translateY(-50%)}

@media (max-width:900px){
  :root{--pad:20px}
  .hero h1{font-size:20px}
  .mast__brand{font-size:28px}
  .hero--cta .hero__row{grid-template-columns:1fr;grid-template-areas:"t" "p" "btn"}
  .mast__bar{grid-template-columns:1fr auto}
  .mast__nav{display:none}
  .hero__row{grid-template-columns:1fr;gap:14px;align-self:flex-end;margin:0 0 48px}
  .hero{align-items:flex-end}
  .hero .btn{justify-self:start}
  .hero .lead{max-width:34ch}
  .cols{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .ways{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr}
  .sticky{display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:30;text-align:center;background:#fff;color:#000;padding:16px;border-radius:10px;box-shadow:0 2px 16px rgba(0,0,0,.12);transform:translateY(160%);transition:transform .3s}
  .sticky.is-on{transform:none}
}
@media (max-width:640px){
  .sec{padding:80px 0}
  .cols h2{font-size:24px}
  .cols{row-gap:24px}
  .statement p:not(.note):not(.label){font-size:23px}
  .gallery{margin-top:40px}
  .faq__item h3{font-size:16px}
  .sec--tight{padding-top:8px}
  .sec--top{padding-top:0}
  .grid3:not(.gallery){grid-template-columns:1fr;row-gap:20px}
  .terms div{grid-template-columns:1fr;gap:2px}
  thead{display:none}
  table,tbody,tr,th,td,caption{display:block;width:100%}
  tr{padding:12px 0;border-bottom:1px solid var(--line)}
  tbody th,td{border:0;padding:2px 0;white-space:normal}
  td[data-label]::before{content:attr(data-label) " · ";color:var(--grey);font-size:13px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* 메인 히어로 영문 문구 — 크게, 세리프 이탤릭. 순서(H1→문구)는 그대로 두고 화면 배치만 바꾼다 */
.hero__row:has(.lead[lang=en]){grid-template-columns:1fr auto;grid-template-areas:"lead lead" "h1 btn";row-gap:40px;margin-top:18vh}
.hero .lead[lang=en]{grid-area:lead;font:300 italic clamp(40px,5.6vw,84px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;max-width:15em;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.hero__row:has(.lead[lang=en]) h1{grid-area:h1}
.hero__row:has(.lead[lang=en]) .btn{grid-area:btn}
@media (max-width:900px){.hero__row:has(.lead[lang=en]){row-gap:20px}.hero .lead[lang=en]{font-size:40px;max-width:none}}

/* 한글 히어로(상담 등) — 밝은 사진 위에서도 읽히게 왼쪽 아래로 모으고 하단을 어둡게 */
.hero:has(.lead:not([lang=en])){align-items:flex-end}
.hero:has(.lead:not([lang=en]))::after{background:linear-gradient(180deg,rgba(20,25,27,.3) 0%,rgba(20,25,27,.05) 35%,rgba(20,25,27,.72) 100%)}
.hero__row:has(.lead:not([lang=en])){grid-template-columns:minmax(0,560px);gap:14px;margin:0 0 72px}
@media (max-width:900px){.hero__row:has(.lead:not([lang=en])){margin-bottom:48px}}

/* ── 상담 페이지 ── */
/* 히어로: 50:50 분할 — 왼쪽 사진, 오른쪽 크림 패널(제목·연락 수단) */
.chero{display:grid;grid-template-columns:1fr 1fr;min-height:100svh;max-height:1100px;background:var(--cream)}
.chero__media{position:relative;overflow:hidden}
.chero__media picture,.chero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chero__panel{display:flex;flex-direction:column;justify-content:center;padding:120px clamp(24px,5vw,80px) 56px}
.chero .crumb{font-size:12px;color:var(--grey);margin-bottom:28px;display:flex;gap:6px}
.chero .crumb a:hover{text-decoration:underline}
.chero h1{font-size:clamp(34px,3.4vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.045em}
.chero__lead{margin:20px 0 40px;color:var(--grey);font-size:15px;line-height:1.75;max-width:34em}
.reach{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.reach a{display:grid;grid-template-columns:72px 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);transition:padding .25s}
.reach a:hover{padding-left:8px}
.reach .label{grid-row:span 2;color:var(--grey)}
.reach b{font-size:22px;font-weight:400;letter-spacing:-.03em}
.reach small{grid-column:2;font-size:13px;color:var(--grey)}
.reach i{grid-row:1/3;grid-column:3;align-self:center;font-size:20px;color:var(--brown)}
.chero__foot{margin-top:28px;font-size:13px;color:var(--grey)}

/* 양식 카드 + 복사 버튼 */
.form{position:relative;background:var(--cream);border-radius:12px;padding:28px 28px 24px;margin-bottom:48px}
.form__body{margin:0;white-space:pre-wrap;font:15px/2 var(--sans);color:var(--ink)}
.form__copy{margin-top:16px}
.form__copy.is-done{background:var(--brown);color:#fff}

/* 진행 순서: PC 가로 5단, 모바일 세로 */
.sec--cream{background:var(--cream)}
.h2{font-size:28px;letter-spacing:-.03em;margin:10px 0 40px}
.flow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;counter-reset:f}
.flow li{counter-increment:f;background:#fff;border-radius:12px;padding:24px 22px 28px;font-size:14px;color:var(--grey);line-height:1.7}
.flow li::before{content:counter(f,decimal-leading-zero);display:block;font:300 italic 40px/1 'Cormorant Garamond',Georgia,serif;color:var(--brown);margin-bottom:28px}
.flow b{display:block;font-size:17px;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}

/* 작업실 주소 */
.addr{font-size:clamp(20px,2vw,26px);letter-spacing:-.03em;line-height:1.45;margin:6px 0 24px;max-width:24em}

/* 마무리 밴드 */
.close{background:var(--cream);padding:112px 0;text-align:center}
.close__en{font:300 italic clamp(34px,4.4vw,64px)/1.08 'Cormorant Garamond',Georgia,serif;color:var(--brown);letter-spacing:-.01em}
.close h2{font-size:17px;margin:24px 0 32px;color:var(--ink)}
.close__btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.btn--dark{background:var(--brown);color:var(--cream)}
.btn--dark:hover{background:var(--ink)}
.close .btn:not(.btn--dark){background:#fff}

@media (max-width:1100px){.flow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){
  .chero{grid-template-columns:1fr;max-height:none;min-height:0}
  .chero__media{height:62svh;min-height:380px}
  .chero__panel{padding:40px 20px 48px}
  .chero .crumb{margin-bottom:18px}
  .flow{grid-template-columns:1fr}
  .flow li{display:grid;grid-template-columns:52px 1fr;padding:20px}
  .flow li::before{margin:0;font-size:32px;grid-row:span 2}
  .close{padding:80px 0}
}
@media (max-width:640px){
  .reach a{grid-template-columns:56px 1fr auto;padding:18px 0}
  .reach b{font-size:19px}
  .form{padding:22px 20px 20px}
  .form__body{font-size:14px}
}

/* 서브페이지 히어로 위치 표시 */
.hero .crumb{display:flex;gap:6px;font-size:12px;opacity:.85}
.hero .crumb a:hover{text-decoration:underline}
.mast__nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}

/* 모바일 메뉴 — <details>, JS 없음 */
.mnav{display:none}
@media (max-width:900px){
  .mast__bar{grid-template-columns:1fr auto auto;gap:20px}
  .mnav{display:block;position:relative}
  .mnav summary{list-style:none;cursor:pointer;font-size:12px;text-transform:uppercase}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav[open] summary::after{content:" ×"}
  .mnav ul{position:fixed;left:0;right:0;top:66px;margin:0;padding:8px 20px 24px;list-style:none;background:#fff;color:var(--ink);box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .mnav li a{display:block;padding:14px 0;font-size:17px;letter-spacing:-.02em;border-bottom:1px solid var(--line)}
  .mnav li a[aria-current]{color:var(--brown)}
}

/* 본문 안 링크 */
.inlink{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.prose{max-width:62ch;color:var(--grey);font-size:15px;line-height:1.8}
.prose + .prose{margin-top:14px}
.prose strong{color:var(--ink);font-weight:500}
.flow--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.flow--3{grid-template-columns:1fr}}
.wrap > .inlink:first-child{margin:0 0 -16px}
.hero__row:has(.lead:not([lang=en])) .btn{justify-self:start;margin-top:10px}
/* 하단 CTA — 밝은 사진에서도 글씨가 읽히게 */
.hero--cta::after{background:linear-gradient(90deg,rgba(20,25,27,.62) 0%,rgba(20,25,27,.28) 55%,rgba(20,25,27,.12) 100%)}
@media (max-width:900px){.hero--cta{align-items:flex-end}.hero--cta .hero__row{margin-bottom:48px}.hero--cta::after{background:linear-gradient(180deg,rgba(20,25,27,.1) 30%,rgba(20,25,27,.72) 100%)}}

/* 2단 비교 카드 */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pair > div{background:var(--cream);border-radius:12px;padding:28px 28px 30px}
.sec--cream .pair > div{background:#fff}
.pair h3{font-size:19px;letter-spacing:-.03em;margin:8px 0 12px}
.pair p{color:var(--grey);font-size:14px;line-height:1.75}
.pair ul{margin:0;padding:0;list-style:none}
.pair li{font-size:14px;line-height:1.7;padding:9px 0;border-top:1px solid var(--line);color:var(--ink)}
.pair li:first-child{border-top:0}
.note--src{margin-top:14px;font-size:13px}
.calc{font-size:15px;line-height:2;background:var(--cream);border-radius:12px;padding:22px 26px;margin:0 0 8px}
.calc b{font-weight:500;color:var(--brown)}
@media (max-width:900px){.pair{grid-template-columns:1fr}.pair > div{padding:24px 22px}}
.list strong,.pair strong{font-weight:500}

/* 숫자 카드 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none}
.stats li{background:var(--cream);border-radius:12px;padding:26px 22px 24px}
.stats b{display:block;font:300 clamp(40px,4.4vw,60px)/1 'Cormorant Garamond',Georgia,serif;color:var(--brown);margin-bottom:14px}
.stats span{font-size:14px;color:var(--grey);line-height:1.6}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}}

/* ── 가독성 다듬기 ── */
h1,h2,h3,.statement p:not(.note):not(.label){text-wrap:balance}
p,li,dd,td{text-wrap:pretty}
.cols h2{max-width:none}
@media (min-width:901px){.cols h2{max-width:15ch}}

@media (max-width:640px){
  .sec{padding:64px 0}
  .sec--top{padding-top:0}
  .h2{margin-bottom:28px}
  .cols{row-gap:20px}
  .faq__item{padding:20px 0}
  .faq__item:first-child{padding-top:4px}
  .statement p:not(.note):not(.label){font-size:22px;line-height:1.45;margin:10px 0 20px}
  tr{padding:16px 0}
  tbody th{font-size:15px;margin-bottom:4px}
  td{font-size:14px;line-height:1.65}
  .gallery figcaption,.gallery .card__t{font-size:13px;line-height:1.5}
  /* 메인 상품 카드 — 옆으로 넘기기 */
  .grid3:not(.gallery){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);gap:10px;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 6px;scrollbar-width:none}
  .grid3:not(.gallery)::-webkit-scrollbar{display:none}
  .grid3:not(.gallery) > .card{flex:0 0 78%;scroll-snap-align:start}
  body{padding-bottom:84px}
  .foot{padding-bottom:40px}
}

/* ── 간격 체계 통일 (PC 72/104, 모바일 52/72) · 콘텐츠 최대 폭 · 글줄 길이 ── */
.wrap{max-width:1360px;margin-inline:auto}
.sec,.sec--top{padding:72px 0}
.sec--cream{padding:104px 0}
.sec--tight{padding:8px 0 24px}
.terms dd{max-width:62ch}
.list li{max-width:72ch}
.cols{column-gap:clamp(32px,6vw,96px)}
.gallery{margin-top:48px}
@media (max-width:640px){
  .sec,.sec--top{padding:52px 0}
  .sec--cream{padding:72px 0}
  .sec--tight{padding:8px 0 12px}
  .gallery{margin-top:32px}
}

/* ── 모바일 점검 반영: 글자 대비(AA 4.5 이상) · 터치 영역 44px ── */
:root{--grey:#5C5C5C}
.foot__grid p,.foot__legal{color:#5C5C5C}
.label i{speak:never}
@media (max-width:900px){
  .mast__brand{display:flex;align-items:center;min-height:44px}
  .mnav summary,.mast__cta{display:flex;align-items:center;min-height:44px;padding:0 6px}
  .more{display:inline-flex;align-items:center;min-height:44px}
  .crumb a{display:inline-flex;align-items:center;min-height:32px}
  .foot li a{display:inline-block;padding:6px 0}
}
@media (max-width:900px){
  .mast:has(.mnav[open]){background:#fff;color:var(--brown)}
  .mast:has(.mnav[open]) .mast__cta,.mast:has(.mnav[open]) summary{color:var(--ink)}
  .mnav[open] summary::after{content:"×";margin-left:6px;font-size:15px}
}