@charset "UTF-8";
:root{--bg:#080a09;--card:#101311;--card2:#151816;--line:#2a302b;--lime:#d7f35c;--ink:#f7f8f4;--muted:#a5a9a2;--radius:23px;--wide:1392px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;color:var(--ink);background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at -22% 49%,#bbf43120,transparent 37%),radial-gradient(ellipse at 117% 58%,#b4f22b15,transparent 29%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:#111}.wrap{width:min(var(--wide),calc(100% - 88px));margin:auto}.site-header{border-bottom:1px solid #262b2678;background:#080a09e8;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.head-in{display:flex;align-items:center;gap:clamp(24px,4vw,65px);min-height:97px}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:clamp(150px,16vw,215px);height:auto}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.5vw,35px);margin-left:auto}.desktop-nav a{font-size:14px;color:#dededc;position:relative;padding:15px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--lime)}.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:7px;left:0;right:0;height:2px;background:var(--lime)}.nav-cta,.pill-lime{display:inline-flex;gap:25px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:17px 26px;background:var(--lime);color:#070907;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.nav-cta{margin-left:auto}.nav-cta:hover,.pill-lime:hover{transform:translateY(-2px);background:#e6ff83}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);width:45px;height:42px;align-items:center;justify-content:center;font-size:24px}.mobile-nav{display:none}.eyebrow{font-size:12px;letter-spacing:3.1px;color:#b3b6b1;text-transform:uppercase;margin:0 0 14px}.kicker{color:var(--lime)}.page-intro{padding:42px 0 34px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);gap:45px;align-items:end}.page-title{font-weight:900;font-size:clamp(48px,5.6vw,81px);line-height:.99;letter-spacing:-.058em;margin:0}.page-title .accent{color:var(--lime)}.intro-right{padding-bottom:4px}.intro-right p{color:#c8cbc5;font-size:17px;line-height:1.53;margin:0 0 18px}.feature-pills{display:flex;flex-wrap:wrap;gap:12px 18px}.feature-pills span{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#e7ebe3;white-space:nowrap}.feature-pills b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--lime);color:#111;font-size:14px}.page-main{padding-bottom:70px}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:12px}.footer-in{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer-in a:hover{color:var(--lime)}.footer-brand{color:var(--lime);font-weight:900;letter-spacing:1px}.muted{color:var(--muted)}
/* Video concept cards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.concept-card{border:1px solid #232824;background:linear-gradient(180deg,#111512,#0a0c0b);border-radius:19px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s}.concept-card:hover{transform:translateY(-5px);border-color:#48553b}.poster{position:relative;aspect-ratio:4/4.75;overflow:hidden;background:#292c27}.poster img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block;transition:transform .5s}.concept-card:hover .poster img{transform:scale(1.035)}.poster::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#080a09be,transparent);pointer-events:none}.tag{position:absolute;z-index:2;top:16px;left:16px;color:#111;background:var(--lime);border-radius:100px;font-size:11px;font-weight:800;padding:8px 13px}.poster-id{position:absolute;right:14px;top:16px;font-size:11px;background:#080a09bc;padding:8px 11px;border-radius:9px;z-index:2}.poster-caption{position:absolute;z-index:2;bottom:22px;left:18px;right:18px;margin:0 auto;text-align:center;max-width:295px;font-size:16px;font-weight:650;line-height:1.3;text-shadow:0 2px 4px #0008}.card-content{padding:21px 24px 25px}.card-head{display:flex;align-items:center;gap:15px}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--lime);border-radius:12px;color:var(--lime);flex-shrink:0}.card-svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.card-title{font-size:21px;font-weight:800;letter-spacing:-.4px;margin:0 0 5px}.card-sub{font-size:13px;color:var(--muted);margin:0}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 22px;border:1px solid #aeb4aa;border-radius:999px;background:transparent;color:var(--ink);font-size:13px;font-weight:700;transition:background .2s,color .2s;margin-top:20px}.outline-btn:hover{background:var(--ink);color:#101210}.bottom-note{color:#a8aea7;font-size:12px;line-height:1.7;margin-top:24px}.bottom-note strong{color:var(--lime)}.banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;background:#121812;border:1px solid #34402b;border-radius:22px;padding:22px 27px}.banner h2{font-size:24px;letter-spacing:-.8px;margin:0 0 6px}.banner p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}
/* services */
.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-card{padding:0 0 22px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}.service-art{height:188px;position:relative;overflow:hidden}.service-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.93)}.service-copy{padding:23px}.service-copy h2{font-size:24px;letter-spacing:-.8px;margin:0 0 10px}.service-copy p{line-height:1.55;color:#aeb4ae;font-size:14px;min-height:68px}.ticks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:13px}.ticks li{color:#d5dad3;font-size:13px;display:flex;align-items:center;gap:10px}.ticks li::before{content:'✓';background:var(--lime);color:#111;display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;font-weight:bold;flex-shrink:0}.small-heading{font-size:clamp(28px,3vw,42px);letter-spacing:-1.4px;margin:30px 0 17px}.format-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.format-card{padding:22px 15px;border:1px solid var(--line);background:var(--card);border-radius:15px}.format-card b{display:block;color:var(--lime);font-size:23px;margin-bottom:12px}.format-card strong{display:block;font-size:13px}.format-card p{font-size:11px;line-height:1.4;color:var(--muted);margin:5px 0 0}
/* portfolio */
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}.filter{border:1px solid #667062;border-radius:100px;padding:9px 17px;background:transparent;color:var(--ink);font-weight:700;font-size:12px}.filter[aria-pressed="true"],.filter:hover{background:var(--lime);border-color:var(--lime);color:#111}.portfolio-card[hidden]{display:none}.no-video-mark{color:#111;font-size:12px;background:var(--lime);padding:8px 12px;border-radius:100px;display:inline-block}
/* process */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step-card{background:var(--card);border:1px solid var(--line);border-radius:21px;padding:22px}.step-number{display:grid;place-items:center;color:var(--lime);font-size:19px;font-weight:850;border:2px solid var(--lime);width:50px;height:50px;border-radius:50%;margin-bottom:22px}.step-card h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px}.step-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.step-art{height:115px;border:1px solid #2c3628;border-radius:13px;margin-bottom:22px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 60% 60%,#506a231d,#171b17)}.step-art span{font-size:54px;color:var(--lime);font-weight:900}.process-lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.surface{border:1px solid var(--line);border-radius:22px;background:var(--card);padding:29px}.surface h2{font-size:27px;letter-spacing:-1px;margin:0 0 17px}.faq details{border:1px solid #2e342e;border-radius:10px;margin:9px 0;padding:14px 16px;color:#dbe0d7;font-size:14px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);margin:14px 0 0;line-height:1.5}.deliverables{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.deliverables div{padding:16px;border-radius:12px;background:#1a1e1a;border:1px solid #343b33}.deliverables b{display:block;color:var(--lime);font-size:20px;margin-bottom:7px}.deliverables strong{font-size:14px}.deliverables p{font-size:12px;color:var(--muted);line-height:1.4;margin:7px 0 0}
/* about */
.about-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.about-lead h2{font-size:clamp(35px,4vw,59px);letter-spacing:-2.8px;line-height:1.04;margin:0 0 20px}.about-lead p{color:#c1c5be;line-height:1.75;font-size:16px}.about-visual{min-height:310px;border:1px solid #3a442f;background:radial-gradient(circle at 52% 48%,#86aa2c36,transparent 40%),#131914;display:grid;place-items:center;border-radius:24px}.about-visual img{width:175px;height:175px;filter:drop-shadow(0 0 25px #c7ff4148)}.about-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px}.value-list{display:grid;gap:13px}.value-list div{background:#141914;border:1px solid var(--line);border-radius:15px;padding:20px}.value-list strong{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}.value-list p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}
/* contact */
.contact-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:22px}.field-panel,.contact-info{background:#101311;border:1px solid var(--line);border-radius:22px;padding:30px}.field-panel h2{font-size:30px;margin:0 0 10px}.field-panel>p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:12px;font-weight:700;color:#e5eae2}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{display:block;width:100%;min-height:46px;border:1px solid #485048;color:#fff;background:#080b09;border-radius:10px;padding:12px 13px;font-size:14px}.field textarea{min-height:125px;resize:vertical}.form-submit{margin-top:16px;min-width:210px}.form-note{font-size:11px!important;color:var(--muted);margin:12px 0 0!important}.contact-info{display:grid;align-content:start;gap:13px}.contact-linkbox{border:1px solid #303930;background:#161b16;border-radius:15px;padding:22px}.contact-linkbox h3{margin:0 0 9px;font-size:18px}.contact-linkbox p{margin:0 0 14px;font-size:13px;color:var(--muted);line-height:1.5}.contact-linkbox a{color:var(--lime);font-size:17px;font-weight:800;overflow-wrap:anywhere}.contact-visual{padding:34px;text-align:center;border-radius:15px;background:var(--lime);color:#111}.contact-visual img{width:90px}.contact-visual h3{font-size:26px;letter-spacing:-1px;margin:14px 0 0}
/* modal */
.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:#000b;z-index:50;padding:20px;display:grid;place-items:center}.dialog{max-width:550px;width:100%;max-height:90vh;overflow:auto;background:#131914;border:1px solid #5b6b44;border-radius:22px;padding:28px;box-shadow:0 20px 80px #000b}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog h2{margin:0;font-size:29px;letter-spacing:-1px}.dialog p{line-height:1.55;color:var(--muted)}.close-dialog{color:var(--ink);background:#262e24;border:1px solid #566050;font-size:26px;width:42px;height:42px;border-radius:50%}.dialog .script{border-left:3px solid var(--lime);padding:15px 17px;background:#202920;margin:20px 0;color:#fff;line-height:1.65}
@media(prefers-reduced-motion:no-preference){.js .enter{animation:intro .65s both}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.js .reveal.is-visible{opacity:1;transform:none}@keyframes intro{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:17px}.brand-logo{width:180px}.nav-cta{padding:14px 17px;gap:14px}.page-title{font-size:clamp(45px,5.6vw,75px)}.format-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)}.site-header .head-in{min-height:76px}.desktop-nav{display:none}.menu-toggle{display:inline-flex;margin-left:0}.nav-cta{margin-left:auto}.mobile-nav[data-open="true"]{display:grid;border-top:1px solid var(--line);padding:10px 20px 19px;gap:4px}.mobile-nav a{padding:12px;color:var(--ink);font-weight:700}.mobile-nav a[aria-current="page"]{color:var(--lime)}.page-intro{grid-template-columns:1fr;padding-top:36px;gap:17px}.intro-right p{max-width:650px}.page-title{font-size:clamp(42px,8vw,66px)}.cards,.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-steps{grid-template-columns:repeat(2,1fr)}.about-top,.about-bottom,.contact-grid{grid-template-columns:1fr}.poster{aspect-ratio:4/4.7}.about-visual{min-height:260px}.banner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.head-in{gap:10px}.brand-logo{width:145px}.nav-cta{padding:11px 13px;font-size:11px;gap:9px}.menu-toggle{width:36px;height:37px;font-size:20px}.page-intro{padding:36px 0 26px}.page-title{font-size:clamp(37px,9.1vw,50px);letter-spacing:-.055em}.eyebrow{font-size:10px;letter-spacing:2px}.intro-right p{font-size:15px}.feature-pills{gap:10px}.feature-pills span{font-size:11px}.cards,.section-grid,.process-steps,.process-lower{grid-template-columns:1fr}.poster{aspect-ratio:4/4.25}.card-title{font-size:19px}.page-main{padding-bottom:45px}.format-grid{grid-template-columns:repeat(2,1fr)}.format-card{padding:18px 13px}.surface{padding:20px}.field-panel,.contact-info{padding:21px}.form-grid{grid-template-columns:1fr}.contact-visual{padding:24px}.site-footer{font-size:11px}}

/* Finished AI UGC video portfolio */
.poster{aspect-ratio:9/14}
.poster img{object-position:center center}
.poster-play{position:absolute;inset:0;z-index:3;border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:0}
.play-disc{display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border-radius:50%;background:var(--lime);color:#091006;font-size:27px;box-shadow:0 9px 38px #0009,0 0 0 9px #d7f35c22;transition:transform .2s,box-shadow .2s}
.poster-play:hover .play-disc,.poster-play:focus-visible .play-disc{transform:scale(1.09);box-shadow:0 10px 42px #0009,0 0 0 13px #d7f35c2c}
.play-caption{font-size:11px;font-weight:800;letter-spacing:2.1px;text-shadow:0 1px 9px #000}
.poster-caption{pointer-events:none;bottom:18px;font-size:15px}
.tag,.poster-id{pointer-events:none}
.poster-id{color:#e8ece5}
.video-open{overflow:hidden}
.video-modal{padding:24px;background:#020403e8;backdrop-filter:blur(13px);overflow:auto}
.video-dialog{position:relative;display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:0;max-width:880px;padding:0;max-height:min(90svh,690px);overflow:auto;background:#101510;border:1px solid #435039;border-radius:25px;box-shadow:0 35px 95px #000e}
.video-dialog .close-dialog{position:absolute;right:14px;top:14px;z-index:5;display:grid;place-items:center;width:42px;height:42px;font-size:25px;border:1px solid #667466;background:#152019ef;backdrop-filter:blur(8px)}
.video-stage{position:relative;background:#000;display:grid;place-items:center;min-width:0;max-height:690px;aspect-ratio:9/16;overflow:hidden}
.video-stage video{display:block;width:100%;height:100%;background:#000;object-fit:contain}
.video-status{position:absolute;left:12px;right:12px;bottom:58px;background:#1c281d;color:#fff;padding:12px;border:1px solid var(--lime);border-radius:8px;font-size:12px}
.video-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px 41px;min-width:0}
.video-eyebrow{font-size:10px!important;letter-spacing:2px!important;color:#aeb7a9!important;font-weight:800;margin:0 0 24px!important}
.video-concept-label{display:inline-block;border-radius:100px;background:var(--lime);color:#111;font-size:10px;font-weight:900;letter-spacing:.5px;padding:8px 12px;margin-bottom:20px}
.video-info h2{font-size:clamp(27px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.05;margin:0 0 18px}
.video-info p{color:#c1c9bd;line-height:1.62;font-size:14px}
.video-info .video-format{font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--lime);margin:22px 0}
.video-disclaimer{font-size:11px!important;color:#9ea99d!important;margin:2px 0 26px}
.video-info .pill-lime{padding:15px 21px}
@media(max-width:800px){.poster{aspect-ratio:9/14}.video-dialog{grid-template-columns:minmax(0,320px) minmax(0,1fr)}.video-info{padding:38px 26px}}
@media(max-width:620px){.video-modal{padding:10px;align-items:start}.video-dialog{display:flex;flex-direction:column;width:min(100%,430px);max-height:calc(100svh - 20px);margin:auto;border-radius:18px}.video-stage{width:100%;min-height:0;height:min(63svh,560px);aspect-ratio:auto;flex-shrink:0}.video-stage video{height:100%}.video-info{padding:22px 24px 27px}.video-eyebrow{margin-bottom:10px!important}.video-concept-label{margin-bottom:11px}.video-info h2{font-size:25px;margin-bottom:10px}.video-info .video-format{margin:12px 0}.video-disclaimer{margin-bottom:15px}.video-dialog .close-dialog{top:10px;right:10px}}
@media(max-width:520px){.poster{aspect-ratio:9/13.75}}
@media(prefers-reduced-motion:reduce){.play-disc{transition:none}}


/* 2026-10 responsive media correction: full 9:16 picture with an elegant
   softly blurred background when the portrait is narrower than its card. */
.poster{
  aspect-ratio:auto;
  height:clamp(440px, 43vw, 610px);
  background:#0a0d0a;
  isolation:isolate;
}
.poster::before{
  content:"";
  position:absolute;
  inset:-20px;
  z-index:0;
  background-image:var(--poster-bg);
  background-position:center;
  background-size:cover;
  filter:blur(28px) brightness(.32) saturate(.7);
  transform:scale(1.03);
  pointer-events:none;
}
.poster img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
}
.concept-card:hover .poster img{transform:none}
.poster::after{z-index:1;inset:70% 0 0;background:linear-gradient(0deg,#000b,transparent)}
.poster-skincare{--poster-bg:url("lumiere-skincare-preview.webp")}
.poster-coffee{--poster-bg:url("peak-coffee-preview.webp")}
.poster-tech{--poster-bg:url("tech-gadget-preview.webp")}
.poster-play{z-index:4}
.poster-caption{z-index:3;bottom:15px;max-width:100%;font-size:clamp(12px,1.2vw,15px);padding:0 8px}
.tag,.poster-id{z-index:3}
.video-stage{aspect-ratio:9/16}
.video-stage video{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:800px){.poster{aspect-ratio:auto;height:clamp(415px,57vw,550px)}}
@media(max-width:520px){
  .poster{aspect-ratio:auto;height:clamp(415px,120vw,505px)}
  .poster-caption{font-size:13px}
  .play-disc{width:64px;height:64px;font-size:24px}
  .poster-play{gap:8px}
  .video-dialog{width:min(100%,390px)}
  .video-stage{height:auto;max-height:75svh;aspect-ratio:9/16;flex-shrink:0}
  .video-stage video{height:100%;object-fit:contain}
}


/* BUENO STUDIO: fixed thumbnail icons and mobile 9:16 player, Oct 2026 */
.card-head{display:flex;align-items:center;gap:14px;min-width:0}
.card-head>div{flex:1;min-width:0}
.card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 49px;width:49px;height:49px;border:1.5px solid #d7f35c88;border-radius:14px;background:#d7f35c0e}
.card-icon img{display:block;width:33px;height:33px;object-fit:contain}
.card-title{overflow-wrap:normal;word-break:normal}
/* Ensure portrait ads fit the available *visible* viewport rather than grow beyond it. */
@media (max-width: 620px){
  .video-modal{
    position:fixed;inset:0;z-index:99;
    padding:0!important;margin:0!important;
    display:flex!important;align-items:stretch;justify-content:center;
    width:100vw;height:100vh;height:100dvh;
    overflow:hidden;overscroll-behavior:contain;
    background:#060806;
  }
  .video-modal[hidden]{display:none!important}
  .video-dialog{
    position:relative;
    display:flex!important;flex-direction:column!important;
    width:100%!important;max-width:none!important;
    height:100%!important;max-height:none!important;min-height:0;
    margin:0!important;padding:0!important;
    overflow:hidden!important;
    border:0!important;border-radius:0!important;
    box-shadow:none;
    background:#080a09;
  }
  .video-stage{
    flex:1 1 0!important;
    min-width:0;min-height:0!important;
    width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:auto!important;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;background:#000;
  }
  .video-stage video{
    display:block;width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;object-position:center!important;
    background:#000;
  }
  .video-dialog .close-dialog{
    position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));
    z-index:10;width:45px;height:45px;
    color:white;background:#090f0cde;border:1px solid #fff5;
  }
  .video-info{
    display:flex!important;flex:0 0 auto!important;
    min-height:60px;
    padding:14px 18px calc(15px + env(safe-area-inset-bottom,0px))!important;
    justify-content:center;align-items:flex-start;
    overflow:hidden;
    border-top:1px solid #273328;
  }
  .video-info > :not(h2){display:none!important}
  .video-info h2{margin:0!important;font-size:17px!important;line-height:1.35!important;letter-spacing:-.3px!important}
  .video-status{bottom:35px;left:14px;right:14px}
}


/* 2026-10-14 polish: slightly wider mobile posters, softer rounded corners, realistic icons */
.concept-card{border-radius:28px;border-color:#2a3429;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.poster{border-radius:26px 26px 0 0}
.card-content{padding:22px 24px 26px}
.card-icon{flex:0 0 56px;width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(215,243,92,.09),rgba(215,243,92,.03));border:1px solid rgba(215,243,92,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.card-icon img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 5px 14px rgba(0,0,0,.24))}
.poster img{object-fit:cover;object-position:center 24%}
@media (max-width:800px){
  .cards{gap:18px}
  .poster{height:clamp(400px,54vw,520px)}
}
@media (max-width:520px){
  .cards{gap:16px}
  .concept-card{border-radius:30px}
  .poster{height:clamp(390px,108vw,470px);border-radius:28px 28px 0 0}
  .poster img{object-position:center 22%}
  .card-content{padding:20px 20px 24px}
  .card-head{gap:13px;align-items:flex-start}
  .card-icon{flex-basis:58px;width:58px;height:58px;border-radius:20px}
  .card-icon img{width:42px;height:42px}
  .card-title{font-size:18px;line-height:1.1}
}