.winks-night-contrast{background:var(--paper);color:var(--ink)}.winks-night-contrast--sunrise{background:var(--sun-1)}.winks-night-contrast__head{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:24px 40px;align-items:end;margin-bottom:24px}.winks-night-contrast__head .winks-kicker{grid-column:1 / -1;width:max-content;margin-bottom:-22px}.winks-night-contrast__lead{max-width:42ch;margin:0;font-family:var(--font-edito);font-size:var(--winks-type-editorial-lead);font-weight:700;line-height:1.4;text-wrap:pretty}.winks-night-contrast--paired .winks-night-contrast__head{grid-template-columns:1fr;justify-items:center;gap:12px;margin-bottom:28px;text-align:center}.winks-night-contrast--paired .winks-night-contrast__head .winks-h2{max-width:25ch;margin-inline:auto}.winks-night-contrast--paired .winks-night-contrast__lead{max-width:62ch}.winks-night-contrast__headline-line{display:block}.winks-night-contrast__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.winks-night-contrast__panel{display:grid;grid-template-rows:minmax(250px,280px) auto;overflow:hidden;border:2px solid var(--ink);border-radius:34px;box-shadow:var(--shadow-flat)}.winks-night-contrast__panel--before{background:var(--ink);color:var(--paper)}.winks-night-contrast__panel--after{background:var(--sun-2);color:var(--ink)}.winks-night-contrast--sunrise .winks-night-contrast__panel--after{background:var(--paper)}.winks-night-contrast__before-art{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#4b3f86 0 22%,var(--ink) 58%)}.winks-night-contrast__before-art:before,.winks-night-contrast__before-art:after{content:"";position:absolute;width:240px;height:240px;border:2px solid rgba(255,255,255,.16);border-radius:50%}.winks-night-contrast__before-art:before{transform:translate(-46%,-34%)}.winks-night-contrast__before-art:after{transform:translate(48%,36%)}.winks-night-contrast__time{position:relative;z-index:2;color:var(--sun-1);font-family:var(--font-display);font-size:clamp(86px,10vw,154px);font-weight:800;letter-spacing:-.07em;line-height:.8}.winks-night-contrast__time:after{content:"AM";margin-left:9px;font-size:var(--winks-type-label);letter-spacing:.08em}.winks-night-contrast__alert{position:absolute;z-index:3;padding:8px 13px;border:2px solid var(--paper);border-radius:var(--radius-pill);background:var(--lav-soft);color:var(--ink);font-family:var(--font-display);font-size:var(--winks-type-micro);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.winks-night-contrast__alert--one{top:18%;left:9%;transform:rotate(-7deg)}.winks-night-contrast__alert--two{right:8%;bottom:17%;transform:rotate(6deg);background:var(--sun-1)}.winks-night-contrast__moon{position:absolute;right:12%;top:11%;width:52px;height:52px;border-radius:50%;background:var(--lav-soft);box-shadow:-15px 2px 0 1px var(--ink);transform:rotate(-12deg)}.winks-night-contrast__media{position:relative;min-height:280px;overflow:hidden}.winks-night-contrast__image{width:100%;height:100%;min-height:280px;object-fit:cover}.winks-night-contrast__image-note{position:absolute;right:18px;bottom:18px;max-width:19ch;padding:10px 14px;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--sun-1);box-shadow:var(--shadow-flat-sm);font-family:var(--font-display);font-size:var(--winks-type-micro);font-weight:800;line-height:1.2;text-align:center;text-transform:uppercase}.winks-night-contrast__copy{padding:20px 24px 22px;border-top:2px solid currentColor}.winks-night-contrast__label{display:block;margin-bottom:8px;font-family:var(--font-display);font-size:var(--winks-type-label);font-weight:800;letter-spacing:.08em;opacity:.75;text-transform:uppercase}.winks-night-contrast__copy h3{max-width:18ch;margin:0;font-family:var(--font-display);font-size:var(--winks-type-display-card);font-weight:800;line-height:1;text-transform:uppercase;text-wrap:balance}.winks-night-contrast__copy p{max-width:44ch;margin:8px 0 0;font-size:var(--winks-type-body-small);line-height:1.45;text-wrap:pretty}@media(min-width:821px){.winks-night-contrast__grid--matched .winks-night-contrast__panel{grid-template-rows:320px auto}.winks-night-contrast__grid--matched .winks-night-contrast__panel--after .winks-night-contrast__image{object-position:center 12%}}.winks-night-contrast--triptych .winks-night-contrast__head{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:28px 56px;margin-bottom:38px}.winks-night-contrast--triptych .winks-night-contrast__head .winks-h2{max-width:18ch}.winks-night-contrast--triptych .winks-night-contrast__headline-line{display:block}.winks-night-contrast--triptych .winks-night-contrast__lead{max-width:34ch;font-family:var(--font-body);font-size:var(--winks-type-body-large);font-weight:500;line-height:1.5}.winks-night-contrast__story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center}.winks-night-contrast__scene{display:grid;grid-template-rows:auto minmax(220px,250px) auto;overflow:hidden;border:2px solid var(--ink);border-radius:28px;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-flat)}.winks-night-contrast__scene--featured{transform:translateY(-16px)}.winks-night-contrast--sunrise .winks-night-contrast__scene--featured{background:var(--paper);color:var(--ink)}.winks-night-contrast--paper .winks-night-contrast__scene--featured{background:var(--sun-1);color:var(--ink)}.winks-night-contrast__scene-head{min-height:105px;padding:22px 24px 18px}.winks-night-contrast__scene-label{display:block;margin-bottom:8px;font-family:var(--font-display);font-size:var(--winks-type-label);font-weight:800;letter-spacing:.06em;opacity:.72;text-transform:uppercase}.winks-night-contrast__scene-head h3{max-width:17ch;margin:0;font-family:var(--font-display);font-size:var(--winks-type-display-title);font-weight:800;line-height:1.1;text-transform:uppercase;text-wrap:balance}.winks-night-contrast__scene-media{position:relative;min-height:220px;overflow:hidden;border-block:2px solid currentColor}.winks-night-contrast__scene-image{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.winks-night-contrast__scene-image--left{object-position:left center}.winks-night-contrast__scene-image--center{object-position:center}.winks-night-contrast__scene-image--right{object-position:right center}.winks-night-contrast__scene-product{position:absolute;right:-5%;bottom:-13%;z-index:2;width:42%;height:auto;filter:drop-shadow(0 14px 18px rgba(21,17,46,.32));transform:rotate(4deg)}.winks-night-contrast__scene-caption{min-height:70px;margin:0;padding:18px 24px 20px;font-family:var(--font-edito);font-size:var(--winks-type-editorial-small);font-weight:700;line-height:1.3;text-wrap:pretty}@media(max-width:820px){.winks-night-contrast__head{grid-template-columns:1fr;gap:20px}.winks-night-contrast__head .winks-kicker{grid-column:auto;margin-bottom:0}.winks-night-contrast__grid{grid-template-columns:1fr}.winks-night-contrast--triptych .winks-night-contrast__head{grid-template-columns:1fr;gap:18px}.winks-night-contrast__story{grid-template-columns:1fr;gap:16px}.winks-night-contrast__scene,.winks-night-contrast__scene--featured{grid-template-columns:minmax(118px,36%) minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"media head" "media caption";transform:none}.winks-night-contrast__scene-head{grid-area:head;min-height:0;padding:20px 20px 8px}.winks-night-contrast__scene-media{grid-area:media;min-height:160px;height:100%;border-block:0;border-right:2px solid currentColor}.winks-night-contrast__scene-image{min-height:160px}.winks-night-contrast__scene-caption{grid-area:caption;min-height:0;padding:4px 20px 20px}.winks-night-contrast__scene-product{right:-12%;bottom:-8%;width:66%}}@media(max-width:520px){.winks-night-contrast--paired .winks-night-contrast__headline-line:first-child{max-width:14ch;margin-inline:auto;text-wrap:balance}.winks-night-contrast__panel{grid-template-rows:minmax(250px,auto) auto;border-radius:26px}.winks-night-contrast__before-art,.winks-night-contrast__media,.winks-night-contrast__image{min-height:270px}.winks-night-contrast__copy{padding:24px 22px 26px}.winks-night-contrast__time{font-size:88px}.winks-night-contrast--triptych .winks-night-contrast__head{gap:12px;margin-bottom:8px}.winks-night-contrast--triptych .winks-night-contrast__story{gap:12px}.winks-night-contrast__scene{border-radius:24px}.winks-night-contrast__scene-media,.winks-night-contrast__scene-image{min-height:145px}.winks-night-contrast__scene-head{padding:18px 16px 7px}.winks-night-contrast__scene-label{margin-bottom:6px;font-size:var(--winks-type-label-mobile)}.winks-night-contrast__scene-head h3{font-size:var(--winks-type-display-title-mobile)}.winks-night-contrast__scene-caption{padding:3px 16px 18px;font-size:var(--winks-type-body-small)}}@media(max-width:380px){.winks-night-contrast__scene,.winks-night-contrast__scene--featured{grid-template-columns:minmax(96px,34%) minmax(0,1fr)}.winks-night-contrast__scene-head,.winks-night-contrast__scene-caption{min-width:0;padding-inline:12px}.winks-night-contrast__scene-head h3,.winks-night-contrast__scene-caption{overflow-wrap:break-word}}.winks-night-contrast--problem .winks-night-contrast__split{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:40px;align-items:center}.winks-night-contrast--problem .winks-night-contrast__argument{display:grid;justify-items:start;gap:20px;text-align:left}.winks-night-contrast--problem .winks-h2{max-width:15ch;margin:0}.winks-night-contrast--problem .winks-night-contrast__lead{max-width:45ch;font-family:var(--font-body);font-size:var(--winks-type-body-large);font-weight:500;line-height:1.55;color:var(--ink)}.winks-night-contrast__beat{max-width:46ch;padding-top:18px;border-top:2px solid var(--ink)}.winks-night-contrast__beat-title{margin:0 0 8px;color:var(--ink);font-family:var(--font-display);font-size:var(--winks-type-display-title);font-weight:800;line-height:1.1;text-transform:uppercase;text-wrap:balance}.winks-night-contrast__beat-body{margin:0;color:var(--ink);font-size:var(--winks-type-body);line-height:1.55;text-wrap:pretty}.winks-night-contrast__turn{max-width:40ch;margin:0;color:var(--ink);font-family:var(--font-edito);font-size:var(--winks-type-editorial-lead);font-style:italic;font-weight:700;line-height:1.4;text-wrap:pretty}.winks-night-contrast__panel--split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto;align-items:center;gap:18px;padding:18px;border-radius:var(--radius-card)}.winks-night-contrast__panel--split .winks-night-contrast__media{min-height:0;border-radius:var(--radius-input);aspect-ratio:1.34}.winks-night-contrast__panel--split .winks-night-contrast__image{min-height:0;height:100%}.winks-night-contrast__panel--split .winks-night-contrast__copy{display:grid;align-content:center;gap:8px;padding:0 4px 0 0;border-top:0}.winks-night-contrast__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.winks-night-contrast__panel--split .winks-night-contrast__label{margin-bottom:0;letter-spacing:.16em;opacity:1}.winks-night-contrast__stamp{font-family:var(--font-edito);font-size:var(--winks-type-display-title);font-weight:700;line-height:1}.winks-night-contrast__panel--split .winks-night-contrast__copy h3{max-width:20ch;font-size:var(--winks-type-display-card);line-height:1.08}.winks-night-contrast__panel--split .winks-night-contrast__copy p{max-width:34ch;margin:0}@media(min-width:1024px){.winks-night-contrast--problem .winks-night-contrast__split{align-items:stretch}.winks-night-contrast__panel--split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:var(--space-2)}.winks-night-contrast__panel--split .winks-night-contrast__media{position:relative;aspect-ratio:auto;min-height:var(--space-8)}.winks-night-contrast__panel--split .winks-night-contrast__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;object-fit:cover}.winks-night-contrast__panel--split .winks-night-contrast__copy{align-content:end;padding:0 var(--space-1) var(--space-1)}.winks-night-contrast__panel--split .winks-night-contrast__copy h3{max-width:24ch}.winks-night-contrast__panel--split .winks-night-contrast__copy p{max-width:46ch}}@media(max-width:820px){.winks-night-contrast--problem .winks-night-contrast__split{grid-template-columns:1fr;gap:28px}.winks-night-contrast--problem .winks-h2{max-width:100%}.winks-night-contrast__panel--split{grid-template-columns:1fr;gap:16px}.winks-night-contrast__panel--split .winks-night-contrast__copy{padding:0 2px 4px}}@media(max-width:520px){.winks-night-contrast--problem .winks-night-contrast__argument{gap:16px}.winks-night-contrast__panel--split{padding:14px;border-radius:var(--radius-card)}.winks-night-contrast__panel--split .winks-night-contrast__copy h3{font-size:var(--winks-type-display-card-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/winks-night-contrast.css.map */