@import url('/assets/fonts/manrope.css');
:root{--green:#486552;--dark:#283c30;--pale:#f0f5f0;--text:#26362b;--muted:#626e65;--line:#dce5dd;--white:#fff}*{box-sizing:border-box}body{margin:0;font:16px/1.75 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--white)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;font-weight:650}h1{font-size:clamp(38px,4.5vw,66px)}h2{font-size:clamp(29px,3vw,41px)}h3{font-size:23px}p{color:var(--muted);margin:20px 0}a:focus-visible,button:focus-visible{outline:3px solid #789884;outline-offset:5px}.wrap{width:min(1180px,88%);margin:auto}header{height:98px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{width:164px;flex-shrink:0}.brand img{width:100%;height:auto}header nav{display:flex;align-items:center;gap:27px;font-size:14px}header nav>a:not(.button){position:relative;padding:10px 0;color:#526156}header nav>a[aria-current]{color:var(--dark);font-weight:650}header nav>a[aria-current]:after{content:'';height:2px;position:absolute;bottom:2px;left:0;right:0;background:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:13px 22px;background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;font-size:14px;font-weight:600;line-height:1.5;transition:background .18s}.button.secondary{background:white;color:var(--green);border-color:#bccdbf}.button i{font-size:14px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:64px 0 76px}.label{display:block;font-size:14px;color:var(--green);font-weight:600;margin-bottom:16px}.hero h1{color:var(--dark)}.lead{font-size:21px;line-height:1.6;max-width:520px;color:#46594b}.hero .actions{margin-top:29px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.hero-photo img{width:100%;height:495px;border-radius:18px;background:var(--pale)}.tinted{background:var(--pale)}.section{padding:75px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split>div>img{width:100%;height:400px;border-radius:14px;object-position:center 30%}.split .button{margin-top:6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.simple-link{color:var(--green);font-size:14px;font-weight:600}.simple-link i{margin-left:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards article{border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.cards article>img{width:100%;height:235px}.card-content{padding:26px;display:flex;align-items:flex-start;flex-direction:column;flex:1}.card-content p{font-size:14px;margin:14px 0 24px}.card-content .button{margin-top:auto}.contact-strip{border-top:1px solid var(--line);background:#e2ece3;padding:35px 0}.contact-strip .wrap{display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-size:29px}.page-heading{padding:52px 0 38px}.page-heading h1{font-size:48px}.no-top{padding-top:10px}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.detail img{border-radius:15px;width:100%;max-height:570px;object-position:center 30%}.detail-copy>p:first-child{margin-top:0}.detail-copy .button{margin-top:14px}.person img{height:440px!important}.character img{height:430px!important}.gallery{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-photo{background:none;border:0;padding:0;position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1.4}.gallery-photo img{width:100%;height:100%;transition:transform .3s}.gallery-photo span{position:absolute;bottom:12px;right:12px;background:#fff;padding:6px 12px;border-radius:5px;color:var(--green)}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:start;min-height:500px}.contact-layout h2{font-size:30px}.contact-layout aside{background:var(--pale);border:1px solid var(--line);padding:30px;border-radius:12px}.contact-person{display:flex;align-items:center;gap:17px;margin-top:28px;font-size:14px;overflow-wrap:anywhere}.contact-person>i{color:var(--green);font-size:20px}.contact-person strong{display:block;font-size:16px;margin-bottom:3px}footer{padding:36px 6% 20px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:23px;font-weight:700;letter-spacing:-.04em;color:var(--green)}footer nav{display:flex;gap:25px;font-size:13px}.socials{display:flex;gap:20px;font-size:21px;color:var(--green)}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;padding:10px 20px;background:var(--dark);color:white;z-index:50}.skip:focus{top:10px}dialog{border:0;background:transparent;color:white;max-width:1100px;width:92vw;padding:0;overflow:visible}dialog::backdrop{background:#17251dee;backdrop-filter:none}dialog>img{max-height:79vh;margin:auto;object-fit:contain;border-radius:8px}dialog button{position:absolute;border:0;width:42px;height:42px;border-radius:50%;background:white;color:var(--dark);z-index:2}.close{right:8px;top:8px}.prev{left:8px;top:50%}.next{right:8px;top:50%}dialog p{text-align:center;color:white;font-size:13px;margin:12px 0}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){header,footer{padding-left:calc((100vw - 1180px)/2);padding-right:calc((100vw - 1180px)/2)}}
@media(max-width:1050px){header nav{gap:17px;font-size:13px}.brand{width:145px}.hero{gap:5%}.hero-photo img{height:430px}.card-content{padding:20px}.cards article>img{height:190px}.contact-layout{gap:5%}}
@media(max-width:800px){header{height:80px}.menu-toggle{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:6px;background:white;padding:9px 14px;font-size:13px}header nav{display:none;position:absolute;top:80px;left:0;right:0;align-items:stretch;padding:22px 6%;background:white;border-bottom:1px solid var(--line);box-shadow:none;flex-direction:column;gap:8px;font-size:15px}header nav.open{display:flex}header nav .button{margin-top:12px}header nav>a[aria-current]:after{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:38px 0 45px}.hero-photo img{height:auto;max-height:480px;aspect-ratio:1.15;object-position:50% 35%}.hero h1{font-size:46px}.lead{font-size:19px}.section{padding:48px 0}.no-top{padding-top:0}.split,.detail,.contact-layout{grid-template-columns:1fr;gap:30px}.split>div>img{height:340px}.cards{grid-template-columns:1fr;gap:25px}.cards article>img{height:290px}.card-content{padding:25px}.section-heading{align-items:flex-start;gap:15px;flex-direction:column}.page-heading{padding:34px 0 30px}.page-heading h1{font-size:38px}.person img,.character img{height:370px!important}.gallery{grid-template-columns:1fr 1fr;gap:13px}.contact-layout{min-height:0}.contact-layout aside{padding:25px}.contact-strip{padding:27px 0}.footer-top{align-items:flex-start;flex-wrap:wrap}footer nav{gap:20px}.footer-brand{flex-basis:100%}.socials{margin-left:auto}.contact-person{font-size:13px}.detail img{max-height:450px}.contact-layout h2{font-size:29px}}
@media(max-width:420px){.wrap{width:88%}.hero h1{font-size:40px}.gallery{grid-template-columns:1fr}.cards article>img{height:230px}.button{padding:12px 17px}.contact-strip h2{font-size:25px}.person img,.character img{height:310px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Warm neutral surfaces, with green reserved for actions and links. */
:root{--green:#4c6355;--dark:#292e2a;--pale:#e9e6de;--text:#30342f;--muted:#62675f;--line:#d6d3c9;--white:#f3f0e8}
body{font-family:'Manrope',sans-serif;background:#f3f0e8;font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:750;letter-spacing:-.045em;line-height:1.17;color:#292e2a}
header{background:#ede9df;border-bottom-color:#d7d3c8}
header nav>a:not(.button){color:#4d524b;font-weight:600}
.brand{width:178px}.brand img{height:54px;width:100%;object-fit:contain}
.hero{padding-top:56px;padding-bottom:64px}.hero h1{font-size:clamp(40px,4.6vw,64px);font-weight:800}
.label{color:#646960;font-size:13px;letter-spacing:.035em}
.lead{color:#444b43;font-size:20px;line-height:1.7;font-weight:500}
.tinted{background:#e7e5dc}.hero-photo img{border-radius:12px}
.button{border-radius:6px;background:#4c6355;border-color:#4c6355;font-weight:650}
.button.secondary{background:#eeebe3;border-color:#bbbfb3;color:#343f36}
.cards article{background:#ece9e0;border-color:#d6d3c9}
.card-content h3{font-size:23px}.card-content p{line-height:1.8}
.contact-strip{background:#dfe3d8;border-top-color:#ced4c8}
.contact-layout aside{background:#e6e4db;border-color:#d4d3c8}
footer{background:#e4e0d6}.footer-brand{color:#333d34}.footer-bottom{border-top-color:#cecbbf}
.socials{color:#505e51}.menu-toggle{background:#eeeae0;border-color:#d5d1c7}
@media(max-width:800px){header nav{background:#ede9df}.hero h1{font-size:43px}.hero{padding-top:32px;padding-bottom:42px}.lead{font-size:18px}.page-heading h1{font-size:36px}}

/* Dark surfaces and static outlined actions. */
:root{--green:#c1ceb7;--dark:#f0f0e6;--pale:#30362f;--text:#edf0e6;--muted:#bec5b9;--line:#50594b;--white:#242824}
body{background:#242824;color:#edf0e6}
p{color:#c1c8bb}h1,h2,h3,.hero h1{color:#f0f1e8}
header{height:100px;background:#1b201c;border-bottom:1px solid #414b3e;padding-left:5%;padding-right:5%}
.brand img{filter:brightness(0) invert(1);width:178px;height:56px}
header nav{background:#2b322b;border:1px solid #424d3e;padding:6px;border-radius:13px;gap:4px}
header nav>a:not(.button){display:flex;align-items:center;gap:8px;color:#c3ccbd;padding:10px 13px;border-radius:8px;font-size:12px;font-weight:650}
header nav>a>i{font-size:12px}header nav>a[aria-current]{background:#d6dfcc;color:#273022}
header nav>a[aria-current]:after{display:none}
.button,.button.secondary{background:transparent;color:#e3eadb;border:2px solid #b4c4a6;border-radius:8px;box-shadow:none;transition:none;transform:none;font-weight:700;padding:13px 21px}
.button.secondary{border-color:#788674;color:#e1e6db}
header nav>.button{background:#d6dfcc;color:#24301e;border:2px solid #d6dfcc;padding:11px 17px;margin-left:8px;font-size:12px}
.lead{color:#d1d8c9}.hero{padding-top:65px;padding-bottom:70px}.hero h1{margin-bottom:22px}.hero-photo img{border:1px solid #59604f}
.hero .actions{gap:15px;margin-top:31px}.hero .actions>.button:first-child{border-color:#dce7cf;background:#dce7cf;color:#283322}
.tinted{background:#30362f}.cards article{background:#2f352e;border-color:#535e4d}.card-content p{color:#c0c9b8}.card-content .button{border-color:#829478}
.simple-link{color:#c9d5bf}.contact-strip{background:#383f33;border-color:#59634e}.contact-layout aside{background:#30362e;border-color:#55604d}
.contact-person>i{color:#c5d3b9}.contact-person{color:#d6dfcd}.contact-person strong{color:#f0f1e8}
footer{background:#1c221c;border-color:#424d3d}.footer-brand{color:#e5eadd}.socials{color:#c5d2bb}.footer-bottom{border-color:#424c3d;color:#a7b19f}
.menu-toggle{border:1.5px solid #8d9b81;background:#30392c;color:#e1e9d8;border-radius:8px;font-weight:650}
.gallery-photo span{background:#252e22;color:#dce8d1;border:1px solid #74816b}.gallery-photo img{transition:none;transform:none}
.button,button{transition:none!important}.skip{background:#dbe5d0;color:#25301e}
@media(min-width:1500px){header{padding-left:calc((100vw - 1250px)/2);padding-right:calc((100vw - 1250px)/2)}}
@media(max-width:1100px) and (min-width:801px){header{padding:0 3%;gap:15px}.brand,.brand img{width:150px}header nav>a:not(.button){padding:10px 9px;font-size:11px;gap:6px}header nav>.button{padding:10px 12px;margin-left:3px}}
@media(max-width:800px){header{height:84px;padding:0 6%;background:#1b201c}.brand,.brand img{width:166px}.menu-toggle{padding:11px 16px;gap:10px}header nav{top:96px;left:4%;right:4%;border:1px solid #657257;background:#262f23;border-radius:16px;padding:15px;gap:6px;box-shadow:none}header nav>a:not(.button){font-size:17px;padding:15px 17px;gap:16px;border-radius:8px;border-bottom:1px solid #45513b}header nav>a>i{font-size:17px;width:22px;text-align:center}header nav>a[aria-current]{border-bottom-color:transparent}header nav>.button{margin:9px 0 0;padding:15px;font-size:15px}header nav>.button>i{font-size:15px}.hero{padding-top:38px;padding-bottom:45px}.hero h1{font-size:43px}.hero .actions{margin-top:25px}.hero .actions .button{font-size:13px;padding:13px 16px}.hero-photo img{border-color:#58634f}}

/* Neutral grey surfaces; green only as a restrained action accent. */
:root{--green:#bec9b7;--dark:#f0efed;--pale:#333335;--text:#eeedeb;--muted:#c4c2bf;--line:#555557;--white:#29292b}
body{background:#29292b;color:#eeedeb}p,.card-content p{color:#c7c5c2}h1,h2,h3,.hero h1{color:#f2f0ec}
header{background:#202022;border-color:#48484a}header nav{background:#303032;border-color:#535355}
header nav>a:not(.button){color:#d0ceca}header nav>a[aria-current]{background:#e0dfda;color:#2a2a2c}
header nav>.button{background:#dadfd5;color:#2c3229;border-color:#dadfd5}
.menu-toggle{background:#323234;color:#e5e3df;border-color:#777779}
.tinted{background:#333335}.cards article{background:#343436;border-color:#575759}
.hero-photo img{border-color:#5b5b5c}.lead{color:#d6d3ce}.contact-strip{background:#3a3a3c;border-color:#5b5b5d}
.contact-layout aside{background:#343436;border-color:#58585a}.contact-person,.contact-person strong{color:#e5e2dc}
footer{background:#202022;border-color:#49494b}.footer-brand{color:#e9e6df}.footer-bottom{border-color:#4c4c4e;color:#bcbab6}
.button,.button.secondary{border-color:#a5b09c;color:#e4e6de;background:transparent}.button.secondary{border-color:#858587;color:#e4e2dd}
.hero .actions>.button:first-child{background:#d8ddd2;color:#2c3228;border-color:#d8ddd2}
.simple-link,.socials,.contact-person>i{color:#cfD4c9}
.gallery-photo span{background:#303032;border-color:#777779;color:#e7e5df}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important}
.coloring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.coloring-card{border:1px solid #565658;border-radius:12px;overflow:hidden;background:#343436}
.coloring-preview{position:relative;display:block;background:#fff;height:350px;padding:20px;border-bottom:1px solid #565658}
.coloring-preview img{object-fit:contain;width:100%;height:100%;background:white}
.coloring-preview>span{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;background:#fff;color:#303032;border:1px solid #cecece;border-radius:5px;font-size:12px;font-weight:650;padding:5px 10px}
.coloring-info{padding:23px}.coloring-info h2{font-size:24px;letter-spacing:-.025em}.coloring-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}.coloring-actions .button{padding:11px 17px;font-size:13px}.coloring-actions .simple-link{display:flex;align-items:center;gap:8px;font-size:13px}
@media(min-width:801px){header nav>a:not(.button){padding-left:10px;padding-right:10px;font-size:11px;gap:6px}header nav>a>i{font-size:11px}header nav>.button{margin-left:3px}}
@media(max-width:1100px) and (min-width:801px){header nav>a:not(.button){padding-left:8px;padding-right:8px}header nav>a:not(.button)>i{display:none}.brand,.brand img{width:135px}}
@media(max-width:1000px){.coloring-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){header,header nav{background:#252527}header nav{border-color:#68686a;max-height:calc(100dvh - 115px);overflow-y:auto}header nav>a:not(.button){color:#d6d3ce;border-bottom-color:#505052}header nav>a[aria-current]{color:#28282a;background:#dfded9}.hero-photo img{border-color:#5b5b5d}.coloring-grid{gap:18px}.coloring-preview{height:300px;padding:15px}.coloring-info{padding:18px}.coloring-info h2{font-size:22px}.coloring-actions{flex-wrap:wrap}}
@media(max-width:520px){.coloring-grid{grid-template-columns:1fr;gap:24px}.coloring-preview{height:380px;padding:22px}.coloring-info{padding:22px}.coloring-actions{flex-wrap:nowrap}}

/* Explicit icon contrast on the gallery controls. */
#photo-dialog button{background:#faf9f6;color:#252527;border:2px solid #252527;opacity:1;box-shadow:none}
#photo-dialog button i{color:#252527;opacity:1;font-size:18px}
#photo-dialog button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.coloring-preview>span,.coloring-preview>span i{color:#252527;background:#fff}

#photo-dialog::backdrop{background:#141416ee;backdrop-filter:none}

/* Light orange navigation, white page surfaces. */
:root{--green:#9d421c;--dark:#292b2a;--pale:#fff;--text:#292b2a;--muted:#5d615e;--line:#dedfdb;--white:#fff}
body,main,.tinted,footer{background:#fff;color:#292b2a}
h1,h2,h3,.hero h1{color:#292b2a}p,.card-content p{color:#5d615e}.lead{color:#454c45}
header{background:#ffdfbd;border-color:#e7b98f}.brand img{filter:none}
header nav{background:#ffe8d0;border-color:#ddb38c}
header nav>a:not(.button){color:#514237}header nav>a[aria-current]{background:#fff;color:#332c26}
header nav>.button{background:#fff;color:#4b3528;border-color:#b78155}
.menu-toggle{background:#ffe8d0;color:#3c3027;border-color:#a87851}
.button{background:#9d421c;color:#fff;border-color:#9d421c}.button.secondary{background:#fff;color:#383d38;border-color:#737b72}
.hero .actions>.button:first-child{background:#9d421c;color:#fff;border-color:#9d421c}
.cards article,.coloring-card,.contact-layout aside{background:#fff;border-color:#d7dad3}
.card-content .button{background:#fff;color:#383d38;border-color:#737b72}
.hero-photo img{border-color:#deded8}.tinted{border-top:1px solid #e5e5df;border-bottom:1px solid #e5e5df}
.contact-strip{background:#fff;border-color:#deded8}.contact-person,.contact-person strong{color:#292b2a}
.simple-link,.socials,.contact-person>i{color:#6d3b20}
footer{border-color:#deded8}.footer-brand{color:#313731}.footer-bottom{border-color:#deded8;color:#63695f}
.coloring-preview{border-color:#dadcd6}.coloring-info h2{color:#292b2a}
.gallery-photo span{background:#fff;color:#252527;border-color:#555}
@media(max-width:800px){header{background:#ffdfbd}header nav{background:#ffe8d0;border-color:#c49a75}header nav>a:not(.button){color:#514237;border-bottom-color:#d4ae8c}header nav>a[aria-current]{background:#fff;color:#332c26}.hero-photo img{border-color:#deded8}}
/* Reference-style photo header, light actions and a clean mobile drawer. */
body,main,.tinted,footer{background:#fff;color:#292b2a}
.button,.button.secondary,.hero .actions>.button:first-child,.card-content .button,header nav>.button{background:#ffe2c4;color:#573922;border:2px solid #c29265;transition:none;transform:none}
.button.secondary{background:#fff6ec;color:#573922;border-color:#c9ab8e}
.mobile-nav-heading,.menu-backdrop{display:none}.menu-backdrop[hidden]{display:none!important}
header nav{background:transparent;border:0;border-radius:0;padding:0;gap:21px}
header nav>a:not(.button){background:transparent;color:#4c382b;border:0;border-radius:0;padding:10px 0;font-size:13px}
header nav>a>i{display:none}
header nav>a[aria-current]{border-bottom:2px solid currentColor;background:transparent;padding:10px 0 8px}
header nav>.button{padding:10px 18px;font-size:13px;margin-left:3px}
.home-page>header{position:absolute;top:0;left:0;right:0;height:82px;padding:0 3%;background:transparent;border:0}
.home-page .brand{width:155px}.home-page .brand img{width:155px;height:auto;filter:none}
.home-page header nav>a:not(.button){color:#fff;font-weight:700}
.home-page header nav>.button{color:#573922;background:#ffe2c4;border-color:#e3b78f}
.home-cover{position:relative;height:560px;min-height:420px;width:100%;background:#fff;overflow:hidden}
.home-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.cover-actions{position:absolute;left:6%;bottom:35px;display:flex;flex-wrap:wrap;gap:13px}
.cover-actions .button,.cover-actions .button.secondary{background:#ffe2c4;color:#573922;border-color:#d1a57d}
.cover-actions .button.secondary{background:#fff6ec}
@media(min-width:801px) and (max-width:1100px){header nav{gap:13px}header nav>a:not(.button){font-size:11px}.home-page .brand,.home-page .brand img{width:140px}.home-page>header{padding-left:3%;padding-right:3%}}
@media(max-width:800px){
 header,.home-page>header{height:82px;padding:0 6%;background:#ffdfbd;border-bottom:1px solid #e7b98f}
 .home-page>header{background:transparent;border:0}
 .home-page .brand,.home-page .brand img{width:150px}
 .home-cover{height:430px;min-height:0}.home-cover>img{object-position:50% 40%}
 .cover-actions{left:6%;right:6%;bottom:24px;gap:10px}.cover-actions .button{font-size:13px;padding:12px 16px}
 .menu-toggle{background:#fff2e4;color:#573922;border-color:#c29265}
 .menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#ffffffb3;z-index:30}
 header nav{display:none;position:fixed;top:0;right:0;left:auto;bottom:0;width:min(90vw,390px);height:100dvh;max-height:none;overflow-y:auto;padding:25px 24px;background:#fff!important;border:0;border-left:1px solid #e1cbb8;border-radius:0;flex-direction:column;align-items:stretch;gap:0;z-index:40}
 header nav.open{display:flex}
 .mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eadfd5;color:#493627;font-weight:750;font-size:23px}
 .menu-close{width:42px;height:42px;border:1px solid #c29265;border-radius:8px;background:#fff2e4;color:#573922;font-size:20px;display:grid;place-items:center}
 header nav>a:not(.button),.home-page header nav>a:not(.button){display:flex;align-items:center;gap:15px;padding:17px 14px;background:#fff;color:#4b4037;border:0;border-bottom:1px solid #eee7e0;border-radius:0;font-size:16px;font-weight:600}
 header nav>a:not(.button)>i{display:block;width:21px;text-align:center;color:#a56838;font-size:16px}
 header nav>a:not(.button)::after{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;margin-left:auto;color:#a58468}
 header nav>a[aria-current],.home-page header nav>a[aria-current]{background:#fff1e2;border-radius:8px;color:#573922;border-bottom-color:transparent;font-weight:750}
 header nav>.button,.home-page header nav>.button{display:flex;gap:10px;justify-content:center;margin:28px 0 0;padding:15px;background:#ffe2c4;color:#573922;border:2px solid #c29265;font-size:15px}
 header nav>.button>i{display:inline-block;font-size:15px}
 body.menu-open{overflow:hidden}
}
/* Transparent wordmark on the homepage photo. */
.home-page .brand img{filter:brightness(0) invert(1);background:transparent}
/* Wider photography, especially on show pages. */
.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards article>img{height:auto;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 35%}
.detail{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:5%}
.detail>div>img{width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:cover;object-position:center 30%}
.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:5%}
.hero-photo img{height:auto;max-height:none;aspect-ratio:4/3;width:100%}
.split:not(.character):not(.person)>div>img{height:auto;aspect-ratio:4/3;width:100%}
@media(max-width:800px){.cards{grid-template-columns:1fr}.hero,.detail{grid-template-columns:1fr}.detail>div:has(>img){grid-row:1}.cards article>img,.detail>div>img{height:auto;max-height:none;aspect-ratio:16/9}.hero-photo img{height:auto;max-height:none;aspect-ratio:4/3}.split:not(.character):not(.person)>div>img{height:auto;aspect-ratio:4/3}}
/* Compact show photos with the complete image visible. */
.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards article>img{width:100%;height:280px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff}
.detail{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%}
.detail>div>img{width:100%;height:auto;max-height:480px;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff}
@media(max-width:1000px) and (min-width:801px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.cards{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.cards article>img{width:100%;height:300px;aspect-ratio:auto;object-fit:contain}.detail{grid-template-columns:1fr}.detail>div:has(>img){width:100%;max-width:460px;margin-inline:auto}.detail>div>img{height:auto;max-height:400px;aspect-ratio:auto;object-fit:contain}}
/* Menu links without trailing arrows. */
header nav>a:not(.button)::after{content:none!important;display:none!important}