/* Porcupine Ridge site CSS. Load once, site wide (Elementor > Custom Code > ). Scoped under .pr- classes. */ @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300..800&family=Figtree:wght@400;500;600;700&display=swap'); .pr-h .elementor-heading-title{font-variation-settings:"opsz" 96,"wdth" 90} .pr-outline{-webkit-text-stroke:2px #12293D;color:transparent} .pr-kicker .elementor-heading-title{display:inline-flex;align-items:center;gap:10px} .pr-kicker .elementor-heading-title::before{content:"";width:22px;height:3px;background:currentColor;border-radius:2px;transform:rotate(-30deg)} .pr-btn .elementor-button{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,color .25s} .pr-btn .elementor-button:hover{transform:translateY(-2px)} .pr-btn .elementor-button-icon{transition:transform .25s} .pr-btn .elementor-button:hover .elementor-button-icon{transform:translateX(3px)} /* tapes */ .pr-tape{overflow:hidden;background:#12293D;color:#F2C14E;padding:18px 0} .pr-tape.alt{background:#F2C14E;color:#12293D} .pr-tape-track{display:flex;width:max-content;will-change:transform;animation:pr-tape 32s linear infinite} .pr-tape-track span{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em;display:inline-flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap} .pr-tape-track span svg{width:18px;height:18px;flex:0 0 18px} @keyframes pr-tape{to{transform:translate3d(-50%,0,0)}} /* bottles */ .pr-bottle{width:100%;height:auto;display:block} .pr-wine .pr-bottle-wrap .pr-bottle{width:38%;margin:6px auto 18px;transition:transform .5s cubic-bezier(.2,.8,.2,1)} .pr-wine:hover .pr-bottle{transform:rotate(-4deg) translateY(-6px)} .pr-wine{transition:transform .35s cubic-bezier(.2,.8,.2,1)} .pr-wine-row .pr-bottle{width:120px} .pr-row .pr-bottle{transition:transform .5s cubic-bezier(.2,.8,.2,1)} .pr-row:hover .pr-bottle{transform:rotate(-4deg) translateY(-6px)} .pr-links .elementor-icon-list-text{border-bottom:2px solid currentColor;padding-bottom:2px} .pr-links .elementor-icon-list-item{margin-right:14px} /* hero badge */ .pr-hero .e-con-inner>.e-con:last-child{position:relative} .pr-badge{position:absolute;left:-42px;bottom:60px;width:168px;height:168px;border-radius:50%;background:#F2C14E;color:#12293D;display:grid;place-items:center;box-shadow:0 20px 40px -18px rgba(18,41,61,.5);z-index:2} .pr-badge .pr-spin{width:100%;height:100%;animation:pr-spin 22s linear infinite} .pr-badge .pr-quill{position:absolute;width:44px;height:44px} @keyframes pr-spin{to{transform:rotate(360deg)}} @media (max-width:1024px){.pr-badge{left:auto;right:-10px;bottom:-20px;width:130px;height:130px}} /* filters */ .pr-filters{display:flex;gap:8px;flex-wrap:wrap} .pr-filters button{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15px;padding:10px 18px;border-radius:999px;background:transparent;border:0;box-shadow:inset 0 0 0 2px #12293D;color:#12293D;cursor:pointer;transition:.2s} .pr-filters button[aria-pressed="true"]{background:#12293D;color:#fff} .pr-hidden{display:none!important} /* associations art */ .pr-assoc .elementor-widget-html{position:static} .pr-slice{position:absolute;right:-40px;bottom:-60px;width:min(46%,320px)} .pr-book{position:absolute;right:-20px;bottom:-30px;width:45%;max-width:220px} @media (max-width:1024px){.pr-slice,.pr-book{width:36%}} /* fridge */ .pr-fridge{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px} .pr-fridge .pr-bottle{transition:transform .5s cubic-bezier(.2,.8,.2,1)} .pr-fridge a:hover .pr-bottle{transform:translateY(-8px)} /* about quote */ .pr-quote blockquote{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(26px,2.8vw,40px);letter-spacing:-.03em;line-height:1.05;color:#12293D;margin:34px 0;padding-left:26px;border-left:6px solid #F2C14E;max-width:22ch;font-style:normal} .pr-quote p{margin-bottom:18px} /* contact */ .pr-ic{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center} .pr-ic svg{width:20px;height:20px} /* footer */ .pr-age{display:inline-flex;align-items:center;gap:8px} .pr-age b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px #12293D;font-size:11px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800} .pr-ghost .elementor-heading-title{font-variation-settings:"opsz" 96,"wdth" 88} @media (prefers-reduced-motion:reduce){.pr-tape-track,.pr-badge .pr-spin{animation:none}}