:root{--navy:#07111d;--navy-2:#0c1d2c;--cyan:#16e0c1;--lime:#c7ff39;--white:#f8fbff;--muted:#a9b7c5;--ink:#0b1621;--paper:#eef2f3}
body{font-family:Arial,Helvetica,sans-serif}.hero h1,.section-heading h2,.project-intro h2,.contact h2,.statement h2,.service-grid h3,.project h3,.quote-section p,.song-copy h2,.legal summary,.legal-content h2,.legal-content h3{font-family:"Arial Narrow",Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:linear-gradient(180deg,rgba(7,17,29,.97),rgba(7,17,29,.68),transparent);backdrop-filter:blur(4px)}.brand{display:flex;align-items:center;gap:12px;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.08em;line-height:.9}.brand small{display:block;color:var(--cyan);font-size:.72rem;letter-spacing:.24em;margin-top:7px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--cyan);color:var(--cyan);font-style:italic;transform:skew(-7deg)}nav{display:flex;align-items:center;gap:32px;font-size:.88rem;font-weight:600}nav a{transition:color .2s}nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:10px 17px}.menu-button{display:none;background:none;border:1px solid #ffffff55;color:white;padding:8px 12px}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:8vw;padding:150px clamp(24px,8vw,140px) 100px;overflow:hidden;background:radial-gradient(circle at 73% 45%,rgba(22,224,193,.18),transparent 24%),linear-gradient(117deg,#07111d 0%,#07111d 52%,#0b2530 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black)}.hero-glow{position:absolute;right:-5vw;top:17%;width:46vw;height:46vw;border-radius:50%;border:1px solid rgba(22,224,193,.22);box-shadow:0 0 0 70px rgba(22,224,193,.025),0 0 0 150px rgba(22,224,193,.02)}.hero-copy,.hero-card{position:relative;z-index:2}.eyebrow{text-transform:uppercase;color:var(--cyan);font-weight:700;letter-spacing:.25em;font-size:.76rem;margin:0 0 20px}.eyebrow.dark{color:#087b70}.hero h1,.section-heading h2,.project-intro h2,.contact h2,.statement h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-weight:800;line-height:.91;letter-spacing:-.025em;margin:0}.hero h1{font-size:clamp(3.6rem,7.1vw,7.4rem);max-width:1000px}.hero h1 em{font-style:italic;color:var(--cyan)}.intro{max-width:690px;color:#c5d0d8;font-size:clamp(1.05rem,1.4vw,1.25rem);margin:32px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 22px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}.button.primary{background:var(--cyan);color:var(--ink)}.button.secondary{border:1px solid #ffffff55}.hero-card{border-left:2px solid var(--cyan);padding:12px 0 12px 28px}.hero-card>p{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em}.hero-card>strong{display:block;font-family:"Barlow Condensed";font-size:6rem;line-height:.9;color:var(--lime)}.hero-card>span{display:block;color:#d6dfe5;font-size:.88rem}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #ffffff24;margin-top:34px;padding-top:24px}.metric-row strong{display:block;font-family:"Barlow Condensed";font-size:2rem;color:var(--cyan)}.metric-row span{font-size:.72rem;color:var(--muted);line-height:1.4}.scroll-hint{position:absolute;bottom:30px;left:clamp(24px,8vw,140px);color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em}.scroll-hint span{color:var(--cyan);margin-left:10px}.statement{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;padding:clamp(80px,10vw,150px) clamp(24px,8vw,140px)}.statement h2,.project-intro h2{font-size:clamp(3rem,5.5vw,6rem)}.statement h2 span,.project-intro h2 span{color:#087b70;font-style:italic}.profile-copy{font-size:1.08rem;padding-top:30px}.profile-copy p:first-child{font-size:1.35rem;font-weight:600;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.chips span,.tags span{border:1px solid #22313e55;padding:7px 12px;border-radius:100px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.services{padding:clamp(80px,10vw,150px) clamp(24px,8vw,140px);display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;background:#0b1825}.section-heading h2,.contact h2{font-size:clamp(3.2rem,5.7vw,6rem)}.section-heading>p:last-child{color:var(--muted);max-width:440px}.service-grid{display:grid;grid-template-columns:1fr 1fr}.service-grid article{padding:34px 28px;border-top:1px solid #ffffff26;min-height:220px}.service-grid article:nth-child(odd){border-right:1px solid #ffffff26}.service-grid span,.project-number{color:var(--cyan);font-family:"Barlow Condensed";font-size:.95rem}.service-grid h3{font-family:"Barlow Condensed";font-size:1.75rem;text-transform:uppercase;margin:25px 0 8px}.service-grid p{color:var(--muted);font-size:.9rem;margin:0}.projects{background:var(--paper);color:var(--ink);padding:clamp(80px,10vw,150px) clamp(24px,8vw,140px)}.project-intro{margin-bottom:70px}.project-list{border-top:2px solid var(--ink)}.project{display:grid;grid-template-columns:60px 1fr 110px;gap:30px;padding:42px 0;border-bottom:1px solid #22313e55;transition:padding .2s,background .2s}.project:hover{padding-left:18px;background:#e4e9e9}.project-number{color:#087b70}.project-type{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:#55707b;margin:0}.project h3{font-family:"Barlow Condensed";font-size:clamp(2rem,3.5vw,3.6rem);text-transform:uppercase;line-height:1;margin:8px 0 15px}.project div>p:not(.project-type){max-width:760px}.project time{font-family:"Barlow Condensed";font-weight:700;text-align:right}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.quote-section{min-height:520px;display:grid;place-items:center;text-align:center;padding:80px 24px;background:radial-gradient(circle,rgba(22,224,193,.13),transparent 55%),#07111d}.quote-section p{font-family:"Barlow Condensed";font-size:clamp(2.7rem,6vw,6rem);line-height:1.02;text-transform:uppercase;font-style:italic}.quote-section strong{color:var(--cyan)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:clamp(80px,10vw,140px) clamp(24px,8vw,140px);background:var(--cyan);color:var(--ink)}.contact .eyebrow{color:#075c56}.contact-panel{align-self:end}.contact-panel>p:first-child{font-size:1.1rem;max-width:560px}.mail-link{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding:20px 0 12px;margin-top:35px;font-weight:700;font-size:clamp(1rem,1.8vw,1.4rem)}.location{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin-top:22px}footer{padding:35px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#050c14;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.footer-brand{color:white}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.topbar{height:72px}.menu-button{display:block}nav{display:none;position:absolute;top:70px;left:16px;right:16px;background:#0b1825;padding:24px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:125px}.hero-card{max-width:400px;margin-top:20px}.statement,.services,.contact{grid-template-columns:1fr}.service-grid{margin-top:20px}.project{grid-template-columns:42px 1fr}.project time{display:none}footer{align-items:flex-start;flex-direction:column}.scroll-hint{display:none}}
@media(max-width:560px){.topbar{padding:0 18px}.brand{font-size:.82rem}.brand-mark{width:36px;height:36px}.hero{padding:115px 20px 70px}.hero h1{font-size:3.35rem}.hero-card>strong{font-size:4.8rem}.statement,.services,.projects,.contact{padding:75px 20px}.service-grid{grid-template-columns:1fr}.service-grid article:nth-child(odd){border-right:0}.project{gap:10px;padding:32px 0}.project h3{font-size:2.25rem}.tags{display:none}.mail-link{word-break:break-word}.footer-brand{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.hero{background:linear-gradient(90deg,rgba(7,17,29,.98) 0%,rgba(7,17,29,.91) 42%,rgba(7,17,29,.45) 72%,rgba(7,17,29,.25) 100%),url('sportainment-hero-woerthersee.png') center/cover no-repeat}
.hero-image-note{position:absolute;right:clamp(24px,5vw,80px);bottom:22px;z-index:2;font-size:.7rem;color:#dce7ea;letter-spacing:.08em;text-transform:uppercase}
.song-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;padding:clamp(80px,10vw,140px) clamp(24px,8vw,140px);background:#0b1825}.song-copy h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(3.2rem,5.7vw,6rem);text-transform:uppercase;font-weight:800;line-height:.91;margin:0}.song-copy h2 span{color:var(--cyan);font-style:italic}.song-copy>p:not(.eyebrow){color:var(--muted);max-width:540px;margin:28px 0}.song-status{display:inline-block;border:1px solid rgba(22,224,193,.5);color:var(--cyan);padding:8px 13px;border-radius:100px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.video-frame{position:relative;aspect-ratio:16/9;background:#050c14;box-shadow:0 25px 70px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.13)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.song-section{grid-template-columns:1fr}.video-frame{margin-top:15px}}
@media(max-width:560px){.song-section{padding:75px 20px}}
.brand{flex:0 0 auto;overflow:visible;display:flex;align-items:center}.brand img{display:block;width:330px;height:auto;overflow:visible}.footer-brand img{width:300px}.project-link{display:inline-block;margin-top:20px;color:#087b70;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor}.project-link:hover{color:#0b5d56}
@media(max-width:560px){.brand img{width:225px}.footer-brand{display:none}}
.video-consent{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(22px,5vw,55px);background:radial-gradient(circle at 50% 20%,rgba(22,224,193,.12),transparent 45%),#050c14}.video-consent strong{font-family:"Barlow Condensed",sans-serif;font-size:clamp(1.7rem,3vw,2.8rem);text-transform:uppercase}.video-consent p{max-width:560px;color:var(--muted);font-size:.88rem}.video-consent button{border:0;background:var(--cyan);color:var(--ink);padding:13px 20px;font:700 .82rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.legal{background:#07111d;padding:30px clamp(24px,8vw,140px) 70px}.legal details{border-top:1px solid rgba(255,255,255,.2)}.legal details:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.legal summary{cursor:pointer;padding:20px 0;font-family:"Barlow Condensed",sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan)}.legal-content{max-width:850px;padding:5px 0 35px;color:#c5d0d8}.legal-content h2,.legal-content h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--white)}.legal-content h2{font-size:2.2rem}.legal-content h3{font-size:1.25rem;margin-top:28px}.legal-content a{text-decoration:underline;text-underline-offset:3px}footer a:hover{color:var(--cyan)}
body{font-family:Arial,Helvetica,sans-serif}.hero h1,.section-heading h2,.project-intro h2,.contact h2,.statement h2,.service-grid h3,.project h3,.quote-section p,.song-copy h2,.legal summary,.legal-content h2,.legal-content h3,.video-consent strong{font-family:"Arial Narrow",Arial,Helvetica,sans-serif}.video-consent button{font-family:Arial,Helvetica,sans-serif}

/* Keep language selection visible on desktop and mobile. */
.header-controls{order:3;display:flex;align-items:center;gap:14px}.topbar nav{margin-left:auto;margin-right:24px}.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:.85rem;font-weight:800;letter-spacing:.06em}.language-switch a{color:#d9e4e8;padding:7px 2px}.language-switch a[aria-current="page"]{color:var(--cyan);text-decoration:underline;text-underline-offset:5px}.language-switch span{color:#768d99}@media(max-width:900px){.topbar nav{margin:0}.header-controls{margin-left:auto}}
@media(max-width:560px){.topbar .brand img{width:145px}.header-controls{gap:8px}.language-switch{gap:4px;font-size:.77rem}.menu-button{padding:7px 8px;font-size:.78rem}}

.studio-reference-photo{margin:24px 0;max-width:560px}.studio-reference-photo img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff;border-radius:12px;border:1px solid #d9e3e2;padding:12px}.studio-reference .project-link{display:inline-block;margin-top:6px}

/* Keep long headings inside narrow mobile columns. */
.project{grid-template-columns:60px minmax(0,1fr) 110px}.project>div,.contact>div,.song-section>div,.statement>div,.services>div{min-width:0}
h1,h2,h3{overflow-wrap:anywhere}.project-type{overflow-wrap:anywhere}.video-area{min-width:0}.youtube-direct{color:var(--cyan)}
@media(max-width:900px){.project{grid-template-columns:42px minmax(0,1fr)}}
@media(max-width:560px){.project{grid-template-columns:24px minmax(0,1fr)}.project h3{font-size:clamp(1.45rem,6.8vw,2rem);line-height:1.08}.contact h2,.section-heading h2,.song-copy h2{font-size:clamp(2rem,10vw,3.2rem);line-height:1.04}.project:hover{padding-left:0}.video-consent{position:relative;min-height:260px;padding:24px}.video-frame:has(.video-consent){aspect-ratio:auto}}