:root{--orange:#ff6a00;--ink:#111214;--muted:#6c7076;--soft:#f5f5f7;--line:#e7e7eb;--max:1420px;--r:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img,video{display:block;max-width:100%}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}
.site-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.05)}.top-inner{min-height:92px;display:grid;grid-template-columns:220px 1fr 52px;align-items:center;gap:28px}.wordmark{font-size:30px;font-weight:300;letter-spacing:-.055em}.wordmark span{font-weight:900}.top-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;justify-self:end;width:100%}.top-contacts div{padding:0 16px;border-left:1px solid var(--line)}.top-contacts small{display:block;color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.top-contacts strong{font-size:11px;white-space:nowrap}.menu-button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:#fff;display:grid;place-content:center;gap:6px}.menu-button span{width:20px;height:1.5px;background:#111}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(3px);z-index:69;opacity:0;pointer-events:none;transition:.3s}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(34vw,520px);background:#fff;z-index:70;padding:30px;transform:translateX(105%);transition:.36s;box-shadow:-30px 0 80px rgba(0,0,0,.12)}body.menu-open .drawer{transform:none}body.menu-open .menu-overlay{opacity:1;pointer-events:auto}body.menu-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-close{border:0;background:none;font-size:34px}.drawer-nav{display:grid;margin-top:20px}.drawer-nav a{display:flex;justify-content:space-between;padding:18px 2px;border-bottom:1px solid var(--line);font-size:30px;font-weight:300}.drawer-nav a:hover{color:var(--orange)}
.kicker{color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.hero-player-section{padding:90px 0 72px}.hero-player-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:70px;align-items:center}.hero-copy h1,.page-hero-clean h1{font-size:clamp(58px,7vw,108px);line-height:.95;letter-spacing:-.06em;font-weight:300;margin:18px 0 24px}.hero-copy h1 strong,.page-hero-clean strong{font-weight:900}.hero-claim{font-size:clamp(20px,2vw,26px);font-weight:300;line-height:1.5;margin:0 0 20px;color:#34363a}.hero-intro{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.featured-player{background:#fff;border:1px solid var(--line);border-radius:32px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.07)}.featured-player-label{font-size:11px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.09em;padding:4px 4px 14px}.featured-screen,.wide-placeholder{position:relative;background:linear-gradient(145deg,#ededf0,#aeb1b6);border-radius:24px;overflow:hidden}.featured-screen{aspect-ratio:16/9}.featured-meta{padding:20px 6px 6px}.featured-meta span{color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase}.featured-meta h2{font-size:30px;margin:7px 0}.featured-meta p{color:var(--muted);line-height:1.6;margin:0}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(0,0,0,.14)}.play:after{content:"";position:absolute;left:31px;top:24px;border-left:18px solid var(--orange);border-top:13px solid transparent;border-bottom:13px solid transparent}.small-play{width:58px;height:58px}.small-play:after{left:25px;top:18px;border-left-width:15px;border-top-width:11px;border-bottom-width:11px}
.search-filter-section{padding:0 0 52px}.search-shell.compact{max-width:760px;height:58px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;padding:0 20px}.search-icon{font-size:25px;color:var(--orange);margin-right:10px}.search-shell input{width:100%;border:0;outline:0;font-size:16px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-top:18px;scrollbar-width:none}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;white-space:nowrap}.filter-chip.active,.filter-chip:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.shelf-section{padding:70px 0 100px;background:var(--soft)}.shelf-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:34px}.shelf-heading h2{font-size:clamp(44px,5vw,72px);font-weight:300;letter-spacing:-.05em;margin:13px 0 0}.shelf-heading h2 strong{font-weight:900;color:var(--orange)}.shelf-heading p{color:var(--muted);line-height:1.7;max-width:540px}.video-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shelf-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.shelf-thumb{width:100%;aspect-ratio:16/10;border:0;background:linear-gradient(145deg,#ececef,#b4b6bb);position:relative;cursor:pointer}.duration{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.65);color:#fff;padding:4px 7px;border-radius:7px;font-size:10px}.shelf-copy{padding:16px}.shelf-copy span{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase}.shelf-copy h3{font-size:19px;margin:7px 0 0}.empty-state{text-align:center;padding:60px;color:var(--muted)}
.content-section{padding:100px 0}.content-section.light{background:#fff}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split-feature.reverse .text-block{order:2}.split-feature.reverse .wide-placeholder{order:1}.text-block h2{font-size:clamp(44px,5vw,72px);font-weight:300;letter-spacing:-.05em;margin:16px 0}.text-block h2 strong{font-weight:900;color:var(--orange)}.text-block p{font-size:18px;line-height:1.75;color:var(--muted)}.text-link{display:inline-block;margin-top:12px;font-weight:700;color:var(--orange)}.wide-placeholder{aspect-ratio:16/9;box-shadow:0 18px 50px rgba(0,0,0,.05)}
.page-hero-clean{padding:100px 0 65px}.page-hero-clean p{font-size:21px;line-height:1.6;color:var(--muted);max-width:850px}.service-list-clean,.editorial-stack{display:grid;gap:90px}.service-row-clean{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-row-clean.reverse .text-block{order:2}.service-row-clean.reverse .wide-placeholder{order:1}.service-no{color:var(--orange);font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{background:var(--soft);padding:9px 12px;border-radius:999px;font-size:12px}
.cta{margin:90px auto;background:#111;color:#fff;border-radius:32px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(40px,5vw,66px);margin:0}.cta p{color:#c8c8cc}.cta .btn{background:var(--orange);color:#fff;border-radius:999px;padding:15px 22px;font-weight:800}
.site-footer{border-top:1px solid var(--line);padding:52px 0 30px}.footer-grid-media{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:38px}.footer-logo{width:300px;max-height:95px;object-fit:contain;object-position:left}.site-footer h4{font-size:13px}.site-footer a,.site-footer p{display:block;color:#74777c;font-size:13px;margin:9px 0}.footer-copy{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:#888}
.video-modal{display:none}
@media(max-width:1100px){.hero-player-grid,.split-feature,.service-row-clean{grid-template-columns:1fr}.split-feature.reverse .text-block,.split-feature.reverse .wide-placeholder,.service-row-clean.reverse .text-block,.service-row-clean.reverse .wide-placeholder{order:initial}.video-shelf{grid-template-columns:repeat(2,1fr)}.shelf-heading{grid-template-columns:1fr}.footer-grid-media{grid-template-columns:1fr 1fr}.drawer{width:52vw}}
@media(max-width:720px){.wrap{width:min(calc(100% - 24px),var(--max))}.top-inner{min-height:118px;grid-template-columns:1fr 48px;grid-template-areas:"brand menu" "contacts contacts";gap:8px}.wordmark{grid-area:brand}.menu-button{grid-area:menu;justify-self:end}.top-contacts{grid-area:contacts}.top-contacts div{text-align:center;padding:3px 7px}.top-contacts strong{font-size:9px}.drawer{width:88vw}.hero-player-section{padding-top:62px}.hero-copy h1,.page-hero-clean h1{font-size:52px}.video-shelf{grid-template-columns:1fr}.footer-grid-media{grid-template-columns:1fr}.cta{display:block;padding:40px 26px}.cta .btn{display:inline-block;margin-top:14px}}

/* V3 refinements */
.header-logo-link{display:flex;align-items:center}.header-logo-img{width:190px;max-height:68px;object-fit:contain;object-position:left center}.hero-player-grid-v3{grid-template-columns:minmax(0,.72fr) minmax(0,1.55fr);gap:56px}.hero-copy-v3 h1{font-size:clamp(44px,5.5vw,82px);max-width:620px}.hero-claim-v3{font-size:clamp(17px,1.6vw,22px);max-width:620px;line-height:1.45}.featured-player-v3{transform:scale(1.02);transform-origin:center right}.featured-screen-v3{aspect-ratio:16/9;min-height:430px}.intro-band-v3{padding:58px 0 36px;background:#fff}.intro-band-inner-v3{max-width:980px;text-align:center}.intro-band-line-v3{display:block;width:62px;height:2px;background:var(--orange);margin:0 auto 20px}.intro-band-inner-v3 p{font-size:clamp(22px,2.6vw,34px);font-weight:300;line-height:1.4;color:#2b2d31;margin:0}.about-hero-v3{padding:90px 0}.about-hero-grid-v3{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:70px;align-items:center}.about-image-v3{border-radius:30px;overflow:hidden;background:#000;min-height:680px}.about-image-v3 img{width:100%;height:100%;object-fit:cover}.about-copy-v3 h1{font-size:clamp(48px,5.7vw,86px);line-height:.98;font-weight:300;letter-spacing:-.055em;margin:18px 0 24px}.about-copy-v3 .lead{font-size:22px;color:#222}.about-copy-v3 p{color:var(--muted);line-height:1.75;font-size:17px}.about-section-v3{padding:100px 0}.about-section-v3.light{background:var(--soft)}.industry-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-grid-v3 div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;font-weight:700}.center-note-v3{text-align:center;color:var(--muted);font-size:18px;line-height:1.6;margin:36px auto 0;max-width:900px}.why-grid-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.why-grid-v3 article{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}.why-grid-v3 span{display:block;color:var(--orange);font-size:12px;font-weight:800;margin-bottom:14px}.why-grid-v3 strong{font-size:18px}.contact-hero-v3{padding:100px 0 60px;text-align:center}.contact-hero-v3 h1{font-size:clamp(52px,6vw,88px);line-height:.98;font-weight:300;letter-spacing:-.055em;margin:18px 0}.contact-hero-v3 h1 strong{font-weight:900;color:var(--orange)}.contact-hero-v3 p{color:var(--muted);font-size:20px}.contact-section-v3{padding:30px 0 100px}.contact-cards-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1100px}.contact-cards-v3 article{background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:30px}.contact-cards-v3 small{display:block;color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.contact-cards-v3 strong{font-size:24px;line-height:1.4}.contact-cards-v3 p{color:var(--muted);line-height:1.6}.portfolio-hero-v3{text-align:center}.portfolio-hero-v3 p{margin-left:auto;margin-right:auto}.portfolio-shelf-v3{padding-top:70px}.legal-modern-v3{max-width:980px;margin:70px auto 110px;padding:54px 64px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 14px 40px rgba(0,0,0,.035)}.legal-modern-v3 h1{font-size:44px;margin-bottom:40px;text-align:center}.legal-modern-v3 h2{font-size:24px;margin-top:38px}.legal-modern-v3 p,.legal-modern-v3 h2{max-width:820px;margin-left:auto;margin-right:auto}@media(max-width:1050px){.hero-player-grid-v3,.about-hero-grid-v3{grid-template-columns:1fr}.featured-player-v3{transform:none}.featured-screen-v3{min-height:0}.about-image-v3{min-height:520px}.industry-grid-v3,.why-grid-v3{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.header-logo-img{width:160px}.hero-copy-v3 h1{font-size:48px}.hero-claim-v3{font-size:17px}.about-image-v3{min-height:420px}.industry-grid-v3,.why-grid-v3,.contact-cards-v3{grid-template-columns:1fr}.legal-modern-v3{margin:40px 12px 70px;padding:34px 22px;border-radius:20px}.legal-modern-v3 h1{font-size:36px}}

/* =========================================================
   V4 UNIFIED BLOCK SYSTEM
   ========================================================= */
.hero-v4{padding:58px 0 46px}
.hero-player-grid-v4{grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr);gap:44px;align-items:start}
.hero-copy-v4{padding-top:62px}
.hero-copy-v4 h1{font-size:clamp(42px,5.2vw,76px);max-width:520px;line-height:.98}
.hero-claim-v4{font-size:clamp(16px,1.4vw,20px);line-height:1.45;max-width:520px}
.featured-player-v4{margin-top:0;transform:none}
.featured-screen-v4{min-height:500px;aspect-ratio:16/9}
.featured-meta-v4{padding-bottom:10px}
.search-v4{padding-top:18px}

.block-section-v4{padding:92px 0}
.soft-block-v4{background:var(--soft)}
.block-heading-v4{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:end;margin-bottom:34px}
.block-heading-v4 h2{font-size:clamp(42px,5vw,70px);font-weight:300;letter-spacing:-.05em;margin:12px 0 0}
.block-heading-v4 h2 strong{font-weight:900;color:var(--orange)}
.block-heading-v4 p{color:var(--muted);line-height:1.7;max-width:560px}

.block-card-v4{box-shadow:none}
.feature-block-grid-v4{display:grid;gap:22px}
.feature-block-v4{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:28px;padding:28px}
.feature-block-v4.reverse .feature-block-copy-v4{order:2}.feature-block-v4.reverse .feature-block-media-v4{order:1}
.feature-block-copy-v4{padding:18px}.feature-block-copy-v4 h2{font-size:clamp(40px,4.5vw,62px);font-weight:300;letter-spacing:-.045em;margin:14px 0}.feature-block-copy-v4 h2 strong{font-weight:900;color:var(--orange)}.feature-block-copy-v4 p{color:var(--muted);font-size:17px;line-height:1.7}.feature-block-copy-v4 a{color:var(--orange);font-weight:700}
.feature-block-media-v4{aspect-ratio:16/9;border-radius:22px;background:linear-gradient(145deg,#ededf0,#afb1b6);position:relative}

.block-page-hero-v4{padding-top:82px;padding-bottom:50px;text-align:center}.block-page-hero-v4 p{margin-left:auto;margin-right:auto}
.service-block-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-block-v4{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;display:grid;gap:22px}
.service-block-copy-v4 h2{font-size:34px;font-weight:300;margin:12px 0}.service-block-copy-v4 p{color:var(--muted);line-height:1.65}.service-block-media-v4{aspect-ratio:16/9;border-radius:20px;background:linear-gradient(145deg,#ededf0,#b4b6bb);position:relative}

.process-blocks-v4{display:grid;gap:20px}
.process-block-v4{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:28px}
.process-block-v4.reverse>div:first-child{order:2}.process-block-v4.reverse>.process-media-v4{order:1}
.process-block-v4>div:first-child span{color:var(--orange);font-weight:800}.process-block-v4 h2{font-size:44px;font-weight:300;margin:12px 0}.process-block-v4 p{color:var(--muted);line-height:1.7}.process-media-v4{aspect-ratio:16/9;border-radius:20px;background:linear-gradient(145deg,#ededf0,#b4b6bb);position:relative}

.portfolio-block-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.portfolio-block-card-v4{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.portfolio-block-media-v4{width:100%;aspect-ratio:16/10;border:0;background:linear-gradient(145deg,#ededf0,#b4b6bb);position:relative}.portfolio-block-card-v4>div{padding:20px}.portfolio-block-card-v4 span{color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase}.portfolio-block-card-v4 h3{font-size:24px;margin:8px 0}.portfolio-block-card-v4 p{color:var(--muted);line-height:1.6}

.about-block-hero-v4{padding:72px 0}
.about-block-grid-v4{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:42px;align-items:stretch}
.about-block-photo-v4{border-radius:28px;overflow:hidden;background:#000;min-height:680px}.about-block-photo-v4 img{width:100%;height:100%;object-fit:cover}
.about-block-intro-v4{background:var(--soft);border:1px solid var(--line);border-radius:28px;padding:44px;display:flex;flex-direction:column;justify-content:center}.about-block-intro-v4 h1{font-size:clamp(44px,5.2vw,76px);font-weight:300;line-height:1;letter-spacing:-.05em;margin:16px 0}.about-block-intro-v4 .lead{font-size:21px}.about-highlight-v4{margin-top:20px;padding:18px 20px;border-left:3px solid var(--orange);background:#fff;border-radius:14px;color:#333;line-height:1.6}
.about-card-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-card-v4{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.about-card-v4.large{grid-column:1/-1}.about-card-v4 h2{font-size:38px;font-weight:300;letter-spacing:-.04em}.about-card-v4 h2 strong{font-weight:900;color:var(--orange)}.about-card-v4 p{color:var(--muted);line-height:1.7}
.industry-block-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-block-grid-v4 div{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px;font-weight:700;text-align:center}.center-note-v4{text-align:center;color:var(--muted);max-width:920px;margin:34px auto 0;line-height:1.7}
.why-block-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.why-block-grid-v4 article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.why-block-grid-v4 span{display:block;color:var(--orange);font-size:11px;font-weight:800;margin-bottom:14px}.why-block-grid-v4 strong{font-size:18px}

.legal-modern-v4{max-width:980px;margin:60px auto 100px;padding:48px 58px;background:#fff;border:1px solid var(--line);border-radius:24px}.legal-modern-v4 h1{text-align:center;font-size:42px;margin-bottom:42px}.legal-modern-v4 h2,.legal-modern-v4 p{max-width:800px;margin-left:auto;margin-right:auto}.legal-modern-v4 h2{font-size:24px;margin-top:38px}.legal-modern-v4 p{line-height:1.75;color:#333}

@media(max-width:1100px){
 .hero-player-grid-v4{grid-template-columns:1fr}.hero-copy-v4{padding-top:0;text-align:center}.hero-copy-v4 h1,.hero-claim-v4{margin-left:auto;margin-right:auto}.featured-screen-v4{min-height:0}
 .block-heading-v4,.feature-block-v4,.process-block-v4,.about-block-grid-v4{grid-template-columns:1fr}
 .feature-block-v4.reverse .feature-block-copy-v4,.feature-block-v4.reverse .feature-block-media-v4,.process-block-v4.reverse>div:first-child,.process-block-v4.reverse>.process-media-v4{order:initial}
 .service-block-grid-v4,.portfolio-block-grid-v4,.about-card-grid-v4,.industry-block-grid-v4,.why-block-grid-v4{grid-template-columns:repeat(2,1fr)}
 .about-card-v4.large{grid-column:1/-1}.about-block-photo-v4{min-height:520px}
}
@media(max-width:720px){
 .hero-v4{padding-top:40px}.hero-copy-v4 h1{font-size:46px}.hero-claim-v4{font-size:16px}
 .block-section-v4{padding:66px 0}
 .service-block-grid-v4,.portfolio-block-grid-v4,.about-card-grid-v4,.industry-block-grid-v4,.why-block-grid-v4{grid-template-columns:1fr}
 .about-block-photo-v4{min-height:420px}.about-block-intro-v4{padding:28px}.about-block-intro-v4 h1{font-size:46px}
 .legal-modern-v4{margin:36px 12px 70px;padding:30px 20px}
}

/* =========================================================
   V5 - targeted layout corrections only
   ========================================================= */

/* HOME HERO: left text fills height more deliberately */
.hero-copy-v5{
  display:flex;
  align-self:stretch;
  min-height:100%;
}
.hero-copy-inner-v5{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  padding:34px 0;
}
.hero-copy-v5 h1{
  margin:18px 0 26px;
  font-size:clamp(46px,5.4vw,82px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:300;
}
.hero-line-v5{
  display:block;
  white-space:nowrap;
}
.hero-copy-v5 h1 strong{
  font-weight:900;
}
.hero-claim-v5{
  display:grid;
  gap:3px;
  max-width:560px;
  margin:0;
  font-size:clamp(17px,1.45vw,21px);
  line-height:1.35;
  color:#54575d;
  font-weight:300;
}
.hero-claim-v5 span{
  display:block;
  white-space:nowrap;
}

/* PORTFOLIO HERO - same visual system as homepage */
.portfolio-hero-player-v5{
  padding:58px 0 46px;
}
.portfolio-hero-grid-v5{
  grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr);
  gap:44px;
  align-items:start;
}
.portfolio-hero-copy-v5{
  padding-top:62px;
}
.portfolio-hero-copy-v5 h1{
  font-size:clamp(42px,5.2vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:300;
  margin:18px 0 26px;
}
.portfolio-line-v5{
  display:block;
  white-space:nowrap;
}
.portfolio-hero-copy-v5 strong{
  font-weight:900;
}
.portfolio-claim-v5{
  display:grid;
  gap:4px;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.4;
  color:#54575d;
}
.portfolio-claim-v5 span{
  display:block;
  white-space:nowrap;
}
.portfolio-screen-v5{
  min-height:500px;
  aspect-ratio:16/9;
}

/* VIDEOGRAF ESSEN - first section only, calm block structure */
.about-block-hero-v5{
  padding:72px 0;
}
.about-block-grid-v5{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
  gap:28px;
  align-items:stretch;
}
.about-block-photo-v5{
  border-radius:28px;
  overflow:hidden;
  background:#000;
  min-height:680px;
}
.about-block-photo-v5 img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.about-intro-block-v5{
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:28px;
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-intro-block-v5 h1{
  margin:16px 0 24px;
  font-size:clamp(42px,4.8vw,70px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:300;
}
.about-intro-block-v5 h1 span,
.about-intro-block-v5 h1 strong{
  display:block;
  white-space:nowrap;
}
.about-intro-block-v5 h1 strong{
  font-weight:900;
  color:var(--orange);
}
.about-intro-copy-v5{
  display:grid;
  gap:12px;
  max-width:720px;
}
.about-intro-copy-v5 p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}
.about-name-v5{
  color:#222 !important;
  font-size:20px !important;
}
.about-facts-v5{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:26px;
}
.about-facts-v5 div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
}
.about-facts-v5 small{
  display:block;
  color:var(--orange);
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.about-facts-v5 strong{
  display:block;
  font-size:12px;
  line-height:1.35;
}

/* Responsive: preserve clean line endings without overflow */
@media(max-width:1200px){
  .hero-line-v5,
  .hero-claim-v5 span,
  .portfolio-line-v5,
  .portfolio-claim-v5 span,
  .about-intro-block-v5 h1 span,
  .about-intro-block-v5 h1 strong{
    white-space:normal;
  }
}
@media(max-width:1100px){
  .portfolio-hero-grid-v5,
  .about-block-grid-v5{
    grid-template-columns:1fr;
  }
  .portfolio-hero-copy-v5{
    padding-top:0;
    text-align:center;
  }
  .portfolio-claim-v5{
    margin-left:auto;
    margin-right:auto;
  }
  .portfolio-screen-v5{
    min-height:0;
  }
  .about-block-photo-v5{
    min-height:520px;
  }
}
@media(max-width:720px){
  .hero-copy-inner-v5{
    padding:10px 0 24px;
    text-align:center;
  }
  .hero-claim-v5{
    margin-left:auto;
    margin-right:auto;
  }
  .hero-copy-v5 h1{
    font-size:46px;
  }
  .about-block-photo-v5{
    min-height:420px;
  }
  .about-intro-block-v5{
    padding:26px;
  }
  .about-intro-block-v5 h1{
    font-size:43px;
  }
  .about-facts-v5{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   V6 - exact requested corrections
   ========================================================= */

/* Header CTA */
.top-inner{
  grid-template-columns:220px 1fr auto 52px !important;
}
.header-project-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(255,106,0,.18);
}
.header-project-btn:hover{
  transform:translateY(-1px);
}

/* Homepage: fully use left vertical area */
.hero-copy-v6{
  align-self:stretch;
  display:flex;
  min-height:100%;
}
.hero-fill-v6{
  width:100%;
  min-height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  align-content:stretch;
  padding:18px 0 14px;
}
.hero-title-block-v6{
  display:flex;
  align-items:center;
  min-height:0;
}
.hero-title-block-v6 h1{
  margin:0;
  font-size:clamp(48px,5.25vw,78px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:300;
  width:100%;
}
.hero-title-block-v6 h1 span,
.hero-title-block-v6 h1 strong{
  display:block;
  white-space:nowrap;
}
.hero-title-block-v6 h1 strong{
  font-weight:900;
}
.hero-claim-block-v6{
  display:grid;
  gap:5px;
  align-content:end;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.hero-claim-block-v6 p{
  margin:0;
  font-size:clamp(17px,1.45vw,21px);
  line-height:1.25;
  color:#4f5258;
  font-weight:300;
  white-space:nowrap;
}
.hero-mini-facts-v6{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:22px;
}
.hero-mini-facts-v6 div{
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
}
.hero-mini-facts-v6 small{
  display:block;
  color:var(--orange);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.hero-mini-facts-v6 strong{
  display:block;
  font-size:12px;
  line-height:1.25;
}

/* Videograf first section: clear blocks beside image */
.about-block-hero-v6{
  padding:66px 0;
}
.about-block-grid-v6{
  display:grid;
  grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);
  gap:22px;
  align-items:stretch;
}
.about-block-photo-v6{
  min-height:700px;
  overflow:hidden;
  border-radius:28px;
  background:#000;
}
.about-block-photo-v6 img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.about-side-grid-v6{
  display:grid;
  grid-template-rows:auto auto auto;
  gap:14px;
}
.about-intro-card-v6{
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
}
.about-main-v6{
  padding:34px 30px;
}
.about-main-v6 h1{
  margin:14px 0 20px;
  font-size:clamp(40px,4.3vw,64px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:300;
}
.about-main-v6 h1 span,
.about-main-v6 h1 strong{
  display:block;
  white-space:nowrap;
}
.about-main-v6 h1 strong{
  color:var(--orange);
  font-weight:900;
}
.about-name-v6{
  margin:0;
  font-size:18px;
  line-height:1.5;
  color:#24262a;
}
.mini-label-v6{
  display:block;
  color:var(--orange);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:10px;
}
.about-intro-card-v6 p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}
.about-fact-grid-v6{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.about-fact-grid-v6 article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
}
.about-fact-grid-v6 small{
  display:block;
  color:var(--orange);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}
.about-fact-grid-v6 strong{
  display:block;
  font-size:12px;
  line-height:1.35;
}

/* Keep controlled line breaks on normal desktop */
@media(max-width:1250px){
  .hero-title-block-v6 h1 span,
  .hero-title-block-v6 h1 strong,
  .hero-claim-block-v6 p,
  .about-main-v6 h1 span,
  .about-main-v6 h1 strong{
    white-space:normal;
  }
}

@media(max-width:1000px){
  .top-inner{
    grid-template-columns:180px 1fr auto 50px !important;
  }
  .header-project-btn{
    padding:0 14px;
    font-size:11px;
  }
  .about-block-grid-v6{
    grid-template-columns:1fr;
  }
  .about-block-photo-v6{
    min-height:520px;
  }
}
@media(max-width:720px){
  .top-inner{
    grid-template-columns:1fr auto 48px !important;
    grid-template-areas:
      "brand project menu"
      "contacts contacts contacts" !important;
  }
  .header-logo-link{grid-area:brand}
  .header-project-btn{grid-area:project}
  .menu-button{grid-area:menu}
  .top-contacts{grid-area:contacts}
  .hero-fill-v6{
    padding-top:0;
  }
  .hero-title-block-v6 h1{
    font-size:46px;
    text-align:center;
  }
  .hero-claim-block-v6{
    text-align:center;
  }
  .hero-mini-facts-v6{
    grid-template-columns:1fr 1fr 1fr;
  }
  .about-block-photo-v6{
    min-height:420px;
  }
  .about-main-v6 h1{
    font-size:42px;
  }
  .about-fact-grid-v6{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   V7 - compact block heroes, no dead space
   ========================================================= */

/* Pull the first content area upward on home and portfolio */
.hero-v4,
.portfolio-hero-player-v5{
  padding-top:22px !important;
  padding-bottom:28px !important;
}
.hero-player-grid-v4,
.portfolio-hero-grid-v5{
  align-items:stretch !important;
}

/* HOME: structured blocks beside player */
.hero-blocks-v7{
  display:grid;
  grid-template-rows:1.25fr .72fr auto;
  gap:12px;
  align-self:stretch;
  min-height:100%;
}
.hero-main-card-v7,
.hero-info-card-v7,
.hero-facts-grid-v7 article{
  border:1px solid var(--line);
  border-radius:22px;
}
.hero-main-card-v7{
  background:#fff;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-main-card-v7 h1{
  margin:16px 0 0;
  font-size:clamp(43px,4.7vw,72px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:300;
}
.hero-main-card-v7 h1 span,
.hero-main-card-v7 h1 strong{
  display:block;
}
.hero-main-card-v7 h1 strong{
  font-weight:900;
}
.hero-info-card-v7{
  background:var(--soft);
  padding:22px 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero-info-lines-v7{
  display:grid;
  gap:4px;
  width:100%;
}
.hero-info-lines-v7 span{
  display:block;
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.28;
  color:#4f5258;
}
.hero-facts-grid-v7{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.hero-facts-grid-v7 article{
  background:#fff;
  padding:13px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:74px;
}
.hero-facts-grid-v7 small{
  color:var(--orange);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.hero-facts-grid-v7 strong{
  font-size:12px;
  line-height:1.3;
}

/* PLAYER pulled upward and kept visually dominant */
.featured-player-v4,
.portfolio-player-v5{
  align-self:stretch;
  margin-top:0 !important;
  display:flex;
  flex-direction:column;
}
.featured-screen-v4,
.portfolio-screen-v5{
  min-height:0 !important;
  flex:1 1 auto;
  aspect-ratio:auto !important;
}
.featured-meta-v4,
.portfolio-player-v5 .featured-meta{
  flex:0 0 auto;
}

/* PORTFOLIO: same block system */
.portfolio-blocks-v7{
  display:grid;
  grid-template-rows:1.25fr .72fr auto;
  gap:12px;
  align-self:stretch;
}
.portfolio-main-card-v7,
.portfolio-info-card-v7,
.portfolio-facts-grid-v7 article{
  border:1px solid var(--line);
  border-radius:22px;
}
.portfolio-main-card-v7{
  background:#fff;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.portfolio-main-card-v7 h1{
  margin:16px 0 0;
  font-size:clamp(40px,4.4vw,68px);
  line-height:.96;
  letter-spacing:-.05em;
  font-weight:300;
}
.portfolio-main-card-v7 h1 span,
.portfolio-main-card-v7 h1 strong{
  display:block;
}
.portfolio-main-card-v7 h1 strong{
  font-weight:900;
}
.portfolio-info-card-v7{
  background:var(--soft);
  padding:20px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.portfolio-info-card-v7 p{
  margin:0;
  display:grid;
  gap:4px;
}
.portfolio-info-card-v7 span{
  display:block;
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.3;
  color:#52555a;
}
.portfolio-facts-grid-v7{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.portfolio-facts-grid-v7 article{
  background:#fff;
  padding:13px;
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.portfolio-facts-grid-v7 small{
  color:var(--orange);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.portfolio-facts-grid-v7 strong{
  font-size:12px;
}

/* VIDEOGRAF ESSEN: fully use block surfaces and center content */
.about-block-hero-v6{
  padding-top:34px !important;
  padding-bottom:50px !important;
}
.about-side-grid-v7{
  display:grid;
  grid-template-rows:1.1fr .7fr auto;
  gap:12px;
  align-self:stretch;
}
.about-main-card-v7,
.about-copy-card-v7,
.about-facts-grid-v7 article{
  border:1px solid var(--line);
  border-radius:22px;
}
.about-main-card-v7{
  background:var(--soft);
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.about-main-card-v7 h1{
  margin:14px 0 0;
  font-size:clamp(38px,4.1vw,60px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:300;
  max-width:100%;
}
.about-main-card-v7 h1 span,
.about-main-card-v7 h1 strong{
  display:block;
}
.about-main-card-v7 h1 strong{
  color:var(--orange);
  font-weight:900;
}
.about-copy-card-v7{
  background:#fff;
  padding:22px 26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.about-copy-card-v7 p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-size:15px;
}
.about-copy-card-v7 p + p{
  margin-top:10px;
}
.about-name-v7{
  color:#24262a !important;
  font-weight:600;
}
.about-facts-grid-v7{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.about-facts-grid-v7 article{
  background:var(--soft);
  min-height:78px;
  padding:12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.about-facts-grid-v7 small{
  color:var(--orange);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.about-facts-grid-v7 strong{
  font-size:11px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

/* Keep text inside cards at every width */
.hero-main-card-v7,
.hero-info-card-v7,
.portfolio-main-card-v7,
.portfolio-info-card-v7,
.about-main-card-v7,
.about-copy-card-v7{
  overflow:hidden;
}

@media(max-width:1100px){
  .hero-player-grid-v4,
  .portfolio-hero-grid-v5{
    grid-template-columns:1fr !important;
  }
  .hero-blocks-v7,
  .portfolio-blocks-v7{
    grid-template-rows:auto auto auto;
  }
  .featured-screen-v4,
  .portfolio-screen-v5{
    min-height:420px !important;
  }
  .about-block-grid-v6{
    grid-template-columns:1fr !important;
  }
  .about-side-grid-v7{
    grid-template-rows:auto auto auto;
  }
}
@media(max-width:720px){
  .hero-main-card-v7 h1,
  .portfolio-main-card-v7 h1,
  .about-main-card-v7 h1{
    font-size:42px;
  }
  .hero-facts-grid-v7,
  .portfolio-facts-grid-v7,
  .about-facts-grid-v7{
    grid-template-columns:1fr;
  }
  .featured-screen-v4,
  .portfolio-screen-v5{
    min-height:300px !important;
  }
}

/* =========================================================
   V8 - PLAYER SIZE RESTORED, TEXT BLOCKS MATCH PLAYER HEIGHT
   ========================================================= */

/* Restore the larger player dimensions from the previous approved state */
.featured-player-v4,
.portfolio-player-v5{
  align-self:start !important;
  display:block !important;
  height:auto !important;
}

.featured-screen-v4,
.portfolio-screen-v5{
  min-height:500px !important;
  aspect-ratio:16 / 9 !important;
  flex:none !important;
}

/* Match the left block column to the visible player card height */
.hero-player-grid-v4,
.portfolio-hero-grid-v5{
  align-items:stretch !important;
}

.hero-blocks-v7,
.portfolio-blocks-v7{
  height:100% !important;
  min-height:0 !important;
  align-self:stretch !important;
  grid-template-rows:minmax(0,1.18fr) minmax(0,.68fr) auto !important;
}

/* Fill the blocks cleanly without changing the player */
.hero-main-card-v7,
.portfolio-main-card-v7{
  justify-content:center !important;
  min-height:0 !important;
}

.hero-info-card-v7,
.portfolio-info-card-v7{
  justify-content:center !important;
  min-height:0 !important;
}

.hero-facts-grid-v7,
.portfolio-facts-grid-v7{
  align-self:end !important;
}

/* Keep first section pulled upward while preserving restored player size */
.hero-v4,
.portfolio-hero-player-v5{
  padding-top:22px !important;
  padding-bottom:28px !important;
}

/* Desktop: keep both columns proportionally aligned */
@media(min-width:1101px){
  .hero-player-grid-v4,
  .portfolio-hero-grid-v5{
    grid-template-columns:minmax(300px,.72fr) minmax(620px,1.55fr) !important;
  }

  .hero-blocks-v7,
  .portfolio-blocks-v7{
    min-height:650px !important;
  }
}

/* Tablet/mobile: retain normal responsive behavior */
@media(max-width:1100px){
  .featured-screen-v4,
  .portfolio-screen-v5{
    min-height:420px !important;
  }

  .hero-blocks-v7,
  .portfolio-blocks-v7{
    min-height:auto !important;
    height:auto !important;
    grid-template-rows:auto auto auto !important;
  }
}

@media(max-width:720px){
  .featured-screen-v4,
  .portfolio-screen-v5{
    min-height:300px !important;
  }
}

/* =========================================================
   V9 - TEXT SCALE ONLY
   Layout / design / player / spacing / logic remain unchanged
   ========================================================= */

/* Main headline inside existing left hero block */
.hero-main-card-v7 h1{
  font-size:clamp(38px,4.15vw,62px) !important;
  line-height:.98 !important;
}

/* Supporting claim inside existing information block */
.hero-info-lines-v7 span{
  font-size:clamp(15px,1.18vw,18px) !important;
  line-height:1.32 !important;
}

/* Small fact cards */
.hero-facts-grid-v7 small{
  font-size:7px !important;
}
.hero-facts-grid-v7 strong{
  font-size:11px !important;
  line-height:1.25 !important;
}

/* Same text scaling principle for portfolio hero only.
   No structural or dimensional changes. */
.portfolio-main-card-v7 h1{
  font-size:clamp(36px,3.9vw,58px) !important;
  line-height:.99 !important;
}
.portfolio-info-card-v7 span{
  font-size:clamp(14px,1.12vw,17px) !important;
  line-height:1.32 !important;
}
.portfolio-facts-grid-v7 small{
  font-size:7px !important;
}
.portfolio-facts-grid-v7 strong{
  font-size:11px !important;
  line-height:1.25 !important;
}

/* Mobile only: keep text readable inside the exact same blocks */
@media(max-width:720px){
  .hero-main-card-v7 h1,
  .portfolio-main-card-v7 h1{
    font-size:36px !important;
  }

  .hero-info-lines-v7 span,
  .portfolio-info-card-v7 span{
    font-size:15px !important;
  }
}

/* =========================================================
   V10 - ONLY replace WebTrailer logo content with 3 video icons.
   Header dimensions, menu, layout, spacing and logic unchanged.
   ========================================================= */
.video-icons-v10{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  overflow:hidden;
  white-space:nowrap;
}
.video-icon-v10{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  font-size:27px;
  line-height:1;
  filter:grayscale(1);
}
@media(max-width:720px){
  .video-icons-v10{gap:7px;}
  .video-icon-v10{
    width:30px;
    height:30px;
    font-size:22px;
  }
}

/* =========================================================
   V11 - portrait videos positioned ONLY between Leistungen and Portfolio
   ========================================================= */
.portrait-strip-v11{
  padding:34px 0 42px;
  background:#fff;
}
.portrait-strip-inner-v11{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}
.portrait-video-v11{
  position:relative;
  aspect-ratio:4/5;
  border-radius:22px;
  background:linear-gradient(145deg,#ededf0,#b3b5ba);
  overflow:hidden;
  border:1px solid var(--line);
}
@media(max-width:900px){
  .portrait-strip-inner-v11{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .portrait-strip-inner-v11::-webkit-scrollbar{display:none}
  .portrait-video-v11{
    flex:0 0 38%;
    scroll-snap-align:start;
  }
}
@media(max-width:600px){
  .portrait-video-v11{
    flex-basis:68%;
  }
}

/* =========================================================
   V12 - ONLY requested changes:
   1) header icons centered/larger in existing logo footprint
   2) portrait placeholders larger
   No other layout/design changes.
   ========================================================= */

/* Header icon area: keep the existing outer footprint untouched */
.video-icons-v12{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  overflow:hidden;
}
.video-icon-v12{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#34363a;
}
.video-icon-v12 svg{
  width:100%;
  height:100%;
  display:block;
}

/* Make the five existing portrait placeholders visibly larger */
.portrait-strip-v11{
  padding-top:42px !important;
  padding-bottom:50px !important;
}
.portrait-strip-inner-v11{
  max-width:1240px !important;
  gap:18px !important;
}
.portrait-video-v11{
  aspect-ratio:4 / 5 !important;
  min-height:330px !important;
}

/* Preserve existing responsive logic, only scale the cards */
@media(max-width:900px){
  .portrait-video-v11{
    flex:0 0 46% !important;
    min-height:360px !important;
  }
}
@media(max-width:600px){
  .portrait-video-v11{
    flex-basis:76% !important;
    min-height:390px !important;
  }
  .video-icons-v12{
    gap:10px;
  }
  .video-icon-v12{
    width:34px;
    height:34px;
  }
}

/* =========================================================
   V13 - ONLY: larger spaced portrait cards + refined header icons
   ========================================================= */
.video-icons-v13{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  overflow:hidden;
}
.video-icon-v13{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#303338;
}
.video-icon-v13 svg{
  width:100%;
  height:100%;
  display:block;
}

/* Five portrait placeholders: larger with clearly visible spacing */
.portrait-strip-inner-v11{
  max-width:1320px !important;
  gap:28px !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}
.portrait-video-v11{
  min-height:430px !important;
  aspect-ratio:9 / 16 !important;
  border-radius:24px !important;
}
@media(max-width:1100px){
  .portrait-strip-inner-v11{
    gap:22px !important;
  }
  .portrait-video-v11{
    min-height:390px !important;
  }
}
@media(max-width:900px){
  .portrait-strip-inner-v11{
    gap:22px !important;
  }
  .portrait-video-v11{
    flex:0 0 52% !important;
    min-height:440px !important;
  }
}
@media(max-width:600px){
  .portrait-video-v11{
    flex-basis:82% !important;
    min-height:460px !important;
  }
  .video-icons-v13{
    gap:13px;
  }
  .video-icon-v13{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}

/* =========================================================
   V14 - ONLY modern header icons + wider portrait video slider
   ========================================================= */

/* Modern editorial line icons inside the exact existing header footprint */
.video-icons-v14{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  overflow:hidden;
}
.video-icon-v14{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2f3237;
}
.video-icon-v14 svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.video-icon-v14 svg path[ d*="20 24 10 5" ],
.video-icon-v14 svg path[ d*="m20 24" ]{
  fill:currentColor;
  stroke:none;
}

/* Existing portrait area becomes a wider horizontal media rail */
.portrait-slider-shell-v14{
  position:relative;
  max-width:1320px;
  margin:0 auto;
}
.portrait-strip-inner-v11{
  display:flex !important;
  grid-template-columns:none !important;
  max-width:none !important;
  gap:30px !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:6px 64px 16px !important;
}
.portrait-strip-inner-v11::-webkit-scrollbar{
  display:none;
}
.portrait-video-v11{
  flex:0 0 clamp(285px,25vw,360px) !important;
  width:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 5 !important;
  scroll-snap-align:start;
  border-radius:26px !important;
}

/* Minimal modern slider arrows */
.portrait-arrow-v14{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  padding:0;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
}
.portrait-arrow-v14 svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:#2f3237;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.portrait-prev-v14{left:4px}
.portrait-next-v14{right:4px}

@media(max-width:900px){
  .portrait-strip-inner-v11{
    gap:22px !important;
    padding-left:54px !important;
    padding-right:54px !important;
  }
  .portrait-video-v11{
    flex-basis:54vw !important;
    min-height:0 !important;
  }
}
@media(max-width:600px){
  .video-icons-v14{gap:12px}
  .video-icon-v14{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .portrait-strip-inner-v11{
    padding-left:44px !important;
    padding-right:44px !important;
  }
  .portrait-video-v11{
    flex-basis:76vw !important;
    min-height:0 !important;
  }
  .portrait-arrow-v14{
    width:40px;
    height:40px;
  }
}


/* V15 - ONLY replace content inside existing 220px left header cell with approved PNG */
.header-social-png-v15{
  width:220px !important;
  height:82px !important;
  min-width:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.header-social-png-v15 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}
@media(max-width:720px){
  .header-social-png-v15{width:100% !important;height:54px !important;grid-area:brand}
}


/* V17 - nur Inhalt des bestehenden 220x82 Headerfeldes */
.header-social-links-v17{
  width:220px !important;height:82px !important;min-width:0 !important;overflow:hidden !important;
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:4px !important;
}
.header-social-icons-v17{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;}
.header-social-icons-v17 a{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;color:#111;text-decoration:none;cursor:pointer;}
.header-social-icons-v17 svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;}
.header-social-icons-v17 .fill-v17{fill:currentColor;stroke:none;}
.linkedin-v17 span{font-family:Arial,Helvetica,sans-serif;font-size:39px;line-height:1;font-weight:800;letter-spacing:-.08em;color:#111;}
.google-v17 span{font-family:Arial,Helvetica,sans-serif;font-size:38px;line-height:1;font-weight:700;color:#111;}
.header-social-note-v17{width:100%;padding:0;margin:0;color:#111;text-align:left;font-size:8.7px;line-height:1.16;font-weight:400;white-space:normal;}
.header-social-note-v17 strong{font-weight:800;}
@media(max-width:720px){
  .header-social-links-v17{width:100% !important;height:54px !important;grid-area:brand;gap:2px !important;}
  .header-social-icons-v17{gap:6px;}
  .header-social-icons-v17 a{width:27px;height:27px;flex-basis:27px;}
  .header-social-icons-v17 svg{width:26px;height:26px;}
  .linkedin-v17 span{font-size:25px}.google-v17 span{font-size:24px}
  .header-social-note-v17{font-size:5.7px;line-height:1.08;}
}

.external-dialog-v17{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;}
.external-dialog-v17.is-open{display:flex}.external-dialog-v17-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(4px)}
.external-dialog-v17-card{position:relative;z-index:1;width:min(440px,92vw);background:#fff;border:1px solid #e6e6e8;border-radius:22px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.16);text-align:center}
.external-dialog-v17-card h3{margin:0 0 10px;font-size:22px}.external-dialog-v17-card p{margin:0 0 22px;color:#5f6368;line-height:1.5}
.external-dialog-v17-actions{display:flex;gap:10px;justify-content:center}.external-dialog-v17-actions button{border:0;border-radius:999px;padding:11px 18px;font-weight:700;cursor:pointer}
.external-dialog-v17-cancel{background:#f1f1f3;color:#111}.external-dialog-v17-continue{background:#ff6a00;color:#fff}

/* V18: ONLY center content inside existing 220x82 social header cell. */
.header-social-links-v17{
  align-items:center !important;
  justify-content:center !important;
}
.header-social-icons-v17{
  justify-content:center !important;
}
.header-social-note-v17{
  text-align:center !important;
}

/* V20: center only the existing social content within its fixed header cell. */
.header-social-links-v17{box-sizing:border-box !important;padding-left:18px !important;padding-right:18px !important;align-items:center !important;justify-content:center !important;}
.header-social-icons-v17{justify-content:center !important;gap:14px !important;}
.header-social-note-v17{max-width:190px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important;}
.portrait-assigned-video-v20{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000;}

/* V21 - nur Socialbereich innerhalb bestehender Headerfläche zentrieren */
.social-final-v17,
.social-left-only-v1,
.social-left-final-v20{
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
.social-icons-final-v17,
.social-left-icons-v1,
.social-left-final-v20 .social-icons{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.social-note-final-v17,
.social-left-note-v1,
.social-left-final-v20 .social-note{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* V21 Sitemap: nur neue Sitemap-Seite */
.sitemap-grid-v21{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.sitemap-card-v21{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:28px;
  display:flex;
  flex-direction:column;
  min-height:260px;
}
.sitemap-card-v21 h2{
  font-size:30px;
  font-weight:300;
  margin:12px 0 20px;
}
.sitemap-card-v21 a{
  display:block;
  padding:10px 0;
  border-bottom:1px solid var(--line);
  color:#44484d;
}
.sitemap-card-v21 a:last-child{border-bottom:0}
.sitemap-card-v21 a:hover{color:var(--orange)}
@media(max-width:800px){
  .sitemap-grid-v21{grid-template-columns:1fr}
}

/* V22 – nur Logo/Social-Tausch und Media-Slot-Inhalte */
.header-logo-center-v22{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;}
.header-logo-center-v22 .header-logo-img{object-position:center center !important;margin:0 auto;}
.footer-social-v22{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;max-width:300px;min-height:95px;}
.footer-social-v22 .header-social-icons-v17{justify-content:center !important;}
.footer-social-v22 .header-social-note-v17{text-align:center !important;max-width:260px !important;margin:0 auto !important;}
.assigned-slot-video-v22{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#000;}
@media(max-width:720px){.header-logo-center-v22{grid-area:brand}.footer-social-v22{align-items:flex-start}.footer-social-v22 .header-social-icons-v17{justify-content:flex-start !important}.footer-social-v22 .header-social-note-v17{text-align:left !important;margin:0 !important}}

/* V23 - Social Media Reels */
.portrait-strip-v11::before{
  content:"Social Media Reels";
  display:block;
  max-width:1320px;
  margin:0 auto 18px;
  padding:0 64px;
  box-sizing:border-box;
  color:var(--orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.social-reel-card-v23{
  position:relative;
  overflow:hidden;
}
.social-reel-video-v23{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  background:#000;
}
.media-orientation-legend-v23{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:16px 0 20px;
}
.media-orientation-legend-v23>div{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:14px 16px;
  background:#fff;
}
.media-orientation-legend-v23 strong,
.media-orientation-legend-v23 span{display:block}
.media-orientation-legend-v23 strong{margin-bottom:4px}
.media-orientation-legend-v23 span{font-size:12px;color:#6a6d72}
@media(max-width:720px){
  .portrait-strip-v11::before{padding:0 44px}
  .media-orientation-legend-v23{grid-template-columns:1fr}
}

/* V24 COOKIE NOTICE - rein funktional, bestehendes Seitendesign unverändert */
.wt-cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:10000;display:none;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;padding:18px 20px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 60px rgba(0,0,0,.14);backdrop-filter:blur(14px)}
.wt-cookie-banner.is-visible{display:flex}.wt-cookie-banner-copy{display:flex;flex-direction:column;gap:4px;max-width:720px}.wt-cookie-banner-copy strong{font-size:16px}.wt-cookie-banner-copy span{font-size:12px;line-height:1.45;color:#5f6368}.wt-cookie-banner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wt-cookie-banner-actions a{font-size:12px;color:#444}.wt-cookie-banner-actions button{border:0;border-radius:999px;padding:11px 18px;background:var(--orange);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:760px){.wt-cookie-banner{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch}.wt-cookie-banner-actions{justify-content:flex-end}}

/* V26 - Editor Mediensteuerung */
.editor-media-block-v26{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:20px;margin:18px 0 22px}
.editor-block-head-v26{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.editor-block-head-v26>span{width:38px;height:38px;border-radius:50%;background:#f3f3f5;display:grid;place-items:center;font-size:12px;font-weight:800;color:#555;flex:0 0 38px}
.editor-block-head-v26 h2{margin:0 0 4px}
.editor-block-head-v26 p{margin:0;color:#71747a;font-size:13px}
.quick-assign-v26{margin-top:10px}
.quick-btn-v26{border:0;border-radius:999px;padding:10px 14px;background:#151515;color:#fff;font-size:12px;font-weight:700;cursor:pointer}

/* ======================================================================
   WEBTRAILER MOBILE APP UI V30
   MOBILE ONLY <= 768px
   WICHTIG: Keine Regel außerhalb dieser Media Query verändert Desktop.
   ====================================================================== */
@media (max-width: 768px) {
  :root {
    --wt-mobile-bg: #f7f7f8;
    --wt-mobile-card: #ffffff;
    --wt-mobile-line: #e6e6e8;
    --wt-mobile-ink: #111214;
    --wt-mobile-muted: #696c72;
    --wt-mobile-orange: #ff6500;
  }

  html, body {
    overflow-x: hidden;
    background: var(--wt-mobile-bg);
  }

  body {
    padding-bottom: calc(86px + env(safe-area-inset-bottom));
  }

  .wrap {
    width: calc(100% - 28px) !important;
    max-width: none !important;
  }

  /* ---------------- APP HEADER ---------------- */
  .site-top {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border-bottom: 1px solid rgba(0,0,0,.055);
  }

  .top-inner {
    min-height: 82px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 50px !important;
    grid-template-areas: "brand menu" !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .header-logo-link {
    grid-area: brand !important;
    justify-self: start !important;
    width: auto !important;
  }

  .header-logo-img {
    width: 174px !important;
    max-height: 58px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .menu-button {
    grid-area: menu !important;
    justify-self: end !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.045);
  }

  .top-contacts,
  .header-project-btn {
    display: none !important;
  }

  .drawer {
    width: min(88vw, 390px) !important;
    padding: 24px !important;
  }

  .drawer-nav a {
    font-size: 24px !important;
    padding: 16px 2px !important;
  }

  /* ---------------- MOBILE HERO ---------------- */
  .hero-player-section.hero-v4 {
    padding: 26px 0 34px !important;
    background: var(--wt-mobile-bg) !important;
  }

  .hero-player-grid,
  .hero-player-grid-v4 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .hero-blocks-v7 {
    order: 1 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 14px !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .hero-main-card-v7 {
    min-height: 0 !important;
    height: auto !important;
    padding: 34px 22px 26px !important;
    border: 1px solid var(--wt-mobile-line) !important;
    border-radius: 28px !important;
    background: var(--wt-mobile-card) !important;
    box-shadow: 0 14px 38px rgba(0,0,0,.035) !important;
  }

  .hero-main-card-v7 .kicker {
    color: #74777c !important;
    font-size: 11px !important;
    letter-spacing: .12em !important;
    margin-bottom: 22px !important;
  }

  .hero-main-card-v7 h1 {
    margin: 0 !important;
    max-width: 100% !important;
    font-size: clamp(48px, 14vw, 64px) !important;
    line-height: .94 !important;
    letter-spacing: -.06em !important;
    font-weight: 300 !important;
    color: var(--wt-mobile-ink) !important;
  }

  .hero-main-card-v7 h1 strong {
    font-weight: 850 !important;
  }

  /* Original langer Claim wird mobil ausgeblendet. */
  .hero-info-card-v7 {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 22px !important;
    border: 1px solid var(--wt-mobile-line) !important;
    border-radius: 24px !important;
    background: #f1f1f3 !important;
  }

  .hero-info-card-v7 .hero-info-lines-v7 {
    display: none !important;
  }

  .hero-info-card-v7::before {
    content: "Videoproduktion mit Vertrauen.\A Wirkung, die bleibt.";
    white-space: pre-line;
    display: block;
    color: #4e5156;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 400;
    text-align: left;
  }

  .hero-facts-grid-v7 {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .hero-facts-grid-v7 > * {
    min-width: 0 !important;
    min-height: 102px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 15px 10px !important;
    border: 1px solid var(--wt-mobile-line) !important;
    border-radius: 22px !important;
    background: var(--wt-mobile-card) !important;
  }

  .hero-facts-grid-v7 small,
  .hero-facts-grid-v7 span:first-child {
    color: #85888c !important;
    font-size: 9px !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
  }

  .hero-facts-grid-v7 strong,
  .hero-facts-grid-v7 span:last-child {
    font-size: 16px !important;
    line-height: 1.15 !important;
    color: var(--wt-mobile-ink) !important;
  }

  /* Hero-Video bleibt vorhanden, aber erst NACH den kompakten Hero-Blöcken. */
  .featured-player,
  .featured-player-v4 {
    order: 3 !important;
    width: 100% !important;
    padding: 12px !important;
    margin: 6px 0 0 !important;
    border-radius: 26px !important;
    box-shadow: none !important;
    border: 1px solid var(--wt-mobile-line) !important;
    background: var(--wt-mobile-card) !important;
  }

  .featured-player-label {
    padding: 6px 5px 11px !important;
    color: #777a7f !important;
    font-size: 10px !important;
  }

  .featured-screen,
  .featured-screen-v4 {
    min-height: 0 !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 20px !important;
  }

  .featured-meta,
  .featured-meta-v4 {
    padding: 14px 5px 5px !important;
  }

  .featured-meta h2,
  .featured-meta-v4 h2 {
    font-size: 22px !important;
    line-height: 1.08 !important;
    margin: 5px 0 !important;
  }

  .featured-meta p,
  .featured-meta-v4 p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  /* ---------------- APP-LIKE CATEGORY BLOCKS ---------------- */
  .search-filter-section.search-v4 {
    padding: 20px 0 34px !important;
    background: var(--wt-mobile-bg) !important;
  }

  .search-shell.compact {
    display: none !important;
  }

  .filter-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 10px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .filter-chip {
    min-height: 76px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--wt-mobile-line) !important;
    border-radius: 20px !important;
    background: var(--wt-mobile-card) !important;
    color: #33363a !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    text-align: center !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.025) !important;
  }

  .filter-chip.active {
    border-color: #cfcfd3 !important;
    background: #ededf0 !important;
    color: #111214 !important;
  }

  /* Mobil bewusst nur sechs kompakte Kategorien zeigen. */
  .filter-chip:nth-child(n+7) {
    display: none !important;
  }

  /* ---------------- VIDEO CARDS / CONTENT ---------------- */
  .block-section-v4 {
    padding: 46px 0 !important;
  }

  .block-section-v4.soft-block-v4 {
    background: #f1f1f3 !important;
  }

  .block-heading-v4 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 22px !important;
  }

  .block-heading-v4 .kicker {
    color: #777a7f !important;
  }

  .block-heading-v4 h2 {
    font-size: 36px !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
  }

  .block-heading-v4 h2 strong {
    color: var(--wt-mobile-ink) !important;
  }

  .video-shelf {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px !important;
    scrollbar-width: none;
  }

  .video-shelf::-webkit-scrollbar { display: none; }

  .shelf-card {
    flex: 0 0 82vw !important;
    max-width: 335px !important;
    scroll-snap-align: start;
    border-radius: 22px !important;
  }

  .feature-block-grid-v4,
  .feature-block-v4 {
    grid-template-columns: 1fr !important;
  }

  .feature-block-v4 {
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .feature-block-copy-v4 {
    padding: 24px !important;
  }

  .feature-block-copy-v4 h2 {
    font-size: 34px !important;
    line-height: 1.02 !important;
  }

  .feature-block-copy-v4 p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .feature-block-media-v4 {
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  /* Reels: App-Swipe */
  .portrait-strip-v11 {
    padding: 34px 0 44px !important;
  }

  .portrait-slider-shell-v14 {
    max-width: 100% !important;
  }

  .portrait-strip-inner-v11 {
    gap: 14px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 34px 8px !important;
    scrollbar-width: none;
  }

  .portrait-strip-inner-v11::-webkit-scrollbar { display: none; }

  .portrait-video-v11 {
    flex: 0 0 72vw !important;
    max-width: 310px !important;
    aspect-ratio: 9/16 !important;
    scroll-snap-align: center;
    border-radius: 24px !important;
  }

  .portrait-arrow-v14 {
    width: 38px !important;
    height: 38px !important;
  }

  /* ---------------- GENERAL SUBPAGES ---------------- */
  .page-hero-clean,
  .about-hero-v3,
  .contact-hero-v3 {
    padding: 42px 0 30px !important;
  }

  .page-hero-clean h1,
  .about-copy-v3 h1,
  .contact-hero-v3 h1 {
    font-size: clamp(42px, 12vw, 56px) !important;
    line-height: .98 !important;
    overflow-wrap: anywhere;
  }

  .service-row-clean,
  .split-feature,
  .about-hero-grid-v3,
  .contact-cards-v3,
  .industry-grid-v3,
  .why-grid-v3 {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .service-row-clean,
  .contact-cards-v3 article,
  .industry-grid-v3 div,
  .why-grid-v3 article {
    border-radius: 22px !important;
  }

  .about-image-v3 {
    min-height: 0 !important;
    aspect-ratio: 4/5 !important;
    border-radius: 24px !important;
  }

  /* Rechtliches mobil strukturiert, Desktop unberührt. */
  .legal-modern-v3,
  .legal-modern-v4 {
    width: calc(100% - 24px) !important;
    margin: 26px auto 48px !important;
    padding: 26px 20px !important;
    border-radius: 22px !important;
    box-shadow: none !important;
  }

  .legal-modern-v3 h1,
  .legal-modern-v4 h1 {
    font-size: 34px !important;
    text-align: left !important;
  }

  .legal-modern-v3 h2,
  .legal-modern-v4 h2 {
    font-size: 21px !important;
  }

  /* ---------------- BOTTOM APP NAV ----------------
     Nutzt ausschließlich bereits vorhandene Footer-Links.
     Kein PHP/HTML wird verändert.
     ------------------------------------------------ */
  .site-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 58 !important;
    height: calc(76px + env(safe-area-inset-bottom)) !important;
    padding: 0 8px env(safe-area-inset-bottom) !important;
    background: rgba(255,255,255,.96) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-top: 1px solid rgba(0,0,0,.08) !important;
    box-shadow: 0 -10px 32px rgba(0,0,0,.035) !important;
  }

  .site-footer .footer-grid-media {
    width: 100% !important;
    height: 76px !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  .site-footer .footer-brand,
  .site-footer h4,
  .site-footer .footer-copy,
  .site-footer .footer-grid-media > div:nth-child(3) {
    display: none !important;
  }

  .site-footer .footer-grid-media > div:nth-child(2),
  .site-footer .footer-grid-media > div:nth-child(4) {
    display: contents !important;
  }

  .site-footer a {
    display: none !important;
  }

  /* Start */
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(1),
  /* Leistungen */
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(2),
  /* Projekte / Portfolio */
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(3),
  /* Kontakt */
  .site-footer .footer-grid-media > div:nth-child(4) > a:nth-of-type(1),
  /* Menü – echter mobiler Menü-Button */
  .site-footer .wt-mobile-menu-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 7px 2px !important;
    color: #666970 !important;
    font-size: 0 !important;
    font-weight: 650 !important;
    text-align: center !important;
  }

  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(1)::before { content: "⌂"; }
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(1)::after  { content: "Start"; }
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(2)::before { content: "▦"; }
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(2)::after  { content: "Leistungen"; }
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(3)::before { content: "▷"; }
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(3)::after  { content: "Projekte"; }
  .site-footer .footer-grid-media > div:nth-child(4) > a:nth-of-type(1)::before { content: "✉"; }
  .site-footer .footer-grid-media > div:nth-child(4) > a:nth-of-type(1)::after  { content: "Kontakt"; }
  .site-footer .wt-mobile-menu-button {
    border: 0 !important;
    background: transparent !important;
    font-size: 25px !important;
    line-height: 1 !important;
  }
  .site-footer .wt-mobile-menu-button span {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #5f6267 !important;
  }

  .site-footer a::before {
    display: block !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: #62656a !important;
  }

  .site-footer a::after {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1 !important;
    color: #5f6267 !important;
  }

  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(1)::before,
  .site-footer .footer-grid-media > div:nth-child(2) > a:nth-of-type(1)::after {
    color: var(--wt-mobile-orange) !important;
  }

  /* Cookie-Banner oberhalb der App-Navigation. */
  .wt-cookie-banner {
    bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    border-radius: 18px !important;
  }

  /* CTA am Seitenende darf nicht unter der festen Navigation verschwinden. */
  .cta {
    margin-bottom: 18px !important;
    padding: 30px 22px !important;
    border-radius: 24px !important;
  }
}

/* V35: only new Social-Media page and explicit mobile menu button. */
.wt-mobile-menu-button{display:none}
.wt-social-page{padding:70px 0 90px;background:#f7f7f8}
.wt-social-page-inner{max-width:1080px}
.wt-social-intro{max-width:720px;margin-bottom:32px}
.wt-social-intro h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:10px 0 18px}
.wt-social-intro p{font-size:18px;line-height:1.55;color:#666}
.wt-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wt-social-card{position:relative;display:flex;flex-direction:column;min-height:190px;padding:28px;border:1px solid #e5e5e8;border-radius:28px;background:#fff;color:#111;text-decoration:none}
.wt-social-card strong{font-size:28px;margin-bottom:8px}
.wt-social-card span{color:#6c6c72;font-size:15px}
.wt-social-card b{position:absolute;right:26px;bottom:24px;font-size:28px;font-weight:400}
.wt-social-note{margin:24px 0 0;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid #e5e5e8;color:#666;line-height:1.5}
@media(max-width:768px){
  .wt-social-page{padding:34px 0 110px}
  .wt-social-page-inner{width:calc(100% - 24px)}
  .wt-social-intro h1{font-size:46px}
  .wt-social-intro p{font-size:16px}
  .wt-social-grid{grid-template-columns:1fr;gap:12px}
  .wt-social-card{min-height:132px;padding:22px;border-radius:22px}
  .wt-social-card strong{font-size:23px}
  .wt-social-card b{right:22px;bottom:18px}
}

/* V38 FIX: mobile bottom menu button must stay enabled on mobile. */
@media (max-width:768px){
  .site-footer .wt-mobile-menu-button{
    display:flex !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    position:relative !important;
    z-index:3 !important;
  }
}