/*
Theme Name: Blæst fra Vest
Theme URI: https://blaestfravest.dk
Author: Blæst fra Vest
Description: Et illustreret, responsivt WordPress-tema til Blæst fra Vests bøger, historier og kreative univers.
Version: 1.2.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: blaest-fra-vest
*/

:root{--ink:#193e59;--sea:#67bde8;--deep:#193e59;--sky:#b7e4f7;--foam:#f1faff;--paper:#fff;--sun:#f5c34b;--coral:#eb7790;--line:rgba(23,59,85,.24);--body:"Nunito",sans-serif;--display:"Schoolbell",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55;background:var(--paper)}img{max-width:100%;height:auto}button,input,textarea{font:inherit}a{color:inherit}button{cursor:pointer}::selection{background:var(--sun);color:var(--ink)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.screen-reader-text:focus{clip:auto;width:auto;height:auto;z-index:1000;background:#fff;padding:12px;left:12px;top:12px}.wrap{width:min(100% - 48px,1240px);margin-inline:auto}.narrow{max-width:780px}.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:2px solid var(--ink)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px}.brand{font-family:var(--display);font-size:clamp(25px,3vw,34px);text-decoration:none;line-height:1;transform:rotate(-2deg)}.brand span{color:var(--sea)}.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.site-nav a{text-decoration:none;font:400 22px/1.1 var(--display)}.site-nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.menu-toggle{display:none;border:2px solid var(--ink);border-radius:10px;background:var(--sun);padding:8px 14px;font:400 22px/1 var(--display)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:11px 23px;border:2px solid var(--ink);border-radius:14px;background:var(--sun);box-shadow:none;font-weight:900;text-align:center;text-decoration:none;transition:background .2s,transform .2s}.pill:hover{transform:translateY(-2px);background:#ffe0a1}.pill--white{background:#fff}.pill--coral{background:#ffac8b;color:var(--ink)}.pill--small{min-height:40px;padding:7px 16px;box-shadow:none}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#88cdf0}.hero:before{content:"";position:absolute;width:72vw;height:72vw;max-width:970px;max-height:970px;border:2px solid rgba(255,255,255,.55);border-radius:50%;left:37%;top:-64%;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:650px}.hero-copy{position:relative;z-index:2;padding:60px 0 100px}.eyebrow{display:inline-block;font-size:13px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.hero h1,.display{font-family:var(--display);font-weight:400;line-height:.99;letter-spacing:-.025em}.hero h1{font-size:clamp(64px,7.7vw,130px);margin:17px 0 20px;max-width:760px;transform:rotate(-3deg)}.hero p{font-size:clamp(20px,2.1vw,27px);line-height:1.3;font-weight:800;max-width:500px}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.hero-art{align-self:end;position:relative;z-index:1;margin:10px -8vw -2px -9vw}.hero-art img{display:block;width:100%;max-height:640px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 17px 0 rgba(5,83,119,.12))}.hero-wave{position:absolute;z-index:3;bottom:-2px;left:-1%;width:102%;height:74px;background:var(--paper);clip-path:polygon(0 53%,8% 66%,18% 51%,30% 69%,42% 55%,52% 63%,66% 48%,78% 64%,89% 50%,100% 61%,100% 100%,0 100%)}.bubble{position:absolute;border:3px solid rgba(255,255,255,.55);border-radius:50%;pointer-events:none}.bubble-a{width:30px;height:30px;top:16%;right:5%}.bubble-b{width:12px;height:12px;top:31%;right:12%}.bubble-c{width:64px;height:64px;bottom:27%;left:43%}
.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section h2,.page-title{font-family:var(--display);font-size:clamp(52px,6vw,95px);line-height:1.03;font-weight:400;margin:8px 0 16px}.section-lead{font-size:clamp(19px,2vw,25px);line-height:1.4;max-width:700px;margin:0}.squiggle{width:114px;height:18px;background:repeating-radial-gradient(ellipse at 8px 17px,transparent 0 10px,var(--sea) 11px 13px,transparent 14px 27px);opacity:.8;margin:24px 0}.proof{background:var(--paper);padding:35px 0 75px}.proof-inner{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:40px;align-items:center;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:28px 0}.proof-number{font-family:var(--display);font-size:clamp(90px,13vw,160px);line-height:1;color:var(--sea);transform:rotate(-5deg);white-space:nowrap}.proof p{font-size:clamp(21px,2.5vw,32px);font-weight:900;line-height:1.25;margin:0}.proof small{display:block;font-size:15px;font-weight:700;margin-top:10px}
.story-zone{background:#fff;position:relative}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.story-card{position:relative;display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:none;transition:transform .2s}.story-card:nth-child(2){transform:translateY(14px) rotate(1deg)}.story-card:nth-child(3){transform:rotate(-1deg)}.story-card:hover{transform:translateY(-5px) rotate(0)}.story-card .art{background:#dceffa;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}.story-card:nth-child(2) .art{background:#f9d8df}.story-card:nth-child(3) .art{background:#cfe8f5}.story-card .art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:12px}.story-card .body{padding:25px 26px 29px;flex:1;display:flex;flex-direction:column}.story-card h3{font:400 clamp(32px,3vw,44px)/1.05 var(--display);margin:8px 0 13px}.story-card p{font-size:16px;margin:0 0 20px}.story-card a{font-weight:1000;text-underline-offset:4px;margin-top:auto}.sticker{display:inline-block;align-self:start;background:#a6392c;color:#fff;border:2px solid var(--ink);border-radius:50%;padding:11px 14px;font-weight:1000;font-size:13px;transform:rotate(-8deg);letter-spacing:.04em}
.book-zone{background:var(--foam);overflow:hidden}.book-layout{display:grid;grid-template-columns:49% 51%;gap:35px;align-items:center}.book-visual{position:relative;background:var(--sky);border:2px solid var(--ink);border-radius:49% 51% 50% 46% / 48% 42% 58% 52%;aspect-ratio:1.08;display:flex;align-items:center;justify-content:center;padding:36px;transform:rotate(-4deg)}.book-visual img{max-height:90%;object-fit:contain;transform:rotate(4deg);filter:drop-shadow(14px 18px 0 rgba(5,83,119,.16))}.book-copy{padding:35px 0 35px 25px}.book-copy p{max-width:580px}.quote-line{font-family:var(--display);font-size:clamp(28px,3vw,44px);line-height:1.15;color:var(--sea);margin:30px 0 0;transform:rotate(-2deg)}
.water-zone{position:relative;overflow:hidden;background:var(--deep);color:#fff}.water-zone:before{content:"";position:absolute;top:0;left:0;width:100%;height:43px;background:var(--foam);clip-path:polygon(0 0,100% 0,100% 35%,87% 66%,75% 38%,62% 75%,45% 43%,32% 70%,17% 37%,0 60%)}.water-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.water-zone .eyebrow{color:var(--sun)}.water-art{position:relative;min-height:440px;display:flex;align-items:center}.water-art img{width:100%;max-height:460px;object-fit:contain;filter:drop-shadow(8px 12px 0 rgba(0,0,0,.12))}.water-zone .pill{color:var(--ink)}.water-zone .squiggle{filter:brightness(4)}
.play-zone{background:#f1faff}.play-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:7%;align-items:center}.play-photo{border:10px solid white;box-shadow:11px 12px 0 var(--ink);transform:rotate(3deg)}.play-photo img{display:block;width:100%;aspect-ratio:1.35;object-fit:cover}.recipe-strip{padding:45px 0;background:#f9dee4;border-block:2px solid var(--ink)}.recipe-inner{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:center}.recipe-inner h2{font:400 clamp(35px,4vw,62px)/1.05 var(--display);margin:0}.recipe-inner p{margin:10px 0 0}.recipe-inner .pill{justify-self:end}
.partner-zone{background:var(--paper)}.partner-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.partner-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.partner-list span{padding:12px 16px;background:#fff;border:1px solid var(--ink);border-radius:5px;font-weight:900;transform:rotate(-1deg)}.partner-list span:nth-child(even){transform:rotate(1deg);background:#dceffa}.partner-photo{border:10px solid white;box-shadow:12px 12px 0 var(--sea);transform:rotate(-3deg)}.partner-photo img{display:block;aspect-ratio:.95;object-fit:cover}.closing{background:var(--sky);text-align:center;padding:90px 0}.closing h2{font:400 clamp(57px,7vw,104px)/1 var(--display);margin:0 0 15px}.closing .actions{justify-content:center}.site-footer{background:var(--deep);color:#fff;padding:56px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:35px}.footer-brand{font:400 37px/1 var(--display)}.site-footer a{color:#fff}.site-footer p{margin:9px 0}.footer-bottom{border-top:1px solid #5f8499;margin-top:45px;padding-top:18px;font-size:13px}
.interior{padding:85px 0 110px;min-height:55vh;background:var(--foam)}.interior .entry-content{max-width:830px;font-size:19px}.entry-content h2,.entry-content h3{font-family:var(--display);font-weight:400;line-height:1.1}.entry-content h2{font-size:clamp(38px,4vw,57px)}.entry-content h3{font-size:32px}.entry-content img{border-radius:12px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post-grid article{background:#fff;border:2px solid var(--ink);border-radius:15px;padding:25px}.post-grid h2{font:400 35px/1.1 var(--display)}.post-grid a{text-underline-offset:4px}.post-meta{font-size:15px;font-weight:900;color:var(--sea)}.featured{display:block;max-width:850px;margin:30px 0;border-radius:12px}.entry-content :is(p,ul,ol){max-width:72ch}.entry-content a{text-underline-offset:4px}.pagination{margin-top:40px}
@media(max-width:900px){.header-row{min-height:76px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:22px 24px 28px;border-bottom:2px solid var(--ink);box-shadow:0 15px 15px #173b5526;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav a{font-size:25px}.hero-inner{grid-template-columns:50% 50%}.hero{min-height:580px}.hero-inner{min-height:570px}.hero-art{margin:0 -12vw 0 -9vw}.story-grid{gap:18px}.water-layout{gap:25px}.partner-layout{gap:30px}}
@media(max-width:680px){body{font-size:17px}.wrap{width:min(100% - 32px,1240px)}.hero{min-height:0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-copy{padding:44px 0 0}.hero h1{font-size:clamp(59px,14vw,86px);max-width:470px;margin:8px 0}.hero p{font-size:20px;margin:16px 0 0}.hero-actions{margin-top:20px;gap:10px}.hero-actions .pill{font-size:15px;padding:9px 15px}.hero-art{width:90%;margin:-12px -5% 28px auto}.hero-art img{max-height:380px}.hero-wave{height:38px}.bubble-c{display:none}.section{padding:68px 0}.section h2,.page-title{font-size:clamp(50px,11vw,70px)}.section-head{display:block}.proof{padding:14px 0 55px}.proof-inner{display:block;padding:19px 0}.proof-number{font-size:100px}.proof p{font-size:22px}.story-grid,.book-layout,.water-layout,.play-layout,.partner-layout,.recipe-inner,.post-grid{grid-template-columns:1fr}.story-grid{gap:24px}.story-card:nth-child(2),.story-card:nth-child(3){transform:none}.book-copy{padding:0}.book-visual{max-width:510px}.water-art{min-height:260px;order:2}.water-art img{max-height:350px}.water-layout{gap:15px}.play-photo,.partner-photo{margin:15px 12px 12px 0}.recipe-inner .pill{justify-self:start}.partner-list{gap:10px}.closing{padding:70px 0}.footer-grid{display:block}.footer-grid>div+div{margin-top:30px}.interior{padding:60px 0 85px}.site-header .brand{font-size:26px}}

/* Colours sampled from the book's world: cover blue, Troels' shirt and waders,
   Bette Sild's tongue and the warm apricot detail. */
:root{--ink:#173c58;--deep:#173c58;--sea:#72c5ec;--sky:#72c5ec;--foam:#fff;--sun:#f2bb72;--coral:#ed83a0;--waders:#173e31}
html{scroll-padding-top:24px}
.hero{background:var(--sea)}
.brand span{color:#176e9a}
.pill,.pill--small{border-radius:8px;background:var(--sun);box-shadow:none;font-family:var(--display);font-size:clamp(19px,1.6vw,24px);font-weight:400;line-height:1.05;min-height:48px}
.pill--small{min-height:42px;font-size:19px}
.pill--white{background:#fff}.pill--coral{background:var(--coral)}
.pill:hover{background:#f8c98e;transform:translateY(-3px) rotate(-1deg)}.pill--white:hover{background:#f7f7f7}.pill--coral:hover{background:#f4a7b9}
.story-zone,.book-zone,.play-zone,.partner-zone,.interior{background:#fff}
.story-card .art,.story-card:nth-child(3) .art{background:#a7dcf5}
.story-card:nth-child(2) .art{background:#f9d9e1}
.sticker{background:var(--coral);color:var(--ink)}
.story-card h2{font:400 clamp(32px,3vw,44px)/1.05 var(--display);margin:8px 0 13px}
.story-card .art{display:grid}.story-card .art img{display:block}
.story-card a:focus-visible,.pill:focus-visible{outline:3px solid var(--waders)}
.book-zone{border-top:2px solid var(--ink)}.book-visual{background:var(--sea);border-radius:3px;aspect-ratio:1.04;transform:rotate(-2deg);padding:12px;overflow:hidden}.book-visual img{display:block;width:100%;height:100%;max-height:none;max-width:none;transform:none;filter:none;object-fit:cover;object-position:center 68%}
.book-subtitle{font:400 clamp(27px,3vw,42px)/1.15 var(--display);margin:4px 0 14px}.book-subtitle strong{font-weight:400}.book-facts{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin:22px 0 8px}.book-facts strong{font:400 44px/1 var(--display)}.book-facts span{font-size:15px;font-weight:800}
.quote-line{color:var(--waders)}
.water-zone{background:var(--waders)}.water-zone:before{background:#fff}
.play-zone{background:#fff}.play-photo,.partner-photo{box-shadow:8px 8px 0 var(--ink)}
.recipe-strip{background:#f9dce4}.partner-list span:nth-child(even){background:#dbf1fb}.closing{background:var(--sea)}
.post-meta{color:var(--waders)}
.intro-universe{background:var(--waders);color:#fff;padding:37px 0 42px}.intro-universe .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.intro-universe img{max-width:min(50%,460px);max-height:100px;object-fit:contain}.intro-universe p{font:400 clamp(20px,2.2vw,32px)/1.15 var(--display);max-width:440px;margin:0}
.troels-parade{display:block;max-width:min(100%,650px);max-height:100px;object-fit:contain;margin:35px auto -65px}
.characters-zone{background:var(--sea);overflow:hidden}.characters-layout{display:grid;grid-template-columns:48% 52%;gap:2%;align-items:center}.characters-copy{position:relative;z-index:1}.character-bios{margin:25px 0 30px;max-width:570px}.character-bios p{border-top:2px solid var(--ink);margin:0;padding:13px 0;font-size:18px}.character-bios strong{font-family:var(--display);font-size:25px;font-weight:400}.characters-visual{align-self:end;display:flex;justify-content:center}.characters-visual img{width:100%;max-height:680px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 0 rgba(23,62,49,.08))}
.universe-spread{background:var(--waders);padding:35px 0}.universe-spread img{display:block;width:100%;border-radius:4px;max-height:300px;object-fit:cover}
.text-art{display:block;max-width:250px;max-height:90px;object-fit:contain;margin:0 0 24px}
.heritage-zone{background:#fff}.heritage-layout{display:grid;grid-template-columns:50% 1fr;gap:7%;align-items:center}.heritage-layout figure{margin:0;transform:rotate(-2deg)}.heritage-layout figure img{display:block;width:100%;height:min(52vw,530px);object-fit:cover;border:9px solid #fff;box-shadow:8px 8px 0 var(--waders)}.heritage-layout figcaption{font:400 20px var(--display);margin:18px 0}.heritage-stamp{display:block;max-height:100px;max-width:230px;background:var(--waders);padding:16px;margin-top:28px;transform:rotate(-3deg)}
.play-stamp{display:block;max-width:300px;max-height:90px;object-fit:contain;background:var(--waders);padding:17px;margin-top:25px;transform:rotate(-2deg)}
.purchase-zone{background:var(--sea);border-top:2px solid var(--ink)}.purchase-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.purchase-price{font:400 clamp(48px,5vw,70px)/1 var(--display);margin:25px 0}.purchase-price small{display:block;font:800 16px/1.5 var(--body);margin-top:7px}.shop-note{background:#fff;border-left:7px solid var(--waders);padding:21px 25px;margin-top:32px}.shop-note p{margin:7px 0 0}.shop-note a{display:inline-block;margin-top:10px;font-weight:900}
.order-form{display:grid;gap:8px;background:#fff;border:2px solid var(--ink);padding:clamp(22px,3vw,44px)}.order-form h3{font:400 40px/1.1 var(--display);margin:0 0 12px}.order-form label{font-weight:800}.order-form input:not([type=checkbox]),.order-form textarea{width:100%;padding:10px 13px;border:2px solid var(--ink);border-radius:4px;background:#fff}.order-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;margin:8px 0}.consent input{margin-top:4px;flex:none}.order-form button{justify-self:start}.order-form small{line-height:1.35}.form-status{background:#d8f0e5;padding:12px;border-left:4px solid var(--waders)}.form-status--error{background:#ffe2e7;border-color:#9a3348}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.closing-stamp{display:block;max-height:75px;max-width:170px;object-fit:contain;margin:0 auto 20px;background:var(--waders);padding:12px;transform:rotate(4deg)}
.story-archive{background:#fff}.archive-intro{max-width:700px;margin:-6px 0 35px}.archive-story-grid{margin-top:35px}.recipe-archive{background:#fff}.recipe-list{grid-template-columns:1fr}.recipe-list article{background:#f9dce4;border-radius:4px;max-width:740px}.recipe-list a{text-decoration-thickness:2px}
.single-art{margin:28px 0;background:var(--sea);padding:15px;max-width:740px;max-height:460px;display:grid;place-items:center}.single-art img{max-height:430px;width:100%;object-fit:contain}
@media(max-width:900px){.characters-layout,.purchase-layout{gap:25px}.intro-universe img{max-width:42%}}
@media(max-width:680px){.intro-universe .wrap{display:block}.intro-universe img{max-width:100%;max-height:70px}.intro-universe p{margin-top:15px}.characters-layout,.heritage-layout,.purchase-layout{grid-template-columns:1fr}.characters-visual img{max-height:400px}.characters-copy{padding-top:12px}.troels-parade{margin-bottom:-68px}.universe-spread{padding:25px 0}.universe-spread img{min-height:170px;object-fit:cover}.heritage-layout figure img{height:auto;max-height:420px}.purchase-layout{gap:30px}.purchase-price{margin:16px 0}.text-art{max-width:190px}.pill{font-size:18px}.book-visual{aspect-ratio:1}.book-facts strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.story-card{transition:none}.pill:hover,.story-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}