/* NeuroNanoBanana cinema18. Shared header/footer/cookie rules first (used by pages/*), then the home block scoped to .reference-home. */
body.showcase{--bg:#0f1113;--lime:#d1fe17;--muted:#838588;background:#0f1113;font-family:Inter,Arial,sans-serif;font-size:14px}
.showcase h1,.showcase h2,.showcase h3{font-family:'Space Grotesk',Inter,Arial,sans-serif}
.showcase .topbar{height:52px;min-height:52px;padding:0 16px;gap:20px;background:#0f1113;border:0;backdrop-filter:none;display:flex}
.showcase .brand-symbol{width:32px;height:32px;font-size:29px;border-radius:8px}
.showcase .brand-name{display:none}
.showcase .brand-symbol{background:none;overflow:hidden;box-shadow:0 0 0 1px #ffffff17}.showcase .brand-symbol img{display:block;width:100%;height:100%}
.showcase .main-nav{gap:19px;mask-image:linear-gradient(90deg,#000 93%,transparent);font-family:Inter,sans-serif}
.showcase .main-nav a{font-size:13px;font-weight:500;color:#a3a4a6}
.showcase .main-nav a[aria-current=page]{color:#d1fe17}
.showcase .account{gap:8px}
.showcase .account .balance-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:9px;background:#202225;font-size:13px;line-height:20px;color:#f5f5f5}
.showcase .account .login{padding:7px 12px;border-radius:8px;background:#d1fe1710;color:#d1fe17;font-size:13px;line-height:20px;font-weight:500}
.showcase .account .button{border-radius:9px;padding:8px 13px;font-size:13px;font-weight:500;line-height:20px;background:#d1fe17;gap:0}
.showcase .account .button>span{display:none}
.showcase .mobile-dock{font-family:Inter,sans-serif}
.showcase #site-footer{border:0}
.showcase .ref-button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:44px;padding:10px 16px;font:600 16px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:inset 0 -3px 0 #0002,0 2px 2px #0002;transition:filter .15s}
.showcase .ref-button:hover{filter:brightness(1.08)}
.showcase .ref-primary{background:#d1fe17;color:#11150a}
.showcase .ref-white{background:#fff;color:#17191b}
.showcase .ref-soft-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;background:#d1fe1714;color:#d1fe17;font:600 16px/24px Inter,sans-serif;backdrop-filter:blur(10px)}
.ref-footer-main{min-height:780px;background:#d1fe17;color:#14151a;padding:36px 16px;font-family:Inter,sans-serif}
.ref-footer-upper{display:grid;grid-template-columns:minmax(220px,calc((100% - 80px)/3)) minmax(0,1fr);gap:40px;min-height:564px}
.ref-footer-heading h2{font-size:40px;line-height:48px;font-weight:500;letter-spacing:-.055em;color:#14151a;max-width:380px}
.ref-footer-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ref-footer-columns h3{font:400 16px/24px Inter,sans-serif;color:#14151a66;margin:0 0 16px}
.ref-footer-columns a{display:block;font-size:14px;line-height:22px;font-weight:500;color:#14151a;margin-bottom:12px;overflow-wrap:anywhere}
.ref-footer-columns a:hover{text-decoration:underline}
.ref-footer-columns .ref-subheading{margin-top:30px}
.ref-footer-lower{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-top:72px;min-height:36px}
.ref-footer-contact{font-size:13px;line-height:22px;max-width:390px}
.ref-footer-socials{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:end}
.ref-footer-socials a{display:flex;gap:6px;align-items:center;font-size:13px;color:#14151a}
.ref-footer-socials svg,.ref-footer-socials img{width:18px;height:18px;display:block}
.ref-footer-socials img{filter:brightness(0)}
.ref-footer-bottom{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0f1113;padding:16px 24px;color:#898c90;font-size:12px;line-height:20px}
.ref-footer-bottom>nav{display:flex;justify-content:end;gap:22px;flex-wrap:wrap}
.ref-footer-bottom a{color:#e0e1e3;font-size:12px}
.ref-footer-bottom .ref-locale{color:#e3e5e7;white-space:nowrap}
@media(min-width:1600px){.ref-footer-upper{min-height:564px}}
@media(max-width:1100px) and (min-width:768px){.ref-footer-upper{grid-template-columns:1fr;gap:35px;min-height:0}
.ref-footer-heading h2{max-width:none}
.ref-footer-main{min-height:0}
.ref-footer-lower{margin-top:45px}}
@media(max-width:767px){.showcase .topbar{height:52px;min-height:52px;display:flex;padding:0 14px;gap:10px;grid-template-columns:none;overflow:hidden}
.showcase .brand{gap:7px;min-width:0}
.showcase .brand-symbol{height:30px;width:30px;flex-shrink:0}
.showcase .brand-name{display:block;font-size:12px;font-weight:650;line-height:18px;letter-spacing:-.6px;white-space:nowrap}
.showcase .brand-name>span{display:inline;color:#fff}
.showcase .main-nav{display:none}
.showcase .account{margin-left:auto;gap:6px}
.showcase .account .login{display:none}
.showcase .account .balance-link{display:inline-flex;padding:7px 9px;font-size:11px;line-height:20px}
.showcase .account .button{padding:7px 11px;font-size:11px;line-height:20px}
.showcase .mobile-dock{height:56px;min-height:56px;padding:6px 4px max(6px,env(safe-area-inset-bottom));background:#0f1113f5;border-top:1px solid #ffffff0b;gap:0}
.showcase .mobile-dock a{font-size:9px;gap:3px;color:#8e9296;flex:1}
.showcase .mobile-dock a>span svg{height:20px;width:20px}
.showcase .mobile-dock a:nth-child(3)>span{width:30px;height:30px;display:grid;place-items:center;background:#d1fe17;color:#151913;border-radius:50%;margin-top:-7px}
.showcase .mobile-dock a:nth-child(3)>span svg{height:20px;width:20px}
.showcase .mobile-dock [aria-current]{color:#e3e5e6}
.ref-footer-main{padding:24px 16px 30px;min-height:0}
.ref-footer-upper{grid-template-columns:1fr;gap:32px;min-height:0}
.ref-footer-heading h2{font-size:32px;line-height:36px;max-width:300px}
.ref-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.ref-footer-columns h3{font-size:14px;line-height:20px;margin-bottom:12px}
.ref-footer-columns a{font-size:13px;line-height:20px;margin-bottom:10px}
.ref-footer-lower{flex-direction:column;align-items:start;justify-content:start;margin-top:35px;gap:24px}
.ref-footer-contact{font-size:12px;line-height:20px}
.ref-footer-socials{justify-content:start;gap:13px 16px}
.ref-footer-socials a{font-size:11px;gap:5px}
.ref-footer-socials svg,.ref-footer-socials img{height:17px;width:17px}
.ref-footer-bottom{padding:20px 16px;min-height:90px;align-items:start;flex-direction:column;gap:15px;font-size:11px}
.ref-footer-bottom>nav{justify-content:start;gap:10px 16px}
.ref-footer-bottom a{font-size:11px}
.ref-footer-bottom .ref-locale{font-size:11px}}
.showcase .ref-footer-main.product-footer{max-width:none;margin:0;min-height:780px;background:#d1fe17;color:#14151a;padding:36px 16px}
.showcase .ref-footer-main a{color:#14151a}
.showcase .ref-footer-main h2{color:#14151a}
.showcase .ref-footer-main .ref-footer-columns h3{color:#14151a66}
.showcase .ref-footer-main .ref-footer-columns a{color:#14151a}
@media(max-width:767px){.showcase .ref-footer-main.product-footer{min-height:0;padding:24px 16px 30px}}
.ref-video-badge{position:absolute;top:10px;left:10px;z-index:2;background:#0f1113bb;color:white;font:500 10px/16px Inter,sans-serif;padding:3px 7px;border-radius:6px;backdrop-filter:blur(10px);pointer-events:none}
.showcase .media>img,.showcase .media>video,.showcase .work .media img,.showcase .work .media video,.showcase .module-banner .media img,.showcase .module-banner .media video,.showcase .module-photo>.media img,.showcase .module-photo>.media video,.cinema-banner>img,.start-card .media img,.start-card .media video{
  object-fit:contain !important;
  object-position:center center !important;
  background:#121416;
}
.work:hover img{transform:none !important}
.nnb-cookie{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:90;width:min(980px,calc(100% - 24px));display:flex;gap:18px;align-items:center;justify-content:space-between;background:#171a1d;border:1px solid #ffffff22;border-radius:16px;padding:16px 18px;box-shadow:0 16px 48px #000a}
.nnb-cookie[hidden]{display:none !important}
.nnb-cookie p{margin:0;font:400 13px/20px Inter,sans-serif;color:#d4d7db}
.nnb-cookie a{color:#d1fe17;text-decoration:underline}
.nnb-cookie-actions{display:flex;gap:8px;flex-shrink:0}
.nnb-cookie-ok{background:#d1fe17;color:#111;border:0;border-radius:10px;padding:10px 16px;font:700 13px/18px Inter,sans-serif;cursor:pointer}
.nnb-cookie-reject{background:#2a2d31;color:#eee;border:0;border-radius:10px;padding:10px 16px;font:600 13px/18px Inter,sans-serif;cursor:pointer}
@media(max-width:767px){.nnb-cookie{flex-direction:column;align-items:stretch;bottom:72px;transform:none;left:10px;width:calc(100% - 20px)}
.nnb-cookie-actions{width:100%}
.nnb-cookie-ok,.nnb-cookie-reject{flex:1}}

/* ===== cinema18: home page rebuilt after the measured structure of the reference (1440 / 390) ===== */
body.reference-home{--bg:#0f1113;--lime:#d1fe17;--grey:#898a8b;--surface:#1c1e20;background:#0f1113;color:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:24px;padding-bottom:0}
.reference-home *{box-sizing:border-box}
.reference-home main{padding:0;max-width:none;margin:0}
.reference-home .hf-container{padding:0 16px}
.reference-home h1,.reference-home h2,.reference-home h3{font-family:'Space Grotesk',Inter,sans-serif;margin:0}
.reference-home p{margin:0}

/* header: 52px, sticky, z 51 */
.reference-home .topbar{position:sticky;top:0;z-index:51;height:52px;min-height:52px;padding:0 16px;gap:12px;display:flex;align-items:center;background:#0f1113;border:0;backdrop-filter:none;grid-template-columns:none;overflow:visible}
.reference-home .brand{flex:0 0 auto;gap:8px;display:inline-flex;align-items:center;min-width:0}
.reference-home .brand-symbol{width:32px;height:32px;border-radius:8px;font-size:29px}
.reference-home .brand-name{display:none}
.reference-home .main-nav{display:flex;flex:1 1 auto;min-width:0;gap:0;align-items:center;overflow-x:auto;scrollbar-width:none;mask-image:none;grid-column:auto;grid-row:auto;width:auto;height:auto;padding:0}
.reference-home .main-nav::-webkit-scrollbar{display:none}
.reference-home .main-nav a{flex:0 0 auto;padding:4px 8px;border-radius:8px;font:500 14px/20px Inter,sans-serif;letter-spacing:.1px;color:#a8a8a8;white-space:nowrap;transition:color .15s,background .15s}
.reference-home .main-nav a:hover{color:#fff;background:#ffffff0d}
.reference-home .main-nav a[aria-current=page]{color:#d1fe17}
.reference-home .account{flex:0 0 auto;gap:12px;margin-left:auto;display:flex;align-items:center}
.reference-home .account .balance-link,.reference-home .account .login,.reference-home .account .button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:10px;font:500 14px/20px Inter,sans-serif;letter-spacing:.1px;white-space:nowrap;transition:filter .15s,background .15s}
.reference-home .account .balance-link{background:#ffffff0d;color:#fff;box-shadow:inset 0 1.5px 3px #ffffff0d}
.reference-home .account .balance-link:hover{background:#ffffff1a}
.reference-home .account .login{background:#d1fe1714;color:#d1fe17;box-shadow:inset 0 2px 3px #ffffff08}
.reference-home .account .login:hover{background:#d1fe1726}
.reference-home .account .button{background:#d1fe17;color:#1a1a1a;gap:0}
.reference-home .account .button:hover{filter:brightness(1.07)}
.reference-home .account .button>span{display:none}

/* shared buttons */
.reference-home .hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;font:600 14px/20px Inter,sans-serif;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:filter .15s,transform .15s;box-shadow:inset 0 -3px 0 #0000001f,0 2px 2px #0002}
.reference-home .hf-btn:hover{filter:brightness(1.07)}
.reference-home .hf-btn:active{transform:translateY(1px)}
.reference-home .hf-btn svg{width:16px;height:16px;flex:none}
.reference-home .hf-btn-lime{background:#d1fe17;color:#1a1a1a}
.reference-home .hf-btn-white{background:#fff;color:#131517}
.reference-home .hf-btn-lg{height:48px;padding:0 16px;font:600 18px/24px Inter,sans-serif;letter-spacing:-.4px}
.reference-home .hf-btn-sm{height:40px}

/* feature rail */
.reference-home .hf-rail{position:relative;padding-top:12px;margin-bottom:32px}
.reference-home .hf-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:0 16px;scroll-snap-type:x proximity;scroll-padding-left:16px;scrollbar-width:none}
.reference-home .hf-track::-webkit-scrollbar{display:none}
.reference-home .hf-feature{position:relative;flex:0 0 312px;min-width:0;display:grid;grid-auto-flow:row dense;gap:0;align-content:start;border-radius:8px;scroll-snap-align:start;transition:filter .15s}
.reference-home .hf-feature:active{filter:brightness(.6)}
.reference-home .hf-feature-link{position:absolute;inset:0;z-index:3;border-radius:8px}
.reference-home .hf-feature-pic{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#1a1c1e;margin-bottom:12px}
.reference-home .hf-feature h2{font:700 16px/24px 'Space Grotesk',sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f7f7f8;transition:color .15s}
.reference-home .hf-feature:hover h2{color:#d1fe17}
.reference-home .hf-feature p{height:24px;font:400 14px/20px Inter,sans-serif;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-home .hf-rail-btn{position:absolute;top:calc(50% - 32px);z-index:4;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:2px solid transparent;background:#ffffff0d;backdrop-filter:blur(12px);color:#fff;padding:0;opacity:0;transition:opacity .2s,background .15s}
.reference-home .hf-rail-btn svg{width:20px;height:20px}
.reference-home .hf-rail-next{right:16px}
.reference-home .hf-rail-prev{left:16px}
.reference-home .hf-rail:hover .hf-rail-btn{opacity:1}
.reference-home .hf-rail-btn:hover{background:#ffffff26}
.reference-home .hf-rail-btn:disabled{opacity:0!important;pointer-events:none}

/* media primitives */
.reference-home .hf-media{position:absolute;inset:0;display:block;overflow:hidden;background:#1a1c1e}
.reference-home .hf-media img,.reference-home .hf-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;max-width:none}
.reference-home .hf-media video{opacity:0;transition:opacity .25s}
.reference-home .hf-media.is-playing video{opacity:1}

/* sign-up promo + tool grid */
.reference-home .hf-top{padding-top:8px}
.reference-home .hf-entry{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.reference-home .hf-signup{position:relative;isolation:isolate;overflow:hidden;width:100%;height:201px;border-radius:8px;background:#1c1e20}
.reference-home .hf-signup-bg{position:absolute;inset:0;display:block}
.reference-home .hf-signup:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000000c7,#00000038 70%,#00000014);pointer-events:none;z-index:1}
.reference-home .hf-signup-copy{position:relative;z-index:2;height:100%;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.reference-home .hf-signup-copy h3{font:700 24px/27px 'Space Grotesk',sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:#fff}
.reference-home .hf-signup-copy h3 span{display:block}
.reference-home .hf-signup-copy h3 span+span{color:#d1fe17}
.reference-home .hf-signup-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font:500 12px/18px Inter,sans-serif;color:#ffffff99}
.reference-home .hf-signup-copy li{display:flex;gap:4px}
.reference-home .hf-signup-copy li:before{content:'';flex:none;width:12px;height:18px;background:center/10px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23ffffffb3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 6.4 2.6 2.6L10 3.5'/%3E%3C/svg%3E")}
.reference-home .hf-signup-copy li:nth-child(3){display:none}
.reference-home .hf-signup-copy .hf-btn{margin-top:auto;height:48px;font-size:14px;padding:0 16px}
.reference-home .hf-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:134px;gap:8px;min-width:0}
.reference-home .hf-tool{position:relative;display:flex;padding:2px;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden;min-width:0;transition:border-color .15s}
.reference-home .hf-tool:nth-child(4),.reference-home .hf-tool:nth-child(5){display:none}
.reference-home .hf-tool-in{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;background:#23262a;min-width:0;transition:background .15s}
.reference-home .hf-tool:hover .hf-tool-in{background:#2c3035}
.reference-home .hf-tool-top{display:flex;width:100%;align-items:center;justify-content:space-between}
.reference-home .hf-tool-top svg{width:20px;height:20px;color:#f7f7f8}
.reference-home .hf-tool-top em{font:700 12px/18px 'Space Grotesk',sans-serif;font-style:normal;text-transform:uppercase;color:#131517;background:#d1fe17;border-radius:4px;padding:0 6px}
.reference-home .hf-tool-copy{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}
.reference-home .hf-tool-copy strong{font:600 14px/24px Inter,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-home .hf-tool-copy span{font:400 12px/18px Inter,sans-serif;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* lite banner (400px, black, slanted side panels, neon sign) */
.reference-home .hf-lite-wrap{margin:24px 0 24px}
.reference-home .hf-lite{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:388px;padding:40px 16px;border-radius:24px;border:1px solid #ffffff26;background:#000;overflow:hidden}
.reference-home .hf-lite:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 52% 90% at 50% 50%,#000 30%,#000c 55%,#0000 100%)}
.reference-home .hf-lite-side{position:absolute;top:0;bottom:0;display:flex;align-items:center;width:36%;z-index:0;perspective:900px;opacity:.35}
.reference-home .hf-lite-left{left:0}
.reference-home .hf-lite-right{right:0;flex-direction:row-reverse}
.reference-home .hf-lite-panel{position:relative;flex:0 0 auto;display:block;height:92%;overflow:hidden}
.reference-home .hf-lite-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.reference-home .hf-lite-left .hf-lite-panel{transform-origin:left center;transform:rotateY(-26deg)}
.reference-home .hf-lite-right .hf-lite-panel{transform-origin:right center;transform:rotateY(26deg)}
.reference-home .hf-lite-panel:nth-child(1){width:64px}.reference-home .hf-lite-panel:nth-child(2){width:72px}.reference-home .hf-lite-panel:nth-child(3){width:96px}.reference-home .hf-lite-panel:nth-child(4){width:120px}
.reference-home .hf-lite-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;width:100%;max-width:660px}
.reference-home .hf-lite-logo{font:700 16px/24px 'Space Grotesk',sans-serif;color:#fff;letter-spacing:-.2px}
.reference-home .hf-lite-title{display:flex;align-items:baseline;justify-content:center;gap:12px;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;line-height:1;margin-top:-8px}
.reference-home .hf-lite-title b{font-weight:700;font-size:28px;letter-spacing:-.04em;background:linear-gradient(180deg,#fff 0%,#a8a8a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.reference-home .hf-lite-title i{font-style:normal;font-weight:300;font-size:28px;letter-spacing:.2em;color:#fff}
.reference-home .hf-neon{padding:6px 18px 8px;border:3px solid #a7cc17;border-radius:18px;background:linear-gradient(#1a2200,#0a0d00);box-shadow:inset 0 0 18px #d1fe1766,0 0 22px #d1fe1744;font:700 40px/1 'Space Grotesk',sans-serif;letter-spacing:-.04em;background-clip:padding-box;color:#d1fe17;text-shadow:0 0 12px #d1fe1799}
.reference-home .hf-lite-copy p{font:400 14px/20px Inter,sans-serif;letter-spacing:.1px;color:#ffffffcc;max-width:420px}

/* section heads, walls, fades */
.reference-home .hf-section{position:relative;margin-bottom:40px;scroll-margin-top:16px}
.reference-home .hf-sec-head{padding:0 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:4px}
.reference-home .hf-sec-head.hf-sec-head-flat{padding:0;margin-bottom:0}
.reference-home .hf-sec-title{display:block;font:700 20px/24px 'Space Grotesk',sans-serif;letter-spacing:-1.2px;text-transform:uppercase;color:#d1fe17;text-decoration:none}
.reference-home a.hf-sec-title:hover{filter:brightness(1.12)}
.reference-home .hf-sec-head p{font:400 14px/20px Inter,sans-serif;letter-spacing:.1px;color:var(--grey)}
.reference-home .hf-wall{position:relative;max-height:896px;margin:0 16px;overflow:hidden}
.reference-home .hf-fade{position:absolute;left:0;bottom:-4px;z-index:5;width:100%;height:208px;display:grid;align-items:end;justify-items:center;padding-bottom:36px;background:linear-gradient(to top,#0f1113 0%,#0f111300 100%);pointer-events:none}
.reference-home .hf-fade-tall{height:240px;padding-bottom:32px}
.reference-home .hf-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 12px;border-radius:12px;border:2px solid #00000017;background:#d1fe1740;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d1fe17;font:600 16px/24px Inter,sans-serif;text-decoration:none;white-space:nowrap;transition:background .15s}
.reference-home .hf-pill:hover{background:#d1fe1759}
.reference-home .hf-pill svg{width:20px;height:20px}
.reference-home .hf-pill-soft{background:#d1fe171a;padding:0 16px;font:600 18px/24px Inter,sans-serif;letter-spacing:-.4px}
.reference-home .hf-masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.reference-home .hf-col{display:flex;flex-direction:column;gap:8px;min-width:0;padding-right:8px}
.reference-home .hf-col:last-child{padding-right:0}
.reference-home .hf-tile{position:relative;display:block;flex:none;width:100%;aspect-ratio:var(--ar,1.7778);padding:0;border:0;border-radius:12px;overflow:hidden;background:#1c1e20;color:#fff;text-align:left;cursor:pointer;isolation:isolate}
.reference-home .hf-tile .hf-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.reference-home .hf-tile:hover .hf-media img,.reference-home .hf-tile:focus-visible .hf-media img{transform:scale(1.04)}
.reference-home .hf-badge{position:absolute;z-index:2;top:8px;left:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0f1113b3;backdrop-filter:blur(8px);pointer-events:none;transition:opacity .2s}
.reference-home .hf-badge svg{width:12px;height:12px;fill:#fff}
.reference-home .hf-tile:hover .hf-badge{opacity:0}
.reference-home .hf-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px 12px 10px;font:500 12px/16px Inter,sans-serif;color:#fff;background:linear-gradient(0deg,#000000b3,#0000);opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-home .hf-tile:hover .hf-cap,.reference-home .hf-tile:focus-visible .hf-cap{opacity:1}
.reference-home .hf-tile:focus-visible,.reference-home .hf-project:focus-visible{outline:2px solid #d1fe17;outline-offset:2px}

/* community + projects (container 2) */
.reference-home .hf-mid{padding-top:0}
.reference-home .hf-community{margin-top:32px;margin-bottom:24px}
.reference-home .hf-section.hf-section-first{margin-bottom:24px}
.reference-home .hf-sec-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.reference-home .hf-actions{display:flex;gap:8px;flex-shrink:0}
.reference-home .hf-community .hf-wall{margin:0;max-height:1024px}
.reference-home .hf-projects{margin-top:64px;margin-bottom:32px}
.reference-home .hf-projects .hf-sec-head{margin-bottom:20px}
.reference-home .hf-projects-wrap{position:relative;overflow:hidden;max-height:650px}
.reference-home .hf-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.reference-home .hf-project{position:relative;display:block;aspect-ratio:1.7647;padding:0;border:0;border-radius:10px;overflow:hidden;background:#1c1e21;color:#fff;cursor:pointer;isolation:isolate;min-width:0}
.reference-home .hf-project:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0000004d,#0000 45%);pointer-events:none}
.reference-home .hf-project .hf-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.reference-home .hf-project:hover .hf-media img{transform:scale(1.04)}
.reference-home .hf-project-badge{position:absolute;z-index:2;top:0;right:12px;width:24px;height:28px;display:grid;place-items:center;border-radius:0 0 4px 4px}
.reference-home .hf-project-badge svg{width:16px;height:16px}
.reference-home .hf-b-lime{background:#d1fe17;color:#131517}.reference-home .hf-b-blue{background:#2e7cff;color:#fff}.reference-home .hf-b-white{background:#f4f4f4;color:#131517}
.reference-home .hf-project-meta{position:absolute;z-index:2;left:8px;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;min-width:0}
.reference-home .hf-avatar{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff80;background:#0f1113b3;font:700 11px/1 'Space Grotesk',sans-serif;color:#d1fe17}
.reference-home .hf-project-title{font:500 12px/16px Inter,sans-serif;color:#fff;opacity:0;transition:opacity .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-home .hf-project:hover .hf-project-title,.reference-home .hf-project:focus-visible .hf-project-title{opacity:1}

/* banners */
.reference-home .hf-banner-wrap{padding:0 16px;margin-bottom:24px}
.reference-home .hf-agent{position:relative;isolation:isolate;display:block;aspect-ratio:343/361;border-radius:24px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px #d1fe1766,inset 0 0 46px #d1fe17,inset 0 0 120px #8fc10099}
.reference-home .hf-agent-grid{position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,#d1fe1714 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#d1fe1714 0 1px,transparent 1px 64px);-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 55%,#000 20%,transparent 75%)}
.reference-home .hf-agent-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:0 24px;text-align:center}
.reference-home .hf-chips{display:flex;gap:4px;margin-bottom:8px;transform:rotate(-4deg)}
.reference-home .hf-chips img{width:34px;height:34px;object-fit:cover;border-radius:8px;border:2px solid #ffffffd9}
.reference-home .hf-chips img:nth-child(even){transform:translateY(-4px) rotate(5deg)}
.reference-home .hf-agent-copy strong{font:700 36px/40px 'Space Grotesk',sans-serif;letter-spacing:-1.2px;color:#d1fe17;text-transform:uppercase}
.reference-home .hf-agent-copy em{font:500 12px/16px Inter,sans-serif;font-style:normal;color:#c5d9a2;margin-bottom:12px}
.reference-home .hf-agent-copy .hf-btn{height:50px;padding:0 20px;font-size:16px;box-shadow:0 2px 0 #00000040}
.reference-home .hf-glass,.reference-home .hf-float{display:none}

.reference-home .hf-canvas-wrap{display:none}

.reference-home .hf-photo{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(100deg,#7d8794,#a9b2bd 45%,#c8cfd7);box-shadow:0 4px 12px #00000040;isolation:isolate}
.reference-home .hf-photo-art{position:relative;order:-1;display:block;aspect-ratio:1.46;overflow:hidden}
.reference-home .hf-fan{position:absolute;display:block;object-fit:cover;border-radius:14px;border:2px solid #ffffffb3;box-shadow:0 8px 20px #00000040;aspect-ratio:3/4;max-width:none}
.reference-home .hf-fan-1{left:-4%;top:18%;width:26%;transform:rotate(-14deg)}
.reference-home .hf-fan-2{left:14%;top:6%;width:32%;transform:rotate(-9deg)}
.reference-home .hf-fan-3{left:36%;top:-4%;width:42%;transform:rotate(-14deg);z-index:2}
.reference-home .hf-fan-4{left:66%;top:22%;width:32%;transform:rotate(-8deg);z-index:1}
.reference-home .hf-fan-5{left:88%;top:32%;width:28%;transform:rotate(-6deg)}
.reference-home .hf-photo-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 16px 20px}
.reference-home .hf-tag{display:inline-block;padding:4px 12px;border-radius:6px;background:#d1fe17;color:#131517;font:700 14px/20px 'Space Grotesk',sans-serif;margin-bottom:8px}
.reference-home .hf-photo-copy strong{font:700 28px/28px 'Space Grotesk',sans-serif;text-transform:uppercase;color:#ffffffe6}
.reference-home .hf-photo-copy em{font:400 14px/20px Inter,sans-serif;font-style:normal;color:#fff9;margin-bottom:10px}
.reference-home .hf-photo-copy .hf-btn{width:100%;height:48px;font-size:16px}

/* tags + footer */
.reference-home .hf-more{padding:40px 0;margin-bottom:40px;background:#0f1113}
.reference-home .hf-more-in{padding:0 16px}
.reference-home .hf-more h2{font:700 28px/36px 'Space Grotesk',sans-serif;text-align:center;text-transform:uppercase;color:#f7f7f8;margin-bottom:32px}
.reference-home .hf-chiplist{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.reference-home .hf-chiplist a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#1c1e20;color:var(--grey);font:500 16px/24px Inter,sans-serif;transition:color .15s,background .15s}
.reference-home .hf-chiplist a:hover{color:#fff;background:#2a2d30}
.reference-home #site-footer{margin:0}
.reference-home .ref-footer-main.product-footer{min-height:0}
.reference-home .ref-footer-heading h2{font:500 24px/28px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:0;color:#131517;max-width:none}
@media(min-width:768px){.reference-home .ref-footer-heading h2{font-size:40px;line-height:48px}}
@media(min-width:1280px){.reference-home .ref-footer-upper{grid-template-columns:384px minmax(0,1fr);gap:48px;min-height:612px}.reference-home .ref-footer-columns{gap:28px 48px}}
.reference-home .ref-footer-columns h3{font:500 16px/24px Inter,sans-serif;color:#13151779}
.reference-home .ref-footer-columns a{font:500 16px/24px Inter,sans-serif;margin-bottom:12px}
.reference-home .ref-footer-columns{gap:28px 20px}

/* >= 640 */
@media(min-width:640px){
  .reference-home .hf-project-grid{gap:20px}
}
/* >= 768 */
@media(min-width:768px){
  .reference-home .hf-rail{margin-bottom:32px}
  .reference-home .hf-mid{padding-top:64px}
  .reference-home .hf-community{margin-top:0}
  .reference-home .hf-section.hf-section-first{margin-bottom:24px}
  .reference-home .hf-feature{flex-basis:400px}
  .reference-home .hf-col{padding-right:8px}
  .reference-home .hf-col:last-child{padding-right:8px}
  .reference-home .hf-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reference-home .hf-signup{height:272px;border-radius:20px}
  .reference-home .hf-signup-copy{padding:22px}
  .reference-home .hf-signup-copy h3{font-size:36px;line-height:40px;letter-spacing:-1.44px}
  .reference-home .hf-signup-copy li:nth-child(3){display:flex}
  .reference-home .hf-tools{grid-auto-rows:130px;gap:12px}
  .reference-home .hf-tool:nth-child(4),.reference-home .hf-tool:nth-child(5){display:flex}
  .reference-home .hf-section{margin-bottom:64px}
  .reference-home .hf-sec-head{margin-bottom:20px}
  .reference-home .hf-sec-title{font-size:28px;line-height:36px}
  .reference-home .hf-community .hf-sec-title,.reference-home .hf-projects .hf-sec-title{line-height:32px}
  .reference-home .hf-lite{height:400px;min-height:0;padding:0 16px}
  .reference-home .hf-lite-side{opacity:1;width:30%}
  .reference-home .hf-lite-panel:nth-child(1){width:84px}.reference-home .hf-lite-panel:nth-child(2){width:92px}.reference-home .hf-lite-panel:nth-child(3){width:130px}.reference-home .hf-lite-panel:nth-child(4){width:170px}
  .reference-home .hf-lite-title b,.reference-home .hf-lite-title i{font-size:32px}
  .reference-home .hf-neon{font-size:68px;letter-spacing:-2.88px;padding:8px 24px 10px;border-radius:20px}
  .reference-home .hf-lite-copy p{font-size:14px}
  .reference-home .hf-agent{aspect-ratio:auto;height:429px}
  .reference-home .hf-agent-copy strong{font-size:56px;line-height:58.8px}
  .reference-home .hf-agent-copy em{font-size:16px;line-height:24px;margin-bottom:16px}
  .reference-home .hf-chips img{width:44px;height:44px}
  .reference-home .hf-photo{flex-direction:row;height:280px;border-radius:32px}
  .reference-home .hf-photo-art{position:absolute;order:0;right:-20px;top:0;bottom:0;width:62%;aspect-ratio:auto;overflow:visible}
  .reference-home .hf-fan-1{left:0;top:30%;width:18%}
  .reference-home .hf-fan-2{left:14%;top:12%;width:24%}
  .reference-home .hf-fan-3{left:34%;top:-12%;width:34%}
  .reference-home .hf-fan-4{left:62%;top:20%;width:26%}
  .reference-home .hf-fan-5{left:84%;top:40%;width:22%}
  .reference-home .hf-photo-copy{padding:20px 24px 24px;gap:14px;justify-content:center}
  .reference-home .hf-photo-copy strong{font-size:44px;line-height:44px}
  .reference-home .hf-photo-copy em{font:400 18px/28px Inter,sans-serif;margin-bottom:4px}
  .reference-home .hf-photo-copy .hf-btn{width:auto;padding:0 20px}
  .reference-home .hf-banner-wrap{margin-bottom:24px}
  .reference-home .hf-photo-wrap{margin-bottom:64px}
  .reference-home .hf-more{padding:80px 0;margin-bottom:64px}
  .reference-home .hf-more h2{font-size:48px;line-height:56px}
  .reference-home .hf-chiplist a{border-radius:8px}
  .reference-home .hf-projects-wrap{max-height:none;height:auto}
}
/* >= 1024 */
@media(min-width:1024px){
  .reference-home .hf-entry{flex-direction:row;gap:20px}
  .reference-home .hf-signup{flex:0 0 48%;width:48%;max-width:640px}
  .reference-home .hf-tools{flex:1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .reference-home .hf-masonry{grid-template-columns:repeat(3,minmax(0,1fr))}
  .reference-home .hf-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reference-home .hf-projects-wrap{max-height:613px}
  .reference-home .hf-canvas-wrap{display:block}
  .reference-home .hf-agent-copy{padding:0 24px}
  .reference-home .hf-agent .hf-glass,.reference-home .hf-agent .hf-float{display:block}
}
/* >= 1280 */
@media(min-width:1280px){
  .reference-home .hf-feature{flex-basis:512px}
  .reference-home .hf-masonry{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reference-home .hf-masonry-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:1023px){
  .reference-home .hf-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px){
  .reference-home .hf-masonry-6{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1024px){
  .reference-home .hf-masonry-6{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1280px){
  .reference-home .hf-masonry-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* mobile header + dock (max 767) */
@media(max-width:767px){
  .reference-home .topbar{height:52px;min-height:52px;padding:0 16px;gap:8px;display:flex;grid-template-columns:none}
  .reference-home .brand-name{display:block;font:700 18px/18px 'Space Grotesk',sans-serif;letter-spacing:-.6px;color:#fff}
  .reference-home .brand-name>span{color:#d1fe17}
  .reference-home .main-nav{display:none}
  .reference-home .account{gap:4px}
  .reference-home .account .balance-link{display:inline-flex}
  .reference-home .account .login{display:none}
  .reference-home.showcase{padding-bottom:56px!important}
  .reference-home .hf-actions .hf-btn-lg{height:40px;font-size:14px;letter-spacing:0;padding:0 14px}
  .reference-home .hf-sec-top{flex-direction:column;align-items:flex-start;gap:16px}
  .reference-home .hf-community .hf-sec-title,.reference-home .hf-projects .hf-sec-title{font-size:20px;line-height:24px}
  .reference-home .hf-more h2{font-size:28px;line-height:36px}
  .reference-home .hf-chiplist a{border-radius:999px}
  .reference-home .hf-tile{border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.reference-home *{scroll-behavior:auto!important;transition:none!important}}

/* desktop-only decorations: glass cards in the agent banner, canvas banner */
@media(min-width:1024px){
  .reference-home .hf-glass{position:absolute;z-index:2;padding:12px;border-radius:20px;border:1px solid #ffffff26;background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
  .reference-home .hf-glass-head{display:flex;align-items:center;gap:8px;font:500 12px/16px Inter,sans-serif;color:#ffffffd9;margin-bottom:10px}
  .reference-home .hf-glass-head svg{width:14px;height:14px}
  .reference-home .hf-glass-imgs{display:flex;gap:6px;height:calc(100% - 28px)}
  .reference-home .hf-glass-imgs img{flex:1;min-width:0;height:100%;object-fit:cover;border-radius:10px}
  .reference-home .hf-glass-a{left:7.24%;top:82px;width:260px;height:211px}
  .reference-home .hf-glass-b{left:78.48%;top:59px;width:219px;height:202px}
  .reference-home .hf-glass-c{left:68.96%;top:322px;width:223px;height:140px}
  .reference-home .hf-float{position:absolute;z-index:4;padding:6px 14px;border-radius:999px;font:600 13px/18px Inter,sans-serif;white-space:nowrap}
  .reference-home .hf-float-a{left:67.9%;top:66px;background:#fff;color:#131517;box-shadow:0 4px 12px #0006}
  .reference-home .hf-float-b{left:73%;top:196px;background:#d1fe17;color:#131517;box-shadow:0 4px 12px #0006}
  .reference-home .hf-canvas{position:relative;isolation:isolate;display:block;height:300px;border-radius:24px;overflow:hidden;background:linear-gradient(105deg,#0fa593 0%,#0b6f94 28%,#08437f 55%,#062a63 100%)}
  .reference-home .hf-canvas-copy{position:absolute;z-index:3;left:32px;top:0;bottom:0;width:413px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}
  .reference-home .hf-kicker{font:700 16px/16px 'Space Grotesk',sans-serif;letter-spacing:2.56px;text-transform:uppercase;color:#fff;margin-bottom:8px}
  .reference-home .hf-canvas-copy strong{position:relative;font:700 48px/50px 'Space Grotesk',sans-serif;letter-spacing:-.96px;color:#fff;text-transform:uppercase}
  .reference-home .hf-canvas-copy strong i{position:absolute;right:-8px;top:-34px;font:700 40px/1 'Space Grotesk',sans-serif;font-style:normal;color:#d1fe17;text-transform:lowercase;transform:rotate(-9deg);letter-spacing:0}
  .reference-home .hf-canvas-copy em{font:500 14px/20px Inter,sans-serif;font-style:normal;color:#ffffff80;max-width:300px;margin:6px 0 14px}
  .reference-home .hf-node{position:absolute;z-index:2;display:block;border:8px solid #4ecaa066;border-radius:30px;background:#0b4f5e;box-shadow:0 12px 30px #0006}
  .reference-home .hf-node small{position:absolute;left:0;top:-30px;font:500 12px/16px Inter,sans-serif;color:#ffffffb3;white-space:nowrap}
  .reference-home .hf-node img{display:block;width:100%;height:100%;object-fit:cover;border-radius:22px}
  .reference-home .hf-node-a{left:41%;top:48px;width:190px;height:260px}
  .reference-home .hf-node-b{left:72%;top:64px;width:222px;height:168px}
  .reference-home .hf-bubble{position:absolute;z-index:4;padding:6px 14px;border-radius:14px;font:600 13px/18px Inter,sans-serif;color:#fff;white-space:nowrap;box-shadow:0 6px 16px #0004}
  .reference-home .hf-bubble-a{left:59%;top:78px;background:#1f9a55}
  .reference-home .hf-bubble-b{left:64%;bottom:18px;background:#3d7bf5}
  .reference-home .hf-note{position:absolute;z-index:3;left:27%;bottom:-44px;width:190px;padding:12px;border-radius:6px;background:#86b4ff;color:#101a33;font:500 14px/18px Inter,sans-serif;transform:rotate(-5deg);box-shadow:0 6px 16px #0004}
}
@media(min-width:768px){
  .reference-home .ref-footer-contact{display:flex;gap:12px;max-width:none;font:400 14px/24px Inter,sans-serif;align-items:center}
  .reference-home .ref-footer-lower{min-height:24px;margin-top:72px}
  .reference-home .ref-footer-socials a{font-size:14px;line-height:24px}
}
@media(max-width:400px){.reference-home .brand-name{font-size:14px;letter-spacing:-.4px}.reference-home .topbar{padding:0 12px}.reference-home .brand{gap:6px}}

/* ===== cinema22 motion block: ПЕРЕНОС ДВИЖЕНИЯ (references + reference video -> result) ===== */
.reference-home .hf-motion{margin-top:64px;margin-bottom:32px;scroll-margin-top:68px}
.reference-home .hf-motion .hf-sec-top{margin-bottom:20px}
.reference-home .hf-mflow{display:flex;flex-direction:column;gap:12px;min-width:0}
.reference-home .hf-mstep{display:flex;flex-direction:column;gap:12px;min-width:0}
.reference-home .hf-mlabel{display:inline-flex;align-items:center;gap:8px;font:600 14px/20px Inter,sans-serif;letter-spacing:.1px;color:#f7f7f8}
.reference-home .hf-mlabel b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d1fe17;color:#131517;font:700 12px/1 'Space Grotesk',sans-serif}
.reference-home .hf-mop{flex:none;align-self:center;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid #00000017;background:#d1fe1740;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#d1fe17}
.reference-home .hf-mop svg{width:18px;height:18px}
.reference-home .hf-mop:last-of-type svg{transform:rotate(90deg)}
.reference-home .hf-mop:nth-of-type(1) svg{transform:none}
.reference-home .hf-mtile{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#1c1e20;isolation:isolate;min-width:0}
.reference-home .hf-mtile .hf-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.reference-home .hf-mtile:hover .hf-media img{transform:scale(1.04)}
.reference-home .hf-mtile:hover .hf-badge{opacity:0}
.reference-home .hf-mrefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.reference-home .hf-mref{aspect-ratio:1/1;border:2px solid #ffffffb3}
.reference-home .hf-mref .hf-media img{object-position:50% 22%}
.reference-home .hf-mnum{position:absolute;z-index:2;left:6px;top:6px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0f1113b3;backdrop-filter:blur(8px);font:700 11px/1 'Space Grotesk',sans-serif;color:#d1fe17}
.reference-home .hf-mchip{position:absolute;z-index:2;left:10px;bottom:10px;padding:4px 10px;border-radius:6px;background:#d1fe17;color:#131517;font:700 12px/16px 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.02em}
.reference-home .hf-mbody{display:flex;align-items:center}
.reference-home .hf-mbody .hf-mtile{width:100%}
.reference-home .hf-mresults{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.reference-home .hf-mres-1{grid-column:1/-1}
.reference-home .hf-mwho{position:absolute;z-index:2;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:3px 10px 3px 3px;border-radius:999px;background:#0f1113b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 12px/16px Inter,sans-serif;color:#fff;white-space:nowrap}
.reference-home .hf-mwho img{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:1px solid #ffffff80}
.reference-home .hf-mtile .hf-badge{top:8px;left:auto;right:8px}
@media(max-width:560px){
  .reference-home .hf-mresults{grid-template-columns:minmax(0,1fr)}
  .reference-home .hf-mres-1{grid-column:auto}
  .reference-home .hf-mchip{font-size:11px;padding:3px 8px}
}
@media(min-width:768px){
  .reference-home .hf-motion{margin-top:80px}
}
@media(min-width:1024px){
  .reference-home .hf-mflow{display:grid;grid-template-columns:minmax(0,5fr) 36px minmax(0,8fr) 36px minmax(0,10fr);column-gap:16px;align-items:stretch}
  .reference-home .hf-mop svg,.reference-home .hf-mop:last-of-type svg{transform:none}
  .reference-home .hf-mop{align-self:center;margin-top:34px}
  .reference-home .hf-mrefs{display:block;position:relative;flex:1;min-height:340px}
  .reference-home .hf-mref{position:absolute;aspect-ratio:3/4;width:62%;border-radius:14px;box-shadow:0 8px 20px #00000059}
  .reference-home .hf-mref .hf-media img{object-position:50% 30%}
  .reference-home .hf-mref-1{left:0;top:0;transform:rotate(-5deg);z-index:1}
  .reference-home .hf-mref-2{left:34%;top:26%;transform:rotate(4deg);z-index:2}
  .reference-home .hf-mref-3{left:4%;top:50%;transform:rotate(-3deg);z-index:3}
  .reference-home .hf-mstep-video .hf-mbody{flex:1}
  .reference-home .hf-mresults{flex:1}
}