:root{--panel-radius:5px}
.site-contact{max-width:1440px;margin:90px auto 0;padding:80px 6% 65px;background:#eef0f2;border-radius:var(--panel-radius);color:#20231f;font-family:'DM Sans',sans-serif}.site-contact>.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:600;color:#e2613d;margin-bottom:30px}.site-contact h2{font-family:Manrope,sans-serif;font-size:clamp(34px,4.2vw,58px);font-weight:500;letter-spacing:-2.4px;line-height:1.12;margin:0 0 20px}.site-contact h2 span{color:#e2613d}.site-contact>p{font-size:15px;line-height:1.65;color:#60665f;max-width:500px;margin:0 0 15px}.site-contact .contact-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:28px;font-size:14px;line-height:1.65}.site-contact .contact-links a{color:#20231f;border-bottom:1px solid #20231f;padding-bottom:5px}.site-contact .contact-links a:hover{color:#e2613d}.site-footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;background:#fff;padding:25px 6%;font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.65;color:#60665f;border:0}.site-footer a{font-size:11px;color:inherit}
.reflection{background:#232b26;color:#fff;padding:45px;margin:48px 0 24px;border-radius:var(--panel-radius)}.reflection>small{font-size:12px;letter-spacing:1.5px;color:#d3dbd6}.reflection>h3{font-size:35px;letter-spacing:-1.3px;line-height:1.2;margin:22px 0;color:#fff}.reflection>p{max-width:780px;color:#e0e6e2;font-size:16px;line-height:1.7;margin:0}.reflection .thirds{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:35px;border-top:1px solid #647269;margin-top:30px;padding-top:10px}.reflection .thirds h4{color:#fff;font-size:19px;letter-spacing:-.4px;line-height:1.35;margin:20px 0 12px}.reflection .thirds p{color:#e0e6e2;font-size:15px;line-height:1.7;margin:0}
.problem,.callout,.accessibility,.explorations,.exploration-heading,.reflection,.hero-art,.showcase,.cpq-showcase,.project-visual,.image-open,.recording video,.tile,.module,.token i,dialog{border-radius:var(--panel-radius)}
.section:has(>.next-project){padding-top:24px;padding-bottom:12px}.next-project{margin-top:0;padding:28px 0}
.hero[style] .hero-art,.hero[style] .showcase,.hero[style] .cpq-showcase{background:var(--project-background)}
.recording figcaption{grid-template-columns:auto 1fr}
@media(max-width:760px){.site-contact{margin-top:55px;padding-top:50px;padding-bottom:45px}.site-contact>.eyebrow{font-size:10px}.site-contact .contact-links{gap:20px;font-size:13px}.site-footer{font-size:11px}.reflection{padding:27px;margin-top:35px}.reflection>h3{font-size:28px;letter-spacing:-.8px}.reflection .thirds{grid-template-columns:1fr;gap:12px}.reflection .thirds p{font-size:15px}.section:has(>.next-project){padding-top:16px}.next-project{padding:24px 0}.recording figcaption{grid-template-columns:1fr}}
@media print{.site-contact,.site-footer{display:none!important}}

.recording figcaption:not(:has(>span)){display:block}.mobile-demos .recording figcaption p:first-child{margin-top:0}