.aon-tviz{position:relative;z-index:6;box-sizing:border-box}@media (min-width:783px){.aon-snap-home>.aon-tviz{position:sticky;top:0;min-height:100svh}}.aon-tviz{background:#f5f3ee;color:#111414;padding:clamp(56px, 6vw, 96px) var(--aon-gutter) clamp(72px, 9vw, 120px)}.aon-tviz__inner{width:min(1320px, 100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "current" "swatches" "actions";gap:20px}.aon-tviz__head{grid-area:head}.aon-tviz__stage{grid-area:stage;margin:0}.aon-tviz__current{grid-area:current}.aon-tviz__actions{grid-area:actions}.aon-tviz__swatches{grid-area:swatches}.aon-tviz__eyebrow{margin:0 0 14px;font:700 11px/1.4 var(--aon-head);letter-spacing:.18em;text-transform:uppercase;color:#315c51}.aon-tviz__title{margin:0;font:900 clamp(36px, 4.2vw, 60px)/.98 var(--aon-head);letter-spacing:-.045em;color:#111414;text-wrap:balance}.aon-tviz__lead{margin:18px 0 0;max-width:30em;font:400 18px/1.6 var(--aon-body);color:#3d4744}.aon-tviz__frame{position:relative;aspect-ratio:5 / 4;border-radius:16px;overflow:hidden;background:#e4e6e6}.aon-tviz__photo,.aon-tviz__canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 54%}.aon-tviz__canvas{opacity:0;z-index:1;transition:opacity 320ms var(--aon-ease-out)}.aon-tviz__canvas.is-under{opacity:1;z-index:1;transition:none}.aon-tviz__canvas.is-front{opacity:1;z-index:2}.aon-tviz__frame::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background-image:linear-gradient(var(--aon-mint),var(--aon-mint));background-size:40% 100%;background-repeat:no-repeat;opacity:0;transition:opacity 160ms var(--aon-ease-out)}.aon-tviz__frame.is-loading::after{opacity:1;animation:aon-tviz-load 1.1s linear infinite}@keyframes aon-tviz-load{from{background-position:-40% 0}to{background-position:140% 0}}.aon-tviz__note{margin:10px 0 0;font:400 13px/1.5 var(--aon-body);color:#59615d}.aon-tviz__current{margin:0;display:flex;flex-direction:column;gap:6px}.aon-tviz__current span{font:600 14px/1.4 var(--aon-body);color:#59615d}.aon-tviz__current strong{font:900 clamp(26px, 2.6vw, 40px)/1 var(--aon-head);letter-spacing:-.03em;text-transform:uppercase;color:#111414;min-height:2em}.aon-tviz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.aon-tviz__link{font:700 15px/1.4 var(--aon-head);color:#111414;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;min-height:44px;display:inline-flex;align-items:center}.aon-tviz__link:focus-visible{outline:3px solid var(--aon-mint);outline-offset:3px;border-radius:4px}.aon-tviz__swatches{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px}.aon-tviz__swatches li{margin:0}.aon-tviz__swatches button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;border-radius:6px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.aon-tviz__chip{display:block;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px rgb(17 20 20 / .12);transition:transform var(--aon-fast) var(--aon-ease-out)}.aon-tviz__chip img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.45)}.aon-tviz__swatches button:active .aon-tviz__chip{transform:scale(.94)}.aon-tviz__swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px #f5f3ee,0 0 0 4px #111414}.aon-tviz__swatches button:focus-visible{outline:3px solid var(--aon-mint);outline-offset:3px}@media (hover:hover) and (pointer:fine){.aon-tviz__swatches button:hover .aon-tviz__chip{transform:translateY(-2px)}}@media (min-width:600px) and (max-width:899px){.aon-tviz__frame{aspect-ratio:16 / 10}.aon-tviz__swatches{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (min-width:900px){.aon-tviz__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head stage" "current stage" "actions stage" "swatches swatches";grid-template-rows:auto auto 1fr auto;column-gap:clamp(32px, 5vw, 80px);row-gap:24px}.aon-tviz{--tviz-pad:clamp(28px, 5.5svh, 80px);--tviz-rest:190px;--tviz-pad-b:calc(var(--tviz-pad) + clamp(24px, 4.5svh, 56px));padding-top:var(--tviz-pad);padding-bottom:var(--tviz-pad-b)}.aon-tviz__stage{container-type:inline-size}.aon-tviz__frame{aspect-ratio:auto;height:max(300px, min(68.75cqw, calc(100svh - var(--tviz-pad) - var(--tviz-pad-b) - var(--tviz-rest))))}.aon-tviz__photo,.aon-tviz__canvas{object-position:50% 53%}.aon-tviz__swatches{grid-template-columns:repeat(24,minmax(0,1fr));gap:6px}.aon-tviz__actions{gap:12px 20px}.aon-tviz__current{padding-top:clamp(12px, 2svh, 20px);border-top:1px solid rgb(17 20 20 / .14)}.aon-tviz__current strong{font-size:clamp(22px, min(2.4vw, 4.4svh), 38px);min-height:0}.aon-tviz__title{font-size:clamp(32px, min(4.2vw, 7.6svh), 60px)}.aon-tviz__lead{margin-top:clamp(10px, 1.8svh, 18px);font-size:clamp(16px, 2.3svh, 18px)}.aon-tviz__actions{align-self:start}.aon-tviz__inner{row-gap:clamp(14px, 2.6svh, 24px)}}@media (min-width:1100px){.aon-tviz__swatches{gap:8px}}.aon-tviz--studio{background:#dde9f0;background-image:linear-gradient(180deg,#d3dfe4 0%,#dde9f0 34%,#e0ecf3 100%)}.aon-tviz--studio .aon-tviz__frame{background:#fff0;border-radius:0;overflow:visible;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .35) 16%,#000 36%,#000 86%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .35) 16%,#000 36%,#000 86%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}.aon-tviz--studio .aon-tviz__lead{color:#34403d}.aon-tviz--studio .aon-tviz__note{color:#4f5a57;text-align:center}.aon-tviz--studio .aon-tviz__current span{color:#4f5a57}.aon-tviz--studio .aon-tviz__current{border-top-color:rgb(17 20 20 / .16)}.aon-tviz--studio .aon-tviz__chip{box-shadow:inset 0 0 0 1px rgb(17 20 20 / .14)}.aon-tviz--studio .aon-tviz__swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px #dfebf2,0 0 0 4px #111414}.aon-tviz--studio .aon-tviz__frame::after{bottom:8%;left:12%;right:12%}.aon-tviz--studio.is-js .aon-tviz__photo{visibility:hidden}.aon-tviz--studio .aon-tviz__canvas{object-position:50% 53%}@media (max-width:899px){.aon-tviz--studio .aon-tviz__frame{margin-inline:calc(-1 * var(--aon-gutter));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 84%,transparent 100%),linear-gradient(90deg,transparent 0%,#000 4%,#000 96%,transparent 100%)}}@media (prefers-reduced-motion:reduce){.aon-tviz__canvas,.aon-tviz__chip{transition:none}.aon-tviz__frame.is-loading::after{animation:none;background-size:100% 100%}}