/* Coloured navigation and clearly labelled representative visual assets. */
.topbar{background:#1d3236;color:#dfe7e2;border-bottom-color:#436064}.topbar a:hover{color:#fffefa}
.header{background:rgba(38,63,67,.98);border-color:#496267;color:#faf9f6;box-shadow:0 6px 20px #263f4310}.header .brand{color:#f1ece0}.header .nav>a:hover,.header .nav summary:hover{color:#e4d4b9}.header .nav a[aria-current=page]:not(.btn),.header .nav details.has-active>summary{color:#f4e2c4;text-decoration-color:#d9c09b}.header .nav>.btn{background:#eee4d3;border-color:#eee4d3;color:#263f43}.header .nav>.btn:hover{background:#fff4e3;border-color:#fff4e3}.header .nav .dropdown{color:#263f43;background:#fffefa}.header .nav .dropdown a[aria-current=page]:not(.btn){color:#68533f}.header .menu-btn{color:#faf9f6;border-color:#849b97;background:#ffffff08}.header .menu-btn:hover{background:#ffffff14}
.sample-photo{margin:0;position:relative;overflow:hidden;background:#e6e9e1;border-radius:16px}.sample-photo img{display:block;width:100%;height:100%;object-fit:cover}.sample-photo figcaption{position:absolute;bottom:15px;left:15px;padding:6px 10px;background:#faf9f6f0;color:#42514d;border:1px solid #ffffff80;border-radius:6px;font:12px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.15px;box-shadow:0 3px 10px #00000008}.hero-photo{height:590px;border-radius:220px 220px 18px 18px;box-shadow:0 18px 40px #263f4312;border:1px solid #dbe2d5}.hero-photo figcaption{left:50%;transform:translateX(-50%);bottom:23px;white-space:nowrap}.hero-photo img{object-position:center 52%}.editorial{padding:0 0 32px;overflow:hidden}.editorial-photo{height:290px;border-radius:0}.editorial .large-number{display:none}.editorial blockquote{margin:28px 32px 20px;font-size:30px;max-width:none}.editorial .small{margin:0 32px}.location-photo{height:260px;margin:-44px -44px 32px;border-radius:18px 18px 0 0}.location-art{overflow:hidden}.portrait-placeholder{position:relative;width:calc(100% + 72px);margin:-36px -36px 30px;background:#e7ebe3;overflow:hidden;border-radius:15px 15px 0 0}.portrait-placeholder img{display:block;width:100%;height:250px;object-fit:cover}.portrait-tag{position:absolute;bottom:13px;left:14px;font:12px/1.5 'Segoe UI',Arial,sans-serif;background:#faf9f6ee;color:#42514d;padding:5px 9px;border-radius:5px}.person{overflow:hidden}.content-body>.portrait-placeholder{max-width:480px;width:100%;margin:0 0 40px;border-radius:16px}.content-body>.portrait-placeholder img{height:auto}.guide-photo{height:200px;margin:-30px -30px 26px;border-radius:13px 13px 0 0}.guide{overflow:hidden}.article-photo{height:360px;margin:0 0 35px}.article-photo img,.guide-photo img,.editorial-photo img{object-position:center 55%}
@media(max-width:1380px){.header .nav{background:#263f43;border-bottom-color:#496267}.header .dropdown{background:#f1f3ed}.header .nav summary:hover{color:#e4d4b9}}
@media(max-width:1050px){.hero-photo{height:500px}.portrait-placeholder{width:calc(100% + 60px);margin:-30px -30px 28px}.guide-photo{margin:-26px -26px 24px}.editorial-photo{height:260px}}
@media(max-width:780px){.hero-photo{width:100%;max-width:510px;height:490px;margin:auto}.location-photo{margin:-32px -32px 28px;height:240px}.portrait-placeholder{width:calc(100% + 56px);margin:-28px -28px 26px}.portrait-placeholder img{height:240px}.article-photo{height:270px}.editorial blockquote{font-size:29px}.hero-grid{gap:42px}}
@media(max-width:600px){.hero-photo{height:440px;border-radius:180px 180px 16px 16px}.portrait-placeholder{width:calc(100% + 60px);margin:-30px -30px 26px}.portrait-placeholder img{height:260px}.guide-photo{margin:-28px -28px 25px;height:210px}.location-photo{height:230px}.sample-photo figcaption{font-size:11px}.content-body>.portrait-placeholder{width:100%;margin:0 0 32px}}
