/*
Theme Name: Eikay Sunflower
Theme URI: https://eikaysunflower.com
Author: Eikay Sunflower
Description: ミャンマー人のための介護福祉士国家試験対策オンラインスクール Eikay Sunflower 公式テーマ。ダーク＆シネマティック（ネイビー×ゴールド）。
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: eikaysunflower
*/

:root{
  --es-bg:#0a0f1e; --es-bg2:#0f1730; --es-bg3:#0d1530;
  --es-gold:#c9a24b; --es-gold-light:#e2bf6a;
  --es-text:#e8e6e0; --es-white:#fff;
  --es-line:rgba(255,255,255,.08); --es-line2:rgba(255,255,255,.1);
  --es-dim:rgba(232,230,224,.65); --es-dim2:rgba(232,230,224,.45);
}
*{box-sizing:border-box}
body{margin:0;background:var(--es-bg);color:var(--es-text);font-family:"Zen Kaku Gothic New",system-ui,sans-serif}
a{color:var(--es-gold);text-decoration:none}
a:hover{color:var(--es-gold-light)}
img{max-width:100%;height:auto}
::selection{background:var(--es-gold);color:var(--es-bg)}
.serif{font-family:"Cormorant Garamond",serif}
.my{font-family:Padauk,"Zen Kaku Gothic New",sans-serif}
.es-wrap{padding-left:56px;padding-right:56px}
.es-section{padding-top:88px;padding-bottom:88px;border-bottom:1px solid var(--es-line)}
.es-h2{font-family:"Cormorant Garamond",serif;font-size:44px;color:var(--es-white);margin:0 0 36px}
.es-h2 .gold{color:var(--es-gold)}
.es-h2 small{font-family:"Zen Kaku Gothic New",sans-serif;font-size:13px;color:rgba(232,230,224,.5);margin-left:14px;font-weight:400}
.es-btn{display:inline-block;padding:15px 40px;background:var(--es-gold);color:var(--es-bg);font-size:13px;font-weight:700;letter-spacing:.14em}
.es-btn:hover{background:var(--es-gold-light);color:var(--es-bg)}
.es-btn-ghost{display:inline-block;padding:15px 40px;border:1px solid rgba(255,255,255,.35);color:var(--es-text);font-size:13px;letter-spacing:.14em}
.es-btn-ghost:hover{border-color:var(--es-gold);color:var(--es-gold)}

/* nav */
.es-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 56px;background:rgba(10,15,30,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--es-line)}
.es-nav-brand{display:flex;align-items:center;gap:12px;color:var(--es-white)}
.es-nav-brand img{height:34px;filter:brightness(2.2)}
.es-nav-brand span{font-weight:700;font-size:14px;letter-spacing:.16em}
.es-nav-menu{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.12em}
.es-nav-menu a{color:rgba(232,230,224,.78)}
.es-nav-menu a:hover{color:var(--es-gold)}
.es-nav-menu .es-nav-cta{padding:9px 24px;border:1px solid var(--es-gold);color:var(--es-gold);letter-spacing:.14em}
.es-nav-lang{font-size:11px;color:var(--es-gold)}
.es-nav-lang span{color:rgba(232,230,224,.35)}

/* hero */
.es-hero{position:relative;height:82vh;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 56px 64px;overflow:hidden}
.es-hero video,.es-hero .es-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es-hero-placeholder{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#101830 0 14px,#0d1428 14px 28px)}
.es-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,30,.25) 20%,rgba(10,15,30,.95) 100%)}
.es-hero-inner{position:relative;max-width:1000px}
.es-hero-kicker{font-size:14px;letter-spacing:.3em;color:var(--es-gold);margin-bottom:20px}
.es-hero-title{font-family:"Cormorant Garamond",serif;font-size:104px;line-height:.95;font-weight:600;color:var(--es-white);margin:0}
.es-hero-sub{margin-top:22px;font-size:17px;color:rgba(232,230,224,.85)}
.es-hero-sub-my{margin-top:8px;font-size:14px;color:rgba(232,230,224,.55)}
.es-hero-ctas{display:flex;gap:16px;margin-top:34px}
.es-hero-scroll{position:absolute;right:56px;bottom:64px;font-size:10px;letter-spacing:.35em;color:rgba(232,230,224,.4);writing-mode:vertical-rl}
@media(max-width:900px){.es-hero-title{font-size:56px}.es-wrap,.es-nav,.es-hero{padding-left:24px;padding-right:24px}.es-nav-menu{display:none}}

/* grids/cards */
.es-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.es-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:900px){.es-grid3,.es-grid2{grid-template-columns:1fr}}
.es-sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}
.es-sec-head .es-h2{margin:0}
.es-view-all{font-size:12px;letter-spacing:.12em}

.es-news-card{border:1px solid var(--es-line2);padding:26px;display:flex;flex-direction:column;gap:12px;min-height:120px;color:inherit}
.es-news-card:hover{border-color:var(--es-gold);color:inherit}
.es-news-meta{display:flex;justify-content:space-between;align-items:baseline}
.es-news-date{font-size:11px;letter-spacing:.14em;color:var(--es-gold)}
.es-news-tag{font-size:9px;padding:3px 10px;border:1px solid rgba(255,255,255,.2);letter-spacing:.14em;color:rgba(232,230,224,.6)}
.es-news-title{font-size:14.5px;font-weight:500;line-height:1.6;color:var(--es-white)}
.es-news-excerpt{font-size:11px;color:var(--es-dim2);line-height:1.7}

.es-course-card{background:var(--es-bg2);display:flex;flex-direction:column;transition:transform .25s}
.es-course-card:hover{transform:translateY(-4px)}
.es-course-img{height:180px;background:repeating-linear-gradient(45deg,#16203d 0 12px,#121a33 12px 24px);display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.2em;color:rgba(232,230,224,.35);overflow:hidden}
.es-course-img img{width:100%;height:100%;object-fit:cover}
.es-course-body{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}
.es-course-title{font-size:17px;font-weight:700;color:var(--es-white)}
.es-course-my{font-size:11px;color:rgba(232,230,224,.5)}
.es-course-desc{font-size:12.5px;color:rgba(232,230,224,.68);line-height:1.8;flex:1}
.es-course-more{font-size:12px;letter-spacing:.12em;color:var(--es-gold);margin-top:6px}

/* stats */
.es-stats{display:flex}
.es-stat{flex:1;text-align:center;border-right:1px solid var(--es-line)}
.es-stat:last-child{border-right:none}
.es-stat-num{font-family:"Cormorant Garamond",serif;font-size:64px;color:var(--es-gold);line-height:1}
.es-stat-num small{font-size:28px}
.es-stat-label{font-size:11px;letter-spacing:.18em;color:rgba(232,230,224,.6);margin-top:10px}
@media(max-width:900px){.es-stats{flex-wrap:wrap}.es-stat{flex:1 1 40%;margin-bottom:24px}}

.es-voice{border:1px solid var(--es-line2);border-top:2px solid var(--es-gold);padding:30px}
.es-voice-mark{font-family:"Cormorant Garamond",serif;font-size:30px;color:var(--es-gold);line-height:1}
.es-voice-quote{font-size:13.5px;line-height:2;color:rgba(232,230,224,.85)}
.es-voice-my{font-size:11px;line-height:1.8;color:rgba(232,230,224,.4);margin-top:8px}
.es-voice-who{font-size:11px;letter-spacing:.1em;color:var(--es-gold);margin-top:16px}

/* about */
.es-about{display:grid;grid-template-columns:380px 1fr;gap:56px}
@media(max-width:900px){.es-about{grid-template-columns:1fr}}
.es-about-photo{height:460px;background:repeating-linear-gradient(45deg,#16203d 0 12px,#121a33 12px 24px);display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.2em;color:rgba(232,230,224,.35);overflow:hidden}
.es-about-photo img{width:100%;height:100%;object-fit:cover}
.es-kicker{font-size:12px;letter-spacing:.28em;color:var(--es-gold);margin-bottom:14px}
.es-about-name{font-family:"Cormorant Garamond",serif;font-size:52px;color:var(--es-white);line-height:1;margin:0}
.es-about-bio{font-size:13.5px;line-height:2.1;color:rgba(232,230,224,.8);margin-top:24px}
.es-about-bio-my{font-size:12px;line-height:2;color:var(--es-dim2);margin-top:14px}
.es-def{display:flex;gap:24px;padding:14px 0;border-top:1px solid var(--es-line2);font-size:12.5px}
.es-def:last-of-type{border-bottom:1px solid var(--es-line2)}
.es-def dt{width:70px;color:var(--es-gold);letter-spacing:.1em;margin:0;flex-shrink:0}
.es-def dd{margin:0}
.es-social{display:flex;gap:16px;margin-top:28px;font-size:12px;letter-spacing:.1em}

/* sns */
.es-sns-card{border:1px solid var(--es-line2);padding:36px}
.es-sns-label{font-size:11px;letter-spacing:.25em;color:var(--es-gold)}
.es-sns-title{font-size:17px;font-weight:700;color:var(--es-white);margin-top:12px}
.es-sns-desc{font-size:12.5px;color:var(--es-dim);line-height:1.9;margin-top:10px}
.es-sns-media{height:150px;margin-top:20px;background:repeating-linear-gradient(45deg,#16203d 0 12px,#121a33 12px 24px);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.2em;color:rgba(232,230,224,.35);overflow:hidden}
.es-sns-media img{width:100%;height:100%;object-fit:cover}
.es-sns-btn{display:inline-block;margin-top:20px;padding:11px 28px;border:1px solid var(--es-gold);font-size:11.5px;letter-spacing:.14em}

/* pricing */
.es-price-card{border:1px solid rgba(255,255,255,.12);padding:36px;display:flex;flex-direction:column;gap:14px}
.es-price-card.featured{border-color:var(--es-gold);position:relative;background:#0f1526}
.es-price-badge{position:absolute;top:-12px;left:32px;padding:4px 16px;background:var(--es-gold);color:var(--es-bg);font-size:10px;font-weight:900;letter-spacing:.14em}
.es-price-name{font-size:14px;font-weight:700;color:var(--es-white)}
.es-price-num{font-family:"Cormorant Garamond",serif;font-size:46px;color:var(--es-gold);line-height:1}
.es-price-num small{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;color:rgba(232,230,224,.5)}
.es-price-desc{font-size:12px;color:var(--es-dim);line-height:1.9;flex:1}
.es-price-btn{text-align:center;padding:12px;border:1px solid rgba(255,255,255,.3);color:var(--es-text);font-size:12px;letter-spacing:.12em}
.es-price-btn.solid{background:var(--es-gold);color:var(--es-bg);border:none;font-weight:700}
.es-price-note{font-size:11px;color:rgba(232,230,224,.4);margin-top:18px}

/* contact */
.es-contact{padding:96px 56px;background:linear-gradient(180deg,#0a0f1e,#0d1530)}
.es-contact-head{text-align:center;margin-bottom:56px}
.es-contact-title{font-family:"Cormorant Garamond",serif;font-size:54px;color:var(--es-white);line-height:1.15;margin:0}
.es-contact-title em{color:var(--es-gold)}
.es-contact-sub{font-size:13px;color:var(--es-dim);margin-top:18px}
.es-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1100px;margin:0 auto}
@media(max-width:900px){.es-contact-grid{grid-template-columns:1fr}.es-contact{padding-left:24px;padding-right:24px}}
.es-info-row{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--es-line2);font-size:12.5px}
.es-info-row:last-of-type{border-bottom:1px solid var(--es-line2)}
.es-info-row dt{width:110px;color:rgba(232,230,224,.5);flex-shrink:0;margin:0}
.es-info-row dd{margin:0;line-height:1.9}
.es-contact-form input,.es-contact-form textarea{width:100%;background:transparent;border:1px solid rgba(255,255,255,.2);padding:13px 16px;color:var(--es-text);font-size:13px;font-family:inherit;outline:none}
.es-contact-form input:focus,.es-contact-form textarea:focus{border-color:var(--es-gold)}
.es-contact-form label{display:block;font-size:11px;letter-spacing:.14em;color:rgba(232,230,224,.7);margin:18px 0 7px}
.es-contact-form button,.es-contact-form input[type=submit]{margin-top:18px;width:100%;padding:15px;background:var(--es-gold);border:none;color:var(--es-bg);font-size:13px;font-weight:700;letter-spacing:.16em;font-family:inherit;cursor:pointer}

/* footer */
.es-footer{padding:22px 56px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--es-line);font-size:11px;color:rgba(232,230,224,.35)}
.es-footer a{color:inherit}
.es-footer-brand{display:flex;align-items:center;gap:10px}
.es-footer-brand img{height:22px;filter:brightness(2.2)}
.es-footer-links{display:flex;gap:20px}

/* blog (index/single) */
.es-archive{max-width:820px;margin:0 auto;padding:72px 24px}
.es-article{margin-bottom:56px}
.es-article h1,.es-article h2{color:var(--es-white)}
.es-article-content{font-size:14px;line-height:2.1;color:rgba(232,230,224,.85)}
.es-article-content img{margin:16px 0}