/* Brian MMO — editorial design, October 2026. */
:root{--bg:#0a0710;--surface:#1d1917;--text:#fbf7f4;--muted:#c9c1d2;--line:#39332f;--accent:#f46d00;--paper:#e8e0db}
::selection{background:var(--accent);color:#1d1510}
.wrap{max-width:1280px;width:calc(100% - 112px)}
.preview-bar{background:#201b17;border-bottom:1px solid #38302a;padding:7px 56px;font-size:9px}
.header{padding:24px 0}.wordmark{letter-spacing:-1px;font-size:24px}.header nav{gap:36px;font-size:13px}.header-contact{border:1px solid #60534b;border-radius:100px;padding:8px 20px!important;font-size:12px}
.hero{grid-template-columns:1.16fr 1fr;gap:64px;padding:88px 0 96px;align-items:center}
.hero h1{font-size:clamp(48px,5.5vw,80px);line-height:1.12;letter-spacing:-2.8px;margin:24px 0 32px}
.hero .lead{font-size:16px;line-height:1.9;max-width:460px}.hero .eyebrow{font-size:10px;letter-spacing:2px}
.hero-actions{gap:24px}.button{border-radius:3px;padding:16px 24px;font-size:13px;min-height:54px}.accent:hover{background:#ff9a4d}.text-link{font-size:13px}.byline{margin-top:40px}.byline img{width:40px;height:40px}.byline strong{font-size:13px}.byline small{font-size:11px}
.hero-art{min-height:560px;padding:32px 36px 24px 48px;background:var(--paper);color:#251d17;transform:rotate(2deg);box-shadow:-12px 12px 0 #2e2723,0 32px 60px #0005;border-radius:2px 8px 8px 2px;overflow:hidden;isolation:isolate}
.hero-art:before{content:'';position:absolute;inset:0 auto 0 17px;width:1px;background:#8d7f7666;box-shadow:3px 0 #ffffff40}
.art-caption{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#594c43;letter-spacing:1.8px}.art-caption>span{font-size:8px;letter-spacing:1px}
.book-title{font:400 78px/.98 var(--serif);letter-spacing:-3px;margin:36px 0 28px}.book-title em{font-weight:400;color:#6b4f3c}.art-b{font-size:460px;color:#cec2ba;right:-48px;bottom:34px;transform:rotate(0);opacity:.6}
.art-card{border-left:0;padding:0;transform:none;margin:0;background:none;position:relative}.art-card span{font-size:8px;letter-spacing:1.5px;color:#584a41}.art-card strong{font:400 24px/1.5 var(--serif);color:#30251e}.art-line{background:#9682746b;width:100%;margin:12px 0}.art-foot{display:flex;justify-content:space-between;align-items:center;color:#594c43;margin-top:28px;font-size:7px;letter-spacing:1px}.art-foot b{font-size:32px;line-height:1;font-weight:400}
.manifesto{background:transparent;color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-inner{grid-template-columns:1fr 2fr auto;padding:32px 0}.manifesto h2{font-size:28px}.manifesto p{color:var(--muted);font-size:9px}.manifesto a{color:var(--accent)}
.section{padding:96px 0}.section-heading{margin-bottom:40px;gap:48px}h2{font-size:clamp(36px,3.7vw,52px);line-height:1.2;letter-spacing:-1.4px}.section-heading>p,.section-heading>div>p:not(.eyebrow){max-width:360px;font-size:14px;line-height:1.85}.eyebrow{font-size:10px;letter-spacing:2px}
.path-tabs{gap:8px;border:0;margin-bottom:16px}.path-tabs button{padding:20px 24px;border:1px solid var(--line);font-size:13px;align-items:center;min-height:72px}.path-tabs button[aria-selected=true]{background:var(--accent);color:#30231a;border-color:var(--accent)}.path-tabs button span{font-size:12px}.path-panel{padding:40px;background:#1f1a17;border:1px solid var(--line);gap:64px}.path-panel h3{font-size:32px}.path-panel p:not(.eyebrow){font-size:15px}.path-panel li{padding:20px 0;font-size:13px}
.lesson-grid{gap:56px}.lesson-visual{height:320px;background:#d4c0b2;border-radius:3px}.lesson-big{font-size:220px;inset:48px 0 0}.lesson-caption{font-size:9px}.lesson-text h3{font:400 27px/1.4 var(--serif)}.lesson-text small,.lesson-list small{font-size:9px}.lesson-list article{padding:24px 0;gap:24px}.lesson-list h3{font-size:18px;line-height:1.6}.lesson-number{font-size:36px;color:#958275}.lesson-list p{font-size:13px}.feature-lesson .lesson-visual{transition:background .2s}.feature-lesson:hover .lesson-visual{background:#e4cebf}
.resources{background:var(--paper);color:#30261f;width:calc(100% - 64px);max-width:1328px;padding:56px 64px;border:0;gap:56px}.resources>div>p:not(.eyebrow),.resources .eyebrow,.resource-links p{color:#60554e}.resources h2{font-size:48px}.resource-links{border-left:1px solid #aea39b;padding-left:48px;gap:16px}.resource-links .accent{background:#32251d;color:#f3ece8}.resource-links .text-link{border-color:#76665b}.resource-mark{font:400 72px/1 var(--serif);display:flex;gap:24px;align-items:center;margin-bottom:8px}.resource-mark>span{font:10px/1.8 BV,Arial,sans-serif;letter-spacing:1.5px}
.ib-section{gap:80px}.comparison-note{transform:none;padding:32px 40px;border-top:3px solid var(--accent);background:#231c18}.comparison-note li{font-size:14px;padding:18px 0}.comparison-note p{font-size:12px}.ib-section small{line-height:1.9}
.support-grid{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.support-card{border:1px solid var(--line)!important;padding:28px;gap:8px;background:#1b1714;border-radius:4px}.support-card h3{font:400 29px/1.3 var(--serif)}.support-card .eyebrow{font-size:9px}.support-card .price{font-size:46px;letter-spacing:-1px;line-height:1.3;margin:16px 0}.price small{font-size:11px;letter-spacing:0}.support-feature{background:#2b2019;border-color:#785c49!important;box-shadow:none}.support-card>p:not(.price):not(.offer-status){font-size:13px;line-height:1.85;min-height:76px}.support-card ul{margin:8px 0 24px;display:flex;flex-direction:column;font-size:12px}.support-card li{font-size:12px}.support-card li:before{content:none}.support-card li.benefit{color:var(--accent);padding-bottom:12px}.support-card li.community-item{border-top:1px solid #62524780;padding:14px 0}.community-item small{display:block;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-size:8px}.community-item strong{display:block;font:400 22px/1.5 var(--serif);margin:4px 0}.community-item span{display:block;font-size:10px;color:var(--muted)}.support-card .button,.support-card .text-link{font-size:12px}.support-card .offer-status{font-size:11px!important}.support-note{max-width:960px;font-size:12px;line-height:1.9}
.about{grid-template-columns:.8fr 1.2fr;gap:96px}.about-mark{max-width:280px;transform:rotate(-3deg);border:1px solid #4b3e36;padding:16px}.about-mark img{filter:none}.about-mark>span{font-size:8px;letter-spacing:1.3px}.about h2{font-size:56px}.about>div>p:not(.eyebrow){font-size:16px}.faq{max-width:960px}.faq details{padding:24px 0}.faq summary{font-size:16px}.faq summary:after{font-size:24px;line-height:1}.footer{padding:40px 0}.article{max-width:800px}.article h1{font-size:clamp(42px,5vw,64px)}.article p,.article li{font-size:17px;line-height:1.9}.article .callout{padding:32px}
@media(min-width:1100px){.hero-copy{animation:arrive .7s ease-out both}.hero-art{animation:book-arrive .9s ease-out both}}
@keyframes arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes book-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;padding:64px 0}.hero h1{font-size:56px}.hero-art{padding:28px 24px 24px 36px;min-height:520px}.book-title{font-size:68px}.header nav{gap:24px}.support-grid{grid-template-columns:1fr}.support-card{display:grid;grid-template-columns:1fr 1.25fr;column-gap:40px;padding:32px}.support-card ul{grid-column:2;grid-row:1/6;margin:0}.support-card>p:not(.price):not(.offer-status){min-height:0}.support-card .text-link,.support-card .button{justify-self:start;align-self:end}.support-card .community-item strong{font-size:24px}.resources{padding:48px;gap:32px}.resource-links{padding-left:32px}.about{gap:48px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.preview-bar{padding:7px 20px;font-size:8px}.header{flex-wrap:wrap;padding:20px 0;gap:16px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.header-contact{font-size:11px}.hero{grid-template-columns:1fr;padding:48px 0 64px;gap:56px}.hero h1{font-size:clamp(44px,9vw,68px);line-height:1.15}.hero .lead{max-width:520px}.hero-art{width:90%;max-width:460px;justify-self:center;min-height:540px;padding:32px 32px 24px 44px}.book-title{font-size:76px}.art-card strong{font-size:26px}.manifesto-inner{grid-template-columns:1fr auto;gap:16px}.manifesto p{grid-column:1/-1;max-width:none;margin:0}.manifesto h2{font-size:27px}.section{padding:64px 0}.section-heading{display:block;margin-bottom:32px}h2{font-size:38px}.section-heading>p{margin-top:24px}.path-tabs{gap:4px}.path-tabs button{padding:16px 10px;font-size:11px;display:block}.path-tabs button span{display:block;margin-top:8px}.path-panel{grid-template-columns:1fr;padding:28px 24px;gap:24px}.path-panel h3{font-size:28px}.lesson-grid,.ib-section,.about{grid-template-columns:1fr;gap:32px}.lesson-visual{height:280px}.lesson-big{font-size:190px}.resources{grid-template-columns:1fr;padding:40px 28px}.resources h2{font-size:38px}.resource-links{border-left:0;border-top:1px solid #aea39b;padding:24px 0 0}.resource-mark{font-size:60px}.support-card{padding:28px;column-gap:24px}.about-mark{max-width:240px;justify-self:center}.about h2{font-size:44px}.faq summary{font-size:15px}.article p,.article li{font-size:16px}}
@media(max-width:480px){.hero-actions{gap:20px}.hero .lead{font-size:15px}.hero-art{min-height:510px;padding:28px 24px 24px 36px}.book-title{font-size:64px}.art-caption{font-size:8px;gap:8px}.art-caption>span{font-size:6px}.art-card strong{font-size:24px}.art-foot{font-size:6px}.support-card{display:flex}.support-card ul{margin:8px 0 24px}.support-card .price{font-size:44px}.support-card .text-link{align-self:flex-start}.lesson-big{font-size:170px}.hero h1{letter-spacing:-1.7px}.comparison-note{padding:28px 24px}.button{padding:14px 18px}.footer{gap:24px}.wordmark{font-size:22px}.section-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.article{width:100%;padding:0}.article p,.article li{font-size:12pt}.article h1{font-size:28pt}}
/* Original 3D still-life and restrained interaction layer. */
.hero{gap:40px;padding-top:56px;padding-bottom:64px}.hero-sculpture{margin:0;min-width:0;perspective:1200px}.sculpture-stage{position:relative;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s ease-out;transform-style:preserve-3d}.sculpture-stage img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;border-radius:4px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.sculpture-caption{position:absolute;top:24px;left:24px;font-size:8px;letter-spacing:1.7px;color:#ddd3cc}.hero-sculpture figcaption{display:flex;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.motion-toggle{display:block;background:none;border:0;border-bottom:1px solid var(--line);padding:6px 0;margin-top:12px;color:var(--muted);cursor:pointer;font-size:11px}.motion-toggle[hidden]{display:none}.reveal-enter{animation:section-enter .75s cubic-bezier(.2,.7,.2,1) both}.support-card{transition:transform .3s,border-color .3s}.support-card:hover{transform:translateY(-5px);border-color:#93745f!important}.path-panel{transition:background .25s}.path-panel.panel-enter{animation:panel-enter .35s ease-out}.lesson-visual{perspective:700px}.lesson-big{transition:transform .45s}.feature-lesson:hover .lesson-big{transform:rotateY(-10deg) rotateZ(-3deg)}
@keyframes section-enter{from{opacity:.35;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes panel-enter{from{opacity:.5;translate:0 8px}to{opacity:1;translate:0 0}}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .sculpture-stage,.motion-off .support-card:hover,.motion-off .feature-lesson:hover .lesson-big{transform:none!important}
@media(max-width:760px){.hero{padding:40px 0 48px;gap:24px}.hero-sculpture{width:100%;max-width:480px;justify-self:center}.hero-sculpture figcaption{font-size:9px;gap:8px}.sculpture-caption{font-size:7px;left:16px}}
@media(prefers-reduced-motion:reduce){.sculpture-stage,.support-card:hover,.feature-lesson:hover .lesson-big{transform:none!important}}
/* Separate transparent vector assets, independently placed and animated. */
.modular-scene{position:relative;height:570px;isolation:isolate}.scene-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.scene-path{position:absolute;inset:24px 0 0;width:100%;height:calc(100% - 24px);color:#846856;z-index:-1}.scene-piece{position:absolute;width:51%;margin:0;perspective:800px}.scene-piece img{width:100%;height:auto;filter:drop-shadow(0 16px 18px #0003);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.scene-piece:hover img{transform:translateY(-10px) rotateY(-8deg)}.piece-knowledge{left:0;top:54px}.piece-content{right:-1%;top:170px}.piece-connections{left:3%;top:334px}.scene-piece figcaption{display:block;padding:0 0 0 20px;border:0}.scene-piece figcaption span{display:block;font-size:8px;letter-spacing:1.5px;color:#bcaa9e}.scene-piece figcaption strong{display:block;font:400 23px/1.5 var(--serif);color:var(--text)}.scene-piece{animation:piece-arrive .9s ease-out both}.piece-content{animation-delay:.12s}.piece-connections{animation-delay:.24s}@keyframes piece-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.motion-off .scene-piece:hover img{transform:none!important}
@media(max-width:1100px) and (min-width:761px){.modular-scene{height:510px}.piece-content{top:166px}.piece-connections{top:306px}.scene-piece figcaption strong{font-size:20px}}
@media(max-width:760px){.modular-scene{height:530px;max-width:500px}.scene-piece{width:53%}.piece-knowledge{top:48px}.piece-content{top:172px}.piece-connections{top:320px}.scene-piece figcaption strong{font-size:22px}.hero{gap:36px}}
@media(max-width:400px){.modular-scene{height:470px}.piece-content{top:150px}.piece-connections{top:284px}.scene-piece figcaption{padding-left:8px}.scene-piece figcaption strong{font-size:19px}.scene-piece figcaption span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.scene-piece:hover img{transform:none!important}}
/* Unified modular illustration system across content and supporting pages. */
.lesson-visual{display:flex;align-items:center;justify-content:center;background:#2c231d}.lesson-visual>.eyebrow,.lesson-caption{position:absolute;left:24px;color:#ccbbb0}.lesson-visual>.eyebrow{top:20px}.lesson-caption{bottom:18px}.lesson-art{width:76%;max-width:340px;transition:transform .45s}.feature-lesson:hover .lesson-art{transform:translateY(-6px) rotate(-3deg)}
.resource-links{position:relative;padding-top:0}.resource-art{width:180px;align-self:flex-end;margin:-24px 0 -24px;filter:drop-shadow(0 12px 10px #3332)}.comparison-note{position:relative;padding-top:116px}.comparison-art{position:absolute;width:164px;right:24px;top:-32px;transform:rotate(-8deg)}.comparison-note>.eyebrow{display:block;margin-bottom:8px}.tier-art{width:116px;height:auto;align-self:flex-end;margin:-8px 0 0}.support-card>.eyebrow{margin-top:-24px;max-width:65%}.support-card{overflow:visible}.faq-art{width:136px;float:right;margin:-16px 0 8px 24px}.faq>details:first-of-type{clear:both}.article-art{width:180px;float:right;margin:0 0 24px 32px}.illustrated-article h1{font-size:clamp(36px,4.5vw,56px)}.illustrated-article h2:first-of-type{clear:both}.illustration-library{margin:64px 0}.illustration-library>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.illustration-library figure{margin:0;border-bottom:1px solid var(--line);padding:16px 24px 24px}.library-art{width:100%;max-width:240px;margin:auto}.illustration-library figcaption{font-size:13px;color:var(--muted);text-align:center}.identity-intro{max-width:800px}
@media(min-width:481px) and (max-width:1100px){.support-card .tier-art{grid-column:1;grid-row:1;width:96px;justify-self:end;margin:0}.support-card>.eyebrow{grid-column:1;grid-row:1;align-self:start;margin:8px 0 0;max-width:55%}.support-card ul{grid-row:1/8}.support-card h3{grid-column:1}.support-card .price,.support-card>p,.support-card>a{grid-column:1}.support-card .price{margin:8px 0}}
@media(max-width:760px){.resource-art{width:148px;align-self:flex-end;margin:-8px 0 -48px;pointer-events:none}.resource-links{padding-top:24px}.resource-links .button{position:relative;z-index:1}.comparison-note{margin-top:24px;padding-top:108px}.comparison-art{width:144px;top:-24px}.article-art{width:130px;margin:0 0 16px 16px}.illustration-library>div{grid-template-columns:repeat(2,1fr);gap:16px}.illustration-library figure{padding:8px 8px 20px}.faq-art{width:100px;margin:0 0 12px 16px}}
@media(max-width:480px){.tier-art{width:112px;margin:0 0 -8px}.support-card>.eyebrow{margin-top:-24px;min-height:24px}.article-art{float:none;display:block;width:144px;margin:0 0 24px auto}.resource-art{align-self:center;margin:-8px 0 0;width:160px}.faq-art{float:none;width:104px;margin:0 0 16px auto}.faq h2{font-size:34px}}
.motion-off .feature-lesson:hover .lesson-art{transform:none!important}
@media(prefers-reduced-motion:reduce){.feature-lesson:hover .lesson-art{transform:none!important}}
@media print{.article-art{display:none}}

/* Brian selected logo direction 01, 2026-10-10 */
.wordmark img{display:block;width:140px;height:55px;object-fit:contain}.header .wordmark{flex-shrink:0}@media(max-width:600px){.wordmark img{width:112px;height:44px}}

/* Shared BrokersHUB orange, Brian request 2026-10-10 */
.accent,.path-tabs button[aria-selected=true]{color:#17100a}.accent:hover{background:#ff9a4d}.resource-links .accent{background:#c85800;color:#fff}.resources .eyebrow{color:#715c50}

/* Final consistency pass: contrast, type hierarchy and tap targets. */
.article a.button.accent,.article a.button.accent:hover{color:#17100a}
.resource-links .button.accent{background:#f46d00;color:#17100a}
.article>.eyebrow{font-size:11px;line-height:1.7;letter-spacing:1.6px}
.article>.lead{font-size:18px;line-height:1.85;color:var(--muted)}
.article h2{font-size:32px;line-height:1.3;margin:44px 0 20px;letter-spacing:-.5px}
.article .support-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:28px}
.community-item small{font-size:10px}.community-item span{font-size:12px}.support-card .eyebrow{font-size:10px}.support-card .price small{font-size:12px}
.header nav a,.header-contact{min-height:44px;display:inline-flex;align-items:center}
.footer a{overflow-wrap:anywhere}.contact-links a{overflow-wrap:anywhere}
@media(max-width:760px){.article h2{font-size:27px;margin-top:36px}.article>.lead{font-size:16px}.article>.eyebrow{font-size:10px}.header nav{padding-top:4px}.hero-actions .button{min-height:52px}.support-card>p:not(.price):not(.offer-status){min-height:0}.community-item strong{font-size:23px}}

.community-item strong .community-channel-label{font:11px/1.6 BV,Arial,sans-serif;letter-spacing:.4px;color:var(--muted);margin-top:4px}