header{position:relative;z-index:30;background:linear-gradient(180deg,#061225f5,#08152ce8);backdrop-filter:blur(16px)}
header nav{gap:clamp(10px,1.8vw,28px)}
.lang-toggle{border:1px solid #d8b66f66;border-radius:999px;background:#102847;color:#f4d897;font:700 10px/1 Arial,sans-serif;letter-spacing:1.5px;padding:10px 13px;cursor:pointer;transition:.2s ease}
.lang-toggle:hover{background:#1b426f;box-shadow:0 0 24px #80c5ff2e}
.cinematic-hero{min-height:min(830px,calc(100svh - 90px));display:grid;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr);align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(42px,7vw,100px) 5%;position:relative;isolation:isolate;overflow:hidden}
.cinematic-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,#1d5d9a2b 0,transparent 42%),linear-gradient(90deg,#061225 0,#08152c 44%,#07162a88);z-index:-2}
.hero-copy{position:relative;z-index:4}.hero-copy h1{font-size:clamp(62px,7.8vw,126px);line-height:.82;letter-spacing:-.075em;margin:34px 0 22px;text-shadow:0 12px 45px #020712}
.hero-copy h1 em{font-style:normal;font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:.02em;font-size:.58em}.hero-copy>p:not(.hero-tagline){font-size:16px;max-width:540px;color:#bfd3eb}
.hero-tagline{font:italic 400 clamp(21px,2.3vw,34px)/1.2 Georgia,serif!important;background:linear-gradient(110deg,#fff2d3,#d6a650,#9dd7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px!important}
.hero-visual{--rx:0deg;--ry:0deg;--mx:0px;--my:0px;position:relative;aspect-ratio:1/1;max-height:690px;transform-style:preserve-3d;perspective:1000px;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s ease;filter:drop-shadow(0 45px 80px #010711)}
.hero-image{position:absolute;inset:4%;border-radius:50%;background:url('/media/shortest-gold-swirl.webp') center/cover no-repeat;transform:translate3d(var(--mx),var(--my),55px) scale(1.02);box-shadow:inset 0 0 60px #05152c,0 0 35px #4ba8ff36,0 0 85px #d4a64b29;animation:heroPulse 6s ease-in-out infinite}
.hero-image::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 45%,transparent 45%,#07162a44 72%,#07162acc 100%)}
.hero-halo{position:absolute;inset:-2%;border-radius:50%;border:1px solid #f5cf8066;box-shadow:0 0 22px #76bdff4d,inset 0 0 35px #d5a34c29;transform:translateZ(20px);animation:haloSpin 16s linear infinite}
.hero-halo::before,.hero-halo::after{content:"";position:absolute;inset:5%;border-radius:50%;border:1px solid #70b8ff44;transform:rotate(63deg) scaleY(.83)}.hero-halo::after{border-color:#eec66e55;transform:rotate(-28deg) scaleX(.9)}
.note-cloud{position:absolute;inset:0;transform:translateZ(90px);pointer-events:none}.note-cloud span{position:absolute;color:#f7d78e;text-shadow:0 0 16px #edb854,0 0 30px #65b9ff;font-family:Georgia,serif;animation:noteFloat 5s ease-in-out infinite}
.note-cloud span:nth-child(1){left:8%;top:24%;font-size:31px}.note-cloud span:nth-child(2){right:8%;top:19%;font-size:24px;animation-delay:-1s}.note-cloud span:nth-child(3){left:2%;bottom:30%;font-size:23px;animation-delay:-2.1s}.note-cloud span:nth-child(4){right:3%;bottom:23%;font-size:34px;animation-delay:-3.2s}.note-cloud span:nth-child(5){left:45%;top:2%;font-size:20px;animation-delay:-.7s}.note-cloud span:nth-child(6){left:46%;bottom:0;font-size:26px;animation-delay:-2.7s}
.hero-scroll{position:absolute;right:5%;bottom:22px;font-size:8px;letter-spacing:2.6px;color:#8fb9dd}
.projectgrid{grid-template-columns:repeat(4,1fr)}.projectgrid .art{height:300px}.projectgrid .artword{font-size:clamp(36px,4vw,58px)}
.art.rodzinka{background:radial-gradient(circle at 70% 20%,#344f83 0,#142b50 55%,#07162d 100%);color:#f0c978;border:1px solid #9e804c55}.family-orbit{width:58%;aspect-ratio:1;border:1px solid #78c4ff88;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 35px #6fb9ff33,inset 0 0 30px #d6aa5940}.family-orbit span{font:500 80px/1 Georgia,serif;color:#f3d89a}.family-orbit i,.family-orbit b{position:absolute;width:18px;height:18px;border-radius:50%;background:#f4d487;box-shadow:0 0 20px #f4c86f}.family-orbit i{top:-9px}.family-orbit b{bottom:8%;right:0;background:#86ceff;box-shadow:0 0 20px #67baff}
.contact{background:radial-gradient(circle at 80% 10%,#245988 0,transparent 30%),linear-gradient(135deg,#0c2340,#061326)}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.contact-grid h2{margin:24px 0 0}.contact-mail{display:inline-block;color:#f1d08d;font-size:clamp(19px,2vw,30px);border-bottom:1px solid #f1d08d66;padding-bottom:9px}
@keyframes heroPulse{0%,100%{transform:translate3d(var(--mx),var(--my),55px) scale(1.02);filter:saturate(1)}50%{transform:translate3d(var(--mx),var(--my),70px) scale(1.045);filter:saturate(1.18) brightness(1.08)}}@keyframes haloSpin{to{transform:translateZ(20px) rotate(360deg)}}@keyframes noteFloat{0%,100%{transform:translateY(0) rotate(-5deg);opacity:.55}50%{transform:translateY(-16px) rotate(8deg);opacity:1}}
@media(max-width:1100px){.projectgrid{grid-template-columns:repeat(2,1fr)}.projectgrid .art{height:360px}.cinematic-hero{grid-template-columns:.9fr 1.1fr}.hero-copy h1{font-size:clamp(56px,7vw,90px)}}
@media(max-width:760px){header{align-items:center}header nav{max-width:none}header nav a:nth-child(n+3):nth-child(-n+5){display:none}.cinematic-hero{grid-template-columns:1fr;padding-top:35px;min-height:0}.hero-copy{order:1}.hero-visual{order:2;width:min(100%,520px);margin:0 auto}.hero-scroll{display:none}.projectgrid{grid-template-columns:1fr}.projectgrid .art{height:390px}.contact-grid{grid-template-columns:1fr;gap:18px}.hero-copy h1{font-size:clamp(62px,19vw,92px)}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-halo,.note-cloud span{animation:none}.hero-visual{transform:none!important}}

.smart-back{display:inline-flex;align-items:center;margin:24px 5% 0;padding:12px 20px;background:#0a213b;border:1px solid #d7b56c88;border-radius:99px;color:#f5d58f;font:600 14px/1.3 Arial,sans-serif;cursor:pointer;min-height:44px}.smart-back:hover{background:#163957}.smart-back:focus-visible{outline:3px solid #8ed9ff;outline-offset:4px}
.hero-rhythm{position:absolute;left:20%;right:20%;bottom:22%;height:70px;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:none;transform:translateZ(75px);filter:drop-shadow(0 0 7px #e8bf62)}
.hero-rhythm i{display:block;flex:1;max-width:5px;height:calc(var(--level)*1px);border-radius:8px;background:linear-gradient(#fff1bc,#daa33c);transform-origin:center;animation:rhythmBeat 1.4s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes rhythmBeat{0%,100%{transform:scaleY(.32);opacity:.65}45%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.55)}}
@media(prefers-reduced-motion:reduce){.hero-rhythm i{animation:none}}
/* Compact rhythm replaces the static waveform above the wordmark. */
.hero-rhythm{left:40%;right:33%;top:24%;bottom:auto;height:12%;gap:2px;transform:none;filter:none;background:radial-gradient(ellipse,#050c19 65%,#050c19ee 80%,transparent 100%);padding:1% 2%;box-sizing:border-box;z-index:1}
.hero-rhythm i{height:calc(var(--level)*1%);max-width:3px;background:linear-gradient(#fff1bc,#daa33c);box-shadow:0 0 3px #e8bf6266}