/* Become Amazing® websites portfolio: authentic client work, responsive and accessible. */
.websites-landing{padding-top:clamp(42px,7vw,100px);padding-bottom:clamp(32px,5vw,68px)}
.websites-landing h1{font-size:clamp(2.65rem,6.4vw,6.2rem);letter-spacing:-.065em;line-height:1.03;max-width:970px;margin:.55rem 0 1.4rem}
.websites-landing h1 span{color:var(--gold-bright)}
.websites-landing>p:last-child{max-width:840px;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.85}
.websites-project{scroll-margin-top:120px}
.websites-project-heading{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(24px,4vw,46px);background:linear-gradient(120deg,#1a2637,#101a2b);border:1px solid rgba(215,182,106,.38);border-radius:30px}
.websites-project-heading>div{min-width:0;max-width:760px}.websites-project-heading h2{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.05;margin:12px 0;letter-spacing:-.06em}
.websites-project-heading p:not(.eyebrow){color:var(--muted);line-height:1.75}.project-feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.project-feature-tags span{border:1px solid var(--line);color:#dce4ee;padding:8px 12px;border-radius:99px;font-size:.81rem}
.website-visit{white-space:nowrap;flex:none;text-align:center}
.website-showcase-group{margin-top:clamp(44px,7vw,84px)}
.website-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 24px}.website-showcase-heading h3{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.1;letter-spacing:-.048em;margin:10px 0}.website-showcase-heading p:not(.eyebrow){color:var(--muted);max-width:720px;line-height:1.7}.website-showcase-heading .count{color:var(--gold-bright);font-size:.79rem;white-space:nowrap}
.website-desktop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.website-mobile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.website-shot{display:flex;flex-direction:column;position:relative;align-items:stretch;border:1px solid rgba(255,255,255,.17);background:#182538;border-radius:20px;padding:0;color:#e3eaf2;overflow:hidden;cursor:zoom-in;box-shadow:0 14px 36px rgba(0,0,0,.26);transition:transform .2s ease,border-color .2s ease;text-align:left;min-width:0}
.website-shot:hover{transform:translateY(-5px);border-color:var(--gold)}.website-shot:focus-visible,.website-lightbox-close:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}
.website-shot img{width:100%;height:auto;display:block;aspect-ratio:1920/968;object-fit:cover;object-position:top}
.website-shot-feature{grid-column:1 / -1}.website-shot-feature img{aspect-ratio:1920/968;object-fit:contain;background:#fdf9f6}
.website-mobile-shot img{aspect-ratio:9/24;object-fit:cover;object-position:top}
.shot-caption{padding:14px 18px;display:block;font-weight:750;font-size:.87rem;line-height:1.35;flex:1}.shot-expand{position:absolute;top:10px;right:12px;font-size:1.6rem;line-height:1;color:white;background:#09101ecc;border-radius:99px;padding:4px 10px}
.websites-future{padding-top:65px;padding-bottom:32px}.websites-future h2{font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.15;margin:8px 0}.websites-future p:last-child{color:var(--muted);line-height:1.7;max-width:760px}.websites-cta{padding-top:30px;padding-bottom:100px}
.website-lightbox{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.94);display:none;flex-direction:column;align-items:center;justify-content:center;padding:50px 14px 22px;gap:10px}.website-lightbox.open{display:flex}.website-lightbox img{display:block;max-height:84vh;max-width:95vw;object-fit:contain;border:1px solid #fff3;border-radius:9px;box-shadow:0 22px 80px #000d}.website-lightbox p{margin:0;color:#fff;font-size:.86rem;text-align:center}.website-lightbox-close{position:absolute;right:18px;top:8px;color:white;border:1px solid #fff5;background:#182538;border-radius:100px;width:43px;height:43px;font-size:2rem;cursor:pointer;line-height:1}
@media(max-width:1080px){.website-mobile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.websites-project-heading{flex-direction:column;align-items:stretch}.website-visit{align-self:flex-start}.website-desktop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.website-shot-feature{grid-column:1/-1}.website-showcase-heading{align-items:start;flex-direction:column}.website-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.websites-landing h1{overflow-wrap:anywhere}.website-desktop-grid{grid-template-columns:1fr}.website-showcase-heading .count{white-space:normal}.website-mobile-grid{gap:9px}.shot-caption{font-size:.72rem;padding:9px}.website-mobile-shot{border-radius:13px}}