/* Page 3 (beveland-page3): 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:300;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: the fixed top bar slides away while scrolling down through this experience
   (its stages are full-screen) and comes back on any scroll up. */
#nav{transition:background .35s,color .35s,box-shadow .35s,transform .4s cubic-bezier(.2,.7,.2,1)}
#nav.p3-hide{transform:translateY(-100%)}
/* Neutralise the site's global resets inside the experience so it renders like the original export:
   styles.css sets img{max-width:100%} (shrank the oversized bottle boxes), *{box-sizing:border-box} and body line-height 1.7. */
#dc-root{line-height:normal}
#dc-root *,#dc-root *::before,#dc-root *::after{box-sizing:content-box}
#dc-root img,#dc-root video{max-width:none}
