@font-face{font-family:'Montserrat Alternates';font-weight:500;font-display:swap;src:url(../fonts/ma500.woff2) format('woff2')}
@font-face{font-family:'Montserrat Alternates';font-weight:700;font-display:swap;src:url(../fonts/ma700.woff2) format('woff2')}
@font-face{font-family:'Montserrat Alternates';font-weight:800;font-display:swap;src:url(../fonts/ma800.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cg.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(../fonts/cgi.woff2) format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:200 800;font-display:swap;src:url(../fonts/pj.woff2) format('woff2')}
@font-face{font-family:'KB Glyph';font-weight:100 900;src:url(../fonts/kbglyph.woff2) format('woff2');unicode-range:U+2192,U+2197,U+2726,U+25B6,U+2713}
:root{--ink:#171717;--ivory:#F7F3EC;--sand:#EDE6D8;--amber:#FFC400;--coral:#FF654A;--d:'KB Glyph','Montserrat Alternates',system-ui,sans-serif;--s:'KB Glyph','Cormorant Garamond',Georgia,serif;--t:'KB Glyph','Plus Jakarta Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ivory);color:var(--ink);font:400 18px/1.7 var(--t);-webkit-font-smoothing:antialiased}
a{color:inherit}
.top{background:var(--ink);color:var(--ivory);position:sticky;top:0;z-index:5}
.top div{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.top .lg{font:800 20px var(--d);letter-spacing:-.04em;text-decoration:none}
.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{font:600 15px var(--t);text-decoration:none;opacity:.85}.top nav a:hover{opacity:1;color:var(--amber)}
main{max-width:740px;margin:0 auto;padding:clamp(36px,6vw,80px) 20px}
.bd{font:700 13px var(--t);letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
h1{font-family:var(--d);font-weight:800;font-size:clamp(30px,5.4vw,56px);letter-spacing:-.05em;line-height:1.02;margin:12px 0 28px}
h2{font-family:var(--d);font-weight:800;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.04em;line-height:1.1;margin:38px 0 8px}
p,li{margin-top:16px}ul{margin:14px 0 0 1.2em}
article a{border-bottom:1.5px solid var(--coral);text-decoration:none}
.by{display:flex;gap:12px;align-items:center;margin-top:34px;padding-top:22px;border-top:2px solid var(--ink)}
.by b{font:800 17px var(--d);letter-spacing:-.03em}.by span{font-size:15px;opacity:.75}
.cta{margin-top:40px;padding:24px;background:var(--amber);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.cta a{border:0;font:800 18px var(--d);letter-spacing:-.03em}
.rel{margin-top:48px}.rel h3{font:800 20px var(--d);letter-spacing:-.04em;margin-bottom:6px}
.rel a{display:block;padding:12px 0;border-top:1px solid rgba(23,23,23,.2);font-family:var(--d);font-weight:700;border-bottom:0;text-decoration:none;font-size:17px}
.rel a small{display:block;font:500 14px var(--t);opacity:.65}
.list a{display:block;border:2px solid var(--ink);background:#fff;padding:20px;margin-top:18px;text-decoration:none}
.list a:hover{box-shadow:6px 6px 0 var(--amber)}
.list h2{margin:6px 0 6px;font-size:clamp(20px,2.4vw,26px)}.list p{margin:0;font-size:16px;opacity:.85}
footer{max-width:740px;margin:0 auto;padding:30px 20px 60px;font-size:15px;opacity:.7}
@media(max-width:560px){body{font-size:17px}}

body{background:linear-gradient(180deg,#1d1b4d 0,#201a45 420px,#150b22 100%) fixed;color:#F7F3EC}.top{background:rgba(21,11,34,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,217,138,.25)}.top .lg{display:inline-flex;align-items:center;gap:10px}.top .lg img{width:34px;height:34px;border-radius:9px}
main{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,217,138,.2);border-radius:26px;margin:clamp(16px,3vw,36px) auto;padding:clamp(24px,5vw,56px) clamp(18px,4vw,48px)}
li{list-style:none;position:relative;padding:12px 14px 12px 38px;border-radius:14px;background:rgba(255,255,255,.05)}li:before{content:'';position:absolute;left:14px;top:1.2em;width:10px;height:10px;border-radius:50%;background:#FFC857}ul{margin-left:0}
h2{color:#FFC857}.cta{background:linear-gradient(135deg,#FFC857,#f1d9a0);color:#1b1022;border:0;border-radius:20px;padding:20px 22px}.cta a{color:#1b1022}
.rel a:hover{color:#FFC857}
h1,h2,.top .lg,.by b,.rel h3,.rel a,.cta a{font-weight:600;letter-spacing:-.02em}
.bd{color:#FFC857}
article a{border-bottom:1.5px solid #FFC857}
.by{border-top:1px solid rgba(247,243,236,.2)}
.cta{background:transparent;border:0;border-left:3px solid #FFC857;box-shadow:none;padding:8px 0 8px 20px}
.cta a{color:#FFC857}
.rel a{border-top-color:rgba(247,243,236,.18)}
.cta a,.rel>a:last-child{display:inline-block}.cta{border-left:0!important;padding:0!important}.cta a{padding:14px 22px;border-radius:30px 8px 30px 8px;background:#FFC400;color:#171717!important;transition:border-radius .3s}.cta a:hover{border-radius:8px 30px 8px 30px}.rel>a:last-child{margin-top:12px;padding:12px 22px;border:0;border-radius:30px 8px 30px 8px;background:#F36AB7;color:#171717;font-weight:700}.rel>a:last-child:hover{color:#171717;border-radius:8px 30px 8px 30px}.top .lg+a,.top a.bk{border-radius:30px 8px 30px 8px}

.list a{background:transparent;border:0;border-top:1px solid rgba(247,243,236,.18);padding:22px 0}
.list a:hover{box-shadow:none;color:#FFC857}
h1{font-size:clamp(26px,4vw,44px);line-height:1.12}
.rvx{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.rvx.in{opacity:1;transform:none}
#rdp{position:fixed;left:0;top:0;height:3px;width:0;background:#FFC857;z-index:9}
@media(prefers-reduced-motion:reduce){.rvx{opacity:1;transform:none;transition:none}}
