/* DrAB photographic design gallery: static screenshots displayed like dimensional printed boards. */
.portfolio-collection{margin-top:20px}
.collection-kicker{display:flex;align-items:center;gap:15px;margin:0 0 32px;color:#aab5a4;font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.collection-kicker span{border:1px solid #5c6659;color:#cdd5c6;padding:7px 11px;border-radius:50px;letter-spacing:0;font-size:11px}
.collection-kicker:before{content:'•';color:var(--lime);font-size:19px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 37px;perspective:1400px}
.design-3d{min-width:0;position:relative}
.design-photo{margin:0;width:100%;position:relative;aspect-ratio:1.6;transform:perspective(1400px) rotateX(2deg) rotateY(-2.2deg);transform-style:preserve-3d;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s;box-shadow:16px 19px 0 rgba(105,121,91,.22),0 29px 45px rgba(0,0,0,.34);border-radius:12px;overflow:hidden;background:#333b31;border:1px solid rgba(255,255,255,.24)}
.design-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none}
.design-3d:hover .design-photo{transform:perspective(1400px) rotateX(0) rotateY(0) translateY(-4px);box-shadow:7px 10px 0 rgba(105,121,91,.19),0 32px 48px rgba(0,0,0,.32)}
.design-caption{display:flex;justify-content:space-between;gap:14px;align-items:start;padding:23px 2px 0}
.design-caption h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;font-size:clamp(20px,2.15vw,27px);line-height:1.2;margin:0 0 8px;font-weight:800}
.design-caption p{font-size:13px;color:#aeb8ad;line-height:1.55;margin:0}
.design-caption .design-kind{flex-shrink:0;border:1px solid #68736a;color:#b6c4b0;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:800}
.portfolio-divider{height:1px;background:#464d44;margin:82px 0 56px}
.portfolio-intro{max-width:850px;font-size:15px;color:#bcc5b8;line-height:1.7;margin:0 0 36px}
.design-3d .design-photo:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 42%);mix-blend-mode:screen}
.home-preview .portfolio-grid{gap:30px}
.home-preview .design-photo{box-shadow:11px 13px 0 rgba(105,121,91,.2),0 22px 32px rgba(0,0,0,.3)}
.home-preview .design-caption h3{font-size:21px}
.home-preview .design-caption p{font-size:12px}
@media(max-width:780px){.portfolio-grid{grid-template-columns:1fr;gap:41px}.design-photo{transform:perspective(1100px) rotateX(1.2deg) rotateY(-1deg);box-shadow:10px 13px 0 rgba(105,121,91,.19),0 22px 35px rgba(0,0,0,.3)}.portfolio-divider{margin:64px 0 42px}.design-caption{padding-top:20px}.collection-kicker{margin-bottom:25px}.home-preview .portfolio-grid{gap:41px}}
@media(max-width:420px){.portfolio-grid{gap:35px}.design-caption h3{font-size:20px}.design-caption p{font-size:12px}.design-caption .design-kind{font-size:9px;padding:7px 9px}.design-photo{box-shadow:8px 10px 0 rgba(105,121,91,.19),0 20px 28px rgba(0,0,0,.3)}}
@media(prefers-reduced-motion:reduce){.design-photo,.design-3d:hover .design-photo{transition:none;transform:none}}
/* Compact gallery introduction so the first visual card appears above the fold. */
.work-page .page-hero{padding:54px 0 30px}
.work-page .page-hero h1{font-size:clamp(44px,6.2vw,76px);line-height:1.08;margin:19px 0 15px}
.work-page .page-hero .lead{font-size:16px;max-width:600px}
.work-page .section.dark-section{padding:37px 0 100px}
.work-page .collection-kicker{margin-bottom:27px}
@media(max-width:780px){.work-page .page-hero{padding:40px 0 24px}.work-page .section.dark-section{padding:29px 0 80px}}