@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#f5f3ff;background:#09090e}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 10%,#271e52 0,transparent 28%),#09090e}a{color:inherit;text-decoration:none}button,input{font:inherit}header{height:76px;padding:0 6vw;display:flex;align-items:center;border-bottom:1px solid #ffffff16;position:sticky;top:0;background:#09090ee8;backdrop-filter:blur(14px);z-index:2}.logo{font-size:.85rem;font-weight:800;letter-spacing:.12em;color:#8d80ff}nav{display:flex;gap:32px;margin:auto;color:#aaa6b8;font-size:.85rem}nav a:hover,nav a.active{color:white}.link-button{border:0;background:none;color:#aaa6b8;cursor:pointer}.hero{min-height:580px;padding:12vh 9vw 7vh;max-width:1050px}.eyebrow{color:#8d80ff;font-size:.72rem;font-weight:800;letter-spacing:.24em}.hero h1,.page h2{font-size:clamp(2.8rem,6vw,6.2rem);line-height:1.03;letter-spacing:-.06em;margin:24px 0}.hero h1 span{color:#8d80ff}.lead{max-width:720px;color:#aaa6b8;line-height:1.8;font-size:1.06rem}.button{display:inline-block;border:0;background:#7868ff;color:white;font-weight:700;padding:14px 22px;margin-top:20px;cursor:pointer}.button:hover{background:#958aff}.button:disabled{opacity:.5}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0 6vw;border-block:1px solid #ffffff16}.facts div{padding:30px;border-right:1px solid #ffffff16}.facts b{font-size:1.8rem;display:block}.facts span{font-size:.76rem;color:#837f8d}.page{min-height:76vh;padding:8vh 8vw}.page h2{font-size:clamp(2.8rem,5vw,5rem)}.narrow{max-width:1050px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.card{background:#111118;border:1px solid #ffffff18;padding:16px 16px 28px}.art{height:220px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),#111);font-size:7rem;font-weight:800;color:#ffffff26;margin-bottom:24px}.card small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase}.card h3{font-size:1.5rem;margin:12px 0}.card p{color:#9994a5}.timeline{display:grid;grid-template-columns:100px 1fr;max-width:650px;margin-top:50px;border-top:1px solid #ffffff20}.timeline>*{padding:18px 0;border-bottom:1px solid #ffffff20}.timeline p{margin:0;color:#aaa6b8}.controls{display:flex;align-items:end;gap:20px;background:#111118;border:1px solid #ffffff18;padding:24px;margin-top:30px}.controls label{display:grid;gap:10px;color:#aaa6b8}.controls input{width:230px;padding:12px;background:#09090e;color:white;border:1px solid #ffffff28}.controls .button{margin:0}.notice{padding:14px 18px;border:1px solid #4ce2a750;color:#7bf1c2;background:#4ce2a710}.error{padding:14px;color:#ff9292;border:1px solid #ff666644}.hidden{display:none}.jobs{display:grid;gap:10px;margin-top:24px}.jobs article{display:grid;grid-template-columns:220px 1fr 210px;align-items:center;gap:20px;padding:18px;background:#111118;border:1px solid #ffffff14}.jobs article>div:first-child{display:grid}.jobs span,.jobs strong{font-size:.72rem;color:#928d9e;font-weight:400}.progress{height:6px;background:#ffffff12}.progress i{display:block;height:100%;background:#7868ff;transition:width .3s}footer{padding:34px 6vw;color:#65616f;font-size:.7rem;letter-spacing:.1em}@media(max-width:760px){header{padding:0 18px}.logo{font-size:.65rem}nav{gap:12px}.link-button{display:none}.hero,.page{padding:8vh 24px}.facts,.cards{grid-template-columns:1fr}.facts{margin:0 20px}.controls{align-items:stretch;flex-direction:column}.controls input{width:100%}.jobs article{grid-template-columns:1fr}}


.studio-brand {
    display: inline-flex;
    align-items: center;
    gap: 24px;

    padding: 10px 18px;

    background:
        linear-gradient(90deg, rgba(120, 0, 0, .25), transparent),
        #090909;

    border-left: 3px solid #b31313;
    border-right: 1px solid #3a0b0b;

    box-shadow:
        0 0 18px rgba(180, 0, 0, .15),
        inset 0 0 20px rgba(255, 0, 0, .04);

    font-family: Arial, sans-serif;
}

.studio-infinity {
    font-size: 52px;
    line-height: 1;

    color: #d21f1f;

    text-shadow:
        0 0 6px #7d0000,
        0 0 16px rgba(255, 0, 0, .4);
}

.studio-name {
    display: flex;
    flex-direction: column;
}

.studio-title {
    color: #eee;

    font-size: 28px;
    font-weight: 700;

    letter-spacing: 4px;
}

.studio-type {
    margin-top: 2px;

    color: #a81414;

    font-size: 19px;
    font-weight: bold;

    letter-spacing: 6px;
}

.studio-subtitle {
    margin-top: 5px;

    color: #666;

    font-size: 18px;
    letter-spacing: 2px;
}




.art {
    position: relative;
    width: 320px;
    height: 320px;
}

.art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.art-letter {
    position: absolute;

    /* по центру картинки */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 60px;
    font-weight: bold;
    color: var(--accent);

    z-index: 2;
}


.user-name {
    margin-left: auto;
    margin-right: 16px;
    color: #aaa6b8;
    font-size: 14px;
}