/*
Theme Name: OMOI NAGORI
Theme URI: https://omoinagori.com/
Author: OMOI NAGORI
Description: OMOI NAGORI official artist site — editable LIVE / MUSIC / ABOUT / CONTACT / NEWS.
Version: 2.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: omoi-nagori
*/

:root{
  --bg:#f4f0e9;--ink:#171614;--muted:#746f67;--line:#d7d0c5;--dark:#1b1a18;
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",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.8}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,233,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,208,197,.6)}
.logo{font-family:var(--serif);letter-spacing:.14em;font-size:17px}
.nav{display:flex;gap:28px;font-size:11px;letter-spacing:.18em}
.nav a:hover{opacity:.55}
.menu-toggle{display:none;background:none;border:0;font-size:22px}
.container{width:min(1160px,92vw);margin:auto}
.hero{min-height:0;padding:120px 0 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:start;gap:6vw}
.hero-copy h1{font:400 clamp(30px,3.4vw,52px)/1.05 var(--serif);letter-spacing:.025em;white-space:nowrap;display:block;width:max-content;max-width:100%;margin:0 0 20px}
.hero-copy .tagline{font-family:var(--serif);font-size:20px;margin:0 0 12px}
.hero-copy .sub{color:var(--muted);font-size:13px;letter-spacing:.12em}
.hero-image{
  width:100%;
  height:fit-content !important;
  min-height:0 !important;
  align-self:start;
  background:none !important;
  display:block;
  overflow:visible;
  line-height:0;
}
.hero-image img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  min-height:0 !important;
  object-fit:initial;
  object-position:initial;
  vertical-align:top;
}
.hero-image-placeholder{
  width:100%;
  aspect-ratio:16/9;
  background:#e7e2da;
}
.section{padding:110px 0;border-top:1px solid var(--line)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}
.section-kicker{font-size:11px;letter-spacing:.22em;color:var(--muted)}
.section-title{font:400 clamp(38px,5vw,64px)/1.1 var(--serif);margin:5px 0 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.about-lead{font:400 clamp(28px,4vw,48px)/1.35 var(--serif);margin:0 0 28px}
.about-copy{max-width:560px;color:#4e4a44}
.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;letter-spacing:.14em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border-top:1px solid var(--line);padding-top:18px}
.card-thumb{aspect-ratio:1/1;width:100%;background:#ddd center/contain no-repeat;margin-bottom:18px;overflow:hidden}
.card-meta{font-size:11px;color:var(--muted);letter-spacing:.08em}
.card h3{font:400 27px/1.3 var(--serif);margin:8px 0}
.card p{color:#59544d;font-size:13px}
.live-list{display:grid;gap:0}
.live-item{display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding:28px 0}
.live-date{font-family:var(--serif);font-size:28px;line-height:1.15}
.live-date small{display:block;font:11px var(--sans);letter-spacing:.1em;color:var(--muted)}
.live-title{font:400 25px/1.3 var(--serif);margin:0 0 6px}
.live-meta{font-size:12px;color:var(--muted)}
.button{display:inline-block;padding:12px 20px;border:1px solid var(--ink);font-size:11px;letter-spacing:.12em;transition:.2s}
.button:hover{background:var(--ink);color:#fff}
.news-list{border-top:1px solid var(--line)}
.news-item{display:grid;grid-template-columns:130px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.news-date{font-size:12px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:11px;letter-spacing:.12em}
.form-field input,.form-field select,.form-field textarea{font:inherit;background:transparent;border:1px solid var(--line);padding:13px;border-radius:0}
.form-field textarea{min-height:140px;resize:vertical}
.form-submit{margin-top:22px;background:var(--dark);color:#fff;border:0;padding:15px 28px;letter-spacing:.12em;cursor:pointer}
.notice{padding:14px 16px;border:1px solid var(--line);margin-bottom:25px;font-size:13px}
.site-footer{padding:60px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:20px}
.entry{padding-top:130px;padding-bottom:100px}
.entry h1{font:400 clamp(42px,6vw,72px)/1.1 var(--serif);margin:0 0 10px}
.entry-content{max-width:760px;margin-top:50px}
.entry-content p{margin:0 0 1.4em}
.admin-hint{font-size:12px;color:var(--muted);padding:12px 0}
@media(max-width:760px){
  .site-header{padding:18px 5vw}.nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-image{min-height:0 !important;height:auto;order:-1}.hero-copy h1{font-size:32px;letter-spacing:.02em;white-space:nowrap;width:max-content;max-width:100%}.section{padding:75px 0}.about-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.live-item{grid-template-columns:90px 1fr;gap:16px}.live-item .button{grid-column:2;width:max-content}.live-title{font-size:21px}.news-item{grid-template-columns:90px 1fr}.news-item .arrow{display:none}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.footer-row{flex-direction:column}
}

/* LIVE flyer */
.live-item-v22{grid-template-columns:180px 150px 1fr auto;align-items:center}
.live-flyer{width:180px;height:240px;background:#e9e5de;display:flex;align-items:center;justify-content:center;overflow:hidden}
.live-flyer:empty{visibility:hidden}
.live-flyer img{width:100%;height:100%;object-fit:contain;display:block}
.omoi-flyer-open{display:block;width:100%;height:100%;cursor:zoom-in}
.omoi-flyer-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.88);display:none;align-items:center;justify-content:center;padding:5vh 5vw}
.omoi-flyer-lightbox.is-open{display:flex}
.omoi-flyer-lightbox img{max-width:92vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 50px rgba(0,0,0,.4)}
.omoi-flyer-close{position:absolute;top:18px;right:24px;border:0;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer}
@media(max-width:900px){
  .live-item-v22{grid-template-columns:120px 1fr;align-items:start}
  .live-flyer{grid-row:1 / span 3;width:120px;height:160px}
  .live-item-v22 .live-date{grid-column:2}
  .live-item-v22>div:nth-child(3){grid-column:2}
  .live-item-v22>div:nth-child(4){grid-column:2;margin-top:10px}
}
@media(max-width:520px){
  .live-item-v22{grid-template-columns:100px 1fr;gap:12px}
  .live-flyer{width:100px;height:133px}
  .omoi-flyer-lightbox{padding:30px 12px}
  .omoi-flyer-lightbox img{max-width:96vw;max-height:84vh}
}

.cf-turnstile{margin:18px 0;min-height:65px}