:root{--ink:#08090c;--navy:#111a2e;--burg:#421624;--ivory:#f2eadb;--gold:#c8a96b;--muted:#a59a8a;--line:rgba(200,169,107,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 5%,#2c1420 0,#08090c 44%),#08090c;color:var(--ivory);font-family:Georgia,'Times New Roman',serif;min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;padding:28px clamp(20px,5vw,72px);position:relative;overflow:hidden}.app-shell:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(200,169,107,.04)),url('/background_yinka.png') right bottom/min(45vw,560px) auto no-repeat;opacity:.22;pointer-events:none}.topbar,.content,.login-card{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.brand{font-family:'DM Mono',monospace;letter-spacing:.16em;font-size:11px;color:var(--gold)}.navlink,.button{border:1px solid var(--gold);background:transparent;color:var(--ivory);padding:11px 17px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;cursor:pointer}.navlink{border-color:transparent;color:var(--gold)}h1,h2,h3{font-weight:500;line-height:.95;margin:0}.eyebrow{font-family:'DM Mono',monospace;color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.login-wrap{display:grid;place-items:center;min-height:calc(100vh - 80px)}.login-card{width:min(460px,100%);padding:44px 0}.login-card h1{font-size:clamp(52px,10vw,88px);margin:18px 0 8px}.login-card h2{font-size:20px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.login-copy{color:var(--muted);font-size:18px;margin:22px 0 38px}.field{display:block;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:16px 0}.field input{display:block;width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ivory);padding:15px;margin-top:8px}.button{background:var(--gold);color:var(--ink);font-weight:600;width:100%;margin-top:16px}.fineprint{font-size:12px;color:var(--muted);margin-top:24px}.hero{padding:90px 0 58px;max-width:780px}.hero h1{font-size:clamp(64px,10vw,140px);color:var(--ivory);margin:20px 0}.hero .lede{font-size:22px;color:var(--muted);letter-spacing:.04em}.destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.destination{min-height:210px;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(66,22,36,.72),rgba(17,26,46,.62));display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.destination:hover{border-color:var(--gold);transform:translateY(-3px)}.destination h3{font-size:28px}.destination span{font-family:'DM Mono';font-size:10px;color:var(--gold);letter-spacing:.15em}.section-head{padding:58px 0 30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h1{font-size:clamp(48px,8vw,100px);margin-top:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:#10121a;padding:18px}.portrait,.art{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:saturate(.8)}.card h3{font-size:24px;margin:16px 0}.audio-row{display:flex;align-items:center;gap:12px}.play{width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);cursor:pointer}.player{width:100%}.video-thumb{aspect-ratio:16/10;object-fit:cover;width:100%;display:block;cursor:pointer}.meta{color:var(--muted);font-size:13px}.reader{background:#17130f;border:1px solid var(--line);padding:12px;min-height:62vh;display:grid;place-items:center}.reader img{max-width:100%;max-height:66vh;object-fit:contain}.reader-controls{display:flex;justify-content:center;gap:16px;align-items:center;padding:16px;font-family:'DM Mono';font-size:12px}.modal{position:fixed;inset:0;background:rgba(3,4,7,.92);z-index:10;display:grid;place-items:center;padding:25px}.modal video{max-width: min(1000px,95vw);max-height:85vh}.close{position:absolute;right:22px;top:20px}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.metric{padding:18px;border:1px solid var(--line);background:#10121a}.metric b{display:block;font-size:32px;color:var(--gold);margin-top:8px}.table{width:100%;border-collapse:collapse;margin-top:24px}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--gold);font-family:'DM Mono';font-size:10px;text-transform:uppercase;letter-spacing:.12em}.footer{padding:80px 0 25px;color:var(--muted);font-size:16px}.footer strong{display:block;color:var(--gold);font-size:30px;margin-bottom:8px}@media(max-width:800px){.destinations,.cards{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.hero{padding-top:58px}}@media(max-width:480px){.app-shell{padding:20px}.topbar{align-items:flex-start}.destinations,.cards{grid-template-columns:1fr}.destination{min-height:150px}.metrics{grid-template-columns:repeat(2,1fr)}.metric b{font-size:25px}.section-head{display:block}.section-head .navlink{padding-left:0}.hero h1{font-size:62px}.login-card{padding-top:15px}}
:root{--spread-gap:8px}.page-view{display:flex;justify-content:center;gap:var(--spread-gap);width:100%;height:66vh}.spread-page{display:block}.spread-page.is-visible{display:block}@media(max-width:480px){.page-view{height:auto}.spread-page{display:none!important}.reader-controls{flex-wrap:wrap}}
:root{--spread-gap:8px}.login-screen{background:linear-gradient(90deg,rgba(8,9,12,.7),rgba(8,9,12,.42)),url('/background_yinka.png') center/cover no-repeat}.login-screen:before{display:none}.login-card{width:min(980px,100%);padding:44px 0}.login-card h1{font-size:clamp(38px,5vw,68px);line-height:.98;margin:0 0 42px;letter-spacing:-.02em}.login-card form{display:flex;align-items:end;gap:14px}.login-card .field{display:block;flex:1;color:var(--ivory);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0}.login-card .field input{background:rgba(8,9,12,.34);border-color:rgba(242,234,219,.48)}.login-card .button{width:160px;margin:0;padding:15px 17px}.page-view{display:flex;justify-content:center;gap:var(--spread-gap);width:100%;height:66vh}.spread-page{display:block}@media(max-width:700px){.login-card h1{font-size:clamp(38px,10vw,56px);margin-bottom:30px}.login-card form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-card .button{grid-column:1/-1;width:100%}}@media(max-width:480px){.page-view{height:auto}.spread-page{display:none!important}}
:root{--spread-gap:8px}.login-card{width:min(760px,100%)}
:root{--content-max:1180px}.app-shell{background:linear-gradient(90deg,rgba(8,9,12,.82),rgba(8,9,12,.58)),url('/background_yinka.png') center/cover fixed no-repeat}.app-shell:before{display:none}.topbar,.content,.footer{width:min(var(--content-max),100%);margin-inline:auto}.topbar{position:sticky;top:0;background:rgba(8,9,12,.72);backdrop-filter:blur(14px);z-index:5;padding-top:18px}.site-nav{display:flex;align-items:center;gap:4px}.site-nav .navlink{display:flex;align-items:center;gap:7px}.nav-icon{font-size:17px;line-height:1;color:var(--gold)}.back-link{margin-left:auto}.logout-door{display:block;margin-top:22px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:22px;width:40px;height:40px;cursor:pointer}.footer{position:relative}.hero{padding-top:42px}.hero h1{font-size:clamp(48px,7vw,92px);white-space:nowrap}.destinations{margin-top:20px}.destination{min-height:180px}@media(max-width:700px){.site-nav{overflow-x:auto;white-space:nowrap}.site-nav .navlink{font-size:9px;padding:8px}.back-link{display:none}.hero h1{white-space:normal}.app-shell{background-attachment:scroll}}
:root{--content-max:1180px}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar .menu-logout{margin-left:auto}.topbar .site-nav{min-width:0}@media(max-width:700px){.topbar .menu-logout{margin-left:0}.topbar{flex-wrap:nowrap}.topbar .site-nav{flex:1}.topbar .menu-logout{flex:none}}
:root{--spread-gap:8px}.hero h1{font-size:clamp(44px,6vw,78px);white-space:nowrap}.section-icon{font-size:38px;color:var(--gold)}.card-action{font-family:'DM Mono';font-size:10px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.card-action b{font-size:16px}.destination h3{margin-top:18px}@media(max-width:700px){.hero h1{white-space:normal}}
:root{--spread-gap:8px}.site-nav{gap:10px}.site-nav .navlink{font-size:13px;padding:14px 16px;letter-spacing:.08em}.nav-icon{font-size:22px}.destination{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(66,22,36,.78),rgba(17,26,46,.78)),var(--card-image) center/cover no-repeat;min-height:220px;padding:24px}.destination>*{position:relative;z-index:1}.card-shade{position:absolute!important;inset:0;background:linear-gradient(180deg,rgba(8,9,12,.12),rgba(8,9,12,.82));z-index:0!important}.section-icon{font-size:28px}.destination h3{font-size:30px;margin-top:auto}.card-action{font-size:11px;margin-top:20px}@media(max-width:700px){.site-nav .navlink{font-size:11px;padding:11px 12px}.nav-icon{font-size:19px}.destination{min-height:190px}}
:root{--spread-gap:8px}.destination .section-icon{font-size:34px!important;line-height:1.1;color:var(--gold)}.destination .card-action{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;font-family:Georgia,serif;font-size:22px!important;line-height:1;color:var(--gold);margin-top:18px;cursor:pointer}.destination .card-action:hover{background:var(--gold);color:var(--ink)}.destination h3{margin-top:auto}.destination{justify-content:flex-end}
:root{--spread-gap:8px}.reader-head{width:min(1180px,100%);margin:28px auto 14px;display:flex;align-items:center;gap:10px;font-family:'DM Mono';font-size:12px;color:var(--ivory)}.reader-head .navlink{padding:0;color:var(--gold)}.reader-status{margin-left:10px;background:rgba(200,169,107,.16);padding:9px 12px}.reader-toggle{margin-left:auto;border:1px solid var(--line);display:flex}.view-toggle{border:0;background:transparent;color:var(--muted);padding:9px 12px;cursor:pointer;font-family:'DM Mono';font-size:11px}.view-toggle.active{background:var(--gold);color:var(--ink)}.reader-stage{display:flex;align-items:center;gap:16px}.reader-stage .reader{flex:1}.page-arrow{border:0;background:transparent;color:var(--gold);font-size:72px;line-height:1;cursor:pointer;width:48px}.page-arrow:hover{color:var(--ivory)}.reader.zoomed .page-view{transform:scale(1.18);transform-origin:center}.reader-controls{justify-content:center}.reader-controls .navlink{border:1px solid var(--line)}@media(max-width:700px){.reader-head{flex-wrap:wrap}.reader-status{order:3;margin-left:0}.reader-toggle{margin-left:0}.page-arrow{font-size:52px;width:28px}.reader-stage{gap:2px}}