/* Genuine homepage captures. Shared order and geometry on Home and Projects. */
.project-gallery.live-portfolio,.home-work .project-gallery.live-portfolio{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:42px 24px;align-items:start;margin:45px 0 50px}
.live-portfolio .website-card,.home-work .live-portfolio .website-card{display:flex;grid-column:span 4;grid-row:auto;margin:0;min-width:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;align-self:start;transition:opacity .65s,transform .65s}
.live-portfolio .website-card:nth-child(1){grid-column:span 7}.live-portfolio .website-card:nth-child(2){grid-column:span 5;margin-top:100px}.live-portfolio .website-card:nth-child(4){margin-top:65px}.live-portfolio .website-card:nth-child(5){margin-top:130px}.live-portfolio .website-card:nth-child(6){grid-column:2/span 5}.live-portfolio .website-card:nth-child(7){grid-column:8/span 5;margin-top:75px}
.live-portfolio .website-card:nth-child(2){transition-delay:.08s}.live-portfolio .website-card:nth-child(3){transition-delay:0s}.live-portfolio .website-card:nth-child(4){transition-delay:.08s}.live-portfolio .website-card:nth-child(5){transition-delay:.16s}.live-portfolio .website-card:nth-child(6){transition-delay:0s}.live-portfolio .website-card:nth-child(7){transition-delay:.08s}
.browser-frame{border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:#171513;box-shadow:0 20px 50px #0005;transition:border-color .25s,box-shadow .25s}.browser-bar{height:36px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#a9a29d;background:linear-gradient(110deg,#24201d,#171513);border-bottom:1px solid #ffffff15;font-size:9px}.browser-lights{display:flex;gap:4px;flex:none}.browser-lights i{width:5px;height:5px;border-radius:50%;background:#6c5d50}.browser-lights i:first-child{background:var(--accent)}.browser-address{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.browser-arrow{color:var(--accent-highlight);font-size:14px}.website-preview{width:100%;aspect-ratio:3/2;overflow:hidden;position:relative;background:#f5f4f2}.website-preview img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center;filter:none;transition:transform .55s cubic-bezier(.2,.7,.3,1);transform-origin:center center}.live-portfolio .project-copy,.home-work .live-portfolio .project-copy{padding:20px 1px 0}.live-portfolio .portfolio-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.17em;color:var(--accent-light);margin-bottom:11px}.live-portfolio .portfolio-label>span{color:#8f847c;white-space:nowrap}.live-portfolio .project-copy h2,.home-work .live-portfolio .project-copy h2{font-size:clamp(24px,2.2vw,34px);line-height:1.12;margin:0;max-width:580px;font-weight:500}.live-portfolio .latest-project .project-copy h2{font-size:clamp(29px,3vw,43px)}.live-portfolio .visit-website,.home-work .live-portfolio .visit-website{display:inline-flex;min-height:46px;margin-top:18px;padding:10px 17px;font-size:13px;gap:24px;border-color:var(--blue-600);background:#ffffff04;white-space:nowrap}.live-portfolio .visit-website span{font-size:19px;transition:transform .2s}.live-portfolio .visit-website:hover span,.live-portfolio .visit-website:focus-visible span{transform:translate(3px,-2px)}.live-portfolio .website-card:focus-within .browser-frame{border-color:var(--accent-highlight);box-shadow:0 18px 55px color-mix(in srgb, var(--accent) 6.67%, transparent)}.live-portfolio .website-card.is-visible:hover{transform:none;border:0;box-shadow:none}@media(hover:hover){.website-card:hover .website-preview img{transform:scale(1.018)}.website-card:hover .browser-frame{border-color:color-mix(in srgb, var(--accent-highlight) 46.67%, transparent);box-shadow:0 24px 60px #0008}}
.preview-unavailable{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;background:radial-gradient(ellipse at 100% 100%,var(--blue-850),#17110d 70%);color:var(--blue-100)}.preview-unavailable>span{font-size:38px;color:var(--accent-highlight);margin-bottom:14px}.preview-unavailable>strong{font-size:21px;font-weight:500;letter-spacing:-.03em;max-width:210px}.preview-unavailable p{font-size:12px;color:#bdafa4;margin:9px 0 0;max-width:210px}
@media(max-width:1000px){.project-gallery.live-portfolio,.home-work .project-gallery.live-portfolio{gap:30px 18px}.live-portfolio .website-card,.home-work .live-portfolio .website-card{grid-column:span 6}.live-portfolio .website-card:nth-child(1),.live-portfolio .website-card:nth-child(2){grid-column:span 6}.live-portfolio .website-card:nth-child(2){margin-top:70px}.live-portfolio .website-card:nth-child(4){margin-top:65px}.live-portfolio .website-card:nth-child(5){margin-top:0}.live-portfolio .website-card:nth-child(6){grid-column:span 6;margin-top:65px}.live-portfolio .website-card:nth-child(7){grid-column:3/span 8;margin-top:0}.browser-bar{padding:0 10px;gap:8px;font-size:8px}.live-portfolio .latest-project .project-copy h2{font-size:30px}}
@media(max-width:700px){.project-gallery.live-portfolio,.home-work .project-gallery.live-portfolio{grid-template-columns:minmax(0,1fr);gap:40px;margin:28px 0 40px}.live-portfolio .website-card,.home-work .live-portfolio .website-card,.live-portfolio .website-card:nth-child(n){grid-column:1;grid-row:auto;margin:0;display:flex}.browser-frame{border-radius:13px}.browser-bar{height:32px;padding:0 11px;gap:8px;font-size:8px}.live-portfolio .project-copy,.home-work .live-portfolio .project-copy{padding:18px 0 0}.live-portfolio .project-copy h2,.home-work .live-portfolio .project-copy h2{font-size:27px}.live-portfolio .latest-project .project-copy h2{font-size:30px}.live-portfolio .visit-website,.home-work .live-portfolio .visit-website{min-height:48px;font-size:13px;margin-top:15px}.preview-unavailable{padding:24px}.preview-unavailable>strong{font-size:24px;max-width:none}.preview-unavailable>span{margin-bottom:10px}.live-portfolio .portfolio-label{font-size:9px}.website-preview img{transform:none!important}}
@media(prefers-reduced-motion:reduce){.live-portfolio *, .live-portfolio .website-card{transition:none!important;animation:none!important}.website-preview img{transform:none!important}}
.live-portfolio .website-preview{aspect-ratio:var(--preview-ratio,3/2)}
.screenshot-open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;cursor:zoom-in}
.screenshot-open:focus-visible{outline:3px solid var(--accent-highlight);outline-offset:-4px}
.portfolio-lightbox{position:fixed;inset:0;margin:auto;padding:54px 24px 22px;width:min(94vw,1480px);max-width:none;max-height:94vh;overflow:auto;border:1px solid color-mix(in srgb, var(--accent-highlight) 33.33%, transparent);border-radius:20px;background:#0b0908;color:#fff;box-shadow:0 30px 100px #000b}
.portfolio-lightbox::backdrop{background:#050403dc;backdrop-filter:blur(7px)}
.portfolio-lightbox figure{margin:0 auto 18px;display:grid;justify-items:center;gap:12px}
.portfolio-lightbox figure img{display:block;width:auto;height:auto;max-width:100%;max-height:76vh;object-fit:contain;border-radius:8px;background:#111}
.portfolio-lightbox figcaption{font-size:12px;line-height:1.5;color:#d2c8c0;text-align:center}
.portfolio-lightbox .lightbox-close{position:absolute;top:11px;right:12px;width:42px;height:42px;border:1px solid color-mix(in srgb, var(--accent-highlight) 43.92%, transparent);border-radius:50%;background:#17110d;color:#fff;font-size:28px;line-height:1}
.portfolio-lightbox .lightbox-visit{display:flex;width:max-content;min-height:46px;margin:0 auto;border-color:var(--accent-highlight)}
@media(max-width:700px){.portfolio-lightbox{width:96vw;max-height:94dvh;padding:54px 12px 16px;border-radius:14px}.portfolio-lightbox figure img{max-height:70dvh}.portfolio-lightbox .lightbox-close{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.screenshot-open img{transition:none!important}}

/* Selected Work glass dashboard */
.projects-page .site-shell{max-width:1720px}
.portfolio-dashboard{width:100%;max-width:100%;min-width:0;margin:20px 0 70px;padding:clamp(18px,3vw,42px);border:1px solid #ffffff20;border-radius:30px;background:radial-gradient(ellipse at 78% 7%,color-mix(in srgb, var(--blue-850) 50.20%, transparent),transparent 35%),linear-gradient(145deg,#282625ed,#171615f7 62%,#211710);box-shadow:0 28px 80px #0008,inset 0 1px #ffffff12;backdrop-filter:blur(18px)}
.dashboard-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.dashboard-header h1{font-size:clamp(42px,6vw,76px);margin:0 0 10px;font-weight:600;letter-spacing:-.07em}.dashboard-header h1 span{color:var(--accent-highlight)}.dashboard-header>div>p:last-child{color:#c3bfbb;margin:0}.dashboard-header .eyebrow{margin-bottom:12px;color:var(--accent-light)}
.portfolio-search{width:min(360px,38%);min-width:0}.portfolio-search label{display:block;margin:0 0 8px;color:#c5beb9;font-size:12px}.portfolio-search>div{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;padding:0 12px;border:1px solid #ffffff25;border-radius:14px;background:#0c0b0bd1}.portfolio-search>div>span{font-size:24px;color:var(--accent-light)}.portfolio-search input{width:0;min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent}.portfolio-search input::placeholder{color:#85807b}.portfolio-search button{flex:none;border:0;padding:9px 5px;color:var(--accent-light);background:transparent;font-size:12px}
.dashboard-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:20px}.portfolio-rail{align-self:start;position:sticky;top:18px;display:flex;flex-direction:column;gap:7px;padding:17px 12px;border:1px solid #ffffff17;border-radius:21px;background:#09090972}.portfolio-rail>p{margin:3px 10px 8px;color:#9e9994;font-size:10px;letter-spacing:.19em}.portfolio-filter{min-height:43px;padding:9px 12px;text-align:left;color:#d1cecb;border:1px solid transparent;border-radius:12px;background:transparent;transition:background .2s,border-color .2s,color .2s}.portfolio-filter:hover,.portfolio-filter:focus-visible{border-color:color-mix(in srgb, var(--accent-highlight) 40.00%, transparent);background:color-mix(in srgb, var(--accent) 9.02%, transparent)}.portfolio-filter.is-active{color:#fff;border-color:color-mix(in srgb, var(--accent-highlight) 33.33%, transparent);background:linear-gradient(100deg,color-mix(in srgb, var(--accent-highlight) 12.16%, transparent),#ffffff08);box-shadow:inset 2px 0 var(--accent-highlight)}
.dashboard-content{min-width:0}.featured-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.82fr);gap:16px}.featured-panel,.side-projects>.dashboard-project,.project-rows>.dashboard-project{min-width:0;overflow:hidden;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#ffffff0d,#ffffff04);box-shadow:0 14px 35px #0003;transition:transform .25s,border-color .25s,box-shadow .25s}.featured-panel:hover,.side-projects>.dashboard-project:hover,.project-rows>.dashboard-project:hover{transform:translateY(-3px);border-color:color-mix(in srgb, var(--accent-highlight) 43.92%, transparent);box-shadow:0 20px 45px #0006,0 0 24px color-mix(in srgb, var(--accent) 5.49%, transparent)}.featured-media{padding:13px 13px 0}.featured-panel .website-preview{aspect-ratio:1.55}.featured-panel .website-preview img{object-fit:cover;object-position:top center}.featured-copy{padding:18px 22px 21px}.featured-copy .eyebrow{margin-bottom:9px;font-size:9px;color:var(--accent-light)}.featured-copy h2{font-size:clamp(27px,3vw,39px);margin-bottom:8px}.featured-copy>p:not(.eyebrow){max-width:650px;color:#c6c0ba;font-size:13px;margin-bottom:15px}.featured-copy .button{min-height:45px;font-size:13px}.side-projects{display:grid;gap:16px;align-content:start}.side-projects>.dashboard-project .browser-bar{height:27px}.side-projects .website-preview{aspect-ratio:1.75}.side-projects .project-copy{padding:11px 15px 15px}.side-projects .portfolio-label{font-size:8px;margin-bottom:6px}.side-projects .project-copy h2{font-size:18px;margin:0;line-height:1.15}.side-projects .visit-website{min-height:38px;margin-top:10px;padding:6px 12px;font-size:11px;gap:12px}
.project-list{margin-top:24px;padding:21px;border:1px solid #ffffff18;border-radius:22px;background:#08080754}.project-list-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.project-list-heading .eyebrow{color:var(--accent-light);margin-bottom:8px;font-size:9px}.project-list-heading h2{font-size:28px;margin:0}.project-list-heading>[data-results-count]{color:#aaa39d;font-size:12px}.project-rows{display:grid;gap:9px}.project-rows>.dashboard-project{display:grid;grid-template-columns:minmax(160px,24%) minmax(0,1fr);align-items:center;gap:20px;padding:10px;border-radius:16px}.project-rows .browser-frame{border-radius:10px}.project-rows .browser-bar{height:24px;padding:0 9px;font-size:8px}.project-rows .browser-lights i{width:4px;height:4px}.project-rows .website-preview{aspect-ratio:2.1}.project-rows .website-preview img{object-fit:cover;object-position:top}.project-rows .project-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 16px;padding:4px 9px 4px 0}.project-rows .portfolio-label{grid-column:1/-1;margin:0;color:var(--accent-light);font-size:8px}.project-rows .project-copy h2{grid-column:1;grid-row:2;font-size:20px;margin:0}.project-rows .project-copy>p{grid-column:1;grid-row:3;color:#b9b2ab;font-size:11px;margin:0;line-height:1.5}.project-rows .dashboard-actions{grid-column:2;grid-row:2/4;display:flex;gap:9px}.project-rows .dashboard-actions .button{min-height:40px;margin:0;padding:7px 12px;font-size:11px;gap:8px}.project-rows .preview-project{cursor:pointer}.portfolio-filtered-out{display:none!important}.portfolio-empty{margin:20px 0 3px;padding:28px;text-align:center;color:#c9c0b8;border:1px dashed color-mix(in srgb, var(--accent-highlight) 40.00%, transparent);border-radius:14px}.view-all-projects{margin:4px 0 55px;min-height:49px}.home-work .home-portfolio-preview{margin:35px 0 24px;gap:20px}.home-work .home-portfolio-preview .website-card{grid-column:span 4!important;margin:0!important}.home-work .home-portfolio-preview .project-copy h2{font-size:clamp(19px,2vw,27px)}.home-work .home-portfolio-preview .project-copy p{font-size:12px;color:#b8b1aa}
@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}.portfolio-rail{position:static;display:flex;flex-direction:row;overflow-x:auto;gap:7px;padding:9px;scrollbar-width:thin}.portfolio-rail>p{align-self:center;white-space:nowrap;margin:0 7px}.portfolio-filter{flex:none;min-height:40px;white-space:nowrap}.featured-grid{grid-template-columns:1fr}.side-projects{grid-template-columns:1fr 1fr}.featured-panel .website-preview{aspect-ratio:1.8}}
@media(max-width:700px){.portfolio-dashboard{width:100%;margin:8px 0 40px;padding:16px 13px;border-radius:22px}.dashboard-header{align-items:stretch;min-width:0;flex-direction:column;gap:18px;margin-bottom:16px}.dashboard-header h1{font-size:47px}.dashboard-header>div>p:last-child{font-size:13px}.portfolio-search{width:100%;min-width:0}.portfolio-search>div{min-height:50px}.dashboard-layout{min-width:0;gap:12px}.portfolio-rail{margin:0 -13px;padding:8px 13px;border-radius:0;border-left:0;border-right:0}.portfolio-rail>p{font-size:8px}.portfolio-filter{min-height:42px;padding:8px 11px;font-size:12px}.featured-grid{min-width:0;gap:11px}.featured-panel,.side-projects>.dashboard-project{border-radius:17px}.featured-media{padding:8px 8px 0}.featured-panel .website-preview{aspect-ratio:1.25}.featured-panel .website-preview img{object-fit:cover}.featured-copy{padding:15px}.featured-copy h2{font-size:27px}.featured-copy>p:not(.eyebrow){font-size:12px}.featured-copy .button{min-height:47px}.side-projects{grid-template-columns:1fr;gap:11px}.side-projects .website-preview{aspect-ratio:2.15}.side-projects .project-copy{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:11px 13px}.side-projects .project-copy h2{grid-column:1;grid-row:2;font-size:17px}.side-projects .project-copy .visit-website{grid-column:2;grid-row:1/3;margin:0;min-height:42px;padding:6px 10px}.project-list{min-width:0;margin-top:12px;padding:14px 10px;border-radius:17px}.project-list-heading h2{font-size:24px}.project-list-heading>[data-results-count]{font-size:10px}.project-rows{gap:10px}.project-rows>.dashboard-project{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:8px;border-radius:14px}.project-rows .browser-bar{height:19px;padding:0 5px;gap:4px;font-size:6px}.project-rows .browser-lights{gap:2px}.project-rows .browser-lights i{width:3px;height:3px}.project-rows .website-preview{aspect-ratio:1.05}.project-rows .website-preview img{object-fit:cover}.project-rows .project-copy{grid-template-columns:1fr;gap:5px;padding:0}.project-rows .portfolio-label{font-size:7px}.project-rows .project-copy h2{grid-column:1;grid-row:auto;font-size:15px;line-height:1.13}.project-rows .project-copy>p{display:none}.project-rows .dashboard-actions{grid-column:1;grid-row:auto;display:flex;gap:6px;margin-top:3px}.project-rows .dashboard-actions .button{min-height:39px;padding:6px 9px;font-size:10px}.home-work .home-portfolio-preview{grid-template-columns:1fr;gap:25px}.home-work .home-portfolio-preview .website-card{grid-column:1!important}.home-work .home-portfolio-preview .project-copy h2{font-size:24px}.view-all-projects{margin-bottom:35px}}
@media(max-width:380px){.project-rows>.dashboard-project{grid-template-columns:76px minmax(0,1fr);gap:8px}.project-rows .project-copy h2{font-size:13px}.project-rows .dashboard-actions .button{font-size:9px;padding-inline:7px;gap:5px}.portfolio-dashboard{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.featured-panel,.side-projects>.dashboard-project,.project-rows>.dashboard-project,.portfolio-filter{transition:none!important}.featured-panel:hover,.side-projects>.dashboard-project:hover,.project-rows>.dashboard-project:hover{transform:none}}
/* Keep screenshot pixels unobscured; glass and hover depth belong to the shell. */
.portfolio-dashboard [hidden]{display:none!important}
.portfolio-dashboard .website-preview img,.home-portfolio-preview .website-preview img{transform:none!important;filter:none}
.portfolio-search>div:focus-within{border-color:var(--accent-highlight);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-highlight) 14.51%, transparent)}
.portfolio-search input{min-height:44px;font-size:16px}
.portfolio-search button{min-height:44px}
.dashboard-layout{grid-template-columns:165px minmax(0,1fr)}
.portfolio-dashboard .portfolio-label{display:flex;justify-content:space-between;gap:8px;color:var(--accent-light)}
.portfolio-dashboard .portfolio-label>span{color:#aaa39d;white-space:nowrap}
@media(max-width:900px){.dashboard-layout{grid-template-columns:1fr}}
@media(max-width:700px){.project-rows .dashboard-actions .button{min-height:44px}.side-projects .project-copy .visit-website{min-height:44px}}

.dashboard-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dashboard-actions .button{min-height:44px;font-size:12px;padding:8px 12px}.side-projects .dashboard-actions{margin-top:10px}.side-projects .dashboard-actions .visit-website{margin:0}.side-projects .project-copy .dashboard-actions{grid-column:1/-1}.home-portfolio-preview .dashboard-actions{margin-top:16px}.home-portfolio-preview .dashboard-actions .visit-website{margin-top:0}.project-rows .dashboard-actions{flex-wrap:nowrap}

.portfolio-dashboard .portfolio-search{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
/* The fourth home selection stays compact beneath the three lead projects. */
.home-work .home-portfolio-preview .website-card:nth-child(4){display:grid!important;grid-column:1/-1!important;grid-template-columns:minmax(180px,30%) minmax(0,1fr);align-items:center;gap:24px;padding:16px;border:1px solid #ffffff20;border-radius:22px;background:linear-gradient(145deg,#ffffff0d,#ffffff04)}
.home-work .home-portfolio-preview .website-card:nth-child(4) .project-copy{padding:0}
@media(max-width:700px){.home-work .home-portfolio-preview .website-card:nth-child(4){grid-template-columns:1fr;gap:16px;padding:12px}}
/* Preserve the entire clean Manhattan hero, including its headline. */
.side-projects [data-project="manhattan-land"] .website-preview{aspect-ratio:var(--preview-ratio)}
.side-projects [data-project="manhattan-land"] .website-preview img{object-fit:contain}