/* Option two: warm editorial layout. Activated on the root element. */
.option-two {
    --paper: #f6f1e8;
    --ink: #3f4434;
    --olive: #5a6449;
    --deep: #3d4835;
    --sage: #e1e2d3;
    --muted: #686755;
    --line: #d4d2c2;
}

.option-two .site-header {
    padding-top: 0;
    padding-bottom: 0;
    background: var(--paper);
}

.option-two .brand {
    width: 280px;
}

.option-two .site-header nav {
    gap: 24px;
}

.option-two .button {
    border-radius: 0;
    box-shadow: none;
    padding: 13px 15px 13px 24px;
}

.option-two .button:hover {
    box-shadow: none;
}

.option-two .hero {
    max-width: none;
    position: relative;
    isolation: isolate;
    min-height: 660px;
    padding: 85px 7%;
    display: flex;
    align-items: center;
    background: #3d4835;
    overflow: hidden;
}

.option-two .hero-intro {
    margin: 0;
    max-width: 830px;
    text-align: left;
}

.option-two .hero h1 {
    font-size: clamp(54px, 5.7vw, 86px);
    color: #fff9eb;
    line-height: 1.04;
    letter-spacing: -1.5px;
}

.option-two .hero h1 em {
    color: #e1e9cc;
}

.option-two .hero-summary {
    display: block;
    text-align: left;
}

.option-two .hero-summary p {
    color: #f4f2e8;
    font-size: 21px;
    max-width: 510px;
    margin-bottom: 28px;
}

.option-two .hero-summary .button {
    background: #e8ecd9;
    color: var(--deep);
    border-color: #e8ecd9;
}

.option-two .hero-summary .button>span {
    border-color: #a6b394;
    background: #d6ddc3;
}

.option-two .hero-collage {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
}

.option-two .collage-main {
    height: 100%;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

.option-two .collage-main img {
    object-position: center 44%;
    filter: none;
}

.option-two .hero:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,
            #253624ee 0%,
            #253624c4 45%,
            #25362420 100%);
}

.option-two .hero-scroll {
    left: auto;
    right: 7%;
    bottom: 25px;
    border-radius: 0;
    background: #f6f1e8d9;
}

.option-two .original-approach {
    background: #e5dfce;
    grid-template-columns: 1fr 1.05fr;
    gap: 80px;
}

.option-two .original-approach-copy {
    grid-column: 2;
    grid-row: 1;
}

.option-two .approach-gallery {
    grid-column: 1;
    grid-row: 1;
    height: 540px;
}

.option-two .approach-still {
    width: 93%;
    height: 450px;
    border-radius: 0;
}

.option-two .approach-leaf {
    border-radius: 0;
    border-color: #e5dfce;
    height: 230px;
}

.option-two .botanical-mark {
    right: 8%;
}

















.option-two .about {
    background: #dce1ce;
    grid-template-columns: 1fr 1.05fr;
    gap: 90px;
}

.option-two .about .portrait-wrap {
    padding: 0 0 28px 28px;
}

.option-two .about .portrait-wrap:before {
    border-radius: 0;
    inset: 28px 28px 0 0;
}

.option-two .about .portrait-wrap>img:not(.portrait-decoration) {
    border-radius: 0;
    height: 580px;
}

.option-two .about .portrait-decoration {
    display: none;
}

.option-two .about .portrait-label {
    left: 0;
    right: 28px;
    bottom: 0;
    border-radius: 0;
    background: #5b654b;
}

.option-two .expertise {
    background: var(--paper);
    color: var(--ink);
    grid-template-columns: 1.2fr 0.8fr;
}

.option-two .expertise-visual {
    grid-column: 2;
    grid-row: 1;
    border-radius: 0;
    min-height: 640px;
}

.option-two .expertise-copy {
    grid-column: 1;
    grid-row: 1;
}

.option-two .expertise-copy .eyebrow,
.option-two .expertise-copy>p:not(.eyebrow),
.option-two .expertise-detail p {
    color: var(--muted);
}

.option-two .expertise-copy h2 em {
    color: var(--olive);
}

.option-two .expertise-list summary>span {
    color: var(--olive);
}

.option-two .expertise-list summary i:before,
.option-two .expertise-list summary i:after {
    background: var(--ink);
}

.option-two .expertise-list summary:hover {
    color: #76845f;
}

.option-two .expertise-list,
.option-two .expertise-list details {
    border-color: #c6cdb8;
}

.option-two .consultation {
    background: #e5dfce;
}

.option-two .consultation-panel {
    border-radius: 0;
}

.option-two .consultation-copy {
    padding: 45px 45px 60px;
}

.option-two .contact-section {
    background: #f6f1e8;
    gap: 65px;
}

.option-two .contact-form {
    border-radius: 0;
    background: #e8eadd;
    border: 0;
    box-shadow: none;
}

.option-two .contact-form input,
.option-two .contact-form textarea {
    border-radius: 0;
}

.option-two .blog-section {
    background: #e8eadd;
}

.option-two .blog-card {
    border-radius: 0;
    background: #f6f1e8;
}

.option-two .blog-card-copy {
    padding: 28px;
}

.option-two .blog-image {
    height: 260px;
}

.option-two .site-footer {
    background: #d5dbc7;
}

.option-two .inner-hero {
    background: #dce1ce;
    border-radius: 0;
}

.option-two .inner-hero h1 {
    color: var(--ink);
}

.option-two .profile-lists {
    background: #e5dfce;
}

.option-two .fact-card {
    border-radius: 0;
    background: #e8eadd;
}

@media (max-width: 1280px) {
    .option-two .site-header nav {
        gap: 8px;
    }

    .option-two .hero {
        min-height: 620px;
    }

    .option-two .original-approach,
    .option-two .about {
        gap: 45px;
    }

    

    
}

@media (max-width: 900px) {
    

    

    .option-two .expertise {
        gap: 35px;
    }

    .option-two .hero h1 {
        font-size: 68px;
    }
}

@media (max-width: 760px) {
    .option-two .brand {
        width: 230px;
    }

    .option-two .hero {
        padding: 60px 6% 75px;
        min-height: 620px;
    }

    .option-two .hero h1 {
        font-size: 54px;
    }

    .option-two .hero:after {
        background: #263925bd;
    }

    .option-two .hero-intro {
        order: 0;
    }

    .option-two .hero-collage {
        margin: 0;
    }

    .option-two .original-approach,
    .option-two .about,
    .option-two .expertise {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .option-two .original-approach-copy,
    .option-two .approach-gallery,
    .option-two .expertise-copy,
    .option-two .expertise-visual {
        grid-column: auto;
        grid-row: auto;
    }

    .option-two .approach-gallery {
        height: 400px;
    }

    .option-two .approach-still {
        height: 320px;
    }

    .option-two .approach-leaf {
        height: 210px;
    }

    .option-two .expertise-visual {
        height: 310px;
        min-height: 0;
    }

    

    

    .option-two .consultation-copy {
        padding: 32px 27px 62px;
    }

    .option-two .contact-section {
        gap: 30px;
    }

    .option-two .blog-image {
        height: 220px;
    }
}

@media (max-width: 400px) {
    .option-two .brand {
        width: clamp(180px, 55vw, 215px);
    }

    .option-two .hero h1 {
        font-size: 46px;
    }

    

    

    .option-two .about .portrait-wrap>img:not(.portrait-decoration) {
        height: 400px;
    }
}

.option-two .expertise-image-caption {
    color: #fff9eb;
}

/* Botanical editorial refresh: layered portrait and calm, spacious typography. */

/* .option-two .home-option-two .site-header {
    background:
        linear-gradient(90deg, #ece9dfd9 0%, #ece9dfd9 40%, var(--paper) 40%),
        url("../images/resource/annie-spratt-9PXRUfRIH2A-unsplash.webp") left top/40% auto no-repeat;
} */
.option-two .button {
    border-radius: 40px;
    min-height: 56px;
    padding: 8px 9px 8px 24px;
    box-shadow: none;
}

.option-two .button:hover {
    box-shadow: 0 8px 22px #303e3118;
}

.option-two .hero {
    display: grid;
    grid-template-columns: 53% 47%;
    padding: 25px 5% 65px 0;
    min-height: 690px;
    background: var(--paper);
    overflow: hidden;
    align-items: center;
}

.option-two .hero:after {
    inset: 0 auto 0 0;
    width: 40%;
    background:
        linear-gradient(#ece9df65, #ece9df65),
        url("../images/resource/annie-spratt-9PXRUfRIH2A-unsplash.webp") center/cover;
    z-index: -1;
}

.option-two .hero-intro {
    grid-column: 2;
    grid-row: 1;
    max-width: 620px;
    padding: 25px 0 25px 9%;
    text-align: center;
    order: initial;
}

.option-two .hero h1 {
    color: var(--ink);
    font-size: clamp(46px, 4.3vw, 72px);
    line-height: 1.06;
    letter-spacing: -1.8px;
    margin-bottom: 26px;
}

.option-two .hero h1 em {
    color: #72775d;
}

.option-two .hero-summary {
    text-align: center;
}

.option-two .hero-summary p {
    color: var(--muted);
    font-size: 20px;
    line-height: 1.65;
    max-width: 430px;
    margin: 0 auto 28px;
}

.option-two .hero-summary .button {
    background: var(--olive);
    color: white;
    border-color: var(--olive);
}

.option-two .hero-summary .button>span {
    background: #ffffff15;
    border-color: #ffffff40;
}

.option-two .hero-collage {
    position: relative;
    inset: auto;
    z-index: auto;
    grid-column: 1;
    grid-row: 1;
    display: block;
    width: 100%;
    height: 610px;
    margin: 0;
    padding-left: 23%;
    transform: none;
}

.option-two .collage-main {
    position: relative;
    inset: auto;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: visible;
    box-shadow: 18px 18px 0 #ffffff65;
}

.option-two .collage-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    border-radius: 0;
    filter: saturate(0.78);
}

.option-two .collage-main:after {
    display: none;
}

.option-two .collage-botanical,
.option-two .collage-meadow {
    display: none;
}

.option-two .hero-scroll {
    right: 25px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border: 1px solid #aeb29b;
    border-radius: 50%;
    background: transparent;
}

.option-two .original-approach {
    background: #e4e5d7;
    gap: 75px;
    align-items: center;
}

.option-two .approach-still {
    border-radius: 200px 200px 0 0;
    width: 85%;
    height: 518px;
}

.option-two .approach-leaf {
    border: 10px solid #e4e5d7;
    box-shadow: none;
    right: 0;
    bottom: 0;
    width: 33%;
    height: 205px;
}

.option-two .original-approach blockquote {
    border-left: 2px solid #8a9471;
    padding-left: 25px;
    color: #596149;
    font-family: var(--serif);
    font-size: 27px;
    line-height: 1.3;
}



























.option-two .about {
    background: #dfe4d4;
    gap: 85px;
}

.option-two .about .portrait-wrap {
    padding: 0 25px 35px 0;
}

.option-two .about .portrait-wrap:before {
    inset: 30px 0 0 30px;
    border: 1px solid #98a185;
    background: transparent;
    border-radius: 200px 200px 0 0;
}

.option-two .about .portrait-wrap>img:not(.portrait-decoration) {
    border-radius: 200px 200px 0 0;
    height: 650px;
}

.option-two .about .portrait-label {
    left: 35px;
    right: 0;
    bottom: 0;
    background: #526047;
    padding: 22px 26px;
    box-shadow: 0 12px 30px #36442c15;
}

.option-two .about .bio-reflection {
    border-left: 2px solid #9da98a;
    padding-left: 24px;
    font-size: 20px;
}

.option-two .expertise {
    gap: 75px;
}

.option-two .expertise-visual {
    min-height: 590px;
    border-radius: 220px 220px 0 0;
}

.option-two .expertise-list details {
    padding-top: 0;
    padding-bottom: 0;
}

.option-two .consultation {
    background: #e8e5d8;
}

.option-two .consultation-panel {
    border-radius: 5px;
    box-shadow: 0 12px 35px #404a3512;
}

.option-two .contact-section {
    background: #f6f1e8;
    gap: 75px;
    align-items: center;
}

.option-two .contact-form {
    background: #e8eadf;
    border: 1px solid #d7dcc9;
    padding: 38px;
    border-radius: 4px;
    box-shadow: 12px 12px 0 #eeeee5;
}

.option-two .contact-form input,
.option-two .contact-form textarea {
    background: #f9f8f2;
    border: 1px solid #c9cfbd;
    border-radius: 3px;
}

.option-two .contact-form input:focus,
.option-two .contact-form textarea:focus {
    outline: 2px solid #889676;
    outline-offset: 2px;
}

.option-two .blog-section {
    background: #e5e8dc;
}

.option-two .blog-card {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.option-two .blog-image {
    height: 250px;
    overflow: hidden;
    border-radius: 3px;
}

.option-two .blog-card-copy {
    padding: 25px 0 0;
    border-top: 0;
}

.option-two .blog-card h3 {
    font-family: var(--serif);
    font-size: 31px;
    line-height: 1.13;
    letter-spacing: -0.6px;
}

.option-two .site-footer {
    background: #d4dbc6;
    border-top: 1px solid #bfc9af;
}

@media (min-width: 1600px) {
    .option-two .hero {
        min-height: 790px;
    }

    .option-two .hero-collage {
        height: 710px;
    }

    .option-two .hero-intro {
        padding-left: 10%;
    }
}

@media (max-width: 1100px) {
    .option-two .hero {
        min-height: 610px;
    }

    .option-two .hero-collage {
        height: 520px;
        padding-left: 14%;
    }

    .option-two .hero h1 {
        font-size: 50px;
    }

    .option-two .original-approach,
    .option-two .about,
    .option-two .expertise {
        gap: 40px;
    }
}

@media (max-width: 760px) {
    .option-two .home-option-two .site-header {
        background: var(--paper);
    }

    .option-two .hero {
        grid-template-columns: 1fr;
        padding: 25px 6% 55px;
        gap: 38px;
        min-height: 0;
    }

    .option-two .hero:after {
        width: 55%;
        height: 490px;
        background-position: center;
    }

    .option-two .hero-collage {
        grid-column: 1;
        grid-row: 1;
        height: 420px;
        padding-left: 10%;
        padding-right: 4%;
        margin: 0;
    }

    .option-two .hero-intro {
        grid-column: 1;
        grid-row: 2;
        padding: 0;
        max-width: 600px;
        margin: auto;
    }

    .option-two .hero h1 {
        font-size: clamp(42px, 7.5vw, 56px);
        letter-spacing: -1.2px;
    }

    .option-two .hero-summary p {
        font-size: 19px;
    }

    .option-two .hero-scroll {
        display: none;
    }

    .option-two .original-approach,
    .option-two .about,
    .option-two .expertise {
        gap: 35px;
    }

    .option-two .approach-still {
        height: 335px;
    }

    .option-two .approach-leaf {
        height: 200px;
    }

    

    

    .option-two .about .portrait-wrap>img:not(.portrait-decoration) {
        height: 470px;
    }

    .option-two .expertise-visual {
        min-height: 0;
        height: 380px;
        border-radius: 160px 160px 0 0;
    }

    .option-two .contact-section {
        gap: 35px;
    }

    .option-two .contact-form {
        padding: 25px;
        box-shadow: 7px 7px 0 #eeeee5;
    }

    .option-two .blog-image {
        height: 240px;
    }
}

@media (max-width: 400px) {
    .option-two .hero-collage {
        height: 340px;
    }

    .option-two .hero:after {
        height: 395px;
    }

    

    .option-two .about .portrait-wrap>img:not(.portrait-decoration) {
        height: 390px;
    }

    .option-two .contact-form {
        padding: 20px;
    }
}



.option-two main>.section-wrap {
    padding-top: 85px;
    padding-bottom: 85px;
}

@media (max-width: 760px) {
    .option-two main>.section-wrap {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* Moving meadow behind the portrait; the text stays on a quiet cream panel. */
.option-two .home-option-two .hero:after {
    display: none;
}

.option-two .hero-video-backdrop {
    position: absolute;
    inset: 0 auto 0 0;
    width: 40%;
    z-index: -1;
    overflow: hidden;
    background: #e6e2d7;
}

.option-two .hero-video-backdrop video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.55);
    opacity: 0.78;
}

.option-two .hero-video-backdrop:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #f4f0e32e;
    pointer-events: none;
}

.option-two .hero-video-toggle {
    position: absolute;
    left: 20px;
    bottom: 16px;
    z-index: 2;
    padding: 10px 16px;
    min-height: 44px;
    background: #f8f6edf0;
    border: 1px solid #969e86;
    border-radius: 30px;
    color: #3f4434;
    font: 500 15px/1.4 var(--sub);
}

.option-two .hero-video-toggle[hidden] {
    display: none;
}

.option-two .hero-video-toggle:hover {
    background: #fffdf4;
}

@media (max-width: 760px) {
    .option-two .hero-video-backdrop {
        width: 55%;
        height: 490px;
    }

    .option-two .hero-video-toggle {
        top: 440px;
        bottom: auto;
        left: 14px;
        padding: 8px 12px;
    }
}

@media (max-width: 400px) {
    .option-two .hero-video-backdrop {
        height: 395px;
    }

    .option-two .hero-video-toggle {
        top: 345px;
    }
}

/* A wider moving backdrop and a layered, botanical biography. */
.option-two .home-option-two .hero-video-backdrop {
    width: 56%;
}

.option-two .home-option-two .hero-video-backdrop:after {
    background: linear-gradient(90deg, #f4f0e315 65%, var(--paper) 100%);
}

.option-two .home-option-two .hero-collage {
    padding-left: 27%;
    padding-right: 4%;
}

.option-two .home-option-two .about {
    position: relative;
    isolation: isolate;
    background: #e2e7d9;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 90px;
    overflow: hidden;
}

.option-two .home-option-two .about:before {
    content: "";
    position: absolute;
    inset: 0 62% 0 0;
    background: #cdd6bf;
    z-index: -1;
}

.option-two .home-option-two .about .portrait-wrap {
    padding: 20px 55px 55px 10px;
}

.option-two .home-option-two .about .portrait-wrap:before {
    inset: 0 35px 35px 30px;
    border: 1px solid #859576;
    border-radius: 190px 190px 5px 5px;
}

.option-two .home-option-two .about .portrait-wrap>img:not(.portrait-decoration) {
    height: 530px;
    object-fit: cover;
    object-position: center 25%;
    border-radius: 200px 200px 4px 4px;
    box-shadow: 0 20px 45px #33462915;
}

.option-two .home-option-two .about .portrait-wrap>img.portrait-decoration {
    display: block;
    position: absolute;
    right: 0;
    bottom: 95px;
    width: 145px;
    height: 190px;
    object-fit: cover;
    border: 7px solid #e2e7d9;
    border-radius: 75px 75px 3px 3px;
    box-shadow: 0 10px 25px #35432f15;
    transform: rotate(7deg);
}

.option-two .home-option-two .about .portrait-label {
    left: 35px;
    right: 35px;
    bottom: 0;
    padding: 20px 25px;
    background: #46553e;
    border-radius: 3px;
    text-align: left;
}

.option-two .home-option-two .about-copy .eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    letter-spacing: 2px;
}

.option-two .home-option-two .about-copy .eyebrow:before {
    content: "";
    width: 45px;
    height: 1px;
    background: #869575;
}

.option-two .home-option-two .about-copy h2 {
    font-size: clamp(48px, 4.5vw, 70px);
}

.option-two .home-option-two .about-copy .bio-reflection {
    padding: 24px 0 24px 25px;
    margin: 26px 0;
    border-top: 1px solid #bcc7af;
    border-bottom: 1px solid #bcc7af;
    border-left: 2px solid #889b76;
    background: transparent;
    font-size: 19px;
    line-height: 1.65;
}

@media (max-width: 1100px) {
    .option-two .home-option-two .about {
        gap: 45px;
    }

    .option-two .home-option-two .about .portrait-wrap {
        padding-right: 35px;
    }

    .option-two .home-option-two .about .portrait-wrap>img.portrait-decoration {
        width: 115px;
        height: 160px;
    }
}

@media (max-width: 760px) {
    .option-two .home-option-two .hero-video-backdrop {
        width: 100%;
    }

    .option-two .home-option-two .hero-video-backdrop:after {
        background: linear-gradient(180deg, #f4f0e310 70%, var(--paper));
    }

    .option-two .home-option-two .hero-collage {
        padding-left: 10%;
        padding-right: 4%;
    }

    .option-two .home-option-two .about {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .option-two .home-option-two .about:before {
        inset: 0 45% 50% 0;
    }

    .option-two .home-option-two .about .portrait-wrap {
        max-width: 500px;
        width: 100%;
        margin: auto;
        padding-left: 0;
    }

    .option-two .home-option-two .about .portrait-wrap>img:not(.portrait-decoration) {
        height: 450px;
    }

    .option-two .home-option-two .about .portrait-label {
        left: 15px;
        right: 20px;
    }

    .option-two .home-option-two .about-copy .bio-reflection {
        font-size: 18px;
    }
}

@media (max-width: 400px) {
    .option-two .home-option-two .about .portrait-wrap>img:not(.portrait-decoration) {
        height: 380px;
    }
}

/* Expanding FAQ answers must not stretch or recenter the adjacent photograph. */
@media (min-width: 761px) {
    .option-two .expertise-visual {
        align-self: start;
        height: 640px;
        min-height: 0;
        max-height: none;
    }
}

.option-two .expertise-list .accordion-item {
    border-color: #c6cdb8;
}

.option-two .expertise-list .accordion-button>span {
    color: var(--olive);
}

.option-two .expertise-list .accordion-button::after {
    filter: none;
}

.option-two .expertise-list .accordion-button:hover {
    color: #76845f;
}

@media (max-width: 991px) {
    .option-two .expertise-visual {
        height: 380px;
        min-height: 0;
        max-height: none;
        border-top-right-radius: 120px;
    }
}

@media (max-width: 575px) {
    .option-two .expertise-visual {
        border-top-right-radius: 90px;
    }
}



.option-two .expertise-list .accordion-button::after {
    filter: grayscale(1) brightness(0.55);
}