@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Hanken+Grotesk:wght@300;400;500;600&display=swap";:root{--navy:#17263F;--ink:#0C1626;--blue:#3C5A7C;--mist:#AAC0D4;--mist-lt:#CBDAE6;--bone:#F4F1E8;--paper:#FBFAF4;--cloud:#E8EDF1;--cloud-2:#EEF1F4;--pack:#E6E7EA;--soft:rgba(23,38,63,.66);--soft-2:rgba(23,38,63,.42);--psoft:rgba(245,242,236,.76);--hair:rgba(23,38,63,.12);--serif:"EB Garamond",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--r-lg:26px;--r-md:18px;--r-sm:12px;--r-pill:999px;--maxw:1380px;--gut:clamp(18px,3.4vw,46px);--block:clamp(56px,7vw,116px);--ease:cubic-bezier(.22,.61,.36,1);--d-hero:clamp(2.8rem,1.6rem + 5vw,6.4rem);--d1:clamp(2.2rem,1.5rem + 2.6vw,3.8rem);--d2:clamp(1.7rem,1.3rem + 1.8vw,2.7rem)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);font-weight:300;color:var(--navy);background:var(--bone);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}.serif{font-family:var(--serif)}.kick{font-family:var(--sans);font-weight:600;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}.lower{text-transform:lowercase}.d-hero{font-family:var(--serif);font-weight:500;font-size:var(--d-hero);line-height:.98;letter-spacing:-.02em}.d1{font-family:var(--serif);font-weight:500;font-size:var(--d1);line-height:1.02;letter-spacing:-.015em}.d2{font-family:var(--serif);font-weight:500;font-size:var(--d2);line-height:1.08;letter-spacing:-.01em}.lead{font-size:clamp(1.02rem,.98rem + .2vw,1.16rem);color:var(--soft);line-height:1.72;max-width:46ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--sans);font-weight:600;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;border-radius:var(--r-pill);padding:15px 30px;cursor:pointer;transition:.4s var(--ease);border:1px solid var(--navy);color:var(--navy);background:transparent}.btn:hover{background:var(--navy);color:var(--bone);transform:translateY(-1px)}.btn--solid{background:var(--navy);color:var(--bone)}.btn--solid:hover{background:var(--ink)}.btn--light{border-color:var(--bone);color:var(--bone)}.btn--light:hover{background:var(--bone);color:var(--navy)}.btn--block{width:100%}.btn--lg{padding:18px 34px;font-size:.76rem}.btn svg{width:15px;height:15px}.rate{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:var(--soft)}.rate .stars{color:var(--blue);letter-spacing:1px;font-size:.82rem}.annc{background:var(--ink);color:var(--psoft);text-align:center;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;padding:11px}.nav{position:sticky;top:14px;z-index:60;padding:0 var(--gut);margin-top:14px}.nav__pill{max-width:1200px;margin:0 auto;background:var(--navy);color:var(--bone);border-radius:var(--r-pill);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px 12px 28px;box-shadow:0 14px 40px #0c162638}.nav__links{display:flex;gap:26px;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--psoft)}.nav__links a{position:relative;padding:4px 0;transition:color .3s var(--ease)}.nav__links a:hover{color:var(--bone)}.nav__links a:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--mist);transition:right .35s var(--ease)}.nav__links a:hover:after{right:0}.logo{justify-self:center;text-align:center;line-height:.78;transform:translateY(5px)}.logo .w{font-family:var(--serif);font-weight:600;font-size:1.5rem;letter-spacing:.012em;color:var(--bone);display:block}.logo .r{font-family:var(--serif);font-weight:600;font-size:1.5rem;letter-spacing:.012em;color:var(--mist);display:block;transform:scaleY(-1);opacity:.55;height:.5em;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000,transparent 70%);mask-image:linear-gradient(to top,#000,transparent 70%);margin-top:1px}.nav__act{justify-self:end;display:flex;align-items:center;gap:16px;color:var(--psoft)}.nav__act button{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;transition:color .3s var(--ease)}.nav__act button:hover{color:var(--bone)}.nav__act svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}.nav__bag{position:relative}.nav__bag .count{position:absolute;top:-6px;right:-9px;background:var(--mist);color:var(--navy);font-size:.58rem;font-weight:600;min-width:15px;height:15px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}.pcard{position:relative;transition:transform .5s var(--ease)}.pcard:hover{transform:translateY(-4px)}.pcard__media{position:relative;aspect-ratio:3/4;background:var(--pack);border-radius:var(--r-lg);overflow:hidden}.pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.pcard:hover .pcard__media img{transform:scale(1.04)}.pcard__word{position:absolute;top:20px;left:22px;font-family:var(--serif);font-weight:500;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);line-height:1;color:var(--navy);text-transform:lowercase;z-index:1}.pcard__badge{position:absolute;top:20px;right:20px;z-index:1;font-family:var(--sans);font-weight:600;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);background:#fbfaf4d1;border-radius:var(--r-pill);padding:6px 12px}.pcard__add{position:absolute;left:16px;right:16px;bottom:16px;opacity:0;transform:translateY(8px);transition:.35s var(--ease)}.pcard__media:hover .pcard__add,.pcard:focus-within .pcard__add{opacity:1;transform:none}.pcard__info{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:16px}.pcard__nm{font-family:var(--sans);font-weight:600;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.pcard__desc{font-size:.84rem;color:var(--soft);margin-top:3px}.pcard__price{font-weight:500;font-size:.94rem;white-space:nowrap}.pcard .rate{margin-top:9px}.sec{padding:var(--block) 0}.sec__h{text-align:center;margin-bottom:clamp(34px,4vw,58px)}.sec__h .kick{display:block;margin-bottom:14px}.sec__h h2{font-family:var(--serif);font-weight:500;font-size:var(--d2)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,28px)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,1.8vw,28px)}.rev{opacity:0;transform:translateY(16px)}.rev.in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}@media(max-width:880px){.grid-3{grid-template-columns:1fr}.nav__links,.nav__act .lbl{display:none}.nav__pill{grid-template-columns:auto 1fr auto;padding:12px 18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/portrelle-quiet.css.map */