*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Verdana,Arial,sans-serif;font-size:20px;line-height:1.6;color:#2b2118;background:#fffaf2}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}a{color:#a3410a;font-weight:600}
header{background:#fff;border-bottom:5px solid #f2a541;position:sticky;top:0;z-index:5}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px}
.logo{font-size:32px;font-weight:800;color:#2b2118;text-decoration:none}.logo span{color:#d9534f}

.hero{background:linear-gradient(135deg,#f6c453,#f08a4b 60%,#d9534f);color:#2b1608;padding:56px 0}.hero h1{font-size:46px;margin:0 0 10px;line-height:1.15}.hero p{font-size:24px;margin:0;max-width:800px}
main{padding:30px 20px 50px}h2{font-size:32px;color:#8a3a0c;margin-top:40px}h3{font-size:24px;margin:0 0 8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.card{background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px rgba(120,60,0,.12);border-top:6px solid #5bab8f}
.card p{margin:6px 0}.box{background:#fff;border-radius:14px;padding:22px 26px;margin:26px 0;border-left:8px solid #5bab8f}.box.warm{background:#fff1d6;border-left-color:#f08a4b}.box.fact{background:#e9f4fb;border-left-color:#2f7fb5}
.stats .card{text-align:center;border-top-color:#2f7fb5}.stats h3{font-size:34px;color:#2f7fb5}.note{background:#f3ece0;padding:12px 18px;border-radius:10px}
footer{background:#2b2118;color:#fff3e0;padding:26px 0;font-size:18px}footer a{color:#f6c453}
@media(max-width:600px){body{font-size:19px}.hero h1{font-size:34px}.hero p{font-size:20px}}
@media print{header{position:static}}
/* photos */
figure{margin:0}img{max-width:100%;height:auto;display:block}
figure.photo img,.hero-img img{border-radius:16px;box-shadow:0 6px 18px rgba(43,33,24,.15);width:100%}
figcaption{font-size:14px;line-height:1.4;color:#777;margin-top:6px}figcaption a{color:#777;font-weight:400}
.hero-img{margin:24px 0 8px}.hero-img img{aspect-ratio:5/2;object-fit:cover}
.card-img{margin:-4px 0 12px}.card-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;box-shadow:0 3px 10px rgba(43,33,24,.12)}
.photo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.photo-row img{aspect-ratio:4/3;object-fit:cover}
figure.wide{margin:16px 0 24px}figure.wide img{max-height:520px;object-fit:cover}
@media(max-width:600px){.hero-img img{aspect-ratio:16/9}figcaption{font-size:13px}}
/* nav v2 */
nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
nav a,.ddbtn{text-decoration:none;color:#2b2118;padding:8px 14px;border-radius:22px;font-size:17px;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.ddbtn{background:none;border:0;font-family:inherit;cursor:pointer;gap:4px}
nav a:hover,nav a.on,.ddbtn:hover,.dd.on>.ddbtn{background:#f2a541;color:#2b2118}
nav a:focus-visible,.ddbtn:focus-visible,.navtoggle:focus-visible{outline:3px solid #2f7fb5;outline-offset:2px}
.dd{position:relative}
.ddmenu{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(43,33,24,.2);padding:8px;z-index:10;flex-direction:column}
.ddmenu a{display:flex;border-radius:8px;width:100%}
.dd:hover>.ddmenu,.dd.open>.ddmenu,.dd:focus-within>.ddmenu{display:flex}
.navtoggle{display:none;font:inherit;font-size:18px;font-weight:700;background:#f2a541;color:#2b2118;border:0;border-radius:22px;padding:8px 18px;min-height:44px;cursor:pointer}
.muted{color:#777;font-size:.85em}.credits li{margin:6px 0;font-size:17px;overflow-wrap:anywhere}
main{overflow-wrap:break-word}
@media(max-width:900px){
 .js .navtoggle{display:inline-flex;align-items:center;gap:6px}
 .js nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:8px 0 4px}
 .js nav.open{display:flex}
 nav a,.ddbtn{width:100%;justify-content:space-between;font-size:19px}
 .ddmenu{position:static;box-shadow:none;background:#fff6e6;min-width:0;margin:2px 0 6px 12px}
 .dd:hover>.ddmenu{display:none}.dd.open>.ddmenu{display:flex}
 header{max-height:100vh;overflow-y:auto}
}
@media(max-width:600px){.logo{font-size:28px}.hero{padding:36px 0}main{padding:20px 16px 40px}.box{padding:18px 18px}.card{padding:18px}.grid,.photo-row{grid-template-columns:1fr}h2{font-size:27px}.hero h1{font-size:31px}}
@media(min-width:901px){nav a,.ddbtn{font-size:16px;padding:8px 11px}.ddmenu a{font-size:17px}}