@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap');:root{--ink:#06111c;--ink-soft:#122333;--ice:#3ec6ff;--muted:#9eb3c1;--line:rgba(255,255,255,.14);--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7fbfd;font-family:var(--body);font-size:1rem;line-height:1.7}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.launch-bar{position:fixed;inset:0 0 auto 0;z-index:30;min-height:38px;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem 1rem;color:#d9ebf4;background:#02080d;border-bottom:1px solid rgba(62,198,255,.25);font-size:.76rem;text-align:center}.launch-bar strong{color:white}.launch-bar a{margin-left:.45rem;color:var(--ice);font-weight:700}.launch-dot{width:7px;height:7px;border-radius:50%;background:var(--ice);box-shadow:0 0 14px rgba(62,198,255,.8)}.site-header{position:fixed;inset:38px 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 clamp(1.25rem,4vw,4.5rem);color:white;transition:.35s}.site-header.scrolled{height:66px;background:rgba(4,13,22,.9);box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(15px)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-size:1.25rem}.brand b{color:var(--ice)}.brand-mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border:1px solid rgba(255,255,255,.48);border-radius:50%;color:var(--ice);font-size:.82rem}.site-nav{display:flex;gap:2rem}.site-nav a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.88rem;font-weight:600}.menu-button{display:none;border:0;background:transparent;padding:.5rem}.menu-button>span:not(.sr-only){display:block;width:24px;height:2px;margin:5px 0;background:white}.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:3rem;overflow:hidden;padding:9.5rem clamp(1.25rem,8vw,9rem) 5rem;color:white;background:radial-gradient(circle at 73% 47%,rgba(26,156,212,.25),transparent 28%),linear-gradient(120deg,#03090f 4%,#071827 58%,#0b2231 100%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.98),rgba(3,9,15,.6) 48%,rgba(3,9,15,.14)),url("https://costerpublishing.srcg4bpbnt.chatgpt.site/assets/cover-spread.webp") center/cover;opacity:.18;filter:grayscale(1) contrast(1.2)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px}.hero-copy,.book-stage,.scroll-cue{position:relative;z-index:2}.hero-copy{max-width:730px}.eyebrow{margin:0 0 1.15rem;color:var(--ice);font-size:.77rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.release-label{display:inline-flex;margin:0 0 1rem;padding:.45rem .7rem;border:1px solid rgba(62,198,255,.38);color:#d9f4ff;background:rgba(62,198,255,.08);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;font-family:var(--display);text-transform:uppercase;line-height:.9}h1{font-size:clamp(4.4rem,10vw,9.5rem);letter-spacing:-.045em}h1 span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55)}.hero-intro{max-width:570px;margin:1.8rem 0 2rem;color:#d4e1e8;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.65}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.45rem;border:1px solid transparent;text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.04em;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#03111b;background:var(--ice);box-shadow:0 12px 34px rgba(62,198,255,.2)}.text-link{color:white;text-decoration:none;font-size:.9rem;font-weight:600}.text-link span{color:var(--ice)}.book-stage{justify-self:center;width:min(31vw,380px);perspective:1000px}.book-stage img{position:relative;z-index:2;width:100%;border-radius:2px 7px 7px 2px;box-shadow:-16px 18px 45px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-7deg) rotateZ(1.2deg)}.book-stage:before{content:"";position:absolute;z-index:3;inset:0 auto 0 3px;width:8px;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,255,255,.18),transparent);transform:rotateY(-7deg) rotateZ(1.2deg)}.book-glow{position:absolute;inset:12% -15%;border-radius:50%;background:rgba(21,162,220,.32);filter:blur(70px)}.book-stage p{position:relative;z-index:3;color:var(--muted);text-align:center;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.scroll-cue{position:absolute;left:clamp(1.25rem,4vw,4.5rem);bottom:1.6rem;display:flex;gap:.75rem;align-items:center;color:var(--muted);font-size:.68rem;text-transform:uppercase}.scroll-cue span{width:34px;height:1px;background:var(--ice)}.section-pad{padding:clamp(5rem,10vw,9rem) clamp(1.25rem,8vw,9rem)}.story{position:relative;overflow:hidden;background:#f7fbfd}.section-number{position:absolute;right:5vw;top:2.5rem;color:rgba(7,17,28,.045);font-family:var(--display);font-weight:800;font-size:clamp(8rem,18vw,16rem)}.story-heading{position:relative;max-width:950px}h2{color:var(--ink);font-size:clamp(3.1rem,6.2vw,6.6rem);letter-spacing:-.025em}.story-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:clamp(3rem,8vw,8rem);align-items:end;margin-top:clamp(3rem,6vw,6rem)}.story-copy{max-width:710px}.story-copy p{color:#425565}.lead{color:var(--ink)!important;font-size:clamp(1.15rem,1.75vw,1.45rem);line-height:1.6}.book-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-top:2rem;border-top:1px solid #cddce4;margin-top:2.4rem}.book-facts dt{color:#748896;font-size:.69rem;text-transform:uppercase}.book-facts dd{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:600;text-transform:uppercase}.quote-card{position:relative;margin:0;padding:3.8rem 2.7rem 2.7rem;color:white;background:var(--ink-soft);box-shadow:18px 20px 0 #d7edf6}.quote-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(62,198,255,.25);transform:translate(-9px,-9px)}.quote-mark{position:absolute;top:-.5rem;left:1.5rem;color:var(--ice);font:6rem/1 Georgia}.quote-card p{margin:0;font-family:var(--display);font-size:clamp(2.3rem,4vw,4rem);line-height:1;text-transform:uppercase}.quote-card footer{margin-top:1.5rem;color:var(--muted);font-size:.75rem}.realm{display:grid;grid-template-columns:1fr 1fr;min-height:740px;color:white;background:#06111c}.realm-image{min-height:620px;background-image:linear-gradient(90deg,rgba(6,17,28,.05) 48%,#06111c 100%),url("https://costerpublishing.srcg4bpbnt.chatgpt.site/assets/de-nieuwe-koning-cover.webp");background-position:center,67% 58%;background-size:cover,cover;background-repeat:no-repeat;filter:contrast(1.06)}.realm-content{align-self:center;padding-left:clamp(2rem,5vw,6rem)}.realm-content h2{color:white;font-size:clamp(3rem,5.4vw,5.7rem)}.realm-content>p:not(.eyebrow){max-width:670px;color:#b9cbd5}.series-badge{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;padding:.9rem 1.2rem;border:1px solid var(--line)}.series-badge>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ice);border-radius:50%;color:var(--ice);font-family:var(--display);font-size:1.5rem}.series-badge div{display:grid}.series-badge strong{font-family:var(--display);font-size:1.18rem;text-transform:uppercase}.series-badge small{color:var(--muted)}.author{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(3rem,9vw,10rem);background:white}.author-title h2{font-size:clamp(4rem,8vw,8rem)}.author-copy{max-width:720px;border-left:1px solid #d8e5eb;padding-left:clamp(1.6rem,4vw,4rem)}.author-copy p:not(.lead){color:#526573}.release{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:clamp(3rem,9vw,10rem);align-items:start;color:white;background:linear-gradient(135deg,#07111c,#0a2131)}.release-kicker{position:sticky;top:9rem;display:grid;width:min-content;padding-left:1.35rem;border-left:3px solid var(--ice);font-family:var(--display);line-height:.85;text-transform:uppercase}.release-month{color:white;font-size:clamp(3.4rem,7vw,7rem);font-weight:700}.release-year{color:transparent;-webkit-text-stroke:1px rgba(62,198,255,.75);font-size:clamp(4.5rem,9vw,9rem);font-weight:800}.release-copy{max-width:820px}.release-copy h2{color:white}.release-copy .lead{margin-top:2rem;color:white!important}.release-copy>p:not(.eyebrow):not(.lead){color:#b9cbd5}.release-status{display:inline-flex;align-items:center;gap:.7rem;margin:1rem 0 2.5rem;padding:.7rem 1rem;border:1px solid rgba(62,198,255,.3);color:#dff6ff}.release-status span{width:8px;height:8px;border-radius:50%;background:var(--ice)}.release-details{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:1rem;padding-top:1.7rem;border-top:1px solid var(--line)}.release-details dt{color:var(--muted);font-size:.68rem;text-transform:uppercase}.release-details dd{margin:0;font-family:var(--display);font-size:1.05rem;font-weight:600;text-transform:uppercase}.release-order{margin-top:2rem}.closing{position:relative;min-height:640px;display:grid;place-items:center;overflow:hidden;padding:5rem 1.25rem;text-align:center;color:white;background:#07111c}.closing:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(2,8,14,.68),rgba(2,8,14,.92)),url("https://costerpublishing.srcg4bpbnt.chatgpt.site/assets/cover-spread.webp") center 33%/cover;filter:grayscale(.65);transform:scale(1.03)}.closing-copy{position:relative;z-index:1;max-width:900px}.closing h2{color:white}.closing p:not(.eyebrow){margin:1.5rem 0 2rem;color:#c4d3db}.button-light{color:var(--ink);background:white}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem clamp(1.25rem,4vw,4.5rem);color:#a8bbc7;background:#02070c;font-size:.76rem}.site-footer p{margin:0}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}@media(max-width:900px){.site-header{height:66px}.menu-button{position:relative;z-index:2;display:block}.site-nav{position:fixed;inset:0;flex-direction:column;justify-content:center;align-items:center;gap:2.2rem;visibility:hidden;opacity:0;background:rgba(3,10,17,.97)}.site-nav.open{visibility:visible;opacity:1}.site-nav a{font-family:var(--display);font-size:2.2rem;text-transform:uppercase}.hero{grid-template-columns:1fr .62fr;gap:1.5rem;padding-top:8rem}.story-grid{grid-template-columns:1fr}.realm{grid-template-columns:1fr}.realm-image{min-height:500px}.author{grid-template-columns:1fr}.author-copy{padding-left:0;border-left:0}.release{grid-template-columns:1fr}.release-kicker{position:static}}@media(max-width:640px){.launch-bar{min-height:56px;flex-wrap:wrap}.site-header{inset-block-start:56px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:10rem}.book-stage{width:min(66vw,320px)}.scroll-cue{display:none}.book-facts,.release-details{grid-template-columns:1fr}.realm-image{min-height:420px}.site-footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.upcoming{position:relative;overflow:hidden;background:#eef6f9}.upcoming:before{content:"COMING NEXT";position:absolute;right:-.02em;top:.08em;color:rgba(7,17,28,.035);font-family:var(--display);font-size:clamp(7rem,17vw,17rem);font-weight:800;line-height:1;white-space:nowrap}.upcoming-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}.upcoming-head h2{max-width:800px}.upcoming-head>p:last-child{max-width:520px;color:#526573;font-size:1.1rem}.upcoming-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem)}.upcoming-card{position:relative;min-height:610px;padding:clamp(2rem,4vw,4rem);overflow:hidden;color:white;background:#081723}.upcoming-card.huskania-next{background:linear-gradient(145deg,#0a2131,#06111c)}.upcoming-card:after{content:"";position:absolute;right:-110px;bottom:-110px;width:300px;height:300px;border:1px solid rgba(62,198,255,.14);border-radius:50%}.upcoming-no{position:absolute;right:1.7rem;top:.5rem;color:rgba(255,255,255,.05);font-family:var(--display);font-size:9rem;font-weight:800;line-height:1}.upcoming-card h3{position:relative;margin:.5rem 0 2rem;color:white;font-family:var(--display);font-size:clamp(3rem,5vw,5.5rem);line-height:.9;text-transform:uppercase}.upcoming-card>p:not(.eyebrow){position:relative;max-width:650px;color:#b9cbd5}.upcoming-card .upcoming-lead{color:white!important;font-size:1.2rem}.upcoming-card dl{position:absolute;left:clamp(2rem,4vw,4rem);right:clamp(2rem,4vw,4rem);bottom:clamp(2rem,4vw,4rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--line)}.upcoming-card dt{color:#8197a5;font-size:.68rem;text-transform:uppercase}.upcoming-card dd{margin:0;font-family:var(--display);font-size:1.05rem;text-transform:uppercase}.coming-mark{display:inline-flex;align-items:center;gap:1rem;margin-top:1.5rem}.coming-mark>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--ice);border-radius:50%;color:var(--ice);font-family:var(--display);font-size:1.7rem}.coming-mark div{display:grid}.coming-mark strong{font-family:var(--display);font-size:1.35rem;text-transform:uppercase}.coming-mark small{color:#8197a5}@media(max-width:800px){.upcoming-head,.upcoming-grid{grid-template-columns:1fr}.upcoming-card{min-height:650px}}.huskania-next{padding:0!important;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1fr);min-height:610px}.huskania-teaser-art{position:relative;min-height:610px;overflow:hidden;background:#06111c}.huskania-teaser-art img{width:100%;height:100%;object-fit:cover;object-position:center}.huskania-teaser-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(6,17,28,.85) 100%)}.huskania-teaser-copy{position:relative;padding:clamp(2rem,4vw,4rem);padding-bottom:8rem}.huskania-next .upcoming-no{z-index:2}.huskania-next dl{left:calc(43.8% + clamp(2rem,4vw,4rem));right:clamp(2rem,4vw,4rem)}@media(max-width:1050px){.huskania-next{grid-template-columns:1fr}.huskania-teaser-art{min-height:520px}.huskania-next dl{left:clamp(2rem,4vw,4rem)}.huskania-teaser-copy{min-height:570px}}
.book-teaser-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem)}.book-teaser{display:grid;grid-template-columns:minmax(190px,.72fr) 1fr;min-height:540px;overflow:hidden;color:white;background:#071723;text-decoration:none;box-shadow:0 24px 60px rgba(6,17,28,.12);transition:transform .25s,box-shadow .25s}.book-teaser:hover{transform:translateY(-5px);box-shadow:0 30px 70px rgba(6,17,28,.2)}.teaser-cover{min-height:540px;overflow:hidden}.teaser-cover img{width:100%;height:100%;object-fit:cover}.adriana-teaser .teaser-cover img{object-position:76% center}.huskania-teaser .teaser-cover img{object-position:center}.teaser-info{padding:clamp(2rem,3vw,3.2rem);align-self:center}.teaser-info h3{margin:.4rem 0 1.6rem;font-family:var(--display);font-size:clamp(2.8rem,4vw,4.6rem);line-height:.9;text-transform:uppercase}.teaser-info p:not(.eyebrow){color:#b9cbd5}.teaser-link{display:inline-block;margin-top:1.5rem;color:var(--ice);font-weight:700}.book-page{margin:0;background:#06111c;color:white}.book-page-nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(255,255,255,.12);background:#07131e}.book-page-nav>a:last-child{color:#b9cbd5;text-decoration:none;font-size:.85rem}.book-page-hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(3rem,7vw,8rem);padding:clamp(3rem,6vw,6rem) clamp(1.25rem,8vw,9rem);background:radial-gradient(circle at 18% 48%,rgba(62,198,255,.12),transparent 30%),linear-gradient(135deg,#06111c,#0b2030)}.book-page-cover{justify-self:center;width:min(100%,520px);max-height:76vh;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.45)}.book-page-cover img{width:100%;height:100%;max-height:76vh;object-fit:cover}.adriana-page .book-page-cover img{object-position:76% center}.book-page-copy{max-width:780px}.book-page-copy h1{font-size:clamp(4rem,8vw,8rem)}.book-page-copy h1 span{-webkit-text-stroke:1px rgba(255,255,255,.6)}.book-page-tagline{margin:2rem 0;color:white;font-family:var(--display);font-size:clamp(1.7rem,2.7vw,2.7rem);line-height:1.1;text-transform:uppercase}.book-page-lead{color:white!important;font-size:1.25rem}.book-page-copy>p:not(.eyebrow):not(.book-page-tagline):not(.book-page-lead){color:#b9cbd5}.page-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15)}.page-facts dt{color:#8197a5;font-size:.68rem;text-transform:uppercase}.page-facts dd{margin:0;font-family:var(--display);font-size:1.05rem;text-transform:uppercase}@media(max-width:1000px){.book-teaser-grid{grid-template-columns:1fr}.book-page-hero{grid-template-columns:1fr}.book-page-cover{width:min(78vw,500px)}}@media(max-width:650px){.book-teaser{grid-template-columns:1fr}.teaser-cover{min-height:520px}.book-page-nav>a:last-child{font-size:0}.book-page-nav>a:last-child:after{content:"← Terug";font-size:.8rem}.page-facts{grid-template-columns:1fr}}
.next-books{background:#eef6f9}.next-books-head{max-width:900px}.next-books-head>p:last-child{color:#526573}.next-book-links{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:3rem;background:#cadbe3}.next-book-links a{display:grid;gap:.35rem;padding:2rem 2.2rem;background:#071723;color:white;text-decoration:none}.next-book-links strong{font-family:var(--display);font-size:clamp(1.8rem,3vw,3rem);text-transform:uppercase}.next-book-links span{color:var(--ice)}@media(max-width:700px){.next-book-links{grid-template-columns:1fr}}
.title-site{background:#f7fbfd}.book-header{background:rgba(4,13,22,.94);backdrop-filter:blur(14px)}.title-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);align-items:center;gap:clamp(2rem,6vw,7rem);overflow:hidden;padding:10rem clamp(1.25rem,8vw,9rem) 5rem;color:white;background:#06111c}.title-hero-bg{position:absolute;inset:0;opacity:.3;filter:blur(1px);transform:scale(1.04)}.adriana-title-hero .title-hero-bg{background:linear-gradient(90deg,#03101c 5%,rgba(3,16,28,.83) 46%,rgba(3,16,28,.35)),url("Adriana cover voor Bijzondere vrienden.png") 75% center/cover}.huskania2-title-hero .title-hero-bg{background:linear-gradient(90deg,#03100c 5%,rgba(3,16,18,.82) 48%,rgba(3,16,18,.3)),url("huskania2-teaser.jpg") center/cover}.title-hero-copy,.title-cover{position:relative;z-index:2}.title-hero-copy{max-width:800px}.title-hero h1{font-size:clamp(4rem,8.5vw,8.5rem)}.title-hero h1 span{-webkit-text-stroke:1.5px rgba(255,255,255,.6)}.title-cover{justify-self:center;width:min(31vw,410px);box-shadow:0 35px 80px rgba(0,0,0,.55)}.title-cover img{width:100%;max-height:72vh;object-fit:cover}.adriana-title-hero .title-cover img{object-position:76% center}.adriana-realm .realm-image{background-image:linear-gradient(90deg,rgba(6,17,28,.05) 48%,#06111c 100%),url("Adriana cover voor Bijzondere vrienden.png");background-position:center,76% center}.huskania2-realm .realm-image{background-image:linear-gradient(90deg,rgba(6,17,28,.05) 48%,#06111c 100%),url("huskania2-teaser.jpg");background-position:center,center}.gold-text{color:#e4aa39!important}.gold-label{border-color:rgba(228,170,57,.45);color:#ffe3a4;background:rgba(228,170,57,.08)}.launch-dot.gold{background:#e4aa39;box-shadow:0 0 14px rgba(228,170,57,.8)}.gold-card{box-shadow:18px 20px 0 #e9d6a6}.gold-card:after{border-color:rgba(228,170,57,.35)}.gold-card .quote-mark{color:#e4aa39}.gold-badge>span{border-color:#e4aa39;color:#e4aa39}.gold-release{background:linear-gradient(135deg,#07120e,#152117)}@media(max-width:900px){.title-hero{grid-template-columns:1fr .6fr;gap:1.5rem}.title-cover{width:min(40vw,360px)}}@media(max-width:650px){.title-hero{grid-template-columns:1fr;padding-top:10rem}.title-cover{width:min(72vw,360px)}.book-header .site-nav{display:none}}
/* Immersive publishing showcase */
.discover-books{background:#02080d;color:white}.discover-intro{min-height:58vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,9rem);background:radial-gradient(circle at 80% 40%,rgba(62,198,255,.13),transparent 28%),#02080d}.discover-intro h2{max-width:1000px;color:white;font-size:clamp(4.8rem,10vw,10rem)}.discover-intro>p:last-child{max-width:620px;margin-top:2rem;color:#9eb3c1;font-size:1.15rem}.discover-panel{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);align-items:center;gap:clamp(2rem,6vw,7rem);overflow:hidden;padding:8rem clamp(1.25rem,8vw,9rem);color:white;text-decoration:none}.discover-bg,.discover-shade{position:absolute;inset:0;z-index:-3}.discover-bg{background-position:center;background-size:cover;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .8s}.discover-shade{z-index:-2;background:linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(2,8,14,.87) 40%,rgba(2,8,14,.32) 72%,rgba(2,8,14,.55) 100%)}.discover-panel:hover .discover-bg{transform:scale(1.085);filter:saturate(1.12)}.discover-adriana .discover-bg{background-image:url("Adriana cover voor Bijzondere vrienden.png");background-position:72% 48%}.discover-magische .discover-bg{background-image:url("huskania2-teaser.jpg");background-position:center 46%}.discover-magische .discover-shade{background:linear-gradient(90deg,rgba(2,10,8,.98) 0%,rgba(2,10,8,.87) 42%,rgba(2,10,8,.25) 72%,rgba(2,10,8,.55) 100%)}.discover-content{position:relative;z-index:2;max-width:900px}.discover-content h2{color:white;font-size:clamp(5rem,10vw,10.5rem);letter-spacing:-.035em}.discover-content h2 span{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}.discover-tag{max-width:680px;margin:2rem 0 2.6rem;color:#e2edf2;font-size:clamp(1.15rem,1.8vw,1.55rem);line-height:1.55}.discover-cta{display:inline-flex;align-items:center;gap:1.3rem;padding:1rem 1.3rem;border:1px solid rgba(62,198,255,.6);background:rgba(3,15,24,.48);backdrop-filter:blur(8px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.discover-cta b{color:var(--ice);font-size:1.35rem;transition:transform .25s}.discover-panel:hover .discover-cta b{transform:translateX(7px)}.discover-magische .discover-cta{border-color:rgba(228,170,57,.7)}.discover-magische .discover-cta b,.discover-magische .eyebrow{color:#e4aa39}.discover-cover{position:relative;z-index:2;justify-self:end;width:min(28vw,390px);box-shadow:0 45px 90px rgba(0,0,0,.62);transition:transform .55s cubic-bezier(.2,.7,.2,1)}.discover-panel:hover .discover-cover{transform:translateY(-10px) rotate(.6deg)}.discover-cover img{width:100%;max-height:72vh;object-fit:cover}.discover-adriana .discover-cover img{object-position:76% center}.discover-index{position:absolute;right:3vw;top:7vh;z-index:-1;color:rgba(255,255,255,.075);font-family:var(--display);font-size:clamp(12rem,28vw,30rem);font-weight:800;line-height:.7}.discover-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
/* richer standalone title pages */
.title-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:12.5vw 100%}.title-hero-copy:before{content:"";display:block;width:74px;height:2px;margin-bottom:1.7rem;background:var(--ice);box-shadow:0 0 24px rgba(62,198,255,.55)}.huskania2-title-hero .title-hero-copy:before{background:#e4aa39;box-shadow:0 0 24px rgba(228,170,57,.5)}.title-cover{transition:transform .6s cubic-bezier(.2,.7,.2,1);outline:1px solid rgba(255,255,255,.12);outline-offset:10px}.title-cover:hover{transform:translateY(-10px) rotate(.6deg)}.adriana-title-hero{background:radial-gradient(circle at 75% 45%,rgba(32,124,194,.22),transparent 25%),#06111c}.huskania2-title-hero{background:radial-gradient(circle at 76% 48%,rgba(228,170,57,.14),transparent 24%),#06110d}
@media(max-width:900px){.discover-panel{grid-template-columns:1fr .48fr;min-height:850px}.discover-cover{width:min(38vw,330px)}}@media(max-width:650px){.discover-intro{min-height:55vh}.discover-panel{grid-template-columns:1fr;min-height:100svh;padding-top:8rem;padding-bottom:5rem}.discover-cover{justify-self:center;width:min(68vw,330px);order:-1}.discover-content h2{font-size:clamp(4rem,18vw,7rem)}.discover-shade{background:linear-gradient(180deg,rgba(2,8,14,.6),rgba(2,8,14,.95) 58%,#02080e)}.discover-magische .discover-shade{background:linear-gradient(180deg,rgba(2,10,8,.55),rgba(2,10,8,.95) 58%,#020a08)}}