/* Portfolio identity 2026-10-22: Voerjia. Kept separate so the original commerce system remains recoverable. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--pf-primary:#344b38;--pf-accent:#d49b32;--pf-ink:#172019;--pf-bg:#f1ede4;--pf-soft:#d9dfd5;--pf-head:"Barlow Condensed",Georgia,serif;--pf-body:"Inter",system-ui,sans-serif;}
html{overflow-x:clip} body.portfolio-brand{font-family:var(--pf-body);color:var(--pf-ink);background:var(--pf-bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
body.portfolio-brand h1,body.portfolio-brand h2,body.portfolio-brand h3,body.portfolio-brand .lfw-logo{font-family:var(--pf-head);color:var(--pf-ink)}
body.portfolio-brand :is(header,.lfw-header,.site-header){border-color:color-mix(in srgb,var(--pf-ink) 13%,transparent);background:color-mix(in srgb,var(--pf-bg) 94%,transparent);backdrop-filter:blur(16px)}
body.portfolio-brand :is(.lfw-logo,.site-logo,.brand-logo){letter-spacing:.02em} body.portfolio-brand :is(.lfw-logo,.site-logo,.brand-logo)::before{content:"V";display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--pf-ink);color:var(--pf-bg);font:800 18px/1 var(--pf-body);box-shadow:inset 0 -3px 0 var(--pf-accent)}
body.portfolio-brand :is(.lfw-btn,.btn,.button,button[type=submit]){border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
body.portfolio-brand :is(.lfw-btn,.btn-primary,.button--primary,button[type=submit]){background:var(--pf-primary);border-color:var(--pf-primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--pf-primary) 25%,transparent)}
body.portfolio-brand :is(.lfw-btn,.btn-primary,.button--primary,button[type=submit]):hover{transform:translateY(-2px);background:var(--pf-ink)}
body.portfolio-brand :is(.lfw-hero,.hero,.home-hero){background:linear-gradient(135deg,var(--pf-bg),color-mix(in srgb,var(--pf-soft) 66%,var(--pf-bg)));border-color:color-mix(in srgb,var(--pf-ink) 12%,transparent)}
body.portfolio-brand :is(.lfw-hero img,.hero img,.home-hero img){object-fit:cover;width:100%;height:100%;filter:saturate(.94) contrast(1.03)}
body.portfolio-brand :is(.lfw-pcard,.product-card,.card-product,.product-tile){background:color-mix(in srgb,#fff 88%,var(--pf-bg));border:1px solid color-mix(in srgb,var(--pf-ink) 12%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px color-mix(in srgb,var(--pf-ink) 7%,transparent);transition:transform .25s ease,box-shadow .25s ease}
body.portfolio-brand :is(.lfw-pcard,.product-card,.card-product,.product-tile):hover{transform:translateY(-4px);box-shadow:0 18px 42px color-mix(in srgb,var(--pf-ink) 13%,transparent)}
body.portfolio-brand :is(.lfw-pcard__media,.product-image,.card__media){background:#fff;aspect-ratio:1/1;overflow:hidden} body.portfolio-brand :is(.lfw-pcard__media,.product-image,.card__media) img{width:100%;height:100%;object-fit:contain!important;padding:clamp(8px,1vw,18px)}
.portfolio-intro{margin:clamp(44px,7vw,96px) auto;max-width:1320px;padding:clamp(28px,5vw,72px);background:color-mix(in srgb,var(--pf-primary) 10%,var(--pf-bg));color:var(--pf-ink);border-radius:28px;position:relative;overflow:hidden}
.portfolio-intro::after{content:"V";position:absolute;right:-.04em;bottom:-.28em;font:800 clamp(140px,25vw,360px)/1 var(--pf-head);opacity:.055;color:var(--pf-accent);pointer-events:none}.portfolio-intro__eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--pf-accent)}.portfolio-intro h2{max-width:760px;font-size:clamp(34px,5vw,66px);line-height:1.02;color:inherit!important}.portfolio-intro>p{max-width:700px;font-size:clamp(16px,2vw,20px);opacity:.86}.portfolio-intro__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.portfolio-intro__pillars span{padding:16px 18px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:12px;font-weight:700;background:color-mix(in srgb,var(--pf-bg) 7%,transparent)}
body.variant-editorial .portfolio-intro{border-radius:0;border-left:8px solid var(--pf-accent)}body.variant-studio .portfolio-intro{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pf-primary) 18%,transparent)}body.variant-outdoor .portfolio-intro{background:linear-gradient(120deg,var(--pf-primary),var(--pf-ink));color:#fff}body.variant-cinematic :is(.lfw-section,.section){background:var(--pf-bg)}
@media(max-width:760px){body.portfolio-brand :is(header,.lfw-header,.site-header){min-height:60px}body.portfolio-brand :is(.lfw-hero,.hero,.home-hero){padding-block:24px}body.portfolio-brand :is(.lfw-h1,h1){font-size:clamp(31px,10vw,46px);line-height:1.05}.portfolio-intro{margin:34px 14px;padding:28px 20px;border-radius:18px}.portfolio-intro__pillars{grid-template-columns:1fr}.portfolio-intro__pillars span{min-height:52px;display:flex;align-items:center}body.portfolio-brand :is(.lfw-products-grid,.product-grid,.grid-products){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.portfolio-brand :is(.lfw-pcard,.product-card,.card-product,.product-tile){min-width:0}body.portfolio-brand :is(.lfw-pcard__title,.product-title,.card__heading){font-size:14px;overflow-wrap:anywhere}body.portfolio-brand img{max-width:100%;height:auto}body.portfolio-brand :is(.lfw-pcard__media,.product-image,.card__media) img{height:100%;object-fit:contain!important}.portfolio-intro::after{font-size:180px}}
@media(max-width:390px){body.portfolio-brand :is(.lfw-products-grid,.product-grid,.grid-products){grid-template-columns:1fr}.portfolio-intro{margin-inline:10px}}