/*
Theme Name: Leraloma
Theme URI: https://valerialomakina.ru
Author: Codex
Description: Custom Gutenberg theme for Valeria Lomakina concerts and masterclasses.
Version: 1.0.0
Text Domain: leraloma
*/
:root{--ink:#161616;--paper:#f8f7f4;--line:#d9d7d2;--accent:#9b5c48;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,244,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max);margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:24px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:.3em}.primary-nav{display:flex;gap:30px;align-items:center}.primary-nav a{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--accent)}.menu-toggle{display:none;border:0;background:transparent;font-size:28px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}.button:hover,.button:focus-visible{background:var(--ink);color:#fff}.button-dark{background:var(--ink);color:#fff}.button-dark:hover,.button-dark:focus-visible{background:var(--accent);border-color:var(--accent)}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:min(76vh,780px);background:#1c1b1a}.hero-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;overflow:hidden;color:#fff;text-align:center;border-right:2px solid var(--paper)}.hero-panel:last-child{border:0}.hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1);transform:scale(1);transition:filter .55s,transform .7s}.hero-panel:hover .hero-photo,.hero-panel:focus-within .hero-photo{filter:grayscale(0);transform:scale(1.04)}.hero-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.54));transition:background .3s}.hero-content{position:relative;z-index:1;padding:30px}.hero-kicker{font-size:12px;letter-spacing:.25em;text-transform:uppercase}.hero-title{margin:14px 0 26px;font-size:clamp(38px,5vw,78px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.hero-link{display:inline-flex;border:1px solid #fff;padding:13px 22px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,color .2s}.hero-link:hover,.hero-link:focus-visible{background:#fff;color:#151515}.intro{max-width:var(--max);margin:auto;padding:72px 28px 26px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.eyebrow{display:block;margin-bottom:12px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.intro h1,.page-title{margin:0;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.05em}.intro p{max-width:560px;margin:0;align-self:end;color:#555;font-size:17px}.section{max-width:var(--max);margin:auto;padding:72px 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(32px,4vw,54px);line-height:1;text-transform:uppercase;letter-spacing:-.04em}.section-head a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.event-list{list-style:none;margin:0;padding:0}.event-row{display:grid;grid-template-columns:180px 1fr 210px;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.event-date{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.event-date span{display:block;color:#777;font-weight:400}.event-name{margin:0 0 5px;font-size:20px;line-height:1.2}.event-place{margin:0;color:#666;font-size:14px}.empty-state{padding:26px 0;color:#666}.page-wrap{max-width:var(--max);margin:auto;padding:64px 28px 100px}.page-heading{margin-bottom:38px}.page-heading p{max-width:700px;color:#666}.post-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:45px}.post-hero img{width:100%;height:450px;object-fit:cover}.post-meta{font-size:14px;color:#666}.post-meta strong{color:var(--ink)}.post-content{max-width:800px;font-size:17px}.post-content a{text-decoration:underline}.site-footer{border-top:1px solid var(--line);padding:32px 28px;color:#666;font-size:13px}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;width:auto;height:auto;background:#fff;padding:12px;z-index:100}.wp-block-gallery img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.92);padding:25px}.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}
@media(max-width:900px){.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.primary-nav.is-open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:0}.hero-panel{min-height:46vh;border-right:0;border-bottom:2px solid var(--paper)}.hero-photo{filter:grayscale(.25)}.intro{grid-template-columns:1fr;padding-top:46px}.event-row{grid-template-columns:1fr;gap:12px}.event-row .button{width:100%}.post-hero{grid-template-columns:1fr}.post-hero img{height:auto}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-photo{transition:none}}