.shades-grid{position:relative;isolation:isolate;overflow:hidden;padding:var(--shades-section-padding-top) 0 var(--shades-section-padding-bottom);background:radial-gradient(circle at 18% 10%,rgba(235,207,163,.3),transparent 25%),radial-gradient(circle at 86% 16%,rgba(235,199,171,.25),transparent 28%),var(--shades-section-bg-color)}.shades-grid__ambient{position:absolute;z-index:-1;width:32rem;aspect-ratio:1;border-radius:50%;filter:blur(28px);opacity:.28;pointer-events:none}.shades-grid__ambient--left{top:-19rem;left:-15rem;background:#e5c18b}.shades-grid__ambient--right{top:-19rem;right:-15rem;background:#ead0ae}.shades-grid__container{width:min(100%,1400px,var(--shades-container-width));margin-inline:auto;padding-inline:clamp(18px,3vw,48px)}.shades-grid__header{margin-bottom:clamp(22px,2.4vw,30px);text-align:center}.shades-grid__love-line,.shades-grid__mini-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#bd8735}.shades-grid__love-line{width:min(350px,42vw);margin:0 auto 9px}.shades-grid__love-line span,.shades-grid__mini-divider:before,.shades-grid__mini-divider:after{width:100%;height:1px;background:linear-gradient(90deg,transparent,currentColor);content:""}.shades-grid__love-line span:last-child,.shades-grid__mini-divider:after{transform:scaleX(-1)}.shades-grid__love-line b{font-family:serif;font-size:36px;font-weight:400;line-height:1}.shades-grid__heading{margin:0;font-family:var(--font-heading-family);font-size:var(--shades-heading-size);font-weight:400;letter-spacing:-.045em;line-height:.95}.shades-grid__heading-highlight{color:var(--shades-heading-highlight-color)}.shades-grid__heading-dark{color:#171717}.shades-grid__heading-love{color:var(--shades-heading-color)}.shades-grid__mini-divider{width:145px;margin:13px auto 6px;gap:8px}.shades-grid__mini-divider span{font-size:20px;line-height:1}.shades-grid__subtitle{margin:0;color:#505157;font-size:clamp(14px,1.35vw,18px);line-height:1.4}.shades-grid__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--shades-card-gap)}.shades-grid__card{--shade-accent: #bd852b;--shade-soft: #fff9ef;--shade-shadow: #d59b3c;min-width:0;overflow:hidden;border:1px solid rgba(91,69,44,.08);border-radius:min(var(--shades-card-radius),18px);background:var(--shade-soft);box-shadow:0 7px 14px #3a2b1e1a,0 7px 0 -2px var(--shade-shadow);color:var(--shade-accent)}.shades-grid__card--2{--shade-accent: #89898b;--shade-soft: #f8f7f6;--shade-shadow: #aaa9a8}.shades-grid__card--3{--shade-accent: #c85e4f;--shade-soft: #fff5f2;--shade-shadow: #d97d70}.shades-grid__card--4{--shade-accent: #174f88;--shade-soft: #f3f8fc;--shade-shadow: #3d73aa}.shades-grid__card-link{display:block;height:100%;color:inherit;text-decoration:none}.shades-grid__card-link:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.shades-grid__media{position:relative;aspect-ratio:1 / .9;overflow:hidden;background:var(--shade-soft)}.shades-grid__image,.shades-grid__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.shades-grid__placeholder{padding:20%;fill:currentColor;opacity:.2}.shades-grid__body{position:relative;display:flex;min-height:184px;align-items:center;flex-direction:column;margin-top:-24px;padding:47px 16px 20px;border-radius:50% 50% 0 0/27px 27px 0 0;background:linear-gradient(155deg,#fff 0%,var(--shade-soft) 100%);text-align:center}.shades-grid__body:before{position:absolute;inset:0 0 auto;height:34px;border-top:1px solid rgba(255,255,255,.95);border-radius:50% 50% 0 0/34px 34px 0 0;content:""}.shades-grid__medallion{position:absolute;z-index:1;top:6px;left:50%;display:grid;width:54px;height:54px;place-items:center;border:4px solid color-mix(in srgb,var(--shade-accent) 24%,white);border-radius:50%;background:#fff;box-shadow:0 0 0 1px #ffffffe6;font-family:serif;font-size:27px;line-height:1;transform:translate(-50%,-50%)}.shades-grid__title{margin:0 0 6px;font-family:var(--font-heading-family);font-size:clamp(19px,1.65vw,24px);font-weight:400;letter-spacing:.005em;line-height:1.1;text-transform:uppercase}.shades-grid__title-divider{display:flex;width:66px;align-items:center;gap:6px;margin-bottom:10px;font-size:8px}.shades-grid__title-divider i{width:100%;height:1px;background:currentColor}.shades-grid__description{margin:0;color:#45464a;font-size:clamp(13px,1.05vw,15px);line-height:1.42}.shades-grid__footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:clamp(24px,3vw,36px);color:#525359;font-size:clamp(13px,1.1vw,16px);text-align:center}.shades-grid__footer-copy p{margin:0}.shades-grid__footer em{color:#d16359;font-style:normal}.shades-grid__footer-ornament{color:#bd8735;white-space:nowrap}@media(hover:hover)and (pointer:fine){.shades-grid__card:hover .shades-grid__image{transform:scale(1.035)}}@media screen and (max-width:989px){.shades-grid__cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}}@media screen and (max-width:749px){.shades-grid{padding-top:var(--shades-section-padding-top)}.shades-grid__container{padding-inline:14px}.shades-grid__header{margin-bottom:24px}.shades-grid__love-line{width:175px;margin-bottom:7px}.shades-grid__love-line b{font-size:25px}.shades-grid__heading{font-size:clamp(34px,10vw,46px)}.shades-grid__mini-divider{width:105px;margin-top:11px}.shades-grid__mini-divider span{font-size:15px}.shades-grid__subtitle{max-width:310px;margin-inline:auto;font-size:13px}.shades-grid__cards{display:flex;width:100%;min-width:0;flex-direction:column;gap:12px;overflow:hidden}.shades-grid__card{position:relative;width:100%;min-width:0;height:148px;max-width:100%;border-radius:12px;background:#fff;box-shadow:0 7px 20px #45311f1a}.shades-grid__card-link,.shades-grid__card:not(:has(.shades-grid__card-link)){display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,42%) minmax(0,58%)}.shades-grid__card-link{height:148px}.shades-grid__media{width:100%;min-width:0;height:100%;min-height:0;aspect-ratio:auto;border-radius:11px 0 0 11px}.shades-grid__media:after{position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--shade-accent) 18%,transparent),transparent);content:""}.shades-grid__body{position:relative;display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:9px;min-width:0;width:100%;height:148px;min-height:0;overflow:hidden;align-content:center;align-items:center;margin:0;padding:18px 42px 18px 13px;border-radius:0;background:linear-gradient(135deg,#fff 25%,var(--shade-soft));text-align:left}.shades-grid__body:before{display:none}.shades-grid__medallion{position:static;grid-column:1;grid-row:1;width:31px;height:31px;border-width:2px;font-size:17px;transform:none}.shades-grid__title{grid-column:2;grid-row:1;align-self:center;max-width:100%;margin:0 0 7px;font-size:clamp(15px,4.6vw,20px);line-height:1.05;overflow-wrap:anywhere}.shades-grid__title-divider{grid-column:2;grid-row:2;width:30px;margin-bottom:8px;font-size:0}.shades-grid__title-divider i:first-child{display:block}.shades-grid__title-divider i:last-child{display:none}.shades-grid__description{grid-column:2;grid-row:3;width:100%;max-width:100%;color:#4d4e53;font-size:clamp(10.5px,3vw,12px);line-height:1.4}.shades-grid__card:after{position:absolute;top:50%;right:10px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--shade-accent) 8%,white);color:var(--shade-accent);content:"\203a";font-family:Arial,sans-serif;font-size:24px;font-weight:300;line-height:1;transform:translateY(-50%);pointer-events:none}.shades-grid__footer{gap:10px;margin-top:26px;font-size:11.5px}.shades-grid__footer-copy{max-width:215px}.shades-grid__footer-ornament{font-size:10px}}@media screen and (max-width:374px){.shades-grid__container{padding-inline:9px}.shades-grid__card,.shades-grid__card-link,.shades-grid__body{height:138px}.shades-grid__body{grid-template-columns:28px minmax(0,1fr);column-gap:6px;padding-right:34px;padding-left:9px}.shades-grid__medallion{width:28px;height:28px;font-size:15px}.shades-grid__title{font-size:14px}.shades-grid__description{font-size:10px}.shades-grid__card:after{right:6px;width:28px;height:28px;font-size:21px}.shades-grid__footer-ornament{display:none}}@media(prefers-reduced-motion:reduce){.shades-grid__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shapes-of-colour.css.map */