.styles-page{background:var(--vp-canvas,#d3d8d7);color:var(--vp-ink,#182323);min-height:100vh;font-family:var(--vp-font-text,system-ui)}.styles-header{border-bottom:1px solid #21342b25;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:24px clamp(20px,4vw,64px);display:flex}.styles-header nav{align-items:center;gap:28px;display:flex}.styles-header a,.styles-footer a{color:inherit}.styles-header nav>a:not(.primary){font-size:.9rem;text-decoration:none}.styles-main{max-width:1360px;margin:auto;padding:0 clamp(20px,4vw,64px)}.styles-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:20px 80px;padding:64px 0 44px;display:grid}.style-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:700}.styles-intro>.style-kicker{grid-column:1/-1}.styles-intro h1{font-family:var(--vp-font-display,system-ui);letter-spacing:-.065em;margin:0;font-size:clamp(3.2rem,6.8vw,6.7rem);line-height:.98}.styles-intro h1 em{color:#3f634f;font-style:normal}.styles-intro>div{max-width:430px;font-size:1.05rem;line-height:1.6}.styles-intro a{color:inherit;font-size:.85rem;font-weight:650}.style-feature{color:#f2f2e9;background:#17211e;border-radius:22px;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);scroll-margin-top:16px;display:grid;overflow:hidden}.style-stage{background:#0e1412;min-width:0;padding:20px}.style-format{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.style-format button{font:inherit;color:#ddd;cursor:pointer;background:0 0;border:1px solid #ffffff30;border-radius:20px;padding:9px 13px;font-size:.75rem}.style-format button[aria-pressed=true]{color:#17211e;background:#d5ecbf;border-color:#0000}.style-screen{place-items:center;min-height:280px;display:grid}.style-screen video{aspect-ratio:16/9;object-fit:contain;background:#0e1412;border-radius:10px;width:100%;max-height:65svh}.style-stage[data-format=vertical] video{aspect-ratio:9/16;width:auto;max-width:100%;height:min(580px,65svh)}.style-stage>p{font-size:.8rem}.style-stage>p button{color:inherit;cursor:pointer;background:0 0;border:1px solid #aaa;border-radius:6px;padding:5px}.style-feature-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,3vw,48px);display:flex}.style-feature-copy .style-kicker{color:#b9c8ba;line-height:1.6}.style-feature-copy h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.style-feature-copy>p:not(.style-kicker){color:#cbd4cd;max-width:32ch;font-size:.95rem;line-height:1.7}.style-feature-copy .primary{margin-top:16px}.style-feature-copy small{color:#abbcaf;margin-top:15px;font-size:.73rem}.style-collection{padding:64px 0}.style-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:25px;display:flex}.style-section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.style-section-heading span{color:#50625a;font-size:.75rem}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.style-card{background:#edf0e8;border:1px solid #21342b1a;border-radius:15px;overflow:hidden}.style-card[data-active=true]{outline-offset:3px;outline:2px solid #4b7057}.style-poster{aspect-ratio:16/9;cursor:pointer;background:#17211e;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.style-poster img{object-fit:contain;width:100%;height:100%;transition:transform .25s;display:block}.style-poster:hover img{transform:scale(1.035)}.style-play{color:#13281b;background:#eef6e9e6;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;display:grid;position:absolute;bottom:15px;left:15px}.style-number{font:600 .7rem var(--vp-font-text,system-ui);color:#fff;background:#0e171cd9;border-radius:20px;padding:7px 9px;position:absolute;bottom:15px;right:14px}.style-card-copy{border-top:3px solid var(--style-accent);padding:22px}.style-card-copy .style-kicker{color:#566f5e;margin:0 0 10px}.style-card h3{letter-spacing:-.035em;margin:0;font-size:1.45rem}.style-card-copy>p:not(.style-kicker){color:#4e5c55;min-height:4.9em;font-size:.85rem;line-height:1.65}.style-card-copy>a{color:#213e2e;text-underline-offset:4px;font-size:.8rem;font-weight:700}.style-custom{background:#c2d6bd;border-radius:18px;justify-content:space-between;align-items:center;gap:40px;padding:40px;display:flex}.style-custom h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(1.8rem,3vw,2.7rem)}.style-custom p{max-width:63ch;font-size:.9rem;line-height:1.6}.style-custom .primary{flex-shrink:0}.style-demo-note{color:#506057;max-width:90ch;padding:30px 0 50px;font-size:.74rem;line-height:1.7}.style-demo-note a{color:inherit}.styles-footer{border-top:1px solid #21342b25;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:25px clamp(20px,4vw,64px);font-size:.78rem;display:flex}.style-picker{border:1px solid var(--vp-hair-strong,#9caaa0);border-radius:15px;gap:16px;min-width:0;padding:24px;display:grid}.style-picker legend{letter-spacing:-.03em;padding:0 8px;font-size:1.3rem;font-weight:700}.style-picker>p{color:var(--vp-ink-soft);margin:0;font-size:.9rem;line-height:1.6}.style-picker-preview{grid-template-columns:minmax(160px,280px) 1fr;align-items:center;gap:20px;display:grid}.style-picker-preview video{aspect-ratio:16/9;object-fit:contain;background:#101914;border-radius:10px;width:100%;display:block}.style-picker-preview p,.style-picker small{color:var(--vp-ink-soft);font-size:.8rem;line-height:1.6}.style-teaser{background:#e6eae2;padding:60px clamp(20px,5vw,80px)}.style-teaser__heading{justify-content:space-between;align-items:end;gap:24px;max-width:1240px;margin:0 auto 24px;display:flex}.style-teaser h2{letter-spacing:-.05em;margin:10px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.style-teaser p{max-width:55ch;font-size:.9rem;line-height:1.6}.style-teaser__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1240px;margin:auto;display:grid}.style-teaser__grid a{color:inherit;text-decoration:none;display:block}.style-teaser img{aspect-ratio:16/9;object-fit:contain;background:#111a15;border-radius:12px;width:100%;display:block}.style-teaser h3{margin:12px 0;font-size:1.1rem}.style-teaser__heading>a{color:inherit;white-space:nowrap;font-size:.85rem;font-weight:700}@media (max-width:900px){.styles-intro{gap:24px}.style-feature{grid-template-columns:1fr}.style-feature-copy{padding:28px}.style-feature-copy>p:not(.style-kicker){max-width:60ch}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-custom{flex-direction:column;align-items:flex-start;gap:15px}.styles-header nav{gap:15px}.styles-header nav>a:first-child{display:none}}@media (max-width:760px){.styles-intro{grid-template-columns:1fr}.styles-intro h1{font-size:clamp(3rem,9vw,5rem)}}@media (max-width:540px){.styles-header{gap:10px;padding:18px 20px}.styles-header nav{gap:12px}.styles-header .primary{min-height:40px;padding:.6rem .85rem;font-size:.72rem}.styles-header nav>a:not(.primary){font-size:.75rem}.styles-intro{grid-template-columns:1fr;padding:36px 0 30px}.styles-intro h1{font-size:3.5rem}.styles-intro>div{font-size:.95rem}.style-stage{padding:12px}.style-screen{min-height:0}.style-grid{grid-template-columns:1fr;gap:22px}.style-section-heading{flex-direction:column;align-items:start;gap:8px}.style-collection{padding:42px 0}.style-custom{padding:25px}.style-picker{padding:18px}.style-picker-preview{grid-template-columns:1fr;gap:8px}.style-teaser__heading{flex-direction:column;align-items:start;gap:8px}.style-teaser__grid{grid-template-columns:1fr}.style-teaser__grid a{max-width:520px}.style-card-copy>p:not(.style-kicker){min-height:0}}@media (prefers-reduced-motion:reduce){.style-poster img{transition:none}.style-poster:hover img{transform:none}}@media (max-width:540px){.styles-header nav>a:not(.primary){display:none}.styles-header .primary{white-space:nowrap}}