
.brand-hero{background:#eeeede;overflow:hidden}
.brand-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding-top:65px;padding-bottom:65px}
.brand-hero h1{font:400 clamp(43px,5.6vw,76px)/1.05 Georgia,serif;letter-spacing:-2px;margin:24px 0}
.brand-intro{font-size:18px;line-height:1.8;max-width:530px;color:#637057}
.brand-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}
.brand-footnote{border-top:1px solid #cbd3bd;margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.brand-footnote span{font-size:10px;letter-spacing:1.5px}
.brand-footnote i{font:italic 16px Georgia,serif;color:#778461}
.brand-hero-art{position:relative;padding:15px 25px 25px 0}
.brand-art-paper{position:relative;background:#344b37;color:#f8f0d9;min-height:420px;padding:35px;box-sizing:border-box;border-radius:4px;box-shadow:18px 20px 0 #d8dfc7}
.brand-art-paper>span{font-size:10px;letter-spacing:2.5px}
.brand-art-paper>p{font:400 clamp(35px,4.4vw,57px)/1.1 Georgia,serif;margin:42px 0 30px}
.brand-art-paper em{color:#c8d4a5}
.brand-art-rule{height:1px;width:80px;background:#9bae7c;margin-bottom:16px}
.brand-art-paper small{font-size:10px;letter-spacing:2px}
.brand-art-paper b{position:absolute;right:25px;bottom:20px;font:italic 65px Georgia,serif;color:#b5c795}
.brand-inspiration-strip{display:flex;gap:8px;position:relative;margin:-40px 0 0 35px;padding:10px;background:#faf8ee;box-shadow:0 8px 18px #0001;max-width:340px}
.brand-inspiration-strip img{width:calc((100% - 16px)/3);aspect-ratio:1;object-fit:cover}
.brand-feature-cover{display:block;width:130px;position:absolute;right:-5px;bottom:0;transform:rotate(6deg)}
.brand-feature-cover img{display:block;width:100%;box-shadow:6px 12px 25px #0003}
.brand-discover{background:#e8ecdf;padding:65px 0}
.brand-section-heading{max-width:720px;margin-bottom:35px}
.brand-section-heading h2,.brand-journal h2{font:400 clamp(33px,4vw,52px)/1.12 Georgia,serif;margin:18px 0}
.brand-section-heading>p:last-child{font-size:17px;line-height:1.8;color:#66725d}
.brand-pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.brand-pathway{display:flex;flex-direction:column;padding:30px;border:1px solid #c4cfb4;border-radius:5px;text-decoration:none!important;background:#f8f7ef;color:#2d422c}
.brand-path-number{font-size:10px;letter-spacing:1.5px;color:#7c8d69}
.brand-pathway h3{font:400 30px/1.2 Georgia,serif;margin:28px 0 16px}
.brand-pathway p{font-size:15px;line-height:1.8;color:#69765e;margin:0 0 28px}
.brand-path-link{margin-top:auto;font-size:14px}
.brand-pathway:hover{border-color:#7d9363;background:#fffdf5}
.brand-journal{padding:70px 0;background:#f8f6ee}
.brand-journal-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}
.brand-journal .prose{font-size:17px;line-height:1.85;margin-bottom:25px}
.brand-journal-note{border-left:1px solid #c6d1b6;padding:20px 0 20px 40px}
.brand-journal-note>span{font-size:10px;letter-spacing:2px;color:#738761}
.brand-journal-note p{font:400 40px/1.12 Georgia,serif;margin:25px 0}
.brand-journal-note em{color:#7c8f65}
.brand-journal-note small{font-size:13px;line-height:1.6;color:#78836b}
.brand-closing{text-align:center;padding:60px 0}
.brand-closing h2{font:400 clamp(34px,4.5vw,58px)/1.1 Georgia,serif;margin:24px 0}
.brand-closing h2 em{color:#7d9066}
.brand-closing .brand-actions{justify-content:center}
@media(max-width:850px){
.brand-hero-grid{gap:35px}
.brand-pathways{gap:15px}
.brand-pathway{padding:22px}
.brand-pathway h3{font-size:26px}
.brand-journal-grid{gap:35px}
}
@media(max-width:650px){
.brand-hero-grid,.brand-journal-grid{grid-template-columns:1fr;gap:35px}
.brand-hero-grid{padding-top:38px;padding-bottom:40px}
.brand-hero h1{letter-spacing:-1px}
.brand-hero-art{max-width:420px;width:100%;box-sizing:border-box}
.brand-art-paper{min-height:350px}
.brand-art-paper>p{font-size:43px}
.brand-pathways{grid-template-columns:1fr}
.brand-pathway h3{margin-top:18px}
.brand-discover,.brand-journal{padding:42px 0}
.brand-journal-note{padding-left:25px}
.brand-journal-note p{font-size:33px}
.brand-closing{padding:40px 0}
}
