/* TimyBear Editorial v5.1 — public-facing mind and copy refinement.
   This layer diversifies information-page heroes without changing the shared brand skeleton. */

/* Compact trust notes: factual boundaries belong in quiet utility areas, not in the main brand voice. */
.site-evidence-note{
  width:var(--shell);margin:0 auto clamp(72px,7vw,108px);padding:20px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)
}
.site-evidence-note summary{cursor:pointer;font-size:11px;font-weight:780;letter-spacing:.1em;list-style:none}
.site-evidence-note summary::-webkit-details-marker{display:none}
.site-evidence-note summary::after{content:'＋';float:right;color:var(--red)}
.site-evidence-note[open] summary::after{content:'－'}
.site-evidence-note p{max-width:880px;margin-top:15px;font-size:11px;line-height:1.75}

@media (min-width:1061px){
  /* About: visual prologue, then an editorial statement instead of another template split. */
  .about-hero.ed-hero{display:flex;flex-direction:column;min-height:0;padding-top:var(--header-h)}
  .about-hero .ed-hero-media{order:1;min-height:0;aspect-ratio:1920/620}
  .about-hero .ed-hero-media img{object-position:center 46%}
  .about-hero .ed-hero-copy{order:2;display:block;padding:72px 0 78px;background:var(--paper)}
  .about-hero .ed-hero-copy>div{width:var(--shell);max-width:none;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);column-gap:clamp(70px,9vw,140px);align-items:start}
  .about-hero .ed-kicker{grid-column:1}.about-hero h1{grid-column:1;grid-row:2/6;font-size:clamp(64px,6vw,92px)}
  .about-hero .ed-lead{grid-column:2;grid-row:2;margin-top:6px}.about-hero .ed-actions{grid-column:2;grid-row:3}.about-hero .ed-notes{grid-column:2;grid-row:4;width:100%}

  /* Journal: full photographic masthead. */
  .news-hero.ed-hero{position:relative;display:block;min-height:850px;padding-top:var(--header-h);overflow:hidden;background:#eadfd4}
  .news-hero .ed-hero-media{position:absolute;inset:var(--header-h) 0 0;min-height:0}
  .news-hero:after{content:'';position:absolute;z-index:1;inset:var(--header-h) 0 0;background:linear-gradient(90deg,rgba(247,242,235,.97) 0%,rgba(247,242,235,.88) 34%,rgba(247,242,235,.22) 60%,transparent 78%)}
  .news-hero .ed-hero-copy{position:relative;z-index:2;min-height:calc(850px - var(--header-h));padding:80px max(48px,calc((100vw - 1280px)/2));background:transparent}
  .news-hero .ed-hero-copy>div{max-width:650px}.news-hero h1{font-size:clamp(68px,6.3vw,96px)}

  /* IP and corporate gifts: put the asset/world first, then the business language. */
  .ip-hero.ed-hero,.corp-hero.ed-hero,.purchase-hero.ed-hero{grid-template-columns:minmax(560px,1.12fr) minmax(420px,.88fr)}
  .ip-hero .ed-hero-media,.corp-hero .ed-hero-media,.purchase-hero .ed-hero-media{grid-column:1;grid-row:1}
  .ip-hero .ed-hero-copy,.corp-hero .ed-hero-copy,.purchase-hero .ed-hero-copy{grid-column:2;grid-row:1;padding-left:clamp(44px,5vw,76px);padding-right:max(48px,calc((100vw - 1280px)/2))}
  .ip-hero h1,.corp-hero h1,.purchase-hero h1{font-size:clamp(56px,5.15vw,78px)}

  /* Space: the concept image becomes the field; the copy stays grounded in the left safe area. */
  .mall-hero.ed-hero{position:relative;display:block;min-height:830px;padding-top:var(--header-h);overflow:hidden}
  .mall-hero .ed-hero-media{position:absolute;inset:var(--header-h) 0 0;min-height:0}
  .mall-hero:after{content:'';position:absolute;z-index:1;inset:var(--header-h) 0 0;background:linear-gradient(90deg,rgba(247,242,235,.96),rgba(247,242,235,.82) 34%,rgba(247,242,235,.06) 70%,transparent)}
  .mall-hero .ed-hero-copy{position:relative;z-index:2;min-height:calc(830px - var(--header-h));padding:80px max(48px,calc((100vw - 1280px)/2));background:transparent}
  .mall-hero .ed-hero-copy>div{max-width:660px}.mall-hero h1{font-size:clamp(66px,6.1vw,94px)}

  /* Contact: question first; image becomes a quieter supporting strip. */
  .contact-hero.ed-hero{display:flex;flex-direction:column;min-height:0;padding-top:var(--header-h)}
  .contact-hero .ed-hero-copy{order:1;display:block;padding:74px 0 68px}
  .contact-hero .ed-hero-copy>div{width:var(--shell);max-width:none;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);column-gap:clamp(70px,9vw,140px)}
  .contact-hero .ed-kicker{grid-column:1}.contact-hero h1{grid-column:1;grid-row:2/6;font-size:clamp(64px,6vw,92px)}
  .contact-hero .ed-lead{grid-column:2;grid-row:2;margin-top:6px}.contact-hero .ed-actions{grid-column:2;grid-row:3}.contact-hero .ed-notes{grid-column:2;grid-row:4}
  .contact-hero .ed-hero-media{order:2;min-height:0;aspect-ratio:1920/520}.contact-hero .ed-hero-media img{object-position:center 48%}

  /* FAQ: search is the primary action; image is a horizontal editorial footer to the masthead. */
  .faq-hero.ed-hero{display:flex;flex-direction:column;min-height:0;padding-top:var(--header-h)}
  .faq-hero .ed-hero-copy{order:1;display:block;padding:70px 0 64px}
  .faq-hero .ed-hero-copy>div{width:min(1060px,calc(100vw - 96px));max-width:none;margin:auto;text-align:center}
  .faq-hero .ed-lead{margin-inline:auto}.faq-hero .ed-actions{justify-content:center}.faq-hero .ed-notes{max-width:650px;margin-inline:auto}.faq-hero-search{max-width:720px;margin-inline:auto}
  .faq-hero .ed-hero-media{order:2;min-height:0;aspect-ratio:1920/460}.faq-hero .ed-hero-media img{object-position:center 46%}
}

@media(max-width:1060px){
  .news-hero:after,.mall-hero:after{display:none}
}

@media(max-width:760px){
  .site-evidence-note{width:calc(100vw - 36px);margin-bottom:78px}
  .about-hero .ed-hero-media,.contact-hero .ed-hero-media,.faq-hero .ed-hero-media{aspect-ratio:4/3}
  .news-hero.ed-hero,.mall-hero.ed-hero{min-height:0}
}

