:root{--paper:#f1f6ed;--ink:#263c31;--body:#536158;--green:#48664b;--accent:#ff841f;--rule:#334c3433;--sx:1.5px;--sy:2px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);margin:0;font:400 16px/1.75 Mulish,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}img{object-fit:cover;width:100%;display:block}figure{margin:0}h1,h2,h3{letter-spacing:-.025em;margin:0;font-family:Philosopher,Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(48px,5.7vw,82px)}h2{font-size:clamp(36px,3.5vw,52px)}h3{font-size:29px}p{color:var(--body);margin:0 0 22px}.wrap{width:min(1160px,100% - 96px);margin:auto;position:relative}.header{justify-content:space-between;align-items:center;gap:28px;padding:36px 0;display:flex}.brand{letter-spacing:-.03em;font-size:19px;line-height:1.4}.brand span{letter-spacing:.03em;font-size:14px;display:block}nav{gap:38px;font-size:14px;display:flex}nav a{border-bottom:1px solid #0000;padding:8px 0}nav a:hover{border-color:var(--green)}.hero{grid-template-columns:1.16fr 1fr;align-items:center;gap:64px;padding:86px 0 100px;display:grid}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#637b55;margin-bottom:23px;font-size:11px;font-weight:600}.lead{max-width:470px;margin:30px 0 34px;font-size:18px;line-height:1.85}.button{background:var(--green);color:#fff;border-radius:5px;align-items:center;gap:34px;padding:15px 23px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#355139;transform:translateY(-2px)}.hero-photo{padding-top:6px}.hero-photo img{aspect-ratio:1.12;object-position:50% 50%;border-radius:7px}figcaption{color:#647060;margin-top:12px;font-size:11px;line-height:1.6}figcaption span{opacity:.8;font-size:10px;display:block}.intro-facts{color:var(--body);justify-content:center;gap:60px;padding:19px 0;font-size:12px;display:flex}.intro-facts span+span:before{content:"/";color:#90a08a;margin-right:60px}.expanding-line{background:var(--rule);transform-origin:50%;width:100%;height:1px;transition:transform 1.8s cubic-bezier(.2,.6,.2,1);transform:scaleX(.35)}.expanding-line.visible{transform:scaleX(1)}.section{padding-top:110px;padding-bottom:110px}.section-heading p:last-child{max-width:480px;margin-top:25px}.service-grid{grid-template-columns:repeat(3,1fr);gap:36px;margin-top:56px;display:grid}.service-grid article+article{border-left:1px solid var(--rule);padding-left:36px}.number{letter-spacing:.08em;color:#69825d;margin-bottom:22px;font-size:10px;display:block}.service-grid h3{margin-bottom:20px}.service-grid p{font-size:14px;line-height:1.9}.text-button{border:0;border-bottom:1px solid var(--rule);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:36px;padding:7px 0;font-size:12px;display:flex}.text-button:hover{border-color:var(--green)}.service-detail{color:var(--body);padding-top:20px;font-size:13px;line-height:1.9}.about{grid-template-columns:1fr 1fr;align-items:center;gap:92px;padding-top:65px;display:grid}.about-photo img{aspect-ratio:1.04;object-position:50% 50%;border-radius:6px}.about-copy h2{margin-bottom:28px}.about-copy>p{font-size:15px;line-height:1.9}.care-note{margin-top:30px}.small-accent{background:var(--accent);width:35px;height:2px;margin-bottom:18px;display:block}.care-note p{max-width:390px;font-size:12px;line-height:1.8}.approach{padding-top:24px;padding-bottom:100px}.approach-inner{text-align:center;max-width:610px;margin:auto;padding:74px 0}.approach-inner h2{margin-bottom:24px}.approach-inner>p:not(.eyebrow){font-size:15px}.inline-link{border-bottom:1px solid var(--green);gap:30px;padding:5px 0;font-size:13px;display:inline-flex}.contact{background:#d6e4cda6;padding:78px 0 82px;position:relative}.contact-inner{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.contact h2{margin-bottom:24px}.contact p{margin-bottom:0;font-size:15px}.contact-links{flex-direction:column;gap:19px;display:flex}.contact-links a{border-bottom:1px solid var(--rule);overflow-wrap:anywhere;justify-content:space-between;gap:15px;padding-bottom:15px;font-size:16px;display:flex}.contact-links a:hover{color:#6e8a50}.contact-links p{font-size:11px}.footer{justify-content:space-between;align-items:flex-start;gap:36px;padding:55px 0 38px;display:flex}.footer p{font-size:11px;line-height:1.9}.back-top{margin-top:3px;font-size:11px}.concept-note{text-align:center;color:#788572;padding:12px 24px 22px;font-size:10px}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:12px}.sun-shadow{text-shadow:var(--sx) var(--sy) 3px #283d2421}.landscape{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.shape{will-change:transform;width:min(54vw,740px);height:95vh;position:absolute;top:12vh}.shape-left{left:-44vw}.shape-right{top:48vh;right:-46vw}.shape i{opacity:.55;background:#dce7d1;border-radius:43% 57% 61% 39%/44% 35% 65% 56%;position:absolute;inset:0}.shape i:nth-child(2){opacity:var(--layer1,0);background:#e1ead9;inset:25px -30px 10px 35px;transform:rotate(8deg)}.shape i:nth-child(3){opacity:var(--layer2,0);background:#e7eee0;inset:65px -60px 0 55px;transform:rotate(17deg)}.shape i:nth-child(4){opacity:var(--layer3,0);background:#ecf2e6;inset:95px -95px 0 90px;transform:rotate(24deg)}.landscape{z-index:0}header,main,footer,.concept-note{z-index:1;position:relative}@media (width>=1600px){.shape-left{left:-40vw}.shape-right{right:-42vw}}@media (width<=850px){.wrap{width:calc(100% - 48px)}.header{padding:26px 0}.brand{font-size:16px}nav{gap:20px;font-size:12px}.hero{gap:30px;padding:65px 0 70px}h1{font-size:52px}.lead{font-size:16px}.hero-photo img{aspect-ratio:.9}.intro-facts{gap:24px}.intro-facts span+span:before{margin-right:24px}.section{padding-top:80px;padding-bottom:80px}.service-grid{gap:22px}.service-grid article+article{padding-left:22px}.service-grid h3{font-size:25px}.about{gap:38px}.contact-inner{gap:35px}.contact-links a{font-size:13px}.contact h2{font-size:36px}}@media (width<=600px){.wrap{width:calc(100% - 44px)}.header{align-items:flex-start;gap:16px;padding:25px 0}.brand{max-width:190px;font-size:13px}.brand span{font-size:11px}nav{flex-wrap:wrap;justify-content:flex-end;gap:14px;max-width:140px;font-size:10px}nav a{padding:2px 0}.hero{grid-template-columns:1fr;gap:44px;padding:53px 0 54px}.eyebrow{letter-spacing:.12em;margin-bottom:20px;font-size:9px}h1{font-size:clamp(44px,11.3vw,62px)}.lead{max-width:350px;margin-top:26px;font-size:15px;line-height:1.85}.button{padding:14px 20px;font-size:12px}.hero-photo{width:100%;padding-top:0}.hero-photo img{aspect-ratio:1.2}.intro-facts{flex-wrap:wrap;gap:5px 18px;padding:17px 0;font-size:10px}.intro-facts span+span:before{display:none}.section{padding-top:76px;padding-bottom:76px}h2{font-size:37px;line-height:1.15}.section-heading p:last-child{font-size:14px}.service-grid{grid-template-columns:1fr;gap:42px;margin-top:40px}.service-grid article{border-bottom:1px solid var(--rule);padding-bottom:35px}.service-grid article+article{border-left:0;padding-left:0}.service-grid article:last-child{border-bottom:0;padding-bottom:0}.number{margin-bottom:14px;font-size:9px}.service-grid h3{margin-bottom:14px;font-size:29px}.service-grid p{max-width:360px}.about{grid-template-columns:1fr;gap:45px;padding-top:20px}.about-photo img{aspect-ratio:1.15}.about-copy h2{font-size:40px}.about-copy>p{font-size:14px}.approach{padding-top:10px;padding-bottom:68px}.approach-inner{padding:55px 0}.approach-inner h2{font-size:34px}.approach-inner>p:not(.eyebrow){font-size:14px}.contact{padding:60px 0}.contact-inner{grid-template-columns:1fr;gap:38px}.contact h2{font-size:39px}.contact-links a{font-size:14px}.footer{flex-wrap:wrap;gap:28px;padding:40px 0 24px}.footer .brand{width:100%;max-width:none;font-size:15px}.footer p{margin:0;font-size:10px}.back-top{margin-left:auto}.shape{width:105vw;height:80vh}.shape-left{left:-94vw}.shape-right{top:58vh;right:-96vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sun-shadow{text-shadow:none}.expanding-line{transition:none;transform:none}.shape{will-change:auto}.shape i:not(:first-child){display:none}.button{transition:none}}img{height:auto}.menu-toggle{display:none}@media (width<=600px){.header{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;padding:22px 0;display:grid}.header .brand{letter-spacing:-.025em;overflow-wrap:anywhere;max-width:none;font-size:14px;line-height:1.45}.header .brand span{letter-spacing:.06em;margin-top:3px;font-size:11px}.menu-toggle{border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:8px 10px;font-size:12px;display:flex}.menu-icon{gap:5px;width:16px;display:grid}.menu-icon i{background:var(--ink);height:1px;transition:transform .2s;display:block}.menu-toggle[aria-expanded=true] .menu-icon i:first-child{transform:translateY(3px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:translateY(-3px)rotate(-45deg)}.header nav{border-top:1px solid var(--rule);grid-column:1/-1;width:100%;max-width:none;margin-top:20px;padding-top:8px;font-size:14px;display:none}.header nav.is-open{flex-direction:column;align-items:stretch;gap:0;display:flex}.header nav a{min-height:44px;padding:12px 0}.header nav .desktop-link{display:none}.hero{gap:32px;padding-top:42px}.hero-photo img,.about-photo img{aspect-ratio:auto;object-fit:cover;height:clamp(175px,56vw,230px)}.hero-photo img{object-position:50% 44%}.about-photo img{object-position:50% 57%}}html{scroll-snap-type:y mandatory;scroll-padding-top:0}main>section{scroll-snap-align:start;scroll-snap-stop:always;min-height:100svh}.header{z-index:4;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero{min-height:100svh;padding-top:140px;padding-bottom:58px}.section{flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:64px;display:flex}.topic-content{width:min(700px,100%);margin:auto}.topic-content .expanding-line{margin-bottom:38px}.topic-content h2{margin-bottom:24px}.topic-content p{font-size:16px;line-height:1.85}.topic-content .topic-lead{color:var(--ink);font-size:21px;line-height:1.6}.topic-content .inline-link{margin-top:14px}.about{align-content:center;display:grid}.approach{justify-content:center;display:flex}.contact{justify-content:center;gap:50px;display:flex}.contact .footer{border-top:1px solid var(--rule);margin-top:15px;padding-top:40px;padding-bottom:0}@media (width<=600px){.header nav{background:var(--paper);padding:12px 0 8px}.hero{align-content:center;gap:26px;padding-top:116px;padding-bottom:30px}.hero .lead{margin:20px 0 24px}.hero-photo img{height:clamp(160px,48vw,205px)}.section{padding-top:42px;padding-bottom:42px}.topic-content .expanding-line{margin-bottom:28px}.topic-content h2{font-size:38px}.topic-content .topic-lead{font-size:18px}.topic-content p{font-size:14px;line-height:1.85}.about{align-content:center;gap:28px}.about-photo img{height:clamp(160px,48vw,205px)}.about-copy h2{margin-bottom:22px}.about-copy>p{margin-bottom:18px}.care-note{margin-top:20px}.care-note p{margin-bottom:0}.approach-inner{padding:38px 0}.contact{gap:30px}.contact .footer{gap:18px;margin-top:0;padding-top:24px}}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:y proximity}}.topic-with-photo{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-content:center;align-items:center;gap:72px;display:grid}.topic-with-photo .topic-content{grid-area:1/1;width:100%;min-width:0}.topic-photo{grid-area:1/2;min-width:0}.topic-photo img{object-fit:cover;object-position:center;border-radius:6px;width:100%;height:clamp(300px,45svh,440px)}#sociale-bezoeken .topic-photo{grid-column:1}#sociale-bezoeken .topic-content{grid-column:2}@media (width<=850px){.topic-with-photo{gap:34px}.topic-photo img{height:320px}.topic-with-photo .topic-content h2{font-size:37px}}@media (width<=600px){.topic-with-photo{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:32px}.topic-with-photo .topic-photo,#sociale-bezoeken .topic-photo{grid-area:1/1}.topic-with-photo .topic-content,#sociale-bezoeken .topic-content{grid-area:2/1}.topic-photo img{object-position:center 44%;height:clamp(155px,42vw,185px)}.topic-with-photo .topic-content .expanding-line{margin-bottom:22px}.topic-with-photo .topic-content h2{margin-bottom:16px;font-size:35px}.topic-with-photo .topic-content .topic-lead{margin-bottom:16px;font-size:17px}.topic-with-photo .topic-content p{margin-bottom:16px;font-size:13px;line-height:1.8}.topic-with-photo .topic-content .inline-link{margin-top:4px}}.hero-photo,.about-photo,.topic-photo{isolation:isolate;box-shadow:calc(var(--sx) * 3) calc(var(--sy) * 3) 16px -2px #253a2329;background:0 0;border-radius:8px;padding:0;position:relative;overflow:visible}.hero-photo img,.about-photo img,.topic-photo img{border-radius:8px;-webkit-mask-image:none;mask-image:none}@media (prefers-reduced-motion:reduce){.hero-photo,.about-photo,.topic-photo{box-shadow:0 3px 12px -2px #253a231f}}#paw-trail{pointer-events:none;filter:blur(.3px);width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){#paw-trail{display:none}}.brand{align-items:center;gap:12px;display:flex}.brand .brand-mark{flex:none;width:40px;height:40px}.brand .brand-name{font-size:inherit;letter-spacing:inherit;min-width:0}.brand .brand-name>span{letter-spacing:.04em;font-size:12px}@media (width<=600px){.brand{gap:9px}.header .brand .brand-mark{width:30px;height:30px}.header .brand{font-size:12px}.header .brand .brand-name>span{font-size:10px}}nav a{border-bottom-color:#0000;position:relative}nav a:hover{border-bottom-color:#0000}nav a:after{content:"";background:var(--green);transform-origin:50%;pointer-events:none;height:1px;transition:transform .6s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){nav a:after{transition:none}}.mobile-only{display:none}@media (width<=600px){html.mobile-menu-open{scroll-snap-type:none;overflow:hidden}.header{width:auto;margin:0;left:22px;right:22px;transform:none}.header .brand,.header .menu-toggle{z-index:32;position:relative}.header.menu-open{z-index:30;border-bottom-color:#0000}.header nav{z-index:31;opacity:0;visibility:hidden;pointer-events:none;background:#f1f6ed;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:100%;max-width:none;margin:0;padding:110px 32px 38px;transition:opacity .55s,visibility 0s .55s;display:flex;position:fixed;inset:0;overflow-y:auto}.header nav.is-open{opacity:1;visibility:visible;pointer-events:auto;align-items:flex-start;gap:5px;transition:opacity .55s,visibility;display:flex}.header nav a{opacity:0;min-height:44px;padding:11px 0;font-family:Philosopher,Georgia,serif;font-size:clamp(26px,7.5vw,36px);line-height:1.25;transition:opacity .6s,transform .6s;transform:translateY(7px)}.header nav.is-open a{opacity:1;transition-delay:.14s;transform:translateY(0)}.header nav.is-open a:nth-child(2){transition-delay:.19s}.header nav.is-open a:nth-child(3){transition-delay:.24s}.header nav.is-open a:nth-child(4){transition-delay:.29s}.header nav.is-open a:nth-child(5){transition-delay:.34s}.header nav.is-open a:nth-child(6){transition-delay:.39s}.header nav.is-open a:nth-child(7){transition-delay:.44s}.header nav .desktop-label{display:none}.header nav .mobile-only{display:block}}@media (width<=600px) and (height<=650px){.header nav{justify-content:flex-start;padding-top:100px}.header nav a{padding:7px 0;font-size:26px}}@media (prefers-reduced-motion:reduce){.header nav,.header nav a,.header nav.is-open a{transition:none;transform:none}}.contact{gap:44px;height:auto;min-height:100svh;padding:82px 0 48px}.contact-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:76px}.contact-copy{min-width:0;padding-top:20px}.contact-copy h2{margin-bottom:24px;font-size:clamp(35px,3.8vw,51px)}.contact-copy>p{max-width:330px;margin-bottom:32px;line-height:1.85}.contact-copy .contact-links{gap:18px}.contact-copy .contact-links a{font-size:14px}.contact-form,.contact-form [data-kiwiform-live]{width:100%;min-width:0}.contact-form iframe{border-radius:7px;max-width:100%;min-height:300px;display:block}.form-direct-link{color:var(--body);border-bottom:1px solid var(--rule);margin-top:14px;padding-bottom:3px;font-size:10px;display:inline-block}.contact .footer{align-items:center;width:min(1160px,100% - 96px);margin-top:0;padding-top:32px}@media (width<=850px){.contact-inner{gap:36px}.contact .footer{width:calc(100% - 48px)}}@media (width<=600px){.contact{gap:36px;padding-top:48px;padding-bottom:30px}.contact-inner{grid-template-columns:1fr;gap:38px}.contact-copy{padding-top:0}.contact-copy h2{font-size:38px}.contact-copy>p{max-width:100%;margin-bottom:24px}.contact-copy .contact-links{gap:16px}.contact-form iframe{border-radius:5px}.contact .footer{gap:22px;width:calc(100% - 44px);padding-top:28px}}.photo-reveal{opacity:0;transition:opacity 1.4s cubic-bezier(.22,.61,.36,1)}.photo-reveal.photo-visible{opacity:1}@media (prefers-reduced-motion:reduce){.photo-reveal{opacity:1;transition:none}}.photo-organic{z-index:-1;pointer-events:none;--reach:1;position:absolute;inset:0}.photo-organic .organic-layer{fill:#dce7d3;width:100%;height:100%;transform:translate(calc(var(--x) * var(--reach)),calc(var(--y) * var(--reach))) rotate(var(--turn)) scale(var(--grow));transition:transform var(--duration) cubic-bezier(.25,.46,.45,.94) var(--delay);display:block;position:absolute;inset:0;overflow:visible}.photo-organic .organic-layer+.organic-layer{fill:#e5edde;z-index:-1}.photo-organic .organic-layer:nth-child(3){fill:#d7e4cd;z-index:-2}.photo-reveal:not(.photo-visible) .photo-organic .organic-layer{transform:translate(0)rotate(0)scale(.94)}.hero-photo,.about-photo,.topic-photo{box-shadow:none}.contact .footer{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"brand details credit return";gap:24px;display:grid}.footer>.brand{grid-area:brand}.footer>p{grid-area:details}.footer>.back-top{grid-area:return;margin-left:0}.footer>.site-credit{grid-area:credit}.site-credit{text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;margin:0;padding:0;display:flex}.site-credit .credit-text{color:var(--body);font-size:10px;line-height:1.6}.site-credit:hover .credit-text{text-underline-offset:3px;text-decoration:underline}.maker-signature{opacity:.75;flex-shrink:0;width:96px;max-width:100%;height:auto;display:block}.signature-stroke{fill:none;stroke:#fff;stroke-width:80px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:0}.signature-ready .signature-stroke{stroke-dashoffset:1000px}.signature-ready .signature-complete{opacity:0}.signature-ready.signature-drawn .signature-stroke{animation:signature-ink var(--duration,1s) ease-in-out var(--delay,0s) forwards}.signature-ready.signature-drawn .signature-complete{animation:.432099s 4.5679s forwards signature-finish}@keyframes signature-ink{to{stroke-dashoffset:0}}@keyframes signature-finish{to{opacity:1}}@media (width>=601px) and (width<=850px){.contact .footer{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"brand credit""details return";gap:18px 24px}.footer>.back-top{justify-self:end}}@media (width<=600px){.photo-organic{--reach:.7}.contact .footer{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"brand credit""details return";gap:18px 14px}.footer .brand{gap:8px;width:auto;max-width:none;font-size:12px}.footer .brand .brand-mark{width:30px;height:30px}.footer .brand .brand-name>span{font-size:10px}.footer>.back-top{justify-self:end}.site-credit{text-align:center;gap:0;margin:0;padding:0}.maker-signature{width:88px;max-width:100%}}@media (prefers-reduced-motion:reduce){.photo-organic .organic-layer{transition:none}.signature-ready .signature-stroke{stroke-dashoffset:0;animation:none}.signature-ready .signature-complete{opacity:1;animation:none}}.coffee-heading{isolation:isolate;padding-top:120px;position:relative}.coffee-dot{transform-origin:50%;background:currentColor;border-radius:50%;width:.12em;height:.12em;margin-left:.06em;display:inline-block}.coffee-cup{fill:none;stroke:#7e9470;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 72%;width:112px;height:auto;margin-left:-56px;position:absolute;top:0;left:50%;overflow:visible}.coffee-steam{stroke:#a0ac90;stroke-width:1.2px;opacity:.65}.coffee-ready .coffee-cup{opacity:0}.coffee-ready .coffee-lines path{stroke-dasharray:1000;stroke-dashoffset:1000px}.coffee-ready .coffee-steam{opacity:0}.coffee-started .coffee-dot{animation:3.2s cubic-bezier(.4,0,.25,1) forwards dot-to-coffee}.coffee-started .coffee-cup{animation:1.3s 2.5s forwards coffee-appear}.coffee-started .coffee-lines path{animation:2.6s 2.7s forwards coffee-draw}.coffee-started .coffee-lines .cup-handle{animation-duration:1.6s;animation-delay:3.7s}.coffee-started .coffee-lines .cup-saucer{animation-duration:1.5s;animation-delay:4.5s}.coffee-started .coffee-lines .cup-rim{animation-duration:1.2s;animation-delay:4.8s}.coffee-started .coffee-steam{animation:2s 5.4s forwards steam-appear}.coffee-started .steam{transform-origin:50%;animation:8s ease-in-out infinite paused coffee-warmth}.coffee-started .steam-two{animation-duration:9.5s;animation-delay:-3s}.coffee-started .steam-three{animation-duration:7.5s;animation-delay:-5s}.coffee-in-view .steam{animation-play-state:running}@keyframes dot-to-coffee{0%{opacity:1;transform:translate(0)scale(1)}35%{opacity:1;transform:translate(12px,-26px)scale(1.15)}75%{transform:translate(calc(var(--cup-x) + 24px),calc(var(--cup-y) - 16px)) scale(1.35);opacity:1}92%{transform:translate(var(--cup-x),var(--cup-y)) scale(1.6);opacity:.65}to{transform:translate(var(--cup-x),var(--cup-y)) scale(1.8);opacity:0}}@keyframes coffee-appear{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes coffee-draw{to{stroke-dashoffset:0}}@keyframes steam-appear{to{opacity:.65}}@keyframes coffee-warmth{0%,to{opacity:.48;transform:translateY(2px)rotate(-2deg)}50%{opacity:.82;transform:translate(2px,-4px)rotate(2deg)}}@media (width<=600px){.coffee-heading{padding-top:106px}.coffee-cup{width:96px;margin-left:-48px}}@media (prefers-reduced-motion:reduce){.coffee-heading .coffee-dot,.coffee-heading .coffee-cup{opacity:1;animation:none;transform:none}.coffee-heading .coffee-lines path{stroke-dashoffset:0;animation:none}.coffee-heading .coffee-steam{opacity:.65;animation:none}.coffee-heading .steam{animation:none;transform:none}}[data-tonen=nee i]{display:none!important}