/* COSECE V8: canonical theme identity and image-rich first-level pages. */
:root{--v8-gap:clamp(24px,4vw,64px)}
.inner-visual{position:relative;min-height:clamp(520px,68vw,820px);overflow:hidden;background:#eee5eb;color:#fff}
.inner-visual picture,.inner-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.inner-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,21,44,.68) 0%,rgba(36,21,44,.2) 52%,rgba(36,21,44,.04) 100%)}
.inner-visual>div{position:absolute;z-index:1;left:max(24px,calc((100% - var(--wrap))/2));bottom:clamp(44px,7vw,96px);max-width:650px}
.inner-visual h2{margin:.3em 0 0;color:#fff;font-size:var(--cn-section)}
.journal-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--v8-gap);align-items:center;padding-block:clamp(70px,9vw,130px)}
.journal-visual figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:28px 5px 28px 5px}
.journal-visual img{width:100%;height:100%;object-fit:cover}
.journal-visual h2,.product-gallery-intro h2{margin:.3em 0 .55em}
.journal-visual p:last-child{max-width:34em;color:var(--muted);font-size:18px;line-height:1.8}
.product-gallery-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:var(--v8-gap);align-items:end;padding-top:clamp(70px,8vw,120px)}
.product-gallery-intro>p{margin:0 0 .6em;color:var(--muted);font-size:17px;line-height:1.8}
.product-placeholder-grid{padding-top:clamp(36px,5vw,68px)}
.product-placeholder{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8eef2,#eadde6)}
.product-placeholder:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(238,38,77,.2);border-radius:50%;right:-28%;top:-20%;box-shadow:0 0 0 28px rgba(238,38,77,.035),0 0 0 58px rgba(238,38,77,.025)}
.product-placeholder span,.product-placeholder b{position:relative;z-index:1}
@media(max-width:820px){.journal-visual,.product-gallery-intro{grid-template-columns:1fr}.inner-visual{min-height:620px}.inner-visual:after{background:linear-gradient(0deg,rgba(36,21,44,.72),rgba(36,21,44,.06) 68%)}.inner-visual>div{left:24px;right:24px;bottom:48px}}
@media(max-width:520px){.inner-visual{min-height:560px}.inner-visual>div{left:18px;right:18px}.journal-visual{padding-block:64px}.journal-visual figure{border-radius:20px 4px 20px 4px}}