:root{--control-radius:6px;--media-radius:8px}
button,input[type="button"],input[type="submit"],.primary,.secondary,.intro-actions a,.preview-read,.case-trigger,.case-action{border-radius:var(--control-radius)!important}
img,video,.case-media,.preview-image,.study-image,.study-lightbox-media,.study-video,.prototype-video{border-radius:var(--media-radius)!important}
.case-media,.study-image,.study-lightbox-media{overflow:hidden}
.about-section-tag{display:inline-flex;align-self:flex-start;padding:5px 10px;margin-bottom:18px;border:1px solid #d5d5d0;border-radius:5px;font-size:11px;line-height:1.5;color:#656565;letter-spacing:.3px}
.circle-caption text{font-size:34px;letter-spacing:.7px}
#site-header nav{gap:24px}
@media(max-width:700px){#site-header nav{gap:12px}#site-header .nav-link{font-size:11px}.circle-caption text{font-size:32px}}
@media(max-width:390px){#site-header{padding-left:4%;padding-right:4%}#site-header nav{gap:9px}#site-header .brand{font-size:22px;gap:6px}.brand-mark{width:23px;height:23px}}

.section-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;color:#626262;margin:0 0 15px;padding:0;border:0;background:none;border-radius:0}
.contact-section{display:block}
.contact-section h2{margin:0 0 25px}
.circle-caption text{font-size:42px;letter-spacing:.4px}
.circle-word-highlight{fill:#fff;stroke:#222;stroke-width:14px;stroke-linejoin:round;paint-order:stroke fill}
.faq-item summary{align-items:center}
.faq-item .faq-toggle{margin-top:0;align-self:center}
.sketched-arrow{display:inline-flex;width:31px;height:22px;align-items:center;justify-content:center}
.sketched-arrow svg{width:31px;height:22px;overflow:visible}
.case-trigger:hover .case-action>.sketched-arrow,.case-trigger:focus-visible .case-action>.sketched-arrow{transform:translateX(4px)}
@media(max-width:700px){.circle-caption text{font-size:40px}}

/* Compact section headings and a calmer feature-card rhythm. */
.orbit-intro .section-subline,.contact-section .section-subline{font-size:16px;line-height:1.6;max-width:none;margin:12px 0 0;color:#656565}
.contact-section h2{margin-bottom:0}
.contact-section .contact-email{display:inline-block;margin-top:25px}
#case-studies{padding-top:36px;padding-bottom:36px}
#case-studies .work-heading{margin-top:0}
#case-studies .editorial-grid{margin-top:28px}
#case-studies .case-trigger{gap:32px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
#case-studies .case-media{max-height:540px}
#case-studies .case-summary{padding:0;max-width:550px}
#case-studies .case-title{margin-top:14px}
#case-studies .case-subtitle{margin-top:12px}
#case-studies .case-action{margin-top:20px}
#more-work{padding-top:24px}
@media(max-width:1000px){.about-story-layout .about-visual{grid-row:1;width:min(100%,400px);max-width:400px;margin:0 auto;padding:16px 10px}.about-story-layout .about-narrative{grid-row:2}.about-story-layout{row-gap:28px}}
@media(max-width:650px){.about-story-layout .about-visual{width:min(100%,330px);max-width:330px;padding:12px 8px}.orbit-intro .section-subline,.contact-section .section-subline{font-size:15px;margin-top:10px}#case-studies .case-trigger{grid-template-columns:1fr;gap:20px}#case-studies .case-media{max-height:none}#case-studies .case-summary{padding:0}#case-studies .case-title{margin-top:10px}#case-studies .editorial-grid{margin-top:24px}}
@media(max-width:390px){#site-header .nav-link{font-size:10px}#site-header nav{gap:8px}}

/* Preview image and copy share a measured, uncropped layout. */
.case-dialog{width:min(1040px,92vw)}
.case-dialog .preview-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;padding:28px}
.case-dialog .preview-image{margin:0;width:100%;aspect-ratio:4/3;background:#eeeee9;min-width:0}
.case-dialog .preview-image img{object-fit:contain;filter:none}
.case-dialog .preview-copy{padding:8px 4px;min-width:0}
.case-dialog .preview-copy h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:14px 0 16px}
.case-dialog .preview-copy>p{font-size:16px;line-height:1.75;color:#656565}
.case-dialog .preview-demo-note{margin-top:24px;line-height:1.5}
@media(max-width:700px){.case-dialog .preview-layout{grid-template-columns:1fr;gap:22px;padding:22px}.case-dialog .preview-image{max-width:520px;margin:0 auto}.case-dialog .preview-copy{padding:0}.case-dialog .preview-copy h2{font-size:29px;margin:10px 0 13px}.case-dialog .preview-copy>p{font-size:15px}.case-dialog .preview-demo-note{margin-top:18px}}

.study-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:18px;border-bottom:1px solid var(--rule);margin-bottom:25px}
.study-back-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;white-space:nowrap}
.study-back-link svg{width:27px;height:20px}
.study-back-link:hover{ text-decoration:underline;text-underline-offset:4px}
.study-breadcrumbs ol{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;padding:0;font-size:12px;line-height:1.6;color:#626262}
.study-breadcrumbs li:not(:last-child)::after{content:"/";margin-left:9px;color:#626262}
.study-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.study-breadcrumbs [aria-current="page"]{color:#222}
.study-section-kicker{display:block;margin:0 0 14px;font-size:11px;line-height:1.5;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#626262}
@media(max-width:650px){.study-page-navigation{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.study-breadcrumbs ol{font-size:11px;gap:7px}.study-breadcrumbs li:not(:last-child)::after{margin-left:7px}}

/* Respect motion preferences for hand-drawn action arrows too. */
@media(prefers-reduced-motion:reduce){.case-trigger:hover .case-action>.sketched-arrow,.case-trigger:focus-visible .case-action>.sketched-arrow{transform:none}}
.faq-pending-link{border:0!important;text-decoration:none!important;cursor:text}