.p-products{--slab-x:65.4%;--slab-y:50.5%;--slab-d:40.5%;--pan-w:calc(var(--slab-d) * 1.21);--paper:#f6f3ed;--paper-2:#eae6dd;--ink:#292820;--ink-2:#57564d;--mute:#68665b;--fire:#984227;--read:var(--beaufort);background:var(--paper);color:var(--ink)}
body.p-products main{background:var(--paper)}
body.p-products:not(.menu-open):not(.care-open) .hdr{color:var(--ink)}
body.p-products.is-light:not(.menu-open):not(.care-open) .brand-mark{opacity:1}
body.p-products.is-light:not(.menu-open):not(.care-open) .brand-mark-alt{opacity:0}
body.p-products:not(.menu-open):not(.care-open) .menu-btn-bars i{background:var(--ink)}
.p-products .progress{display:none}
.pr-intro{position:relative;isolation:isolate;overflow:clip;width:100%;margin:0;padding:clamp(9rem,15vw,12rem) var(--pad) clamp(3rem,6vh,5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2rem;min-height:100vh;min-height:100dvh}
.pr-scene{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;container-type:size}
.pr-stage{position:absolute;left:50%;top:50%;translate:-50% -50%;width:max(100cqw,calc(100cqh * var(--scene-ratio)));height:auto;aspect-ratio:var(--scene-ratio)}
.pr-scene-bg,.pr-stage picture{display:block;width:100%;height:100%}
.pr-scene-bg{object-fit:cover}
.p-products{--scene-ratio:calc(1440 / 2559);--slab-x:47.2%;--slab-y:28.8%;--slab-d:74.5%}
@media (min-aspect-ratio:3/4){
  .p-products{--scene-ratio:calc(1600 / 1999);--slab-x:52.3%;--slab-y:31%;--slab-d:54.5%}
}
@media (min-aspect-ratio:6/5){
  .p-products{--scene-ratio:calc(2560 / 1441);--slab-x:65.4%;--slab-y:50.5%;--slab-d:40.5%}
}

@media (max-aspect-ratio:6/5){
  .pr-intro{grid-template-columns:1fr;align-items:end;padding-top:8rem;padding-bottom:clamp(3rem,8vh,6rem)}
  .pr-intro-copy{align-self:end}
}
.pr-intro h1{font-family:var(--serif);font-size:clamp(4rem,7.8vw,8rem);font-weight:400;line-height:.99;letter-spacing:-.065em}
.pr-intro h1 em{font-weight:400;color:var(--fire)}
.pr-intro-lead{max-width:34ch;font-size:1.12rem;line-height:1.7;margin-top:1.9rem;color:var(--ink-2)}

.pr-stage::after{content:"";position:absolute;left:var(--slab-x);top:var(--slab-y);width:calc(var(--slab-d) * .95);aspect-ratio:1;transform:translate(-46%,-43%);border-radius:50%;background:radial-gradient(closest-side,rgba(70,56,40,.26),rgba(70,56,40,.10) 60%,transparent 72%);filter:blur(16px)}
.pr-intro-pan{position:absolute;left:var(--slab-x);top:var(--slab-y);width:var(--pan-w);height:auto;transform:translate(-38.2%,-45.6%) rotate(-7deg);transform-origin:39% 47.7%;transition:transform .8s var(--ease);filter:drop-shadow(7px 12px 16px rgba(58,46,32,.30))}
.pr-scene:hover .pr-intro-pan{transform:translate(-38.2%,-45.6%) rotate(-3deg)}

.pr-categories{max-width:1560px;padding:2rem var(--pad) 4rem;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;scroll-margin-top:110px}
.pr-categories>a{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:1rem;align-items:center;min-width:0;padding:.9rem 1rem .9rem .9rem;background:#ece8df;border:1px solid transparent;border-radius:14px;transition:background .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.pr-categories>a:hover{background:#e5e0d5;border-color:#d4cdbf;transform:translateY(-2px)}
.pr-categories>a:focus-visible{outline:2px solid var(--fire);outline-offset:3px}
.pr-category-image{height:72px;display:flex;align-items:center;justify-content:center}
.pr-category-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.pr-categories a:hover img{transform:translateY(-4px) rotate(-5deg)}
.pr-category-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.pr-category-name{font-size:1.1rem;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.pr-category-count{font-size:.82rem;color:var(--mute)}
.pr-category-arrow{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #c9c2b4;color:var(--ink-2);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}
.pr-category-arrow svg{width:1rem;height:1rem}
.pr-categories>a:hover .pr-category-arrow{background:var(--ink);border-color:var(--ink);color:var(--paper);transform:translateY(2px)}
.pr{max-width:1560px;margin:0 auto;padding:3rem var(--pad) 6rem;font-family:var(--read)}
.pr-grp{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(2rem,4vw,5rem);scroll-margin-top:110px}
.pr-grp+.pr-grp{margin-top:8rem}
.pr-group-intro{position:sticky;top:120px;align-self:start;padding-top:1rem}
.pr-grp-h{font-family:var(--serif);font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.1;letter-spacing:-.035em}
.pr-group-intro p{color:var(--ink-2);font-size:1rem;line-height:1.7;margin-top:1.4rem;max-width:25ch}
.pr-return{display:inline-flex;align-items:center;gap:.8rem;font-size:.88rem;line-height:1.2;color:var(--ink);margin-top:2rem;padding:.7rem 1.1rem;border:1px solid #b1ab9d;border-radius:40px;white-space:nowrap;transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.pr-return:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pr-return:focus-visible{outline:2px solid var(--fire);outline-offset:3px}
.pr-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.4rem}
.pr-item{min-width:0;display:flex;flex-direction:column}
.pr-frame{position:relative;aspect-ratio:1/1.12}
.pr-fig{position:absolute;inset:0;display:block;overflow:hidden;background:#eeebe4;border-radius:3px;transition:background .45s var(--ease)}
.pr-item:hover .pr-fig{background:#e5e0d6}
.pr-fig img{position:absolute;left:50%;top:50%;width:max(85%,var(--scale,85%));height:90%;transform:translate(-50%,-50%);object-fit:contain;opacity:0;transition:opacity .5s var(--ease),transform .8s var(--ease);mix-blend-mode:multiply}
.pr-fig img.is-on{opacity:1}
.pr-item:hover .pr-fig img.is-on{transform:translate(-50%,-50%) scale(1.04)}
.pr-nav{position:absolute;top:50%;z-index:3;width:2.3rem;height:2.3rem;margin-top:-1.15rem;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(22,18,15,.14);opacity:0;transition:opacity .35s var(--ease),background .3s ease}
.pr-nav svg{width:1.1rem;height:1.1rem}.pr-nav.is-prev{left:.9rem}.pr-nav.is-next{right:.9rem}
.pr-item:hover .pr-nav,.pr-nav:focus-visible{opacity:1}.pr-nav:hover{background:var(--paper-2)}
.pr-cap{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;margin-top:1.1rem;overflow-wrap:break-word}
.pr-name{display:block;font-family:var(--serif);font-size:clamp(1.1rem,1.4vw,1.5rem);line-height:1.25;letter-spacing:-.025em}
.pr-line{display:block;color:var(--ink-2);font-size:.94rem;line-height:1.5;margin-top:.45rem}
.pr-spec{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:auto 0 0;padding-top:.85rem;border-top:1px solid #dcd6ca;margin-top:auto}
.pr-line{margin-bottom:1rem}
.pr-spec>div{min-width:0}
.pr-spec dt{font-size:.66rem;line-height:1.2;letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.pr-spec dd{margin:.2rem 0 0;font-size:.95rem;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.pr-no-image{position:absolute;inset:0;display:grid;place-content:center;padding:1.5rem;color:var(--mute);text-align:center}
.pr-closing{margin-top:8rem;text-align:center;padding:4rem 1rem 1rem}
.pr-closing>p{font-family:var(--serif);font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.04em;line-height:1.1}
.pr-closing>span{display:block;margin-top:1rem;color:var(--ink-2)}
.pr-pdf{display:inline-flex;align-items:center;gap:2rem;border:1px solid #b1ab9d;border-radius:40px;padding:.8rem 1.5rem;margin-top:1.7rem}
.pr-pdf svg{width:1.2rem;height:1.2rem}

@media(max-width:1100px){.pr-grp{grid-template-columns:170px minmax(0,1fr);gap:2rem}.pr-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pr-intro{grid-template-columns:1fr;gap:0;padding-top:8rem;padding-bottom:clamp(2.5rem,7vh,5rem)}.pr-intro h1{font-size:clamp(3.8rem,13vw,6rem)}.pr-intro-lead{font-size:1.05rem;max-width:36ch;margin-top:1.3rem}.pr-stage::after{content:"";position:absolute;left:var(--slab-x);top:var(--slab-y);width:calc(var(--slab-d) * .95);aspect-ratio:1;transform:translate(-46%,-43%);border-radius:50%;background:radial-gradient(closest-side,rgba(70,56,40,.26),rgba(70,56,40,.10) 60%,transparent 72%);filter:blur(16px)}.pr-categories{padding-top:1.5rem;padding-bottom:2rem;gap:.6rem}.pr-categories>a{grid-template-columns:52px minmax(0,1fr) auto;gap:.7rem;padding:.6rem .7rem .6rem .6rem;border-radius:12px}.pr-category-image{height:52px}.pr-category-name{font-size:1rem}.pr-category-count{font-size:.75rem}.pr-category-arrow{width:1.8rem;height:1.8rem}.pr-category-arrow svg{width:.85rem;height:.85rem}.pr{padding-top:2rem}.pr-grp{display:block;scroll-margin-top:95px}.pr-group-intro{position:static;display:grid;grid-template-columns:1fr auto;gap:1rem;margin-bottom:1.8rem;padding:0}.pr-grp-h{font-size:2.5rem}.pr-group-intro p{grid-column:1/-1;grid-row:2;max-width:36ch;margin:0}.pr-return{align-self:center;justify-self:end;margin:0;font-size:.8rem;gap:.5rem;padding:.55rem .9rem}.pr-grp+.pr-grp{margin-top:4.5rem}.pr-shelf{gap:2rem 1rem}.pr-closing{margin-top:4rem;padding-top:2rem}}
@media(max-width:560px){.pr-categories{grid-template-columns:1fr;gap:.5rem}.pr-categories>a{grid-template-columns:48px minmax(0,1fr) auto;padding:.5rem .8rem .5rem .6rem}.pr-category-image{height:48px}.pr-category-text{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.75rem}}
@media(max-width:680px){.pr-nav{display:none}.pr-name{font-size:1.08rem}.pr-line{font-size:.86rem}.pr-spec{gap:.45rem 1.2rem;padding-top:.7rem}.pr-spec dt{font-size:.6rem}.pr-spec dd{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.pr-fig img,.pr-nav,.pr-intro-pan,.pr-category-image img{transition:none}.pr-item:hover .pr-fig img.is-on{transform:translate(-50%,-50%)}}
@media(max-width:380px){.pr-intro h1{font-size:clamp(3.1rem,15vw,3.8rem)}.pr-intro-copy{min-width:0}.pr-group-intro{grid-template-columns:1fr}.pr-group-intro p{grid-row:auto}.pr-return{grid-row:3;justify-self:start}.pr-grp-h{font-size:2.2rem}}
.pr-intro-pan{
  filter:none;
  -webkit-mask-image:url('../img/web/masks/kulplu-tava-28-edge.svg?v=3');
  mask-image:url('../img/web/masks/kulplu-tava-28-edge.svg?v=3');
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}

.pr-fig img.shot-bleed{width:100%;height:100%;object-fit:cover}
.pr-fig img.shot-wide{width:100%;height:100%;object-fit:contain}
.pr-fig img.shot-photo{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}
.pr-fig img.knife-photo{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}
.pr-item:hover .pr-fig img.knife-photo.is-on{transform:translate(-50%,-50%)}
.pr-fig img.knife-closeup{width:100%;height:90%;object-fit:contain}
.pr-item:hover .pr-fig img.knife-closeup.is-on{transform:translate(-50%,-50%)}

.pr-fig img.knife-landscape{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.pr-item:hover .pr-fig img.knife-landscape.is-on{transform:translate(-50%,-50%)}

.pr-item{scroll-margin-top:120px}
@media(max-width:760px){.pr-group-intro{grid-template-columns:minmax(0,1fr)}.pr-group-intro p{grid-row:auto}.pr-return{justify-self:start}}

.pr-item--knife .pr-fig img{transition:none}
.pr-item--knife .pr-fig img.knife-landscape{object-fit:contain}
.pr-item--knife .pr-fig img.knife-boxed{width:100%;height:100%;object-fit:contain;transform:translate(-41.3%,-45.6%)}
.pr-item--knife:hover .pr-fig img.knife-boxed.is-on{transform:translate(-41.3%,-45.6%)}
.pr-item--knife .pr-fig img.knife-closeup{left:auto;right:-9%;top:0;width:110%;height:110%;object-fit:contain;object-position:right top;transform:none}
.pr-item--knife:hover .pr-fig img.knife-closeup.is-on{transform:none}

.pr-image-stage{position:absolute;inset:0;display:block;overflow:hidden}
.pr-item--knife .pr-image-stage{top:50%;bottom:auto;aspect-ratio:4/3;transform:translateY(-50%)}
.pr-item--knife .pr-fig:has(.knife-landscape.is-on){background:transparent}

.pr-item--knife .pr-image-stage:has(.knife-closeup.is-on){top:0;transform:none}