.age-gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 18%,rgba(145,5,11,.24),transparent 30%),#090909f7;backdrop-filter:blur(18px)}.age-card{width:min(520px,100%);border:1px solid rgba(247,243,238,.18);background:linear-gradient(150deg,#161616f5,#050505fa);color:var(--text-light);padding:clamp(26px,5vw,46px);box-shadow:0 34px 110px #0000008c;transform-origin:center}.age-badge{display:inline-grid;place-items:center;width:54px;height:54px;margin-bottom:24px;border:1px solid var(--red);color:var(--red);font-weight:var(--weight-label);font-size:14px}.age-card h2{margin:0;color:var(--text-light);font-family:var(--font-display);font-size:clamp(28px,4.4vw,46px);line-height:1;letter-spacing:0;font-stretch:normal;max-width:100%;text-transform:uppercase}.age-card p{margin:20px 0 28px;max-width:420px;color:var(--text-muted-light);font-size:15px;line-height:1.6;letter-spacing:0;font-stretch:normal}.age-actions{display:flex;flex-wrap:wrap;gap:10px}.age-actions .button{white-space:normal}.age-card .button.secondary{border-color:#f7f3ee52;color:var(--text-light)}.age-card .button.secondary:hover{border-color:var(--text-light)}.intro-layer{position:fixed;inset:0;z-index:49;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,#450005 0,#190103 42%,#080000);opacity:0;pointer-events:none}.intro-glow{position:absolute;z-index:1;width:24vmin;aspect-ratio:1;border-radius:50%;background:#c50612b8;filter:blur(34px);opacity:0;transform:scale(.2);will-change:transform,opacity}.intro-mark{position:relative;z-index:2;width:min(400px,60vw);transform-origin:center;will-change:transform,opacity}.intro-logo{display:block;width:100%}.intro-dot{position:absolute;right:-18px;bottom:6%;width:11px;height:11px;border-radius:50%;background:var(--cream);box-shadow:0 0 #f7f3ee66}.intro-wipe{position:absolute;inset:-16%;z-index:4;background:var(--cream);transform:translateY(112%) rotate(-7deg);transform-origin:center}main{position:relative;overflow:clip}body.locked{overflow:hidden}section{position:relative;padding:clamp(78px,10vw,150px) 0}.section-title{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(40px,6.5vw,88px);line-height:.92;letter-spacing:-.035em;text-transform:uppercase}.reveal-line{display:block;overflow:hidden}.reveal-line span{display:inline-block}.hero{min-height:100svh;display:grid;align-items:center;padding:104px 0 0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 82% 22%,rgba(247,243,238,.12),transparent 34%),radial-gradient(circle at 10% 90%,rgba(9,9,9,.22),transparent 42%),linear-gradient(145deg,var(--red),var(--red-dark));color:var(--text-light)}.hero-ghost{position:absolute;z-index:1;right:-2vw;bottom:-2vw;color:#f7f3ee12;font-family:var(--font-display);font-size:clamp(70px,15vw,230px);line-height:.9;font-weight:900;letter-spacing:-.035em;white-space:nowrap;pointer-events:none}.hero-transition-band{position:absolute;z-index:5;left:-4%;right:-4%;bottom:-2px;height:104vh;background:var(--cream);transform:scaleY(0) skewY(-2deg);transform-origin:bottom;pointer-events:none}.hero-inner{position:relative;z-index:3;min-height:calc(100svh - 104px);display:grid;align-items:center;padding:clamp(50px,8vw,100px) 0}.hero-copy{max-width:1120px}.hero-title{margin:0;max-width:1100px;color:var(--text-light);font-family:var(--font-display);font-size:clamp(64px,12vw,180px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.title-line{display:block;overflow:hidden}.title-line span{display:inline-block;will-change:transform}.title-line-two{padding-left:clamp(28px,10vw,150px)}.hero-copy p{max-width:560px;margin:36px 0 0;color:#f7f3eec7;font-size:clamp(17px,1.8vw,21px);line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero .button{background:var(--cream);color:var(--black)}.hero .button:hover{background:var(--white)}.hero .button.secondary{background:transparent;border-color:#f7f3ee80;color:var(--text-light)}.hero .button.secondary:hover{border-color:var(--white)}.hero-grain{position:absolute;inset:0;z-index:2;opacity:.18;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.hero-index{position:absolute;right:0;bottom:34px;display:flex;gap:24px;color:#f7f3eea6;font-size:9px;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase}.about{z-index:6;margin-top:-1px;padding-top:clamp(54px,7vw,96px);border-top:1px solid rgba(9,9,9,.08);overflow:hidden}.about-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.72fr);gap:clamp(42px,9vw,118px);align-items:center}.about-grid>*{position:relative;z-index:1}.about-copy{padding:clamp(18px,3vw,36px) 0}.about-title em{color:var(--red);font-style:normal}.body-lg{max-width:720px;margin:36px 0 0;color:var(--text-muted-dark);font-size:clamp(17px,1.8vw,21px);line-height:1.65}.syok-geng-note{max-width:540px;margin-top:30px;border-left:3px solid var(--red);padding-left:18px;color:var(--text-dark-soft);line-height:1.7}.image-tile{position:relative;overflow:hidden;isolation:isolate;background:var(--black)}.image-tile img,.reel-image{width:100%;height:100%;display:block;object-fit:cover}.image-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0909090d,#090909bd),linear-gradient(130deg,rgba(145,5,11,.2),transparent 58%);pointer-events:none}.about-logo-panel{position:relative;min-height:560px;aspect-ratio:4 / 5;display:grid;place-items:center;margin:0;overflow:hidden;border:1px solid rgba(145,5,11,.38);background:linear-gradient(135deg,transparent 49.8%,rgba(145,5,11,.12) 50%,transparent 50.2%),radial-gradient(circle at 76% 18%,rgba(145,5,11,.18),transparent 34%),var(--cream);box-shadow:18px 18px 0 var(--red)}.about-logo-panel:before{content:"";position:absolute;inset:7%;border:1px solid rgba(145,5,11,.28)}.about-logo-panel img{position:relative;z-index:1;width:68%;filter:drop-shadow(0 22px 30px rgba(145,5,11,.18));will-change:transform}.about-logo-panel figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:flex;justify-content:space-between;color:var(--red);font-size:10px;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase}.about-panel-index{position:absolute;z-index:2;top:18px;left:18px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.14em}.about-kinetic{margin-top:clamp(70px,10vw,130px);border-top:1px solid rgba(9,9,9,.14);border-bottom:1px solid rgba(9,9,9,.14);padding:16px 0;overflow:hidden}.about-track{width:max-content;display:flex;align-items:center;gap:clamp(18px,3vw,42px);color:var(--red);font-family:var(--font-display);font-size:clamp(34px,7.5vw,112px);font-weight:900;line-height:.88;letter-spacing:-.035em;white-space:nowrap;text-transform:uppercase;will-change:transform}.about-track-secondary{margin-top:10px;color:transparent;-webkit-text-stroke:1px rgba(145,5,11,.42)}.about-track i{width:.14em;height:.14em;flex:0 0 auto;border-radius:50%;background:currentColor}.product-showcase{min-height:100svh;padding:0;overflow:hidden;background:var(--red);color:var(--text-light)}.product-stage{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden}.product-bg{position:absolute;inset:0;background:radial-gradient(circle at 76% 28%,rgba(247,243,238,.14),transparent 30%),linear-gradient(145deg,var(--red),var(--red-dark))}.product-bg:after{content:"";position:absolute;right:max(16px,calc((100vw - var(--max)) / 2));top:12%;width:min(42vw,520px);height:76%;border:1px solid rgba(247,243,238,.16);background:#f7f3ee0a}.product-stage-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.82fr);align-items:center;gap:clamp(36px,8vw,100px)}.product-copy{min-height:430px;display:flex;flex-direction:column;justify-content:center}.product-showcase .eyebrow{color:#f2b9bc}.product-copy h2{margin:12px 0 0;color:var(--text-light);font-family:var(--font-display);font-size:clamp(42px,6vw,86px);line-height:.9;letter-spacing:-.035em;text-transform:uppercase}.product-name{margin-top:38px;color:var(--text-light);font-family:var(--font-display);font-size:clamp(30px,4.5vw,58px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase}.product-desc{margin:20px 0 0;max-width:520px;color:var(--text-muted-light);font-size:clamp(17px,1.8vw,21px);line-height:1.6}.product-compat{margin-top:24px;color:#e9a4a7;font-size:10px;font-weight:var(--weight-label);line-height:1.6;letter-spacing:.09em;text-transform:uppercase}.product-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}.product-progress{color:var(--text-muted-light);font-size:10px;font-weight:var(--weight-label);letter-spacing:.11em;text-transform:uppercase}.product-scan-frame{position:relative;min-height:650px;display:grid;place-items:center;border:1px solid rgba(247,243,238,.42);background:radial-gradient(circle at 78% 18%,rgba(145,5,11,.1),transparent 30%),radial-gradient(circle,rgba(9,9,9,.08) 1px,transparent 1.2px),var(--cream);background-size:auto,24px 24px,auto;box-shadow:0 34px 80px #2b00033d;overflow:hidden;transform-origin:center;will-change:transform}.product-scan-frame:after{content:"";position:absolute;inset:0;border:12px solid rgba(145,5,11,.08);pointer-events:none}.scan-grid{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:repeat(7,1fr);pointer-events:none}.scan-grid i{background:linear-gradient(180deg,var(--red),#580306);transform:scaleY(0);transform-origin:top;border-right:1px solid rgba(247,243,238,.18);will-change:transform}.scan-grid i:nth-child(2n){transform-origin:bottom}.scan-beam{position:absolute;z-index:4;top:0;bottom:0;left:-18%;width:14%;opacity:0;background:linear-gradient(90deg,transparent,rgba(247,243,238,.82),transparent);filter:blur(5px);transform:skew(-8deg);pointer-events:none}.product-family{position:absolute;inset:5%;display:grid;place-items:center;pointer-events:none;clip-path:inset(0);will-change:transform,filter,clip-path}.product-family:not(.active){visibility:hidden}.product-family img{width:min(68%,330px);height:clamp(390px,60vh,570px);object-fit:contain;opacity:0;filter:drop-shadow(0 28px 30px rgba(9,9,9,.26));will-change:transform,opacity}.scan-label{position:absolute;z-index:4;right:18px;bottom:16px;color:#91050bb3;font-size:9px;font-weight:800;letter-spacing:.14em}.feed-section{overflow:hidden;background:var(--cream)}.feed-section .section-title{max-width:900px}.feed-track{display:flex;gap:18px;width:max-content;margin-top:46px;padding-right:8vw;will-change:transform}.reel-card{position:relative;width:min(300px,72vw);aspect-ratio:9 / 15;flex:0 0 auto;border:1px solid rgba(9,9,9,.1);background:var(--black);transform-origin:center}.reel-card:nth-child(odd){transform:rotate(-1.2deg)}.reel-card:nth-child(2n){transform:rotate(1deg) translateY(18px)}.reel-label{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#f7f3eee0;font-size:10px;font-weight:var(--weight-label);letter-spacing:.11em;line-height:1.45;text-transform:uppercase}.faq{border-top:1px solid rgba(9,9,9,.08)}.faq-grid{max-width:980px}.faq-heading{max-width:760px;margin:0 auto 44px;text-align:center}.faq-intro{margin:18px auto 0;color:var(--text-muted-dark);line-height:1.6}.faq-list{border-top:1px solid rgba(9,9,9,.16)}.faq-item{border-bottom:1px solid rgba(9,9,9,.16);transition:color .3s var(--ease)}.faq-item.active{color:var(--red)}.faq-question{width:100%;min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent;color:var(--black);cursor:pointer;padding:26px 0;text-align:left;font-family:var(--font-display);font-size:clamp(18px,2vw,25px);line-height:1.15;letter-spacing:-.035em;text-transform:uppercase}.faq-question:after{content:"+";flex:0 0 auto;color:var(--red);font-size:30px;line-height:1;transition:transform .35s var(--ease)}.faq-item.active .faq-question{color:var(--red)}.faq-item.active .faq-question:after{transform:rotate(45deg)}.faq-answer{height:0;overflow:hidden;color:var(--text-muted-dark);line-height:1.7;transition:height .45s var(--ease)}.faq-answer p{max-width:760px;margin:0 0 28px}@media(max-width:900px){.about-grid,.product-stage-inner{grid-template-columns:1fr}.about-grid{gap:52px}.about-logo-panel{min-height:420px;aspect-ratio:4 / 4.4}.product-stage{padding:92px 0}.product-copy{min-height:auto}.product-scan-frame{min-height:430px}.product-bg:after{inset:auto 16px 8%;width:calc(100% - 32px);height:38%}}@media(max-width:760px){section{padding:78px 0}.hero{padding-top:64px}.hero-inner{min-height:calc(100svh - 64px);padding:48px 0 70px}.hero-title{font-size:clamp(52px,18vw,96px);line-height:.98;letter-spacing:-.015em}.title-line-two{padding-left:0}.hero-copy p{margin-top:28px;font-size:16px}.hero-index{left:0;right:auto;bottom:18px}.hero-ghost{font-size:24vw;right:-8vw;bottom:0}.about{padding-top:52px}.hero-transition-band{height:72vh}.product-showcase,.product-stage{min-height:100svh}.product-stage{padding:76px 0 54px}.product-stage-inner{gap:18px}.product-copy h2{font-size:clamp(38px,12vw,58px)}.product-name{margin-top:24px}.product-scan-frame{min-height:350px}.product-family{inset:3%}.product-family img{width:min(64%,220px);height:clamp(210px,34vh,310px)}.feed-section{padding-bottom:70px}.feed-track{width:auto;max-width:100%;overflow-x:auto;transform:none!important;padding:10px 16px 24px 2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.reel-card{scroll-snap-align:start;transform:none!important}.about-kinetic{margin-top:58px}.about-track{font-size:clamp(38px,13vw,70px)}.faq-heading{margin-bottom:28px;text-align:left}.faq-question{min-height:76px;align-items:center}}@media(prefers-reduced-motion:reduce){.reveal-line span{transform:none}.age-gate,.intro-layer{display:none}body.locked{overflow:auto}.reel-card{transform:none}}