/*
Theme Name: Klausen Artist
Theme URI: https://klausen.is
Author: OpenAI for Ívar Klausen
Description: Cinematic bilingual WordPress theme for Ívar Klausen, with booking and WooCommerce-ready shop sections.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: klausen
*/
:root{--ink:#11120f;--paper:#f3efe6;--moss:#66704a;--rust:#9a522f;--sky:#afcddd;--line:rgba(255,255,255,.18);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;background:linear-gradient(rgba(0,0,0,.65),transparent);transition:.3s}.site-header.scrolled{background:rgba(17,18,15,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:28px}.brand{font-family:Georgia,serif;font-size:28px;letter-spacing:.18em;font-weight:700}.nav-links{display:flex;gap:22px;margin-left:auto;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.lang{display:flex;gap:7px;font-size:12px}.lang a{opacity:.55}.lang a.active{opacity:1;border-bottom:1px solid}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:24px}.hero{min-height:100vh;display:grid;align-items:end;position:relative;background:url('assets/images/hero.jpg') center 38%/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.05) 65%),linear-gradient(0deg,rgba(17,18,15,.88),transparent 45%)}.hero-content{position:relative;z-index:2;padding:180px 0 90px;max-width:780px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:13px}.hero h1{font:700 clamp(60px,10vw,145px)/.85 Georgia,serif;margin:18px 0 22px;letter-spacing:-.045em}.lead{font-size:clamp(19px,2vw,28px);max-width:700px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:13px;min-width:170px}.button.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button:hover{transform:translateY(-2px)}section{padding:110px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:50px}.kicker{text-transform:uppercase;letter-spacing:.23em;font-size:12px;color:var(--sky)}h2{font:700 clamp(42px,6vw,82px)/.95 Georgia,serif;margin:10px 0}.muted{color:#c8c5bc}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.media-frame{overflow:hidden;border-radius:2px;min-height:600px}.media-frame img{width:100%;height:100%;object-fit:cover}.text-block{max-width:600px}.text-block p{font-size:18px}.stream-grid,.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stream-card,.social-card{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-weight:700}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:300px;gap:10px}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:span 2}.booking{background:var(--paper);color:var(--ink)}.booking .kicker{color:var(--rust)}form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.full{grid-column:1/-1}label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}input,select,textarea{width:100%;padding:14px;border:1px solid #cfc8ba;background:#fff;font:inherit}textarea{min-height:140px}.notice{padding:14px;margin-bottom:20px;background:#e8f2df;color:#1e3a17}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#f2eee5;color:#171713}.product img{aspect-ratio:1/1;object-fit:cover}.product-copy{padding:22px}.price{font-size:22px;font-weight:700}.site-footer{padding:70px 0 35px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-small{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a9a79f;font-size:13px}@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:20px;right:20px;background:#151611;padding:24px;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block}.section-head,.split,.split.reverse,.footer-grid{grid-template-columns:1fr}.media-frame{min-height:420px}.stream-grid,.social-grid,.shop-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-row:auto;grid-column:span 2}form{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:560px){.wrap{width:min(calc(100% - 24px),var(--max))}.hero h1{font-size:58px}.stream-grid,.social-grid,.shop-grid,.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.lang{display:none}section{padding:80px 0}.footer-small{display:block}.media-frame{min-height:320px}}
