/* joinknct.com section styles, scoped under .lv */
.lv{
    --bg: #0c0c0e;
    --bg-2: #131317;
    --surface: #17171b;
    --surface-2: #1e1e23;
    --line: rgba(255,255,255,0.12);
    --line-strong: rgba(255,255,255,0.22);
    --fg: #f7f4ec;
    --muted: rgba(247,244,236,0.74);
    --faint: rgba(247,244,236,0.48);
    --gold: #e6dfc9;
    --gold-2: #f4efdd;
    --gold-deep: #cdc4a8;
    --champ: #ECE7D3;
    --gold-grad: linear-gradient(135deg, #f6f1e1 0%, #e6dfc9 50%, #d2c9ac 100%);
    --line-green: #06c755;
    --radius: 18px;
    --maxw: 760px;
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --font: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
.lv *{ margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.lv{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
.lv{
    font-family: var(--font); background: var(--bg); color: var(--fg); line-height: 1.85;
    font-feature-settings: "palt" 1; letter-spacing: 0.01em; overflow-x: hidden;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  }
.lv a{ color: inherit; text-decoration: none; }
.lv img{ display: block; max-width: 100%; }
.lv b,.lv strong{ color: var(--fg); font-weight: 700; }
.lv .wrap{ width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 22px; }
.lv h1,.lv h2,.lv h3,.lv h4{ letter-spacing: 0.01em; font-weight: 800; line-height: 1.5; }
.lv .gold{ background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lv .latin{ font-family: "Inter", sans-serif; letter-spacing: 0.08em; }
.lv .sp-br{ display: inline; }
.lv .eyebrow{
    display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 700;
    letter-spacing: 0.24em; text-transform: uppercase; color: var(--gold-2);
    padding: 8px 16px; border: 1px solid var(--line-strong); border-radius: 100px;
    background: rgba(236,231,211,0.06);
  }
.lv .eyebrow .dot{ width: 5px; height: 5px; border-radius: 50%; background: var(--gold); display: inline-block; box-shadow: 0 0 10px 1px rgba(236,231,211,0.7); }
.lv .section{ padding: 80px 0 0; position: relative; }
.lv .rule{ width: 100%; max-width: 120px; height: 1px; margin: 0 auto; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 0.6; }
.lv .reveal{ opacity: 0; transform: translateY(22px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); }
.lv .reveal.in{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {.lv .reveal{ opacity: 1; transform: none; transition: none; }
.lv{ scroll-behavior: auto; }}
.lv .head{ text-align: center; max-width: 640px; margin: 0 auto 36px; }
.lv .head h2{ font-size: clamp(23px, 6vw, 34px); font-weight: 900; line-height: 1.55; margin-top: 18px; }
.lv .head p{ color: var(--muted); font-size: 14.5px; margin-top: 16px; }
.lv .body-c{ text-align: center; color: var(--muted); font-size: 14.5px; max-width: 30em; margin: 0 auto; }
.lv .body-c + .body-c{ margin-top: 12px; }
.lv .punch{ text-align: center; max-width: 600px; margin: 34px auto 0; font-size: clamp(19px, 5vw, 26px); font-weight: 900; line-height: 1.6; }
.lv .hero{ position: relative; padding: 52px 0 12px; overflow: hidden; text-align: center; }
.lv .hero::before{ content: ""; position: absolute; inset: 0; z-index: -3; background: radial-gradient(620px 300px at 50% 8%, rgba(236,231,211,0.07), transparent 70%), var(--bg); }
.lv .hero-photo{ position: absolute; top: 0; left: 0; right: 0; height: clamp(330px, 52vh, 460px); z-index: -2; overflow: hidden; background: #050505; }
.lv .hero-photo img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 26%; animation: kenburns 40s ease-in-out infinite; }
@keyframes kenburns { 0%,100% { transform: scale(1.08) translate3d(-1.2%, 0.6%, 0); } 50% { transform: scale(1.16) translate3d(1.2%, -1%, 0); } }
@media (prefers-reduced-motion: reduce) {.lv .hero-photo img{ animation: none; transform: scale(1.04); }}
.lv .hero-photo-veil{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5,5,6,0.62) 0%, rgba(5,5,6,0.5) 22%, rgba(7,7,9,0.88) 62%, var(--bg) 100%); }
.lv .hero-grid{ position: absolute; inset: 0; z-index: -1; opacity: 0.5; background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(680px 460px at 50% 8%, #000 25%, transparent 78%); -webkit-mask-image: radial-gradient(680px 460px at 50% 8%, #000 25%, transparent 78%); }
.lv .hero-brand{ display: flex; flex-direction: column; align-items: center; margin-bottom: 16px; }
.lv .hero-brand .hb-main{ font-weight: 900; font-size: clamp(38px, 12vw, 66px); line-height: 0.96; letter-spacing: 0.03em; color: var(--champ); text-shadow: 0 2px 30px rgba(0,0,0,0.75); }
.lv .hero-brand .hb-sub{ font-weight: 800; font-size: clamp(12px, 3.8vw, 18px); letter-spacing: 0.4em; padding-left: 0.4em; color: var(--champ); margin-top: 6px; }
.lv .hero-brand .hb-line{ width: 34px; height: 2px; background: var(--gold-grad); border-radius: 2px; margin-top: 12px; }
.lv .hero h1{ font-size: clamp(28px, 7.6vw, 48px); font-weight: 900; line-height: 1.42; margin: 0 auto; text-shadow: 0 2px 26px rgba(0,0,0,0.6); }
.lv .hero .lead{ font-size: clamp(13.5px, 3.7vw, 16px); color: var(--muted); margin: 16px auto 0; max-width: 28em; font-weight: 500; line-height: 1.8; }
.lv .hero .forks{ display: grid; gap: 8px; max-width: 420px; margin: 18px auto 0; text-align: left; }
.lv .hero .forks div{ display: flex; gap: 12px; align-items: center; font-size: 14.5px; font-weight: 700; padding: 11px 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(23,23,27,0.7); }
.lv .hero .forks .n{ font-size: 10.5px; letter-spacing: 0.14em; color: var(--gold-2); font-weight: 800; flex: none; }
.lv .hero .def{ font-size: 12.5px; color: var(--faint); max-width: 30em; margin: 16px auto 0; line-height: 1.8; }
.lv .hero .def b{ color: var(--muted); }
.lv .scroll-link{ display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--gold-2); margin-top: 6px; padding: 6px 4px; border-bottom: 1px solid rgba(236,231,211,0.35); }
.lv .video{ position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; cursor: pointer; background: #000; border: 1px solid var(--line-strong); box-shadow: 0 40px 80px -40px rgba(0,0,0,0.9), 0 0 0 1px rgba(236,231,211,0.10); }
.lv .video.hero-video{ max-width: 680px; margin: 22px auto 0; box-shadow: 0 50px 110px -45px rgba(0,0,0,0.95), 0 0 0 1px rgba(236,231,211,0.22); }
.lv .video::after{ content: ""; position: absolute; inset: 0; border-radius: 20px; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(236,231,211,0.18); }
.lv .video-thumb{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s var(--ease), opacity 0.5s ease; }
.lv .video-veil{ position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.45)); transition: opacity 0.5s ease; }
.lv .video:hover .video-thumb{ transform: scale(1.04); }
.lv .video-play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 50%; border: none; cursor: pointer; background: var(--gold-grad); display: grid; place-items: center; box-shadow: 0 14px 40px -8px rgba(236,231,211,0.6); z-index: 3; transition: transform 0.25s var(--ease), opacity 0.45s ease; }
.lv .video-play::before{ content: ""; position: absolute; inset: -10px; border-radius: 50%; border: 1px solid rgba(236,231,211,0.45); animation: ripple 2.6s var(--ease) infinite; }
@keyframes ripple { 0% { transform: scale(1); opacity: 0.7; } 100% { transform: scale(1.5); opacity: 0; } }
.lv .video:hover .video-play{ transform: translate(-50%, -50%) scale(1.07); }
.lv .video-play svg{ width: 26px; height: 26px; color: #0a0a0a; margin-left: 4px; }
.lv .video-label{ position: absolute; left: 16px; bottom: 14px; right: 16px; z-index: 3; text-align: left; font-size: 12.5px; font-weight: 700; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,0.8); display: flex; align-items: center; gap: 8px; transition: opacity 0.45s ease, transform 0.45s var(--ease); }
.lv .video-label .lp{ font-size: 11px; letter-spacing: 0.22em; color: var(--gold-2); text-transform: uppercase; }
.lv .video iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 1; }
.lv .video.playing .video-thumb,.lv .video.playing .video-veil,.lv .video.playing .video-play{ opacity: 0; pointer-events: none; }
.lv .video.playing .video-label{ opacity: 0; transform: translateY(8px); pointer-events: none; }
.lv .video-tap{ position: absolute; top: 14px; right: 14px; z-index: 3; display: none; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: #fff; background: rgba(0,0,0,0.55); padding: 6px 11px; border-radius: 100px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: opacity 0.4s ease; }
.lv .video-tap svg{ width: 14px; height: 14px; }
.lv .video.preview .video-tap{ display: flex; }
.lv .video.preview .video-play{ display: none; }
.lv .video.playing .video-tap{ opacity: 0; pointer-events: none; }
.lv .video.preview:not(.playing) .video-label{ opacity: 0; }
@media (prefers-reduced-motion: reduce) {.lv .video-play::before{ animation: none; }}
.lv .cta-block{ margin-top: 26px; display: flex; flex-direction: column; align-items: center; gap: 11px; }
.lv .cta-ribbon{ font-size: 13.5px; font-weight: 800; color: var(--gold-2); letter-spacing: 0.04em; }
.lv .cta-sub{ font-size: 12px; color: var(--faint); font-weight: 500; }
.lv .btn-line{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--line-green); color: #fff; font-weight: 800; font-size: 16.5px; padding: 18px 30px; border-radius: 100px; width: 100%; max-width: 400px; box-shadow: 0 18px 40px -12px rgba(6,199,85,0.55); transition: transform 0.2s var(--ease); animation: linepulse 2.6s var(--ease) infinite; }
.lv .btn-line:active{ transform: translateY(1px) scale(0.99); animation: none; }
.lv .btn-line svg{ width: 22px; height: 22px; flex: none; }
@keyframes linepulse {
    0%, 100% { transform: scale(1); box-shadow: 0 18px 40px -12px rgba(6,199,85,0.55), 0 0 0 0 rgba(6,199,85,0.4); }
    50%      { transform: scale(1.03); box-shadow: 0 22px 46px -12px rgba(6,199,85,0.6), 0 0 0 14px rgba(6,199,85,0); }
  }
@media (prefers-reduced-motion: reduce) {.lv .btn-line{ animation: none; }}
.lv .stats{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lv .stat{ text-align: center; padding: 24px 10px 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.lv .stat .fig{ font-size: clamp(28px, 8.4vw, 40px); font-weight: 900; line-height: 1; letter-spacing: -0.01em; }
.lv .stat .fig small{ font-size: 0.5em; font-weight: 800; margin-left: 1px; }
.lv .stat .lb{ font-size: 12px; color: var(--muted); font-weight: 600; margin-top: 10px; line-height: 1.5; }
.lv .students{ display: grid; gap: 16px; }
.lv .stu{ border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); position: relative; overflow: hidden; }
.lv .stu .video{ border-radius: 0; border: none; border-bottom: 1px solid var(--line); box-shadow: none; }
.lv .stu .video::after{ border-radius: 0; box-shadow: none; }
.lv .stu-in{ padding: 24px 24px 26px; }
.lv .stu-top{ display: flex; align-items: center; gap: 12px; }
.lv .ava{ width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: var(--gold-grad); color: #0a0a0a; display: grid; place-items: center; font-weight: 900; font-size: 16px; flex: none; box-shadow: 0 6px 18px -6px rgba(236,231,211,0.55); }
.lv .ava img{ width: 100%; height: 100%; object-fit: cover; }
.lv .stu-name{ font-size: 15px; font-weight: 900; letter-spacing: 0.14em; }
.lv .stu-res{ font-size: clamp(21px, 5.8vw, 27px); font-weight: 900; line-height: 1.35; margin: 16px 0 2px; }
.lv .stu p{ color: var(--muted); font-size: 14px; margin-top: 10px; line-height: 1.85; }
.lv .disclaimer{ color: var(--faint); font-size: 11.5px; line-height: 1.8; max-width: 40em; margin: 22px auto 0; text-align: center; }
.lv .chips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.lv .chips span{ font-size: 13px; font-weight: 700; padding: 7px 14px; border-radius: 100px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
.lv .chips.left{ justify-content: flex-start; }
.lv .chips.sm span{ font-size: 12px; padding: 5px 11px; }
.lv .chips.noise span{ color: var(--faint); text-decoration: line-through; text-decoration-color: rgba(247,244,236,0.35); background: transparent; border-style: dashed; }
.lv .skills8{ list-style: none; counter-reset: s; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.lv .skills8 li{ counter-increment: s; display: flex; align-items: center; gap: 12px; padding: 16px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); font-size: 14.5px; font-weight: 800; line-height: 1.45; }
.lv .skills8 li::before{ content: counter(s, decimal-leading-zero); font-size: 12px; font-weight: 800; color: var(--gold-deep); letter-spacing: 0.04em; flex: none; }
.lv .loop-flow{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 8px; font-size: clamp(11px, 3vw, 14px); font-weight: 800; letter-spacing: 0.1em; color: var(--gold-2); margin-top: 18px; }
.lv .loop-flow i{ font-style: normal; color: var(--faint); }
.lv .loop{ list-style: none; position: relative; display: grid; gap: 12px; max-width: 600px; margin: 0 auto; }
.lv .loop::before{ content: ""; position: absolute; left: 27px; top: 30px; bottom: 30px; width: 1px; background: linear-gradient(180deg, var(--gold), rgba(236,231,211,0.1)); }
.lv .loop li{ position: relative; display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px 18px 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.lv .loop .dot{ width: 28px; height: 28px; border-radius: 50%; background: var(--gold-grad); color: #0a0a0a; display: grid; place-items: center; font-size: 12px; font-weight: 900; flex: none; margin-top: 2px; position: relative; z-index: 1; }
.lv .loop h3{ font-size: 16px; font-weight: 900; line-height: 1.4; }
.lv .loop h3 .latin{ font-size: 11px; color: var(--gold-2); margin-right: 8px; font-weight: 800; }
.lv .loop p{ color: var(--muted); font-size: 14px; margin-top: 4px; line-height: 1.75; }
.lv .loop-back{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; font-size: 14.5px; font-weight: 800; color: var(--fg); text-align: center; }
.lv .loop-back svg{ width: 20px; height: 20px; color: var(--gold); flex: none; }
.lv .paths{ display: grid; gap: 14px; }
.lv .path{ border-radius: var(--radius); padding: 26px 24px; border: 1px solid var(--line); background: var(--surface); position: relative; overflow: hidden; }
.lv .path.two{ background: linear-gradient(165deg, rgba(236,231,211,0.14), rgba(236,231,211,0.03)); border-color: rgba(236,231,211,0.42); box-shadow: 0 30px 60px -34px rgba(236,231,211,0.35); }
.lv .path-tag{ display: inline-flex; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; padding: 6px 13px; border-radius: 100px; background: rgba(255,255,255,0.07); color: var(--gold-2); }
.lv .path.two .path-tag{ background: var(--gold-grad); color: #0a0a0a; }
.lv .path h3{ font-size: 19px; font-weight: 900; margin-top: 14px; line-height: 1.5; }
.lv .path p{ color: var(--muted); font-size: 14px; margin-top: 12px; line-height: 1.85; }
.lv .path .chips{ margin-top: 14px; }
.lv .path-eq{ margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12.5px; font-weight: 800; letter-spacing: 0.14em; color: var(--gold-2); }
.lv .aside{ max-width: 30em; margin: 26px auto 0; text-align: center; font-size: 13.5px; color: var(--muted); padding: 16px 20px; border: 1px dashed var(--line-strong); border-radius: 14px; }
.lv .attn{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 520px; margin: 0 auto; }
.lv .attn div{ text-align: center; padding: 16px 10px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); font-size: 14px; font-weight: 800; }
.lv .attn div small{ display: block; font-size: 11px; color: var(--faint); font-weight: 600; margin-top: 2px; }
.lv .truth{ max-width: 560px; margin: 30px auto 0; border-radius: 20px; padding: 30px 22px; text-align: center; background: linear-gradient(180deg, var(--surface-2), var(--surface)); border: 1px solid rgba(236,231,211,0.3); }
.lv .truth p{ font-size: clamp(20px, 5.6vw, 28px); font-weight: 900; line-height: 1.55; }
.lv .truth .latin{ display: block; font-size: 11px; font-weight: 800; color: var(--faint); letter-spacing: 0.2em; margin-bottom: 4px; }
.lv .truth p + .latin{ margin-top: 18px; }
.lv .areas{ display: grid; gap: 14px; }
.lv .area{ border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 22px; background: var(--surface); }
.lv .area-top{ display: flex; align-items: baseline; gap: 12px; }
.lv .area-num{ font-size: 30px; font-weight: 900; line-height: 1; }
.lv .area-name{ font-size: 11px; font-weight: 800; letter-spacing: 0.2em; color: var(--gold-2); }
.lv .area h3{ font-size: 17px; font-weight: 900; margin-top: 10px; line-height: 1.55; }
.lv .area .chips{ margin-top: 14px; }
.lv .area ul.qs{ list-style: none; margin-top: 12px; display: grid; gap: 6px; }
.lv .area ul.qs li{ font-size: 14px; color: var(--muted); padding-left: 18px; position: relative; }
.lv .area ul.qs li::before{ content: "?"; position: absolute; left: 0; color: var(--gold); font-weight: 900; }
.lv .ba{ display: grid; gap: 14px; }
.lv .ba-col{ border-radius: var(--radius); padding: 24px 22px; border: 1px solid var(--line); }
.lv .ba-col.before{ background: transparent; border-style: dashed; }
.lv .ba-col.after{ background: linear-gradient(165deg, rgba(236,231,211,0.12), rgba(236,231,211,0.02)); border-color: rgba(236,231,211,0.4); }
.lv .ba-tag{ font-size: 11px; font-weight: 800; letter-spacing: 0.2em; color: var(--faint); }
.lv .ba-col.after .ba-tag{ color: var(--gold-2); }
.lv .ba-col ul{ list-style: none; display: grid; gap: 9px; margin-top: 14px; }
.lv .ba-col li{ display: flex; gap: 10px; font-size: 14px; line-height: 1.6; }
.lv .ba-col li svg{ width: 16px; height: 16px; flex: none; margin-top: 3px; }
.lv .ba-col.before li{ color: var(--faint); }
.lv .ba-col.after li{ color: var(--fg); font-weight: 700; }
.lv .ba-col.after li svg{ color: var(--gold); }
.lv .flows{ display: grid; gap: 12px; max-width: 600px; margin: 0 auto; }
.lv .flow{ border-radius: 16px; padding: 18px 18px; border: 1px solid var(--line); text-align: center; }
.lv .flow .ft{ font-size: 11px; font-weight: 800; letter-spacing: 0.18em; color: var(--faint); }
.lv .flow .fr{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 10px; font-size: clamp(12.5px, 3.4vw, 15px); font-weight: 800; }
.lv .flow .fr i{ font-style: normal; color: var(--faint); font-weight: 600; }
.lv .flow.watch{ border-style: dashed; }
.lv .flow.watch .fr span{ color: var(--faint); }
.lv .flow.exec{ background: linear-gradient(165deg, rgba(236,231,211,0.12), rgba(236,231,211,0.02)); border-color: rgba(236,231,211,0.4); }
.lv .flow.exec .ft{ color: var(--gold-2); }
.lv .how{ list-style: none; display: grid; gap: 0; max-width: 560px; margin: 0 auto; }
.lv .how li{ display: grid; grid-template-columns: 44px 1fr; gap: 14px; position: relative; padding-bottom: 22px; }
.lv .how li:not(:last-child)::before{ content: ""; position: absolute; left: 21px; top: 44px; bottom: 2px; width: 1px; background: var(--line-strong); }
.lv .how .n{ width: 44px; height: 44px; border-radius: 12px; border: 1px solid rgba(236,231,211,0.4); display: grid; place-items: center; font-size: 13px; font-weight: 900; color: var(--gold-2); background: var(--surface); }
.lv .how h3{ font-size: 16.5px; font-weight: 900; line-height: 1.4; padding-top: 2px; }
.lv .how h3 .latin{ display: block; font-size: 10.5px; color: var(--gold-2); font-weight: 800; letter-spacing: 0.2em; }
.lv .how p{ color: var(--muted); font-size: 14px; margin-top: 6px; line-height: 1.8; }
.lv .how li.last .n{ background: var(--gold-grad); color: #0a0a0a; border: none; }
.lv .days{ display: grid; gap: 14px; }
.lv .day{ border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 22px; background: var(--surface); position: relative; overflow: hidden; }
.lv .day-when{ font-size: 11px; font-weight: 800; letter-spacing: 0.2em; color: var(--gold-2); }
.lv .day h3{ font-size: 20px; font-weight: 900; margin-top: 6px; }
.lv .day h3 .latin{ display: block; font-size: 10.5px; color: var(--faint); letter-spacing: 0.16em; font-weight: 700; margin-top: 2px; }
.lv .day p{ color: var(--muted); font-size: 14px; margin-top: 10px; line-height: 1.85; }
.lv .day .chips{ margin-top: 12px; }
.lv .day .em{ color: var(--fg); font-weight: 800; }
.lv .showme{ text-align: center; margin: 8px auto 0; }
.lv .showme q{ display: inline-block; quotes: "「" "」"; font-size: clamp(26px, 7.4vw, 40px); font-weight: 900; line-height: 1.4; }
.lv .showme .latin{ display: block; font-size: 11px; color: var(--faint); letter-spacing: 0.24em; margin-top: 8px; font-weight: 700; }
.lv .qgrid{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 520px; margin: 26px auto 0; }
.lv .qgrid div{ font-size: 13.5px; font-weight: 700; padding: 12px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); text-align: center; color: var(--muted); }
.lv .chain{ list-style: none; max-width: 440px; margin: 30px auto 0; display: grid; gap: 0; }
.lv .chain li{ text-align: center; font-size: 15px; font-weight: 800; padding: 10px 0; position: relative; }
.lv .chain li:not(:last-child)::after{ content: "↓"; display: block; color: var(--gold); font-size: 13px; margin-top: 6px; }
.lv .chain li b{ color: var(--gold-2); }
.lv .philo{ border-radius: 24px; padding: 40px 24px; text-align: center; background: radial-gradient(420px 220px at 50% 0%, rgba(236,231,211,0.12), transparent 70%), var(--surface); border: 1px solid var(--line); }
.lv .philo ul{ list-style: none; display: grid; gap: 14px; margin-top: 24px; }
.lv .philo li{ font-size: clamp(17px, 4.8vw, 23px); font-weight: 900; line-height: 1.5; }
.lv .philo li:nth-child(odd) .gold{ font-weight: 900; }
.lv .philo p{ color: var(--muted); font-size: 14px; margin-top: 26px; }
.lv .gets{ display: grid; gap: 12px; }
.lv .get{ border: 1px solid var(--line); border-radius: 16px; padding: 20px 20px; background: var(--surface); }
.lv .get .latin{ font-size: 10.5px; font-weight: 800; color: var(--gold-2); letter-spacing: 0.18em; }
.lv .get h3{ font-size: 16.5px; font-weight: 900; margin-top: 4px; line-height: 1.5; }
.lv .get p{ color: var(--muted); font-size: 13.5px; margin-top: 6px; line-height: 1.8; }
.lv .faq{ display: grid; gap: 12px; max-width: 640px; margin: 0 auto; }
.lv .faq details{ border: 1px solid var(--line); border-radius: 16px; background: var(--surface); overflow: hidden; }
.lv .faq details[open]{ border-color: rgba(236,231,211,0.38); }
.lv .faq summary{ list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 20px 20px; font-size: 16px; font-weight: 900; line-height: 1.5; }
.lv .faq summary::-webkit-details-marker{ display: none; }
.lv .faq summary .q{ font-size: 11px; font-weight: 800; color: var(--gold-2); letter-spacing: 0.1em; flex: none; }
.lv .faq summary .pm{ margin-left: auto; width: 26px; height: 26px; border-radius: 50%; border: 1px solid var(--line-strong); display: grid; place-items: center; flex: none; transition: transform 0.3s var(--ease); color: var(--gold); }
.lv .faq summary .pm svg{ width: 14px; height: 14px; }
.lv .faq details[open] summary .pm{ transform: rotate(45deg); }
.lv .faq .a{ padding: 0 20px 22px; color: var(--muted); font-size: 14px; line-height: 1.9; }
.lv .faq .a p + p,.lv .faq .a p + .chips,.lv .faq .a .chips + p{ margin-top: 12px; }
.lv .faq .a .ans{ color: var(--fg); font-weight: 900; font-size: 15.5px; }
.lv .faq .a .ans .gold{ font-weight: 900; }
.lv .changes{ display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 520px; margin: 0 auto; }
.lv .changes span{ font-size: 13px; font-weight: 700; color: var(--faint); padding: 7px 14px; border-radius: 100px; border: 1px dashed var(--line-strong); }
.lv .always{ list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; max-width: 520px; margin: 22px auto 0; }
.lv .always li{ font-size: 14px; font-weight: 800; padding: 13px 12px; text-align: center; border: 1px solid rgba(236,231,211,0.32); border-radius: 12px; background: var(--surface); }
.lv .always li:last-child:nth-child(odd){ grid-column: 1 / -1; }
.lv .close-lines{ list-style: none; display: grid; gap: 4px; max-width: 420px; margin: 28px auto 0; text-align: center; }
.lv .close-lines li{ font-size: clamp(16px, 4.4vw, 19px); font-weight: 800; color: var(--muted); }
.lv .close-lines li:last-child{ color: var(--fg); margin-top: 6px; }
.lv .both{ text-align: center; margin: 34px auto 0; font-size: clamp(22px, 6vw, 32px); font-weight: 900; line-height: 1.5; }
.lv .final{ background: linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%); border-radius: 28px; padding: 50px 24px; text-align: center; position: relative; overflow: hidden; border: 1px solid var(--line); }
.lv .final::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(560px 320px at 50% 0%, rgba(236,231,211,0.2), transparent 70%); }
.lv .final::after{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.lv .final .inner{ position: relative; }
.lv .final h2{ font-size: clamp(24px, 6.4vw, 34px); font-weight: 900; margin-top: 20px; line-height: 1.55; }
.lv .final > .inner > p{ color: var(--muted); font-size: 14.5px; margin: 16px auto 0; max-width: 26em; }
.lv .rm-list{ list-style: none; display: grid; gap: 10px; max-width: 440px; margin: 24px auto 0; text-align: left; }
.lv .rm-list li{ display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; font-weight: 700; line-height: 1.6; }
.lv .rm-list li svg{ width: 19px; height: 19px; color: var(--gold); flex: none; margin-top: 2px; }
.lv .final .micro{ margin-top: 20px; font-size: 12px; color: var(--faint); line-height: 1.8; }
.lv footer{ margin-top: 90px; padding: 50px 0 120px; border-top: 1px solid var(--line); text-align: center; }
.lv .foot-links{ display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 18px; }
.lv .foot-links a{ font-size: 11.5px; color: var(--faint); font-weight: 500; }
.lv .foot-links a:hover{ color: var(--muted); }
.lv .foot-copy{ font-size: 12px; color: var(--faint); margin-top: 14px; }
.lv .sticky-cta{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: rgba(6,6,6,0.82); backdrop-filter: saturate(160%) blur(18px); -webkit-backdrop-filter: saturate(160%) blur(18px); border-top: 1px solid var(--line); transform: translateY(120%); transition: transform 0.4s var(--ease); }
.lv .sticky-cta.show{ transform: none; }
.lv .sticky-cta .btn-line{ max-width: none; padding: 15px; font-size: 15.5px; animation: linepulse-sticky 2.6s var(--ease) infinite; }
@keyframes linepulse-sticky { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.015); } }
@media (prefers-reduced-motion: reduce) {.lv .sticky-cta .btn-line{ animation: none; }}
@media (min-width: 720px) {.lv .section{ padding-top: 110px; }
.lv .stats{ grid-template-columns: repeat(4, 1fr); }
.lv .students{ grid-template-columns: 1fr 1fr; }
.lv .skills8{ grid-template-columns: repeat(4, 1fr); }
.lv .paths,.lv .ba{ grid-template-columns: 1fr 1fr; }
.lv .areas{ grid-template-columns: 1fr 1fr; }
.lv .areas .area:last-child{ grid-column: 1 / -1; }
.lv .days{ grid-template-columns: 1fr 1fr; }
.lv .gets{ grid-template-columns: 1fr 1fr; }
.lv .gets .get:first-child{ grid-column: 1 / -1; }
.lv .qgrid{ grid-template-columns: repeat(3, 1fr); }
.lv .final{ padding: 70px 48px; }
.lv .sticky-cta{ display: none; }
.lv .sp-br{ display: none; }}
.lv .stu-res{ font-size: clamp(19px, 5vw, 22px) !important; line-height: 1.45 !important; margin: 14px 0 0 !important; }
.lv .stu-sub{ font-size: 13.5px; font-weight: 800; color: var(--gold-2); margin-top: 6px; }
.lv .bwr{ margin-top: 16px; display: grid; gap: 10px; }
.lv .bwr div{ display: grid; grid-template-columns: 74px 1fr; gap: 10px; align-items: baseline; }
.lv .bwr dt{ font-size: 10.5px; font-weight: 800; letter-spacing: 0.16em; color: var(--faint); }
.lv .bwr div + div dt{ color: var(--gold-2); }
.lv .bwr dd{ font-size: 14px; color: var(--muted); line-height: 1.7; }
.lv .gap{ max-width: 560px; margin: 34px auto 0; text-align: center; padding: 26px 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.lv .gap p{ font-size: 15px; color: var(--muted); }
.lv .gap-flow{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 14px 0; font-size: clamp(13px, 3.6vw, 15px); font-weight: 800; }
.lv .gap-flow span{ padding: 6px 12px; border-radius: 100px; border: 1px solid rgba(236,231,211,0.35); color: var(--fg); }
.lv .gap-flow i{ font-style: normal; color: var(--gold); }
.lv .gap-flow.sm{ justify-content: flex-start; margin: 4px 0 12px; }
.lv .machine{ max-width: 640px; margin: 26px auto 0; padding: 22px 16px; border-radius: 18px; border: 1px solid rgba(236,231,211,0.32); background: linear-gradient(165deg, rgba(236,231,211,0.10), rgba(236,231,211,0.02)); text-align: center; }
.lv .machine-t{ font-size: 11px; font-weight: 800; letter-spacing: 0.22em; color: var(--gold-2); }
.lv .machine-flow{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 6px; margin-top: 14px; }
.lv .machine-flow span{ display: inline-flex; flex-direction: column; align-items: center; font-size: 13.5px; font-weight: 800; padding: 7px 11px; border-radius: 10px; background: var(--surface); border: 1px solid var(--line); line-height: 1.3; }
.lv .machine-flow span b{ font-size: 9px; letter-spacing: 0.14em; color: var(--faint); font-weight: 800; }
.lv .machine-flow span.end{ background: var(--gold-grad); color: #0a0a0a; border: none; }
.lv .machine-flow span.end b{ color: rgba(10,10,10,0.6); }
.lv .nw{ display: inline-flex; align-items: center; gap: 6px; font-style: normal; }
.lv .machine-flow i{ font-style: normal; color: var(--gold); font-size: 13px; }
.lv .wall{ display: grid; gap: 12px; }
.lv .wcard{ border: 1px solid var(--line); border-radius: 16px; padding: 20px 20px; background: var(--surface); display: flex; flex-direction: column; }
.lv .wres{ font-size: clamp(20px, 5.6vw, 24px); font-weight: 900; line-height: 1.35; }
.lv .wcard p{ color: var(--muted); font-size: 13.5px; margin-top: 8px; line-height: 1.8; flex: 1; }
.lv .wname{ display: flex; align-items: center; gap: 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 13px; font-weight: 800; }
.lv .ava.sm{ width: 30px; height: 30px; font-size: 12px; box-shadow: none; }
.lv .get-top{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lv .get-top .role{ font-size: 11px; font-weight: 800; color: #0a0a0a; background: var(--gold-grad); padding: 3px 10px; border-radius: 100px; white-space: nowrap; }
.lv .day-flow{ font-size: 12.5px; font-weight: 800; color: var(--gold-2); margin-top: 10px; padding: 8px 12px; border-radius: 10px; background: rgba(236,231,211,0.06); border: 1px solid var(--line); line-height: 1.6; }
.lv .community{ border-radius: 24px; overflow: hidden; border: 1px solid var(--line); background: var(--surface); }
.lv .community-photo{ aspect-ratio: 16 / 9; overflow: hidden; }
.lv .community-photo img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.lv .community-in{ padding: 30px 24px 34px; text-align: center; }
.lv .community-in h2{ font-size: clamp(22px, 6vw, 30px); font-weight: 900; margin-top: 16px; }
.lv .community-in p{ color: var(--muted); font-size: 14.5px; margin-top: 12px; }
@media (min-width: 720px) {.lv .wall{ grid-template-columns: 1fr 1fr; }
.lv .gets .get:first-child{ grid-column: auto; }}
.lv{
    --bg: #FFFFFF; --bg-2: #F6F4EF; --bg-alt: #F6F4EF;
    --surface: #FFFFFF; --surface-2: #F6F4EF;
    --line: #E5E1D7; --line-strong: #D3CFC4;
    --fg: #111315; --muted: #3A3E44; --faint: #6E727A;
    --gold: #9C8B5A; --gold-2: #6B6040; --gold-deep: #9C8B5A;
    --accent: #111315; --on-accent: #ECE7D3;
    --accent-tint: #F4F0E4; --accent-line: #D9CDA8; --marker: #E7DDBE;
    --shadow: 0 1px 2px rgba(17,19,21,.04), 0 14px 34px -20px rgba(17,19,21,.22);
    color-scheme: light;
  }
.lv .hero,.lv footer,.lv .final{
    --bg: #000000; --bg-2: #0c0c0e; --surface: #17171B; --surface-2: #1e1e23;
    --line: rgba(236,231,211,.16); --line-strong: rgba(236,231,211,.26);
    --fg: #FFFFFF; --muted: #D4D4D8; --faint: #A3A3A9;
    --gold: #e6dfc9; --gold-2: #f4efdd; --gold-deep: #cdc4a8;
    --accent: #ECE7D3; --on-accent: #14140F;
    color-scheme: dark; color: var(--fg);
  }
.lv{ background: var(--bg); color: var(--muted); }
.lv h1,.lv h2,.lv h3,.lv h4{ color: var(--fg); }
.lv .head h2,.lv .punch,.lv .both,.lv .final h2{ font-weight: 800; }
.lv .section{ padding: clamp(72px, 12vw, 112px) 0; background: var(--bg); }
.lv .section.alt{ background: var(--bg-alt); }
.lv footer{ margin-top: 0; background: #000; }
.lv .hero{ background: #000; padding-bottom: 0; }
.lv .hero::before{ background: radial-gradient(620px 320px at 50% 6%, rgba(236,231,211,0.10), transparent 70%), #000; }
.lv .hero-fade{ position: relative; height: clamp(200px, 40vw, 360px); margin-top: 40px; pointer-events: none;
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.02) 16%, rgba(255,255,255,.06) 28%, rgba(255,255,255,.13) 39%, rgba(255,255,255,.24) 49%, rgba(255,255,255,.38) 58%, rgba(255,255,255,.54) 66%, rgba(255,255,255,.7) 74%, rgba(255,255,255,.84) 82%, rgba(255,255,255,.94) 90%, #fff 97%); }
.lv .hero + .section{ padding-top: clamp(8px, 3vw, 28px); }
.lv .gold{ background: linear-gradient(transparent 60%, var(--marker) 60%); -webkit-background-clip: border-box; background-clip: border-box;
    -webkit-text-fill-color: currentColor; color: var(--fg); padding-inline: 0.06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.lv .hero .gold,.lv .final .gold{ background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-inline: 0; }
.lv .stat .fig.gold,.lv .stu-res .gold,.lv .wres.gold,.lv .area-num.gold{ background: none; padding-inline: 0; }
.lv .eyebrow{ background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.lv .eyebrow .dot{ background: var(--on-accent); box-shadow: 0 0 10px rgba(236,231,211,.8); }
.lv .hero .eyebrow,.lv .final .eyebrow{ background: rgba(236,231,211,0.06); border-color: var(--line-strong); color: var(--gold-2); }
.lv .hero .eyebrow .dot,.lv .final .eyebrow .dot{ background: var(--gold); }
.lv .ava,.lv .loop .dot,.lv .path.two .path-tag,.lv .how li.last .n,.lv .get-top .role,.lv .machine-flow span.end,.lv .video-play{
    background: var(--accent); color: var(--on-accent); box-shadow: none; }
.lv .video-play svg{ color: var(--on-accent); }
.lv .video-play::before{ border-color: rgba(17,19,21,.35); }
.lv .hero .video-play::before{ border-color: rgba(236,231,211,.45); }
.lv .machine-flow span.end b{ color: rgba(236,231,211,.7); }
.lv .rule{ background: linear-gradient(90deg, transparent, var(--line-strong) 30%, var(--line-strong) 70%, transparent); opacity: 1; }
.lv .stat,.lv .stu,.lv .skills8 li,.lv .loop li,.lv .path,.lv .attn div,.lv .area,.lv .day,.lv .get,.lv .wcard,.lv .faq details,.lv .gap,.lv .qgrid div,.lv .always li,.lv .community,.lv .how .n{
    background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow); }
.lv .section.alt .ba-col.before,.lv .section.alt .flow.watch{ background: transparent; }
.lv .path.two,.lv .ba-col.after,.lv .flow.exec,.lv .machine,.lv .truth,.lv .philo{
    border: 1.5px solid var(--accent); background: linear-gradient(165deg, var(--accent-tint), var(--surface) 62%);
    box-shadow: 0 1px 2px rgba(17,19,21,.04), 0 24px 48px -26px rgba(17,19,21,.35); }
.lv .faq details[open]{ border-color: var(--accent); }
.lv .how li:not(:last-child)::before{ background: var(--line-strong); }
.lv .how .n{ color: var(--fg); }
.lv .loop::before{ background: linear-gradient(180deg, var(--line-strong), transparent); }
.lv .skills8 li::before{ color: var(--faint); }
.lv .chips span{ background: var(--accent-tint); border-color: var(--accent-line); color: var(--fg); }
.lv .chips.noise span{ background: transparent; border-color: var(--line-strong); color: var(--faint); text-decoration-color: rgba(17,19,21,.35); }
.lv .gap-flow span{ border-color: var(--accent-line); background: var(--accent-tint); }
.lv .day-flow{ background: var(--accent-tint); border-color: var(--accent-line); color: var(--fg); }
.lv .aside{ border-color: var(--line-strong); }
.lv .wname{ border-top-color: var(--line); }
.lv .ba-col.after li svg,.lv .rm-list li svg,.lv .loop-back svg,.lv .faq summary .pm{ color: var(--fg); }
.lv .community-in h2{ color: var(--fg); }
.lv .final{ background: #000; border-color: rgba(236,231,211,.16); box-shadow: 0 30px 60px -30px rgba(17,19,21,.5); }
.lv .final h2{ color: #fff; }
.lv .final{ padding-left: 18px; padding-right: 18px; }
.lv .final .btn-line{ font-size: 15.5px; padding: 17px 18px; white-space: nowrap; }
.lv .sticky-cta{ background: rgba(255,255,255,0.9); border-top: 1px solid var(--line); }
.lv .stu-res{ color: var(--fg); }
.lv .wres{ color: var(--fg); font-size: clamp(17px, 4.8vw, 19px); }
.lv .eyebrow{ letter-spacing: 0.12em; font-size: 12px; }
.lv .stat .fig .k{ font-size: 0.8em; font-weight: 900; }
.lv .stu-photo{ aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid var(--line); background: #000; }
.lv .stu-photo img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.lv .sub-head{ text-align: center; margin: 56px 0 18px; }
.lv .sub-head h3{ font-size: clamp(19px, 5vw, 22px); font-weight: 900; }
.lv .sub-head p{ color: var(--muted); font-size: 13.5px; margin-top: 6px; }
.lv .ava.sm img{ width: 100%; height: 100%; object-fit: cover; }
.lv .section.dark{
    --bg: #000000; --bg-2: #0c0c0e; --surface: #17171B; --surface-2: #1e1e23;
    --line: rgba(236,231,211,.16); --line-strong: rgba(236,231,211,.26);
    --fg: #FFFFFF; --muted: #D4D4D8; --faint: #A3A3A9;
    --gold: #e6dfc9; --gold-2: #f4efdd; --gold-deep: #cdc4a8;
    --accent: #ECE7D3; --on-accent: #14140F; --accent-tint: rgba(236,231,211,.06); --accent-line: rgba(236,231,211,.26); --marker: rgba(236,231,211,.22);
    --shadow: none;
    background: radial-gradient(700px 360px at 50% 0%, rgba(236,231,211,0.08), transparent 70%), #000; color: var(--muted); color-scheme: dark;
  }
.lv .section.dark .gold{ background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; padding-inline: 0; }
.lv .section.dark .eyebrow{ background: rgba(236,231,211,0.06); border-color: var(--line-strong); color: var(--gold-2); }
.lv .section.dark .eyebrow .dot{ background: var(--gold); }
.lv .section.t-w2c,.lv .section.t-c2w{ --tf: clamp(120px, 26vw, 200px); background-repeat: no-repeat; background-size: 100% var(--tf), auto; }
.lv .section.t-w2c{ background-image: linear-gradient(180deg, #ffffff 0.00%, #ffffff 3.12%, #ffffff 6.25%, #ffffff 9.38%, #ffffff 12.50%, #ffffff 15.62%, #fffefe 18.75%, #fefefe 21.88%, #fefefd 25.00%, #fefdfd 28.12%, #fdfdfc 31.25%, #fdfdfb 34.38%, #fdfcfb 37.50%, #fcfbfa 40.62%, #fcfbf9 43.75%, #fbfaf8 46.88%, #faf9f7 50.00%, #faf9f6 53.12%, #f9f8f5 56.25%, #f9f8f4 59.38%, #f8f7f3 62.50%, #f8f6f3 65.62%, #f8f6f2 68.75%, #f7f6f1 71.88%, #f7f5f1 75.00%, #f7f5f0 78.12%, #f6f5f0 81.25%, #f6f4ef 84.38%, #f6f4ef 87.50%, #f6f4ef 90.62%, #f6f4ef 93.75%, #f6f4ef 96.88%, #f6f4ef 100.00%), linear-gradient(#f6f4ef,#f6f4ef); }
.lv .section.t-c2w{ background-image: linear-gradient(180deg, #f6f4ef 0.00%, #f6f4ef 3.12%, #f6f4ef 6.25%, #f6f4ef 9.38%, #f6f4ef 12.50%, #f6f4ef 15.62%, #f6f5f0 18.75%, #f7f5f0 21.88%, #f7f5f1 25.00%, #f7f6f1 28.12%, #f8f6f2 31.25%, #f8f6f3 34.38%, #f8f7f3 37.50%, #f9f8f4 40.62%, #f9f8f5 43.75%, #faf9f6 46.88%, #faf9f7 50.00%, #fbfaf8 53.12%, #fcfbf9 56.25%, #fcfbfa 59.38%, #fdfcfb 62.50%, #fdfdfb 65.62%, #fdfdfc 68.75%, #fefdfd 71.88%, #fefefd 75.00%, #fefefe 78.12%, #fffefe 81.25%, #ffffff 84.38%, #ffffff 87.50%, #ffffff 90.62%, #ffffff 93.75%, #ffffff 96.88%, #ffffff 100.00%), linear-gradient(#ffffff,#ffffff); }
.lv .section.dark{ --fade: clamp(260px, 60vw, 460px); padding-top: calc(var(--fade) * .72); padding-bottom: calc(var(--fade) * .72);
    background: var(--gt) top / 100% var(--fade) no-repeat, var(--gb) bottom / 100% var(--fade) no-repeat, #000; }
.lv .section.d-top-w{ --gt: linear-gradient(180deg, #ffffff 0.00%, #ffffff 3.12%, #fefefe 6.25%, #fdfdfd 9.38%, #fafafa 12.50%, #f5f5f5 15.62%, #efefef 18.75%, #e7e7e7 21.88%, #dddddd 25.00%, #d1d1d1 28.12%, #c4c4c4 31.25%, #b5b5b5 34.38%, #a6a6a6 37.50%, #969696 40.62%, #858585 43.75%, #747474 46.88%, #636363 50.00%, #535353 53.12%, #434343 56.25%, #353535 59.38%, #282828 62.50%, #1c1c1c 65.62%, #121212 68.75%, #090909 71.88%, #040404 75.00%, #010101 78.12%, #000000 81.25%, #000000 84.38%, #000000 87.50%, #000000 90.62%, #000000 93.75%, #000000 96.88%, #000000 100.00%); }
.lv .section.d-top-c{ --gt: linear-gradient(180deg, #f6f4ef 0.00%, #f6f4ef 3.12%, #f5f3ee 6.25%, #f4f2ed 9.38%, #f1efea 12.50%, #eceae6 15.62%, #e6e4e0 18.75%, #deddd8 21.88%, #d5d3cf 25.00%, #cac8c4 28.12%, #bdbbb7 31.25%, #afadaa 34.38%, #a09f9b 37.50%, #908f8c 40.62%, #807f7c 43.75%, #706f6c 46.88%, #5f5e5c 50.00%, #504f4d 53.12%, #41403e 56.25%, #333231 59.38%, #262524 62.50%, #1a1a19 65.62%, #101010 68.75%, #080808 71.88%, #030303 75.00%, #010101 78.12%, #000000 81.25%, #000000 84.38%, #000000 87.50%, #000000 90.62%, #000000 93.75%, #000000 96.88%, #000000 100.00%); }
.lv .section.d-bot-w{ --gb: linear-gradient(180deg, #000000 0.00%, #000000 3.12%, #000000 6.25%, #000000 9.38%, #000000 12.50%, #000000 15.62%, #000000 18.75%, #010101 21.88%, #040404 25.00%, #090909 28.12%, #121212 31.25%, #1c1c1c 34.38%, #282828 37.50%, #353535 40.62%, #434343 43.75%, #535353 46.88%, #636363 50.00%, #747474 53.12%, #858585 56.25%, #969696 59.38%, #a6a6a6 62.50%, #b5b5b5 65.62%, #c4c4c4 68.75%, #d1d1d1 71.88%, #dddddd 75.00%, #e7e7e7 78.12%, #efefef 81.25%, #f5f5f5 84.38%, #fafafa 87.50%, #fdfdfd 90.62%, #fefefe 93.75%, #ffffff 96.88%, #ffffff 100.00%); }
.lv .section.d-bot-c{ --gb: linear-gradient(180deg, #000000 0.00%, #000000 3.12%, #000000 6.25%, #000000 9.38%, #000000 12.50%, #000000 15.62%, #000000 18.75%, #010101 21.88%, #030303 25.00%, #080808 28.12%, #101010 31.25%, #1a1a19 34.38%, #262524 37.50%, #333231 40.62%, #41403e 43.75%, #504f4d 46.88%, #5f5e5c 50.00%, #706f6c 53.12%, #807f7c 56.25%, #908f8c 59.38%, #a09f9b 62.50%, #afadaa 65.62%, #bdbbb7 68.75%, #cac8c4 71.88%, #d5d3cf 75.00%, #deddd8 78.12%, #e6e4e0 81.25%, #eceae6 84.38%, #f1efea 87.50%, #f4f2ed 90.62%, #f5f3ee 93.75%, #f6f4ef 96.88%, #f6f4ef 100.00%); }
.lv .hero-fade{ height: clamp(260px, 60vw, 460px); background: linear-gradient(180deg, #000000 0.00%, #000000 3.12%, #000000 6.25%, #000000 9.38%, #000000 12.50%, #000000 15.62%, #000000 18.75%, #010101 21.88%, #040404 25.00%, #090909 28.12%, #121212 31.25%, #1c1c1c 34.38%, #282828 37.50%, #353535 40.62%, #434343 43.75%, #535353 46.88%, #636363 50.00%, #747474 53.12%, #858585 56.25%, #969696 59.38%, #a6a6a6 62.50%, #b5b5b5 65.62%, #c4c4c4 68.75%, #d1d1d1 71.88%, #dddddd 75.00%, #e7e7e7 78.12%, #efefef 81.25%, #f5f5f5 84.38%, #fafafa 87.50%, #fdfdfd 90.62%, #fefefe 93.75%, #ffffff 96.88%, #ffffff 100.00%); }
.lv .wall[hidden]{ display: none; }
.lv .more-wrap{ display: flex; justify-content: center; margin-top: 26px; }
.lv .more-btn{ font: inherit; font-size: 14px; font-weight: 800; color: var(--fg); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 100px; padding: 13px 26px; cursor: pointer; transition: background .2s ease; }
.lv .more-btn:hover{ background: var(--bg-2, var(--surface)); }
.lv .hero-vsl{ max-width: 680px; margin: 22px auto 0; border-radius: 20px; overflow: hidden; background: #000; border: 1px solid rgba(236,231,211,0.22); box-shadow: 0 50px 110px -45px rgba(0,0,0,0.95); }
.lv .hero-vsl{ position: relative; aspect-ratio: 16 / 9; }
.lv .hero-vsl wistia-player{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.lv .hero-vsl wistia-player[media-id]:not(:defined){ padding-top: 0 !important; background-size: cover !important; }
.lv .vsl-unmute{ position: absolute; top: 14px; right: 14px; z-index: 5; display: inline-flex; align-items: center; gap: 9px;
    font: inherit; font-size: 14px; font-weight: 800; color: #111315; background: #ECE7D3; border: 0; border-radius: 100px; padding: 11px 18px; cursor: pointer;
    box-shadow: 0 10px 30px -6px rgba(0,0,0,.6); animation: vslPulse 2.2s ease-in-out infinite; white-space: nowrap; }
.lv .vsl-unmute svg{ width: 20px; height: 20px; }
.lv .vsl-unmute:hover{ transform: scale(1.04); }
.lv .vsl-unmute[hidden]{ display: none; }
@keyframes vslPulse { 0%,100% { box-shadow: 0 10px 30px -6px rgba(0,0,0,.6), 0 0 0 0 rgba(236,231,211,.55); } 50% { box-shadow: 0 10px 30px -6px rgba(0,0,0,.6), 0 0 0 10px rgba(236,231,211,0); } }
@media (prefers-reduced-motion: reduce) {.lv .vsl-unmute{ animation: none; }}
.lv wistia-player[media-id="t4dyhb4f3p"]:not(:defined){ background: center / contain no-repeat url("https://fast.wistia.com/embed/medias/t4dyhb4f3p/swatch"); display: block; filter: blur(5px); padding-top:56.25%; }
.lv{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.85;font-feature-settings:"palt" 1}
.lv .reveal{opacity:1!important;transform:none!important}