.extras-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;padding:12px 0 34px}.extras-intro h1{font-size:clamp(38px,5vw,64px);line-height:1.03;letter-spacing:-2px;margin:22px 0}.extras-intro>div>p{font-size:15px;line-height:1.8;color:#667d87;max-width:47ch}.extras-note{position:relative;overflow:hidden;background:#183742;border:1px solid #335765;border-radius:8px;padding:32px;color:#eff7f7;min-height:200px;box-sizing:border-box;background-image:repeating-radial-gradient(ellipse at 140% 120%,transparent 0 28px,#8ebdcc18 29px 30px,transparent 31px 53px)}.extras-note>span:first-child{font-size:10px;letter-spacing:2px;color:#87cfe7}.extras-note strong{display:block;font-size:clamp(24px,3vw,38px);line-height:1.13;letter-spacing:-1px;margin:22px 0}.extras-intro .extras-note p{color:#b3ccd5;font-size:12px}.extras-line{display:block;width:54px;height:3px;background:#19b2e9}.extras-nav{display:flex;flex-wrap:wrap;gap:10px;border-block:1px solid #dbe4e5;padding:18px 0;margin-bottom:34px}.extras-nav a{padding:9px 14px;border-radius:5px;background:#e8f0f1;color:#244b5d;font-size:13px}.extras-nav a:hover{background:#d3e8ee;text-decoration:none}.extras-nav span{margin-left:10px;color:#6e8792}.extras-section{margin:0 0 44px}.extras-section>header{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 25px;margin-bottom:19px}.extras-section h2{font-size:27px;margin:0;scroll-margin-top:24px}.extras-section>header p{margin:0;font-size:13px;color:#6f858e}.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.extras-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dbe4e5;border-radius:8px;overflow:hidden;color:#243e49;transition:transform .18s,box-shadow .18s}.extras-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #102e3b18;text-decoration:none}.extras-card:focus-visible,.extras-nav a:focus-visible{outline:3px solid #008abe;outline-offset:4px}.extras-image{height:200px;position:relative;overflow:hidden;background:#204657}.extras-image img{width:100%;height:100%;object-fit:cover;display:block}.extras-graphic{background:radial-gradient(ellipse at 75% 20%,#1788ad88,transparent 65%),repeating-linear-gradient(135deg,transparent 0 28px,#8cd7ed12 29px 30px),#102c46}.extras-graphic-label{position:absolute;left:24px;top:24px;letter-spacing:3px;font-size:11px;line-height:1.8;color:#b6deeb}.extras-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid #fff9;border-radius:50%;background:#0c273ca8;color:white;font-size:20px;padding-left:3px;box-sizing:border-box}.extras-copy{display:flex;flex-direction:column;flex:1;padding:23px}.extras-meta{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#147ca0}.extras-copy h3{font-size:23px;line-height:1.25;margin:13px 0;letter-spacing:-.5px}.extras-copy p{font-size:14px;line-height:1.75;color:#657b84;margin:0 0 22px}.extras-action{margin-top:auto;display:flex;justify-content:space-between;color:#087fa6;font-size:13px;font-weight:700}.extras-grid:has(>.extras-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.extras-grid:has(>.extras-card:only-child){grid-template-columns:1fr}.extras-card:only-child{display:grid;grid-template-columns:1fr 2fr}.extras-card:only-child .extras-image{height:100%;min-height:230px}.extras-card:only-child .extras-image img{object-fit:contain;background:#e8edef}.extras-card:only-child .extras-copy{padding:28px}
@media(max-width:850px){.extras-intro{gap:24px}.extras-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.extras-intro{grid-template-columns:1fr}.extras-note{min-height:0;padding:24px}.extras-intro h1{letter-spacing:-1.5px}.extras-grid,.extras-grid:has(>.extras-card:nth-child(2):last-child){grid-template-columns:1fr}.extras-card:only-child{display:flex}.extras-card:only-child .extras-image{height:220px;min-height:0}.extras-image{height:220px}.extras-section>header{gap:8px}.extras-section{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.extras-card{transition:none}.extras-card:hover{transform:none}}