.hp-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 22px; }
.hp-heading p { margin:0; } .hp-heading > span { color:#777; font-size:13px; }
#householdPack { margin-top:40px; margin-bottom:90px; --offer-accent:#9a342b; }
#packs #householdPack { width:100%; min-width:0; margin:0; scroll-margin-top:110px; }
.hp-feature { display:grid; grid-template-columns:1.25fr 1fr; border:1px solid #deded8; }
.hp-mosaic { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:#deded8; }
.hp-tile { min-width:0; position:relative; background:#f3f3f0; min-height:235px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:30px 16px 15px; overflow:hidden; }
.hp-tile img { width:100%; height:155px; object-fit:contain; mix-blend-mode:multiply; transform:scale(var(--pack-scale,1)); }
.hp-number { position:absolute; top:14px; left:14px; font-size:10px; font-weight:600; letter-spacing:.1em; z-index:1; }
.hp-tile-name { position:relative; font-size:11px; margin-top:20px; color:#666; text-align:center; }
.hp-gift { background:#f1eae2 !important; } .hp-gift .hp-number { color:#9a342b; }
.hp-copy { padding:42px; display:flex; flex-direction:column; justify-content:center; }
.hp-label { width:max-content; background:#151515; color:#fff; font-size:12px; letter-spacing:.15em; padding:10px 13px; font-weight:700; }
.hp-copy h2 { font-size:clamp(36px,3.9vw,56px); letter-spacing:-.055em; line-height:1.06; margin:24px 0 16px; font-weight:500; }
.concept-page .hp-copy h2 { font-size:clamp(36px,3.9vw,56px); font-weight:500; margin:24px 0 16px; line-height:1.06; }
.hp-copy > p { font-size:14px; line-height:1.7; color:#74746f; margin:0; }
.hp-copy .hp-savings { margin:22px 0 12px; color:#9a342b; font-weight:600; }
.hp-price { display:flex; align-items:end; gap:26px; padding:18px 0; border-top:1px solid #d9d9d2; }
.hp-price > div { display:grid; gap:6px; } .hp-price span { font-size:11px; color:#777; }
.hp-price strong { font-size:clamp(42px,4.1vw,62px); line-height:1; letter-spacing:-.05em; color:#9a342b; white-space:nowrap; }
.hp-price small { font-size:18px; letter-spacing:0; } .hp-old { padding-bottom:4px; } .hp-old del { color:#777; font-size:20px; white-space:nowrap; }
.hp-button { background:#161616; border:1px solid #161616; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:25px; padding:18px 21px; font:inherit; font-size:14px; cursor:pointer; transition:background .2s,color .2s; text-decoration:none; }
.hp-button svg { transition:transform .25s; } .hp-delivery { margin-top:14px; color:#777; font-size:11px; }
.hp-dialog,.hp-detail { background:#fff; color:#111; border:0; width:min(1080px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:48px; overflow:auto; }
.concept-page dialog.hp-dialog { width:min(1080px,calc(100% - 32px)); padding:48px; }
.concept-page dialog.hp-detail { width:min(670px,calc(100% - 32px)); padding:48px; }
.hp-dialog::backdrop,.hp-detail::backdrop { background:#171c1c70; backdrop-filter:blur(8px); }
.hp-close { position:absolute; top:10px; right:14px; background:transparent; border:0; font-size:32px; width:44px; height:44px; color:#111; cursor:pointer; }
.hp-dialog h2,.hp-detail h2 { font-size:42px; letter-spacing:-.05em; line-height:1.1; font-weight:500; margin:12px 0; }
.hp-description { color:#777; margin:0 0 28px; }
.hp-components { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.hp-component { padding:0; border:1px solid #deded8; background:#fff; font:inherit; text-align:left; color:#111; min-width:0; cursor:pointer; }
.hp-component-photo { position:relative; display:flex; align-items:center; justify-content:center; height:190px; padding:27px; background:#f3f3f0; overflow:hidden; }
.hp-component-photo img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transform:scale(var(--pack-scale,1)); transition:transform .3s; }
.hp-component-copy { padding:18px; display:grid; gap:8px; } .hp-component-copy strong { font-size:14px; font-weight:600; } .hp-component-copy small { color:#74746f; font-size:11px; line-height:1.5; }
.hp-component-copy > span { display:flex; justify-content:space-between; align-items:center; font-size:12px; margin-top:6px; }
.hp-dialog-total { margin-top:30px; padding:24px; background:#f3f3f0; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.hp-dialog-total .hp-price { border:0; padding:0; } .hp-dialog-total p { margin:14px 0 0; font-size:12px; color:#777; }
.hp-photo-pending { display:grid; place-items:center; gap:10px; color:#888; } .hp-photo-pending svg { width:95px; } .hp-photo-pending small { font-size:10px; }
.hp-detail { width:min(670px,calc(100% - 32px)); } .hp-detail-photo { height:300px; display:grid; place-items:center; background:#f3f3f0; margin:25px 0; overflow:hidden; }
.hp-detail-photo { grid-template-rows:minmax(0,1fr); }
.hp-detail-photo img { width:100%; height:100%; min-height:0; min-width:0; object-fit:contain; mix-blend-mode:multiply; }
.hp-tile img[src*="starone-a6-sf2"], .hp-component-photo img[src*="starone-a6-sf2"], .hp-detail-photo img[src*="starone-a6-sf2"] { clip-path:inset(7%); }
.hp-tile img[src*="starone-a6-sf2"] { width:155px; max-width:100%; }
.hp-component-photo img[src*="starone-a6-sf2"], .hp-detail-photo img[src*="starone-a6-sf2"] { width:auto; max-width:100%; }
.hp-component-photo img[src*="starone-a6-sf2"] { width:min(100%,136px); height:auto; aspect-ratio:1; }
@media(max-width:600px) { .hp-tile img[src*="starone-a6-sf2"] { width:95px; } }
.hp-back { display:flex; align-items:center; gap:12px; border:0; background:none; padding:10px 0; color:#111; font:inherit; font-size:14px; cursor:pointer; } .hp-back svg { transform:rotate(180deg); }
.hp-pending-note { color:#9a342b; font-size:13px; }
.hp-preview-note { padding:12px 24px; text-align:center; background:#f1eae2; font-size:12px; color:#6d4c3c; }
@media(hover:hover) { .hp-button:hover { background:#3a3a37; } .hp-button:hover svg { transform:translateX(4px); } .hp-component:hover img { transform:scale(calc(var(--pack-scale,1)*1.04)); } }
@media(max-width:1000px) { .hp-feature { grid-template-columns:1fr; } .hp-copy { padding:32px; } .hp-mosaic { grid-template-columns:repeat(3,minmax(0,1fr)); } .hp-tile { min-height:200px; } .hp-dialog { padding:32px; } .hp-components { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #householdPack { margin-top:24px; margin-bottom:48px; } .hp-heading { gap:10px; } .hp-heading .eyebrow { font-size:10px; } .hp-heading > span { font-size:10px; } .hp-tile { min-height:145px; padding:26px 8px 10px; } .hp-tile img { height:95px; } .hp-tile-name { font-size:9px; margin-top:10px; } .hp-number { top:10px; left:10px; font-size:9px; } .hp-copy { padding:24px; } .hp-price { gap:20px; } .hp-price strong { font-size:45px; } .hp-old del { font-size:17px; } .hp-dialog,.hp-detail { width:calc(100% - 20px); max-height:calc(100dvh - 20px); padding:44px 20px 20px; } .hp-dialog h2 { font-size:36px; } .hp-components { grid-template-columns:1fr; gap:12px; } .hp-component { display:grid; grid-template-columns:116px minmax(0,1fr); } .hp-component-photo { height:145px; padding:23px 12px 12px; } .hp-component-copy { padding:14px; } .hp-component-copy strong { font-size:13px; } .hp-component-copy > span { margin-top:0; } .hp-dialog-total { display:block; padding:18px; } .hp-dialog-total .hp-button { margin-top:20px; } .hp-detail-photo { height:230px; } .hp-photo-pending svg { width:65px; } }
@media(prefers-reduced-motion:reduce) { .hp-button,.hp-button svg,.hp-component img { transition:none; } }
@media(max-width:1000px) { .concept-page dialog.hp-dialog { padding:32px; } }
@media(max-width:600px) { .concept-page dialog.hp-dialog,.concept-page dialog.hp-detail { width:calc(100% - 20px); padding:44px 20px 20px; } }
/* The launch pack follows the site’s original monochrome palette. */
#householdPack{--pack-accent:#f4f4f2;scroll-margin-top:110px}
.hp-editorial{grid-template-columns:40% 60%;background:#f4f4f2;border:0}
.hp-editorial .hp-copy{padding:clamp(28px,3.7vw,58px);background:#1c1c1c;color:#fff}
.hp-editorial .hp-label{font-size:10px;line-height:1.6;letter-spacing:.16em;background:none;padding:0;color:#bdbdbd}
.hp-editorial .hp-copy h2{font:500 clamp(42px,4.2vw,66px)/1.02 'DM Sans',sans-serif;letter-spacing:-.06em;margin:32px 0 24px;color:#fff}
.hp-editorial .hp-copy h2>span{color:var(--pack-accent)}
.hp-editorial .hp-copy>p{font-size:13px;color:#c2c2c2;line-height:1.7}
.hp-editorial .hp-copy .hp-savings{color:var(--pack-accent);margin:30px 0 14px;font-size:12px}
.hp-editorial .hp-price{border-color:#444444;gap:24px;padding:20px 0 28px;flex-wrap:wrap}
.hp-editorial .hp-price strong{color:white;font-weight:500;font-size:clamp(44px,4.4vw,68px)}
.hp-editorial .hp-price span,.hp-editorial .hp-old del{color:#aaaaaa}
.hp-editorial .hp-old del{font-size:18px}
.hp-editorial .hp-button{background:var(--pack-accent);border-color:var(--pack-accent);color:#1c1c1c;font-weight:600;min-height:54px}
.hp-editorial .hp-delivery{color:#b5b5b5;font-size:10px;text-align:center}
.hp-stage{display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0;overflow:hidden;padding:32px 22px;background:#f4f4f2}
.hp-stage-head{display:flex;justify-content:space-between;gap:15px;padding:0 10px;font-size:9px;letter-spacing:.13em;color:#737373}
.hp-appliances{position:relative;width:100%;max-width:670px;aspect-ratio:1.43;margin:auto;mix-blend-mode:multiply}
.hp-appliance{position:absolute}.hp-appliance img{position:absolute;display:block;max-width:none;height:auto;transform:none;mix-blend-mode:normal}
.hp-stage-caption{position:relative;text-align:center;margin:24px 0 0;font-size:10px;line-height:1.6;color:#777777}
.hp-gift-feature{width:100%;display:grid;grid-template-columns:1.15fr .8fr 1fr;align-items:center;gap:30px;padding:22px clamp(28px,4vw,60px);border:0;background:#eeeeec;color:#252525;font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.hp-gift-intro,.hp-gift-description{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hp-gift-intro small,.hp-gift-brand{font-size:9px;letter-spacing:.14em;line-height:1.6;color:#686868}
.hp-gift-intro>strong{font-size:clamp(27px,3vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.08;margin:14px 0}
.hp-gift-intro>span,.hp-gift-description>span:not(.hp-gift-brand):not(.hp-gift-link){font-size:11px;line-height:1.6;color:#6b6b6b}
.hp-gift-image{height:235px;display:grid;place-items:center}
.hp-gift-image img{width:100%;height:235px;object-fit:contain;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hp-gift-description>strong{font-size:26px;line-height:1.12;font-weight:500;letter-spacing:-.04em;margin:13px 0}
.hp-gift-link{display:flex;align-items:center;gap:22px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #aaaaaa;font-size:12px}
.hp-gift-link svg{transition:transform .3s}
.hp-component.hp-gift{background:#eeeeec!important;border-color:#d1d1cd}.hp-component.hp-gift .hp-component-photo{background:#eeeeec}.hp-component.hp-gift .hp-number{background:#f4f4f2;color:#252525;padding:6px 8px}
.hp-component img[src*="cutout"],.hp-detail-photo img[src*="cutout"]{mix-blend-mode:normal}
.hp-button:focus-visible,.hp-gift-feature:focus-visible,.hp-component:focus-visible{outline:2px solid #777777;outline-offset:4px}
@media(hover:hover){.hp-editorial .hp-button:hover{background:#ddddda}.hp-gift-feature:hover .hp-gift-image img{transform:translateY(-5px)}.hp-gift-feature:hover .hp-gift-link svg{transform:translateX(4px)}}
@media(max-width:1000px){.hp-editorial{grid-template-columns:43% 57%}.hp-editorial .hp-copy{padding:30px}.hp-editorial .hp-copy h2{font-size:42px}.hp-stage{padding:26px 12px}.hp-stage-head{font-size:8px}.hp-gift-feature{padding:22px 30px;gap:18px}.hp-gift-image,.hp-gift-image img{height:200px}}
@media(max-width:700px){.hp-editorial{grid-template-columns:1fr}.hp-stage{grid-row:1;padding:24px 12px 22px}.hp-appliances{max-width:440px;margin:18px auto 4px}.hp-stage-caption{font-size:8px;margin-top:20px}.hp-editorial .hp-copy{padding:28px}.hp-editorial .hp-copy h2{font-size:46px;margin:24px 0 18px}.hp-editorial .hp-copy .hp-savings{margin-top:22px}.hp-editorial .hp-price{justify-content:space-between;flex-wrap:nowrap;gap:12px}.hp-editorial .hp-price strong{font-size:50px}.hp-gift-feature{grid-template-columns:1fr 1fr;gap:0;padding:26px}.hp-gift-intro>strong{font-size:31px}.hp-gift-intro small{font-size:8px}.hp-gift-intro>span{font-size:10px}.hp-gift-image,.hp-gift-image img{height:180px}.hp-gift-description{grid-column:1/-1;border-top:1px solid #cdcdc9;padding-top:20px;margin-top:10px}.hp-gift-description>strong{font-size:25px}.hp-gift-description>strong br{display:none}.hp-gift-link{width:100%;justify-content:space-between;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.hp-gift-image img,.hp-gift-link svg{transition:none}.hp-gift-feature:hover .hp-gift-image img{transform:none}}
.hp-appliance-1{left:10%;top:8%;width:22%;height:82%;--delay:.1s}
.hp-appliance-1 img{width:295%;left:-95%;top:-7%;clip-path:polygon(33% 7%,65.9% 7%,65.9% 92.5%,65.3% 92.5%,65.3% 93.5%,63.7% 93.5%,63.7% 92.5%,36.8% 92.5%,36.8% 93.5%,34.1% 93.5%,34.1% 92.5%,33% 92.5%)}
.hp-appliance-4{left:36%;top:10%;width:54%;height:66%;z-index:1;--delay:.2s}
.hp-appliance-4 img{width:131%;left:-15%;top:-49%;clip-path:polygon(11.5% 29.9%,87.7% 29.9%,87.7% 75.5%,83.2% 75.5%,86.2% 79.7%,86.2% 80.3%,85% 80.3%,81.9% 77.3%,81.9% 79.3%,81.2% 79.3%,81.1% 75.5%,19.3% 75.5%,19.2% 79.3%,18.5% 79.3%,18.4% 77.3%,15.4% 80.3%,14.5% 80.3%,14.5% 79.7%,17.7% 75.5%,11.5% 75.5%)}
.hp-appliance-2{left:32%;top:47%;width:23%;height:54%;z-index:3;--delay:.3s}
.hp-appliance-2 img{width:281%;left:-90%;top:-6%;clip-path:inset(5.85% 32.45% 6.5% 32.4% round 0.35%)}
.hp-appliance-3{left:60%;top:54%;width:26%;height:46%;z-index:4;--delay:.4s}
.hp-appliance-3 img{width:122%;left:-11%;top:-10%;clip-path:polygon(17.1% 8.55%,79.3% 8.55%,85% 15.05%,90.65% 15.5%,91% 31%,90.8% 32%,91% 33.5%,91% 91.15%,10% 91.15%,9.7% 33%,9.7% 31%,9.7% 15.8%,13.9% 15.45%)}
.hp-appliance-0{left:44%;top:76%;width:30%;height:28%;z-index:5;--delay:.5s}
.hp-appliance-0 img{width:100%;left:0;top:-36%;clip-path:polygon(14.8% 23.75%,30.3% 23.75%,30.9% 21.6%,31.15% 23.75%,64.7% 23.75%,65.15% 21.45%,65.5% 23.75%,81.6% 23.75%,83.1% 24.6%,98% 72.2%,98% 73.5%,97.6% 74.2%,96.4% 74.7%,2.3% 74.7%,1.1% 74.3%,0.5% 73.5%,0.6% 72.6%,14% 25%)}.hp-editorial{border-radius:22px 22px 0 0;overflow:hidden}.hp-gift-feature{border-radius:0 0 22px 22px}.hp-button{border-radius:8px}.hp-dialog,.hp-detail{border-radius:18px}.hp-component{border-radius:12px;overflow:hidden}.hp-dialog-total{border-radius:12px}