/* v0.9.9: ref-fidelity hero and film-canister showcase */
:root{--rolli-yellow:#FAEFCB}
*{box-sizing:border-box}
.rolli-featured{max-width:1536px;width:100%;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:680px;overflow:hidden;margin:0 auto 18px}
.rolli-featured .feature-copy{min-width:0;padding:clamp(32px,4.4vw,70px) clamp(26px,4.3vw,72px);min-height:680px;justify-content:center;background:var(--rolli-yellow)}
.rolli-featured .feature-copy h1{max-width:100%;font-size:clamp(44px,4.6vw,70px);line-height:1.09;letter-spacing:-2px}
.rolli-featured .feature-art{min-height:680px;min-width:0;background-color:#f7d2df;background-size:contain;background-position:center;background-repeat:no-repeat}
.rolli-film-gallery{max-width:1536px;margin-inline:auto;padding-inline:clamp(18px,3vw,48px)}
.rolli-film-gallery .film-look-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rolli-film-gallery .film-look-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:252px;padding:17px 12px 13px;border-radius:26px;background:#fff6e3;isolation:isolate;box-shadow:none}
.rolli-film-gallery .film-look-card>img{position:absolute;top:28px;right:10px;width:53%;height:130px;object-fit:cover;border:7px solid white;border-radius:3px;box-shadow:0 4px 11px #26375225;transform:rotate(4deg);z-index:0}
.rolli-film-gallery .film-look-card>div:not(.roll-mock){position:relative;z-index:3;width:100%;text-align:center;background:#ffffff9e;border-radius:16px;padding:7px 4px 5px;margin-top:auto}
.rolli-film-gallery .film-look-card strong{font-size:clamp(13px,1.1vw,18px);display:block}
.rolli-film-gallery .film-look-card small{display:block;font-size:12px}
.roll-mock{position:absolute;top:22px;left:15px;width:35%;height:145px;z-index:2;transform:rotate(-3deg);filter:drop-shadow(4px 5px 3px #182d3f33);display:flex;flex-direction:column;align-items:stretch}
.roll-mock .roll-top{height:12px;margin-inline:3px;border-radius:50% 50% 10% 10%;background:linear-gradient(90deg,#111 0%,#454545 30%,#171717 68%,#5e5e5e 100%);box-shadow:0 -4px 0 #191919}
.roll-mock .roll-body{height:125px;display:flex;align-items:center;justify-content:center;border-radius:4px 4px 8px 8px;background:linear-gradient(90deg,#af6b00,#fbd56f 27%,#f6ae3d 60%,#995a0f);border-inline:3px solid #372b20}
.roll-mock .roll-name{color:#1b354f;font-family:Georgia,serif;font-weight:900;letter-spacing:1px;font-size:clamp(10px,1vw,15px);writing-mode:vertical-rl;transform:rotate(180deg)}
.roll-mock .roll-bottom{height:6px;margin:0 4px;background:linear-gradient(90deg,#222,#767676,#171717);border-radius:0 0 45% 45%}
.fl-two .roll-body{background:linear-gradient(90deg,#d35f88,#ffc7df 26%,#ff96c5 60%,#bc5287)}
.fl-three .roll-body{background:linear-gradient(90deg,#a94a31,#ffb39c 26%,#fa6c57 60%,#a33d36)}
.fl-four .roll-body{background:linear-gradient(90deg,#142555,#6788d6 26%,#3752a4 60%,#172d63)}
.fl-four .roll-name{color:#fff}
.fl-five .roll-body{background:linear-gradient(90deg,#202020,#989898 26%,#656565 60%,#202020)}
.fl-five .roll-name{color:#fff}
@media(min-width:1550px){.rolli-featured .feature-copy h1{font-size:70px}.rolli-featured .feature-copy{padding-left:70px}}
@media(min-width:801px) and (max-width:1100px){.rolli-featured .feature-copy,.rolli-featured .feature-art{min-height:560px}.rolli-featured .feature-copy h1{font-size:clamp(40px,4.5vw,52px)}.roll-mock{height:115px}.roll-mock .roll-body{height:98px}.rolli-film-gallery .film-look-card>img{height:110px}}
@media(max-width:800px){.rolli-featured{display:flex;flex-direction:column;min-height:unset}.rolli-featured .feature-copy{min-height:unset;padding:38px 25px}.rolli-featured .feature-copy h1{font-size:clamp(40px,8vw,59px)}.rolli-featured .feature-art{min-height:360px;height:360px;background-size:contain}.rolli-film-gallery .film-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rolli-film-gallery .film-look-card{min-height:225px}.rolli-film-gallery .film-look-card>img{height:110px}.roll-mock{height:125px}.roll-mock .roll-body{height:109px}}
@media(max-width:420px){.rolli-featured .feature-art{min-height:250px;height:250px}.rolli-featured .feature-copy h1{font-size:39px}.rolli-film-gallery .film-look-card{min-height:206px}.roll-mock{top:26px;height:106px}.roll-mock .roll-body{height:90px}.rolli-film-gallery .film-look-card>img{height:96px}}