/* Seven treatments of the same Belize conservation content. All typography,
   illustration and photographic framing are local; maps retain source colors. */
.bh-design-2{--paper:#e7f4ed;--ink:#092f48;--deep:#063f54;--teal:#0c5a64;--lime:#e0ee88;--hair:#a0beb6;--x-soft:#cce8de;--x-on:#f3ffeb;--x-nav:#e7f4ed;--x-navink:#092f48;--x-font:Georgia,"Times New Roman",serif}
.bh-design-3{--paper:#fff1d0;--ink:#242957;--deep:#242957;--teal:#8d363b;--lime:#ffe293;--hair:#bfaba1;--x-soft:#fcdbbe;--x-on:#fff7e7;--x-nav:#242957;--x-navink:#fff1d0;--x-font:"Arial Black",Arial,sans-serif}
.bh-design-4{--paper:#f8efeb;--ink:#482b4e;--deep:#482b4e;--teal:#62416d;--lime:#b9edda;--hair:#c0b4be;--x-soft:#dcebe0;--x-on:#fff5ee;--x-nav:#f8efeb;--x-navink:#482b4e;--x-font:Georgia,"Times New Roman",serif}
.bh-design-5{--paper:#f5f2e9;--ink:#112e31;--deep:#081e23;--teal:#365d56;--lime:#e9edcf;--hair:#bcc8bb;--x-soft:#e4e9de;--x-on:#f7f6ec;--x-nav:#081e23;--x-navink:#f6f6ed;--x-font:Georgia,"Times New Roman",serif}
.bh-design-6{--paper:#eaf5eb;--ink:#0b3939;--deep:#054946;--teal:#0a5b60;--lime:#cff3a9;--hair:#9abcae;--x-soft:#d6e9d6;--x-on:#f1faeb;--x-nav:#054946;--x-navink:#f3f9ed;--x-font:"Segoe UI",Arial,sans-serif}
.bh-design-7{--paper:#fff3d9;--ink:#50273e;--deep:#294338;--teal:#8b3458;--lime:#ffdc95;--hair:#c4b2a2;--x-soft:#f5ded0;--x-on:#fff5df;--x-nav:#fff3d9;--x-navink:#50273e;--x-font:"Palatino Linotype",Georgia,serif}

.bh .bhx-label,.bh .bht-tag,.bh .bhx-cinema-top{
    font:680 .66rem/1.46 ui-monospace,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase
}
.bh .bhx-acts{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.5rem}
.bh .bhx-acts a,.bh .bht-signal-links a{font-size:.9rem;font-weight:700;text-underline-offset:.32em}
.bh .bhx-button{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;text-decoration:none;font:720 .9rem/1.24 system-ui,sans-serif;min-height:44px;padding:.78rem 1.1rem;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}
.bh .bhx-button:hover{text-decoration:underline;text-underline-offset:.25em}.bh .bhx-button b{font-size:1.12rem;font-weight:500}
.bh .bhx-atlas-band{color:var(--ink);background:var(--x-soft,#e3ece1);border-block:1px solid var(--hair)}
.bh .bhx-atlas-grid{display:grid;grid-template-columns:minmax(8rem,.55fr) minmax(0,1fr);align-items:center;gap:clamp(1.6rem,7vw,7rem);padding-block:clamp(2.7rem,5.3vw,5.8rem)}
.bh .bhx-atlas-dial{position:relative;width:min(15rem,100%);aspect-ratio:1;justify-self:center;color:var(--teal);background:repeating-linear-gradient(0deg,transparent 0 31px,#5e7d7126 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#5e7d7126 31px 32px)}
.bh .bhx-atlas-dial::before,.bh .bhx-atlas-dial::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid currentColor}.bh .bhx-atlas-dial::after{inset:22%;border-style:dotted}
.bh .bhx-atlas-dial span{position:absolute;top:0;left:50%;transform:translateX(-50%);font:700 .65rem/1.2 ui-monospace,monospace;background:var(--x-soft,#e3ece1);padding:.2rem}
.bh .bhx-atlas-dial i,.bh .bhx-atlas-dial b{position:absolute;left:50%;top:50%;width:14%;height:34%;transform-origin:50% 0;clip-path:polygon(50% 100%,0 0,100% 0);background:currentColor}.bh .bhx-atlas-dial i{transform:translateX(-50%) rotate(206deg)}.bh .bhx-atlas-dial b{transform:translateX(-50%) rotate(26deg);opacity:.4}
.bh .bhx-atlas-grid h2{font-size:clamp(2.8rem,5.1vw,5.1rem);margin:.7rem 0 1rem}.bh .bhx-atlas-grid h2 em{color:var(--teal)}.bh .bhx-atlas-grid p{max-width:43rem}
@media screen{
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-head{background:var(--x-nav);color:var(--x-navink);border-color:var(--hair)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-head .bh-brand small,.bh[class*="bh-design-"]:not(.bh-design-1) .bh-head nav a{color:var(--x-navink)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-head nav .bh-head-visit{color:var(--x-navink);border-color:currentColor}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-head nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.42em}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-doors strong,.bh[class*="bh-design-"]:not(.bh-design-1) :is(h1,h2,.bh-display){font-family:var(--x-font)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-scale{background:var(--x-soft);border-color:var(--hair)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-scale :is(span,a){color:var(--teal)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-door-band{background:var(--deep);color:var(--x-on)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-door-band :is(.bh-kicker,h2 em,i){color:var(--lime)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-managers,.bh[class*="bh-design-"]:not(.bh-design-1) .bh-trust-feature figure{background:var(--x-soft)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-visit{--bhv-paper:var(--paper);--bhv-ink:var(--ink);--bhv-teal:var(--teal);--bhv-lime:var(--lime);--bhv-line:var(--hair)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes{background:var(--paper);color:var(--ink)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes .bh-n-head{background:var(--deep);color:var(--x-on)}.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes .bh-n-head :is(h1 em,.bh-kicker,.bh-n-index i){color:var(--lime)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes .bh-n-sources{background:var(--x-soft)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes :is(.bh-n-copy h2,.bh-n-sources h2,.bh-n-link,.bh-n-inline){color:var(--ink)}.bh[class*="bh-design-"]:not(.bh-design-1) .bh-notes :is(.bh-n-copy h2 em,.bh-n-sources h2 em,.bh-n-folio span){color:var(--teal)}
.bh[class*="bh-design-"]:not(.bh-design-1) .bh-foot :is(h2,.bh-foot-line a){color:var(--lime)}
}

/* V · the reef as one photographic opening, then long quiet text chapters */
.bh .bhx-cinema{isolation:isolate;position:relative;background:#061c24;color:#fffef4;min-height:clamp(500px,76svh,830px);display:flex;align-items:stretch}
.bh .bhx-cinema-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:48% 51%}
.bh .bhx-cinema::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031d27a6,transparent 67%),linear-gradient(0deg,#031a20f5,rgba(2,26,32,.55) 32%,rgba(2,26,32,.03) 72%,rgba(2,26,32,.48))}
.bh .bhx-cinema-in{display:flex;flex-direction:column;justify-content:space-between;gap:5rem;padding-block:1.5rem clamp(2rem,4.2vw,4.4rem)}
.bh .bhx-cinema-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #f8fff779;padding-bottom:.65rem;color:#fffef4}
.bh .bhx-cinema-main .bhx-label{color:#f3f6da}
.bh .bhx-cinema h1{font-size:clamp(4.8rem,9.3vw,10rem);line-height:.88;margin:.8rem 0 1rem;letter-spacing:-.066em}.bh .bhx-cinema h1 em{font-weight:400}
.bh .bhx-cinema-bottom{display:flex;gap:1.2rem 4%;align-items:end;justify-content:space-between}
.bh .bhx-cinema-bottom p{max-width:34rem;margin:0;font:1.16rem/1.48 Georgia,serif;color:#fffef4}
.bh .bhx-cinema .bhx-button{background:#f0f3dd;color:#112e31;border-color:#f0f3dd;border-radius:999px}
.bh .bhx-cinema .bhx-acts{gap:.8rem 1.15rem}
.bh-design-5 .bh-head-in{min-height:68px}.bh-design-5 .bh-scale .bh-wrap{padding-block:1.6rem}.bh-design-5 .bh-plates{gap:2rem}
.bh-design-5 .bh-chapter{padding-block:clamp(3.2rem,7.8vw,8rem)}.bh-design-5 .bh-stew-intro{border-bottom:1px solid var(--hair)}
.bh-design-5 .bh-stew-intro h1{font-size:clamp(4rem,8vw,8.4rem)}
.bh-design-5 .bh-forest{grid-template-columns:1.2fr 1fr}.bh-design-5 .bh-forest figure img{max-height:560px}
.bh-design-5 .bh-n-mast{padding-block:clamp(3.5rem,8vw,8.5rem)}
.bh-design-5 .bhv-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bh-design-5 .bhv-card{border-radius:.8rem}

@media(min-width:701px) and (max-width:920px){
    .bh .bh-head-in{min-height:65px}.bh .bh-menu{display:inline-flex;align-items:center;gap:.65rem;border:1px solid currentColor;border-radius:99px;background:transparent;color:inherit;font-size:.85rem;font-weight:650;padding:.4rem .85rem}
    .bh .bh-head nav{display:none;position:absolute;top:100%;left:0;right:0;gap:.5rem 1rem;background:var(--x-nav,var(--deep));border-bottom:1px solid var(--hair);padding:1rem 5vw}
    .bh .bh-head nav.is-open{display:flex;justify-content:flex-start;flex-wrap:wrap}.bh .bh-head nav a{padding:.45rem}.bh .bh-head nav .bh-head-visit{padding:.4rem .7rem}
}

/* II · Atoll Aperture: the photograph fills a circular viewing glass,
   anchored by an editorial column on a luminous lagoon field. */
.bh .bht-aperture{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 15%,#79d7c8 0,#b7eadd 35%,#e8f3da 78%);border-bottom:1px solid #8fbaac}
.bh .bht-lens-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);align-items:center;gap:7%;padding-block:clamp(1.6rem,3vw,3.5rem)}
.bh .bht-lens-stage{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;min-width:0}
.bh .bht-lens-stage::before,.bh .bht-lens-stage::after{content:"";z-index:-1;position:absolute;inset:10% -12% 15%;border:1px solid #3f8e84a0;border-radius:50%;transform:rotate(-19deg)}
.bh .bht-lens-stage::after{inset:5% -7% 9%;border-color:#fff7ce;transform:rotate(22deg)}
.bh .bht-lens{position:relative;width:min(95%,560px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:clamp(4px,.5vw,8px) solid #fff9d8;box-shadow:0 0 0 1px #2c8884,0 0 0 12px #70c3b485,0 0 0 13px #47988eaa}
.bh .bht-lens img{width:100%;height:100%;object-fit:cover;object-position:46% 50%}
.bh .bht-lens-stage figcaption,.bh .bht-fan-plate figcaption,.bh .bht-current-plate figcaption,.bh .bht-house-print figcaption,.bh .bht-signal-banner figcaption{font:680 .61rem/1.45 ui-monospace,Consolas,monospace;letter-spacing:.105em}
.bh .bht-lens-stage figcaption{display:flex;flex-wrap:wrap;justify-content:center;gap:.28rem .75rem;margin-top:1.35rem;color:#16464d}.bh .bht-lens-stage figcaption span{font-weight:450}
.bh .bht-tag{display:block;color:var(--teal)}.bh .bht-tag i{display:inline-block;width:.57rem;height:.57rem;vertical-align:middle;border:2px solid currentColor;border-radius:50%;margin-right:.5rem}
.bh .bht-lens-copy h1{font-size:clamp(4.2rem,7.1vw,7.8rem);line-height:.91;margin:1.1rem 0 1.25rem}.bh .bht-lens-copy h1 em{color:#126973}
.bh .bht-lens-copy p,.bh .bht-fan-copy p,.bh .bht-current-copy p,.bh .bht-house-copy p{font-size:clamp(1.02rem,1.34vw,1.25rem);line-height:1.57;max-width:29rem;margin-bottom:1.45rem}
.bh-design-2 .bhx-button{border-radius:99px}.bh-design-2 .bh-head-in{min-height:72px}.bh-design-2 .bh-chapter-mark .bh-rule{background:linear-gradient(90deg,var(--teal),transparent)}
.bh-design-2 .bh-plates figure{padding:.65rem;background:#f4f9ed;border-radius:1.8rem .2rem 1.8rem .2rem;border:1px solid var(--hair)}
.bh-design-2 .bh-plate-frame{border-radius:1.4rem .15rem 1.4rem .15rem;overflow:hidden}.bh-design-2 .bhx-atlas-dial{background-color:#c5e1d3;border-radius:50%}
.bh-design-2 .bh-stew-intro,.bh-design-2 .bhv-heading{border-bottom:1px solid var(--hair)}.bh-design-2 .bhv-card{border-radius:1.6rem .25rem 1.6rem .25rem;overflow:hidden}

/* III · Caye Signal: the real aerial is the middle stripe of a broad
   nautical banner. Its flanking blocks are ornament, never navigation flags. */
.bh .bht-signal{color:var(--ink);background:#ffdf9b}
.bh .bht-signal-strip{display:flex;height:.6rem;overflow:hidden;background:#ffb29b}
.bh .bht-signal-strip i{flex:1;background:#242957}.bh .bht-signal-strip i:nth-child(3n){background:#f28b76}.bh .bht-signal-strip i:nth-child(3n+1){background:#f9ce5f}
.bh .bht-signal-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4.8fr) minmax(0,1fr);height:clamp(270px,31.2vw,440px);border-block:2px solid #242957}
.bh .bht-signal-banner>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:47% 52%}
.bh .bht-signal-port{position:relative;overflow:hidden;background:#ee8876}
.bh .bht-signal-port::before{content:"";position:absolute;inset:0;background:linear-gradient(31deg,transparent 49.7%,#252b59 50% 60%,transparent 60.3%),linear-gradient(149deg,transparent 49.7%,#252b59 50% 60%,transparent 60.3%)}
.bh .bht-signal-port i{position:absolute;top:8%;left:13%;width:min(7vw,96px);aspect-ratio:1;border-radius:50%;background:#ffd877}
.bh .bht-signal-banner figcaption{display:grid;place-content:end center;gap:.4rem;padding:.75rem;background:linear-gradient(44deg,#f6c65d 25%,transparent 25.3%) 0 0/3.6rem 3.6rem,#ef997b;color:#242957;text-align:center}
.bh .bht-signal-banner figcaption>*{width:fit-content;justify-self:center;background:#ffdf9b;padding:.25rem .5rem}.bh .bht-signal-banner figcaption b{font-weight:800;font-size:clamp(.9rem,1.5vw,1.25rem);letter-spacing:.03em}
.bh .bht-signal-deck{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,.77fr);align-items:center;gap:6%;padding-block:clamp(1.45rem,3vw,3.25rem)}
.bh .bht-signal-deck h1{font:900 clamp(3.8rem,6.55vw,6.85rem)/.92 var(--x-font);letter-spacing:-.075em;margin:.55rem 0 0}
.bh .bht-signal-deck h1 em{display:block;color:#903b47;font-weight:900;font-style:normal}
.bh .bht-signal-links{border-left:2px solid #c08472;padding-left:clamp(1.05rem,2vw,2.3rem)}
.bh .bht-signal-links p{font-size:clamp(1rem,1.22vw,1.15rem);line-height:1.53}.bh .bht-signal-links .bhx-acts{gap:.75rem 1rem}
.bh-design-3 .bh-head-in{min-height:65px}.bh-design-3 .bh-head nav .bh-head-visit,.bh-design-3 .bhx-button{border-radius:0}
.bh-design-3 .bh-door-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.bh-design-3 .bh-doors a{border-left:.55rem solid #f49c86;padding-left:1rem}.bh-design-3 .bh-doors a:nth-child(2){border-left-color:#ffdf80}.bh-design-3 .bh-doors a:nth-child(3){border-left-color:#8bd1ce}
.bh-design-3 .bh-doors a strong{font:800 clamp(1.45rem,2.45vw,2.45rem)/1.12 var(--x-font)}.bh-design-3 .bhv-card{border-radius:0}
.bh-design-3 .bh-stew-intro h1,.bh-design-3 .bhv-heading h1,.bh-design-3 .bh-notes .bh-n-copy h2{font-weight:840}
.bh-design-3 .bh-n-head{border-top:5px solid #efa38c}.bh-design-3 .bh-role{border-left:5px solid var(--teal);padding-left:1rem}

/* IV · Sea Fan: a curved, glass-green photographic lagoon, framed by an
   original branching fan drawing. Its shape is decorative, not a map. */
.bh .bht-seafan{background:#f4e5e8;color:#472b4e;position:relative;isolation:isolate;overflow:hidden;border-bottom:2px solid #ad889d}
.bh .bht-fan-layout{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);grid-template-areas:"copy plate";align-items:center;gap:5%;position:relative;isolation:isolate;min-height:clamp(430px,39vw,640px);padding-block:clamp(2.1rem,4vw,4.5rem)}
.bh .bht-fan-copy{grid-area:copy;position:relative;z-index:1;align-self:center}
.bh .bht-fan-copy h1{font-size:clamp(4rem,7.2vw,7.5rem);line-height:.91;margin:1.05rem 0 1.25rem}.bh .bht-fan-copy h1 em{color:#825177}
.bh .bht-fan-plate{grid-area:plate;position:relative;z-index:1}
.bh .bht-fan-plate>div{position:relative;border:6px solid #b6e6d5;border-radius:31% 9% 30% 8%/25% 12% 27% 10%;background:#b6e6d5;box-shadow:11px 12px 0 #b792ad;overflow:hidden}
.bh .bht-fan-plate img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:47% 51%}
.bh .bht-fan-plate figcaption{margin:1.15rem .4rem 0;color:#543a57;text-align:right}
.bh .bht-fan-art{position:absolute;z-index:-1;left:-12%;bottom:-16%;width:clamp(15rem,27vw,28rem);height:auto;color:#b983a0;opacity:.58;transform:rotate(-15deg)}
.bh .bht-fan-copy>.bhx-acts{width:fit-content;padding-bottom:.3rem}
.bh-design-4 .bhx-button,.bh-design-4 .bh-head nav .bh-head-visit{border-radius:99px}
.bh-design-4 .bh-plates figure{padding:.6rem;background:#fcf7f1;border-bottom:2px solid #b997b2}.bh-design-4 .bh-plates figure:nth-child(2){border-bottom-color:#82b4a3}
.bh-design-4 .bh-forest figure img{border-radius:26% 7% 26% 7%}.bh-design-4 .bhv-card{border-radius:1.5rem .25rem 1.5rem .25rem;overflow:hidden}
.bh-design-4 .bh-stew-intro,.bh-design-4 .bhv-heading{border-bottom:1px solid #b58faa}

/* VI · Current Lines: an oblique cut joins an expansive aerial to a deep
   ocean reading panel. Abstract wave ribbons never imply an actual current. */
.bh .bht-current{position:relative;isolation:isolate;overflow:hidden;color:#f2f9ed;background:#00605e}
.bh .bht-current-plate{position:absolute;inset:0 27% 0 0;z-index:-2;background:#075b61}
.bh .bht-current-plate img{width:100%;height:100%;object-fit:cover;object-position:46% 53%}
.bh .bht-current-plate figcaption{position:absolute;left:max(5vw,18px);bottom:4.5rem;color:#fff;background:#043f40db;padding:.38rem .6rem}
.bh .bht-current-inner{display:flex;justify-content:flex-end;min-height:clamp(490px,43vw,660px)}
.bh .bht-current-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;isolation:isolate;width:40%;padding-block:clamp(4.5rem,6vw,7rem);padding-left:2.4rem}
.bh .bht-current-copy::before,.bh .bht-current-copy::after{content:"";position:absolute;z-index:-1;inset:0 -100vw 0 -7rem;background:#00605e;clip-path:polygon(7rem 0,100% 0,100% 100%,0 100%);pointer-events:none}
.bh .bht-current-copy::after{z-index:-2;left:calc(-7rem - .44rem);background:#93e8b7}
.bh .bht-current .bht-tag{color:#d1efb2}.bh .bht-current-copy h1{font:330 clamp(3.85rem,6.7vw,7.2rem)/.91 var(--x-font);letter-spacing:-.068em;margin:.95rem 0 1.1rem}
.bh .bht-current-copy h1 em{font:italic 420 .96em/1 Georgia,serif;color:#dcf4b5;letter-spacing:-.055em}
.bh .bht-current-copy p{color:#e3f3ec;max-width:26rem}
.bh .bht-current .bhx-button{background:#d7efb1;color:#074641;border:1px solid #d7efb1;border-radius:0 1.2rem 0 1.2rem}
.bh .bht-current-lines{position:absolute;z-index:-1;bottom:-.4rem;width:100%;height:5.5rem;color:#c7f4ba;opacity:.76;pointer-events:none}
.bh-design-6 .bh-head-in{min-height:68px}.bh-design-6 .bhx-button{border-radius:0 1.05rem 0 1.05rem}
.bh-design-6 .bhx-atlas-band{background:linear-gradient(130deg,#d9f2db 60%,#cae8d7)}
.bh-design-6 .bhx-atlas-grid{grid-template-columns:minmax(8rem,.65fr) minmax(0,1fr)}.bh-design-6 .bhx-atlas-dial{border:1px solid #78ad98}
.bh-design-6 .bh-role{border-top:1px solid var(--hair);border-bottom:0}.bh-design-6 .bh-forest figure img{border-radius:0 2.2rem 0 2.2rem}
.bh-design-6 .bhv-role,.bh-design-6 .bhv-card{border-radius:0 1rem 0 1rem}.bh-design-6 .bhv-roles{gap:.5rem;background:transparent;border:0}.bh-design-6 .bhv-role{border:1px solid var(--hair)}

/* VII · Hibiscus House: a mounted photographic plate on citrus paper, a
   painted paper edge and a hand-cut leaf shape to carry the forest story. */
.bh .bht-house{background:#f8e48c;color:#50273e;position:relative;isolation:isolate;overflow:hidden;border-bottom:3px solid #a84c68}
.bh .bht-house::before{content:"";position:absolute;inset:0 0 0 62%;z-index:-1;background:repeating-linear-gradient(135deg,#f8e48c 0 23px,#ffed9d 23px 44px);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.bh .bht-house-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:8%;padding-block:clamp(2.65rem,5.45vw,6.2rem)}
.bh .bht-house-mount{position:relative;isolation:isolate;margin-inline:.35rem;min-width:0;transform:rotate(-2.1deg)}
.bh .bht-house-mount::before{content:"";position:absolute;inset:0;z-index:-1;transform:rotate(4deg) translate(.5rem,.3rem);background:#de827e;border:1px solid #a45c68}
.bh .bht-house-print{padding:clamp(.55rem,1.1vw,1.15rem);background:#fff6dc;border:1px solid #c4a77f;box-shadow:1px 7px 0 #bd9d7542}
.bh .bht-house-print img{width:100%;aspect-ratio:1.41;object-fit:cover;object-position:46% 50%}
.bh .bht-house-print figcaption{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding-top:.65rem;color:#654553}
.bh .bht-hibiscus-leaf{position:absolute;right:-4%;top:-10%;width:clamp(4.5rem,10vw,10rem);height:auto;pointer-events:none;color:#2f7458;transform:rotate(13deg);filter:drop-shadow(2px 2px 0 #07463744)}
.bh .bht-house-copy h1{font:550 clamp(4.1rem,6.9vw,7.4rem)/.93 var(--x-font);letter-spacing:-.07em;margin:1rem 0 1.2rem}.bh .bht-house-copy h1 em{color:#9a3e62;font-weight:450}
.bh .bht-house .bhx-button{background:#294f41;border-color:#294f41;color:#fff4da}
.bh-design-7 .bhx-button{border-radius:2px;box-shadow:3px 3px 0 #d28e97}.bh-design-7 .bh-head-in{min-height:72px}
.bh-design-7 .bh-trust-feature figure,.bh-design-7 .bh-forest figure{padding:.58rem;border:1px solid var(--hair);background:#fff9ea;box-shadow:6px 6px 0 #ddabac}
.bh-design-7 .bh-plates figure{background:#fff7e7;border:1px solid var(--hair);padding:.58rem}
.bh-design-7 .bh-door-band{border-top:.55rem solid #d9a1a8}.bh-design-7 .bhv-card{border-radius:0;box-shadow:6px 6px 0 #d5a1a6}
.bh-design-7 .bh-stew-intro,.bh-design-7 .bhv-heading{border-bottom:3px double #bc959d}

/* The navigation, explanatory pages and atlas mastheads follow the same
   materials. Geographic layers, legend keys, attribution and controls do not. */
.bh.bh-design-2 .bha .bha-head{background:#dbefe3;border-block:1px solid #98bcb0}
.bh.bh-design-3 .bha .bha-head{background:#ffe4a3;border-block:3px solid #242957}
.bh.bh-design-4 .bha .bha-head{background:#efe0e7;border-bottom:2px solid #b895aa}
.bh.bh-design-5 .bha .bha-head{border-bottom:1px solid #b9c2b6}
.bh.bh-design-6 .bha .bha-head{background:#d9edde;border-block:1px solid #94b9aa}
.bh.bh-design-7 .bha .bha-head{background:#faebbf;border-block:1px solid #c4ad8e}
@media(max-width:920px){
    .bh .bhx-cinema-bottom{display:block}.bh .bhx-cinema-bottom .bhx-acts{margin-top:1.1rem}
    .bh .bht-lens-layout,.bh .bht-fan-layout,.bh .bht-house-layout{gap:5%}
    .bh .bht-current-copy{width:44%;padding-left:1rem}
}
@media(max-width:700px){
    .bh[class*="bh-design-"]:not(.bh-design-1) .bh-head-in{min-height:66px}
    .bh[class*="bh-design-"]:not(.bh-design-1) .bh-head .bh-menu{color:var(--x-navink);border-color:currentColor}
    .bh[class*="bh-design-"]:not(.bh-design-1) .bh-head nav{background:var(--x-nav)}
    .bh .bhx-label,.bh .bhx-cinema-top,.bh .bht-tag{font-size:.57rem;letter-spacing:.075em}
    .bh .bhx-cinema{min-height:clamp(540px,88svh,750px)}.bh .bhx-cinema::before{background:linear-gradient(0deg,#041b25f8 4%,#041b25cb 38%,#041b2520 77%,#041b2580)}
    .bh .bhx-cinema-photo{height:72%;object-position:58% 53%;mask-image:linear-gradient(to bottom,#000 70%,transparent)}
    .bh .bhx-cinema-in{padding-block:1rem 1.6rem;gap:7rem}.bh .bhx-cinema h1{font-size:clamp(4.1rem,14vw,6rem)}
    .bh .bhx-cinema-bottom p{font-size:1.04rem}.bh .bhx-cinema .bhx-acts{gap:.7rem 1.05rem}
    .bh-design-5 .bhv-board,.bh-design-5 .bh-forest{grid-template-columns:1fr}.bh-design-5 .bh-scale .bh-wrap{padding-block:1rem}
    .bh .bhx-atlas-grid,.bh-design-6 .bhx-atlas-grid{grid-template-columns:1fr;gap:1.25rem}.bh .bhx-atlas-dial{width:5.6rem;justify-self:start}
    .bh .bht-lens-layout,.bh .bht-fan-layout,.bh .bht-house-layout,.bh .bht-signal-deck{grid-template-columns:minmax(0,1fr);gap:1.2rem}
    .bh .bht-lens-layout{padding:1.5rem 0 1.65rem}
    .bh .bht-lens{width:min(77vw,340px);max-width:100%}
    .bh .bht-lens-stage{max-width:95%;margin-inline:auto;width:100%}
    .bh .bht-lens-stage figcaption{margin-top:1rem;font-size:.51rem}
    .bh .bht-lens-copy h1,.bh .bht-fan-copy h1,.bh .bht-house-copy h1{font-size:clamp(3.45rem,11.5vw,5.2rem);margin:.55rem 0 .85rem}
    .bh .bht-lens-copy p,.bh .bht-fan-copy p,.bh .bht-house-copy p,.bh .bht-current-copy p{font-size:1rem;line-height:1.48;margin-bottom:1rem}
    .bh .bht-signal-banner{grid-template-columns:minmax(0,.28fr) minmax(0,3.3fr) minmax(0,.31fr);height:clamp(185px,57vw,315px)}
    .bh .bht-signal-port i{width:24px;top:8%;left:8%}
    .bh .bht-signal-banner figcaption{padding:.15rem;background-size:1.6rem 1.6rem}
    .bh .bht-signal-banner figcaption span{display:none}.bh .bht-signal-banner figcaption b{writing-mode:vertical-rl;font-size:.54rem;padding:.2rem .08rem}
    .bh .bht-signal-deck{padding-block:1.3rem 1.5rem;gap:.85rem}
    .bh .bht-signal-deck h1{font-size:clamp(3.55rem,11.6vw,5.4rem)}
    .bh .bht-signal-links{padding:0;border:0}.bh .bht-signal-links p{margin-bottom:.8rem}
    .bh-design-3 .bh-door-grid{grid-template-columns:1fr}
    .bh .bht-fan-layout{grid-template-areas:"plate" "copy";min-height:0;padding-block:1.45rem 1.6rem}
    .bh .bht-fan-plate{width:92%;margin:0 auto}.bh .bht-fan-plate>div{border-width:4px;box-shadow:6px 7px 0 #b792ad}
    .bh .bht-fan-plate img{aspect-ratio:1.62}.bh .bht-fan-plate figcaption{font-size:.49rem;margin:.7rem 0 0}
    .bh .bht-fan-art{left:auto;right:-17%;bottom:-10%;width:11.5rem;opacity:.36}
    .bh .bht-current-plate{position:relative;inset:auto;z-index:0;width:100%;height:clamp(225px,59vw,360px)}
    .bh .bht-current-plate figcaption{left:18px;bottom:.6rem;font-size:.5rem}
    .bh .bht-current-inner{min-height:0;display:block}.bh .bht-current-copy{width:100%;padding:1.65rem 0 3.65rem}
    .bh .bht-current-copy::before{inset:-.65rem -30vw -.2rem;clip-path:none;transform:rotate(-1.3deg);background:#00605e;border-top:3px solid #95e3b4}.bh .bht-current-copy::after{display:none}
    .bh .bht-current-copy h1{font-size:clamp(3.55rem,12vw,5.4rem);margin:.6rem 0 .85rem}
    .bh .bht-current-lines{height:3.6rem;bottom:-.4rem;z-index:0;pointer-events:none}
    .bh .bht-house-layout{padding:1.85rem 0 1.65rem}.bh .bht-house-mount{width:91%;max-width:410px;margin-inline:auto}
    .bh .bht-house-print{padding:.45rem}.bh .bht-house-print img{aspect-ratio:1.5}.bh .bht-house-print figcaption{font-size:.5rem;padding-top:.4rem}
    .bh .bht-hibiscus-leaf{width:22%;right:-4%;top:-11%}
    .bh .bht-house-copy{padding-top:.3rem}
}
@media(min-width:701px) and (max-width:865px){
    .bh .bht-lens-copy h1,.bh .bht-current-copy h1,.bh .bht-fan-copy h1,.bh .bht-house-copy h1{font-size:clamp(3.2rem,6vw,4.2rem)}
    .bh .bht-current-copy{width:44%}
    .bh .bht-signal-deck h1{font-size:clamp(3.25rem,6vw,4.6rem)}
}
