/* STUDIO V4 — companion polish for the original portfolio.
   Distinctive impact section, typography, mobile rhythm and keyboard focus. */
@font-face{font-family:"StudioOnest";font-style:normal;font-weight:400 800;font-display:swap;src:url("./fonts/onest-cyrillic.woff2") format("woff2");unicode-range:U+0400-052F,U+1C80-1C8F,U+20B4,U+2116}
@font-face{font-family:"StudioOnest";font-style:normal;font-weight:400 800;font-display:swap;src:url("./fonts/onest-latin.woff2") format("woff2");unicode-range:U+0000-024F,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F}
:root{--studio-green:#a4f8e0;--studio-coral:#ffa48f}
::selection{background:#9ef6d8;color:#071917}
:focus-visible{outline:3px solid var(--studio-green);outline-offset:4px}
.home-proof{
 isolation:isolate;position:relative;overflow:hidden;
 padding:56px clamp(20px,5vw,92px) 66px;
 border-top:1px solid rgba(150,227,203,.19);
 border-bottom:1px solid rgba(150,227,203,.28);
 background:linear-gradient(130deg,#0b1a20,#0b131b 78%);
}
.home-proof::before{
 content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(180,234,221,.063) 1px,transparent 1px),linear-gradient(90deg,rgba(180,234,221,.063) 1px,transparent 1px);
 background-size:58px 58px;opacity:.22
}
.home-proof-caption{padding-bottom:17px;margin-bottom:24px;border-bottom:1px solid rgba(168,226,205,.19)}
.home-proof-caption span{
 font:790 12px/1.4 "StudioOnest",Arial,sans-serif;
 letter-spacing:.105em;color:#a1f6dc
}
.home-proof-caption a{
 font:690 14px/1.4 "StudioOnest",Arial,sans-serif;
 color:#bafde9;text-underline-offset:4px
}
.home-proof-grid{gap:12px}
.home-proof-grid a{
 position:relative;isolation:isolate;overflow:hidden;
 padding:27px 24px 29px;min-height:196px;gap:15px;border:1px solid rgba(170,219,211,.27);
 background:linear-gradient(135deg,rgba(24,45,49,.84),rgba(12,23,30,.98));
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.home-proof-grid a::after{
 content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;opacity:.77;
 background:var(--proof-accent,#9df5d9);pointer-events:none
}
.home-proof-grid a:hover{
 border-color:var(--proof-accent,#a0f8de);
 transform:translateY(-4px);box-shadow:0 22px 43px rgba(0,0,0,.23)
}
.home-proof-grid a:nth-child(2){--proof-accent:#ffad94;background:linear-gradient(145deg,#252331,#121e26)}
.home-proof-grid a:nth-child(3){--proof-accent:#b4ceff;background:linear-gradient(145deg,#1b2c3b,#0c1720)}
.home-proof-grid a:nth-child(4){--proof-accent:#ffa7a1;background:linear-gradient(145deg,#31232c,#121923)}
.home-proof-grid .home-proof-primary{--proof-accent:#a6f9dd}
.home-proof-grid span{
 font:800 12px/1.4 "StudioOnest",Arial,sans-serif;
 letter-spacing:.07em;color:var(--proof-accent,#a4f4d9)
}
.home-proof-grid strong{
 font:770 clamp(21px,1.8vw,30px)/1.22 "StudioOnest",Arial,sans-serif;
 letter-spacing:-.047em;color:#f9fffa
}
.home-proof-grid .home-proof-primary strong{
 font-size:clamp(26px,2.05vw,35px);
 line-height:1.2
}
.home-proof-grid small{
 font:480 14px/1.55 "StudioOnest",Arial,sans-serif;
 color:#d0dfd9
}
.hero-footer{border-color:rgba(155,216,198,.32)}
.hero-footer strong{color:#f9fbf5}
.hero-footer a:hover{color:#fff}
.section .eyebrow{letter-spacing:.07em}
.selfview .section-head h2,.advantages .section-head h2,.section .section-head h2{letter-spacing:-.065em;line-height:1.13}
#projects .project-card{
 border-top:2px solid rgba(153,230,211,.45);
 transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
#projects .project-card:hover{border-top-color:#a4f8e0;box-shadow:0 20px 44px rgba(0,0,0,.19)}
#projects .project-card h3{line-height:1.16;letter-spacing:-.043em}
#projects .project-card p{line-height:1.72}
.hackathons-directory a{border-top:2px solid rgba(153,230,211,.53);transition:border-color .18s ease,transform .18s ease}
.hackathons-directory a:hover{transform:translateY(-2px)}
footer a:focus-visible,.topbar a:focus-visible{outline-offset:4px}
@media(max-width:1060px){
 .home-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-proof-grid a{min-height:170px}
}
@media(max-width:700px){
 .home-proof{padding:35px 20px 41px}
 .home-proof-caption{align-items:center;gap:9px;margin-bottom:16px}
 .home-proof-caption span{font-size:11px}
 .home-proof-caption a{font-size:12px}
 .home-proof-grid{grid-template-columns:1fr;gap:10px}
 .home-proof-grid a{min-height:0;padding:22px 21px 23px;gap:11px}
 .home-proof-grid strong,.home-proof-grid .home-proof-primary strong{font-size:clamp(23px,6.4vw,29px);line-height:1.22}
 .home-proof-grid small{font-size:14px}
 .home-proof-grid span{font-size:11px}
 .hero-footer{padding:18px}
 .hero-footer p{line-height:1.67}
 #projects .project-card p{font-size:15px;line-height:1.72}
}
@media(prefers-reduced-motion:reduce){
 .home-proof-grid a,.hackathons-directory a,#projects .project-card{transition:none}
 .home-proof-grid a:hover,.hackathons-directory a:hover{transform:none}
}