:root{--paper:#fbf8f2;--surface:#ffffff;--ink:#1c1917;--ink-soft:#44403c;--muted:#6b5f4e;--line:#e9e1d3;--accent:#b45309;--accent-deep:#8a3f06;--accent-soft:#fdf1e2;--sage:#5c6b57;--dark:#1b1713;--dark-soft:#2a241d;--radius:20px;--radius-sm:14px;--shadow:0 1px 2px rgba(28,25,23,.05),0 10px 28px -10px rgba(28,25,23,.14);--shadow-lg:0 2px 6px rgba(28,25,23,.06),0 24px 48px -16px rgba(28,25,23,.22);--display:"Fraunces",Georgia,"Times New Roman",serif;--body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--max:1180px;} *{box-sizing:border-box} html{scroll-behavior:smooth} .skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 20px;border-radius:0 0 12px 0;z-index:200;font-weight:700;text-decoration:none} .skip-link:focus{left:0;color:#fff} :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img{max-width:100%;height:auto;display:block} a{color:var(--accent);text-decoration:none} a:hover{color:var(--accent-deep)} ::selection{background:var(--accent);color:#fff} .wrap{max-width:var(--max);margin:0 auto;padding:0 22px} .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 10px 0} .skip:focus{left:0} .eyebrow-bar{background:var(--dark);color:#e9e1d3;font-size:.78rem;letter-spacing:.04em;text-align:center;padding:8px 16px} .eyebrow-bar strong{color:#f5c97b;font-weight:600} .site-header{position:sticky;top:0;z-index:100;background:rgba(251,248,242,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)} .site-header .wrap{display:flex;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px} .brand{font-family:var(--display);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1} .brand em{font-style:normal;color:var(--accent)} .brand:hover{color:var(--ink)} nav.main{margin-left:auto} nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none} nav.main ul::-webkit-scrollbar{display:none} nav.main a{display:block;white-space:nowrap;color:var(--ink-soft);font-size:.92rem;font-weight:600;padding:9px 13px;border-radius:999px;transition:background .18s,color .18s} nav.main a:hover{background:var(--accent-soft);color:var(--accent-deep);text-decoration:none} .header-cta{flex:none;background:var(--ink);color:#fff;font-size:.88rem;font-weight:700;padding:10px 20px;border-radius:999px;transition:transform .18s,background .18s} .header-cta:hover{background:var(--accent);color:#fff;text-decoration:none;transform:translateY(-1px)} .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(160deg,#f7ecdc 0%,#f3e2cc 45%,#eed9c4 100%)} .hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(600px 300px at 85% 10%,rgba(180,83,9,.10),transparent 60%), radial-gradient(500px 260px at 8% 90%,rgba(92,107,87,.10),transparent 60%)} .hero .wrap{position:relative;padding-top:64px;padding-bottom:60px} .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);background:rgba(255,255,255,.6);border:1px solid var(--line);padding:8px 16px;border-radius:999px;margin-bottom:22px} .hero h1{font-family:var(--display);font-size:clamp(2.4rem,6vw,4.2rem);font-weight:600;line-height:1.04;letter-spacing:-.025em;margin:0 0 18px;max-width:16ch} .hero h1 em{font-style:italic;color:var(--accent-deep)} .hero .lede{font-size:1.15rem;color:var(--ink-soft);max-width:56ch;margin:0 0 30px} .hero-actions{display:flex;flex-wrap:wrap;gap:12px} .btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;padding:14px 28px;border-radius:999px;box-shadow:var(--shadow);transition:transform .18s,background .18s,box-shadow .18s} .btn:hover{background:var(--accent-deep);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lg)} .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none} .btn.ghost:hover{background:var(--ink);color:#fff} .featured{margin-top:44px;display:grid;grid-template-columns:1.35fr 1fr;gap:20px} .feat-main{position:relative;border-radius:var(--radius);overflow:hidden;min-height:380px;display:flex;align-items:flex-end;box-shadow:var(--shadow-lg);isolation:isolate} .feat-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.6,.2,1)} .feat-main:hover img{transform:scale(1.04)} .feat-main::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(20,14,8,.82) 100%)} .feat-main .txt{padding:28px;color:#fff} .feat-side{display:flex;flex-direction:column;gap:20px} .feat-card{position:relative;flex:1;border-radius:var(--radius);overflow:hidden;min-height:180px;display:flex;align-items:flex-end;box-shadow:var(--shadow);isolation:isolate} .feat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.6,.2,1)} .feat-card:hover img{transform:scale(1.05)} .feat-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(20,14,8,.85) 100%)} .feat-card .txt{padding:20px 22px;color:#fff} .badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:6px 12px;border-radius:999px;margin-bottom:10px} .feat-main h2,.feat-card h3{font-family:var(--display);margin:0 0 6px;line-height:1.2;letter-spacing:-.01em} .feat-main h2{font-size:1.7rem} .feat-card h3{font-size:1.15rem} .feat-main h2 a,.feat-card h3 a{color:#fff} .feat-main h2 a:hover,.feat-card h3 a:hover{color:#ffe9c9} .feat-main p,.feat-card p{margin:0;font-size:.92rem;color:rgba(255,255,255,.85)} .section{padding:56px 0 8px} .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px} .section-head h2{font-family:var(--display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;letter-spacing:-.02em;margin:0} .section-head a{flex:none;font-size:.92rem;font-weight:700} .section .lede{color:var(--muted);margin:0 0 28px;max-width:64ch;font-size:1.02rem} .chips{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 18px;scrollbar-width:none} .chips::-webkit-scrollbar{display:none} .chip{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:.9rem;font-weight:600;padding:10px 18px;border-radius:999px;transition:border-color .18s,transform .18s,box-shadow .18s} .chip:hover{border-color:var(--accent);color:var(--accent-deep);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow)} .chip .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)} .masonry{columns:3 270px;column-gap:22px} .masonry>*{break-inside:avoid;margin-bottom:22px} .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;display:block;color:var(--ink)} .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--ink)} .card .imgwrap{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--accent-soft)} .card .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)} .card:hover .imgwrap img{transform:scale(1.06)} .card .imgwrap .badge{position:absolute;left:14px;bottom:14px;margin:0;box-shadow:0 4px 12px rgba(0,0,0,.25)} .card .cbody{display:block;padding:18px 20px 20px} .card .meta{display:block;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px} .card h3{font-family:var(--display);font-size:1.28rem;font-weight:600;line-height:1.28;letter-spacing:-.01em;margin:0 0 8px} .card h3 a{color:var(--ink)} .card p{margin:0;font-size:.93rem;color:var(--muted);line-height:1.6} .card .readmore{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.88rem;font-weight:700;color:var(--accent)} .card:hover .readmore{color:var(--accent-deep)} .cat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;display:block;color:var(--ink)} .cat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);text-decoration:none} .cat-card .imgwrap{display:block;aspect-ratio:16/10;overflow:hidden} .cat-card .imgwrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.2,1)} .cat-card:hover .imgwrap img{transform:scale(1.06)} .cat-card .cbody{display:block;padding:18px 20px} .cat-card h3{font-family:var(--display);font-size:1.2rem;margin:0 0 6px} .cat-card h3 a{color:var(--ink)} .cat-card p{margin:0;font-size:.9rem;color:var(--muted)} .cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px} .article-wrap{max-width:780px;margin:0 auto;padding:40px 22px 20px} .breadcrumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px} .breadcrumbs a{color:var(--muted);font-weight:600} .breadcrumbs a:hover{color:var(--accent)} .article-wrap h1{font-family:var(--display);font-size:clamp(2rem,5vw,3rem);font-weight:600;line-height:1.12;letter-spacing:-.025em;margin:14px 0 16px} .byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--muted);font-size:.9rem;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--line)} .byline .avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.1rem} .byline strong{color:var(--ink)} .hero-img{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);margin:0 0 12px} .hero-img img{width:100%;aspect-ratio:16/10;object-fit:cover} .caption{font-size:.82rem;color:var(--muted);text-align:center;margin:0 0 30px} .article-body{font-size:1.08rem;line-height:1.85;color:#2e2a25} .article-body>p:first-of-type::first-letter{font-family:var(--display);font-size:3.6em;float:left;line-height:.86;padding:6px 10px 0 0;color:var(--accent-deep);font-weight:600} .article-body h2{font-family:var(--display);font-size:1.7rem;font-weight:600;letter-spacing:-.015em;margin:46px 0 14px;line-height:1.25} .article-body h3{font-family:var(--display);font-size:1.3rem;margin:32px 0 10px} .article-body p{margin:0 0 20px} .article-body ul,.article-body ol{padding-left:24px;margin:0 0 22px} .article-body li{margin-bottom:10px} .article-body li::marker{color:var(--accent);font-weight:700} .article-body strong{color:var(--ink)} .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;margin:34px 0;box-shadow:var(--shadow)} .toc h2{font-family:var(--display);font-size:1.1rem!important;margin:0 0 12px!important} .toc ol{margin:0!important;padding-left:22px!important} .toc li{margin-bottom:8px!important;font-size:.95rem} .toc a{color:var(--ink-soft);font-weight:500} .toc a:hover{color:var(--accent)} .pullquote{font-family:var(--display);font-size:1.45rem;font-style:italic;line-height:1.5;color:var(--accent-deep);border-left:4px solid var(--accent);padding:6px 0 6px 24px;margin:36px 0} .pinbox{background:linear-gradient(135deg,#fff 0%,var(--accent-soft) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin:36px 0;display:flex;gap:18px;align-items:center;box-shadow:var(--shadow)} .pinbox .pin-ic{flex:none;width:52px;height:52px;border-radius:50%;background:#bd081c;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.5rem} .pinbox p{margin:0;font-size:.98rem} .pinbox p strong{font-family:var(--display);font-size:1.15rem} .pin-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap} .pin-btn{display:inline-flex;align-items:center;gap:8px;background:#bd081c;color:#fff;font-weight:700;font-size:.9rem;padding:11px 22px;border-radius:999px;transition:transform .18s,background .18s} .pin-btn:hover{background:#9a0717;color:#fff;text-decoration:none;transform:translateY(-2px)} .share-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);font-weight:700;font-size:.9rem;padding:10px 20px;border-radius:999px} .share-btn:hover{border-color:var(--ink);text-decoration:none} .authorbox{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:44px 0;box-shadow:var(--shadow)} .authorbox .avatar{flex:none;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.6rem} .authorbox h3{font-family:var(--display);font-size:1.15rem;margin:0 0 6px} .authorbox p{margin:0;font-size:.93rem;color:var(--muted)} .related{margin:50px 0 20px} .related h2{font-family:var(--display);font-size:1.7rem;letter-spacing:-.015em;margin:0 0 20px} .cat-hero{border-bottom:1px solid var(--line);background:var(--surface)} .cat-hero .wrap{padding-top:52px;padding-bottom:44px;max-width:860px} .cat-hero h1{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:600;letter-spacing:-.025em;margin:12px 0 14px;line-height:1.1} .cat-hero .lede{font-size:1.12rem;color:var(--ink-soft);margin:0;max-width:60ch} .page{max-width:760px;margin:0 auto;padding:48px 22px} .page h1{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.6rem);letter-spacing:-.02em;margin:0 0 18px} .page h2{font-family:var(--display);font-size:1.4rem;margin:34px 0 10px} .page p,.page li{color:#2e2a25} .notfound{text-align:center;padding:80px 22px;max-width:640px;margin:0 auto} .notfound h1{font-family:var(--display);font-size:clamp(2.4rem,6vw,3.6rem);margin:0 0 12px} .notfound p{color:var(--muted);margin-bottom:26px} .notfound .big{font-family:var(--display);font-size:6rem;color:var(--line);line-height:1} .newsletter{background:var(--dark);border-radius:28px;margin:64px 0 8px;overflow:hidden;position:relative} .newsletter::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 240px at 80% 20%,rgba(180,83,9,.28),transparent 60%)} .newsletter .inner{position:relative;padding:56px 40px;text-align:center;max-width:640px;margin:0 auto;color:#f3ede1} .newsletter h2{font-family:var(--display);font-size:clamp(1.7rem,3.6vw,2.4rem);margin:0 0 12px;letter-spacing:-.02em;color:#fff} .newsletter p{color:#c9bda8;margin:0 0 26px} .newsletter .soon{display:inline-block;border:1.5px dashed #8a7f72;color:#e9e1d3;border-radius:999px;padding:12px 28px;font-weight:600;font-size:.95rem} .site-footer{background:var(--dark);color:#b8ab94;margin-top:72px} .site-footer .wrap{padding-top:56px;padding-bottom:36px} .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px} .foot-brand{font-family:var(--display);font-size:1.9rem;color:#fff;font-weight:700} .foot-brand em{font-style:normal;color:#f5c97b} .foot-tag{font-size:.93rem;margin:12px 0 0;max-width:30ch} .site-footer h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#f5c97b;margin:0 0 16px} .site-footer ul{list-style:none;margin:0;padding:0} .site-footer li{margin-bottom:10px} .site-footer a{color:#b8ab94;font-size:.93rem} .site-footer a:hover{color:#fff} .foot-fine{border-top:1px solid #3a332a;padding-top:24px;font-size:.82rem;color:#8a7f72;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between} .foot-fine a{color:#8a7f72;text-decoration:underline} .navtoggle-btn{display:none} .mobile-nav{display:none} @media(max-width:900px){.featured{grid-template-columns:1fr} .feat-main{min-height:320px} .foot-grid{grid-template-columns:1fr 1fr} nav.main{display:none} .header-cta{display:none} .navtoggle-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;margin-left:auto;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:13px;cursor:pointer;padding:13px} .navtoggle-btn span{display:block;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .22s,opacity .22s} .navtoggle-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)} .navtoggle-btn[aria-expanded="true"] span:nth-child(2){opacity:0} .navtoggle-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)} .mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:8px 22px 22px;z-index:99} .mobile-nav.open{display:block} .mobile-nav ul{list-style:none;margin:0 0 14px;padding:0} .mobile-nav li{border-bottom:1px solid var(--line)} .mobile-nav li:last-child{border-bottom:0} .mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;color:var(--ink);font-weight:600;font-size:1.02rem} .mobile-nav a::after{content:"\2192";color:var(--accent);font-weight:700} .mobile-nav a:hover{color:var(--accent-deep)} .mobile-nav .btn{width:100%;justify-content:center}} @media(max-width:640px){body{font-size:16px} .hero .wrap{padding-top:34px;padding-bottom:34px} .hero-eyebrow{font-size:.7rem;padding:7px 13px;margin-bottom:16px} .hero h1{font-size:2.15rem;letter-spacing:-.02em;margin-bottom:12px} .hero .lede{font-size:1rem;margin-bottom:20px} .hero-actions{gap:10px} .hero-actions .btn{flex:1 1 0;justify-content:center;padding:13px 16px;font-size:.92rem;white-space:nowrap} .featured{margin-top:26px;gap:14px} .feat-main{min-height:260px} .feat-main .txt{padding:20px} .feat-main h2{font-size:1.3rem} .feat-main .txt p,.feat-card .txt p{display:none} .feat-card{min-height:150px} .feat-card .txt{padding:16px 18px} .feat-card h3{font-size:1.02rem} .masonry{columns:1;column-gap:0} .masonry>*{margin-bottom:18px} .card .imgwrap{aspect-ratio:16/10} .card h3{font-size:1.2rem} .section{padding:40px 0 4px} .section-head{flex-direction:column;align-items:flex-start;gap:4px} .newsletter .inner{padding:40px 24px} .foot-grid{grid-template-columns:1fr;gap:28px} .pinbox{flex-direction:column;text-align:center} .pin-actions{justify-content:center} .authorbox{flex-direction:column} .cat-grid{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important} html{scroll-behavior:auto}} #toTop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;border:0;font-size:1.4rem;cursor:pointer;z-index:90;box-shadow:var(--shadow);transition:transform .2s,opacity .2s} #toTop:hover{transform:translateY(-3px)} #toTop[hidden]{display:none} #progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:120} .search-box{display:flex;gap:10px;margin:24px 0} .search-box input{flex:1;padding:14px 18px;border:1.5px solid var(--line);border-radius:999px;font-size:1rem;font-family:inherit;background:var(--surface)} .search-box input:focus{border-color:var(--accent);outline:none} #searchResults .card{margin-bottom:18px} @media print{.site-header,.site-footer,.pinbox,.share-row,#toTop,#progress,.newsletter,.related,.hero-actions{display:none!important} body{background:#fff;color:#000} .wrap{max-width:100%;padding:0} a{color:#000;text-decoration:none} .article-body{max-width:100%}}