/* Page 4 (beveland-page4): 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)}}
/* Site integration (same as page 3): the fixed 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{box-sizing:border-box}
#dc-root .medal-in{box-sizing:border-box}