@charset "UTF-8";nav{height:6rem;position:fixed;width:100vw;top:0;left:0;display:flex;justify-content:center;align-items:center;padding:0 3rem;z-index:100000}nav .logo{height:100%;width:auto}nav .logo__wrapper{z-index:99999999;padding:1rem;height:6rem;display:flex;align-items:center;flex-grow:1}nav ul{position:absolute;list-style:none;display:flex;flex-grow:1;justify-content:center;align-items:center;gap:3rem}nav ul li{overflow:hidden}nav ul li a{font-family:Reenie Beanie,serif;padding:2rem 0;font-size:2rem;color:#1a1a1a;cursor:pointer;transition:color .3s ease-in;text-decoration:none;position:relative}nav ul li a span{transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block}nav ul li a span.link--1{transform:translateY(0)}nav ul li a span.link--2{position:absolute;left:0;right:0;transform:translateY(-100%)}nav ul li a:hover .link--1{transform:translateY(100%)!important}nav ul li a:hover .link--2{transform:translateY(0)}@media only screen and (max-width: 45em){nav ul{display:none}}nav .socials{height:6rem;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;padding:2rem 0;flex-grow:1}nav .socials a{height:2rem;display:flex;color:#1a1a1a;text-decoration:none!important;gap:.5rem;position:relative;overflow-y:hidden}nav .socials a span{transition:transform .3s cubic-bezier(.4,0,.2,1)}nav .socials a .strava--2,nav .socials a .insta--2{position:absolute;top:0;right:0;transform:translateY(-100%)}nav .socials a .strava--1,nav .socials a .insta--1{transform:translateY(0)}nav .socials a:hover span:first-of-type{transform:translateY(100%)!important}nav .socials a:hover span:last-of-type{transform:translateY(0)}nav .socials img{border-radius:.5rem;height:100%}@media only screen and (max-width: 720px){nav .socials{display:none}}nav .mobile-button{display:none;outline:none;font-size:2rem;color:#1a1a1a;font-family:Reenie Beanie,serif;background:none;border:none;cursor:pointer;z-index:99999999;overflow:hidden;position:relative}nav .mobile-button__line{display:inline-block}nav .mobile-button__line--2{position:absolute;top:0;left:0;transform:translateY(-100%)}@media only screen and (max-width: 720px){nav .mobile-button{display:block}}.mobile-nav{background-color:#fff;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;padding:4rem;display:flex;flex-direction:column}.mobile-nav ul{display:flex;flex-direction:column;padding-top:6rem;position:unset;justify-content:flex-start;align-items:flex-start}.mobile-nav ul li a{font-family:Reenie Beanie,sans-serif;font-weight:300;font-size:4rem;display:inline-block;padding:0}.mobile-nav.active{display:block}.mobile-nav .socials{display:flex;flex-direction:column;height:unset;justify-content:flex-start;align-items:flex-start;font-size:1.6rem}.mobile-nav .socials a{font-family:Reenie Beanie,sans-serif;overflow:hidden}.mobile-nav .socials a img{display:none}.mobile-nav .socials a span{transition:unset}.mobile-nav .socials a:hover span:first-of-type{transform:translateY(0)!important}:root{--video-width: 15rem;--text-size: 7rem}header{display:flex;min-height:100vh;justify-content:space-between;position:relative;padding:0 2rem;font-family:Reenie Beanie,serif;font-size:1.8rem;flex-direction:column;text-align:center}@media only screen and (max-width: 720px){header{justify-content:flex-start;margin-top:6rem;min-height:unset}}header .bottom__line{justify-self:flex-end;position:absolute;margin-bottom:1rem;bottom:0;left:50%;z-index:100;transform:translate(-50%);display:flex;flex-direction:column;row-gap:.5rem}@media only screen and (max-width: 720px){header .bottom__line{margin-bottom:0rem}}.videos{--width: var(--video-width);--height: calc(var(--width) * 1.77777);position:absolute;top:calc(50% - var(--height) / 2);left:calc(50% - var(--width) / 2);width:var(--width);height:var(--height)}@media only screen and (max-width: 720px){.videos{top:5rem}}@media only screen and (max-width: 32em){.videos{top:10rem}}.videos .video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1rem;overflow:hidden}.videos .video video{width:var(--width);height:var(--height)}h1{text-align:center;place-content:center;font-family:Capuche Trial,serif;font-size:var(--text-size);color:#1a1a1a;-webkit-background-clip:text;background-clip:text;z-index:100;flex-grow:1}@media only screen and (max-width: 720px){h1{place-content:unset;flex-grow:unset}}h1 .line:first-of-type{-webkit-background-clip:text;background-clip:text}h1 .word{background-clip:text!important;-webkit-background-clip:text;color:transparent}@media only screen and (max-width: 33em){h1 .word:nth-of-type(1){margin-bottom:-2rem}}.cta-button{background:linear-gradient(to bottom right,#ec4899,#f97316);color:#fff;padding:.5rem 1.5rem;border-radius:1rem;font-family:Reenie Beanie,serif;align-self:center;text-decoration:none;display:flex;cursor:pointer;z-index:100;transition:transform .2s ease-in-out;transform:rotate(0) scale(1);position:relative;overflow:hidden}.cta-button span{display:inline-block}.cta-button:before{content:"🏃‍♀️";position:absolute;left:-2em;top:60%;transform:translateY(-50%) scaleX(-1);font-size:1em;line-height:1;pointer-events:none}.cta-button .cta-arrow{width:1.4em;height:1.4em;margin-left:.3em;align-self:center;flex-shrink:0}.cta-button:hover span{animation:btn-text .8s ease-in-out forwards}.cta-button:hover:before{animation:btn-runner .8s ease-in-out forwards}@keyframes btn-runner{0%{left:-2em}to{left:calc(100% + .5em)}}@keyframes btn-text{0%{opacity:1}10%{opacity:0}90%{opacity:0}to{opacity:1}}.sponsors{display:flex;height:7rem;justify-content:center;gap:4rem;margin:3rem 0rem;transform:translate(-50vw);align-items:center;padding:2rem}@media only screen and (max-width: 46.875em){.sponsors{row-gap:2rem;justify-items:center;flex-wrap:wrap;height:unset}}.sponsors span{font-family:Reenie Beanie,serif;font-weight:400;font-size:2rem;color:#aaa}@media only screen and (max-width: 46.875em){.sponsors span:first-of-type{text-align:center;width:100%}}.sponsors>div{height:100%}@media only screen and (max-width: 46.875em){.sponsors>div{width:unset}}.sponsors img{height:100%;width:auto}@media only screen and (max-width: 46.875em){.sponsors img{height:4rem;width:auto}}.activities{padding:0 3rem;max-width:120rem;margin:0 auto;width:100%;overflow:visible}.activities h2{font-family:Capuche Trial;font-size:1.8rem;color:#1a1a1a;margin-bottom:2rem}.runs{--width: 20rem;display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(min-content,var(--width)));gap:3rem}@media only screen and (max-width: 39.375em){.runs{padding-top:5rem;--width: calc(100vw - 5rem) }}.runs__end{flex:1 1 100%;width:var(--width);height:100%;display:flex;justify-content:center;align-items:center;font-family:Reenie Beanie,serif;font-size:1.6rem;border-radius:1rem;background:#0000000d;overflow:hidden;cursor:pointer;color:#1a1a1a;text-decoration:none}@media only screen and (max-width: 39.375em){.runs__end{font-size:3rem;padding:3rem 2rem}}.runs__end>div{display:flex;z-index:3}.runs__end>div span{text-align:center;display:flex;align-items:center;justify-content:center;z-index:3;transition:color .3s ease-in}.runs__end .strava-logo__wrapper{z-index:3;position:relative}.runs__end .strava-logo__wrapper img{width:2rem;height:2rem;margin-right:.5rem;border-radius:.5rem;z-index:3;transition:all .3s ease-in}@media only screen and (max-width: 39.375em){.runs__end .strava-logo__wrapper img{width:4rem;height:4rem}}.runs__end .strava-logo__wrapper .strava-color{background-color:#fc4c02;width:1rem;height:1rem;position:absolute;top:.5rem;border-radius:50%;left:.5rem;transform:scale(0);transform-origin:center;z-index:-1;transition:transform .2s ease-in}.runs__end:hover .strava-color{transform:scale(40)}@media only screen and (max-width: 39.375em){.runs__end:hover .strava-color{transform:scale(100)}}.runs__end:hover span{color:#fff}.runs__end:hover img{transform:rotate(360deg)}.runs .run{background:linear-gradient(to bottom right,#ec4899,#f97316);flex:1 1 100%;width:var(--width);height:100%;color:#fff;padding:5rem 3rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:5;position:relative}.runs .run__wrapper{position:relative}.runs .run__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.5}.runs .run span{font-family:Capuche Trial;font-size:3rem;text-align:center}@media only screen and (max-width: 39.375em){.runs .run span{font-size:5rem}}@media only screen and (max-width: 30.625em){.runs .run span{font-size:4rem}}.runs .run span.date{font-family:Reenie Beanie,serif;font-size:2rem}@media only screen and (max-width: 39.375em){.runs .run span.date{font-size:4rem}}@media only screen and (max-width: 30.625em){.runs .run span.date{font-size:3rem}}.runs .run__details{position:absolute;bottom:0rem;width:100%;left:0rem;padding:1rem;z-index:3;display:grid;grid-template-columns:min-content 1fr;gap:.5rem;grid-template-rows:1fr 1fr 1fr;height:6rem;column-gap:.5rem;row-gap:0}@media only screen and (max-width: 39.375em){.runs .run__details{row-gap:.5rem}}.runs .run__details>span{font-family:Capuche Trial,serif;font-weight:700;font-size:1.6rem;grid-row:2/3;grid-column:1/-1}@media only screen and (max-width: 39.375em){.runs .run__details>span{font-size:2.5rem}}.runs .run__details>span.pre-title{font-weight:unset;font-family:Reenie Beanie,serif;text-transform:unset;font-size:1.4rem;grid-row:1/2;grid-column:1/-1}@media only screen and (max-width: 39.375em){.runs .run__details>span.pre-title{font-size:2.5rem}}.runs .run__details a.after-title{grid-row:3/4!important;grid-column:1/-1;font-weight:unset;font-family:Reenie Beanie,serif;text-transform:unset;justify-self:start;font-size:1.6rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:linear-gradient(to right,#ec4899,#f97316);border-radius:1rem;padding:0 1.2rem;height:2.8rem}@media only screen and (max-width: 39.375em){.runs .run__details a.after-title{height:4.5rem}}.runs .run__details a.after-title .after-title-icon{width:1.4rem;height:1.4rem;flex-shrink:0}@media only screen and (max-width: 39.375em){.runs .run__details a.after-title .after-title-icon{width:2.2rem;height:2.2rem}}.runs .run__details a.after-title .after-title-text{position:relative;overflow:hidden;height:100%;display:flex;align-items:center}.runs .run__details a.after-title .after-title-copy{font-family:Reenie Beanie,serif;font-size:1.6rem;transition:transform .2s cubic-bezier(.4,0,.2,1);color:#fff;white-space:nowrap}@media only screen and (max-width: 39.375em){.runs .run__details a.after-title .after-title-copy{font-size:2.5rem}}.runs .run__details a.after-title .after-title-copy--1{position:absolute;top:50%;left:50%;transform:translate(-50%,-250%)}.runs .run__details a.after-title .after-title-copy--2{transform:translateY(0)}.runs .run__details a.after-title:hover{background:linear-gradient(to right,#f97316,#ec4899)}.runs .run__details a.after-title:hover .after-title-copy--1{transform:translate(-50%,-50%)}.runs .run__details a.after-title:hover .after-title-copy--2{transform:translateY(200%)}.faq{display:flex;flex-direction:column}.faq__wrapper{padding:3rem;max-width:75rem;margin:0 auto;margin-top:3rem;width:100%}.faq__qa{border-bottom:1px solid #1a1a1a;margin:1rem 0;display:flex;flex-direction:column;row-gap:1rem;overflow:hidden}.faq__question{cursor:pointer;position:relative;width:100%;font-family:Reenie Beanie,sans-serif;font-size:1.8rem}.faq__question:after{content:"+";position:absolute;right:.5rem;top:50%;transform:translateY(-50%) rotate(0);transition:transform .3s ease-in;font-style:normal;background:linear-gradient(to bottom right,#ec4899,#f97316);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.faq__question.open:after{transform:translateY(-50%) rotate(90deg)}.faq__answer{height:0;font-family:Roboto,serif;font-weight:400;font-size:1.1rem;margin-top:.5rem;color:#1a1a1a}h2{font-family:Capuche Trial;font-size:1.8rem;color:#1a1a1a;margin-bottom:2rem}.sister-club{padding:0 3rem 3rem;max-width:75rem;margin:0 auto;width:100%;overflow:visible;display:grid;grid-template-columns:1fr 1.2fr;overflow:hidden}@media only screen and (max-width: 57.125em){.sister-club{grid-template-columns:1fr;grid-template-rows:1fr min-content;grid-gap:3rem}}.sister-club h2{font-family:Capuche Trial;font-size:1.8rem;color:#1a1a1a;margin-bottom:1rem}.sister-club p.intro{font-family:Roboto,sans-serif;font-style:italic}.sister-club .info{margin-top:.5rem;font-family:Roboto,sans-serif}.sister-club .info p:first-of-type{font-weight:700}.sister-club .polaroid-gallery{display:flex;justify-content:center;align-content:flex-start;gap:20px;flex-wrap:wrap}@media only screen and (max-width: 57.125em){.sister-club .polaroid-gallery{gap:5px}}.sister-club .polaroid{background:#fff;padding:10px;box-shadow:5px 5px 15px #0003;text-align:center;font-family:Reenie Beanie,serif;font-size:1.2rem;transform:rotate(var(--rotation));transition:transform .3s ease-in-out;max-width:200px}@media only screen and (max-width: 42.625em){.sister-club .polaroid{max-width:150px}}.sister-club .polaroid:hover{transform:rotate(0) scale(1.05)}.sister-club .polaroid img{width:100%;aspect-ratio:1/1;object-fit:cover}.sister-club .polaroid p{margin-top:8px;font-size:1.2rem;color:#333}.sister-club .cta-button{display:inline-block;margin-top:20px;padding:10px 20px;background:#ff5733;color:#fff;border-radius:10px;text-decoration:none;transition:background .3s;font-family:Roboto,sans-serif}.follow-button{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1.6rem;margin-top:1.5rem;background:linear-gradient(to right,#ec4899,#f97316);color:#fff;border-radius:10rem;text-decoration:none;font-family:Reenie Beanie,sans-serif;font-size:1.4rem;overflow:hidden;position:relative}.follow-button__strava{width:1.4rem;height:1.4rem;flex-shrink:0}.follow-button__arrow-track{position:relative;width:1em;height:1em;flex-shrink:0}.follow-button__arrow{position:absolute;top:50%;left:50%;color:#fff;font-size:1.1rem;line-height:1;transition:transform .35s cubic-bezier(.4,0,.2,1)}.follow-button__arrow--primary{transform:translate(-50%,-50%)}.follow-button__arrow--secondary{transform:translate(calc(-50% - 20rem),-50%)}.follow-button:hover .follow-button__arrow--primary{transform:translate(calc(-50% + 20rem),-50%)}.follow-button:hover .follow-button__arrow--secondary{transform:translate(-50%,-50%)}.fotos{padding:0 3rem 3rem;max-width:75rem;margin:0 auto;width:100%}.fotos-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.fotos .polaroid{background:#fff;padding:10px;box-shadow:5px 5px 15px #0003;text-align:center;font-family:Reenie Beanie,serif;transform:rotate(var(--rotation));transition:transform .3s ease-in-out}.fotos .polaroid:hover{transform:rotate(0) scale(1.05)}.fotos .polaroid img,.fotos .polaroid video{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.fotos .polaroid p{margin-top:8px;font-size:1.2rem;color:#333}@media (hover: none){.fotos .polaroid{position:relative}.fotos .polaroid:after{content:"▶ Tik om te spelen";position:absolute;top:.5rem;right:.5rem;background:#0000008c;color:#fff;padding:3px 10px;border-radius:999px;font-size:.65rem;font-family:Roboto,sans-serif;white-space:nowrap;pointer-events:none;opacity:1;transition:opacity .3s}.fotos .polaroid.playing:after{opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}footer{padding:2rem;display:flex;justify-content:center;font-family:Reenie Beanie,sans-serif;font-size:1.5rem}footer a{padding:0 .5rem;background:linear-gradient(to right,#833ab4,#fd1d1d,#fcb045,#f97316,#ec4899);background-size:300% 100%;background-position:100% center;color:transparent;-webkit-background-clip:text;background-clip:text;transition:background-position .5s ease}footer a:hover{background-position:0% center}footer .heart{display:inline-block}footer:has(a:hover) .heart{animation:heartbeat .4s ease}@font-face{font-family:Capuche Trial;src:url(/runwithdanique/assets/Capuche%20Trial-CNTpmAYL.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%;overflow-x:hidden}@media only screen and (max-width: 52em){html{font-size:80%}}@media only screen and (min-width: 100em){html{font-size:120%}}@media only screen and (min-width: 145em){html{font-size:150%}}body{background-color:#fffff2;min-height:100vh;height:100%;overflow-x:hidden}.no-scroll body{overflow:hidden}.test{height:100vh}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}
