#portfolio-refined .lemonade-cinema{max-width:820px;margin:24px 0 28px}
#portfolio-refined .lemonade-screen{height:clamp(250px,43vw,420px);background:#141714;display:grid;place-items:center}
#portfolio-refined .lemonade-screen-inner{width:100%;height:100%;position:relative}
#portfolio-refined .lemonade-screen.is-portrait .lemonade-screen-inner{width:auto;aspect-ratio:9/16}
.lemonade-screen iframe,.lemonade-dialog-video iframe{width:100%;height:100%;border:0;position:absolute;inset:0}
#portfolio-refined .lemonade-selector{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce0dc}
#portfolio-refined .lemonade-selector button{display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;font:inherit;color:inherit;background:white;border:0;border-bottom:3px solid transparent;cursor:pointer}
#portfolio-refined .lemonade-selector button[aria-pressed=true]{border-bottom-color:#243f2e;background:#f2f5f1}
#portfolio-refined .detailbody .lemonade-selector img{width:62px;height:46px;object-fit:cover;margin:0;max-height:none}
#portfolio-refined .lemonade-selector strong,#portfolio-refined .lemonade-label strong{display:block;font-size:15px;line-height:1.35;font-weight:500}
#portfolio-refined .lemonade-selector small,#portfolio-refined .lemonade-label small{display:block;font-size:12px;color:#677269;margin-top:5px}
#portfolio-refined .lemonade-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:820px;margin-top:24px}
#portfolio-refined .lemonade-launch{display:block;background:transparent;border:0;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer;width:100%}
#portfolio-refined .lemonade-thumb{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#e8ece5}
#portfolio-refined .detailbody .lemonade-thumb img{width:100%;height:100%;max-height:none;margin:0;object-fit:cover;transition:transform .2s}
#portfolio-refined .lemonade-launch:hover .lemonade-thumb img{transform:scale(1.025)}
#portfolio-refined .lemonade-play{position:absolute;left:12px;bottom:12px;border-radius:50%;background:#fff;color:#213c2b;width:38px;height:38px;display:grid;place-items:center;font-size:13px;box-shadow:0 1px 8px #0002}
#portfolio-refined .lemonade-label{display:block;padding:12px 0}
#portfolio-refined .lemonade-hint{font-size:12px;color:#677269;margin:0 0 20px}
#portfolio-refined .lemonade-story{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;max-width:900px;margin-top:24px;align-items:start}
#portfolio-refined .lemonade-story figure{margin:0}
#portfolio-refined .detailbody .lemonade-story figure img{width:100%;max-height:none;margin:0;aspect-ratio:4/3;object-fit:cover}
#portfolio-refined .lemonade-story figcaption{font-size:12px;line-height:1.4;color:#677269;margin-top:10px}
#portfolio-refined .lemonade-story h2{font-size:16px;margin:0 0 18px}
#portfolio-refined .lemonade-story .compact{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin-bottom:16px}
#portfolio-refined .lemonade-story .compact .lemonade-thumb{aspect-ratio:4/3}
#portfolio-refined .lemonade-story .compact .lemonade-play{width:25px;height:25px;left:7px;bottom:7px;font-size:9px}
#portfolio-refined .lemonade-story .compact .lemonade-label{padding:0}
#portfolio-refined .lemonade-photos{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;gap:9px;max-width:900px;margin:22px 0}
#portfolio-refined .detailbody .lemonade-photos img{width:100%;height:155px;max-height:none;object-fit:cover;margin:0}
#portfolio-refined .lemonade-photos img:last-child{object-position:65% 65%}
.lemonade-dialog{padding:0;border:0;width:min(1000px,94vw);max-width:94vw;background:#101410;color:white}
.lemonade-dialog::backdrop{background:#111c}
.lemonade-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;font:14px system-ui}
.lemonade-dialog-bar button{font:inherit;border:0;padding:9px 12px;color:white;background:#ffffff17;cursor:pointer}
.lemonade-dialog-video{position:relative;aspect-ratio:16/9}
.lemonade-dialog.is-portrait{width:min(400px,90vw)}
.lemonade-dialog.is-portrait .lemonade-dialog-video{aspect-ratio:9/16;max-height:78dvh}
@media(max-width:640px){
#portfolio-refined .lemonade-screen{height:245px}
#portfolio-refined .lemonade-selector button{gap:8px;padding:12px 6px}
#portfolio-refined .detailbody .lemonade-selector img{width:38px;height:38px}
#portfolio-refined .lemonade-selector strong{font-size:12px}
#portfolio-refined .lemonade-cards{gap:12px}
#portfolio-refined .lemonade-cards .lemonade-thumb{aspect-ratio:4/3}
#portfolio-refined .lemonade-label strong{font-size:14px}
#portfolio-refined .lemonade-story{grid-template-columns:1fr;gap:20px}
#portfolio-refined .detailbody .lemonade-story figure img{aspect-ratio:16/10}
#portfolio-refined .lemonade-story-videos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#portfolio-refined .lemonade-story h2{grid-column:1/-1;margin:0}
#portfolio-refined .lemonade-story .compact{display:block;margin:0}
#portfolio-refined .lemonade-story .compact .lemonade-thumb{aspect-ratio:16/9;margin-bottom:8px}
#portfolio-refined .detailbody .lemonade-photos img{height:95px}
}
#portfolio-refined .lemonade-launch:first-of-type .lemonade-thumb img{object-position:50% 15%}
#portfolio-refined .lemonade-photos img:last-child{filter:brightness(1.45)}