
:root{--bg:#ffffff;--ink:#222338;--muted:#626579;--purple:#472b70;--coral:#f0735d;--teal:#138e92;--lilac:#e9dfff;--line:#e2e5ed;--white:#fff;--pink:#ffe9e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'DM Sans',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.wrap{max-width:1210px;margin:auto;padding:0 28px}.top{background:var(--purple);color:#fff;text-align:center;padding:8px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:91px;border-bottom:1px solid var(--line)}.logo{display:flex;gap:12px;align-items:center;cursor:pointer;min-width:234px}.sigil{width:47px;height:47px;border-radius:50%;background:linear-gradient(145deg,var(--purple),#2d1a46);border:2px solid #ffffff;display:grid;place-items:center;position:relative;box-shadow:0 8px 22px rgba(71,43,112,.18);flex-shrink:0}.sigil .monogram{font:900 15px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;transform:translateY(1px)}.sigil .spark{position:absolute;right:-2px;top:-5px;color:var(--coral);font-size:12px;line-height:1;text-shadow:0 0 0 #fff}.logo-words{font:900 29px/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;text-transform:uppercase}.logo-words span{color:var(--teal)}.navlinks{display:flex;align-items:center;gap:27px}.navlinks button,.smallnav{border:0;background:none;font-weight:800;font-size:13px;color:var(--ink);padding:8px 0}.navlinks button.active{color:var(--purple)}.navlinks button:hover{color:var(--coral)}.subscribe{background:var(--ink)!important;color:white!important;padding:11px 18px!important;border-radius:8px!important}.menu{display:none;border:1px solid var(--line);background:white;border-radius:8px;padding:8px 12px;font-weight:800}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--purple)}.flag{background:var(--teal);color:#fff;display:inline-block;padding:5px 9px;border-radius:4px;transform:rotate(-2deg);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tagline{margin:16px 0 4px;font:900 clamp(22px,3.2vw,34px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--purple)}.tagline span{color:var(--coral)}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center;padding-top:65px;padding-bottom:65px}.hero h1{font:900 clamp(60px,8vw,110px)/.87 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:18px 0 19px;max-width:650px}.hero h1 .serif{font-family:'Fraunces',Georgia,serif;text-transform:none;font-style:italic;font-size:.78em;letter-spacing:-.055em;color:var(--purple)}.hero h1 .mark{background:linear-gradient(transparent 55%,var(--pink) 55%);padding:0 4px}.hero p{max-width:470px;color:var(--muted);font-size:17px;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{border:0;padding:13px 20px;border-radius:8px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:12px}.btn.primary{background:var(--purple);color:white}.btn.secondary{background:transparent;border:1.5px solid #aaa2a5;color:var(--ink)}.btn:hover{transform:translateY(-2px)}.hero-art{height:450px;position:relative;border-radius:24px 110px 24px 24px;background:radial-gradient(circle at 26% 20%,#8f6acd 0,#683f9c 45%,#3a245d 100%);overflow:hidden;isolation:isolate}.halo{position:absolute;width:350px;height:350px;border:2px solid #ffffff52;border-radius:50%;top:54px;left:calc(50% - 175px)}.halo:before,.halo:after{content:'';position:absolute;inset:18px;border:1px dashed #fff5;border-radius:50%}.halo:after{inset:42px;border-style:solid}.star{position:absolute;color:#ffc1a2;font-size:32px}.s1{top:45px;left:35px}.s2{bottom:35px;right:60px}.s3{top:105px;right:27px;font-size:19px}.floating{position:absolute;width:205px;height:300px;top:90px;left:calc(50% - 101px);transform:rotate(-10deg);background:linear-gradient(150deg,#172d48,#164a60 65%,#d88161);border:9px solid #f9e7d7;box-shadow:20px 22px 0 #24164066,0 24px 35px #0005;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.floating .bookmark{font-size:56px}.floating .fake-title{font:800 29px/1.1 'Fraunces',Georgia,serif;padding:0 10px}.floating .fake-author{letter-spacing:.2em;font-size:9px;font-weight:800;margin-top:22px}.ribbon{position:absolute;z-index:2;right:-8px;bottom:48px;background:var(--coral);padding:13px 20px;transform:rotate(-8deg);box-shadow:5px 6px 0 #321b46;font:800 15px 'DM Sans',sans-serif;color:#21172b}.bubb{position:absolute;top:32px;right:23px;transform:rotate(7deg);background:var(--bg);padding:13px 16px;border-radius:15px;font-size:12px;font-weight:800;max-width:120px;text-align:center;box-shadow:5px 6px 0 #2d1d4c}.strip{background:#21253a;color:white;padding:19px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.strip strong{font:800 19px 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}.strip em{color:#eec9ba;font-style:normal}.strip span{font-size:12px;color:#d7d4e3}.section{padding:70px 0}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:29px}.sectionhead h2{font:900 clamp(38px,5vw,60px)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:9px 0 0}.sectionhead h2 i{font-family:'Fraunces',serif;font-size:.75em;color:var(--teal);text-transform:none}.textlink{background:transparent;border:0;font-size:13px;font-weight:800;border-bottom:2px solid var(--coral);padding:8px 0;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #24233817}.card-art{height:246px;display:grid;place-items:center;position:relative;overflow:hidden}.card-art.a{background:#d9e2e7}.card-art.b{background:#ecd7d0}.card-art.c{background:#e0d8f0}.cover{height:201px;width:137px;border:5px solid #ffffffbb;box-shadow:11px 14px 0 #25283e33,0 10px 20px #0003;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:15px 10px;text-align:center;color:white;position:relative;transform:rotate(-7deg)}.cover b{font:750 21px/.99 'Fraunces',Georgia,serif;position:relative;z-index:2}.cover small{font-size:8px;letter-spacing:.15em;font-weight:800;position:relative;z-index:2}.cover .glyph{font-size:44px;line-height:1.2;position:relative;z-index:2}.cover.dcc{background:linear-gradient(145deg,#8d381b,#1f1b28)}.cover.will{background:linear-gradient(135deg,#1a263c,#184662)}.cover.cradle{background:linear-gradient(140deg,#721b3d,#b14e49)}.cover.blood{background:linear-gradient(140deg,#203b45,#526c69)}.cover.vain{background:linear-gradient(140deg,#6e377c,#e29f59)}.cover.mage{background:linear-gradient(130deg,#5a486a,#304f8a)}.card-art .sticker{position:absolute;right:11px;top:16px;background:#fff;transform:rotate(9deg);border:2px solid var(--ink);font-weight:900;font-size:10px;padding:6px 9px;border-radius:5px;z-index:3}.cardbody{padding:22px 23px 24px;display:flex;flex-direction:column;flex:1}.cat{font-size:10px;font-weight:800;color:var(--purple);letter-spacing:.12em;text-transform:uppercase}.cardbody h3{font:800 25px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:8px 0}.cardbody p{font-size:13px;color:var(--muted);margin:0 0 24px}.cardfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.pill{background:#eee6fa;color:#4c3472;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:900}.read{font-weight:900;border:0;background:none;color:var(--ink);font-size:12px}.feature{background:var(--pink);padding:72px 0;overflow:hidden}.featuregrid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.feature h2{font:900 clamp(48px,6vw,78px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:18px 0}.feature h2 em{font-family:'Fraunces',serif;text-transform:none;color:var(--purple);font-size:.82em}.feature p{max-width:470px;font-size:16px;line-height:1.7}.list-art{background:#fff8f3;border:2px solid #242338;border-radius:12px;transform:rotate(3deg);box-shadow:15px 15px 0 #f0a994;padding:25px;max-width:440px}.list-art .head{font:900 27px 'Barlow Condensed',sans-serif;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:12px}.list-art .line{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-weight:800;font-size:14px}.list-art .num{font:900 31px 'Barlow Condensed',sans-serif;color:var(--coral)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini{border:1px solid var(--line);border-radius:13px;background:white;padding:28px;position:relative;overflow:hidden;min-height:205px}.mini:nth-child(2){background:var(--lilac)}.mini h3{font:900 32px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0}.mini p{color:var(--muted);font-size:13px;max-width:390px}.arrow{position:absolute;right:18px;bottom:16px;font-size:30px;color:var(--purple)}.newsletter{background:var(--teal);color:white;padding:58px 0}.newslettergrid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.newsletter h2{font:900 clamp(44px,6vw,70px)/.93 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 15px}.newsletter p{margin:0;color:#ebfffe;max-width:430px}.emailform{display:flex;gap:8px}.emailform input{min-width:0;flex:1;border:0;border-radius:8px;padding:14px}.emailform button{border:0;background:var(--ink);color:#fff;padding:14px 18px;border-radius:8px;font-weight:800}.note{font-size:10px;color:#e5fffb;margin-top:10px}.footer{background:#222338;color:white;padding:42px 0 26px}.footergrid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .logo-words{color:#fff}.footnote{font-size:11px;color:#bbb8ce;margin-top:25px;border-top:1px solid #525163;padding-top:18px}.page{display:none}.page.show{display:block}.pageheader{padding:65px 0 37px}.pageheader h1{font:900 clamp(56px,9vw,96px)/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0 13px}.pageheader p{max-width:650px;color:var(--muted);font-size:16px}.filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:23px}.filter{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:99px;font-size:12px;font-weight:800}.filter.on{background:var(--purple);color:#fff;border-color:var(--purple)}.search{margin-left:auto;padding:11px 13px;border:1px solid #d2cbd2;background:#fff;border-radius:8px;min-width:230px}.prose{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(25px,5vw,60px);max-width:900px;margin:0 auto 80px}.prose h1{font:900 clamp(45px,7vw,74px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:12px 0}.prose .deck{font-size:21px;color:#57556a;line-height:1.6}.prose .articlebody{font:18px/1.85 Georgia,serif;color:#363643;max-width:700px}.prose .articlebody p{margin:22px 0}.prose .articlebody h2{font:900 32px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin-top:42px}.meta{font-size:11px;color:var(--purple);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.back{border:0;background:none;padding:5px 0;font-weight:800;color:var(--teal)}.sample{border-left:4px solid var(--coral);background:#fff4ef;padding:12px 15px;font:12px/1.5 'DM Sans',sans-serif;color:#7d483e;margin:22px 0}.empty{padding:38px;background:#fff;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}@media(max-width:900px){.navlinks{gap:13px}.hero{gap:22px}.hero-art{height:400px}.cards{gap:12px}.cardbody{padding:16px}.featuregrid{gap:25px}}@media(max-width:700px){.wrap{padding:0 18px}.nav{min-height:78px}.logo{min-width:0}.logo-words{font-size:25px}.navlinks{display:none;position:absolute;z-index:20;top:116px;left:0;right:0;background:var(--bg);padding:20px;box-shadow:0 12px 24px #0002;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.hero,.featuregrid,.newslettergrid{grid-template-columns:1fr}.hero{padding-top:42px;gap:35px}.hero-art{height:340px;max-width:500px;width:100%;margin:auto}.floating{top:42px}.cards{grid-template-columns:1fr}.card{max-width:450px;width:100%}.card-art{height:260px}.section{padding:48px 0}.feature{padding:55px 0}.sectionhead h2{font-size:44px}.mini-grid{grid-template-columns:1fr}.footergrid{align-items:flex-start;flex-direction:column}.search{margin-left:0;width:100%}.bubb{display:none}.newslettergrid{gap:20px}}

/* V4 visual refinement: crisp contemporary canvas, restrained accents and lighter cards */
:root{--surface:#f5f6fa;--line:#e2e5ed}
body{background:#fff}
.nav{border-bottom-color:#e9ebf1}
.hero{padding-top:72px;padding-bottom:73px}
.hero h1{letter-spacing:-.035em}
.hero h1 .mark{background:linear-gradient(transparent 68%,#fbd9d3 68%)}
.sigil{border-radius:10px;box-shadow:3px 3px 0 var(--purple)}
.hero-art{border-radius:17px 72px 17px 17px}
.bubb{background:#fff;border-radius:9px}
.card{border-radius:10px;border-color:#e7e9f0;box-shadow:0 3px 14px rgba(26,27,51,.035)}
.card:hover{box-shadow:0 14px 27px rgba(26,27,51,.11)}
.card-art.a{background:#e9edf3}.card-art.b{background:#f3e7e7}.card-art.c{background:#eae8f4}
.cardbody{padding:23px 23px 25px}
.pill{background:#f0ecfb}
.feature{background:#f5f6fa;border-top:1px solid #eceef4;border-bottom:1px solid #eceef4}
.list-art{background:#fff;border:1px solid #dddfe8;border-radius:9px;box-shadow:10px 10px 0 #e2e5f0}
.list-art .num{color:#d65e52}
.mini{border-radius:9px;border-color:#e6e8f0}
.mini:nth-child(2){background:#f1edfb}
.prose{border-radius:10px;border-color:#e5e7ed}
.sample{background:#fff2ef}
.search,.emailform input{border-radius:7px}
.btn,.emailform button{border-radius:7px}
.sectionhead h2{letter-spacing:-.015em}
@media(max-width:700px){.hero{padding-top:45px;padding-bottom:48px}.hero-art{border-radius:13px 55px 13px 13px}}

/* V6: typographic publication identity; no standalone icon. */
.logo{gap:0;min-width:232px;align-items:center}
.logo-words{display:flex;flex-direction:column;align-items:flex-start;font:900 33px/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap}
.logo-words .logo-first,.logo-words .logo-last{display:block;color:var(--ink)}
.logo-words .amp{font:italic 750 31px/.75 'Fraunces',Georgia,serif;color:var(--coral);display:inline-block;margin:0 1px 0 3px;transform:rotate(-8deg) translateY(-1px)}
.logo-words .logo-last{letter-spacing:.035em}
.logo-words .logo-line{display:block;margin-top:9px;padding-top:6px;border-top:2px solid var(--coral);font:800 9px/1.15 'DM Sans',sans-serif;letter-spacing:.18em;color:var(--purple)}
.nav{min-height:108px}
.footer .logo-words .logo-first,.footer .logo-words .logo-last{color:#fff}
.footer .logo-words .logo-line{color:#f2a99a}
@media(max-width:700px){.nav{min-height:91px}.logo-words{font-size:29px}.logo-words .amp{font-size:27px}.logo-words .logo-line{font-size:8px}}


.newsletter .formkit-form .formkit-field { display:block !important; width:100% !important; margin-bottom:12px !important; }
.newsletter .formkit-form .formkit-input { display:block !important; visibility:visible !important; opacity:1 !important; width:100% !important; min-height:48px !important; padding:12px 14px !important; background:#fff !important; color:#222338 !important; border:1px solid #c9cbd4 !important; border-radius:7px !important; }
.newsletter .formkit-form .formkit-input::placeholder { color:#626579 !important; opacity:1 !important; }
.newsletter .formkit-form .formkit-submit { background:#222338 !important; color:#fff !important; }

