/* BRANEL JOURNAL — css/style.css */
@theme{--color-bg-primary:#f8faf9;--color-bg-secondary:#e6eeea;--color-ink-primary:#17211e;--color-ink-muted:#52645d;--color-accent:#1f6f62;--font-display:'Fraunces',serif;--font-body:'Manrope',sans-serif}
*{box-sizing:border-box}html{background:#f8faf9;scroll-behavior:smooth}body{margin:0;background:#f8faf9;color:#17211e;font-family:'Manrope',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#1f6f62}.wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{background:#f8faf9;border-bottom:1px solid #b9c8c1}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark,.footer-brand{font-family:'Fraunces',serif;font-size:2rem;font-weight:700;letter-spacing:-.04em}.desktop-nav{display:flex;gap:28px;font-size:.86rem;font-weight:600}.header-phone{font-family:monospace;font-size:.82rem}.menu-button{display:none;border:0;background:transparent;font-size:1.5rem}.mobile-menu{display:none}.hero{background:#17211e;color:#f8faf9;padding:110px 0 96px}.hero h1,.hero h2,.hero h3,.hero p,.hero .eyebrow{color:#f8faf9}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#1f6f62;font-weight:700}.hero .eyebrow{color:#a8d0c4}.hero h1{font-family:'Fraunces',serif;font-size:clamp(3rem,7vw,6.4rem);line-height:1.02;letter-spacing:-.06em;margin:18px 0 28px}.hero p{font-size:1.12rem;max-width:650px;color:#dce7e2}.hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #80968c}.section{padding:90px 0}.section h2,.section h3,.section p{color:#17211e}.section h2{font-family:'Fraunces',serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:10px 0 20px}.section h3{font-family:'Fraunces',serif;font-size:1.55rem;line-height:1.2}.section-intro{max-width:650px;color:#52645d}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.feature,.article-card,.quote,.callout,.form-panel{border:1px solid #b9c8c1;background:#fff;padding:28px}.feature img,.article-card img,.split img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:20px}.stats{background:#1f6f62;color:#fff}.stats h2,.stats h3,.stats p,.stats .kicker{color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat strong{display:block;font-family:'Fraunces',serif;font-size:3rem}.stat span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{aspect-ratio:1/1}.table-wrap{overflow:auto}.comparison{width:100%;border-collapse:collapse;background:#fff}.comparison th,.comparison td{padding:16px;border:1px solid #b9c8c1;text-align:left}.comparison th{background:#e6eeea;color:#17211e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:steps}.step{border-top:4px solid #1f6f62;padding-top:18px}.step b{font-family:monospace;color:#1f6f62}.quote{background:#e6eeea;border:0;font-family:'Fraunces',serif;font-size:1.7rem;line-height:1.25}.callout{background:#17211e;color:#f8faf9}.callout h2,.callout p{color:#f8faf9}.article-hero{padding:76px 0 45px}.article-hero h1{font-family:'Fraunces',serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.05;max-width:900px}.meta{font-size:.8rem;color:#52645d;display:flex;gap:12px;flex-wrap:wrap}.article-body{max-width:850px;margin:0 auto;padding:30px 0 80px}.article-body h2{font-family:'Fraunces',serif;font-size:2.2rem;margin-top:54px}.article-body p{font-size:1.06rem}.article-body blockquote{border-left:4px solid #1f6f62;padding:12px 24px;font-family:'Fraunces',serif;font-size:1.45rem;background:#e6eeea}.author{display:flex;gap:20px;align-items:center;border-top:1px solid #b9c8c1;padding-top:28px}.author img{width:90px;height:90px;object-fit:cover;border-radius:50%}.site-footer{background:#e6eeea;border-top:1px solid #b9c8c1;margin-top:80px;color:#17211e}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:64px 0}.footer-grid h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#52645d}.footer-grid a{display:block;margin:8px 0}.footer-grid p,.footer-grid address{color:#52645d;font-style:normal}.copyright{border-top:1px solid #b9c8c1;padding:22px max(24px,calc((100% - 1240px)/2));font-size:.78rem;color:#52645d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#52645d}.form-field input,.form-field textarea{font:inherit;border:1px solid #b9c8c1;padding:14px;background:#f8faf9;color:#17211e}.button{background:#1f6f62;color:#fff;border:0;padding:14px 24px;font-weight:700}.legal h1{font-family:'Fraunces',serif;font-size:4rem}.legal h2{font-family:'Fraunces',serif;font-size:1.8rem;margin-top:40px}.legal p{max-width:900px}.not-found{text-align:center;padding:130px 0}.not-found h1{font-family:'Fraunces',serif;font-size:5rem}.map{width:100%;height:360px;border:0}.cookie{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 32px));padding:18px 22px;background:#17211e;color:#fff;border:1px solid #78948a;z-index:10;display:none}.cookie p{color:#fff}.cookie button{background:#1f6f62;color:#fff;border:0;padding:10px 16px}.list{padding-left:20px}.list li{margin:10px 0}@media(max-width:1023px){.desktop-nav{gap:14px}.hero-grid,.split{grid-template-columns:1fr 1fr}.grid-3,.steps{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.wrap{width:min(100% - 32px,1240px)}.desktop-nav,.header-phone{display:none}.menu-button{display:block}.mobile-menu{padding:20px 16px;border-top:1px solid #b9c8c1}.mobile-menu a{display:block;padding:8px 0}.hero{padding:70px 0}.hero-grid,.grid-3,.grid-2,.split,.steps,.stat-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:3.4rem}.section{padding:62px 0}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.legal h1{font-size:3.2rem}}
/* utility support */
.u-m0{margin:0}.u-mt{margin-top:24px}.u-mb{margin-bottom:24px}.u-center{text-align:center}.u-small{font-size:.84rem}.u-wide{max-width:1000px}.u-accent{color:#1f6f62}.u-rule{border-top:1px solid #b9c8c1}.u-pad{padding:24px}.u-dark{background:#17211e;color:#fff}.u-light{background:#f8faf9}.u-secondary{background:#e6eeea}.u-flex{display:flex;gap:16px;align-items:center}.u-wrap{flex-wrap:wrap}.u-uppercase{text-transform:uppercase;letter-spacing:.12em}.u-mono{font-family:monospace}.u-leading{line-height:1.7}.u-hidden{display:none}.u-block{display:block}.u-relative{position:relative}.u-border{border:1px solid #b9c8c1}.u-radius{border-radius:2px}.u-shadow{box-shadow:8px 8px 0 #b9c8c1}.u-max{max-width:1240px}.u-auto{margin-left:auto;margin-right:auto}.u-gap{gap:24px}.u-grid{display:grid}.u-cols-2{grid-template-columns:repeat(2,1fr)}.u-cols-3{grid-template-columns:repeat(3,1fr)}.u-cover{object-fit:cover}.u-w100{width:100%}.u-p24{padding:24px}.u-p48{padding:48px}.u-p80{padding:80px 0}.u-color{color:#17211e}.u-muted{color:#52645d}.u-white{color:#fff}
@media(max-width:767px){.u-cols-2,.u-cols-3{grid-template-columns:1fr}}
/* editorial spacing and accessibility */
:focus-visible{outline:3px solid #1f6f62;outline-offset:3px}::selection{background:#a8d0c4;color:#17211e}figure{margin:0}figcaption{font-size:.75rem;color:#52645d;margin-top:8px}table{font-size:.92rem}hr{border:0;border-top:1px solid #b9c8c1;margin:40px 0}
/* repeated layout tokens */
.pad-top{padding-top:48px}.pad-bottom{padding-bottom:48px}.gap-lg{gap:48px}.text-readable{max-width: seventy;max-width:850px}.display{font-family:'Fraunces',serif}.body{font-family:'Manrope',sans-serif}.border-top{border-top:1px solid #b9c8c1}.border-bottom{border-bottom:1px solid #b9c8c1}