
:root{--bg:#F6F2E9;--card:#FDFBF6;--ink:#26304A;--acc:#A0453D;--acc2:#CDAE63;--mut:#666D7D;--line:#E2DDCF;--hf:"Libre Caslon Text",Georgia,serif;--bf:"Lora",Georgia,serif;--lf:"Libre Franklin",Arial,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:19px/1.75 var(--bf)}
a{color:inherit}.w{max-width:820px;margin:0 auto;padding:0 20px 60px}
header{padding:26px 0 14px;border-top:6px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:14px;text-align:center}
header a{text-decoration:none}.sub{color:var(--mut);margin:0;font-style:italic}
.lab,.k,.f i,.fec{font:600 12px var(--lf);text-transform:uppercase;letter-spacing:.14em;color:var(--acc)}
.brand{font:700 clamp(30px,6vw,52px)/1.1 var(--hf);margin:10px 0 8px;display:block}
button,input,select{font:15px var(--lf);color:var(--ink);background:var(--card);border:1px solid var(--line);padding:8px 12px;border-radius:2px}
.bar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.bar input{flex:1;min-width:200px}
.mut{color:var(--mut)}main>p.mut{margin:0 0 16px;font:13px var(--lf);letter-spacing:.06em;text-transform:uppercase}
article{background:var(--card);border:1px solid var(--line);border-top:2px solid var(--acc2);padding:26px 28px;display:grid;gap:22px;margin-bottom:22px}
article.ci{grid-template-columns:170px 1fr}.hero article.ci{grid-template-columns:230px 1fr}
.im{width:100%;height:auto;display:block;border:1px solid var(--line);background:var(--bg)}
.b{min-width:0;display:flex;flex-direction:column}.b p{margin:0 0 .9em}
article h3{font:700 24px/1.3 var(--hf);margin:10px 0 14px}article h3 a{text-decoration:none}
.f b{font:700 34px/1 var(--hf);color:var(--acc);margin-right:8px}.f i{font-style:normal;color:var(--mut)}
.k{display:inline-block;align-self:flex-start;margin-top:8px;border-bottom:2px solid var(--acc)}
.vm{align-self:flex-start;border-bottom:1px solid var(--acc);padding:2px 0;color:var(--acc);font:600 12px var(--lf);letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.hero{margin:0 0 36px}.hero .lab{display:block;margin-bottom:10px;font-size:13px}.hero article{border-left:6px solid var(--acc);padding:34px 38px;font-size:20px}
.hero article p:first-of-type::first-letter{font:700 3.2em/.8 var(--hf);float:left;padding:.08em .1em 0 0;color:var(--acc)}
.e{display:block;padding:34px 38px;margin-top:26px}.e h1{font:700 clamp(30px,5vw,44px)/1.15 var(--hf);margin:12px 0 22px}
.e figure{margin:0 0 26px}.e figcaption{font:13px var(--lf);color:var(--mut);margin-top:6px}
.e .txt p{margin:0 0 1.1em;line-height:1.85}.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:24px}
.pn{display:flex;justify-content:space-between;gap:16px;margin:30px 0;font:600 14px var(--lf)}.pn a{max-width:48%;color:var(--acc)}
.mas h2{font:700 20px var(--hf);margin:30px 0 8px}.mas a{display:block;padding:4px 0}
#more{display:block;margin:30px auto;cursor:pointer}
footer{margin-top:50px;color:var(--mut);font:14px var(--lf);border-top:1px solid var(--line);padding-top:14px}
@media(max-width:640px){article{padding:24px 22px}article.ci,.hero article.ci{grid-template-columns:1fr}article.ci .im{max-width:260px}.hero article{padding:28px 22px}.e{padding:26px 22px}}
