.device-fit{width:100%;container-type:inline-size}.device-fit>.device{width:100%;font-size:max(11px,4.1cqw);position:relative}.device-fit>.device--phone{aspect-ratio:9/16}.device-fit>.device--browser{aspect-ratio:16/10}@media (min-width:1024px){.device-fit>.device--phone{aspect-ratio:9/18.6}}.device{box-sizing:border-box}.device__screen{background:var(--color-ink);color:var(--color-ground);position:absolute;inset:0;overflow:hidden}.device[data-tone=panel]>.device__screen{background:var(--color-panel);color:var(--color-ink)}.device.device--phone{--rim:.6em;--r:2.6em;--body:#2c2e32;border:1px solid var(--color-line);background:var(--color-ink);overflow:hidden}@media (min-width:1024px){.device.device--phone{background:var(--body);border-radius:var(--r);border:1px solid #ffffff29;overflow:visible}.device.device--phone:before,.device.device--phone:after{content:"";background:var(--body);border-radius:999px;width:.2em;position:absolute}.device.device--phone:before{height:9%;top:21%;left:calc(1px - .2em)}.device.device--phone:after{height:14%;top:24%;right:calc(1px - .2em)}.device.device--phone>.device__screen{inset:var(--rim);border-radius:calc(var(--r) - var(--rim))}.device.device--phone>.device__screen:after{content:"";z-index:6;pointer-events:none;background:#ffffff80;border-radius:999px;width:36%;height:.22em;position:absolute;bottom:.45em;left:50%;translate:-50%}}.device.device--browser{--bar:2.2em;border:1px solid var(--color-line);background:var(--color-ink);overflow:hidden}.device.device--browser[data-tone=panel]{background:var(--color-panel)}.device.device--browser>.device__bar{height:var(--bar);color:#fff9;z-index:2;border-bottom:1px solid #ffffff24;align-items:center;gap:.7em;padding:0 .8em;display:flex;position:absolute;inset:0 0 auto}.device.device--browser[data-tone=panel]>.device__bar{border-bottom-color:var(--color-line);color:var(--color-mute)}.device__dots{gap:.3em;display:inline-flex}.device__dots i{opacity:.55;background:currentColor;border-radius:999px;width:.5em;height:.5em;display:block}.device__url{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;background:#ffffff14;flex:auto;min-width:0;padding:.25em .7em;font-size:.72em;overflow:hidden}.device.device--browser[data-tone=panel] .device__url{background:var(--color-ground);border:1px solid var(--color-line)}.device.device--browser>.device__screen{top:var(--bar)}
.fstory{timeline-scope:--rst1;view-timeline-name:--rfstory;--p:1;--qs:0}.fstory[data-step="2"]{--p:2}.fstory[data-step="3"]{--p:3}.fstory[data-step="4"]{--p:4}.fstory[data-quiz="1"]{--qs:1}.fstory[data-quiz="2"]{--qs:2}.fstory[data-quiz="3"]{--qs:4}.fstory[data-step="4"]{--qs:6}.fstory__grid{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.fstory__grid{column-gap:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr))}.fstory__stations{padding-bottom:var(--fstory-pad-bottom,20vh);grid-area:1/1/auto/6}.fstory__stage{grid-area:1/7/auto/13;align-self:start}}.fstory__stage{top:calc(var(--nav-h) + 12px);z-index:2;background:var(--color-ground);height:clamp(280px,46svh,480px);position:sticky}@media (min-width:1024px){.fstory__stage{top:calc(var(--nav-h) / 2 + 50vh);top:calc(var(--nav-h) / 2 + 50svh);height:clamp(520px,72vh,760px);transform:translateY(-50%)}}.fstory__progress{background:var(--color-line);z-index:3;height:2px;position:absolute;top:0;left:0;right:0}.fstory__progress i{background:var(--color-accent);transform-origin:0;height:100%;transform:scaleX(calc(var(--p) / 4));transition:transform var(--dur-medium) var(--ease-brand);display:block}@supports (animation-timeline:view()){.fstory__progress i{transition:none;animation:linear both rfstory-progress;animation-timeline:--rfstory;animation-range:contain}}@keyframes rfstory-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fstory__scene{position:absolute;inset:12px 0 0;container-type:size}.fstory__card{width:100%;height:100%;position:relative}.fstory__face{backface-visibility:hidden;background:var(--color-panel);border:1px solid var(--color-line);transition:transform .6s var(--ease-brand);margin:auto;position:absolute;inset:0;overflow:hidden}.fstory__face--front{width:min(100cqw,56.25cqh);height:min(100cqh,177.778cqw);transform:none}.fstory__face--back{width:min(100cqw,160cqh);height:min(100cqh,62.5cqw);transform:perspective(1600px)rotateY(-180deg)}.fstory[data-step="4"] .fstory__face--front{transition-delay:.45s;transform:perspective(1600px)rotateY(180deg)}.fstory[data-step="4"] .fstory__face--back{transition-delay:.45s;transform:none}.fstory__station{min-height:62vh;padding-block:var(--space-8);flex-direction:column;justify-content:center;display:flex;position:relative}@media (max-width:1023.98px){.fstory__station:last-child{min-height:100vh}}@media (min-width:1024px){.fstory__station{min-height:clamp(520px,72vh,760px)}.fstory__station:first-child{min-height:70vh}}.fstory__station[data-quiz-station]{justify-content:flex-start;padding-top:20vh}.fstory__beats{pointer-events:none;flex-direction:column;display:flex}.fstory__beats i{height:30vh;display:block}@media (min-width:1024px){.fstory__station[data-quiz-station]{padding-top:30vh}.fstory__beats i{height:34vh}}.fstory__text{z-index:1;position:relative}.rphone{background:var(--color-ink);color:var(--color-ground);--edge:#ffffff24;--bar:#ffffff4d;--soft:#ffffff14;font-size:max(11px,min(2.3cqh,4.1cqw));position:absolute;inset:0;overflow:hidden}@media (min-width:1024px){.fstory__face--front{width:min(100cqw,48.3871cqh);height:min(100cqh,206.667cqw);font-size:max(11px,min(2.3cqh,4.1cqw))}.rphone__screen{padding-top:1.3em;padding-bottom:1.9em}.rphone__screen--feed{padding:0}.rphone__feed{padding-top:1.3em;padding-bottom:1.9em}}.rphone__badge,.rdash__badge{z-index:5;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-accent);padding:.2em .5em;font-size:.7em;position:absolute;top:.8em;right:.8em}.rphone__shot{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.rphone__screen{background:var(--color-ink);transition:transform .45s var(--ease-brand), opacity .3s var(--ease-brand);flex-direction:column;padding:1.2em 1em;display:flex;position:absolute;inset:0}.rphone__screen--page{transform:translateY(100%)}.rphone__screen--quiz{transform:translate(100%)}.rphone__screen--done{opacity:0;pointer-events:none}.fstory[data-step="2"] .rphone__screen--page,.fstory[data-step="3"] .rphone__screen--page,.fstory[data-step="4"] .rphone__screen--page,.fstory[data-step="3"] .rphone__screen--quiz,.fstory[data-step="4"] .rphone__screen--quiz{transition-delay:.25s;transform:none}.fstory[data-step="4"] .rphone__screen--done{opacity:1;transition:none}.rphone__tap{border:2px solid var(--color-accent);opacity:0;border-radius:999px;width:1.1em;height:1.1em;position:absolute;top:50%;right:.7em;translate:0 -50%}.fstory[data-step="2"] .rphone__post--ad .rphone__tap,.fstory[data-step="3"] .rphone__page .rphone__tap{animation:rphone-tap .5s var(--ease-brand) both}@keyframes rphone-tap{0%{opacity:0;scale:.4}30%{opacity:1}to{opacity:0;scale:1.8}}.rphone__avatar{background:var(--bar);border-radius:999px;flex:none;width:2em;height:2em}.rphone__avatar--face{color:var(--color-ink);background:var(--color-accent);place-items:end center;display:grid;overflow:hidden}.rphone__avatar--face svg{width:82%;height:82%;margin-bottom:-6%}.rphone__lines{flex-direction:column;flex:auto;gap:.4em;display:flex}.rphone__lines i{background:var(--bar);height:.55em;display:block}.rphone__lines i:nth-child(2){opacity:.7;width:62%}.rphone__lines i:nth-child(3){opacity:.5;width:80%}.rphone__lines--text{flex:none;margin-top:.4em}.rphone__lines--text i{background:var(--soft)}.rphone__image{aspect-ratio:16/10;background:var(--soft);border:1px solid var(--edge);width:100%;display:block}.rphone__image--ad{background:var(--color-accent);border-color:var(--color-accent);place-items:end start;display:grid;position:relative;overflow:hidden}.rphone__image-face{aspect-ratio:1;color:#1c1d1f38;width:62%;height:auto;position:absolute;bottom:-8%;right:-4%}.rphone__image-text{color:var(--color-ink);flex-direction:column;gap:.2em;max-width:70%;padding:.7em .8em;font-size:1.05em;font-weight:500;line-height:1.2;display:flex;position:relative}.rphone__image-text small{opacity:.75;font-size:.7em;font-weight:400}.rphone__button{font:500 1em / 1.3 var(--font-display);color:var(--color-ink);background:var(--color-ground);border-radius:999px;align-self:flex-start;margin-top:.6em;padding:.45em 2.2em .45em .9em;display:inline-block;position:relative}.rphone__button--wide{text-align:center;align-self:stretch;margin-top:auto;padding-inline:.9em}.rphone__social{color:#fff9;gap:.8em;margin-top:.2em;display:flex}.rphone__screen--feed{padding:0}.rphone__feed{translate:0 var(--feed-shift,-17.5em);flex-direction:column;gap:1em;padding:1.2em 1em;display:flex}@supports (animation-timeline:view()) and (timeline-scope:--a){.rphone__feed{animation:linear both rphone-feed;animation-timeline:--rst1;animation-range:cover cover 32%;translate:none}[data-text-timeline]{view-timeline-name:--rst1}}@keyframes rphone-feed{0%{translate:0}to{translate:0 var(--feed-shift,-17.5em)}}.rphone__post{border-bottom:1px solid var(--edge);flex-wrap:wrap;align-items:center;gap:.7em;padding-bottom:1em;display:flex}.rphone__post .rphone__image,.rphone__post .rphone__social,.rphone__post .rphone__lines--text,.rphone__post .rphone__button{flex-basis:100%}.rphone__post--ad{border:1px solid #ffab8066;margin-inline:-.4em;padding:.8em}.rphone__meta{flex-direction:column;flex:auto;gap:.15em;font-size:.85em;line-height:1.2;display:flex}.rphone__meta b{font-weight:500}.rphone__meta span{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:.8em}.rphone__page{flex-direction:column;gap:.9em;height:100%;display:flex}.rphone__block{flex-direction:column;gap:.45em;display:flex}.rphone__block>small,.rphone__contact small{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:.2em;font-size:.7em;display:block}.rphone__contact{border:1px solid var(--edge);align-items:center;gap:.7em;padding:.7em .8em;font-size:.85em;line-height:1.35;display:flex}.rphone__contact .rphone__avatar{width:2.4em;height:2.4em}.rphone__contact b{font-weight:500}.rphone__image--hero{aspect-ratio:16/9;background:var(--color-accent);border-color:var(--color-accent);place-items:end start;display:grid;position:relative;overflow:hidden}.rphone__image--hero .rphone__image-text{max-width:64%}.rphone__image--hero .rphone__image-face{width:54%}.rphone__chips{flex-wrap:wrap;gap:.35em;display:flex}.rphone__chips i{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--edge);border-radius:999px;padding:.3em .6em;font-size:.7em;font-style:normal}.rphone__salary{border-left:3px solid var(--color-accent);background:var(--soft);flex-direction:column;gap:.15em;padding:.6em .8em;display:flex}.rphone__salary small{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:.7em}.rphone__salary small:last-child{text-transform:none;letter-spacing:0}.rphone__salary b{color:var(--color-accent);font-size:1.25em;font-weight:500}.rphone__bullet{align-items:center;gap:.6em;font-size:.9em;display:flex}.rphone__bullet b{background:var(--color-accent);border-radius:999px;width:.6em;height:.6em}.rphone__page>*{opacity:0;transition:opacity .4s var(--ease-brand), translate .4s var(--ease-brand);translate:0 .6em}.fstory[data-step="2"] .rphone__page>*,.fstory[data-step="3"] .rphone__page>*,.fstory[data-step="4"] .rphone__page>*{opacity:1;translate:none}.rphone__page>:first-child{transition-delay:.35s}.rphone__page>:nth-child(2){transition-delay:.42s}.rphone__page>:nth-child(3){transition-delay:.49s}.rphone__page>:nth-child(4){transition-delay:.56s}.rphone__page>:nth-child(5){transition-delay:.63s}.rphone__page>:nth-child(6){transition-delay:.7s}.rphone__page>:nth-child(7){transition-delay:.77s}.rphone__quiz{flex-direction:column;height:100%;display:flex;position:relative}.rphone__quiz-head{border-bottom:1px solid var(--edge);flex-direction:column;gap:.5em;padding-bottom:.8em;display:flex}.rphone__quiz-steps{height:1.2em;position:relative}.rphone__quiz-steps b{letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .25s var(--ease-brand);font-size:.75em;font-weight:400;position:absolute;top:0;left:0}.fstory[data-quiz="1"] .rphone__quiz-steps b:first-child,.fstory[data-quiz="2"] .rphone__quiz-steps b:nth-child(2),.fstory[data-quiz="3"] .rphone__quiz-steps b:nth-child(3){opacity:.8}.rphone__quiz-bar{background:var(--soft);height:.35em;display:block}.rphone__quiz-bar i{background:var(--color-accent);transform-origin:0;height:100%;transform:scaleX(calc(var(--qs) / 8));transition:transform .45s var(--ease-brand);display:block}.rphone__question{opacity:0;transition:opacity .35s var(--ease-brand), translate .45s var(--ease-brand);flex-direction:column;gap:1em;display:flex;position:absolute;inset:4.4em 0 0;translate:30%}.fstory[data-quiz="1"] .rphone__question[data-q="1"],.fstory[data-quiz="2"] .rphone__question[data-q="2"],.fstory[data-quiz="3"] .rphone__question[data-q="3"]{opacity:1;translate:none}.fstory[data-quiz="2"] .rphone__question[data-q="1"],.fstory[data-quiz="3"] .rphone__question[data-q="1"],.fstory[data-quiz="3"] .rphone__question[data-q="2"]{translate:-30%}.rphone__question-text{margin-top:.4em;font-size:1.3em;font-weight:500;line-height:1.2}.rphone__options{flex-direction:column;gap:.55em;display:flex}.rphone__option{isolation:isolate;border:1px solid var(--edge);padding:.85em .9em;font-size:.95em;position:relative}.rphone__option:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform .35s var(--ease-brand);position:absolute;inset:-1px;transform:scaleX(0)}.rphone__option[data-pick]{transition:color .2s var(--ease-brand) .7s}.fstory[data-quiz="1"] .rphone__question[data-q="1"] .rphone__option[data-pick],.fstory[data-quiz="2"] .rphone__question[data-q="2"] .rphone__option[data-pick],.fstory[data-quiz="3"] .rphone__question[data-q="3"] .rphone__option[data-pick],.fstory[data-step="4"] .rphone__option[data-pick]{color:var(--color-ink)}.fstory[data-quiz="1"] .rphone__question[data-q="1"] .rphone__option[data-pick]:before,.fstory[data-quiz="2"] .rphone__question[data-q="2"] .rphone__option[data-pick]:before,.fstory[data-quiz="3"] .rphone__question[data-q="3"] .rphone__option[data-pick]:before,.fstory[data-step="4"] .rphone__option[data-pick]:before{transition-delay:.7s;transform:scaleX(1)}.rphone__hint{letter-spacing:.06em;text-transform:uppercase;opacity:.55;text-align:center;margin-top:auto;font-size:.7em}.rphone__screen--done{background:var(--color-accent);color:var(--color-ink);justify-content:center}.rphone__done{flex-direction:column;gap:.6em;display:flex}.rphone__done-check{background:var(--color-ink);width:3em;height:3em;margin-bottom:.6em;position:relative}.rphone__done-check:after{content:"";border:solid var(--color-accent);border-width:0 .3em .3em 0;width:1.1em;height:1.7em;position:absolute;top:.55em;left:.85em;transform:rotate(45deg)}.rphone__done>span{letter-spacing:.08em;text-transform:uppercase;font-size:.8em}.rphone__done b{font-size:1.5em;font-weight:500;line-height:1.15}.rphone__done small{opacity:.8;font-size:.9em}.rdash{background:var(--color-ground);color:var(--color-ink);flex-direction:column;font-size:max(10px,min(1.6cqw,2.6cqh));display:flex;position:absolute;inset:0;overflow:hidden}.rdash--shot img{object-fit:cover;object-position:top;width:100%;height:100%}.rdash__bar{border-bottom:1px solid var(--color-line);align-items:center;gap:.8em;padding:.9em 1.2em;display:flex}.rdash__brand{background:var(--color-ink);width:1.4em;height:1.4em}.rdash__title{white-space:nowrap;align-items:baseline;gap:.8em;min-width:0;font-size:1.05em;font-weight:500;display:flex}.rdash__title small{color:var(--color-mute);text-overflow:ellipsis;font-size:.75em;font-weight:400;overflow:hidden}.rdash__new{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-accent);white-space:nowrap;margin-left:auto;padding:.25em .6em;font-size:.68em}.rdash__badge{color:var(--color-mute);border:1px solid var(--color-line);background:0 0;position:static}.rdash__list{flex-direction:column;flex:auto;min-height:0;margin:0;padding:.4em 1.2em 0;list-style:none;display:flex}.rdash__row{border-bottom:1px solid var(--color-line);transition:opacity .5s var(--ease-brand), translate .5s var(--ease-brand);padding-block:.55em}.rdash__row-main{grid-template-columns:2.2em minmax(0,1fr) auto auto;align-items:center;column-gap:.9em;display:grid}.rdash__avatar{background:var(--color-line);border-radius:999px;width:2.2em;height:2.2em}.rdash__who{flex-direction:column;gap:.1em;min-width:0;display:flex}.rdash__id{white-space:nowrap;text-overflow:ellipsis;font-size:1em;font-weight:500;overflow:hidden}.rdash__when{letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:.65em}.rdash__grade{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-line);white-space:nowrap;padding:.3em .7em;font-size:.68em;display:inline-block}.rdash__grade[data-grade=A]{color:var(--color-ink);background:var(--color-accent);border-color:var(--color-accent)}.rdash__grade[data-grade=KO]{color:var(--color-mute)}.rdash__actions{gap:.4em;display:flex}.rdash__act{color:var(--color-ink);border:1px solid var(--color-ink);cursor:default;white-space:nowrap;background:0 0;border-radius:999px;padding:.4em .9em;font-size:.82em;font-weight:500;line-height:1.2;position:relative}.rdash__act--call{color:var(--color-ground);background:var(--color-ink)}.rdash__reason{letter-spacing:.04em;text-transform:uppercase;color:var(--color-mute);margin:.4em 0 0 3.1em;font-size:.66em;display:none}.rdash__row[data-first] .rdash__reason{display:block}.rdash__row[data-first]{border-left:3px solid var(--color-accent);background:var(--color-panel);margin-inline:-1.2em;padding-inline:1.2em}.rdash__row[data-first] .rdash__row-main{margin-left:-3px}.rdash__row:not([data-first]){opacity:.55}@media (hover:hover){.rdash__row:not([data-first]):hover{opacity:1}}.rdash__tap{border:2px solid var(--color-accent);opacity:0;border-radius:999px;width:1.4em;height:1.4em;position:absolute;top:50%;left:50%;translate:-50% -50%}.reveal.is-visible .rdash[data-variant=board] .rdash__tap{animation:rdash-tap .7s var(--ease-brand) 1.4s both}@keyframes rdash-tap{0%{opacity:0;scale:.5}30%{opacity:1}to{opacity:0;scale:2.2}}.reveal .rdash[data-variant=board] .rdash__row{opacity:0;translate:0 -.6em}.reveal.is-visible .rdash[data-variant=board] .rdash__row{opacity:1;transition-delay:calc(.3s + var(--i) * .14s);translate:none}.reveal.is-visible .rdash[data-variant=board] .rdash__row:not([data-first]){opacity:.55}@media (hover:hover){.reveal.is-visible .rdash[data-variant=board] .rdash__row:not([data-first]):hover{opacity:1}}.fstory__face--back .rdash{font-size:max(11px,min(2.1cqw,3.3cqh))}.rdash[data-variant=story] .rdash__row[data-first]{opacity:0;translate:0 -60%}.fstory[data-step="4"] .rdash[data-variant=story] .rdash__row[data-first]{opacity:1;transition-delay:1.1s;translate:none}@container (max-width:560px){.rdash__row-main{grid-template-columns:2.2em minmax(0,1fr) auto;row-gap:.5em}.rdash__actions{grid-column:2/-1}.rdash__when,.rdash__title small{display:none}}.rdeck{gap:var(--space-3);scroll-snap-type:x mandatory;padding-bottom:var(--space-2);margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);scrollbar-width:none;grid-auto-columns:min(70vw,260px);grid-auto-flow:column;display:grid;overflow-x:auto}.rdeck::-webkit-scrollbar{display:none}@media (min-width:768px){.rdeck{gap:var(--space-4);scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}}@media (min-width:1024px){.rdeck{grid-template-columns:repeat(5,minmax(0,1fr))}}.rdeck__card{scroll-snap-align:start;aspect-ratio:1;text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.rdeck__card:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.rdeck__inner{width:100%;height:100%;display:block;position:relative}.rdeck__face{padding:var(--space-4);backface-visibility:hidden;border:1px solid var(--color-line);background:var(--color-panel);transition:transform var(--dur-medium) var(--ease-brand);flex-direction:column;display:flex;position:absolute;inset:0;transform:none}.rdeck__face--back{background:var(--color-ink);color:var(--color-ground);border-color:var(--color-ink);transform:perspective(1200px)rotateY(-180deg)}.rdeck__card[aria-pressed=true] .rdeck__face--front{transform:perspective(1200px)rotateY(180deg)}.rdeck__card[aria-pressed=true] .rdeck__face--back{transform:none}@media (hover:hover){.rdeck__card:hover .rdeck__face--front{transform:perspective(1200px)rotateY(180deg)}.rdeck__card:hover .rdeck__face--back,.rdeck__card[aria-pressed=true]:hover .rdeck__face--front{transform:none}.rdeck__card[aria-pressed=true]:hover .rdeck__face--back{transform:perspective(1200px)rotateY(-180deg)}}.rdeck__number{letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);justify-content:space-between;gap:var(--space-2);font-size:11px;display:flex}.rdeck__number>span{white-space:nowrap}.rdeck__back-q{white-space:normal;text-align:left;text-transform:none;letter-spacing:0;font-family:var(--font-display);color:var(--color-ground);margin-top:var(--space-2);flex:100%;font-size:13px;line-height:1.3}.rdeck__face--back .rdeck__number{color:#fff9;flex-wrap:wrap}.rdeck__q{text-wrap:balance;margin-top:auto;font-size:clamp(1rem,.85rem + .5vw,1.25rem);font-weight:500;line-height:1.25}.rdeck__options{flex-direction:column;gap:5px;min-height:0;margin-top:auto;display:flex;overflow:hidden}.rdeck__option{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border:1px solid #ffffff2e;flex:none;padding:5px 8px;font-size:11px;line-height:1.3;overflow:hidden}.rdeck__options[data-scale]{flex-direction:row}.rdeck__options[data-scale] .rdeck__option{text-align:center;flex:1 1 0;padding-inline:0}.rdeck__option[data-pick]{color:var(--color-ink);background:var(--color-accent);border-color:var(--color-accent)}.rdeck__card--interlude{cursor:default}.rdeck__card--interlude .rdeck__face{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}.rdeck__card--interlude .rdeck__number{color:var(--color-ink);opacity:.7}.rdeck__percent{margin-top:auto;font-size:clamp(2rem,1.2rem + 2.4vw,3rem);font-weight:500;line-height:1}.rdeck__card--interlude .rdeck__q{margin-top:var(--space-2)}.rdeck__chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.rdeck__note{scroll-snap-align:start;padding:var(--space-4) 0;align-content:end;align-self:stretch}.rdeck__note li{border-color:var(--color-ink)}.rdeck__chips li{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--color-line);color:var(--color-ink);border-radius:999px;padding:6px 12px;font-size:11px}.rboard{background:var(--color-ink);color:var(--color-ground)}.rboard__grid{gap:var(--space-12);display:grid}@media (min-width:1024px){.rboard__grid{gap:var(--space-16);grid-template-columns:4fr 8fr;align-items:center}}.rboard__frame{border:1px solid #ffffff29;width:100%;position:relative;container-type:inline-size}.rboard__frame .rdash{font-size:max(11px,1.7cqw);position:relative;inset:auto}.rboard__frame .rdash__list{padding-bottom:.6em}.rchain{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid #ffffff29;position:relative}.rchain__track{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.rchain__line{width:100%;height:2px;position:absolute;top:7px;left:0;overflow:visible}.rchain__line path{stroke:var(--color-accent);stroke-width:2px;fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) .2s}.reveal.is-visible .rchain__line path{stroke-dashoffset:0}.rchain__stop{padding-top:var(--space-6);letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3;font-size:11px;position:relative}.rchain__stop:before{content:"";background:var(--color-ink);border:2px solid var(--color-accent);width:16px;height:16px;transition:scale var(--dur-small) var(--ease-brand) calc(var(--i) * .2s + .2s);border-radius:999px;position:absolute;top:0;left:0;scale:0}.reveal.is-visible .rchain__stop:before{scale:1}.rchain__stop--last{color:var(--color-ink)}.rchain__stop--last:before{background:var(--color-accent)}.rchain__stop--last .mark{--stagger-i:5}.rchain__stop--last .mark:before{transition-delay:1.2s}.rchain__note{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:10px;position:absolute;top:-1.4em;left:0;translate:-50%}.rchain__note:after{content:"";background:#fff6;width:1px;height:.4em;position:absolute;bottom:-.5em;left:50%}@media (max-width:639px){.rchain__note{display:none}.rchain__stop{letter-spacing:.04em;font-size:9px}}.handoff-band .text-mute{color:#1c1d1fb3}.handoff-band .handoff__col[data-side=we] .handoff__disc:before,.handoff-band .mark:before{background:var(--color-accent-2)}.handoff-band .mark{color:var(--color-ground)}@media (hover:hover){.handoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}@media (prefers-reduced-motion:reduce){.fstory__face,.rphone__screen,.rphone__page>*,.rphone__question,.rphone__option:before,.rphone__quiz-bar i,.fstory__progress i,.rdash__row,.rdash__reason,.rdeck__face,.rchain__line path,.rchain__stop:before{transition:none!important}.rphone__feed,.rphone__tap,.rdash__tap,.fstory__progress i{animation:none!important}.rphone__feed{translate:0 var(--feed-shift,-17.5em)}.fstory__progress i{transform:scaleX(calc(var(--p) / 4))}}
.handoff{gap:40px;display:grid}@media (min-width:1024px){.handoff{gap:var(--space-8);grid-template-columns:4fr 1fr 6fr;align-items:start}}.handoff__col[data-side=you]{padding:var(--space-6);background:var(--color-panel)}.handoff__list{margin:var(--space-6) 0 0;gap:20px;padding:0;list-style:none;display:grid}@media (min-width:640px){.handoff__col[data-side=we] .handoff__list{gap:var(--space-6) var(--space-8);grid-template-columns:1fr 1fr}}.handoff__item{gap:var(--space-4);align-items:flex-start;display:flex}.handoff__disc{isolation:isolate;border:1px solid var(--color-ink);width:44px;height:44px;color:var(--color-ink);border-radius:999px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.handoff__disc:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-small) var(--ease-brand);position:absolute;inset:0;transform:scaleX(0)}.handoff__col[data-side=you] .handoff__disc:before{transform:scaleX(1)}.handoff__col[data-side=you] .handoff__disc{border-color:var(--color-accent)}@media (hover:hover){.handoff__item:hover .handoff__disc:before{transform:scaleX(1)}.handoff__item:hover .handoff__disc{border-color:var(--color-accent)}}.handoff__arrow{align-self:center;height:24px;margin-top:60px;display:none;position:relative}@media (min-width:1024px){.handoff__arrow{display:block}}.handoff__arrow-line{background:var(--color-ink);transform-origin:0;height:1px;transition:transform var(--dur-scene) var(--ease-brand) .4s;position:absolute;top:50%;left:0;right:24px;transform:scaleX(0)}.reveal.is-visible .handoff__arrow-line{transform:scaleX(1)}.handoff__arrow-head{fill:none;width:24px;height:24px;stroke:var(--color-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--dur-small) var(--ease-brand) 1.3s;position:absolute;top:0;right:-6px}.reveal.is-visible .handoff__arrow-head{opacity:1}@media (prefers-reduced-motion:reduce){.handoff__arrow-line,.handoff__arrow-head,.handoff__disc:before{transition:none;animation:none}.handoff__arrow-line{transform:scaleX(1)}.handoff__arrow-head{opacity:1}}
.sr-stage{--u:.1cqi;aspect-ratio:16/10;background:var(--color-ink);color:var(--color-ground);contain:layout paint;isolation:isolate;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:calc(var(--u) * 50) calc(var(--u) * 50);position:relative;overflow:hidden;container-type:inline-size}@media (max-width:1023px){.sr-stage{aspect-ratio:4/5}}.sr-light,.sr-light:before{pointer-events:none;position:absolute}.sr-light{z-index:0;opacity:0;transition:opacity .9s var(--ease-brand);inset:0}.sr-stage[data-p2] .sr-light{opacity:1}.sr-light:before{content:"";width:70%;height:90%;transition:transform 1.4s var(--ease-brand);background:radial-gradient(closest-side,#ffab8038,#ffab8000 72%);top:-30%;left:-20%;transform:translate(35%,10%)}.sr-stage[data-p4] .sr-light:before{transform:translate(5%,30%)}.sr-stage[data-p5] .sr-light:before{transform:translate(60%,25%)}.sr-stage[data-p6] .sr-light:before{transform:translate(25%,55%)}.sr-legend{left:calc(var(--u) * 14);top:calc(var(--u) * 16);z-index:3;gap:calc(var(--u) * 5);font-family:var(--font-mono);font-size:calc(var(--u) * 9.5);letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;opacity:0;transition:opacity .5s var(--ease-brand), transform .5s var(--ease-brand);margin:0;padding:0;list-style:none;display:grid;position:absolute;transform:translateY(6px)}.sr-stage[data-p3] .sr-legend{opacity:1;transform:none}.sr-legend li{align-items:center;gap:calc(var(--u) * 6);display:flex}.sr-legend i{width:calc(var(--u) * 10);height:calc(var(--u) * 10);border:1px solid #ffffff73;display:block}.sr-legend li[data-key=transaktional] i{background:var(--color-accent);border-color:var(--color-accent)}.sr-legend li[data-key=navigatorisch] i{opacity:.35}.sr-legend li[data-key=size] i{width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:999px}.sr-field{left:50%;top:calc(var(--u) * 22);z-index:4;width:calc(var(--u) * 440);position:absolute;transform:translate(-50%)}.sr-field label{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 14);transition:border-color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:#ffffff0f;border:1px solid #ffffff47;display:flex;position:relative}.sr-field label:focus-within{border-color:var(--color-accent);background:#ffffff17}.sr-field__label{font-size:calc(var(--u) * 9.5);letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;white-space:nowrap}.sr-field input{min-width:0;color:var(--color-ground);font-family:var(--font-mono);font-size:calc(var(--u) * 15);letter-spacing:.02em;background:0 0;border:0;outline:none;flex:auto}.sr-field input::placeholder{color:#ffffff52}.sr-field input::-webkit-search-cancel-button{appearance:none}.sr-field__caret{right:calc(var(--u) * 14);width:2px;height:calc(var(--u) * 16);background:var(--color-accent);opacity:0;position:absolute;top:50%;translate:0 -50%}.sr-field__caret[data-on]{animation:.9s step-end infinite sr-caret}@keyframes sr-caret{0%,to{opacity:1}50%{opacity:0}}.sr-field__summary{margin:calc(var(--u) * 6) 0 0;min-height:1.4em;font-size:calc(var(--u) * 9.5);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.sr-controls{right:calc(var(--u) * 14);top:calc(var(--u) * 22);z-index:4;gap:calc(var(--u) * 6);display:flex;position:absolute}.sr-controls button,.gpt__replay{font-family:var(--font-mono);font-size:calc(var(--u,.1cqi) * 9.5);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ground);cursor:pointer;min-height:32px;transition:border-color var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.55em 1.1em}.sr-controls button:hover,.sr-controls button:focus-visible,.gpt__replay:hover,.gpt__replay:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.sr-controls button:focus-visible,.gpt__replay:focus-visible,.sr-chip:focus-visible,.sr-serp__tabs button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-head{left:calc(var(--u) * 730);top:calc(var(--u) * 126);z-index:1;gap:calc(var(--u) * 4);opacity:0;transition:opacity .7s var(--ease-brand) .6s, transform .7s var(--ease-brand) .6s;display:grid;position:absolute;transform:translateY(8px)}.sr-stage[data-p2] .sr-head{opacity:.32;transform:none}.sr-stage[data-p5] .sr-head{opacity:.1}.sr-head__kw{font-family:var(--font-display);font-size:calc(var(--u) * 34);font-weight:500;line-height:1}.sr-head__vol{font-size:calc(var(--u) * 12);letter-spacing:.06em}.sr-head__note{font-size:calc(var(--u) * 9);letter-spacing:.06em;text-transform:uppercase;max-width:calc(var(--u) * 200);line-height:1.5}.sr-island{z-index:3;gap:calc(var(--u) * 3);transform:translate(calc(var(--dx) * var(--u)), calc(var(--dy) * var(--u))) translate(-50%, 0);opacity:0;pointer-events:none;transition:opacity .5s var(--ease-brand) .5s;white-space:nowrap;text-align:center;display:grid;position:absolute;top:0;left:0}.sr-stage[data-p4] .sr-island{opacity:1;pointer-events:auto}.sr-island__label{font-family:var(--font-display);font-size:calc(var(--u) * 13.5);font-weight:500;line-height:1.1;position:relative}.sr-island__label:before{content:"";background:var(--color-accent);z-index:-1;transform-origin:0;height:.42em;transition:transform .5s var(--ease-brand) .9s;position:absolute;bottom:-.08em;left:-.15em;right:-.15em;transform:scaleX(0)}.sr-stage[data-p4] .sr-island__label:before{transform:scaleX(1)}.sr-island__sum{font-size:calc(var(--u) * 8.5);letter-spacing:.06em;text-transform:uppercase;color:#fff9}.sr-chip{--x0:var(--dx0);--y0:var(--dy0);--x1:var(--dx1);--y1:var(--dy1);--w:var(--dw);--h:var(--dh);--f:var(--df);--x:470;--y:40;--s:.4;--lift:0px;z-index:2;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));box-sizing:border-box;font-family:var(--font-text);font-size:calc(var(--f) * var(--u));white-space:nowrap;color:#ffffffd9;cursor:pointer;opacity:0;transform:translate(calc(var(--x) * var(--u)), calc(var(--y) * var(--u))) translateY(var(--lift)) scale(var(--s));transform-origin:0 0;transition:transform .9s var(--ease-brand) calc(var(--i) * 8ms), opacity .5s var(--ease-brand) calc(var(--i) * 20ms), background-color .45s var(--ease-brand) calc(var(--i) * 6ms), color .45s var(--ease-brand) calc(var(--i) * 6ms), border-color .45s var(--ease-brand) calc(var(--i) * 6ms);background:#1c1d1f99;border:1px solid #ffffff47;align-items:center;gap:.5em;padding:0 .6em;font-weight:500;line-height:1;display:flex;position:absolute;top:0;left:0;overflow:hidden}.sr-chip__kw{text-overflow:ellipsis;overflow:hidden}.sr-chip__vol{letter-spacing:.04em;opacity:.75;font-size:.7em}.sr-stage[data-p2] .sr-chip{--x:var(--x0);--y:var(--y0);--s:1;opacity:1;transition-duration:.9s,.5s,.45s,.45s,.45s}.sr-stage[data-p3] .sr-chip[data-intent=transaktional],.sr-stage[data-p3] .sr-chip[data-intent=kommerziell]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}.sr-stage[data-p3] .sr-chip[data-intent=transaktional] .sr-chip__vol,.sr-stage[data-p3] .sr-chip[data-intent=kommerziell] .sr-chip__vol{opacity:.7}.sr-stage[data-p3] .sr-chip[data-intent=informatorisch]{color:var(--color-ground);border-color:#ffffff8c}.sr-stage[data-p3] .sr-chip[data-intent=navigatorisch]{opacity:.42}.sr-stage[data-p4] .sr-chip{--x:var(--x1);--y:var(--y1)}@media (hover:hover){.sr-chip:hover{--lift:-4px;border-color:var(--color-ground)}}.sr-chip:focus-visible{--lift:-4px}.sr-stage[data-focus=vorort] .sr-chip:not([data-island=vorort]),.sr-stage[data-focus=notdienst] .sr-chip:not([data-island=notdienst]),.sr-stage[data-focus=wallbox] .sr-chip:not([data-island=wallbox]),.sr-stage[data-focus=kosten] .sr-chip:not([data-island=kosten]),.sr-stage[data-focus=sanierung] .sr-chip:not([data-island=sanierung]){opacity:.16}.sr-stage[data-focus=vorort] .sr-island:not([data-island=vorort]),.sr-stage[data-focus=notdienst] .sr-island:not([data-island=notdienst]),.sr-stage[data-focus=wallbox] .sr-island:not([data-island=wallbox]),.sr-stage[data-focus=kosten] .sr-island:not([data-island=kosten]),.sr-stage[data-focus=sanierung] .sr-island:not([data-island=sanierung]){opacity:.3}.sr-stage[data-filter] .sr-chip[data-miss]{opacity:.12}.sr-stage[data-filter] .sr-chip[data-hit]{outline:2px solid var(--color-accent);outline-offset:2px;--lift:-2px}.sr-stage[data-filter] .sr-island{opacity:.35}.sr-tip{z-index:6;width:calc(var(--u) * 286);padding:calc(var(--u) * 12) calc(var(--u) * 14);background:var(--color-ground);color:var(--color-ink);transform:translate(calc(var(--tx) * var(--u)), calc(var(--ty) * var(--u)));pointer-events:none;animation:sr-tip-in .2s var(--ease-brand) both;position:absolute;top:0;left:0}@keyframes sr-tip-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.sr-tip__kw{margin:0 0 calc(var(--u) * 8);font-family:var(--font-display);font-size:calc(var(--u) * 14);font-weight:500;line-height:1.2}.sr-tip dl{gap:calc(var(--u) * 3) calc(var(--u) * 12);font-size:calc(var(--u) * 10.5);grid-template-columns:auto 1fr;margin:0;line-height:1.3;display:grid}.sr-tip dt{font-family:var(--font-mono);font-size:calc(var(--u) * 8.5);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);align-self:center}.sr-tip dd{margin:0}.sr-serp{color:var(--color-ground)}.sr-serp--stage{left:calc(var(--u) * 704);top:calc(var(--u) * 106);bottom:calc(var(--u) * 134);width:calc(var(--u) * 282);z-index:4;padding:calc(var(--u) * 10) calc(var(--u) * 12);opacity:0;transition:opacity .5s var(--ease-brand), transform .7s var(--ease-brand);background:#1c1d1feb;border:1px solid #ffffff38;position:absolute;overflow:hidden;transform:translate(24px)}.sr-stage[data-p5] .sr-serp--stage{opacity:1;transform:none}.sr-serp--below{display:none}@media (max-width:1023px){.sr-serp--stage{display:none}.sr-serp--below{margin-top:var(--space-6);padding:var(--space-6);background:var(--color-ink);--u:.14cqi;border:1px solid #fff3;display:block}}.sr-serp__title{font-family:var(--font-display);font-size:calc(var(--u) * 13);gap:.2em;margin:0;font-weight:500;display:grid}.sr-serp__title span{font-size:calc(var(--u) * 7.5);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-weight:400}.sr-serp__tabs{gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 7);flex-wrap:wrap;display:flex}.sr-serp__tabs button{font-size:calc(var(--u) * 7.5);letter-spacing:.03em;color:#ffffffb3;cursor:pointer;transition:color var(--dur-small), border-color var(--dur-small), background-color var(--dur-small);background:0 0;border:1px solid #ffffff40;padding:.35em .6em}.sr-serp__tabs button[aria-selected=true]{color:var(--color-ink);background:var(--color-accent);border-color:var(--color-accent)}.sr-serp__rows{margin-top:calc(var(--u) * 7);gap:calc(var(--u) * 1);display:grid}.sr-serp__rows li{grid-template-columns:calc(var(--u) * 20) calc(var(--u) * 8) 1fr;align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 9.5);padding:calc(var(--u) * 2.2) 0;opacity:0;animation:sr-row-in .45s var(--ease-brand) both;animation-delay:calc(var(--i) * 60ms + .15s);border-top:1px solid #ffffff1a;line-height:1.2;display:grid;transform:translate(16px)}.sr-serp--stage .sr-serp__rows li{animation-play-state:paused}.sr-stage[data-p5] .sr-serp--stage .sr-serp__rows li{animation-play-state:running}@keyframes sr-row-in{to{opacity:1;transform:none}}.sr-serp__rows li span:first-child{font-size:calc(var(--u) * 8.5);color:#ffffff80}.sr-serp__rows li i{width:calc(var(--u) * 8);height:calc(var(--u) * 8);border:1px solid #ffffff80;display:block}.sr-serp__rows li[data-type=betrieb] i{background:var(--color-accent);border-color:var(--color-accent)}.sr-serp__rows li[data-type=portal]{color:#ffffff9e}.sr-serp__pack{color:var(--color-accent);grid-template-columns:auto 1fr!important}.sr-serp__insight{margin:calc(var(--u) * 7) 0 0;font-size:calc(var(--u) * 9.5);color:#ffffffd9;line-height:1.4}.sr-serp__features{margin-top:calc(var(--u) * 6);gap:calc(var(--u) * 3);flex-wrap:wrap;display:flex}.sr-serp__features li{font-size:calc(var(--u) * 7.5);letter-spacing:.04em;text-transform:uppercase;color:#fff9;border:1px solid #ffffff38;padding:.35em .6em}.sr-serp__features li[data-feature=ai_overview]{border-color:var(--color-accent);color:var(--color-accent)}.sr-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sr-lines path{fill:none;stroke:var(--color-accent);stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.85;transition:stroke-dashoffset .7s var(--ease-brand) calc(var(--i) * 90ms + .2s)}.sr-stage[data-p6] .sr-lines path{stroke-dashoffset:0}.sr-map{left:calc(var(--u) * 14);right:calc(var(--u) * 14);top:calc(var(--u) * 528);z-index:3;gap:calc(var(--u) * 8);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:absolute}.sr-map li{gap:calc(var(--u) * 3);padding:calc(var(--u) * 8) calc(var(--u) * 10);border-top:2px solid var(--color-accent);opacity:0;transition:opacity .5s var(--ease-brand) calc(var(--i) * 90ms + .3s), transform .5s var(--ease-brand) calc(var(--i) * 90ms + .3s), background-color var(--dur-small);background:#1c1d1fd9;display:grid;transform:translateY(10px)}.sr-stage[data-p6] .sr-map li{opacity:1;transform:none}.sr-map li:hover{background:#ffffff14}.sr-map__url{font-size:calc(var(--u) * 12);color:var(--color-accent);letter-spacing:.02em}.sr-map__page{font-size:calc(var(--u) * 10.5);color:#ffffffd9;line-height:1.3}.sr-map__meta{font-size:calc(var(--u) * 8.5);letter-spacing:.04em;text-transform:uppercase;color:#ffffff80}.sr-map__title{left:calc(var(--u) * 14);top:calc(var(--u) * 506);z-index:3;font-size:calc(var(--u) * 9);letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;opacity:0;transition:opacity .5s var(--ease-brand) .25s;margin:0;position:absolute}.sr-stage[data-p6] .sr-map__title{opacity:1}@media (min-width:1024px){.sr-chip[data-desktop="0"]{display:none}}@media (max-width:1023px){.sr-island[data-mobile="0"]{display:none}.sr-chip{--x0:var(--mx0);--y0:var(--my0);--x1:var(--mx1);--y1:var(--my1);--w:var(--mw);--h:var(--mh);--f:var(--mf);--x:500;--y:70}.sr-chip[data-mobile="0"]{display:none}.sr-island{transform:translate(calc(var(--mx) * var(--u)), calc(var(--my) * var(--u))) translate(-50%, 0)}.sr-island__label{font-size:calc(var(--u) * 30)}.sr-island__sum{font-size:calc(var(--u) * 19)}.sr-legend,.sr-head{display:none}.sr-field{top:calc(var(--u) * 40);width:calc(var(--u) * 900)}.sr-field label{padding:calc(var(--u) * 18) calc(var(--u) * 24)}.sr-field__label{display:none}.sr-field input{font-size:calc(var(--u) * 30)}.sr-field__summary{font-size:calc(var(--u) * 19)}.sr-controls{top:auto;bottom:calc(var(--u) * 20);right:calc(var(--u) * 20)}.sr-controls button{font-size:calc(var(--u) * 19)}.sr-lines,.sr-map,.sr-map__title{display:none}.sr-tip{border-top:1px solid var(--color-line);width:100%;inset:auto 0 0 auto;transform:none}.sr-tip__kw{font-size:14px}.sr-tip dl{font-size:12px}.sr-tip dt{font-size:10px}.sr-stage .sr-light:before{width:120%;height:60%}}.gpt{gap:var(--space-8);display:grid}@media (min-width:1024px){.gpt{gap:var(--space-16);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}}.gpt__app{background:var(--color-ink);min-height:460px;color:var(--color-ground);contain:layout paint;isolation:isolate;border:1px solid #ffffff24;grid-template-rows:auto 1fr auto;display:grid;position:relative}@media (min-width:1024px){.gpt__app{min-height:540px}}.gpt__bar{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;border-bottom:1px solid #ffffff1f;align-items:center;gap:.8em;margin:0;padding:14px 18px;font-size:11px;display:flex}.gpt__bar i{background:var(--color-accent);border-radius:999px;width:9px;height:9px;display:block}.gpt__note{color:#fff6;margin-left:auto}.gpt__answer{align-content:start;gap:14px;padding:26px 22px 18px;display:grid}@media (min-width:768px){.gpt__answer{gap:16px;padding:34px 32px 64px}}.gpt__thinking{gap:6px;margin:0;display:flex}.gpt__thinking i{background:#fff9;border-radius:999px;width:7px;height:7px;animation:.9s ease-in-out infinite gpt-dot;display:block}.gpt__thinking i:nth-child(2){animation-delay:.15s}.gpt__thinking i:nth-child(3){animation-delay:.3s}@keyframes gpt-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.gpt__line{color:#ffffff8c;filter:blur(4.5px);opacity:0;max-width:62ch;animation:gpt-line-in .5s var(--ease-brand) both;-webkit-user-select:none;user-select:none;margin:0;font-size:15px;line-height:1.55;transform:translateY(8px)}@media (min-width:768px){.gpt__line{font-size:16px}}@keyframes gpt-line-in{to{opacity:1;transform:none}}.gpt__line--sharp{filter:none;color:var(--color-ground);font-family:var(--font-display);-webkit-user-select:text;user-select:text;font-size:18px;font-weight:500;line-height:1.35}@media (min-width:768px){.gpt__line--sharp{font-size:21px}}.gpt__mark{z-index:0;color:var(--color-ink);padding:0 .12em;position:relative}.gpt__mark:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;animation:gpt-mark .5s var(--ease-brand) .35s both;position:absolute;inset:-.04em -.04em -.08em;transform:scaleX(0)}@keyframes gpt-mark{to{transform:scaleX(1)}}.gpt__source{letter-spacing:.04em;vertical-align:middle;color:var(--color-accent);opacity:0;animation:gpt-source .4s var(--ease-brand) .9s both;border:1px solid #ffab8099;align-items:center;gap:.5em;margin-left:.6em;padding:.25em .6em;font-size:11px;font-weight:400;display:inline-flex;transform:scale(.9)}@keyframes gpt-source{to{opacity:1;transform:none}}.gpt__prompt{background:#ffffff0d;border:1px solid #ffffff4d;align-items:center;gap:6px;min-height:52px;margin:0 18px 18px;padding:14px 16px;font-size:15px;line-height:1.4;display:flex;position:relative}@media (min-width:768px){.gpt__prompt{margin:0 32px 24px}}.gpt__app[data-step="1"] .gpt__prompt{border-color:#fff9}.gpt__caret{background:var(--color-accent);opacity:0;width:2px;height:1.1em;display:block}.gpt__caret[data-on]{animation:.9s step-end infinite sr-caret}.gpt__replay{--u:.1cqi;font-size:11px;position:absolute;bottom:82px;right:18px}@media (min-width:768px){.gpt__replay{bottom:92px;right:32px}}.kette{position:relative}.kette__line{width:100%;height:2px;display:none;position:absolute;top:5px;left:0;right:0}.kette__line path{fill:none;stroke:var(--color-line);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease-brand)}.reveal.is-visible .kette__line path{stroke-dashoffset:0}.kette__stations{gap:var(--space-8);display:grid}@media (min-width:768px){.kette__line{display:block}.kette__stations{gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr))}}.kette__station{padding-top:var(--space-6);position:relative}.kette__dot{background:var(--color-ground);border:1px solid var(--color-ink);opacity:0;width:12px;height:12px;transition:transform .4s var(--ease-brand) calc(var(--stagger-i,0) * .12s + .3s), opacity .4s var(--ease-brand) calc(var(--stagger-i,0) * .12s + .3s);border-radius:999px;position:absolute;top:0;left:0;transform:scale(.4)}.reveal.is-visible .kette__dot{opacity:1;transform:none}.kette__station:last-child .kette__dot{background:var(--color-accent);border-color:var(--color-accent)}.kette__checks{gap:var(--space-3);display:grid}.kette__check{align-items:flex-start;gap:var(--space-3);color:#1c1d1fd9;font-size:15px;line-height:1.45;display:flex}.kette__check svg{flex:none;width:16px;height:16px;margin-top:.2em}.kette__check path{fill:none;stroke:var(--color-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .5s var(--ease-brand)}.reveal.is-visible .kette__check path{stroke-dashoffset:0}.kette__check:first-child path{transition-delay:calc(var(--stagger-i,0) * .12s + .6s)}.kette__check:nth-child(2) path{transition-delay:calc(var(--stagger-i,0) * .12s + .76s)}.kette__check:nth-child(3) path{transition-delay:calc(var(--stagger-i,0) * .12s + .92s)}.seo-register{gap:0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.seo-register{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}}.seo-register li{border-top:1px solid var(--color-line);padding-block:var(--space-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px}.seo-case{background:var(--color-ink);height:100%;padding:var(--space-5);transition:translate var(--dur-small) var(--ease-brand);display:block}@media (min-width:768px){.seo-case{padding:var(--space-6)}}@media (hover:hover){.seo-case:hover{translate:0 -4px}}.seo-case:focus-visible{translate:0 -4px}.seo-case__shot{aspect-ratio:3/2;background:#2a2b2e;width:100%;position:relative;overflow:clip}.seo-case__shot:after{content:"";background:var(--color-accent);opacity:0;mix-blend-mode:screen;transition:opacity var(--dur-small) var(--ease-brand);position:absolute;inset:0}@media (hover:hover){.seo-case:hover .seo-case__shot:after{opacity:.18}}.seo-voice-band__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}.seo-handoff-band .text-mute{color:#1c1d1fb3}.seo-handoff-band .handoff__col[data-side=we] .handoff__disc:before{background:var(--color-accent-2)}@media (hover:hover){.seo-handoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}.seo-handoff-band .mark:before{background:var(--color-accent-2)}.seo-handoff-band .mark{color:var(--color-ground)}@media (prefers-reduced-motion:reduce){.sr-light,.sr-light:before,.sr-legend,.sr-head,.sr-island,.sr-island__label:before,.sr-chip,.sr-serp--stage,.sr-lines path,.sr-map li,.sr-map__title,.kette__line path,.kette__dot,.kette__check path,.seo-case,.seo-case__shot:after{transition:none!important}.sr-field__caret,.gpt__caret,.gpt__thinking i,.sr-serp__rows li,.gpt__line,.gpt__mark:before,.gpt__source,.sr-tip{animation:none!important}.sr-serp__rows li,.gpt__line,.gpt__source{opacity:1;transform:none}.gpt__mark:before{transform:none}.kette__line path,.kette__check path,.sr-lines path{stroke-dashoffset:0}.kette__dot{opacity:1;transform:none}}
.wd{gap:var(--space-8);display:grid}@media (min-width:1024px){.wd{column-gap:var(--space-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.wd__stage{grid-column:1/8}.wd__side{grid-column:8/13}}.wd__scene{height:clamp(360px,54vh,470px);position:relative;container-type:size}@media (min-width:1024px){.wd__scene{height:clamp(400px,56vh,620px)}}.wd__card{width:100%;height:100%;position:relative}.wd__face{backface-visibility:hidden;transition:transform .6s var(--ease-brand);margin:auto;font-size:max(11px,min(2.3cqh,4.1cqw));position:absolute;inset:0}.wd__face--browser{width:min(100cqw,80cqh);height:min(100cqh,125cqw);transform:none}@media (min-width:1024px){.wd__face--browser{width:min(100cqw,160cqh);height:min(100cqh,62.5cqw)}}.wd__face--phone{width:min(100cqw,56.25cqh);height:min(100cqh,177.778cqw);transform:perspective(1600px)rotateY(-180deg)}@media (min-width:1024px){.wd__face--phone{width:min(100cqw,48.3871cqh);height:min(100cqh,206.667cqw)}}.wd__stage[data-face=phone] .wd__face--browser{transform:perspective(1600px)rotateY(180deg)}.wd__stage[data-face=phone] .wd__face--phone{transform:none}.wd .wd__screen{overflow:clip;container-type:size}.wd__page{translate:0 max(calc(100cqh - 100%), calc(var(--t,0) * -100%));transition:translate 1.1s var(--ease-brand);position:relative}.wd__page--phone{translate:0}.wd__stage[data-face=phone] .wd__page--phone{animation:wd-phone 2.4s var(--ease-brand) .6s both}@keyframes wd-phone{0%{translate:0}to{translate:0 -17%}}.wd__shot{filter:brightness(.3)contrast(.85)saturate(.5);width:100%;height:auto;transition:filter var(--dur-scene) var(--ease-brand) .15s;display:block}.wd__stage[data-in] .wd__shot{filter:none}.wd__phonetag{z-index:4;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);background:var(--color-accent);opacity:0;transition:opacity var(--dur-small) var(--ease-brand) .9s;padding:.35em .7em;font-size:clamp(9px,3.4cqw,12px);position:absolute;bottom:3.5cqh;left:50%;translate:-50%}.wd__stage[data-face=phone] .wd__phonetag{opacity:1}.wd__zone{z-index:3;cursor:help;background:0 0;border:0;padding:0;display:block;position:absolute}.wd__zone:before{content:"";opacity:.55;transition:opacity var(--dur-small) var(--ease-brand);border:1px solid #ffab806b;position:absolute;inset:-2px}@media (hover:hover){.wd__zone:hover:before{opacity:0}}.wd__zone:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.wd__zone:focus-visible:before{opacity:0}.wd__box{pointer-events:none;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px;overflow:visible}.wd__box rect{fill:none;stroke:var(--color-accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--ease-brand)}.wd__stage[data-step="1"] .wd__zone[data-steps~="1"] .wd__box rect,.wd__stage[data-step="2"] .wd__zone[data-steps~="2"] .wd__box rect,.wd__stage[data-step="3"] .wd__zone[data-steps~="3"] .wd__box rect,.wd__stage[data-step="4"] .wd__zone[data-steps~="4"] .wd__box rect,.wd__stage[data-step="5"] .wd__zone[data-steps~="5"] .wd__box rect,.wd__stage[data-step="6"] .wd__zone[data-steps~="6"] .wd__box rect,.wd__zone[data-on] .wd__box rect,.wd__zone:focus-visible .wd__box rect{stroke-dashoffset:0}@media (hover:hover){.wd__zone:hover .wd__box rect{stroke-dashoffset:0}}.wd__tag{z-index:2;letter-spacing:.04em;white-space:nowrap;color:var(--color-ground);background:var(--color-ink);border-left:3px solid var(--color-accent);opacity:0;transition:opacity var(--dur-small) var(--ease-brand), translate var(--dur-small) var(--ease-brand);pointer-events:none;gap:.15em;padding:.35em .6em;font-size:clamp(9px,1.5cqw,12px);line-height:1.15;display:grid;position:absolute;top:calc(100% + 4px);left:0;translate:0 -6px}.wd__tag i{text-transform:uppercase;color:#fff9;font-size:.82em;font-style:normal}.wd__tag[data-pass]{border-left-color:var(--color-accent)}.wd__tag:not([data-pass]){border-left-color:var(--color-accent-2)}.wd__stage[data-step="5"] .wd__zone[data-steps~="5"] .wd__tag,.wd__zone[data-on] .wd__tag{opacity:1;translate:0}.wd__pointer{z-index:4;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-accent);opacity:0;width:2.4cqw;min-width:9px;transition:translate .8s var(--ease-brand), opacity var(--dur-small) linear;pointer-events:none;outline:.8cqw solid #ffab804d;position:absolute;translate:14cqw 9cqh}.wd__stage[data-step="2"] .wd__pointer{opacity:1;translate:0}.wd__tap{aspect-ratio:1;border-radius:var(--radius-pill);border:2px solid var(--color-accent);opacity:0;width:6cqw;position:absolute;top:50%;left:50%;translate:-50% -50%}.wd__stage[data-step="2"] .wd__tap{animation:wd-tap 1.5s var(--ease-brand) .7s both}@keyframes wd-tap{0%{opacity:0;scale:.35}10%{opacity:1}38%{opacity:0;scale:1.7}50%{opacity:0;scale:.35}60%{opacity:1}88%,to{opacity:0;scale:1.7}}.wd__clicks,.wd__perf,.wd__tabs,.wd__redir,.wd__callout{z-index:5;color:var(--color-ground);border-left:3px solid var(--color-accent);opacity:0;pointer-events:none;transition:opacity var(--dur-small) var(--ease-brand), translate var(--dur-small) var(--ease-brand);background:#1c1d1ff0;padding:1.6cqh 1.8cqw;position:absolute;translate:0 8px}.wd__stage[data-step="2"] .wd__clicks,.wd__stage[data-step="4"] .wd__perf,.wd__stage[data-step="5"] .wd__tabs,.wd__stage[data-step="6"] .wd__redir{opacity:1;translate:0}.wd__perf__t,.wd__tabs__t,.wd__redir__t,.wd__callout__t{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .8em;font-size:clamp(8px,1.32cqw,11px)}.wd__clicks{gap:.5em;max-width:56cqw;display:grid;bottom:4cqh;left:3cqw}.wd__clicks__c{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);background:var(--color-accent);opacity:0;transform-origin:0;justify-self:start;padding:.3em .7em;font-size:clamp(9px,1.5cqw,12px);display:inline-block;scale:.9}.wd__stage[data-step="2"] .wd__clicks__c{animation:wd-pop .4s var(--ease-brand) both}.wd__stage[data-step="2"] .wd__clicks__c[data-i="1"]{animation-delay:.75s}.wd__stage[data-step="2"] .wd__clicks__c[data-i="2"]{animation-delay:1.35s}@keyframes wd-pop{to{opacity:1;scale:1}}.wd__clicks__note{letter-spacing:.05em;color:#ffffffa8;font-size:clamp(8px,1.32cqw,11px)}.wd__perf{width:44cqw;top:4cqh;right:3cqw}.wd__perf__rows{gap:.9em;margin:0;padding:0;list-style:none;display:grid}.wd__perf__rows li{opacity:0;grid-template-columns:1fr auto;gap:.2em .6em;display:grid;translate:0 6px}.wd__stage[data-step="4"] .wd__perf__rows li{animation:wd-row .45s var(--ease-brand) both;animation-delay:calc(var(--i) * .16s + .26s)}@keyframes wd-row{to{opacity:1;translate:0}}.wd__perf__l{color:#ffffffd1;font-size:clamp(9px,1.44cqw,12px);line-height:1.25}.wd__perf__v{letter-spacing:.02em;color:var(--color-accent);text-align:right;font-size:clamp(10px,1.7cqw,14px)}.wd__perf__rows li:not([data-pass]) .wd__perf__v{color:var(--color-accent-2)}.wd__perf__bar{background:#ffffff24;grid-column:1/-1;height:.7cqh;min-height:4px;display:block;position:relative}.wd__perf__bar--none{background:0 0}.wd__perf__bar i{width:var(--w,0%);background:var(--color-accent);transform-origin:0;position:absolute;top:0;bottom:0;left:0;transform:scaleX(0)}.wd__perf__rows li:not([data-pass]) .wd__perf__bar i{background:var(--color-accent-2)}.wd__stage[data-step="4"] .wd__perf__bar i{animation:wd-bar .8s var(--ease-brand) both;animation-delay:calc(var(--i) * .16s + .42s)}@keyframes wd-bar{to{transform:scaleX(1)}}.wd__perf__bar b{left:var(--x,0%);background:var(--color-ground);width:2px;position:absolute;top:-3px;bottom:-3px}.wd__perf__s{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;grid-column:1/-1;font-size:clamp(8px,1.2cqw,10px)}.wd__perf__n{letter-spacing:.02em;color:#ffffffa8;margin:1em 0 0;font-size:clamp(8px,1.26cqw,11px);line-height:1.45}.wd__tabs{width:50cqw;top:4cqh;right:3cqw}.wd__tabs__rows{gap:.35em;margin:0;padding:0;list-style:none;display:grid}.wd__tabs__rows li{opacity:0;grid-template-columns:auto 1fr;gap:.1em .7em;padding:.35em .5em;font-size:clamp(9px,1.44cqw,12px);line-height:1.25;display:grid;position:relative;translate:0 6px}.wd__tabs__rows li>span:first-child{letter-spacing:.06em;color:var(--color-accent);font-size:.85em}.wd__tabs__lbl{color:var(--color-ground)}.wd__tabs__note{letter-spacing:.04em;color:#ffffff80;grid-column:2;font-size:.8em}.wd__tabs__rows li:before{content:"";border:2px solid var(--color-accent);opacity:0;position:absolute;inset:0}.wd__stage[data-step="5"] .wd__tabs__rows li{animation:wd-row .35s var(--ease-brand) both;animation-delay:calc(var(--i) * .12s + .2s)}.wd__stage[data-step="5"] .wd__tabs__rows li:before{animation:.6s step-end both wd-ring;animation-delay:calc(var(--i) * .5s + .4s)}@keyframes wd-ring{0%{opacity:0}1%,99%{opacity:1}to{opacity:0}}.wd__stage[data-step="5"] .wd__tabs__rows li:last-child:before{animation-name:wd-ring-stay}@keyframes wd-ring-stay{0%{opacity:0}to{opacity:1}}.wd__tabs__n{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin:.9em 0 0;font-size:clamp(8px,1.2cqw,10px)}.wd__redir{width:60cqw;top:4cqh;left:3cqw}.wd__redir__rows{gap:.3em;margin:0;padding:0;list-style:none;display:grid}.wd__redir__rows li{opacity:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;font-size:clamp(9px,1.38cqw,12px);display:grid;translate:-6px}.wd__stage[data-step="6"] .wd__redir__rows li{animation:wd-hop .42s var(--ease-brand) both;animation-delay:calc(var(--i) * .32s + .26s)}@keyframes wd-hop{to{opacity:1;translate:0}}.wd__redir__code{letter-spacing:.06em;color:var(--color-ink);background:var(--color-accent);padding:.15em .5em;font-size:.92em}.wd__redir__rows li[data-end] .wd__redir__code{color:var(--color-accent);border:1px solid var(--color-accent);background:0 0}.wd__redir__url{color:#ffffffd9;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;overflow:hidden}.wd__redir__arrow{width:2.4em;height:.8em}.wd__redir__arrow path{fill:none;stroke:var(--color-accent);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px}.wd__stage[data-step="6"] .wd__redir__arrow path{animation:wd-draw .5s var(--ease-brand) both;animation-delay:calc(var(--i) * .32s + .42s)}@keyframes wd-draw{to{stroke-dashoffset:0}}.wd__redir__schema{letter-spacing:.02em;color:#ffffff9e;border-top:1px solid #ffffff29;margin:1em 0 0;padding-top:.8em;font-size:clamp(8px,1.26cqw,11px)}.wd__redir__schema span{color:var(--color-accent)}.wd__redir__schema i{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-top:.35em;font-size:.9em;font-style:normal;display:block}.wd__callout{z-index:6;opacity:1;width:46cqw;animation:wd-row .22s var(--ease-brand) both;bottom:4cqh;right:3cqw;translate:0}.wd__callout__v{color:var(--color-ground);margin:0;font-size:clamp(10px,1.7cqw,14px);line-height:1.35}.wd__callout__n{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;margin:.5em 0 0;font-size:clamp(8px,1.2cqw,10px);line-height:1.4}@media (max-width:1023px){.wd__clicks{max-width:none;bottom:3cqh;left:4cqw;right:4cqw}.wd__perf{width:auto;top:3cqh;left:4cqw;right:4cqw}.wd__tabs{width:auto;inset:auto 4cqw 3cqh}.wd__redir{width:auto;top:3cqh;left:4cqw;right:4cqw}.wd__callout{width:auto;bottom:3cqh;left:4cqw;right:4cqw}.wd__perf__l,.wd__perf__v,.wd__tabs__rows li,.wd__redir__rows li,.wd__callout__v,.wd__clicks__c{font-size:clamp(11px,3cqw,14px)}.wd__perf__t,.wd__tabs__t,.wd__redir__t,.wd__callout__t,.wd__perf__s,.wd__perf__n,.wd__tabs__n,.wd__clicks__note,.wd__callout__n,.wd__redir__schema{font-size:clamp(9px,2.5cqw,12px)}.wd__tag{font-size:clamp(9px,2.6cqw,12px)}}.wd__readout{margin-top:var(--space-6);border-top:1px solid var(--color-line);padding-top:var(--space-4);min-height:9.5em}@media (min-width:768px){.wd__readout{min-height:7.5em}}.wd__readout__head{letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);flex-wrap:wrap;align-items:center;gap:.6em 1em;margin:0;font-size:11px;display:flex}.wd__readout__verdict{color:var(--color-ink);background:var(--color-accent);padding:.25em .6em}.wd__readout__verdict[data-verdict=teils]{border:1px solid var(--color-accent);background:0 0}.wd__readout__verdict[data-verdict=offen]{color:var(--color-ground);background:var(--color-ink)}.wd__readout__ttl{color:var(--color-ink)}.wd__readout__body{margin:var(--space-3) 0 0;color:#1c1d1fd1;max-width:54ch;animation:wd-row .4s var(--ease-brand) both;font-size:15px;line-height:1.58}@media (min-width:768px){.wd__readout__body{font-size:16px}}.wd__list{padding:0 0 0 var(--space-6);border-left:1px solid var(--color-line);margin:0;list-style:none;display:grid;position:relative}.wd__list:after{content:"";background:var(--color-accent);width:2px;transform:scaleY(calc((var(--i,0) + 1) / var(--n,6)));transform-origin:top;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;top:0;bottom:0;left:-1px}.wd__item{position:relative}.wd__item+.wd__item{border-top:1px solid var(--color-line)}.wd__item button{width:100%;padding:var(--space-4) 0;text-align:left;cursor:pointer;transition:opacity var(--dur-small) var(--ease-brand);background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.4em 1em;display:grid}.wd__item button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.wd__num{letter-spacing:.08em;color:var(--color-mute);font-size:11px}.wd__ttl{font-family:var(--font-display);color:var(--color-ink);transition:color var(--dur-small) var(--ease-brand);font-size:17px;font-weight:500;line-height:1.2}@media (min-width:1024px){.wd__ttl{font-size:18px}}.wd__verdict{letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);opacity:0;transition:opacity var(--dur-small) var(--ease-brand);font-size:10px}.wd__item[data-state=active] .wd__verdict,.wd__item[data-state=done] .wd__verdict{opacity:1}.wd__item[data-verdict=erfuellt] .wd__verdict,.wd__item[data-verdict=teils] .wd__verdict,.wd__item[data-verdict=offen] .wd__verdict{color:var(--color-ink)}.wd__ttl{position:relative}.wd__ttl:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;height:.4em;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;bottom:-.05em;left:-.15em;right:-.15em;transform:scaleX(0)}.wd__item[data-state=active] .wd__ttl:before{transform:scaleX(1)}.wd__item[data-state=open] button{opacity:.55}@media (hover:hover){.wd__item button:hover{opacity:1}.wd__item button:hover .wd__ttl:before{transform:scaleX(1)}}.wd__controls{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.wd__controls button{min-height:32px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-small) var(--ease-brand), border-color var(--dur-small) var(--ease-brand);background:0 0;padding:.5em 1.1em;font-size:11px}.wd__controls button:hover,.wd__controls button:focus-visible{background:var(--color-accent);border-color:var(--color-accent)}.wd__controls button:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.wd__hint,.wd__zonehint{letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);margin:0;font-size:11px}.wd__zonehint{margin-top:var(--space-4);max-width:34ch;line-height:1.7}.wd__closing{margin:var(--space-12) 0 0;max-width:62ch;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);font-weight:500;line-height:1.28}.wd__source{margin:var(--space-6) 0 0;letter-spacing:.05em;text-transform:uppercase;max-width:96ch;color:var(--color-mute);font-size:11px;line-height:1.7}.wab{gap:var(--space-6);display:grid}@media (min-width:900px){.wab{grid-template-columns:var(--cols);align-items:start;gap:0}}.wab__step{padding-top:var(--space-8);padding-right:var(--space-6);position:relative}@media (max-width:899px){.wab__step{padding-top:var(--space-6);border-top:1px solid var(--color-line)}}.wab__step:before{content:"";left:0;right:var(--space-2);background:var(--color-accent);transform-origin:0;height:4px;transition:transform .7s var(--ease-brand) calc(var(--stagger-i,0) * .16s);position:absolute;top:0;transform:scaleX(0)}.reveal.is-visible .wab__step:before{transform:scaleX(1)}.wab__step[data-pre]:before{background:repeating-linear-gradient(90deg, var(--color-accent) 0 8px, transparent 8px 14px)}.wab__dur{margin-top:var(--space-4);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);font-size:11px;display:block}.wab__t{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);font-weight:500;line-height:1.15}.wab__b{margin:var(--space-3) 0 0;color:#1c1d1fc7;max-width:34ch;font-size:15px;line-height:1.55}.wab__exit{margin:var(--space-8) 0 0;padding-right:var(--space-6);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);font-size:11px;line-height:1.6;position:relative}@media (min-width:900px){.wab__exit{margin-top:var(--space-8);text-align:right;grid-column:1/3}.wab__exit:after{content:"";right:var(--space-6);top:calc(-1 * var(--space-6));width:2px;height:var(--space-6);background:var(--color-ink);position:absolute}}.wab__scale{margin:var(--space-4) 0 0;letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px}@media (min-width:900px){.wab__scale{margin-top:var(--space-12);grid-column:1/-1}}.wds-register{align-items:baseline;gap:var(--space-3) var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wds-voice{padding-left:var(--space-6);position:relative}.wds-voice:before{content:"";background:var(--color-accent);transform-origin:top;width:2px;transition:transform var(--dur-scene) var(--ease-brand) .15s;position:absolute;top:0;bottom:0;left:0}.reveal .wds-voice:before{transform:scaleY(0)}.reveal.is-visible .wds-voice:before{transform:scaleY(1)}.wds-band__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}.handoff-band .text-mute{color:#1c1d1fb3}.handoff-band .handoff__col[data-side=we] .handoff__disc:before{background:var(--color-accent-2)}@media (hover:hover){.handoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}.handoff-band .mark:before{background:var(--color-accent-2)}.handoff-band .mark{color:var(--color-ground)}@media (prefers-reduced-motion:reduce){.wd__face,.wd__page,.wd__shot,.wd__zone:before,.wd__box rect,.wd__tag,.wd__pointer,.wd__phonetag,.wd__clicks,.wd__perf,.wd__tabs,.wd__redir,.wd__callout,.wd__list:after,.wd__ttl:before,.wab__step:before,.wds-voice:before,.reveal .wds-voice:before{transition:none!important}.wd__page--phone,.wd__clicks__c,.wd__perf__rows li,.wd__perf__bar i,.wd__tabs__rows li,.wd__tabs__rows li:before,.wd__redir__rows li,.wd__redir__arrow path,.wd__readout__body,.wd__callout,.wd__tap{animation:none!important}.wd__shot{filter:none}.wd__clicks__c,.wd__perf__rows li,.wd__tabs__rows li,.wd__redir__rows li,.wd__readout__body{opacity:1;translate:0;scale:1}.wd__perf__bar i{transform:scaleX(1)}.wd__tabs__rows li:before{opacity:0}.wd__redir__arrow path{stroke-dashoffset:0}.wd__pointer,.wd__tap{display:none}.wab__step:before,.reveal.is-visible .wab__step:before{transform:scaleX(1)}.wds-voice:before,.reveal .wds-voice:before{transform:scaleY(1)}}
.smday{gap:var(--space-8);padding:var(--space-6);background:var(--color-ink);color:var(--color-ground);isolation:isolate;border:1px solid #ffffff24;display:grid;position:relative}@media (min-width:1024px){.smday{gap:var(--space-8);padding:var(--space-8);grid-template-columns:minmax(0,1fr) 288px}}.smday__board{--u:.1cqi;aspect-ratio:calc(1000 / var(--m-h,1900));contain:layout paint;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:calc(var(--u) * 50) calc(var(--u) * 50);position:relative;container-type:inline-size}@media (min-width:1024px){.smday__board{aspect-ratio:calc(1000 / var(--d-h,672))}}.smday__stagelabel,.smday__zone,.smday__count,.smday__clock{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;margin:0;position:absolute}.smday__stagelabel{font-size:calc(var(--u) * 26);color:var(--color-accent);top:0;left:0}.smday__zone{font-size:calc(var(--u) * 24);color:#ffffff8c;left:0}.smday__zone--day{top:calc(var(--u) * 48)}.smday__zone--plan{top:calc(var(--u) * 1012)}.smday__count{font-size:calc(var(--u) * 24);color:#ffffffb8;opacity:0;transition:opacity .4s var(--ease-brand)}.smday__count--takes{left:0;top:calc(var(--u) * 932)}.smday__count--out{left:0;top:calc(var(--u) * 966);color:var(--color-accent)}.smday[data-p2] .smday__count--takes{opacity:1;transition-delay:2.4s}.smday[data-p3] .smday__count--out{opacity:1;transition-delay:.9s}.smday__clock{left:calc(var(--u) * 0);font-size:calc(var(--u) * 24);color:#ffffff73}.smday__clock--from{top:calc(var(--u) * 108)}.smday__clock--to{top:calc(var(--u) * 890)}@media (min-width:1024px){.smday__stagelabel{font-size:calc(var(--u) * 10)}.smday__zone{font-size:calc(var(--u) * 9.5)}.smday__zone--day{top:calc(var(--u) * 24)}.smday__zone--plan{top:calc(var(--u) * 186)}.smday__count{font-size:calc(var(--u) * 10)}.smday__count--takes{left:calc(var(--u) * 0);top:calc(var(--u) * 158)}.smday__count--out{left:calc(var(--u) * 120);top:calc(var(--u) * 158)}.smday__clock{font-size:calc(var(--u) * 9)}.smday__clock--from{left:calc(var(--u) * 40);top:calc(var(--u) * 140)}.smday__clock--to{left:auto;right:calc(var(--u) * 40);top:calc(var(--u) * 140)}}.smday__axis{left:calc(var(--u) * var(--m-ax,44));top:calc(var(--u) * var(--m-ay0,150));width:1px;height:calc(var(--u) * var(--m-alen,730));opacity:0;transition:opacity .6s var(--ease-brand);background:#ffffff38;position:absolute}.smday[data-p2] .smday__axis,.smday[data-phase="1"] .smday__axis{opacity:1}.smday__fill,.smday__marker{display:block;position:absolute}.smday__fill{background:var(--color-accent);transform-origin:top;width:1px;height:100%;transition:transform 2.6s linear;top:0;left:0;transform:scaleY(0)}.smday[data-p2] .smday__fill{transform:scaleY(1)}.smday__marker{left:calc(var(--u) * -10);width:calc(var(--u) * 21);height:calc(var(--u) * 3);background:var(--color-accent);transition:transform 2.6s linear;top:0;transform:translateY(0)}.smday[data-p2] .smday__marker{transform:translateY(calc(var(--u) * var(--m-alen,730)))}@media (min-width:1024px){.smday__axis{left:calc(var(--u) * var(--d-ax0,40));top:calc(var(--u) * var(--d-ay,132));width:calc(var(--u) * var(--d-alen,920));height:1px}.smday__fill{transform-origin:0;width:100%;height:1px;transform:scaleX(0)}.smday[data-p2] .smday__fill{transform:scaleX(1)}.smday__marker{left:calc(var(--u) * -1.5);top:calc(var(--u) * -9);width:calc(var(--u) * 3);height:calc(var(--u) * 19);transform:translate(0)}.smday[data-p2] .smday__marker{transform:translateX(calc(var(--u) * var(--d-alen,920)))}}.smday__takes{display:contents}.smtake{--x:var(--mx);--y:var(--my);--w:var(--mw);--h:var(--mh);--lift:0px;--in-y:10px;--in-s:.96;z-index:3;align-content:center;gap:calc(var(--u) * 4) calc(var(--u) * 16);width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));padding:calc(var(--u) * 14) calc(var(--u) * 16) calc(var(--u) * 12);text-align:left;color:var(--color-ground);cursor:pointer;opacity:0;transform:translate(calc(var(--x) * var(--u)), calc(var(--y) * var(--u))) translateY(var(--in-y)) translateY(var(--lift)) scale(var(--in-s));transform-origin:0 0;transition:opacity .4s var(--ease-brand) calc(var(--f) * 2.6s), transform .5s var(--ease-brand) calc(var(--f) * 2.6s), border-color var(--dur-small) var(--ease-brand);background:#1c1d1fdb;border:1px solid #ffffff3d;grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid;position:absolute;top:0;left:0;overflow:hidden}.smday[data-p2] .smtake{opacity:1;--in-y:0px;--in-s:1}.smtake__slate{height:calc(var(--u) * 20);background:var(--color-accent);background-image:repeating-linear-gradient(115deg, var(--color-ink) 0 calc(var(--u) * 10), var(--color-accent) calc(var(--u) * 10) calc(var(--u) * 22));transform-origin:0 100%;transition:transform .26s var(--ease-brand) calc(var(--f) * 2.6s + .16s);grid-column:1/-1;display:block;transform:rotate(-19deg)}.smday[data-p2] .smtake__slate{transform:rotate(0)}.smtake__kind{font-size:calc(var(--u) * 26);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);white-space:nowrap;grid-column:1}.smtake__line{font-size:calc(var(--u) * 26);color:#ffffffe0;grid-column:2;line-height:1.25}.smtake__meta{font-size:calc(var(--u) * 22);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;grid-column:1/-1}@media (min-width:1024px){.smtake{--x:var(--dx);--y:var(--dy);--w:var(--dw);--h:var(--dh);align-content:start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 7) calc(var(--u) * 8) calc(var(--u) * 6);grid-template-rows:auto auto auto auto;grid-template-columns:1fr}.smtake__slate{height:calc(var(--u) * 9);background-image:repeating-linear-gradient(115deg, var(--color-ink) 0 calc(var(--u) * 5), var(--color-accent) calc(var(--u) * 5) calc(var(--u) * 11))}.smtake__kind,.smtake__line{font-size:calc(var(--u) * 10);grid-column:1}.smtake__line{color:#ffffffd1}.smtake__meta{font-size:calc(var(--u) * 8.5)}}@media (hover:hover){.smtake:hover{--lift:-4px;border-color:var(--color-accent)}}.smtake:focus-visible,.smcard:focus-visible,.smday__controls button:focus-visible,.smpv__sound:focus-visible,.smpv__swap:focus-visible,.smdoor:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.smday[data-focus] .smtake{opacity:.42}.smday[data-focus=oton] .smtake[data-take=oton],.smday[data-focus=broll] .smtake[data-take=broll],.smday[data-focus=detail] .smtake[data-take=detail],.smday[data-focus=drohne] .smtake[data-take=drohne],.smday[data-focus=fotos] .smtake[data-take=fotos]{opacity:1;--lift:-4px;border-color:var(--color-accent)}.smday__legend{left:0;top:calc(var(--u) * 1046);gap:calc(var(--u) * 12) calc(var(--u) * 26);font-family:var(--font-mono);font-size:calc(var(--u) * 22);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;flex-wrap:wrap;display:flex;position:absolute}.smday__legend li{align-items:center;gap:calc(var(--u) * 10);display:flex}.smday__legend i{border:1px solid #fff6;display:block}.smday__legend li[data-kind=reel] i{width:calc(var(--u) * 16);height:calc(var(--u) * 22);border-color:var(--color-accent)}.smday__legend li[data-kind=foto] i{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.smday__legend li[data-kind=recap] i{width:calc(var(--u) * 30);height:calc(var(--u) * 9);background:#ffffff4d}@media (min-width:1024px){.smday__legend{left:auto;right:0;top:calc(var(--u) * 186);gap:calc(var(--u) * 16);font-size:calc(var(--u) * 9)}.smday__legend li[data-kind=reel] i{width:calc(var(--u) * 7);height:calc(var(--u) * 10)}.smday__legend li[data-kind=foto] i{width:calc(var(--u) * 8);height:calc(var(--u) * 8)}.smday__legend li[data-kind=recap] i{width:calc(var(--u) * 14);height:calc(var(--u) * 4)}}.smcal{pointer-events:none;--cx0:var(--m-cx0,76);--cy0:var(--m-cy0,1120);--row:var(--m-row,128);--col:var(--m-col,131.43);position:absolute;inset:0}@media (min-width:1024px){.smcal{--cx0:var(--d-cx0,56);--cy0:var(--d-cy0,230);--row:var(--d-row,72);--col:var(--d-col,134.29)}}.smcal__day,.smcal__week{font-size:calc(var(--u) * 22);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;opacity:0;transition:opacity .5s var(--ease-brand) .2s;position:absolute}.smday[data-p2] .smcal__day,.smday[data-p2] .smcal__week{opacity:1}.smcal__day{left:0;top:calc(var(--u) * (var(--cy0) - 40));transform:translateX(calc(var(--u) * (var(--cx0) + (var(--c) + .5) * var(--col)))) translateX(-50%)}.smcal__week{left:0;top:calc(var(--u) * (var(--cy0) + 6));transform:translateY(calc(var(--u) * var(--w) * var(--row)))}.smcal__row,.smcal__col{display:block;position:absolute}.smcal__row{left:calc(var(--u) * var(--cx0));right:calc(var(--u) * 4);top:calc(var(--u) * var(--cy0));height:calc(var(--u) * var(--row));transform:translateY(calc(var(--u) * var(--w) * var(--row)));border-top:1px solid #ffffff1f}.smcal__row:last-of-type{border-bottom:1px solid #ffffff1f}.smday[data-p4] .smcal__row{animation:sm-week 1s var(--ease-brand) calc(var(--w) * .26s) both}@keyframes sm-week{0%{background-color:#ffab8000}32%{background-color:#ffab8026}to{background-color:#ffab8000}}.smcal__col{top:calc(var(--u) * var(--cy0));width:1px;height:calc(var(--u) * var(--row) * 6);transform:translateX(calc(var(--u) * (var(--cx0) + var(--c) * var(--col))));background:#ffffff17;left:0}@media (min-width:1024px){.smcal__day,.smcal__week{font-size:calc(var(--u) * 8.5)}.smcal__day{top:calc(var(--u) * (var(--cy0) - 18))}.smcal__week{top:calc(var(--u) * (var(--cy0) + 4))}}.smday__cards{display:contents}.smcard{--x:var(--mx);--y:var(--my);--w:var(--mw);--h:var(--mh);--sx:var(--msx);--sy:var(--msy);--lift:0px;z-index:2;width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));cursor:default;opacity:0;transform:translate(calc(var(--sx) * var(--u)), calc(var(--sy) * var(--u))) translate(-50%, -50%) scale(.5);transform-origin:0 0;transition:opacity .38s var(--ease-brand) calc(var(--i) * 55ms), transform .7s var(--ease-brand) calc(var(--i) * 55ms), border-color var(--dur-small) var(--ease-brand);background:#ffffff0a;border:1px solid #ffffff42;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0;overflow:hidden}.smday[data-p3] .smcard{opacity:1;transform:translate(calc(var(--x) * var(--u)), calc(var(--y) * var(--u))) translateY(var(--lift))}.smcard[data-kind=reel]{border-color:#ffab808c}.smcard[data-kind=recap]{background:#ffffff1f}.smcard[data-real]{cursor:pointer;border-color:var(--color-accent);border-width:2px}.smcard__shot{object-fit:cover;filter:saturate(.85);width:100%;height:100%}.smcard__badge{padding:calc(var(--u) * 2) calc(var(--u) * 3);font-size:calc(var(--u) * 16);letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--color-ink);background:var(--color-accent);white-space:nowrap;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.smcard__label{font-size:calc(var(--u) * 16);letter-spacing:.04em;text-transform:uppercase;color:#ffffff9e;display:none}@media (min-width:1024px){.smcard{--x:var(--dx);--y:var(--dy);--w:var(--dw);--h:var(--dh);--sx:var(--dsx);--sy:var(--dsy);cursor:pointer}.smcard__label{font-size:calc(var(--u) * 8);display:block}.smcard[data-kind=foto] .smcard__label,.smcard[data-kind=recap] .smcard__label{font-size:calc(var(--u) * 7.5)}.smcard__badge{font-size:calc(var(--u) * 6.5);padding:calc(var(--u) * 1) 0}}@media (hover:hover){.smcard:hover{--lift:-3px;border-color:var(--color-ground)}.smcard[data-real]:hover{border-color:var(--color-accent)}}.smday[data-p3][data-focus=oton] .smcard:not([data-take=oton]),.smday[data-p3][data-focus=broll] .smcard:not([data-take=broll]),.smday[data-p3][data-focus=detail] .smcard:not([data-take=detail]),.smday[data-p3][data-focus=drohne] .smcard:not([data-take=drohne]),.smday[data-p3][data-focus=fotos] .smcard:not([data-take=fotos]){opacity:.16}.smday[data-p3][data-focus=oton] .smcard[data-take=oton],.smday[data-p3][data-focus=broll] .smcard[data-take=broll],.smday[data-p3][data-focus=detail] .smcard[data-take=detail],.smday[data-p3][data-focus=drohne] .smcard[data-take=drohne],.smday[data-p3][data-focus=fotos] .smcard[data-take=fotos]{border-color:var(--color-accent)}.smlink{z-index:1;width:calc(var(--mlen) * var(--u));background:var(--color-accent);pointer-events:none;opacity:0;height:1px;transform:translate(calc(var(--mx) * var(--u)), calc(var(--my) * var(--u))) rotate(var(--mang)) scaleX(0);transform-origin:0;transition:transform .42s var(--ease-brand), opacity .2s var(--ease-brand);display:block;position:absolute;top:0;left:0}.smlink[data-on]{opacity:.8;transform:translate(calc(var(--mx) * var(--u)), calc(var(--my) * var(--u))) rotate(var(--mang)) scaleX(1)}@media (min-width:1024px){.smlink{width:calc(var(--dlen) * var(--u));transform:translate(calc(var(--dx) * var(--u)), calc(var(--dy) * var(--u))) rotate(var(--dang)) scaleX(0)}.smlink[data-on]{transform:translate(calc(var(--dx) * var(--u)), calc(var(--dy) * var(--u))) rotate(var(--dang)) scaleX(1)}}.smday__aside{align-content:start;gap:var(--space-4);display:grid}.smday__phone{width:min(100%,268px);margin-inline:auto}.smpv{background:var(--color-ink);color:var(--color-ground);grid-template-rows:auto minmax(0,1fr) auto auto;font-size:1em;display:grid;position:absolute;inset:0}.smpv__top{align-items:center;gap:.5em;margin:0;padding:1.3em .8em .5em;font-size:.78em;line-height:1.2;display:flex}.smpv__dot{background:var(--color-accent);border-radius:999px;flex:none;width:1.5em;height:1.5em}.smpv__account{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.smpv__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);white-space:nowrap;margin-left:auto;font-size:.8em}.smpv__media{background:#101113;position:relative;overflow:hidden}.smpv__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-medium) var(--ease-brand);position:absolute;inset:0}.smpv__video[data-on]{opacity:1}.smpv__swap{cursor:pointer;color:var(--color-ground);background:0 0;border:0;justify-content:center;align-items:flex-end;padding-bottom:.7em;display:flex;position:absolute;inset:0}.smpv__swap span{letter-spacing:.08em;text-transform:uppercase;opacity:0;min-height:24px;transition:opacity var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand);background:#1c1d1f99;border:1px solid #ffffff80;border-radius:999px;align-items:center;padding:.4em .8em;font-size:.7em;display:inline-flex}.smpv__swap:hover span,.smpv__swap:focus-visible span{opacity:1}.smpv__swap:hover span{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}@media (hover:none){.smpv__swap span{opacity:1}}.smpv__bar{align-items:center;gap:.5em;margin:0;padding:.6em .8em .2em;display:flex}.smpv__heart{color:var(--color-accent);flex:none;font-size:1.05em;line-height:1}.smpv__heart:before{content:"♥"}.smpv__likes{gap:.15em;min-width:0;display:grid}.smpv__likes-n{font-size:.85em;font-weight:600;line-height:1}.smpv__likes-note{letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;font-size:.6em;line-height:1.3}.smpv__sound{letter-spacing:.08em;text-transform:uppercase;min-height:24px;color:var(--color-ground);cursor:pointer;transition:background-color var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand), border-color var(--dur-small) var(--ease-brand);background:0 0;border:1px solid #fff6;border-radius:999px;flex:none;margin-left:auto;padding:.4em .7em;font-size:.62em}.smpv__sound:hover,.smpv__sound[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink)}.smpv__caption{color:#ffffffc7;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:.3em .8em 2em;font-size:.72em;line-height:1.45;display:-webkit-box;overflow:hidden}.smday__controls{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.smday__controls button{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ground);cursor:pointer;min-height:32px;transition:border-color var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:.55em 1.1em;font-size:11px}.smday__controls button:hover,.smday__controls button:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.smday__status{margin-top:var(--space-6);max-width:76ch;min-height:3em;color:var(--color-ink);font-size:15px;line-height:1.5}.smday__footnote{margin-top:var(--space-3);letter-spacing:.06em;text-transform:uppercase;max-width:92ch;color:var(--color-mute);font-size:11px;line-height:1.7}.smdoors{gap:var(--space-8);display:grid}@media (min-width:768px){.smdoors{gap:var(--space-16);grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center}}.smdoors__list{border-top:1px solid var(--color-line);gap:0;display:grid}.smdoor{gap:var(--space-2);width:100%;padding:var(--space-6) 0;text-align:left;border:0;border-bottom:1px solid var(--color-line);cursor:pointer;transition:opacity var(--dur-small) var(--ease-brand);background:0 0;display:grid}.smdoor[aria-pressed=false]{opacity:.5}.smdoor__tag{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);z-index:0;justify-self:start;padding:0 .2em;font-size:11px;position:relative}.smdoor__tag:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;inset:-.1em -.1em -.15em;transform:scaleX(0)}.smdoor[aria-pressed=true] .smdoor__tag:before{transform:scaleX(1)}.smdoor__client{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--color-ink);font-weight:500;line-height:1.15}.smdoor__note{color:#1c1d1fbf;max-width:44ch;font-size:16px;line-height:1.5}.smdoor__meta{letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px}@media (hover:hover){.smdoor:hover{opacity:1}}.smdoors__phone{justify-self:center;width:min(100%,300px)}.smdoors__video{object-fit:cover;background:var(--color-ink);opacity:0;width:100%;height:100%;transition:opacity var(--dur-medium) var(--ease-brand);position:absolute;inset:0}.smdoors__video[data-on]{opacity:1}.smfrage{margin:var(--space-6) 0 0;max-width:24ch;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);font-weight:500;line-height:1.15;position:relative}.smfrage__char{opacity:0;transition:opacity 1ms linear calc(var(--i) * 42ms + .22s);position:relative}.reveal.is-visible .smfrage__char{opacity:1}.smfrage__char:after{content:"";background:var(--color-accent);opacity:0;width:2px;height:.8em;position:absolute;top:.12em;right:-.05em}.reveal.is-visible .smfrage__char:after{animation:sm-run 42ms linear calc(var(--i) * 42ms + .22s) forwards}@keyframes sm-run{0%,92%{opacity:1}to{opacity:0}}.smfrage__caret{vertical-align:-.08em;background:var(--color-accent);opacity:0;width:2px;height:.85em;margin-left:.06em;display:inline-block}.reveal.is-visible .smfrage__caret{animation:sm-caret .9s steps(1) calc(var(--n) * 42ms + .26s) infinite}@keyframes sm-caret{0%,to{opacity:1}50%{opacity:0}}.smfrage__lesson{margin:var(--space-12) 0 0;max-width:24ch;font-family:var(--font-display);font-size:var(--fs-h2);color:var(--color-ink);font-weight:500;line-height:1.12}.smregister{gap:0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.smregister{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}}.smregister li{border-top:1px solid var(--color-line);padding-block:var(--space-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);font-size:11px}.smband__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}.smhandoff-band .text-mute{color:#1c1d1fb3}.smhandoff-band .handoff__col[data-side=we] .handoff__disc:before,.smhandoff-band .mark:before{background:var(--color-accent-2)}.smhandoff-band .mark{color:var(--color-ground)}@media (hover:hover){.smhandoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}@media (prefers-reduced-motion:reduce){.smday__axis,.smday__fill,.smday__marker,.smday__count,.smtake,.smtake__slate,.smcal__day,.smcal__week,.smcard,.smlink,.smpv__video,.smdoors__video,.smdoor,.smdoor__tag:before,.smfrage__char{transition:none!important}.smcal__row,.smfrage__caret,.smfrage__char:after{animation:none!important}.smday__axis,.smday__count,.smtake,.smcal__day,.smcal__week,.smcard,.smfrage__char{opacity:1}.smday__fill{transform:scaleY(1)}.smtake{--in-y:0px;--in-s:1}.smtake__slate{transform:rotate(0)}.smcard{transform:translate(calc(var(--x) * var(--u)), calc(var(--y) * var(--u)))}.smdoor__tag:before{transform:scaleX(1)}.smfrage__caret{opacity:0}}
.fx__stage{--t:1;--plate-h:83.333;--fx-h:clamp(400px, 74svh, 740px);width:min(100%, calc(var(--fx-h) * 4 / 3));aspect-ratio:16/12;background:#0f1012;border:1px solid #ffffff24;margin-inline:auto;position:relative;container-type:size}.fx__plate{width:100cqw;height:calc(var(--plate-h) * 1cqh);background:#0f1012;position:absolute;top:0;left:0;overflow:clip}.fx__tone{clip-path:inset(0 calc((1 - var(--e)) * 100%) 0 0);position:absolute;inset:0}.fx__tone[data-tone=hi]{--e:clamp(0, calc(var(--t) * 1.36), 1);filter:brightness(.55)contrast(2.3)saturate(.1)}.fx__tone[data-tone=mid]{--e:clamp(0, calc(var(--t) * 1.36 - .19), 1);filter:brightness(.82)contrast(1.35)saturate(.45)}.fx__tone[data-tone=full]{--e:clamp(0, calc(var(--t) * 1.36 - .36), 1)}.fx__grain{z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:calc(.09 + .42 * (1 - var(--t)));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.fx__beam{z-index:4;pointer-events:none;width:16cqw;translate:calc(var(--t) * 116cqw) 0;mix-blend-mode:screen;background:linear-gradient(90deg,#ffab8000 0%,#ffab8052 46% 54%,#ffab8000 100%);position:absolute;top:0;bottom:0;left:-8cqw}.fx__beam:after{content:"";background:var(--color-accent);opacity:.75;width:1px;position:absolute;top:0;bottom:0;left:50%}.fx__dim{z-index:5;pointer-events:none;opacity:0;transition:opacity var(--dur-medium) var(--ease-brand);background:#0f1012;position:absolute;inset:0}.fx__stage[data-dim] .fx__dim{opacity:.58}.fx__box{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx__box g{opacity:0;transition:opacity var(--dur-small) var(--ease-brand)}.fx__box rect{fill:none;stroke:#ffffffd9;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:1800px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) calc(var(--i,0) * .12s)}.fx__box-tick{fill:none;stroke:var(--color-accent);stroke-width:2px;vector-effect:non-scaling-stroke}.fx__stage[data-crop=web] .fx__box g[data-fmt=web],.fx__stage[data-crop=social] .fx__box g[data-fmt=social],.fx__stage[data-crop=print] .fx__box g[data-fmt=print],.fx__stage[data-cut] .fx__box g{opacity:1}.fx__stage[data-crop=web] .fx__box g[data-fmt=web] rect,.fx__stage[data-crop=social] .fx__box g[data-fmt=social] rect,.fx__stage[data-crop=print] .fx__box g[data-fmt=print] rect,.fx__stage[data-cut] .fx__box rect{stroke-dashoffset:0}.fx__slug{z-index:7;background:var(--color-ink);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;animation:fx-wipe var(--dur-medium) var(--ease-brand) both;margin:0;padding:8px 12px;font-size:11px;position:absolute;top:0;left:0}@keyframes fx-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.fx__readout{z-index:7;align-items:center;gap:8px var(--space-6);letter-spacing:.06em;text-transform:uppercase;color:#ffffffd1;background:#0f1012d6;flex-wrap:wrap;padding:10px 12px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.fx__readout p{margin:0}.fx__exif{opacity:0;text-transform:none;color:var(--color-accent)}.fx__stage[data-p2] .fx__exif{opacity:1;animation:.9s both fx-type}@keyframes fx-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.fx__meter{opacity:0;transition:opacity var(--dur-small) var(--ease-brand);align-items:center;gap:10px;display:flex}.fx__stage[data-p2] .fx__meter{opacity:1}.fx__meter-label{color:#ffffff73;font-size:10px}.fx__meter-scale{background-image:repeating-linear-gradient(90deg,#ffffff4d 0 1px,#0000 1px 14px);background-position:0 100%;background-repeat:no-repeat;background-size:100% 6px;border-bottom:1px solid #ffffff4d;width:84px;height:12px;display:block;position:relative}.fx__meter-scale i{background:var(--color-accent);width:1px;height:16px;position:absolute;bottom:-3px;left:50%;translate:-50%}.fx__stage[data-p2] .fx__meter-scale i{animation:fx-needle 1.2s var(--ease-brand) both}@keyframes fx-needle{0%{translate:calc(-50% - 34px)}40%{translate:calc(26px - 50%)}72%{translate:calc(-50% - 9px)}to{translate:-50%}}.fx__iso{color:#ffffff8c;opacity:0;transition:opacity var(--dur-small) var(--ease-brand)}.fx__stage[data-p1] .fx__iso{opacity:1}.fx__rail-label{left:0;top:calc(var(--plate-h) * 1cqh + 8px);z-index:8;letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin:0;font-size:10px;position:absolute}.fx__rail{z-index:8;position:absolute;inset:0}.fx__fmt{left:calc(var(--rx) * 1cqw);top:calc(var(--ry) * 1cqh);width:calc(var(--rw) * 1cqw);height:calc(var(--rh) * 1cqh);opacity:0;transition:opacity var(--dur-medium) var(--ease-brand) calc(var(--i) * .11s);position:absolute}.fx__fmt[data-on]{opacity:1}.fx__fmt-btn{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;transform-origin:50%;transition:transform .9s var(--ease-brand) calc(var(--i) * .11s), border-color var(--dur-small) var(--ease-brand), translate var(--dur-small) var(--ease-brand);background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:clip}.fx__fmt-btn:after{content:"";z-index:3;pointer-events:none;transition:border-color var(--dur-small) var(--ease-brand);border:1px solid #ffffff80;position:absolute;inset:0}.fx__stage[data-cut] .fx__fmt-btn{transform:translate(calc(var(--dx) * 1cqw), calc(var(--dy) * 1cqh)) scale(var(--k))}.fx__stage[data-cut] .fx__fmt-btn:after{border-color:#0000}.fx__fmt-plate{width:calc(100% * 100 / var(--w));height:calc(100% * var(--plate-h) / var(--h));left:calc(-100% * var(--x) / var(--w));top:calc(-100% * var(--y) / var(--h));position:absolute}.fx__fmt-tag{z-index:2;background:var(--color-ink);color:#ffffffd9;letter-spacing:.06em;text-transform:uppercase;transition:opacity var(--dur-small) var(--ease-brand), color var(--dur-small) var(--ease-brand);padding:4px 7px;font-size:10px;position:absolute;bottom:0;left:0}.fx__fmt-tag i{color:#ffffff73;font-style:normal}.fx__stage[data-cut] .fx__fmt-tag{opacity:0}@media (hover:hover){.fx__fmt-btn:hover{translate:0 -4px}.fx__fmt-btn:hover:after{border-color:var(--color-accent)}.fx__fmt-btn:hover .fx__fmt-tag{color:var(--color-accent)}}.fx__fmt-btn:focus-visible{outline:2px solid var(--color-ground);outline-offset:2px}.fx__fmt-btn:focus-visible:after,.fx__fmt-btn[aria-pressed=true]:after{border-color:var(--color-accent)}.fx__claim{margin:var(--space-12) 0 0;max-width:24ch;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:500;line-height:1.15}.fx__claim-word{color:#fff3;transition:color var(--dur-medium) var(--ease-brand) calc(var(--i) * .11s), translate var(--dur-medium) var(--ease-brand) calc(var(--i) * .11s);display:inline-block;translate:0 6px}.fx__stage[data-done]+.fx__claim .fx__claim-word{color:var(--color-ground);translate:0}.fx__controls{align-items:center;gap:var(--space-3) var(--space-8);flex-wrap:wrap;display:flex}.fx__controls-label{letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin:0;font-size:10px}.fx__dots{flex-wrap:wrap;gap:6px;display:flex}.fx__dot,.fx__run-btn{color:#ffffff9e;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:28px;transition:color var(--dur-small) var(--ease-brand), border-color var(--dur-small) var(--ease-brand);background:0 0;border:1px solid #ffffff38;padding:5px 10px;font-size:11px}@media (hover:hover){.fx__dot:hover,.fx__run-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}}.fx__dot[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-ink);background:var(--color-accent)}.fx__dot:focus-visible,.fx__run-btn:focus-visible{outline:2px solid var(--color-ground);outline-offset:2px}.fx__run{gap:6px;display:flex}.fx__note{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;margin-bottom:0;font-size:11px;line-height:1.7}@media (max-width:767px){.fx__stage{aspect-ratio:auto;container-type:normal}.fx__plate{aspect-ratio:4/5;width:auto;height:auto;position:relative}.fx__tone{clip-path:inset(0 0 calc((1 - var(--e)) * 100%) 0)}.fx__beam{width:auto;height:18%;translate:0 calc(var(--t) * 118%);background:linear-gradient(#ffab8000 0%,#ffab8052 46% 54%,#ffab8000 100%);inset:-9% 0 auto}.fx__beam:after{width:auto;height:1px;inset:50% 0 auto}.fx__box{display:none}.fx__stage[data-dim] .fx__dim{opacity:0}.fx__rail-label{padding:var(--space-4) var(--space-3) 0;position:static}.fx__rail{align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-4);display:flex;position:static}.fx__fmt{width:auto;height:68px;aspect-ratio:var(--ar);position:static}.fx__fmt-btn:after{content:"";z-index:3;pointer-events:none;transition:border-color var(--dur-small) var(--ease-brand);border:1px solid #ffffff80;position:absolute;inset:0}.fx__stage[data-cut] .fx__fmt-btn{border-color:#ffffff80;transform:none}.fx__stage[data-cut] .fx__fmt-tag{opacity:1}.fx__fmt-plate{width:100%;height:100%;inset:0}.fx__readout{gap:6px var(--space-4)}.fx__meter{display:none}}@media (prefers-reduced-motion:reduce){.fx__beam{display:none}.fx__tone,.fx__dim,.fx__box g,.fx__box rect,.fx__fmt,.fx__fmt-btn,.fx__fmt-tag,.fx__claim-word,.fx__meter,.fx__iso{transition:none}.fx__slug,.fx__stage[data-p2] .fx__exif,.fx__stage[data-p2] .fx__meter-scale i{clip-path:none;animation:none}.fx__grain{opacity:.09}.fx__fmt-btn:hover{translate:none}}.cs__sheet{--p:1;position:relative}.cs__strips{gap:var(--space-16);display:grid}.cs__strip{--r:clamp(0, calc(var(--p) * var(--n) - var(--row) + .35), 1)}.cs__row{column-gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.cs__cell{grid-column:var(--col) / span var(--span);margin-top:calc(var(--dy) * 4px)}.cs__meta{justify-content:space-between;align-items:baseline;gap:var(--space-2);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:11px;display:flex}.cs__meta span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cs__nr{color:#ffffff80;transition:color var(--dur-small) var(--ease-brand)}.cs__shot{margin-top:var(--space-2);aspect-ratio:var(--ar);filter:brightness(calc(.28 + .72 * var(--r))) contrast(calc(.85 + .15 * var(--r))) saturate(calc(.45 + .55 * var(--r)));transition:border-color var(--dur-small) var(--ease-brand);background:#2a2b2e;border:1px solid #ffffff24;display:block;position:relative}.cs__shot:after{content:"";z-index:2;background:var(--color-accent);mix-blend-mode:screen;opacity:0;transition:opacity var(--dur-small) var(--ease-brand);position:absolute;inset:0}.cs__exif{letter-spacing:.05em;text-transform:none;color:#ffffff61;transition:color var(--dur-small) var(--ease-brand);margin:6px 0 0;font-size:10px}@media (hover:hover){.cs__pick:hover .cs__shot:after{opacity:.2}.cs__pick:hover .cs__shot{border-color:var(--color-accent)}.cs__pick:hover .cs__exif,.cs__pick:hover .cs__nr{color:var(--color-accent)}}.cs__cell--empty .cs__shot{filter:none;border-style:dashed;border-color:#ffffff38;place-items:center;display:grid}.cs__aperture path{fill:none;stroke:#ffffff73;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) .3s}.reveal.is-visible .cs__aperture path{stroke-dashoffset:0}.cs__beam{z-index:3;pointer-events:none;position:absolute;inset:0 -16px;container-type:size}.cs__beam i{height:160px;translate:0 calc(var(--p) * 100cqh);mix-blend-mode:screen;background:linear-gradient(#ffab8000 0%,#ffab8042 46% 54%,#ffab8000 100%);position:absolute;top:-80px;left:0;right:0}.cs__beam i:after{content:"";background:var(--color-accent);opacity:.6;height:1px;position:absolute;top:50%;left:0;right:0}.cs__gate{letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;margin-bottom:0;font-size:11px;line-height:1.7}@media (max-width:767px){.cs__strips{gap:var(--space-8)}.cs__row{grid-template-columns:minmax(0,1fr)}.cs__cell{margin-top:0;margin-left:calc(var(--dy) * 1.2px);grid-column:1}}@media (prefers-reduced-motion:reduce){.cs__beam{display:none}.cs__shot{filter:none}.cs__shot,.cs__shot:after,.cs__nr,.cs__exif{transition:none}.cs__aperture path{stroke-dashoffset:0;transition:none}}.fser__row{gap:var(--space-2);padding-block:var(--space-6);display:grid;position:relative}@media (min-width:768px){.fser__row{gap:var(--space-6);grid-template-columns:2.5rem 9rem minmax(0,1fr);align-items:baseline}}.fser__rule{width:100%;height:1px;display:block;position:absolute;top:0;left:0;overflow:visible}.fser__rule path{fill:none;stroke:var(--color-line);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) calc(var(--i,0) * .12s)}.reveal.is-visible .fser__rule path{stroke-dashoffset:0}.fser__name{isolation:isolate;padding-inline:.25rem;display:inline-block;position:relative}.fser__name:before{content:"";z-index:-1;background:var(--color-accent);transform-origin:0;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover){.fser__row:hover .fser__name:before{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.fser__rule path{stroke-dashoffset:0;transition:none}.fser__name:before{transition:none}}.foto-handoff-band .text-mute{color:#1c1d1fb3}.foto-handoff-band .handoff__col[data-side=we] .handoff__disc:before{background:var(--color-accent-2)}@media (hover:hover){.foto-handoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}.foto-handoff-band .mark:before{background:var(--color-accent-2)}.foto-handoff-band .mark{color:var(--color-ground)}.fvoice-band__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}
.cs3__grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.cs3__grid{column-gap:var(--space-12);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.cs3__rules{grid-column:1/5}.cs3__stage{grid-column:5/13}}.cs3__tablist{border-top:1px solid var(--color-line);display:grid}.cs3__rule{align-items:start;gap:var(--space-4);width:100%;padding:var(--space-6) 0;border:0;border-bottom:1px solid var(--color-line);text-align:left;cursor:pointer;color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);background:0 0;grid-template-columns:auto minmax(0,1fr);display:grid}.cs3__rule:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.cs3__rule-num{letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);font-size:11px;line-height:1.9}.cs3__rule-text{isolation:isolate;font-family:var(--font-display);font-size:var(--fs-h3);color:inherit;font-weight:500;line-height:1.2;display:inline-block;position:relative}.cs3__rule-text:before{content:"";background:var(--color-accent);z-index:-1;transform-origin:0;height:.42em;transition:transform var(--dur-medium) var(--ease-brand);position:absolute;bottom:-.04em;left:-.12em;right:-.12em;transform:scaleX(0)}.cs3__rule[data-on],.cs3__rule[data-on] .cs3__rule-num{color:var(--color-ink)}.cs3__rule[data-on] .cs3__rule-text:before{transform:scaleX(1)}@media (hover:hover){.cs3__rule:hover{color:var(--color-ink)}}.cs3__say{min-height:12.5em;margin-top:var(--space-8);animation:cs3-say var(--dur-medium) var(--ease-brand) both}@keyframes cs3-say{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cs3__body{max-width:44ch;color:color-mix(in srgb, var(--color-ink) 80%, transparent);font-size:1.0625rem;line-height:1.6}.cs3__foryou{margin-top:var(--space-6);letter-spacing:.06em;text-transform:uppercase;max-width:42ch;color:var(--color-ink);font-size:11px;line-height:1.7}.cs3__panel:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.cs3__demo{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mute);font-size:11px;display:flex}.cs3__demo i{background:var(--color-accent);width:8px;height:8px}.cs3__stage .device-fit>.device.device--browser{aspect-ratio:auto;height:calc(62.5cqw + var(--bar))}.cs3__stage .device__url{color:var(--color-ink);background:0 0;border:0;padding-inline:0}.cs3__panel[data-satz="01"] .device__url{animation:.42s steps(24,end) .12s both cs3-type-a}.cs3__panel[data-satz="02"] .device__url{animation:.42s steps(24,end) .12s both cs3-type-b}.cs3__panel[data-satz="03"] .device__url{animation:.42s steps(24,end) .12s both cs3-type-c}@keyframes cs3-type-a{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cs3-type-b{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cs3-type-c{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.cs3__layer{opacity:0;pointer-events:none;transition:opacity var(--dur-small) var(--ease-brand) 50ms, scale var(--dur-small) var(--ease-brand) 50ms;position:absolute;inset:0;scale:.98;container-type:inline-size}.cs3__layer[data-active=true]{z-index:1;opacity:1;pointer-events:auto;transition:opacity .45s var(--ease-brand) .25s, scale .45s var(--ease-brand) .25s;scale:1}.cs3__shot{object-fit:cover;object-position:top center}.cs3__zone{left:calc(var(--zx) * 1%);top:calc(var(--zy) * 1%);width:calc(var(--zw) * 1%);height:calc(var(--zh) * 1%);border:1px dashed color-mix(in srgb, var(--color-ink) 42%, transparent);cursor:help;z-index:3;opacity:0;transition:opacity var(--dur-medium) var(--ease-brand) calc(var(--i) * 90ms + .15s), border-color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:0 0;padding:0;position:absolute}.cs3__layer[data-phase="3"] .cs3__zone{opacity:1}@media (hover:hover){.cs3__zone:hover{border-style:solid;border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 22%, transparent)}}.cs3__zone:focus-visible{opacity:1;border-style:solid;border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 22%, transparent);outline:2px solid var(--color-ink);outline-offset:2px}.cs3__chain{z-index:2;border-left:3px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 20%, transparent);opacity:0;width:91.83%;height:7%;transition:translate .38s var(--ease-brand), opacity var(--dur-small) var(--ease-brand);position:absolute;top:46.78%;left:4.08%}.cs3__layer[data-active=true] .cs3__chain{opacity:1}.cs3__layer[data-sub="0"] .cs3__chain{opacity:0}.cs3__chain[data-step="1"]{translate:0 4.42cqw}.cs3__chain[data-step="2"]{translate:0 8.84cqw}.cs3__chain[data-step="3"]{translate:0 13.25cqw}.cs3__chain[data-step="4"]{translate:0 17.67cqw}.cs3__chain[data-step="5"]{translate:0 22.09cqw}.cs3__chain[data-step="6"]{translate:0 26.5cqw}.cs3__chain-goal{z-index:2;background:color-mix(in srgb, var(--color-accent) 20%, transparent);opacity:0;width:23.96%;height:14.42%;transition:opacity var(--dur-medium) var(--ease-brand), scale var(--dur-medium) var(--ease-brand);position:absolute;top:17.22%;left:73.96%;scale:.97}.cs3__layer[data-phase="3"] .cs3__chain-goal{opacity:1;scale:1}.cs3__tap{z-index:2;border:1px solid var(--color-accent);border-radius:var(--radius-pill);opacity:0;width:6cqw;height:6cqw;margin:-3cqw 0 0 -3cqw;position:absolute;top:81.86%;left:8.2%}.cs3__layer[data-active=true][data-phase="1"] .cs3__tap{animation:cs3-tap .55s var(--ease-brand) 2 both}@keyframes cs3-tap{0%{opacity:0;scale:.4}30%{opacity:1}to{opacity:0;scale:1.9}}.cs3__log{z-index:2;background:var(--color-accent);width:35.8%;height:5.2%;color:var(--color-ink);letter-spacing:.02em;white-space:nowrap;opacity:0;transition:opacity var(--dur-medium) var(--ease-brand), translate var(--dur-medium) var(--ease-brand);align-items:center;gap:1cqw;padding:0 .9cqw;font-size:1.05cqw;display:flex;position:absolute;top:28.8%;left:61.2%;overflow:hidden;translate:0 -1.6cqw}.cs3__layer[data-phase="2"] .cs3__log,.cs3__layer[data-phase="3"] .cs3__log{opacity:1;translate:0}.cs3__log-time{opacity:.66}.cs3__tick{left:calc(var(--zx) * 1%);top:calc(var(--zy) * 1%);z-index:2;background:var(--color-accent);width:2.8cqw;height:2.8cqw;color:var(--color-ink);opacity:0;transition:opacity var(--dur-small) var(--ease-brand), scale var(--dur-small) var(--ease-brand);place-items:center;margin:-1.4cqw 0 0;font-size:1.6cqw;line-height:1;display:grid;position:absolute;scale:.5}.cs3__tick:before{content:"✓"}.cs3__tick[data-on]{opacity:1;scale:1}.cs3__db{z-index:2;background:var(--color-ink);width:44%;color:var(--color-ground);letter-spacing:.02em;opacity:0;transition:opacity var(--dur-medium) var(--ease-brand), translate var(--dur-medium) var(--ease-brand);gap:.9cqw;padding:1.6cqw;font-size:1.15cqw;display:grid;position:absolute;top:28%;left:50%;translate:0 1.4cqw}.cs3__layer[data-phase="3"] .cs3__db{opacity:1;translate:0}.cs3__db-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-size:1cqw}.cs3__db-row{border-top:1px solid #ffffff2e;grid-template-columns:7cqw minmax(0,1fr);gap:1cqw;padding-top:.7cqw;display:grid}.cs3__db-row b{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;font-size:1cqw;font-weight:500}.cs3__db-row i{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.cs3__db-claim{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);border-top:1px solid #ffffff2e;padding-top:.7cqw;font-size:1cqw}.cs3__under{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-top:var(--space-4);display:flex}.cs3__tip{max-width:58ch;min-height:3.4em;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-mute);transition:color var(--dur-small) var(--ease-brand);font-size:11px;line-height:1.7}.cs3__tip[data-on]{color:var(--color-ink)}.cs3__replay{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-line);border-radius:var(--radius-pill);cursor:pointer;min-height:32px;transition:border-color var(--dur-small) var(--ease-brand), background-color var(--dur-small) var(--ease-brand);background:0 0;flex:none;padding:.55em 1.1em;font-size:11px}@media (hover:hover){.cs3__replay:hover{border-color:var(--color-accent);background:var(--color-accent)}}.cs3__replay:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.cs3__foot{margin-top:var(--space-8);letter-spacing:.06em;text-transform:uppercase;max-width:96ch;color:var(--color-mute);font-size:11px;line-height:1.7}@media (max-width:1023px){.cs3__stage{order:-1}.cs3__say{min-height:0}.cs3__rule-text{font-size:1.25rem}.cs3__db{width:52%;left:44%}.cs3__under{flex-direction:column}}.csloop-band__dots{pointer-events:none;background-image:radial-gradient(circle,#1c1d1f38 .6px,#0000 .6px);background-size:30px 30px;position:absolute;inset:0}.csloop{view-timeline-name:--cs-loop;view-timeline-axis:block;position:relative}.csloop__rail{background:var(--color-line);width:2px;position:absolute;top:0;bottom:0;left:6px;container-type:size}.csloop__rail svg{display:none}@media (min-width:768px){.csloop__rail{background:0 0;width:auto;height:2px;inset:6px 0 auto;container-type:inline-size}.csloop__rail svg{width:100%;height:2px;display:block;overflow:visible}}.csloop__rail path{fill:none;stroke:var(--color-line);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset var(--dur-scene) var(--ease-brand) .15s}.reveal.is-visible .csloop__rail path{stroke-dashoffset:0}.csloop__packet{border-radius:var(--radius-pill);background:var(--color-accent);width:12px;height:12px;position:absolute;top:0;left:50%;translate:-50% calc(100cqh - 50%)}@supports (animation-timeline:view()){.csloop__packet{animation:linear both cs-packet-y;animation-timeline:--cs-loop;animation-range:cover 22% cover 78%}}@keyframes cs-packet-y{0%{translate:-50% -50%}to{translate:-50% calc(100cqh - 50%)}}@media (min-width:768px){.csloop__packet{top:50%;left:0;translate:calc(100cqw - 50%) -50%}@supports (animation-timeline:view()){.csloop__packet{animation-name:cs-packet-x}}}@keyframes cs-packet-x{0%{translate:-50% -50%}to{translate:calc(100cqw - 50%) -50%}}.csloop__steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.csloop__steps{gap:var(--space-8) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1200px){.csloop__steps{grid-template-columns:repeat(6,minmax(0,1fr))}}.csloop__step{padding-left:var(--space-8);position:relative}@media (min-width:768px){.csloop__step{padding-left:0;padding-top:var(--space-8);padding-right:var(--space-4)}}.csloop__dot{border-radius:var(--radius-pill);background:var(--color-ground);border:2px solid var(--color-accent);width:14px;height:14px;transition:scale var(--dur-small) var(--ease-brand) calc(var(--stagger-i,0) * 70ms + .3s);position:absolute;top:2px;left:0;scale:0}@media (min-width:768px){.csloop__dot{top:0}}.reveal.is-visible .csloop__dot{scale:1}.csloop__step[data-mark] .csloop__dot{background:var(--color-accent)}.csloop__link{color:var(--color-ink);box-shadow:inset 0 -1px 0 0 var(--color-line);transition:box-shadow var(--dur-small) var(--ease-brand);text-decoration:none;position:relative}@media (hover:hover){.csloop__link:hover{box-shadow:inset 0 -2px 0 0 var(--color-accent)}}.csloop__link:focus-visible{box-shadow:inset 0 -2px 0 0 var(--color-accent);outline:2px solid var(--color-ink);outline-offset:2px}.csloop__close{gap:var(--space-8);display:grid}@media (min-width:1024px){.csloop__close{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.cs-register{gap:var(--space-2) var(--space-6);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);flex-wrap:wrap;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.cs-register li{padding-left:14px;position:relative}.cs-register li:before{content:"";background:var(--color-accent);width:6px;height:6px;position:absolute;top:.4em;left:0}.cs-stack{gap:0 var(--space-2);flex-wrap:wrap;display:flex}.cs-stack span{white-space:nowrap}.handoff-band .text-mute{color:#1c1d1fb3}.handoff-band .handoff__col[data-side=we] .handoff__disc:before{background:var(--color-accent-2)}@media (hover:hover){.handoff-band .handoff__col[data-side=we] .handoff__item:hover .handoff__disc{border-color:var(--color-accent-2);color:var(--color-ground)}}.handoff-band .mark:before{background:var(--color-accent-2)}.handoff-band .mark{color:var(--color-ground)}@media (prefers-reduced-motion:reduce){.cs3__rule,.cs3__rule-num,.cs3__rule-text:before,.cs3__layer,.cs3__zone,.cs3__chain,.cs3__chain-goal,.cs3__log,.cs3__tick,.cs3__db,.cs3__tip,.cs3__replay{transition:none}.cs3__say{animation:none}.cs3__stage .device__url{clip-path:none;animation:none!important}.cs3__tap{opacity:0;animation:none!important}.cs3__chain{translate:0 26.5cqw}.csloop__rail path{stroke-dashoffset:0;transition:none}.csloop__packet{animation:none!important}.csloop__dot{transition:none;scale:1}}