/* =========================================================
   FROM OITA / 07-2 やせうまだんご汁
   Page-specific layer. Loaded after the shared style.css.
   ========================================================= */

.yaseuma-page { overflow-x:hidden; }
.yaseuma-page main { background:var(--oita-bg); }

/* ---------- Hero ---------- */
.yaseuma-hero{
  position:relative;
  min-height:clamp(430px,48vw,620px);
  overflow:hidden;
  background:#5d4a3c;
}
.yaseuma-hero__media,
.yaseuma-hero__media img,
.yaseuma-hero__veil{position:absolute;inset:0;width:100%;height:100%;}
.yaseuma-hero__media img{object-fit:cover;object-position:center center;}
.yaseuma-hero__veil{background:linear-gradient(90deg,rgba(28,21,16,.74) 0%,rgba(28,21,16,.46) 38%,rgba(28,21,16,.10) 72%,rgba(28,21,16,.02) 100%);}
.yaseuma-hero__inner{position:relative;z-index:1;min-height:inherit;display:flex;align-items:center;}
.yaseuma-hero__copy{max-width:820px;color:#fff;padding-block:76px;}
.yaseuma-hero__eyebrow{margin:0 0 13px;font-size:.69rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(255,255,255,.82);}
.yaseuma-hero h1{color:#fff;font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.2;letter-spacing:.11em;font-weight:500;white-space:nowrap;}
.yaseuma-hero__lead{margin-top:22px;max-width:31rem;color:rgba(255,255,255,.92);font-size:.96rem;line-height:2.05;}
.yaseuma-hero .oita-btn{margin-top:28px;}

/* ---------- About ---------- */
.yaseuma-about{padding-block:86px 92px;}
.yaseuma-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:clamp(50px,8vw,120px);align-items:center;}
.yaseuma-about__copy{max-width:650px;}
.yaseuma-about h2,.yaseuma-history h2,.yaseuma-return h2,.yaseuma-feature h2,.yaseuma-detail h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1.42;font-weight:500;}
.yaseuma-about .oita-lede{margin-top:25px;max-width:38rem;font-size:.95rem;line-height:2.05;}
.yaseuma-about__media{position:relative;aspect-ratio:16/10;overflow:hidden;}
.yaseuma-about__media img{width:100%;height:100%;object-fit:cover;}
.yaseuma-about__note{margin-top:25px;color:var(--oita-text-soft);font-family:var(--font-heading);font-size:1rem;line-height:1.9;}

/* ---------- History ---------- */
.yaseuma-history{position:relative;min-height:610px;overflow:hidden;color:#fff;}
.yaseuma-history__media,.yaseuma-history__media img,.yaseuma-history__veil{position:absolute;inset:0;width:100%;height:100%;}
.yaseuma-history__media img{object-fit:cover;object-position:center center;filter:saturate(.88);}
.yaseuma-history__veil{background:linear-gradient(90deg,rgba(31,52,67,.74) 0%,rgba(40,63,80,.48) 40%,rgba(34,54,69,.18) 78%,rgba(34,54,69,.08) 100%);}
.yaseuma-history__inner{position:relative;z-index:1;min-height:610px;display:flex;align-items:center;}
.yaseuma-history__copy{max-width:570px;padding-block:90px;}
.yaseuma-history .oita-eyebrow{color:rgba(255,255,255,.78);}
.yaseuma-history h2{color:#fff;}
.yaseuma-history__copy>p:not(.oita-eyebrow){margin-top:22px;color:rgba(255,255,255,.91);max-width:38rem;font-size:.94rem;line-height:2.05;}
.yaseuma-history .oita-btn{margin-top:30px;}
.yaseuma-history__polaroids{position:absolute;right:3%;bottom:55px;display:flex;align-items:flex-end;gap:16px;}
.yaseuma-polaroid{width:250px;background:transparent;padding:0;box-shadow:none;transform:rotate(-7deg);}
.yaseuma-polaroid:nth-child(2){transform:translateY(-35px) rotate(5deg);}
.yaseuma-polaroid img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;filter:none;box-shadow:0 18px 34px rgba(0,0,0,.24);}

/* ---------- Return ---------- */
.yaseuma-return{padding-block:88px 96px;}
.yaseuma-return__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:clamp(50px,8vw,120px);align-items:center;}
.yaseuma-return__media{order:2;aspect-ratio:16/10;overflow:hidden;}
.yaseuma-return__media img{width:100%;height:100%;object-fit:cover;}
.yaseuma-return__copy{order:1;max-width:590px;}
.yaseuma-return__copy .oita-lede{margin-top:25px;font-size:.95rem;line-height:2.05;}
.yaseuma-return__callout{margin-top:27px;color:var(--oita-text-soft);font-family:var(--font-heading);font-size:1.05rem;line-height:1.8;}
.yaseuma-return__callout::after{content:"";display:block;width:70px;border-bottom:1px solid var(--oita-line);margin-top:16px;}

/* ---------- Feature ---------- */
.yaseuma-feature{padding-block:36px 88px;border-top:1px solid var(--oita-line);}
.yaseuma-feature__intro{text-align:center;margin-bottom:52px;}
.yaseuma-feature__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:1080px;margin:auto;}
.yaseuma-feature-card{text-align:center;}
.yaseuma-feature-card__media{width:min(190px,100%);aspect-ratio:1;margin:0 auto 22px;border-radius:50%;overflow:hidden;}
.yaseuma-feature-card__media img{width:100%;height:100%;object-fit:cover;}
.yaseuma-feature-card h3{font-size:1.15rem;margin-bottom:9px;font-weight:500;}
.yaseuma-feature-card p{color:var(--oita-text-soft);font-size:.83rem;line-height:1.9;}

/* ---------- Details ---------- */
.yaseuma-details{padding-block:0 88px;}
.yaseuma-details__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--oita-line);}
.yaseuma-detail{display:grid;grid-template-columns:minmax(180px,.86fr) 1.14fr;gap:30px;align-items:center;padding:42px 40px;border-bottom:1px solid var(--oita-line);}
.yaseuma-detail+.yaseuma-detail{border-left:1px solid var(--oita-line);}
.yaseuma-detail__media{aspect-ratio:1;overflow:hidden;}
.yaseuma-detail__media img{width:100%;height:100%;object-fit:cover;}
.yaseuma-detail h2{font-size:1.7rem;margin-bottom:14px;}
.yaseuma-detail p:not(.oita-eyebrow){color:var(--oita-text-soft);font-size:.84rem;line-height:1.9;margin-bottom:18px;}

/* ---------- CTA ---------- */
.yaseuma-cta{position:relative;min-height:310px;overflow:hidden;color:#fff;}
.yaseuma-cta__media,.yaseuma-cta__media img,.yaseuma-cta__veil{position:absolute;inset:0;width:100%;height:100%;}
.yaseuma-cta__media img{object-fit:cover;object-position:center center;}
.yaseuma-cta__veil{background:linear-gradient(90deg,rgba(62,43,39,.28),rgba(62,43,39,.18));}
.yaseuma-cta__inner{position:relative;z-index:1;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.yaseuma-cta h2{color:#fff;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:500;}
.yaseuma-cta p{margin-top:10px;color:rgba(255,255,255,.92);font-size:.86rem;}
.yaseuma-cta .oita-btn{margin-top:23px;}

/* ---------- Header refinement for this page ---------- */
.yaseuma-page .site-header{background:rgba(250,247,242,.96);}
.yaseuma-page .site-header.is-scrolled{box-shadow:0 4px 20px rgba(35,31,27,.07);}
.yaseuma-page .site-nav-desktop{gap:27px;}
.yaseuma-page .site-nav-desktop>a{font-size:.72rem;letter-spacing:.04em;}

@media (max-width: 1100px){
  .yaseuma-history__polaroids{right:1%;transform:scale(.88);transform-origin:right bottom;}
  .yaseuma-detail{grid-template-columns:150px 1fr;padding-inline:28px;}
}

@media (max-width: 767px){
  .yaseuma-hero{min-height:610px;}
  .yaseuma-hero__media img{object-position:58% center;}
  .yaseuma-hero__veil{background:linear-gradient(180deg,rgba(28,21,16,.18) 0%,rgba(28,21,16,.44) 42%,rgba(28,21,16,.82) 100%);}
  .yaseuma-hero__inner{align-items:flex-end;}
  .yaseuma-hero__copy{padding-block:48px 54px;max-width:100%;}
  .yaseuma-hero h1{font-size:2.25rem;letter-spacing:.09em;white-space:nowrap;}
  .yaseuma-hero__lead{font-size:.84rem;line-height:1.9;}

  .yaseuma-about{padding-block:60px 64px;}
  .yaseuma-about__grid{grid-template-columns:1fr;gap:30px;}
  .yaseuma-about h2,.yaseuma-history h2,.yaseuma-return h2,.yaseuma-feature h2{font-size:2rem;}
  .yaseuma-about__media{aspect-ratio:16/10;}

  .yaseuma-history{min-height:620px;}
  .yaseuma-history__inner{min-height:620px;align-items:flex-end;}
  .yaseuma-history__copy{padding-block:54px 56px;}
  .yaseuma-history__polaroids{right:18px;top:28px;bottom:auto;transform:scale(.55);transform-origin:right top;}
  .yaseuma-history__copy>p:not(.oita-eyebrow){font-size:.84rem;}

  .yaseuma-return{padding-block:60px 66px;}
  .yaseuma-return__grid{grid-template-columns:1fr;gap:30px;}
  .yaseuma-return__media{order:1;}
  .yaseuma-return__copy{order:2;}

  .yaseuma-feature{padding-block:26px 60px;}
  .yaseuma-feature__intro{margin-bottom:34px;}
  .yaseuma-feature__grid{grid-template-columns:repeat(2,1fr);gap:38px 18px;}
  .yaseuma-feature-card__media{width:min(145px,100%);margin-bottom:16px;}
  .yaseuma-feature-card h3{font-size:1rem;}
  .yaseuma-feature-card p{font-size:.75rem;}

  .yaseuma-details{padding-bottom:60px;}
  .yaseuma-details__grid{grid-template-columns:1fr;}
  .yaseuma-detail{grid-template-columns:120px 1fr;gap:18px;padding:28px 0;}
  .yaseuma-detail+.yaseuma-detail{border-left:0;}
  .yaseuma-detail h2{font-size:1.35rem;}
  .yaseuma-detail p:not(.oita-eyebrow){font-size:.76rem;}

  .yaseuma-cta,.yaseuma-cta__inner{min-height:250px;}
}

@media (prefers-reduced-motion: reduce){
  .yaseuma-page *{scroll-behavior:auto!important;}
}