@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2")}:root{--paper: #f3f1ea;--ink: #141414;--glut: #ff4f1a;--stein: #8a8a84;--bg: var(--paper);--fg: var(--ink);--mute: #63625c;--line: rgb(20 20 20 / .14);--soft: rgb(20 20 20 / .05);--glut-ink: #b3350b;--pool: rgb(255 255 255 / .85);--gutter: clamp(18px, 4vw, 56px);--ease: cubic-bezier(.2, .8, .2, 1);--sans: Archivo, "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light;interpolate-size:allow-keywords}:root.dark{--bg: #141414;--fg: #f3f1ea;--mute: #a9a79f;--line: rgb(243 241 234 / .18);--soft: rgb(243 241 234 / .06);--glut-ink: #ff6a3c;--pool: rgb(255 255 255 / .09)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;transition:background-color .7s var(--ease),color .5s}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 60% 46%,var(--pool),transparent 72%);transition:opacity .7s}h1,h2,h3,p,ul,ol,dl,dd,figure,fieldset,table{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-width:0}a{color:inherit}[hidden]{display:none!important}h1,h2,h3{font-weight:680;font-stretch:110%;letter-spacing:-.022em;line-height:.98;text-wrap:balance}h1{font-size:clamp(44px,7vw,104px)}h1:focus{outline:none}h2{font-size:clamp(32px,4.3vw,60px)}h3{font-size:24px;letter-spacing:-.012em;line-height:1.1}.lead{font-size:clamp(18px,1.5vw,21px);line-height:1.42;max-width:30em;text-wrap:pretty}.label,legend,.field label,dt{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.label a{text-underline-offset:3px}.fine{font-size:13.5px;line-height:1.45;color:var(--mute);max-width:36em}@keyframes pulse{50%{opacity:.3}}.row{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center}:focus-visible{outline:2px solid var(--glut);outline-offset:3px;border-radius:4px}::selection{background:var(--glut);color:var(--ink)}body{position:relative}.layer{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}.layer--over{z-index:3}.wrap{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh}.wrap.is-abs{position:absolute}#gl{width:100%;height:100%;display:block}.no-gl .layer,.still{display:none}.no-gl .still{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;mix-blend-mode:darken}.no-gl .still.is-on{opacity:1;transition:opacity .35s}@media (prefers-reduced-motion: reduce){.no-gl .still{transition:none}}.over{position:absolute;left:0;top:0;pointer-events:none}#slots{opacity:0;transition:opacity .35s;&.is-on{opacity:1}&.is-on a{pointer-events:auto}a{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:flex-end;text-decoration:none;border-radius:6px;cursor:pointer}span{transform:translateY(calc(100% + 9px));font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:99px;background:var(--bg);border:1px solid var(--line);transition:background-color .2s,color .2s,border-color .2s;white-space:nowrap}:where(:root.hov) & a:hover span,a:focus-visible span{background:var(--fg);color:var(--bg);border-color:var(--fg)}.wish span{border-style:dashed}}#parts{opacity:0;transition:opacity .3s;&.is-on{opacity:1}&.is-on button{pointer-events:auto}button{position:absolute;left:0;top:0;width:28px;height:28px;padding:0;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);font:500 12.5px/1 var(--mono);cursor:pointer;transition:background-color .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent}button:before{content:"";position:absolute;inset:-10px;border-radius:50%}button:not(.is-on){width:24px;height:24px;font-size:11.5px}button.is-on{background:var(--glut);border-color:var(--glut);box-shadow:0 0 0 6px #ff4f1a42}&:not(.is-used) button:not(.is-on){animation:dot-hint 2.2s ease-in-out infinite}}@keyframes dot-hint{0%,to{box-shadow:0 0 #14141438}50%{box-shadow:0 0 0 7px #14141400}}#cardLabel{color:var(--fg);opacity:0;transition:opacity .4s;white-space:nowrap}main,.foot{position:relative;z-index:1}.btn{font:560 16px/1 var(--sans);font-stretch:104%;min-height:50px;padding:0 24px;border-radius:99px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;white-space:nowrap;transition:transform .25s var(--ease),background-color .2s,color .2s,border-color .2s,box-shadow .25s;&:active{transform:scale(.97)}.arr{transition:transform .25s var(--ease)}:where(:root.hov) &:hover .arr{transform:translate(4px)}}.btn--glut{background:var(--glut);color:var(--ink);:where(:root.hov) &:hover{box-shadow:0 10px 26px -10px #ff4f1abf;transform:translateY(-1px)}}.btn--line{background:transparent;color:var(--fg);border-color:var(--fg);:where(:root.hov) &:hover{background:var(--fg);color:var(--bg)}}.btn--ink{background:var(--fg);color:var(--bg);:where(:root.hov) &:hover{background:var(--glut);color:var(--ink)}}.btn--sm{min-height:44px;padding:0 18px;font-size:14.5px}.btn--wide{width:100%}.link{font-weight:560;text-underline-offset:5px;text-decoration-thickness:1px;width:fit-content;.arr{display:inline-block;transition:transform .25s var(--ease)}:where(:root.hov) &:hover .arr{transform:translate(4px)}}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px var(--gutter);transition:background-color .3s,box-shadow .3s;&.is-solid{background:var(--bg);box-shadow:0 1px 0 var(--line)}}.brand{display:inline-flex;align-items:center;gap:9px;font:800 16px/1 var(--sans);font-stretch:118%;letter-spacing:.08em;text-decoration:none;min-height:44px;svg{color:var(--glut);width:27px;height:20px}}.nav__links{display:none;gap:30px;a{font-size:15px;font-weight:500;text-decoration:none;padding:12px 0;position:relative;opacity:.72;transition:opacity .2s}:where(:root.hov) & a:hover,a[aria-current]{opacity:1}a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1.5px;background:var(--glut)}}.nav__end{display:flex;align-items:center;gap:2px;margin-right:-10px}.nav__cta{display:none}.burger{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:6px;cursor:pointer;i{display:block;width:20px;height:1.5px;background:var(--fg)}}.no-popover .burger,.no-popover .menu{display:none}@media (min-width: 900px){.nav{padding-block:12px}.nav__links{display:flex}.burger{display:none}.nav__cta{display:inline-flex}.nav__end{gap:8px;margin-right:0}.brand{font-size:17px;gap:10px;svg{width:30px;height:22px}}}.menu{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:20px var(--gutter) 32px;background:var(--paper);color:var(--ink);flex-direction:column;justify-content:space-between;gap:24px;&:popover-open{display:flex;animation:menu-in .4s var(--ease)}nav{display:grid;gap:2px}nav a{font:680 clamp(34px,10vw,48px)/1.12 var(--sans);font-stretch:110%;letter-spacing:-.02em;text-decoration:none}nav a.sm{font:500 18px/2 var(--sans);letter-spacing:0}nav a.sm:first-of-type{margin-top:18px}}.menu__close{align-self:flex-end;background:none;border:1px solid var(--line);border-radius:99px;padding:14px 16px;cursor:pointer;color:var(--ink)}@keyframes menu-in{0%{opacity:0;transform:translateY(-14px)}}.shot{position:relative;min-height:100svh;padding:88px var(--gutter) 40px;display:grid;gap:20px;grid-template-rows:minmax(0,46svh) auto;align-content:start}.shot>*{min-width:0}.shot{grid-template-columns:minmax(0,1fr)}.stage{position:relative;min-height:40svh;grid-row:1;grid-column:1}.shot__copy{display:flex;flex-direction:column;gap:18px;align-items:flex-start;grid-row:2;grid-column:1}@media (min-width: 900px){.shot{grid-template-rows:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px;align-items:center;padding-block:110px 64px}.shot__copy{gap:22px;grid-row:1;grid-column:1}.stage{grid-row:1;grid-column:2;align-self:stretch}.shot--right{grid-template-columns:minmax(0,7fr) minmax(0,5fr);.stage{grid-column:1}.shot__copy{grid-column:2}}.shot--hero{grid-template-rows:minmax(0,1fr);align-items:center}}.shot--hero h1{font-size:clamp(34px,10.4vw,46px);hyphens:manual}@media (min-width: 900px){.shot--hero h1{font-size:clamp(36px,4.4vw,66px)}}.shot--lineup{grid-template-rows:auto minmax(66svh,1fr);grid-template-columns:minmax(0,1fr);.stage{grid-row:2;grid-column:1;min-height:110vw}.shot__copy{grid-row:1;grid-column:1;max-width:760px}}@media (min-width: 900px){.shot--lineup{padding-bottom:72px;.stage{min-height:58svh}}.shot--lineup.shot--page{grid-template-rows:auto minmax(64svh,1fr)}}.names{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hint{position:absolute;right:0;top:0;transition:opacity .4s;.is-used>&{opacity:0}}.states{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--bg);width:fit-content;justify-self:center;position:relative;z-index:2;button{font:500 14px/1 var(--sans);min-height:40px;padding:0 15px;border-radius:99px;border:0;background:transparent;color:var(--fg);cursor:pointer;transition:background-color .2s,color .2s}button[aria-pressed=true]{background:var(--fg);color:var(--bg)}}.story{position:relative;height:640vh}.story__pin{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:76px var(--gutter) 30px}.story__copy{display:grid;gap:18px}.steps{display:grid}.step{grid-area:1 / 1;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease),transform .5s var(--ease);pointer-events:none;&.is-on{opacity:1;transform:none}&.is-past{transform:translateY(-14px)}h2{font-size:clamp(32px,4.6vw,66px)}p{font-size:clamp(17px,1.4vw,20px);max-width:26em;line-height:1.42;min-height:2.9em}}.step .label b{font-weight:500;color:var(--glut-ink);margin-left:12px;padding-left:12px;border-left:1px solid var(--line)}.story__foot{display:flex;align-items:center;gap:20px}.story__nav{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:380px;button{height:44px;padding:0;border:0;background:none;cursor:pointer;display:grid;align-items:center;border-radius:4px;-webkit-tap-highlight-color:transparent}i{display:block;height:3px;border-radius:2px;background:linear-gradient(var(--glut),var(--glut)) no-repeat 0 0 / calc(var(--f, 0) * 100%) 100%,var(--line);transition:height .2s var(--ease)}:where(:root.hov) & button:hover i,button[aria-current] i{height:5px}}.story__map{width:52px;flex:none;margin-left:auto;fill:none;stroke-linecap:butt;rect,path{vector-effect:non-scaling-stroke}rect{stroke:var(--fg);stroke-width:1}path{stroke:color-mix(in srgb,var(--fg) 38%,transparent);stroke-width:1;stroke-dasharray:2 2;transition:stroke .3s}path.is-done{stroke:var(--fg);stroke-dasharray:none}path.is-on{stroke:var(--glut);stroke-width:1.75;stroke-dasharray:none}}@media (min-width: 900px){.story__pin{grid-template-rows:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:40px;align-items:center;padding-block:110px 64px}.story__copy{grid-row:1;grid-column:1;gap:30px}.story .stage{grid-row:1;grid-column:2;align-self:stretch}}.band{position:relative;background:var(--bg);border-top:1px solid var(--line);padding:clamp(56px,9vw,120px) var(--gutter)}.band--top{border-top:0;padding-top:130px;min-height:80svh}.band__in{max-width:1160px;margin-inline:auto;display:grid;gap:40px;>*{min-width:0}>div:first-child{display:grid;gap:16px;align-content:start}}@media (min-width: 900px){.band__in.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:72px}}.prose{max-width:720px;gap:22px;p{font-size:clamp(20px,2.1vw,28px);line-height:1.34;letter-spacing:-.01em;text-wrap:pretty}}.dims{width:100%;border-collapse:collapse;margin-top:8px;th,td{text-align:left;padding:14px 0;border-bottom:1px solid var(--line);vertical-align:baseline}tr:first-child>*{border-top:1px solid var(--line)}th{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);width:34%}td:nth-child(2){font:560 clamp(19px,2.2vw,26px)/1.1 var(--sans);font-stretch:108%;white-space:nowrap}td.fine{text-align:right}}.form{display:grid;gap:18px;width:100%;max-width:520px}.field{display:grid;gap:8px}input[type=text],input[type=email],textarea,.field select{width:100%;min-height:52px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--fg);font:400 16px/1.4 var(--sans);transition:border-color .2s,background-color .2s;resize:vertical;:where(:root.hov) &:hover{border-color:var(--mute)}&:focus{background:transparent;border-color:var(--fg);outline:none;box-shadow:0 0 0 3px #ff4f1a4d}&::placeholder{color:var(--mute);opacity:.75}&[aria-invalid=true]{border-color:#c4281c}}.field select{appearance:none;resize:none;cursor:pointer;padding-right:44px}.field select,.field select:focus{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat}.field__err{font-size:14px;line-height:1.35;color:#b3261e}.check+.field__err{margin-top:-6px}.form__msg{font-size:14.5px;line-height:1.4;&:empty{display:none}&.is-ok{color:#1f6b3a}&.is-error{color:#b3261e}}.dark .form__msg.is-ok{color:#8fd694}.opts{display:grid;gap:8px;legend{margin-bottom:10px}}.opts--size{grid-template-columns:repeat(3,minmax(0,1fr))}.opts--design{grid-template-columns:repeat(5,minmax(0,1fr))}.opt{position:relative;display:block;cursor:pointer;input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}>span{display:flex;flex-direction:column;gap:5px;height:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);transition:border-color .2s,background-color .2s,transform .25s var(--ease),box-shadow .2s}b{font-weight:640;font-stretch:108%;font-size:16px}em{font:500 11.5px/1.3 var(--mono);font-style:normal;color:var(--mute)}small{font-size:12.5px;line-height:1.3;color:var(--mute)}:where(:root.hov) &:hover>span{border-color:var(--mute)}input:checked+span{border-color:var(--fg);background:transparent;box-shadow:inset 0 0 0 1px var(--fg)}input:focus-visible+span{outline:2px solid var(--glut);outline-offset:2px}input:active+span{transform:scale(.97)}}.opts--design .opt>span{padding:6px 6px 9px;align-items:stretch;text-align:center}.opts--design canvas{width:100%;aspect-ratio:150 / 127;border-radius:7px;display:block}.opts--design b{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.done{display:grid;gap:14px;max-width:520px;padding:26px;border:1px solid var(--fg);border-radius:16px;animation:rise .6s var(--ease) both;h2{font-size:30px}button{width:fit-content}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.faq details{border-bottom:1px solid var(--line);&:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:clamp(18px,1.6vw,21px);font-weight:560;min-height:56px}summary::-webkit-details-marker{display:none}summary:after{content:"";flex:none;width:13px;height:13px;background:linear-gradient(currentColor,currentColor) center / 100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) center / 1.5px 100% no-repeat;transition:transform .35s var(--ease)}&[open] summary:after{transform:rotate(45deg)}p{padding-bottom:22px;max-width:38em;color:var(--mute)}&::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}&[open]::details-content{height:auto}}.foot{background:#141414;color:#f3f1ea;padding:clamp(40px,6vw,88px) var(--gutter) 0;overflow:clip;--fg: #f3f1ea;--bg: #141414;--mute: #a9a79f;--line: rgb(243 241 234 / .22);--soft: rgb(243 241 234 / .06)}.foot__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px;max-width:1160px;margin-inline:auto;padding-bottom:clamp(26px,4vw,44px);border-bottom:1px solid var(--line)}.foot__claim{font-size:clamp(26px,3.4vw,44px);font-weight:680;font-stretch:110%;letter-spacing:-.02em;line-height:1}.foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;max-width:1160px;margin-inline:auto;padding-top:clamp(26px,4vw,44px);nav,div{display:grid;gap:0;align-content:start;justify-items:start}.label{margin-bottom:8px}a{text-decoration:none;padding:10px 0;font-size:16px;background:linear-gradient(var(--glut),var(--glut)) 0 calc(100% - 5px) / 0 1.5px no-repeat;transition:background-size .35s var(--ease);overflow-wrap:anywhere;position:relative}a:after{content:"";position:absolute;inset:0 auto 0 0;width:max(100%,44px)}:where(:root.hov) & a:hover,a:focus-visible{background-size:100% 1.5px}p{color:var(--mute);font-size:15px;line-height:1.55;padding-top:10px}}@media (min-width: 760px){.foot__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.foot__base{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;max-width:1160px;margin:0 auto;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#141414;font-size:13.5px;color:var(--mute)}.shot--hero .shot__copy>*{opacity:0;transform:translateY(16px)}.is-ready .shot--hero .shot__copy>*{opacity:1;transform:none;transition:opacity .9s var(--ease),transform 1s var(--ease)}.is-ready .shot--hero .shot__copy>:nth-child(2){transition-delay:.08s}.is-ready .shot--hero .shot__copy>:nth-child(3){transition-delay:.16s}.is-ready .shot--hero .shot__copy>:nth-child(4){transition-delay:.24s}.is-ready .shot--hero .shot__copy>:nth-child(n+5){transition-delay:.32s}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 5% entry 45%}@keyframes rv{0%{opacity:0;transform:translateY(28px)}}}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.shot--hero .shot__copy>*{opacity:1;transform:none}}.cartlink{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--fg);transition:background-color .2s;:where(:root.hov) &:hover{background:var(--soft)}b{position:absolute;right:2px;top:3px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--glut);color:var(--ink);font:500 11px/18px var(--mono);text-align:center}}.buy{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;padding:3px;width:fit-content;button{width:40px;height:40px;border-radius:50%;border:0;background:transparent;color:var(--fg);font:500 20px/1 var(--sans);cursor:pointer;transition:background-color .2s}:where(:root.hov) & button:hover{background:var(--soft)}output{min-width:32px;text-align:center;font:500 15px/1 var(--mono)}}.lines{display:grid;border-top:1px solid var(--line);margin-top:8px}.line{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px 16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);canvas{width:76px;aspect-ratio:150 / 127;border-radius:8px;display:block}>div:nth-child(2){display:grid;gap:4px;justify-items:start}strong{font-weight:600}.qty{grid-column:2}.line__sum{grid-column:3;grid-row:1;font:600 17px/1 var(--sans);font-variant-numeric:tabular-nums}}@media (min-width: 620px){.line{grid-template-columns:76px minmax(0,1fr) auto auto;.qty{grid-column:3;grid-row:1}.line__sum{grid-column:4;min-width:84px;text-align:right}}}.textbtn{background:none;border:0;padding:6px 0;color:var(--mute);font:500 14px/1.2 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px;:where(:root.hov) &:hover{color:var(--fg)}}.box{display:grid;gap:18px;align-content:start;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft);h2{font-size:24px}}@media (min-width: 900px){aside.box{position:sticky;top:96px}}.sum{display:grid;div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}dd{font-variant-numeric:tabular-nums}.sum__total{border-bottom:0;padding-top:14px}.sum__total dt{color:var(--fg)}.sum__total dd{font:640 22px/1 var(--sans)}}.mini{display:grid;gap:8px;li{display:flex;justify-content:space-between;gap:16px;font-size:15px}b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}}.form--wide{max-width:620px;gap:26px;>div:first-child{display:grid;gap:14px}h1{font-size:clamp(40px,5vw,72px)}}.group{display:grid;gap:14px;>legend{margin-bottom:12px}}.two{display:grid;gap:14px}@media (min-width: 520px){.two{grid-template-columns:1fr 1fr}.two--zip{grid-template-columns:140px 1fr}}.opt--row>span{flex-direction:row;align-items:center;min-height:52px;padding-inline:16px}.check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;cursor:pointer;min-height:44px;padding-block:8px;input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--glut)}}.notice{padding:10px 14px;border:1px dashed var(--line);border-radius:10px;max-width:none}.h-sm{font-size:clamp(24px,2.6vw,32px);margin-top:10px}.ref{width:100%;max-width:560px;background:transparent;border-color:var(--fg)}.copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;input{font:500 14px/1 var(--mono)!important;min-height:44px!important;padding-block:0!important}}.meter{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;i{height:8px;border-radius:99px;background:var(--line);transition:background-color .4s var(--ease),transform .4s var(--ease)}i.is-on{background:var(--glut)}}.band--top h1{font-size:clamp(40px,4.6vw,68px)}.drawer{margin:0 0 0 auto;width:min(440px,100vw);max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink);--fg: var(--ink);--bg: var(--paper);--mute: #63625c;--line: rgb(20 20 20 / .14);--soft: rgb(20 20 20 / .05);box-shadow:-24px 0 60px -30px #00000073;transform:translate(100%);transition:transform .45s var(--ease),overlay .45s allow-discrete,display .45s allow-discrete;&[open]{display:grid;grid-template-rows:auto minmax(0,1fr);transform:none}&::backdrop{background:#14141400;transition:background-color .45s,overlay .45s allow-discrete,display .45s allow-discrete}&[open]::backdrop{background:#1414146b}>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);h2{font-size:24px}}.menu__close{align-self:auto;padding:12px 14px}#drawerBody{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.lines{margin:0;border-top:0;padding:0 20px;overflow-y:auto;align-content:start}.line{grid-template-columns:64px minmax(0,1fr) auto;canvas{width:64px}.qty{grid-column:2;grid-row:auto}.line__sum{grid-column:3;grid-row:1;min-width:0}}.drawer__foot{display:grid;gap:12px;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper)}.drawer__sum{display:flex;justify-content:space-between;align-items:baseline;b{font:640 22px/1 var(--sans);font-variant-numeric:tabular-nums}}.drawer__links{display:flex;justify-content:space-between;gap:16px}.drawer__empty{padding:28px 20px;display:grid;gap:16px;align-content:start}.line.is-new{animation:rise .5s var(--ease) both}}@starting-style{.drawer[open]{transform:translate(100%)}.drawer[open]::backdrop{background:#14141400}}.buybox{gap:16px;max-width:520px}.tiers{display:block;legend{margin-bottom:10px}}.tiers__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tier{position:relative;display:block;cursor:pointer;input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}>span{position:relative;display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 12px 12px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:border-color .2s,background-color .2s,transform .25s var(--ease),box-shadow .2s}b{font:500 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}em{font:660 clamp(19px,5.2vw,24px)/1 var(--sans);font-stretch:108%;font-style:normal;font-variant-numeric:tabular-nums}small{font-size:12px;line-height:1.3;color:var(--mute)}.save{position:absolute;top:-9px;right:10px;padding:3px 8px;border-radius:99px;background:var(--fg);color:var(--bg);font:500 11px/1.2 var(--mono);font-style:normal;transition:background-color .2s,color .2s}:where(:root.hov) &:hover>span{border-color:var(--mute)}input:checked+span{border-color:var(--fg);background:transparent;box-shadow:inset 0 0 0 1px var(--fg)}input:checked+span .save{background:var(--glut);color:var(--ink)}input:checked+span b{color:var(--fg)}input:focus-visible+span{outline:2px solid var(--glut);outline-offset:2px}input:active+span{transform:scale(.97)}}.btn--buy{justify-content:space-between;min-height:58px;padding-inline:26px;font-size:17px;b{font-variant-numeric:tabular-nums;font-weight:660}}.shipbar{display:grid;gap:8px;p{font-size:14.5px}}.shipbar__track{height:8px;border-radius:99px;background:var(--line);overflow:hidden;i{display:block;height:100%;width:var(--p);border-radius:99px;background:var(--fg);transition:width .6s var(--ease),background-color .3s}}.shipbar.is-full .shipbar__track i{background:var(--glut)}.sum__off dd,.drawer__off span:last-child{color:var(--glut-ink)}.drawer .drawer__scroll{overflow-y:auto;display:grid;align-content:start;gap:4px;padding:16px 20px 20px;min-height:0;.lines{padding:0;overflow:visible}}.drawer__off{font-size:14.5px}.upsell{display:grid;gap:12px;padding:16px;margin-top:12px;border:1px dashed var(--line);border-radius:14px;p{font-size:14.5px}}.upsell__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;button{position:relative;display:grid;gap:6px;padding:5px 5px 8px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;transition:border-color .2s,transform .25s var(--ease);min-height:44px}:where(:root.hov) & button:hover{border-color:var(--ink);transform:translateY(-2px)}canvas{width:100%;aspect-ratio:150 / 127;border-radius:6px;display:block}span{font:500 10.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}i{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);font:500 15px/22px var(--sans);font-style:normal;text-align:center}}.skip{position:fixed;left:12px;top:-80px;z-index:50;padding:12px 16px;border-radius:10px;background:var(--ink);color:var(--paper);transition:top .2s;&:focus{top:12px}}main:focus{outline:none}.legal article{display:grid;gap:10px;padding-top:22px;border-top:1px solid var(--line);h2{font-size:28px}p{font-size:17px;letter-spacing:0;color:var(--mute)}}.promise{font-size:15.5px;color:var(--fg);border-style:solid;border-color:var(--fg);b{font-weight:640}}.pdp{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:72px var(--gutter) 56px;>*{min-width:0}}.pdp__media{display:grid;gap:10px;justify-items:center}.pdp__media .states{grid-row:2;grid-column:1}.pdp__media .stage{grid-row:1;grid-column:1;width:100%;min-height:0;height:clamp(230px,35svh,340px);cursor:grab;touch-action:pan-y;&:active{cursor:grabbing}}.pdp__panel{display:grid;gap:16px;align-content:start;width:100%;max-width:540px;margin-inline:auto;h1{font-size:clamp(38px,4.4vw,60px)}.lead{font-size:17.5px}}@media (min-width: 900px){.pdp{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:56px;padding:104px var(--gutter) 88px;align-items:start}.pdp__media{position:sticky;top:92px;height:calc(100svh - 124px);grid-template-rows:minmax(0,1fr) auto}.pdp__media .stage{grid-column:1;height:auto;align-self:stretch}.pdp__panel{margin-inline:0;gap:18px}}.pricetag{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;b{font:680 clamp(30px,3.2vw,38px)/1 var(--sans);font-stretch:108%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}span{font-size:13.5px;color:var(--mute)}}.buyline{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;font-size:14.5px;line-height:1.4;color:var(--mute);max-width:30em;b{font:660 19px/1 var(--sans);font-stretch:106%;color:var(--fg);font-variant-numeric:tabular-nums}}.buybox legend{display:flex;justify-content:space-between;align-items:baseline;width:100%;b{font-weight:500;color:var(--fg)}}.tiers legend b{color:var(--mute);text-transform:none;letter-spacing:0;font:400 13px/1.2 var(--sans)}.buybox__line{grid-column:1 / -1;margin-top:2px;min-height:1.45em}.buybar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:18;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:20px;background:var(--ink);color:var(--paper);box-shadow:0 16px 36px -14px #0000008c,0 0 0 1px #f3f1ea14 inset;transform:translateY(calc(100% + 32px));opacity:0;pointer-events:none;transition:transform .5s var(--ease),opacity .25s,background-color .5s,color .5s;&.is-on{transform:none;opacity:1;pointer-events:auto}canvas{width:40px;aspect-ratio:150 / 127;border-radius:6px;display:block}.buybar__text{display:grid;gap:3px;min-width:0;b{font:620 15px/1.15 var(--sans);font-stretch:104%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span{font:450 13px/1.15 var(--sans);color:#b8b6ad;white-space:nowrap;font-variant-numeric:tabular-nums}}.btn{min-height:46px;padding:0 16px;font-size:15px}&[data-mode=go] [data-bar-add],&[data-mode=add] [data-bar-go]{display:none}}:root.dark .buybar{background:var(--paper);color:var(--ink);.buybar__text span{color:#63625c}}@media (min-width: 900px){.buybar{display:none!important}}@media (max-width: 899px){.story__pin{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media (max-width: 899px){.shot--hero{padding-top:64px;grid-template-rows:minmax(0,42svh) auto;.stage{min-height:0}}}@media (max-width: 899px) and (max-height: 700px){.shot--hero{grid-template-rows:minmax(0,34svh) auto}}@media (max-width: 899px) and (max-height: 600px){.shot--hero{grid-template-rows:minmax(0,28svh) auto}}.buybar .buybar__text span{overflow:hidden;text-overflow:ellipsis}.diag{position:fixed;left:10px;right:10px;top:10px;z-index:60;margin:0;padding:12px 14px;border-radius:12px;background:#141414eb;color:#f3f1ea;font:500 12px/1.55 var(--mono);white-space:pre-wrap;cursor:pointer}.sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;legend{margin-bottom:10px}}.sizeopt{position:relative;display:block;cursor:pointer;input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}>span{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;height:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft);transition:border-color .2s,background-color .2s,transform .25s var(--ease),box-shadow .2s}.sizeopt__icon{grid-row:1 / span 3;justify-self:center;width:22px;aspect-ratio:150 / 127;border:1.5px solid currentColor;border-radius:3px;background:linear-gradient(currentColor,currentColor) 0 17% / 100% 1px no-repeat;opacity:.55;transition:transform .45s var(--ease),opacity .2s,color .2s}b{font:640 17px/1.1 var(--sans);font-stretch:108%}em{font:500 11.5px/1.3 var(--mono);font-style:normal;color:var(--mute);white-space:nowrap}small{font-size:13px;line-height:1.2;color:var(--mute);font-variant-numeric:tabular-nums}:where(:root.hov) &:hover>span{border-color:var(--mute)}input:checked+span{border-color:var(--fg);background:transparent;box-shadow:inset 0 0 0 1px var(--fg)}input:checked+span .sizeopt__icon{opacity:1;color:var(--glut-ink)}input:focus-visible+span{outline:2px solid var(--glut);outline-offset:2px}input:active+span{transform:scale(.97)}}.sizeopt--home .sizeopt__icon{width:31px}.sizeopt--set{grid-column:1 / -1;>span{grid-template-columns:34px minmax(0,1fr) auto}.sizeopt__icon{grid-row:1 / span 2;width:26px;box-shadow:5px 4px 0 -1.5px var(--soft),5px 4px 0 0 currentColor;translate:-3px -2px}input:checked+span .sizeopt__icon{box-shadow:5px 4px 0 -1.5px var(--bg),5px 4px 0 0 currentColor}b,em{grid-column:2}small{grid-column:3;grid-row:1 / span 2;text-align:right;font-size:15px;color:var(--fg);font-weight:560;s{display:block;font-weight:400;font-size:12.5px;color:var(--mute)}}.save{position:absolute;top:-9px;right:12px;padding:3px 8px;border-radius:99px;background:var(--fg);color:var(--bg);font:500 11px/1.2 var(--mono);font-style:normal;transition:background-color .2s,color .2s}input:checked+span .save{background:var(--glut);color:var(--ink)}}.swap{display:inline-block}.swap.is-in{animation:swap-in .5s var(--ease) both}@keyframes swap-in{0%{opacity:0;transform:translateY(.35em)}}.pricetag b{font-variant-numeric:tabular-nums}.dims--two{thead th{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);width:auto;padding-bottom:10px;border:0}thead td{border:0;padding:0}tbody td{font:560 clamp(16px,1.7vw,21px)/1.15 var(--sans)!important;font-stretch:106%;white-space:nowrap}tbody th{width:30%}}.pdp--section{padding-top:clamp(40px,7vw,96px);border-top:1px solid var(--line);h2{font-size:clamp(36px,4.2vw,60px)}}@media (min-width: 900px){.pdp--section{padding-top:96px}}.confirm{display:grid;gap:16px}.confirm__total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px;border-top:1px solid var(--fg);b{font:660 24px/1 var(--sans);font-stretch:106%;font-variant-numeric:tabular-nums}.label{color:var(--fg)}}@media (max-width: 899px){.co{gap:28px}.co>form{display:contents}.co>form>*{order:1}.co>aside{order:2}.co>form>.confirm{order:3}}@media (min-width: 900px){.co>aside.box{align-self:start}}.next{display:grid;width:100%;max-width:520px;border-top:1px solid var(--line);counter-reset:next;li{counter-increment:next;display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}li:before{content:counter(next);grid-row:1 / span 2;width:24px;height:24px;border-radius:50%;background:var(--fg);color:var(--bg);font:500 12px/24px var(--mono);text-align:center}b{font-weight:620}span{color:var(--mute);font-size:15.5px}}h1,h2,h3,p,li,dd,td,th{overflow-wrap:break-word}.buybar__text i{font-style:normal}@media (max-width: 389px){h1{font-size:11.3vw}.shot--hero h1{font-size:10.4vw}.shot--order h1,.form--wide h1,.band--top h1{font-size:10.3vw}h2{font-size:8.2vw}.legal article h2{font-size:24px;hyphens:auto}.states button{padding:0 11px;font-size:13.5px}.buybar__text i{display:none}.buybar .btn{padding:0 13px;font-size:14.5px}}@media (max-width: 349px){.buybar{grid-template-columns:minmax(0,1fr) auto;padding-left:14px;canvas{display:none}}}@media (max-width: 349px){.btn{padding-inline:16px;font-size:14.5px}.dims--two tbody td{font-size:14px!important}.dims--two tbody th{width:25%}}:root:has(#view[data-route=kasse],#view[data-route=danke]) .foot__top .btn{display:none}.is-cut{-webkit-mask-image:linear-gradient(to bottom,transparent var(--cut),#000 calc(var(--cut) + 28px));mask-image:linear-gradient(to bottom,transparent var(--cut),#000 calc(var(--cut) + 28px))}@media (max-width: 899px){.shot[data-shot=tasche]{min-height:0;grid-template-rows:minmax(0,30svh) auto;padding-bottom:64px}}@media (max-width: 899px){.shot--lineup:not(.shot--page){grid-template-rows:max(132vw,66svh) auto;.stage{grid-row:1;min-height:0}.shot__copy{grid-row:2}}}.is-pulled{pointer-events:none}.is-pulled .shot__copy,.is-pulled .story__copy{pointer-events:auto}.step{pointer-events:none}.buybox__note{margin-top:-2px}.gap-t{margin-top:16px}.toc{display:flex;flex-wrap:wrap;gap:8px;a{font:500 12.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:12px 14px;border:1px solid var(--line);border-radius:99px;background:var(--bg);transition:border-color .2s}:where(:root.hov) & a:hover{border-color:var(--fg)}}.kv{display:grid;border-top:1px solid var(--line);>div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:4px 14px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline}dd{margin:0;font-size:16.5px;line-height:1.4}.fine{display:inline-block;margin-top:3px}}.ticks{display:grid;gap:11px;max-width:40em;li{position:relative;padding-left:26px;line-height:1.45}li:before{content:"";position:absolute;left:1px;top:.68em;width:13px;height:2px;background:var(--glut)}b{font-weight:620}}.sw{display:inline-flex;align-items:center;gap:7px;margin-right:14px;white-space:nowrap;i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}}.qgroups{display:grid;gap:clamp(44px,6vw,76px);max-width:820px}.qgroup{display:grid;gap:16px;scroll-margin-top:90px;h2{font-size:clamp(26px,3vw,38px)}}.picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:560px;a{display:grid;gap:8px;text-decoration:none;text-align:center;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}canvas{width:100%;aspect-ratio:150 / 127;border-radius:7px;display:block;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease)}:where(:root.hov) & a:hover canvas{transform:translateY(-3px)}}.legal{max-width:760px}.legal article{gap:8px;scroll-margin-top:90px}.legal h3{font-size:17px;font-weight:640;font-stretch:100%;letter-spacing:0;line-height:1.3;margin-top:14px}.legal .ticks{font-size:17px;color:var(--mute)}.legal .notice{font-size:14.5px;line-height:1.5;b{color:var(--fg)}}.legal .toc a{font-size:12px}.legal h3[id]{scroll-margin-top:90px}.legal-table{overflow-x:auto;table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.45;color:var(--mute)}th{text-align:left;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}th,td{padding:10px 12px 10px 0;vertical-align:top;border-bottom:1px solid var(--line)}td:first-child{color:var(--fg)}code{font:13px/1.4 var(--mono)}}.consent{--fg: var(--paper);--bg: var(--ink);--mute: #a9a79f;--line: rgb(243 241 234 / .22);--soft: rgb(243 241 234 / .08);position:fixed;z-index:30;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px)) 12px;max-width:1328px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;margin-inline:auto;display:grid;gap:12px;padding:22px 20px 20px;border-radius:20px;background:var(--ink);color:var(--paper);border:1px solid var(--line);box-shadow:0 26px 60px -24px #0009;&[hidden],[hidden]{display:none}p{font-size:15px;line-height:1.5;color:var(--mute);text-wrap:pretty;max-width:62em}p a{color:var(--paper);font-weight:680;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}b{font-weight:640;color:var(--paper)}}@media (min-width: 900px){.consent{inset-inline:var(--gutter);bottom:20px;gap:14px;padding:28px 32px 24px;p{font-size:16px}}}@media (prefers-reduced-motion: no-preference){.consent:not([hidden]){animation:consent-in .45s var(--ease) both}}@keyframes consent-in{0%{opacity:0;transform:translateY(16px)}}.consent__title{display:flex;align-items:center;gap:12px;font-size:clamp(24px,2.4vw,30px);line-height:1;&:focus{outline:none}&:before{content:"";flex:none;width:1.15em;height:.85em;background:var(--glut);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 162 117'%3E%3Cpath d='M5 5 L40 52.5 L5 100 Z M145 5 L110 52.5 L145 100 Z M40 52.5 L110 52.5' fill='none' stroke='black' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}}.consent__row{display:grid;gap:10px;padding-top:16px;margin-top:4px;border-top:1px solid var(--line)}@media (min-width: 700px){.consent__row{display:flex;flex-wrap:wrap;.consent__btn{min-width:220px}[data-consent=prefs]{min-width:0;margin-left:auto}}}.consent__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:99px;border:1px solid var(--paper);font:500 13px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.consent__btn--fill{background:var(--paper);color:var(--ink);:where(:root.hov) &:hover{background:var(--glut);border-color:var(--glut)}}.consent__btn--line{background:transparent;color:var(--paper);border-color:var(--line);&[aria-controls]:after{content:"+";font:400 18px/1 var(--sans)}&[aria-expanded=true]:after{content:"−"}&[aria-expanded=true],:where(:root.hov) &:hover{border-color:var(--paper);background:var(--soft)}}.consent__prefs{display:grid;gap:12px;padding:4px 0;border-top:1px solid var(--line);max-width:640px;fieldset{display:grid;gap:2px}legend{padding:12px 0 6px}}.consent__opt{display:grid;grid-template-columns:44px 1fr;align-items:start;min-height:44px;padding:6px 0;font-size:14.5px;line-height:1.45;color:var(--mute);cursor:pointer;b{display:block;color:var(--paper);font-size:15px}input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--paper);cursor:inherit}&:has(input:disabled){cursor:default}}.consent__saved{padding-left:44px;font-size:14px!important;color:var(--mute)}.consent__save{width:100%}@media (min-width: 700px){.consent__save{width:auto;justify-self:start;min-width:220px}}.foot__consent{justify-self:start;padding:10px 0;min-height:44px;min-width:44px;border:0;color:inherit;font:inherit;font-size:16px;line-height:1.5;text-align:left;cursor:pointer;background:linear-gradient(var(--glut),var(--glut)) 0 calc(100% - 5px) / 0 1.5px no-repeat;transition:background-size .35s var(--ease);:where(:root.hov) &:hover,&:focus-visible{background-size:100% 1.5px}}.wd{max-width:560px;padding:22px;border:1px solid var(--fg);border-radius:16px;scroll-margin-top:90px;h3{margin-top:0;font-size:22px;font-stretch:108%}[data-wd-step]{display:grid;gap:18px}[data-wd-step][hidden]{display:none}.btn{width:fit-content}p{font-size:16px}.fine{font-size:13.5px}}.prose p.label{font:500 12px/1.3 var(--mono);letter-spacing:.08em}@media (max-width: 899px){.shot h1{font-size:clamp(34px,10.4vw,46px)}}.side{display:grid;gap:34px}.band--top .notice{max-width:760px}.legal{display:grid;gap:22px}@media (min-width: 900px){.side{grid-template-columns:220px minmax(0,1fr);column-gap:72px;align-items:start}.side .toc{position:sticky;top:96px;flex-direction:column;flex-wrap:nowrap;gap:0;border-top:1px solid var(--line);a{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:14px 0}}.shot h1{font-size:clamp(36px,4.4vw,66px)}}.shot--parts{min-height:0;grid-template-rows:auto minmax(0,40svh) auto;row-gap:14px;padding-top:72px;padding-bottom:56px;scroll-margin-top:0}.shot--parts .xp__head{grid-row:1;grid-column:1;display:grid;gap:12px}.shot--parts .stage{grid-row:2;grid-column:1;min-height:0;touch-action:pan-y}.shot--parts .xp{grid-row:3;grid-column:1}.xp{display:grid;gap:16px;align-content:start}.xp__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.xp__nums,.xp__arrows{display:flex;gap:6px}.xp__nums button,.xp__arrows button{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:500 14px/1 var(--mono);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s var(--ease);-webkit-tap-highlight-color:transparent}.xp__nums button[aria-pressed=true]{background:var(--glut);border-color:var(--glut);color:var(--ink)}.xp__arrows button{font:400 18px/1 var(--sans)}.xp__nums button:active,.xp__arrows button:active{transform:scale(.94)}:where(:root.hov) .xp__nums button:hover,:where(:root.hov) .xp__arrows button:hover{border-color:var(--fg)}.xp__panels{min-height:7.2em;>div{display:grid;gap:6px;animation:xp-in .35s var(--ease)}>div[hidden]{display:none}h3{font-size:26px}p{color:var(--mute);max-width:30em}}@keyframes xp-in{0%{opacity:0;transform:translateY(6px)}}@media (max-width: 389px){.xp__nums,.xp__arrows{gap:4px}.xp__nums button,.xp__arrows button{width:40px;height:40px}}@media (max-width: 349px){.xp__arrows{display:none}}@media (max-width: 899px) and (max-height: 700px){.shot--parts{grid-template-rows:auto minmax(0,36svh) auto;padding-top:64px}}@media (min-width: 900px){.shot--parts{min-height:100svh;grid-template-rows:auto auto;align-content:center;row-gap:28px;padding-block:110px 64px}.shot--parts .stage{grid-row:1 / 3;grid-column:1;min-height:62svh;align-self:stretch}.shot--parts .xp__head{grid-row:1;grid-column:2;align-self:end;gap:16px}.shot--parts .xp{grid-row:2;grid-column:2;align-self:start}.xp__bar{justify-content:flex-start;gap:20px}}@media (min-width: 900px){#parts button{width:36px;height:36px;font-size:14px}#parts button:not(.is-on){width:30px;height:30px;font-size:13px}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.memo{max-width:760px;gap:20px;>p:not(.label){font-size:clamp(19px,1.7vw,23px);line-height:1.45;text-wrap:pretty}}.notes{display:grid;gap:18px;p{line-height:1.5;max-width:36em}b{font-weight:640}}.band__in.split>div{display:grid;gap:16px;align-content:start}.cmp{width:100%;border-collapse:collapse;thead th{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:0 0 12px;text-align:center;width:76px}thead th:last-child{color:var(--fg)}tbody th{text-align:left;font-weight:500;font-size:17px;line-height:1.3;padding:16px 12px 16px 0}tbody tr>*{border-top:1px solid var(--line)}tbody tr:last-child>*{border-bottom:1px solid var(--line)}td{text-align:center}td span{position:relative;display:inline-block;width:34px;height:34px;border-radius:50%;font-size:0;vertical-align:middle}td span:before{position:absolute;inset:0;margin:auto}td.y span{background:var(--glut)}td.y span:before{content:"";width:14px;height:8px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:translateY(-2px) rotate(-45deg)}td.n span{border:1px solid var(--line)}td.n span:before{content:"";width:12px;height:1.5px;background:var(--mute)}}.who{width:100%;border-collapse:collapse;thead{display:none}tbody tr{display:grid;gap:12px;padding:20px 0;border-top:1px solid var(--line)}tbody tr:last-child{border-bottom:1px solid var(--line)}tbody th{display:flex;align-items:center;gap:12px;text-align:left;font:680 24px/1.1 var(--sans);font-stretch:110%;letter-spacing:-.012em}tbody th i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--glut);color:var(--ink);font:500 13px/28px var(--mono);font-style:normal;text-align:center;letter-spacing:0}td{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;line-height:1.45}td:before{content:attr(data-l);font:500 12px/1.9 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}td[data-l=Wir]{color:var(--mute)}}@media (min-width: 900px){.who{thead{display:table-header-group}thead th{text-align:left;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:0 24px 12px 0}tbody tr{display:table-row}tbody th,td{display:table-cell;vertical-align:top;padding:22px 32px 22px 0;border-top:1px solid var(--line)}tbody tr:last-child>*{border-bottom:1px solid var(--line)}tbody th{width:24%;white-space:nowrap}tbody th i{display:inline-block;margin-right:12px;vertical-align:2px}td{width:38%}td:before{content:none}}}.pdp--section{scroll-margin-top:56px}.pdp__head{display:grid;gap:14px;align-content:start;width:100%;max-width:540px;margin-inline:auto;h1{font-size:clamp(38px,4.4vw,60px)}.lead{font-size:17.5px}}.mock{padding-top:88px}@media (min-width: 900px){.mock{grid-template-areas:"media head" "media panel";grid-template-rows:auto 1fr;row-gap:26px;padding-top:104px;.pdp__media{grid-area:media}.pdp__head{grid-area:head;margin-inline:0}.pdp__panel{grid-area:panel}}}.dsel__text{display:grid;gap:12px;animation:xp-in .35s var(--ease);>p:not(.lead){color:var(--mute);max-width:34em}.lead{font-weight:560}}.dsel__text[hidden]{display:none}.dsel .opts--design legend b{text-transform:none;letter-spacing:0;font:400 13px/1.2 var(--sans);color:var(--mute)}.dsel h2{font-size:clamp(44px,5.4vw,76px)}a.btn--buy{text-decoration:none}.mockform{gap:16px;max-width:none}.swrow{display:grid;grid-template-columns:repeat(8,minmax(0,44px));gap:8px;legend{margin-bottom:10px}}.swpick{position:relative;aspect-ratio:1;cursor:pointer;input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s var(--ease),box-shadow .2s;font:400 20px/1 var(--sans);color:var(--mute)}input:checked+span,&.is-on span{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}input:focus-visible+span{outline:2px solid var(--glut);outline-offset:5px}input:active+span{transform:scale(.92)}}.swpick--own span{border:1px dashed var(--mute);box-shadow:none}.opts--two{grid-template-columns:repeat(2,minmax(0,1fr));.opt b{font-size:14.5px;line-height:1.2}}.filerow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;.fine{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14em}}.mocksum{font-size:15px;line-height:1.45;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;&:empty{display:none}}.zmap{display:grid;gap:14px;align-content:start;width:100%;max-width:520px}.zmap__fig{position:relative;border-radius:10px;overflow:clip;box-shadow:0 22px 44px -26px #00000080,0 0 0 1px var(--line);canvas{display:block;width:100%;aspect-ratio:150 / 127}svg{position:absolute;inset:0;width:100%;height:100%}rect{fill:#f3f1ea9e;cursor:pointer;transition:fill .25s}path{fill:none;stroke:#fff;stroke-width:1;mix-blend-mode:difference;opacity:.45;pointer-events:none;transition:opacity .25s,stroke-width .25s}}.zmap[data-zone=d] rect[data-zone=d],.zmap[data-zone=a] rect[data-zone=a],.zmap[data-zone=b] rect[data-zone=b],.zmap[data-zone=f] rect{fill:#f3f1ea00}.zmap[data-zone=f] path{opacity:1;stroke-width:2.5}.zmap__chips{display:flex;flex-wrap:wrap;gap:6px;button{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:500 14.5px/1 var(--sans);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}}.zmap__panels{min-height:8.6em;>div{display:grid;gap:6px;animation:xp-in .35s var(--ease)}>div[hidden]{display:none}h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:26px}h3 span{font:500 13px/1 var(--mono);letter-spacing:.04em;color:var(--mute)}p{color:var(--mute);max-width:32em}}.qsearch{display:grid;gap:8px;max-width:520px;margin-top:6px;input{width:100%;min-height:52px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--fg);font:400 16px/1.4 var(--sans);-webkit-appearance:none;appearance:none}input:focus{background:transparent;border-color:var(--fg);outline:none;box-shadow:0 0 0 3px #ff4f1a4d}.fine:empty{display:none}}.qgroup[hidden],.faq details[hidden]{display:none}.qnone{display:grid;gap:12px}.qnone[hidden],.toc.is-off{display:none}.qsearch input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.refdemo{display:grid;gap:16px;align-content:start;padding:22px;border:1px solid var(--fg);border-radius:16px;.meter i{height:12px}.meter i.is-on{transform:scaleY(1.25)}p:not(.label):not(.fine){min-height:3em}}.yesno{display:grid;gap:12px;article{display:grid;gap:12px;align-content:start;padding:22px;border-radius:16px}h3{font-size:26px;display:flex;align-items:center;gap:12px}p{line-height:1.45;max-width:30em}h3:before{content:"";flex:none;width:30px;height:30px;border-radius:50%}}.yesno__y{background:var(--ink);color:var(--paper);h3:before{background:var(--glut) linear-gradient(var(--ink),var(--ink)) center / 0 0 no-repeat;mask:none}p{opacity:.9}}.yesno__n{border:1px solid var(--line);h3:before{border:1px solid var(--mute)}p{color:var(--mute)}}@media (min-width: 760px){.yesno{grid-template-columns:1fr 1fr}}.cmp--four{thead th{width:54px;padding-inline:2px;font-size:10px;letter-spacing:.04em;vertical-align:bottom;hyphens:manual}thead th:last-child{color:var(--glut-ink)}tbody th{font-size:15.5px;padding-right:8px}td span{width:28px;height:28px}td.y span:before{width:11px;height:6px;border-width:2px}td.n span:before{width:9px}tbody td:last-child{background:color-mix(in srgb,var(--glut) 9%,transparent)}}@media (min-width: 760px){.cmp--four{max-width:860px;thead th{width:120px;font-size:12px;letter-spacing:.08em}tbody th{font-size:18px}td span{width:34px;height:34px}td.y span:before{width:14px;height:8px;border-width:2.5px}td.n span:before{width:12px}}}.foot__cols .foot__loc{gap:0;grid-column:1 / -1;.label:not(:first-child){margin-top:18px}}@media (min-width: 760px){.foot__cols .foot__loc{grid-column:auto}}.foot__cols .foot__loc .seg{display:grid;grid-template-columns:1fr 1fr;justify-items:stretch;width:100%;padding:3px;border:1px solid var(--line);border-radius:99px;a,button{display:grid;place-items:center;min-height:44px;padding:0 12px;border:0;border-radius:99px;background:none;color:var(--mute);font:500 15px/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .2s,background-color .2s}a:after{content:none}:where(:root.hov) & :is(a,button):hover{color:var(--fg)}a[aria-current],button[aria-pressed=true]{background:var(--fg);color:var(--bg)}}.langhint{position:absolute;z-index:19;inset:62px 12px auto auto;max-width:calc(100vw - 24px);margin:0;display:flex;align-items:center;padding:2px 2px 2px 16px;border-radius:99px;background:var(--ink);color:var(--paper);font:500 14px/1.2 var(--sans);box-shadow:0 14px 30px -16px #0000008c;animation:hint-in .5s .9s both cubic-bezier(.2,.7,.2,1);&[hidden]{display:none}a{color:inherit;padding:12px 6px 12px 0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}button{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:inherit;font:400 22px/1 var(--sans);cursor:pointer}}@keyframes hint-in{0%{opacity:0;transform:translateY(-8px)}}@media (min-width: 900px){.langhint{inset:66px max(24px,calc((100vw - 1328px)/2)) auto auto}}@media (prefers-reduced-motion: reduce){.langhint{animation:none}}
