/* ============================================================ Unwind with Anu — shared layout rules Wider content, less text wrapping, consistent on every page. Loaded last so it wins over page-level CSS. ============================================================ */ /* --- containers: use the screen --- */ .container, .wrap, .uwa-nav-in, .nav-in { max-width: 1340px !important; } .container { padding-left: 32px !important; padding-right: 32px !important; } /* --- kill narrow prose columns: let text spread --- */ .container > p, section > .container > p, .problem p, .hiw-narrative, .four-bodies .intro p, .courses .courses-head p, .podcast > .container > p, .speaker > .container > p, .discovery .form-wrap > p, .about p, .about-grid p, .tst-sub, .intro p, .lead, .page-intro, .legal-body p, article p { max-width: none !important; } /* --- about section: photo smaller, text uses the room --- */ .about-grid { grid-template-columns: 0.72fr 1.6fr !important; gap: 52px !important; align-items: center !important; } .about-grid .about-photo { aspect-ratio: 4/5 !important; } .about .mission { max-width: none !important; } @media (max-width: 900px) { .about-grid { grid-template-columns: 1fr !important; gap: 34px !important; } } /* --- form/CTA blocks can breathe too --- */ .form-wrap { max-width: 1040px !important; } .expect-row { max-width: none !important; } /* --- legal / long-form pages --- */ .legal-wrap, .policy-wrap, .terms-wrap, main .content, .page-wrap { max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } /* --- keep cards sensible (don't stretch line length inside cards) --- */ .body-card p, .course-card p, .talk-card p, .tst-card .tst-text { max-width: none !important; } /* --- TEDx photo in the Speaker section (small, right-aligned) --- */ .speaker-split{ display:grid; grid-template-columns:.45fr 1.75fr; gap:40px; align-items:center; margin-bottom:26px; } .speaker-copy p{margin-bottom:14px;} .speaker-cred{color:#8B6A20 !important;font-weight:600;letter-spacing:.02em;} .speaker-photo{margin:0;position:relative;max-width:240px;justify-self:start;order:-1;} .speaker-photo img{ width:100%;height:auto;display:block;border-radius:14px; border:1px solid rgba(51,80,46,.14); box-shadow:0 2px 0 rgba(51,80,46,.10),0 6px 0 rgba(51,80,46,.06),0 18px 30px -14px rgba(23,35,18,.32); } .speaker-photo figcaption{ margin-top:8px;text-align:center;letter-spacing:.14em; text-transform:uppercase;color:#8B6A20;font-weight:700; } @media(max-width:900px){ .speaker-split{grid-template-columns:1fr;gap:22px;} .speaker-photo{max-width:200px;margin:0 auto;justify-self:center;order:-1;} } /* ============================================================ .eyebrow,.hiw-eyebrow,.uwa-eyebrow{font-weight:700 !important;letter-spacing:.18em !important; } .footer-col h5{letter-spacing:.14em !important;} .card p,.body-card p,.course-card p,.talk-card p{line-height:1.7 !important;} @media(max-width:600px){.eyebrow,.hiw-eyebrow{letter-spacing:.14em !important;}} /* --- gold buttons everywhere (never merge with the background) --- */ .btn, a.btn, .btn-outline.dark-text, .btn-with-subtext-btn, .podcast-guest-cta, .booking-btn, .uwa-nav-cta, button[type="submit"], input[type="submit"], .submit, .cta-btn{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important; border:1px solid transparent !important; border-radius:999px !important; font-weight:800 !important; text-decoration:none !important; box-shadow:0 2px 0 #7A5C1C,0 6px 0 #5F4718,0 15px 26px -8px rgba(120,80,20,.5) !important; transition:transform .12s ease,box-shadow .12s ease !important; } .btn:hover,a.btn:hover,.btn-outline.dark-text:hover,.btn-with-subtext-btn:hover, .podcast-guest-cta:hover,.booking-btn:hover,.uwa-nav-cta:hover, button[type="submit"]:hover,input[type="submit"]:hover,.submit:hover,.cta-btn:hover{ transform:translateY(-2px) !important;color:#160E02 !important; box-shadow:0 3px 0 #7A5C1C,0 9px 0 #5F4718,0 22px 32px -8px rgba(120,80,20,.55) !important; } .btn:active,a.btn:active,button[type="submit"]:active,input[type="submit"]:active,.submit:active{ transform:translateY(3px) !important; box-shadow:0 1px 0 #7A5C1C,0 2px 0 #5F4718 !important; } .podcast-guest-cta{padding:13px 30px !important;border-bottom:1px solid transparent !important;} /* --- 3D cards everywhere --- */ .body-card,.course-card,.course-featured,.pyramid-card,.talk-card,.tst-card, .expect-item,.podcast-guest,.card,.assess-card,.q-card,.result-card{ background:#FFFFFF !important; border:1px solid rgba(51,80,46,.14) !important; border-radius:16px !important; box-shadow: 0 1px 0 rgba(255,255,255,.9) inset, 0 2px 0 rgba(51,80,46,.10), 0 6px 0 rgba(51,80,46,.06), 0 18px 30px -12px rgba(23,35,18,.28) !important; transition:transform .16s ease,box-shadow .16s ease !important; } .body-card:hover,.course-card:hover,.course-featured:hover,.pyramid-card:hover, .talk-card:hover,.tst-card:hover,.expect-item:hover,.podcast-guest:hover,.assess-card:hover{ transform:translateY(-4px) !important; box-shadow: 0 1px 0 rgba(255,255,255,.95) inset, 0 3px 0 rgba(51,80,46,.12), 0 9px 0 rgba(51,80,46,.07), 0 28px 44px -14px rgba(23,35,18,.34) !important; } /* --- form fields: one consistent style --- */ input[type="text"],input[type="email"],input[type="tel"],input[type="number"], select,textarea{ font-family:'Inter',system-ui,sans-serif !important; color:#22331C !important; background:#FBFCF9 !important; border:1px solid rgba(51,80,46,.22) !important; border-radius:10px !important; padding:13px 15px !important; } input:focus,select:focus,textarea:focus{ outline:none !important; border-color:#33502E !important; box-shadow:0 0 0 3px rgba(51,80,46,.12) !important; background:#fff !important; } label{font-weight:600 !important;color:#33502E !important;} /* --- section labels are labels, not buttons --- */ .hiw-eyebrow,.course-modal-eyebrow{ background:none !important;box-shadow:none !important;border-radius:0 !important; padding:0 !important;color:#8B6A20 !important;text-transform:uppercase !important; } /* --- nav + footer: pastel green bar, green links, gold CTA (site-wide) --- */ nav,.uwa-nav,.top-strip{ background:#DCE7D4 !important; border-bottom:1px solid rgba(51,80,46,.14) !important; box-shadow:0 4px 18px -14px rgba(23,35,18,.4) !important; } nav.scrolled{background:#D5E1CC !important;} nav a:not(.nav-cta):not(.uwa-nav-cta):not(.ts-cta):not(.jsys-cta):not(.active), .uwa-nav-links a:not(.uwa-nav-cta), .top-strip .ts-nav a{ color:#33502E !important;font-weight:700 !important; } nav a:not(.nav-cta):hover,.uwa-nav-links a:hover,.top-strip .ts-nav a:hover{color:#5C7A4E !important;} .hamburger{color:#33502E !important;} @media(max-width:900px){.nav-links{background:#DCE7D4 !important;}} footer{ background:linear-gradient(180deg,#DCE7D4,#D2DEC8) !important; border-top:1px solid rgba(51,80,46,.14) !important; } footer,footer p,footer li,footer span,footer div{color:rgba(23,35,18,.82) !important;} footer h4,footer h5,footer .footer-col h5{color:#33502E !important;} footer a{color:#8B6A20 !important;} footer a:hover{color:#33502E !important;} footer img{filter:none !important;} /* --- warm-white page base (kills the pale-yellow cast) --- */ body{ background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important; color:#1E2915; } .light,.light.warm{ background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important; color:#1E2915 !important; } /* --- signature wordmark beside the logo --- */ .uwa-wordmark{ font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; line-height:1; color:#33502E; margin-left:11px; white-space:nowrap; letter-spacing:.01em; } .nav-logo-img,.uwa-nav-logo,.ts-logo,.nav-logo{ display:inline-flex !important;align-items:center !important;text-decoration:none !important; } @media(max-width:600px){.uwa-wordmark{margin-left:8px;}} @media(max-width:420px){.uwa-wordmark{display:none;}} /* --- nav: identical position + alignment on every page (no shifting) --- */ nav,.uwa-nav,.top-strip{ position:sticky !important; top:0 !important; z-index:200 !important; width:100% !important; } nav > .container, nav > .nav-in, .uwa-nav > .uwa-nav-in, .top-strip{ max-width:1340px !important; margin-left:auto !important; margin-right:auto !important; padding-left:28px !important; padding-right:28px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; min-height:76px !important; } /* links group sits centred between logo and CTA */ nav .nav-links, .uwa-nav-links, .top-strip .ts-nav{ flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:26px !important; } /* logo + CTA hold their ends at a fixed size */ .nav-logo,.nav-logo-img,.uwa-nav-logo,.ts-logo{flex:0 0 auto !important;} .nav-cta,.uwa-nav-cta,.ts-cta{flex:0 0 auto !important;} .nav-logo img,.nav-logo-img img,.uwa-nav-logo img,.ts-logo img{ height:56px !important;width:auto !important;display:block !important; } nav.scrolled .nav-logo-img img{height:56px !important;} .top-strip .ts-spacer{display:none !important;} @media(max-width:820px){ nav > .container,nav > .nav-in,.uwa-nav > .uwa-nav-in,.top-strip{ flex-wrap:wrap !important;justify-content:center !important; min-height:0 !important;padding:10px 16px !important; } nav .nav-links,.uwa-nav-links,.top-strip .ts-nav{ order:3 !important;flex-basis:100% !important;gap:16px !important;padding-top:8px !important; } .nav-logo img,.nav-logo-img img,.uwa-nav-logo img,.ts-logo img{height:46px !important;} } /* --- CTA pinned to the far right of the nav --- */ nav .nav-cta, .uwa-nav-cta, .top-strip .ts-cta{ margin-left:auto !important; order:99 !important; flex:0 0 auto !important; white-space:nowrap !important; } /* links group no longer eats the right-hand space */ nav .nav-links, .uwa-nav-links, .top-strip .ts-nav{ flex:1 1 auto !important; justify-content:center !important; margin-right:18px !important; } @media(max-width:820px){ nav .nav-cta,.uwa-nav-cta,.top-strip .ts-cta{margin-left:0 !important;order:2 !important;} nav .nav-links,.uwa-nav-links,.top-strip .ts-nav{margin-right:0 !important;} } /* ============================================================ BLOG PALETTE, SITE-WIDE light pastel-green nav · warm white body · DARK GREEN footer · gold ============================================================ */ footer{ background:linear-gradient(160deg,#22331C 0%,#172312 100%) !important; border-top:0 !important; color:rgba(255,252,240,.78) !important; } footer,footer p,footer li,footer span,footer div,footer small{ color:rgba(255,252,240,.78) !important; } footer h3,footer h4,footer h5,footer .footer-col h5{ color:#EBD9A8 !important; } footer a{color:rgba(255,252,240,.82) !important;} footer a:hover{color:#EBD9A8 !important;} footer .footer-legal,footer .cr{color:rgba(255,252,240,.55) !important;} /* a little dark green on every page: accent rule under the nav */ nav,.uwa-nav,.top-strip{ border-bottom:2px solid rgba(51,80,46,.55) !important; } /* hero + sections stay warm white — dark green is an ACCENT only */ .hero.dark,.dark.warm,.band-dark{ background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important; color:#1E2915 !important; } .hero.dark h1,.hero.dark h2,.dark.warm h2,.hero .hero-h1{color:#33502E !important;} .hero.dark .eyebrow,.dark.warm .eyebrow{color:#8B6A20 !important;} .hero.dark p,.dark.warm p,.hero-sub,.hero-trust,.hero-trust .cred{color:rgba(23,35,18,.86) !important;} .hero-trust .cred em{color:#33502E !important;} .hero-trust .dot{color:#B0872F !important;} /* --- group companies line in the footer --- */ .uwa-powered{ margin-top:14px !important; padding-top:14px !important; border-top:1px solid rgba(255,252,240,.14) !important; text-align:center !important; letter-spacing:.02em !important; color:rgba(255,252,240,.66) !important; line-height:1.7 !important; } .uwa-powered strong{color:#EBD9A8 !important;font-weight:600 !important;} .uwa-powered span{color:rgba(255,252,240,.5) !important;} /* --- Ventures section (About page) --- */ .ventures{padding:56px 0 !important;} .ventures-intro{max-width:900px !important;margin-bottom:34px !important;color:rgba(23,35,18,.86) !important;} .ventures-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px; } .venture-card{ background:#fff;border:1px solid rgba(51,80,46,.14);border-radius:16px;padding:26px 24px; box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 0 rgba(51,80,46,.10), 0 6px 0 rgba(51,80,46,.06),0 18px 30px -12px rgba(23,35,18,.28); transition:transform .16s ease,box-shadow .16s ease; } .venture-card:hover{transform:translateY(-4px);} .venture-tag{letter-spacing:.16em;text-transform:uppercase; color:#8B6A20;font-weight:700;margin-bottom:10px; } .venture-card h3{ font-family:'Cormorant Garamond',Georgia,serif; color:#33502E;margin-bottom:10px;line-height:1.2; } .venture-card p{color:rgba(23,35,18,.82);line-height:1.7;} /* --- final sweep: no early text wrapping anywhere --- */ .container,.wrap,.list,.legal-wrap,.policy-wrap,.page-wrap,main{ max-width:1340px !important; } p,li,blockquote,.lead,.intro p,.story p,.section p,article p, .hero p,.hero-sub,.tst-sub,.ventures-intro,.speak-body,.post p{ max-width:none !important; } /* long-form reading columns stay comfortable but much wider than before */ .list,article.post,.legal-body,.story .container>p{ max-width:1100px !important;margin-left:auto !important;margin-right:auto !important; } /* stop centred narrow blocks on inner pages */ section > .container > p, section > .container > h2, section > .container > .eyebrow{ max-width:none !important; } /* ============================================================ NAV CENTERING — works whether or not the nav has an inner wrapper ============================================================ */ nav,.uwa-nav,.top-strip{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; min-height:76px !important; /* centre the bar's contents inside a 1340px column */ padding-left:max(28px, calc((100% - 1340px) / 2)) !important; padding-right:max(28px, calc((100% - 1340px) / 2)) !important; padding-top:8px !important; padding-bottom:8px !important; } /* if the nav DOES have an inner wrapper, let it fill (no double padding) */ nav > .container, nav > .nav-in, .uwa-nav > .uwa-nav-in{ max-width:none !important; width:100% !important; margin:0 !important; padding-left:0 !important; padding-right:0 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; min-height:0 !important; } /* links group centred between logo and CTA */ nav .nav-links,.uwa-nav-links,.top-strip .ts-nav{ flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:26px !important; margin:0 18px !important; } .nav-logo,.nav-logo-img,.uwa-nav-logo,.ts-logo,nav .logo{flex:0 0 auto !important;} nav .nav-cta,.uwa-nav-cta,.top-strip .ts-cta{flex:0 0 auto !important;margin-left:0 !important;} @media(max-width:820px){ nav,.uwa-nav,.top-strip{ flex-wrap:wrap !important;justify-content:center !important; padding-left:16px !important;padding-right:16px !important;min-height:0 !important; } nav > .container,nav > .nav-in,.uwa-nav > .uwa-nav-in{flex-wrap:wrap !important;justify-content:center !important;} nav .nav-links,.uwa-nav-links,.top-strip .ts-nav{ order:3 !important;flex-basis:100% !important;margin:8px 0 0 !important;gap:16px !important; } } /* ============================================================ GREEN ACCENTS — break the white monotony ============================================================ */ /* --- talk / speaking cards: soft green tint --- */ .talk-card{ background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border:1px solid rgba(51,80,46,.18) !important; } .talk-card h3,.talk-card h4,.talk-card .speak-title{color:#22331C !important;} .talk-card p{color:rgba(23,35,18,.84) !important;} .talk-card::after,.talk-card [data-num]{color:#8B6A20 !important;} /* --- the four body cards: same soft green --- */ .body-card{ background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border:1px solid rgba(51,80,46,.18) !important; } .body-card h3{color:#22331C !important;} .body-card p{color:rgba(23,35,18,.84) !important;} .body-card .num{color:#8B6A20 !important;} /* --- the podcast "share your story" panel --- */ .podcast-guest{ background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border:1px solid rgba(51,80,46,.18) !important; } .podcast-guest-intro{color:#33502E !important;} .podcast-guest-note{color:rgba(23,35,18,.7) !important;} /* --- book quote band: full dark green (the standout moment) --- */ .book-quote{ background: radial-gradient(ellipse 60% 90% at 50% 50%, rgba(176,135,47,.14), transparent 70%), linear-gradient(160deg,#2B4226 0%,#1B2A17 100%) !important; } .book-quote blockquote{color:#FFFCF0 !important;} .book-quote cite{color:#EBD9A8 !important;} .book-quote::before,.book-quote::after{background:#C9A24E !important;opacity:.7 !important;} .book-quote .dandelion-deco,.book-quote .dand-deco{color:rgba(255,252,240,.10) !important;} @media(max-width:600px){ .talk-card,.body-card,.podcast-guest{background:#E9F0E4 !important;} } /* --- survey band: make it stand out instead of hiding at the bottom --- */ .voice-cta,.survey-band,section:has(> .container > a[href="/voice/"]){ background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border-top:1px solid rgba(51,80,46,.16) !important; border-bottom:1px solid rgba(51,80,46,.16) !important; } a[href="/voice/"]{font-weight:700 !important;} /* --- ABOUT page: let every line run full width --- */ .ventures-intro, .story p,.story .container > p, .hero-about p, .about-lede,.lede, section.ventures p, section.story p, .philosophy p,.mission-section p,.recognition p,.press p,.moments p, .speaking p,.book-section p,.tedx-section p,.cta-end p{ max-width:none !important; } .ventures-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;} /* --- lead magnet band: the free identity diagnosis --- */ .lead-magnet{ padding:34px 0 !important; background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border-top:1px solid rgba(51,80,46,.16); border-bottom:1px solid rgba(51,80,46,.16); } .lm-inner{ display:grid;grid-template-columns:1.6fr .55fr;gap:44px;align-items:center; } .lm-tag{letter-spacing:.18em;text-transform:uppercase; color:#8B6A20;font-weight:700;margin-bottom:8px; } .lead-magnet h2{ font-family:'Cormorant Garamond',Georgia,serif;color:#22331C;margin-bottom:10px;line-height:1.15; } .lead-magnet p{color:rgba(23,35,18,.86);max-width:none !important;margin:0;} .lead-magnet strong{color:#33502E;} .lm-action{text-align:center;} .lm-note{color:rgba(23,35,18,.62) !important;margin-top:10px !important;} @media(max-width:900px){ .lm-inner{grid-template-columns:1fr;gap:20px;text-align:center;} .lead-magnet h2{text-align:center;} } /* ============================================================ NAV: compact set + "More" dropdown ============================================================ */ /* logo + wordmark must never wrap to a second line */ .nav-logo,.nav-logo-img,.uwa-nav-logo,.ts-logo,nav .logo{ flex:0 0 auto !important;white-space:nowrap !important; } .uwa-wordmark{white-space:nowrap !important;} @media(max-width:1100px){.uwa-wordmark{}} @media(max-width:900px){.uwa-wordmark{display:none !important;}} /* dropdown */ .uwa-more{position:relative;display:inline-flex;align-items:center;} .uwa-more-btn{ background:none !important;border:0 !important;padding:0 !important; font-family:'Inter',system-ui,sans-serif !important;font-weight:700 !important; color:#33502E !important;cursor:pointer;letter-spacing:.02em; display:inline-flex;align-items:center;gap:5px;box-shadow:none !important; border-radius:0 !important;text-transform:none !important; } .uwa-more-btn:hover{color:#5C7A4E !important;transform:none !important;box-shadow:none !important;} .uwa-caret{transition:transform .2s;} .uwa-more.open .uwa-caret{transform:rotate(180deg);} .uwa-more-menu{ position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(-6px); display:flex;flex-direction:column;min-width:250px; background:#FFFDFA;border:1px solid rgba(51,80,46,.16);border-radius:14px; box-shadow:0 20px 44px -16px rgba(23,35,18,.32); padding:8px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s; z-index:300; } .uwa-more:hover .uwa-more-menu, .uwa-more.open .uwa-more-menu, .uwa-more:focus-within .uwa-more-menu{ opacity:1;visibility:visible;transform:translateX(-50%) translateY(0); } .uwa-more-menu a{ display:block !important;padding:11px 16px !important;border-radius:9px; color:#33502E !important;font-weight:600 !important; text-decoration:none !important;white-space:nowrap; } .uwa-more-menu a::after{display:none !important;} .uwa-more-menu a:hover{background:#E9F0E4 !important;color:#22331C !important;} /* invisible bridge so the menu doesn't close in the gap */ .uwa-more::after{content:'';position:absolute;top:100%;left:0;right:0;height:16px;} @media(max-width:900px){ .uwa-more{width:100%;justify-content:center;} .uwa-more-menu{ position:static;transform:none;opacity:1;visibility:visible; box-shadow:none;border:0;background:transparent;padding:0;min-width:0; align-items:center;gap:2px;margin-top:6px; } .uwa-more-btn{display:none;} .uwa-more-menu a{padding:7px 10px !important;} } /* --- ONE gold for every nav CTA + button, no exceptions --- */ nav .nav-cta,.uwa-nav-cta,.top-strip .ts-cta, nav a.nav-cta:link,nav a.nav-cta:visited{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important; border:1px solid transparent !important; border-radius:999px !important; font-weight:800 !important; padding:12px 24px !important; letter-spacing:.02em !important; text-transform:none !important; box-shadow:0 2px 0 #7A5C1C,0 5px 0 #5F4718,0 12px 22px -8px rgba(120,80,20,.45) !important; } nav .nav-cta:hover,.uwa-nav-cta:hover,.top-strip .ts-cta:hover{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important;filter:none !important; transform:translateY(-2px) !important; box-shadow:0 3px 0 #7A5C1C,0 8px 0 #5F4718,0 18px 28px -8px rgba(120,80,20,.5) !important; } nav .nav-cta::after,.uwa-nav-cta::after,.ts-cta::after{display:none !important;} /* ============================================================ body{line-height:1.75 !important;} p,li,.lead,.intro p,.story p,.hero-sub, section p,article p,.container p, .problem p,.hiw-narrative,.four-bodies .intro p, .courses .courses-head p,.podcast > .container > p, .speaker > .container > p,.discovery .form-wrap > p, .about p,.tst-sub,.ventures-intro,.lead-magnet p{ line-height:1.75 !important; } .body-card p,.course-card p,.talk-card p,.venture-card p,.expect-item p{line-height:1.7 !important; } @media(max-width:900px){ p,li,section p,article p,.container p{} .tst-text{} } /* --- the closing punchline lines: make them land, not shrink --- */ .problem .accent-line, .accent-line, .hiw-closing-aphorism, .mission, .about .mission{ font-family:'Cormorant Garamond',Georgia,serif !important; line-height:1.4 !important; color:#33502E !important; font-style:italic !important; margin-top:36px !important; max-width:none !important; } @media(max-width:900px){ } /* ============================================================ NO MORE ANT-SIZED TEXT — minimum readable sizes, site-wide (368 rules across the site were under 15px) ============================================================ */ /* small caps labels / eyebrows / tags — never below ~15px */ [class*="eyebrow"],[class*="-tag"],[class*="tag-"],.tag, [class*="label"],[class*="-cap"],[class*="kicker"], .arch-label,.arch-tag,.cta-label,.detail-label,.card-tag,.cta-eyebrow, .press-tag,.award-year,.award-by,.hero-edition,.src,.meta,[class*="meta"], .course-modal-label,.field-label,.choice-end-eyebrow,.cost-label, .booking-price-label,.offer .k,.k{ letter-spacing:.14em !important; } /* notes, captions, fineprint, hints, sub-lines */ [class*="note"],[class*="fineprint"],[class*="hint"],[class*="caption"], [class*="-sub"],[class*="sub-"],.blurcap,.legal,[class*="legal"], figcaption,small,cite,[class*="cite"],.closing-role,.closing-attr,.closing-a, .cover-author-creds,.booking-price-sub,.podcast-guest-note,.btn-subtext, .btn-subtext-inline,.priv,.privacy-note,.cr,.uwa-powered,.footer-legal{ line-height:1.65 !important; } /* buttons + links never tiny */ /* card + section body text */ .body-text,.arch-text,.detail-text,.opt-text,.twin-text,.hl p,.benefit p, .dimrow .top,.dimrow .mini,.area-sub,.area-bar-label,.rank-val, .card p,.recs p,.dimensions p,.statline,.fam .fl{ line-height:1.7 !important; } /* small headings inside cards/blocks */ /* footer bits */ /* form + quiz text */ @media(max-width:900px){ .btn,a.btn,.btn-outline{} } /* --- venture cards are whole-card links --- */ a.venture-card{ display:block;text-decoration:none !important;color:inherit !important; position:relative;padding-bottom:52px !important;cursor:pointer; } a.venture-card h3{color:#33502E !important;transition:color .16s;} a.venture-card p{color:rgba(23,35,18,.82) !important;} .venture-link{ position:absolute;left:24px;bottom:22px;font-weight:700 !important; color:#8B6A20 !important;letter-spacing:.02em; border-bottom:1px solid rgba(176,135,47,.45);padding-bottom:2px; transition:color .16s,border-color .16s; } a.venture-card:hover{ border-color:rgba(176,135,47,.55) !important; transform:translateY(-4px) !important; box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 3px 0 rgba(176,135,47,.22), 0 9px 0 rgba(176,135,47,.10),0 28px 44px -14px rgba(23,35,18,.34) !important; } a.venture-card:hover h3{color:#8B6A20 !important;} a.venture-card:hover .venture-link{color:#33502E !important;border-color:#33502E !important;} a.venture-card:focus-visible{outline:3px solid rgba(176,135,47,.5);outline-offset:3px;} /* --- venture cards: soft green, matching the homepage cards --- */ a.venture-card,.venture-card{ background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border:1px solid rgba(51,80,46,.18) !important; } a.venture-card h3,.venture-card h3{color:#22331C !important;} a.venture-card p,.venture-card p{color:rgba(23,35,18,.84) !important;} .venture-tag{color:#8B6A20 !important;} a.venture-card:hover{ background:linear-gradient(180deg,#E3ECDC 0%,#D8E4D1 100%) !important; border-color:rgba(176,135,47,.5) !important; } a.venture-card:hover h3{color:#33502E !important;} /* --- footer: tighter, no dead space --- */ footer{padding:34px 0 18px !important;} .footer-grid{ grid-template-columns:1.7fr 1fr 1.2fr 1fr !important; gap:30px !important; margin-bottom:24px !important; align-items:start !important; } .footer-brand .nav-logo-img img{height:64px !important;filter:none !important;} .footer-brand .nav-logo-img{margin-bottom:10px !important;} .footer-brand p{margin-bottom:10px !important;max-width:340px !important;} .footer-col h5{margin-bottom:10px !important;} .footer-col ul{margin:0 !important;padding:0 !important;list-style:none !important;} .footer-col li{margin:0 0 6px !important;padding:0 !important;line-height:1.5 !important;} .footer-col li:empty{display:none !important;} footer .container > *:last-child{margin-bottom:0 !important;} .footer-legal{margin-top:14px !important;padding-top:14px !important;} .uwa-powered{margin-top:10px !important;padding-top:10px !important;} .social-row{gap:12px !important;margin-top:2px !important;} @media(max-width:800px){ .footer-grid{grid-template-columns:1fr 1fr !important;gap:22px !important;margin-bottom:20px !important;} } @media(max-width:500px){ .footer-grid{grid-template-columns:1fr !important;gap:18px !important;} .footer-brand p{max-width:none !important;} } /* --- story quote: one spread line, no early wrap --- */ .story-quote{ max-width:none !important; width:100% !important; line-height:1.5 !important; white-space:nowrap !important; margin:30px auto 0 !important; padding:22px 0 0 !important; } @media(max-width:1100px){ .story-quote{white-space:normal !important;} } @media(max-width:600px){ } /* --- FIX: hero headline is a

, so the global p rule shrank it --- */ .hero-h1, p.hero-h1, .hero .hero-h1{ font-family:'Cormorant Garamond',Georgia,serif !important; line-height:1.15 !important; font-weight:400 !important; color:#33502E !important; margin:0 0 24px !important; max-width:none !important; } .hero-h1 em,p.hero-h1 em{ font-style:italic !important; color:#B0872F !important; } /* keep the eyebrow (your name) prominent above it */ .hero .eyebrow{ color:#8B6A20 !important; margin-bottom:18px !important; } /* credentials line */ @media(max-width:900px){ } /* --- header scrolls with the page (not frozen/sticky) --- */ nav,.uwa-nav,.top-strip,#nav{ position:static !important; top:auto !important; } /* --- header merges into the hero: no dark line, no hard edge --- */ nav,.uwa-nav,.top-strip,#nav{ border-bottom:0 !important; box-shadow:none !important; } /* ════════════════════════════════════════════════════════════ FINAL — authoritative settings (last block wins) ════════════════════════════════════════════════════════════ */ /* HEADER: pastel green, scrolls away, merges into hero */ nav,.uwa-nav,.top-strip,#nav{ position:static !important; top:auto !important; background:#DCE7D4 !important; border-bottom:0 !important; box-shadow:none !important; z-index:auto !important; } nav.scrolled{background:#DCE7D4 !important;} /* HEADER TEXT: green, bold, never blue/underlined */ nav a,.uwa-nav a,.top-strip a, .nav-links a,.uwa-nav-links a,.ts-nav a{ text-decoration:none !important; } nav a:not([class*="cta"]), .nav-links a:not([class*="cta"]), .uwa-nav-links a:not([class*="cta"]), .top-strip .ts-nav a:not([class*="cta"]), .uwa-more-btn{ color:#33502E !important;font-weight:700 !important; } nav a:not([class*="cta"]):hover, .nav-links a:not([class*="cta"]):hover, .top-strip .ts-nav a:not([class*="cta"]):hover, .uwa-more-btn:hover{color:#5C7A4E !important;} /* HEADER CTA: one gold, right side */ .nav-cta,.uwa-nav-cta,.ts-cta{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important;border:1px solid transparent !important; border-radius:999px !important;font-weight:800 !important; padding:12px 24px !important;text-transform:none !important; box-shadow:0 2px 0 #7A5C1C,0 5px 0 #5F4718,0 12px 22px -8px rgba(120,80,20,.45) !important; } .nav-cta::after,.uwa-nav-cta::after,.ts-cta::after{display:none !important;} /* FOOTER: dark green anchor */ footer{ background:linear-gradient(160deg,#22331C 0%,#172312 100%) !important; border-top:0 !important;padding:34px 0 18px !important; } footer,footer p,footer li,footer span,footer div,footer small{color:rgba(255,252,240,.78) !important;} footer h3,footer h4,footer h5{color:#EBD9A8 !important;} footer a{color:rgba(255,252,240,.85) !important;} footer a:hover{color:#EBD9A8 !important;} /* PAGE BASE: warm white */ body{background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important;color:#1E2915 !important;} .light,.light.warm{background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important;color:#1E2915 !important;} /* HERO: warm white, big green headline */ .hero,.hero.dark{ background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important; color:#1E2915 !important;padding:64px 28px 48px !important; } .hero-h1,p.hero-h1{ font-family:'Cormorant Garamond',Georgia,serif !important;line-height:1.15 !important; color:#33502E !important;font-weight:400 !important;margin:0 0 24px !important; } .hero-h1 em{color:#B0872F !important;font-style:italic !important;} .hero .eyebrow{color:#8B6A20 !important;margin-bottom:18px !important;} .hero-sub{color:rgba(23,35,18,.86) !important;} .hero-trust,.hero-trust .cred{color:rgba(23,35,18,.8) !important;} .hero-trust .cred em{color:#33502E !important;} .hero-trust .dot{color:#B0872F !important;} .hero .dandelion-deco,.hero .dand-deco{color:rgba(120,100,50,.10) !important;} .hero-col-photo img{border:1px solid rgba(23,35,18,.10) !important;box-shadow:0 40px 90px -34px rgba(23,35,18,.4) !important;} /* --- hero: name sits directly above the credentials --- */ .hero-name{ font-family:'Cormorant Garamond',Georgia,serif !important; color:#33502E !important; font-weight:600 !important; line-height:1.2 !important; margin:26px 0 6px !important; } .hero-name-role{ font-family:'Inter',system-ui,sans-serif !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#8B6A20 !important; display:inline-block; margin-left:6px; } .hero-trust{margin-top:6px !important;} @media(max-width:900px){ .hero-name-role{display:block;margin:4px 0 0 !important;} } /* ════════════════════════════════════════════════════════════ TYPOGRAPHIC SYSTEM — measure, rhythm, hierarchy (fixes: full-width text, no section separation, no breathing) ════════════════════════════════════════════════════════════ */ /* 1 ── MEASURE: body copy never exceeds a comfortable reading line (~68 characters). Full-width prose is unreadable. */ .container{max-width:1180px !important;padding-left:32px !important;padding-right:32px !important;} section p, .container > p, .problem p, .hiw-narrative, .four-bodies .intro p, .courses .courses-head p, .podcast > .container > p, .speaker > .container > p, .discovery .form-wrap > p, .about p, .story p, .tst-sub, .ventures-intro, .lead-magnet p, article p, .legal-body p{ max-width:68ch !important; line-height:1.78 !important; } /* centred sections keep their copy centred but measured */ .problem,.four-bodies,.courses,.podcast,.speaker,.testimonials,.discovery,.lead-magnet{ text-align:center; } .problem p,.four-bodies .intro p,.courses .courses-head p, .podcast > .container > p,.speaker > .container > p, .discovery .form-wrap > p,.tst-sub{ margin-left:auto !important;margin-right:auto !important; } /* left-aligned sections stay left */ .about p,.story p,.hiw-narrative,.speaker-copy p{margin-left:0 !important;margin-right:0 !important;} /* 2 ── RHYTHM: generous, consistent vertical space between sections */ section{padding:88px 0 !important;} .hero,.hero.dark{padding:76px 28px 84px !important;} .how-i-work{padding:88px 0 !important;} .book-quote{padding:96px 0 !important;} .lead-magnet{padding:56px 0 !important;} .testimonials{padding:88px 0 !important;} .discovery{padding:88px 0 !important;} @media(max-width:900px){ section{padding:56px 0 !important;} .hero,.hero.dark{padding:48px 20px 56px !important;} .book-quote{padding:64px 0 !important;} } /* 3 ── SEPARATION: alternating tone so sections read as distinct blocks */ .problem{background:linear-gradient(180deg,#FFFFFF,#FBFDFA) !important;} .how-i-work{background:#F4F8F1 !important;} .four-bodies{background:#FFFFFF !important;} .courses{background:#F4F8F1 !important;} .podcast{background:#FFFFFF !important;} .speaker{background:#F4F8F1 !important;} .testimonials{background:#FFFFFF !important;} .discovery{background:#F4F8F1 !important;} .about{background:#FFFFFF !important;} /* hairline between sections for definition */ .problem,.how-i-work,.four-bodies,.courses,.podcast,.speaker,.testimonials,.discovery,.about{ border-top:1px solid rgba(51,80,46,.10) !important; } /* 4 ── the lead-magnet band must not fuse with the hero */ .lead-magnet{ margin:0 !important; background:linear-gradient(180deg,#E9F0E4 0%,#DFE9D9 100%) !important; border-top:1px solid rgba(51,80,46,.18) !important; border-bottom:1px solid rgba(51,80,46,.18) !important; } .lm-inner{max-width:1000px !important;margin:0 auto !important;} .lead-magnet h2{max-width:none !important;} .lead-magnet p{max-width:62ch !important;} /* 5 ── heading hierarchy: headings sized below the hero, above body */ section h2{ line-height:1.18 !important; margin-bottom:22px !important; max-width:22ch !important; margin-left:auto !important;margin-right:auto !important; } .about h2,.story h2,.speaker-copy h2{margin-left:0 !important;max-width:26ch !important;} .eyebrow,.hiw-eyebrow{margin-bottom:14px !important;display:inline-block !important;} /* 6 ── the punchline lines sit apart, not inline with body */ .accent-line,.problem .accent-line,.hiw-closing-aphorism{ max-width:34ch !important; margin:44px auto 0 !important; padding-top:32px !important; border-top:1px solid rgba(176,135,47,.35) !important; } /* ════════════════════════════════════════════════════════════ FIX A — content must never be invisible if JS fails. .reveal sets opacity:0 and waits for JS to add .visible. Make it visible by default; JS animation still works. ════════════════════════════════════════════════════════════ */ .reveal{opacity:1 !important;transform:none !important;} .reveal.visible{opacity:1 !important;transform:none !important;} /* ════════════════════════════════════════════════════════════ FIX B — section rhythm. Earlier class-level rules (0,1,0) were beating the element rule (0,0,1). Match specificity. ════════════════════════════════════════════════════════════ */ section.problem,section.how-i-work,section.four-bodies,section.courses, section.podcast,section.speaker,section.testimonials,section.discovery, section.about,section.newsletter,section.faq-section,section.book-quote, .problem,.how-i-work,.four-bodies,.courses,.podcast,.speaker, .testimonials,.discovery,.about,.newsletter,.faq-section{ padding-top:88px !important; padding-bottom:88px !important; } section.book-quote,.book-quote{padding-top:96px !important;padding-bottom:96px !important;} section.lead-magnet,.lead-magnet{padding-top:52px !important;padding-bottom:52px !important;} section.hero,.hero{padding-top:72px !important;padding-bottom:80px !important;} @media(max-width:900px){ section.problem,section.how-i-work,section.four-bodies,section.courses, section.podcast,section.speaker,section.testimonials,section.discovery, section.about,section.newsletter,section.faq-section, .problem,.how-i-work,.four-bodies,.courses,.podcast,.speaker, .testimonials,.discovery,.about,.newsletter,.faq-section{ padding-top:56px !important;padding-bottom:56px !important; } section.hero,.hero{padding-top:44px !important;padding-bottom:52px !important;} section.book-quote,.book-quote{padding-top:60px !important;padding-bottom:60px !important;} } /* ── hero balance: text column needs room; kill the stray divider ── */ .hero-split{grid-template-columns:1.08fr .92fr !important;gap:56px !important;align-items:center !important;} .hero-breathe{display:none !important;} .hero-name{margin-top:34px !important;} /* ── lead-magnet: readable two-column, button on one line ── */ .lm-inner{grid-template-columns:1.5fr .7fr !important;gap:40px !important;text-align:left !important;} .lead-magnet h2{text-align:left !important;margin-left:0 !important;max-width:20ch !important;} .lead-magnet p{text-align:left !important;margin-left:0 !important;margin-right:0 !important;} .lm-tag{text-align:left !important;} .lm-action .btn{white-space:nowrap !important;padding:16px 30px !important;} @media(max-width:900px){ .lm-inner{grid-template-columns:1fr !important;text-align:center !important;} .lead-magnet h2,.lead-magnet p,.lm-tag{text-align:center !important;margin-left:auto !important;margin-right:auto !important;} } /* ════════════════════════════════════════════════════════════ FINAL MEASURE — explicit px (ch computed ~30% too wide). Target ≈ 65–72 characters per line, the readable optimum. ════════════════════════════════════════════════════════════ */ body .problem p, body .hiw-narrative, body .four-bodies .intro p, body .courses .courses-head p, body .podcast > .container > p, body .speaker > .container > p, body .discovery .form-wrap > p, body .about p, body .story p, body .tst-sub, body .ventures-intro, body section > .container > p, body article p, body .newsletter p, body .faq-section p{ max-width:720px !important; line-height:1.78 !important; } /* centred sections: keep the measured column centred */ body .problem p,body .four-bodies .intro p,body .courses .courses-head p, body .podcast > .container > p,body .speaker > .container > p, body .discovery .form-wrap > p,body .tst-sub,body .newsletter p{ margin-left:auto !important;margin-right:auto !important; } /* left-aligned blocks keep their edge */ body .about p,body .story p,body .hiw-narrative,body .speaker-copy p,body .lead-magnet p{ margin-left:0 !important;margin-right:0 !important; } /* punchline: two comfortable lines, not four ragged ones */ body .accent-line,body .problem .accent-line,body .hiw-closing-aphorism{ max-width:640px !important; line-height:1.5 !important; margin:44px auto 0 !important; } /* hero sub sits a touch wider than body */ body .hero-sub{max-width:620px !important;} /* ════════════════════════════════════════════════════════════ POLISH — mobile overflow, footer contrast, decorative motifs ════════════════════════════════════════════════════════════ */ /* A. no horizontal scroll, ever */ html,body{overflow-x:hidden !important;max-width:100% !important;} .dand-deco,.dand-scatter,.dandelion-deco{pointer-events:none !important;} @media(max-width:900px){ .dand-deco,.dandelion-deco{max-width:70vw !important;overflow:hidden !important;} } /* lead-magnet must respect the viewport on mobile */ @media(max-width:900px){ .lm-inner,.lm-copy,.lm-action{max-width:100% !important;box-sizing:border-box !important;} .lm-action .btn{white-space:normal !important;width:100% !important;text-align:center !important;} } /* B. footer contrast on dark green */ footer .social-icon,footer .social-row a{ color:rgba(255,252,240,.9) !important; border-color:rgba(255,252,240,.35) !important; background:rgba(255,252,240,.06) !important; } footer .social-icon:hover{ color:#EBD9A8 !important;border-color:#EBD9A8 !important;background:rgba(235,217,168,.12) !important; } footer .social-icon svg{stroke:currentColor !important;} footer .social-handles,footer .handles{color:rgba(255,252,240,.7) !important;} /* every footer link reads the same weight */ footer .footer-col a,footer .footer-col li a{ color:rgba(255,252,240,.85) !important;font-weight:400 !important; } footer .footer-col a:hover{color:#EBD9A8 !important;} /* footer logo legible on dark */ footer .nav-logo-img img,footer > .container img,footer img[src*="logo"]{ filter:brightness(1.12) !important;opacity:.95 !important; } /* C. decorative dandelions stay whisper-soft (no grey patches) */ .dand-deco,.dandelion-deco{opacity:.10 !important;} .dand-scatter{opacity:.08 !important;} .hero .dand-deco,.hero .dandelion-deco{opacity:.09 !important;} /* ── FIX: hero must stack on mobile (my !important grid was blocking it) ── */ @media(max-width:900px){ .hero-split{ grid-template-columns:1fr !important; gap:28px !important; text-align:center !important; } .hero-col-photo{max-width:340px !important;margin:0 auto !important;order:-1 !important;width:100% !important;} .hero-col-photo img{width:100% !important;height:auto !important;} .hero-col-text{text-align:center !important;} .hero-sub{margin-left:auto !important;margin-right:auto !important;} .hero-name{margin-top:24px !important;} .hero-name-role{display:block !important;margin:4px 0 0 !important;} .hero-trust,.hero-trust .cred{line-height:1.9 !important;} } /* ════════════════════════════════════════════════════════════ /* type floor, part 2 — leaf elements that set their own small size */ /* type floor, part 3 — the exact classes still rendering under 13.5px /* type floor, part 4 — unclassed leaf text (explicit px, never shrinks) */ /* em/i/a inherit their parent's size (1em = parent), floor at 14px. /* accent words inside headings always match the heading */ /* type floor, part 5 — inline style="font-size:10/11/12px" beats classes */ /* type floor, part 6 — the 7 P's word labels on mobile */ /* ── restore the blog's dark-green hero band (it's a signature) ── */ .blog-hero, body:has(.post) .hero, .hero:not(.hero-split):not(#top){ background:linear-gradient(160deg,#22331C 0%,#172312 100%) !important; color:#FFFCF0 !important; } .hero:not(.hero-split):not(#top) h1, .hero:not(.hero-split):not(#top) .eyebrow, .hero:not(.hero-split):not(#top) p{ color:#FFFCF0 !important; } .hero:not(.hero-split):not(#top) .eyebrow{color:#EBD9A8 !important;} .hero:not(.hero-split):not(#top) em{color:#E4BE5C !important;} /* the homepage hero stays warm white */ #top.hero,.hero#top,section.hero.dark#top{ background:linear-gradient(180deg,#FFFFFF 0%,#FFFDFA 100%) !important; color:#1E2915 !important; } /* ── courses page: its own nav classes need the gold CTA too ── */ nav.nav a.book,.nav .book,a.book{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important;border:1px solid transparent !important; border-radius:999px !important;font-weight:800 !important; padding:12px 24px !important;text-decoration:none !important; box-shadow:0 2px 0 #7A5C1C,0 5px 0 #5F4718,0 12px 22px -8px rgba(120,80,20,.45) !important; } nav.nav a.logo,.nav .logo{color:#33502E !important;font-weight:700 !important;text-decoration:none !important;} /* ── book-quote band: .light.warm was overriding it to white, leaving cream text on white (invisible). Restore the dark band. ── */ section.book-quote,.book-quote,.book-quote.light,.book-quote.light.warm{ background: radial-gradient(ellipse 60% 90% at 50% 50%, rgba(176,135,47,.16), transparent 70%), linear-gradient(160deg,#2B4226 0%,#1B2A17 100%) !important; color:#FFFCF0 !important; } .book-quote blockquote{color:#FFFCF0 !important;max-width:900px !important;margin:0 auto !important;} .book-quote cite{color:#EBD9A8 !important;} .book-quote em,.book-quote i{color:#E4BE5C !important;} .book-quote::before,.book-quote::after{background:#C9A24E !important;opacity:.75 !important;} .book-quote .dandelion-deco,.book-quote .dand-deco,.book-quote .dand-scatter{ color:rgba(255,252,240,.08) !important;opacity:.08 !important; } /* ── Speaker block: photo left, copy left-aligned beside it ── */ .speaker-split{ grid-template-columns:300px 1fr !important; gap:52px !important; align-items:center !important; max-width:none !important; margin:0 0 34px !important; text-align:left !important; } .speaker-copy{text-align:left !important;} .speaker-copy p,.speaker-cred{ text-align:left !important; margin-left:0 !important;margin-right:0 !important; max-width:62ch !important; } .speaker-cred{margin-top:12px !important;} .speaker-photo{max-width:300px !important;justify-self:start !important;margin:0 !important;} .speaker-photo figcaption{ white-space:nowrap !important; letter-spacing:.10em !important; } @media(max-width:900px){ .speaker-split{grid-template-columns:1fr !important;gap:22px !important;text-align:center !important;} .speaker-photo{max-width:220px !important;margin:0 auto !important;justify-self:center !important;} .speaker-copy,.speaker-copy p,.speaker-cred{text-align:center !important;margin-left:auto !important;margin-right:auto !important;} .speaker-photo figcaption{white-space:normal !important;} } .speaker-copy p{max-width:none !important;} .speaker-cred{max-width:none !important;white-space:normal !important;} /* Speaker photo: crop to a tidy portrait card so it balances the copy */ .speaker-photo img{ width:100% !important;height:360px !important; object-fit:cover !important;object-position:center 28% !important; border-radius:14px !important;display:block !important; box-shadow:0 14px 34px rgba(34,51,28,.16) !important; } .speaker-photo figcaption{margin-top:12px !important;text-align:center !important;} .speaker-copy{padding-right:20px !important;} @media(max-width:900px){.speaker-photo img{height:280px !important;}} /* figure was shrink-to-fit (justify-self:start), so img width:100% collapsed to intrinsic */ .speaker-photo{width:100% !important;justify-self:stretch !important;} .speaker-split{align-items:center !important;} .speaker-cred{max-width:660px !important;} /* ── Hero: sit the name + credentials block on the photo's baseline, left ── */ .hero-split{align-items:stretch !important;} .hero-col-text{ display:flex !important;flex-direction:column !important; justify-content:flex-start !important;text-align:left !important; } .hero-col-text .hero-name{margin-top:auto !important;padding-top:26px !important;} .hero-trust,.hero-trust .cred{line-height:1.85 !important;letter-spacing:.085em !important; } .hero-trust{margin-top:8px !important;margin-bottom:0 !important;max-width:560px !important;} .hero-trust .dot{margin:0 9px !important;} .hero-photo,.hero-col-photo{align-self:stretch !important;} @media(max-width:900px){ .hero-split{align-items:center !important;} .hero-col-text{justify-content:center !important;text-align:center !important;} .hero-col-text .hero-name{margin-top:24px !important;padding-top:0 !important;} .hero-trust,.hero-trust .cred{line-height:1.95 !important;} } /* tighter credential leading */ .hero-trust,.hero-trust .cred{line-height:1.5 !important;} @media(max-width:900px){.hero-trust,.hero-trust .cred{line-height:1.65 !important;}} /* ── FIX: the "Start here" pill was display:flex → stretched full width ── */ .btn-with-subtext-btn{ display:inline-flex !important;width:auto !important;max-width:none !important; align-items:center !important;justify-content:center !important; padding:17px 44px !important;line-height:1.2 !important; } .btn-subtext-under{ margin:16px auto 0 !important; font-family:'Cormorant Garamond',serif !important;font-style:italic !important; color:rgba(23,35,18,.62) !important;max-width:520px !important;text-align:center !important; } /* ── FIX: legacy dark-theme form card (rgba(14,30,34,.6)) read as grey on warm white ── */ form{ background:linear-gradient(180deg,#F4F8F1 0%,#EAF1E5 100%) !important; border:1px solid rgba(51,80,46,.16) !important; border-radius:16px !important; box-shadow:0 10px 28px rgba(34,51,28,.08) !important; } form::before{display:none !important;} /* the newsletter sign-up is an inline row, not a card */ #nl-form,.newsletter form{ background:none !important;border:0 !important;box-shadow:none !important; padding:0 !important;border-radius:0 !important; } /* ── Section rhythm: 88px each side read as ~200px of dead air at boundaries ── */ section.problem,section.how-i-work,section.four-bodies,section.about,section.podcast, section.speaker,section.testimonials,section.discovery,section.newsletter,section.faq-section, .problem,.how-i-work,.four-bodies,.about,.podcast,.speaker,.testimonials,.discovery,.newsletter,.faq-section{ padding-top:58px !important;padding-bottom:58px !important; } section.book-quote,.book-quote{padding-top:66px !important;padding-bottom:66px !important;} section.lead-magnet,.lead-magnet{padding-top:44px !important;padding-bottom:44px !important;} /* ═══ CTA HIERARCHY ═══════════════════════════════════════════════ Gold pill is reserved for the three page actions: Free Identity Diagnosis · Watch the Training · Connect with Anu. Every other action is a quiet forest-green text link. */ .link-quiet,a.link-quiet{ display:inline-block !important; background:none !important;background-image:none !important; border:0 !important;border-radius:0 !important;box-shadow:none !important; padding:0 !important;margin-top:6px !important; color:#33502E !important;font-weight:600 !important;letter-spacing:.01em !important; text-decoration:none !important; border-bottom:1.5px solid rgba(51,80,46,.34) !important; padding-bottom:3px !important; transition:border-color .18s ease,color .18s ease !important; } .link-quiet:hover,a.link-quiet:hover{ color:#22331C !important;border-bottom-color:#B0872F !important; transform:none !important;box-shadow:none !important; } .link-quiet:active{transform:none !important;box-shadow:none !important;} /* podcast platform chips: outline, not filled */ .podcast .container a[href*="youtube"],.podcast .container a[href*="instagram"]{ background:none !important;background-image:none !important; border:1.5px solid rgba(51,80,46,.28) !important;color:#33502E !important; box-shadow:none !important;font-weight:600 !important;border-radius:999px !important; padding:11px 26px !important; } .podcast .container a[href*="youtube"]:hover,.podcast .container a[href*="instagram"]:hover{ border-color:#B0872F !important;color:#22331C !important;transform:none !important;box-shadow:none !important; } /* newsletter Subscribe is a form control, not a page CTA → forest, not gold */ #nl-form button[type="submit"]{ background:#33502E !important;background-image:none !important; color:#FFFCF0 !important;box-shadow:none !important;border-radius:8px !important; font-weight:600 !important;padding:13px 26px !important; } #nl-form button[type="submit"]:hover{background:#22331C !important;transform:none !important;box-shadow:none !important;} /* ── Member-area top bar (welcome-guide / foundation / journal / true-north) ── .jsys-cta had forest text on a forest background = invisible. "Watch the Training" is one of the three page actions → gold pill. */ .jsys-cta,a.jsys-cta{ background:linear-gradient(180deg,#E4BE5C 0%,#B0872F 58%,#8B6A20 100%) !important; color:#160E02 !important;font-weight:800 !important; border:1px solid transparent !important;border-radius:999px !important; text-decoration:none !important; box-shadow:0 2px 0 #7A5C1C,0 6px 0 #5F4718,0 12px 22px -8px rgba(120,80,20,.45) !important; } .jsys-cta:hover{transform:translateY(-2px) !important;color:#160E02 !important;} /* active tab: forest-on-gold was 2.7:1 → ink-on-gold */ .jsys-link.active,a.jsys-link.active{color:#160E02 !important;font-weight:800 !important;} /* page