.websites-page{min-height:100vh;padding:72px max(20px,4vw) 96px;background:#08090a;color:#f2efe6;font-family:var(--font-body),sans-serif}.websites-intro{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;align-items:end;grid-gap:28px;gap:28px;margin:0 auto 52px;max-width:1320px}.website-example-copy div,.websites-intro p{font:600 10px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.websites-intro p{color:#c9ff38}.websites-intro h1{font:600 clamp(54px,8vw,124px)/.84 var(--font-heading),sans-serif;letter-spacing:-.06em}.websites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;max-width:1320px;margin:0 auto}.website-example{min-width:0;border:1px solid #ffffff2b;background:#101211}.website-example a{display:block}.website-example-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#171a18}.website-example-image img{object-fit:cover;transition:transform .25s ease}.website-example-copy{padding:22px}.website-example-copy div{display:flex;justify-content:space-between;gap:20px;color:#aeb5ae}.website-example-copy div span{color:#c9ff38}.website-example-copy h2{margin:42px 0 24px;font:600 clamp(30px,4vw,54px)/.95 var(--font-heading),sans-serif;letter-spacing:-.05em}.website-example-copy>b{display:inline-flex;gap:12px;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.website-example a:hover .website-example-image img{transform:scale(1.015)}.website-example a:hover .website-example-copy>b{color:#c9ff38}@media (max-width:760px){.websites-page{padding:56px 20px 72px}.websites-intro{grid-template-columns:1fr;gap:18px;margin-bottom:36px}.websites-intro h1{font-size:clamp(48px,16vw,72px)}.websites-grid{grid-template-columns:1fr}.website-example-copy h2{margin-top:34px}}