.project-grid{grid-template-columns:minmax(0,1fr)}
.contact-dialog{width:calc(100% - 32px);max-width:760px;max-height:calc(100svh - 32px);padding:32px;border:1px solid var(--rule);border-radius:16px;background:#fff;color:var(--ink);overflow:auto;overscroll-behavior:contain}
.contact-dialog::backdrop{background:#101820b3}
.contact-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.contact-dialog-header h2{font-size:30px;line-height:1.15;letter-spacing:-.035em}
.contact-dialog-header .text-button{flex:none;min-height:44px;margin:0}
.contact-dialog>p{font-size:17px;line-height:1.5;color:var(--secondary);margin-top:20px}
.contact-dialog #idea-form{margin-top:24px}
.project-card+.project-card{border-top:1px solid var(--rule);padding-top:64px;margin-top:32px}
.work-teasers .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-teasers .project-card+.project-card{border:0;padding:0;margin:0}
.work-teasers .project-preview{display:block;aspect-ratio:16/10}
.work-teasers .project-preview img{height:auto}
.work-teasers .project-status{margin-top:24px}
.work-teasers .project-card .button{margin-top:24px}
.work-teasers>.section-intro{margin-top:20px}
/* Hide the captured review toolbar above the website itself. */
.hmhb-capture{overflow:hidden}.hmhb-capture img{margin-top:-8.421%}
.work-intro{padding-block:32px 72px}
.work-intro .eyebrow{margin-top:40px}
.work-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin-top:16px}
.work-intro .section-intro{margin-top:24px;max-width:760px}
.work-contact{padding-bottom:88px}.work-contact h2{font-size:32px;line-height:1.2;max-width:650px}.work-contact .button{margin-top:24px}
.case-story{margin-top:32px;padding:32px;border:1px solid var(--rule);border-radius:16px;background:var(--wash)}
.case-story h4{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin-top:12px}
.case-story>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:900px;margin-top:16px}
.work-flow{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.work-flow li{position:relative;padding:24px;background:#fff;border:1px solid var(--rule);border-radius:12px}
.work-flow li:not(:last-child)::after{content:'→';position:absolute;right:-18px;top:34px;font-size:22px;z-index:1;background:var(--wash)}
.work-flow li:nth-child(3)::after{display:none}
.flow-number{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;background:var(--butter);font-size:14px;font-weight:700}
.work-flow h5{font-size:20px;line-height:1.25;margin-top:18px;letter-spacing:-.02em}.work-flow p{font-size:16px;line-height:1.55;margin-top:10px;color:var(--secondary)}
.work-flow .flow-ai{border-color:var(--brass);background:#fff9e9}
.story-takeaway{padding-top:20px;border-top:1px solid var(--rule)}
.project-status{margin-top:0}.project-description{max-width:760px}
.full-comparison{margin-top:28px}
.full-comparison h4{font-size:24px;line-height:1.3;letter-spacing:-.025em}
.full-comparison>p{font-size:17px;line-height:1.5;color:var(--secondary);margin:12px 0 20px;max-width:800px}
.full-comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.full-comparison figure{margin:0;min-width:0}
.full-comparison figcaption{display:flex;align-items:baseline;gap:12px;font-size:22px;font-weight:750;margin-bottom:12px}
.full-comparison figcaption span{font-size:14px;font-weight:500;color:var(--secondary)}
.full-page-scroll{height:640px;height:min(68svh,640px);overflow:auto;border:1px solid var(--rule);border-radius:12px;background:#fff;overscroll-behavior:contain}
.full-page-scroll:focus-visible,.comparison-dialog-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.full-page-scroll img{width:100%;height:auto}
.full-size-link{display:inline-flex;min-height:44px;align-items:center;font-size:16px;text-decoration:underline;text-underline-offset:4px;margin-top:8px}
.full-comparison>.comparison-caption{font-size:14px}
.comparison-toggle{display:none;gap:8px;margin:12px 0;padding:8px 0;background:#fff;position:sticky;top:0;z-index:2}
.comparison-toggle button{border:1px solid var(--rule);border-radius:999px;background:#fff;color:var(--ink);min-height:44px;padding:10px 24px;font-weight:600}
.comparison-toggle button[aria-pressed=true]{background:var(--butter);border-color:var(--brass)}
.project-improvements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:24px 0;border-top:1px solid var(--rule);margin-top:24px}
.project-improvements h4{font-size:19px;line-height:1.3}.project-improvements p{font-size:17px;line-height:1.5;color:var(--secondary);margin-top:8px}
.comparison-dialog{width:calc(100% - 40px);max-width:1440px;height:calc(100svh - 40px);max-height:none;padding:24px;border:1px solid var(--rule);border-radius:16px;color:var(--ink);background:#fff;overflow:hidden}
.comparison-dialog::backdrop{background:#101820b3}
.comparison-dialog[open]{display:flex;flex-direction:column}
.comparison-dialog-header,.comparison-dialog-tools{flex-shrink:0}
.comparison-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.comparison-dialog-header h2{font-size:24px;line-height:1.2}
.comparison-dialog-tools{display:flex;align-items:center;gap:24px;margin:10px 0}.comparison-dialog-tools p{font-size:14px;color:var(--secondary)}
.comparison-dialog-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--rule);border-radius:8px;overscroll-behavior:contain}
.comparison-dialog-scroll img{width:100%;height:auto;max-width:none}.comparison-dialog-scroll.is-zoomed img{width:1425px}
.comparison-dialog-scroll.is-zoomed #comparison-image-frame{width:1425px}
@media(max-width:767px){
 .contact-dialog{padding:24px 20px}.contact-dialog-header h2{font-size:24px}
 .case-story{padding:24px 20px}.case-story h4{font-size:28px}.work-flow{grid-template-columns:1fr;gap:24px}.work-flow li:not(:last-child)::after,.work-flow li:nth-child(3):not(:last-child)::after{display:block;content:'↓';top:auto;bottom:-26px;left:24px;right:auto;line-height:24px}
 .work-teasers .project-grid{grid-template-columns:1fr}.work-intro{padding-block:24px 48px}.work-intro h1 br{display:none}
 .project-card+.project-card{padding-top:40px;margin-top:16px}
 .comparison-toggle{display:flex}.full-comparison-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .full-comparison-grid[data-view=after] .full-before,.full-comparison-grid[data-view=before] .full-after{display:none}
 .full-page-scroll{height:480px;height:min(58svh,480px)}
 .full-comparison figcaption{font-size:20px;gap:10px}.project-improvements{grid-template-columns:1fr;gap:20px}
 .comparison-dialog{width:calc(100% - 16px);height:calc(100svh - 16px);padding:16px;border-radius:12px}
 .comparison-dialog-header h2{font-size:20px}.comparison-dialog-header .button{min-height:44px;padding:12px 18px;font-size:16px}
 .comparison-dialog-tools{display:block;margin:8px 0}.comparison-dialog-tools .text-button{min-height:44px;margin:0}.comparison-dialog-tools p{font-size:13px}
}