/* Warm, translucent glass; highlights remain behind the navigation content. */
.site-header,.subpage .site-header{isolation:isolate;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);border-bottom:1px solid #fff5e529;box-shadow:inset 0 1px 0 #ffffff24,0 8px 32px #22141208}
.subpage .site-header{background:rgba(65,43,42,.77)}
.site-header.is-scrolled{background:rgba(60,39,38,.7)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 350px 130px at var(--glass-x,50%) var(--glass-y,0%),#fff6e61c,transparent 80%),linear-gradient(115deg,#ffffff08,transparent 40%,#dcc3ab09 75%,transparent);opacity:.55;transition:opacity .8s}
.site-header.is-glass-hover::before{opacity:1}
.site-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#fff5e552,transparent);opacity:.6}
.sub-hero figure.conversation-art{background:#382020;overflow:hidden;isolation:isolate}
.sub-hero .conversation-art img{object-fit:cover;object-position:70% center;transform:scale(1.025);animation:conversation-breathe 20s ease-in-out infinite alternate;animation-play-state:paused}
.conversation-art.is-motion-active img{animation-play-state:running}
@keyframes conversation-breathe{to{transform:scale(1.06)}}
.floating-contact{position:fixed;right:30px;bottom:30px;z-index:50;color:#49302f}
.contact-orb{width:78px;height:78px;border-radius:50%;border:1px solid #e3d6c6;background:radial-gradient(circle at 30% 20%,#fffdf8,#efe7db);box-shadow:inset 0 0 0 5px #fffaf455,0 7px 26px #34201e25;display:grid;place-items:center;position:relative;animation:contact-float 4.8s ease-in-out infinite;transition:box-shadow .35s}
.contact-orb:hover{box-shadow:inset 0 0 0 5px #fffaf488,0 10px 35px #34201e38}
.contact-symbol{width:27px;height:41px;object-fit:contain;transition:opacity .25s,transform .45s}
.contact-close{position:absolute;width:23px;height:23px;opacity:0;transform:rotate(-45deg);transition:transform .4s,opacity .25s}
.contact-close::before,.contact-close::after{content:"";position:absolute;left:11px;top:0;width:1px;height:23px;background:currentColor;transform:rotate(45deg)}
.contact-close::after{transform:rotate(-45deg)}
.contact-orb[aria-expanded="true"]{animation:none}
.contact-orb[aria-expanded="true"] .contact-symbol{opacity:0;transform:scale(.8)}
.contact-orb[aria-expanded="true"] .contact-close{opacity:1;transform:rotate(0)}
.floating-channels{position:absolute;right:0;bottom:94px;display:grid;gap:10px;width:205px}
.floating-channels[hidden]{display:none}
.floating-channels a{display:flex;align-items:center;gap:12px;padding:10px 15px 10px 10px;border-radius:40px;background:rgba(255,252,247,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #e9e0d5;box-shadow:0 5px 24px #34201e1a;font-size:14px;white-space:nowrap;animation:contact-reveal .4s cubic-bezier(.16,1,.3,1) both}
.floating-channels a:nth-child(2){animation-delay:45ms}.floating-channels a:nth-child(3){animation-delay:90ms}
.channel-icon{width:36px;height:36px;flex-shrink:0;border-radius:50%;overflow:hidden;display:grid;place-items:center}
.channel-icon.kakao{background:#fee500}.channel-icon.kakao img{width:27px;height:27px;object-fit:contain}.channel-icon.phone{background:#eee6dc}
.channel-arrow{margin-left:auto;font-size:19px;transition:transform .3s}.floating-channels a:hover .channel-arrow{transform:translateX(4px)}
.floating-contact a:focus-visible,.contact-orb:focus-visible{outline:2px solid #b58471;outline-offset:4px}
@keyframes contact-float{50%{transform:translateY(-6px)}}
@keyframes contact-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.floating-contact{right:18px;bottom:calc(83px + env(safe-area-inset-bottom))}.contact-orb{width:66px;height:66px}.contact-symbol{width:24px;height:36px}.floating-channels{bottom:80px;width:195px}.sub-hero figure.conversation-art{height:350px}}
@media(prefers-reduced-motion:reduce){.contact-orb,.floating-channels a,.sub-hero .conversation-art img{animation:none}.contact-symbol,.contact-close,.site-header::before,.channel-arrow{transition:none}.sub-hero .conversation-art img{transform:none}}
@supports not (backdrop-filter:blur(1px)){.site-header,.subpage .site-header{background:rgba(60,39,38,.96)}}