:root{--pine:#4c3030;--pine-dark:#302626;--cream:#fbf4e4;--paper:#eee0be;--ink:#463b2e;--muted:#8a7c60;--gold:#ecc477;--copper:#aa7541;--line:#dac49b}.site-header{background:#332725ef;border-color:#d2ac7129}.brand small{color:#cbb995}.hero{background:#566a43}.hero-world>img{object-position:63% 55%}.hero-shade{background:linear-gradient(90deg,#302523f7 0%,#302523e3 23%,#3c30268c 46%,#3c302610 72%),linear-gradient(0deg,#322b27a6,transparent 25%)}.hero h1{color:#fff0cc;text-shadow:0 4px 0 #30231f55}.hero h1 em{color:#ecc477}.hero-content>p{color:#e7ddc0}.hero-eyebrow{color:#d4b476}.hero-note{color:#c5b697}.text-button{color:#ead9b2;border-color:#b79867}.world-label{color:#f7e5bc}.intro-strip{background:#eee1c1;border-color:#d0b887}.section-heading h2 em,.feature-copy h3{color:#8d4a3d}.button-teal{background:linear-gradient(#9b5148,#733a39);border-color:#ab7457;border-bottom-color:#4c2e2b}.button-teal:hover{background:#9f5149}.feature-tabs>button.active{color:#853c38;border-color:#a4674d}.feature-tabs>button.active:after{background:#ad7751}.feature-art{background:#eee6cc}.people-section{background:#eadfc1}.people-copy h2 em{color:#85463d}.resident-story{background:#fff9e9;border-color:#d9c195}.how-section{background:#3e302c;color:#f7e6c1}.how-section .section-heading h2{color:#f7e6c1}.how-section .section-heading h2 em{color:#d2ab70}.closing-section{background:#e8d9b7}.closing-section h2 em{color:#8a473e}.site-footer{background:#332927;color:#e4d4b0;border-color:#c5a575}.site-footer .brand small{color:#ba9f75}.guide-dialog{background:#fff6e3;border-color:#bd9a63}.guide-dialog>header{background:#f0e1c0}.guide-dialog header h2{color:#724338}.guide-dialog nav button[aria-pressed=true]{background:#86453e;color:#fff0d0}.hero-content{padding-top:clamp(155px,19vh,225px)}.hero h1{font-size:clamp(56px,5.2vw,89px);line-height:1.04}.hero .hero-eyebrow{letter-spacing:3.1px}.hero .play-main{padding:20px 31px;min-width:225px}.hero-note{font-size:8px;letter-spacing:1.3px}.feature-art img{object-fit:contain}.world-showcase{border-color:#bba577}.valley-portal-grid>article{background:linear-gradient(145deg,#fff6df,#ecdbb6);border-color:#d0b482}.valley-portal-grid h3{color:#7c493a}.valley-section>.section-heading>p{color:#8c7758}.village-shop-portal{background:#f1e6c9}.village-shop-portal h2 em{color:#8b4c3f}.site-footer a:hover{color:#f3cf8b}@media(max-width:700px){.hero-shade{background:linear-gradient(180deg,#312625f2,#312625cf 42%,#31262544 75%,#302621bc)}.hero-content{width:100%;padding-top:143px}.hero h1{font-size:48px;letter-spacing:-1.8px}.hero-content>p{font-size:13px}.hero .play-main{min-width:190px;padding:17px 22px}.hero-note{font-size:6px}.hero-world>img{object-position:64% 70%}}

.imperial-knowledge-portal{padding-top:85px;padding-bottom:85px}.imperial-knowledge-portal .section-heading p{font-size:14px;line-height:1.9;max-width:500px;color:#8f7c58}.roman-portal-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.roman-portal-knowledge article{padding:32px;border:1px solid #d8bf8b;border-radius:9px;background:linear-gradient(135deg,#fff8e6,#f0e2c0)}.roman-portal-knowledge h3{font:700 29px/1.2 Georgia,serif;color:#7d463a;margin:15px 0}.roman-portal-knowledge p{font-size:13px;line-height:1.9;color:#8b7655;min-height:74px}.roman-portal-knowledge .button{font-size:12px;margin-top:10px}@media(max-width:760px){.roman-portal-knowledge{grid-template-columns:1fr;gap:18px}.roman-portal-knowledge article{padding:25px}.roman-portal-knowledge h3{font-size:25px}.imperial-knowledge-portal{padding-top:55px;padding-bottom:55px}.site-header .desktop-nav{gap:22px}}
/* Keep the portal balanced when the browser is zoomed or the window is narrow. */
.hero{min-height:740px;height:max(740px,min(920px,100svh))}
.hero-world>img{object-position:66% 50%}
.hero-content{width:min(650px,55%);padding-top:clamp(155px,18vh,205px);padding-bottom:100px}
.hero h1{font-size:clamp(54px,5.2vw,86px);line-height:1.06;letter-spacing:-2px}
.hero-content>p{font-size:15px;line-height:1.9;max-width:430px}
.hero-actions{flex-wrap:wrap;gap:20px 25px}
.progression-art img{width:100%;height:auto;max-height:400px;object-fit:contain;padding:30px 12px 0}
.level-labels{gap:6px;position:relative;left:auto;right:auto;bottom:auto;padding:0 15px 32px;font-size:7px}
.roman-portal-knowledge .button{white-space:normal;line-height:1.5;text-align:center}
.site-footer nav{flex-wrap:wrap}
@media(min-width:701px) and (max-width:1100px){.site-header{gap:20px;padding:0 30px}.desktop-nav{gap:18px;font-size:11px}.hero-content{width:58%;margin-left:6%;padding-top:162px}.hero h1{font-size:60px}.hero-content>p{font-size:13px}.hero .play-main{min-width:196px;padding:17px 23px}.hero-actions{gap:18px}.world-label{right:5%;bottom:35px}.world-label small{max-width:160px;line-height:1.8}.world-sidebar{padding:28px}.world-sidebar h3{font-size:26px}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu{display:block}.header-actions{margin-left:auto}}
@media(max-width:700px){.hero{min-height:800px;height:auto}.hero-world>img{object-position:61% 50%}.hero-shade{background:linear-gradient(180deg,#302523e8 0%,#302523c9 35%,#30252375 65%,#302523b8 100%)}.hero-content{width:calc(100% - 44px);margin-left:22px;padding-top:142px;padding-bottom:160px}.hero h1{font-size:clamp(43px,12vw,62px);line-height:1.08;letter-spacing:-1.5px;margin:23px 0}.hero-content>p{font-size:13px;line-height:1.85;margin-bottom:27px}.hero-content>p br{display:none}.hero .hero-eyebrow{font-size:7px;letter-spacing:1.8px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero .play-main{min-width:206px;font-size:18px;padding:18px 23px}.hero-note{font-size:7px;letter-spacing:.9px;margin-top:23px}.world-label{left:22px;right:auto;bottom:27px;gap:11px}.world-label>span:nth-child(2){font-size:13px;letter-spacing:2.5px}.world-label small{font-size:6px;letter-spacing:1px}.map-pin{font-size:32px}.last-visit{font-size:10px;line-height:1.6}.progression-art img{padding:18px 3px 0}.level-labels{padding:0 10px 20px;font-size:5px}.feature-tabs>button{padding:16px 8px;font-size:11px;gap:6px}.section-heading h2{letter-spacing:-.7px}.world-sidebar{padding:25px}.world-image-wrap{min-height:260px}.world-explorer{grid-template-columns:1fr}.site-footer nav{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}