/*
Theme Name: Living Leadership Book
Theme URI: https://samodro.com
Author: Samodro
Description: Premium one-page project brief for a living online leadership book and knowledge ecosystem.
Version: 1.0.0
Text Domain: living-leadership
*/

:root{
  --ink:#17231f; --ink-2:#23352e; --paper:#f5f1e8; --paper-2:#ebe4d7;
  --gold:#aa854b; --gold-soft:#d7bd8f; --blue:#778ea2; --white:#fffdf8;
  --muted:#66716c; --line:rgba(23,35,31,.14); --shadow:0 28px 70px rgba(22,34,29,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;font-weight:750;color:var(--gold)}h1,h2,h3,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3.2rem,7vw,7.3rem);letter-spacing:-.055em;margin:.25em 0 .22em}h2{font-size:clamp(2.4rem,5vw,4.8rem);letter-spacing:-.04em;margin:.15em 0 .35em}h3{font-size:1.55rem;margin:.25em 0 .45em}p{margin:0 0 1.2em}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);color:#46564f;max-width:720px}.nav{position:absolute;z-index:9;top:0;left:0;right:0;padding:24px 0;color:#fff}.nav .wrap{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Georgia,serif;letter-spacing:.12em;font-size:.9rem}.nav-links{display:flex;gap:26px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.hero{min-height:100vh;color:#fff;background:linear-gradient(100deg,rgba(10,24,20,.97) 0%,rgba(18,40,32,.91) 51%,rgba(16,31,28,.72) 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:130px 0 80px}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 83% 41%,rgba(215,189,143,.22),transparent 34%),linear-gradient(90deg,transparent 67%,rgba(0,0,0,.13));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative;z-index:2}.hero h1 span{display:block;color:var(--gold-soft);font-style:italic}.hero .lead{color:#d4ddd8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 21px;border:1px solid var(--gold-soft);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;transition:.25s}.btn.primary{background:var(--gold-soft);color:var(--ink)}.btn:hover{transform:translateY(-2px)}.micro{margin-top:28px;font-size:.78rem;color:#aebbb5;letter-spacing:.04em}.visual-stage{min-height:620px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:500px;height:500px;border:1px solid rgba(215,189,143,.25);border-radius:50%;box-shadow:0 0 0 55px rgba(215,189,143,.025),0 0 0 110px rgba(215,189,143,.018)}.book-scene{position:relative;width:375px;height:520px;filter:drop-shadow(0 35px 40px rgba(0,0,0,.42));transform:rotateY(-12deg) rotateX(3deg)}.book{position:absolute;inset:20px 25px 30px 22px;background:#f9f8f3;border-radius:4px 13px 13px 4px;box-shadow:inset -18px 0 25px rgba(10,28,22,.08),-10px 16px 0 #c8c3b8,-16px 22px 28px rgba(0,0,0,.25);padding:48px 34px 36px;color:#101b18;text-align:center;border-left:7px solid #6e879b}.book:after{content:"";position:absolute;inset:16px;border:1px solid rgba(110,135,155,.45);pointer-events:none}.ornament{width:78px;height:35px;margin:0 auto 32px;opacity:.75}.book-title{font-family:Georgia,serif;font-size:2.08rem;line-height:1.08;font-weight:700}.book-rule{height:1px;background:#7890a4;margin:24px 0}.book-sub{font-size:.72rem;line-height:1.45;font-weight:700}.book-authors{position:absolute;left:30px;right:30px;bottom:35px;color:#6e879b;font-size:.67rem;font-weight:800}.device{position:absolute;background:#101a17;border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);overflow:hidden}.device.phone{width:130px;height:260px;border-radius:22px;right:-15px;bottom:-8px;transform:rotate(6deg);padding:9px}.device.tablet{width:230px;height:160px;border-radius:13px;left:-90px;bottom:5px;transform:rotate(-6deg);padding:8px}.screen{height:100%;background:#f6f1e8;color:#1e3029;padding:15px;border-radius:inherit}.screen .bar{width:44%;height:5px;background:#b08b50;margin-bottom:15px}.screen .line{height:4px;background:#c9c9c0;margin:8px 0}.screen .video{height:55px;background:linear-gradient(135deg,#657d72,#253b32);display:grid;place-items:center;color:#fff;font-size:.55rem;letter-spacing:.09em}.scroll-note{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:.67rem;letter-spacing:.18em;text-transform:uppercase;color:#a9b5af;z-index:3}
.section{padding:115px 0}.section.alt{background:#eee8dd}.section.dark{background:var(--ink);color:#fff}.section.dark .lead{color:#bcc8c2}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.statement{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1.14;letter-spacing:-.035em}.statement em{color:var(--gold);font-style:italic}.fine{color:var(--muted);font-size:.98rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.card{padding:29px;border:1px solid var(--line);background:rgba(255,255,255,.36);min-height:235px}.card .num{color:var(--gold);font-size:.75rem;letter-spacing:.15em}.card p{color:#5e6b65;font-size:.92rem}.chapter-demo{margin-top:52px;display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.chapter-cover{background:var(--ink);color:#fff;padding:42px;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.chapter-cover:after{content:"08";position:absolute;right:-12px;bottom:-66px;font:260px/1 Georgia;color:rgba(255,255,255,.04)}.chapter-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature{background:var(--white);border:1px solid var(--line);padding:26px;min-height:150px}.feature small{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.journey{display:grid;grid-template-columns:repeat(6,1fr);margin-top:55px;border-top:1px solid rgba(255,255,255,.22)}.step{padding:28px 20px 0 0;position:relative}.step:before{content:"";position:absolute;width:10px;height:10px;background:var(--gold-soft);border-radius:50%;top:-5px}.step b{display:block;font-family:Georgia,serif;font-size:1.25rem;margin-bottom:8px}.step span{font-size:.82rem;color:#aebbb5}.network{height:540px;position:relative;margin-top:35px;background:radial-gradient(circle at center,rgba(170,133,75,.12),transparent 55%);border:1px solid rgba(255,255,255,.09);overflow:hidden}.network svg{position:absolute;inset:0;width:100%;height:100%}.node{position:absolute;padding:9px 13px;border:1px solid rgba(215,189,143,.55);background:#1d3028;border-radius:999px;font-size:.76rem;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.2)}.n1{left:45%;top:43%;font-size:1rem}.n2{left:16%;top:19%}.n3{right:13%;top:17%}.n4{left:9%;bottom:19%}.n5{right:9%;bottom:20%}.n6{left:35%;top:11%}.n7{left:34%;bottom:9%}.n8{right:30%;bottom:8%}.n9{right:31%;top:29%}.n10{left:24%;top:42%}.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.audience div{background:var(--paper);padding:30px 22px}.audience b{font-family:Georgia,serif;font-size:1.25rem}.roadmap{margin-top:55px}.phase{display:grid;grid-template-columns:120px 1fr 1.2fr;gap:30px;padding:28px 0;border-top:1px solid var(--line);align-items:start}.year{color:var(--gold);font-weight:800;letter-spacing:.12em}.phase h3{margin:0}.phase p{margin:0;color:var(--muted)}.cta{padding:90px 0;background:var(--gold-soft)}.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.cta h2{margin:0}.cta .btn{border-color:var(--ink);justify-content:center}.footer{background:#101c18;color:#aab6b0;padding:38px 0;font-size:.76rem}.footer .wrap{display:flex;justify-content:space-between;gap:25px}.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.on{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.hero{padding-top:110px}.hero-grid,.intro-grid,.chapter-demo,.cta-grid{grid-template-columns:1fr}.visual-stage{min-height:520px}.book-scene{transform:scale(.82);transform-origin:center}.cards{grid-template-columns:1fr 1fr}.journey{grid-template-columns:repeat(3,1fr);row-gap:35px}.audience{grid-template-columns:1fr 1fr}.phase{grid-template-columns:80px 1fr}.phase p{grid-column:2}.network{height:500px}.footer .wrap{flex-direction:column}}
@media(max-width:600px){.wrap{width:min(100% - 26px,1180px)}h1{font-size:3.35rem}.section{padding:82px 0}.hero{min-height:auto;padding-bottom:70px}.hero-grid{gap:20px}.visual-stage{min-height:430px}.book-scene{transform:scale(.67);height:510px}.cards,.chapter-panel,.audience{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.network{height:600px}.node{font-size:.65rem}.n1{left:31%;top:43%}.n2{left:4%;top:14%}.n3{right:4%;top:12%}.n4{left:3%;bottom:15%}.n5{right:4%;bottom:16%}.n6{left:28%;top:25%}.n7{left:25%;bottom:29%}.n8{right:20%;bottom:5%}.n9{right:10%;top:31%}.n10{left:6%;top:52%}.phase{grid-template-columns:1fr}.phase p{grid-column:auto}.footer .wrap{display:block}}
