:root{--bg:#F7F3EE;--ink:#1A1410;--gold:#C4A265;--brown:#2E1F14;--brown-2:#4b3424;--card:#fffaf2;--muted:#6f6258;--line:rgba(26,20,16,.13);--font-cn:"Noto Serif SC","PingFang SC","Microsoft YaHei",serif;--font-en:"Cormorant Garamond",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-cn);line-height:1.72;letter-spacing:0}a{color:inherit}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;transition:background .35s,box-shadow .35s,border-color .35s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(247,243,238,.78);backdrop-filter:blur(16px);border-color:var(--line);box-shadow:0 18px 42px rgba(26,20,16,.08)}.brand{display:flex;align-items:center;text-decoration:none}.logo-img{width:112px;height:auto;display:block;mix-blend-mode:multiply}.home-hero .logo-img,.site-footer .logo-img{mix-blend-mode:screen;filter:invert(1) brightness(2)}.nav{display:flex;gap:8px}.nav a{text-decoration:none;font:600 14px var(--font-en);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;color:var(--ink)}.hero{min-height:100vh;background:radial-gradient(circle at 50% 30%,rgba(196,162,101,.22),transparent 34%),linear-gradient(135deg,#1A1410,#2E1F14 62%,#4b3424);display:grid;place-items:center;text-align:center;color:#f8efe4;padding:96px 7vw 60px}.hero-center{max-width:860px}.hero-logo{display:flex;justify-content:center;margin-bottom:26px}.hero-logo .logo-img{width:min(360px,72vw)}.latin,.kicker{font-family:var(--font-en);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}.hero h1{font-size:clamp(70px,14vw,168px);line-height:.9;margin:0 0 20px;font-weight:900;letter-spacing:.4em;animation:heroTracking 1.1s ease forwards}.hero-sub{font-size:clamp(20px,3vw,34px);letter-spacing:.18em;margin:0;color:rgba(248,239,228,.84)}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}.btn{min-height:48px;padding:12px 22px;border:1px solid rgba(196,162,101,.6);text-decoration:none;font-weight:700}.btn.primary{background:var(--gold);color:var(--brown)}.btn.ghost{color:#f8efe4}.trust-strip{overflow:hidden;background:#0f0b08;color:var(--gold);border-block:1px solid rgba(196,162,101,.28)}.trust-strip div{display:flex;width:max-content;animation:marquee 34s linear infinite}.trust-strip span{white-space:nowrap;padding:14px 28px;font-family:var(--font-en);font-size:18px;letter-spacing:.08em}.section{padding:86px 7vw}.section h2,.page-hero h1,.product-copy h1{font-family:var(--font-cn);font-weight:800;line-height:1.13}.section h2{font-size:clamp(32px,5vw,58px);max-width:980px}.page-hero{padding:150px 7vw 78px;background:linear-gradient(135deg,var(--brown),#4a3322);color:#f8efe4}.page-hero p{max-width:780px;color:rgba(248,239,228,.78);font-size:20px}.page-hero h1{font-size:clamp(40px,7vw,86px)}.line-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.line-card,.product-card,.faq-box,.related-card,.editorial{background:rgba(255,250,242,.88);border:1px solid var(--line);padding:26px;box-shadow:0 20px 60px rgba(46,31,20,.06)}.line-card h3,.product-card h3,.faq-box h3,.faq-box h2{font-size:28px;line-height:1.18}.line-card p,.product-card p,.faq-box p,.editorial p{color:var(--muted)}.link-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.link-list a,.faq-box a{color:var(--brown);font-weight:800;text-decoration:none;border-bottom:1px solid var(--gold);width:max-content}.masonry-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:18px}.product-card{grid-column:span 2;min-height:310px;transition:background .3s,color .3s,transform .3s;position:relative;overflow:hidden}.product-card.wide{grid-column:span 3}.product-card a{text-decoration:none;display:flex;flex-direction:column;height:100%}.product-card span{font-family:var(--font-en);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.product-card h3{margin-bottom:16px}.product-card p{flex:1}.product-card dl{display:grid;grid-template-columns:64px 1fr;gap:7px 12px;margin:18px 0 0;font-size:14px}.product-card dt{color:var(--gold);font-weight:800}.product-card dd{margin:0;color:var(--muted)}.product-card:after{content:"";position:absolute;left:26px;right:26px;bottom:18px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.3s}.product-card:hover{background:var(--brown);color:#f8efe4;transform:translateY(-5px)}.product-card:hover p,.product-card:hover dd{color:rgba(248,239,228,.76)}.product-card:hover:after{transform:scaleX(1)}.product-detail{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1fr);gap:58px;padding:150px 7vw 80px;align-items:center}.product-visual{display:grid;place-items:center}.packshot{position:relative;aspect-ratio:1;width:min(460px,100%);background:#efe5d7;border:1px solid rgba(196,162,101,.42);display:grid;place-items:center;text-align:center}.filing-badge{position:absolute;top:22px;left:22px;background:var(--brown);color:var(--gold);padding:8px 12px;font-size:13px;letter-spacing:.08em}.pack-name{font-family:var(--font-en);font-size:64px;letter-spacing:.18em;color:var(--brown)}.packshot small{position:absolute;bottom:34px;font-family:var(--font-en);letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.product-copy h1{font-size:clamp(38px,6vw,78px);margin:10px 0 18px}.italic-line{font-family:var(--font-en);font-style:italic;font-size:27px;color:var(--muted)}.divider-title{margin:30px 0 14px;font-family:var(--font-en);letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.record-list{display:grid;grid-template-columns:92px 1fr;gap:10px 20px;margin:0}.record-list dt{color:var(--gold);font-weight:800}.record-list dd{margin:0;color:var(--muted)}.tag-row{display:flex;gap:10px;flex-wrap:wrap}.tag-row span{padding:8px 12px;background:#efe5d7;color:var(--brown);border:1px solid rgba(196,162,101,.36)}.point-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;list-style:none;padding:0}.point-list li{background:#fffaf2;border:1px solid var(--line);padding:20px;font-weight:800}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.related-card{text-decoration:none;background:#fffaf2;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px}.related-card span,.related-card small{font-family:var(--font-en);color:var(--gold);letter-spacing:.12em}.bento-faq{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.faq-box{min-height:220px}.faq-box.large{grid-column:span 2;grid-row:span 2}.bento-faq.two{grid-template-columns:repeat(2,1fr)}.editorial{max-width:980px}.site-footer{display:flex;justify-content:space-between;gap:28px;padding:42px 7vw;background:#100b08;color:rgba(248,239,228,.72)}.site-footer .logo-img{width:130px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes heroTracking{from{letter-spacing:.4em;opacity:.55}to{letter-spacing:.08em;opacity:1}}@media(max-width:900px){.line-grid,.bento-faq,.bento-faq.two{grid-template-columns:1fr}.masonry-grid{grid-template-columns:1fr}.product-card,.product-card.wide{grid-column:auto}.product-detail{grid-template-columns:1fr;padding-top:130px}.nav{max-width:64vw;overflow:auto}.product-card{min-height:auto}}@media(max-width:640px){.site-header{padding:14px 22px}.logo-img{width:92px}.section,.page-hero,.product-detail,.site-footer{padding-left:24px;padding-right:24px}.hero{padding-left:24px;padding-right:24px}.hero h1{font-size:76px}.record-list{grid-template-columns:1fr}.record-list dt{margin-top:8px}.site-footer{flex-direction:column}}

/* ═══════════════════════════════════════════
   LUXURY LAYER — 高大上设计增强
═══════════════════════════════════════════ */

/* ── 滚动进度条 ── */
.scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--gold) 0%, #f0d880 50%, var(--gold) 100%);
  z-index: 31;
  width: 0%;
  pointer-events: none;
  box-shadow: 0 0 8px rgba(196,162,101,.6);
}

/* ── 页面加载幕 ── */
.page-loader {
  position: fixed; inset: 0;
  background: var(--brown);
  z-index: 9000;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 18px;
  transition: opacity .85s cubic-bezier(.4,0,.2,1), visibility .85s;
}
.page-loader.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-badge {
  font-family: var(--font-en);
  font-size: 56px;
  color: var(--gold);
  letter-spacing: .55em;
  padding-left: .55em;
  animation: loaderPulse 1.5s ease-in-out infinite;
}
.loader-line {
  width: 48px; height: 1px;
  background: var(--gold);
  animation: loaderLine 1.5s ease-in-out infinite;
}
@keyframes loaderPulse {
  0%,100% { opacity: .25; letter-spacing: .55em; }
  50% { opacity: 1; letter-spacing: .75em; }
}
@keyframes loaderLine {
  0%,100% { transform: scaleX(.25); opacity: .25; }
  50% { transform: scaleX(1); opacity: 1; }
}

/* ── 自定义金色光标（仅鼠标设备） ── */
.cursor-dot {
  position: fixed;
  width: 6px; height: 6px;
  background: var(--gold);
  border-radius: 50%;
  pointer-events: none;
  z-index: 8999;
  transform: translate(-50%,-50%);
  transition: transform .15s, opacity .3s, background .2s;
  opacity: 0;
}
.cursor-ring {
  position: fixed;
  width: 34px; height: 34px;
  border: 1px solid rgba(196,162,101,.55);
  border-radius: 50%;
  pointer-events: none;
  z-index: 8998;
  transform: translate(-50%,-50%);
  transition: width .28s ease, height .28s ease, border-color .28s, opacity .3s;
  opacity: 0;
}
body.cursor-active .cursor-dot,
body.cursor-active .cursor-ring { opacity: 1; }
body.cursor-link .cursor-dot { transform: translate(-50%,-50%) scale(0); }
body.cursor-link .cursor-ring {
  width: 54px; height: 54px;
  border-color: rgba(196,162,101,.9);
}

/* ── Hero 胶片颗粒纹理 + 光扫效果 ── */
.hero { position: relative; isolation: isolate; }
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 256px;
  opacity: .04;
  pointer-events: none;
  z-index: 0;
}
.hero::after {
  content: '';
  position: absolute;
  top: 0; left: -65%; width: 42%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(196,162,101,.07), transparent);
  animation: heroSweep 9s ease-in-out 2.8s infinite;
  pointer-events: none; z-index: 0;
}
.hero-center { position: relative; z-index: 1; }
@keyframes heroSweep {
  0% { left: -65%; }
  55%, 100% { left: 130%; }
}

/* ── Hero 文字逐字入场 ── */
.hero h1 { animation: none; letter-spacing: .1em; }
.char {
  display: inline-block;
  opacity: 0;
  transform: translateY(.45em);
  animation: charReveal .9s cubic-bezier(.16,1,.3,1) forwards;
}
.char:nth-child(1) { animation-delay: .52s; }
.char:nth-child(2) { animation-delay: .72s; }
@keyframes charReveal { to { opacity: 1; transform: translateY(0); } }

/* Hero 子元素入场 */
.hero .hero-logo { opacity: 0; animation: fadeUpIn .6s ease forwards; animation-delay: .12s; }
.hero .latin     { opacity: 0; animation: fadeUpIn .6s ease forwards; animation-delay: .32s; }
.hero .hero-sub  { opacity: 0; animation: fadeUpIn .8s ease forwards; animation-delay: .94s; }
.hero .hero-actions { opacity: 0; animation: fadeUpIn .8s ease forwards; animation-delay: 1.14s; }
@keyframes fadeUpIn {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── 数字统计栏 ── */
.stats-section {
  background: var(--brown);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid rgba(196,162,101,.18);
}
.stat-item {
  text-align: center;
  padding: 56px 24px;
  border-right: 1px solid rgba(196,162,101,.12);
}
.stat-item:last-child { border-right: none; }
.stat-num {
  display: block;
  font-family: var(--font-en);
  font-size: clamp(58px, 9vw, 96px);
  color: var(--gold);
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.02em;
}
.stat-label {
  display: block;
  color: rgba(248,239,228,.6);
  font-size: 13px;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-top: 12px;
}

/* ── 产品卡片扫光 ── */
.product-card { isolation: isolate; }
.product-card::before {
  content: '';
  position: absolute; top: 0; left: -85%; width: 55%; height: 100%;
  background: linear-gradient(105deg, transparent 35%, rgba(196,162,101,.11) 50%, transparent 65%);
  transition: left .65s ease;
  z-index: 0; pointer-events: none;
}
.product-card:hover::before { left: 130%; }

/* ── 章节标题下划线展开 ── */
.section h2 { position: relative; padding-bottom: 14px; display: inline-block; }
.section h2::after {
  content: '';
  position: absolute; bottom: 0; left: 0;
  width: 100%; height: 1.5px;
  background: linear-gradient(90deg, var(--gold), transparent);
  transform: scaleX(0); transform-origin: left;
  transition: transform .72s cubic-bezier(.16,1,.3,1);
}
.section h2.line-drawn::after { transform: scaleX(1); }

/* ── 按钮磁吸 + 光扫 ── */
.btn {
  position: relative; overflow: hidden;
  transition: transform .22s, box-shadow .22s;
}
.btn::before {
  content: '';
  position: absolute; inset: 0;
  background: rgba(255,255,255,.09);
  transform: translateX(-101%);
  transition: transform .38s ease;
}
.btn:hover::before { transform: translateX(0); }
.btn:hover {
  box-shadow: 0 10px 32px rgba(196,162,101,.28);
}
.btn:active { transform: scale(.97); }

/* ── 产品线卡片悬浮 ── */
.line-card {
  transition: background .3s, transform .32s, color .3s;
}
.line-card:hover {
  background: var(--brown); color: #f8efe4;
  transform: translateY(-4px);
  box-shadow: 0 20px 50px rgba(46,31,20,.18);
}
.line-card:hover p { color: rgba(248,239,228,.72); }

/* ── Footer 顶部光晕线 ── */
.site-footer { position: relative; }
.site-footer::before {
  content: '';
  position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 60%; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.footer-compliance {
  display: grid;
  gap: 8px;
  justify-items: end;
  max-width: 560px;
  text-align: right;
}
.footer-compliance p { margin: 0; }
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 16px;
  font-size: 13px;
  color: rgba(248,239,228,.56);
}
.footer-links a {
  color: rgba(248,239,228,.78);
  text-decoration: none;
  border-bottom: 1px solid rgba(196,162,101,.55);
}
.footer-links a:hover { color: var(--gold); }

/* ── GEO FAQ 长答案增强 ── */
.answer-lead {
  font-size: 20px;
  color: var(--brown) !important;
  font-weight: 700;
}
.editorial h3 {
  margin: 26px 0 10px;
  font-size: 24px;
  line-height: 1.24;
}
.answer-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 1.2em;
  color: var(--muted);
}
.answer-list li {
  padding-left: 4px;
}

/* ── 响应式补丁 ── */
@media(max-width:900px) {
  .stats-section { grid-template-columns: repeat(3,1fr); }
  .stat-item { padding: 38px 14px; }
}
@media(max-width:600px) {
  .stats-section { grid-template-columns: 1fr; }
  .stat-item { border-right: none; border-bottom: 1px solid rgba(196,162,101,.12); }
  .stat-item:last-child { border-bottom: none; }
  .cursor-dot, .cursor-ring { display: none; }
  .footer-compliance {
    justify-items: start;
    text-align: left;
  }
  .footer-links { justify-content: flex-start; }
}

/* ═══════════════════════════════════════════
   NEW DESIGN COMPONENTS
═══════════════════════════════════════════ */

/* ── Hero 浮动粒子 ── */
.hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.particle {
  position: absolute;
  left: var(--x, 50%);
  bottom: -6px;
  width: 2px; height: 2px;
  background: var(--gold);
  border-radius: 50%;
  opacity: 0;
  animation: particleFloat var(--dur, 10s) ease-in-out var(--delay, 0s) infinite;
}
@keyframes particleFloat {
  0%   { transform: translateY(0) translateX(0); opacity: 0; }
  15%  { opacity: .45; }
  85%  { opacity: .15; }
  100% { transform: translateY(-100vh) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Hero 分隔线 ── */
.hero-divider {
  width: 40px; height: 1px;
  background: var(--gold);
  margin: 20px auto;
  animation: fadeUpIn .6s ease forwards;
  animation-delay: .86s;
  opacity: 0;
}

/* ── 滚动提示 ── */
.scroll-hint {
  position: absolute;
  right: 5vw; bottom: 34px;
  display: flex; flex-direction: column;
  align-items: center; gap: 10px;
  opacity: 0;
  animation: fadeUpIn .8s ease forwards;
  animation-delay: 1.5s;
  z-index: 2;
}
.scroll-label {
  font-family: var(--font-en);
  font-size: 10px;
  letter-spacing: .3em;
  color: rgba(248,239,228,.4);
}
.scroll-line {
  width: 1px; height: 40px;
  background: linear-gradient(to bottom, rgba(196,162,101,.7), transparent);
  animation: scrollPulse 2s ease-in-out 2s infinite;
}
.has-dark-hero .site-header:not(.is-scrolled) .nav a {
  color: rgba(248,239,228,.78);
  text-shadow: 0 1px 18px rgba(0,0,0,.36);
}
.has-dark-hero .site-header:not(.is-scrolled) .nav a:hover {
  color: var(--gold);
}
body:has(.home-hero) .site-header:not(.is-scrolled) .nav a,
body:has(.page-hero) .site-header:not(.is-scrolled) .nav a {
  color: rgba(248,239,228,.78);
  text-shadow: 0 1px 18px rgba(0,0,0,.36);
}
body:has(.home-hero) .site-header:not(.is-scrolled) .nav a:hover,
body:has(.page-hero) .site-header:not(.is-scrolled) .nav a:hover {
  color: var(--gold);
}
@keyframes scrollPulse {
  0%, 100% { transform: scaleY(1); opacity: .7; }
  50% { transform: scaleY(.5); opacity: .2; }
}

/* ── 品牌理念区 ── */
.brand-philosophy {
  padding: 120px 7vw;
  background: var(--brown);
  text-align: center;
  overflow: hidden;
}
.philosophy-inner { max-width: 860px; margin: 0 auto; }
.philosophy-deco {
  display: flex; align-items: center;
  justify-content: center; gap: 18px;
  margin-bottom: 52px;
}
.deco-line {
  display: block; width: 60px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(196,162,101,.6));
}
.deco-line:last-child { transform: scaleX(-1); }
.deco-diamond {
  font-size: 10px;
  color: var(--gold);
  letter-spacing: 0;
}
.philosophy-quote {
  font-family: var(--font-cn);
  font-size: clamp(26px, 4.5vw, 52px);
  font-weight: 700;
  line-height: 1.65;
  color: rgba(248,239,228,.92);
  margin: 0 0 36px;
  border: none; padding: 0;
}
.philosophy-attr {
  font-family: var(--font-en);
  font-size: 13px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0;
}

/* ── 产品线 — 编辑风数字列表 ── */
.line-bands { margin-top: 56px; }
.line-band {
  display: grid;
  grid-template-columns: 88px 1fr 1fr;
  gap: 40px 52px;
  padding: 52px 0;
  border-top: 1px solid var(--line);
  align-items: start;
  transition: background .35s, padding .35s;
  position: relative;
}
.line-band:last-child { border-bottom: 1px solid var(--line); }
.line-band:hover {
  background: var(--card);
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 -24px;
}
.band-num {
  font-family: var(--font-en);
  font-size: clamp(64px, 8vw, 96px);
  color: rgba(196,162,101,.14);
  line-height: 1;
  font-weight: 500;
  transition: color .35s;
  padding-top: 2px;
}
.line-band:hover .band-num { color: rgba(196,162,101,.45); }
.band-body h3 {
  font-family: var(--font-cn);
  font-size: clamp(22px, 2.8vw, 32px);
  margin: 0 0 12px;
}
.band-body p { color: var(--muted); margin: 0; line-height: 1.7; }
.band-products {
  display: flex; flex-direction: column;
  gap: 0; padding-top: 4px;
}
.band-products a {
  display: flex; align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
  padding: 11px 0;
  border-bottom: 1px solid rgba(26,20,16,.06);
  transition: color .22s, gap .22s;
}
.band-products a::before {
  content: '';
  display: inline-block;
  width: 16px; height: 1px;
  background: var(--gold);
  flex-shrink: 0;
  transition: width .22s;
}
.band-products a:hover { color: var(--brown-2); gap: 14px; }
.band-products a:hover::before { width: 24px; }

/* ── 产品卡片：线条标签颜色 ── */
.product-card[data-line="舒缓安肤"] span { color: #8fb8a8; }
.product-card[data-line="焕颜保湿"] span { color: #b8a86f; }
.product-card[data-line="抗皱紧致"] span { color: #b88882; }

/* ── 响应式 new ── */
@media(max-width:900px) {
  .line-band { grid-template-columns: 64px 1fr; }
  .band-products { grid-column: 1 / -1; }
  .brand-philosophy { padding: 80px 7vw; }
}
@media(max-width:640px) {
  .line-band { grid-template-columns: 1fr; gap: 20px; }
  .band-num { font-size: 48px; }
  .scroll-hint { display: none; }
  .philosophy-quote { font-size: 22px; }
  .nav {
    max-width: calc(100vw - 150px);
    gap: 2px;
    overflow: visible;
  }
  .nav a {
    white-space: nowrap;
    font-size: 12px;
    letter-spacing: .06em;
    padding: 6px 4px;
  }
}