:root{--cream:#f7f1e8;--paper:#fffdf9;--ink:#211b1b;--pink:#c70b60;--orange:#ff6935;--plum:#4b1236;--pale:#ffd8c7;--line:rgba(33,27,27,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 Raleway,sans-serif}a{color:inherit;text-decoration:none}header{height:86px;padding:0 5vw;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:2rem;background:var(--paper)}.brand{display:flex;align-items:baseline;letter-spacing:.08em;margin-right:auto}.brand span{font:italic 1.5rem Raleway;margin-right:.15rem}.brand strong{font-size:1rem;letter-spacing:.16em}.back,.top-cta{text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.1em}.top-cta{background:var(--orange);padding:.75rem 1rem}.blog-hero{position:relative;overflow:hidden;padding:90px 7vw 100px;background:var(--plum);color:#fff}.blog-hero:after{content:"B";position:absolute;right:-2vw;top:-7rem;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);font:400 35rem/.8 Raleway}.eyebrow{position:relative;z-index:1;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;display:flex;align-items:center;gap:.7rem}.eyebrow span{width:30px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Raleway;font-weight:400;letter-spacing:-.035em}.blog-hero h1{position:relative;z-index:1;font-size:clamp(3.8rem,7vw,7.7rem);line-height:.9;margin:2rem 0;max-width:1150px}.blog-hero em{color:var(--orange);font-weight:400}.blog-hero>p:last-child{position:relative;z-index:1;max-width:690px;color:rgba(255,255,255,.7);font-size:1.1rem}.archive{padding:100px 7vw 120px}.archive-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:end;margin-bottom:3rem}.eyebrow.dark{color:var(--plum)}.archive h2{font-size:clamp(3rem,5vw,5.7rem);line-height:1;margin:.8rem 0 0}.filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.filters button,.load-more{border:1px solid var(--line);background:var(--paper);padding:.75rem 1rem;color:var(--ink);font:800 .69rem Raleway,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.filters button:hover,.filters button.active{background:var(--plum);color:#fff;border-color:var(--plum)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.article-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:2.3rem;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 38px rgba(33,27,27,.045);transition:transform .25s,border-color .25s,box-shadow .25s}.article-card:hover{transform:translateY(-5px);border-color:rgba(199,11,96,.42);box-shadow:0 22px 48px rgba(75,18,54,.09)}.article-card[hidden]{display:none}.article-no{position:absolute;right:1.7rem;bottom:.8rem;color:rgba(199,11,96,.08);font:400 8rem/1 Raleway}.article-meta{position:relative;z-index:1;display:flex;gap:.55rem;align-items:center;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.article-meta span{background:var(--pale);padding:.25rem .5rem}.article-meta time{margin-left:auto;color:#746b66}.article-card h3{position:relative;z-index:1;font-size:clamp(2rem,3.2vw,3.6rem);line-height:1.02;margin:2rem 0 1rem}.article-card p{position:relative;z-index:1;max-width:580px;color:#6f6762}.article-card strong{position:relative;z-index:1;margin-top:auto;padding-top:1.5rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.09em}.article-card strong span{color:var(--orange)}.load-more{display:flex;gap:2rem;margin:2.5rem auto 0;background:var(--orange);border-color:var(--orange)}.load-more[hidden]{display:none}.empty{text-align:center;color:#6f6762;margin-top:3rem}footer{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:var(--paper)}footer nav{display:flex;gap:1rem}footer nav a{font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--plum)}footer>a:last-child{font-size:.78rem;font-weight:800;color:var(--pink)}@media(max-width:850px){.archive-head{grid-template-columns:1fr}.filters{justify-content:flex-start}.article-grid{grid-template-columns:1fr}.article-card{min-height:360px}}@media(max-width:650px){body{font-size:16px}header{height:72px;padding:0 5vw}.back{display:none}.top-cta{font-size:.6rem}.blog-hero{padding:70px 6vw 80px}.blog-hero h1{font-size:3.6rem}.archive{padding:70px 6vw}.article-card{padding:1.5rem;min-height:340px}.article-no{font-size:6rem}.filters{gap:.4rem}.filters button{padding:.65rem .75rem}footer{align-items:flex-start;flex-direction:column;gap:1.2rem}footer nav{flex-wrap:wrap}}
