/* ===== styles.css ===== */ /* BMF CLUB · Editorial visual system · First working preview */ :root{ --paper:#f7f5f0;--cream:#eee8df;--sand:#e7e1da;--gold:#bc9e7f; --gold-light:#d5c4b0;--ink:#242621;--muted:#686b62;--line:#dcd8cf; --dark-line:#4b4e43;--white:#fff;--serif:'Instrument Serif',Georgia,'Times New Roman',serif; --sans:'DM Sans',Arial,Helvetica,sans-serif;--ease:cubic-bezier(.2,.75,.3,1); } *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;line-height:1.07}h2{font-size:clamp(40px,4.4vw,66px)}h3{font-weight:500;line-height:1.35}em{font-weight:400}p+p{margin-top:18px}::selection{background:var(--gold-light);color:var(--ink)}:focus-visible{outline:2px solid #966e45;outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{border-radius:3px}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:calc(100% - 112px);max-width:1320px;margin:0 auto}.section{padding:112px 0}.eyebrow{font-size:11px;line-height:1.55;text-transform:uppercase;font-weight:600;letter-spacing:.17em;margin-bottom:23px}.eyebrow.light{color:var(--gold-light)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:15px 25px;border:1px solid transparent;border-radius:3px;font-size:13px;line-height:1.4;font-weight:550;letter-spacing:.01em;transition:background .22s,transform .22s,color .22s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#42463b}.button-gold{background:var(--gold-light);color:var(--ink)}.button-gold:hover{background:var(--sand)}.button .trailing{margin-left:15px;width:18px}.button .icon{width:19px;height:19px}.text-link{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding-bottom:6px;font-size:13px;font-weight:500;line-height:1.6}.text-link .icon{width:17px;height:17px}.text-link:hover .icon{transform:translate(2px,-2px)}.text-link .icon{transition:transform .2s}.full-width{width:100%}.skip-link{position:absolute;left:18px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 18px}.skip-link:focus{top:12px}.preview-bar{min-height:32px;background:var(--ink);color:#e7e1da;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.07em;padding:7px 18px;line-height:1.55}.preview-bar[hidden]{display:none}.preview-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0}.preview-divider{opacity:.4;margin:0 5px}.site-header{position:sticky;top:0;background:rgba(247,245,240,.97);z-index:30;border-bottom:1px solid var(--line);transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 5px 25px #2426210a}.header-inner{min-height:96px;display:flex;align-items:center;gap:32px}.brand{width:135px;flex-shrink:0}.brand img{width:135px;height:auto}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:12px;white-space:nowrap;color:#53574d;transition:color .2s}.desktop-nav a:hover{color:#9a7753}.header-cta{min-height:44px;padding:11px 18px;font-size:11px;margin-left:10px}.menu-toggle{border:0;background:none;display:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;width:23px;background:var(--ink);margin:7px auto;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{background:var(--paper);padding:12px 24px 26px;border-top:1px solid var(--line)}.mobile-nav[hidden]{display:none}.mobile-nav>a:not(.button){display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:15px}.mobile-nav>a span{color:var(--muted);font-size:11px}.mobile-nav>.button{margin-top:22px;width:100%} /* Hero */ .hero{padding:60px 0 0}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:75px;align-items:center}.hero-copy{padding:8px 0}.hero-copy .eyebrow{font-size:10px;margin-bottom:25px;display:flex;align-items:center;gap:10px}.small-symbol{color:#927451;font-size:20px;line-height:1}.hero h1{font-size:clamp(50px,5.05vw,76px);line-height:1.04;letter-spacing:-.04em}.hero h1 em{color:#79694f}.hero-description{font-size:15px;line-height:1.8;max-width:460px;margin-top:25px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:29px}.hero-actions .button{padding:16px 19px}.hero-actions .text-link{font-size:11px}.hero-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:22px}.hero-art{background:var(--ink);border-radius:190px 4px 4px 4px;min-height:585px;position:relative;overflow:hidden;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:35px 40px 26px}.art-header{display:flex;justify-content:space-between;gap:20px;padding-left:62px;font-size:9px;letter-spacing:.17em;color:var(--gold-light);z-index:2;position:relative}.art-edition{font-size:8px;text-transform:uppercase;letter-spacing:.12em;opacity:.65}.art-orbit{position:absolute;width:420px;height:420px;right:-65px;top:60px}.orbit{position:absolute;border:1px solid #d5c4b01a;border-radius:50%;inset:0}.orbit.two{inset:34px}.orbit.three{inset:68px}.art-symbol{width:235px;height:235px;position:absolute;left:92px;top:91px;opacity:.8}.art-caption{position:relative;z-index:2;margin-top:270px}.art-caption .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:15px}.art-caption p{font:400 clamp(40px,3.4vw,52px)/1.1 var(--serif);letter-spacing:-.025em}.art-caption em{color:var(--gold-light)}.art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid var(--dark-line);padding-top:16px;margin-top:28px;color:var(--gold-light)}.art-bottom .icon{width:17px}.hero-base{display:flex;justify-content:space-between;align-items:center;padding:36px 0 30px;margin-top:17px;font-size:12px}.hero-base>span{font-weight:500}.hero-base i{font:italic 18px var(--serif);color:#927451;margin:0 7px}.hero-base>a{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted)}.hero-base .icon{width:17px}.focus-band{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.focus-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.separator{font-size:21px;color:#9c8569} /* Editorial sections */ .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:110px;align-items:end;margin-bottom:55px}.section-heading h2 em{color:#81745f}.section-intro{font-size:15px;line-height:1.9;color:var(--muted);max-width:410px;padding-bottom:5px}.section-intro p+p{margin-top:16px}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.challenge-card{padding:29px 26px 26px;border:1px solid var(--line);border-left:0;display:flex;flex-direction:column;min-height:330px;transition:background .25s}.challenge-card:hover{background:var(--cream)}.card-number{font:italic 31px var(--serif);color:#9d8a70;margin-bottom:28px}.challenge-card h3{font-size:18px;letter-spacing:-.015em;line-height:1.45;margin-bottom:17px}.challenge-card p{font-size:13px;color:var(--muted);line-height:1.8}.card-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding-top:28px;margin-top:auto;color:#84745d}.ethical-note{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted);padding-top:28px;max-width:860px}.ethical-note>span{color:#a58e72;font-size:27px}.manifesto{background:var(--cream);padding:65px 0 70px}.manifesto-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:50px}.manifesto-grid>.eyebrow{padding-top:10px}.manifesto h2{font-size:clamp(39px,4.2vw,61px)}.manifesto h2 em{color:#82745c}.manifesto-bottom{margin-top:29px;display:flex;justify-content:space-between;gap:50px;align-items:center}.manifesto-bottom p{font-size:14px;color:var(--muted);max-width:525px;line-height:1.8}.circle-link{width:54px;height:54px;border:1px solid #b4a58f;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.circle-link:hover{background:var(--gold-light)}.dark-section{background:var(--ink);color:var(--paper)}.dark-section h2 em{color:var(--gold-light)}.dark-section .section-intro{color:#babeb3}.outline-tag{display:inline-block;border:1px solid #686b5b;color:var(--gold-light);padding:8px 12px;font-size:10px;letter-spacing:.03em;margin-top:25px}.competencies-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:90px}.pillar-list{border-top:1px solid var(--dark-line)}details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}.pillar{border-bottom:1px solid var(--dark-line)}.pillar summary{display:flex;align-items:center;gap:25px;padding:23px 0}.pillar-number{font:italic 22px var(--serif);color:var(--gold)}.pillar h3{font-size:18px;letter-spacing:-.01em}.plus{width:17px;height:17px;position:relative;flex-shrink:0;display:inline-block;margin-left:auto}.plus:before,.plus:after{content:'';position:absolute;background:currentColor;left:0;top:8px;width:17px;height:1px}.plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .plus:after{transform:rotate(0deg)}.pillar .plus{color:var(--gold-light)}.pillar-content{padding:0 28px 24px 47px}.pillar-content p{font-size:13px;line-height:1.85;color:#b9bdb1}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tags span{font-size:9px;border:1px solid var(--dark-line);padding:4px 9px;color:var(--gold-light)}.perspective-card{padding:34px;background:#30332b;border:1px solid var(--dark-line);display:flex;flex-direction:column;border-radius:2px;align-self:start;min-height:510px}.perspective-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:53px}.perspective-top img{width:88px;height:88px;opacity:.75}.perspective-top>span{font:400 17px/1.08 var(--serif);letter-spacing:.12em;color:var(--gold-light);text-align:right}.perspective-card>.eyebrow{font-size:9px}.perspective-statement{font:400 36px/1.15 var(--serif);letter-spacing:-.02em}.perspective-statement em{color:var(--gold-light)}.perspective-footer{margin-top:auto;padding-top:35px;display:flex;justify-content:space-between;align-items:center;color:#aeb1a4;font-size:11px}.perspective-footer .icon{color:var(--gold-light)}.section-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--dark-line);padding-top:33px;margin-top:50px}.section-cta>p{font-size:15px;color:var(--gold-light)}.fit-section{padding:87px 0;border-bottom:1px solid var(--line)}.fit-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:100px}.fit-grid h2{font-size:50px}.fit-grid h2 em{color:#81745f}.fit-intro{font-size:13px;color:var(--muted);margin-top:20px;max-width:340px}.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px}.fit-columns h3{font-size:14px;margin:0 0 25px}.plain-list{padding:0;margin:0;list-style:none}.plain-list li{display:flex;gap:11px;font-size:12px;line-height:1.6;margin:0 0 16px}.plain-list .icon{width:15px;height:15px;color:#8b7455;margin-top:3px}.not-column{padding-left:30px;border-left:1px solid var(--line);color:var(--muted)}.not-column li:before{content:'—';color:#a5a397;margin-right:2px} /* Mentors */ .mentors-section{padding-bottom:80px}.mentor-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mentor-card{background:#fffefa;border:1px solid var(--line)}.mentor-identity{padding:28px 34px;min-height:330px;background:#34382f;color:var(--paper);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.mentor-identity>img{position:absolute;right:-25px;top:70px;width:240px;height:240px;opacity:.18}.mentor-identity:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #c7b29626;right:-55px;top:40px;border-radius:50%;pointer-events:none}.mentor-role{font-size:10px;letter-spacing:.15em;text-transform:uppercase;position:relative;z-index:1;color:#cec2af}.mentor-role.bottom{font-size:8px;letter-spacing:.13em;color:#c3c5ba}.mentor-identity h3{font:400 54px/.99 var(--serif);letter-spacing:-.025em;position:relative;z-index:1;padding:25px 0}.mentor-identity h3 em{color:var(--gold-light)}.mentor-identity.jessica{background:#7c6b58}.jessica .mentor-role{color:#eee4d8}.jessica .mentor-role.bottom{color:#eee4d8}.jessica>img{opacity:.22}.jessica h3 em{color:#f1e4d3}.mentor-copy{padding:30px 34px}.mentor-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.mentor-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.mentor-links a{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:5px}.mentor-links .icon{width:14px;height:14px;margin-left:7px}.education-note{display:grid;grid-template-columns:1fr 2.2fr;gap:20px 45px;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}.education-note .eyebrow{font-size:9px}.education-note>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.education-note strong{font-weight:500;color:var(--ink)}.education-note small{grid-column:2;font-size:10px;color:#74776e;line-height:1.7}.story-section{background:var(--cream);padding:90px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.story-heading h2{font-size:57px;margin-bottom:28px}.story-heading h2 em{color:#81745f}.story-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:445px}.story-heading>.text-link{margin-top:25px;font-size:11px}.timeline{list-style:none;padding:0;margin:8px 0 0}.timeline li{display:flex;gap:27px;position:relative;padding-bottom:39px}.timeline li:not(:last-child):before{content:'';position:absolute;left:19px;top:47px;bottom:7px;border-left:1px solid #c6b9a7}.timeline-index{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid #c6b9a7;font:italic 18px var(--serif);color:#877459}.timeline .eyebrow{font-size:9px;margin-bottom:9px}.timeline h3{font:400 32px/1.2 var(--serif);margin-bottom:13px}.timeline p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.timeline li:last-child{padding-bottom:0} /* Media */ .podcast-section{background:var(--paper)}.podcast-heading{margin-bottom:40px}.podcast-heading .section-intro{max-width:420px}.podcast-layout{display:grid;grid-template-columns:minmax(0,2.05fr) 1fr;gap:38px;align-items:stretch}.video-frame{background:#272a24;position:relative;aspect-ratio:16/9;min-height:210px;overflow:hidden;border-radius:3px;color:var(--paper)}.video-cover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px;background:linear-gradient(115deg,#30342b,#1e211b)}.video-cover-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.17em;color:var(--gold-light)}.video-cover-top img{width:93px;height:auto;opacity:.9}.video-cover-body{position:relative;z-index:1;margin-top:20px}.video-cover-body>span{font-size:8px;letter-spacing:.18em;color:var(--gold-light);text-transform:uppercase}.video-cover-body>p{font:400 clamp(34px,3.3vw,48px)/1.04 var(--serif);letter-spacing:-.025em;margin-top:10px}.video-cover-body>p em{color:var(--gold-light)}.video-cover-art{position:absolute;right:-50px;top:22%;width:285px;height:285px;opacity:.09}.video-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;margin-top:22px}.video-cover-bottom>span{font-size:10px;color:#c8ccbf;line-height:1.7}.video-play{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--paper);font-size:11px;line-height:1.5;padding:0}.video-play-circle{width:46px;height:46px;border:1px solid #b9a58a;border-radius:50%;display:grid;place-items:center;transition:background .2s;flex-shrink:0}.video-play-circle .icon{width:17px;height:17px;fill:currentColor;stroke:none;margin-left:3px;color:var(--gold-light)}.video-play:hover .video-play-circle{background:#bc9e7f33}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-local-note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;gap:18px;background:var(--ink)}.video-local-note h3{font:400 33px var(--serif)}.video-local-note p{font-size:12px;line-height:1.8;max-width:420px;color:#d0d3c7}.video-local-note .button{min-height:46px;padding:12px 22px}.video-status{font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px;min-height:19px}.video-status a{border-bottom:1px solid}.podcast-themes{padding:28px 0 25px 26px;border-left:1px solid var(--line);display:flex;flex-direction:column}.podcast-themes>.eyebrow{margin-bottom:18px;font-size:9px}.podcast-themes ol{list-style:none;margin:0;padding:0}.podcast-themes li{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:13px}.podcast-themes li>span{font:italic 19px var(--serif);color:#958061}.podcast-themes>.text-link{align-self:flex-start;margin-top:auto;padding-top:25px;font-size:11px}.podcast-cta{border-top:1px solid var(--line);margin-top:30px;padding-top:28px;display:flex;gap:35px;justify-content:space-between;align-items:center}.podcast-cta p{font-size:15px;color:var(--muted)}.podcast-cta .button{font-size:12px;flex-shrink:0} /* Conversion and FAQ */ .conversation-section{border-top:1px solid var(--line);padding-top:100px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps-grid article{border-top:1px solid var(--line);padding-top:24px}.steps-grid article>span{font:italic 30px var(--serif);color:#a18a6a}.steps-grid h3{font-size:18px;margin:20px 0 13px}.steps-grid p{font-size:13px;color:var(--muted);line-height:1.85;max-width:300px}.conversation-cta{margin-top:42px;display:flex;align-items:center;gap:30px}.conversation-cta>span{font-size:10px;color:var(--muted);line-height:1.8}.faq-section{background:var(--cream);padding:95px 0}.faq-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:100px}.faq-heading h2{font-size:56px}.faq-heading h2 em{color:#81745f}.faq-heading>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:275px;margin-top:25px}.faq-heading>.text-link{margin-top:26px;font-size:12px}.faq-list{border-top:1px solid #cec6ba}.faq{border-bottom:1px solid #cec6ba}.faq summary{display:flex;align-items:center;gap:23px;padding:22px 0;font-size:13px;font-weight:500;line-height:1.65}.faq .plus{width:13px;height:13px}.faq .plus:before,.faq .plus:after{width:13px;top:6px}.faq>p{font-size:12px;color:var(--muted);line-height:1.9;padding:0 28px 24px 0}.closing-section{padding:94px 0;background:var(--ink);color:var(--paper);overflow:hidden}.closing-grid{display:grid;grid-template-columns:240px 1fr;gap:100px;align-items:center;max-width:1100px}.closing-grid>img{width:240px;height:240px;opacity:.62}.closing-grid h2{font-size:62px}.closing-grid h2 em{color:var(--gold-light)}.closing-grid>div>p:not(.eyebrow){font-size:14px;color:#b8bdaf;margin-top:23px;max-width:470px}.closing-grid .button{margin-top:30px}.site-footer{padding:64px 0 28px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px}.footer-brand img{width:190px;height:auto;margin-top:2px}.footer-top .eyebrow{font-size:9px;margin-bottom:17px}.footer-top>div>a{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-bottom:11px;width:fit-content}.footer-top>div>a:hover{color:#866748}.footer-top .icon{width:13px;height:13px}.footer-note{display:block;font-size:9px;color:#85877e;margin-top:12px;line-height:1.7}.footer-disclaimer{border-top:1px solid var(--line);padding-top:24px;margin-top:37px}.footer-disclaimer p{font-size:10px;color:#76796f;line-height:1.8;max-width:1000px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px;font-size:9px;color:#75786f}.legal-button{background:none;border:0;padding:5px 0;font-size:9px;color:inherit}.legal-button:hover{text-decoration:underline}.floating-contact{position:fixed;bottom:24px;right:24px;z-index:25;display:flex;align-items:center;gap:12px;border:1px solid #7b805f;background:var(--ink);color:var(--paper);padding:12px 17px;border-radius:30px;box-shadow:0 6px 20px #1c211522;font-size:11px;transition:transform .2s}.floating-contact:hover{transform:translateY(-3px)}.floating-contact .icon{width:21px;height:21px;color:var(--gold-light)}.floating-contact .floating-arrow{width:14px;height:14px;margin-left:5px}.floating-contact:focus-visible{outline:3px solid var(--gold);outline-offset:4px} /* Accessible overlays */ dialog{padding:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);width:min(580px,calc(100% - 32px));max-height:90dvh;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#181c16b0;backdrop-filter:blur(5px)}.dialog-content{padding:43px;position:relative}.dialog-close{position:absolute;top:15px;right:15px;width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0}.dialog-close:hover{background:var(--cream)}.dialog-content>img{width:52px;margin-bottom:20px}.dialog-content>.eyebrow{font-size:9px;margin-bottom:14px}.dialog-content h2{font-size:41px;margin-bottom:23px}.dialog-content h2 em{color:#81745f}.setup-notice{padding:15px 18px;background:var(--cream);border-left:2px solid var(--gold);font-size:12px;line-height:1.8;margin-bottom:20px}.setup-notice strong{font-weight:550}.setup-notice p{margin-top:5px;color:var(--muted)}.message-label{display:block;font-size:11px;margin-bottom:9px}.dialog-content textarea{width:100%;border:1px solid #cfc8bc;background:#fffefa;border-radius:2px;resize:vertical;font-size:12px;line-height:1.7;color:var(--muted);padding:12px;min-height:98px;display:block;margin-bottom:15px}.copy-status{font-size:11px;min-height:20px;color:var(--muted);margin-top:10px}.dialog-instagram{font-size:11px;margin-top:15px}.privacy-dialog .dialog-content>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85}.privacy-dialog .button{margin-top:26px}.noscript-note{background:var(--ink);color:var(--paper);font-size:12px;padding:14px 25px;text-align:center}.reveal.in-view{animation:arrive .55s var(--ease) both}@keyframes arrive{from{transform:translateY(16px)}to{transform:translateY(0)}} @media(min-width:1600px){.hero-art{min-height:625px}.hero h1{font-size:82px}.hero-grid{gap:100px}.art-caption{margin-top:300px}.art-orbit{right:-40px;top:90px}} @media(max-width:1200px){.container{width:calc(100% - 80px)}.header-inner{gap:20px}.desktop-nav{gap:19px}.hero-grid{gap:45px}.hero h1{font-size:62px}.hero-art{min-height:572px;padding-left:30px;padding-right:30px}.art-header{padding-left:55px}.art-edition{display:none}.section-heading{gap:65px}.challenge-card{padding:25px 20px}.challenge-card h3{font-size:16px}.competencies-grid{gap:55px}.perspective-card{padding:28px}.fit-grid{gap:55px}.fit-columns{gap:24px}.not-column{padding-left:23px}.story-grid{gap:70px}.faq-grid{gap:65px}.closing-grid{gap:70px}.podcast-layout{gap:25px}.video-cover{padding:24px}.video-cover-body>p{font-size:40px}.podcast-themes{padding-left:23px}} @media(max-width:1020px){.container{width:calc(100% - 56px)}.header-inner{min-height:84px}.brand,.brand img{width:120px}.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:block}.hero{padding-top:42px}.hero-grid{gap:35px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:54px}.hero-art{min-height:560px;padding:32px 26px 25px;border-top-left-radius:155px}.art-header{padding-left:55px}.art-orbit{right:-140px;top:45px}.art-caption p{font-size:43px}.art-caption{margin-top:250px}.hero-description{font-size:14px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.13em}.hero-actions{gap:18px}.hero-actions .button{font-size:12px}.hero-note{font-size:10px}.focus-inner{gap:16px;font-size:9px;letter-spacing:.11em}.focus-inner .separator{font-size:18px}.section{padding:85px 0}.section-heading{gap:50px}.section-heading h2{font-size:49px}.section-intro{font-size:13px}.challenge-grid{grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line)}.challenge-card{min-height:285px;border-bottom:0;padding:25px 27px}.challenge-card h3{font-size:19px}.manifesto-grid{grid-template-columns:1fr 2.7fr;gap:25px}.manifesto h2{font-size:46px}.manifesto .eyebrow{font-size:9px}.competencies-grid{gap:35px;grid-template-columns:1.35fr 1fr}.perspective-statement{font-size:29px}.perspective-card{min-height:475px;padding:25px}.perspective-top{margin-bottom:44px}.perspective-top img{width:73px;height:73px}.pillar h3{font-size:16px}.pillar summary{gap:17px}.pillar-content{padding-left:39px;padding-right:10px}.fit-grid{gap:35px;grid-template-columns:1fr 1.5fr}.fit-grid h2{font-size:42px}.fit-columns{gap:20px}.plain-list li{font-size:11px}.not-column{padding-left:18px}.mentor-identity{min-height:300px;padding:25px}.mentor-identity h3{font-size:48px}.mentor-copy{padding:25px}.mentor-links{gap:14px}.education-note{gap:15px 30px}.story-grid{gap:50px}.story-heading h2{font-size:47px}.timeline h3{font-size:29px}.podcast-layout{grid-template-columns:1.8fr 1fr;gap:26px}.video-cover-top img{width:78px}.video-cover-top>span{font-size:8px}.video-cover-body>p{font-size:34px}.video-cover-bottom>span{font-size:8px}.video-cover-bottom{gap:10px;margin-top:18px}.video-play{font-size:10px}.video-play-circle{width:38px;height:38px}.video-cover-art{width:210px;right:-70px;top:26%}.podcast-themes{padding:15px 0 10px 22px}.podcast-themes li{padding:10px 0;font-size:11px;gap:9px}.podcast-themes>.eyebrow{font-size:8px;margin-bottom:10px}.podcast-themes>.text-link{font-size:10px;padding-top:17px}.podcast-cta p{font-size:13px}.steps-grid{gap:28px}.steps-grid h3{font-size:16px}.faq-grid{gap:45px;grid-template-columns:1fr 1.4fr}.faq-heading h2{font-size:47px}.closing-grid{grid-template-columns:180px 1fr;gap:50px}.closing-grid>img{width:180px;height:180px}.closing-grid h2{font-size:48px}.footer-top{gap:28px;grid-template-columns:1.1fr 1fr 1fr 1.2fr}.footer-brand img{width:145px}.footer-top .eyebrow{font-size:8px}.footer-top>div>a{font-size:10px}.footer-bottom{padding-bottom:45px}} @media(max-width:760px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.preview-bar{font-size:8px;letter-spacing:.035em;padding:7px 12px;gap:5px;text-align:center}.preview-divider{margin:0 2px}.header-inner{min-height:77px;gap:14px}.brand,.brand img{width:107px}.header-cta{font-size:10px;min-height:38px;padding:10px 13px;gap:8px}.header-cta .icon{width:14px;height:14px}.menu-toggle{width:34px;padding:6px}.hero{padding-top:35px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:21px}.hero h1{font-size:clamp(52px,8.7vw,70px);line-height:1.03}.hero h1>br:first-of-type{display:none}.hero-description{font-size:14px;max-width:470px;margin-top:21px}.hero-actions{margin-top:23px;gap:18px}.hero-actions .button{font-size:12px;min-height:52px;padding:15px 18px}.hero-note{font-size:10px;margin-top:18px}.hero-art{min-height:420px;border-top-left-radius:125px;padding:25px 30px 23px}.art-header{padding-left:70px;font-size:8px}.art-edition{display:block;font-size:7px}.art-orbit{width:325px;height:325px;right:-25px;top:5px}.art-symbol{width:184px;height:184px;left:70px;top:70px}.orbit.two{inset:28px}.orbit.three{inset:56px}.art-caption{margin-top:163px}.art-caption p{font-size:43px}.art-caption .eyebrow{font-size:8px;margin-bottom:11px}.art-bottom{padding-top:13px;margin-top:22px;font-size:8px}.hero-base{margin-top:0;padding:25px 0 23px;font-size:11px}.hero-base>a{font-size:0;gap:0}.hero-base>a .icon{width:20px;height:20px}.focus-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:18px;padding-bottom:18px;font-size:9px;text-align:center}.focus-inner .separator{display:none}.focus-inner>span:not(.separator){padding:3px 0}.section{padding:66px 0}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:34px}.section-heading h2{font-size:44px}.eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:18px}.section-intro{font-size:13px;max-width:540px}.section-intro p+p{margin-top:12px}.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-card{padding:22px 17px;min-height:310px}.card-number{font-size:25px;margin-bottom:21px}.challenge-card h3{font-size:15px;line-height:1.45;margin-bottom:13px}.challenge-card h3 br{display:none}.challenge-card p{font-size:11px;line-height:1.85}.card-label{font-size:7px;letter-spacing:.08em;padding-top:21px}.ethical-note{font-size:10px;gap:13px;padding-top:22px;line-height:1.85}.ethical-note>span{font-size:23px}.manifesto{padding:49px 0}.manifesto-grid{grid-template-columns:1fr;gap:5px}.manifesto-grid>.eyebrow{padding-top:0}.manifesto h2{font-size:40px;line-height:1.13}.manifesto-bottom{margin-top:23px;gap:25px}.manifesto-bottom p{font-size:12px}.circle-link{width:44px;height:44px}.competencies-grid{grid-template-columns:1fr;gap:32px}.competencies .section-heading{margin-bottom:30px}.competencies .outline-tag{margin-top:18px}.pillar summary{padding:21px 0;gap:20px}.pillar h3{font-size:17px}.pillar-number{font-size:21px}.pillar-content{padding-left:41px;padding-right:12px}.pillar-content p{font-size:12px}.perspective-card{min-height:350px;padding:27px;display:block}.perspective-top{float:right;margin:0}.perspective-top img{width:78px;height:78px}.perspective-top>span{display:none}.perspective-card>.eyebrow{font-size:8px;max-width:170px;margin-top:5px;line-height:1.8}.perspective-statement{font-size:35px;padding-top:16px;clear:left;line-height:1.13}.perspective-footer{margin-top:15px;padding-top:24px}.section-cta{flex-direction:column;align-items:flex-start;gap:21px;margin-top:31px;padding-top:27px}.section-cta>p{font-size:13px}.section-cta>.button{font-size:12px}.fit-grid{grid-template-columns:1fr;gap:32px}.fit-grid h2{font-size:43px}.fit-intro{max-width:460px;font-size:12px}.fit-columns{gap:20px}.fit-columns h3{font-size:12px;margin-bottom:20px}.plain-list li{font-size:11px;gap:8px;margin-bottom:15px}.plain-list .icon{width:13px;height:13px;flex-shrink:0}.not-column{padding-left:20px}.mentor-grid{grid-template-columns:1fr;gap:24px}.mentor-identity{min-height:310px;padding:27px}.mentor-identity h3{font-size:52px}.mentor-identity>img{right:-6px;top:63px}.mentor-identity:after{right:-36px;top:32px}.mentor-copy{padding:25px 27px}.mentor-copy p{font-size:12px}.mentor-links a{font-size:10px}.mentor-role{font-size:9px}.education-note{grid-template-columns:1fr;gap:12px;margin-top:30px;padding-top:25px}.education-note .eyebrow{margin:0;font-size:8px}.education-note>p:not(.eyebrow){font-size:11px}.education-note small{grid-column:1;font-size:9px}.story-grid{grid-template-columns:1fr;gap:37px}.story-heading h2{font-size:44px;margin-bottom:22px}.story-heading>p:not(.eyebrow){font-size:12px}.timeline{margin:0}.timeline li{gap:21px;padding-bottom:32px}.timeline h3{font-size:28px}.timeline p:not(.eyebrow){font-size:12px}.podcast-layout{grid-template-columns:1fr;gap:20px}.video-frame{aspect-ratio:16/10;min-height:220px}.video-cover{padding:20px 23px}.video-cover-top img{width:79px}.video-cover-top>span{font-size:7px}.video-cover-body>span{font-size:7px}.video-cover-body>p{font-size:34px}.video-cover-body{margin-top:15px}.video-cover-bottom{margin-top:15px}.video-cover-bottom>span{font-size:8px}.video-play{font-size:9px;gap:8px}.video-play-circle{width:37px;height:37px}.video-cover-art{width:200px;top:22%;right:-32px}.video-status{font-size:9px;margin-top:9px}.podcast-themes{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.podcast-themes ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.podcast-themes li{padding:12px 0;font-size:11px}.podcast-themes>.text-link{padding-top:19px;font-size:11px}.podcast-cta{flex-direction:column;align-items:flex-start;gap:19px;margin-top:26px;padding-top:25px}.podcast-cta p{font-size:13px}.podcast-cta>.button{font-size:11px}.steps-grid{grid-template-columns:1fr;gap:24px}.steps-grid article{display:grid;grid-template-columns:40px 1fr;gap:10px 20px;padding-top:22px}.steps-grid article>span{grid-row:1 / 3;font-size:28px}.steps-grid h3{margin:0;font-size:16px}.steps-grid p{max-width:none;font-size:12px;grid-column:2}.conversation-cta{margin-top:30px;flex-direction:column;align-items:flex-start;gap:18px}.conversation-cta .button{font-size:11px;padding:15px 17px}.conversation-cta .trailing{margin-left:5px}.conversation-cta>span{font-size:9px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-heading h2{font-size:44px}.faq-heading>p:not(.eyebrow){max-width:none;font-size:12px;margin-top:17px}.faq-heading>.text-link{margin-top:19px;font-size:11px}.faq summary{font-size:12px;padding:20px 0;gap:20px}.faq>p{font-size:11px;padding-right:17px;line-height:1.9}.closing-section{padding:59px 0 64px}.closing-grid{grid-template-columns:1fr;gap:28px;position:relative}.closing-grid>img{width:86px;height:86px;opacity:.8}.closing-grid h2{font-size:42px}.closing-grid>div>.eyebrow{font-size:8px}.closing-grid>div>p:not(.eyebrow){font-size:12px;margin-top:20px}.closing-grid .button{margin-top:25px;font-size:12px}.site-footer{padding:44px 0 80px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{grid-column:1 / -1}.footer-brand img{width:160px}.footer-top .eyebrow{font-size:8px}.footer-top>div>a{font-size:10px}.footer-top>div:last-child{grid-column:1 / -1}.footer-note{font-size:9px}.footer-note br{display:none}.footer-disclaimer{margin-top:28px;padding-top:20px}.footer-disclaimer p{font-size:9px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:15px 25px;font-size:8px;padding-bottom:0}.footer-bottom>span{width:100%}.legal-button{font-size:8px}.floating-contact{bottom:15px;right:15px;padding:11px 15px;font-size:10px;gap:9px}.floating-contact .icon{width:20px;height:20px}.floating-contact .floating-arrow{display:none}.dialog-content{padding:33px 25px}.dialog-content h2{font-size:35px}.dialog-content>img{width:44px;margin-bottom:17px}.setup-notice{font-size:11px;padding:13px 15px}.dialog-content textarea{font-size:11px}.dialog-content .button{font-size:12px}.privacy-dialog .dialog-content>p:not(.eyebrow){font-size:12px}.video-local-note{padding:20px;gap:12px}.video-local-note h3{font-size:27px}.video-local-note p{font-size:10px}.video-local-note .button{font-size:11px;min-height:40px;padding:10px 16px}} @media(max-width:360px){.container{width:calc(100% - 32px)}.header-inner{gap:9px}.brand,.brand img{width:93px}.header-cta{font-size:9px;padding:10px}.hero h1{font-size:48px}.hero-actions .button{width:100%;font-size:12px}.hero-actions .text-link{font-size:10px}.hero-art{padding-left:25px;padding-right:25px}.art-header{padding-left:66px}.art-edition{display:none}.section-heading h2,.story-heading h2,.faq-heading h2{font-size:39px}.challenge-card{padding:19px 13px;min-height:325px}.challenge-card h3{font-size:14px}.challenge-card p{font-size:10px}.card-label{font-size:6px}.video-cover-body>p{font-size:29px}.video-cover-bottom>span{font-size:7px}.video-play{font-size:8px}.video-play-circle{width:33px;height:33px}.manifesto h2{font-size:35px}.closing-grid h2{font-size:37px}.conversation-cta .button{font-size:10px;gap:9px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.floating-contact:hover{transform:none}} @media print{.preview-bar,.site-header,.floating-contact,.hero-art,.video-play,dialog,.button,.circle-link{display:none!important}.section,.story-section,.manifesto,.closing-section{padding:30px 0}.container{width:100%}.hero-grid,.section-heading,.story-grid,.faq-grid,.podcast-layout{display:block}.hero h1{font-size:45px}.dark-section,.closing-section{color:#222;background:#fff}.dark-section p,.dark-section h2 em,.closing-section h2 em{color:#444}.hero-base,.focus-band{display:none}.section-heading{margin-bottom:25px}details{break-inside:avoid}.footer-top{display:none}.footer-bottom{padding:0}.mentor-identity{print-color-adjust:exact}.video-frame{print-color-adjust:exact}body{font-size:12px}.pillar-content{display:block!important}.pillar{border-color:#aaa}.pillar h3{font-size:16px}} /* Final legibility and media controls refinements. */ .video-cover-top>span{max-width:225px;text-align:right;line-height:1.7} .floating-contact[hidden]{display:none} @media(max-width:1020px){.video-frame{min-height:280px}} @media(max-width:760px){ .video-frame{min-height:280px}.video-cover-top>span{max-width:155px;font-size:7px} .video-cover{padding:22px}.video-cover-bottom{margin-top:15px}.video-play{font-size:10px} .challenge-card{min-height:340px}.challenge-card h3{font-size:16px}.challenge-card p{font-size:13px;line-height:1.75} .card-label{font-size:8px}.plain-list li{font-size:12px}.mentor-copy p{font-size:13px}.story-heading>p:not(.eyebrow){font-size:13px} .timeline p:not(.eyebrow){font-size:13px}.steps-grid p{font-size:13px}.faq summary{font-size:13px}.faq>p{font-size:13px;line-height:1.8} .closing-grid>div>p:not(.eyebrow){font-size:13px}.podcast-themes li{font-size:12px}.fit-intro{font-size:13px} .ethical-note{font-size:11px}.footer-disclaimer p{font-size:10px}.education-note>p:not(.eyebrow){font-size:12px} } @media(max-width:360px){.challenge-card h3{font-size:15px}.challenge-card p{font-size:12px}.challenge-card{min-height:355px}.video-cover{padding:20px}.video-cover-top>span{max-width:133px}.card-label{font-size:7px}} .podcast-layout>*{min-width:0}.video-frame{width:100%} @media(max-width:760px){.podcast-layout{grid-template-columns:minmax(0,1fr)}} /* Podcast section inspired by the visual rhythm of the user's site */ .podcast-section{background:#f6f4ef;position:relative;overflow:hidden} .podcast-showcase{display:flex;flex-direction:column;align-items:center;text-align:center} .podcast-title-wrap{max-width:1120px;margin:0 auto 28px} .podcast-title-wrap .eyebrow{justify-content:center} .podcast-title-wrap h2{font:600 clamp(36px,4.1vw,60px)/1.08 var(--sans);letter-spacing:-.02em;color:#176786;margin:0;text-wrap:balance} .podcast-title-wrap p{max-width:1030px;margin:18px auto 0;color:#2d3b45;font-size:15px;line-height:1.8} .podcast-divider{width:128px;height:5px;border-radius:999px;background:#48bfd2;margin:22px auto 0} .podcast-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;margin-top:36px} .podcast-card{position:relative;display:block;min-height:294px;border-radius:24px;overflow:hidden;background:#081827;color:#fff;box-shadow:0 22px 50px rgba(17,34,43,.12);transform:translateY(0);transition:transform .35s ease, box-shadow .35s ease} .podcast-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(17,34,43,.18)} .podcast-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .podcast-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,19,.15) 0%,rgba(5,14,25,.68) 55%,rgba(3,9,16,.88) 100%)} .podcast-card-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:18px 18px 20px;text-align:left} .podcast-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.04em;font-weight:700} .podcast-kicker .avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.28);flex-shrink:0} .podcast-kicker .avatar img{position:static;width:100%;height:100%;object-fit:cover} .podcast-kicker strong{display:block;font-size:11px;color:#fff} .podcast-kicker span{display:block;color:#d9edf5;font-size:8px;letter-spacing:.08em;text-transform:uppercase} .podcast-labels{display:flex;gap:8px;margin-top:8px} .podcast-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:999px;background:#f4404c;color:#fff;font-size:9px;letter-spacing:.08em;font-weight:700;text-transform:uppercase} .podcast-badge.alt{background:#18b8d8} .podcast-card h3{font:700 clamp(28px,2.55vw,41px)/1.03 var(--sans);margin:0;color:#fff;max-width:86%;text-wrap:balance} .podcast-card h3 .accent{color:#21d0ea} .podcast-card .podcast-cta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px} .podcast-play{display:inline-flex;align-items:center;justify-content:center;width:86px;height:60px;border-radius:18px;background:#ff2747;box-shadow:0 10px 28px rgba(255,39,71,.38)} .podcast-play .icon{width:29px;height:29px;fill:#fff;stroke:none;margin-left:4px} .podcast-watch{font-size:15px;font-weight:600;color:#fff;line-height:1.15} .podcast-watch small{display:block;font-size:13px;font-weight:500;color:#dfe8ec;margin-top:4px} .podcast-more{margin-top:42px;display:flex;justify-content:center} .podcast-more .button{min-width:340px;justify-content:center;background:#166784;border-color:#166784;font-size:15px;padding:18px 26px;border-radius:999px;box-shadow:0 18px 40px rgba(22,103,132,.18)} .podcast-mini-note{margin-top:18px;color:#7a756d;font-size:13px;line-height:1.7;max-width:860px} @media(max-width:1100px){.podcast-cards{grid-template-columns:1fr;max-width:820px}.podcast-card{min-height:310px}.podcast-title-wrap h2{font-size:48px}} @media(max-width:760px){.podcast-title-wrap h2{font-size:clamp(30px,9vw,42px)}.podcast-title-wrap p{font-size:13px}.podcast-cards{gap:16px}.podcast-card{min-height:260px;border-radius:18px}.podcast-card-content{padding:14px 14px 16px}.podcast-kicker .avatar{width:36px;height:36px}.podcast-card h3{font-size:27px;max-width:90%}.podcast-play{width:72px;height:52px;border-radius:16px}.podcast-more .button{min-width:min(100%,320px);font-size:13px;padding:15px 20px}.podcast-watch{font-size:13px}.podcast-watch small{font-size:11px}} /* ===== enhancements.css ===== */ /* BMF Club · edição dinâmica. Mantém os arquivos originais da marca. */ :root { --copper: #ac744f; --amber: #dbb47e; --forest: #203e35; --teal: #2c625c; --wa: #137f49; --motion-ease: cubic-bezier(.16, 1, .3, 1); } body { overflow-x: clip; } ::selection { background: #c8a47c; color: #17291f; } :focus-visible { outline: 3px solid #b9804e; outline-offset: 5px; } .preview-bar { background: #263c33; color: #f2e9da; } .preview-dot { background: #bdddab; } .reading-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; overflow: hidden; pointer-events: none; } .reading-progress span { display: block; height: 100%; width: 100%; transform-origin: left; transform: scaleX(var(--read-progress, 0)); background: linear-gradient(90deg,#7f5b39,#dfb47a,#4a8c79); } .site-header { z-index: 80; } .desktop-nav a { position: relative; transition: color .25s; } .desktop-nav a::after { content: ''; position: absolute; bottom: -9px; left: 0; right: 0; height: 2px; transform: scaleX(0); transform-origin: left; background: #996643; transition: transform .35s var(--motion-ease); } .desktop-nav a:hover::after, .desktop-nav a.is-current::after { transform: scaleX(1); } .desktop-nav a.is-current { color: #85592f; } .button { position: relative; overflow: hidden; isolation: isolate; transition: transform .3s var(--motion-ease), box-shadow .3s, background .3s; } .button::before { content:''; position:absolute; inset:-100% -40%; transform: translateX(-110%) rotate(28deg); background: linear-gradient(90deg,transparent,#ffffff22,transparent); transition: transform .7s var(--motion-ease); pointer-events:none; } .button:hover::before { transform: translateX(110%) rotate(28deg); } .button:hover { transform: translateY(-3px); box-shadow: 0 12px 25px #19392922; } .button-dark { background: #234534; border-color: #234534; } .button-dark:hover { background: #315b45; } .button-gold { background: linear-gradient(110deg,#ddbb8c,#bd9162); color: #182e24; } .text-link .icon, .mentor-links .icon { transition: transform .3s var(--motion-ease); } .text-link:hover .icon, .mentor-links a:hover .icon { transform: translate(3px,-3px); } /* Abertura com profundidade e movimento ornamental. */ .hero { position: relative; isolation: isolate; background: radial-gradient(ellipse at 12% 0%,#ebdbc69c,transparent 53%),var(--paper); } .hero h1 em { color: #805e3e; } .hero-art { background: linear-gradient(145deg,#183a2b,#29362b 54%,#554535); box-shadow: 0 28px 75px #283b2a24; transform: perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: transform .8s var(--motion-ease), box-shadow .5s; isolation: isolate; } .hero-art::before, .hero-art::after { content: ''; position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; } .hero-art::before { width: 360px; height: 360px; top: -80px; right: -120px; background: radial-gradient(circle,#ddaf7857,transparent 65%); animation: ambient-drift 14s ease-in-out infinite alternate; } .hero-art::after { width: 380px; height: 380px; bottom: -150px; left: -190px; background: radial-gradient(circle,#75a48b4d,transparent 65%); animation: ambient-drift 17s ease-in-out infinite alternate-reverse; } .art-orbit .orbit { animation: orbit-breathe 9s ease-in-out infinite; } .art-orbit .orbit.two { animation-delay: -3s; } .art-orbit .orbit.three { animation-delay: -6s; } .art-symbol { animation: emblem-turn 90s linear infinite; } .art-caption p em { color: #e3bc88; } .hero-copy > * { animation: hero-arrive .85s var(--motion-ease) both; } .hero-copy > :nth-child(2) { animation-delay: .1s; } .hero-copy > :nth-child(3) { animation-delay: .2s; } .hero-copy > :nth-child(4) { animation-delay: .3s; } .hero-copy > :nth-child(5) { animation-delay: .4s; } .hero-base > a .icon { animation: nudge-down 3s ease-in-out infinite; } /* Faixa de temas: duas cópias idênticas = laço contínuo sem salto. */ .focus-band { background: #294d3c; color: #fff7e9; border: 0; position: relative; display: flex; align-items: stretch; overflow: hidden; } .ticker-window { flex: 1; min-width: 0; overflow: hidden; position: relative; mask-image: linear-gradient(90deg,transparent,#000 2%,#000 97%,transparent); } .ticker-track { display: flex; width: max-content; animation: ticker-scroll 42s linear infinite; will-change: transform; } .ticker-group { display: flex; flex: 0 0 auto; align-items: center; gap: 34px; padding: 25px 34px 25px 0; white-space: nowrap; } .ticker-item { text-transform: uppercase; font-size: 12px; font-weight: 550; letter-spacing: .14em; } .ticker-star { color: #e0b27a; font-size: 24px; line-height: 1; } .motion-toggle { border: 0; border-left: 1px solid #ffffff22; padding: 0 24px; background: #203f30; color: #fff3e1; font: 500 10px var(--sans); display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; cursor: pointer; white-space: nowrap; } .motion-toggle:hover, .motion-toggle:focus-visible { background: #365e49; } .motion-icon { font-size: 18px; min-width: 14px; line-height: 1; } .motion-toggle-footer { color: #d5c4b0; background: none; padding: 0; border: 0; font-size: 10px; } .motion-toggle-footer:hover { color: white; background: none; } @media (hover:hover) { .ticker-window:hover .ticker-track { animation-play-state: paused; } } /* Cartões: cores distintas, contraste maior e interações sem alterar a marca. */ .challenge-grid { gap: 16px; } .challenge-card { position: relative; border: 1px solid #cfb792; border-radius: 14px; background: linear-gradient(150deg,#f0e0c8,#f7f1e7); padding: 29px 24px; overflow: hidden; transition: transform .5s var(--motion-ease), box-shadow .45s, border-color .35s; } .challenge-card::before { content:''; width:180px; height:180px; border:1px solid currentColor; opacity:.1; position:absolute; right:-65px; top:-75px; border-radius:50%; transition:transform .6s; pointer-events:none; } .challenge-card[data-tone='2'] { background: linear-gradient(150deg,#dfece5,#f3f7f2); border-color: #b2cdbd; } .challenge-card[data-tone='3'] { background: linear-gradient(150deg,#f1ded1,#faf0e8); border-color: #d4ad91; } .challenge-card[data-tone='4'] { background: linear-gradient(150deg,#e2e8ef,#f2f4f6); border-color: #bccbd6; } .challenge-card:hover { transform: translateY(-9px); box-shadow: 0 20px 38px #293d2d17; } .challenge-card:hover::before { transform: scale(1.3); } .challenge-card h3 { font-size: 19px; line-height: 1.45; color: #283a30; } .challenge-card p { font-size: 14px; color: #505b50; } .card-number { color: #84613b; font-size: 31px; } .card-label { color: #4c634e; font-weight: 650; } .challenge-symbol { width: 41px; height: 41px; padding: 10px; border: 1px solid #99734740; border-radius: 11px; position: absolute; right: 22px; top: 25px; background: #fff8; } .challenge-symbol svg { width:100%; height:100%; fill:none; stroke:#82613c; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } .ethical-note { border-color: #cab794; } .manifesto { background: linear-gradient(120deg,#ddc4a3,#e9dcc8 50%,#e8e5d3); position: relative; overflow:hidden; } .manifesto h2 em { color: #675335; } .manifesto .circle-link { background: #2e503b; color: #f1debf; border-color: #2e503b; transition:transform .5s,background .3s; } .manifesto .circle-link:hover { transform: rotate(-12deg); background: #43664a; } /* Abas empresariais: iconografia, destaque de seleção e cores por competência. */ .competencies { position:relative; background: radial-gradient(ellipse at 98% 18%,#3d5b414d,transparent 50%),#1d2b24; } .competencies h2 em { color: #dabb8b; } .competencies-grid { gap: 38px; align-items: start; } .pillar-list { border: 0; display:grid; gap: 12px; } .pillar { --accent:#e0b378; --tint: 187,145,86; border: 1px solid rgba(var(--tint),.28); border-radius: 12px; background: rgba(var(--tint),.055); overflow: hidden; position: relative; transition: background .35s, border-color .35s, box-shadow .35s; } .pillar[data-pillar='2'] { --accent:#92cbb3; --tint: 104,183,148; } .pillar[data-pillar='3'] { --accent:#edb093; --tint: 207,128,88; } .pillar[data-pillar='4'] { --accent:#9ec6de; --tint: 117,170,202; } .pillar[data-pillar='5'] { --accent:#c4b4e4; --tint: 164,139,199; } .pillar[data-pillar='6'] { --accent:#d4cf90; --tint: 187,181,107; } .pillar[open] { background: linear-gradient(135deg,rgba(var(--tint),.2),rgba(var(--tint),.06)); border-color: rgba(var(--tint),.65); box-shadow: inset 3px 0 0 var(--accent),0 12px 28px #00000015; } .pillar:hover { background: rgba(var(--tint),.16); border-color: rgba(var(--tint),.65); } .pillar summary { padding: 19px 21px; gap: 14px; min-height: 82px; position:relative; } .pillar-symbol { color:var(--accent); background: rgba(var(--tint),.16); border: 1px solid rgba(var(--tint),.25); display:grid; place-items:center; width:43px; height:43px; border-radius:11px; flex-shrink:0; transition:transform .45s var(--motion-ease),background .35s; } .pillar-symbol svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } .pillar:hover .pillar-symbol { transform:rotate(-7deg) scale(1.06); background: rgba(var(--tint),.28); } .pillar-number { font:500 10px var(--sans); color:var(--accent); position:absolute; right:52px; opacity:.8; } .pillar h3 { font-size:17px; font-weight:550; color:#f5f0e7; padding-right:32px; flex:1; } .pillar .plus { color:var(--accent); flex-shrink:0; transition:transform .4s var(--motion-ease); } .pillar[open] .plus { transform: rotate(45deg); } .pillar-content { padding:0 25px 25px 80px; } .pillar-content p { color:#d2dcd0; font-size:14px; line-height:1.8; } .pillar .tags { gap:7px; } .pillar .tags span { color:var(--accent); border:1px solid rgba(var(--tint),.35); background:rgba(var(--tint),.1); border-radius:5px; font-size:10px; padding:6px 9px; } .pillar[open] .pillar-content { animation:pillar-reveal .45s var(--motion-ease) both; } .perspective-card { position:sticky; top:124px; background:linear-gradient(145deg,#806441,#354d37 65%,#223c30); border:1px solid #d7b58255; border-radius:14px; box-shadow:0 20px 45px #00000024; overflow:hidden; isolation:isolate; } .perspective-card::after { content:''; width:350px; height:350px; border:1px solid #d6b38433; border-radius:50%; position:absolute; right:-160px; top:30%; z-index:-1; animation:orbit-breathe 8s ease-in-out infinite; } .perspective-top img { animation:emblem-turn 90s linear infinite; } .perspective-statement { font-size:clamp(30px,3vw,44px); color:#fff7eb; line-height:1.15; } .perspective-statement em { color:#f2ce97; } .perspective-card .eyebrow, .perspective-footer { color:#e6dece; } .perspective-footer { border-color:#d6bc9c55; } .section-cta { border-color:#c3b08b44; } /* Cartões dos mentores preparados para retratos oficiais. */ .mentor-card { border-radius:15px; overflow:hidden; border-color:#cdbca7; box-shadow:0 10px 26px #233b2410; transition:transform .45s var(--motion-ease),box-shadow .4s; } .mentor-card:hover { transform:translateY(-6px); box-shadow:0 23px 45px #233b2422; } .mentor-identity { background:linear-gradient(135deg,#1c4938,#2c3d31 65%,#665238); min-height:345px; } .mentor-identity.jessica { background:linear-gradient(135deg,#9a7654,#745b4a 55%,#485244); } .mentor-identity > img { animation:emblem-turn 120s linear infinite; } .mentor-identity h3 em { color:#ebc997; } .mentor-identity::after { animation:orbit-breathe 10s ease-in-out infinite; } .mentor-photo-slot { position:absolute; inset:0; pointer-events:none; } .mentor-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 25%; transition:transform .8s var(--motion-ease); } .mentor-identity.with-portrait { min-height:470px; } .with-portrait::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,#17291c33,transparent 40%,#10251feb); pointer-events:none; } .with-portrait > img, .with-portrait::after { display:none; } .with-portrait h3 { margin-top:auto; padding:0 0 16px; } .with-portrait .mentor-role { color:#fff7ec; } .mentor-card:hover .mentor-photo { transform:scale(1.045); } .mentor-copy { background:linear-gradient(150deg,#fffdf8,#f3ece1); } .education-note { border-top-color:#cfb99a; } .story-section { background:linear-gradient(150deg,#e7ece2,#f2ede3 65%,#ead8c0); } .timeline li { position:relative; } .timeline h3 { color:#40583b; } .timeline li::after { content:''; position:absolute; left:0; bottom:15px; width:60%; height:1px; background:linear-gradient(90deg,#a97c45,transparent); transform:scaleX(0); transform-origin:left; transition:transform 1s var(--motion-ease); } .timeline li.in-view::after { transform:scaleX(1); } .podcast-section { background:radial-gradient(ellipse at 0 100%,#dfceb44a,transparent 50%),var(--paper); } .video-frame { border-radius:16px; box-shadow:0 20px 55px #233b2422; overflow:hidden; } .video-cover { background:linear-gradient(135deg,#213c30,#283c30 55%,#796443); } .video-play-circle { transition:transform .4s,box-shadow .4s; } .video-play:hover .video-play-circle { transform:scale(1.1); box-shadow:0 0 0 9px #cba67722; } .podcast-themes li { transition:padding-left .3s,color .3s; } .podcast-themes li:hover { padding-left:9px; color:#926136; } .steps-grid article { border-top-color:#ab895b; transition:transform .4s var(--motion-ease),background .4s; padding:25px 21px; background:#f0e4d399; border-radius:0 0 12px 12px; } .steps-grid article:nth-child(2) { background:#e4ede199; border-top-color:#63876a; } .steps-grid article:nth-child(3) { background:#e7eaf099; border-top-color:#768eae; } .steps-grid article:hover { transform:translateY(-5px); } .steps-grid article > span { color:#9a6e39; } .faq { transition:background .3s,border-color .3s; border-radius:8px; } .faq[open] { background:#e9ddca66; padding:0 18px; border-bottom-color:#c9aa7d; } .faq[open]>p { animation:pillar-reveal .4s var(--motion-ease) both; } .closing-section { background:linear-gradient(120deg,#214832,#2b4531 55%,#665332); position:relative; overflow:hidden; } .closing-grid > img { animation:emblem-turn 110s linear infinite; } .closing-grid h2 em { color:#e0ba81; } .site-footer { background:#19281f; padding-bottom:110px; } .footer-whatsapp { margin-top:20px; } /* Contato persistente: não é ocultado ao encontrar outros botões na tela. */ .floating-contact, .floating-contact[hidden] { display:flex; position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); z-index:120; padding:13px 18px; gap:12px; border-radius:50px; background:#137f49; color:#fff; border:1px solid #78d4a6; box-shadow:0 8px 24px #0d533c40; min-height:62px; isolation:isolate; transition:transform .25s,background .25s; } .floating-contact::before, .floating-contact::after { content:''; position:absolute; inset:-1px; border-radius:inherit; border:2px solid #20aa69; z-index:-1; pointer-events:none; animation:whatsapp-ring 3.4s ease-out infinite; } .floating-contact::after { animation-delay:1.1s; } .floating-contact:hover { transform:translateY(-4px); background:#0c6c3d; } .floating-contact .wa-icon { width:29px; height:29px; color:white; stroke-width:1.7; flex-shrink:0; } .floating-contact .floating-arrow { color:#dbffe9; } .floating-label { display:flex; flex-direction:column; gap:2px; } .floating-label small { font-size:9px; font-weight:400; opacity:.9; letter-spacing:.025em; } .floating-label strong { font-size:12px; font-weight:650; } .floating-contact:focus-visible { outline:3px solid #bd8d55; outline-offset:6px; } /* Entradas progressivas sem esconder conteúdo quando JS está indisponível. */ .reveal.in-view { animation:none; } .motion-ready .reveal.is-observed { opacity:0; transform:translate3d(0,24px,0); transition:opacity .8s var(--motion-ease),transform .8s var(--motion-ease); transition-delay:var(--reveal-delay,0ms); } .motion-ready .reveal.is-observed.in-view { opacity:1; transform:translate3d(0,0,0); } .motion-ready .challenge-card.is-observed.in-view:hover, .motion-ready .mentor-card.is-observed.in-view:hover { transform:translate3d(0,-7px,0); transition-delay:0ms; } .motion-paused *, .motion-paused *::before, .motion-paused *::after { animation-play-state:paused!important; } .motion-paused .reveal.is-observed { opacity:1; transform:none; transition:none; } .motion-paused .hero-copy > * { animation:none; opacity:1; transform:none; } .motion-paused .hero-art { transform:none!important; } @keyframes hero-arrive { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} } @keyframes ticker-scroll { to{transform:translate3d(-50%,0,0)} } @keyframes emblem-turn { to{transform:rotate(360deg)} } @keyframes orbit-breathe { 0%,100%{opacity:.35;scale:.97} 50%{opacity:.8;scale:1.04} } @keyframes ambient-drift { to{transform:translate(-35px,45px) scale(1.2)} } @keyframes nudge-down { 0%,70%,100%{transform:translateY(0)} 85%{transform:translateY(5px)} } @keyframes pillar-reveal { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} } @keyframes whatsapp-ring { 0%{transform:scale(1);opacity:.6} 72%,100%{transform:scale(1.2,1.45);opacity:0} } @media(min-width:1440px) { .challenge-card { padding:32px 27px; } } @media(max-width:1020px) { .competencies-grid { grid-template-columns:minmax(0,1fr); } .perspective-card { display:flex; position:relative; top:auto; min-height:360px; padding:34px; } .perspective-statement { font-size:42px; } .perspective-top { margin-bottom:26px; } .perspective-top > span { display:block; } .mentor-identity { min-height:320px; } .challenge-grid { gap:14px; } } @media(max-width:760px) { .hero-art { min-height:330px; } .focus-band { align-items:stretch; } .ticker-group { padding-top:21px; padding-bottom:21px; gap:25px; } .ticker-item { font-size:11px; letter-spacing:.11em; } .motion-toggle:not(.motion-toggle-footer) { width:49px; padding:0; } .focus-band .motion-label { position:absolute; clip:rect(0,0,0,0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; white-space:nowrap; } .challenge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .challenge-card { padding:22px 17px; min-height:350px; } .challenge-card h3 { font-size:16px; line-height:1.45; } .challenge-card p { font-size:13px; } .challenge-symbol { width:32px; height:32px; padding:7px; right:13px; top:20px; border-radius:8px; } .card-number { margin-bottom:27px; font-size:27px; } .card-label { font-size:8px; } .pillar summary { padding:16px 14px; min-height:78px; gap:11px; } .pillar-symbol { width:36px; height:36px; border-radius:9px; } .pillar-symbol svg { width:21px; height:21px; } .pillar h3 { font-size:15px; padding-right:0; line-height:1.35; } .pillar-number { display:none; } .pillar-content { padding:0 20px 22px 61px; } .pillar-content p { font-size:13px; } .pillar .tags { flex-wrap:wrap; } .pillar .tags span { font-size:9px; } .perspective-card { padding:27px; min-height:370px; } .perspective-card .perspective-top { float:none; display:flex; margin:0 0 25px; } .perspective-card > .eyebrow { max-width:none; margin:0 0 10px; font-size:9px; } .perspective-statement { font-size:36px; clear:none; padding:0; } .perspective-footer { margin-top:25px; } .perspective-top > img { width:65px; height:65px; } .mentor-card { border-radius:12px; } .mentor-identity { min-height:310px; } .with-portrait.mentor-identity { min-height:420px; } .steps-grid article { padding:22px 17px; gap:8px 15px; grid-template-columns:30px 1fr; } .floating-contact, .floating-contact[hidden] { right:17px; bottom:max(19px,env(safe-area-inset-bottom)); width:61px; height:61px; padding:14px; min-height:61px; justify-content:center; } .floating-label, .floating-contact .floating-arrow { display:none; } .floating-contact .wa-icon { width:31px; height:31px; } .floating-contact::before, .floating-contact::after { border-width:2px; } .site-footer { padding-bottom:115px; } .footer-bottom { padding-right:60px; } .motion-toggle-footer { font-size:9px; } .timeline li::after { left:43px; } .faq[open] { padding:0 12px; } } @media(max-width:390px) { .challenge-grid { grid-template-columns:1fr; } .challenge-card { min-height:0; padding:25px; } .challenge-card h3 { font-size:20px; } .challenge-card p { font-size:14px; } .card-number { margin-bottom:22px; } .challenge-symbol { right:24px; top:24px; width:38px; height:38px; } .card-label { font-size:9px; padding-top:20px; } .pillar-content { padding-left:19px; } .perspective-statement { font-size:33px; } } @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { animation:none!important; transition:none!important; } .reveal.is-observed { opacity:1!important; transform:none!important; } .hero-copy > * { opacity:1!important; transform:none!important; } .hero-art { transform:none!important; } .ticker-window { overflow:hidden; mask-image:none; } .ticker-group[aria-hidden='true'] { display:none; } } @media print { .floating-contact,.focus-band,.reading-progress,.motion-toggle { display:none!important; } .reveal.is-observed { opacity:1!important; transform:none!important; } } /* Navegação legível por cima das seções e estado aberto do acordeão. */ .site-header.scrolled { background:#f7f5f0; box-shadow:0 5px 22px #223c2412; } section[id] { scroll-margin-top:110px; } .pillar[open] .plus { transform:none; } @media(max-width:760px){section[id]{scroll-margin-top:94px;}} /* ===== refinements.css ===== */ /* V4 | Ticker without visible diagnostics or scrollbars; icon-only playback control. */ .focus-band { width:100%; min-width:0; } .focus-band .ticker-window { overflow:hidden; scrollbar-width:none; } .focus-band .ticker-window::-webkit-scrollbar { display:none; width:0; height:0; } .focus-band .motion-toggle { flex:0 0 52px; width:52px; min-width:52px; padding:0; min-height:56px; align-self:stretch; border-left:1px solid #ffffff1c; } .focus-band .motion-toggle:focus-visible { outline:2px solid #e0b27a; outline-offset:-7px; } .motion-icon { display:inline-flex; align-items:center; justify-content:center; } .motion-icon svg { display:block; width:19px; height:19px; } .motion-play { display:none; } .motion-toggle[aria-pressed="true"] .motion-pause { display:none; } .motion-toggle[aria-pressed="true"] .motion-play { display:block; } /* Reduced-motion visitors can read every topic without scrolling a clipped strip. */ @media (prefers-reduced-motion:reduce) { html:not(.ticker-motion-opt-in) .ticker-track { width:100%; transform:none; } html:not(.ticker-motion-opt-in) .ticker-group:not([aria-hidden="true"]) { width:100%; flex:1 1 auto; flex-wrap:wrap; justify-content:center; white-space:normal; gap:13px 28px; padding:23px 24px; } html:not(.ticker-motion-opt-in) .ticker-star { display:none; } html:not(.ticker-motion-opt-in) .ticker-item { white-space:normal; text-align:center; } html.ticker-motion-opt-in .ticker-track { animation:ticker-scroll 42s linear infinite!important; } html.ticker-motion-opt-in .ticker-group[aria-hidden="true"] { display:flex; } html.ticker-motion-opt-in .ticker-window { mask-image:linear-gradient(90deg,transparent,#000 2%,#000 97%,transparent); } } @media (hover:hover) { html.ticker-motion-opt-in .ticker-window:hover .ticker-track { animation-play-state:paused!important; } } @media (max-width:760px) { .focus-band .motion-toggle { flex-basis:44px; width:44px; min-width:44px; } .hero-copy .eyebrow { line-height:1.7; } } /* V4 | Podcast: the text participates in layout instead of overflowing an absolute box. */ .podcast-cards { align-items:stretch; } .podcast-card { min-width:0; min-height:0; display:flex; flex-direction:column; isolation:isolate; } .podcast-card::after { z-index:0; pointer-events:none; } .podcast-card-content { position:relative; inset:auto; width:100%; flex:1 0 auto; min-height:368px; padding:24px; display:grid; grid-template-rows:auto 1fr auto; row-gap:24px; } .podcast-kicker { min-width:0; } .podcast-kicker > div { min-width:0; } .podcast-kicker strong { line-height:1.5; overflow-wrap:break-word; } .podcast-card h3 { font-size:clamp(26px,2.1vw,32px); line-height:1.12; align-self:center; width:100%; max-width:none; margin:0; overflow-wrap:normal; word-break:normal; } .podcast-card .podcast-cta-row { margin-top:0; min-width:0; gap:18px; } .podcast-play { flex:0 0 78px; width:78px; height:55px; } .podcast-watch { flex:1 1 auto; text-align:right; } .podcast-title-wrap { width:100%; } .podcast-title-wrap h2 { overflow-wrap:normal; } @media (max-width:1100px) { .podcast-card-content { min-height:330px; } .podcast-card h3 { font-size:32px; max-width:620px; } } @media (max-width:760px) { .podcast-card { min-height:0; } .podcast-card-content { min-height:326px; padding:22px; row-gap:22px; } .podcast-card h3 { font-size:clamp(25px,6.5vw,30px); line-height:1.12; } .podcast-play { flex-basis:68px; width:68px; height:49px; } } @media (max-width:360px) { .podcast-card-content { min-height:322px; padding:18px; row-gap:18px; } .podcast-kicker { gap:8px; } .podcast-kicker strong { font-size:10px; } .podcast-title-wrap h2 { font-size:30px; } } /* ===== revision-v5.css ===== */ /* BMF Club — consolidated revision: one episode, automatic ticker, social links and FAQ. */ /* The decorative horizontal separator was striking the final paragraph of the timeline. */ .timeline li::after, .timeline li.in-view::after { content:none!important; display:none!important; } .timeline li > div { min-width:0; } .timeline p { position:relative; z-index:1; } /* Autoplay belongs to the topic strip, never to the podcast. */ html.ticker-autoplay:not(.motion-paused) .ticker-track { animation:ticker-scroll 44s linear infinite!important; animation-play-state:running!important; } html.ticker-autoplay .ticker-group[aria-hidden='true'] { display:flex; } html.motion-paused .ticker-track { animation-play-state:paused!important; } html.ticker-autoplay .ticker-track { width:max-content; } html.ticker-autoplay .ticker-group { width:auto; flex:0 0 auto; flex-wrap:nowrap; justify-content:flex-start; gap:34px; padding:25px 34px 25px 0; white-space:nowrap; } html.ticker-autoplay .ticker-star { display:inline; } html.ticker-autoplay .ticker-item { white-space:nowrap; } .focus-band .motion-toggle { min-height:56px; } /* Distinct Instagram destination above WhatsApp, never overlapping its hit area. */ .floating-instagram { position:fixed; right:max(24px,env(safe-area-inset-right)); bottom:calc(max(22px,env(safe-area-inset-bottom)) + 86px); z-index:120; width:60px; height:60px; display:grid; place-items:center; border-radius:50%; border:1px solid #ffffffc9; color:#fff; background:radial-gradient(circle at 28% 108%,#ffd36b 3%,#f4853d 27%,#d43379 59%,#7743bc 86%); box-shadow:0 7px 20px #9c396b38; isolation:isolate; transition:transform .3s,box-shadow .3s; } .floating-instagram > .icon { width:30px; height:30px; stroke-width:1.9; } .floating-instagram::after { content:''; position:absolute; inset:0; border:1px solid #cf438d; border-radius:inherit; z-index:-1; animation:instagram-ripple 4.5s ease-out infinite; pointer-events:none; } .floating-instagram:hover { transform:translateY(-4px); box-shadow:0 12px 25px #9c396b50; } .floating-instagram:focus-visible { outline:3px solid #a2478d; outline-offset:5px; } .social-tooltip { pointer-events:none; position:absolute; right:calc(100% + 14px); top:50%; transform:translate(8px,-50%); background:#282b28; border:1px solid #ffffff20; border-radius:9px; color:#fff; padding:7px 12px; font-size:11px; white-space:nowrap; opacity:0; transition:opacity .2s,transform .2s; } .floating-instagram:hover .social-tooltip,.floating-instagram:focus-visible .social-tooltip { opacity:1; transform:translate(0,-50%); } @keyframes instagram-ripple { 0%,18%{transform:scale(1);opacity:.45} 70%,100%{transform:scale(1.38);opacity:0} } .mentor-links { gap:17px 22px; align-items:center; } .mentor-links a.mentor-instagram { display:inline-flex; align-items:center; gap:10px; max-width:100%; padding:10px 13px 10px 10px; border:1px solid #d9c4c6; border-radius:12px; background:linear-gradient(120deg,#fff8f4,#f6edf7); color:#4f3b4b; font-size:12px; font-weight:600; line-height:1.4; transition:transform .3s,box-shadow .3s,border-color .3s; } .mentor-instagram:hover { transform:translateY(-3px); border-color:#b780aa!important; box-shadow:0 10px 22px #833b6c14; } .instagram-medallion { display:grid; place-items:center; flex:0 0 37px; width:37px; height:37px; border-radius:11px; color:white; background:linear-gradient(145deg,#8050be,#c5437f 55%,#e4964c); } .mentor-instagram .instagram-medallion .icon { width:22px; height:22px; stroke-width:1.8; } .mentor-instagram small { display:block; font-size:10px; font-weight:400; color:#735c71; margin-top:2px; overflow-wrap:anywhere; } .mentor-instagram .instagram-arrow { width:16px; height:16px; margin-left:3px; } .mentor-links .mentor-instagram > span:not(.instagram-medallion){min-width:0;} /* A single large video, with an original thumbnail and separate, readable metadata. */ .podcast-title-wrap { margin-bottom:34px; } .podcast-title-wrap p { max-width:900px; } .podcast-feature { width:100%; max-width:1020px; background:#fff; border:1px solid #d5dfe0; border-radius:23px; overflow:hidden; box-shadow:0 22px 58px #19485315; text-align:left; } .podcast-video { position:relative; aspect-ratio:16/9; background:#102a38; width:100%; overflow:hidden; } .podcast-cover { display:block; position:absolute; inset:0; color:white; background:radial-gradient(ellipse at 70% 20%,#246080,transparent 70%),linear-gradient(135deg,#183d4b,#111e29); } .podcast-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#07111c30,transparent 38%,#0713219c); pointer-events:none; } .episode-thumbnail { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; transition:transform .7s var(--motion-ease); } .podcast-cover:hover .episode-thumbnail { transform:scale(1.025); } .episode-badge { position:absolute; top:22px; left:24px; z-index:2; background:#0c1c30bf; border:1px solid #ffffff4a; color:#fff; padding:6px 13px; border-radius:999px; font-size:10px; text-transform:uppercase; letter-spacing:.12em; backdrop-filter:blur(6px); } .episode-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:92px; height:65px; border-radius:19px; display:grid; place-items:center; background:#e3263b; box-shadow:0 13px 40px #200b2588; transition:background .25s,transform .35s; } .episode-play .icon { width:33px; height:33px; fill:#fff; stroke:none; margin-left:5px; } .podcast-cover:hover .episode-play { background:#f5223c; transform:translate(-50%,-50%) scale(1.09); } .episode-action { position:absolute; left:24px; bottom:22px; z-index:2; display:flex; align-items:center; gap:11px; font-size:15px; font-weight:600; text-shadow:0 2px 7px #000; } .episode-action .icon { width:20px; height:20px; } .podcast-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; } .podcast-feature-caption { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:24px 30px; } .podcast-feature-caption .eyebrow { font-size:9px; letter-spacing:.12em; margin-bottom:7px; color:#3f7686; } .podcast-feature-caption h3 { font-size:21px; font-weight:600; letter-spacing:-.02em; } .podcast-feature-caption>p { font-size:12px; color:#637277; line-height:1.7; max-width:225px; } .episode-topics { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:26px; } .episode-topics>span { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid #cfdee0; border-radius:999px; color:#3f6878; background:#eef4f4; font-size:12px; } .episode-topics .icon { width:18px; height:18px; } .podcast-more { margin-top:27px; } .podcast-mini-note { font-size:11px; margin-top:15px; max-width:640px; } .podcast-meeting { width:100%; max-width:1020px; border-top:1px solid #d9dfda; margin-top:32px; padding-top:28px; display:flex; gap:20px; justify-content:space-between; align-items:center; text-align:left; } .podcast-meeting>p { color:#626b63; font-size:14px; } .podcast-meeting .text-link { font-size:12px; flex-shrink:0; } /* FAQ: individual icons, open-state color and keyboard-friendly native controls. */ .faq-list { border:0; display:flex; flex-direction:column; gap:12px; min-width:0; } .faq { min-width:0; border:1px solid #d4c9ba; border-radius:14px; background:#fbf9f5; padding:0!important; overflow:hidden; transition:border-color .3s,box-shadow .3s,background .3s,transform .3s; } .faq[open] { background:#fffdf8; border-color:#b39a75; box-shadow:0 8px 24px #5e4b3010; } .faq summary { padding:20px 20px!important; gap:15px; align-items:center; line-height:1.6; cursor:pointer; min-height:83px; } .faq summary::-webkit-details-marker { display:none; } .faq summary { list-style:none; } .faq-symbol { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; border:1px solid #d9c6a8; border-radius:12px; background:#f3e7d4; color:#8c6337; transition:transform .35s,background .35s,color .35s; } .faq-symbol .icon { width:21px; height:21px; stroke-width:1.6; } .faq:nth-child(3n+2) .faq-symbol { color:#426956; background:#e4eee6; border-color:#c1d4c4; } .faq:nth-child(3n) .faq-symbol { color:#426879; background:#e6eef3; border-color:#c4d3df; } .faq[open] .faq-symbol { transform:rotate(-5deg); } .faq-question { flex:1 1 auto; min-width:0; font-size:13px; font-weight:600; color:#363c32; } .faq .plus { margin-left:0; color:#8b7049; } .faq-answer { padding:0 22px 22px 75px; } .faq-answer p { font-size:13px; line-height:1.85; color:#62685c; } .faq[open] .faq-answer-inner { animation:faq-answer-in .35s var(--motion-ease) both; } .faq-heading-icon { width:61px; height:61px; display:grid; place-items:center; color:#67815f; background:#e2e8d9; border:1px solid #bcc9af; border-radius:18px; margin-bottom:24px; transform:rotate(-6deg); } .faq-heading-icon .icon { width:30px; height:30px; } .faq-heading>.eyebrow { font-size:10px; } @keyframes faq-answer-in { from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)} } @media(hover:hover) { .faq:not([open]):hover { transform:translateX(3px); border-color:#bfa981; background:#fffdf9; } .faq:hover .faq-symbol { transform:translateY(-2px) rotate(-5deg); } } @media(max-width:1020px){ .podcast-feature-caption { padding:20px 24px; } .podcast-feature-caption h3 { font-size:19px; } .podcast-meeting { flex-direction:column; align-items:center; text-align:center; gap:16px; } .faq summary { padding:18px 16px!important; gap:12px; } .faq-answer { padding-left:68px; } } @media(max-width:760px){ .floating-instagram { right:17px; bottom:calc(max(19px,env(safe-area-inset-bottom)) + 78px); width:59px; height:59px; } .social-tooltip { display:none; } .mentor-instagram { font-size:12px!important; } .mentor-links { align-items:flex-start; } .podcast-feature { border-radius:17px; } .episode-badge { top:12px; left:13px; font-size:8px; padding:4px 9px; } .episode-play { width:68px; height:48px; border-radius:13px; } .episode-play .icon { width:26px; height:26px; } .episode-action { left:14px; bottom:12px; gap:8px; font-size:11px; } .episode-action .icon { width:15px; height:15px; } .podcast-feature-caption { flex-direction:column; align-items:flex-start; gap:10px; padding:19px 20px; } .podcast-feature-caption h3 { font-size:18px; } .podcast-feature-caption>p { max-width:none; font-size:12px; } .episode-topics { gap:8px; margin-top:20px; } .episode-topics>span { font-size:10px; padding:7px 10px; gap:6px; } .podcast-more { width:100%; } .podcast-more .button { min-width:0; width:auto; max-width:100%; padding:14px 23px; } .podcast-mini-note { font-size:10px; } .podcast-meeting>p { font-size:13px; } .podcast-meeting .text-link { font-size:12px; flex-shrink:1; } .faq summary { padding:17px 14px!important; gap:11px; } .faq-symbol { width:34px; height:34px; flex-basis:34px; border-radius:10px; } .faq-symbol .icon { width:19px; height:19px; } .faq-question { font-size:12px; } .faq-answer { padding:0 19px 20px 59px; } .faq-answer p { font-size:12px; } .faq-heading-icon { margin-bottom:22px; } html.ticker-autoplay .ticker-group{gap:25px;padding-top:21px;padding-bottom:21px;} } @media(max-width:360px){.faq-answer{padding-left:18px;}.mentor-instagram small{font-size:9px;}.mentor-instagram .instagram-arrow{display:none;}} @media(prefers-reduced-motion:reduce){ /* Explicit site request: the strip starts without a play click, at a gentler speed. */ html.ticker-autoplay:not(.motion-paused) .ticker-track { animation:ticker-scroll 85s linear infinite!important; animation-play-state:running!important; } .faq,.faq-answer-inner,.floating-instagram,.floating-instagram::after { animation:none!important; transition:none!important; } } @media print { .floating-instagram,.episode-play,.episode-topics,.podcast-meeting{display:none!important;} .faq-answer {display:block;} } /* Keep failed optional thumbnails hidden despite the site's base img display rule. */ .episode-thumbnail[hidden] { display:none!important; } /* ===== revision-v6.css ===== */ /* BMF Club | V6: official portrait, aligned contacts and targeted refinements. */ .focus-band { display:block; } .focus-band .ticker-window { width:100%; min-width:0; overflow:hidden; } .focus-band .motion-toggle { display:none!important; } .social-dock { position:fixed; right:max(22px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); z-index:120; display:flex; align-items:center; justify-content:flex-end; gap:14px; width:max-content; max-width:calc(100vw - 32px); isolation:isolate; } .social-dock .floating-instagram, .social-dock .floating-contact, .social-dock .floating-contact[hidden] { position:relative; inset:auto; margin:0; flex-shrink:0; } .social-dock .floating-instagram { width:60px; height:60px; } .social-dock .floating-contact { min-height:64px; } .social-dock .social-tooltip { right:auto; left:50%; top:auto; bottom:calc(100% + 14px); transform:translate(-50%,6px); font-size:11px; } .social-dock .floating-instagram:is(:hover,:focus-visible) .social-tooltip { transform:translate(-50%,0); } /* Hero: the original portrait stays sharp and correctly proportioned. */ .hero-art.hero-portrait { background:#1c2725; padding:0; min-height:610px; height:clamp(610px,48vw,700px); border-radius:130px 8px 8px 8px; display:block; position:relative; } .hero-portrait-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 31%; display:block; filter:none; } .hero-art.hero-portrait::before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,#14211f0a 0%,transparent 60%,#10201ee8 100%); opacity:1; border:0; animation:none; width:100%; height:100%; border-radius:0; transform:none; filter:none; } .hero-art.hero-portrait::after { display:none; } .portrait-brand { position:absolute; z-index:2; top:30px; right:26px; display:flex; flex-direction:column; align-items:flex-end; gap:5px; text-align:right; } .portrait-brand>span:first-child { color:#efe4d5; letter-spacing:.22em; font-size:11px; } .portrait-brand>span:last-child { color:#d8c8b2; font-size:9px; } .portrait-caption { position:absolute; bottom:31px; left:32px; right:26px; z-index:2; } .portrait-eyebrow { color:#e5c7a6; font-size:9px; letter-spacing:.15em; text-transform:uppercase; } .portrait-caption p { margin:10px 0; font:400 clamp(32px,3.4vw,49px)/1.05 var(--serif); letter-spacing:-.02em; color:#fffaf1; } .portrait-caption p em { color:#e5c7a6; } .portrait-specialty { display:block; color:#fff6e9; font-size:11px; line-height:1.6; } /* Matching mentor panels. Text stays away from the face and remains readable. */ .mentor-grid .mentor-identity { min-height:500px; } .mentor-identity.portrait-confirmed { padding:28px 32px; } .mentor-identity.portrait-confirmed .mentor-photo { object-position:50% 25%; } .mentor-identity.portrait-confirmed::before { background:linear-gradient(180deg,#10201a85 0%,transparent 24%,transparent 61%,#11271fe6 100%); } .mentor-identity.portrait-confirmed .mentor-role-title { max-width:100%; font-size:10px; letter-spacing:.1em; line-height:1.7; text-wrap:balance; } .mentor-identity.portrait-confirmed h3 { margin-top:auto; padding:0 0 16px; font-size:52px; } .mentor-identity.portrait-confirmed .mentor-role.bottom { font-size:9px; line-height:1.6; } .mentor-links .trajectory-link { display:inline-flex; align-items:center; gap:3px; } /* Less enlargement and a single video, as requested. */ #podcast .podcast-feature { max-width:680px; margin-inline:auto; } #podcast .podcast-feature-caption { padding:20px 24px; } #podcast .podcast-feature-caption h3 { font-size:19px; } #podcast .podcast-feature-caption>p { max-width:190px; font-size:11px; } #podcast .episode-play { width:76px; height:54px; border-radius:15px; } #podcast .episode-play .icon { width:25px; height:25px; } #podcast .podcast-cover:hover .episode-thumbnail { transform:none; } @media (min-width:1600px) { .hero-art.hero-portrait { max-height:700px; } .mentor-grid .mentor-identity { min-height:540px; } } @media (min-width:761px) and (max-width:1020px) { .hero-art.hero-portrait { min-height:560px; height:610px; border-top-left-radius:95px; } .mentor-grid .mentor-identity { min-height:440px; } .mentor-identity.portrait-confirmed { padding:24px; } .mentor-identity.portrait-confirmed .mentor-role-title { font-size:9px; } .mentor-identity.portrait-confirmed h3 { font-size:45px; } } @media (max-width:760px) { .social-dock { right:max(17px,env(safe-area-inset-right)); bottom:max(19px,env(safe-area-inset-bottom)); gap:12px; } .social-dock .floating-instagram, .social-dock .floating-contact, .social-dock .floating-contact[hidden] { width:58px; height:58px; min-height:58px; padding:0; display:grid; place-items:center; } .social-dock .floating-contact .wa-icon { width:30px; height:30px; } .hero-art.hero-portrait { min-height:0; height:auto; aspect-ratio:4/5; max-width:520px; width:100%; margin-inline:auto; border-top-left-radius:90px; } .hero-portrait-image { object-position:50% 33%; } .portrait-brand { top:24px; right:23px; } .portrait-brand>span:last-child { display:none; } .portrait-caption { bottom:25px; left:25px; right:22px; } .portrait-caption p { font-size:38px; margin:8px 0; } .portrait-eyebrow { font-size:8px; } .portrait-specialty { font-size:10px; } .mentor-grid .mentor-identity { min-height:440px; } .mentor-identity.portrait-confirmed { padding:25px; } .mentor-identity.portrait-confirmed .mentor-photo { object-position:50% 28%; } .mentor-identity.portrait-confirmed h3 { font-size:48px; } #podcast .podcast-feature { max-width:560px; } #podcast .podcast-feature-caption { padding:19px 20px; } #podcast .podcast-feature-caption>p { max-width:none; } } @media (max-width:380px) { .mentor-grid .mentor-identity { min-height:390px; } .mentor-identity.portrait-confirmed .mentor-role-title { font-size:8px; } .portrait-caption p { font-size:32px; } .portrait-caption { left:22px; } } /* System accessibility preferences remain respected without a label in the strip. */ @media(prefers-reduced-motion:reduce) { html.ticker-autoplay:not(.motion-paused) .ticker-track { animation:none!important; transform:none!important; width:100%; } html.ticker-autoplay .ticker-group[aria-hidden='true'] { display:none; } html.ticker-autoplay .ticker-group:not([aria-hidden='true']) { width:100%; flex-wrap:wrap; justify-content:center; white-space:normal; gap:12px 22px; padding:22px; } html.ticker-autoplay .ticker-star { display:none; } .hero-art.hero-portrait,.mentor-photo { transition:none!important; transform:none!important; } } @media print { .social-dock { display:none!important; } } /* ===== revision-v7.css ===== */ /* BMF CLUB | V7 — requested visual corrections, real portraits and compact mentor cards. */ /* The photograph of BOTH mentors belongs in the opening, without cropping their faces. */ .hero-art.hero-portrait.hero-couple { min-height:0; height:auto; width:100%; max-height:none; aspect-ratio:1895 / 2048; align-self:center; isolation:isolate; border-radius:110px 12px 12px 12px; background:#101b19; } .hero-couple .hero-portrait-image { width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:none; } .hero-art.hero-couple::before { background:linear-gradient(180deg,rgba(9,20,17,.12),transparent 35%,transparent 62%,rgba(8,20,17,.88)); } .hero-couple .portrait-brand { left:30px; right:auto; top:32px; align-items:flex-start; text-align:left; } .hero-couple .portrait-caption { left:30px; right:26px; bottom:27px; } .hero-couple .portrait-caption p { font-size:clamp(28px,2.7vw,40px); line-height:1.12; } .hero-couple .portrait-eyebrow { font-size:9px; } .hero-couple .portrait-specialty { font-size:11px; } /* Same geometry for the two mentors; no CV paragraphs or trajectory links. */ .mentor-grid { align-items:stretch; } .mentor-grid .mentor-identity.portrait-confirmed { height:clamp(440px,39vw,570px); min-height:0; display:flex; flex-direction:column; padding:30px 32px; overflow:hidden; isolation:isolate; } .mentor-identity.portrait-confirmed .mentor-photo-slot { z-index:0; } .mentor-identity.portrait-confirmed::before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg,rgba(13,28,23,.62),transparent 23%,transparent 56%,rgba(10,26,20,.9)); } .mentor-identity.portrait-confirmed .mentor-role, .mentor-identity.portrait-confirmed h3 { position:relative; z-index:2; } .mentor-identity.portrait-confirmed h3 { margin-top:auto; padding-bottom:16px; font-size:clamp(44px,4.2vw,60px); line-height:1.03; } .mentor-identity.portrait-confirmed .mentor-role-title { max-width:100%; color:#fff5e7; font-size:10px; line-height:1.65; } .mentor-identity[data-mentor="matheus"] .mentor-photo { object-position:50% 26%; } .mentor-identity[data-mentor="jessica"] .mentor-photo { object-position:50% 28%; } .mentor-card:hover .mentor-photo { transform:scale(1.025); } .mentor-copy.mentor-social-only { padding:22px 28px; } .mentor-social-only .mentor-links { margin:0; gap:0; } .mentor-social-only .mentor-instagram { margin:0; max-width:100%; } /* Continuous, no-click marquee. Separate classes prevent old hover/OS overrides. */ .bmf-topic-band { display:block; overflow:hidden; padding:0; background:#264f3e; color:#fbf5e8; border:0; } .bmf-topic-band .bmf-marquee { width:100%; overflow:hidden; scrollbar-width:none; } .bmf-topic-band .bmf-marquee::-webkit-scrollbar { display:none; } html body .bmf-topic-band .bmf-marquee-track { display:flex; width:max-content; max-width:none; align-items:center; animation:bmf-marquee-scroll 44s linear infinite!important; animation-play-state:running!important; will-change:transform; } .bmf-marquee-group { display:flex; flex:0 0 auto; min-width:100vw; box-sizing:border-box; align-items:center; justify-content:space-around; gap:32px; padding:25px 32px 25px 0; white-space:nowrap; } .bmf-marquee-item { flex-shrink:0; font-size:12px; font-weight:650; letter-spacing:.13em; text-transform:uppercase; } .bmf-marquee-star { flex-shrink:0; color:#e6c597; font-size:26px; line-height:1; } @keyframes bmf-marquee-scroll { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } } /* Podcast: one episode, restrained size; playback stays an explicit user choice. */ #podcast .podcast-feature { width:100%; max-width:640px; margin-inline:auto; } #podcast .podcast-video { aspect-ratio:16/9; } #podcast .podcast-cover .episode-thumbnail { object-fit:cover; transform:none; } #podcast .podcast-feature-caption { padding:21px 23px; } /* The timeline has no decorative strokes crossing the copy. */ .timeline li::after, .timeline li.in-view::after { content:none!important; display:none!important; } /* Lighter ending: sage/champagne invitation followed by a readable sand footer. */ .closing-section { background:linear-gradient(115deg,#e2ebdf 0%,#eee6d7 65%,#ead4b4 100%); color:#213c2e; } .closing-section .closing-grid h2 { color:#213c2e; } .closing-section .closing-grid h2 em { color:#775b3c; } .closing-section .closing-grid p:not(.eyebrow) { color:#3f5145; } .closing-section .eyebrow.light { color:#354e40; } .closing-section .closing-grid > img { opacity:1; } .closing-section .button.button-gold { background:#214f38; color:#fffdf6; border-color:#214f38; box-shadow:0 10px 25px #214f381a; } .closing-section .button.button-gold:hover { background:#173d2a; border-color:#173d2a; } .site-footer { background:#f2ebdf; color:#263e31; border-top:1px solid #d5c8b6; padding-top:56px; padding-bottom:128px; } .site-footer .footer-top .eyebrow { color:#274e3a; font-size:11px; font-weight:700; letter-spacing:.12em; } .site-footer .footer-top > div > a { color:#35493c; font-size:13px; line-height:1.8; } .site-footer .footer-top > div > a:hover { color:#775335; } .site-footer .footer-brand img { width:190px; max-width:100%; filter:none; opacity:1; } .site-footer .footer-note { display:block; color:#526052; font-size:12px; line-height:1.8; } .site-footer .footer-top .footer-whatsapp { margin-top:16px; color:#1e5036; font-weight:650; } .site-footer .footer-disclaimer { border-top:1px solid #c6baa7; } .site-footer .footer-disclaimer p { color:#4c584d; font-size:12px; line-height:1.85; } .site-footer .footer-bottom { color:#445446; font-size:11px; } .site-footer .footer-bottom a, .site-footer .legal-button { color:#344a3b; font-size:11px; } .site-footer .footer-bottom a:hover, .site-footer .legal-button:hover { color:#775335; } @media (min-width:761px) and (max-width:1020px) { .hero-art.hero-couple { border-top-left-radius:72px; } .hero-couple .portrait-caption { left:23px; right:20px; bottom:20px; } .hero-couple .portrait-caption p { font-size:29px; } .hero-couple .portrait-brand { top:22px; left:23px; } .hero-couple .portrait-brand>span:last-child { display:none; } .mentor-grid .mentor-identity.portrait-confirmed { height:440px; padding:25px; } .mentor-identity.portrait-confirmed .mentor-role-title { font-size:9px; } } @media (max-width:760px) { .hero-art.hero-portrait.hero-couple { min-height:0; height:auto; max-width:520px; aspect-ratio:1895 / 2048; border-top-left-radius:78px; } .hero-couple .portrait-brand { top:23px; left:25px; } .hero-couple .portrait-caption { bottom:21px; left:25px; right:22px; } .hero-couple .portrait-caption p { font-size:clamp(28px,7.6vw,39px); } .hero-couple .portrait-specialty { font-size:10px; } .hero-couple .portrait-eyebrow { font-size:8px; } .mentor-grid .mentor-identity.portrait-confirmed { height:clamp(400px,115vw,530px); min-height:0; padding:25px; } .mentor-identity.portrait-confirmed .mentor-role-title { font-size:9px; } .mentor-identity.portrait-confirmed h3 { font-size:46px; } .mentor-copy.mentor-social-only { padding:20px 22px; } .bmf-marquee-group { gap:27px; padding:22px 27px 22px 0; } .bmf-marquee-item { font-size:11px; letter-spacing:.1em; } .bmf-marquee-star { font-size:23px; } .site-footer { padding-top:42px; padding-bottom:120px; } .site-footer .footer-top { row-gap:32px; } .site-footer .footer-top > div > a { font-size:12px; } .site-footer .footer-bottom { row-gap:16px; } #podcast .podcast-feature-caption { padding:18px 20px; } } @media (max-width:380px) { .mentor-grid .mentor-identity.portrait-confirmed { height:390px; padding:22px; } .mentor-identity.portrait-confirmed .mentor-role-title { font-size:8px; } .mentor-identity.portrait-confirmed h3 { font-size:43px; } } /* Gentle constant speed for the explicitly requested strip; other motion remains reduced. */ @media(prefers-reduced-motion:reduce) { html body .bmf-topic-band .bmf-marquee-track { animation:bmf-marquee-scroll 90s linear infinite!important; animation-play-state:running!important; } .hero-art.hero-couple,.mentor-photo { transition:none!important; transform:none!important; } } @media print { .bmf-topic-band { display:none!important; } .site-footer { background:white; padding-bottom:0; } } /* ===== formation-v8.css ===== */ /* BMF Club V8 — formação empresarial. Escopo isolado para preservar o site. */ .formation-section{--fm-ink:#203b36;--fm-muted:#52615a;--fm-line:#d8dfd5;--fm-accent:#82603d;position:relative;isolation:isolate;margin-top:64px;padding:clamp(26px,3.5vw,50px);border:1px solid #d9ded2;border-radius:28px;background:linear-gradient(145deg,#f0f4ec 0%,#f8f6ee 52%,#f3e7d5 100%);color:var(--fm-ink);box-shadow:0 16px 50px #294a3308;scroll-margin-top:130px} .formation-section::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 92% 0%,#d5bb8b30,transparent 46%)} .formation-section *{min-width:0}.formation-section [hidden]{display:none!important} .formation-section .formation-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .formation-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:52px;align-items:center} .formation-section .formation-eyebrow{display:flex;align-items:center;gap:10px;color:#48634f;font-size:10px;letter-spacing:.13em;font-weight:650;margin:0 0 22px} .formation-eyebrow .formation-icon{width:20px;height:20px} .formation-section h2{font:400 clamp(37px,3.4vw,51px)/1.07 var(--serif);letter-spacing:-.025em;margin:0;color:var(--fm-ink)} .formation-section h2 em{display:inline-block;color:var(--fm-accent);margin-top:6px} .formation-intro-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a5c38;font-weight:650;margin-bottom:15px} .formation-intro p{font-size:13px;line-height:1.85;color:var(--fm-muted);margin:0}.formation-intro p+p{margin-top:12px}.formation-intro strong{color:var(--fm-ink);font-weight:650} .formation-reference-heading{display:flex;gap:22px;align-items:center;margin:38px 0 18px;font-size:10px;font-weight:650;letter-spacing:.10em;text-transform:uppercase;color:#5e695e} .formation-reference-line{height:1px;background:#d5dacd;flex:1} .formation-references{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .formation-reference{--ref-color:#82603d;--ref-bg:#f2e8d9;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:22px 18px 21px;border:1px solid #dddace;background:#fffdf8d9;border-radius:17px;min-height:232px;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .formation-reference--joel{--ref-color:#386355;--ref-bg:#e7eee4}.formation-reference--caio{--ref-color:#965b45;--ref-bg:#f4e8dc}.formation-reference--carlos{--ref-color:#466779;--ref-bg:#e6eef1} .formation-reference::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(220px circle at var(--pointer-x,50%) var(--pointer-y,15%),var(--ref-bg),transparent 80%);transition:opacity .3s} .formation-reference-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:var(--ref-color);background:var(--ref-bg);margin-bottom:23px;transition:transform .3s ease} .formation-reference-label{font-size:8px;font-weight:650;letter-spacing:.10em;text-transform:uppercase;color:var(--ref-color);line-height:1.65;margin:0 0 8px} .formation-section .formation-reference h3{font:400 clamp(24px,2.05vw,31px)/1.08 var(--serif);letter-spacing:-.015em;color:var(--fm-ink);margin:0 0 10px} .formation-reference-detail{font-size:11px;line-height:1.7;color:#52615a;margin:0} .formation-applied{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;padding-top:35px;margin-top:35px;border-top:1px solid var(--fm-line);align-items:start} .formation-applied-heading .eyebrow{font-size:9px;color:#63705e;letter-spacing:.11em;margin-bottom:13px} .formation-applied-heading h3{font:400 30px/1.1 var(--serif);letter-spacing:-.015em;margin:0 0 12px}.formation-applied-heading h3 em{color:var(--fm-accent)} .formation-applied-heading>p:last-child{font-size:11px;line-height:1.85;color:var(--fm-muted);max-width:265px;margin:0} .formation-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;background:#e9ede3;border-radius:13px} .formation-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 7px;border:0;background:transparent;color:#52615a;border-radius:9px;font:550 10px/1.4 var(--sans);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s;white-space:normal} .formation-tab .formation-icon{height:16px;width:16px;stroke-width:1.8} .formation-tab[aria-selected=true]{background:#244c3f;color:#fffdf6;box-shadow:0 4px 12px #203b361a}.formation-tab:hover:not([aria-selected=true]){background:#f9fbf5;color:#244c3f} .formation-tab:focus-visible,.formation-tab-panel:focus-visible,.formation-gallery-card:focus-visible{outline:3px solid #9e713e;outline-offset:4px} .formation-tab-panels{min-height:150px}.formation-tab-panel{padding:21px 8px 3px;animation:formation-content-in .32s ease-out} .formation-tab-panel h3{font:550 16px/1.5 var(--sans);letter-spacing:-.015em;margin:0 0 10px;color:#243e32} .formation-tab-panel p{font-size:12px;line-height:1.85;color:var(--fm-muted);margin:0;max-width:560px} .formation-teaching{display:flex;align-items:center;gap:14px;margin-top:24px;padding:17px 21px;border:1px solid #d7decf;border-radius:12px;background:#ffffff54} .formation-teaching-icon{color:#6e785c}.formation-teaching .formation-icon{width:26px;height:26px} .formation-teaching-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#59664e;font-weight:650;margin:0 0 4px}.formation-teaching p:last-child{font-size:12px;line-height:1.6;color:#354b3e;margin:0} .formation-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--fm-line);margin-top:28px;padding-top:27px} .formation-invitation p{font-size:17px;line-height:1.5;margin:0}.formation-invitation strong{font-weight:550;letter-spacing:-.015em}.formation-invitation>span{display:block;margin-top:8px;font-size:11px;line-height:1.75;color:var(--fm-muted)} .formation-section .formation-contact{flex-shrink:0;gap:10px;padding:16px 19px;font-size:11px;min-height:52px;border-radius:10px;background:#244c3f;border-color:#244c3f;color:#fffdf5;box-shadow:0 8px 20px #203b3612}.formation-section .formation-contact:hover{background:#183e31;transform:translateY(-2px);box-shadow:0 14px 28px #203b3622}.formation-contact .icon{width:17px;height:17px} .formation-disclaimer{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.75;color:#62705f;margin:25px 0 0}.formation-disclaimer .formation-icon{width:15px;height:15px;margin-top:1px}.formation-disclaimer span{max-width:960px} .formation-gallery{margin-top:30px;padding-top:27px;border-top:1px solid var(--fm-line)}.formation-gallery-heading .eyebrow{font-size:9px;margin-bottom:10px}.formation-gallery-heading h3{font:400 31px/1.1 var(--serif);margin-bottom:20px}.formation-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.formation-gallery-card{padding:0;text-align:left;font-family:inherit;cursor:zoom-in;border:1px solid #d9decf;background:#fffdf8;border-radius:15px;overflow:hidden;transition:transform .25s,box-shadow .25s}.formation-gallery-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}.formation-gallery-card span{display:block;padding:15px;font-size:12px;line-height:1.6;color:#334f3d}.formation-gallery-card:hover{transform:translateY(-4px);box-shadow:0 14px 25px #183c2b15} .formation-lightbox{border:0;border-radius:16px;padding:0;max-width:min(1000px,94vw);max-height:92dvh;background:#f9f6ef;box-shadow:0 35px 120px #0007;color:#243c31}.formation-lightbox::backdrop{background:#13271dcc;backdrop-filter:blur(5px)}.formation-lightbox img{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}.formation-lightbox p{font-size:13px;padding:18px 24px;line-height:1.7;margin:0}.formation-lightbox-close{position:absolute;right:12px;top:12px;z-index:1;width:42px;height:42px;border-radius:50%;border:1px solid #fff8;background:#142e26;color:white;cursor:pointer;font-size:25px;line-height:1;display:grid;place-items:center} @keyframes formation-content-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @keyframes formation-card-in{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}} @media(hover:hover) and (pointer:fine){.formation-reference:hover{transform:translateY(-6px);border-color:var(--ref-color);box-shadow:0 14px 26px #30482e12}.formation-reference:hover::after{opacity:1}.formation-reference:hover .formation-reference-icon{transform:translateY(-2px) rotate(-5deg)}} .formation-section.is-visible .formation-reference{animation:formation-card-in .55s backwards;animation-delay:calc(var(--card-order)*90ms)} @media(max-width:1200px){.formation-heading{gap:30px;grid-template-columns:1.15fr 1fr}.formation-section h2{font-size:41px}.formation-section .formation-reference h3{font-size:27px}.formation-reference{padding:20px 16px;min-height:225px}.formation-applied{gap:26px;grid-template-columns:.67fr 1.33fr}.formation-tabs{gap:3px}.formation-tab{font-size:9px;gap:4px}.formation-tab .formation-icon{width:14px;height:14px}} @media(max-width:1020px){.formation-section{padding:30px;margin-top:45px}.formation-heading{grid-template-columns:1fr;gap:24px}.formation-section h2{font-size:45px;max-width:650px}.formation-intro{max-width:650px}.formation-intro-label{display:none}.formation-intro p{font-size:13px}.formation-references{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.formation-reference{min-height:208px;padding:23px}.formation-section .formation-reference h3{font-size:32px}.formation-reference-label{font-size:9px}.formation-reference-detail{font-size:12px}.formation-reference-icon{margin-bottom:19px}.formation-applied{grid-template-columns:1fr;gap:22px}.formation-applied-heading>p:last-child{max-width:none}.formation-applied-heading h3 br{display:none}.formation-applied-heading h3{font-size:31px}.formation-tab{font-size:11px;padding:12px 7px}.formation-tab .formation-icon{width:17px;height:17px}.formation-tab-panels{min-height:127px}.formation-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formation-bottom{align-items:flex-start;flex-direction:column;gap:20px}} @media(max-width:600px){.formation-section{border-radius:20px;padding:24px 18px;margin-top:34px}.formation-heading{gap:21px}.formation-section .formation-eyebrow{font-size:8px;gap:7px;letter-spacing:.1em;margin-bottom:16px}.formation-section h2{font-size:clamp(33px,9vw,40px);line-height:1.08}.formation-intro p{font-size:12px;line-height:1.8}.formation-reference-heading{font-size:8px;gap:12px;margin-top:26px;margin-bottom:14px;line-height:1.7}.formation-references{gap:10px}.formation-reference{padding:17px 13px;min-height:211px;border-radius:13px}.formation-reference-icon{width:38px;height:38px;border-radius:11px;margin-bottom:16px}.formation-reference-icon .formation-icon{width:21px;height:21px}.formation-reference-label{font-size:7px;letter-spacing:.07em;min-height:24px}.formation-section .formation-reference h3{font-size:27px;line-height:1.05}.formation-reference-detail{font-size:10px;line-height:1.65}.formation-applied{padding-top:25px;margin-top:26px}.formation-applied-heading .eyebrow{font-size:8px}.formation-applied-heading h3{font-size:28px}.formation-tabs{gap:4px;padding:5px;grid-template-columns:repeat(2,minmax(0,1fr))}.formation-tab{font-size:11px;justify-content:flex-start;padding:11px 10px;gap:7px}.formation-tab-panels{min-height:178px}.formation-tab-panel{padding:18px 4px 3px}.formation-tab-panel h3{font-size:15px}.formation-tab-panel p{font-size:11px}.formation-teaching{padding:14px;gap:10px;margin-top:10px}.formation-teaching p:last-child{font-size:11px}.formation-teaching-label{font-size:7px}.formation-section .formation-contact{width:100%;justify-content:center;font-size:11px;padding:15px 12px}.formation-invitation p{font-size:16px}.formation-invitation>span{font-size:11px}.formation-desktop-break{display:none}.formation-disclaimer{font-size:9px;line-height:1.7}.formation-gallery-grid{grid-template-columns:1fr}.formation-bottom{padding-top:23px;margin-top:24px}.formation-lightbox p{font-size:11px;padding:14px 18px}} @media(prefers-reduced-motion:reduce){.formation-section *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.formation-reference:hover{transform:none}.formation-section .formation-reference{opacity:1!important}} @media print{.formation-section{break-inside:auto;background:#fff;padding:22px;border:1px solid #bbb;margin-top:24px;box-shadow:none}.formation-contact,.formation-gallery-card,.formation-tabs{display:none!important}.formation-tab-panel[hidden]{display:block!important}.formation-reference{break-inside:avoid;box-shadow:none}.formation-section .formation-reference{opacity:1!important;transform:none!important}} /* Docência: os dois mentores, com os temas informados pelo responsável. */ .formation-teaching-block{margin-top:24px} .formation-teaching-heading{margin-bottom:16px} .formation-teaching-heading .eyebrow{font-size:9px;letter-spacing:.11em;margin:0 0 8px;color:#63705e} .formation-teaching-heading h3{font:400 28px/1.16 var(--serif);letter-spacing:-.015em;margin:0;color:var(--fm-ink)} .formation-teaching-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .formation-teaching-grid .formation-teaching{margin-top:0;padding:20px;align-items:flex-start;background:#fcfdf8b8;transition:transform .25s ease,box-shadow .25s ease} .formation-teaching-grid .formation-teaching--management{background:#f9f0e3bb;border-color:#dfd0bd} .formation-teaching-grid .formation-teaching-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7eee3;flex-shrink:0;color:#416450} .formation-teaching--management .formation-teaching-icon{background:#ecdac3;color:#82603d} .formation-teaching h4{font:550 16px/1.4 var(--sans);color:var(--fm-ink);margin:2px 0 5px} .formation-teaching-grid .formation-teaching p:last-child{font-size:12px;line-height:1.65} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.formation-teaching-grid .formation-teaching:hover{transform:translateY(-3px);box-shadow:0 10px 23px #203b3610}} @media(max-width:600px){.formation-teaching-heading h3{font-size:27px}.formation-teaching-grid{grid-template-columns:1fr;gap:10px}.formation-teaching-grid .formation-teaching{padding:16px;gap:12px}.formation-teaching h4{font-size:15px}.formation-teaching-grid .formation-teaching p:last-child{font-size:11px}.formation-teaching-grid .formation-teaching-icon{width:38px;height:38px}.formation-teaching-grid .formation-teaching-label{font-size:8px}} /* ===== photos-v9.css ===== */ /* V9: seven uploaded photos, visible without JS and with uncropped enlargement. */ .formation-section .formation-gallery--with-photos{scroll-margin-top:140px;display:block;margin:34px 0 0;padding-top:26px;border-top:1px solid var(--fm-line)} .formation-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px} .formation-gallery-heading h3{font:400 clamp(29px,3vw,38px)/1.12 var(--serif);color:var(--fm-ink);margin:0} .formation-gallery-heading .eyebrow{font-size:9px;letter-spacing:.12em;color:#63705e;margin-bottom:9px} .formation-gallery-hint{display:flex;align-items:center;gap:8px;color:#5a695c;font-size:11px;line-height:1.6;margin:0} .formation-gallery-hint .formation-icon{width:16px;height:16px} .formation-photo-shortcut{display:inline-flex;align-items:center;font-size:12px;font-weight:650;color:#244c3f;border-bottom:1px solid #bba887;padding:6px 0;margin-top:15px;text-decoration:none} .formation-gallery--with-photos .formation-gallery-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px} .formation-photo-card{margin:0;flex:0 1 calc((100% - 36px)/3);min-width:0;background:#fffdf8;border:1px solid #dcd9cc;border-radius:17px;overflow:hidden;box-shadow:0 7px 18px #203b3609;transition:transform .25s ease,box-shadow .25s ease} .formation-photo-open{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;background:linear-gradient(145deg,#243a32,#182924);aspect-ratio:1/1;overflow:hidden;cursor:zoom-in} .formation-photo-open img.formation-real-photo{display:block;width:100%;height:100%;max-width:none;object-fit:scale-down;object-position:center;transition:transform .4s ease} .formation-photo-zoom{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;color:#fff;background:#142c24d9;border:1px solid #e7ded699;box-shadow:0 3px 8px #0002;pointer-events:none} .formation-photo-zoom svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .formation-photo-caption{padding:16px 17px 18px} .formation-photo-category{display:block;color:#7c5d3d;font-size:8px;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px} .formation-photo-caption p{font-size:13px;line-height:1.6;color:#294237;font-weight:550;margin:0} .formation-photo-open:focus-visible,.formation-photo-shortcut:focus-visible{outline:3px solid #ae804c;outline-offset:-3px} .formation-section .formation-teaching-block{padding-top:29px;margin-top:28px;border-top:1px solid var(--fm-line)} .formation-teaching-grid .formation-photo-card{width:100%} .formation-teaching-grid .formation-photo-open{aspect-ratio:4/3;background:linear-gradient(140deg,#e8e1d3,#d9d3c6)} .formation-teaching-grid .formation-photo-caption{padding:19px 21px} .formation-teaching-grid .formation-photo-caption p{font-size:14px;max-width:420px} .formation-lightbox-v9{position:fixed;inset:0;margin:auto;width:fit-content;max-width:min(1080px,94vw);height:fit-content;max-height:94dvh;padding:0;border:1px solid #ffffff38;border-radius:18px;overflow:hidden;background:#101c17;color:#fff;box-shadow:0 30px 100px #0008} .formation-lightbox-v9::backdrop{background:#07120edb;backdrop-filter:blur(7px)} .formation-lightbox-v9 .photo-dialog-image{display:block;max-width:min(1080px,94vw);width:auto;height:auto;max-height:74dvh;object-fit:contain;margin:auto} .formation-lightbox-v9 .photo-dialog-caption{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#fffdf8;color:#294237;padding:17px 22px;min-height:70px;max-width:min(1080px,94vw)} .formation-lightbox-v9 .photo-dialog-caption p{font:500 13px/1.6 var(--sans);margin:0} .formation-lightbox-v9 .photo-dialog-close{position:absolute;top:12px;right:12px;z-index:3;border:1px solid #fff8;border-radius:50%;background:#142a23eb;color:#fff;font:400 28px/1 var(--sans);cursor:pointer;width:42px;height:42px;display:grid;place-items:center} .photo-dialog-counter{font-size:11px;white-space:nowrap;color:#65705e} .photo-dialog-controls{display:flex;gap:8px;align-items:center;flex-shrink:0} .photo-dialog-nav{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d7dbd0;background:#f2f2e9;color:#264635;border-radius:50%;cursor:pointer;font-size:19px} .formation-lightbox-v9 button:focus-visible{outline:3px solid #c3a575;outline-offset:3px} @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.formation-photo-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #203b3620}.formation-photo-open:hover .formation-photo-zoom{background:#224b3d}} @media(max-width:1020px){.formation-photo-card{flex-basis:calc((100% - 18px)/2)}.formation-gallery-hint{font-size:10px}.formation-photo-caption p{font-size:12px}} @media(max-width:600px){.formation-gallery-heading{align-items:flex-start;flex-direction:column;gap:12px}.formation-gallery--with-photos .formation-gallery-grid{gap:17px}.formation-photo-card{flex-basis:100%;border-radius:14px}.formation-photo-caption{padding:15px 16px}.formation-photo-category{font-size:8px}.formation-photo-caption p{font-size:13px}.formation-photo-open{aspect-ratio:1/1}.formation-teaching-grid{gap:17px}.formation-teaching-grid .formation-photo-open{aspect-ratio:1/1}.formation-teaching-grid .formation-photo-caption{padding:15px 16px}.formation-teaching-grid .formation-photo-caption p{font-size:13px}.formation-lightbox-v9 .photo-dialog-caption{padding:14px;gap:12px;flex-wrap:wrap}.formation-lightbox-v9 .photo-dialog-caption p{font-size:12px}.formation-lightbox-v9 .photo-dialog-image{max-height:69dvh}.photo-dialog-counter{font-size:10px}.formation-photo-shortcut{font-size:11px}} @media(prefers-reduced-motion:reduce){.formation-photo-card,.formation-photo-open img{transition:none!important;animation:none!important}} @media print{.formation-photo-card{break-inside:avoid}.formation-lightbox-v9{display:none!important}} /* ===== revision-v11.css ===== */ /* V11: six training references, responsive layout and complete captions. */ #formacao-empresarial .formation-references{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} #formacao-empresarial .formation-reference{min-height:238px;padding:24px;} #formacao-empresarial .formation-reference--g4{--ref-color:#4d607d;--ref-bg:#e8edf5;} #formacao-empresarial .formation-reference--caproni{--ref-color:#31695b;--ref-bg:#e1eee6;background:linear-gradient(145deg,#fffdf8,#edf4eb);border-color:#c8d7c8;} #formacao-empresarial .formation-reference-detail{font-size:12px;line-height:1.7;overflow-wrap:break-word;} .formation-reference-period{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;max-width:100%;margin-top:17px;padding:7px 10px;border:1px solid #bcd0bc;border-radius:8px;background:#e7efe3;color:#2f5342;font:600 10px/1.6 var(--sans);letter-spacing:.01em;} .formation-reference-period::before{content:"";width:5px;height:5px;border-radius:50%;background:#477655;flex-shrink:0;} .formation-photo-caption p{overflow-wrap:break-word;white-space:normal;} .formation-teaching-grid .formation-photo-caption p{max-width:none;line-height:1.7;} @media(max-width:1020px){#formacao-empresarial .formation-references{grid-template-columns:repeat(2,minmax(0,1fr));}#formacao-empresarial .formation-reference{padding:23px;min-height:230px;}} @media(max-width:560px){#formacao-empresarial .formation-references{grid-template-columns:minmax(0,1fr);gap:12px;}#formacao-empresarial .formation-reference{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:14px;row-gap:0;min-height:0;padding:20px 17px;}#formacao-empresarial .formation-reference-icon{grid-column:1;grid-row:1 / span 4;margin:0;width:42px;height:42px;}#formacao-empresarial .formation-reference-label,#formacao-empresarial .formation-reference h3,#formacao-empresarial .formation-reference-detail,#formacao-empresarial .formation-reference-period{grid-column:2;}#formacao-empresarial .formation-reference-label{min-height:0;line-height:1.65;font-size:8px;letter-spacing:.06em;margin-bottom:7px;}#formacao-empresarial .formation-reference h3{font-size:28px;line-height:1.1;margin-bottom:10px;}#formacao-empresarial .formation-reference-detail{font-size:12px;line-height:1.75;}#formacao-empresarial .formation-reference-period{font-size:10px;margin-top:13px;padding:6px 9px;}} /* ===== revision-v12.css ===== */ /* V12 — elevar apenas o enquadramento do retrato de Matheus. As fotografias originais, a foto do casal e o retrato de Jéssica são preservados. O ponto focal é refinado por portrait-v12.js conforme as dimensões do cartão. */ .mentor-identity.portrait-confirmed[data-mentor="matheus"] .mentor-photo { object-fit:cover; object-position:50% var(--matheus-portrait-y,44%); } @media (max-width:460px) { .mentor-identity.portrait-confirmed[data-mentor="matheus"] .mentor-photo { object-position:50% var(--matheus-portrait-y,85%); } } @media (max-width:380px) { .mentor-identity.portrait-confirmed[data-mentor="matheus"] .mentor-photo { object-position:50% var(--matheus-portrait-y,100%); } } /* ===== V13 FINAL POLISH ===== */ :root{ --v13-ink:#1e2d25; --v13-green:#234f3b; --v13-green-2:#2f6850; --v13-gold:#b68a57; --v13-gold-soft:#dfc49f; --v13-paper:#f8f4ec; --v13-sand:#eee5d8; --v13-sage:#e6eee5; --v13-shadow:0 18px 50px rgba(32,55,42,.11); --v13-ease:cubic-bezier(.22,.75,.25,1); } html{scroll-behavior:smooth;scroll-padding-top:92px} body{background:var(--v13-paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased} ::selection{background:#d8c19f;color:#173528} .skip-link{position:fixed;left:14px;top:10px;z-index:9999;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:#173d2e;color:#fff;font:600 12px/1 var(--sans);transition:transform .2s} .skip-link:focus{transform:translateY(0);outline:3px solid #d4aa75;outline-offset:3px} .section,section[id]{scroll-margin-top:92px} /* Header: cleaner active state + subtle glass effect */ .site-header{backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px)} .desktop-nav a{position:relative;padding-block:9px} .desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:linear-gradient(90deg,var(--v13-gold),var(--v13-green-2));transition:right .35s var(--v13-ease)} .desktop-nav a:hover::after,.desktop-nav a.is-current::after{right:0} .header-cta,.button{transition:transform .25s var(--v13-ease),box-shadow .25s var(--v13-ease),background .25s,border-color .25s} .header-cta:hover,.button:hover{transform:translateY(-2px)} .button .icon,.header-cta .icon{transition:transform .25s var(--v13-ease)} .button:hover .icon:last-child,.header-cta:hover .icon:last-child{transform:translate(2px,-2px)} .reading-progress{height:2px} /* Hero: more depth, without adding heavy assets */ .hero{position:relative;isolation:isolate} .hero::before{content:"";position:absolute;inset:0 0 auto 0;height:68%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 32%,rgba(216,193,159,.22),transparent 42%),radial-gradient(circle at 82% 8%,rgba(63,111,84,.10),transparent 34%)} .hero-copy .eyebrow{color:#284d3a} .hero h1 em{color:#8a6643} .hero-art.hero-couple{box-shadow:0 30px 70px rgba(28,49,37,.18);overflow:hidden} .hero-couple .hero-portrait-image{transition:transform 1.1s var(--v13-ease),filter .8s} .hero-art.hero-couple:hover .hero-portrait-image{transform:scale(1.018)} .hero-actions .button-dark{box-shadow:0 12px 28px rgba(26,74,49,.15)} .hero-note{max-width:560px} /* Auto marquee: continuous, no visible playback controls */ .bmf-topic-band{box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 -1px rgba(0,0,0,.08)} .bmf-marquee-item{font-weight:650} /* Problem cards: richer hierarchy, less flat */ .challenge-section{position:relative;overflow:hidden} .challenge-section::before{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(181,139,87,.12);border-radius:50%;right:-300px;top:70px;pointer-events:none} .challenge-card{box-shadow:0 10px 30px rgba(43,55,45,.045);transition:transform .4s var(--v13-ease),box-shadow .4s,border-color .4s} .challenge-card:hover{transform:translateY(-7px);box-shadow:0 18px 42px rgba(43,55,45,.09)} .challenge-symbol{transition:transform .45s var(--v13-ease)} .challenge-card:hover .challenge-symbol{transform:rotate(7deg) scale(1.05)} /* Competencies: keep strong dark identity, improve tactile feel */ .pillar{transition:transform .28s var(--v13-ease),background .28s,border-color .28s} .pillar:hover{transform:translateX(4px)} .pillar[open]{box-shadow:0 14px 34px rgba(0,0,0,.10)} .perspective-card{box-shadow:0 24px 55px rgba(0,0,0,.13)} /* Mentor cards: balanced photography and less empty copy area */ .mentor-grid{gap:26px} .mentor-card{background:#fffdf8} .mentor-copy.mentor-social-only{min-height:92px;display:flex;align-items:center} .mentor-instagram{transition:transform .28s var(--v13-ease),background .28s,border-color .28s} .mentor-instagram:hover{transform:translateY(-2px)} .mentor-identity.portrait-confirmed .mentor-role-title{letter-spacing:.08em} /* Formation references: polished editorial cards */ #formacao-empresarial{position:relative;overflow:hidden} #formacao-empresarial::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 22%,rgba(193,158,112,.09),transparent 28%),radial-gradient(circle at 90% 78%,rgba(73,111,83,.08),transparent 30%)} #formacao-empresarial>*{position:relative;z-index:1} .formation-reference{box-shadow:0 10px 24px rgba(33,50,40,.055);transition:transform .35s var(--v13-ease),box-shadow .35s,border-color .35s} .formation-reference:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(33,50,40,.10)} .formation-reference-icon{transition:transform .35s var(--v13-ease)} .formation-reference:hover .formation-reference-icon{transform:rotate(-4deg) scale(1.04)} /* Formation gallery -> one-row carousel: shorter page, more dynamic, same photos */ .formation-gallery-context{max-width:880px;margin:12px 0 22px;color:#6e756d;font-size:11px;line-height:1.75} .formation-carousel-shell{position:relative;margin-inline:-2px} #formacao-empresarial .formation-gallery-grid{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;grid-template-columns:none!important;gap:15px!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 54px 14px 2px;margin:0;scrollbar-width:none;-ms-overflow-style:none} #formacao-empresarial .formation-gallery-grid::-webkit-scrollbar{display:none} #formacao-empresarial .formation-photo-card:not(.formation-photo-card--teaching){flex:0 0 clamp(260px,27vw,350px);scroll-snap-align:start;margin:0;box-shadow:0 10px 26px rgba(33,50,40,.07);transition:transform .35s var(--v13-ease),box-shadow .35s} #formacao-empresarial .formation-photo-card:not(.formation-photo-card--teaching):hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(33,50,40,.11)} .formation-carousel-nav{position:absolute;top:44%;z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(44,76,58,.24);background:rgba(250,247,240,.94);color:#2a503c;display:grid;place-items:center;font:500 20px/1 var(--sans);box-shadow:0 10px 28px rgba(28,53,39,.11);cursor:pointer;transition:transform .22s,background .22s} .formation-carousel-nav:hover{transform:scale(1.07);background:#fff} .formation-carousel-prev{left:-18px}.formation-carousel-next{right:-18px} .formation-gallery-hint{white-space:nowrap} /* Formation teaching cards */ .formation-teaching-grid{gap:18px} .formation-photo-card--teaching{box-shadow:var(--v13-shadow)} .formation-photo-card--teaching .formation-photo-caption p{font-size:13px;line-height:1.55} /* Story: stronger timeline rhythm */ .story-section{position:relative;overflow:hidden} .timeline li{transition:transform .28s var(--v13-ease)} .timeline li:hover{transform:translateX(5px)} .timeline li>span:first-child{box-shadow:0 0 0 6px rgba(255,255,255,.25)} /* Podcast: harmonize with BMF palette while retaining YouTube recognition */ #podcast .podcast-title-wrap h2,#podcast-title{color:#285a43!important} #podcast .podcast-divider{background:linear-gradient(90deg,#b58958,#e0c09b)!important} #podcast .podcast-feature{max-width:720px!important;box-shadow:0 24px 58px rgba(31,53,41,.13)} #podcast .podcast-more .button{background:#285a43!important;border-color:#285a43!important;box-shadow:0 15px 34px rgba(40,90,67,.18)} #podcast .podcast-more .button:hover{background:#1f4936!important;border-color:#1f4936!important} #podcast .podcast-topic{border-color:#c9d9cf!important;background:#f5f8f4!important;color:#365c48!important} /* Conversion steps: clearer flow */ .conversation-section .steps-grid{position:relative} .conversation-section .steps-grid::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#b98d57,#72977d,#8292ac)} .conversation-section .steps-grid article{border-top:0!important;box-shadow:0 10px 28px rgba(50,58,49,.045)} .conversation-cta .button{box-shadow:0 12px 30px rgba(29,75,50,.14)} /* FAQ: modern, accessible card treatment */ .faq{box-shadow:0 9px 24px rgba(40,48,41,.04)} .faq:hover{border-color:#bca277} .faq summary .faq-icon{transition:transform .32s var(--v13-ease)} .faq[open] summary .faq-icon{transform:rotate(-4deg) scale(1.05)} /* Closing/footer */ .closing-section{position:relative} .closing-section::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(117,87,56,.12);pointer-events:none} .site-footer{background:linear-gradient(180deg,#f4ede2 0%,#eee5d8 100%)!important} .footer-brand img{filter:none!important} /* Social dock: always visible, less intrusive on mobile */ .social-dock{gap:10px} .floating-instagram,.floating-contact{will-change:transform} .floating-instagram:hover{transform:translateY(-4px) scale(1.03)} @media(max-width:760px){ .social-dock{right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center;gap:8px} .floating-instagram{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important} .floating-contact,.floating-contact[hidden]{position:static!important;width:auto!important;height:50px!important;min-height:50px!important;min-width:154px;padding:9px 13px!important;justify-content:flex-start!important;gap:9px!important} .floating-contact .wa-icon{width:24px!important;height:24px!important} .floating-contact .floating-label{display:flex!important;gap:0} .floating-contact .floating-label small{display:none!important} .floating-contact .floating-label strong{font-size:11px!important;white-space:nowrap} .floating-contact .floating-arrow{display:block!important;width:14px;height:14px;margin-left:auto} .social-tooltip{display:none!important} .site-footer{padding-bottom:100px!important} } /* Mobile: shorter, swipeable formation section and calmer cards */ @media(max-width:560px){ #formacao-empresarial .formation-references{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 30px 12px 0;scrollbar-width:none} #formacao-empresarial .formation-references::-webkit-scrollbar{display:none} #formacao-empresarial .formation-reference{flex:0 0 82vw;max-width:315px;scroll-snap-align:start;display:block!important;min-height:220px!important;padding:22px!important} #formacao-empresarial .formation-reference-icon{margin-bottom:18px!important;width:46px!important;height:46px!important} #formacao-empresarial .formation-reference-label,#formacao-empresarial .formation-reference h3,#formacao-empresarial .formation-reference-detail{grid-column:auto!important} #formacao-empresarial .formation-reference h3{font-size:30px!important} #formacao-empresarial .formation-gallery-grid{padding-right:38px!important} #formacao-empresarial .formation-photo-card:not(.formation-photo-card--teaching){flex-basis:82vw;max-width:315px} .formation-carousel-nav{display:none} .formation-gallery-context{font-size:10px} .formation-gallery-hint{display:none!important} } /* Reduce visual motion when the visitor explicitly requests it; no visible play/pause UI. */ @media(prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} .bmf-topic-band .bmf-marquee-track{animation:none!important;transform:none!important} } /* Strong focus states */ a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c79860!important;outline-offset:4px!important;border-radius:6px} /* ===== BMF Club v13 · páginas utilitárias ===== */ .utility-page{min-height:100vh;background:#f6f1e8;color:#20392f;display:flex;flex-direction:column} .utility-header{border-bottom:1px solid rgba(31,70,55,.14);background:rgba(250,247,241,.94);backdrop-filter:blur(14px)} .utility-header .container{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px} .utility-logo{display:inline-flex;align-items:center}.utility-logo img{width:150px;height:auto;display:block} .utility-back{font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;color:#2c4f40} .utility-main{flex:1;padding:clamp(64px,8vw,112px) 0} .utility-hero{max-width:900px}.utility-hero .eyebrow{color:#9b7855}.utility-hero h1{font:400 clamp(48px,7vw,86px)/.96 var(--serif);letter-spacing:-.035em;margin:0;color:#1e4033} .utility-hero h1 em{color:#a48462}.utility-lead{max-width:760px;margin-top:28px;font-size:17px;line-height:1.8;color:#5f675f} .utility-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:56px} .utility-card{border:1px solid rgba(31,70,55,.14);background:#fffaf3;border-radius:22px;padding:30px;box-shadow:0 16px 40px rgba(38,51,42,.05)} .utility-card h2{font:400 31px/1.08 var(--serif);color:#1f4335;margin:0 0 15px}.utility-card p,.utility-card li{font-size:13px;line-height:1.85;color:#626961}.utility-card ul{padding-left:18px;margin:14px 0 0}.utility-card a{text-decoration:underline;text-underline-offset:3px} .utility-note{margin-top:30px;border-left:3px solid #b89672;padding:3px 0 3px 18px;color:#646860;font-size:12px;line-height:1.8;max-width:820px} .utility-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.utility-actions .button{min-height:52px} .utility-footer{padding:28px 0 36px;border-top:1px solid rgba(31,70,55,.12);font-size:11px;color:#73786f}.utility-footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} .error-code{font:400 clamp(110px,18vw,230px)/.75 var(--serif);color:#d9c8b4;letter-spacing:-.07em;margin-bottom:34px}.error-wrap{max-width:880px}.error-wrap h1{font:400 clamp(44px,6vw,76px)/1 var(--serif);color:#1f4335}.error-wrap p{font-size:16px;line-height:1.8;color:#686e67;max-width:660px;margin-top:22px} @media(max-width:760px){.utility-header .container{min-height:74px}.utility-logo img{width:122px}.utility-back{font-size:10px}.utility-main{padding:52px 0 70px}.utility-grid{grid-template-columns:1fr;gap:14px;margin-top:38px}.utility-card{padding:24px 22px;border-radius:18px}.utility-hero h1{font-size:52px}.utility-lead{font-size:14px}.utility-footer .container{display:block}.utility-footer .container>*+*{margin-top:8px}} /* ===== BMF Club v17 | rolagens automáticas robustas ===== As duas faixas abaixo são controladas por requestAnimationFrame no JS. Isso evita dependência de CSS animations e de prefers-reduced-motion do sistema. */ .bmf-topic-band .bmf-marquee-track{ animation:none!important; animation-play-state:running!important; transform:translate3d(0,0,0)!important; will-change:transform; } .bmf-topic-band:hover .bmf-marquee-track, .bmf-topic-band:focus-within .bmf-marquee-track, html.motion-paused .bmf-topic-band .bmf-marquee-track{ animation:none!important; animation-play-state:running!important; } @media(prefers-reduced-motion:reduce){ .bmf-topic-band .bmf-marquee-track{ animation:none!important; transform:translate3d(0,0,0)!important; } #formation-gallery-grid{scroll-behavior:auto!important;scroll-snap-type:none!important;} #formation-gallery-grid .formation-photo-card{scroll-snap-align:none!important;} } #formation-gallery-grid{scroll-behavior:auto!important;scroll-snap-type:none!important;} #formation-gallery-grid .formation-photo-card{scroll-snap-align:none!important;} #formation-gallery-grid .formation-auto-clone{pointer-events:none!important;}