/* March 2015 KWC Emerald issue styles, adapted from the Emerald site.
   Loaded only on the added issue / category pages. */

:root{--emerald:#0b3d2b;--emerald-2:#0f5a3c;--deep:#061f16;--gold:#d4b46a;--gold-2:#b8954a;--cream:#f8f0de;--ink:#f3ead6;--muted:#cbbf9f;--magazine-header-height:96px}
*{box-sizing:border-box}
button,a{cursor:pointer}a{color:var(--gold)}a:hover{color:#f1d796}


/* COVER */
.page{position:relative;scroll-margin-top:var(--magazine-header-height)}
.cover-page{min-height:100vh;min-height:100svh;overflow:hidden;background:#020d08;isolation:isolate;display:grid;place-items:center;padding:24px}
.cv-surface{position:absolute;inset:-60px;z-index:0;background:#03120c url(/assets/emerald/bg-cover-emeralds.jpg) center/cover no-repeat;filter:blur(30px) brightness(.38) saturate(1.25)}
.cv-surface:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(2,13,8,0) 30%,rgba(2,13,8,.8) 100%)}
.sheet{position:relative;z-index:1;height:calc(100vh - 48px);height:min(calc(100svh - 48px),calc((100vw - 48px)*22/17));aspect-ratio:17/22;max-width:calc(100vw - 48px);container-type:size;overflow:hidden;isolation:isolate;border-radius:3px;background:#03120c;box-shadow:0 2px 4px rgba(0,0,0,.4),0 18px 40px rgba(0,0,0,.55),0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(255,240,200,.08)}
.sheet:after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.06) 1.2%,rgba(0,0,0,0) 3%),linear-gradient(125deg,rgba(255,255,255,.07),rgba(255,255,255,0) 30%)}
.cover-page .cbg{position:absolute;inset:-3%;z-index:0;background:#03120c url(/assets/emerald/bg-cover-emeralds.jpg) 46% 50%/cover no-repeat;background-image:image-set(url(/assets/emerald/bg-cover-emeralds.webp) type('image/webp'),url(/assets/emerald/bg-cover-emeralds.jpg) type('image/jpeg'));animation:kb1 18s ease-in-out infinite alternate;transform-origin:40% 55%}
.cover-page .cbg:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,14,9,.66) 0%,rgba(2,14,9,.2) 24%,rgba(2,14,9,0) 42%,rgba(2,14,9,.1) 66%,rgba(2,14,9,.8) 100%)}
.cover-page .sheen{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,236,190,.12) 50%,transparent 60%);background-size:250% 100%;animation:sheen 11s ease-in-out infinite;mix-blend-mode:screen}
.mc{position:absolute;inset:0;pointer-events:none}
.mc a,.mc .mc-line{pointer-events:auto}
.mc-top{position:absolute;z-index:4;top:2.4cqh;left:5cqw;right:5cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;font:600 1.55cqw 'Cinzel',serif;letter-spacing:.3em;color:#f3dc9c;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.mc-top i{flex:1;height:1px;background:linear-gradient(90deg,rgba(212,180,106,0),rgba(212,180,106,.8),rgba(212,180,106,0))}
.mc-mast{position:absolute;z-index:2;left:0;right:0;top:calc(2.4cqh + 4cqw);text-align:center;line-height:.8;pointer-events:none}
.mc-mast .the{display:block;font:600 2.7cqw 'Cinzel',serif;letter-spacing:.9em;padding-left:.9em;color:#f8f0de;text-shadow:0 2px 10px rgba(0,0,0,.6);margin:0 0 .3em}
.mc-mast h1{margin:0;font:600 11.7cqw/.86 'Cinzel',Georgia,serif;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(180deg,#fff8e2 0%,#f4dc9a 38%,#d2ad5f 62%,#a98439 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.mc-tag{position:absolute;z-index:4;left:5cqw;top:calc(2.4cqh + 21cqw);text-align:left;font:italic 500 2.7cqw 'Cormorant Garamond',serif;letter-spacing:.1em;color:#fff4d8;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.mc-tag b{font-weight:400;color:#d4b46a;padding:0 .3em}
.mc-fig{position:absolute;z-index:3;bottom:4cqh;left:45%;height:73cqh;aspect-ratio:1220/1508;transform:translateX(-50%);pointer-events:none;animation:figin 1.6s cubic-bezier(.2,.7,.2,1) both}
.mc-fig img{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3.5%);mask-image:linear-gradient(180deg,transparent 0,#000 3.5%);object-fit:contain;object-position:bottom;filter:brightness(.97) contrast(1.06) saturate(1.03) drop-shadow(-18px 10px 40px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.4))}
.mc-fig:after{content:'';position:absolute;inset:-6% -10% 0;z-index:-1;background:radial-gradient(ellipse 50% 45% at 55% 40%,rgba(46,204,140,.22),transparent 70%);filter:blur(10px)}
.mc-left{position:absolute;z-index:4;left:5cqw;top:calc(2.4cqh + 29cqw);width:24cqw;display:flex;flex-direction:column;gap:2.4cqh}
.mc-right{position:absolute;z-index:4;right:4.5cqw;top:30cqh;width:21cqw;display:flex;flex-direction:column;gap:2.4cqh;text-align:right}
.mc-line{display:block;text-decoration:none;color:#fff6dc;text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.7)}
.mc-line small{display:block;font:600 1.5cqw 'Cinzel',serif;letter-spacing:.26em;color:#e9c977;text-transform:uppercase;margin-bottom:.5cqw}
.mc-line b{display:block;font:600 3.7cqw/1.05 'Cormorant Garamond',serif;color:#fff8e6}
.mc-line span{display:block;margin-top:.4cqw;font:italic 2.5cqw/1.25 'Cormorant Garamond',serif;color:#f1e3c2}
.mc-line:hover b{color:#f3dc9c}
.mc-left .mc-line+.mc-line,.mc-right .mc-line+.mc-line{padding-top:2cqh;border-top:1px solid rgba(212,180,106,.5)}
.mc-hero{position:absolute;z-index:4;left:5cqw;bottom:7.5cqh;width:66cqw;text-decoration:none;pointer-events:auto;color:#fff}
.mc-hero small{display:inline-block;font:600 1.6cqw 'Cinzel',serif;letter-spacing:.3em;color:#0b3d2b;background:linear-gradient(180deg,#f3dc9c,#c9a456);padding:.9cqw 1.8cqw .75cqw;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.mc-hero b{display:block;margin:.1em 0 0;font:italic 600 12.4cqw/.9 'Cormorant Garamond',serif;letter-spacing:-.005em;white-space:nowrap;background:linear-gradient(180deg,#fffaf0 0%,#f6e3b0 60%,#d9b86a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(0,0,0,.75))}
.mc-hero span{display:block;margin-top:.4em;font:600 1.9cqw 'Cinzel',serif;letter-spacing:.28em;color:#f3dc9c;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.85)}
.mc-hero q{display:block;margin-top:.45em;font:italic 2.6cqw/1.3 'Cormorant Garamond',serif;color:#f8ecd0;text-shadow:0 2px 10px rgba(0,0,0,.9);quotes:'“' '”'}
.mc-hero q em{font-style:normal;font:600 1.55cqw 'Cinzel',serif;letter-spacing:.22em;color:#d4b46a;margin-left:1.2cqw}
.mc-name{position:absolute;z-index:4;right:4.5cqw;bottom:7.5cqh;text-align:right;font:600 1.4cqw 'Cinzel',serif;letter-spacing:.28em;color:#f3dc9c;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.85)}
.mc-name span{display:block;margin-top:.8cqw;font:italic 500 2.6cqw 'Cormorant Garamond',serif;letter-spacing:.03em;text-transform:none;color:#fff6dc}
.mc-foot{position:absolute;z-index:4;left:0;right:0;bottom:2.4cqh;display:flex;align-items:center;justify-content:center;gap:1.8cqw;font:600 1.35cqw 'Cinzel',serif;letter-spacing:.28em;color:#e9d8a6;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.mc-foot:before,.mc-foot:after{content:'';width:7cqw;height:1px;background:#d4b46a}
/* soft floor shade over the figure's lower edge */
.mc-shade{position:absolute;z-index:3;left:0;right:0;bottom:0;height:30%;pointer-events:none;background:linear-gradient(180deg,rgba(2,14,9,0),rgba(2,14,9,.55) 55%,rgba(2,14,9,.85))}
@keyframes figin{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
.cover-page .cue{position:absolute;z-index:5;right:28px;left:auto;bottom:28px;width:22px;height:36px;margin:0;border:2px solid rgba(255,255,255,.55);border-radius:12px;opacity:.75}
.cover-page .cue:after{content:'';position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:cue 1.8s infinite}
/* magazine menu card after cover */
.we-wrap{background:var(--deep);padding:28px 16px}
.we-menu{max-width:760px;margin:0 auto;text-align:center;padding:22px 20px;border:1px solid rgba(212,180,106,.45);border-radius:16px;background:linear-gradient(180deg,#0f5a3c,#0b3d2b);box-shadow:0 14px 40px rgba(0,0,0,.45)}
.we-title{font:600 26px 'Cinzel',serif;letter-spacing:.08em;color:#f3dc9c}
.we-tag{font:11px Arial,sans-serif;letter-spacing:.32em;color:#e9d8a6;margin:6px 0 14px}
.we-menu .we-btns{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
/* interior pages */
.page:not(.cover-page){isolation:isolate;overflow:clip;background:var(--deep)}
.bgp{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.05) brightness(.7);-webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 50%,#000 55%,transparent 98%);mask-image:radial-gradient(ellipse 95% 90% at 50% 50%,#000 55%,transparent 98%);transition:transform .2s linear}
.bgs{position:absolute;inset:0;z-index:-2;pointer-events:none}
.bgs .seg{position:absolute;left:0;right:0}
.bgs .seg.fade-top{-webkit-mask-image:linear-gradient(transparent 0,#000 220px);mask-image:linear-gradient(transparent 0,#000 220px)}
.bgs .seg .bgp{margin-bottom:0;z-index:auto}
.veil{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#061f16 0%,transparent 9%,transparent 91%,#061f16 100%),radial-gradient(60% 50% at 12% 20%,rgba(212,180,106,.22),transparent 70%),radial-gradient(50% 50% at 90% 85%,rgba(15,90,60,.45),transparent 70%)}
.veil:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,16,11,.42),rgba(2,16,11,.7) 28%,rgba(2,16,11,.7) 72%,rgba(2,16,11,.42))}
.page-body{position:relative;max-width:860px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(22px,7vw,84px) 110px}
/* real-photo backgrounds */
.photo-gap{height:62vh;height:62svh;position:relative}
.photo-page .page-body+.photo-gap{margin-top:28px}
.photo-page .page-body{max-width:800px;background:rgba(3,20,14,.64);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(212,180,106,.28);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.photo-page .page-body+.photo-gap+.page-body{margin-top:0}
.photo-page>.page-body:last-of-type{margin-bottom:90px}
.bgp.bgphoto{filter:saturate(1.04) brightness(.96);-webkit-mask-image:none;mask-image:none}
.photo-page .veil:after{background:linear-gradient(90deg,rgba(2,16,11,.18),rgba(2,16,11,.08) 30%,rgba(2,16,11,.08) 70%,rgba(2,16,11,.18))}
.photo-page .veil{background:linear-gradient(180deg,#061f16 0%,rgba(6,31,22,0) 7%,rgba(6,31,22,0) 93%,#061f16 100%)}
@media (min-width:1100px){.photo-page .page-body.pb-left{margin-left:5vw;margin-right:auto;max-width:700px}.photo-page .page-body.pb-right{margin-right:5vw;margin-left:auto;max-width:700px}}
@media (max-width:720px){.photo-gap{height:52vh;height:52svh}.photo-page .page-body{margin:0 10px;border-radius:14px;background:rgba(3,20,14,.7)}}
.page-body>*{opacity:0;transform:translateY(34px);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.7,.2,1)}
.page.in .page-body>*{opacity:1;transform:none}
.folio{position:absolute;bottom:24px;left:40px;right:40px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(212,180,106,.4);padding-top:10px;font:11px Arial,sans-serif;letter-spacing:.14em;color:#d8c99f;pointer-events:none}
.eyebrow{font:12px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#d4b46a;border-bottom:1px solid rgba(212,180,106,.45);padding-bottom:14px;margin-bottom:28px}
h2{font:400 clamp(38px,5vw,60px)/1.1 'Cormorant Garamond',Georgia,serif;color:#fbefd2;margin:10px 0 16px;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.45)}
h3{font:600 clamp(24px,2.6vw,30px) 'Cormorant Garamond',Georgia,serif;color:#e8c977;margin:30px 0 10px}
p,li{font-size:clamp(18px,1.8vw,21px);line-height:1.75;color:#f3ead6;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.subtitle{font:italic clamp(19px,2vw,23px) 'Cormorant Garamond',serif;color:#e8c977;margin-bottom:26px}
.lead{font-size:clamp(21px,2.2vw,25px);line-height:1.6}
blockquote{display:flow-root;border-left:3px solid #d4b46a;margin:26px 0;padding:16px 24px;background:rgba(6,31,22,.66);backdrop-filter:blur(6px);font:italic clamp(20px,2.1vw,24px)/1.55 'Cormorant Garamond',serif;color:#fff6dc;border-radius:0 10px 10px 0}
blockquote small{display:block;margin-top:8px;font:12px Arial,sans-serif;letter-spacing:.14em;color:#d4b46a;font-style:normal;text-transform:uppercase}
.editorial-rule{height:1px;margin:36px 0 6px;background:linear-gradient(90deg,#d4b46a,rgba(212,180,106,.1))}
.photo{width:100%;height:auto;max-height:520px;object-fit:cover;display:block;margin:24px 0;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.portrait{float:left;width:clamp(130px,26%,220px);height:auto;margin:6px 26px 14px 0;border-radius:10px;border:1px solid rgba(212,180,106,.6);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.clear{clear:both}
.byline{font:12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d4b46a;margin:-4px 0 18px}
.note{display:flow-root;font:15px/1.6 Arial,sans-serif;background:rgba(6,31,22,.7);border-left:3px solid #d4b46a;padding:14px 16px;margin:18px 0;color:#f3ead6;border-radius:0 8px 8px 0}
.pull-quote{font:italic clamp(24px,2.6vw,30px)/1.4 'Cormorant Garamond',serif;color:#f1d796;border-top:1px solid rgba(212,180,106,.55);border-bottom:1px solid rgba(212,180,106,.55);padding:22px 0;text-align:center}
.contents-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.contents-grid a{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid rgba(212,180,106,.3);padding:12px 0;text-decoration:none;font:19px 'Cormorant Garamond',Georgia,serif;color:#f1d796}
.contents-grid a:hover{color:#fff}
.contents-grid b{font:12px Arial,sans-serif;color:#d4b46a}
.day-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.day-grid>div{border:1px solid rgba(212,180,106,.4);padding:16px;background:rgba(6,31,22,.66);backdrop-filter:blur(6px);border-radius:10px}
.day-grid b,.day-grid span{display:block}
.day-grid b{font:700 13px Arial,sans-serif;color:#e8c977;margin-bottom:8px;letter-spacing:.04em}
.day-grid span{font:17px/1.5 'Cormorant Garamond',serif;color:#f3ead6}
.reader-invite{border-left:3px solid #d4b46a;background:rgba(6,31,22,.7);backdrop-filter:blur(6px);padding:20px 24px;margin:26px 0;border-radius:0 10px 10px 0}
.reader-invite p{margin:10px 0}
.reader-invite a{font:700 15px Arial,sans-serif}
.kicker{font:700 11px Arial,sans-serif;letter-spacing:.24em;color:#d4b46a}
.event{border-bottom:1px solid rgba(212,180,106,.3);padding:14px 0;font:19px/1.6 'Cormorant Garamond',Georgia,serif;color:#f3ead6}
.event b{color:#e8c977;font-size:20px}
.small,.extra-small{font:14px/1.6 Arial,sans-serif;color:#d8cba8}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.slot{min-height:200px;border-radius:12px;background:rgba(6,31,22,.55);backdrop-filter:blur(10px);border:1px dashed rgba(212,180,106,.7);display:grid;place-items:center;text-align:center;padding:15px;color:#f3ead6;font:16px/1.5 Arial,sans-serif}
.archive{border:1px solid rgba(212,180,106,.55);padding:22px;border-radius:14px;background:rgba(6,31,22,.66);backdrop-filter:blur(8px)}
.badge{font:12px Arial,sans-serif;letter-spacing:.16em;color:#d4b46a}
.btn{display:inline-block;background:linear-gradient(180deg,#f3dc9c,#c9a456);color:#0b3d2b;border:0;border-radius:30px;padding:11px 20px;font:600 14px Arial,sans-serif;text-decoration:none;margin:6px 8px 6px 0}
.btn:hover{filter:brightness(1.07);color:#0b3d2b}
.btn.secondary{background:transparent;color:#f1d796;border:1px solid #d4b46a}
.btn[disabled]{opacity:.65;cursor:not-allowed}
label{display:block;margin:16px 0 6px;font:14px Arial,sans-serif;color:#e9dcb8}
.field,.extra-input{width:100%;border:1px solid rgba(212,180,106,.45);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:12px;font:16px Arial,sans-serif}
.field{min-height:120px}
.field::placeholder,.extra-input::placeholder{color:#bfb393}
.extra-grid{display:block}
.extra-card{border:1px solid rgba(212,180,106,.4);background:rgba(6,31,22,.7);backdrop-filter:blur(8px);border-radius:14px;padding:20px 22px;margin:18px 0}
.extra-card h3{margin-top:6px}
.extra-tag{font:12px Arial,sans-serif;letter-spacing:.12em;color:#d4b46a}
.extra-choice{display:flex;gap:8px;align-items:center;font:14px Arial,sans-serif;color:#f3ead6}
.extra-btn{background:linear-gradient(180deg,#f3dc9c,#c9a456);color:#0b3d2b;border:0;border-radius:30px;padding:10px 18px;font:600 14px Arial,sans-serif;margin-top:12px}
.give-head{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px;border-radius:14px;background:linear-gradient(180deg,#0f5a3c,#0b3d2b);border:1px solid rgba(212,180,106,.4)}
.give-head h2{margin:4px 0}
.give-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border-radius:12px}
.give-t{font:700 18px Arial,sans-serif;letter-spacing:.06em}
.give-s{font:13px Arial,sans-serif}
.we-invite{margin:34px auto 6px;max-width:560px;text-align:center;padding:24px 26px;border:1px solid rgba(212,180,106,.4);border-radius:16px;background:rgba(6,31,22,.78);backdrop-filter:blur(8px)}
.we-invite h3{margin:8px 0;color:#f3dc9c}
.we-invite p{margin:0 0 16px;font-size:18px}
.we-invite-btn{display:block;background:#0f5a3c;color:#f3dc9c!important;text-decoration:none;font:600 14px Arial,sans-serif;letter-spacing:.06em;padding:14px 16px;border-radius:10px;border:1px solid rgba(212,180,106,.45)}
.we-invite-btn:hover{background:#13704b}
.video-ph{position:relative;width:100%;aspect-ratio:16/9;margin:16px 0;border-radius:12px;border:1px dashed rgba(212,180,106,.7);background:rgba(6,31,22,.6);display:grid;place-items:center;text-align:center;font:16px Arial,sans-serif;color:#f3ead6}
.ph{display:inline-block;border:1px dashed rgba(212,180,106,.8);background:rgba(212,180,106,.12);color:#f8e7b8;font:italic 15px Arial,sans-serif;padding:3px 10px;border-radius:6px;text-shadow:none}
p.ph,div.ph{display:block;padding:12px 14px}
.resource-card{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}
.resource-card img{width:150px;height:auto;border-radius:8px;background:#d7d7d7}
.phone{font:700 22px Arial,sans-serif;color:#fff6dc;letter-spacing:.04em}
.logo-card{background:#fff;border-radius:12px;padding:12px;max-width:420px;box-shadow:0 14px 30px rgba(0,0,0,.4)}
.logo-card img{display:block;width:100%;height:auto}
.council li{margin:6px 0}.council b{color:#f1d796}
.interest{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;padding:0;list-style:none}
.interest li{font:14px Arial,sans-serif;border:1px solid rgba(212,180,106,.5);border-radius:30px;padding:6px 12px;background:rgba(6,31,22,.6)}
/* back cover */
.magazine-back-cover{background:radial-gradient(ellipse at 50% 30%,#0f5a3c,#06241a 70%)!important;padding:56px 16px}
.bc-sheet{max-width:860px;margin:0 auto;border:1px solid #d4b46a;outline:1px solid rgba(212,180,106,.35);outline-offset:8px;background:rgba(6,31,22,.85);overflow:hidden}
.bc-masthead{text-align:center;padding:34px 20px 22px}
.bc-edition,.bc-volume,.bc-tag{font:600 12px Arial,sans-serif;letter-spacing:.3em;color:#d4b46a}
.bc-title{font:600 clamp(40px,7vw,78px)/1 'Cinzel',serif;color:#f3dc9c;margin:14px 0}
.bc-tag{margin-top:10px;color:#e9d8a6}
.bc-hero img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.bc-scripture{margin:0 34px 30px;border:1px solid #d4b46a;outline:1px solid rgba(212,180,106,.4);outline-offset:5px;padding:24px 28px;background:rgba(11,61,43,.7)}
.bc-verse{font:italic clamp(19px,2vw,23px)/1.55 'Cormorant Garamond',serif;color:#fff6dc}
.bc-reference{margin-top:14px;padding-top:12px;border-top:1px solid rgba(212,180,106,.4);text-align:center;font:600 12px Arial,sans-serif;letter-spacing:.24em;color:#d4b46a}
.bc-ministry{text-align:center;padding:4px 20px 30px;font:600 12px Arial,sans-serif;letter-spacing:.3em;color:#e9d8a6}
.bc-church{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 20px 34px;font:14px/1.5 Arial,sans-serif;color:#e9dcb8;text-align:center}
.bc-church img{width:170px;background:#fff;border-radius:8px;padding:6px}
@keyframes kb1{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes sheen{0%{background-position:150% 0}100%{background-position:-50% 0}}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes breathe{from{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}
@keyframes floaty{from{transform:translateY(0)}to{transform:translateY(-10px)}}
@media (max-width:720px){
 .cover-page{padding:0;display:block}
 .cv-surface{display:none}
 .sheet{width:100%;height:100vh;height:100svh;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none}
 .sheet:after{display:none}
 .mc-top{left:4cqw;right:4cqw;top:2.6cqh;font-size:2.3cqw;letter-spacing:.2em}.mc-top .nl{display:none}.mc-top i{min-width:5cqw}
 .mc-mast{top:calc(2.6cqh + 6cqw)}.mc-mast .the{font-size:2.9cqw;margin-bottom:.35em}
 .mc-mast h1{font-size:11.6cqw}
 .mc-tag{left:0;right:0;text-align:center;top:calc(2.6cqh + 22.5cqw);font-size:3.6cqw;letter-spacing:.06em}
 .cover-page .cbg{background-position:31% 50%}
 .mc-fig{left:auto;right:2cqw;bottom:auto;top:calc(2.6cqh + 37cqw);transform:none;height:clamp(76cqw,calc(91cqh - 61cqw),81cqw);max-width:none;animation:none}
 .mc-fig img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3.5%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 3.5%,#000 78%,transparent 100%)}
 .mc-left{left:4cqw;top:calc(2.6cqh + 33cqw);width:46cqw;gap:1.5cqh}
 .mc-line small{font-size:2.3cqw;letter-spacing:.2em}.mc-line b{font-size:4.9cqw}.mc-line span{font-size:3.6cqw}
 .mc-left .mc-line+.mc-line{padding-top:1.2cqh}
 .mc-right,.mc-name{display:none}
 .mc-hero{left:4cqw;right:4cqw;width:auto;bottom:6.2cqh}
 .mc-hero b{font-size:15cqw}
 .mc-hero small{font-size:2.3cqw;letter-spacing:.24em;padding:1.6cqw 3cqw 1.3cqw}
 .mc-hero span{font-size:2.8cqw;letter-spacing:.22em}
 .mc-hero q{font-size:4.1cqw}.mc-hero q em{font-size:2.6cqw}
 .mc-foot{bottom:1.9cqh;font-size:2.1cqw;letter-spacing:.2em;gap:2cqw}.mc-foot:before,.mc-foot:after{width:6cqw}
 .cover-page .cue{display:none}
 .mc-shade{height:36%;background:linear-gradient(180deg,rgba(2,14,9,0) 0%,rgba(2,14,9,.6) 40%,rgba(2,14,9,.9) 100%)}
 .contents-grid,.gallery{grid-template-columns:1fr}
 .day-grid{grid-template-columns:1fr 1fr}
 .folio{left:22px;right:22px}
 .portrait{float:none;display:block;width:min(62%,240px);margin:6px auto 18px}
 .resource-card{grid-template-columns:1fr}
 .bc-scripture{margin:0 14px 24px;padding:18px}
 .page-body>*{opacity:1;transform:none}
}
/* === Every landscape screen (desktop, laptop, tablet or phone held sideways): full-screen landscape cover === */
@media (orientation:landscape){
 html .cover-page{padding:0;display:block;min-height:0;background:#020d08}
 html .cover-page .cv-surface,html .cover-page .cue,html .sheet:after{display:none}
 html .sheet{width:100%;height:100vh;height:100svh;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;
  --th:min(1.6cqw,3.6cqh);--h1:min(8.2cqw,15.5cqh);--mt:calc(3cqh + min(2.4cqw,5.6cqh));--mb:calc(var(--mt) + var(--th)*1.15 + var(--h1)*.86);
  --tg:min(1.6cqw,3.5cqh);--cb:calc(var(--mb) + 1.4cqh + var(--tg)*1.3);--fh:min(calc(100cqh - var(--mb) - 3cqh),76cqh);--fw:calc(var(--fh)*1220/1508);--col:calc(50cqw - var(--fw)/2 - 6.5cqw)}
 html .cover-page .cbg{background-position:50% 45%}
 html .mc-top{left:4cqw;right:4cqw;top:3cqh;font-size:min(1.15cqw,2.7cqh);letter-spacing:.24em}
 html .mc-top .nl{display:inline}
 html .mc-mast{top:var(--mt)}
 html .mc-mast .the{font-size:var(--th);margin-bottom:.15em}
 html .mc-mast h1{font-size:var(--h1)}
 html .mc-tag{left:0;right:0;top:calc(var(--mb) + 1.4cqh);text-align:center;font-size:var(--tg);letter-spacing:.08em}
 html .mc-fig{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%);height:var(--fh);max-width:none;animation:none}
 html .mc-fig img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 3.5%);mask-image:linear-gradient(180deg,transparent 0,#000 3.5%)}
 html .mc-left,html .mc-right{display:flex;top:calc(var(--cb) + 2.6cqh);width:var(--col);gap:min(1.7cqh,1.2cqw)}
 html .mc-left{left:4cqw;right:auto;text-align:left}
 html .mc-right{right:4cqw;left:auto;text-align:right}
 html .mc-line small{font-size:min(1.12cqw,2.6cqh);letter-spacing:.2em;margin-bottom:.35em}
 html .mc-line b{font-size:min(2.25cqw,5.1cqh)}
 html .mc-line span{font-size:min(1.6cqw,3.5cqh);margin-top:.15em}
 html .mc-left .mc-line+.mc-line,html .mc-right .mc-line+.mc-line{padding-top:min(1.6cqh,1.1cqw)}
 html .mc-name{display:none}
 html .mc-hero{left:auto;right:4cqw;width:var(--col);bottom:7cqh;text-align:right}
 html .mc-hero small{font-size:min(1.05cqw,2.4cqh);letter-spacing:.18em;padding:.6em 1em .5em;white-space:nowrap}
 html .mc-hero b{font-size:min(5.3cqw,11cqh,calc(var(--col)/5.5))}
 html .mc-hero span{font-size:min(1.3cqw,2.9cqh);letter-spacing:.22em}
 html .mc-hero q{font-size:min(1.75cqw,3.7cqh)}
 html .mc-hero q em{font-size:min(1.1cqw,2.5cqh);margin-left:.6em}
 html .mc-foot{bottom:2cqh;font-size:min(1.05cqw,2.4cqh);letter-spacing:.24em;gap:1.4cqw}
 html .mc-foot:before,html .mc-foot:after{width:5cqw}
 @media (max-height:500px){
  html .mc-right{display:none}
  html .mc-hero{bottom:9cqh}
  html .mc-left{gap:1.4cqh}
  html .mc-line small{font-size:min(1.05cqw,2.7cqh)}
  html .mc-line b{font-size:min(2.2cqw,5.4cqh)}
  html .mc-line span{font-size:min(1.5cqw,3.7cqh)}
 }
 html .mc-shade{height:34%;background:linear-gradient(180deg,rgba(2,14,9,0),rgba(2,14,9,.5) 50%,rgba(2,14,9,.85))}
}
@media (orientation:landscape) and (max-height:500px){.photo-gap{height:70vh;height:70svh}}

/* ===== BLOG: full-screen pages everywhere, routed articles ===== */
[hidden]{display:none!important}
.bgp{top:var(--magazine-header-height);height:calc(100vh - var(--magazine-header-height));height:calc(100svh - var(--magazine-header-height))}
.page:not(.cover-page){min-height:calc(100vh - var(--magazine-header-height));min-height:calc(100svh - var(--magazine-header-height))}
.eyebrow a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(212,180,106,.55)}
.eyebrow a:hover{color:#f3dc9c}
@media (orientation:portrait) and (min-width:721px){.cover-page{padding:0;display:block}.cover-page .cv-surface,.cover-page .cue,.sheet:after{display:none}.sheet{width:100%;height:100vh;height:100svh;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none}}

/* home: this edition, magazine style */
.issue-home .page-body{max-width:1220px;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.issue-home .ih-head{text-align:center;max-width:760px;margin:0 auto}
.issue-home .ih-head .eyebrow{border-bottom:0;margin-bottom:6px;padding-bottom:0}
.issue-home .ih-head .editorial-rule{margin:18px auto 0;width:180px;background:linear-gradient(90deg,rgba(212,180,106,.1),#d4b46a,rgba(212,180,106,.1))}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;margin:30px 0 0}
.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:rgba(4,24,17,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(212,180,106,.38);border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.42);transition:transform .35s ease,border-color .35s ease}
.card:hover{transform:translateY(-4px);border-color:#d4b46a;color:inherit}
.card .ci{display:block;aspect-ratio:16/10;overflow:hidden;background:#05140d}
.card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.card:hover img{transform:scale(1.04)}
.card .cb{display:block;padding:16px 20px 20px}
.card small{display:block;font:600 11px 'Cinzel',serif;letter-spacing:.22em;color:#d4b46a;text-transform:uppercase}
.card b{display:block;margin:8px 0 6px;font:600 26px/1.15 'Cormorant Garamond',serif;color:#fbefd2}
.card .cx{display:block;font:italic 18px/1.45 'Cormorant Garamond',serif;color:#e9dcb8}
.card .cm{display:block;margin-top:12px;font:11px Arial,sans-serif;letter-spacing:.16em;color:#d8c99f;text-transform:uppercase}
@media (min-width:900px){.cards .card.lead{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr}.cards .card.lead .ci{aspect-ratio:auto;min-height:340px}.cards .card.lead .cb{align-self:center;padding:30px 34px}.cards .card.lead b{font-size:40px}.cards .card.lead .cx{font-size:21px}.cards .card.lead img{object-position:50% 0}}
.empty{border:1px dashed rgba(212,180,106,.7);border-radius:14px;padding:26px;text-align:center;background:rgba(6,31,22,.66);font:italic 21px 'Cormorant Garamond',serif;color:#f3ead6}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px;margin:24px 0}
.cat-grid a{display:block;text-decoration:none;padding:18px 20px;border:1px solid rgba(212,180,106,.45);border-radius:12px;background:rgba(6,31,22,.72);color:#f1d796;font:600 22px 'Cormorant Garamond',serif}
.cat-grid a:hover{border-color:#f3dc9c;color:#fff}
.cat-grid a small{display:block;margin-top:4px;font:12px Arial,sans-serif;letter-spacing:.14em;color:#d8c99f;text-transform:uppercase}

/* Ministry Directory: one column, equal boxes sized to the longest title, centered; cream on green */
#a-get-connected .cat-grid.ministry-dir{
  grid-template-columns:1fr;align-items:stretch;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;
}
#a-get-connected .cat-grid.ministry-dir > a{
  width:100%;white-space:nowrap;text-align:center;
  padding:18px 20px;border:1px solid rgba(217,180,106,.45);border-radius:12px;
  background:rgba(15,31,18,.72);color:#FBF4E6;font:600 22px 'Cormorant Garamond',Georgia,serif;line-height:1.25;
}
#a-get-connected .cat-grid.ministry-dir > a .nw{white-space:nowrap}
@media(max-width:480px){
  #a-get-connected .cat-grid.ministry-dir{width:100%}
  #a-get-connected .cat-grid.ministry-dir > a{white-space:normal}
}
.dir-note{display:block;margin-top:2px;color:#d8c99f;font-size:13px}

/* share your reflection (comments coming soon) */
.talk{margin:44px 0 0;padding:22px 24px 18px;border:1px solid rgba(212,180,106,.45);border-radius:14px;background:rgba(4,24,17,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.talk h3{margin:8px 0 12px}
.soon{display:block;font:15px/1.6 Arial,sans-serif;color:#f8e7b8;background:rgba(212,180,106,.13);border:1px dashed rgba(212,180,106,.7);border-radius:8px;padding:11px 14px;margin:0 0 6px}
.talk .field,.rf .field{min-height:96px}
.field[disabled],.extra-input[disabled]{opacity:.62;cursor:not-allowed}
.talk .small a,.rf .small a{font-weight:700}
.rf{margin-top:8px}
.rs{border:1px solid rgba(212,180,106,.55);outline:1px solid rgba(212,180,106,.25);outline-offset:5px;border-radius:10px;padding:20px 24px;margin:22px 0 28px;background:rgba(6,31,22,.7)}
.rs .lead{margin:10px 0 0}
.rs-q{padding-left:1.3em}.rs-q li{margin:0 0 16px;padding-left:4px}.rs-q li::marker{color:#d4b46a;font-weight:600}.rs-q b{color:#f1d796}
/* feature photos with premium framing */
.feature{margin:26px 0;padding:8px;border:1px solid rgba(212,180,106,.75);outline:1px solid rgba(212,180,106,.3);outline-offset:6px;border-radius:6px;background:rgba(4,24,17,.6);box-shadow:0 22px 50px rgba(0,0,0,.5)}
.feature img{display:block;width:100%;height:auto;border-radius:3px}
.feature figcaption{margin-top:8px;font:italic 16px 'Cormorant Garamond',serif;color:#e9dcb8;text-align:center}
.ff-head{display:grid;grid-template-columns:1fr minmax(120px,34%);gap:22px;align-items:center}
.feature.ring{margin:0;justify-self:end;max-width:260px}
@media (max-width:520px){.ff-head{grid-template-columns:1fr}.feature.ring{justify-self:center;max-width:72%;margin:4px auto 18px}}
.feature.ad{max-width:620px;margin:22px auto 26px}
@media (prefers-reduced-motion:reduce){.page-body>*{opacity:1!important;transform:none!important}.cover-page .cbg,.mc-fig,.sheen{animation:none}}
@media print{header,nav,#fx,#prog,.we-wrap,.talk,.cue,.sheen,footer{display:none!important}.bgp,.veil{display:none}.page{break-after:page;background:#fff!important}.page-body>*{opacity:1!important;transform:none!important}p,li,h2,h3,blockquote,.event,.rs-q b,.kicker,.eyebrow,.subtitle{color:#123!important;text-shadow:none!important}.rs,.reader-invite,.page-body{background:#fff!important;border-color:#b8954a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.rs-link,.folio{display:none!important}.page:not([hidden]){min-height:0!important}main{padding-top:0!important}html,body,main,.page{background:#fff!important}}
/* light falling sparkles and the cover's faint light sweep on every page, layered just above the background photos and beneath all content */
.pfx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.sheet>.pfx{z-index:1}
.pfx>*{position:sticky;top:0;display:block;width:100%;height:100vh;height:100svh;pointer-events:none}
.pfx>.sheen{margin-bottom:-100vh;margin-bottom:-100svh;background:linear-gradient(105deg,transparent 40%,rgba(255,236,190,.12) 50%,transparent 60%);background-size:250% 100%;background-repeat:no-repeat;background-position:150% 0;animation:sheen 11s ease-in-out infinite;mix-blend-mode:screen}
@media (prefers-reduced-motion:reduce){.pfx{display:none}}
@media print{.pfx{display:none!important}}
.lp-table-wrap{overflow-x:auto}.lp-table{width:100%;border-collapse:collapse;font:15px Arial,sans-serif;color:#f3ead6}.lp-table th{text-align:left;font:12px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#d4b46a;border-bottom:1px solid rgba(212,180,106,.45);padding:8px 10px}.lp-table td{padding:9px 10px;border-bottom:1px solid rgba(212,180,106,.18)}.lp-card .btn{display:inline-block;text-decoration:none}select.extra-input{appearance:auto}
.bgp{transform:scale(1.04);transition:none}

/* Keep the FAITHFULLY HER header visible; size the March 2015 cover under it. */
body.fh-emerald-cover .cover-page{
  min-height:calc(100svh - var(--fh-header-height,96px));
  box-sizing:border-box;
}
@media (max-width:720px){
  body.fh-emerald-cover .sheet{
    height:calc(100svh - var(--fh-header-height,96px))!important;
  }
}
@media (orientation:landscape){
  html body.fh-emerald-cover .sheet{
    height:calc(100svh - var(--fh-header-height,96px))!important;
  }
}
@media (orientation:portrait) and (min-width:721px){
  body.fh-emerald-cover .sheet{
    height:calc(100svh - var(--fh-header-height,96px))!important;
  }
}
.fh-issue-bar{
  margin:0;
  padding:8px 16px;
  text-align:center;
  font:12px Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e9d8a6;
  background:#061f16;
  border-bottom:1px solid rgba(212,180,106,.28);
}
.fh-issue-bar a{color:#f1d796;text-decoration:none}
.fh-issue-bar a:hover{color:#fff;text-decoration:underline}
body.fh-emerald-issue .contents-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
@media (max-width:720px){body.fh-emerald-issue .contents-grid{grid-template-columns:1fr}}