/* DER DONAT V3.4 layout; source and intentional differences in DESIGN.md. */
:root {
  --ink: var(--wp--preset--color--ink);
  --inksoft: var(--wp--preset--color--ink-soft);
  --paper: var(--wp--preset--color--paper);
  --pink: var(--wp--preset--color--pink);
  --pink-text: var(--wp--preset--color--pink-text);
  --rose: var(--wp--preset--color--rose);
  --rose-2: var(--wp--preset--color--rose-soft);
  --cream: var(--wp--preset--color--cream);
  --mint: var(--wp--preset--color--mint);
  --lime: var(--wp--preset--color--lime);
  --line: var(--wp--preset--color--line);
  --muted: var(--wp--preset--color--muted);
  --body: var(--wp--preset--font-family--body);
  --display: var(--wp--preset--font-family--display);
  --width: var(--wp--style--global--wide-size, 1260px);
  --shade: 0 20px 60px #18302518;
}

:is(.dd-prototype,.editor-styles-wrapper), .dd-global-header, .dd-global-footer { margin: 0; }
:where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) *, :where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) *::before, :where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) *::after {box-sizing:border-box}
:where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) :where(h1,h2,h3,p,blockquote,figure) { margin:0; }
:where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-footer) :where(p) { color: var(--inksoft); }
:where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) img { display:block; max-width:100%; }
.container{width:min(calc(100% - 76px),var(--width));margin-inline:auto}
.section{padding:108px 0}
.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:.14em;font-size:.68rem;color:#63776b}
.pink{color:var(--pink-text)}
.mark{box-shadow:inset 0 -.29em #ffd0e3}
.muted{color:var(--muted)}
.copy-lead{font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.65;max-width:800px}
.pill{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:6px 11px;font-weight:800;font-size:.73rem;background:var(--paper);border:1px solid #e1e6e0}
.pill.rose{background:var(--rose);border-color:#f9c8e0}
.pill.lime{background:var(--lime);border-color:var(--lime)}
.button a{display:inline-flex;align-items:center;justify-content:center;min-height:49px;gap:15px;background:var(--ink);border:1.5px solid var(--ink);padding:12px 20px;border-radius:14px;color:var(--paper);text-decoration:none;font-weight:800;font-size:.89rem;line-height:1.2;transition:transform .2s,background .2s}
.button a:hover{transform:translateY(-2px);background:#33483f}
.button.light a{background:var(--paper);color:var(--ink)}
.button.light a:hover{background:var(--cream)}
.button.pinkbtn a{background:var(--pink);color:#222;border-color:var(--pink)}
.button.pinkbtn a:hover{background:#ff73b8}
.button.small a{min-height:42px;padding:9px 16px;font-size:.77rem}
.textlink{font-weight:800;text-decoration-thickness:2px;text-underline-offset:5px}
.textlink:hover{color:#c52c78}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.announcement{background:#1e2b26;color:var(--paper);font-size:.75rem;font-weight:700;padding:8px 20px;text-align:center;letter-spacing:.025em}
.announcement strong{color:#ff9ac8}
.site-header{z-index:100;position:sticky;top:0;background:#fffffff5;border-bottom:1px solid #e3e7e3;backdrop-filter:blur(18px)}
.header-inner{height:82px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;font-family:var(--display);font-size:1.37rem;letter-spacing:-.065em}
.logo a::before{display:inline-block;box-sizing:border-box;width:20px;height:20px;flex:0 0 20px;border:6px solid var(--pink);background:transparent;border-radius:50%;transition:transform .22s cubic-bezier(.2,.7,.3,1)}
.logo a:hover::before,.logo a:focus-visible::before{transform:translateY(-2px) scale(1.08)}
.chev{font-size:.71rem;display:inline-block;transform:translateY(-1px)}
.dropdown{position:absolute;top:38px;left:-16px;background:var(--paper);min-width:252px;padding:9px;box-shadow:var(--shade);border:1px solid var(--line);border-radius:15px;z-index:120;display:grid;gap:2px}
.dropdown a{padding:10px 12px;text-decoration:none;border-radius:8px;font-weight:700;font-size:.83rem}
.dropdown a:hover{background:var(--rose-2)}
.hero{background:var(--cream);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;right:-140px;top:-130px;width:380px;height:380px;background:#f7e8eb55;border-radius:50%}
.hero-inner{min-height:630px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:54px;align-items:center;padding-block:58px 62px}
.hero .eyebrow{margin-bottom:23px}
.hero h1{max-width:660px}
.hero h1 .new-line{display:block;color:var(--pink-text)}
.hero .copy-lead{font-size:1.11rem;margin:23px 0 25px;max-width:590px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:29px;color:#68766c;font-size:.73rem;font-weight:800}
.hero-trust span:before{content:'✓';color:var(--pink-text);margin-right:6px}
.hero-art{height:500px;min-width:0;position:relative}
.hero-photo{position:absolute;inset:16px 20px 22px 36px;border-radius:28px;overflow:hidden;box-shadow:var(--shade);background:linear-gradient(135deg,#d9e7df,#9ab1a5);display:grid;place-items:center}
.hero-photo::before{content:'';position:absolute;width:360px;height:360px;border:1px solid #fff6;border-radius:50%;top:11%;left:16%}
.hero-photo::after{content:'';position:absolute;width:200px;height:200px;background:#ffffff24;border-radius:50%;bottom:-100px;right:-54px}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;position:absolute;inset:0;z-index:2}
.hero-stamp{position:absolute;top:27px;right:-5px;z-index:6;transform:rotate(7deg);background:var(--lime);padding:13px 15px;border-radius:12px;font-weight:800;font-size:.77rem;box-shadow:0 10px 30px #17291a22}
.hero-note{position:absolute;bottom:9px;left:2px;z-index:6;transform:rotate(-6deg);background:var(--pink);padding:16px 23px;border-radius:16px;box-shadow:0 14px 40px #17291a28}
.hero-note strong{display:block;font-family:var(--display);letter-spacing:-.045em;font-size:1.15rem;line-height:1.16}
.hero-note small{display:block;font-weight:800;font-size:.72rem;margin-top:6px}
.hero-paper{position:absolute;top:0;left:15px;transform:rotate(-8deg);border:1px solid #e3ded4;background:var(--paper);border-radius:9px;padding:9px 13px;z-index:6;font-weight:800;font-size:.7rem}
.logo-lane{background:var(--paper);border-bottom:1px solid var(--line);padding:24px 0;overflow:hidden}
.ticker-flex{display:grid;grid-template-columns:205px 1fr;align-items:center;gap:30px}
.ticker-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#758177}
.ticker-mask{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ticker-track{display:flex;align-items:center;gap:47px;width:max-content;}
.ticker-track p{font-size:1rem;font-weight:900;color:#758078;letter-spacing:-.03em;white-space:nowrap}
.ticker-track p:nth-child(5n){font-family:Georgia,serif;font-style:italic;font-size:1.17rem;font-weight:700}
.problem{background:var(--paper)}
.intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:100px;align-items:start}
.intro-left .eyebrow{display:inline-flex;background:var(--lime);color:var(--ink);padding:11px 13px;transform:rotate(-3deg);border-radius:9px;margin-bottom:23px}
.intro-left h2{font-size:clamp(2.3rem,4.15vw,4.3rem)}
.intro-copy{padding-left:28px;border-left:4px solid var(--pink)}
.intro-copy p{font-size:1.12rem;line-height:1.75;margin-bottom:15px}
.intro-copy p:first-child{font-weight:700;color:#27352e}
.intro-copy .signature{margin-top:23px;font-weight:800;color:var(--ink);font-size:.85rem}
.services{background:var(--ink);color:white}
.services .eyebrow{color:#ffa7d2}
.services h2{max-width:840px;margin:13px 0 17px}
.services .copy-lead{color:#cbdad2}
.services-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}
.service-card{border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:305px;padding:27px;text-decoration:none;position:relative;overflow:hidden;transition:transform .18s}
.service-card:hover{transform:translateY(-4px)}
.service-card .card-top{font-size:.68rem;font-weight:800;letter-spacing:.13em}
.service-card .card-bottom{position:relative;z-index:2}
.service-card h3{font-size:clamp(1.8rem,2.4vw,2.75rem);margin-bottom:10px}
.service-card p{font-size:.9rem;max-width:385px}
.service-card .card-arrow{font-size:1.6rem;position:absolute;right:29px;bottom:25px;font-weight:700}
.service-web{background:var(--wp--preset--color--service-web);color:#1d2925;min-height:400px}
.service-web p{color:#493544}
.service-web .wire-browser{position:absolute;right:-15px;top:68px;width:48%;height:230px;border-radius:12px;transform:rotate(9deg);background:#fff7;border:9px solid #1d292514;box-shadow:-14px 16px 0 #fff5}
.service-web .wire-browser::before{content:'';display:block;height:24px;border-bottom:1px solid #1d292520;background:radial-gradient(circle at 14px 10px,#eb348a 3px,transparent 4px),radial-gradient(circle at 27px 10px,#eb348a 3px,transparent 4px)}
.service-web .wire-browser::after{content:'';position:absolute;top:47px;left:17px;right:22px;bottom:20px;border-radius:6px;background:linear-gradient(#a1baa890 0 48%,transparent 48% 55%,#1d29253d 55% 63%,transparent 63%)}
.service-photo{min-height:400px;background:var(--wp--preset--color--service-photo);color:var(--ink)}
.service-photo p{color:#425449}
.service-photo .aperture{font-size:12rem;color:#78978661;position:absolute;right:24px;top:12px;line-height:1;transform:rotate(15deg)}
.service-copy{background:var(--wp--preset--color--service-copy);color:var(--ink);min-height:250px}
.service-copy p{color:#59634c}
.service-copy .decor{font-family:Georgia,serif;font-size:12rem;position:absolute;right:44px;top:-50px;opacity:.13}
.service-social{background:var(--wp--preset--color--service-social);color:white;min-height:250px}
.service-social p{color:#d3ded7}
.service-social .decor{position:absolute;right:30px;top:15px;font-family:var(--display);font-size:8rem;opacity:.12}
.services-outro{margin-top:27px;display:flex;justify-content:space-between;align-items:center;gap:22px}
.services-outro p{font-size:.9rem;color:#cedbd2;font-weight:700}
.work-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}
.work-head h2{max-width:740px}
.work-head .intro{max-width:270px}
.work-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.work-item{border-radius:22px;overflow:hidden;min-height:450px;display:flex;align-items:flex-end;text-decoration:none;position:relative;isolation:isolate;transition:transform .19s}
.work-item:hover{transform:translateY(-4px)}
.work-item.lfm{background:linear-gradient(140deg,#c8d3cc 0%,#668576 90%)}
.work-item.bike{background:linear-gradient(150deg,#d7cfbd 0%,#877b69 100%)}
.work-item:after{content:'';position:absolute;inset:34% 0 0;background:linear-gradient(transparent,#172e27c7);z-index:-1}
.work-visual{position:absolute;inset:0;pointer-events:none;z-index:-2;transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.work-content{padding:30px;width:100%}
.work-content .pill{margin-bottom:15px}
.work-content h3{font-size:clamp(1.5rem,2.5vw,2.65rem);max-width:650px;color:white;line-height:1.18}
.work-content p{color:#f1f3ef;font-weight:700;font-size:.84rem;margin-top:10px}
.work-bottom{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.work-bottom .note{font-size:.73rem;color:#6c7a71}
.work-more{font-weight:800;text-decoration-thickness:2px;text-underline-offset:5px}
.visitenkarte{background:var(--wp--preset--color--offer);overflow:hidden}
.visit-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}
.visit-grid h2{margin:14px 0 24px}
.visit-grid .lead{font-weight:700;font-size:1.18rem;max-width:670px;color:#344039}
.visit-grid p{line-height:1.72;margin:18px 0}
.quote-bar{padding:17px 20px;border-left:4px solid var(--pink);background:#fff9fc;font-weight:900;line-height:1.45;margin:24px 0}
.offer-line{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap;margin:12px 0 23px}
.offer-line strong{font-family:var(--display);font-size:3.55rem;letter-spacing:-.075em;line-height:1}
.offer-line span{font-size:.79rem;font-weight:800;color:#596e62}
.checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px;font-size:.8rem;font-weight:800;margin-bottom:24px}
.checks span:before{content:'✓';margin-right:7px;color:#d21b7a}
.fineprint{font-size:.72rem;color:#718076!important;max-width:550px}
.offer-graphic{height:570px;position:relative;isolation:isolate}
.offer-graphic:before{content:'';position:absolute;inset:38px 20px 30px 20px;background:var(--mint);border-radius:35px;transform:rotate(4deg)}
.google-card{position:absolute;inset:65px 65px auto 0;background:var(--paper);border:1px solid #e4e6e2;border-radius:18px;box-shadow:0 20px 50px #1c272625;transform:rotate(-5deg);padding:25px;max-width:385px}
.google-head{display:flex;gap:9px;align-items:center;font-size:.8rem;font-weight:800}
.g-icon{width:32px;height:32px;border:5px solid #4285f4;border-right-color:#34a853;border-bottom-color:#fbbc05;border-left-color:#ea4335;border-radius:50%;font-family:Arial,sans-serif;display:grid;place-items:center;font-size:0}
.google-stars{color:#ec9c18;font-size:1rem;letter-spacing:3px}
.google-card h3{font-family:var(--body);font-weight:900;font-size:1.45rem;letter-spacing:-.045em;margin:18px 0 4px}
.google-card p{font-size:.78rem;margin:5px 0}
.google-gap{padding:9px 12px;background:#fff5f8;border-radius:8px;border:1px dashed #e9bad0;font-size:.75rem;font-weight:800;color:#97536e;margin-top:12px}
.website-card{position:absolute;width:71%;height:338px;right:0;bottom:56px;background:var(--paper);border:1px solid #d9e2dc;border-radius:20px;transform:rotate(6deg);box-shadow:0 26px 62px #1c27262e;overflow:hidden}
.browser-head{height:35px;background:#ecf0e8;padding:12px;display:flex;gap:5px}
.browser-head::before{content:"";box-shadow:13px 0 #b9c9bd,26px 0 #b9c9bd;height:8px;width:8px;border-radius:50%;background:#b9c9bd}
.browser-body{padding:20px}
.browser-img{height:128px;border-radius:9px;background:linear-gradient(138deg,#dbeae0 10%,#9bb3a2 90%);display:grid;place-items:center;color:#ffffffa8;font-size:3.5rem}
.browser-body strong{display:block;font-family:var(--display);font-size:1.16rem;letter-spacing:-.05em;margin:13px 0 8px}
.browser-lines::before,.browser-lines::after{content:"";display:block;background:#d7e1d9;height:8px;width:88%;border-radius:8px;margin-bottom:6px}
.browser-lines::after{width:65%}
.browser-cta{background:var(--pink);width:110px;height:20px;border-radius:7px;margin-top:12px}
.site-sticker{position:absolute;right:-12px;top:50px;border-radius:12px;background:var(--lime);padding:10px 17px;transform:rotate(9deg);box-shadow:0 7px 22px #0002;font-weight:800;font-size:.75rem}
.about{background:#fff}
.about-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:95px;align-items:center}
.about-visual{position:relative;min-height:560px}
.about-frame{position:absolute;inset:25px 22px 22px 18px;border-radius:26px;background:linear-gradient(150deg,#dbe4d8,#8da999);overflow:hidden;box-shadow:var(--shade);display:flex;align-items:center;justify-content:center}
.about-frame img{width:100%;height:100%;object-fit:cover;object-position:center 28%;z-index:2;position:absolute}
.about-sticker{position:absolute;right:-11px;bottom:18px;z-index:4;background:var(--pink);border-radius:12px;transform:rotate(-6deg);font-weight:800;padding:14px 18px;font-size:.9rem;box-shadow:0 12px 30px #0002}
.about-grid h2{margin:16px 0 22px}
.about-grid p{font-size:1.02rem;line-height:1.8;margin:0 0 16px}
.about-callout{font-size:1.15rem!important;font-weight:800;color:#263a30}
.about-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 24px}
.journal{background:var(--cream)}
.journal-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}
.journal-head h2{margin-top:11px}
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.story{display:flex;flex-direction:column;border:1px solid #e0e6df;border-radius:20px;overflow:hidden;background:var(--paper);text-decoration:none;min-height:330px;transition:transform .2s}
.story:hover{transform:translateY(-4px)}
.story-art{height:175px;display:grid;place-items:center;position:relative;font-family:var(--display);letter-spacing:-.065em;font-size:3rem;color:#fff8}
.story:nth-child(1) .story-art{background:linear-gradient(120deg,#6b8376,#2a5042)}
.story:nth-child(2) .story-art{background:linear-gradient(120deg,#d6acb7,#91697d)}
.story:nth-child(3) .story-art{background:linear-gradient(120deg,#b4bb99,#6c7b61)}
.story-body{padding:21px 22px 24px;display:flex;flex-direction:column;flex:1}
.story-body .eyebrow{margin-bottom:12px}
.story h3{font-size:1.23rem;line-height:1.27}
.story-footer{margin-top:auto;padding-top:25px;font-size:.79rem;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.process{background:var(--paper)}
.process h2{margin:12px 0 19px}
.steps{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.step{border-top:2px solid #1e2a25;padding-top:24px}
.step-number{font-family:var(--display);font-size:3.8rem;line-height:1;color:#e63a90;letter-spacing:-.08em;margin-bottom:23px}
.step h3{margin-bottom:9px}
.step p{font-size:.94rem}
.testimonials{background:var(--wp--preset--color--testimonial);padding:77px 0}
.testimonials-grid{display:grid;grid-template-columns:.79fr 1.21fr;gap:65px;align-items:center}
.testimonials h2{font-size:clamp(2.1rem,3.5vw,3.4rem)}
.quote-panel{background:var(--paper);padding:27px 31px;border-radius:18px;border:1px solid #d3dfd8}
.quote-panel blockquote{font-size:1.13rem;color:#293b31;font-weight:600;line-height:1.6}
.quote-panel .source{margin-top:18px;color:#6d7a71;font-size:.76rem;font-weight:800}
.end{background:var(--wp--preset--color--cta);padding:92px 0}
.end-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:55px;align-items:center}
.end h2{font-size:clamp(2.8rem,4.5vw,5rem);max-width:760px;margin:12px 0 14px}
.end p{max-width:610px;font-size:1.08rem;color:#3d2936}
.end-action{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.end-action small{font-size:.75rem;font-weight:800;color:#513848}
.site-footer{padding:47px 0 35px;background:var(--wp--preset--color--footer);color:white}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.footer-word{font-family:var(--display);font-size:1.65rem;letter-spacing:-.065em}
.footer-grid p{color:#bbc8bf;font-size:.82rem;margin-top:9px}
.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px}
@media(max-width:1180px){.header-inner{gap:16px}
.hero-inner{gap:25px}
.intro-grid{gap:50px}
.visit-grid{gap:35px}
.about-grid{gap:47px}}
@media(max-width:920px){.container{width:min(calc(100% - 50px),var(--width))}
.header-inner{height:72px}
.dropdown{position:static;box-shadow:none;border:none;border-radius:9px;background:#f7f8f5;padding:5px 8px;margin:1px 0 5px}
.hero-inner{grid-template-columns:1.02fr .98fr;gap:18px;min-height:0;padding-block:54px}
.hero h1{font-size:clamp(2.7rem,5vw,4rem)}
.hero-art{height:415px}
.hero-photo{inset:17px 10px 20px 14px}
.hero-stamp{right:0;font-size:.65rem}
.hero-paper{left:0}
.ticker-flex{grid-template-columns:150px 1fr;gap:18px}
.section{padding:78px 0}
.intro-grid,.about-grid,.visit-grid{gap:32px}
.services-layout{gap:12px}
.service-card{padding:22px}
.work-item{min-height:380px}
.offer-graphic{height:490px}
.about-visual{min-height:470px}
.journal .stories{gap:10px}}
@media(max-width:670px){.container{width:calc(100% - 38px)}
.announcement{font-size:.65rem}
.logo{font-size:1.12rem}
.header-inner{height:66px}
.hero-inner{grid-template-columns:1fr;gap:20px;padding-block:38px 47px}
.hero h1{font-size:clamp(2.45rem,10.6vw,4.1rem)}
.hero .copy-lead{font-size:1rem;margin:19px 0 20px}
.hero .eyebrow{margin-bottom:13px}
.hero-trust{margin-top:20px}
.hero-art{height:390px;max-width:540px;width:100%;margin-inline:auto}
.hero-photo{inset:9px 9px 28px 16px}
.hero-stamp{top:16px;right:0}
.hero-paper{left:2px;top:-6px}
.hero-note{bottom:10px;left:2px;padding:12px 17px}
.hero-note strong{font-size:1rem}
.logo-lane{padding:18px 0}
.ticker-flex{grid-template-columns:1fr;gap:10px}
.ticker-label{font-size:.62rem}
.ticker-track{gap:27px}
.ticker-track p{font-size:.9rem}
.section{padding:67px 0}
.intro-grid,.visit-grid,.about-grid,.testimonials-grid,.end-grid{grid-template-columns:1fr;gap:28px}
.intro-copy{padding-left:17px}
.intro-copy p{font-size:1rem}
.services-layout{grid-template-columns:1fr}
.service-web,.service-photo{min-height:285px}
.service-copy,.service-social{min-height:235px}
.service-web .wire-browser{height:150px;top:53px}
.service-photo .aperture{font-size:9rem}
.services-outro{align-items:flex-start;flex-direction:column}
.work-head,.journal-head{display:block}
.work-head .intro{max-width:none;margin-top:14px}
.work-grid,.stories{grid-template-columns:1fr}
.work-item{min-height:320px}
.work-item.bike{min-height:280px}
.work-content{padding:23px}
.work-content h3{font-size:1.65rem}
.work-visual{font-size:5.9rem}
.work-item.bike .work-visual{font-size:7rem}
.work-bottom{align-items:flex-start;flex-direction:column}
.visit-grid{gap:10px}
.visit-grid h2{font-size:clamp(2.5rem,10vw,3.6rem)}
.visit-grid .lead{font-size:1.04rem}
.offer-line strong{font-size:3rem}
.offer-graphic{height:440px;margin-top:0}
.google-card{inset:30px 34px auto 0;padding:17px}
.website-card{height:260px;bottom:48px}
.browser-img{height:74px}
.browser-body{padding:12px}
.site-sticker{top:18px;right:0}
.about-visual{min-height:420px;order:2}
.about-grid>div:last-child{order:1}
.about-frame{inset:18px 25px 22px 12px}
.stories{gap:13px}
.story{min-height:0}
.story-art{height:150px}
.steps{grid-template-columns:1fr;gap:19px}
.step{padding-top:14px}
.step-number{font-size:2.8rem;margin-bottom:9px}
.testimonials{padding:65px 0}
.end{padding:72px 0}
.footer-grid{grid-template-columns:1fr}
.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.button,.service-card,.work-item,.story{transition:none}}
.teaser-secondary{display:inline-block;margin:14px 0 0 14px;font-size:.85rem}
.pricing{background:var(--cream);padding-top:84px;padding-bottom:94px}
.pricing-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:44px;margin-bottom:34px}
.pricing-intro .copy-lead{max-width:430px;margin:0 0 5px}
.pricing-intro h2{margin-top:12px;max-width:800px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}
.plan{background:var(--paper);border:1.5px solid #deded7;border-radius:24px;padding:30px 27px 25px;display:flex;flex-direction:column;min-width:0;position:relative;box-shadow:0 12px 25px #23312809}
.plan-entry{background:var(--rose-2);border-color:#f9a5cc;transform:translateY(-9px);box-shadow:0 21px 40px #d65b8d1a}
.plan-business{background:var(--ink);color:white;border-color:var(--ink)}
.plan-business p,.plan-business li,.plan-business small,.plan-business .plan-price span{color:#d9e4db}
.plan-full{background:#fff}
.plan .plan-top{align-self:flex-start;margin-bottom:25px}
.plan h3{font-size:clamp(1.42rem,2vw,2rem);line-height:1.12;letter-spacing:-.045em;margin-bottom:12px}
.plan > p:not(.pill,.plan-price,.dd-small){font-size:.9rem;line-height:1.6;min-height:88px}
.plan-price{margin:24px 0 15px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.plan-price strong{font:900 clamp(1.65rem,2.65vw,2.95rem)/1.04 var(--display);letter-spacing:-.055em}
.plan-price span{font-size:.69rem;font-weight:800;color:#6b776e}
.plan-entry .plan-price strong{color:var(--pink-text)}
.plan ul{list-style:none;margin:3px 0 25px;padding:0;display:grid;gap:11px}
.plan li{font-size:.83rem;line-height:1.3;font-weight:700;color:#3f5047;display:flex;align-items:flex-start;gap:9px}
.plan li::before{content:'✓';color:#d92b81;font-weight:900;flex:none}
.plan .wp-block-buttons{margin-top:auto}
.plan .button,.plan .button a{width:100%;min-height:51px;text-align:center}
.plan .dd-small{font-size:.68rem;line-height:1.5;color:#66756c;margin-top:15px}
.pricing-note{margin-top:21px;font-size:.72rem;color:#66756c}
.process-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:33px;padding:20px 24px;border-radius:18px;background:var(--rose-2);border:1px solid #f0d4e0}
.process-action > p{font-weight:800}
.work-bottom .button{flex-shrink:0}
.journal-compact{padding-top:64px;padding-bottom:70px;background:#faf9f5}
.journal-compact .journal-head{margin-bottom:25px}
.journal-compact .journal-head h2{font-size:clamp(1.8rem,2.8vw,2.7rem)}
.journal-compact .story{min-height:0;display:grid;grid-template-columns:125px 1fr;border-radius:15px}
.journal-compact .story-art{height:auto;min-height:145px;font-size:2rem}
.journal-compact .story-body{padding:18px}
.journal-compact .story-footer{padding-top:11px}
.end-action .end-booking{color:var(--ink);font-size:.87rem;font-weight:900;text-decoration-thickness:2px;text-underline-offset:4px}
.end-action .button{min-width:min(100%,282px)}
.plan-business li,.plan-business small{color:#e5f0e7}
.plan-business .pill{color:var(--ink)}
@media(max-width:800px){.pricing-intro{grid-template-columns:1fr;gap:16px}
.pricing-intro .copy-lead{max-width:740px}
.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-entry{transform:none}
.plan-full{grid-column:1/-1}
.plan > p:not(.pill,.plan-price,.dd-small){min-height:0}}
@media(max-width:670px){.pricing{padding-top:67px;padding-bottom:72px}
.pricing-grid{grid-template-columns:1fr}
.plan-full{grid-column:auto}
.pricing-intro h2{font-size:clamp(2.25rem,9vw,3.2rem)}
.plan{padding:26px 24px}
.plan > p:not(.pill,.plan-price,.dd-small){min-height:0}
.plan-price{margin-top:18px}
.process-action{align-items:flex-start;flex-direction:column}
.work-bottom .button{width:100%}
.journal-compact .stories{gap:12px}
.journal-compact .story{grid-template-columns:97px minmax(0,1fr)}
.journal-compact .story-art{min-height:137px}
.journal-compact .story h3{font-size:1rem}
.form-two{grid-template-columns:1fr;gap:1px}
.teaser-secondary{display:block;margin:13px 0 0}
.end-action .button{width:100%}}
.ai-home-note{margin-top:34px;padding:28px 32px;border:1px solid #edcbdc;background:var(--rose-2);border-radius:22px}
.ai-home-note-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;align-items:start}
.ai-home-note h3{font-size:clamp(1.42rem,2.25vw,2.05rem);line-height:1.16;margin:10px 0 0}
.ai-home-note-copy p{margin:0 0 12px;font-size:.94rem;line-height:1.65}
.ai-home-note-copy strong{display:block;font-size:.93rem;color:var(--ink);line-height:1.5}
@media(max-width:800px){.ai-home-note-inner{grid-template-columns:1fr;gap:18px}}
@media(max-width:670px){.ai-home-note{padding:24px 21px;margin-top:25px}}
</style>

/* Native template parts and navigation. */
.dd-global-header { position: sticky; top: 0; z-index: 100; }
.admin-bar .dd-global-header { top: 32px; }
.dd-global-header:has(.announcement) { display: contents; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }
.logo a { display:inline-flex; align-items:center; gap:9px; text-decoration:none; }
.logo a::before { content:""; }
.logo a:where(:hover,:focus) { color:inherit; }
.main-nav { margin-left:auto; font-size:.83rem; font-weight:800; --navigation-layout-justification-setting:flex-end; }
.main-nav .wp-block-navigation__container { gap:23px; }
.main-nav .wp-block-navigation-item__content { text-decoration:none; }
.main-nav .wp-block-navigation-item__content:hover { color:var(--pink-text); }
.main-nav .wp-block-navigation-item.contact-link > a { display:block; background:var(--ink); color:var(--paper); padding:14px 18px; border-radius:13px; }
.main-nav .wp-block-navigation-item.contact-link > a:hover { background:#34453d; color:var(--paper); }
.main-nav .wp-block-navigation__submenu-container { min-width:252px; padding:9px; border:1px solid var(--line); border-radius:15px; box-shadow:var(--shade); background:var(--paper); color:var(--ink); }
.main-nav .wp-block-navigation__submenu-container a { padding:10px 12px; border-radius:8px; font-weight:700; }
.main-nav .wp-block-navigation__submenu-container a:hover { background:var(--rose-2); }
.footer-links .wp-block-navigation__container { gap:12px 22px; }
.footer-links a { text-decoration:underline; }
.site-footer .footer-word { color:var(--paper); }
.dd-fallback { padding-block:var(--wp--preset--spacing--50); }
@media (max-width:1180px) { .main-nav .wp-block-navigation__container {gap:15px;} }
@media (min-width: 921px) { .main-nav .wp-block-navigation__responsive-container-open {display:none;} }
@media (max-width: 920px) {
  .main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {display:none;}
  .main-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {display:inline-flex; align-items:center; gap:.5rem; padding:9px 13px; border:1px solid var(--line); border-radius:11px; background:var(--paper); }
  .main-nav .wp-block-navigation__responsive-container-open::before {content:"Menü";}
  .main-nav .wp-block-navigation__responsive-container.is-menu-open {padding:24px 25px; background:var(--paper); color:var(--ink);}
  .main-nav .is-menu-open .wp-block-navigation__responsive-container-content {align-items:stretch; gap:14px;}
  .main-nav .is-menu-open .wp-block-navigation__container {align-items:stretch; gap:14px;}
  .main-nav .is-menu-open .wp-block-navigation__submenu-container {position:static; padding:5px 8px; min-width:0; border:0; box-shadow:none; background:var(--cream);}
}
@media (max-width:670px) { .footer-links { --navigation-layout-justification-setting:flex-start; } }

/* Layout adapters for native block markup. */
:where(:is(.dd-prototype,.editor-styles-wrapper),.dd-global-header,.dd-global-footer) :focus-visible {outline:3px solid var(--pink-text);outline-offset:3px}
:is(.dd-prototype,.editor-styles-wrapper) :where(.wp-block-group,.wp-block-buttons,.wp-block-image) {min-width:0}
:is(.dd-prototype,.editor-styles-wrapper) .button {border:0;background:none;padding:0;min-height:0}
:is(.dd-prototype,.editor-styles-wrapper) .button a:hover {background:#33483f}
:is(.dd-prototype,.editor-styles-wrapper) .button.light a {color:var(--ink);background:var(--paper)}
:is(.dd-prototype,.editor-styles-wrapper) .button.light a:hover {background:var(--cream)}
:is(.dd-prototype,.editor-styles-wrapper) .button.pinkbtn a {color:var(--ink);background:var(--pink);border-color:var(--pink)}
:is(.dd-prototype,.editor-styles-wrapper) .button.pinkbtn a:hover {background:var(--cta,#ff82bb)}
:is(.dd-prototype,.editor-styles-wrapper) .button a span[aria-hidden] {display:inline-block;transition:transform .22s ease}
:is(.dd-prototype,.editor-styles-wrapper) .button a:where(:hover,:focus-visible) span[aria-hidden] {transform:translate(3px,-2px)}
:is(.dd-prototype,.editor-styles-wrapper) .hero-actions {gap:11px}
:is(.dd-prototype,.editor-styles-wrapper) .hero-note, :is(.dd-prototype,.editor-styles-wrapper) .hero-stamp, :is(.dd-prototype,.editor-styles-wrapper) .hero-paper, :is(.dd-prototype,.editor-styles-wrapper) .about-sticker {color:var(--ink);}
:is(.dd-prototype,.editor-styles-wrapper) .end-action .dd-small {color:#513848;font-size:.75rem;font-weight:800;}
:is(.dd-prototype,.editor-styles-wrapper) .about-sticker {margin:0;}
:is(.dd-prototype,.editor-styles-wrapper) .pill {color:var(--ink);}
:is(.dd-prototype,.editor-styles-wrapper) .work-visual img {width:100%;height:100%;object-fit:cover;}
:is(.dd-prototype,.editor-styles-wrapper) .work-item:after {inset:0;background:linear-gradient(180deg,#172e2710 12%,#172e27d9 87%);}
:is(.dd-prototype,.editor-styles-wrapper) .work-item:where(:hover,:focus-within) .work-visual {transform:scale(1.045);}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card h3 a {text-decoration:none;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card h3 a:after {content:"";position:absolute;inset:0;z-index:5;border-radius:inherit;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card .card-bottom {position:static;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card {position:relative;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card:focus-within {outline:3px solid var(--pink-text);outline-offset:3px;}
:is(.dd-prototype,.editor-styles-wrapper) .service-card .card-arrow {color:inherit;margin:0;}
:is(.dd-prototype,.editor-styles-wrapper) .story-footer {color:inherit;}
:is(.dd-prototype,.editor-styles-wrapper) .story-art {margin:0;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-light-pink, :is(.dd-prototype,.editor-styles-wrapper) .services .pink {color:#ffa4d0;}
:is(.dd-prototype,.editor-styles-wrapper) .dd-card .card-arrow span {display:inline-block;}
:is(.dd-prototype,.editor-styles-wrapper) .quote-panel .wp-block-quote {margin:0;padding:0;border:0;}
:is(.dd-prototype,.editor-styles-wrapper) .quote-panel blockquote p {color:inherit;}
:is(.dd-prototype,.editor-styles-wrapper) .plan .dd-small {min-height:0;}
:is(.dd-prototype,.editor-styles-wrapper) .plan-business .plan-price,:is(.dd-prototype,.editor-styles-wrapper) .plan-business .dd-small {color:#e5f0e7;}
:is(.dd-prototype,.editor-styles-wrapper) .plan .plan-price {min-height:0;}
:is(.dd-prototype,.editor-styles-wrapper) .plan .plan-top {min-height:0;}
:is(.dd-prototype,.editor-styles-wrapper) .offer-graphic .site-sticker {color:var(--ink);}
:is(.dd-prototype,.editor-styles-wrapper) .offer-graphic .browser-img {font-size:3.5rem;}
:is(.dd-prototype,.editor-styles-wrapper) .google-card .google-stars {color:#a65f00;}
:is(.dd-prototype,.editor-styles-wrapper) .end-action .wp-block-buttons {max-width:100%;}
:is(.dd-prototype,.editor-styles-wrapper) .end-action > p {margin:0;}
:is(.dd-prototype,.editor-styles-wrapper) .end .eyebrow {color:#543243;}
:is(.dd-prototype,.editor-styles-wrapper) .services-outro .textlink {color:var(--paper);}
:is(.dd-prototype,.editor-styles-wrapper) .dd-decorative { user-select:none; }

/* Ticker runs only with JavaScript; otherwise the names wrap normally. */
.ticker-flex {position:relative;}
.ticker-mask {display:flex;gap:47px;mask-image:none;}
.ticker-track {width:auto;flex-wrap:wrap;gap:12px 24px;}
.ticker-ready .ticker-mask {mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);margin-right:42px;}
.ticker-ready .ticker-track {width:max-content;flex:none;flex-wrap:nowrap;gap:47px;animation:dd-marquee 36s linear infinite;}
@keyframes dd-marquee {to {transform:translateX(calc(-100% - 47px));}}
.ticker-ready:where(:hover,:focus-within) .ticker-track,.ticker-paused .ticker-track {animation-play-state:paused;}
.ticker-pause {position:absolute;right:0;align-self:center;min-width:34px;min-height:34px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper);font:inherit;cursor:pointer;}
@media (prefers-reduced-motion:reduce) {
  .ticker-ready .ticker-track {animation:none;flex-wrap:wrap;width:auto;gap:6px 14px;}
  .ticker-ready .ticker-mask {mask-image:none;margin:0;}
  .ticker-pause,.ticker-track[aria-hidden] {display:none;}
  :is(.dd-prototype,.editor-styles-wrapper) *, :is(.dd-prototype,.editor-styles-wrapper) *::before, .dd-global-header .logo a::before {transition:none!important;}
  :is(.dd-prototype,.editor-styles-wrapper) .dd-card:where(:hover,:focus-within), :is(.dd-prototype,.editor-styles-wrapper) .dd-card:where(:hover,:focus-within) .work-visual, :is(.dd-prototype,.editor-styles-wrapper) .button a:where(:hover,:focus-visible), :is(.dd-prototype,.editor-styles-wrapper) .button a span[aria-hidden] {transform:none;}
}
@media (max-width:670px) {
  :is(.dd-prototype,.editor-styles-wrapper) .story-body {min-width:0;overflow-wrap:anywhere;}
  :is(.dd-prototype,.editor-styles-wrapper) .checks {grid-template-columns:repeat(2,minmax(0,1fr));}
  :is(.dd-prototype,.editor-styles-wrapper) .work-bottom .wp-block-buttons, :is(.dd-prototype,.editor-styles-wrapper) .work-bottom .button a {width:100%;}
}

/* Keep the style controls available: use global defaults for type and spacing. */
:is(.dd-prototype,.editor-styles-wrapper) .section {padding-block:var(--wp--preset--spacing--70);}
@media (max-width: 920px) { :is(.dd-prototype,.editor-styles-wrapper) .section {padding-block:78px;} }
@media (max-width: 670px) { :is(.dd-prototype,.editor-styles-wrapper) .section {padding-block:var(--wp--preset--spacing--60);} }
:is(.dd-prototype,.editor-styles-wrapper) .pricing {padding-top:84px;padding-bottom:94px;}
:is(.dd-prototype,.editor-styles-wrapper) .journal-compact {padding-top:64px;padding-bottom:70px;}
@media (max-width: 670px) { :is(.dd-prototype,.editor-styles-wrapper) .pricing {padding-top:67px;padding-bottom:72px;} }
:is(.dd-prototype,.editor-styles-wrapper) .hero-inner h1 {overflow-wrap:anywhere;}
:is(.dd-prototype,.editor-styles-wrapper) .work-item .work-visual {margin:0;}
:is(.dd-prototype,.editor-styles-wrapper) .browser-lines::before,:is(.dd-prototype,.editor-styles-wrapper) .browser-lines::after {display:block;}
:is(.dd-prototype,.editor-styles-wrapper) .plan > .wp-block-list {padding-inline-start:0;}
:is(.dd-prototype,.editor-styles-wrapper) .story-art,:is(.dd-prototype,.editor-styles-wrapper) .browser-img {display:grid;place-items:center;}
:is(.dd-prototype,.editor-styles-wrapper) .story-art {color:#fff8;}
:is(.dd-prototype,.editor-styles-wrapper) .story h3,:is(.dd-prototype,.editor-styles-wrapper) .service-card h3 {overflow-wrap:anywhere;}
:is(.dd-prototype,.editor-styles-wrapper) .stories > .story {min-width:0;}
:is(.dd-prototype,.editor-styles-wrapper) .offer-line > span,:is(.dd-prototype,.editor-styles-wrapper) .plan-price > span {flex:none;}
:is(.dd-prototype,.editor-styles-wrapper) .services .eyebrow {color:#ffa7d2;}
:is(.dd-prototype,.editor-styles-wrapper) .service-social .card-top {color:var(--paper);}
:is(.dd-prototype,.editor-styles-wrapper) .work-content .pill {color:var(--ink);}
:is(.dd-prototype,.editor-styles-wrapper) .work-content > h3 a {color:inherit;}
:is(.dd-prototype,.editor-styles-wrapper) .end-action .end-booking {font-size:.87rem;}
:is(.dd-prototype,.editor-styles-wrapper) .plan .dd-small {margin-top:15px;}
:is(.dd-prototype,.editor-styles-wrapper) .hero-art figure,:is(.dd-prototype,.editor-styles-wrapper) .about-frame {max-width:none;}
:is(.dd-prototype,.editor-styles-wrapper) .plan .wp-block-buttons {width:100%;}
:is(.dd-prototype,.editor-styles-wrapper) .work-bottom .wp-block-buttons {flex-shrink:0;}
nav.main-nav {color:var(--ink);}
nav.main-nav ul.main-nav {margin-left:0;}
nav.main-nav .open-on-click > button {font-weight:inherit;}
nav.main-nav .wp-block-navigation__responsive-container.is-menu-open {z-index:101;}
@media (max-width: 670px) {
 :is(.dd-prototype,.editor-styles-wrapper) .journal-head > .wp-block-buttons {margin-top:14px;}
 :is(.dd-prototype,.editor-styles-wrapper) .end-action .wp-block-buttons, :is(.dd-prototype,.editor-styles-wrapper) .end-action .button {width:100%;}
}


/* The optional mirrored image/text pattern keeps the same mobile reading order. */
@media (min-width: 671px) {
  .about-grid.is-style-image-right {grid-template-columns:1.13fr .87fr;}
  .about-grid.is-style-image-right > .about-visual {order:2;}
}
@media (max-width: 670px) {
  .about-grid > :not(.about-visual) {order:1;}
}

/* Show the block canvas at the same usable width as the theme. */
.editor-styles-wrapper .is-root-container > :is(.hero,.logo-lane,.section,.testimonials,.end) {
  max-width:none;
}
.editor-styles-wrapper .dd-card h3 a::after {pointer-events:none;}

/* A single project fills its row. Additional projects wrap using the existing grid. */
.work-grid > .work-item:only-child {grid-column:1 / -1;}

/* Library layouts use the same presets in the page editor and the front end. */
.dd-library {
  padding-block: var(--wp--preset--spacing--60);
}
.dd-library > .container,
.dd-library-stack,
.dd-library-card {
  display: grid;
  gap: var(--wp--preset--spacing--40);
}
.dd-library-split,
.dd-library-grid,
.dd-library-post-grid {
  display: grid;
  gap: var(--wp--preset--spacing--40);
}
.dd-library-split {
  align-items: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dd-library-split-60 {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}
.dd-library-split-60.dd-library-reverse {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.dd-library-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dd-library-grid-3,
.dd-library-post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dd-library-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dd-library-centered {
  max-width: var(--wp--style--global--content-size, 800px);
  margin-inline: auto;
  text-align: center;
}
.dd-library-centered .wp-block-buttons { justify-content: center; }
.dd-library-card,
.dd-library-post-grid > .wp-block-post {
  padding: var(--wp--preset--spacing--40);
  background-color: var(--paper);
  border: 1px solid var(--line);
  border-radius: 22px;
}
.dd-library :is(h1,h2,h3,.wp-block-buttons,.wp-block-post-excerpt,.wp-block-post-title) + * {
  margin-block-start: var(--wp--preset--spacing--20);
}
.dd-library-post-grid .wp-block-post-featured-image img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 14px;
}
.dd-library-post-list > .wp-block-post {
  padding-block: var(--wp--preset--spacing--40);
  border-bottom: 1px solid var(--line);
}
.dd-library-article > .container {
  max-width: var(--wp--style--global--content-size, 800px);
}
.dd-library-article .wp-block-post-content > * + * {
  margin-block-start: var(--wp--preset--spacing--30);
}
.editor-styles-wrapper .is-root-container > .dd-library { max-width: none; }
@media (max-width: 920px) {
  .dd-library-grid-4,
  .dd-library-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 670px) {
  .dd-library .dd-library-split,
  .dd-library .dd-library-grid,
  .dd-library .dd-library-post-grid { grid-template-columns: minmax(0, 1fr); }
}