.pwall{--pw-plum-tint:#f3f3f3;--pw-heart:#c56aa0;--pw-max:720px;--pw-feed:680px;position:relative}.pwall-hero{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(48px,8vw,104px) clamp(28px,4vw,48px);display:flex}.pwall-title{color:var(--navy);max-width:16ch;margin-top:16px;font-size:clamp(2.3rem,6.2vw,4.1rem);line-height:1.02}.pwall-sub{max-width:60ch;color:var(--ink);margin-top:20px;font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.6}.pwall-kind{border-radius:var(--r-chip);background:var(--pw-plum-tint);border:1px solid var(--line-soft);color:var(--forest-2);text-wrap:balance;align-items:center;gap:.55em;margin-top:26px;padding:.7em 1.15em;font-size:.9rem;font-weight:500;line-height:1.3;display:inline-flex}.pwall-kind span{display:inline-flex}.pwall-kind svg{width:17px;height:17px;fill:var(--yellow);stroke:var(--forest-2);stroke-width:1.25px}.pwall-body-wrap{padding-bottom:clamp(72px,10vw,130px)}.pw-compose{max-width:var(--pw-max);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--shadow-sm);margin-inline:auto;padding:clamp(22px,3.4vw,38px)}.pw-compose-title{color:var(--navy);letter-spacing:-.01em;font-size:clamp(1.28rem,2.2vw,1.6rem);font-weight:600}.pw-compose-sub{color:var(--muted);margin-top:6px;font-size:.94rem}.pw-input,.pw-textarea{width:100%;color:var(--ink);background:var(--cream);border:1px solid var(--line);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border-radius:16px;margin-top:20px;padding:.9em 1.05em;font-family:inherit;font-size:1rem}.pw-input::placeholder,.pw-textarea::placeholder{color:var(--muted)}.pw-textarea{resize:vertical;min-height:128px;line-height:1.6}.pw-input:focus,.pw-textarea:focus{background:var(--surface);border-color:var(--forest-2);outline:none;box-shadow:0 0 0 3px #00000024}.pw-field{margin-top:22px}.pw-label{letter-spacing:.02em;color:var(--navy);margin-bottom:11px;font-size:.82rem;font-weight:600;display:block}.pw-chips{flex-wrap:wrap;gap:9px;display:flex}.pw-chip{border-radius:var(--r-chip);min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--line);transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);padding:8px 15px;font-size:.9rem;font-weight:500}.pw-chip.is-active{background:var(--forest-2);color:#fff9ea;border-color:var(--forest-2)}.pw-stars{gap:2px;display:flex}.pw-star{width:44px;height:44px;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.pw-star:focus-visible{outline:2px solid var(--forest-2);outline-offset:2px}.pw-star-svg{fill:#f3f3f3;width:27px;height:27px;transition:fill .16s var(--ease)}.pw-star-svg.is-on{fill:var(--yellow)}.pw-compose-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.pw-confirm{color:var(--forest-2);opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);font-size:.9rem;font-weight:500;transform:translateY(4px)}.pw-confirm.is-shown{opacity:1;transform:none}.pw-filters{max-width:var(--pw-max);flex-wrap:wrap;justify-content:center;gap:9px;margin:clamp(30px,4vw,44px) auto clamp(20px,3vw,28px);display:flex}.pw-filter{border-radius:var(--r-chip);min-height:40px;color:var(--ink);background:var(--surface);border:1px solid var(--line);transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);padding:8px 16px;font-size:.88rem;font-weight:500}.pw-filter.is-active{background:var(--forest-2);color:#fff9ea;border-color:var(--forest-2)}.pw-feed{max-width:var(--pw-feed);flex-direction:column;gap:clamp(16px,2.4vw,22px);margin-inline:auto;display:flex}.pw-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--shadow-sm);transition:transform .28s var(--ease), box-shadow .28s var(--ease);padding:clamp(20px,3vw,28px)}.pw-card-head{align-items:center;gap:13px;display:flex}.pw-avatar{background:var(--lilac-tint);width:46px;height:46px;color:var(--forest-2);border-radius:50%;flex:none;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.pw-card[data-tone="0"] .pw-avatar{background:var(--lilac-tint);color:var(--forest-2)}.pw-card[data-tone="1"] .pw-avatar{background:var(--sage-tint);color:var(--forest)}.pw-card[data-tone="2"] .pw-avatar{background:var(--butter-soft);color:var(--yellow-deep)}.pw-card[data-tone="3"] .pw-avatar{background:var(--cream-2);color:var(--forest-2)}.pw-anon-svg{fill:currentColor;width:24px;height:24px}.pw-who{flex-direction:column;min-width:0;display:flex}.pw-name{color:var(--navy);font-size:1rem;font-weight:600;line-height:1.2}.pw-meta{color:var(--muted);align-items:center;gap:7px;margin-top:2px;font-size:.82rem;display:inline-flex}.pw-dot{opacity:.65;background:currentColor;border-radius:50%;width:3px;height:3px}.pw-tags{flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;display:flex}.pw-product{border-radius:var(--r-chip);background:var(--pw-plum-tint);color:var(--forest-2);letter-spacing:.01em;white-space:normal;overflow-wrap:anywhere;align-items:center;min-width:0;max-width:100%;padding:5px 12px;font-size:.76rem;font-weight:600;line-height:1.35;display:inline-flex}.pw-stars-view{gap:1px;display:inline-flex}.pw-stars-view .pw-star-svg{width:17px;height:17px}.pw-body{color:var(--ink);margin-top:14px;font-size:clamp(.98rem,1.1vw,1.05rem);line-height:1.62}.pw-card-foot{border-top:1px solid var(--line-soft);align-items:center;gap:8px;margin-top:18px;padding-top:15px;display:flex}.pw-heart{border-radius:var(--r-chip);min-height:40px;color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease), transform .16s var(--ease);align-items:center;gap:7px;padding:6px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.pw-heart:active{transform:scale(.94)}.pw-heart-svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px;height:19px;transition:fill .2s var(--ease), stroke .2s var(--ease), transform .2s var(--ease)}.pw-heart-svg.is-on{fill:var(--pw-heart);stroke:var(--pw-heart)}.pw-heart.is-liked{color:var(--pw-heart)}.pw-heart.is-liked .pw-heart-svg{transform:scale(1.12)}.pw-empty{max-width:var(--pw-feed);text-align:center;background:var(--lilac-tint);border:1px solid var(--line-soft);border-radius:var(--r-card);margin-inline:auto;padding:clamp(34px,6vw,56px) clamp(22px,4vw,40px)}.pw-empty-title{color:var(--navy);font-size:1.1rem;font-weight:600}.pw-empty-sub{color:var(--ink);margin-top:8px;font-size:.95rem}.pw-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.pw-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pw-chip:hover,.pw-filter:hover{border-color:var(--forest-2);transform:translateY(-1px)}.pw-star:hover{background:var(--butter-soft);transform:translateY(-1px)}.pw-heart:hover{background:var(--lilac-tint);color:var(--forest-2)}}@media (pointer:coarse){.pw-chip{min-height:44px;padding:10px 15px}.pw-filter{min-height:44px;padding:10px 16px}.pw-heart{min-height:44px;padding:8px 14px}.pw-chips,.pw-filters{gap:10px}}@media (max-width:480px){.pw-filters{justify-content:flex-start}.pw-meta,.pw-label{font-size:.88rem}.pw-product{font-size:.82rem}.pw-card-head{gap:11px}.pw-tags{gap:9px}}@media (prefers-reduced-motion:reduce){.pw-card,.pw-chip,.pw-filter,.pw-star,.pw-heart,.pw-heart-svg,.pw-confirm,.pw-input,.pw-textarea{transition:none}.pw-card:hover,.pw-chip:hover,.pw-filter:hover,.pw-star:hover,.pw-heart:active,.pw-heart.is-liked .pw-heart-svg,.pw-confirm.is-shown{transform:none}}.pw-like-error{background:var(--butter-soft);border:1px solid var(--line-soft);color:var(--navy);border-radius:14px;margin:0 0 18px;padding:12px 16px;font-size:.9rem;line-height:1.5}.pw-like-error-link{color:var(--forest-2);text-underline-offset:3px;font-weight:600;text-decoration:underline}.pw-feed:has(.pw-carousel){max-width:min(1120px,100%)}.pw-carousel{outline:none;padding-block:clamp(20px,4vw,44px) 8px;position:relative;overflow-x:clip}.pw-carousel:focus-visible .pw-slide[data-state=centre] .pw-card{outline:2px solid var(--forest-2);outline-offset:4px}.pw-carousel:before,.pw-carousel:after{content:"";z-index:0;pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.pw-carousel:before{opacity:.55;background:radial-gradient(circle at 35% 30%,#f3f3f3 0%,#000 55% 100%);width:clamp(70px,9vw,110px);height:clamp(70px,9vw,110px);top:58%;left:12%}.pw-carousel:after{opacity:.6;background:radial-gradient(circle at 35% 30%,#fff1c7 0%,#ffc629 60%,#000 100%);width:clamp(34px,4vw,48px);height:clamp(34px,4vw,48px);top:14%;right:16%}.pw-stage{z-index:1;touch-action:pan-y;place-items:center;display:grid;position:relative}.pw-slide{--shift:66%;width:min(540px,100%);transform:translateX(calc(var(--off,0) * var(--shift))) scale(.84);filter:blur(6px);opacity:.5;z-index:2;will-change:transform, filter, opacity;grid-area:1/1;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .6s,opacity .6s;position:relative}.pw-slide[data-state=centre]{filter:none;opacity:1;z-index:3;transform:translate(0)scale(1)}.pw-slide[data-state=hidden]{transform:translateX(calc(var(--off,0) * var(--shift))) scale(.7);opacity:0;z-index:1;pointer-events:none}.pw-slide-hit{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:24px;padding:0;position:absolute;inset:0}.pw-carousel .pw-card{background:radial-gradient(120% 90% at 100% 0,#00000047 0%,#0000 60%),linear-gradient(160deg,#fffdf9 0%,#fff 100%);border:1px solid #0000001f;border-radius:24px;padding:clamp(24px,3.4vw,36px);transition:box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000f,0 24px 44px -26px #00000059}.pw-slide[data-state=centre] .pw-card{box-shadow:0 4px 10px #00000014,0 40px 70px -30px #00000080}.pw-carousel .pw-card:before{content:"“";z-index:0;color:var(--forest-2);opacity:.07;pointer-events:none;font-family:Poppins,sans-serif;font-size:220px;line-height:1;position:absolute;bottom:-46px;right:18px}.pw-carousel .pw-card>*{z-index:1;position:relative}.pw-carousel .pw-body{font-size:clamp(1rem,1.35vw,1.1rem);line-height:1.7}.pw-carousel .pw-card:hover{transform:none}.pw-carousel-nav{z-index:1;justify-content:center;align-items:center;gap:18px;margin-top:clamp(22px,3vw,32px);display:flex;position:relative}.pw-nav-btn{border:1px solid var(--line);background:var(--surface);width:46px;height:46px;color:var(--forest-2);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border-radius:50%;place-items:center;display:grid}.pw-nav-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pw-nav-btn:active{transform:scale(.94)}.pw-nav-btn:focus-visible{outline:2px solid var(--forest-2);outline-offset:2px}@media (hover:hover) and (pointer:fine){.pw-nav-btn:hover{background:var(--lilac-tint);border-color:var(--forest-2)}}.pw-nav-count{text-align:center;min-width:4ch;color:var(--navy);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600}.pw-carousel .pw-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:640px){.pw-slide{--shift:84%;opacity:.3;filter:blur(7px);width:86%}.pw-carousel .pw-card{border-radius:20px;padding:22px 20px}.pw-carousel .pw-card:before{font-size:170px;bottom:-36px}.pw-carousel:before{left:2%}}@media (prefers-reduced-motion:reduce){.pw-slide,.pw-carousel .pw-card,.pw-nav-btn{transition:none}}@media (min-width:980px){.pwall-body-wrap{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(28px,3.5vw,56px);display:grid}.pw-compose{flex-direction:column;max-width:none;margin:0;display:flex}.pw-compose .pw-textarea{flex:auto;min-height:120px}.pw-stories{flex-direction:column;min-width:0;display:flex}.pw-stories .pw-filters{justify-content:flex-start;max-width:none;margin:0 0 clamp(8px,1.5vw,16px)}.pw-stories .pw-feed{flex-direction:column;flex:auto;justify-content:center;width:100%;max-width:none;margin:0;display:flex}.pw-stories .pw-carousel{padding-block:12px 4px}.pw-stories .pw-carousel:before{left:4%}.pw-stories .pw-carousel:after{right:6%}.pw-stories .pw-filters{gap:7px;margin-bottom:14px}.pw-stories .pw-filter{min-height:36px;padding:6px 13px;font-size:.84rem}.pw-stories .pw-feed{justify-content:stretch}.pw-stories .pw-carousel{flex-direction:column;flex:auto;padding-block:0;display:flex}.pw-stories .pw-stage{flex:auto;align-items:center}.pw-stories .pw-slide{--shift:58%;width:min(520px,86%)}.pw-stories .pw-card{padding:clamp(28px,2.8vw,40px)}.pw-stories .pw-body{font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.75}.pw-stories .pw-carousel-nav{margin-top:18px}.pw-stories .pw-stage{grid-template-rows:minmax(0,1fr);align-items:stretch}.pw-stories .pw-slide{min-height:0;display:flex}.pw-stories .pw-slide-card{flex:auto;min-width:0;display:flex}.pw-stories .pw-card{flex-direction:column;flex:auto;min-width:0;display:flex}.pw-stories .pw-body{margin-block:auto;padding-block:18px}.pw-stories .pw-card-foot{margin-top:0}}.pw-stage.is-swipeable{cursor:grab;-webkit-user-select:none;user-select:none}.pw-stage[data-dragging=true]{cursor:grabbing}.pw-stage[data-dragging=true] .pw-slide{transition:none}.pw-stage[data-dragging=true] .pw-slide[data-state=centre]{transform:translateX(calc(var(--drag,0) * 1px)) rotate(calc(var(--drag,0) * .018deg));transform-origin:50% 120%}.pw-stage[data-dragging=true] .pw-slide[data-state=side]{transform:translateX(calc(var(--off,0) * var(--shift) + var(--drag,0) * .35px)) scale(.84)}.pw-stage.is-swipeable img,.pw-stage.is-swipeable a{-webkit-user-drag:none}.pw-stage.is-swipeable .pw-slide[data-state=centre]{transition:transform .62s cubic-bezier(.34,1.25,.5,1),filter .5s,opacity .5s}@media (prefers-reduced-motion:reduce){.pw-stage.is-swipeable .pw-slide[data-state=centre],.pw-stage[data-dragging=true] .pw-slide[data-state=centre]{transition:none;transform:none}}.pw-stage.is-swipeable[data-dragging=true] .pw-slide[data-state=centre],.pw-stage.is-swipeable[data-dragging=true] .pw-slide[data-state=side]{transition:none}.pw-carousel{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 7% 93%,#0000 100%)}@media (max-width:640px){.pw-carousel{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 4% 96%,#0000 100%)}}