/*
  creativecouch | Webdesign, SEO und GEO
  Paul Böstro
  Pappelweg 7, 35510 Butzbach
  https://creativecouch.de
*/
@layer tokens,base,layout,components,utilities,sections,pages,reveal,a11y;@layer sections{.clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud{position:absolute;border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;background:radial-gradient(120% 120% at 28% 22%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.7) 22%,rgba(238,243,243,0) 55%), radial-gradient(100% 100% at 70% 80%,rgba(168,192,194,.55) 0%,rgba(168,192,194,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#eef3f3 45%,#dfe8e9 80%,#a8c0c2 130%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(73,127,131,.16), inset 1.6rem 2rem 4rem var(--white-a90), 0 4rem 8rem var(--ink-a05)}.cloud--warm{background:radial-gradient(120% 120% at 30% 24%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.65) 24%,rgba(252,243,243,0) 55%), radial-gradient(100% 100% at 72% 78%,rgba(247,200,200,.45) 0%,rgba(247,200,200,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#fcf3f3 50%,#fdebeb 90%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(196,54,54,.07), inset 1.6rem 2rem 4rem var(--white-a90)}.js .clouds .cloud{opacity:0;transition:opacity .6s var(--ease-soft, ease)}.js .clouds.is-fit .cloud{opacity:1}.cloud{animation-duration:18s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion: no-preference){.clouds.is-visible .cloud{animation-name:cloudMorph;animation-iteration-count:infinite;animation-direction:alternate}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(2n){animation-name:cloudMorph2;animation-duration:23s;animation-delay:-7s}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(3n){animation-name:cloudMorph3;animation-duration:15s;animation-delay:-11s}}html.motion-paused .clouds .cloud{animation-play-state:paused}@keyframes cloudMorph{0%{border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;rotate:-5deg;scale:1}25%{border-radius:70% 30% 52% 48% / 38% 62% 38% 62%;rotate:2deg;scale:1.04 .96}50%{border-radius:35% 65% 30% 70% / 60% 45% 55% 40%;rotate:7deg;scale:.97 1.03}75%{border-radius:58% 42% 70% 30% / 30% 58% 42% 70%;rotate:-2deg;scale:1.03}100%{border-radius:40% 60% 55% 45% / 38% 55% 45% 62%;rotate:9deg;scale:.98 1.02}}@keyframes cloudMorph2{0%{border-radius:62% 38% 42% 58% / 50% 65% 35% 50%;rotate:4deg;scale:1}33%{border-radius:38% 62% 66% 34% / 64% 36% 64% 36%;rotate:-6deg;scale:1.05 .95}66%{border-radius:55% 45% 32% 68% / 42% 70% 30% 58%;rotate:3deg;scale:.96 1.04}100%{border-radius:30% 70% 58% 42% / 55% 40% 60% 45%;rotate:-8deg;scale:1.02}}@keyframes cloudMorph3{0%{border-radius:50% 50% 35% 65% / 68% 42% 58% 32%;rotate:-3deg;scale:1.03 .97}50%{border-radius:66% 34% 60% 40% / 36% 60% 40% 64%;rotate:5deg;scale:.97 1.03}100%{border-radius:42% 58% 48% 52% / 52% 34% 66% 48%;rotate:-7deg;scale:1}}.l-page{--l-gap:clamp(4rem, 2.4rem + 3vw, 8rem)}.l-section{position:relative;padding-block:var(--section)}.midcta + .l-section:is(.s-flow,.k-flow){padding-top:clamp(3.2rem, 2rem + 2.4vw, 5.6rem)}.l-page main :is(.l-stack,.l-stack > *){min-width:0}.l-stack{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem;align-content:start}.l-page main{overflow-wrap:break-word}@media (max-width: 599px){.l-page main :is(p,li,h2,h3,dd,dt){hyphens:manual}}.l-h2{font-size:var(--fs-56);font-weight:var(--fw-head-strong);letter-spacing:-.03em;line-height:1.04;text-wrap:wrap}.l-split__strong,.l-split__light{display:block}.l-split__light{margin-top:.1em;font-weight:300}.l-lede{font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.l-eyebrow{font-family:var(--font-head);font-weight:var(--fw-head-light);font-size:var(--fs-20);line-height:1.35}.l-label{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-18);line-height:1.3}.l-link{color:var(--cc-red);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s, text-decoration-thickness .3s}:is(h1,h2,h3,h4) .l-link{font-weight:inherit}.l-link:hover{color:var(--cc-red);text-decoration-thickness:2px}.l-link.u-nowrap{white-space:nowrap}.l-more{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s}.l-more svg{width:1.2rem;height:1.2rem;transition:transform .4s var(--ease-out)}.l-more:hover{color:var(--cc-red)}:is([data-header="dark"],.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) :is(.l-more,.l-link):not(.l-paper *):is(:hover,:focus-visible){color:inherit;text-decoration-thickness:2px}.l-more:hover svg{transform:translate3d(.2rem, -.2rem, 0)}.l-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}.l-tone-dark{background:var(--teal-900)}.l-tone-petrol{background:var(--teal-700)}.l-tone-red{background:var(--cc-red)}.l-tone-ink{background:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink){--cc-muted:rgba(255, 255, 255, .86);--cc-line:rgba(255, 255, 255, .26);--cc-line-strong:rgba(255, 255, 255, .45);color:var(--cc-white)}.l-tone-red{--cc-muted:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-link{color:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper{--cc-muted:rgba(28, 28, 28, .74);--cc-line:rgba(28, 28, 28, .14);--cc-line-strong:rgba(28, 28, 28, .26);color:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper :focus-visible{outline-color:var(--cc-red)}.l-illu{display:block;width:100%;height:auto;aspect-ratio:835 / 874}@media print{[data-pop-pin]{height:auto !important}[data-pop-sticky]{position:static}[data-pop] [data-pop-item],[data-pop] [data-pop-item] *,[data-pop] [data-pop-final]{opacity:1;transform:none !important;clip-path:none !important;stroke-dashoffset:0}}.l-page :is(.s-step__text,.s-step__result,.bf-check__text){font-size:1.7rem;font-weight:300}.w-hero{position:relative;display:grid;align-content:center;min-height:calc(100vh + 1.6rem);min-height:calc(100svh + 1.6rem);overflow:hidden;padding:calc(var(--header-h) + clamp(3.2rem, 1rem + 4vw, 7.2rem)) 0 var(--section);background:linear-gradient(180deg, var(--teal-50) 0%, var(--cc-paper) 82%)}.w-hero__grid,.w-close__inner{position:relative;z-index:2}.w-hero .cloud--1{width:44rem;height:40rem;left:-22rem;top:-18rem}.w-hero .cloud--2{width:34rem;height:30rem;right:-14rem;bottom:2rem;animation-duration:22s}.w-hero__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4rem var(--gutter);align-items:center}.w-hero__text{grid-column:1 / span 6;gap:clamp(2rem, 1.2rem + 1vw, 2.8rem)}.w-hero__title{font-size:var(--fs-64);letter-spacing:-.04em;line-height:1.02;text-wrap:wrap}.w-hero__strong,.w-hero__light{display:block}.w-hero__strong{font-weight:800}.w-hero__light{margin-top:.06em;font-weight:300}.w-hero__sub{max-width:56rem;font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.w-hero__media{position:relative;grid-column:7 / -1;display:grid;gap:1.6rem}.w-film__box{position:relative;overflow:hidden;aspect-ratio:1200 / 824;border-radius:var(--radius-lg);background:var(--teal-50);box-shadow:var(--shadow-photo)}.w-sc{display:block;width:100%;height:100%}.w-paper,.w-ui,.w-frame,.w-wire,.w-guides,.w-design,.w-frames,.w-cur{opacity:0}.js .w-s{stroke-dasharray:1 1}.w-sc .w-tile,.w-dev{transform-box:fill-box;transform-origin:center}.w-film__steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem}.w-film__steps li{display:flex;align-items:center;gap:.4rem}.w-film__steps li + li::before{content:"·";color:var(--cc-muted);font-weight:700}.w-film__steps button{min-height:4.4rem;padding:.6rem 1.2rem;border:0;border-radius:99rem;background:none;color:var(--cc-muted);font:inherit;font-family:var(--font-head);font-weight:300;font-size:1.7rem;line-height:1.2;cursor:pointer;transition:background-color .3s, color .3s}.w-film__steps button:hover{color:var(--cc-ink)}.w-film__steps button[aria-current="step"]{background:var(--cc-ink);color:var(--cc-white)}.w-film__steps button:focus-visible{outline:3px solid var(--cc-red);outline-offset:2px}.w-film__bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 1.6rem}.w-film__bar[hidden]{display:none}.w-film__bar .band__toggle{margin:0}.w-film__bar .band__toggle[hidden]{display:none}.w-film.is-paused .band__toggle .i-play{display:block}.w-film.is-paused .band__toggle .i-pause{display:none}@media (prefers-reduced-motion: no-preference){.js .w-hero__media{animation:wRise 1s var(--ease-out) .1s backwards}}@keyframes wRise{from{opacity:0;transform:translate3d(0, 2.4rem, 0)}to{opacity:1;transform:none}}.w-why{background:linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 4rem 4rem, linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 4rem 4rem, var(--teal-900)}.w-why .w-pile{background:rgba(255, 255, 255, .08);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .18)}.w-why__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4.8rem var(--gutter);align-items:center}.w-why__text{grid-column:1 / span 6;gap:2.4rem}.w-why__text .l-h2{max-width:18ch;margin-bottom:.8rem}.w-pile{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.2rem;grid-column:8 / span 5;padding:2.4rem;border-radius:var(--radius-lg);background:var(--teal-50)}.w-pile__block{position:relative;display:grid;place-items:center;min-height:6.4rem;padding:1rem;border:1.5px solid var(--teal-300);border-radius:var(--radius);background:var(--cc-white);color:var(--teal-900);font-family:var(--font-head);font-weight:700;font-size:var(--fs-16);line-height:1.2;text-align:center}.w-pile__block::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 .8rem 2rem var(--ink-a10);opacity:0;pointer-events:none}.has-progress .w-pile__block{--q:calc(1 - clamp(0, (var(--p, 1) - var(--i, 0) * .05) / .7, 1));transform:translate3d(calc(var(--x, 0rem) * var(--q)), calc(var(--y, 0rem) * var(--q)), 0) rotate(calc(var(--rot, 0deg) * var(--q)));will-change:transform}.has-progress .w-pile__block::after{opacity:var(--q)}.w-pile__block--1{grid-column:1 / -1;justify-self:center;width:calc((100% - 2.4rem) / 3);border-color:var(--teal-700);background:var(--teal-700);color:var(--cc-white);--x:6rem;--y:15rem;--rot:-9deg}.w-pile__block--2{--x:9rem;--y:7rem;--rot:14deg;--i:1}.w-pile__block--3{--x:1rem;--y:10rem;--rot:-21deg;--i:2;background:var(--cc-mist)}.w-pile__block--4{--x:-9rem;--y:4rem;--rot:9deg;--i:3}.w-pile__block--5{--x:8rem;--y:-5rem;--rot:-15deg;--i:4}.w-pile__block--6{--x:-2rem;--y:-1rem;--rot:24deg;--i:5;background:var(--cc-mist)}.w-pile__block--7{--x:-11rem;--y:-9rem;--rot:-6deg;--i:6}.w-why__good{grid-column:1 / -1;display:grid;gap:3.2rem;margin-top:clamp(1.6rem, 0rem + 3vw, 4.8rem);padding-top:clamp(3.2rem, 2rem + 2vw, 5.6rem);border-top:1px solid var(--cc-line)}.w-why__statement{max-width:26ch;font-family:var(--font-head);font-weight:300;font-size:var(--fs-52);letter-spacing:-.03em;line-height:1.1}.w-why__cols{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2.4rem clamp(3.2rem, 1rem + 4vw, 8rem);max-width:120rem}.w-get{background:var(--teal-50)}.w-get__title{max-width:20ch;margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.w-cta{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2.4rem clamp(3.2rem, 2rem + 3vw, 6.4rem);margin-top:6.4rem;padding:clamp(2.8rem, 2rem + 2vw, 4.8rem) clamp(2.4rem, 1.6rem + 2.4vw, 5.6rem);border-radius:var(--radius-lg);background:var(--teal-900);color:var(--cc-white)}.w-cta::before{content:"";position:absolute;left:50%;bottom:100%;width:2px;height:6.4rem;margin-left:-1px;background:var(--teal-700)}.w-cta :focus-visible{outline-color:var(--cc-white)}.w-cta__text{display:grid;gap:.8rem;max-width:60rem}.w-cta__title{font-family:var(--font-head);font-weight:var(--fw-head-strong);font-size:var(--fs-36);letter-spacing:-.02em;line-height:1.15}.w-cta__text p:not(.w-cta__title){color:rgba(255, 255, 255, .86)}.w-map{--bus:3.2rem;position:relative}.w-map__root{display:flex;justify-content:center;max-width:none;margin-bottom:calc(var(--bus) * 2)}.w-map__root span{position:relative;padding:1.2rem 2.8rem;border-radius:var(--pill);background:var(--teal-900);color:var(--cc-white);font-family:var(--font-head);font-weight:700;font-size:var(--fs-18)}.w-map__root span::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:var(--bus);margin-left:-1px;background:var(--teal-700);transform-origin:50% 0}.w-map__list{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--bus) var(--gutter)}.w-map__list::before{content:"";position:absolute;top:calc(var(--bus) * -1);left:calc((100% - 2 * var(--gutter)) / 6);right:calc((100% - 2 * var(--gutter)) / 6);height:2px;margin-top:-1px;background:var(--teal-700)}.w-node{position:relative;display:grid;grid-template-columns:minmax(0, 1fr);align-content:start;gap:1.2rem;padding:clamp(2.4rem, 1.8rem + .8vw, 3.2rem);border-radius:var(--radius-lg);background:var(--cc-white);box-shadow:0 .2rem .6rem var(--ink-a06)}.w-node::before{content:"";position:absolute;left:50%;top:calc(var(--bus) * -1);width:2px;height:var(--bus);margin-left:-1px;background:var(--teal-700);transform-origin:50% 0}.w-node__icon{width:clamp(11.2rem, 7rem + 4.4vw, 15.2rem);margin:-.8rem 0 0 -1rem}.w-node__title{font-size:var(--fs-h3);font-weight:var(--fw-head-strong);letter-spacing:-.01em;line-height:1.2}@media (prefers-reduced-motion: no-preference){.js .w-map__root span{opacity:0;transform:scale(.85);transition:opacity .3s var(--ease-soft), transform .5s cubic-bezier(.175, .885, .32, 1.275)}.js .w-map__root span::after{transform:scaleY(0);transition:transform .3s var(--ease-out) .35s}.js .w-map__list::before{transform:scaleX(0);transition:transform .6s var(--ease-out) .6s}.js .w-node::before{transform:scaleY(0);transition:transform .3s var(--ease-out);transition-delay:calc(1.05s + var(--n) * 60ms)}.js .w-node{opacity:0;transform:translate3d(0, 1.6rem, 0);transition:opacity .5s var(--ease-soft), transform .7s var(--ease-out);transition-delay:calc(1.2s + var(--n) * 90ms)}.js .w-map.is-inview .w-map__root span,.js .w-map.is-inview .w-node{opacity:1;transform:none}.js .w-map:focus-within .w-map__root span,.js .w-map:focus-within .w-node{opacity:1;transform:none;transition:none}.js .w-map.is-inview .w-map__root span::after,.js .w-map.is-inview .w-map__list::before,.js .w-map.is-inview .w-node::before{transform:none}}.w-node--1{--n:0}.w-node--2{--n:1}.w-node--3{--n:2}.w-node--4{--n:3}.w-node--5{--n:4}.w-node--6{--n:5}.w-flow{background:var(--cc-paper)}.w-flow__title{margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.w-load{--dot:4.8rem;position:relative}.w-load__track{position:absolute;left:0;right:0;top:calc(var(--dot) / 2 - .3rem);height:.6rem;overflow:hidden;border-radius:var(--pill);background:var(--cc-mist)}.w-load__fill{position:absolute;inset:0;background:linear-gradient(90deg, var(--teal-700), var(--cc-teal));transform:scaleX(var(--p, 1));transform-origin:0 50%}.w-load__steps{position:relative;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-rows:auto auto auto 1fr auto;gap:0 var(--gutter)}.w-stage{display:grid;grid-row:span 5;grid-template-rows:subgrid;gap:1.2rem;align-content:start;padding-right:clamp(0rem, -1rem + 2vw, 2.4rem)}.w-stage__dot{display:grid;place-items:center;width:var(--dot);height:var(--dot);margin-bottom:1.2rem;border:2px solid var(--cc-mist);border-radius:50%;background:var(--cc-paper);color:var(--teal-700);font-family:var(--font-head);font-weight:700;font-size:var(--fs-18);transition:background .3s var(--ease-ui), border-color .3s var(--ease-ui), color .3s var(--ease-ui), transform .45s cubic-bezier(.175, .885, .32, 1.275)}.w-stage.is-on .w-stage__dot{border-color:var(--teal-700);background:var(--teal-700);color:var(--cc-white)}.has-progress .w-stage__dot{transform:scale(.88)}.has-progress .w-stage.is-on .w-stage__dot{transform:none}.w-stage__icon{width:clamp(8.8rem, 6rem + 3vw, 12rem);margin:.4rem 0 -.4rem -.8rem}.w-stage__title{font-size:var(--fs-h3);font-weight:var(--fw-head-strong);letter-spacing:-.01em;line-height:1.2}.w-stage__text{font-size:1.7rem;font-weight:300}.w-stage__result{align-content:start;display:grid;gap:.4rem;padding:1.6rem 1.8rem;border-radius:var(--radius);background:var(--teal-50)}.w-stage__result strong{color:var(--cc-red);font-family:var(--font-head);font-weight:700;font-size:var(--fs-16)}.w-stage__result em{font-style:normal;font-size:1.7rem;font-weight:300}.w-net{background:var(--cc-red);color:var(--cc-white)}.w-net :focus-visible{outline-color:var(--cc-white)}.w-net__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4rem var(--gutter);align-items:start}.w-net__head{position:sticky;top:calc(var(--header-h) + 3.2rem);grid-column:1 / span 5}.w-net__rows{grid-column:7 / span 6}.w-net__row{padding-block:2.4rem;border-top:1px solid var(--white-a30);font-size:var(--fs-20);line-height:1.55}.w-net__row:last-child{padding-bottom:0}.w-net__row:first-child{padding-top:0;border-top:0}.w-net .l-link{color:var(--cc-white)}.w-net .l-link:is(:hover,:focus-visible){color:var(--cc-white);text-decoration-thickness:2px}.w-faq .faq__a :is(a,a:hover,a:focus-visible){color:var(--cc-red-hover)}.w-faq__title{margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.w-faq__cols{display:grid;grid-template-columns:minmax(0, 1fr);gap:0 clamp(3.2rem, 1rem + 4vw, 8rem);align-items:start}.w-close{overflow:hidden;background:linear-gradient(180deg, var(--cc-paper) 0%, var(--teal-50) 100%);text-align:center}.w-close .cloud--1{width:42rem;height:38rem;left:-16rem;top:-14rem}.w-close .cloud--2{width:34rem;height:30rem;right:-10rem;bottom:-18rem;animation-duration:24s}.w-close__inner{justify-items:center;gap:3.2rem}.w-close__title{max-width:16ch;font-size:var(--fs-88);font-weight:800;letter-spacing:-.045em;line-height:1;text-wrap:wrap}.w-close__text{max-width:var(--measure-lede)}.w-close__actions{justify-content:center}@media (max-width: 1199px){.w-map__list{grid-template-columns:repeat(2, minmax(0, 1fr))}.w-map__list::before{left:calc((100% - var(--gutter)) / 4);right:calc((100% - var(--gutter)) / 4)}.w-load__steps{grid-template-columns:repeat(2, minmax(0, 1fr));gap:3.2rem var(--gutter)}.w-load__track{display:none}}@media (max-width: 991px){.w-hero__text,.w-hero__media{grid-column:1 / -1}.w-why__text,.w-pile{grid-column:1 / -1}.w-pile{max-width:56rem}.w-net__head,.w-net__rows{position:static;grid-column:1 / -1}.w-faq__cols{grid-template-columns:minmax(0, 1fr)}}@media (max-width: 767px){.w-hero .cloud--1{width:28rem;height:26rem;left:-14rem;top:-10rem}.w-hero .cloud--2{display:none}.w-why__cols{grid-template-columns:minmax(0, 1fr)}.w-map__root{justify-content:flex-start;margin-bottom:var(--bus)}.w-map__root span::after{left:3.2rem}.w-map__list{grid-template-columns:minmax(0, 1fr);padding-left:3.2rem}.w-map__list::before{top:calc(var(--bus) * -1);bottom:50%;left:3.2rem;right:auto;width:2px;height:auto;margin:0 0 0 -1px}.w-node{margin-left:2.4rem}.w-node::before{left:-2.4rem;top:50%;width:2.4rem;height:2px;margin:-1px 0 0;transform-origin:0 50%}.w-map__list::before{bottom:auto;height:var(--bus)}.w-node::after{content:"";position:absolute;left:-2.4rem;top:calc(var(--bus) * -1);bottom:0;width:2px;margin-left:-1px;background:var(--teal-700)}.w-node:last-child::after{bottom:50%}.w-load__steps{grid-template-columns:minmax(0, 1fr);grid-template-rows:none}.w-stage{grid-row:auto;grid-template-rows:none}.w-close .cloud--1{width:26rem;height:24rem}}@media (max-width: 599px){.w-pile{padding:1.6rem;gap:.8rem}.w-pile__block{min-height:5.6rem;padding:.6rem}.w-pile__block--1{width:calc((100% - 1.6rem) / 3)}}@media print{.w-pile,.w-load__track{display:none}.w-net{background:none;color:var(--cc-black)}}@media (max-width: 599px){.w-film__box{aspect-ratio:1.15 / 1}.w-sc .w-side{display:none}.w-sc .w-note{transform:translateX(-20px)}.w-film__steps{gap:0}.w-film__steps button{padding:.6rem .8rem;font-size:var(--fs-16)}}@media (max-width: 379px){.w-film__steps{display:grid;grid-template-columns:repeat(2, auto);justify-content:center;gap:.4rem}.w-film__steps li + li::before{content:none}.w-film__steps button{width:100%}}@media (max-width: 767px) and (prefers-reduced-motion: no-preference){.js .w-node{transition:opacity .6s var(--ease-soft), transform .8s var(--ease-out);transition-delay:0s}.js .w-map.is-inview .w-node:not(.is-inview){opacity:0;transform:translate3d(0, 2.4rem, 0)}.js .w-node::before{transition-delay:.25s}.js .w-map.is-inview .w-node:not(.is-inview)::before{transform:scaleX(0)}.js .w-node::after{transform-origin:50% 0;transition:transform .7s var(--ease-out)}.js .w-node:not(.is-inview)::after{transform:scaleY(0)}}}
