/* Round 6 — photography and progressive mobile disclosure.
   This sheet never hides prose on its own. The readmore script activates the clamp.
   Original artwork, media, source copy and form states are preserved. */
.home-v4.v4-visual .v4-readmore-toggle {
  display:inline-flex;align-items:center;gap:12px;min-height:36px;
  margin:4px 0 20px;padding:4px 0;border:0;background:none;
  font:500 12px/1.8 var(--font-sans);letter-spacing:.02em;
  color:#785b2f;text-decoration:underline;text-underline-offset:4px;cursor:pointer;
}
.home-v4.v4-visual .v4-readmore-toggle::after {
  content:"";width:6px;height:6px;flex:none;border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px;
}
.home-v4.v4-visual .v4-readmore-toggle[aria-expanded="true"]::after {transform:rotate(225deg);margin-top:4px;}
.home-v4.v4-visual .v4-readmore-toggle[hidden] {display:none!important;}
.home-v4.v4-visual :is(.hero,.section-dark,.cta-band,.nf-wrap) .v4-readmore-toggle {color:#dfc18a;}
.home-v4.v4-visual .v4-readmore-toggle:focus-visible {outline:2px solid currentColor;outline-offset:5px;}
/* Every source image stays intact. Covers and product artwork are contained, not cropped. */
.home-v4.v4-visual .v4-photo-gallery {display:grid;grid-template-rows:minmax(0,1fr);gap:12px;max-width:100%;margin:28px 0 30px;}
.home-v4.v4-visual .v4-photo {position:relative;margin:0;min-width:0;min-height:0;overflow:hidden;border:1px solid #bfa57470;border-radius:3px;background:#1b211b;}
.home-v4.v4-visual .v4-photo img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;filter:none;}
.home-v4.v4-visual .v4-photo-flare img,.home-v4.v4-visual .v4-photo-partyflare img {object-fit:cover;}
.home-v4.v4-visual .v4-photo-sara,.home-v4.v4-visual .v4-photo-ray {background:#f4f1e9;}
.home-v4.v4-visual .v4-photo-pair {grid-template-columns:1.25fr 1fr;height:270px;}
.home-v4.v4-visual .v4-photo-pair:has(.v4-photo-sara) {grid-template-columns:1.4fr .78fr;}
.home-v4.v4-visual .v4-photo-proof {grid-template-columns:repeat(2,minmax(0,1fr));height:290px;gap:16px;}
.home-v4.v4-visual .v4-photo-proof .v4-photo {padding:10px;background:#ebe8de;border-color:#bfa57488;}
.home-v4.v4-visual .v4-photo-proof .v4-photo img {object-fit:contain;object-position:top center;}
.home-v4.v4-visual .v4-photo-proof:has(> :only-child) {grid-template-columns:1fr;max-width:380px;}
.home-v4.v4-visual .v4-photo-portrait {width:min(100%,260px);aspect-ratio:1;}
.home-v4.v4-visual .v4-photo-portrait img {object-fit:contain;}
.home-v4.v4-visual .v4-photo-strip {grid-template-columns:repeat(2,minmax(0,1fr));height:330px;margin-bottom:38px;}
.home-v4.v4-visual .v4-photo-strip .v4-photo {padding:10px;}
.home-v4.v4-visual .v4-photo-strip .v4-photo-partyflare {padding:0;}
.home-v4.v4-visual .v4-photo-strip .v4-photo-ray {background:#f4f1e9;}
.home-v4.v4-visual .section .v4-photo-proof {max-width:860px;height:350px;margin-bottom:38px;}
/* Top: photography is the large right-hand visual; the isometric remains as a smaller companion. */
.home-v4.v4-visual-home .hero-layout {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:48px;row-gap:0;align-items:start;}
.home-v4.v4-visual-home .hero-copy {display:contents;}
.home-v4.v4-visual-home .hero-eyebrow {grid-column:1;grid-row:1;margin:0 0 22px;}
.home-v4.v4-visual-home .hero h1 {grid-column:1;grid-row:2;}
.home-v4.v4-visual-home .hero .lead {grid-column:1;grid-row:3;max-width:100%;}
.home-v4.v4-visual-home .hero .v4-readmore-toggle {grid-column:1;grid-row:4;}
.home-v4.v4-visual-home .hero-actions {grid-column:1;grid-row:5;}
.home-v4.v4-visual-home .v4-photo-collage {
  grid-column:2;grid-row:1/7;align-self:start;
  grid-template-columns:1fr .9fr 1.06fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:10px;height:clamp(440px,38vw,560px);min-height:0;margin:0 0 20px;padding:14px 0;
  border-block:1px solid #bfa57466;
}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-flare {grid-column:1/3;grid-row:1;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-champagne {grid-column:1;grid-row:2;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-ray {grid-column:2;grid-row:2;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-sara {grid-column:3;grid-row:1/3;}
.home-v4.v4-visual-home .hero-art {grid-column:1;grid-row:6;width:340px;max-width:100%;justify-self:end;align-self:start;padding:0;margin:24px 0 0;}
.home-v4.v4-visual-home .hero-art .art-topline {padding-top:10px;font-size:11px;}
.home-v4.v4-visual-home .hero-art .art-baseline {display:none;}
.home-v4.v4-visual-home .hero-footer {grid-column:1/-1;grid-row:7;margin-top:26px;}
/* Supporting pages: prose, real evidence and the original unique engraving coexist. */
.home-v4.v4-visual.v4-page .v4-page-hero-art {align-self:start;margin-top:38px;}
.home-v4.v4-visual.page-contact .v4-photo-proof {height:240px;max-width:260px;}
@media(min-width:720px) {
  .home-v4.v4-visual .v4-readmore-toggle {display:none!important;}
}
@media(min-width:720px) and (max-width:1023px) {
  .home-v4.v4-visual-home .hero-layout {column-gap:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}
  .home-v4.v4-visual-home .hero h1 {font-size:3.6vw;}
  .home-v4.v4-visual-home .v4-photo-collage {height:520px;min-height:0;gap:6px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-flare {grid-column:1;grid-row:1;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-champagne {grid-column:1;grid-row:2;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-ray {grid-column:1;grid-row:3;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-sara {grid-column:2;grid-row:1/4;}
  .home-v4.v4-visual.v4-page .v4-photo-gallery[data-v4-visual="hero"] {max-width:660px;}
  .home-v4.v4-visual.v4-page .v4-page-hero-art {width:230px;justify-self:end;margin-top:0;}
}
@media(max-width:719px) {
  .home-v4.v4-visual .v4-readmore-ready {margin-bottom:0;}
  .home-v4.v4-visual .v4-readmore-ready:not(.v4-readmore-open) {
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;
  }
  .home-v4.v4-visual .v4-photo-gallery {gap:8px;margin:8px 0 22px;}
  .home-v4.v4-visual .v4-photo-pair {height:220px;}
  .home-v4.v4-visual .v4-photo-pair:has(.v4-photo-sara) {grid-template-columns:1.35fr .9fr;}
  .home-v4.v4-visual .v4-photo-proof {height:240px;gap:10px;}
  .home-v4.v4-visual .v4-photo-proof .v4-photo {padding:6px;}
  .home-v4.v4-visual .v4-photo-strip {height:220px;margin:0 0 28px;}
  .home-v4.v4-visual .v4-photo-strip .v4-photo {padding:6px;}
  .home-v4.v4-visual .v4-photo-strip .v4-photo-partyflare {padding:0;}
  .home-v4.v4-visual .section .v4-photo-proof {height:280px;margin-bottom:28px;}
  .home-v4.v4-visual .v4-photo-portrait {width:180px;margin-left:auto;}
  .home-v4.v4-visual-home .hero-layout {display:block;}
  .home-v4.v4-visual-home .hero-copy {display:block;}
  .home-v4.v4-visual-home .hero .lead {font-size:13px;line-height:1.95;}
  .home-v4.v4-visual-home .hero-eyebrow {margin-bottom:20px;}
  .home-v4.v4-visual-home .v4-photo-collage {
    display:grid;grid-template-columns:1fr .9fr 1.06fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);
    min-height:0;height:clamp(214px,65vw,340px);gap:6px;padding:0;border:0;margin:4px 0 22px;
  }
  .home-v4.v4-visual-home .hero-art {width:100%;max-width:420px;margin:28px 0 0 auto;padding:0;}
  .home-v4.v4-visual-home .hero-footer {margin-top:22px;}
  .home-v4.v4-visual.v4-page .v4-page-hero-grid {gap:22px;}
  .home-v4.v4-visual.v4-page .v4-page-hero-art {width:190px;max-width:64%;margin:0 0 0 auto;padding:0;}
  .home-v4.v4-visual.page-contact .v4-photo-proof {height:190px;max-width:260px;margin-inline:auto;}
  /* Existing party photos move directly after the shortened lead, before facts and CTA. */
  .home-v4.v4-visual.page-party .party-hero-copy {display:contents;}
  .home-v4.v4-visual.page-party .party-hero-grid {display:flex;flex-direction:column;gap:0;align-items:stretch;}
  .home-v4.v4-visual.page-party .party-hero-grid .hero-eyebrow {order:1;}
  .home-v4.v4-visual.page-party .party-hero-grid h1 {order:2;}
  .home-v4.v4-visual.page-party .party-hero-grid .lead {order:3;}
  .home-v4.v4-visual.page-party .party-hero-grid .v4-readmore-toggle {order:4;align-self:flex-start;}
  .home-v4.v4-visual.page-party .party-hero-visual {order:5;width:100%;max-width:460px;align-self:center;margin:0 0 22px;}
  .home-v4.v4-visual.page-party .party-facts {order:6;}
  .home-v4.v4-visual.page-party .hero-actions {order:7;}
}
@media(prefers-reduced-motion:reduce) {
  .home-v4.v4-visual .v4-readmore-toggle,.home-v4.v4-visual .v4-readmore-toggle::after,
  .home-v4.v4-visual .v4-photo,.home-v4.v4-visual .v4-photo img {animation:none!important;transition:none!important;}
}

/* 2026-10-04 代表指示: ヒーロー説明文は3行に要約（続きを読む不要）・コスメ写真は1枚（Ray表紙）に。コラージュは3枚構成 */
.home-v4.v4-visual-home .hero .lead.lead-3 {font-size:16px;line-height:1.9;}
.home-v4.v4-visual-home .v4-photo-collage {grid-template-columns:1.15fr 1fr;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-flare {grid-column:1/3;grid-row:1;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-champagne {grid-column:1;grid-row:2;}
.home-v4.v4-visual-home .v4-photo-collage .v4-photo-ray {grid-column:2;grid-row:2;}
@media(min-width:720px) and (max-width:1023px) {
  .home-v4.v4-visual-home .v4-photo-collage {grid-template-columns:1fr 1fr;grid-template-rows:1.2fr 1fr;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-flare {grid-column:1/3;grid-row:1;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-champagne {grid-column:1;grid-row:2;}
  .home-v4.v4-visual-home .v4-photo-collage .v4-photo-ray {grid-column:2;grid-row:2;}
}
@media(max-width:719px) {
  .home-v4.v4-visual-home .hero .lead.lead-3 {font-size:15px;line-height:1.9;}
  .home-v4.v4-visual-home .v4-photo-collage {grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1.15fr) minmax(0,1fr);height:clamp(260px,78vw,380px);}
}
@media(max-width:374px) {
  .home-v4.v4-visual-home .hero .lead.lead-3 {font-size:14px;}
}