*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--ink);font-family:Inter,sans-serif}.page{width:min(1240px,100%);margin:auto;background:var(--cream);overflow:hidden}img{display:block;max-width:100%}a{color:inherit}.section-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.section-label:before{content:"";width:36px;height:2px;background:currentColor}h2{font-size:clamp(48px,4vw,96px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:0}.hero{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.hero-left{padding:clamp(30px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;border-right:2px solid var(--ink)}.topline{display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.hero-names{width:100%;margin:30px 0;display:flex;flex-direction:column;align-items:flex-start;text-transform:uppercase;line-height:.78;letter-spacing:-.075em;container-type:inline-size}.hero-name{display:block;max-width:100%;font-weight:900;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:balance;transform-origin:left center}.hero-name.is-name-short{font-size:clamp(64px,11.4vw,156px)}.hero-name.is-name-long{font-size:clamp(57px,9.7vw,132px)}.hero-name.is-name-xl{font-size:clamp(49px,8.2vw,112px);letter-spacing:-.065em}.hero-name.is-name-xxl{font-size:clamp(42px,7vw,96px);letter-spacing:-.055em}.hero-name--bride{transform:translateX(-.015em) rotate(-.65deg)}.hero-name--groom{margin-left:clamp(0px,3.2vw,42px);transform:rotate(.55deg)}.hero-name-and{position:relative;z-index:2;display:block;margin:-.03em 0 -.03em clamp(94px,21%,190px);color:var(--accent);font:400 clamp(34px,4.2vw,58px)/1 Pacifico;text-transform:none;letter-spacing:0;transform:rotate(-7deg)}.hero-meta{display:flex;justify-content:space-between;gap:20px;align-items:end}.hero-meta p{margin:0;font-weight:700}.hero-meta a{font-size:12px;font-weight:900;text-transform:uppercase;text-decoration:none;border-bottom:2px solid;padding-bottom:5px}.hero-right{display:grid;grid-template-rows:1fr auto}.hero-photo{min-height:690px;background-position:center;background-size:cover;filter:var(--photo-filter)}.datebox{background:var(--accent);color:var(--dark-text);padding:32px;display:flex;justify-content:space-between;align-items:end;gap:28px}.datebox-date{display:flex;align-items:flex-end;gap:18px;min-width:0}.datebox-numbers{font-size:clamp(54px,8vw,95px);line-height:.8;letter-spacing:-.06em}.datebox-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:3px}.datebox-year{font-size:clamp(25px,3vw,42px);line-height:1;letter-spacing:-.04em}.datebox-weekday{display:block;white-space:nowrap;font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase;writing-mode:horizontal-tb}.datebox-message{font-size:12px;letter-spacing:.12em;text-transform:uppercase;max-width:220px;line-height:1.25}.story,.locations,.dresscode,.rsvp{padding:clamp(65px,8vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.story-copy{font-size:clamp(18px,2vw,25px);line-height:1.55}.story-copy img{width:100%;max-height:520px;object-fit:cover;margin-bottom:30px}.marker{font:30px Pacifico;color:var(--accent);margin-top:28px}.schedule{padding:clamp(65px,8vw,110px);background:var(--dark);color:var(--dark-text)}.schedule-sub{max-width:650px;line-height:1.6}.line{display:grid;grid-template-columns:120px 1fr 42px;gap:20px;padding:24px 0;border-top:1px solid #ffffff55;align-items:center}.line time{font-size:32px;font-weight:900;color:var(--accent)}.line b{font-size:21px}.line p{margin:8px 0 0;color:#ffffffb8}.line span{font:28px Pacifico;color:var(--accent)}.count{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:1px solid #ffffff55}.count div{padding:25px;text-align:center;border-right:1px solid #ffffff55}.count div:last-child{border:0}.count strong{display:block;font-size:clamp(38px,6vw,80px)}.gallery{padding:clamp(65px,8vw,110px);border-bottom:2px solid var(--ink)}.gallery-head{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;margin-bottom:45px}.gallery-head p{line-height:1.6}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:14px}.gallery-grid a{overflow:hidden;min-height:300px}.gallery-grid img{width:100%;height:100%;min-height:300px;object-fit:cover;transition:.5s}.gallery-grid a:hover img{transform:scale(1.03)}.empty{padding:40px;border:2px dashed var(--ink);text-align:center}.locations{background:var(--accent);color:var(--dark-text)}.location-grid{display:grid;gap:20px}.location-card{border:2px solid currentColor;padding:28px}.location-card img{width:100%;height:260px;object-fit:cover;margin-bottom:24px}.location-card small{text-transform:uppercase;letter-spacing:.15em}.location-card h3{font-size:clamp(28px,4vw,48px);margin:12px 0}.location-card p{line-height:1.55}.location-card a{display:inline-block;margin-top:10px;padding:13px 18px;border:2px solid;text-decoration:none;font-weight:900;text-transform:uppercase}.dresscode{align-items:center}.dresscode p{font-size:20px;line-height:1.6}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.palette i{aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}.rsvp{border-top:2px solid var(--ink)}.rsvp small{display:block;margin-top:18px;font-weight:900}.rsvp-form .sharedBlock,.rsvp-form form{width:100%!important;max-width:none!important}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;background:transparent!important;color:var(--ink)!important;border-color:var(--ink)!important}.rsvp-form button{background:var(--accent)!important;color:var(--dark-text)!important}footer{padding:36px clamp(30px,6vw,80px);display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--ink);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.theme-switcher{position:fixed;top:16px;left:16px;z-index:50;width:min(330px,calc(100vw - 32px));background:var(--cream);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.theme-switcher summary{padding:14px 16px;cursor:pointer;font-size:12px;font-weight:900;text-transform:uppercase}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 12px 12px}.theme-option{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-align:left}.theme-option.is-active{background:var(--soft)}.theme-option span{display:flex}.theme-option i{width:14px;height:14px;border-radius:50%;margin-left:-3px;border:1px solid #0003}.theme-option i:first-child{margin-left:0}@media(max-width:800px){.datebox{align-items:center}.datebox-message{max-width:190px}.hero,.story,.locations,.dresscode,.rsvp,.gallery-head{grid-template-columns:1fr}.hero-left{min-height:620px;border-right:0}.gallery-grid{grid-template-columns:1fr 1fr}.line{grid-template-columns:90px 1fr}.line span{display:none}.count{grid-template-columns:1fr 1fr}.count div:nth-child(2){border-right:0}.count div:nth-child(-n+2){border-bottom:1px solid #ffffff55}.theme-options{grid-template-columns:1fr}}@media(max-width:480px){.hero-names{margin:24px 0}.hero-name.is-name-short{font-size:clamp(54px,17vw,76px)}.hero-name.is-name-long{font-size:clamp(48px,15.2vw,68px)}.hero-name.is-name-xl{font-size:clamp(42px,13.4vw,60px)}.hero-name.is-name-xxl{font-size:clamp(36px,11.6vw,52px)}.hero-name--groom{margin-left:clamp(0px,5vw,22px)}.hero-name-and{margin-left:22%;font-size:34px}.datebox{padding:24px;gap:16px;align-items:flex-end}.datebox-date{gap:12px}.datebox-year{font-size:26px}.datebox-weekday{font-size:9px;letter-spacing:.1em}.datebox-message{font-size:10px;max-width:125px}.gallery-grid{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}}
/* =========================================================
   ОСОБЫЙ ВЫПУСК: компактный редакционный RSVP
   Переопределяет только общий /views/blocks/rsvp.php внутри
   этого шаблона. PHP и JS общего блока не изменяются.
========================================================= */
.page .rsvp .rsvp-form .rsvpSection{
  width:100%;
  color:var(--ink);
}

.page .rsvp .rsvp-form .rsvpSection .rsvpGrid{
  display:block;
}

.page .rsvp .rsvp-form .rsvpSection .rsvpFormCard{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(20px,3vw,30px)!important;
  border:2px solid var(--ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:8px 8px 0 var(--ink)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.page .rsvp .rsvp-form .rsvpSection #rsvpForm{
  display:grid!important;
  gap:20px!important;
}

.page .rsvp .rsvp-form .rsvpSection #rsvpAttendanceFields{
  gap:20px!important;
}

.page .rsvp .rsvp-form .rsvpSection #companionsWrap{
  gap:16px!important;
}

.page .rsvp .rsvp-form .rsvpSection .row2{
  gap:14px!important;
}

.page .rsvp .rsvp-form .rsvpSection .formRow{
  gap:8px!important;
}

.page .rsvp .rsvp-form .rsvpSection .label{
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.3!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

.page .rsvp .rsvp-form .rsvpSection .field,
.page .rsvp .rsvp-form .rsvpSection input.field,
.page .rsvp .rsvp-form .rsvpSection textarea.field{
  min-height:46px!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:2px solid var(--ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font-size:15px!important;
  box-shadow:none!important;
}

.page .rsvp .rsvp-form .rsvpSection textarea.field{
  min-height:82px!important;
  padding-top:10px!important;
}

.page .rsvp .rsvp-form .rsvpSection .field:focus,
.page .rsvp .rsvp-form .rsvpSection textarea.field:focus{
  border-color:var(--accent)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Кнопки общего блока визуально превращаем в чекбоксы. */
.page .rsvp .rsvp-form .rsvpSection .chips{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px 14px!important;
}

.page .rsvp .rsvp-form .rsvpSection .chip{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  padding:4px 4px 4px 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.3!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
}

.page .rsvp .rsvp-form .rsvpSection .chip::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:18px;
  height:18px;
  border:2px solid var(--ink);
  background:var(--cream);
  transform:translateY(-50%);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.page .rsvp .rsvp-form .rsvpSection .chip::after{
  content:"";
  position:absolute;
  left:5px;
  top:50%;
  width:8px;
  height:4px;
  border-left:2px solid var(--dark-text);
  border-bottom:2px solid var(--dark-text);
  opacity:0;
  transform:translateY(-65%) rotate(-45deg) scale(.75);
  transition:opacity .18s ease,transform .18s ease;
}

.page .rsvp .rsvp-form .rsvpSection .chip:hover{
  color:var(--accent)!important;
}

.page .rsvp .rsvp-form .rsvpSection .chip:hover::before{
  border-color:var(--accent);
}

.page .rsvp .rsvp-form .rsvpSection .chip[data-active="true"],
.page .rsvp .rsvp-form .rsvpSection .chip.is-active,
.page .rsvp .rsvp-form .rsvpSection .chip.active{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

.page .rsvp .rsvp-form .rsvpSection .chip[data-active="true"]::before,
.page .rsvp .rsvp-form .rsvpSection .chip.is-active::before,
.page .rsvp .rsvp-form .rsvpSection .chip.active::before{
  border-color:var(--accent);
  background:var(--accent);
  box-shadow:3px 3px 0 var(--ink);
}

.page .rsvp .rsvp-form .rsvpSection .chip[data-active="true"]::after,
.page .rsvp .rsvp-form .rsvpSection .chip.is-active::after,
.page .rsvp .rsvp-form .rsvpSection .chip.active::after{
  opacity:1;
  transform:translateY(-65%) rotate(-45deg) scale(1);
}

.page .rsvp .rsvp-form .rsvpSection .rsvpTotal{
  min-height:32px!important;
  margin:0!important;
  padding:4px 10px!important;
  border:1px solid var(--ink)!important;
  border-radius:0!important;
  background:var(--soft)!important;
  font-size:12px!important;
  font-weight:700!important;
}

.page .rsvp .rsvp-form .rsvpSection .consent{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--ink) 28%,transparent)!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--soft) 45%,transparent)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.page .rsvp .rsvp-form .rsvpSection .consent input{
  width:17px!important;
  height:17px!important;
  margin:1px 0 0!important;
  accent-color:var(--accent)!important;
}

.page .rsvp .rsvp-form .rsvpSection .consent small{
  font-size:10px!important;
  line-height:1.4!important;
}

.page .rsvp .rsvp-form .rsvpSection .btn.btn-full,
.page .rsvp .rsvp-form .rsvpSection #rsvpForm button[type="submit"]{
  min-height:50px!important;
  margin:0!important;
  padding:0 20px!important;
  border:2px solid var(--ink)!important;
  border-radius:0!important;
  background:var(--accent)!important;
  color:var(--dark-text)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  box-shadow:5px 5px 0 var(--ink)!important;
}

.page .rsvp .rsvp-form .rsvpSection .btn.btn-full:hover,
.page .rsvp .rsvp-form .rsvpSection #rsvpForm button[type="submit"]:hover{
  transform:translate(-2px,-2px)!important;
  box-shadow:7px 7px 0 var(--ink)!important;
  filter:none!important;
}

.page .rsvp .rsvp-form .rsvpSection .statusBox,
.page .rsvp .rsvp-form .rsvpSection .previewLockNote{
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:700px){
  .page .rsvp .rsvp-form .rsvpSection .rsvpFormCard{
    padding:18px 14px!important;
    box-shadow:5px 5px 0 var(--ink)!important;
  }

  .page .rsvp .rsvp-form .rsvpSection .row2{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .page .rsvp .rsvp-form .rsvpSection .chips{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px 10px!important;
  }

  .page .rsvp .rsvp-form .rsvpSection .chip{
    min-height:30px!important;
    padding-left:28px!important;
    font-size:13px!important;
  }
}

@media(max-width:390px){
  .page .rsvp .rsvp-form .rsvpSection .chips{
    grid-template-columns:1fr!important;
  }
}

/* Adaptive hero names: fit inside the real left column, not the viewport. */
.hero-left{min-width:0;overflow:hidden}
.hero-names{min-width:0;max-width:100%;padding-inline:clamp(2px,.7vw,10px);overflow:visible}
.hero-name{
  width:max-content;
  max-width:none;
  white-space:nowrap;
  text-wrap:nowrap;
  will-change:font-size,transform;
}
.hero-name--bride{transform:translateX(.015em) rotate(-.55deg)}
.hero-name--groom{margin-left:clamp(8px,3.1vw,38px);transform:rotate(.45deg)}
.hero-name-and{margin-left:clamp(76px,19%,160px)}
@media(max-width:800px){
  .hero-names{padding-inline:2px}
  .hero-name--groom{margin-left:clamp(5px,5vw,24px)}
}

/* Final hero typography: crisp, centered connector and equal spacing. */
.hero-names{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  align-content:center;
  row-gap:clamp(14px,2.1vw,28px);
  width:100%;
  margin:clamp(28px,5vh,58px) 0;
  padding-inline:clamp(8px,1.25vw,18px);
  line-height:.82;
  letter-spacing:-.062em;
  text-align:center;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hero-name{
  justify-self:center;
  width:max-content;
  max-width:100%;
  margin:0!important;
  white-space:nowrap;
  transform:none!important;
  font-weight:900;
  line-height:.82;
  letter-spacing:inherit;
  backface-visibility:hidden;
}
.hero-name--bride{
  translate:clamp(-12px,-1.1vw,-4px) 0;
}
.hero-name--groom{
  translate:clamp(4px,1.15vw,14px) 0;
}
.hero-name-and{
  position:relative;
  z-index:2;
  justify-self:center;
  margin:0!important;
  color:var(--accent);
  font-family:Pacifico,"VeryBerry",cursive;
  font-size:clamp(34px,4vw,54px);
  font-weight:400;
  line-height:.72;
  letter-spacing:0;
  text-transform:none;
  transform:rotate(-4deg);
  transform-origin:center;
  translate:0 1px;
}
@media(max-width:480px){
  .hero-names{
    row-gap:14px;
    padding-inline:8px;
    letter-spacing:-.052em;
  }
  .hero-name-and{font-size:32px}
  .hero-name--bride{translate:-4px 0}
  .hero-name--groom{translate:5px 0}
}

/* =========================================================
   CONTACTS — editorial override for “Особый выпуск”
   The shared /views/blocks/contacts.php remains untouched.
========================================================= */
.kpbContactsStage{
  width:100%;
  padding:clamp(64px,8vw,112px);
  background:var(--cream);
  color:var(--ink);
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.kpbContactsFrame{
  width:100%;
  min-width:0;
}

/* Reset the universal soft/glass card only inside this template. */
.kpbContactsStage :is(
  .contactsSection,
  .contactSection,
  .contacts-section,
  [class*="contactsSection"]
){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.kpbContactsStage :is(
  .contactsSectionHead,
  .contactsHead,
  .contactHead,
  .contacts-header,
  [class*="contactsHead"]
){
  width:100%!important;
  max-width:none!important;
  margin:0 0 clamp(34px,5vw,58px)!important;
  text-align:left!important;
}
.kpbContactsStage :is(.contactsLabel,.contactLabel,.contactsKicker,.contactKicker){
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:0!important;
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:var(--accent)!important;
  background:transparent!important;
  font:900 11px/1 Inter,sans-serif!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage :is(.contactsLabel,.contactLabel,.contactsKicker,.contactKicker)::before{
  content:"";
  width:36px;
  height:2px;
  flex:0 0 auto;
  background:currentColor;
}
.kpbContactsStage h2{
  max-width:900px!important;
  margin:0!important;
  color:var(--ink)!important;
  font-family:Inter,sans-serif!important;
  font-size:clamp(48px,7vw,96px)!important;
  font-weight:900!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  text-wrap:balance;
}
.kpbContactsStage :is(.contactsHint,.contactHint,.contactsText,.contactText){
  max-width:700px!important;
  margin:20px 0 0!important;
  color:var(--muted)!important;
  font:500 clamp(16px,1.65vw,20px)/1.55 Inter,sans-serif!important;
  text-align:left!important;
}

/* Common class variants used by the shared contacts block. */
.kpbContactsStage :is(
  .contactsGrid,
  .contactGrid,
  .contacts-grid,
  .contact-grid,
  .contactsList,
  .contactList,
  .contacts-list,
  .contact-list,
  [class*="contactsGrid"],
  [class*="contactGrid"]
){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 42px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.kpbContactsStage :is(
  .contactCard,
  .contactsCard,
  .contactItem,
  .contactsItem,
  .contact-card,
  .contacts-card,
  .contact-item,
  .contacts-item,
  [class*="contactCard"],
  [class*="contactItem"]
){
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px 20px!important;
  min-width:0!important;
  min-height:150px!important;
  margin:0!important;
  padding:26px 0 24px!important;
  overflow:visible!important;
  border:0!important;
  border-top:2px solid var(--ink)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  transform:none!important;
}
.kpbContactsStage :is(
  .contactCard,
  .contactsCard,
  .contactItem,
  .contactsItem,
  .contact-card,
  .contacts-card,
  .contact-item,
  .contacts-item,
  [class*="contactCard"],
  [class*="contactItem"]
)::after{
  content:"↗";
  position:absolute;
  top:22px;
  right:0;
  color:var(--accent);
  font:900 22px/1 Inter,sans-serif;
}
.kpbContactsStage :is(.contactAvatar,.contactsAvatar,.contact-avatar,.contacts-avatar){
  display:none!important;
}
.kpbContactsStage :is(.contactName,.contactsName,.contact-name,.contacts-name){
  margin:0!important;
  padding-right:40px!important;
  color:var(--ink)!important;
  font:900 clamp(25px,3vw,42px)/.95 Inter,sans-serif!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage :is(.contactRole,.contactsRole,.contact-role,.contacts-role){
  grid-column:1!important;
  margin:0!important;
  color:var(--accent)!important;
  font:900 11px/1.25 Inter,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage :is(.contactPhone,.contactsPhone,.contact-phone,.contacts-phone),
.kpbContactsStage a[href^="tel:"],
.kpbContactsStage a[href^="mailto:"],
.kpbContactsStage a[href*="t.me"],
.kpbContactsStage a[href*="wa.me"]{
  grid-column:2!important;
  align-self:end!important;
  margin:0!important;
  padding:0 34px 5px 0!important;
  border:0!important;
  border-bottom:2px solid currentColor!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font:800 14px/1.2 Inter,sans-serif!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.kpbContactsStage a:hover{
  color:var(--accent)!important;
}

/* Fallback for a simpler shared markup without named grid/card classes. */
.kpbContactsStage .kpbContactsFrame > .contactsSection > div:last-child{
  max-width:none!important;
}

@media(max-width:760px){
  .kpbContactsStage{
    padding:58px 22px;
  }
  .kpbContactsStage :is(
    .contactsGrid,.contactGrid,.contacts-grid,.contact-grid,
    .contactsList,.contactList,.contacts-list,.contact-list,
    [class*="contactsGrid"],[class*="contactGrid"]
  ){
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .kpbContactsStage :is(
    .contactCard,.contactsCard,.contactItem,.contactsItem,
    .contact-card,.contacts-card,.contact-item,.contacts-item,
    [class*="contactCard"],[class*="contactItem"]
  ){
    grid-template-columns:1fr!important;
    min-height:0!important;
    padding:23px 0 22px!important;
  }
  .kpbContactsStage :is(.contactPhone,.contactsPhone,.contact-phone,.contacts-phone),
  .kpbContactsStage a[href^="tel:"],
  .kpbContactsStage a[href^="mailto:"],
  .kpbContactsStage a[href*="t.me"],
  .kpbContactsStage a[href*="wa.me"]{
    grid-column:1!important;
    justify-self:start!important;
    padding-right:0!important;
  }
}

/* =========================================================
   CONTACTS V2 — exact override for /views/blocks/contacts.php
========================================================= */
.kpbContactsStage{
  padding:0!important;
  border-top:2px solid var(--ink)!important;
  border-bottom:2px solid var(--ink)!important;
  background:var(--cream)!important;
}
.kpbContactsStage .ivi-contacts{
  --ivi-contacts-bg:transparent;
  --ivi-contacts-card:transparent;
  --ivi-contacts-text:var(--ink);
  --ivi-contacts-muted:var(--muted);
  --ivi-contacts-accent:var(--accent);
  --ivi-contacts-line:var(--ink);
  width:100%!important;
  padding:clamp(64px,8vw,108px)!important;
  overflow:visible!important;
  background:transparent!important;
  color:var(--ink)!important;
}
.kpbContactsStage .ivi-contacts__inner{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.kpbContactsStage .ivi-contacts__head{
  display:grid!important;
  grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr)!important;
  gap:clamp(30px,6vw,90px)!important;
  align-items:end!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 clamp(38px,5vw,62px)!important;
  text-align:left!important;
}
.kpbContactsStage .ivi-contacts__kicker{
  grid-column:1!important;
  margin:0 0 18px!important;
  color:var(--accent)!important;
  font:900 11px/1 Inter,sans-serif!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage .ivi-contacts__title{
  grid-column:1!important;
  margin:0!important;
  color:var(--ink)!important;
  font-family:Inter,sans-serif!important;
  font-size:clamp(50px,7vw,102px)!important;
  font-weight:900!important;
  line-height:.82!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage .ivi-contacts__text{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:end!important;
  max-width:560px!important;
  margin:0!important;
  padding:0 0 7px!important;
  color:var(--muted)!important;
  font:600 clamp(16px,1.6vw,20px)/1.55 Inter,sans-serif!important;
  text-align:left!important;
}
.kpbContactsStage .ivi-contacts__grid{
  counter-reset:kpb-contact;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-bottom:2px solid var(--ink)!important;
}
.kpbContactsStage .ivi-contact{
  counter-increment:kpb-contact;
  position:relative!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) minmax(220px,auto)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(18px,3vw,42px)!important;
  row-gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(24px,3vw,38px) 0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  border-top:2px solid var(--ink)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.kpbContactsStage .ivi-contact::before{
  content:counter(kpb-contact,decimal-leading-zero);
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  margin-top:3px!important;
  color:var(--accent)!important;
  font:900 clamp(24px,3vw,38px)/1 Inter,sans-serif!important;
  letter-spacing:-.04em!important;
}
.kpbContactsStage .ivi-contact__avatar{
  display:none!important;
}
.kpbContactsStage .ivi-contact__name{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:var(--ink)!important;
  font-family:Inter,sans-serif!important;
  font-size:clamp(28px,4vw,58px)!important;
  font-weight:900!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage .ivi-contact__role{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  color:var(--accent)!important;
  font:900 11px/1.25 Inter,sans-serif!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.kpbContactsStage .ivi-contact__phone{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  margin:0!important;
  padding:0 0 5px!important;
  color:var(--ink)!important;
  border-bottom:2px solid currentColor!important;
  font:800 clamp(15px,1.5vw,18px)/1.2 Inter,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.kpbContactsStage .ivi-contact__actions{
  grid-column:3!important;
  grid-row:2!important;
  justify-self:end!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:8px 14px!important;
  margin:0!important;
  padding:0!important;
}
.kpbContactsStage .ivi-contact__action{
  min-height:0!important;
  padding:0 0 4px!important;
  gap:6px!important;
  color:var(--ink)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  font:800 12px/1.2 Inter,sans-serif!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  transition:color .2s ease,transform .2s ease!important;
}
.kpbContactsStage .ivi-contact__action:hover,
.kpbContactsStage .ivi-contact__phone:hover{
  color:var(--accent)!important;
  background:transparent!important;
  transform:translateY(-1px)!important;
}
.kpbContactsStage .ivi-contact__action svg{
  width:14px!important;
  height:14px!important;
}
@media(max-width:760px){
  .kpbContactsStage .ivi-contacts{
    padding:58px 22px!important;
  }
  .kpbContactsStage .ivi-contacts__head{
    grid-template-columns:1fr!important;
    gap:18px!important;
    margin-bottom:36px!important;
  }
  .kpbContactsStage .ivi-contacts__kicker,
  .kpbContactsStage .ivi-contacts__title,
  .kpbContactsStage .ivi-contacts__text{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .kpbContactsStage .ivi-contacts__text{
    padding:0!important;
  }
  .kpbContactsStage .ivi-contact{
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:14px!important;
    row-gap:8px!important;
    padding:24px 0!important;
  }
  .kpbContactsStage .ivi-contact::before{
    grid-column:1!important;
    grid-row:1 / span 4!important;
  }
  .kpbContactsStage .ivi-contact__name,
  .kpbContactsStage .ivi-contact__role,
  .kpbContactsStage .ivi-contact__phone,
  .kpbContactsStage .ivi-contact__actions{
    grid-column:2!important;
    justify-self:start!important;
  }
  .kpbContactsStage .ivi-contact__name{grid-row:1!important}
  .kpbContactsStage .ivi-contact__role{grid-row:2!important}
  .kpbContactsStage .ivi-contact__phone{
    grid-row:3!important;
    margin-top:8px!important;
  }
  .kpbContactsStage .ivi-contact__actions{
    grid-row:4!important;
    justify-content:flex-start!important;
    margin-top:5px!important;
  }
}

/* CONTACTS V3 — compact call button */
.kpbContactsStage .ivi-contact__actions{
  width:auto!important;
  min-width:150px!important;
  align-self:start!important;
}
.kpbContactsStage .ivi-contact__action{
  min-width:150px!important;
  min-height:42px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#fff!important;
  background:var(--accent)!important;
  border:2px solid var(--accent)!important;
  border-radius:0!important;
  box-shadow:4px 4px 0 var(--ink)!important;
  font:900 12px/1 Inter,sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.kpbContactsStage .ivi-contact__action:hover{
  color:#fff!important;
  background:var(--ink)!important;
  border-color:var(--ink)!important;
  transform:translate(2px,2px)!important;
  box-shadow:2px 2px 0 var(--accent)!important;
}
.kpbContactsStage .ivi-contact__action svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
}
@media(max-width:760px){
  .kpbContactsStage .ivi-contact__actions{
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
  .kpbContactsStage .ivi-contact__action{
    width:100%!important;
    min-width:0!important;
  }
}

/* =========================================================
   CONTACTS V4 — clean aligned layout, no numbering
========================================================= */
.kpbContactsStage .ivi-contact{
  grid-template-columns:minmax(0,1fr) minmax(210px,auto)!important;
  grid-template-rows:auto auto!important;
  column-gap:clamp(28px,5vw,72px)!important;
  row-gap:10px!important;
  align-items:center!important;
  padding:clamp(28px,3.5vw,44px) 0!important;
}
.kpbContactsStage .ivi-contact::before{
  content:none!important;
  display:none!important;
}
.kpbContactsStage .ivi-contact__name{
  grid-column:1!important;
  grid-row:1!important;
  align-self:end!important;
  font-size:clamp(30px,4vw,58px)!important;
  line-height:.95!important;
}
.kpbContactsStage .ivi-contact__role{
  grid-column:1!important;
  grid-row:2!important;
  align-self:start!important;
  margin-top:2px!important;
}
.kpbContactsStage .ivi-contact__phone{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:end!important;
  min-width:170px!important;
  margin:0!important;
  padding:0 0 7px!important;
  text-align:right!important;
  border-bottom:2px solid var(--ink)!important;
}
.kpbContactsStage .ivi-contact__actions{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:start!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.kpbContactsStage .ivi-contact__action{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:2px 0 5px!important;
  color:var(--accent)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:2px solid currentColor!important;
  box-shadow:none!important;
  gap:7px!important;
  font:900 12px/1.2 Inter,sans-serif!important;
  letter-spacing:.055em!important;
}
.kpbContactsStage .ivi-contact__action:hover{
  color:var(--ink)!important;
  background:transparent!important;
  transform:none!important;
  box-shadow:none!important;
}
.kpbContactsStage .ivi-contact__action svg{
  width:14px!important;
  height:14px!important;
}
@media(max-width:760px){
  .kpbContactsStage .ivi-contact{
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    gap:10px!important;
    padding:26px 0!important;
  }
  .kpbContactsStage .ivi-contact__name,
  .kpbContactsStage .ivi-contact__role,
  .kpbContactsStage .ivi-contact__phone,
  .kpbContactsStage .ivi-contact__actions{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
    align-self:auto!important;
    text-align:left!important;
  }
  .kpbContactsStage .ivi-contact__phone{
    min-width:0!important;
    margin-top:10px!important;
  }
  .kpbContactsStage .ivi-contact__actions{
    width:auto!important;
    justify-self:start!important;
  }
  .kpbContactsStage .ivi-contact__action{
    width:auto!important;
  }
}

/* Contacts: final phone/action treatment */
.kpbContactsStage .ivi-contact__phone{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--ink)!important;
  font:800 14px/1.25 Inter,sans-serif!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  opacity:.82!important;
}
.kpbContactsStage .ivi-contact__actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:8px!important;
}
.kpbContactsStage .ivi-contact__action{
  min-height:40px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#fff!important;
  background:var(--accent)!important;
  border:2px solid var(--accent)!important;
  border-radius:0!important;
  box-shadow:4px 4px 0 var(--ink)!important;
  font:900 11px/1 Inter,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
.kpbContactsStage .ivi-contact__action:hover{
  color:var(--ink)!important;
  background:var(--paper)!important;
  border-color:var(--ink)!important;
  transform:translate(2px,2px)!important;
  box-shadow:2px 2px 0 var(--ink)!important;
}
.kpbContactsStage .ivi-contact__action svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
}
@media(max-width:760px){
  .kpbContactsStage .ivi-contact__actions{
    justify-content:flex-start!important;
  }
  .kpbContactsStage .ivi-contact__action{
    width:auto!important;
  }
}


/* Важные детали: общий /views/blocks/details.php */
.ivi-details{width:100%;padding:clamp(65px,8vw,110px);background:var(--dark);color:var(--dark-text)}
.ivi-details__inner{width:100%;margin:0 auto}
.ivi-details__head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;align-items:end;margin:0 0 clamp(38px,5vw,58px)}
.ivi-details__kicker{grid-column:1;margin:0 0 20px;display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:900;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.ivi-details__kicker:before{content:"";width:36px;height:2px;background:currentColor}
.ivi-details__title{grid-column:1;margin:0;color:inherit;font-family:Inter,sans-serif;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:.88;letter-spacing:-.06em;text-transform:uppercase}
.ivi-details__text{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:620px;margin:0;color:#ffffffb8;font-size:clamp(17px,1.8vw,21px);line-height:1.6}
.ivi-details__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff55;border-left:1px solid #ffffff55}
.ivi-detail{min-width:0;min-height:250px;padding:clamp(26px,3vw,38px);border-right:1px solid #ffffff55;border-bottom:1px solid #ffffff55;background:var(--dark)}
.ivi-detail__number{margin:0 0 42px;color:var(--accent);font:400 34px/1 Pacifico,cursive}
.ivi-detail__title{margin:0 0 15px;color:inherit;font-family:Inter,sans-serif;font-size:clamp(21px,2.2vw,28px);font-weight:900;line-height:1;text-transform:uppercase}
.ivi-detail__text{margin:0;color:#ffffffb8;font-size:16px;line-height:1.65}
@media(max-width:800px){.ivi-details__head{grid-template-columns:1fr}.ivi-details__text{grid-column:1;grid-row:auto;margin-top:4px}.ivi-details__grid{grid-template-columns:1fr}.ivi-detail{min-height:0}.ivi-detail__number{margin-bottom:26px}}

/* Photo placeholder and story without photo */
.hero-photo--placeholder{position:relative;display:grid;place-items:center;min-height:690px;overflow:hidden;background:linear-gradient(145deg,var(--soft),var(--cream));filter:none;border-bottom:0}
.hero-photo--placeholder:before,.hero-photo--placeholder:after{content:"";position:absolute;border:2px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;pointer-events:none}
.hero-photo--placeholder:before{width:420px;height:420px;right:-190px;top:-160px}
.hero-photo--placeholder:after{width:270px;height:270px;left:-130px;bottom:-105px}
.photo-placeholder{position:relative;z-index:1;width:min(360px,78%);padding:42px 28px;text-align:center;border:2px dashed color-mix(in srgb,var(--ink) 40%,transparent);background:color-mix(in srgb,var(--cream) 82%,transparent);backdrop-filter:blur(8px)}
.photo-placeholder__icon{display:grid;place-items:center;width:70px;height:58px;margin:0 auto 22px;border:3px solid var(--ink);border-radius:8px;position:relative}
.photo-placeholder__icon:before{content:"";position:absolute;width:24px;height:8px;top:-10px;border:3px solid var(--ink);border-bottom:0;border-radius:5px 5px 0 0}
.photo-placeholder__icon i{width:23px;height:23px;border:3px solid var(--accent);border-radius:50%}
.photo-placeholder strong{display:block;font-size:18px;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}
.photo-placeholder small{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}
.story-head{min-width:0}.story-copy{min-width:0}.story-photo{margin:0 0 30px}.story-photo img{margin:0;width:100%;max-height:520px;object-fit:cover}
.story-text p{margin:0}.story--text-only{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;position:relative}
.story--text-only .story-copy{position:relative;padding:clamp(30px,4vw,58px);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.story--text-only .story-copy:before{content:"“";position:absolute;right:18px;top:-18px;font:900 clamp(90px,12vw,150px)/1 Inter,sans-serif;color:color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:none}
.story--text-only .story-text{position:relative;z-index:1;max-width:760px}
.story--text-only .story-text p{font-size:clamp(21px,2.3vw,31px);line-height:1.5;text-wrap:pretty}
.story--text-only .marker{max-width:520px;font-size:clamp(26px,3vw,38px);line-height:1.45}
@media(max-width:800px){.story--text-only{grid-template-columns:1fr}.story--text-only .story-copy{padding:32px 0;border-top:2px solid var(--ink);border-bottom:0}.hero-photo--placeholder{min-height:560px}}
@media(max-width:480px){.photo-placeholder{width:calc(100% - 40px);padding:34px 20px}.hero-photo--placeholder{min-height:500px}.story--text-only .story-text p{font-size:20px}.story--text-only .marker{font-size:27px}}

/* Editorial story layout when no photo is uploaded */
.story--text-only{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:clamp(48px,7vw,110px);
  align-items:start;
  padding-top:clamp(42px,5vw,72px);
  padding-bottom:clamp(78px,9vw,126px);
  isolation:isolate;
}
.story--text-only:before{
  content:"";
  position:absolute;
  width:clamp(150px,20vw,270px);
  aspect-ratio:1;
  left:clamp(-120px,-8vw,-55px);
  bottom:clamp(-125px,-8vw,-70px);
  border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);
  border-radius:50%;
  z-index:-1;
}
.story--text-only .story-head{
  position:relative;
  min-width:0;
  padding-bottom:0;
}
.story--text-only .story-head:after{
  content:none;
  display:none;
  width:max-content;
  margin-top:clamp(28px,4vw,46px);
  padding-top:14px;
  border-top:2px solid var(--accent);
  color:var(--accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.story--text-only .story-head h2{
  max-width:680px;
  font-size:clamp(44px,5.6vw,76px);
  line-height:.86;
  letter-spacing:-.07em;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
.story--text-only .story-copy{
  position:relative;
  width:100%;
  margin:0;
  padding:clamp(44px,5vw,70px) clamp(34px,4vw,58px) clamp(38px,4.5vw,62px);
  border:0;
  background:color-mix(in srgb,var(--soft) 72%,var(--cream));
  box-shadow:14px 14px 0 color-mix(in srgb,var(--ink) 10%,transparent);
}
.story--text-only .story-copy:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:9px;
  height:100%;
  background:var(--accent);
}
.story--text-only .story-copy:before{
  content:"“";
  right:clamp(18px,2.5vw,34px);
  top:clamp(-40px,-3vw,-22px);
  color:color-mix(in srgb,var(--accent) 23%,transparent);
  font:900 clamp(100px,11vw,150px)/1 Inter,sans-serif;
}
.story--text-only .story-text{
  max-width:none;
}
.story--text-only .story-text p{
  margin:0;
  max-width:660px;
  font-size:clamp(21px,2.05vw,29px);
  line-height:1.55;
  letter-spacing:-.02em;
  text-wrap:pretty;
}
.story--text-only .marker{
  position:relative;
  margin-top:clamp(30px,4vw,44px);
  padding-top:clamp(24px,3vw,34px);
  max-width:590px;
  font-size:clamp(25px,2.75vw,36px);
  line-height:1.42;
}
.story--text-only .marker:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:74px;
  height:2px;
  background:var(--ink);
  opacity:.72;
}
@media(max-width:960px){
  .story--text-only{
    grid-template-columns:1fr;
    gap:44px;
    align-items:start;
  }
  .story--text-only .story-head{padding-bottom:0}
  .story--text-only .story-head h2{max-width:820px;font-size:clamp(44px,8vw,68px)}
  .story--text-only .story-copy{width:min(100%,760px);margin-left:auto}
}
@media(max-width:600px){
  .story--text-only{gap:32px}
  .story--text-only .story-head h2{font-size:clamp(38px,11vw,54px);line-height:.9}
  .story--text-only .story-copy{
    padding:38px 24px 32px 30px;
    box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 10%,transparent);
  }
  .story--text-only .story-copy:after{width:6px}
  .story--text-only .story-text p{font-size:19px;line-height:1.55}
  .story--text-only .marker{font-size:25px}
}

/* =========================================================
   DRESS CODE — MOBILE PALETTE
   Компактные цветовые маркеры без растягивания на всю ширину.
========================================================= */
@media (max-width: 640px){
  .dresscode{
    padding:52px 24px;
    gap:34px;
    align-items:start;
  }

  .dresscode > div:first-child{
    min-width:0;
  }

  .dresscode h2{
    font-size:clamp(42px,14vw,64px);
    line-height:.9;
    overflow-wrap:anywhere;
  }

  .dresscode p{
    margin-top:22px;
    font-size:16px;
    line-height:1.6;
  }

  .dresscode .palette{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:18px;
    padding:4px 0 10px;
  }

  .dresscode .palette i{
    display:block;
    flex:0 0 clamp(54px,18vw,68px);
    width:clamp(54px,18vw,68px);
    height:clamp(54px,18vw,68px);
    aspect-ratio:auto;
    border-width:2px;
    box-shadow:5px 5px 0 var(--ink);
  }
}

@media (max-width: 390px){
  .dresscode{
    padding-left:20px;
    padding-right:20px;
  }

  .dresscode .palette{
    gap:15px;
  }

  .dresscode .palette i{
    flex-basis:56px;
    width:56px;
    height:56px;
    box-shadow:4px 4px 0 var(--ink);
  }
}

/* =========================================================
   TYPOGRAPHY + DRESS CODE FINAL TUNE
   Единая читаемая типографика и адаптивная палитра.
========================================================= */
.page,
.page button,
.page input,
.page textarea,
.page select{
  font-family:Inter,Arial,sans-serif!important;
}

/* Единый размер заголовков основных разделов. */
.page :is(
  .story h2,
  .schedule h2,
  .gallery h2,
  .locations h2,
  .dresscode h2,
  .rsvp > div:first-child h2,
  .ivi-details__title,
  .ivi-contacts__title,
  .kpbContactsStage h2
){
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(38px,5vw,66px)!important;
  font-weight:900!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}

.page :is(.marker,.line span,.hero-name-and){
  font-family:Inter,Arial,sans-serif!important;
}
.page .marker{
  font-size:clamp(20px,2.2vw,28px)!important;
  font-style:italic;
  font-weight:700;
  line-height:1.35;
}

/* Dress code: заголовок не захватывает весь экран, палитра заметнее. */
.page .dresscode{
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:clamp(38px,7vw,92px);
  align-items:center;
}
.page .dresscode > div:first-child{
  min-width:0;
}
.page .dresscode h2{
  max-width:760px;
  font-size:clamp(38px,4.9vw,64px)!important;
  line-height:.95!important;
}
.page .dresscode p{
  max-width:760px;
  margin:24px 0 0;
  font-size:clamp(17px,1.55vw,20px);
  line-height:1.55;
}
.page .dresscode .palette{
  display:grid;
  grid-template-columns:repeat(3,clamp(72px,7.2vw,92px));
  justify-content:center;
  align-content:center;
  gap:clamp(18px,2.2vw,28px);
  width:100%;
}
.page .dresscode .palette i{
  width:clamp(72px,7.2vw,92px);
  height:clamp(72px,7.2vw,92px);
  aspect-ratio:1;
  border:2px solid var(--ink);
  border-radius:50%;
  box-shadow:6px 6px 0 var(--ink);
}

/* Не раздуваем заголовки общих блоков. */
.page .kpbContactsStage .ivi-contacts__title,
.page .kpbContactsStage h2{
  font-size:clamp(38px,5vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}
.page .kpbContactsStage .ivi-contact__name{
  font-size:clamp(24px,3vw,40px)!important;
  line-height:1!important;
}
.page .ivi-details__title{
  font-size:clamp(38px,5vw,66px)!important;
  line-height:.94!important;
}

@media(max-width:800px){
  .page :is(
    .story h2,
    .schedule h2,
    .gallery h2,
    .locations h2,
    .dresscode h2,
    .rsvp > div:first-child h2,
    .ivi-details__title,
    .ivi-contacts__title,
    .kpbContactsStage h2
  ){
    font-size:clamp(34px,8.8vw,50px)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }

  .page .dresscode{
    grid-template-columns:1fr;
    gap:36px;
    padding:58px 26px;
    align-items:start;
  }
  .page .dresscode h2{
    max-width:620px;
    font-size:clamp(34px,8.8vw,50px)!important;
  }
  .page .dresscode p{
    margin-top:20px;
    font-size:16px;
    line-height:1.55;
  }
  .page .dresscode .palette{
    grid-template-columns:repeat(3,clamp(64px,18vw,82px));
    justify-content:start;
    gap:18px;
  }
  .page .dresscode .palette i{
    width:clamp(64px,18vw,82px);
    height:clamp(64px,18vw,82px);
    box-shadow:5px 5px 0 var(--ink);
  }
}

@media(max-width:420px){
  .page .dresscode{
    padding:50px 20px;
    gap:30px;
  }
  .page .dresscode h2{
    font-size:clamp(32px,9.8vw,42px)!important;
    line-height:1!important;
  }
  .page .dresscode .palette{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    width:min(100%,270px);
  }
  .page .dresscode .palette i{
    width:100%;
    height:auto;
    aspect-ratio:1;
    box-shadow:4px 4px 0 var(--ink);
  }
}