/*
Theme Name: Olympus Leeft AI
Theme URI: https://olympusleeft.ai/
Author: Jo Vandemeulebroucke / Olympus leeft
Description: Tweede poort bij de roman De goden zijn niet vertrokken. Een onafhankelijk, responsief introductieportaal met originele, vooraf geschreven proefdialogen; geen live AI.
Version: 1.0.0
Text Domain: olympus-ai
*/
:root{--ink:#f4ead9;--dim:#bac4c3;--gold:#d7b47c;--gold2:#f0d49d;--line:rgba(231,199,149,.25);--dark:#091820;--green:#102d2d;--blue:#142335;--max:1160px;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--dark);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 46px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.20em;color:var(--gold2);text-transform:uppercase;font-weight:700}.serif{font-family:Georgia,Times,serif}.site-head{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(8,22,28,.96);backdrop-filter:blur(16px)}.headinner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.emblem{font:32px/1 Georgia,serif;color:var(--gold);border:1px solid var(--gold);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.brandcopy{display:flex;flex-direction:column;line-height:1.22}.brandcopy strong{font-size:13px;letter-spacing:.12em}.brandcopy span{font-size:10px;color:var(--gold);letter-spacing:.14em;margin-top:5px}.headnav{display:flex;align-items:center;gap:27px;font-size:12px}.headnav>a:last-child{border:1px solid var(--line);padding:10px 13px;border-radius:4px}.headnav a:hover{color:#f8d8a1}.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:5px;color:var(--ink);padding:8px 12px}
.hero{position:relative;background:radial-gradient(ellipse at 76% 10%,#22443a 0%,#112b2c 36%,#081720 76%);overflow:hidden}.hero:before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(transparent,rgba(218,175,114,.28),transparent)}.heroinner{display:grid;grid-template-columns:47% 53%;gap:35px;align-items:center;min-height:614px;padding-block:70px 65px}.hero h1{font:normal clamp(48px,5.35vw,84px)/1.02 Georgia,Times,serif;letter-spacing:-.045em;margin:18px 0 22px;max-width:580px}.hero h1 em{font-weight:400;color:var(--gold);font-style:italic}.lead{font:clamp(17px,1.45vw,21px)/1.65 Georgia,serif;color:#efe3cf;max-width:525px}.support{max-width:550px;font-size:14px;color:var(--dim);margin:16px 0 27px}.buttons{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;align-items:center;gap:14px;justify-content:center;background:var(--gold);color:#132522;font-size:13px;font-weight:700;padding:13px 19px;border:1px solid var(--gold);border-radius:5px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px);background:#efcf94;color:#132522}.button-quiet{background:transparent;color:var(--ink);border-color:rgba(232,216,179,.48)}.button-quiet:hover{background:rgba(221,187,133,.11);color:var(--ink)}.hero-media{position:relative;min-width:0}.hero-media figure{margin:0;position:relative}.hero-media img{width:100%;aspect-ratio:1.41;object-fit:cover;object-position:54% 50%;box-shadow:0 20px 80px #06151a;border:1px solid rgba(233,193,130,.44);border-radius:4px}.hero-media figure:before{content:'';position:absolute;inset:-19px 22px 20px -18px;border:1px solid rgba(217,177,116,.32);z-index:0;pointer-events:none}.hero-media figcaption{padding:15px 5px 0;color:var(--gold);font-family:Georgia,serif;font-size:15px;letter-spacing:.03em}.notelabel{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(227,190,125,.38);border-radius:100px;padding:6px 12px;color:#e3cda4;font-size:11px;margin-top:27px;background:rgba(22,44,46,.6)}
.divideline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#102629}.dividerinner{display:flex;justify-content:space-between;gap:20px;padding:16px 0;font-size:10px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.section{padding:95px 0}.section h2{font:normal clamp(38px,4.5vw,62px)/1.13 Georgia,serif;letter-spacing:-.025em;margin:14px 0 20px}.section-intro{max-width:750px;color:var(--dim);font-size:16px;line-height:1.85;margin:0 0 37px}.bronze{background:linear-gradient(130deg,#122331,#0a1c28 56%,#102b28)}.stage{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:start}.stage-choice{padding:26px;border:1px solid var(--line);background:rgba(8,23,30,.45);border-radius:8px}.hint{font-size:11px;letter-spacing:.13em;color:var(--gold);text-transform:uppercase;margin:0 0 14px}.question-options{display:grid;gap:11px}.question-btn{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:16px;color:#f2e9dd;background:#162d36;border:1px solid rgba(244,214,164,.2);border-radius:5px;padding:16px 18px;line-height:1.4;font-family:Georgia,serif;font-size:17px}.question-btn span{font-family:system-ui,sans-serif;color:var(--gold);font-size:14px}.question-btn:hover,.question-btn[aria-pressed="true"]{border-color:var(--gold);background:#213d3b}.stage-choice .fine{margin:23px 0 0;color:#aab5b8;font-size:12px;line-height:1.75}.answer-panel{border:1px solid rgba(219,180,120,.52);background:radial-gradient(ellipse at 40% 0%,rgba(124,93,51,.22),transparent 68%),#0f2528;min-height:405px;border-radius:8px;padding:32px;position:relative;overflow:hidden}.answer-panel:before{content:'Ω';position:absolute;right:-26px;bottom:-90px;font:normal 300px Georgia,serif;color:rgba(222,177,107,.055);pointer-events:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}.panel-head strong{font:normal 26px Georgia,serif;color:#f1d29f}.panel-head small{font-size:11px;color:var(--dim);letter-spacing:.08em}.gods{display:flex;gap:8px;flex-wrap:wrap;position:relative;margin:25px 0}.god-btn{background:transparent;border:1px solid rgba(207,183,145,.25);color:var(--dim);padding:9px 14px;border-radius:30px;font-size:13px}.god-btn[aria-selected="true"],.god-btn:hover{background:var(--gold);color:#1b2e2b;border-color:var(--gold)}.answer-question{font-size:14px;color:#e0c59a;position:relative;margin:5px 0 14px}.answer-text{font:normal clamp(20px,2.2vw,30px)/1.55 Georgia,serif;position:relative;min-height:138px;margin:0}.answer-foot{font-size:12px;color:#9faeaa;position:relative;margin:22px 0 0;border-top:1px solid var(--line);padding-top:14px}.progress{display:flex;gap:7px;margin:18px 0 0;align-items:center}.progress i{height:5px;width:37px;border-radius:9px;background:#48605a}.progress i.active{background:var(--gold)}
.features{background:#0b1b25}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{padding:29px;border:1px solid var(--line);background:#122831;border-radius:7px}.feature-index{color:var(--gold);font:normal 33px Georgia,serif}.feature h3{font:normal 24px Georgia,serif;margin:16px 0 10px}.feature p{color:var(--dim);margin:0;font-size:14px;line-height:1.78}.school{background:linear-gradient(100deg,#112a2c,#101e2b)}.school-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.step{border-top:1px solid var(--line);padding:18px 0;display:flex;gap:23px;align-items:baseline}.step>span{font:normal 26px Georgia,serif;color:var(--gold)}.step strong{font:normal 21px Georgia,serif}.step p{font-size:13px;color:var(--dim);margin:4px 0 0}.school-note{border:1px solid var(--line);padding:28px;border-radius:7px;background:rgba(4,17,23,.42)}.school-note h3{margin:0 0 13px;font:normal 26px Georgia,serif}.school-note p{font-size:14px;color:#c8d0cb;line-height:1.8}.school-note a{display:inline-block;color:var(--gold);margin-top:7px;font-size:13px}.bookband{background:radial-gradient(ellipse at top right,#214437,#0a1c25 63%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bookcontent{display:grid;grid-template-columns:2fr 1fr;gap:45px;align-items:center;padding-block:64px}.bookcontent h2{font:normal clamp(33px,3.5vw,52px) Georgia,serif;margin:12px 0}.bookcontent p{color:#d2cec3;line-height:1.8}.date{border:1px solid var(--line);padding:25px;align-self:center;text-align:center}.date>span{display:block;font-size:10px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}.date strong{display:block;font:normal 36px Georgia,serif;margin:10px 0}.date small{font-size:12px;color:var(--dim)}.footer{background:#071318}.footerinner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:35px 0 45px}.footer p{margin:0;color:#abb3b1;font-size:12px}.footer a{text-decoration:underline;text-underline-offset:4px;color:var(--gold)}
@media(max-width:950px){.headnav{gap:13px}.heroinner{grid-template-columns:1fr;padding-top:58px;gap:50px}.hero:before{display:none}.hero h1{max-width:740px}.hero-media img{aspect-ratio:2;object-fit:cover}.stage{grid-template-columns:1fr}.school-grid{gap:30px}.section{padding-block:75px}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 32px))}.headinner{min-height:68px}.emblem{width:38px;height:38px;font-size:26px}.brandcopy strong{font-size:11px}.brandcopy span{font-size:9px}.nav-toggle{display:block}.headnav{display:none;position:absolute;top:68px;left:0;right:0;background:#0a1c24;border-bottom:1px solid var(--line);padding:20px 19px;flex-direction:column;align-items:stretch;gap:5px}.headnav.open{display:flex}.headnav a{padding:8px 10px}.hero h1{font-size:clamp(44px,10vw,68px)}.heroinner{padding-block:50px 48px}.hero-media figure:before{display:none}.hero-media img{aspect-ratio:1.35}.dividerinner{flex-wrap:wrap;justify-content:center;gap:9px 26px;font-size:9px}.stage-choice,.answer-panel{padding:20px}.section{padding-block:62px}.cards,.school-grid,.bookcontent{grid-template-columns:1fr}.bookcontent{gap:20px}.date{justify-self:stretch}.feature h3{margin-top:8px}.answer-text{min-height:153px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}