/*
Theme Name: JM Silence Beneath One Click Demo
Author: Julian Mühlenhaus / ChatGPT
Description: Cinematic underwater photography theme with one click demo import, prepared pages and responsive layouts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jm-silence
*/
:root{--bg:#03070b;--ink:#f4f1ea;--muted:#b8c1c9;--line:rgba(244,241,234,.16);--accent:#8cb7d9;--max:1240px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:26px 7vw;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(3,7,11,.72),rgba(3,7,11,0))}.brand{font-size:13px;letter-spacing:.22em;text-transform:uppercase}.nav-menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-menu a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,234,.78)}.menu-toggle{display:none;background:none;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:10px 14px;letter-spacing:.12em;text-transform:uppercase}.section{padding:110px 7vw}.container{max-width:var(--max);margin:0 auto}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:0 7vw 8vw;background-position:center;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,11,.82),rgba(3,7,11,.24) 60%),linear-gradient(0deg,rgba(3,7,11,.72),transparent 58%)}.hero-content{position:relative;max-width:760px}.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 22px}.hero h1,.page-hero h1{font-family:var(--serif);font-size:clamp(44px,7vw,96px);line-height:.95;font-weight:400;margin:0 0 24px}.hero p{font-size:clamp(18px,2vw,24px);color:rgba(244,241,234,.82);margin:0 0 34px}.btn{display:inline-block;border:1px solid rgba(244,241,234,.35);border-radius:999px;padding:14px 24px;background:rgba(244,241,234,.06);text-transform:uppercase;font-size:12px;letter-spacing:.16em}.section-title{font-family:var(--serif);font-size:clamp(34px,5vw,68px);font-weight:400;line-height:1;margin:0 0 42px}.intro-line{max-width:680px;color:var(--muted);font-size:20px}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story-card{position:relative;min-height:430px;overflow:hidden;background:#06111c}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,11,.78),transparent 55%)}.story-card:hover img{transform:scale(1.06)}.story-card h3{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;margin:0;font-family:var(--serif);font-size:28px;font-weight:400}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center}.split img{width:100%;min-height:560px;object-fit:cover}.split p,.content-block p{font-size:19px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.portfolio-item{position:relative;min-height:360px;overflow:hidden}.portfolio-item.tall{min-height:560px}.portfolio-item img{width:100%;height:100%;object-fit:cover}.portfolio-item span{position:absolute;left:24px;bottom:22px;font-family:var(--serif);font-size:32px;text-shadow:0 2px 20px #000}.quiet-cta{text-align:center;max-width:900px;margin:auto}.quiet-cta img{width:100%;max-height:580px;object-fit:cover;margin-bottom:42px}.quiet-cta h2{font-family:var(--serif);font-size:clamp(34px,5vw,70px);font-weight:400;line-height:1.05}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:34px 0}.service-list span{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}.banner{min-height:620px;display:flex;align-items:flex-end;padding:7vw;position:relative;background-size:cover;background-position:center}.banner:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,11,.78),rgba(3,7,11,.12))}.banner-content{position:relative}.banner h2{font-family:var(--serif);font-size:clamp(44px,7vw,94px);line-height:.95;font-weight:400;margin:0 0 28px}.page-hero{min-height:64vh;display:flex;align-items:flex-end;padding:160px 7vw 80px;background-size:cover;background-position:center;position:relative}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,11,.78),rgba(3,7,11,.18))}.page-hero .container{position:relative}.content-block{max-width:980px;margin:0 auto}.content-block h2{font-family:var(--serif);font-size:clamp(34px,5vw,64px);font-weight:400}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.simple-card{border:1px solid var(--line);padding:28px;background:rgba(255,255,255,.025)}.simple-card h3{font-family:var(--serif);font-size:30px;font-weight:400;margin-top:0}.site-footer{border-top:1px solid var(--line);padding:70px 7vw;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:var(--max);margin:auto}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:12px;text-transform:uppercase;letter-spacing:.14em}@media(max-width:900px){.site-header{padding:18px 22px}.menu-toggle{display:block}.nav-menu{display:none;position:fixed;top:70px;left:20px;right:20px;background:rgba(3,7,11,.96);border:1px solid var(--line);padding:24px;flex-direction:column}.nav-menu.open{display:flex}.hero{min-height:88vh;padding:0 24px 64px}.hero h1,.page-hero h1{font-size:44px}.section{padding:74px 24px}.story-grid,.split,.portfolio-grid,.footer-grid,.cards-3{grid-template-columns:1fr}.story-card,.portfolio-item,.portfolio-item.tall{min-height:390px}.split img{min-height:380px}.service-list{grid-template-columns:1fr}.banner{min-height:520px;padding:42px 24px}.footer-links{justify-content:flex-start}}

/* Behind the Lens custom page */
.narrow{max-width:880px}.lead-text{font-family:var(--serif);font-size:clamp(30px,4vw,54px)!important;line-height:1.08;color:var(--ink)!important;margin:0 0 20px}.lens-intro p,.narrow p{font-size:20px;color:var(--muted)}.lens-split .section-title{margin-bottom:26px}.reverse{grid-template-columns:1.1fr 1fr}.fragment-lines{font-family:var(--serif);font-size:clamp(28px,3.8vw,52px)!important;line-height:1.12;color:var(--ink)!important;margin:34px 0}.fragment-lines.large{font-size:clamp(34px,5vw,72px)!important}.statement{font-family:var(--serif);font-size:clamp(28px,4vw,58px)!important;line-height:1.05;color:var(--ink)!important;margin-top:36px}.dark-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.final-note{padding-top:140px;padding-bottom:140px}.lens-gallery{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px}.lens-gallery img{width:100%;height:480px;object-fit:cover}.lens-gallery img:first-child{height:620px}@media(max-width:900px){.reverse,.lens-gallery{grid-template-columns:1fr}.lens-gallery img,.lens-gallery img:first-child{height:360px}.final-note{padding-top:80px;padding-bottom:80px}}

/* About my Work custom page */
.about-work-hero{min-height:78vh;background-position:center 48%}.about-work-hero:before{background:linear-gradient(90deg,rgba(3,7,11,.84),rgba(3,7,11,.36) 55%,rgba(3,7,11,.1)),linear-gradient(0deg,rgba(3,7,11,.72),rgba(3,7,11,.08))}.about-work-intro{padding-bottom:70px}.about-work-split img{min-height:620px;object-fit:cover;background:#06111c}.quiet-emphasis{font-family:var(--serif);font-size:clamp(28px,3.8vw,54px)!important;line-height:1.08;color:var(--ink)!important;margin-top:34px}.about-service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px}.about-service-list span{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:16px}.about-work-closing{position:relative;background-size:cover;background-position:center;min-height:78vh;display:flex;align-items:flex-end}.about-work-closing:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,11,.88),rgba(3,7,11,.32)),linear-gradient(90deg,rgba(3,7,11,.82),rgba(3,7,11,.08))}.about-work-closing .container{position:relative}.about-work-closing p{font-size:20px;color:var(--muted)}@media(max-width:900px){.about-work-hero{min-height:68vh}.about-work-split img{min-height:380px}.about-service-list{grid-template-columns:1fr}.about-work-closing{min-height:620px}}