.page-screen-blog{height:auto;background:radial-gradient(circle at 18% 18%,rgba(65,111,128,.38) 0%,transparent 34%),radial-gradient(circle at 86% 72%,rgba(215,169,85,.18) 0%,transparent 34%),linear-gradient(135deg,#071016 0%,#101820 48%,#05080b 100%);color:#f8fbff;display:flex;align-items:center;justify-content:center}.blog-page{position:relative;width:100%;max-width:1320px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 34px;box-sizing:border-box}.blog-page::before{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 82px);opacity:.42;transform:rotate(-8deg);pointer-events:none}.blog-backdrop-word{position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-50%);font-family:Georgia,times new roman,serif;font-size:clamp(280px,38vw,560px);font-weight:700;line-height:.8;letter-spacing:-.1em;color:rgba(255,255,255,.055);text-shadow:0 20px 80px rgba(0,0,0,.22);white-space:nowrap;user-select:none;pointer-events:none}.blog-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;justify-content:center;width:100%}.blog-card{position:relative;display:block;width:100%;min-width:0;min-height:0;aspect-ratio:16/9;border-radius:18px;overflow:hidden;text-decoration:none!important;color:#fff;isolation:isolate;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;box-shadow:0 14px 32px rgba(0,0,0,.24);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .24s ease,outline-color .24s ease,box-shadow .24s ease}.blog-card:hover{transform:translateY(-8px)rotate(-.6deg);outline-color:rgba(255,255,255,.22);box-shadow:0 24px 54px rgba(0,0,0,.34);text-decoration:none!important}.blog-card::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(4,10,14,4%) 0%,rgba(4,10,14,.18) 40%,rgba(4,10,14,.86) 100%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.12),transparent 24%);pointer-events:none}.blog-card::after{content:"";position:absolute;inset:auto 14px 14px auto;width:54px;height:54px;z-index:3;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,3%) 58%,transparent 72%);pointer-events:none}.blog-card::after{display:none}.blog-card-image{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#111820}.blog-card-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;display:block;filter:saturate(.9)brightness(.82);transition:filter .35s ease}.blog-card:hover .blog-card-image img{filter:saturate(.96)brightness(.86)}.blog-card-body{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px 18px 16px;box-sizing:border-box;gap:6px;text-shadow:0 2px 14px rgba(0,0,0,.42)}.blog-card-date{font-size:9px;font-weight:600;color:rgba(255,255,255,.62);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.blog-card-title{margin:0;width:100%;text-align:left;font-size:clamp(12px,.95vw,15px);font-weight:700;line-height:1.32;color:rgba(255,255,255,.96);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card--1{transform:translateY(-16px)rotate(-4deg);z-index:1}.blog-card--2{transform:translateY(16px)rotate(2.5deg);z-index:1}.blog-card--3{transform:translateY(-16px)rotate(-3deg);z-index:1}.blog-card--4{transform:translateY(16px)rotate(3.5deg);z-index:1}.blog-card--1:hover,.blog-card--2:hover,.blog-card--3:hover,.blog-card--4:hover{transform:translateY(-12px)rotate(0);z-index:10}@media(max-width:1024px){.blog-page{max-width:920px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:0 auto}.blog-card{aspect-ratio:1.62/1}.blog-card--1,.blog-card--2,.blog-card--3,.blog-card--4{transform:none}}@media(max-width:640px){.page-screen-blog{align-items:center;justify-content:center;overflow:clip}.blog-page{width:100%;min-height:0;justify-content:center;align-items:center;padding:48px 16px calc(48px + env(safe-area-inset-bottom,0px));gap:0}.blog-backdrop-word{font-size:clamp(120px,36vw,200px);letter-spacing:-.06em;white-space:nowrap;overflow:visible;opacity:.3;pointer-events:none;z-index:0}.blog-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:min(100%,340px);max-width:340px;margin:0 auto}.blog-card{aspect-ratio:1.9/1;border-radius:16px;box-shadow:0 18px 36px rgba(0,0,0,.28)}.blog-card:nth-child(n+3){display:none}.blog-card--1,.blog-card--2,.blog-card--3,.blog-card--4,.blog-card--1:hover,.blog-card--2:hover,.blog-card--3:hover,.blog-card--4:hover{transform:none!important}.blog-card-body{padding:14px 14px 13px}.blog-card-date{font-size:8px}.blog-card-title{font-size:14px;line-height:1.32}.blog-card-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}}