*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050913;color:#f5f7fb;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:12px 28px;background:rgba(3,8,15,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.brand span{font-weight:900;font-size:25px;letter-spacing:.05em}.brand strong{font-size:25px;color:#ff2f92;letter-spacing:.05em}.brand em{font-family:Georgia,serif;font-weight:400;font-size:14px;color:#d7d9df;margin-left:10px}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a{font-size:14px;padding:10px 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav .active{border-color:#ff2f92}.socials{display:flex;gap:8px}.socials a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111a25;border:1px solid rgba(255,255,255,.15)}.hero{min-height:540px;display:grid;grid-template-columns:.9fr 1.35fr .55fr;border-bottom:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 55% 20%,rgba(15,77,145,.15),transparent 30%),#040810}.hero-copy{padding:58px 34px 44px 66px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(38px,4vw,58px);line-height:1.05;font-weight:400;margin:0 0 18px}.hero-copy p{color:#c0c8d4}.signature{font-family:cursive;font-size:32px;color:#ff47a1}.signature.small{font-size:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.btn{border:0;border-radius:10px;padding:12px 18px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#ff2f92,#e21a7d);color:#fff;box-shadow:0 0 24px rgba(255,47,146,.28)}.btn.ghost{background:#0b1420;color:#fff;border:1px solid rgba(255,255,255,.28)}.hero-visual{min-height:540px;background:linear-gradient(90deg,rgba(4,8,16,.2),rgba(4,8,16,.02)),url('assets/pm14-hero-approved.jpg') center/cover;position:relative}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,9,19,.55),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,47,146,.25),transparent 28%)}.neon{position:absolute;z-index:2;top:12%;right:8%;font-family:cursive;font-size:34px;color:#ff69b0;text-shadow:0 0 18px rgba(255,47,146,.8);transform:rotate(-4deg)}.hero-quote{margin:34px 26px 34px 0;border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:26px;background:linear-gradient(180deg,rgba(55,18,47,.72),rgba(25,12,31,.78));display:flex;flex-direction:column;justify-content:center}.hero-quote .quote-mark{font-size:70px;color:#bd6a9a;line-height:.8}.hero-quote p{font-family:Georgia,serif;font-size:22px;line-height:1.5}.section{padding:56px 32px;max-width:1500px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading.compact{margin-bottom:16px}.section h2{font-size:32px;margin:0 0 4px}.section p{color:#aeb8c7}.linkish{background:none;border:0;color:#e6e8ee;cursor:pointer}.mood-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.mood-card{position:relative;aspect-ratio:.88;border-radius:10px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(0deg,rgba(2,5,10,.86),transparent 60%),var(--img) center/cover;color:#fff;overflow:hidden;cursor:pointer}.mood-card span{position:absolute;left:11px;right:11px;bottom:12px;font-weight:700;text-align:center}.mood-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.38)}.mood-result{margin-top:16px;padding:15px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0d1622}.hidden{display:none}.stories-about{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.story-card{position:relative;padding:9px 9px 15px;border-radius:12px;background:#09121c;border:1px solid rgba(255,255,255,.15);cursor:pointer}.story-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}.story-card button{position:absolute;right:18px;top:calc(100% - 100px);width:38px;height:38px;border-radius:50%;background:rgba(4,8,14,.88);border:1px solid #fff;color:#fff}.story-card h3{margin:12px 3px 4px}.story-card p{font-size:13px;margin:0 3px;color:#9ba7b6}.about-panel{border-left:1px solid rgba(255,255,255,.12);padding-left:22px}.about-panel h2{margin-top:0}.about-image{height:220px;border-radius:12px;background:linear-gradient(0deg,rgba(4,8,16,.25),rgba(4,8,16,.03)),url('assets/pm11-about.jpg') center 20%/cover;border:1px solid rgba(255,255,255,.12)}.about-panel p{font-size:15px}.smallbtn{display:inline-block;margin-top:8px}.bottom-strip{display:grid;grid-template-columns:1.2fr .9fr;gap:18px}.quote-banner,.newsletter{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:22px}.quote-banner{background:linear-gradient(90deg,rgba(8,14,25,.94),rgba(21,14,30,.62)),url('assets/vzpominky.svg') center/cover}.quote-banner p{font-family:Georgia,serif;font-size:23px;color:#fff}.newsletter{background:#08111c}.newsletter h3{margin:0 0 4px}.newsletter p{margin:0 0 12px}.newsletter form{display:flex;gap:10px}.newsletter input{flex:1;background:#07101a;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px}.newsletter small{display:block;margin-top:10px;color:#718093}.listen-section{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.demo-player{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:#09121d}.demo-player>button{width:52px;height:52px;border-radius:50%;border:0;background:#ff2f92;color:#fff}.demo-player>div{flex:1}.bar{height:5px;background:#263244;border-radius:10px;overflow:hidden;margin:8px 0}.bar span{display:block;width:0;height:100%;background:#ff2f92}.contact{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact h2{margin-bottom:0}footer{padding:28px 32px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;background:#03070e}.footer-links{display:flex;gap:16px;font-size:13px;color:#aeb8c7}footer>p{grid-column:1/-1;text-align:right;color:#7e8897;margin:0}dialog{width:min(960px,92vw);border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#07101a;color:#fff;padding:24px}dialog::backdrop{background:rgba(0,0,0,.78)}.dialog-close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:32px}.dialog-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}.dialog-grid img{width:100%;border-radius:12px}.dialog-grid h2{font-size:38px}.dialog-grid blockquote{border-left:3px solid #ff2f92;padding:12px 16px;background:#0b1622;margin:18px 0}.dialog-actions{display:flex;gap:10px}@media(max-width:1100px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-quote{display:none}.hero-visual{min-height:430px}.mood-grid{grid-template-columns:repeat(4,1fr)}.stories-about{grid-template-columns:1fr}.about-panel{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:24px 0 0}.story-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.site-header{padding:10px 14px}.brand em{display:none}.socials{display:none}.hero-copy{padding:42px 20px}.hero-visual{min-height:330px}.section{padding:42px 16px}.mood-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:repeat(2,1fr)}.bottom-strip,.listen-section{grid-template-columns:1fr}.newsletter form{flex-direction:column}.contact{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr}.footer-links{display:none}footer>p{text-align:left}.dialog-grid{grid-template-columns:1fr}}

/* PM10: only intentional cinematic/generated imagery. No candid real-life photos. */
.about-image{
  min-height:310px;
  background-position:center 32%;
  background-size:cover;
  box-shadow:inset 0 0 80px rgba(0,0,0,.18),0 18px 45px rgba(0,0,0,.25);
}
.hero-visual{
  background-position:center;
  background-size:cover;
}

/* PM11 — visual rule:
   only approved, fully stylized/cinematic imagery extracted from the supplied visual model.
   No flat/candid everyday photographs. */
.hero-visual{
  background-image:
    linear-gradient(90deg, rgba(4,8,16,.10), rgba(4,8,16,.00)),
    url('assets/pm14-hero-approved.jpg');
  background-position:center;
  background-size:cover;
}
.about-image{
  background-image:
    linear-gradient(0deg, rgba(4,8,16,.18), rgba(4,8,16,.03)),
    url('assets/pm11-about.jpg');
  background-position:center;
  background-size:cover;
}
.mood-card{
  background-image:var(--img);
  background-size:cover;
  background-position:center;
}
.mood-card span{
  /* the reference tile itself already contains the text treatment;
     keep semantic text accessible without visually duplicating it */
  position:absolute;
  width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.story-card img{
  aspect-ratio:1.14/1;
  object-fit:cover;
  object-position:center;
}
.quote-banner{
  background:
    linear-gradient(90deg,rgba(8,14,25,.90),rgba(21,14,30,.30)),
    url('assets/pm11-quote.jpg') center/cover no-repeat;
}

.studio-link{opacity:.32;color:#9fb0c7;text-decoration:none;font-size:11px;margin-left:14px}.studio-link:hover{opacity:.9;color:#fff}

/* PM13 úpravy podle anotovaného screenshotu */
.brand-role{
  font-style:normal;
  font-size:.72em;
  font-weight:500;
  color:#cbd5e1;
  margin-left:7px;
  letter-spacing:.02em;
}
.hero-signature .role,
.signature .role{color:#f5f7fb}

/* =========================================================
   PM14 — approved visual direction
   Exact direction: dark cinematic + neon magenta + editorial quote
   ========================================================= */

:root{
  --pm14-bg:#040912;
  --pm14-panel:#0a111c;
  --pm14-line:#223047;
  --pm14-pink:#ff2f8d;
  --pm14-text:#f7f7fb;
  --pm14-muted:#aab7ca;
}

body{
  background:
    radial-gradient(circle at 78% 2%, rgba(255,47,141,.08), transparent 26%),
    linear-gradient(180deg,#040912 0%,#050a12 100%);
}

header,
.site-header{
  background:rgba(3,8,15,.96);
  border-bottom:1px solid rgba(87,108,135,.22);
  backdrop-filter:blur(14px);
}

.brand,
.logo{
  letter-spacing:.02em;
}

.brand-role{
  font-style:normal;
  color:#eef2f8;
  font-size:.78em;
  font-weight:500;
  margin-left:8px;
  letter-spacing:.01em;
}

.hero{
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(350px,.95fr) minmax(560px,1.45fr) minmax(250px,.65fr);
  align-items:stretch;
  gap:0;
  padding-top:0;
  background:#040912;
}

.hero-copy{
  padding:76px 40px 50px 64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 30% 35%,rgba(31,109,194,.06),transparent 38%),
    #040912;
}

.hero-copy h1,
.hero-copy blockquote,
.hero-title{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.018em;
  font-size:clamp(48px,4.1vw,74px);
  margin:0 0 28px;
  color:#f6f4f5;
}

.hero-signature,
.signature{
  font-size:clamp(28px,2.1vw,38px);
  font-weight:500;
  margin:0 0 14px;
  color:var(--pm14-pink);
}

.hero-signature::first-line,
.signature::first-line{
  color:var(--pm14-pink);
}

.hero-copy .lead,
.hero-copy .subline{
  color:#d6dde9;
  margin-bottom:24px;
}

.hero-visual{
  min-height:690px;
  background:
    linear-gradient(90deg,rgba(4,9,18,.08),rgba(4,9,18,0) 12%,rgba(4,9,18,0) 88%,rgba(4,9,18,.10)),
    url('assets/pm14-hero-approved.jpg') center center/cover no-repeat !important;
  position:relative;
  overflow:hidden;
}

.hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 80px rgba(0,0,0,.18);
  pointer-events:none;
}

.hero-quote,
.quote-card{
  margin:52px 24px 48px 12px;
  border:1px solid rgba(227,108,177,.42);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(47,13,40,.92),rgba(28,12,28,.95)),
    url('assets/pm14-quote-card.jpg') center/cover no-repeat;
  padding:42px 30px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.hero-quote p,
.quote-card p{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(24px,1.7vw,34px);
  line-height:1.45;
  color:#fff;
}

.hero-quote .quote-mark,
.quote-card .quote-mark{
  color:#e661ad;
  font-size:56px;
  line-height:1;
  margin-bottom:30px;
}

.hero-quote .sign,
.quote-card .sign{
  color:var(--pm14-pink);
  font-size:26px;
  margin-top:24px;
}

.hero .btn-primary,
.hero .primary{
  background:linear-gradient(135deg,#ff2f8d,#ea1677);
  border-color:#ff56a5;
  box-shadow:0 10px 30px rgba(255,47,141,.25);
}

.hero .btn-secondary,
.hero .ghost{
  background:#0b1522;
  border-color:#33465f;
}

@media (max-width:1180px){
  .hero{
    grid-template-columns:1fr 1.25fr;
  }
  .hero-quote,
  .quote-card{
    grid-column:1/-1;
    margin:0 24px 30px;
    min-height:220px;
  }
}

@media (max-width:820px){
  .hero{
    display:block;
    min-height:0;
  }
  .hero-copy{
    padding:42px 24px 28px;
  }
  .hero-visual{
    min-height:540px;
  }
  .hero-quote,
  .quote-card{
    margin:18px 18px 30px;
  }
}