.optical-body{background:#f4f7f6;color:#132126}
.optical-header{padding-bottom:52px}
.optical-header .brand{text-decoration:none}
.optical-header .navlinks a[aria-current="page"]{color:#79edf2;font-weight:800}
.optical-hero{max-width:1100px;margin:72px auto 18px}
.optical-hero small,.optical-head small,.optical-method>small{color:#4ed7df;font-weight:800;letter-spacing:.15em;font-size:11px}
.optical-hero h1{font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.055em;margin:16px 0}
.optical-hero p{max-width:820px;color:#a8bec3;font-size:18px;line-height:1.65}
.optical-archive{max-width:1280px;margin:auto}
.optical-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.optical-head h2{margin-bottom:0}
.optical-count{border:1px solid #cbd7d8;background:#fff;border-radius:999px;padding:9px 13px;color:#536b70;font-size:13px;font-weight:800}
.optical-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.optical-card{background:#fff;border:1px solid #d9e4e3;border-radius:15px;overflow:hidden;box-shadow:0 15px 38px rgba(17,42,47,.07);display:flex;flex-direction:column;min-width:0}
.optical-card-image{position:relative;aspect-ratio:16/9;background:#050b0e;overflow:hidden}
.optical-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.optical-card:hover .optical-card-image img{transform:scale(1.018)}
.optical-card-state{position:absolute;left:12px;top:12px;padding:7px 9px;border-radius:6px;background:rgba(5,15,18,.86);color:#86e5ea;font-size:10px;font-weight:900;letter-spacing:.1em}
.optical-card-content{padding:21px;display:flex;flex-direction:column;flex:1}
.optical-card-content small{color:#247f87;font-weight:850;letter-spacing:.1em;font-size:10px}
.optical-card-content h3{font-size:25px;letter-spacing:-.03em;margin:9px 0 5px}
.optical-card-content .catalogue{color:#75898e;font-size:13px;margin:0 0 14px}
.optical-card-content p{color:#53696e;line-height:1.58;margin:0 0 18px}
.optical-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.optical-quick div{background:#eef3f2;border-radius:8px;padding:10px}
.optical-quick span,.optical-detail-grid span{display:block;color:#72868b;text-transform:uppercase;letter-spacing:.08em;font-size:9px;margin-bottom:4px}
.optical-quick strong{font-size:12px;color:#1d3439}
.optical-open{margin-top:17px;border:0;background:none;padding:0;color:#137b85;font-weight:850;text-align:left;cursor:pointer;font:inherit}
.optical-empty{padding:28px;background:#fff;border:1px solid #d9e4e3;border-radius:12px;color:#667b80}
.optical-method{background:#071014;color:#edf7f8}
.optical-method h2{max-width:780px}
.optical-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1180px}
.optical-policy-grid div{background:#0c1c21;border:1px solid #1b3941;border-radius:11px;padding:22px}
.optical-policy-grid strong{color:#65dce3;font-size:17px}
.optical-policy-grid p{color:#9db2b7;line-height:1.58;margin-bottom:0}
.optical-modal{position:fixed;inset:0;z-index:100;background:rgba(3,10,13,.9);padding:24px;display:flex;align-items:center;justify-content:center}
.optical-modal[hidden]{display:none}
.optical-modal-box{position:relative;width:min(1120px,100%);max-height:92vh;overflow:auto;background:#f8faf9;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.optical-close{position:absolute;right:14px;top:10px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(5,14,17,.85);color:white;font-size:28px;cursor:pointer}
.optical-detail-image{background:#04090b}
.optical-detail-image img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain}
.optical-detail-copy{padding:30px}
.optical-detail-copy small{color:#17808a;font-weight:850;letter-spacing:.1em}
.optical-detail-copy h2{margin:8px 0 4px}
.optical-detail-copy .catalogue{color:#71868b;margin-top:0}
.optical-detail-copy>p{color:#4f666b;font-size:16px;line-height:1.65;max-width:900px}
.optical-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}
.optical-detail-grid div{background:#eaf1f0;border:1px solid #d6e2e1;border-radius:9px;padding:13px;min-width:0}
.optical-detail-grid strong{display:block;font-size:13px;overflow-wrap:anywhere}
.optical-note{margin-top:18px;padding:14px 16px;border-left:3px solid #2998a1;background:#e8f2f1;color:#52696e;line-height:1.55}
body.optical-modal-open{overflow:hidden}
@media(max-width:900px){.optical-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.optical-detail-grid{grid-template-columns:1fr 1fr}.optical-header .navlinks a.optical-nav{display:inline-flex!important}}
@media(max-width:620px){.optical-cards,.optical-policy-grid,.optical-detail-grid{grid-template-columns:1fr}.optical-head{align-items:start;flex-direction:column}.optical-hero{margin-top:52px}.optical-detail-copy{padding:21px}.optical-modal{padding:8px}.optical-header .navlinks a:not([aria-current="page"]):not(.live-nav){display:none}}