.hp-section{padding:88px min(6vw,96px);max-width:1600px;margin:auto}.hp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px}.hp-tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff;text-decoration:none}.hp-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.hp-tile div{position:absolute;inset:auto 0 0;padding:96px 28px 26px;background:linear-gradient(to top,#000000d6,#00000099 50%,transparent)}.hp-tile h2{color:#fff;font-size:clamp(40px,4vw,64px);line-height:1;margin:0 0 8px}.hp-tile p{color:#fff;font-size:13px;margin:0}
.hp-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px}.hp-heading a{white-space:nowrap}.hp-heading h2{font-size:clamp(36px,4vw,56px);margin:0}.hp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 16px}.hp-card{display:block;color:inherit;text-decoration:none}.hp-photo{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--panel)}.hp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.hp-photo img+img{opacity:0}.hp-card-info{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px}.hp-card h3{font-size:26px;margin:0}.hp-card-info span{font-size:13px;white-space:nowrap}
.hp-grid+.free-shipping{margin-top:32px}.hp-look{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:6%;background:var(--panel);padding:0}.hp-look img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.hp-look>div{padding:48px 12% 48px 0}.hp-look h2{font-size:clamp(44px,5vw,76px);line-height:1;margin:0 0 20px}.hp-look p{font-size:17px;margin:0 0 30px}
.hp-tile:hover,.hp-card:hover{text-decoration:none}.hp-photo .piece-placeholder{height:100%}
@media(hover:hover){.hp-tile:hover img{transform:scale(1.04)}.hp-card:hover .hp-photo img+img{opacity:1}}
@media(prefers-reduced-motion:reduce){.hp-tile img,.hp-photo img{transition:none}.hp-tile:hover img{transform:none}}
@media(max-width:1000px){.hp-card-info{display:block}}
@media(max-width:800px){.hp-section{padding:48px 20px}.hp-three{grid-template-columns:1fr}.hp-tile{aspect-ratio:1}.hp-tile-love img{object-position:center top}.hp-tile-hope img{object-position:center bottom}.hp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px}.hp-card h3{font-size:22px}.hp-look{grid-template-columns:1fr;gap:0}.hp-look>div{padding:32px 20px 48px}}
.hp-intro{text-align:center;max-width:820px;padding-bottom:40px}.hp-intro h2{font-size:clamp(40px,5vw,72px);margin:0 0 20px}.hp-body p{font-size:17px;line-height:1.7;margin:0 0 16px}.hp-intro .hp-body>p:first-child{font:400 clamp(22px,2.2vw,28px)/1.3 'Cormorant Garamond',Georgia,serif}.hp-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hp-split img{display:block;width:100%;height:auto}.hp-split-reverse img{order:-1;max-height:720px;object-fit:cover}.hp-copy h2{font-size:clamp(36px,4.4vw,64px);line-height:1.05;margin:0 0 20px}.hp-closing{background:var(--panel);text-align:center;padding:96px 6%}.hp-closing h2{font-size:clamp(36px,4.6vw,68px);line-height:1.1;margin:0 0 32px}.hp-three{padding-top:24px}
@media(max-width:800px){.hp-split{grid-template-columns:1fr;gap:28px}.hp-split img,.hp-split-reverse img{order:-1}.hp-intro{padding-bottom:16px}.hp-closing{padding:56px 20px}}
@media(hover:none){.hp-photo img+img{display:none}}
.hp-card-info span{font-size:14px}
.hp-body p{color:var(--body-text)}.hp-intro .hp-body>p:first-child{color:var(--ink)}
/* Hero: a wide photo fills the section edge to edge; a soft shade keeps the light text readable on any photo. */
.hp-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(84vh,820px);padding:64px calc(max(0px,(100vw - 1600px)/2) + min(6vw,96px));overflow:hidden;background:#161412}.hp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hp-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0d0b0999,#0d0b0966 50%,#0d0b0933 90%);pointer-events:none}.hp-hero-copy{position:relative;z-index:1;width:66.667%;text-align:center;color:#fff;text-shadow:0 1px 18px #0006}.hp-hero h1{font-size:clamp(60px,7.4vw,116px);line-height:.95;margin:0 0 20px;color:#fff}.hp-hero p{font-size:18px;margin:0 0 36px;color:#fff}.hp-hero .button{background:#fff;border-color:#fff;color:#161412;text-shadow:none}.hp-hero .button:hover{background:#e9dfca;border-color:#e9dfca}.hp-hero :focus-visible{outline-color:#fff}
@media(max-width:1000px){.hp-hero-copy{width:100%}}
@media(max-width:800px){.hp-hero{align-items:flex-end;min-height:min(78vh,620px);padding:48px 24px 40px}.hp-hero::after{background:linear-gradient(to top,#0d0b09cc,#0d0b0966 50%,#0d0b0900 80%)}.hp-hero h1{font-size:56px}}