.blog-page .blog-hero:before{opacity:1}
.blog-page .logbook{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(72,218,238,.42);border-radius:36px;background:linear-gradient(155deg,rgba(8,42,68,.96),rgba(3,18,37,.98));box-shadow:0 30px 80px rgba(0,8,23,.5),0 0 42px rgba(38,215,239,.1)}
.logbook-top,.logbook-status{display:flex;align-items:center;justify-content:space-between;color:#7da7b7;font-size:10px;font-weight:800;letter-spacing:.14em}
.logbook-top{padding:25px 28px;border-bottom:1px solid rgba(87,193,215,.2)}
.logbook-top .live{color:#7aeefa}.logbook-top .live i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#2de8fd;box-shadow:0 0 12px #2de8fd}
.logbook-screen{position:relative;min-height:410px;padding:58px 46px;background:radial-gradient(circle at 76% 34%,rgba(20,131,169,.25),transparent 38%)}
.logbook-radar{position:absolute;inset:25px;opacity:.6}.logbook-radar i{position:absolute;inset:50%;border:1px solid rgba(45,232,253,.17);border-radius:50%;transform:translate(-50%,-50%)}.logbook-radar i:nth-child(1){width:180px;height:180px}.logbook-radar i:nth-child(2){width:300px;height:300px}.logbook-radar i:nth-child(3){width:440px;height:440px}.logbook-radar b{position:absolute;top:50%;left:50%;width:43%;height:1px;background:linear-gradient(90deg,#2de8fd,transparent);transform-origin:left;transform:rotate(-24deg)}
.logbook-entry{position:relative;z-index:2;display:grid;max-width:420px;padding:26px;border:1px solid rgba(75,217,237,.38);border-radius:20px;background:rgba(4,23,44,.88);box-shadow:0 18px 44px rgba(0,9,24,.34)}
.logbook-entry small{color:#75aabc;font-size:9px;font-weight:800;letter-spacing:.16em}.logbook-entry time{margin:12px 0 5px;color:#2de8fd;font-size:12px;font-weight:800}.logbook-entry strong{color:#fff;font-size:24px;line-height:1.18}.logbook-entry>span{margin-top:18px;color:#7eeaf4;font-size:10px;font-weight:800;letter-spacing:.13em}
.logbook-route{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:33px;color:#6d9daf;font-size:9px;font-weight:800;letter-spacing:.1em}.logbook-route i{width:38px;height:1px;background:linear-gradient(90deg,#2de8fd,rgba(45,232,253,.12))}
.logbook-status{padding:19px 28px;border-top:1px solid rgba(87,193,215,.2)}.logbook-status b{margin-right:6px;color:#2de8fd}
.blog-latest{background:#eff7fa}.blog-latest .section-head,.reviews-intro .section-head{margin-bottom:44px}
.featured-article{display:grid;grid-template-columns:105px minmax(0,1fr) 280px;gap:38px;align-items:center;padding:42px;border:1px solid #c5dde5;border-radius:34px;background:#fff;box-shadow:0 25px 60px rgba(31,75,91,.08)}
.article-marker{align-self:stretch;padding-right:28px;border-right:1px solid #cfe3e9}.article-marker span{display:block;color:#0a8faa;font-size:54px;font-weight:500;line-height:1}.article-marker small{display:block;margin-top:10px;color:#75909c;font-size:11px;font-weight:800;letter-spacing:.12em}
.article-label{margin:0 0 12px;color:#1598ae;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.featured-article h3{max-width:740px;margin:0;color:#0a2235;font-size:34px;line-height:1.12}.featured-article p:not(.article-label){max-width:700px;margin:18px 0;color:#6f8792;font-size:15px;line-height:1.7}.featured-article a,.article-grid a{color:#079db5;font-size:12px;font-weight:800}.featured-article a b{margin-left:7px}
.article-sonar{position:relative;width:250px;height:250px;justify-self:end}.article-sonar i{position:absolute;inset:50%;border:1px solid rgba(11,151,176,.2);border-radius:50%;transform:translate(-50%,-50%)}.article-sonar i:nth-child(1){width:230px;height:230px}.article-sonar i:nth-child(2){width:155px;height:155px}.article-sonar i:nth-child(3){width:82px;height:82px}.article-sonar b{position:absolute;inset:50% auto auto 50%;display:grid;width:66px;height:66px;place-items:center;border-radius:50%;color:#fff;background:#082f49;transform:translate(-50%,-50%)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:24px}.article-grid article{display:flex;min-height:325px;padding:28px;border:1px solid #d0e1e7;border-radius:25px;background:#fff;flex-direction:column}.article-grid time{color:#7c929d;font-size:10px;font-weight:800;letter-spacing:.1em}.article-grid span{margin:34px 0 10px;color:#10a1b8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-grid h3{margin:0;color:#0b273a;font-size:20px;line-height:1.25}.article-grid p{color:#718995;font-size:13px;line-height:1.65}.article-grid a{margin-top:auto}
.blog-rubrics{color:#fff;background:#03172a}.blog-rubrics .section-heading h2,.blog-rubrics .section-heading p{color:#fff}.blog-rubrics .section-heading>p:last-child{color:#93adba}
.rubric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px}.rubric-grid article{min-height:330px;padding:28px;border:1px solid rgba(94,190,210,.25);border-radius:26px;background:#08243a}.rubric-grid article.is-active{border-color:#2de8fd;background:linear-gradient(155deg,#0b3d5d,#08243a);box-shadow:0 24px 70px rgba(20,167,195,.13)}.rubric-grid b{color:#2de8fd;font-size:14px}.rubric-grid span{display:block;margin:90px 0 14px;color:#70a6b7;font-size:10px;font-weight:800;letter-spacing:.13em}.rubric-grid h3{margin:0;color:#fff;font-size:23px}.rubric-grid p{color:#8fa9b6;font-size:13px;line-height:1.6}
.journal-method{background:#eaf4f7}.journal-method-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:60px;border-radius:34px;background:#fff}.journal-method-panel h2{margin:12px 0 20px;color:#09273b;font-size:50px;line-height:1.05}.journal-method-panel h2 em{color:#0da0b6;font-style:normal}.journal-method-panel>div>p:last-child{color:#718995;line-height:1.7}.journal-method ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.journal-method li{display:flex;align-items:center;gap:18px;padding:18px 20px;border:1px solid #d1e4e9;border-radius:16px}.journal-method li b{color:#15a4bb}.journal-method li span{color:#123146;font-weight:700}
@media(max-width:1020px){.featured-article{grid-template-columns:90px 1fr}.article-sonar{display:none}.rubric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.blog-page .blog-hero:before{display:none!important}.logbook{margin-top:8px;border-radius:22px}.logbook-top,.logbook-status{padding:16px}.logbook-screen{min-height:310px;padding:34px 20px}.logbook-entry strong{font-size:18px}.logbook-status{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.logbook-status span{font-size:7px}.blog-proof{display:none!important}.featured-article{grid-template-columns:1fr;padding:25px}.article-marker{padding:0 0 18px;border-right:0;border-bottom:1px solid #d4e5e9}.article-marker span{font-size:40px}.featured-article h3{font-size:26px}.article-grid{grid-template-columns:1fr}.article-grid article{min-height:280px}.rubric-grid{grid-template-columns:1fr}.rubric-grid article{min-height:260px}.rubric-grid span{margin-top:55px}.journal-method-panel{grid-template-columns:1fr;gap:35px;padding:28px}.journal-method-panel h2{font-size:34px}}
@media(orientation:landscape) and (max-height:520px){.blog-page .blog-hero:before{display:none!important}}

/* Compact hero: geometry copied from the approved “Кто мы” first screen. */
.blog-page .blog-hero{min-height:0!important;padding:194px 0 84px!important}
.blog-page .blog-hero .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:50px;align-items:center}
.blog-page .blog-hero .hero-copy h1{font-size:clamp(58px,5vw,70px)}
.blog-page .blog-hero .hero-lead{margin:20px 0 18px;font-size:16px;line-height:1.58}
.blog-page .blog-hero .hero-tags{margin-bottom:24px}
.blog-page .logbook-screen{min-height:294px;padding:34px 30px}
.blog-page .logbook-entry{padding:20px}
.blog-page .logbook-entry strong{font-size:20px}
.blog-page .logbook-entry>span{margin-top:14px}
.blog-page .logbook-route{margin-top:20px}
.blog-wave{position:absolute;z-index:6;left:0;bottom:-1px;width:100%;height:54px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 31 C90 17 145 18 225 29 C310 40 380 13 470 24 C560 37 625 42 715 27 C810 11 875 39 965 27 C1055 14 1115 39 1205 26 C1295 12 1355 21 1440 31 L1440 60 L0 60 Z' fill='%23eff7fa'/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:1050px){.blog-page .blog-hero{padding-top:185px!important}.blog-page .blog-hero .hero-grid{grid-template-columns:1fr;gap:38px}.blog-page .logbook{width:100%;max-width:740px}}
@media(max-width:760px){.blog-page .blog-hero{padding:112px 0 76px!important}.blog-page .blog-hero .hero-grid{gap:26px}.blog-page .blog-hero .hero-copy h1{font-size:clamp(43px,12.4vw,57px)}.blog-wave{height:48px}}

/* Pre-footer CTA copied from the approved portfolio pattern. */
.blog-page .portfolio-cta{padding:115px 0;color:#c5dbe3;background:radial-gradient(circle at 72% 45%,rgba(16,106,145,.6),transparent 33%),linear-gradient(145deg,#04192e,#020d1d)}
.blog-page .portfolio-cta .container{max-width:850px;text-align:center}
.blog-page .portfolio-cta h2{margin:10px 0 0;color:#fff;font-size:clamp(52px,5vw,72px);font-weight:550;line-height:1;letter-spacing:-.055em}
.blog-page .portfolio-cta h2 em{color:#148da7;font-style:normal}
.blog-page .portfolio-cta>div>p:not(.kicker){max-width:650px;margin:28px auto;color:#afc5ce;font-size:16px;line-height:1.7}
.blog-page .portfolio-cta .button{margin-top:4px}
@media(max-width:760px){.blog-page .portfolio-cta{padding:84px 0}.blog-page .portfolio-cta .container{width:min(100% - 28px,850px)}.blog-page .portfolio-cta h2{font-size:43px}}

/* Interactive logbook and rubric filtering. */
.logbook-controls{display:flex;align-items:center;gap:9px}.logbook-controls button{display:grid;width:30px;height:30px;padding:0;place-items:center;border:1px solid rgba(75,217,237,.35);border-radius:50%;color:#8cecf5;background:rgba(4,25,44,.72);cursor:pointer;transition:.22s}.logbook-controls span{min-width:48px;color:#77afbd;font-size:9px;text-align:center;letter-spacing:.08em}.logbook-entry.is-changing{animation:logbook-in .38s ease both}.logbook-screen:after{content:"";position:absolute;z-index:1;left:7%;right:7%;height:1px;top:14%;background:linear-gradient(90deg,transparent,rgba(85,235,249,.42),transparent);box-shadow:0 0 18px rgba(45,232,253,.32);animation:logbook-scan 5s linear infinite;pointer-events:none}
@keyframes logbook-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes logbook-scan{0%{top:14%;opacity:0}12%{opacity:1}88%{opacity:.8}100%{top:86%;opacity:0}}
.blog-filter{display:flex;max-width:470px;gap:8px;justify-content:flex-end;flex-wrap:wrap}.blog-filter button{min-height:39px;padding:0 15px;border:1px solid #c5dce3;border-radius:999px;color:#668590;background:rgba(255,255,255,.74);font:750 11px Manrope,sans-serif;cursor:pointer;transition:.22s}.blog-filter button.is-active{color:#fff;border-color:#0e9fb7;background:#0b8fa8;box-shadow:0 9px 24px rgba(11,143,168,.2)}[data-blog-card][hidden]{display:none!important}.featured-article,.article-grid article,.rubric-grid article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.featured-article a,.article-grid a{display:inline-flex;align-items:center;transition:color .2s ease,transform .2s ease}
@media(hover:hover){.logbook-controls button:hover{color:#03182b;border-color:#56ebf8;background:#56ebf8;box-shadow:0 0 20px rgba(45,232,253,.24);transform:translateY(-1px)}.blog-filter button:hover{color:#087e94;border-color:#4ccfe1;background:#fff;transform:translateY(-2px)}.featured-article:hover,.article-grid article:hover{border-color:#65d5e4;box-shadow:0 24px 58px rgba(16,86,106,.15);transform:translateY(-6px)}.featured-article:hover .article-sonar{transform:scale(1.035)}.featured-article:hover a,.article-grid article:hover a{color:#046f86;transform:translateX(4px)}.rubric-grid article:hover{border-color:rgba(72,225,242,.7);background:#0a304b;box-shadow:0 18px 45px rgba(0,0,0,.22);transform:translateY(-5px)}}
@media(max-width:760px){.logbook-top{gap:14px}.logbook-top>span:first-child{font-size:8px}.logbook-controls{gap:6px}.logbook-controls button{width:28px;height:28px}.blog-latest .section-head{align-items:flex-start}.blog-filter{max-width:none;justify-content:flex-start;flex-wrap:nowrap;width:100%;padding:3px 0 8px;overflow-x:auto;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.blog-filter button{flex:0 0 auto}.logbook-screen:after{animation-duration:6s}}
@media(prefers-reduced-motion:reduce){.logbook-screen:after{animation:none}.logbook-entry.is-changing{animation:none}}

/* Calm segmented filter and homepage-style card feedback. */
.blog-filter{max-width:520px;padding:6px;border:1px solid #cadce2;border-radius:18px;background:#e4eef1}
.blog-filter button{min-height:38px;border-color:transparent;border-radius:13px;background:transparent;box-shadow:none;transform:none}
.blog-filter button.is-active{color:#15314a;border-color:#87cbd6;background:#fff;box-shadow:0 8px 22px rgba(20,66,82,.08)}
.featured-article,.article-grid article{position:relative;overflow:hidden}
.featured-article:after,.article-grid article:after{content:"";position:absolute;right:-75px;bottom:-75px;width:150px;height:150px;border:1px solid rgba(14,153,178,.12);border-radius:50%;pointer-events:none;transition:.25s ease}
@media(hover:hover){.blog-filter button:hover{color:#15314a;border-color:#b7d8df;background:rgba(255,255,255,.7);box-shadow:none;transform:none}.blog-filter button.is-active:hover{border-color:#87cbd6;background:#fff}.featured-article:hover,.article-grid article:hover{border-color:#58cddd;box-shadow:0 20px 48px rgba(16,86,106,.12);transform:translateY(-4px)}.featured-article:hover:after,.article-grid article:hover:after{right:-58px;bottom:-58px;border-color:rgba(14,153,178,.28)}.featured-article:hover a,.article-grid article:hover a{color:#079db5;transform:none}}
@media(max-width:760px){.blog-filter{padding:6px}.blog-filter button{min-height:36px}}

/* Exact card language from the approved homepage blog section. */
.blog-latest .section-head{grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:end}.blog-latest .blog-filter{align-self:end;margin-bottom:5px}
.blog-home-grid{display:grid;grid-template-columns:1.28fr 1.72fr;gap:15px}.blog-home-more{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:15px}
.blog-home-card{position:relative;display:flex;min-height:270px;padding:27px;overflow:hidden;flex-direction:column;border:1px solid rgba(58,145,166,.18);border-radius:22px;color:#102a42;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(18,49,67,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.blog-home-card:before{content:"";position:absolute;right:-70px;bottom:-82px;width:185px;height:185px;border:1px solid rgba(44,184,209,.12);border-radius:50%;box-shadow:0 0 0 34px rgba(44,184,209,.025);transition:transform .35s ease,border-color .25s ease}
.blog-home-featured{min-height:390px;grid-row:span 2;color:#fff;background:linear-gradient(145deg,#08233b,#0a4667)}.blog-home-featured:after{content:"01";position:absolute;right:25px;top:17px;color:rgba(100,225,242,.2);font-size:78px;font-weight:800;line-height:1}
.blog-home-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.blog-home-meta span{color:#168ca5;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-home-meta time{color:#6e9aa5;font-size:9px;font-weight:800;letter-spacing:.08em}.blog-home-featured .blog-home-meta span,.blog-home-featured .blog-home-meta time{color:#6ee8f6}
.blog-home-card h3{position:relative;z-index:1;max-width:470px;margin:auto 0 12px;font-size:20px;line-height:1.34}.blog-home-featured h3{font-size:clamp(30px,2.7vw,42px);line-height:1.12}.blog-home-card p{position:relative;z-index:1;max-width:480px;margin:0 42px 0 0;color:#71828e;font-size:12px;line-height:1.65}.blog-home-featured p{color:#a9c5d0;font-size:14px}.blog-home-card i{position:absolute;z-index:2;right:24px;bottom:23px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(38,159,183,.26);border-radius:50%;color:#188fa7;font-size:15px;font-style:normal;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.blog-home-featured i{color:#64e4f3;border-color:rgba(100,228,243,.3)}
.blog-page .portfolio-cta{border-bottom:1px solid rgba(45,232,253,.34)}
@media(hover:hover){.blog-home-card:hover{transform:translateY(-4px);border-color:rgba(39,183,210,.5);background:#fff;box-shadow:0 24px 55px rgba(17,63,84,.12),0 0 24px rgba(45,210,235,.055)}.blog-home-card:hover:before{border-color:rgba(44,184,209,.25);transform:scale(1.08)}.blog-home-featured:hover{background:linear-gradient(145deg,#092943,#0b4e70)}.blog-home-card:hover i{color:#07233a;border-color:#31d5ec;background:#31d5ec}}
@media(max-width:980px){.blog-latest .section-head{grid-template-columns:1fr;gap:24px}.blog-latest .blog-filter{justify-self:start;margin:0}.blog-home-grid{grid-template-columns:1fr}.blog-home-featured{grid-row:auto}.blog-home-more{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.blog-home-grid{display:block}.blog-home-featured{min-height:255px;padding:23px 22px}.blog-home-more{display:flex;width:calc(100% + 14px);height:auto;gap:12px;margin-top:12px;padding:0 14px 18px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-home-more::-webkit-scrollbar{display:none}.blog-home-more .blog-home-card{flex:0 0 82vw;min-height:174px;padding:23px 22px;scroll-snap-align:start}.blog-home-featured:after{right:18px;font-size:62px}.blog-home-card h3{margin:34px 40px 10px 0;font-size:18px}.blog-home-featured h3{margin-top:auto;font-size:27px}.blog-home-card p{margin-right:28px;font-size:11px;line-height:1.55}.blog-home-featured p{font-size:12px}.blog-home-card i{right:18px;bottom:18px;width:31px;height:31px}}

/* Quiet hero object: a single journal sheet instead of a second interface. */
.blog-page .logbook{min-height:360px;overflow:visible;border:0;background:transparent;box-shadow:none}.blog-page .logbook-top,.blog-page .logbook-status,.blog-page .logbook-route{display:none}.blog-page .logbook-screen{display:grid;min-height:360px;padding:34px;place-items:center;overflow:hidden;border:1px solid rgba(72,218,238,.2);border-radius:50%;background:radial-gradient(circle,rgba(22,128,164,.22),rgba(3,22,40,.18) 54%,transparent 55%)}.blog-page .logbook-radar{inset:0;opacity:.45}.blog-page .logbook-entry{width:min(78%,390px);min-height:220px;padding:28px;border-color:rgba(82,224,240,.36);border-radius:18px;background:linear-gradient(155deg,rgba(8,46,72,.96),rgba(4,24,43,.98));box-shadow:0 24px 55px rgba(0,8,23,.34);transform:rotate(-1.5deg)}.blog-page .logbook-entry:before{content:"";position:absolute;left:28px;right:28px;top:63px;height:1px;background:rgba(83,216,232,.2);box-shadow:0 37px 0 rgba(83,216,232,.14),0 74px 0 rgba(83,216,232,.1)}
@media(max-width:760px){.blog-page .logbook{min-height:300px}.blog-page .logbook-screen{min-height:300px;padding:20px}.blog-page .logbook-entry{width:84%;min-height:200px;padding:22px}}

/* Full archive: equal two-column dives, compact filters and a marine journal object. */
.blog-page .depth-scale{display:none!important}.blog-page .portfolio-cta{border-bottom:0}.blog-page .current-footer{position:relative;border-top:0}.blog-page .current-footer:before{content:"";position:absolute;z-index:3;top:0;left:clamp(18px,8vw,150px);right:clamp(18px,8vw,150px);height:1px;pointer-events:none;opacity:.62;background:linear-gradient(90deg,transparent,rgba(45,232,253,.5) 20%,rgba(45,232,253,.72) 50%,rgba(45,232,253,.5) 80%,transparent)}
.blog-latest .section-head{display:block;margin-bottom:26px}.blog-latest .blog-filter{display:grid;width:100%;max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 46px;padding:5px;border:1px solid #cadce2;border-radius:18px;background:#e4eef1}.blog-latest .blog-filter button{width:100%;min-width:0;min-height:44px;padding:0 14px;font-size:13px}.blog-latest .blog-filter button.is-active{border-color:#87cbd6}
.blog-expedition{position:relative;padding-left:110px}.blog-depth-indicator{position:absolute;left:0;top:0;bottom:0;width:86px;color:#79a0aa;font-size:8px;font-weight:800;letter-spacing:.12em}.blog-depth-indicator>span{position:absolute;left:29px;top:0;white-space:nowrap;writing-mode:vertical-rl}.blog-depth-indicator>div{position:absolute;left:42px;top:132px;bottom:78px;width:1px;background:linear-gradient(#3bcddd,#a8c5cc)}.blog-depth-indicator>div:before,.blog-depth-indicator>div:after{content:"";position:absolute;left:-4px;width:9px;height:1px;background:#42cddd}.blog-depth-indicator>div:before{top:0}.blog-depth-indicator>div:after{bottom:0}.blog-depth-indicator i{position:absolute;left:-7px;top:var(--blog-depth,0%);width:15px;height:8px;border:1px solid #168da5;border-radius:60% 45% 45% 60%;background:#eff7fa;transition:top .16s linear}.blog-depth-indicator b{position:absolute;left:0;bottom:0;width:86px;color:#168ca5;font-size:8px;white-space:nowrap;text-align:center}
.blog-catalog{display:grid;gap:22px}.blog-catalog-cluster{display:grid;height:560px;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:16px}.blog-catalog-cluster[hidden]{display:none}.blog-catalog-cluster.is-reverse>.is-featured{order:2}.blog-catalog-cluster.is-reverse>.blog-catalog-small{order:1}.blog-catalog-small{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}
.blog-catalog-card{position:relative;display:flex;min-width:0;min-height:0;padding:27px;overflow:hidden;flex-direction:column;border:1px solid rgba(58,145,166,.2);border-radius:24px;color:#102a42;background:#fff;box-shadow:0 16px 40px rgba(18,49,67,.055);transition:.25s}.blog-catalog-card:before{content:"";position:absolute;right:-72px;bottom:-78px;width:175px;height:175px;border:1px solid rgba(44,184,209,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(44,184,209,.025);transition:.3s}.blog-catalog-card.is-featured{color:#fff;background:linear-gradient(145deg,#08233b,#0a4667)}.blog-catalog-card.is-featured>b{position:absolute;right:24px;top:55px;color:rgba(100,225,242,.16);font-size:78px;line-height:1}.blog-catalog-meta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#218ca3;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.blog-catalog-card.is-featured .blog-catalog-meta{color:#6ee8f6}.blog-catalog-card h3{position:relative;z-index:2;margin:auto 38px 12px 0;font-size:20px;line-height:1.3}.blog-catalog-card.is-featured h3{font-size:clamp(30px,2.6vw,42px);line-height:1.12}.blog-catalog-card p{position:relative;z-index:2;margin:0 36px 0 0;color:#71828e;font-size:12px;line-height:1.58}.blog-catalog-card.is-featured p{color:#a9c5d0;font-size:14px}.blog-catalog-card>i{position:absolute;z-index:2;right:22px;bottom:20px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(38,159,183,.26);border-radius:50%;color:#188fa7;font-style:normal;transition:.25s}.blog-catalog-card.is-featured>i{color:#64e4f3;border-color:rgba(100,228,243,.3)}.blog-more-action{display:flex;justify-content:center;margin-top:42px}
.blog-catalog-card h3,.blog-catalog-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.blog-catalog-card h3{-webkit-line-clamp:4}.blog-catalog-card p{-webkit-line-clamp:3}.blog-catalog-card.is-featured h3{-webkit-line-clamp:5}.blog-catalog-card.is-featured p{-webkit-line-clamp:4}
@media(hover:hover){.blog-catalog-card:hover{transform:translateY(-4px);border-color:rgba(39,183,210,.5);box-shadow:0 24px 55px rgba(17,63,84,.12)}.blog-catalog-card:hover:before{border-color:rgba(44,184,209,.25);transform:scale(1.08)}.blog-catalog-card:hover>i{color:#07233a;border-color:#31d5ec;background:#31d5ec}}
@media(hover:hover){.blog-catalog-card.is-featured:hover{border-color:#36d8ed;background:linear-gradient(145deg,#092d49,#0b5578);box-shadow:0 28px 64px rgba(5,46,68,.24),0 0 0 1px rgba(54,216,237,.16),0 0 34px rgba(45,210,235,.13);transform:translateY(-6px)}.blog-catalog-card.is-featured:hover:before{right:-58px;bottom:-62px;border-color:rgba(91,231,244,.46);box-shadow:0 0 0 38px rgba(44,184,209,.05),0 0 38px rgba(45,210,235,.12);transform:scale(1.12)}.blog-catalog-card.is-featured:hover>i{color:#062238;border-color:#58e7f3;background:#58e7f3;box-shadow:0 0 22px rgba(88,231,243,.35);transform:translate(3px,-3px)}.blog-catalog-card.is-featured:hover>b{color:rgba(100,225,242,.27)}}
.dive-log-visual{position:relative;min-height:390px;overflow:hidden;--log-sonar-x:59%;--log-sonar-y:50%}.log-sonar i{position:absolute;left:var(--log-sonar-x);top:var(--log-sonar-y);border:1px solid rgba(71,221,237,.14);border-radius:50%;transform:translate(-50%,-50%)}.log-sonar i:nth-child(1){width:170px;height:170px}.log-sonar i:nth-child(2){width:255px;height:255px}.log-sonar i:nth-child(3){width:335px;height:335px}.log-buoy{position:absolute;z-index:2;left:10%;top:48%;width:64px;height:94px;transform:translateY(-50%);animation:buoy-float 4s ease-in-out infinite}.log-buoy:before{content:"";position:absolute;left:17px;top:26px;width:30px;height:48px;border:2px solid #58e7ef;border-radius:8px 8px 20px 20px;background:#07314b;box-shadow:0 0 25px rgba(58,220,234,.2)}.log-buoy:after{content:"";position:absolute;left:29px;top:0;width:6px;height:30px;border-radius:4px;background:#61e7ef;box-shadow:0 0 14px #45dce8}.log-buoy i{position:absolute;left:22px;top:18px;width:20px;height:10px;border-radius:50% 50% 0 0;background:#35cbd9}.log-buoy b{position:absolute;left:0;right:0;bottom:0;height:8px;border-radius:50%;background:rgba(49,208,222,.22)}.log-sheet{position:absolute;z-index:3;right:3%;top:50%;display:flex;width:min(78%,390px);min-height:245px;padding:30px;flex-direction:column;border:1px solid rgba(82,224,240,.38);border-radius:20px;color:#fff;background:linear-gradient(155deg,rgba(8,46,72,.97),rgba(4,24,43,.99));box-shadow:0 26px 60px rgba(0,8,23,.38);transform:translateY(-50%) rotate(-1.2deg)}.log-sheet small{color:#75aabc;font-size:8px;font-weight:800;letter-spacing:.15em}.log-sheet time{margin:20px 0 8px;color:#2de8fd;font-size:11px;font-weight:800}.log-sheet strong{font-size:21px;line-height:1.22}.log-sheet span{margin-top:auto;color:#78e8f2;font-size:9px;font-weight:800;letter-spacing:.12em}.log-sheet em{position:absolute;right:20px;bottom:18px;width:32px;height:32px;border:1px solid rgba(58,221,235,.4);border-radius:50%}.log-current{position:absolute;right:6%;bottom:18px;color:#67a9b7;font-size:7px;font-weight:800;letter-spacing:.12em}@keyframes buoy-float{50%{transform:translateY(calc(-50% - 9px)) rotate(2deg)}}
.log-sonar{position:absolute;inset:4% 2% 5% 5%;overflow:hidden;border-radius:42%;-webkit-mask-image:radial-gradient(circle at var(--log-sonar-x) var(--log-sonar-y),#000 0 58%,rgba(0,0,0,.82) 73%,transparent 96%);mask-image:radial-gradient(circle at var(--log-sonar-x) var(--log-sonar-y),#000 0 58%,rgba(0,0,0,.82) 73%,transparent 96%)}.log-sonar-beam{position:absolute;z-index:1;left:var(--log-sonar-x);top:var(--log-sonar-y);width:39%;height:2px;overflow:visible;transform-origin:left center;background:linear-gradient(90deg,rgba(58,229,241,.72),rgba(58,229,241,.12) 70%,transparent);filter:drop-shadow(0 0 7px rgba(58,229,241,.7));animation:journal-sonar-sweep 5.4s linear infinite}.log-sonar-beam:after{content:"";position:absolute;right:8%;top:-25px;width:82px;height:48px;background:linear-gradient(90deg,rgba(50,222,237,.13),transparent);clip-path:polygon(0 48%,100% 0,100% 100%)}.log-sonar-target{position:absolute;z-index:2;right:17%;top:29%;width:8px;height:8px;border:1px solid rgba(92,238,249,.8);border-radius:50%;background:#072b46;opacity:.32;transition:opacity .25s ease,transform .25s ease,background .25s ease,box-shadow .25s ease}.dive-log-visual.is-detected .log-sonar-target{opacity:1;background:#70f5ff;box-shadow:0 0 0 8px rgba(45,232,253,.09),0 0 24px #2de8fd;transform:scale(1.35)}.log-sheet{transition:filter .35s ease,opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.dive-log-visual.is-switching .log-sheet{animation:journal-sheet-surface .72s cubic-bezier(.2,.8,.2,1) both}.log-current span,.log-current b{display:block}.log-current span{opacity:1}.log-current b{position:absolute;right:0;bottom:0;width:max-content;opacity:0;color:#7cebf4}.dive-log-visual.is-detected .log-current span{opacity:0}.dive-log-visual.is-detected .log-current b{opacity:1}@keyframes journal-sonar-sweep{to{transform:rotate(360deg)}}@keyframes journal-sheet-surface{0%{opacity:.35;filter:blur(2px);transform:translateY(calc(-50% + 18px)) rotate(-2deg) scale(.97)}100%{opacity:1;filter:none;transform:translateY(-50%) rotate(-1.2deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.log-sonar-beam,.log-buoy{animation:none}.log-sonar-target,.log-sheet{transition:none}.dive-log-visual.is-switching .log-sheet{animation:none}}
@media(max-width:980px){.blog-catalog-cluster{height:auto;grid-template-columns:1fr}.blog-catalog-cluster.is-reverse>.is-featured,.blog-catalog-cluster.is-reverse>.blog-catalog-small{order:initial}.blog-catalog-card.is-featured{min-height:390px}.blog-catalog-small{min-height:520px}}
@media(max-width:760px){.blog-latest .blog-filter{display:flex;width:100%;margin-bottom:30px;justify-content:flex-start;overflow-x:auto;border-radius:15px}.blog-latest .blog-filter button{flex:0 0 auto;width:auto;min-width:118px;min-height:42px;font-size:12px}.blog-expedition{padding-left:0}.blog-depth-indicator{display:none}.blog-catalog{gap:14px}.blog-catalog-cluster,.blog-catalog-small{display:grid;min-height:0;grid-template-columns:1fr;height:auto}.blog-catalog-card,.blog-catalog-card.is-featured{min-height:255px;padding:23px}.blog-catalog-card.is-featured h3{font-size:27px}.blog-catalog-card h3{margin-top:50px}.blog-catalog-card.is-featured>b{top:45px;font-size:60px}.dive-log-visual{min-height:320px;--log-sonar-x:62%}.log-sonar{inset:5% 1% 6% 2%}.log-sonar i:nth-child(1){width:145px;height:145px}.log-sonar i:nth-child(2){width:210px;height:210px}.log-sonar i:nth-child(3){width:275px;height:275px}.log-sonar-beam{width:36%}.log-sheet{right:1%;width:82%;min-height:220px;padding:24px}.log-buoy{left:1%;transform:translateY(-50%) scale(.82)}}

/* Final balance of the journal object on the first screen. */
@media(min-width:761px){.dive-log-visual{--log-sonar-x:56%;transform:translateX(-18px) scale(1.055);transform-origin:center}.log-sonar i{border-color:rgba(71,221,237,.2)}.log-sonar i:nth-child(1){width:160px;height:160px}.log-sonar i:nth-child(2){width:245px;height:245px}.log-sonar i:nth-child(3){width:315px;height:315px}.log-buoy{left:calc(10% - 14px)}.log-current{bottom:21px;color:#78b5c1;font-size:8px}.log-sheet{right:2%}}

/* Hydroacoustic beacon: a readable marine instrument, not a card handle. */
.log-beacon{position:absolute;z-index:2;left:0;top:50%;width:94px;height:176px;transform:translateY(-50%);animation:beacon-drift 4.2s ease-in-out infinite}
.beacon-capsule{position:absolute;z-index:2;left:18px;top:42px;width:48px;height:92px;border:2px solid #59e8f1;border-radius:24px;background:linear-gradient(180deg,#0b4d68 0 31%,#062b47 31% 69%,#0a425d 69%);box-shadow:inset 0 0 0 5px rgba(77,224,237,.045),0 0 24px rgba(45,222,237,.19)}
.beacon-capsule:before,.beacon-capsule:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:rgba(91,232,241,.58)}
.beacon-capsule:before{top:27px}.beacon-capsule:after{bottom:25px}
.beacon-capsule i{position:absolute;left:50%;top:-27px;width:10px;height:33px;border-radius:6px;background:#61e7ef;box-shadow:0 0 16px rgba(69,220,232,.85);transform:translateX(-50%)}
.beacon-capsule i:after{content:"";position:absolute;left:50%;top:4px;width:5px;height:5px;border-radius:50%;background:#d7fdff;box-shadow:0 0 12px #8ff8ff;transform:translateX(-50%)}
.beacon-capsule b{position:absolute;left:50%;top:40px;width:12px;height:12px;border:2px solid #79f2f8;border-radius:50%;background:#06263f;box-shadow:0 0 0 5px rgba(63,222,236,.08);transform:translate(-50%,-50%)}
.beacon-capsule em{position:absolute;left:50%;bottom:8px;width:20px;height:6px;border:1px solid rgba(104,237,245,.68);border-radius:50%;transform:translateX(-50%)}
.beacon-pulse,.beacon-pulse:before,.beacon-pulse:after{position:absolute;z-index:1;left:42px;top:29px;border:1px solid rgba(95,235,244,.38);border-radius:50%;content:"";transform:translate(-50%,-50%)}
.beacon-pulse{width:34px;height:34px;animation:beacon-pulse 2.4s ease-out infinite}.beacon-pulse:before{width:54px;height:54px}.beacon-pulse:after{width:76px;height:76px}
.beacon-tether{position:absolute;z-index:1;left:60px;top:116px;width:122px;border-top:1px dashed rgba(84,221,234,.4);transform:rotate(12deg);transform-origin:left center}
.beacon-tether:after{content:"";position:absolute;right:-3px;top:-3px;width:5px;height:5px;border-radius:50%;background:#58e7ef;box-shadow:0 0 10px #45dce8}
.log-beacon small{position:absolute;left:-4px;bottom:5px;width:max-content;color:#72bdc9;font-size:7px;font-weight:800;letter-spacing:.08em}
.log-sheet{box-shadow:0 20px 48px rgba(0,8,23,.22),0 0 24px rgba(45,210,235,.05)}
@keyframes beacon-drift{50%{transform:translateY(calc(-50% - 7px)) rotate(1deg)}}
@keyframes beacon-pulse{0%,25%{opacity:.22;transform:translate(-50%,-50%) scale(.72)}65%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}
@media(max-width:760px){.log-beacon{left:-4px;top:51%;transform:translateY(-50%) scale(.76);transform-origin:left center}.beacon-tether{width:90px}.log-beacon small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.log-beacon,.beacon-pulse{animation:none}}

/* Reflow filtered articles independently of their five-card archive clusters. */
.blog-catalog.is-filtered{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:270px;gap:16px}
.blog-catalog.is-filtered .blog-catalog-cluster,.blog-catalog.is-filtered .blog-catalog-small{display:contents}
.blog-catalog.is-filtered .blog-catalog-card{min-height:0}
.blog-catalog.is-filtered .blog-catalog-card.is-featured{order:initial;grid-column:span 1;grid-row:span 1}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured{grid-row:span 2}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-left{grid-column:1/span 2}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-right{grid-column:3/span 2}
@media(max-width:980px){.blog-catalog.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:270px}.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured{grid-column:span 2}}
@media(max-width:760px){.blog-catalog.is-filtered{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.blog-catalog.is-filtered .blog-catalog-card,.blog-catalog.is-filtered .blog-catalog-card.is-featured{grid-column:auto;grid-row:auto;min-height:255px}}

/* Two-line archive reveal, matching the portfolio depth control. */
.blog-deeper-button{display:flex;min-width:290px;padding:16px 24px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #77cbd8;border-radius:16px;color:#0a2d47;background:#fff;box-shadow:0 16px 35px rgba(16,70,86,.09);font-family:Manrope,sans-serif;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}
.blog-deeper-button:hover{transform:translateY(-3px);border-color:#27cfe1;box-shadow:0 20px 42px rgba(16,70,86,.14)}
.blog-deeper-button span{font-size:18px;font-weight:800}.blog-deeper-button small{margin-top:6px;color:#6d8791;font-size:12px;line-height:1.45}
@media(max-width:760px){.blog-more-action{margin-top:22px}.blog-deeper-button{width:100%;min-width:0}.blog-deeper-button span{font-size:17px}.blog-deeper-button small{font-size:11px}}

/* Keep the beacon label above the journal and its shadow. */
.log-beacon{z-index:4}.log-beacon small{left:2px;z-index:5;padding-left:2px}
.beacon-tether{display:none!important}

/* The reveal control only exists while the unfiltered archive still has hidden groups. */
.blog-more-action:has([data-blog-more][hidden]){display:none!important}
[data-blog-more][hidden]{display:none!important}

/* Let article copy define card height instead of clipping it with ellipses. */
.blog-catalog-cluster{height:auto;min-height:680px}
.blog-catalog-small{grid-template-rows:repeat(2,minmax(320px,auto))}
.blog-catalog-card{min-height:320px}
.blog-catalog-card h3,.blog-catalog-card p{display:block;overflow:visible;-webkit-line-clamp:unset}
.blog-catalog.is-filtered{grid-auto-rows:minmax(320px,auto)}
@media(max-width:980px){.blog-catalog-cluster{min-height:0}.blog-catalog-small{min-height:0;grid-template-rows:none}.blog-catalog.is-filtered{grid-auto-rows:minmax(300px,auto)}}
@media(max-width:760px){.blog-catalog-card,.blog-catalog-card.is-featured{min-height:280px}.blog-catalog.is-filtered{grid-auto-rows:auto}}

/* Keep the original compact grid; scale long titles instead of stretching cards. */
.blog-catalog-cluster{height:560px;min-height:0}
.blog-catalog-small{grid-template-rows:repeat(2,minmax(0,1fr))}
.blog-catalog-card{min-height:0}
.blog-catalog-card h3{display:block;overflow:visible;-webkit-line-clamp:unset}
.blog-catalog-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3}
.blog-catalog-card.is-title-long h3{font-size:17px;line-height:1.24}
.blog-catalog-card.is-title-xl h3{font-size:15px;line-height:1.22}
.blog-catalog.is-filtered{grid-auto-rows:270px}
@media(max-width:980px){.blog-catalog-cluster{height:auto}.blog-catalog-card{min-height:270px}.blog-catalog.is-filtered{grid-auto-rows:270px}}
@media(max-width:760px){.blog-catalog-card,.blog-catalog-card.is-featured{min-height:255px}.blog-catalog.is-filtered{grid-auto-rows:auto}}

/* A filtered archive has one deliberate lead card; later cluster leads become regular cards. */
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured{color:#fff;background:linear-gradient(145deg,#08233b,#0a4667)}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured .blog-catalog-meta{color:#6ee8f6}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured h3{font-size:clamp(30px,2.6vw,42px);line-height:1.12}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured p{color:#a9c5d0;font-size:14px}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured>i{color:#64e4f3;border-color:rgba(100,228,243,.3)}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured:after{content:attr(data-filter-number);position:absolute;right:24px;top:55px;color:rgba(100,225,242,.16);font-size:78px;line-height:1}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary{color:#102a42;background:#fff}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary .blog-catalog-meta{color:#218ca3}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary h3{font-size:20px;line-height:1.3}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary p{color:#71828e;font-size:12px}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary>i{color:#188fa7;border-color:rgba(38,159,183,.26)}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary>b{display:none}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured>b{display:none}
@media(max-width:760px){.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured,.blog-catalog.is-filtered .blog-catalog-card.is-filter-left,.blog-catalog.is-filtered .blog-catalog-card.is-filter-right{grid-column:auto;grid-row:auto}.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured h3{font-size:27px}}

/* Final title scale: one pixel quieter, with stronger correction for long copy. */
.blog-catalog-card h3{font-size:19px}
.blog-catalog-card.is-featured h3,.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured h3{font-size:clamp(29px,2.55vw,41px)}
.blog-catalog-card.is-title-long h3,.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary.is-title-long h3{font-size:16px;line-height:1.24}
.blog-catalog-card.is-title-xl h3,.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary.is-title-xl h3{font-size:14px;line-height:1.22}
.blog-catalog.is-filtered .blog-catalog-card.is-filter-secondary h3{font-size:19px}
@media(max-width:760px){.blog-catalog-card.is-featured h3,.blog-catalog.is-filtered .blog-catalog-card.is-filter-featured h3{font-size:26px}}

[data-blog-filter]{cursor:pointer!important}

/* Phone landscape: keep the journal, beacon and status inside safe bounds. */
@media(min-width:761px) and (max-width:1100px) and (max-height:600px){
  .blog-page .blog-hero{padding:122px 0 58px!important}
  .blog-page .blog-hero .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:24px;align-items:center}
  .blog-page .blog-hero .hero-copy h1{font-size:clamp(40px,5.8vw,54px)}
  .blog-page .blog-hero .hero-lead{margin:14px 0;font-size:13px}
  .blog-page .blog-hero .hero-tags{margin-bottom:15px}
  .dive-log-visual{min-height:310px;overflow:hidden;transform:none;transform-origin:center;--log-sonar-x:58%;--log-sonar-y:50%}
  .log-beacon{left:14px;top:50%;transform:translateY(-50%) scale(.86)}
  .log-beacon small{left:0}
  .log-sheet{right:16px;width:min(76%,410px);min-height:220px;padding:24px}
  .log-current{right:34px;bottom:16px}
}

/* iPad Mini portrait sits just above the phone breakpoint: keep the journal centered and the beacon inside. */
@media(min-width:761px) and (max-width:820px) and (orientation:portrait){
  .blog-page .blog-hero{padding-top:154px!important}
  .blog-page .blog-hero .hero-grid{gap:24px}
  .dive-log-visual{width:100%;min-height:360px;overflow:hidden;transform:none;--log-sonar-x:60%;--log-sonar-y:50%}
  .log-beacon{left:18px;top:50%;transform:translateY(-50%) scale(.9)}
  .log-sheet{right:18px;width:min(72%,500px);min-height:235px;padding:27px}
  .log-current{right:36px;bottom:18px}
}

/* Keep the split composition on landscape tablets instead of dropping the journal below the copy. */
@media(min-width:900px) and (max-width:1050px) and (min-height:601px){
  .blog-page .blog-hero{padding:154px 0 70px!important}
  .blog-page .blog-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
  .blog-page .blog-hero .hero-copy h1{font-size:clamp(48px,5.4vw,56px)}
  .dive-log-visual{width:100%;min-height:390px;overflow:hidden;transform:none;--log-sonar-x:59%;--log-sonar-y:50%}
  .log-beacon{left:8px;top:50%;transform:translateY(-50%) scale(.88)}
  .log-sheet{right:8px;width:min(76%,390px);min-height:235px;padding:25px}
  .log-current{right:24px;bottom:18px}
}

/* The cyan hover disc must retain the same dark-navy arrow used by the light cards. */
@media(hover:hover){
  .blog-catalog-card:hover>i,
  .blog-catalog-card.is-featured:hover>i,
  .blog-catalog.is-filtered .blog-catalog-card.is-filter-featured:hover>i{color:#062238!important;text-shadow:none!important}
}