@font-face{font-family:IndexText;src:url("fonts/synergy-sans.ttf") format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:IndexLumen;src:url("fonts/CormorantGaramond-variable.woff") format("woff");font-weight:300 700;font-display:swap}@font-face{font-family:IndexForma;src:url("fonts/Unbounded-variable.woff") format("woff");font-weight:200 900;font-display:swap}@font-face{font-family:IndexRitual;src:url("fonts/Oswald-variable.woff") format("woff");font-weight:200 700;font-display:swap}
.example-index{font:15px/1.65 IndexText,Arial,sans-serif;background:#f5f3ee;color:#242c26}.index-shell{width:min(1360px,calc(100% - 80px));margin-inline:auto}.index-nav{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:28px;border-bottom:1px solid #242c2626}.index-nav>a{font-size:19px}.index-nav>span{font-size:10px}.index-intro{padding-block:70px 50px}.index-intro>span{font-size:10px;letter-spacing:.1em}.index-intro h1{font-size:clamp(40px,6vw,82px);line-height:1.05;letter-spacing:-.055em;font-weight:500;margin:20px 0 25px}.index-intro>p{max-width:640px;font-size:14px;color:#606a5d}.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.index-grid article{min-width:0}.index-preview{position:relative;aspect-ratio:1440/1030;overflow:hidden;background:#eee;isolation:isolate}.index-preview iframe{position:absolute;inset:0;width:1440px;height:1030px;max-width:none;border:0;transform:scale(var(--showcase-scale,.3));transform-origin:top left;pointer-events:none}.index-preview>a{position:absolute;inset:0}.index-preview>a:after{content:"Открыть ↗";position:absolute;right:12px;bottom:12px;background:#242c26;color:#fff;font-size:11px;padding:9px 14px}.index-card-info{padding-top:23px}.index-card-info>span{font-size:9px;letter-spacing:.1em;color:#606a5d}.index-card-info h2{font-weight:550;margin:11px 0 15px;line-height:1}.index-lumen{font-family:IndexLumen,Georgia,serif;font-size:54px}.index-forma{font-family:IndexForma,Arial,sans-serif;font-size:26px;color:#2531b7;letter-spacing:-.04em;padding-block:12px}.index-ritual{font-family:IndexRitual,Impact,sans-serif;font-size:49px}.index-card-info p{font-size:12px;color:#606a5d;margin:0 0 16px}.index-card-info>a{font-size:12px;border-bottom:1px solid;padding-bottom:5px}.index-note{font-size:11px;color:#606a5d;border-top:1px solid #242c2630;padding-top:25px;line-height:1.8;margin-top:50px;max-width:960px}.index-note>a{border-bottom:1px solid}.index-course-link{display:inline-block;margin-block:15px 65px;font-size:13px;border-bottom:1px solid;padding-bottom:5px}
@media(max-width:900px){.index-shell{width:calc(100% - 48px)}.index-grid{gap:20px}.index-forma{font-size:22px}.index-card-info p{font-size:11px}}@media(max-width:650px){.index-shell{width:calc(100% - 32px)}.index-nav>span{font-size:8px}.index-nav>a{font-size:17px}.index-intro{padding-block:50px 30px}.index-intro h1{font-size:42px}.index-intro>p{font-size:13px}.index-grid{grid-template-columns:1fr;gap:40px}.index-forma{font-size:28px}.index-card-info p{font-size:13px}.index-note{margin-top:40px;font-size:10px}}