/* Coastal editorial landing: real type and controls over a clean landscape. */
#splash{min-height:820px;height:100svh;display:flex;flex-direction:column;isolation:isolate;padding:0 5%;color:#15372d;background:#e9deca url('assets/coastal-landing.png') center/cover no-repeat;overflow:hidden}
#splash:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f8edda3d 0%,#f5ead333 55%,#071f1ac7 100%);pointer-events:none}
#splash:after{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/coastal-contours.svg') center/cover no-repeat;opacity:.55;mix-blend-mode:multiply;pointer-events:none}
#splash .splash-top{position:relative;top:auto;padding:23px 0;width:100%;background:none;border-bottom:1px solid #163a2e30;font-size:10px;letter-spacing:3px;min-height:86px}
#splash .splash-top b{font-weight:600;letter-spacing:4px}#splash .splash-top>span:not(.tag){color:#203e32;font-size:9px}
#splash .tag{background:#752a2b;color:#f3e7d1;box-shadow:none;font-size:15px;padding:9px 6px}
#splash .landing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 0 42px}
#splash .landing-mark{width:clamp(180px,19vw,290px);height:auto;filter:none;mix-blend-mode:multiply;opacity:1;margin-bottom:22px}
#splash .search-intro{position:static;transform:none;width:auto;max-width:760px;padding:0;background:none}
#splash .search-intro h1{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(30px,3.4vw,52px);line-height:1.1;letter-spacing:10px;color:#12382d;margin:0 0 15px;padding-left:10px}
#splash .search-intro .landing-motto{font-size:10px;font-weight:600;letter-spacing:3.6px;color:#163c2d;margin:0}
#splash .landing-rule{width:1px;height:34px;background:#254a38;margin:25px auto 20px}
#splash .search-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;color:#15382d;font-weight:400;letter-spacing:-.7px;margin:0 0 9px}
#splash .search-intro p{color:#1e4031;font-size:13px;line-height:1.7;margin:0}
#splash #enter{position:static;transform:none;width:250px;height:56px;margin:25px 0 17px;padding:0 22px;background:#163c30;color:#fff4df;border:1px solid #163c30;box-shadow:none;font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;justify-content:space-between}
#splash #enter span{font-size:23px;font-weight:400;margin:0}#splash #enter:hover{background:#24543f;border-color:#24543f;color:#fff4df}#splash #enter:focus-visible{outline:3px solid #752a2b;outline-offset:5px}
#splash .landing-sources{font-size:10px;letter-spacing:.5px;color:#fff3da;line-height:2;margin:0;text-shadow:0 1px 6px #071c16}#splash .landing-sources i{font-style:normal;padding:0 8px}
#splash .landing-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0;border-top:1px solid #f6efd43b;font-size:8px;letter-spacing:2px;color:#f4e8cf}#splash .landing-bottom small{font-size:10px;letter-spacing:0;color:#eee2cc}
#splash[hidden]{display:none}
@media(max-width:650px){#splash{min-height:780px;height:100svh;padding:0 6%;background-position:52% center}#splash .splash-top{min-height:76px;padding:18px 0}#splash .landing-content{padding:34px 0}#splash .landing-mark{width:185px;margin-bottom:22px}#splash .search-intro h1{font-size:31px;letter-spacing:6px;padding-left:6px}#splash .search-intro .landing-motto{font-size:8px;letter-spacing:2px}#splash .landing-rule{height:27px;margin:22px auto 18px}#splash .search-intro h2{font-size:27px}#splash .search-intro p{font-size:12px}#splash .landing-bottom{flex-wrap:wrap;gap:12px;padding:18px 0}#splash .landing-bottom small{order:3;width:100%;font-size:9px}#splash .landing-sources{font-size:9px}#splash:after{background-size:auto 100%;opacity:.4}}
