/* Phase 3: CamioloProjects – premium visual layer, no external dependencies */
:root{--bg-dark:#08090d;--bg-card:#121318;--bg-elevated:#191a20;--gold:#caa34b;--gold-bright:#f6dc8c;--gold-dark:#80611c;--text:#f5f1e7;--text-muted:#c0b8a9;--line:rgba(202,163,75,.24)}
body{background:radial-gradient(circle at 86% 2%,#292114 0,transparent 31%),#08090d;color:var(--text);font-size:16px;line-height:1.7}
.wrap{max-width:1220px;padding-inline:28px}.topnav{background:rgba(8,9,13,.84);border-color:var(--line)}.topnav-inner{max-width:1220px;padding:12px 28px}.nav-logo{gap:12px}.nav-logo img{height:42px;width:42px;object-fit:contain;border-radius:50%;background:#fff9e7;padding:3px}.nav-wordmark{font-size:20px}.nav-links{gap:20px}.nav-links a{font-size:13px;letter-spacing:.02em}.nav-links a:last-child{border:1px solid var(--gold);border-radius:99px;padding:7px 13px;color:var(--gold-bright)}
.hero{min-height:650px;display:grid;place-items:center;padding:142px 0 108px;background:radial-gradient(ellipse at 50% 4%,rgba(202,163,75,.23),transparent 53%),linear-gradient(145deg,#12100d,#08090d 68%)}.hero .wrap{max-width:980px}.hero-logo{filter:drop-shadow(0 18px 35px rgba(202,163,75,.28))}.hero h1{font-size:clamp(48px,7vw,86px);max-width:900px;margin:auto}.hero p.lead{max-width:690px;font-size:clamp(18px,2.2vw,22px)}.btn{letter-spacing:.02em}.btn-gold{box-shadow:0 8px 25px rgba(202,163,75,.25)}
section,.sub-section{padding:104px 0}.eyebrow,.sub-eyebrow{font-size:11px;letter-spacing:.24em}.marken-grid{gap:18px;margin-top:34px}.marke,.book,.kontakt-block,.roadmap-item,.atlas-card{border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.14)}.marke{padding:30px;background:linear-gradient(150deg,#18191f,#101116);min-height:250px}.marke:hover{box-shadow:0 18px 38px rgba(202,163,75,.12)}.marke h3{font-size:27px}.marke p{font-size:15px}.marke-corpus{border-top-color:#87a976}.marke-buecher{border-top-color:#d39b36}.marke-kids{border-top-color:#a6a2e8}.marke-kailani{border-top-color:#e4a47d}.marke-tech{border-top-color:#51d7d5}
.corpus-section{background:linear-gradient(125deg,#f8f1df,#e9dfc9)}.corpus-section .card{box-shadow:0 8px 20px rgba(35,43,29,.08)}.corpus-intro{padding:28px;border:1px solid #d7c8a9;border-radius:20px;background:rgba(255,255,255,.48)}.corpus-photo img{box-shadow:0 20px 45px rgba(36,61,46,.24)}.corpus-section .marken-grid{margin-bottom:28px}
.books-grid{gap:20px}.book{padding:20px;background:linear-gradient(150deg,#1a1b21,#111216);overflow:hidden}.book-cover{box-shadow:0 12px 25px rgba(0,0,0,.33)}.book h3{font-size:21px}.book::after{content:"";position:absolute;inset:auto -25px -55px auto;width:150px;height:150px;background:radial-gradient(circle,rgba(202,163,75,.14),transparent 67%);pointer-events:none}.book{position:relative}.book-buy a.primary{background:var(--books-amber)}
.kids-section{background:linear-gradient(135deg,#26233a,#13131d)}.kailani-section{background:linear-gradient(135deg,#fff9ef,#f2e5d2)}.atlas-card{padding:38px;background:linear-gradient(135deg,#102329,#111318);border-color:#54cbc7}.atlas-card h3{font-size:clamp(25px,3vw,36px)}.roadmap-item{background:linear-gradient(145deg,#17181e,#101116)}.kontakt-block{background:linear-gradient(145deg,#17181e,#101116)}
.brand-label{width:86px;min-height:70px;display:grid;place-items:center;flex:0 0 86px;text-align:center;font-family:'Fraunces',Georgia,serif;font-size:14px;line-height:1.12;font-weight:600;letter-spacing:.02em}.brand-label-kids{color:#dddafe;border:1px solid #8f8acb;border-radius:14px}.brand-label-kailani{color:#8e583e;border:1px solid #cfa98e;border-radius:14px;background:#fffaf5}.brand-label-tech{color:#5bddda;border:1px solid #3ecfcf;border-radius:14px}
footer{background:#050609}.footer-bottom{color:#9d978d}@media(max-width:820px){.topnav-inner{padding:10px 20px}.nav-links a:last-child{border:0;border-radius:0;padding:14px 24px}.hero{min-height:auto;padding:108px 0 78px}section,.sub-section{padding:72px 0}.wrap{padding-inline:20px}}@media(max-width:520px){.nav-wordmark{font-size:17px}.nav-logo img{height:36px;width:36px}.hero h1{font-size:44px}.hero-cta .btn{width:100%;text-align:center}.marke{min-height:auto}.corpus-intro{padding:20px}}