.project-detail-page{min-height:calc(100vh - 74px)}.project-detail-hero{padding-top:80px;padding-bottom:90px}.project-detail-hero .back-link{color:var(--muted);align-items:center;gap:8px;margin-bottom:64px;font-size:13px;display:inline-flex}.project-detail-hero .back-link:hover{color:var(--orange)}.project-detail-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;margin-top:22px;display:grid}.project-detail-heading>div{position:relative}.project-detail-index{color:color-mix(in srgb, var(--text) 8%, transparent);font:800 120px var(--font-mono);position:absolute;top:-48px;left:0}.project-detail-heading h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(58px,8vw,106px);line-height:.92;position:relative}.project-detail-heading>p{color:var(--muted);margin:0 0 8px;font-size:18px;line-height:1.75}.project-detail-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.project-detail-overview{border-top:1px solid var(--border);grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.project-detail-overview h2,.project-detail-cta h2{letter-spacing:-.045em;max-width:620px;margin:18px 0 0;font-size:clamp(38px,4.6vw,62px);line-height:1.05}.project-detail-copy>p{color:var(--muted);margin:0 0 32px;font-size:20px;line-height:1.8}.project-role{background:var(--surface-2);border-left:2px solid var(--orange);margin-bottom:28px;padding:24px}.project-role small,.project-challenge small{color:var(--orange);font:700 9px var(--font-mono);letter-spacing:.12em;margin-bottom:7px;display:block}.project-role strong{font-size:20px;display:block}.project-role p{color:var(--muted);margin:12px 0 0;line-height:1.7}.project-detail-section{border-top:1px solid var(--border)}.project-feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:0;padding:0;list-style:none;display:grid}.project-feature-grid li{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-height:190px;padding:28px;position:relative}.project-feature-grid li>span{color:var(--muted);font:600 11px var(--font-mono);position:absolute;top:20px;right:22px}.project-feature-grid svg{width:24px;height:24px;color:var(--orange);margin-bottom:50px}.project-feature-grid strong{max-width:250px;font-size:18px;line-height:1.35;display:block}.project-challenges{gap:18px;display:grid}.project-challenge{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:.8fr 1.1fr 1.1fr;gap:35px;padding:34px;display:grid}.project-challenge h3{letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.25}.project-challenge p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.project-carousel{max-width:1180px;margin:0 auto}.project-carousel-stage{aspect-ratio:16/9;border:1px solid var(--border);box-shadow:var(--shadow);background:#282119;border-radius:20px;position:relative;overflow:hidden}.project-carousel-stage.blue{background:#17272d}.project-carousel-stage.green{background:#18291f}.project-carousel-stage.purple{background:#271c2d}.project-carousel-slide{cursor:grab;touch-action:pan-y;margin:0;position:absolute;inset:0}.project-carousel-slide:active{cursor:grabbing}.project-carousel-slide img{object-fit:contain;object-position:top center;-webkit-user-select:none;user-select:none}.project-carousel-arrow{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111111b8;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.project-carousel-arrow:hover{color:#111;background:var(--orange);border-color:var(--orange);transform:translateY(-50%)scale(1.06)}.project-carousel-arrow.previous{left:20px}.project-carousel-arrow.next{right:20px}.project-carousel-arrow svg{width:22px;height:22px}.project-carousel-footer{justify-content:space-between;align-items:center;gap:28px;min-height:68px;padding:14px 4px 0;display:flex}.project-carousel-footer>div:first-child{align-items:center;gap:18px;display:flex}.project-carousel-count{color:var(--orange);font:700 11px var(--font-mono);letter-spacing:.1em;white-space:nowrap}.project-carousel-footer p{color:var(--muted);margin:0;font-size:13px}.project-carousel-dots{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.project-carousel-dots button{cursor:pointer;background:var(--border);border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.project-carousel-dots button.active{background:var(--orange);width:26px}.project-carousel-arrow:focus-visible,.project-carousel-dots button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.project-screenshot-placeholder{text-align:center;place-content:center;gap:15px;display:grid;position:absolute;inset:0}.project-screenshot-placeholder:before{content:"";border:1px solid color-mix(in srgb, var(--orange) 38%, transparent);border-radius:50%;width:330px;height:330px;position:absolute;top:-100px;right:-60px}.project-screenshot-placeholder span{color:var(--orange);font:800 42px var(--font-mono);position:relative}.project-screenshot-placeholder strong{color:#ffffffb3;font:600 10px var(--font-mono);text-transform:uppercase;letter-spacing:.12em;position:relative}.project-detail-cta{text-align:center;background:var(--surface-2)}.project-detail-cta h2{margin-left:auto;margin-right:auto}.project-detail-cta .project-detail-actions{justify-content:center}@media (max-width:900px){.project-detail-heading,.project-detail-overview{grid-template-columns:1fr;gap:38px}.project-feature-grid{grid-template-columns:repeat(2,1fr)}.project-challenge{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.project-detail-hero{padding-top:55px;padding-bottom:70px}.project-detail-hero .back-link{margin-bottom:45px}.project-detail-heading h1{font-size:58px}.project-detail-heading>p{font-size:16px}.project-detail-index{font-size:80px;top:-30px}.project-detail-actions{flex-direction:column}.project-detail-actions .button{width:100%}.project-detail-overview{gap:30px}.project-detail-copy>p{font-size:17px}.project-feature-grid{grid-template-columns:1fr}.project-feature-grid li{min-height:165px}.project-challenge{padding:25px 22px}.project-carousel-stage{aspect-ratio:4/3;border-radius:14px}.project-carousel-arrow{width:40px;height:40px}.project-carousel-arrow.previous{left:10px}.project-carousel-arrow.next{right:10px}.project-carousel-footer,.project-carousel-footer>div:first-child{align-items:flex-start}.project-carousel-footer{flex-direction:column;gap:12px}.project-carousel-dots{justify-content:flex-start}}