:root{--wine:#731921;--wine-d:#5a1119;--esp:#260303;--ivory:#F8F1EB;--champ:#EFE3D6;--gold:#D9A76A;--ink:#3a2a2a;--mute:#6b5a55;--hair:rgba(115,25,33,.16);--serif:'Playfair Display',Georgia,serif;--g:clamp(18px,4vw,40px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--ivory);line-height:1.7;-webkit-font-smoothing:antialiased;
 background-image:radial-gradient(800px 600px at 90% 0,rgba(217,167,106,.22),transparent 65%),radial-gradient(700px 700px at 0 40%,rgba(232,210,195,.8),transparent 66%),radial-gradient(900px 700px at 100% 90%,rgba(213,181,160,.4),transparent 66%);background-attachment:fixed}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--esp);line-height:1.2;margin:0}
.wrap{width:min(100% - 2*var(--g),1180px);margin-inline:auto}
.hd{position:sticky;top:0;z-index:50;background:rgba(248,241,235,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hair)}
.hd .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hd img{height:46px;width:auto}
.hd nav{display:flex;gap:clamp(14px,2.4vw,34px)}
.hd nav a{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:6px 0;border-bottom:1px solid transparent;transition:.25s}
.hd nav a:hover{color:var(--wine);border-color:var(--wine)}
.btn{display:inline-flex;align-items:center;gap:16px;padding:6px 6px 6px 26px;border-radius:999px;border:1px solid var(--esp);background:var(--esp);color:var(--ivory);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;transition:background .3s,transform .3s;box-shadow:0 14px 28px -16px rgba(38,3,3,.7)}
.btn .d{width:36px;height:36px;border-radius:50%;background:var(--ivory);color:var(--esp);display:grid;place-items:center;transition:transform .3s}
.btn .d svg{width:15px;height:15px}.btn:hover{background:var(--wine-d);color:var(--ivory)}.btn:hover .d{transform:translateX(3px)}
.hd .btn{padding:4px 4px 4px 20px;font-size:.66rem;gap:12px}.hd .btn .d{width:32px;height:32px}
.crumbs{padding:28px 0 6px;font-size:.74rem;letter-spacing:.06em;color:var(--mute)}
.crumbs a{border-bottom:1px solid var(--hair)}.crumbs a:hover{color:var(--wine)}.crumbs span{margin:0 8px;opacity:.6}
.ahead{max-width:820px;margin:0 auto;padding:18px 0 8px;text-align:center}
.tag{display:inline-block;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--wine);margin-bottom:16px}
.ahead h1{font-size:clamp(2rem,5vw,3.4rem);text-wrap:balance}
.meta{margin-top:18px;font-size:.8rem;color:var(--mute);letter-spacing:.04em}
.meta b{font-weight:600;color:var(--ink)}
.lede{max-width:700px;margin:22px auto 0;font-size:1.12rem;color:var(--ink)}
.cover{position:relative;max-width:980px;margin:38px auto 0;aspect-ratio:21/9;border-radius:28px;overflow:hidden;display:grid;place-items:center;color:#fff8f1;isolation:isolate;box-shadow:0 36px 60px -36px rgba(64,3,3,.6)}
.cover::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/img/damask-light.png) center/520px auto;opacity:.1;mix-blend-mode:soft-light}
.cover svg{width:clamp(54px,9vw,96px);height:auto}
.cv1{background:radial-gradient(120% 90% at 90% 0,#a23442,transparent 60%),linear-gradient(160deg,#8a2431,#731921 45%,#400303)}
.cv2{background:radial-gradient(120% 90% at 10% 0,#f3dcae,transparent 60%),linear-gradient(160deg,#e2b97c,#d9a76a 50%,#a9743f);color:#2b0a08}
.cv3{background:radial-gradient(120% 90% at 85% 0,#6a2b22,transparent 60%),linear-gradient(160deg,#4a1a14,#2c0a08 55%,#260303)}
.cv4{background:radial-gradient(120% 90% at 15% 0,#fff4ea,transparent 60%),linear-gradient(160deg,#ecd2c4,#d9b7a6 55%,#c49784);color:#3a0d0d}
.layout{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;gap:0;padding:44px 0 20px}
.art{font-size:1.04rem}
.art p{margin:0 0 1.15em}
.art h2{font-size:clamp(1.55rem,3vw,2.1rem);margin:2.1em 0 .6em;text-wrap:balance}
.art h3{font-size:clamp(1.15rem,2vw,1.4rem);margin:1.6em 0 .5em}
.art a{color:var(--wine);border-bottom:1px solid rgba(217,167,106,.8);transition:.2s}.art a:hover{color:var(--esp);border-color:var(--wine)}
.art ul,.art ol{margin:0 0 1.3em;padding-left:1.25em}.art li{margin:.45em 0;padding-left:.2em}.art li::marker{color:var(--gold);font-weight:700}
.art strong{color:var(--esp);font-weight:700}
.note{margin:1.8em 0;padding:20px 24px;border-radius:20px;background:rgba(255,251,247,.7);border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 40px -30px rgba(64,3,3,.45);border-left:3px solid var(--gold)}
.note p:last-child{margin:0}.note b{color:var(--wine)}
.disc{margin:1.4em 0;padding:14px 18px;border-radius:14px;background:rgba(217,167,106,.16);font-size:.86rem;color:#5a3d2a;line-height:1.6}
.cta{margin:2.4em 0;padding:clamp(26px,4vw,40px);border-radius:28px;text-align:center;color:#fff8f1;background:radial-gradient(120% 90% at 90% 0,#a23442,transparent 60%),linear-gradient(160deg,#8a2431,#731921 45%,#400303);box-shadow:0 34px 56px -34px rgba(64,3,3,.7)}
.cta h2,.cta h3{color:#fff8f1;margin:0 0 12px;font-size:clamp(1.4rem,3vw,1.9rem)}
.cta p{color:rgba(255,248,241,.86);margin:0 auto 22px;max-width:52ch}
.cta .btn{background:#fff8f1;color:var(--esp);border-color:#fff8f1}.cta .btn .d{background:var(--esp);color:#fff8f1}.cta .btn:hover{background:#fff;color:var(--esp)}
.cta .small{font-size:.76rem;opacity:.8;margin:16px auto 0}
.art .cta a{border:0;color:inherit}
.art table{width:100%;border-collapse:separate;border-spacing:0;margin:1.6em 0;font-size:.9rem;background:rgba(255,251,247,.7);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -30px rgba(64,3,3,.4)}
.art th,.art td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--hair)}
.art th{background:rgba(115,25,33,.07);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--wine)}
.art tr:last-child td{border-bottom:0}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.tw table{min-width:560px}
.check{list-style:none;padding:0!important}.check li{position:relative;padding:0 0 0 34px;margin:.7em 0}
.check li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:rgba(217,167,106,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23731921' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3L12.500 5'/%3E%3C/svg%3E") center/12px no-repeat}
.faq details{border-top:1px solid var(--hair);padding:0}.faq details:last-child{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;color:var(--esp);display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid var(--wine);border-bottom:1.5px solid var(--wine);transform:rotate(45deg) translateY(-3px);transition:.3s}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq details p{margin:0 0 18px}
.byline{margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--hair);font-size:.85rem;color:var(--mute)}
.related{padding:30px 0 70px}
.related h2{text-align:center;font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:28px}
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,24px)}
.rel{grid-template-columns:repeat(3,1fr);max-width:980px;margin-inline:auto}
.post{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:4/5;color:#fff8f1;isolation:isolate;box-shadow:0 28px 46px -30px rgba(64,3,3,.6),0 0 0 1px rgba(255,255,255,.55) inset;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.post:hover{transform:translateY(-6px)}
.post.v1{background:radial-gradient(120% 80% at 90% 0,#a23442 0,transparent 60%),linear-gradient(160deg,#8a2431,#731921 45%,#400303)}
.post.v2{background:radial-gradient(120% 80% at 10% 0,#f3dcae 0,transparent 60%),linear-gradient(160deg,#e2b97c,#d9a76a 50%,#a9743f);color:#2b0a08}
.post.v3{background:radial-gradient(120% 80% at 85% 0,#6a2b22 0,transparent 60%),linear-gradient(160deg,#4a1a14,#2c0a08 55%,#260303)}
.post.v4{background:radial-gradient(120% 80% at 15% 0,#fff4ea 0,transparent 60%),linear-gradient(160deg,#ecd2c4,#d9b7a6 55%,#c49784);color:#3a0d0d}
.post::before{content:"";position:absolute;inset:0;background:url(/img/damask-light.png) center/520px auto;opacity:.09;mix-blend-mode:soft-light}
.post.v2::before,.post.v4::before{filter:brightness(0);opacity:.07;mix-blend-mode:normal}
.post .pic{position:absolute;left:20px;top:20px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;background:rgba(255,255,255,.1)}
.post .pic svg{width:48%;height:48%}
.post .pb{position:absolute;left:0;right:0;bottom:0;padding:22px 66px 22px 22px}
.post .pb em{display:block;font-style:normal;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;margin-bottom:9px;opacity:.85}
.post.v1 .pb em,.post.v3 .pb em{color:var(--gold);opacity:1}
.post h3{font-size:1.05rem;line-height:1.3;color:inherit;margin:0}
.post .go{position:absolute;right:18px;bottom:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor}
.post .go svg{width:14px;height:14px}
.post:hover .go{background:#fff8f1;color:#260303}
.idx{padding:30px 0 80px}
.idx .ahead{padding-bottom:30px}
footer{background:linear-gradient(to bottom,rgba(223,200,171,0),#dfc8ab 40%,#d9bba4 75%,#dec5a4);padding:70px 0 30px;color:#3a1f12}
footer .row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(58,31,18,.2);padding-top:22px;font-size:.82rem}
footer nav{display:flex;gap:20px;flex-wrap:wrap}footer nav a:hover{color:var(--wine)}
footer img{height:56px;width:auto;margin-bottom:18px}
footer p.d{max-width:46ch;margin:0 0 30px;font-size:.92rem;line-height:1.7}
@media (max-width:980px){.posts{grid-template-columns:repeat(2,1fr)}.rel{grid-template-columns:1fr 1fr}.hd nav{display:none}}
@media (max-width:560px){.hd .wrap{height:64px}.hd img{height:40px}.cover{aspect-ratio:16/9;border-radius:20px}.rel{grid-template-columns:1fr}.layout{padding-top:30px}.art{font-size:1rem}.ahead h1{font-size:1.85rem}}
@media (max-width:560px){.posts{grid-template-columns:1fr}.post{aspect-ratio:16/9}.post .pb{padding-right:70px}.post h3{font-size:1.1rem}}
.art .cta .btn,.art .cta .btn:hover{color:var(--esp)}
.art .cta .btn .d{color:#fff8f1}
.art .shopcard{display:flex;align-items:center;gap:20px;margin:2.2em 0;padding:22px 24px;border-radius:24px;border:1px solid var(--hair);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(239,227,214,.7));box-shadow:0 24px 44px -32px rgba(64,3,3,.45);border-bottom:1px solid var(--hair)}
.art .shopcard .si{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:#fff8f1}
.art .shopcard .si svg{width:26px;height:26px}
.art .shopcard b{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--esp);margin-bottom:4px}
.art .shopcard span.t{display:block;font-size:.9rem;color:var(--mute);line-height:1.5}
.art .shopcard .btn{flex:none;margin-left:auto;color:var(--ivory);border:1px solid var(--esp)}
.art .shopcard .btn:hover{color:var(--ivory)}
@media (max-width:560px){.art .shopcard{flex-direction:column;align-items:flex-start}.art .shopcard .btn{margin-left:0}}

/* full site menu in the blog header */
@media(max-width:1280px){.hd nav{gap:14px}.hd nav a{font-size:.66rem;letter-spacing:.1em}}
@media(max-width:1100px){.hd nav{gap:10px}.hd nav a{font-size:.62rem;letter-spacing:.06em}}

/* language switcher + localized blog */
.lang{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;letter-spacing:.14em;font-weight:600;text-transform:uppercase}
.lang a{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:999px;color:var(--esp);transition:background .3s,color .3s;border:0}
.lang a:hover{background:rgba(115,25,33,.1);color:var(--wine)}
.lang a[aria-current=true]{background:var(--esp);color:var(--ivory)}
.lang i{font-style:normal;color:var(--mute);opacity:.6}
footer .lang{margin-left:auto}
footer nav button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}footer nav button:hover{color:var(--wine)}
@media(max-width:980px){.hd .wrap>.lang{margin-left:auto}}
@media(max-width:560px){.hd .wrap>.lang{display:none}footer .lang{margin-left:0}.lang a{min-width:44px;height:44px}}

/* cookie banner */
.cc{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:90;max-width:560px;padding:20px 22px;border-radius:24px;background:rgba(255,251,247,.97);border:1px solid rgba(115,25,33,.2);box-shadow:0 30px 70px -20px rgba(38,3,3,.55);color:var(--ink)}
.cc[hidden]{display:none}
.cc h2{font-size:1.15rem;margin-bottom:6px;text-transform:none}
.cc p{font-size:.88rem;line-height:1.55;color:#3d2a26;margin-bottom:14px}
.cc p a{color:var(--wine);border-bottom:1px solid var(--gold)}
.cc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-btn{height:46px;padding:0 18px;border-radius:999px;border:1.5px solid var(--esp);background:var(--esp);color:var(--ivory);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.cc-btn:hover{background:var(--wine-d)}
.cc-link{margin-top:10px;background:none;border:0;padding:8px 0;font-size:.84rem;color:var(--wine);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.cc-panel{margin-top:6px;display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--hair)}
.cc-panel[hidden]{display:none}
.cc-opt{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;font-size:.86rem}
.cc-opt input{width:20px;height:20px;margin-top:2px;accent-color:var(--wine)}
.cc-opt label{font-weight:600}
.cc-opt small{grid-column:2;color:var(--mute);font-size:.78rem;line-height:1.4}
@media(max-width:480px){.cc{padding:16px}.cc-row{grid-template-columns:1fr}}