:root, .sw-root{
    --sw-bg:#121D3C;
    --sw-ink:#F5F1E8;
    --sw-ink-soft:#A9B2C6;
    --sw-accent:#C8A96A;
    --sw-font-display:'Paperlogy','SUIT Variable',sans-serif;
    --sw-font-body:'SUIT Variable','Paperlogy',sans-serif;
  }
  html,body{margin:0;padding:0;background:#121D3C;color:#F5F1E8;
    font-family:'SUIT Variable','Paperlogy',-apple-system,sans-serif;
    -webkit-text-size-adjust:100%;}
  /* 한글은 어절 단위로만 줄바꿈 — 엔진 카피가 "더 / 샵"처럼 낱글자로 끊기는 것 방지 */
  body, .sw-root, .sw-root *{word-break:keep-all;overflow-wrap:break-word;}

  /* ── 스크럽 히어로 아래 실무 섹션 (엔진 씬 z-index 최대 120) ── */
  .page{position:relative;z-index:200;background:#121D3C;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
  .sec{padding:96px 0;border-top:1px solid rgba(200,169,106,.18);}
  .sec:first-child{border-top:0;}
  .eyebrow{font-size:14px;letter-spacing:.22em;color:#C8A96A;font-weight:700;margin:0 0 14px;}
  /* 스크린리더 전용 (문서 h1 — 히어로 카피는 JS 주입이라 크롤러에 약함) */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0;}
  /* 엔진 소형 텍스트 가독성 보정 (감사 항목 24: font-size ≥14px) */
  .sw-nav__item,.sw-copy__num,.sw-copy__eyebrow,.sw-copy__tags,.sw-copy__tags *,
  .sw-hint,.sw-topcta,.sw-brand{font-size:14px !important;}
  /* 탭 타겟 최소 크기 (감사 항목 25) — 점 표시는 시각크기 유지, 히트영역만 확대 */
  .sw-topcta{min-height:44px;display:inline-flex;align-items:center;}
  .sw-nav__item{min-height:44px;display:inline-flex;align-items:center;}
  .sw-route__dot{position:relative;}
  .sw-route__dot::before{content:"";position:absolute;left:50%;top:50%;
    width:44px;height:44px;transform:translate(-50%,-50%);}
  .sec h2{font-family:var(--sw-font-display);font-size:clamp(28px,4.4vw,44px);
    line-height:1.25;margin:0 0 28px;font-weight:700;letter-spacing:-.01em;}
  .sec h3{font-size:19px;margin:0 0 10px;font-weight:700;}
  .sec p{color:#A9B2C6;line-height:1.85;margin:0 0 12px;font-size:16px;}

  table.spec{width:100%;border-collapse:collapse;font-size:15px;}
  table.spec th,table.spec td{padding:15px 14px;border-bottom:1px solid rgba(255,255,255,.09);
    text-align:left;vertical-align:top;}
  table.spec th{width:170px;color:#C8A96A;font-weight:700;white-space:nowrap;}
  table.spec td{color:#E7E3D8;}

  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .card{background:rgba(255,255,255,.045);border:1px solid rgba(200,169,106,.22);
    border-radius:14px;padding:28px 24px;}
  .card .num{font-family:var(--sw-font-display);font-size:14px;letter-spacing:.2em;
    color:#C8A96A;margin-bottom:14px;}

  .types{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .type{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
    border-radius:14px;padding:28px 24px;text-align:center;}
  .type strong{display:block;font-family:var(--sw-font-display);font-size:34px;
    color:#F5F1E8;margin-bottom:8px;font-weight:700;}
  .type span{color:#A9B2C6;font-size:14px;}

  .btnrow{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;}
  .btn,a.btn,button.btn{display:inline-flex;align-items:center;gap:9px;min-height:56px;height:56px;padding:0 30px;
    border-radius:99px;text-decoration:none;font-weight:700;font-size:16px;
    border:1px solid transparent;transition:opacity .2s;}
  .btn:hover{opacity:.86;}
  .btn.gold{background:#C8A96A;color:#121D3C;}
  .btn.line{background:transparent;color:#F5F1E8;border-color:rgba(245,241,232,.45);}
  .tel-big{display:block;font-family:var(--sw-font-display);font-weight:700;
    font-size:clamp(38px,7vw,64px);color:#C8A96A;text-decoration:none;
    letter-spacing:.02em;margin:6px 0 22px;}

  /* 신규 콘텐츠 섹션 (입지·브랜드·배치도·조경·커뮤니티·AiQ·평면·마감재·공급·공고) */
  figure.ph{margin:0 0 22px;}
  figure.ph img{display:block;width:100%;height:auto;border-radius:10px;
    background:rgba(255,255,255,.04);}
  figure.ph.zoom a{position:relative;display:block;}
  figure.ph.zoom .mag{position:absolute;right:14px;bottom:14px;padding:9px 16px;border-radius:99px;
    background:rgba(18,29,60,.82);color:#F5F1E8;font-size:14px;font-weight:700;letter-spacing:.06em;
    border:1px solid rgba(200,169,106,.5);}
  .split{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:26px;}
  .plangrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .plangrid figure.ph{margin:0;}
  p.cau{font-size:14px;color:#7E8798;line-height:1.8;margin:6px 0 0;}
  .tabs{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 26px;}
  .tabs button{min-height:48px;padding:0 22px;border-radius:99px;cursor:pointer;
    background:transparent;color:#E7E3D8;border:1px solid rgba(245,241,232,.32);
    font:700 15px/1 'SUIT Variable',sans-serif;}
  .tabs button[aria-selected="true"]{background:#C8A96A;color:#121D3C;border-color:#C8A96A;}
  .plan-wrap img{background:#fff;padding:10px;}
  .faq h3{font-size:18px;font-weight:700;margin:0 0 10px;color:#F5F1E8;}
  .faq p{margin:0 0 26px;color:#A9B2C6;line-height:1.85;font-size:16px;}
  footer.site{padding:60px 0 132px;border-top:1px solid rgba(255,255,255,.1);
    color:#7E8798;font-size:14px;line-height:1.9;}
  footer.site .biz{margin-top:18px;color:#5F6878;}
  footer.site .notice{margin:0 0 6px;}

  /* ══ 헤더 GNB — 참고사이트(thesharp-centerpole.dimvis.com) 실측 복제 ══
     헤더 90px 투명 → hover 시 배경 #000C42 · 높이 420px 메가패널.
     GNB 중앙 정렬, 대분류 149px/17px/w300, 소분류 16px/w300, 흰색.
     엔진 자체 topbar 는 숨기고 이 헤더로 대체한다(브랜드·CTA 중복 방지). */
  .sw-topbar{display:none !important;}

  .site-hd{position:fixed;top:0;left:0;right:0;height:90px;z-index:8000;
    background:transparent;transition:background .3s, height .3s;
    font-family:'SUIT Variable',sans-serif;}
  .site-hd::after{content:"";position:absolute;left:0;right:0;top:90px;height:1px;
    background:rgba(255,255,255,.16);opacity:0;transition:opacity .3s;}
  .site-hd.open{height:420px;background:#000C42;}
  .site-hd.open::after{opacity:1;}
  .site-hd .hd-in{position:relative;height:90px;padding:0 100px;
    display:flex;align-items:center;justify-content:space-between;}
  .site-hd .hd-logo{color:#fff;text-decoration:none;font-weight:700;font-size:20px;
    letter-spacing:-.01em;white-space:nowrap;z-index:2;}
  .site-hd .hd-tel{display:inline-flex;align-items:center;gap:12px;color:#fff;
    text-decoration:none;font-size:26px;font-weight:300;letter-spacing:.02em;z-index:2;}
  .site-hd .hd-tel .ic{width:34px;height:34px;border-radius:99px;flex:0 0 34px;
    border:1px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;}
  .site-hd .hd-tel .ic svg{width:15px;height:15px;fill:#fff;}

  .gnb{position:absolute;left:0;right:0;top:0;height:90px;
    display:flex;justify-content:center;}
  .gnb > .g1{position:relative;width:149px;height:90px;}
  .gnb > .g1 > button{width:100%;height:90px;background:none;border:0;cursor:pointer;
    color:#fff;font:300 17px/90px 'SUIT Variable',sans-serif;text-align:center;padding:0;}
  .gnb > .g1 > button::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
    bottom:0;width:0;height:2px;background:#fff;transition:width .25s;}
  .gnb > .g1:hover > button::after,.gnb > .g1.on > button::after{width:100%;}
  .gnb .sub{position:absolute;left:50%;transform:translateX(-50%);top:90px;
    width:200px;padding:28px 0 0;text-align:center;
    opacity:0;visibility:hidden;transition:opacity .25s;}
  .site-hd.open .gnb .sub{opacity:1;visibility:visible;}
  .gnb .sub a{display:block;color:#fff;text-decoration:none;
    font:300 16px/45px 'SUIT Variable',sans-serif;white-space:nowrap;opacity:.82;}
  .gnb .sub a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px;}
  /* 외부 상세 페이지로 나가는 항목은 ↗ 로 명시 — 클릭 전에 알 수 있게 */
  .ext{font-style:normal;font-size:14px;margin-left:5px;opacity:.6;vertical-align:1px;}

  /* 모바일 헤더 (참고사이트: 70px · 좌 햄버거 · 중앙 로고 · 우 원형 전화) */
  .hd-ham,.hd-mtel{display:none;}
  .mmenu{display:none;}

  /* 모바일 하단 고정 전화바 */
  .mbar{display:none;}
  @media (max-width:860px){
    .sec{padding:64px 0;}
    .cards,.types{grid-template-columns:1fr;}
    .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:900;
      height:calc(60px + env(safe-area-inset-bottom));
      padding-bottom:env(safe-area-inset-bottom);}
    .mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
      text-decoration:none;font-weight:700;font-size:16px;}
    .mbar a.tel{background:#F5F1E8;color:#121D3C;}
    .mbar a.reg{background:#C8A96A;color:#121D3C;}
    table.spec th{width:112px;padding:13px 10px;}
    table.spec td{padding:13px 10px;}
    .split,.plangrid{grid-template-columns:1fr;gap:22px;}
    /* 엔진 스크롤 힌트를 하단 고정바(60px) 위로 — 겹침 제거 */
    .sw-hint{bottom:calc(76px + env(safe-area-inset-bottom)) !important;}

    /* ── 모바일 헤더/전체메뉴 (참고사이트 패턴) ── */
    .site-hd{height:70px;}
    .site-hd.open{height:70px;background:transparent;}
    .site-hd.open::after{opacity:0;}
    .site-hd .hd-in{height:70px;padding:0 20px;}
    .site-hd .hd-logo{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;}
    .site-hd .hd-tel{display:none;}
    .gnb{display:none;}
    .hd-ham{display:flex;width:44px;height:44px;margin-left:-10px;align-items:center;
      justify-content:center;background:none;border:0;cursor:pointer;z-index:2;}
    .hd-ham i{display:block;width:26px;height:11px;position:relative;}
    .hd-ham i::before,.hd-ham i::after{content:"";position:absolute;left:0;right:0;height:2px;background:#fff;}
    .hd-ham i::before{top:0;} .hd-ham i::after{bottom:0;}
    .hd-mtel{display:flex;width:44px;height:44px;margin-right:-6px;align-items:center;
      justify-content:center;z-index:2;}
    .hd-mtel span{width:40px;height:40px;border-radius:99px;border:1px solid rgba(255,255,255,.7);
      display:flex;align-items:center;justify-content:center;}
    .hd-mtel svg{width:16px;height:16px;fill:#fff;}

    .mmenu{position:fixed;inset:0;z-index:9000;display:none;overflow-y:auto;
      background:#111 linear-gradient(90deg,rgba(255,255,255,.045) 0 6%,transparent 6% 12%) repeat-x;
      background-size:64px 100%;}
    .mmenu[open]{display:block;}
    .mmenu .mm-top{position:relative;height:70px;padding:0 20px;display:flex;
      align-items:center;justify-content:space-between;}
    .mmenu .mm-top .t{position:absolute;left:50%;transform:translateX(-50%);
      color:#fff;font-weight:700;font-size:17px;}
    .mmenu .mm-x{width:44px;height:44px;margin-left:-10px;background:none;border:0;
      color:#fff;font-size:26px;line-height:1;cursor:pointer;}
    .mmenu .mm-body{padding:44px 40px 120px;}
    .mmenu .m1{border:0;}
    .mmenu .m1 > button{display:block;width:100%;text-align:left;background:none;border:0;
      color:rgba(255,255,255,.82);font:700 27px/1 'SUIT Variable',sans-serif;
      padding:18px 0;cursor:pointer;}
    .mmenu .m1.on > button{color:#fff;}
    .mmenu .m1 .msub{display:none;padding:2px 0 14px 4px;}
    .mmenu .m1.on .msub{display:block;}
    .mmenu .m1 .msub a{display:flex;align-items:center;min-height:44px;color:rgba(255,255,255,.72);
      text-decoration:none;font-size:16px;font-weight:400;}
    .mmenu .m1 .msub a:active{color:#fff;}
  }
  @media (prefers-reduced-motion:reduce){ .btn{transition:none;} }

/* ── 서브페이지 ── */
.notice-empty{display:flex;flex-direction:column;gap:8px;padding:56px 28px;border-radius:14px;
  text-align:center;margin:0 0 40px;}
.notice-empty strong{font-size:19px;font-weight:700;}
.notice-empty span{font-size:16px;}
.regform{max-width:620px;margin:26px 0 8px;}
.regform .fld{margin-bottom:18px;}
.regform label{display:block;font-size:15px;font-weight:700;margin-bottom:8px;}
.regform input[type=text],.regform input[type=tel],.regform select{
  width:100%;box-sizing:border-box;min-height:52px;padding:0 16px;border-radius:10px;
  font:400 16px/1 'SUIT Variable',sans-serif;}
.regform .agree{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:15px;
  line-height:1.7;margin:6px 0 22px;}
.regform .agree input{width:22px;height:22px;min-height:22px;margin-top:2px;flex:0 0 22px;}
.regform .agree em{display:block;font-style:normal;font-size:14px;opacity:.75;margin-top:4px;}
.regform button{border:0;cursor:pointer;font-weight:700;}
.regform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.regform .err{outline:2px solid #D92D20;outline-offset:1px;}
body.sub{background:#121D3C;}
.subvisual{position:relative;height:420px;overflow:hidden;}
.subvisual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;}
.subvisual::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,17,36,.72) 0 30%,rgba(10,17,36,.45) 60%,rgba(18,29,60,1) 100%);}
.subvisual .sv-in{position:absolute;left:0;right:0;bottom:54px;z-index:2;}
.subvisual .crumb{font-size:14px;color:#A9B2C6;letter-spacing:.04em;margin:0 0 12px;}
.subvisual .crumb a{color:#A9B2C6;text-decoration:none;}
.subvisual .crumb a:hover{color:#C8A96A;}
.subvisual h1{font-family:var(--sw-font-display);font-size:clamp(32px,5vw,52px);font-weight:700;
  margin:0;letter-spacing:-.01em;color:#F5F1E8;}
.subvisual .en{display:block;font-size:14px;letter-spacing:.22em;color:#C8A96A;font-weight:700;margin:0 0 10px;}
.pagenav{border-top:1px solid rgba(200,169,106,.18);padding:44px 0 96px;}
.pagenav .pn{display:flex;flex-wrap:wrap;gap:12px;}
.pagenav a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:99px;
  border:1px solid rgba(245,241,232,.28);color:#E7E3D8;text-decoration:none;font-size:15px;font-weight:500;}
.pagenav a[aria-current="page"]{background:#C8A96A;color:#121D3C;border-color:#C8A96A;font-weight:700;}
.pagenav a:hover{border-color:#C8A96A;color:#C8A96A;}
.pagenav a[aria-current="page"]:hover{color:#121D3C;}
.gnb .sub a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:5px;}
@media (max-width:860px){
  .subvisual{height:300px;}
  .subvisual .sv-in{bottom:34px;}
  .pagenav{padding:32px 0 90px;}
}

/* ══ 서브페이지 라이트 테마 (배경 흰색 · 글씨 고대비) ══
   랜딩(/)은 다크 유지. body.sub 스코프로만 덮는다. */
body.sub{background:#FFFFFF;color:#101828;}
body.sub .page{background:#FFFFFF;}

/* 헤더 — 흰 배경 + 어두운 글씨 */
body.sub .site-hd{background:#FFFFFF;border-bottom:1px solid #E4E7EC;}
body.sub .site-hd::after{background:#E4E7EC;}
body.sub .site-hd.open{background:#FFFFFF;}
body.sub .hd-logo{color:#0B1338;}
body.sub .hd-tel{color:#0B1338;}
body.sub .hd-tel .ic{border-color:rgba(11,19,56,.45);}
body.sub .hd-tel .ic svg{fill:#0B1338;}
body.sub .gnb > .g1 > button{color:#0B1338;}
body.sub .gnb > .g1 > button::after{background:#0B1338;}
body.sub .gnb .sub a{color:#344054;opacity:1;}
body.sub .gnb .sub a:hover,body.sub .gnb .sub a[aria-current="page"]{color:#0B1338;}
body.sub .hd-ham i::before,body.sub .hd-ham i::after{background:#0B1338;}
body.sub .hd-mtel span{border-color:rgba(11,19,56,.45);}
body.sub .hd-mtel svg{fill:#0B1338;}

/* 서브비주얼 — 이미지 위 흰 글씨 유지, 아래로 흰 배경에 이어붙임 */
body.sub .subvisual{margin-top:90px;height:340px;}
body.sub .subvisual::after{
  background:linear-gradient(180deg,rgba(8,14,32,.62) 0%,rgba(8,14,32,.50) 55%,rgba(8,14,32,.66) 100%);}
body.sub .subvisual .crumb{color:#E4E7EC;}
body.sub .subvisual .crumb a{color:#E4E7EC;}
body.sub .subvisual .crumb a:hover{color:#F2D9A0;}
body.sub .subvisual .en{color:#F2D9A0;}
body.sub .subvisual h1{color:#FFFFFF;}

/* 본문 타이포 */
body.sub .sec{border-top-color:#E4E7EC;}
body.sub .eyebrow{color:#8C6E3A;}
body.sub .sec h2{color:#101828;}
body.sub .sec h3{color:#101828;}
body.sub .sec p,body.sub .sec li{color:#475467;}
body.sub p.cau{color:#667085;}
body.sub .sec strong{color:#101828;}

/* 표 */
body.sub table.spec th{color:#8C6E3A;}
body.sub table.spec td{color:#1D2939;}
body.sub table.spec th,body.sub table.spec td{border-bottom-color:#E4E7EC;}

/* 카드·타입·인덱스 */
body.sub .card,body.sub .type,body.sub .idx{background:#F9FAFB;border-color:#E4E7EC;}
body.sub .notice-empty{background:#F9FAFB;border:1px solid #E4E7EC;}
body.sub .notice-empty strong{color:#101828;}
body.sub .notice-empty span{color:#475467;}
body.sub .regform label{color:#101828;}
body.sub .regform input[type=text],body.sub .regform input[type=tel],body.sub .regform select{
  background:#FFFFFF;color:#101828;border:1px solid #D0D5DD;}
body.sub .regform input:focus,body.sub .regform select:focus{border-color:#0B1338;outline:2px solid rgba(11,19,56,.18);}
body.sub .regform .agree{color:#475467;}
body.sub #regResult[data-st=ok]{background:#ECFDF3;border-color:#ABEFC6;}
body.sub #regResult[data-st=ok] strong{color:#067647;}
body.sub #regResult[data-st=err]{background:#FEF3F2;border-color:#FECDCA;}
body.sub #regResult[data-st=err] strong{color:#B42318;}
body.sub .card .num{color:#8C6E3A;}
body.sub .type strong{color:#101828;}
body.sub .type span{color:#475467;}
body.sub .idx .en{color:#8C6E3A;}
body.sub .idx strong{color:#101828;}
body.sub .idx em{color:#475467;}

/* 이미지·버튼·탭 */
body.sub figure.ph img{background:#F2F4F7;}
body.sub figure.ph.zoom .mag{background:rgba(11,19,56,.88);color:#FFFFFF;border-color:rgba(11,19,56,.88);}
body.sub .btn.gold{background:#0B1338;color:#FFFFFF;}
body.sub .btn.line{color:#0B1338;border-color:rgba(11,19,56,.4);}
body.sub .tabs button{color:#344054;border-color:#D0D5DD;}
body.sub .tabs button[aria-selected="true"]{background:#0B1338;color:#FFFFFF;border-color:#0B1338;}
body.sub .plan-wrap img{background:#FFFFFF;padding:0;}
body.sub .tel-big{color:#0B1338;}
body.sub .faq h3{color:#101828;}
body.sub .faq p{color:#475467;}

/* 형제메뉴 */
body.sub .pagenav{border-top-color:#E4E7EC;}
body.sub .pagenav a{color:#344054;border-color:#D0D5DD;}
body.sub .pagenav a:hover{color:#0B1338;border-color:#0B1338;}
body.sub .pagenav a[aria-current="page"]{background:#0B1338;color:#FFFFFF;border-color:#0B1338;}

/* 푸터 */
body.sub footer.site{background:#F2F4F7;border-top-color:#E4E7EC;color:#475467;}
body.sub footer.site .biz{color:#667085;}

/* 모바일 하단바 — 흰 배경 위에서도 대비 확보 */
body.sub .mbar{border-top:1px solid #E4E7EC;}
body.sub .mbar a.tel{background:#0B1338;color:#FFFFFF;}
body.sub .mbar a.reg{background:#C8A96A;color:#0B1338;}

@media (max-width:860px){
  body.sub .subvisual{margin-top:70px;height:260px;}
}

/* 랜딩 상세안내 인덱스 카드 */
.idxgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.idx{display:block;padding:26px 22px;border-radius:14px;text-decoration:none;
  background:rgba(255,255,255,.045);border:1px solid rgba(200,169,106,.22);transition:border-color .2s;}
.idx:hover{border-color:#C8A96A;}
.idx .en{display:block;font-size:14px;letter-spacing:.18em;color:#C8A96A;font-weight:700;margin-bottom:12px;}
.idx strong{display:block;font-size:19px;color:#F5F1E8;font-weight:700;margin-bottom:8px;}
.idx em{font-style:normal;font-size:14px;color:#A9B2C6;}
@media (max-width:1080px){ .idxgrid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .idxgrid{grid-template-columns:1fr;} }

/* ══ 브랜드 허브 전용 ══ */
body.hub{background:#0A1024;}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;}
.hero__bg{position:absolute;inset:0;}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.42;}
.hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,16,36,.78) 0%,rgba(10,16,36,.55) 45%,#0A1024 100%);}
.hero .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:80px;}
.hero .en{display:block;font-size:14px;letter-spacing:.3em;color:#C8A96A;font-weight:700;margin:0 0 18px;}
.hero h1{font-family:var(--sw-font-display);font-size:clamp(34px,6vw,68px);line-height:1.2;
  font-weight:700;margin:0 0 22px;letter-spacing:-.02em;}
.hero .hero-sub{font-family:var(--sw-font-display);font-weight:700;
  font-size:clamp(22px,3.2vw,38px);line-height:1.25;color:#F5F1E8;margin:0 0 20px;letter-spacing:-.01em;}
.hero p.lead{font-size:clamp(16px,2.2vw,19px);color:#C6CEDE;line-height:1.8;margin:0 0 46px;max-width:640px;}

.picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;}
.site-card{display:flex;flex-direction:column;text-decoration:none;border-radius:16px;overflow:hidden;
  background:rgba(255,255,255,.05);border:1px solid rgba(200,169,106,.28);
  transition:transform .25s,border-color .25s,box-shadow .25s;}
.site-card:hover{transform:translateY(-4px);border-color:#C8A96A;box-shadow:0 18px 40px rgba(0,0,0,.35);}
.site-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#111a33;}
.site-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.site-card:hover .thumb img{transform:scale(1.05);}
.site-card .body{display:block;padding:26px 24px 28px;}
.site-card .badge{display:inline-block;padding:5px 12px;border-radius:99px;font-size:14px;font-weight:700;
  background:#C8A96A;color:#121D3C;margin-bottom:14px;}
.site-card .en{display:block;font-size:14px;letter-spacing:.2em;color:#C8A96A;font-weight:700;margin-bottom:10px;}
.site-card strong{display:block;font-family:var(--sw-font-display);font-size:26px;color:#F5F1E8;
  font-weight:700;margin-bottom:10px;}
.site-card em{display:block;font-style:normal;font-size:17px;color:#C6CEDE;margin-bottom:16px;}
.site-card .meta{display:block;font-size:15px;color:#8F9AB2;margin-bottom:20px;}
.site-card .go{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;color:#C8A96A;}
.site-card:hover .go i{transform:translateX(4px);}
.site-card .go i{font-style:normal;transition:transform .25s;}

.tblwrap{overflow-x:auto;}
table.cmp th[scope=col]{color:#F5F1E8;font-size:16px;text-align:left;}
table.cmp thead th{border-bottom:1px solid rgba(200,169,106,.4);}
table.cmp th[scope=row]{width:120px;}
table.cmp td{min-width:200px;}

.brandbox{display:grid;grid-template-columns:260px 1fr;gap:38px;align-items:start;}
.brandbox figure{margin:0;}
.brandbox img{width:100%;border-radius:12px;background:#fff;}
@media (max-width:860px){
  .hero .wrap{padding-top:100px;}
  .brandbox{grid-template-columns:1fr;gap:22px;}
  table.cmp th[scope=row]{width:92px;}
}