/* VAURA V9 — brand-led, monochrome, production-first editorial system.
   Homepage only. Existing local event page remains untouched. */

/* Preserve the signature VAURA reveal; change only the three destination labels. */
.portal-nav--v9{gap:12px}
.portal-nav--v9 .portal-link{min-width:205px;letter-spacing:.18em;line-height:1.45;padding-inline:23px}
.portal-nav--v9 .portal-link--v9-primary,
.portal-nav--v9 .portal-link--v9-primary:visited{border-color:rgba(255,255,255,.48);color:#f2f2f2}
.portal-nav--v9 .portal-link--contact,
.portal-nav--v9 .portal-link--contact:visited{min-width:205px;letter-spacing:.18em;border-color:rgba(255,255,255,.26);background:transparent;color:#d3d3d3}
.portal-nav--v9 .portal-link--contact:hover{background:#fff;border-color:#fff;color:#080808}
.desktop-nav a[href="#produkce"]{color:#e3e3e3}
.desktop-nav a[href="#kontakt"]:not(.is-current){color:#ccc}

/* Architectural opening: unusually high typographic confidence, no decorations. */
.production-v9{padding:clamp(117px,12vw,174px) 0 clamp(106px,12vw,170px);background:#080808;overflow:clip}
.production-v9>.wrap>.eyebrow{margin-bottom:clamp(43px,5.3vw,78px)}
.prod-v9-intro{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(290px,.66fr);gap:clamp(52px,6vw,108px);align-items:end}
.prod-v9-heading{min-width:0}
.prod-v9-h1{font-size:clamp(55px,5.9vw,90px);line-height:1.105;letter-spacing:-.078em;font-weight:400;white-space:nowrap}
.prod-v9-h1 span{color:#828282}
.prod-v9-lead{padding-bottom:3px;max-width:410px}
.prod-v9-lead p{color:#bcbcbc;font-size:14px;line-height:1.98;font-weight:300;margin:0 0 17px}
.prod-v9-lead .prod-v9-standfirst{font-size:clamp(17px,1.65vw,22px);line-height:1.59;font-weight:400;letter-spacing:-.034em;color:#f0f0f0;margin-bottom:27px}
.prod-v9-cta,.prod-v9-cta:visited{margin-top:20px;min-width:250px;border-color:#a8a8a8;letter-spacing:.15em;font-size:11px}
.prod-v9-cta:hover{background:#f4f4f4;color:#080808}
.prod-v9-signature{border-top:1px solid #383838;border-bottom:1px solid #383838;margin-top:clamp(82px,9vw,138px);padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:#aaa;font-weight:500}
.prod-v9-signature .prod-v9-sep{font-size:17px;color:#555;font-weight:300}

.prod-v9-services{padding-top:clamp(130px,13vw,190px)}
.prod-v9-services-heading{margin-bottom:clamp(64px,7vw,102px)}
.prod-v9-subtitle{font-size:clamp(52px,6vw,86px);line-height:1.1;letter-spacing:-.072em}
.prod-v9-service-list{border-top:1px solid #494949}
.prod-v9-service-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(64px,9vw,160px);padding:clamp(32px,4.2vw,61px) 0;border-bottom:1px solid #313131;align-items:start}
.prod-v9-service-row h3{font-size:clamp(24px,2.7vw,39px);font-weight:400;letter-spacing:-.055em;line-height:1.22;margin:0;color:#f1f1f1;max-width:500px}
.prod-v9-service-row p{font-size:14px;font-weight:300;line-height:2.05;color:#b7b7b7;margin:1px 0 0;max-width:570px}

/* A few concrete applications, no colored tiles or overly ornamental icons. */
.prod-v9-applications{padding-top:clamp(140px,14vw,205px)}
.prod-v9-applications-head{margin-bottom:clamp(64px,7vw,105px)}
.prod-v9-application-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #505050;gap:clamp(20px,4vw,60px)}
.prod-v9-application{border-bottom:1px solid #373737;padding:34px 0 38px;min-width:0}
.prod-v9-application h3{margin:0 0 23px;font-size:clamp(21px,2vw,29px);font-weight:400;letter-spacing:-.05em;line-height:1.35}
.prod-v9-application p{color:#b5b5b5;font-size:13px;line-height:1.95;font-weight:300;margin:0;max-width:350px}
.prod-v9-application a,.prod-v9-application a:visited{display:inline-flex;align-items:center;gap:13px;color:#f0f0f0;border-bottom:1px solid #717171;text-transform:uppercase;font-size:10px;font-weight:500;letter-spacing:.12em;line-height:1.6;padding:13px 0 9px;margin-top:26px;transition:border-color .3s}
.prod-v9-application a:hover{border-color:#fff}
.prod-v9-application a span{font-size:18px;line-height:1;letter-spacing:0}

/* A plainly labeled hypothetical brief demonstrates cross-discipline capabilities. */
.prod-v9-scenario{border-top:1px solid #505050;border-bottom:1px solid #353535;margin-top:clamp(105px,11vw,163px);padding:clamp(47px,6.5vw,92px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:clamp(50px,8vw,135px);align-items:start}
.prod-v9-scenario-kicker{color:#a4a4a4;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin:0 0 38px}
.prod-v9-scenario h2{font-weight:400;letter-spacing:-.068em;font-size:clamp(41px,5vw,72px);line-height:1.18;margin:0}
.prod-v9-scenario h2 span{color:#8a8a8a}
.prod-v9-scenario-body{padding-top:30px}
.prod-v9-scenario-body p{margin:0 0 20px;color:#ccc;font-size:14px;font-weight:300;line-height:2.0}
.prod-v9-scenario-body span{display:block;color:#8d8d8d;font-size:11px;line-height:1.8;margin-top:31px}

/* Projects are proof of specializations, no longer the first thing visitors see. */
.section-specializations--v9{background:#050505;padding:clamp(114px,13vw,192px) 0 clamp(120px,13vw,190px)}
.section-specializations--v9 .section-heading{grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:clamp(50px,8vw,135px);align-items:end;margin-bottom:clamp(70px,8vw,110px)}
.section-specializations--v9 .section-description{max-width:510px;font-size:14px;line-height:2.02}
.section-specializations--v9 .project-row{padding-block:34px 35px}
.section-specializations--v9 .project-name{font-size:clamp(22px,2.6vw,36px)}

/* Human signature and direct contact, no inflated agency credentials. */
.section-contact--v9{padding-top:clamp(115px,14vw,184px);padding-bottom:clamp(115px,13vw,185px)}
.section-contact--v9 .display{font-size:clamp(59px,7.1vw,104px)}
.section-contact--v9 .contact-bottom{margin-top:clamp(67px,8.5vw,115px)}
.section-contact--v9 .contact-copy .contact-question{font-size:clamp(18px,1.75vw,24px);line-height:1.69}
.section-contact--v9 .contact-copy .contact-invitation{font-size:14px;line-height:2.05}

@media(max-width:1150px){
 .prod-v9-intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,4vw,60px)}
 .prod-v9-h1{font-size:clamp(48px,5.8vw,70px)}
 .prod-v9-service-row{gap:60px}
}
@media(max-width:900px){
 .prod-v9-intro{grid-template-columns:1fr;gap:42px}
 .prod-v9-h1{font-size:clamp(52px,7.5vw,74px)}
 .prod-v9-lead{max-width:630px;padding:0}
 .prod-v9-lead p{max-width:600px}
 .prod-v9-applications-head,.prod-v9-services-heading{margin-bottom:55px}
 .prod-v9-service-row{gap:44px}
 .section-specializations--v9 .section-heading{grid-template-columns:1fr;gap:28px}
 .section-specializations--v9 .section-description{max-width:680px}
}
@media(max-width:680px){
 .production-v9{padding-top:95px;padding-bottom:110px}
 .production-v9>.wrap>.eyebrow{margin-bottom:37px}
 .prod-v9-h1{font-size:clamp(39px,8.4vw,58px);white-space:normal;line-height:1.13;letter-spacing:-.066em}
 .prod-v9-intro{gap:32px}
 .prod-v9-lead .prod-v9-standfirst{font-size:18px;line-height:1.64;margin-bottom:20px}
 .prod-v9-lead p{font-size:13px;line-height:1.92}
 .prod-v9-cta{width:100%;margin-top:16px;min-height:55px;max-width:460px}
 .prod-v9-signature{margin-top:70px;padding:23px 0;justify-content:flex-start;gap:12px 16px;font-size:9px;letter-spacing:.11em}
 .prod-v9-signature .prod-v9-sep{font-size:14px}
 .prod-v9-services{padding-top:105px}
 .prod-v9-subtitle{font-size:clamp(43px,9vw,61px)}
 .prod-v9-service-row{grid-template-columns:1fr;gap:14px;padding:27px 0 32px}
 .prod-v9-service-row h3{font-size:25px;max-width:none}
 .prod-v9-service-row p{font-size:13px;line-height:1.9}
 .prod-v9-applications{padding-top:110px}
 .prod-v9-applications-head{margin-bottom:44px}
 .prod-v9-application-list{grid-template-columns:1fr;gap:0}
 .prod-v9-application{padding:29px 0 31px}
 .prod-v9-application h3{font-size:26px;margin-bottom:13px}
 .prod-v9-scenario{grid-template-columns:1fr;gap:28px;margin-top:105px;padding:48px 0 53px}
 .prod-v9-scenario-kicker{margin-bottom:24px}
 .prod-v9-scenario h2{font-size:clamp(43px,10vw,61px)}
 .prod-v9-scenario-body{padding:0}
 .prod-v9-scenario-body p{font-size:13px;line-height:1.92}
 .section-specializations--v9{padding-block:110px 115px}
 .section-specializations--v9 .section-heading{margin-bottom:62px}
 .section-specializations--v9 .section-description{font-size:13px;line-height:1.95}
 .section-specializations--v9 .project-row{padding-block:27px 28px}
 .section-contact--v9 .display{font-size:clamp(42px,9vw,63px)}
 .section-contact--v9 .contact-copy .contact-question{font-size:18px}
 .section-contact--v9 .contact-copy .contact-invitation{font-size:13px}
}
@media(max-width:600px){
 /* First action is the offering, second is expertise, third is enquiry. */
 .portal-nav--v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,420px)}
 .portal-nav--v9 .portal-link{font-size:9px;min-width:0;min-height:55px;padding:15px 8px;letter-spacing:.12em}
 .portal-nav--v9 .portal-link--v9-primary{grid-column:1/-1;min-height:57px;letter-spacing:.19em}
 .portal-nav--v9 .portal-link--contact{grid-column:auto;min-width:0;letter-spacing:.12em}
}
@media(max-width:350px){
 .prod-v9-h1{font-size:36px}
 .portal-nav--v9 .portal-link{font-size:8.5px;letter-spacing:.08em}
 .prod-v9-signature{font-size:8px;gap:10px}
 .prod-v9-service-row h3{font-size:23px}
}