.sets-intro{text-align:center;padding:85px 20px 75px;background:radial-gradient(ellipse at 75% 25%,#dcefeb,transparent 65%),linear-gradient(120deg,#fff,#e7f0f5);color:#39777d}.sets-intro h1{font:300 clamp(40px,5vw,70px)/1.15 'Raleway','Manrope',sans-serif;letter-spacing:-2px;margin:25px 0}.sets-intro em{font-style:normal;color:#8b7561}.sets-intro>p:last-child{font-size:14px;line-height:1.8;color:#6c7c75}.sets-section{padding:50px 5% 90px}.sets-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce7e3;padding-bottom:20px}.sets-filters{display:flex;flex-wrap:wrap;gap:6px}.sets-filters button{background:transparent;border:1px solid transparent;padding:11px 18px;color:#39777d;font-size:12px}.sets-filters button.active{background:#397e83;color:#fff}#sets-count{font-size:11px;white-space:nowrap}.sets-help{font-size:11px;line-height:1.7;color:#77867d;margin:20px 0 35px}.sets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px}.set-card{min-width:0;border-bottom:1px solid #dce7e3;padding-bottom:30px}.set-pictures{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(125deg,#f1f6f0,#e9f1ef);gap:5px}.set-pictures a{display:block;min-width:0}.set-pictures img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;mix-blend-mode:multiply}.set-kicker{font-size:9px;letter-spacing:1.4px;margin:22px 0 10px;color:#7e9289}.set-card h2{font:300 30px/1.15 'Raleway','Manrope',sans-serif;letter-spacing:-1px;margin:0 0 12px}.set-description{font-size:12px;line-height:1.6;color:#6e8075;min-height:20px}.set-pieces{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.set-piece label{display:block;font-size:11px;line-height:1.6;margin-bottom:10px}.set-piece label a{text-decoration:underline;text-underline-offset:3px}.set-piece select{padding:11px;border:1px solid #bad0c8;max-width:none;width:100%;font-size:12px;background:#fff;color:#356f73}.set-pieces .piece-price{display:block;font-size:11px;margin:7px 0}.set-total{display:flex;justify-content:space-between;gap:15px;margin-top:24px;font-size:12px}.set-cart{margin-top:17px;min-width:0;width:100%;justify-content:center;background:#397e83;color:#fff;transition:box-shadow .2s}.set-cart:hover,.set-cart:focus-visible{background:#397e83;color:#fff;box-shadow:0 0 22px #4dbbb675}.set-cart[aria-disabled=true]{opacity:.5;pointer-events:none}.set-note{font-size:9px;color:#829087;line-height:1.6;margin:10px 0 0}@media(max-width:760px){.sets-intro{padding:55px 20px}.sets-intro h1{font-size:43px}.sets-section{padding:30px 5% 60px}.sets-grid{grid-template-columns:1fr;gap:40px}.sets-bar{display:block}#sets-count{display:block;margin-top:16px}.sets-filters button{padding:10px 13px}header nav{display:flex;gap:12px}header nav a{display:none}header nav a[href="/matching-sets/"]{display:block;font-size:11px}.set-card h2{font-size:28px}.set-piece select{font-size:16px}}
.set-mode-nav{display:flex;justify-content:center;gap:40px;padding:25px 20px;border-bottom:1px solid #deebe5;font-size:13px}.set-mode-nav a{text-decoration:underline;text-underline-offset:6px}.mix-section{padding:75px 5%;background:linear-gradient(140deg,#fff,#f3f8f5)}.mix-heading{margin-bottom:35px}.mix-heading h2{font:300 clamp(30px,3.7vw,47px)/1.15 'Raleway','Manrope',sans-serif;letter-spacing:-1.5px;margin-bottom:17px}.mix-heading>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#78867f}.mix-builder{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:start}.mix-preview{display:grid;grid-template-columns:1fr 1fr;position:sticky;top:30px;background:linear-gradient(130deg,#e9f2eb,#e6eef3);padding:30px 12px;gap:10px;align-items:center;min-height:470px}.mix-preview figure{margin:0;min-width:0}.mix-preview img{width:100%;aspect-ratio:3/4;object-fit:contain;mix-blend-mode:multiply;display:block}.mix-preview figcaption{text-align:center;font-size:10px;line-height:1.6;margin:16px 8px 0}.mix-plus{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:25px;font-weight:300;color:#7fa09a}.mix-controls fieldset{border:0;border-bottom:1px solid #dce7e3;padding:0 0 23px;margin:0 0 25px;min-width:0}.mix-controls legend{font-size:12px;letter-spacing:1px;padding:0;margin-bottom:18px}.mix-controls label{display:block;font-size:11px;margin-bottom:8px}.mix-controls select{background:white;border:1px solid #b8cfc7;padding:12px;color:#356f73;width:100%;max-width:none;font-size:13px}.mix-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:17px 0}.mix-controls fieldset>a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.mix-summary>div{display:flex;justify-content:space-between;font-size:15px}.mix-summary p{font-size:11px;line-height:1.7;color:#78867f}.mix-cart{display:flex;justify-content:center;width:100%;background:#397e83;color:white;transition:box-shadow .2s;margin-top:15px}.mix-cart:hover,.mix-cart:focus-visible{background:#397e83;color:white;box-shadow:0 0 22px #4dbbb675}.mix-cart[aria-disabled=true]{opacity:.5;pointer-events:none}.mix-reset{border:0;background:none;padding:14px 0;color:#39777d;text-decoration:underline;font-size:11px}.mix-note{font-size:10px;line-height:1.7;color:#829087}.sets-intro{padding-bottom:55px}@media(max-width:760px){.set-mode-nav{gap:25px;font-size:11px}.mix-section{padding:45px 5%}.mix-builder{grid-template-columns:1fr;gap:30px}.mix-preview{position:relative;top:0;min-height:320px;padding:20px 10px}.mix-controls select{font-size:16px}.mix-heading h2{font-size:32px}.mix-heading{margin-bottom:25px}}

@media(max-width:600px){.sets-intro{padding:45px 6% 35px}.sets-intro h1{font-size:39px;line-height:1.15;letter-spacing:-1.2px}.set-mode-nav{gap:20px;padding:16px 5%;font-size:13px;flex-wrap:wrap}.set-mode-nav a{min-height:44px;display:flex;align-items:center}.mix-section{padding:35px 5%}.mix-heading h2{font-size:32px;letter-spacing:-1px}.mix-heading>p:not(.eyebrow){font-size:14px}.mix-preview{min-height:0;padding:18px 10px}.mix-preview figcaption{font-size:12px}.mix-controls legend{font-size:14px}.mix-controls label{font-size:13px}.mix-controls select{min-height:48px;padding:12px}.mix-controls fieldset>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.mix-summary p{font-size:13px}.mix-cart,.set-cart{min-height:48px;font-size:14px}.mix-reset{min-height:44px;font-size:13px}.mix-note,.set-note,.sets-help{font-size:12px;line-height:1.7}.sets-filters{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding:3px 0 10px}.sets-filters button{min-height:44px;flex-shrink:0;font-size:12px}.set-description{font-size:14px}.set-piece label,.set-pieces .piece-price{font-size:13px}.set-piece select{min-height:48px}.sets-grid{gap:35px}.set-card h2{font-size:29px}.set-total{font-size:14px}.mix-options{gap:12px}.mix-builder{gap:25px}}

.sets-intro,.mix-section,.sets-section,.set-mode-nav{background:var(--surface-soft)}.set-pictures,.mix-preview{background:var(--surface-card)}

.mix-campaign-banner{margin:0;padding:0;background:var(--surface-mint,#edf6f1)}.mix-campaign-banner img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#dce6e5}.mix-campaign-banner figcaption{text-align:center;padding:20px 5%;font-size:10px;letter-spacing:2px;color:#255e63;background:var(--surface-soft)}
@media(max-width:600px){.mix-campaign-banner img{max-height:none;object-fit:contain}.mix-campaign-banner figcaption{font-size:8px;letter-spacing:1.5px;padding:16px 5%}}

/* Campaign photo and introduction become one hero. */
.sets-intro.sets-photo-hero{position:relative;min-height:620px;height:clamp(560px,59vw,790px);padding:0!important;display:flex;align-items:flex-end;text-align:left;isolation:isolate;overflow:hidden}.sets-hero-image{position:absolute;inset:0;z-index:-3}.sets-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.sets-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(5,20,25,.78),rgba(5,20,25,.2) 50%,rgba(5,20,25,.06))}.sets-hero-content{position:relative;width:100%;padding:55px 6%;color:#fff}.sets-photo-hero .eyebrow{color:#fff}.sets-photo-hero h1{font-size:clamp(42px,5.3vw,76px);color:#fff;max-width:850px;margin:20px 0 22px;line-height:1.05;letter-spacing:-1.8px}.sets-photo-hero h1 em,.sets-photo-hero h1 span{color:#d6eeea}.sets-photo-hero .sets-intro-bottom{justify-content:flex-start;color:#fff}.sets-photo-hero p,.sets-photo-hero .sets-intro-copy{color:#fff;text-shadow:0 1px 15px #0005}.sets-photo-hero .sets-intro-copy{font-size:15px;line-height:1.7}.sets-photo-hero a{color:white}.set-mode-nav{margin:0}
@media(max-width:600px){.sets-intro.sets-photo-hero{height:620px;min-height:0}.sets-hero-image img{object-fit:cover;object-position:center top}.sets-hero-shade{background:linear-gradient(0deg,#051419e6,#05141966 55%,#0514190d)}.sets-hero-content{padding:35px 6%}.sets-photo-hero h1{font-size:40px;margin:18px 0;letter-spacing:-1px}.sets-photo-hero .eyebrow{font-size:8px;letter-spacing:1.6px}.sets-photo-hero p{font-size:13px}.sets-photo-hero .sets-intro-bottom{display:block}}

@media(min-width:601px){.sets-intro.sets-photo-hero{height:auto;aspect-ratio:3/2;min-height:0}.sets-hero-image img{object-position:center;object-fit:cover}}
@media(max-width:600px){.sets-intro.sets-photo-hero{height:430px;background:#173238}.sets-hero-image img{object-fit:contain;object-position:center top}.sets-hero-content{padding:25px 6%}.sets-photo-hero h1{font-size:33px}.sets-hero-shade{background:linear-gradient(0deg,#0a2028 0%,#0a2028e6 20%,#0a202855 62%,transparent 100%)}}