.thematic-portfolio{background:#05283f;color:#e9f5fc;padding:70px 0 55px;overflow:hidden}.thematic-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.thematic-heading h2{font-size:52px;color:#f1f8fc}.thematic-heading h2 em{font-style:normal;color:#f8b41e}.thematic-heading p{color:#b3d2e4;font-size:13px;line-height:1.8;margin-top:22px}.thematic-filters{display:flex;gap:8px;flex-wrap:wrap}.thematic-filters button{font-family:inherit;color:#bcd9e9;background:#ffffff05;border:1px solid #50768d70;min-height:44px;padding:11px 14px;font-size:11px;cursor:pointer;border-radius:5px;display:flex;align-items:center;gap:12px;transition:background .2s,color .2s}.thematic-filters button>span{font-size:9px;opacity:.65;font-variant-numeric:tabular-nums}.thematic-filters button:hover{background:#ffffff0c}.thematic-filters button[aria-pressed=true]{color:#033759;background:#f8b41e;border-color:#f8b41e}.thematic-introduction{margin-top:30px;min-height:72px}.thematic-introduction h3{font-size:22px;color:#eef8ff}.thematic-introduction p{font-size:12px;color:#a4c7db;margin-top:10px;line-height:1.8}.thematic-scene{position:relative;isolation:isolate;touch-action:pan-y}.thematic-aura{position:absolute;inset:0 5% 0;border-radius:50%;background:radial-gradient(ellipse,#2787ad33,transparent 67%);z-index:-1;pointer-events:none}.thematic-stage{height:540px;position:relative;perspective:1400px;transform-style:preserve-3d}.thematic-card{position:absolute;top:25px;left:50%;width:310px;height:435px;transform:translateX(-50%);background:#fff;border:0;border-radius:8px;padding:6px;box-shadow:0 32px 65px #001522aa;overflow:hidden;cursor:pointer}.thematic-card:not(:first-child){opacity:0;pointer-events:none}.thematic-card img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.thematic-card>span{position:absolute;bottom:5px;left:5px;right:5px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff;padding:55px 18px 18px;background:linear-gradient(transparent,#032b46f5);text-align:left;font-size:13px;font-weight:600;line-height:1.5}.thematic-card b{color:#f8b41e;font-size:22px}.thematic-controls{display:flex;gap:24px;align-items:center;justify-content:center;margin-top:-30px;position:relative;z-index:5}.thematic-controls>button{border:1px solid #658fa960;background:#ffffff09;color:#e1f0f9;min-width:48px;min-height:48px;border-radius:50%;font-size:20px;cursor:pointer}.thematic-controls>button:hover{background:#f8b41e;color:#033759}.thematic-controls>span{font-size:13px;font-variant-numeric:tabular-nums;color:#9dc0d6}.thematic-controls b{font-size:19px;font-weight:500;color:#e1f0f9}.thematic-context{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.thematic-context h3{font-size:22px;color:#eef8ff;line-height:1.4}.thematic-context p{font-size:10px;line-height:1.9;margin-top:13px;color:#9dbfd3;max-width:560px}.thematic-index{margin-top:30px;border-top:1px solid #49728b60;font-size:12px;color:#bdd8e8;padding-top:18px}.thematic-index summary{cursor:pointer;min-height:44px;align-content:center}.thematic-index>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 35px;margin-top:15px}.thematic-index button{font-family:inherit;font-size:12px;color:#c6dfee;display:flex;justify-content:space-between;align-items:center;gap:15px;background:transparent;border:0;border-bottom:1px solid #49728b60;padding:15px 0;text-align:left;min-height:48px;cursor:pointer}.thematic-index button:hover{color:#f8b41e}
@media(max-width:850px){.thematic-heading{display:block}.thematic-heading>.premium-link{display:inline-block;margin-top:20px}.thematic-heading h2{font-size:44px}.thematic-stage{height:495px}.thematic-card{width:280px;height:400px}}
@media(max-width:580px){.thematic-portfolio{padding:50px 0 35px}.thematic-heading h2{font-size:36px}.thematic-heading p{font-size:13px}.thematic-filters{flex-wrap:nowrap;overflow:auto;padding:0 20px 12px;margin-inline:-20px;scrollbar-color:#5d96b4 #082d44;scrollbar-width:thin}.thematic-filters button{white-space:nowrap;flex-shrink:0;font-size:11px}.thematic-introduction{margin-top:20px;min-height:100px}.thematic-introduction h3{font-size:21px}.thematic-stage{height:405px;perspective:1000px}.thematic-card{width:225px;height:325px;top:15px}.thematic-controls{margin-top:-30px;gap:20px}.thematic-context{display:block;margin-top:28px}.thematic-context h3{font-size:20px}.thematic-context .btn{margin-top:22px;min-height:48px}.thematic-index>div{grid-template-columns:1fr}.thematic-context p{font-size:11px}.thematic-card>span{font-size:12px;padding:35px 14px 14px}}