1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Tue Mar 10 2026 20:18:13 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="bestseller50party-phase4-ffce2f03d17e9b.webflow.io" data-wf-page="6895734d9fbc4112bd390e94" data-wf-site="6895734d9fbc4112bd390ec3" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>BESTSELLER50 PARTY</title><meta content="BESTSELLER50 PARTY" property="og:title"/><meta content="https://cdn.prod.website-files.com/674ef99ec8b204dfbcb3981a/674efdc3e7bb50c652412ad5_Frame%2012%20(1).avif" property="og:image"/><meta content="BESTSELLER50 PARTY" name="twitter:title"/><meta content="https://cdn.prod.website-files.com/674ef99ec8b204dfbcb3981a/674efdc3e7bb50c652412ad5_Frame%2012%20(1).avif" name="twitter:image"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/css/bestseller50party-phase4-ffce2f03d17e9b.webflow.shared.8239bffe3.css" rel="stylesheet" type="text/css" integrity="sha384-gjm//jwK7cYzC3xNw1NAhGp/YzSza5uF3pbvFRSunK8TGGeY5hs80i3xqcGYequx" crossorigin="anonymous"/>
1<script src="https://use.typekit.net/svd2vtf.js" type="text/javascript"></script>
1<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390ef9_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390efb_favicon256.png" rel="apple-touch-icon"/><meta name="robots" content="noindex, nofollow"> 2 3
4<script> 5(function(global){global.pageFunctions=global.pageFunctions||{executed:{},functions:{},addFunction:function(id,fn){if(!this.functions[id])this.functions[id]=fn},executeFunctions:function(){if(this.added)return;this.added=true;for(const id in this.functions){if(!this.executed[id]){try{this.functions[id]();this.executed[id]=true}catch(e){console.error(`Error executing function ${id}:`,e)}}}}}})(window); 6</script>
6 7 8 9<!-- [Attributes by Finsweet] CMS Nest -->
10<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsnest@1/cmsnest.js"></script>
10 11 12<!-- Lenis Smooth Scrolling -->
13<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
13 14 15<!-- GSAP -->
16<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
16 17 18<!-- GSAP ScrollTrigger -->
19<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
19 20 21<!-- GSAP ScrollTo -->
22<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollToPlugin.min.js"></script>
22 23 24 25
26<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/CustomEase.min.js"></script>
26 27 28
29<script src="https://unpkg.com/split-type"></script>
29 30 31 32 33 34<!-- Register GSAP and ScrollTrigger -->
35<script> 36 // Ensure GSAP and ScrollTrigger are loaded before registering 37 if (typeof gsap !== "undefined" && typeof ScrollTrigger !== "undefined") { 38 gsap.registerPlugin(ScrollTrigger); 39 console.log("GSAP and ScrollTrigger successfully registered."); 40 } else { 41 console.error("Failed to load GSAP or ScrollTrigger. Check your script URLs."); 42 } 43</script>
43 44 45<!-- YC Slider Library Import (Powered by Swiper.js) -->
46<script defer src="https://cdn.jsdelivr.net/npm/@yes-chef/[email protected]/dist/index.js"></script>
46 47 48<!-- [Attributes by Finsweet] Number Count -->
49<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-numbercount@1/numbercount.js"></script>
49 50 51<!-- [Attributes by Finsweet] CMS Filter -->
52<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsfilter@1/cmsfilter.js"></script>
52 53 54 55 56<style> 57 58[yc-slider-element='list'] { 59 gap: 0; 60} 61 62</style> 63 64
65<script type="text/javascript" 66 id="bz-popup-registration-script-10b1788e-a45a-47f1-9bb5-bcde56dab2ac" 67 data-event-id="609071" 68 data-registration-proxy="true" 69 data-unique-name="609071" 70 data-flow-id="10b1788e-a45a-47f1-9bb5-bcde56dab2ac" 71 data-inline-widget="true" 72 data-element-class="common-button"> 73 (function() { 74 var bz = document.createElement("script"); 75 bz.type = "text/javascript"; 76 bz.async = true; 77 bz.setAttribute("data-flow-id", "10b1788e-a45a-47f1-9bb5-bcde56dab2ac"); 78 bz.setAttribute("data-inline-widget", "true"); 79 bz.src = "https://organizer.bizzabo.com/widgets/flows/popup/registrationPopup.js"; 80 var s = document.getElementsByTagName("script")[0]; 81 s.parentNode.insertBefore(bz, s); 82 })(); 83</script>
83 84 85<style> 86 html { 87 -webkit-font-smoothing: antialiased; 88 -moz-osx-font-smoothing: grayscale; 89 } 90</style> 91
92<script> 93 if (sessionStorage.getItem("hasPlayedSVGAnimation") === "true") { 94 document.documentElement.classList.add("skip-loader"); 95 } 96</script>
96 97</head><body data-theme="home-custom"><div class="page_wrap u-position-relative"><div class="page_code_wrap"><div class="page_css"><div class="page_code_base w-embed"><style> 98/* div */ 99 100:root { 101 --site--column-count: 12; 102 --site--width-inner: calc(var(--site--width) - (var(--site--margin) * 2)); 103 --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); 104 --site--grid-width: min(var(--site--width-inner), var(--container--full)); 105 --container--full: calc(100vw - (var(--site--margin) * 2)); 106 --container--small: calc(var(--column-width) * (var(--site--column-count) - 2) - var(--site--gutter)); 107 --container--main: calc(var(--column-width) * var(--site--column-count) - var(--site--gutter)); 108 --column-width: calc((var(--site--grid-width) - var(--site--gutter-total)) / var(--site--column-count) + var(--site--gutter)); 109 --column-width--1: calc(var(--column-width) * 1 - var(--site--gutter)); 110 --column-width--2: calc(var(--column-width) * 2 - var(--site--gutter)); 111 --column-width--3: calc(var(--column-width) * 3 - var(--site--gutter)); 112 --column-width--4: calc(var(--column-width) * 4 - var(--site--gutter)); 113 --column-width--5: calc(var(--column-width) * 5 - var(--site--gutter)); 114 --column-width--6: calc(var(--column-width) * 6 - var(--site--gutter)); 115 --column-width--7: calc(var(--column-width) * 7 - var(--site--gutter)); 116 --column-width--8: calc(var(--column-width) * 8 - var(--site--gutter)); 117 --column-width--9: calc(var(--column-width) * 9 - var(--site--gutter)); 118 --column-width--10: calc(var(--column-width) * 10 - var(--site--gutter)); 119 --column-width--11: calc(var(--column-width) * 11 - var(--site--gutter)); 120 --column-width--12: calc(var(--column-width) * 12 - var(--site--gutter)); 121 --column-margin--1: calc(var(--column-width) * 1); 122 --column-margin--2: calc(var(--column-width) * 2); 123 --column-margin--3: calc(var(--column-width) * 3); 124 --column-margin--4: calc(var(--column-width) * 4); 125 --column-margin--5: calc(var(--column-width) * 5); 126 --column-margin--6: calc(var(--column-width) * 6); 127 --column-margin--7: calc(var(--column-width) * 7); 128 --column-margin--8: calc(var(--column-width) * 8); 129 --column-margin--9: calc(var(--column-width) * 9); 130 --column-margin--10: calc(var(--column-width) * 10); 131 --column-margin--11: calc(var(--column-width) * 11); 132 --column-margin--12: calc(var(--column-width) * 12); 133 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 134 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 135 --grid-breakout-single: var(--breakout-start) minmax(0, var(--site--grid-width)) var(--breakout-end); 136 --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, calc((var(--site--grid-width) - var(--site--gutter-total)) / var(--site--column-count)))) var(--breakout-end); 137 --grid-main: repeat(var(--site--column-count), minmax(0, 1fr)); 138 --grid-1: repeat(1, minmax(0, 1fr)); 139 --grid-2: repeat(2, minmax(0, 1fr)); 140 --grid-3: repeat(3, minmax(0, 1fr)); 141 --grid-4: repeat(4, minmax(0, 1fr)); 142 --grid-5: repeat(5, minmax(0, 1fr)); 143 --grid-6: repeat(6, minmax(0, 1fr)); 144 --grid-7: repeat(7, minmax(0, 1fr)); 145 --grid-8: repeat(8, minmax(0, 1fr)); 146 --grid-9: repeat(9, minmax(0, 1fr)); 147 --grid-10: repeat(10, minmax(0, 1fr)); 148 --grid-11: repeat(11, minmax(0, 1fr)); 149 --grid-12: repeat(12, minmax(0, 1fr)); 150 151 --font-weight--inherit: inherit; 152 --font-weight--100: 100; 153 --font-weight--200: 200; 154 --font-weight--300: 300; 155 --font-weight--400: 400; 156 --font-weight--500: 500; 157 --font-weight--600: 600; 158 --font-weight--700: 700; 159 --font-weight--800: 800; 160 --font-weight--900: 900; 161 --text-transform--none: none; 162 --text-transform--uppercase: uppercase; 163 --text-transform--capitalize: capitalize; 164 --text-transform--lowercase: lowercase; 165 --text-transform--inherit: inherit; 166} 167 168@media screen and (max-width: 768px) { /* Adjust max-width for your desired breakpoint */ 169 :root { 170 --site--column-count: 4; 171 } 172} 173 174 175* { 176 vertical-align: bottom; 177} 178body { 179 font-weight: var(--text-main--font-weight); 180 text-transform: var(--text-main--text-transform); 181 font-smoothing: antialiased; 182 -webkit-font-smoothing: antialiased; 183} 184label { 185 font-size: inherit; 186 line-height: inherit; 187 font-weight: inherit; 188 margin-top: 0; 189 margin-bottom: 0; 190} 191button { 192 background-color: unset; 193 padding: unset; 194 text-align: inherit; 195} 196button:not(:disabled) { 197 cursor: pointer; 198} 199video { 200 width: 100%; 201 object-fit: cover; 202} 203video.wf-empty { 204 padding: 0; 205} 206svg { 207 max-width: 100%; 208} 209section, header, footer { 210 position: relative; 211} 212@media (prefers-color-scheme: light) { 213 option { 214 color: black; 215 } 216} 217img::selection { 218 background: transparent; 219} 220a:not([class]) { 221 text-decoration: underline; 222} 223ul:where([class]), 224ol:where([class]) { 225 list-style: ""; 226 margin-bottom: 0; 227 padding-left: 0; 228} 229li:where([class]) { 230 margin-bottom: 0; 231} 232.w-richtext a { 233 position: relative; 234 z-index: 4; 235} 236[class*="u-text-style-"] > :where(h1,h2,h3,h4,h5,h6,p,blockquote) { 237 font-family: inherit; 238 font-size: inherit; 239 font-weight: inherit; 240 line-height: inherit; 241 letter-spacing: inherit; 242 text-transform: inherit; 243 text-wrap: inherit; 244 margin-top: inherit; 245 margin-bottom: inherit; 246} 247:not(.u-margin-trim-off, .u-block-gap) > :first-child,
248:not(.u-margin-trim-off, .u-block-gap) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { 249 margin-top: 0; 250} 251:not(.u-margin-trim-off, .u-block-gap) > :last-child, 252:not(.u-margin-trim-off, .u-block-gap) > :not(:has(~ :not(.w-condition-invisible))) { 253 margin-bottom: 0; 254} 255 256.u-hide-if-empty:empty, 257.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))), 258.u-hide-if-empty-cms:not(:has(.w-dyn-item)), 259.w-richtext[class*="u-text-style-"] > :not(h1,h2,h3,h4,h5,h6,p,blockquote), 260.u-embed-js, 261.u-embed-css { 262 display: none !important; 263} 264 265.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 266 -webkit-line-clamp: 1; 267 -webkit-box-orient: vertical; 268} 269.u-line-clamp-2 { -webkit-line-clamp: 2; } 270.u-line-clamp-3 { -webkit-line-clamp: 3; } 271.u-line-clamp-4 { -webkit-line-clamp: 4; } 272 273[tabindex]:focus-visible, 274a:focus-visible, 275button:focus-visible, 276.w-checkbox-input--inputType-custom.w--redirected-focus, 277.w-form-formradioinput--inputType-custom.w--redirected-focus { 278 outline: 0.125rem solid var(--theme--text); 279 outline-offset: 0.25rem; 280} 281.w-checkbox-input--inputType-custom.w--redirected-focus, 282.w-form-formradioinput--inputType-custom.w--redirected-focus { 283 box-shadow: none; 284} 285 286.u-block-gap { 287 --gap: var(--space--2); 288 --gap-x: var(--gap); 289 --gap-y: var(--gap); 290} 291.u-block-gap > * { 292 margin-inline: calc(var(--gap-x) / 2); 293 margin-top: var(--gap-y); 294 vertical-align: inherit; 295} 296:where(.u-block-gap > *) { 297 display: inline-block; 298} 299.u-block-gap::before { 300 content: ""; 301 display: block; 302 margin-bottom: calc(var(--gap-y) * -1); 303} 304 305.u-block-gap-vertical { 306 --gap: 0; 307 --margin: var(--gap); 308} 309.u-block-gap-vertical > * { 310 margin-top: var(--margin); 311 margin-bottom: 0; 312} 313 314.u-gap-0 { --gap: 0; } 315.u-gap-1 { --gap: var(--space--1); } 316.u-gap-2 { --gap: var(--space--2); } 317.u-gap-3 { --gap: var(--space--3); } 318.u-gap-4 { --gap: var(--space--4); } 319.u-gap-5 { --gap: var(--space--5); } 320.u-gap-6 { --gap: var(--space--6); } 321.u-gap-7 { --gap: var(--space--7); } 322.u-gap-8 { --gap: var(--space--8); } 323.u-gap-gutter { --gap: var(--site--gutter); } 324.u-gap-row-0 { --gap-y: 0; } 325.u-gap-row-1 { --gap-y: var(--space--1); } 326.u-gap-row-2 { --gap-y: var(--space--2); } 327.u-gap-row-3 { --gap-y: var(--space--3); } 328.u-gap-row-4 { --gap-y: var(--space--4); } 329.u-gap-row-5 { --gap-y: var(--space--5); } 330.u-gap-row-6 { --gap-y: var(--space--6); } 331.u-gap-row-7 { --gap-y: var(--space--7); } 332.u-gap-row-8 { --gap-y: var(--space--8); } 333.u-gap-row-gutter { --gap-y: var(--site--gutter); } 334 335.u-child-contain > * { 336 display: inline-block; 337 width: 100%; 338 max-width: inherit; 339 margin-top: 0; 340} 341 342[data-padding-top="none"] { padding-top: var(--section-space--none); } 343[data-padding-bottom="none"] { padding-bottom: var(--section-space--none); } 344 345[data-padding-top="small"] { padding-top: var(--section-space--small); } 346[data-padding-bottom="small"] { padding-bottom: var(--section-space--small); } 347 348[data-padding-top="main"] { padding-top: var(--section-space--main); } 349[data-padding-bottom="main"] { padding-bottom: var(--section-space--main); } 350 351[data-padding-top="large"] { padding-top: var(--section-space--large); } 352[data-padding-bottom="large"] { padding-bottom: var(--section-space--large); } 353 354.wf-design-mode .g_clickable_wrap { 355 z-index: 0; 356} 357.g_clickable_wrap a[href="#"] { 358 display: none; 359} 360.g_clickable_wrap a[href="#"] ~ button { 361 display: block; 362} 363</style></div><div class="page_code_color w-embed"><style> 364/* Theme light */ 365:root, 366[data-theme="light"], 367[data-theme="dark"] [data-theme="invert"] { 368 --theme--background: var(--swatch--beige); 369 --theme--text: var(--swatch--black); 370 --theme--border: var(--swatch--black-08); 371 --theme--text-secondary: var(--swatch--new-green); 372} 373 374/* Theme dark (brown) */ 375[data-theme="dark"], 376[data-theme="invert"], 377[data-theme="light"] [data-theme="invert"] { 378 --theme--background: var(--swatch--brown); 379 --theme--text: var(--swatch--beige); 380 --theme--border: var(--swatch--off-white); 381 --theme--text-secondary: var(--swatch--white-30); 382} 383 384/* Theme light-brown */ 385[data-theme="light-brown"] { 386 --theme--background: var(--swatch--light-brown); 387 --theme--text: var(--swatch--off-white); 388 --theme--border: var(--swatch--off-white); 389 --theme--text-secondary: var(--swatch--white); 390 --theme--heading: var(--swatch--beige); 391} 392 393/* Theme green2 */ 394[data-theme="green2"] { 395 --theme--background: var(--swatch--p2-green); 396 --theme--text: var(--swatch--off-white); 397 --theme--border: var(--swatch--off-white); 398 --theme--text-secondary: var(--swatch--white); 399 --theme--heading: var(--swatch--p2-heading-green); 400} 401 402/* Theme dark-brown */ 403[data-theme="dark-brown"] { 404 --theme--background: var(--swatch--dark-brown); 405 --theme--text: var(--swatch--off-white); 406 --theme--border: var(--swatch--off-white); 407 --theme--text-secondary: var(--swatch--white); 408 --theme--heading: var(--swatch--silver-blue); 409} 410 411/* Theme light-brown2 */ 412[data-theme="light-brown2"] { 413 --theme--background: var(--swatch--light-brown2); 414 --theme--text: var(--swatch--off-white); 415 --theme--border: var(--swatch--off-white); 416 --theme--text-secondary: var(--swatch--white); 417 --theme--heading: var(--swatch--lighter-yellow); 418} 419 420/* Theme red-brown */ 421[data-theme="red-brown"] { 422 --theme--background: var(--swatch--red-brown); 423 --theme--text: var(--swatch--off-white); 424 --theme--border: var(--swatch--off-white); 425 --theme--text-secondary: var(--swatch--white); 426 --theme--heading: var(--swatch--light-red-brown); 427} 428 429/* Theme blue */ 430[data-theme="blue"] { 431 --theme--background: var(--swatch--blue); 432 --theme--text: var(--swatch--off-white); 433 --theme--border: var(--swatch--off-white); 434 --theme--text-secondary: var(--swatch--white); 435 --theme--heading: var(--swatch--egg-shell); 436} 437 438/* Theme dark-green2 */ 439[data-theme="dark-green2"] { 440 --theme--background: var(--swatch--dark-green2); 441 --theme--text: var(--swatch--off-white); 442 --theme--border: var(--swatch--off-white); 443 --theme--text-secondary: var(--swatch--white); 444 --theme--heading: var(--swatch--orange-brown); 445} 446 447/* Theme light-green */ 448[data-theme="light-green"] { 449 --theme--background: #4b5f45; 450 --theme--text: var(--swatch--off-white); 451 --theme--border: var(--swatch--off-white); 452 --theme--text-secondary: var(--swatch--white); 453 --theme--heading: #f2eee4; 454} 455 456/* Theme light-green */ 457[data-theme="brown-2"] { 458 --theme--background: var(--swatch--brown-2) ; 459 --theme--text: var(--swatch--off-white); 460 --theme--border: var(--swatch--off-white); 461 --theme--text-secondary: var(--swatch--white); 462 --theme--heading: var(--swatch--pink); 463} 464 465/* Theme light-green */ 466[data-theme="olive"] { 467 --theme--background: var(--swatch--olive) ; 468 --theme--text: var(--swatch--off-white); 469 --theme--border: var(--swatch--off-white); 470 --theme--text-secondary: var(--swatch--white); 471 --theme--heading: var(--swatch--yellow); 472} 473 474 475/* Theme new-beige */ 476[data-theme="new-beige"] { 477 --theme--background: var(--swatch--beige-warm) ; 478 --theme--text: #222222; 479 --theme--border: var(--swatch--off-black); 480 --theme--text-secondary: var(--swatch--white); 481 --theme--heading: var(--swatch--mid-brown); 482} 483 484[data-theme="map-nav"] { 485 --theme--background: transparent; 486 --theme--text: black; 487 --theme--border: var(--swatch--off-black); 488 --theme--text-secondary: var(--swatch--white); 489 --theme--heading: var(--swatch--mid-brown); 490} 491 492[data-theme="map-mobile-nav"] { 493 --theme--background: var(--swatch--light-brown2); 494 --theme--text: #E7DBBA; 495 --theme--border: var(--swatch--off-white); 496 --theme--text-secondary: var(--swatch--white); 497 --theme--heading: var(--swatch--lighter-yellow); 498} 499 500@media (min-width: 991px){ 501 [data-theme="map-nav"] { 502 --theme--background: #F2EEE4; 503} 504} 505 506 507/* Tablet and below (â¤991px) */ 508@media (max-width: 991px) { 509 [data-theme="home-custom"] { 510 --theme--background: var(--swatch--light-brown2); 511 --theme--text: #E7DBBA; 512 --theme--border: var(--swatch--off-white); 513 --theme--text-secondary: var(--swatch--white); 514 --theme--heading: var(--swatch--lighter-yellow); 515 } 516} 517 518/* Desktop (â¥992px) */ 519@media (min-width: 992px) { 520 [data-theme="home-custom"] { 521 --theme--background: var(--swatch--light-brown); 522 --theme--text: var(--swatch--off-white); 523 --theme--border: var(--swatch--off-white); 524 --theme--text-secondary: var(--swatch--white); 525 --theme--heading: var(--swatch--beige); 526 } 527} 528 529 530 531/* Apply theme colors */ 532:where([data-theme]:not([data-theme="inherit"])) { 533 background-color: var(--theme--background); 534 color: var(--theme--text); 535} 536</style></div><div class="page_code_responsive w-embed"><style> 537 538/* https://fluidbuilder.webflow.io/?design=90.625&max=90.625&min=20&g=--site--margin,1.5,1_--size--2rem,2,1.75_--size--2-5rem,2.5,2_--size--3rem,3,2.25_--size--3-125rem,3.125,2.125_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-
5385rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8_--size--display,16.3875,4.0125_--size--h1,9.8,2.85_--size--h2,9.8,2.85_--size--h3,9.8,2.85_--size--h4,4.5,2_--size--h5,4.5,2_--size--h6,3,1.5_--size--body-extra-large,1.5,1,t_--size--body-large,1.25,0.8125_--size--body-medium,1,0.8125_--size--body-small,0.8125,0.625_--size--body-extra-small,0.8125,0.6875_--size--nearness-width,53.549375,16_--size--nearness-height,7.338125,3_--size--svg-scroll,7.32125,2.1875 */ 539 540/* fallback for older browsers */ 541:root { 542 --site--margin: 1.5rem; 543 --size--2rem: 2rem; 544 --size--2-5rem: 2.5rem; 545 --size--3rem: 3rem; 546 --size--3-125rem: 3.125rem; 547 --size--3-5rem: 3.5rem; 548 --size--4rem: 4rem; 549 --size--4-5rem: 4.5rem; 550 --size--5rem: 5rem; 551 --size--5-5rem: 5.5rem; 552 --size--6rem: 6rem; 553 --size--6-5rem: 6.5rem; 554 --size--7rem: 7rem; 555 --size--7-5rem: 7.5rem; 556 --size--8rem: 8rem; 557 --size--8-5rem: 8.5rem; 558 --size--9rem: 9rem; 559 --size--9-5rem: 9.5rem; 560 --size--10rem: 10rem; 561 --size--11rem: 11rem; 562 --size--12rem: 12rem; 563 --size--13rem: 13rem; 564 --size--14rem: 14rem; 565 --size--15rem: 15rem; 566 --size--16rem: 16rem; 567 --size--display: 16.3875rem; 568 --size--h1: 9.8rem; 569 --size--h2: 9.8rem; 570 --size--h3: 9.8rem; 571 --size--h4: 4.5rem; 572 --size--h5: 4.5rem; 573 --size--h6: 3rem; 574 --size--body-extra-large: 1.5rem; 575 --size--body-large: 1.25rem; 576 --size--body-medium: 1rem; 577 --size--body-small: 0.8125rem; 578 --size--body-extra-small: 0.8125rem; 579 --size--nearness-width: 53.549375rem; 580 --size--nearness-height: 7.338125rem; 581 --size--svg-scroll: 7.32125rem; 582} 583@media screen and (max-width: 767px) { 584 :root { 585 --site--margin: 1rem; 586 --size--2rem: 1.75rem; 587 --size--2-5rem: 2rem; 588 --size--3rem: 2.25rem; 589 --size--3-125rem: 2.125rem; 590 --size--3-5rem: 2.375rem; 591 --size--4rem: 2.5rem; 592 --size--4-5rem: 2.75rem; 593 --size--5rem: 3rem; 594 --size--5-5rem: 3.25rem; 595 --size--6rem: 3.5rem; 596 --size--6-5rem: 3.75rem; 597 --size--7rem: 4rem; 598 --size--7-5rem: 4.25rem; 599 --size--8rem: 4.5rem; 600 --size--8-5rem: 4.75rem; 601 --size--9rem: 5rem; 602 --size--9-5rem: 5.25rem; 603 --size--10rem: 5.5rem; 604 --size--11rem: 5.75rem; 605 --size--12rem: 6rem; 606 --size--13rem: 6.5rem; 607 --size--14rem: 7rem; 608 --size--15rem: 7.5rem; 609 --size--16rem: 8rem; 610 --size--display: 4.0125rem; 611 --size--h1: 2.85rem; 612 --size--h2: 2.85rem; 613 --size--h3: 2.85rem; 614 --size--h4: 2rem; 615 --size--h5: 2rem; 616 --size--h6: 1.5rem; 617 --size--body-extra-large: 1rem; 618 --size--body-large: 0.8125rem; 619 --size--body-medium: 0.8125rem; 620 --size--body-small: 0.625rem; 621 --size--body-extra-small: 0.6875rem; 622 --size--nearness-width: 16rem; 623 --size--nearness-height: 3rem; 624 --size--svg-scroll: 2.1875rem; 625 } 626} 627 628/* fluid sizes */ 629@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) { 630:root { 631 --site--margin: clamp(1rem, 0.858rem + 0.71vw, 1.5rem); 632 --size--2rem: clamp(1.75rem, 1.68rem + 0.35vw, 2rem); 633 --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); 634 --size--3rem: clamp(2.25rem, 2.038rem + 1.06vw, 3rem); 635 --size--3-125rem: clamp(2.125rem, 1.841rem + 1.42vw, 3.125rem); 636 --size--3-5rem: clamp(2.375rem, 2.057rem + 1.59vw, 3.5rem); 637 --size--4rem: clamp(2.5rem, 2.076rem + 2.12vw, 4rem); 638 --size--4-5rem: clamp(2.75rem, 2.254rem + 2.48vw, 4.5rem); 639 --size--5rem: clamp(3rem, 2.434rem + 2.83vw, 5rem); 640 --size--5-5rem: clamp(3.25rem, 2.612rem + 3.19vw, 5.5rem); 641 --size--6rem: clamp(3.5rem, 2.792rem + 3.54vw, 6rem); 642 --size--6-5rem: clamp(3.75rem, 2.972rem + 3.89vw, 6.5rem); 643 --size--7rem: clamp(4rem, 3.15rem + 4.25vw, 7rem); 644 --size--7-5rem: clamp(4.25rem, 3.33rem + 4.6vw, 7.5rem); 645 --size--8rem: clamp(4.5rem, 3.508rem + 4.96vw, 8rem); 646 --size--8-5rem: clamp(4.75rem, 3.688rem + 5.31vw, 8.5rem); 647 --size--9rem: clamp(5rem, 3.868rem + 5.66vw, 9rem); 648 --size--9-5rem: clamp(5.25rem, 4.046rem + 6.02vw, 9.5rem); 649 --size--10rem: clamp(5.5rem, 4.226rem + 6.37vw, 10rem);
650 --size--11rem: clamp(5.75rem, 4.264rem + 7.43vw, 11rem); 651 --size--12rem: clamp(6rem, 4.3rem + 8.5vw, 12rem); 652 --size--13rem: clamp(6.5rem, 4.66rem + 9.2vw, 13rem); 653 --size--14rem: clamp(7rem, 5.018rem + 9.91vw, 14rem); 654 --size--15rem: clamp(7.5rem, 5.376rem + 10.62vw, 15rem); 655 --size--16rem: clamp(8rem, 5.734rem + 11.33vw, 16rem); 656 --size--display: clamp(4.0125rem, 0.5085rem + 17.52vw, 16.3875rem); 657 --size--h1: clamp(2.85rem, 0.882rem + 9.84vw, 9.8rem); 658 --size--h2: clamp(2.85rem, 0.882rem + 9.84vw, 9.8rem); 659 --size--h3: clamp(2.85rem, 0.882rem + 9.84vw, 9.8rem); 660 --size--h4: clamp(2rem, 1.292rem + 3.54vw, 4.5rem); 661 --size--h5: clamp(2rem, 1.292rem + 3.54vw, 4.5rem); 662 --size--h6: clamp(1.5rem, 1.076rem + 2.12vw, 3rem); 663 --size--body-extra-large: clamp(1rem, 0.858rem + 0.71vw, 1.5rem); 664 --size--body-large: clamp(0.8125rem, 0.6885rem + 0.62vw, 1.25rem); 665 --size--body-medium: clamp(0.8125rem, 0.7585rem + 0.27vw, 1rem); 666 --size--body-small: clamp(0.625rem, 0.571rem + 0.27vw, 0.8125rem); 667 --size--body-extra-small: clamp(0.6875rem, 0.6515rem + 0.18vw, 0.8125rem); 668 --size--nearness-width: clamp(16rem, 5.366rem + 53.17vw, 53.5494rem); 669 --size--nearness-height: clamp(3rem, 1.772rem + 6.14vw, 7.3381rem); 670 --size--svg-scroll: clamp(2.1875rem, 0.7335rem + 7.27vw, 7.3213rem); 671} 672} 673 674 675/* Main breakpoint with em units for 1450px or wider screens */ 676@media (min-width: 1450px) { /* 1450px / 16px = 90.625em */ 677 :root { 678 --site--margin: 1.5vw; 679 --size--2rem: 2rem; 680 --size--2-5rem: 2.5rem; 681 --size--3rem: 3rem; 682 --size--3-125rem: 3.125rem; 683 --size--3-5rem: 3.5rem; 684 --size--4rem: 4rem; 685 --size--4-5rem: 4.5rem; 686 --size--5rem: 5rem; 687 --size--5-5rem: 5.5rem; 688 --size--6rem: 6rem; 689 --size--6-5rem: 6.5rem; 690 --size--7rem: 7rem; 691 --size--7-5rem: 7.5rem; 692 --size--8rem: 8rem; 693 --size--8-5rem: 8.5rem; 694 --size--9rem: 9rem; 695 --size--9-5rem: 9.5rem; 696 --size--10rem: 10rem; 697 --size--11rem: 11rem; 698 --size--12rem: 12rem; 699 --size--13rem: 13rem; 700 --size--14rem: 14rm; 701 --size--15rem: 15rem; 702 --size--16rem: 16rem; 703 --size--display: 16.3875rem; 704 --size--h1: 9.8rem; 705 --size--h2: 9.8rem; 706 --size--h3: 9.8rem; 707 --size--h4: 4.5rem; 708 --size--h5: 4.5rem; 709 --size--h6: 3rem; 710 --size--body-large: 1.25rem; 711 --size--body-medium: 1rem; 712 --size--body-small: 1rem; 713 --size--body-extra-small: 0.8125rem; 714 --size--nearness-width: 53.549375rem; 715 --size--nearness-height: 7.338125rem; 716 --size--svg-scroll: 7.32125rem; 717 } 718} 719 720 html { font-size: calc(0.9659090909090909rem + 0.1515151515151515vw); } 721 @media screen and (min-width:3000px) { html { font-size: calc(0.9659090909090909rem + 0.15151515151515152vw); } } 722 @media screen and (min-width:1680px) { html { font-size: calc(0.25rem + 0.8333333333333333vw); } } 723 724</style></div><div class="page_code_spacers w-embed"><style> 725 726/* Spacer Bottom Attributes */ 727[data-padding-bottom='0-25rem'] { 728 padding-bottom: var(--size--0-25rem); 729} 730[data-padding-bottom='0-5rem'] { 731 padding-bottom: var(--size--0-5rem); 732} 733[data-padding-bottom='0-75rem'] { 734 padding-bottom: var(--size--0-75rem); 735} 736[data-padding-bottom='1rem'] { 737 padding-bottom: var(--size--1rem); 738} 739[data-padding-bottom='1-25rem'] { 740 padding-bottom: var(--size--1-25rem); 741} 742[data-padding-bottom='1-5rem'] { 743 padding-bottom: var(--size--1-5rem); 744} 745[data-padding-bottom='2rem'] { 746 padding-bottom: var(--size--2rem); 747} 748[data-padding-bottom='2-5rem'] { 749 padding-bottom: var(--size--2-5rem); 750} 751[data-padding-bottom='3rem'] { 752 padding-bottom: var(--size--3rem); 753} 754[data-padding-bottom='3-5rem'] { 755 padding-bottom: var(--size--3-5rem); 756} 757[data-padding-bottom='4rem'] { 758 padding-bottom: var(--size--4rem); 759} 760[data-padding-bottom='4-5rem'] { 761 padding-bottom: var(--size--4-5rem); 762} 763[data-padding-bottom='5rem'] { 764 padding-bottom: var(--size--5rem); 765} 766[data-padding-bottom='5-5rem'] { 767 padding-bottom: var(--size--5-5rem); 768} 769[data-padding-bottom='6rem'] { 770 padding-bottom: var(--size--6rem); 771} 772[data-padding-bottom='6-5rem'] { 773 padding-bottom: var(--size--6-5rem); 774} 775[data-padding-bottom='7rem'] { 776 padding-bottom: var(--size--7rem); 777} 778[data-padding-bottom='7-5rem'] { 779 padding-bottom: var(--size--7-5rem); 780} 781[data-padding-bottom='8rem'] { 782 padding-bottom: var(--size--8rem); 783} 784[data-padding-bottom='8-5rem'] { 785 padding-bottom: var(--size--8-5rem); 786} 787[data-padding-bottom='9rem'] { 788 padding-bottom: var(--size--9rem); 789} 790 791[data-padding-bottom='9-5rem'] { 792 padding-bottom: var(--size--9-5rem); 793} 794[data-padding-bottom='10rem'] { 795 padding-bottom: var(--size--10rem); 796} 797[data-padding-bottom='11rem'] { 798 padding-bottom: var(--size--11rem); 799} 800[data-padding-bottom='12rem'] { 801 padding-bottom: var(--size--12rem); 802} 803[data-padding-bottom='13rem'] { 804 padding-bottom: var(--size--13rem); 805} 806[data-padding-bottom='14rem'] { 807 padding-bottom: var(--size--14rem); 808} 809[data-padding-bottom='15rem'] { 810 padding-bottom: var(--size--15rem); 811} 812[data-padding-bottom='16rem'] { 813 padding-bottom: var(--size--16rem); 814} 815 816 817/* Spacer top Attributes */ 818[data-padding-top='0-25rem'] { 819 padding-top: var(--size--0-25rem); 820} 821[data-padding-top='0-5rem'] { 822 padding-top: var(--size--0-5rem); 823} 824[data-padding-top='0-75rem'] { 825 padding-top: var(--size--0-75rem); 826} 827[data-padding-top='1rem'] { 828 padding-top: var(--size--1rem); 829} 830[data-padding-top='1-25rem'] { 831 padding-top: var(--size--1-25rem); 832} 833[data-padding-top='1-5rem'] { 834 padding-top: var(--size--1-5rem); 835} 836[data-padding-top='2rem'] { 837 padding-top: var(--size--2rem); 838} 839[data-padding-top='2-5rem'] { 840 padding-top: var(--size--2-5rem); 841} 842[data-padding-top='3rem'] { 843 padding-top: var(--size--3rem); 844} 845[data-padding-top='3-5rem'] { 846 padding-top: var(--size--3-5rem); 847} 848[data-padding-top='4rem'] { 849 padding-top: var(--size--4rem); 850} 851[data-padding-top='4-5rem'] { 852 padding-top: var(--size--4-5rem); 853} 854[data-padding-top='5rem'] { 855 padding-top: var(--size--5rem); 856} 857[data-padding-top='5-5rem'] {
858 padding-top: var(--size--5-5rem); 859} 860[data-padding-top='6rem'] { 861 padding-top: var(--size--6rem); 862} 863[data-padding-top='6-5rem'] { 864 padding-top: var(--size--6-5rem); 865} 866[data-padding-top='7rem'] { 867 padding-top: var(--size--7rem); 868} 869[data-padding-top='7-5rem'] { 870 padding-top: var(--size--7-5rem); 871} 872[data-padding-top='8rem'] { 873 padding-top: var(--size--8rem); 874} 875[data-padding-top='8-5rem'] { 876 padding-top: var(--size--8-5rem); 877} 878[data-padding-top='9rem'] { 879 padding-top: var(--size--9rem); 880} 881[data-padding-top='9-5rem'] { 882 padding-top: var(--size--9-5rem); 883} 884[data-padding-top='10rem'] { 885 padding-top: var(--size--10rem); 886} 887[data-padding-top='11rem'] { 888 padding-top: var(--size--11rem); 889} 890[data-padding-top='12rem'] { 891 padding-top: var(--size--12rem); 892} 893[data-padding-top='13rem'] { 894 padding-top: var(--size--13rem); 895} 896[data-padding-top='14rem'] { 897 padding-top: var(--size--14rem); 898} 899[data-padding-top='15rem'] { 900 padding-top: var(--size--15rem); 901} 902[data-padding-top='16rem'] { 903 padding-top: var(--size--16rem); 904} 905 906</style></div><div class="page_code_lenis_css w-embed"><style> 907 908html.lenis, html.lenis body { 909 height: auto; 910} 911 912.lenis.lenis-smooth { 913 scroll-behavior: auto !important; 914} 915 916.lenis.lenis-smooth [data-lenis-prevent] { 917 overscroll-behavior: contain; 918} 919 920.lenis.lenis-stopped { 921 overflow: hidden; 922} 923 924.lenis.lenis-smooth iframe { 925 pointer-events: none; 926} 927 928</style></div><div class="page_code_custom w-embed"><style> 929 930</style></div><div class="page_code_links w-embed"><style> 931 932html.wf-design-mode a[href='#'] { 933 border: 2px solid red; 934} 935 936 937 938/* Styles for when the .faq_filter_wrap contains a .faq_filter_trigger:checked */ 939.u-link-hover.w--current::after { 940 width: 100%; /* Expands the pseudo-element to full width when checked. */ 941} 942 943/* CSS for hover mouse pointer */ 944@media (pointer: fine) { 945 /* 946 * This section targets devices with fine pointer capabilities (like a mouse), 947 * ensuring hover styles are only applied where supported. 948 */ 949 950 /* .u-link-hover::after pseudo-element */ 951 .u-link-hover::after { 952 content: ''; /* Creates an empty pseudo-element for decorative purposes. */ 953 position: absolute; /* Positions the pseudo-element relative to the parent element. */ 954 top: auto; /* No top positioning, allows for bottom alignment. */ 955 bottom: 0; /* Aligns the pseudo-element to the bottom edge of the parent. */ 956 left: 0; /* Starts the pseudo-element at the left edge. */ 957 right: 0; /* Stretches the pseudo-element to the right edge for full-width potential. */ 958 width: 0%; /* Initial width is set to 0%, making the line invisible. */ 959 transform: translateY(1px); /* Nudges the line down slightly for visual alignment. */ 960 height: 1px !important; /* Ensures the pseudo-element has a 2px height, overriding potential conflicts. */ 961 background-color: var(--theme--text); /* Background color dynamically tied to the theme's text color. */ 962 transition: width 0.3s ease-in-out; /* Smooth width expansion/contraction over 0.3 seconds. */ 963 } 964 965 /* .u-link-hover:hover::after */ 966 .u-link-hover:hover::after { 967 width: 100%; /* Expands the pseudo-element to underline the full width on hover. */ 968 } 969 970 /* .u-link-hover:hover */ 971 .u-link-hover:hover { 972 opacity: 1; /* Ensures the parent element is fully visible on hover, 973 useful if the initial opacity is reduced. */ 974 } 975} 976 977 978 979/* for links that start underlined .u-link-underline */ 980 981 982/* CSS for hover mouse pointer */ 983@media (pointer: fine) { 984 /* .u-link-underline::after pseudo-element */ 985 .u-link-underline::after { 986 content: ''; /* Creates an empty pseudo-element for decorative purposes. */ 987 display: block; /* Ensures the pseudo-element behaves like a block-level element. */ 988 position: absolute; /* Positions the pseudo-element relative to the parent element. */ 989 bottom: 0; /* Aligns the pseudo-element to the bottom edge of the parent. */ 990 left: 0; /* Starts the pseudo-element at the left edge. */ 991 height: 1px !important; /* Ensures the pseudo-element has a 1px height, overriding potential conflicts. */ 992 background-color: var(--theme--text);
992 /* Background color dynamically tied to the theme's text color. */ 993 width: 100%; /* Full width by default. */ 994 transform: scaleX(1); /* Ensures the underline is fully visible by default. */ 995 transform-origin: left; /* Grows and shrinks starting from the left edge. */ 996 transition: transform 0.3s ease-in-out; /* Smooth width expansion/contraction over 0.3 seconds. */ 997 } 998 999 /* On hover, shrink the line towards the right */ 1000 .u-link-underline:hover::after { 1001 transform: scaleX(0); /* Shrinks the pseudo-element to make it invisible. */ 1002 transform-origin: right; /* Shrinks towards the right. */ 1003 height: 1px !important; 1004 } 1005 1006 /* On hover out, grow the line from the left */ 1007 .u-link-underline { 1008 position: relative; /* Ensures the pseudo-element is positioned relative to the parent element. */ 1009 } 1010} 1011 1012 1013 1014</style></div><div class="page_code_buttons w-embed"><style> 1015 1016/* Button Primary Style */ 1017[data-button-style="primary"] { 1018 --button--background: var(--swatch--yellow); 1019 --button--text: var(--swatch--deep-blue); 1020 --button--border: var(--swatch--transparent); 1021 --button--background-hover: var(--swatch--light-blue); 1022 --button--text-hover: var(--swatch--deep-blue); 1023 --button--border-hover: var(--swatch--transparent); 1024} 1025 1026/* Button Secondary Style */ 1027[data-button-style="secondary"] { 1028 --button--background: var(--swatch--light-blue); 1029 --button--text: var(--swatch--deep-blue); 1030 --button--border: var(--swatch--transparent); 1031 --button--background-hover: var(--swatch--yellow); 1032 --button--text-hover: var(--swatch--deep-blue); 1033 --button--border-hover: var(--swatch--transparent); 1034} 1035 1036 1037/* 1038 This rule hides the element with the class .btn_main_icon-slot if it is empty. 1039 The :empty pseudo-class targets elements that have no child elements, text, 1040 or even whitespace inside. When .btn_main_icon-slot is empty, it will be 1041 set to display: none, effectively hiding it from the layout. 1042*/ 1043.btn_main_icon-slot:empty { 1044 display: none; 1045} 1046 1047.btn_main_wrap.is-full{ 1048 width:100% 1049} 1050 1051@media (pointer:fine) { 1052 /* Select the child with attribute data-hover="arrow-full" when the parent .btn_main_wrap is hovered */
1053 .btn_main_wrap:has([data-hover="arrow-head"]):hover [data-hover="arrow-head"] { 1054 transform: translateX(0.5rem); 1055 } 1056 1057 .btn_main_wrap:has([data-hover="arrow-diagonal"]):hover [data-hover="arrow-diagonal"] { 1058 transform: translate(0.3rem, -0.3rem); 1059 } 1060 1061 .btn_main_wrap:has([data-hover="arrow-down"]):hover [data-hover="arrow-down"] { 1062 transform: translate(0.5rem, -0.5rem) rotate(-90deg); 1063 } 1064 1065 1066} 1067 1068 1069</style></div><div class="page_code_css-animations w-embed"><style> 1070 1071 1072/* CSS for hover mouse pointer */ 1073@media (pointer: fine) { 1074 1075 /* Target elements with the data-hover="transform-left" attribute on hover */ 1076 [data-hover="transform-left"]:hover { 1077 transform: translateX(-2vw); 1078 } 1079 1080 1081 1082 1083 /* The following styles will only apply if the device meets the condition specified in the media query. */ 1084 1085 /* 1086 .footer_link::after pseudo-element: 1087 - Targets an after pseudo-element of any element with the class 'footer_link'. 1088 - The ::after pseudo-element allows for adding content or decorative effects to the element. 1089 - In this case, the pseudo-element is being used to create an animated underline effect. 1090 */ 1091 .u-link-hover::after { 1092 content: ''; /* No content is added; an empty string is used to create the pseudo-element. */ 1093 position: absolute; /* Positions the pseudo-element absolutely relative to the nearest positioned ancestor. */ 1094 top: auto; /* 'top' is set to 'auto' to prevent any influence; the bottom positioning is used instead. */ 1095 bottom: 0; /* Aligns the pseudo-element to the bottom of the parent element (.footer_link). */ 1096 left: 0; /* Starts the pseudo-element's position from the left edge of the parent. */ 1097 right: 0; /* Extends the pseudo-element to the right edge of the parent, allowing full-width expansion. */ 1098 width: 0%; /* Initially sets the width of the pseudo-element to 0%, creating an invisible line. */ 1099 transform: translateY(1px); /* Moves the pseudo-element 1px down from its position to visually adjust its appearance. */ 1100 height: 1px !important; /* Sets the height of the pseudo-element to 1px, making it a thin line. */ 1101 background-color: var(--theme--text); /* Uses a CSS variable for the background color, which allows for theming. 1102 The color is set to match the theme's text color. */ 1103 transition: width 0.3s ease-in-out; /* Adds a transition effect for the width property, 1104 taking 0.3 seconds to expand or contract, with an 'ease-in-out' timing function 1105 for a smooth animation. */ 1106 } 1107 1108 /* 1109 .footer_link:hover::after styles: 1110 - These styles apply when the user hovers over an element with the 'footer_link' class. 1111 - They target the ::after pseudo-element to animate its width, creating an underline effect on hover. 1112 */ 1113 .u-link-hover:hover::after { 1114 width: 100%; /* Expands the width of the pseudo-element to 100%, creating a full-width underline effect. */ 1115 } 1116 1117 /* 1118 .footer_link:hover styles: 1119 - These styles affect the main element with the 'footer_link' class when it is hovered. 1120 */ 1121 .u-link-hover:hover { 1122 opacity: 1; /* Ensures the element's opacity is set to 1 (fully opaque) when hovered. 1123 This line can be used for interactive changes if the initial state has a different opacity. */ 1124 } 1125 1126} 1127</style></div><div class="page_code_slots w-embed"><style> 1128 1129/* Base styling for empty slots */ 1130.wf-design-mode [data-slot]:empty, 1131.w-editor [data-slot]:empty { 1132 display: flex; 1133 justify-content: center; 1134 align-items: center; 1135 min-height: 5rem; 1136 width: 100%; 1137 font-size: 1rem; 1138 color: #4F9C58; 1139 background-color: rgba(79, 156, 88, 0.1); 1140 border: 1px dashed #4F9C58; 1141 position: relative; /* Needed for the text placement */ 1142} 1143 1144/* Dynamically display slot text inside the slot */ 1145.wf-design-mode [data-slot]:empty::after, 1146.w-editor [data-slot]:empty::after { 1147 content: attr(data-slot); /* Dynamically use the data-slot value as content */ 1148 position: absolute; /* Place the text relative to the slot */ 1149 inset: 0; /* Fill the slot area */ 1150 display: flex; 1151 justify-content: center;
1152 align-items: center; 1153 font-size: inherit; /* Match the slot font size */ 1154 color: #4F9C58; /* Match the slot text color */ 1155 pointer-events: none; /* Prevent interactions with the text */ 1156} 1157 1158/* Height mapping for data-slot-height */ 1159[data-slot-height="small"]:empty { 1160 min-height: 4rem!important; 1161} 1162 1163[data-slot-height="medium"]:empty { 1164 min-height: 8rem!important; 1165} 1166 1167[data-slot-height="large"]:empty { 1168 min-height: 12rem !important; 1169} 1170 1171 1172</style></div><div class="u-embed-css w-embed"><style> 1173 1174/*chheck box active state - accordion is active*/ 1175 1176[mc-accordion="accordion-wrap"]:has([mc-accordion="accordion-trigger"]:checked) [mc-accordion="accordion-content"] { 1177 grid-template-rows: 1fr; 1178} 1179 1180/* 1181.mc_accordion-card:has(.mc_accordion-checkbox:checked) { 1182} 1183*/ 1184 1185[mc-accordion="accordion-wrap"]:has([mc-accordion="accordion-trigger"]:checked) [mc-accordion="accordion-svg"] { 1186 transform: rotate(-180deg); 1187} 1188 1189 1190</style></div><div class="page_richtext w-embed"><style> 1191 1192.slot_richtext ul { 1193 list-style: none; /* Remove default bullets */ 1194 padding-left: 0em; /* Indent list */ 1195} 1196 1197.slot_richtext ul li { 1198 position: relative; 1199 padding-left: 1.4em; /* Space for the dash */ 1200} 1201 1202.slot_richtext ul li::before { 1203 content: "â"; /* Use em dash */ 1204 position: absolute; 1205 left: 0; 1206} 1207 1208</style></div><div class="font_css u-embed-css w-embed"><style> 1209 1210p, 1211h1, h2, h3, h4, h5, h6, 1212li, 1213span, 1214strong, em, 1215blockquote, * { 1216 font-variant-numeric: lining-nums; 1217} 1218 1219</style></div></div><div class="page_javascript"><div class="page_js_lenis w-embed w-script">
1219<script> 1220pageFunctions.addFunction('lenis', ()=>{ 1221 1222// Initialize a new Lenis instance for smooth scrolling 1223const lenis = new Lenis(); 1224 1225// Synchronize Lenis scrolling with GSAP's ScrollTrigger plugin 1226lenis.on('scroll', ScrollTrigger.update); 1227 1228// Add Lenis's requestAnimationFrame (raf) method to GSAP's ticker 1229// This ensures Lenis's smooth scroll animation updates on each GSAP tick 1230gsap.ticker.add((time) => { 1231 lenis.raf(time * 1800); // Convert time from seconds to milliseconds 1232}); 1233 1234// Disable lag smoothing in GSAP to prevent any delay in scroll animations 1235gsap.ticker.lagSmoothing(0); 1236 1237}) 1238 1239 1240 1241</script>
1241</div></div><div class="send_link_js u-embed-js"><div class="test-link-js u-embed-js w-embed w-script">
1241<script> 1242document.addEventListener("DOMContentLoaded", () => { 1243 document.addEventListener("click", e => { 1244 const link = e.target.closest("a"); 1245 if (!link) return; 1246 1247 const viewAttr = link.getAttribute("view"); 1248 const mirrorAttr = link.getAttribute("data-mirror"); 1249 1250 if (viewAttr !== null) { 1251 sessionStorage.setItem( 1252 "focusTargetAttr", 1253 JSON.stringify({ name: "view", value: viewAttr }) 1254 ); 1255 console.log("ð¦ Stored: view =", viewAttr); 1256 } else if (mirrorAttr !== null) { 1257 sessionStorage.setItem( 1258 "focusTargetAttr", 1259 JSON.stringify({ name: "data-mirror", value: mirrorAttr }) 1260 ); 1261 console.log("ð¦ Stored: data-mirror =", mirrorAttr); 1262 } else { 1263 console.warn("â ï¸ Clicked link has no view or data-mirror attribute", link); 1264 } 1265 }); 1266}); 1267</script>
1267</div></div></div><div class="styleguide_guide_wrap"><div class="w-embed"><style> 1268html:not(.wf-design-mode) .styleguide_guide_wrap { 1269 display: none; 1270} 1271.styleguide_guide_layout { 1272 counter-reset: gridguides; 1273} 1274.styleguide_guide_layout > div::before { 1275 counter-increment: gridguides; 1276 content: counter(gridguides); 1277} 1278</style></div><div data-padding-bottom="none" data-padding-top="none" class="styleguide_guide_contain u-container"><div class="styleguide_guide_layout u-grid-custom"><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div><div class="styleguide_guide_column u-vflex-center-bottom"></div></div></div></div><nav data-theme="home-custom" data-wf--section-nav--variant="base" class="nav_component is-active u-grid-breakout"><div class="desktop_dropdown_css u-embed-css w-embed"><style> 1279.nav_dropdown_toggle.w-dropdown-toggle{ 1280transition: all 0.3s ease-out; 1281} 1282 1283.nav_dropdown_toggle.w-dropdown-toggle.w--open{ 1284transition: all 0.3s ease-out; 1285} 1286</style></div><div class="nav_subscript_animation w-embed"><style> 1287 1288.nav_link_superscript { 1289 animation: pulse 1.5s infinite ease-in-out; 1290 transition: transform 0.7s ease; 1291} 1292 1293.nav_links_item:hover .nav_link_superscript { 1294 animation: none; /* stop pulse when parent is hovered */ 1295} 1296 1297@keyframes pulse { 1298 0%, 100% { 1299 opacity: 1; 1300 } 1301 50% { 1302 opacity: 0.6; 1303 } 1304} 1305 1306</style></div><div class="nav_css u-embed-css w-embed"><style> 1307 1308/* === Global Variables === */ 1309:root { 1310 --nav--hamburger-rotate: 45; 1311 --nav--menu-open-duration: 400ms; 1312 --nav--menu-close-duration: 400ms; 1313 --nav--dropdown-duration: 400ms; 1314 --nav--dropdown-open-duration: 400ms; 1315 --nav--dropdown-delay: 0ms; 1316} 1317 1318/* === Scroll Lock Based on Nav State === */ 1319@media (width < 60em) { 1320 body:has(.nav_component .w-nav-button.w--open) { 1321 overflow: hidden; 1322 } 1323} 1324 1325@media (width >= 60em) { 1326 body:has(.nav_dropdown_component > .w--open) { 1327 overflow: hidden; 1328 } 1329} 1330 1331/* === Container Queries === */ 1332@container (min-width: 60em) { 1333 .nav_wrap.is-desktop, .nav_dropdown_backdrop { 1334 display: block; 1335 } 1336 .nav_wrap.is-mobile, .nav_menu_backdrop { 1337 display: none; 1338 } 1339} 1340 1341/* === Dropdown Styles === */ 1342html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { 1343 display: grid !important; 1344 grid-template-columns: minmax(0, 1fr); 1345 grid-template-rows: 0fr; 1346 transition: grid-template-rows var(--nav--dropdown-duration); 1347 visibility: hidden; 1348 opacity: 0; 1349} 1350 1351html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { 1352 visibility: visible; 1353 opacity: 1; 1354} 1355 1356.nav_dropdown_component > .w-dropdown-list > * { 1357 overflow: hidden; 1358} 1359 1360.nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { 1361 --nav--dropdown-duration: var(--nav--dropdown-open-duration); 1362 grid-template-rows: 1fr; 1363} 1364 1365.nav_wrap.is-desktop:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) 1366.nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { 1367 transition-delay: var(--nav--dropdown-duration); 1368} 1369 1370.nav_dropdown_backdrop { 1371 transition: opacity var(--nav--dropdown-duration); 1372} 1373 1374body:has(.nav_dropdown_component >
1374 [aria-expanded="true"]) .nav_dropdown_backdrop { 1375 opacity: 1; 1376} 1377 1378.w-dropdown-toggle[aria-expanded="true"] .nav_links_svg { 1379 transform: rotate(-180deg); 1380} 1381 1382/* === Hover State Effects === */ 1383@media (hover: hover) and (pointer: fine) { 1384 body:has(.nav_dropdown_item:hover) .nav_dropdown_item:not(:hover) > * > * { 1385 opacity: 0.5; 1386 } 1387} 1388 1389/* === Hamburger Animation === */ 1390.nav_component .w-nav-button.w--open > * > :first-child { 1391 transform: translateY(calc(var(--nav--hamburger-thickness) * 0.5 + var(--nav--hamburger-gap) * 0.5)) 1392 rotate(calc(var(--nav--hamburger-rotate) * -1deg)); 1393} 1394 1395.nav_component .w-nav-button.w--open > * > :last-child { 1396 transform: translateY(calc(var(--nav--hamburger-thickness) * -0.5 + var(--nav--hamburger-gap) * -0.5)) 1397 rotate(calc(var(--nav--hamburger-rotate) * 1deg)); 1398} 1399 1400/* === Menu Backdrop === */ 1401.nav_menu_backdrop { 1402 transition: opacity var(--nav--menu-close-duration); 1403} 1404 1405.nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { 1406 opacity: 1; 1407} 1408 1409/* === Menu Open/Close Animations === */ 1410@keyframes menuOpen { 1411 from { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 1412 to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 1413} 1414 1415@keyframes menuClose { 1416 from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 1417 to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 1418} 1419 1420@media (max-width: 991px) { 1421 .nav_component:has(.w-nav-button.w--open) .w-nav-menu { 1422 animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; 1423 } 1424 1425 .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { 1426 animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; 1427 } 1428 1429 .nav_dropdown:has(.nav_links_link.w--current) { 1430 border-bottom: 1px solid currentColor; 1431 } 1432 1433 .nav_links_link.w--current { 1434 border-bottom: 1px solid currentColor; 1435 } 1436} 1437 1438/* === Overlay and Focus Styles === */ 1439.nav_component .w-nav-overlay { 1440 top: 0; 1441 min-height: 100vh; 1442} 1443 1444.nav_search_wrap:has(input:focus-visible) { 1445 border-color: var(--theme--text); 1446} 1447 1448/* === Mobile Dropdowns === */ 1449.nav_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-toggle { 1450 display: none; 1451} 1452 1453.nav_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-list { 1454 visibility: visible; 1455 opacity: 1; 1456 display: block; 1457 grid-template-rows: 1fr; 1458} 1459 1460/* === External Link Indicator === */ 1461a[target="_blank"] .nav_banner_svg { 1462 transform: rotate(-45deg); 1463} 1464 1465/* === Banner Toggle === */ 1466html:has(.nav_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) { 1467 --nav--height-total: calc(var(--nav--banner-height) + var(--nav--height)); 1468} 1469 1470.hide-nav-banner .nav_banner_wrap { 1471 display: none; 1472} 1473 1474/* === Menu Open State Custom Styles === */ 1475.nav_component:has(.w-nav-button.w--open) .nav_btn_text.is-menu { 1476 transform: translateY(100%); 1477} 1478 1479.nav_component:has(.w-nav-button.w--open) .nav_btn_text.is-close { 1480 transform: translateY(0%); 1481} 1482 1483.nav_component:has(.w-nav-button.w--open) .nav_logo_wrap { 1484 opacity: 0; 1485} 1486 1487.nav_component:has(.w-nav-button.w--open) .nav_links_link.is-desktop { 1488 opacity: 0; 1489} 1490 1491/* === Text Color When Menu is Open === */ 1492.nav_component:has(.nav_menu_btn.w--open) .nav_links_link, 1493.nav_component:has(.nav_menu_btn.w--open) .nav_links_link.w--current, 1494.nav_component:has(.nav_menu_btn.w--open) .nav_menu_btn, 1495.nav_component:has(.nav_menu_btn.w--open) .nav_dropdown_text, 1496.nav_component:has(.nav_menu_btn.w--open) .nav_dropdown { 1497 color: var(--swatch--black); 1498} 1499 1500.nav_component:has(.nav_menu_btn.w--open) .nav_links_link.w--current { 1501 border-bottom: 1px solid currentColor; 1502} 1503 1504 1505 1506/* === Current Dropdown Highlight === */ 1507.nav_dropdown:has(.nav_links_link.w--current) { 1508 border-bottom: 1px solid currentColor; 1509} 1510 1511 1512/* === Underline Hover Animation === */ 1513@media (min-width: 991px) { 1514 .u-link-hover::after { 1515 content: ''; 1516 position: absolute; 1517 top: auto; 1518 bottom: 0; 1519 left: 0; 1520 right: 0; 1521 width: 0%; 1522 transform: translateY(1px); 1523 height: 1px !important; 1524 background-color: currentColor; 1525 transition: width 0.3s ease-in-out; 1526 } 1527 1528 .u-link-hover:hover::after { 1529 width: 100%; 1530 } 1531 1532 . .u-link-hover.w--current::after { 1533 width: 100%; 1534 } 1535 1536 1537 .u-link-hover:hover { 1538 opacity: 1; 1539 } 1540 1541 /* === Page Dimming On Dropdown Open === */ 1542 .page_wrap:has(.nav_dropdown_toggle.w--open) .home_hero2_left { 1543 opacity: 0.2; 1544 } 1545 1546} 1547 1548.nav_dropdown_list:has(.nav_links_link.w--current) .nav_links_link.w--current{ 1549 border-bottom: 1px solid transparent; 1550} 1551 1552.nav_dropdown_list.nav_links_link.w--current{ 1553 border-bottom: 1px solid currentColor; 1554} 1555 1556.nav_logo_wrap { 1557 z-index: 1; 1558} 1559 1560.nav_links_link.w--current.u-link-hover::after { 1561 width: 0 !important; 1562 background-color: transparent; 1563} 1564
1565.nav_dropdown_wrap:has(.nav_links_link.w--current) .nav_dropdown_wrap.u-link-hover::after { 1566 width: 0 !important; 1567 background-color: transparent; 1568} 1569 1570.nav_dropdown:has(> .nav_dropdown_toggle.w--open) { 1571 border-bottom: 1px solid transparent; 1572} 1573 1574.nav_dropdown_wrap:has(.nav_links_link.w--current).u-link-hover::after { 1575 width: 0%; 1576 background-color: transparent; 1577} 1578 1579 1580</style></div><div data-animation="nav" class="nav_layout u-column-8"><a href="/#main" class="nav_skip_wrap w-inline-block"><div class="nav_skip_text u-text-style-small">Skip to main content</div></a><div class="nav_banner_wrap"><div class="nav_banner_embed w-embed w-script">
1580<script> 1581if (sessionStorage.getItem("hide-nav-banner") === "true") { 1582 document.documentElement.classList.add("hide-nav-banner"); 1583} 1584document.addEventListener("DOMContentLoaded", function () { 1585 document.querySelectorAll(".nav_banner_close_wrap").forEach((button) => { 1586 button.addEventListener("click", function () { 1587 sessionStorage.setItem("hide-nav-banner", "true"); 1588 document.documentElement.classList.add("hide-nav-banner"); 1589 }); 1590 }); 1591}); 1592</script>
1592</div><div class="nav_banner_contain"><a href="#" class="nav_banner_link w-inline-block"><div class="nav_banner_text u-line-clamp-1">Important Update Banner</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 27 24" fill="none" aria-hidden="true" class="nav_banner_svg"><path d="M0 12L24 12" stroke="currentColor" stroke-width="var(--nav--icon-thickness)" vector-effect="non-scaling-stroke"></path><path d="M14 1.5L24.5 12L14 22.5" stroke="currentColor" stroke-width="var(--nav--icon-thickness)" vector-effect="non-scaling-stroke"></path></svg></a><button role="button" class="nav_banner_close_wrap"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 20 19" fill="none" aria-hidden="true" class="nav_banner_close_svg"><path d="M1.51471 1.01465L18.4853 17.9852" stroke="currentColor" stroke-width="var(--nav--icon-thickness)" vector-effect="non-scaling-stroke"></path><path d="M1.51471 17.9851L18.4853 1.01454" stroke="currentColor" stroke-width="var(--nav--icon-thickness)" vector-effect="non-scaling-stroke"></path></svg><div class="nav_screen-reader-text">Close Announcement Banner</div></button></div></div><div data-theme="home-custom" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_wrap w-nav"><div class="nav_container"><a aria-label="Home Page" id="w-node-c3a10944-9f8f-1440-75dc-b9c4f118eb83-f118eb6d" href="/" aria-current="page" class="nav_logo_wrap w-inline-block w--current"><div class="nav_overflow_div u-overflow-hidden is-logo"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 211 20" fill="none" data-page-load="slide-up" STYLE="overflow: visible"><g><path d="M4.05043 16.0673H3.29354L3.16403 15.9349V10.9647L3.29354 10.8352L5.01166 10.8294C6.9629 10.8294 8.29539 11.7791 8.29539 13.5635C8.29539 14.9708 7.65361 16.0644 5.16995 16.073C4.73826 16.073 4.36413 16.0644 4.05043 16.0644M3.29929 8.25942L3.16978 8.12704V3.58278L3.29641 3.45327H3.74537C4.12526 3.45327 4.50227 3.45615 5.02317 3.45615C7.10968 3.45615 7.75721 4.50084 7.75721 5.72684C7.75721 7.23776 7.14709 8.25942 5.15268 8.25942C5.10663 8.25942 3.29929 8.25655 3.29929 8.25655M4.86777 0.90918H4.69509C3.63313 0.917813 0.896217 0.90918 0.392578 1.00127V18.5682C0.945141 18.6689 3.6763 18.6948 4.83035 18.6948C7.66512 18.6948 8.71269 18.3754 9.84084 17.3738C10.7445 16.5565 11.1935 15.3132 11.1935 13.7851C11.1935 11.1604 9.97034 9.96892 8.40475 9.3847V9.30699C9.59621 8.67673 10.5085 7.59174 10.5085 5.36422C10.5085 3.95979 10.0394 2.94676 9.20481 2.19849C8.16588 1.26604 6.75857 0.90918 4.86777 0.90918Z" fill="currentColor" stroke=""></path><path d="M19.3409 0.912109V18.6085H29.0425V16.0673H22.2419L22.1124 15.9436V10.9676L22.2419 10.8439H27.9057V8.26235H22.2419L22.1124 8.13573V3.58859L22.2419 3.45908H29.0425V0.912109H19.3409Z" fill="currentColor"></path><path d="M47.5423 14.1367C47.4962 16.7384 45.6256 19.2163 41.9879 19.2163C38.9142 19.2163 36.3471 16.9542 36.209 14.0504H39.4697C39.5388 15.4922 40.5489 16.3556 42.3131 16.2808C43.8816 16.2088 44.6126 14.8648 44.6413 13.8374C44.6701 12.597 44.4514 11.4861 40.9748 10.2716C38.0048 9.23559 36.5745 7.97506 36.5745 5.09137C36.5745 2.20768 39.2682 0.434868 41.608 0.391699C45.4903 0.331263 47.2919 2.83219 47.2372 4.92445H44.0427C43.9478 3.8481 42.88 3.08832 41.7461 3.08832C40.6122 3.08832 39.4495 3.86249 39.4467 5.3734C39.4467 7.01095 40.4424 7.6038 42.8311 8.45567C47.007 9.80542 47.6027 11.7682 47.5423 14.1367Z" fill="currentColor"></path><path d="M53.3066 0.90625V3.45898L58.0322 3.45322L58.1588 3.57985V18.6027L60.9389 18.6055V3.57985L61.0684 3.45322L65.7882 3.45898V0.90625H53.3066Z" fill="currentColor"></path><path d="M82.554 14.1367C82.508 16.7384 80.6373 19.2163 76.9996 19.2163C73.926 19.2163 71.3588 16.9542 71.2207 14.0504H74.4814C74.5505 15.4922 75.5606 16.3556 77.3248 16.2808C78.8933 16.2088 79.6271 14.8648 79.6502 13.8374C79.6818 12.597 79.4631 11.4861 75.9866 10.2716C73.0165 9.23559 71.5862 7.97506 71.5862 5.09137C71.5862 2.20768 74.2799 0.434868 76.6197 0.391699C80.5049 0.331263 82.3036 2.83219 82.2489 4.92445H79.0544C78.9595 3.8481 77.8918 3.08832 76.7579 3.08832C75.6239 3.08832 74.4613 3.86249 74.4584 5.3734C74.4584 7.01095 75.4541 7.6038 77.8428 8.45567C82.0187 9.80542 82.6116 11.7682 82.554 14.1367Z" fill="currentColor"></path><path d="M90.6503 0.90625V18.6055H100.352V16.0672H93.5484L93.4217 15.9377V10.9618L93.5484 10.838H99.2121V8.25937H93.5484L93.4217 8.13274V3.58273L93.5484 3.4561H100.352V0.90625H90.6503Z" fill="currentColor"></path><path d="M109.446 0.90625V18.6055H119.156V16.0672L112.353 16.0615L112.223 15.9319V0.90625H109.446Z" fill="currentColor"></path><path d="M126.207 0.90625V18.6055H135.923V16.0672H129.114L128.987 15.9319V0.90625H126.207Z" fill="currentColor"></path><path d="M143.629 0.90625V18.6055H153.333V16.0672H146.533L146.4 15.9377V10.9618L146.533 10.838H152.191V8.25937H146.533L146.4 8.13274V3.58273L146.533 3.4561H153.333V0.90625H143.629Z" fill="currentColor"></path><path d="M165.168 8.2623L165.036 8.12992V3.58278L165.166 3.45327H166.941C169.002 3.4504 169.719 4.75986 169.719 5.79879C169.719 7.86227 168.36 8.28245 166.95 8.25942H165.168V8.2623ZM166.533 0.90918C165.456 0.90918
1592162.771 0.90918 162.259 1.00703V18.597H165.042C165.042 18.3523 165.036 11.0884 165.036 11.0884L165.166 10.9647H166.521C167.779 10.9647 168.231 11.7935 168.792 13.0195C169.552 14.6945 169.897 16.1737 170.614 18.5998H173.641C173.356 17.6731 172.332 14.5679 171.434 12.1677C170.91 10.7517 170.228 9.97755 169.422 9.7761V9.69839C170.881 9.1228 172.478 8.10402 172.548 5.50236C172.585 4.18139 172.303 3.00432 171.46 2.18986C170.409 1.19697 168.746 0.90918 166.536 0.90918" fill="currentColor"></path><path d="M181.961 10.5272V0.90625H191.666V3.4561H184.862L184.733 3.58561V8.00899L184.862 8.13562C185.064 8.00323 185.251 7.86797 185.484 7.71544C185.754 7.5255 186.514 7.11683 187.521 7.11683C189.858 7.11683 192.327 9.07095 192.327 12.2798V14.139C192.281 16.7406 190.411 19.2185 186.773 19.2185C183.699 19.2185 181.132 16.9565 180.994 14.0527H184.255C184.324 15.4945 185.334 16.3579 187.098 16.2831C188.667 16.2111 189.401 14.8671 189.424 13.8397V12.441C189.424 10.9733 188.252 9.72136 186.759 9.72136C185.725 9.72136 185.101 10.2653 184.83 10.5905L184.692 10.7545H184.586L181.97 10.7603V10.5272H181.961Z" fill="currentColor"></path><path d="M205.144 0.391602C202.231 0.391602 199.894 2.78029 199.894 5.63808V13.9697C199.894 16.8275 202.231 19.219 205.144 19.219C208.056 19.219 210.393 16.8275 210.393 13.9697V5.63808C210.393 2.78316 208.056 0.391602 205.144 0.391602ZM207.587 14.0675C207.587 15.4288 206.491 16.4994 205.123 16.4994C203.756 16.4994 202.66 15.4317 202.66 14.0675V5.62656C202.66 4.23364 203.756 3.10549 205.123 3.10549C206.491 3.10549 207.587 4.23077 207.587 5.62656V14.0675Z" fill="currentColor"></path></g></svg></div></a><nav role="navigation" class="nav_menu_wrap w-nav-menu"><div class="nav_menu_contain"><div class="nav_links_component"><ul role="list" class="nav_links_wrap u-hflex-left-center u-gap-5 w-list-unstyled"><li class="nav_links_item u-text-style-medium"><a href="/location" class="nav_links_link u-hflex-left-stretch w-inline-block u-link-hover"><div class="nav_links_text">Location</div><div class="nav_link_superscript"></div></a></li><li class="nav_links_item u-text-style-medium"><a href="/map" class="nav_links_link u-hflex-left-stretch w-inline-block u-link-hover"><div class="nav_links_text">Map</div></a></li><li class="nav_links_item u-text-style-medium"><a href="/programme" class="nav_links_link u-hflex-left-stretch w-inline-block u-link-hover"><div class="nav_links_text">Programme</div><div class="nav_link_superscript"><sup>NEW</sup></div></a></li><li class="nav_links_item u-text-style-medium"><a href="/food-beverage/food" class="nav_links_link w-inline-block u-link-hover"><div class="nav_links_text">Food & drinks</div></a></li><li class="nav_links_item u-text-style-medium"><div class="nav_dropdown_wrap u-link-hover"><div data-delay="0" data-hover="true" class="nav_dropdown w-dropdown"><div class="nav_dropdown_toggle u-hflex-left-stretch w-dropdown-toggle"><div class="nav_dropdown_text">Transport</div></div><nav class="nav_dropdown_list w-dropdown-list"><div class="nav_dropdown_inner"><a href="/transport" class="nav_links_link u-hflex-left-stretch w-inline-block"><div class="nav_links_text">International colleagues</div></a><a href="/transport---danish-based" class="nav_links_link u-hflex-left-stretch w-inline-block"><div class="nav_links_text">Colleagues in Denmark</div></a><a href="/transport-guests" class="nav_links_link u-hflex-left-stretch w-inline-block"><div class="nav_links_text">Guests</div></a></div></nav></div></div></li><li class="nav_links_item u-text-style-medium"><a href="/security" class="nav_links_link w-inline-block u-link-hover"><div class="nav_links_text">Security</div></a></li><li class="nav_links_item u-text-style-medium"><a href="/sustainability" class="nav_links_link w-inline-block u-link-hover"><div class="nav_links_text">Sustainability</div></a></li><li class="nav_links_item u-text-style-medium"><div class="nav_dropdown_wrap u-link-hover"><div data-delay="0" data-hover="true" class="nav_dropdown w-dropdown"><div class="nav_dropdown_toggle u-hflex-left-stretch w-dropdown-toggle"><div class="nav_dropdown_text">More Info</div></div><nav class="nav_dropdown_list w-dropdown-list"><div class="nav_dropdown_inner"><a href="/more-info" class="nav_links_link u-hflex-left-stretch w-inline-block"><div class="nav_links_text">Colleagues</div></a><a href="/more-info-guest" class="nav_links_link u-hflex-left-stretch w-inline-block"><div class="nav_links_text">Guests</div></a></div></nav></div></div></li><li class="nav_links_item u-text-style-medium"><a href="/contact-info" class="nav_links_link w-inline-block u-link-hover"><div class="nav_links_text">Contact Info</div></a></li></ul></div></div><div class="nav_menu_divider"></div></nav><div class="nav_menu_animation-wrap"><div class="nav_menu_btn u-text-style-small w-nav-button"><div class="nav_btn_text is-close">CLOSE</div><div class="nav_btn_text is-menu">MENU</div></div></div></div></div><div class="nav_dropdown_backdrop"></div><div class="nav_menu_backdrop"></div></div></nav><section data-theme="dark" class="page_loader_wrap"><div class="hide_designer_css u-embed-css w-embed"><style> 1593 html.wf-design-mode .page_loader_wrap{ 1594 display: none !important; 1595 } 1596 .skip-loader .page_loader_wrap { 1597 display: none !important; 1598 opacity: 0 !important; 1599} 1600 1601 1602</style></div><div class="u-embed-css w-embed"><style> 1603 1604 1605.loader_visual_wrap.is-full-screen .loader_visual_content-wrap { 1606 opacity: 1; 1607} 1608 1609html.wf-design-mode .loader_visual_wrap.is-full-screen { 1610 min-width: 100vw; 1611 height: 100vh; 1612} 1613 1614 1615 1616 1617.loader_visual_wrap, .loader_logo_wrap, .loader_details_wrap { 1618 will-change: transform, opacity; 1619} 1620 1621.loader_content_wrap:not(:has(.is-inactive)) .loader_center_dash-wrap{ 1622 opacity: 0; 1623} 1624 1625 1626.loader_visual_wrap, 1627.loader_center_wrap-width { 1628 transition: all 0.9s cubic-bezier(0.23, 1, 0.877, 1.03); 1629} 1630 1631/* Keyframe animation */ 1632@keyframes fadeInInstant { 1633 0% { 1634 opacity: 0; 1635 } 1636 100% { 1637 opacity: 1; 1638 } 1639} 1640 1641 1642 1643</style></div><div class="u-embed-js is-new w-embed w-script">
1643<script> 1644pageFunctions.addFunction('yourFunctionName', function () { 1645 // Exit early if already played (this is now backed by CSS to prevent flashes) 1646 if (sessionStorage.getItem("hasPlayedSVGAnimation") === "true") return; 1647 1648 if (typeof gsap === "undefined") { 1649 console.error("GSAP is not loaded."); 1650 return; 1651 } 1652 1653 // Prepare SVGs 1654 const svgElements = document.querySelectorAll('[data-animate-svg]'); 1655 svgElements.forEach(svg => { 1656 const paths = svg.querySelectorAll('path'); 1657 paths.forEach(path => { 1658 const length = path.getTotalLength(); 1659 path.style.strokeDasharray = length; 1660 path.style.strokeDashoffset = length; 1661 path.style.fill = "none"; 1662 }); 1663 }); 1664 1665 const pageLoaderWrap = document.querySelector('.page_loader_wrap'); 1666 const tl = gsap.timeline({ defaults: { ease: "power3.out" } }); 1667 1668 // Animate paths 1669 const allPaths = document.querySelectorAll('[data-animate-svg] path'); 1670 tl.to({}, { duration: 1 }); // Initial delay 1671 tl.to(allPaths, { strokeDashoffset: 0, duration: 4 }, "<"); 1672 tl.to(allPaths, { fill: "black", duration: 3 }, "-=3"); 1673 1674 // Animate loader out 1675 if (pageLoaderWrap) { 1676 tl.to(pageLoaderWrap, { 1677 y: "-100%", 1678 opacity: 1, 1679 duration: 1.2, 1680 ease: "power3.inOut", 1681 onComplete: () => { 1682 // Ensure it's fully hidden after animation 1683 pageLoaderWrap.style.display = "none"; 1684 pageLoaderWrap.style.opacity = "0"; 1685 1686 // Mark animation as played 1687 sessionStorage.setItem("hasPlayedSVGAnimation", "true"); 1688 } 1689 }, "-=2"); 1690 } 1691 1692 // Optional: Set dark theme 1693 document.documentElement.setAttribute('data-theme', 'dark'); 1694}); 1695</script>
1695</div><div class="loader_content_wrap"><div class="loader_text_grid"><div id="w-node-_220efc28-7103-0e34-0399-1b6de3b87534-e3b8752e" class="loader_text_wrap is-left"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 303 118" fill="none" data-animate-svg="" stroke-width="var(--size--svg-main-width)" STYLE="overflow: visible" class="loader_text_svg is-1"><path d="M251.937 51.6902L251.846 52.8752L252.757 52.1115C257.527 48.1105 264.625 45.1742 272.658 45.1742C281.654 45.1742 289.07 47.7702 294.24 53.2473C299.415 58.7286 302.412 67.17 302.412 79.0046C302.412 89.9641 299.265 99.556 293.23 106.401C287.202 113.237 278.253 117.381 266.544 117.381C252.585 117.381 240.029 112.388 232.425 104.547L240.386 95.7173C246.568 101.73 255.482 106.311 266.23 106.311C271.895 106.311 277.558 104.554 281.807 100.367C286.059 96.1748 288.834 89.6063 288.834 80.1019C288.834 70.3945 286.585 64.3249 283.028 60.6865C279.467 57.0442 274.686 55.9312 269.836 55.9312C260.871 55.9312 254.545 60.2676 249.828 64.6199L240.103 60.3467L243.812 3.00574H297.866V14.3898H255.257H254.794L254.759 14.8516L251.937 51.6902Z" fill="currentColor" stroke="currentColor"></path><path d="M172.784 115.5C174.632 94.4159 180.302 73.2359 187.148 55.3953C194.055 37.3919 202.143 22.8342 208.674 15.2151L209.381 14.3897H208.294H170.201C169.35 14.3897 168.644 14.4572 168.145 14.8175C167.614 15.201 167.438 15.8172 167.356 16.5358L164.614 29.9403L155.652 30.6515V3.00568H224.097V13.117C215.055 22.3227 206.265 39.2579 199.476 58.2023C192.706 77.0922 187.898 98.0554 186.817 115.5H172.784Z" fill="currentColor" stroke="currentColor"></path><path d="M76.6736 98.4013C83.1131 103.882 90.904 106.624 98.9961 106.624C104.331 106.624 108.516 104.845 111.78 101.924C115.033 99.0121 117.348 94.9879 119.001 90.5237C122.305 81.6025 123.01 70.7924 123.167 63.1821L123.191 62.0132L122.329 62.8032C116.748 67.9194 108.241 73.0179 96.9582 73.0179C86.8372 73.0179 79.5434 69.0863 74.7648 62.734C69.9713 56.3621 67.6738 47.5058 67.6738 37.6199C67.6738 26.6599 70.7824 17.5022 76.578 11.0904C82.3677 4.68528 90.8858 0.967773 101.818 0.967773C109.027 0.967773 114.78 2.63351 119.36 5.56008C123.942 8.48746 127.385 12.6972 129.94 17.836C135.059 28.1323 136.589 42.1033 136.589 56.7446C136.589 69.6604 135.295 84.8569 129.95 96.8082C127.281 102.777 123.612 107.915 118.608 111.562C113.609 115.204 107.248 117.381 99.1529 117.381C88.7211 117.381 77.4413 114.354 70.1839 107.775L76.6736 98.4013ZM122.725 51.1222L122.859 50.9731L122.853 50.7726C122.618 43.0165 122.031 33.143 119.099 25.1999C117.632 21.2228 115.564 17.6955 112.628 15.1603C109.682 12.6166 105.89 11.0977 101.034 11.0977C94.6161 11.0977 89.6834 13.633 86.3699 18.0174C83.0701 22.3837 81.4093 28.5376 81.4093 35.7388C81.4093 43.0684 82.5893 49.79 85.3534 54.6974C88.1353 59.6363 92.5242 62.7312 98.8393 62.7312C103.888 62.7312 108.792 61.0099 112.954 58.7107C117.117 56.4111 120.571 53.5155 122.725 51.1222Z" fill="currentColor" stroke="currentColor"></path><path d="M48.4647 107.998V115.5H1.18262V107.847L15.2935 106.936L15.3128 106.935L15.332 106.932C16.4109 106.778 17.2407 106.57 17.7321 105.942C17.9781 105.628 18.1077 105.249 18.1793 104.823C18.2502 104.4 18.2695 103.895 18.2695 103.302V17.3978C18.2695 16.2012 18.1154 15.3537 17.66 14.7464C17.2007 14.134 16.505 13.8629 15.7185 13.6269L15.694 13.6196L15.6689 13.6148L1.38558 10.8797L2.22923 3.00562H31.5346V103.302C31.5346 103.926 31.5438 104.448 31.6002 104.872C31.6569 105.299 31.7675 105.683 32.0113 105.999C32.2602 106.321 32.602 106.512 33.0038 106.643C33.3968 106.772 33.8877 106.855 34.4767 106.933L34.4907 106.935L34.5048 106.936L48.4647 107.998Z" fill="currentColor" stroke="currentColor"></path></svg></div><div class="loader_center_wrap u-hflex-center-center u-position-relative"><div class="loader_dash-svg is-2"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 158 12" fill="none" data-animate-svg="" stroke-width="var(--size--svg-main-width)" STYLE="overflow: visible" class="loader_svg_dash"><path d="M1.12012 0.963867H156.723V10.7803H1.12012V0.963867Z" fill="currentColor" stroke="currentColor"></path></svg></div></div><div id="w-node-_220efc28-7103-0e34-0399-1b6de3b87553-e3b8752e" class="loader_text_wrap is-right">
1695<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 332 118" fill="none" data-animate-svg="" stroke-width="var(--size--svg-main-width)" STYLE="overflow: visible" class="loader_text_svg is-3"><path d="M280.349 51.6902L280.258 52.8752L281.169 52.1115C285.939 48.1105 293.037 45.1742 301.07 45.1742C310.066 45.1742 317.482 47.7702 322.652 53.2473C327.827 58.7286 330.824 67.17 330.824 79.0046C330.824 89.9641 327.677 99.556 321.642 106.401C315.614 113.237 306.665 117.381 294.956 117.381C280.997 117.381 268.442 112.388 260.837 104.547L268.798 95.7173C274.98 101.73 283.894 106.311 294.642 106.311C300.308 106.311 305.971 104.554 310.219 100.367C314.471 96.1748 317.246 89.6063 317.246 80.1019C317.246 70.3945 314.997 64.3249 311.44 60.6865C307.879 57.0442 303.098 55.9312 298.248 55.9312C289.283 55.9312 282.957 60.2676 278.24 64.6199L268.515 60.3467L272.224 3.00574H326.278V14.3898H283.669H283.206L283.171 14.8516L280.349 51.6902Z" fill="currentColor" stroke="currentColor" stroke-width="var(--size--svg-main-width)"></path><path d="M235.704 103.703L237.983 90.7914H247.409V115.5H179.278V106.919L212.096 63.6308C222.896 49.388 229.442 39.695 229.442 27.7441C229.442 22.4933 228.128 18.3337 225.006 15.4994C221.895 12.675 217.084 11.2546 210.287 11.2546C204.325 11.2546 199.771 11.9519 196.723 14.4648C193.732 16.9299 192.309 21.0342 192.233 27.5023L179.911 26.1975C180.093 15.3306 184.113 9.08478 189.859 5.51709C195.73 1.87132 203.487 0.967896 211.071 0.967896C222.613 0.967896 230.544 3.4262 235.588 7.8396C240.618 12.2411 242.863 18.665 242.863 26.8036C242.863 41.5118 234.501 54.4028 225.409 66.3173L195.782 105.036L195.167 105.84H196.179H232.861C233.711 105.84 234.386 105.774 234.869 105.404C235.364 105.026 235.546 104.417 235.7 103.724L235.702 103.714L235.704 103.703Z" fill="currentColor" stroke="currentColor"></path><path d="M123.204 117.381C115.55 117.381 109.518 115.856 104.77 113.077C100.024 110.3 96.5248 106.25 93.9644 101.139C88.8295 90.8883 87.4922 76.4172 87.4922 59.5664C87.4922 43.0441 89.297 28.3744 94.8993 17.8484C97.6949 12.5958 101.432 8.38372 106.358 5.48149C111.286 2.57869 117.436 0.967896 125.085 0.967896C132.734 0.967896 138.744 2.5788 143.463 5.44614C148.18 8.31263 151.643 12.4561 154.166 17.5797C159.225 27.8519 160.483 42.0128 160.483 57.5285C160.483 74.918 158.755 89.9007 153.23 100.524C150.474 105.825 146.777 110.03 141.881 112.914C136.984 115.799 130.855 117.381 123.204 117.381ZM123.831 106.938C128.74 106.938 132.654 105.688 135.746 103.333C138.834 100.981 141.06 97.5597 142.66 93.2884C145.85 84.7672 146.591 72.7285 146.591 58.6259C146.591 44.8452 146.086 33.196 143.132 24.9883C141.65 20.8714 139.54 17.5833 136.537 15.3277C133.53 13.0692 129.675 11.8817 124.771 11.8817C119.828 11.8817 115.86 13.0791 112.702 15.3641C109.547 17.6465 107.244 20.9831 105.574 25.1886C102.243 33.5763 101.384 45.54 101.384 59.8799C101.384 73.1171 101.968 84.8423 105.04 93.2648C106.58 97.487 108.757 100.914 111.83 103.284C114.908 105.659 118.842 106.938 123.831 106.938Z" fill="currentColor" stroke="currentColor"></path><path d="M57.5256 103.703L59.8041 90.7913H69.2308V115.5H1.09961V106.919L33.9176 63.6307C44.717 49.388 51.2628 39.695 51.2628 27.7441C51.2628 22.4932 49.9491 18.3337 46.8272 15.4993C43.7163 12.6749 38.9049 11.2546 32.1084 11.2546C26.1462 11.2546 21.5926 11.9519 18.5441 14.4648C15.5537 16.9298 14.1306 21.0341 14.0545 27.5022L1.73201 26.1975C1.9147 15.3305 5.93395 9.08472 11.6798 5.51703C17.5514 1.87126 25.3088 0.967834 32.8922 0.967834C44.4338 0.967834 52.3655 3.42613 57.4094 7.83954C62.4396 12.241 64.6847 18.6649 64.6847 26.8035C64.6847 41.5117 56.3228 54.4028 47.2301 66.3172L17.6029 105.036L16.9878 105.84H18H54.6818C55.5326 105.84 56.2073 105.774 56.6903 105.404C57.1848 105.026 57.3674 104.417 57.5213 103.724L57.5237 103.714L57.5256 103.703Z" fill="currentColor" stroke="currentColor"></path></svg></div></div></div></section><main class="page_main u-position-relative"><section data-animation="wrapper" data-theme="home-custom" class="home_hero2_home"><div class="home_css_marquee u-embed-css w-embed"><style> 1696 1697@keyframes loop-move-left { 1698 to {transform: translateX(-100%);} 1699} 1700 1701</style></div><div class="countdown_js u-embed-js w-embed w-script">
1701<script> 1702(function () { 1703 var deadline = '2025/06/07 16:00'; // Set event date (7 June 2025) 1704 1705 function pad(num, size) { 1706 var s = "0" + num; 1707 return s.substr(s.length - size); 1708 } 1709 1710 // Fixes "Date.parse(date)" on Safari 1711 function parseDate(date) { 1712 const parsed = Date.parse(date); 1713 if (!isNaN(parsed)) return parsed; 1714 return Date.parse(date.replace(/-/g, '/').replace(/[a-z]+/gi, ' ')); 1715 } 1716 1717 function getTimeRemaining(endtime) { 1718 let total = parseDate(endtime) - Date.parse(new Date()); 1719 let days = Math.floor(total / (1000 * 60 * 60 * 24)); 1720 return { total, days }; 1721 } 1722 1723 function updateCountdown(endtime) { 1724 let timeinterval = setInterval(function () { 1725 var time = getTimeRemaining(endtime); 1726 1727 if (time.total <= 0) { 1728 clearInterval(timeinterval); 1729 } else { 1730 document.querySelectorAll("[data-countdown]").forEach(element => { 1731 element.textContent = pad(time.days, 2); // Updates only the days 1732 }); 1733 } 1734 }, 1000); 1735 } 1736 1737 updateCountdown(deadline); 1738})(); 1739 1740</script>
1740</div><div class="home_hero2_layout u-grid-breakout"><div class="home_hero2_left u-column-8"><div data-animation="item" class="home_paragraph_layout u-grid-custom"><div data-animation="element" class="home_hero2_paragraph u-column-4 u-lining-nums u-text-style-large w-richtext"><p>The BESTSELLER50 PARTY is fast approaching. To make sure you are fully prepared for an unforgettable celebration, we have updated the website with essential details. Please visit this site regularly, as more info will follow.</p></div></div></div><div id="w-node-d6bccca0-88eb-48b2-3270-f75b80672954-8067294b" class="home_hero2_right u-column-5"><div class="home_hero2_visual u-visual-wrap"><div class="g_visual_wrap u-cover-absolute"><div class="g_visual_background u-cover-absolute"></div><div data-poster-url="https://cdn.prod.website-files.com/674ef99ec8b204dfbcb3981a%2F67585dd43680fdeada1026a5_video%20%282%29-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390f28_video%20(2)-transcode.mp4,https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390f28_video%20(2)-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="loaderVideo" class="webflow_video u-margin-trim-off u-cover-absolute w-background-video w-background-video-atom"><video id="be77e1f1-09be-28f6-61a2-3ffe25cd082f-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/674ef99ec8b204dfbcb3981a%2F67585dd43680fdeada1026a5_video%20%282%29-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390f28_video%20(2)-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/6895734d9fbc4112bd390f28_video%20(2)-transcode.webm" data-wf-ignore="true"/></video></div></div></div></div></div><div class="home_bottom_wrap u-position-absolute"><div class="home_bottom_layout u-grid-breakout"><div class="home_bottom_grid u-grid-subgrid"><div data-animation="item" class="home_bottom_name u-column-2"><div data-animation="element" class="home_bottom_text u-text-style-extra-small u-lining-nums">Bestseller50<br/>Party</div></div><div data-animation="item" id="w-node-_0b868095-6e31-e958-efca-e55b5e61da90-8067294b" class="home_bottom_date u-column-2"><div data-animation="element" class="home_bottom_text u-text-style-extra-small u-lining-nums">7â8 June<br/>2025</div></div><div data-animation="item" id="w-node-debe57cc-531a-1c2c-88fd-46e6890c531b-8067294b" class="home_bottom_countdown u-column-2"><div data-animation="element" class="home_bottom_text u-text-style-extra-small u-lining-nums"><span data-countdown="">x</span> Days <br/>Left</div></div></div></div><div data-animation="element" class="home_marquee_wrap"><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div><div data-wf--element-home-hero-marquee-text--variant="base" class="home_marquee_panel u-text-style-display loop-move-left">Get Ready</div></div></div><div class="loop-move-left u-embed-css">This is some text inside of a div block.</div><div mc-modal="wrapper" class="home_hero2_modal u-cover-absolute u-hflex-right-top u-pointer-off"><div class="modal_js u-embed-js w-embed w-script">
1740<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 1 bytes, line 1740
1740
1741<script> 1742 window.addEventListener('DOMContentLoaded', () => { 1743 const wrapper = document.querySelector('[mc-modal="wrapper"]'); 1744 const card = document.querySelector('[mc-modal="card"]'); 1745 const closeBtn = document.querySelector('[mc-modal="close"]'); 1746 1747 // Set initial card state 1748 gsap.set(card, { 1749 y: '2rem', 1750 opacity: 0 1751 }); 1752 1753 // Show modal after 7s 1754 setTimeout(() => { 1755 wrapper.style.display = 'flex'; 1756 1757 // Animate card in 1758 gsap.to(card, { 1759 y: 0, 1760 opacity: 1, 1761 duration: 0.6, 1762 ease: 'power2.out' 1763 }); 1764 }, 7000); 1765 1766 // Close interaction 1767 closeBtn.addEventListener('click', () => { 1768 gsap.to(card, { 1769 y: '2rem', 1770 opacity: 0, 1771 duration: 0.5, 1772 ease: 'power2.in', 1773 onComplete: () => { 1774 wrapper.style.display = 'none'; 1775 } 1776 }); 1777 }); 1778 }); 1779</script>
1779</div><div class="modal_css u-embed-css w-embed"><style> 1780 1781html.wf-design-mode .home_hero2_modal { 1782 display: flex; 1783} 1784 1785.modal_wrap{ 1786 box-shadow: inset 50em 50em rgba(0,0,0, 0.08) 1787} 1788 1789@media (max-width: 992px){ 1790 .home_hero2_modal{ 1791 display:flex; 1792 justify-content: flex-end; 1793 align-items: flex-end; 1794 } 1795} 1796 1797 1798 1799</style></div><div mc-modal="card" class="modal_wrap u-pointer-on"><div class="modal_layout u-position-relative"><div class="modal_richtext w-richtext"><p><a href="/more-info" class="u-link-underline">Important when arriving</a></p></div><button id="" mc-modal="close" class="modal_svg_wrap u-hflex-center-center u-position-absolute"><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 15 16" fill="none"><path d="M1.10059 1.23434L14.6318 14.7657" stroke="currentColor"></path><path d="M14.6318 1.23439L1.10052 14.7656" stroke="currentColor"></path></svg></button></div></div></div></section><section data-theme="home-custom" class="section_home_mobile"><div class="menu_js u-embed-js w-embed w-script">
1799<script> 1800document.addEventListener("DOMContentLoaded", () => { 1801 const mapCategoryHolder = document.querySelector('.home_mobile_append'); 1802 const navStack = ["home"]; 1803 1804 const loadStage = (level) => { 1805 console.log(`Loading stage: ${level}`); 1806 const stage = document.querySelector(`.home_mobile_menu_category[data-level="${level}"]`); 1807 if (!stage) { 1808 console.warn(`Could not find menu category for level: ${level}`); 1809 return; 1810 } 1811 1812 gsap.to(mapCategoryHolder, { 1813 opacity: 0, 1814 x: -30, 1815 duration: 0.3, 1816 ease: "power1.out", 1817 onComplete: () => { 1818 mapCategoryHolder.innerHTML = ''; 1819 mapCategoryHolder.appendChild(stage.cloneNode(true)); 1820 1821 console.log(`Stage ${level} loaded and inserted`); 1822 1823 gsap.fromTo(mapCategoryHolder, 1824 { opacity: 0, x: 30 }, 1825 { opacity: 1, x: 0, duration: 0.3, ease: "power1.out" } 1826 ); 1827 } 1828 }); 1829 }; 1830 1831 // Directly load the initial stage 1832 loadStage("home"); 1833 1834 mapCategoryHolder.addEventListener('click', (e) => { 1835 const mapItem = e.target.closest('.mobile_menu_link'); 1836 const backBtn = e.target.closest('.mobile_menu_link[data="menu-back"]'); 1837 1838 if (mapItem && mapCategoryHolder.contains(mapItem)) { 1839 const dataPath = mapItem.getAttribute('data-path'); 1840 if (dataPath) { 1841 console.log(`Navigating forward to: ${dataPath}`); 1842 navStack.push(dataPath); 1843 loadStage(dataPath); 1844 } else { 1845 console.log("Clicked item has no data-path, ignoring."); 1846 } 1847 } 1848 1849 if (backBtn && mapCategoryHolder.contains(backBtn)) { 1850 if (navStack.length > 1) { 1851 navStack.pop(); 1852 const previousLevel = navStack[navStack.length - 1] || "home"; 1853 console.log(`Navigating back to: ${previousLevel}`); 1854 loadStage(previousLevel); 1855 } else { 1856 console.log("Already at root level: home"); 1857 } 1858 } 1859 }); 1860}); 1861</script>
1861</div><div class="hide_menus_css u-embed-css w-embed"><style> 1862 1863html.wf-design-mode .home_mobile_submenu { 1864 height: 100%; 1865} 1866 1867 1868html.wf-design-mode .mobile_menu_clickable { 1869 display: none !important; 1870 1871} 1872/* 1873[data-level="home"] > * + * { 1874 margin-top: -2.88px; 1875} 1876*/ 1877 1878</style></div><div data-padding-bottom="main" data-padding-top="main" class="home_mobile_contain u-container"><div class="home_mobile_content"><div class="home_mobile_append"></div><div class="home_mobile_submenu"><div data-level="home" class="home_mobile_menu_category"><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">Location</div><a href="/location" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="base" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase">programme</div><a href="/programme" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">venue map</div><a href="/map" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="base" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase">food & drinks</div><a href="/food-beverage/food" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" data-path="transport" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">transport</div></button><button data-wf--element-homepage-v2-menu-item--variant="base" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase">sustainability</div><a href="/sustainability" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">security</div><a href="/security" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="base" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase">contact info</div><a href="/contact-info" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" data-path="moreInfo" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">more info</div></button></div><div data-level="transport" class="home_mobile_menu_category"><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" data="menu-back" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">Transport</div></button><div class="mobile_menu_submenu"><button data-wf--element-homepage-v2-menu-item--variant="submenu-item-lowercase" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-23c087e7-085d-104f-7b41-6d5706c4151d">Colleagues in Denmark</div><a href="/transport---danish-based" class="mobile_menu_clickable u-cover-
1878absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="submenu-item-lowercase" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-23c087e7-085d-104f-7b41-6d5706c4151d">International colleagues</div><a href="/transport" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="submenu-item-lowercase" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-23c087e7-085d-104f-7b41-6d5706c4151d">Guests</div><a href="/transport-guests" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="submenu-back-button" id="" data="menu-back" class="mobile_menu_link u-position-relative w-variant-1df9044a-0709-6ee0-1a4f-4db8c9d0726a"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-1df9044a-0709-6ee0-1a4f-4db8c9d0726a">Go back</div></button></div></div><div data-level="moreInfo" class="home_mobile_menu_category"><button data-wf--element-homepage-v2-menu-item--variant="adelle-sans" id="" data="menu-back" class="mobile_menu_link u-position-relative w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-d5bea55b-b71d-adf8-0293-dd9ced4abdcb">more info</div></button><div class="mobile_menu_submenu"><button data-wf--element-homepage-v2-menu-item--variant="submenu-item-lowercase" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-23c087e7-085d-104f-7b41-6d5706c4151d">Colleagues</div><a href="/more-info" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="submenu-item-lowercase" id="" class="mobile_menu_link u-position-relative"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-23c087e7-085d-104f-7b41-6d5706c4151d">Guests</div><a href="/more-info-guest" class="mobile_menu_clickable u-cover-absolute w-inline-block"></a></button><button data-wf--element-homepage-v2-menu-item--variant="submenu-back-button" id="" data="menu-back" class="mobile_menu_link u-position-relative w-variant-1df9044a-0709-6ee0-1a4f-4db8c9d0726a"><div class="mobile_menu_link_text u-text-transform-uppercase w-variant-1df9044a-0709-6ee0-1a4f-4db8c9d0726a">Go back</div></button></div></div></div></div></div><div data-animation="element" class="home_marquee_wrap-mobile"><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div><div data-wf--element-home-hero-marquee-text--variant="home-mobile-nav" class="home_marquee_panel u-text-style-display loop-move-left w-variant-8cbd3931-8823-3b94-234f-be3be9cb1781">full programme online â check what's happening right now         </div>
1878<a href="/programme" class="home_marquee_link u-cover-absolute w-inline-block"></a></div></section></main></div>
1878<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6895734d9fbc4112bd390ec3" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1878<script src="https://cdn.prod.website-files.com/6895734d9fbc4112bd390ec3/js/webflow.73fbd4de.72cb34ea44bc918d.js" type="text/javascript" integrity="sha384-McBD7QIxI2ZSLFlTPqBaHoH/uuP9zuHqRXIwsjNkoccNBwJsq5bCrQAT2cWDhWmC" crossorigin="anonymous"></script>
1878<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
1878<script src="https://cdn.prod.website-files.com/gsap/3.15.0/EasePack.min.js" type="text/javascript"></script>
1878<script type="text/javascript">gsap.registerPlugin(EasePack);</script>
1878<!-- 1879 1880Don't put any custom code here. To keep the site clean we put it in the Custom Code Component. That way it can easily be removed if a certain page needs to be exluded from a script. The only code here is the pageFunctions.executeFunctions() code that will execute our scripts on the page. Do not delete that or all the code on the site will break. 1881 1882--> 1883
1884<script> 1885pageFunctions.executeFunctions(); 1886</script>
1886 1887
1888<script> 1889 window.addEventListener("pageshow", function(event) { 1890 if (event.persisted) { 1891 const navButton = document.querySelector(".w-nav-button"); 1892 const navMenu = document.querySelector(".w-nav-menu"); 1893 1894 // Only reset if menu is open 1895 if (navButton?.classList.contains("w--open")) { 1896 navButton.classList.remove("w--open"); 1897 } 1898 1899 if (navMenu?.classList.contains("w--open")) { 1900 navMenu.classList.remove("w--open"); 1901 } 1902 } 1903 }); 1904</script>
1904 1905 1906 1907</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.