/* KA·KA Creative Agency — locally hosted fonts and original artwork. */
@font-face{font-family:'Cormorant Garamond';src:url('assets/cormorant-garamond.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans SC';src:url('assets/noto-sans-sc-subset.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--ivory:#f8f6f2;--navy:#102a43;--gold:#b99563;--mist:#dce8f2;--taupe:#a99b8b;--muted:#576672;--line:#d9d5cd;--gutter:clamp(24px,6.5vw,110px);--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--navy);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(58px,7.5vw,118px)}h2{font-size:clamp(44px,5vw,74px)}h3{font-size:32px}em{font-weight:400}p{line-height:1.85}::selection{background:var(--mist)}:focus-visible{outline:2px solid var(--navy);outline-offset:5px}.section{padding:70px var(--gutter)}.eyebrow{font-size:9px;font-weight:400;letter-spacing:2px;line-height:1.8;text-transform:uppercase}.chinese{font-family:'Noto Sans SC',sans-serif;font-size:12px;letter-spacing:3px;color:var(--muted)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px;padding:24px var(--gutter);border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--ivory)}.logo{display:inline-block;text-align:center;flex-shrink:0}.logo>span{font-family:var(--serif);font-size:35px;letter-spacing:3px;line-height:1}.logo-dot{color:var(--gold)}.logo small{display:block;font-size:7px;letter-spacing:2.5px;margin-top:7px}.site-header nav{display:flex;gap:26px;width:100%;flex-wrap:wrap;justify-content:center}.site-header nav a{font-size:11px;padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;height:1px;background:var(--gold);bottom:4px;left:0;width:0;transition:width .3s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{width:100%}.nav-cta{display:none}.menu-toggle{border:0;background:none;color:var(--navy);display:flex;align-items:center;gap:14px;min-width:64px;min-height:44px;padding:8px;font-size:11px}.menu-icon{font-size:23px}.js .site-header nav{position:absolute;left:0;right:0;top:100%;background:var(--ivory);padding:20px var(--gutter) 30px;border-bottom:1px solid var(--line);flex-direction:column;gap:8px}.js .site-header nav a{padding:13px 0}.hero{position:relative;overflow:hidden;padding-top:55px;padding-bottom:30px;background:radial-gradient(ellipse at 90% 25%,#dce8f277,transparent 65%)}.hero h1{margin:27px 0 23px}.hero h1 em{color:var(--navy)}.hero-description{max-width:380px;font-size:13px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}.hero .chinese{margin-top:37px;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 24px;background:var(--gold);color:var(--navy);border:1px solid var(--gold);font-size:11px;letter-spacing:.2px;min-height:50px;transition:background .3s,transform .3s}.button span{font-size:17px}.button:hover{background:#c8ab83;transform:translateY(-2px)}.button.outline{background:transparent;border-color:#9d9f9f}.button.outline:hover{background:var(--mist);border-color:var(--navy)}.text-link{font-size:11px;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid var(--gold);padding:12px 0}.hero-art{position:relative;height:350px;max-width:480px;margin:45px auto 30px;background:radial-gradient(ellipse at 60% 35%,#edf3f5 0%,#dce8f2 40%,#c5d5df 70%,#f0eee9 100%);border-radius:48% 48% 2px 2px;isolation:isolate;overflow:hidden;box-shadow:inset 0 0 80px #ffffff6b}.hero-art:after{content:'';position:absolute;inset:8%;border:1px solid #ffffff65;border-radius:48% 48% 0 0;z-index:-1}.hero-monogram{position:absolute;font-family:var(--serif);font-size:140px;color:var(--navy);letter-spacing:-12px;left:50%;top:42%;transform:translate(-50%,-50%);white-space:nowrap;font-weight:400}.hero-monogram>span{color:var(--gold);font-size:90px;vertical-align:middle}.hero-orbit{position:absolute;width:290px;height:135px;border:1px solid #b9956388;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-40deg);z-index:-1}.orbit-two{transform:translate(-50%,-50%) rotate(40deg);height:180px;width:330px}.art-caption{position:absolute;bottom:55px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2.7px}.art-corner{position:absolute;bottom:15px;right:18px;text-align:right;font-size:6px;letter-spacing:1.5px;line-height:1.8;color:var(--muted)}.scroll-cue{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.scroll-cue span{font-size:18px}.brand-line{display:flex;justify-content:center;align-items:center;gap:15px;padding:25px var(--gutter);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:17px;text-align:center}.brand-line>span:nth-child(even){color:var(--gold);font-size:20px}.section-heading{margin-bottom:35px}.section-heading h2{margin-top:15px}.section-copy{color:var(--muted);font-size:12px;margin-top:24px;max-width:330px}.expertise-grid{display:grid;gap:16px}.expertise-card{border:1px solid var(--line);padding:30px 26px;position:relative;transition:border-color .4s,background .4s}.expertise-card:hover{border-color:var(--gold);background:#fffaf4}.card-number{color:var(--muted);font-size:9px;letter-spacing:1.5px}.card-symbol{display:block;margin:24px 0;color:#95713f;font-size:36px;font-family:var(--serif)}.expertise-card h3{font-size:32px;max-width:220px;min-height:65px}.expertise-card p{font-size:12px;color:var(--muted);margin-top:15px}.card-link{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:15px;border-top:1px solid var(--line)}.card-link span{font-size:18px}.about-story{background:#ecefeb;display:grid;gap:45px;align-items:center}.about-visual{position:relative;max-width:600px}.about-visual img{aspect-ratio:5/6;object-fit:cover}.image-caption{position:absolute;bottom:24px;left:25px;font-size:8px;letter-spacing:2px}.about-copy h2{margin:20px 0 24px}.about-copy>p:not(.eyebrow):not(.chinese){font-size:13px;max-width:440px;color:var(--muted);margin-bottom:18px}.about-copy .chinese{margin:30px 0}.about-copy .button{margin-top:5px}.project-grid{display:grid;gap:40px}.project-image{position:relative;overflow:hidden;background:var(--mist)}.project-image img{aspect-ratio:5/4;object-fit:cover;transition:transform .9s cubic-bezier(.2,.6,.3,1)}.project:hover img{transform:scale(1.035)}.demo-badge{position:absolute;top:18px;left:18px;padding:8px 10px;font-size:8px;letter-spacing:1.5px;background:var(--ivory);color:var(--navy)}.project-mark{position:absolute;bottom:20px;right:22px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ivory);color:var(--navy);font-size:17px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.project-caption .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.5px}.project-caption h3{margin-top:8px;font-size:33px}.project-index{font-family:var(--serif);font-size:25px;color:#79654c}.section-end{text-align:center;margin-top:45px}.cta{background:var(--navy);color:var(--ivory);text-align:center;position:relative;overflow:hidden;padding-top:85px;padding-bottom:85px}.cta:before,.cta:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #b9956329;border-radius:50%;top:15%;left:-330px;pointer-events:none}.cta:after{left:auto;right:-330px}.cta .eyebrow{color:#d8c5ab}.cta h2{margin:24px auto 20px;font-size:clamp(43px,5.7vw,86px)}.cta h2 em{color:#d1b48e}.cta>p:not(.eyebrow){font-size:12px;color:#c7d3db}.cta .button{margin-top:32px}.site-footer{padding:50px var(--gutter) 25px}.footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:30px;padding-bottom:40px}.footer-top>p{font-family:var(--serif);font-size:24px}.footer-top .chinese{font-size:10px;letter-spacing:2px}.footer-bottom{display:flex;flex-wrap:wrap;gap:16px 30px;border-top:1px solid var(--line);padding-top:25px;font-size:9px;color:var(--muted)}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px;width:100%}.footer-bottom a:hover{color:var(--navy);text-decoration:underline}.page-hero{background:radial-gradient(ellipse at 90% 30%,#dce8f280,transparent 65%);border-bottom:1px solid var(--line)}.page-hero h1{margin:25px 0}.lead{font-size:14px;color:var(--muted);max-width:620px}.demo-note{max-width:650px;font-size:11px;color:var(--muted);border-left:1px solid var(--gold);padding-left:18px;margin-top:25px}.three-columns,.four-columns{display:grid;gap:35px}.three-columns article,.four-columns article{border-top:1px solid var(--line);padding-top:25px}.three-columns h3,.four-columns h3{margin-top:18px;font-size:33px}.three-columns article>p:last-child,.four-columns article>p:last-child{font-size:12px;color:var(--muted);margin-top:15px}.service-detail{display:grid;grid-template-columns:30px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:35px 0;position:relative;scroll-margin-top:25px}.service-detail:first-child{padding-top:0}.service-detail h2{font-size:39px}.service-detail p{font-size:13px;color:var(--muted);margin-top:18px;max-width:600px}.service-detail .service-tags{font-size:10px;line-height:2;color:#755b37}.circle-link{grid-column:2;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .3s}.circle-link:hover{background:var(--mist)}.process{background:#ecefeb}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filter{padding:12px 16px;border:1px solid var(--line);background:transparent;color:var(--navy);font-size:10px;min-height:44px;transition:background .3s}.filter.active,.filter:hover{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.contact-layout{display:grid;gap:45px}.contact-info h2{margin:20px 0 25px}.contact-info>p:not(.eyebrow):not(.chinese){font-size:13px;color:var(--muted);max-width:330px}.contact-detail{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.contact-detail>p:not(.eyebrow){margin-top:12px}.contact-info>.chinese{margin-top:35px}.social-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:12px;font-size:11px}.small{font-size:10px;color:var(--muted)}.form-note{border:1px solid var(--line);border-left:2px solid var(--gold);padding:18px;font-size:11px;color:var(--muted);margin-bottom:30px}.form-note strong{font-weight:400;color:var(--navy)}fieldset{border:0;padding:0;margin:0;min-width:0}.form-pair{display:grid;gap:0}.field{margin-bottom:25px}.field label{display:block;font-size:11px;margin-bottom:12px}.field label span{color:var(--muted);font-size:9px}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid #919b9e;background:transparent;padding:13px 0;font-size:12px;color:var(--navy);border-radius:0}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}.field input:focus,.field textarea:focus{outline-offset:4px;border-color:var(--navy)}textarea{resize:vertical;min-height:100px}#form-status{font-size:12px;margin-top:20px;color:var(--navy)}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--navy);color:var(--ivory);z-index:100}.skip-link:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}[hidden]{display:none!important}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
@media(min-width:600px){.expertise-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr;gap:30px}.project-caption h3{font-size:30px}.three-columns,.four-columns{grid-template-columns:1fr 1fr}.form-pair{grid-template-columns:1fr 1fr;gap:22px}.brand-line{gap:35px;font-size:22px}.footer-top{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-bottom nav{width:auto;margin-left:auto}}
@media(min-width:761px){.site-header{flex-wrap:nowrap;padding-top:27px;padding-bottom:27px}.site-header nav,.js .site-header nav{display:flex;position:static;background:transparent;border:0;padding:0;flex-direction:row;gap:24px;width:auto}.site-header nav a,.js .site-header nav a{padding:10px 0}.menu-toggle{display:none}.nav-cta{display:inline-flex;align-items:center;gap:30px;font-size:10px;border-bottom:1px solid var(--gold);padding:12px 0}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;padding-top:65px}.hero-art{width:100%;height:440px;margin:0;max-width:440px}.hero-monogram{font-size:160px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(65px,7.5vw,118px)}.scroll-cue{grid-column:1/-1;margin-top:20px}.section{padding-top:95px;padding-bottom:95px}.hero{padding-bottom:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}.section-copy{margin-top:0}.about-story{grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px)}.about-visual{padding-right:20px}.image-caption{bottom:30px}.three-columns{grid-template-columns:repeat(3,1fr)}.service-detail{grid-template-columns:70px 1fr 50px;gap:30px;padding:45px 0}.service-detail h2{font-size:56px}.service-detail .circle-link{grid-column:auto;align-self:center}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:80px}.page-hero{padding-top:85px;padding-bottom:80px}.footer-bottom{align-items:center}.footer-top>.text-link{font-size:10px}.cta{padding-top:100px;padding-bottom:100px}.portfolio-section{padding-top:45px}}
@media(min-width:1100px){.expertise-grid{grid-template-columns:repeat(4,1fr);gap:0}.expertise-card{border-right:0;padding:30px 25px}.expertise-card:last-child{border-right:1px solid var(--line)}.expertise-card h3{font-size:33px}.expertise-card p{min-height:90px}.hero-art{height:490px}.hero-monogram{font-size:190px}.hero-orbit{width:350px;height:160px}.orbit-two{width:420px;height:200px}.hero-description{max-width:390px;font-size:13px}.hero h1{margin-top:30px}.hero-actions{gap:30px}.brand-line{gap:65px;font-size:25px}.four-columns{grid-template-columns:repeat(4,1fr);gap:35px}.project-grid{gap:45px}.project-caption h3{font-size:39px}.logo>span{font-size:40px}.site-header nav,.js .site-header nav{gap:35px}.section{padding-top:110px;padding-bottom:110px}.hero{padding-top:60px;padding-bottom:30px}.hero .chinese{margin-top:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}

/* Homepage refinements — deliberately scoped to preserve the other pages. */
.home-page .hero-copy,
.home-page .hero-art {
  min-width: 0;
}

.home-page .hero-art {
  transform: scale(.9);
  transform-origin: center;
  animation: home-brand-float 8s ease-in-out infinite;
}

@keyframes home-brand-float {
  0%, 100% { transform: translateY(0) scale(.9); }
  50% { transform: translateY(-5px) scale(.9); }
}

.home-page .button:not(.outline) {
  color: #0b2238;
  font-size: 12px;
  letter-spacing: .3px;
  border-color: #ad8754;
  transition: background-color .25s ease, border-color .25s ease,
    box-shadow .25s ease, transform .25s ease;
}

.home-page .button:not(.outline):hover {
  background-color: #c4a578;
  border-color: #a78351;
  box-shadow: 0 5px 16px #102a430d;
  transform: translateY(-2px);
}

.home-page .button:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 5px;
  box-shadow: 0 0 0 5px var(--ivory);
}

.home-page .button:active {
  transform: translateY(0);
}

.home-page .hero .chinese {
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .16em;
  color: var(--muted);
  margin-top: 32px;
}

@media (min-width: 761px) {
  .home-page .site-header {
    height: 100px;
    padding-top: 0;
    padding-bottom: 0;
    gap: clamp(20px, 3vw, 48px);
  }

  .home-page .site-header nav {
    align-items: center;
    gap: clamp(20px, 2.5vw, 36px);
  }

  .home-page .site-header nav a,
  .home-page .nav-cta {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .home-page .hero-art {
    justify-self: center;
  }

  .home-page .hero-actions {
    gap: clamp(22px, 2.2vw, 34px);
  }

  .home-page .hero .chinese {
    margin-top: 36px;
  }
}

@media (max-width: 760px) {
  .home-page .hero {
    padding-top: 44px;
  }

  .home-page .hero-art {
    width: 90%;
    max-width: 378px;
    height: 315px;
    margin-top: 30px;
    margin-bottom: 12px;
  }

  .home-page .hero-actions {
    row-gap: 14px;
  }

  .home-page .hero .text-link {
    min-height: 44px;
  }
}

@media (max-width: 420px) {
  .home-page .hero-actions > .button {
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .hero-art {
    animation: none;
    transform: scale(.9);
  }
}

@media (max-width: 420px) {
  .home-page .brand-line {
    gap: 8px;
    font-size: 16px;
  }
}

/* Official services: editorial image/text layouts, scoped to the services page. */
.official-services {
  padding-top: 20px;
  padding-bottom: 70px;
}

.official-service {
  display: grid;
  gap: 32px;
  padding: 50px 0;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 30px;
}

.official-service:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.official-service-visual {
  min-width: 0;
  margin: 0;
  align-self: center;
}

.official-service-visual img {
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

.official-service-visual figcaption {
  padding-top: 13px;
  font-size: 8px;
  line-height: 1.8;
  letter-spacing: 1.2px;
  color: var(--muted);
}

.official-service-copy {
  min-width: 0;
  align-self: center;
}

.official-service-copy > .eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
}

.official-service-copy > .eyebrow::before {
  content: '';
  width: 36px;
  height: 1px;
  background: var(--gold);
}

.official-service h2 {
  margin: 20px 0;
  font-size: clamp(42px, 4.6vw, 68px);
}

.official-service-description {
  max-width: 450px;
  font-size: 13px;
  color: var(--muted);
}

.official-service-label {
  margin-top: 27px;
  font-family: var(--sans);
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.official-service-list {
  display: grid;
  gap: 0 24px;
  padding: 0;
  margin: 13px 0 28px;
  list-style: none;
}

.official-service-list li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  line-height: 1.7;
}

.official-service-list li::before {
  content: '';
  flex: 0 0 5px;
  height: 5px;
  border: 1px solid var(--gold);
  transform: rotate(45deg);
}

.official-service-platforms {
  font-size: 11px;
  line-height: 2;
  color: var(--muted);
  margin: -6px 0 28px;
}

.official-service-platforms span {
  display: block;
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--navy);
}

.official-service .button {
  max-width: 100%;
  gap: 20px;
  font-size: 11px;
}

.official-service .button:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 5px;
}

@media (min-width: 600px) {
  .official-service-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 900px) {
  .official-services {
    padding-bottom: 100px;
  }

  .official-service {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(40px, 6vw, 100px);
    padding: 75px 0;
  }

  .official-service:nth-child(even) .official-service-visual {
    order: 2;
  }

  .official-service-visual img {
    aspect-ratio: 4 / 5;
  }
}

/* Homepage balance: preserve the wordmark and give its glyphs room to breathe. */
.home-page .site-header {
  align-items: center;
  overflow: visible;
}

.home-page .site-header .logo {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 3px;
  overflow: visible;
  line-height: normal;
}

.home-page .site-header .logo > span {
  display: block;
  line-height: 1.2;
  white-space: nowrap;
}

.home-page .site-header .logo small {
  line-height: 1.5;
  white-space: nowrap;
}

.home-page .hero {
  padding-top: clamp(30px, 3vw, 44px);
}

.home-page .hero-actions > .button {
  width: auto;
  max-width: 100%;
  min-height: 48px;
  padding: 14px 20px;
  gap: 20px;
  line-height: 1.5;
  text-align: left;
}

.home-page .hero-actions {
  align-items: center;
}

@media (max-width: 760px) {
  .home-page .site-header {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media (min-width: 761px) {
  .home-page .hero-art {
    width: 90%;
    max-width: 396px;
    height: 396px;
  }
}

@media (min-width: 1100px) {
  .home-page .hero-art {
    height: 441px;
  }
}

/* Contact submission controls; other pages retain their existing styles. */
#contact-form .field select {
  width: 100%;
  max-width: 100%;
  min-height: 46px;
  padding: 13px 24px 13px 0;
  border: 0;
  border-bottom: 1px solid #919b9e;
  border-radius: 0;
  background-color: transparent;
  color: var(--navy);
  font: inherit;
  font-size: 12px;
}

#contact-form .field select:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 4px;
}

#contact-form [data-submit-label] {
  font-size: inherit;
}

#contact-form button:disabled {
  cursor: wait;
  opacity: .75;
  transform: none;
}

#contact-form #form-status:not(:empty) {
  border-left: 2px solid var(--gold);
  padding-left: 14px;
}