.news-page { --news-ink:#182029; background:#fff; color:var(--news-ink); }
.news-page,.news-page * { scrollbar-color:#cbd1d5 #fff; }
.news-main { position:relative; isolation:isolate; height:100svh; min-height:600px; overflow:hidden; background:#14181b; }
.news-intro { position:absolute; z-index:0; inset:0; overflow:hidden; background:#14181b; }
.news-intro-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.news-intro-shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 24%,transparent 82%,rgba(0,0,0,.12)); pointer-events:none; }
.news-intro-status { position:absolute; left:50%; bottom:24px; transform:translateX(-50%); margin:0; color:#fff; font-size:.85rem; text-shadow:0 1px 8px #000; }
.news-intro-status:empty { display:none; }
.news-playback-continue { min-height:44px; margin-left:8px; padding:6px 12px; border:1px solid rgba(255,255,255,.65); background:rgba(16,22,27,.5); color:#fff; cursor:pointer; }
.news-overlay { position:absolute; z-index:2; inset:0; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px) scale(.99); transition:opacity 700ms ease,transform 700ms cubic-bezier(.22,1,.36,1),visibility 0s linear 700ms; }
.news-page.is-news-ready .news-overlay { opacity:1; visibility:visible; pointer-events:none; transform:translateY(0) scale(1); transition-delay:0s; }
.news-scenes { position:absolute; top:50%; left:50%; width:max(100vw,189.63svh); height:max(100svh,52.74vw); overflow:hidden; outline:none; transform:translate(-50%,-50%); }
.news-scene { position:absolute; inset:0; opacity:0; visibility:hidden; transform:translate3d(0,0,0); transition:opacity 500ms cubic-bezier(.22,1,.36,1),transform 500ms cubic-bezier(.22,1,.36,1),visibility 0s linear 500ms; }
.news-scene.is-current { z-index:2; opacity:1; visibility:visible; transition-delay:0s; }
.news-scene.is-entering-next,.news-scene.is-entering-previous { visibility:visible; }
.news-scene.is-entering-next { opacity:0; transform:translate3d(25px,0,0); }
.news-scene.is-entering-previous { opacity:0; transform:translate3d(-25px,0,0); }
.news-scene.is-entering-next.is-current,.news-scene.is-entering-previous.is-current { opacity:1; transform:translate3d(0,0,0); transition-delay:0s; }
.news-scene.is-leaving-next,.news-scene.is-leaving-previous { z-index:1; opacity:0; visibility:visible; transition:opacity 440ms cubic-bezier(.22,1,.36,1),transform 440ms cubic-bezier(.22,1,.36,1); }
.news-scene.is-leaving-next { transform:translate3d(-25px,0,0); }
.news-scene.is-leaving-previous { transform:translate3d(25px,0,0); }
.trackpad-image-area { position:absolute; top:25.2%; left:39.1%; width:22.1%; height:24.4%; overflow:hidden; border-radius:2%; clip-path:inset(0 round 2%); transform:perspective(1000px) rotateY(-.2deg) skewX(-.08deg); transform-origin:center; }
.trackpad-image-area img { display:block; width:100%; height:100%; object-fit:cover; opacity:.96; mix-blend-mode:multiply; filter:saturate(.94) contrast(.98); }
.notebook-content-area { position:absolute; top:61.5%; left:33.7%; width:33.2%; height:32%; }
.news-scene-inner { position:absolute; inset:0; box-sizing:border-box; width:100%; height:100%; }
.notebook-left-page,.notebook-right-page { position:absolute; top:8%; height:84%; min-width:0; min-height:0; color:#20262a; overflow:hidden; }
.notebook-left-page { left:8%; width:34%; display:flex; flex-direction:column; justify-content:center; }
.news-page-label { display:block; color:#62696c; font-size:clamp(7px,.58vw,10px); font-weight:700; letter-spacing:.18em; line-height:1.3; text-transform:uppercase; }
.notebook-left-page h1,.notebook-left-page h2 { margin:clamp(8px,.9vw,14px) 0 0; max-width:17ch; color:#171d21; font-size:clamp(20px,2.4vw,36px); font-weight:650; line-height:1.1; letter-spacing:-.025em; text-wrap:balance; overflow-wrap:anywhere; }
.news-date-block { display:grid; gap:5px; margin-top:clamp(18px,3.4vh,34px); }
.news-date-block time { color:#42494d; font-size:clamp(8px,.72vw,12px); line-height:1.4; letter-spacing:.02em; }
.notebook-right-page { left:51.5%; width:41%; display:flex; flex-direction:column; justify-content:center; }
.news-content { color:#41484b; font-size:clamp(9px,.78vw,13px); line-height:1.68; }
.news-content p { margin:0 0 .8em; }
.news-content p:last-child { margin-bottom:0; }
.news-read-more { align-self:flex-start; display:inline-block; margin-top:clamp(9px,1.3vw,18px); color:#252d31; font-size:clamp(8px,.65vw,11px); font-weight:750; letter-spacing:.1em; text-decoration:none; }
.news-read-more:hover { text-decoration:underline; text-underline-offset:3px; }
.news-arrow { position:absolute; z-index:4; top:75.8%; width:clamp(27px,3.2vw,42px); height:clamp(27px,3.2vw,42px); display:grid; place-items:center; padding:0; border:1px solid rgba(29,37,43,.38); border-radius:50%; background:rgba(255,255,255,.54); color:#20282f; cursor:pointer; transform:translateY(-50%); transition:background .2s,color .2s,border-color .2s,opacity .2s; pointer-events:auto; }
.news-arrow-prev { left:18.5%; }
.news-arrow-next { right:18.5%; }
.news-arrow:hover:not(:disabled) { border-color:#1b3449; background:#1b3449; color:#fff; }
.news-arrow:disabled { opacity:.28; cursor:default; }
.news-arrow svg { width:55%; height:55%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.news-arrow:focus-visible { outline:2px solid #3f719b; outline-offset:3px; }
@media(max-width:760px) {
 .news-main { min-height:620px; }
 .notebook-left-page h1,.notebook-left-page h2 { font-size:clamp(17px,2.8vw,22px); }
 .news-page-label { font-size:clamp(9px,1.25vw,11px); }
 .news-content { font-size:clamp(11px,1.65vw,13px); line-height:1.55; }
 .news-date-block time { font-size:clamp(10px,1.35vw,12px); }
 .news-read-more { font-size:10px; }
 .notebook-right-page { left:52.5%; width:34.5%; }
 .news-arrow-prev { left:max(12px,env(safe-area-inset-left,0px)); }
 .news-arrow-next { right:max(12px,env(safe-area-inset-right,0px)); }
 .news-arrow { width:48px; height:48px; touch-action:manipulation; }
}
@media(max-width:520px) {
 .notebook-left-page h1,.notebook-left-page h2 { font-size:clamp(17px,4.35vw,21px); }
 .news-content { font-size:clamp(11px,3vw,13px); line-height:1.5; }
 .news-page-label { font-size:9px; }
 .news-date-block { margin-top:clamp(10px,2vh,18px); }
 .news-date-block time { font-size:10px; }
 .news-read-more { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .news-overlay,.news-scene,.news-arrow { transition-duration:.01ms!important; }
}