:root{color-scheme:dark;--bg:#0b0f14;--panel:#131a22;--text:#edf3f8;--muted:#a8b5c1;--accent:#93bbd2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header.top{max-width:1160px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}nav{display:flex;gap:22px;font-size:13px;color:var(--muted)}.brand{font-size:16px;letter-spacing:.13em;font-weight:800}.brand span{color:var(--accent)}main{overflow:hidden}.hero,.section{max-width:1160px;margin:auto;padding:96px 24px}.hero{min-height:72vh;padding-top:125px;background:radial-gradient(ellipse at 85% 36%,#263b4b77,transparent 53%)}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.23em;font-weight:700}h1,h2,h3{line-height:1.13;letter-spacing:-.055em}h1{font-size:clamp(45px,7vw,91px);max-width:1000px;margin:30px 0}h2{font-size:clamp(35px,5vw,60px);margin:16px 0 20px}h3{font-size:clamp(28px,4vw,44px)}em{color:#8fb4c9;font-style:normal}.lede{max-width:680px;color:var(--muted);font-size:19px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:36px 0}.primary,.secondary{display:inline-block;padding:13px 22px;border:1px solid #8cb4c8;border-radius:3px;font-size:13px;font-weight:700;letter-spacing:.04em}.primary{background:#a1c6d9;color:#101821}.secondary:hover,.primary:hover{transform:translateY(-2px)}.hero-line{margin-top:90px;border-top:1px solid #33414e;padding-top:19px;color:#7f99ab;letter-spacing:.16em;font-size:11px}.intro{max-width:690px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:38px}.service{appearance:none;border:1px solid #30404e;border-radius:5px;background:var(--panel);color:var(--text);text-align:left;padding:28px;min-height:235px;cursor:pointer;display:flex;flex-direction:column;align-items:start;transition:transform .22s,border-color .22s,background .22s}.service:hover,.service:focus-visible{transform:translateY(-6px);border-color:#9dc6dc;background:#1b2935}.service span{color:var(--accent);font-size:11px;letter-spacing:.15em}.service strong{font-size:24px;line-height:1.3;margin-top:32px}.service small{color:var(--muted);margin:8px 0 25px}.service b{font-size:12px;margin-top:auto}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.price-list{border-top:1px solid #41515d}.price-list>div{border-bottom:1px solid #34434f;padding:22px 0;display:flex;justify-content:space-between;gap:20px}.price-list strong{white-space:nowrap}.price-list>p,.muted{color:var(--muted);font-size:13px}.contact{padding-bottom:125px}footer{max-width:1160px;margin:auto;border-top:1px solid #30404e;padding:25px 24px 45px;font-size:11px;letter-spacing:.13em;display:flex;justify-content:space-between;color:#9aabba}dialog{border:1px solid #506b7e;border-radius:12px;background:#16212b;color:var(--text);width:min(620px,calc(100% - 30px));padding:45px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#03090ed9;backdrop-filter:blur(17px)}dialog[open]{animation:appear .25s ease-out}dialog p:not(.eyebrow){color:#c4d0d9}dialog strong{font-size:27px}.modal-foot{font-size:12px;border-top:1px solid #435563;padding-top:18px}.close{float:right;background:none;border:0;color:white;font-size:30px;cursor:pointer}@keyframes appear{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:30px}.hero{min-height:auto;padding-top:90px}nav{gap:11px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero,.section{padding:70px 20px}.hero{padding-top:85px}.service{min-height:190px}.price-list>div{flex-direction:column;gap:2px}nav{font-size:11px}footer span{display:none}dialog{padding:28px}}

/* LNG identity: magenta headings, cyan interactions */
:root{--bg:#090b10;--panel:#111721;--text:#f3f5f8;--muted:#b3bdc9;--accent:#e942b2;--cyan:#19d5ef}
.brand-logo{width:138px;height:52px;object-fit:cover;object-position:center;display:block}.hero-brand{max-width:340px;margin:0 0 18px}.hero-brand img{width:100%;height:auto;display:block}.hero{background:radial-gradient(ellipse at 88% 20%,#11304a99,transparent 48%),radial-gradient(ellipse at 0% 70%,#47123b44,transparent 48%)}.eyebrow,.service span{color:var(--accent)}em{color:#f07dc9}.service b{color:var(--cyan)}.service:hover,.service:focus-visible{border-color:var(--cyan);box-shadow:0 12px 38px #00cbe615}.primary{background:var(--cyan);border-color:var(--cyan);color:#07131b}.secondary{border-color:#42839b}dialog{border-color:#3296a9}dialog::backdrop{background:#02040bcf;backdrop-filter:blur(20px)}@media(max-width:520px){.brand-logo{width:105px;height:42px}.hero-brand{max-width:260px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v3: original logo is displayed uncropped, at natural aspect ratio */
.brand-logo{width:148px;height:auto;object-fit:contain}
.hero-brand{max-width:380px}
.hero-brand img{width:100%;height:auto;object-fit:contain}
@media(max-width:520px){.brand-logo{width:112px;height:auto}}

/* v4 — typography, round branding and restrained neon wave */
:root{--accent:#f054b8;--cyan:#19d5ef}
body{letter-spacing:.012em}
header.top{position:relative;z-index:5;padding-top:22px;padding-bottom:22px}
.brand-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center;border:1px solid #4e5476;box-shadow:0 0 22px #e942b21c}
.hero{position:relative;isolation:isolate;padding-top:82px;min-height:76vh;background:radial-gradient(ellipse at 83% 25%,#15273b88,transparent 57%),radial-gradient(ellipse at 8% 75%,#41152f33,transparent 54%)}
.neon-wave{position:absolute;z-index:-1;pointer-events:none;top:-40px;right:-115px;width:min(76%,840px);height:520px;opacity:.48;filter:drop-shadow(0 0 14px #a52df344);mask-image:linear-gradient(to left,#000 35%,transparent 95%)}
.neon-wave svg{width:100%;height:100%}
.hero-brand{width:180px;height:180px;margin:0 0 32px;border-radius:50%;overflow:hidden;border:1px solid #3d4c64;box-shadow:0 0 0 9px #151a2555,0 0 44px #ba27af24;background:#030409}
.hero-brand img{width:100%;height:100%;object-fit:cover;object-position:center}
h1,h2,h3{letter-spacing:.012em;line-height:1.14}
h1{font-size:clamp(43px,6.4vw,82px);max-width:970px;margin:28px 0 32px;font-weight:790}
h2{letter-spacing:.018em;font-size:clamp(34px,4.4vw,55px)}
h3{letter-spacing:.018em}
.eyebrow{letter-spacing:.27em}
.hero .lede{max-width:760px}
.section{padding-top:105px;padding-bottom:105px}
.service strong{letter-spacing:.012em}
.service{border-radius:9px}
.service:hover,.service:focus-visible{background:#1b2936}
.service:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(max-width:800px){.neon-wave{right:-240px;width:900px;opacity:.22}.hero-brand{width:145px;height:145px}}
@media(max-width:520px){header.top{padding:14px 20px}.brand-logo{width:54px;height:54px}.hero{padding-top:65px}.hero-brand{width:124px;height:124px}.neon-wave{top:5px;right:-350px;opacity:.19}h1{font-size:clamp(38px,10vw,55px)}.section{padding-top:72px;padding-bottom:72px}}


/* v5 — LNG rounded cinematic surfaces + lower-wing turquoise */
:root{--lng-electric:#00dce8;--lng-ice:#19d5ef;--lng-radius:30px}
body{background:radial-gradient(ellipse at 80% 0%,#0b1930 0%,transparent 34%),#090b10}
header.top{max-width:1160px}
.hero,.section{width:calc(100% - 48px);max-width:1112px}
.hero{margin-top:10px;padding:82px 56px 40px;border-radius:34px;overflow:hidden;border:1px solid #283348;background:radial-gradient(ellipse at 92% 92%,#00bfc72a,transparent 43%),radial-gradient(ellipse at 86% 16%,#123e6b88,transparent 51%),radial-gradient(ellipse at 10% 70%,#6c164333,transparent 55%),linear-gradient(145deg,#141924,#0b101b 70%);box-shadow:inset 0 -1px 0 #00dce855,0 24px 90px #00000044}
.hero::after{content:"";position:absolute;bottom:0;left:22%;right:16%;height:2px;background:linear-gradient(90deg,transparent,#00dce880,#42f0ee,transparent);box-shadow:0 0 27px 4px #00dce82a;pointer-events:none}
.neon-wave{z-index:-1}
.section{margin-top:24px;padding:70px 56px;border:1px solid #253043;border-radius:30px;background:linear-gradient(150deg,#121924,#0e121b 78%);box-shadow:0 14px 50px #00000024}
#uslugi{background:radial-gradient(ellipse at 100% 0%,#123f622e,transparent 44%),linear-gradient(150deg,#121924,#0e121b 78%)}
#cennik{background:radial-gradient(ellipse at 100% 100%,#00bfc71c,transparent 48%),linear-gradient(150deg,#121924,#0e121b 78%)}
.contact{margin-bottom:35px;background:radial-gradient(ellipse at 90% 90%,#00bfc71d,transparent 50%),linear-gradient(150deg,#121924,#0e121b 78%);border-color:#236b73}
.service{border-radius:22px;border:1px solid #35445b;background:linear-gradient(145deg,#1a2432,#131b28);box-shadow:inset 0 1px 0 #ffffff08;transition:transform .23s,border-color .23s,background .23s,box-shadow .23s}
.service:hover,.service:focus-visible{background:linear-gradient(145deg,#21344b,#182438);border-color:#19d5ef;box-shadow:0 12px 35px #00dce822,inset 0 -2px 0 #00dce877}
.service:nth-child(3n+2){border-bottom-color:#00b8c58c}
.service b{color:var(--cyan)}
.primary,.secondary{border-radius:14px;transition:transform .2s,box-shadow .2s}
.primary:hover{box-shadow:0 7px 28px #00dce83a}
.secondary:hover{border-color:#2ee7ec;box-shadow:0 6px 25px #00dce81e}
.hero-brand{box-shadow:0 0 0 9px #151a2555,0 0 44px #ba27af24,0 18px 44px #00dce818;border-color:#238f9b}
.hero-line{border-top-color:#28616a}
.price-list{border-top-color:#238b95}
.price-list>div{border-bottom-color:#293e56}
dialog{border-radius:26px;border-color:#288b95;background:radial-gradient(ellipse at 100% 0%,#155b9138,transparent 52%),#16212b;box-shadow:0 30px 100px #000b,0 0 48px #00dce818}
footer{border-top-color:#23828a}
@media(max-width:800px){.hero,.section{width:calc(100% - 32px)}.hero{padding:75px 34px 35px}.section{padding:65px 34px}}
@media(max-width:520px){.hero,.section{width:calc(100% - 24px);border-radius:24px}.hero{padding:64px 23px 28px}.section{padding:56px 22px}.service{border-radius:19px}.hero-brand{margin-bottom:25px}dialog{border-radius:21px}}

/* v7 — single clean circular logo in the navigation, interactive nav pills */
header.top{position:sticky;top:10px;z-index:30;max-width:1112px;width:calc(100% - 48px);padding:10px 18px;margin:12px auto 10px;border:1px solid #29364b;border-radius:24px;background:rgba(13,18,29,.86);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px #0005}
.brand{display:inline-flex;align-items:center;flex-shrink:0;border-radius:50%;transition:transform .22s,filter .22s}
.brand:hover{transform:scale(1.055);filter:brightness(1.13)}
.brand-logo{width:66px;height:66px;border:0;border-radius:50%;object-fit:cover;box-shadow:none;display:block}
.hero-brand{display:none!important}
nav{display:flex;align-items:center;gap:8px;font-size:14px;color:#e6edf6}
nav a{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid transparent;border-radius:14px;font-weight:650;letter-spacing:.04em;transition:color .2s,background .2s,border-color .2s,transform .2s}
nav a span{color:#00dce8;opacity:.5;transition:opacity .2s,transform .2s}
nav a:hover,nav a:focus-visible{color:#fff;background:linear-gradient(135deg,#192b3a,#142632);border-color:#00dce87a;transform:translateY(-2px);outline:none}
nav a:hover span,nav a:focus-visible span{opacity:1;transform:translate(2px,-2px)}
nav a[href="#kontakt"]{background:#00dce811;border-color:#00dce844}
nav a[href="#kontakt"]:hover{background:#00dce829;border-color:#00dce8}
.hero{padding-top:94px}
@media(max-width:800px){header.top{width:calc(100% - 32px)}nav a{padding:10px 12px}}
@media(max-width:520px){header.top{width:calc(100% - 24px);padding:8px 9px;border-radius:18px;gap:5px;top:5px}.brand-logo{width:45px;height:45px}nav{gap:2px;font-size:11px}nav a{padding:9px 7px;border-radius:10px;gap:3px;letter-spacing:0}nav a span{display:none}.hero{padding-top:75px}}

/* v8: v7 structure preserved, hero artwork replaces square logo and SVG wave */
header.top{position:relative!important;top:auto!important} 
.brand-wordmark{border-radius:0;gap:9px;white-space:nowrap;font-size:19px;letter-spacing:.13em;font-weight:850;color:#f5f8fc}
.brand-wordmark span{font-size:11px;letter-spacing:.23em;font-weight:600;color:#d9e2ee}
.brand-wordmark:hover{transform:none;filter:brightness(1.2)}
.hero-art{position:relative;margin:-70px auto 6px;width:min(100%,850px);height:clamp(240px,35vw,440px);overflow:hidden;pointer-events:none;isolation:isolate}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 49%;-webkit-mask-image:radial-gradient(ellipse 73% 75% at center,#000 46%,transparent 99%);mask-image:radial-gradient(ellipse 73% 75% at center,#000 46%,transparent 99%)}
.neon-wave{display:none!important}
.hero{padding-top:65px!important}
@media(max-width:800px){.hero-art{margin:-35px auto 0;height:clamp(210px,47vw,350px)}}
@media(max-width:520px){.brand-wordmark{font-size:14px;letter-spacing:.08em;gap:5px}.brand-wordmark span{font-size:8px;letter-spacing:.12em}.hero-art{margin:-18px -12px 0;width:calc(100% + 24px);height:220px}.hero{padding-top:32px!important}header.top{top:auto!important}}

/* v9 — equal navigation states, seamless hero artwork, contact links */
nav a[href="#kontakt"]{background:transparent;border-color:transparent}
nav a[href="#kontakt"]:hover,
nav a[href="#kontakt"]:focus-visible{
  color:#fff;background:linear-gradient(135deg,#192b3a,#142632);
  border-color:#00dce87a;transform:translateY(-2px)
}
.hero-art{
  width:calc(100% + 112px);
  max-width:none;
  margin:-72px -56px 0;
  height:clamp(290px,43vw,515px);
  overflow:hidden;
  pointer-events:none;
}
.hero-art img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center 48%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 68%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 68%,transparent 100%);
}
.contact .secondary{margin-left:10px}
.contact .muted a,.footer-links a{transition:color .2s ease}
.contact .muted a:hover,.footer-links a:hover{color:#00dce8}
.footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
footer{gap:16px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){
 .hero-art{width:calc(100% + 68px);margin:-48px -34px 0;height:clamp(255px,48vw,385px)}
}
@media(max-width:520px){
 .hero-art{width:calc(100% + 46px);margin:-20px -23px 0;height:clamp(215px,64vw,285px)}
 .contact .secondary{margin:12px 0 0}
 .footer-links{width:100%;gap:20px}
 footer span{display:inline}
}

/* v10 — centered hero service line and accessible footer contact icons */
.hero-services{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:clamp(9px,1.8vw,22px);row-gap:7px;margin:12px auto 28px;text-align:center;color:#dceaf5;font-size:clamp(11px,1.45vw,15px);font-weight:750;letter-spacing:.16em;line-height:1.5}
.hero-services i{font-style:normal;color:#18d5e6;font-size:1.35em;line-height:1;align-self:center;font-weight:400;transform:translateY(-.02em)}
.footer-icon{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:8px 9px;transition:color .2s,border-color .2s,background .2s,transform .2s}
.footer-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.footer-icon:hover,.footer-icon:focus-visible{color:#19d5ef;border-color:#19d5ef66;background:#19d5ef12;transform:translateY(-2px);outline:none}
@media(max-width:520px){.hero-services{letter-spacing:.08em;column-gap:9px;margin:8px auto 23px}.footer-links{gap:7px}.footer-icon{padding:8px 5px;gap:5px}.footer-icon span{font-size:12px}}

/* v13: four accessible contact actions */
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0 16px}
.contact-actions .secondary{margin:0}
@media(max-width:520px){.contact-actions{align-items:stretch;flex-direction:column}.contact-actions a{text-align:center}.contact-actions .secondary{margin:0}}

/* v14 prototype: gentle depth in decorative layers; no layout or content changes */
.hero,.parallax-section{position:relative;isolation:isolate}
.parallax-ambient{
  position:absolute;inset:-20% -8%;
  z-index:-1;pointer-events:none;
  transform:translate3d(0,var(--parallax-ambient,0px),0);
  background:radial-gradient(ellipse 45% 36% at 80% 26%,#16d5ed15,transparent 78%),
             radial-gradient(ellipse 43% 30% at 18% 78%,#e942b211,transparent 80%);
  will-change:transform;
}
.hero .parallax-ambient{inset:-12% -10%;z-index:-1}
.hero-art img{
  transform:translate3d(0,var(--parallax-art,0px),0) scale(1.075);
  transform-origin:center;
  will-change:transform;
}
.hero h1{
  transform:translate3d(0,var(--parallax-title,0px),0);
  will-change:transform;
}
.parallax-section{overflow:hidden}
.parallax-section .parallax-ambient{
  background:radial-gradient(ellipse 40% 35% at 90% 20%,#00dce814,transparent 80%),
             radial-gradient(ellipse 40% 38% at 5% 86%,#e942b20d,transparent 80%);
}
@media(prefers-reduced-motion:reduce){
  .hero-art img,.hero h1,.parallax-ambient{transform:none!important;will-change:auto}
}

/* v15 — portfolio cards match existing LNG Cinematic UI */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.portfolio-card{appearance:none;display:block;width:100%;min-width:0;text-align:left;overflow:hidden;border:1px solid #2b3b4f;border-radius:20px;background:#111c29;color:#eef7ff;padding:0;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.portfolio-card:hover,.portfolio-card:focus-visible{transform:translateY(-4px);border-color:#16d5e9;box-shadow:0 12px 36px #0008,0 0 24px #00dce822;outline:none}
.portfolio-media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#101a29}
.portfolio-media>img,.portfolio-preview{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .25s}
.portfolio-card:hover .portfolio-media>img{transform:scale(1.045)}
.portfolio-preview{position:absolute;inset:0;opacity:0;pointer-events:none}
.portfolio-card.preview-active .portfolio-preview{opacity:1}
.portfolio-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#08131fc9;border:1px solid #69e9f3a0;color:#fff;font-size:20px;box-shadow:0 0 26px #00dce850;transition:background .2s,transform .2s}
.portfolio-card:hover .portfolio-play{background:#00b4cae8;transform:translate(-50%,-50%) scale(1.07)}
.portfolio-copy{display:flex;flex-direction:column;gap:5px;padding:17px 18px 19px}
.portfolio-copy strong{font-size:17px}.portfolio-copy small{color:#a5b8c9;font-size:12px}
.instagram-poster{background:radial-gradient(circle at 75% 15%,#164f65,transparent 50%),linear-gradient(140deg,#271a3e,#111a29 58%,#102c3a)}
.kart-poster{background:radial-gradient(circle at 12% 85%,#ab2b7844,transparent 58%),linear-gradient(125deg,#271525,#0c1d2c 68%,#123743)}
.portfolio-poster-title{position:absolute;left:18px;top:18px;color:#e6faff;font-size:clamp(17px,2.3vw,28px);letter-spacing:.18em;font-weight:800}
.portfolio-provider{position:absolute;left:18px;bottom:15px;font-size:10px;letter-spacing:.14em;color:#8ce9ec}
.portfolio-note{color:#8d9eaf;font-size:12px;margin-top:18px}
.film-dialog{width:min(94vw,980px);max-width:980px;padding:16px;border:1px solid #2c8997;border-radius:22px;background:#0d1420;color:#eef7ff;box-shadow:0 28px 100px #000c}
.film-dialog::backdrop{background:#02060cda;backdrop-filter:blur(14px)}
.film-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 12px}.film-tools{display:flex;gap:9px}
.film-close,.film-rotate{border:1px solid #3a5363;background:#162330;color:#eaf9ff;border-radius:10px;padding:7px 12px;cursor:pointer}.film-close{font-size:25px;line-height:1}
.film-stage{position:relative;width:100%;aspect-ratio:16/9;background:#060a10;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.film-stage.instagram-stage{aspect-ratio:9/13;max-height:75vh;width:min(100%,470px);margin:auto}
.film-stage iframe{width:100%;height:100%;border:0;display:block}
.film-stage.rotated{aspect-ratio:16/9;width:100%;max-height:75vh}
.film-stage.rotated iframe{width: min(75vh, 60vw);height:min(75vh,60vw);transform:rotate(-90deg);transform-origin:center}
.film-external{display:inline-block;margin-top:12px;color:#71e3ef;font-size:13px}
@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.portfolio-grid{grid-template-columns:1fr}.portfolio-copy{padding:14px 15px}.film-dialog{padding:10px}.film-stage.instagram-stage{max-height:68vh}.film-modal-head strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-media>img,.portfolio-play{transition:none}}

/* v18: true vertical 9:16 reel viewing */
.film-stage.instagram-stage:has(iframe[src*='DZbLZl2IkG0']){aspect-ratio:9/16;width:min(100%,390px);max-height:75vh}


/* v19 — interactive luminous wave, kept below the PNG lettering */
.hero-art{isolation:isolate}
.hero-art img{position:relative;z-index:1}
.hero-art .living-wave{
 position:absolute;inset:0;width:100%;height:100%;z-index:2;
 pointer-events:none;opacity:.74;
 -webkit-mask-image:linear-gradient(to bottom,transparent 35%,#000 64%,#000 88%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 35%,#000 64%,#000 88%,transparent 100%);
}
.hero-art{pointer-events:auto}
@media(prefers-reduced-motion:reduce){.hero-art .living-wave{opacity:.38}}



/* v22 — restrained, blurred ambient border glow */
.lng-border-target{position:relative;isolation:isolate}
.lng-border-target .lng-snake-frame{
 position:absolute;inset:-75px;z-index:4;pointer-events:none;
 opacity:0;transition:opacity 1.5s ease;
 overflow:visible;
}
.lng-border-target.lng-snake-visible .lng-snake-frame{opacity:1}
.lng-snake-frame canvas{display:block;width:100%;height:100%;}
@media(prefers-reduced-motion:reduce){
 .lng-border-target .lng-snake-frame{transition:none;opacity:.45}
}

/* v23 — entire border breathes through one LNG color at a time.
   The layers crossfade rather than travel around the perimeter. */
.lng-border-target{position:relative;isolation:isolate}
.lng-border-target .lng-snake-frame{
  position:absolute;inset:0;z-index:4;pointer-events:none;overflow:visible;
  opacity:0;transition:opacity 1.25s ease;
}
.lng-border-target.lng-snake-visible .lng-snake-frame{opacity:1}
.lng-snake-frame .lng-color-layer{
  position:absolute;inset:1px;border-radius:inherit;
  border:1.4px solid var(--lng-color);
  box-shadow:0 0 10px 1px var(--lng-glow),0 0 28px 1px var(--lng-glow),inset 0 0 12px -3px var(--lng-glow);
  opacity:0;
}
.lng-border-target.lng-snake-visible .lng-color-layer{
  animation:lng-color-fade 18s ease-in-out infinite;
  animation-delay:var(--lng-delay);
}
.lng-snake-frame .lng-color-layer:nth-child(1){--lng-color:#ed2caf;--lng-glow:rgba(237,44,175,.23);--lng-delay:0s}
.lng-snake-frame .lng-color-layer:nth-child(2){--lng-color:#9950eb;--lng-glow:rgba(153,80,235,.23);--lng-delay:-12s}
.lng-snake-frame .lng-color-layer:nth-child(3){--lng-color:#13d8ed;--lng-glow:rgba(19,216,237,.21);--lng-delay:-6s}
@keyframes lng-color-fade{
  0%,8%{opacity:0} 20%,31%{opacity:.86} 46%,100%{opacity:0}
}
@media(prefers-reduced-motion:reduce){
 .lng-border-target.lng-snake-visible .lng-color-layer{animation:none}
 .lng-border-target.lng-snake-visible .lng-color-layer:first-child{opacity:.35}
}