/* Selected 21st references, composed for the maritime identity. Original implementations. */
:root{--sea-cyan:#97efe5;--sea-blue:#8bc8ff;--sea-silver:#edf7fd;--sea-motion:cubic-bezier(.22,1,.36,1)}
body{background-color:#080f18}
:is(.opening-copy h1,.bridge-copy h2,.services h2,.journal-home h2,.final-contact h2)>span{color:#b8eaf1;background:linear-gradient(110deg,#f0f9ff 5%,#96d7fa 42%,#92efdf 83%,#c0d1ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.site-header :is(.nav-contact,.header-contact){background:linear-gradient(125deg,#edf8ff 0%,#b8d8ed 36%,#dbf4ee 72%,#97b6cf 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #6a879f80,0 4px 10px #0004}
.site-header :is(.nav-contact,.header-contact):hover{background:linear-gradient(125deg,#fff,#e7f5ff 42%,#b4eee1);box-shadow:inset 0 1px 0 #fff,0 8px 18px #0005}
.site-header .menu-toggle{background:linear-gradient(150deg,#28435366,#0c1726);border-color:#8ab6cd66;box-shadow:inset 0 1px 0 #c0e4ff26}
.site-header .menu-toggle[aria-expanded=true]{background:linear-gradient(140deg,#bcecf2,#9cbce4);color:#102838;border-color:transparent}
.site-menu{background:radial-gradient(ellipse at 0 0,#154b6599,transparent 65%),linear-gradient(135deg,#0e2235,#0b1623 70%);border:1px solid #8cc9e040}
.menu-about{padding:0}.menu-preview-frame{aspect-ratio:1.55;overflow:hidden;border-radius:14px;background:#091521;margin-bottom:24px;position:relative}
.menu-preview-frame img{display:block;width:100%;height:100%;margin:0;object-fit:cover}
.menu-preview-frame:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #c4e4ed30;pointer-events:none}
.menu-about .menu-preview-title{font-size:23px;max-width:100%;color:#d6edf7}.menu-about .menu-preview-copy{font-size:13px;max-width:100%;color:#a8c8d9;margin-top:12px}
.menu-links a{border-color:#bfd4df29}.menu-links a:hover,.menu-links a:focus-visible{color:#adf5e7}
.menu-links a svg{transition:transform .2s var(--sea-motion)}.menu-links a:hover svg{transform:translate(3px,-3px)}
.services{position:relative}.journal-home{background:radial-gradient(ellipse at 85% 30%,#18456b52,transparent 60%),linear-gradient(165deg,#091320,#101a30 55%,#0b1821)}
.journal-entry{border-color:#a3c7dc36}.journal-entry h3 a{color:#eff7ff}.journal-overview{background:linear-gradient(120deg,#12354b80,#12304b30,transparent);border-radius:16px;padding:28px!important;margin-block:45px!important;border:1px solid #80c3de30}
.journal-overview>strong{color:#c8ebf4}.journal-overview>span:first-child{color:#a8cfdd}
.helm-picture,.project-visual,.card-image{isolation:isolate}
.surface-light{position:absolute;top:0;left:0;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#b2efff42,transparent 64%);opacity:0;pointer-events:none;z-index:2;mix-blend-mode:screen;transition:opacity .22s;contain:strict}
.has-surface-light{position:relative;overflow:hidden}.has-surface-light:focus-visible .surface-light,.has-surface-light:focus-within .surface-light{opacity:.5;transform:translate(-60px,-120px)}
.edge-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;padding:1px;background:linear-gradient(120deg,#b8f6ec60,transparent 35%,#71b5e82e 75%,#d2eaff55);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:.75}
body.editorial-refined{background:radial-gradient(ellipse 95% 600px at 90% 0,#17385b80,transparent),#080f18}
.editorial-refined .catalog-hero h1{color:#d0eaf7;background:linear-gradient(115deg,#f7fbff 10%,#a3d3ff 55%,#a6eedc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.editorial-refined .filter-buttons{position:relative;width:fit-content;max-width:100%;isolation:isolate;border:1px solid #9dc6e13b;border-radius:18px;padding:5px;gap:3px;margin-bottom:20px;background:linear-gradient(130deg,#19314b88,#0c1b2d)}
.editorial-refined .filter-buttons button{position:relative;z-index:1;border-radius:13px;min-width:64px;padding-inline:19px;color:#c6e1f0}
.filter-indicator{position:absolute;left:0;top:0;border-radius:13px;background:linear-gradient(120deg,#e0f5ff,#b2dedf 70%,#aad5ef);box-shadow:inset 0 1px 0 #fff8,0 4px 8px #0003;pointer-events:none;z-index:0}
.editorial-refined .filters-enhanced button[data-editorial-active=true]{background:transparent;color:#0b2536}
.editorial-refined #article-grid .card-read{border-radius:24px;gap:12px;padding-inline:16px;border-color:#83bad759;background:linear-gradient(120deg,#24486055,#12243d);color:#d6f0ff}
.editorial-refined #article-grid .card-read:hover{background:linear-gradient(120deg,#b9e8e3,#b1d1f4);color:#10263a}.editorial-refined #article-grid .card-read span{display:inline-block;transition:transform .2s var(--sea-motion)}.editorial-refined #article-grid .card-read:hover span{transform:translate(2px,-2px)}
.editorial-refined .editorial-search-field{background:linear-gradient(120deg,#16283d,#0e1b2d);border-color:#7fa8c070}
.editorial-refined .mobile-toc{background:linear-gradient(145deg,#182f4580,#101e2b);border:1px solid #8fbcce40;border-radius:15px;padding:0 18px}
.editorial-refined .mobile-toc summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;list-style:none;color:#d5f3f2}.editorial-refined .mobile-toc summary:after{content:'+';font-size:24px;font-weight:300}.editorial-refined .mobile-toc[open] summary:after{content:'−'}.editorial-refined .mobile-toc summary::-webkit-details-marker{display:none}
.editorial-refined .mobile-toc ol{padding-bottom:20px}.editorial-refined .mobile-toc a{min-height:44px;display:flex;align-items:center;color:#b5d3e7;font-size:14px;line-height:1.5}
.editorial-refined .article-cta{background:radial-gradient(ellipse at 100% 0,#1b647259,transparent 70%),linear-gradient(130deg,#13273e,#122d3b);padding:34px;border-radius:16px;border:1px solid #87c6d537}
.editorial-refined .article-cta .button.primary{background:linear-gradient(120deg,#e0f4ff,#acd5f0 42%,#c4eddf);color:#102534;border-radius:28px;border:0;box-shadow:inset 0 1px 0 #fff8}.editorial-refined .article-cta .button.secondary{border-radius:28px;background:#0a1d2e;color:#c6e9f5;border-color:#92c2d460}
.site-footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 110%,#226e8450,transparent 70%),linear-gradient(155deg,#0a1726,#0e2034 65%,#102438)!important}
.footer-wordmark{grid-column:1/-1;display:block;position:relative;isolation:isolate;margin:30px 0 0;width:100%;overflow:hidden;user-select:none;line-height:.95;letter-spacing:-.045em;font-size:clamp(38px,9.5vw,154px);font-weight:650;text-align:center;white-space:nowrap;padding:8px 0 16px;color:transparent;-webkit-text-stroke:1px #6fbed489;background:linear-gradient(120deg,#60b4d229,#b7eee720,#94b3ef20);background-clip:text;-webkit-background-clip:text}
.footer-wordmark .wordmark-light{position:absolute;inset:0;padding:inherit;color:transparent;-webkit-text-stroke:1px transparent;background:radial-gradient(ellipse 240px 160px at var(--word-x,50%) var(--word-y,30%),#d8ffff,#89dbf7 40%,transparent 76%);background-clip:text;-webkit-background-clip:text;opacity:.5;pointer-events:none;transition:opacity .3s}
.site-footer .footer-legal{position:relative;z-index:1;border-color:#94bbd03d}.site-footer a:hover{color:#adf5e7}
@media(hover:hover) and (pointer:fine){.has-surface-light:hover .surface-light{opacity:1}.footer-wordmark:hover .wordmark-light{opacity:1}}
@media(max-width:700px){.journal-overview{padding:24px!important;margin-block:30px!important}.editorial-refined .filter-buttons{width:100%;box-sizing:border-box}.editorial-refined .filter-buttons button{padding-inline:14px;font-size:14px}.editorial-refined .article-cta{padding:24px}.footer-wordmark{font-size:9.1vw;margin-top:22px}.footer-wordmark .wordmark-light{opacity:.8}}
@media(prefers-reduced-motion:reduce){.surface-light,.wordmark-light,.menu-links a svg,.card-read span{transition:none!important;transform:none!important}}
@media(forced-colors:active){:is(.opening-copy h1,.bridge-copy h2,.services h2,.journal-home h2,.final-contact h2)>span,.editorial-refined .catalog-hero h1{background:none;-webkit-text-fill-color:CanvasText}.footer-wordmark{color:CanvasText;-webkit-text-stroke:0}.wordmark-light,.surface-light,.edge-light{display:none}}
.has-surface-light{contain:paint}
.founder-copy .expert-signature{display:flex;align-items:center;justify-content:flex-start;gap:9px;color:#c7dfe8;letter-spacing:.12em}
.expert-signature svg{width:22px;height:22px;flex:none;fill:#a6cadb18;stroke:#c5e5f1;stroke-width:1;filter:drop-shadow(0 0 8px #80b7d430)}
@media(max-width:700px){.founder-copy .expert-signature{justify-content:center;font-size:9px;letter-spacing:.1em}.expert-signature svg{width:18px;height:18px}}