/* Brama na Żeromskiego — Tom 1: Cień Ewy */
:root{
  --bg:#0e0b08;
  --fg:#efe8dc;
  --muted:#a89a83;
  --card:#171310;
  --border:#2a231d;
  --primary:#d19a3f;
  --primary-2:#e8b855;
  --blood:#7a1f14;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
body{
  background-image:
    radial-gradient(ellipse at top,rgba(60,45,30,.55),transparent 60%),
    radial-gradient(ellipse at bottom,rgba(80,20,15,.35),transparent 70%);
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.display{font-family:'Cormorant Garamond',serif;font-weight:700;letter-spacing:-.02em;line-height:.95}
.ember{background:linear-gradient(180deg,#f0cf78 0%,#a25518 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.wrap{margin:0 auto;padding:0 1.5rem;width:100%}
.wrap-md{max-width:1120px}
.wrap-sm{max-width:820px}
.center{text-align:center}

.section{padding:8rem 0;position:relative}
@media (max-width:640px){.section{padding:5rem 0}}

.section-head{margin-bottom:4rem}
.section-head .display{font-size:clamp(2.5rem,5vw,4rem)}
.section-head.center,.center .section-head{text-align:center}

.kicker{display:flex;align-items:center;gap:.75rem;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--primary);font-weight:500;margin-bottom:1rem}
.kicker.center{justify-content:center}
.rule{display:inline-block;height:1px;width:2rem;background:var(--primary)}
.rule.dark{background:var(--primary);width:3rem;margin-bottom:1rem}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;filter:blur(28px) saturate(1.2)}
.hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,8,.7),rgba(14,11,8,.9) 60%,var(--bg))}
.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:6rem 1.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;width:100%}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr;gap:3rem;padding:5rem 1.5rem}}
.hero-copy .display{font-size:clamp(3.5rem,9vw,7rem)}
.hero-na{display:block;font-family:'Cormorant Garamond',serif;color:var(--muted);font-style:italic;font-size:.55em;margin:.25rem 0}
.lede{font-size:1.15rem;color:var(--muted);max-width:34rem;margin:1.75rem 0 .5rem;font-weight:300}
.lede em{color:#e8dcc4;font-style:normal;border-bottom:1px solid rgba(209,154,63,.4);padding-bottom:2px}
.byline{font-size:.85rem;color:rgba(168,154,131,.7);letter-spacing:.05em;margin-bottom:2.5rem}
.cta-row{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--primary);color:#161009;padding:1rem 2rem;font-weight:500;letter-spacing:.03em;transition:all .2s;border:none;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--primary-2);transform:translateY(-1px)}
.btn span{opacity:.6;transition:transform .2s}
.btn:hover span{transform:translateX(4px)}
.btn.big{padding:1.25rem 2.5rem;font-size:1.1rem}
.ghost{font-size:.9rem;color:var(--muted);letter-spacing:.02em;transition:color .2s}
.ghost:hover{color:var(--fg)}

.hero-cover{position:relative;max-width:420px;margin:0 auto}
.hero-glow{position:absolute;inset:-2rem;background:radial-gradient(circle,rgba(209,154,63,.2),transparent 70%);filter:blur(40px)}
.hero-cover img{position:relative;box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 60px rgba(209,154,63,.12)}

/* BOHATEROWIE */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media (max-width:768px){.grid-2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);padding:3rem;position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.card:hover{transform:translateY(-8px) rotate(-.6deg);box-shadow:0 30px 60px -20px rgba(209,154,63,.3)}
.char .edge{position:absolute;top:0;height:100%;width:3px;background:var(--primary);opacity:.6;transition:opacity .3s}
.char:hover .edge{opacity:1}
.char.left .edge{left:0}
.char.right .edge{right:0}
.mini{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.name{font-family:'Cormorant Garamond',serif;font-size:clamp(3.5rem,7vw,5rem);font-weight:700;line-height:1;margin-bottom:1rem}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.tags span{font-size:.72rem;padding:.35rem .75rem;border:1px solid var(--border);color:var(--muted);letter-spacing:.05em}
.char-lines p{font-size:1.1rem;color:rgba(239,232,220,.85);font-weight:300;margin-bottom:.4rem}
.char-lines p.accent{color:var(--primary);font-style:italic;padding-top:.75rem}

/* BAND */
.band{background:rgba(23,19,16,.5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.band-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.18;filter:grayscale(.4)}
.band-bg.soft{opacity:.12}
.band-veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(14,11,8,.7) 50%,var(--bg))}
.band .wrap{position:relative;z-index:1}

.big-quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4.5vw,3.75rem);line-height:1.15;margin:4rem 0 5rem;font-weight:500}
.big-quote .qmark{color:var(--primary);font-size:1.4em;line-height:0;vertical-align:-.15em;margin-right:.1em}
.big-quote .sub{display:block;color:var(--muted);font-style:italic;margin-top:1.5rem;font-size:.72em}

.genres{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:32rem;margin:0 auto}
.genre{display:flex;flex-direction:column;align-items:center;gap:.75rem}
.genre .ring{width:3.5rem;height:3.5rem;border:1px solid rgba(209,154,63,.4);border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.4rem;transition:all .3s}
.genre:hover .ring{border-color:var(--primary);background:rgba(209,154,63,.08)}
.genre span{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(239,232,220,.85)}

/* GALLERY */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:768px){.gallery{grid-template-columns:1fr}}
.gallery figure{aspect-ratio:3/4;overflow:hidden;background:var(--card);position:relative}
.gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.gallery figure:hover img{transform:scale(1.05)}

/* FEATURES */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
@media (max-width:768px){.features{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.features{grid-template-columns:1fr}}
.feat{background:var(--card);padding:2.5rem 2rem;transition:background .3s}
.feat:hover{background:rgba(209,154,63,.05)}
.feat .ico{color:var(--primary);font-size:1.5rem;margin-bottom:1rem}
.feat .ft{font-family:'Cormorant Garamond',serif;font-size:1.65rem;font-weight:600;margin-bottom:.25rem}
.feat .fd{font-size:.9rem;color:var(--muted)}

/* PULL QUOTE */
.quote-section{padding:10rem 0}
.big-qmark{font-family:'Cormorant Garamond',serif;color:var(--primary);font-size:8rem;line-height:.4;opacity:.4;margin-bottom:1rem}
.pull-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:1.4;color:rgba(239,232,220,.95);max-width:44rem;margin:0 auto}
.cite{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}
.cite cite{font-style:normal;font-weight:500;letter-spacing:.02em}
.cite-sub{font-size:.72rem;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-top:.5rem}

/* CTA */
.cta-section{border-top:1px solid var(--border)}
.cta-section .kicker{margin-bottom:1.5rem;justify-content:center}
.display.xxl{font-size:clamp(3rem,7vw,5.5rem);margin-bottom:2rem}
.cta-section .lede{margin:0 auto 3rem;text-align:center}
.email-note{margin-top:2rem;font-size:.9rem;color:var(--muted)}
.email-note a{color:var(--primary);border-bottom:1px solid transparent;transition:border .2s}
.email-note a:hover{border-color:var(--primary)}

/* FOOTER */
.foot{padding:3rem 1.5rem;border-top:1px solid var(--border);text-align:center}
.foot-title{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--muted);margin-bottom:.5rem}
.foot-copy{font-size:.72rem;color:rgba(168,154,131,.6);letter-spacing:.05em}