/* CECIL Official v1.0.90 — media page base */
/* =========================================================
   Media / Press page — v1.0.7
   ========================================================= */
.media-page{background:#F7F3EA;color:#4B4238;overflow:hidden}
.media-page .container{width:min(calc(100% - 40px),1180px)}
.media-page .btn--outline{background:transparent;border:1px solid rgba(117,106,93,.55);color:#756A5D}
.media-page .btn--outline:hover{background:#756A5D;color:#FAF7EF}
.media-hero{position:relative;min-height:650px;background:#665D52;color:#FAF7EF;overflow:hidden;border-bottom:1px solid rgba(201,216,166,.35)}
.media-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(102,93,82,.98) 0%,rgba(102,93,82,.92) 43%,rgba(102,93,82,.34) 67%,rgba(102,93,82,.08) 100%),linear-gradient(0deg,rgba(102,93,82,.25),rgba(102,93,82,.1)),url('../images/cecil-salon-room-v134.webp');background-size:cover;background-position:center right}
.media-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(201,216,166,.16),transparent 28%);pointer-events:none}
.media-hero-inner{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.08fr .72fr;align-items:end;gap:46px;padding:78px 0 0}
.media-hero-copy{align-self:center;padding-bottom:52px;max-width:670px}
.media-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.68rem;color:rgba(250,247,239,.54);margin:0 0 34px}.media-breadcrumb a:hover{color:#C9D8A6}
.media-eyebrow,.media-video-kicker{margin:0 0 10px;color:#C9D8A6;font-family:Georgia,"Yu Mincho",serif;letter-spacing:.16em;font-size:.76rem;font-weight:700}
.media-hero h1{font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2.45rem,4.5vw,4.25rem);line-height:1.38;font-weight:400;letter-spacing:.055em;margin:0 0 22px}
.media-hero-lead{max-width:650px;margin:0;color:rgba(250,247,239,.79);font-size:.92rem;line-height:1.95}
.media-hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:26px 0 26px}.media-hero-badges span{border:1px solid rgba(201,216,166,.45);background:rgba(102,93,82,.55);min-height:58px;padding:8px 7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#EAE2D3;font-size:.7rem;text-align:center}.media-hero-badges svg{width:20px;height:20px;flex:0 0 auto;color:#C9D8A6}.media-hero-badges b{font-weight:500}
.media-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.media-hero-actions .btn{min-width:210px}
.media-hero-portrait{position:relative;align-self:end;height:570px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.media-hero-portrait:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#665D52 0%,transparent 13%),linear-gradient(90deg,#665D52 0%,transparent 23%,transparent 78%,rgba(102,93,82,.35) 100%);z-index:1}.media-hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 12%;filter:saturate(.88) contrast(1.02) brightness(.82)}
.media-intro-section,.media-trust-section{position:relative;padding:58px 0 54px;background:#FAF7EF;text-align:center}.media-narrow{position:relative;max-width:940px}.media-intro-section h2,.media-trust-section h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.55rem,2.6vw,2.25rem);font-weight:500;letter-spacing:.04em;margin:0 0 18px;color:#4B4238}.media-intro-section p,.media-trust-section p{font-size:.82rem;line-height:2;color:#4B4238;max-width:860px;margin:5px auto}.media-leaf{position:absolute;top:50%;transform:translateY(-50%);font-size:7.6rem;color:rgba(201,216,166,.16);font-family:Georgia,serif;line-height:1}.media-leaf--left{left:-46px;transform:translateY(-50%) rotate(-15deg)}.media-leaf--right{right:-46px;transform:translateY(-50%) rotate(165deg)}
.media-summary-section{padding:34px 0 38px;background:#665D52}.media-section-head{text-align:center;margin:0 auto 28px;max-width:820px}.media-section-head>span{display:block;font-family:Georgia,"Yu Mincho",serif;color:#C9D8A6;letter-spacing:.16em;font-size:.68rem;margin-bottom:6px}.media-section-head h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.55rem,2.5vw,2.15rem);font-weight:500;letter-spacing:.05em;margin:0;color:#4B4238}.media-section-head p{font-size:.76rem;color:#736C62;margin:9px auto 0}.media-section-head--light h2{color:#C9D8A6}.media-section-head--light>span{color:#C9D8A6}.media-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-summary-grid article{position:relative;min-height:210px;background:#FAF7EF;border:1px solid rgba(201,216,166,.42);padding:24px 20px 20px;text-align:center;box-shadow:0 8px 20px rgba(75,66,56,.08)}.media-summary-grid article>b{position:absolute;left:14px;top:10px;font-family:Georgia,serif;font-size:1.5rem;color:#C9D8A6;font-weight:400}.media-summary-grid svg{width:34px;height:34px;color:#C9D8A6;margin:12px auto 12px}.media-summary-grid h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.12rem;font-weight:500;margin:0 0 8px;color:#4B4238}.media-summary-grid p{font-size:.7rem;line-height:1.75;color:#736C62;margin:0}
.media-video-section{padding:52px 0 56px;background:#F7F3EA}.media-video-row{display:grid;grid-template-columns:1.18fr .82fr;gap:12px;margin-top:16px;align-items:stretch}.media-video-row--reverse{grid-template-columns:.82fr 1.18fr}.media-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#665D52;border:1px solid rgba(201,216,166,.38);box-shadow:0 12px 28px rgba(75,66,56,.12)}.media-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-video-copy{padding:30px 30px 26px;display:flex;flex-direction:column;justify-content:center}.media-video-copy--dark{background:linear-gradient(145deg,#756A5D,#665D52);color:#FAF7EF;border:1px solid rgba(201,216,166,.42)}.media-video-copy h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.55rem;line-height:1.45;font-weight:500;margin:0 0 11px;color:#EAE2D3}.media-video-copy>p:not(.media-video-kicker){font-size:.74rem;line-height:1.9;color:rgba(250,247,239,.73);margin:0 0 14px}.media-video-copy dl{margin:0 0 17px}.media-video-copy dl>div{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:3px 0;font-size:.67rem}.media-video-copy dt{color:#C9D8A6;font-weight:700}.media-video-copy dd{margin:0;color:rgba(250,247,239,.73)}.media-inline-btn{align-self:flex-start;background:#FAF7EF;color:#756A5D;padding:8px 19px;border-radius:2px;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:20px}.media-inline-btn:hover{background:#C9D8A6}
.media-history-section{padding:52px 0 44px;background:#FAF7EF}.media-history-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.media-history-grid article{min-height:190px;background:#FAF7EF;border:1px solid #EAE2D3;text-align:center;padding:17px 12px 20px;box-shadow:0 9px 20px rgba(75,66,56,.06)}.media-history-grid span{display:block;color:#C9D8A6;font-size:.58rem;letter-spacing:.09em;font-family:Georgia,serif}.media-history-grid b{display:block;color:#C9D8A6;font-family:Georgia,serif;font-size:1.7rem;font-weight:400;line-height:1.2;margin:7px 0}.media-history-grid h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:1rem;line-height:1.45;margin:0 0 8px;color:#4B4238}.media-history-grid p{font-size:.65rem;line-height:1.65;color:#736C62;margin:0}.media-history-note{text-align:center;color:#736C62;font-size:.6rem;margin:13px 0 0}
.media-found-section{padding:38px 0 46px;background:#F7F3EA;border-top:1px solid #EAE2D3;border-bottom:1px solid #EAE2D3}.media-found-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media-found-grid article{background:#FAF7EF;border:1px solid #EAE2D3;text-align:center;padding:24px 16px;min-height:170px}.media-found-grid svg{width:34px;height:34px;color:#C9D8A6;margin:0 auto 11px}.media-found-grid h3{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:1rem;margin:0 0 6px;color:#4B4238}.media-found-grid p{font-size:.66rem;line-height:1.7;color:#736C62;margin:0}
.media-ruri-section{padding:42px 0;background:#FAF7EF}.media-ruri-layout{display:grid;grid-template-columns:.74fr 1.26fr;gap:34px;align-items:center}.media-ruri-photo{height:390px;overflow:hidden;border:1px solid #C9D8A6;background:#EAE2D3}.media-ruri-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.media-ruri-copy h2{font-family:Georgia,"Yu Mincho",serif;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:500;line-height:1.5;letter-spacing:.04em;color:#4B4238;margin:0 0 16px}.media-ruri-copy>p:not(.media-video-kicker){font-size:.77rem;line-height:1.95;color:#4B4238;margin:0 0 9px}.media-ruri-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.media-ruri-actions .btn{min-width:220px}
.media-trust-section{padding:52px 0}.media-trust-section .media-video-kicker{color:#C9D8A6}.media-trust-section h3{font-family:Georgia,"Yu Mincho",serif;font-size:1.45rem;font-weight:500;color:#4B4238;margin:0 0 17px}.media-trust-section p{font-size:.78rem}
.media-next-section{padding:38px 0 46px;background:#FAF7EF}.media-next-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media-next-grid a{position:relative;display:grid;grid-template-columns:58px 1fr 24px;grid-template-rows:105px auto auto;min-height:215px;background:#FAF7EF;border:1px solid #EAE2D3;overflow:hidden;transition:.2s}.media-next-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(75,66,56,.11)}.media-next-grid img{grid-column:1/-1;width:100%;height:105px;object-fit:cover}.media-next-grid span{grid-row:2/4;display:flex;align-items:flex-start;justify-content:center;padding-top:12px;font-family:Georgia,serif;font-size:1.28rem;color:#C9D8A6}.media-next-grid strong{grid-column:2;grid-row:2;font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:.87rem;color:#4B4238;padding-top:11px}.media-next-grid small{grid-column:2;grid-row:3;color:#736C62;font-size:.58rem;line-height:1.45;padding-bottom:12px}.media-next-grid b{grid-column:3;grid-row:2/4;align-self:center;color:#C9D8A6}
.media-final-cta{padding:58px 0 48px;background-image:linear-gradient(90deg,rgba(102,93,82,.96),rgba(102,93,82,.89)),url('../images/cecil-bodycare-woman-v134.webp');background-size:cover;background-position:center;color:#FAF7EF;border-top:1px solid rgba(201,216,166,.34)}.media-final-inner{text-align:center}.media-final-inner h2{font-family:Georgia,"Yu Mincho",serif;font-weight:500;font-size:clamp(1.75rem,3.2vw,2.65rem);letter-spacing:.06em;line-height:1.5;margin:0 0 8px}.media-final-inner>p{font-size:.78rem;color:rgba(250,247,239,.72);max-width:780px;margin:0 auto 22px}.media-final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.media-final-actions .btn{min-width:220px}.media-final-features{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;color:#C9D8A6;font-size:.7rem;margin:20px 0 12px}.media-final-features span{display:flex;align-items:center;gap:6px}.media-final-features svg{width:18px;height:18px}.media-final-inner small{display:block;color:rgba(250,247,239,.5);font-size:.59rem;line-height:1.65}

@media (max-width:1050px){
  .media-hero-inner{grid-template-columns:1fr .62fr}.media-hero-badges{grid-template-columns:repeat(2,1fr)}
  .media-summary-grid{grid-template-columns:repeat(2,1fr)}.media-history-grid{grid-template-columns:repeat(3,1fr)}.media-found-grid{grid-template-columns:repeat(2,1fr)}
  .media-video-row,.media-video-row--reverse{grid-template-columns:1fr}.media-video-row--reverse .media-video-copy{order:2}.media-video-row--reverse .media-video-frame{order:1}
  .media-ruri-layout{grid-template-columns:.85fr 1.15fr}.media-next-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .media-page .container{width:calc(100% - 24px)}
  .media-hero{min-height:auto}.media-hero-bg{background-image:linear-gradient(180deg,rgba(102,93,82,.84),rgba(102,93,82,.98)),url('../images/cecil-salon-room-v134.webp');background-position:center}.media-hero-inner{display:block;min-height:auto;padding:28px 0 0}.media-hero-copy{padding-bottom:26px}.media-breadcrumb{margin-bottom:22px}.media-hero h1{font-size:2.25rem}.media-hero-lead{font-size:.78rem}.media-hero-badges{grid-template-columns:1fr 1fr}.media-hero-actions{flex-direction:column}.media-hero-actions .btn{width:100%}.media-hero-portrait{height:300px;margin:0 -12px}.media-hero-portrait:before{background:linear-gradient(0deg,#665D52 0%,transparent 18%),linear-gradient(90deg,#665D52 0%,transparent 18%,transparent 84%,#665D52 100%)}.media-hero-portrait img{object-position:center 25%;filter:brightness(.76) saturate(.82)}
  .media-intro-section,.media-trust-section{padding:40px 0}.media-leaf{display:none}.media-intro-section h2,.media-trust-section h2{font-size:1.5rem}.media-intro-section p,.media-trust-section p{font-size:.73rem;line-height:1.9}
  .media-summary-grid{grid-template-columns:1fr 1fr}.media-summary-grid article{min-height:205px;padding:21px 13px 15px}.media-summary-grid h3{font-size:.9rem}.media-summary-grid p{font-size:.61rem}
  .media-video-section{padding:40px 0}.media-video-row{display:flex;flex-direction:column}.media-video-copy{padding:23px 19px}.media-video-copy h3{font-size:1.35rem}.media-video-copy dl>div{grid-template-columns:88px 1fr}.media-inline-btn{width:100%;justify-content:center}
  .media-history-grid{grid-template-columns:1fr 1fr}.media-history-grid article{min-height:170px}.media-history-grid article:last-child{grid-column:1/-1}
  .media-found-grid{grid-template-columns:1fr 1fr}.media-found-grid article{padding:20px 11px;min-height:165px}.media-found-grid h3{font-size:.88rem}.media-found-grid p{font-size:.6rem}
  .media-ruri-layout{grid-template-columns:1fr}.media-ruri-photo{height:340px}.media-ruri-copy h2{font-size:1.7rem}.media-ruri-actions{flex-direction:column}.media-ruri-actions .btn{width:100%}
  .media-trust-section h3{font-size:1.18rem}.media-next-grid{grid-template-columns:1fr 1fr}.media-next-grid a{grid-template-columns:44px 1fr 20px;min-height:205px}.media-next-grid strong{font-size:.75rem}.media-next-grid small{font-size:.53rem}
  .media-final-actions{flex-direction:column}.media-final-actions .btn{width:100%}.media-final-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.media-final-features span{justify-content:center}
}
@media (max-width:440px){
  .media-hero-badges{grid-template-columns:1fr}.media-summary-grid{grid-template-columns:1fr}.media-history-grid{grid-template-columns:1fr}.media-history-grid article:last-child{grid-column:auto}.media-found-grid{grid-template-columns:1fr}.media-next-grid{grid-template-columns:1fr}.media-next-grid a{min-height:200px}
}