:root{--nn-sand:236,230,216;--nn-stone:247,245,240;--nn-paper:255,255,255;--nn-ease:cubic-bezier(.32,.72,0,1)}body.nn-col{background:rgb(var(--nn-stone))}body.nn-col main a:not([class]){color:rgb(var(--nn-navy));text-underline-offset:3px}.nn-col-wrap{max-width:132rem;margin:0 auto;padding:0 4rem}.nn-col-crumb{display:flex;gap:1.2rem;align-items:center;font:400 1.3rem/1 var(--font-body-family);color:rgba(var(--nn-ink),.62);padding:12.5rem 0 3rem}.nn-col-crumb a{color:inherit;text-decoration:none}.nn-col-crumb span[aria-hidden]{opacity:.4}.nn-col-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,40rem);gap:6rem;align-items:end;padding-bottom:4rem}.nn-col-head h1{font:400 clamp(4.4rem,5.8vw,7.6rem)/1.02 var(--nn-serif);letter-spacing:-.012em;color:rgb(var(--nn-navy));margin:0 0 1.6rem}.nn-col-head .nn-col-claim{font:400 1.75rem/1.5 var(--font-body-family);color:rgb(var(--nn-ink));max-width:46ch;margin:0 0 1rem}.nn-col-head .nn-col-claim em{font-style:normal;color:rgb(var(--nn-navy))}.nn-col-head .nn-col-note{font:400 1.4rem/1.55 var(--font-body-family);color:rgba(var(--nn-ink),.6);max-width:52ch;margin:0}.nn-col-count{font:400 1.3rem/1 var(--font-body-family);color:rgba(var(--nn-ink),.62);text-align:right}.nn-start{display:grid;grid-template-columns:18rem minmax(0,1fr) auto;gap:3rem;align-items:center;padding:2.4rem 2.8rem 2.4rem 2rem;border-radius:2.2rem;background:rgb(var(--nn-sand));margin:0 0 5rem}.nn-start figure{margin:0;height:16rem;position:relative}.nn-start img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.nn-start .nn-eyebrow{margin-bottom:1rem}.nn-start h2{font:400 2.8rem/1.15 var(--nn-serif);color:rgb(var(--nn-navy));margin:0 0 .8rem}.nn-start p{margin:0;font:400 1.45rem/1.55 var(--font-body-family);color:rgba(var(--nn-ink),.68);max-width:58ch}.nn-start__price{text-align:right;font:400 2.2rem/1 var(--nn-serif);color:rgb(var(--nn-navy))}.nn-start__price small{display:block;margin:.5rem 0 1.4rem;font:400 1.25rem/1.3 var(--font-body-family);color:rgba(var(--nn-ink),.62)}.nn-narrow{position:sticky;top:8.6rem;z-index:5;display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap;padding:1.2rem 0;margin:0 0 3rem;background:linear-gradient(rgb(var(--nn-stone)) 80%,rgba(var(--nn-stone),0))}.nn-narrow__group{display:flex;align-items:center;gap:.6rem;min-width:0}.nn-narrow__label{font:500 1.2rem/1 var(--font-body-family);color:rgba(var(--nn-ink),.62);margin-right:.4rem}.nn-chip{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:.9rem 1.3rem;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px rgba(var(--nn-ink),.16);color:rgb(var(--nn-ink));font:500 1.3rem/1 var(--font-body-family);white-space:nowrap;display:inline-flex;gap:.6rem;align-items:baseline;transition:background-color .5s var(--nn-ease),color .5s var(--nn-ease),box-shadow .5s var(--nn-ease)}.nn-chip small{font-weight:400;color:rgba(var(--nn-ink),.62);font-size:1.15rem}.nn-chip[aria-pressed=true]{background:rgb(var(--nn-navy));color:#fff;box-shadow:inset 0 0 0 1px rgb(var(--nn-navy))}.nn-chip[aria-pressed=true] small{color:#ffffffb3}.nn-narrow__sort{margin-left:auto;display:flex;align-items:center;gap:.8rem;font:400 1.3rem/1 var(--font-body-family);color:rgba(var(--nn-ink),.62)}.nn-narrow__sort select{-webkit-appearance:none;appearance:none;border:0;background:transparent;font:500 1.3rem/1 var(--font-body-family);color:rgb(var(--nn-navy));padding:.6rem 2.2rem .6rem .4rem;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23114866' stroke-width='1.5' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right center;background-size:1.4rem}.nn-form-group{margin:0 0 5.5rem}.nn-form-group__head{display:flex;align-items:baseline;gap:1.6rem;margin:0 0 2rem;padding-top:1rem}.nn-form-group__head h2{font:400 3rem/1.1 var(--nn-serif);color:rgb(var(--nn-navy));margin:0}.nn-form-group__head p{margin:0;font:400 1.4rem/1.4 var(--font-body-family);color:rgba(var(--nn-ink),.62)}.nn-form-group[hidden]{display:none}.nn-col .nn-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.nn-col .nn-card{background:rgb(var(--nn-paper));border-radius:2rem;box-shadow:0 0 0 1px rgba(var(--nn-ink),.06);overflow:hidden;display:flex;flex-direction:column}.nn-col .nn-card__media{display:block;position:relative;aspect-ratio:1/.95;background:rgb(var(--nn-sand));overflow:hidden}.nn-col .nn-card__media img{position:absolute;left:50%;top:50%;width:auto;height:72%;max-width:60%;transform:translate(-50%,-50%);object-fit:contain;mix-blend-mode:multiply}.nn-col .nn-card__body{padding:1.6rem 1.8rem 1.8rem;display:grid;gap:.4rem;position:relative;flex:1}.nn-col .nn-card__cat{margin:0;font:400 1.15rem/1.3 var(--font-body-family);color:rgba(var(--nn-ink),.62)}.nn-col .nn-card__name{margin:0;font:400 1.9rem/1.2 var(--nn-serif);color:rgb(var(--nn-navy))}.nn-col .nn-card__name a{color:inherit;text-decoration:none}.nn-col .nn-card__meta{margin:.2rem 0 0;font:400 1.35rem/1.3 var(--font-body-family);color:rgba(var(--nn-ink),.6)}.nn-col .nn-card__meta b{font:400 1.7rem/1 var(--nn-serif);color:rgb(var(--nn-navy));margin-right:.5rem}.nn-col .nn-card__nutrient{margin:.6rem 0 0;display:inline-flex;justify-self:start;width:max-content;padding:.5rem .9rem;border-radius:999px;background:rgba(var(--nn-sand),.7);font:500 1.1rem/1 var(--font-body-family);color:rgb(var(--nn-navy))}.nn-col .nn-card__days{margin:.4rem 0 0;font:400 1.25rem/1.4 var(--font-body-family);color:rgba(var(--nn-ink),.62)}.nn-col .nn-card__add{position:absolute;right:1.6rem;bottom:1.6rem;width:4rem;height:4rem;border-radius:50%;border:0;background:rgb(var(--nn-navy));color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .5s var(--nn-ease)}.nn-col .nn-card__add:hover{transform:translateY(-2px) scale(1.04)}.nn-col .nn-card__add svg{width:1.7rem;height:1.7rem}.nn-col .nn-badge{position:absolute;left:1.4rem;top:1.4rem;padding:.5rem .9rem;border-radius:999px;background:#fffc;font:500 1.05rem/1 var(--font-body-family);color:rgb(var(--nn-navy))}.nn-col-more{display:flex;justify-content:center;margin:1rem 0 0}.nn-col-foot{border-top:1px solid rgba(var(--nn-ink),.1);padding:5rem 0 7rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.nn-col-foot a{display:block;padding:2.4rem 2.6rem;border-radius:2rem;background:rgba(var(--nn-sand),.5);text-decoration:none;color:rgb(var(--nn-ink));transition:background-color .5s var(--nn-ease)}.nn-col-foot a:hover{background:rgb(var(--nn-sand))}.nn-col-foot b{display:block;font:400 2.2rem/1.15 var(--nn-serif);color:rgb(var(--nn-navy));margin-bottom:.6rem}.nn-col-foot span{font:400 1.35rem/1.5 var(--font-body-family);color:rgba(var(--nn-ink),.62)}@media(max-width:989px){.nn-col-wrap{padding:0 2rem}.nn-col-crumb{padding:2rem 0 1.6rem}.nn-col-head{grid-template-columns:1fr;gap:1.6rem;padding-bottom:2.6rem}.nn-col-head h1{font-size:4.4rem}.nn-col-count{text-align:left}.nn-start{grid-template-columns:10rem minmax(0,1fr);gap:1.6rem;padding:1.8rem}.nn-start figure{height:11rem}.nn-start__price{grid-column:2;text-align:left}.nn-narrow{top:0;gap:1rem;position:static}.nn-narrow__group{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.4rem;max-width:100%}.nn-narrow__sort{margin-left:0}.nn-col .nn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.nn-col .nn-card__body{padding:1.2rem 1.3rem 1.4rem}.nn-col .nn-card__name{font-size:1.7rem}.nn-col .nn-card__add{right:1.2rem;bottom:1.2rem;width:3.6rem;height:3.6rem}.nn-col-foot{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.nn-col *{transition:none!important}}.nn-col .nn-card[data-liquid=water]{--liq:214,226,232}.nn-col .nn-card[data-liquid=gold]{--liq:236,214,160}.nn-col .nn-card[data-liquid=green]{--liq:206,220,196}.nn-col .nn-card[data-liquid=amber]{--liq:234,198,150}.nn-col .nn-card__media{transition:background-color .9s var(--nn-ease)}.nn-col .nn-card__media img{transition:transform .8s var(--nn-ease)}.nn-col .nn-card:hover .nn-card__media,.nn-col .nn-card.is-wave .nn-card__media{background-color:rgb(var(--liq))}.nn-col .nn-card:hover .nn-card__media img,.nn-col .nn-card.is-wave .nn-card__media img{transform:translate(-50%,-52%) scale(1.04)}.nn-col .nn-card{transition:box-shadow .6s var(--nn-ease),transform .6s var(--nn-ease)}.nn-col .nn-card:hover,.nn-col .nn-card.is-wave{box-shadow:0 0 0 1px rgba(var(--nn-ink),.06),0 30px 50px -36px rgba(var(--nn-navy),.45);transform:translateY(-3px)}@media(prefers-reduced-motion:reduce){.nn-col .nn-card__media,.nn-col .nn-card__media img,.nn-col .nn-card{transition:none!important}.nn-col .nn-card:hover .nn-card__media img{transform:translate(-50%,-50%)}}.nn-col .nn-card__cat{font-size:1.2rem}.nn-col .nn-badge{background:rgb(var(--nn-navy));color:#fff}.nn-col .nn-card__media img,.nn-start img{mix-blend-mode:normal;filter:drop-shadow(0 0 6px rgba(255,255,255,.75))}@media screen and (min-width:990px){.nn-narrow{top:-1px;padding:2rem 0 1.8rem;margin-bottom:3.2rem;gap:3.2rem;background:rgb(var(--color-background, 255,255,255));box-shadow:0 0 0 100vmax rgb(var(--color-background, 255,255,255));clip-path:inset(0 -100vmax);transition:padding .4s cubic-bezier(.32,.72,0,1)}.nn-narrow.is-stuck{padding:1.6rem 0 1.4rem;clip-path:inset(0 -100vmax -1px);box-shadow:0 0 0 100vmax rgb(var(--color-background, 255,255,255)),0 1px 0 100vmax rgba(var(--nn-ink),.08)}.nn-narrow__group{gap:.8rem}.nn-narrow__label{margin-right:.8rem}}@media(prefers-reduced-motion:reduce){.nn-narrow{transition:none}}.nn-col .nn-card__media img.is-cut{top:auto;bottom:3%;width:auto;height:88%;max-width:none;aspect-ratio:1;transform:translate(-50%)}.nn-col .nn-card:hover .nn-card__media img.is-cut,.nn-col .nn-card.is-wave .nn-card__media img.is-cut{transform:translate(-50%) translateY(-1%) scale(1.03)}@media(prefers-reduced-motion:reduce){.nn-col .nn-card:hover .nn-card__media img.is-cut{transform:translate(-50%)}}.nn-col .nn-grid--flow{margin-top:2.4rem}.nn-col .nn-card[hidden]{display:none!important}.nn-col-empty{margin:3.2rem 0;font-size:1.5rem;color:rgba(var(--nn-ink),.75)}.nn-linkbtn{-webkit-appearance:none;appearance:none;border:0;background:none;padding:0;font:inherit;color:rgb(var(--nn-navy));text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/9/assets/nn-collection.css.map */