@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111D27;color:#F3EBDD}body{font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}.testimonials{min-height:100svh;padding-top:0;overflow:hidden;position:relative}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,5.15vw,92px);font-weight:400;letter-spacing:-.055em;line-height:1.1;text-align:center;margin:0 18px;white-space:nowrap}h1 span{color:#AEC9BE}.instruction{text-align:center;color:#94A3AA;font-size:clamp(12px,1.25vw,21px);margin:32px 0 0;line-height:1.4}.stage{position:relative;margin-top:clamp(70px,7.9vw,145px);height:var(--card-h);--card-w:clamp(265px,25.3vw,460px);--card-h:calc(var(--card-w)*1.215);--gap:clamp(22px,2.16vw,40px)}.stage{column-gap:var(--gap)}.cards{height:100%;position:relative}.card{position:absolute;left:0;top:0;width:var(--card-w);height:var(--card-h);border:0;border-radius:clamp(22px,2.2vw,38px);padding:clamp(24px,2.15vw,40px);text-align:left;background:var(--color);color:var(--ink,#171717);display:flex;flex-direction:column;justify-content:space-between;font:inherit;cursor:pointer;will-change:transform;box-shadow:0 12px 28px #0002;transition:box-shadow .3s}.quote{font-size:clamp(15px,1.31vw,24px);line-height:1.57;letter-spacing:-.018em;margin:0}.person{display:flex;align-items:center;gap:clamp(11px,1.1vw,20px)}.avatar{width:clamp(38px,3.6vw,65px);height:clamp(38px,3.6vw,65px);border-radius:50%;object-fit:cover;flex:none;background:#0002;display:grid;place-items:center;font-size:15px}.name{display:block;font-size:clamp(13px,1.22vw,22px);font-weight:600;line-height:1.4}.role{display:block;font-size:clamp(11px,1.05vw,19px);opacity:.6;line-height:1.4}.stage[data-mode="row"] .card:hover{box-shadow:0 22px 42px #0005}.card:focus-visible{outline:3px solid white;outline-offset:5px}.reset{display:block;margin:35px auto 22px;background:none;color:#94A3AA;border:0;font-size:12px;cursor:pointer;padding:12px}.reset[hidden]{display:none}.reset:hover{color:white}dialog{border:0;padding:0;border-radius:30px;background:transparent;max-width:90vw;overflow:visible}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog .card{position:relative;transform:none!important;width:min(420px,85vw);height:auto;min-height:510px;cursor:default;padding:36px}dialog .quote{font-size:22px}dialog .person{margin-top:60px}dialog .name{font-size:19px}dialog .role{font-size:16px}.close{position:absolute;right:8px;top:-44px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}.reading{border-radius:30px;overflow:hidden}@media(max-width:700px){.testimonials{padding-top:48px}h1{white-space:normal;font-size:clamp(41px,8vw,58px);line-height:1.08;max-width:570px;margin:auto;padding:0 20px}h1 span{display:block}.instruction{margin-top:24px}.stage{margin-top:75px;--card-w: min(74vw,340px);--card-h:calc(var(--card-w)*1.3)}.quote{font-size:16px}.name{font-size:14px}.role{font-size:12px}}



.reset{position:absolute;top:14px;right:14px;margin:0;font-size:11px}

.portrait{background-image:url('assets/creative-portraits.png');background-size:400% 200%;background-repeat:no-repeat;background-color:#d9d5ca}
.portrait-0{background-position:0% 0%}.portrait-1{background-position:33.333333% 0%}.portrait-2{background-position:66.666667% 0%}.portrait-3{background-position:100% 0%}.portrait-4{background-position:0% 100%}.portrait-5{background-position:33.333333% 100%}.portrait-6{background-position:66.666667% 100%}
.concept-note{position:absolute;bottom:10px;left:20px;margin:0;color:#82959e;font-size:9px;letter-spacing:.12em;line-height:1.5;pointer-events:none}
@media(max-width:700px){.concept-note{left:0;right:0;text-align:center;bottom:18px;font-size:8px;letter-spacing:.09em}}