/* Conversations with Brando v1.5 — user-supplied visual board alignment.
   Deliberately keeps all current copy, library paths, graded levels, audio, and review systems. */
:root {--ink:#1F2421;--ink-soft:#40514A;--brand:#123D2F;--brand-dark:#0C3025;--orange:#B22222;--cream:#FAF9F7;--wash:#F4F3F0;--line:#E0E1DE;--muted:#646B68;--shadow:0 8px 25px rgba(31,36,33,.045);--r:6px}
body{background:#FAF9F7;color:#1F2421}
.wrap{max-width:1200px}
.site-header{background:#FAF9F7;box-shadow:0 1px 0 #e8e8e4;position:sticky}
.header-inner{height:80px}
.brand{gap:14px}
.brand-mark{width:43px;height:43px;flex:none}
.brand-wordmark{font-size:.79rem;font-weight:600;letter-spacing:.145em;line-height:1.14}
.brand-wordmark small{color:#59645C;font-size:.52rem;letter-spacing:.11em}
.top-nav{gap:8px}
.top-nav a{font-weight:650;letter-spacing:0;font-size:.82rem;color:#243F34;padding:10px 12px}
.top-nav a:not(.nav-contact).active:after{background:#B22222;height:2px;bottom:3px;left:11px;right:11px}
.top-nav .nav-contact,.top-nav .nav-contact.active{background:#B22222;color:white;border-radius:5px;padding:12px 16px}
.top-nav .nav-contact:hover{background:#901B1B}
.btn-primary,.btn-dark{background:#123D2F;border-color:#123D2F;color:#fff}
.btn-primary:hover,.btn-dark:hover{background:#0C3025}
.btn-light,.btn-ghost{border-color:#CBD2CA;color:#123D2F}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline-color:#B22222}
.hero.editorial-hero{background:#FAF9F7;min-height:510px;position:relative;isolation:isolate;padding:64px 0 65px;overflow:hidden}
.hero.editorial-hero:after{display:none}
.hero-geometry{pointer-events:none;position:absolute;inset:0 0 0 48%;z-index:-1;opacity:.95;background:linear-gradient(122deg,transparent 0 13%,#F3F1ED 13% 49%,transparent 49%),linear-gradient(160deg,transparent 0 64%,#E6EBE7 64% 65%,transparent 65%);clip-path:polygon(17% 0,100% 0,100% 100%,0 100%)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.92fr);gap:clamp(36px,5vw,75px);align-items:center}
.hero .eyebrow{color:#B22222;font-size:.68rem}
.hero h1,.hero-v06 .hero-story h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.2rem,5.1vw,5.5rem);font-weight:500;line-height:1.16;letter-spacing:-.047em;color:#123D2F}
.hero h1 em{color:#B22222;font-weight:500}
.hero-story>p:not(.hero-footnote){max-width:550px;font-size:1rem;line-height:1.82;color:#48584D}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin:29px 0 10px}
.hero-cta .btn-lg{padding:13px 19px;font-size:.85rem}
.hero-footnote{font-size:.73rem;letter-spacing:.2em;color:#68736C!important;margin:19px 0 0}
.hero-editorial-feature{position:relative;padding:12px 6px 12px 0}
.hero-editorial-feature:before{content:'';position:absolute;inset:5% 0 0 6%;background:#E9EDE8;border-radius:0 0 0 95px;transform:skew(-6deg);z-index:-1}
.hero-preview{background:#fff;border:1px solid #E2E3DF;border-radius:5px;box-shadow:0 12px 37px rgba(31,36,33,.075);overflow:hidden}
.hero-preview .preview-photo{border-radius:3px;overflow:hidden}
.hero-preview .preview-bottom h3{font-size:clamp(1.35rem,2vw,1.75rem)}
.preview-cta,.hero-preview .preview-cta{color:#A31E23}
.eyebrow,.section-label,.path-card .path-number,.tutor-offerings span{color:#B22222}
.paths-section{background:#fff;padding:26px 0 37px;border-top:1px solid #E5E5E0;border-bottom:1px solid #E5E5E0}
.path-intro{text-align:center;margin:7px 0 26px}
.path-intro h2{font-size:clamp(1.7rem,2.7vw,2.35rem);font-weight:500;margin:7px 0}
.path-intro .section-lead{font-size:.91rem}
.path-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #E0E1DE;border-bottom:1px solid #E0E1DE}
.path-grid-three .path-card,.path-grid-three .path-card-tutor{background:transparent;border:0;border-radius:0;box-shadow:none;padding:22px 25px 23px;position:relative;text-align:center}
.path-grid-three .path-card + .path-card{border-left:1px solid #E0E1DE}
.path-grid-three .path-card:hover{background:#F5F7F4;box-shadow:none}
.path-icon{font-size:1.65rem;line-height:1;display:block;color:#123D2F;margin:0 auto 10px;font-family:Georgia,serif}
.path-card .path-number{font-size:.6rem;display:block}
.path-card h3{font-size:1.3rem;margin:6px 0 8px}
.path-card p{font-size:.84rem;min-height:42px;margin-bottom:7px}
.path-arrow{color:#9F1E22;font-size:.77rem}
.section{padding-top:55px;padding-bottom:67px}
.section-heading h2,.path-intro h2{color:#123D2F}
.section-heading h2{font-size:clamp(1.85rem,3vw,2.65rem)}
.section-heading .btn-ghost{background:transparent}
.content-card{background:#fff;border:1px solid #E2E1DC;border-radius:5px;box-shadow:none;overflow:hidden}
.content-card:hover,.content-card:focus-within{box-shadow:0 9px 23px rgba(31,36,33,.075);border-color:#BDCBC1}
.content-card .card-photo{border-radius:0}
.content-card h3{font-size:1.35rem;line-height:1.32}
.tag-orange{background:#F8EAEA;color:#9B2525}
.arrow-link{color:#A92323}
.tutor-intro{background:#F3F3F0;padding:68px 0;border-top:1px solid #E4E4DF}
.tutor-intro-grid{gap:clamp(35px,6vw,80px)}
.tutor-photo-frame{border-radius:5px;min-height:355px}
.tutor-intro-copy h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.21;font-weight:500;color:#123D2F}
.tutor-intro-copy p{font-size:.98rem;line-height:1.8}
.tutor-photo-caption{letter-spacing:.14em}
.site-footer{background:#123D2F;color:#E8EEE9;border-top:4px solid #B22222;padding:25px 0}
.site-footer a,.site-footer a:hover{color:#F5F7F3}
.page-head{background:#F4F3F0;border-bottom:1px solid #E4E4DF;padding:46px 0}
.page-head h1{font-size:clamp(2.4rem,4.4vw,4rem);font-weight:500;color:#123D2F}
.resource-page-head{position:relative;overflow:hidden}
.resource-head-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:24px}
.resource-head-visual{width:230px;height:128px;display:grid;place-items:center;background:linear-gradient(138deg,#E7ECE6 6%,#F9F8F5 100%);border:1px solid #DDE3DB;border-radius:6px;transform:skew(-7deg)}
.resource-symbol{font:italic 600 3.5rem 'Playfair Display',Georgia,serif;color:#123D2F;transform:skew(7deg)}
.resource-page-head.discussion-head .resource-head-visual{background:linear-gradient(145deg,#ECF0EA,#F8F1F0)}
.resource-page-head.discussion-head .resource-symbol{color:#A92323}
.search,.select{background:#fff}
.detail h1{color:#123D2F;font-weight:500}
.article-layout .article-photo{border-radius:5px}
.paper{background:#fff;border:1px solid #E3E3DF;border-radius:5px}
.paper h2{color:#123D2F;font-weight:500}
.teach-slide{background:#FAF9F7}
.teach-top,.teach-bottom{background:#123D2F}
.teach-progress>div{background:#B22222}
.teach-slide .eyebrow,.teach-slide .slide-questions li span:first-child{color:#B22222}
.practice-head{background:#F3F3F0}
/* About page: original photo, editorial split, three teaching principles. */
.about-editorial-hero{background:linear-gradient(110deg,#FAF9F7 0 59%,#F0F0EC 59% 100%);border-bottom:1px solid #E4E4DF;position:relative;overflow:hidden}
.about-editorial-hero:after{content:'';position:absolute;top:0;right:20%;bottom:0;width:130px;transform:skew(-20deg);background:rgba(230,235,229,.55);pointer-events:none}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.83fr);align-items:stretch;gap:5vw;min-height:500px;position:relative;z-index:1}
.about-hero-copy{padding:62px 0 65px;max-width:630px;align-self:center}
.about-hero-copy h1{font:500 clamp(3rem,5vw,5.25rem)/1.12 'Playfair Display',Georgia,serif;color:#123D2F;margin:14px 0 18px}
.about-hero-copy .about-deck{font:italic 500 clamp(1.22rem,2vw,1.65rem)/1.42 'Playfair Display',Georgia,serif;color:#A72124;margin:0 0 24px}
.about-hero-copy>p:not(.about-deck){max-width:60ch;font-size:.96rem;line-height:1.76;color:#45574B}
.about-hero-copy .btn{margin-top:12px}
.about-portrait{position:relative;min-height:480px;align-self:stretch;background:#DDE6DA;overflow:hidden}
.about-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.about-portrait:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(10,34,23,.7))}
.about-portrait span{position:absolute;bottom:25px;left:27px;color:#fff;letter-spacing:.13em;font-size:.7rem;font-weight:700;z-index:1}
.about-principles{text-align:center;padding-top:55px;padding-bottom:62px}
.about-principles>h2{font:500 clamp(1.8rem,3vw,2.65rem)/1.2 'Playfair Display',Georgia,serif;color:#123D2F;margin:7px 0 27px}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#F1F2EE;border:1px solid #E0E1DC;border-radius:5px}
.principles-grid>div{padding:22px 28px 26px}
.principles-grid>div+div{border-left:1px solid #CED4CC}
.principles-grid span{display:block;color:#B22222;font-size:1.8rem}
.principles-grid h3{font:500 1.28rem 'Playfair Display',Georgia,serif;color:#123D2F;margin:9px 0}
.principles-grid p{font-size:.88rem;line-height:1.65;margin:0;color:#536157}
.about-next{margin:0 auto 70px;padding:28px 28px 40px;background:#F8F8F6;border:1px solid #E0E1DC;border-left:4px solid #B22222;max-width:1145px}
.about-next h2{font:500 2rem 'Playfair Display',Georgia,serif;margin:8px 0;color:#123D2F}
.about-next p{max-width:700px;color:#536157}
.about-next-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.header-inner{height:68px}.brand-wordmark{font-size:.68rem}.top-nav a{padding:9px 8px}.about-hero-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:22px}.hero-geometry{inset:42% -20% 0 10%}.hero.editorial-hero{padding:45px 0}.hero-editorial-feature{max-width:520px;width:100%;margin:auto}.path-grid-three{grid-template-columns:1fr}.path-grid-three .path-card+.path-card{border-left:0;border-top:1px solid #E0E1DE}.path-grid-three .path-card{padding:18px 12px}.path-card p{min-height:0}.resource-head-inner{grid-template-columns:1fr}.resource-head-visual{display:none}.about-hero-grid{grid-template-columns:1fr;gap:0}.about-hero-copy{padding:45px 0}.about-portrait{width:100%;min-height:330px;max-height:440px}.principles-grid{grid-template-columns:1fr}.principles-grid>div+div{border-left:0;border-top:1px solid #CED4CC}.about-principles{padding-top:38px;padding-bottom:42px}.hero h1,.hero-v06 .hero-story h1{font-size:clamp(2.75rem,8.8vw,4rem)}}
@media(max-width:680px){.header-inner{height:65px}.brand-mark{width:35px;height:35px}.brand-wordmark{font-size:.65rem}.top-nav{background:#FAF9F7}.top-nav a{color:#123D2F}.top-nav .nav-contact{margin:6px 10px}.about-next{margin-left:16px;margin-right:16px}}
@media(prefers-reduced-motion:reduce){.content-card,.btn,.path-card{transition:none}}

/* Board-aligned footer brand lockup and working links */
.footer-editorial{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.footer-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none!important;color:#fff!important}
.footer-brand img{width:39px;height:39px;background:#FAF9F7;border-radius:3px;padding:3px}
.footer-brand strong{display:block;font-size:.76rem;letter-spacing:.11em;line-height:1.1}
.footer-brand small{display:block;font-size:.67rem;color:#C5D5CB;letter-spacing:.03em;margin-top:6px}
.footer-links{display:flex;flex-wrap:wrap;gap:9px 19px;font-size:.75rem}
.footer-links a{text-decoration:none;text-underline-offset:3px}
.footer-links a:hover{text-decoration:underline;color:#fff}
@media(max-width:680px){.footer-editorial{align-items:flex-start;flex-direction:column}.footer-links{gap:9px 16px}}

/* v1.6 — A fuller, more personal About Brando page (replaces the three-column principles strip). */
.about-story-section{padding:76px 0 67px;background:#fff;border-bottom:1px solid #E0E1DE}
.about-story-layout,.about-approach-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(38px,6vw,108px);align-items:start}
.about-story-heading h2,.about-journey-section h2,.about-approach-section h2{font:500 clamp(2rem,3.45vw,3.2rem)/1.2 'Playfair Display',Georgia,serif;color:#123D2F;margin:12px 0 18px}
.about-story-kicker{font:italic 500 1.2rem/1.55 'Playfair Display',Georgia,serif;color:#9E2225;max-width:21ch}
.about-story-text p,.about-journey-card p,.about-approach-layout p{font-size:1.02rem;line-height:1.85;color:#43544B;max-width:66ch;margin:0 0 17px}
.about-journey-section{padding-top:68px;padding-bottom:76px}
.about-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.about-journey-card{border-top:3px solid #123D2F;background:#FFFFFF;padding:24px 28px 21px;box-shadow:0 2px 17px rgba(30,45,30,.04)}
.about-journey-card:nth-child(2){border-color:#B22222}
.about-journey-card h3{font:500 1.5rem/1.28 'Playfair Display',Georgia,serif;color:#123D2F;margin:0 0 12px}
.about-approach-section{background:#EEF1EC;border-top:1px solid #E0E6DF;border-bottom:1px solid #E0E6DF;padding:74px 0 66px}
.about-next{margin-top:60px}
@media(max-width:760px){.about-story-section{padding:48px 0 38px}.about-story-layout,.about-approach-layout{grid-template-columns:1fr;gap:20px}.about-journey-section{padding-top:50px;padding-bottom:52px}.about-journey-grid{grid-template-columns:1fr;gap:16px}.about-approach-section{padding:50px 0 42px}.about-journey-card{padding:23px}.about-next{margin-top:42px}}