/*
Theme Name: MØRST — Hard Emotional Schranz
Theme URI: https://soundcloud.com/morstwav
Author: MØRST
Description: Mobile-first Monochrome MØRST artist site, animated smoke, booking by mailto.
Version: 3.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: morst-lost
License: GNU General Public License v2 or later
*/
:root{color-scheme:dark;--black:#030303;--paper:#f5f5f4;--soft:#c9c9ca;--line:rgba(255,255,255,.36);--max:1240px;--pad:clamp(20px,5.4vw,78px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px;background:var(--black)}body{margin:0;min-width:320px;color:var(--paper);background:var(--black);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}::selection{background:#fff;color:#000}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.display{font-family:Impact,'Arial Narrow','Helvetica Neue Condensed Bold','Arial Black',sans-serif;font-stretch:condensed;font-weight:900;letter-spacing:-.025em;text-transform:uppercase;line-height:.91}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.site-header{position:absolute;top:0;left:0;right:0;height:71px;max-width:1480px;margin:0 auto;z-index:50;display:flex;justify-content:flex-end;align-items:center;padding:4px var(--pad)}
.site-header .wordmark{display:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;font-weight:900;letter-spacing:-.04em}
.menu-toggle{appearance:none;background:none;border:0;width:52px;height:52px;padding:10px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:52}
.menu-toggle .bar{display:block;width:32px;height:2px;background:#fff;border-radius:1px;transition:transform .25s ease,opacity .25s ease}
.menu-toggle[aria-expanded=true] .bar:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] .bar:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.menu-overlay{position:fixed;z-index:49;inset:0;display:flex;flex-direction:column;justify-content:center;gap:60px;padding:95px var(--pad) 44px;background:rgba(0,0,0,.985);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.menu-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}
.menu-list{width:100%;max-width:850px;margin:0 auto;padding:0;list-style:none}.menu-list li{border-bottom:1px solid #363636}.menu-list li:first-child{border-top:1px solid #363636}.menu-list a{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:16px}.menu-list strong{font-size:clamp(50px,11vw,118px);letter-spacing:-.02em}.menu-list small{font:15px/1 monospace;color:#b7b7b7}
.menu-bottom{width:100%;max-width:850px;margin:0 auto;display:flex;gap:14px;flex-wrap:wrap}.menu-pill{border:1px solid #999;border-radius:999px;padding:16px 25px;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.landing{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:#030303}
.landing::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 62% 36% at 49% 41%,transparent 55%,rgba(0,0,0,.17) 97%);pointer-events:none}
.smoke-field{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}
.smoke{position:absolute;display:block;object-fit:fill;mix-blend-mode:screen;opacity:.33;transform:translate3d(0,0,0);will-change:transform,opacity;filter:blur(1.5px)}
.smoke--a{width:37%;height:105%;left:-15%;top:-16%;animation:smoke-a 30s ease-in-out infinite alternate}.smoke--b{width:42%;height:95%;right:-20%;top:6%;animation:smoke-b 34s ease-in-out infinite alternate}.smoke--c{width:28%;height:65%;right:-15%;bottom:-24%;opacity:.18;animation:smoke-c 27s ease-in-out infinite alternate}
@keyframes smoke-a{0%{transform:translate3d(-5%,-1%,0) rotate(-3deg) scale(1.04);opacity:.23}50%{opacity:.4}100%{transform:translate3d(13%,8%,0) rotate(5deg) scale(1.17);opacity:.3}}
@keyframes smoke-b{0%{transform:translate3d(5%,5%,0) rotate(5deg) scale(1.06);opacity:.22}50%{opacity:.36}100%{transform:translate3d(-12%,-6%,0) rotate(-5deg) scale(1.19);opacity:.28}}
@keyframes smoke-c{0%{transform:translate3d(0,4%,0) scale(1.05);opacity:.1}100%{transform:translate3d(-18%,-8%,0) scale(1.18);opacity:.27}}
.landing-inner{width:100%;max-width:1480px;padding:0 var(--pad) 64px;margin:auto;position:relative}
.hero-logo{position:absolute;z-index:-1;pointer-events:none;display:block;left:49%;transform:translateX(-50%);top:38px;width:min(87vw,785px);height:auto;object-fit:contain;opacity:.53;filter:grayscale(1) brightness(.8);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)}
.hero-copy{padding-top:clamp(280px,29vw,455px);position:relative;z-index:3;max-width:970px}
.hero-title{transform:scaleX(.76);transform-origin:left center;margin:0;font-size:clamp(130px,22vw,322px);letter-spacing:-.055em;white-space:nowrap;line-height:.86;text-shadow:0 2px 5px rgba(0,0,0,.2)}
.hero-line{margin:10px 0 0 2px;line-height:1.1;font-size:clamp(22px,3.65vw,53px);text-transform:uppercase;font-weight:700;letter-spacing:.16em;white-space:nowrap}
.hero-tag{color:#d9d9d9;font-size:clamp(15px,1.7vw,25px);letter-spacing:.005em;margin:10px 0 0 3px;line-height:1.3}
.hero-socials{display:flex;align-items:center;gap:31px;margin:48px 0 0 0}.hero-socials a{width:38px;height:38px;display:grid;place-items:center;opacity:.95;transition:transform .2s ease,opacity .2s ease}.hero-socials a:hover{opacity:1;transform:translateY(-3px)}.hero-socials svg{width:32px;height:32px}
.booking-wrap{margin-top:33px;max-width:750px}.booking-button{display:flex;align-items:center;justify-content:center;gap:27px;border:2px solid #e7e7e7;border-radius:999px;min-height:70px;padding:14px 25px;transition:background .2s,color .2s;letter-spacing:.26em;font-size:clamp(16px,2.15vw,25px);font-weight:700;white-space:nowrap}
.booking-button:hover{background:#fff;color:#050505}.booking-button svg{width:27px;height:27px;flex:0 0 27px}.booking-email{font-size:clamp(13px,1.4vw,20px);letter-spacing:.035em;color:#c8c8c8;text-align:center;margin:12px 0 0}
.intro-nav{margin:54px 0 0;border-top:1px solid var(--line);max-width:1030px}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:125px;border-bottom:1px solid var(--line);transition:background .2s ease,padding .2s ease}.intro-row:hover{background:#151515;padding-left:10px}.intro-label{display:inline-block;transform:scaleX(.6);transform-origin:left center;font-size:clamp(62px,9.6vw,143px);margin:0;letter-spacing:-.025em}.intro-number{font:clamp(13px,1.5vw,20px)/1.2 monospace;letter-spacing:.05em;color:#d2d2d2;margin-right:6px}
.deep-section{border-top:1px solid #303030;padding:clamp(70px,11vw,155px) var(--pad);background:#050505}.deep-wrap{max-width:1200px;margin:auto}.deep-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}.deep-head h2{transform:scaleX(.69);transform-origin:left center;font-size:clamp(72px,12vw,170px);margin:0}.deep-head small{font:14px/1 monospace;color:#bdbdbd}
.release-card{display:block;position:relative;overflow:hidden;min-height:260px;padding:clamp(26px,5vw,65px);background:linear-gradient(120deg,#171717,#090909 62%);border:1px solid #4b4b4b;transition:border-color .2s}.release-card:hover{border-color:#ddd}.release-caption{font-size:12px;letter-spacing:.2em;color:#d1d1d1;text-transform:uppercase}.release-card strong{display:block;font-size:clamp(47px,7vw,93px);margin:25px 0 10px}.release-card p{color:#b8b8b8;font-size:clamp(14px,1.7vw,20px);line-height:1.6}.release-card .release-corner{position:absolute;right:25px;bottom:25px;font-size:36px}
.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px)}.bio-line{font-size:clamp(38px,6.8vw,90px);line-height:1.05;letter-spacing:-.03em;margin:0}.bio-text{font-size:clamp(17px,2vw,24px);color:#c9c9c9;line-height:1.7;margin:0}.bio-small{display:block;margin-top:33px;color:#888;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.site-footer{border-top:1px solid #333;padding:35px var(--pad) 55px;background:#030303}.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;align-items:center}.footer-logo{font:32px/1 Impact,'Arial Narrow',sans-serif}.footer-legal{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#aaa;font-size:12px;letter-spacing:.08em}.footer-legal a:hover{text-decoration:underline}
.legal-page{max-width:980px;margin:auto;padding:155px var(--pad) 95px;min-height:80vh}.legal-page h1{font-size:clamp(70px,12vw,115px);margin:0 0 40px}.legal-page h2{font-size:28px;margin-top:40px}.legal-page p,.legal-page li{color:#c1c1c1;line-height:1.7}.legal-page a{text-decoration:underline}.legal-warning{border-left:2px solid #fff;padding:10px 20px;background:#151515;color:#fff!important}
@media (max-width:700px){:root{--pad:clamp(20px,5.3vw,35px)}.site-header{height:61px}.hero-logo{width:106%;max-width:450px;top:19px;left:50%;opacity:.81}.landing-inner{padding-bottom:46px}.hero-copy{padding-top:clamp(224px,57vw,300px)}.hero-title{font-size:clamp(91px,24vw,155px);letter-spacing:-.052em}.hero-line{margin-top:10px;font-size:clamp(18px,5vw,30px);letter-spacing:.14em}.hero-tag{font-size:clamp(13px,3.7vw,18px);margin-top:7px}.hero-socials{gap:37px;margin-top:24px}.hero-socials a{width:31px;height:31px}.hero-socials svg{width:31px;height:31px}.booking-wrap{margin-top:12px}.booking-button{min-height:47px;padding:9px 18px;gap:19px;border-width:1.6px;letter-spacing:.27em;font-size:16px}.booking-button svg{width:22px;height:22px;flex-basis:22px}.booking-email{margin-top:10px;font-size:13px}.intro-nav{margin-top:12px}.intro-row{min-height:90px}.intro-label{display:inline-block;transform:scaleX(.6);transform-origin:left center;font-size:clamp(59px,15vw,90px)}.intro-number{font-size:14px}.smoke--a{width:66%;left:-37%;top:-15%;height:106%;opacity:.26}.smoke--b{width:62%;right:-38%;top:2%;height:105%;opacity:.24}.smoke--c{width:42%;right:-26%;bottom:-18%}.deep-section{padding-top:85px;padding-bottom:95px}.deep-head h2{transform:scaleX(.69);transform-origin:left center;font-size:clamp(64px,15vw,110px)}.bio-grid{grid-template-columns:1fr}.release-card{min-height:235px}.menu-list a{min-height:88px}.menu-list strong{font-size:clamp(52px,15vw,90px)}.footer-inner{flex-direction:column;align-items:flex-start}}
@media (max-width:370px){.hero-copy{padding-top:57vw}.hero-title{font-size:23.8vw}.hero-line{font-size:4.8vw;letter-spacing:.12em}.hero-socials{gap:31px}.intro-label{display:inline-block;transform:scaleX(.6);transform-origin:left center;font-size:15vw}.booking-button{font-size:14px}}
@media (min-width:701px) {.site-header .wordmark{display:block;margin-right:auto}.landing-inner{padding-bottom:90px}.intro-nav{max-width:850px}.hero-logo{opacity:.34}.hero-socials a{width:40px;height:40px}.hero-socials svg{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.smoke{animation:none!important;will-change:auto}.menu-overlay,.menu-toggle .bar,.intro-row,.hero-socials a,.booking-button{transition:none!important}}


/* V3 – screenshot-matched heading fonts and iPhone geometry */
@font-face{font-family:'MorstHeading';src:url('assets/fonts/Morst-Heading.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'MorstCondensed';src:url('assets/fonts/Morst-Condensed.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
.display,.site-header .wordmark,.footer-logo{font-family:'MorstHeading',Impact,'Arial Narrow',sans-serif;font-weight:900;letter-spacing:-.025em}
.hero-title{font-family:'MorstHeading',Impact,sans-serif;letter-spacing:-.008em;transform:scaleX(.83);transform-origin:left center;line-height:.93}
.hero-line{font-family:'MorstCondensed',Arial,sans-serif;font-weight:900;letter-spacing:.16em}
.intro-label,.deep-head h2,.menu-list strong{font-family:'MorstHeading',Impact,sans-serif;transform:scaleX(.80);transform-origin:left center;letter-spacing:0}
.hero-logo{filter:none;opacity:.76;mask-image:linear-gradient(to bottom,#000 0%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 96%,transparent 100%)}
.booking-button{font-family:'MorstCondensed',Arial,sans-serif;font-weight:900}
@media (max-width:700px){
  :root{--pad:clamp(20px,5.25vw,29px)}
  .site-header{height:57px}
  .menu-toggle{width:48px;height:46px}
  .menu-toggle .bar{width:26px;height:2px}
  .hero-logo{top:0;left:50%;width:calc(100% - 26px);max-width:420px;opacity:.84;transform:translateX(-50%);object-fit:contain}
  .hero-copy{padding-top:clamp(211px,56.2vw,255px)}
  .hero-title{font-size:clamp(87px,26.2vw,113px);letter-spacing:-.014em;transform:scaleX(.84);line-height:.93}
  .hero-line{margin:1px 0 0 1px;font-size:clamp(21px,6.0vw,26px);letter-spacing:.15em;line-height:1.06;white-space:nowrap}
  .hero-tag{font-size:clamp(13px,3.52vw,16px);letter-spacing:-.01em;margin:6px 0 0 1px;line-height:1.35;color:#e0e0e0;white-space:nowrap}
  .hero-socials{gap:36px;margin-top:25px}
  .hero-socials a,.hero-socials svg{width:29px;height:29px}
  .booking-wrap{margin-top:26px;max-width:none}
  .booking-button{min-height:40px;padding:6px 14px;gap:18px;border-width:1.2px;letter-spacing:.22em;font-size:17px}
  .booking-button svg{width:19px;height:19px;flex-basis:19px}
  .booking-email{margin-top:6px;font-size:13px;letter-spacing:.015em}
  .intro-nav{margin-top:23px}
  .intro-row{min-height:86px}
  .intro-label{font-size:57px;line-height:.9;transform:scaleX(.79)}
  .intro-number{font-size:13px;letter-spacing:.06em}
  .landing-inner{padding-bottom:29px}
  .smoke--a{width:72%;left:-36%;top:-17%;height:108%;opacity:.28}
  .smoke--b{width:64%;right:-30%;top:13%;height:94%;opacity:.33}
  .smoke--c{width:48%;right:-32%;bottom:-18%;opacity:.14}
}
@media (min-width:701px){
  .hero-title{font-size:clamp(140px,20vw,270px)}
  .hero-copy{padding-top:clamp(320px,29vw,440px)}
  .hero-logo{width:min(74vw,850px);top:2px;opacity:.53}
  .intro-label{font-size:clamp(85px,9vw,130px)}
  .hero-line{font-size:clamp(35px,4.2vw,57px)}
  .hero-socials{margin-top:34px}
  .booking-wrap{margin-top:26px}
}
@media (max-width:360px){
 .hero-copy{padding-top:56vw}
 .hero-title{font-size:26vw}
 .hero-line{font-size:5.8vw;letter-spacing:.13em}
 .hero-tag{font-size:3.35vw}
 .intro-label{font-size:53px}
}

@font-face{font-family:'MorstMedium';src:url('assets/fonts/Morst-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@media (max-width:700px){
 .hero-copy{padding-top:clamp(201px,52.6vw,244px)}
 .hero-title{font-size:clamp(98px,28.2vw,120px);transform:scaleX(.78)}
 .hero-line{margin-top:7px;font-family:'MorstMedium',Arial,sans-serif;font-weight:500;letter-spacing:.20em}
 .hero-socials{margin-top:17px}
 .booking-wrap{margin-top:18px;transform:translateX(-4px)}
 .booking-email{margin-top:1px}
 .intro-nav{margin-top:27px}
 .booking-button{font-family:'MorstMedium',Arial,sans-serif;font-weight:500;letter-spacing:.29em}
}
@media (min-width:701px){.hero-line{font-family:'MorstMedium',Arial,sans-serif;font-weight:500;letter-spacing:.19em}.booking-button{font-family:'MorstMedium',Arial,sans-serif;font-weight:500}}


/* V3.1 – Vinyl release block */
.release-vinyl{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:22px;align-items:center;padding:8px 2px 2px;color:#fff}
.vinyl-wrap{display:flex;align-items:center;justify-content:flex-start}
.vinyl-disc{position:relative;display:block;width:min(34vw,210px);aspect-ratio:1/1;border-radius:50%;padding:5px;background:radial-gradient(circle at center,#111 0 11px,#000 11px 14px,#1b1b1b 14px 16px,#050505 16px 62%,#1a1a1a 72%,#050505 78%,#202020 100%);box-shadow:0 0 0 1px rgba(255,255,255,.14),0 10px 30px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.05);animation:vinyl-spin 18s linear infinite}
.vinyl-disc::before{content:'';position:absolute;inset:3.5%;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,0) 1px 7px);mix-blend-mode:screen;opacity:.22;pointer-events:none}
.vinyl-disc::after{content:'';position:absolute;left:50%;top:50%;width:13%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:#090909;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 0 7px rgba(0,0,0,.45)}
.vinyl-disc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.95) contrast(1.05) brightness(.88)}
.release-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.release-track{font-size:clamp(18px,2.15vw,31px);line-height:1.38;font-weight:700;color:#efefef;text-wrap:balance}
.release-meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8d8d8d}
@keyframes vinyl-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (max-width:700px){
 .release-vinyl{grid-template-columns:132px 1fr;gap:18px;padding-top:4px}
 .vinyl-disc{width:132px;animation-duration:22s}
 .release-track{font-size:clamp(16px,4.8vw,22px);line-height:1.42}
 .release-meta{font-size:10px;letter-spacing:.12em}
}
@media (max-width:420px){
 .release-vinyl{grid-template-columns:124px 1fr;gap:14px}
 .vinyl-disc{width:124px;animation-duration:24s}
 .release-track{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.vinyl-disc{animation:none!important}}