/* Browser defaults retained from the published page (Tailwind CSS, MIT). */
@layer theme,base;

@layer theme {
  :root,:host {
    --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --container-xs:20rem;
    --container-sm:24rem;
    --text-xs:.75rem;
    --text-xs--line-height:calc(1 / .75);
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25 / .875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5 / 1);
    --font-weight-normal:400;
    --font-weight-medium:500;
    --tracking-tight:-.025em;
    --tracking-widest:.1em;
    --leading-tight:1.25;
    --leading-snug:1.375;
    --leading-normal:1.5;
    --leading-relaxed:1.625;
    --radius-sm:.25rem;
    --radius-md:.375rem;
    --radius-lg:.5rem;
    --radius-xl:.75rem;
    --radius-2xl:1rem;
    --radius-4xl:2rem;
    --ease-in-out:cubic-bezier(.4, 0, .2, 1);
    --animate-spin:spin 1s linear infinite;
    --animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs:4px;
    --aspect-video:16 / 9;
    --default-transition-duration:.15s;
    --default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
    --default-font-family:"DM Sans",Arial,Helvetica,sans-serif;
    --default-mono-font-family:var(--font-mono);
    --color-border:var(--border)
  }
  
}

@layer base {
  *,:after,:before {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::backdrop {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  ::file-selector-button {
    box-sizing:border-box;
    border:0 solid;
    margin:0;
    padding:0
  }
  html,:host {
    -webkit-text-size-adjust:100%;
    tab-size:4;
    line-height:1.5;
    font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,sup {
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
  }
  sub {
    bottom:-.25em
  }
  sup {
    top:-.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  ol,ul,menu {
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    vertical-align:middle;
    display:block
  }
  img,video {
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  ::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::placeholder {
    opacity:1
  }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color:currentColor
    }
    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color:color-mix(in oklab, currentcolor 50%, transparent)
      }
      
    }
    
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit {
    padding-block:0
  }
  ::-webkit-datetime-edit-year-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-month-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-day-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-second-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block:0
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  ::-webkit-calendar-picker-indicator {
    line-height:1
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button,input:where([type=button],[type=reset],[type=submit]) {
    -webkit-appearance:button;
    appearance:button
  }
  ::file-selector-button {
    -webkit-appearance:button;
    appearance:button
  }
  ::-webkit-inner-spin-button {
    height:auto
  }
  ::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden=until-found])) {
    display:none!important
  }
  
}

/* Local fonts and complete website styling. */
@font-face {
  font-family:DM Sans;
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url(font-0.ttf)format("truetype")
}
@font-face {
  font-family:DM Sans;
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(font-1.ttf)format("truetype")
}
@font-face {
  font-family:DM Sans;
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url(font-2.ttf)format("truetype")
}
@font-face {
  font-family:DM Sans;
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url(font-3.ttf)format("truetype")
}
@font-face {
  font-family:DM Serif Display;
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url(font-4.ttf)format("truetype")
}
:root {
  --background:#f9f9f5;
  --foreground:#172732;
  --primary:#172732;
  --primary-foreground:#fff;
  --accent:#eceb4e;
  --accent-foreground:#172732;
  --border:#d5d9d9;
  --ring:#3468a6;
  --radius:0;
  --muted:#eceeeb;
  --muted-foreground:#53606a;
  --card:#fff;
  --card-foreground:#172732
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:35px
}
body {
  background:var(--background);
  color:var(--foreground);
  -webkit-font-smoothing:antialiased;
  margin:0;
  font-family:DM Sans,Arial,Helvetica,sans-serif
}
a {
  color:inherit;
  text-decoration:none
}
button,a {
  -webkit-tap-highlight-color:transparent
}
:is(a:focus-visible,button:focus-visible) {
  outline-offset:5px;
  outline:3px solid #3468a6
}
::selection {
  color:#172732;
  background:#eceb4e
}
p {
  line-height:1.6
}
h1,h2,h3,p,figure {
  margin:0
}
.wrap {
  width:min(1320px,100% - 112px);
  margin-inline:auto
}
.header {
  border-bottom:1px solid var(--border);
  justify-content:space-between;
  align-items:center;
  gap:30px;
  height:124px;
  display:flex
}
.wordmark {
  letter-spacing:-2px;
  font-size:38px;
  font-weight:700;
  line-height:.85
}
.wordmark>span {
  letter-spacing:.4px;
  margin-top:10px;
  font-size:14px;
  display:block
}
.brand-dot {
  color:#8b8c0d;
  font-size:24px
}
.header nav {
  gap:32px;
  margin-left:auto;
  margin-right:36px;
  font-size:14px;
  display:flex
}
.header nav a {
  border-bottom:1px solid #0000;
  padding:10px 0
}
.header nav a:hover {
  border-color:currentColor
}
.button {
  background:var(--primary);
  color:#fff;
  justify-content:space-between;
  align-items:center;
  gap:36px;
  padding:21px 25px;
  font-size:15px;
  font-weight:600;
  transition:background .2s,transform .2s;
  display:inline-flex
}
.button:hover {
  background:#304654;
  transform:translateY(-2px)
}
.button span {
  font-size:24px;
  line-height:1
}
.button.small {
  gap:30px;
  padding:15px 21px;
  font-size:14px
}
.hero {
  grid-template-columns:1.4fr 1fr;
  align-items:center;
  gap:45px;
  padding-top:56px;
  padding-bottom:54px;
  display:grid
}
.eyebrow {
  letter-spacing:1.5px;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:600;
  display:flex
}
.dot {
  background:#949624;
  border-radius:50%;
  flex-shrink:0;
  width:7px;
  height:7px
}
.hero h1 {
  letter-spacing:-3px;
  white-space:nowrap;
  margin-top:31px;
  margin-bottom:27px;
  font-size:clamp(46px,5.1vw,76px);
  font-weight:400;
  line-height:1.055
}
em {
  font-family:DM Serif Display,Georgia,serif;
  font-weight:400
}
.hero-intro {
  color:#4b5961;
  max-width:475px;
  font-size:18px;
  line-height:1.65
}
.hero-actions {
  flex-wrap:wrap;
  align-items:center;
  gap:25px;
  margin-top:33px;
  display:flex
}
.text-link {
  border-bottom:1px solid #9ba3a5;
  align-items:center;
  gap:18px;
  padding:12px 0;
  font-size:14px;
  display:inline-flex
}
.text-link:hover {
  border-color:var(--foreground)
}
.hero-note {
  letter-spacing:.3px;
  color:#66727a;
  align-items:center;
  gap:12px;
  margin-top:49px;
  font-size:12px;
  display:flex
}
.mini-line {
  background:#66727a;
  width:27px;
  height:1px
}
.portrait {
  isolation:isolate;
  background:transparent;
  height:530px;
  position:relative;
  overflow:hidden
}
.portrait img {
  object-fit:contain;
  object-position:bottom right;
  z-index:1;
  width:80%;
  height:73.6%;
  position:absolute;
  bottom:0;
  left:auto;
  right:0
}
.portrait-kicker {
  letter-spacing:1.2px;
  font-size:12px;
  line-height:1.5;
  position:absolute;
  top:28px;
  left:28px
}
.portrait-rule {
  border-top:1px solid #a9aa32;
  position:absolute;
  top:84px;
  left:28px;
  right:28px
}
.portrait figcaption {
  z-index:2;
  background:#f9f9f5f2;
  justify-content:space-between;
  align-items:center;
  padding:19px 20px;
  font-size:12px;
  line-height:1.7;
  display:flex;
  position:absolute;
  bottom:20px;
  left:20px;
  right:20px
}
.portrait figcaption a {
  padding:5px 10px;
  font-size:29px
}
.trust {
  border-top:1px solid var(--border);
  align-items:center;
  gap:50px;
  padding:30px 0 34px;
  display:flex
}
.trust>p {
  letter-spacing:1px;
  flex:0 0 240px;
  font-size:11px
}
.trust>p>span {
  color:#66727a;
  letter-spacing:0;
  font-size:13px
}
.logos {
  flex:1;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  display:flex
}
.logos img {
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:grayscale();
  opacity:.8;
  width:140px;
  height:85px
}
.skip-link {
  z-index:100;
  background:#fff;
  padding:15px;
  position:fixed;
  top:-100px;
  left:20px
}
.skip-link:focus {
  top:10px
}
@media (min-width:1600px) {
  .hero {
    gap:70px
  }
  .hero h1 {
    font-size:78px
  }
  
}
@media (max-width:1100px) {
  .wrap {
    width:calc(100% - 64px)
  }
  .header nav {
    gap:20px;
    margin-right:10px
  }
  .hero {
    gap:28px
  }
  .hero h1 {
    letter-spacing:-2.5px;
    font-size:clamp(44px,5.4vw,64px)
  }
  .portrait {
    height:470px
  }
  .hero-actions {
    gap:15px
  }
  .hero .button {
    gap:20px;
    padding:19px 20px
  }
  .logos {
    gap:15px
  }
  .logos img {
    width:110px
  }
  .trust {
    gap:20px
  }
  .trust>p {
    flex-basis:210px
  }
  
}
@media (max-width:760px) {
  .wrap {
    width:calc(100% - 40px)
  }
  .header {
    gap:12px;
    height:97px
  }
  .wordmark {
    font-size:32px
  }
  .wordmark>span {
    font-size:12px
  }
  .header nav {
    display:none
  }
  .button.small {
    gap:15px;
    padding:13px 15px
  }
  .hero {
    grid-template-columns:1fr;
    gap:35px;
    padding-top:37px
  }
  .hero h1 {
    letter-spacing:-1.8px;
    white-space:normal;
    margin-top:25px;
    font-size:clamp(37px,8.6vw,63px)
  }
  .eyebrow {
    letter-spacing:1px;
    font-size:10px
  }
  .hero-intro {
    font-size:17px
  }
  .hero-note {
    margin-top:28px;
    font-size:11px
  }
  .portrait {
    justify-self:center;
    width:100%;
    max-width:500px;
    height:440px
  }
  .trust {
    padding-top:26px;
    display:block
  }
  .trust>p {
    font-size:11px
  }
  .logos {
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:12px;
    display:grid
  }
  .logos img {
    width:100%;
    height:70px
  }
  
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,:before,:after {
    transition:none!important;
    animation:none!important
  }
  
}
.section {
  padding-block:100px
}
.section-top {
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:37px;
  display:flex
}
.section-aside {
  color:#66727a;
  font-size:14px
}
.section-heading {
  grid-template-columns:1.3fr 1fr;
  align-items:end;
  gap:70px;
  margin-bottom:48px;
  display:grid
}
h2 {
  letter-spacing:-2px;
  font-size:clamp(37px,4vw,57px);
  font-weight:400;
  line-height:1.12
}
.section-heading>p {
  color:#53616a;
  max-width:385px;
  padding-bottom:3px;
  font-size:17px
}
.services {
  border-top:1px solid var(--border)
}
.service-row {
  border-top:1px solid var(--border);
  grid-template-columns:45px .95fr 1fr 45px;
  align-items:start;
  gap:25px;
  padding:32px 0;
  transition:background .2s,padding .2s;
  display:grid
}
.service-row:last-child {
  border-bottom:1px solid var(--border)
}
.service-row:hover {
  background:#eff0e5;
  padding-inline:15px
}
.service-num {
  color:#69747b;
  padding-top:5px;
  font-size:12px
}
.service-row h3 {
  letter-spacing:-.7px;
  font-size:25px;
  font-weight:500
}
.service-row p {
  color:#53616a;
  max-width:440px;
  font-size:16px
}
.service-line {
  color:#65713b;
  margin-top:16px;
  font-size:12px;
  display:block
}
.service-arrow {
  border:1px solid #b7bfbf;
  border-radius:50%;
  place-items:center;
  width:42px;
  height:42px;
  font-size:23px;
  transition:background .2s,transform .2s;
  display:grid
}
.service-row:hover .service-arrow {
  background:#eceb4e;
  border-color:#eceb4e;
  transform:rotate(45deg)
}
.approach {
  color:#f9f9f5;
  background:#172732;
  padding:80px 0 85px
}
.approach .eyebrow {
  color:#d2d7d7
}
.tiny-mark {
  color:#eceb4e;
  font-size:40px;
  line-height:1
}
.approach-intro {
  grid-template-columns:1.2fr 1fr;
  gap:90px;
  margin-bottom:66px;
  display:grid
}
.approach h2 {
  font-size:clamp(42px,4.9vw,68px)
}
.approach h2 em {
  color:#eceb4e
}
.approach-intro>div {
  max-width:420px;
  padding-top:10px
}
.approach-intro p {
  color:#c7ced1;
  margin-bottom:20px;
  font-size:16px
}
.approach-intro .approach-lead {
  color:#fff;
  margin-bottom:24px;
  font-size:23px;
  line-height:1.4
}
.principles {
  grid-template-columns:repeat(3,1fr);
  gap:42px;
  display:grid
}
.principles>div {
  border-top:1px solid #55626a;
  padding-top:25px
}
.principles span {
  color:#eceb4e;
  font-size:12px
}
.principles h3 {
  margin-top:26px;
  margin-bottom:12px;
  font-size:20px;
  font-weight:500
}
.principles p {
  color:#bcc6cb;
  max-width:315px;
  font-size:15px
}
.about {
  grid-template-columns:1fr 1fr;
  gap:110px;
  display:grid
}
.about h2 {
  margin-top:34px
}
.about-signoff {
  margin-top:43px;
  font-family:DM Serif Display,Georgia,serif;
  font-size:29px;
  font-style:italic
}
.about-signoff span {
  color:#68767e;
  margin-top:2px;
  font-family:DM Sans,Arial,sans-serif;
  font-size:13px;
  font-style:normal;
  display:block
}
.about-copy p {
  color:#53616a;
  margin-bottom:19px;
  font-size:16px
}
.about-copy .about-lead {
  color:#172732;
  letter-spacing:-.3px;
  margin-bottom:25px;
  font-size:24px;
  line-height:1.5
}
.about-copy .text-link {
  margin-top:8px
}
.testimonial {
  border-top:1px solid var(--border);
  grid-template-columns:1fr 3fr;
  gap:60px;
  padding:52px 0 75px;
  display:grid
}
.quote-label>span {
  color:#888b27;
  font-family:Georgia,serif;
  font-size:115px;
  line-height:1
}
.quote-label p {
  letter-spacing:1.5px;
  font-size:11px
}
.testimonial blockquote {
  letter-spacing:-.6px;
  max-width:850px;
  margin:0;
  font-family:DM Serif Display,Georgia,serif;
  font-size:clamp(29px,3.4vw,46px);
  font-style:italic;
  line-height:1.25
}
.attribution {
  margin-top:25px;
  font-size:14px;
  font-weight:600
}
.attribution span {
  color:#647079;
  margin-top:3px;
  font-size:13px;
  font-weight:400;
  display:block
}
.contact {
  background:#eceb4e;
  padding:75px 0 80px
}
.contact-inner {
  grid-template-columns:1.25fr 1fr;
  align-items:center;
  gap:80px;
  display:grid
}
.contact h2 {
  margin-top:26px;
  font-size:clamp(46px,5vw,68px)
}
.contact-copy {
  max-width:370px
}
.contact-copy>p {
  margin-bottom:26px;
  font-size:17px
}
.contact .button {
  min-width:260px
}
.email-link {
  border-bottom:1px solid #777a28;
  width:fit-content;
  margin-top:22px;
  padding-bottom:5px;
  font-size:14px;
  display:block
}
.footer {
  padding-block:48px 24px
}
.footer-top {
  justify-content:space-between;
  align-items:center;
  gap:30px;
  display:flex
}
.footer-top>p {
  color:#657078;
  margin-left:75px;
  margin-right:auto;
  font-size:14px
}
.footer-top .text-link {
  font-size:12px
}
.footer-bottom {
  border-top:1px solid var(--border);
  color:#69757d;
  justify-content:space-between;
  gap:20px;
  margin-top:48px;
  padding-top:22px;
  font-size:11px;
  display:flex
}
.hero-copy {
  animation:.65s ease-out both enter
}
.portrait {
  animation:.85s ease-out both enter
}
@keyframes enter {
  0% {
    opacity:var(--tw-enter-opacity,1);
    transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
    filter:blur(var(--tw-enter-blur,0))
  }
  
}
@media (max-width:1100px) {
  .section {
    padding-block:75px
  }
  .section-heading {
    gap:45px
  }
  .service-row {
    grid-template-columns:30px .9fr 1fr 42px;
    gap:18px
  }
  .service-row h3 {
    font-size:21px
  }
  .approach-intro {
    gap:50px
  }
  .about {
    gap:65px
  }
  .contact-inner {
    gap:45px
  }
  .footer-top>p {
    margin-left:30px
  }
  
}
@media (max-width:760px) {
  .section {
    padding-block:55px
  }
  .section-top {
    margin-bottom:25px
  }
  .section-aside {
    display:none
  }
  .section-heading {
    grid-template-columns:1fr;
    gap:25px;
    margin-bottom:32px
  }
  .section-heading h2 {
    letter-spacing:-1.5px;
    font-size:38px
  }
  .section-heading>p {
    font-size:16px
  }
  .service-row {
    grid-template-columns:25px 1fr 35px;
    gap:12px;
    padding-block:25px
  }
  .service-row>div {
    grid-area:2/2
  }
  .service-row h3 {
    font-size:22px
  }
  .service-row>span:last-child {
    grid-area:1/3;
    width:34px;
    height:34px
  }
  .service-row p {
    font-size:15px
  }
  .service-line {
    font-size:12px
  }
  .service-row:hover {
    padding-inline:0
  }
  .approach {
    padding-block:48px 55px
  }
  .approach-intro {
    grid-template-columns:1fr;
    gap:25px;
    margin-bottom:38px
  }
  .approach h2 {
    letter-spacing:-1.5px;
    font-size:48px
  }
  .approach-intro>div {
    max-width:none
  }
  .approach-intro .approach-lead {
    font-size:21px
  }
  .principles {
    grid-template-columns:1fr;
    gap:25px
  }
  .principles>div {
    grid-template-columns:25px 1fr;
    gap:10px;
    display:grid
  }
  .principles h3 {
    margin:0;
    font-size:20px
  }
  .principles p {
    grid-column:2;
    max-width:none
  }
  .about {
    grid-template-columns:1fr;
    gap:35px
  }
  .about h2 {
    letter-spacing:-1.5px;
    margin-top:26px;
    font-size:42px
  }
  .about-signoff {
    margin-top:24px;
    font-size:25px
  }
  .about-copy .about-lead {
    font-size:22px
  }
  .testimonial {
    grid-template-columns:1fr;
    gap:23px;
    padding:35px 0 50px
  }
  .quote-label {
    align-items:center;
    gap:20px;
    display:flex
  }
  .quote-label>span {
    height:40px;
    font-size:65px
  }
  .testimonial blockquote {
    font-size:33px
  }
  .contact {
    padding-block:48px
  }
  .contact-inner {
    grid-template-columns:1fr;
    gap:30px
  }
  .contact h2 {
    letter-spacing:-1.5px;
    margin-top:23px;
    font-size:48px
  }
  .contact-copy {
    max-width:none
  }
  .contact-copy>p {
    font-size:16px
  }
  .footer {
    padding-top:35px
  }
  .footer-top {
    flex-wrap:wrap;
    gap:25px
  }
  .footer-top>p {
    margin:0;
    font-size:12px
  }
  .footer-top .text-link {
    margin-left:auto
  }
  .footer-bottom {
    flex-direction:column;
    gap:5px;
    margin-top:30px;
    font-size:11px
  }
  .logos img {
    filter:grayscale();
    opacity:.85
  }
  
}
@media (prefers-reduced-motion:reduce) {
  .hero-copy,.portrait {
    animation:none
  }
  
}
.experience {
  padding-bottom:65px
}
.case-grid {
  grid-template-columns:1fr 1fr;
  gap:40px;
  display:grid
}
.case-study {
  border-top:2px solid #172732;
  padding:27px 30px 28px 0
}
.case-study+.case-study {
  border-left:1px solid var(--border);
  padding-left:30px
}
.case-category {
  letter-spacing:1.3px;
  color:#657079;
  font-size:12px
}
.case-stat {
  letter-spacing:-4px;
  margin:28px 0 31px;
  font-size:76px;
  line-height:1.1
}
.case-stat>span {
  letter-spacing:0;
  color:#53616a;
  margin-top:6px;
  font-size:15px;
  line-height:1.5;
  display:block
}
.case-study h3 {
  letter-spacing:-.7px;
  margin-bottom:18px;
  font-size:25px;
  font-weight:500
}
.case-study>p:not(.case-stat):not(.case-category) {
  color:#53616a;
  max-width:490px;
  margin-top:15px;
  font-size:16px
}
.experience+.about {
  border-top:1px solid var(--border)
}
@media (max-width:1100px) {
  .header nav {
    gap:17px;
    margin-right:0
  }
  .case-grid {
    gap:25px
  }
  .case-study {
    padding-right:10px
  }
  .case-study+.case-study {
    padding-left:25px
  }
  .case-study h3 {
    font-size:22px
  }
  
}
@media (max-width:760px) {
  .experience {
    padding-bottom:38px
  }
  .case-grid {
    grid-template-columns:1fr;
    gap:22px
  }
  .case-study,.case-study+.case-study {
    border-left:0;
    padding:25px 0
  }
  .case-stat {
    margin:23px 0 25px;
    font-size:65px
  }
  .case-study>p:not(.case-stat):not(.case-category) {
    max-width:none;
    font-size:15px
  }
  .case-study h3 {
    font-size:23px
  }
  
}
.about-credential {
  border-top:1px solid var(--border);
  max-width:350px;
  margin-top:28px;
  padding-top:18px;
  font-size:14px;
  line-height:1.6
}
.about-credential span {
  color:#657079;
  font-size:12px
}
.hero-note {
  line-height:1.5
}
.mini-line {
  flex-shrink:0
}
.brand-logo {
  aspect-ratio:1390/306;
  mix-blend-mode:multiply;
  flex:none;
  width:300px;
  display:block;
  position:relative;
  overflow:hidden
}
.brand-logo img {
  width:127.626%;
  max-width:none;
  height:auto;
  position:absolute;
  top:-98.6928%;
  left:-15.8273%
}
.footer .brand-logo {
  width:260px
}
@media (max-width:1100px) {
  .header .brand-logo {
    width:240px
  }
  .header {
    gap:20px
  }
  .header nav {
    gap:15px;
    font-size:13px
  }
  
}
@media (max-width:760px) {
  .header .brand-logo {
    width:210px;
    max-width:calc(100% - 125px)
  }
  .header {
    gap:12px
  }
  .footer .brand-logo {
    width:240px
  }
  
}
.portrait figcaption {
  gap:6px;
  width:calc(50% - 20px);
  padding:16px 14px;
  left:20px;
  right:auto
}
.portrait figcaption>span {
  min-width:0
}
.portrait figcaption a {
  flex-shrink:0;
  padding:5px 2px;
  font-size:24px
}
.portrait strong {
  font-size:15px
}
@media (max-width:760px) {
  .portrait figcaption {
    width:calc(50% - 14px);
    padding:14px 11px;
    font-size:11px;
    bottom:14px;
    left:14px;
    right:auto
  }
  .portrait strong {
    font-size:14px
  }
  
}

/* September 2026 editorial revision: preserve the original visual identity. */
.hero { padding-block:72px; }
.hero h1 { white-space:normal; font-size:clamp(44px,4.7vw,70px); letter-spacing:-2.5px; }
.hero-intro { max-width:510px; }
.eyebrow { font-size:14px; }
.portrait img { width:94%; height:94%; }
.portrait figcaption { width:auto; max-width:210px; font-size:14px; background:var(--background); }
.trust>p { font-size:12px; }
.section { padding-block:110px; }
.section-heading { margin-bottom:56px; }
.service-row { grid-template-columns:1fr 1.15fr; gap:70px; padding-block:38px; }
.service-row h3 { font-size:25px; }
.service-row p { max-width:560px; font-size:16px; }
.service-line { font-size:14px; color:var(--muted-foreground); margin-top:14px; }
.approach { padding-block:100px; }
.principles h3 { margin-top:0; }
.principles p { font-size:16px; }
.case-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.case-study,.case-study+.case-study { border-left:0; padding:24px 0 0; }
.case-stat { font-size:64px; letter-spacing:-2.5px; margin:0 0 28px; }
.case-study h3 { font-size:23px; }
.case-study>p:not(.case-stat):not(.case-category) { font-size:16px; }
.testimonial { display:block; padding:82px 0; }
.quote-stage { min-height:230px; max-width:1000px; margin-inline:auto; }
.testimonial blockquote { max-width:1000px; font-size:clamp(30px,3.2vw,44px); }
.attribution { font-size:14px; font-weight:400; color:var(--muted-foreground); }
.quote-controls { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:28px; }
.quote-controls button { cursor:pointer; min-width:44px; min-height:44px; display:grid; place-items:center; font-size:22px; }
.quote-controls button:hover { background:var(--muted); }
.quote-dots { display:flex; }
.quote-dots button span { width:7px; height:7px; border:1px solid var(--foreground); border-radius:50%; }
.quote-dots button[aria-pressed="true"] span { background:var(--foreground); }
.about { border-top:1px solid var(--border); grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
.about h2 { margin:0 0 30px; }
.about-photo { aspect-ratio:4/5; overflow:hidden; position:relative; }
.about-photo img { position:absolute; width:145%; max-width:none; height:auto; left:0; top:-8%; }
.about-copy .about-credential { font-size:14px; margin-top:30px; }
.about-credential span { font-size:14px; }
.contact { padding-block:90px; }
.contact h2 { margin-top:0; font-size:clamp(40px,4.5vw,62px); }
.footer-bottom { font-size:12px; }
.footer-top .text-link { font-size:14px; }
@media(max-width:1100px) {
 .section { padding-block:80px; }
 .service-row { gap:40px; }
 .case-grid { gap:24px; }
 .case-stat { font-size:52px; }
 .about { gap:45px; }
 .header nav { font-size:14px; }
}
@media(max-width:760px) {
 .hero { padding-block:45px; }
 .hero h1 { font-size:clamp(39px,9vw,62px); letter-spacing:-1.5px; }
 .eyebrow { font-size:12px; }
 .section { padding-block:64px; }
 .section-heading h2 { font-size:36px; }
 .service-row { grid-template-columns:1fr; gap:16px; padding-block:30px; }
 .service-row>div { grid-area:auto; }
 .service-row h3 { font-size:23px; }
 .approach { padding-block:64px; }
 .principles>div { display:block; }
 .principles h3 { margin-bottom:12px; }
 .case-grid { grid-template-columns:1fr; gap:40px; }
 .case-stat { font-size:60px; }
 .testimonial { padding-block:60px; }
 .quote-stage { min-height:310px; }
 .quote-controls { gap:8px; }
 .about { grid-template-columns:1fr; gap:36px; }
 .about-photo { max-width:500px; width:100%; }
 .about h2 { font-size:42px; }
 .contact { padding-block:64px; }
 .contact h2 { font-size:43px; }
}

/* Second-round copy refinements. */
.diagnostic-copy { color:#53616a; max-width:420px; font-size:17px; padding-bottom:3px; }
.diagnostic-copy p + p { margin-top:20px; }
.experience-eyebrow { color:var(--muted-foreground); margin-bottom:20px; }
.credentials { padding-block:64px 32px; color:var(--muted-foreground); }
.credentials h2 { font-family:DM Sans,Arial,sans-serif; font-size:12px; font-weight:600; letter-spacing:1.5px; line-height:1.5; margin-bottom:14px; }
.credentials p { font-size:14px; line-height:1.9; }
@media(max-width:760px) {
 .diagnostic-copy { max-width:none; font-size:16px; }
 .credentials { padding-block:48px 16px; }
}

/* Review revision, 27 September 2026. */
.services .section-heading { align-items:start; }
.portrait img { width:100%; height:100%; left:0; right:auto; object-fit:cover; object-position:50% 45%; }
/* Isolate repainting, allowing italic overhang within the padded paint boundary. */
.quote-slide { contain:paint; padding:0.25em; margin:-0.25em; }
.quote-slide[hidden] { display:none !important; }
@media(max-width:760px) {
 .portrait img { width:100%; height:100%; max-width:none; object-position:50% 35%; }
}

/* Compact headshot caption, positioned clear of Gareth's face. */
.portrait figcaption {
  width:max-content;
  max-width:calc(100% - 40px);
  left:auto;
  right:20px;
  padding:12px 14px;
  white-space:nowrap;
}
@media(max-width:760px) {
  .portrait figcaption {
    max-width:calc(100% - 28px);
    left:auto;
    right:14px;
    padding:10px 12px;
  }
}

/* Acid-green hero call to action. */
.hero-actions .button { background:var(--accent); color:var(--accent-foreground); }
.hero-actions .button:hover { background:#dedd3e; }