/* 홈: 브랜드 한 문장(초록 띠) · 펜던트 배너 여백 · 당신의 의미 (2026-11) */

/* (✦ 장식은 2026-11 제거) */

/* ── 펜던트 컬렉션 배너 위아래 여백 ── */
.home-feature{margin-block:clamp(64px,7vw,110px)!important}

/* ── 당신의 의미 ── */
body.home main section.home-meaning{padding:140px 6%;margin:0 auto;max-width:none;text-align:center;border-top:1px solid var(--line)}
body.home main section.home-meaning .home-meaning-title{margin:0;color:var(--muted);font:300 16px/1.5 "Cormorant Garamond",Georgia,"Times New Roman","Noto Serif KR",serif;letter-spacing:.06em}
.home-meaning-words{display:flex;justify-content:center;flex-wrap:nowrap;gap:clamp(28px,6vw,96px);margin:40px 0 34px}
.home-meaning-word{position:relative;min-height:44px;padding:6px 2px 12px;border:0;background:none;color:var(--paper);cursor:pointer;opacity:.4;font:300 40px/1.2 "Cormorant Garamond",Georgia,"Times New Roman","Apple SD Gothic Neo","Noto Serif KR",serif;letter-spacing:.04em;white-space:nowrap;transition:opacity .4s ease}
.home-meaning-word::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .4s cubic-bezier(.65,0,.35,1)}
.home-meaning-word[aria-pressed=true]{opacity:1}
.home-meaning-word[aria-pressed=true]::after{transform:scaleX(1)}
.home-meaning-word:hover{opacity:.75}
.home-meaning-word[aria-pressed=true]:hover{opacity:1}
.home-meaning-word:focus-visible{outline:1px solid var(--muted);outline-offset:6px}
body.home main section.home-meaning .home-meaning-line{min-height:calc(2 * 1.8em);margin:0 auto 40px;max-width:30em;color:var(--paper);opacity:.85;font-size:16px;line-height:1.8;word-break:keep-all}
.home-meaning-line.is-changing{animation:meaning-rise .4s cubic-bezier(.2,.7,.2,1)}
@keyframes meaning-rise{from{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:none}}
.home-meaning-link{position:relative;display:inline-block;padding:2px 0 6px;color:var(--paper);font-size:14px;letter-spacing:.04em}
.home-meaning-link::before,.home-meaning-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor}
.home-meaning-link::before{opacity:.35}
.home-meaning-link::after{transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.65,0,.35,1)}
.home-meaning-link:hover::after,.home-meaning-link:focus-visible::after{transform:scaleX(1)}
.home-meaning-link:hover{color:var(--paper)}

@media (max-width:700px){

 body.home main section.home-meaning{padding:96px 5%}
 .home-meaning-words{gap:clamp(18px,7vw,34px);margin:30px 0 26px}
 .home-meaning-word{font-size:26px}
 body.home main section.home-meaning .home-meaning-line{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
 .home-meaning-word,.home-meaning-word::after,.home-meaning-link::after{transition:none}
 .home-meaning-line.is-changing{animation:none}
}

/* 홈은 화면 폭 전체 사용 (다른 페이지는 기존처럼 최대 1500px). 글이 있는 구역은 각자 폭을 제한 */
body.home main{max-width:none}

/* 홈의 이동 링크 높이 통일(누르기 쉬운 44px) (2026-11) */
.home-meaning-link,.home-story-link{display:inline-flex;align-items:center;min-height:44px;padding:0}
.home-meaning-link::before,.home-meaning-link::after,.home-story-link::before,.home-story-link::after{bottom:10px}

/* 휴대폰: 어떤 언어든 단어 세 개가 화면 안 한 줄에 들어가도록 화면 폭에 맞춰 크기·간격 조정 (2026-11) */
@media (max-width:700px){
 .home-meaning-words{gap:clamp(12px,5vw,30px);max-width:100%;padding:0 2px}
 .home-meaning-word{font-size:clamp(19px,6.4vw,26px);letter-spacing:.02em;min-width:0}
}

@media (max-width:700px){
}

/* ── 당신의 의미: ANNO 구역과 같은 디자인 언어 (2026-11) ──
   맨 위 금색 이탤릭 "Wear What Matters.", 그 아래 부제(당신에게 중요한 것은?), 뒤에 테두리만 있는 큰 글자(고른 단어) */
body.home main section.home-meaning{position:relative;isolation:isolate;overflow:hidden}
.home-meaning-bg{
 position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);
 font:300 clamp(90px,20vw,300px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.04em;padding-left:.04em;text-transform:uppercase;
 white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgb(184 154 94 / .22);
 pointer-events:none;user-select:none;-webkit-user-select:none;
 transition:opacity .25s ease
}
.home-meaning-bg.is-fading{opacity:0}
body.home main section.home-meaning .home-meaning-brand{
 margin:0 0 14px;max-width:none;color:#B89A5E;
 font:italic 300 clamp(28px,4vw,44px)/1.2 "Cormorant Garamond",Georgia,serif;letter-spacing:.02em
}
body.home main section.home-meaning .home-meaning-title{color:rgb(237 230 211 / .7);font-size:15px;letter-spacing:.08em}
@media (max-width:700px){
 /* PROMISE 같은 긴 단어도 양끝만 살짝 잘리게 */
 .home-meaning-bg{font-size:clamp(64px,19vw,90px)}
 body.home main section.home-meaning .home-meaning-title{font-size:14px}
}
@media (prefers-reduced-motion:reduce){.home-meaning-bg{transition:none}}