9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада

<style>
:root{<br />
  --ink:#171918; --paper:#eee9de; --paper2:#e3ddd0; --warm:#b48a50;<br />
  --muted:#716e65; --red:#6c302e; --line:rgba(23,25,24,.15);<br />
  --night:#101312; --white:#f4f0e7; --max:1280px;<br />
}<br />
*{box-sizing:border-box} html{scroll-behavior:smooth}<br />
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}<br />
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}<br />
.page{overflow:hidden}<br />
.topline{height:5px;background:linear-gradient(90deg,var(--red),var(--warm) 48%,var(--ink))}<br />
.container{width:min(calc(100% - 48px),var(--max));margin:auto}<br />
.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--muted)}<br />
.hero{min-height:92vh;position:relative;background:var(--night);color:var(--white);display:grid;align-items:end}<br />
.hero:before{content:"";position:absolute;inset:0;background:<br />
linear-gradient(90deg,rgba(10,12,11,.98) 0%,rgba(10,12,11,.82) 40%,rgba(10,12,11,.2) 70%,rgba(10,12,11,.5)),<br />
linear-gradient(0deg,rgba(10,12,11,.95),transparent 50%);<br />
z-index:1}<br />
.hero-bg{position:absolute;inset:0;background-image:url("https://upload.wikimedia.org/wikipedia/commons/3/3d/Timur_Kurilkin_%282023-08-02%29.png");background-size:cover;background-position:center 20%;filter:grayscale(.2) contrast(1.05);opacity:.62;transform:scale(1.02)}<br />
.hero-inner{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:auto;padding:80px 0 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px}<br />
.hero-copy{align-self:end}<br />
.eyebrow{display:flex;align-items:center;gap:12px;color:#d1c5ae;margin-bottom:24px}<br />
.eyebrow:before{content:"";width:42px;height:1px;background:var(--warm)}<br />
h1{font-family:"Manrope",sans-serif;font-size:clamp(54px,8vw,112px);line-height:.91;letter-spacing:-.065em;margin:0 0 28px;font-weight:800}<br />
.hero-sub{max-width:690px;font-family:"Playfair Display",serif;font-size:clamp(21px,2.2vw,31px);line-height:1.3;color:#d9d4ca}<br />
.hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}<br />
.pill{border:1px solid rgba(244,240,231,.25);padding:11px 15px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}<br />
.hero-mark{align-self:end;justify-self:end;width:min(290px,100%);padding:25px;border-left:1px solid rgba(244,240,231,.25)}<br />
.hero-mark strong{display:block;font-family:Manrope;font-size:38px;line-height:1;letter-spacing:-.04em}<br />
.hero-mark span{display:block;color:#aaa69d;font-size:12px;line-height:1.6;margin-top:12px}</p>
<p>.section{padding:120px 0}<br />
.section.dark{background:var(--night);color:var(--white)}<br />
.section-head{display:grid;grid-template-columns:220px 1fr;gap:50px;margin-bottom:65px}<br />
.section-head h2{font-family:Manrope;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:850px}<br />
.section-head p{color:#8f8d84;line-height:1.75;max-width:620px;margin:20px 0 0}<br />
.lead{font-family:"Playfair Display",serif;font-size:clamp(24px,3vw,38px);line-height:1.35;max-width:900px;margin:0 0 55px}<br />
.bio-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px}<br />
.prose{font-size:16px;line-height:1.9;max-width:780px}<br />
.prose p{margin:0 0 25px}<br />
.fact-list{border-top:1px solid var(--line)}<br />
.fact{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:15px}<br />
.fact b{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}<br />
.fact span{font-weight:600;line-height:1.45}</p>
<p>.timeline-wrap{position:relative}<br />
.timeline{position:relative}<br />
.timeline:before{content:"";position:absolute;left:118px;top:0;bottom:0;width:1px;background:var(--line)}<br />
.titem{display:grid;grid-template-columns:118px 1fr;gap:55px;padding:0 0 62px;position:relative}<br />
.titem:last-child{padding-bottom:0}<br />
.year{font-family:Manrope;font-size:14px;font-weight:800;letter-spacing:.08em;text-align:right;padding-top:4px;color:var(--red)}<br />
.titem:after{content:"";position:absolute;left:113px;top:4px;width:10px;height:10px;border:2px solid var(--paper);background:var(--warm);border-radius:50%;box-shadow:0 0 0 4px rgba(180,138,80,.15)}<br />
.tbody{max-width:760px}<br />
.tbody h3{font:600 27px/1.15 Manrope;margin:0 0 12px;letter-spacing:-.03em}<br />
.tbody p{font-size:15px;line-height:1.8;color:#575650;margin:0}</p>
<p>.awards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(244,240,231,.13);border:1px solid rgba(244,240,231,.13)}<br />
.award{background:var(--night);padding:42px;min-height:230px;position:relative;transition:.45s ease}<br />
.award:hover{background:#171b19;transform:translateY(-4px)}<br />
.award-no{font-size:12px;color:#88877f;letter-spacing:.12em}<br />
.award h3{font:600 28px/1.15 Manrope;margin:35px 0 12px;letter-spacing:-.035em}<br />
.award p{font-size:14px;line-height:1.7;color:#96958d;max-width:470px}<br />
.award:after{content:"";position:absolute;right:35px;top:35px;width:30px;height:30px;border:1px solid rgba(180,138,80,.55);border-radius:50%}</p>
<p>.gallery{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}<br />
.gallery-main{min-height:620px;position:relative;overflow:hidden;border-radius:28px}<br />
.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}<br />
.gimg{overflow:hidden;border-radius:28px;position:relative;background:#222}<br />
.gimg img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}<br />
.gimg:hover img{transform:scale(1.045)}<br />
.gcap{position:absolute;left:0;right:0;bottom:0;padding:35px 28px 25px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:12px;letter-spacing:.05em}<br />
.quote{padding:115px 0;background:var(--red);color:#f2eade}<br />
.quote-inner{width:min(calc(100% - 48px),920px);margin:auto;text-align:center}<br />
.quote-mark{font-family:Georgia,serif;font-size:100px;line-height:.45;color:#c6a271}<br />
blockquote{font:500 clamp(30px,4vw,55px)/1.2 "Playfair Display",serif;margin:30px 0}<br />
.quote cite{font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#d9c8b0}</p>
<p>.final{padding:100px 0;background:#d7d0c2}<br />
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}<br />
.final h2{font:800 clamp(45px,7vw,90px)/.93 Manrope;letter-spacing:-.06em;margin:0}<br />
.final p{font-size:15px;line-height:1.8;color:#5f5c54;max-width:530px}<br />
.footer{background:var(--ink);color:#99978e;padding:28px 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}<br />
.footer .container{display:flex;justify-content:space-between;gap:20px}</p>
<p>.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}<br />
.reveal.visible{opacity:1;transform:none}<br />
@media(max-width:850px){<br />
 .hero-inner,.bio-grid,.final-grid,.section-head{grid-template-columns:1fr}<br />
 .hero-inner{padding-top:120px}.hero-mark{justify-self:start;border-left:0;border-top:1px solid rgba(244,240,231,.25);padding-left:0;padding-top:20px}<br />
 .section{padding:80px 0}.section-head{gap:20px}<br />
 .awards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery-main{min-height:430px}.gallery-side{height:560px}<br />
 .timeline:before{left:13px}.titem{grid-template-columns:1fr;gap:10px;padding-left:42px}.year{text-align:left}.titem:after{left:8px}<br />
}<br />
@media(max-width:520px){<br />
 .container,.hero-inner,.quote-inner{width:min(calc(100% - 28px),var(--max))}<br />
 h1{font-size:54px}.hero{min-height:850px}.hero-bg{background-position:62% 20%}<br />
 .award{padding:30px}.gallery-main{min-height:360px}.gallery-side{height:430px}<br />
}</p>
<p>/* ===== 2026 interaction layer ===== */<br />
:root{<br />
  --ease-out:cubic-bezier(.16,1,.3,1);<br />
  --ease-soft:cubic-bezier(.22,.61,.36,1);<br />
}<br />
html{scroll-padding-top:18px}<br />
body{cursor:default}<br />
.site-progress{position:fixed;z-index:9999;left:0;top:0;width:100%;height:3px;background:rgba(255,255,255,.04);pointer-events:none}<br />
.site-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--warm));box-shadow:0 0 18px rgba(180,138,80,.3);transition:width .08s linear}<br />
.scroll-index{position:fixed;z-index:1000;right:22px;top:50%;transform:translateY(-50%);display:grid;gap:10px}<br />
.scroll-index button{appearance:none;border:0;background:none;color:rgba(244,240,231,.48);padding:4px 0;display:flex;align-items:center;gap:8px;cursor:pointer;font:600 9px Inter;letter-spacing:.15em}<br />
.scroll-index i{display:block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;transition:.35s var(--ease-out)}<br />
.scroll-index button span{opacity:0;transform:translateX(5px);transition:.3s var(--ease-out)}<br />
.scroll-index button:hover span,.scroll-index button.active span{opacity:1;transform:none}<br />
.scroll-index button.active{color:var(--warm)}<br />
.scroll-index button.active i{width:18px;border-radius:8px;background:var(--warm);border-color:var(--warm)}<br />
.section-label{position:fixed;z-index:999;left:22px;bottom:24px;display:flex;align-items:center;gap:10px;color:rgba(244,240,231,.55);font:700 9px Inter;letter-spacing:.16em;text-transform:uppercase;mix-blend-mode:difference;pointer-events:none}<br />
.section-label b{width:24px;height:1px;background:currentColor;display:block}<br />
.cursor-dot,.cursor-ring{position:fixed;z-index:10000;left:0;top:0;pointer-events:none;opacity:0}<br />
@media(pointer:fine){<br />
 .cursor-dot{width:5px;height:5px;background:var(--warm);border-radius:50%;opacity:1;margin:-2.5px}<br />
 .cursor-ring{width:36px;height:36px;border:1px solid rgba(180,138,80,.55);border-radius:50%;opacity:1;transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),border-color .3s}<br />
 body.cursor-hover .cursor-ring{width:58px;height:58px;margin:-11px;border-color:rgba(180,138,80,.9)}<br />
}<br />
.hero-bg{transition:transform 1.2s var(--ease-out)}<br />
.hero-copy{transition:transform 1.1s var(--ease-out)}<br />
.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,40%),rgba(180,138,80,.08),transparent 25%)}<br />
.reveal{opacity:0;transform:translateY(34px);filter:blur(3px);transition:opacity .9s var(--ease-out),transform 1s var(--ease-out),filter 1s var(--ease-out)}<br />
.reveal.visible{opacity:1;transform:none;filter:none}<br />
.stagger-in{opacity:0;transform:translateY(16px);animation:staggerIn .75s var(--ease-out) forwards;animation-delay:var(--delay,0ms)}<br />
@keyframes staggerIn{to{opacity:1;transform:none}}<br />
.award,.gimg,.fact{will-change:transform}<br />
.award{transition:background .5s var(--ease-out),transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}<br />
.award:hover{box-shadow:0 18px 55px rgba(0,0,0,.18)}<br />
.gimg{transition:transform .5s var(--ease-out);will-change:transform}<br />
.gimg img{transition:transform 1.2s var(--ease-out),filter 1.2s var(--ease-out)}<br />
.gimg:hover img{transform:scale(1.055);filter:saturate(.9) contrast(1.05)}<br />
.timeline:before{transform-origin:top;animation:lineIn linear both;animation-timeline:view(block 12% 20%)}<br />
@keyframes lineIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}<br />
.titem:after{transition:transform .45s var(--ease-out),box-shadow .45s}<br />
.titem:hover:after{transform:scale(1.55);box-shadow:0 0 0 7px rgba(180,138,80,.12)}<br />
.quote{position:relative;overflow:hidden}<br />
.quote:before{content:"";position:absolute;width:50vw;height:50vw;border:1px solid rgba(244,240,231,.12);border-radius:50%;right:-18vw;top:-25vw;animation:orb 14s ease-in-out infinite alternate}<br />
@keyframes orb{to{transform:translate(-5vw,7vw) scale(1.08)}}<br />
.pill{transition:background .35s,border-color .35s,transform .35s var(--ease-out)}<br />
.pill:hover{background:rgba(180,138,80,.12);border-color:rgba(180,138,80,.6);transform:translateY(-2px)}<br />
@supports (animation-timeline:view()){<br />
  .section-head h2,.lead,.tbody,.award,.gimg,.fact-list,.quote-inner{<br />
    animation:contentLift 1ms linear both;<br />
    animation-timeline:view(block 8% 25%);<br />
  }<br />
  @keyframes contentLift{<br />
    0%{opacity:.35;transform:translateY(28px)}<br />
    35%,100%{opacity:1;transform:none}<br />
  }<br />
}<br />
@media(max-width:850px){<br />
 .scroll-index{right:12px}.scroll-index button span{display:none}<br />
 .section-label{left:12px;bottom:14px}<br />
}<br />
@media(max-width:650px){<br />
 .scroll-index{display:none}<br />
 .section-label{display:none}<br />
}<br />
@media(prefers-reduced-motion:reduce){<br />
 *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}<br />
 .site-progress{display:none}.cursor-dot,.cursor-ring{display:none}<br />
}</p>
<p>/* PROFESSIONAL FULLSCREEN LIGHTBOX */<br />
.gallery-hint{margin:18px 0 0!important;color:#7b776e!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.12em}<br />
.gimg[role="button"]{cursor:zoom-in}<br />
.media-lightbox{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .42s var(--ease-out),visibility .42s}<br />
.media-lightbox.is-open{visibility:visible;opacity:1;pointer-events:auto}<br />
.lightbox-backdrop{position:absolute;inset:0;background:rgba(8,10,9,.94);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8)}<br />
.lightbox-dialog{position:relative;z-index:2;width:min(94vw,1500px);height:min(94vh,920px);display:grid;place-items:center;transform:scale(.965) translateY(10px);opacity:0;transition:transform .5s var(--ease-out),opacity .4s var(--ease-out)}<br />
.media-lightbox.is-open .lightbox-dialog{transform:none;opacity:1}<br />
.lightbox-figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px 60px}<br />
.lightbox-figure img{max-width:100%;max-height:calc(100% - 48px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 28px 90px rgba(0,0,0,.48);transition:opacity .25s,transform .5s var(--ease-out)}<br />
.lightbox-figure img.switching{opacity:.15;transform:scale(.985)}<br />
.lightbox-figure figcaption{max-width:820px;color:rgba(244,240,231,.72);font-size:11px;line-height:1.6;text-align:center;letter-spacing:.08em;text-transform:uppercase}<br />
.lightbox-close,.lightbox-nav{position:absolute;z-index:4;appearance:none;background:rgba(244,240,231,.07);color:#f4f0e7;border:1px solid rgba(244,240,231,.2);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s var(--ease-out),background .35s,border-color .35s}<br />
.lightbox-close{top:18px;right:18px;width:48px;height:48px;border-radius:50%;font:300 30px/1 Inter}<br />
.lightbox-nav{top:50%;width:52px;height:52px;border-radius:50%;font:300 38px/1 Inter;transform:translateY(-50%)}<br />
.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}<br />
.lightbox-close:hover,.lightbox-nav:hover{background:rgba(180,138,80,.2);border-color:rgba(180,138,80,.65)}<br />
.lightbox-close:active{transform:scale(.94)}.lightbox-nav:active{transform:translateY(-50%) scale(.94)}<br />
.lightbox-counter{position:absolute;left:22px;top:31px;z-index:4;color:rgba(244,240,231,.62);font:700 10px Inter;letter-spacing:.16em}<br />
.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:2px solid var(--warm);outline-offset:3px}<br />
body.lightbox-open{overflow:hidden}<br />
@media(max-width:700px){.lightbox-dialog{width:100vw;height:100vh}.lightbox-figure{padding:60px 18px 45px;gap:12px}.lightbox-figure img{max-height:calc(100% - 55px);border-radius:7px}.lightbox-nav{width:44px;height:44px;background:rgba(10,12,11,.48)}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-close{top:12px;right:12px;width:44px;height:44px}.lightbox-counter{top:27px;left:18px}}<br />
@media(prefers-reduced-motion:reduce){.media-lightbox,.lightbox-dialog,.lightbox-figure img{transition:none!important}}</p>
<p>/* v4 refinements */<br />
.scroll-index{display:none!important}<br />
.section-head .kicker{font-size:11px}<br />
.timeline{position:relative;padding-top:4px}<br />
.timeline:before{left:22px;top:5px;bottom:0;width:1px;background:linear-gradient(to bottom,rgba(23,25,24,.05),rgba(23,25,24,.18) 10%,rgba(23,25,24,.18) 90%,rgba(23,25,24,.03))}<br />
.titem{grid-template-columns:74px 1fr;gap:30px;padding-bottom:66px;align-items:start}<br />
.year{position:relative;height:46px;text-align:center;padding:0;display:flex;justify-content:center;align-items:center;z-index:2}<br />
.year span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(180,138,80,.72);background:#e3ddd0;border-radius:50%;font:800 10px/1 Inter;letter-spacing:.02em;color:var(--red);box-shadow:0 0 0 7px rgba(180,138,80,.08)}<br />
.titem:after{left:17px;top:17px;width:10px;height:10px;border:2px solid #e3ddd0;background:var(--warm);box-shadow:0 0 0 4px rgba(180,138,80,.13);z-index:3;opacity:0}<br />
.tbody{padding-top:5px}<br />
.titem:hover .year span{background:var(--warm);color:#fff;border-color:var(--warm);transform:scale(1.08)}<br />
.year span{transition:transform .45s var(--ease-out),background .45s,border-color .45s,color .45s}<br />
@media(max-width:850px){<br />
 .timeline:before{left:22px}<br />
 .titem{grid-template-columns:58px 1fr;gap:22px;padding-left:0}<br />
 .year span{width:42px;height:42px}<br />
 .titem:after{left:17px}<br />
}</p>
</style>
<div id="top" class="page">
<header class="hero">
<div class="hero-bg"></div>
<div class="hero-inner">
<div class="hero-copy reveal">
<div class="eyebrow kicker">Командир · Герой Российской Федерации</div>
<h1>Тимур<br />
Курилкин</h1>
<div class="hero-sub">Человек, для которого командование — это прежде всего ответственность за тех, кто рядом.</div>
<div class="hero-meta"><span class="pill">генерал-майор</span><br />
<span class="pill">командир 9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада</span><br />
<span class="pill">«Байкот»</span></div>
</div>
</div>
</header>
</div>
<div class="hero-mark reveal"><strong>01.06.1984</strong><br />
Ульяновск<br />
Начало военной службы — с начала 2000-х годов.</div>
<section id="person" class="section">
<div class="container">
<div class="section-head reveal">
<div class="kicker">ПОРТРЕТ</div>
<div>
<h2>Не должность.<br />
Путь.</h2>
<p>Эта страница построена не как перечень регалий, а как портрет офицера: от суворовского училища и первых командных должностей до руководства бригадой.</p>
</div>
</div>
<div class="bio-grid">
<div class="prose reveal">
<p class="lead">Тимур Викторович Курилкин родился 1 июня 1984 года в Ульяновске. Военное образование получил последовательно: сначала Ульяновское гвардейское суворовское военное училище, затем Московское высшее общевойсковое командное училище.</p>
<p>С начала 2000-х годов его служба была связана с Южным военным округом. За десять лет он прошёл путь от командира взвода до командира мотострелкового батальона. В биографических источниках этот период связан прежде всего с Чеченской Республикой; в 2008 году Курилкин участвовал в вооружённом конфликте в Южной Осетии.</p>
<p>С 2014 года его военная биография продолжилась на Донбассе. В 2017 году он возглавил отдельный гвардейский штурмовой батальон «Сомали» имени М. С. Толстых. Под его командованием подразделение прошло через наиболее тяжёлые этапы боевых действий, а имя командира стало известно далеко за пределами военной среды.</p>
<p>В 2023 году Курилкин был назначен командиром 9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада. В декабре 2024 года ему присвоено воинское звание генерал-майора. В 2024 году он также стал слушателем Военной академии Генерального штаба.</p>
</div>
<div class="fact-list reveal" data-stagger="">
<div class="fact"><b>Родился</b>1 июня 1984<br />
Ульяновск</div>
<div class="fact"><b>Образование</b>Ульяновское гвардейское суворовское училище<br />
МВВКУ</div>
<div class="fact"><b>Командир</b>9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада</div>
<div class="fact"><b>Звание</b>Генерал-майор</div>
<div class="fact"><b>Позывной</b>«Байкот»</div>
<div class="fact"><b>Почётный гражданин</b>Ульяновска · 2026</div>
</div>
</div>
</div>
</section>
<section id="timeline" class="section" style="background: #e3ddd0;">
<div class="container">
<div class="section-head reveal">
<div class="kicker">ХРОНОЛОГИЯ</div>
<div>
<h2>Годы, которые<br />
сформировали командира.</h2>
</div>
</div>
<div class="timeline" data-timeline="">
<div class="titem reveal">
<div class="year">1984</div>
<div class="tbody">
<h3>Ульяновск</h3>
<p>1 июня родился Тимур Викторович Курилкин. Первые шаги к военной профессии сделал в Ульяновском гвардейском суворовском военном училище.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2000-е</div>
<div class="tbody">
<h3>Начало службы</h3>
<p>После Московского высшего общевойскового командного училища направлен в Южный военный округ. За десятилетие прошёл командные должности от взвода до мотострелкового батальона.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2008</div>
<div class="tbody">
<h3>Южная Осетия</h3>
<p>Участник вооружённого конфликта 2008 года. Опыт полевой службы стал важной частью дальнейшего командного пути.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2014</div>
<div class="tbody">
<h3>Донбасс</h3>
<p>Продолжил военную службу в составе добровольческих подразделений, связанных с Донбассом.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2017</div>
<div class="tbody">
<h3>«Сомали»</h3>
<p>Возглавил отдельный гвардейский штурмовой батальон «Сомали» имени Михаила Сергеевича Толстых. Командовал подразделением до 2023 года.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2022</div>
<div class="tbody">
<h3>Герой ДНР</h3>
<p>За проявленные мужество и героизм удостоен звания Героя Донецкой Народной Республики.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2023</div>
<div class="tbody">
<h3>Герой России</h3>
<p>В июне присвоено звание Героя Российской Федерации. 2 августа «Золотая Звезда» вручена в Кремле. В том же году Курилкин возглавил 9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2024</div>
<div class="tbody">
<h3>Генерал-майор</h3>
<p>9 декабря присвоено воинское звание генерал-майора. Также стал слушателем Военной академии Генерального штаба.</p>
</div>
</div>
<div class="titem reveal">
<div class="year">2026</div>
<div class="tbody">
<h3>Почётный гражданин Ульяновска</h3>
<p>14 января Ульяновская городская дума присвоила Тимуру Викторовичу Курилкину звание «Почётный гражданин города Ульяновска».</p>
</div>
</div>
</div>
</div>
</section>
<section id="awards" class="section dark">
<div class="container">
<div class="section-head reveal">
<div class="kicker">НАГРАДЫ</div>
<div>
<h2>Награды — это<br />
следствие пути.</h2>
<p>Вместо россыпи одинаковых карточек — несколько крупных акцентов. Каждая награда здесь привязана к биографии.</p>
</div>
</div>
<div class="awards" data-stagger="">
<article class="award reveal">
<h3>Герой Российской Федерации</h3>
<p>Высшее звание Российской Федерации присвоено в июне 2023 года за мужество и героизм при исполнении воинского долга. «Золотая Звезда» вручена 2 августа 2023 года.</p>
</article>
<article class="award reveal">
<h3>Герой Донецкой Народной Республики</h3>
<p>Звание Героя ДНР присвоено в 2022 году за проявленные мужество и героизм.</p>
</article>
<article class="award reveal">
<h3>Четыре ордена Мужества</h3>
<p>Ордена отражают многолетнюю службу и участие в боевых действиях. Курилкин стал одним из немногих обладателей Звезды Героя России и четырёх орденов Мужества.</p>
</article>
<article class="award reveal">
<h3>Другие награды</h3>
<p>Медаль ордена «За заслуги перед Отечеством» II степени, медаль «За отвагу» и другие награды, указанные в открытых биографических источниках.</p>
</article>
</div>
</div>
</section>
<section id="gallery" class="section">
<div class="container">
<div class="section-head reveal">
<div class="kicker">ФОТОЛЕТОПИСЬ</div>
<div>
<h2>Несколько кадров<br />
вместо сотни слов.</h2>
<p class="gallery-hint">Нажмите на фотографию, чтобы рассмотреть её подробнее</p>
</div>
</div>
<div class="gallery" data-gallery="">
<div class="gimg gallery-main reveal"><img src="https://upload.wikimedia.org/wikipedia/commons/1/1a/Vladimir_Putin_at_award_ceremonies_%282023-08-02%29_11.jpg" alt="Церемония вручения государственных наград, 2 августа 2023 года" /></p>
<div class="gcap">Кремль · 2 августа 2023 года · вручение «Золотой Звезды»</div>
</div>
<div class="gallery-side">
<div class="gimg reveal"><img src="https://warheroes.ru/content/images/photodocs/34704/original/373b98dd4f857fc8b14d6198c88b4130.jpg" alt="Тимур Курилкин" /></p>
<div class="gcap">Тимур Курилкин</div>
</div>
<div class="gimg reveal"><img src="https://warheroes.ru/content/images/photodocs/34704/original/ad56ce0853aca51146b2a326a735a160.jpg" alt="Тимур Курилкин, фотодокумент" /></p>
<div class="gcap">Фотодокументы · биографический архив</div>
</div>
</div>
</div>
</div>
</section>
<section id="today" class="quote">
<div class="quote-inner reveal">
<div class="quote-mark">“</div>
<blockquote><p>Всегда буду говорить — «мой батальон», хотя им уже командует другой командир.</p></blockquote>
<p><cite>Тимур Курилкин · о батальоне «Сомали»</cite></p>
</div>
</section>
<section class="final">
<div class="container final-grid">
<div class="reveal">
<div class="kicker">СЕГОДНЯ</div>
<h2>Командир<br />
бригады.</h2>
</div>
<div class="reveal">
<p>Сегодня эта биографическая страница — не попытка перечислить всё. Её задача проще: сохранить последовательность пути, имена, даты и документы, из которых складывается история человека в форме.</p>
<p class="official-link"><a href="https://omsbr9.ru/" target="_blank" rel="noopener">9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада</a></p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада<a href="https://omsbr9.ru/" target="_blank" rel="noopener">9-я отдельная гвардейская мотострелковая Мариупольско-Хинганская орденов Республики и Суворова бригада</a> · 2026</div>
</footer>
<p><script><br />
(()=> {<br />
const progress=document.querySelector('.site-progress span'),ring=document.querySelector('.cursor-ring'),dot=document.querySelector('.cursor-dot'),label=document.getElementById('sectionLabel');<br />
const index=[...document.querySelectorAll('.scroll-index button')],sections=index.map(b=>document.getElementById(b.dataset.target)).filter(Boolean);<br />
index.forEach(b=>b.addEventListener('click',()=>document.getElementById(b.dataset.target)?.scrollIntoView({behavior:'smooth',block:'start'})));<br />
let ticking=false;<br />
function scrollUI(){const max=document.documentElement.scrollHeight-innerHeight;if(progress)progress.style.width=(max>0?scrollY/max*100:0)+'%';let a=0;sections.forEach((s,i)=>{if(s.getBoundingClientRect().top<=innerHeight*.42)a=i});if(label)label.textContent=['ПОРТРЕТ','ЧЕЛОВЕК','ХРОНОЛОГИЯ','НАГРАДЫ','ФОТОЛЕТОПИСЬ','СЕГОДНЯ'][a]||'9 ОМСБР';ticking=false}
addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(scrollUI);ticking=true}},{passive:true});scrollUI();<br />
const fine=matchMedia('(pointer:fine)').matches;<br />
if(fine){addEventListener('pointermove',e=>{if(dot)dot.style.transform=`translate3d(${e.clientX}px,${e.clientY}px,0)`;if(ring)ring.style.transform=`translate3d(${e.clientX-18}px,${e.clientY-18}px,0)`;document.body.style.setProperty('--mx',e.clientX+'px');document.body.style.setProperty('--my',e.clientY+'px')},{passive:true});<br />
document.querySelectorAll('a,button,.gimg,.award,.pill').forEach(el=>{el.addEventListener('mouseenter',()=>document.body.classList.add('cursor-hover'));el.addEventListener('mouseleave',()=>document.body.classList.remove('cursor-hover'))})}<br />
const bg=document.querySelector('.hero-bg'),copy=document.querySelector('.hero-copy'),hero=document.querySelector('.hero');<br />
if(fine&&bg&&hero){hero.addEventListener('pointermove',e=>{let x=e.clientX/innerWidth-.5,y=e.clientY/innerHeight-.5;bg.style.transform=`scale(1.045) translate3d(${x*-10}px,${y*-7}px,0)`;if(copy)copy.style.transform=`translate3d(${x*3}px,${y*2}px,0)`});hero.addEventListener('pointerleave',()=>{bg.style.transform='scale(1.02)';if(copy)copy.style.transform=''})}<br />
const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('visible');if(e.target.dataset.stagger)e.target.querySelectorAll('.titem,.award,.fact').forEach((x,i)=>{x.style.setProperty('--delay',Math.min(i*70,420)+'ms');x.classList.add('stagger-in')});io.unobserve(e.target)}}),{threshold:.08,rootMargin:'0px 0px -5% 0px'});<br />
document.querySelectorAll('.reveal,[data-stagger]').forEach(e=>io.observe(e));<br />
if(fine)document.querySelectorAll('.gimg').forEach(c=>{c.addEventListener('pointermove',e=>{if(document.body.classList.contains('lightbox-open'))return;let r=c.getBoundingClientRect(),x=(e.clientX-r.left)/r.width-.5,y=(e.clientY-r.top)/r.height-.5;c.style.transform=`perspective(900px) rotateX(${y*-1.5}deg) rotateY(${x*1.5}deg)`});c.addEventListener('pointerleave',()=>c.style.transform='')});</p>
<p>/* Fullscreen image viewer */<br />
const items=[...document.querySelectorAll('[data-gallery] .gimg')],lb=document.getElementById('mediaLightbox'),im=document.getElementById('lightboxImage'),cap=document.getElementById('lightboxCaption'),cnt=document.getElementById('lightboxCounter'),close=lb?.querySelector('.lightbox-close'),prev=document.getElementById('lightboxPrev'),next=document.getElementById('lightboxNext');<br />
const media=items.map((el,i)=>{let img=el.querySelector('img');return{src:img?.currentSrc||img?.src,alt:img?.alt||'',caption:el.querySelector('.gcap')?.textContent?.trim()||'',i}}).filter(x=>x.src);<br />
let active=0,lastFocus=null,savedY=0,lock=false,startX=0,startY=0;<br />
function render(n){active=(n+media.length)%media.length;let x=media[active],p=new Image();im.classList.add('switching');p.onload=()=>{im.src=x.src;im.alt=x.alt;cap.textContent=x.caption;cnt.textContent=`${String(active+1).padStart(2,'0')} / ${String(media.length).padStart(2,'0')}`;requestAnimationFrame(()=>im.classList.remove('switching'))};p.src=x.src;prev.disabled=next.disabled=media.length<2}
function open(n){if(!media.length||lock)return;lock=true;lastFocus=document.activeElement;render(n);lb.setAttribute('aria-hidden','false');document.body.classList.add('lightbox-open');savedY=scrollY;document.body.style.position='fixed';document.body.style.top=`-${savedY}px`;document.body.style.width='100%';requestAnimationFrame(()=>requestAnimationFrame(()=>{lb.classList.add('is-open');close.focus({preventScroll:true});lock=false}))}<br />
function shut(){if(!lb.classList.contains('is-open')||lock)return;lock=true;lb.classList.remove('is-open');document.body.classList.remove('lightbox-open');lb.setAttribute('aria-hidden','true');setTimeout(()=>{im.src='';document.body.style.position='';document.body.style.top='';document.body.style.width='';scrollTo(0,savedY);lastFocus?.focus?.({preventScroll:true});lock=false},420)}<br />
function nav(d){if(lb.classList.contains('is-open'))render(active+d)}<br />
items.forEach((el,i)=>{el.setAttribute('role','button');el.setAttribute('tabindex','0');el.setAttribute('aria-label','Открыть фотографию на весь экран');el.addEventListener('click',e=>{if(e.detail>1)return;open(i)});el.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();open(i)}})});<br />
close?.addEventListener('click',shut);prev?.addEventListener('click',()=>nav(-1));next?.addEventListener('click',()=>nav(1));lb?.addEventListener('click',e=>{if(e.target.matches('[data-close-lightbox]'))shut()});<br />
document.addEventListener('keydown',e=>{if(!lb.classList.contains('is-open'))return;if(e.key==='Escape'){e.preventDefault();shut()}else if(e.key==='ArrowLeft'){e.preventDefault();nav(-1)}else if(e.key==='ArrowRight'){e.preventDefault();nav(1)}else if(e.key==='Tab'){let f=[close,prev,next].filter(x=>x&&!x.disabled),first=f[0],last=f[f.length-1];if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus()}else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus()}}});<br />
lb?.addEventListener('touchstart',e=>{let t=e.changedTouches[0];startX=t.clientX;startY=t.clientY},{passive:true});<br />
lb?.addEventListener('touchend',e=>{let t=e.changedTouches[0],dx=t.clientX-startX,dy=t.clientY-startY;if(Math.abs(dx)>55&&Math.abs(dx)>Math.abs(dy)*1.2)nav(dx<0?1:-1)},{passive:true});
if(matchMedia('(prefers-reduced-motion: reduce)').matches){document.querySelectorAll('.reveal').forEach(e=>e.classList.add('visible'));document.body.classList.add('reduced-motion')}<br />
})();<br />
</script></p>