.apie-quote{position:relative;overflow:hidden;padding:71px 0 96px;background:var(--color-black);color:var(--color-white)}.apie-quote__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.apie-quote__bg-effect{position:absolute;top:50%;left:50%;width:min(2144px,240vw);height:min(2722px,300vh);pointer-events:none;background-image:var(--apie-quote-screen-effect);background-size:cover;background-position:center bottom;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.85;transform:translate(-50%,-54%) rotate(-44.82deg) scaleY(-1)}.apie-quote__container{position:relative;z-index:1;max-width:1400px;container-type:inline-size;container-name:apie-quote}.apie-quote__header{position:relative;z-index:1}.apie-quote__scale{--apie-quote-scale: min(1, calc(100cqi/1352px) );position:relative;width:100%;max-width:1352px;margin-inline:auto;height:calc(292px * var(--apie-quote-scale))}.apie-quote__canvas{position:absolute;top:0;left:50%;width:1352px;height:292px;transform:translate(-50%) scale(var(--apie-quote-scale));transform-origin:top center;will-change:transform}.apie-quote__title-frame{position:absolute;top:0;left:87px;width:1265px;height:292px}.apie-quote__border{position:absolute;top:0;left:9px;right:0;height:267px;border:1px solid var(--color-white-orange);border-radius:50px;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 68%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 68%,transparent 100%)}.apie-quote__mask{position:absolute;background:var(--color-black);pointer-events:none;z-index:2}.apie-quote__mask--left{top:50%;left:0;width:30px;height:185px;transform:translateY(calc(-50% - 7.5px))}.apie-quote__mask--dash{top:calc(50% + 120px);height:12px;transform:translateY(-50%)}.apie-quote__mask--dash-1{left:50px;width:53px}.apie-quote__mask--dash-2{left:117px;width:53px}.apie-quote__marks{position:absolute;top:242px;left:43px;z-index:5;display:flex;gap:0;pointer-events:none}.apie-quote__mark-wrap{position:relative;overflow:hidden;height:50px;pointer-events:none}.apie-quote__mark-wrap--1{width:67px}.apie-quote__mark-wrap--2{width:66px}.apie-quote__mark{position:absolute;top:-30.04%;left:0;display:block;width:100%;height:166.87%;max-width:none}.apie-quote__inner{position:absolute;top:74px;left:-87px;z-index:5;display:flex;align-items:center;gap:70px;width:1100px;max-width:none;padding-right:16px}.apie-quote__title{flex:0 0 auto;margin:0;font-family:var(--font-fjalla);font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-h1);text-transform:uppercase;color:var(--color-white);white-space:nowrap}.apie-quote__description{flex:0 0 446px;margin:0;width:446px;max-width:446px;font-family:var(--font-barlow);font-size:20px;line-height:32.5px;font-weight:var(--font-weight-medium);color:#fffc}.apie-quote__stage{position:relative;z-index:2;min-height:1100px;margin-top:-80px}.apie-quote__collage{position:absolute;top:0;left:50%;z-index:1;width:min(100%,1400px);height:820px;pointer-events:none;transform:translate(-50%)}.apie-quote__frame{position:absolute;overflow:hidden}.apie-quote__frame--left{top:180px;left:0;z-index:3;width:300px;height:360px;transform:rotate(-4.12deg)}.apie-quote__frame--left .apie-quote__photo{object-position:58% center}.apie-quote__frame--main{top:260px;left:30%;z-index:2;width:420px;height:454px;border-radius:15px;transform:rotate(8.55deg);box-shadow:0 4px 8px #00000040}.apie-quote__frame--main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000059;pointer-events:none}.apie-quote__frame--main .apie-quote__photo{filter:grayscale(100%);object-position:center 35%}.apie-quote__frame--top{top:40px;right:2%;z-index:4;width:360px;height:240px}.apie-quote__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.apie-quote__content{position:relative;z-index:3;max-width:1346px;padding-top:620px}.apie-quote__text{margin:0;max-width:1346px;font-family:var(--font-barlow);font-size:120px;line-height:112px;font-weight:var(--font-weight-semibold);letter-spacing:-5.2px;color:var(--color-white-orange)}.apie-quote__author{position:relative;z-index:4;display:flex;flex-direction:column;gap:8px;margin-top:40px}.apie-quote__name{font-family:var(--font-barlow);font-size:32px;line-height:40px;font-weight:var(--font-weight-semibold);font-style:normal;color:var(--color-white)}.apie-quote__role{display:block;padding-top:4px;font-family:var(--font-barlow);font-size:16px;line-height:22.75px;font-weight:var(--font-weight-semibold);letter-spacing:3px;text-transform:uppercase;color:var(--color-gray)}@media (max-width: 1200px){.apie-quote__text{font-size:clamp(48px,8vw,88px);line-height:.95;letter-spacing:-2.5px}.apie-quote__stage{min-height:0}.apie-quote__collage{position:relative;left:auto;width:100%;height:clamp(420px,48vw,620px);transform:none}.apie-quote__content{padding-top:0;margin-top:-160px}.apie-quote__frame--left{top:22%;left:0;width:min(34%,280px);height:auto;aspect-ratio:338/407}.apie-quote__frame--main{top:30%;left:26%;width:min(46%,420px);height:auto;aspect-ratio:523/565}.apie-quote__frame--top{top:0;right:0;width:min(40%,360px);height:auto;aspect-ratio:441/294}}@media (max-width: 992px){.apie-quote{padding:48px 0 64px}.apie-quote__bg-effect{width:200vw;height:220vh;opacity:.65;transform:translate(-50%,-50%) rotate(-44.82deg) scaleY(-1)}.apie-quote__container{container-type:normal}.apie-quote__scale{height:auto;max-width:none}.apie-quote__canvas{position:relative;left:auto;width:100%;height:auto;transform:none}.apie-quote__title-frame{position:relative;left:0;width:100%;height:auto}.apie-quote__border,.apie-quote__mask{display:none}.apie-quote__inner{position:relative;top:auto;left:0;flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:0}.apie-quote__title{font-size:clamp(48px,14vw,64px);line-height:1;letter-spacing:var(--letter-spacing-h2);white-space:normal}.apie-quote__description{flex:none;width:100%;max-width:none;font-size:var(--font-size-base);line-height:var(--line-height-paragraph);color:var(--color-white)}.apie-quote__marks{position:relative;top:auto;left:0;margin-top:8px}.apie-quote__mark-wrap{height:36px}.apie-quote__mark-wrap--1,.apie-quote__mark-wrap--2{width:48px}.apie-quote__stage{margin-top:32px;min-height:0}.apie-quote__collage{height:clamp(280px,70vw,400px)}.apie-quote__content{margin-top:-48px}.apie-quote__text{font-size:clamp(32px,9vw,40px);line-height:1.05;letter-spacing:-1.5px}.apie-quote__author{margin-top:24px;gap:4px}.apie-quote__name{font-size:22px;line-height:1.3}.apie-quote__role{font-size:13px;letter-spacing:2px}.apie-quote__frame--left{width:34%;top:18%;left:0}.apie-quote__frame--main{width:48%;top:28%;left:26%}.apie-quote__frame--top{width:42%;top:0;right:0}}
