/* Portfolio cards, October 2026: quiet surfaces, purposeful hierarchy. */
#work .projects-wrap{width:min(1280px,calc(100% - 72px))!important;max-width:none!important;padding:0!important;margin:auto!important;left:auto!important;transform:none!important}
#work .projects-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px!important;perspective:none!important;overflow:visible!important;align-items:stretch!important}
#work .projects-grid .pcard{grid-column:span 2!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #303336!important;border-radius:24px!important;background:linear-gradient(150deg,#1d2023,#101315)!important;overflow:hidden!important;box-shadow:0 8px 30px #0002!important;transform:none!important;filter:none!important;animation:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;text-align:left!important;color:#f4f5f6!important;isolation:auto!important}
#work .projects-grid .pcard[data-category=websites]{grid-column:span 3!important}
#work .projects-grid .pcard::before,#work .projects-grid .pcard::after{display:none!important;content:none!important;animation:none!important}
#work .projects-grid:hover .pcard,#work .projects-grid .pcard:hover,#work .projects-grid .pcard:hover + .pcard,#work .projects-grid .pcard:has(+ .pcard:hover){transform:none!important;filter:none!important;animation:none!important}
#work .projects-grid .pcard:hover{border-color:#727a7e!important;box-shadow:0 16px 45px #0004!important}
#work .projects-grid .pcard:focus-visible{outline:3px solid #90d7c4!important;outline-offset:5px!important}
#work .pcard .mini{height:250px!important;min-height:250px!important;width:100%!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:#090b0d!important;overflow:hidden!important;position:relative!important}
#work .pcard .mini .bar{display:none!important}
#work .pcard .project-shot{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;background:linear-gradient(145deg,#23282e,#0c0f12)!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#work .pcard .project-shot img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;box-shadow:none!important;opacity:.95!important;transition:opacity .2s ease!important}
#work .pcard[data-category=iphone] .project-shot{padding:22px 28px 0!important}
#work .pcard[data-category=iphone] .project-shot img{object-fit:contain!important;object-position:center top!important;max-width:100%!important;border-radius:10px 10px 0 0!important}
#work .pcard .pmeta{padding:27px 28px 25px!important;display:flex!important;flex-direction:column!important;flex:1!important;gap:0!important}
#work .pcard .pcard-kicker{display:flex!important;flex-wrap:wrap!important;gap:9px!important;align-items:center!important;justify-content:space-between!important;margin-bottom:16px!important}
#work .pcard .ptag{font:500 10px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#a4afb6!important}
#work .pcard .pstatus{font:500 10px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;padding:4px 8px!important;color:#bcc5ca!important;border:1px solid #485057!important;border-radius:20px!important;background:transparent!important;box-shadow:none!important}
#work .pcard .pname{font:600 clamp(25px,2.4vw,34px)/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:-.045em!important;color:#f5f6f7!important}
#work .pcard .pcard-titleline{margin:0 0 14px!important;display:block!important}
#work .pcard .pcard-arrow{display:none!important}
#work .pcard .pblurb{font:400 14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;letter-spacing:0!important;color:#abb4bb!important;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important;margin:0 0 23px!important}
#work .pcard .plugchips{gap:6px!important;margin:0 0 24px!important;display:flex!important;flex-wrap:wrap!important;margin-top:auto!important}
#work .pcard .plugchip{font:400 10px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;color:#99a5ad!important;background:#ffffff04!important;border:1px solid #ffffff10!important;border-radius:5px!important;padding:4px 7px!important}
#work .card-discover{font:500 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;display:flex;justify-content:space-between;color:#e5e9ec;border-top:1px solid #ffffff12;padding-top:17px}
#work .project-toolbar{margin:0 0 25px!important;padding:0!important;background:none!important;border:none!important}
#work .project-filters{border:1px solid #343a3e!important;border-radius:50px!important;background:#16191c!important;padding:4px!important;gap:2px!important}
#work .project-filter{border:0!important;border-radius:40px!important;padding:10px 18px!important;background:none!important;color:#a4afb6!important;font:500 12px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;box-shadow:none!important}
#work .project-filter.active{background:#e6e9ec!important;color:#121619!important}
.filhome-preview{height:100%;width:100%;position:relative;overflow:hidden;padding:28px 34px;background:radial-gradient(circle at 90% 0,#57c2a788,transparent 65%),#0c3939;color:#fff;box-sizing:border-box;text-align:left}
.filhome-preview-brand{font:700 20px/1.2 system-ui;letter-spacing:-.06em;position:relative;z-index:1}.filhome-preview-brand span{color:#70dcc2}.filhome-preview>strong{display:block;font:500 36px/1.08 system-ui;letter-spacing:-.045em;margin-top:21px;position:relative;z-index:1}.filhome-preview-chips{display:flex;gap:8px;margin-top:20px;position:relative;z-index:1}.filhome-preview-chips span{font:500 9px/1.2 system-ui;border:1px solid #ffffff30;border-radius:20px;padding:6px 9px;color:#c9f4e9}.filhome-preview-mark{position:absolute;right:22px;bottom:-18px;font:250px/1 system-ui;color:#ffffff12;transform:rotate(-9deg)}
.pmodal .filhome-preview{min-height:290px}.pmodal-panel{border-radius:24px!important}.pmodal-panel button:focus-visible,.pmodal-panel a:focus-visible{outline:3px solid #90d7c4;outline-offset:3px}
@media(max-width:1000px){#work .projects-wrap{width:calc(100% - 44px)!important}#work .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}#work .projects-grid .pcard,#work .projects-grid .pcard[data-category=websites]{grid-column:span 1!important}#work .pcard .pmeta{padding:22px!important}}
@media(max-width:600px){#work .projects-wrap{width:calc(100% - 32px)!important}#work .projects-grid{grid-template-columns:1fr!important;gap:22px!important}#work .pcard .mini{height:235px!important;min-height:235px!important}#work .project-toolbar{gap:12px!important;align-items:flex-start!important}#work .project-filters{width:auto!important;max-width:100%;overflow-x:auto!important}#work .project-filter{padding:10px 14px!important}#work .pcard .pname{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){#work .pcard,#work .pcard img{transition:none!important}}

/* Equal project cards in one horizontal collection. */
#work .projects-wrap{width:min(1600px,calc(100% - 64px))!important}
#work .projects-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 6px 18px!important;scroll-snap-type:x proximity;scroll-padding:6px;scrollbar-width:thin;scrollbar-color:#66716f #131817}
#work .projects-grid .pcard,#work .projects-grid .pcard[data-category=websites]{grid-column:auto!important;height:490px!important;scroll-snap-align:start}
#work .pcard .mini{height:180px!important;min-height:180px!important;flex:0 0 180px!important}
#work .pcard .pmeta{padding:20px 18px!important;min-height:0!important}
#work .pcard .pcard-kicker{min-height:43px!important;align-content:flex-start!important;gap:6px!important;margin-bottom:12px!important}
#work .pcard .pname{font-size:25px!important}
#work .pcard .pblurb{font-size:13px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4!important;overflow:hidden!important;margin-bottom:16px!important}
#work .pcard .plugchips{display:none!important}
#work .card-discover{margin-top:auto!important;padding-top:13px!important}
#work .filhome-preview{padding:20px!important}
#work .filhome-preview-brand{font-size:18px}
#work .filhome-preview>strong{font-size:27px;margin-top:15px}
#work .filhome-preview-chips{margin-top:14px;gap:4px}
#work .filhome-preview-chips span{font-size:8px;padding:5px 6px}
/* The overlay sits above site chrome; only the content pane scrolls. */
.pmodal{z-index:2147483000!important;min-height:0!important;height:100dvh!important;width:100%!important;align-items:center!important;padding:76px 24px!important;overflow:hidden!important}
.pmodal-panel{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;width:min(1100px,100%)!important;max-width:1100px!important;height:min(600px,calc(100dvh - 152px))!important;max-height:calc(100dvh - 152px)!important;min-height:0!important;margin:0!important;overflow:hidden!important;animation:none!important}
.pmodal-body{min-width:0;min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:32px!important;padding-top:52px!important;scrollbar-width:thin}
.pmodal-close{position:absolute!important;top:12px!important;right:12px!important;width:36px!important;height:36px!important;z-index:5!important;background:#18221f!important;border-radius:50%!important}
.pmodal .project-gallery{min-height:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:24px!important;border-bottom:0!important;border-right:1px solid #ffffff12!important;overflow:hidden!important}
.pmodal .project-gallery-stage{min-height:0!important;max-height:none!important;flex:1!important;width:100%!important}
.pmodal .project-gallery-stage img{max-height:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important}
.pmodal .project-gallery-thumbs{flex-direction:row!important;align-self:stretch!important;overflow-x:auto!important;flex-shrink:0;max-height:76px;padding:3px!important}
.pmodal .project-thumb{width:52px!important;min-width:52px!important;height:64px!important;flex:0 0 52px!important}
.pmodal .project-thumb img{width:100%;height:100%;object-fit:contain}
.pmodal-hero{height:100%!important;min-height:0!important;border:0!important;background:#0c3939}
.pmodal-hero .mini{height:100%!important}.pmodal-hero .bar{display:none!important}
.pmodal .filhome-preview{min-height:0!important;display:flex;flex-direction:column;justify-content:center;padding:36px}
.pmodal .project-detail-title{margin-top:22px!important}.pmodal .project-summary{font-size:14px!important}
@media(max-width:1250px){#work .projects-grid{grid-template-columns:none!important;grid-auto-columns:260px!important}}
@media(max-width:700px){#work .projects-wrap{width:calc(100% - 24px)!important}#work .projects-grid{grid-auto-columns:min(290px,82vw)!important;gap:14px!important}#work .projects-grid .pcard,#work .projects-grid .pcard[data-category=websites]{height:480px!important}.pmodal{padding:16px 12px!important}.pmodal-panel{grid-template-columns:1fr!important;grid-template-rows:minmax(0,32%) minmax(0,1fr)!important;height:min(680px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;border-radius:20px!important}.pmodal .project-gallery{padding:12px 54px 12px 12px!important;flex-direction:row!important;gap:10px!important;border-right:0!important;border-bottom:1px solid #ffffff12!important}.pmodal .project-gallery-thumbs{flex-direction:column!important;max-height:none!important;max-width:48px!important;overflow-y:auto!important;overflow-x:hidden!important}.pmodal .project-thumb{width:40px!important;min-width:40px!important;flex-basis:48px!important;height:48px!important}.pmodal-body{padding:20px 24px!important}.pmodal .filhome-preview{padding:20px 28px}.pmodal .filhome-preview>strong{font-size:25px;margin-top:12px}.pmodal .filhome-preview-chips{display:none}.pmodal .filhome-preview-brand{font-size:18px}}
@media(max-height:520px) and (min-width:701px){.pmodal{padding:12px!important}.pmodal-panel{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important}}
#work .projects-grid{justify-content:start!important;justify-items:stretch!important}



/* Centre each filtered collection; safe alignment keeps overflow reachable. */
#work .projects-grid{grid-template-columns:none!important;grid-auto-columns:clamp(230px,calc((100vw - 140px)/5),300px)!important;justify-content:safe center!important}
#work .pcard .card-collage{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;padding:0!important;background:#060b0d!important}
#work .pcard .card-collage.collage-1{grid-template-columns:1fr}
#work .collage-frame{min-width:0;height:100%;overflow:hidden;background:#0b1013}
#work .collage-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
#work .pcard[data-category=websites] .card-collage.collage-3{grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr}
#work .pcard[data-category=websites] .collage-3 .collage-frame:first-child{grid-row:span 2}
#work .pcard[data-category=websites] .collage-frame img{object-position:center center}
@media(max-width:1250px){#work .projects-grid{grid-auto-columns:260px!important}}
@media(max-width:700px){#work .projects-grid{grid-auto-columns:min(290px,82vw)!important}}
/* Larger focal screenshots; supporting frames provide depth, not tiny text columns. */
#work .pcard .card-collage{display:block!important;position:relative!important;background:radial-gradient(ellipse at 50% 30%,#283b40,#0a1217 85%)!important;isolation:isolate}
#work .card-collage .collage-frame{position:absolute!important;left:7%;top:14px;width:76%;height:360px!important;overflow:hidden!important;border:1px solid #ffffff30;border-radius:13px;box-shadow:0 10px 24px #0008;transform:rotate(-5deg);z-index:2}
#work .card-collage .collage-frame img{width:100%!important;height:auto!important;object-fit:cover!important;object-position:center top!important;opacity:1!important}
#work .card-collage .collage-frame:nth-child(2){left:53%;top:35px;width:70%;transform:rotate(9deg);z-index:1;filter:brightness(.72)}
#work .card-collage .collage-frame:nth-child(3){display:none!important}
#work .pcard[data-project-id=aevm] .collage-frame:first-child,#work .pcard[data-project-id=mira] .collage-frame:first-child{left:53%;top:35px;width:70%;transform:rotate(9deg);z-index:1;filter:brightness(.72)}
#work .pcard[data-project-id=aevm] .collage-frame:nth-child(2),#work .pcard[data-project-id=mira] .collage-frame:nth-child(2){left:7%;top:14px;width:76%;transform:rotate(-5deg);z-index:2;filter:none}
#work .pcard[data-category=websites] .card-collage .collage-frame{inset:0!important;width:100%!important;height:100%!important;transform:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#work .pcard[data-category=websites] .card-collage .collage-frame:not(:first-child){display:none!important}
#work .pcard[data-category=websites] .card-collage .collage-frame img{position:absolute;width:175%!important;max-width:none!important;left:-25%;top:0;height:auto!important}
#work .pcard[data-project-id=pbot] .card-collage .collage-frame img{width:145%!important;left:-18%;top:0}

#work .pcard[data-project-id=mira] .collage-frame img{margin-top:-65px}

/* Projects alignment and layered website previews — 2026-10-05. */
#work .projects-wrap{display:grid!important;grid-template-columns:1fr auto auto 1fr!important;column-gap:32px!important;row-gap:26px!important;align-items:center!important}
#work .projects-wrap>.section-head{grid-column:2;grid-row:1;width:auto!important;margin:0!important;padding:0!important;justify-content:center!important;text-align:center!important}
#work .projects-wrap>.section-head h2{margin:0!important}
#work #projects-root{display:contents!important}
#work .project-toolbar{grid-column:3;grid-row:1;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:nowrap!important}
#work .projects-grid,#work .projects-wrap .pitch,#work .projects-wrap .pitch-card,#work .projects-wrap .mount-load{grid-column:1/-1!important}
#work #projects-root> :not(.project-toolbar){grid-column:1/-1!important;min-width:0}
#work .pcard[data-category=websites] .card-collage .collage-frame{inset:auto!important;left:7%!important;top:20px!important;width:82%!important;height:220px!important;transform:rotate(-5deg)!important;border:1px solid #ffffff30!important;border-radius:10px!important;box-shadow:0 10px 24px #0008!important;z-index:2}
#work .pcard[data-category=websites] .card-collage .collage-frame:nth-child(2){display:block!important;left:47%!important;top:44px!important;width:78%!important;transform:rotate(9deg)!important;z-index:1;filter:brightness(.72)}
#work .pcard[data-category=websites] .card-collage .collage-frame:nth-child(n+3){display:none!important}
#work .pcard[data-category=websites] .card-collage .collage-frame img{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:100%!important;object-position:center top!important}
/* A single supplied screenshot still gets a second decorative browser layer. */
#work .pcard[data-category=websites] .card-collage.collage-1::before{content:"";position:absolute;left:45%;top:43px;width:78%;height:220px;border:1px solid #ffffff30;border-radius:10px;background:linear-gradient(140deg,#34434b,#111d25);box-shadow:0 10px 24px #0008;transform:rotate(9deg);z-index:1}
@media(max-width:700px){#work .projects-wrap{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:18px!important}#work .projects-wrap>.section-head{grid-column:1;grid-row:1}#work .project-toolbar{grid-column:1;grid-row:2;flex-wrap:wrap!important;gap:10px!important}#work .project-filters{max-width:100%!important;justify-content:center!important}#work .filter-count{margin-left:0!important}}

/* The hero retains the single project count. */
#work .project-toolbar .filter-count{display:none!important}
.project-smoke{position:fixed;inset:0;width:100%;height:100%;z-index:35;pointer-events:none!important}
.pmodal .project-resource-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.pmodal .project-resource-links a{color:#c7e3db;border:1px solid #59726b;border-radius:8px;padding:8px 14px;font:500 13px/1.5 system-ui;text-decoration:none}
.pmodal .project-resource-links a:hover{background:#ffffff10;color:white}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #work .projects-grid .pcard{transition:border-color 2s ease,box-shadow 2.4s ease!important}
 #work .projects-grid .pcard:hover{border-color:rgba(226,168,104,.65)!important;box-shadow:0 0 18px rgba(226,139,62,.13),0 0 40px rgba(196,114,52,.09),0 16px 45px #0004!important}
}
@media(prefers-reduced-motion:reduce){.project-smoke{display:none!important}}

/* Six projects on one desktop strip; swipe horizontally on narrower screens. */
#work .projects-wrap{width:calc(100% - 48px)!important;max-width:1900px!important}
#work .projects-grid{grid-auto-columns:clamp(230px,calc((100vw - 140px)/6),300px)!important}
#work .pcard .pstatus.is-live{color:#a6f2bd!important;background:#143e29!important;border:1px solid #3b8b57!important;border-radius:999px;padding:4px 10px!important;font-weight:700}
#work .pcard .pstatus.is-live::before{content:'●';font-size:9px;margin-right:6px}
@media(max-width:1250px){#work .projects-grid{grid-auto-columns:260px!important}}
@media(max-width:700px){#work .projects-wrap{width:calc(100% - 24px)!important}#work .projects-grid{grid-auto-columns:min(290px,82vw)!important}}

/* Compact fluid cards: retain the staggered screenshots and single row. */
#work .projects-wrap{width:calc(100% - clamp(24px,4vw,64px))!important;max-width:1720px!important}
#work .projects-grid{grid-auto-columns:clamp(207px,calc((100vw - 160px)/6),270px)!important;gap:14px!important}
#work .projects-grid .pcard,#work .projects-grid .pcard[data-category=websites]{height:441px!important;border-radius:22px!important}
#work .pcard .mini{height:162px!important;min-height:162px!important;flex-basis:162px!important}
#work .pcard .pmeta{padding:16px!important}#work .pcard .pname{font-size:23px!important}
#work .pcard .pcard-kicker{margin-bottom:8px!important;min-height:40px!important}
#work .pcard .pblurb{font-size:13px!important;margin-bottom:12px!important}
@media(max-width:700px){#work .projects-grid{grid-auto-columns:min(261px,78vw)!important}}
/* Compact project reader: screenshots plus two short information panels. */
.pmodal{padding:24px!important;box-sizing:border-box!important}
.pmodal-panel{width:min(1000px,100%)!important;max-width:1000px!important;height:min(560px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;grid-template-rows:1fr!important}
.pmodal-body{padding:32px 28px 24px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:14px!important}
.project-modal-heading{padding-right:28px}.pmodal .project-modal-heading h3{font-size:clamp(23px,2.3vw,30px)!important;line-height:1.1!important;margin:8px 0 0!important}
.pmodal .ptag{font-size:10px!important;letter-spacing:.08em!important;line-height:1.5!important}
.project-modal-tabs{display:flex;gap:6px;flex-shrink:0}.project-modal-tabs button{font:600 13px/1.3 system-ui;color:#bbc9c3;border:1px solid #384942;border-radius:8px;padding:8px 12px;background:transparent;cursor:pointer}
.project-modal-tabs button[aria-selected=true]{background:#214436;color:#d9ffeb;border-color:#558d71}.project-modal-tabs button:focus-visible{outline:2px solid #a6f2bd;outline-offset:2px}
.project-info{min-height:0}.pmodal .project-info h4{font:600 11px/1.4 system-ui;letter-spacing:.06em;text-transform:uppercase;color:#8be0c5;margin:0 0 8px!important}
.pmodal .project-info p,.pmodal .project-detail-list{font:400 14px/1.5 system-ui!important;margin:0!important;color:#c6d0cb!important}
.pmodal .project-info .project-difference{color:#eef4ef!important;font-weight:500!important;margin-bottom:10px!important}
.pmodal .project-detail-list{padding-left:17px!important}.pmodal .project-detail-list li{margin:5px 0!important}
.pmodal .project-info .project-count-method{font-size:11px!important;line-height:1.45!important;color:#91a098!important;margin-top:12px!important}
.project-modal-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #ffffff18;flex-shrink:0}
.project-code-stat{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}.project-code-stat strong{font:600 24px/1.2 system-ui;color:#eff8f3}.project-code-stat span{font:12px/1.3 system-ui;color:#bdcfc4}.project-code-stat small{grid-column:1/-1;color:#91a098;font:10px/1.4 system-ui;margin-top:3px}
.pmodal .pmlink{font:600 12px/1.3 system-ui!important;margin:0!important;padding:8px!important;white-space:nowrap}
.pmodal .project-gallery{padding:20px!important;gap:10px!important;flex-direction:column!important}.pmodal .project-gallery-thumbs{max-width:none!important;max-height:58px!important;flex-direction:row!important;overflow:hidden!important}
.pmodal .project-thumb{height:50px!important;width:40px!important;min-width:40px!important;flex-basis:40px!important}
@media(max-width:700px) and (min-height:601px){
 .pmodal{padding:12px!important}.pmodal-panel{height:min(720px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;grid-template-columns:1fr!important;grid-template-rows:minmax(100px,30%) minmax(0,1fr)!important}
 .pmodal .project-gallery{padding:12px 56px 12px 12px!important;flex-direction:row!important;border-right:0!important;border-bottom:1px solid #ffffff12!important}
 .pmodal .project-gallery-thumbs{flex-direction:column!important;max-height:none!important;max-width:44px!important}
 .pmodal-body{padding:18px 20px!important;gap:10px!important}.pmodal .project-info p,.pmodal .project-detail-list{font-size:13px!important;line-height:1.45!important}
 .project-modal-heading{padding-right:0}.pmodal .project-modal-heading h3{font-size:24px!important}
}
@media(max-height:600px){
 .pmodal{padding:8px!important}.pmodal-panel{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)!important}
 .pmodal-body{padding:12px 18px!important;gap:8px!important}.pmodal .project-modal-heading h3{font-size:22px!important;margin-top:3px!important}.pmodal .project-info p,.pmodal .project-detail-list{font-size:12px!important;line-height:1.35!important}.project-modal-tabs button{padding:6px 10px}.project-modal-footer{padding-top:6px}.project-code-stat strong{font-size:20px}.pmodal .project-info .project-count-method{margin-top:6px!important;font-size:10px!important}
}

/* More detail, same modal shell and readable compact rhythm. */
.pmodal .project-detail-list li{margin:2px 0!important}
.pmodal .project-info .project-count-method{margin-top:8px!important;font-size:10px!important;line-height:1.35!important}
@media(max-width:700px) and (max-height:600px) and (orientation:portrait){
 .pmodal-panel{grid-template-columns:1fr!important;grid-template-rows:70px minmax(0,1fr)!important}
 .pmodal .project-gallery{padding:6px 50px 6px 10px!important;flex-direction:row!important;border-right:0!important;border-bottom:1px solid #ffffff12!important}
 .pmodal .project-gallery-stage{flex:0 0 60px!important;height:100%!important}
 .pmodal .project-gallery-thumbs{flex-direction:row!important;max-width:none!important;height:100%!important}
 .pmodal-body{padding:10px 16px!important;gap:6px!important}
 .pmodal .project-info h4{margin-bottom:5px!important}.pmodal .project-info .project-difference{margin-bottom:6px!important}
}

.pmodal-body{gap:6px!important}
.pmodal .project-info p,.pmodal .project-detail-list{line-height:1.4!important}
.pmodal .project-detail-list li{padding:0!important;line-height:inherit!important}
.pmodal .project-detail-list{display:block!important;padding-left:0!important}
.pmodal .project-detail-list li{font:inherit!important;padding-left:14px!important;margin:2px 0!important}
/* Give project copy room to breathe when the viewport has spare space. */
@media(min-width:1000px) and (min-height:650px){
 .pmodal-body{gap:14px!important}
 .pmodal .project-info p,.pmodal .project-detail-list{line-height:1.65!important}
 .pmodal .project-detail-list li{margin:8px 0!important}
 .pmodal .project-info h4{margin-bottom:12px!important}
 .pmodal .project-info .project-difference{margin-bottom:14px!important}
 .pmodal .project-info .project-count-method{margin-top:14px!important;line-height:1.5!important}
}