.wpf button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;min-width:0;width:auto;box-shadow:none;letter-spacing:inherit;text-transform:none;white-space:normal;cursor:pointer}.wpf .btn{letter-spacing:.04em;padding:0 28px}.wpf .btn.w{background:#fff;color:#000;border:1px solid #fff}.wpf [role=button]{cursor:pointer}.wpf [role=button]:focus-visible,.wpf button:focus-visible{outline:2px solid #000;outline-offset:3px}.wpf .pffb [role=button]:focus-visible,.wpf .pffb button:focus-visible{outline-color:#fff}.wpf img{display:block;max-width:100%}.wpf .pfh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end;padding:64px 0 40px}.wpf h1{font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1}.wpf .pfbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #000;border-bottom:1px solid var(--line);padding:12px 0}.wpf .pfin,.wpf .pfin p{color:#333;font-size:16px;line-height:1.6;max-width:600px;margin:0}.wpf .pfch{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}.wpf .pfch::-webkit-scrollbar{display:none}.wpf .pfch button{display:inline-flex;align-items:center;gap:10px;height:44px!important;padding:0 18px;border:1px solid #000;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;flex:none;transition:background .2s,color .2s}.wpf .pfch button i{font-style:normal;color:var(--mid);letter-spacing:0}.wpf .pfch button.on{background:#000;color:#fff}.wpf .pfch button.on i{color:#bbb}.wpf .pfch button:not(.on):hover{background:var(--soft)}.wpf .pfct{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);white-space:nowrap}.wpf .pfl{padding-top:32px;display:grid;gap:32px}.wpf .pfr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);height:min(560px,72vh);min-height:460px}.wpf .pfr.rev{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.wpf .pfr.rev .pffm{order:2}.wpf .pffm{position:relative;overflow:hidden;background:var(--soft);height:100%}.wpf .pffm img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.6,.2,1),opacity .5s}.wpf .pffm:hover img{transform:scale(1.03)}.wpf .pffb{background:#000;color:#fff;padding:40px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.wpf .pffb .ey{color:#bbb}.wpf .pffb h2{font-size:34px;overflow-wrap:anywhere}.wpf .pffb>*{flex:none}.wpf .pffb dl{margin:20px 0 0;border-top:1px solid #fff}.wpf .pffb dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #444}.wpf .pffb dt{color:#bbb;font-size:13px;flex:none}.wpf .pffb dd{margin:0;text-align:right;font-weight:500;font-size:14px}.wpf .pfth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:auto 0 0;padding-top:24px}.wpf .pfth:empty{display:block!important;padding:0}.wpf .pfth div{aspect-ratio:1;overflow:hidden;background:#222}.wpf .pfth img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .6s}.wpf .pfth div:hover img{opacity:1;transform:scale(1.06)}.wpf .pffb .btn{margin-top:16px;width:100%}.wpf .pfn{position:absolute;left:16px;top:16px;background:#fff;color:#000;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;line-height:1;pointer-events:none}.wpf .is-hid{display:none!important}html.wlb-on{overflow:hidden}.wlb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000;color:#fff;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;font:14px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wlb.on{opacity:1;visibility:visible}.wlb *{box-sizing:border-box;border-radius:0}.wlb button{background:none;border:0;padding:0;margin:0;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:0;box-shadow:none}.wlb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.wlbt{display:flex;align-items:center;gap:16px;padding:8px 8px 8px 24px;border-bottom:1px solid #333;flex:none}.wlbt b{font-weight:700;letter-spacing:-.01em;font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wlbt span{font-size:12px;letter-spacing:.14em;color:#bbb}.wlbt button{width:48px;height:48px!important}.wlbs{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px}.wlbs img{max-width:calc(100% - 144px);max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transition:opacity .2s}.wlbs img.ld{opacity:.3}.wlbn{width:56px;height:56px!important;border:1px solid #555!important;flex:none}.wlbn:hover{border-color:#fff!important}.wlbr{display:flex;gap:6px;overflow-x:auto;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #333;flex:none;scrollbar-width:none}.wlbr::-webkit-scrollbar{display:none}.wlbr button{width:64px;height:48px!important;flex:none;opacity:.45;outline:1px solid transparent;outline-offset:2px;transition:opacity .2s}.wlbr button.on{opacity:1;outline-color:#fff}.wlbr img{width:100%;height:100%;object-fit:cover;display:block}.wpf .band{background:var(--soft);color:#000}.wpf .band p{color:#333}.wpf .band .ey,.wpf .rows small{color:var(--mid)}.wpf .rows{border-top-color:#000}.wpf .rows div{border-bottom-color:var(--line)}.wpf .btn.bo{background:transparent;color:#000;border:1px solid #000}@media(max-width:1000px){.wpf .pfh{grid-template-columns:minmax(0,1fr);gap:20px;padding:40px 0 28px}.wpf h1{font-size:44px}.wpf .pfr,.wpf .pfr.rev{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.wpf .pfr.rev .pffm{order:0}.wpf .pffm{aspect-ratio:4/3;height:auto}.wpf .pffb{padding:28px 20px}.wpf .pffb h2{font-size:30px}}@media(max-width:720px){.wpf h1{font-size:38px}.wpf .pfbar{border-bottom:0;padding:12px 0 0}.wpf .pfct{display:none}.wpf .pfch{margin-right:-20px;padding-right:20px}.wpf .pfl{padding-top:20px;gap:28px}.wpf .pfth{gap:6px}.wlbs{padding:0;position:relative}.wlbs img{max-width:100%}.wlbn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px!important;background:#00000080!important;border-color:transparent!important}.wlbn[data-lb-p]{left:8px}.wlbn[data-lb-n]{right:8px}}@media(prefers-reduced-motion:reduce){.wpf *,.wlb{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/ww-portfolio.css.map */