.websites-page{background:#080b0d;color:#fff;min-height:100vh;overflow:hidden}.websites-hero{padding:clamp(120px,15vw,200px) 0 70px;background:radial-gradient(circle at 80% 20%,rgba(37,199,189,.2),transparent 34%),#080b0d}.websites-hero span{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.18em}.websites-hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:-.055em;max-width:1000px;margin:.25em 0;font-weight:900}.websites-hero p{font-size:clamp(1rem,2vw,1.3rem);max-width:760px;color:#bbc4c7;font-weight:600}.websites-grid{display:grid;gap:46px;padding-bottom:110px}.website-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);gap:28px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:46px}.website-frame{display:block;border-radius:18px;overflow:hidden;background:#151a1d;box-shadow:0 25px 70px rgba(0,0,0,.35);text-decoration:none}.browser-bar{height:42px;background:#20262a;display:flex;align-items:center;gap:7px;padding:0 14px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#667076}.browser-bar span{margin-left:8px;color:#aab2b5;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-frame>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.website-placeholder{aspect-ratio:16/10;display:grid;place-items:center;color:#859094}.website-card-copy{display:flex;flex-direction:column;justify-content:space-between;gap:30px}.website-category{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.website-card-copy h2{font-size:clamp(2rem,4vw,4rem);font-weight:900;line-height:.95;margin:.25em 0}.website-card-copy p{color:#b8c0c3;font-weight:600}.website-live-link{color:#fff;text-decoration:none;font-weight:900}.website-live-link i{color:var(--teal)}.website-mobile-shot{position:absolute;right:24%;bottom:-28px;width:145px;max-height:320px;object-fit:cover;object-position:top;border:8px solid #151a1d;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.4)}.website-featured .website-frame{outline:2px solid rgba(37,199,189,.5)}.website-empty{text-align:center;padding:80px 20px;color:#b8c0c3}@media(max-width:900px){.website-card{grid-template-columns:1fr}.website-mobile-shot{right:20px;bottom:150px;width:110px}.website-card-copy{padding-right:130px}}@media(max-width:600px){.websites-hero{padding-top:105px}.website-card{padding-top:30px;gap:20px}.website-card-copy{padding-right:0}.website-mobile-shot{position:relative;right:auto;bottom:auto;width:100px;max-height:220px;margin-top:-85px;margin-left:auto;margin-right:18px}.browser-bar span{max-width:190px}}