/* ============ IZKĀRTOJUMS: PLAKĀTS ============
   Gaišs redakcionāls plakāts. Asimetrija, lielas malas, sānu indekss,
   pārklājošās bildes, horizontāla galerija. */

body{background:var(--paper);color:var(--ink)}
.sec{padding:96px 0}
.sec.night{background:var(--night);color:var(--paper)}
.sec.olive{background:var(--olive-d);color:var(--paper)}
.night .sec-head p,.olive .sec-head p{color:rgba(239,232,215,.72)}
.night .eyebrow,.olive .eyebrow{color:var(--yellow)}
.night .dbl-rule,.olive .dbl-rule{border-color:var(--yellow)}
.night h2,.olive h2{color:var(--paper)}

/* left-aligned editorial section heads */
.sec-head{text-align:left;margin-bottom:46px;display:grid;grid-template-columns:auto 1fr;gap:0 26px;align-items:end}
.sec-head .rn{grid-row:span 2;font-family:'Bevan',serif;font-size:clamp(46px,7vw,92px);line-height:.82;
  color:transparent;-webkit-text-stroke:2px var(--ink);letter-spacing:-.02em}
.night .sec-head .rn,.olive .sec-head .rn{-webkit-text-stroke-color:var(--yellow)}
.sec-head .eyebrow{display:block;margin-bottom:8px}
.sec-head p{margin:14px 0 0;max-width:62ch}
.sec-head .dbl-rule{display:none}

/* hero: split screen */
.hero{border-bottom:3px solid var(--ink);background:var(--paper);overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.02fr .98fr;min-height:82vh;align-items:center;gap:0}
.hero-copy{padding:70px 56px 70px 0}
.hero .eyebrow{color:var(--blood)}
.hero h1{font-size:clamp(34px,5.4vw,78px);margin-top:14px}
.hero h1 .y{color:var(--blood);display:block}
.hero .sub{margin-top:20px;font-size:19px;color:var(--ink-2);max-width:44ch}
.hero .cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}
.hero .note{display:inline-block;margin-top:18px;border:2px solid var(--ink);background:var(--yellow);padding:9px 16px;
  font-family:'Oswald';font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.hero-stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:3px solid var(--ink)}
.hero-stats div b{display:block;font-family:'Bevan',serif;font-size:26px;line-height:1.1}
.hero-stats div span{font-family:'Oswald';font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}
.hero-art{position:relative;align-self:stretch;min-height:520px}
.hero-art .ph{position:absolute;inset:0;overflow:hidden;border-left:3px solid var(--ink)}
.hero-art .ph img{width:100%;height:100%;object-fit:cover}
.hero-art .frame{position:absolute;left:-26px;top:38px;bottom:38px;right:38px;border:3px solid var(--yellow);pointer-events:none;z-index:3}
.hero-art .stamp{position:absolute;z-index:4;left:-34px;bottom:52px;background:var(--paper);box-shadow:0 4px 18px rgba(0,0,0,.25)}

/* page banner */
.pbanner{border-bottom:3px solid var(--ink);background:var(--paper-2);position:relative;overflow:hidden}
.pbanner .bg{position:absolute;right:0;top:0;bottom:0;width:42%;background-position:center;background-size:cover;border-left:3px solid var(--ink)}
.pbanner .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(229,219,196,.95),rgba(229,219,196,0) 52%)}
.pbanner .in{position:relative;z-index:2;padding:66px 0 60px;max-width:62%}
.pbanner h1{font-size:clamp(26px,4.2vw,56px);margin-top:10px}
.pbanner .lede{margin-top:14px;max-width:52ch;color:var(--ink-2)}

/* missions: editorial with overlapping photo */
.mpost{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:84px;align-items:center}
.mpost:last-of-type{margin-bottom:0}
.mpost .pic{position:relative;z-index:1}
.mpost .pic img{width:100%;aspect-ratio:4/3;object-fit:cover;border:3px solid var(--ink)}
.mpost .pic .num{position:absolute;top:-30px;left:-18px;z-index:3;font-family:'Bevan',serif;font-size:clamp(52px,7vw,104px);
  line-height:.8;color:var(--yellow);-webkit-text-stroke:3px var(--ink)}
.mpost .txt{position:relative;z-index:2;background:var(--paper-3);border:3px solid var(--ink);padding:38px 34px;margin-left:-70px}
.mpost.flip .pic{order:2}
.mpost.flip .txt{margin-left:0;margin-right:-70px}
.mpost.flip .pic .num{left:auto;right:-18px}
.mpost h3{font-family:'Bevan',serif;font-size:clamp(20px,2.5vw,32px);text-transform:uppercase;line-height:1.12;margin-bottom:8px}
.mpost .where{font-family:'Oswald';font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--blood);margin-bottom:16px}
.mpost p{color:var(--ink-2)}
.mpost .acts{display:flex;gap:11px;flex-wrap:wrap}

/* events: staggered grid, no card fill */
.stagger{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px}
.stg{display:block;text-decoration:none;border-top:3px solid var(--ink);padding-top:14px}
.stagger .stg:nth-child(even){margin-top:46px}
.stg figure{overflow:hidden;border:2px solid var(--ink);aspect-ratio:3/4;margin-bottom:14px}
.stg img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.stg:hover img{transform:scale(1.06)}
.stg h3{font-family:'Oswald';font-weight:600;font-size:16px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.stg p{font-size:14.5px;color:var(--ink-3)}
.stg .more{display:inline-block;margin-top:10px;font-family:'Oswald';font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--blood);border-bottom:2px solid var(--yellow)}
.stg:hover .more{background:var(--yellow)}

/* gallery: horizontal scroll */
.gal{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;border-block:3px solid var(--ink);background:var(--ink)}
.gal a{flex:0 0 clamp(240px,26vw,380px);aspect-ratio:4/3;position:relative;scroll-snap-align:start;overflow:hidden;
  border-right:2px solid var(--paper);display:block}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.gal a:hover img{transform:scale(1.06)}
.gal::-webkit-scrollbar{height:8px}
.gal::-webkit-scrollbar-thumb{background:var(--yellow)}

/* two column body */
.cols2{columns:2;column-gap:40px}
.cols2 p{break-inside:avoid;margin-bottom:14px}

/* sticky side booking tab */
.book{position:fixed;right:0;top:50%;transform:translate(110%,-50%);z-index:95;transition:.4s cubic-bezier(.2,.7,.3,1)}
.book.show{transform:translate(0,-50%)}
.book .in{writing-mode:vertical-rl;background:var(--yellow);border:3px solid var(--ink);border-right:none;
  padding:20px 12px;display:flex;align-items:center;gap:14px}
.book .t{font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.book a{font-family:'Bevan',serif;font-size:16px;color:var(--ink);text-decoration:none;letter-spacing:.04em}

@media(max-width:1100px){
  .hero-in{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding:44px 0 34px}
  .hero-art{min-height:360px;margin:0 -26px}
  .hero-art .ph{border-left:none;border-top:3px solid var(--ink)}
  .hero-art .frame,.hero-art .stamp{display:none}
  .mpost{grid-template-columns:1fr;margin-bottom:52px}
  .mpost .txt,.mpost.flip .txt{margin:-40px 16px 0}
  .mpost.flip .pic{order:0}
  .stagger{grid-template-columns:1fr 1fr}
  .stagger .stg:nth-child(even){margin-top:0}
  .pbanner .in{max-width:100%}
  .pbanner .bg{display:none}
  .cols2{columns:1}
  .book{display:none}
  .sec{padding:64px 0}
}
@media(max-width:620px){.stagger{grid-template-columns:1fr}.sec-head{grid-template-columns:1fr}.sec-head .rn{grid-row:auto;margin-bottom:6px}}