/* LAKRAZ UI kit — extends colors_and_type.css */
body { position:relative; }

/* Star cursor */
html, body, a, button { cursor: none; }
.star-cursor { position: fixed; pointer-events: none; font-family: 'Webdings'; font-size: 18px; color: #fff; mix-blend-mode: difference; z-index: 9999; transform: translate(-50%, -50%); }
@media (pointer: coarse) { .star-cursor { display: none; } html, body, a, button { cursor: auto; } }

/* Grain */
body::after {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='.35'/></svg>");
  background-size: 180px; opacity: .024;
}

/* Nav */
.lk-nav { position:fixed; top:0; left:0; right:0; z-index:20; padding:18px 40px; display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; mix-blend-mode:difference; color:#fff; transition: background .3s, backdrop-filter .3s, border .3s; }
.lk-nav.solid { mix-blend-mode:normal; background:rgba(0,0,0,.78); backdrop-filter: blur(14px); border-bottom:1px solid var(--rule); }
.lk-nav .l, .lk-nav .r { display:flex; gap:22px; }
.lk-nav .r { justify-content:flex-end; }
.lk-nav a { font-size:10px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:inherit; transition: opacity .3s; }
.lk-nav a:hover { opacity:.55; }
.lk-nav .brand { font-size:11px; font-weight:700; letter-spacing:.35em; text-transform:uppercase; }

/* Hero */
.lk-hero { min-height:100vh; padding:140px 40px 80px; display:grid; grid-template-rows: auto 1fr auto; gap:40px; position:relative; }
.lk-hero .eyebrow { font-size:10px; letter-spacing:.35em; text-transform:uppercase; color:var(--dim); }
.lk-hero h1 { margin:0; font-weight:700; font-size: clamp(40px, 7vw, 72px); line-height:1; letter-spacing:.03em; text-transform:uppercase; color:#fff; max-width: 12ch; }
.lk-hero .sub { max-width:560px; font-size:13px; line-height:1.6; color:var(--off); }
.lk-hero .ctas { display:flex; gap:12px; align-items:center; }
.lk-hero .corner { position:absolute; font-size:9px; letter-spacing:.3em; color:var(--dim); text-transform:uppercase; }
.lk-hero .corner.tr { top:100px; right:40px; }
.lk-hero .corner.br { bottom:40px; right:40px; }

/* Controls */
.btn { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; padding:14px 28px; border:1px solid rgba(255,255,255,.2); color:#fff; background:transparent; cursor:none; border-radius:0; transition: background .3s, color .3s; }
.btn:hover { background:#fff; color:#000; }
.btn--fill { background:#fff; color:#000; border-color:#fff; }
.btn--fill:hover { background:transparent; color:#fff; }
.btn--lg { padding:18px 40px; letter-spacing:.24em; font-size:11px; }

.chip { display:inline-block; padding:7px 14px 8px; font-size:9px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:var(--off); border:1px solid var(--rule-hi); border-bottom:0; border-radius:0; background:transparent; cursor:none; }
.chip.on { color:#fff; border-color:#fff; }

.link-u { display:inline-block; font-size:10px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:#fff; padding-bottom:2px; border-bottom:1px solid currentColor; }

/* Section */
.lk-sec { padding: 120px 40px; border-top:1px solid var(--rule); position:relative; }
.lk-sec .eyebrow { font-size:10px; letter-spacing:.35em; text-transform:uppercase; color:var(--dim); margin-bottom:36px; display:flex; justify-content:space-between; }
.lk-sec h2 { margin:0 0 28px; font-weight:700; font-size: clamp(28px, 5vw, 48px); line-height:.95; letter-spacing:.03em; max-width: 18ch; }

/* Marquee */
.lk-marquee { padding:16px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); overflow:hidden; }
.lk-marquee .track { display:flex; gap:48px; animation: lkm 40s linear infinite; white-space:nowrap; }
.lk-marquee .track span { font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--off); }
@keyframes lkm { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Grids */
.grid-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap:1px; background:var(--rule); }
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:1px; background:var(--rule); }
.tile { background:var(--bg); padding:0; position:relative; }
.tile .img { aspect-ratio: 3/4; background: linear-gradient(160deg, #1a1a1a, #060606); position:relative; overflow:hidden; filter: grayscale(.25) contrast(1.05) brightness(.95); transition: filter .7s, transform .7s; }
.tile:hover .img { filter: grayscale(0) contrast(1.1) brightness(1); transform: scale(1.03); }
.tile .img::after { content:'[MEDIA]'; position:absolute; bottom:10px; left:12px; font-size:8px; letter-spacing:.25em; color:#4A4A4A; }
.tile .cap { padding: 14px 16px; display:flex; flex-direction:column; gap:3px; }
.tile .cap .yr { font-size:9px; letter-spacing:.22em; color:var(--dim); }
.tile .cap .tt { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#fff; font-weight:700; }
.tile .cap.name-only { padding: 18px 16px 20px; }
.tile .cap.name-only .tt { font-size:13px; letter-spacing:.22em; }

.grid-3 .tile .img { aspect-ratio: 1/1; }

/* Divisions carousel (auto-scrolling) */
.lk-divs { --card-w: 320px; --card-h: 380px; position: relative; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%); }
.lk-divs .track { display: flex; gap: 24px; width: max-content; padding: 0 40px; animation: lkd 48s linear infinite; }
.lk-divs .track:hover { animation-play-state: paused; }
@keyframes lkd { from { transform: translateX(0); } to { transform: translateX(calc(-1 * (var(--card-w) + 24px) * 5)); } }
.dcard { position: relative; flex: 0 0 var(--card-w); width: var(--card-w); height: var(--card-h); border: 1px solid var(--rule); background: #0A0A0A; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; transition: border-color .35s ease; text-decoration: none; color: inherit; }
.dcard:hover { border-color: var(--rule-hi); }
.dcard::after { content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.06), transparent 60%); opacity: 0; transition: opacity .5s ease; }
.dcard:hover::after { opacity: 1; }
.dcard .stage { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.dcard .meta { position: relative; padding: 18px 20px 20px; border-top: 1px solid var(--rule); background: linear-gradient(180deg, rgba(10,10,10,0) 0%, rgba(10,10,10,.92) 45%, #0A0A0A 100%); display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.dcard .meta .num { font-size: 10px; letter-spacing: .35em; color: var(--off); font-weight: 300; }
.dcard .meta .name { font-size: 13px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color:#fff; }
.dcard .meta .arw { font-size: 12px; color: var(--off); transition: transform .3s ease, color .3s ease; }
.dcard:hover .arw { transform: translateX(4px); color: var(--fg); }

/* card motifs */

/* 01 STUDIO (LAKRAZ INTERNATIONAL) */
.d-int .scene { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 22px; padding: 0 28px; }
.d-int .monitors { display:flex; gap: 40px; align-items:center; }
.d-int .mon { width: 42px; height: 64px; border:1px solid var(--rule-hi); background: linear-gradient(180deg, #141414, #060606); position:relative; transform: perspective(200px) rotateY(var(--ry, 0deg)); }
.d-int .mon.l { --ry: 16deg; }
.d-int .mon.r { --ry: -16deg; }
.d-int .mon::before { content:''; position:absolute; inset:6px 6px 20px; border-radius:50%; background: radial-gradient(circle at 40% 40%, #1f1f1f, #050505 70%); }
.d-int .mon::after { content:''; position:absolute; bottom:5px; left:50%; transform:translateX(-50%); width:6px; height:6px; background:#fff; border-radius:50%; animation: dledpulse 2.4s ease-in-out infinite; }
@keyframes dledpulse { 0%,100% { opacity:.25; } 50% { opacity:.9; } }
.d-int .wave { width: 200px; height: 32px; display:flex; align-items:center; gap: 2px; }
.d-int .wave span { flex:1; background:#fff; opacity:.85; animation: dwbar 1.4s ease-in-out infinite; }
.d-int .wave span:nth-child(1) { animation-delay: 0s; }
.d-int .wave span:nth-child(2) { animation-delay: .08s; }
.d-int .wave span:nth-child(3) { animation-delay: .16s; }
.d-int .wave span:nth-child(4) { animation-delay: .24s; }
.d-int .wave span:nth-child(5) { animation-delay: .32s; }
.d-int .wave span:nth-child(6) { animation-delay: .40s; }
.d-int .wave span:nth-child(7) { animation-delay: .48s; }
.d-int .wave span:nth-child(8) { animation-delay: .56s; }
.d-int .wave span:nth-child(9) { animation-delay: .64s; }
.d-int .wave span:nth-child(10){ animation-delay: .72s; }
.d-int .wave span:nth-child(11){ animation-delay: .80s; }
.d-int .wave span:nth-child(12){ animation-delay: .88s; }
.d-int .wave span:nth-child(13){ animation-delay: .96s; }
.d-int .wave span:nth-child(14){ animation-delay: 1.04s; }
.d-int .wave span:nth-child(15){ animation-delay: 1.12s; }
.d-int .wave span:nth-child(16){ animation-delay: 1.20s; }
@keyframes dwbar { 0%,100% { height: 20%; } 50% { height: 100%; } }
.d-int .console { display:flex; gap: 3px; padding: 10px 14px; border:1px solid var(--rule-hi); background: #0a0a0a; }
.d-int .fader { width: 9px; height: 60px; background: linear-gradient(180deg, #202020, #0a0a0a); border:1px solid var(--rule); position:relative; }
.d-int .fader::before { content:''; position:absolute; left:-2px; right:-2px; height:4px; background:#fff; box-shadow: 0 0 6px rgba(255,255,255,.4); animation: dfader 5s ease-in-out infinite; top: var(--t, 40%); }
.d-int .fader:nth-child(1)::before { --t: 30%; animation-delay: 0s; }
.d-int .fader:nth-child(2)::before { --t: 55%; animation-delay: .3s; }
.d-int .fader:nth-child(3)::before { --t: 20%; animation-delay: .6s; }
.d-int .fader:nth-child(4)::before { --t: 65%; animation-delay: .9s; }
.d-int .fader:nth-child(5)::before { --t: 40%; animation-delay: 1.2s; }
.d-int .fader:nth-child(6)::before { --t: 50%; animation-delay: 1.5s; }
.d-int .fader:nth-child(7)::before { --t: 25%; animation-delay: 1.8s; }
.d-int .fader:nth-child(8)::before { --t: 60%; animation-delay: 2.1s; }
.d-int .fader:nth-child(9)::before { --t: 35%; animation-delay: 2.4s; }
.d-int .fader:nth-child(10)::before { --t: 55%; animation-delay: 2.7s; }
@keyframes dfader { 0%,100% { top: var(--t,40%); } 50% { top: calc(var(--t,40%) + 12%); } }

/* 02 PODCAST (LA:CAIMANA) */
.d-cai .pod { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 20px; }
.d-cai .mic { width: 60px; height: 120px; display:flex; flex-direction:column; align-items:center; position:relative; }
.d-cai .mic .head { width: 44px; height: 54px; border-radius: 22px 22px 18px 18px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.55) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.35) 0 1px, transparent 1px 4px),
    linear-gradient(180deg, #eaeaea, #1a1a1a);
  border:1px solid var(--rule-hi);
  box-shadow: 0 10px 32px rgba(255,255,255,.06);
}
.d-cai .mic .ring { width: 48px; height: 6px; margin-top: 2px; border:1px solid var(--rule-hi); border-radius: 6px; background: #0f0f0f; }
.d-cai .mic .arm { width: 2px; flex: 1; background: var(--rule-hi); margin-top: 3px; }
.d-cai .sound { display:flex; gap: 3px; align-items:center; height: 36px; }
.d-cai .sound span { display:block; width: 3px; background: #fff; opacity:.85; animation: dwbar 1.5s ease-in-out infinite; }
.d-cai .sound span:nth-child(1)  { animation-delay: 0s; }
.d-cai .sound span:nth-child(2)  { animation-delay: .1s; }
.d-cai .sound span:nth-child(3)  { animation-delay: .2s; }
.d-cai .sound span:nth-child(4)  { animation-delay: .3s; }
.d-cai .sound span:nth-child(5)  { animation-delay: .4s; }
.d-cai .sound span:nth-child(6)  { animation-delay: .5s; }
.d-cai .sound span:nth-child(7)  { animation-delay: .6s; }
.d-cai .sound span:nth-child(8)  { animation-delay: .7s; }
.d-cai .sound span:nth-child(9)  { animation-delay: .8s; }
.d-cai .sound span:nth-child(10) { animation-delay: .9s; }
.d-cai .sound span:nth-child(11) { animation-delay: 1s; }

/* 03 MAG */
.d-mag .pages { position: relative; width: 170px; height: 220px; perspective: 900px; }
.d-mag .page { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.3); background: linear-gradient(180deg, #141414 0%, #0A0A0A 100%); transform-origin: left center; box-shadow: inset -20px 0 30px rgba(0,0,0,.6); }
.d-mag .page::before { content: 'MAG'; position: absolute; top: 16px; left: 14px; font-size: 9px; letter-spacing: .3em; color: var(--off); }
.d-mag .page::after { content: ''; position: absolute; left: 14px; right: 14px; top: 42px; height: 1px; background: var(--rule); }
.d-mag .page:nth-child(1) { animation: dflip 6s ease-in-out infinite; animation-delay: 0s; }
.d-mag .page:nth-child(2) { animation: dflip 6s ease-in-out infinite; animation-delay: 2s; }
.d-mag .page:nth-child(3) { animation: dflip 6s ease-in-out infinite; animation-delay: 4s; }
@keyframes dflip { 0%, 20% { transform: rotateY(0deg); } 50% { transform: rotateY(-140deg); } 70%, 100% { transform: rotateY(-140deg); opacity: 0; } }

/* 04 GVLLERY — framed canvas on a wall */
.d-gvl .wall { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background: radial-gradient(ellipse 200px 80px at 50% 90%, rgba(255,255,255,.06), transparent 70%), linear-gradient(180deg, #111, #070707); }
.d-gvl .floor { position:absolute; bottom:0; left:0; right:0; height: 80px; border-top:1px solid var(--rule); background: linear-gradient(180deg, #0c0c0c, #000); }
.d-gvl .spot { position:absolute; top: 0; left: 50%; transform: translateX(-50%); width: 240px; height: 180px; background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,.18), transparent 70%); filter: blur(8px); }
.d-gvl .frame { position: relative; width: 140px; height: 180px; padding: 10px; border: 2px solid #fff; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.6); animation: dcnvBreathe 6s ease-in-out infinite; }
@keyframes dcnvBreathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.d-gvl .canvas { width: 100%; height: 100%;
  background:
    radial-gradient(circle at 30% 30%, rgba(232, 194, 132, .55), transparent 40%),
    radial-gradient(circle at 70% 55%, rgba(181, 93, 75, .55), transparent 45%),
    radial-gradient(circle at 50% 75%, rgba(70, 90, 120, .55), transparent 45%),
    linear-gradient(135deg, #1a1a1a, #0a0a0a);
  background-size: 180% 180%, 180% 180%, 180% 180%, 100% 100%;
  animation: dpaintShift 14s ease-in-out infinite;
}
@keyframes dpaintShift {
  0%, 100% { background-position: 0% 0%, 100% 100%, 50% 50%, 0 0; }
  50%      { background-position: 30% 20%, 70% 80%, 20% 70%, 0 0; }
}
.d-gvl .plaque { position:absolute; bottom: -22px; left:50%; transform: translateX(-50%); width: 90px; height: 14px; border:1px solid var(--rule-hi); background:#0a0a0a; display:flex; align-items:center; justify-content:center; font-size: 6px; letter-spacing:.3em; color: var(--off); }

/* 05 GARMENTS — LKRZ tag */
.d-gar .rail { position: absolute; top: 36px; left: 10%; right: 10%; height: 1px; background: var(--rule-hi); }
.d-gar .hanger { position: absolute; top: 36px; left: 50%; transform-origin: 50% 0; animation: dsway 4.8s ease-in-out infinite; }
.d-gar .wire { width: 1px; height: 46px; background: var(--rule-hi); margin: 0 auto; }
.d-gar .tag { width: 130px; height: 170px; border: 1px solid var(--rule-hi); background: linear-gradient(180deg, #101010, #070707); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; font-size: 8px; letter-spacing: .3em; color: var(--off); }
.d-gar .tag .lbl { color: #fff; font-weight: 700; letter-spacing: .3em; font-size: 14px; }
.d-gar .tag .bar { width: 76px; height: 1px; background: var(--rule-hi); }
@keyframes dsway { 0%, 100% { transform: translateX(-50%) rotate(-2deg); } 50% { transform: translateX(-50%) rotate(2deg); } }

/* Manifesto */
.lk-man { padding: 140px 40px; text-align:center; border-top:1px solid var(--rule); }
.lk-man .eyebrow { font-size:10px; letter-spacing:.35em; text-transform:uppercase; color:var(--dim); margin-bottom:36px; }
.lk-man h2 { margin:0 auto 32px; max-width: 22ch; font-weight:700; font-size: clamp(24px, 3.8vw, 40px); line-height:1.15; letter-spacing:.02em; }
.lk-man p { max-width: 48ch; margin: 0 auto 24px; color:var(--off); font-size:13px; line-height:1.65; }
.lk-man .punch { color:#fff; font-size:13px; letter-spacing:.22em; text-transform:uppercase; font-weight:700; }

/* LA:CAIMANA */
.lk-caimana { padding: 120px 40px; border-top:1px solid var(--rule); display:grid; grid-template-columns: 1fr 1fr; gap:60px; align-items:center; }
.lk-caimana .img { aspect-ratio: 4/3; background: linear-gradient(135deg, #111, #050505); filter: grayscale(.3); position:relative; }
.lk-caimana .img::after { content:'[MEDIA · LA:CAIMANA]'; position:absolute; bottom:12px; left:14px; font-size:8px; letter-spacing:.25em; color:#4A4A4A; }

/* LA:FAM card */
.lk-fam { padding: 120px 40px; border-top:1px solid var(--rule); display:grid; grid-template-columns: 1fr 1fr; gap:60px; }
.lk-fam .card { border:1px solid var(--rule-hi); padding: 36px; position:relative; background: rgba(255,255,255,.015); backdrop-filter: blur(20px); }
.lk-fam .card .price { font-weight:700; font-size:44px; letter-spacing:.02em; margin:8px 0; }
.lk-fam .card .per { font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--off); }
.lk-fam .card .feat { display:flex; flex-direction:column; gap:8px; margin: 24px 0; padding: 20px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.lk-fam .card .feat li { font-size:11px; letter-spacing:.08em; color:var(--off); list-style:none; }

/* Contact */
.lk-contact { padding: 180px 40px; border-top:1px solid var(--rule); text-align:center; }
.lk-contact .eyebrow { font-size:10px; letter-spacing:.35em; text-transform:uppercase; color:var(--dim); margin-bottom:24px; }
.lk-contact h2 { margin:0 auto 40px; max-width: 22ch; font-weight:700; font-size: clamp(28px, 4.5vw, 48px); line-height:1.1; letter-spacing:.02em; }
.lk-contact .ctas { display:flex; gap:14px; justify-content:center; }

/* Footer */
.lk-footer { border-top:1px solid var(--rule-hi); padding: 40px 40px 24px; }
.lk-footer .cols { display:grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.lk-footer .col { padding: 0 24px; }
.lk-footer .col + .col { border-left: 1px solid var(--rule); }
.lk-footer .col:first-child { padding-left: 0; }
.lk-footer .col:last-child { padding-right: 0; }
.lk-footer h4 { font-size:9px; font-weight:400; letter-spacing:.35em; text-transform:uppercase; color:var(--dim); margin:0 0 16px; border-bottom:1px solid var(--rule); padding-bottom:10px; }
.lk-footer ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.lk-footer li { font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--off); }
.lk-footer .brand-bottom { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:18px; margin-top:48px; padding-top:18px; border-top:1px solid var(--rule); font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--dim); align-items:center; }
.lk-footer .brand-bottom .split { justify-self:center; letter-spacing:.8em; font-weight:700; font-size:11px; color:#fff; }
.lk-footer .brand-bottom .right { text-align:right; }

/* Reveal */
.r { opacity:0; transform: translateY(32px); transition: opacity .95s var(--ease), transform .95s var(--ease); }
.r.v { opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce) {
  .r { opacity:1; transform:none; }
  .lk-marquee .track { animation: none; }
}

@media (max-width: 720px) {
  .lk-nav { padding: 14px 20px; }
  .lk-hero { padding: 120px 20px 60px; }
  .lk-sec, .lk-man, .lk-caimana, .lk-fam, .lk-contact { padding-left:20px; padding-right:20px; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .lk-divs { --card-w: 260px; --card-h: 320px; }
  .lk-divs .track { padding-left: 20px; padding-right: 20px; }
  .divrow { grid-template-columns: 40px 1fr 30px; }
  .divrow .ds, .divrow .bd { display:none; }
  .lk-caimana, .lk-fam { grid-template-columns: 1fr; }
  .lk-footer .cols { grid-template-columns: 1fr 1fr; }
}

/* Mobile nav: inline links hide, hamburger appears, panel slides over page */
.lk-nav__toggle { display:none; position:relative; z-index:22; width:44px; height:44px; padding:0; background:transparent; border:0; color:inherit; cursor:none; margin-left:auto; }
.lk-nav__toggle span { display:block; width:22px; height:1px; background:currentColor; margin:5px auto; transition: transform .25s ease, opacity .2s ease; }
.lk-nav.is-open .lk-nav__toggle span:first-child { transform: translateY(6px) rotate(45deg); }
.lk-nav.is-open .lk-nav__toggle span:last-child { transform: translateY(-6px) rotate(-45deg); }
.lk-nav__panel { display:none; position:fixed; inset:0; z-index:19; background:#000; flex-direction:column; align-items:flex-start; justify-content:center; gap:18px; padding:80px 28px 40px; }
.lk-nav__panel.is-open { display:flex; }
.lk-nav__panel a { font-size:22px; letter-spacing:.18em; text-transform:uppercase; color:#fff; font-weight:700; padding:10px 0; }
.lk-nav__panel a:hover { opacity:.6; }

@media (max-width: 560px) {
  .lk-nav { grid-template-columns: auto 1fr auto; padding: 12px 20px; }
  .lk-nav .l, .lk-nav .r { display:none; }
  .lk-nav .brand { justify-self:flex-start; }
  .lk-nav__toggle { display:block; justify-self:flex-end; }
}