*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}.orPage{width:100%;overflow:hidden;background:var(--paper)}img{max-width:100%}.orShell,.orSection{width:min(1120px,calc(100% - 48px));margin:0 auto}.orSection,.orShared{padding:110px 0}.orSection>small,.orShared small,.iviLocKicker,.iviGalleryKicker{display:block;text-align:center;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.orSection>h2,.iviLocTitle,.iviGalleryTitle{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(46px,7vw,82px);line-height:.95;font-weight:400;text-align:center;margin:0 0 48px;color:var(--ink)}
/* HERO: same composition as prototype */
.tyiHero{min-height:100svh;height:100svh;position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#aaa49a;color:#fff}.tyiHeroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.01)}.tyiHeroShade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(22,20,18,.18),rgba(22,20,18,.08) 50%,rgba(22,20,18,.30));pointer-events:none}.tyiHeroInner{position:relative;z-index:3;width:min(94%,740px);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:9vh 0 48px}.orWedding{max-width:min(92vw,720px);font-size:11px;line-height:1.5;letter-spacing:.34em;text-transform:uppercase;font-weight:500;margin:0 0 26px;text-shadow:0 1px 12px rgba(0,0,0,.22)}.tyiNames{margin:0;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.72;color:#fff;overflow:visible}.tyiName{display:block;width:max-content;max-width:none;white-space:nowrap;text-align:center;font-size:clamp(86px,12vw,155px);line-height:.72;transform-origin:center center;text-shadow:0 2px 12px rgba(0,0,0,.15);padding:0 .04em}.tyiNames b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,2.4vw,34px);line-height:.8;font-weight:300;margin:4px 0 8px}.tyiDate{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);font-size:15px;letter-spacing:.32em;font-weight:500;white-space:nowrap}.tyiBotanical{position:absolute;z-index:2;filter:brightness(0) invert(1);opacity:.86;pointer-events:none}.tyiBotanicalRight{right:-20px;top:31%;width:clamp(140px,22vw,270px)}.tyiBotanicalLeft{left:-32px;bottom:-15px;width:clamp(140px,23vw,280px);transform:rotate(-10deg)}.tyiHeroPlaceholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#b8b1a3,#8f8b82);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
/* STORY: text left, portrait right, exactly like prototype */
.tyiStorySection{position:relative}.tyiStoryGrid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center;position:relative;z-index:2}.tyiStoryGrid--no-image{grid-template-columns:minmax(0,760px);justify-content:center}.tyiStoryCopy>small{display:block;text-align:left;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.tyiStoryCopy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(46px,7vw,82px);line-height:.95;font-weight:400;margin:0 0 28px;color:var(--ink)}.tyiStoryCopy p{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.5;color:var(--ink);margin:0 0 20px}.tyiStoryPhoto{margin:0;position:relative}.tyiStoryPhoto img{width:100%;height:650px;object-fit:cover;display:block;filter:saturate(.72) sepia(.05)}.tyiStoryPhoto figcaption{position:absolute;right:-25px;bottom:30px;background:var(--paper);color:var(--ink);padding:15px 22px;font-family:'Cormorant Garamond',Georgia,serif;font-size:50px;line-height:.8;white-space:nowrap}.tyiStoryBotanical{position:absolute;left:-80px;bottom:20px;width:210px;opacity:.14;pointer-events:none}
/* PROGRAM: prototype timeline, no extra marker/icon column */
.tyiSectionHead{text-align:center;margin-bottom:60px}.tyiSectionHead small{display:block;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.tyiSectionHead h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(46px,7vw,82px);line-height:.95;font-weight:400;margin:0;color:var(--ink)}.tyiTimeline{max-width:860px;margin:auto}.tyiTimelineItem{display:grid;grid-template-columns:150px 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.tyiTimelineItem:last-child{border-bottom:1px solid var(--line)}.tyiTimelineItem time{font-family:'Cormorant Garamond',Georgia,serif;font-size:50px;line-height:1;font-variant-numeric:tabular-nums}.tyiTimelineItem h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:32px;line-height:1.1;margin:4px 0 8px}.tyiTimelineItem p{margin:0;line-height:1.7;color:var(--muted)}
/* SHARED BLOCK SURFACES */
.orTimerBlock,.orDetails,.orRsvp{background:var(--panel2)}.orLocation,.orGallery,.orContacts{background:var(--paper)}.orShared .orShell{position:relative}.orShared :where(h1,h2,h3,h4){color:var(--ink)}.orShared :where(p,.iviLocText,.iviGallerySubtitle){color:var(--muted)}.orShared :where(.iviTimer,.timer-wrap,.timer-card,.iviLocWrap,.iviLocation,.location-wrap,.dresscode-wrap,.iviDresscode,.gallery-wrap,.iviGallery,.details-wrap,.contacts-wrap,.rsvp-wrap,.rsvp-card){box-shadow:none!important;border-radius:0!important}.orShared :where(button,.btn,a.button,.iviBtn){border-radius:0!important;transition:.25s ease!important}.orShared :where(button,.btn,.iviBtn){background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important}.orShared :where(button,.btn,.iviBtn):hover{background:transparent!important;color:var(--ink)!important}
/* TIMER */
.orTimerBlock .iviTimer{padding:0!important}.orTimerBlock .iviTimer__inner{max-width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;padding:0!important}.orTimerBlock .iviTimer__title{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(44px,6vw,72px)!important;font-weight:400!important;line-height:1!important}.orTimerBlock .iviTimer__grid{max-width:760px!important;gap:18px!important}.orTimerBlock .iviTimer__grid>div{border:0!important;border-radius:0!important;background:transparent!important;padding:8px!important}.orTimerBlock .iviTimer__grid b{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:66px!important;font-weight:400!important}.orTimerBlock .iviTimer__grid span{font-size:9px!important;letter-spacing:.25em!important}
/* LOCATION */
.orLocationHead{text-align:center;max-width:760px;margin:0 auto 42px}.iviLocTitle{margin-bottom:18px}.iviLocText{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;line-height:1.65}.orLocation :where(.iviLocGrid,.location-grid,.locations-grid){gap:18px!important}.orLocation :where(.iviLocCard,.location-card){border:1px solid var(--line)!important;background:var(--panel)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}.orLocation :where(.iviLocCard img,.location-card img){filter:saturate(.78)}
/* DRESSCODE */
.orDress{text-align:center}.orDress :where(.iviDressPalette,.dresscode-colors,.dc-colors){justify-content:center!important}.orDress :where(.iviDressColor,.dc-color,.color-chip){border-radius:50%!important;box-shadow:0 0 0 4px rgba(255,255,255,.35)!important}
/* GALLERY: shared gallery.php styled as prototype mosaic */
.orGallery .iviGalleryHead{text-align:center;margin-bottom:60px}.orGallery .iviGalleryKicker{margin-bottom:18px}.orGallery .iviGalleryTitle{margin:0}.orGallery .iviGallerySubtitle{max-width:720px;margin:18px auto 0;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.5}.orGallery .iviGalleryGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:300px!important;gap:14px!important}.orGallery .iviGalleryItem{display:block!important;position:relative!important;overflow:hidden!important;min-width:0!important;height:100%!important;border-radius:0!important}.orGallery .iviGalleryItem:nth-child(1){grid-row:span 2}.orGallery .iviGalleryItem:nth-child(4){grid-column:span 2}.orGallery .iviGalleryItem img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(.72);transition:transform .8s ease,filter .8s ease}.orGallery .iviGalleryItem:hover img{transform:scale(1.035);filter:saturate(.9)}.orGallery .iviGalleryCaption{position:absolute;left:12px;right:12px;bottom:10px;margin:0!important;padding:8px 10px!important;background:rgba(20,20,18,.54)!important;color:#fff!important;font-size:12px!important}
/* DETAILS / CONTACTS */
.orDetails :where(.details-grid,.iviDetailsGrid){gap:18px!important}.orDetails :where(.detail-card,.iviDetailsCard){background:transparent!important;border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.orContacts{text-align:center}.orContactsNote{font-family:'Cormorant Garamond',Georgia,serif;font-size:46px;margin-top:24px}
/* RSVP */
.orRsvpCard{max-width:920px;margin:auto}.orRsvp :where(input,select,textarea){border-radius:0!important;box-shadow:none!important}.orRsvp :where(input[type=text],input[type=email],input[type=tel],select,textarea){background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important}.orRsvp :where(label,.form-label){color:var(--ink)!important}
/* END */
.orEnd{min-height:430px;background:var(--ink);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px 24px;position:relative;overflow:hidden}.orEnd>span{font-size:11px;letter-spacing:.3em}.orEnd h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(72px,8vw,130px);font-weight:400;line-height:.72;margin:28px 0;color:#fff}.orEnd h2 i{font-family:Georgia,serif;font-size:.28em;font-style:normal}
@media(max-width:780px){.orShell,.orSection{width:calc(100% - 36px)}.orSection,.orShared{padding:78px 0}.tyiHero{min-height:620px}.tyiHeroInner{width:94%;padding:11vh 0 44px}.orWedding{font-size:11px;letter-spacing:.28em;margin-bottom:20px;max-width:88vw}.tyiName{font-size:clamp(68px,22vw,108px);line-height:.74}.tyiNames b{font-size:clamp(18px,5vw,25px);margin:2px 0 6px}.tyiDate{font-size:12px;letter-spacing:.24em}.tyiBotanicalRight{right:-58px;top:35%;width:175px}.tyiBotanicalLeft{left:-48px;bottom:-15px;width:165px}.tyiStoryGrid{grid-template-columns:1fr;gap:42px}.tyiStoryCopy{text-align:center}.tyiStoryCopy>small{text-align:center}.tyiStoryCopy h2{font-size:clamp(44px,14vw,62px)}.tyiStoryCopy p{font-size:21px}.tyiStoryPhoto{width:100%}.tyiStoryPhoto img{height:min(118vw,540px)}.tyiStoryPhoto figcaption{right:10px;bottom:18px;font-size:42px}.tyiStoryBotanical{left:-60px;bottom:10px;width:150px}.tyiSectionHead{margin-bottom:40px}.tyiSectionHead h2{font-size:clamp(44px,14vw,62px)}.tyiTimelineItem{grid-template-columns:82px 1fr;gap:16px;padding:24px 0}.tyiTimelineItem time{font-size:34px}.tyiTimelineItem h3{font-size:28px}.tyiTimelineItem p{font-size:14px}.orTimerBlock .iviTimer__grid{gap:4px!important}.orTimerBlock .iviTimer__grid b{font-size:clamp(34px,10vw,46px)!important}.orTimerBlock .iviTimer__grid span{font-size:8px!important;letter-spacing:.12em!important}.iviLocText{font-size:17px}.orGallery .iviGalleryHead{margin-bottom:40px}.orGallery .iviGalleryGrid{grid-template-columns:1fr 1fr!important;grid-auto-rows:210px!important;gap:8px!important}.orGallery .iviGalleryItem:nth-child(1){grid-row:span 2}.orGallery .iviGalleryItem:nth-child(4){grid-column:span 2}.orEnd{min-height:360px}.orEnd h2{font-size:clamp(70px,22vw,100px)}}
@media(max-width:480px){.orShell,.orSection{width:calc(100% - 32px)}.orSection,.orShared{padding:68px 0}.tyiHeroInner{padding-top:13vh}.orWedding{font-size:9px;letter-spacing:.24em;margin-bottom:18px}.tyiName{font-size:clamp(62px,21vw,94px)}.tyiName:last-of-type{font-size:.92em}.tyiNames b{font-size:20px}.tyiStoryCopy h2,.tyiSectionHead h2{font-size:48px}.tyiStoryCopy p{font-size:20px}.tyiStoryPhoto img{height:125vw;max-height:500px}.tyiStoryPhoto figcaption{font-size:36px}.tyiTimelineItem{grid-template-columns:68px 1fr;gap:12px}.tyiTimelineItem time{font-size:29px}.tyiTimelineItem h3{font-size:25px}.orGallery .iviGalleryGrid{grid-auto-rows:175px!important}.orGallery .iviGalleryTitle{font-size:48px}.orContactsNote{font-size:39px}}
@media(max-width:360px){.tyiName{font-size:66px}.tyiName:last-of-type{font-size:.9em}.tyiTimelineItem{grid-template-columns:60px 1fr}.tyiTimelineItem time{font-size:26px}.orGallery .iviGalleryGrid{grid-auto-rows:155px!important}}
/* =========================================================
TY + YA v3 — exact shared-block styling
Program / Dress code / Details / Contacts
========================================================= */
/* PROGRAM — warm editorial strip like the prototype */
.tyiScheduleSection{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:112px max(24px,calc((100vw - 1120px)/2)) 118px !important;
background:var(--panel2) !important;
}
.tyiScheduleSection .tyiSectionHead{
width:min(860px,100%);
margin:0 auto 64px;
}
.tyiScheduleSection .tyiSectionHead small{
margin-bottom:16px;
color:var(--muted);
font-size:11px;
font-weight:600;
letter-spacing:.38em;
}
.tyiScheduleSection .tyiSectionHead h2{
margin:0;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(52px,6.4vw,76px);
font-weight:500;
line-height:.96;
letter-spacing:-.025em;
}
.tyiScheduleSection .tyiTimeline{
width:min(860px,100%);
max-width:none;
margin:0 auto;
}
.tyiScheduleSection .tyiTimelineItem{
display:grid;
grid-template-columns:190px minmax(0,1fr);
gap:0;
align-items:start;
min-height:164px;
padding:39px 0 36px;
border-top:1px solid var(--line);
}
.tyiScheduleSection .tyiTimelineItem:last-child{border-bottom:1px solid var(--line)}
.tyiScheduleSection .tyiTimelineItem time{
padding-right:30px;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:46px;
font-weight:500;
line-height:1;
letter-spacing:-.025em;
color:var(--ink);
font-variant-numeric:tabular-nums;
}
.tyiScheduleSection .tyiTimelineItem h3{
margin:-2px 0 12px;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:33px;
font-weight:400;
line-height:1.05;
letter-spacing:-.018em;
color:var(--ink);
}
.tyiScheduleSection .tyiTimelineItem p{
max-width:100%;
margin:0;
font-family:Montserrat,Arial,sans-serif;
font-size:16px;
font-weight:400;
line-height:1.62;
color:var(--muted);
}
/* DETAILS — shared /views/blocks/details.php */
.orDetails{background:var(--panel2) !important;}
.orDetails .le-details{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
color:var(--ink) !important;
background:transparent !important;
}
.orDetails .le-details__header{
width:min(760px,100%) !important;
margin:0 auto 58px !important;
text-align:center !important;
}
.orDetails .le-details__kicker{
margin:0 0 17px !important;
color:var(--muted) !important;
font:600 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.36em !important;
text-transform:uppercase !important;
}
.orDetails .le-details__title{
margin:0 !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:clamp(48px,6.4vw,76px) !important;
font-weight:400 !important;
line-height:.98 !important;
letter-spacing:-.025em !important;
}
.orDetails .le-details__text{
width:min(650px,100%) !important;
margin:20px auto 0 !important;
color:var(--muted) !important;
font:400 16px/1.7 Montserrat,Arial,sans-serif !important;
}
.orDetails .le-details__grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:0 !important;
width:min(860px,100%) !important;
margin:0 auto !important;
}
.orDetails .le-details__card{
position:relative !important;
min-width:0 !important;
padding:38px 34px 40px !important;
color:var(--ink) !important;
background:color-mix(in srgb,var(--accent2) 28%,var(--paper)) !important;
border:0 !important;
border-bottom:1px solid var(--line) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orDetails .le-details__card:nth-child(odd){border-right:1px solid var(--line) !important;}
.orDetails .le-details__card-icon{
display:block !important;
width:auto !important;
height:auto !important;
margin:0 0 24px !important;
padding:0 !important;
color:var(--muted) !important;
background:none !important;
border:0 !important;
border-radius:0 !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:18px !important;
line-height:1 !important;
letter-spacing:.12em !important;
}
.orDetails .le-details__card-icon img{
width:24px !important;
height:24px !important;
object-fit:contain !important;
opacity:.72 !important;
}
.orDetails .le-details__provider{
margin:0 0 8px !important;
color:var(--muted) !important;
font:600 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
.orDetails .le-details__card-title{
margin:0 0 12px !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:30px !important;
font-weight:400 !important;
line-height:1.08 !important;
}
.orDetails .le-details__card-text{
margin:0 !important;
color:var(--muted) !important;
font:400 15px/1.68 Montserrat,Arial,sans-serif !important;
}
.orDetails .le-details__wishlist-button{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
min-height:auto !important;
margin-top:22px !important;
padding:0 0 6px !important;
color:var(--ink) !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid currentColor !important;
border-radius:0 !important;
box-shadow:none !important;
font:600 13px/1.2 Montserrat,Arial,sans-serif !important;
text-decoration:none !important;
}
.orDetails .le-details__wishlist-button svg{width:17px !important;height:17px !important;}
/* CONTACTS — erase the generic glass-card look and make it native to template */
.orContacts{
background:var(--paper) !important;
text-align:initial !important;
}
.orContacts .ivi-contacts{
--ivi-contacts-bg:transparent !important;
--ivi-contacts-card:transparent !important;
--ivi-contacts-text:var(--ink) !important;
--ivi-contacts-muted:var(--muted) !important;
--ivi-contacts-accent:var(--ink) !important;
--ivi-contacts-line:var(--line) !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
color:var(--ink) !important;
background:transparent !important;
overflow:visible !important;
}
.orContacts .ivi-contacts__inner{
width:100% !important;
max-width:none !important;
margin:0 !important;
}
.orContacts .ivi-contacts__head{
width:min(760px,100%) !important;
max-width:none !important;
margin:0 auto 58px !important;
text-align:center !important;
}
.orContacts .ivi-contacts__kicker{
margin:0 0 17px !important;
color:var(--muted) !important;
font:600 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.36em !important;
}
.orContacts .ivi-contacts__title{
margin:0 !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:clamp(48px,6.4vw,76px) !important;
font-weight:400 !important;
line-height:.98 !important;
letter-spacing:-.025em !important;
}
.orContacts .ivi-contacts__text{
width:min(650px,100%) !important;
margin:20px auto 0 !important;
color:var(--muted) !important;
font:400 16px/1.7 Montserrat,Arial,sans-serif !important;
}
.orContacts .ivi-contacts__grid{
display:grid !important;
grid-template-columns:repeat(var(--ivi-contacts-count,1),minmax(0,1fr)) !important;
gap:0 !important;
width:min(860px,100%) !important;
margin:0 auto !important;
border-top:1px solid var(--line) !important;
border-bottom:1px solid var(--line) !important;
}
.orContacts .ivi-contact{
display:flex !important;
min-width:0 !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
margin:0 !important;
padding:38px 30px 40px !important;
text-align:left !important;
color:var(--ink) !important;
background:transparent !important;
border:0 !important;
border-right:1px solid var(--line) !important;
border-radius:0 !important;
box-shadow:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
.orContacts .ivi-contact:last-child{border-right:0 !important;}
.orContacts .ivi-contact__avatar{
display:grid !important;
place-items:center !important;
width:44px !important;
height:44px !important;
margin:0 0 24px !important;
padding:0 !important;
color:var(--ink) !important;
background:transparent !important;
border:1px solid var(--line) !important;
border-radius:50% !important;
box-shadow:none !important;
}
.orContacts .ivi-contact__avatar svg{width:20px !important;height:20px !important;stroke-width:1.35 !important;}
.orContacts .ivi-contact__name{
margin:0 !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:31px !important;
font-weight:400 !important;
line-height:1.06 !important;
}
.orContacts .ivi-contact__role{
margin:8px 0 0 !important;
color:var(--muted) !important;
font:500 13px/1.5 Montserrat,Arial,sans-serif !important;
}
.orContacts .ivi-contact__phone{
margin:20px 0 0 !important;
color:var(--ink) !important;
font:500 15px/1.4 Montserrat,Arial,sans-serif !important;
text-decoration:none !important;
}
.orContacts .ivi-contact__actions{
display:flex !important;
flex-wrap:wrap !important;
justify-content:flex-start !important;
gap:12px 18px !important;
width:100% !important;
margin-top:auto !important;
padding-top:22px !important;
}
.orContacts .ivi-contact__action{
display:inline-flex !important;
min-height:auto !important;
align-items:center !important;
justify-content:flex-start !important;
gap:7px !important;
padding:0 0 5px !important;
color:var(--ink) !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid color-mix(in srgb,var(--ink) 36%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
font:600 12px/1.2 Montserrat,Arial,sans-serif !important;
text-decoration:none !important;
transform:none !important;
}
.orContacts .ivi-contact__action:hover{
color:var(--accent) !important;
background:transparent !important;
border-color:currentColor !important;
transform:none !important;
}
.orContacts .orContactsNote{
margin:32px auto 0 !important;
text-align:center !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:46px !important;
line-height:.9 !important;
}
@media (max-width:760px){
.tyiScheduleSection{
padding:76px 20px 82px !important;
}
.tyiScheduleSection .tyiSectionHead{margin-bottom:42px;}
.tyiScheduleSection .tyiSectionHead h2{font-size:clamp(44px,13vw,62px);}
.tyiScheduleSection .tyiTimelineItem{
grid-template-columns:92px minmax(0,1fr);
min-height:0;
padding:28px 0 27px;
}
.tyiScheduleSection .tyiTimelineItem time{
padding-right:16px;
font-size:34px;
}
.tyiScheduleSection .tyiTimelineItem h3{
margin:0 0 8px;
font-size:26px;
}
.tyiScheduleSection .tyiTimelineItem p{
font-size:14px;
line-height:1.55;
}
.orDress .iviDressTitle,
.orDetails .le-details__title,
.orContacts .ivi-contacts__title{font-size:clamp(43px,13vw,60px) !important;}
.orDress .iviDressSwatches{gap:11px !important;margin:30px auto 26px !important;}
.orDress .iviDressDot{
flex-basis:39px !important;
width:39px !important;
height:39px !important;
box-shadow:0 0 0 4px var(--paper),0 0 0 5px color-mix(in srgb,var(--ink) 10%,transparent) !important;
}
.orDetails .le-details__header,
.orContacts .ivi-contacts__head{margin-bottom:40px !important;}
.orDetails .le-details__grid{grid-template-columns:1fr !important;}
.orDetails .le-details__card{
padding:28px 4px 30px !important;
border-right:0 !important;
}
.orDetails .le-details__card:nth-child(odd){border-right:0 !important;}
.orDetails .le-details__card-title{font-size:27px !important;}
.orContacts .ivi-contacts__grid{
grid-template-columns:1fr !important;
}
.orContacts .ivi-contact{
width:100% !important;
margin:0 !important;
padding:30px 4px 32px !important;
border-right:0 !important;
border-bottom:1px solid var(--line) !important;
}
.orContacts .ivi-contact:last-child{border-bottom:0 !important;}
.orContacts .ivi-contact__name{font-size:29px !important;}
.orContacts .orContactsNote{font-size:40px !important;}
}
@media (max-width:380px){
.tyiScheduleSection .tyiTimelineItem{grid-template-columns:82px minmax(0,1fr);}
.tyiScheduleSection .tyiTimelineItem time{font-size:31px;padding-right:12px;}
.tyiScheduleSection .tyiTimelineItem h3{font-size:24px;}
.orDress .iviDressSwatches{gap:9px !important;}
.orDress .iviDressDot{flex-basis:35px !important;width:35px !important;height:35px !important;}
}
/* =========================================================
TY + YA v4 — typography synced 1:1 with HTML prototype
+ complete styling for shared location block
========================================================= */
/* Exact typography from wedding_passions prototype */
html,body,.orPage{
font-family:'Montserrat',Arial,sans-serif !important;
font-weight:400;
}
.orPage :where(p,div,span,a,button,input,select,textarea,label){
font-family:'Montserrat',Arial,sans-serif;
}
.orPage :where(h1,h2,h3,h4,h5,h6),
.orPage :where(.iviLocTitle,.iviLocName,.iviGalleryTitle,.le-details__title,.le-details__card-title,.ivi-contacts__title){
font-family:'Cormorant Garamond',Georgia,serif !important;
font-weight:400;
}
.tyiNames,.tyiName,.tyiStoryPhoto figcaption,.orMarker,.orContactsNote{
font-family:'Cormorant Garamond',Georgia,serif !important;
font-weight:400 !important;
}
.orWedding,
.orSection>small,
.tyiStoryCopy>small,
.tyiSectionHead small,
.iviLocKicker,
.iviGalleryKicker,
.iviDressKicker,
.le-details__kicker,
.ivi-contacts__kicker{
font-family:'Montserrat',Arial,sans-serif !important;
font-weight:500 !important;
letter-spacing:.34em !important;
}
.tyiStoryCopy p,
.iviLocText,
.orGallery .iviGallerySubtitle{
font-family:'Cormorant Garamond',Georgia,serif !important;
font-weight:400 !important;
}
/* LOCATION — complete shared /views/blocks/location.php skin */
.orLocation{
background:var(--paper) !important;
}
.orLocation .orShell{
width:min(1120px,calc(100% - 48px)) !important;
max-width:1120px !important;
margin:0 auto !important;
}
.orLocationHead{
width:min(760px,100%) !important;
max-width:760px !important;
margin:0 auto 60px !important;
text-align:center !important;
}
.orLocation .iviLocKicker{
margin:0 0 18px !important;
color:var(--muted) !important;
font-size:11px !important;
line-height:1.4 !important;
font-weight:500 !important;
letter-spacing:.34em !important;
text-transform:uppercase !important;
}
.orLocation .iviLocTitle{
margin:0 0 22px !important;
color:var(--ink) !important;
font-size:clamp(46px,7vw,82px) !important;
line-height:.95 !important;
font-weight:400 !important;
letter-spacing:-.025em !important;
text-align:center !important;
}
.orLocation .iviLocText{
width:min(690px,100%) !important;
margin:0 auto !important;
color:var(--ink) !important;
opacity:.82 !important;
font-size:20px !important;
line-height:1.55 !important;
text-align:center !important;
}
.orLocation .iviLoc{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
color:var(--ink) !important;
background:transparent !important;
}
.orLocation .iviLocGrid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:18px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
}
.orLocation .iviLocGrid:has(.iviLocCard:only-child){
grid-template-columns:1fr !important;
}
.orLocation .iviLocCard{
position:relative !important;
display:flex !important;
flex-direction:column !important;
min-width:0 !important;
min-height:420px !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
color:var(--ink) !important;
background:var(--panel) !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orLocation .iviLocCard:nth-child(even){
color:#fff !important;
background:var(--ink) !important;
}
.orLocation .iviLocPhoto{
position:relative !important;
width:100% !important;
height:260px !important;
flex:0 0 260px !important;
overflow:hidden !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
background:color-mix(in srgb,var(--ink) 8%,var(--paper)) !important;
}
.orLocation .iviLocPhoto img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
filter:saturate(.72) !important;
transition:transform .8s ease,filter .8s ease !important;
}
.orLocation .iviLocCard:hover .iviLocPhoto img{
transform:scale(1.025) !important;
filter:saturate(.86) !important;
}
.orLocation .iviLocBody{
position:relative !important;
display:flex !important;
flex:1 1 auto !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-end !important;
width:100% !important;
min-height:0 !important;
padding:48px 50px 50px !important;
color:inherit !important;
background:transparent !important;
}
.orLocation .iviLocCard:not(:has(.iviLocPhoto)) .iviLocBody{
min-height:420px !important;
padding-top:88px !important;
}
.orLocation .iviLocBadge{
margin:0 0 16px !important;
padding:0 !important;
color:var(--muted) !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
font:500 11px/1.35 'Montserrat',Arial,sans-serif !important;
letter-spacing:.24em !important;
text-transform:uppercase !important;
}
.orLocation .iviLocCard:nth-child(even) .iviLocBadge{
color:rgba(255,255,255,.68) !important;
}
.orLocation .iviLocName{
margin:0 0 12px !important;
color:inherit !important;
font-size:clamp(31px,3.5vw,43px) !important;
line-height:1 !important;
letter-spacing:-.02em !important;
}
.orLocation .iviLocAddr{
margin:0 !important;
color:var(--muted) !important;
font:400 15px/1.7 'Montserrat',Arial,sans-serif !important;
}
.orLocation .iviLocNote{
margin:14px 0 0 !important;
color:var(--muted) !important;
font:400 14px/1.65 'Montserrat',Arial,sans-serif !important;
}
.orLocation .iviLocCard:nth-child(even) :is(.iviLocAddr,.iviLocNote){
color:rgba(255,255,255,.76) !important;
}
.orLocation .iviLocActions{
display:flex !important;
flex-wrap:wrap !important;
gap:20px !important;
width:100% !important;
margin:28px 0 0 !important;
}
.orLocation .iviLocActions .iviBtn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:max-content !important;
min-width:0 !important;
min-height:0 !important;
margin:0 !important;
padding:0 0 6px !important;
color:inherit !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid currentColor !important;
border-radius:0 !important;
box-shadow:none !important;
font:500 10px/1.3 'Montserrat',Arial,sans-serif !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
text-decoration:none !important;
}
.orLocation .iviLocActions .iviBtn:hover{
color:var(--accent) !important;
background:transparent !important;
opacity:1 !important;
}
.orLocation .iviLocCard:nth-child(even) .iviLocActions .iviBtn:hover{
color:#fff !important;
opacity:.7 !important;
}
/* Keep shared blocks on the same editorial typographic system */
.orDress .iviDressText,
.orDetails .le-details__text,
.orDetails .le-details__card-text,
.orContacts .ivi-contacts__text,
.orContacts .ivi-contacts__card-text,
.orContacts .ivi-contacts__value,
.tyiScheduleSection .tyiTimelineItem p{
font-family:'Montserrat',Arial,sans-serif !important;
font-weight:400 !important;
}
.tyiScheduleSection .tyiTimelineItem time,
.tyiScheduleSection .tyiTimelineItem h3,
.orDress .iviDressTitle,
.orDetails .le-details__title,
.orDetails .le-details__card-title,
.orContacts .ivi-contacts__title,
.orContacts .ivi-contacts__name{
font-family:'Cormorant Garamond',Georgia,serif !important;
}
@media(max-width:780px){
.orLocation .orShell{width:calc(100% - 36px) !important}
.orLocationHead{margin-bottom:42px !important}
.orLocation .iviLocTitle{font-size:clamp(44px,14vw,62px) !important}
.orLocation .iviLocText{font-size:18px !important;line-height:1.52 !important}
.orLocation .iviLocGrid{grid-template-columns:1fr !important;gap:12px !important}
.orLocation .iviLocCard{min-height:0 !important}
.orLocation .iviLocPhoto{height:min(68vw,360px) !important;flex-basis:min(68vw,360px) !important}
.orLocation .iviLocBody{padding:34px 30px 36px !important}
.orLocation .iviLocCard:not(:has(.iviLocPhoto)) .iviLocBody{min-height:340px !important;padding-top:58px !important}
.orLocation .iviLocName{font-size:34px !important}
.orLocation .iviLocActions{gap:16px 20px !important;margin-top:24px !important}
}
@media(max-width:480px){
.orLocation .orShell{width:calc(100% - 32px) !important}
.orLocation .iviLocKicker{font-size:11px !important;letter-spacing:.26em !important}
.orLocation .iviLocTitle{font-size:48px !important}
.orLocation .iviLocText{font-size:17px !important}
.orLocation .iviLocPhoto{height:72vw !important;flex-basis:72vw !important}
.orLocation .iviLocBody{padding:30px 24px 32px !important}
.orLocation .iviLocCard:not(:has(.iviLocPhoto)) .iviLocBody{min-height:310px !important;padding-top:50px !important}
.orLocation .iviLocName{font-size:31px !important}
.orLocation .iviLocAddr{font-size:14px !important}
.orLocation .iviLocNote{font-size:13px !important}
.orLocation .iviLocActions{flex-direction:column !important;align-items:flex-start !important;gap:14px !important}
}
/* =========================================================
TY + YA — authoritative location + dress surfaces v2
========================================================= */
/* All editorial labels are 11px everywhere. */
.orWedding,
.tyiStoryCopy>small,
.tyiScheduleSection .tyiSectionHead small,
.orLocation .iviLocKicker,
.orLocation .iviLocBadge,
.orDress .iviDressKicker,
.orDetails .le-details__kicker,
.orDetails .le-details__provider,
.orContacts .ivi-contacts__kicker,
.orGallery .iviGalleryKicker{
font-size:11px !important;
}
/* Location section header is rendered by the template from Studio fields. */
.orLocation .orLocationHead{
max-width:780px !important;
margin:0 auto 58px !important;
text-align:center !important;
}
.orLocation .iviLocKicker{
margin:0 0 18px !important;
}
.orLocation .iviLocTitle{
margin:0 0 20px !important;
}
.orLocation .iviLocText{
margin:0 auto !important;
max-width:760px !important;
}
/* The first venue is always the light theme card, never plain white. */
.orLocation .iviLocCard:first-child,
.orLocation .iviLocCard:nth-child(odd){
background:color-mix(in srgb,var(--accent2) 78%,var(--paper)) !important;
border-color:color-mix(in srgb,var(--accent) 10%,var(--line)) !important;
color:var(--ink) !important;
}
.orLocation .iviLocCard:first-child .iviLocBody,
.orLocation .iviLocCard:nth-child(odd) .iviLocBody{
background:transparent !important;
}
.orLocation .iviLocCard:first-child :is(.iviLocName,.iviLocBadge),
.orLocation .iviLocCard:nth-child(odd) :is(.iviLocName,.iviLocBadge){
color:var(--ink) !important;
}
.orLocation .iviLocCard:first-child :is(.iviLocAddr,.iviLocNote),
.orLocation .iviLocCard:nth-child(odd) :is(.iviLocAddr,.iviLocNote){
color:color-mix(in srgb,var(--ink) 68%,var(--muted)) !important;
}
/* Second venue uses a deep shade derived from the active theme. */
.orLocation .iviLocCard:nth-child(even){
background:color-mix(in srgb,var(--accent) 68%,var(--ink)) !important;
border-color:transparent !important;
color:#fff !important;
}
.orLocation .iviLocCard:nth-child(even) .iviLocBody{
background:transparent !important;
}
.orLocation .iviLocCard:nth-child(even) :is(.iviLocName,.iviLocBadge){
color:#fff !important;
}
.orLocation .iviLocCard:nth-child(even) :is(.iviLocAddr,.iviLocNote){
color:rgba(255,255,255,.78) !important;
}
/* Dress code: clean paper surface, no tinted/pink panel. */
.orDress{
background:var(--panel2) !important;
}
.orDress .orShell{
width:min(1120px,calc(100% - 48px)) !important;
}
.orDress .iviDress{
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
color:var(--ink) !important;
background:transparent !important;
}
.orDress .iviDressWrap{
display:block !important;
width:100% !important;
max-width:900px !important;
margin:0 auto !important;
padding:34px 20px 30px !important;
text-align:center !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orDress .iviDressKicker{
margin:0 0 17px !important;
color:var(--muted) !important;
font:600 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.36em !important;
text-transform:uppercase !important;
}
.orDress .iviDressTitle{
margin:0 !important;
color:var(--ink) !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:clamp(48px,6.4vw,76px) !important;
font-weight:400 !important;
line-height:.98 !important;
letter-spacing:-.025em !important;
}
.orDress .iviDressSwatches{
display:flex !important;
justify-content:center !important;
align-items:center !important;
flex-wrap:wrap !important;
gap:14px !important;
margin:38px auto 30px !important;
min-height:54px !important;
}
.orDress .iviDressDot{
display:block !important;
width:48px !important;
height:48px !important;
flex:0 0 48px !important;
margin:0 !important;
border-radius:50% !important;
background:var(--c) !important;
border:1px solid color-mix(in srgb,var(--ink) 12%,transparent) !important;
box-shadow:0 0 0 5px var(--paper),0 0 0 6px color-mix(in srgb,var(--ink) 9%,transparent) !important;
}
.orDress .iviDressText{
width:min(690px,100%) !important;
margin:0 auto !important;
color:var(--muted) !important;
font:400 16px/1.72 Montserrat,Arial,sans-serif !important;
}
@media(max-width:780px){
.orLocation .orLocationHead{margin-bottom:42px !important;}
.orDress .orShell{width:calc(100% - 36px) !important;}
.orDress .iviDressWrap{padding:22px 10px 18px !important;}
.orDress .iviDressDot{width:42px !important;height:42px !important;flex-basis:42px !important;}
}
@media(max-width:480px){
.orDress .orShell{width:calc(100% - 32px) !important;}
.orDress .iviDressWrap{padding:14px 4px 10px !important;}
.orDress .iviDressDot{width:38px !important;height:38px !important;flex-basis:38px !important;}
}
/* =========================================================
TY + YA — final visual polish v6
Names / hero date / details / dress code
========================================================= */
/* HERO: make the handwritten names a stronger focal point. */
.tyiName{
font-size:clamp(112px,15vw,205px) !important;
line-height:.70 !important;
}
.tyiNames b{
font-size:clamp(25px,2.8vw,38px) !important;
margin:7px 0 10px !important;
}
.tyiDate{
font-size:15px !important;
letter-spacing:.30em !important;
}
/* DETAILS: editorial 3-card layout like the approved prototype. */
.orDetails .le-details{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
.orDetails .le-details__header{
width:min(860px,100%) !important;
margin:0 auto 62px !important;
text-align:center !important;
}
.orDetails .le-details__kicker{
margin:0 0 17px !important;
font-size:11px !important;
line-height:1.4 !important;
letter-spacing:.34em !important;
text-transform:uppercase !important;
font-family:'Montserrat',Arial,sans-serif !important;
font-weight:500 !important;
color:var(--muted) !important;
}
.orDetails .le-details__title{
margin:0 !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:clamp(58px,6vw,82px) !important;
line-height:.96 !important;
font-weight:400 !important;
letter-spacing:-.035em !important;
color:var(--ink) !important;
}
.orDetails .le-details__text{
width:min(720px,100%) !important;
margin:24px auto 0 !important;
font-family:'Montserrat',Arial,sans-serif !important;
font-size:16px !important;
line-height:1.7 !important;
font-weight:300 !important;
color:var(--muted) !important;
}
.orDetails .le-details__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:18px !important;
width:100% !important;
align-items:stretch !important;
}
.orDetails .le-details__card,
.orDetails .le-details__card:nth-child(odd),
.orDetails .le-details__card:nth-child(even){
min-width:0 !important;
min-height:350px !important;
padding:58px 38px 46px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
text-align:left !important;
background:transparent !important;
border:1px solid color-mix(in srgb,var(--ink) 18%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orDetails .le-details__card-icon{
width:auto !important;
height:auto !important;
min-width:0 !important;
min-height:0 !important;
margin:0 0 18px !important;
padding:0 !important;
display:block !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:48px !important;
line-height:.9 !important;
font-weight:400 !important;
color:color-mix(in srgb,var(--ink) 24%,transparent) !important;
}
.orDetails .le-details__card-title{
margin:0 0 15px !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:31px !important;
line-height:1.05 !important;
font-weight:400 !important;
letter-spacing:-.02em !important;
color:var(--ink) !important;
}
.orDetails .le-details__card-text{
margin:0 !important;
font-family:'Montserrat',Arial,sans-serif !important;
font-size:16px !important;
line-height:1.65 !important;
font-weight:300 !important;
color:var(--muted) !important;
}
.orDetails .le-details__provider{
margin:0 0 12px !important;
font-size:11px !important;
letter-spacing:.22em !important;
text-transform:uppercase !important;
color:var(--muted) !important;
}
.orDetails .le-details__wishlist-button{
margin-top:auto !important;
padding-top:28px !important;
}
@media(max-width:900px){
.orDetails .le-details__grid{
grid-template-columns:1fr 1fr !important;
}
}
@media(max-width:780px){
.tyiName{
font-size:clamp(88px,27vw,128px) !important;
}
.tyiNames b{
font-size:23px !important;
margin:5px 0 8px !important;
}
.tyiDate{
font-size:13px !important;
letter-spacing:.24em !important;
}
.orDetails .le-details__header{
margin-bottom:38px !important;
}
.orDetails .le-details__title{
font-size:clamp(48px,14vw,64px) !important;
}
.orDetails .le-details__grid{
grid-template-columns:1fr !important;
gap:10px !important;
}
.orDetails .le-details__card,
.orDetails .le-details__card:nth-child(odd),
.orDetails .le-details__card:nth-child(even){
min-height:0 !important;
padding:34px 28px 32px !important;
}
.orDetails .le-details__card-icon{
font-size:42px !important;
margin-bottom:14px !important;
}
.orDetails .le-details__card-title{
font-size:29px !important;
}
.orDetails .le-details__card-text{
font-size:15px !important;
line-height:1.6 !important;
}
}
@media(max-width:480px){
.tyiName{
font-size:clamp(82px,28vw,116px) !important;
}
.tyiName:last-of-type{
font-size:clamp(82px,28vw,116px) !important;
}
.tyiDate{
max-width:calc(100vw - 24px) !important;
font-size:12px !important;
letter-spacing:.20em !important;
}
.orDetails .le-details__header{
margin-bottom:32px !important;
}
.orDetails .le-details__text{
font-size:14px !important;
line-height:1.6 !important;
}
}
@media(max-width:360px){
.tyiName,
.tyiName:last-of-type{
font-size:88px !important;
}
}
/* =========================================================
TY + YA v7 — contacts / RSVP / footer / hero focus polish
========================================================= */
/* Studio live focus targets .hero img or [data-hero] img. */
.tyiHero.hero .tyiHeroBg,
.tyiHero[data-hero] .tyiHeroBg{
object-fit:cover !important;
/* object-position is injected inline from sections.data.hero.focus_pos */
}
/* CONTACTS — editorial block, visually native to the template. */
.orContacts{
background:var(--paper) !important;
}
.orContacts .orShell{
width:min(1120px,calc(100% - 48px)) !important;
}
.orContacts .ivi-contacts{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.orContacts .ivi-contacts__head{
width:min(780px,100%) !important;
margin:0 auto 52px !important;
text-align:center !important;
}
.orContacts .ivi-contacts__kicker{
display:block !important;
margin:0 0 16px !important;
color:var(--muted) !important;
font:500 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.36em !important;
text-transform:uppercase !important;
}
.orContacts .ivi-contacts__title{
margin:0 !important;
color:var(--ink) !important;
font:400 clamp(54px,6.4vw,78px)/.96 'Cormorant Garamond',Georgia,serif !important;
letter-spacing:-.03em !important;
}
.orContacts .ivi-contacts__text{
width:min(640px,100%) !important;
margin:22px auto 0 !important;
color:var(--muted) !important;
font:300 15px/1.7 Montserrat,Arial,sans-serif !important;
}
.orContacts .ivi-contacts__grid{
display:grid !important;
grid-template-columns:repeat(var(--ivi-contacts-count,1),minmax(0,1fr)) !important;
gap:14px !important;
width:min(900px,100%) !important;
margin:0 auto !important;
border:0 !important;
}
.orContacts .ivi-contact{
position:relative !important;
min-width:0 !important;
padding:42px 38px 40px !important;
background:color-mix(in srgb,var(--accent2) 17%,var(--paper)) !important;
border:1px solid color-mix(in srgb,var(--ink) 13%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
text-align:center !important;
align-items:center !important;
}
.orContacts .ivi-contact:nth-child(even){
background:color-mix(in srgb,var(--accent) 9%,var(--paper)) !important;
}
.orContacts .ivi-contact__avatar{
width:62px !important;
height:62px !important;
margin:0 auto 22px !important;
background:transparent !important;
border:1px solid color-mix(in srgb,var(--ink) 22%,transparent) !important;
border-radius:50% !important;
color:var(--ink) !important;
}
.orContacts .ivi-contact__name{
margin:0 !important;
color:var(--ink) !important;
font:400 34px/1 'Cormorant Garamond',Georgia,serif !important;
letter-spacing:-.02em !important;
text-align:center !important;
}
.orContacts .ivi-contact__role{
margin:9px 0 0 !important;
color:var(--muted) !important;
font:500 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
text-align:center !important;
}
.orContacts .ivi-contact__phone{
margin:22px 0 0 !important;
color:var(--ink) !important;
font:400 15px/1.4 Montserrat,Arial,sans-serif !important;
text-decoration:none !important;
}
.orContacts .ivi-contact__actions{
justify-content:center !important;
gap:10px 18px !important;
width:100% !important;
margin-top:22px !important;
padding-top:0 !important;
}
.orContacts .ivi-contact__action{
color:var(--ink) !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
padding:0 0 5px !important;
font:500 11px/1.2 Montserrat,Arial,sans-serif !important;
letter-spacing:.12em !important;
text-transform:uppercase !important;
}
.orContacts .orContactsNote{
margin:34px auto 0 !important;
color:var(--ink) !important;
font-size:44px !important;
}
/* RSVP — clean editorial form instead of generic rounded UI. */
.orRsvp{
background:var(--panel2) !important;
}
.orRsvp .orRsvpCard{
width:min(900px,100%) !important;
max-width:900px !important;
margin:0 auto !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orRsvp .rsvpSection,
.orRsvp .rsvpWrap,
.orRsvp .rsvpCard{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orRsvp .rsvpSectionHead{
width:min(760px,100%) !important;
margin:0 auto 52px !important;
text-align:center !important;
}
.orRsvp .rsvpLabel{
min-height:0 !important;
margin:0 0 16px !important;
padding:0 !important;
color:var(--muted) !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
font:500 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.34em !important;
text-transform:uppercase !important;
}
.orRsvp .rsvpTitle{
margin:0 !important;
color:var(--ink) !important;
font:400 clamp(54px,6.5vw,78px)/.96 'Cormorant Garamond',Georgia,serif !important;
letter-spacing:-.03em !important;
}
.orRsvp .rsvpHint{
width:min(650px,100%) !important;
margin:22px auto 0 !important;
color:var(--muted) !important;
font:300 15px/1.7 Montserrat,Arial,sans-serif !important;
}
.orRsvp form,
.orRsvp .rsvpForm{
display:grid !important;
gap:28px !important;
width:100% !important;
margin:0 !important;
padding:46px 48px 48px !important;
background:color-mix(in srgb,var(--accent2) 12%,var(--paper)) !important;
border:1px solid color-mix(in srgb,var(--ink) 12%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.orRsvp .formRow{
margin:0 !important;
}
.orRsvp .label,
.orRsvp .form-label{
display:block !important;
margin:0 0 10px !important;
color:var(--ink) !important;
font:500 11px/1.4 Montserrat,Arial,sans-serif !important;
letter-spacing:.16em !important;
text-transform:uppercase !important;
}
.orRsvp .field,
.orRsvp input[type="text"],
.orRsvp input[type="email"],
.orRsvp input[type="tel"],
.orRsvp input[type="number"],
.orRsvp select,
.orRsvp textarea{
width:100% !important;
min-height:48px !important;
padding:10px 0 !important;
color:var(--ink) !important;
background:transparent !important;
border:0 !important;
border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent) !important;
border-radius:0 !important;
outline:0 !important;
box-shadow:none !important;
font:400 15px/1.5 Montserrat,Arial,sans-serif !important;
}
.orRsvp textarea{min-height:96px !important;resize:vertical !important;}
.orRsvp .chips{
display:flex !important;
flex-wrap:wrap !important;
gap:9px !important;
}
.orRsvp .chip{
min-height:40px !important;
padding:10px 16px !important;
color:var(--ink) !important;
background:transparent !important;
border:1px solid color-mix(in srgb,var(--ink) 20%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
font:500 12px/1.2 Montserrat,Arial,sans-serif !important;
}
.orRsvp .chip[data-active="true"],
.orRsvp .chip.is-active,
.orRsvp .chip.active,
.orRsvp .chip[aria-pressed="true"]{
color:var(--paper,#fff) !important;
background:var(--ink) !important;
border-color:var(--ink) !important;
}
.orRsvp .chip:not([data-active="true"]):hover{
color:var(--ink) !important;
background:color-mix(in srgb,var(--ink) 6%,transparent) !important;
border-color:color-mix(in srgb,var(--ink) 40%,transparent) !important;
}
.orRsvp .chip:focus-visible{
outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent) !important;
outline-offset:2px !important;
}
.orRsvp .consent{
display:grid !important;
grid-template-columns:20px minmax(0,1fr) !important;
gap:13px !important;
align-items:start !important;
width:100% !important;
margin:4px 0 0 !important;
padding:18px 0 0 !important;
color:var(--muted) !important;
background:transparent !important;
border:0 !important;
border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent) !important;
border-radius:0 !important;
font:400 13px/1.55 Montserrat,Arial,sans-serif !important;
text-align:left !important;
}
.orRsvp .consent input[type="checkbox"]{
appearance:none !important;
-webkit-appearance:none !important;
width:18px !important;
height:18px !important;
margin:2px 0 0 !important;
padding:0 !important;
background:transparent !important;
border:1px solid color-mix(in srgb,var(--ink) 45%,transparent) !important;
border-radius:0 !important;
box-shadow:none !important;
cursor:pointer !important;
}
.orRsvp .consent input[type="checkbox"]:checked{
background:var(--ink) !important;
box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--paper) 100%,transparent) !important;
}
.orRsvp .consent span{
min-width:0 !important;
color:var(--muted) !important;
font:400 13px/1.55 Montserrat,Arial,sans-serif !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.orRsvp .consent small{
display:inline !important;
margin:0 !important;
color:color-mix(in srgb,var(--muted) 90%,transparent) !important;
font:400 12px/1.55 Montserrat,Arial,sans-serif !important;
letter-spacing:0 !important;
text-transform:none !important;
}
.orRsvp .consent a{
color:inherit !important;
text-decoration:none !important;
border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent) !important;
}
.orRsvp .btn-full,
.orRsvp button[type="submit"]{
width:100% !important;
min-height:52px !important;
margin-top:2px !important;
padding:14px 20px !important;
color:#fff !important;
background:var(--ink) !important;
border:1px solid var(--ink) !important;
border-radius:0 !important;
box-shadow:none !important;
font:600 11px/1.2 Montserrat,Arial,sans-serif !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
}
.orRsvp .btn-full:hover,
.orRsvp button[type="submit"]:hover{
color:var(--ink) !important;
background:transparent !important;
}
/* FOOTER: + exactly between names, plus RSVP deadline. */
.orEnd .orEndNames{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:0 !important;
margin:28px 0 30px !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:clamp(88px,9vw,145px) !important;
line-height:.66 !important;
color:#fff !important;
}
.orEnd .orEndNames span{font:inherit !important;color:inherit !important;}
.orEnd .orEndNames i{
display:block !important;
margin:8px 0 10px !important;
font-family:'Cormorant Garamond',Georgia,serif !important;
font-size:.25em !important;
line-height:1 !important;
font-weight:300 !important;
font-style:normal !important;
}
.orEnd .orEndDeadline{
width:min(620px,100%) !important;
margin:0 auto 22px !important;
color:rgba(255,255,255,.78) !important;
font:300 14px/1.6 Montserrat,Arial,sans-serif !important;
}
.orEnd .orEndDeadline strong{
color:#fff !important;
font-weight:500 !important;
}
@media(max-width:780px){
.orContacts .orShell,
.orRsvp .orShell{width:calc(100% - 32px) !important;}
.orContacts .ivi-contacts__head,
.orRsvp .rsvpSectionHead{margin-bottom:38px !important;}
.orContacts .ivi-contacts__title,
.orRsvp .rsvpTitle{font-size:clamp(46px,13vw,62px) !important;}
.orContacts .ivi-contacts__grid{grid-template-columns:1fr !important;gap:10px !important;}
.orContacts .ivi-contact{
padding:32px 24px 30px !important;
border:1px solid color-mix(in srgb,var(--ink) 13%,transparent) !important;
}
.orRsvp form,
.orRsvp .rsvpForm{padding:32px 24px 30px !important;gap:24px !important;}
.orEnd .orEndNames{font-size:clamp(82px,25vw,116px) !important;}
}
@media(max-width:480px){
.orContacts .ivi-contact__name{font-size:31px !important;}
.orContacts .orContactsNote{font-size:38px !important;}
.orRsvp .consent{grid-template-columns:18px minmax(0,1fr) !important;gap:11px !important;}
.orRsvp .consent span{font-size:12px !important;line-height:1.5 !important;}
.orRsvp .consent small{font-size:11px !important;line-height:1.5 !important;}
.orEnd .orEndNames{font-size:clamp(78px,27vw,108px) !important;}
.orEnd .orEndDeadline{font-size:12px !important;}
}
/* TIMER — elegant contrasting surface, derived from the active theme. */
.orTimerBlock{
position:relative;
overflow:hidden;
background:linear-gradient(135deg,var(--timer_bg),color-mix(in srgb,var(--timer_bg) 88%,#000 12%)) !important;
color:var(--timer_fg) !important;
border:0 !important;
}
.orTimerBlock::before,
.orTimerBlock::after{display:none !important;content:none !important;}
.orTimerBlock .orShell{position:relative;z-index:1;}
.orTimerBlock .iviTimer,
.orTimerBlock .iviTimer__inner{
color:var(--timer_fg) !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}
.orTimerBlock :is(.iviTimer__kicker,.iviTimer__label,.iviTimer__text,.iviTimer__grid span){
color:var(--timer_muted) !important;
}
.orTimerBlock :is(.iviTimer__title,.iviTimer__grid b,.iviTimer__grid strong){
color:var(--timer_fg) !important;
}
.orTimerBlock .iviTimer__grid>div{
border-left:1px solid color-mix(in srgb,var(--timer_fg) 18%,transparent) !important;
background:transparent !important;
}
.orTimerBlock .iviTimer__grid>div:first-child{border-left:0 !important;}
/* Universal timer variants: hide the decorative icon/mark on the right. */
.orTimerBlock :is(.iviTimer__icon,.iviTimerIcon,.timerIcon,.timer-icon,.iviTimer__mark,.iviTimerMark,.iviTimer__decor,.iviTimerDecor){
display:none !important;
}
.orTimerBlock .iviTimer svg{display:none !important;}
@media(max-width:780px){
.orTimerBlock .iviTimer__grid>div{border-left:0 !important;}
}
/* =========================================================
iOS Safari — edge-to-edge hero without bottom color strip
========================================================= */
html,body{
margin:0 !important;
padding:0 !important;
min-height:100%;
background:var(--paper) !important;
}
.orPage{
min-height:100%;
margin:0 !important;
background:var(--paper) !important;
}
.tyiHero{
min-height:100vh !important;
height:100vh !important;
}
.tyiHeroBg{
inset:-2px 0 -3px !important;
width:100% !important;
height:calc(100% + 5px) !important;
}
.orEnd{
margin-bottom:0 !important;
}
/* iPhone/iPad Safari: 100dvh leaves a visible band under the page on
some versions. Use the large viewport so the hero continues behind
Safari's lower browser chrome instead of exposing the page background. */
@supports (-webkit-touch-callout:none){
html{
min-height:-webkit-fill-available;
}
body{
min-height:-webkit-fill-available;
}
.tyiHero{
min-height:100lvh !important;
height:100lvh !important;
}
}
@media(max-width:780px){
.tyiHeroInner{
min-height:100%;
padding-bottom:44px !important;
}
.tyiDate{
bottom:max(18px,env(safe-area-inset-bottom)) !important;
}
.orEnd{
padding-bottom:max(56px,calc(36px + env(safe-area-inset-bottom))) !important;
}
}
/* =========================================================
ТОТ САМЫЙ ДЕНЬ — floral editorial skin
========================================================= */
:root{--rose-dark:var(--rose_dark);--ink-dark:var(--ink_dark);--ink-soft:var(--ink_soft)}
html,body{background:var(--paper);color:var(--ink)}
body{font-family:Montserrat,Arial,sans-serif}
.orPage{background:var(--paper)}
.orShell,.orSection{width:min(1080px,calc(100% - 48px))}
.orSection,.orShared{padding:104px 0}
.orSection>small,.orShared small,.iviLocKicker,.iviGalleryKicker,.tyiStoryCopy>small,.tyiSectionHead small{font-size:10px!important;letter-spacing:.38em!important;text-transform:uppercase!important;color:var(--ink-soft)!important;font-weight:500!important}
.orSection>h2,.iviLocTitle,.iviGalleryTitle,.tyiStoryCopy h2,.tyiSectionHead h2{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(40px,5.6vw,68px)!important;line-height:.96!important;font-weight:700!important;letter-spacing:-.035em!important;color:var(--ink-dark)!important}
/* HERO */
.tfdHero{position:relative;height:100svh;min-height:650px;overflow:hidden;background:var(--paper);isolation:isolate}
.tfdHeroStage{position:relative;width:100%;height:100%;text-align:center;z-index:3}
.tfdHeroKicker{position:absolute;top:15.5vh;left:50%;transform:translateX(-50%);z-index:6;width:max-content;max-width:92vw;color:var(--ink);font-size:clamp(11px,1vw,14px);font-weight:300;letter-spacing:.54em;white-space:nowrap}
.tfdHeroNames{position:absolute;top:20vh;left:50%;transform:translateX(-50%);z-index:7;margin:0;width:max-content;max-width:94vw;color:var(--ink);font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,5.5vw,74px);font-weight:700;line-height:.92;letter-spacing:-.04em;white-space:nowrap}
.tfdHeroNames span,.tfdHeroNames b{display:inline-block}.tfdHeroNames b{margin:0 .02em;color:var(--rose-dark);font-size:.66em;font-weight:700;transform:translateY(-.03em)}
.tfdHeroFloral{position:absolute;top:30.5vh;left:50%;transform:translateX(-50%);z-index:2;width:min(58.25vw,763px);height:auto;pointer-events:none}
.tfdHeroHeart{position:absolute;top:45.5vh;left:50%;transform:translateX(-50%);z-index:5;width:min(7.7vw,101px);height:auto}
.tfdHeroDate{position:absolute;top:72.5vh;left:50%;transform:translateX(-50%);z-index:5;min-width:196px;padding:6px 6px 5px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink);font-size:clamp(11px,.94vw,13px);font-weight:300;letter-spacing:.46em;white-space:nowrap}
.tfdHeroCopy{position:absolute;top:80vh;left:50%;transform:translateX(-50%);z-index:5;width:min(620px,62vw);margin:0;color:var(--ink-soft);font-size:clamp(10px,.8vw,12px);line-height:1.75;letter-spacing:.035em;text-align:center}
.tfdHeroMint{position:absolute;z-index:0;bottom:0;width:30.95vw;height:auto;pointer-events:none}.tfdHeroMint--left{left:0}.tfdHeroMint--right{right:0}
.tfdHeroGrid{position:absolute;z-index:1;bottom:0;width:36.25vw;height:auto;pointer-events:none}.tfdHeroGrid--left{left:0}.tfdHeroGrid--right{right:0}
/* STORY */
.tyiStorySection{padding-top:118px;padding-bottom:118px}
.tyiStoryGrid{grid-template-columns:1fr 1fr;gap:30px}
.tyiStoryGrid--no-image{grid-template-columns:minmax(0,780px)}
.tyiStoryCopy{position:relative;border:1px solid color-mix(in srgb,var(--ink) 34%,transparent);padding:42px;background:color-mix(in srgb,var(--white) 35%,transparent)}
.tyiStoryCopy:before{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--rose) 54%,transparent);pointer-events:none}
.tyiStoryCopy>*{position:relative;z-index:1}.tyiStoryCopy h2{font-size:clamp(36px,4vw,54px)!important;margin-bottom:22px!important}.tyiStoryCopy p{font-family:Montserrat,Arial,sans-serif!important;font-size:14px!important;line-height:1.85!important;letter-spacing:.03em;color:var(--ink)!important}
.tyiStoryPhoto img{height:520px;filter:saturate(.72)}.tyiStoryPhoto figcaption{display:none}
.tyiStoryBotanical{left:auto;right:-30px;bottom:-35px;width:320px;opacity:.28}
/* TIMER */
.orTimerBlock{background:var(--mint)!important}.orTimerBlock .iviTimer__title{font-family:Georgia,'Times New Roman',serif!important;color:var(--ink-dark)!important}.orTimerBlock .iviTimer__grid{border-top:1px solid color-mix(in srgb,var(--ink) 45%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--ink) 45%,transparent)!important;gap:0!important}.orTimerBlock .iviTimer__grid>div{position:relative;padding:28px 12px!important}.orTimerBlock .iviTimer__grid>div:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:color-mix(in srgb,var(--ink) 28%,transparent)}.orTimerBlock .iviTimer__grid b{font-family:Georgia,'Times New Roman',serif!important;color:var(--ink-dark)!important}
/* PROGRAM */
.tyiScheduleSection{background:var(--paper)!important}.tyiScheduleSection .tyiTimeline{width:min(820px,100%)}.tyiScheduleSection .tyiTimelineItem{grid-template-columns:112px 1fr;gap:42px;min-height:auto;padding:0 0 38px;border:0;position:relative}.tyiScheduleSection .tyiTimelineItem:last-child{border:0}.tyiScheduleSection .tyiTimelineItem:after{content:"";position:absolute;left:112px;top:0;bottom:0;width:1px;background:var(--line)}.tyiScheduleSection .tyiTimelineItem:last-child:after{bottom:20px}.tyiScheduleSection .tyiTimelineItem:before{content:"";position:absolute;left:106px;top:7px;width:13px;height:13px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);z-index:2}.tyiScheduleSection .tyiTimelineItem time{padding:4px 0 0;text-align:right;font-family:Montserrat,Arial,sans-serif!important;font-size:12px!important;letter-spacing:.18em!important}.tyiScheduleSection .tyiTimelineItem>div{padding-left:0}.tyiScheduleSection .tyiTimelineItem h3{font-family:Georgia,'Times New Roman',serif!important;font-size:28px!important;font-weight:700!important;color:var(--ink-dark)!important;margin:0 0 8px!important}.tyiScheduleSection .tyiTimelineItem p{font-size:13px!important;line-height:1.7!important}
/* SHARED SURFACES */
.orLocation,.orDetails,.orRsvp{background:var(--panel)!important}.orDress,.orGallery,.orContacts{background:var(--paper)!important}.orShared :where(button,.btn,.iviBtn){background:transparent!important;color:var(--ink-dark)!important;border:1px solid var(--rose-dark)!important}.orShared :where(button,.btn,.iviBtn):hover{background:var(--rose-dark)!important;color:var(--white)!important;border-color:var(--rose-dark)!important}
.orLocation :where(.iviLocCard,.location-card){background:color-mix(in srgb,var(--white) 42%,transparent)!important;border:1px solid color-mix(in srgb,var(--ink) 34%,transparent)!important}.orLocation .iviLocCard{position:relative!important}.orLocation .iviLocCard:after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--rose) 50%,transparent);pointer-events:none}.orLocation .iviLocBody{position:relative;z-index:1}.orLocation .iviLocBadge{letter-spacing:.3em!important;font-size:10px!important}.orLocation .iviLocName{font-family:Georgia,'Times New Roman',serif!important;font-size:30px!important;color:var(--ink-dark)!important}
.orDress :where(.iviDressColor,.dc-color,.color-chip){width:58px!important;height:58px!important;border-radius:50%!important;border:5px solid var(--paper)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 38%,transparent)!important}
.orGallery .iviGalleryGrid{gap:12px!important}.orGallery .iviGalleryItem{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent)!important}.orGallery .iviGalleryItem img{filter:saturate(.7)!important}
.orDetails{background:var(--mint)!important}.orDetails .le-details__card{background:color-mix(in srgb,var(--paper) 38%,transparent)!important;border-color:color-mix(in srgb,var(--ink) 34%,transparent)!important}.orContacts .le-contacts__card,.orContacts [class*="contact"]{border-radius:0!important;box-shadow:none!important}
.orRsvp :where(input[type=text],input[type=email],input[type=tel],select,textarea){border-bottom-color:color-mix(in srgb,var(--ink) 48%,transparent)!important}
/* END */
.orEnd{background:var(--paper);color:var(--ink);min-height:470px}.orEnd:before{content:"";position:absolute;left:50%;top:35px;transform:translateX(-50%);width:min(620px,82vw);height:240px;background:url('./svg/Ресурс 1.svg') center/contain no-repeat;opacity:.34;pointer-events:none}.orEnd>*{position:relative;z-index:2}.orEnd h2{font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(46px,7vw,82px)!important;line-height:.95!important;color:var(--ink-dark)!important}.orEnd h2 i{color:var(--rose-dark);font-size:.7em}.orEnd p,.orEnd span,.orEnd b{color:var(--ink-soft)}
.tfdReveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.tfdReveal.tfdOn{opacity:1;transform:none}
@media(max-width:760px), (max-aspect-ratio:1/1){
.tfdHero{min-height:100svh;height:100svh}.tfdHeroKicker{top:15.5%;font-size:8px;letter-spacing:.27em}.tfdHeroNames{top:20.5%;font-size:clamp(22px,7.6vw,31px);max-width:calc(100vw - 14px)}.tfdHeroFloral{top:30%;width:calc(100vw - 18px);max-width:470px}.tfdHeroHeart{top:43.5%;width:clamp(56px,17vw,68px)}.tfdHeroDate{top:58.5%;min-width:164px;font-size:9px;letter-spacing:.38em}.tfdHeroCopy{top:65.5%;width:84%;max-width:350px;font-size:9px;line-height:1.58}.tfdHeroMint{width:52vw}.tfdHeroGrid{width:62vw}
.orShell,.orSection{width:calc(100% - 36px)}.orSection,.orShared{padding:78px 0}.tyiStoryGrid{grid-template-columns:1fr;gap:16px}.tyiStoryCopy{padding:30px 24px;text-align:center}.tyiStoryCopy>small{text-align:center!important}.tyiStoryPhoto img{height:min(120vw,520px)}.tyiStoryBotanical{width:220px;right:-60px}.tyiScheduleSection{padding:82px 18px!important}.tyiScheduleSection .tyiTimelineItem{grid-template-columns:74px 1fr;gap:28px}.tyiScheduleSection .tyiTimelineItem:after{left:74px}.tyiScheduleSection .tyiTimelineItem:before{left:68px}.tyiScheduleSection .tyiTimelineItem time{font-size:11px!important}.tyiScheduleSection .tyiTimelineItem h3{font-size:24px!important}.orTimerBlock .iviTimer__grid>div:nth-child(2):after{display:none}.orEnd{min-height:380px}
}
@media(max-width:420px){.tfdHeroKicker{top:15%}.tfdHeroNames{top:20%;font-size:clamp(21px,7.4vw,29px)}.tfdHeroFloral{top:29.5%;width:calc(100vw - 14px)}.tfdHeroHeart{top:43%;width:58px}.tfdHeroDate{top:58%}.tfdHeroCopy{top:65%;width:86%}.tfdHeroMint{width:50vw}.tfdHeroGrid{width:58vw}}
@media(prefers-reduced-motion:reduce){.tfdReveal{opacity:1;transform:none;transition:none}}
/* =========================================================
ТОТ САМЫЙ ДЕНЬ — prototype story + accent labels v2
========================================================= */
/* Лейблы теперь работают как цветовой акцент темы. */
.orPage :where(
.orSection>small,
.orShared small,
.tyiSectionHead small,
.tfdStoryHead>small,
.iviLocKicker,
.iviGalleryKicker,
.iviDressKicker,
.le-details__kicker,
.ivi-contacts__kicker,
.iviLocBadge,
.location-tag
){
color:var(--rose-dark) !important;
}
/* STORY: композиция один в один по логике прототипа. */
.tfdStorySection{
position:relative;
padding-top:112px;
padding-bottom:118px;
}
.tfdStoryHead{
text-align:center;
margin:0 auto 48px;
}
.tfdStoryHead>small{
display:block;
margin:0 0 18px;
font-family:Montserrat,Arial,sans-serif;
font-size:10px;
font-weight:500;
line-height:1.2;
letter-spacing:.40em;
text-transform:uppercase;
}
.tfdStoryHead h2{
margin:0;
color:var(--ink-dark);
font-family:Georgia,'Times New Roman',serif;
font-size:clamp(40px,5.6vw,68px);
font-weight:700;
line-height:.96;
letter-spacing:-.035em;
}
.tfdStoryRule{
display:block;
width:180px;
height:1px;
margin:22px auto 0;
background:var(--ink);
opacity:.72;
}
.tfdStoryGrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:stretch;
}
.tfdStoryCard{
position:relative;
min-height:360px;
margin:0;
overflow:hidden;
border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);
background:color-mix(in srgb,var(--white) 38%,transparent);
padding:38px;
}
.tfdStoryCard:before{
content:"";
position:absolute;
inset:10px;
border:1px solid color-mix(in srgb,var(--rose) 56%,transparent);
pointer-events:none;
}
.tfdStoryCardInner{
position:relative;
z-index:1;
}
.tfdStoryCard h3{
margin:0 0 15px;
color:var(--ink-dark);
font-family:Georgia,'Times New Roman',serif;
font-size:31px;
font-weight:700;
line-height:1.08;
letter-spacing:-.02em;
}
.tfdStoryCard p{
margin:0 0 14px;
color:var(--ink);
font-family:Montserrat,Arial,sans-serif;
font-size:13px;
line-height:1.85;
letter-spacing:.045em;
}
.tfdStoryCard p:last-child{margin-bottom:0}
.tfdStoryArt{
position:relative;
min-height:360px;
overflow:hidden;
background:var(--mint);
}
.tfdStoryCircle{
position:absolute;
left:-155px;
bottom:-185px;
width:420px;
height:420px;
border-radius:50%;
background:var(--paper);
}
.tfdStoryArt img{
position:absolute;
left:4%;
bottom:0;
width:92%;
height:auto;
max-width:none;
pointer-events:none;
user-select:none;
}
/* Финал: отдельный акцентный цвет, чтобы концовка не сливалась с остальным текстом. */
.orEnd .orMarker,
.orEnd .orEndDeadline strong,
.orEnd>p strong,
.orEnd>b{
color:var(--rose-dark) !important;
}
.orEnd .orEndNames{
color:var(--ink-dark) !important;
}
.orEnd .orEndNames i{
color:var(--rose-dark) !important;
}
.orEnd .orEndDeadline,
.orEnd>p{
color:var(--ink-soft) !important;
}
@media(max-width:760px){
.tfdStorySection{
padding-top:82px;
padding-bottom:82px;
}
.tfdStoryHead{margin-bottom:34px}
.tfdStoryHead h2{font-size:42px}
.tfdStoryRule{width:132px;margin-top:18px}
.tfdStoryGrid{
grid-template-columns:1fr;
gap:16px;
}
.tfdStoryCard{
min-height:0;
padding:30px 24px;
text-align:left;
}
.tfdStoryCard h3{font-size:28px}
.tfdStoryCard p{font-size:13px;line-height:1.78}
.tfdStoryArt{min-height:270px}
.tfdStoryCircle{
width:320px;
height:320px;
left:-120px;
bottom:-150px;
}
.tfdStoryArt img{width:96%;left:2%}
}
/* =========================================================
TOT SAMYY DEN — story cleanup + section-wide label accent v3
========================================================= */
/* История: заголовок уже есть сверху, внутри карточки не повторяем его. */
.tfdStoryCard h3{display:none!important}
.tfdStoryCard p{
font-size:16px!important;
line-height:1.82!important;
letter-spacing:.025em!important;
}
/* Акцентный цвет темы для ВСЕХ секционных лейблов. */
.orPage :is(
.orSection>small,
.orShared>small,
.orShared small,
.tyiSectionHead>small,
.tfdStoryHead>small,
.iviLocKicker,
.iviGalleryKicker,
.iviDressKicker,
.le-details__kicker,
.ivi-contacts__kicker,
.iviLocBadge,
.location-tag,
.iviTimer__kicker,
.iviTimer__label,
.orTimerBlock small,
.orRsvp .rsvpKicker,
.orRsvp .rsvp-kicker,
.orRsvp .section-kicker,
.orRsvp .kicker,
.orMusic .iviMusicKicker,
.orMusic .ivi-music__kicker,
.orMusic .kicker,
[class*="__kicker"],
[class*="SectionKicker"]
){color:var(--rose-dark)!important}
@media(max-width:760px){
.tfdStoryCard p{font-size:15px!important;line-height:1.75!important}
}
/* =========================================================
PROGRAM ALIGNMENT FIX v3
Stable time / rail / content geometry, especially on phones.
========================================================= */
.tyiScheduleSection .tyiTimeline{
position:relative;
}
.tyiScheduleSection .tyiTimelineItem{
box-sizing:border-box;
align-items:start!important;
}
.tyiScheduleSection .tyiTimelineItem>div{
min-width:0!important;
}
.tyiScheduleSection .tyiTimelineItem time{
display:block!important;
width:100%!important;
box-sizing:border-box!important;
white-space:nowrap!important;
}
@media (max-width:760px), (max-aspect-ratio:1/1){
.tyiScheduleSection{
padding-left:16px!important;
padding-right:16px!important;
}
.tyiScheduleSection .tyiTimeline{
width:100%!important;
max-width:390px!important;
margin:0 auto!important;
}
.tyiScheduleSection .tyiTimelineItem{
grid-template-columns:52px minmax(0,1fr)!important;
column-gap:36px!important;
padding:0 0 34px!important;
min-height:0!important;
}
.tyiScheduleSection .tyiTimelineItem:after{
left:70px!important;
top:13px!important;
bottom:-1px!important;
}
.tyiScheduleSection .tyiTimelineItem:last-child:after{
bottom:20px!important;
}
.tyiScheduleSection .tyiTimelineItem:before{
left:64px!important;
top:7px!important;
width:13px!important;
height:13px!important;
box-sizing:border-box!important;
}
.tyiScheduleSection .tyiTimelineItem time{
padding:5px 0 0!important;
text-align:right!important;
font-size:10px!important;
line-height:1.2!important;
letter-spacing:.16em!important;
}
.tyiScheduleSection .tyiTimelineItem h3{
margin:0 0 6px!important;
font-size:22px!important;
line-height:1.08!important;
overflow-wrap:anywhere;
}
.tyiScheduleSection .tyiTimelineItem p{
margin:0!important;
font-size:12px!important;
line-height:1.55!important;
}
}
@media (max-width:390px){
.tyiScheduleSection .tyiTimelineItem{
grid-template-columns:48px minmax(0,1fr)!important;
column-gap:34px!important;
}
.tyiScheduleSection .tyiTimelineItem:after{left:65px!important}
.tyiScheduleSection .tyiTimelineItem:before{left:59px!important}
.tyiScheduleSection .tyiTimelineItem h3{font-size:21px!important}
}
/* =========================================================
PROGRAM GEOMETRY FIX v4
Rail is a real grid column, not an absolutely positioned pseudo-element.
========================================================= */
.tyiScheduleSection .tyiTimeline{
width:min(820px,100%)!important;
margin-inline:auto!important;
}
.tyiScheduleSection .tyiTimelineItem{
display:grid!important;
grid-template-columns:86px 26px minmax(0,1fr)!important;
column-gap:18px!important;
align-items:stretch!important;
position:relative!important;
min-height:96px!important;
padding:0 0 36px!important;
border:0!important;
}
.tyiScheduleSection .tyiTimelineItem:before,
.tyiScheduleSection .tyiTimelineItem:after{
content:none!important;
display:none!important;
}
.tyiScheduleSection .tyiTimelineItem time{
grid-column:1!important;
align-self:start!important;
width:auto!important;
margin:0!important;
padding:4px 0 0!important;
text-align:right!important;
white-space:nowrap!important;
font-family:Montserrat,Arial,sans-serif!important;
font-size:12px!important;
line-height:1.25!important;
letter-spacing:.16em!important;
}
.tyiScheduleSection .tyiTimelineRail{
grid-column:2!important;
grid-row:1!important;
position:relative!important;
display:block!important;
width:26px!important;
min-height:100%!important;
align-self:stretch!important;
}
.tyiScheduleSection .tyiTimelineRail:before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:-36px;
width:1px;
transform:translateX(-50%);
background:var(--line);
}
.tyiScheduleSection .tyiTimelineItem:last-child .tyiTimelineRail:before{
bottom:20px;
}
.tyiScheduleSection .tyiTimelineRail i{
position:absolute;
z-index:2;
left:50%;
top:7px;
width:13px;
height:13px;
transform:translateX(-50%);
border:1px solid var(--ink);
border-radius:50%;
background:var(--paper);
}
.tyiScheduleSection .tyiTimelineContent{
grid-column:3!important;
min-width:0!important;
padding:0!important;
}
.tyiScheduleSection .tyiTimelineContent h3{
margin:0 0 8px!important;
}
.tyiScheduleSection .tyiTimelineContent p{
margin:0!important;
}
@media(max-width:760px), (max-aspect-ratio:1/1){
.tyiScheduleSection .tyiTimeline{
width:min(100%,390px)!important;
}
.tyiScheduleSection .tyiTimelineItem{
grid-template-columns:52px 22px minmax(0,1fr)!important;
column-gap:10px!important;
min-height:82px!important;
padding:0 0 30px!important;
}
.tyiScheduleSection .tyiTimelineItem time{
padding-top:4px!important;
font-size:10px!important;
letter-spacing:.14em!important;
}
.tyiScheduleSection .tyiTimelineRail{
width:22px!important;
}
.tyiScheduleSection .tyiTimelineRail:before{
bottom:-30px;
}
.tyiScheduleSection .tyiTimelineRail i{
top:6px;
width:12px;
height:12px;
}
.tyiScheduleSection .tyiTimelineContent h3{
font-size:22px!important;
line-height:1.08!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
.tyiScheduleSection .tyiTimelineContent p{
font-size:12px!important;
line-height:1.55!important;
}
}
@media(max-width:390px){
.tyiScheduleSection .tyiTimelineItem{
grid-template-columns:48px 20px minmax(0,1fr)!important;
column-gap:9px!important;
}
.tyiScheduleSection .tyiTimelineRail{width:20px!important}
.tyiScheduleSection .tyiTimelineContent h3{font-size:21px!important}
}