/* =========================================================
   おとのは音楽教室 — 固定ページ共通CSS（_shared.css）v2
   墨紺 × 白鍵の象牙 × 真鍮。五線＝ヘアラインの署名。
   設計原則：
   ・流体タイポ（clamp）＋ font-feature-settings "palt"
   ・8pxグリッド／セクション 96〜148px
   ・ベタborderに頼らず、階調差と多層シャドウで面を作る
   ・角丸は --r-l/--r-m/--r-s の3段で全体一貫
   ・演出は transform+opacity のみ、prefers-reduced-motion 対応
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{
  /* 色 */
  --ink:#21262D; --ink2:#171B21; --ivory:#F5F1E8; --ivory2:#EDE7D8; --paper:#FBF8F0;
  --brass:#A8842F; --brass-l:#CFA45C; --enji:#8E3D33;
  --head:#262420; --body:#4A463D; --note:#8C8576; --line:#E2DBC9; --board:#1d2126;
  /* 質感 */
  --r-l:22px; --r-m:16px; --r-s:10px;
  --sh-s:0 1px 2px rgba(23,27,33,.04), 0 10px 24px -18px rgba(23,27,33,.22);
  --sh-m:0 2px 6px rgba(23,27,33,.05), 0 26px 52px -30px rgba(23,27,33,.34);
  --sh-l:0 6px 16px rgba(23,27,33,.06), 0 44px 88px -38px rgba(23,27,33,.42);
  --ease:cubic-bezier(.22,1,.36,1);
  /* 流体タイポ */
  --fs-h1:clamp(32px,5.4vw,58px);
  --fs-h2:clamp(26px,4vw,44px);
  --fs-h3:clamp(19px,2.6vw,27px);
  --fs-body:clamp(14.5px,1.2vw,15.5px);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--ivory);color:var(--body);
  font-family:'Zen Kaku Gothic New',sans-serif;font-size:var(--fs-body);line-height:2;
  font-feature-settings:"palt";letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:inherit;}
::selection{background:rgba(168,132,47,.28);}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:3px;}
.mincho{font-family:'Shippori Mincho',serif;}
.mono{font-family:'Space Grotesk',monospace;letter-spacing:.04em;}
h1,h2,h3,.lead,summary{word-break:auto-phrase;text-wrap:balance;}
.c-bob{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 34% 30%,#f0d9a8,var(--brass) 55%,#7e5c28 100%);}

/* リビール（JSが .io を付与。JSオフ時は常時表示） */
.io{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform;}
.io.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .io{opacity:1;transform:none;transition:none;}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ============== HEADER（スクロールで縮小＋blur強化） ============== */
.c-hd{position:sticky;top:0;z-index:60;background:rgba(245,241,232,.86);
  backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 1px 0 rgba(33,38,45,.06);transition:box-shadow .4s var(--ease),background .4s var(--ease);}
body.is-scrolled .c-hd{background:rgba(245,241,232,.92);box-shadow:0 1px 0 rgba(33,38,45,.05),0 14px 34px -22px rgba(33,38,45,.4);}
.c-hd__in{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:16px 28px;transition:padding .4s var(--ease);}
body.is-scrolled .c-hd__in{padding:9px 28px;}
.c-hd__logo{display:flex;align-items:center;}
.c-hd__logo img{height:42px;width:auto;transition:height .4s var(--ease);}
body.is-scrolled .c-hd__logo img{height:34px;}
.c-hd__right{display:flex;align-items:center;gap:26px;}
.c-hd__nav{display:flex;gap:8px;}
.c-hd__nav a{color:var(--head);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;
  position:relative;white-space:nowrap;padding:12px 10px;border-radius:var(--r-s);transition:color .25s;}
.c-hd__nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--brass),var(--brass-l));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.c-hd__nav a:hover{color:var(--brass);} .c-hd__nav a:hover::after{transform:scaleX(1);}
.c-hd__nav a[aria-current="page"]{color:var(--brass);} .c-hd__nav a[aria-current="page"]::after{transform:scaleX(1);}
.c-hd__conv{display:flex;align-items:center;gap:16px;}
.c-hd__tel{text-align:right;line-height:1.1;}
.c-hd__tel .num{font-family:'Space Grotesk',monospace;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:.02em;}
.c-hd__tel .h{font-size:10px;color:var(--note);margin-top:3px;letter-spacing:.04em;}
.c-hd__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
  background:linear-gradient(115deg,#C94E58 0%,#D76A3C 32%,#B57A1E 54%,#C85C7A 78%,#A9466B 100%);color:#fff;font-weight:700;font-size:14px;letter-spacing:.04em;
  padding:12px 24px;border-radius:999px;text-decoration:none;white-space:nowrap;
  box-shadow:0 2px 4px rgba(201,78,88,.18),0 12px 24px -10px rgba(169,70,107,.48);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s;}
.c-hd__cta:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(201,78,88,.22),0 18px 32px -12px rgba(169,70,107,.58);}
.c-hd__line{height:2px;background:linear-gradient(90deg,transparent,var(--brass) 18%,var(--brass-l) 50%,var(--enji) 82%,transparent);opacity:.8;}
.c-burger{display:none;position:relative;z-index:80;width:50px;height:50px;border:none;border-radius:50%;background:var(--ink);cursor:pointer;
  box-shadow:0 10px 22px -10px rgba(23,27,33,.5);}
.c-burger i{position:absolute;left:50%;top:50%;width:19px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%);transition:transform .4s var(--ease),opacity .3s;}
.c-burger i:nth-child(1){transform:translate(-50%,calc(-50% - 6px));}
.c-burger i:nth-child(3){transform:translate(-50%,calc(-50% + 6px));}
body.c-menuopen .c-burger i:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);}
body.c-menuopen .c-burger i:nth-child(2){opacity:0;}
body.c-menuopen .c-burger i:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);}
.c-ov{position:fixed;inset:0;z-index:70;background:
    radial-gradient(60% 60% at 22% 80%, rgba(207,164,92,.18) 0%, transparent 60%),
    radial-gradient(40% 40% at 80% 12%, rgba(142,61,51,.14) 0%, transparent 65%),
    linear-gradient(150deg,var(--ink) 0%,var(--ink2) 100%);
  clip-path:circle(0px at calc(100% - 50px) 40px);transition:clip-path .75s cubic-bezier(.72,0,.18,1);visibility:hidden;}
body.c-menuopen .c-ov{clip-path:circle(150% at calc(100% - 50px) 40px);visibility:visible;}
.c-ov__in{height:100%;display:flex;flex-direction:column;justify-content:center;max-width:1100px;margin:0 auto;padding:0 48px;}
.c-ov__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 60px;}
.c-ov__list a{display:flex;align-items:center;gap:16px;color:var(--ivory);text-decoration:none;padding:14px 0;min-height:44px;
  opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s var(--ease),color .3s;}
body.c-menuopen .c-ov__list li:nth-child(1) a{transition-delay:.35s;}
body.c-menuopen .c-ov__list li:nth-child(2) a{transition-delay:.42s;}
body.c-menuopen .c-ov__list li:nth-child(3) a{transition-delay:.49s;}
body.c-menuopen .c-ov__list li:nth-child(4) a{transition-delay:.56s;}
body.c-menuopen .c-ov__list li:nth-child(5) a{transition-delay:.63s;}
body.c-menuopen .c-ov__list li:nth-child(6) a{transition-delay:.7s;}
body.c-menuopen .c-ov__list a{opacity:1;transform:none;}
.c-ov__list a:hover{color:var(--brass-l);}
.c-ov__tx{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(22px,3.2vw,34px);letter-spacing:.06em;}
.c-ov__en{font-family:'Space Grotesk',monospace;font-size:10px;letter-spacing:.26em;color:rgba(245,241,232,.5);}
.c-ov__foot{display:flex;gap:24px;margin-top:42px;opacity:0;transition:opacity .6s ease .8s;
  font-family:'Space Grotesk',monospace;font-size:10.5px;letter-spacing:.2em;color:rgba(245,241,232,.55);flex-wrap:wrap;}
body.c-menuopen .c-ov__foot{opacity:1;}
.c-ov__foot a{color:var(--brass-l);text-decoration:none;padding:8px 0;}
@media(max-width:1080px){ .c-hd__nav{display:none;} .c-burger{display:block;} }
@media(max-width:600px){ .c-hd__tel{display:none;} .c-hd__in{padding:12px 20px;} body.is-scrolled .c-hd__in{padding:8px 20px;} }

/* ============== ページヒーロー（五線と真鍮の署名） ============== */
.c-phero{position:relative;color:var(--ivory);overflow:hidden;
  background:
    radial-gradient(70% 90% at 82% 8%, rgba(207,164,92,.12) 0%, transparent 58%),
    radial-gradient(50% 70% at 8% 100%, rgba(142,61,51,.1) 0%, transparent 60%),
    linear-gradient(180deg,#242a31 0%,var(--board) 58%,#171a1f 100%);
  padding:clamp(88px,13vw,150px) 0 clamp(64px,9vw,104px);}
.c-phero::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(207,164,92,.4),transparent);}
.c-phero::after{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");}
.c-phero__lines{position:absolute;right:4%;top:50%;transform:translateY(-50%) rotate(-4deg);display:flex;flex-direction:column;gap:14px;width:min(320px,30vw);opacity:.9;pointer-events:none;}
.c-phero__lines span{height:1px;background:linear-gradient(90deg,transparent,rgba(207,164,92,.55) 30%,rgba(207,164,92,.2));position:relative;}
.c-phero__lines span:nth-child(2)::after{content:"";position:absolute;right:22%;top:-5px;width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#f0d9a8,var(--brass-l) 55%,#7e5c28 100%);box-shadow:0 4px 12px rgba(0,0,0,.4);}
.c-phero__lines span:nth-child(4)::after{content:"";position:absolute;right:56%;top:-5px;width:11px;height:11px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#f0d9a8,var(--brass-l) 55%,#7e5c28 100%);box-shadow:0 4px 12px rgba(0,0,0,.4);opacity:.7;}
.c-phero__in{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));margin:0 auto;}
.c-phero__lb{display:inline-flex;align-items:center;gap:14px;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.42em;color:var(--brass-l);}
.c-phero__lb::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--brass-l),transparent);}
.c-phero h1{font-family:'Shippori Mincho',serif;font-weight:600;font-size:var(--fs-h1);margin:22px 0 0;line-height:1.35;letter-spacing:.06em;}
.c-phero p{font-size:clamp(13.5px,1.3vw,15px);line-height:2.1;letter-spacing:.06em;color:rgba(245,241,232,.76);margin:18px 0 0;max-width:36em;}
.c-crumb{font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.12em;color:rgba(245,241,232,.5);margin-top:28px;}
.c-crumb a{color:inherit;text-decoration:none;transition:color .25s;} .c-crumb a:hover{color:var(--brass-l);}

/* ============== セクション共通 ============== */
.c-sec{padding:clamp(96px,11vw,148px) 0;position:relative;}
.c-sec--soft{background:linear-gradient(180deg,var(--ivory2),#EFE9DB 60%,var(--ivory2));}
.c-sec--paper{background:var(--paper);}
.c-wrap{width:min(1120px,calc(100% - 48px));margin:0 auto;}
.c-wrap--narrow{width:min(840px,calc(100% - 48px));}
.c-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',monospace;
  font-size:clamp(11px,.9vw,12px);letter-spacing:.32em;color:var(--brass);text-transform:uppercase;}
.c-eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--brass));flex:none;}
.c-sech.center .c-eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--brass),transparent);flex:none;}
.c-h2{font-family:'Shippori Mincho',serif;font-weight:700;font-size:var(--fs-h2);margin:18px 0 0;color:var(--head);line-height:1.35;letter-spacing:.03em;}
.c-h3{font-family:'Shippori Mincho',serif;font-weight:700;font-size:var(--fs-h3);color:var(--head);margin:0 0 12px;line-height:1.4;letter-spacing:.03em;}
.c-lead{font-size:clamp(14px,1.25vw,15.5px);line-height:2.05;color:var(--body);max-width:40em;margin:18px 0 0;}
.c-staff5{display:flex;flex-direction:column;gap:5px;width:64px;margin:22px 0 0;}
.c-staff5 span{height:1px;background:var(--line);}
.c-staff5 span:nth-child(3){background:linear-gradient(90deg,var(--brass),var(--line));}
.c-sech{margin-bottom:clamp(44px,6vw,64px);}
.c-sech.center{text-align:center;}
.c-sech.center .c-lead{margin-left:auto;margin-right:auto;}
.c-sech.center .c-staff5{margin-left:auto;margin-right:auto;}

/* ============== コースカード（写真×テキスト交互） ============== */
.c-course{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center;margin-bottom:clamp(64px,8vw,104px);}
.c-course:last-of-type{margin-bottom:0;}
.c-course.rev .c-course__txt{order:-1;}
.c-course__fig{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-m);}
.c-course__fig::after{content:"";position:absolute;inset:0;border-radius:var(--r-l);box-shadow:inset 0 0 0 1px rgba(38,36,32,.06);pointer-events:none;}
.c-course__fig img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s var(--ease);}
.c-course__fig:hover img{transform:scale(1.035);}
.c-course__lb{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.3em;color:var(--enji);}
.c-course__lb::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--enji),transparent);}
.c-course__txt .c-h3{margin-top:12px;}
.c-course__txt p{line-height:2.05;}
.c-course__price{display:inline-block;font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(20px,2.2vw,24px);color:var(--brass);margin:18px 0 0;
  padding-bottom:8px;background:linear-gradient(90deg,rgba(168,132,47,.4),transparent) left bottom / 100% 1px no-repeat;}
.c-course__price small{font-size:12.5px;color:var(--note);margin-left:8px;font-weight:400;font-family:'Zen Kaku Gothic New';letter-spacing:.02em;}
@media(max-width:820px){ .c-course,.c-course.rev .c-course__txt{grid-template-columns:1fr;order:0;} .c-course__fig{order:-1;} }

/* ============== 決まりごと4カード ============== */
.c-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.c-rule{position:relative;background:var(--paper);border-radius:var(--r-m);padding:34px 32px 30px;box-shadow:var(--sh-s);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);overflow:hidden;}
.c-rule::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brass),rgba(168,132,47,.15));}
.c-rule:hover{transform:translateY(-4px);box-shadow:var(--sh-m);}
.c-rule .no{font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.24em;color:var(--brass);}
.c-rule h3{font-family:'Shippori Mincho',serif;font-size:clamp(18px,2vw,21px);color:var(--head);margin:12px 0 10px;letter-spacing:.03em;}
.c-rule p{font-size:14px;line-height:2;color:var(--body);margin:0;}
@media(max-width:680px){ .c-rules{grid-template-columns:1fr;} }

/* ============== 料金表（マガジン索引風） ============== */
.c-rate{border-top:2px solid var(--ink);}
.c-rate__row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:20px;align-items:center;padding:26px 14px;
  border-bottom:1px solid var(--line);transition:background .3s;}
.c-rate__row:hover{background:rgba(251,248,240,.9);}
.c-rate__row .nm{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(16px,1.6vw,18px);color:var(--head);letter-spacing:.03em;}
.c-rate__row .nm small{display:block;font-family:'Zen Kaku Gothic New';font-weight:400;font-size:12px;color:var(--note);margin-top:4px;letter-spacing:.04em;}
.c-rate__row .freq{font-size:13.5px;color:var(--body);letter-spacing:.03em;}
.c-rate__row .yen{font-family:'Space Grotesk',monospace;font-weight:700;font-size:clamp(22px,2.4vw,26px);color:var(--brass);white-space:nowrap;letter-spacing:.01em;}
.c-rate__row .yen small{font-size:12px;color:var(--note);font-weight:400;margin-left:2px;}
@media(max-width:680px){ .c-rate__row{grid-template-columns:1fr auto;gap:6px 14px;padding:22px 8px;} .c-rate__row .freq{grid-column:1/-1;} }
.c-note{font-size:12.5px;line-height:1.9;color:var(--note);margin-top:24px;}

/* ============== 時間割テーブル ============== */
.c-tt-wrap{overflow-x:auto;border-radius:var(--r-m);box-shadow:var(--sh-s);-webkit-overflow-scrolling:touch;}
.c-tt{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:13.5px;background:var(--paper);overflow:hidden;}
.c-tt th,.c-tt td{padding:15px 10px;text-align:center;border-bottom:1px solid var(--line);}
.c-tt thead th{background:linear-gradient(180deg,#262c33,var(--ink));color:#fff;font-family:'Space Grotesk',monospace;letter-spacing:.08em;font-weight:700;border-bottom:none;}
.c-tt tbody th{background:var(--ivory2);color:var(--head);font-weight:700;font-size:12.5px;letter-spacing:.04em;}
.c-tt tbody tr:last-child th,.c-tt tbody tr:last-child td{border-bottom:none;}
.c-tt td.open{color:var(--brass);font-weight:700;font-size:15px;}
.c-tt td.closed{color:#C9C2B2;}

/* ============== 流れ（ステップ縦リスト） ============== */
.c-steps{display:grid;gap:20px;position:relative;}
.c-step{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;background:var(--paper);border-radius:var(--r-m);
  padding:30px 32px;box-shadow:var(--sh-s);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.c-step:hover{transform:translateY(-3px);box-shadow:var(--sh-m);}
.c-step .no{font-family:'Space Grotesk',monospace;font-weight:700;font-size:clamp(30px,3.4vw,38px);line-height:1;
  color:transparent;-webkit-text-stroke:1.5px var(--brass);padding-top:2px;}
.c-step h3{font-family:'Shippori Mincho',serif;font-size:clamp(17px,1.9vw,20px);color:var(--head);margin:0 0 8px;letter-spacing:.03em;}
.c-step p{font-size:14px;line-height:2;color:var(--body);margin:0;}
@media(max-width:480px){ .c-step{grid-template-columns:1fr;gap:10px;padding:26px 24px;} }

/* ============== about：あゆみ（タイムライン） ============== */
.c-time{position:relative;margin-left:8px;padding-left:36px;display:grid;gap:34px;}
.c-time::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;
  background:linear-gradient(180deg,var(--brass) 0%,var(--line) 30%,var(--line) 70%,transparent);}
.c-time__it{position:relative;}
.c-time__it::before{content:"";position:absolute;left:-42px;top:8px;width:13px;height:13px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#f0d9a8,var(--brass) 55%,#7e5c28 100%);
  box-shadow:0 0 0 4px var(--ivory),0 0 0 5px rgba(168,132,47,.3);}
.c-sec--soft .c-time__it::before{box-shadow:0 0 0 4px var(--ivory2),0 0 0 5px rgba(168,132,47,.3);}
.c-time__yr{font-family:'Space Grotesk',monospace;font-weight:700;font-size:15px;color:var(--enji);letter-spacing:.1em;}
.c-time__it h3{font-family:'Shippori Mincho',serif;font-size:clamp(17px,1.9vw,20px);color:var(--head);margin:6px 0 6px;letter-spacing:.03em;}
.c-time__it p{font-size:14px;line-height:2;color:var(--body);margin:0;}

/* ============== 講師カード（about） ============== */
.c-teachers{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.c-tcard{background:var(--paper);border-radius:var(--r-m);overflow:hidden;box-shadow:var(--sh-s);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.c-tcard:hover{transform:translateY(-5px);box-shadow:var(--sh-m);}
.c-tcard .ph{aspect-ratio:3/4;overflow:hidden;background:#dfdacb;}
.c-tcard .ph img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.1s var(--ease);}
.c-tcard:hover .ph img{transform:scale(1.04);}
.c-tcard .meta{padding:22px 24px 28px;}
.c-tcard .dept{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.14em;color:var(--brass);}
.c-tcard .dept::before{content:"";width:18px;height:1px;background:var(--brass);}
.c-tcard .nm{font-family:'Shippori Mincho',serif;font-size:21px;font-weight:700;color:var(--head);margin:10px 0 10px;letter-spacing:.05em;}
.c-tcard .nm small{font-size:13px;font-weight:400;color:var(--note);margin-left:4px;}
.c-tcard p{font-size:13.5px;line-height:1.95;color:var(--body);margin:0;}
@media(max-width:820px){ .c-teachers{grid-template-columns:1fr;max-width:420px;margin:0 auto;} }

/* ============== 概要テーブル（about） ============== */
.c-info{border-top:2px solid var(--ink);}
.c-info__row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:20px 10px;border-bottom:1px solid var(--line);font-size:14px;transition:background .3s;}
.c-info__row:hover{background:rgba(251,248,240,.9);}
.c-info__row dt{font-weight:700;color:var(--head);margin:0;letter-spacing:.04em;}
.c-info__row dd{margin:0;color:var(--body);line-height:1.9;}
@media(max-width:600px){ .c-info__row{grid-template-columns:1fr;gap:4px;} }

/* ============== FAQ（details/summary） ============== */
.c-faqp{display:grid;gap:16px;}
.c-faqp__cat{display:flex;align-items:center;gap:14px;font-family:'Space Grotesk',monospace;font-size:12px;letter-spacing:.24em;color:var(--enji);margin:36px 0 6px;}
.c-faqp__cat::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);}
.c-faqp__cat:first-child{margin-top:0;}
details.c-fq{background:var(--paper);border-radius:var(--r-s);overflow:hidden;box-shadow:var(--sh-s);transition:box-shadow .4s var(--ease);}
details.c-fq[open]{box-shadow:var(--sh-m);}
details.c-fq>summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:700;font-size:15px;line-height:1.7;color:var(--head);
  display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;transition:color .25s;}
details.c-fq>summary:hover{color:var(--brass);}
details.c-fq>summary::-webkit-details-marker{display:none;}
details.c-fq>summary::after{content:"＋";color:var(--brass);font-size:19px;font-weight:400;flex:none;transition:transform .35s var(--ease);}
details.c-fq[open]>summary::after{transform:rotate(45deg);}
details.c-fq .a{padding:0 26px 24px;color:var(--body);font-size:14px;line-height:2;}

/* ============== contact フォーム ============== */
.c-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,64px);align-items:start;}
.c-contact__side .tel{font-family:'Space Grotesk',monospace;font-weight:700;font-size:clamp(28px,3.4vw,34px);color:var(--ink);text-decoration:none;display:inline-block;margin:10px 0 4px;letter-spacing:.01em;}
.c-contact__side .hours{font-size:13px;color:var(--note);letter-spacing:.04em;}
.c-contact__side .box{background:var(--paper);border-radius:var(--r-m);padding:28px 30px;margin-top:28px;box-shadow:var(--sh-s);position:relative;overflow:hidden;}
.c-contact__side .box::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--brass),rgba(168,132,47,.1));}
.c-contact__side .box h3{font-family:'Shippori Mincho',serif;font-size:17px;color:var(--head);margin:0 0 14px;letter-spacing:.04em;}
.c-contact__side .box ul{margin:0;padding-left:0;list-style:none;display:grid;gap:12px;}
.c-contact__side .box li{font-size:13.5px;line-height:1.9;color:var(--body);padding-left:24px;position:relative;}
.c-contact__side .box li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#f0d9a8,var(--brass) 55%,#7e5c28 100%);}
.c-form{background:var(--paper);border-radius:var(--r-l);padding:clamp(28px,4vw,48px);box-shadow:var(--sh-m);}
.c-form .fld{margin-bottom:22px;}
.c-form label{display:block;font-size:13.5px;font-weight:700;color:var(--head);margin-bottom:8px;letter-spacing:.04em;}
.c-form label .req{display:inline-block;color:#fff;background:var(--enji);font-size:10px;font-weight:700;letter-spacing:.08em;
  padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:2px;}
.c-form input,.c-form select,.c-form textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--r-s);padding:13px 16px;
  font-family:inherit;font-size:15px;color:var(--head);background:#fff;transition:border-color .25s,box-shadow .25s;appearance:none;}
.c-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A8842F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;}
.c-form input::placeholder,.c-form textarea::placeholder{color:#B8B1A0;}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 4px rgba(168,132,47,.14);}
.c-form textarea{min-height:130px;resize:vertical;line-height:1.9;}
.c-form .submit{width:100%;min-height:56px;background:linear-gradient(150deg,#9c473b,var(--enji) 55%,#7c332a);color:#fff;border:none;border-radius:999px;
  padding:17px;font-size:15.5px;font-weight:700;letter-spacing:.06em;cursor:pointer;font-family:inherit;
  box-shadow:0 2px 4px rgba(142,61,51,.2),0 16px 32px -14px rgba(142,61,51,.6);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.c-form .submit:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(142,61,51,.22),0 22px 40px -16px rgba(142,61,51,.65);}
.c-form .privacy{font-size:12px;color:var(--note);margin:16px 0 0;text-align:center;letter-spacing:.03em;}
.c-form .privacy a{color:var(--brass);}
@media(max-width:820px){ .c-contact{grid-template-columns:1fr;} }

/* ============== 本文（privacy 等） ============== */
.c-prose{font-size:15px;line-height:2.05;color:var(--body);}
.c-prose h2{font-family:'Shippori Mincho',serif;font-size:clamp(19px,2.6vw,25px);color:var(--head);margin:48px 0 14px;letter-spacing:.03em;line-height:1.5;
  padding-bottom:12px;background:linear-gradient(90deg,var(--line) 0 34%,transparent 34%) left bottom / 100% 1px no-repeat;}
.c-prose h2:first-child{margin-top:0;}
.c-prose p{margin:0 0 16px;}
.c-prose ul{margin:0 0 16px;padding-left:1.4em;}
.c-prose li{margin-bottom:8px;}
.c-prose .updated{font-size:12.5px;color:var(--note);margin-bottom:28px;letter-spacing:.04em;}

/* ============== 共通CTA帯（1画面級） ============== */
.c-cta2{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,220,145,.34) 0%,transparent 30%),
    linear-gradient(120deg,#C94E58 0%,#D76A3C 28%,#B57A1E 50%,#C85C7A 76%,#A9466B 100%);}
.c-cta2::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);}
.c-cta2::after{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(760px,90vw);height:110px;pointer-events:none;opacity:.22;
  background:repeating-linear-gradient(180deg,rgba(245,241,232,.55) 0 1px,transparent 1px 26px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);}
.c-cta2__in{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));margin:0 auto;text-align:center;padding:clamp(96px,12vw,150px) 0;}
.c-cta2__lb{display:inline-flex;align-items:center;gap:14px;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.42em;color:#fff;}
.c-cta2__lb::before,.c-cta2__lb::after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8));}
.c-cta2__lb::after{background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);}
.c-cta2 h2{font-family:'Shippori Mincho',serif;font-weight:600;font-size:clamp(28px,4.6vw,52px);margin:20px 0 0;line-height:1.4;letter-spacing:.05em;}
.c-cta2 p{font-size:14px;line-height:2.1;letter-spacing:.06em;color:rgba(255,255,255,.86);margin:18px auto 0;max-width:32em;}
.c-cta2__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;min-height:56px;
  background:#fff;color:#B84E4E;
  font-weight:700;font-size:15.5px;letter-spacing:.05em;padding:18px 52px;border-radius:999px;text-decoration:none;
  box-shadow:0 2px 4px rgba(169,70,107,.18),0 22px 44px -18px rgba(169,70,107,.5);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.c-cta2__btn:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(169,70,107,.22),0 30px 56px -20px rgba(169,70,107,.58);}
.c-cta2__tel{display:inline-block;margin-top:22px;font-family:'Space Grotesk',monospace;font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.86);text-decoration:none;padding:8px;transition:color .25s;}
.c-cta2__tel:hover{color:#fff;}

/* ============== FOOTER ============== */
.c-ft{position:relative;}
.c-ft__cta{position:relative;color:#fff;overflow:hidden;background:
  radial-gradient(circle at 15% 15%,rgba(255,220,145,.34) 0%,transparent 30%),
  linear-gradient(120deg,#C94E58 0%,#D76A3C 28%,#B57A1E 50%,#C85C7A 76%,#A9466B 100%);}
.c-ft__cta::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:24px 24px;opacity:.5;
  -webkit-mask-image:linear-gradient(120deg,#000,transparent 70%);mask-image:linear-gradient(120deg,#000,transparent 70%);}
.c-ft__cta .in{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr auto;gap:32px;align-items:center;padding:clamp(56px,7vw,80px) 32px;}
.c-ft__cta .lbl{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',monospace;font-size:12px;letter-spacing:.28em;opacity:.9;}
.c-ft__cta .lbl::before{content:"";width:28px;height:1px;background:rgba(255,255,255,.7);}
.c-ft__cta h2{font-family:'Shippori Mincho',serif;font-weight:700;font-size:clamp(25px,3.8vw,42px);margin:14px 0 0;line-height:1.45;letter-spacing:.04em;}
.c-ft__cta .sub{font-size:14px;opacity:.9;margin-top:14px;line-height:2;letter-spacing:.04em;}
.c-ft__cta .actions{display:flex;flex-direction:column;gap:16px;}
.c-ft__cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;background:#fff;color:#B84E4E;
  font-weight:700;font-size:15px;letter-spacing:.04em;padding:18px 40px;border-radius:999px;text-decoration:none;
  box-shadow:0 18px 36px -16px rgba(169,70,107,.4);transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.c-ft__cta .btn:hover{transform:translateY(-3px);box-shadow:0 24px 44px -18px rgba(169,70,107,.48);}
.c-ft__cta .tel{text-align:center;font-family:'Space Grotesk',monospace;font-weight:700;font-size:22px;color:#fff;text-decoration:none;display:block;padding:6px;letter-spacing:.02em;}
.c-ft__cta .tel small{display:block;font-family:'Zen Kaku Gothic New';font-weight:400;font-size:11px;opacity:.85;letter-spacing:.06em;margin-top:4px;}
.c-ft__info{color:#51483F;background:
  radial-gradient(circle at 10% 18%,rgba(255,193,116,.38) 0%,transparent 32%),
  radial-gradient(circle at 88% 24%,rgba(232,139,174,.3) 0%,transparent 34%),
  linear-gradient(135deg,#FFF8E3 0%,#FBEADF 48%,#FBE7F0 100%);}
.c-ft__info .in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr 2fr;gap:48px;padding:clamp(48px,6vw,72px) 32px 36px;}
.c-ft__brand .nm img{height:38px;width:auto;}
.c-ft__brand p{color:#7D746A;font-size:13px;max-width:24em;margin:16px 0 20px;line-height:2;letter-spacing:.04em;}
.c-ft__brand .nap{font-size:12.5px;color:#6F685F;line-height:2;letter-spacing:.02em;}
.c-ft__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.c-ft__col h4{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#C35E4F;margin:0 0 14px;}
.c-ft__col h4::before{content:"";width:16px;height:1px;background:#C35E4F;}
.c-ft__col a{display:block;color:#51483F;text-decoration:none;font-size:13.5px;padding:9px 0;opacity:.82;transition:opacity .25s,color .25s,transform .3s var(--ease);}
.c-ft__col a:hover{opacity:1;color:#C85C7A;transform:translateX(3px);}
.c-ft__bottom{border-top:1px solid rgba(81,72,63,.12);}
.c-ft__bottom .in{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;flex-wrap:wrap;gap:8px;}
.c-ft__bottom .cp{font-family:'Space Grotesk',monospace;font-size:12px;letter-spacing:.08em;color:#7D746A;}
.c-ft__bottom .legal{display:flex;gap:20px;} .c-ft__bottom .legal a{color:#7D746A;text-decoration:none;font-size:12px;padding:8px 0;transition:color .25s;}
.c-ft__bottom .legal a:hover{color:#C85C7A;}
@media(max-width:820px){
  .c-ft__cta .in{grid-template-columns:1fr;}
  .c-ft__info .in{grid-template-columns:1fr;gap:32px;}
  .c-ft__cols{grid-template-columns:1fr 1fr;}
}

/* ============== スマホ微調整（375px基準） ============== */
@media(max-width:480px){
  .c-wrap,.c-wrap--narrow{width:calc(100% - 40px);}
  .c-phero__in{width:calc(100% - 40px);}
  .c-cta2__in{width:calc(100% - 40px);}
  .c-phero__lines{width:44vw;opacity:.5;}
  .c-ov__list{grid-template-columns:1fr;}
  .c-ov__in{padding:0 32px;}
  .c-ft__cta .in,.c-ft__info .in,.c-ft__bottom .in{padding-left:20px;padding-right:20px;}
}


/* ZOROYA:BLOG — static preview / WordPress-ready archive and single */
.p-news{padding-block:clamp(48px,7vw,96px)}.p-newsgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,36px)}
.p-card{display:block;color:inherit;text-decoration:none;background:var(--paper,#fff);border:1px solid rgba(80,80,80,.16);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.p-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.1)}
.p-card__ph{aspect-ratio:16/10;overflow:hidden;background:#eee}.p-card__ph img{width:100%;height:100%;object-fit:cover}.p-card__bd{padding:22px}.p-card__meta{display:flex;gap:12px;align-items:center;font-size:12px}.p-card__cat,.post-hero__cat{padding:4px 10px;border-radius:99px;background:var(--accent,#555);color:#fff}.p-card__ttl{font-size:clamp(19px,2vw,25px);line-height:1.55}.p-card__ex{line-height:1.8}.p-card__more{font-size:12px;letter-spacing:.12em}.p-newsnote{margin-top:28px;font-size:12px;color:#666}
.post-hero{position:relative;min-height:420px;padding:clamp(110px,13vw,170px) 24px 70px;color:#fff;display:flex;align-items:flex-end}.post-hero__bg{position:absolute;inset:0}.post-hero__bg img{width:100%;height:100%;object-fit:cover}.post-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.82),rgba(0,0,0,.38))}.post-hero .wrap{position:relative;z-index:1;width:min(100%,1100px);margin:auto}.post-hero h1{max-width:900px;font-size:clamp(28px,4vw,52px);line-height:1.45}.post-hero__meta{display:flex;gap:12px;align-items:center}.post-hero .crumb a{color:inherit}
.post-wrap{width:min(calc(100% - 40px),1160px);margin:auto;padding:clamp(50px,7vw,90px) 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,64px)}.post-figure{margin:0 0 36px}.post-figure img{width:100%;max-height:540px;object-fit:cover;border-radius:18px}.post-body{font-size:16px;line-height:2}.post-body h2{margin:2.2em 0 .8em;font-size:clamp(24px,3vw,34px)}.post-body h3{margin:1.8em 0 .6em}.post-lead{font-size:1.1em}.post-foot__bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid #ddd}.post-foot a,.w-cta a{color:inherit}.post-side{position:sticky;top:100px}.widget{padding:22px 0;border-bottom:1px solid #ddd}.widget__ttl{font-size:17px}.w-recent a{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:10px 0;color:inherit;text-decoration:none}.w-recent img{width:72px;height:56px;object-fit:cover}.w-recent b,.w-recent span{display:block;font-size:12px}.w-list{list-style:none;padding:0}.w-list a{display:flex;justify-content:space-between;padding:8px 0;color:inherit;text-decoration:none}.w-search{display:flex}.w-search input{min-width:0;flex:1;padding:10px}.w-search button{padding:10px}
@media(max-width:800px){.p-newsgrid{grid-template-columns:1fr}.post-wrap{grid-template-columns:1fr}.post-side{position:static}.post-hero{min-height:360px}.p-card__bd{padding:18px}}

/* NEWS / BLOG HUB — 一覧ページ共通レイアウト */
.page-hero{position:relative;overflow:hidden;padding:clamp(128px,15vw,188px) 0 clamp(64px,8vw,92px);color:var(--ivory);background:radial-gradient(620px 300px at 82% 25%,rgba(168,132,47,.22),transparent 68%),linear-gradient(120deg,var(--ink2),#303640 58%,#20252C)}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,255,255,.08) 27px 28px),linear-gradient(110deg,transparent 0 68%,rgba(255,255,255,.07) 68.2%,transparent 68.5%)}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--brass),var(--brass-l),transparent)}
.page-hero .wrap,.page-sec .wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.page-hero .wrap{position:relative;z-index:1}
.page-hero .eyebrow,.page-hero .sec-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--brass-l);font-family:"Space Grotesk",sans-serif;font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}.page-hero .eyebrow::before,.page-hero .sec-eyebrow::before{content:"";width:34px;height:1px;background:var(--brass-l)}
.page-hero h1{width:auto;margin:20px 0 0;color:#fff;font-family:"Shippori Mincho",serif;font-size:clamp(38px,5.5vw,68px);font-weight:600;line-height:1.35;letter-spacing:.05em}.page-hero .bc,.page-hero .crumb{display:flex;gap:8px;margin:24px 0 0;color:rgba(245,241,232,.58);font-size:11.5px;letter-spacing:.08em}.page-hero .bc a,.page-hero .crumb a{color:inherit}
.page-sec{padding:clamp(72px,9vw,118px) 0;background:var(--paper)}.p-news{padding:0}.p-newsgrid{gap:clamp(22px,3vw,34px)}.p-card{border-color:rgba(168,132,47,.18);border-radius:var(--r-m);background:#fff;box-shadow:var(--sh-s)}.p-card:hover{box-shadow:var(--sh-l)}.p-card__bd{padding:26px 24px 28px}.p-card__date{font-family:"Space Grotesk",sans-serif;color:var(--note);font-size:10px;letter-spacing:.12em}.p-card__cat{background:var(--ink);font-size:10px}.p-card__ttl{margin:18px 0 10px;color:var(--head);font-family:"Shippori Mincho",serif;font-weight:700}.p-card__ex{color:var(--body);font-size:13.5px}.p-card__more{display:inline-block;margin-top:18px;color:var(--brass);font-weight:700}
@media(max-width:760px){.page-hero{padding:118px 0 58px}.page-hero .wrap,.page-sec .wrap{width:min(100% - 36px,1120px)}.page-hero h1{font-size:clamp(34px,10vw,46px)}.page-sec{padding:64px 0}}

/* 固定ページタイトル v3：教室写真＋五線のレイヤー */
.c-phero,.page-hero{min-height:clamp(430px,52vh,560px);display:flex;align-items:flex-end;background:
  linear-gradient(90deg,rgba(23,27,33,.93) 0%,rgba(23,27,33,.78) 42%,rgba(23,27,33,.36) 72%,rgba(23,27,33,.2) 100%),
  linear-gradient(180deg,rgba(33,38,45,.12),rgba(33,38,45,.5)),
  url('../../src/room.jpg') 56% 54%/cover no-repeat}
.c-phero{padding:clamp(150px,18vw,210px) 0 clamp(64px,8vw,92px)}.page-hero{padding:clamp(150px,18vw,210px) 0 clamp(64px,8vw,92px)}
.c-phero::before,.page-hero::before{content:"";position:absolute;inset:auto 0 0;height:42%;opacity:.55;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 13px,rgba(207,164,92,.2) 13px 14px);-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 72%,transparent);mask-image:linear-gradient(90deg,transparent 42%,#000 72%,transparent)}
.c-phero::after,.page-hero::after{content:"";position:absolute;inset:0;opacity:1;pointer-events:none;background:
  radial-gradient(520px 240px at 82% 40%,rgba(207,164,92,.12),transparent 72%),
  linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%,rgba(0,0,0,.18));box-shadow:inset 0 -3px var(--brass)}
.c-phero__in,.page-hero .wrap{padding-left:clamp(20px,3vw,38px);border-left:1px solid rgba(207,164,92,.55);text-shadow:0 3px 24px rgba(0,0,0,.45)}
.c-phero__lines{right:5%;width:min(360px,28vw);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.c-phero h1,.page-hero h1{max-width:12em;text-wrap:balance}.page-hero .bc{margin-bottom:0}
@media(max-width:760px){.c-phero,.page-hero{min-height:400px;padding:126px 0 54px;background-position:65% 50%}.c-phero__in,.page-hero .wrap{padding-left:18px}.c-phero__lines{width:42vw;right:-4%;opacity:.55}.c-phero h1,.page-hero h1{font-size:clamp(32px,9.6vw,44px)}}

