/*
Theme Name: Hyssh Publishing – Allas bokförlag
Author: Hyssh Publishing
Description: Ett redigerbart WordPress-tema för Hyssh Publishing med böcker, författare, film och priskalkylator.
Version: 1.0.0
Text Domain: hyssh
*/
:root{--ink:#111;--paper:#f2f0ea;--red:#b63f30;--line:#cfccc3;--muted:#6c6962}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,88vw);margin:auto}.site-header{height:96px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:.12em}.brand img{width:82px;filter:brightness(0) invert(1)}.nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav a:last-child{border:1px solid #ffffff75;padding:12px 17px}.hero{min-height:720px;height:calc(100vh - 0px);position:relative;color:#fff;display:flex;align-items:center;background-size:cover;background-position:center}.home .site-header{position:absolute;inset:0 0 auto;background:transparent;border-bottom:1px solid #ffffff35}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0004 62%,#0007)}.hero-content{position:relative;z-index:2;max-width:820px;margin-left:8vw}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--red)}.hero .eyebrow{color:#fff}.hero h1,.page-hero h1,.detail h1{font:400 clamp(55px,8vw,120px)/.9 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.hero p{max-width:600px;font-size:22px;line-height:1.5}.button{display:inline-flex;padding:16px 22px;border:1px solid;margin-top:20px}.button.light{background:#fff;color:#111}.button.dark{background:#111;color:#fff}.section{padding:clamp(75px,9vw,140px) 6vw}.intro-grid,.detail{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section h2{font:400 clamp(42px,6vw,85px)/1 Georgia,serif;margin:0}.lead{font:24px/1.5 Georgia,serif}.section p{line-height:1.7}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:55px 30px}.book-cover{aspect-ratio:.67;background:#d9d2c2;box-shadow:0 18px 35px #0002;display:flex;flex-direction:column;padding:10%;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:cover;margin:-11%;max-width:none;width:122%;height:122%}.book-cover strong{font:30px/1 Georgia,serif;margin:auto 0 14px}.book-copy h3{font:26px Georgia,serif;margin:14px 0}.book-copy p{font-size:14px;color:var(--muted)}.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.author-card{background:#fff;padding:25px}.portrait{aspect-ratio:1;background:#d6d0c4;display:grid;place-items:center;font:54px Georgia,serif;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.author-card h3{font:28px Georgia,serif}.page-hero{padding:120px 6vw;background:#d9d3c8}.page-hero p{max-width:700px;font:22px/1.5 Georgia,serif}.detail{align-items:start}.detail .book-cover{max-width:430px}.detail-copy h1{font-size:clamp(50px,7vw,95px)}.video{aspect-ratio:16/9;margin:35px 0}.video iframe{width:100%;height:100%;border:0}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.calculator-card{background:#fff;padding:45px}.calculator-card label{display:block;margin:25px 0;font-weight:bold}.calculator-card input{width:100%}.results{border-top:1px solid var(--line);margin-top:30px}.results p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.site-footer{background:#080808;color:#fff;padding:80px 6vw 30px}.site-footer h2{font:55px Georgia,serif}.footer-bottom{border-top:1px solid #ffffff33;padding-top:25px;margin-top:60px;display:flex;gap:30px;flex-wrap:wrap}.menu-toggle{display:none}@media(max-width:900px){.book-grid{grid-template-columns:repeat(2,1fr)}.author-grid{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;top:96px;left:0;right:0;background:#111;padding:25px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block;background:none;border:0;color:#fff;font-size:28px}.intro-grid,.detail,.calculator{grid-template-columns:1fr}}@media(max-width:520px){.book-grid,.author-grid{grid-template-columns:1fr}.hero-content{margin:0 24px}.site-header{height:78px}.nav{top:78px}.section,.page-hero{padding-left:24px;padding-right:24px}}