
:root{
 --ink:#202a2f;--blue:#315b78;--blue2:#15384d;--brick:#a64f39;--paper:#f7f4ee;
 --cream:#eee5d5;--yellow:#d5aa54;--line:#d1cdc5;--muted:#6b7377;--white:#fffdfa;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
a{color:#8c3e2f;text-underline-offset:3px}img{display:block;max-width:100%}
.topbar{background:var(--blue2);color:#dfe8ed;font-size:.78rem}.topbar-in{max-width:var(--max);margin:auto;padding:8px 24px;display:flex;justify-content:space-between;gap:20px}
.site-head{background:var(--white);border-bottom:1px solid var(--line)}.head-in{max-width:var(--max);margin:auto;padding:18px 24px;display:flex;align-items:center;gap:28px}.brand{font:900 1.5rem "Trebuchet MS",Arial;color:var(--blue2);text-decoration:none;letter-spacing:-.035em}.brand small{display:block;font:500 .67rem "Courier New",monospace;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.nav{margin-left:auto;display:flex;gap:17px;align-items:center;font-size:.83rem}.nav a{text-decoration:none;color:var(--ink);font-weight:800}.nav .quote{background:var(--brick);color:#fff;padding:9px 12px}.menu-btn{display:none}
.rule{height:7px;background:linear-gradient(90deg,var(--blue) 0 58%,var(--yellow) 58% 78%,var(--brick) 78%)}
.hero{max-width:var(--max);margin:auto;padding:54px 24px 46px;display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:start}
.hero-note{background:var(--blue2);color:#fff;padding:28px;position:sticky;top:20px}.hero-note .code{font:.72rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.12em;color:#c9d8df}.hero-note h2{font-family:Georgia,serif;font-size:1.75rem;line-height:1.15}.hero-note p{font-size:.96rem}.hero-main h1,.page-head h1,.legal h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.04em;line-height:1.02}.hero-main h1{font-size:clamp(3rem,5.2vw,5.5rem);margin:0 0 .25em}.hero-main>p{font-size:1.14rem;max-width:760px}.hero-main img{width:100%;aspect-ratio:16/8.5;object-fit:cover;margin-top:26px;border:1px solid var(--line)}
.btns{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-block;background:var(--brick);color:#fff;text-decoration:none;padding:12px 16px;font-weight:900}.btn.alt{background:var(--blue)}.disclosure{font-size:.74rem;color:var(--muted)}
.logbook{max-width:var(--max);margin:auto;padding:10px 24px 68px}.logbook h2,.local h2,.browse h2{font-family:Georgia,serif;letter-spacing:-.03em}.entries{border-top:1px solid var(--line)}.entry{display:grid;grid-template-columns:80px 1fr 180px;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.num{font:700 1rem "Courier New",monospace;color:var(--brick)}.entry h3{margin:.1em 0;font-family:Georgia,serif}.entry h3 a{text-decoration:none;color:var(--ink)}.entry .note{font-size:.82rem;color:var(--muted)}
.local{background:#e4ebee}.local-in{max-width:var(--max);margin:auto;padding:54px 24px;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.local img{width:100%;aspect-ratio:16/10;object-fit:cover}
.browse{max-width:var(--max);margin:auto;padding:60px 24px}.browse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.browse-card{background:var(--white);border:1px solid var(--line);padding:18px}.browse-card:nth-child(4n+2){border-top:6px solid var(--yellow)}.browse-card:nth-child(4n+3){border-top:6px solid var(--blue)}.browse-card:nth-child(4n){border-top:6px solid var(--brick)}.browse-card a{text-decoration:none;color:var(--ink);font-weight:900}
.page-head{max-width:var(--max);margin:auto;padding:48px 24px 24px;display:grid;grid-template-columns:1fr 350px;gap:44px;align-items:end}.page-head h1{font-size:clamp(2.5rem,4.7vw,4.8rem);margin:0}.summary{border-left:5px solid var(--yellow);padding-left:18px;color:#4a565d}
.page-img{max-width:var(--max);margin:auto;padding:0 24px 42px}.page-img img{width:100%;aspect-ratio:16/6.5;object-fit:cover}
.layout-a{max-width:930px;margin:auto;padding:0 24px 80px}.layout-a section{margin-bottom:38px}.layout-a section:nth-child(2n){padding:20px 24px;background:var(--white);border-left:4px solid var(--blue)}
.layout-b{max-width:1080px;margin:auto;padding:0 24px 80px;display:grid;grid-template-columns:220px 1fr;gap:50px}.layout-b aside{font-size:.82rem;color:var(--muted)}.layout-b .stick{position:sticky;top:18px;border-top:5px solid var(--brick);padding-top:12px}
.layout-c{max-width:1080px;margin:auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 285px;gap:54px}.layout-c aside{background:var(--cream);padding:22px;align-self:start}
.layout-d{max-width:1030px;margin:auto;padding:0 24px 80px}.layout-d .article{columns:2;column-gap:48px}.layout-d section,.layout-d .quote-box,.layout-d .related{break-inside:avoid}
.article section{margin-bottom:38px}.article h2{font-family:Georgia,serif;letter-spacing:-.025em;line-height:1.15}
.quote-box{background:var(--blue2);color:#fff;padding:26px;margin:38px 0}.quote-box h2{color:#fff}.quote-box .btn{background:var(--yellow);color:#1b2a31}.quote-box .disclosure{color:#d1dfe5}
.related{border-top:1px solid var(--line);padding-top:18px}.related a{display:block;margin:.4em 0}
.legal{max-width:900px;margin:auto;padding:62px 24px 90px}.legal h1{font-size:clamp(2.7rem,4.6vw,4.8rem)}.legal section{margin:44px 0}.legal h2{font-family:Georgia,serif}
.footer{background:#1d2c34;color:#dce5e9}.foot-in{max-width:var(--max);margin:auto;padding:42px 24px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:42px}.footer h3{font-family:Georgia,serif;color:#fff}.footer a{color:#fff}.footer ul{list-style:none;padding:0}.legal-line{border-top:1px solid #43545d;margin-top:24px;padding-top:18px;font-size:.78rem;color:#b9c6cc}
@media(max-width:900px){.topbar{display:none}.menu-btn{display:block;margin-left:auto;background:#fff;border:1px solid var(--line);padding:8px 10px}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px 24px;z-index:20}.nav.open{display:flex;flex-direction:column;align-items:flex-start}.hero,.local-in,.page-head,.layout-b,.layout-c,.foot-grid{grid-template-columns:1fr}.hero-note{position:static}.entry{grid-template-columns:55px 1fr}.entry .note{grid-column:2}.browse-grid{grid-template-columns:1fr 1fr}.layout-d .article{columns:1}}
@media(max-width:560px){.browse-grid{grid-template-columns:1fr}.head-in{padding:15px 18px}.hero,.logbook,.browse,.page-head,.page-img,.layout-a,.layout-b,.layout-c,.layout-d,.legal{padding-left:18px;padding-right:18px}}

.home-image-strip{max-width:var(--max);margin:0 auto;padding:0 24px 58px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.home-image-strip figure{margin:0;background:var(--white);border:1px solid var(--line)}
.home-image-strip img{width:100%;height:230px;object-fit:cover}
.home-image-strip figure:first-child img{height:300px}
.home-image-strip figcaption{padding:10px 12px;font-size:.78rem;color:var(--muted)}
@media(max-width:900px){.home-image-strip{grid-template-columns:1fr 1fr}.home-image-strip figure:first-child{grid-column:1/-1}}
@media(max-width:560px){.home-image-strip{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.home-image-strip figure:first-child{grid-column:auto}.home-image-strip img,.home-image-strip figure:first-child img{height:220px}}
