/* BEHIND G&C — consolidated legacy Doug, Dream, and final page styles */

/* =========================================================
   MEET DOUG
   Dedicated profile-page stylesheet.
   Less manifesto. More evidence.
   ========================================================= */

:root {
    --doug-black: #0B0B0B;
    --doug-charcoal: #151514;
    --doug-paper: #E7D7BB;
    --doug-cream: #F6E6CF;
    --doug-rust: #C8652C;
    --doug-rust-dark: #9B411E;
    --doug-ink: #17130F;
    --doug-muted: #6E645B;
}


/* =========================================================
   HERO
   ========================================================= */


.profile-kicker {
    display: block;

    margin-bottom: 22px;

    color: var(--doug-rust);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 800;

    letter-spacing: 3.6px;
}


/* =========================================================
   THE MAKING OF DOUG — CENTERED WORD CLOUD
   Hand-composed, horizontal, and intentionally non-KPI.
   ========================================================= */


.wordcloud-heading .profile-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;

    margin: 0;
    padding: 8px 12px 7px;

    border: 1px solid rgba(174,79,38,.28);
    background: rgba(255,248,235,.26);

    color: var(--doug-rust-dark);

    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;

    letter-spacing: .28em;
}

.wordcloud-heading .profile-kicker::before {
    content: "";

    width: 24px;
    height: 1px;

    background: rgba(174,79,38,.65);
}


/* ---------------------------------------------------------
   Cloud field
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   DOUG — center of gravity
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   Cloud words
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   Human annotations
   --------------------------------------------------------- */


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */


/* =========================================================
   TWO THREADS
   ========================================================= */

.doug-two-threads {
    padding: 120px 7vw 130px;

    background:
        linear-gradient(
            90deg,
            rgba(200, 101, 44, .045) 0,
            rgba(200, 101, 44, 0) 42%
        ),
        var(--doug-charcoal);
}

.two-threads-inner {
    width: min(1450px, 100%);

    margin: 0 auto;

    display: grid;
    grid-template-columns: .8fr 1.2fr .9fr;

    gap: 70px;
    align-items: start;
}

.two-threads-heading {
    position: sticky;
    top: 100px;
}

.two-threads-heading h2 {
    margin: 0;

    color: var(--doug-cream);

    font-family: "Wausau", Georgia, serif;
    font-size: clamp(54px, 5.4vw, 88px);
    font-weight: 400;

    line-height: .88;
}

.career-track {
    position: relative;

    padding-left: 36px;
}

.career-line {
    position: absolute;
    left: 8px;
    top: 10px;
    bottom: 12px;

    width: 1px;

    background: rgba(200, 101, 44, .42);
}

.career-stop {
    position: relative;

    padding: 0 0 38px 24px;
}

.career-stop::before {
    content: "";

    position: absolute;
    left: -33px;
    top: 7px;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    background: var(--doug-rust);
}

.career-year {
    display: block;

    margin-bottom: 6px;

    color: rgba(246, 230, 207, .34);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.5px;
}

.career-stop strong {
    display: block;

    margin-bottom: 7px;

    color: var(--doug-cream);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 800;

    letter-spacing: 2px;
}

.career-stop:nth-child(3) strong {
    font-size: 13px;
    letter-spacing: 1.45px;
    line-height: 1.25;
}

.career-stop p {
    max-width: 390px;

    margin: 0;

    color: rgba(246, 230, 207, .62);

    font-size: 16px;
    line-height: 1.55;
}

.career-stop-gc strong {
    color: var(--doug-rust);
}

.hospitality-thread {
    padding: 30px 0 0 34px;

    border-left: 1px solid rgba(246, 230, 207, .14);
}

.thread-label {
    display: block;

    margin-bottom: 24px;

    color: var(--doug-rust);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2.5px;
}

.hospitality-thread p {
    margin: 0 0 22px;

    color: rgba(246, 230, 207, .68);

    font-size: 17px;
    line-height: 1.65;
}

.hospitality-thread .thread-lead {
    color: var(--doug-cream);

    font-size: 25px;
    line-height: 1.4;
}

.hospitality-thread .thread-close {
    margin-top: 34px;

    color: var(--doug-rust);

    font-style: italic;
}


/* =========================================================
   TRAVEL ATLAS
   Original wallpaper remains intact. Live HTML carries all
   factual content. The ledger uses an 80% map-paper panel.
   ========================================================= */

.travel-mobile-snapshot {
    display: none !important;
}

.doug-travel-map {
    position: relative;
    overflow: hidden;
    background: #d6bd91;
    color: var(--doug-ink);
}

.travel-atlas-shell {
    position: relative;
    isolation: isolate;
    width: 100%;
    min-height: 1320px;
    padding: 48px max(3vw, calc((100vw - 1720px) / 2 + 12px)) 250px;
    background: url("../images/behind-gc/meet-doug-travel-wallpaper.webp?v=20260901") center top / cover no-repeat;
}

.travel-atlas-shell::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(238, 221, 188, .02) 0%,
        rgba(238, 221, 188, .03) 28%,
        rgba(238, 221, 188, .05) 55%,
        rgba(238, 221, 188, .03) 78%,
        transparent 100%
    );
}

.travel-atlas-opening {
    position: absolute;
    z-index: 3;
    top: 145px;
    right: max(3vw, calc((100vw - 1720px) / 2 + 12px));
    width: min(360px, 21vw);
    margin: 0;
    mix-blend-mode: normal;
}

.travel-atlas-thought {
    max-width: 360px;
    margin: 0;
    color: #1e1510;
    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: clamp(18px, 1.05vw, 21px);
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: .045em;
    text-transform: uppercase;
    text-shadow:
        0 1px 0 rgba(245, 225, 190, .72),
        1px 2px 2px rgba(62, 38, 22, .22);
    opacity: 1;
}

.travel-atlas-stats {
    width: min(760px, 46vw);
    margin: 18px 0 54px clamp(315px, 20.5vw, 420px);
    padding-bottom: 44px;
    color: #3d2d23;
    mix-blend-mode: normal;
}

.travel-stats-title {
    width: 100%;
    margin: 0 0 22px;
    color: #682613;
    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: clamp(29px, 1.8vw, 36px);
    font-weight: 400;
    letter-spacing: .13em;
    line-height: 1.2;
    text-align: center;
    opacity: 1;
    transform: none;
}

.travel-stats-title::after {
    content: "✦";
    display: block;
    width: 100%;
    margin-top: 13px;
    overflow: hidden;
    color: #7b2d16;
    font-family: Georgia, serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 2px;
    text-align: center;
    background: linear-gradient(
        90deg,
        #8e3b1d 0,
        #7b2d16 46.5%,
        transparent 46.5%,
        transparent 53.5%,
        #7b2d16 53.5%,
        #7b2d16 100%
    ) center / 100% 3px no-repeat;
    opacity: 1;
}

.travel-stats-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 52px;
    align-items: start;
}

.travel-atlas-stat {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
}

.travel-atlas-stat strong {
    display: block;
    color: #8f3215;
    font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif;
    font-size: clamp(132px, 9.4vw, 178px);
    font-weight: 900;
    font-stretch: condensed;
    letter-spacing: -.055em;
    line-height: .78;
    opacity: 1;
    filter: none;
    text-shadow: none;
}

.travel-atlas-stat span {
    display: block;
    margin-top: 15px;
    color: #15100d;
    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: clamp(16px, 1.08vw, 20px);
    font-weight: 700;
    letter-spacing: .22em;
    line-height: 1;
    opacity: 1;
}

.travel-stat-rule {
    position: relative;
    display: block;
    width: 82%;
    height: 18px;
    margin: 14px auto 0;
    font-style: normal;
}

.travel-stat-rule::before,
.travel-stat-rule::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 42%;
    height: 2px;
    background: #8e3b1d;
    opacity: 1;
}

.travel-stat-rule::before { left: 0; }
.travel-stat-rule::after { right: 0; }

.travel-stat-rule b {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    color: #7b2d16;
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1;
}

.travel-atlas-stat-countries em {
    position: absolute;
    left: 50%;
    top: calc(100% + 12px);
    width: 430px;
    margin: 0;
    transform: translateX(-2%);
    color: #241812;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(25px, 1.55vw, 31px);
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    opacity: 1;
}

.travel-ledger-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.08fr 3.15fr .95fr 1fr;
    gap: clamp(24px, 2.2vw, 40px);
    align-items: start;
    width: min(1760px, 97%);
    margin: 0 auto;
    padding: 32px 28px 46px;
    background: rgba(222, 197, 155, .80);
    border: 2.5px solid rgba(126, 55, 29, .72);
    box-shadow: 0 12px 24px rgba(74, 47, 29, .08);
    mix-blend-mode: normal;
}

.travel-ledger-grid::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -18px -22px -26px;
    background: radial-gradient(
        ellipse at center,
        rgba(222, 197, 155, .30) 0%,
        rgba(222, 197, 155, .16) 70%,
        transparent 100%
    );
    filter: blur(10px);
    pointer-events: none;
}

.travel-ledger-region {
    min-width: 0;
}

.travel-ledger-region h3 {
    margin: 0 0 20px;
    padding-bottom: 9px;
    border-bottom: 2px solid rgba(126, 55, 29, .55);
    color: #7a3018;
    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: clamp(22px, 1.32vw, 26px);
    font-weight: 400;
    letter-spacing: .075em;
    line-height: 1.12;
    opacity: 1;
}

.travel-ledger-region:nth-child(2) .travel-ledger-list {
    columns: 3;
    column-gap: 26px;
}

.travel-ledger-entry {
    break-inside: avoid;
    margin: 0 0 17px;
}

.travel-ledger-entry h4 {
    margin: 0 0 4px;
    color: #14100d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.15px;
    line-height: 1.2;
    opacity: 1;
}

.travel-ledger-entry p {
    margin: 0;
    color: #2b211b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-style: italic;
    line-height: 1.38;
    opacity: 1;
}

.travel-ledger-entry-us p {
    color: #77331d;
    font-weight: 700;
}

.travel-atlas-quote {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 86px;
    width: min(1540px, 90vw);
    transform: translateX(-50%);
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 12px;
    color: rgba(244, 227, 198, .96);
    text-align: center;
    mix-blend-mode: normal;
}

.travel-atlas-quote p {
    margin: 0;
    color: #F4E3C6;
    font-family: "Courier New", Courier, monospace;
    font-size: clamp(30px, 2.15vw, 40px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .04em;
    text-shadow:
        0 2px 0 rgba(0, 0, 0, .48),
        0 0 18px rgba(0, 0, 0, .20);
}

.travel-atlas-quote span {
    flex: none;
    color: #C8652C;
    font-family: "industry-inc-base", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: .19em;
}

@media (max-width: 1400px) {
    .travel-atlas-opening {
        top: 102px;
        right: 3vw;
        width: min(340px, 24vw);
    }

    .travel-atlas-thought {
        font-size: 17px;
    }

    .travel-atlas-stats {
        width: min(680px, 49vw);
        margin-left: clamp(250px, 18vw, 340px);
    }
}

@media (max-width: 1200px) {
    .travel-atlas-shell {
        min-height: 0;
        padding-inline: 4vw;
        padding-bottom: 230px;
    }

    .travel-atlas-opening {
        position: relative;
        top: auto;
        right: auto;
        width: min(620px, 100%);
        margin: 0 0 30px auto;
    }

    .travel-atlas-thought {
        max-width: 620px;
        font-size: 19px;
    }

    .travel-atlas-stats {
        width: min(680px, 64vw);
        margin: 0 auto 54px;
    }

    .travel-ledger-grid {
        width: 96%;
        padding: 30px 24px 42px;
        grid-template-columns: 1fr 2fr;
    }

    .travel-ledger-region:nth-child(2) .travel-ledger-list {
        columns: 2;
    }

    .travel-ledger-region h3 {
        font-size: 21px;
    }

    .travel-ledger-entry h4 {
        font-size: 12px;
    }

    .travel-ledger-entry p {
        font-size: 15.5px;
    }

    .travel-atlas-quote {
        bottom: 82px;
    }
}

@media (max-width: 760px) {
    .travel-atlas-shell {
        min-height: 0;
        padding: 36px 5vw 165px;
        background-size: auto 42%;
        background-position: center top;
        background-repeat: no-repeat;
        background-color: #dec59b;
    }

    .travel-atlas-shell::before {
        background: linear-gradient(
            180deg,
            rgba(238, 221, 188, .08) 0%,
            rgba(238, 221, 188, .42) 22%,
            rgba(222, 197, 155, .72) 31%,
            rgba(222, 197, 155, .72) 100%
        );
    }

    .travel-atlas-opening {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin: 0 0 34px;
    }

    .travel-atlas-thought {
        max-width: 100%;
        font-size: 20px;
    }

    .travel-atlas-stats {
        width: 100%;
        margin: 0 0 42px;
        padding-bottom: 50px;
    }

    .travel-stats-title {
        font-size: 18px;
    }

    .travel-stats-row {
        gap: 22px;
    }

    .travel-atlas-stat strong {
        font-size: clamp(86px, 23vw, 116px);
    }

    .travel-atlas-stat span {
        font-size: 10px;
        letter-spacing: .22em;
    }

    .travel-atlas-stat-countries em {
        top: calc(100% + 14px);
        width: 260px;
        transform: translateX(-12%);
        font-size: 20px;
    }

    .travel-ledger-grid {
        width: 100%;
        padding: 28px 20px 34px;
        grid-template-columns: 1fr;
        gap: 30px;
        background: rgba(222, 197, 155, .86);
    }

    .travel-ledger-grid::after {
        inset: -16px -10px -20px;
        filter: blur(8px);
    }

    .travel-ledger-region:nth-child(2) .travel-ledger-list {
        columns: 1;
    }

    .travel-ledger-region h3 {
        font-size: 20px;
    }

    .travel-ledger-entry h4 {
        font-size: 11.5px;
    }

    .travel-ledger-entry p {
        font-size: 18px;
    }

    .travel-atlas-quote {
        bottom: 38px;
        width: 86vw;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .travel-atlas-quote p {
        font-size: 20px;
    }
}

/* =========================================================
   HOW MY BRAIN WORKS
   ========================================================= */

.doug-brain {
    padding: 125px 7vw 135px;

    background: #10100F;
}

.brain-heading {
    width: min(1320px, 100%);

    margin: 0 auto 74px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    column-gap: 70px;
    align-items: end;
}

.brain-heading .profile-kicker {
    grid-column: 1 / -1;
}

.brain-heading h2 {
    margin: 0;

    color: var(--doug-cream);

    font-family: "Wausau", Georgia, serif;
    font-size: clamp(66px, 6.6vw, 108px);
    font-weight: 400;

    line-height: .78;
}

.brain-heading p {
    max-width: 500px;

    margin: 0 0 4px;

    color: rgba(246, 230, 207, .68);

    font-size: 20px;
    line-height: 1.6;
}

.brain-system {
    width: min(1320px, 100%);

    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr .85fr 1fr;

    align-items: stretch;

    border-top: 1px solid rgba(200, 101, 44, .38);
    border-bottom: 1px solid rgba(200, 101, 44, .38);
}

.brain-column {
    min-height: 430px;

    display: flex;
    flex-direction: column;

    justify-content: center;

    gap: 18px;

    padding: 54px 45px;
}

.brain-column > span:not(.brain-column-title) {
    color: rgba(246, 230, 207, .62);

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(17px, 1.6vw, 24px);
    font-weight: 800;

    letter-spacing: 2.2px;
}

.brain-column-title {
    margin-bottom: 10px;

    color: var(--doug-rust);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 800;

    letter-spacing: 3px;
}

.brain-engineer {
    text-align: right;
}

.brain-restaurant {
    text-align: left;
}

.brain-center {
    position: relative;

    min-height: 430px;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 48px 34px;

    text-align: center;

    border-left: 1px solid rgba(200, 101, 44, .24);
    border-right: 1px solid rgba(200, 101, 44, .24);
}

.brain-center strong {
    position: relative;
    z-index: 2;

    display: block;

    margin-bottom: 28px;

    color: var(--doug-rust);

    font-family: "Wausau", Georgia, serif;
    font-size: clamp(54px, 5.2vw, 84px);
    font-weight: 400;
}

.brain-center p {
    position: relative;
    z-index: 2;

    max-width: 330px;

    margin: 0;

    color: var(--doug-cream);

    font-size: 17px;
    line-height: 1.6;
}

.brain-crosshair {
    position: absolute;

    width: 190px;
    height: 190px;

    border: 1px solid rgba(200, 101, 44, .15);
    border-radius: 50%;
}

.brain-crosshair::before,
.brain-crosshair::after {
    content: "";

    position: absolute;

    background: rgba(200, 101, 44, .13);
}

.brain-crosshair::before {
    left: 50%;
    top: -50px;
    bottom: -50px;

    width: 1px;
}

.brain-crosshair::after {
    top: 50%;
    left: -50px;
    right: -50px;

    height: 1px;
}

.brain-note {
    width: min(1320px, 100%);

    margin: 36px auto 0;

    display: flex;
    justify-content: space-between;

    gap: 30px;

    color: rgba(246, 230, 207, .62);

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-style: italic;
}


/* =========================================================
   NOT BUILDING
   One hard statement, then room to explain it.
   ========================================================= */


.doug-not-building .profile-kicker {
    margin-bottom: 28px;

    color: #FFF8EB;
}


/* =========================================================
   FOLLOW
   ========================================================= */


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1050px) {

    

    

    

    

    

    

    

    .two-threads-inner {
        grid-template-columns: 1fr 1fr;
    }

    .two-threads-heading {
        position: static;

        grid-column: 1 / -1;
    }

    .travel-map-heading,
    .brain-heading {
        grid-template-columns: 1fr;
    }

    .travel-map-heading .profile-kicker,
    .brain-heading .profile-kicker {
        grid-column: auto;
        margin-bottom: 0;
    }

    .brain-system {
        grid-template-columns: 1fr;
    }

    .brain-column,
    .brain-center {
        min-height: auto;
    }

    .brain-center {
        border: 0;
        border-top: 1px solid rgba(200, 101, 44, .24);
        border-bottom: 1px solid rgba(200, 101, 44, .24);
    }

    .brain-engineer,
    .brain-restaurant {
        text-align: left;
    }

}

@media (max-width: 700px) {

    

    

    .glance-heading,
    .two-threads-inner {
        grid-template-columns: 1fr;
    }

    

    

    

    .hospitality-thread {
        padding-left: 0;

        border-left: 0;
        border-top: 1px solid rgba(246, 230, 207, .14);

        padding-top: 34px;
    }

    .brain-column {
        padding-inline: 0;
    }

    .brain-note {
        flex-direction: column;
    }

    

}


/* --- INHERITED DREAM SECTIONS --- */

/* =========================================================
   THE DREAM
   Dedicated page stylesheet
   ========================================================= */

:root {
    --dream-black: #0B0B0B;
    --dream-charcoal: #121212;
    --dream-cream: #F6E6CF;
    --dream-paper: #E8D6B7;
    --dream-rust: #C8652C;
    --dream-rust-dark: #9B411E;
    --dream-ink: #17130F;
}

.dream-body {
    background: var(--dream-black);
    color: var(--dream-cream);
}


/* =========================================================
   HERO
   ========================================================= */


/* =========================================================
   EDITORIAL INTRO
   ========================================================= */


.dream-rule span:not(.star) {
    flex: 1;
    height: 1px;

    background: rgba(200, 101, 44, .72);
}

.dream-rule .star {
    color: var(--dream-rust);
    font-size: 12px;
}


/* =========================================================
   STICKY DREAM INDEX
   ========================================================= */


.dream-index-links a:hover,
.dream-index-links a.is-active {
    color: var(--dream-cream);
}

.dream-index-links a.is-active::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;

    height: 2px;

    background: var(--dream-rust);
}


/* =========================================================
   SHARED SECTION ANCHOR OFFSET
   ========================================================= */

#the-plan,
#why-restaurant,
#why-gc,
#why-oconomowoc,
#own-words,
#success {
    scroll-margin-top: 132px;
}


/* =========================================================
   THE PLAN
   ========================================================= */

.dream-build {
    display: grid;
    grid-template-columns: 57% 43%;

    min-height: 760px;

    background: var(--dream-paper);
    color: #151515;
}

.dream-build-image {
    position: relative;
    min-height: 760px;

    overflow: hidden;
}

.dream-build-image img {
    display: block;

    width: 108%;
    height: 100%;

    object-fit: cover;
    object-position: 58% center;

    filter:
        grayscale(72%)
        sepia(18%)
        contrast(1.12)
        brightness(.82);
}

.dream-build-image::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            135deg,
            rgba(25, 15, 10, .12),
            rgba(155, 67, 28, .13)
        );

    mix-blend-mode: multiply;
    pointer-events: none;
}

.dream-build-image::after {
    content: "";

    position: absolute;
    z-index: 2;

    top: 0;
    right: -1px;
    bottom: 0;

    width: 34%;

    background: linear-gradient(
        to right,
        transparent 0%,
        transparent 68%,
        rgba(234, 215, 181, .25) 76%,
        rgba(234, 215, 181, .75) 88%,
        #ead7b5 100%
    );

    pointer-events: none;
}

.dream-build-copy {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;

    padding: 90px 7vw 90px 3vw;

    background: var(--dream-paper);
}

.dream-build-kicker {
    margin-bottom: 22px;

    color: var(--dream-rust-dark);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 3.5px;
}

.dream-build h2 {
    margin: 0 0 34px;

    color: #151515;

    font-family: "Wausau", Georgia, serif;
    font-size: clamp(48px, 4.6vw, 78px);
    font-weight: 400;

    line-height: .92;
}

.dream-build-rule {
    display: flex;
    align-items: center;

    gap: 16px;

    width: 290px;
    margin: 8px 0 38px;
}

.dream-build-rule span:not(.star) {
    flex: 1;
    height: 1px;

    background: var(--dream-rust);
}

.dream-build-rule .star {
    color: var(--dream-rust);
    font-size: 14px;
}

.dream-build-copy p {
    max-width: 580px;

    margin: 0 0 22px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;

    line-height: 1.65;
}

.dream-build-lead {
    max-width: 520px;

    margin-bottom: 28px !important;

    font-size: 26px !important;
    line-height: 1.4 !important;
}

.dream-build-close {
    margin-top: 6px !important;

    color: var(--dream-rust-dark);

    font-style: italic;
}


/* Paper sections need the darker rust for WCAG AA at kicker size. */
.dream-why-gc .section-kicker,
.dream-success .section-kicker {
    color: var(--dream-rust-dark);
}


/* =========================================================
   WHY A RESTAURANT
   ========================================================= */


.section-kicker {
    display: block;

    margin-bottom: 24px;

    color: var(--dream-rust);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 4px;
}


/* =========================================================
   WHY G&C
   ========================================================= */


/* Main story piece: the cover stays readable. */


/* Punch overlaps the lower-left edge instead of floating alone. */


/* Taco dip supports the right side and stays secondary. */


/* Meatloaf sits in the blank lower-right of the cover. */


/* =========================================================
   WHY OCONOMOWOC
   ========================================================= */


/* =========================================================
   VIDEO
   ========================================================= */

.dream-video {
    padding: 115px 7vw 125px;

    background: var(--dream-black);
    color: var(--dream-cream);

    text-align: center;
}

.dream-video-inner {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
}

.dream-video h2 {
    margin: 0 auto 28px;

    color: var(--dream-cream);

    font-family: "Wausau", Georgia, serif;
    font-size: clamp(58px, 6vw, 92px);
    font-weight: 400;

    line-height: .9;
}

.dream-video-inner > p {
    max-width: 650px;

    margin: 0 auto 48px;

    color: rgba(246, 230, 207, .67);

    font-size: 18px;
    line-height: 1.65;
}

.dream-video-frame {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    border: 1px solid rgba(200, 101, 44, .55);

    box-shadow:
        0 28px 70px rgba(0, 0, 0, .55),
        0 0 0 9px rgba(255, 255, 255, .018);

    overflow: hidden;
}

.dream-video-frame iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}


/* =========================================================
   SUCCESS — ELEVATED
   ========================================================= */


/* =========================================================
   CLOSING — PRESERVED
   ========================================================= */


.dream-closing-rule span:not(.star) {
    flex: 1;

    height: 1px;

    background: var(--dream-rust);
}

.dream-closing-rule .star {
    color: var(--dream-rust);
    font-size: 14px;
}


/* =========================================================
   FOOTER SOCIAL PANEL
   Included here so Dream is complete even before the shared
   footer rollout is copied to the rest of the site.
   ========================================================= */












/* =========================================================
   RESPONSIVE
   ========================================================= */


@media (max-width: 900px) {

    

    

    .dream-build {
        grid-template-columns: 1fr;
    }

    .dream-build-image {
        min-height: 560px;
    }

    .dream-build-copy {
        padding: 70px 8vw 80px;
    }

    

    

    
}

@media (max-width: 700px) {

    

    

    .dream-introduction,
    .dream-why-restaurant,
    .dream-why-gc,
    .dream-why-oconomowoc,
    .dream-video,
    .dream-success {
        padding-left: 7vw;
        padding-right: 7vw;
    }

    

    

    

    .dream-build-image {
        min-height: 430px;
    }

    

    

    

    

    

    

    
}


/* --- FINAL BEHIND G&C OVERRIDES --- */

:root{
  --behind-ink:#17130f;
  --behind-black:#0c0b09;
  --behind-paper:#ded0b5;
  --behind-paper-light:#eee3cf;
  --behind-rust:#a9472a;
  --behind-rust-dark:#71301e;
  --behind-wood:#39291f;
  --behind-copy:#2b2119;
}

.behind-page-body{background:var(--behind-ink);color:var(--behind-paper-light)}
.behind-page{overflow:hidden}
.behind-page h1,.behind-page h2,.behind-page p{margin-top:0}
.behind-kicker{display:block;margin-bottom:18px;color:var(--behind-rust);font:700 12px/1.2 "brother-1816",Arial,sans-serif;letter-spacing:.2em}
.behind-aside{font-family:Georgia,"Times New Roman",serif!important;font-style:italic;font-weight:400!important}
.behind-page :is(.behind-facts-intro,.profile-kicker,.dream-build-kicker,.section-kicker){font-family:"brother-1816",Arial,sans-serif!important;font-weight:700!important;letter-spacing:.2em!important}

/* The composite keeps the native Dream and Meet Doug section systems. */
.behind-page .doug-two-threads,
.behind-page .dream-build,
.behind-page .doug-travel-map,
.behind-page .doug-brain,
.behind-page .dream-video{isolation:isolate}
.behind-page .doug-two-threads{border-top:1px solid rgba(190,108,69,.35)}
.behind-page .dream-build{border-top:10px solid #6f301f}
.behind-page .doug-travel-map{border-top:12px solid #17130f}
.behind-page .doug-brain{border-top:1px solid rgba(255,255,255,.08)}
.behind-page .dream-video{border-top:10px solid #6f301f}

/* HERO */
.behind-hero{min-height:730px;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);background:var(--behind-ink);position:relative}
.behind-hero-image{min-height:730px;position:relative;background:#211914}
.behind-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,rgba(23,19,15,.42)),linear-gradient(0deg,rgba(12,11,9,.2),transparent 45%)}
.behind-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.84) contrast(1.05)}
.behind-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:95px clamp(50px,7vw,120px) 80px;position:relative;z-index:2}
.behind-wordmark{display:block;width:min(430px,72%);height:auto;margin:0 0 38px;object-fit:contain;object-position:left center}
.behind-hero h1{max-width:750px;margin-bottom:32px;color:#f0e5d1;font:400 clamp(58px,7vw,108px)/.84 "Wausau",Georgia,serif;letter-spacing:-.025em}
.behind-hero h1 span{display:block}
.behind-hero-copy>p{max-width:570px;margin-bottom:13px;color:#d6c7ac;font:18px/1.55 Georgia,"Times New Roman",serif}
.behind-hero-copy .behind-hero-lead{font-size:23px;color:#f0e3cc}
.behind-hero-copy .behind-aside{margin:17px 0 0;color:#d27a50;font-size:24px;line-height:1.35}

/* FAST FACTS — one open working sheet, not a card grid */
.behind-facts{position:relative;padding:105px 5% 125px;background:var(--behind-paper);color:var(--behind-copy);border-top:7px solid var(--behind-rust-dark)}
.behind-facts::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(65,44,28,.028) 0 1px,transparent 1px 7px);pointer-events:none}
.behind-facts-inner{max-width:1280px;margin:0 auto;position:relative}
.behind-facts-intro{margin-bottom:18px;color:var(--behind-rust);font-size:12px;line-height:1.2}
.behind-facts h2{max-width:870px;margin:0 0 72px;color:#281d16;font:400 clamp(52px,6vw,92px)/.88 "Wausau",Georgia,serif;letter-spacing:-.025em}
.behind-fact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:62px 38px;align-items:start}
.behind-fact{position:relative;min-width:0}
.behind-fact img{display:block;width:100%;height:auto;aspect-ratio:9/5;object-fit:contain;margin-bottom:12px}
.behind-fact>div:not(.behind-convergence){padding-top:15px;border-top:2px solid rgba(112,52,31,.4)}
.behind-fact strong{display:block;margin-bottom:8px;color:#2d2119;font:700 20px/1.1 "industry-inc-base",Arial,sans-serif;letter-spacing:.035em}
.behind-fact span{display:block;color:#57483a;font:17px/1.45 Georgia,serif}
.behind-fact-boys{grid-column:1/5;transform:rotate(-.4deg)}
.behind-fact-degrees{grid-column:5/9;margin-top:30px;transform:rotate(.35deg)}
.behind-fact-boeing{grid-column:9/13;transform:rotate(-.25deg)}
.behind-fact-hospitality{grid-column:1/6;margin-left:4%;transform:rotate(.25deg)}
.behind-fact-culinary{grid-column:6/10;margin-top:25px;transform:rotate(-.4deg)}


/* FAMILY */
.behind-family{padding:115px 6% 135px;background-color:var(--behind-paper);background-image:repeating-linear-gradient(0deg,rgba(65,44,28,.035) 0 1px,transparent 1px 6px);color:var(--behind-copy);position:relative}
.behind-family-inner{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(420px,1.18fr);gap:9%;align-items:center;position:relative}
.behind-family-heading h2{margin-bottom:52px;color:#281d16;font:400 clamp(56px,6vw,94px)/.86 "Wausau",Georgia,serif;letter-spacing:-.025em}
.behind-parents-photo{width:min(390px,92%);margin:0 0 38px 6%;padding:14px;background:#eee2ca;box-shadow:0 18px 30px rgba(52,34,23,.22);transform:rotate(-1.2deg);position:relative}
.behind-parents-photo img{display:block;width:100%;height:auto;aspect-ratio:908/1463;object-fit:cover;background:transparent;filter:contrast(1.04)}
.behind-parents-photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:11px 12px;color:#73321f;background:rgba(238,226,202,.92);font:700 13px/1.2 "industry-inc-base",Arial,sans-serif;letter-spacing:.09em}
.behind-parents-photo {
    overflow: hidden;
}

.behind-family-story{padding-top:55px}
.behind-family-story p{max-width:680px;margin-bottom:22px;color:#34271f;font:19px/1.7 Georgia,"Times New Roman",serif}
.behind-family-story .behind-family-lead{color:#8c3d25;font:700 31px/1.2 "industry-inc-base",Arial,sans-serif;letter-spacing:.02em}
.behind-values{margin:45px 0 30px;padding:27px 0;border-top:2px solid rgba(135,59,36,.62)}
.behind-values span{display:block;color:#6f2f1d;font:700 clamp(27px,3.1vw,48px)/1.08 "industry-inc-base",Arial,sans-serif;letter-spacing:-.01em}
.behind-family-story .behind-family-close{color:#9b4328;font-size:29px;line-height:1.3}

/* RECIPES */
.behind-recipes{min-height:860px;padding:105px 6% 155px;overflow:hidden;display:grid;grid-template-columns:minmax(270px,.55fr) minmax(620px,1.45fr);gap:5%;align-items:center;background-color:var(--behind-wood);background-image:repeating-linear-gradient(91deg,rgba(255,255,255,.018) 0 2px,transparent 2px 41px),linear-gradient(180deg,#443125,#2d211a);position:relative}
.behind-recipes::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:2px;
    background:rgba(111,48,31,.42);
}
.behind-recipes-copy{padding-left:4%}
.behind-recipes h2{margin-bottom:28px;color:#efe1c7;font:400 clamp(53px,5.7vw,90px)/.88 "Wausau",Georgia,serif;letter-spacing:-.025em}
.behind-recipes-copy>p{max-width:390px;color:#ceb99b;font:18px/1.55 Georgia,serif}
.behind-recipes-copy .behind-aside{margin-top:38px;color:#d77b50;font-size:25px;line-height:1.35}
.behind-recipe-table{min-height:650px;position:relative;border-top:15px solid #1f1712;box-shadow:inset 0 12px 30px rgba(0,0,0,.45)}
.behind-recipe{position:absolute;display:block;padding:0;background:transparent;box-shadow:9px 15px 28px rgba(0,0,0,.42);transition:transform .18s ease,box-shadow .18s ease}
.behind-recipe:hover,.behind-recipe:focus-visible{z-index:10;box-shadow:14px 21px 34px rgba(0,0,0,.58)}
.behind-recipe img{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.behind-recipe-cover{left:1%;top:14%;width:27%;height:auto;aspect-ratio:1154/1363;transform:rotate(-5deg)}
.behind-recipe-cover:hover,.behind-recipe-cover:focus-visible{transform:rotate(-2deg) translateY(-7px)}
.behind-recipe-meatloaf{left:24%;top:6%;width:29%;height:auto;aspect-ratio:1122/1402;transform:rotate(2deg);z-index:2}
.behind-recipe-meatloaf:hover,.behind-recipe-meatloaf:focus-visible{transform:rotate(.5deg) translateY(-7px)}
.behind-recipe-punch{left:50%;top:17%;width:28%;height:auto;aspect-ratio:1277/1232;transform:rotate(-2deg);z-index:3}
.behind-recipe-punch:hover,.behind-recipe-punch:focus-visible{transform:rotate(0) translateY(-7px)}
.behind-recipe-taco{right:0;top:9%;width:27%;height:auto;aspect-ratio:1398/962;transform:rotate(5deg)}
.behind-recipe-taco:hover,.behind-recipe-taco:focus-visible{transform:rotate(2deg) translateY(-7px)}

/* TRAVEL */


.behind-travel-copy .behind-kicker{color:#d7774c}


/* PHOTO + VIDEO */


.behind-video-section .behind-kicker{color:#321a12}


/* CLOSING */
.behind-closing{padding:120px 6% 130px;background:var(--behind-black);text-align:center;border-top:5px solid #512315}
.behind-closing-inner{max-width:1050px;margin:0 auto}
.behind-closing p{margin-bottom:10px;color:#b8a789;font:500 clamp(28px,4vw,55px)/1 "Oswald",sans-serif;letter-spacing:.03em}
.behind-closing h2{margin-bottom:55px;color:#eee1ca;font:400 clamp(60px,7vw,112px)/.84 "Wausau",Georgia,serif;letter-spacing:-.025em}
.behind-closing-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px 38px;padding-top:35px;border-top:1px solid #5b4739}
.behind-closing-links a{color:#d5784e;font:600 13px/1.2 "Oswald",sans-serif;letter-spacing:.12em;text-decoration:none}
.behind-closing-links a:hover,.behind-closing-links a:focus-visible{color:#f0c1a4;text-decoration:underline;text-underline-offset:5px}

@media (max-width:1050px){
  .behind-hero{grid-template-columns:.9fr 1.1fr}.behind-hero-copy{padding-left:65px;padding-right:55px}
  .behind-fact-grid{grid-template-columns:repeat(2,1fr);gap:56px 42px}.behind-fact{grid-column:auto;margin:0!important}
  .behind-family-inner{gap:6%}
  .behind-recipes{grid-template-columns:1fr;padding-top:90px;padding-bottom:130px}.behind-recipes-copy{padding:0 2%;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}.behind-recipes-copy .behind-kicker,.behind-recipes-copy h2{grid-column:1}.behind-recipes-copy>p{grid-column:2;grid-row:1/3}.behind-recipes-copy .behind-aside{grid-column:2;grid-row:3;margin-top:0}.behind-recipe-table{min-height:620px}
}

@media (max-width:760px){
  .behind-hero{display:flex;flex-direction:column;min-height:auto}.behind-hero-image{height:490px;min-height:0}.behind-hero-image::after{background:linear-gradient(0deg,var(--behind-ink),transparent 48%)}.behind-hero-copy{margin-top:-70px;padding:20px 7% 75px}.behind-wordmark{width:min(360px,78%);margin-bottom:30px}.behind-hero h1{font-size:62px}
  .behind-facts{padding:78px 6% 92px}.behind-facts h2{font-size:55px;margin-bottom:55px}.behind-fact-grid{grid-template-columns:1fr;gap:48px}.behind-fact{grid-column:auto;transform:none!important;display:grid;grid-template-columns:minmax(130px,.8fr) minmax(155px,1.2fr);gap:22px;align-items:center}.behind-fact img{margin:0}.behind-fact>div:not(.behind-convergence){padding-top:13px}
  .behind-family{padding:90px 7% 105px}.behind-family-inner{grid-template-columns:1fr}.behind-family-heading h2{font-size:60px}.behind-parents-photo{width:82%;margin:0 auto 65px}.behind-parents-photo img{height:auto}.behind-family-story{padding-top:0}.behind-family-story p{font-size:18px}.behind-values span{font-size:34px}
  .behind-recipes{padding:85px 6% 105px}.behind-recipes-copy{display:block}.behind-recipes h2{font-size:57px}.behind-recipe-table{min-height:760px;margin-top:45px}.behind-recipe{padding:0}.behind-recipe-cover{left:0;top:4%;width:47%;height:auto}.behind-recipe-meatloaf{left:auto;right:0;top:1%;width:50%;height:auto}.behind-recipe-punch{left:1%;top:48%;width:52%;height:auto}.behind-recipe-taco{right:0;top:51%;width:49%;height:auto}
  
  
  
  .behind-closing{padding:90px 6% 105px}.behind-closing p{font-size:30px}.behind-closing h2{font-size:61px}.behind-closing-links{flex-direction:column}
}

@media (max-width:430px){
  .behind-hero-image{height:430px}.behind-hero h1{font-size:54px}.behind-hero-copy .behind-hero-lead{font-size:21px}
  .behind-facts h2{font-size:48px}.behind-fact{grid-template-columns:1fr}.behind-fact img{width:92%;margin:0 auto}.behind-fact strong{font-size:19px}
  .behind-family-heading h2{font-size:52px}.behind-parents-photo{width:92%}.behind-parents-photo img{height:auto}
  .behind-values span{font-size:30px}
  .behind-recipe-table{min-height:650px}
  
  
}

@media (prefers-reduced-motion:reduce){.behind-recipe{transition:none}}

/* 2026-09-07 — custom Doug icon system */
.behind-doug-key{
  position:absolute;
  top:12px;
  right:1%;
  width:112px;
  text-align:center;
  transform:rotate(1.5deg);
}
.behind-doug-key img{
  display:block;
  width:84px;
  height:64px;
  margin:0 auto 3px;
  object-fit:contain;
}
.behind-doug-key span{
  display:block;
  color:#4b382c;
  font:18px/1 "POV Architect", "Segoe Print", cursive;
  transform:rotate(-2deg);
}
.behind-fact img{
  max-height:250px;
}
.behind-fact-degrees img{
  max-height:300px;
}
.behind-fact-norman{grid-column:6/10;margin-top:25px;transform:rotate(-.4deg)}
.behind-fact-culinary{grid-column:10/13;align-self:center;margin-top:65px;transform:rotate(.3deg)}
@media (max-width:980px){
  .behind-doug-key{position:relative;top:auto;right:auto;width:100px;margin:-25px 0 38px auto}
  .behind-fact-norman,.behind-fact-culinary{grid-column:auto;margin:0!important}
}
@media (max-width:640px){
  .behind-doug-key{margin:-20px auto 32px}
  .behind-doug-key img{width:74px;height:54px}
}

/* 2026-09-07 — Megan fix 01B: key + single-row icon system */
@media (min-width:1181px){
  .behind-facts{padding:96px 4.5% 118px}
  .behind-facts-inner{max-width:1600px}
  .behind-facts h2{max-width:760px;margin-bottom:76px}

  .behind-doug-key{
    position:absolute;
    top:4px;
    right:0;
    width:min(520px,34vw);
    min-height:220px;
    margin:0;
    padding:24px 28px;
    display:grid;
    grid-template-columns:minmax(150px,.9fr) minmax(220px,1.15fr);
    gap:28px;
    align-items:center;
    border:2px solid rgba(143,67,40,.72);
    text-align:left;
    transform:rotate(-.25deg);
  }
  .behind-doug-key-mark{
    min-height:165px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding-right:24px;
    border-right:2px solid rgba(143,67,40,.62);
  }
  .behind-doug-key img{
    width:150px;
    height:96px;
    margin:0 0 8px;
    object-fit:contain;
  }
  .behind-doug-key span{
    color:#57483a;
    font:22px/1.2 Georgia,"Times New Roman",serif;
    transform:none;
  }
  .behind-doug-key-copy strong{
    display:block;
    margin:0 0 18px;
    color:var(--behind-rust);
    font:700 13px/1.2 "brother-1816",Arial,sans-serif;
    letter-spacing:.2em;
  }
  .behind-doug-key-copy p{
    margin:0;
    color:#57483a;
    font:19px/1.48 Georgia,"Times New Roman",serif;
  }

  .behind-fact-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:28px;
    align-items:end;
  }
  .behind-fact,
  .behind-fact-boys,
  .behind-fact-degrees,
  .behind-fact-boeing,
  .behind-fact-hospitality,
  .behind-fact-norman,
  .behind-fact-culinary{
    grid-column:auto;
    margin:0;
    transform:none;
    align-self:end;
  }
  .behind-fact{
    display:grid;
    grid-template-rows:190px auto;
    min-width:0;
  }
  .behind-fact img{
    width:100%;
    height:180px;
    max-height:none;
    margin:0 0 10px;
    object-fit:contain;
    object-position:center bottom;
    aspect-ratio:auto;
  }
  .behind-fact-boys img{height:150px}
  .behind-fact-degrees img{height:190px}
  .behind-fact-boeing img,
  .behind-fact-hospitality img,
  .behind-fact-norman img,
  .behind-fact-culinary img{height:170px}

  .behind-fact>div:not(.behind-convergence){
    min-height:96px;
    padding-top:13px;
    border-top:2px solid rgba(112,52,31,.4);
  }
  .behind-fact strong{font-size:17px;line-height:1.12}
  .behind-fact span{font-size:15.5px;line-height:1.42}
}

@media (min-width:1181px) and (max-width:1450px){
  .behind-facts h2{max-width:650px;font-size:clamp(48px,5.1vw,76px)}
  .behind-doug-key{width:min(470px,36vw);grid-template-columns:145px 1fr;padding:22px}
  .behind-doug-key img{width:132px;height:88px}
  .behind-fact-grid{gap:22px}
  .behind-fact strong{font-size:15.5px}
  .behind-fact span{font-size:14.5px}
}

@media (min-width:761px) and (max-width:1180px){
  .behind-doug-key{
    position:relative;
    top:auto;
    right:auto;
    width:min(620px,100%);
    margin:-28px 0 52px auto;
    padding:22px 26px;
    display:grid;
    grid-template-columns:180px 1fr;
    gap:28px;
    align-items:center;
    border:2px solid rgba(143,67,40,.72);
    text-align:left;
    transform:none;
  }
  .behind-doug-key-mark{padding-right:25px;border-right:2px solid rgba(143,67,40,.62);text-align:center}
  .behind-doug-key img{width:140px;height:90px;margin:0 auto 7px}
  .behind-doug-key span{font:20px/1.2 Georgia,"Times New Roman",serif;transform:none}
  .behind-doug-key-copy strong{display:block;margin-bottom:14px;color:var(--behind-rust);font:700 12px/1.2 "brother-1816",Arial,sans-serif;letter-spacing:.2em}
  .behind-doug-key-copy p{margin:0;color:#57483a;font:18px/1.45 Georgia,"Times New Roman",serif}

  .behind-fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 34px}
  .behind-fact{grid-column:auto!important;margin:0!important;transform:none!important;display:grid;grid-template-rows:190px auto}
  .behind-fact img{height:175px;max-height:none;object-fit:contain;object-position:center bottom;aspect-ratio:auto;margin:0 0 10px}
  .behind-fact-boys img{height:145px}.behind-fact-degrees img{height:190px}
  .behind-fact-boeing img,.behind-fact-hospitality img,.behind-fact-norman img,.behind-fact-culinary img{height:165px}
}

@media (max-width:760px){
  .behind-doug-key{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    margin:-18px 0 44px;
    padding:20px 22px;
    display:grid;
    grid-template-columns:128px 1fr;
    gap:20px;
    align-items:center;
    border:2px solid rgba(143,67,40,.72);
    text-align:left;
    transform:none;
  }
  .behind-doug-key-mark{padding-right:18px;border-right:2px solid rgba(143,67,40,.62);text-align:center}
  .behind-doug-key img{width:104px;height:68px;margin:0 auto 5px}
  .behind-doug-key span{font:18px/1.2 Georgia,"Times New Roman",serif;transform:none}
  .behind-doug-key-copy strong{display:block;margin-bottom:10px;color:var(--behind-rust);font:700 11px/1.2 "brother-1816",Arial,sans-serif;letter-spacing:.18em}
  .behind-doug-key-copy p{margin:0;color:#57483a;font:15px/1.42 Georgia,"Times New Roman",serif}
}

@media (max-width:430px){
  .behind-doug-key{grid-template-columns:105px 1fr;padding:17px 16px;gap:15px}
  .behind-doug-key-mark{padding-right:14px}
  .behind-doug-key img{width:88px;height:58px}
  .behind-doug-key-copy p{font-size:14px}
}


/* =========================================================
   FINAL MOBILE TRAVEL ART
   Phones use the approved static atlas image only.
   All live atlas copy, stats, ledger and bottom quote are hidden.
   ========================================================= */
@media (max-width:760px){

    .doug-travel-map{
        background:#dec59b;
        overflow:hidden;
    }

    .travel-mobile-snapshot{
        display:block !important;
        width:100%;
        height:auto;
        margin:0;
    }

    .travel-atlas-shell,
    .travel-atlas-opening,
    .travel-atlas-stats,
    .travel-ledger-grid,
    .travel-atlas-quote{
        display:none !important;
    }
}

/* =========================================================
   BEHIND G&C — FOCUSED EDITORIAL PASS
   Actual production selectors. No speculative aliases.
   ========================================================= */

/* ---------------------------------------------------------
   HERO IDENTITY
   Small clean Foundry marker; Wausau remains the statement.
   --------------------------------------------------------- */

.behind-hero-copy .behind-wordmark{
    display:block;
    width:clamp(185px,17vw,275px);
    height:auto;
    margin:0 0 24px;
}

@media(max-width:760px){
    .behind-hero-copy .behind-wordmark{
        width:clamp(170px,52vw,235px);
        margin-bottom:20px;
    }
}


/* ---------------------------------------------------------
   EYEBROWS
   Confident Industry scale throughout Behind G&C.
   --------------------------------------------------------- */

.behind-facts-intro,
.profile-kicker,
.dream-build-kicker,
.section-kicker{
    font-family:"industry-inc-base","brother-1816",Arial,sans-serif !important;
    font-size:clamp(14px,1.05vw,17px) !important;
    font-weight:700 !important;
    line-height:1.1 !important;
    letter-spacing:.16em !important;
    color:var(--behind-rust,var(--doug-rust,#B85B31)) !important;
    text-transform:uppercase;
}

@media(max-width:760px){
    .behind-facts-intro,
    .profile-kicker,
    .dream-build-kicker,
    .section-kicker{
        font-size:13px !important;
        letter-spacing:.14em !important;
    }
}



/* ---------------------------------------------------------
   THE KEY
   Final approved boxed legend treatment.
   --------------------------------------------------------- */

.behind-doug-key{
    position:absolute;
    top:0;
    right:0;
    width:240px;
    padding:20px 20px 22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    border:4px solid var(--behind-rust,#B85B31) !important;
    background:transparent;
    box-shadow:none;
    text-align:center;
    transform:none;
}

.behind-doug-key-title{
    display:block;
    margin:0 0 16px;
    color:var(--behind-rust,#B85B31);
    font-family:"industry-inc-base","brother-1816",Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.behind-doug-key img{
    display:block;
    width:118px;
    height:auto;
    margin:0 0 12px;
    object-fit:contain;
}

.behind-doug-key-name{
    display:block;
    margin:0 0 12px;
    color:var(--behind-rust,#B85B31);
    font-family:"industry-inc-base","brother-1816",Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.behind-doug-key-copy{
    margin:0;
    color:#57483a;
    font:17px/1.45 Georgia,"Times New Roman",serif;
}

@media(max-width:1100px){
    .behind-doug-key{
        position:relative;
        top:auto;
        right:auto;
        width:220px;
        margin:-18px 0 44px auto;
    }
}

@media(max-width:760px){
    .behind-doug-key{
        width:190px;
        margin:-6px 0 36px auto;
        padding:18px 16px 20px;
        border-width:3px !important;
    }

    .behind-doug-key-title{
        font-size:17px;
        margin-bottom:14px;
    }

    .behind-doug-key img{
        width:96px;
        margin-bottom:10px;
    }

    .behind-doug-key-name{
        font-size:15px;
        margin-bottom:10px;
    }

    .behind-doug-key-copy{
        font-size:15px;
        line-height:1.4;
    }
}

/* THE KEY placement relative to the headline */
.behind-facts-inner{
    position:relative;
}


/* ---------------------------------------------------------
   FACTS
   Black illustration -> rust fact -> dark serif aside.
   One closing line ★ line; no individual card rules.
   --------------------------------------------------------- */

.behind-fact>div:not(.behind-convergence){
    min-height:96px;
    padding-top:12px;
    border-top:0 !important;
}

.behind-fact strong{
    display:block;
    margin-bottom:8px;

    color:var(--behind-rust,#B85B31) !important;
    font-family:"industry-inc-base",Arial,sans-serif;
    font-size:clamp(17px,1.15vw,20px) !important;
    font-weight:700;
    line-height:1.08;
    letter-spacing:.045em;
}

.behind-fact span{
    display:block;
    color:#57483a;
    font:15.5px/1.42 Georgia,"Times New Roman",serif;
}

.behind-fact-grid::after{
    content:"★";
    grid-column:1 / -1;

    display:flex;
    align-items:center;
    justify-content:center;

    width:min(820px,76%);
    margin:16px auto 0;

    color:var(--behind-rust,#B85B31);
    font-family:Georgia,serif;
    font-size:13px;
    line-height:1;

    background:
      linear-gradient(var(--behind-rust,#B85B31),var(--behind-rust,#B85B31))
        left center / 46% 1px no-repeat,
      linear-gradient(var(--behind-rust,#B85B31),var(--behind-rust,#B85B31))
        right center / 46% 1px no-repeat;
}

@media(max-width:980px){
    .behind-fact-grid::after{
        width:84%;
        margin-top:4px;
    }
}


/* ---------------------------------------------------------
   ENGINEER × RESTAURANT
   G&C itself is the bridge. No scope, crosshair or extra marks.
   --------------------------------------------------------- */

.brain-crosshair{
    display:none !important;
}

.brain-center strong{
    display:none !important;
}

.brain-gc-badge{
    position:relative;
    z-index:2;

    display:block;
    width:min(250px,78%);
    height:auto;
    margin:0 auto 30px;
}

.brain-center{
    position:relative;
    min-height:430px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:48px 34px;
    text-align:center;

    /* Existing column boundaries stay; no additional geometry. */
}

.brain-center p{
    position:relative;
    z-index:2;
    max-width:330px;
    margin:0;

    color:var(--doug-cream);
    font-size:17px;
    line-height:1.6;
}

@media(max-width:900px){
    .brain-gc-badge{
        width:min(230px,62vw);
        margin-bottom:26px;
    }
}



/* THE KEY — match DOUG. to the fact-title system */
.behind-doug-key-name{
    color:var(--behind-rust,#B85B31) !important;
    font-family:"industry-inc-base",Arial,sans-serif !important;
    font-size:clamp(17px,1.15vw,20px) !important;
    font-weight:700 !important;
    line-height:1.08 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
}


/* THE KEY — match fact-title spacing */
.behind-doug-key-name{
    margin:0 0 8px !important;
}


/* THE KEY — compact internal rhythm to match fact cards */
.behind-doug-key{
    justify-content:flex-start !important;
    gap:0 !important;
}

.behind-doug-key-title{
    margin:0 0 14px !important;
}

.behind-doug-key img{
    margin:0 0 8px !important;
}

.behind-doug-key-name{
    margin:0 0 6px !important;
}

.behind-doug-key-copy{
    margin:0 !important;
    padding:0 !important;
}

.behind-doug-key-copy br{
    line-height:1.25;
}


/* =========================================================
   BEHIND G&C — CLOSING TYPOGRAPHY CLEANUP
   ========================================================= */

/* Give RÉSUMÉ's accents room to breathe between stacked lines. */
.behind-closing-inner{
    line-height:1.08 !important;
}
.behind-closing-inner br{
    line-height:1.22 !important;
}

@media(max-width:760px){
    .behind-closing-inner{
        line-height:1.1 !important;
    }
}

/* Bottom navigation does not need another timid divider. */
.behind-closing-links{
    border-top:0 !important;
}

.behind-closing-inner{
    border-top:0 !important;
}
.behind-closing-inner::before{
    display:none !important;
    content:none !important;
}
