@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
@font-face{font-family:'Hanken Grotesk';src:url(/assets/fonts/HankenGrotesk-latin.woff2) format('woff2');
  font-weight:100 900;font-display:swap}

/* ==========================================================================
   LG Signature footer
   The carved stone LG Studio ecosystem footer, public site variant.
   Reference: the "LG Studio Ecosystem Footer" design canvas.

   One component, one namespace. Only the logomark is carved; the wordmark
   stays flat cream. The stone tile is inlined so the footer carries no
   binary dependency and cannot render half dressed.
   ========================================================================== */

.lgsf{
  --lgsf-ground:#141b26;
  --lgsf-lead:#0f1724;
  --lgsf-ink:#c4c9d1;
  --lgsf-strong:#e6e1d6;
  --lgsf-dim:#6f7887;
  --lgsf-rule:#2a3443;
  --lgsf-stone:url(data:image/webp;base64,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);
  --lgsf-mark:url(/brand-system/assets/lg-studio-mark.svg);
  display:block;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-weight:400;
  color:var(--lgsf-ink);
}
.lgsf-lead{height:40px;background:var(--lgsf-lead)}
.lgsf-band{
  background-color:var(--lgsf-ground);
  background-image:linear-gradient(rgba(20,27,38,.52),rgba(20,27,38,.52)),var(--lgsf-stone);
  background-repeat:no-repeat,repeat;
  background-size:cover,auto 118px;
  border-top:1px solid var(--lgsf-rule);
  box-sizing:border-box;
  padding:48px 112px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}
.lgsf a{color:var(--lgsf-ink);text-decoration:none}
.lgsf a:hover{color:#fff}
.lgsf .lgsf-dot{color:var(--lgsf-dim)}

.lgsf-left{display:flex;align-items:stretch;gap:28px}
.lgsf-lockup{display:flex;flex-direction:column;align-items:center;gap:12px}
.lgsf-wordmark{height:21px;width:auto;display:block}
.lgsf-lines{display:flex;flex-direction:column;justify-content:flex-start;
  padding-top:14.5px;gap:31px;
  font-size:11px;letter-spacing:.2em;white-space:nowrap}

.lgsf-right{display:flex;flex-direction:column;align-items:flex-end;
  gap:18px;text-align:right}
.lgsf-nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-end;
  font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:500;font-size:14.5px;
  letter-spacing:-.005em;text-transform:none;color:var(--lgsf-strong)}
.lgsf-nav a{color:var(--lgsf-strong);padding-bottom:3px;border-bottom:1px solid transparent;
  transition:border-color .35s cubic-bezier(.2,.7,.2,1)}
.lgsf-nav a:hover{color:#fff;border-bottom-color:rgba(230,225,214,.5)}
.lgsf-email{font-family:'Hanken Grotesk',system-ui,sans-serif;font-weight:400;font-size:15px;
  letter-spacing:-.005em;color:var(--lgsf-strong);text-transform:none}
.lgsf-legal{font-size:10px;letter-spacing:.16em;color:var(--lgsf-dim);
  padding-top:16px;border-top:1px solid var(--lgsf-rule);min-width:min(100%,30rem)}
.lgsf-legal a{color:var(--lgsf-dim)}
.lgsf-legal a:hover{color:var(--lgsf-strong)}

/* ── the carve ──────────────────────────────────────────────
   Three stacked layers, every one masked by the mark itself:
   a lip that catches the light on the lower edge, the recessed
   stone floor, and a shade along the top inner wall. The thin
   strokes inside the mark stay at surface level and read as
   raised ridges, which is what makes it look cut rather than
   drawn. Light comes from above and nothing contradicts it. */
.lgsf-carve{position:relative;width:40px;height:42px;flex-shrink:0}
.lgsf-carve span{position:absolute;inset:0;
  -webkit-mask:var(--lgsf-mark) 0 0/100% 100% no-repeat;
          mask:var(--lgsf-mark) 0 0/100% 100% no-repeat}
.lgsf-carve .lgsf-lip{transform:translateY(1px);background:rgba(232,226,214,.30)}
.lgsf-carve .lgsf-floor{
  background:linear-gradient(180deg,rgba(3,5,9,.86),rgba(9,13,19,.66)),
             var(--lgsf-stone) 0 0/auto 160px}
.lgsf-carve .lgsf-shade{background:rgba(0,0,0,.75);
  -webkit-mask:var(--lgsf-mark) 0 0/100% 100% no-repeat,
               var(--lgsf-mark) 0 2px/100% 100% no-repeat;
  -webkit-mask-composite:source-out;
          mask:var(--lgsf-mark) 0 0/100% 100% no-repeat,
               var(--lgsf-mark) 0 2px/100% 100% no-repeat;
          mask-composite:subtract}

@media (max-width:768px){
  .lgsf-band{flex-direction:column;align-items:center;justify-content:flex-start;
    text-align:center;padding:56px clamp(20px,6vw,40px) 48px;gap:0}
  .lgsf-left{flex-direction:column;align-items:center;gap:22px;
    width:100%;max-width:22rem}
  .lgsf-lockup{align-items:center;gap:10px;padding:8px 0 4px}
  .lgsf-lines{align-items:center;text-align:center;font-size:10px;
    letter-spacing:.18em;gap:12px;padding-top:0}
  .lgsf-carve{width:33px;height:35px}
  .lgsf-wordmark{height:17.5px}
  .lgsf-right{align-items:center;text-align:center;gap:18px;
    width:100%;max-width:22rem;padding-top:36px;margin-top:36px;
    border-top:1px solid var(--lgsf-rule);font-size:10px;letter-spacing:.18em}
  .lgsf-nav{justify-content:center;gap:8px 22px;width:100%}
  .lgsf-nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .lgsf-email{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .lgsf-right > div:last-child{max-width:18rem;line-height:1.85;text-align:center}
}

@media (prefers-reduced-motion:no-preference){
  .lgsf a{transition:color .2s ease}
}

a.lgsf-lockup{color:inherit;text-decoration:none;border-radius:2px}
a.lgsf-lockup:focus-visible{outline:2px solid #D3C09A;outline-offset:6px}