/* Official OIKON business-club lockup. The supplied raster alpha is used as an exact mask. */
.brand{display:flex;align-items:center;color:#fff;line-height:1}
.brand-logo{display:block;width:188px;aspect-ratio:2400/577;flex-shrink:0;background:currentColor;-webkit-mask:url("logo-business-club.png") center/contain no-repeat;mask:url("logo-business-club.png") center/contain no-repeat}
@media(max-width:760px){.brand-logo{width:150px}}

/* Shared corner treatment for the landing page and club documents. */
:root{--radius-panel:20px;--radius-control:10px}
.founder-photo,.hero-media,.need-card,.benefit-item,.format-card,.join-copy,.join-form,.document-note,.document-sidebar{border-radius:var(--radius-panel)}
.founder-photo,.hero-media{overflow:hidden}
.founder-photo img{border-radius:inherit}
.founder-photo img[src$="alexander-maslyak-2026-09-22.jpg"]{object-position:50% 8%}
.founder{border:0}
.join-wrap{gap:14px}
.event-grid{gap:14px;border:0}
.event-grid article{border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-panel)}
.site-header .menu-toggle,.skip-link,.form-back,.fields input:not([type=checkbox]),.fields textarea,.company-lookup [role=listbox]{border-radius:var(--radius-control)}
.company-lookup [role=option]:first-child{border-radius:var(--radius-control) var(--radius-control) 0 0}
.company-lookup [role=option]:last-child{border-radius:0 0 var(--radius-control) var(--radius-control)}
.company-lookup [role=option]:only-child{border-radius:var(--radius-control)}
@media(max-width:1280px){.site-header #site-navigation{border-radius:0 0 var(--radius-panel) var(--radius-panel)}}

/* One navigation component for the landing page and every document page. */
:root{--pad:clamp(22px,5vw,76px);--max:1360px}
.site-header{position:sticky;top:0;z-index:40;display:block;min-height:0;padding:0;background:var(--green);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);font:300 17px/1.72 Raleway,Arial,sans-serif;letter-spacing:.006em;gap:normal}
.site-header .header-inner{width:min(var(--max),100%);height:78px;margin:auto;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:300;line-height:1}
.site-header .brand-logo{font:300 17px/1 Raleway,Arial,sans-serif;letter-spacing:.38em}
.site-header #site-navigation{display:flex;align-items:center;gap:24px;margin:0}
.site-header #site-navigation a{padding:0;color:rgba(255,255,255,.66);font:500 13px/1.72 Raleway,Arial,sans-serif;letter-spacing:.24em;text-decoration:none;text-transform:uppercase}
.site-header #site-navigation a:hover{color:#fff}
.site-header .header-cta{color:var(--sand);font:500 13px/1.72 Raleway,Arial,sans-serif;letter-spacing:.24em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.site-header .header-cta:hover{color:#fff}
.site-header .menu-toggle{display:none;margin:0;background:none;border:1px solid rgba(255,255,255,.14);color:#fff;padding:9px 12px;font:300 12px/1.72 Raleway,Arial,sans-serif;letter-spacing:.08em}
.site-header #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-header #site-navigation .menu-telegram:hover{background:rgba(234,203,154,.1)}
@media(max-width:1280px){
 .site-header .menu-toggle{display:block;margin-left:auto}
 .site-header #site-navigation{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:20px var(--pad);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;max-height:calc(100svh - 78px);overflow:auto;background:var(--green);border-bottom:1px solid rgba(255,255,255,.14)}
 .site-header #site-navigation.open{display:grid}
 .site-header #site-navigation a{padding:12px 0;font-size:12px}
}
@media(max-width:760px){
 .site-header .header-inner{height:66px;gap:8px}
 .site-header .brand-logo{width:clamp(106px,32vw,150px)}
 .site-header .menu-toggle{font-size:10px;padding:8px}
 .site-header .header-cta{font-size:9px;letter-spacing:.05em}
 .site-header #site-navigation{max-height:calc(100svh - 66px)}
}