/* BUTLER Magazine anniversary edition — Anymag's book layout and page turns. */
.bm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home .bm-anniversary{--bm-ink:#171717;--bm-gold:#b78b56;--bm-gold-deep:#85603b;--bm-paper:#f5f1e9;background:var(--bm-paper);color:#191919;box-shadow:10px 0 24px rgba(0,0,0,.15);container-type:inline-size}
.bm-anniversary .cover-content{display:flex;flex-direction:column;background:var(--bm-paper);isolation:isolate}
.bm-anniversary .cover-content::before{content:"";position:absolute;z-index:5;inset:0;border:14px solid var(--bm-ink);pointer-events:none;box-sizing:border-box;box-shadow:inset 0 0 0 1px var(--bm-gold)}
.bm-anniversary .cover-content::after{content:"";position:absolute;z-index:6;inset:0 0 0 auto;width:6px;background:repeating-linear-gradient(90deg,#bcb5a8 0 1px,#eee9dd 1px 2px,#999181 2px 3px);pointer-events:none}
.bm-cover-portrait{position:absolute;z-index:-1;inset:196px 14px 14px;overflow:hidden}
.bm-cover-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,241,233,.12),transparent 16%,rgba(245,241,233,.9) 35%,#f5f1e9 55%)}
.bm-anniversary .bm-cover-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.7)}
.bm-anniversary #cover-header{box-sizing:border-box;flex:0 0 212px;height:212px;padding:24px 8%;position:relative;z-index:7}
.bm-anniversary .cover-logo{display:none}
.home .bm-anniversary #cover-header .nav-panel{background:var(--bm-ink);transition:width .3s linear,visibility .3s linear}
.site-wrapper.nav-open .bm-anniversary .bm-cover-masthead{visibility:hidden}
.bm-cover-masthead{display:block;width:100%;margin-top:52px;color:var(--bm-ink)!important;text-align:center;text-decoration:none;line-height:1}
.bm-cover-masthead span{display:block;font:normal clamp(60px,17cqw,106px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.065em}
.bm-cover-masthead small{color:var(--bm-gold-deep);display:block;margin-top:8px;font:600 9px/1.5 Montserrat,sans-serif;letter-spacing:.5em;padding-left:.5em}
.bm-anniversary .top-menu-button{position:absolute;top:28px;left:28px;right:auto;z-index:1000;padding:10px;background:var(--bm-paper);border:1px solid rgba(25,25,25,.4)}
.bm-anniversary .top-menu-button{box-sizing:border-box;padding:0;width:44px;height:44px}
.bm-anniversary .top-menu-button::after{content:"MENU";position:absolute;left:54px;top:0;font:600 9px/44px Montserrat,sans-serif;letter-spacing:.16em;color:var(--bm-gold-deep);pointer-events:none}
.site-wrapper.nav-open .bm-anniversary .top-menu-button::after{content:"CLOSE";color:#d1a373}
.bm-anniversary .top-menu-button a{box-sizing:border-box;display:block;position:relative;width:44px;height:44px;padding:0;line-height:1;color:#191919}
.bm-anniversary .top-menu-button a span{left:12px;width:18px}
.bm-anniversary .top-menu-button .bar-1{top:15px}
.bm-anniversary .top-menu-button .bar-2{top:21px}
.bm-anniversary .top-menu-button .bar-3{top:27px}
.site-wrapper.nav-open .bm-anniversary .top-menu-button .bar-1,.site-wrapper.nav-open .bm-anniversary .top-menu-button .bar-3{top:21px}
.bm-anniversary .fold-shadow-left{opacity:.22;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5))}
.bm-cover-body,.bm-cover-stories a,.bm-cover-read{box-sizing:border-box}
.bm-cover-body{position:relative;z-index:3;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:180px 8% 32px}
.wpvibe-preview-active .bm-cover-body{padding-bottom:80px}
.bm-cover-hero{display:grid;grid-template-columns:42% 58%;align-items:end}
.bm-anniversary .bm-cover-kicker{grid-column:1/-1;color:var(--bm-gold-deep);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;background:rgba(245,241,233,.95);width:fit-content;padding:4px 6px}
.bm-cover-number{color:#a77d47;font:normal clamp(110px,25cqw,165px)/.85 Georgia,"Times New Roman",serif;letter-spacing:-.12em;padding-right:.12em}
.bm-cover-number span{color:var(--bm-gold-deep);display:block;margin-top:10px;padding-left:.4em;font:600 10px/1.5 Montserrat,sans-serif;letter-spacing:.4em}
.bm-anniversary .bm-cover-headline{color:#191919;font:normal clamp(25px,6.6cqw,42px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-transform:none;margin:0 0 2px}
.bm-cover-headline em{font-weight:normal}
.bm-anniversary .bm-cover-deck{grid-column:1/-1;color:#39332d;font-size:11px;line-height:1.7;margin:14px 0 0}
.bm-cover-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #a69d91;padding-top:10px}
.bm-cover-stories a{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:#191919;text-decoration:none}
.bm-cover-stories strong{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.01em}
.bm-cover-stories small{font-size:9px;line-height:1.6;color:#5c554d}
.bm-cover-stories a:hover{color:var(--bm-gold-deep)}
.bm-cover-bottom{display:flex;flex-direction:column;gap:12px}
.bm-cover-read{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:12px 18px;background:var(--bm-ink);color:var(--bm-paper)!important;font-size:11px;font-weight:600;letter-spacing:.06em;text-decoration:none;border:1px solid var(--bm-gold);transition:background .2s}
.bm-cover-read:hover{background:#292621}
.bm-cover-read span:last-child{font-size:23px;line-height:1}
.bm-cover-colophon{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:8px;line-height:1.6;letter-spacing:.05em;text-transform:uppercase;color:#534b43}
.bm-cover-colophon a{color:#85603b;text-decoration:none}
.bm-cover-colophon a:hover{text-decoration:underline}
.bm-page-corner{position:absolute;z-index:8;right:6px;bottom:0;width:34px;height:34px;background:linear-gradient(135deg,#171717 48%,#f5f1e9 49%,#bbb2a2 75%,#eee9dd);clip-path:polygon(0 100%,100% 0,100% 100%);filter:drop-shadow(-2px -2px 4px #555);transition:width .25s,height .25s;pointer-events:none}
.bm-anniversary:has(.bm-cover-read:hover) .bm-page-corner{width:46px;height:46px}
.bm-anniversary a:focus-visible,.bm-anniversary button:focus-visible{outline:2px solid #191919;outline-offset:4px}
.home .bm-home-intro{width:100%;margin:0 0 32px;padding:0 0 26px;border-bottom:1px solid #e8e2da;text-align:left}
.home .bm-home-intro::after{display:none}
.bm-home-eyebrow{margin:0 0 15px;color:#85603b;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.home #main-area .bm-home-intro h1{color:#20241e;font:normal clamp(30px,3vw,42px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:0 0 15px}
.home .bm-home-intro .bm-home-description{color:#68625b;font-size:14px;line-height:1.8;max-width:60ch;margin:0 0 20px}
.bm-home-topics{display:flex;gap:10px;flex-wrap:wrap}
.bm-home-topics a{box-sizing:border-box;display:flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #e1dacf;color:#34392f;font-size:11px;text-decoration:none;background:#faf8f4}
.bm-home-topics a:hover{border-color:#b78b56;background:#f2ece2}
.bm-home-topics a:focus-visible{outline:2px solid #85603b;outline-offset:3px}
.home .slide-title{width:100%}
.home .bm-slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.home #home-slider .slide-title h2,.home #home-slider .slide-title h2 a{font-size:clamp(24px,2.5vw,34px);line-height:1.2;text-transform:none;letter-spacing:-.03em}
.home .slide-item .post-overlay{background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.8));opacity:1;pointer-events:none}
.home .slide-text{bottom:26px}
.home .slider-area{margin-bottom:36px}
.home .owl-nav button:focus-visible{outline:2px solid #fff;outline-offset:-5px}
.bm-slider-tools{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:12px}
.bm-slider-tools h2{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin:0;color:#68625b}
.bm-slider-pause{min-height:44px;border:0;padding:8px 12px;background:#faf8f4;color:#34392f;font:500 10px Montserrat,sans-serif;cursor:pointer}
.bm-slider-pause:focus-visible{outline:2px solid #85603b;outline-offset:2px}
.home .feat-title,.home .feat-title a{font-size:20px;line-height:1.3;text-transform:none;letter-spacing:-.02em}
.home .post-meta .author-avatar{list-style:none}
.bm-film-dialog{box-sizing:border-box;padding:28px;width:min(800px,calc(100% - 36px));max-width:800px;border:1px solid #b78b56;background:#191919;color:#f5f1e9}
.bm-film-dialog::backdrop{background:rgba(0,0,0,.75)}
.bm-film-dialog h2{color:#f5f1e9;font:normal 26px/1.2 Georgia,serif;margin:0 48px 24px 0}
.bm-film-close{position:absolute;top:15px;right:15px;width:44px;height:44px;border:1px solid #a69d91;background:transparent;color:#f5f1e9;font-size:22px;cursor:pointer}
.bm-film-frame{aspect-ratio:16/9}
.bm-film-frame iframe{width:100%;height:100%;border:0}
.bm-film-dialog a{display:inline-block;margin-top:16px;color:#f5f1e9;font-size:12px}
@media(min-width:961px) and (max-height:780px){
 .bm-anniversary #cover-header{flex-basis:192px;height:192px;padding-top:22px}
 .bm-cover-body{padding-top:120px;padding-bottom:26px;gap:10px}
 .bm-cover-number{font-size:clamp(100px,22cqw,135px)}
 .bm-anniversary .bm-cover-headline{font-size:clamp(25px,6cqw,34px)}
 .bm-anniversary .bm-cover-deck{font-size:10px;margin-top:10px}
 .bm-cover-bottom{gap:10px}
 .bm-cover-stories{padding-top:6px}
}
@media(min-width:961px) and (max-height:620px){
 .home .bm-anniversary{min-height:0}
 .bm-cover-body{padding-top:60px;overflow-y:auto}
 .bm-cover-stories small{display:none}
}
@media(max-width:960px){
 .home .bm-anniversary{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}
 .bm-anniversary .cover-wrap,.bm-anniversary .cover-content{height:auto}
 .bm-anniversary .cover-wrap{position:relative}
 .bm-anniversary .cover-content{min-height:780px}
 .bm-anniversary #cover-header{flex-basis:192px;height:192px;padding:24px 8%}
 .bm-anniversary .top-menu-button{top:28px}
 .home #content-header{position:absolute!important;z-index:9;top:28px!important;right:28px!important;left:auto!important;width:88px!important;height:44px!important;margin:0!important;padding:0!important}
 .home #content-header #top-bar-right{position:static!important;float:none!important;display:flex;align-items:center;width:88px;height:44px;margin:0!important;padding:0!important}
 .home #content-header .right-search,.home #content-header .header-icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;float:none;width:44px;height:44px;margin:0;padding:0}
 .home #content-header a{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
 .home #content-header .hidden-sidebar-button{display:block}
 .home #content-header .open-hidden-sidebar{box-sizing:border-box;position:relative;width:44px;height:44px;padding:0;line-height:1}
 .home #content-header .open-hidden-sidebar span{width:18px;left:13px;top:21px}
 .bm-cover-portrait{top:164px}
 .bm-cover-body{padding:260px 9% 32px;gap:16px}
 .wpvibe-preview-active .bm-cover-body{padding-bottom:32px}
 .bm-cover-number{font-size:clamp(100px,28cqw,180px)}
 .bm-anniversary .bm-cover-headline{font-size:clamp(27px,7cqw,46px)}
 .bm-anniversary .bm-cover-deck{font-size:11px}
 .bm-cover-stories strong{font-size:11px}
 .bm-cover-stories small{font-size:9px}
 .home #main-area .bm-home-intro h1{font-size:32px}
}
@media(max-width:400px){
 .bm-cover-body{padding-inline:8%}
 .bm-cover-colophon{font-size:7px}
 .bm-desktop-break{display:none}
}
@media(prefers-reduced-motion:reduce){
 .bm-anniversary *,.home .owl-stage,.home .nav-panel,.home .fold-shadow-right{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .turn-left{display:none!important}
}
@media print{.bm-film-dialog,.bm-slider-pause{display:none!important}}