@font-face{font-family:Syne;src:url('./assets/syne-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Syne;src:url('./assets/syne-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Syne;src:url('./assets/syne-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--paper:#f4f5f2;--ink:#56254c;--fig:#6b2b5e;--pink:#ea3358;--orange:#ec5f2a;--honey:#e9a83b;--line:rgba(86,37,76,.22);--soft:#ebe7e5;--page-pad:clamp(24px,5.5vw,100px);color-scheme:light}
:root[data-theme=night]{--paper:#291b28;--ink:#f6eadb;--line:rgba(246,234,219,.25);--soft:#3e273b;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Syne,'Trebuchet MS',sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background-color .35s,color .35s}
body,button,a{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img{display:block;max-width:100%;height:auto}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:6px}
::selection{background:var(--honey);color:var(--fig)}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:600}
.section-shell{padding-inline:var(--page-pad);max-width:1640px;margin-inline:auto}
.eyebrow{font-size:14px;line-height:1.5;letter-spacing:.095em;text-transform:uppercase;font-weight:600}
.section-number{display:inline-flex;border:1px solid currentColor;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;margin-right:14px;font-size:13px;letter-spacing:0;vertical-align:middle}
.skip-link{position:absolute;left:16px;top:-100px;padding:12px 20px;background:var(--honey);color:var(--fig);z-index:100}
.skip-link:focus{top:16px}
.site-header{max-width:1640px;min-height:126px;margin:auto;padding:22px var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:66px;height:70px;position:relative;display:block;isolation:isolate;color:var(--ink)}
.brand-mark:before,.brand-mark:after{content:'';position:absolute;border-radius:50%;z-index:-1}
.brand-mark:before{height:35px;width:35px;left:29px;top:3px;background:var(--orange)}
.brand-mark:after{height:28px;width:28px;left:2px;bottom:1px;background:var(--pink)}
.brand-mark>span{position:absolute;left:4px;top:-21px;font-size:86px;line-height:1.05;font-weight:600;letter-spacing:-.1em}
.brand-mark>sup{position:absolute;left:44px;top:0;font-size:26px;font-weight:800;line-height:1.1}
.brand-name{font-size:16px;line-height:1.1;font-weight:600}
.site-header nav{display:flex;gap:clamp(20px,3.3vw,55px);align-items:center;margin-left:auto;font-size:15px;font-weight:600}
.site-header nav a{padding-block:8px;border-bottom:1px solid transparent}
.site-header nav a:hover{border-bottom-color:currentColor}
.light-toggle{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:1px solid var(--line);border-radius:50px;min-height:44px;padding:8px 15px;font-size:14px;margin-left:clamp(0px,2vw,24px)}
.hero{min-height:min(760px,calc(100svh - 126px));position:relative;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;column-gap:10px;padding-top:40px;padding-bottom:95px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(65px,7.1vw,114px);letter-spacing:-.061em;line-height:1.04;margin:25px 0 28px}
.hero h1 span{color:var(--pink)}
.hero-intro{font-size:clamp(18px,1.7vw,23px);line-height:1.5;font-weight:400}
.button{margin-top:30px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;padding:13px 24px;border-radius:100px;font-weight:600;font-size:15px;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button-fig{background:var(--fig);color:var(--paper)}
:root[data-theme=night] .button-fig{background:var(--honey);color:#56254c}
.button span{font-size:22px;line-height:1}
.hero-aside{display:block;margin-top:14px;font-size:13px}
.breath-collage{position:relative;min-width:0;margin-left:-45px;padding-top:15px}
.paper-note{position:absolute;z-index:4;right:6%;top:3%;display:block;transform:rotate(7deg);padding:17px 25px;color:#56254c;background:var(--honey);font-size:14px;line-height:1.45;font-weight:600;clip-path:polygon(2% 0,99% 3%,100% 97%,1% 100%,0 38%)}
.lotus-art{width:100%;aspect-ratio:1.14;position:relative;isolation:isolate}
.lotus-petal{position:absolute;left:50%;top:79%;aspect-ratio:.75;transform-origin:50% 94%;will-change:transform,opacity;pointer-events:none;contain:layout style}
.paper-piece{width:100%;height:100%;display:block;background-image:url('./assets/paper-cutouts.png');background-size:400% 200%;background-repeat:no-repeat}
.piece-0{background-position:0 0}.piece-1{background-position:33.333333% 0}.piece-2{background-position:66.666667% 0}.piece-3{background-position:100% 0}.piece-4{background-position:0 100%}.piece-5{background-position:33.333333% 100%}.piece-6{background-position:66.666667% 100%}.piece-7{background-position:100% 100%}
.breath-guide{display:flex;align-items:center;gap:28px;justify-content:center;margin-top:-20px;position:relative;z-index:5}
.breath-words{display:flex;align-items:center;gap:14px;min-width:175px}
.breath-label{font-size:22px;font-weight:600}.breath-count{font-size:13px;font-variant-numeric:tabular-nums;opacity:.75}
.pause-button{font-size:14px;display:flex;gap:7px;align-items:center;background:transparent;border:1px solid var(--line);padding:7px 14px;min-height:42px;border-radius:25px}
.pause-symbol{font-family:Arial,sans-serif;font-size:14px;font-weight:800}
.breath-footnote{text-align:center;font-size:12px;letter-spacing:.01em;margin-top:10px}
.hero-bottom{position:absolute;bottom:28px;left:var(--page-pad);right:var(--page-pad);display:flex;align-items:center;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);padding-top:17px}
.hero-bottom a span{margin-left:13px;font-size:18px}
.word-ribbon{display:flex;gap:50px;white-space:nowrap;overflow:hidden;width:100%;align-items:center;background:var(--orange);color:#301326;padding:15px 0 15px 3vw;font-size:18px;font-weight:800;letter-spacing:.08em}
.word-ribbon i{font-weight:400;font-style:normal;font-size:28px;line-height:1}
.practice{padding-block:100px 95px;display:grid;grid-template-columns:1fr .84fr;gap:45px 8vw;position:relative;overflow:hidden}
.practice-heading h2{font-size:clamp(47px,5.2vw,82px);line-height:1.05;letter-spacing:-.05em;margin-top:30px}
.pink-text{color:var(--pink)}
.practice-note{padding-top:20px;max-width:480px;position:relative;z-index:1}
.handwriting{background:var(--ink);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.vera-handwriting{width:90%;max-width:390px;aspect-ratio:510/175;mask-image:url('./assets/vera-handschrift-mask.png');-webkit-mask-image:url('./assets/vera-handschrift-mask.png');transform:rotate(-5deg);margin:0 0 25px}
.practice-note p+p{margin-top:15px}
.small-label{font-size:13px;display:inline-block;margin-top:24px;border-bottom:1px solid var(--line);padding-bottom:5px;font-weight:600}
.practice-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding-top:28px;border-top:1px solid var(--line);position:relative;z-index:1}
.practice-values article{max-width:370px}
.value-number{font-size:13px;display:block;margin-bottom:14px}
.practice-values h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}
.practice-values p{font-size:16px;line-height:1.65}
.practice-scribble{position:absolute;width:320px;right:-190px;top:33%;opacity:.28;pointer-events:none}
.growth-section{height:235svh;position:relative;background:var(--fig);color:#fff0d8}
.growth-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:.78fr 1.2fr;align-items:center;max-width:1640px;margin:auto;padding:50px var(--page-pad);column-gap:25px;overflow:hidden}
.growth-copy{position:relative;z-index:2;align-self:center;max-width:490px}
.growth-copy h2{font-size:clamp(48px,5.3vw,84px);line-height:1.02;letter-spacing:-.05em;margin:30px 0}
.growth-copy h2 span{color:var(--honey)}
.growth-story{min-height:142px;max-width:325px}
.growth-stage{font-size:13px;text-transform:uppercase;letter-spacing:.11em;margin-bottom:14px;color:#f3c57b}
#growth-text{font-size:18px;line-height:1.6}
.growth-progress{height:2px;background:#ffffff30;max-width:300px;margin-top:25px;overflow:hidden}
.growth-progress span{height:100%;display:block;background:var(--honey);transform:scaleX(0);transform-origin:left}
.growth-hint{font-size:13px;margin-top:14px;display:flex;max-width:300px;justify-content:space-between}
.growth-art{width:100%;max-width:690px;aspect-ratio:1;position:relative;isolation:isolate}
#flower-layers{position:absolute;inset:0}
.flower-layer{position:absolute;inset:0;transform-origin:50% 48%;will-change:transform,opacity}
.flower-petal{position:absolute;left:50%;top:48%;aspect-ratio:.75;transform-origin:50% 91%;pointer-events:none}
.flower-heart{position:absolute;width:19%;aspect-ratio:.75;left:50%;top:48%;transform:translate(-50%,-50%);background-image:url('./assets/paper-cutouts.png');background-size:400% 200%;background-position:100% 100%;background-repeat:no-repeat}


.growth-margin-note{position:absolute;bottom:30px;left:var(--page-pad);font-size:12px;letter-spacing:.035em;opacity:.75}
.about{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;padding-block:125px 90px;align-items:center}
.vera-collage{position:relative;padding:18px 40px 95px 5px;min-width:0}
.portrait-paper{background:var(--honey);padding:14px 14px 16px;transform:rotate(-5deg);position:relative;z-index:1;width:92%}
.portrait-paper img{width:100%;aspect-ratio:.95;object-fit:cover;object-position:30% 50%}
.portrait-paper figcaption{font-size:16px;text-align:left;line-height:1.4;padding:14px 8px 0;color:#56254c;font-weight:600}
.south-paper{width:44%;max-width:245px;position:absolute;right:-12px;bottom:-5px;z-index:3;transform:rotate(9deg);background:var(--paper);padding:10px 10px 13px;border:1px solid var(--line)}
.south-paper img{aspect-ratio:1;object-fit:cover;object-position:50% 37%}
.south-paper figcaption{font-size:12px;line-height:1.3;margin-top:10px}
.collage-label{position:absolute;left:-9px;bottom:22px;font-size:14px;line-height:1.5;transform:rotate(-5deg);z-index:4}
.vera-drawing{position:absolute;width:43%;right:-48px;top:-52px;z-index:2;transform:rotate(14deg);pointer-events:none}
.vera-copy h2{font-size:clamp(53px,5.6vw,86px);line-height:1.03;letter-spacing:-.05em;margin:25px 0}
.vera-copy h2 span{color:var(--pink);position:relative}
.vera-copy .lead{font-size:20px;line-height:1.5;margin-bottom:25px;font-weight:600}
.vera-copy>p:not(.eyebrow)+p{margin-top:18px}
.vera-signoff{margin-top:29px;display:flex;align-items:baseline;gap:16px}
.vera-signoff span:first-child{font-weight:800;font-size:30px;color:var(--pink)}
.vera-signoff span:last-child{font-size:12px}
.little-things{display:grid;grid-template-columns:160px 1fr 240px;align-items:center;gap:45px;padding-top:38px;padding-bottom:70px}
.little-things>img{width:155px;height:190px;object-fit:cover;transform:rotate(-4deg);border:9px solid var(--honey)}
.little-things .eyebrow{font-size:12px;margin-bottom:15px}
.little-things>div>p:not(.eyebrow){font-size:clamp(20px,2.1vw,29px);line-height:1.4;font-weight:600;letter-spacing:-.025em}
.little-things>div>p span{color:#c52549}:root[data-theme=night] .little-things>div>p span{color:#f99bb0}
.paradise-handwriting{width:100%;aspect-ratio:925/223;mask-image:url('./assets/paradise-mask.png');-webkit-mask-image:url('./assets/paradise-mask.png');transform:rotate(8deg)}
.contact{background:var(--honey);color:#56254c;position:relative;overflow:hidden}
.contact-inner{padding-top:75px;padding-bottom:60px;position:relative}
.contact h2{font-size:clamp(60px,7.5vw,116px);line-height:1.02;letter-spacing:-.06em;margin-top:30px;position:relative;z-index:1}
.contact h2 span{color:var(--fig)}
.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative;z-index:1;margin-top:45px}
.contact-bottom p{font-size:16px;line-height:1.7}
.back-top{font-size:14px;font-weight:600;border-bottom:1px solid #56254c60;padding-bottom:7px;white-space:nowrap}
.back-top span{margin-left:10px;font-size:20px}
.contact-lines{position:absolute;right:-100px;top:-25px;width:490px;opacity:.65;transform:rotate(18deg);pointer-events:none}
.site-footer{display:flex;align-items:center;gap:30px;justify-content:space-between;padding-block:28px;font-size:12px;position:relative}
.footer-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:32px;white-space:nowrap;line-height:1}
.footer-brand span{font-size:12px;font-weight:600}
.legal{font-size:12px;min-width:120px}
.legal summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:30px;padding-block:5px}
.legal div{position:absolute;right:var(--page-pad);bottom:95px;background:var(--paper);border:1px solid var(--line);padding:24px;width:min(380px,calc(100vw - 48px));font-size:14px;z-index:10}
.noscript-note{margin:30px;text-align:center;font-size:14px}
@media(min-width:1640px){.hero{min-height:760px}}
@media(max-width:1050px){.site-header{min-height:105px}.site-header nav{gap:23px}.light-toggle span{display:none}.light-toggle{width:44px;padding:8px;margin-left:0}.hero{min-height:680px;padding-top:35px}.hero h1{font-size:clamp(64px,7.8vw,85px)}.breath-collage{margin-left:-30px}.paper-note{right:2%;font-size:12px;padding:13px 18px}.practice{gap:40px 6vw;padding-top:80px}.practice-values{gap:30px}.growth-sticky{column-gap:10px}.growth-copy h2{font-size:clamp(44px,5.5vw,63px)}.about{gap:5vw}.vera-collage{padding-right:20px}.vera-copy .lead{font-size:18px}.little-things{grid-template-columns:135px 1fr 180px;gap:25px}.little-things>img{width:135px;height:165px}.contact-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){:root{--page-pad:25px}.site-header{min-height:99px;padding-top:17px;padding-bottom:15px;gap:15px}.brand-mark{transform:scale(.8);transform-origin:left center;margin-right:-10px;width:62px}.brand{gap:2px}.brand-name{font-size:13px}.site-header nav{gap:20px;font-size:13px}.site-header nav .nav-contact{display:none}.light-toggle{width:38px;min-height:38px;flex:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:30px;padding-bottom:83px;row-gap:12px}.hero .eyebrow{font-size:12px}.hero h1{font-size:clamp(57px,12.1vw,88px);line-height:1.025;letter-spacing:-.06em;margin:22px 0}.hero-intro{font-size:18px}.button{margin-top:24px;min-height:49px;font-size:14px;padding:11px 20px}.hero-aside{font-size:12px}.breath-collage{width:min(100%,510px);justify-self:center;margin:0;padding-top:20px}.lotus-art{aspect-ratio:1.28}.lotus-petal{top:81%}.paper-note{top:9%;right:2%;padding:12px 17px;font-size:12px}.breath-guide{margin-top:0;gap:16px}.breath-label{font-size:21px}.breath-words{min-width:155px}.breath-footnote{font-size:12px;margin-top:8px}.hero-bottom{bottom:22px;font-size:12px}.word-ribbon{font-size:14px;gap:30px;padding:14px 20px}.practice{grid-template-columns:1fr;padding-block:65px;gap:32px}.practice-heading h2{font-size:56px;margin-top:23px}.eyebrow{font-size:12px}.section-number{width:28px;height:28px;font-size:12px;margin-right:10px}.practice-note{padding-top:0;max-width:540px}.vera-handwriting{width:70%;max-width:320px;margin-bottom:22px}.practice-note p{font-size:16px}.practice-values{grid-template-columns:1fr;padding-top:0;gap:0;border-top:none}.practice-values article{max-width:none;padding:23px 0 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;column-gap:13px}.value-number{grid-row:1/3;margin-top:5px}.practice-values h3{font-size:23px;margin-bottom:10px}.practice-values p{grid-column:2;font-size:16px}.practice-scribble{right:-220px;top:30%}.growth-section{height:220svh}.growth-sticky{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;padding:36px 25px 55px;height:100svh;gap:0}.growth-copy{width:100%;max-width:100%;align-self:start}.growth-copy h2{font-size:48px;line-height:1.03;letter-spacing:-.05em;margin:20px 0 17px}.growth-copy h2 br{display:none}.growth-copy h2 span{display:block}.growth-story{min-height:0;max-width:none}.growth-stage{font-size:12px;margin-bottom:7px}#growth-text{font-size:16px;max-width:305px;min-height:52px}.growth-progress{position:absolute;right:0;bottom:0;width:54px;margin-top:0;transform:rotate(-90deg);transform-origin:right;display:none}.growth-hint{position:absolute;right:0;top:52px;max-width:70px;font-size:12px;line-height:1.4;display:none}.growth-art{align-self:center;justify-self:center;width:min(100%,50svh);max-width:450px;min-width:0}.growth-margin-note{bottom:17px;font-size:12px;text-align:center;left:0;right:0}.about{grid-template-columns:1fr;gap:80px;padding-top:70px;padding-bottom:40px}.vera-collage{width:min(91%,490px);margin-inline:auto;padding-top:25px;padding-bottom:55px}.portrait-paper{width:88%}.portrait-paper img{aspect-ratio:1;object-position:24% 50%}.portrait-paper figcaption{font-size:14px}.south-paper{right:0;bottom:-20px;width:44%}.collage-label{font-size:12px;left:-5px;bottom:4px}.vera-drawing{width:36%;right:-18px;top:-23px}.vera-copy h2{font-size:62px;line-height:1.02;margin:24px 0}.vera-copy .lead{font-size:20px}.vera-copy>p{font-size:16px}.vera-signoff{margin-top:25px}.little-things{grid-template-columns:100px 1fr;gap:22px;padding-top:35px;padding-bottom:58px}.little-things>img{width:100px;height:143px;border-width:6px}.little-things .eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:10px}.little-things>div>p:not(.eyebrow){font-size:19px;line-height:1.45}.paradise-handwriting{grid-column:1/-1;width:63%;justify-self:center;margin-top:20px;max-width:285px}.contact-inner{padding-top:54px;padding-bottom:40px}.contact h2{font-size:clamp(49px,11vw,75px);margin-top:25px;line-height:1.06}.contact-lines{width:340px;right:-190px;top:0;opacity:.38}.contact-bottom{margin-top:30px;gap:25px}.contact-bottom p{font-size:16px}.back-top{font-size:12px;white-space:normal}.site-footer{flex-wrap:wrap;gap:24px 15px;padding-top:25px;padding-bottom:30px}.site-footer>span{order:3;flex-basis:100%;font-size:12px}.footer-brand{font-size:29px}.footer-brand span{font-size:12px}.legal{margin-left:auto;min-width:0;font-size:12px}.legal div{bottom:110px}}
@media(max-width:390px){:root{--page-pad:20px}.site-header nav{gap:14px;font-size:12px}.brand-name{font-size:12px}.light-toggle{width:34px;min-height:36px}.hero h1{font-size:54px}.hero-intro{font-size:17px}.hero-bottom{font-size:12px}.practice-heading h2{font-size:clamp(45px,13.6vw,49px)}.growth-sticky{padding-inline:20px;padding-top:25px}.growth-copy h2{font-size:42px;margin-block:15px}.growth-copy .eyebrow{font-size:12px}.growth-stage{margin-bottom:4px}#growth-text{font-size:15px;line-height:1.5}.vera-copy h2{font-size:56px}.little-things>div>p:not(.eyebrow){font-size:17px}.contact h2{font-size:clamp(41px,12vw,46px)}}
@media(max-height:650px) and (min-width:761px){.growth-sticky{padding-block:25px}.growth-copy h2{font-size:54px;margin-block:20px}.growth-story{min-height:110px}#growth-text{font-size:16px}.growth-art{max-width:510px}.growth-margin-note{bottom:15px}}
@media(max-height:650px) and (max-width:760px){.growth-sticky{padding-top:22px;padding-bottom:45px}.growth-copy h2{font-size:36px;margin-block:12px}.growth-copy h2 span{display:inline}.growth-copy h2 br{display:inline}#growth-text{font-size:14px;min-height:43px}.growth-stage{font-size:12px}.growth-copy .eyebrow{font-size:12px}.growth-art{width:min(100%,49svh)}.growth-margin-note{font-size:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.growth-section{height:auto}.growth-sticky{position:relative;min-height:700px;height:auto;padding-block:65px}.growth-art{width:100%}.growth-margin-note{display:none}.growth-hint{display:none}}

/* Keep the complete flower visible in short landscape viewports. */
@media(max-height:480px){.growth-section{height:auto}.growth-sticky{height:auto;min-height:650px;position:relative}.growth-art{width:min(100%,380px)}}

.growth-link{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:23%;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(14px,1.3vw,20px);font-weight:600;line-height:1.05;color:#56254c;transition:opacity .3s;z-index:3}.growth-link:hover{text-decoration:underline;text-underline-offset:3px}.growth-link:focus-visible{outline-color:#fff0d8;border-radius:50%}
@media(max-width:390px){.site-header nav a:first-child{display:none}.site-header nav{font-size:14px}}

@media(max-width:760px){.hero-intro br{display:none}}

/* === Fix: horizontalen Überhang am Handy abschneiden (Deko-Blobs, Linien, Lauftext) ===
   clip statt hidden, damit die sticky "Aufblühen"-Sektion weiter funktioniert. */
html{overflow-x:clip}
body{max-width:100%}
main{overflow-x:clip}
.word-ribbon{overflow:hidden}