:root{--black:#0b0b0b;--cream:#d9c2a0;--white:#f5f2ed;--muted:#a8a39d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}.site-header{height:100px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:0 4.5vw;gap:34px}.brand{color:white;text-decoration:none;letter-spacing:.15em;font-size:21px;line-height:1.15;display:flex;flex-direction:column;min-width:260px}.brand-line{display:flex;align-items:center;gap:9px}.brand-wave{width:72px;height:18px;fill:none;stroke:var(--cream);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav{display:flex;justify-content:center;gap:32px;flex:1}.nav a{color:#eee;text-decoration:none;text-transform:uppercase;font-size:12px}.outline{border:1px solid var(--cream);padding:18px 26px;color:#fff;text-decoration:none;font-size:12px;letter-spacing:.1em}.menu-toggle{display:none}.hero{height:695px;min-height:650px;position:relative;background-image:url('../images/wolfgang-vrecar-studio.jpg');background-size:cover;background-position:center 38%;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.65) 32%,rgba(0,0,0,.06) 61%,rgba(0,0,0,.76) 100%)}.hero-copy{position:absolute;z-index:2;left:4.8vw;top:195px}.eyebrow,.section-label{font-size:12px;letter-spacing:.42em}.hero h1{font-size:74px;line-height:1.02;font-weight:300;letter-spacing:.05em;margin:16px 0}.hero h1 em,.contact em{font-style:normal;color:var(--cream)}.hero h2{font-family:Georgia,serif;font-size:36px;font-weight:400;margin:0 0 40px}.hero-actions{display:flex;align-items:center;gap:36px}.demo{display:flex;align-items:center;gap:18px;color:white;text-decoration:none}.play{width:72px;height:72px;background:var(--cream);color:#111;border-radius:50%;display:grid;place-items:center}.play span{display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #111;margin-left:4px}.demo span{display:flex;flex-direction:column;gap:8px}.demo strong{font-size:13px;letter-spacing:.15em}.demo small{color:#c5c1bb}.quote{position:absolute;right:5vw;top:350px;z-index:2;border-left:1px solid #aaa;padding-left:28px;line-height:2.2;letter-spacing:.2em;color:#d4d0ca;font-size:13px}.quote span{display:block;font-family:cursive;font-size:30px;letter-spacing:0;margin-top:20px}.services{display:grid;grid-template-columns:repeat(7,1fr);background:#0c0d0d;padding:26px 4vw;border-top:1px solid #222;border-bottom:1px solid #222}.services article{display:flex;align-items:center;flex-direction:column;text-align:center;padding:8px 12px;border-right:1px solid #303030;gap:9px}.services article:last-child{border:0}.service-icon{width:38px;height:38px;fill:none;stroke:var(--cream);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.services strong{font-size:11px;letter-spacing:.12em}.services small{color:#aaa}.light,.dark-section,.contact{padding:70px 5vw;display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:40px}.light{background:#f3f1ed;color:#171717}.light h2,.dark-section h2,.contact h2{font-size:36px;font-weight:400;margin:0 0 12px}.light p,.dark-section p,.contact p{max-width:720px;line-height:1.7;color:#5d5a56}.light>a{color:#222;text-decoration:none;font-size:12px;letter-spacing:.12em}.dark-section{background:#111;color:white}.dark-section p,.contact p{color:#aaa}.audio-placeholder{border:1px solid #4a4035;padding:22px;margin-top:28px;max-width:720px;color:var(--cream);letter-spacing:.15em}.audio-placeholder span{float:right;color:#777;font-size:11px;letter-spacing:0}.contact{background:#0b0b0b;padding-top:100px;padding-bottom:110px}.contact h2{font-size:58px}.filled{display:inline-block;margin-top:20px;background:var(--cream);color:#111;text-decoration:none;padding:18px 24px;font-size:12px;letter-spacing:.12em}.footer{padding:36px 5vw;border-top:1px solid #282828;display:flex;justify-content:space-between;align-items:center;color:#888;font-size:12px}.footer .brand{font-size:14px;min-width:auto;color:#ddd}
@media(max-width:1000px){.nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:white;font-size:24px}.hero{height:780px;background-position:62% center}.shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.25)),linear-gradient(0deg,rgba(0,0,0,.9),transparent 55%)}.hero-copy{top:220px}.hero h1{font-size:58px}.quote{display:none}.services{grid-template-columns:repeat(2,1fr)}.services article{border-bottom:1px solid #303030}.light,.dark-section,.contact{grid-template-columns:1fr}.footer{gap:20px;flex-direction:column;align-items:flex-start}}@media(max-width:600px){.site-header{height:80px}.brand{font-size:16px;min-width:0}.hero{height:720px;background-position:65% center}.hero-copy{left:7vw;right:7vw;top:335px}.hero h1{font-size:44px}.hero h2{font-size:25px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.play{width:58px;height:58px}.services{grid-template-columns:1fr 1fr;padding-left:0;padding-right:0}.services article{min-height:120px}.light,.dark-section,.contact{padding:55px 7vw}.contact h2{font-size:42px}.audio-placeholder span{display:block;float:none;margin-top:12px}.footer{padding:30px 7vw}}
/* v2 components */
.wide{width:100%}.demo-grid,.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.demo-card,.reference-grid article{border:1px solid rgba(214,188,151,.25);padding:24px;background:rgba(255,255,255,.025)}.demo-card span{font-size:10px;letter-spacing:.25em;color:#d6bc97}.demo-card h3,.reference-grid h3{font-size:20px;margin:8px 0 10px}.demo-card p,.reference-grid p{opacity:.68}.demo-card audio{width:100%;margin-top:18px}.empty-state{border:1px dashed rgba(214,188,151,.35);padding:25px;opacity:.75}.reference-grid img{width:100%;height:100px;object-fit:contain;background:#fff;padding:15px;margin-bottom:15px}.reference-grid a{font-size:11px;letter-spacing:.16em;color:#d6bc97}.contact-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;width:100%}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{font-size:10px;letter-spacing:.15em}.contact-form input,.contact-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:14px;font:inherit}.contact-form label:last-of-type{grid-column:1/-1}.contact-form button{border:0;cursor:pointer;justify-self:start}.form-status{padding:12px 16px;border:1px solid #d6bc97;margin-top:18px}.form-status.success{background:rgba(214,188,151,.12)}
@media(max-width:900px){.demo-grid,.reference-grid{grid-template-columns:1fr}.contact-wrap{grid-template-columns:1fr;gap:30px}.contact-form{grid-template-columns:1fr}.contact-form label:last-of-type{grid-column:auto}}
/* v3 editorial content */
.hero-sub{max-width:610px;color:#d4d0ca;font-size:16px;line-height:1.6;margin:-20px 0 30px}.manifest,.services-section{padding:85px 5vw;display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px}.manifest{background:#f3f1ed;color:#171717}.manifest h2{font-family:Georgia,serif;font-size:46px;font-weight:400;margin:0 0 24px}.manifest h2 em{font-style:normal;color:#9a7854}.manifest p{max-width:760px;line-height:1.75;color:#5d5a56}.manifest strong{display:block;margin:28px 0 5px;font-size:20px}.about h3,.studio h3{font-family:Georgia,serif;font-size:25px;font-weight:400;color:#9a7854;margin:0 0 28px}.about blockquote{font-family:Georgia,serif;font-size:24px;margin:30px 0 0;border-left:2px solid #b49570;padding-left:22px}.services-section{background:#0c0d0d}.services-section h2{font-size:40px;font-weight:400;margin:0 0 30px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #2b2b2b}.service-list article{display:flex;align-items:center;gap:20px;padding:24px 12px 24px 0;border-bottom:1px solid #2b2b2b}.service-list .service-icon{flex:0 0 42px;width:42px;height:42px}.service-list strong,.service-list small{display:block}.service-list strong{font-size:12px;letter-spacing:.13em;margin-bottom:7px}.service-list small{color:#8e8e8e}.demo-default strong{display:block;font-family:Georgia,serif;font-weight:400;color:#d6bc97;margin:12px 0}.studio-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cfc9c1;margin-top:35px}.studio-specs span{background:#f3f1ed;padding:20px;font-size:12px}.studio-specs b{display:block;letter-spacing:.15em;font-size:10px;margin-bottom:8px;color:#8b6948}.contact-pre{font-size:11px;letter-spacing:.3em!important;color:#d6bc97!important}.contact-form select{display:block;width:100%;box-sizing:border-box;margin-top:8px;background:#111;border:1px solid rgba(255,255,255,.25);color:#fff;padding:14px;font:inherit}.contact-form .full{grid-column:1/-1}
@media(max-width:900px){.manifest,.services-section{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.studio-specs{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}
@media(max-width:600px){.manifest,.services-section{padding:55px 7vw}.manifest h2{font-size:34px}.hero-sub{font-size:14px;margin-top:-12px}.service-list article{padding:20px 0}}
/* v3.2 – restored V1 service band */
.services-primary{position:relative;z-index:3}
.services-primary article{min-width:0}
.services-primary small{display:block;font-size:11px;line-height:1.35}
@media(max-width:1000px){.services-primary{grid-template-columns:repeat(4,1fr)}.services-primary article:nth-child(4){border-right:0}}
@media(max-width:700px){.services-primary{grid-template-columns:repeat(2,1fr)}.services-primary article{min-height:112px}.services-primary article:nth-child(even){border-right:0}}

/* V3.3 Studio photo */
.studio-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:46px;align-items:center}
.studio-copy{min-width:0}
.studio-photo{margin:0;overflow:hidden;background:#ddd;min-height:330px}
.studio-photo img{display:block;width:100%;height:100%;min-height:330px;max-height:470px;object-fit:cover;object-position:center center;transition:transform .6s ease}
.studio-photo:hover img{transform:scale(1.018)}
.studio-layout .studio-specs{grid-column:1/-1;margin-top:0}
@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.studio-photo{order:2}.studio-layout .studio-specs{order:3}.studio-copy{order:1}}
@media(max-width:600px){.studio-photo,.studio-photo img{min-height:240px}.studio-photo img{max-height:330px}.studio-layout{gap:28px}}

/* v3.4: portrait in existing small About column */
.about-side{align-self:end;display:flex;flex-direction:column;min-width:0;height:100%}
.about-side .section-label{margin-bottom:auto}
.about-portrait{display:block;width:min(100%,180px);height:auto;max-height:330px;object-fit:contain;object-position:center bottom;margin:28px auto -70px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.10))}
@media(max-width:1000px){.about-side{height:auto}.about-side .section-label{margin-bottom:0}.about-portrait{width:min(48vw,220px);max-height:320px;margin:24px 0 -55px}}
@media(max-width:600px){.about-portrait{width:min(58vw,210px);max-height:290px;margin:22px auto -55px}}

/* v3.5 — About portrait + responsive readability */
.about{
  grid-template-columns:minmax(260px,320px) minmax(0,1fr) 150px;
  align-items:stretch;
  overflow:hidden;
  padding-bottom:0;
}
.about-side{
  align-self:stretch;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:auto;
}
.about-side .section-label{margin-bottom:22px;position:relative;z-index:2}
.about-portrait{
  display:block;
  width:min(135%,390px);
  max-width:none;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
  margin:auto auto 0 -9%;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.16));
}
.about>div:nth-child(2){padding-bottom:70px;position:relative;z-index:1}
.about>a{align-self:start;margin-top:2px}

@media(max-width:1000px){
  .about{
    grid-template-columns:minmax(220px,280px) minmax(0,1fr);
    gap:32px;
    padding-bottom:0;
  }
  .about>a{grid-column:2;margin-bottom:55px}
  .about-portrait{width:min(125%,330px);margin:auto auto 0 -8%}
  .about>div:nth-child(2){padding-bottom:28px}
}

@media(max-width:700px){
  body{font-size:16px}
  .about{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:52px 7vw 0;
  }
  .about-side{display:contents}
  .about-side .section-label{order:1;margin:0 0 26px}
  .about>div:nth-child(2){order:2;padding-bottom:0}
  .about>div:nth-child(2) h2{font-size:34px;line-height:1.12}
  .about>div:nth-child(2) h3{font-size:23px;line-height:1.3;margin-bottom:22px}
  .about>div:nth-child(2) p{font-size:16px;line-height:1.75;color:#4f4b46}
  .about blockquote{font-size:22px;line-height:1.45;margin-top:26px}
  .about-portrait{
    order:3;
    width:min(92vw,430px);
    max-width:100%;
    margin:28px auto 0;
    justify-self:center;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.13));
  }
  .about>a{order:4;grid-column:auto;margin:28px 0 48px;font-size:13px;line-height:1.4}
  .services-primary strong{font-size:11px;line-height:1.35}
  .services-primary small{font-size:12px;line-height:1.4}
  .manifest p,.dark-section p,.contact p{font-size:16px;line-height:1.75}
  .section-label,.eyebrow{line-height:1.5}
}

@media(max-width:420px){
  .about{padding-left:6vw;padding-right:6vw}
  .about>div:nth-child(2) h2{font-size:31px}
  .about>div:nth-child(2) h3{font-size:21px}
  .about-portrait{width:min(96vw,390px)}
  .hero h1{font-size:40px;line-height:1.05}
  .hero h2{font-size:24px;line-height:1.25}
  .hero-sub{font-size:15px;line-height:1.6}
}

/* V4.2 — six centered service tiles + studio spec presentation */
.services-primary{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center}
.services-primary article:nth-child(6){border-right:0}
.studio-specs span{display:flex;flex-direction:column;justify-content:center;min-height:92px;line-height:1.5}
.studio-specs b{display:block}
@media(max-width:1000px){.services-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.services-primary article:nth-child(3n){border-right:0}.services-primary article:nth-child(4){border-right:1px solid #303030}}
@media(max-width:700px){.services-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.services-primary article:nth-child(3n){border-right:1px solid #303030}.services-primary article:nth-child(even){border-right:0}}

/* V4.3: studio specs + centered six-tile service band */
.services-primary{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;margin-inline:auto}
.services-primary article{justify-content:flex-start;align-items:center;text-align:center}
.studio-layout .studio-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;background:#cfc9c1}
.studio-layout .studio-specs span{display:block;min-width:0;background:#f3f1ed;padding:20px}
.studio-layout .studio-specs b{display:block;margin-bottom:8px}
@media(max-width:1000px){.services-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.studio-layout .studio-specs{grid-template-columns:1fr}}
@media(max-width:700px){.services-primary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V4.4 — editorial studio image treatment */
.studio.light{padding-top:92px;padding-bottom:92px;overflow:hidden}
.studio .studio-layout{position:relative;grid-template-columns:minmax(300px,.82fr) minmax(500px,1.28fr);column-gap:72px;row-gap:54px;align-items:center}
.studio-copy{position:relative;z-index:2;padding:24px 0 20px}
.studio-copy h2{font-size:clamp(44px,4vw,64px);line-height:.98;letter-spacing:-.035em;margin-bottom:18px}
.studio-copy h3{max-width:430px;font-size:29px;line-height:1.12;margin-bottom:34px}
.studio-copy p{max-width:520px}
.studio-photo{position:relative;z-index:1;min-height:520px;overflow:visible;background:transparent;margin:0 1.5vw 0 0}
.studio-photo::before{content:"";position:absolute;z-index:-1;left:-26px;bottom:-26px;width:72%;height:76%;background:#d8c3a5}
.studio-photo::after{content:"";position:absolute;right:-26px;top:-26px;width:1px;height:42%;background:#aa8963}
.studio-photo img{width:100%;height:520px;min-height:520px;max-height:none;object-fit:cover;object-position:center 48%;box-shadow:0 24px 55px rgba(38,29,19,.14)}
.studio-layout .studio-specs{grid-column:1/-1;margin-top:8px;border-top:1px solid #cfc7bd;border-bottom:1px solid #cfc7bd;background:transparent;gap:0}
.studio-layout .studio-specs span{position:relative;background:transparent;padding:25px 28px;min-height:105px}
.studio-layout .studio-specs span+span{border-left:1px solid #cfc7bd}
.studio-layout .studio-specs b{font-size:10px;letter-spacing:.19em;margin-bottom:10px}
@media(max-width:1150px){.studio .studio-layout{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.1fr);gap:50px}.studio-photo,.studio-photo img{min-height:450px;height:450px}}
@media(max-width:900px){.studio.light{padding-top:72px;padding-bottom:72px}.studio .studio-layout{grid-template-columns:1fr;gap:38px}.studio-copy{padding:0}.studio-photo{order:2;width:calc(100% - 20px);margin:0 0 22px 20px;min-height:420px}.studio-photo img{height:420px;min-height:420px}.studio-photo::before{left:-20px;bottom:-20px}.studio-photo::after{right:-14px;top:-18px}.studio-layout .studio-specs{order:3;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.studio-layout .studio-specs span{padding:20px 16px}.studio-copy h2{font-size:48px}}
@media(max-width:650px){.studio.light{padding-top:58px;padding-bottom:58px}.studio-copy h2{font-size:42px}.studio-copy h3{font-size:25px}.studio-photo{width:calc(100% - 12px);margin-left:12px;min-height:300px}.studio-photo img{height:300px;min-height:300px}.studio-photo::before{left:-12px;bottom:-12px}.studio-photo::after{display:none}.studio-layout .studio-specs{grid-template-columns:1fr}.studio-layout .studio-specs span+span{border-left:0;border-top:1px solid #cfc7bd}.studio-layout .studio-specs span{min-height:0;padding:18px 4px}}


/* V4.6 — production contact form */
.ws-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form .privacy-check{display:flex;flex-direction:row;align-items:flex-start;gap:11px;font-size:12px;line-height:1.55;letter-spacing:0;text-transform:none}
.contact-form .privacy-check input{width:17px;height:17px;min-width:17px;margin:2px 0 0;padding:0;accent-color:#aa8963}
.contact-form .privacy-check span{display:block}
.contact-form .privacy-check a{text-decoration:underline;text-underline-offset:3px}
.form-status.success{border-color:#aa8963}

/* V4.7 legal pages */
.footer-legal{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:.25rem 0}.footer-legal a{color:inherit;text-decoration:none;opacity:.78}.footer-legal a:hover{opacity:1}.legal-page{background:#f4f0e8;color:#1b1b1b;min-height:70vh}.legal-hero{padding:150px 5vw 70px;display:grid;grid-template-columns:190px minmax(0,850px);gap:40px;border-bottom:1px solid rgba(20,20,20,.14)}.legal-hero h1{font-size:clamp(48px,7vw,96px);line-height:.9;margin:.2em 0 .3em;letter-spacing:-.045em}.legal-hero p{max-width:720px;line-height:1.7}.legal-kicker{font-size:12px!important;letter-spacing:.18em;font-weight:800;color:#a4865e}.legal-content{max-width:1050px;margin:0 auto;padding:70px 5vw 100px}.legal-content section{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:45px;padding:32px 0;border-bottom:1px solid rgba(20,20,20,.12)}.legal-content h2{font-size:18px;line-height:1.25;margin:0;letter-spacing:-.01em}.legal-content p{grid-column:2;margin:0 0 14px;line-height:1.75;color:#514e49}.legal-content section>h2+ p{margin-top:0}.legal-content a{color:#7f6544;text-underline-offset:3px}.legal-note{margin-top:40px!important;font-size:13px;color:#777!important}@media(max-width:700px){.legal-hero{padding:120px 6vw 50px;grid-template-columns:1fr;gap:16px}.legal-content{padding:45px 6vw 70px}.legal-content section{grid-template-columns:1fr;gap:14px;padding:25px 0}.legal-content p{grid-column:1}.footer-legal{gap:14px}}

/* V4.9 — FAQ + restrained reference logo carousel */
.faq-section{grid-template-columns:190px minmax(0,1fr);padding-top:88px;padding-bottom:88px}
.faq-wrap{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:72px;width:100%}
.faq-intro h2{font-size:clamp(40px,4.2vw,62px);line-height:1;margin:0 0 20px;letter-spacing:-.035em}.faq-intro p{max-width:360px}
.faq-list{border-top:1px solid #cbc4ba}.faq-item{border-bottom:1px solid #cbc4ba}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:17px;font-weight:650}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary b{font-size:25px;font-weight:300;color:#9a7854;transition:transform .25s ease}.faq-item[open] summary b{transform:rotate(45deg)}.faq-answer{padding:0 54px 24px 0;max-width:760px}.faq-answer p{margin:0 0 14px!important;line-height:1.75!important}.faq-answer a{color:#8a6948;text-decoration:underline;text-underline-offset:3px}
.references-showcase{position:relative;background:#0b0c0c;color:#f5f2ed;padding:88px 5vw 70px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:40px;overflow:hidden}.references-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(166,125,83,.09),transparent 38%);pointer-events:none}.references-showcase>.section-label,.references-inner{position:relative;z-index:1}.references-head{text-align:left;margin-bottom:42px}.references-head h2{font-size:clamp(44px,5vw,70px);line-height:1;margin:0 0 18px;letter-spacing:-.04em;font-weight:400}.references-head p{color:#aaa59e;max-width:700px;line-height:1.7}.reference-demos{margin-bottom:62px}.references-showcase .demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.references-showcase .demo-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.018);border-color:rgba(214,188,151,.18);padding:22px}.references-showcase .demo-card h3{font-size:19px}.references-showcase .demo-card p{font-size:13px;line-height:1.55;color:#a9a49d}.references-showcase .demo-card audio{height:34px;opacity:.82}.logo-carousel-wrap{position:relative;border-top:1px solid rgba(255,255,255,.13);padding:34px 52px 4px}.logo-carousel{display:flex;align-items:center;gap:54px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;padding:10px 0 16px}.logo-carousel::-webkit-scrollbar{display:none}.logo-item{flex:0 0 145px;height:68px;margin:0;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;opacity:.52;transition:opacity .25s ease,transform .25s ease}.logo-item:hover{opacity:.82;transform:translateY(-2px)}.logo-item img{display:block;max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain;filter:none;mix-blend-mode:normal}.logo-arrow{position:absolute;top:50%;transform:translateY(-40%);z-index:2;width:36px;height:36px;border:1px solid rgba(214,188,151,.42);border-radius:50%;background:#0b0c0c;color:#d6bc97;font-size:25px;line-height:1;cursor:pointer}.logo-arrow.prev{left:0}.logo-arrow.next{right:0}
@media(max-width:1100px){.references-showcase .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-wrap{grid-template-columns:1fr;gap:28px}}
@media(max-width:900px){.faq-section,.references-showcase{grid-template-columns:1fr;gap:28px}.references-showcase{padding-top:70px}.logo-item{flex-basis:125px}.logo-carousel{gap:38px}}
@media(max-width:650px){.faq-section{padding-top:58px;padding-bottom:58px}.faq-item summary{font-size:16px;line-height:1.35}.faq-answer{padding-right:0}.references-showcase{padding:58px 6vw 52px}.references-showcase .demo-grid{grid-template-columns:1fr}.reference-demos{margin-bottom:42px}.logo-carousel-wrap{padding-left:36px;padding-right:36px}.logo-carousel{gap:30px}.logo-item{flex-basis:110px;height:58px}.logo-item img{max-height:50px}.logo-arrow{width:30px;height:30px;font-size:21px}}

/* V4.9.1 – freigestellte Referenzlogos */
.logo-item{background:transparent!important;border:0!important}.logo-item img{filter:none!important;mix-blend-mode:normal!important}

/* V4.9.2 — Human voice positioning */
.hero-human{margin:-16px 0 30px;color:#d6bc97;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hero-human::before{content:"";display:inline-block;width:28px;height:1px;background:#b49570;vertical-align:middle;margin:0 12px 3px 0}
@media(max-width:600px){.hero-human{margin:-8px 0 26px;font-size:10px;letter-spacing:.13em}.hero-human::before{width:20px;margin-right:9px}}

/* V4.10 – strukturierte Produktions-Demos */
.demo-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.demo-filters button{appearance:none;border:1px solid rgba(214,188,151,.22);background:transparent;color:#aaa59e;padding:9px 13px;font:inherit;font-size:9px;letter-spacing:.16em;cursor:pointer;transition:.2s}.demo-filters button:hover,.demo-filters button.active{border-color:#d6bc97;color:#f5f2ed;background:rgba(214,188,151,.08)}
.references-showcase .production-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.production-demo{min-height:168px!important}.production-demo[hidden]{display:none!important}.demo-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.demo-meta>span{font-size:9px!important}.demo-meta small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#777}.production-demo h3{font-size:21px!important;margin:13px 0 20px!important}.custom-audio{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;margin-top:auto}.custom-audio audio{display:none}.audio-toggle{width:40px;height:40px;border:1px solid rgba(245,242,237,.65);border-radius:50%;background:transparent;color:#f5f2ed;cursor:pointer;font-size:13px;padding-left:4px}.audio-toggle.playing{padding-left:0}.audio-track{height:2px;background:rgba(255,255,255,.16);position:relative;cursor:pointer}.audio-progress{position:absolute;inset:0 auto 0 0;width:0;background:#d6bc97}.custom-audio time{font-size:11px;color:#aaa59e;font-variant-numeric:tabular-nums}
@media(max-width:1100px){.references-showcase .production-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.references-showcase .production-demo-grid{grid-template-columns:1fr}.demo-filters{gap:6px}.demo-filters button{padding:8px 10px;font-size:8px}.production-demo{min-height:150px!important}}

/* V4.11 — FAQ visually separated from the light Studio section */
.faq-section.light{background:#e9e4dc;color:#171717;border-top:1px solid #d2c8bb;border-bottom:1px solid #d2c8bb;position:relative}
.faq-section.light::before{content:"";position:absolute;top:0;left:5vw;width:86px;height:3px;background:#b49570}
.faq-section .section-label{color:#6f604f}
.faq-section .faq-intro p,.faq-section .faq-answer p{color:#55514c}
.faq-section .faq-list{border-top-color:#c2b7a9}
.faq-section .faq-item{border-bottom-color:#c2b7a9}
@media(max-width:650px){.faq-section.light::before{left:6vw;width:64px}}

/* V4.13 – accessibility & motion */
:focus-visible{outline:2px solid #d6bc97;outline-offset:4px}
.audio-toggle:focus-visible,.demo-filters button:focus-visible,.logo-arrow:focus-visible{outline:2px solid #d6bc97;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V4.13.2 — Voice Demo title/project separation */
.production-demo .demo-project{margin:-12px 0 18px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#aaa59e}