.hr-tile-materials{--blue-tint:var(--hr-blue-50);--mist:color-mix(in srgb,var(--hr-blue) 5%,var(--hr-surface));--cost-off:#cdd3da;background:var(--hr-surface);padding:clamp(36px,5vw,56px) 0}.hr-tile-materials *,.hr-tile-materials :after,.hr-tile-materials :before{box-sizing:border-box}.hr-tile-materials__container{margin:0 auto;max-width:1160px;padding:0 clamp(20px,4vw,44px)}.hr-tile-materials__sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.hr-tile-materials__head{margin:0 0 clamp(22px,3vw,30px);max-width:800px}.hr-tile-materials__eyebrow{color:var(--hr-blue);font-family:var(--font-display);font-size:var(--fs-eyebrow,13px);font-weight:var(--fw-bold,700);letter-spacing:.14em;margin:0 0 var(--sp-3,12px);text-transform:uppercase}.hr-tile-materials__h2{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(26px,3.1vw,37px);font-weight:var(--fw-extrabold,800);letter-spacing:var(--tracking-tight,-.01em);line-height:1.14;margin:0 0 var(--sp-4,16px)}.hr-tile-materials__accent{color:var(--hr-blue)}.hr-tile-materials__intro p{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,16px);line-height:1.7;margin:0}.hr-tile-materials__selector{align-items:start;display:grid;gap:clamp(16px,2.2vw,24px);grid-template-columns:300px minmax(0,1fr)}.hr-tile-materials__radio{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.hr-tile-materials__rail{border:0;display:flex;flex-direction:column;gap:10px;margin:0;min-width:0;padding:0}.hr-tile-materials__tab{align-items:flex-start;background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-md,12px);cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:border-color .16s var(--ease-out,ease),background-color .16s var(--ease-out,ease),box-shadow .16s var(--ease-out,ease)}.hr-tile-materials__swatch{border-radius:var(--r-sm,8px);box-shadow:inset 0 0 0 1px rgba(8,23,42,.12);flex:0 0 auto;height:34px;width:34px}.hr-tile-materials__tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hr-tile-materials__tab-name{align-items:center;color:var(--hr-text-strong);display:flex;flex-wrap:wrap;font-family:var(--font-display);font-size:14.5px;font-weight:var(--fw-bold,700);gap:6px;line-height:1.2}.hr-tile-materials__tab-desc{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:12.25px;line-height:1.35}.hr-tile-materials__panels{min-width:0}.hr-tile-materials__panel{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-sm,0 4px 14px -8px rgba(8,23,42,.22));display:none;overflow:hidden}.hr-tile-materials__banner{background:var(--hr-navy);height:280px;position:relative}.hr-tile-materials__banner.is-fallback{background-blend-mode:overlay,normal;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 1px,hsla(0,0%,100%,.1) 2px 3px,transparent 4px 44px),linear-gradient(158deg,rgba(15,37,55,.05),rgba(15,37,55,.35))}.hr-tile-materials__banner-img{height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%}.hr-tile-materials__seeded{background:rgba(15,37,55,.62);border-radius:var(--r-pill,999px);color:#fff;font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-semibold,600);left:12px;letter-spacing:.04em;padding:4px 10px;position:absolute;top:12px}.hr-tile-materials__panel-body{padding:clamp(18px,2.4vw,26px)}.hr-tile-materials__title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.hr-tile-materials__panel-title{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(19px,2.2vw,23px);font-weight:var(--fw-extrabold,800);line-height:1.18;margin:0}.hr-tile-materials__subtitle{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:13.5px;line-height:1.45;margin:5px 0 0}.hr-tile-materials__tiles{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(16px,2.2vw,22px) 0}.hr-tile-materials__tile{background:var(--hr-surface);border:1px solid var(--hr-border);border-radius:var(--r-md,12px);display:flex;flex-direction:column;gap:6px;min-width:0;padding:14px}.hr-tile-materials__tile-chip{align-items:center;background:var(--blue-tint);border-radius:var(--r-sm,9px);color:var(--hr-blue);display:inline-flex;height:34px;justify-content:center;width:34px}.hr-tile-materials__tile-chip svg{display:block;height:18px;width:18px}.hr-tile-materials__tile-label{color:var(--hr-blue);font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.1em;text-transform:uppercase}.hr-tile-materials__tile-val{color:var(--hr-text-strong);font-family:var(--font-sans);font-size:13.25px;font-weight:var(--fw-semibold,600);line-height:1.35}.hr-tile-materials__meter{display:inline-flex;gap:1px}.hr-tile-materials__dollar{color:var(--cost-off);font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold,700)}.hr-tile-materials__dollar.is-on{color:var(--hr-blue)}.hr-tile-materials__inline-label{color:var(--hr-blue);display:inline-block;font-family:var(--font-display);font-size:10.5px;font-weight:var(--fw-bold,700);letter-spacing:.1em;margin-right:8px;text-transform:uppercase}.hr-tile-materials__bestfit{color:var(--hr-body);font-family:var(--font-sans);font-size:13.75px;line-height:1.6;margin:0 0 14px}.hr-tile-materials__honest{background:var(--mist);border-left:3px solid var(--hr-blue);border-radius:var(--r-sm,8px);padding:14px 16px}.hr-tile-materials__honest p{color:var(--hr-body);font-family:var(--font-sans);font-size:13.75px;line-height:1.6;margin:4px 0 0}.hr-tile-materials__radio:first-of-type:checked~.hr-tile-materials__panels .hr-tile-materials__panel:first-of-type,.hr-tile-materials__radio:nth-of-type(2):checked~.hr-tile-materials__panels .hr-tile-materials__panel:nth-of-type(2),.hr-tile-materials__radio:nth-of-type(3):checked~.hr-tile-materials__panels .hr-tile-materials__panel:nth-of-type(3),.hr-tile-materials__radio:nth-of-type(4):checked~.hr-tile-materials__panels .hr-tile-materials__panel:nth-of-type(4),.hr-tile-materials__radio:nth-of-type(5):checked~.hr-tile-materials__panels .hr-tile-materials__panel:nth-of-type(5),.hr-tile-materials__radio:nth-of-type(6):checked~.hr-tile-materials__panels .hr-tile-materials__panel:nth-of-type(6){display:block}.hr-tile-materials__radio:first-of-type:checked~.hr-tile-materials__rail .hr-tile-materials__tab:first-of-type,.hr-tile-materials__radio:nth-of-type(2):checked~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(2),.hr-tile-materials__radio:nth-of-type(3):checked~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(3),.hr-tile-materials__radio:nth-of-type(4):checked~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(4),.hr-tile-materials__radio:nth-of-type(5):checked~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(5),.hr-tile-materials__radio:nth-of-type(6):checked~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(6){background:var(--blue-tint);border-color:var(--hr-blue);box-shadow:var(--shadow-xs,0 1px 2px rgba(8,23,42,.05))}.hr-tile-materials__radio:first-of-type:focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:first-of-type,.hr-tile-materials__radio:nth-of-type(2):focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(2),.hr-tile-materials__radio:nth-of-type(3):focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(3),.hr-tile-materials__radio:nth-of-type(4):focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(4),.hr-tile-materials__radio:nth-of-type(5):focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(5),.hr-tile-materials__radio:nth-of-type(6):focus-visible~.hr-tile-materials__rail .hr-tile-materials__tab:nth-of-type(6){box-shadow:var(--shadow-focus,0 0 0 3px var(--hr-blue-50));outline:none}.hr-tile-materials__closer{background:var(--blue-tint);border-radius:var(--r-lg,16px);margin-top:clamp(24px,3.4vw,34px);padding:clamp(18px,2.6vw,26px) clamp(20px,3vw,30px)}.hr-tile-materials__closer-note{min-width:0}.hr-tile-materials__reco-h{color:var(--hr-text-strong);font-family:var(--font-display);font-size:clamp(17px,2vw,20px);font-weight:var(--fw-extrabold,800);line-height:1.2;margin:0 0 8px}.hr-tile-materials__reco-body p{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,15px);line-height:1.6;margin:0}.hr-tile-materials__reco-body strong{color:var(--hr-text-strong);font-weight:var(--fw-bold,700)}.hr-tile-materials__legend{color:var(--hr-text-muted);font-family:var(--font-sans);font-size:var(--fs-small,13px);line-height:1.55;margin:clamp(14px,2vw,18px) 0 0}@media (max-width:900px){.hr-tile-materials__selector{grid-template-columns:minmax(0,1fr)}.hr-tile-materials__rail{flex-direction:row;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.hr-tile-materials__tab{flex:0 0 auto;width:min(72vw,260px)}.hr-tile-materials__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.hr-tile-materials__tab{transition:none!important}}.hr-tile-materials.is-bg-white{background:var(--hr-surface)}.hr-tile-materials.is-bg-soft{background:var(--hr-bg)}.hr-tile-materials.is-bg-blue{background:var(--hr-blue-50)}.hr-tile-materials.is-bg-navy{background:var(--hr-navy);color:#fff;--blue-tint:rgba(121,180,236,.16);--mist:color-mix(in srgb,#fff 8%,var(--hr-navy));--hr-surface:color-mix(in srgb,#fff 9%,var(--hr-navy));--hr-bg:color-mix(in srgb,#fff 6%,var(--hr-navy));--hr-surface-alt:color-mix(in srgb,#fff 13%,var(--hr-navy));--hr-border:hsla(0,0%,100%,.16);--hr-border-strong:hsla(0,0%,100%,.3);--hr-text-strong:#fff;--hr-text:hsla(0,0%,100%,.92);--hr-body:hsla(0,0%,100%,.82);--hr-text-muted:hsla(0,0%,100%,.66);--hr-text-subtle:hsla(0,0%,100%,.45);--hr-blue:#79b4ec;--hr-blue-700:#9ecbf5;--hr-blue-50:rgba(121,180,236,.16);--hr-green:#a6d96a;--hr-green-700:#a6d96a;--hr-green-50:rgba(140,198,63,.18)}