/*
Theme Name: physical garage
Theme URI: https://physical-garage.com/
Author: physical garage
Description: physical garage 公式サイト用ブロックテーマ。Body, for a better life.
Version: 1.3.2
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: physical-garage
*/

/* ---------- Base ---------- */
body { -webkit-font-smoothing: antialiased; }
::selection { background: rgba(181, 155, 88, 0.2); color: #2D2D2C; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-site-blocks { padding: 0; }
.pg-section h1, .pg-section h2, .pg-section h3, .pg-section h4, .pg-section p { margin: 0; }

/* ---------- Header ---------- */
.pg-header-wrap { position: sticky; top: 0; z-index: 50; }
.admin-bar .pg-header-wrap { top: 32px; }
@media (max-width: 782px) { .admin-bar .pg-header-wrap { top: 46px; } }
.pg-header {
	height: 80px; padding: 0 max(24px, calc((100% - 1184px) / 2));
	position: relative; isolation: isolate;
	border-bottom: 1px solid #F3F0E6;
}
/* The blur lives on a pseudo-element: backdrop-filter on .pg-header itself would trap the
   fixed-position menu overlay inside the 80px header. */
.pg-header::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(250, 249, 246, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.pg-logo { margin: 0; line-height: 1; }
.pg-logo a, .pg-footer-logo a { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.pg-logo-mark { font-family: "Plus Jakarta Sans", sans-serif; font-size: 24px; letter-spacing: 0.1em; color: #B59B58; }
.pg-logo-text { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; color: #575755; }
.pg-nav { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; }
.pg-nav .wp-block-navigation__container { gap: 40px; align-items: center; }
.pg-nav .wp-block-navigation-item__content { color: #575755; }
.pg-nav .wp-block-navigation-item__content:hover { color: #8E773D; }
.pg-nav .pg-nav-reserve > .wp-block-navigation-item__content { padding: 10px 20px; border: 1px solid #DED4B7; color: #8E773D; }
.pg-nav .pg-nav-reserve > .wp-block-navigation-item__content:hover { background: #B59B58; color: #fff; }
.pg-nav .wp-block-navigation__responsive-container.is-menu-open { background: #FAF9F6; padding: 40px 32px; }
.pg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 24px; }
/* Below desktop width the full menu no longer fits on one line: use the hamburger (top right) instead of core's 600px switch. */
@media (max-width: 1023px) {
	.pg-header .pg-nav { margin-left: auto; }
	.pg-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.pg-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.pg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { display: flex; }
}

/* ---------- Shared section parts ---------- */
.pg-section { padding: 160px 24px; border-top: 1px solid #F3F0E6; }
.pg-alt { background-color: #F5F4EF; }
.pg-grid-bg {
	background-image: linear-gradient(to right, rgba(181,155,88,0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(181,155,88,0.05) 1px, transparent 1px);
	background-size: 40px 40px;
}
.pg-w-672 { max-width: 672px; margin-left: auto !important; margin-right: auto !important; }
.pg-w-768 { max-width: 768px; margin-left: auto !important; margin-right: auto !important; }
.pg-w-896 { max-width: 896px; margin-left: auto !important; margin-right: auto !important; }
.pg-w-1024 { max-width: 1024px; margin-left: auto !important; margin-right: auto !important; }
.pg-center { text-align: center; }
.pg-label { font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 12px; letter-spacing: 0.3em; line-height: 1.6; color: #8E773D; }
.pg-h2 { font-size: 30px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.6; }
.pg-sub { font-size: 12px; letter-spacing: 0.05em; color: #686662; }
.pg-text { font-size: 16px; line-height: 2; letter-spacing: 0.025em; color: #4A4A48; }
.pg-text-s { font-size: 14px; line-height: 1.8; color: #4A4A48; }
.pg-muted-s { font-size: 12px; line-height: 1.7; color: #686662; }
.pg-head { margin-bottom: 80px; }
.pg-head > * + * { margin-block-start: 16px !important; }

/* ---------- 01 FV (hero) ---------- */
.pg-hero.wp-block-cover {
	min-height: calc(100vh - 80px); min-height: calc(100svh - 80px);
	padding: 0 max(24px, calc((100% - 1184px) / 2)) 96px;
	align-items: flex-end; justify-content: flex-start;
	overflow: hidden; color: #fff;
}
.admin-bar .pg-hero.wp-block-cover { min-height: calc(100svh - 112px); }
/* Let the hero meet the header with no visible seam. */
.home .pg-header { border-bottom-color: transparent; }
.pg-hero .wp-block-cover__image-background { animation: pg-hero-zoom 14s cubic-bezier(.2,.6,.2,1) both; }
/* Deep sea-blue on the left so the copy reads over the bright sky; the sunrise stays visible on the right. */
.pg-hero .wp-block-cover__background {
	opacity: 1 !important;
	background: linear-gradient(100deg, rgba(10, 28, 46, 0.78) 0%, rgba(10, 28, 46, 0.45) 38%, rgba(10, 28, 46, 0) 65%),
		linear-gradient(to top, rgba(10, 20, 30, 0.55) 0%, rgba(10, 20, 30, 0) 40%) !important;
}
.pg-hero .wp-block-cover__inner-container { width: 100%; max-width: 1184px; margin: 0 auto; color: #fff; }
.pg-hero-body { max-width: 900px; }
.pg-hero-body > * { margin: 0 !important; animation: pg-rise 1.1s cubic-bezier(.2,.7,.2,1) both; }
.pg-hero-body > :nth-child(2) { animation-delay: .15s; }
.pg-hero-body > :nth-child(3) { animation-delay: .3s; }
.pg-hero-body > :nth-child(4) { animation-delay: .45s; }
.pg-hero-kicker { display: flex; align-items: center; gap: 16px; font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 0.35em; line-height: 1.6; color: rgba(255,255,255,0.8); }
.pg-hero-kicker::before { content: ""; width: 40px; height: 1px; background: #D9C08A; }
.pg-hero .pg-hero-title { margin-top: 28px !important; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 300; font-size: clamp(44px, 7.2vw, 96px); line-height: 1.02; letter-spacing: 0.01em; color: #fff; text-shadow: 0 2px 30px rgba(0,0,0,0.25); }
.pg-hero-title em { font-style: italic; font-weight: 400; color: #E7CC8F; }
.pg-hero-sub { margin-top: 32px !important; font-size: 15px; font-weight: 400; line-height: 2.1; letter-spacing: 0.12em; color: rgba(255,255,255,0.9); }
.pg-hero-btns { margin-top: 48px !important; gap: 16px; }
.pg-hero-btns .wp-block-button__link { padding: 16px 40px; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; border: 1px solid transparent; transition: background .3s, color .3s, border-color .3s; }
.pg-btn-solid .wp-block-button__link { background: #B59B58; color: #fff; border-color: #B59B58; }
.pg-btn-solid .wp-block-button__link:hover { background: #8E773D; border-color: #8E773D; color: #fff; }
.pg-btn-ghost .wp-block-button__link { background: transparent; color: #fff; border-color: rgba(255,255,255,0.6); }
.pg-btn-ghost .wp-block-button__link:hover { background: #fff; color: #2D2D2C; }
.pg-hero-scroll { position: absolute; right: max(24px, calc((100% - 1184px) / 2)); bottom: 0; margin: 0 !important; padding-bottom: 88px; writing-mode: vertical-rl; font-family: "Inter", sans-serif; font-size: 10px; letter-spacing: 0.35em; color: rgba(255,255,255,0.8); }
.pg-hero-scroll::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 72px; background: rgba(255,255,255,0.25) linear-gradient(#fff, #fff) no-repeat top / 1px 0; animation: pg-scroll 2.2s ease-in-out infinite; }
@keyframes pg-hero-zoom { from { transform: scale(1.12); } to { transform: scale(1); } }
@keyframes pg-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes pg-scroll { 0% { background-size: 1px 0; background-position: top; } 50% { background-size: 1px 100%; background-position: top; } 51% { background-position: bottom; } 100% { background-size: 1px 0; background-position: bottom; } }
@media (prefers-reduced-motion: reduce) {
	.pg-hero .wp-block-cover__image-background, .pg-hero-body > *, .pg-hero-scroll::after { animation: none; }
}

/* ---------- 02 INTRO ---------- */
.pg-intro .pg-h2 { margin-bottom: 48px !important; }
.pg-intro .pg-text + .pg-text { margin-top: 32px !important; }
.pg-intro .pg-label { margin-bottom: 24px !important; }

/* ---------- 03 CONCEPT ---------- */
/* Concept intro: centred title, then a two-part panel (statement | explanation). */
#concept .pg-head { text-align: center; margin-bottom: 64px; }
#concept .pg-head .pg-label { display: flex; align-items: center; justify-content: center; gap: 16px; }
#concept .pg-head .pg-label::before, #concept .pg-head .pg-label::after { content: ""; width: 40px; height: 1px; background: #B59B58; }
#concept .pg-h2 { font-size: 34px; letter-spacing: 0.12em; }
#concept .pg-h2 .pg-em { color: #8E773D; }
#concept .pg-head::after { content: "BACK TO THE ORIGIN"; display: block; margin-top: 12px; font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 0.4em; color: #A9A49B; }
/* Single-column panel: statement, then explanation, then the note (columns flattened with display: contents). */
.pg-concept-cols { display: flex !important; flex-direction: column; align-items: center; gap: 0 !important; max-width: 760px; margin: 0 auto 96px !important; padding: 64px 72px; background: #fff; border: 1px solid #ECE6D6; box-shadow: 0 20px 50px rgba(45,45,44,0.05); text-align: center; }
.pg-concept-cols > .wp-block-column { display: contents; }
.pg-line-h3 { order: 1; position: relative; padding: 0 0 28px; border: 0; font-size: 28px; font-weight: 400; line-height: 1.6; letter-spacing: 0.08em; }
.pg-line-h3::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; margin-left: -20px; background: #B59B58; }
.pg-concept-cols .pg-text { order: 2; margin-top: 28px !important; }
.pg-concept-cols .pg-text + .pg-text { margin-top: 20px !important; }
.pg-concept-cols .pg-muted-s { order: 3; margin-top: 36px !important; padding: 14px 20px; background: #F7F5EF; border-left: 2px solid #B59B58; font-size: 12px; line-height: 1.9; text-align: left; }
.pg-approach { padding-top: 48px; border-top: 1px solid #ECE6D6; }
.pg-approach-title { display: flex; align-items: center; justify-content: center; gap: 20px; text-align: center; font-size: 14px; letter-spacing: 0.2em; color: #2D2D2C; margin-bottom: 48px !important; }
.pg-approach-title::before, .pg-approach-title::after { content: ""; flex: 0 1 64px; height: 1px; background: #B59B58; }
.pg-cards2 { gap: 48px; counter-reset: pgcard; }
@media (min-width: 782px) { .pg-cards2 > .wp-block-column { flex: 1 1 0 !important; min-width: 0; } }
.pg-box { position: relative; background: #FAF9F6; border: 1px solid #ECE6D6; padding: 232px 48px 48px; transition: border-color .5s; }
/* Line-art illustration on top of each approach card (posture / habit loop). */
.pg-box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 196px; border-bottom: 1px solid #ECE6D6; background-color: #FFFFFF; background-image: linear-gradient(to right, rgba(181,155,88,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(181,155,88,0.06) 1px, transparent 1px); background-size: 20px 20px; }
.pg-box::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 196px; background: center / auto 168px no-repeat; pointer-events: none; }
.pg-box-a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 170' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='118' cy='92' r='71' stroke='%23E8E0CC' stroke-width='1'/%3E%3Ccircle cx='118' cy='92' r='62' fill='%23F4EFE3'/%3E%3Cellipse cx='90' cy='149' rx='15' ry='2.6' fill='%23E3DACA'/%3E%3Cellipse cx='128' cy='149' rx='15' ry='2.6' fill='%23E3DACA'/%3E%3Cpath d='M92 104 L97 146' stroke='%239C8448' stroke-width='9'/%3E%3Cpath d='M95 75 L106 86 L117 88' stroke='%239C8448' stroke-width='7.5'/%3E%3Cpath d='M81 62 Q81 57 86 57 L95 57 Q100 57 99 62 L97 98 Q97 102 93 102 L86 102 Q82 102 82 98 Z' fill='%23B59B58'/%3E%3Cpath d='M86 104 L84 146' stroke='%23B59B58' stroke-width='9'/%3E%3Cpath d='M96 64 L118 68' stroke='%23B59B58' stroke-width='7.5'/%3E%3Ccircle cx='89' cy='43' r='9' fill='%23B59B58'/%3E%3Cpath d='M130 102 L134 146' stroke='%234A4A48' stroke-width='9'/%3E%3Cpath d='M129 65 L162 66' stroke='%234A4A48' stroke-width='7.5'/%3E%3Cpath d='M117 59 Q117 54 122 54 L131 54 Q136 54 135 59 L133 96 Q133 100 129 100 L123 100 Q119 100 119 96 Z' fill='%232D2D2C'/%3E%3Cpath d='M123 102 L121 146' stroke='%232D2D2C' stroke-width='9'/%3E%3Cpath d='M131 61 L166 58' stroke='%232D2D2C' stroke-width='7.5'/%3E%3Ccircle cx='127' cy='40' r='9' fill='%232D2D2C'/%3E%3Cpath d='M141 106 A40 40 0 0 0 168 76' stroke='%23B59B58' stroke-width='1.2' stroke-dasharray='2 4'/%3E%3Cpath d='M164.5 78.5 L168.5 74 L171.5 79.5' stroke='%23B59B58' stroke-width='1.2'/%3E%3C/svg%3E"); }
.pg-box-b::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 170' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='120' cy='94' r='71' stroke='%23E8E0CC' stroke-width='1'/%3E%3Ccircle cx='120' cy='94' r='62' fill='%23F4EFE3'/%3E%3Cg fill='%23B59B58'%3E%3Ccircle cx='99' cy='52' r='5.5'/%3E%3Ccircle cx='113' cy='52' r='5.5'/%3E%3Ccircle cx='127' cy='52' r='5.5'/%3E%3C/g%3E%3Ccircle cx='141' cy='52' r='5.5' stroke='%23B59B58' stroke-width='1.2'/%3E%3Cg stroke='%23FFFFFF' stroke-width='1.3'%3E%3Cpath d='M96.8 52 l1.6 1.6 l2.8 -3.2'/%3E%3Cpath d='M110.8 52 l1.6 1.6 l2.8 -3.2'/%3E%3Cpath d='M124.8 52 l1.6 1.6 l2.8 -3.2'/%3E%3C/g%3E%3Crect x='62' y='143' width='120' height='5' rx='2.5' fill='%23E3D6B6'/%3E%3Cpath d='M99 131 L165 133' stroke='%234A4A48' stroke-width='9'/%3E%3Cpath d='M167 133 L169 124' stroke='%234A4A48' stroke-width='7'/%3E%3Cpath d='M118 110 L157 124' stroke='%234A4A48' stroke-width='7.5'/%3E%3Cpath d='M98 136 L163 138' stroke='%232D2D2C' stroke-width='9'/%3E%3Cpath d='M165 138 L167 129' stroke='%232D2D2C' stroke-width='7'/%3E%3Cpath d='M98 132 L120 108' stroke='%232D2D2C' stroke-width='15'/%3E%3Cpath d='M120 113 L160 129' stroke='%232D2D2C' stroke-width='7.5'/%3E%3Ccircle cx='130' cy='97' r='9' fill='%232D2D2C'/%3E%3Cg stroke='%23B59B58' stroke-width='1.2'%3E%3Cpath d='M98 99 q-5 7 -3 15'/%3E%3Cpath d='M90 96 q-7 9 -4 19'/%3E%3C/g%3E%3C/svg%3E"); }
.pg-box:hover { border-color: #DED4B7; }
/* Card heading: "01 | BODY" eyebrow above the Japanese title, then a chip. */
.pg-box { counter-increment: pgcard; }
.pg-box-head { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
.pg-box-head .pg-label { display: flex; align-items: center; gap: 12px; margin: 0 !important; font-size: 11px; }
.pg-box-head .pg-label::before { content: counter(pgcard, decimal-leading-zero); padding-right: 12px; border-right: 1px solid #DED4B7; font-family: "Plus Jakarta Sans", sans-serif; font-size: 13px; letter-spacing: 0.05em; color: #B59B58; }
.pg-box-head h3 { font-size: 24px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.4; margin: 0; }
.pg-box-tag { display: inline-block; padding: 4px 14px; margin-bottom: 20px !important; border: 1px solid #DED4B7; background: #fff; font-size: 12px; line-height: 1.8; letter-spacing: 0.1em; color: #8E773D; }
.pg-repair { position: relative; overflow: hidden; margin-top: 80px !important; padding: 48px; background: #FAF9F6; border: 1px solid #E5DDC7; text-align: center; }
.pg-repair > * { position: relative; }
.pg-repair > * + * { margin-top: 24px !important; }
.pg-repair h3 { font-size: 20px; font-weight: 400; letter-spacing: 0.1em; }
/* "身体の修理" as a 4-step flow joined by a brass line. */
.pg-steps4 { list-style: none; padding: 0 !important; margin: 40px 0 8px !important; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; position: relative; text-align: center; }
.pg-steps4::before { content: ""; position: absolute; top: 28px; left: 12.5%; right: 12.5%; height: 1px; background: #DED4B7; }
.pg-steps4 li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 13px; line-height: 1.6; color: #4A4A48; }
.pg-steps4 li::before { content: ""; width: 56px; height: 56px; margin-bottom: 12px; box-sizing: border-box; border-radius: 50%; border: 1px solid #DED4B7; background: #fff center / 24px no-repeat; box-shadow: 0 0 0 6px #FAF9F6; }
.pg-steps4 li:last-child::before { background-color: #B59B58; border-color: #B59B58; }
.pg-steps4 strong { font-family: "Inter", sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.3em; color: #8E773D; }
.pg-steps4 li:nth-child(1)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E773D' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3Cg fill='%23FFFFFF'%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='12' r='2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
.pg-steps4 li:nth-child(2)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E773D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19C7 11 12 6.5 19.5 5' stroke-dasharray='2 2.5'/%3E%3Cpath d='M15.5 3.5L19.5 5L18 9'/%3E%3Ccircle cx='4.5' cy='19' r='1.8' fill='%238E773D'/%3E%3C/svg%3E"); }
.pg-steps4 li:nth-child(3)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E773D' stroke-width='1.2'%3E%3Cg fill='%238E773D'%3E%3Ccircle cx='6' cy='6' r='1.7'/%3E%3Ccircle cx='12' cy='6' r='1.7'/%3E%3Ccircle cx='18' cy='6' r='1.7'/%3E%3Ccircle cx='6' cy='12' r='1.7'/%3E%3Ccircle cx='12' cy='12' r='1.7'/%3E%3Ccircle cx='18' cy='12' r='1.7'/%3E%3Ccircle cx='6' cy='18' r='1.7'/%3E%3C/g%3E%3Ccircle cx='12' cy='18' r='1.7'/%3E%3Ccircle cx='18' cy='18' r='1.7'/%3E%3C/svg%3E"); }
.pg-steps4 li:nth-child(4)::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12a7 7 0 1 1-2.05-4.95'/%3E%3Cpath d='M19 4v4h-4'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23FFFFFF'/%3E%3C/svg%3E"); }

/* ---------- 04 SESSION ---------- */
/* Studio photo behind the title and price card, fading into the page colour. */
#session { position: relative; isolation: isolate; overflow: hidden; }
#session::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; height: 860px; transform: translateY(var(--pg-par, 0px)) scale(1.06); background: linear-gradient(to bottom, rgba(30,29,27,0.6) 0%, rgba(30,29,27,0.15) 30%, rgba(30,29,27,0) 50%, rgba(250,249,246,0) 72%, rgba(250,249,246,0.9) 90%, #FAF9F6 100%), url("assets/images/studio.jpg") center 62% / cover no-repeat; }
/* Leave the middle of the photo uncovered; the price card only overlaps its faded bottom edge. */
#session .pg-head { margin-bottom: 0; padding-bottom: clamp(300px, 34vw, 440px); }
#session .pg-head { position: relative; }
/* Soft dark glow behind the title so it reads over the busy part of the photo. */
#session .pg-head::before { content: ""; position: absolute; z-index: -1; left: 50%; top: -56px; width: min(620px, 100vw); height: 240px; transform: translateX(-50%); background: radial-gradient(ellipse at center, rgba(20,19,17,0.62) 0%, rgba(20,19,17,0.38) 45%, rgba(20,19,17,0) 72%); pointer-events: none; }
#session .pg-head .pg-label { color: #F0D9A4; text-shadow: 0 1px 8px rgba(0,0,0,0.5); }
#session .pg-head .pg-h2 { color: #fff; font-size: 34px; text-shadow: 0 2px 14px rgba(0,0,0,0.55); }
#session .pg-menu-box { background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-color: rgba(229,221,199,0.8); box-shadow: 0 30px 60px rgba(30,29,27,0.18); }
.pg-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.9s ease, transform 0.9s cubic-bezier(.2,.7,.2,1); }
.pg-reveal.is-in { opacity: 1; transform: none; }
.pg-step.pg-reveal.is-in { transform: none; }
.pg-menu-box { position: relative; margin-bottom: 64px !important; padding: 64px; background: #FAF9F6; border: 1px solid #E5DDC7; box-shadow: 0 1px 2px rgba(0,0,0,0.05); text-align: center; }
.pg-menu-box::before { content: ""; position: absolute; inset: 8px; border: 1px solid #F3F0E6; pointer-events: none; }
.pg-menu-box > * { position: relative; }
.pg-menu-name { font-size: 30px; font-weight: 300; letter-spacing: 0.05em; margin: 8px 0 24px !important; }
.pg-price { font-family: "Plus Jakarta Sans", sans-serif; font-size: 48px; font-weight: 300; line-height: 1.4; color: #8E773D; margin-bottom: 32px !important; }
.pg-price .pg-tax { font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 12px; letter-spacing: 0.1em; color: #686662; }
.pg-conds { padding-top: 32px; border-top: 1px solid #F3F0E6; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pg-conds p { margin: 0 !important; font-size: 12px; letter-spacing: 0.3em; color: #4A4A48; }
.pg-philo { margin-bottom: 96px !important; }
.pg-philo h3 { font-size: 16px; font-weight: 400; letter-spacing: 0.1em; color: #8E773D; margin-bottom: 24px !important; }
/* Session flow: timeline with outlined numerals, a thin brass rail and ring markers. */
.pg-flow { max-width: 760px; margin: 0 auto !important; padding-top: 80px; border-top: 1px solid #ECE6D6; }
.pg-flow-title { text-align: center; font-size: 22px; font-weight: 400; letter-spacing: 0.12em; margin-bottom: 56px !important; }
.pg-flow-title::before { content: "FLOW"; display: block; margin-bottom: 10px; font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 0.4em; color: #8E773D; }
.pg-step { position: relative; display: block !important; max-width: none !important; margin: 0 !important; padding: 0 0 44px 148px; }
.pg-step::before { content: ""; position: absolute; left: 112px; top: 14px; bottom: -14px; width: 1px; background: linear-gradient(#DCCB9F, #EDE4CF); }
.pg-step:last-child { padding-bottom: 0; }
.pg-step:last-child::before { display: none; }
.pg-step-body { position: static; margin: 0 !important; }
.pg-step-body::before { content: ""; position: absolute; left: 106px; top: 9px; width: 13px; height: 13px; box-sizing: border-box; border-radius: 50%; border: 1px solid #B59B58; background: #FAF9F6; box-shadow: inset 0 0 0 3px #FAF9F6, inset 0 0 0 7px #B59B58; }
.pg-step-body h4 { font-size: 18px; font-weight: 400; letter-spacing: 0.08em; line-height: 1.6; margin: 0 0 8px !important; }
.pg-step-body h4 .num { position: absolute; left: 0; top: -12px; width: 84px; text-align: right; font-family: "Plus Jakarta Sans", sans-serif; font-size: 48px; font-weight: 300; line-height: 1; letter-spacing: 0.02em; color: transparent; -webkit-text-stroke: 1px #B59B58; transition: color .4s; }
.pg-step:hover .pg-step-body h4 .num { color: #B59B58; }
.pg-step-body .pg-muted-s { font-size: 13px; line-height: 1.9; color: #4A4A48; }
/* Client examples under the flow: click-to-open cards (core Details block). */
.pg-cases { max-width: 760px; margin: 80px auto 0 !important; }
.pg-cases > * { margin: 0 !important; }
.pg-cases-title { text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 8px !important; }
.pg-cases-lead { text-align: center; font-size: 12px; color: #686662; margin-bottom: 32px !important; }
.pg-case { margin-top: 12px !important; background: #fff; border: 1px solid #ECE6D6; transition: border-color .3s; }
.pg-case[open] { border-color: #DED4B7; }
.pg-case summary { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 16px; row-gap: 2px; padding: 20px 56px 20px 24px; cursor: pointer; list-style: none; font-size: 15px; letter-spacing: 0.05em; }
.pg-case summary::-webkit-details-marker { display: none; }
.pg-case summary strong { grid-row: span 2; }
.pg-case summary em { font-style: normal; font-size: 12px; letter-spacing: 0.05em; color: #686662; }
.pg-case summary::after { content: ""; position: absolute; right: 24px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: linear-gradient(#B59B58, #B59B58) center / 14px 1.5px no-repeat, linear-gradient(#B59B58, #B59B58) center / 1.5px 14px no-repeat; transition: transform .3s; }
.pg-case[open] summary::after { transform: rotate(45deg); }
.pg-case summary strong { flex-shrink: 0; padding: 3px 12px; border-radius: 999px; background: #F1EBDD; font-size: 11px; font-weight: 400; letter-spacing: 0.1em; color: #8E773D; }
.pg-case > :not(summary) { margin: 0 24px 24px !important; }
.pg-case-meta { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px 0 0 !important; border-top: 1px dashed #DED4B7; }
.pg-case-meta li { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px; background: #FAF9F6; font-size: 14px; color: #2D2D2C; }
.pg-case-meta strong { font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.2em; color: #8E773D; }
.pg-case .pg-muted-s { margin-top: 12px !important; font-size: 13px; color: #4A4A48; }
.pg-philo p { font-size: 14px; line-height: 2; color: #4A4A48; }

/* ---------- 05 COLUMN ---------- */
.pg-column-head { display: flex !important; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 64px !important; }
.pg-column-head > div > * + * { margin-top: 16px !important; }
.pg-viewall { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; }
.pg-viewall a { color: #8E773D; border-bottom: 1px solid #DED4B7; padding-bottom: 2px; }
.pg-column-query .wp-block-post-template { counter-reset: pgcol; gap: 32px; }
.pg-column-query .wp-block-post { counter-increment: pgcol; }
.pg-card { position: relative; height: 100%; box-sizing: border-box; background: #FAF9F6; padding: 32px; border: 1px solid #F3F0E6; display: flex; flex-direction: column; transition: border-color .3s; }
.pg-card:hover { border-color: #DED4B7; }
.pg-card::before { content: "COLUMN #" counter(pgcol, decimal-leading-zero); font-family: "Inter", sans-serif; font-size: 10px; letter-spacing: 0.3em; color: #8E773D; margin-bottom: 16px; }
.pg-card > * { margin: 0 !important; }
.pg-card .wp-block-post-date { font-family: "Inter", sans-serif; font-size: 10px; letter-spacing: 0.1em; color: #686662; margin-bottom: 8px !important; }
.pg-card .wp-block-post-title { font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.05em; margin-bottom: 16px !important; }
.pg-card .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }
.pg-card:hover .wp-block-post-title a { color: #8E773D; }
.pg-card .wp-block-post-excerpt { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; }
.pg-card .wp-block-post-excerpt__excerpt { font-size: 12px; line-height: 1.7; color: #686662; margin: 0; }
.pg-card .wp-block-post-excerpt__more-text { margin: 24px 0 0; font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 0.3em; }
.pg-card .wp-block-post-excerpt__more-text a { color: #8E773D; }
.pg-empty { font-size: 14px; color: #686662; text-align: center; }

/* ---------- 06 PROFILE ---------- */
/* Profile: light and friendly — round photo with a sticker tag, greeting bubble, rounded tags. */
.pg-section.pg-profile { position: relative; overflow: hidden; }
.pg-profile .pg-profile-label { display: flex; align-items: center; gap: 16px; margin-bottom: 56px !important; }
.pg-profile .pg-profile-label::before { content: ""; width: 40px; height: 1px; background: #B59B58; }
.pg-profile-grid { gap: 72px; align-items: center !important; }
.pg-bay { position: relative; max-width: 440px; margin: 0 auto !important; }
.pg-bay > * { margin: 0 !important; }
.pg-mechanic img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 50%; background: #EFE6D2; box-shadow: 0 0 0 12px #FAF9F6, 0 0 0 13px #E2D5B5; }
.pg-bay::before { content: ""; position: absolute; top: 4%; left: -2%; width: 22px; height: 22px; border-radius: 50%; background: #B59B58; opacity: 0.85; z-index: 2; }
.pg-bay::after { content: ""; position: absolute; top: 12%; left: 4%; width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid #B59B58; z-index: 2; }
.pg-bay-tag { position: absolute !important; right: -4%; bottom: 10%; z-index: 3; padding: 10px 20px; border-radius: 999px; background: #2D2D2C; color: #fff; transform: rotate(-6deg); box-shadow: 0 8px 18px rgba(45,45,44,0.18); font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.5; text-align: center; }
.pg-profile-card > * { margin: 0 !important; }
.pg-hello { position: relative; display: inline-block; margin-bottom: 24px !important; padding: 12px 20px; line-height: 1.8; background: #fff; border: 1px solid #ECE6D6; border-radius: 20px 20px 20px 4px; font-size: 14px; color: #8E773D; letter-spacing: 0.05em; }
.pg-profile-card .pg-name { font-size: 32px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.5; }
.pg-profile-card .pg-roman { margin: 4px 0 24px !important; }
.pg-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 !important; margin: 0 0 28px !important; }
.pg-chips li { padding: 6px 16px; border-radius: 999px; background: #F1EBDD; font-size: 12px; line-height: 1.7; color: #4A4A48; letter-spacing: 0.05em; }
.pg-chips li:first-child { background: #B59B58; color: #fff; }
.pg-qa { list-style: none; padding: 0 !important; margin: 0 0 28px !important; border-top: 1px solid #ECE6D6; }
.pg-qa li { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid #ECE6D6; font-size: 14px; line-height: 1.8; color: #2D2D2C; }
.pg-qa strong { font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: #8E773D; }
.pg-profile-note { position: relative; padding-left: 20px; font-size: 13px; line-height: 2; color: #4A4A48; }
.pg-profile-note::before { content: ""; position: absolute; left: 0; top: 0.9em; width: 10px; height: 1px; background: #B59B58; }

/* ---------- 07 ACCESS ---------- */
.pg-info-box { gap: 48px; padding: 48px; background: #FAF9F6; border: 1px solid #ECE6D6; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.pg-dl-item { padding-bottom: 16px; margin-bottom: 24px !important; border-bottom: 1px solid #F3F0E6; }
.pg-dl-item:last-child { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0; }
.pg-dl-item > * + * { margin-top: 4px !important; }
.pg-dt { font-family: "Inter", sans-serif; font-size: 10px; letter-spacing: 0.3em; color: #8E773D; }
.pg-dd { font-size: 14px; line-height: 1.7; color: #4A4A48; }
.pg-dd-strong { font-size: 16px; letter-spacing: 0.05em; color: #2D2D2C; }
.pg-dd-note { font-size: 11px; color: #686662; }
/* Embedded Google Map, toned slightly warmer to sit with the palette. */
.pg-gmap { position: relative; height: 100%; min-height: 340px; border: 1px solid #ECE6D6; background: #F1ECE0; overflow: hidden; }
.pg-gmap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(0.35) sepia(0.12); }
.pg-map-link { margin-top: 12px !important; text-align: right; }
.pg-map-link a { font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 12px; letter-spacing: 0.15em; color: #8E773D; border-bottom: 1px solid #DED4B7; padding-bottom: 2px; }
.pg-map { position: relative; overflow: hidden; height: 100%; min-height: 260px; box-sizing: border-box; background: #F3F1EC; border: 1px solid #ECE6D6; display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; }
.pg-map > * { margin: 0 !important; }
.pg-map .pg-map-link { margin-top: 16px !important; }
.pg-map .addr { font-size: 12px; font-weight: 500; letter-spacing: 0.1em; color: #2D2D2C; margin: 0; }
.pg-map .en { font-family: "Inter", sans-serif; font-size: 10px; letter-spacing: 0.3em; color: #686662; margin: 4px 0 0; }
.pg-map a { display: inline-flex; align-items: center; gap: 8px; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; color: #8E773D; border-bottom: 1px solid #DED4B7; padding-bottom: 2px; }

/* ---------- 08 RESERVE ---------- */
.pg-reserve > * + * { margin-top: 40px !important; }
.pg-reserve-btns { gap: 24px; justify-content: center; padding-top: 24px; }
.pg-reserve-btns .wp-block-button { width: 256px; }
.pg-reserve-btns .wp-block-button__link { display: block; width: 100%; box-sizing: border-box; padding: 16px 0; background: transparent; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; transition: all .3s; }
.pg-btn-brass .wp-block-button__link { border: 1px solid #B59B58; color: #8E773D; }
.pg-btn-brass .wp-block-button__link:hover { background: #B59B58; color: #fff; }
.pg-btn-dark .wp-block-button__link { border: 1px solid #A5A4A1; color: #2D2D2C; }
.pg-btn-dark .wp-block-button__link:hover { border-color: #2D2D2C; }

/* ---------- Footer ---------- */
.pg-footer { padding: 48px max(24px, calc((100% - 1184px) / 2)); border-top: 1px solid #F3F0E6; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; color: #686662; }
.pg-footer a { color: #686662; }
.pg-footer-logo { margin: 0; }
.pg-footer-logo a { gap: 8px; }
.pg-footer .pg-logo-mark { font-size: 18px; }
.pg-footer .copy { font-size: 10px; letter-spacing: 0.1em; margin: 0; }

/* ---------- Column list & single ---------- */
.pg-page-head { padding: 120px 24px 64px; text-align: center; }
.pg-page-head > * + * { margin-top: 16px !important; }
.pg-list { padding: 0 24px 160px; }
.pg-list .wp-block-query-pagination { margin-top: 64px; justify-content: center; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.2em; }
.pg-article { padding: 120px 24px 160px; }
.pg-article .wp-block-post-title { font-size: 30px; font-weight: 400; letter-spacing: 0.08em; line-height: 1.6; margin-top: 16px; }
.pg-article .wp-block-post-date { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.1em; color: #686662; }
.pg-article .wp-block-post-featured-image { margin: 48px 0; }
.pg-article .wp-block-post-content { font-size: 16px; line-height: 2.1; letter-spacing: 0.03em; color: #4A4A48; margin-top: 48px; }
.pg-article .wp-block-post-content h2 { font-size: 22px; margin: 64px 0 24px; padding-bottom: 12px; border-bottom: 1px solid #ECE6D6; }
.pg-article .wp-block-post-content h3 { font-size: 18px; margin: 48px 0 16px; padding-left: 12px; border-left: 2px solid #B59B58; }
.pg-article .wp-block-post-content a { color: #8E773D; text-decoration: underline; text-underline-offset: 3px; }
.pg-back { margin-top: 80px !important; text-align: center; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; }
.pg-back a { color: #8E773D; border-bottom: 1px solid #DED4B7; padding-bottom: 2px; }


/* ---------- Decorations (CSS only, so the editor shows clean blocks) ---------- */
.pg-map::before { content: ""; position: absolute; inset: 0; opacity: 0.2; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 300 200%22 preserveAspectRatio=%22xMidYMid slice%22 fill=%22none%22 stroke=%22%23B59B58%22 stroke-width=%220.8%22%3E%3Cpath d=%22M0,50 Q150,40 300,70%22 stroke-dasharray=%224 2%22/%3E%3Cpath d=%22M0,130 L300,120%22/%3E%3Cpath d=%22M120,0 L110,200%22/%3E%3Cpath d=%22M220,0 L240,200%22 stroke-dasharray=%222 2%22/%3E%3Ccircle cx=%22180%22 cy=%2295%22 r=%2225%22/%3E%3Ccircle cx=%22180%22 cy=%2295%22 r=%2245%22 stroke-dasharray=%222 2%22/%3E%3C/svg%3E") center / cover no-repeat; pointer-events: none; }
.pg-map-pin::before { content: ""; display: block; width: 48px; height: 48px; margin: 0 auto 16px; box-sizing: border-box; border-radius: 50%; background: rgba(181,155,88,0.1) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23B59B58%22 stroke-width=%221.3%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z%22/%3E%3Cpath d=%22M15 11a3 3 0 11-6 0 3 3 0 016 0z%22/%3E%3C/svg%3E") center / 24px no-repeat; border: 1px solid #B59B58; box-shadow: 0 4px 6px rgba(0,0,0,0.08); transition: transform .3s; }
.pg-map:hover .pg-map-pin::before { transform: scale(1.1); }

/* ---------- Reservation page (template: 予約ページ) ---------- */
.pg-rsv { padding: 120px 24px 120px; }
.pg-rsv .wp-block-post-content { max-width: 1184px; margin: 0 auto; }
.pg-rsv .wp-block-post-content > * { margin-block: 0; }
.pg-rsv-intro { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr); gap: clamp(40px, 7vw, 88px); align-items: end; margin-bottom: 64px !important; }
.pg-rsv-intro > * { margin: 0 !important; }
.pg-rsv .pg-rsv-label { display: inline-flex; align-items: center; gap: 16px; margin: 0 !important; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; line-height: 1.6; text-transform: uppercase; color: #8E773D; }
.pg-rsv .pg-rsv-label::before { content: ""; width: 40px; height: 1px; background: #B59B58; }
.pg-rsv .pg-rsv-title { margin: 24px 0 0 !important; font-size: 30px; font-weight: 400; line-height: 1.6; letter-spacing: 0.1em; }
.pg-rsv-lead { max-width: 540px; margin: 0 !important; color: #4A4A48; font-size: 15px; line-height: 2; letter-spacing: 0.025em; }
.pg-rsv-facts { list-style: none; display: flex; flex-wrap: wrap; gap: 16px; margin: 28px 0 0 !important; padding: 24px 0 0 !important; border-top: 1px solid #ECE6D6; }
.pg-rsv-facts li { font-size: 12px; letter-spacing: 0.3em; color: #4A4A48; white-space: nowrap; }
.pg-rsv-facts li + li::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 16px; vertical-align: middle; border-radius: 50%; background: #B59B58; }
.pg-rsv-shell { position: relative; padding: 8px; background: #FAF9F6; border: 1px solid #ECE6D6; }
.pg-rsv-shell::before, .pg-rsv-shell::after { content: ""; position: absolute; width: 24px; height: 24px; z-index: 2; pointer-events: none; }
.pg-rsv-shell::before { top: -1px; left: -1px; border-top: 1px solid #B59B58; border-left: 1px solid #B59B58; }
.pg-rsv-shell::after { bottom: -1px; right: -1px; border-bottom: 1px solid #B59B58; border-right: 1px solid #B59B58; }
#frame-wrap { position: relative; display: none; min-height: 720px; background: #fff; overflow: hidden; }
#gas { display: block; width: 100%; height: clamp(720px, 78vh, 920px); border: 0; background: #fff; }
#center { position: relative; min-height: 520px; display: flex; align-items: center; justify-content: center; background: #fff; padding: 64px 32px; }
.pg-rsv-card { max-width: 570px; width: 100%; text-align: center; }
.pg-rsv-card h2 { margin: 16px 0 24px; font-size: 24px; font-weight: 400; line-height: 1.6; letter-spacing: 0.1em; }
.pg-rsv-card p { font-size: 14px; line-height: 1.9; color: #4A4A48; }
.pg-rsv-card .pg-rsv-label::before { display: none; }
.pg-rsv-steps { text-align: left; background: #F5F4EF; border-left: 2px solid #B59B58; padding: 20px 24px; margin: 28px 0 20px; font-size: 13px; line-height: 2; color: #4A4A48; }
.pg-rsv-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; margin-top: 16px; border: 1px solid #B59B58; background: #B59B58; color: #fff !important; font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.3em; cursor: pointer; transition: background .3s, color .3s; }
.pg-rsv-btn:hover { background: #8E773D; border-color: #8E773D; }
.pg-rsv-btn.ghost { background: transparent; color: #8E773D !important; border-color: #DED4B7; }
.pg-rsv-btn.ghost:hover { background: #B59B58; color: #fff !important; }
.pg-rsv-mini { margin-top: 20px !important; font-size: 12px !important; color: #686662 !important; line-height: 1.7 !important; }
.pg-rsv-mini a { color: #8E773D; border-bottom: 1px solid #DED4B7; }
.pg-rsv-loader { font-family: "Inter", sans-serif; font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: #686662; }
#guide { display: none; }
.pg-rsv-spin { width: 28px; height: 28px; border: 1px solid #ECE6D6; border-top-color: #B59B58; border-radius: 50%; margin: 0 auto 18px; animation: pg-rsv-s .8s linear infinite; }
@keyframes pg-rsv-s { to { transform: rotate(360deg); } }
.pg-rsv-support { display: flex !important; justify-content: space-between; align-items: center; gap: 30px; margin-top: 64px !important; padding-top: 28px; border-top: 1px solid #ECE6D6; }
.pg-rsv-support > * { margin: 0 !important; font-size: 14px; color: #4A4A48; }
.pg-rsv-support a { font-family: "Inter", "Noto Sans JP", sans-serif; font-size: 12px; letter-spacing: 0.3em; color: #8E773D; border-bottom: 1px solid #DED4B7; padding-bottom: 2px; }
@media (max-width: 781px) {
	.pg-rsv { padding: 80px 20px; }
	.pg-rsv-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 40px !important; }
	.pg-rsv .pg-rsv-title { font-size: 24px; letter-spacing: 0.06em; }
	.pg-rsv-lead { font-size: 14px; }
	.pg-rsv-facts li { letter-spacing: 0.2em; }
	#frame-wrap { min-height: 680px; }
	#gas { height: 780px; }
	#center { min-height: 500px; padding: 48px 20px; }
	.pg-rsv-support { display: block !important; text-align: center; }
	.pg-rsv-support > * + * { margin-top: 12px !important; }
}
@media (max-width: 390px) { .pg-rsv-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .pg-rsv-facts li + li::before { display: none; } }
@media (prefers-reduced-motion: reduce) { .pg-rsv-spin { animation: none; } }

/* ---------- Mobile ---------- */
@media (max-width: 781px) {
	.pg-header { height: 72px; }
	.pg-logo-text { font-size: 11px; }
	.pg-hero.wp-block-cover { min-height: calc(100svh - 72px); padding: 0 24px 72px; }
	.admin-bar .pg-hero.wp-block-cover { min-height: calc(100svh - 118px); }
	.pg-hero .wp-block-cover__image-background { object-position: 64% 50% !important; }
	.pg-hero .wp-block-cover__background { background: linear-gradient(to top, rgba(10, 28, 46, 0.85) 0%, rgba(10, 28, 46, 0.5) 45%, rgba(10, 28, 46, 0.05) 75%) !important; }
	.pg-hero-kicker { font-size: 10px; letter-spacing: 0.25em; gap: 12px; }
	.pg-hero-kicker::before { width: 24px; }
	/* Phone: keep "Body, / for a better life." on two lines */
	.pg-hero .pg-hero-title { font-size: min(10vw, 40px) !important; }
	.pg-hero-sub { font-size: 13px; margin-top: 24px !important; }
	.pg-hero-btns { margin-top: 36px !important; flex-wrap: nowrap; }
	.pg-hero-btns .wp-block-button { flex: 1; min-width: 0; }
	.pg-hero-btns .wp-block-button__link { width: 100%; padding: 14px 0; }
	.pg-hero-scroll { display: none; }
	.pg-section { padding: 112px 24px; }
	.pg-h2 { font-size: 24px; letter-spacing: 0.06em; }
	.pg-text { font-size: 14px; }
	.pg-intro .wp-block-group, .pg-intro { text-align: center; }
	.pg-intro .pg-text br { display: none; }
	.pg-head-m-center { text-align: center; }
	#concept .pg-h2 { font-size: 26px; }
	#concept .pg-head::after { font-size: 10px; letter-spacing: 0.3em; }
	.pg-concept-cols { padding: 44px 24px; }
	.pg-concept-cols .pg-text br { display: none; }
	.pg-concept-cols .pg-text { text-align: left; }
	.pg-line-h3 { font-size: 22px; }
	.pg-box-head h3 { font-size: 20px; }
		.pg-box .pg-text-s { font-size: 12px; }
	.pg-repair { padding: 32px 24px; }
	.pg-repair h3 { font-size: 18px; }
	.pg-repair .pg-text-s { font-size: 12px; text-align: left; }
	.pg-repair .pg-text-s br { display: none; }
	.pg-box { padding: 200px 24px 32px; }
	.pg-box::before, .pg-box::after { height: 168px; }
	.pg-box::after { background-size: auto 128px; }
	.pg-steps4 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; }
	.pg-steps4::before { display: none; }
	.pg-steps4 li { font-size: 12px; }
	.pg-menu-box { padding: 32px; }
	.pg-menu-name { font-size: 22px; }
	.pg-price { font-size: 36px; }
	.pg-conds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pg-conds p { letter-spacing: 0.2em; }
	.pg-philo p br { display: none; }
	.pg-case-meta { grid-template-columns: 1fr; gap: 8px; }
	.pg-case-meta li { flex-direction: row; justify-content: space-between; align-items: baseline; }
	.pg-case summary { padding: 16px 48px 16px 16px; font-size: 14px; }
	.pg-case > :not(summary) { margin: 0 16px 16px !important; }
	.pg-flow { padding-top: 56px; }
	.pg-flow-title { font-size: 19px; margin-bottom: 40px !important; }
	.pg-step { padding: 0 0 36px 84px; }
	.pg-step::before { left: 60px; }
	.pg-step-body::before { left: 54px; }
	.pg-step-body h4 { font-size: 16px; }
	.pg-step-body h4 .num { width: 44px; font-size: 32px; top: -6px; }
	#session::before { height: 620px; background-position: center, 60% 60%; }
	#session .pg-head { padding-bottom: 240px; }
	#session .pg-head .pg-h2 { font-size: 26px; }
	#session .pg-head::before { top: -40px; height: 190px; }
	.pg-column-head { flex-direction: column; align-items: flex-start; }
	.pg-column-query .wp-block-post-template { grid-template-columns: 1fr !important; }
	.pg-profile-grid { gap: 48px; }
	.pg-bay { max-width: 280px; }
	.pg-bay-tag { right: -6%; font-size: 10px; padding: 8px 14px; }
	.pg-profile-card .pg-text-s { font-size: 13px; }
	.pg-qa li { grid-template-columns: 1fr; gap: 2px; padding: 12px 0; font-size: 13px; }
	.pg-profile-card .pg-text-s br { display: none; }
	.pg-name, .pg-profile-card .pg-name { font-size: 26px; }
	.pg-info-box { padding: 32px; }
	.pg-dd { font-size: 12px; }
	.pg-reserve-btns { flex-direction: column; }
	.pg-reserve-btns .wp-block-button { width: 100%; }
	.pg-footer { flex-direction: column !important; gap: 24px; text-align: center; padding: 48px 24px; }
	.pg-article .wp-block-post-title { font-size: 22px; }
	.pg-page-head { padding: 96px 24px 48px; }
}