.hp-topic{background:var(--brand-cream);color:var(--brand-ink-navy)}.hp-topic__wrap{width:min(100% - 3rem,1160px);margin-inline:auto}.hp-topic__kicker{color:var(--color-primary-700);font:700 .73rem var(--brand-font-heading);letter-spacing:.2em;text-transform:uppercase}.hp-topic h1,.hp-topic h2{font-family:var(--brand-font-display);font-weight:700;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}.hp-topic h2{max-width:780px;margin-top:1.2rem;font-size:clamp(2.2rem,4vw,4rem)}.hp-topic__hero{position:relative;overflow:hidden;background:var(--brand-ink-navy);color:var(--brand-cream);padding:clamp(6rem,11vw,10rem) 0}.hp-topic__hero:after{content:"";position:absolute;width:46rem;height:46rem;top:-15rem;right:-8rem;border-radius:50%;background:radial-gradient(circle,hsl(var(--brand-gold-hsl)/.18),transparent 70%);pointer-events:none}.hp-topic__hero .hp-topic__wrap{position:relative;z-index:1}.hp-topic__hero .hp-topic__kicker,.hp-topic__close .hp-topic__kicker{color:var(--brand-gold)}.hp-topic h1{max-width:850px;margin-top:1.6rem;font-size:clamp(3rem,6vw,6rem)}.hp-topic__hero p:not(.hp-topic__kicker){max-width:680px;margin-top:1.7rem;color:hsl(var(--brand-cream-hsl)/.82);font-size:1.15rem;line-height:1.75}.hp-topic__hero-grid{display:grid;grid-template-columns:minmax(0,1fr)}.hp-topic__hero--product .hp-topic__hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:3.5rem}.hp-topic__hero--product h1{font-size:clamp(2.8rem,4.6vw,4.8rem)}.hp-topic__window{margin:0}.hp-topic__window figcaption{margin-top:.7rem;color:var(--brand-taupe);font:500 .72rem/1.5 var(--brand-font-body);text-align:right}.hp-topic__button{display:inline-block;margin-top:2.5rem;border-radius:999px;background:var(--brand-gold);padding:1rem 1.6rem;color:var(--brand-ink-navy);font:700 .95rem var(--brand-font-heading)}.hp-topic__button:hover{background:var(--brand-cream)}.hp-topic__body{padding:clamp(5rem,9vw,9rem) 0}.hp-topic__lead{max-width:700px;margin-top:1.4rem;color:var(--color-text-secondary);font-size:1.08rem;line-height:1.75}.hp-topic__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin-top:3.5rem}.hp-topic__cards article{border:1px solid var(--color-border-medium);border-radius:1rem;background:var(--color-surface-raised);padding:1.7rem}.hp-topic__cards span{color:var(--brand-gold-deep);font:700 .8rem var(--brand-font-heading)}.hp-topic__cards h3{margin-top:1.2rem;font:700 1.35rem var(--brand-font-heading)}.hp-topic__cards p{margin-top:.9rem;color:var(--color-text-secondary);font-size:.93rem;line-height:1.7}.hp-topic__compare{border-top:1px solid var(--color-border-light);padding:clamp(5rem,9vw,8rem) 0}.hp-topic__compare table{width:100%;margin-top:3rem;border-collapse:collapse;font-size:.98rem;line-height:1.6}.hp-topic__compare th{padding:0 1.4rem 1rem 0;text-align:left;color:var(--color-primary-700);font:700 .78rem var(--brand-font-heading);letter-spacing:.14em;text-transform:uppercase}.hp-topic__compare td{width:50%;padding:1.2rem 1.4rem 1.2rem 0;border-top:1px solid var(--color-border-medium);vertical-align:top;color:var(--color-text-secondary)}.hp-topic__compare td+td{color:var(--brand-ink-navy);font-weight:600}.hp-topic__detail{border-block:1px solid var(--color-border-light);background:var(--color-surface-base);padding:clamp(5rem,9vw,8rem) 0}.hp-topic__detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.hp-topic__detail-grid>div:last-child{padding-top:2.2rem}.hp-topic__detail-grid>div:last-child p{color:var(--color-text-secondary);font-size:1.03rem;line-height:1.8}.hp-topic__detail-grid>div:last-child p+p{margin-top:1.5rem}.hp-topic__close{background:var(--brand-ink-navy);color:var(--brand-cream);padding:5rem 0 6rem}.hp-topic__close h2{max-width:820px}@media(max-width:1023px){.hp-topic__hero--product .hp-topic__hero-grid{grid-template-columns:minmax(0,1fr)}.hp-topic__window{max-width:680px}}@media(max-width:850px){.hp-topic__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-topic__detail-grid{grid-template-columns:1fr;gap:1rem}.hp-topic__detail-grid>div:last-child{padding-top:0}}@media(max-width:600px){.hp-topic__window{display:none}.hp-topic__compare table{font-size:.88rem}.hp-topic__compare td{padding-right:.8rem}.hp-topic__wrap{width:min(100% - 2.4rem,1160px)}.hp-topic__cards{grid-template-columns:1fr}.hp-topic__hero{padding:5rem 0}}