/* Selected work index and two project stories. */
.work-hub-hero h1{max-width:19ch}
.work-hub-hero .detail-lead{max-width:760px}
.work-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,85px);align-items:center;padding-bottom:75px;border-bottom:1px solid #aabdcf}
.work-feature h2{font:800 clamp(35px,3.6vw,52px)/1.17 var(--display);letter-spacing:-.02em;margin:0 0 25px}
.work-feature p:not(.detail-eyebrow),.work-card>p:not(.detail-eyebrow,.work-status){font-size:18px;line-height:1.65;color:#344f65;margin:0 0 26px}
.work-feature .detail-eyebrow,.work-card .detail-eyebrow{color:#426c8d;line-height:1.5}
.work-skin-proof{margin:0;min-width:0}
.work-skin-proof figcaption{font-size:13px;line-height:1.5;margin-top:15px;color:#526d83}
.detail-evidence .work-skin-proof{max-width:1120px;margin:auto}
.detail-evidence .work-skin-proof figcaption{color:#bfd4e5}
.work-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 55px;margin-top:70px}
.work-card{min-width:0}
.work-card h2{font:800 clamp(28px,2.9vw,40px)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 22px}
.work-card-image{display:block;background:#dce7ef;margin-bottom:24px}
.work-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center}
.work-card-image:has(img[src$=".svg"]){background:#172a3d}
.work-card-image:focus-visible{outline:3px solid #245b85;outline-offset:5px}
.work-status{display:inline-block!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;padding:7px 10px;background:#dbe8f2;color:#234e70!important;margin:0 0 19px!important}
.work-card .detail-eyebrow{margin-bottom:15px}
.ecommerce-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;color:#f7fafc}
.ecommerce-intro>img{width:100%;height:auto;max-width:520px;justify-self:center}
.ecommerce-intro h2{font:800 clamp(32px,3.8vw,52px)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 25px}
.ecommerce-intro p:not(.detail-eyebrow){font-size:19px;line-height:1.65;color:#dce7ef;margin:0 0 25px;max-width:42ch}
.work-related-links{display:flex;gap:25px 50px;flex-wrap:wrap}
.home-ecommerce{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:70px 0;border-bottom:1px solid #aabdcf}
.home-ecommerce>img{width:100%;max-width:380px;height:auto;justify-self:center}
.home-ecommerce h3{font:800 clamp(35px,4vw,57px)/1.16 var(--display);letter-spacing:-.02em;margin:0 0 25px}
.home-ecommerce p:not(.case-kicker){font-size:18px;line-height:1.65;color:#344f65;max-width:55ch;margin:0 0 26px}
.work-all-link{margin:38px 0 0}
.work-all-link .under-link{font-size:20px}
@media(max-width:820px){.work-feature,.ecommerce-intro,.home-ecommerce{grid-template-columns:1fr;gap:35px}.work-feature{padding-bottom:50px}.work-card-grid{gap:45px 30px;margin-top:50px}.ecommerce-intro>img{max-width:420px}.ecommerce-intro>div{max-width:600px}.home-ecommerce{padding:50px 0}.home-ecommerce>img{max-width:360px}.home-ecommerce h3{font-size:37px}}
@media(max-width:520px){.work-card-grid{grid-template-columns:1fr;gap:50px}.work-feature h2{font-size:34px}.work-feature p:not(.detail-eyebrow),.work-card>p:not(.detail-eyebrow,.work-status),.ecommerce-intro p:not(.detail-eyebrow),.home-ecommerce p:not(.case-kicker){font-size:17px}.work-card h2{font-size:30px}.work-feature .under-link,.work-card .under-link{font-size:16px;line-height:1.4}.home-ecommerce h3{font-size:32px}.ecommerce-intro h2{font-size:32px}}

/* Actual website captures replace the narrow food and remodeling strips. */
.project-browser{display:block;overflow:hidden;border:1px solid #bacbd7;border-radius:9px;background:#fff;box-shadow:0 14px 34px #142a3c16}
.project-browser-bar{display:flex;align-items:center;gap:15px;min-height:38px;padding:8px 14px;background:#edf2f5;border-bottom:1px solid #d5dfe6;color:#425c70;font:600 11px/1.4 var(--body);letter-spacing:.02em;text-transform:none}
.project-browser-dots{display:flex;gap:5px;flex:none}
.project-browser-dots i{width:6px;height:6px;border-radius:50%;background:#a7b8c5}
.project-browser img,.work-card-image.project-browser img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.project-browser-embrace{border-color:#d8cbc0}
.project-browser-embrace .project-browser-bar{background:#faf5ec;border-bottom-color:#e8dfd1;color:#77644b}
.project-browser-embrace .project-browser-dots i{background:#cbbb9c}
.work-feature{grid-template-columns:.85fr 1.15fr;gap:clamp(30px,4vw,58px)}
.case-medspa .project-browser{max-width:1120px;margin:0 auto}
@media(max-width:820px){.work-feature{grid-template-columns:1fr}}
@media(max-width:520px){.project-browser-bar{padding:8px 10px;gap:10px;font-size:10px;min-height:34px}.project-browser-dots{gap:4px}.project-browser-dots i{width:5px;height:5px}}