*{box-sizing:border-box}body{margin:0;background:#f7f9f5;color:#123d2f;font-family:system-ui,sans-serif}.brand{display:flex;align-items:center;gap:20px;background:#fff;padding:25px max(25px,calc((100vw - 1150px)/2));font:700 27px Georgia,serif;color:#134b39;text-decoration:none;box-shadow:0 2px 15px #13382718}.brand small{font:500 12px system-ui;color:#a46c27}main{max-width:1000px;padding:90px 28px 120px;margin:auto;min-height:70vh}.kicker{font-size:12px;letter-spacing:3px;color:#b17c37;font-weight:700}h1{font:normal clamp(2.7rem,6vw,5rem) Georgia,serif;margin:14px 0 30px}.intro{font-size:1.35rem;line-height:1.7;max-width:75ch}.content{font-size:1.08rem;line-height:1.9;overflow-wrap:anywhere;margin:40px 0 65px;max-width:80ch}.back{display:inline-block;background:#08543c;color:#fff;padding:14px 22px;border-radius:30px;text-decoration:none;font-weight:700}footer{text-align:center;border-top:1px solid #dce8df;padding:28px;font-size:13px;color:#49695c}@media(max-width:600px){.brand{display:block;font-size:23px}.brand small{display:block;margin-top:6px}main{padding-top:50px}}

.page-subtitle{font-family:Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.7rem);color:#a27534;margin:0 0 1.5rem}

.brand-community{width:42px;height:42px;object-fit:contain;flex:none}.brand span{white-space:nowrap}@media(max-width:600px){.brand{display:flex;flex-wrap:wrap;gap:8px 12px}.brand small{margin:0;flex-basis:100%;padding-left:54px}}

/* 3.30 – optional immersive header and top cover */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top-cover{position:relative;width:100%;height:clamp(320px,48vw,650px);background:#dbe8da;overflow:hidden}
.top-cover-photo{display:block;width:100%;height:100%;object-fit:cover}
.top-cover-logo{position:absolute;bottom:7%;left:max(28px,calc((100vw - 1050px)/2));max-width:min(200px,35vw);max-height:130px;object-fit:contain;filter:drop-shadow(0 3px 10px #0007)}
.has-top-cover .brand{position:absolute;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(10px)}
.has-top-cover main{padding-top:55px}
.preview-brand{background:rgba(255,255,255,.94);position:absolute;z-index:20;left:0;right:0;padding:18px 30px;font:700 21px Georgia,serif;color:#134b39;box-shadow:0 2px 12px #13382720}
.preview-brand small{font:400 11px system-ui;color:#a46c27;margin-left:15px}
body:not(.has-top-cover) .preview-brand{position:relative}
@media(max-width:600px){.top-cover{height:320px}.top-cover-logo{max-height:85px;max-width:140px}.has-top-cover .brand{padding:14px 16px;min-height:76px}.has-top-cover main{padding-top:36px}.preview-brand small{display:block;margin:4px 0 0}}

/* 3.32 — subdued glass header over the full-width top cover only. */
.has-top-cover .brand{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(11px) saturate(115%);
  backdrop-filter:blur(11px) saturate(115%);
  box-shadow:0 2px 14px rgba(13,48,34,.10);
  padding-top:13px;
  padding-bottom:13px;
  min-height:66px;
}
.has-top-cover .brand-community{width:34px;height:34px}
.has-top-cover .brand span{font-size:24px}
.has-top-cover .brand small{font-size:11px}
.has-top-cover .preview-brand{
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(11px) saturate(115%);
  backdrop-filter:blur(11px) saturate(115%);
  box-shadow:0 2px 14px rgba(13,48,34,.10);
  padding-top:14px;
  padding-bottom:14px;
}
@media(max-width:600px){
 .has-top-cover .brand{padding:11px 16px;min-height:60px;gap:6px 9px}
 .has-top-cover .brand-community{width:30px;height:30px}
 .has-top-cover .brand span{font-size:21px}
 .has-top-cover .brand small{font-size:10px;padding-left:39px}
 .has-top-cover .preview-brand{padding:12px 16px;font-size:19px}
}
@media(prefers-reduced-transparency:reduce){
 .has-top-cover .brand,.has-top-cover .preview-brand{background:rgba(255,255,255,.93);-webkit-backdrop-filter:none;backdrop-filter:none}
}