/* Project imagery stays in its original proportions in both portfolio themes. */
.website-project-cover .cover-detail{position:absolute;right:5%;bottom:14%;width:45%;aspect-ratio:4/3;overflow:hidden;border:3px solid var(--bg);border-radius:7px;background:#fff;box-shadow:0 12px 24px #0003}
.website-project-cover .cover-detail img{display:block;width:100%;height:auto}
.website-project-cover .cover-desktop,.website-project-cover .cover-detail{transition:transform .35s ease}
.website-tile:hover .cover-desktop{transform:translateY(-3px)}
.website-tile:hover .cover-detail{transform:translateY(-5px)}
.website-facts{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:24px;padding-bottom:8px}
.website-facts>div{display:flex;flex-direction:column;gap:8px;min-width:0}.website-facts>div>p:last-child{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.website-screen{min-width:0}.website-screen>a{display:block;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in}.website-screen img{width:100%;height:auto;display:block;aspect-ratio:1348/926}
.website-screen figcaption{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding-top:16px;color:var(--muted);font-size:14px;line-height:1.6}
.website-overview{display:grid;grid-template-columns:1fr 1fr;gap:40px}.website-case .stack{gap:22px}.website-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.website-points>div{border-top:1px solid var(--border);padding-top:18px}.website-points .stack{gap:12px}.website-case h3{font-size:24px;line-height:1.3}
.website-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.website-screen-grid figcaption{display:flex;flex-direction:column;gap:8px}.website-detail{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:12px;border-top:1px solid var(--border)}.website-outcome{max-width:880px}.website-next{display:flex;justify-content:space-between;align-items:center;gap:32px}.website-case .section{padding-block:40px}#screens{scroll-margin-top:24px}
@media(min-width:900px){.website-case>.section:first-child .website-screen{max-width:1080px;margin-inline:auto;width:100%}}
@media(max-width:800px){.website-points{grid-template-columns:1fr;gap:26px}.website-points>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px 18px}.website-points>div>p:last-child{grid-column:2}.website-overview{gap:24px}.website-facts{grid-template-columns:1fr 1fr}.website-facts>div:last-child{grid-column:1/-1}.website-detail{grid-template-columns:1fr;gap:16px}}
@media(max-width:600px){.website-overview,.website-screen-grid{grid-template-columns:1fr}.website-screen figcaption{grid-template-columns:1fr;gap:8px}.website-card-image{padding:18px}.website-facts{grid-template-columns:1fr;gap:18px}.website-next{align-items:flex-start;flex-direction:column}.website-case .section{padding-block:30px}.website-case .actions{gap:18px}.website-points>div{grid-template-columns:24px minmax(0,1fr);gap:10px 12px}}
@media(prefers-reduced-motion:reduce){.website-card-image img{transition:none}.website-tile:hover img{transform:none}}

@media(prefers-reduced-motion:reduce){.website-project-cover .cover-desktop,.website-project-cover .cover-detail{transition:none;transform:none!important}}
.website-screen img{aspect-ratio:auto}.project-browser,.project-live{min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg)}.project-browser-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;border-bottom:1px solid var(--border);font-size:14px}.project-browser-toolbar label{display:flex;align-items:center;gap:12px;margin-right:auto}.project-browser-toolbar select,.project-browser-toolbar button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;min-height:44px;padding:9px 12px;max-width:100%}.project-browser-toolbar select{max-width:300px}.project-browser-toolbar button:hover{background:var(--section-blue)}.project-image-scroll{height:620px;overflow:auto;background:#fff;overscroll-behavior:contain;scrollbar-width:thin}.project-image-scroll img{width:100%;height:auto;max-width:none}.project-image-scroll.original-size img{width:auto;max-width:none}.project-screen-caption{padding:16px;color:var(--muted);font-size:14px}.project-live-stage{background:var(--gallery-blue);min-height:180px;display:grid;place-items:center;padding:24px}.project-live-stage iframe{width:100%;height:700px;border:0;background:white;border-radius:5px}.project-live>.caption{padding:12px 16px}.project-image-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
@media(max-width:600px){.project-browser-toolbar{gap:10px;padding:12px}.project-browser-toolbar label{width:100%;min-width:0}.project-browser-toolbar select{min-width:0;flex:1}.project-image-scroll{height:440px}.project-live-stage{padding:8px}.project-live-stage iframe{height:580px}}
.website-screen-grid{grid-template-columns:1fr;gap:36px}.contextual-screen{width:100%;min-width:0}.contextual-screen figcaption{margin:0 0 16px;padding:0;display:grid;grid-template-columns:1fr 2fr;gap:24px}.context-media{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--surface-shadow)}.context-media>a{display:block;max-height:680px;overflow:auto;overscroll-behavior:contain}.context-media>a[hidden]{display:none}.context-media img{width:100%;height:auto}.context-frame{display:block;width:100%;height:720px;border:0;background:#fff}.context-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-top:14px;font-size:14px}.context-controls button{font:inherit;color:var(--text);background:var(--action);border:1px solid var(--border);border-radius:8px;padding:11px 16px;min-height:44px}.context-controls button:hover{background:var(--hover)}.context-note{font-size:13px;color:var(--muted);margin-top:10px}@media(max-width:700px){.contextual-screen figcaption{grid-template-columns:1fr;gap:8px}.context-frame{height:570px}.context-media>a{max-height:460px}.context-controls{gap:12px 18px}}