/* The runtime values belong exclusively to tokens.css. */
html{scroll-padding-top:var(--space-120)}
body{background:var(--paper);color:var(--ink);font-family:var(--font-family);font-size:var(--text-16)}
*,*::before,*::after{box-sizing:border-box}
h1{font-size:var(--text-h1)!important;line-height:1.08}
h2{font-size:var(--text-h2)!important}
h3{font-size:var(--text-24);text-wrap:pretty}
p{overflow-wrap:break-word}
button,input,textarea,select{font-family:var(--font-family)}
a:hover{color:var(--text-bronze)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--text-bronze);outline-offset:var(--focus-offset)}
button{cursor:pointer}button:disabled{cursor:default}
.site-header{z-index:var(--layer-header)}
.portrait-monogram{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-56);height:var(--space-56);border-radius:50%;background:var(--soft);color:var(--ink);font-size:var(--text-16);font-weight:700}
.m-msg .portrait-monogram{width:var(--space-24);height:var(--space-24);font-size:var(--text-14)}
/* Cookie choice is an ordinary document section, never a fixed overlay. */
#privacy-banner{position:static!important;width:100%!important;max-width:none!important;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:var(--space-16) var(--space-32);box-shadow:none;font-size:var(--text-14);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-24);background:var(--soft);color:var(--ink)}
#privacy-banner[hidden]{display:none!important}
#privacy-banner p{margin:0;max-width:65ch}
#privacy-banner>div{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}
#privacy-banner button,#privacy-banner button[data-privacy=no]{min-height:var(--control-size)!important;padding:var(--space-12) var(--space-16)!important;border:1px solid var(--ink)!important;background:var(--paper)!important;color:var(--ink)!important;border-radius:var(--radius-999)!important;font-size:var(--text-14)!important;font-weight:600!important;box-shadow:none!important}
#privacy-banner button:hover{background:var(--line)}
#privacy-banner button[data-privacy]{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;box-shadow:none!important;min-height:var(--space-48)!important;line-height:1.4!important}
#privacy-banner button[data-privacy]:hover{background:var(--line)!important}
#privacy-banner button:active{transform:translateY(1px)}
#privacy-banner a{display:inline-flex;align-items:center;min-height:var(--control-size)}
.review-stars{display:flex;align-items:center;gap:var(--space-8);color:var(--text-bronze)}
.review-rating{font-size:var(--text-14);font-weight:600;color:var(--ink)}
.review-niche{font-size:var(--text-14);color:var(--muted);margin:var(--space-4) 0;line-height:1.4}
.review-author h3{font-size:var(--text-16)!important;overflow-wrap:anywhere}
.project-info h2{font-size:var(--text-24)!important}
.legal-page .footer-bottom,.legal-page .footer-bottom a,.legal-page .footer-bottom button{color:var(--paper)!important}
.legal-page .site-footer .cookie-settings-button{color:var(--paper)!important}
.error-number{color:var(--text-bronze)!important}
.story-layout>*{min-width:0}
.story-layout{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.case-proof{min-width:0;max-width:100%;margin-inline:0}
.proof-grid>*{min-width:0}
*{scrollbar-width:thin;scrollbar-color:var(--text-bronze) var(--paper)}
.case-card-media{height:auto!important;aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius-24);background:var(--soft)}
.case-card-media .case-preview{display:block;width:100%;height:100%}
.case-card-media img{width:100%;height:100%;object-fit:cover;object-position:top center}
.card-image{aspect-ratio:16/10;padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-24);background:var(--soft)}
.card-image img{width:100%;height:100%;object-fit:cover;object-position:top center}
[data-case][hidden]{display:none!important}
.cases-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-32)}
.cases-pagination[hidden]{display:none}
.cases-pagination button{width:var(--control-size);min-height:var(--control-size);border:1px solid var(--line);border-radius:var(--radius-12);background:var(--paper);color:var(--ink);font-size:var(--text-16);font-weight:600}
.cases-pagination button[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cases-pagination button:hover:not([aria-current=page]){background:var(--soft);border-color:var(--text-bronze)}
.cases-page-status{margin:0;font-size:var(--text-14);color:var(--muted)}
@media(max-width:800px){.story-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){
 #privacy-banner{grid-template-columns:1fr;gap:var(--space-12);padding:var(--space-16) var(--space-20)}
 #privacy-banner>div{display:grid;grid-template-columns:1fr;gap:var(--space-8)}
 #privacy-banner button{width:100%}
 #privacy-banner a{justify-content:center}
 :is(.button,.cta,[data-open-request],.case-details,.case-actions>a,.channel-invite>a,.mo-helper-choice,.mo-helper-link){width:100%!important;min-height:var(--control-size);justify-content:space-between}
 :is(.navlink,.review-source,.review-expand,.legal-links a,footer a,.breadcrumbs a,.project-info nav a,.related-links a,.case-groups a,summary,.text-button,.dialog-close,#privacy-close){min-height:var(--control-size);display:inline-flex;align-items:center}
 :is(.review-arrow,.menu-toggle,.mo-helper-close){min-width:var(--control-size);min-height:var(--control-size)}
 .check{min-height:var(--control-size);align-items:center}
 .review-author{align-items:flex-start}
 .review-author>div{min-width:0}
 .review-stars{flex-wrap:wrap}
 .cases-pagination button{width:var(--control-size)!important}
 .story-layout{grid-template-columns:minmax(0,1fr)}
 a{min-width:var(--control-size);min-height:var(--control-size)}
 a:not(.case-preview):not(.card-image){display:inline-flex;align-items:center}
 .site-header>a{min-height:var(--control-size)}
 .legal-page main a,.text-link,figcaption a,.related>a{min-height:var(--control-size);display:inline-flex;align-items:center}
 .legal-page .header-inner{flex-wrap:wrap;gap:var(--space-12)}
 .legal-page .header-inner>.wordmark{flex-basis:100%;white-space:nowrap}
 .legal-page .header-inner>.header-phone{flex-basis:100%;white-space:nowrap}
 .legal-page .header-inner>.button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important}.cases-pagination button:active,#privacy-banner button:active{transform:none}}
@media(forced-colors:active){a:focus-visible,button:focus-visible{outline-color:Highlight}.cases-pagination button[aria-current=page]{border:2px solid Highlight}}

/* Ordinary line wrapping remains the fallback in older browsers. */
@supports (text-wrap: balance){h1,h2{text-wrap:balance}}