.own-projects__bar{justify-content:flex-end}
.own-project{--ad-accent:#ffbc57;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;min-height:320px;border-radius:22px;padding:36px 40px;background:radial-gradient(ellipse at 96% 0%,#ffecc2 0,transparent 56%),linear-gradient(120deg,#fff8eb,#fbe6bb);color:#43301c;isolation:isolate}
.own-project[hidden]{display:none}
.own-project::before{content:"";position:absolute;inset:auto -110px -230px auto;width:480px;height:480px;border:1px solid currentColor;border-radius:50%;opacity:.13;z-index:-1}
.own-project::after{content:"";position:absolute;right:35px;top:30px;width:8px;height:8px;border-radius:50%;background:var(--ad-accent);box-shadow:-280px 65px 0 2px var(--ad-accent),-45px 210px 0 -1px var(--ad-accent);opacity:.5;pointer-events:none}
.own-project:hover{filter:none;text-decoration:none}
.own-project__copy{position:relative;z-index:2;flex:1;max-width:560px}
.own-project__brand{font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.own-project__brand::before{content:"";width:7px;height:7px;background:var(--ad-accent);border-radius:50%}
.own-project strong{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-1.1px;max-width:550px}
.own-project p{font-size:15px;line-height:1.55;margin:18px 0 25px;max-width:460px}
.own-project__cta{border-radius:30px;padding:13px 19px;background:var(--ad-accent);color:#16243b;box-shadow:0 8px 22px #00000012;font-size:13px;transition:transform .2s ease,box-shadow .2s ease}
.own-project:hover .own-project__cta{transform:translateY(-2px);box-shadow:0 12px 24px #00000020}
.project-scene{position:relative;flex:0 0 260px;height:250px;perspective:700px;isolation:isolate}
.project-scene::before{content:"";position:absolute;inset:18px;border:1px solid currentColor;border-radius:50%;opacity:.12}
.project-scene__tile{position:absolute;inset:27px 25px 25px;border-radius:30px;background:linear-gradient(145deg,#ffffff30,#ffffff08);border:1px solid #ffffff50;box-shadow:0 24px 50px #00000018,inset 0 1px #ffffff50;transform:rotate(-8deg);display:flex;align-items:center;justify-content:center;transition:transform .45s ease}
.project-scene .own-project__art{width:170px;height:160px;flex:none;margin:0;opacity:1;filter:drop-shadow(0 8px 12px #00000014);stroke-width:4}
.project-scene__chip{position:absolute;right:-10px;bottom:17px;padding:13px 17px;border-radius:14px;color:#1a2c35;background:#fff;box-shadow:0 12px 30px #00000018;font-size:12px;font-weight:700;transform:rotate(4deg)}
.project-scene__chip::before{content:"✓";color:#149b74;margin-right:8px}
.project-scene__spark{position:absolute;left:0;top:17px;width:49px;height:49px;border-radius:16px;display:grid;place-items:center;background:var(--ad-accent);color:#1a2c35;font-size:27px;box-shadow:0 10px 24px #00000014;transform:rotate(12deg)}
.own-project:hover .project-scene__tile{transform:rotate(-3deg) translateY(-5px)}
.own-project--vip26{--ad-accent:#76ceff;background:radial-gradient(ellipse at 90% 15%,#246595,transparent 60%),linear-gradient(120deg,#0b2037,#143752);color:#e4f4ff}
.own-project--logoped{--ad-accent:#acedd0;background:radial-gradient(ellipse at 90% 5%,#a5e0c4,transparent 60%),linear-gradient(120deg,#e7f8ed,#c8e8df);color:#144b41}
.own-project--tender_frigate{--ad-accent:#a3efb7;background:radial-gradient(ellipse at 90% 5%,#306c5a,transparent 60%),linear-gradient(120deg,#112a32,#183c3e);color:#effcf4}
.own-project--school_frigate{--ad-accent:#d2beff;background:radial-gradient(ellipse at 90% 5%,#694fb3,transparent 60%),linear-gradient(120deg,#261d4a,#403069);color:#f4eeff}
.own-projects.is-inview .project-scene__tile{animation:ad-arrive 4s ease both}
.own-projects.is-inview .project-scene__chip{animation:ad-chip 3.5s ease both}
.own-projects.is-inview .project-scene__spark{animation:ad-spark 3.5s ease both}
@keyframes ad-arrive{0%{opacity:0;transform:translateY(20px) rotate(-15deg)}25%{opacity:1;transform:translateY(-7px) rotate(-5deg)}60%{transform:translateY(3px) rotate(-10deg)}100%{opacity:1;transform:translateY(0) rotate(-8deg)}}
@keyframes ad-chip{0%{opacity:0;transform:translateX(20px) rotate(8deg)}30%{opacity:1;transform:translateY(-4px) rotate(1deg)}100%{opacity:1;transform:rotate(4deg)}}
@keyframes ad-spark{0%{opacity:0;transform:scale(.5) rotate(-40deg)}30%{opacity:1;transform:scale(1.1) rotate(20deg)}100%{opacity:1;transform:scale(1) rotate(12deg)}}
.own-projects--sidebar .own-project{min-height:470px;padding:25px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.own-projects--sidebar .own-project[hidden]{display:none}
.own-projects--sidebar .own-project strong{font-size:28px;line-height:1.1}
.own-projects--sidebar .own-project__brand{font-size:10px;margin-bottom:16px}
.own-projects--sidebar .own-project p{font-size:13px;margin:15px 0 20px}
.own-projects--sidebar .own-project__cta{font-size:11px}
.own-projects--sidebar .project-scene{flex:none;height:155px;width:190px;align-self:center;margin-top:8px}
.own-projects--sidebar .project-scene__tile{inset:8px 22px 12px;border-radius:22px}
.own-projects--sidebar .project-scene .own-project__art{position:static;width:120px;height:115px;opacity:1;z-index:auto}
.own-projects--sidebar .project-scene__chip{font-size:10px;bottom:-2px;padding:9px 12px;right:-8px}
.own-projects--sidebar .project-scene__spark{width:35px;height:35px;font-size:20px;border-radius:10px;top:0}
@media(max-width:700px){.own-project{padding:27px;min-height:450px;flex-direction:column;align-items:stretch;gap:5px}.own-project strong{font-size:32px}.own-project__brand{font-size:11px;margin-bottom:16px}.own-project p{font-size:14px;margin:16px 0 21px}.own-project__copy{flex:none;max-width:none}.project-scene{flex:none;align-self:center;width:230px;height:180px}.project-scene__tile{inset:10px 25px 12px}.project-scene .own-project__art{position:static;width:145px;height:135px;opacity:1;z-index:auto}.project-scene__spark{top:0}.project-scene__chip{right:-8px;bottom:2px;font-size:11px}.own-projects--sidebar .own-project{min-height:430px}}
@media(prefers-reduced-motion:reduce){.own-projects .project-scene__tile,.own-projects .project-scene__chip,.own-projects .project-scene__spark{animation:none!important}.own-project__cta,.project-scene__tile{transition:none}.own-project:hover .project-scene__tile{transform:rotate(-8deg)}.own-project:hover .own-project__cta{transform:none}}
