/* Shared visual language: carousel-style serif headings, Poppins text.
   Georgia is a visual match to the supplied JPEGs, not an extracted font identification.
   Photo transitions are display-only: all original image files stay untouched. */
:root{--brand-cream:#F5F0EC;--brand-serif:Georgia,'Times New Roman',serif;--brand-sans:'Poppins',Arial,sans-serif}
body{font-family:var(--brand-sans)}
button,input,textarea,select{font-family:var(--brand-sans)}
body h1,body h2,body h3{font-family:var(--brand-serif);font-weight:700;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}
body h1,body h2{line-height:1.12}
body h3{line-height:1.25}
body .hero h1{letter-spacing:-.025em}
body h1 em,body h2 em,body h3 em{font-family:var(--brand-serif);font-weight:inherit;font-style:italic}
body .eyebrow,body .btn,body .button,body nav,body .team-role,body .portrait-caption,body figcaption{font-family:var(--brand-sans)}
body .hero .lead,body .hero-intro{font-family:var(--brand-serif);font-style:italic;font-size:clamp(20px,1.65vw,25px);line-height:1.5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--paper:var(--brand-cream)}
body .hero{background:var(--brand-cream)}
/* Fades follow the photograph's existing crop and reveal the section beneath. */
.hero-photo img,.photo-feature figure>a>img,.team-intro img,.team-wide img,.company-photo img{-webkit-mask-image:linear-gradient(to bottom,#000000 74%,rgba(0,0,0,.94) 80%,rgba(0,0,0,.55) 91%,transparent 100%);mask-image:linear-gradient(to bottom,#000000 74%,rgba(0,0,0,.94) 80%,rgba(0,0,0,.55) 91%,transparent 100%);border-radius:12px 12px 0 0}
.photo-feature figure>a{background:transparent}
/* A restrained edge on individual portraits; no blur or cutout of the people. */
#team .teamgrid article>img,#team .ingo-natural-frame{-webkit-mask-image:linear-gradient(to bottom,#000000 93%,transparent 100%);mask-image:linear-gradient(to bottom,#000000 93%,transparent 100%);border-bottom-left-radius:0;border-bottom-right-radius:0}
body .hero h1{font-size:clamp(40px,5.1vw,73px)}
@media(max-width:550px){body .hero h1{font-size:clamp(36px,9.5vw,48px)}}

/* Canonical palette shared by both websites. */
:root{--blue:#00446B;--ink:#333333;--burgundy:#702D3E;--burgundy-dark:#592331;--orange:#702D3E;--paper:#F5F0EC;--white:#F5F0EC;--brand-cream:#F5F0EC;--stone:#E8E2D9;--greige:#B7AEA3;--logo-grey:#808080;--line:#D7D0C7}

body header .menu-toggle{display:none}@media(max-width:760px){.js-enabled body header .menu-toggle{display:block}}

body .hero h1{color:var(--blue)}