/* April 2027 programme: editorial rhythm, generous spacing, quiet motion. */
html body.program-2027{--ink:#122d42;--soft-ink:#51697a;--paper:#f3f7fa;--rule:#193b5426;background:var(--paper);color:var(--ink)}
html body.program-2027 .hero-stage .hero-content{width:min(58%,860px);bottom:clamp(104px,12vh,150px)}
html body.program-2027 .hero-stage h1{font-family:'Onest',Inter,Arial,sans-serif;font-size:clamp(27px,3.1vw,46px);font-weight:400;line-height:1.16;letter-spacing:.025em;text-transform:uppercase;margin-bottom:26px}
html body.program-2027 .hero-stage h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(36px,4.25vw,64px);font-weight:400;line-height:1.06;text-transform:none;letter-spacing:-.02em;margin-top:18px;color:#d6e7f2}
html body.program-2027 .hero-lede{font-size:17px;line-height:1.65;max-width:440px;margin-bottom:22px;color:#eef5fa}
html body.program-2027 .hero-date{font-size:14px;line-height:1.6;letter-spacing:.075em;color:#c5dcea;margin:0 0 30px}
html body.program-2027 .hero-grain{opacity:.22}
html body.program-2027 .hero-foot a{text-transform:none;font-size:14px;letter-spacing:.02em;color:#d2e1ec}
html body.program-2027 .editorial-section{padding:clamp(74px,8.5vw,132px) max(6%,calc((100vw - 1380px)/2));scroll-margin-top:35px}
html body.program-2027 .editorial-section h2{font:400 clamp(40px,4.8vw,72px)/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
html body.program-2027 h2 em{font-weight:400;color:#69889c}
html body.program-2027 .editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
html body.program-2027 .purpose h2{font-size:clamp(40px,4.25vw,64px);max-width:600px}
html body.program-2027 .prose{font-size:16px;line-height:1.85;color:var(--soft-ink)}
html body.program-2027 .prose p{margin:0 0 23px}
html body.program-2027 .prose p:last-child{margin-bottom:0}
html body.program-2027 .editorial-invite{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:64px;padding-top:38px;border-top:1px solid var(--rule)}
html body.program-2027 .editorial-invite>p{font:400 clamp(26px,2.7vw,39px)/1.18 'Cormorant Garamond',Georgia,serif;max-width:670px;margin:0}
html body.program-2027 .editorial-section .button{--btn-bg:#12364e;--btn-text:#fff;--btn-fill:#d7e8f1;--btn-hover-text:#12364e;flex-shrink:0;border-radius:99px;min-height:62px;padding:18px 27px;gap:28px;font-size:14px;line-height:1.45}
html body.program-2027 .button>span[aria-hidden]{font-size:25px;line-height:1}
html body.program-2027 .retreat-section{padding:0 3%}
html body.program-2027 .retreat-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:#0c293b;color:#fff}
html body.program-2027 .retreat-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/river.jpg') center/cover}
html body.program-2027 .retreat-backdrop video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}
html body.program-2027 .retreat-backdrop video.playing{opacity:1}
/* видео за текстом приглушаем: фактура воды остаётся, но не спорит с набором */
html body.program-2027 .retreat-backdrop video{filter:brightness(.82) saturate(.9)}
html body.program-2027 .retreat-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,#041627f2,#0e3044ec 55%,#061827f2)}
html body.program-2027 .retreat-content{padding:clamp(48px,6vw,88px) 6.5%}
html body.program-2027 .retreat-content h2{font:400 clamp(36px,4.2vw,64px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;max-width:940px;margin:0 0 54px;text-wrap:balance}
html body.program-2027 .retreat-content h2 em{color:#bfdae9}
html body.program-2027 .retreat-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 7%;margin:0 0 44px}
html body.program-2027 .retreat-facts>div{padding:24px 0;border-top:1px solid #d5e8f33d}
html body.program-2027 .retreat-facts dt{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#b6d3e5;margin-bottom:11px}
/* подписи в списке фактов были заметно тусклее самих ответов */
html body.program-2027 .retreat-facts dt{color:#e4f0f8;font-weight:500}
html body.program-2027 .retreat-facts dt:after{content:':'}
html body.program-2027 .retreat-facts dd{margin:0;font-size:16px;line-height:1.7;color:#f2f7fb;max-width:55ch}
html body.program-2027 .retreat-content .button{--btn-bg:#f1f7fb;--btn-text:#12364e;--btn-fill:#b8d7e9;--btn-hover-text:#12364e;border-radius:99px;font-size:14px;min-height:62px;padding:18px 28px;gap:30px}
html body.program-2027 .retreat-notes{list-style:none;margin:26px auto 0;padding:0 4%;max-width:1380px;display:grid;grid-template-columns:1.4fr 1fr;gap:6%;font-size:13px;line-height:1.75;color:#617888}
html body.program-2027 .retreat-notes li{position:relative;padding-left:16px}
html body.program-2027 .retreat-notes li:before{content:'–';position:absolute;left:0}
html body.program-2027 .iceman-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:54px}
html body.program-2027 .iceman-heading h2{max-width:680px}
html body.program-2027 .iceman-signature{font-size:12px;line-height:1.9;letter-spacing:.25em;color:#829aa9;white-space:nowrap}
html body.program-2027 .iceman-layout{display:grid;grid-template-columns:.9fr 1fr;gap:9%;align-items:start}
html body.program-2027 .iceman-portrait{position:sticky;top:40px;margin:0;overflow:hidden;border-radius:160px 160px 20px 20px;aspect-ratio:4/5.25;background:#d8e6ee}
html body.program-2027 .iceman-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.5);transition:transform 1.2s}
html body.program-2027 .iceman-portrait:hover img{transform:scale(1.025)}
html body.program-2027 .iceman-portrait:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0d253bc9)}
html body.program-2027 .iceman-portrait figcaption{position:absolute;bottom:32px;left:32px;z-index:1;color:white;font-size:20px;letter-spacing:.14em}
html body.program-2027 .iceman-portrait figcaption span{display:block;font-size:11px;margin-top:8px;letter-spacing:.22em}
html body.program-2027 .small-heading{font:500 16px/1.6 'Onest',Inter,Arial,sans-serif;margin:32px 0 8px;color:var(--ink)}
html body.program-2027 .achievements{list-style:none;padding:0;margin:0 0 30px}
html body.program-2027 .achievements li{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--rule);align-items:center}
html body.program-2027 .achievement-mark{font:400 clamp(34px,3.4vw,50px)/1 'Cormorant Garamond',Georgia,serif;white-space:nowrap;color:#355e78}
html body.program-2027 .achievements p{font-size:15px;line-height:1.75;margin:0}
html body.program-2027 .iceman-afterword{margin:60px 0 0;display:grid;grid-template-columns:1.35fr .8fr;gap:9%;padding-top:36px;border-top:1px solid var(--rule)}
html body.program-2027 .experience{background:#e7eff5}
html body.program-2027 .experience .editorial-grid{grid-template-columns:.65fr 1fr}
html body.program-2027 .prose-lead{color:#1e4058;font-size:19px;line-height:1.7}
html body.program-2027 .experience-intro{margin:60px 0 26px;font-size:16px;line-height:1.75;color:#51697a;max-width:650px}
html body.program-2027 .experience-layout{display:grid;grid-template-columns:.65fr 1fr;gap:9%;align-items:start}
html body.program-2027 .experience-visual{position:sticky;top:40px;aspect-ratio:3/4;overflow:hidden;border-radius:22px;background:#183a4e url('assets/mountains-poster.jpg') center/cover}
html body.program-2027 .experience-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#061f32bd)}
html body.program-2027 .experience-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}
html body.program-2027 .experience-visual video.playing{opacity:1}
html body.program-2027 .experience-visual>span{position:absolute;bottom:35px;left:30px;z-index:1;color:#fff;font-size:clamp(17px,1.8vw,25px);line-height:1.65;letter-spacing:.15em}
html body.program-2027 .experience-chapters{border-top:1px solid var(--rule)}
html body.program-2027 .experience-chapters details{border-bottom:1px solid var(--rule)}
html body.program-2027 .experience-chapters summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;cursor:pointer}
html body.program-2027 summary::-webkit-details-marker{display:none}
html body.program-2027 .experience-chapters h3{font:400 clamp(27px,2.8vw,40px)/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;margin:0;color:#193d55}
html body.program-2027 .chapter-toggle{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border:1px solid #365e7a33;border-radius:50%;font-size:24px;line-height:1;color:#486d87;transition:transform .35s,background .35s}
html body.program-2027 details[open] .chapter-toggle{transform:rotate(45deg);background:#d5e3ed}
html body.program-2027 summary:hover .chapter-toggle{background:#d5e3ed}
html body.program-2027 summary:focus-visible{outline:2px solid #2c6387;outline-offset:6px;border-radius:8px}
html body.program-2027 .chapter-body{padding:0 0 30px;font-size:16px;line-height:1.8;color:#486379}
html body.program-2027 details[open] .chapter-body{animation:chapter-in .45s ease both}
html body.program-2027 .chapter-body p{margin:0 0 20px}
html body.program-2027 .chapter-body p:last-child{margin-bottom:0}
html body.program-2027 .chapter-note{padding-left:20px;border-left:2px solid #8eacbf}
html body.program-2027 .takeaways h2{max-width:720px;margin-bottom:58px}
html body.program-2027 .takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 5%}
html body.program-2027 .takeaway-grid article{padding:30px 0 36px;border-top:1px solid var(--rule)}
html body.program-2027 .takeaway-grid h3{font:400 clamp(27px,2.5vw,35px)/1.14 'Cormorant Garamond',Georgia,serif;margin:0 0 20px;color:#254b64}
html body.program-2027 .takeaway-grid p{font-size:15px;line-height:1.85;color:#51697a;margin:0}
html body.program-2027 .takeaway-grid .takeaway-final{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;margin-top:14px;padding:40px 0 0}
html body.program-2027 .takeaway-final h3{font-size:clamp(33px,3.5vw,50px);max-width:440px;margin:0}
html body.program-2027 .takeaway-final p{font-size:17px;align-self:center}
html body.program-2027 .investment{background:#e8f0f6}
html body.program-2027 .investment>h2{margin-bottom:48px}
html body.program-2027 .investment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
html body.program-2027 .investment-card{border:1px solid #adc4d5;border-radius:28px;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:start;background:#f4f8fb}
html body.program-2027 .investment-card h3{font:400 clamp(30px,3vw,43px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 14px}
html body.program-2027 .booking-date{font-size:14px;line-height:1.6;color:#647d90;margin:0}
html body.program-2027 .booking-price{font:400 clamp(65px,7vw,100px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:38px 0;color:#153950}
html body.program-2027 .booking-price>span{font:400 16px/1.5 'Onest',Inter,Arial,sans-serif;letter-spacing:0;margin-left:8px}
html body.program-2027 .investment-card .button{margin-top:auto;width:100%;justify-content:space-between}
html body.program-2027 .investment-early{background:#12354d;color:#f5f9fc;border-color:#12354d;box-shadow:0 22px 65px #163e5521}
html body.program-2027 .investment-early .booking-date{color:#bdd1e0}
html body.program-2027 .investment-early .booking-price{color:#fff}
html body.program-2027 .investment-early .button{--btn-bg:#e9f3fa;--btn-text:#163c55;--btn-fill:#c6dfef;--btn-hover-text:#12364e}
html body.program-2027 .inclusions-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:60px}
html body.program-2027 .inclusions-grid h3{font:400 clamp(29px,2.7vw,38px)/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 24px;max-width:420px}
html body.program-2027 .inclusions-grid ul{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.8;color:#526d82}
html body.program-2027 .inclusions-grid li{padding:17px 0 17px 22px;border-top:1px solid var(--rule);position:relative}
html body.program-2027 .inclusions-grid li:before{content:'+';position:absolute;left:0;color:#406983}
html body.program-2027 .inclusions-grid>div+div li:before{content:'–'}
html body.program-2027 [data-reveal].motion-ready{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
html body.program-2027 [data-reveal].motion-ready.visible{opacity:1;transform:none}
@keyframes chapter-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 html body.program-2027 .hero-stage .hero-content{width:auto;bottom:auto;max-width:760px;margin:0 auto}
 html body.program-2027 .hero-stage h1{font-size:clamp(26px,4.5vw,38px)}
 html body.program-2027 .hero-stage h1 em{font-size:clamp(37px,6vw,52px);margin-top:15px}
 html body.program-2027 .hero-lede{margin-inline:auto;max-width:480px}
 html body.program-2027 .hero-date{margin-bottom:26px}
 html body.program-2027 .editorial-grid,html body.program-2027 .iceman-layout{gap:6%}
 html body.program-2027 .achievements li{grid-template-columns:85px 1fr;gap:14px}
 html body.program-2027 .takeaway-grid{grid-template-columns:1fr 1fr;gap:0 6%}
 html body.program-2027 .editorial-invite{gap:26px}
}
@media(max-width:760px){
 html body.program-2027 .hero-stage h1{font-size:clamp(23px,6.3vw,35px);letter-spacing:.035em;line-height:1.25;margin-bottom:22px}
 html body.program-2027 .hero-stage h1 em{font-size:clamp(34px,9vw,48px);line-height:1.06;margin-top:14px}
 html body.program-2027 .hero-lede{font-size:16px;line-height:1.6;margin-bottom:20px}
 html body.program-2027 .hero-date{font-size:13px;letter-spacing:.035em}
 html body.program-2027 .editorial-section{padding:68px 6%}
 html body.program-2027 .editorial-section h2{font-size:clamp(37px,9.6vw,52px)}
 html body.program-2027 .editorial-grid,html body.program-2027 .experience .editorial-grid{grid-template-columns:1fr;gap:30px}
 html body.program-2027 .purpose h2{max-width:540px}
 html body.program-2027 .prose{font-size:16px;line-height:1.8}
 html body.program-2027 .editorial-invite{flex-direction:column;align-items:start;gap:25px;margin-top:38px;padding-top:30px}
 html body.program-2027 .editorial-invite>p{font-size:31px}
 html body.program-2027 .editorial-invite .button{width:100%;justify-content:space-between}
 html body.program-2027 .retreat-section{padding:0 3%}
 html body.program-2027 .retreat-scene{border-radius:24px}
 html body.program-2027 .retreat-content{padding:43px 7%}
 html body.program-2027 .retreat-content h2{font-size:37px;line-height:1.12;margin-bottom:33px}
 html body.program-2027 .retreat-facts{grid-template-columns:1fr;margin-bottom:25px}
 html body.program-2027 .retreat-facts>div{padding:20px 0}
 html body.program-2027 .retreat-facts dd{font-size:15px;line-height:1.75}
 html body.program-2027 .retreat-content .button{width:100%;justify-content:space-between;font-size:13px;padding:17px 19px;gap:12px}
 html body.program-2027 .retreat-notes{grid-template-columns:1fr;gap:14px;padding:0 4%;font-size:13px}
 html body.program-2027 .iceman-heading{margin-bottom:32px}
 html body.program-2027 .iceman-signature{display:none}
 html body.program-2027 .iceman-layout{grid-template-columns:1fr;gap:33px}
 html body.program-2027 .iceman-portrait{position:relative;top:auto;width:100%;aspect-ratio:1/1.12;border-radius:120px 120px 20px 20px;max-height:530px}
 html body.program-2027 .iceman-portrait img{object-position:50% 45%}
 html body.program-2027 .achievements li{grid-template-columns:78px 1fr;gap:18px}
 html body.program-2027 .achievement-mark{font-size:36px}
 html body.program-2027 .iceman-afterword{grid-template-columns:1fr;gap:20px;margin-top:34px;padding-top:28px}
 html body.program-2027 .iceman-afterword p{margin:0}
 html body.program-2027 .experience-intro{margin-top:34px}
 html body.program-2027 .experience-layout{grid-template-columns:1fr;gap:28px}
 html body.program-2027 .experience-visual{position:relative;top:auto;aspect-ratio:1.5;max-height:300px}
 html body.program-2027 .experience-visual>span{font-size:18px;left:25px;bottom:22px}
 html body.program-2027 .experience-chapters h3{font-size:30px}
 html body.program-2027 .experience-chapters summary{padding:23px 0;gap:14px}
 html body.program-2027 .chapter-body{font-size:15px;line-height:1.8}
 html body.program-2027 .takeaways h2{margin-bottom:34px}
 html body.program-2027 .takeaway-grid{grid-template-columns:1fr}
 html body.program-2027 .takeaway-grid article{padding:26px 0 30px}
 html body.program-2027 .takeaway-grid h3{font-size:31px;margin-bottom:15px}
 html body.program-2027 .takeaway-grid .takeaway-final{grid-template-columns:1fr;gap:20px;margin-top:0;padding-top:28px}
 html body.program-2027 .takeaway-final h3{font-size:37px}
 html body.program-2027 .takeaway-final p{font-size:16px}
 html body.program-2027 .investment-grid{grid-template-columns:1fr;gap:20px}
 html body.program-2027 .investment-card{padding:30px 25px;border-radius:23px}
 html body.program-2027 .investment-card h3{font-size:32px}
 html body.program-2027 .booking-price{font-size:76px;margin:30px 0}
 html body.program-2027 .investment-card .button{font-size:13px;padding:17px 19px;gap:12px}
 html body.program-2027 .inclusions-grid{grid-template-columns:1fr;gap:40px;margin-top:42px}
 html body.program-2027 .inclusions-grid h3{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 html body.program-2027 [data-reveal].motion-ready{opacity:1;transform:none;transition:none}
 html body.program-2027 details[open] .chapter-body{animation:none}
 html body.program-2027 .iceman-portrait img{transition:none}
}

/* Illustrated outcomes — a quiet, sculptural collection. */
html body.program-2027 .takeaways{background:radial-gradient(ellipse at 90% 15%,#dce9ec 0,transparent 48%),#f2f6f8}
html body.program-2027 .takeaways h2{max-width:900px}
html body.program-2027 .takeaway-grid{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
html body.program-2027 .takeaway-grid article{position:relative;overflow:hidden;padding:34px 30px 38px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.4));box-shadow:0 12px 40px -28px #294d6655;transition:box-shadow .5s,background .5s,transform .7s,opacity .7s}
html body.program-2027 .takeaway-grid article:hover{box-shadow:0 22px 45px -25px #294d6655;background:#fff}
html body.program-2027 .takeaway-symbol{width:78px;height:78px;display:grid;place-items:center;margin-bottom:32px;border-radius:24px;background:linear-gradient(140deg,#e2eff0,#f5f9fb);color:#46778a;box-shadow:inset 0 1px 0 #fff}
html body.program-2027 .takeaway-symbol svg{width:49px;height:49px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html body.program-2027 article:hover .takeaway-symbol svg{transform:translateY(-3px) scale(1.08)}
html body.program-2027 .takeaway-grid h3{font-size:clamp(28px,2.35vw,36px);line-height:1.12;max-width:360px;margin-bottom:20px}
html body.program-2027 .takeaway-grid p{font-size:15px;line-height:1.8}
html body.program-2027 .takeaway-grid .takeaway-final{grid-template-columns:100px 1fr 1.2fr;align-items:center;gap:36px;margin-top:6px;padding:44px;background:radial-gradient(ellipse at 5% 100%,#356476,transparent 65%),#142f40;border:1px solid #385766;box-shadow:0 20px 50px -30px #18384e77}
html body.program-2027 .takeaway-final .takeaway-symbol{margin:0;width:92px;height:92px;background:#ffffff0c;color:#bbdbdf;border:1px solid #ffffff26;border-radius:50%}
html body.program-2027 .takeaway-final h3{font-size:clamp(32px,3vw,44px);color:#f4f8fa;margin:0}
html body.program-2027 .takeaway-final p{color:#c7d9e1;font-size:16px}
@media(min-width:1101px){html body.program-2027 .takeaway-grid article:nth-child(3n+2){transition-delay:.08s}html body.program-2027 .takeaway-grid article:nth-child(3n){transition-delay:.16s}}
@media(max-width:1100px){html body.program-2027 .takeaway-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.program-2027 .takeaway-grid .takeaway-final{grid-template-columns:80px 1fr;gap:25px}html body.program-2027 .takeaway-final p{grid-column:2}html body.program-2027 .takeaway-final .takeaway-symbol{width:74px;height:74px}}
@media(max-width:760px){html body.program-2027 .takeaway-grid{grid-template-columns:1fr;gap:16px}html body.program-2027 .takeaway-grid article{padding:27px 25px 30px;border-radius:24px}html body.program-2027 .takeaway-symbol{width:64px;height:64px;border-radius:19px;margin-bottom:25px}html body.program-2027 .takeaway-symbol svg{width:42px;height:42px}html body.program-2027 .takeaway-grid h3{font-size:31px}html body.program-2027 .takeaway-grid .takeaway-final{grid-template-columns:1fr;padding:30px 25px;gap:22px}html body.program-2027 .takeaway-final p{grid-column:auto}html body.program-2027 .takeaway-final h3{font-size:37px}}
@media(prefers-reduced-motion:reduce){html body.program-2027 .takeaway-grid article,html body.program-2027 .takeaway-symbol svg{transition:none}html body.program-2027 article:hover .takeaway-symbol svg{transform:none}}

/* Cinematic programme: one landscape, five quiet chapters. */
html body.program-2027 .experience{background:#edf3f6}
html body.program-2027 .program-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}
html body.program-2027 .program-heading h2{margin:0}
html body.program-2027 .program-heading .experience-intro{max-width:360px;margin:0;font-size:16px;line-height:1.7}
html body.program-2027 .experience-layout{display:flex;flex-direction:column;gap:40px}
html body.program-2027 .experience-visual{position:relative;top:auto;width:100%;aspect-ratio:2.8;border-radius:24px;background-position:center 55%;box-shadow:none}
html body.program-2027 .experience-visual:after{background:linear-gradient(90deg,#102b3f80,transparent 80%)}
html body.program-2027 .experience-visual>span{font:400 clamp(38px,5.5vw,78px)/1.03 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;bottom:40px;left:44px}
html body.program-2027 .experience-chapters{width:100%;border-top:1px solid #bccdd7}
html body.program-2027 .experience-chapters details{border-bottom:1px solid #bccdd7;background:transparent;transition:background .4s}
html body.program-2027 .experience-chapters details[open]{background:#ffffff60}
html body.program-2027 .experience-chapters summary{display:grid;grid-template-columns:64px 1fr 42px;gap:28px;padding:28px 24px}
html body.program-2027 .chapter-art{display:grid;place-items:center;width:56px;height:56px;color:#71929f}
html body.program-2027 .chapter-art svg{width:40px;height:40px;transition:transform .5s}
html body.program-2027 summary:hover .chapter-art svg{transform:translateY(-3px)}
html body.program-2027 .experience-chapters h3{font-size:clamp(30px,3.4vw,47px);line-height:1.12}
html body.program-2027 .chapter-toggle{width:40px;height:40px;font-size:24px}
html body.program-2027 .chapter-body{max-width:850px;padding:0 45px 35px 116px;font-size:16px;line-height:1.85}
html body.program-2027 .chapter-note{background:#e3edf2;border:0;padding:20px 24px;border-radius:14px;font-size:15px}
@media(max-width:760px){html body.program-2027 .program-heading{display:block;margin-bottom:28px}html body.program-2027 .program-heading .experience-intro{margin-top:20px;font-size:14px}html body.program-2027 .experience-layout{gap:24px}html body.program-2027 .experience-visual{aspect-ratio:1.25;border-radius:20px}html body.program-2027 .experience-visual>span{font-size:43px;left:26px;bottom:28px}html body.program-2027 .experience-chapters summary{grid-template-columns:32px 1fr 28px;gap:13px;padding:24px 0}html body.program-2027 .chapter-art{width:32px;height:40px}html body.program-2027 .chapter-art svg{width:30px;height:30px}html body.program-2027 .experience-chapters h3{font-size:29px}html body.program-2027 .chapter-toggle{width:28px;height:28px;font-size:20px}html body.program-2027 .chapter-body{padding:0 6px 28px 45px;font-size:15px}html body.program-2027 .chapter-note{padding:16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html body.program-2027 .chapter-art svg,html body.program-2027 .experience-chapters details{transition:none}html body.program-2027 summary:hover .chapter-art svg{transform:none}}

/* Keep the final takeaway static and readable in every pointer state. */
html body.program-2027 .takeaway-grid .takeaway-final,
html body.program-2027 .takeaway-grid .takeaway-final:hover{background:radial-gradient(ellipse at 5% 100%,#356476,transparent 65%),#142f40;box-shadow:0 20px 50px -30px #18384e77;opacity:1;transform:none;transition:none;animation:none}
html body.program-2027 .takeaway-final .takeaway-symbol svg,
html body.program-2027 .takeaway-final:hover .takeaway-symbol svg{transform:none;transition:none;animation:none}

/* A single editorial voice for the cover. */
html body.program-2027 .hero-stage .hero-content{width:min(49%,740px)}
html body.program-2027 .hero-stage h1,html body.program-2027 .hero-stage h1 em{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,3.65vw,64px);font-weight:400;font-style:normal;line-height:1.1;letter-spacing:-.045em;text-transform:none;color:#f5f7f8;text-wrap:balance}
html body.program-2027 .hero-stage h1{margin-bottom:26px}
html body.program-2027 .hero-stage h1 em{display:block;margin-top:18px}
html body.program-2027 .hero-lede{font-family:'Onest',Inter,Arial,sans-serif;font-size:16px;line-height:1.65;margin-bottom:30px;max-width:445px}
html body.program-2027 .hero-foot .hero-event{font-family:'Onest',Inter,Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:.015em;text-transform:none;color:#d2e1ec}
@media(max-width:760px){html body.program-2027 .hero-stage .hero-content{width:auto}html body.program-2027 .hero-stage h1,html body.program-2027 .hero-stage h1 em{font-size:clamp(29px,7.8vw,42px);line-height:1.13;letter-spacing:-.045em}html body.program-2027 .hero-stage h1 em{margin-top:14px}html body.program-2027 .hero-lede{font-size:14px;margin-bottom:24px}html body.program-2027 .hero-foot{display:flex;gap:18px;align-items:center;justify-content:center}html body.program-2027 .hero-foot .hero-event{display:none}}

/* Wim: a full-width editorial portrait and a separate record strip. */
html body.program-2027 .iceman-spread{padding-left:4%;padding-right:4%;background:#f5f7f8}
html body.program-2027 .wim-cover{display:grid;grid-template-columns:1fr 1fr;background:#101d29;border-radius:28px;overflow:hidden;color:#f5f7f8}
html body.program-2027 .wim-cover-copy{padding:clamp(30px,5vw,80px);align-self:center}
html body.program-2027 .wim-kicker{display:block;font:400 11px/1.5 'Onest',Inter,Arial,sans-serif;letter-spacing:.24em;color:#a9c1d0;margin-bottom:35px}
html body.program-2027 .wim-cover h2{font-size:clamp(42px,5.2vw,78px);line-height:1.04;margin:0 0 32px;text-wrap:balance}
html body.program-2027 .wim-cover h2 em{color:#bfd3dc}
html body.program-2027 .wim-cover-copy>p{font:400 15px/1.8 'Onest',Inter,Arial,sans-serif;color:#bdcbd5;max-width:480px;margin:0}
html body.program-2027 .wim-cover-photo{margin:0;min-height:580px;position:relative}
html body.program-2027 .wim-cover-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
html body.program-2027 .wim-records{padding:55px 3% 0}
html body.program-2027 .wim-records .small-heading{font:400 13px/1.6 'Onest',Inter,Arial,sans-serif;color:#6b818f;margin-bottom:30px}
html body.program-2027 .wim-records .achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}
html body.program-2027 .wim-records .achievements li{display:block;border:0;border-left:1px solid #cdd9df;padding:5px 32px 12px}
html body.program-2027 .wim-records .achievements li:first-child{padding-left:0;border-left:0}
html body.program-2027 .wim-records .achievement-mark{font:400 clamp(64px,7.5vw,110px)/1 'Cormorant Garamond',Georgia,serif;color:#2b556b;display:block;margin-bottom:24px}
html body.program-2027 .wim-records .achievements p{font:400 15px/1.8 'Onest',Inter,Arial,sans-serif;color:#51697a;margin:0}
html body.program-2027 .wim-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:60px 3% 0;padding-top:50px;border-top:1px solid #cdd9df;align-items:start}
html body.program-2027 .wim-statement{font:400 clamp(25px,2.5vw,36px)/1.35 'Cormorant Garamond',Georgia,serif;color:#244b61;margin:0}
html body.program-2027 .wim-story .prose{font-size:15px}
html body.program-2027 .iceman-spread .editorial-invite{margin-left:3%;margin-right:3%}
@media(max-width:760px){html body.program-2027 .iceman-spread{padding-left:6%;padding-right:6%}}

/* ── Заголовок первого экрана ──────────────────────────────────────────
   Это одна фраза, а не два заголовка: убираем разрыв между частями, обе
   строки идут с обычным межстрочным. Гарнитура — Onest, гротеск с
   полноценной кириллицей; Georgia здесь была системной подстановкой. */
html body.program-2027 .hero-stage h1,
html body.program-2027 .hero-stage h1 em{
 font-family:'Onest',Inter,system-ui,sans-serif;font-weight:500;font-style:normal;
 font-size:clamp(34px,4.7vw,74px);line-height:1.1;letter-spacing:-.028em;
 text-transform:none;color:#f5f9fc;text-wrap:balance}
html body.program-2027 .hero-stage h1 em{display:block;margin-top:0;color:#c9dded}
@media(max-width:760px){
 html body.program-2027 .hero-stage h1,
 html body.program-2027 .hero-stage h1 em{font-size:clamp(28px,7.8vw,44px);line-height:1.12;letter-spacing:-.025em}
 html body.program-2027 .hero-stage h1 em{margin-top:0}
}

/* ── Разворот про Вима ─────────────────────────────────────────────────
   Кадр во всю ширину экрана, на нём — заголовок и вступление; ниже панель
   с достижениями, под ней рассказ. Кадр внизу уходит в тёмное, поэтому
   панель начинается уже на ровном фоне. */
html body.program-2027 .iceman-spread{
 --gutter:max(6%,calc((100vw - 1380px)/2));
 position:relative;padding:0 0 clamp(72px,8vw,124px);
 margin-top:clamp(74px,8.5vw,132px);
 background:#0a1925;color:#e9f2f8}
html body.program-2027 .wim-cover{position:relative;display:block;
 min-height:clamp(340px,42vw,660px);background:none;border-radius:0;overflow:hidden}
html body.program-2027 .wim-cover::after{display:none}
html body.program-2027 .wim-cover-photo{position:absolute;inset:0;z-index:0;margin:0;
 min-height:0;aspect-ratio:auto;border-radius:0;overflow:hidden;
 -webkit-mask-image:none;mask-image:none}
html body.program-2027 .wim-cover-photo img{position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:50% 46%;filter:saturate(.92) contrast(1.02);scale:1}
/* затемнение снизу: на нём лежит текст, и кадр без шва переходит в фон секции */
html body.program-2027 .wim-cover-photo::after{content:'';position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(10,25,37,0) 0%,rgba(10,25,37,.12) 44%,rgba(10,25,37,.55) 72%,rgba(10,25,37,.9) 90%,#0a1925 100%)}
html body.program-2027 .wim-cover-copy{width:auto;padding:0;margin:0 0 clamp(40px,4.4vw,62px);
 border-bottom:1px solid #cbdae2;padding-bottom:clamp(36px,4vw,56px)}
html body.program-2027 .wim-cover-copy h2{font:400 clamp(38px,5.6vw,88px)/1.05 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.025em;color:var(--ink);margin:0;text-wrap:balance}
html body.program-2027 .wim-cover-copy h2 em{display:inline;color:#69889c}
html body.program-2027 .wim-cover-copy>p{font:400 16px/1.8 'Onest',Inter,Arial,sans-serif;color:#42607a;
 max-width:none;margin:clamp(24px,2.6vw,34px) 0 0}

/* достижения — панель под кадром */
html body.program-2027 .wim-records{position:relative;z-index:2;
 margin:clamp(-90px,-6vw,-40px) var(--gutter) 0;
 padding:clamp(36px,4vw,58px) clamp(28px,3vw,46px) clamp(30px,3.4vw,50px);
 /* панель не плоская заливка, а градиент: холодная бумага по углам и
    мягкое бирюзовое свечение справа сверху */
 background:
  radial-gradient(85% 115% at 76% 22%,rgba(120,190,190,.28) 0%,rgba(168,208,218,.16) 44%,rgba(243,247,250,0) 74%),
  linear-gradient(142deg,#f2f7f9 0%,#e6f0f1 46%,#eff4f8 100%);
 border:1px solid #c3d6de;border-radius:28px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 34px 80px -54px rgba(18,45,66,.45)}
html body.program-2027 .wim-records .achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}
html body.program-2027 .wim-records .achievements li{display:block;border:0;
 border-left:1px solid #c6d7df;padding:0 clamp(22px,2.4vw,40px)}
html body.program-2027 .wim-records .achievements li:first-child{border-left:0;padding-left:0}
html body.program-2027 .wim-records .achievement-mark{
 font:400 clamp(58px,6.6vw,100px)/1 'Cormorant Garamond',Georgia,serif;
 color:#1f4a63;display:block;margin:0 0 26px}
html body.program-2027 .wim-records .achievements p{font:400 15px/1.75 'Onest',Inter,Arial,sans-serif;color:#42607a;margin:0}

html body.program-2027 .wim-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;
 margin:clamp(56px,6vw,88px) var(--gutter) 0;padding-top:clamp(40px,4vw,58px);
 border-top:1px solid rgba(206,228,242,.14)}
html body.program-2027 .wim-statement{font:400 clamp(25px,2.5vw,36px)/1.35 'Cormorant Garamond',Georgia,serif;
 color:#e2eef6;margin:0}
html body.program-2027 .wim-story .prose{color:#a9c1d2}
html body.program-2027 .iceman-spread .editorial-invite{margin:clamp(54px,6vw,80px) var(--gutter) 0;
 padding-top:clamp(32px,3.4vw,46px);border-top-color:rgba(206,228,242,.14)}
html body.program-2027 .iceman-spread .editorial-invite>p{color:#e8f2f8}
html body.program-2027 .iceman-spread .button{--btn-bg:#f1f7fb;--btn-text:#0f2c3f;--btn-fill:#bcdaec;--btn-hover-text:#0f2c3f}

@media(max-width:900px){
 html body.program-2027 .iceman-spread{--gutter:6%}
 html body.program-2027 .wim-cover{min-height:clamp(300px,78vw,460px)}
 html body.program-2027 .wim-cover-photo img{object-position:50% 40%}
 html body.program-2027 .wim-cover-copy{margin-bottom:30px;padding-bottom:28px}
 html body.program-2027 .wim-cover-copy h2{font-size:clamp(30px,8vw,44px)}
 html body.program-2027 .wim-records{padding:clamp(28px,5vw,38px) clamp(22px,4vw,30px)}
 html body.program-2027 .wim-records .achievements{grid-template-columns:1fr}
 html body.program-2027 .wim-records .achievements li,
 html body.program-2027 .wim-records .achievements li:first-child{
  display:block;border:0;border-top:1px solid rgba(206,228,242,.14);padding:26px 0 0;margin-top:26px}
 html body.program-2027 .wim-records .achievements li:first-child{border-top:0;padding-top:0;margin-top:0}
 html body.program-2027 .wim-records .achievement-mark{font-size:clamp(48px,13vw,66px);margin-bottom:16px}
 html body.program-2027 .wim-story{grid-template-columns:1fr;gap:28px}
}

/* ── «Впервые на Кипре» на телефоне ────────────────────────────────────
   Раньше видео растягивалось на всю высоту секции (а она с длинным списком
   фактов — больше 1600px), кадр 16:9 обрезался до узкой полосы и под
   90-процентной заливкой не читался вовсе. Теперь это полоса сверху:
   видео видно, а текст ниже лежит на ровном тёмном. */
@media(max-width:760px){
 html body.program-2027 .retreat-scene{--band:clamp(186px,25vh,250px)}
 html body.program-2027 .retreat-backdrop{inset:0 0 auto;height:var(--band)}
 html body.program-2027 .retreat-scene:after{inset:0 0 auto;height:var(--band);
  background:linear-gradient(180deg,rgba(5,28,45,.26) 0%,rgba(7,30,47,.55) 52%,rgba(10,40,59,.92) 84%,#0c293b 100%)}
 html body.program-2027 .retreat-content{padding-top:calc(var(--band) + 10px)}
}

/* ── Частые вопросы ────────────────────────────────────────────────────
   Та же гармошка, что и в главах программы, но без иконок: здесь важен
   сам вопрос, а не картинка рядом с ним. */
html body.program-2027 .faq h2{max-width:900px;margin-bottom:clamp(38px,4.2vw,62px)}
html body.program-2027 .faq-list{border-top:1px solid var(--rule)}
html body.program-2027 .faq-list details{border-bottom:1px solid var(--rule);transition:background .4s}
html body.program-2027 .faq-list details[open]{background:#ffffff66}
html body.program-2027 .faq-list summary{list-style:none;display:grid;grid-template-columns:1fr 42px;
 gap:clamp(18px,2.4vw,36px);align-items:center;padding:clamp(22px,2.4vw,30px) clamp(0px,1.6vw,22px);cursor:pointer}
html body.program-2027 .faq-list summary::-webkit-details-marker{display:none}
html body.program-2027 .faq-list h3{font:400 clamp(22px,2.2vw,32px)/1.25 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.012em;margin:0;color:#193d55}
html body.program-2027 .faq-list .chapter-body{padding:0 clamp(0px,1.6vw,22px) clamp(24px,2.6vw,34px);
 max-width:860px}
html body.program-2027 .faq-draft{color:#7d94a4;font-style:italic}
@media(max-width:760px){
 html body.program-2027 .faq-list summary{grid-template-columns:1fr 32px;gap:14px;padding:20px 0}
 html body.program-2027 .faq-list h3{font-size:21px}
 html body.program-2027 .faq-list .chapter-body{padding:0 0 22px}
}

/* ── Кегль основного текста на телефоне ────────────────────────────────
   Было вперемешку 16 и 15px; сводим всё к 15px — чуть мельче и,
   главное, одинаково по всей странице. Межстрочный не трогаем,
   на нём держится читаемость. */
@media(max-width:760px){
 html body.program-2027 .prose,
 html body.program-2027 .chapter-body,
 html body.program-2027 .faq-list .chapter-body,
 html body.program-2027 .retreat-facts dd,
 html body.program-2027 .experience-intro,
 html body.program-2027 .takeaway-grid p,
 html body.program-2027 .inclusions-grid ul,
 html body.program-2027 .achievements p,
 html body.program-2027 .wim-records .achievements p,
 html body.program-2027 .wim-cover-copy>p,
 html body.program-2027 .hero-lede,
 html body.program-2027 .retreat-notes{font-size:15px}
 html body.program-2027 .takeaway-final p{font-size:15px}
 html body.program-2027 .booking-date,
 html body.program-2027 .hero-foot a{font-size:13px}
}

/* ── Первый экран на планшете ──────────────────────────────────────────
   Ширину текстовой колонки задавало правило для боковой раскладки
   (49% экрана) — оно действовало и там, где раскладка уже центрированная,
   из-за чего заголовок ломался на пять коротких строк. Ниже 1100px
   колонка занимает всю доступную ширину. */
@media(max-width:1100px){
 html body.program-2027 .hero-stage .hero-content{width:auto;max-width:min(92vw,920px);margin:0 auto}
}

/* Карточка раннего бронирования — тот же градиент, что у финальной
   карточки в блоке «Что вы заберёте с собой». */
html body.program-2027 .investment-early{
 background:radial-gradient(ellipse at 5% 100%,#356476,transparent 65%),#142f40;
 border-color:#385766;box-shadow:0 20px 50px -30px #18384e77}

/* Плюс в кружке рисуем двумя полосками, а не символом: у глифа «+»
   свои метрики, из-за которых он вставал выше центра. */
html body.program-2027 .chapter-toggle{position:relative;font-size:0;line-height:0}
html body.program-2027 .chapter-toggle::before,
html body.program-2027 .chapter-toggle::after{content:'';position:absolute;top:50%;left:50%;
 width:13px;height:1.5px;border-radius:1px;background:currentColor;
 transform:translate(-50%,-50%)}
html body.program-2027 .chapter-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
@media(max-width:760px){
 html body.program-2027 .chapter-toggle::before,
 html body.program-2027 .chapter-toggle::after{width:11px}
}

/* ── Заголовок первого экрана на телефоне ──────────────────────────────
   text-wrap:balance специально укорачивает строки, чтобы выровнять их
   длину, — на узком экране от этого заголовок собирался в шесть коротких
   строк с широкими полями. Здесь балансировка выключена, поля уже, а
   кегль подобран так, чтобы первая фраза вставала в одну строку. */
@media(max-width:760px){
 /* колонке — вся ширина экрана и узкие поля: фраза «За пределами
    возможного:» не помещалась буквально на десяток пикселей */
 html body.program-2027 .hero-stage .hero-content{max-width:none;padding-left:4.5%;padding-right:4.5%}
 /* заголовок ужимался по содержимому, поэтому первая фраза ломалась,
    хотя по ширине помещалась: даём ему всю колонку */
 html body.program-2027 .hero-stage h1{width:100%;max-width:none}
 html body.program-2027 .hero-stage h1,
 html body.program-2027 .hero-stage h1 em{text-wrap:wrap;font-size:clamp(21px,6.6vw,32px);line-height:1.16}
}


/* ── Плитки с кадрами в блоке «Что вы заберёте» ────────────────────────
   Шесть одинаковых карточек подряд читались монотонно; каждая третья
   ячейка теперь кадр — сетка получает ритм, а текст паузы. */
html body.program-2027 .takeaway-photo{margin:0;border-radius:28px;overflow:hidden;
 position:relative;align-self:stretch;min-height:0;background:#dbe6ed}
html body.program-2027 .takeaway-photo img{position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
html body.program-2027 .takeaway-photo:hover img{transform:scale(1.04)}
html body.program-2027 .takeaway-photo::after{content:'';position:absolute;inset:0;
 background:linear-gradient(190deg,rgba(12,36,54,0) 45%,rgba(12,36,54,.28) 100%);pointer-events:none}
@media(max-width:900px){
 html body.program-2027 .takeaway-photo{border-radius:24px}
}
/* в одну колонку плитка остаётся одна в ряду, растягиваться не от чего —
   задаём ей собственную высоту */
@media(max-width:760px){
 html body.program-2027 .takeaway-photo{min-height:230px;border-radius:24px}
}

/* ── Ритм основного текста ─────────────────────────────────────────────
   Текст читался сплошным серым полотном: светлое начертание 300, очень
   широкий межстрочный и низкий контраст. Начертание 400, межстрочный
   плотнее, цвет темнее — абзац снова читается как абзац. Гротеск — Onest,
   тот же, что в заголовке первого экрана: он живее Inter по рисунку. */
html body.program-2027{font-weight:400}
html body.program-2027 .prose,
html body.program-2027 .prose p{line-height:1.72;color:#3f5a70}
html body.program-2027 .takeaway-grid p{line-height:1.7;color:#42607a}
/* финальная карточка тёмная — цвет абзаца выше её не касается */
html body.program-2027 .takeaway-grid .takeaway-final p{color:#c7d9e1}
html body.program-2027 .chapter-body,
html body.program-2027 .faq-list .chapter-body{line-height:1.72;color:#42607a}
html body.program-2027 .retreat-facts dd{line-height:1.62}
html body.program-2027 .inclusions-grid ul{line-height:1.7;color:#46617a}
html body.program-2027 .experience-intro{line-height:1.68;color:#46617a}
html body.program-2027 .hero-lede{line-height:1.58}

/* акцент в карточках: заголовок плотнее и крупнее, текст — отдельным тоном */
html body.program-2027 .takeaway-grid h3{letter-spacing:-.015em;margin-bottom:16px}
html body.program-2027 .wim-records .achievements p{line-height:1.68}

/* мелкий текст: доводим контраст до 4.5:1 */
html body.program-2027 .booking-date{color:#54707f}
html body.program-2027 .retreat-notes li{color:#55697a}

/* ── Айсмен на мобилке: компактнее ─────────────────────────────────────
   Панель отнимала по краям и отступ секции, и свой паддинг — колонка
   текста сжималась до ~286px и абзацы разваливались на 6-7 строк.
   Уже поля и плотнее отступы между пунктами; цифра остаётся над текстом,
   как была — сбоку она терялась и ряд выглядел рваным. */
@media(max-width:640px){
 html body.program-2027 .iceman-spread{--gutter:3.5%}
 html body.program-2027 .wim-records{padding:26px 18px 28px}
 html body.program-2027 .wim-cover-copy{margin-bottom:22px;padding-bottom:22px}
 html body.program-2027 .wim-cover-copy>p{line-height:1.66}
 html body.program-2027 .wim-records .achievements li,
 html body.program-2027 .wim-records .achievements li:first-child{
  display:block;padding:18px 0 0;margin-top:18px}
 html body.program-2027 .wim-records .achievements li:first-child{padding-top:0;margin-top:0}
 html body.program-2027 .wim-records .achievement-mark{
  font-size:clamp(46px,12vw,62px);margin:0 0 12px;text-align:left}
 html body.program-2027 .wim-records .achievements p{font-size:14.5px;line-height:1.65}
}

/* ── «Что вы заберёте»: бенто ──────────────────────────────────────────
   Все шесть карточек одного размера — одна ячейка, значит одинаковая
   ширина и высота по строке, и текст в них примерно одной длины, так что
   пустоты почти нет. Форму сетке задают кадры: широкий сверху, узкий
   вертикальный слева, широкий снизу. Сетка 4×3 заполняется ровно, без
   растянутых плиток и принудительных высот.
   Порядок в разметке не меняется — расстановка через grid-area. */
@media(min-width:1101px){
 html body.program-2027 .takeaway-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}

 html body.program-2027 .takeaway-grid>:nth-child(1){grid-area:1/1/2/2}
 html body.program-2027 .takeaway-grid>:nth-child(2){grid-area:1/2/2/3}
 html body.program-2027 .takeaway-grid>:nth-child(3){grid-area:1/3/2/5}  /* широкий кадр */
 html body.program-2027 .takeaway-grid>:nth-child(5){grid-area:2/1/4/2}  /* вертикальный кадр */
 html body.program-2027 .takeaway-grid>:nth-child(4){grid-area:2/2/3/3}
 html body.program-2027 .takeaway-grid>:nth-child(6){grid-area:2/3/3/4}
 html body.program-2027 .takeaway-grid>:nth-child(8){grid-area:2/4/3/5}
 html body.program-2027 .takeaway-grid>:nth-child(9){grid-area:3/2/4/3}
 html body.program-2027 .takeaway-grid>:nth-child(7){grid-area:3/3/4/5}  /* широкий кадр */
 html body.program-2027 .takeaway-grid>.takeaway-final{grid-area:4/1/5/5}

 /* колонка в бенто узкая (≈280px) — прежний кегель заголовка гнал его
    на 4-5 строк, и карточки расходились по высоте. Заголовок и значок
    мельче: плитки становятся плотнее и ровнее друг к другу */
 html body.program-2027 .takeaway-grid article:not(.takeaway-final) h3{
  font-size:25px;line-height:1.18;max-width:none;margin-bottom:14px}
 html body.program-2027 .takeaway-grid article:not(.takeaway-final) .takeaway-symbol{
  width:56px;height:56px;border-radius:17px;margin-bottom:22px}
 html body.program-2027 .takeaway-grid article:not(.takeaway-final) .takeaway-symbol svg{
  width:34px;height:34px}
 html body.program-2027 .takeaway-grid article:not(.takeaway-final){padding:26px 24px 28px}
 html body.program-2027 .takeaway-grid p{font-size:14.5px;line-height:1.72}
 html body.program-2027 .takeaway-grid article:nth-child(2n){transition-delay:.06s}
 html body.program-2027 .takeaway-grid article:nth-child(3n){transition-delay:.12s}
}

/* ── «Что включено»: списки со значками ────────────────────────────────
   Плюс и минус текстом терялись рядом со строкой и не разводили колонки
   по смыслу. Вместо них контурный кружок — тот же хайрлайн, что у «+» в
   аккордеоне программы и FAQ, поэтому страница читается как одно целое.
   Галочка для включённого, прочерк для того, что оплачивается отдельно.
   Символы нарисованы CSS-маской: ни запроса, ни лишней разметки. */
html body.program-2027 .inclusions-grid li{
 padding:19px 0 19px 52px;position:relative;border-top:1px solid var(--rule)}
html body.program-2027 .inclusions-grid li:first-child{border-top:0;padding-top:4px}
html body.program-2027 .inclusions-grid li:before,
html body.program-2027 .inclusions-grid>div+div li:before{
 content:'';position:absolute;left:0;top:16px;width:34px;height:34px;
 border-radius:50%;background:none;box-shadow:none;
 border:1px solid #365e7a33}
html body.program-2027 .inclusions-grid li:after{
 content:'';position:absolute;left:0;top:16px;width:34px;height:34px;
 background:#2a6a80;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.3 4 4 8-8.6'/%3E%3C/svg%3E") 50% 50%/16px 16px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.3 4 4 8-8.6'/%3E%3C/svg%3E") 50% 50%/16px 16px no-repeat}
html body.program-2027 .inclusions-grid li:first-child:before{top:4px}
html body.program-2027 .inclusions-grid li:first-child:after{top:4px}

/* вторая колонка — то, что оплачивается отдельно: тон глуше, знак другой */
html body.program-2027 .inclusions-grid>div+div li:before{border-color:#3c5a7026}
html body.program-2027 .inclusions-grid>div+div li:after{
 background:#8097a6;
 -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E");
 mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}

@media(max-width:760px){
 html body.program-2027 .inclusions-grid li{padding-left:44px}
 html body.program-2027 .inclusions-grid li:before,
 html body.program-2027 .inclusions-grid>div+div li:before{width:29px;height:29px}
 html body.program-2027 .inclusions-grid li:after{width:29px;height:29px;
  -webkit-mask-size:14px 14px;mask-size:14px 14px}
}

/* ── Факты о ретрите: три показателя в строку ──────────────────────────
   Трёх пунктов в двухколоночной сетке не хватало на две колонки — справа
   зияла пустота, а кнопка тянулась на всю ширину. Теперь это ряд из трёх
   показателей: подпись, крупная цифра тем же серифом, что и рекорды
   Вима, и пояснение под ней. Кнопка встаёт по содержимому. */
html body.program-2027 .retreat-facts .fact-mark{
 display:block;font:400 clamp(38px,3.6vw,56px)/1 'Cormorant Garamond',Georgia,serif;
 letter-spacing:-.02em;color:#f0f7fb;margin:0 0 13px}

@media(min-width:901px){
 html body.program-2027 .retreat-facts{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:0 5%;margin-bottom:52px}
 html body.program-2027 .retreat-facts>div{padding:26px 0 0}
 html body.program-2027 .retreat-facts dd{max-width:36ch;font-size:15px}
 html body.program-2027 .retreat-content .button{width:max-content;align-self:start}
}

@media(max-width:900px){
 html body.program-2027 .retreat-facts .fact-mark{font-size:34px;margin-bottom:9px}
}

/* ── Заголовочный сериф плотнее ────────────────────────────────────────
   Cormorant Garamond до сих пор стоял только в 400 — файлы «500» в папке
   оказались побайтовыми копиями 400, то есть начертание не менялось.
   Догружены настоящие 600 (прямое и курсив) для всех четырёх подмножеств;
   заголовки и цифры переходят на них. Отменяется удалением этого блока. */
html body.program-2027 .editorial-section h2,
html body.program-2027 .retreat-content h2,
html body.program-2027 .wim-cover-copy h2,
html body.program-2027 .editorial-section h2 em,
html body.program-2027 .retreat-content h2 em,
html body.program-2027 .wim-cover-copy h2 em,
html body.program-2027 .takeaway-grid h3,
html body.program-2027 .takeaway-final h3,
html body.program-2027 .experience-chapters h3,
html body.program-2027 .faq-list h3,
html body.program-2027 .investment-card h3,
html body.program-2027 .inclusions-grid h3,
html body.program-2027 .wim-statement,
html body.program-2027 .editorial-invite>p,
html body.program-2027 .achievement-mark,
html body.program-2027 .retreat-facts .fact-mark,
html body.program-2027 .booking-price{font-weight:600}

/* Подписи над показателями убраны: «3 дня», «Кипр», «≈ 50» понятны из
   контекста. <dt> остаётся в разметке — без него <dl> невалиден, и он же
   объясняет цифру скринридеру, — но не показывается. */
html body.program-2027 .retreat-facts dt{
 position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;border:0}
html body.program-2027 .retreat-facts dt:after{content:none}
