.articles-mobile-title{display:none}
#page-shell[data-page-kind=home] .header-inner{height:106px}
.scrolled #page-shell[data-page-kind=home] .header-inner{height:90px}
.articles-hero{padding-top:138px;background:linear-gradient(120deg,#763249,#481b2e);color:var(--paper);overflow:hidden}
.articles-hero-inner{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;min-height:490px}
.articles-hero-copy{padding:50px 0 65px}.articles-hero .eyebrow{color:#e6c89f}.articles-hero h1{font-size:clamp(3.6rem,5.1vw,5.9rem);line-height:1.07;margin:20px 0 25px}.articles-hero em{color:#e6c89f}.articles-hero p{max-width:480px;font-size:1rem;line-height:1.9;color:#f2e5e8}
.articles-hero-portrait{position:relative;height:490px;align-self:end;isolation:isolate}.articles-hero-portrait>span{position:absolute;inset:8% 10% 0;border:1px solid #e6c89f55;border-radius:180px 180px 0 0;z-index:-1}.articles-hero-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom}.articles-hero-portrait::after{content:'';position:absolute;inset:60% -40px 0;background:linear-gradient(transparent,#481b2e);pointer-events:none}
.article-subheader{background:#f0ece7;border-bottom:1px solid var(--line);position:relative;z-index:8}.article-filters.live-filters{display:flex;gap:16px;align-items:center;border:0;margin:0;padding:22px 0;position:relative}
.live-filters .search-input{background:var(--paper);border:1px solid #d9cec6;border-radius:12px;min-width:0;flex:1;padding:0}.live-filters .search-input input{padding:15px 48px 15px 18px;font-size:.9rem}.live-filters .search-input button{right:7px;width:38px}.live-filters .search-input .icon{width:20px;height:20px}
.area-picker{position:relative;width:245px;flex:none}.live-filters select{width:100%;min-width:0;border-radius:12px;padding:15px 38px 15px 16px;background-color:var(--paper)}.custom-area-picker[hidden]{display:none}.live-filters.is-live select,.live-filters.is-live>.filter-button{display:none}
.custom-area-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:var(--paper);border:1px solid #d9cec6;border-radius:12px;font-size:.82rem;color:var(--wine);cursor:pointer;list-style:none;min-height:54px}.custom-area-picker summary::-webkit-details-marker{display:none}.picker-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin-top:-4px}.custom-area-picker[open] .picker-chevron{transform:rotate(225deg);margin-top:4px}
.area-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px #3e182721;z-index:10}.area-options button{display:block;width:100%;border:0;background:transparent;color:var(--wine);font-size:.79rem;line-height:1.5;text-align:left;padding:11px 10px;border-radius:7px;cursor:pointer}.area-options button:hover,.area-options button:focus-visible,.area-options button[aria-pressed=true]{background:var(--wine);color:var(--paper)}
.clear-live-filters{border:0;background:none;color:var(--wine);font-size:.75rem;padding:12px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.clear-live-filters[hidden]{display:none}.filter-loading{display:none;position:absolute;bottom:2px;left:0;font-size:.65rem;color:var(--wine)}.live-filters.htmx-request .filter-loading{display:block}.article-results-wrap{padding-block:35px 65px;min-height:300px}.results-count{font-size:.78rem;color:var(--muted);margin-bottom:30px}.article-results-wrap .empty-state{padding:35px 0 45px}.article-results-wrap [data-reveal]{opacity:1;transform:none}
@media(min-width:700px) and (max-width:1099px){.articles-hero{padding-top:96px}.articles-hero-inner{gap:15px;min-height:420px}.articles-hero-portrait{height:420px}.articles-hero h1{font-size:3.5rem}}
@media(max-width:699px){
 #page-shell[data-page-kind=home] .header-inner{height:78px}.scrolled #page-shell[data-page-kind=home] .header-inner{height:70px}
 #page-shell[data-page-kind=articles] .header-inner{height:104px;gap:13px;width:calc(100% - 36px)}
 #page-shell[data-page-kind=articles] .brand-name{display:none}#page-shell[data-page-kind=articles] .brand-mark{width:36px;height:46px}#page-shell[data-page-kind=articles] .brand{flex:none}
 .articles-mobile-title{display:block;font-family:var(--sans);font-size:clamp(.88rem,3.6vw,1.14rem);font-weight:500;line-height:1.45;letter-spacing:-.03em;margin:0;flex:1}.articles-mobile-title em{font-style:normal;font-weight:600;color:var(--wine)}
 .articles-hero{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;white-space:nowrap}.article-browser{padding-top:104px}.article-subheader>.wrap{width:calc(100% - 36px)}
 .article-filters.live-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:15px 0 21px}.live-filters .search-input{grid-column:1/-1;padding:0;border-bottom:1px solid #d9cec6}.live-filters .search-input input{font-size:16px;padding:13px 48px 13px 14px}
 .area-picker{width:215px;max-width:100%;grid-column:1}.custom-area-picker summary{font-size:.79rem;padding:12px 14px;min-height:46px}.area-options button{font-size:.79rem}.clear-live-filters{grid-column:2;justify-self:end}.live-filters .filter-button{grid-column:2}.filter-loading{bottom:3px}.article-results-wrap{padding-block:25px 40px}.results-count{margin-bottom:25px}.article-results-wrap .empty-state h2{font-size:2.35rem}.article-results-wrap .empty-state{padding-top:15px}
}
@media(min-width:1100px){body:not(.scrolled) .site-header{border-bottom-color:transparent;box-shadow:none}}
@media(min-width:1100px){#page-shell[data-page-kind=home] .hero-inner{padding-top:140px}}
@media(min-width:1600px){#page-shell[data-page-kind=home] .hero-inner{padding-top:171px}}

.brand-mark-white{display:none}
@media(min-width:700px){body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .site-header{background:transparent;border-color:transparent;box-shadow:none}body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .site-header .brand-mark-dark{display:none}body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .site-header .brand-mark-white{display:block;mix-blend-mode:normal}body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .site-header .brand-name,body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .site-header .brand-name>span,body:not(.scrolled):not(.menu-open) #page-shell[data-page-kind=articles] .desktop-nav a{color:#fff}body:not(.scrolled) #page-shell[data-page-kind=articles] .desktop-nav a::after{background:#e6c89f}body:not(.scrolled) #page-shell[data-page-kind=articles] .menu-toggle span{background:#fff}}
.articles-hero{position:relative;isolation:isolate}.articles-hero::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 55%,#481b2e 100%);pointer-events:none}.articles-hero-copy{position:relative;z-index:3;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:15px 0 55px}.articles-hero-portrait::after{display:none}.articles-hero-portrait{isolation:auto}.articles-hero-portrait>img{position:relative;z-index:1}.articles-hero-portrait>.article-orbit{inset:8% 10% 0;border-radius:50%;height:84%;z-index:0;animation:article-orbit 22s linear infinite}.article-orbit i{position:absolute;left:50%;top:-6px;width:12px;height:12px;background:#e6c89f;border:3px solid #763249;border-radius:50%;box-shadow:0 0 0 5px #e6c89f20}
.editorial-float{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid #e6c89f66;background:#63263be6;color:#f8f7f4;padding:15px 18px;border-radius:13px;box-shadow:0 12px 35px #30131f22;animation:editorial-drift 7s ease-in-out infinite;font-size:.72rem;line-height:1.5;pointer-events:none}.float-justice{left:0;top:22%}.float-justice .icon{width:25px;height:25px;color:#e6c89f}.float-portrait{right:-10px;bottom:20%;padding:0 15px 0 0;animation-delay:-3s}.editorial-float.float-portrait img{width:62px;height:83px;object-fit:contain;object-position:bottom}.float-balance{right:2%;top:7%;padding:12px;animation-delay:-1.5s}.float-balance svg{width:30px;height:30px;color:#e6c89f}
@keyframes article-orbit{to{transform:rotate(360deg)}}@keyframes editorial-drift{50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.articles-hero-portrait>.article-orbit,.editorial-float{animation:none}}
.demo-note{padding:14px 20px;border-left:3px solid var(--gold);background:var(--paper-deep);font-size:.8rem;line-height:1.7;margin-bottom:25px}.demo-badge{font-size:.65rem;color:var(--wine);border:1px solid var(--line);padding:3px 7px;border-radius:6px;display:inline-block;margin-bottom:10px}
.privacy-preferences{position:fixed;z-index:500;left:24px;bottom:24px;width:min(470px,calc(100% - 48px));padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 50px #30131f30}.privacy-preferences[hidden]{display:none}.privacy-preferences p{font-size:.8rem;line-height:1.7;margin-bottom:15px}.privacy-preferences p a{text-decoration:underline}.privacy-preferences>div{display:flex;flex-wrap:wrap;gap:10px}.privacy-preferences button{padding:11px 14px;border:1px solid var(--wine);border-radius:9px;background:transparent;color:var(--wine);font-size:.75rem;cursor:pointer}.privacy-preferences button[data-consent=accepted]{background:var(--wine);color:white}.privacy-status{font-size:.75rem}.privacy-open{border:0;color:inherit;background:transparent;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.article-main-image{background:var(--paper-deep);border-radius:18px;overflow:hidden}.article-main-image>img{width:100%;height:460px;object-fit:contain;object-position:center bottom}
@media(max-width:699px){.article-main-image>img{height:330px}.article-main-image{border-radius:0}}
