:root {
                --navy: #071d34;
                --navy2: #103355;
                --ink: #061f42;
                --gold: #bd852e;
                --gold2: #dfb351;
                --cream: #fffaf2;
                --muted: #536175;
            }
            * {
                box-sizing: border-box;
            }
            html {
                scroll-behavior: smooth;
            }
            body {
                margin: 0;
                color: var(--ink);
                background: #fff;
                font-family: Inter, Arial, sans-serif;
            }
            a {
                color: inherit;
            }
            img {
                display: block;
                max-width: 100%;
            }
            h1,
            h2,
            h3 {
                font-family: "Cormorant Garamond", Georgia, serif;
                font-weight: 600;
                margin: 0;
                line-height: 1.02;
            }
            section[id] {
                scroll-margin-top: 90px;
            }
            .container {
                max-width: 1320px;
                margin: auto;
                padding: 0 48px;
            }
            .site-header {
                background: linear-gradient(115deg, #0d385b, #061a34);
                color: #fff;
                position: relative;
                z-index: 20;
                box-shadow: 0 3px 8px #06203e33;
            }
            .nav-inner {
                max-width: 1400px;
                margin: auto;
                padding: 12px 48px;
                min-height: 85px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 26px;
            }
            .logo img {
                width: 248px;
                max-width: 100%;
                height: auto;
            }
            .nav {
                display: flex;
                align-items: center;
                gap: clamp(14px, 1.65vw, 28px);
            }
            .nav a {
                font-size: 13px;
                text-decoration: none;
                color: #fff;
                white-space: nowrap;
                padding: 20px 0 15px;
                border-bottom: 3px solid transparent;
            }
            .nav a.active,
            .nav a:hover {
                color: #f0c974;
                border-color: #d9a349;
            }
            .menu-toggle {
                display: none;
                border: 1px solid #a98254;
                background: none;
                color: #fff;
                font-size: 23px;
                border-radius: 7px;
                padding: 5px 11px;
            }
            .hero {
                isolation: isolate;
                position: relative;
                display: grid;
                grid-template-columns: 52% 48%;
                min-height: 570px;
                overflow: hidden;
                background: #fdf9ef;
            }
            .hero-left {
                position: relative;
                z-index: 3;
                display: flex;
                align-items: center;
                padding: 70px 30px 97px clamp(48px, 5.4vw, 104px);
                background: radial-gradient(ellipse at 35% 10%, #fff 18%, #fffdf8 66%, #f9f3e7 100%);
            }
            .hero-left:after {
                content: "";
                position: absolute;
                pointer-events: none;
                right: -58px;
                top: -9%;
                width: 140px;
                height: 125%;
                border-right: 4px solid rgba(205, 151, 54, 0.55);
                border-radius: 50%;
                background: linear-gradient(90deg, #fffaf6 0%, #fffdf9 48%, #fffdf900 98%);
                z-index: -1;
            }
            .hero-copy {
                position: relative;
                z-index: 2;
                width: 100%;
                max-width: 710px;
            }
            .hero h1 {
                color: #071e40;
                white-space: nowrap;
                font-size: clamp(56px, 5.55vw, 88px);
                letter-spacing: -0.045em;
            }
            .line {
                width: 108px;
                height: 3px;
                background: linear-gradient(90deg, #a96410, #ffd875);
                margin: 26px 0;
            }
            .hero-copy p {
                margin: 0 0 31px;
                max-width: 680px;
                font:
                    500 clamp(25px, 2.7vw, 39px) / 1.12 "Cormorant Garamond",
                    Georgia,
                    serif;
                color: #132b4b;
            }
            .hero-right {
                position: relative;
                background-image: url("");
                background-repeat: no-repeat;
                background-size: cover;
                background-position: 51% 0%;
                min-width: 0;
            }
            .hero-bottom-wave {
                position: absolute;
                pointer-events: none;
                bottom: -53px;
                left: -12%;
                width: 76%;
                height: 118px;
                border-top: 2px solid #d3a149;
                background: linear-gradient(155deg, #0a2544, #113c60 80%);
                transform: rotate(7deg);
                border-radius: 50% 50% 0 0;
                z-index: 5;
                box-shadow: 0 -14px 0 rgba(243, 198, 109, 0.3);
            }
            .btn {
                display: inline-flex;
                justify-content: center;
                align-items: center;
                gap: 26px;
                min-height: 50px;
                padding: 10px 25px;
                border: 1px solid #b47a1f;
                border-radius: 4px;
                text-decoration: none;
                font:
                    600 14px Inter,
                    Arial,
                    sans-serif;
                transition:
                    filter 0.2s,
                    transform 0.2s;
            }
            .btn:hover {
                filter: brightness(1.08);
                transform: translateY(-1px);
            }
            .btn-gold {
                background: linear-gradient(130deg, #ad772d, #c99d48 50%, #956015);
                color: #fff;
                box-shadow: 0 3px 9px #422d161f;
            }
            .hero .btn {
                padding: 13px 43px;
                font:
                    500 28px "Cormorant Garamond",
                    Georgia,
                    serif;
                min-width: 235px;
            }
            .arrow {
                font-family: Inter, Arial, sans-serif;
                font-size: 1.05em;
                font-weight: 400;
            }
            .btn-line {
                color: #976315;
                border-color: #d5aa63;
                background: #fff;
            }
            .choices {
                position: relative;
                z-index: 6;
                background: #fff;
                padding: 29px 0 26px;
                border-bottom: 1px solid #eae4d7;
            }
            .choice-row {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px;
                max-width: 1160px;
                margin: auto;
            }
            .choice {
                padding: 17px 24px;
                display: flex;
                align-items: center;
                gap: 17px;
                border: 1px solid #d4b173;
                border-radius: 7px;
                text-decoration: none;
                background: linear-gradient(120deg, #fff, #fffaf1);
                box-shadow: 0 8px 22px rgba(12, 35, 67, 0.045);
            }
            .choice:hover {
                background: #fff4d9;
            }
            .choice-icon {
                font-size: 29px;
                color: #b77e24;
                flex-shrink: 0;
            }
            .choice .choice-title {
                font-family: "Cormorant Garamond", serif;
                font-weight: 700;
                font-size: 26px;
                line-height: 1;
                color: var(--ink);
            }
            .choice p {
                margin: 5px 0 0;
                font-size: 13px;
                line-height: 1.5;
                color: #45516a;
            }
            .choice-arrow {
                margin-left: auto;
                font-size: 25px;
                color: #9b6c20;
                flex-shrink: 0;
            }
            .content-section {
                padding: 53px 0 55px;
            }
            .section-head {
                display: flex;
                justify-content: space-between;
                align-items: flex-end;
                gap: 28px;
            }
            .eyebrow {
                font-size: 11px;
                letter-spacing: 0.25em;
                color: #b17a2c;
                text-transform: uppercase;
                font-weight: 700;
                margin: 0 0 12px;
            }
            .section-head h2 {
                font-size: clamp(34px, 3.4vw, 54px);
            }
            .section-description {
                font-family: "Cormorant Garamond", serif;
                color: #566171;
                font-size: 23px;
                margin: 8px 0 0;
                line-height: 1.2;
            }
            .section-head .btn {
                white-space: nowrap;
            }
            .books-grid {
                display: grid;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 24px;
                margin-top: 37px;
            }
            .book {
                text-align: center;
                min-width: 0;
            }
            .book img {
                height: 250px;
                width: 100%;
                object-fit: contain;
                object-position: center bottom;
            }
            .book h3 {
                font-family: "Cormorant Garamond", Georgia, serif;
                font-size: 19px;
                line-height: 1.05;
                min-height: 48px;
                margin: 14px 0 3px;
            }
            .book p {
                font-size: 11px;
                color: #657184;
                margin: 0;
            }
            .research {
                background: radial-gradient(circle at 0% 90%, #1c5276, #061e37 65%, #06172b);
                color: #fff;
                padding: 53px 0 48px;
            }
            .research .row {
                display: grid;
                grid-template-columns: 38% 62%;
                gap: 25px;
                align-items: center;
            }
            .research h2 {
                font-size: 45px;
            }
            .research p {
                font-size: 14px;
                line-height: 1.65;
                max-width: 470px;
            }
            .research .pillars {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 0;
            }
            .pillar {
                text-align: center;
                padding: 15px;
                border-left: 1px solid #ba985e55;
            }
            .pillar .icon {
                display: block;
                color: #e3b759;
                font-size: 31px;
                margin-bottom: 12px;
            }
            .pillar h3 {
                font-size: 21px;
                font-weight: 600;
                line-height: 1.05;
            }
            .pillar p {
                font-size: 11px;
                line-height: 1.45;
                margin: 8px auto 0;
                color: #d3dde9;
            }
            .research-bottom {
                text-align: center;
                margin-top: 28px;
            }
            .research-bottom .btn {
                min-width: 215px;
            }
            .projects {
                padding: 47px 0 52px;
                background: #fff;
            }
            .project-row {
                display: grid;
                grid-template-columns: 38% repeat(3, 1fr);
                gap: 19px;
                align-items: center;
            }
            .projects h2 {
                font-size: 40px;
            }
            .projects p {
                font-size: 13px;
                color: #536073;
                line-height: 1.5;
                margin: 8px 0 0;
            }
            .mini-project {
                display: flex;
                gap: 11px;
                align-items: center;
                padding: 0 10px;
                border-left: 1px solid #e7ddd2;
            }
            .project-icon {
                display: grid;
                place-items: center;
                width: 48px;
                height: 48px;
                min-width: 48px;
                border-radius: 50%;
                background: #fbefdb;
                color: #af791e;
                font-size: 22px;
            }
            .mini-project h3 {
                font-size: 21px;
            }
            .mini-project p {
                margin-top: 3px;
                font-size: 11px;
                line-height: 1.4;
            }
            .cta {
                position: relative;
                overflow: hidden;
                color: #fff;
                background: linear-gradient(115deg, #0e2c4c 0%, #1d3959 57%, #d19964 100%);
                min-height: 130px;
            }
            .cta:after {
                content: "";
                position: absolute;
                inset: 0;
                opacity: 0.33;
                background-image: radial-gradient(ellipse at 82% 30%, #ffda9480 0%, transparent 55%),
                    linear-gradient(170deg, transparent 49%, #0a2b43 50%, #031b31 70%, transparent 100%);
                pointer-events: none;
            }
            .cta .row {
                position: relative;
                z-index: 2;
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 25px;
                padding: 25px 0;
            }
            .cta h2 {
                font-size: 40px;
            }
            .cta p {
                font-size: 14px;
                line-height: 1.5;
                margin: 3px 0 0;
            }
            .cta .btn {
                min-width: 160px;
            }
            footer {
                background: linear-gradient(110deg, #0c3051, #07192e);
                color: #e9f0fa;
                padding: 28px 0 17px;
            }
            footer .foot-top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                gap: 30px;
            }
            footer .foot-logo {
                max-width: 217px;
            }
            footer .footnav {
                display: flex;
                align-items: center;
                gap: 12px;
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            footer a {
                color: #e2ebf8;
                text-decoration: none;
                font-size: 11px;
            }
            footer a:hover {
                color: #f3cb80;
            }
            footer .footnav a:not(:last-child) {
                border-right: 1px solid #8494a66b;
                padding-right: 13px;
            }
            footer .copyright {
                font-size: 11px;
                color: #bbcad9;
                text-align: center;
                margin-top: 23px;
            }
            @media (max-width: 1180px) {
                .container {
                    padding: 0 30px;
                }
                .nav-inner {
                    padding: 11px 24px;
                    gap: 15px;
                }
                .nav {
                    gap: 13px;
                }
                .nav a {
                    font-size: 12px;
                }
                .logo img {
                    width: 210px;
                }
                .hero {
                    grid-template-columns: 53% 47%;
                }
                .hero-left {
                    padding-left: 35px;
                }
                .hero h1 {
                    font-size: clamp(48px, 6.6vw, 75px);
                }
                .book img {
                    height: 210px;
                }
                .books-grid {
                    gap: 14px;
                }
            }
            @media (max-width: 810px) {
                .menu-toggle {
                    display: block;
                    cursor: pointer;
                }
                .nav {
                    display: none;
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    background: #092a48;
                    flex-direction: column;
                    align-items: stretch;
                    padding: 15px 26px;
                    gap: 0;
                }
                .nav.open {
                    display: flex;
                }
                .nav a {
                    border-bottom: 1px solid #d9bc7433;
                    padding: 13px 0;
                }
                .hero {
                    min-height: unset;
                    display: flex;
                    flex-direction: column;
                }
                .hero-left {
                    padding: 43px 30px 43px;
                }
                .hero-left:after,
                .hero-bottom-wave {
                    display: none;
                }
                .hero h1 {
                    font-size: clamp(54px, 10vw, 85px);
                    white-space: normal;
                }
                .hero-copy p {
                    font-size: clamp(26px, 5.7vw, 36px);
                    max-width: 640px;
                }
                .hero-right {
                    min-height: 400px;
                    background-size: cover;
                    background-position: 50% 0%;
                }
                .choice-row {
                    gap: 13px;
                }
                .choice {
                    padding: 15px;
                }
                .books-grid {
                    grid-template-columns: repeat(3, 1fr);
                    row-gap: 27px;
                }
                .book img {
                    height: 240px;
                }
                .research .row {
                    grid-template-columns: 1fr;
                    gap: 26px;
                }
                .project-row {
                    grid-template-columns: 1fr 1fr;
                }
                .section-head {
                    align-items: flex-start;
                }
                .section-head h2 {
                    font-size: 40px;
                }
            }
            @media (max-width: 540px) {
                .container {
                    padding: 0 19px;
                }
                .nav-inner {
                    padding: 12px 17px;
                    min-height: 67px;
                }
                .logo img {
                    width: 205px;
                }
                .hero-left {
                    padding: 36px 22px 38px;
                }
                .hero h1 {
                    font-size: clamp(47px, 11vw, 60px);
                }
                .hero-copy p {
                    font-size: 28px;
                }
                .line {
                    margin: 17px 0;
                }
                .hero .btn {
                    min-width: 190px;
                    padding: 10px 25px;
                    font-size: 25px;
                }
                .hero-right {
                    height: 360px;
                    min-height: 360px;
                    background-size: cover;
                    background-position: 49% 0%;
                }
                .choices {
                    padding: 20px 0;
                }
                .choice-row {
                    grid-template-columns: 1fr;
                }
                .content-section {
                    padding: 35px 0 45px;
                }
                .section-head {
                    flex-direction: column;
                    gap: 16px;
                }
                .books-grid {
                    grid-template-columns: repeat(2, 1fr);
                    gap: 18px;
                }
                .book img {
                    height: 202px;
                }
                .book h3 {
                    font-size: 19px;
                    min-height: 0;
                }
                .research {
                    padding: 42px 0;
                }
                .research h2 {
                    font-size: 37px;
                }
                .research .pillars {
                    grid-template-columns: repeat(2, 1fr);
                }
                .pillar {
                    border-top: 1px solid #b59b5a50;
                }
                .projects {
                    padding: 37px 0;
                }
                .project-row {
                    grid-template-columns: 1fr;
                    gap: 17px;
                }
                .projects h2 {
                    font-size: 36px;
                }
                .mini-project {
                    padding: 0 0 0 5px;
                }
                .cta .row {
                    align-items: flex-start;
                    flex-direction: column;
                }
                .cta h2 {
                    font-size: 36px;
                }
                footer .foot-top {
                    align-items: flex-start;
                    flex-direction: column;
                }
                footer .footnav {
                    justify-content: flex-start;
                }
                footer .copyright {
                    text-align: left;
                }
            }