/* En Su Presencia — one tactile, luminous paint language throughout the page. */
:root {
  --paper:#fbf6ed; --cream:#f5eadc; --sand:#e8d0b5; --ink:#552b25;
  --copper:#a35737; --burgundy:#781e24; --muted:#745b4c; --line:#ddc9b3;
  --paint:url('assets/paint-stroke-2026.png');
}
body {background:var(--paper); overflow-x:clip;}
main {overflow:visible;}
h2 {font-size:clamp(40px,4.8vw,66px); line-height:1.08; color:var(--burgundy);}
h2 em {color:var(--copper);}
.eyebrow {color:var(--copper); font-size:12px; letter-spacing:.13em;}
.section-wrap {width:min(1160px,calc(100% - 80px));}
.section-heading h2, .return-copy h2, .recordings-copy h2, .faq-heading h2 {position:relative; isolation:isolate;}
.section-heading h2:after, .return-copy h2:after, .recordings-copy h2:after, .faq-heading h2:after {
  content:""; position:absolute; z-index:-1; left:-18px; right:-20px; height:70px;
  bottom:-22px; background:var(--paint) center/100% 100% no-repeat; opacity:.35;
  transform:rotate(-3deg); pointer-events:none;
}
.button {isolation:isolate; position:relative; background:none; border-color:transparent; border-radius:0; color:#fffaf2; padding:18px 30px; min-height:56px;}
.button:before {content:""; position:absolute; inset:-7px -8px; z-index:-1; background:var(--burgundy); -webkit-mask:var(--paint) center/100% 100% no-repeat; mask:var(--paint) center/100% 100% no-repeat; transition:background .25s,transform .3s;}
.button:hover {background:none; border-color:transparent; transform:translateY(-2px);}
.button:hover:before {background:#9a3134; transform:rotate(-1deg) scale(1.02);}
.button-small {min-height:44px; padding:12px 22px;}
.button-small:before {inset:-5px -5px;}
.text-link {color:var(--burgundy); font-size:15px;}
.vty-mark {font-size:28px; letter-spacing:1px; line-height:1;}
.wordmark span {font-size:9px; letter-spacing:2px; margin-top:5px;}
.site-header {height:78px; padding-inline:max(30px,calc((100vw - 1280px)/2)); color:var(--burgundy); background:#fbf6edf5; border-color:#ddc9b350; box-shadow:0 3px 20px #85512604;}
.desktop-nav {color:var(--ink);}
.header-cta {color:#fffaf2;}
.menu-toggle span {background:var(--burgundy);}
.mobile-menu {top:78px; background:#fbf6edf9; color:var(--ink);}

/* Shared styles for the painted logo and conference film. */
.hero-film {margin:0; min-height:0; background:var(--paper); overflow:visible; padding-bottom:30px;}
.hero-film:before {content:""; position:absolute; left:-17%; top:60%; width:100%; height:235px; background:var(--paint) center/100% 100% no-repeat; transform:rotate(-8deg); opacity:.45; z-index:-1; pointer-events:none;}
.hero-film-light {display:block; background:radial-gradient(ellipse at 25% 5%,#fffcf6,transparent 75%);}
.hero-film-shell {width:min(1280px,calc(100% - 80px)); display:grid; grid-template-columns:1fr 1.14fr; gap:45px; min-height:0; padding:36px 0 45px; align-items:center; position:relative;}
.hero-film-copy {width:100%; max-width:none; color:var(--ink); text-align:center; padding:10px 0; position:relative; pointer-events:auto;}
.conference-title {font:400 13px/1.5 var(--sans); letter-spacing:.13em; color:var(--copper); margin:0 0 3px; max-width:none;}
.conference-title>span {display:inline; color:var(--copper); font-size:1em; letter-spacing:inherit; margin:0 0 0 5px;}
.paint-logo {position:relative; margin:0 auto 2px; width:min(500px,100%);}
.presence-logo {display:block; width:100%; height:auto; max-width:none; margin:0; filter:none; stroke:none; aspect-ratio:1586/992;}
.logo-reveal-stroke {transition:stroke-dashoffset .12s linear; stroke-linecap:square;}
.film-invitation {font:400 clamp(29px,3vw,42px)/1.1 var(--serif); color:var(--burgundy); max-width:none; margin:0; letter-spacing:-.025em;}
.hero-purpose {font-size:17px; line-height:1.5; color:var(--muted); margin:17px auto 0; max-width:430px;}
.hero-date {display:flex; justify-content:center; align-items:center; gap:8px; font-size:12px; letter-spacing:.09em; margin-top:22px; color:var(--copper);}
.hero-date svg {width:17px; height:17px;}
.hero-date i {font-style:normal; padding-inline:4px;}
.film-actions {justify-content:center; gap:25px; margin-top:24px;}
.film-actions .button {font-size:15px; min-height:54px; padding-inline:29px;}
.paint-scroll-cue {display:flex; width:fit-content; align-items:center; gap:12px; margin:23px auto 0; color:var(--muted); font-size:12px;}
.paint-scroll-cue span {font-size:20px; color:var(--copper); animation:paintCue 2s ease-in-out infinite;}
@keyframes paintCue {50% {transform:translateY(5px);}}
.hero-film-stage {position:relative; inset:auto; width:100%; z-index:1; padding:18px 0 0;}
.hero-film-stage:before {display:block; content:""; inset:auto; position:absolute; width:115%; height:190px; top:-28px; left:-8%; border:0; border-radius:0; background:var(--paint) center/100% 100% no-repeat; z-index:3; pointer-events:none; transform:rotate(5deg); opacity:.9;}
.hero-film-stage:after {content:""; position:absolute; width:118%; height:145px; bottom:34px; left:-9%; background:var(--paint) center/100% 100% no-repeat; z-index:3; pointer-events:none; transform:rotate(-4deg); filter:brightness(1.1) saturate(.45);}
.film-frame {height:560px; border-radius:4px; box-shadow:0 12px 45px #81513318; background:#dac0a1;}
.film-video {filter:sepia(.16) saturate(.75) brightness(1.13); transform:scale(1.04); object-position:55% center;}
.film-color {background:linear-gradient(0deg,#47231499,transparent 50%),linear-gradient(180deg,#fff2d31a,transparent 70%);}
.film-top-label {display:flex; top:135px; justify-content:flex-start; left:26px; right:auto; font-size:11px; letter-spacing:.13em; background:#4b2d2070; border-radius:20px; padding:8px 13px;}
.film-caption {display:block; bottom:145px; left:30px; right:90px; color:#fffaf2;}
.film-caption>p:first-child {font-size:11px; color:#ffe5c5; letter-spacing:.08em;}
.film-caption>p:last-child {font-size:40px;}
.film-caption em {color:#ffe6bd;}
.film-toggle {right:22px; bottom:148px; width:46px; height:46px; background:#512f2866; border-color:#fff9e9aa;}
.film-toggle>span:last-child {font-size:11px; top:51px;}
.film-scene-controls {position:relative; inset:auto; transform:none; width:auto; margin:26px 5px 0; gap:15px; z-index:4;}
.film-scene {color:var(--muted); font-size:13px; justify-content:center;}
.film-scene.is-active {color:var(--burgundy);}
.film-scene-progress {height:5px; background:#e7d2b960; -webkit-mask:var(--paint) center/100% 100% no-repeat; mask:var(--paint) center/100% 100% no-repeat;}
.film-scene-progress i {background:var(--copper);}
.hero-bottom {background:none; border:0; color:var(--muted); padding:20px 28px; gap:30px; font-size:13px;}
.hero-bottom>span {gap:8px;}
.hero-bottom .live-dot {background:var(--burgundy);}
.hero-bottom .scroll-cue {display:none;}

/* Shared painterly seams, swept onto the page as the visitor approaches. */
.presence-journey, .participation, .program, .collection, .recordings, .coffee, .faq-section, .closing {position:relative; isolation:isolate;}
.presence-journey:before, .participation:after, .program:before, .collection:before, .recordings:before, .coffee:before, .faq-section:before, .closing:before {
  content:""; position:absolute; z-index:-1; width:110%; height:130px; top:-55px; left:-5%;
  background:var(--paint) center/100% 100% no-repeat; transform:rotate(-3deg); opacity:.55; pointer-events:none;
}
.participation:after {top:auto; bottom:-50px; transform:rotate(3deg);}
.program:before {width:75%; left:35%; top:-5px; height:145px; opacity:.2; transform:rotate(8deg);}
.collection:before {opacity:.8; filter:brightness(1.08) saturate(.7);}
.recordings:before {left:-18%; width:85%; top:-10px; height:170px; opacity:.35; transform:rotate(-7deg);}
.coffee:before {opacity:.8; height:160px; top:-60px;}
.faq-section:before {opacity:.3; transform:rotate(4deg);}
.closing:before {height:260px; width:110%; top:45%; opacity:.75; transform:rotate(-5deg);}
.paint-ready .paint-section:before, .paint-ready .paint-section:after {clip-path:polygon(0 0,calc(var(--paint-open,1) * 100%) 0,calc(var(--paint-open,1) * 100%) 100%,0 100%);}
.paint-ready .paint-section h2:after {clip-path:polygon(0 0,calc(var(--paint-open,1) * 100%) 0,calc(var(--paint-open,1) * 100%) 100%,0 100%);}
.presence-journey {background:var(--paper); overflow:visible;}
.journey-light, .return-aura, .return-bridge {display:none;}
.return-call {background:none; padding:90px 0 65px;}
.return-inner {display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}
.return-copy h2 {font-size:clamp(44px,5vw,66px); margin:18px 0 20px;}
.return-copy>p:not(.eyebrow) {font-size:19px; margin:0; color:var(--muted);}
.return-needs {display:grid; gap:8px;}
.return-needs>p, .return-needs>p:first-child {background:none; border:0; border-radius:0; box-shadow:none; position:relative; isolation:isolate; padding:21px 26px; display:flex; align-items:center; gap:15px; font-size:19px; line-height:1.35;}
.return-needs>p:before {content:""; position:absolute; inset:-5px -10px; background:var(--paint) center/100% 100% no-repeat; opacity:.65; z-index:-1;}
.return-needs>p:nth-child(2):before {transform:scaleX(-1) rotate(-2deg); opacity:.45;}
.return-needs>p:nth-child(3):before {transform:rotate(2deg); opacity:.3;}
.return-needs strong {font-weight:400;}
.return-needs svg {width:26px; height:26px; padding:0; color:var(--copper);}
.return-needs .text-link {margin:15px 0 0 20px; justify-self:start;}
.experience {padding:0 0 95px; background:none; position:relative;}
.cinematic-scene {min-height:510px; background:none; overflow:hidden; position:relative;}
.cinematic-scene:after {background:radial-gradient(ellipse at 75% 40%,#fffdf8cc,transparent 70%);}
.cinematic-copy {color:var(--burgundy); padding:85px 0 90px; position:relative; z-index:2;}
.cinematic-copy h2 {font-size:clamp(58px,6vw,85px); line-height:1.02;}
.cinematic-copy h2 em {color:var(--copper);}
.cross-invitation {font-size:18px; margin-top:24px; color:var(--muted);}
.paint-cross {position:absolute; right:12%; top:20px; width:370px; height:470px; z-index:1; filter:drop-shadow(0 0 22px #fff) drop-shadow(0 6px 12px #bb916f26);}
.paint-cross span {display:block; position:absolute; background:var(--paint) center/100% 100% no-repeat; filter:brightness(1.15) saturate(.22); opacity:.95;}
.paint-cross span:first-child {width:440px; height:170px; top:140px; left:-45px; transform:rotate(90deg);}
.paint-cross span:last-child {width:350px; height:135px; left:0; top:90px; transform:rotate(-2deg);}
.motion-ready .paint-cross {transform:scale(calc(.88 + var(--section-progress,.5) * .28)) translateY(calc((.5 - var(--section-progress,.5)) * 25px));}
.experience-path {grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:0; gap:32px;}
.experience-feature, .experience-feature.growth, .experience-feature.community {background:none; color:var(--ink); border:0; border-radius:0; box-shadow:none; margin:0; padding:0 10px 25px; min-height:0; display:flex; flex-direction:column; overflow:visible; isolation:isolate;}
.experience-feature:before, .experience-feature:after {display:none;}
.feature-image {position:relative; inset:auto; z-index:auto; height:auto; aspect-ratio:3/2; width:100%; object-fit:cover; object-position:center; border-radius:3px; filter:none; transform:none; -webkit-mask:none; mask:none;}
.feature-number {position:static; color:var(--muted); font-size:10px; letter-spacing:.08em; margin:16px 0 15px; opacity:1;}
.feature-words {position:relative; z-index:1;}
.experience-feature .feature-words h3 {position:relative; isolation:isolate; font:400 57px/1.05 var(--serif); margin:0 0 16px; color:var(--burgundy);}
.experience-feature .feature-words h3:before {content:""; position:absolute; inset:-10px -12px -12px -15px; background:var(--paint) center/100% 100% no-repeat; z-index:-1; opacity:.45;}
.growth .feature-words h3:before {filter:sepia(.1); transform:rotate(-3deg) scaleX(-1); opacity:.3;}
.community .feature-words h3:before {filter:saturate(1.3); transform:rotate(3deg); opacity:.6;}
.growth .feature-words h3 {color:#735e36;}
.community .feature-words h3 {color:#9a4734;}
.experience-feature p {font-size:17px; line-height:1.5; color:var(--muted); max-width:none;}
.feature-orbit {position:absolute; right:9px; top:184px; width:36px; height:36px; color:var(--copper); z-index:3;}
.feature-orbit:after {display:none;}
.growth-leaf {width:32px; height:32px; animation:leafBreathe 5s ease-in-out infinite alternate;}
@keyframes leafBreathe {to {transform:rotate(14deg);}}
.sound-wave {inset:0; width:30px; height:26px; gap:3px; position:absolute;}
.sound-wave i {background:var(--copper); width:2px;}
.international-icon {position:static; width:32px; height:32px;}
.international-icon svg {width:100%; height:100%; stroke-width:1.2;}
.globe-orbit {transform-origin:center; animation:globeTurn 12s linear infinite;}
@keyframes globeTurn {to {transform:rotate(360deg);}}

/* Two compact participation options on a clean painted surface. */
.participation {background:#f5eadc; color:var(--ink); padding:80px 0 65px;}
.participation:before {background:radial-gradient(ellipse at 10% 25%,#fffaf2,transparent 65%);}
.participation .section-heading {text-align:center; margin-bottom:44px;}
.participation .eyebrow {color:var(--copper);}
.participation h2 em {color:var(--burgundy);}
.participation-grid {grid-template-columns:1fr 1fr; gap:35px; max-width:1000px; margin-inline:auto;}
.attendance-card {border:1px solid #d7bfa380; border-radius:3px; box-shadow:0 15px 35px #8551250c; background:#fffaf3; transition:transform .3s,box-shadow .3s;}
.attendance-card:hover {transform:translateY(-4px); box-shadow:0 18px 35px #85512518;}
.attendance-visual {height:260px; background:#ead5ba;}
.attendance-visual>img {filter:sepia(.1) saturate(.65) brightness(1.05); transform:scale(1.04); object-position:center;}
.attendance-visual:after, .online .attendance-visual:after {background:linear-gradient(0deg,#fffaf3 0%,#fffaf3de 20%,transparent 65%);}
.online .attendance-visual>img {filter:blur(2.5px) saturate(.6) brightness(1.08); object-position:65% center;}
.attendance-visual:before {content:""; position:absolute; z-index:2; bottom:-30px; left:-10%; width:120%; height:88px; background:var(--paint) center/100% 100% no-repeat; opacity:.7; transform:rotate(-3deg); pointer-events:none;}
.attendance-visual h3 {font-size:38px; color:var(--burgundy); left:27px; bottom:12px; z-index:3;}
.attendance-visual h3 em {color:var(--copper);}
.attendance-badge {top:20px; left:22px; background:#fffaf3de; color:var(--ink); border:1px solid #f8edda; font-size:11px;}
.attendance-badge i {background:var(--burgundy);}
.attendance-body {padding:26px 28px 30px; background:#fffaf3;}
.price {font-size:37px; color:var(--burgundy);}
.price>span:not(.currency) {font-size:14px; color:var(--muted);}
.attendance-reason {font-size:15px; line-height:1.5; color:var(--muted); margin:14px 0 0;}
.attendance-perks {font-size:14px; margin-top:17px; padding:16px 0 22px; gap:10px 16px;}
.attendance-body .button {font-size:14px; min-height:54px; padding-inline:22px;}
.online .attendance-body .button, .online .attendance-body .button:hover {background:none; border-color:transparent;}
.online .attendance-body .button:before {background:#9b5139;}
.card-note {font-size:12px; text-align:left; margin-top:17px;}
.participation-help {color:var(--burgundy); margin-top:30px; font-size:15px;}
.participation-help:hover {color:var(--copper);}
.motion-ready .attendance-visual>img {transform:scale(calc(1.035 + var(--section-progress,.5) * .1));}

/* Date identity is carried by paint, with one premium family for all four days. */
.program {padding-block:90px;}
.program-overview {display:flex; flex-wrap:wrap; gap:17px 35px; margin-bottom:20px; font-size:12px; color:var(--muted);}
.program-overview strong {display:block; font-weight:600; color:var(--ink); font-size:14px; margin-top:3px;}
.program-tabs {display:flex; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; gap:16px; padding:18px 5px 25px; scrollbar-width:thin; scrollbar-color:#b38b6a #efe1d1;}
.program-tabs button {flex:0 0 170px; scroll-snap-align:start; isolation:isolate; overflow:hidden; background:var(--day-light); color:var(--day-tone); border:1px solid #ddc9b3; border-radius:3px; box-shadow:0 4px 0 #e9dbc9; padding:0 0 22px;}
.program-tabs button:before {inset:0; width:auto; height:auto; border:0; border-radius:0; opacity:.25; background:var(--paint) center/110% 100% no-repeat; z-index:-1; transform:rotate(90deg);}
.program-tabs button:after {display:none;}
.calendar-scene {position:absolute; inset:0; z-index:-2; opacity:.2;}
.calendar-scene img {width:100%; height:100%; object-fit:cover; filter:sepia(.2) saturate(.5);}
.calendar-symbol {position:absolute; top:55px; right:15px; width:22px; height:22px; color:var(--day-tone); opacity:.5;}
.calendar-month, .program-tabs button[aria-selected=true] .calendar-month {background:var(--day-tone); color:#fffaf2; font-size:10px; padding:12px 8px; border-radius:0; letter-spacing:.15em; -webkit-mask:var(--paint) center/120% 140% no-repeat; mask:var(--paint) center/120% 140% no-repeat;}
.program-tabs strong, .program-tabs button[aria-selected=true] strong {font-size:77px; margin:25px 0 8px; color:var(--day-tone);}
.calendar-weekday {font-size:12px; color:var(--day-tone); margin:0 8px; min-height:36px; font-weight:400;}
.calendar-theme {font-size:20px; color:var(--day-tone); line-height:1.1; margin-top:8px; padding:15px 10px 0; min-height:60px; border-color:color-mix(in srgb,var(--day-tone) 20%,transparent);}
.program-tabs button[aria-selected=true] {color:var(--day-tone); border-color:var(--day-tone); box-shadow:0 4px 0 var(--day-tone),0 15px 24px #71452815; transform:translateY(-5px);}
#day-0 {--day-tone:#233d58; --day-light:#e8edf0;}
#day-1 {--day-tone:#a35436; --day-light:#f6e8d9;}
#day-2 {--day-tone:#9b4966; --day-light:#f8e7ec;}
#day-3,#day-4,#day-5,#day-6 {--day-tone:#efd4a1; --day-light:#5b2527; border-color:#87534c; background:#5b2527;}
#day-3 .calendar-month,#day-4 .calendar-month,#day-5 .calendar-month,#day-6 .calendar-month {background:#edd3ac; color:#562128;}
#day-3[aria-selected=true] .calendar-month,#day-4[aria-selected=true] .calendar-month,#day-5[aria-selected=true] .calendar-month,#day-6[aria-selected=true] .calendar-month {background:#edd3ac; color:#562128;}
#day-3 .calendar-scene,#day-4 .calendar-scene,#day-5 .calendar-scene,#day-6 .calendar-scene {opacity:.07;}
#day-7 {--day-tone:#9c3a27; --day-light:#fae2ca;}
#day-7 .calendar-scene {opacity:.23;}
.program-controls {display:flex; justify-content:space-between; gap:15px; align-items:center; margin:0 0 25px;}
.program-hint {font-size:13px; margin:0; text-align:left;}
.agenda-arrows {display:flex; gap:8px;}
.agenda-arrows button, .catalog-arrows button {width:44px; height:44px; border:1px solid #d0b699; border-radius:50%; background:#fffcf7; color:var(--burgundy); font-size:22px;}
.schedule {background:#f5eadc; border:1px solid #ddc9b3; border-radius:3px;}
.schedule[data-day="0"] {--agenda-tone:#233d58; --agenda-light:#eef1f3;}
.schedule[data-day="1"] {--agenda-tone:#a35436; --agenda-light:#faeee2;}
.schedule[data-day="2"] {--agenda-tone:#9b4966; --agenda-light:#f8e9ee;}
.schedule[data-day="3"],.schedule[data-day="4"],.schedule[data-day="5"],.schedule[data-day="6"] {--agenda-tone:#75272a; --agenda-light:#f3e3da;}
.schedule[data-day="7"] {--agenda-tone:#9c3a27; --agenda-light:#f9e9d7;}
.schedule-row time {background:var(--agenda-tone); border-radius:0; -webkit-mask:var(--paint) center/115% 150% no-repeat; mask:var(--paint) center/115% 150% no-repeat; padding:12px 15px;}
.agenda-note {font-size:12px; line-height:1.6; color:var(--muted); margin-top:24px; max-width:820px;}
.agenda-note a {text-decoration:underline; text-underline-offset:3px;}

/* The store is clean: tactile headings and category framing, quiet product photos. */
.collection {background:#f6eee2; padding:0 0 85px; overflow:visible; --collection-tone:#735541;}
.shop-promo {font-size:11px; letter-spacing:.13em; padding:18px 20px; background:#ead7c3; text-align:center; display:flex; align-items:center; justify-content:center; gap:12px; color:var(--ink); margin-bottom:65px;}
.shop-promo svg {width:18px; height:18px;}
.catalog-preview {border:0; border-radius:0; margin-bottom:35px; box-shadow:none;}
.catalog-preview-caption {background:#fbf6ed; color:var(--muted); font-size:12px;}
.collection-genders {display:grid; grid-template-columns:1fr 1fr; gap:25px; margin-bottom:35px;}
.gender-card {height:255px; border:1px solid #dec8ae; border-radius:2px; background:#dfcbb4; isolation:isolate; padding:0; transition:border .25s,transform .3s;}
.category-photo {position:absolute; inset:0; overflow:hidden; z-index:-2;}
.category-photo img {position:absolute; width:166.67%; max-width:none; height:auto; left:0; top:0;}
.gender-card[data-view="mujer"] .category-photo img {left:-33.33%;}
.gender-card:after, .gender-card[data-view="mujer"]:after {background:linear-gradient(0deg,#fbf6ed 0%,#fbf6edba 25%,transparent 65%);}
.gender-label {font-size:36px; color:var(--burgundy); left:24px; bottom:20px; right:24px; align-items:baseline;}
.gender-label small {font:400 13px var(--sans); color:var(--muted);}
.gender-label:before {content:""; position:absolute; z-index:-1; left:-14px; right:-14px; bottom:-13px; height:70px; background:var(--paint) center/100% 100% no-repeat; opacity:.6;}
.gender-card.active {border:2px solid var(--collection-tone); box-shadow:none; transform:translateY(-2px);}
.gender-selected {background:var(--collection-tone);}
.collection[data-collection="mujer"] {--collection-tone:#955d54;}
.catalog-toolbar {display:flex; justify-content:space-between; align-items:center; gap:20px; margin:20px 0;}
.catalog-toolbar h3 {font:400 30px var(--serif);}
.catalog-arrows {display:flex; gap:8px;}
.catalog-products {display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; padding:0 1px 20px; scrollbar-width:thin; scrollbar-color:#b18b6b #f1e5d5;}
.shop-card {flex:0 0 calc((100% - 60px)/4); min-width:0; padding:0; border:1px solid #ddcbb7; border-radius:2px; background:#fffaf4; text-align:left; color:var(--ink); scroll-snap-align:start; overflow:hidden; transition:border-color .2s,transform .2s;}
.shop-card:hover, .shop-card.selected {border-color:var(--collection-tone);}
.shop-card-photo {display:block; position:relative; width:100%; aspect-ratio:395.4/795; overflow:hidden; background:#e8d7c2;}
.shop-card-photo img {position:absolute; width:500%; height:100%; max-width:none; object-fit:fill; top:0; left:calc(var(--item-color,0) * -100%);}
.shop-card-tag {position:absolute; top:10px; left:10px; right:10px; width:fit-content; font-size:8px; letter-spacing:.06em; background:#fffaf2cc; padding:4px 7px;}
.shop-card-copy {display:block; padding:15px;}
.shop-card-copy>strong {display:block; font:400 21px var(--serif); margin-bottom:9px;}
.shop-card-copy>span {display:flex; justify-content:space-between; gap:8px; font-size:11px;}
.shop-card-copy b {font-size:13px; font-weight:600; white-space:nowrap;}
.shop-card-copy em {display:flex; justify-content:space-between; font:400 12px var(--sans); color:var(--copper); border-top:1px solid #e2d2bf; margin-top:13px; padding-top:10px;}
.catalog-note {font-size:12px; color:var(--muted); margin:10px 0 35px;}
.merch-layout {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:70px; scroll-margin-top:110px;}
.merch-visual {border:0; border-radius:2px; background:#edddc6;}
.merch-image-window, .merch-image-window.view-hombre {aspect-ratio:395.4/795;}
.merch-image-window.view-mujer {aspect-ratio:396.6/793;}
.merch-image-window img, .merch-image-window.view-hombre img, .merch-image-window.view-mujer img {top:0; width:500%; height:100%; mix-blend-mode:normal;}
.merch-image-window.zoomed img {transform:scale(1.22); transform-origin:calc((var(--color-index,0) + .5) * 20%) 40%;}
.product-zoom {position:absolute; right:16px; bottom:16px; border:1px solid #c5ab8b; border-radius:50%; background:#fffaf2e6; color:var(--burgundy); width:45px; height:45px; font-size:26px; z-index:2;}
.shop-breadcrumb {font-size:12px; color:var(--muted); margin-bottom:14px;}
.merch-info h3 {color:var(--burgundy); font-size:48px;}
.merch-caption {background:#fffaf3;}
.merch-info>.button, .merch-info>.button:hover {background:none; border-color:transparent;}
.merch-info>.button:before {background:var(--collection-tone);}

/* Video package, framed by paint rather than a heavy dark backdrop. */
.recordings {padding-block:100px; gap:70px; grid-template-columns:1fr 1fr; align-items:center;}
.recording-package {position:relative; isolation:isolate; padding:30px 12px; min-width:0;}
.recording-package:before {content:""; position:absolute; inset:10% -8%; background:var(--paint) center/100% 100% no-repeat; z-index:-1; opacity:.6; transform:rotate(-7deg);}
.package-days {display:grid; grid-template-columns:1fr 1fr; gap:17px;}
.day-device {width:100%; border:3px solid #755642; border-radius:5px; grid-column:auto; transform:none; background:#755642;}
.device-one {width:100%; transform:rotate(-3deg); margin:0;}
.device-two {transform:rotate(3deg) translateY(14px);}
.device-three {transform:rotate(-2deg);}
.device-four {transform:rotate(2deg) translateY(14px);}
.device-label strong {font-size:18px;}
.device-two .device-label strong,.device-three .device-label strong {font-size:18px;}
.device-label span {font-size:9px;}
.package-extras {margin-top:40px; gap:25px; align-items:center;}
.manual-mockup {background:#e7b083; border-color:#b97c51; border-left-color:#aa673f; box-shadow:5px 5px 0 #f5d8b9,9px 9px 0 #c29a77,10px 17px 24px #43281515;}
.manual-mockup>strong {font-size:25px; color:#673422;}
.manual-mockup>span:first-child {font-size:10px;}
.package-caption {color:var(--muted); font-size:11px; margin-top:30px;}
.recordings-copy h2 {font-size:clamp(39px,4.3vw,57px);}
.recordings-copy>p:not(.eyebrow):not(.small-note) {font-size:17px; line-height:1.5; margin-top:24px; color:var(--muted);}
.package-chips {display:flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.package-chips span {font-size:13px; background:#f4e4d2; color:var(--ink); border:0; border-radius:0; padding:8px 12px;}
.recordings-offer {background:#f3e3d0; color:var(--ink); border:1px solid #e5c9a9; border-radius:2px; box-shadow:none; padding:24px; margin:24px 0;}
.recordings-offer [hidden] {display:none!important;}
.offer-heading {display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:11px; letter-spacing:.06em;}
.offer-saving {font-size:12px; letter-spacing:0; background:#ead0ae; border-radius:0; padding:5px 8px; white-space:nowrap;}
.offer-price {display:flex; align-items:baseline; gap:16px; margin:15px 0 12px;}
.offer-price strong {font:400 50px/1 var(--serif); color:var(--burgundy);}
.offer-price del {font-size:18px; color:var(--muted);}
.offer-price>span {font-size:13px;}
.offer-deadline {font-size:14px; color:var(--ink);}
.offer-countdown {display:flex; align-items:center; gap:9px; margin-top:18px;}
.offer-countdown>span {background:#fffaf3; padding:9px 12px; min-width:63px; text-align:center; border:1px solid #e5d0b5;}
.offer-countdown output {display:block; font:400 27px/1.1 var(--sans); font-variant-numeric:tabular-nums; color:var(--burgundy);}
.offer-countdown small {display:block; font-size:11px; margin-top:3px;}
.offer-countdown i {font-style:normal;}
.offer-demo {font-size:11px; color:var(--muted); margin-top:15px;}
.recordings-copy>.button {width:100%; justify-content:space-between;}
.recordings-copy>.small-note {font-size:13px; line-height:1.5; margin-top:19px;}

/* Café keeps its own original mark, inside the conference's painted setting. */
.coffee {background:#f6ecdd; color:var(--ink);}
.coffee-inner {display:flex; flex-direction:column; padding-block:65px; gap:42px;}
.coffee-stage {width:min(960px,100%); padding:0; position:relative;}
.coffee-product-image {width:100%; transform:none; border:0; border-radius:2px; box-shadow:none;}
.coffee-stage:after {content:""; position:absolute; bottom:-25px; left:-5%; width:110%; height:80px; background:var(--paint) center/100% 100% no-repeat; pointer-events:none; opacity:.8; transform:rotate(-2deg);}
.coffee-sticker {z-index:1; background:#fff9ee; border-color:#eed5b1; color:#6b4734; box-shadow:none; right:20px; bottom:5px; width:105px; height:105px; font-size:21px;}
.coffee-copy {display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:center;}
.coffee-intro {padding-left:115px;}
.coffee-brand-logo {width:85px; top:5px;}
.coffee-intro .eyebrow {color:var(--copper); font-size:11px;}
.coffee-copy h2, .coffee-copy h2 em {color:var(--ink); font-size:46px;}
.coffee-invitation {font-size:16px; line-height:1.5; margin-top:19px; color:var(--muted);}
.coffee-menu button {color:var(--ink); background:#fffaf28c; border-color:#ccb094;}
.coffee-offer-label {font-size:11px; color:var(--copper); letter-spacing:.075em; margin-bottom:12px;}
.coffee-offer {margin:0 0 25px; border-color:#d5bfa4; gap:20px;}
.coffee-offer p {font-size:27px;}
.coffee-offer>strong {font-size:40px; color:var(--ink);}
.coffee-offer span {font-size:12px; color:var(--muted);}
.coffee-saving {margin-top:7px;}
.coffee-shop .button,.coffee-shop .button:hover {background:none; border-color:transparent;}
.coffee-shop .button:before {background:#4d382a;}
.coffee-note {font-size:12px; color:var(--muted); margin-top:19px;}

/* Simple questions and a luminous closing, not a dark sales block. */
.faq-section {background:var(--paper);}
.faq {padding-block:90px; gap:75px;}
.faq-heading h2 {font-size:clamp(40px,4.3vw,58px);}
.faq-invitation {color:var(--muted); font-size:17px; margin-top:23px;}
.faq-contact {margin-top:25px;}
.faq-chat {display:none;}
.faq-contact>strong {display:none;}
.faq-heading .whatsapp-button {margin:0; background:none; border-color:transparent; min-height:55px; font-size:15px;}
.whatsapp-button:before {background:#356445;}
.whatsapp-button:hover:before {background:#284f35;}
.faq-list details {background:none; border:0; border-bottom:1px solid #dfcbb5; padding:20px 0;}
.faq-list details:last-child {border-bottom:1px solid #dfcbb5;}
.faq-list summary {font-size:17px; align-items:center;}
.faq-list summary>svg {width:21px; height:21px; color:var(--copper); margin-right:0;}
.faq-list summary>span {margin-left:auto;}
.faq-list details p {font-size:15px; line-height:1.7; color:var(--muted);}
.closing {background:#f5eadb; color:var(--ink); padding:95px 25px 110px; min-height:0;}
.closing h2 {position:relative; font-size:clamp(44px,5.4vw,72px);}
.closing h2 em {color:var(--copper);}
.closing .eyebrow {color:var(--copper);}
.closing .button {background:none; border-color:transparent; color:#fffaf2; margin-top:10px;}
.closing .button:hover {background:none; border-color:transparent;}
.closing>p:last-child {color:var(--muted);}
.closing-atmosphere {display:none;}
.closing-ring {top:50%; left:50%; width:650px; height:250px; border:0; border-radius:0; background:var(--paint) center/100% 100% no-repeat; transform:translate(-50%,-50%) rotate(10deg); opacity:.4; animation:none; filter:brightness(1.13) saturate(.6); z-index:-1;}
.motion-ready .closing-ring {transform:translate(-50%,-50%) rotate(calc(-7deg + var(--section-progress,.5) * 18deg)) scale(calc(.8 + var(--section-progress,.5) * .55));}
.site-footer {background:var(--paper); color:var(--ink);}
.prototype-label {font-size:12px;}
.mobile-join {background:#fbf6edf5; border-color:#d7bfa3;}
.mobile-join .button:before {inset:-3px -4px;}
dialog {background:var(--paper); border-radius:4px;}
.dialog-content>.button {margin-top:20px;}

@media(min-width:1600px) {.film-frame {height:660px;} .hero-film-shell {padding-block:50px 60px;} .paint-logo {width:560px;} }
@media(max-width:1100px) {
  .hero-film-shell {gap:28px; width:calc(100% - 60px);}
  .film-frame {height:510px;}
  .hero-purpose {font-size:16px;}
  .film-invitation {font-size:34px;}
  .hero-date {font-size:11px;}
  .return-inner {gap:45px;}
  .paint-cross {right:6%;}
  .experience-path {gap:20px;}
  .experience-feature .feature-words h3 {font-size:49px;}
  .feature-number {font-size:9px;}
  .merch-layout {gap:45px;}
  .shop-card {flex-basis:calc((100% - 40px)/3);}
  .recordings {gap:45px;}
  .coffee-copy {gap:40px;}
  .coffee-intro {padding-left:95px;}
  .coffee-brand-logo {width:75px;}
  .coffee-copy h2,.coffee-copy h2 em {font-size:40px;}
}
@media(max-width:800px) {
  .site-header {height:72px; padding-inline:25px; gap:20px;}
  .mobile-menu {top:72px;}
  .section-wrap {width:calc(100% - 48px);}
  .hero-film-shell {grid-template-columns:1fr 1fr; width:calc(100% - 48px); gap:23px; padding-top:28px;}
  .conference-title {font-size:10px; letter-spacing:.07em;}
  .film-invitation {font-size:29px;}
  .hero-purpose {font-size:14px;}
  .hero-purpose br {display:none;}
  .hero-date {font-size:10px; letter-spacing:.03em;}
  .film-actions {gap:18px;}
  .film-actions .button {font-size:13px; min-height:48px; padding-inline:20px;}
  .film-actions .text-link {font-size:13px;}
  .film-frame {height:450px; border-radius:0;}
  .hero-film-stage:before {height:120px; top:-10px;}
  .hero-film-stage:after {height:105px; bottom:44px;}
  .film-top-label {top:94px; left:17px; font-size:9px;}
  .film-caption {bottom:128px; left:20px; right:60px;}
  .film-caption>p:last-child {font-size:30px;}
  .film-caption>p:first-child {font-size:9px;}
  .film-toggle {bottom:110px; right:15px; width:38px; height:38px;}
  .film-toggle>span:last-child {font-size:10px; top:42px;}
  .film-scene {font-size:11px;}
  .hero-bottom {font-size:11px; gap:13px 20px;}
  .return-call {padding-top:65px;}
  .return-inner {gap:30px;}
  .return-copy h2 {font-size:48px;}
  .return-needs>p,.return-needs>p:first-child {font-size:17px; padding-inline:15px;}
  .cinematic-copy {padding-block:80px;}
  .cinematic-copy h2 {font-size:64px;}
  .paint-cross {right:-25px; opacity:.7;}
  .experience-path {gap:17px;}
  .feature-image {height:145px;}
  .feature-orbit {top:154px; width:27px; right:0;}
  .feature-number {font-size:8px; max-width:calc(100% - 35px); min-height:26px;}
  .experience-feature .feature-words h3 {font-size:40px;}
  .experience-feature p {font-size:15px;}
  .participation-grid {gap:24px;}
  .attendance-visual {height:240px;}
  .attendance-visual h3 {font-size:32px; left:20px;}
  .attendance-body {padding:24px 21px;}
  .price {font-size:33px;}
  .attendance-badge {font-size:9px; left:16px;}
  .attendance-body .button {font-size:13px; padding-inline:16px;}
  .attendance-perks {font-size:12px;}
  .participation h2 {font-size:48px;}
  .collection-genders {gap:20px;}
  .gender-card {height:225px;}
  .gender-label {font-size:33px; left:18px; right:18px;}
  .gender-label small {font-size:12px;}
  .shop-card {flex-basis:calc((100% - 40px)/3);}
  .shop-card-copy {padding:12px;}
  .shop-card-copy>strong {font-size:20px;}
  .shop-card-copy>span {flex-wrap:wrap;}
  .recordings {grid-template-columns:1fr; max-width:620px; gap:40px;}
  .recordings-copy h2 {font-size:50px;}
  .coffee-copy {gap:32px;}
  .coffee-intro {padding-left:0;}
  .coffee-brand-logo {position:static; margin-bottom:20px; width:72px;}
  .coffee-shop {padding-top:25px;}
  .coffee-offer {gap:12px;}
  .coffee-offer p {font-size:25px;}
  .faq {grid-template-columns:.9fr 1.1fr; gap:35px;}
  .faq-heading h2 {font-size:44px;}
  .faq-heading .whatsapp-button {font-size:13px; padding-inline:16px; gap:10px;}
  .faq-list summary {font-size:15px; gap:10px;}
}
@media(max-width:600px) {
  html {scroll-padding-top:88px;}
  .site-header {height:66px; padding-inline:19px; gap:13px;}
  .mobile-menu {top:66px;}
  .vty-mark {font-size:23px;}
  .wordmark span {font-size:8px;}
  .header-cta {min-height:41px; font-size:12px; padding:10px 16px;}
  .header-cta svg {width:15px; height:15px;}
  .section-wrap {width:calc(100% - 42px);}
  h2, .section-heading h2 {font-size:42px; line-height:1.08;}
  .eyebrow {font-size:11px;}
  .hero-film {padding-bottom:20px;}
  .hero-film-shell {width:calc(100% - 38px); grid-template-columns:1fr; gap:12px; padding:24px 0 20px;}
  .hero-film-copy {padding:0; max-width:420px; margin:auto;}
  .conference-title {font-size:11px; letter-spacing:.11em; margin-bottom:0; line-height:1.5;}
  .paint-logo {width:min(365px,100%); margin:-4px auto -7px;}
  .presence-logo {width:100%; max-width:none; margin:0; max-height:none;}
  .film-invitation {font-size:31px; line-height:1.13; max-width:none;}
  .hero-purpose {font-size:15px; line-height:1.5; max-width:290px; margin-top:13px;}
  .hero-date {font-size:11px; letter-spacing:.04em; margin-top:18px;}
  .film-actions {margin-top:20px; gap:23px;}
  .film-actions .button {font-size:14px; min-height:49px; padding:15px 25px;}
  .film-actions .text-link {font-size:14px;}
  .paint-scroll-cue {display:none;}
  .hero-film-stage {padding-top:10px; margin-top:15px;}
  .hero-film-stage:before {top:-24px; height:98px; transform:rotate(5deg); opacity:.88;}
  .hero-film-stage:after {bottom:38px; height:100px; transform:rotate(-5deg);}
  .film-frame {height:355px; border-radius:0;}
  .film-top-label {top:75px; left:20px; font-size:10px;}
  .film-caption {left:23px; right:85px; bottom:112px;}
  .film-caption>p:last-child {font-size:34px;}
  .film-caption>p:first-child {font-size:10px; margin-bottom:9px;}
  .film-toggle {bottom:113px; right:20px; width:40px; height:40px;}
  .film-toggle>span:last-child {font-size:10px; top:46px;}
  .film-scene-controls {margin-top:18px; gap:17px;}
  .film-scene {font-size:12px; padding-bottom:12px;}
  .film-scene-number {display:none;}
  .hero-bottom {display:flex; flex-direction:column; gap:10px; padding:15px 20px; font-size:12px;}
  .hero-bottom>span:first-child {font-size:12px;}
  .hero-bottom>span:last-of-type {font-size:12px;}
  .return-call {padding:60px 0 25px;}
  .return-inner {grid-template-columns:1fr; gap:30px;}
  .return-copy h2 {font-size:46px; margin:16px 0 20px;}
  .return-copy>p:not(.eyebrow) {font-size:17px;}
  .return-needs {gap:6px;}
  .return-needs>p,.return-needs>p:first-child {font-size:18px; padding:20px 23px;}
  .return-needs .text-link {margin-top:16px; margin-left:10px; font-size:14px;}
  .cinematic-scene {min-height:440px;}
  .cinematic-copy {padding:90px 0 55px;}
  .cinematic-copy h2 {font-size:54px; max-width:300px;}
  .cinematic-copy .eyebrow {font-size:11px; margin-bottom:19px;}
  .cross-invitation {font-size:16px; margin-top:22px; max-width:235px;}
  .paint-cross {right:-115px; top:25px; opacity:.47;}
  .experience {padding-bottom:65px;}
  .experience-path {grid-template-columns:1fr; gap:30px; margin-top:0;}
  .experience-feature, .experience-feature.growth,.experience-feature.community {padding:0 10px 14px; min-height:0; margin:0; display:grid; grid-template-columns:1fr 36px; gap:0 8px;}
  .feature-image {grid-column:1/-1; height:175px;}
  .feature-number {grid-column:1; margin:15px 0 13px; font-size:10px; min-height:0; max-width:none;}
  .feature-orbit {position:relative; inset:auto; grid-row:2; grid-column:2; width:30px; height:30px; align-self:center;}
  .feature-words {grid-column:1/-1;}
  .experience-feature .feature-words h3 {font-size:52px; margin:0 0 17px;}
  .experience-feature p {font-size:17px; line-height:1.5;}
  .participation {padding:65px 0 55px;}
  .participation .section-heading {margin-bottom:40px;}
  .participation h2 {font-size:42px;}
  .participation-grid {grid-template-columns:1fr; gap:30px;}
  .attendance-visual {height:255px;}
  .attendance-visual h3 {font-size:37px; left:24px; bottom:15px;}
  .attendance-body {padding:25px;}
  .price {font-size:38px;}
  .price>span:not(.currency) {font-size:14px;}
  .attendance-badge {font-size:10px; left:20px;}
  .attendance-perks {font-size:13px;}
  .attendance-body .button {font-size:14px; min-height:54px; padding-inline:22px;}
  .card-note {font-size:12px;}
  .participation-help {font-size:13px; line-height:1.6; gap:9px;}
  .program {padding-block:65px;}
  .program-overview {gap:13px; margin-top:28px;}
  .program-overview>span {flex:1 0 43%; font-size:11px;}
  .program-overview strong {font-size:12px;}
  .program-meta {margin-top:22px;}
  .program-meta p {font-size:12px;}
  .calendar-button {font-size:13px;}
  .program-tabs {overflow-x:auto; gap:14px; padding:16px 4px 22px;}
  .program-tabs button {flex-basis:160px;}
  .program-tabs strong {font-size:76px;}
  .calendar-month {font-size:10px;}
  .calendar-weekday {font-size:12px; max-width:none;}
  .calendar-theme {font-size:20px;}
  .program-hint {font-size:12px; max-width:190px;}
  .schedule-row h3 {font-size:29px;}
  .schedule-row p {font-size:14px;}
  .program-location {font-size:13px;}
  .agenda-note {font-size:11px;}
  .collection {padding-bottom:65px;}
  .shop-promo {margin-bottom:45px; font-size:9px; gap:8px; padding:15px 10px; letter-spacing:.05em;}
  .shop-promo svg {width:16px; height:16px;}
  .collection .section-heading>p {font-size:15px;}
  .catalog-preview-caption {font-size:10px; padding:15px 17px;}
  .catalog-preview-caption>a {font-size:13px;}
  .collection-genders {gap:15px; margin-bottom:25px;}
  .gender-card {height:200px;}
  .category-photo img {width:500%; height:auto; top:0;}
  .gender-card[data-view="mujer"] .category-photo img {left:-200%;}
  .gender-label {font-size:29px; left:14px; right:14px; bottom:16px; display:block;}
  .gender-label small {display:block; font-size:11px; margin-top:4px;}
  .gender-selected {width:24px; height:24px; font-size:14px; right:12px; top:12px;}
  .catalog-toolbar h3 {font-size:25px;}
  .catalog-products {gap:15px;}
  .shop-card {flex-basis:calc((100% - 15px)/2);}
  .shop-card-copy {padding:12px;}
  .shop-card-copy>strong {font-size:19px;}
  .shop-card-tag {font-size:7px; left:8px; top:8px; padding:3px 5px;}
  .shop-card-copy>span {font-size:10px;}
  .shop-card-copy b {font-size:12px;}
  .shop-card-copy em {font-size:11px;}
  .catalog-note {font-size:11px;}
  .merch-layout {grid-template-columns:1fr; gap:35px;}
  .merch-visual {width:min(350px,100%);}
  .merch-image-window,.merch-image-window.view-hombre {aspect-ratio:395.4/795;}
  .merch-image-window.view-mujer {aspect-ratio:396.6/793;}
  .merch-image-window img,.merch-image-window.view-hombre img,.merch-image-window.view-mujer img {top:0;}
  .merch-info h3 {font-size:43px;}
  .merch-price {font-size:34px;}
  .edition-label {font-size:11px;}
  .merch-caption {font-size:11px;}
  .recordings {padding-block:65px; gap:30px;}
  .recordings-copy h2 {font-size:40px;}
  .recording-package {padding:20px 3px;}
  .package-days {gap:13px;}
  .day-device {border-width:3px;}
  .device-label {padding:18px 6px 8px;}
  .device-label strong,.device-two .device-label strong,.device-three .device-label strong {font-size:16px;}
  .device-label span {font-size:8px;}
  .device-play,.device-one .device-play {width:30px; height:30px; top:calc(50% - 13px); left:calc(50% - 15px);}
  .device-play svg,.device-one .device-play svg {width:13px; height:13px;}
  .manual-mockup>strong {font-size:22px;}
  .manual-mockup>span:first-child {font-size:8px;}
  .pdf-tag {font-size:10px;}
  .video-library-mockup>strong {font-size:21px;}
  .package-caption {font-size:10px;}
  .offer-heading {font-size:10px;}
  .recordings-offer {padding:21px;}
  .offer-price strong {font-size:45px;}
  .offer-price {gap:13px; flex-wrap:wrap;}
  .coffee-inner {padding-block:50px; gap:35px;}
  .coffee-sticker {width:80px; height:80px; font-size:17px; right:6px; bottom:-13px;}
  .coffee-stage:after {height:58px; bottom:-24px;}
  .coffee-copy {display:block;}
  .coffee-intro {padding:0;}
  .coffee-brand-logo {width:75px; margin-bottom:21px;}
  .coffee-copy h2,.coffee-copy h2 em {font-size:42px;}
  .coffee-invitation {font-size:16px;}
  .coffee-shop {padding-top:27px;}
  .coffee-offer p {font-size:27px;}
  .coffee-offer>strong {font-size:38px;}
  .faq {display:block; padding-block:65px;}
  .faq-heading h2 {font-size:43px;}
  .faq-invitation {font-size:16px;}
  .faq-heading .whatsapp-button {font-size:14px; padding:17px 23px; gap:14px;}
  .faq-list {margin-top:37px;}
  .faq-list summary {font-size:16px; gap:12px;}
  .faq-list details p {font-size:14px;}
  .closing {padding:70px 21px 80px;}
  .closing h2 {font-size:45px;}
  .closing .eyebrow {font-size:10px;}
  .closing .button {font-size:14px; padding-inline:24px; gap:15px;}
  .closing-ring {width:540px; height:250px;}
  .closing>p:last-child {font-size:13px;}
  .site-footer {padding-bottom:110px;}
  .footer-bottom {font-size:11px;}
  .prototype-label {font-size:11px;}
}
@media(max-width:365px) {
  .paint-logo {width:310px;}
  .film-invitation {font-size:29px;}
  .film-frame {height:325px;}
  .film-caption>p:last-child {font-size:29px;}
  .header-cta {font-size:11px; gap:9px; padding-inline:12px;}
  .feature-number {font-size:9px;}
  .attendance-visual h3 {font-size:34px;}
  .shop-card-copy>strong {font-size:18px;}
  .offer-heading {flex-wrap:wrap;}
  .offer-countdown>span {min-width:57px;}
  .closing h2 {font-size:40px;}
}
@media(prefers-reduced-motion:reduce) {
  .logo-reveal-stroke {stroke-dashoffset:0!important; transition:none;}
  .paint-ready .paint-section:before,.paint-ready .paint-section:after,.paint-ready .paint-section h2:after {clip-path:none;}
  .paint-scroll-cue span,.growth-leaf,.globe-orbit {animation:none;}
  .motion-ready .paint-cross,.motion-ready .closing-ring,.motion-ready .attendance-visual>img {transform:none;}
}

/* Two separate strokes frame a crisp title; native scroll remains continuous. */
.hero-logo-only {--hero-header:78px; min-height:calc(90svh - var(--hero-header)); padding:0; overflow:visible;}
.hero-logo-only:before {display:none;}
.hero-logo-canvas {
  position:relative; display:flex; align-items:center; justify-content:center; width:100%;
  min-height:calc(90svh - var(--hero-header)); height:auto; padding:35px 20px;
  background:var(--paper);
}
.hero-logo-only .paint-logo {
  width:1000px; max-width:100%; margin:0; padding:65px 0; min-width:0;
}
.hero-lettering {position:relative; z-index:1; font-family:var(--serif); font-weight:400; font-style:normal; color:var(--burgundy); text-align:center; margin:0; padding:8px 0; overflow:visible;}
.hero-word-small {display:block; font-size:clamp(24px,8vw,84px); line-height:1.15; letter-spacing:-.04em; margin-bottom:8px;}
.hero-word-main {display:block; font-size:clamp(28px,14vw,154px); line-height:1.12; letter-spacing:-.045em; white-space:nowrap;}
.hero-brush {position:absolute; display:block; background:var(--paint) center/100% 100% no-repeat; pointer-events:none;}
.hero-brush-top {left:22%; top:18px; width:52%; height:40px; opacity:.25; transform:rotate(-4deg); filter:brightness(1.1) saturate(.4);}
.hero-brush-bottom {left:18%; bottom:18px; width:64%; height:40px; opacity:.3; transform:rotate(-2deg) scaleX(-1);}
.paint-ready .hero-brush {clip-path:polygon(0 0,calc(var(--brush-open,1) * 100%) 0,calc(var(--brush-open,1) * 100%) 100%,0 100%);}
.paint-ready .hero-brush-top {transform:translate(calc(var(--hero-scroll,0) * -20px),calc(var(--hero-scroll,0) * -10px)) rotate(calc(-4deg - var(--hero-scroll,0) * 3deg));}
.paint-ready .hero-brush-bottom {transform:translate(calc(var(--hero-scroll,0) * 20px),calc(var(--hero-scroll,0) * 8px)) rotate(calc(-2deg + var(--hero-scroll,0) * 3deg)) scaleX(-1);}
.paint-ready .hero-lettering {transform:translateY(calc(var(--hero-scroll,0) * -12px));}

/* The conference follows the logo; its paint, copy and film enter with scroll. */
.conference-intro {position:relative; isolation:isolate; background:var(--paper); padding:35px 0 85px;}
.conference-intro:before {display:none;}
.conference-intro .hero-film-copy {text-align:left; padding:20px 0;}
.conference-intro .conference-title {font-size:14px; letter-spacing:.09em; margin:0 0 20px;}
.conference-intro .film-invitation {
  position:relative; isolation:isolate; font-size:clamp(42px,5.2vw,72px);
  line-height:1.03; text-wrap:balance; max-width:550px; margin:0;
}
.conference-intro .film-invitation:after {
  content:""; position:absolute; z-index:-1; left:-8px; width:65%; height:40px; bottom:-14px;
  background:var(--paint) center/100% 100% no-repeat; opacity:.22;
  transform:rotate(-3deg); pointer-events:none;
}
.conference-intro .hero-purpose {font-size:19px; margin:27px 0 0; max-width:430px;}
.conference-intro .hero-date {justify-content:flex-start; flex-wrap:wrap; font-size:13px; letter-spacing:.03em; margin-top:18px;}
.conference-intro .film-actions {justify-content:flex-start; margin-top:30px;}
.conference-intro .hero-film-stage {padding:0; margin:0;}
.conference-intro .hero-film-stage:before,.conference-intro .hero-film-stage:after {display:none;}
.conference-intro .film-frame {height:470px; border-radius:8px; box-shadow:0 15px 40px #85512512;}
.conference-intro .film-scene-controls {position:absolute; left:50%; bottom:16px; transform:translateX(-50%); margin:0; width:fit-content; gap:0; padding:2px 6px; border-radius:30px; background:#fffaf3dc;}
.conference-intro .film-scene {display:grid; place-items:center; width:40px; height:40px; padding:0;}
.conference-intro .film-scene:before {content:""; display:block; width:7px; height:7px; border-radius:50%; background:#c5b2a2; transition:background .2s,transform .2s;}
.conference-intro .film-scene.is-active:before {background:var(--burgundy); transform:scale(1.3);}
.conference-intro .film-scene-progress {display:none;}
.conference-intro .film-toggle {right:16px; bottom:18px; width:42px; height:42px; background:#38231bbb;}
.conference-intro .film-toggle>span:last-child {display:none;}
.conference-intro .hero-film-shell {grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);}
.conference-intro .hero-film-copy,.conference-intro .hero-film-stage {min-width:0; opacity:1; transform:none;}
.paint-ready .conference-intro .film-video {transform:scale(calc(1.02 + var(--film-open,1) * .04));}
@media(max-width:800px) {
  .hero-logo-only {--hero-header:72px;}
  .conference-intro {padding-top:35px;}
  .conference-intro .conference-title {font-size:12px;}
  .conference-intro .film-invitation {font-size:43px;}
  .conference-intro .hero-purpose {font-size:16px;}
  .conference-intro .hero-date {font-size:12px;}
  .conference-intro .film-actions {gap:18px;}
  .conference-intro .film-frame {height:380px;}
}
@media(max-width:600px) {
  .hero-logo-only {--hero-header:66px;}
  .hero-logo-only .paint-logo {width:100%; padding:55px 0;}
  .hero-logo-canvas {padding:30px 18px;}
  .hero-brush-top,.hero-brush-bottom {height:30px;}
  .conference-intro {padding:20px 0 55px;}
  .conference-intro .hero-film-copy {padding:12px 4px 20px;}
  .conference-intro .conference-title {font-size:13px; margin-bottom:18px;}
  .conference-intro .film-invitation {font-size:43px; max-width:360px;}
  .conference-intro .hero-purpose {font-size:17px; margin-top:25px; max-width:320px;}
  .conference-intro .hero-date {font-size:13px; margin-top:17px;}
  .conference-intro .film-actions {margin-top:26px; gap:20px;}
  .conference-intro .film-frame {height:300px;}
  .conference-intro .hero-film-shell {grid-template-columns:minmax(0,1fr); gap:26px;}
}
@media(prefers-reduced-motion:reduce) {
  .paint-ready .hero-brush {clip-path:none;}
  .paint-ready .hero-brush-top {transform:rotate(-4deg);}
  .paint-ready .hero-brush-bottom {transform:rotate(-2deg) scaleX(-1);}
  .paint-ready .hero-lettering {transform:none;}
  .paint-ready .conference-intro .hero-film-copy,
  .paint-ready .conference-intro .hero-film-stage {opacity:1; transform:none;}
  .paint-ready .conference-intro .hero-film-stage:before {clip-path:none;}
  .paint-ready .conference-intro .film-video {transform:none;}
}

/* People carry the invitation; paint frames them without masking faces. */
.return-photo {position:relative; margin:0; min-width:0; isolation:isolate;}
.return-photo:before {content:""; position:absolute; inset:15px -15px -15px; z-index:-1; background:var(--paint) center/100% 100% no-repeat; transform:rotate(-5deg); opacity:.65;}
.return-photo img {display:block; width:100%; height:auto; border-radius:3px;}
.return-photo figcaption {font:400 26px/1.2 var(--serif); color:var(--burgundy); padding:20px 6px 0;}
.return-photo figcaption em {color:var(--copper);}
.experience-path .feature-image {height:auto; aspect-ratio:3/2; object-position:center; filter:none; -webkit-mask:none; mask:none;}
.experience-feature:hover .feature-image {transform:none;}
.experience-feature .feature-orbit {top:auto; bottom:97px;}

/* A real month: Sunday 1 through Monday 30, with painted event dates. */
.month-calendar {margin:30px 0 24px; background:#fffaf3; border:1px solid var(--line); border-radius:5px; box-shadow:0 18px 50px #8551250b;}
.calendar-heading {display:flex; justify-content:space-between; align-items:center; padding:28px 30px 24px; position:relative; isolation:isolate;}
.calendar-heading:before {content:""; position:absolute; inset:10px 40% 5px 6px; z-index:-1; background:var(--paint) center/100% 100% no-repeat; opacity:.5; transform:rotate(-3deg);}
.calendar-heading>div>span {font-size:11px; letter-spacing:.1em; color:var(--copper);}
.calendar-heading h3 {font:400 45px/1.1 var(--serif); color:var(--burgundy); margin:8px 0 0;}
.calendar-heading h3 em {font-size:25px; color:var(--copper);}
.calendar-heading>svg {width:42px; height:42px; color:var(--copper); stroke-width:1;}
.calendar-viewport {padding:0 15px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#b38b6a #efe1d1;}
.calendar-week-labels {display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:630px; text-align:center; font-size:12px; color:var(--muted); padding:13px 0; border-top:1px solid var(--line);}
.month-calendar .program-tabs {display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; min-width:630px; padding:0 0 14px; overflow:visible; scroll-snap-type:none;}
.month-calendar .program-tabs>button, .calendar-empty {min-width:0; min-height:125px; border-radius:3px; position:relative;}
.calendar-empty {padding:12px; background:#f7f0e6; color:#b8a38e; font:400 25px/1 var(--serif);}
.calendar-outside {background:transparent;}
.calendar-start {font:400 12px/1.3 var(--sans); color:var(--copper); display:block; margin-top:9px; max-width:95px;}
.opening-date {background:#f5e6d2; color:var(--copper);}
.month-calendar .program-tabs>button {display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:12px 11px; border:1px solid transparent; box-shadow:none; transform:none; flex:none; transition:box-shadow .2s, border-color .2s;}
.month-calendar .program-tabs>button:before {inset:0; transform:rotate(-8deg); opacity:.2;}
.month-calendar .program-tabs>button:after {display:none;}
.month-calendar .program-tabs strong {font:400 29px/1 var(--serif); color:var(--day-tone); margin:0 0 12px;}
.month-calendar .calendar-theme {font:500 14px/1.3 var(--sans); border:0; color:var(--day-tone); margin:0; padding:0; width:100%; min-height:0; order:1; overflow-wrap:normal;}
.month-calendar .calendar-weekday {font-size:12px; color:var(--day-tone); margin:8px 0 0; min-height:0; max-width:none; order:2;}
.month-calendar .calendar-symbol {width:19px; height:19px; top:13px; right:10px; opacity:.8;}
.month-calendar .program-tabs>button[aria-selected=true] {transform:none; box-shadow:inset 0 0 0 2px var(--day-tone); border-color:var(--day-tone);}
.month-calendar .program-tabs>button:hover {transform:none; box-shadow:inset 0 0 0 2px var(--day-tone);}
.month-calendar #day-0 {--day-tone:#fff3df; --day-light:#233d58; background:#233d58;}
.month-calendar #day-3,.month-calendar #day-4,.month-calendar #day-5,.month-calendar #day-6 {--day-tone:#f7dfb7; --day-light:#5b2527; background:#5b2527;}
.month-calendar #day-7 {--day-tone:#712713; --day-light:#f3d2a5; background:#f3d2a5;}
.month-calendar #day-7 .calendar-scene {opacity:.22;}
.calendar-legend {display:flex; flex-wrap:wrap; gap:13px 22px; padding:20px 24px; border-top:1px solid var(--line); color:var(--muted); font-size:12px;}
.calendar-legend>span {display:flex; align-items:center; gap:7px;}
.calendar-legend i {width:13px; height:13px; border-radius:2px; display:inline-block; background:var(--copper);}
.calendar-legend .legend-men {background:#233d58;}
.calendar-legend .legend-mixtura {background:#a35436;}
.calendar-legend .legend-girls {background:#9b4966;}
.calendar-legend .legend-cumbre {background:#5b2527;}
.calendar-legend .legend-salsa {background:#d69c63;}
.schedule-row time {-webkit-mask:none; mask:none; border-radius:3px;}
.calendar-viewport:focus-visible {outline:2px solid var(--burgundy); outline-offset:3px;}
@media(max-width:800px) {
  .calendar-heading {padding:23px 22px;}
  .calendar-heading h3 {font-size:37px;}
  .month-calendar .program-tabs>button,.calendar-empty {min-height:130px;}
}
@media(max-width:600px) {
  .return-photo figcaption {font-size:25px;}
  .experience-feature .feature-orbit {bottom:98px;}
  .calendar-heading {padding:23px 18px;}
  .calendar-heading>div>span {font-size:10px; letter-spacing:.06em;}
  .calendar-heading h3 {font-size:34px;}
  .calendar-heading h3 em {font-size:22px;}
  .calendar-heading>svg {width:32px; height:32px;}
  .calendar-viewport {padding-inline:8px;}
  .calendar-legend {padding:18px 16px; gap:13px 17px;}
  .program-hint {max-width:240px; font-size:13px;}
  .month-calendar .program-tabs,.calendar-week-labels {min-width:0; gap:4px;}
  .month-calendar .program-tabs>button,.calendar-empty {min-height:65px; padding:8px 5px;}
  .month-calendar .program-tabs strong,.calendar-date {font-size:22px; margin:0;}
  .month-calendar .calendar-theme,.month-calendar .calendar-weekday,.calendar-start {display:none;}
  .month-calendar .calendar-symbol {width:13px; height:13px; top:auto; bottom:8px; right:6px;}
  .calendar-week-labels {font-size:10px; letter-spacing:.04em;}
}

/* Use paint as a signature, with quiet space between its few appearances. */
.section-heading h2:after,.return-copy h2:after,.recordings-copy h2:after,.faq-heading h2:after,
.presence-journey:before,.participation:after,.program:before,.collection:before,
.recordings:before,.coffee:before,.faq-section:before,.closing:before,
.conference-intro .film-invitation:after,.return-photo:before,
.experience-feature .feature-words h3:before,.attendance-visual:before,
.gender-label:before,.recording-package:before,.coffee-stage:after {display:none;}
.button,.online .attendance-body .button,.closing .button {background:var(--burgundy); border-radius:5px;}
.button:before {display:none;}
.button:hover,.online .attendance-body .button:hover,.closing .button:hover {background:#963039;}
.gender-label {background:#fffaf3ed; padding:11px 14px; border-radius:3px;}
.month-calendar .program-tabs>button:not([aria-selected=true]):before {display:none;}
.calendar-heading:before {opacity:.25;}
.closing-ring {width:min(560px,110vw); height:auto; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#ecd0aeaa,transparent 70%); filter:none; opacity:.6;}
.return-photo figcaption {padding-top:17px;}

/* Sculptural identity: lacquered lettering floats above two broad impasto layers. */
.hero-sculptural {--look-x:0; --look-y:0; --hero-scroll:0;}
.hero-sculptural .hero-logo-canvas {
  padding:55px 32px 65px;
  background:radial-gradient(ellipse at 50% 42%,#fffbf3 0%,#f9f0e3 48%,var(--paper) 75%);
}
.hero-sculptural .paint-logo {width:min(1050px,100%,calc((90svh - var(--hero-header) - 120px) * 1.85)); max-width:100%; padding:0; aspect-ratio:1.85; perspective:1400px;}
.hero-depth-scene {position:relative; width:100%; height:100%; transform-style:preserve-3d;}
.paint-ready .hero-depth-scene {
  transform:rotateX(calc(var(--look-y,0) * -4deg + var(--hero-scroll,0) * 5deg)) rotateY(calc(var(--look-x,0) * 5deg));
}
.hero-sculptural .hero-ground-shadow {position:absolute; left:15%; width:70%; height:16%; bottom:13%; background:radial-gradient(ellipse,#75513935,transparent 70%); transform:translateZ(-40px);}
.hero-sculptural .hero-brush {
  clip-path:none; opacity:1; background-size:100% 100%;
  filter:drop-shadow(0 13px 8px #80543324);
}
.hero-sculptural .hero-brush-top {
  width:89%; height:47%; left:6%; top:10%; opacity:1;
  transform:translateZ(-20px) rotate(-7deg);
}
.hero-sculptural .hero-brush-bottom {
  width:87%; height:43%; left:7%; bottom:9%; opacity:1;
  filter:sepia(.25) saturate(1.5) brightness(.91) drop-shadow(0 13px 8px #80543326);
  transform:translateZ(0) rotate(4deg) scaleX(-1);
}
.paint-ready .hero-sculptural .hero-brush-top {
  transform:translate3d(calc(var(--hero-scroll,0) * -12px),calc(var(--hero-scroll,0) * -12px),-20px) rotate(-7deg) scaleX(calc(.96 + var(--brush-open,1) * .04));
}
.paint-ready .hero-sculptural .hero-brush-bottom {
  transform:translate3d(calc(var(--hero-scroll,0) * 12px),calc(var(--hero-scroll,0) * 14px),0) rotate(4deg) scaleX(calc(-.96 - var(--brush-open,1) * .04));
}
.hero-sculptural .hero-sculptural-title {
  position:absolute; width:92%; left:4%; top:50%; margin:0; padding:0;
  transform:translateY(-50%) translateZ(45px);
}
.hero-sculptural-title img {display:block; width:100%; height:auto; filter:drop-shadow(0 10px 9px #5a252529);}
.paint-ready .hero-sculptural .hero-lettering {transform:translateY(calc(-50% - var(--hero-scroll,0) * 8px)) translateZ(45px);}
.hero-art-unavailable .hero-sculptural-title .sr-only {position:static; width:auto; height:auto; clip:auto; overflow:visible; white-space:normal; font:400 clamp(35px,7vw,85px)/1.05 var(--serif); color:var(--burgundy);}
.hero-art-unavailable #hero-lettering-art {display:none;}
@media(max-width:800px) {
  .hero-sculptural .hero-logo-canvas {padding:45px 26px;}
  .hero-sculptural .paint-logo {width:100%; aspect-ratio:1.6;}
}
@media(max-width:600px) {
  .hero-sculptural .hero-logo-canvas {padding:35px 14px;}
  .hero-sculptural .paint-logo {aspect-ratio:1.25; perspective:1000px;}
  .hero-sculptural .hero-brush-top {height:44%; width:94%; left:3%; top:16%;}
  .hero-sculptural .hero-brush-bottom {height:41%; width:92%; left:4%; bottom:14%;}
  .hero-sculptural .hero-sculptural-title {width:94%; left:3%; transform:translateY(-50%) translateZ(18px);}
  .paint-ready .hero-sculptural .hero-lettering {transform:translateY(calc(-50% - var(--hero-scroll,0) * 5px)) translateZ(18px);}
}
@media(prefers-reduced-motion:reduce) {
  .hero-sculptural .hero-depth-scene {transform:none;}
  .hero-sculptural .hero-brush-top {transform:translateZ(-20px) rotate(-7deg);}
  .hero-sculptural .hero-brush-bottom {transform:rotate(4deg) scaleX(-1);}
  .hero-sculptural .hero-lettering {transform:translateY(-50%) translateZ(0);}
}

/* Back to the poster: flat wine lettering, gold arc and olive, tactile paint. */
.hero-original .hero-logo-canvas {background:radial-gradient(ellipse at 35% 15%,#fff9e9 0%,#faeddb 48%,var(--paper) 80%);}
.hero-original .paint-logo {width:min(1050px,100%,calc((90svh - var(--hero-header) - 120px) * 1.67)); aspect-ratio:1.67;}
.hero-original .hero-depth-scene {--logo-zoom:1;}
.paint-ready .hero-original .hero-depth-scene {transform:rotateX(calc(var(--look-y,0) * -1.5deg + var(--hero-scroll,0) * 1.5deg)) rotateY(calc(var(--look-x,0) * 1.5deg));}
.hero-original .hero-brush {background:none; border:0; stroke:none; clip-path:none; opacity:1; filter:none; position:absolute;}
.hero-original .hero-brush image {stroke:none;}
.hero-original .original-peach {left:16%; top:3%; width:80%; height:28%; z-index:0; opacity:.88; transform:rotate(-3deg) translateZ(-25px);}
.hero-original .original-sand {left:12%; top:31%; width:42%; height:35%; z-index:1; transform:rotate(88deg) translateZ(-18px);}
.hero-original .original-copper {left:62%; top:31%; width:38%; height:25%; z-index:2; opacity:.82; transform:rotate(2deg) translateZ(-10px);}
.hero-original .original-ivory {left:10%; top:61%; width:84%; height:28%; z-index:4; transform:rotate(1deg) translateZ(0);}
.hero-original .original-chocolate {left:0; top:77%; width:64%; height:19%; z-index:3; transform:rotate(-3deg) translateZ(-8px);}
.paint-ready .hero-original .original-peach {transform:translate(calc(var(--hero-scroll,0) * -4%),calc(var(--hero-scroll,0) * -8%)) rotate(calc(-3deg - var(--hero-scroll,0) * 2deg)) translateZ(-25px);}
.paint-ready .hero-original .original-sand {transform:translate(calc(var(--hero-scroll,0) * -3%),calc(var(--hero-scroll,0) * 6%)) rotate(calc(88deg + var(--hero-scroll,0) * 2deg)) translateZ(-18px);}
.paint-ready .hero-original .original-copper {transform:translate(calc(var(--hero-scroll,0) * 5%),calc(var(--hero-scroll,0) * -3%)) rotate(calc(2deg + var(--hero-scroll,0) * 2deg)) translateZ(-10px);}
.paint-ready .hero-original .original-ivory {transform:translate(calc(var(--hero-scroll,0) * -4%),calc(var(--hero-scroll,0) * 7%)) rotate(calc(1deg - var(--hero-scroll,0) * 2deg)) translateZ(0);}
.paint-ready .hero-original .original-chocolate {transform:translate(calc(var(--hero-scroll,0) * 4%),calc(var(--hero-scroll,0) * 10%)) rotate(calc(-3deg + var(--hero-scroll,0) * 2deg)) translateZ(-8px);}
.hero-original .hero-original-title {left:4%; top:49%; width:92%; z-index:5; transform:translateY(-50%) translateZ(18px);}
.hero-original-title img {filter:none; animation:originalLogoArrival 900ms ease-out both;}
.paint-ready .hero-original .hero-original-title {transform:translateY(-50%) translateZ(18px) scale(calc(1 + var(--hero-scroll,0) * .08));}
@keyframes originalLogoArrival {from {transform:scale(.95);} to {transform:scale(1);}}
@media(max-width:800px) {
  .hero-original .paint-logo {width:100%; aspect-ratio:1.6;}
}
@media(max-width:600px) {
  .hero-original .paint-logo {aspect-ratio:1.35;}
  .hero-original .original-peach {top:12%; height:24%;}
  .hero-original .original-sand {top:33%; height:30%;}
  .hero-original .original-copper {top:35%; height:22%;}
  .hero-original .original-ivory {top:59%; height:24%;}
  .hero-original .original-chocolate {top:74%; height:17%;}
  .hero-original .hero-original-title {width:94%; left:3%; transform:translateY(-50%) translateZ(12px);}
  .paint-ready .hero-original .hero-original-title {transform:translateY(-50%) translateZ(12px) scale(calc(1 + var(--hero-scroll,0) * .06));}
}
@media(prefers-reduced-motion:reduce) {
  .hero-original .hero-depth-scene {transform:none;}
  .hero-original-title img {animation:none;}
  .hero-original .hero-original-title {transform:translateY(-50%);}
}