.duo{isolation:isolate;background-color:var(--duo,var(--duotone-dog));transition:background-color .26s var(--ease-out);margin:0;position:relative;overflow:hidden}:is(.duo,.bowl__frame)>picture{width:100%;height:100%;display:block}.duo__img{object-fit:cover;object-position:50% 30%;mix-blend-mode:hard-light;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.duo{transition:none}}@media (forced-colors:active){.duo__img{mix-blend-mode:normal}}.hero{position:relative;overflow:clip}.hero__inner{gap:var(--space-8) var(--space-12);align-items:center;padding-block:clamp(2rem,5vw,4.5rem) clamp(3rem,7vw,6rem);display:grid}@media (width>=56rem){.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}}.hero__title{font-size:var(--text-h1);max-width:13ch}.hero__lead{margin-top:var(--space-6);max-width:32ch}.hero__actions{margin-top:var(--space-8);gap:var(--space-4)}.hero__shop{margin-top:calc(var(--space-unit) * 5);font-weight:var(--font-body-weight-bold)}.hero__shop a{color:var(--color-text)}.hero__portraits{--cut:clamp(2.5rem, 7vw, 5.5rem);--gap:clamp(.6rem, 1.2vw, 1rem);aspect-ratio:8/5.4;background-color:var(--color-surface);grid-template-columns:1fr 1fr;display:grid;position:relative}.hero__duo{height:100%;min-height:0}.hero__duo--dog{clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%)}.hero__duo--cat{width:calc(100% + var(--cut) - var(--gap));margin-left:calc(var(--gap) - var(--cut));clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%)}.hero__duo--dog .duo__img{object-position:46% 28%}.hero__duo--cat .duo__img{object-position:56% 30%}.hero__note{left:0;bottom:calc(-1 * var(--space-8));position:absolute}.slant{--rise:clamp(1.25rem, 3.5vw, 3rem);background-color:var(--color-bg-dark);color:var(--color-on-dark);clip-path:polygon(0 var(--rise), 100% 0, 100% calc(100% - var(--rise)), 0 100%);padding-block:calc(var(--rise) + calc(var(--space-unit) * 5));margin-bottom:calc(var(--rise) * -1);z-index:1;position:relative}.slant__inner{align-items:baseline;gap:var(--space-3) var(--space-8);flex-wrap:wrap;display:flex}.slant__label{font-size:var(--text-small);font-weight:var(--font-body-weight-medium)}.slant__label.pending{outline-color:var(--color-on-dark)}.slant__chips{gap:var(--space-2) var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.slant__chips li{font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);font-size:clamp(1.125rem,1rem + .7vw,1.625rem);line-height:1.2}.slant__chips li+li:before{content:"·";margin-right:var(--space-8);opacity:.6}.range{padding-top:calc(var(--section-pad) + 2rem);position:relative;overflow:clip}.range:before{content:"G" / "";z-index:0;font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);color:var(--color-surface);opacity:.55;pointer-events:none;font-size:min(70vw,46rem);line-height:.8;position:absolute;top:.06em;right:-.06em}.range>.wrap{z-index:1;position:relative}.range__title{max-width:18ch}.range__lead{margin-top:var(--space-4);max-width:44ch}.range__group{gap:var(--space-8) var(--space-12);align-items:start;margin-top:clamp(3rem,6vw,5rem);display:grid}@media (width>=56rem){.range__group{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.range__group[data-species=kocka]{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.range__group[data-species=kocka] .range__portrait{grid-area:1/2}.range__group[data-species=kocka] .range__body{grid-area:1/1}.range__portrait{top:calc(var(--header-h) + var(--space-6));position:sticky}}.range__portrait{aspect-ratio:4/5;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--space-8)))}.range__group[data-species=pes] .range__portrait{--duo:var(--duotone-dog)}.range__group[data-species=kocka] .range__portrait{--duo:var(--duotone-cat)}@media (width<=55.99rem){.range__portrait{aspect-ratio:5/4;max-height:70svh}}.range__species{margin-bottom:calc(var(--space-unit) * 5)}.range__list{margin:0 0 var(--space-6);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));padding:0;list-style:none;display:grid}.range__link{gap:var(--space-4);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);background-color:var(--color-surface);color:var(--color-text);border-bottom:.3rem solid var(--recipe);transition:transform .16s var(--ease-out);grid-template-columns:4.5rem minmax(0,1fr);align-items:center;height:100%;text-decoration:none;display:grid}.range__link:hover{color:var(--color-text);transform:translateY(-2px)}.range__pack{width:4.5rem;height:auto}.range__text{gap:var(--space-2);justify-items:start;display:grid}.range__name{font-size:1.1875rem}.range__first{font-size:var(--text-small);line-height:1.4}.range__first-term{color:var(--color-text-muted)}.range__close{max-width:44ch;font-size:var(--text-lead);margin-top:clamp(3rem,6vw,5rem);line-height:1.45}@media (prefers-reduced-motion:reduce){.range__link{transition:none}.range__link:hover{transform:none}}.bowl h2{max-width:20ch}.bowl__grid{--cut:clamp(2rem, 5vw, 4rem);gap:calc(var(--space-unit) * 10) var(--space-6);margin-top:var(--space-8);display:grid}@media (width>=48rem){.bowl__grid{gap:var(--space-6);grid-template-columns:1fr 1fr}}.bowl__card{gap:calc(var(--space-unit) * 5);align-content:start;margin:0;display:grid}.bowl__frame{aspect-ratio:4/5;overflow:hidden}@media (width>=48rem){.bowl__card--dog .bowl__frame{clip-path:polygon(0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%)}.bowl__card--cat .bowl__frame{clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%)}.bowl__card--cat .bowl__caption{padding-left:var(--cut)}}.bowl__photo{object-fit:cover;object-position:50% 70%;width:100%;height:100%;display:block}.bowl__caption{gap:var(--space-2);max-width:36rem;font-size:var(--text-lead);line-height:1.45;display:grid}.bowl__who{font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);font-size:var(--text-h3);line-height:1.1}.bowl .pending-note{margin-top:var(--space-6)}.family{background-color:var(--color-bg-dark);background-image:var(--paws);color:var(--color-on-dark);background-size:9rem 9rem}.family__inner{gap:var(--space-8);justify-items:start;display:grid}.family__inner>*{max-width:60rem}.family__lines{gap:var(--space-6);font-size:var(--text-lead);line-height:1.45;display:grid}.family__lines>*{max-width:46ch}.family .pending{outline-color:var(--color-on-dark)}.family .pending-note{color:var(--color-on-dark);opacity:.85}.family__rule{padding-left:var(--space-6);border-left:.5rem solid var(--color-on-dark);font-family:var(--font-heading);font-style:italic;font-weight:var(--font-heading-weight);font-size:var(--text-h3);max-width:34ch;margin:0;line-height:1.25}.close__inner{text-align:center;justify-items:center;gap:var(--space-6);display:grid}.close__actions{justify-content:center;gap:var(--space-4)}.close__shop{font-weight:var(--font-body-weight-bold)}.close__shop a{color:var(--color-text)}.shelf{margin-top:var(--space-6);justify-content:center;align-items:flex-end;max-width:100%;display:flex}.shelf__pack{width:min(13rem,21vw);height:auto;margin-inline:calc(min(13rem,21vw)/-7.69231)}@media (width<=40rem){.slant__chips{gap:var(--space-1);flex-direction:column}.slant__chips li+li:before{content:none}}