body.projects-body{background:#fff;margin:0}.projects-page{--white:#fff;--ink:#2f2f30;--muted:#6f7074;--line:#e8e8e6;--coral:#eb5358;--coral-strong:#c92f3b;--coral-soft:#fff1f2;--soft:#f7f7f5;--max:1180px;--shadow:0 20px 60px #2f2f3014;--font:"Aptos", "Inter", "Segoe UI", Helvetica, Arial, sans-serif;min-height:100svh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;padding:170px 0 112px;font-size:16px;line-height:1.6;position:relative;overflow:hidden}.projects-page,.projects-page *{box-sizing:border-box}.projects-page img{max-width:100%;display:block}.projects-page a{color:inherit;text-decoration:none}.projects-page button{font:inherit}.projects-page :focus-visible{outline-offset:4px;outline:3px solid #eb535861}.projects-page .container{width:min(calc(100% - 40px), var(--max));margin-inline:auto}.projects-page .eyebrow{color:var(--coral-strong);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:.8rem;font-weight:800;display:flex}.projects-page .eyebrow:before{content:"";background:var(--coral);width:22px;height:2px}.projects-page h1,.projects-page h2,.projects-page h3,.projects-page p{margin-top:0}.projects-page h1{letter-spacing:-.055em;text-wrap:balance;max-width:900px;margin-bottom:26px;font-size:clamp(3.6rem,7vw,6.6rem);font-weight:630;line-height:1.03}.projects-page h1 em{color:var(--coral-strong);font-style:normal}.projects-page .lead{max-width:670px;color:var(--muted);font-size:clamp(1.08rem,1.6vw,1.24rem);line-height:1.65}.projects-page .button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:13px 20px;font-weight:750;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.projects-page .button:hover{transform:translateY(-2px)}.projects-page .button-primary{color:#fff;background:var(--coral-strong)}.projects-page .button-primary:hover{background:#b92934}.projects-page .button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.projects-page .button-secondary:hover{border-color:var(--ink)}.projects-page .cta .button-secondary{color:#fff;background:0 0;border-color:#ffffff40}.projects-page .cta .button-secondary:hover{border-color:#fff}.projects-page:before{content:"";z-index:-2;opacity:.56;background-image:radial-gradient(#d9d9d6 1px,#0000 1px);background-size:34px 34px;height:650px;position:absolute;inset:104px 0 auto;mask-image:linear-gradient(#000,#0000 85%)}.projects-page:after{content:"";z-index:-1;background:radial-gradient(circle,#eb535824,#eb535800 68%);border-radius:50%;width:620px;height:620px;position:absolute;top:45px;right:-150px}.projects-page .hero-copy{grid-template-columns:1fr .67fr;align-items:end;gap:70px;margin-bottom:52px;display:grid}.projects-page .hero-copy .lead{margin-bottom:10px}.projects-page .hero-mini{border:1px solid var(--line);background:#ffffffd1;border-radius:22px;width:min(100%,410px);height:116px;margin:0 0 25px;position:relative;overflow:hidden;box-shadow:0 18px 45px #2f2f3012}.projects-page .hero-mini:before{content:"";opacity:.4;background-image:radial-gradient(#2f2f301f 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.projects-page .hero-mini:after{content:"";background:linear-gradient(90deg, transparent, var(--coral) 15%, var(--coral) 85%, transparent);transform-origin:0;height:1px;animation:4.2s ease-in-out infinite projects-flow-line;position:absolute;top:57px;left:42px;right:42px}.projects-page .mini-step{z-index:2;border:1px solid var(--line);width:46px;height:46px;color:var(--ink);background:#fff;border-radius:15px;place-items:center;font-size:.72rem;font-weight:850;animation:4.2s ease-in-out infinite projects-step-pulse;display:grid;position:absolute;top:35px;box-shadow:0 8px 20px #2f2f3014}.projects-page .mini-step:first-child{left:32px}.projects-page .mini-step:nth-child(2){border-color:var(--ink);color:#fff;background:var(--ink);animation-delay:.65s;left:calc(50% - 23px)}.projects-page .mini-step:nth-child(3){color:var(--coral-strong);background:var(--coral-soft);animation-delay:1.3s;right:32px}.projects-page .mini-spark{z-index:3;background:var(--coral);border:2px solid #fff;border-radius:50%;width:10px;height:10px;animation:4.2s ease-in-out infinite projects-spark-travel;position:absolute;top:52px;left:45px;box-shadow:0 0 0 5px #eb535824}@keyframes projects-flow-line{0%,12%{opacity:.25;transform:scaleX(.05)}48%,82%{opacity:1;transform:scaleX(1)}to{opacity:.25;transform:scaleX(.05)}}@keyframes projects-spark-travel{0%,12%{left:45px}82%,to{left:calc(100% - 55px)}}@keyframes projects-step-pulse{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}.projects-page .temporary-note{color:var(--muted);align-items:center;gap:9px;margin:14px 0 0;font-size:.78rem;display:inline-flex}.projects-page .temporary-note:before{content:"";background:var(--coral);border-radius:50%;flex:none;width:7px;height:7px}.projects-page .filters{border:1px solid var(--line);background:#ffffffdb;border-radius:999px;flex-wrap:wrap;gap:10px;width:max-content;max-width:100%;margin:0 0 30px;padding:7px;display:flex;box-shadow:0 10px 30px #2f2f300a}.projects-page .filter-button{min-height:41px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 17px;font-size:.84rem;font-weight:700;transition:color .2s,background .2s}.projects-page .filter-button:hover{color:var(--ink);background:var(--soft)}.projects-page .filter-button[aria-pressed=true]{color:#fff;background:var(--ink)}.projects-page .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.projects-page .project-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:27px;transition:transform .25s,box-shadow .25s;overflow:hidden}.projects-page .project-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px #2f2f301f}.projects-page .project-card[hidden]{display:none}.projects-page .project-visual{background:#f3f3f0;height:260px;padding:24px;position:relative;overflow:hidden}.projects-page .project-visual:before{content:"";opacity:.52;background-image:radial-gradient(#2f2f301f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.projects-page .project-visual:after{content:"";filter:blur(1px);background:#eb535821;border-radius:50%;width:300px;height:300px;position:absolute}.projects-page .project-card:nth-child(odd) .project-visual:after{top:-160px;right:-90px}.projects-page .project-card:nth-child(2n) .project-visual:after{bottom:-190px;left:-70px}.projects-page .project-number{z-index:2;width:42px;height:42px;color:var(--coral-strong);background:#fff;border-radius:50%;place-items:center;font-size:.76rem;font-weight:850;display:grid;position:absolute;top:20px;left:22px;box-shadow:0 8px 24px #2f2f3014}.projects-page .ui-window{z-index:1;background:#ffffffed;border:1px solid #2f2f301c;border-radius:17px;position:absolute;inset:42px 36px 28px 68px;transform:rotate(-1.5deg);box-shadow:0 22px 60px #2f2f301f}.projects-page .ui-window:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:18px;box-shadow:13px 0 #dadad7,26px 0 #dadad7}.projects-page .ui-lines{grid-template-columns:1fr .58fr;gap:13px;display:grid;position:absolute;inset:50px 22px 22px}.projects-page .ui-lines span{background:linear-gradient(135deg,#ecece9,#f8f8f6);border-radius:10px}.projects-page .ui-lines span:first-child{background:linear-gradient(145deg, var(--ink), #55565a);grid-row:span 2}.projects-page .ui-lines span:last-child{background:var(--coral-soft)}.projects-page .visual-flow .ui-window{box-shadow:none;background:0 0;border:0;inset:54px 45px 34px;transform:none}.projects-page .visual-flow .ui-window:before{display:none}.projects-page .visual-flow .ui-lines{grid-template-columns:1fr 1fr 1fr;align-items:center;inset:0}.projects-page .visual-flow .ui-lines span{background:#fff;border:1px solid #2f2f301a;height:70px;position:relative;box-shadow:0 14px 28px #2f2f3014}.projects-page .visual-flow .ui-lines span:first-child{background:var(--ink);grid-row:auto}.projects-page .visual-flow .ui-lines span:not(:last-child):after{content:"→";color:var(--coral);font-size:1.2rem;position:absolute;top:19px;right:-25px}.projects-page .project-visual.has-cover{padding:0}.projects-page .project-cover{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.projects-page .project-body{padding:28px 29px 30px}.projects-page .project-meta{color:var(--coral-strong);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:.75rem;font-weight:800;display:flex}.projects-page .project-meta span:last-child:not(:first-child){color:#999a9d}.projects-page .project-body h2{letter-spacing:-.035em;max-width:510px;margin-bottom:13px;font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.14}.projects-page .project-body h2 a:hover{color:var(--coral-strong)}.projects-page .project-body>p{color:var(--muted);margin-bottom:23px}.projects-page .project-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;padding-top:20px;display:grid}.projects-page .project-detail strong{letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;display:block}.projects-page .project-detail span{color:var(--muted);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.projects-page .tags{flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none;display:flex}.projects-page .tags li{color:#56575a;background:var(--soft);border-radius:999px;padding:6px 10px;font-size:.73rem;font-weight:700}.projects-page .project-actions{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px;display:flex}.projects-page .text-link{color:var(--coral-strong);align-items:center;gap:8px;font-weight:750;display:inline-flex}.projects-page .text-link span{transition:transform .2s}.projects-page .text-link:hover span{transform:translate(4px)}.projects-page .empty-state{background:#ffffffdb;border:1px dashed #d5d5d2;border-radius:27px;padding:48px 40px}.projects-page .empty-state h2{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.2rem)}.projects-page .empty-state p{color:var(--muted);margin:0}.projects-page .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-page .cta{color:#fff;background:var(--ink);border-radius:27px;justify-content:space-between;align-items:center;gap:38px;margin-top:44px;padding:42px 44px;display:flex}.projects-page .cta h2{letter-spacing:-.035em;margin-bottom:6px;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.15}.projects-page .cta p{color:#c9c9cb;margin-bottom:0}.projects-page .cta-actions{flex:none;gap:10px;display:flex}@media (width<=980px){.projects-page .hero-copy{grid-template-columns:1fr;gap:18px}.projects-page .project-visual{height:230px}.projects-page .cta{flex-direction:column;align-items:flex-start}}@media (width<=760px){.projects-page{padding:132px 0 76px}.projects-page .container{width:min(calc(100% - 28px), var(--max))}.projects-page h1{font-size:clamp(3.05rem,14vw,4.7rem)}.projects-page .hero-mini{width:100%;height:106px}.projects-page .mini-step{top:30px}.projects-page .hero-mini:after{top:52px}.projects-page .mini-spark{top:47px}.projects-page .filters{border-radius:22px;width:100%}.projects-page .filter-button{flex:auto}.projects-page .projects-grid{grid-template-columns:1fr}.projects-page .project-visual{height:220px}.projects-page .project-detail{grid-template-columns:1fr}.projects-page .cta{padding:32px 25px}.projects-page .cta-actions{flex-direction:column;width:100%}.projects-page .cta-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.projects-page *,.projects-page :before,.projects-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
