 :root{--ink:#111;--muted:#777;--maroon:#6b1f2b;--line:#d5d5d5;--paper:#fafafa;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.site-header{height:72px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;position:sticky;top:0;z-index:30;background:rgba(250,250,250,.96);backdrop-filter:blur(8px)}.wordmark{display:flex;align-items:center;width:108px;height:42px}.wordmark img{width:100%;height:auto;object-fit:contain;filter:invert(1)}.main-nav{display:flex;gap:32px;text-transform:uppercase;font:10px var(--mono);letter-spacing:.08em}.main-nav a.current,.main-nav a:hover{text-decoration:underline;text-underline-offset:7px}.menu-toggle{display:none;border:0;background:none;justify-self:end}.menu-toggle span{display:block;width:22px;height:1px;background:#111;margin:5px}.mobile-menu{display:none}main{max-width:var(--max);margin:auto}
.hero{background:#111;color:#fff;min-height:calc(100vh - 72px);padding:35px 30px 30px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.hero-word{width:100%;max-width:1220px}.hero-word img{width:100%;height:auto;object-fit:contain;filter:none}.hero-definition{display:flex;align-items:baseline;gap:14px;max-width:820px;margin:0 0 30px;font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.03em;text-transform:none}.definition-part{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.definition-word{font-family:var(--serif);font-size:18px}.definition-meaning{font-family:var(--serif);font-size:17px;line-height:1.35}.important-notes{border-top:1px solid #111;margin-top:75px;padding-top:1px}.important-notes ul{max-width:760px}.important-notes li{margin:0 0 10px}.recent-issues .editorial h2{margin-bottom:0}
.hero-bottom{display:flex;justify-content:space-between;align-items:end;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}.hero-bottom p{margin:0}.hero-bottom a{border-bottom:1px solid #fff;padding-bottom:6px}
.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:12px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.current{padding:80px 30px 120px}.current-grid{display:grid;grid-template-columns:minmax(380px,560px) 1fr;gap:12%;align-items:center;padding-top:45px}.current-cover{aspect-ratio:8.5/11;display:block;background:#eee;overflow:hidden}.current-cover img{object-fit:contain}.current-copy{max-width:600px}.eyebrow{font:10px var(--mono);letter-spacing:.08em}.current-copy h1{font:500 clamp(60px,8vw,125px)/.84 var(--serif);letter-spacing:-.065em;margin:22px 0 28px}.current-copy p{font:18px/1.5 var(--sans);max-width:470px;color:#444}.text-link,.email-link{display:inline-block;margin-top:24px;border-bottom:1px solid #111;padding-bottom:6px;font:10px var(--mono);text-transform:uppercase}
.editorials{padding:0 30px 120px}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:24px;padding-top:34px}.editorial-feature{grid-row:span 2}.editorial a{display:block}.editorial img{aspect-ratio:4/5;object-fit:cover;transition:transform .5s}.editorial-feature img{aspect-ratio:4/5}.editorial a:hover img{transform:scale(1.02)}.editorial div{padding-top:10px}.editorial span,.editorial p{font:9px var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.editorial h2{font:500 28px var(--serif);margin:5px 0 0}.editorial p{margin:5px 0}
.submit-band{margin:0 30px 120px;border-top:1px solid #111;border-bottom:1px solid #111;padding:45px 0;display:flex;justify-content:space-between;align-items:center}.submit-band span,.about>span,.submission-hero>span,.submission-side>span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.submit-band h2{font:500 clamp(42px,5vw,78px)/.9 var(--serif);letter-spacing:-.05em;margin:15px 0 0}.submit-band>a{border:1px solid #111;padding:13px 17px;font:10px var(--mono);text-transform:uppercase}
.catalogue{border-top:1px solid var(--line);padding:80px 30px 120px}.catalogue-intro{font:27px/1.2 var(--serif);max-width:700px;margin:30px 0 70px}.year-list{display:flex;flex-direction:column}.year-row{display:grid;grid-template-columns:180px 320px 1fr;gap:40px;border-top:1px solid var(--line);padding:35px 0}.year-number{font:500 55px var(--serif);letter-spacing:-.04em}.year-cover{width:240px;aspect-ratio:8.5/11;overflow:hidden;background:#eee}.year-cover img{object-fit:contain}.issue-buttons{display:flex;flex-wrap:wrap;align-content:start;gap:9px}.issue-button{border:1px solid #aaa;padding:9px 11px;font:9px var(--mono);text-transform:uppercase;transition:.2s}.issue-button:hover{background:#111;color:#fff;border-color:#111}
.about{border-top:1px solid var(--line);padding:70px 30px 100px;display:grid;grid-template-columns:1fr 2fr;gap:10%}.about p{font:32px/1.2 var(--serif);letter-spacing:-.025em;margin:0 0 20px;max-width:800px}
footer{border-top:1px solid #111;padding:28px 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}footer .footer-logo{display:block;width:115px}footer .footer-logo img{width:100%;height:auto;filter:invert(1)}footer nav{display:flex;gap:22px;font:9px var(--mono);text-transform:uppercase}footer small{justify-self:end;font:9px var(--mono);color:var(--muted)}
.submission-hero{padding:90px 30px 100px;border-bottom:1px solid var(--line)}.submission-hero>span{display:block}.submission-hero h1{font:500 clamp(80px,13vw,190px)/.8 var(--serif);letter-spacing:-.07em;margin:45px 0}.submission-hero p{font-size:20px;max-width:600px}.submission-content{padding:80px 30px;display:grid;grid-template-columns:1fr 2.2fr;gap:10%}.submission-main h2{font:500 48px var(--serif);letter-spacing:-.04em;margin:0 0 28px;padding-top:65px}.submission-main h2:first-child{padding-top:0}.categories{border-top:1px solid #111}.categories div{border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:55px 1fr;font:10px var(--mono)}.categories b{font:500 31px var(--serif)}.submission-main ul{padding-left:18px;max-width:760px;line-height:1.7;color:#444}.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ways>div{border-top:1px solid #111;padding-top:15px}.ways b{font:10px var(--mono);text-transform:uppercase}.ways p{color:#555}.template{position:relative;background:#f0f0f0;border:1px solid var(--line);padding:25px;margin-top:30px}.template pre{white-space:pre-wrap;font:11px/1.8 var(--mono);margin:0}.template button{position:absolute;right:15px;top:15px;border:0;background:#111;color:#fff;padding:9px;font:9px var(--mono);text-transform:uppercase}
@media(max-width:850px){.hero-definition{display:block;max-width:650px;margin:0 0 28px}.hero-definition span{display:block}.definition-word{font-size:17px;margin-top:2px}.definition-meaning{font-size:16px;max-width:560px}.site-header{grid-template-columns:1fr auto;padding:0 18px}.main-nav{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;display:flex;flex-direction:column;top:72px;left:0;right:0;background:var(--paper);z-index:25;padding:15px 18px;border-bottom:1px solid #111;transform:translateY(-120%);transition:.3s}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font:22px var(--serif);padding:13px 0;border-bottom:1px solid var(--line)}.hero{padding:25px 18px 20px;min-height:80vh}.hero-word{font-size:28vw}.hero-bottom{display:block}.hero-bottom a{display:inline-block;margin-top:25px}.current,.editorials,.catalogue,.about,.submission-content{padding-left:18px;padding-right:18px}.current{padding-top:55px}.current-grid{grid-template-columns:1fr;gap:35px}.current-cover{max-width:550px}.current-copy h1{font-size:65px}.editorial-grid{grid-template-columns:1fr 1fr;gap:18px}.editorial-feature{grid-column:1/-1;grid-row:auto}.editorial-feature img{aspect-ratio:16/10}.submit-band{margin-left:18px;margin-right:18px;display:block}.submit-band>a{display:inline-block;margin-top:25px}.year-row{grid-template-columns:90px 190px 1fr;gap:20px}.year-number{font-size:38px}.year-cover{width:190px;aspect-ratio:8.5/11}.about{grid-template-columns:1fr;gap:30px}.about p{font-size:27px}footer{padding:25px 18px;grid-template-columns:1fr;gap:22px}footer small{justify-self:start}.submission-hero{padding:65px 18px 80px}.submission-content{grid-template-columns:1fr;padding-top:60px}.ways{grid-template-columns:1fr}.submission-side{display:none}}
@media(max-width:600px){.year-row{grid-template-columns:1fr;gap:18px}.year-cover{width:220px;aspect-ratio:8.5/11}.editorial-grid{grid-template-columns:1fr}.editorial-feature{grid-column:auto}.submit-band h2{font-size:45px}}

.issue-button.edition-x{border-color:var(--maroon);color:var(--ink)}.issue-button.edition-x::before{content:'X / ';color:var(--maroon)}.issue-button:not(.edition-x){border-color:#111}

.creator-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:10px}
.creator-features>div{border-top:1px solid #111;padding-top:15px}
.creator-features span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.creator-features h3{font:500 32px var(--serif);letter-spacing:-.035em;margin:10px 0}
.creator-features p{color:#555;line-height:1.55;margin:0;max-width:480px}
@media(max-width:850px){.creator-features{grid-template-columns:1fr}}

/* Creator / cover / promotional features */
.feature-section{margin:95px 0 25px;padding:70px 0 10px;border-top:1px solid #111}
.feature-intro>span,.feature-tag,.promotion-label,.cover-heading>span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.feature-intro h2{font:500 clamp(54px,7vw,105px)/.86 var(--serif);letter-spacing:-.06em;margin:18px 0 22px}
.feature-intro h2 em{font-style:italic}
.feature-intro p{max-width:650px;color:#555;line-height:1.6;margin:0 0 45px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#111;border:1px solid #111}
.feature-card{background:#fafafa;min-height:370px;padding:25px 28px 30px;display:flex;flex-direction:column}
.feature-card-dark{background:#111;color:#fff}
.feature-number{font:10px var(--mono);margin-bottom:65px}
.feature-tag{margin-bottom:12px}
.feature-card h3{font:500 clamp(45px,5vw,76px)/.82 var(--serif);letter-spacing:-.055em;margin:0}
.feature-card h4{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:15px 0 20px;font-weight:400}
.feature-card p{font-size:14px;line-height:1.55;max-width:470px;margin-top:auto;color:#555}
.feature-card-dark p{color:#bbb}
.cover-features{border-top:1px solid #111;margin-top:75px;padding-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:50px}
.cover-heading h3{font:500 clamp(38px,4vw,58px)/.9 var(--serif);letter-spacing:-.045em;margin:15px 0}
.cover-items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.cover-items>div{border-top:1px solid #aaa;padding-top:12px}
.cover-items b{font:10px var(--mono);letter-spacing:.05em}
.cover-items p{font-size:13px;line-height:1.5;color:#555}
.promotion-feature{margin-top:65px;border:1px solid #111;padding:28px;display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:start}
.promotion-feature h3{font:500 clamp(34px,4vw,55px)/.9 var(--serif);letter-spacing:-.045em;margin:0 0 15px}
.promotion-feature p{font-size:14px;line-height:1.6;color:#555;max-width:650px;margin:0}
@media(max-width:850px){
 .feature-section{margin-top:70px;padding-top:50px}
 .feature-grid{grid-template-columns:1fr}
 .feature-card{min-height:330px}
 .cover-features,.promotion-feature{grid-template-columns:1fr;gap:25px}
 .cover-items{grid-template-columns:1fr}
}

/* Final visual adjustments */
.section-top{font-size:11px}
.hero-bottom{font-size:11px}
.eyebrow{font-size:11px}
.editorial span,.editorial p{font-size:11px}
.issue-button{font-size:11px;border-color:#111}
.issue-button.edition-x{border-color:var(--maroon);color:var(--ink)}
.issue-button.edition-x::before{color:var(--maroon)}
.categories div{font-size:11px}
.categories .category-maroon{color:var(--maroon);border-color:var(--line)}
.categories .category-maroon b{color:var(--maroon)}
.ways b{font-size:11px}
.template pre{font-size:12px}
.template button{font-size:10px}
.submit-band span,.about>span,.submission-hero>span,.submission-side>span{font-size:11px}
.feature-intro>span,.feature-tag,.promotion-label,.cover-heading>span{font-size:11px}
.feature-number{font-size:11px}
.cover-items b{font-size:11px}
footer{grid-template-columns:1fr auto auto auto;gap:28px}
footer nav{font-size:11px}
footer small{font-size:11px}
.footer-social{display:flex;gap:18px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}
.footer-social a{border-bottom:1px solid transparent}
.footer-social a:hover{border-bottom-color:currentColor}
.email-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
.email-cta .email-link{margin-top:0}
.email-address{font:12px var(--mono);border-bottom:1px solid var(--line);padding-bottom:6px}
@media(max-width:850px){footer{grid-template-columns:1fr;gap:18px}.footer-social{flex-wrap:wrap}.email-cta{gap:15px}}

/* v2 readability + PRAZE accents */
:root{--maroon:#6f1d2c}

/* Raise the baseline for small editorial UI text. */
.section-top,.eyebrow,.hero-bottom,.main-nav,.text-link,.email-link,
.submit-band>div>span,.about>span,.submission-hero>span,.submission-side>span,
.categories div,.ways b,.template pre,.template button,.issue-button,
footer nav,footer small,.feature-intro>span,.feature-tag,.promotion-label,
.cover-heading>span,.feature-number,.feature-card h4,.cover-items b{
  font-size:12px;
}
.editorial span,.editorial p{font-size:11px}
.main-nav{font-size:11px}
.mobile-menu a{font-size:24px}

.issue-button{
  border-color:#111;
  color:#111;
}
.issue-button.edition-x{
  border-color:var(--maroon);
  color:var(--maroon);
}
.issue-button.edition-x::before{
  color:var(--maroon);
}
.issue-button.edition-x:hover{
  background:var(--maroon);
  border-color:var(--maroon);
  color:#fff;
}
.issue-button.edition-x:hover::before{color:#fff}

.categories .category-x{
  color:var(--maroon);
  border-bottom-color:rgba(111,29,44,.45);
}
.categories .category-x b{color:var(--maroon)}

.email-contact{
  display:flex;
  align-items:flex-end;
  gap:18px;
  flex-wrap:wrap;
  margin-top:24px;
}
.email-contact .email-link{margin-top:0}
.email-address{
  font:12px var(--mono);
  padding-bottom:6px;
  color:#444;
}

.footer-social{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
  font:11px var(--mono);
  text-transform:uppercase;
}
.footer-social a{border-bottom:1px solid transparent;padding-bottom:3px}
.footer-social a:hover{border-bottom-color:#111}

@media(max-width:850px){
  footer{grid-template-columns:1fr;}
  .footer-social{gap:14px}
}

/* Footer alignment fix */
footer{
  border-top:1px solid #111;
  padding:28px 30px;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:28px;
}

footer .footer-logo{
  display:flex;
  align-items:center;
  width:115px;
  margin:0;
  padding:0;
}

footer .footer-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:invert(1);
}

footer nav,
.footer-social{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0;
  padding:0;
}

footer nav a,
.footer-social a{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:4px 0;
  line-height:1;
  border-bottom:1px solid transparent;
}

footer nav a:hover,
.footer-social a:hover{
  border-bottom-color:#111;
}

footer small{
  display:block;
  justify-self:end;
  align-self:center;
  margin:0;
  padding:4px 0;
  line-height:1;
}

@media(max-width:850px){
  footer{
    padding:25px 18px;
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }

  footer nav,
  .footer-social{
    flex-wrap:wrap;
    gap:14px 18px;
  }

  footer small{
    justify-self:start;
  }
}

/* Dynamic Recent Issues */
.recent-issues .editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.recent-issues .editorial,.recent-issues .editorial-feature{grid-column:auto;grid-row:auto}
.recent-issues .editorial img,.recent-issues .editorial-feature img{aspect-ratio:8.5/11;object-fit:contain}
@media(max-width:850px){.recent-issues .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.recent-issues .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-issues .editorial h2{font-size:20px}.recent-issues .editorial span,.recent-issues .editorial p{font-size:10px}}
