:is(#tool-hero,#tool-hero+.pointer-events-none) .tool-proof-pair{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:320px;margin-inline:auto;display:grid}:is(#tool-hero,#tool-hero+.pointer-events-none) .tool-proof-card{aspect-ratio:auto;background:var(--card);border-radius:var(--radius);flex-direction:column;gap:0;display:flex;position:relative}:is(#tool-hero,#tool-hero+.pointer-events-none) .tool-proof-image{aspect-ratio:1;margin:calc(var(--spacing) * 2);margin-block-end:0;position:relative;inset:auto}:is(#tool-hero,#tool-hero+.pointer-events-none) .tool-proof-label{padding:calc(var(--spacing) * 2);text-align:center;display:block;position:static}:is(#tool-hero,#tool-hero+.pointer-events-none) .tool-proof-pair>svg{display:none}#tool-hero{container:tool-hero/inline-size}#tool-hero .tool-hero-layout{grid-template-columns:minmax(0,1fr);justify-content:center;max-width:720px;margin-inline:auto}#tool-hero [data-hero-layout].tool-hero-layout>.tool-hero-proof{grid-column:auto}#tool-hero .tool-hero-upload{grid-column:1/-1;width:100%;max-width:720px;margin-inline:auto}#tool-hero .tool-hero-proof:empty,#tool-hero .tool-hero-proof-secondary{display:none}@container tool-hero (width>=640px){#tool-hero .tool-hero-layout{grid-template-columns:repeat(2,minmax(0,1fr))}#tool-hero .tool-hero-proof-secondary:not(:empty){display:block}}@container tool-hero (width>=1280px){#tool-hero .tool-hero-layout{grid-template-columns:minmax(256px,1fr) minmax(0,720px) minmax(256px,1fr);max-width:none}#tool-hero .tool-hero-upload{order:2;grid-column:2}#tool-hero .tool-hero-proof:first-child{order:1}}:has(>#tool-hero+.pointer-events-none){container:jewelry-hero/inline-size}#tool-hero+.pointer-events-none{padding-bottom:calc(var(--spacing) * 8);grid-template-columns:minmax(0,320px);justify-content:center;position:static}#tool-hero+.pointer-events-none>:last-child:not(:first-child){display:none}@container jewelry-hero (width>=640px){#tool-hero+.pointer-events-none{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,320px))}#tool-hero+.pointer-events-none>:last-child:not(:first-child){grid-column-start:auto;display:block}}@container jewelry-hero (width>=1344px){#tool-hero+.pointer-events-none{grid-template-columns:minmax(256px,1fr) minmax(0,720px) minmax(256px,1fr);padding-bottom:0;position:absolute}#tool-hero+.pointer-events-none>:last-child:not(:first-child){grid-column-start:3}}