:root{--ink:#242239;--purple:#7546da;--lilac:#ae86f4;--turquoise:#36a5ad;--pink:#e00086;--lime:#fff000;--light:#eee5ff;--border:#d8d4e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:1rem/1.65 'Trebuchet MS',Arial,sans-serif}a{color:inherit}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px;background:#fff;z-index:20;padding:10px}.skip:focus{top:10px}header{max-width:1600px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:2.2rem;font-weight:900;letter-spacing:-1.5px;line-height:1;text-decoration:none}.brand-dot{color:var(--pink)}.brand small{display:block;font-size:.7rem;letter-spacing:1.2px;font-weight:700;margin-top:11px}nav{display:flex;align-items:center;gap:32px;font-weight:700;font-size:.95rem}nav a{text-decoration:none}.nav-contact{background:var(--lime);padding:13px 22px;border-radius:12px}.hero{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.12fr 1fr;gap:0;background:var(--turquoise);overflow:hidden}.hero-copy{padding:70px 9% 60px;color:#fff;align-self:center}.eyebrow{font-size:.8rem;font-weight:900;letter-spacing:1.5px;margin:0 0 24px}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-weight:900}h1{font-size:clamp(3.4rem,5.6vw,6rem);line-height:1.04;letter-spacing:-3px;margin:0 0 30px}em{font-family:inherit;font-style:normal;color:var(--purple)}.hero h1 em{color:var(--lime);display:inline-block;transform:rotate(-3deg);margin-top:9px}.intro{font-size:1.2rem;line-height:1.5;max-width:410px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--lime);color:var(--ink);text-decoration:none;font-size:1rem;font-weight:900;padding:17px 25px;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-3px)}.location{font-size:.9rem;margin:24px 0 0}.hero-art{position:relative;background:var(--purple);padding:45px 45px 65px;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art img{display:block;width:100%;height:540px;object-fit:cover;border-radius:18px;transform:rotate(3deg);border:8px solid var(--lilac)}.art-label{position:absolute;bottom:30px;left:25px;padding:17px 25px;background:var(--lime);font-size:1.1rem;line-height:1.4;border-radius:10px;transform:rotate(-6deg)}.art-tag{position:absolute;right:9px;top:50%;writing-mode:vertical-rl;letter-spacing:1px;font-weight:900;font-size:.75rem;color:white}.ribbon{background:var(--lime);color:var(--ink);display:flex;justify-content:center;align-items:center;gap:35px;padding:22px 20px;font-size:1.1rem;font-weight:900}.ribbon b{font-size:1.8rem;color:var(--purple)}.section{max-width:1440px;padding:85px 5.5%;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-head>p{max-width:370px;margin:0 0 4px}h2{font-size:clamp(2.5rem,4vw,4.3rem);letter-spacing:-1.8px;line-height:1.1;margin:0}h3{font-size:1.7rem;line-height:1.15;letter-spacing:-.6px;margin:0 0 23px}#angebote .eyebrow{color:var(--purple)}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.offers article{border:0;border-radius:18px;padding:30px;display:flex;flex-direction:column;background:var(--purple);color:white;min-width:0}.offers article:nth-child(2){background:var(--lime);color:var(--ink);margin-top:55px}.offers article:nth-child(3){background:var(--turquoise);color:#fff;margin-top:110px}.number{font-size:.85rem;font-weight:900;letter-spacing:1px;margin-bottom:26px}.offers p{margin:0 0 24px}.offers a{font-size:1rem;font-weight:900;text-underline-offset:6px;margin-top:auto}.offers figure{margin:0 0 24px}.offers figure img{display:block;width:100%;height:270px;object-fit:cover;border-radius:12px;object-position:center}.offers .facepaint-photo img{border-radius:45% 45% 12px 12px;object-position:center 35%}.offers .tattoo-photo img{height:220px}.offers .event-photo img{border-radius:12px 12px 45% 12px}.offers figcaption,.closing-photo figcaption{font-size:.8rem;line-height:1.4;margin-top:10px}.about{background:var(--lime);display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:32px 70px;padding:75px max(5.5%,calc((100vw - 1280px)/2));align-items:start}.about-title{grid-column:1/-1}.about h2{font-size:clamp(3.3rem,6vw,6rem);max-width:780px}.about h2 br{display:none}.about h2 em{color:var(--purple)}.signature{display:block;margin-top:25px;font-size:1.4rem;font-weight:900;line-height:1.35;max-width:640px}.about-copy{max-width:760px;min-width:0}.about-copy p{font-size:1.15rem;line-height:1.7;margin-top:0}.about>.celine-portrait{display:block;width:250px;height:auto;grid-column:2;grid-row:2;transform:rotate(4deg);border-radius:18px;border:7px solid white}.text-link{display:inline-block;margin-top:10px;font-size:1.05rem;font-weight:900;text-underline-offset:7px;text-decoration-color:var(--purple);text-decoration-thickness:3px}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0}.process li{padding:28px;background:#f4f0fa;border-radius:16px}.process li>span{width:60px;height:60px;background:var(--turquoise);color:var(--ink);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;margin-bottom:25px;transform:rotate(-7deg)}.process li:nth-child(2)>span{background:var(--lilac);transform:rotate(6deg)}.process li:nth-child(3)>span{background:var(--lime);transform:rotate(-4deg)}.process h3{font-size:1.3rem;line-height:1.3;margin-bottom:15px}.process p{margin:0}.faq{padding-top:0;max-width:1030px}.faq h2{margin-bottom:30px}details{border-bottom:2px solid var(--border)}summary{padding:22px 34px 22px 0;cursor:pointer;font-size:1.1rem;font-weight:900}details p{max-width:750px;margin:0 0 24px}.contact{background:var(--purple);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:75px max(5.5%,calc((100vw - 1280px)/2))}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:clamp(3rem,4.5vw,4.8rem)}.contact h2 em{color:var(--lime)}.contact>div>p{max-width:390px}.closing-photo{max-width:340px;margin:35px 0 0}.closing-photo img{display:block;width:100%;height:350px;object-fit:cover;object-position:center 38%;border-radius:18px 48% 18px 18px;border:6px solid var(--lilac);transform:rotate(-3deg)}.closing-photo figcaption{margin-top:16px}.contact form{min-width:0;background:#fff;color:var(--ink);padding:32px;border-radius:18px;align-self:start}.contact label{display:block;font-size:.95rem;font-weight:700;margin:0 0 8px}.contact input,.contact select,.contact textarea{display:block;width:100%;color:var(--ink);background:#f5f2fb;border:1px solid #d7cbed;border-radius:8px;padding:12px 14px;margin-bottom:19px;min-width:0}.contact textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact .button{width:100%}.form-note{font-size:.85rem;line-height:1.5}.copy{background:var(--purple);border:0;color:white;border-radius:8px;padding:12px 20px;cursor:pointer}.contact-pending,#copy-status{font-size:.9rem}#draft-wrap{margin-top:22px}footer{max-width:1440px;margin:auto;padding:38px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p,footer>span{font-size:.85rem}footer .brand{font-size:1.8rem}
@media(max-width:1000px){nav{gap:20px}.hero-copy{padding:50px 8%}.hero-art{padding:35px 25px 65px}.hero-art img{height:470px}h1{font-size:4rem}.offers article{padding:23px}.offers figure img{height:230px}.offers article:nth-child(3){margin-top:70px}.offers article:nth-child(2){margin-top:35px}.about,.contact{gap:35px}.ribbon{gap:22px;font-size:1rem}.section-head{gap:30px}}
@media(max-width:700px){header{padding:23px 6%;gap:12px}.brand{font-size:1.8rem}.brand small{font-size:.6rem;letter-spacing:.5px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:.85rem;padding:11px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 38px}h1{font-size:clamp(3.15rem,12vw,4.4rem);letter-spacing:-2px}.eyebrow{font-size:.75rem;letter-spacing:1px}.intro{font-size:1.1rem}.hero-art{padding:28px 13% 62px}.hero-art img{height:400px;max-width:420px}.art-label{left:7%;bottom:20px}.art-tag{right:5%;font-size:.7rem}.ribbon{flex-wrap:wrap;gap:8px 15px;padding:19px 6%;font-size:.9rem}.ribbon b:nth-of-type(2){display:none}.section{padding:60px 6%}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:23px}h2{font-size:2.65rem}.offers{grid-template-columns:1fr;gap:20px}.offers article{padding:28px}.offers article:nth-child(2),.offers article:nth-child(3){margin-top:0}.offers figure img{height:320px}.offers .tattoo-photo img{height:260px}.offers .event-photo img{height:280px}.about{padding:55px 6%;grid-template-columns:minmax(0,1fr) 130px;gap:25px 18px}.about h2{font-size:3.1rem}.signature{font-size:1.2rem}.about-copy p{font-size:1rem;line-height:1.65}.about>.celine-portrait{width:130px;border-width:4px;transform:rotate(3deg)}.about .text-link{font-size:1rem}.process ol{grid-template-columns:1fr;gap:15px}.process li{display:flex;gap:22px;padding:24px}.process li>span{flex-shrink:0;width:45px;height:45px;font-size:1.3rem}.process h3{margin-top:3px}.faq{padding-top:0}summary{font-size:1rem;padding-right:5px}.contact{grid-template-columns:1fr;padding:55px 6%;gap:35px}.closing-photo{max-width:280px}.closing-photo img{height:290px}.contact form{padding:25px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-direction:column;align-items:start;padding:30px 6%;gap:14px}footer p{margin:0}footer>span{display:none}}
@media(max-width:380px){header{align-items:start}.brand{font-size:1.6rem}.nav-contact{font-size:.8rem;max-width:110px;text-align:center}.about{grid-template-columns:1fr}.about>.celine-portrait{grid-row:auto;grid-column:1;width:170px;justify-self:end}.offers figure img{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Keep the native iOS date control inside the form column. */
.form-row>div{min-width:0}.contact input[type="date"]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px}.contact input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
