/*
Theme Name: Peder Tee Cinematic
Template: peder-tee-music-theme
Version: 2.0.1
Description: Filmisches Peder-Tee-Design mit bestehenden Angeboten und Projekten.
*/
@font-face{font-family:Anton;src:url(assets/anton.woff2) format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url(assets/inter.woff2) format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url(assets/inter-semibold.woff2) format("woff2");font-display:swap;font-weight:600}
:root{font-family:Inter,Arial,sans-serif;color:#fff2db;background:#080c11;font-synthesis:none;--cream:#fff2db;--blue:#0065ff;--muted:#b4bbc4}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #76c6ff;outline-offset:5px}main:focus{outline:none}img{display:block;max-width:100%}h1,h2,h3,.brand,.button,.nav-shop{font-family:Anton,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;margin:0}p{line-height:1.65}h1{font-size:clamp(60px,8.5vw,125px);line-height:1.06;letter-spacing:-.025em}h2{font-size:clamp(42px,6.1vw,90px);line-height:1.08;letter-spacing:-.02em}h3{font-size:clamp(24px,2.4vw,36px);line-height:1.18}svg{flex-shrink:0}.site-header{height:104px;padding:20px 4.5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;border-bottom:1px solid #ffffff0d}.site-header.on-hero{position:absolute;inset:0 0 auto;border:0}.brand{font-size:42px;line-height:1;white-space:nowrap}nav{display:flex;align-items:center;gap:30px}nav a{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;padding:12px 0}nav a:hover,nav a[aria-current]{color:#77bdff}.nav-shop{display:flex;gap:15px;align-items:center;border:1px solid var(--cream);padding:13px 22px;font-size:15px}.menu-toggle{display:none;background:none;color:inherit;border:1px solid #ffffff55;padding:8px}.hero{position:relative;min-height:775px;display:flex;align-items:center;overflow:hidden;background:#050b16}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:drift 22s ease-in-out infinite alternate}.hero-content{position:relative;z-index:1;padding:170px 4.5% 90px;width:100%}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(76px,12.5vw,185px);line-height:1.02;max-width:1000px}.hero-copy{font-size:clamp(19px,2.25vw,30px);line-height:1.4;margin:25px 0 34px}.eyebrow,.micro{font-size:12px;text-transform:uppercase;letter-spacing:3.5px;font-weight:600;line-height:1.6}.eyebrow{margin:0 0 15px}.blue{color:#37a1ff}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.button{min-height:61px;background:var(--cream);color:#080c11;padding:18px 28px;border:1px solid var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:24px;letter-spacing:.8px;font-size:17px;cursor:pointer;transition:background .2s,transform .2s,color .2s}.button:hover{background:#fff;transform:translateY(-3px)}.button.outline{background:transparent;color:var(--cream)}.button.outline:hover{background:var(--cream);color:#080c11}.button.dark{background:#080c11;color:var(--cream);border-color:#080c11}.button.dark:hover{background:#17345a}.ribbon{background:var(--blue);text-align:center;font-family:Anton,sans-serif;letter-spacing:8px;text-transform:uppercase;padding:21px 20px;font-size:20px}.section{padding:70px 5%;max-width:1600px;margin:0 auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:40px}.section-heading>p{max-width:300px;font-size:18px;margin-bottom:12px}.song-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;margin:24px 2% 0}.cover-frame{overflow:hidden;background:#101a26}.song-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .65s}.song-card:hover img{transform:scale(1.035)}.song-card h3{margin:18px 0 12px}.micro{display:flex;gap:16px;align-items:center}.merch-band{background:var(--cream);color:#080c11;padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.merch-band h2{font-size:clamp(32px,4vw,60px)}.merch-band p{margin:5px 0 0;font-size:18px}.merch-band .button{flex-shrink:0}.footer-scene{height:240px;background:url('assets/field.png') center 60%/cover;display:flex;align-items:center;justify-content:flex-end;padding:25px 7%}.footer-scene p{font-family:Georgia,serif;font-style:italic;font-size:40px;line-height:1.2;text-align:right;margin:0;text-shadow:0 2px 14px #000}.footer-bottom{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-bottom .brand{font-size:27px}.footer-links,.legal{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.legal{color:var(--muted)}.footer-bottom a:hover{text-decoration:underline}.preview-note{text-align:center;padding:12px;color:#939da9;font-size:11px;border-top:1px solid #ffffff12}.page-top{padding-top:75px}.intro{font-size:clamp(19px,2.2vw,28px);line-height:1.5;margin:24px 0 35px;max-width:760px}.page-top>.song-grid{margin:55px 0}.release{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:55px 0;padding:32px 0;border-block:1px solid #ffffff30}.release h3{font-size:32px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:2px;margin-bottom:38px;line-height:1.5}.song-top{padding-top:28px;padding-bottom:60px}.song-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%}.song-hero h1{font-size:clamp(55px,6.7vw,100px)}.song-hero .eyebrow{font-size:10px;letter-spacing:2px}.detail-cover{width:100%;box-shadow:0 0 50px #0065ff38;border:1px solid #0065ff6b}.gold .detail-cover{box-shadow:0 0 45px #d6972233;border-color:#b28b47}.underlink{font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#b9c9dc}.song-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.song-story p{font-size:20px;max-width:470px}.song-story .eyebrow{font-size:11px;margin-top:32px}.landscape{height:300px;background-size:cover;background-position:center 60%}.landscape.night{background-image:url('assets/hero.png');background-position:center 65%}.landscape.field{background-image:url('assets/field.png')}.next-song{display:flex;align-items:center;justify-content:space-between;gap:25px}.next-song h3{display:flex;align-items:center;gap:25px;font-size:clamp(25px,4vw,56px)}.next-song img{width:28%;height:170px;object-fit:cover;object-position:50% 35%}.merch-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin:50px 0 30px}.print-frame{height:500px;background:#111a27;display:flex;justify-content:center;padding:26px;margin-bottom:26px}.print-frame img{height:100%;width:100%;object-fit:contain;transition:transform .3s}.print-frame:hover img{transform:scale(1.025)}.merch-item h3{margin:14px 0 25px}.fine{font-size:13px;line-height:1.7;color:var(--muted);max-width:800px}.faq{margin-top:75px}.faq h2{font-size:48px;margin-bottom:25px}details{border-top:1px solid #ffffff30;padding:22px 0;max-width:900px}summary{cursor:pointer;font-size:18px}details p{color:#d0d6dc;max-width:670px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin:50px 0 20px}.editorial p{font-size:20px}.editorial h3{margin:38px 0 18px}.editorial .button{margin-top:15px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:45px}.mail-link{display:inline-block;border-bottom:1px solid #77bdff;margin:12px 0;overflow-wrap:anywhere}.contact-grid form{display:flex;flex-direction:column}.contact-grid label{font-size:14px;margin:0 0 9px}.contact-grid input,.contact-grid select,.contact-grid textarea{color:var(--cream);background:#111a27;border:1px solid #536174;border-radius:0;padding:14px;margin-bottom:23px;width:100%}.contact-grid textarea{resize:vertical}.contact-grid .button{align-self:flex-start}.form-status{padding:16px;background:#17314b;font-size:14px}.skip{position:fixed;top:-100px;left:15px;z-index:20;background:var(--cream);color:#000;padding:15px}.skip:focus{top:15px}main{animation:enter .5s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:1600px){.hero-content{max-width:1600px;margin:auto}.hero{min-height:880px}}
@media(max-width:1000px){nav{gap:18px}.brand{font-size:35px}.site-header{height:90px}.hero{min-height:680px}.hero-content{padding-top:160px}.hero h1{font-size:11vw}.section-heading>p{font-size:16px}.song-hero{gap:4%}.song-hero .actions{gap:12px}.song-hero .button{padding:15px 18px;font-size:14px;gap:12px}.song-hero h1{font-size:7vw}.merch-band{align-items:flex-start}.merch-band h2{font-size:4.5vw}.print-frame{height:420px}}
@media(max-width:760px){.site-header{height:82px;padding:20px 6%}.brand{font-size:32px}.menu-toggle{display:flex}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#080c11;padding:20px 6% 30px;border-bottom:1px solid #536174;flex-direction:column;align-items:stretch;gap:4px}nav.open{display:flex}nav a{padding:14px 0}.nav-shop{padding:15px;margin-top:10px;justify-content:space-between}.hero{min-height:740px;align-items:flex-start}.hero-image{object-position:64% center;opacity:.75}.hero-content{padding:145px 6% 55px}.hero h1{font-size:clamp(61px,12.6vw,95px);line-height:1.06}.hero-copy{font-size:20px;max-width:340px;text-shadow:0 2px 10px #000}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero .actions{gap:12px;max-width:350px}.button{font-size:15px;min-height:55px;padding:16px 21px;gap:20px}.hero .button{width:100%}.hero .button.outline{background:#07101bd9}.ribbon{font-size:13px;letter-spacing:3px;padding:19px 12px}.section{padding:48px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:24px;font-size:17px}.section h2{font-size:clamp(44px,9vw,65px)}.song-grid{gap:34px;grid-template-columns:1fr;margin:30px 0 0}.song-card h3{font-size:29px}.micro{font-size:10px;letter-spacing:3px}.merch-band{padding:32px 6%;flex-direction:column;gap:24px}.merch-band h2{font-size:37px;max-width:480px}.merch-band p{font-size:15px}.footer-scene{height:220px}.footer-scene p{font-size:31px}.footer-bottom{padding:30px 6%;align-items:flex-start;flex-direction:column;gap:24px}.legal{font-size:11px}.page-top{padding-top:45px}h1{font-size:clamp(46px,10vw,76px)}.intro{font-size:20px}.release{align-items:flex-start;flex-direction:column;margin:40px 0}.release h3{font-size:27px}.song-top{padding-top:23px}.breadcrumb{font-size:9px;letter-spacing:1px;margin-bottom:32px}.song-hero{grid-template-columns:1fr;gap:35px}.song-hero h1{font-size:clamp(53px,12vw,88px)}.song-hero .eyebrow{font-size:9px}.song-hero .intro{margin:22px 0}.detail-cover{max-width:520px}.song-story{grid-template-columns:1fr;gap:20px}.song-story h2{font-size:55px}.song-story p{font-size:18px}.landscape{height:240px}.next-song{align-items:flex-start}.next-song img{width:30%;height:105px}.next-song h3{font-size:26px;gap:12px}.next-song h3 svg{width:20px}.merch-grid{grid-template-columns:1fr;gap:50px}.print-frame{height:440px}.editorial,.contact-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.editorial p{font-size:18px}.contact-grid form{margin-top:10px}.contact-grid .button{width:100%}.eyebrow{letter-spacing:2px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.gold .song-hero h1{font-size:clamp(48px,5.8vw,86px)}
@media(max-width:760px){.gold .song-hero h1{font-size:clamp(40px,9.8vw,70px)}}
@media(min-width:1001px){.brand{font-size:54px}nav a{font-size:15px}.nav-shop{font-size:18px}.button{font-size:22px;padding:21px 34px;min-height:74px}.hero .button{min-width:280px}.hero .button.outline{min-width:240px}.song-hero h1{font-size:clamp(82px,8.8vw,128px)}.song-hero .intro{max-width:550px}.song-hero .actions{gap:16px}.song-hero .button{font-size:18px;padding:18px 22px;gap:15px;min-height:64px}.song-top .breadcrumb{margin-bottom:24px}.detail-cover{box-shadow:0 0 55px #0065ff66}.footer-bottom .brand{font-size:27px}}

/* Existing WordPress content, preserved in the new visual system. */
.wrap{width:min(1440px,90%);margin:auto}.custom-song,.contact,.projects-list,.page-main,.project-hero,.project-body,.about-hero,.about-story,.about-path,.music,.intro{padding:65px 0}.custom-song h2{font-size:clamp(44px,5.5vw,80px)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-head>p{max-width:390px}.offer-grid,.project-hero-grid,.project-body-grid,.about-hero-grid,.about-story-grid,.intro-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}.offer-card{padding:35px;border:1px solid #ffffff40;background:#101923}.offer-card.featured{border-color:#358eff}.offer-price{font-family:Anton,sans-serif;font-size:46px;color:#83bcff;margin:25px 0}.offer-card ul{padding-left:20px;line-height:1.9;margin:25px 0}.offer-note{font-size:14px;color:#bac1cb;margin:24px 0}.case-study,.project-card{display:grid;grid-template-columns: .8fr 1.2fr;gap:6%;align-items:center;margin:55px 0}.case-study img,.project-card img{width:100%;max-width:530px}.case-study p,.project-card p{margin:20px 0}.offer-faq{margin-top:60px}.offer-faq h3{margin-bottom:25px}.ghost{background:transparent;color:var(--cream)}.merch-band .button{background:#080c11;color:var(--cream);border-color:#080c11}.projects-list h1{margin-bottom:45px}.project-hero h1{font-size:clamp(48px,6vw,90px);overflow-wrap:anywhere}.project-hero p,.project-body p,.about-hero p,.about-story p,.intro-copy p{font-size:18px;margin:24px 0}.project-body h2,.about-story h2,.intro h2{font-size:clamp(36px,4vw,64px)}.project-facts{padding:30px;background:#111b29}.project-facts h3{margin:15px 0}.audio-box audio{width:100%;margin-top:20px}.about-photo img{width:100%;object-fit:cover}.about-story .portrait img{max-height:640px}.about-hero h1{font-size:clamp(48px,6.5vw,94px)}.about-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.number{color:#71b9ff;font-size:16px;margin-bottom:20px}.about-quote{font-size:24px;border-left:3px solid #358eff;padding:20px;margin:30px 0}.content{max-width:1000px}.content h1{font-size:clamp(44px,7vw,84px);overflow-wrap:anywhere}.entry-content h2{font-size:30px;margin:40px 0 16px}.entry-content p{font-size:16px;line-height:1.85}.entry-content a{text-decoration:underline;overflow-wrap:anywhere}.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cover img{aspect-ratio:1;object-fit:cover;width:100%}.cover-info span,.cover-info strong{display:block;margin-top:10px}.cover-info span{font-size:12px;color:#70b6ff}.cover-info strong{font-family:Anton;font-size:23px;font-weight:400}.listen-row,.button-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}.form{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}.form label{display:block}.form .full,.form .check{grid-column:1/-1}.form input,.form textarea{display:block;margin:8px 0 0}.form textarea{min-height:160px}.form .hp{position:absolute;left:-10000px}.form .check{display:flex;align-items:flex-start;gap:12px;font-size:13px}.form .check input{width:20px;flex-shrink:0;margin-top:5px}.notice{background:#143750;padding:20px;margin-bottom:20px}.contact h2{font-size:clamp(40px,4vw,62px)}.contact .button{font-size:20px}.admin-bar .site-header.on-hero{top:32px}.site-header nav{gap:20px}.site-header nav a{font-size:12px}.site-header .brand{font-size:44px}.site-header .nav-shop{font-size:15px;padding:12px}.underlink{display:block}.page .intro{padding:0}.home .home-project h2{font-size:clamp(40px,5vw,76px)}
@media(max-width:1050px){.site-header{height:auto;min-height:90px;gap:20px}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{font-size:10px}.site-header .brand{font-size:34px}.offer-card{padding:25px}}
@media(max-width:760px){.wrap{width:88%}.site-header{height:82px;min-height:82px}.site-header nav{display:none;align-items:stretch;gap:4px;flex-wrap:nowrap}.site-header nav.open{display:flex}.site-header nav a{font-size:13px}.site-header .brand{font-size:32px}.admin-bar .site-header.on-hero{top:46px}.custom-song,.contact,.projects-list,.page-main,.project-hero,.project-body,.about-hero,.about-story,.about-path,.music,.intro{padding:45px 0}.section-head{display:block}.section-head>p{margin-top:25px}.offer-grid,.project-hero-grid,.project-body-grid,.about-hero-grid,.about-story-grid,.intro-grid,.contact-grid,.case-study,.project-card,.about-path-grid{grid-template-columns:1fr;gap:30px}.offer-card{padding:25px}.offer-card .button{font-size:16px;width:100%}.project-hero h1{font-size:12vw}.cover-grid{grid-template-columns:1fr 1fr;gap:20px}.cover-info strong{font-size:20px}.form{grid-template-columns:1fr}.form label{grid-column:1/-1}.form .button{font-size:16px}.project-card{margin:35px 0}.project-card h2{font-size:40px}.custom-song h2{font-size:43px}.about-path h2{font-size:42px}}

/* Original Peder Tee identity, rendered light for the dark theme. */
.site-header .brand{display:flex;align-items:center;gap:5px;font-size:40px;white-space:nowrap}
.brand-mark{display:block;width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-bottom .brand-full{display:block;line-height:0}
.brand-full img{display:block;width:160px;height:160px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:1050px){.site-header .brand{font-size:30px}.brand-mark{width:50px;height:50px}}
@media(max-width:760px){.site-header .brand{font-size:30px;gap:3px}.brand-mark{width:52px;height:52px}.brand-full img{width:144px;height:144px}}
