:root{--ink:#0f1114;--paper:#f7f5f1;--seal:#d64000;--bronze:#a4743f;--muted:#66635e;--line:rgba(15,17,20,.14);--sans:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{min-height:100svh;margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--seal);outline-offset:5px}
.scene-stack{position:fixed;inset:0;z-index:-2;overflow:hidden}.scene{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 1.3s cubic-bezier(.2,.75,.2,1)}.scene-home{background-image:url('assets/home-symbolic-v1.png')}.scene-housing{background-image:url('assets/housing-symbolic-v2.png')}.scene-inheritance{background-image:url('assets/inheritance-symbolic-v1.png')}body[data-scene="home"] .scene-home,body[data-scene="housing"] .scene-housing,body[data-scene="inheritance"] .scene-inheritance{opacity:1;transform:scale(1)}.scene-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,241,.84) 0%,rgba(247,245,241,.58) 34%,rgba(247,245,241,.18) 64%,rgba(247,245,241,.02) 100%),linear-gradient(0deg,rgba(247,245,241,.38),transparent 44%)}
.home-header{position:fixed;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:74px;padding:0 clamp(22px,4vw,62px);background:linear-gradient(180deg,rgba(247,245,241,.88),rgba(247,245,241,.38));backdrop-filter:blur(18px) saturate(120%)}.brand{justify-self:start;color:var(--ink);text-decoration:none;font-size:1.2rem;letter-spacing:-.045em}.brand strong,.brand span{font-weight:800}.brand span{color:var(--seal)}.system-label{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted);font-size:.75rem;font-weight:760;letter-spacing:.12em}.system-label i{width:7px;height:7px;background:var(--seal);border-radius:50%;box-shadow:0 0 0 6px rgba(214,64,0,.08)}.office-link{justify-self:end;display:flex;align-items:center;gap:9px;padding:7px 0;color:var(--ink);text-decoration:none;font-size:.8rem;font-weight:720}.office-link span{color:var(--seal);transition:transform .22s ease}.office-link:hover{color:var(--seal)}.office-link:hover span{transform:translate(3px,-3px)}
.home-main{position:relative;min-height:100svh;padding:clamp(116px,15vh,160px) clamp(22px,4vw,62px) 38px;display:grid;grid-template-columns:minmax(290px,34vw) minmax(430px,1fr);grid-template-rows:1fr auto;gap:54px clamp(42px,8vw,138px)}.home-copy{align-self:start;max-width:520px}.eyebrow{margin:0 0 20px;color:var(--seal);font-size:.78rem;font-weight:760;letter-spacing:.08em}.home-copy h1{margin:0;font-size:clamp(2.7rem,5vw,5.3rem);font-weight:760;line-height:.96;letter-spacing:-.067em}.home-intro{max-width:390px;margin:30px 0 0;color:var(--muted);font-size:clamp(.98rem,1.15vw,1.08rem);font-weight:520;word-break:keep-all}
.category-stage{align-self:center;width:min(100%,720px)}.category-list{display:grid;gap:8px}.category-card{position:relative;display:grid;grid-template-columns:50px 1fr 56px;align-items:center;min-height:118px;padding:18px 16px;color:var(--ink);background:rgba(247,245,241,.16);border:0;cursor:pointer;text-align:left;text-decoration:none;transition:background-color .28s ease,color .28s ease,padding .28s ease,box-shadow .28s ease}.category-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--seal);transform:scaleY(0);transform-origin:center;transition:transform .28s ease}.category-card:hover,.category-card.is-selected{padding-left:30px;background:rgba(247,245,241,.58);box-shadow:0 18px 48px rgba(15,17,20,.08);backdrop-filter:blur(13px)}.category-card:hover::before,.category-card.is-selected::before{transform:scaleY(1)}.category-number{align-self:start;padding-top:9px;color:var(--muted);font-size:.73rem;font-weight:760}.category-text small{display:block;color:var(--muted);font-size:.76rem;font-weight:650;letter-spacing:.02em}.category-text strong{display:block;margin-top:7px;font-size:clamp(1.8rem,3.25vw,3.5rem);font-weight:720;line-height:1;letter-spacing:-.06em}.category-arrow{justify-self:end;color:var(--muted);font-size:1.55rem;transition:color .22s ease,transform .22s ease}.category-card:hover .category-arrow,.category-card.is-selected .category-arrow{color:var(--seal);transform:translateX(-8px)}
.selection-panel{min-height:128px;padding-top:25px}.selection-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.selection-meta span{font-size:.86rem;font-weight:760}.selection-meta b{color:var(--seal);font-size:.72rem;font-weight:800;letter-spacing:.02em}.selection-panel>p{margin:10px 0 20px;color:var(--muted);font-size:.82rem}.selection-panel>a{display:flex;align-items:center;justify-content:space-between;width:min(100%,360px);padding:14px 16px;color:var(--ink);background:rgba(247,245,241,.58);border:0;text-decoration:none;font-size:.92rem;font-weight:760}.selection-panel>a b{color:var(--seal);font-size:1.25rem;transition:transform .2s ease}.selection-panel>a:hover b{transform:translateX(7px)}.selection-panel>button{padding:10px 0;color:var(--muted);background:transparent;border:0;font-weight:720}.selection-panel [hidden]{display:none}
.home-footnote{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,34vw) 1fr;gap:clamp(42px,8vw,138px);align-items:end;color:var(--muted)}.home-footnote span{font-size:.73rem;font-weight:790;letter-spacing:.11em;text-transform:uppercase}.home-footnote p{max-width:620px;margin:0;font-size:.76rem}
@media(max-width:900px){.home-header{grid-template-columns:1fr auto}.system-label{display:none}.home-main{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:42px;padding-top:112px}.home-copy h1{font-size:clamp(2.8rem,9.5vw,4.8rem)}.home-intro{margin-top:24px}.category-stage{width:100%;max-width:680px}.home-footnote{grid-column:1;grid-template-columns:1fr;gap:6px}.scene-veil{background:linear-gradient(180deg,rgba(247,245,241,.67) 0%,rgba(247,245,241,.34) 58%,rgba(247,245,241,.5) 100%)}}
@media(max-width:560px){.home-header{min-height:64px;padding:0 18px}.office-link{font-size:.7rem}.home-main{padding:96px 18px 26px;gap:34px}.home-copy h1{font-size:2.9rem}.home-intro{font-size:.93rem}.category-card{grid-template-columns:38px 1fr 38px;min-height:96px;padding:14px 12px}.category-card:hover,.category-card.is-selected{padding-left:20px}.category-text strong{font-size:2rem}.category-arrow{font-size:1.2rem}.selection-panel{min-height:118px}.scene{background-position:70% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the artwork above the page canvas and the interface above the artwork */
body{position:relative}
.scene-stack{z-index:0}
.home-main{z-index:1}

/* Keep the opening question calm enough for the artwork to lead */
.home-copy h1{font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.08;letter-spacing:-.045em}
.category-text strong{font-size:clamp(1.25rem,1.9vw,2.05rem)}
@media(max-width:900px){.home-copy h1{font-size:clamp(1.75rem,5.7vw,2.55rem)}}
@media(max-width:560px){.home-copy h1{font-size:1.82rem}.category-text strong{font-size:1.38rem}}

/* Preserve the artwork while keeping lower guidance readable */
.selection-panel{margin-top:8px;padding:22px 22px 18px;background:linear-gradient(90deg,rgba(247,245,241,.86),rgba(247,245,241,.58) 72%,rgba(247,245,241,.16));backdrop-filter:blur(7px)}
.selection-panel>p,.home-footnote p{color:#373633;font-weight:560;text-shadow:0 1px 12px rgba(247,245,241,.95)}
.home-footnote{padding:14px 18px;background:linear-gradient(90deg,rgba(247,245,241,.78),rgba(247,245,241,.5) 68%,rgba(247,245,241,.12));backdrop-filter:blur(6px)}
.home-footnote span{color:#343330}
.selection-meta span{color:var(--seal)}
.selection-panel>p{color:var(--ink);font-weight:620;text-shadow:none}
.category-text strong,.category-text small{transition:color .22s ease,transform .22s ease}
.category-card:hover .category-text strong,.category-card:focus-visible .category-text strong,.category-card.is-selected .category-text strong{color:var(--seal);transform:translateX(4px)}
.category-card:hover .category-text small,.category-card:focus-visible .category-text small,.category-card.is-selected .category-text small{color:#5b2a18}
.category-card:hover .category-arrow,.category-card:focus-visible .category-arrow,.category-card.is-selected .category-arrow{color:var(--seal);transform:translateX(-12px)}
.category-text strong{margin-top:0}
.category-list{gap:1px}.category-list a{text-decoration:none!important}.category-card{min-height:49px;padding:5px 14px;background:rgba(247,245,241,.08);box-shadow:none}.category-text strong{font-size:clamp(1.04rem,1.35vw,1.42rem);line-height:1.2;letter-spacing:-.045em}.category-arrow{font-size:1.12rem}.category-number{font-size:.67rem}.category-card:hover,.category-card.is-selected{padding-left:22px;background:rgba(247,245,241,.34);box-shadow:none}
.category-number{align-self:center;padding-top:0}
.category-card:hover .category-arrow,.category-card:focus-visible .category-arrow,.category-card.is-selected .category-arrow{transform:translateX(-7px)}
@media(max-width:560px){.category-card{min-height:44px;padding:4px 10px}.category-card:hover,.category-card.is-selected{padding-left:17px}.category-text strong{font-size:1.08rem}.category-arrow{font-size:1rem}}
.selection-panel,.home-footnote{background:transparent;backdrop-filter:none}
.selection-panel>p,.home-footnote p{color:var(--ink);text-shadow:0 1px 10px rgba(247,245,241,1),0 0 22px rgba(247,245,241,.95)}
.home-footnote{grid-template-columns:1fr;padding-top:5px;padding-bottom:5px}
.home-footnote p{max-width:720px}

/* Electronic-card style channel directory */
.network-hub{position:relative;z-index:1;padding:clamp(74px,8vw,108px) clamp(22px,4vw,62px) clamp(68px,8vw,100px);background:transparent}
.channel-card{width:100%;margin:0;padding:0;color:var(--ink);background:transparent;box-shadow:none;backdrop-filter:none}
.channel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.channel-heading p{margin:0;color:var(--seal);font-size:.75rem;font-weight:820;letter-spacing:.08em}.channel-heading h2{margin:0;color:var(--muted);font-size:.8rem;font-weight:620;letter-spacing:-.02em}
.network-links{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 14px;margin-top:34px}.channel-item{display:grid;justify-items:center;gap:10px;color:var(--ink);text-align:center;text-decoration:none}.channel-item:nth-child(-n+3){grid-column:span 2}.channel-item:nth-child(n+4):nth-child(-n+5){grid-column:span 3}.channel-item:nth-child(n+6){grid-column:span 3}.channel-icon{display:grid;place-items:center;width:48px;height:48px;color:#fff;background:#24262a;border-radius:13px;font-size:1rem;font-style:normal;font-weight:850;line-height:1;box-shadow:0 8px 22px rgba(15,17,20,.09);transition:transform .22s ease,box-shadow .22s ease}.channel-item strong{font-size:.84rem;font-weight:650;letter-spacing:-.025em;text-shadow:0 1px 12px rgba(247,245,241,.9);transition:color .22s ease}.channel-item:hover .channel-icon,.channel-item:focus-visible .channel-icon{transform:translateY(-4px);box-shadow:0 13px 28px rgba(15,17,20,.15)}.channel-item:hover strong,.channel-item:focus-visible strong{color:var(--seal)}.channel-item:focus-visible{outline:0}.channel-item:focus-visible .channel-icon{outline:2px solid var(--seal);outline-offset:4px}.is-tistory{background:#ff5d50;font-size:.68rem;letter-spacing:1px}.is-naver{color:#03c75a;background:transparent;font-size:2rem;font-weight:900;letter-spacing:-.18em;box-shadow:none}.is-naver span{color:#373f3b;font-size:1.55rem}.is-google{color:#fff;background:#ff6800;font-size:1.35rem}.is-office{color:#fff;background:#37df7b;font-size:1.8rem}.is-media{color:#fff;background:#15191d;font-size:.82rem}.is-youtube{width:52px;color:#fff;background:#ff0033;border-radius:14px}.is-ai{color:#8f6bd7;background:rgba(255,255,255,.5);border:2px solid #8f6bd7;font-size:.72rem}
@media(max-width:900px){.network-hub{padding-top:68px;padding-bottom:70px}}
@media(max-width:560px){.network-hub{padding:56px 18px 62px}.channel-heading{align-items:flex-start;flex-direction:column;gap:3px}.channel-heading h2{font-size:.74rem}.network-links{gap:26px 6px;margin-top:30px}.channel-icon{width:43px;height:43px;border-radius:11px}.is-naver{font-size:1.7rem}.is-youtube{width:47px}.channel-item strong{font-size:.71rem}}

/* Match the electronic business card: compact icon + label pairs */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.network-links{margin-top:0;gap:24px 12px}.channel-item{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.channel-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:transparent;border:0;border-radius:0;box-shadow:none}.channel-icon svg,.channel-icon img{display:block;width:100%;height:100%;object-fit:contain}.channel-item strong{font-size:.87rem;white-space:nowrap}.channel-item:hover .channel-icon,.channel-item:focus-visible .channel-icon{transform:translateY(-2px);box-shadow:none}.naver-blog,.home-b,.media-jm{overflow:hidden}
@media(max-width:560px){.network-links{gap:22px 3px}.channel-item{gap:6px}.channel-icon{flex-basis:27px;width:27px;height:27px}.channel-item strong{font-size:.66rem}}

/* Two concise channel rows: owned properties first, publishing channels second */
.network-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}
.network-links>.channel-item:nth-child(n){grid-column:auto!important;justify-content:flex-start}
@media(max-width:520px){.network-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 4px}.channel-item{gap:5px}.channel-item strong{font-size:.66rem}.channel-icon{flex-basis:25px;width:25px;height:25px}}

/* Keep the directory attached to the page and mark it with one short rule */
.network-hub{padding-top:14px;padding-bottom:54px}
.channel-card::before{content:"";display:block;width:20%;min-width:92px;max-width:230px;height:1px;margin:0 0 26px;background:rgba(214,64,0,.58)}
@media(max-width:700px){.network-hub{padding-top:10px;padding-bottom:38px}.channel-card::before{margin-bottom:20px}}

/* The first section ends with the consultation guide; no forced empty viewport */
.home-main{min-height:auto;grid-template-rows:auto;padding-bottom:22px}

/* Equal visible icon boxes; YouTube keeps its native horizontal ratio */
.channel-icon{flex-basis:28px;width:28px;height:28px;overflow:hidden;border-radius:6px}
.home-b img,.media-jm img,.naver-blog img{width:28px;height:28px}
.youtube-icon{flex-basis:28px;width:28px;height:28px}
@media(max-width:520px){.channel-icon{flex-basis:24px;width:24px;height:24px}.home-b img,.media-jm img,.naver-blog img{width:24px;height:24px}.youtube-icon{flex-basis:24px;width:24px;height:24px}}

/* Keep the complete desktop experience inside one ordinary browser viewport */
@media(min-width:521px){
  .home-header{min-height:60px}
  .brand{font-size:1.05rem}
  .office-link{font-size:.74rem}
  .home-main{padding-top:82px;padding-bottom:8px}
  .home-copy .eyebrow{margin-bottom:12px}
  .home-intro{margin-top:18px}
  .selection-panel{min-height:96px;margin-top:0;padding:14px 22px 8px}
  .selection-panel>p{margin:6px 0 10px}
  .network-hub{padding-top:8px;padding-bottom:22px}
  .channel-card::before{margin-bottom:16px}
  .network-links{gap:14px 10px}
}
.card-icon{overflow:hidden;border-radius:7px;background:#e9e5df}.card-icon img{object-fit:cover;transform:scale(2);transform-origin:50% 31%}

/* Use the full desktop frame: center the service and anchor the channel directory */
@media(min-width:901px){
  body{height:100svh;min-height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
  .home-main{align-self:stretch;min-height:0;grid-template-rows:1fr;align-items:center;padding-top:74px;padding-bottom:4px}
  .home-copy,.category-stage{align-self:center}
  .network-hub{align-self:end;padding-top:4px;padding-bottom:clamp(24px,4vh,44px)}
}
.channel-card::before{display:none}