/* ========================================================================== Samira Hauache — site institucional + blog Folha de estilo única (base + páginas), organizada por classe no ========================================================================== */ :root{ --bg-0:#001512; --bg-1:#00211c; --bg-2:#002b24; --card:#032a24; --card-edge:#0a3d34; --ink:#eaf7f2; --ink-dim:#9ec1b8; --ink-mute:#6f968d; --accent:#1fe1ad; --accent-2:#14b88c; --gold:#f0c168; --wa:#25d366; --ig:#e1306c; --radius:22px; --maxw:1080px; } *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent} html{scroll-behavior:smooth} html,body{min-height:100%} body{ font-family:'Inter',system-ui,-apple-system,sans-serif; color:var(--ink);background:var(--bg-0);line-height:1.6; -webkit-font-smoothing:antialiased;overflow-x:hidden; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} /* Ambient background */ .ambient{ position:fixed;inset:0;z-index:0;pointer-events:none; background: radial-gradient(60% 40% at 50% 0%, rgba(31,225,173,0.10), transparent 65%), radial-gradient(80% 50% at 50% 100%, rgba(20,184,140,0.08), transparent 70%), linear-gradient(180deg, #001210 0%, #00211c 45%, #001512 100%); } .ambient::after{ content:"";position:absolute;inset:0; background-image:radial-gradient(rgba(255,255,255,0.025) 1px, transparent 1px); background-size:3px 3px;mix-blend-mode:overlay;opacity:.6; } .butterfly{position:fixed;z-index:1;pointer-events:none;opacity:.14;filter:drop-shadow(0 0 18px rgba(240,193,104,.35));animation:drift 16s ease-in-out infinite} .butterfly.b1{top:12%;left:-30px;width:44px} .butterfly.b2{top:60%;right:-20px;width:34px;animation-delay:-6s;animation-duration:20s;opacity:.1} @keyframes drift{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(20px,-24px) rotate(8deg)}} .butterfly .wing{transform-origin:center;animation:flap 1.8s ease-in-out infinite} @keyframes flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.6)}} /* Layout */ .wrap{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 22px} .section{padding-top:64px;padding-bottom:64px} .section-sm{padding-top:40px;padding-bottom:40px} /* Nav */ .nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(0,17,14,.72);border-bottom:1px solid rgba(31,225,173,.1)} .nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px} .brand{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;letter-spacing:.5px;color:#f4ede0;line-height:1} .brand small{display:block;font-family:'Inter';font-size:9px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-top:2px} .nav-links{display:flex;align-items:center;gap:26px} .nav-links a{font-size:14px;color:var(--ink-dim);font-weight:500;transition:color .25s} .nav-links a:hover{color:var(--ink)} .nav-links a.active{color:var(--accent)} .nav-cta{padding:9px 18px;border-radius:999px;font-size:13px;font-weight:600;background:var(--accent);color:#002018!important;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 22px -10px rgba(31,225,173,.7)} .nav-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(31,225,173,.8)} .nav-toggle{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px} .nav-toggle svg{width:26px;height:26px} /* Buttons */ .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,color .3s;font-family:inherit} .btn svg{width:18px;height:18px} .btn-primary{background:var(--accent);color:#002018;box-shadow:0 12px 30px -12px rgba(31,225,173,.7)} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -14px rgba(31,225,173,.85)} .btn-ghost{background:rgba(31,225,173,.08);color:var(--accent);border-color:rgba(31,225,173,.3)} .btn-ghost:hover{background:rgba(31,225,173,.16);transform:translateY(-2px)} /* Type helpers */ .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)} .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)} .display{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.05;color:#f4ede0;letter-spacing:.3px} .h1{font-size:clamp(38px,6vw,64px)} .h2{font-size:clamp(30px,4.5vw,46px)} .h3{font-size:clamp(22px,3vw,30px)} .lead{font-size:clamp(16px,2vw,19px);color:var(--ink-dim);max-width:60ch} .muted{color:var(--ink-mute)} /* Reveal */ .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)} .reveal.in{opacity:1;transform:none} /* Footer */ .footer{position:relative;z-index:2;border-top:1px solid rgba(31,225,173,.1);padding:48px 22px;margin-top:40px} .footer-inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start} .footer .brand{font-size:24px} .footer-links{display:flex;flex-direction:column;gap:10px} .footer-links strong{color:var(--ink);font-size:13px;letter-spacing:.06em} .footer-links a{font-size:14px;color:var(--ink-dim);transition:color .2s} .footer-links a:hover{color:var(--accent)} .footer-social{display:flex;gap:12px;margin-top:4px} .footer-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(31,225,173,.2);color:var(--ink-dim);transition:all .25s} .footer-social a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)} .footer-social svg{width:18px;height:18px} .footer-copy{max-width:var(--maxw);margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);font-size:12px;color:var(--ink-mute);letter-spacing:.06em;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between} /* ---- Blog cards (shared home + blog) ---- */ .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px} .pcard{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge);border-radius:18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s} .pcard:hover{transform:translateY(-4px);border-color:rgba(31,225,173,.4);box-shadow:0 26px 50px -26px rgba(0,0,0,.9)} .pcard .thumb{aspect-ratio:16/10;overflow:hidden;position:relative;background:#011a16} .pcard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s} .pcard:hover .thumb img{transform:scale(1.05)} .pcard .tag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border:1px solid rgba(31,225,173,.25);padding:4px 10px;border-radius:999px} .pcard .body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1} .pcard .meta-row{font-size:11px;color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase} .pcard .body h3{font-family:'Cormorant Garamond',serif;font-size:23px;line-height:1.15;color:#f4ede0} .pcard .body p{font-size:13.5px;color:var(--ink-mute);flex:1} .pcard .more{font-size:13px;font-weight:600;color:var(--accent);display:inline-flex;gap:6px;align-items:center;margin-top:2px} .pcard .more svg{width:15px;height:15px;transition:transform .3s} .pcard:hover .more svg{transform:translateX(3px)} .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap} .section-head .display{margin-top:12px} /* ============ HOME ============ */ .home .hero{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;max-width:var(--maxw);margin:0 auto;padding:70px 22px 40px} .home .hero-copy .h1{margin:18px 0 20px} .home .hero-copy .h1 em{font-style:italic;color:var(--accent)} .home .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px} .home .hero-figure{position:relative;display:flex;justify-content:center} .home .hero-portrait{width:100%;max-width:360px;border-radius:26px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 1px rgba(31,225,173,.18);position:relative} .home .hero-portrait img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5} .home .hero-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,17,14,.6) 100%)} .home .hero-quote{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:88%;background:rgba(3,42,36,.9);backdrop-filter:blur(8px);border:1px solid var(--card-edge);border-radius:16px;padding:14px 18px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:var(--ink-dim);text-align:center;box-shadow:0 18px 40px -20px rgba(0,0,0,.9)} .home .strip{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;padding:26px 22px;border-top:1px solid rgba(31,225,173,.08);border-bottom:1px solid rgba(31,225,173,.08)} .home .strip .item{text-align:center;min-width:120px} .home .strip .num{font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--accent);line-height:1} .home .strip .lbl{font-size:12px;color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase;margin-top:6px} .home .about{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center} .home .about-img{border-radius:22px;overflow:hidden;box-shadow:0 26px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(31,225,173,.14)} .home .about-img img{width:100%;object-fit:cover;aspect-ratio:1/1} .home .about p{color:var(--ink-dim);margin-top:18px} .home .about p+p{margin-top:14px} .home .sig{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;color:#f4ede0;margin-top:22px} .home .book-feature{background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge);border-radius:var(--radius);padding:44px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)} .home .book-feature .cover{width:180px;border-radius:12px;box-shadow:0 24px 50px -18px rgba(0,0,0,.85);transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)} .home .book-feature:hover .cover{transform:rotate(-2deg) translateY(-4px)} .home .book-feature ul{list-style:none;margin:18px 0 26px;display:flex;flex-direction:column;gap:10px} .home .book-feature li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-dim);font-size:15px} .home .book-feature li svg{width:18px;height:18px;color:var(--accent);flex-shrink:0;margin-top:3px} .home .news{text-align:center;background:linear-gradient(180deg,#02231d,#001916);border:1px solid var(--card-edge);border-radius:var(--radius);padding:48px 26px} .home .news form{display:flex;gap:10px;max-width:440px;margin:24px auto 0;flex-wrap:wrap;justify-content:center} .home .news input{flex:1;min-width:200px;padding:14px 18px;border-radius:999px;background:rgba(0,0,0,.3);border:1px solid var(--card-edge);color:var(--ink);font-size:15px;font-family:inherit} .home .news input:focus{outline:none;border-color:var(--accent)} /* ---- contraste entre seções (faixas) ---- */ .home .band{position:relative;z-index:2} .home section[id]{scroll-margin-top:84px} .home .band-soft{background:#02201b;border-top:1px solid rgba(31,225,173,.09);border-bottom:1px solid rgba(31,225,173,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 0 22px 40px -40px rgba(31,225,173,.25)} /* ---- escolha Brasil / EUA ---- */ .home .geo{margin-top:40px} .home .geo-q{text-align:center;font-family:'Cormorant Garamond',serif;font-size:clamp(24px,4vw,32px);color:#f4ede0;line-height:1.2} .home .geo-q .eyebrow{font-family:'Inter';margin-bottom:12px} .home .geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px} .home .geo-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:20px;overflow:hidden; background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge); transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s} .home .geo-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;opacity:.9} .home .geo-card.br::before{background:linear-gradient(90deg,#009c3b,#ffdf00 60%,#009c3b)} .home .geo-card.us::before{background:linear-gradient(90deg,#b22234,#ffffff 50%,#3c3b6e)} .home .geo-card:hover{transform:translateY(-5px);border-color:rgba(31,225,173,.45);box-shadow:0 26px 50px -26px rgba(0,0,0,.9)} .home .geo-card.br:hover{border-color:rgba(255,223,0,.5)} .home .geo-card.us:hover{border-color:rgba(60,59,110,.7)} .home .geo-cur{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold);background:rgba(240,193,104,.1);border:1px solid rgba(240,193,104,.3);padding:4px 10px;border-radius:999px} .home .geo-flag{font-size:44px;line-height:1} .home .geo-card h3{font-family:'Cormorant Garamond',serif;font-size:26px;color:#f4ede0;margin-top:4px} .home .geo-card p{font-size:14px;color:var(--ink-mute);flex:1} .home .geo-go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:15px;font-weight:700;color:var(--accent)} .home .geo-go svg{width:18px;height:18px;transition:transform .3s} .home .geo-card:hover .geo-go svg{transform:translateX(4px)} /* ---- Instagram ---- */ .home .ig-embed{margin-top:30px} .home .ig-frame{max-width:765px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid var(--card-edge);background:var(--card);box-shadow:0 20px 44px -28px rgba(0,0,0,.9)} .home .ig-frame iframe{width:100%;display:block} .home .ig-fallback{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center; background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px dashed var(--card-edge);border-radius:20px;padding:44px 24px} .home .ig-fallback .ig-ico{font-size:40px} .home .ig-fallback p{color:var(--ink-dim);font-size:15px} /* ============ BLOG ============ */ .blog .page-head{text-align:center;padding:60px 22px 20px;position:relative;z-index:2} .blog .page-head .display{margin:14px 0} .blog .page-head .lead{margin:0 auto} .blog .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px} .blog .chip{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;background:rgba(31,225,173,.06);border:1px solid var(--card-edge);color:var(--ink-dim);transition:all .25s} .blog .chip:hover{color:var(--ink);border-color:rgba(31,225,173,.35)} .blog .chip.active{background:var(--accent);color:#002018;border-color:var(--accent);font-weight:600} .blog .pcard.feat{grid-column:1 / -1;flex-direction:row} .blog .pcard.feat .thumb{width:46%;aspect-ratio:auto} .blog .pcard.feat .body{justify-content:center;padding:34px 40px} .blog .pcard.feat .body h3{font-size:32px} .blog .pcard.feat .body p{flex:none;font-size:15px} .blog .empty{text-align:center;color:var(--ink-mute);padding:60px 20px;font-size:16px} /* ---- agendamento: cards "Em breve" no blog ---- */ .blog .upcoming{margin-bottom:38px} .blog .upcoming-title{font-family:'Cormorant Garamond',serif;font-size:26px;color:var(--gold);text-align:center;margin-bottom:6px} .pcard.soon{border-color:rgba(240,193,104,.35);border-style:dashed} .pcard.soon:hover{border-color:rgba(240,193,104,.7)} .pcard.soon .thumb img{filter:grayscale(.5) brightness(.7)} .pcard.soon .more{color:var(--gold)} .tag.soon-tag{color:#3a2a08;background:var(--gold);border-color:var(--gold);font-weight:800} /* ---- página de contagem regressiva ---- */ .soon-card{position:relative;z-index:2;max-width:600px;margin:0 auto;text-align:center; background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge); border-radius:24px;padding:44px 26px;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)} .soon-card .soon-cat{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:12px} .soon-card h1{margin:10px 0 8px} .soon-card .soon-sub{color:var(--ink-dim);font-size:15px} .countdown{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:28px 0 22px} .cd-box{min-width:74px;padding:14px 10px;border-radius:16px;background:rgba(0,0,0,.3);border:1px solid rgba(240,193,104,.25)} .cd-box b{display:block;font-family:'Cormorant Garamond',serif;font-size:38px;line-height:1;color:var(--gold)} .cd-box span{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin-top:6px} .soon-card .soon-date{font-size:14px;color:var(--ink-dim);margin-bottom:22px} /* ---- aviso de pré-visualização (só a autora vê) ---- */ .preview-flag{margin:20px 0 0;padding:14px 18px;border-radius:14px;font-size:14px;color:#f6e6c2; background:rgba(240,193,104,.12);border:1px solid rgba(240,193,104,.4);text-align:center} /* ============ POST ============ */ .post .article{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 22px} .post .backlink{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-dim);margin:26px 0;transition:color .2s} .post .backlink:hover{color:var(--accent)} .post .backlink svg{width:16px;height:16px} .post .post-hero{padding:20px 0 8px;text-align:center} .post .post-hero .kicker{font-size:12px;color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;margin-top:16px} .post .post-hero .display{margin:14px 0 6px} .post .post-cover{border-radius:22px;overflow:hidden;margin:28px 0 8px;box-shadow:0 30px 70px -34px rgba(0,0,0,.9),0 0 0 1px rgba(31,225,173,.14)} .post .post-cover img{width:100%;aspect-ratio:16/9;object-fit:cover} .post .prose{font-size:18px;color:var(--ink-dim);padding:14px 0 8px} .post .prose p{margin:0 0 22px} .post .prose h2{font-family:'Cormorant Garamond',serif;font-size:30px;color:#f4ede0;margin:38px 0 14px;line-height:1.15} .post .prose h3{font-family:'Cormorant Garamond',serif;font-size:24px;color:#f4ede0;margin:28px 0 12px} .post .prose ul,.post .prose ol{margin:0 0 22px 22px} .post .prose li{margin-bottom:8px} .post .prose blockquote{margin:30px 0;padding:18px 26px;border-left:3px solid var(--accent);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;color:#f4ede0;background:rgba(31,225,173,.05);border-radius:0 14px 14px 0} .post .prose strong,.post .prose b{color:var(--ink)} .post .prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px} .post .prose img{border-radius:14px;margin:22px 0} .post .share{margin:34px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:center;background:rgba(3,42,36,.85);border:1px solid var(--card-edge);border-radius:999px;padding:12px 18px;box-shadow:0 20px 50px -24px rgba(0,0,0,.9)} .post .share-top{margin:20px auto 6px;padding:8px 14px;box-shadow:none;background:rgba(3,42,36,.5);gap:8px} .post .share-top .label{font-size:12px} .post .share-top .share-btn{padding:8px 13px;font-size:12.5px} .post .views{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .post .views svg{width:15px;height:15px;opacity:.85;vertical-align:-2px} .post .share .label{font-size:13px;font-weight:600;color:var(--ink-dim);margin-right:2px} .post .share-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:600;border:1px solid transparent;transition:transform .25s,box-shadow .25s,background .25s,color .25s;font-family:inherit} .post .share-btn svg{width:17px;height:17px} .post .share-btn:hover{transform:translateY(-2px)} .post .share-wa{background:var(--wa);color:#04361d;box-shadow:0 10px 24px -12px rgba(37,211,102,.8)} .post .share-ig{background:linear-gradient(135deg,#f9ce34,#ee2a7b 45%,#6228d7);color:#fff;box-shadow:0 10px 24px -12px rgba(238,42,123,.7)} .post .share-copy{background:rgba(31,225,173,.1);color:var(--accent);border-color:rgba(31,225,173,.3)} .post .share-copy:hover{background:rgba(31,225,173,.18)} .post .book-cta{position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:44px 0 10px;padding:26px;overflow:hidden;background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge);border-radius:20px;box-shadow:0 24px 50px -30px rgba(0,0,0,.9)} .post .book-cta::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),var(--gold))} .post .book-cta-cover{width:104px;border-radius:10px;box-shadow:0 18px 40px -16px rgba(0,0,0,.85);transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)} .post .book-cta:hover .book-cta-cover{transform:rotate(-2deg) translateY(-3px)} .post .book-cta h2{font-family:'Cormorant Garamond',serif;font-size:26px;color:#f4ede0;margin:8px 0} .post .book-cta p{font-size:14px;color:var(--ink-mute);margin-bottom:16px} .post .related{margin:48px 0 10px} .post .related-title{font-family:'Cormorant Garamond',serif;font-size:28px;color:#f4ede0;text-align:center;margin-bottom:22px} .post .related .cards{margin-top:0} .post .video-block{margin:44px 0 10px} .post .video-title{font-family:'Cormorant Garamond',serif;font-size:26px;color:#f4ede0;text-align:center;margin-bottom:18px} .post .video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--card-edge);background:#000;box-shadow:0 24px 50px -26px rgba(0,0,0,.9)} .post .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .post .author{display:flex;gap:20px;align-items:center;margin:44px 0 10px;padding:24px;background:linear-gradient(180deg,var(--card) 0%, #02201b 100%);border:1px solid var(--card-edge);border-radius:18px} .post .author img{width:74px;height:74px;border-radius:50%;object-fit:cover;object-position:50% 30%;flex-shrink:0;box-shadow:0 0 0 1px rgba(31,225,173,.25)} .post .author .n{font-family:'Cormorant Garamond',serif;font-size:22px;color:#f4ede0} .post .author p{font-size:14px;color:var(--ink-mute);margin-top:4px} .toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--accent);color:#002018;font-size:14px;font-weight:600;padding:12px 22px;border-radius:999px;box-shadow:0 16px 40px -14px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:all .3s;z-index:40;text-align:center;max-width:90vw} .toast.show{opacity:1;transform:translateX(-50%) translateY(0)} /* ---- Mobile ---- */ @media (max-width:860px){ .cards{grid-template-columns:1fr} .home .hero{grid-template-columns:1fr;padding-top:48px;gap:40px} .home .hero-figure{order:-1} .home .about{grid-template-columns:1fr;gap:32px} .home .book-feature{grid-template-columns:1fr;text-align:center;padding:34px 24px} .home .book-feature .cover{margin:0 auto} .home .book-feature li{text-align:left} .home .geo-grid{grid-template-columns:1fr} .post .book-cta{grid-template-columns:1fr;text-align:center} .post .book-cta-cover{margin:0 auto} .post .book-cta .eyebrow{justify-content:center} .blog .pcard.feat{flex-direction:column} .blog .pcard.feat .thumb{width:100%;aspect-ratio:16/10} .blog .pcard.feat .body{padding:22px} .blog .pcard.feat .body h3{font-size:26px} } @media (max-width:760px){ .nav-toggle{display:block} .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(0,20,16,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,225,173,.14);max-height:0;overflow:hidden;transition:max-height .35s ease} .nav-links.open{max-height:360px} .nav-links a{padding:16px 22px;border-top:1px solid rgba(255,255,255,.04)} .nav-links .nav-cta{margin:14px 22px;text-align:center;justify-content:center} } @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}