@font-face { font-family:Complutum Voices Script; src:url('../images/caveat-medium.ttf') format('truetype'); font-style:normal; font-weight:500; font-display:swap; }
.complutum-main--more-than-school-template .family-voices { position:relative; isolation:isolate; overflow:clip; background:#fff; padding:64px 0 110px; color:#5d536d; }
.family-voices [hidden] { display:none!important; }
.family-voices__background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:66% center; z-index:-3; pointer-events:none; }
.family-voices::before { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background:linear-gradient(180deg,#fff,rgba(255,255,255,.9) 8%,rgba(255,255,255,.9) 75%,rgba(255,255,255,.62) 90%,#fff); }
.family-voices__curve { position:absolute; bottom:0; left:0; width:85%; height:120px; z-index:-1; color:#edf0e4; opacity:.8; pointer-events:none; }
.family-voices::after { content:""; position:absolute; inset:auto 0 0; height:180px; z-index:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.45) 40%,rgba(255,255,255,.92) 80%,#fff 100%); }
.family-voices__layout { z-index:1; }
:root .complutum-main--more-than-school-template > section.family-voices > .complutum-shell.family-voices__layout { display:block; position:relative; width:calc(100% - 40px); max-width:1280px; }
.family-voices__intro { display:grid; justify-items:start; gap:16px; max-width:420px; }
.family-voices__intro > :is(p,h2) { margin:0; }
.family-voices__description { max-width:35ch; }
.family-voices__index { display:flex; gap:8px; margin:30px 0 34px; }
.family-voices__index button { flex:1; min-width:0; min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:rgba(255,255,255,.78); box-shadow:0 3px 12px rgba(88,78,104,.04); border:1px solid #81768d40; border-radius:6px; padding:10px 8px; text-align:left; color:#5d536d; font:500 13px/1.4 Montserrat,sans-serif; cursor:pointer; transition:color 200ms,border-color 200ms,background 200ms,box-shadow 200ms,transform 200ms; }
.family-voices__index button[aria-pressed=true] { color:#61782f; border-color:#819843; background:rgba(236,242,224,.94); box-shadow:inset 0 -3px #819843,0 5px 14px rgba(97,120,47,.08); }
@media(hover:hover) {
 .family-voices__index button:hover { border-color:#819843; background:#fff; box-shadow:0 6px 18px rgba(88,78,104,.12); transform:translateY(-2px); }
}
.family-voices__stage-name { display:block; }
.family-voices__index small { display:block; margin-top:4px; font-size:11px; font-weight:400; color:#696077; }
.family-voices__index-number { display:none; }
.family-voices__reading { min-width:0; margin-top:30px; }
.family-voices__quotation { height:52px; color:#7d913e; font:80px/1 Georgia,serif; }
.family-voices__slider { min-width:0; overflow:hidden; touch-action:pan-y; }
.family-voices.is-carousel .swiper-wrapper { position:relative; display:flex; width:100%; height:100%; align-items:stretch; box-sizing:content-box; transition-property:transform; transition-timing-function:cubic-bezier(.22,.61,.36,1); }
.family-voices.is-carousel .swiper-slide { width:100%; flex-shrink:0; height:auto; position:relative; }
.family-voices .family-voices__quote { margin:16px 0 0; padding:0; border:0; background:none; box-shadow:none; color:#584e68; }
.family-voices .family-voices__quote p { margin:0; font:italic 26px/1.4 Georgia,serif; color:inherit; }
.family-voices .family-voices__quote footer { position:relative; margin:24px 0 0; padding-top:22px; font:400 11px/1.6 Montserrat,sans-serif; color:#696077; text-transform:uppercase; }
.family-voices__quote footer::before { content:""; position:absolute; top:0; left:0; width:38px; height:2px; background:#899b60; }
.family-voices button:focus-visible { outline:2px solid #819843; outline-offset:4px; }
.family-voices .family-voices__signature { position:absolute; left:0; bottom:-94px; margin:0; transform:rotate(-9deg); font:500 28px/.85 Complutum Voices Script,cursive; color:#8c9b65; }
.family-voices .family-voices__footnote { display:none; }
.family-voices:not(.is-carousel) .swiper-slide + .swiper-slide { margin-top:40px; }
@media(min-width:700px) {
 .complutum-main--more-than-school-template .family-voices { padding:80px 0 150px; }
 :root .complutum-main--more-than-school-template > section.family-voices > .complutum-shell.family-voices__layout { width:calc(100% - 64px); }
 .family-voices__intro { max-width:440px; }
 .family-voices__index { max-width:540px; }
 .family-voices__reading { width:72%; max-width:580px; margin-left:12%; }
 .family-voices .family-voices__quote p { font-size:30px; }
 .family-voices::before { background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 55%,rgba(255,255,255,.2)),linear-gradient(#fff,transparent 12%,transparent 80%,#fff); }
 .family-voices__curve { height:170px; width:70%; }
}
@media(min-width:1100px) {
 .complutum-main--more-than-school-template .family-voices { padding:90px 0 100px; }
 :root .complutum-main--more-than-school-template > section.family-voices > .complutum-shell.family-voices__layout { width:calc(100% - 160px); min-height:max(650px,var(--voice-layout-height,650px)); }
 .family-voices__background { left:12%; right:auto; object-position:center; -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%); mask-image:linear-gradient(90deg,transparent,#000 25%); }
 .family-voices::before { background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 24%,rgba(255,255,255,.7) 43%,rgba(255,255,255,.38) 62%,transparent 78%),linear-gradient(#fff,transparent 12%,transparent 86%,#fff); }
 .family-voices__intro { position:relative; width:30%; padding-top:26px; }
 .family-voices__index { width:28%; flex-direction:column; gap:12px; margin:32px 0 0; }
 .family-voices__index button { flex:auto; min-height:78px; padding:14px 16px; font-size:18px; }
 .family-voices__index small { font-size:13px; }
 .family-voices__index-number { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; border:1px solid #81768d40; border-radius:50%; font-size:12px; font-weight:500; }
 .family-voices__index button[aria-pressed=true] .family-voices__index-number { color:#fff; border-color:#819843; background:#819843; }
 .family-voices__reading { position:absolute; top:130px; left:33%; width:34%; max-width:none; margin:0; }
 .family-voices .family-voices__quote p { font-size:30px; line-height:1.4; }
 .family-voices__curve { height:235px; width:55%; }
 .family-voices::after { height:260px; }
 .family-voices .family-voices__signature { bottom:-65px; font-size:38px; }
 .family-voices .family-voices__footnote { display:block; position:absolute; bottom:-45px; right:0; font:400 11px/1.7 Montserrat,sans-serif; text-transform:uppercase; color:#696077; }
 .family-voices:not(.is-carousel) .family-voices__reading { position:relative; top:auto; left:auto; width:60%; margin-left:33%; }
}
@media(prefers-reduced-motion:reduce) {
 .family-voices *, .family-voices *::before { transition:none!important; }
}