/* v0.9.7 approved reference execution: decor on right; native functional UI on left. */
:root{--butter:#FAEFCB;--rolli-pastel-yellow:#FAEFCB}
html,body{background:#fffefa}
.app-topbar.site-nav{background:#fffefa;box-shadow:none;min-height:76px}
.rolli-featured{max-width:1560px;padding:0;min-height:672px;margin:0 auto 16px;grid-template-columns:42% 58%;gap:0}
.rolli-featured .feature-copy{border-radius:0;min-height:672px;padding:clamp(32px,5vw,82px) clamp(30px,6.1vw,108px);background:#FAEFCB;justify-content:center;overflow:visible}
.rolli-featured .feature-copy::before{display:none}
.rolli-featured .feature-eyebrow{display:inline-flex;align-self:flex-start;border:1.5px solid #edb4a1;padding:11px 19px;border-radius:50%;transform:rotate(-7deg);letter-spacing:1px;font-size:12px;color:#294361;max-width:280px;text-align:center}
.rolli-featured .feature-copy h1{font-family:Georgia,serif;font-size:clamp(45px,4.55vw,74px);line-height:1.025;letter-spacing:-2.8px;color:#243755;margin:28px 0 25px;max-width:610px}
.rolli-featured .feature-copy h1 em{color:#dd5367;font-weight:600}
.rolli-featured .feature-copy>p{font-size:clamp(15px,1.23vw,18px);line-height:1.5;color:#34465d;max-width:470px}
.rolli-featured .feature-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:15px}
.rolli-featured .feature-actions .btn{min-height:56px;border-radius:30px;font-size:15px;padding:14px 23px}
.rolli-featured .feature-actions .btn-coral{background:#df5365;border-color:#df5365}
.rolli-featured .feature-actions .btn-outline{border:1px solid #b9bdc4}
.rolli-featured .feature-proof{font-size:13px;color:#233c5b;margin-top:28px;gap:13px}
.rolli-featured .feature-note{font-family:Georgia,serif;font-style:italic;color:#294361;text-transform:none;letter-spacing:.2px;font-size:17px;border:0;margin-top:35px;padding:0}
.rolli-featured .feature-art{background:#f9cfdb url('/images/approved-hero-art.webp') center center / cover no-repeat;min-height:672px;border-radius:0;overflow:hidden}
.rolli-featured .feature-art>*{display:none!important}
.rolli-featured .feature-art::before,.rolli-featured .feature-art::after{display:none!important}
.rolli-ribbon{margin-top:0}
.rolli-film-gallery{max-width:1460px;padding-block:34px 55px}
.rolli-film-gallery .rolli-film-heading h2{font-size:clamp(34px,3.1vw,53px);font-family:Georgia,serif;color:#253857}
.rolli-film-gallery .film-look-grid{gap:15px}
.rolli-film-gallery .film-look-card{border-radius:25px;background:#fff6e4;overflow:hidden;border:0;padding:12px;box-shadow:0 6px 22px #54493412}
.rolli-film-gallery .film-look-card:nth-child(2){background:#fff0f3}
.rolli-film-gallery .film-look-card:nth-child(3){background:#fff1e1}
.rolli-film-gallery .film-look-card:nth-child(4){background:#eef0ff}
.rolli-film-gallery .film-look-card:nth-child(5){background:#f0eff2}
.rolli-film-gallery .film-look-card img{border-radius:13px}
.rolli-film-gallery .film-look-card strong{color:#263b57}
@media(max-width:1020px){.rolli-featured{grid-template-columns:46% 54%;min-height:560px}.rolli-featured .feature-copy,.rolli-featured .feature-art{min-height:560px}.rolli-featured .feature-copy{padding:40px 32px}.rolli-featured .feature-copy h1{font-size:clamp(42px,5.2vw,59px)}}
@media(max-width:800px){.rolli-featured{display:flex;flex-direction:column;margin:0 auto 14px;padding:0}.rolli-featured .feature-copy{min-height:0;padding:43px clamp(22px,6vw,48px) 36px}.rolli-featured .feature-art{min-height:440px;height:440px;background-position:50% 48%}.rolli-featured .feature-copy h1{font-size:clamp(42px,8vw,62px)}.rolli-featured .feature-proof{flex-wrap:wrap}}
@media(max-width:480px){.rolli-featured .feature-copy{padding:34px 23px 26px}.rolli-featured .feature-copy h1{font-size:clamp(37px,9vw,48px);letter-spacing:-1.8px}.rolli-featured .feature-copy>p{font-size:14px}.rolli-featured .feature-eyebrow{font-size:10px;padding:9px 13px}.rolli-featured .feature-actions{gap:9px}.rolli-featured .feature-actions .btn{font-size:12px;padding:12px 13px;min-height:46px}.rolli-featured .feature-art{height:330px;min-height:330px}.rolli-featured .feature-note{font-size:14px}.rolli-film-gallery{padding-inline:16px}}

/* v0.9.8: desktop editorial scale + responsive app-like layout, ref fidelity */
@media(min-width:1100px){
 .rolli-featured{width:100%;max-width:none;margin:0 auto 0;min-height:720px;grid-template-columns:minmax(0,43%) minmax(0,57%)}
 .rolli-featured .feature-copy,.rolli-featured .feature-art{min-height:720px}
 .rolli-featured .feature-copy{padding:56px clamp(48px,6vw,110px);align-items:flex-start}
 .rolli-featured .feature-copy h1{font-size:clamp(56px,4.8vw,78px);letter-spacing:-2.6px;line-height:1.05;max-width:650px}
 .rolli-featured .feature-copy>p{font-size:clamp(16px,1.3vw,19px);max-width:495px}
 .rolli-featured .feature-art{background-position:center;background-size:cover}
 .rolli-how,.rolli-film-gallery{max-width:1430px;margin-inline:auto}
 .rolli-how{padding-top:66px}
}
@media(min-width:1600px){.rolli-featured .feature-copy{padding-left:max(90px,calc((100vw - 1520px)/2))}}
@media(min-width:801px) and (max-width:1099px){
 .rolli-featured .feature-copy h1{font-size:clamp(40px,4.9vw,56px)}
 .rolli-featured .feature-copy{padding:32px clamp(23px,3.1vw,42px)}
 .rolli-featured .feature-art{background-position:50%}
}
@media(max-width:800px){
 .rolli-featured .feature-copy h1{line-height:1.06;letter-spacing:-1.9px}
 .rolli-featured .feature-art{background-size:cover;background-position:50% 50%}
}
/* Avoid navigation text clipping. */
.rolli-discover-nav{gap:clamp(10px,1.5vw,24px)}
@media(min-width:1100px){.rolli-featured .feature-copy .feature-note{margin-top:26px}}