:root {
--gs-black: #0a0a0a;
--gs-dark: #1a1a1a;
--gs-warm-dark: #1C1A17;
--aq-navy: #1B2A4A;
--aq-slate: #3A4E6B;
--aq-blue-light: #B8CBE4;
--aq-cream: #F5F0E8;
--aq-warm-white: #FAFAF7;
--aq-gold: #C4A96A;
--aq-gold-light: #D4BA85;
--accent-copper: #B87333;
--section-bg: #F8F6F2;
} *,*::before,*::after{box-sizing:border-box}
body{
font-family:'Noto Serif JP','Georgia',serif;
background:var(--aq-warm-white);
color:var(--gs-dark);
-webkit-font-smoothing:antialiased;
letter-spacing:0.02em;
}
a{color:var(--aq-navy);text-decoration:none;transition:color .3s}
a:hover{color:var(--aq-gold)} h1,h2,h3,h4,h5,h6{
font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
font-weight:300 !important;
letter-spacing:0.06em !important;
color:var(--aq-navy) !important;
line-height:1.25 !important;
} #site-header,.header-top{
background:rgba(10,10,10,0.95) !important;
backdrop-filter:blur(20px) saturate(180%) !important;
-webkit-backdrop-filter:blur(20px) saturate(180%) !important;
border-bottom:1px solid rgba(196,169,106,0.3) !important;
box-shadow:none !important;
}
.logo a,.site-branding a,#site-header .site-title a{
font-family:'Cormorant Garamond',serif !important;
font-weight:300 !important;
font-size:1.4rem !important;
letter-spacing:0.25em !important;
color:#ffffff !important;
text-transform:uppercase !important;
}
#site-header nav a,.global-nav a,#nav-global a{
font-family:'Montserrat',sans-serif !important;
font-size:0.7rem !important;
font-weight:400 !important;
letter-spacing:0.2em !important;
text-transform:uppercase !important;
color:rgba(255,255,255,0.75) !important;
transition:color .3s !important;
}
#site-header nav a:hover,.global-nav a:hover{color:var(--aq-gold) !important} .color-bar{
height:2px !important;
background:linear-gradient(90deg,var(--aq-navy) 0%,var(--aq-gold) 40%,var(--accent-copper) 70%,var(--aq-navy) 100%) !important;
} .wp-block-button__link,.jin-button a,a.btn,.cps-btn{
font-family:'Montserrat',sans-serif !important;
font-size:0.72rem !important;
font-weight:500 !important;
letter-spacing:0.25em !important;
text-transform:uppercase !important;
background:var(--aq-gold) !important;
color:#fff !important;
border:1px solid var(--aq-gold) !important;
border-radius:0 !important;
padding:16px 40px !important;
transition:all .4s !important;
box-shadow:none !important;
}
.wp-block-button__link:hover,.jin-button a:hover,a.btn:hover{
background:transparent !important;
color:var(--aq-gold) !important;
} .jin-card,.post-card,article.post{
border-radius:0 !important;
background:#fff !important;
border:1px solid rgba(196,169,106,0.2) !important;
box-shadow:0 4px 32px rgba(27,42,74,0.06) !important;
overflow:hidden !important;
transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s !important;
}
.jin-card:hover,article.post:hover{
transform:translateY(-6px) !important;
box-shadow:0 20px 60px rgba(27,42,74,0.12) !important;
} #site-footer,.site-footer,footer{
background:var(--gs-warm-dark) !important;
color:rgba(255,255,255,0.6) !important;
border-top:1px solid rgba(196,169,106,0.2) !important;
}
#site-footer a,footer a{
color:rgba(255,255,255,0.6) !important;
transition:color .3s !important;
}
#site-footer a:hover,footer a:hover{color:var(--aq-gold) !important}
.footer-copyright,.copyright{
font-family:'Montserrat',sans-serif;
font-size:0.65rem;
letter-spacing:0.15em;
color:rgba(255,255,255,0.35) !important;
text-align:center;
padding:20px;
} .sticky-bar,[class*="fixed-bar"]{
background:rgba(10,10,10,0.95) !important;
backdrop-filter:blur(20px) !important;
border-top:1px solid rgba(196,169,106,0.25) !important;
color:rgba(255,255,255,0.75) !important;
} .miyagi-hp .mh-label{
font-family:'Montserrat',sans-serif !important;
font-size:0.62rem !important;
font-weight:400 !important;
letter-spacing:0.4em !important;
text-transform:uppercase !important;
color:var(--aq-gold) !important;
text-align:center !important;
margin-bottom:16px !important;
}
.miyagi-hp .mh-ttl{
font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
font-size:clamp(2rem,4vw,3.6rem) !important;
font-weight:300 !important;
text-align:center !important;
letter-spacing:0.04em !important;
line-height:1.3 !important;
margin-bottom:20px !important;
color:var(--aq-navy) !important;
}
.miyagi-hp .mh-sub{
font-family:'Noto Serif JP',serif !important;
font-size:0.95rem !important;
font-weight:300 !important;
color:#5a6478 !important;
text-align:center !important;
line-height:2 !important;
max-width:560px !important;
margin:0 auto 80px !important;
letter-spacing:0.05em !important;
}
.miyagi-hp .card{
border-radius:0 !important;
padding:56px 40px !important;
background:#fff !important;
border:none !important;
box-shadow:none !important;
transition:background .4s !important;
position:relative;
overflow:hidden;
}
.miyagi-hp .card::before{
content:'';
position:absolute;
top:0;left:0;right:0;
height:2px;
background:var(--aq-gold);
transform:scaleX(0);
transition:transform .4s;
}
.miyagi-hp .card:hover::before{transform:scaleX(1)}
.miyagi-hp .card:hover{background:var(--section-bg) !important}
.miyagi-hp .card h3{
font-family:'Noto Serif JP',serif !important;
font-size:1.05rem !important;
font-weight:400 !important;
color:var(--aq-navy) !important;
margin-bottom:12px !important;
letter-spacing:0.06em !important;
}
.miyagi-hp .card p{
font-family:'Noto Serif JP',serif;
font-size:0.88rem;
line-height:1.9;
color:#5a6478;
font-weight:300;
}
.miyagi-hp .mh-hero{
background:linear-gradient(160deg,#0D1B2E 0%,#1B2A4A 50%,#0D1B2E 100%);
position:relative;
overflow:hidden;
}
.miyagi-hp .mh-hero::before{
content:'';
position:absolute;
inset:0;
background:
radial-gradient(ellipse 80% 60% at 30% 40%,rgba(196,169,106,.08) 0%,transparent 60%),
radial-gradient(ellipse 60% 80% at 70% 70%,rgba(58,78,107,.3) 0%,transparent 60%);
}
.miyagi-hp .mh-eyebrow{
font-family:'Montserrat',sans-serif;
font-size:0.65rem;
font-weight:400;
letter-spacing:0.4em;
text-transform:uppercase;
color:var(--aq-gold);
border:1px solid rgba(196,169,106,.4);
padding:8px 24px;
}
.miyagi-hp .mh-hero-title{
font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
font-weight:300 !important;
color:#fff !important;
letter-spacing:0.06em !important;
line-height:1.15 !important;
}
.miyagi-hp .mh-hero-title em{
font-style:italic;
color:var(--aq-gold);
}
.miyagi-hp .mh-btn-primary{
font-family:'Montserrat',sans-serif;
font-size:0.7rem;
font-weight:500;
letter-spacing:0.25em;
text-transform:uppercase;
background:var(--aq-gold);
color:#fff;
border:1px solid var(--aq-gold);
padding:18px 48px;
transition:all .4s;
display:inline-block;
text-decoration:none;
}
.miyagi-hp .mh-btn-primary:hover{
background:transparent;
color:var(--aq-gold);
}
.miyagi-hp .mh-btn-outline{
font-family:'Montserrat',sans-serif;
font-size:0.7rem;
font-weight:400;
letter-spacing:0.25em;
text-transform:uppercase;
background:transparent;
color:rgba(255,255,255,.8);
border:1px solid rgba(255,255,255,.35);
padding:18px 48px;
transition:all .4s;
display:inline-block;
text-decoration:none;
}
.miyagi-hp .mh-btn-outline:hover{
border-color:var(--aq-gold);
color:var(--aq-gold);
}
.miyagi-hp .mh-cta{
background:linear-gradient(160deg,#0D1B2E 0%,#1B2A4A 100%);
position:relative;
overflow:hidden;
}
.miyagi-hp .mh-cta::before{
content:'';
position:absolute;
inset:0;
background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(196,169,106,.1) 0%,transparent 70%);
}
.miyagi-hp .mh-cta .mh-ttl{color:#fff !important}
.miyagi-hp .mh-cta .mh-sub{color:rgba(255,255,255,.65) !important} hr,.wp-block-separator{
border:none !important;
border-top:1px solid rgba(196,169,106,.25) !important;
margin:60px auto !important;
max-width:120px !important;
} .wp-block-quote{
border-left:2px solid var(--aq-gold) !important;
background:var(--section-bg) !important;
padding:32px 40px !important;
font-family:'Cormorant Garamond',serif !important;
font-style:italic !important;
font-size:1.3rem !important;
color:var(--aq-navy) !important;
} @media(max-width:768px){
.miyagi-hp .cards{grid-template-columns:1fr !important;gap:2px !important}
.miyagi-hp .card{padding:40px 28px !important}
}