.blog-ref-page{--blog-ref-font:"Inter","Noto Sans","Segoe UI","Helvetica Neue",Arial,sans-serif;--blog-ref-text:#f5f8fc;--blog-ref-muted:#d2dff0e6;--blog-ref-border:#bddaf742;--blog-ref-glass:#08142470;--blog-ref-accent:#ffb763eb;--blog-ref-accent-soft:#ffeed4f2;--blog-ref-bottom-offset:clamp(28px,4vh,48px);min-height:100dvh;color:var(--blog-ref-text);font-family:var(--blog-ref-font);background:#081426;position:relative;overflow-x:hidden}.blog-ref-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.blog-ref-bg__image{object-fit:cover;object-position:center}.blog-ref-bg__overlay{background:linear-gradient(#050a1238 0%,#050a1270 55%,#050a12b3 100%),linear-gradient(92deg,#050a128f 0%,#050a1247 50%,#0000 100%);position:absolute;inset:0}.blog-ref-main{z-index:2;min-height:100dvh;padding:5.8rem 1.8rem var(--blog-ref-bottom-offset);flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;margin-left:auto;display:flex;position:relative}.blog-ref-hero{left:clamp(14px,3vw,36px);bottom:var(--blog-ref-bottom-offset);z-index:2;pointer-events:auto;max-width:38%;position:absolute}.blog-ref-hero--detail{flex-direction:column;gap:.2rem;display:flex}.blog-ref-hero h1{letter-spacing:-.014em;text-shadow:0 6px 24px #00000080;max-width:22ch;margin:0 0 .7rem;font-size:clamp(2.1rem,2.6vw,3.2rem);font-weight:700;line-height:1.1}.blog-ref-copy__description{color:#e8f0faeb;text-shadow:0 4px 16px #00000061;max-width:52ch;margin:.6rem 0 0;font-size:clamp(.94rem,1vw,1.12rem);line-height:1.48}.blog-ref-detail__content{scrollbar-width:none;-ms-overflow-style:none;color:#e8f0faf0;text-shadow:0 4px 16px #0006;max-width:52ch;max-height:min(50vh,34rem);margin-top:.45rem;padding-right:.4rem;font-size:clamp(.96rem,1vw,1.08rem);line-height:1.72;overflow-y:auto}.blog-ref-detail__content::-webkit-scrollbar{display:none}.blog-ref-detail__content>:first-child{margin-top:0}.blog-ref-detail__content>:last-child{margin-bottom:0}.blog-ref-detail__content p,.blog-ref-detail__content ul,.blog-ref-detail__content ol,.blog-ref-detail__content blockquote,.blog-ref-detail__content h2,.blog-ref-detail__content h3{margin:0 0 1rem}.blog-ref-detail__content h2,.blog-ref-detail__content h3{letter-spacing:-.02em;text-wrap:balance;text-shadow:0 6px 20px #00000057;font-weight:700;line-height:1.22}.blog-ref-detail__content h2{color:#fbfdff;margin-top:1.45rem;font-size:clamp(1.18rem,1.5vw,1.58rem)}.blog-ref-detail__content h3{color:#ffcd90f5;margin-top:1.2rem;font-size:clamp(1.02rem,1.18vw,1.22rem)}.blog-ref-detail__content p{color:#e9f1faf2}.blog-ref-detail__content p+p{margin-top:.2rem}.blog-ref-detail__content ul,.blog-ref-detail__content ol{color:#e9f1faed;padding-left:1.4rem}.blog-ref-detail__content li{margin:.34rem 0;padding-left:.18rem}.blog-ref-detail__content ul li::marker{color:#ffb763eb;font-weight:700}.blog-ref-detail__content ol li::marker{color:#ffb763eb;font-weight:700}.blog-ref-detail__content blockquote{color:#ffeed4f5;background:linear-gradient(90deg,#ffb7631f 0%,#ffb7630a 100%);border-left:3px solid #ffb763c7;border-radius:0 14px 14px 0;margin:1.2rem 0;padding:.95rem 1rem .95rem 1.05rem;font-style:italic}.blog-ref-detail__content a{color:#ffeed4;text-underline-offset:.14em;text-decoration-color:#ffb76399}.blog-ref-copy__tags{flex-wrap:wrap;gap:.42rem;margin:.25rem 0 .6rem;display:flex}.blog-ref-copy__tag{color:#e2ecf8f2;background:#0c1d32b3;border:1px solid #b7d2ef57;border-radius:999px;align-items:center;min-height:1.7rem;padding:.12rem .62rem;font-size:.72rem;font-weight:600;display:inline-flex}.blog-ref-right{flex-direction:column;align-items:flex-end;gap:.64rem;width:min(58vw,48rem);max-width:calc(100vw - clamp(28px,6vw,72px));margin-left:auto;padding-right:0;display:flex;position:static;bottom:auto;right:auto}.blog-ref-slider{scrollbar-width:none;-ms-overflow-style:none;gap:.64rem;width:100%;display:block;overflow-x:auto}.blog-ref-slider::-webkit-scrollbar{display:none}.blog-ref-slider__track{flex-direction:row;justify-content:flex-end;gap:.64rem;width:max-content;min-width:100%;display:flex}.blog-ref-chips{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.36rem;padding-right:.2rem;display:flex}.blog-ref-chips button{color:#e2ecf8f0;cursor:pointer;background:#0c1d32b8;border:1px solid #b7d2ef57;border-radius:999px;min-width:4.3rem;height:1.95rem;padding:.2rem .66rem;font-size:.8rem;font-weight:600}.blog-ref-chips button.blog-ref-chip--active{border-color:var(--blog-ref-accent);color:#ffeed4;background:#ffb76333}.blog-ref-cards{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#b7d2ef38 transparent;flex-direction:row;gap:.54rem;padding:.4rem 0 1.2rem;display:flex;overflow:auto hidden}.blog-ref-cards::-webkit-scrollbar{height:6px}.blog-ref-cards::-webkit-scrollbar-track{background:0 0}.blog-ref-cards::-webkit-scrollbar-thumb{background:#b7d2ef38;border-radius:3px}.blog-ref-card{min-width:12rem;height:18rem;color:inherit;scroll-snap-align:start;background:#07101cd1;border:1px solid #c3ddf83d;border-radius:1rem;flex:0 0 12rem;text-decoration:none;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.blog-ref-card:hover{border-color:#d5e7fa75;transform:translateY(-3px)}.blog-ref-card__image{object-fit:cover}.blog-ref-card__overlay{background:linear-gradient(#0309100f 50%,#030910e0 100%);position:absolute;inset:0}.blog-ref-card__content{flex-direction:column;justify-content:flex-end;gap:.22rem;height:100%;padding:.7rem;display:flex;position:absolute;inset:0}.blog-ref-card__content small{color:var(--blog-ref-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:700}.blog-ref-card__content strong{color:#f7fbff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.22;display:-webkit-box;overflow:hidden}.blog-ref-card__meta{color:#d2dff0b3;font-size:.6rem;font-weight:500}.blog-ref-card__tags{flex-wrap:wrap;gap:.22rem;display:flex}.blog-ref-card__tag{color:#dceaf8e6;background:#0814249e;border:1px solid #bad6f04d;border-radius:999px;align-items:center;height:1.15rem;padding:0 .34rem;font-size:.54rem;font-weight:600;display:inline-flex}.blog-ref-card--empty{color:#cedef1b3;flex:0 0 100%;justify-content:center;align-items:center;height:12rem;font-size:.88rem;font-weight:600;display:flex}@media (max-width:1365px){.blog-ref-main{gap:1.2rem;padding:6.2rem .95rem 1.5rem}.blog-ref-hero{max-width:100%;position:static}.blog-ref-right{width:min(100%,48rem);max-width:100%;margin-left:auto}.blog-ref-hero h1{max-width:24ch;font-size:clamp(1.55rem,7.2vw,2.15rem)}.blog-ref-copy__description{font-size:1.01rem}.blog-ref-detail__content{max-width:100%;max-height:none;padding-right:0}.blog-ref-chips{justify-content:flex-end;padding-right:0}.blog-ref-card{flex:0 0 13rem;height:18rem}}@media (max-width:640px){.blog-ref-right{width:100%}.blog-ref-chips{justify-content:flex-start}.blog-ref-card{flex:0 0 80vw;height:18rem}}