@font-face{font-family:"Cormorant";src:url(f/serif.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(f/serif-i.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(f/sans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --sand:#dfcebf;--sand2:#eadfd2;--cream:#f7f1e9;--paper:#fbf8f3;
  --ink:#2a2018;--deep:#3a2b1f;--brown:#64523c;--clay:#a2663c;--clay-l:#d9a47c;--sage:#5f6257;--moss:#3a4238;
  --serif:"Cormorant","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --sans:"Jost","Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);--dk:#3a2b1f;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{font-family:var(--sans);font-weight:400;font-size:1.02rem;background:var(--cream);color:var(--ink);line-height:1.75;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--clay);color:#fff}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.015em}
.wrap{width:min(1240px,90%);margin:0 auto}
section{position:relative}
p{max-width:60ch}

/* grain */
body:after{content:"";position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:900;opacity:.07;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}

/* preloader */
#pre{position:fixed;inset:0;z-index:1000;background:var(--sand);display:grid;place-items:center;transition:transform 1.1s var(--ease) .2s}
#pre img{width:min(260px,56vw);animation:pre 1.6s var(--ease) both}
#pre.done{transform:translateY(-101%)}
@keyframes pre{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}

/* cursor */
#cur{position:fixed;left:0;top:0;width:12px;height:12px;border-radius:50%;background:var(--clay);z-index:950;pointer-events:none;transform:translate(-100px,-100px);mix-blend-mode:normal;transition:width .4s var(--ease),height .4s var(--ease),background .3s,margin .4s var(--ease)}
#cur.big{width:70px;height:70px;margin:-29px 0 0 -29px;background:rgba(162,102,60,.28);backdrop-filter:blur(2px)}
@media(hover:none),(max-width:900px){#cur{display:none}}

/* progress */
#bar{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:var(--clay);z-index:600}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.8rem;padding:1.05rem 2rem;border-radius:99px;background:var(--deep);color:var(--cream);text-decoration:none;border:0;cursor:pointer;font:500 .78rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;position:relative;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),box-shadow .5s,transform .5s var(--ease)}
.btn:before{content:"";position:absolute;inset:0;background:var(--clay);transform:translateY(101%);border-radius:50% 50% 0 0/100% 100% 0 0;transition:transform .6s var(--ease),border-radius .6s;z-index:-1}
.btn:hover:before{transform:none;border-radius:0}
.btn:hover{box-shadow:0 18px 36px -14px rgba(58,43,31,.6)}
.btn .ar{transition:transform .5s var(--ease)}.btn:hover .ar{transform:translateX(6px)}
.btn.line{background:transparent;color:var(--deep);box-shadow:inset 0 0 0 1px rgba(58,43,31,.45)}
.btn.line:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--clay)}
.btn.light{background:var(--cream);color:var(--deep)}
.btn.light:hover{color:#fff}
.btn.lineL{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.btn.lineL:hover{color:#fff}

.eyebrow{font:500 .72rem/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--clay);display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
.eyebrow:before{content:"";width:46px;height:1px;background:currentColor}
.eyebrow.c{justify-content:center}
h2.t{font-size:clamp(2.6rem,6.2vw,5.6rem);font-weight:300;color:var(--deep)}
h2.t em,.it{font-style:italic;color:var(--clay);font-weight:300}

/* nav */
nav{position:fixed;inset:0 0 auto 0;z-index:500;padding:18px 0;transition:transform .8s var(--ease)}
nav.hide{transform:translateY(-110%)}
nav .bar{width:min(1240px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 10px 26px;border-radius:99px;transition:background .6s,box-shadow .6s,backdrop-filter .6s}
nav.s .bar{background:rgba(247,241,233,.82);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 40px -22px rgba(58,43,31,.55)}
nav .logo img{height:38px;width:auto}
nav .logo .d{display:none}
nav.s .logo .d{display:block}nav.s .logo .l{display:none}
nav ul{display:flex;gap:2.2rem;list-style:none;align-items:center}
nav ul a{font:500 .74rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:#fff;position:relative;padding:.4rem 0;transition:color .4s}
nav.s ul a{color:var(--deep)}
nav ul a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
nav ul a:not(.btn):hover:after,nav ul a.on:after{transform:scaleX(1);transform-origin:left}
nav ul .btn{padding:.9rem 1.5rem;background:var(--cream);color:var(--deep)}
nav.s ul .btn{background:var(--deep);color:var(--cream)}
nav.lg:not(.s) ul a{color:var(--deep)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.2);cursor:pointer;position:relative}
nav.s .burger,nav.lg .burger{background:rgba(58,43,31,.08)}
.burger i{position:absolute;left:14px;right:14px;height:1.5px;background:#fff;transition:.5s var(--ease)}
nav.s .burger i,nav.lg .burger i{background:var(--deep)}
.burger i:nth-child(1){top:19px}.burger i:nth-child(2){top:26px}
nav.open .burger i:nth-child(1){top:23px;transform:rotate(45deg)}nav.open .burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
@media(max-width:980px){
 .burger{display:block}
 nav ul{position:fixed;inset:0;background:var(--sand);flex-direction:column;justify-content:center;gap:1.4rem;clip-path:circle(0 at calc(100% - 50px) 40px);transition:clip-path .9s var(--ease);z-index:-1}
 nav.open ul{clip-path:circle(150% at calc(100% - 50px) 40px)}
 nav ul a,nav.s ul a{font:300 2.4rem/1.1 var(--serif);letter-spacing:0;text-transform:none;color:var(--deep)}
 nav ul .btn,nav.s ul .btn{font:500 .78rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:var(--deep);color:var(--cream);margin-top:1rem}
 nav.open .burger i{background:var(--deep)}
}

/* hero */
.heroW{height:230vh;position:relative}
.hero{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#fff;isolation:isolate;background:#2a2018}
.hero .layer{position:absolute;will-change:transform}
.hero .bg{inset:-12% -4%;background:url(a/hero.webp) center/cover}
.hero .shade{inset:0;background:radial-gradient(120% 90% at 50% 40%,rgba(42,32,24,.1),rgba(42,32,24,.7)),linear-gradient(180deg,rgba(42,32,24,.5),transparent 30%,rgba(42,32,24,.7))}
.hero .fl{width:min(92vw,900px);left:50%;top:50%;margin:calc(min(92vw,900px)/-2) 0 0 calc(min(92vw,900px)/-2);opacity:.2;filter:brightness(2.4) sepia(.3)}
.hero .fl2{width:min(40vw,420px);right:-6%;top:8%;opacity:.16;filter:brightness(2.4)}
.hero .wv{width:min(1100px,95vw);left:-8%;bottom:-18%;opacity:.95;transform-origin:left bottom}
.hero .shadow{width:70%;right:-10%;top:0;opacity:.2;mix-blend-mode:soft-light;filter:contrast(1.2)}
.hero .txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 5% 60px}
.hero h1{font-size:clamp(2.8rem,min(9vw,14vh),9rem);font-weight:300;max-width:13ch;text-shadow:0 4px 60px rgba(0,0,0,.35)}
.hero h1 .l{display:block;overflow:hidden;padding:.06em 0 .12em}
.hero h1 .l>span{display:inline-block;transform:translateY(115%);transition:transform 1.5s var(--ease)}
.loaded .hero h1 .l>span{transform:none}
.hero h1 .l:nth-child(2)>span{transition-delay:.12s}.hero h1 .l:nth-child(3)>span{transition-delay:.24s}.hero h1 .l:nth-child(4)>span{transition-delay:.36s}
.hero h1 i{color:#f0c9a6;font-style:italic}
.hero .sub{margin-top:2rem;font:300 clamp(1rem,1.5vw,1.25rem)/1.7 var(--sans);max-width:42ch;color:#f1e6d8;opacity:0;transform:translateY(20px);transition:1.4s var(--ease) 1s}
.hero .cta{margin-top:2.4rem;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(20px);transition:1.4s var(--ease) 1.2s}
.loaded .hero .sub,.loaded .hero .cta{opacity:1;transform:none}
.hero .scrl{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font:500 .64rem/1 var(--sans);letter-spacing:.36em;text-transform:uppercase;color:#f1e6d8}
.hero .scrl i{width:1px;height:54px;background:linear-gradient(#fff,transparent);transform-origin:top;animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.hero .side{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;font:500 .66rem/1 var(--sans);letter-spacing:.36em;text-transform:uppercase;color:#f1e6d8;opacity:.8}
@media(max-width:700px){.hero .side{display:none}}
.covers{position:relative;z-index:5;background:var(--cream)}

/* ticker */
.tick{overflow:hidden;white-space:nowrap;padding:3.4rem 0 2.2rem;background:var(--cream)}
.tick div{display:inline-flex;gap:3.4rem;will-change:transform;font:300 clamp(4.5rem,13vw,12rem)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(100,82,60,.5)}
.tick span em{color:var(--clay);-webkit-text-stroke:0;font-style:italic}

/* statement */
.statement{padding:clamp(60px,9vw,130px) 0 clamp(90px,13vw,200px);background:var(--cream)}
.statement .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,120px);align-items:center}
.stmt{font:300 clamp(1.9rem,4vw,3.7rem)/1.18 var(--serif);color:var(--deep)}
.stmt .w{opacity:.16;transition:opacity .5s}
.stmt .w.on{opacity:1}
.stmt .w.cl{font-style:italic}
.stmt .w.cl.on{color:var(--clay)}
.statement .copy{margin-top:2.4rem;color:var(--brown)}
.stack{position:relative;aspect-ratio:4/5.2}
.stack .a,.stack .b{position:absolute;overflow:hidden;box-shadow:0 50px 90px -40px rgba(58,43,31,.65)}
.stack .a{inset:0 18% 14% 0;border-radius:999px 999px 24px 24px}
.stack .b{width:48%;aspect-ratio:3/4;right:0;bottom:0;border-radius:24px 24px 999px 999px;border:8px solid var(--cream)}
.stack img{width:100%;height:100%;object-fit:cover}
.stack .in{position:absolute;inset:-14% 0;will-change:transform}
.seal{position:absolute;left:-5%;bottom:10%;width:150px;height:150px;border-radius:50%;background:var(--sand);display:grid;place-items:center;text-align:center;box-shadow:0 24px 50px -20px rgba(58,43,31,.5);z-index:3}
.seal svg{position:absolute;inset:0;width:100%;height:100%;animation:rot 24s linear infinite}
.seal text{font:500 9.4px var(--sans);letter-spacing:.28em;text-transform:uppercase;fill:var(--deep)}
.seal b{font:italic 300 2.4rem var(--serif);color:var(--clay)}
@keyframes rot{to{transform:rotate(360deg)}}
@media(max-width:900px){.statement .grid{grid-template-columns:1fr}.seal{left:auto;right:4%}}

/* offers horizontal */
.hz{height:380vh;position:relative;background:var(--dk);color:var(--cream)}
.hz .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
.hz .bgfl{position:absolute;width:90vh;right:-20vh;top:-10vh;opacity:.12;filter:brightness(3) sepia(.4)}
.hz .track{display:flex;align-items:center;gap:clamp(28px,4vw,70px);padding:0 8vw;will-change:transform}
.hz .head{flex:0 0 min(560px,70vw)}
.hz .head h2{font-size:clamp(3rem,7vw,6.6rem);font-weight:300;color:var(--cream)}
.hz .head h2 em{color:var(--clay-l);font-style:italic}
.hz .head p{margin-top:1.6rem;color:#d9cbbb}
.hz .head .hint{margin-top:2.4rem;display:flex;align-items:center;gap:1rem;font:500 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay-l)}
.hz .head .hint i{width:70px;height:1px;background:currentColor;position:relative;overflow:hidden}
.hz .head .hint i:after{content:"";position:absolute;inset:0;background:var(--cream);animation:slide 2s var(--ease) infinite}
@keyframes slide{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.panel{flex:0 0 min(900px,78vw);height:min(74vh,700px);position:relative;border-radius:520px 520px 28px 28px;overflow:hidden;box-shadow:0 60px 100px -50px #000;color:#fff}
.panel .im{position:absolute;inset:0 -14%;will-change:transform}
.panel .im img{width:100%;height:100%;object-fit:cover}
.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,20,12,0) 30%,rgba(30,20,12,.88) 85%);z-index:1}
.panel .no{position:absolute;top:12%;left:50%;transform:translateX(-50%);z-index:2;font:italic 300 clamp(6rem,15vw,13rem)/1 var(--serif);color:rgba(255,255,255,.2)}
.panel .c{position:absolute;left:0;right:0;bottom:0;padding:clamp(26px,4vw,56px);z-index:2;display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:end}
.panel .tag{font:500 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay-l);grid-column:1/-1}
.panel h3{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:300}
.panel p{grid-column:1;color:#eadfd2;max-width:36ch}
.panel .pr{grid-row:2/4;grid-column:2;text-align:right;font:300 clamp(3.4rem,7vw,6.4rem)/.9 var(--serif)}
.panel .pr small{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--clay-l);margin-top:.8rem}
.panel .pet{grid-column:1;display:inline-flex;width:max-content;margin-top:.6rem;padding:.5rem 1rem;border-radius:99px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:.82rem}
.hz .prog{position:absolute;left:8vw;right:8vw;bottom:5vh;height:1px;background:rgba(255,255,255,.2)}
.hz .prog i{display:block;height:100%;background:var(--clay-l);transform-origin:left;transform:scaleX(0)}
@media(max-width:900px){
 .hz{height:auto;padding:90px 0}.hz .pin{position:static;height:auto;display:block}.hz .track{flex-direction:column;padding:0 5%;transform:none!important;align-items:stretch}.hz .prog,.hz .bgfl{display:none}
 .hz .head{flex:none;margin-bottom:20px}.hz .head .hint{display:none}
 .panel{flex:none;height:520px;border-radius:300px 300px 24px 24px}.panel .im{inset:0}
 .panel .c{grid-template-columns:1fr}.panel .pr{grid-column:1;grid-row:auto;text-align:left}
}

/* togo */
.togo{background:var(--sand2);padding:clamp(90px,12vw,190px) 0;overflow:hidden}
.togo .wv{position:absolute;right:-18%;top:-14%;width:min(780px,70vw);opacity:.5;transform:scaleX(-1) rotate(-14deg)}
.togo .fl{position:absolute;left:-16%;bottom:-24%;width:min(640px,60vw);opacity:.22}
.togo .grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,7vw,120px);align-items:center}
.togo h2{font-size:clamp(2.6rem,5.6vw,5rem);font-weight:300;color:var(--deep);margin-bottom:1.6rem}
.togo .lead{color:var(--brown);font-size:1.08rem}
.pk{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:2.6rem 0 1.4rem;position:relative;background:rgba(251,248,243,.8);border-radius:99px;padding:6px;box-shadow:0 20px 50px -28px rgba(58,43,31,.5)}
.pk button{position:relative;z-index:2;border:0;background:none;font:500 .78rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--deep);padding:1.05rem .4rem;cursor:pointer;border-radius:99px;transition:color .5s}
.pk button.on{color:#fff}
.pk .ind{position:absolute;z-index:1;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/3);border-radius:99px;background:var(--deep);transition:transform .7s var(--ease)}
.pbox{display:flex;align-items:baseline;gap:1.4rem;flex-wrap:wrap;margin:1.8rem 0}
.pbox .n{font:300 clamp(4.6rem,9vw,7.6rem)/.85 var(--serif);color:var(--deep)}
.pbox .n sup{font-size:.4em;vertical-align:top;position:relative;top:.2em;color:var(--clay);margin-left:.1em}
.pbox .i{color:var(--brown);font-size:.95rem;max-width:26ch}
.togo .ft{margin-top:1rem;font-size:.84rem;color:var(--brown)}
.phoneW{position:relative;display:grid;place-items:center}
.phoneW:before{content:"";position:absolute;width:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(162,102,60,.35),transparent 68%)}
.phone{position:relative;width:min(340px,86%);aspect-ratio:9/18.6;background:#1d1610;border-radius:52px;padding:11px;box-shadow:0 70px 90px -40px rgba(58,43,31,.85),inset 0 0 0 2px #4a3a2c;will-change:transform}
.phone:before{content:"";position:absolute;top:20px;left:50%;width:92px;height:26px;margin-left:-46px;background:#000;border-radius:20px;z-index:5}
.scr{width:100%;height:100%;border-radius:42px;overflow:hidden;background:#ece3d8;display:flex;flex-direction:column;position:relative}
.scr:before{content:"";position:absolute;inset:0;opacity:.5;background:url(a/sky.webp) center 60%/cover;filter:saturate(.7)}
.scr .top{position:relative;z-index:2;padding:56px 18px 14px;background:rgba(247,241,233,.94);display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(58,43,31,.1)}
.scr .top .av{width:38px;height:38px;border-radius:50%;background:var(--sand) url(a/flower.webp) center/78%;border:1px solid rgba(58,43,31,.12)}
.scr .top b{display:block;font:500 .9rem/1.1 var(--sans);color:var(--deep)}
.scr .top small{font-size:.72rem;color:#3d8b57}
.msgs{position:relative;z-index:2;flex:1;padding:16px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px}
.msg{max-width:82%;padding:10px 13px;border-radius:16px;font-size:.84rem;line-height:1.4;box-shadow:0 2px 6px rgba(58,43,31,.1);opacity:0;transform:translateY(12px) scale(.97);transition:.6s var(--ease)}
.msg.show{opacity:1;transform:none}
.msg.inc{background:#fff;color:#2a2018;border-bottom-left-radius:4px;align-self:flex-start}
.msg.out{background:#dcf3c9;color:#1f2a18;border-bottom-right-radius:4px;align-self:flex-end}
.msg time{display:block;text-align:right;font-size:.6rem;opacity:.5;margin-top:2px}
.typing{align-self:flex-start;background:#fff;border-radius:16px;border-bottom-left-radius:4px;padding:12px 14px;display:none;gap:4px}
.typing.on{display:flex}
.typing i{width:6px;height:6px;border-radius:50%;background:#9a8e80;animation:ty 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{50%{transform:translateY(-4px);opacity:.5}}
.scr .inp{position:relative;z-index:2;margin:6px 12px 14px;padding:11px 16px;border-radius:99px;background:rgba(255,255,255,.95);font-size:.8rem;color:#9a8e80}
.chip{position:absolute;z-index:6;padding:.7rem 1.1rem;border-radius:99px;background:var(--paper);color:var(--deep);font:500 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 24px 40px -20px rgba(58,43,31,.6)}
@media(max-width:900px){.togo .grid{grid-template-columns:1fr}.pk button{font-size:.66rem;letter-spacing:.08em}}

/* haltung */
.haltung{background:var(--moss);color:var(--cream);padding:clamp(100px,13vw,210px) 0;overflow:hidden}
.haltung .fl{position:absolute;left:50%;top:50%;width:min(1100px,130vw);margin:calc(min(1100px,130vw)/-2) 0 0 calc(min(1100px,130vw)/-2);opacity:.09;filter:brightness(3) sepia(.2)}
.haltung .eyebrow{color:var(--clay-l)}
.haltung .q{font:300 clamp(2.6rem,6.6vw,6.2rem)/1.04 var(--serif);max-width:15ch;color:#fff;margin-bottom:2.6rem;position:relative}
.haltung .q .w{opacity:.2;transition:opacity .5s}.haltung .q .w.on{opacity:1}
.haltung .q .w.cl{font-style:italic;color:var(--clay-l)}
.haltung .lead{color:#d6d9ca;font-size:1.1rem;position:relative;max-width:56ch}
.pill{margin-top:clamp(50px,7vw,100px);border-top:1px solid rgba(255,255,255,.2);position:relative}
.pill div{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:20px;align-items:baseline;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.2);transition:padding .6s var(--ease),background .6s;cursor:default;position:relative}
.pill div:hover{padding-left:24px;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}
.pill span{font:italic 300 1.5rem var(--serif);color:var(--clay-l)}
.pill h3{font-size:clamp(1.8rem,3.6vw,3rem);font-weight:300}
.pill p{color:#c9ccbc;font-size:.98rem}
@media(max-width:760px){.pill div{grid-template-columns:50px 1fr}.pill p{grid-column:2}}

/* about */
.about{padding:clamp(90px,12vw,190px) 0;background:var(--cream)}
.about .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,140px);align-items:start}
.about .pic{position:sticky;top:100px}
.about .frame{aspect-ratio:3/4.3;border-radius:999px 999px 24px 24px;overflow:hidden;position:relative;box-shadow:0 60px 100px -50px rgba(58,43,31,.7)}
.about .frame .in{position:absolute;inset:-10% 0;will-change:transform}
.about .frame img{width:100%;height:100%;object-fit:cover}
.about .name{position:absolute;left:-8%;bottom:6%;background:var(--paper);padding:1rem 1.6rem;border-radius:99px;box-shadow:0 24px 40px -20px rgba(58,43,31,.5);font:italic 300 1.7rem var(--serif);color:var(--deep);z-index:3}
.about h2{margin-bottom:2rem}
.about .intro{font:300 clamp(1.4rem,2.3vw,2rem)/1.4 var(--serif);color:var(--deep);max-width:34ch;margin-bottom:2.4rem}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(58,43,31,.18);border:1px solid rgba(58,43,31,.18);border-radius:22px;overflow:hidden;margin:2.4rem 0}
.steps div{background:var(--cream);padding:1.5rem 1.6rem}
.steps small{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--clay);margin-bottom:.6rem}
.steps b{font:400 1.5rem/1.15 var(--serif);color:var(--deep)}
.tags{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 1rem}
.tags span{padding:.6rem 1.2rem;border-radius:99px;border:1px solid rgba(58,43,31,.3);font-size:.86rem;color:var(--deep);transition:.4s var(--ease)}
.tags span:hover{background:var(--deep);color:var(--cream)}
.note{font-size:.88rem;color:var(--brown)}
details.ac{border-top:1px solid rgba(58,43,31,.2)}
details.ac:last-of-type{border-bottom:1px solid rgba(58,43,31,.2)}
details.ac summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;font:300 clamp(1.5rem,2.6vw,2.1rem)/1.2 var(--serif);color:var(--deep)}
details.ac summary::-webkit-details-marker{display:none}
details.ac summary:after{content:"";flex:none;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(58,43,31,.35);background:linear-gradient(var(--deep),var(--deep)) center/14px 1px no-repeat,linear-gradient(var(--deep),var(--deep)) center/1px 14px no-repeat;transition:transform .6s var(--ease),background-color .4s}
details.ac[open] summary:after{transform:rotate(135deg);background-color:var(--sand)}
details.ac .bd{padding:0 0 1.8rem;color:var(--brown)}
details.ac .bd p+p{margin-top:1rem}
@media(max-width:900px){.about .grid{grid-template-columns:1fr}.about .pic{position:relative;top:0;max-width:420px}.steps{grid-template-columns:1fr}}

/* quiz */
.quiz{background:var(--sand);padding:clamp(90px,12vw,180px) 0;overflow:hidden;text-align:center}
.quiz .fl{position:absolute;right:-14%;top:-20%;width:min(820px,80vw);opacity:.45}
.quiz .wv{position:absolute;left:-10%;bottom:-24%;width:min(900px,90vw);opacity:.6}
.qbox{position:relative;max-width:900px;margin:3rem auto 0;background:rgba(251,248,243,.88);backdrop-filter:blur(14px);border-radius:36px;padding:clamp(28px,5vw,64px);text-align:left;box-shadow:0 60px 100px -50px rgba(58,43,31,.6)}
.qp{display:flex;gap:8px;margin-bottom:2.2rem}
.qp i{flex:1;height:3px;border-radius:3px;background:rgba(58,43,31,.15);position:relative;overflow:hidden}
.qp i:after{content:"";position:absolute;inset:0;background:var(--clay);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.qp i.on:after{transform:none}
.qn{font:500 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay);margin-bottom:1rem}
.qq{font:300 clamp(1.8rem,3.4vw,2.8rem)/1.15 var(--serif);color:var(--deep);margin-bottom:1.8rem}
.qo{display:grid;gap:.8rem}
.qo button{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;font:400 1rem/1.4 var(--sans);padding:1.3rem 1.6rem;border-radius:20px;border:1px solid rgba(58,43,31,.25);background:transparent;color:var(--ink);cursor:pointer;transition:.5s var(--ease)}
.qo button:after{content:"→";font-size:1.2rem;opacity:0;transform:translateX(-10px);transition:.5s var(--ease)}
.qo button:hover{background:var(--deep);color:var(--cream);padding-left:2rem}
.qo button:hover:after{opacity:1;transform:none}
.qa{animation:fi .9s var(--ease) both}
@keyframes fi{from{opacity:0;transform:translateY(20px)}}
.qr h3{font-size:clamp(2.6rem,5vw,4.4rem);font-weight:300;color:var(--deep);margin:.2rem 0 .6rem}
.qr .pr{font:italic 300 3.4rem/1 var(--serif);color:var(--clay);margin-bottom:1rem}
.qr .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:2rem}

/* breathe */
.br{background:#26302c;color:#e9efe9;padding:clamp(90px,12vw,170px) 0;text-align:center;overflow:hidden}
.br .eyebrow{color:#a9d4cf}
.br h2{font-size:clamp(2.6rem,6vw,5.4rem);font-weight:300;color:#fff}
.br h2 em{color:#a9d4cf;font-style:italic}
.br p{margin:1.4rem auto 0;color:#c7d6cf}
.bw{position:relative;width:min(340px,76vw);aspect-ratio:1;margin:3.6rem auto 2.4rem;display:grid;place-items:center}
.bw .ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(169,212,207,.35)}
.bw .ring:nth-child(2){inset:-9%;opacity:.5}.bw .ring:nth-child(3){inset:-19%;opacity:.25}
.orb{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#e3f6f2,#78b3ae 52%,#2f6264);box-shadow:0 0 90px 20px rgba(111,169,166,.3);transform:scale(.5)}
.bw span{position:relative;font:italic 300 2.2rem var(--serif);color:#0f2623}
.br .btn{background:#a9d4cf;color:#0f2623}
.br .btn:before{background:#fff}

/* contact */
.ct{background:var(--dk);color:var(--cream);padding:clamp(100px,13vw,200px) 0 clamp(60px,8vw,100px);overflow:hidden;text-align:center}
.ct .fl{position:absolute;left:50%;top:-10%;width:min(1000px,120vw);margin-left:calc(min(1000px,120vw)/-2);opacity:.1;filter:brightness(3) sepia(.3)}
.ct h2{font-size:clamp(3rem,9vw,8.6rem);font-weight:300;line-height:.95;max-width:12ch;margin:0 auto 2rem;color:#fff;position:relative}
.ct h2 em{color:var(--clay-l);font-style:italic}
.ct .lead{margin:0 auto 3rem;color:#d9cbbb;position:relative}
.big{display:block;font:300 clamp(1.8rem,5vw,4.4rem)/1.1 var(--serif);text-decoration:none;color:#fff;position:relative;width:max-content;max-width:100%;margin:0 auto;padding-bottom:.2em;background:linear-gradient(var(--clay-l),var(--clay-l)) left bottom/0 1px no-repeat;transition:background-size .8s var(--ease),color .4s}
.big:hover{background-size:100% 1px;color:var(--clay-l)}
.chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:2.6rem 0 4rem;position:relative}
.cform{position:relative;max-width:720px;margin:0 auto;text-align:left;display:grid;gap:1.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:clamp(26px,4.4vw,56px);border-radius:32px;backdrop-filter:blur(8px)}
.cform label{font:500 .68rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--clay-l)}
.cform input,.cform select,.cform textarea{width:100%;font:300 1.15rem/1.4 var(--sans);color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:.8rem 0;outline:0;border-radius:0;transition:border-color .4s}
.cform input:focus,.cform select:focus,.cform textarea:focus{border-color:var(--clay-l)}
.cform select option{color:#222}
.cform .nt{font-size:.8rem;color:#b9ac9c}
.cform .btn{justify-self:start;background:var(--clay-l);color:var(--deep)}
.cform .btn:before{background:#fff}
.disc{max-width:900px;margin:4rem auto 0;padding:1.8rem 2rem;border-radius:22px;border:1px solid rgba(255,255,255,.16);text-align:left;font-size:.86rem;color:#c9bcab;position:relative}
.disc b{display:block;font:500 .66rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay-l);margin-bottom:.8rem}

/* footer */
footer{background:#241a12;color:#d9cbbb;padding:clamp(60px,8vw,110px) 0 28px;overflow:hidden}
footer .word{font:300 clamp(5rem,21vw,21rem)/.8 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(223,206,191,.25);white-space:nowrap;margin:0 0 2.4rem;letter-spacing:-.03em}
footer .word em{color:rgba(217,164,124,.45);-webkit-text-stroke:0}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:3rem}
footer h4{font:500 .66rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay-l);margin-bottom:1.2rem}
footer a{display:block;text-decoration:none;margin:.45rem 0;opacity:.85;transition:.3s}
footer a:hover{opacity:1;color:#fff;transform:translateX(4px)}
footer .bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(223,206,191,.16);padding-top:22px;font-size:.8rem;opacity:.75}
footer .bot a{display:inline;margin:0 0 0 1.2rem}
@media(max-width:760px){footer .cols{grid-template-columns:1fr}}

/* floating */
.fab{position:fixed;right:18px;bottom:18px;z-index:400;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fab a,.fab button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 18px 34px -12px rgba(0,0,0,.5);transition:transform .5s var(--ease)}
.fab a{background:#25d366;color:#fff}.fab a:hover{transform:scale(1.1) rotate(-8deg)}
.fab svg{width:28px;height:28px}
.fab .up{width:46px;height:46px;background:var(--deep);color:var(--cream);opacity:0;pointer-events:none;transform:translateY(10px);transition:.5s var(--ease)}
.fab .up.on{opacity:1;pointer-events:auto;transform:none}

/* reveal */
.rv{opacity:0;transform:translateY(44px);transition:opacity 1.1s var(--ease),transform 1.3s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
.sp .m{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.14em;margin-bottom:-.14em}
.sp .m>span{display:inline-block;transform:translateY(112%);transition:transform 1.2s var(--ease)}
.sp.in .m>span{transform:none}
.mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.5s var(--ease)}
.mask.in{clip-path:inset(0)}

/* legal pages */
.lh{background:var(--sand);padding:170px 0 clamp(60px,8vw,110px);position:relative;overflow:hidden}
.lh .fl{position:absolute;right:-10%;top:-30%;width:min(720px,80vw);opacity:.5}
.lh h1{font-size:clamp(3.4rem,9vw,8rem);font-weight:300;color:var(--deep);position:relative}
.lh h1 em{color:var(--clay)}
.lh p{margin-top:1.4rem;color:var(--brown);position:relative}
.lc{padding:clamp(50px,7vw,100px) 0 clamp(80px,10vw,150px);background:var(--cream)}
.lc .grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(30px,6vw,100px);align-items:start}
.toc{position:sticky;top:110px;display:grid;gap:.2rem;font-size:.9rem}
.toc b{font:500 .66rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay);margin-bottom:1rem}
.toc a{text-decoration:none;color:var(--brown);padding:.5rem 0 .5rem 1rem;border-left:1px solid rgba(58,43,31,.2);transition:.4s var(--ease)}
.toc a:hover,.toc a.on{color:var(--deep);border-color:var(--clay);padding-left:1.4rem}
.doc section{padding:0 0 clamp(36px,5vw,64px);margin-bottom:clamp(36px,5vw,64px);border-bottom:1px solid rgba(58,43,31,.15)}
.doc section:last-child{border:0}
.doc h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:300;color:var(--deep);margin-bottom:1.4rem;display:flex;gap:1rem;align-items:baseline}
.doc h2 span{font:italic 300 1.5rem var(--serif);color:var(--clay)}
.doc h3{font:500 1.5rem/1.2 var(--serif);color:var(--deep);margin:1.8rem 0 .6rem}
.doc p{margin-bottom:1rem;max-width:72ch;color:#3b3026}
.doc ul{margin:0 0 1rem 1.2rem;max-width:72ch;color:#3b3026}
.doc li{margin-bottom:.5rem}
.doc .caps{font-size:.92rem;letter-spacing:.01em}
.card-i{background:var(--paper);border:1px solid rgba(58,43,31,.12);border-radius:26px;padding:clamp(24px,4vw,44px);box-shadow:0 40px 70px -50px rgba(58,43,31,.5);margin-bottom:2rem}
.card-i .r{display:grid;grid-template-columns:150px 1fr;gap:6px 24px;padding:.8rem 0;border-bottom:1px solid rgba(58,43,31,.1)}
.card-i .r:last-child{border:0}
.card-i .r small{font:500 .66rem/1.8 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--clay)}
.card-i a{text-decoration:none;border-bottom:1px solid var(--clay)}
@media(max-width:900px){.lc .grid{grid-template-columns:1fr}.toc{position:static;grid-auto-flow:column;overflow:auto;white-space:nowrap}.card-i .r{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,.sp .m>span{opacity:1;transform:none}.mask{clip-path:none}.stmt .w,.q .w{opacity:1}#pre{display:none}.hero h1 .l>span,.hero .sub,.hero .cta{transform:none;opacity:1}}

/* theme toggle */
.tg{width:46px;height:46px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.2);display:grid;place-items:center;color:#fff;transition:background .4s,transform .6s var(--ease)}
.tg:hover{transform:rotate(25deg)}
.tg svg{width:19px;height:19px}.tg .sun{display:none}
nav.s .tg,nav.lg .tg{background:rgba(58,43,31,.08);color:var(--deep)}
:root[data-theme=dark] .tg .sun{display:block}:root[data-theme=dark] .tg .moon{display:none}
nav ul li.tgi{display:flex}
@media(max-width:980px){nav .tg{background:rgba(58,43,31,.1);color:var(--deep)}}

/* dark mode (manuell) */
:root[data-theme=dark]{--cream:#1a1410;--paper:#241c16;--sand:#2c221a;--sand2:#221a14;--ink:#efe4d6;--deep:#f3e7d9;--brown:#c9b8a3;--clay:#d9a47c;--clay-l:#e6b992;--dk:#100c09;color-scheme:dark}
:root[data-theme=dark] body{background:var(--cream)}
:root[data-theme=dark] body:after{mix-blend-mode:screen;opacity:.04}
:root[data-theme=dark] nav.s .bar{background:rgba(26,20,16,.82)}
:root[data-theme=dark] nav ul .btn{color:#1a1410}
:root[data-theme=dark] nav.s ul .btn{background:var(--clay);color:#1a1410}
:root[data-theme=dark] .btn{background:var(--clay);color:#1a1410}
:root[data-theme=dark] .btn:before{background:#f3e7d9}
:root[data-theme=dark] .btn.line{background:transparent;color:var(--deep);box-shadow:inset 0 0 0 1px rgba(243,231,217,.4)}
:root[data-theme=dark] .btn.line:hover,:root[data-theme=dark] .btn:hover{color:#1a1410}
:root[data-theme=dark] .btn.light{background:#f3e7d9;color:#1a1410}
:root[data-theme=dark] .btn.lineL{background:transparent;color:#fff}
:root[data-theme=dark] .btn.lineL:hover{color:#1a1410}
:root[data-theme=dark] .tick div{-webkit-text-stroke-color:rgba(217,164,124,.45)}
:root[data-theme=dark] .qbox,:root[data-theme=dark] .pk{background:rgba(36,28,22,.85)}
:root[data-theme=dark] .pk button.on{color:#1a1410}
:root[data-theme=dark] .pk .ind{background:var(--clay)}
:root[data-theme=dark] .qo button:hover{color:#1a1410}
:root[data-theme=dark] .qo button{border-color:rgba(243,231,217,.25)}
:root[data-theme=dark] .qp i{background:rgba(255,255,255,.14)}
:root[data-theme=dark] .steps{background:rgba(243,231,217,.16);border-color:rgba(243,231,217,.16)}
:root[data-theme=dark] .tags span{border-color:rgba(243,231,217,.3)}
:root[data-theme=dark] .tags span:hover{color:#1a1410}
:root[data-theme=dark] details.ac,:root[data-theme=dark] details.ac:last-of-type{border-color:rgba(243,231,217,.2)}
:root[data-theme=dark] details.ac summary:after{box-shadow:inset 0 0 0 1px rgba(243,231,217,.4)}
:root[data-theme=dark] details.ac[open] summary:after{background-color:#3a2d22}
:root[data-theme=dark] .about .name,:root[data-theme=dark] .chip{background:var(--paper);color:var(--deep)}
:root[data-theme=dark] .seal{background:#3a2d22}
:root[data-theme=dark] .stack .b{border-color:var(--cream)}
:root[data-theme=dark] .togo .wv,:root[data-theme=dark] .quiz .wv{opacity:.22}
:root[data-theme=dark] .togo .fl,:root[data-theme=dark] .quiz .fl,:root[data-theme=dark] .lh .fl{opacity:.16;filter:brightness(2) sepia(.3)}
:root[data-theme=dark] .haltung{background:#1d241f}
:root[data-theme=dark] footer{background:#0b0806}
:root[data-theme=dark] .doc p,:root[data-theme=dark] .doc ul{color:#d8cbbb}
:root[data-theme=dark] .card-i{border-color:rgba(243,231,217,.14)}
:root[data-theme=dark] .card-i .r,:root[data-theme=dark] .doc section{border-color:rgba(243,231,217,.14)}
:root[data-theme=dark] .toc a{border-color:rgba(243,231,217,.2)}
:root[data-theme=dark] #pre{background:#1a1410}
#pre img.l{display:none}
:root[data-theme=dark] #pre img.d{display:none}
:root[data-theme=dark] #pre img.l{display:block}
:root[data-theme=dark] nav.s .logo .d{display:none}
:root[data-theme=dark] nav.s .logo .l{display:block}
:root[data-theme=dark] nav.lg .logo .d{display:none}
:root[data-theme=dark] nav.lg .logo .l{display:block}

/* Atemübung neu */
.br{position:relative;background:radial-gradient(90% 70% at 50% 100%,#1c3a3a,#17211f 70%)}
.br:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 58%,rgba(111,190,182,.5),transparent 70%);opacity:var(--b,.3);pointer-events:none}
.br .wrap{position:relative}
.bz{position:relative;width:min(760px,96vw);aspect-ratio:1;margin:1rem auto .4rem}
.bz canvas{position:absolute;inset:0;width:100%;height:100%}
.bx{position:absolute;inset:17%}
.bx svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bx .glow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(169,232,224,.55),rgba(111,190,182,.18) 45%,transparent 70%);transform:scale(calc(.55 + var(--b,.3)*.7));filter:blur(14px);opacity:.9}
.rg{fill:none;stroke:#a9d4cf;stroke-width:1}
.pe{fill:rgba(169,232,224,.12);stroke:rgba(200,245,238,.55);stroke-width:1}
.trk{fill:none;stroke:rgba(169,212,207,.2);stroke-width:1.5}
.arc{fill:none;stroke:#bff3ea;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #7fe0d2)}
.bt{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.bt span{font:italic 300 clamp(1.8rem,4.6vw,2.8rem)/1 var(--serif);color:#0e2623;text-shadow:0 0 22px rgba(255,255,255,.5)}
.bt b{font:500 .8rem/1 var(--sans);letter-spacing:.3em;color:#0e2623;opacity:.7;margin-top:.7rem}
.bi{font:500 .7rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#a9d4cf;margin:0 auto 2rem;opacity:.8}

/* Änderungen */
@media(max-width:900px){.tick{display:none}}
.cl{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:0 0 1.8rem;position:relative}
.cl a{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:min(290px,100%);padding:1.3rem 1.8rem;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(255,255,255,.04);text-decoration:none;color:#fff;transition:background .5s var(--ease),color .5s,transform .5s var(--ease)}
.cl a:hover{background:var(--clay-l);color:#2a2018;transform:translateY(-4px)}
.cl small{font:500 .64rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--clay-l);transition:color .5s}
.cl a:hover small{color:#2a2018}
.cl b{font:300 clamp(1.3rem,2.4vw,1.8rem)/1.1 var(--serif)}
.flow{font:300 clamp(1.35rem,2.1vw,1.85rem)/1.55 var(--serif);color:var(--deep);max-width:34ch;margin:2rem 0 2.2rem;padding-left:1.6rem;border-left:1px solid var(--clay)}
.flow small{font:500 .62rem/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--clay);margin-right:.3em;vertical-align:.15em}
.flow em{color:var(--clay)}
.mind{position:relative;aspect-ratio:1;width:100%}
.mind canvas{position:absolute;inset:0;width:100%;height:100%}
.haltung .hbg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.haltung .hbg div{position:absolute;inset:-10% 0;background:url(a/lake.webp) center/cover;opacity:.32;mix-blend-mode:luminosity}
.haltung .hbg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--moss) 8%,rgba(58,66,56,.55) 55%,rgba(58,66,56,.25))}
:root[data-theme=dark] .haltung .hbg:after{background:linear-gradient(90deg,#1d241f 8%,rgba(29,36,31,.55) 55%,rgba(29,36,31,.25))}
.haltung .wrap{position:relative;z-index:1}
footer .word{line-height:1.05;text-align:center;margin:0 0 2.4rem;letter-spacing:-.02em;font-size:12vw}
footer .word span{display:inline-block;white-space:nowrap}

.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,100px);align-items:center}
.harch{position:relative;aspect-ratio:3/4.3;border-radius:999px 999px 24px 24px;overflow:hidden;box-shadow:0 60px 100px -45px #000}
.harch .in{position:absolute;inset:-10% 0;will-change:transform}
.harch img{width:100%;height:100%;object-fit:cover}
.haltung .q{max-width:16ch}
@media(max-width:900px){.hgrid{grid-template-columns:1fr}.harch{max-width:440px;margin:0 auto;width:100%}}