@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#17352e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fbfcfa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}:root{--font-display:"Be Vietnam Pro", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--f88-green:#008746;--f88-deep:#00643b;--f88-ink:#173229;--f88-muted:#68756f;--f88-lime:#c8db3c;--f88-yellow:#dce343;--f88-pale:#f1f7e9;--f88-mint:#e4f4dd;--f88-moss:#209a5a;--f88-line:#dfe8dc;--f88-surface:#fff;--f88-danger:#b42318;--f88-shadow:0 18px 45px #103d2d17}.app-shell{background:radial-gradient(circle at 5% 30%,#cdeed852,#0000 24rem),radial-gradient(circle at 96% 54%,#e3f2b93d,#0000 24rem),#fbfcfa;min-height:100vh;padding-top:67px;overflow:hidden}.page-width{width:min(1180px,100% - 48px);margin-inline:auto}.topline{z-index:30;border-bottom:3px solid var(--f88-lime);background:var(--f88-green);color:#e0f1cf;letter-spacing:.02em;min-height:64px;font-size:14px;font-weight:600;position:fixed;top:0;left:0;right:0}.topline-inner{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.topline-brand{color:#fff;font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:12px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.topline-logo{filter:brightness(0)invert();width:auto;height:34px;display:block}.topline-divider{background:#ffffff59;width:1px;height:30px}.topline-nav{align-items:center;gap:24px;display:inline-flex}.topline-nav a{color:#d9efc8;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none}.topline-nav a:hover{color:#fff}.topline-right{align-items:center;gap:18px;display:inline-flex}.topline-hotline{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;text-decoration:none}.topline-hotline:hover{text-decoration:underline}.topline-note{color:#dfeea7;align-items:center;gap:6px;font-weight:500;display:inline-flex}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #dce8e2cc;position:sticky;top:42px}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:88px;display:flex}.brand{color:inherit;flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-wordmark,.footer-brand{color:var(--f88-green);font-family:var(--font-display);letter-spacing:-.02em;font-size:35px;font-weight:700;line-height:1.1}.brand-dot,.footer-brand span{color:var(--f88-yellow)}.brand-divider{background:var(--f88-line);width:1px;height:46px}.f88-logo{flex-shrink:0;width:auto;height:40px;display:block}.footer-logo{filter:brightness(0)invert();height:46px}.brand-program{color:var(--f88-green);flex-direction:column;gap:4px;line-height:1;display:flex}.brand-program-image{clip-path:inset(0 12px 0 0);border-radius:5px;width:150px;height:auto;display:block}.brand-program strong{font-family:var(--font-display);letter-spacing:.08em;font-size:12px}.brand-program small{color:var(--f88-muted);font-size:10px}.main-nav{align-items:center;gap:26px;margin-left:auto;display:flex}.main-nav a,.store-link,.footer-links a{color:#49635a;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.main-nav a:hover,.store-link:hover,.footer-links a:hover{color:var(--f88-green)}.header-actions{align-items:center;gap:20px;display:flex}.store-link{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.header-cta,.hero-link{background:var(--f88-green);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 9px 22px #087a512e}.header-cta:hover,.hero-link:hover{background:var(--f88-deep);transform:translateY(-2px)}.hero{min-height:430px;color:var(--f88-deep);background:linear-gradient(115deg,#e5f4dc 0%,#f6f8eb 62%,#edf1c3 100%);border:1px solid #d9e8cc;border-radius:0 0 28px 28px;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;padding:64px 68px 58px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #006f3d14}.hero:before{content:"";border:1px solid #087a512e;border-radius:50%;width:600px;height:600px;position:absolute;top:-360px;right:-80px;box-shadow:0 0 0 60px #087a510d,0 0 0 120px #087a5109}.hero:after{content:"";border:1px solid #087a5129;border-radius:100% 0;width:260px;height:260px;position:absolute;bottom:-152px;right:-116px;transform:rotate(32deg);box-shadow:-30px 26px 0 -1px #087a5114}.hero-copy,.hero-art{z-index:1;position:relative}.breadcrumb{color:#759287;align-items:center;gap:10px;margin-bottom:29px;font-size:11px;display:flex}.breadcrumb a{color:var(--f88-deep);text-decoration:none}.eyebrow{color:var(--f88-green);letter-spacing:.14em;align-items:center;gap:10px;font-size:10px;font-weight:800;display:inline-flex}.hero .eyebrow{color:var(--f88-green)}.eyebrow-line{background:currentColor;width:28px;height:2px}.hero h1{max-width:620px;color:var(--f88-deep);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:15px 0 20px;font-size:clamp(34px,4.4vw,56px);font-weight:700;line-height:1.14}.hero h1 em{color:var(--f88-green);font-style:normal}.hero p{color:#42584f;max-width:540px;margin:0 0 30px;font-size:16px;line-height:1.65}.hero-link{background:var(--f88-green);color:#fff;box-shadow:0 10px 22px #087a5129}.hero-link:hover{background:var(--f88-deep);color:#fff}.hero-art{min-height:300px}.art-leaf{background:#2d9a6d33;border-radius:100% 0;position:absolute;transform:rotate(-22deg)}.art-leaf-one{width:35px;height:62px;top:37px;right:53px}.art-leaf-two{opacity:.75;width:18px;height:34px;top:84px;right:28px;transform:rotate(28deg)}.art-ring{border:1px solid #087a5138;border-radius:50%;position:absolute}.art-ring-one{width:380px;height:380px;top:-28px;right:2px}.art-ring-two{width:292px;height:292px;top:17px;right:46px}.art-sun{background:#f6cf3cc2;border-radius:50%;width:104px;height:104px;position:absolute;top:27px;right:101px;box-shadow:0 0 0 16px #f6cf3c24}.art-card{border-radius:18px;position:absolute;transform:rotate(-9deg)}.art-card-back{background:#97ce8b8f;width:248px;height:174px;top:102px;right:40px}.art-card-front{width:248px;height:174px;color:var(--f88-deep);z-index:1;background:#f7fcecf2;flex-direction:column;justify-content:space-between;padding:25px;display:flex;top:83px;right:87px;box-shadow:0 22px 45px #205e3b29}.art-card-front:after{content:"";background:var(--f88-green);opacity:.83;border-radius:100% 0 0;width:100px;height:82px;position:absolute;bottom:-17px;right:-17px}.dream-logo-image{z-index:1;clip-path:inset(0 12px 0 0);border-radius:10px;width:198px;height:auto;display:block;position:relative}.art-card-tag{z-index:1;color:#5f7865;max-width:150px;font-size:9px;line-height:1.4;position:relative}.art-sticker{color:var(--f88-deep);background:#fff;border-radius:4px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;bottom:4px;right:26px;transform:rotate(4deg);box-shadow:0 10px 25px #0000001f}.proof-strip{border-bottom:1px solid var(--f88-line);background:linear-gradient(#e8f6ed70,#0000);grid-template-columns:repeat(3,1fr);align-items:center;min-height:94px;display:grid}.proof-strip>div{border-right:1px solid var(--f88-line);flex-direction:column;gap:4px;padding:0 32px;display:flex}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border:0}.proof-strip strong{color:var(--f88-green);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px}.proof-strip span{color:var(--f88-muted);font-size:12px}.library-section{padding:82px 0 110px;position:relative}.library-section:before{content:"";pointer-events:none;border:1px solid #087a511a;border-radius:100% 0;width:130px;height:130px;position:absolute;top:35px;right:-48px;transform:rotate(22deg)}.section-intro,.library-toolbar,.list-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-intro h2,.list-heading h2{color:var(--f88-deep);font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:10px 0 0;font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1.18}.section-intro p{max-width:340px;color:var(--f88-muted);margin:0 0 4px;font-size:14px;line-height:1.65}.library-toolbar{border-top:1px solid var(--f88-line);border-bottom:1px solid var(--f88-line);align-items:center;margin-top:42px;padding:17px 0}.search-box{border:1px solid var(--f88-line);width:min(430px,100%);height:46px;color:var(--f88-green);background:#fff;border-radius:7px;align-items:center;gap:11px;padding:0 15px;transition:box-shadow .2s,border-color .2s;display:flex}.search-box:focus-within{border-color:var(--f88-green);box-shadow:0 0 0 3px #087a5121}.search-box input{width:100%;min-width:0;color:var(--f88-ink);font-family:var(--font-body);background:0 0;border:0;outline:0;font-size:14px}.search-box input::placeholder{color:#91a19b}.toolbar-side{align-items:center;gap:14px;display:flex}.filter-label{color:var(--f88-muted);align-items:center;gap:7px;font-size:12px;display:flex}.select-wrap{color:var(--f88-deep);align-items:center;display:flex;position:relative}.select-wrap select{border:1px solid var(--f88-line);appearance:none;min-height:38px;color:var(--f88-deep);font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:6px;padding:0 31px 0 12px;font-size:13px}.select-wrap svg{pointer-events:none;position:absolute;right:10px}.category-tabs{flex-wrap:wrap;gap:8px;margin:20px 0 38px;display:flex}.category-tab{min-height:38px;color:var(--f88-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.category-tab:hover{color:var(--f88-green);background:var(--f88-pale)}.category-tab.active{color:var(--f88-deep);background:#e7f2e9;border-color:#b9d7c8}.tab-count{min-width:19px;height:19px;color:var(--f88-green);font-variant-numeric:tabular-nums;background:#cfe7d7;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;display:inline-grid}.featured-layout{grid-template-columns:minmax(0,1.58fr) minmax(280px,.7fr);gap:20px;scroll-margin-top:84px;display:grid}#videos,#about,#contact,#top{scroll-margin-top:82px}.player-card,.detail-card,.video-card{border:1px solid var(--f88-line);box-shadow:var(--f88-shadow);background:#ffffffeb}.player-card{border-radius:18px;overflow:hidden}.player-stage{color:#fff;justify-content:center;align-items:center;min-height:366px;display:flex;position:relative;overflow:hidden}.player-stage:before{content:"";opacity:.22;background:radial-gradient(circle at 25% 25%,#fff 0 1px,#0000 1.4px) 0 0/48px 48px,radial-gradient(circle at 75% 65%,#fff 0 1px,#0000 1.4px) 0 0/62px 62px;position:absolute;inset:0}.stage-orb{border:1px solid #ffffff73;border-radius:50%;position:absolute}.stage-orb-one{width:440px;height:440px;top:-250px;right:-100px}.stage-orb-two{width:280px;height:280px;bottom:-160px;left:16%}.stage-copy{z-index:1;flex-direction:column;gap:7px;max-width:340px;display:flex;position:absolute;bottom:83px;left:34px}.stage-kicker{color:#edf5b9;letter-spacing:.14em;font-size:10px;font-weight:800}.stage-copy strong{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.2}.stage-copy>span:last-child{color:#ffffffb8;font-size:12px}.player-button{z-index:2;width:72px;height:72px;color:var(--f88-deep);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding-left:4px;transition:transform .2s,background .2s;display:grid;position:relative;box-shadow:0 12px 30px #00000038}.player-button:hover{background:#f3f8db;transform:scale(1.06)}.player-controls{z-index:2;color:#ffffffdb;font-family:var(--font-body);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.progress-track{background:#ffffff52;border-radius:99px;flex:1;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--f88-yellow);width:24%;height:100%;display:block}.player-controls button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.player-caption{justify-content:space-between;gap:20px;padding:23px 25px 25px;display:flex}.category-label,.card-meta span:first-child{color:var(--f88-green);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.player-caption h3{color:var(--f88-deep);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:8px 0 6px;font-size:21px;font-weight:700;line-height:1.3}.player-caption p{max-width:560px;color:var(--f88-muted);margin:0;font-size:14px;line-height:1.65}.player-actions{align-items:flex-start;gap:7px;display:flex}.icon-action{border:1px solid var(--f88-line);min-height:36px;color:var(--f88-deep);cursor:pointer;background:#fff;border-radius:5px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.icon-action:hover{background:var(--f88-pale);border-color:#a1cdb5}.detail-card{border-radius:18px;padding:25px}.detail-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.detail-overline{color:var(--f88-muted);letter-spacing:.12em;font-size:10px;font-weight:800}.verified{color:var(--f88-green);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.detail-card h3{color:var(--f88-deep);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:28px 0 11px;font-size:23px;font-weight:700;line-height:1.28}.detail-description{color:var(--f88-muted);margin:0;font-size:14px;line-height:1.65}.meta-list{border-top:1px solid var(--f88-line);margin:25px 0 21px;padding-top:19px}.meta-list>div{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.meta-list dt{color:var(--f88-muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.meta-list dd{color:var(--f88-ink);font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:700}.share-box{background:#f4f8de;border:1px solid #d5e7a3;align-items:center;gap:10px;padding:13px;display:flex}.share-box-icon{width:32px;height:32px;color:var(--f88-deep);background:var(--f88-yellow);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.share-box div{flex-direction:column;gap:4px;min-width:0;display:flex}.share-box strong{color:var(--f88-deep);font-size:11px}.share-box div span{color:#6c795e;font-size:10px}.share-box button{width:30px;height:30px;color:var(--f88-deep);cursor:pointer;background:0 0;border:1px solid #075b3d26;border-radius:5px;place-items:center;margin-left:auto;padding:0;display:grid}.share-box button:hover{background:#ffffffa6}.list-heading{align-items:end;margin:90px 0 24px}.list-heading h2{font-size:28px}.result-note{color:var(--f88-muted);margin-bottom:3px;font-size:11px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.video-card{border-radius:9px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.video-card:hover,.video-card.selected{border-color:#a4cfb5;transform:translateY(-4px);box-shadow:0 20px 42px #103d2d21}.video-card.selected:before{content:"";background:var(--f88-yellow);height:3px;display:block}.video-thumb{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.thumb-decoration{border:20px solid #075b3d33;border-radius:50%;width:74%;height:74%;position:absolute;bottom:-31%;right:-13%;transform:rotate(-15deg)}.thumb-decoration span{background:#ffffff7a;border-radius:50%;width:10px;height:10px;position:absolute}.thumb-decoration span:first-child{top:-90px;left:-170px}.thumb-decoration span:nth-child(2){top:-32px;left:-84px}.thumb-decoration span:nth-child(3){top:-120px;left:-44px}.thumb-play{z-index:1;width:47px;height:47px;color:var(--f88-green);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;padding-left:3px;transition:transform .2s;display:grid;position:relative;box-shadow:0 9px 20px #00000026}.thumb-play:hover{transform:scale(1.08)}.duration-badge{color:#fff;font-family:var(--font-body);font-variant-numeric:tabular-nums;background:#0a291dc2;border-radius:3px;padding:4px 7px;font-size:11px;position:absolute;bottom:10px;right:10px}.thumb-error{color:var(--f88-danger);text-align:center;flex-direction:column;align-items:center;gap:7px;display:flex}.error-icon{background:#fff2f0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.thumb-error strong{font-size:11px}.thumb-error button{color:var(--f88-danger);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800;text-decoration:underline}.video-card-body{padding:18px 19px 17px}.card-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-meta span:last-child{color:#7c8a84;font-variant-numeric:tabular-nums;font-size:12px}.video-card h3{min-height:50px;color:var(--f88-deep);font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:10px 0 7px;font-size:17px;font-weight:600;line-height:1.4}.video-card p{min-height:62px;color:var(--f88-muted);margin:0;font-size:13px;line-height:1.6}.card-footer{border-top:1px solid var(--f88-line);justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex}.view-button{color:var(--f88-green);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.view-button:hover{color:var(--f88-deep)}.card-actions{gap:4px;display:flex}.card-actions button{width:31px;height:31px;color:var(--f88-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;transition:all .2s;display:grid}.card-actions button:hover{border-color:var(--f88-line);color:var(--f88-green);background:var(--f88-pale)}.empty-state{text-align:center;background:#f7fbf5;border:1px dashed #b8d4c3;border-radius:9px;padding:58px 20px}.empty-icon{width:48px;height:48px;color:var(--f88-green);background:#e4f1e6;border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.empty-state strong{color:var(--f88-deep);font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.35}.empty-state p{color:var(--f88-muted);margin:8px 0 18px;font-size:14px;line-height:1.6}.empty-state button{min-height:36px;color:var(--f88-green);cursor:pointer;background:#fff;border:1px solid #b7d5c3;border-radius:5px;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.catalog-state{border:1px solid var(--f88-line);min-height:280px;box-shadow:var(--f88-shadow);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:18px;padding:30px;display:flex}.catalog-state strong{color:var(--f88-deep);font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.35;display:block}.catalog-state p{max-width:380px;color:var(--f88-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.loading-spinner{border:3px solid #d8eadc;border-top-color:var(--f88-green);border-radius:50%;flex-shrink:0;width:30px;height:30px;animation:.8s linear infinite spin}.catalog-error-icon{width:44px;height:44px;color:var(--f88-danger);background:#fff2f0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.catalog-error button{min-height:36px;color:var(--f88-danger);cursor:pointer;background:#fff;border:1px solid #d9b4ae;border-radius:5px;align-items:center;gap:7px;margin-top:17px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.catalog-error button:hover{background:#fff8f6}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{background:var(--f88-deep);color:#fff}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;min-height:160px;padding-block:36px;display:flex}.footer-brand-block{max-width:380px}.footer-brand{color:#fff;font-size:37px}.footer-inner p{color:#bad4c7;margin:9px 0 14px;font-size:12px;line-height:1.6}.footer-address{color:#9ebeb0;flex-direction:column;gap:6px;font-size:12px;font-style:normal;line-height:1.6;display:flex}.footer-address strong{color:#d3e3db;font-size:12px}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:#d3e3db;font-size:13px}.footer-contact{flex-direction:column;gap:10px;font-size:13px;display:flex}.footer-contact a{color:#d3e3db;text-decoration:none}.footer-contact a:hover{color:#fff}.footer-hotline{font-family:var(--font-display);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:18px;font-weight:700;display:inline-flex;color:#fff!important}.footer-social{gap:16px;font-size:12px;display:flex}.footer-bottom{color:#9ebeb0;border-top:1px solid #ffffff24;padding:16px 0 22px;font-size:12px;display:flex}.copyright{color:#9ebeb0;font-size:11px}.toast{z-index:50;max-width:min(390px,100% - 44px);min-height:48px;color:var(--f88-deep);background:#fff;border:1px solid #c9e1d1;border-radius:7px;align-items:center;gap:10px;padding:8px 10px 8px 9px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 45px #0730212e}.toast>span{width:29px;height:29px;color:var(--f88-green);background:#e4f1e6;border-radius:5px;place-items:center;display:grid}.toast button{width:28px;height:28px;color:var(--f88-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:5px;padding:0;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--f88-yellow);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=980px){.topline-nav{display:none}.hero{padding:54px 42px}.featured-layout{grid-template-columns:1fr}.detail-card{grid-template-columns:1fr 1fr;gap:16px 28px;display:grid}.detail-card h3,.detail-description{margin-top:0}.meta-list{grid-column:1/-1;margin:0}.share-box{align-self:end}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.page-width{width:min(100% - 28px,560px)}.topline-brand{font-size:16px}.topline-logo{height:28px}.topline-hotline{font-size:12px}.brand-divider,.brand-program small{display:none}.brand-wordmark{font-size:31px}.brand-program strong{font-size:10px}.header-cta{min-height:38px;padding-inline:13px;font-size:10px}.hero{grid-template-columns:1fr;gap:12px;width:calc(100% - 24px);min-height:680px;padding:31px 24px 20px}.hero h1{margin-top:13px;font-size:42px}.hero p{font-size:14px}.hero-art{transform-origin:top;min-height:280px;transform:scale(.92)}.art-card-front{right:40px}.art-card-back{right:-7px}.art-sun{right:88px}.art-sticker{right:0}.proof-strip{grid-template-columns:repeat(3,1fr);min-height:110px}.proof-strip>div{gap:2px;padding:0 10px}.proof-strip>div:first-child{padding-left:0}.proof-strip strong{font-size:18px}.proof-strip span{font-size:9px;line-height:1.35}.library-section{padding:60px 0 78px}.section-intro,.library-toolbar,.list-heading{flex-direction:column;align-items:stretch;gap:18px}.section-intro h2{font-size:36px}.section-intro p{max-width:100%}.library-toolbar{margin-top:31px;padding:15px 0}.search-box{width:100%}.toolbar-side{justify-content:space-between}.category-tabs{flex-wrap:nowrap;margin-bottom:30px;padding-bottom:2px;overflow-x:auto}.category-tab{flex-shrink:0}.player-stage{min-height:275px}.stage-copy{max-width:220px;bottom:69px;left:21px}.stage-copy strong{font-size:24px}.player-controls{bottom:14px;left:16px;right:16px}.player-caption{flex-direction:column;padding:19px 18px 20px}.player-actions{align-self:flex-start}.detail-card{padding:20px;display:block}.detail-card h3{margin-top:24px}.meta-list{margin:22px 0 18px}.list-heading{gap:9px;margin:60px 0 20px}.list-heading h2{font-size:27px}.video-grid{grid-template-columns:1fr}.video-card h3,.video-card p{min-height:auto}.catalog-state{align-items:flex-start;padding:27px 20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:22px;min-height:190px;padding-block:28px}.footer-links{flex-wrap:wrap;gap:13px 20px}.copyright{margin-top:auto}}.video-card{border-radius:16px}.video-thumb:before{content:"";background:#ffffff2e;border-radius:100% 0;width:84px;height:142px;position:absolute;top:-53px;left:18%;transform:rotate(38deg)}.video-thumb:after{content:"";background:#075b3d21;border-radius:100% 0;width:42px;height:70px;position:absolute;bottom:-26px;right:13%;transform:rotate(-21deg)}.thumb-play,.duration-badge{z-index:2}.stage-mint{background:linear-gradient(135deg,#0a3325,#2a7d5b)}.stage-sun{background:linear-gradient(135deg,#4a3a10,#a8842c)}.stage-blue{background:linear-gradient(135deg,#0e3532,#2f8f83)}.stage-orange{background:linear-gradient(135deg,#4e3012,#b57a33)}.stage-green{background:linear-gradient(135deg,#143d22,#4d8a52)}.stage-violet{background:linear-gradient(135deg,#2b3145,#66748c)}.thumb-mint{background:linear-gradient(135deg,#0f3d2c,#2a7d5b)}.thumb-sun{background:linear-gradient(135deg,#5c4712,#a8842c)}.thumb-blue{background:linear-gradient(135deg,#123f3c,#2f8f83)}.thumb-orange{background:linear-gradient(135deg,#5f3a15,#b57a33)}.thumb-green{background:linear-gradient(135deg,#1d4a2a,#4d8a52)}.thumb-violet{background:linear-gradient(135deg,#333a4e,#66748c)}@media (width<=680px){.brand-divider{display:none}.f88-logo{height:32px}.brand-program-image{width:110px}}.video-element{object-fit:contain;background:#0c2d22;width:100%;height:100%;min-height:366px;display:block}.thumbnail-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.icon-action{text-decoration:none}.card-actions button,.card-actions a{width:31px;height:31px;color:var(--f88-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;transition:all .2s;display:grid}.card-actions button:hover,.card-actions a:hover{border-color:var(--f88-line);color:var(--f88-green);background:var(--f88-pale)}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.pagination button{border:1px solid var(--f88-line);cursor:pointer;background:#fff;border-radius:6px;min-height:36px;padding:0 16px;font-size:12px;font-weight:700}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{color:var(--f88-muted);font-size:12px}.skip-link{z-index:100;background:var(--f88-deep);color:#fff;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.player-error{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.player-error p{opacity:.85;max-width:420px;margin:0;font-size:12px}.player-error button{min-height:36px;color:var(--f88-deep);cursor:pointer;background:#fff;border:0;border-radius:6px;padding:0 16px;font-weight:700}.refresh-link{color:var(--f88-green);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.video-grid.is-refreshing{opacity:.55}.result-note .refreshing{color:var(--f88-green);align-items:center;gap:6px;font-weight:700;display:inline-flex}.mini-spinner{border:2px solid #cfe7d7;border-top-color:var(--f88-green);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite spin}