@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#17253b;--muted:#607083;--cream:#fffaf2;--blue:#5aa6d3;--orange:#fa7926;--green:#72934e;--red:#d71c42;--line:#e8e7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;font-family:Heebo,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{max-width:1190px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 24px}.brand img{width:225px;height:auto}.links{display:flex;gap:26px;align-items:center;font-weight:700;font-size:14px}.links a:hover{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:999px;font-weight:800;background:var(--orange);color:white;box-shadow:0 8px 22px #fa792633;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:white;color:var(--ink);border:1px solid #dcdedc;box-shadow:none}.btn.blue{background:#317ca7}.nav .btn{padding:10px 18px;font-size:13px}.wrap{max-width:1160px;margin:auto;padding:0 24px}.hero{background:radial-gradient(circle at 12% 20%,#ffe9d5 0,transparent 33%),linear-gradient(140deg,#fffaf2,#f2f9fd);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:620px;padding-top:65px;padding-bottom:70px}.eyebrow{font-weight:800;color:#c35b1e;letter-spacing:.02em;font-size:14px}h1{font-size:clamp(38px,5vw,66px);line-height:1.16;letter-spacing:-.045em;margin:16px 0 20px;font-weight:900}h2{font-size:clamp(30px,3.4vw,45px);line-height:1.24;letter-spacing:-.035em;margin:8px 0 16px;font-weight:900}h3{font-size:24px;margin:0 0 10px}p{line-height:1.85;color:#435268;font-size:17px}.lead{font-size:19px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-art{position:relative;min-height:470px}.hero-art img{position:absolute;object-fit:cover;border-radius:24px;box-shadow:0 24px 50px #1c34422b}.hero-art .a{width:60%;height:405px;right:0;top:15px}.hero-art .b{width:43%;height:320px;left:0;bottom:0;border:7px solid white}.blob{position:absolute;border-radius:50%;background:#f9ca73;width:170px;height:170px;left:15%;top:0;opacity:.55}.section{padding:90px 0}.section.soft{background:#f8fbfd}.section.cream{background:var(--cream)}.section-heading{text-align:center;max-width:780px;margin:0 auto 44px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:white;box-shadow:0 12px 30px #1b29420b}.card img{width:100%;height:245px;object-fit:cover}.card .inside{padding:25px}.card p{font-size:15px}.text-link{color:#2476a3;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo{width:100%;max-height:520px;object-fit:cover;border-radius:26px;box-shadow:0 20px 55px #1b29421b}.portrait{max-height:520px;object-position:center 35%}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.chip{border:1px solid #d9e5e7;border-radius:40px;padding:7px 15px;background:#fff;font-size:13px;font-weight:700}.callout{background:var(--ink);color:#fff;border-radius:28px;padding:55px;text-align:center}.callout h2,.callout p{color:#fff}.footer{background:#18263a;color:#fff;padding:45px 0}.footer .flex{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.footer p{color:#cad4df;font-size:14px}.footer img{width:200px;background:white;padding:8px;border-radius:8px}.note{font-size:12px;color:#798597}.book-hero{background:linear-gradient(135deg,#e8f8fd,#fffaf0)}.book-hero .hero-grid{min-height:610px}.book-cover{width:300px;max-height:480px;object-fit:contain;margin:auto;box-shadow:20px 25px 35px #0e476333;transform:rotate(-4deg);border-radius:4px}.book-stage{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.book-stage:nth-child(even) .stage-image{order:2}.stage-image{background:#eaf7fa;border-radius:25px;padding:15px}.stage-image img{width:100%;height:350px;object-fit:contain;border-radius:12px}.stage-number{font-size:13px;font-weight:800;color:#b65b24}.story-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.story-strip img{height:220px;width:100%;object-fit:cover;border-radius:14px}.mobile-menu{display:none}.disclaimer{background:#fff4db;padding:12px 20px;font-size:13px;color:#745122;text-align:center}@media(max-width:760px){.nav{padding:12px 17px}.brand img{width:190px}.links{display:none}.nav .btn{font-size:12px;padding:9px 12px}.hero-grid,.split,.book-stage{grid-template-columns:1fr;gap:30px}.hero-grid{padding-top:45px;min-height:unset}.hero-art{min-height:350px}.hero-art .a{height:310px}.hero-art .b{height:245px}.cards{grid-template-columns:1fr}.section{padding:58px 0}.book-stage{padding:45px 0}.book-stage:nth-child(even) .stage-image{order:0}.stage-image img{height:250px}.story-strip{grid-template-columns:repeat(2,1fr)}.callout{padding:35px 18px}.lead{font-size:17px}h1{font-size:39px}.book-cover{width:240px}.footer .flex{display:block}.photo{max-height:400px}}
/* Version 2 refinements */
.portrait{object-fit:contain!important;object-position:center center!important;background:#151515;max-height:560px}
.book-quote{border-right:4px solid #ee8b3e;padding:12px 20px;margin-top:22px;background:#fff8ef;border-radius:10px;line-height:1.95;color:#23334b}
.book-quote small{display:block;color:#8a6d55;margin-top:8px;font-size:12px}
.story-wide{width:100%;border-radius:22px;display:block;box-shadow:0 15px 38px #14294222}
@media(max-width:760px){.portrait{max-height:none}.book-quote{padding:12px}}


/* Version 3: illustrated book pages with depth */
.stage-image{position:relative;background:linear-gradient(145deg,#e9f9fd 0%,#d8eff7 100%);border:1px solid #d0e9f0;border-radius:28px;padding:22px;box-shadow:inset 0 1px 0 #ffffffaa,0 15px 35px #14516b10}
.stage-image img{display:block;background:#fff;box-shadow:0 16px 30px #153c5340,0 3px 8px #153c5320;border:5px solid #fff;border-radius:13px;transition:transform .3s ease,box-shadow .3s ease}
.stage-image:hover img{transform:translateY(-5px);box-shadow:0 23px 42px #153c5340,0 5px 10px #153c5320}
.book-quote .quote-text{display:block}
.words-hero{background:linear-gradient(125deg,#fff6e8 0%,#f3fafb 58%,#e7f6fa 100%);padding:70px 0 80px}
.words-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
.words-hero h1{margin:12px 0 20px}
.words-tagline{font-size:clamp(23px,3vw,39px);line-height:1.38;color:#25384e;margin:0 0 24px}
.words-hero-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:60% center;border-radius:30px;box-shadow:0 25px 55px #183d4d35}
.word-circle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:58px 0;border-bottom:1px solid var(--line)}
.word-circle:nth-child(even) .word-circle-image{order:2}
.word-circle-image img{width:100%;height:350px;object-fit:cover;border-radius:24px;box-shadow:0 16px 35px #172f4322}
.word-circle:nth-child(2) .word-circle-image img{object-position:center 25%}
.words-keyline{font-size:20px;font-weight:800;color:#2476a3;margin-top:22px}
.words-story .photo{max-height:500px;object-fit:cover;object-position:center 25%}
.words-feature-grid,.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.words-feature,.audience-card{background:#fff;border:1px solid #e1eaec;border-radius:22px;padding:30px;box-shadow:0 9px 30px #1d354b0b}
.words-feature span{font-size:13px;font-weight:800;color:#cb7838}
.words-feature h3,.audience-card h3{font-size:23px;margin:12px 0}
.audience-grid{grid-template-columns:repeat(2,1fr)}
.audience-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.audience-card p{flex:1}
.words-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}
.words-facts>div{background:#f0f8fa;border-radius:22px;padding:30px 18px;display:flex;flex-direction:column;gap:8px}
.words-facts strong{font-size:29px;color:#18364a}
.words-facts span{color:#617084;font-size:14px}
@media(max-width:760px){.words-hero{padding:45px 0}.words-hero-grid,.word-circle{grid-template-columns:1fr;gap:24px}.word-circle{padding:38px 0}.word-circle:nth-child(even) .word-circle-image{order:0}.word-circle-image img{height:260px}.words-feature-grid,.audience-grid{grid-template-columns:1fr}.words-facts{grid-template-columns:1fr}.words-hero-image img{aspect-ratio:5/4}.stage-image{padding:12px}.stage-image img{height:260px}}

/* Version 4: portrait-led homepage hero */
.hero-portrait-art{display:flex;align-items:center;justify-content:center;min-height:510px;padding:12px 16px}
.hero-portrait-art .blob{width:245px;height:245px;left:0;top:3%;background:#ffd18d;opacity:.65}
.hero-portrait-frame{position:relative;z-index:1;width:min(100%,430px);border:9px solid #fff;border-radius:30px;overflow:hidden;background:#111;box-shadow:0 28px 60px #1c344235;transform:rotate(-2deg)}
.hero-portrait-frame img{display:block;position:static;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:0;box-shadow:none}
#contact{scroll-margin-top:90px}
@media(max-width:760px){.hero-portrait-art{min-height:unset;padding:8px 12px 18px}.hero-portrait-frame{width:min(100%,370px)}.hero-portrait-frame img{max-height:none}}
