:root { --projects-bg: #050505; --projects-line: rgba(255,255,255,.14); --projects-muted: rgba(255,255,255,.55); }
.projects-page { background: var(--projects-bg); color: #fff; font-family: "Space Grotesk", Arial, sans-serif; overflow-x: hidden; }
.projects-page .header__link.is-current { color: #fff; }
.projects-page .header__link.is-current::after { width: 100%; }
.projects-intro { position: fixed; z-index: 3000; inset: 0; display: grid; place-content: center; gap: 7px; color: #fff; background: rgba(5,5,5,.76); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); text-align: center; transition: opacity .8s ease, visibility .8s ease; }
.projects-intro span,.projects-intro strong { opacity:0; transform:translateY(18px); transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1); }
.projects-intro span { font-size: clamp(26px, 5vw, 72px); letter-spacing: -.07em; }
.projects-intro strong { color: rgba(255,255,255,.55); font-size: clamp(12px, 1.2vw, 16px); font-weight: 400; letter-spacing: .28em; text-transform: uppercase; transition-delay:.14s; }
.projects-page.is-intro-visible .projects-intro span,.projects-page.is-intro-visible .projects-intro strong { opacity:1; transform:translateY(0); }
.projects-page.is-ready .projects-intro { opacity: 0; visibility: hidden; pointer-events: none; }
.projects-hero { position: relative; min-height: 100svh; padding: 132px clamp(20px, 5vw, 90px) 38px; display: flex; flex-direction: column; overflow: hidden; }
.projects-hero__video { position:absolute; z-index:0; top:18%; right:8%; width:min(70vw,900px); height:auto; aspect-ratio:1; border-radius:50%; object-fit:cover; opacity:.58; filter:saturate(.72) contrast(1.12) brightness(.62); pointer-events:none; }
.projects-hero__video::cue { display:none; }
.projects-hero__grid { position: absolute; z-index:1; inset: 0; background: linear-gradient(var(--projects-line) 1px, transparent 1px), linear-gradient(90deg, var(--projects-line) 1px, transparent 1px); background-size: 7vw 7vw; mask-image: linear-gradient(to bottom, #000 25%, transparent 95%); opacity: .38; }
.line-robot { --robot-x:17vw; --robot-y:22vh; --robot-look:0px; position:fixed; z-index:1002; top:0; left:0; width:34px; height:52px; cursor:pointer; transform:translate3d(var(--robot-x),var(--robot-y),0); transition:transform 2.65s cubic-bezier(.22,1,.36,1); }
.line-robot__cable { display:none; }
.line-robot__antenna { position:absolute; top:2px; left:16px; width:2px; height:9px; background:#fff; }.line-robot__antenna::after{content:"";position:absolute;top:-4px;left:-2px;width:6px;aspect-ratio:1;border-radius:50%;background:#b9a7ff;box-shadow:0 0 14px #b9a7ff}
.line-robot__head { position:absolute; top:10px; left:4px; display:flex; align-items:center; justify-content:space-around; width:26px; height:18px; padding:0 5px; border:1px solid rgba(255,255,255,.85); border-radius:7px; background:#111; box-shadow:0 5px 14px rgba(0,0,0,.35); }.line-robot__head i{width:4px;aspect-ratio:1;margin-left:var(--robot-look);border-radius:50%;background:#b9a7ff;box-shadow:0 0 7px #b9a7ff;animation:robot-blink 2.8s infinite}
.line-robot__body { position:absolute; top:29px; left:8px; width:18px; height:14px; border:1px solid rgba(255,255,255,.78); border-radius:5px; background:linear-gradient(145deg,#27252c,#0e0e10); }.line-robot__body::after{content:"";position:absolute;top:5px;left:7px;width:3px;aspect-ratio:1;border-radius:50%;background:#b9a7ff}
.line-robot__arm,.line-robot__leg { position:absolute; width:2px; background:rgba(255,255,255,.8); transform-origin:top; }.line-robot__arm{top:31px;height:14px}.line-robot__arm--left{left:7px;transform:rotate(38deg);animation:robot-arm-left .5s infinite alternate}.line-robot__arm--right{right:7px;transform:rotate(-38deg);animation:robot-arm-right .5s infinite alternate}.line-robot__leg{top:42px;height:12px}.line-robot__leg--left{left:12px;transform:rotate(20deg);animation:robot-leg-left .45s infinite alternate}.line-robot__leg--right{right:12px;transform:rotate(-20deg);animation:robot-leg-right .45s infinite alternate}
@keyframes robot-route { 0%,100%{transform:translate(0,0) rotate(-4deg)} 18%{transform:translate(14vw,8vh) rotate(8deg)} 32%{transform:translate(28vw,1vh) rotate(-5deg)} 50%{transform:translate(43vw,18vh) rotate(7deg)} 67%{transform:translate(58vw,7vh) rotate(-6deg)} 82%{transform:translate(70vw,23vh) rotate(5deg)} }
@keyframes robot-cable{to{transform:rotate(11deg)}}@keyframes robot-arm-left{to{transform:rotate(62deg)}}@keyframes robot-arm-right{to{transform:rotate(-62deg)}}@keyframes robot-leg-left{to{transform:rotate(-16deg)}}@keyframes robot-leg-right{to{transform:rotate(16deg)}}@keyframes robot-blink{0%,45%,47%,100%{transform:scaleY(1)}46%{transform:scaleY(.12)}}
.line-robot.robot--seated .line-robot__cable{opacity:0}.line-robot.robot--seated .line-robot__leg--left{transform:rotate(58deg);animation:none}.line-robot.robot--seated .line-robot__leg--right{transform:rotate(-58deg);animation:none}.line-robot.robot--seated .line-robot__arm{animation:none}.line-robot.robot--seated .line-robot__arm--left{transform:rotate(72deg)}.line-robot.robot--seated .line-robot__arm--right{transform:rotate(-72deg)}
.line-robot.robot--attacking{transition-duration:.22s}.line-robot.robot--attacking .line-robot__leg{animation-duration:.18s}.line-robot.robot--peeking .line-robot__cable{opacity:0}.line-robot.robot--peeking{clip-path:inset(0 0 0 0)}.line-robot--clone{z-index:1003}
.line-robot.robot--hanging{transition-duration:.45s}.line-robot.robot--hanging .line-robot__cable{animation:robot-cable 1.55s ease-in-out infinite alternate}.line-robot.robot--hanging .line-robot__head,.line-robot.robot--hanging .line-robot__body{animation:robot-sway 1.55s ease-in-out infinite alternate}.line-robot.robot--hanging .line-robot__leg{animation:none}.line-robot.robot--hanging .line-robot__leg--left{transform:rotate(54deg)}.line-robot.robot--hanging .line-robot__leg--right{transform:rotate(-54deg)}
@keyframes robot-sway{from{transform:translateX(-7px) rotate(-8deg)}to{transform:translateX(7px) rotate(8deg)}}
.line-robot.robot--attacking .line-robot__head,.line-robot.robot--attacking .line-robot__body{animation:robot-jump .24s cubic-bezier(.2,.8,.3,1) 4 alternate}.line-robot.robot--attacking .line-robot__arm{animation-duration:.16s}.line-robot.robot--dancing .line-robot__head,.line-robot.robot--dancing .line-robot__body{animation:robot-dance .42s ease-in-out 6 alternate}.line-robot.robot--dancing .line-robot__arm{animation:robot-dance-arm .24s ease-in-out 10 alternate}.line-robot.robot--dancing .line-robot__leg{animation:robot-dance-leg .2s ease-in-out 12 alternate}
.line-robot__speech{position:absolute;right:42px;top:-16px;width:clamp(170px,18vw,245px);padding:12px 14px;border:1px solid rgba(185,202,255,.35);border-radius:13px 13px 3px 13px;background:rgba(6,8,16,.92);box-shadow:0 16px 45px rgba(0,0,0,.48),0 0 22px rgba(126,151,226,.12);color:#eef2ff;font:400 11px/1.45 "Space Grotesk",Arial,sans-serif;letter-spacing:.02em;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(9px) scale(.94);transform-origin:bottom right;transition:opacity .55s ease,visibility .55s ease,transform .65s cubic-bezier(.16,1,.3,1)}.line-robot__speech.is-visible{opacity:1;visibility:visible;transform:none}.line-robot__speech:after{content:"";position:absolute;right:-6px;bottom:-1px;width:11px;height:11px;border-right:1px solid rgba(185,202,255,.35);background:#070911;transform:skewX(35deg)}
@media(max-width:600px){.line-robot__speech{right:auto;left:34px;top:-24px;width:180px;border-radius:3px 13px 13px 13px;transform-origin:bottom left}.line-robot__speech:after{right:auto;left:-6px;transform:skewX(-35deg)}}
@keyframes robot-jump{from{transform:translateY(0)}to{transform:translateY(-17px) rotate(5deg)}}@keyframes robot-dance{from{transform:translateX(-7px) rotate(-8deg)}to{transform:translateX(7px) rotate(8deg)}}@keyframes robot-dance-arm{from{transform:rotate(-75deg)}to{transform:rotate(75deg)}}@keyframes robot-dance-leg{from{transform:rotate(-34deg)}to{transform:rotate(34deg)}}
.projects-hero::after { content:""; position:absolute; z-index:2; width:min(70vw,900px); aspect-ratio:1; top:18%; right:8%; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.025), 0 0 0 180px rgba(255,255,255,.018); pointer-events:none; }
.projects-hero__top,.projects-hero__heading,.projects-hero__scroll { position: relative; z-index: 3; }
.projects-hero__top { display:flex; justify-content:space-between; color:var(--projects-muted); font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.projects-hero__heading { margin:auto 0; max-width:1200px; }
.projects-hero__heading > p:first-child { margin-bottom:20px; color:var(--projects-muted); font-size:clamp(15px,1.4vw,20px); }
.projects-hero h1 { margin:0; max-width:1000px; font-size:clamp(57px,9.5vw,164px); font-weight:400; line-height:.84; letter-spacing:-.085em; }
.projects-hero h1 i,.projects-showcase h2 i,.project-details h3 i { color:rgba(255,255,255,.46); font-weight:400; }
.projects-hero__lead { max-width:440px;  color:var(--projects-muted); font-size:15px; line-height:1.6; }
.projects-hero__scroll { display:flex; gap:14px; align-items:center; color:var(--projects-muted); font-size:11px; letter-spacing:.17em; text-transform:uppercase; }.projects-hero__scroll b{font-size:18px;color:#fff;animation:projects-scroll 1.6s infinite ease-in-out}@keyframes projects-scroll{50%{transform:translateY(7px)}}
.projects-showcase { min-height:100svh; padding:110px clamp(20px,5vw,90px) 130px; border-top:1px solid var(--projects-line); background:radial-gradient(circle at 20% 42%,rgba(115,84,255,.13),transparent 28%),#070707; }
.projects-showcase__intro { display:grid; grid-template-columns:20% 1fr 260px; gap:20px; align-items:end; }.projects-showcase__intro>span{color:var(--projects-muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.projects-showcase__intro h2{margin:0;font-size:clamp(44px,6vw,104px);font-weight:400;line-height:.88;letter-spacing:-.075em}.projects-showcase__intro p{margin:0;color:var(--projects-muted);font-size:14px;line-height:1.55}
.projects-stage { display:grid; grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr); gap:clamp(30px,7vw,130px); align-items:center; max-width:1580px; min-height:790px; margin:40px auto 0; }
.projects-orbit { position:relative; width:min(100%,960px); height:790px; margin:auto; perspective:1100px; }.projects-orbit::before{content:"";position:absolute;inset:13%;border:1px solid rgba(255,255,255,.14);border-radius:50%;transform:rotateX(65deg)}
.project-orbit__card { position:absolute; top:50%; left:50%; width:clamp(170px,20vw,290px); aspect-ratio:1/.68; padding:0; overflow:hidden; border:1px solid rgba(255,255,255,.22); border-radius:3px; color:#fff; cursor:pointer; background:#151515; transform:translate(-50%,-50%); transition:transform .7s cubic-bezier(.16,1,.3,1),filter .55s ease,opacity .55s ease,box-shadow .55s ease; }.project-orbit__card video{width:100%;height:100%;object-fit:cover;opacity:.76;transition:opacity .4s ease,transform .8s ease}.project-orbit__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.8));}.project-orbit__card span,.project-orbit__card strong{position:absolute;z-index:1;bottom:12px}.project-orbit__card span{left:13px;color:rgba(255,255,255,.58);font-size:10px}.project-orbit__card strong{right:13px;font-size:13px;font-weight:400}.project-orbit__card:hover video,.project-orbit__card.is-active video{opacity:1;transform:scale(1.05)}.project-orbit__card.is-active{border-color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.65)}
.projects-orbit__core { position:absolute; top:50%; left:50%; z-index:0; width:112px; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.42); border-radius:50%; color:rgba(255,255,255,.68); transform:translate(-50%,-50%); }.projects-orbit__core span{font-size:24px;letter-spacing:-.1em}.projects-orbit__core i{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;inset:-38px}.projects-orbit__core i:last-child{inset:-92px}
.project-details { max-width:430px; padding:12px 0 12px 36px; border-left:1px solid var(--projects-line); animation:project-details-in .45s ease both; }@keyframes project-details-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-details__index,.project-details__type{color:var(--projects-muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.project-details__index{display:inline-block;animation:project-counter .45s cubic-bezier(.16,1,.3,1) both}.project-details__type{margin:42px 0 14px;letter-spacing:.11em}.project-details h3{margin:0;font-size:clamp(52px,5vw,82px);font-weight:400;line-height:.83;letter-spacing:-.08em}.project-details__text{margin:30px 0;color:var(--projects-muted);font-size:15px;line-height:1.62}.project-details__meta{display:grid;gap:14px;margin:0}.project-details__meta div{display:grid;grid-template-columns:100px 1fr;padding-top:12px;border-top:1px solid var(--projects-line)}.project-details dt{color:var(--projects-muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em}.project-details dd{margin:0;font-size:13px}.project-details__next{display:flex;justify-content:space-between;width:100%;margin-top:38px;padding:16px 0;border:0;border-top:1px solid var(--projects-line);background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}.project-details__next b{font-size:20px;font-weight:400}
@keyframes project-counter{from{opacity:0;transform:translateY(-7px);letter-spacing:.35em}to{opacity:1;transform:translateY(0);letter-spacing:.16em}}
.projects-page .footer { display:block; min-height:0; padding:90px 6vw 30px; background:#070707; border-top:1px solid var(--projects-line); }.projects-page .footer__top{display:flex;justify-content:space-between;gap:80px;max-width:1400px;margin:auto}.projects-page .footer__brand h2{margin:0;font-size:clamp(45px,6vw,69px);font-weight:400;line-height:.95;letter-spacing:-.05em}.projects-page .footer__brand h2 span{font-style:italic;opacity:.5}.projects-page .footer__navigation{display:flex;gap:80px}.projects-page .footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.projects-page .footer__title{margin-bottom:10px;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.12em}.projects-page .footer__column a,.projects-page .footer__bottom a{color:rgba(255,255,255,.72);font-size:15px;text-decoration:none}.projects-page .footer__bottom{display:flex;justify-content:space-between;gap:18px;max-width:1400px;margin:72px auto 0;padding-top:22px;border-top:1px solid var(--projects-line);color:rgba(255,255,255,.42);font-size:12px}
@media(max-width:1000px){.projects-stage{grid-template-columns:1fr;gap:8px;min-height:0}.projects-orbit{height:560px}.project-details{max-width:none;margin:0 5vw;padding:28px 0 0;border-left:0;border-top:1px solid var(--projects-line)}.projects-showcase__intro{grid-template-columns:1fr 1fr}.projects-showcase__intro p{grid-column:2}.projects-page .footer__top{flex-direction:column;gap:48px}.projects-page .footer__navigation{width:100%;gap:32px}}
@media(max-width:700px){.projects-page .header__actions{display:none}.projects-page .header__nav{z-index:1001}.projects-hero{min-height:760px;padding-top:110px}.projects-hero__top{font-size:9px}.projects-hero__heading{margin:auto 0}.projects-hero h1{font-size:clamp(48px,15vw,76px)}.projects-hero__lead{margin:30px 0 0;max-width:360px}.line-robot{transform:scale(.72);transform-origin:top left}.projects-showcase{padding:80px 20px}.projects-showcase__intro{display:block}.projects-showcase__intro h2{margin:20px 0}.projects-showcase__intro p{max-width:330px}.projects-stage{margin-top:24px}.projects-orbit{height:470px;width:100%}.project-orbit__card{width:158px}.projects-orbit__core{width:74px}.projects-orbit__core i{inset:-23px}.projects-orbit__core i:last-child{inset:-52px}.project-details{margin:0;padding-top:24px}.project-details__type{margin-top:26px}.projects-page .footer{padding:60px 20px 24px}.projects-page .footer__navigation{display:grid;grid-template-columns:1fr;gap:34px}.projects-page .footer__bottom{flex-direction:column;align-items:flex-start;margin-top:46px}}
.projects-orbit { touch-action: pan-y; }
.projects-orbit.is-touch-dragging { cursor: grabbing; }
.projects-orbit.is-touch-dragging .project-orbit__card { transition: none; }
@media(prefers-reduced-motion:reduce){.projects-intro,.projects-hero__scroll b,.project-orbit__card,.project-orbit__card video,.line-robot,.line-robot *{animation:none;transition:none}}

@media (max-width: 700px) {
    .projects-orbit {
        height: 202px;
    }

    .projects-showcase {
        padding: 27px 20px;
    }

    .projects-page .footer {
        padding: 24px 20px;
    }
}

/* Closing invitation after the project universe. */
.projects-final {
    position: relative;
    isolation: isolate;
    min-height: min(820px, 92vh);
    padding: clamp(28px, 4vw, 64px) clamp(20px, 5vw, 78px) clamp(70px, 9vw, 140px);
    overflow: hidden;
    color: #f5f2eb;
    background: #030303;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.projects-final::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .22;
    background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 80px 80px;
    mask-image: linear-gradient(to bottom, transparent, #000 30%, transparent 90%);
}

.projects-final__glow {
    position: absolute;
    z-index: -1;
    left: 55%;
    top: 45%;
    width: min(70vw, 900px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(129, 93, 255, .22), rgba(62, 95, 255, .08) 36%, transparent 68%);
    transform: translate(-50%, -50%);
    filter: blur(18px);
}

.projects-final__top {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    color: rgba(255,255,255,.48);
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.projects-final__content {
    display: grid;
    grid-template-columns: minmax(220px, .55fr) minmax(500px, 1.45fr);
    column-gap: clamp(34px, 6vw, 110px);
    row-gap: 0;
    align-items: end;
    max-width: 1500px;
    margin: clamp(7px, 1vh, 126px) auto 0;
}

.projects-final__content p {
    max-width: 410px;
    margin: 0 0 16px;
    color: rgba(255,255,255,.6);
    font-size: clamp(15px, 1.25vw, 19px);
    line-height: 1.65;
}

.projects-final h2 {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: clamp(58px, 8.7vw, 148px);
    font-weight: 300;
    line-height: .84;
    letter-spacing: -.075em;
}

.projects-final h2 i { color: #9d8bdc; font-family: serif; font-weight: 400; }
.projects-final__button {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 480px);
    justify-self: center;
    margin: clamp(34px, 4vw, 62px) 0 0;
    padding: 20px 24px;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;
    font-size: 15px;
    white-space: nowrap;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease, color .3s ease;
}
.projects-final__button b { font-size: 22px; font-weight: 400; transition: transform .3s ease; }
.projects-final__button:hover { color:#000; background:#fff; transform:translateY(-2px); }
.projects-final__button:hover b { transform:translate(3px,-3px); }

@media (max-width: 900px) {
    .projects-hero__heading {
        width: 100%;
        max-width: none;
        margin: auto;
        text-align: center;
    }
    .projects-hero__heading h1 { max-width: none; }
    .projects-hero__lead {
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 800px) {
    .projects-final { min-height: auto; }
    .projects-final__top span:last-child { display: none; }
    .projects-final__content { grid-template-columns: 1fr; margin-top: 90px; }
    .projects-final h2, .projects-final__button { grid-column: 1; grid-row: auto; }
    .projects-final h2 { order: -1; }
}

/* Featured projects universe */
.featured-universe{position:relative;isolation:isolate;overflow:hidden;padding:clamp(100px,13vw,210px) clamp(20px,6vw,90px);background:#030407;color:#f5f2eb}.featured-universe:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 18% 20%,rgba(88,108,170,.14),transparent 27%),radial-gradient(circle at 82% 58%,rgba(130,75,160,.13),transparent 30%),linear-gradient(#030407,#08080d 50%,#030407)}.featured-universe__stars,.featured-universe__stars:before,.featured-universe__stars:after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:79px 83px;opacity:.35}.featured-universe__stars:before{background-size:137px 151px;background-position:31px 47px;opacity:.24;animation:featuredStars 24s linear infinite}.featured-universe__stars:after{background-size:211px 193px;background-position:90px 20px;opacity:.18;animation:featuredStars 38s linear infinite reverse}.featured-universe__head{position:relative;z-index:2;display:grid;grid-template-columns:.45fr 1.15fr .65fr;gap:35px;align-items:end;max-width:1450px;margin:0 auto clamp(100px,14vw,210px)}.featured-universe__head>span,.featured-planet__copy>span{color:#8f93a3;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.featured-universe__head h2{margin:0;font-size:clamp(48px,7vw,110px);font-weight:400;line-height:.86;letter-spacing:-.07em}.featured-universe__head h2 i{color:#9ea6c8;font-family:Georgia,serif;font-weight:400}.featured-universe__head p{max-width:350px;margin:0;color:#858897;font-size:14px;line-height:1.7}.featured-universe__list{max-width:1450px;margin:auto}.featured-planet{--travel:0px;position:relative;display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.75fr);align-items:center;gap:clamp(45px,8vw,140px);min-height:clamp(620px,72vw,940px);opacity:.18;transform:translateY(90px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.2,.75,.2,1)}.featured-planet.is-visible{opacity:1;transform:none}.featured-planet--reverse{grid-template-columns:minmax(260px,.75fr) minmax(280px,1.1fr)}.featured-planet--reverse .featured-planet__world,.featured-planet--reverse .featured-planet__orbit{grid-column:2;grid-row:1}.featured-planet--reverse .featured-planet__copy{grid-column:1;grid-row:1}.featured-planet__world{position:relative;z-index:2;justify-self:center;width:var(--planet-size);aspect-ratio:1;border-radius:50%;overflow:hidden;transform:translate3d(0,var(--travel),0);box-shadow:inset -45px -32px 70px rgba(0,0,0,.7),inset 20px 13px 30px rgba(255,255,255,.18),0 0 45px color-mix(in srgb,var(--planet-color) 38%,transparent),0 35px 90px rgba(0,0,0,.55);transition:box-shadow .5s,filter .5s}.featured-planet__world:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.2),transparent 34%,rgba(0,0,0,.42) 77%);mix-blend-mode:screen}.featured-planet__world:hover{filter:saturate(1.25);box-shadow:inset -45px -32px 70px rgba(0,0,0,.6),0 0 85px color-mix(in srgb,var(--planet-color) 52%,transparent)}.featured-planet__world img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.featured-planet__world:hover img{transform:scale(1.28) rotate(2deg)}.featured-planet__orbit{position:absolute;z-index:1;left:7%;width:min(52vw,720px);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-18deg) scaleY(.36)}.featured-planet--reverse .featured-planet__orbit{left:auto;right:5%;transform:rotate(19deg) scaleY(.34)}.featured-planet__orbit:after{content:"";position:absolute;left:9%;top:23%;width:9px;height:9px;border-radius:50%;background:var(--planet-color);box-shadow:0 0 18px var(--planet-color);animation:featuredSatellite 7s ease-in-out infinite alternate}.featured-planet__copy{position:relative;z-index:3;max-width:500px}.featured-planet__copy h3{margin:16px 0 24px;font-size:clamp(42px,5vw,82px);font-weight:400;line-height:.88;letter-spacing:-.065em}.featured-planet__copy p{max-width:430px;margin:0;color:#898c98;font-size:clamp(14px,1.3vw,18px);line-height:1.7}.featured-planet__copy:after{content:"";display:block;width:80px;height:1px;margin-top:35px;background:linear-gradient(90deg,var(--planet-color),transparent)}@keyframes featuredStars{to{transform:translate3d(35px,70px,0)}}@keyframes featuredSatellite{to{left:83%;top:71%;transform:scale(1.45)}}
@media(max-width:760px){.featured-universe__head{display:block;margin-bottom:100px}.featured-universe__head h2{margin:20px 0 28px}.featured-planet,.featured-planet--reverse{display:flex;flex-direction:column;justify-content:center;gap:48px;min-height:760px}.featured-planet__world,.featured-planet--reverse .featured-planet__world{order:1;width:min(82vw,390px)}.featured-planet__copy,.featured-planet--reverse .featured-planet__copy{order:2;align-self:stretch}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{top:16%;left:50%;right:auto;width:115vw;transform:translateX(-50%) rotate(-12deg) scaleY(.3)}.featured-planet__copy h3{font-size:50px}}
@media(prefers-reduced-motion:reduce){.featured-universe__stars:before,.featured-universe__stars:after,.featured-planet__orbit:after{animation:none}.featured-planet{opacity:1;transform:none}.featured-planet__world{transform:none!important}}

/* All four featured worlds in one viewport. */
.featured-universe{min-height:100svh;padding:clamp(40px,5vh,72px) clamp(20px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.featured-universe__head{grid-template-columns:.35fr 1fr .55fr;max-width:1500px;width:100%;margin:0 auto clamp(28px,4vh,55px)}.featured-universe__head h2{font-size:clamp(38px,5vw,76px)}.featured-universe__head p{font-size:12px}.featured-universe__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vh,50px) clamp(40px,6vw,100px);width:100%;max-width:1400px}.featured-planet,.featured-planet--reverse{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(180px,1fr);gap:clamp(20px,3vw,48px);min-height:0;align-items:center}.featured-planet--reverse{grid-template-columns:minmax(180px,1fr) minmax(130px,.8fr)}.featured-planet__world,.featured-planet--reverse .featured-planet__world{width:min(var(--planet-size),clamp(145px,15vw,230px))}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{left:-3%;right:auto;width:clamp(220px,23vw,360px)}.featured-planet--reverse .featured-planet__orbit{left:auto;right:-3%}.featured-planet__copy h3{margin:10px 0 13px;font-size:clamp(27px,3vw,48px)}.featured-planet__copy p{font-size:11px;line-height:1.55}.featured-planet__copy:after{margin-top:18px}.featured-planet__copy>span{font-size:8px}
@media(max-width:900px){.featured-universe{height:auto;min-height:100svh}.featured-universe__head{display:block}.featured-universe__head h2{margin:12px 0 18px}.featured-universe__list{gap:34px 18px}.featured-planet,.featured-planet--reverse{display:flex;min-height:0;gap:18px}.featured-planet__world,.featured-planet--reverse .featured-planet__world{width:clamp(120px,25vw,190px)}.featured-planet__copy,.featured-planet--reverse .featured-planet__copy{align-self:auto}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{top:0;left:50%;right:auto;width:34vw;transform:translateX(-50%) rotate(-12deg) scaleY(.3)}.featured-planet__copy p{display:none}}
@media(max-width:560px){.featured-universe{padding-block:45px}.featured-universe__head{margin-bottom:32px}.featured-universe__head p{display:none}.featured-universe__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.featured-planet,.featured-planet--reverse{display:flex;flex-direction:column;gap:12px}.featured-planet__world,.featured-planet--reverse .featured-planet__world{width:min(34vw,150px)}.featured-planet__copy h3{font-size:22px;line-height:.95}.featured-planet__copy:after{display:none}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{width:47vw}.featured-planet__copy>span{font-size:7px;letter-spacing:.1em}}

/* Chaotic one-screen constellation. */
.featured-universe{height:100svh;min-height:720px;background:#000104}.featured-universe:before{background:radial-gradient(circle at 22% 35%,rgba(28,42,85,.13),transparent 25%),radial-gradient(circle at 76% 68%,rgba(63,30,83,.12),transparent 28%),#000104}.featured-universe__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.featured-universe__head h2{font-size:clamp(38px,4.5vw,68px)}.featured-universe__list{position:relative;display:block;flex:1;width:100%;max-width:1500px}.featured-planet,.featured-planet--reverse{position:absolute;display:flex;gap:14px;width:clamp(235px,23vw,350px);min-height:0}.featured-planet:nth-child(1){left:2%;top:4%}.featured-planet:nth-child(2){right:3%;top:-4%}.featured-planet:nth-child(3){left:24%;bottom:0}.featured-planet:nth-child(4){right:24%;bottom:7%}.featured-planet__world,.featured-planet--reverse .featured-planet__world{flex:0 0 auto;width:clamp(115px,11vw,175px)}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{left:-15%;right:auto;top:-17%;width:clamp(180px,18vw,280px)}.featured-planet__copy,.featured-planet--reverse .featured-planet__copy{align-self:center}.featured-planet__copy h3{margin:8px 0 12px;font-size:clamp(22px,2.2vw,34px)}.featured-planet__copy:after{display:none}.featured-planet__copy button{display:flex;align-items:center;gap:12px;padding:8px 0;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#d7d9e2;font:10px/1 inherit;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:color .25s,border-color .25s}.featured-planet__copy button:hover{color:#fff;border-color:var(--planet-color)}.featured-planet__copy button b{font-size:14px;font-weight:400}.featured-universe__comets{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.featured-universe__comets i{position:absolute;width:100px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9));filter:drop-shadow(0 0 5px #b9d5ff);transform:rotate(-28deg);animation:featuredComet 7s linear infinite}.featured-universe__comets i:after{content:"";position:absolute;right:-2px;top:-2px;width:4px;height:4px;border-radius:50%;background:#fff}.featured-universe__comets i:nth-child(1){left:-12%;top:28%;animation-delay:-1s}.featured-universe__comets i:nth-child(2){left:22%;top:65%;animation-delay:-4.2s;animation-duration:9s}.featured-universe__comets i:nth-child(3){left:58%;top:18%;animation-delay:-6s;animation-duration:11s}.featured-universe__comets i:nth-child(4){left:76%;top:78%;animation-delay:-2.8s;animation-duration:8s}@keyframes featuredComet{0%{translate:-18vw -12vh;opacity:0}10%{opacity:1}65%,100%{translate:55vw 38vh;opacity:0}}
.featured-description{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.3s}.featured-description.is-open{visibility:visible;opacity:1}.featured-description__backdrop{position:absolute;inset:0;border:0;background:rgba(0,1,4,.82);backdrop-filter:blur(12px)}.featured-description__dialog{position:relative;width:min(560px,100%);padding:clamp(35px,6vw,70px);border:1px solid rgba(255,255,255,.16);background:#08090d;color:#f3f3f5;box-shadow:0 30px 100px #000}.featured-description__dialog>span{color:#818697;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.featured-description__dialog h2{margin:18px 0 25px;font-size:clamp(38px,6vw,70px);font-weight:400;letter-spacing:-.06em}.featured-description__dialog p{margin:0;color:#a9acb7;font-size:16px;line-height:1.75}.featured-description__close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;font-size:22px;cursor:pointer}
@media(max-width:760px){.featured-universe{height:100svh;min-height:680px;padding:34px 16px}.featured-universe__head{display:block;margin-bottom:10px}.featured-universe__head h2{margin-top:8px;font-size:36px}.featured-planet,.featured-planet--reverse{width:46%;gap:8px;flex-direction:column}.featured-planet:nth-child(1){left:1%;top:2%}.featured-planet:nth-child(2){right:0;top:5%}.featured-planet:nth-child(3){left:8%;bottom:0}.featured-planet:nth-child(4){right:3%;bottom:3%}.featured-planet__world,.featured-planet--reverse .featured-planet__world{width:min(28vw,125px)}.featured-planet__copy h3{font-size:19px}.featured-planet__copy button{font-size:8px}.featured-planet__orbit,.featured-planet--reverse .featured-planet__orbit{top:-6%;left:0;width:40vw}}
@media(prefers-reduced-motion:reduce){.featured-universe__comets i{animation:none;display:none}}

/* Refined centered constellation and sparse animated sky. */
.featured-universe__head{display:block;text-align:center;margin:0 auto clamp(12px,2vh,24px)}.featured-universe__head>span{display:block;margin-bottom:10px}.featured-universe__head h2{margin:0 auto}.featured-universe__stars,.featured-universe__stars:before,.featured-universe__stars:after{background:none}.featured-universe__stars:before,.featured-universe__stars:after{inset:auto;width:3px;height:3px;border-radius:50%;background:#fff;animation:featuredTwinkle 2.8s ease-in-out infinite;box-shadow:8vw 12vh 0 -1px #fff,18vw 34vh 0 0 #829ac8,29vw 7vh 0 -1px #fff,39vw 51vh 0 0 #ddd7ff,48vw 22vh 0 -1px #fff,57vw 68vh 0 0 #91bfff,68vw 13vh 0 -1px #fff,77vw 44vh 0 0 #e9dfff,87vw 18vh 0 -1px #fff,94vw 72vh 0 0 #a9c8ff,12vw 77vh 0 0 #fff,34vw 83vh 0 -1px #d9e5ff,63vw 89vh 0 0 #fff,82vw 82vh 0 -1px #c7b9ff}.featured-universe__stars:before{left:0;top:0}.featured-universe__stars:after{right:5vw;top:9vh;animation-delay:-1.4s;transform:scale(.65);opacity:.7}.featured-universe:after{content:"";position:absolute;z-index:-1;left:50%;top:58%;width:62vw;height:42vh;border-radius:50%;background:radial-gradient(ellipse,rgba(43,56,116,.14),rgba(72,31,92,.07) 42%,transparent 72%);filter:blur(30px);transform:translate(-50%,-50%);animation:featuredNebula 7s ease-in-out infinite alternate;pointer-events:none}.featured-planet:nth-child(1){left:13%;top:8%}.featured-planet:nth-child(2){right:13%;top:5%}.featured-planet:nth-child(3){left:28%;bottom:3%}.featured-planet:nth-child(4){right:28%;bottom:5%}.featured-planet__world{animation:featuredPlanetFloat 5s ease-in-out infinite alternate}.featured-planet:nth-child(2) .featured-planet__world{animation-delay:-1.7s}.featured-planet:nth-child(3) .featured-planet__world{animation-delay:-3.1s}.featured-planet:nth-child(4) .featured-planet__world{animation-delay:-4.2s}.featured-planet__orbit{animation:featuredOrbitPulse 4s ease-in-out infinite alternate}.featured-universe__comets i{background:linear-gradient(90deg,rgba(255,255,255,.95),transparent);transform:rotate(28deg);animation-name:featuredCometReverse}.featured-universe__comets i:after{left:-2px;right:auto}@keyframes featuredCometReverse{0%{translate:58vw 42vh;opacity:0}12%{opacity:1}70%,100%{translate:-42vw -32vh;opacity:0}}@keyframes featuredTwinkle{0%,100%{opacity:.16;filter:blur(.4px)}48%{opacity:1;filter:drop-shadow(0 0 5px #b9d5ff)}}@keyframes featuredNebula{to{transform:translate(-50%,-50%) scale(1.12);opacity:.72}}@keyframes featuredPlanetFloat{to{translate:0 -9px}}@keyframes featuredOrbitPulse{to{opacity:.48;filter:drop-shadow(0 0 7px var(--planet-color))}}
@media(max-width:760px){.featured-universe__head{text-align:center}.featured-planet:nth-child(1){left:5%;top:3%}.featured-planet:nth-child(2){right:3%;top:5%}.featured-planet:nth-child(3){left:12%;bottom:1%}.featured-planet:nth-child(4){right:7%;bottom:2%}}
@media(prefers-reduced-motion:reduce){.featured-universe__stars:before,.featured-universe__stars:after,.featured-universe:after,.featured-planet__world,.featured-planet__orbit{animation:none}}

.featured-universe__comets{display:none!important}

.featured-universe{background-color:#000104;background-image:linear-gradient(rgba(0,1,4,.34),rgba(0,1,4,.58)),url("../images/asteroid-universe-bg.png");background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.featured-universe:before{background:radial-gradient(circle at 50% 48%,transparent 0,rgba(0,1,4,.08) 38%,rgba(0,1,4,.34) 100%)}
@media(max-width:760px){.featured-universe{background-attachment:scroll;background-position:center}}

.featured-planet:nth-child(7){left:43%;top:3%;right:auto;bottom:auto}.featured-planet:nth-child(8){left:1%;bottom:37%;top:auto;right:auto}.featured-planet:nth-child(9){right:1%;bottom:8%;top:auto;left:auto}.featured-planet:nth-child(7),.featured-planet:nth-child(8),.featured-planet:nth-child(9){width:clamp(210px,20vw,310px)}.featured-planet:nth-child(7) .featured-planet__world,.featured-planet:nth-child(8) .featured-planet__world,.featured-planet:nth-child(9) .featured-planet__world{width:clamp(105px,9vw,145px)}
@media(max-width:760px){.featured-planet:nth-child(7){left:38%;top:29%}.featured-planet:nth-child(8){left:0;bottom:24%}.featured-planet:nth-child(9){right:0;bottom:12%}.featured-planet:nth-child(7),.featured-planet:nth-child(8),.featured-planet:nth-child(9){width:42%}.featured-planet:nth-child(7) .featured-planet__world,.featured-planet:nth-child(8) .featured-planet__world,.featured-planet:nth-child(9) .featured-planet__world{width:min(25vw,110px)}}

/* Nine collision-free slots; projects can swap slots without overlapping. */
.featured-universe__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(12px,2vh,24px) clamp(18px,3vw,48px);align-items:center}.featured-universe__list>.featured-planet,.featured-universe__list>.featured-planet:nth-child(n){position:relative;inset:auto;display:flex;width:auto;min-width:0;align-self:center;justify-self:stretch;gap:clamp(10px,1.2vw,18px)}.featured-universe__list .featured-planet__world,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__world{flex:0 0 auto;width:clamp(82px,8vw,125px)}.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{left:-4%;right:auto;top:50%;width:clamp(130px,13vw,200px);transform:translateY(-50%) rotate(-15deg) scaleY(.34)}.featured-universe__list .featured-planet__copy{min-width:0}.featured-universe__list .featured-planet__copy h3{font-size:clamp(18px,1.8vw,29px);overflow-wrap:anywhere}.featured-universe__list .featured-planet__copy button{font-size:8px}
@media(max-width:760px){.featured-universe__list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px 6px}.featured-universe__list>.featured-planet,.featured-universe__list>.featured-planet:nth-child(n){position:relative;inset:auto;display:flex;flex-direction:column;width:auto;gap:5px}.featured-universe__list .featured-planet__world,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__world{width:min(19vw,82px)}.featured-universe__list .featured-planet__copy h3{margin:3px 0 5px;font-size:clamp(12px,3.3vw,17px)}.featured-universe__list .featured-planet__copy>span{display:none}.featured-universe__list .featured-planet__copy button{padding:4px 0;font-size:6px}.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{left:0;top:22%;width:25vw}}

/* Rotating planets with Saturn-like rings. */
.featured-universe__list .featured-planet__world img{animation:featuredPlanetSpin 24s linear infinite}.featured-universe__list .featured-planet:nth-child(2n) .featured-planet__world img{animation-direction:reverse;animation-duration:31s}.featured-universe__list .featured-planet:nth-child(3n) .featured-planet__world img{animation-duration:19s}.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{z-index:3;height:auto;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--planet-color) 48%,rgba(255,255,255,.3));box-shadow:0 0 12px color-mix(in srgb,var(--planet-color) 35%,transparent),inset 0 0 9px rgba(255,255,255,.12);animation:featuredSaturnRing 9s linear infinite;pointer-events:none}.featured-universe__list .featured-planet:nth-child(2n) .featured-planet__orbit{animation-direction:reverse;animation-duration:12s}.featured-universe__list .featured-planet__orbit:before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--planet-color) 28%,transparent)}.featured-universe__list .featured-planet__orbit:after{animation:featuredRingSatellite 4.8s linear infinite}.featured-universe__list .featured-planet:nth-child(2n) .featured-planet__orbit:after{animation-delay:-2.4s}@keyframes featuredPlanetSpin{to{transform:scale(1.18) rotate(360deg)}}@keyframes featuredSaturnRing{0%{transform:translateY(-50%) rotate(0deg) scaleY(.34)}50%{transform:translateY(-50%) rotate(180deg) scaleY(.2)}100%{transform:translateY(-50%) rotate(360deg) scaleY(.34)}}@keyframes featuredRingSatellite{0%{left:8%;top:22%}25%{left:48%;top:4%}50%{left:86%;top:47%}75%{left:48%;top:88%}100%{left:8%;top:22%}}
@media(prefers-reduced-motion:reduce){.featured-universe__list .featured-planet__world img,.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet__orbit:after{animation:none}}

/* One shared Saturn ring: nine upright cards orbit as a single system. */
.featured-universe__list{position:relative;display:block;isolation:isolate}.featured-universe__list:before,.featured-universe__list:after{content:"";position:absolute;z-index:0;left:50%;top:50%;width:82%;height:72%;border:1px solid rgba(159,177,225,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg);box-shadow:0 0 28px rgba(95,123,205,.12),inset 0 0 35px rgba(102,72,153,.08);pointer-events:none}.featured-universe__list:after{width:75%;height:64%;border-color:rgba(196,174,235,.16);transform:translate(-50%,-50%) rotate(8deg)}.featured-universe__list>.featured-planet,.featured-universe__list>.featured-planet:nth-child(n){position:absolute;z-index:2;inset:auto;width:clamp(125px,12vw,185px);display:flex;flex-direction:column;align-items:center;gap:5px;transform:translate(-50%,-50%);transition:none}.featured-universe__list .featured-planet__world,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__world{width:clamp(70px,6.5vw,105px);animation:none}.featured-universe__list .featured-planet__world img,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__world img{animation:none;transform:scale(1.18)}.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{display:none}.featured-universe__list .featured-planet__copy{text-align:center}.featured-universe__list .featured-planet__copy h3{margin:3px 0 5px;font-size:clamp(14px,1.35vw,21px)}.featured-universe__list .featured-planet__copy>span{display:none}.featured-universe__list .featured-planet__copy button{margin:auto;padding:4px 0;font-size:7px}
@media(max-width:760px){.featured-universe__list:before{width:92%;height:68%}.featured-universe__list:after{width:84%;height:61%}.featured-universe__list>.featured-planet,.featured-universe__list>.featured-planet:nth-child(n){width:25vw;max-width:105px}.featured-universe__list .featured-planet__world,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__world{width:min(15vw,64px)}.featured-universe__list .featured-planet__copy h3{font-size:11px}.featured-universe__list .featured-planet__copy button{font-size:5px}}

.featured-universe__core{position:absolute;z-index:1;left:50%;top:50%;width:clamp(130px,15vw,220px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(166,184,235,.32);border-radius:50%;background:radial-gradient(circle at 34% 28%,#26365e 0,#11172a 30%,#05070d 68%,#000 100%);box-shadow:inset -24px -18px 44px rgba(0,0,0,.72),inset 12px 9px 22px rgba(176,202,255,.16),0 0 55px rgba(86,114,196,.23),0 0 120px rgba(62,36,111,.12);transform:translate(-50%,-50%);color:#edf1ff;text-align:center;letter-spacing:.15em;pointer-events:none}.featured-universe__core span{font-size:clamp(7px,.75vw,11px);font-weight:300}.featured-universe__core strong{margin-top:5px;font-size:clamp(13px,1.55vw,23px);font-weight:500}.featured-universe__core i{position:absolute;inset:-13%;border:1px solid rgba(169,181,221,.2);border-radius:50%;transform:scaleY(.34) rotate(-9deg);box-shadow:0 0 14px rgba(125,151,220,.12)}.featured-universe__core:after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(125deg,rgba(255,255,255,.1),transparent 36%,rgba(0,0,0,.25) 72%)}
@media(max-width:760px){.featured-universe__core{width:clamp(88px,24vw,120px)}.featured-universe__core strong{font-size:11px}.featured-universe__core span{font-size:6px}}

.featured-universe__list .featured-planet__copy button{border-bottom:0;text-decoration:none}.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{position:absolute;z-index:1;display:block;left:50%;right:auto;top:clamp(35px,3.25vw,52px);width:clamp(108px,10vw,155px);height:auto;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--planet-color) 56%,rgba(255,255,255,.25));border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--planet-color) 30%,transparent);transform:translate(-50%,-50%) rotate(-12deg) scaleY(.3);animation:featuredCardRing 18s linear infinite;pointer-events:none}.featured-universe__list .featured-planet:nth-child(2n) .featured-planet__orbit{animation-direction:reverse;animation-duration:23s}.featured-universe__list .featured-planet__orbit:before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.18);border-radius:50%}.featured-universe__list .featured-planet__orbit:after{width:5px;height:5px;animation:none}@keyframes featuredCardRing{0%{transform:translate(-50%,-50%) rotate(-12deg) scaleY(.3)}50%{transform:translate(-50%,-50%) rotate(168deg) scaleY(.2)}100%{transform:translate(-50%,-50%) rotate(348deg) scaleY(.3)}}
@media(max-width:760px){.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{top:min(7.5vw,32px);width:min(22vw,92px)}}
@media(prefers-reduced-motion:reduce){.featured-universe__list .featured-planet__orbit{animation:none}}

.featured-universe__list .featured-planet__orbit,.featured-universe__list .featured-planet:nth-child(n) .featured-planet__orbit{animation:none;transform:translate(-50%,-50%) rotate(-12deg) scaleY(.3)}

.featured-planet__world.is-holding{animation:orbitHoldPulse 1s ease-in-out infinite;box-shadow:0 0 0 2px var(--planet-color),0 0 45px color-mix(in srgb,var(--planet-color) 70%,transparent)}.featured-planet__world.is-holding:before{content:"3 секунды";position:absolute;z-index:5;inset:8px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:8px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(3px)}.featured-planet.is-falling{z-index:20!important;pointer-events:none;animation:orbitPlanetFall 1.65s cubic-bezier(.55,.02,.82,.45) forwards}.featured-planet.is-fallen{visibility:hidden;opacity:0;pointer-events:none}@keyframes orbitHoldPulse{50%{filter:brightness(1.35);scale:1.08}}@keyframes orbitPlanetFall{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}28%{transform:translate(-50%,-85%) rotate(-7deg);opacity:1}100%{transform:translate(-50%,125vh) rotate(38deg);opacity:.1}}
.orbit-message{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .4s,visibility .4s}.orbit-message.is-open{visibility:visible;opacity:1}.orbit-message__backdrop{position:absolute;inset:0;border:0;background:rgba(0,1,4,.86);backdrop-filter:blur(14px)}.orbit-message__dialog{position:relative;width:min(680px,100%);padding:clamp(38px,7vw,82px);overflow:hidden;border:1px solid rgba(164,183,235,.25);background:radial-gradient(circle at 85% 5%,rgba(69,90,153,.2),transparent 34%),#07080c;color:#f3f5fb;box-shadow:0 35px 130px #000}.orbit-message__dialog:before{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border:1px solid rgba(154,175,235,.17);border-radius:50%;box-shadow:0 0 45px rgba(96,123,202,.12)}.orbit-message__dialog>span{color:#7f879e;font-size:9px;letter-spacing:.2em}.orbit-message__dialog h2{max-width:570px;margin:22px 0 25px;font-size:clamp(42px,6vw,82px);font-weight:400;line-height:.9;letter-spacing:-.065em}.orbit-message__dialog p{max-width:480px;margin:0;color:#969ba9;font-size:14px;line-height:1.7}.orbit-message__close{display:flex;align-items:center;gap:18px;margin-top:38px;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font:10px/1 inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.orbit-message__close b{font-size:17px;font-weight:400}
@media(prefers-reduced-motion:reduce){.featured-planet.is-falling{animation-duration:.01ms}.featured-planet__world.is-holding{animation:none}}

.featured-planet__world.is-holding:before{content:attr(data-hold-countdown)}

.featured-planet.is-reborn{animation:orbitPlanetReborn .8s cubic-bezier(.18,.75,.18,1) both}@keyframes orbitPlanetReborn{0%{opacity:0;scale:.25;filter:blur(12px) brightness(2)}65%{opacity:1;scale:1.08;filter:blur(0) brightness(1.25)}100%{opacity:1;scale:1;filter:none}}
@media(prefers-reduced-motion:reduce){.featured-planet.is-reborn{animation:none}}

/* Focus one world on hover while the rest of the orbit fades to grey. */
@media (hover: hover) and (pointer: fine) {
    .featured-universe__list > .featured-planet {
        transform-origin: center;
        transition:
            scale 1.25s cubic-bezier(.22,.75,.18,1),
            filter 1.8s cubic-bezier(.4,0,.2,1),
            opacity 1.6s cubic-bezier(.4,0,.2,1);
        will-change: scale, filter, opacity;
    }
    .featured-universe__list > .featured-planet .featured-planet__world,
    .featured-universe__list > .featured-planet .featured-planet__copy {
        transition: filter 1.8s cubic-bezier(.4,0,.2,1), opacity 1.6s cubic-bezier(.4,0,.2,1);
    }
    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) {
        scale: .9;
        filter: grayscale(1) brightness(.55);
        opacity: .42 !important;
    }
    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) .featured-planet__world,
    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) .featured-planet__copy {
        filter: grayscale(1);
        opacity: .62;
    }
    .featured-universe__list > .featured-planet:hover {
        z-index: 25 !important;
        scale: 1.2;
        filter: grayscale(0) brightness(1.08);
        opacity: 1 !important;
    }
    .featured-universe__list:not(:has(> .featured-planet:hover)) > .featured-planet {
        transition-duration: 1.7s, 2.2s, 2s;
    }
    .featured-universe__list:not(:has(> .featured-planet:hover)) > .featured-planet .featured-planet__world,
    .featured-universe__list:not(:has(> .featured-planet:hover)) > .featured-planet .featured-planet__copy {
        transition-duration: 2.2s, 2s;
    }
}

/* Smooth colour shift for the projects orbit. */
@media (hover: hover) and (pointer: fine) {
    .featured-universe__list > .featured-planet,
    .featured-universe__list > .featured-planet .featured-planet__world,
    .featured-universe__list > .featured-planet .featured-planet__copy {
        filter: grayscale(0) brightness(1);
        opacity: 1;
        transition: scale 1.6s cubic-bezier(.16, 1, .3, 1);
    }

    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) {
        scale: 1;
        filter: grayscale(0) brightness(1);
        opacity: 1 !important;
    }

    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) .featured-planet__world,
    .featured-universe__list:has(> .featured-planet:hover) > .featured-planet:not(:hover) .featured-planet__copy {
        filter: grayscale(0) brightness(1);
        opacity: 1;
    }

    .featured-universe__list > .featured-planet:hover {
        scale: 1.16;
    }

    .featured-universe__list > .featured-planet:hover,
    .featured-universe__list:not(:has(> .featured-planet:hover)) > .featured-planet {
        filter: grayscale(0) brightness(1);
        opacity: 1 !important;
    }
}

.featured-universe__core{pointer-events:auto;cursor:pointer;touch-action:none;user-select:none}.featured-universe__core>span,.featured-universe__core>strong{position:relative;z-index:2}.featured-universe__core.is-holding{box-shadow:inset -24px -18px 44px rgba(0,0,0,.72),0 0 0 3px rgba(198,216,255,.62),0 0 95px rgba(104,139,235,.52);animation:orbitCoreHold 1s ease-in-out infinite}.featured-universe__core.is-holding:before{content:attr(data-hold-countdown);position:absolute;z-index:6;inset:10%;display:grid;place-items:center;border-radius:50%;background:rgba(0,2,8,.72);color:#fff;font-size:clamp(30px,4vw,58px);font-weight:300;letter-spacing:0;backdrop-filter:blur(5px)}@keyframes orbitCoreHold{50%{scale:1.06;filter:brightness(1.3)}}
@media(prefers-reduced-motion:reduce){.featured-universe__core.is-holding{animation:none}}

@media(prefers-reduced-motion:reduce){.projects-hero__video{display:none}}

/* Featured universe interaction layer — easy to remove as one block. */
.featured-universe__list{cursor:grab;touch-action:pan-y}.featured-universe__list.is-orbit-dragging{cursor:grabbing}.featured-universe__linkline{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .45s ease}.featured-universe__linkline.is-visible{opacity:1}.featured-universe__linkline line{stroke:url(#featured-link-gradient);stroke:#a9b9ff;stroke-width:1;stroke-dasharray:4 9;filter:drop-shadow(0 0 6px rgba(151,173,255,.8));animation:featuredSignal 1.8s linear infinite}.featured-universe__active{position:absolute;z-index:12;left:0;bottom:0;width:min(330px,32vw);padding:18px 20px;border:1px solid rgba(166,184,235,.2);background:rgba(5,7,13,.72);box-shadow:0 20px 70px rgba(0,0,0,.3);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .45s ease,visibility .45s ease,transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}.featured-universe__active.is-visible{opacity:1;visibility:visible;transform:none}.featured-universe__active span{display:block;color:#9ea9cf;font-size:8px;letter-spacing:.17em;text-transform:uppercase}.featured-universe__active strong{display:block;margin-top:8px;font-size:clamp(18px,2vw,30px);font-weight:400;letter-spacing:-.04em}.featured-universe__active small{display:block;margin-top:5px;color:#777f97;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.featured-universe__active p{margin:12px 0 0;color:#a2a7b6;font-size:11px;line-height:1.55}.featured-planet.is-orbit-active{z-index:30!important}.featured-planet.is-orbit-active .featured-planet__world{box-shadow:0 0 0 1px color-mix(in srgb,var(--planet-color) 80%,#fff),0 0 44px color-mix(in srgb,var(--planet-color) 55%,transparent)}@keyframes featuredSignal{to{stroke-dashoffset:-26}}
@media(max-width:760px){.featured-universe__active{left:50%;bottom:-4px;width:min(88vw,310px);padding:12px 14px;transform:translate(-50%,10px)}.featured-universe__active.is-visible{transform:translate(-50%,0)}.featured-universe__active p{display:none}.featured-universe__active strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.featured-universe__linkline line{animation:none}}
.featured-universe__stars{inset:-20px;transform:translate3d(var(--stars-x,0),var(--stars-y,0),0);transition:transform .35s cubic-bezier(.2,.75,.2,1);will-change:transform}.featured-universe__core{transform:translate(calc(-50% + var(--core-x,0px)),calc(-50% + var(--core-y,0px)));box-shadow:inset -24px -18px 44px rgba(0,0,0,.72),inset 12px 9px 22px rgba(176,202,255,.16),0 0 var(--core-glow-size,55px) rgba(86,114,196,var(--core-glow-alpha,.23)),0 0 120px rgba(62,36,111,.12);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .35s ease}.featured-universe__core:hover{filter:brightness(1.12)}@media(hover:hover) and (pointer:fine){.featured-universe__list>.featured-planet:hover{scale:1.13}.featured-universe__list>.featured-planet:not(:hover){filter:none!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.featured-universe__stars,.featured-universe__core{transform:none;transition:none}.featured-universe__core{transform:translate(-50%,-50%)}}

/* Footer styling is scoped to the projects page only. */
.projects-page .footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 0%, rgba(137, 105, 255, .2), transparent 28%),
        radial-gradient(circle at 88% 100%, rgba(255, 255, 255, .08), transparent 24%),
        #070707;
}

.projects-page .footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), transparent 78%);
}

.projects-page .footer__top,
.projects-page .footer__bottom {
    position: relative;
    z-index: 1;
}

.projects-page .footer__brand h2 {
    text-shadow: 0 18px 50px rgba(137, 105, 255, .18);
}

.projects-page .footer__column a {
    position: relative;
    transition: color .3s ease, transform .3s ease;
}

.projects-page .footer__column a::after {
    content: "↗";
    display: inline-block;
    margin-left: 7px;
    color: #b9a7ff;
    opacity: 0;
    transform: translate(-5px, 5px);
    transition: opacity .3s ease, transform .3s ease;
}

.projects-page .footer__column a:hover {
    color: #fff;
    transform: translateX(4px);
}

.projects-page .footer__column a:hover::after {
    opacity: 1;
    transform: translate(0, 0);
}

.projects-page .footer__up {
    display: grid;
    place-items: center;
    width: 42px;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.projects-page .footer__up:hover {
    color: #080808;
    background: #fff;
    transform: translateY(-4px);
}

/* Higher specificity: protects the projects footer from global footer rules. */
body.projects-page footer.footer {
    padding-top: 110px !important;
    background: #070707 !important;
    border-top: 1px solid rgba(255, 255, 255, .16) !important;
    box-shadow: none;
}

body.projects-page footer.footer .footer__label::after {
    content: "BEAUTIFUL-WORLDS / PROJECTS";
    display: block;
    margin-bottom: 24px;
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    letter-spacing: .2em;
}

body.projects-page footer.footer .footer__bottom {
    border-top-color: rgba(255, 255, 255, .16);
}

.projects-page .footer::before {
    display: none;
}


@media (max-width: 700px) {
    body.projects-page footer.footer {
        padding: 56px 20px 24px !important;
    }
}

/* Fullscreen viewer for orbit project images. */
.featured-planet__world:is(button) { padding: 0; border: 0; font: inherit; cursor: zoom-in; }
.project-image-viewer { position: fixed; z-index: 9500; inset: 0; display: grid; place-items: center; padding: clamp(18px, 4vw, 60px); visibility: hidden; opacity: 0; transition: opacity .55s ease, visibility .55s ease; }
.project-image-viewer.is-open { visibility: visible; opacity: 1; }
.project-image-viewer__backdrop { position: absolute; inset: 0; border: 0; background: rgba(0, 1, 6, .9); backdrop-filter: blur(18px); cursor: zoom-out; }
.project-image-viewer__dialog { position: relative; width: min(1100px, 94vw); height: min(760px, 82vh); margin: 0; transform: scale(.94); transition: transform .65s cubic-bezier(.16, 1, .3, 1); }
.project-image-viewer.is-open .project-image-viewer__dialog { transform: scale(1); }
.project-image-viewer__dialog img { width: 100%; height: 100%; border-radius: 20px; object-fit: contain; filter: drop-shadow(0 35px 80px #000); }
.project-image-viewer__dialog figcaption { position: absolute; left: 0; bottom: -30px; color: rgba(255, 255, 255, .7); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; }
.project-image-viewer__close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; background: rgba(5, 6, 12, .7); color: #fff; font-size: 24px; cursor: pointer; }

/* Projects experience upgrade — removable as one section. */
.featured-universe{--active-world-color:#9ea9ff}.featured-universe:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--active-world-color) 16%,transparent),transparent 42%),linear-gradient(180deg,rgba(3,4,7,calc(1 - var(--universe-entry,0))),transparent 34%);pointer-events:none;transition:background .8s ease}.featured-universe__tools{position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:1500px;margin:0 auto 10px}.featured-universe__filters{display:flex;flex-wrap:wrap;gap:7px}.featured-universe__filters button,.featured-universe__motion{padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,7,13,.56);color:#8d92a3;font:9px/1 inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);transition:color .3s,border-color .3s,background .3s}.featured-universe__filters button:hover,.featured-universe__filters button.is-active,.featured-universe__motion:hover,.featured-universe__motion[aria-pressed="true"]{border-color:color-mix(in srgb,var(--active-world-color) 65%,#fff);background:color-mix(in srgb,var(--active-world-color) 15%,rgba(5,7,13,.7));color:#fff}.featured-universe__progress{position:absolute;z-index:40;right:16px;top:18%;width:2px;height:64%;overflow:hidden;background:rgba(255,255,255,.1);pointer-events:none}.featured-universe__progress:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--active-world-color),#fff);transform:scaleY(var(--orbit-progress,0));transform-origin:top;transition:transform .12s linear}.featured-universe__list>.featured-planet{scale:var(--orbit-depth,1);transition:scale .65s cubic-bezier(.16,1,.3,1),opacity .55s ease,filter .55s ease}.featured-universe__list>.featured-planet.is-filtered{filter:saturate(.2) blur(1px)!important;pointer-events:none}.featured-universe__active dl{display:grid;gap:7px;margin:14px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.featured-universe__active dl div{display:grid;grid-template-columns:62px 1fr;gap:10px}.featured-universe__active dt{color:#70778d;font-size:8px;text-transform:uppercase}.featured-universe__active dd{margin:0;color:#c8cbd6;font-size:9px;line-height:1.35}.featured-universe__core{border-color:color-mix(in srgb,var(--active-world-color) 42%,rgba(255,255,255,.3))}.project-image-viewer__modes{position:absolute;z-index:4;left:50%;top:0;display:flex;gap:5px;transform:translateX(-50%)}.project-image-viewer__modes button{padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,6,12,.72);color:#888e9e;font:9px/1 inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.project-image-viewer__modes button.is-active{border-color:#b8c5ff;color:#fff}.project-image-viewer__dialog{padding-top:48px}.project-image-viewer__dialog img{transition:width .6s cubic-bezier(.16,1,.3,1),height .6s,transform .6s,object-position .6s}.project-image-viewer[data-mode="detail"] .project-image-viewer__dialog img{transform:scale(1.15);object-fit:cover;object-position:50% 28%}.project-image-viewer[data-mode="mobile"] .project-image-viewer__dialog img{display:block;width:min(390px,80vw);height:100%;margin:auto;border:8px solid #171922;border-radius:34px;object-fit:cover;object-position:50% top}.projects-principles{padding:clamp(90px,12vw,180px) clamp(20px,6vw,90px);background:radial-gradient(circle at 72% 30%,rgba(112,86,181,.12),transparent 32%),#060608;color:#f4f2ed}.projects-principles>span{color:#85899a;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.projects-principles h2{max-width:1000px;margin:22px 0 64px;font-size:clamp(48px,7vw,108px);font-weight:400;line-height:.87;letter-spacing:-.07em}.projects-principles h2 i{color:#9ea9cf;font-family:Georgia,serif;font-weight:400}.projects-principles>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.projects-principles article{min-height:230px;padding:24px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.projects-principles article b{font-size:18px;font-weight:400}.projects-principles article p{margin:70px 0 0;color:#858997;font-size:13px;line-height:1.6}.projects-final__button{transform:translate(var(--magnet-x,0),var(--magnet-y,0));transition:transform .28s cubic-bezier(.2,.8,.2,1),color .3s,background .3s}.projects-final__button:hover{transform:translate(var(--magnet-x,0),calc(var(--magnet-y,0px) - 2px))}
@media(max-width:760px){.featured-universe__tools{align-items:flex-start;flex-direction:column;margin-bottom:4px}.featured-universe__filters{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:4px}.featured-universe__filters button{white-space:nowrap}.featured-universe__motion{display:none}.featured-universe__progress{right:5px}.featured-universe__active dl{display:none}.project-image-viewer__modes{top:6px;width:max-content}.projects-principles>div{grid-template-columns:1fr 1fr}.projects-principles article{min-height:180px}.projects-principles article p{margin-top:38px}}
@media(max-width:480px){.projects-principles>div{grid-template-columns:1fr}.projects-principles article{min-height:0}.projects-principles article p{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.featured-universe__progress:after,.projects-final__button{transition:none}}
.featured-universe.is-motion-stopped .featured-universe__stars:before,.featured-universe.is-motion-stopped .featured-universe__stars:after{animation-play-state:paused}
.featured-universe__tools{justify-content:flex-end}.featured-universe__list>.featured-planet,.featured-universe__core,.featured-universe__stars{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.featured-planet__world{transform:translateZ(0)}

/* Animated principles cards. */
.projects-principles article{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:clamp(310px,30vw,430px);overflow:hidden;text-align:center;transition:background .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}.projects-principles article:hover{z-index:2;background:radial-gradient(circle at 50% 42%,rgba(158,169,255,.15),transparent 46%);transform:translateY(-7px)}.projects-principles article::before{content:"";width:clamp(108px,10vw,158px);aspect-ratio:1;margin-bottom:36px;border:1px solid rgba(171,188,241,.35);border-radius:50%;background:radial-gradient(circle,rgba(158,169,255,.18) 0 4%,transparent 5% 48%,rgba(255,255,255,.04) 49% 51%,transparent 52%);box-shadow:0 0 40px rgba(96,119,198,.12),inset 0 0 30px rgba(255,255,255,.04);animation:principleOrbit 12s linear infinite}.projects-principles article::after{position:absolute;top:calc(50% - clamp(112px,10vw,148px));left:50%;display:grid;place-items:center;width:clamp(38px,3.5vw,52px);aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#0c0d13;color:#c9d3ff;font-size:clamp(15px,1.7vw,24px);box-shadow:0 0 24px rgba(136,159,235,.22);transform:translateX(-50%)}.projects-principles article:nth-child(1)::after{content:"✦"}.projects-principles article:nth-child(2)::after{content:"⌘"}.projects-principles article:nth-child(3)::after{content:"</>";font-size:12px}.projects-principles article:nth-child(4)::after{content:"∞"}.projects-principles article:nth-child(2)::before{border-radius:24%;background:linear-gradient(90deg,transparent 48%,rgba(166,183,235,.18) 49% 51%,transparent 52%),linear-gradient(transparent 48%,rgba(166,183,235,.18) 49% 51%,transparent 52%);animation-name:principleGrid;animation-duration:15s}.projects-principles article:nth-child(3)::before{border-style:dashed;box-shadow:0 0 0 13px rgba(158,169,255,.035),0 0 0 14px rgba(158,169,255,.13),0 0 45px rgba(96,119,198,.13);animation-duration:18s;animation-direction:reverse}.projects-principles article:nth-child(4)::before{border-width:2px;border-color:rgba(146,218,203,.38);box-shadow:inset 22px 0 30px rgba(102,216,191,.08),inset -22px 0 30px rgba(157,120,235,.09),0 0 42px rgba(103,191,183,.12);animation-duration:9s}.projects-principles article b{font-size:clamp(25px,2.3vw,38px);letter-spacing:-.045em}.projects-principles article p{max-width:29ch;margin:18px auto 0;color:#a4a8b6;font-size:clamp(15px,1.25vw,19px);line-height:1.55}.projects-principles article:hover::before{border-color:rgba(203,214,255,.7);box-shadow:0 0 65px rgba(116,143,230,.25),inset 0 0 34px rgba(255,255,255,.07)}@keyframes principleOrbit{to{transform:rotate(360deg)}}@keyframes principleGrid{50%{transform:rotate(45deg) scale(.82)}100%{transform:rotate(90deg)}}
@media(max-width:760px){.projects-principles article{min-height:320px}.projects-principles article::after{top:70px}.projects-principles article p{display:block;margin-top:15px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.projects-principles article::before{animation:none}.projects-principles article:hover{transform:none}}
.projects-principles>span{display:block;text-align:center}.projects-principles h2{margin-left:auto;margin-right:auto;text-align:center}

/* Individual hover identities for the four parts of the system. */
.projects-principles article:nth-child(1){--principle-accent:#f2b866;--principle-rgb:242,184,102}
.projects-principles article:nth-child(2){--principle-accent:#72c9f2;--principle-rgb:114,201,242}
.projects-principles article:nth-child(3){--principle-accent:#b694ff;--principle-rgb:182,148,255}
.projects-principles article:nth-child(4){--principle-accent:#70d8ad;--principle-rgb:112,216,173}
.projects-principles article:hover{
    background:radial-gradient(circle at 50% 42%,rgba(var(--principle-rgb),.2),transparent 48%);
    box-shadow:inset 0 0 0 1px rgba(var(--principle-rgb),.34),0 24px 65px rgba(var(--principle-rgb),.1);
}
.projects-principles article:hover b{color:var(--principle-accent)}
.projects-principles article b{transition:color .5s ease}
.projects-principles article:hover::before{
    border-color:rgba(var(--principle-rgb),.75);
    box-shadow:0 0 54px rgba(var(--principle-rgb),.28),inset 0 0 30px rgba(var(--principle-rgb),.1);
}
.projects-principles article:hover::after{
    border-color:rgba(var(--principle-rgb),.72);
    color:var(--principle-accent);
    box-shadow:0 0 30px rgba(var(--principle-rgb),.32);
}
.projects-principles article::after{transition:color .5s ease,border-color .5s ease,box-shadow .5s ease}
@media(hover:none){.projects-principles article{box-shadow:inset 0 3px 0 rgba(var(--principle-rgb),.7)}.projects-principles article b{color:var(--principle-accent)}}

/* Featured projects as a studio process slider. */
.projects-showcase{background:linear-gradient(180deg,#0a0a0b,#111013);color:#f5f1e9}
.projects-showcase__intro{max-width:1460px;margin-inline:auto;text-align:center}
.projects-showcase__intro>span{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#aeb4c7}
.projects-showcase__intro p{max-width:720px;margin:24px auto 0;color:#999daa;font-size:clamp(15px,1.3vw,19px);line-height:1.65}
.projects-stage{position:relative;max-width:1460px;margin-inline:auto;padding-top:clamp(38px,6vw,78px)}
.projects-stage::before{content:"ЗАДАЧА  →  СТРУКТУРА  →  ИНТЕРФЕЙС  →  РЕЗУЛЬТАТ";position:absolute;top:14px;left:0;color:#717686;font-size:9px;letter-spacing:.17em}
.projects-orbit{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(132,146,210,.12),transparent 42%),#08090c;box-shadow:0 45px 110px rgba(0,0,0,.32)}
.project-details{border-left:1px solid rgba(255,255,255,.13)}
.project-details__text{max-width:58ch;font-size:clamp(15px,1.25vw,19px);line-height:1.68}
.project-details__meta{counter-reset:project-step}
.project-details__meta>div{position:relative;padding-left:34px}
.project-details__meta>div::before{counter-increment:project-step;content:"0" counter(project-step);position:absolute;left:0;top:0;color:#73798c;font-size:9px;letter-spacing:.12em}

@media(max-width:760px){.projects-stage::before{left:12px}.project-details{border-left:0;border-top:1px solid rgba(255,255,255,.13)}}

/* Four working scenes: plan, interface, code and automation. */
.projects-principles{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 5%,rgba(111,126,224,.2),transparent 32%),radial-gradient(circle at 15% 75%,rgba(77,180,161,.1),transparent 28%),#040407}.projects-principles::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 24%,#000 80%,transparent)}.projects-principles>*{position:relative;z-index:1}.projects-principles .principle-card{justify-content:flex-start;padding:clamp(22px,2.4vw,40px);background:rgba(8,9,14,.72);backdrop-filter:blur(14px)}.projects-principles .principle-card::before,.projects-principles .principle-card::after{display:none}.principle-scene{position:relative;width:100%;height:clamp(190px,19vw,270px);margin-bottom:32px;border:1px solid rgba(185,197,255,.18);border-radius:24px;background:radial-gradient(circle at 50% 45%,rgba(128,147,235,.12),transparent 55%);overflow:hidden}.principle-card b{margin-top:auto}.plan-note{position:absolute;z-index:2;display:grid;place-items:center;width:74px;height:54px;padding:8px;background:#d7d0b8;color:#25231d;font:600 10px/1.1 inherit;box-shadow:0 9px 26px rgba(0,0,0,.35);animation:noteDrift 6s ease-in-out infinite}.plan-note:nth-child(1){left:12%;top:18%;transform:rotate(-7deg)}.plan-note:nth-child(2){right:11%;top:31%;transform:rotate(6deg);animation-delay:-2s}.plan-note:nth-child(3){left:39%;bottom:13%;transform:rotate(-2deg);animation-delay:-4s}.principle-card--strategy .principle-scene i{position:absolute;left:28%;top:31%;width:44%;height:1px;background:rgba(220,226,255,.45);transform:rotate(16deg);transform-origin:left}.principle-card--strategy .principle-scene i:last-child{left:51%;top:52%;width:31%;transform:rotate(-38deg)}.ui-frame{position:absolute;inset:14%;display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:35% 1fr;gap:8px;padding:10px;border:1px solid rgba(188,203,255,.55);border-radius:14px;animation:frameGlow 4s ease-in-out infinite}.ui-frame i{display:block;border:1px solid rgba(184,199,255,.25);border-radius:7px;background:rgba(147,165,238,.07);transform:scaleX(0);transform-origin:left;animation:drawBlock 4s cubic-bezier(.16,1,.3,1) infinite}.ui-frame i:first-child{grid-column:1/-1}.ui-frame i:nth-child(2){animation-delay:.25s}.ui-frame i:nth-child(3){animation-delay:.5s}.ui-frame i:nth-child(4){position:absolute;right:16px;bottom:16px;width:30%;height:18px;animation-delay:.75s}.ui-cursor{position:absolute;right:15%;bottom:12%;color:#dfe5ff;font-size:25px;animation:cursorTour 4s ease-in-out infinite}.code-scene{display:flex;justify-content:center;flex-direction:column;gap:12px;padding:15%;color:#b8c7ff;font:12px/1.3 ui-monospace,monospace}.code-scene span{width:0;white-space:nowrap;overflow:hidden;animation:typeCode 5s steps(24,end) infinite}.code-scene span:nth-child(2){animation-delay:.45s;color:#81dcc5}.code-scene span:nth-child(3){animation-delay:.9s;color:#d7b5ff}.code-scene span:nth-child(4){animation-delay:1.35s}.code-scene i{display:block;width:7px;height:16px;background:#c9d5ff;animation:blink .8s steps(1) infinite}.robot-head{position:absolute;left:50%;top:18%;width:76px;height:58px;border:1px solid rgba(189,207,255,.6);border-radius:25px 25px 18px 18px;background:#111722;transform:translateX(-50%);animation:robotLook 5s ease-in-out infinite}.robot-head i{position:absolute;top:24px;width:9px;height:7px;border-radius:50%;background:#83f0d4;box-shadow:0 0 15px #64e3c3}.robot-head i:first-child{left:20px}.robot-head i:last-child{right:20px}.robot-body{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:100px;height:78px;border:1px solid rgba(189,207,255,.35);border-radius:24px;background:linear-gradient(145deg,#141b29,#090c12);color:#8ea6e8;font:10px/1 ui-monospace,monospace;transform:translateX(-50%)}.robot-scan{position:absolute;left:8%;right:8%;top:15%;height:1px;background:#78e5ca;box-shadow:0 0 14px #78e5ca;animation:robotScan 3s ease-in-out infinite}.robot-scene em{position:absolute;width:7px;height:7px;border-radius:50%;background:#869fe5;box-shadow:0 0 12px #869fe5;animation:dataPulse 2.4s ease-in-out infinite}.robot-scene em:nth-of-type(1){left:14%;bottom:20%}.robot-scene em:nth-of-type(2){right:16%;top:22%;animation-delay:-.8s}.robot-scene em:nth-of-type(3){right:13%;bottom:15%;animation-delay:-1.6s}@keyframes noteDrift{50%{translate:0 -9px}}@keyframes drawBlock{0%,12%{transform:scaleX(0);opacity:0}35%,85%{transform:scaleX(1);opacity:1}100%{opacity:.25}}@keyframes frameGlow{50%{box-shadow:0 0 45px rgba(113,139,231,.16)}}@keyframes cursorTour{0%,100%{transform:translate(0,0)}40%{transform:translate(-90px,-80px)}70%{transform:translate(-145px,15px)}}@keyframes typeCode{0%,12%{width:0}45%,88%{width:100%}100%{opacity:.25}}@keyframes blink{50%{opacity:0}}@keyframes robotLook{0%,100%{transform:translateX(-50%) rotate(-2deg)}50%{transform:translateX(-50%) rotate(2deg)}}@keyframes robotScan{0%,100%{top:14%;opacity:.2}50%{top:84%;opacity:1}}@keyframes dataPulse{50%{transform:scale(2);opacity:.25}}
@media(max-width:760px){.principle-scene{height:220px}.projects-principles .principle-card{min-height:390px}.projects-principles .principle-card p{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.principle-scene *{animation:none!important}}

/* Hover colors are applied to the actual animated scenes. */
.projects-principles .principle-card,
.projects-principles .principle-card .principle-scene{
    transition:background .55s ease,border-color .55s ease,box-shadow .55s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
.projects-principles .principle-card:hover{
    background:radial-gradient(circle at 50% 35%,rgba(var(--principle-rgb),.2),rgba(8,9,14,.88) 62%);
    box-shadow:inset 0 0 0 1px rgba(var(--principle-rgb),.3),0 24px 58px rgba(var(--principle-rgb),.1);
}
.projects-principles .principle-card:hover .principle-scene{
    border-color:rgba(var(--principle-rgb),.72);
    background:radial-gradient(circle at 50% 45%,rgba(var(--principle-rgb),.22),transparent 60%);
    box-shadow:0 0 42px rgba(var(--principle-rgb),.17),inset 0 0 35px rgba(var(--principle-rgb),.07);
}
.projects-principles .principle-card:hover p{color:#d3d5dc}

/* Autonomous rocket replaces the cursor-chasing character. */
.line-robot{display:block!important}
.line-robot__beam{display:none;position:absolute;z-index:-1;left:16px;bottom:45px;width:2px;height:0;background:linear-gradient(to top,transparent,#b9a7ff 35%,#fff);box-shadow:0 0 9px #b9a7ff;transform-origin:bottom}
@media(max-width:700px){.line-robot.robot--attacking .line-robot__beam{display:block;animation:robotShootUp .78s ease-out both}.line-robot.robot--attacking.robot--shoot-down .line-robot__beam{top:43px;bottom:auto;background:linear-gradient(to bottom,transparent,#b9a7ff 35%,#fff);transform-origin:top;animation-name:robotShootDown}@keyframes robotShootUp{0%{height:0;opacity:0}18%{height:34vh;opacity:1}75%{height:48vh;opacity:.85}100%{height:58vh;opacity:0}}@keyframes robotShootDown{0%{height:0;opacity:0}18%{height:28vh;opacity:1}75%{height:43vh;opacity:.85}100%{height:52vh;opacity:0}}}

/* Honest one-screen projects placeholder. */
.projects-page--coming-soon .projects-hero{
    min-height:100svh;
    align-items:center;
    padding-inline:clamp(20px,5vw,90px);
    background:#020204;
    text-align:center;
}
.projects-page--coming-soon .projects-hero::before{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.68),rgba(0,0,0,.8)),radial-gradient(circle at 50% 48%,rgba(56,63,94,.14),transparent 44%);
    pointer-events:none;
}
.projects-page--coming-soon .projects-hero__video{
    top:50%;
    right:50%;
    width:min(88vw,980px);
    opacity:.32;
    filter:saturate(.55) contrast(1.08) brightness(.42);
    transform:translate(50%,-50%);
}
.projects-page--coming-soon .projects-hero__grid{opacity:.16}
.projects-page--coming-soon .projects-hero__top{
    position:absolute;
    top:132px;
    right:clamp(20px,5vw,90px);
    left:clamp(20px,5vw,90px);
}
.projects-page--coming-soon .projects-hero__heading{
    z-index:4;
    display:grid;
    justify-items:center;
    width:100%;
    max-width:1120px;
    margin:auto;
}
.projects-page--coming-soon .projects-hero__heading>p:first-child{
    margin:0 0 22px;
    color:rgba(255,255,255,.62);
    letter-spacing:.2em;
    text-transform:uppercase;
}
.projects-page--coming-soon .projects-hero h1{
    max-width:none;
    font-size:clamp(54px,7.2vw,112px);
}
.projects-page--coming-soon .projects-hero__lead{
    max-width:680px;
    margin:32px auto 0;
    color:rgba(255,255,255,.62);
    font-size:clamp(14px,1.15vw,18px);
}
.projects-page--coming-soon .projects-hero__scroll{
    position:absolute;
    z-index:4;
    bottom:34px;
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
}
@media(max-width:700px){
    .projects-page--coming-soon .projects-hero{min-height:100svh;padding:110px 18px 74px}
    .projects-page--coming-soon .projects-hero__top{top:105px;right:18px;left:18px}
    .projects-page--coming-soon .projects-hero h1{font-size:clamp(42px,11vw,58px)}
    .projects-page--coming-soon .projects-hero__lead{margin-top:24px;font-size:13px}
    .projects-page--coming-soon .projects-hero__scroll{bottom:22px;font-size:8px}
}
.featured-universe .studio-rocket{position:absolute;z-index:7;left:7%;top:48%;width:54px;height:54px;pointer-events:none;filter:drop-shadow(0 0 18px rgba(154,184,255,.55));animation:studioRocketFlight 24s ease-in-out infinite alternate;will-change:transform}
.studio-rocket span{display:block;font-size:38px;line-height:1;transform:rotate(42deg)}
.studio-rocket i{position:absolute;right:34px;bottom:7px;width:50px;height:2px;background:linear-gradient(90deg,transparent,rgba(154,190,255,.8));filter:blur(.5px);transform:rotate(42deg);transform-origin:right}
@keyframes studioRocketFlight{0%{transform:translate3d(-6vw,8vh,0) rotate(-8deg)}30%{transform:translate3d(27vw,-13vh,0) rotate(5deg)}62%{transform:translate3d(58vw,12vh,0) rotate(-4deg)}100%{transform:translate3d(84vw,-8vh,0) rotate(8deg)}}

/* Soft background symbols for selected projects and principles. */
.projects-showcase,.projects-principles{position:relative;isolation:isolate;overflow:hidden}
.project-background-symbols{position:absolute;z-index:0;inset:0;pointer-events:none}
.project-background-symbols span{position:absolute;color:rgba(180,190,255,.13);font-size:clamp(24px,4vw,62px);opacity:0;filter:blur(.2px);animation:projectSymbolAppear 9s ease-in-out infinite}
.project-background-symbols span:nth-child(1){left:6%;top:16%;animation-delay:0s}.project-background-symbols span:nth-child(2){right:9%;top:22%;animation-delay:-2s}.project-background-symbols span:nth-child(3){left:13%;bottom:16%;animation-delay:-4s}.project-background-symbols span:nth-child(4){right:18%;bottom:12%;animation-delay:-6s}.project-background-symbols span:nth-child(5){left:52%;top:8%;animation-delay:-8s}
.project-background-symbols--principles span{color:rgba(119,216,184,.12)}
.projects-showcase>*:not(.project-background-symbols),.projects-principles>*:not(.project-background-symbols){position:relative;z-index:1}
@keyframes projectSymbolAppear{0%,100%{opacity:0;transform:translateY(18px) scale(.75) rotate(-8deg)}28%,68%{opacity:1;transform:translateY(0) scale(1) rotate(3deg)}}
@media(max-width:760px){.studio-rocket{width:42px;height:42px}.studio-rocket span{font-size:29px}.project-background-symbols span{font-size:30px}}
@media(prefers-reduced-motion:reduce){.studio-rocket,.project-background-symbols span{animation:none}.studio-rocket{display:none}.project-background-symbols span{opacity:.16}}

/* Keep the project spinner itself, without its former card and description panel. */
.projects-showcase .projects-stage{
    display:grid;
    grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);
    gap:clamp(30px,7vw,110px);
    align-items:center;
    width:min(100%,1460px);
    min-height:0;
    margin:clamp(28px,5vw,64px) auto 0;
    padding:0;
}
.projects-showcase .projects-stage::before{display:none}
.projects-showcase .projects-orbit{
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.projects-showcase .project-details{display:block}
.projects-showcase>.project-background-symbols span:not(:nth-child(2)){display:none!important}
.projects-showcase>.project-background-symbols span:nth-child(2){right:6%;top:9%;font-size:clamp(30px,4vw,58px)}

@media(max-width:700px){
    .projects-showcase .projects-stage{margin-top:20px}
}
@media(max-width:1000px){
    .projects-showcase .projects-stage{grid-template-columns:1fr;gap:8px}
}

@media(max-width:700px){
    .line-robot{transform:translate3d(var(--robot-x),var(--robot-y),0) scale(.72);transform-origin:top left}
}

/* Quiet atmospheric field behind the showcase; content stays visually dominant. */
.projects-showcase{
    background:
        radial-gradient(ellipse at 18% 28%,rgba(108,91,190,.16),transparent 34%),
        radial-gradient(ellipse at 84% 74%,rgba(73,139,151,.1),transparent 32%),
        linear-gradient(180deg,#09090b,#0d0c10 48%,#070709);
}
.projects-showcase::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);
}

/* Hover lights the space behind a principle instead of painting the card. */
.projects-principles::after{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:30%;
    width:25%;
    height:58%;
    pointer-events:none;
    opacity:0;
    background:radial-gradient(ellipse,rgba(158,169,255,.2),transparent 66%);
    filter:blur(34px);
    transition:left .7s cubic-bezier(.16,1,.3,1),opacity .5s ease;
}
.projects-principles:has(.principle-card:nth-child(1):hover)::after{left:0;opacity:1}
.projects-principles:has(.principle-card:nth-child(2):hover)::after{left:25%;opacity:1}
.projects-principles:has(.principle-card:nth-child(3):hover)::after{left:50%;opacity:1}
.projects-principles:has(.principle-card:nth-child(4):hover)::after{left:75%;opacity:1}
.projects-principles .principle-card,
.projects-principles .principle-card:hover{background:transparent;box-shadow:none;transform:none}
.projects-principles .principle-card:hover .principle-scene{background:rgba(8,9,14,.34);box-shadow:none}

/* Ручная прокрутка изображения в окне деталей проекта */
.project-image-viewer__viewport{
    width:100%;
    height:100%;
    overflow:auto;
    overscroll-behavior:contain;
    touch-action:pan-x pan-y;
    border-radius:20px;
    scrollbar-width:thin;
    scrollbar-color:rgba(184,197,255,.72) rgba(255,255,255,.08);
}
.project-image-viewer__viewport::-webkit-scrollbar{width:7px;height:7px}
.project-image-viewer__viewport::-webkit-scrollbar-track{background:rgba(255,255,255,.08)}
.project-image-viewer__viewport::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(184,197,255,.72)}
.project-image-viewer__viewport img{
    display:block;
    width:100%;
    height:auto;
    min-height:100%;
    max-width:none;
}
.project-image-viewer[data-mode="detail"] .project-image-viewer__viewport img{
    width:140%;
    height:auto;
    min-height:145%;
    transform:none;
    object-fit:cover;
    object-position:center top;
}
.project-image-viewer[data-mode="mobile"] .project-image-viewer__viewport img{
    width:min(390px,80vw);
    height:auto;
    min-height:145%;
    transform:none;
    object-position:center top;
}