/* Karen Whitsett Media + Reality Matters shared identity, October 2026. */
:root{--cream:#FFFAF2;--cream-light:#FFFAF2;--cream-dark:#F0E7D9;--gold:#B5843F;--gold-dark:#795023;--black:#171717;--brand-navy:#0F1729;--brand-ink:#171717}
@font-face{font-family:"Alex Brush";src:url("/assets/fonts/AlexBrush-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
body,.kwm-journal{background:#FFFAF2;color:#171717;font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif}
.brand-signature,.journal-brand span,.press-brand .brand-signature{font-family:"Alex Brush",cursive!important;font-weight:400!important}
.brand-name .brand-signature,.press-brand .brand-signature{font-size:40px}
.brand-name em,.journal-brand small{color:#795023}
.site-header{min-height:104px;height:auto;padding-top:20px;padding-bottom:20px;position:relative;z-index:35;background:#FFFAF2;gap:24px}
.desktop-nav{gap:24px!important;flex-wrap:nowrap;text-transform:none}
.desktop-nav a,.desktop-nav summary{font:700 14px/1.4 Arial,Helvetica,sans-serif!important;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.desktop-nav>a:not(.support-link){padding:12px 0}
.brand-more{position:relative}
.brand-more summary{cursor:pointer;gap:6px;list-style:none;color:#171717}
.brand-more summary::-webkit-details-marker{display:none}
.brand-more summary:after{content:"⌄";font-size:16px}
.brand-more[open] summary{color:#795023}
.brand-more-menu{position:absolute;top:100%;right:0;min-width:225px;background:#FFFAF2;border:1px solid #C4AB88;border-radius:6px;padding:12px;box-shadow:0 14px 30px #0F172926;z-index:50}
.desktop-nav .brand-more-menu a{display:flex;padding:10px 14px;min-height:44px;border-radius:4px}
.brand-more-menu a:hover{background:#F0E7D9}
.brand-relationship{margin:0 auto;padding:12px 5vw;max-width:1440px;background:#0F1729;color:#FFFAF2;text-align:center;font:14px/1.5 Arial,Helvetica,sans-serif}
.brand-relationship a{color:#FFFAF2;text-underline-offset:4px}
.announcement,.current-reality,.two-brand-launch>article:last-child{background:#0F1729}
.current-section,.current-guide,.journal-home,.launch-follow,.launch-watch{background:#FFFAF2}
.current-feature,.current-work{background:#F0E7D9}
.current-reality{background:#0F1729;color:#FFFAF2}
.hero-description,.journal-home>p,.launch-follow-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}
.current-section p{font-size:18px;line-height:1.7}
.current-section .current-note{font-size:14px;line-height:1.7}
.current-section h2,.journal-home h2{font-size:clamp(32px,4vw,48px);line-height:1.15}
.kwm-journal{font-size:18px;line-height:1.8}
.kwm-journal h1{font-size:clamp(36px,4.5vw,58px);line-height:1.12}
.kwm-journal h2{font-size:clamp(28px,2.7vw,34px);line-height:1.2}
.journal-card h2{font-size:27px}
.button,.current-section .button,.two-brand-launch .launch-app-button,.bells-button{min-height:48px;border-radius:6px;padding:13px 22px;font:700 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.button-gold,.two-brand-launch .launch-app-button,.current-cards article .button,.reality-app-entry .button,.bells-button{background:#B5843F;color:#171717!important}
.button-dark{background:#0F1729;color:#FFFAF2}
.button-outline{color:#171717;border:1px solid #B5843F;background:transparent}
.current-reality .button-outline{color:#FFFAF2}
.current-text-link,.launch-watch-next a,.journal-home a{color:#795023}
.current-reality .current-text-link{color:#D5B58A}
.site-footer{background:#0F1729;color:#FFFAF2}
.site-footer a{color:#FFFAF2}
.site-footer small{font-size:12px;line-height:1.5}
.journal-footer{font-size:14px}
.journal-header nav a{font-size:14px}
.bells-article{font-size:18px;line-height:1.8;color:#171717}
.bells-article .bells-note,.bells-hero figcaption{font-size:14px}
:focus-visible{outline:3px solid #B5843F;outline-offset:4px}
@media(max-width:1100px){.desktop-nav{gap:15px!important}.brand{min-width:220px}.brand-name .brand-signature{font-size:34px}}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:block}.site-header{min-height:88px;padding-top:14px;padding-bottom:14px}}
@media(max-width:760px){.brand-name .brand-signature{font-size:30px}.site-header{gap:12px}.brand-relationship{font-size:13px;padding:12px 6vw}.hero-description{font-size:17px}.current-section p{font-size:17px}.button,.current-section .button{font-size:15px}.journal-header{gap:16px}.journal-header nav{gap:4px 18px}}
@media(max-width:400px){.brand-name .brand-signature{font-size:26px}.brand-stripes{margin-right:8px}.brand{min-width:0}}