.ph{background:var(--tone,var(--soft));border-radius:6px;max-width:100%;position:relative;overflow:hidden}.ph:before,.ph:after{content:"";background:var(--shape);position:absolute}.ph:before{aspect-ratio:1;border-radius:50%;width:38%;bottom:14%;left:18%}.ph:after{border-radius:4px;width:30%;height:52%;bottom:14%;right:16%}.ph .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg);z-index:1;border-radius:3px;padding:3px 7px;font-size:11px;position:absolute;bottom:10px;left:10px}.home{--tone:var(--t-home)}.travel{--tone:var(--t-travel)}.cele{--tone:var(--t-cele)}.tech{--tone:var(--t-tech)}.fashion{--tone:var(--t-fashion)}.out{--tone:var(--t-out)}.pet{--tone:var(--t-pet)}.car{--tone:var(--t-car)}.kit{--tone:var(--t-kit)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding-block:40px 56px;display:grid}.hero .ph{aspect-ratio:4/3}.hero .ph:before{width:30%;bottom:18%;left:22%}.hero .ph:after{width:24%;height:58%;right:20%}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:600}.hero h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:14px 0 16px;font-size:clamp(40px,5.4vw,66px);font-weight:400;line-height:1.02}.hero p{color:var(--muted);max-width:34ch;margin:0 0 26px;font-size:18px}.btn{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.08)}.meta{color:var(--muted);margin-top:18px;font-size:13px;display:block}.sec-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;padding-top:26px;display:flex}.sec-head h2{font-family:var(--display);margin:0;font-size:34px;font-weight:400;line-height:1.1}.sec-head a{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:600}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.card{flex-direction:column;gap:10px;min-width:0;display:flex}.card .ph{aspect-ratio:4/5}.card .cat{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:12px;font-weight:600}.card h3{text-wrap:balance;margin:0;font-size:19px;font-weight:600;line-height:1.25}.card p{color:var(--muted);margin:0;font-size:15px}.card a:hover h3{text-underline-offset:3px;text-decoration:underline}.card a{flex-direction:column;gap:10px;display:flex}.cats{padding-block:56px}.chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.chips a{flex-direction:column;gap:10px;font-size:15px;font-weight:600;display:flex}.chips .ph{aspect-ratio:1;border-radius:50%}.chips .ph:before{width:34%;bottom:33%;left:33%}.chips .ph:after{display:none}.chips span small{color:var(--muted);font-size:13px;font-weight:400;display:block}.chips a:hover .ph{outline:2px solid var(--fg);outline-offset:3px}.cats.three .chips{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px}.notice{border:1px dashed var(--line);color:var(--muted);border-radius:6px;margin-bottom:48px;padding:14px 16px;font-size:13px}.aff-note{color:var(--muted);margin:-6px 0 16px;font-size:14px}.aff-note a{color:inherit;text-decoration:underline}@media (width<=960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chips{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:32px}}@media (width<=720px){.bar{grid-template-columns:1fr;gap:12px;padding-block:12px 10px}.search{justify-self:stretch;max-width:none}nav.main{margin-inline:calc(-1 * var(--gutter-l)) calc(-1 * var(--gutter-r));padding-inline:var(--gutter-l) var(--gutter-r)}.hero{grid-template-columns:1fr;gap:22px;padding-block:20px 40px}.hero p{font-size:17px}.sec-head h2{font-size:28px}.grid{gap:28px 16px}.card h3{font-size:17px}.card p{font-size:14px}}@media (width<=440px){.grid{grid-template-columns:1fr}.card a{flex-direction:row;align-items:flex-start;gap:14px}.card .ph{aspect-ratio:4/5;flex:0 0 38%}.card .txt{flex-direction:column;gap:6px;min-width:0;display:flex}.card .cat{margin-top:0}.fgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.btn,.card h3{transition:filter .15s}}
