/*
Theme Name: ArtFashionly
Theme URI: https://example.com/artfashionly-blog
Author: Your Name
Author URI: https://example.com
Description: A soft, elegant blog theme for beauty, fashion and lifestyle sites. Fast, lightweight, no page builder needed. Change colors, hero, sections, social links and newsletter from the Customizer.
Version: 1.1.4
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: artfashionly-blog
Tags: blog, news, one-column, two-columns, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root{--plum:#2a1218;--deep:#1a0b0f;--wine:#5a1f33;--rose:#c29d9a;--pink:#e8b4b8;--gold:#d9b27c;--cream:#fbf1ee;--line:#e6d3d0;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--rc:22px;--rb:40px;--hs:1;--fs:17px;--logo-h:64px;--sans:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--plum);font:400 16px/1.75 var(--sans);overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
a{color:var(--wine)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.1;margin:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--plum);padding:10px 14px;z-index:100}
.skip:focus{left:8px;top:8px}
/* header */
.af-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:50}
.af-hwrap{position:relative}
.af-hwrap{max-width:1160px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.af-brand a{display:block;text-decoration:none}
.af-brand img{display:block;height:auto;max-height:var(--logo-h);width:auto}
.af-brand .af-name{font:700 28px var(--serif);color:var(--wine)}
.af-nav{display:flex;align-items:center;gap:24px}
.af-menu{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center}
.af-menu li{position:relative}
.af-menu a{color:var(--wine);text-decoration:none;font-size:15px}
.af-menu a:hover,.af-menu .current-menu-item>a,.af-menu .current-menu-ancestor>a{color:var(--wine)}
.af-menu .menu-item-has-children>a::after{content:"";display:inline-block;margin-left:7px;border:solid currentColor;border-width:0 2px 2px 0;padding:2.5px;transform:rotate(45deg) translateY(-2px)}
.af-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 0;list-style:none;margin:0;box-shadow:0 12px 30px rgba(90,31,51,.15)}
.af-menu li:hover>.sub-menu,.af-menu li:focus-within>.sub-menu{display:block}
.af-menu .sub-menu a{display:block;padding:8px 18px;white-space:nowrap}
.af-social{display:flex;gap:10px}
.af-social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--wine)}
.af-burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;padding:0;color:var(--wine);cursor:pointer}
.af-brand{order:1}.af-nav{order:2;margin-left:auto}.af-hsocial{order:3}.af-burger{order:4}
@media(max-width:860px){
.af-hsocial{order:2;margin-left:auto}.af-burger{order:3}.af-nav{margin-left:0}
.af-hsocial .af-social a{width:34px;height:34px}
.af-burger{display:grid;place-items:center}
.af-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 20px;flex-direction:column;align-items:flex-start;gap:14px}
.af-nav.open{display:flex}
.af-menu{flex-direction:column;align-items:flex-start;gap:6px;width:100%}
.af-menu a{display:block;padding:6px 0}
.af-menu .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 16px;min-width:0}
.af-menu .menu-item-has-children>a::after{display:none}}
/* hero bands */
.af-band{background:var(--plum);color:#fff;text-align:center;padding:54px 20px 0}
.af-band h1{font-size:calc(clamp(38px,8vw,64px)*var(--hs));color:#fff;margin:0 0 14px}
.af-band .af-desc{max-width:700px;margin:0 auto 40px;color:#e9d3d4;font-size:17px;line-height:1.75}
.af-band .af-desc p{margin:0 0 10px}
.af-band .af-desc a{color:var(--pink)}
.af-band .af-meta{color:#e9d3d4;font-size:14px;margin:0 0 40px}
.af-band .tag{margin-bottom:14px}
.af-wave{display:block;width:100%;height:46px;margin-top:-1px}
.af-wrap{max-width:1040px;margin:0 auto;padding:30px 20px 70px}
.tag{display:inline-block;padding:4px 12px;border-radius:20px;background:var(--gold);color:var(--plum);font-size:12px;font-weight:600;text-decoration:none}
/* cards */
.af-grid{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:620px){.af-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.af-grid{grid-template-columns:repeat(3,1fr)}}
.af-card{background:#fff;border-radius:var(--rc);overflow:hidden;box-shadow:0 10px 30px rgba(90,31,51,.12);display:flex;flex-direction:column}
.af-card .pic{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--pink),var(--wine))}
.af-card .pic img{width:100%;height:100%;object-fit:cover;display:block}
.af-card .b{padding:20px;display:flex;flex-direction:column;flex:1}
.af-card .b .tag{align-self:flex-start}
.af-card h3{font-size:calc(27px*var(--hs));margin:8px 0}
.af-card h3 a{color:var(--wine);text-decoration:none}
.af-card p{margin:0 0 12px;font-size:14px}
.af-card .r{margin-top:auto;align-self:flex-start;font-size:13px;font-weight:600;color:var(--wine);border-bottom:2px solid var(--gold);text-decoration:none}
.af-pag{margin-top:34px}
.af-pag .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.af-pag .page-numbers{padding:9px 16px;border-radius:30px;background:#fff;border:1px solid var(--line);color:var(--wine);text-decoration:none;font-weight:600;font-size:14px}
.af-pag .current{background:var(--wine);color:#fff;border-color:var(--wine)}
/* article */
.af-article{max-width:780px;margin:0 auto;padding:0 20px 20px}
.af-featimg{max-width:980px;margin:30px auto 0;padding:0 20px}
.af-featimg img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--rc)}
.entry-content{font-size:var(--fs);line-height:1.85;padding-top:28px}
.entry-content h2{font-size:calc(clamp(30px,5vw,40px)*var(--hs));color:var(--wine);margin:40px 0 12px}
.entry-content h3{font-size:calc(27px*var(--hs));color:var(--wine);margin:30px 0 8px}
.entry-content p{margin:0 0 18px}
.entry-content ul,.entry-content ol{padding-left:24px;margin:0 0 18px}
.entry-content li{margin-bottom:6px}
.entry-content li::marker{color:var(--gold)}
.entry-content a{text-decoration-color:var(--gold);text-underline-offset:3px}
.entry-content img{border-radius:16px;height:auto}
.entry-content figure{margin:24px 0}
.entry-content figcaption{font-size:13px;text-align:center;color:#7a6468;margin-top:8px}
.entry-content blockquote{margin:24px 0;padding:16px 22px;border-left:4px solid var(--gold);background:#fff;border-radius:0 16px 16px 0;font:italic 600 24px/1.4 var(--serif);color:var(--wine)}
.entry-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:22px 0;font-size:15px}
.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}
.entry-content th{background:var(--wine);color:#fff}
.entry-content tr:nth-child(even) td{background:#fff}
.entry-content details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:0 0 12px}
.entry-content summary{cursor:pointer;font-weight:600;color:var(--wine)}
.alignleft{float:left;margin:0 20px 14px 0}.alignright{float:right;margin:0 0 14px 20px}.aligncenter{display:block;margin:0 auto}
.af-related{max-width:1040px;margin:0 auto;padding:10px 20px 70px}
.af-related h2{font-size:calc(clamp(32px,6vw,44px)*var(--hs));color:var(--wine);margin-bottom:22px}
/* page / 404 / search */
.af-bleed{width:100%}
.af-nores{text-align:center;padding:30px 0}
.search-form{display:flex;gap:8px;max-width:460px;margin:18px auto 0}
.search-form input[type=search]{flex:1;padding:12px 18px;border:1px solid var(--line);border-radius:var(--rb);font:inherit}
.search-form input[type=submit]{padding:12px 22px;border:0;border-radius:var(--rb);background:var(--gold);color:var(--plum);font:600 14px var(--sans);cursor:pointer}
/* footer */
.af-footer{background:var(--deep);color:#e9d3d4;text-align:center;padding:40px 20px}
.af-footer a{color:#e9d3d4;text-decoration:none}
.af-footer a:hover{color:var(--gold)}
.af-footer .af-social{justify-content:center;margin-bottom:18px}
.af-footer .af-social a{background:var(--plum);color:var(--pink)}
.af-fmenu{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;font-size:14px}
.af-copy{margin:0;font-size:13px;opacity:.85}
/* landing (home) */
.afl{font:400 15px/1.7 var(--sans)}
.afl .wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.afl-full{width:100%}
.afl .top{background:var(--plum);color:#fff}
.afl .hero{display:grid;gap:24px;align-items:center;padding:40px 20px 70px;max-width:1040px;margin:0 auto}
.afl .hero-title{font:700 calc(clamp(50px,13vw,96px)*var(--hs))/1.05 var(--serif);color:#fff}
.afl .hero-title em{color:var(--pink);font-style:italic}
.afl .hero .kicker{font:600 13px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.afl .hero .lead{max-width:44ch;margin:20px 0 28px;color:#e9d3d4}
.afl .btn{display:inline-block;padding:14px 28px;background:var(--gold);color:var(--plum)!important;border:0;font:600 14px var(--sans);border-radius:var(--rb);cursor:pointer;text-decoration:none}
.afl .btn.ghost{background:none;color:#fff!important;border:1px solid var(--pink);margin-left:0}
.afl .art{width:100%;max-width:380px;margin:0 auto}
.afl .arch{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px 26px 26px;border:6px solid var(--gold)}
.afl .wave{display:block;width:100%;height:50px;margin-top:-1px}
.afl .ticker{background:var(--wine);color:var(--pink);padding:14px 0;white-space:nowrap;overflow:hidden;font:italic 600 22px var(--serif)}
.afl .ticker div{display:inline-block;animation:aflslide 28s linear infinite}
@keyframes aflslide{to{transform:translateX(-50%)}}
.afl .sec{padding:60px 0;background:var(--cream)}
.afl h2{font-size:calc(clamp(34px,7vw,52px)*var(--hs));margin-bottom:28px;color:var(--wine)}
.afl .topics{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.afl .topic:last-child:nth-child(odd){grid-column:1/-1}
.afl .topic{padding:22px 18px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--rc);color:#fff;text-decoration:none}
.afl .topic svg{width:56px;height:56px}
.afl .topic h3{font-size:28px;color:#fff}
.afl .topic small{font-size:12px;opacity:.9}
.afl .feat{display:grid;background:var(--plum);color:#fff;border-radius:var(--rc);overflow:hidden}
.afl .feat .pic{min-height:240px;background:linear-gradient(135deg,var(--wine),var(--plum))}
.afl .feat .pic img{width:100%;height:100%;object-fit:cover;display:block}
.afl .feat .b{padding:28px}
.afl .feat h3{font-size:calc(36px*var(--hs));margin:8px 0 12px;color:var(--pink)}
.afl .posts{margin-top:22px}
.afl .center{text-align:center;margin-top:30px}
.afl .intro{max-width:860px;margin:0 auto 50px;text-align:center}
.afl .intro h2{margin-bottom:14px}
.afl .intro p,.afl .about p{font-size:15px;line-height:1.8;margin:0 0 14px}
.afl .about .wrap{max-width:860px}
.afl .quote{background:linear-gradient(120deg,var(--rose),var(--pink));text-align:center;padding:60px 0}
.afl .quote p{font:italic 600 clamp(28px,6vw,46px)/1.15 var(--serif);max-width:20ch;margin:0 auto}
.afl .news{background:var(--plum);color:#fff;text-align:center;padding:60px 0}
.afl .news h2{color:var(--pink)}
.afl .news p{max-width:40ch;margin:0 auto 22px;color:#e9d3d4}
@media(min-width:760px){.afl .hero{grid-template-columns:1.2fr 1fr}.afl .topics{grid-template-columns:repeat(var(--cols,4),1fr)}.afl .topic:last-child:nth-child(odd){grid-column:auto}.afl .topic h3{font-size:25px}.afl .feat{grid-template-columns:1fr 1.2fr}}
@media(prefers-reduced-motion:reduce){.afl .ticker div{animation:none}}

/* comments */
.af-comments{margin-top:38px}
.af-comments .comment-reply-title{font:700 32px var(--serif);color:var(--wine);margin:0 0 10px}
.af-comments form label{display:block;font-weight:600;color:var(--wine);margin:12px 0 6px}
.af-comments textarea,.af-comments input[type=text],.af-comments input[type=email],.af-comments input[type=url]{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:14px;font:inherit;background:#fff;color:var(--plum)}
.af-comments textarea{min-height:140px}
.af-comments .comment-form-cookies-consent label{display:inline;font-weight:400}
.af-comments .submit{margin-top:14px;padding:13px 28px;background:var(--gold);color:var(--plum);border:0;border-radius:var(--rb);font:600 14px var(--sans);cursor:pointer}
.af-comments ol{padding-left:0;list-style:none}
.af-comments .comment-body{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:12px}
.af-comments .logged-in-as,.af-comments .comment-notes{font-size:14px}

.afl .hero .btn{margin:0 8px 10px 0}
.afl .hero .kicker{margin-top:0}
.afl .ticker{margin-top:-1px}
.af-wave path{fill:var(--cream)}
.afl .wave path{fill:var(--wine)}
.af-band .af-post-title{max-width:900px;margin-left:auto;margin-right:auto;margin-bottom:40px}
.af-authorbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-top:36px}
.af-authorbox p{margin:0 0 6px;font-size:14px;line-height:1.7}
.af-authorbox p:first-child strong{color:var(--wine);font-size:15px}
.af-comments h2{font-size:32px;color:var(--wine);margin:30px 0 12px}
.afl .news form{display:flex;gap:8px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.afl .news input[type=email],.afl .news input[type=text]{flex:1 1 200px;padding:14px 18px;border:0;border-radius:var(--rb);font:inherit;color:var(--plum)}
.afl .news .btn{margin:0}
.rl-form{margin-top:10px}
.rl-form label{display:block;font-weight:600;margin:14px 0 6px;color:var(--wine)}
.rl-form input[type=text],.rl-form input[type=email],.rl-form textarea{width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:14px;font:inherit;background:#fff;color:var(--plum)}
.rl-form textarea{min-height:150px}
.rl-form button{margin-top:18px;padding:14px 30px;background:var(--gold);color:var(--plum);border:0;border-radius:var(--rb);font:600 14px var(--sans);cursor:pointer}
.rl-hp{position:absolute!important;left:-9999px!important;opacity:0}
.rl-note{padding:12px 16px;border-radius:12px}
.rl-ok{background:#e8f5ee;color:#1f5a3a}
.rl-err{background:#fdeaea;color:#8a2a2a}

/* header cart */
.af-hsocial{display:flex;align-items:center}
.af-cart{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--cream);color:var(--wine);text-decoration:none;margin-left:10px}
.af-cart-n{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--wine);color:#fff;font:600 11px/18px var(--sans);text-align:center}
/* features and call to action */
.afl .feats{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:760px){.afl .feats{grid-template-columns:repeat(3,1fr)}}
.afl .feat-item{background:#fff;border-radius:var(--rc);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.afl .feat-item .dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--plum);margin-bottom:12px}
.afl .feat-item h3{font-size:calc(26px*var(--hs));color:var(--wine);margin-bottom:6px}
.afl .feat-item p{margin:0;font-size:14px}
.afl .cta{background:linear-gradient(120deg,var(--wine),var(--plum));color:#fff;text-align:center;padding:60px 0}
.afl .cta h2{color:#fff}
.afl .cta p{max-width:50ch;margin:0 auto 22px;color:#f1dcdc}
/* WooCommerce */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;gap:22px;grid-template-columns:repeat(2,1fr);list-style:none;margin:0 0 30px;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
@media(min-width:760px){.woocommerce ul.products.columns-3{grid-template-columns:repeat(3,1fr)}.woocommerce ul.products.columns-4{grid-template-columns:repeat(4,1fr)}}
.woocommerce ul.products[class*=columns-] li.product{float:none;width:auto;margin:0;background:#fff;border-radius:var(--rc);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:0 0 18px;text-align:left}
.woocommerce ul.products li.product a img{margin:0 0 12px;aspect-ratio:1;object-fit:cover;width:100%;height:auto}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:700 22px/1.15 var(--serif);color:var(--wine);padding:0 16px}
.woocommerce ul.products li.product .price{color:var(--wine);font-weight:600;padding:0 16px;display:block;margin-bottom:10px}
.woocommerce ul.products li.product .button{margin:0 16px}
.woocommerce ul.products li.product .onsale,.woocommerce span.onsale{background:var(--gold);color:var(--plum);border-radius:30px;min-height:0;min-width:0;line-height:1;padding:7px 12px;top:10px;left:10px;right:auto;margin:0}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--gold);color:var(--plum);border-radius:var(--rb);font:600 14px var(--sans);padding:12px 24px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--gold);color:var(--plum);filter:brightness(.94)}
.woocommerce div.product .product_title{font:700 clamp(32px,5vw,46px)/1.1 var(--serif);color:var(--wine)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--wine);font-size:22px}
.woocommerce div.product div.images img{border-radius:18px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--gold);background:#fff}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit}
.woocommerce table.shop_table{border-radius:14px;overflow:hidden;background:#fff}
.afl .shopwrap ul.products{margin:0}

/* top bar, progress, share */
.af-topbar{background:var(--plum);color:#fff;text-align:center;font-size:13px;padding:8px 16px}
.af-topbar a{color:var(--gold);text-decoration:none}
.af-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold);z-index:200}
.af-share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:28px 0 0}
.af-share span{font-weight:600;color:var(--wine);margin-right:4px}
.af-share a{padding:8px 16px;border-radius:var(--rb);background:#fff;border:1px solid var(--line);color:var(--wine);text-decoration:none;font-size:13px;font-weight:600}
/* header style: centered (desktop) */
@media(min-width:861px){
.hdr-centered .af-hwrap{flex-direction:column;gap:8px;padding-top:16px;padding-bottom:12px}
.hdr-centered .af-nav{margin-left:0;justify-content:center;width:100%}
.hdr-centered .af-hsocial{position:absolute;right:20px;top:18px}}
/* hero layouts and shapes */
.hero-centered .afl .hero{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero-centered .afl .hero .lead{margin-left:auto;margin-right:auto}
.shape-rounded .afl .arch{border-radius:var(--rc)}
.shape-circle .afl .arch{border-radius:50%;aspect-ratio:1;max-width:340px}
.shape-square .afl .arch{border-radius:0}
.hero-background .afl .top{position:relative;overflow:hidden}
.hero-background .afl .hero{position:static;grid-template-columns:1fr;padding:90px 20px 110px;text-align:center}
.hero-background .afl .hero>div{position:relative;z-index:1}
.hero-background .afl .arch{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;border:0;border-radius:0;aspect-ratio:auto;opacity:.4;z-index:0}
.hero-background .afl .hero .lead{margin-left:auto;margin-right:auto}
.hero-background .afl .wave{position:relative;z-index:1}
/* blog layouts */
.af-grid.l-grid2{grid-template-columns:repeat(2,1fr)}
.af-grid.l-list{grid-template-columns:1fr}
@media(min-width:620px){.af-grid.l-list .af-card{flex-direction:row}.af-grid.l-list .af-card .pic{flex:0 0 38%;aspect-ratio:auto;min-height:200px}}
@media(max-width:619px){.af-grid.l-grid2{grid-template-columns:1fr}}
/* sidebar */
.af-cols .af-article{margin:0 auto}
.af-cols.has-sb{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
.af-cols.has-sb .af-article{max-width:none;padding:0;margin:0}
.af-wrap.has-sb{max-width:1160px;display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.af-cols.has-sb,.af-wrap.has-sb{grid-template-columns:minmax(0,1fr) 300px}}
.af-wrap.has-sb .af-grid{grid-template-columns:repeat(2,1fr)}
.af-wrap.has-sb .af-grid.l-list{grid-template-columns:1fr}
@media(max-width:619px){.af-wrap.has-sb .af-grid{grid-template-columns:1fr}}
.af-aside .widget{background:#fff;border-radius:var(--rc);padding:20px;margin-bottom:22px;box-shadow:0 10px 30px rgba(0,0,0,.06);font-size:14px}
.af-aside .widget-title{font:700 calc(24px*var(--hs)) var(--serif);color:var(--wine);margin:0 0 10px}
.af-aside ul{list-style:none;margin:0;padding:0}
.af-aside li{padding:6px 0;border-bottom:1px solid var(--line)}
.af-aside li:last-child{border-bottom:0}
.af-aside a{color:var(--wine);text-decoration:none}
.af-aside .search-form{margin:0}

.af-crumbs{font-size:13px;color:#e9d3d4;margin:0 0 14px}
.af-crumbs a{color:var(--pink);text-decoration:none}
.af-crumbs a:hover{text-decoration:underline}

/* table header: always readable, even if an article has its own inline colors */
.entry-content table th,.entry-content table thead td,.entry-content table thead th{background:var(--wine)!important;color:#fff!important}
.entry-content table th *{color:#fff!important}
.entry-content table td{color:var(--plum)}

/* author, date and reading time under the featured image */
.af-article .af-meta-below{margin:22px 0 0;padding-bottom:16px;border-bottom:1px solid var(--line);color:#7a6468;font-size:14px;line-height:1.6}

/* =====================================================================
   v1.1 Byrdie-style layout. Colors still come from the palette variables
   (--plum, --wine, --pink, --gold, --cream, --deep), nothing is hard-coded.
   ===================================================================== */
:root{--tint:var(--cream)}
@supports (background:color-mix(in srgb,red,blue)){:root{--tint:color-mix(in srgb,var(--pink) 24%,var(--cream))}}
.sr-only,.af-card .r{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header: big spaced logo, uppercase menu, social top right */
.af-header{border-bottom:1px solid var(--line)}
.af-brand .af-name{font:700 clamp(26px,5vw,44px)/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--plum);margin-right:-.34em}
.af-menu a{font:500 13px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--plum)}
.af-menu a:hover,.af-menu .current-menu-item>a{color:var(--wine)}
.af-menu .sub-menu{border-radius:0}
.af-social a{background:none;color:var(--plum);width:32px;height:32px}
@media(min-width:861px){
.af-header .af-hwrap{flex-direction:column;gap:14px;padding-top:22px;padding-bottom:14px;max-width:1280px}
.af-header .af-nav{margin-left:0;justify-content:center;width:100%;border-top:0}
.af-header .af-menu{gap:30px;flex-wrap:wrap;justify-content:center}
.af-header .af-hsocial{position:absolute;right:20px;top:20px}
}

/* article head (light, left aligned like Byrdie) */
.af-ahead{max-width:1180px;margin:0 auto;padding:46px 20px 26px}
.af-ahead .af-crumbs{color:#7a6468;font:500 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px}
.af-ahead .af-crumbs a{color:var(--wine)}
.af-label{display:inline-block;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:2px;margin:0 0 14px}
.af-ahead .af-post-title{font:700 clamp(34px,5.4vw,58px)/1.06 var(--serif);color:var(--plum);max-width:980px;margin:0 0 14px}
.af-dek{font:400 clamp(17px,2.2vw,21px)/1.5 var(--sans);color:#7a6468;max-width:820px;margin:0 0 18px}
.af-byline{font:400 13px/1.7 var(--sans);color:var(--plum);margin:0}
.af-byline strong{text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--wine)}
.af-bdate{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#7a6468}
@media(min-width:700px){.af-bdate{display:inline;margin-left:12px}}

/* article body with sticky "In this article" box */
.af-bz{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
.af-bz .af-article{max-width:none;padding:0 0 20px;margin:0}
.af-toc[hidden]{display:none}
.af-toc{display:none}
@media(min-width:1000px){
.af-bz.has-toc{grid-template-columns:250px minmax(0,780px);justify-content:center}
.af-bz.has-toc.has-sb{grid-template-columns:250px minmax(0,1fr) 300px;justify-content:stretch}
.af-bz.has-sb:not(.has-toc){grid-template-columns:minmax(0,1fr) 300px}
.af-toc:not([hidden]){display:block;position:sticky;top:24px;align-self:start;background:var(--tint);padding:22px 20px;max-height:calc(100vh - 48px);overflow:auto}
}
.af-toc-h{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin:0 0 14px}
.af-toc-l{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line)}
.af-toc-l li{margin:0 0 12px}
.af-toc-l a{font:500 15px/1.35 var(--sans);color:var(--plum);text-decoration:none}
.af-toc-l a:hover,.af-toc-l a.on{color:var(--wine);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
html{scroll-behavior:smooth}
.entry-content h2{scroll-margin-top:20px}
.af-featimg{max-width:none;margin:0;padding:0}
.af-featimg img{border-radius:0}
.entry-content{padding-top:30px}
.entry-content img,.entry-content figure img{border-radius:0}
.entry-content blockquote{border-radius:0;background:var(--tint)}
.entry-content details{border-radius:0}
.af-authorbox{border-radius:0;background:var(--tint);border:0}

/* tip / takeaways box:  [af_tip title="Quick Tip"]...[/af_tip]  or class "af-tip" on a Group block */
.af-tip{border:10px solid var(--tint);background:#fff;outline:1px solid var(--line);outline-offset:-10px;padding:26px 28px;margin:30px 0}
.af-tip-t{font:600 13px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin:0!important}
.af-tip p{margin:8px 0 0}

/* "Read more:" pills */
.af-readmore{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:34px 0 0}
.af-readmore span{font:600 15px var(--sans);color:var(--plum);margin-right:6px}
.af-readmore a{font:500 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--plum);text-decoration:none;border:1px solid var(--plum);border-radius:30px;padding:9px 16px}
.af-readmore a:hover{background:var(--plum);color:#fff}
.af-article .af-meta-below{display:none}

/* cards: photo, small caps label, title (no pill, no excerpt) */
.af-card{border-radius:0;box-shadow:none;background:#fff}
.af-card .pic{aspect-ratio:5/4}
.af-card .b{padding:20px 22px 26px}
.af-card .b .tag{background:none;color:var(--plum);padding:0;border-radius:0;font:500 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.af-card h3{font:600 clamp(21px,2vw,25px)/1.2 var(--serif);margin:4px 0 0}
.af-card h3 a{color:var(--plum)}
.af-card h3 a:hover{color:var(--wine);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.af-card p{display:none}
@media(min-width:1100px){.af-wrap:not(.has-sb) .af-grid:not(.l-grid2):not(.l-list){grid-template-columns:repeat(4,1fr)}.af-wrap:not(.has-sb){max-width:1280px}}
.af-grid{gap:24px}

/* Related Stories band */
.af-related{max-width:none;padding:0;background:var(--tint);margin-top:50px}
.af-rwrap{max-width:1280px;margin:0 auto;padding:46px 20px 70px}
.af-related h2{font:600 clamp(24px,3vw,30px) var(--sans);color:var(--plum);margin:0 0 24px}
@media(min-width:1100px){.af-grid.g4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:620px) and (max-width:1099px){.af-grid.g4{grid-template-columns:repeat(2,1fr)}}

/* archive and page title band: no wave */
.af-band .af-wave{display:none}
.af-band{padding-bottom:40px}
.af-band h1{margin-bottom:8px}
.af-pag .page-numbers{border-radius:0}

/* footer: dark, columns */
.af-footer{text-align:left;padding:56px 20px 30px}
.af-fwrap{max-width:1280px;margin:0 auto;display:grid;gap:34px;grid-template-columns:1fr}
@media(min-width:800px){.af-fwrap{grid-template-columns:1.8fr 1fr 1fr;gap:48px}}
.af-fname{font:700 28px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:#fff!important}
.af-fbrand .af-brand img,.af-fbrand img{max-height:56px;width:auto}
.af-fbrand .custom-logo-link{display:inline-block;background:var(--cream);padding:12px 16px}
.af-fbrand .custom-logo{max-height:64px;width:auto;display:block}
.af-ftag{margin:16px 0 18px;font:500 17px var(--serif);color:#fff;max-width:34ch}
.af-footer .af-social{justify-content:flex-start;margin:0}
.af-footer .af-social a{background:none;color:#fff;width:34px;height:34px}
.af-fcol ul{list-style:none;margin:0;padding:0}
.af-fcol li{margin:0 0 12px}
.af-fcats a{font:600 14px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#fff}
.af-fmenu{display:block;margin:0;font:500 13px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.af-fmenu a{color:var(--pink)}
.af-footer .af-copy{max-width:1280px;margin:40px auto 0;padding-top:22px;border-top:1px solid var(--plum);text-align:left}

/* share icons */
.af-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 0}
.af-share>span:first-child{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--plum);margin-right:4px}
.af-share .af-sh{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--plum);background:none;color:var(--plum);display:inline-grid;place-items:center;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.af-share .af-sh:hover,.af-share .af-sh:focus-visible,.af-share .af-sh.done{background:var(--plum);color:#fff}
.af-ahead .af-share{margin-top:18px}
.af-article>.af-share{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}

/* footer newsletter: one compact row (Brevo embed or simple form) */
.af-newsl{max-width:520px;margin:0 0 22px}
.af-newsl-t{font:600 17px var(--sans);letter-spacing:.04em;color:#fff;margin:0 0 12px}
.af-newsl form,.af-newsl #sib-form{display:flex!important;flex-wrap:nowrap;align-items:stretch;gap:0;margin:0!important;padding:0!important}
.af-newsl #sib-form-container,.af-newsl #sib-container,.af-newsl .sib-form{background:transparent!important;border:0!important;padding:0!important;margin:0!important;max-width:none!important;width:100%!important;text-align:left!important}
.af-newsl .sib-text-form-block,.af-newsl .entry__label,.af-newsl .entry__specification,.af-newsl .entry__error:empty{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.af-newsl .sib-input{flex:1 1 auto;min-width:0;padding:0!important}
.af-newsl .sib-form-block{padding:0!important;margin:0!important}
.af-newsl .form__entry,.af-newsl .form__label-row,.af-newsl .entry__field{margin:0!important;padding:0!important;border:0!important;width:100%}
.af-newsl input[type=email],.af-newsl input[type=text].input,.af-newsl .input,.af-newsl form>input[type=email]{width:100%!important;height:46px;box-sizing:border-box;background:transparent!important;border:1px solid var(--pink)!important;border-right:0!important;border-radius:0!important;color:#fff!important;font:400 14px var(--sans)!important;padding:0 14px!important;margin:0!important}
.af-newsl input::placeholder{color:var(--rose)!important;opacity:1}
.af-newsl button,.af-newsl .sib-form-block__button{height:46px;box-sizing:border-box;background:var(--gold)!important;color:var(--plum)!important;border:1px solid var(--gold)!important;border-radius:0!important;padding:0 22px!important;font:600 12px var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.af-newsl button:hover,.af-newsl .sib-form-block__button:hover{filter:brightness(.94)}
.af-newsl .sib-form-message-panel{max-width:none!important;margin:0 0 10px!important;font:400 13px var(--sans)!important}
@media(max-width:520px){.af-newsl form,.af-newsl #sib-form{flex-wrap:wrap}.af-newsl .sib-input,.af-newsl form>input{flex-basis:100%}.af-newsl input[type=email],.af-newsl .input{border-right:1px solid var(--pink)!important}.af-newsl button,.af-newsl .sib-form-block__button{width:100%;margin-top:8px!important}}

/* pages: breathing room under the title band */
.af-band+.af-article{padding-top:10px}
.af-band+.af-article .entry-content{padding-top:34px}

/* ---- v1.1.4: moving arrow in "In this article" (no line) ---- */
.af-toc-l{position:relative;list-style:none;margin:0;padding:0 0 0 26px;border-left:0}
.af-toc-arrow{position:absolute;left:2px;top:0;width:0;height:0;border-left:10px solid var(--wine);border-top:6px solid transparent;border-bottom:6px solid transparent;opacity:0;transition:transform .3s ease,opacity .2s}
.af-toc-arrow.on{opacity:1}
.af-toc-l a{display:block}
.af-toc-l a.on{color:var(--wine);font-weight:600;text-decoration:none}
@media(prefers-reduced-motion:reduce){.af-toc-arrow{transition:none}}

/* ---- v1.1.4: footer newsletter, stronger rules for Brevo's markup ---- */
.af-newsl #sib-form>div{padding:0!important;margin:0!important;flex:0 0 auto}
.af-newsl #sib-form>div:not(:has(input)):not(:has(button)){display:none!important}
.af-newsl #sib-form>div:has(.sib-input){flex:1 1 auto;min-width:0}
.af-newsl .sib-form-block>p,.af-newsl .sib-form-block>h1,.af-newsl .sib-form-block>h2,.af-newsl .sib-form-block>h3{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.af-newsl .sib-input{min-width:200px}
.af-newsl input:-webkit-autofill,.af-newsl input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px var(--deep) inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff}
.af-newsl input:focus{outline:2px solid var(--gold)!important;outline-offset:1px;box-shadow:none!important}