/* Page 5 (beveland-page5): original head CSS, scoped; fonts follow the site (Montserrat). */
#dc-root a{color:#8a6216}#dc-root a:hover{color:#5a3e0a}
.bv{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}
.bv img{position:absolute;left:-45%;top:-10%;width:190%;height:120%;display:block;object-fit:contain}
.ph{background-image:repeating-linear-gradient(135deg,rgba(20,18,16,.06) 0 1px,transparent 1px 14px)}
.medal{flex:none;width:clamp(48px,7vh,64px);height:clamp(48px,7vh,64px);border-radius:50%;padding:3px;box-sizing:border-box;background:radial-gradient(circle at 34% 28%,#fff6cf 0,#f1d27a 16%,#c99a2e 46%,#8a6216 76%,#c99a2e 100%);box-shadow:inset 0 0 0 1.5px rgba(122,86,18,.55),0 6px 14px rgba(80,55,10,.2)}
.medal-in{width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:1.5px solid rgba(110,76,14,.5);background:radial-gradient(circle at 40% 32%,#f9e7ad,#d8ad48 58%,#b8872a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#4d3407;text-align:center}
.medal-a{font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:clamp(10px,1.4vh,13px);letter-spacing:.06em;line-height:1}
.medal-b{font-family:Montserrat,system-ui,sans-serif;font-size:7px;letter-spacing:.06em;line-height:1}
@keyframes bvTurn{from{transform:perspective(700px) rotateY(-32deg)}to{transform:perspective(700px) rotateY(32deg)}}
#ab-mapsvg path{stroke:#ffffff;stroke-width:.5;transition:fill .2s ease}
#ab-mapsvg .mk-off{fill:#dcd8d1}
#ab-mapsvg .mk-on{fill:#141210;cursor:pointer}
#ab-mapsvg .mk-dot{stroke:#ffffff;stroke-width:1.2}
#ab-mapsvg .mk-on.is-hov{fill:#b07a2a}
.mk-li{cursor:default;color:rgba(20,18,16,.72);transition:color .15s ease,transform .15s ease}
.mk-li.is-hov{color:#b07a2a;transform:translateX(4px)}
.so-card{flex:1 1 0;min-width:0;transition:flex-grow .55s cubic-bezier(.2,.7,.2,1);cursor:pointer}
.so-row:hover .so-card{flex-grow:.8}
.so-row .so-card:hover{flex-grow:2.2}
.so-img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.so-card:hover .so-img{transform:scale(1.08)}
.so-row:hover .so-card:not(:hover) .so-img{filter:grayscale(.6) brightness(.7)}
.so-shade{background:linear-gradient(180deg,rgba(10,9,8,0) 50%,rgba(10,9,8,.8) 100%);transition:background .5s ease}
.so-card:hover .so-shade{background:linear-gradient(180deg,rgba(10,9,8,.05) 25%,rgba(10,9,8,.88) 100%)}
.so-more{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease,margin .4s ease}
.so-card:hover .so-more{max-height:120px;opacity:1;margin-top:8px}
/* Site integration (same as pages 3 and 4): top bar slides away while scrolling down, back on scroll up;
   the site's global resets are neutralised inside the experience so it renders like the export. */
#nav{transition:background .35s,color .35s,box-shadow .35s,transform .4s cubic-bezier(.2,.7,.2,1)}
#nav.p3-hide{transform:translateY(-100%)}
#dc-root{line-height:normal;overflow-x:clip}
#dc-root *,#dc-root *::before,#dc-root *::after{box-sizing:content-box}
#dc-root img,#dc-root video{max-width:none}
#dc-root .medal,#dc-root .medal-in{box-sizing:border-box}