.effy-projects-index{--projects-gold:#aa9158;--projects-sage:#74806b;--projects-ink:#20261f}.effy-projects-index .projects-spatial-hero{background:radial-gradient(circle at 88% 14%,#74806b1c,#0000 30%),#faf9f6}.effy-projects-index .projects-hero-motion,.effy-projects-index .projects-hero-tilt{width:100%}.effy-projects-index .projects-hero-motion{perspective:1300px}.effy-projects-index .projects-spatial-stage{isolation:isolate;min-height:620px;transform-style:preserve-3d;background:radial-gradient(circle at 62% 44%,#91a08438,#0000 38%),linear-gradient(145deg,#252d24,#171c17 74%);border:1px solid #20261f24;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 38px 90px #181e1838,inset 0 1px #ffffff12}.effy-projects-index .projects-stage-grid{z-index:-1;opacity:.36;background-image:linear-gradient(#eef0e314 1px,#0000 1px),linear-gradient(90deg,#eef0e314 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.effy-projects-index .projects-hero-layer{width:min(400px,78%);transform-style:preserve-3d;position:absolute}.effy-projects-index .projects-hero-layer .effy-browser-mockup{background:#f4f2e8;border-color:#eef0e326;border-radius:6px;width:100%;box-shadow:0 28px 58px #00000052}.effy-projects-index .projects-hero-layer .effy-browser-bar{background:#e9e6da;min-height:31px;padding-inline:11px}.effy-projects-index .projects-hero-layer .effy-browser-screen{min-height:0}.effy-projects-index .projects-hero-screen{aspect-ratio:1200/630;position:relative;overflow:hidden}.effy-projects-index .projects-hero-layer-1{z-index:4;top:45px;left:9%;transform:translateZ(42px)rotate(-2.5deg)}.effy-projects-index .projects-hero-layer-2{z-index:3;top:164px;right:5%;transform:translateZ(20px)rotate(3.5deg)}.effy-projects-index .projects-hero-layer-3{z-index:2;top:273px;left:12%;transform:translateZ(4px)rotate(-1.5deg)}.effy-projects-index .projects-hero-layer-4{z-index:1;top:382px;right:8%;transform:translateZ(-8px)rotate(2.5deg)}.effy-projects-index .projects-stage-core{z-index:6;color:#eef0e3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121712c2;border:1px solid #eef0e321;border-radius:7px;align-items:center;gap:12px;min-width:245px;padding:12px 14px;display:flex;position:absolute;bottom:17px;right:18px;transform:translateZ(55px);box-shadow:0 16px 34px #0000003d}.effy-projects-index .projects-stage-core>span{color:#d5c38f;width:42px;height:42px;font-family:var(--font-mono), monospace;border:1px solid #d5c38f3d;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.effy-projects-index .projects-stage-core small,.effy-projects-index .projects-stage-core strong{display:block}.effy-projects-index .projects-stage-core small{color:#aeb7aa;font-family:var(--font-mono), monospace;letter-spacing:.15em;font-size:8px;font-weight:850}.effy-projects-index .projects-stage-core strong{margin-top:3px;font-size:12px}.effy-projects-index .projects-capability-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #20261f1f;border-radius:8px;margin-top:42px;padding:18px;box-shadow:0 18px 46px #20261f12}.effy-projects-index .projects-capability-strip>p{color:#7b663a;font-family:var(--font-mono), monospace;letter-spacing:.18em;font-size:9px;font-weight:850}.effy-projects-index .projects-capability-strip>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px;display:grid}.effy-projects-index .projects-capability-strip article{border-top:1px solid #20261f1a;grid-template-columns:42px 1fr;align-items:start;gap:12px;padding-top:14px;display:grid}.effy-projects-index .projects-capability-strip article>span{color:#5f6a58;background:linear-gradient(145deg,#faf8ef,#e5e2d6);border:1px solid #74806b33;border-radius:7px;place-items:center;width:40px;height:40px;display:grid;box-shadow:6px 8px 18px #20261f14}.effy-projects-index .projects-capability-strip h2{color:#20261f;font-size:14px;font-weight:800}.effy-projects-index .projects-capability-strip article p{color:#656d62;margin-top:4px;font-size:12px;line-height:1.55}.effy-projects-index .project-case-media{perspective:1200px}.effy-projects-index .project-case-motion,.effy-projects-index .project-case-tilt{width:100%}.effy-projects-index .project-case-tilt{transform-style:preserve-3d;padding:13px}.effy-projects-index .project-case-plinth{z-index:-1;background:radial-gradient(circle at 75% 25%,#74806b1f,#0000 42%),#eeece1;border:1px solid #aa91582e;border-radius:8px;position:absolute;inset:0;transform:translateZ(-20px)rotate(-1deg);box-shadow:0 28px 62px #20261f1a}.effy-projects-index .project-case-link{border-radius:8px;transform:translateZ(28px);box-shadow:0 26px 64px #20261f29}.effy-projects-index .projects-case-browser{width:100%;max-width:none;box-shadow:none;border-color:#20261f26;border-radius:8px;overflow:hidden}.effy-projects-index .projects-case-browser .effy-browser-bar{background:linear-gradient(#f8f6ed,#e8e5d9);min-height:38px}.effy-projects-index .projects-case-browser .effy-browser-bar>span:first-child{background:#aa9158}.effy-projects-index .projects-case-browser .effy-browser-screen{min-height:0}.effy-projects-index .projects-case-screen{aspect-ratio:1200/630;position:relative;overflow:hidden}.effy-projects-index #case-studies article:nth-child(2n) .project-case-plinth{transform:translateZ(-20px)rotate(1deg)}@media (max-width:1023px){.effy-projects-index .projects-hero-motion{width:min(720px,100%);margin-inline:auto}.effy-projects-index .projects-spatial-stage{min-height:620px}}@media (max-width:767px){.effy-projects-index .projects-capability-strip>div{grid-template-columns:1fr;gap:12px}.effy-projects-index .projects-spatial-stage{min-height:540px}.effy-projects-index .projects-hero-layer{width:82%}.effy-projects-index .projects-hero-layer-1{top:38px;left:5%}.effy-projects-index .projects-hero-layer-2{top:139px;right:4%}.effy-projects-index .projects-hero-layer-3{top:240px;left:7%}.effy-projects-index .projects-hero-layer-4{top:341px;right:5%}.effy-projects-index .projects-stage-core{min-width:218px;bottom:12px;right:12px}}@media (max-width:480px){.effy-projects-index .projects-spatial-stage{min-height:440px}.effy-projects-index .projects-hero-layer .effy-browser-bar{min-height:25px}.effy-projects-index .projects-hero-layer-1{top:34px}.effy-projects-index .projects-hero-layer-2{top:108px}.effy-projects-index .projects-hero-layer-3{top:182px}.effy-projects-index .projects-hero-layer-4{top:256px}.effy-projects-index .projects-stage-core{min-width:0;left:12px}.effy-projects-index .project-case-tilt{padding:8px}}@media (hover:none),(pointer:coarse){.effy-projects-index .project-case-link:hover img{transform:none}}@media (prefers-reduced-motion:reduce){.effy-projects-index .project-case-link img{transition:none!important}}