.pbanner{--pb:227,233,251;position:relative;margin:0;padding:18px 20px;background:rgb(var(--pb));border-bottom:2px solid #221C14;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:14px;align-items:center;overflow:hidden}.pbanner .sticker{font-size:12.5px;margin-bottom:6px}.pbanner h1.pt{font-size:34px}.pbanner .lead{margin-top:6px;font-size:15px;color:#5e554b}.pbanner .btn{margin-top:14px;width:auto;display:inline-flex;padding:0 26px;min-height:48px;border:2px solid #221C14;box-shadow:3px 3px #221c14;text-decoration:none}.pb-pic{width:104px;height:104px;border-radius:50%;border:2px solid #221C14;box-shadow:3px 3px #221c14;overflow:hidden;background:#fff;align-self:start;margin-top:6px}.pb-pic img{width:100%;height:100%;object-fit:cover;object-position:var(--pb-crop,68% 55%);display:block}.pb-bg{display:none}@media(min-width:1024px){.pbanner{display:flex;align-items:center;margin:0 calc(50% - 50vw);padding:0;height:clamp(420px,41.667vw,860px);border-bottom:0}.pb-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.pb-bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%;display:block}.pb-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--pb),.6) 0,rgba(var(--pb),.35) 22%,rgba(var(--pb),0) 40%)}.pb-tx{position:relative;z-index:1;max-width:1320px;width:calc(100% - 2 * var(--gut,40px));margin:0 auto}.pbanner h1.pt{font-size:64px;white-space:nowrap}.pbanner .lead{font-size:19px;max-width:440px}.pbanner .btn{min-height:56px;padding:0 34px;font-size:18px;margin-top:22px}.pb-pic{display:none}}.pbanner .lead{color:#3a3128;font-weight:600}@media(min-width:1024px){.pbanner .lead{font-size:20px}}@media(max-width:1023px){.pbanner{display:flex;flex-direction:column;padding:0;gap:0;background:none;border-bottom:0;overflow:visible}.pb-pic{order:-1;width:100%;height:clamp(190px,54vw,220px);border-radius:0;border:0;border-bottom:2px solid #221C14;box-shadow:none;margin:0;align-self:stretch;background:rgb(var(--pb))}.pb-pic img{object-position:100% 50%}.pb-tx{padding:16px 20px 4px}}@media(max-width:1023px){.pb-pic{height:136px}.pb-tx{padding:10px 20px 2px}.pbanner .sticker{font-size:11.5px;margin-bottom:2px;padding:1px 8px}.pbanner h1.pt{font-size:30px;line-height:1.05;margin:2px 0 0}.pbanner .lead{font-size:15px!important;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pbanner .btn{min-height:42px;padding:0 16px;font-size:15px;margin-top:10px;white-space:nowrap}.pbanner .pbbtns{display:flex;flex-wrap:nowrap;gap:8px;margin-top:10px}.pbanner .pbbtns .btn{margin-top:0;min-height:42px!important;padding:0 14px!important;font-size:14.5px!important}}@media(max-width:1023px){.pb-pic{position:relative;overflow:hidden}.pb-pic img{object-fit:cover;object-position:50% 50%;transform:scale(var(--pz,1));transform-origin:var(--pfx,100%) var(--pfy,50%)}.pb-pic.has-phone img{transform:none;object-position:50% 50%}}.pbanner.no-pic{display:block;padding:22px 20px 20px;background:rgb(var(--pb));border-bottom:2px solid #221C14}.pbanner.no-pic .pb-tx{padding:0}@media(min-width:1024px){.pbanner.no-pic{height:auto;padding:64px 0 60px;display:flex}}.pbanner.no-pic .lead{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}@media(max-width:1023px){.pbanner .lead{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}.pb-pic{height:160px}.pb-pic.has-phone{height:auto;aspect-ratio:2/1}.pb-pic.has-phone img{object-fit:contain!important;transform:none!important}.pbanner.ph-old .pb-pic img{object-fit:contain!important;transform:none!important;background:rgb(var(--pb))}}.pbanner .sticker{font-size:14px!important;padding:4px 12px!important;border-radius:10px;margin-bottom:8px!important;box-shadow:2px 2px #221c14}@media(min-width:1024px){.pbanner .sticker{font-size:16px!important;padding:5px 14px!important;margin-bottom:12px!important}}@media(max-width:1023px){.pb-pic:not(.has-phone){height:clamp(160px,46vw,200px)}.pb-pic:not(.has-phone) img{transform:none!important;object-fit:cover!important;object-position:100% 50%!important}}@media(max-width:1023px){.pb-pic{position:relative}.pb-pic .pb-stk{position:absolute;top:8px;left:10px;z-index:2;margin:0!important;font-size:12px!important;padding:2px 9px!important;transform:rotate(-3deg)}.pbanner[data-short] .pb-tx .pb-stk-src{display:none}.pbanner.no-pic[data-short] .pb-tx .pb-stk-src{display:inline-block}.pbanner[data-short] .pb-tx{padding:10px 16px 12px}.pbanner[data-short] h1.pt{font-size:clamp(22px,7.2vw,28px)!important;line-height:1.08;margin:0!important;text-wrap:balance}.pbanner[data-short] .lead{font-size:13.5px!important;margin-top:4px!important;line-height:1.35}.pb-link{font-weight:800;white-space:nowrap;color:var(--lw,var(--t-word,#E0662E));text-decoration:underline;text-underline-offset:2px}.pbanner[data-short] .pb-hide{display:none!important}.pbanner[data-short] .pbbtns{margin-top:10px!important}.pbanner[data-short] .pbbtns .btn,.pbanner[data-short] .pb-tx>.btn{margin-top:10px}.pbanner[data-short] .pbbtns .btn{flex:none}}@media(max-width:1023px){.pb-pic{border-bottom:0!important}.pb-pic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(180deg,rgba(255,247,236,0),var(--cream,#FFF7EC));pointer-events:none;z-index:1}}@media(max-width:1023px){.pbanner .pb-stk,.pbanner[data-short] .pb-tx .pb-stk-src,.pbanner.no-pic[data-short] .pb-tx .pb-stk-src{display:none!important}.pbanner[data-short] .lead{display:flex!important;flex-wrap:wrap;column-gap:6px;row-gap:2px;align-items:baseline}.pbanner[data-short] .lead>a.pb-link{flex:none}.pbanner[data-short] .lead{white-space:normal}.pbanner[data-short][data-phone-line]:not([data-phone-line=""]) .lead{white-space:nowrap}}@media(max-width:1023px){body[data-page=landing] .pbanner .pb-tx,body[data-page=theme] .pbanner .pb-tx,body[data-page=business] .pbanner .pb-tx{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;padding:14px 20px 2px!important;display:block!important;align-self:stretch!important;box-sizing:border-box!important;text-align:left!important}body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner .pb-tx>.sticker{display:inline-block!important;font-size:12.5px!important;padding:2px 9px!important;margin:0 0 6px!important}body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner .pb-tx h1.pt{display:block!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0!important;white-space:normal!important}body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner .pb-tx .pbbtns,body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner .pb-tx .pb-link,body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner .pb-stk{display:none!important}body[data-page=landing] .pbanner .pb-tx .lead,body[data-page=theme] .pbanner .pb-tx .lead{display:none!important}body[data-page=business] .pbanner .pb-tx .lead{display:block!important;margin:6px 0 0!important;font-size:15px!important;color:#5e554b!important}body[data-page=landing] .pbanner~section .thd,body[data-page=theme] .pbanner~section .thd{display:none!important}body[data-page=landing] .pbanner+section,body[data-page=theme] .pbanner+section{padding-top:2px!important;margin-top:0!important}body[data-page=business] .pbanner+section{padding-top:16px!important}body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner~section .thd+.sub{margin:4px 0 10px!important;font-size:15px!important}body:is([data-page=landing],[data-page=theme],[data-page=business]) .pbanner{margin-bottom:0!important;padding-bottom:0!important}}@media(max-width:1023px){body:is([data-page=ideas],[data-page=keepsakes],[data-page=bf],[data-page=ai]) .pbanner .pb-tx{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;padding:14px 20px 2px!important;display:block!important;align-self:stretch!important;box-sizing:border-box!important;text-align:left!important}body:is([data-page=ideas],[data-page=keepsakes],[data-page=bf],[data-page=ai]) .pbanner .pb-tx>.sticker{display:inline-block!important;font-size:12.5px!important;padding:2px 9px!important;margin:0 0 6px!important}body:is([data-page=ideas],[data-page=keepsakes],[data-page=bf],[data-page=ai]) .pbanner .pb-tx h1.pt{display:block!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.035em!important;margin:0!important;white-space:normal!important}body:is([data-page=ideas],[data-page=keepsakes],[data-page=bf],[data-page=ai]) .pbanner .pb-tx .lead{margin:8px 0 0!important;font-size:15px!important;font-weight:500!important;line-height:1.45!important;color:#5e554b!important;justify-content:flex-start}body:is([data-page=ideas],[data-page=keepsakes],[data-page=bf],[data-page=ai]) .pbanner .pb-stk{display:none!important}}@media(min-width:1024px){.pbanner:not(.no-pic){container-type:inline-size}.pbanner:not(.no-pic) .pb-tx>*:not(.pbbtns){max-width:calc(38cqw - ((100cqw - min(1320px,100cqw - 2 * var(--gut,40px)))/2))}.pbanner:not(.no-pic) h1.pt{white-space:normal;text-wrap:balance;font-size:clamp(36px,3.9cqw,64px)}.pbanner:not(.no-pic) .lead{font-size:clamp(15px,1.3cqw,20px)}.pbanner:not(.no-pic) .pb-bg:after{background:linear-gradient(90deg,rgba(var(--pb),.85) 0,rgba(var(--pb),.7) 22%,rgba(var(--pb),.35) 36%,rgba(var(--pb),0) 48%)}}@media(min-width:1024px){.pbanner:not(.no-pic){height:max(420px,min(41.667vw,860px,calc(100vh - 103px)))}@supports (height:100dvh){.pbanner:not(.no-pic){height:max(420px,min(41.667vw,860px,calc(100dvh - 103px)))}}.pbanner:not(.no-pic) .pb-bg img{object-position:100% 70%}}.pbanner.no-pic.pb-hdr{border-bottom:0}@media(min-width:1024px){.pbanner.no-pic.pb-hdr{display:flex;align-items:center;padding:0;height:max(336px,min(33.333vw,688px,calc(80vh - 82px)));background:rgb(var(--pb)) var(--hdr) no-repeat right center/cover}.pbanner.no-pic.pb-hdr .pb-tx>*{max-width:min(520px,40vw)}}@media(max-width:1023px){.pbanner.no-pic.pb-hdr{padding:18px 0 0;background:rgb(var(--pbp,var(--pb)))}.pbanner.no-pic.pb-hdr .pb-tx{padding:0 20px 4px}.pbanner.no-pic.pb-hdr:after{content:"";display:block;margin-top:10px;aspect-ratio:1200/540;max-height:230px;width:100%;background:var(--hdrp) no-repeat 50% 30%/cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 36px);mask-image:linear-gradient(180deg,transparent 0,#000 36px)}}@media(min-width:600px)and (max-width:1023px){.pbanner.no-pic.pb-hdr{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;min-height:max(240px,33.333vw);background:rgb(var(--pb)) var(--hdr) no-repeat right center/cover}.pbanner.no-pic.pb-hdr:after{display:none}.pbanner.no-pic.pb-hdr .pb-tx{padding:0 24px;margin:0;max-width:45%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/np-banner.css.map */