:root{--ink:#102b37;--deep:#09232e;--gold:#cfaa62;--paper:#f6f4ed;--line:#ccd3d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(3.3rem,6.7vw,7rem);letter-spacing:-.05em}h2{font-size:clamp(2.3rem,4vw,4.1rem);letter-spacing:-.035em}h3{font-size:1.4rem}em{color:var(--gold);font-weight:400}a{color:inherit;text-underline-offset:5px}a:hover{color:#a77934}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(5vw,22px);border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.16em;font-size:15px;line-height:1.1}.brand small{font-size:11px;letter-spacing:.3em;color:#8c713d}.mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;font:italic 26px Georgia;color:#a77934}nav{display:flex;gap:clamp(15px,2.5vw,40px);flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:650}.hero{display:grid;grid-template-columns:1.2fr .8fr;min-height:680px;background:var(--deep);color:white}.hero>div:first-child{padding:clamp(60px,8vw,130px) 6vw}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:750;font-size:13px;color:#b28b48}.lead{font-size:clamp(18px,1.5vw,22px);max-width:700px;line-height:1.55;color:#c5d0d1}.hero h1{margin:30px 0}.button{display:inline-block;background:var(--gold);padding:14px 22px;color:var(--deep);font-weight:700;text-decoration:none;margin:22px 25px 15px 0}.textlink{font-weight:700}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle at 55% 50%,#215063,#0e3240 55%,#09232e);border-left:1px solid #38515a;text-align:center}.hero-art:before,.hero-art:after{content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid #ad8e55;border-radius:50%;opacity:.5}.hero-art:after{width:65%;transform:rotate(25deg);border-style:dashed;opacity:.3}.hero-art span{letter-spacing:.6em;font-size:13px;z-index:1}.hero-art b{font:italic clamp(3rem,6vw,6rem) Georgia;color:var(--gold);z-index:1}.hero-art i{font:14px Georgia;letter-spacing:.15em;z-index:1}.band,.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.band{padding:90px 6vw;background:#e5eae6}.band p,.split p{max-width:680px}.band a,.split a,.source a{color:#8b6227;font-weight:700}.section{padding:85px 6vw}.intro{max-width:760px;color:#50636a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:40px}.grid article{background:var(--paper);padding:32px;min-height:250px}.grid article span{color:#aa8649;font:18px Georgia}.grid p{color:#4d6168}.grid a{font-weight:700;color:#8b6227}.quote{padding:90px 6vw;text-align:center;background:var(--deep);color:white}.quote p{font:italic clamp(2rem,3vw,3.3rem) Georgia}.quote small{color:#b7c8ca}footer{background:#061c25;color:#c5d0d1;padding:48px 6vw;font-size:14px}footer strong{color:var(--gold);letter-spacing:.2em}.archive-head{padding:90px 6vw;background:var(--deep);color:white}.archive-head h1{margin:20px 0}.archive-head .lead{max-width:850px}.alt{background:#e5eae6}.source{display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding:28px 0}.source>div{max-width:850px}.source small{font-size:12px;letter-spacing:.12em;color:#9a763f;min-width:175px;text-align:right;font-weight:750}.source p{color:#50636a}@media(max-width:850px){header{align-items:flex-start;flex-direction:column}nav{gap:14px 22px}.hero,.band,.split{grid-template-columns:1fr}.hero{min-height:auto}.hero-art{min-height:260px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){h1{font-size:3.3rem}.grid{grid-template-columns:1fr}.source{display:block}.source small{display:block;text-align:left;margin-top:16px}.section,.band,.quote{padding:60px 6vw}.hero>div:first-child{padding:60px 6vw}}
.queen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.queen-tile{background:white;border:1px solid var(--line);overflow:hidden}.queen-tile img{display:block;width:100%;height:310px;object-fit:cover;object-position:center top;background:#d7d2c6}.queen-tile>div:not(.ordinal){padding:22px}.queen-tile span,.queen-tile .ordinal{font:italic 32px Georgia;color:#9b7539}.queen-tile h2{font-size:1.8rem;margin:7px 0 10px}.queen-tile p{font-size:15px;color:#52666b}.queen-tile.no-photo{min-height:310px;padding:30px;background:#e5eae6;display:flex;flex-direction:column;justify-content:space-between}.queen-tile.no-photo>div:not(.ordinal){padding:0}@media(max-width:850px){.queen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.queen-gallery{grid-template-columns:1fr}.queen-tile img{height:360px}}

/* Colours drawn from the supplied Mologomunye emblem. */
:root{--ink:#35291d;--deep:#2a2017;--gold:#c48925;--paper:#fff8ed;--line:#dacbb7;--leaf:#355a2c}
body{background:var(--paper)}
header{background:#fff5e7;border-top:7px solid #9a6020;border-bottom-color:var(--line)}
.brand{letter-spacing:.12em}.brand small{color:#80551f}
.brand-logo{display:block;width:64px;height:64px;object-fit:contain;border-radius:6px;border:2px solid #a46b29;box-shadow:0 0 0 3px #f3dfbd;flex:none}
nav a:hover,nav a:focus-visible{color:var(--leaf)}
em{color:#e4aa40}a:hover{color:#8b581c}
.hero,.archive-head,.quote{background:var(--deep)}
.hero{border-bottom:8px solid #a16a2c}.archive-head{border-bottom:6px solid #a16a2c}
.hero .lead,.archive-head .lead{color:#f4e6d2}
.hero-art{background:#f2d4ac;border-left:8px solid #a16a2c;padding:36px}
.hero-art:before,.hero-art:after{display:none}
.hero-emblem{display:block;width:min(100%,480px);height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 22px rgba(67,39,16,.2))}
.eyebrow{color:#a16a23}.hero .eyebrow,.archive-head .eyebrow{color:#efbd66}
.band,.alt,.queen-tile.no-photo{background:#f3e6d2}
.grid article,.queen-tile{background:#fffaf2}
.intro,.grid p,.source p,.queen-tile p{color:#594a39}
.band a,.split a,.source a,.grid a{color:#76501d}
.button{background:#dca238;color:#261b13}.button:hover{background:#f0bf64;color:#261b13}
.quote{border-top:7px solid #a16a2c}.quote small{color:#eadac5}
footer{background:#211a14;color:#e5d6c3;border-top:7px solid #8b5b28}
footer strong{color:#e4aa40}
@media(max-width:600px){.brand-logo{width:54px;height:54px}.hero-art{min-height:0;padding:25px}.hero-emblem{width:min(72vw,330px)}}

/* Portrait-led entrance to the queenship collection. */
.queen-home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);min-height:570px}
.queen-home-hero .hero-copy{padding:clamp(48px,6vw,100px) 6vw}
.queen-home-hero h1{font-size:clamp(3.1rem,6vw,6.3rem);margin:24px 0;max-width:800px}
.queen-home-hero .lead{max-width:610px}
.hero-queen{margin:0;position:relative;min-width:0;min-height:570px;overflow:hidden;background:#714b2a}
.hero-queen img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 27%;image-rendering:auto}
.hero-queen:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(25,16,9,.9))}
.hero-queen figcaption{position:absolute;z-index:1;left:7%;right:7%;bottom:6%;display:grid;gap:4px;color:#fff8ec}
.hero-queen figcaption span{font-size:13px;letter-spacing:.19em;text-transform:uppercase;color:#f2c575;font-weight:700}
.hero-queen figcaption strong{font:clamp(2rem,3vw,3.2rem)/1.1 Georgia,serif}
.hero-queen figcaption small{font-size:13px;color:#ecdfcf}
.queen-lineage{padding:55px 6vw 62px;background:#f3e6d2}
.queen-lineage-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}
.queen-lineage-head h2{font-size:clamp(2rem,3.2vw,3.2rem);margin-bottom:0}
.queen-lineage-head a{color:#76501d;font-weight:700}
.queen-lineage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.lineage-portrait{display:block;background:#2d2017;color:#fff8ed;text-decoration:none;overflow:hidden}
.lineage-portrait img{display:block;width:100%;height:clamp(170px,18vw,290px);object-fit:cover;object-position:center 23%;transition:transform .25s ease}
.lineage-portrait:hover img,.lineage-portrait:focus-visible img{transform:scale(1.04)}
.lineage-portrait span{display:flex;align-items:baseline;gap:10px;padding:13px 15px;color:#e9b361;font:italic 22px Georgia,serif}
.lineage-portrait strong{color:#fff8ed;font:600 16px system-ui,sans-serif}
.portrait-note{max-width:850px;margin:22px 0 0;color:#594a39;font-size:15px}
@media(max-width:850px){.queen-home-hero{grid-template-columns:1fr 1fr;min-height:480px}.queen-home-hero .hero-copy{padding:46px 5vw}.hero-queen{min-height:480px}.queen-lineage-grid{gap:8px}.lineage-portrait span{display:grid;gap:2px}}
@media(max-width:650px){.queen-home-hero{display:flex;flex-direction:column;min-height:0}.queen-home-hero .hero-copy{order:2;padding:38px 6vw 50px}.queen-home-hero h1{font-size:clamp(2.9rem,12vw,4.5rem)}.hero-queen{order:1;width:100%;min-height:0;height:clamp(340px,93vw,520px)}.queen-lineage{padding:45px 6vw}.queen-lineage-head{display:block}.queen-lineage-head a{display:inline-block;margin-top:10px}.queen-lineage-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:12px}.lineage-portrait{flex:0 0 min(44vw,190px);scroll-snap-align:start}.lineage-portrait img{height:220px}.lineage-portrait span{display:flex;gap:8px}}

/* Royal blue balanced with leopard gold and the emblem's warm ground. */
:root{--ink:#182c4b;--deep:#142a4b;--gold:#d6a04a;--leaf:#355a2c}
header{background:#142a4b;border-top-color:#b77c2e;border-bottom:3px solid #d6a04a;color:#fff9ed}
.brand small{color:#f0bf70}.brand-logo{box-shadow:0 0 0 3px #d6a04a}
nav a{color:#fff9ed}nav a:hover,nav a:focus-visible{color:#f0bf70}
.hero,.archive-head,.quote{background:#142a4b}
.hero,.archive-head,.quote,footer{border-color:#b77c2e}
.hero-queen{border-left:5px solid #d6a04a}
.button{background:#dfac55;color:#142a4b}.button:hover{background:#f2cb85;color:#142a4b}
.lineage-portrait{background:#183153}
.band{background:#e9edf1}.alt{background:#f1e7d8}
.band a,.split a,.source a,.grid a,.queen-lineage-head a{color:#234b79}
.band a:hover,.split a:hover,.source a:hover,.grid a:hover,.queen-lineage-head a:hover{color:#8b581c}
footer{background:#0f223e}
.royal-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#142a4b;padding:22px 6vw;gap:1px}
.royal-pathways a{display:flex;flex-direction:column;gap:8px;min-height:136px;padding:24px 28px;color:#fff9ed;text-decoration:none;border-left:1px solid #65758d}
.royal-pathways a:hover,.royal-pathways a:focus-visible{background:#203b61;color:#fff9ed}
.royal-pathways span{color:#f0bf70;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.royal-pathways strong{font:clamp(1.35rem,2vw,2rem)/1.12 Georgia,serif}
.royal-pathways small{font-size:14px;color:#e3eaf1}
@media(max-width:750px){.royal-pathways{grid-template-columns:1fr;padding:10px 6vw}.royal-pathways a{min-height:0;padding:20px 16px;border-left:0;border-bottom:1px solid #65758d}}
@media(max-width:650px){.hero-queen{border-left:0;border-bottom:5px solid #d6a04a}}

.history-table-wrap{overflow-x:auto;margin:30px 0 24px;border:1px solid #d7c4a6}
.history-table{width:100%;border-collapse:collapse;background:#fffaf2;min-width:610px;text-align:left}
.history-table th{background:#183153;color:#fff7eb;font-size:14px;letter-spacing:.04em}
.history-table th,.history-table td{padding:13px 18px;border-bottom:1px solid #dfd2c0;vertical-align:top}
.history-table td:first-child{color:#8a5a23;font-weight:700;white-space:nowrap}
.history-table tr:last-child td{border-bottom:0}

.culture-topic{max-width:1100px;margin:auto}
.culture-topic p:not(.eyebrow){max-width:78ch}
.culture-topic .source-note{margin-top:28px;padding:16px 20px;border-left:4px solid #b88138;background:#f5eee3;font-size:.92rem;color:#4c4236}
.culture-invite{background:#f3e7d4}

.culture-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.culture-gallery figure{margin:0;background:#fffaf2;border:1px solid #dfd0b6;box-shadow:0 8px 24px #1b2b4420}
.culture-gallery a{display:block;overflow:hidden;background:#152a48}
.culture-gallery img{display:block;width:100%;height:360px;object-fit:cover;transition:transform .25s ease}
.culture-gallery a:hover img,.culture-gallery a:focus-visible img{transform:scale(1.03)}
.culture-gallery figcaption{padding:18px 20px;color:#253651;line-height:1.5}
@media(max-width:850px){.culture-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-gallery img{height:300px}}
@media(max-width:580px){.culture-gallery{grid-template-columns:1fr}.culture-gallery img{height:auto;max-height:520px;object-fit:contain}}

.culture-gallery .portrait-full img{object-fit:contain;background:#e9e0d4}

.morina-section .culture-gallery img{object-fit:contain;background:#e9e0d4}

/* Rain, cycad and earth: Balobedu heritage palette. */
:root{--rain:#102b49;--rainwater:#1a5f6e;--cycad:#315b3c;--trade-gold:#c99a55;--warthog-earth:#a25a3d;--warm-ivory:#f7f2e6;--reading-ink:#172b35;--ink:var(--reading-ink);--deep:var(--rain);--gold:var(--trade-gold);--paper:var(--warm-ivory);--line:#c8d0c6;--leaf:var(--cycad)}
body{background:var(--warm-ivory);color:var(--reading-ink)}
header{background:var(--rain);border-top:7px solid var(--warthog-earth);border-bottom:3px solid var(--trade-gold)}
.brand small,footer strong{color:#e5bd80}
.brand-logo{border-color:var(--trade-gold);box-shadow:0 0 0 3px var(--trade-gold)}
nav a:hover,nav a:focus-visible{color:#e5bd80}
.hero,.archive-head,.quote,.royal-pathways{background:var(--rain)}
.hero,.archive-head,.quote,footer{border-color:var(--warthog-earth)}
.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{content:"";position:absolute;inset:auto 0 0 27%;height:70%;z-index:-1;background:url('assets/route-lines.svg') no-repeat center/contain;opacity:.17;pointer-events:none}
.hero .lead,.archive-head .lead{color:#e0e9e7}
.hero .eyebrow,.archive-head .eyebrow,.royal-pathways span{color:#e5bd80}
.hero-queen{border-color:var(--trade-gold)}
.hero-queen figcaption span{color:#e5bd80}
.button{background:var(--trade-gold);color:var(--rain)}.button:hover,.button:focus-visible{background:#e3bd7f;color:var(--rain)}
.lineage-portrait{background:var(--rain)}.lineage-portrait span{color:#e5bd80}
.queen-lineage,.alt{background:#ecede3}.band{background:#e0e9e5}
.grid{background:#c8d0c6;border-color:#c8d0c6}.grid article,.queen-tile{background:#fffcf6}
.intro,.grid p,.source p,.queen-tile p{color:#3c5054}
.band a,.split a,.source a,.grid a,.queen-lineage-head a{color:#15505e}
.band a:hover,.split a:hover,.source a:hover,.grid a:hover,.queen-lineage-head a:hover{color:#315b3c}
.eyebrow,.grid article span,.source small{color:#315b3c}
footer{background:#0b2238;color:#dce7e3}
.quote small{color:#dce7e3}
.royal-pathways a:hover,.royal-pathways a:focus-visible{background:#1a5f6e}
.history-table th{background:var(--rain);color:#fffaf2}.history-table td:first-child{color:#70512c}
.culture-invite{background:#dfe9df;border-left:8px solid var(--cycad)}
.culture-topic .source-note{background:#ebeee5;border-color:var(--cycad);color:#304843}
.culture-gallery figure{background:#fffcf6;border-color:#c8d0c6}
.culture-gallery .portrait-full img,.morina-section .culture-gallery img{background:#e0e9e5}
.origins-page .archive-head,.culture-page .archive-head,.houses-page .archive-head{position:relative;isolation:isolate;overflow:hidden}
.origins-page .archive-head:after,.culture-page .archive-head:after,.houses-page .archive-head:after{content:"";position:absolute;width:clamp(190px,25vw,350px);height:100%;right:2%;top:0;background:url('assets/cycad-frond.svg') no-repeat center/contain;opacity:.72;z-index:-1;pointer-events:none}
.origins-page .archive-head{border-bottom-color:var(--cycad)}
.culture-page .archive-head{border-bottom-color:var(--rainwater)}
.houses-page #wider-communities{border-top:7px solid var(--warthog-earth)}
#communities{border-top:7px solid var(--cycad)}
.mutupo-badge{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px;margin:24px 0 4px;padding:11px 16px;width:fit-content;border:1px solid #c99a55;border-left:5px solid var(--warthog-earth);background:#1d4059;color:#f7f2e6}
.mutupo-badge span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#e5bd80}.mutupo-badge strong{font:italic 21px Georgia,serif}.mutupo-badge small{font-size:13px;color:#dce7e3}
@media(max-width:650px){.hero-copy:before{inset:auto 0 0 5%;height:55%}.origins-page .archive-head:after,.culture-page .archive-head:after,.houses-page .archive-head:after{right:-18%;opacity:.13}.hero-queen{border-left:0;border-bottom:5px solid var(--trade-gold)}}
/* Keep decorative lines behind words, but above their section backgrounds. */
.hero-copy:before,.origins-page .archive-head:after,.culture-page .archive-head:after,.houses-page .archive-head:after{z-index:0}
.hero-copy>* ,.origins-page .archive-head>*,.culture-page .archive-head>*,.houses-page .archive-head>*{position:relative;z-index:1}

.event-gallery img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#e0e9e5}
/* Landing portrait slideshow */
.queen-carousel{isolation:isolate}
.queen-carousel .queen-slides,.queen-carousel .queen-slide{position:absolute;inset:0}
.queen-carousel .queen-slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;overflow:hidden}
.queen-carousel .queen-slide.is-active{opacity:1;visibility:visible}
.queen-carousel .queen-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.queen-carousel .queen-slide:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(10,20,30,.88));pointer-events:none}
.queen-carousel .queen-slide-caption{position:absolute;z-index:1;left:7%;right:7%;bottom:95px;display:grid;gap:3px;color:#fff8ec}
.queen-carousel .queen-slide-caption span{font-size:13px;letter-spacing:.19em;text-transform:uppercase;color:#e5bd80;font-weight:700}
.queen-carousel .queen-slide-caption strong{font:clamp(1.8rem,3vw,3.2rem)/1.1 Georgia,serif}
.queen-carousel .queen-slide-caption small{font-size:13px;color:#ecdfcf}
.queen-carousel .queen-carousel-controls{position:absolute;z-index:2;bottom:22px;left:7%;right:7%;display:flex;align-items:center;gap:12px;color:#fff}
.queen-carousel button{appearance:none;border:1px solid rgba(255,255,255,.7);background:rgba(9,35,46,.66);color:#fff;cursor:pointer;min-width:42px;min-height:42px;border-radius:3px;font:600 16px system-ui,sans-serif}
.queen-carousel button:hover,.queen-carousel button:focus-visible{background:#cfaa62;color:#09232e;outline:2px solid #fff;outline-offset:2px}
.queen-carousel .carousel-arrow{font-size:26px;line-height:1}
.queen-carousel .carousel-dots{display:flex;align-items:center;gap:4px}
.queen-carousel .carousel-dots button{border:0;background:transparent;min-width:32px;padding:0;display:grid;place-items:center}
.queen-carousel .carousel-dots span{width:8px;height:8px;background:#fff9;display:block;border-radius:50%}
.queen-carousel .carousel-dots [aria-current="true"] span{background:#e5bd80;width:12px;height:12px}
.queen-carousel .carousel-pause{margin-left:auto;padding:0 12px;font-size:14px}
@media(max-width:650px){.queen-carousel .queen-slide-caption{bottom:88px}.queen-carousel .queen-carousel-controls{bottom:17px;gap:5px}.queen-carousel .carousel-dots{gap:0}.queen-carousel .carousel-dots button{min-width:26px}}
@media(prefers-reduced-motion:reduce){.queen-carousel .queen-slide{transition:none}}
.queen-carousel.hero-queen:after{display:none}
.royal-council-photo .council-figure{margin:30px 0 0;max-width:1000px;background:#fff;border:1px solid var(--line)}
.royal-council-photo img{display:block;width:100%;height:auto}
.royal-council-photo figcaption{padding:18px 22px;color:#50636a;font-size:15px;line-height:1.6}
.royal-council-photo figcaption a{color:#8b6227;font-weight:700}
.history-chapter{margin:0 auto}
.history-chapter p:not(.eyebrow){max-width:900px}
.history-chapter a{font-weight:700;color:#8b6227}
.history-chapter .history-praise{margin:35px 0 24px;padding:25px 30px;border-left:4px solid var(--trade-gold,#cfaa62);background:#e8e3d5;font:italic clamp(1.35rem,2.4vw,2.2rem)/1.4 Georgia,serif;color:#1b3850}
.history-opening .lead{max-width:930px}
.marriage-study{margin:34px 0;padding:30px;border-left:4px solid var(--trade-gold,#cfaa62);background:#e8eae6}
.marriage-study h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.55rem,2.3vw,2.2rem);margin-bottom:18px}
.marriage-study p:last-child{margin-bottom:0}
@media(max-width:600px){.marriage-study{padding:23px 20px}}

/* Morina: dark cloth, white beadwork and small bands of colour. */
:root{--morina-black:#101a20;--morina-white:#fffaf0;--bead-blue:#23748e;--bead-green:#39785c;--bead-coral:#bc5960;--bead-yellow:#ddb35f;--bead-rose:#b8769c}
header{position:relative;border-top:0;border-bottom:3px solid var(--morina-white);box-shadow:0 3px 0 var(--bead-blue);padding-top:29px;background:linear-gradient(120deg,var(--morina-black),var(--rain) 70%)}
header:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,var(--morina-white) 0 13px,var(--morina-black) 13px 17px,var(--bead-coral) 17px 24px,var(--morina-white) 24px 29px,var(--bead-yellow) 29px 38px,var(--morina-white) 38px 43px,var(--bead-green) 43px 51px,var(--morina-white) 51px 56px,var(--bead-blue) 56px 66px,var(--morina-white) 66px 71px,var(--bead-rose) 71px 78px,var(--morina-black) 78px 84px)}
.hero,.archive-head{background:linear-gradient(125deg,var(--morina-black),var(--rain) 66%)}
.hero,.archive-head{border-bottom:5px solid var(--morina-white);box-shadow:0 4px 0 var(--bead-blue)}
.hero .eyebrow,.archive-head .eyebrow{color:#f0c477}
.section>h2:after,.section>.split h2:after{content:"";display:block;width:110px;height:5px;margin-top:21px;background:linear-gradient(90deg,var(--bead-coral) 0 18%,var(--bead-yellow) 18% 39%,var(--bead-green) 39% 59%,var(--bead-blue) 59% 81%,var(--bead-rose) 81%)}
.grid article{border-top:3px solid transparent}.grid article:hover{border-top-color:var(--bead-blue)}
.culture-gallery figure,.queen-tile{border-bottom:4px solid var(--bead-blue)}
footer{background:var(--morina-black);border-top:7px solid var(--morina-white);box-shadow:inset 0 3px 0 var(--bead-coral)}
@media(max-width:600px){header{padding-top:27px}.section>h2:after{margin-top:16px}}

.morina-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,5vw,75px);align-items:start;margin-top:28px}
.morina-story-grid>div{max-width:780px}.morina-story-grid p{margin-bottom:20px}.morina-story-grid .source-note{padding:16px 20px;border-left:4px solid var(--bead-blue);background:#fffaf0;font-size:15px}
.morina-story-grid figure{margin:0;background:#fffaf0;border:1px solid var(--line);border-bottom:6px solid var(--bead-blue)}.morina-story-grid img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#e0e9e5}.morina-story-grid figcaption{padding:15px 18px;font-size:14px;color:#3c5054}.morina-story-grid a{font-weight:700;color:#15505e}
@media(max-width:780px){.morina-story-grid{grid-template-columns:1fr}.morina-story-grid figure{max-width:600px}}

/* More prominent Morina bead lining across the site. */
header{padding-top:38px}
header:before{height:19px;border-bottom:3px solid var(--morina-white);box-shadow:0 3px 0 var(--bead-blue)}
.culture-gallery figure,.queen-tile,.morina-story-grid figure{border-bottom:8px solid transparent;background-image:linear-gradient(90deg,var(--morina-white) 0 12%,var(--bead-coral) 12% 26%,var(--bead-yellow) 26% 43%,var(--bead-green) 43% 60%,var(--bead-blue) 60% 78%,var(--bead-rose) 78% 90%,var(--morina-white) 90%);background-repeat:no-repeat;background-position:bottom;background-size:100% 8px}
.section>h2:after{width:160px;height:7px}
@media(max-width:600px){header{padding-top:35px}.section>h2:after{width:125px}}

/* Frame the photographs with the black, white and coloured Morina trim. */
:root{--morina-frame:repeating-linear-gradient(90deg,#fffaf0 0 15px,#101a20 15px 19px,#bc5960 19px 27px,#fffaf0 27px 32px,#ddb35f 32px 42px,#fffaf0 42px 47px,#39785c 47px 57px,#fffaf0 57px 62px,#23748e 62px 73px,#fffaf0 73px 78px,#b8769c 78px 86px,#101a20 86px 92px)}
.culture-gallery a{padding:9px;background:var(--morina-frame);border:2px solid var(--morina-black)}
.culture-gallery a img{background:#e0e9e5}
.queen-tile img,.morina-story-grid figure img{padding:9px;background:var(--morina-frame);border:2px solid var(--morina-black)}
@media(max-width:580px){.culture-gallery a{padding:7px}.queen-tile img,.morina-story-grid figure img{padding:7px}}

.hero-queen:before{content:"";position:absolute;z-index:4;inset:0 auto 0 0;width:11px;background:repeating-linear-gradient(180deg,#fffaf0 0 15px,#101a20 15px 19px,#bc5960 19px 27px,#fffaf0 27px 32px,#ddb35f 32px 42px,#fffaf0 42px 47px,#39785c 47px 57px,#fffaf0 57px 62px,#23748e 62px 73px,#fffaf0 73px 78px,#b8769c 78px 86px,#101a20 86px 92px);pointer-events:none}

/* The museum name has room to wrap beside the emblem. */
.brand{flex-shrink:0;max-width:min(100%,340px)}.brand span{display:block}.brand small{display:block;font-size:10px;letter-spacing:.12em;line-height:1.35;max-width:265px;margin-top:3px}@media(max-width:600px){.brand{max-width:100%}.brand small{max-width:225px}}

/* Bring the emblem and museum name towards the upper left, below the bead band. */
header{padding:25px max(14px,1.5vw) 18px}
@media(max-width:600px){header{padding:25px 14px 18px}}

/* Morina beadwork follows the navigation on every page. */
header{padding-bottom:34px}
header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;border-top:3px solid var(--morina-white);background:repeating-linear-gradient(90deg,var(--morina-white) 0 13px,var(--morina-black) 13px 17px,var(--bead-coral) 17px 24px,var(--morina-white) 24px 29px,var(--bead-yellow) 29px 38px,var(--morina-white) 38px 43px,var(--bead-green) 43px 51px,var(--morina-white) 51px 56px,var(--bead-blue) 56px 66px,var(--morina-white) 66px 71px,var(--bead-rose) 71px 78px,var(--morina-black) 78px 84px)}

/* Make the navigation visibly interactive and easy to scan. */
header nav{gap:8px 18px}
header nav a{font-size:16px;font-weight:700;line-height:1.35;padding:5px 1px;border-bottom:2px solid transparent}
header nav a:hover,header nav a:focus-visible,header nav a[aria-current="page"]{color:var(--morina-white);border-bottom-color:var(--bead-yellow)}
@media(max-width:600px){header nav{gap:6px 14px}header nav a{font-size:15px;padding:4px 1px}}

/* Solid Morina black sets the navigation apart from the rain-blue hero. */
header{background:var(--morina-black);color:var(--morina-white)}
header .brand{color:var(--morina-white)}
header .brand small{color:#f0bf70}
header nav a{color:var(--morina-white)}
header nav a:hover,header nav a:focus-visible,header nav a[aria-current="page"]{color:#f0bf70;border-bottom-color:var(--bead-yellow)}

/* Morina bead bands frame the navigation; leopard markings edge each page. */
header nav{position:relative;padding:7px 19px}
header nav:before,header nav:after{content:"";position:absolute;top:0;bottom:0;width:9px;background:repeating-linear-gradient(180deg,var(--morina-white) 0 11px,var(--bead-coral) 11px 18px,var(--morina-white) 18px 23px,var(--bead-yellow) 23px 31px,var(--bead-green) 31px 39px,var(--morina-white) 39px 44px,var(--bead-blue) 44px 52px,var(--bead-rose) 52px 60px)}
header nav:before{left:0}header nav:after{right:0}
body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:14px;background:#c89b61 url('assets/leopard-edge.svg') repeat-y center top / 14px 56px;z-index:30;pointer-events:none}
body:before{left:0}body:after{right:0}
@media(max-width:600px){header nav{padding:7px 14px}header nav:before,header nav:after{width:7px}body:before,body:after{width:7px;background-size:7px 28px}}

/* Morina takes the two upper page edges around the header; leopard continues below. */
header{z-index:31;padding-left:max(22px,2vw);padding-right:max(22px,2vw);background-image:repeating-linear-gradient(180deg,var(--morina-white) 0 13px,var(--morina-black) 13px 17px,var(--bead-coral) 17px 24px,var(--morina-white) 24px 29px,var(--bead-yellow) 29px 38px,var(--bead-green) 38px 46px,var(--morina-white) 46px 51px,var(--bead-blue) 51px 61px,var(--bead-rose) 61px 69px),repeating-linear-gradient(180deg,var(--morina-white) 0 13px,var(--morina-black) 13px 17px,var(--bead-coral) 17px 24px,var(--morina-white) 24px 29px,var(--bead-yellow) 29px 38px,var(--bead-green) 38px 46px,var(--morina-white) 46px 51px,var(--bead-blue) 51px 61px,var(--bead-rose) 61px 69px);background-size:14px 100%,14px 100%;background-position:left top,right top;background-repeat:no-repeat}
header:before,header:after{left:14px;right:14px}
@media(max-width:600px){header{padding-left:16px;padding-right:16px;background-size:7px 100%,7px 100%}header:before,header:after{left:7px;right:7px}}

/* Production accessibility and small-screen navigation. */
.skip-link{position:fixed;top:8px;left:50%;z-index:100;transform:translate(-50%,-180%);padding:12px 18px;background:#fff;color:#101a20;font-weight:800;box-shadow:0 5px 20px #0005}
.skip-link:focus{transform:translate(-50%,0)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid #f0bf70;outline-offset:4px}
.menu-toggle{display:none;margin-left:auto;align-items:center;gap:10px;border:1px solid #ffffff70;background:transparent;color:#fff;padding:10px 13px;font:700 15px system-ui,sans-serif;cursor:pointer}
.menu-toggle>span:first-child,.menu-toggle>span:first-child:before,.menu-toggle>span:first-child:after{display:block;width:21px;height:2px;background:currentColor;content:"";transition:transform .2s ease}
.menu-toggle>span:first-child:before{transform:translateY(-7px)}
.menu-toggle>span:first-child:after{transform:translateY(5px)}
.menu-toggle[aria-expanded="true"]>span:first-child{background:transparent}
.menu-toggle[aria-expanded="true"]>span:first-child:before{transform:translateY(2px) rotate(45deg)}
.menu-toggle[aria-expanded="true"]>span:first-child:after{transform:rotate(-45deg)}
img{max-width:100%;height:auto}
@media(max-width:900px){
  header{align-items:center;flex-direction:row;flex-wrap:wrap}
  .menu-toggle{display:inline-flex}
  .menu-ready header nav{display:none;flex:1 0 100%;width:100%;padding:18px 16px 7px;margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
  .menu-ready header nav.is-open{display:grid}
  header nav a{padding:10px 4px;border-bottom:1px solid #ffffff25}
  header nav:before,header nav:after{display:none}
}
@media(max-width:430px){
  .brand-logo{width:46px;height:46px}.brand{font-size:12px;gap:9px}.brand small{font-size:8px;max-width:165px}.menu-label{display:none}
  header nav{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}