.tufikee-hero.light{--dot-color:hsl(var(--foreground)/0.06);--glow-color:hsl(var(--brand-pink)/0.16);--poster-brightness:1.06;--app-bg:hsl(var(--background));--app-text:hsl(0 0% 100%);--ui-glass:hsl(var(--foreground)/0.07);--ui-glass-strong:hsl(var(--card)/0.5);--ui-border:hsl(var(--foreground)/0.12);--footer-border:hsl(var(--foreground)/0.08);--soft-shadow:rgba(0,0,0,0.52)}.tufikee-hero *{box-sizing:border-box}.tufikee-hero{--dot-color:hsl(var(--foreground)/0.07);--glow-color:hsl(var(--brand-pink)/0.26);--accent:hsl(var(--brand-pink));--accent-2:hsl(var(--brand-orange));--poster-brightness:0.78;--app-bg:hsl(var(--background));--app-text:hsl(var(--foreground));--ui-glass:hsl(var(--foreground)/0.1);--ui-glass-strong:hsl(var(--background)/0.42);--ui-border:hsl(var(--foreground)/0.12);--footer-border:hsl(var(--foreground)/0.06);--soft-shadow:rgba(0,0,0,0.72);background:var(--app-bg);color:var(--app-text);font-family:var(--font-space-grotesk),"Plus Jakarta Sans",sans-serif}.tufikee-hero:not([data-hero-ready=true]){pointer-events:none}.tufikee-hero .scene-root{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:var(--app-bg);color:var(--app-text);opacity:1;visibility:visible;transform:translateY(0);transition:background-color .45s ease,color .45s ease}.tufikee-hero[data-hero-ready=true] .scene-root{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .42s ease,transform .42s ease,background-color .45s ease,color .45s ease}.tufikee-hero .dot-grid{background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:24px 24px}.tufikee-hero .ambient-card{filter:blur(8px) brightness(.22);transition:filter .5s ease,transform .8s cubic-bezier(.25,1,.5,1);will-change:transform}.tufikee-hero.light .ambient-card{filter:blur(8px) brightness(.9) opacity(.32)}.tufikee-hero .ambient-glow{filter:blur(120px);mix-blend-mode:screen;pointer-events:none;transition:background-color 1.5s ease;background:var(--glow-color)}.tufikee-hero.light .ambient-glow{mix-blend-mode:multiply;opacity:.55}.tufikee-hero .portal-stage{position:fixed;inset:0;width:100%;height:100dvh;z-index:10;overflow:hidden}.tufikee-hero .portal-slide{position:absolute;inset:0;width:100%;height:100dvh;opacity:0;z-index:1}.tufikee-hero .portal-mask-shell{position:absolute;inset:0;width:100%;height:100dvh;mask-image:var(--mask-image);mask-repeat:no-repeat;mask-position:center center;mask-size:55vh;mask-mode:alpha;-webkit-mask-image:var(--mask-image);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center center;-webkit-mask-size:55vh;transform-origin:center center;transform-style:preserve-3d;will-change:mask-size,-webkit-mask-size,transform,opacity}.tufikee-hero .portal-slide.active{opacity:1;z-index:10}.tufikee-hero .portal-inner-content{width:100%;height:100dvh;overflow:hidden;will-change:transform;transform-origin:center center}.tufikee-hero .portal-inner-content,.tufikee-hero .portal-story-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tufikee-hero .portal-story-layer{z-index:25;pointer-events:none;transform:translateZ(0)}.tufikee-hero .portal-media{position:absolute;inset:0;width:100%;height:100dvh;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.01);filter:saturate(1.12) contrast(1.08) brightness(var(--poster-brightness))}.tufikee-hero .portal-video{opacity:.96}.tufikee-hero .portal-image{opacity:.98}.tufikee-hero .portal-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(11,11,12,.04),rgba(11,11,12,.28) 42%,rgba(11,11,12,.74) 72%),linear-gradient(0deg,rgba(11,11,12,.96),rgba(11,11,12,.46) 48%,rgba(11,11,12,.24));transition:opacity .45s ease}.tufikee-hero.light .portal-shade{opacity:.58;background:radial-gradient(circle at 50% 45%,rgba(11,11,12,0),rgba(11,11,12,.09) 42%,rgba(11,11,12,.32) 72%),linear-gradient(0deg,rgba(11,11,12,.44),rgba(11,11,12,.18) 48%,rgba(11,11,12,.06))}.tufikee-hero .portal-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px rgba(0,0,0,.68);mix-blend-mode:multiply}.tufikee-hero.light .portal-vignette{mix-blend-mode:normal;box-shadow:inset 0 0 120px rgba(0,0,0,.2)}.tufikee-hero .story-panel{position:relative;z-index:20;width:min(1040px,calc(100% - 28px));padding:clamp(18px,3vw,38px);text-align:center;pointer-events:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.tufikee-hero .story-panel:before{content:"";position:absolute;inset:8% 8% 4%;z-index:-1;border-radius:48px;background:radial-gradient(circle at center,rgba(0,0,0,.38),rgba(0,0,0,.14) 44%,transparent 72%);filter:blur(12px)}.tufikee-hero.light .story-panel:before{background:radial-gradient(circle at center,rgba(255,255,255,.2),rgba(255,255,255,.06) 44%,transparent 72%)}.tufikee-hero .story-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:var(--ui-glass-strong);border:1px solid var(--ui-border);color:var(--accent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 54px rgba(0,0,0,.34)}.tufikee-hero .story-kicker-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 24px var(--accent)}.tufikee-hero .story-kicker-text{font-size:10px;line-height:1;font-weight:900;letter-spacing:.34em;text-transform:uppercase;color:var(--accent);text-shadow:0 8px 26px rgba(0,0,0,.65)}.tufikee-hero .story-title{margin:0;font-family:var(--font-bebas-neue),"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(4.2rem,10vw,10rem);line-height:.86;letter-spacing:-.035em;text-transform:uppercase;color:#fff;text-wrap:balance;max-width:980px;margin-inline:auto;text-shadow:0 2px 0 rgba(0,0,0,.18),0 16px 34px rgba(0,0,0,.66),0 36px 90px var(--soft-shadow);-webkit-text-stroke:.45px rgba(255,255,255,.15)}.tufikee-hero .story-title span{color:var(--accent);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 40%,transparent),0 24px 70px rgba(0,0,0,.82)}.tufikee-hero .story-subtext{width:min(520px,88vw);margin:18px auto 0;color:rgba(249,246,240,.9);font-size:clamp(.88rem,1.15vw,1rem);line-height:1.5;font-weight:650;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 2px rgba(0,0,0,.42),0 12px 30px rgba(0,0,0,.88)}.tufikee-hero .story-actions{margin-top:24px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.tufikee-hero .story-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:#f9f6f0;color:#0b0b0c;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;box-shadow:0 18px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.35);transition:transform .25s ease,background .25s ease,color .25s ease}.tufikee-hero .story-button:hover{transform:translateY(-2px) scale(1.025);background:var(--accent);color:#fff}.tufikee-hero.light .story-button:hover{background:#fff;color:#0b0b0c}.tufikee-hero .story-meta{margin-top:18px;display:inline-flex;align-items:center;gap:12px;color:rgba(249,246,240,.72);font-size:10px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;text-shadow:0 12px 32px rgba(0,0,0,.9)}.tufikee-hero .story-meta span:nth-child(2){width:28px;height:1px;background:rgba(255,255,255,.35)}.tufikee-hero .glass-ui{background:rgba(255,255,255,.04);border:1px solid var(--ui-border);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 18px 60px rgba(0,0,0,.26)}.tufikee-hero .footer-meta{display:flex;align-items:center;gap:14px;min-width:260px}.tufikee-hero .footer-meta .index-total,.tufikee-hero .footer-meta strong{font-family:var(--font-bebas-neue),"Bebas Neue",sans-serif;font-size:44px;line-height:1;transition:color .35s ease,opacity .35s ease}.tufikee-hero .footer-meta strong{color:var(--accent);text-shadow:0 0 28px color-mix(in srgb,var(--accent) 55%,transparent)}.tufikee-hero .footer-meta .index-total{color:color-mix(in srgb,var(--accent) 45%,var(--app-text));opacity:.72}.tufikee-hero .footer-label{color:color-mix(in srgb,var(--accent) 72%,var(--app-text));text-shadow:0 10px 30px rgba(0,0,0,.7);transition:color .35s ease}.tufikee-hero .mini-progress{position:relative;width:54px;height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.tufikee-hero .mini-progress-fill{position:absolute;inset:0;width:100%;transform:scaleX(0);transform-origin:left;border-radius:inherit;background:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 70%,transparent)}.tufikee-hero .carousel-indicators{display:flex;align-items:center;justify-content:center;gap:10px;min-height:28px;padding:0;border-radius:999px;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.tufikee-hero .carousel-dot{position:relative;width:9px;height:9px;border:0;padding:0;border-radius:999px;background:rgba(255,255,255,.34);cursor:pointer;overflow:hidden;transition:width .35s ease,height .35s ease,background .35s ease,transform .25s ease}.tufikee-hero.light .carousel-dot{background:hsl(var(--foreground)/.32)}.tufikee-hero .carousel-dot:hover{transform:scale(1.18);background:rgba(255,255,255,.64)}.tufikee-hero .carousel-dot.active{width:76px;height:12px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 30px color-mix(in srgb,var(--accent) 25%,transparent)}.tufikee-hero .carousel-dot-fill{position:absolute;inset:0;width:100%;transform:scaleX(0);transform-origin:left;border-radius:inherit;background:var(--accent);opacity:0;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 70%,transparent)}.tufikee-hero .carousel-dot.active .carousel-dot-fill{opacity:1}.tufikee-hero .brand-mark{display:inline-flex;align-items:baseline;gap:9px;min-width:-moz-max-content;min-width:max-content;text-decoration:none}.tufikee-hero .brand-logo{font-family:var(--font-bebas-neue),"Bebas Neue",sans-serif;font-weight:400;color:var(--accent);text-shadow:0 0 26px color-mix(in srgb,var(--accent) 45%,transparent),0 14px 38px rgba(0,0,0,.42);transition:color .35s ease,text-shadow .35s ease,transform .25s ease}.tufikee-hero .brand-suffix-wrap{position:relative;display:inline-flex;align-items:center;height:40px;overflow:hidden;transform:translateY(2px)}.tufikee-hero .brand-suffix{display:inline-block;font-family:var(--font-bebas-neue),"Bebas Neue",sans-serif;font-weight:400;font-size:40px;line-height:1;letter-spacing:.035em;color:var(--app-text);text-shadow:0 12px 34px rgba(0,0,0,.44);will-change:transform,opacity}.tufikee-hero .brand-dot{background:var(--accent-2);box-shadow:0 0 24px color-mix(in srgb,var(--accent-2) 70%,transparent);transition:background-color .35s ease,box-shadow .35s ease}.tufikee-hero .nav-link{color:color-mix(in srgb,var(--app-text) 82%,transparent);transition:color .25s ease}.tufikee-hero .nav-link:hover{color:var(--accent)}.tufikee-hero .control-pill{background:var(--ui-glass);border:1px solid var(--ui-border);color:var(--app-text);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tufikee-hero .control-pill,.tufikee-hero .glass-ui,.tufikee-hero .story-kicker{background:rgba(17,20,26,.72);border-color:rgba(255,255,255,.22);box-shadow:0 14px 42px rgba(0,0,0,.34)}.tufikee-hero.light .control-pill,.tufikee-hero.light .glass-ui,.tufikee-hero.light .story-kicker{background:rgba(255,255,255,.82);border-color:rgba(22,24,28,.16);box-shadow:0 12px 34px rgba(0,0,0,.16)}}@supports (-webkit-touch-callout:none){.tufikee-hero.light .ambient-glow{mix-blend-mode:normal;opacity:.34}.tufikee-hero.light .portal-vignette{mix-blend-mode:normal;box-shadow:inset 0 0 110px rgba(0,0,0,.18)}.tufikee-hero.light .portal-shade{opacity:.52}}.tufikee-hero .control-pill:hover{background:var(--accent);color:#fff}.tufikee-hero.light .control-pill:hover,.tufikee-hero.light .theme-toggle.active{background:#fff;color:#0b0b0c}.tufikee-hero .theme-toggle.active{background:var(--accent);color:#fff}.tufikee-hero.light #nextSlideBtn,.tufikee-hero.light #prevSlideBtn{background:rgba(8,8,10,.74);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.34)}.tufikee-hero.light #nextSlideBtn:hover,.tufikee-hero.light #prevSlideBtn:hover{background:rgba(8,8,10,.94);color:#fff;transform:translateY(-1px)}.tufikee-hero .eq-bar{width:3px;background-color:currentColor;animation:tufikeeEqBounce 1.2s ease-in-out infinite alternate}@keyframes tufikeeEqBounce{0%{height:4px}to{height:22px}}.tufikee-hero .eq-bar:nth-child(2){animation-delay:.15s;animation-duration:.7s}.tufikee-hero .eq-bar:nth-child(3){animation-delay:.35s;animation-duration:1.2s}.tufikee-hero .eq-bar:nth-child(4){animation-delay:.05s;animation-duration:.9s}.tufikee-hero .app-footer,.tufikee-hero .app-header{width:min(1280px,calc(100% - 32px))}.tufikee-hero .app-footer{border-color:var(--footer-border)}.tufikee-hero .floating-asset-label{color:var(--accent)}.tufikee-hero .next-slide-button{background:var(--app-text);color:var(--app-bg)}.tufikee-hero .mobile-safe-controls{display:flex;align-items:center;gap:12px;min-width:-moz-max-content;min-width:max-content}@media (max-width:1024px){.tufikee-hero .story-title{font-size:clamp(4rem,12vw,8rem);line-height:.84}.tufikee-hero .story-panel{width:min(900px,calc(100% - 24px));padding:24px}.tufikee-hero .glass-ui{display:none}}@media (max-width:640px){.tufikee-hero .app-footer,.tufikee-hero .app-header{width:calc(100% - 24px)}.tufikee-hero .app-header{padding-top:12px;padding-bottom:8px;align-items:flex-start;gap:8px}.tufikee-hero .brand-mark{gap:6px;max-width:58vw;overflow:hidden}.tufikee-hero .brand-logo{font-size:30px!important;line-height:1}.tufikee-hero .brand-dot{width:8px!important;height:8px!important;flex:0 0 auto}.tufikee-hero .mobile-safe-controls{gap:6px}.tufikee-hero #audioToggleBtn{width:38px;height:38px;padding:0;justify-content:center}.tufikee-hero #themeToggleBtn{width:38px;height:38px}.tufikee-hero #audioStatusText{display:none}.tufikee-hero .story-panel{width:100%;padding:68px 14px 128px}.tufikee-hero .story-panel:before{inset:18% 4% 12%;border-radius:34px}.tufikee-hero .story-title{font-size:clamp(2.9rem,14.5vw,4.9rem);line-height:.9;letter-spacing:-.026em;max-width:94vw}.tufikee-hero .story-subtext{width:min(312px,84vw);margin-top:12px;font-size:.82rem;line-height:1.38}.tufikee-hero .story-actions{margin-top:14px}.tufikee-hero .story-button{min-height:40px;padding:0 16px;font-size:9.5px;letter-spacing:.1em}.tufikee-hero .story-meta{display:none}.tufikee-hero .story-kicker{margin-bottom:8px;padding:5px 9px}.tufikee-hero .story-kicker-text{font-size:7.5px;letter-spacing:.17em}.tufikee-hero .app-footer{display:grid;grid-template-columns:1fr auto 1fr;padding-top:8px;padding-bottom:max(10px,env(safe-area-inset-bottom));gap:8px;align-items:center}.tufikee-hero .footer-meta{width:auto;justify-content:flex-start;grid-column:1/2;grid-row:2;gap:8px}.tufikee-hero .footer-meta .index-total,.tufikee-hero .footer-meta strong{font-size:30px}.tufikee-hero .carousel-indicators{width:auto;padding:0;grid-column:1/-1;grid-row:1}.tufikee-hero .carousel-dot{width:7px;height:7px}.tufikee-hero .carousel-dot.active{width:48px;height:10px}.tufikee-hero .app-footer>.flex.items-center.space-x-3{grid-column:3/4;grid-row:2;justify-self:end}}@media (max-width:768px){.tufikee-hero .portal-mask-shell{mask-size:74vmin;-webkit-mask-size:74vmin;mask-position:center 49%;-webkit-mask-position:center 49%}.tufikee-hero .story-panel{width:100%;padding:72px 14px 132px}.tufikee-hero .story-panel:before{inset:21% 6% 19%;border-radius:999px;background:radial-gradient(circle at 50% 47%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 38%),radial-gradient(circle at center,rgba(0,0,0,.5),rgba(0,0,0,.24) 48%,transparent 74%);filter:blur(10px);opacity:.88}.tufikee-hero .story-title{font-size:clamp(3.05rem,15vw,5.2rem);line-height:.8;text-shadow:0 2px 0 rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.72);-webkit-text-stroke:.25px rgba(255,255,255,.12)}.tufikee-hero .story-title span{text-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent),0 12px 34px rgba(0,0,0,.74)}.tufikee-hero .story-subtext{font-size:.84rem;line-height:1.38;text-shadow:0 8px 22px rgba(0,0,0,.78)}.tufikee-hero .story-kicker-text{letter-spacing:.26em;font-size:9px}.tufikee-hero .brand-suffix-wrap{height:34px}.tufikee-hero .brand-suffix{font-size:34px}.tufikee-hero .footer-meta{gap:10px;min-width:0}.tufikee-hero .footer-meta .index-total,.tufikee-hero .footer-meta strong{font-size:32px}.tufikee-hero .footer-label{display:none}.tufikee-hero .carousel-indicators{order:-1;width:auto}.tufikee-hero .carousel-dot.active{width:54px}.tufikee-hero .ambient-card:nth-child(n+5){display:none}.tufikee-hero #ambientGrid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:14px}}@media (max-width:640px){.tufikee-hero .portal-mask-shell{mask-size:88vmin;-webkit-mask-size:88vmin;mask-position:center 48%;-webkit-mask-position:center 48%}}