/*
Theme Name: Musika Atelier
Theme URI: https://mumus.dk/
Author: Musika
Description: Et varmt, redigerbart WordPress-tema til Musikskolen Musika. Opretter sider og undervisningstilbud ved aktivering.
Version: 1.0.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: musika
*/
:root{--cream:#f3e9d8;--paper:#fffdf8;--terracotta:#c98172;--sage:#a5b49b;--ochre:#d8b87b;--blue:#667d89;--ink:#292824;--muted:#6c6a64;--line:#e6ddd0;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Antropos',Georgia,serif;line-height:1.7;font-size:16px}h1,h2,h3,h4{font-family:'Antropos',Georgia,serif;line-height:1.18;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.5rem}a{color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 44px));margin:auto}.narrow{max-width:800px;margin:auto}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#92574c}.site-header{position:relative;z-index:10;background:rgba(255,253,248,.97);border-bottom:1px solid var(--line)}.head-inner{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand img{max-height:64px;width:auto}.brand-name{font:600 1.7rem 'Antropos',Georgia,serif;letter-spacing:-.04em}.site-nav ul{display:flex;flex-wrap:wrap;align-items:center;gap:22px;list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;font-size:.91rem;font-weight:600}.site-nav a:hover,.site-nav .current-menu-item>a{color:#a15b4f}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:12px;padding:8px 13px}.hero{background:var(--cream);overflow:hidden}.hero-inner{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6%;padding-block:75px}.hero p{max-width:550px;font-size:1.18rem}.hero-art{min-height:420px;border-radius:50% 48% 42% 48%;background:radial-gradient(circle at 40% 40%,#f4d6bb,transparent 52%),radial-gradient(circle at 80% 75%,#b5c4b1,transparent 50%),#ead2b8;position:relative;overflow:hidden}.hero-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-art:after{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.6);border-radius:inherit;pointer-events:none}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;border-radius:100px;text-decoration:none;font-weight:700;font-size:.92rem;background:var(--ink);color:#fff;border:1px solid var(--ink)}.btn:hover{background:#4a453f}.btn.secondary{background:transparent;color:var(--ink)}.btn.secondary:hover{background:#fff}.section{padding:90px 0}.section.tint{background:#f7f1e7}.section.soft{background:#e9eee5}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.section-head h2{margin:0}.section-intro{max-width:720px;color:var(--muted);font-size:1.12rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px #332b2214}.tile-media{aspect-ratio:4/3;background:linear-gradient(130deg,#e6d2bf,#d1d9c9);display:flex;align-items:center;justify-content:center;overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-media .placeholder{font-family:'Antropos',Georgia,serif;font-size:4rem;color:#8d7968}.tile-body{padding:24px}.tile-body h3{margin:0 0 9px}.tile-body p{color:var(--muted);margin:0 0 15px}.tile-body a{text-decoration:none;border-bottom:1px solid var(--terracotta);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature{border-top:2px solid var(--terracotta);padding-top:18px}.feature p{color:var(--muted)}.quote{padding:60px;border-radius:var(--radius);background:var(--cream);font:italic clamp(1.5rem,3vw,2.5rem)/1.4 'Antropos',Georgia,serif}.quote small{display:block;margin-top:20px;font:normal .85rem 'Antropos',Georgia,serif;color:var(--muted)}.page-hero{background:var(--cream);padding:85px 0 70px}.page-hero h1{margin:8px 0 15px}.page-hero p{max-width:780px;font-size:1.15rem}.content{padding:70px 0 100px}.content h2{margin-top:2em}.content h2:first-child{margin-top:0}.content p{max-width:850px}.content table{width:100%;border-collapse:collapse;margin:28px 0}.content th,.content td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--line)}.content th{background:var(--cream)}.content ul{padding-left:22px}.content .wp-block-button__link{background:var(--ink);color:#fff;border-radius:100px}.content a{color:#8b5148}.content .wp-block-button__link{color:#fff}.content details{padding:16px 0;border-bottom:1px solid var(--line)}.content summary{cursor:pointer;font-weight:700}.person{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:60px;align-items:start}.portrait{aspect-ratio:4/5;background:#e8dfd1;border-radius:var(--radius);overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.meta{color:var(--muted);font-weight:600}.back{display:inline-block;margin-bottom:24px;color:#92574c}.cta{background:var(--sage);padding:70px 0;text-align:center}.cta h2{margin:0 0 16px}.site-footer{background:#292824;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer a{color:#f1e4d4}.site-footer ul{padding:0;list-style:none}.site-footer li{margin-bottom:7px}.copyright{border-top:1px solid #ffffff30;margin-top:45px;padding-top:20px;font-size:.8rem;color:#ddd}.notice{border-left:3px solid var(--terracotta);padding:15px 20px;background:#faf4ed}.event-date{color:#92574c;font-weight:700;font-size:.9rem}.empty-state{padding:30px;border:1px dashed #b9aa9b;border-radius:var(--radius);color:var(--muted)}:focus-visible{outline:3px solid #235d82;outline-offset:3px}@media(max-width:950px){.grid.four{grid-template-columns:repeat(2,1fr)}.site-nav ul{gap:12px}.site-nav a{font-size:.82rem}.hero-inner{min-height:0}}@media(max-width:740px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:22px;border-bottom:1px solid var(--line)}.site-nav.open{display:block}.site-nav ul{display:flex;flex-direction:column;align-items:start;gap:13px}.hero-inner{grid-template-columns:1fr;padding:60px 0}.hero-art{min-height:300px}.grid,.grid.four,.feature-grid,.footer-grid{grid-template-columns:1fr}.section{padding:60px 0}.person{grid-template-columns:1fr;gap:25px}.portrait{max-width:350px}.quote{padding:28px}.section-head{display:block}}

@font-face{font-family:'Antropos';src:url('assets/fonts/ANTRF_.TTF') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
/* Antropos is supplied by the site owner. */

/* Version 1.0.4: legible body text, Antropos retained for headings. */
:root{--font-body:Arial,Helvetica,sans-serif;--font-heading:'Antropos',Georgia,serif}
body,button,input,textarea,select{font-family:var(--font-body);line-height:1.65}
h1,h2,h3,h4,h5,h6,.brand-name,.tile-media .placeholder{font-family:var(--font-heading)}
.site-nav a,.eyebrow,.btn,.tile-body p,.tile-body a,.feature p,.hero p,.page-hero p,.section-intro,.content,.content p,.content li,.content td,.content th,.content summary,.meta,.event-date,.notice,.site-footer,.quote small{font-family:var(--font-body)}
.quote{font-family:var(--font-heading)}

/* Version 1.0.6: full-width painterly hero, accessible contrast and mobile crop. */
.hero-painting{background:#e5cf9c url('assets/hero/musika-kunstnerisk-forside.webp') center center/cover no-repeat;position:relative;}
.hero-overlay{background:linear-gradient(90deg,rgba(250,239,216,.96) 0%,rgba(250,239,216,.89) 27%,rgba(250,239,216,.58) 43%,rgba(250,239,216,.05) 66%,transparent 100%);}
.hero-painting-inner{min-height:clamp(490px,55vw,700px);display:flex;align-items:center;padding-block:64px;}
.hero-copy{max-width:570px;}
.hero-copy h1{margin:24px 0 24px;font-size:clamp(3.3rem,6.2vw,6rem);line-height:1.07;}
.hero-copy p{max-width:460px;font-size:1.14rem;line-height:1.55;}
.hero-period{color:#b96b56;}
.hero-painting .btn{background:#703c2b;border-color:#703c2b;}
.hero-painting .btn.secondary{background:rgba(255,250,240,.8);border-color:#703c2b;color:#492c23;}
@media(max-width:740px){.hero-painting{background-position:62% center;}.hero-overlay{background:linear-gradient(90deg,rgba(250,239,216,.94),rgba(250,239,216,.75) 72%,rgba(250,239,216,.35));}.hero-painting-inner{min-height:530px;padding-block:55px;}.hero-copy h1{font-size:clamp(3rem,12vw,4.6rem);}.hero-copy p{font-size:1rem;}.hero-painting .actions{gap:10px;}}
@media(prefers-reduced-motion:reduce){.hero-painting *{scroll-behavior:auto;}}