/* A restrained optical perimeter. Page content, hit areas and card layout remain in normal flow. */
@property --fiber-turn{syntax:'<angle>';inherits:false;initial-value:35deg}
.fiber-card{position:relative;isolation:isolate;border-color:#2a4262!important;box-shadow:0 0 0 1px #3170c412,0 0 25px #165eff10;transition:border-color .35s,box-shadow .35s}
.fiber-card::before{content:'';position:absolute;inset:0;z-index:4;border-radius:inherit;padding:1.2px;pointer-events:none;background:conic-gradient(from var(--fiber-turn),#278cff08 0deg,#237dff18 28deg,#439bffb3 50deg,#d4effff2 63deg,#78c9ffdd 68deg,#237dff22 88deg,#278cff08 140deg,#278cff0c 195deg,#6d9eff88 225deg,#e4f6ffdd 239deg,#478dff55 248deg,#278cff08 270deg,#278cff08 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.94}
.fiber-card::after{content:'';position:absolute;inset:1px;z-index:3;border-radius:inherit;background:radial-gradient(ellipse 360px 240px at var(--fiber-x,50%) var(--fiber-y,20%),#4c9cff17,transparent 75%);pointer-events:none;opacity:0;transition:opacity .4s;box-shadow:inset 0 0 20px #1d6cff05}
.fiber-card.fiber-in-view::before{animation:fiber-orbit 18s steps(360) infinite;animation-delay:var(--fiber-delay,0s)}
.fiber-card:nth-child(3n+2){--fiber-delay:-5s}.fiber-card:nth-child(3n+3){--fiber-delay:-10s}
.fiber-card:hover,.fiber-card:focus-within{border-color:#76bdff99!important;box-shadow:0 0 0 1px #65aaff3d,0 0 34px #197dff2b}
.fiber-card:hover::after,.fiber-card:focus-within::after{opacity:1}
.fiber-card:hover::before,.fiber-card:focus-within::before{opacity:1}
@keyframes fiber-orbit{to{--fiber-turn:395deg}}
html.fiber-suspended .fiber-card::before{animation-play-state:paused!important}
.f-bento>article{padding:0 24px 25px;background:linear-gradient(160deg,#0b121d,#070a10 65%);border-radius:16px;overflow:hidden}
.bento-visual.premium-scene{height:clamp(210px,20vw,260px);display:block;overflow:hidden;position:relative;background:#070d16;transform:none;margin-inline:-24px}
.premium-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;filter:saturate(.9) contrast(1.03)}
.premium-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,#08101b4d 90%,#0a101b88);pointer-events:none}
.f-bento>article:hover .premium-scene img{transform:scale(1.045);filter:saturate(1) contrast(1.03)}
.f-bento h3{margin-top:23px;color:#f3f7ff}.f-bento p{color:#94a1b5}
.process-grid>.fiber-card{padding:24px 20px 22px;border:1px solid #2a4262;border-radius:12px;background:#070b11}
.f-section-heading:has(.visual-disclosure){position:relative;padding-bottom:25px;align-items:start}
.visual-disclosure{position:absolute;bottom:0;left:0;display:block;color:#718096;font-size:9px;line-height:1.6;letter-spacing:.2px}
.scene-1 img{object-position:50% 52%}.scene-2 img{object-position:50% 38%}.scene-3 img{object-position:50% 42%}.scene-4 img{object-position:50% 45%}.scene-5 img{object-position:50% 35%}
.feature-media.premium-feature{padding:0;min-height:430px;background:#080e18}.feature-media.premium-feature img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 45%;border-radius:0}.feature-media.premium-feature::before{display:none}.feature-media.premium-feature figcaption{z-index:2;background:#030810cc;color:#93a6bd}
.detail-art.fiber-card{border:1px solid #2a4262;border-radius:14px;overflow:hidden;background:#080d14}.detail-art.fiber-card img{border:0;border-radius:0}.detail-art.fiber-card figcaption{margin:0;padding:11px 14px;background:#070c13;color:#7d91aa}
.fiber-card.film-frame::before{z-index:5}.fiber-card.film-frame::after{z-index:3;opacity:.3}
.fiber-demo .fiber-card{border-color:#4b8baf55!important;box-shadow:0 0 0 1px #509ac20a,0 0 14px #338bca0b}
.fiber-demo .fiber-card::before{opacity:.6}.fiber-demo .fiber-card:hover::before{opacity:.95}
.fiber-demo .fiber-card:hover{box-shadow:0 0 0 1px #3c91c62b,0 0 20px #3b97e01c}
.fiber-demo .fiber-card::after{background:radial-gradient(ellipse 300px 200px at var(--fiber-x,50%) var(--fiber-y,20%),#168cf20d,transparent 78%)}
@media(max-width:1000px){.bento-visual.premium-scene{height:245px}}
@media(max-width:480px){.feature-media.premium-feature{min-height:250px}.detail-art.fiber-card figcaption{font-size:7px;padding:10px 12px}}
@media(max-width:480px){.f-bento>article{border-radius:13px}.bento-visual.premium-scene{height:230px}.f-bento h3{margin-top:22px}.visual-disclosure{font-size:8px}.f-section-heading:has(.visual-disclosure){padding-bottom:28px}.fiber-card.fiber-in-view::before{animation-duration:22s}.fiber-card:hover .premium-scene img{transform:none}}
@media(prefers-reduced-motion:reduce){.fiber-card::before{animation:none!important}.fiber-card::after{transition:none!important}.premium-scene img{transition:none!important;transform:none!important}.fiber-card{transition:none!important}}
@media print{.fiber-card{box-shadow:none!important;border-color:#ddd!important}.fiber-card::before,.fiber-card::after{display:none!important}}
@supports not (mask-composite:exclude){.fiber-card::before{background:none;border:1px solid #5caeff77;padding:0;-webkit-mask:none;mask:none}}