/* Summit Creative Awards — бренд «BEYOND THE PEAK» (бренд-бук владельца 21.10.2026, D:\Portfolio\summitcreativeawards.com).
   Краски: Obsidian #11131B, Electric Lime #C8FF55, Digital Iris #625BFF, Soft White #F6F5F0; градиент Iris → Lime — только
   в движении и графике. Заголовки — широкий гротеск Unbounded (бесплатный, вместо SCA Display Custom), текст — Inter.
   Механика слайда 10: тёмный герой, гигантская типографика, лаймовое слово; работы — крупные плиты; восходящие модули
   знака (три скруглённых бруска) — графический язык вместо фото, кадров работ в архиве нет.
   Моушн: строки героя выезжают из-под маски каскадом (.9s, expo-out, шаг .12s), модули поднимаются с разной задержкой,
   свечение Iris→Lime медленно дрейфует (14s), плиты при наведении поднимают модули и зажигают лаймовую линию,
   шапка набирает фон после прокрутки. prefers-reduced-motion — всё стоит на месте. */
:root{--ob:#11131B;--ob2:#191C27;--ob3:#232736;--lime:#C8FF55;--iris:#625BFF;--white:#F6F5F0;--mute:#9A9CAB;--line:#2A2E3D;
  --gold:#D9B45A;--silver:#C4C9D1;--bronze:#C07A4A;
  --wide:"Unbounded",system-ui,sans-serif;--text:"Inter",system-ui,sans-serif;
  --e-show:cubic-bezier(.16,1,.3,1);--e-ui:cubic-bezier(.45,0,.55,1);--gut:clamp(16px,3.4vw,48px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--ob)}
body{margin:0;background:var(--ob);color:var(--white);font:400 16px/1.55 var(--text);hyphens:manual;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto}
em{font-style:normal;color:var(--lime)}
.lime{color:var(--lime)}

/* шапка */
.hd{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:16px var(--gut);transition:background-color .4s var(--e-ui),backdrop-filter .4s}
.is-scrolled .hd{background:rgba(17,19,27,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hd__mark{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.hd__mark img{display:block;width:40px;height:auto;transition:transform .5s var(--e-show)}
.hd__mark:hover img{transform:translateY(-3px)}
.hd__word{font:800 10.5px/1.02 var(--wide);text-transform:uppercase;letter-spacing:.02em}
.hd__word b{color:var(--lime);font-weight:800}
.hd__nav{display:flex;gap:26px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.hd__nav a{text-decoration:none;opacity:.78;transition:opacity .25s}
.hd__nav a:hover{opacity:1}
.hd__enter{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;border:1px solid var(--white);border-radius:999px;
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .3s var(--e-ui),color .3s,border-color .3s}
.hd__enter:hover{background:var(--lime);border-color:var(--lime);color:var(--ob)}

/* герой — слайд 10 */
.hero{position:relative;min-height:calc(100svh - 70px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gut) 92px;overflow:hidden;isolation:isolate}
.hero__art{position:absolute;inset:0;z-index:-1}
.hero__glow{position:absolute;right:-12%;top:-18%;width:78vw;height:78vw;max-width:1100px;max-height:1100px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(98,91,255,.42),rgba(98,91,255,.12) 55%,transparent 72%);filter:blur(10px);animation:glow 14s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(-6%,8%) scale(1.08);background:radial-gradient(closest-side,rgba(200,255,85,.26),rgba(98,91,255,.16) 55%,transparent 72%)}}
.hero__h{margin:0 0 6vh;font:800 clamp(46px,9.4vw,168px)/.94 var(--wide);letter-spacing:-.035em;text-transform:none}
.hero__h .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero__h .ln>span{display:block}
.js .hero__h .ln>span{transform:translateY(105%);transition:transform .9s var(--e-show)}
.js .hero__h .ln:nth-child(2)>span{transition-delay:.12s}
.is-ready .hero__h .ln>span{transform:none}
.hero__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:18px;border-top:1px solid var(--line);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.hero__foot p{margin:0}
.hero__cta{white-space:nowrap;display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--white);font:800 13px var(--wide);letter-spacing:.06em}
.hero__cta b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--lime);color:var(--ob);transition:transform .4s var(--e-show)}
.hero__cta:hover b{transform:translateX(6px)}

/* восходящие модули знака */
.mods{position:absolute;display:flex;align-items:flex-end;gap:7%;transform:rotate(var(--tilt,0deg))}
.mods i{display:block;flex:1;border-radius:999px;background:linear-gradient(200deg,var(--lime) 0%,#9BE36E 22%,var(--iris) 78%,#3B35B8 100%);
  background-size:100% 160%;background-position:50% 100%;box-shadow:inset 0 0 0 1px rgba(246,245,240,.12);transition:transform .7s var(--e-show),background-position 1.2s var(--e-ui)}
.mods i:nth-child(1){height:var(--m1,45%)}
.mods i:nth-child(2){height:var(--m2,65%)}
.mods i:nth-child(3){height:var(--m3,85%)}
.mods--hero{right:var(--gut);top:9%;width:min(24vw,340px);height:min(23vh,230px);opacity:.95}
.mods--hero i{background-size:100% 220%;animation:drift 9s var(--e-ui) infinite alternate}
.mods--hero i:nth-child(2){animation-delay:-3s}.mods--hero i:nth-child(3){animation-delay:-6s}
@keyframes drift{to{background-position:50% 0%}}
.js .mods--hero i{transform:translateY(115%)}
.is-ready .mods--hero i{transform:none;transition:transform 1.3s var(--e-show)}
.is-ready .mods--hero i:nth-child(2){transition-delay:.14s}.is-ready .mods--hero i:nth-child(3){transition-delay:.28s}

/* общие блоки */
.kicker{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.kicker a{text-decoration:none;border-bottom:1px solid currentColor}
.h1{margin:0 0 22px;font:800 clamp(38px,6.4vw,104px)/.98 var(--wide);letter-spacing:-.03em;max-width:16ch}
.h2{margin:0 0 22px;font:800 clamp(28px,3.8vw,58px)/1 var(--wide);letter-spacing:-.025em}
.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:640px;color:#D9D9DE}
.lead p{margin:0 0 14px}
.intro{padding:clamp(40px,8vw,110px) var(--gut) 40px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 24px;border:1px solid var(--white);border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;transition:background-color .3s var(--e-ui),color .3s,border-color .3s}
.btn:hover{background:var(--white);color:var(--ob)}
.btn--lime{background:var(--lime);border-color:var(--lime);color:var(--ob)}
.btn--lime:hover{background:var(--white);border-color:var(--white)}
.btns{display:flex;gap:10px;flex-wrap:wrap}

.manifesto{padding:clamp(64px,10vw,140px) var(--gut);background:var(--white);color:var(--ob)}
.manifesto .kicker{color:#6C6E7A}
.manifesto__cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
.manifesto .h2{font-size:clamp(34px,5.4vw,84px);max-width:13ch}
.manifesto .lead{color:#33354A}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}
.pill{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(17,19,27,.2);font-size:13px;font-weight:500;text-decoration:none;transition:background-color .3s var(--e-ui),color .3s,border-color .3s}
.pill:hover{background:var(--ob);color:var(--lime);border-color:var(--ob)}

/* награды: один силуэт, четыре материала (слайд 9) */
.awards{padding:clamp(64px,9vw,130px) var(--gut)}
.awards__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);margin-top:12px}
.trophy{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;padding:18px;border-radius:22px;background:var(--ob2);overflow:hidden}
.trophy__obj{position:absolute;left:18%;right:18%;top:14%;bottom:30%;display:flex;align-items:flex-end;gap:8%;transform:skewY(-8deg)}
.trophy__obj i{flex:1;border-radius:999px;box-shadow:inset -6px -10px 18px rgba(0,0,0,.35),inset 6px 8px 14px rgba(255,255,255,.35)}
.trophy__obj i:nth-child(1){height:55%}.trophy__obj i:nth-child(2){height:78%}.trophy__obj i:nth-child(3){height:100%}
.trophy--best .trophy__obj i{background:linear-gradient(160deg,rgba(246,245,240,.85),rgba(98,91,255,.75) 45%,rgba(200,255,85,.8));opacity:.95}
.trophy--gold .trophy__obj i{background:linear-gradient(160deg,#FFF1BF,var(--gold) 45%,#8C6A1E)}
.trophy--silver .trophy__obj i{background:linear-gradient(160deg,#FFFFFF,var(--silver) 45%,#6E747E)}
.trophy--bronze .trophy__obj i{background:linear-gradient(160deg,#F6C7A3,var(--bronze) 45%,#6B3A1C)}
.trophy__t{position:relative;font:800 clamp(13px,1.2vw,17px) var(--wide);letter-spacing:.02em;text-transform:uppercase}
.trophy:hover .trophy__obj i{transform:translateY(-6px)}
.trophy__obj i{transition:transform .6s var(--e-show)}
.trophy__obj i:nth-child(2){transition-delay:.05s}.trophy__obj i:nth-child(3){transition-delay:.1s}
.awards__note{margin:22px 0 0;color:var(--mute);font-size:14px}
.awards__note a{color:var(--lime)}

/* плиты победителей: крупно, две колонки */
.sect{padding:clamp(48px,7vw,100px) var(--gut)}
.sect__head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}
.sect__head .kicker{width:100%}
.sect__head .more{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--lime)}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:10px}
.card{display:flex;flex-direction:column;text-decoration:none;border-radius:24px;background:var(--ob2);overflow:hidden;transition:background-color .4s var(--e-ui)}
.card:hover{background:var(--ob3)}
.card__art{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,rgba(98,91,255,.22),transparent 60%)}
.card__art .mods{right:8%;bottom:-6%;width:46%;height:92%}
.card:hover .mods i{transform:translateY(-5%);background-position:50% 40%}
.card:hover .mods i:nth-child(2){transition-delay:.05s}.card:hover .mods i:nth-child(3){transition-delay:.1s}
.card__ini{position:absolute;left:28px;top:22px;font:800 clamp(48px,6vw,96px)/1 var(--wide);letter-spacing:-.04em;color:rgba(246,245,240,.1)}
.card__body{display:block;padding:22px 26px 26px;border-top:1px solid var(--line);position:relative}
.card__body::before{content:"";position:absolute;left:26px;right:26px;top:-1px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e-show)}
.card:hover .card__body::before{transform:scaleX(1)}
.card__t{display:block;font:800 clamp(18px,1.7vw,26px)/1.12 var(--wide);letter-spacing:-.01em}
.card__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:13px;color:var(--mute)}
.badge{position:absolute;left:28px;bottom:22px;display:inline-flex;height:28px;align-items:center;padding:0 12px;border-radius:999px;background:var(--lime);color:var(--ob);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}

/* архив */
.archive{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);padding:0 var(--gut) clamp(48px,7vw,100px)}
.archive__main,.archive__side{border-radius:24px;background:var(--ob2);padding:clamp(24px,3vw,44px)}
.archive__side{background:var(--white);color:var(--ob)}
.archive__side .kicker{color:#6C6E7A}
.prose{font-size:16px;line-height:1.65;color:#D9D9DE}
.prose h2,.prose h3{font:800 20px/1.2 var(--wide);color:var(--white);margin:28px 0 10px}
.prose p{margin:0 0 14px;max-width:70ch}
.prose a{color:var(--lime)}
.prose img{border-radius:12px}
.prose--page{padding:0 var(--gut) 100px;max-width:calc(820px + 2*var(--gut))}
.dates{list-style:none;margin:0 0 28px;padding:0}
.dates li{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(17,19,27,.14);font-size:14px}
.feat__t{font:800 22px/1.15 var(--wide);margin:0 0 14px}
.feat__t a{text-decoration:none}
.kv{margin:0}
.kv div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:14px}
.archive__side .kv div{border-color:rgba(17,19,27,.14)}
.kv dt{color:var(--mute)}.kv dd{margin:0;text-align:right}

.quote{padding:clamp(56px,9vw,130px) var(--gut);text-align:left}
.quote blockquote{margin:0 0 22px;font:800 clamp(24px,3.2vw,48px)/1.12 var(--wide);letter-spacing:-.02em;max-width:24ch}
.quote p{color:var(--mute);font-size:14px;letter-spacing:.06em;text-transform:uppercase}

.cta{position:relative;padding:clamp(64px,10vw,150px) var(--gut);background:var(--lime);color:var(--ob);overflow:hidden}
.cta .kicker{color:rgba(17,19,27,.6)}
.cta__h{margin:0 0 34px;font:800 clamp(34px,6.4vw,104px)/.98 var(--wide);letter-spacing:-.035em}
.cta__h em{color:var(--iris)}
.cta .btn--lime{background:var(--ob);border-color:var(--ob);color:var(--lime)}
.cta .btn--lime:hover{background:var(--iris);border-color:var(--iris);color:var(--white)}

/* профиль победителя */
.profile{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);padding:0 var(--gut) 60px;align-items:start}
.profile__art{position:relative;aspect-ratio:4/3;border-radius:24px;background:var(--ob2) radial-gradient(120% 100% at 80% 0%,rgba(98,91,255,.25),transparent 60%);overflow:hidden}
.profile__art .mods{right:8%;bottom:-4%;width:46%;height:90%}
.profile__info .lead{margin-top:0}
.profile__info .btn{margin-top:26px}

/* подвал */
.ft{padding:clamp(56px,8vw,110px) var(--gut) 34px;border-top:1px solid var(--line)}
.ft__big{display:flex;flex-direction:column;font:800 clamp(44px,10.5vw,190px)/.9 var(--wide);letter-spacing:-.045em;text-transform:uppercase;margin-bottom:clamp(40px,6vw,80px)}
.ft__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;font-size:14px;color:var(--mute)}
.ft__row h4{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--white)}
.ft__row a{display:block;padding:4px 0;text-decoration:none;transition:color .25s}
.ft__row a:hover{color:var(--lime)}
.ft__row p{margin:0 0 10px}
.ft__tag{font:800 13px var(--wide);color:var(--lime);letter-spacing:.06em}

/* появление по прокрутке (общий reveal.js) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .8s var(--e-show),transform .9s var(--e-show);transition-delay:calc(var(--i,0)*.08s)}
.js .rv.is-in{opacity:1;transform:none}
.is-static *{transition:none!important}

/* кабинет и правила в тёмной рамке */
.ax{--ax-ink:#F6F5F0;--ax-mute:#9A9CAB;--ax-line:#2A2E3D;--ax-accent:#C8FF55;--ax-accent-ink:#11131B;--ax-card:#191C27;--ax-field:#191C27;
  --ax-radius:16px;--ax-btn-radius:999px;--ax-h1-w:800;--ax-star:#C8FF55;--ax-k-case:uppercase;--ax-k-track:.16em;padding-top:56px}
.ax .ax-h1,.ax .ax-h2{font-family:var(--wide);letter-spacing:-.025em}
.ax input,.ax select,.ax textarea{color:#F6F5F0}

@media (max-width:1100px){.hd__nav{gap:18px}.awards__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .hd{flex-wrap:wrap;gap:12px 16px}
  .hd__nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none;white-space:nowrap;gap:20px;padding-right:28px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
  .manifesto__cols,.archive,.profile{grid-template-columns:minmax(0,1fr)}
  .grid{grid-template-columns:minmax(0,1fr)}
  .ft__row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mods--hero{right:var(--gut);top:6%;width:58vw;height:30vh;opacity:.9}
}
@media (max-width:520px){
  .hero{min-height:calc(100svh - 110px)}
  .hero__foot{font-size:10px}
  .ft__row{grid-template-columns:minmax(0,1fr)}
  .dates li{grid-template-columns:96px 1fr}
  .card__body{padding:18px 20px 22px}
  .card__body::before{left:20px;right:20px}
}
@media (prefers-reduced-motion:reduce){
  .hero__glow,.mods--hero i{animation:none}
  .js .hero__h .ln>span,.js .mods--hero i,.js .rv{transform:none!important;opacity:1!important;transition:none!important}
}
.ft__note{font-size:12px;line-height:1.5;color:#6E7080}