@keyframes wbDrift{from{background-position:0 0}to{background-position:80px 80px}}
:root{--bg:#f4f1ea;--text:#0d0b0a;--text2:#6a655b;--accent:#94856a;--line:rgba(148,133,106,.14);--nav:rgba(245,240,235,.94)}
.wb-dark{--bg:#0d0b0a;--text:#f0ede7;--text2:#8f887c;--accent:#c3b087;--line:rgba(195,176,135,.14);--nav:rgba(13,11,10,.94)}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-y:scroll}
body{background:var(--bg);color:var(--text);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.02em;line-height:1.8;min-height:100vh;transition:background .4s,color .4s}
a{text-decoration:none;color:inherit;transition:color .3s}
button{font-family:inherit;cursor:pointer}
nav{position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:1px solid transparent;transition:background .4s,border-color .4s}
.nav-bar{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 2rem}
nav.scrolled{background:var(--nav);backdrop-filter:blur(12px);border-bottom-color:var(--line)}
.nav-logo{font-size:.8rem;letter-spacing:.2em;font-weight:300;color:var(--text);white-space:nowrap}
.nav-right,.nav-links{display:flex;align-items:center}.nav-right{gap:20px}.nav-links{gap:22px}
.nav-link{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;font-weight:300;color:var(--text2)}
.nav-link:hover,.nav-link.active{color:var(--text)}
.burger-btn{display:none;background:none;border:none;color:var(--text);align-items:center;justify-content:center;padding:8px;width:40px;height:40px}
.mob-menu{display:none;border-top:1px solid var(--line);background:var(--nav);backdrop-filter:blur(12px)}
.mob-menu a{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text);padding:16px 1.25rem;border-bottom:1px solid var(--line)}
.language-switch{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);padding:3px}
.lang-btn{background:transparent;border:0;color:var(--text2);font-size:.58rem;letter-spacing:.16em;padding:4px 6px}
.lang-btn.active{color:var(--accent)}
.theme-btn{background:none;border:none;color:var(--text2);display:flex;align-items:center;padding:6px}
.art-header{max-width:760px;margin:0 auto;padding:112px 32px 48px}
.back-link{display:inline-block;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text2);margin-bottom:40px}
.art-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:24px}
.art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.5}.art-meta .dim{color:var(--text2)}
h1{font-size:clamp(1.7rem,4vw,2.8rem);font-weight:200;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;margin:0 0 28px}
.art-lead{font-size:1.1rem;line-height:1.65;color:var(--text2);margin:0 0 32px}
.art-byline{display:flex;align-items:center;gap:12px;padding-top:24px;border-top:1px solid var(--line)}
.byline-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0}.byline-avatar img{width:100%;height:100%;object-fit:cover}
.byline-text{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text2)}.byline-text strong{color:var(--text)}
.hero-img{max-width:1100px;margin:0 auto 64px;padding:0 48px}.hero-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line)}
.hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(1.02)}
.img-caption{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin:12px 0 0}
.wb-body{max-width:680px;margin:0 auto;padding:0 32px 96px;font-size:1rem;line-height:1.85;color:var(--text2)}
.wb-body p{margin:0 0 24px}.wb-body>p:first-child{font-size:1.15rem;line-height:1.7;color:var(--text)}
.wb-body h2{font-size:1.15rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:48px 0 20px;line-height:1.45}
.wb-body h3{font-size:.9rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:36px 0 16px}
.wb-body ul,.wb-body ol{margin:0 0 28px;padding-left:22px}.wb-body li{margin-bottom:8px}
.wb-body blockquote{margin:48px 0;padding:0 0 0 28px;border-left:2px solid var(--accent);font-size:1.3rem;font-weight:300;line-height:1.5;color:var(--text)}
.wb-body table{width:100%;border-collapse:collapse;margin:0 0 32px;font-size:.92rem}.wb-body th,.wb-body td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.cta-section{position:relative;border-top:1px solid var(--line);overflow:hidden}.cta-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:15vw;font-weight:100;color:var(--accent);opacity:.03;text-transform:uppercase}
.cta-inner{position:relative;max-width:900px;margin:0 auto;padding:104px 32px;text-align:center}.cta-ey{display:block;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text2);margin-bottom:24px}
.cta-title{font-size:clamp(1.3rem,3vw,2rem);font-weight:200;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;max-width:22ch;margin:0 auto 44px}
.cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.btn-em,.btn-ct{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.btn-em{background:var(--text);color:var(--bg)}.btn-ct{border:1px solid var(--accent);color:var(--accent)}
.cta-note{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text2);margin-top:36px}
.related{border-top:1px solid var(--line)}.related-inner{max-width:1100px;margin:0 auto;padding:72px 32px}.rel-ey{display:block;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text2);margin-bottom:36px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.rel-card{background:var(--bg)}.rel-img-wrap{aspect-ratio:4/3;overflow:hidden}.rel-img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.rel-card:hover .rel-img{transform:scale(1.035)}
.rel-body{padding:22px 22px 26px}.rel-cat{font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.rel-title{font-size:.94rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;line-height:1.35}
footer{border-top:1px solid var(--line);padding:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text2)}
#btt{position:fixed;bottom:32px;right:32px;width:40px;height:40px;border:1px solid var(--accent);color:var(--accent);display:flex;align-items:center;justify-content:center;z-index:1000;background:transparent;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s}#btt.visible{opacity:1;visibility:visible}#btt:hover{background:var(--accent);color:var(--bg)}
.cookie-banner{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1200;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 10px 8px 16px;border:1px solid rgba(148,133,106,.18);background:rgba(148,133,106,.18);backdrop-filter:blur(16px);border-radius:999px;color:var(--text);box-shadow:0 18px 45px rgba(13,11,10,.08)}.wb-dark .cookie-banner{background:rgba(195,176,135,.16);box-shadow:0 18px 45px rgba(0,0,0,.28)}.cookie-banner[hidden]{display:none}.cookie-copy{display:flex;align-items:center;gap:9px;min-width:0}.cookie-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cookie-title,.cookie-btn{font-size:.6rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.cookie-link{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text2);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.cookie-link:hover{color:var(--accent)}.cookie-btn{border:0;background:transparent;color:var(--text2);padding:6px 9px;border-radius:999px;font-family:inherit;font-weight:300;line-height:1;cursor:pointer;transition:color .25s,background .25s}.cookie-btn:hover,.cookie-btn.accept:hover{color:var(--accent)}.cookie-btn.accept{background:var(--accent);color:var(--bg)}.cookie-btn.accept:hover{background:var(--text);color:var(--bg)}
@media(max-width:860px){.nav-bar{padding:0 1.25rem}.nav-links{display:none}.burger-btn{display:flex}.art-header,.hero-img,.wb-body,.cta-inner,.related-inner{padding-left:24px;padding-right:24px}.rel-grid{grid-template-columns:1fr}.art-header{padding-top:92px}footer{flex-direction:column;gap:18px;padding:1.5rem 1.25rem}}
@media(min-width:561px) and (max-width:860px){.rel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){#btt{right:24px}}
@media(max-width:520px){.cookie-banner{bottom:16px;max-width:calc(100vw - 20px);padding:8px 9px 8px 12px;gap:7px}.cookie-copy{gap:7px}.cookie-title,.cookie-btn{font-size:.5rem;letter-spacing:.12em}.cookie-link{font-size:.46rem;letter-spacing:.12em}.cookie-actions{gap:6px}.cookie-btn{padding:6px 7px}.cookie-btn.accept{padding:6px 9px}.hero-img-wrap{aspect-ratio:4/3}}
@media(max-width:380px){.cookie-banner{flex-wrap:wrap;border-radius:18px;padding:9px 10px;row-gap:8px}.cookie-copy,.cookie-actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}