/* Approved benefits photograph */

#benefits{background:var(--green2);padding-block:64px 86px}
#benefits .benefits-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,5vw,76px);align-items:stretch}
#benefits .benefits-photo{position:relative;min-height:520px;overflow:hidden;border-radius:24px 96px 24px 24px}
#benefits .benefits-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:sepia(.15) saturate(.7) brightness(1.1)}
#benefits .benefit-stack{display:flex;flex-direction:column;gap:0;counter-reset:benefit}
#benefits .benefit-item{display:block;flex:1;min-height:0;padding:26px 0 26px 48px;background:none;border:0;border-bottom:1px solid rgba(234,203,154,.24);border-radius:0;box-shadow:none}
#benefits .benefit-item:first-child{padding-top:0}
#benefits .benefit-item:last-child{border-bottom:0;padding-bottom:0}
#benefits .benefit-item::before{left:0;top:32px;font-size:13px;color:var(--sand)}
#benefits .benefit-item:first-child::before{top:6px}
#benefits .benefit-item h3{margin:0;color:var(--paper);font-size:clamp(24px,2.1vw,30px);font-weight:300;letter-spacing:.025em;line-height:1.3}
#benefits .benefit-item p{margin:14px 0 0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.65}
#benefits .benefit-ic{display:none}
@media(max-width:1000px){
#benefits .benefits-editorial{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:30px}
#benefits .benefit-item{padding-left:36px}
#benefits .benefit-item h3{font-size:24px}}
@media(max-width:760px){
#benefits{padding-block:60px 78px}
#benefits .benefits-editorial{grid-template-columns:minmax(0,1fr);gap:32px}
#benefits .benefits-photo{min-height:0;height:300px;border-radius:20px 64px 20px 20px}
#benefits .benefits-photo img{object-position:center 42%}
#benefits .benefit-item{padding-block:24px}
#benefits .benefit-item h3{font-size:23px}
#benefits .benefit-item p{font-size:15px}}

/* Local alternative: existing photo fills the benefits section */
#benefits{position:relative;isolation:isolate;overflow:hidden;min-height:820px;padding-block:74px 90px;background:var(--green2)}
#benefits .wrap{position:relative;z-index:2}
#benefits .benefits-editorial{display:block}
#benefits .benefits-photo{position:absolute;inset:0;z-index:-2;min-height:0;height:auto;border-radius:0}
#benefits .benefits-photo img{object-fit:cover;object-position:center 48%;filter:saturate(.7) contrast(1.05) brightness(.7)}
#benefits::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(3,26,22,.95) 0%,rgba(3,26,22,.84) 30%,rgba(3,26,22,.36) 62%,rgba(3,26,22,.14) 100%),linear-gradient(180deg,rgba(3,26,22,.18),rgba(3,26,22,.52) 92%)}
#benefits .section-head{margin-bottom:44px}
#benefits .section-head h2{color:var(--paper);text-shadow:0 2px 24px rgba(0,0,0,.25)}
#benefits .benefit-stack{width:54%;margin-left:auto;gap:14px}
#benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{position:relative;flex:initial;padding:24px 28px 24px 62px;background:rgba(64,30,41,.92);border:1px solid rgba(234,203,154,.2);border-radius:18px;box-shadow:0 10px 34px rgba(0,0,0,.12)}
#benefits .benefit-item::before,#benefits .benefit-item:first-child::before{left:25px;top:31px}
#benefits .benefit-item h3{font-size:clamp(22px,1.9vw,28px);letter-spacing:.01em}
#benefits .benefit-item p{font-size:15px;line-height:1.55;margin-top:12px;color:rgba(255,255,255,.86)}
#benefits .section-controls{z-index:3}
@media(max-width:1000px){#benefits .benefit-stack{width:65%}}
@media(max-width:760px){
#benefits{padding-block:54px 78px;min-height:0}
#benefits .section-head{margin-bottom:160px}
#benefits .benefit-stack{width:100%;gap:12px}
#benefits .benefits-photo img{object-position:46% center}
#benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{padding:22px 20px 22px 50px;background:rgba(64,30,41,.94)}
#benefits .benefit-item::before,#benefits .benefit-item:first-child::before{left:20px;top:28px}
#benefits .benefit-item h3{font-size:23px}
}

/* Sections fill the viewport and grow with content; scrolling belongs to the page. */
html,body,button,input,textarea,select{font-family:Raleway,Arial,sans-serif}
body *,body *::before,body *::after{font-family:Raleway,Arial,sans-serif}
#join .membership-fee{font-family:Raleway,Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;font-synthesis:none}
:root{--screen-height:calc(100svh - var(--header-height))}
@supports(height:100dvh){:root{--screen-height:calc(100dvh - var(--header-height))}}
main>.section:not(.reviews),#benefits,#formats{height:auto;min-height:var(--screen-height);max-height:none;padding:clamp(20px,3.5svh,38px) 0 78px;display:flex;align-items:center;position:relative}
main>.section:not(.reviews)>.wrap{min-height:0;max-height:none;height:auto;overflow:visible;flex:0 0 100%}
main>.hero>.wrap{padding-block:12px;min-height:0;display:block}
.hero-media img[src$="hero-groups-oikon.webp"]{object-position:56% center}
main>.section>.section-controls{position:absolute;bottom:16px;right:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));margin:0;gap:10px;z-index:4}
.section-controls .section-next{background:none;color:inherit}

.section-controls .section-arrow{width:44px;height:44px}
.section-head,#benefits .section-head{margin-bottom:clamp(16px,3svh,30px)}
.events>.wrap{display:block!important}
.events .event-grid{margin-block:0}
.events .event-grid article{aspect-ratio:auto;min-height:320px;height:clamp(320px,58svh,560px)}
#benefits .benefit-stack{gap:12px}
#benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{padding-block:18px}
#benefits .benefit-item::before,#benefits .benefit-item:first-child::before{top:25px}
#benefits .benefit-item h3{font-size:clamp(21px,2.8svh,28px)}
#formats .format-card{min-height:210px}
#formats .format-copy{padding:22px}
.reviews{height:auto;max-height:none;min-height:0;padding-bottom:90px}
@media(max-width:760px){
 main>.section:not(.reviews),#benefits,#formats{padding-top:24px;padding-bottom:76px}
 .site-header .brand-logo{width:clamp(106px,32vw,150px)}
 .header-inner{gap:8px}
 .header-cta{font-size:9px;letter-spacing:.05em}
 .events .event-grid{grid-template-columns:minmax(0,1fr)}
 .events .event-grid article{height:360px;min-height:360px}
 #benefits .section-head{margin-bottom:24px}
 #benefits .benefit-stack{width:100%}
 #benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{padding:18px 18px 18px 44px}
 #benefits .benefit-item::before,#benefits .benefit-item:first-child::before{left:17px;top:24px}
 #benefits .benefit-item h3{font-size:22px}
 #benefits .benefit-item p{font-size:15px}
 #formats .format-card{min-height:0}
 .founders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .join-wrap{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Owner refinements: original outline arrows, centered benefits, aligned about grid. */
#benefits .section-head{justify-content:center;text-align:center}
#benefits .benefit-stack{width:min(100%,900px);margin-inline:auto}
#benefits .benefit-item h3,#benefits .benefit-item p{text-align:left}
#benefits::after{background:linear-gradient(180deg,rgba(3,26,22,.55),rgba(3,26,22,.3) 45%,rgba(3,26,22,.65))}
#about .about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);column-gap:clamp(32px,6vw,88px);align-items:stretch}
#about .about-heading,#about .about-copy{display:grid;grid-template-rows:auto 1fr;gap:40px;align-items:start}
#about .about-heading h2,#about .about-copy .statement{margin:0;align-self:start}
#about .about-mark,#about .about-copy .secondary{margin:0;align-self:end}
#formats .format-photo img{filter:none}
#site-navigation .menu-telegram{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;color:var(--sand);border:1px solid rgba(234,203,154,.35);border-radius:50%;flex-shrink:0}
#site-navigation .menu-telegram:hover{background:rgba(234,203,154,.1)}
@media(max-width:760px){
 #about .about-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 #about .about-heading{display:block}
 #about .about-mark{display:none}
 #about .about-copy{display:block}
 #about .about-copy .secondary{margin-top:24px}
 #benefits .section-head{text-align:center}
}

/* Keep the speaker visible in the narrow format photograph. */
#formats .format-photo img[src$="expert-auditorium.webp"]{object-position:85% center}

/* Benefits: approved route layout. */
#benefits{padding-block:64px 86px;background:var(--green2);isolation:isolate;overflow:hidden}
#benefits::after{display:none}
#benefits .wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-rows:auto 1fr;column-gap:clamp(44px,7vw,100px);align-items:stretch}
#benefits .section-head{grid-column:1;grid-row:1;justify-content:flex-start;text-align:left;margin:0 0 clamp(44px,7vh,78px)}
#benefits .section-head h2{color:var(--paper);text-shadow:none}
#benefits .benefits-editorial{grid-column:1;grid-row:2;display:block}
#benefits .benefits-photo{position:relative;inset:auto;z-index:auto;grid-column:2;grid-row:1/span 2;min-height:620px;height:auto;overflow:hidden;border-radius:160px 28px 28px 28px}
#benefits .benefits-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.68) brightness(.84)}
#benefits .benefit-stack{display:flex;width:100%;margin:0;gap:0;counter-reset:benefit}
#benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);gap:24px;align-items:start;min-height:0;padding:24px 0;background:none;border:0;border-radius:0;box-shadow:none}
#benefits .benefit-item+.benefit-item{border-top:1px solid rgba(234,203,154,.22)}
#benefits .benefit-item::before,#benefits .benefit-item:first-child::before{position:static;width:50px;height:50px;border:1px solid rgba(234,203,154,.65);border-radius:50%;display:grid;place-items:center;color:var(--sand);font-size:12px;letter-spacing:.1em}
#benefits .benefit-item h3{margin:0;color:var(--paper);font-size:clamp(22px,1.9vw,28px);font-weight:300;letter-spacing:.01em;line-height:1.32;text-align:left}
#benefits .benefit-item p{margin:10px 0 0;color:rgba(255,255,255,.68);font-size:15px;line-height:1.62;text-align:left}
#benefits .benefit-ic{display:none}
@media(max-width:1000px){
 #benefits .wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:0}
 #benefits .benefits-photo{grid-column:1;grid-row:1;height:440px;min-height:0;margin-bottom:38px;border-radius:24px 90px 24px 24px}
 #benefits .section-head{grid-column:1;grid-row:2;margin-bottom:30px}
 #benefits .benefits-editorial{grid-column:1;grid-row:3}
}
@media(max-width:600px){
 #benefits{padding-block:60px 78px}
 #benefits .benefits-photo{height:320px;margin-bottom:34px;border-radius:20px 68px 20px 20px}
 #benefits .benefit-item,#benefits .benefit-item:first-child,#benefits .benefit-item:last-child{grid-template-columns:54px minmax(0,1fr);gap:14px;padding:22px 0}
 #benefits .benefit-item::before,#benefits .benefit-item:first-child::before{width:44px;height:44px}
 #benefits .benefit-item h3{font-size:22px}
}

/* Device-height audit: sections fill a viewport when possible and grow with content. */
main>.hero{height:auto;min-height:var(--screen-height);max-height:none}
main>.hero>.wrap{display:flex;align-items:center;min-height:var(--screen-height);height:auto;max-height:none;padding-block:clamp(24px,5svh,52px)}
@media(min-width:1101px){
 #benefits .benefits-photo{min-height:clamp(430px,68svh,620px)}
 #formats .formats-stage{min-height:clamp(390px,64svh,520px)}
}
@media(max-width:1100px){
 main>.section:not(.reviews){height:auto;min-height:var(--screen-height);max-height:none}
 main>.section:not(.reviews)>.wrap{height:auto;max-height:none;overflow:visible}
 #benefits .benefits-photo{height:clamp(320px,52svh,480px)}
 #formats .formats-stage{min-height:clamp(320px,52svh,480px)}
}
@media(max-width:760px){
 main>.hero>.wrap{min-height:var(--screen-height);padding-top:clamp(24px,6svh,44px);padding-bottom:96px}
 main>.section:not(.hero):not(.reviews){padding-top:clamp(34px,6svh,60px);padding-bottom:76px}
 .events .event-grid article{height:clamp(320px,68svh,460px);min-height:320px}
 #benefits .benefits-photo{height:clamp(260px,44svh,360px)}
 #formats .formats-stage{min-height:clamp(280px,45svh,400px)}
}
@media(max-width:520px){
 .founders-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 .founder-photo{width:100%;max-height:min(72svh,560px)}
}