/* Comfortaa trial: native variable weights, shared across all service pages. */
@font-face{font-family:Comfortaa;src:url('/assets/comfortaa/comfortaa-variable.woff') format('woff');font-style:normal;font-weight:300 700;font-display:swap}
:root{--font:Comfortaa,Arial,sans-serif;--serif:Comfortaa,Arial,sans-serif}
body{font-size:16px;font-weight:400;font-synthesis:none;line-height:1.75}
.brand{font-weight:700;letter-spacing:-1.3px}.brand .brand-my{font-weight:400}
.hero h1{font-size:40px;font-weight:400;line-height:1.18;letter-spacing:-.025em}
.hero h1 em,.section-heading h2 em,.display-title em,.contact h2 em{font-style:normal;font-weight:400}
.hero-number,.case-copy .case-index{font-style:normal;letter-spacing:-.025em}
.section-heading h2,.display-title{font-size:clamp(30px,2.6vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.025em}
.page-top h1{font-size:40px;font-weight:400;line-height:1.25;letter-spacing:-.025em}
.contact h2{font-size:36px;line-height:1.25;letter-spacing:-.025em}
.case-copy h3{font-size:28px;font-weight:400;line-height:1.3;letter-spacing:-.025em}
.principle h2,.about-next h3,.wide-statement h2,.brief-panel h2{font-size:27px;font-weight:400;line-height:1.3;letter-spacing:-.025em}
.hero-lead,.section-heading>p,.life-list li,.case-copy p,.composition-intro p,.about-body p,.about-detail p,.about-next p,.faq p,.faq-layout .aside-copy,.drawing-card p,.scope-note p,.contact p:where(:not(.eyebrow)),.wide-statement p,.principle p{font-size:16px;line-height:1.8}
.about-body .lead{font-size:18px;line-height:1.8;letter-spacing:0}
.life-intro h2,.composition-intro h2{max-width:100%}
.process-card p{font-size:14px;line-height:1.8}.process-card h3{font-size:14px;font-weight:700;line-height:1.7}.process-card .step{font-size:12px}.process-note{font-size:13px;line-height:1.8}
.duration b{font-size:48px;font-weight:400}.duration span{font-size:12px}
.benefit strong{font-size:14px;font-weight:700;line-height:1.6}.benefit p{font-size:13px;line-height:1.8}
.nav>a{font-size:11px;font-weight:600}.header-phone{font-size:12px;font-weight:600}
.button,.section-action>.button,.case-brief-entry .button,.contact-brief-entry .button{font-size:13px;font-weight:600;line-height:1.6}.button-small{font-size:12px}
.text-link{font-size:13px;font-weight:600}.eyebrow{font-size:10px;line-height:1.8;letter-spacing:1.5px}
.hero-note,.brief-entry-note,.hero-brief-entry .brief-entry-note,.section-action-copy span,.contact-brief-entry .brief-entry-note{font-size:12px;line-height:1.8}
.section-action-copy p,.contact-brief-entry p{font-size:15px}.section-bottom p{font-size:13px;line-height:1.8}.section-bottom .button{font-size:12px}
.floating-note{font-size:12px;line-height:1.7;max-width:300px}.floating-note strong{font-size:13px;font-weight:600}.paper-caption{font-size:10px}.paper-topline{font-size:9px}
.curator-note p{font-size:14px}.curator-note strong{font-size:14px;font-weight:600}
.case-points li{font-size:13px;line-height:1.8}.compare-help{font-size:11px}.scenario-tab{font-size:13px}.scenario-tab[aria-selected=true]{font-weight:600}
.about-detail summary,.faq summary{font-size:15px;font-weight:600;line-height:1.8}
.contact-links{font-size:14px}.contact-form label{font-size:13px}.contact-form .form-note{font-size:12px;line-height:1.8}
.footer-inner{font-size:11px}.footer-links{flex-wrap:wrap;font-size:10px}.footer-bottom{font-size:10px;line-height:1.8}
.breadcrumbs{font-size:12px}.page-top .page-lead{font-size:16px;line-height:1.8}
.drawing-card h2{font-size:18px;line-height:1.6;font-weight:600;letter-spacing:0}.drawing-card .drawing-num{font-size:11px}.scope-note h2{font-size:16px}
.brief-step-link{font-size:13px}.brief-sidebar p,.draft-buttons button{font-size:12px}.brief-panel>.panel-help{font-size:14px;line-height:1.8}
.question legend,.question>.question-title{font-size:15px;font-weight:600;line-height:1.8}.question>label:not(.option){font-size:14px}.option{font-size:14px;line-height:1.8}.question-number{font-size:12px}
.question .hint,.brief-alert,.brief-actions .progress-copy{font-size:12px;line-height:1.8}.question input[type=text],.question input[type=email],.question input[type=number],.question textarea,.question select,.contact-form input,.contact-form textarea{font-size:16px}
.file-picker{font-size:14px}.file-picker input{font-size:12px}.brief-summary{font-size:14px;line-height:1.8}.brief-actions .button{font-size:13px}
.floating-top{font-size:12px;font-weight:600}.dialog-head h2{font-size:15px}.dialog-foot p,.dialog-foot a{font-size:12px}
@media(max-width:1100px){.nav>a{font-size:14px}.nav-contact a{font-size:12px}.nav-contact .button{font-size:13px}.hero h1{font-size:40px}}
@media(max-width:800px){
  .hero h1{font-size:36px;line-height:1.2;letter-spacing:-.025em}.section-heading h2,.display-title{font-size:30px;line-height:1.25;letter-spacing:-.025em}
  .page-top h1{font-size:34px;line-height:1.25;letter-spacing:-.025em}.contact h2{font-size:32px;line-height:1.25;letter-spacing:-.025em}
  .case-copy h3{font-size:26px}.about-next h3{font-size:25px}.brief-panel h2{font-size:27px}
  .brief-sidebar ol{flex-wrap:wrap;gap:16px}.brief-step-link{font-size:12px}.brief-step-link .number{font-size:11px}
  .case-copy{grid-template-columns:1fr}.case-copy .case-index,.case-copy h3,.case-copy>p,.case-copy .case-points,.case-copy>.case-brief-entry{grid-column:1;grid-row:auto}
  .case-copy h3{margin-bottom:12px}.case-copy>p{margin:0}.case-points{margin:18px 0}
  .benefit{min-width:0;gap:10px}.benefit p{font-size:12px}.benefit strong{font-size:13px}
  .hero-note{font-size:11px}.floating-note{font-size:11px;max-width:270px}.floating-note strong{font-size:12px}
  .section-bottom p{font-size:13px;max-width:100%}.section-bottom .button{font-size:12px}
}
@media(max-width:480px){
  .hero h1{font-size:34px}.section-heading h2,.display-title{font-size:28px}.contact h2{font-size:29px}.page-top h1{font-size:30px}
  .process-card{padding:20px 14px}.process-card h3{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.process-card p{font-size:13px;line-height:1.8}
  .scenario-tab{font-size:12px}.section-heading>p,.life-list li,.case-copy p,.drawing-card p{font-size:16px}
  .brief-step-link{font-size:0}.brief-step-link.active{font-size:12px}.brief-step-link .number{font-size:11px}
  .brief-actions{flex-wrap:wrap}.brief-actions .button{font-size:12px;padding:12px 14px}.brief-actions .progress-copy{order:3;width:100%}
  .option{font-size:14px}.question legend,.question>.question-title{font-size:15px}.hero-brief-entry .brief-entry-note,.case-brief-entry .brief-entry-note{font-size:12px}
  .section-action>.button{font-size:13px}.dialog-head h2{font-size:13px}.dialog-foot p,.dialog-foot a{font-size:11px}
}