.bento-card{position:relative;display:flex;flex-direction:column;padding:20px;background:color-mix(in oklab,var(--card) 40%,transparent);border:1px solid color-mix(in oklab,var(--line) 40%,transparent);border-radius:var(--radius);backdrop-filter:blur(36px) saturate(200%);-webkit-backdrop-filter:blur(36px) saturate(200%);box-shadow:inset 0 1px 1px #ffffff14;overflow:hidden;text-decoration:none;color:var(--fg);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);cursor:pointer;box-sizing:border-box}.bento-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--acc) 40%,var(--line) 60%);box-shadow:0 8px 30px #0003,inset 0 1px 1px #ffffff1a}.bento-card:active{transform:translateY(-1px);transition-duration:.1s}.bento-card__bg{position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),color-mix(in oklab,var(--acc) 10%,transparent),transparent 50%);z-index:0;opacity:0;transition:opacity .5s ease;pointer-events:none}.bento-card:hover .bento-card__bg{opacity:1}.bento-card__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.bento-card__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.bento-card__icon{font-size:20px;color:var(--acc)}.bento-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.2;margin:0;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bento-card__desc{font-family:var(--font-ui);font-size:.95rem;line-height:1.5;color:var(--muted);margin:0}.bento-card__slot{margin-top:16px;flex-grow:1}.bento-card__arrow{position:absolute;top:24px;right:24px;color:var(--muted);opacity:.5;transition:transform .3s var(--spring-bounce),color .3s,opacity .3s}.bento-card:hover .bento-card__arrow{transform:translate(2px,-2px);color:var(--acc);opacity:1}.col-span-1{grid-column:span 1}.col-span-2,.col-span-3{grid-column:span 2}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}@media (max-width: 768px){.col-span-1,.col-span-2,.col-span-3{grid-column:span 1}.row-span-1,.row-span-2{grid-row:auto}}.home-vinyl{position:relative;width:calc(100% + 40px);margin:-16px -20px -20px;height:calc(100% + 36px);min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:4px;border-radius:0 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px)}.home-vinyl__skeleton-disc{width:128px;height:128px;margin-bottom:12px;border-radius:999px;background:color-mix(in oklab,var(--card) 88%,transparent);animation:home-widget-pulse 1.4s ease-in-out infinite}.home-vinyl__skeleton-line{width:128px;height:14px;border-radius:8px;background:color-mix(in oklab,var(--card) 84%,transparent);animation:home-widget-pulse 1.4s ease-in-out infinite}.home-vinyl__mesh{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 55%,color-mix(in oklab,#1a1210 45%,transparent),transparent),linear-gradient(to bottom,transparent 0%,color-mix(in oklab,#0d0b09 25%,transparent) 40%,transparent 70%)}.home-vinyl__record-wrap{position:relative;width:148px;height:148px;margin-bottom:10px;flex-shrink:0}.home-vinyl__record{position:relative;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at center,#1c1210,#0e0b09 60%,#060404);box-shadow:0 0 0 1px #ffffff0f,0 16px 40px -8px #000000b3,inset 0 0 0 1px #000000e6;display:flex;align-items:center;justify-content:center}.home-vinyl__groove{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 .5px #00000080}.home-vinyl__groove--1{inset:10px;opacity:.6}.home-vinyl__groove--2{inset:21px;opacity:.5}.home-vinyl__groove--3{inset:32px;opacity:.4}.home-vinyl__groove--4{inset:43px;opacity:.3}.home-vinyl__label{width:44px;height:44px;border-radius:999px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--acc) 85%,#c86a20 15%),color-mix(in oklab,var(--acc) 40%,#5a2d0a 60%));box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000004d,0 0 0 2px #00000080}.home-vinyl__label-gloss{position:absolute;inset:0;background:conic-gradient(from 200deg at 38% 35%,rgba(255,255,255,.18),transparent 40%,rgba(255,255,255,.06) 70%,transparent)}.home-vinyl__label-pin{width:5px;height:5px;border-radius:999px;background:#050303;box-shadow:0 0 0 1px #ffffff1a;position:relative;z-index:1}.home-vinyl__record--spinning{animation:vinyl-spin 4s linear infinite}@keyframes vinyl-spin{0%{transform:rotate(var(--start-angle, 0deg))}to{transform:rotate(calc(var(--start-angle, 0deg) + 360deg))}}.home-vinyl__arm{position:absolute;top:-10px;right:-10px;width:52px;height:110px;pointer-events:none;transform-origin:44px 4px}.home-vinyl__arm-shaft{position:absolute;right:10px;top:4px;width:3px;height:72px;border-radius:999px;transform:rotate(12deg);background:linear-gradient(to bottom,color-mix(in oklab,var(--off-white) 80%,transparent),color-mix(in oklab,var(--muted) 60%,transparent));box-shadow:0 2px 8px #0000004d}.home-vinyl__arm-head{position:absolute;right:2px;bottom:12px;width:10px;height:22px;border-radius:3px 3px 2px 2px;transform:rotate(12deg);background:linear-gradient(160deg,color-mix(in oklab,var(--off-white) 55%,transparent),color-mix(in oklab,var(--muted) 35%,transparent));box-shadow:inset 0 1px #fff3,0 4px 12px #00000080}.home-vinyl__arm-head:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:2px;height:10px;border-radius:1px 1px 0 0;background:color-mix(in oklab,var(--off-white) 40%,transparent);box-shadow:0 2px 4px #0006}.home-vinyl__info{position:relative;z-index:1;width:100%;max-width:180px;padding:0 12px;text-align:center}.home-vinyl__title{margin:0;font-size:.9rem;font-weight:700;line-height:1.25;color:color-mix(in oklab,var(--off-white) 88%,transparent);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-vinyl__artist{margin:2px 0 0;font-size:.76rem;font-weight:500;line-height:1.35;color:color-mix(in oklab,var(--muted) 86%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:24px}.home-dives{position:relative;width:calc(100% + 40px);margin:-16px -20px -20px;height:calc(100% + 36px);min-height:120px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:16px 20px 20px;border-radius:0 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px)}.home-dives__bg{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,#42322a 18%,transparent) 30%,color-mix(in oklab,#1f1815 36%,transparent) 60%,color-mix(in oklab,#110e0c 58%,transparent))}.home-dives__bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.home-dives__bubble{position:absolute;bottom:0;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.28);visibility:hidden;opacity:0}.bento-card:hover .home-dives__bubble{visibility:visible;animation:bubble-rise var(--b-dur) linear var(--b-delay) infinite}@keyframes bubble-rise{0%,4%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.7;transform:translateY(-16px) scale(.6)}30%{opacity:.6;transform:translateY(-48px) scale(.8)}55%{opacity:.45;transform:translateY(-88px) scale(1)}80%{opacity:.2;transform:translateY(-130px) scale(1.2)}92%,to{opacity:0;transform:translateY(-160px) scale(1.4)}}.home-dives__wave-wrap{position:absolute;left:0;right:0;bottom:0;height:96px;opacity:.22;pointer-events:none}.home-dives__wave{width:100%;height:100%;fill:color-mix(in oklab,#3a84b9 80%,transparent)}.home-dives__content{position:relative;z-index:1}.home-dives__kicker{margin:0 0 6px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab,#e0cbb8 62%,var(--muted) 38%)}.home-dives__metric-line{display:flex;align-items:baseline;gap:4px}.home-dives__metric-value{font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--off-white) 92%,transparent);text-shadow:0 2px 10px rgba(0,0,0,.28)}.home-dives__metric-unit{font-size:.92rem;font-weight:600;color:color-mix(in oklab,#d8c4ae 78%,var(--muted) 22%)}.home-dives__pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px}.home-dives__pill{display:inline-block;padding:4px 10px;font-size:.72rem;font-weight:600;line-height:1.3;letter-spacing:.02em;color:color-mix(in oklab,var(--off-white) 88%,transparent);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;white-space:nowrap}@keyframes home-widget-pulse{0%,to{opacity:.62}50%{opacity:1}}.home-principles{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4px 0;min-height:60px;height:100%}.home-principles__maxim{margin:0;font-family:var(--font-display);font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.45;color:color-mix(in oklab,var(--off-white) 72%,transparent);text-align:center;transition:opacity .4s ease;max-width:340px}@media (prefers-reduced-motion: reduce){.home-vinyl__skeleton-disc,.home-vinyl__skeleton-line{animation:none}.home-principles__maxim{transition:none}}.card-doodle{position:absolute;bottom:0;left:0;right:0;z-index:1;pointer-events:none;display:flex;justify-content:center;padding:12px 20px;color:#e8a87c}.card-doodle svg{opacity:.28;transition:opacity .5s ease}.bento-card:hover .card-doodle svg{opacity:.4}.card-doodle--scale svg{width:70%;max-width:240px;height:auto}.card-doodle--vinyl{inset:0 0 auto;padding:0}.card-doodle--vinyl svg{width:100%;height:100%}.card-doodle--dive-profile{inset:0 0 auto;padding:0}.card-doodle--dive-profile svg{width:100%;height:100%}@media (max-width: 768px){.card-doodle svg{opacity:.2}.bento-card:hover .card-doodle svg{opacity:.32}}@media (prefers-reduced-motion: reduce){.card-doodle svg{transition:none}}.principles-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.principle-tag{font-size:11px;padding:4px 10px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:color-mix(in srgb,var(--acc) 90%,white);border-radius:20px;border:1px solid color-mix(in srgb,var(--acc) 25%,transparent);white-space:nowrap}.bq[data-astro-cid-j7pv25f6]{display:grid;justify-items:center;gap:clamp(12px,1.8vw,18px);margin:clamp(48px,6vw,80px) auto clamp(52px,6.5vw,80px);text-align:center}.bq-en[data-astro-cid-j7pv25f6]{margin:0;max-width:clamp(28ch,34ch,36ch);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(1.2rem,2.2vw + .32rem,1.95rem);line-height:1.26;color:color-mix(in oklab,var(--off-white) 86%,var(--muted) 14%);text-wrap:balance;animation:settle-type 1.2s var(--ease) both}.bq-rule[data-astro-cid-j7pv25f6]{inline-size:min(580px,72vw);block-size:8px;position:relative;background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='16' fill='none'%3E%3Cpath d='M0,8 C20,2 40,14 60,8 C80,2 100,14 120,8 C140,1 160,15 180,8 C200,2 220,13 240,8' stroke='%23d8b469' stroke-width='1' stroke-opacity='0.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:240px 16px}.bq-rule[data-astro-cid-j7pv25f6]>span[data-astro-cid-j7pv25f6]{position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--gold-bright);background:var(--bg);padding:0 .4em}.bq-zh[data-astro-cid-j7pv25f6]{margin:0;max-width:24em;font-family:var(--font-chinese);font-size:clamp(1.02rem,1.5vw + .52rem,1.45rem);line-height:1.3;letter-spacing:.02em;color:color-mix(in oklab,var(--muted) 78%,var(--off-white) 22%);text-wrap:balance}@media (max-width: 760px){.home-board[data-astro-cid-j7pv25f6]{margin-top:14px;margin-bottom:12px}.bq-en[data-astro-cid-j7pv25f6]{max-width:29ch}.bq-rule[data-astro-cid-j7pv25f6]{inline-size:min(420px,78vw)}}.bento-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:8px auto 40px;width:100%;max-width:1000px}@media (min-width: 768px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px}}