: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{margin-block:calc(var(--spacing) * 2);align-self:center;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}}#tool-hero [data-hero-variant=split] .tool-hero-stage .aspect-square{aspect-ratio:358/430}#tool-hero [data-hero-variant=split] .tool-hero-strip-item{width:160px;height:120px}#tool-hero [data-hero-variant=split] .tool-hero-stage>div{position:relative}#tool-hero [data-hero-variant=split] .tool-hero-stage>div>div:nth-child(2){inset-inline:calc(var(--spacing) * 3);bottom:calc(var(--spacing) * 3);border-radius:var(--radius);background:color-mix(in oklab, var(--card) 90%, transparent);padding-inline-start:calc(var(--spacing) * 3);position:absolute}@container tool-hero (width>=1100px){#tool-hero [data-hero-variant=split] .tool-hero-split{grid-template-columns:minmax(0,1fr) minmax(0,660px);align-items:start}#tool-hero [data-hero-variant=split] .tool-hero-stage .aspect-square{aspect-ratio:auto;height:min(700px,100svh - 262px);min-height:560px}#tool-hero [data-hero-variant=split] .tool-hero-strip{overflow:visible}#tool-hero [data-hero-variant=split] .tool-hero-strip-item{flex:216px;width:auto;height:160px}}@media (prefers-reduced-motion:reduce){#tool-hero [data-hero-variant=split] *{transition:none!important;animation:none!important}}