/* Plastic Baskets — scoped to .pb / .pg-baskets. Accent: the product's own red. */
.pb{--pb-red:#e5251b;--pb-pink:#f0c8c0}
.pb-hero{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 2vw;align-items:center;padding:calc(104px + 2vh) var(--pad) clamp(56px,8vh,90px);background:var(--bone);color:var(--ink);overflow:hidden}
.pb-hero .pb-crumb{grid-column:1/-1}
.pb-crumb,.pb-crumb a{color:#4a4d54}.pb-crumb [aria-current]{color:var(--pb-red)}
.pb-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);font:400 clamp(180px,30vw,560px)/.8 var(--display);color:transparent;-webkit-text-stroke:2px color-mix(in srgb,var(--pb-red) 55%,transparent);white-space:nowrap;pointer-events:none;user-select:none;opacity:.85}
.pb-mesh{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(11,12,14,.07) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,rgba(11,12,14,.07) 0 1px,transparent 1px 18px);mask-image:radial-gradient(40vw 50vh at 50% 55%,#000,transparent 75%);pointer-events:none}
.pb-h1{grid-column:1/-1;grid-row:2;align-self:start;position:relative;z-index:3;font:400 clamp(38px,min(5.6vw,10vh),100px)/.98 var(--display);text-transform:uppercase;max-width:9.6em;margin-top:clamp(0px,1vh,16px)}
.pb-h1 em{font:italic 400 1.04em/.9 var(--serif);text-transform:none;color:var(--pb-red)}
.pb-prod{grid-column:2;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:2;margin:0;width:min(100%,clamp(340px,40vw,720px));perspective:1100px}
.pb-prod img{position:relative;z-index:2;display:block;width:100%;height:auto;cursor:zoom-in;will-change:transform}
.pb-glow{position:absolute;inset:8% 4% 6%;background:radial-gradient(closest-side,rgba(229,37,27,.28),transparent 72%);z-index:1}
.pb-shadow{position:absolute;left:12%;right:12%;bottom:-3%;height:8%;border-radius:50%;background:radial-gradient(ellipse,rgba(11,12,14,.4),transparent 72%);z-index:1}
.pb-side{position:relative;z-index:3;grid-row:2;align-self:end}
.pb-side-l{grid-column:1;max-width:30em}
.pb-lead{font:400 clamp(18px,1.55vw,25px)/1.32 var(--serif);margin-bottom:24px}
.pb-feat{grid-column:3;list-style:none;border-top:2px solid var(--ink);justify-self:end;width:min(100%,360px)}
.pb-feat li{display:grid;grid-template-columns:34px 1fr;align-items:baseline;gap:6px;padding:15px 0;border-bottom:1px solid rgba(11,12,14,.22);font:400 clamp(22px,2vw,34px)/1.05 var(--display);text-transform:uppercase}
.pb-feat .mono{color:var(--pb-red);font-size:10px}
.pb-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#4a4d54;z-index:3}
.pb-cue i{display:block;width:1px;height:34px;background:linear-gradient(var(--pb-red),transparent);transform-origin:top;animation:pb-cue 2.2s var(--ease) infinite}
@keyframes pb-cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
/* about */
.pb-about{background:#fff;color:var(--ink)}
.pb-about .kri-k{color:var(--ink)}
.pb-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6vw;align-items:start}
.pb-about .kri-h2 em{color:var(--pb-red)}
.pb-about-text p{font-size:clamp(16px,1.2vw,19px);line-height:1.68;color:#2b2e33;margin-bottom:20px;max-width:34em}
.pb-about-text .pb-custom{font:400 clamp(20px,1.8vw,29px)/1.3 var(--serif);color:var(--ink)}
/* use panels */
.pb-use{display:flex;min-height:min(80vh,760px);background:var(--carbon)}
.pb-use-p{flex:1;position:relative;padding:clamp(48px,6vw,100px) var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden;transition:flex .9s var(--ease);outline-offset:-4px}
.pb-retail{background:var(--pb-red);color:#fff}
.pb-home{background:#15171a;color:#fff;border-left:1px solid rgba(255,255,255,.1)}
.pb-use-p>.mono{opacity:.8}
.pb-use-p h2{font:400 clamp(70px,11vw,200px)/.86 var(--display);text-transform:uppercase}
.pb-home h2{color:transparent;-webkit-text-stroke:2px #fff}
.pb-use-t{font:400 clamp(20px,1.9vw,30px)/1.25 var(--serif);max-width:20em}
@media (hover:hover) and (min-width:901px){.pb-use:hover .pb-use-p{flex:.8}.pb-use .pb-use-p:hover,.pb-use .pb-use-p:focus{flex:1.5}}
/* feature words */
.pb-words{background:var(--carbon);color:#fff}
.pb-words .kri-h2{max-width:9em}
.pb-wl{list-style:none;margin-top:clamp(36px,5vw,70px);border-top:1px solid rgba(255,255,255,.18)}
.pb-wl li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center;padding:clamp(14px,2vw,28px) 0;border-bottom:1px solid rgba(255,255,255,.18);cursor:default}
.pb-wl .mono{color:var(--or)}
.pb-wl b{font:400 clamp(44px,8.2vw,150px)/.95 var(--display);text-transform:uppercase;font-weight:400;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6);background:linear-gradient(var(--pb-red),var(--pb-red)) no-repeat 0 0/0% 100%;-webkit-background-clip:text;background-clip:text;transition:background-size .8s var(--ease),-webkit-text-stroke-color .4s,padding .5s var(--ease)}
.pb-wl li:hover b{background-size:100% 100%;-webkit-text-stroke-color:var(--pb-red);padding-left:clamp(8px,2vw,28px)}
/* enquiry */
.pb-enq{background:var(--pb-pink);color:var(--ink);overflow:hidden}
.pb-enq .kri-k{color:var(--ink)}
.pb-enq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center}
.pb-enq-img{width:100%;height:auto;max-width:620px;justify-self:center}
.pb-enq .kri-h2{font-size:clamp(34px,4.4vw,76px);max-width:11em}
.pb-enq .kri-h2 em{color:var(--pb-red)}
.pb-enq-p{margin:24px 0 30px;max-width:30em;font-size:clamp(16px,1.2vw,19px);line-height:1.6;color:#2b2e33}
.pb-enq .kri-act .kri-outline-btn{color:var(--ink)}
@media (max-width:1000px){
  .pb-hero{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;padding:calc(84px + 2vh) var(--pad) 70px;gap:0;min-height:0}
  .pb-h1{grid-row:2;max-width:none;margin-bottom:6px}
  .pb-prod{grid-column:1;grid-row:3;width:min(100%,520px);margin:10px 0 18px}
  .pb-side-l{grid-column:1;grid-row:4;max-width:none}
  .pb-feat{grid-column:1;grid-row:5;width:100%;justify-self:stretch;margin-top:34px}
  .pb-word{font-size:56vw;top:46%}
  .pb-cue{display:none}
  .pb-about-grid,.pb-enq-grid{grid-template-columns:1fr;gap:30px}
  .pb-use{flex-direction:column;min-height:0}
  .pb-use-p{padding:56px var(--pad)}
  .pb-use-p h2{font-size:clamp(70px,22vw,140px)}
  .pb-enq-img{max-width:420px}
}
@media (prefers-reduced-motion:reduce){.pb-cue i{animation:none}}
@supports not (color:color-mix(in srgb,red 50%,blue)){.pb-word{-webkit-text-stroke-color:rgba(229,37,27,.5)}}
/* hero composition fix: headline owns the top band, product sits low so they never overlap */
@media (min-width:1001px){
  .pb-h1{font-size:clamp(36px,min(4.9vw,8.8vh),90px);max-width:11em}
  .pb-prod{align-self:end;width:min(100%,min(40vw,54vh,720px));margin-bottom:clamp(36px,8vh,80px)}
  .pb-side{padding-bottom:clamp(10px,2vh,24px)}
}