.project-page{background:#090909;color:#f5f3ef}.project-page *{box-sizing:border-box}.project-page main{overflow:hidden}.project-shell{width:min(1380px,calc(100% - 64px));margin:auto}.project-hero{min-height:88vh;padding:12rem 0 6rem;display:grid;align-content:end;position:relative}.project-hero:before{content:"";position:absolute;width:52vw;height:52vw;right:-24vw;top:-25vw;border-radius:50%;background:radial-gradient(circle,rgba(249,116,22,.22),transparent 68%)}.project-breadcrumbs{position:absolute;top:9rem;left:0;color:#777;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.project-breadcrumbs a{color:#aaa}.project-eyebrow{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #292929;color:#888;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.project-eyebrow span:first-child{color:#f97416}.project-hero h1{max-width:1050px;margin:2.4rem 0 1.8rem;font-family:var(--ff-display);font-size:clamp(4.6rem,10vw,10rem);line-height:.82;letter-spacing:-.08em}.project-hero h1 em{display:block;color:#f97416;font-style:normal}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.project-intro .lead{margin:0;max-width:710px;font-size:clamp(1.25rem,2vw,2rem);line-height:1.4}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-facts div{padding-top:1rem;border-top:1px solid #292929}.project-facts b{display:block;margin-bottom:.45rem;color:#777;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.project-facts span{font-size:.82rem;color:#bbb}.showcase{padding:7rem 0 3rem;background:#111}.showcase-head{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:end;margin-bottom:3rem}.showcase-head h2{margin:0;font-family:var(--ff-display);font-size:clamp(2.8rem,6vw,6.2rem);line-height:.92;letter-spacing:-.06em}.showcase-head h2 em{color:#f97416;font-style:normal}.showcase-head p{margin:0;color:#999;line-height:1.75}.mockup-carousel{position:relative}.mockup-stage{position:relative;min-height:clamp(510px,65vw,820px);border:1px solid #292929;background:radial-gradient(circle at 75% 20%,rgba(249,116,22,.16),transparent 30%),linear-gradient(145deg,#181818,#0b0b0b);overflow:hidden}.mockup-slide{position:absolute;inset:0;padding:clamp(1.2rem,4vw,4rem);display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateX(4%);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1),visibility .55s}.mockup-slide.is-active{opacity:1;visibility:visible;transform:none}.browser-mockup{width:min(1120px,92%);filter:drop-shadow(0 38px 48px rgba(0,0,0,.52))}.browser-bar{height:34px;border:1px solid #3a3a3a;border-bottom:0;border-radius:12px 12px 0 0;background:#222;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#555}.browser-bar span{margin-left:10px;color:#757575;font-size:.58rem;letter-spacing:.07em}.browser-screen{padding:7px;background:#1f1f1f;border:1px solid #3a3a3a;border-top:0;border-radius:0 0 12px 12px}.browser-screen img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}.phone-mockup{width:min(370px,73vw);padding:10px;border:1px solid #4b4b4b;border-radius:46px;background:linear-gradient(145deg,#353535,#0d0d0d);box-shadow:0 45px 70px rgba(0,0,0,.6);position:relative}.phone-mockup:before{content:"";position:absolute;z-index:2;top:19px;left:50%;width:30%;height:22px;transform:translateX(-50%);border-radius:20px;background:#090909}.phone-mockup img{display:block;width:100%;aspect-ratio:430/932;object-fit:cover;object-position:top;border-radius:36px}.slide-caption{position:absolute;left:clamp(1.2rem,4vw,4rem);bottom:clamp(1rem,2vw,2rem);display:flex;gap:1rem;align-items:center;color:#aaa;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.slide-caption b{color:#f97416}.carousel-ui{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem}.carousel-dots{display:flex;gap:.5rem}.carousel-dot{width:38px;height:3px;border:0;background:#333;padding:0;cursor:pointer;transition:.25s}.carousel-dot.is-active{background:#f97416;width:64px}.carousel-buttons{display:flex;gap:.55rem}.carousel-buttons button{width:52px;height:52px;border:1px solid #333;border-radius:50%;background:transparent;color:#eee;font-size:1rem;cursor:pointer;transition:.25s}.carousel-buttons button:hover{border-color:#f97416;color:#f97416}.visit-block{padding:7rem 0 10rem}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.visit-grid h2{margin:0;font-family:var(--ff-display);font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.06em}.visit-grid p{color:#999;line-height:1.75}.visit-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:1.5rem;padding:1rem 1.2rem 1rem 1.5rem;border:1px solid #f97416;border-radius:999px;color:#fff}.visit-cta span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f97416;color:#090909}.next-project{border-top:1px solid #292929;padding:4rem 0}.next-project a{display:flex;justify-content:space-between;align-items:center;color:#777;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.next-project strong{color:#fff;font-family:var(--ff-display);font-size:clamp(1.6rem,3vw,3rem);text-transform:none;letter-spacing:-.04em}@media(max-width:900px){.project-shell{width:min(100% - 36px,1380px)}.project-hero{min-height:auto;padding-top:10rem}.project-intro,.showcase-head,.visit-grid{grid-template-columns:1fr}.project-facts{margin-top:2rem}.mockup-stage{min-height:620px}.browser-mockup{width:100%}}@media(max-width:600px){.project-shell{width:calc(100% - 28px)}.project-hero h1{font-size:4rem}.project-eyebrow span:last-child{display:none}.project-facts{grid-template-columns:1fr}.mockup-stage{min-height:480px}.mockup-slide{padding:1rem}.browser-screen img{aspect-ratio:1.1}.slide-caption{bottom:1rem}.showcase{padding-top:5rem}.next-project a{align-items:flex-start;gap:1rem}.next-project strong{text-align:right}}