:root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-black: #000;
    --color-white: #fff;
    --title-red: #962b24;
    --title-red-on-dark: #e59a92;
    --title-rounded-font: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
    --ink: #181713;
    --paper: #f2eee4;
    --paper-deep: #e6dfd0;
    --red: #8b261f;
    --red-dark: #5e1815;
    --line: #18171330;
    --poem-bg: #d7bea0;
    --poem-ink: #7d2b22;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --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);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --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;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
}

body {
    background: var(--paper);
    color: var(--ink);
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

main {
    display: block;
    unicode-bidi: isolate;
}

section {
    display: block;
    unicode-bidi: isolate;
}

div {
    display: block;
    unicode-bidi: isolate;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.hero {
    flex-direction: column;
    justify-content: center;
    min-height: 500px;
    padding-right: 5vw;
    padding-left: 5vw;
    display: flex;
    position: relative;
    overflow: hidden;
}

.hero-copy {
    z-index: 1;
    max-width: 1050px;
    position: relative;
}

.hero-kicker {
    font-family: Georgia, Times New Roman, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.hero-kicker, .eyebrow {
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--red);
    font-size: .76rem;
    font-weight: 700;
}

.hero h1 {
    letter-spacing: -.06em;
    max-width: 1020px;
    margin: .9rem 0 1.4rem;
    font: 400 clamp(3.6rem, 8vw, 7.6rem) / .88 Georgia, Times New Roman, serif;
}

#home-title {
    color: var(--title-red) !important;
    font-family: var(--title-rounded-font) !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

h1 {
    color: var(--title-red) !important;
    font-family: var(--title-rounded-font) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

h1, h2 {
    margin: 0;
    color: #a5886f;
    font-size: 24px;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    color: var(--title-red) !important;
    font-family: var(--title-rounded-font) !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.hero-name {
    display: block;
}

.hero-work {
    letter-spacing: -.035em;
    margin-top: .22em;
    font-size: .52em;
    line-height: 1.05;
    display: block;
}

.hero-role {
    max-width: 780px;
    color: var(--red);
    margin: 0 0 .8rem;
    font-family: Georgia, Times New Roman, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.hero-intro {
    max-width: 720px;
    margin: 0 0 .85rem;
    font: italic clamp(1.25rem, 2.2vw, 1.75rem) / 1.45 Georgia, Times New Roman, serif;
}

.hero-summary {
    max-width: 720px;
    margin: 0;
    font-size: 1.05rem;
}

.memory-mark {
    color: var(--red);
    letter-spacing: .12em;
    align-items: center;
    gap: .8rem;
    display: flex;
    position: absolute;
    bottom: 3rem;
    right: 5vw;
    font-family: Georgia, Times New Roman, serif !important;
    font-style: italic !important;
    font-weight: 400 !important;
    font-size: 1.05rem;
}

.memory-mark i {
    background: var(--line);
    width: 2rem;
    height: 1px;
}

.subject-index {
    background: var(--ink);
    color: var(--paper);
    padding-top: 30px;
    padding-right: 5vw;
    padding-left: 5vw;
    scroll-margin-top: 1.5rem;
    --title-red: var(--title-red-on-dark);
}

.subject-index-heading {
    grid-template-columns: minmax(180px, .7fr) minmax(0, 1.5fr);
    gap: 1rem 5vw;
    max-width: 1250px;
    margin: 0 auto clamp(3rem, 6vw, 5rem);
    display: grid;
}

.subject-index-heading>p:last-child {
    color: #f2eee4c7;
    grid-column: 2;
    max-width: 700px;
    margin: .4rem 0 0;
    font-size: 1.05rem;
}

.subject-index-heading .eyebrow {
    color: #d98b82;
    margin: .7rem 0 0;
}

.eyebrow {
color: var(--title-red) !important;
font-family: var(--title-rounded-font) !important;
font-style: italic !important;
font-weight: 400 !important;
}

.subject-index-heading h2 {
    letter-spacing: -.055em;
    margin: 0;
    font: 400 clamp(3rem, 7vw, 6.7rem) / .93 Georgia, Times New Roman, serif;
}

nav {
    display: block;
    unicode-bidi: isolate;
}

.subject-index-list {
    border-top: 1px solid #f2eee43d;
    max-width: 1250px;
    margin: 0 auto;
    display: block;
}

.subject-index-list p {
    letter-spacing: 0;
    text-transform: none;
    border-bottom: 1px solid #f2eee43d;
    grid-template-columns: 4rem minmax(0, 1fr) 2rem;
    align-items: center;
    gap: 1rem;
    padding: 1rem .5rem;
    font-size: 24px;
    display: grid;
    color: inherit;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0;
}

.subject-index-list strong {
    color: var(--title-red) !important;
    font-family: var(--title-rounded-font) !important;
    font-style: italic !important;
    font-weight: 400 !important;
}

.subject-index-list span {
    color: #d98b82;
    font: 400 1.15rem Georgia, serif;
    font-size: 24px;
    font-family: Georgia, Times New Roman, serif !important;
    font-style: italic !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.d-none {
    display: none!important;
}

.d-block {
    display: block!important;
}

address {
    padding-top: 10px;
    font-style: unset;
    color:#677179;
    text-align: center;
}

.phone {
    padding-top: 10px;
    font-weight: bold;
    font-size:24px;
    text-align: center;
}

.phone span {
    color:#677179;
}

.footer {
    padding-top:10px;
    color:#677179;
}

@media (min-width: 768px){
    .d-md-block {
        display: block!important;
    }

    .d-md-none {
        display: none!important;
    }
}

@media (max-width: 768px) {
    h1,h2,.footer  {
        text-align: center;
    }
}