/* Shared brand, accessibility, typography and motion tokens. */
:root,[data-theme="duty"]{
  color-scheme:light;
  --color-base-100:#fff;
  --color-base-200:#f4f5f6;
  --color-base-300:#dce0e5;
  --color-base-content:#24303d;
  --color-primary:#edc45d;
  --color-primary-content:#18212b;
  --color-secondary:#394656;
  --color-secondary-content:#fff;
  --color-accent:#edc45d;
  --color-accent-content:#18212b;
  --color-neutral:#18212b;
  --color-neutral-content:#fff;
  --color-info:#285e8c;
  --color-info-content:#fff;
  --color-success:#286340;
  --color-success-content:#fff;
  --color-warning:#edc667;
  --color-warning-content:#242018;
  --color-error:#a42424;
  --color-error-content:#fff;
  --radius-selector:0.25rem;
  --radius-field:0.25rem;
  --radius-box:0.25rem;
  --size-selector:0.25rem;
  --size-field:0.25rem;
  --border:1px;
  --depth:0;
  --noise:0;
  --ink:var(--color-base-content);
  --dark:var(--color-neutral);
  --muted:#5d6773;
  --line:var(--color-base-300);
  --gold:var(--color-primary);
  --white:var(--color-base-100);
  --space:8px;
  --gutter:clamp(24px,5.4vw,88px);
  --section:104px;
  --ease:200ms ease-out;
  --body:16px;
  --small:13px;
  --h2:clamp(36px,4vw,52px);
  --gold-hover:#f7d887;
  --brand-slate:var(--color-secondary);
  --silver:#cbd2db;
  --surface:var(--color-base-200);
  --text-body:16px;
  --content-width:720px;
  --motion-enter:360ms;
  --motion-feedback:200ms;
  --motion-exit:140ms;
  --motion-stagger:40ms;
  --motion-distance:16px;
  --motion-easing:cubic-bezier(.22,1,.36,1);
  --gold-ink:#796019;
  --placeholder:var(--muted);
  --focus:#96700c;
  --border-dark:#3b4652;
  --border-control:#cbd1d9;
  --border-inverse:#87909b;
  --surface-contact:#f2f4f6;
  --surface-soft:#f0f2f4;
  --border-soft:#d5dbe2;
  --text-inverse-muted:#c6cdd6;
  --text-inverse-soft:#d2d8e1;
  --text-inverse-dim:#bcc6d1;
  --text-ui:14px;
  --text-small:12px;
  --touch-target:44px;
  --tone-293644:#293644;
  --tone-687685:#687685;
  --tone-a9b4c0:#a9b4c0;
  --tone-e1e5e9:#e1e5e9;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;font-family:Manrope,sans-serif;font-size:var(--body);line-height:1.65;color:var(--ink);background:var(--white)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.1}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a,button,input,select,textarea{outline-offset:5px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus)}
::selection{background:var(--gold);color:var(--dark)}
.wrap{max-width:1600px;margin:auto;padding-inline:var(--gutter)}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:var(--text-ui);letter-spacing:.15em;text-transform:uppercase;font-weight:700;line-height:1.5}
.eyebrow:before{content:'';display:block;width:24px;height:1px;background:currentColor}
.od-icon{--od-icon-size:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
.skip{position:fixed;top:8px;left:8px;z-index:20;background:var(--gold);padding:12px 20px;transform:translateY(-160%)}
.skip:focus{transform:translateY(0)}

.site-header{background:var(--dark);color:var(--white);border-bottom:1px solid var(--border-dark)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;flex:none}
.brand-symbol{width:44px;height:48px;color:var(--gold)}
.brand-name{display:grid;font-weight:800;font-size:var(--text-body);letter-spacing:.025em;line-height:1.15}
.brand-name small{font-size:var(--text-small);letter-spacing:.22em;font-weight:500;margin-top:5px}
.desktop-nav{display:flex;align-items:center;font-size:var(--text-ui);font-weight:500}
.desktop-nav a{padding-block:12px}
.header-action.btn{background:transparent;color:var(--white);border:1px solid var(--border-inverse);border-radius:4px;padding-inline:20px;min-height:44px;font-size:var(--text-ui);gap:24px;font-weight:600}
.menu-toggle{display:none}
.mobile-nav{padding:0 var(--gutter) 24px}
.mobile-nav a{padding:12px 0;border-top:1px solid var(--border-dark)}

.hero-section{position:relative;isolation:isolate;background:var(--dark);color:var(--white)}
.hero-inner{display:grid;padding-top:64px;padding-bottom:56px;gap:32px}
.hero-copy{align-self:center;max-width:760px}
.location{color:var(--text-inverse-soft);font-size:var(--text-small);letter-spacing:.15em;display:flex;align-items:center;gap:8px;text-transform:uppercase;font-weight:600}
.location:before{content:'';display:block;width:6px;height:6px;background:var(--gold);border-radius:50%}
h1{font-size:clamp(48px,5.6vw,84px);letter-spacing:-.055em;line-height:1.04;margin:28px 0 24px}
h1 span{color:var(--gold)}
.hero-description{line-height:1.8;color:var(--text-inverse-soft)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:32px;margin-top:32px}
.btn{border-radius:4px;text-transform:none;box-shadow:none;min-height:52px;font-weight:600;font-size:var(--text-ui);gap:24px;padding:0 24px;transition:background-color var(--ease),border-color var(--ease)}
.btn-primary{background:var(--gold);color:var(--dark);border-color:var(--gold)}
.text-action{display:inline-flex;align-items:center;gap:16px;font-size:var(--text-ui);font-weight:600;min-height:44px}
.hero-bottom{margin-top:40px;font-size:var(--text-small);letter-spacing:.015em;color:var(--text-inverse-muted);display:flex;gap:8px;align-items:center}
.hero-bottom .od-icon{--od-icon-size:16px;color:var(--gold)}
.hero-caption{justify-self:end;display:flex;align-items:center;gap:16px;border-top:1px solid var(--tone-a9b4c0);padding-top:16px;font-size:var(--text-ui);line-height:1.6;max-width:280px}
.hero-caption>span{color:var(--gold);font-size:24px}
.hero-caption strong,.hero-caption small{display:block}
.hero-caption strong{font-size:var(--text-ui);font-weight:600}
.hero-caption small{font-size:var(--text-small);color:var(--tone-e1e5e9)}

.credential-band{background:var(--surface);border-bottom:1px solid var(--line)}
.credentials{display:grid;grid-template-columns:repeat(4,1fr);padding-block:32px;gap:24px}
.credential{display:flex;gap:16px;align-items:center;border-right:1px solid var(--border-soft);padding-right:24px}
.credential:last-child{border:0}
.credential .od-icon{--od-icon-size:28px;color:var(--gold-ink)}
.credential strong{display:block;font-size:var(--text-ui);font-weight:700;letter-spacing:-.01em}
.credential small{display:block;font-size:var(--text-small);color:var(--muted);margin-top:3px}
.credential .years{font-size:38px;font-weight:600;letter-spacing:-.06em;line-height:1.1}

.section{padding-block:var(--section)}
.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.section-top h2,h2{font-size:var(--h2)}
.section-top h2{max-width:660px;margin-top:20px}
.section-intro{max-width:320px;color:var(--muted);padding-bottom:4px}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;min-width:0;background:var(--white)}
.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.service-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--surface-soft)}
.service-icon .od-icon{--od-icon-size:28px}
.service-number{font-size:var(--text-small);color:var(--muted);letter-spacing:.08em}
.service :is(h2,h3){font-size:24px;margin-bottom:16px}
.service p{font-size:var(--text-ui);color:var(--muted);line-height:1.8;margin-bottom:24px}
.service ul{list-style:none;padding:0;margin:0 0 32px;font-size:var(--text-ui);line-height:2.4}
.service li:before{content:'—';margin-right:10px;color:var(--gold-ink)}
.service a{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-ui);font-weight:700}
.service a .od-icon{--od-icon-size:18px}
.service-note{display:flex;justify-content:center;gap:8px;margin-top:32px;font-size:var(--text-ui);color:var(--muted);text-align:center}
.service-note a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}

.approach-section{background:var(--dark);color:var(--white)}
.approach-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.approach-image{position:relative}
.approach-image img{width:100%;height:auto;display:block;filter:saturate(.55)}
.image-caption{background:var(--tone-293644);padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:var(--text-ui)}
.image-caption .od-icon{color:var(--gold)}
.approach-content .eyebrow{color:var(--gold)}
.approach-content h2{margin:20px 0 24px}
.approach-content>p{font-size:var(--text-ui);line-height:1.9;color:var(--silver);max-width:490px}
.principles{margin-top:32px;display:grid}
.principle{padding:20px 0;border-top:1px solid var(--border-dark);display:grid;grid-template-columns:32px 1fr;gap:16px}
.principle>span{color:var(--gold);padding-top:4px}
.principle h3{letter-spacing:-.015em;margin-bottom:8px}
.principle p{font-size:var(--text-ui);line-height:1.8;color:var(--text-inverse-muted);max-width:400px}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}
.about-heading h2{margin:20px 0 24px}
.about-heading .eyebrow{color:var(--gold-ink)}
.about-body>p{color:var(--muted);margin-bottom:20px}
.about-body strong{color:var(--ink);font-weight:600}
.about-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:32px;border-top:1px solid var(--line);padding-top:24px;gap:24px}
.about-stats strong{font-size:30px;letter-spacing:-.04em;line-height:1.3}
.about-stats small{font-size:var(--text-small);color:var(--muted);margin-top:8px}
.area-strip{margin-top:64px;border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.area-title{display:flex;align-items:center;gap:12px;font-weight:600;font-size:var(--text-ui)}
.area-strip p{font-size:var(--text-ui);color:var(--muted)}

.contact-section{background:var(--surface-contact);border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px}
.contact-copy h2{margin:20px 0 24px}
.contact-copy>p{color:var(--muted)}
.contact-note{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-soft);max-width:350px}
.contact-note strong{display:block;font-size:var(--text-ui);margin-bottom:8px}
.contact-note p{font-size:var(--text-ui);color:var(--muted)}
.estimate-form{background:var(--white);padding:40px;border:1px solid var(--line)}
.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}
.form-heading h3{font-size:20px;letter-spacing:-.025em}
.form-heading span{color:var(--muted);white-space:nowrap}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.field{display:grid;align-content:start;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-weight:600}
.input,.select,.textarea{width:100%;border-radius:2px;border:1px solid var(--border-control);background:var(--white);color:var(--ink);box-shadow:none;outline-offset:2px}
.input,.select{height:48px;min-height:48px}
.textarea{resize:vertical;min-height:104px;line-height:1.7;padding:12px}
.input::placeholder,.textarea::placeholder{color:var(--placeholder);opacity:1}
.error{font-size:var(--text-small);color:var(--color-error);line-height:1.6}
.field [aria-invalid="true"]{border-color:var(--color-error)}
.form-submit{width:100%;background:var(--dark);color:var(--white);border-color:var(--dark);margin-top:24px;justify-content:space-between}
.form-fineprint{line-height:1.8;color:var(--muted);margin-top:12px}
.error-summary{border:1px solid var(--color-error);padding:16px;margin-bottom:20px;font-size:var(--text-ui);color:var(--color-error)}
.error-summary a{text-decoration:underline}
.error-summary ul{margin:8px 0 0;padding-left:18px}
.request-result{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}
.request-result h3{font-size:22px;margin-bottom:12px}
.request-result>p{font-size:var(--text-ui);color:var(--muted)}
.request-result dl{display:grid;gap:12px;margin:24px 0;font-size:var(--text-ui)}
.request-result dt{font-weight:700}
.request-result dd{margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}
.result-actions{display:flex;gap:12px;flex-wrap:wrap}
.result-actions .btn{font-size:var(--text-ui);min-height:44px;padding-inline:16px;gap:12px}

.site-footer{background:var(--dark);color:var(--white);padding-block:48px 24px}
.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:40px}
.footer-tagline{font-size:var(--text-ui);color:var(--text-inverse-muted);margin-top:16px}
.footer-links{display:flex;gap:28px;font-size:var(--text-ui);align-items:center}
.footer-bottom{padding-top:24px;border-top:1px solid var(--border-dark);display:flex;justify-content:space-between;gap:24px;font-size:var(--text-small);color:var(--text-inverse-dim)}
.footer-bottom a{display:inline-flex;align-items:center;gap:8px}
.footer-bottom .od-icon{--od-icon-size:14px}

@media(hover:hover){.desktop-nav a:hover,.footer-links a:hover{color:var(--gold)}
.text-action:hover{color:var(--gold-ink)}
.hero-section .text-action:hover,.approach-section .text-action:hover,.page-hero .text-action:hover,.site-footer .text-action:hover{color:var(--gold)}
.btn-primary:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:var(--dark)}
.header-action.btn:hover{background:var(--brand-slate);color:var(--white);border-color:var(--gold)}
.service a:hover{color:var(--gold-ink)}
.form-submit:hover{background:var(--brand-slate);color:var(--white);border-color:var(--brand-slate)}
.service-note a:hover{color:var(--gold-ink)}
}

@media(min-width:1600px){.hero-inner{min-height:700px}
}

@media(max-width:1100px){.desktop-nav{gap:20px}
.header-inner{gap:24px}
.hero-inner{grid-template-columns:1.5fr .5fr;min-height:600px}
.hero-caption{max-width:200px}
.approach-grid{gap:40px}
.about-grid,.contact-grid{gap:48px}
.service{padding:24px}
.credentials{gap:16px}
.credential{gap:12px;padding-right:16px}
.credential strong{font-size:var(--text-ui)}
.credential small{font-size:var(--text-small)}
.estimate-form{padding:28px}
}

@media(max-width:800px){:root{--section:72px}
.header-inner{min-height:88px}
.hero-inner{grid-template-columns:1fr;min-height:680px;gap:40px;padding-top:56px;padding-bottom:32px}
.hero-copy{max-width:630px}
h1{font-size:clamp(48px,8.5vw,68px)}
.hero-caption{justify-self:end;max-width:280px}
.hero-bottom{margin-top:32px}
.credentials{grid-template-columns:1fr 1fr;gap:24px}
.credential:nth-child(2){border:0}
.section-top{display:block;margin-bottom:32px}
.section-intro{margin-top:24px;max-width:520px}
.services-grid{grid-template-columns:1fr;gap:16px}
.service{padding:28px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.service-top{grid-column:1/-1;margin-bottom:24px}
.service p{grid-column:1;margin-bottom:24px}
.service :is(h2,h3){grid-column:1}
.service ul{grid-column:2;grid-row:2/4;margin:0}
.service a{grid-column:1/-1}
.approach-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:48px}
.approach-content{grid-row:1}
.approach-image{max-width:640px}
.approach-content>p{max-width:600px}
.about-body>p{max-width:650px}
.area-strip{margin-top:40px;align-items:start;flex-direction:column;gap:12px}
.contact-copy>p,.contact-note{max-width:100%}
.contact-note{margin-top:24px}
.footer-top{align-items:start;flex-direction:column;gap:32px}
.footer-links{gap:24px}
.footer-bottom{flex-wrap:wrap}
.service-note{flex-wrap:wrap}
}

@media(max-width:480px){:root{--section:56px}
.hero-inner{min-height:700px}
.hero-description{font-size:var(--text-ui);max-width:320px}
.hero-actions{gap:16px 24px;margin-top:28px}
.hero-actions .btn{font-size:var(--text-ui);padding:0 20px;gap:20px}
.hero-actions .text-action{font-size:var(--text-ui)}
.hero-bottom{font-size:var(--text-small);align-items:start}
.hero-caption{font-size:var(--text-small)}
.location{font-size:var(--text-small);letter-spacing:.12em}
h1{font-size:49px}
.credentials{gap:24px 16px;padding-block:28px}
.credential{gap:12px;padding:0;border:0}
.credential .od-icon{--od-icon-size:23px}
.credential strong{font-size:var(--text-small)}
.credential small{font-size:var(--text-small)}
.credential .years{font-size:32px}
.service{display:flex;padding:24px}
.service-top{margin-bottom:28px}
.service ul{margin-bottom:24px}
.service :is(h2,h3){font-size:25px}
.section-top h2{margin-top:16px}
.form-grid{grid-template-columns:1fr;gap:20px}
.field.full{grid-column:auto}
.estimate-form{padding:24px 20px}
.form-heading{align-items:start;flex-direction:column;gap:8px}
.about-stats strong{font-size:28px}
.footer-links{flex-wrap:wrap;gap:20px}
.footer-bottom{font-size:var(--text-small)}
.brand-name{font-size:var(--text-ui)}
.brand-symbol{width:36px;height:40px}
.contact-copy h2{font-size:44px}
.hero-caption{justify-self:start}
.approach-grid{gap:32px}
.contact-grid{gap:32px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}

/* Original brand and complete source content */

.brand-logo{display:block;width:136px;height:auto;aspect-ratio:784/604}
.header-inner{min-height:128px;gap:24px}
.desktop-nav{gap:24px}
.desktop-nav a[aria-current=page]{color:var(--gold)}
.footer-links{flex-wrap:wrap;justify-content:flex-end;max-width:720px}
.hero-inner{grid-template-columns:1.25fr .75fr;min-height:680px;align-items:center;padding-block:64px}
.hero-copy h1{font-size:clamp(42px,4.5vw,68px);line-height:1.08;max-width:800px}
.hero-description{font-size:var(--text-body);max-width:560px}
.hero-original-media{display:grid;justify-items:center;gap:24px;min-width:0}
.hero-original-media img{max-width:438px;width:100%;height:auto}
.hero-original-media p{font-size:var(--text-ui);line-height:1.7;max-width:360px;color:var(--silver);text-align:center}
.hero-original-media .media-rule{width:48px;height:2px;background:var(--gold)}
.original-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.original-service{padding:0;display:flex;flex-direction:column}
.original-service>img{display:block;width:100%;height:auto;aspect-ratio:2/1}
.original-service-body{padding:32px;display:flex;flex-direction:column;flex:1}
.original-service .eyebrow{font-size:var(--text-small);margin-bottom:20px;color:var(--muted)}
.original-service :is(h2,h3){font-size:30px;line-height:1.2}
.original-service p{font-size:var(--text-body);line-height:1.75}
.original-service a{gap:24px;line-height:1.6;font-size:var(--text-ui)}
.original-about-image{margin-top:32px;max-width:400px}
.about-body>p{font-size:var(--text-body);line-height:1.75}
.about-body>p:last-of-type{font-weight:600;color:var(--ink)}
.approach-section .approach-grid{align-items:start}
.approach-content>p,.principle p{font-size:var(--text-body);line-height:1.75;max-width:unset}
.principle h3{font-size:20px;line-height:1.3}
.principle>span{font-size:var(--text-ui)}
.approach-summary h2{margin-block:20px 24px}
.approach-summary>p{color:var(--silver);font-size:var(--text-body);line-height:1.75}
.approach-summary .text-action{margin-top:32px;color:var(--gold)}
.contact-copy h2{font-size:clamp(32px,3.3vw,48px);line-height:1.15}
.contact-copy>p{font-size:var(--text-body);line-height:1.75;margin-bottom:20px;max-width:unset}
.contact-jump{margin-top:8px}
.field label{font-size:var(--text-ui)}
.input,.select,.textarea{font-size:var(--text-body)}
.form-fineprint{font-size:var(--text-ui)}
.section-intro{font-size:var(--text-body);line-height:1.75}
.preview-success{border-top:1px solid var(--line);background:var(--surface)}
.preview-success-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.preview-success h2{margin-top:20px}
.preview-success p{font-size:var(--text-body);line-height:1.75;color:var(--muted);margin-bottom:24px}
.status-label{display:inline-flex;align-items:center;gap:12px;font-size:var(--text-ui);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--brand-slate)}
.status-label:before{content:'';display:block;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.page-hero{background:var(--dark);color:var(--white);padding-block:72px}
.page-hero .eyebrow{color:var(--gold)}
.page-hero h1{font-size:clamp(40px,4.7vw,68px);max-width:1024px;margin:24px 0;line-height:1.12}
.page-hero p{font-size:18px;line-height:1.75;max-width:var(--content-width);color:var(--silver)}
.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.reading-copy{max-width:var(--content-width)}
.reading-copy p{font-size:var(--text-body);line-height:1.75;color:var(--muted);margin-bottom:24px}
.reading-copy h2{font-size:clamp(32px,3.3vw,48px);line-height:1.16;margin-bottom:28px}
.reading-image{background:var(--surface);padding:24px}
.reading-image img{width:100%;height:auto}
.detail-solutions{background:var(--surface)}
.detail-solutions h2{max-width:800px;margin-bottom:40px}
.solutions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.solutions-list li{display:grid;grid-template-columns:32px 1fr;gap:16px;padding-block:24px;border-top:1px solid var(--line);font-size:18px;line-height:1.5}
.solutions-list .list-number{font-size:var(--text-ui);letter-spacing:.1em;padding-top:4px;color:var(--muted)}
.inline-cta{margin-top:32px}
.page-process-steps{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.process-step{border-top:1px solid var(--line);padding-top:28px}
.step-number{font-size:var(--text-ui);letter-spacing:.12em;color:var(--muted);display:block;margin-bottom:20px}
.process-step h2{font-size:28px;line-height:1.25;margin-bottom:20px}
.process-step p{font-size:var(--text-body);line-height:1.75;color:var(--muted)}
.process-values{background:var(--dark);color:var(--white)}
.process-values h2{max-width:800px;margin-bottom:48px}
.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px}
.value{border-top:1px solid var(--brand-slate);padding-top:24px}
.value h3{color:var(--gold);font-size:22px;line-height:1.3;margin-bottom:16px}
.value p{font-size:var(--text-body);line-height:1.75;color:var(--silver)}
.center-reading{max-width:880px;margin:auto}
.center-reading .reading-copy{max-width:unset}
.proof-status{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}
.proof-status h2{font-size:36px}
.proof-categories{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.proof-categories li{display:flex;align-items:center;gap:24px;padding-block:28px;border-top:1px solid var(--line);font-size:20px;line-height:1.5}
.proof-categories li span{font-size:var(--text-ui);color:var(--muted)}
.related-link{display:inline-flex;align-items:center;gap:16px;margin-top:40px;font-size:var(--text-ui);text-decoration:underline;text-underline-offset:6px}
.estimate-page .contact-section{border-top:0}
.btn:disabled{opacity:.6;cursor:not-allowed}

@media(max-width:1100px){.desktop-nav{gap:16px;font-size:var(--text-ui)}
.brand-logo{width:112px}
.header-action.btn{gap:12px;padding-inline:16px}
.header-inner{gap:16px;min-height:112px}
.hero-inner{gap:24px}
.hero-copy h1{font-size:clamp(40px,4.8vw,60px)}
.original-service-body{padding:24px}
.reading-grid{gap:40px}
}

@media(max-width:800px){.header-inner{min-height:104px}
.brand-logo{width:104px}
.hero-inner{grid-template-columns:1fr;min-height:unset;padding-block:48px}
.hero-original-media{margin-top:24px;justify-items:start}
.hero-original-media img{max-width:360px}
.hero-original-media p{text-align:left}
.hero-copy h1{font-size:clamp(40px,7.2vw,60px)}
.hero-copy{max-width:unset}
.original-services,.reading-grid,.preview-success-inner{grid-template-columns:1fr}
.original-service{display:flex}
.original-service :is(h2,h3){font-size:28px}
.approach-content{grid-row:auto}
.page-process-steps{gap:32px}
.reading-image{max-width:640px}
.page-hero{padding-block:56px}
.values-grid{gap:32px}
.proof-categories{column-gap:32px}
.solutions-list{column-gap:32px}
.footer-links{justify-content:flex-start}
.preview-success-inner{gap:32px}
}

@media(max-width:480px){.header-inner{min-height:96px}
.brand-logo{width:96px}
.hero-copy h1{font-size:42px}
.hero-original-media img{max-width:100%}
.hero-description{font-size:var(--text-body)}
.original-service-body{padding:24px}
.page-process-steps,.values-grid,.proof-categories,.solutions-list{grid-template-columns:1fr}
.reading-image{padding:16px}
.page-hero h1{font-size:40px}
.page-hero p{font-size:var(--text-body)}
.proof-status{align-items:start;flex-direction:column}
.proof-categories li{font-size:18px}
.solutions-list li{font-size:17px}
.original-about-image{max-width:100%}
.original-service :is(h2,h3){font-size:26px}
.contact-copy h2{font-size:36px}
.original-service a{font-size:var(--text-ui)}
.footer-links{font-size:var(--text-ui)}
.footer-bottom{font-size:var(--text-small)}
.credential small{font-size:var(--text-small)}
.credential strong{font-size:var(--text-ui)}
}

/* Motion: a single entrance per section, with direct feedback on interactive controls. */

.desktop-nav a{position:relative}

.desktop-nav a::after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;opacity:0;pointer-events:none}

.desktop-nav a[aria-current="page"]::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);opacity:1}

@media(prefers-reduced-motion:no-preference){
  .desktop-nav a::after{transition:transform var(--motion-feedback) ease-out,opacity var(--motion-feedback) ease-out}

  .btn .od-icon,.text-action .od-icon,.service a .od-icon{transition:transform var(--motion-feedback) var(--motion-easing)}

  .btn:active:not(:disabled){transform:translateY(1px)}

  .btn{transition:transform var(--motion-feedback) var(--motion-easing)}

  .mobile-nav:not([hidden]){animation:duty-menu-enter var(--motion-feedback) ease-out both}

  .mobile-nav:not([hidden]) a{animation:duty-menu-item var(--motion-feedback) ease-out backwards}

  .mobile-nav a:nth-child(2){animation-delay:40ms}

  .mobile-nav a:nth-child(3){animation-delay:80ms}

  .mobile-nav a:nth-child(n+4){animation-delay:120ms}

  .request-result:not([hidden]){animation:duty-result-enter var(--motion-feedback) ease-out}

  .request-result:focus-within{animation:none}

  .btn:focus-visible .od-icon,.text-action:focus-visible .od-icon,.service a:focus-visible .od-icon{transform:translateX(4px)}

  @media(hover:hover){
    .desktop-nav a:hover::after{transform:scaleX(1);opacity:1}

    .btn:hover .od-icon,.text-action:hover .od-icon,.service a:hover .od-icon{transform:translateX(4px)}

  }

}

@media(hover:hover){.desktop-nav a:hover::after{transform:scaleX(1);opacity:1}
}

@keyframes duty-menu-enter{from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}

@keyframes duty-menu-item{from{opacity:0;transform:translateX(-8px)}
to{opacity:1;transform:translateX(0)}
}

@keyframes duty-result-enter{from{opacity:.4;transform:translateY(8px)}
to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){.btn:active:not(:disabled),.btn .od-icon,.text-action .od-icon,.service a .od-icon{transform:none!important}
}

/* Accessible interactive geometry */
.desktop-nav a,.mobile-nav a,.footer-links a,.footer-bottom a{min-height:var(--touch-target);display:inline-flex;align-items:center}

.footer-links a,.footer-bottom a{padding-block:8px}

.mobile-nav a{display:flex}

.text-action,.service a{min-height:var(--touch-target)}

.input,.select,.textarea{caret-color:var(--ink)}

.form-heading{flex-wrap:wrap}

.form-heading span{font-size:var(--text-small)}

.form-fineprint,.error,.request-result>p,.request-result dl{font-size:var(--text-ui)}

:where(.hero-inner,.header-inner,.reading-grid,.about-grid,.contact-grid,.approach-grid)>*{min-width:0}

h1,h2,h3{overflow-wrap:break-word}

@media(max-width:1024px){
  .desktop-nav,.header-action.btn{display:none}

  .menu-toggle{display:inline-flex;background:transparent;color:var(--white);border:1px solid var(--border-inverse);min-width:var(--touch-target);min-height:var(--touch-target);padding:0 12px}

}

@media(min-width:1025px){.mobile-nav{display:none}
.menu-toggle{display:none}
}