/* wearbird.app home (concept C · Wear what you own). Kept out of the page because the site's CSP allows no inline CSS.
   The poster is laid out in design units: --u is one design pixel of the 1440 x 900 desktop poster (or the 390 x 840
   phone poster), so the type, the outfit and the card keep their places at any window size. */

/* Anton by Vernon Adams, SIL Open Font License 1.1. Latin subset, self-hosted because the CSP allows only this site. */
@font-face {
  font-family: Anton;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/home/anton-latin.woff2) format("woff2");
}

:root {
  --cw: 100vw; /* the page's width; 100cqw below where supported, so the scrollbar doesn't count */
  --u: min(calc(var(--cw) / 1440), calc(100vh / 900), 1.25px);
  --v: min(calc(var(--cw) / 1440), 1.25px);
  --night: #1A1917;
  --dur: 4.5s;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@supports (width: 1cqw) {
  body { container-type: inline-size; }
  :root { --cw: 100cqw; }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--night); color: #F4F1EA; font: 17px/1.45 var(--sans); -webkit-font-smoothing: antialiased; }
a { color: inherit; }
img { display: block; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- The poster ---- */
.hero { --ink: #F6EFE2; --cta-bg: #F6EFE2; --cta-fg: #1A1917; position: relative; overflow: hidden; background: #73685A; color: var(--ink); transition: background-color .45s cubic-bezier(.4, 0, .2, 1), color .45s; }
.hero.s1 { background: #5E2024; --ink: #E4A3AE; --cta-bg: #E4A3AE; --cta-fg: #5E2024; }
.hero.s2 { background: #545139; --ink: #F6EFE2; --cta-bg: #F6EFE2; --cta-fg: #1A1917; }
.hero.s3 { background: #E4A3AE; --ink: #5E2024; --cta-bg: #5E2024; --cta-fg: #F6EFE2; }
.stage { position: relative; width: calc(1440 * var(--u)); height: calc(900 * var(--u)); margin: 0 auto; }

.top { position: absolute; left: 0; right: 0; top: 0; z-index: 6; display: flex; justify-content: space-between; align-items: center; padding: calc(28 * var(--u)) calc(56 * var(--u)); }
.brand { display: flex; align-items: center; gap: calc(10 * var(--u)); text-decoration: none; }
.brand img { width: max(26px, calc(32 * var(--u))); height: max(26px, calc(32 * var(--u))); border-radius: 22%; }
.brand span { font-size: max(18px, calc(21 * var(--u))); font-weight: 700; letter-spacing: -.02em; }
.top nav { display: flex; gap: max(18px, calc(26 * var(--u))); font-size: max(14px, calc(15 * var(--u))); font-weight: 500; }
.top nav a { text-decoration: none; padding: 10px 0; }
.top nav a:hover { text-decoration: underline; text-underline-offset: 4px; }

.big { position: absolute; left: 0; right: 0; text-align: center; font-family: Anton, Impact, "Arial Narrow", sans-serif; font-weight: 400; text-transform: uppercase; line-height: .86; white-space: nowrap; pointer-events: none; }
.l1 { top: calc(168 * var(--u)); z-index: 1; }
.l2 { top: calc(428 * var(--u)); z-index: 3; }
.ln { position: absolute; left: 0; right: 0; top: 0; transition: transform .5s cubic-bezier(.2, .9, .2, 1), opacity .3s ease; }
.ln.now { transform: none; opacity: 1; transition-delay: 60ms; }
.l2 .ln.now { transition-delay: 120ms; }
.ln.gone { transform: translateY(-38%); opacity: 0; }
.ln.next { transform: translateY(38%); opacity: 0; }
.l2 .ln { color: transparent; -webkit-text-stroke: calc(3 * var(--u)) var(--ink); }
.ln.t0 { font-size: calc(252 * var(--u)); }
.ln.t1, .ln.t2 { font-size: calc(236 * var(--u)); }
.ln.t3 { font-size: calc(250 * var(--u)); }

.fig { position: absolute; }
.hero .fig { left: calc(575 * var(--u)); top: calc(152 * var(--u)); width: calc(290 * var(--u)); height: calc(635 * var(--u)); z-index: 2; }
.pc { position: absolute; object-fit: contain; opacity: 0; transform: translateY(14%) scale(.9); transition: left .42s cubic-bezier(.2, .9, .25, 1.08), top .42s cubic-bezier(.2, .9, .25, 1.08), width .42s cubic-bezier(.2, .9, .25, 1.08), height .42s cubic-bezier(.2, .9, .25, 1.08), transform .46s cubic-bezier(.3, 1.35, .5, 1), opacity .2s ease; }
.hero .pc { filter: drop-shadow(0 calc(18 * var(--u)) calc(24 * var(--u)) rgba(0, 0, 0, .18)); }

/* Anchored from the bottom so it always clears the tabs, whose text has a minimum size. */
.card { position: absolute; left: calc(1000 * var(--u)); bottom: max(calc(122 * var(--u)), calc(40 * var(--u) + 72px)); z-index: 4; width: max(210px, calc(236 * var(--u))); padding: calc(14 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)); background: #FFFFFF; color: #131317; border-radius: calc(20 * var(--u)); box-shadow: 0 24px 50px -20px rgba(0, 0, 0, .35); display: flex; flex-direction: column; gap: 3px; }
.eyebrow { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; min-height: 22px; padding: 4px 9px; line-height: 1.3; margin-bottom: 5px; border-radius: 11px; background: rgba(19, 19, 23, .06); font-size: 10px; font-weight: 700; letter-spacing: .09em; }
.eyebrow::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: #131317; }
.card .ct { font-size: max(17px, calc(20 * var(--u))); line-height: 1.25; font-weight: 700; letter-spacing: -.01em; }
.card .cw { font-size: max(12.5px, calc(13 * var(--u))); line-height: 1.38; color: rgba(19, 19, 23, .62); }

.act { position: absolute; left: calc(56 * var(--u)); bottom: calc(48 * var(--u)); z-index: 5; display: flex; align-items: center; gap: calc(20 * var(--u)); }
.cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: max(48px, calc(58 * var(--u))); padding: 0 max(22px, calc(28 * var(--u))); border-radius: 999px; background: var(--cta-bg); color: var(--cta-fg); font-size: max(15px, calc(17 * var(--u))); font-weight: 600; text-decoration: none; white-space: nowrap; transition: background-color .45s, color .45s, transform .15s; }
.cta:hover { transform: translateY(-2px); }
.cta:focus-visible, .tab:focus-visible, .pause:focus-visible, .top a:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.cta svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.free { font-size: max(14px, calc(15 * var(--u))); font-weight: 500; }

/* The look tabs double as the slideshow's progress: the active bar fills, then the next look comes in. */
.tabs { position: absolute; right: calc(56 * var(--u)); bottom: calc(40 * var(--u)); z-index: 5; display: flex; align-items: flex-end; gap: calc(14 * var(--u)); }
.tab { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: max(92px, calc(120 * var(--u))); min-height: 44px; padding: 12px 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: max(11px, calc(12 * var(--u))); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; text-align: left; cursor: pointer; }
.tab i { position: relative; display: block; width: 100%; height: 3px; border-radius: 2px; overflow: hidden; background: color-mix(in srgb, currentColor 28%, transparent); }
.tab b { position: absolute; inset: 0; background: currentColor; transform: scaleX(0); transform-origin: left; }
.tab.done b { transform: scaleX(1); }
.tab.on b { animation: fill var(--dur) linear forwards; }
.hero.hold .tab.on b, .hero.paused .tab.on b { animation-play-state: paused; }
@keyframes fill { to { transform: scaleX(1); } }
.pause { display: grid; place-items: center; width: 44px; height: 44px; margin-left: calc(4 * var(--u)); padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.pause svg { width: 18px; height: 18px; fill: currentColor; }
.pause .play, .hero.paused .pause .stop { display: none; }
.hero.paused .pause .play { display: block; }

/* ---- Snap. Wear. Plan. ---- */
.blocks { display: grid; grid-template-columns: repeat(3, calc(459 * var(--v))); gap: calc(16 * var(--v)); justify-content: center; padding: calc(16 * var(--v)); }
.blk { position: relative; height: calc(640 * var(--v)); padding: calc(34 * var(--v)) calc(34 * var(--v)) 0; overflow: hidden; border-radius: calc(34 * var(--v)); display: flex; flex-direction: column; }
.blk h2 { margin: 0; font-family: Anton, Impact, "Arial Narrow", sans-serif; font-weight: 400; font-size: calc(112 * var(--v)); line-height: .86; text-transform: uppercase; letter-spacing: 0; }
.blk p { margin: calc(14 * var(--v)) 0 0; max-width: 30ch; font-size: max(15px, calc(17 * var(--v))); line-height: 1.45; }
.snap { background: #ECE8E1; color: #1A1917; }
.wear { background: #3D271D; color: #F4F1EA; }
.plan { background: #D9CDBA; color: #1A1917; }

.snaps { position: relative; flex: 1; margin-top: calc(18 * var(--v)); }
.snaps img { position: absolute; object-fit: contain; }
.sn1 { left: 0; top: calc(14 * var(--v)); width: calc(150 * var(--v)); height: calc(146 * var(--v)); transform: rotate(-6deg); }
.sn2 { left: calc(136 * var(--v)); top: 0; width: calc(136 * var(--v)); height: calc(133 * var(--v)); transform: rotate(5deg); }
.sn3 { left: calc(266 * var(--v)); top: calc(20 * var(--v)); width: calc(124 * var(--v)); height: calc(124 * var(--v)); transform: rotate(-5deg); }
.sn4 { left: calc(26 * var(--v)); top: calc(176 * var(--v)); width: calc(86 * var(--v)); height: calc(151 * var(--v)); transform: rotate(3deg); }
.sn5 { left: calc(128 * var(--v)); top: calc(252 * var(--v)); width: calc(112 * var(--v)); height: calc(69 * var(--v)); transform: rotate(-4deg); }
.sn6 { left: calc(262 * var(--v)); top: calc(186 * var(--v)); width: calc(104 * var(--v)); height: calc(123 * var(--v)); transform: rotate(8deg); }

/* The Today screen: the app's own header and tab bar, with the poster's look inside (440 x 956 screen points). */
.phone { position: absolute; left: calc(116 * var(--v)); top: calc(290 * var(--v)); padding: calc(6 * var(--v)); border-radius: calc(40 * var(--v)); background: #0E0E11; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.scr { --a: calc(var(--v) * .48636); position: relative; width: calc(440 * var(--a)); height: calc(956 * var(--a)); overflow: hidden; border-radius: calc(34 * var(--v)); background: #F2F2F4; color: #131317; font-family: var(--sans); }
.scr .shot-top { position: absolute; left: 0; top: 0; width: 100%; height: calc(335 * var(--a)); }
.scr .shot-bottom { position: absolute; left: 0; top: calc(772 * var(--a)); width: 100%; height: calc(184 * var(--a)); }
.scr .says { position: absolute; left: calc(20 * var(--a)); top: calc(318 * var(--a)); width: calc(156 * var(--a)); display: flex; flex-direction: column; gap: calc(6 * var(--a)); }
.scr .says b { font-size: calc(22.4 * var(--a)); line-height: calc(28 * var(--a)); letter-spacing: -.01em; }
.scr .says span { font-size: calc(14.6 * var(--a)); line-height: calc(20 * var(--a)); color: rgba(19, 19, 23, .6); }
.scr .fig { left: calc(188 * var(--a)); top: calc(330 * var(--a)); width: calc(192 * var(--a)); height: calc(421 * var(--a)); }
.floor { position: absolute; left: 16%; right: 16%; bottom: -2.5%; height: 5%; border-radius: 50%; background: radial-gradient(closest-side, rgba(48, 36, 24, .2), rgba(48, 36, 24, 0)); }

.week { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(4 * var(--v)) calc(2 * var(--v)); margin-top: calc(26 * var(--v)); }
.wd { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.wd > span:first-child { font-size: max(10px, calc(11 * var(--v))); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .7; }
.wk { position: relative; display: block; width: calc(88 * var(--v)); height: calc(158 * var(--v)); }
.wk img { position: absolute; object-fit: contain; }

/* ---- More, footer ---- */
.more { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; padding: 26px clamp(16px, 4vw, 56px) 4px; font-size: 15px; }
.more a { padding: 8px 0; text-decoration: none; color: rgba(244, 241, 234, .86); }
.more a:hover { color: #FFFFFF; text-decoration: underline; text-underline-offset: 4px; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 30px; padding: 18px clamp(16px, 4vw, 56px) 34px; font-size: 14px; line-height: 1.5; color: rgba(244, 241, 234, .7); }
footer nav { display: flex; flex-wrap: wrap; gap: 6px 20px; }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .langs { flex-basis: 100%; gap: 4px 16px; font-size: 13px; }
footer .langs a { padding: 6px 0; color: rgba(244, 241, 234, .62); }
footer .langs a[aria-current] { color: #F4F1EA; font-weight: 600; }

/* ---- Other languages ---- */
/* Anton (Latin subset) draws the Western European languages. Other scripts get the system's boldest sans, sized by
   home.js's fit; Arabic, Devanagari and Thai need room above and below the letters. */
html:lang(pl) .big, html:lang(tr) .big, html:lang(vi) .big, html:lang(ru) .big, html:lang(uk) .big,
html:lang(pl) .blk h2, html:lang(tr) .blk h2, html:lang(vi) .blk h2, html:lang(ru) .blk h2, html:lang(uk) .blk h2 { font-family: Impact, "Arial Narrow", "Helvetica Neue", Arial, sans-serif; font-weight: 700; }
html:lang(ja) .big, html:lang(ja) .blk h2 { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; font-weight: 800; }
html:lang(ko) .big, html:lang(ko) .blk h2 { font-family: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; font-weight: 800; }
html:lang(zh-Hans) .big, html:lang(zh-Hans) .blk h2 { font-family: "PingFang SC", "Noto Sans SC", sans-serif; font-weight: 600; }
html:lang(zh-Hant) .big, html:lang(zh-Hant) .blk h2 { font-family: "PingFang TC", "Noto Sans TC", sans-serif; font-weight: 600; }
html:lang(ar) .big, html:lang(ar) .blk h2 { font-family: "SF Arabic", "Geeza Pro", "Noto Kufi Arabic", sans-serif; font-weight: 800; line-height: 1.15; }
html:lang(hi) .big, html:lang(hi) .blk h2 { font-family: "Kohinoor Devanagari", "Noto Sans Devanagari", sans-serif; font-weight: 700; line-height: 1.1; }
html:lang(th) .big, html:lang(th) .blk h2 { font-family: Thonburi, "Noto Sans Thai", sans-serif; font-weight: 700; line-height: 1.15; }
/* Letter spacing breaks Arabic joining; the tab bar fills from the right. */
[dir="rtl"] .tab, [dir="rtl"] .eyebrow, [dir="rtl"] .card .ct { letter-spacing: 0; }
[dir="rtl"] .tab { text-align: right; }
[dir="rtl"] .tab b { transform-origin: right; }

/* ---- Phone and narrow windows: the 390 x 840 poster, stacked blocks ---- */
@media (max-width: 999px) {
  :root { --u: min(calc(var(--cw) / 390), 1.4px); --v: min(calc(var(--cw) / 390), 1.4px); }
  .stage { width: calc(390 * var(--u)); height: calc(840 * var(--u)); }
  .top { padding: calc(18 * var(--u)) calc(20 * var(--u)); }
  .top nav a + a { display: none; }
  .l1 { top: calc(96 * var(--u)); }
  .l2 { top: calc(194 * var(--u)); }
  .l2 .ln { -webkit-text-stroke-width: calc(1.5 * var(--u)); }
  .ln.t0 { font-size: calc(80 * var(--u)); }
  .ln.t1 { font-size: calc(86 * var(--u)); }
  .ln.t2 { font-size: calc(90 * var(--u)); }
  .ln.t3 { font-size: calc(92 * var(--u)); }
  .hero .fig { left: calc(100 * var(--u)); top: calc(112 * var(--u)); width: calc(190 * var(--u)); height: calc(416 * var(--u)); }
  .hero .pc { filter: drop-shadow(0 calc(12 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, .18)); }
  .card { left: calc(20 * var(--u)); right: calc(20 * var(--u)); top: calc(548 * var(--u)); bottom: auto; width: auto; padding: calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)); border-radius: calc(18 * var(--u)); }
  .card .ct { font-size: calc(18 * var(--u)); }
  .card .cw { font-size: max(12.5px, calc(13 * var(--u))); }
  .act { left: calc(20 * var(--u)); right: calc(20 * var(--u)); top: calc(670 * var(--u)); bottom: auto; }
  .act .cta { flex: 1; height: calc(56 * var(--u)); font-size: calc(17 * var(--u)); }
  .act .free { display: none; }
  .tabs { left: calc(20 * var(--u)); right: calc(20 * var(--u)); top: calc(736 * var(--u)); bottom: auto; gap: calc(10 * var(--u)); }
  .tab { flex: 1 1 0; width: auto; font-size: max(10px, calc(10.5 * var(--u))); }
  .tab .n { display: none; }
  .pause { flex: 0 0 auto; margin: 0; }

  .blocks { grid-template-columns: calc(366 * var(--v)); gap: calc(12 * var(--v)); padding: calc(12 * var(--v)); }
  .blk { padding: calc(26 * var(--v)) calc(24 * var(--v)) 0; border-radius: calc(28 * var(--v)); }
  .snap { height: calc(520 * var(--v)); }
  .wear, .plan { height: calc(560 * var(--v)); }
  .blk h2 { font-size: calc(84 * var(--v)); }
  .blk p { margin-top: calc(12 * var(--v)); font-size: max(15px, calc(16 * var(--v))); }
  .snaps { margin-top: calc(14 * var(--v)); }
  .sn1 { left: 0; top: calc(10 * var(--v)); width: calc(128 * var(--v)); height: calc(125 * var(--v)); }
  .sn2 { left: calc(112 * var(--v)); top: 0; width: calc(116 * var(--v)); height: calc(114 * var(--v)); }
  .sn3 { left: calc(218 * var(--v)); top: calc(16 * var(--v)); width: calc(104 * var(--v)); height: calc(104 * var(--v)); }
  .sn4 { left: calc(22 * var(--v)); top: calc(148 * var(--v)); width: calc(72 * var(--v)); height: calc(126 * var(--v)); }
  .sn5 { left: calc(108 * var(--v)); top: calc(210 * var(--v)); width: calc(96 * var(--v)); height: calc(59 * var(--v)); }
  .sn6 { left: calc(220 * var(--v)); top: calc(160 * var(--v)); width: calc(92 * var(--v)); height: calc(109 * var(--v)); }
  .phone { left: calc(70 * var(--v)); top: calc(236 * var(--v)); }
  .week { gap: calc(6 * var(--v)) 0; margin-top: calc(20 * var(--v)); }
  .wk { width: calc(76 * var(--v)); height: calc(136 * var(--v)); }
  footer { justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .hero, .ln, .pc, .cta { transition: none; }
  .tab.on b { animation: none; transform: scaleX(1); }
  .pause { display: none; }
}

/* ---- Figures: generated from the app's LineupLayout (box 210 x 460); see the session notes. ---- */
/* A piece out of the current look waits at its first spot, hidden. */
.fig .p-trousers-black{left:16.21%;top:39.26%;width:67.58%;height:57.07%}
.fig .p-turtleneck-black{left:12.86%;top:11.86%;width:74.27%;height:39.21%}
.fig .p-bomber-burgundy{left:-26.57%;top:10.38%;width:80.6%;height:36.03%}
.fig .p-loafers-black{left:32.69%;top:88.48%;width:34.69%;height:11.41%}
.fig .p-bag-suede-baguette{left:77.96%;top:45.6%;width:38.86%;height:16.92%}
.fig .p-jeans-dark{left:16.03%;top:38.78%;width:67.93%;height:57.21%}
.fig .p-shirt-white{left:4.57%;top:11.84%;width:90.85%;height:40.95%}
.fig .p-coat-trench{left:-29.89%;top:10.02%;width:84.1%;height:47.25%}
.fig .p-loafers-brown{left:33.0%;top:87.67%;width:34.01%;height:12.23%}
.fig .p-bag-hobo-cognac{left:76.75%;top:41.03%;width:48.12%;height:26.05%}
.fig .p-knit-grey{left:7.1%;top:11.96%;width:85.8%;height:37.29%}
.fig .p-maryjanes-burgundy{left:32.05%;top:89.85%;width:35.83%;height:10.07%}
.fig .p-bag-burgundy-crescent{left:78.55%;top:44.57%;width:36.09%;height:18.98%}
.fig .p-trousers-olive-barrel{left:14.69%;top:39.5%;width:70.62%;height:57.0%}
.fig .p-loafers-suede{left:32.52%;top:88.87%;width:34.89%;height:11.03%}
.fig.lk-leather .p-trousers-black{left:16.21%;top:39.26%;width:67.58%;height:57.07%;z-index:1;opacity:1;transform:none;transition-delay:80ms}
.fig.lk-leather .p-turtleneck-black{left:12.86%;top:11.86%;width:74.27%;height:39.21%;z-index:2;opacity:1;transform:none;transition-delay:115ms}
.fig.lk-leather .p-bomber-burgundy{left:-26.57%;top:10.38%;width:80.6%;height:36.03%;z-index:3;opacity:1;transform:none;transition-delay:150ms}
.fig.lk-leather .p-loafers-black{left:32.69%;top:88.48%;width:34.69%;height:11.41%;z-index:4;opacity:1;transform:none;transition-delay:185ms}
.fig.lk-leather .p-bag-suede-baguette{left:77.96%;top:45.6%;width:38.86%;height:16.92%;z-index:5;opacity:1;transform:rotate(4deg);transition-delay:220ms}
.fig.lk-trench .p-jeans-dark{left:16.03%;top:38.78%;width:67.93%;height:57.21%;z-index:1;opacity:1;transform:none;transition-delay:80ms}
.fig.lk-trench .p-shirt-white{left:4.57%;top:11.84%;width:90.85%;height:40.95%;z-index:2;opacity:1;transform:none;transition-delay:115ms}
.fig.lk-trench .p-coat-trench{left:-29.89%;top:10.02%;width:84.1%;height:47.25%;z-index:3;opacity:1;transform:none;transition-delay:150ms}
.fig.lk-trench .p-loafers-brown{left:33.0%;top:87.67%;width:34.01%;height:12.23%;z-index:4;opacity:1;transform:none;transition-delay:185ms}
.fig.lk-trench .p-bag-hobo-cognac{left:76.75%;top:41.03%;width:48.12%;height:26.05%;z-index:5;opacity:1;transform:rotate(4deg);transition-delay:220ms}
.fig.lk-grey-burgundy .p-jeans-dark{left:16.03%;top:39.48%;width:67.93%;height:57.21%;z-index:1;opacity:1;transform:none;transition-delay:80ms}
.fig.lk-grey-burgundy .p-knit-grey{left:7.1%;top:11.96%;width:85.8%;height:37.29%;z-index:2;opacity:1;transform:none;transition-delay:115ms}
.fig.lk-grey-burgundy .p-maryjanes-burgundy{left:32.05%;top:89.85%;width:35.83%;height:10.07%;z-index:3;opacity:1;transform:none;transition-delay:150ms}
.fig.lk-grey-burgundy .p-bag-burgundy-crescent{left:78.55%;top:44.57%;width:36.09%;height:18.98%;z-index:4;opacity:1;transform:rotate(4deg);transition-delay:185ms}
.fig.lk-olive .p-trousers-olive-barrel{left:14.69%;top:39.5%;width:70.62%;height:57.0%;z-index:1;opacity:1;transform:none;transition-delay:80ms}
.fig.lk-olive .p-turtleneck-black{left:12.86%;top:11.86%;width:74.27%;height:39.21%;z-index:2;opacity:1;transform:none;transition-delay:115ms}
.fig.lk-olive .p-loafers-suede{left:32.52%;top:88.87%;width:34.89%;height:11.03%;z-index:3;opacity:1;transform:none;transition-delay:150ms}
.fig.lk-olive .p-bag-hobo-cognac{left:78.09%;top:41.03%;width:48.12%;height:26.05%;z-index:4;opacity:1;transform:rotate(4deg);transition-delay:185ms}
.wk-grey-burgundy .p-jeans-dark{left:calc(15.1 * var(--v));top:calc(60.54 * var(--v));width:calc(47.55 * var(--v));height:calc(87.72 * var(--v));z-index:1}
.wk-grey-burgundy .p-knit-grey{left:calc(8.85 * var(--v));top:calc(18.34 * var(--v));width:calc(60.06 * var(--v));height:calc(57.18 * var(--v));z-index:2}
.wk-grey-burgundy .p-maryjanes-burgundy{left:calc(26.31 * var(--v));top:calc(137.77 * var(--v));width:calc(25.08 * var(--v));height:calc(15.44 * var(--v));z-index:3}
.wk-grey-burgundy .p-bag-burgundy-crescent{left:calc(58.86 * var(--v));top:calc(68.34 * var(--v));width:calc(25.26 * var(--v));height:calc(29.1 * var(--v));z-index:4;transform:rotate(4deg)}
.wk-olive .p-trousers-olive-barrel{left:calc(10.11 * var(--v));top:calc(60.57 * var(--v));width:calc(49.43 * var(--v));height:calc(87.4 * var(--v));z-index:1}
.wk-olive .p-turtleneck-black{left:calc(8.83 * var(--v));top:calc(18.19 * var(--v));width:calc(51.99 * var(--v));height:calc(60.12 * var(--v));z-index:2}
.wk-olive .p-loafers-suede{left:calc(22.59 * var(--v));top:calc(136.27 * var(--v));width:calc(24.42 * var(--v));height:calc(16.91 * var(--v));z-index:3}
.wk-olive .p-bag-hobo-cognac{left:calc(54.49 * var(--v));top:calc(62.91 * var(--v));width:calc(33.68 * var(--v));height:calc(39.94 * var(--v));z-index:4;transform:rotate(4deg)}
.wk-trench .p-jeans-dark{left:calc(21.98 * var(--v));top:calc(59.46 * var(--v));width:calc(47.55 * var(--v));height:calc(87.72 * var(--v));z-index:1}
.wk-trench .p-shirt-white{left:calc(13.96 * var(--v));top:calc(18.15 * var(--v));width:calc(63.59 * var(--v));height:calc(62.79 * var(--v));z-index:2}
.wk-trench .p-coat-trench{left:calc(-10.17 * var(--v));top:calc(15.36 * var(--v));width:calc(58.87 * var(--v));height:calc(72.45 * var(--v));z-index:3}
.wk-trench .p-loafers-brown{left:calc(33.86 * var(--v));top:calc(134.43 * var(--v));width:calc(23.81 * var(--v));height:calc(18.75 * var(--v));z-index:4}
.wk-trench .p-bag-hobo-cognac{left:calc(64.48 * var(--v));top:calc(62.91 * var(--v));width:calc(33.68 * var(--v));height:calc(39.94 * var(--v));z-index:5;transform:rotate(4deg)}
.wk-butter .p-jeans-dark{left:calc(14.27 * var(--v));top:calc(60.31 * var(--v));width:calc(47.55 * var(--v));height:calc(87.72 * var(--v));z-index:1}
.wk-butter .p-knit-butter{left:calc(8.1 * var(--v));top:calc(18.2 * var(--v));width:calc(59.9 * var(--v));height:calc(57.36 * var(--v));z-index:2}
.wk-butter .p-loafers-suede{left:calc(25.81 * var(--v));top:calc(136.27 * var(--v));width:calc(24.42 * var(--v));height:calc(16.91 * var(--v));z-index:3}
.wk-butter .p-bag-suede-baguette{left:calc(57.75 * var(--v));top:calc(69.92 * var(--v));width:calc(27.2 * var(--v));height:calc(25.94 * var(--v));z-index:4;transform:rotate(4deg)}
.wk-leather .p-trousers-black{left:calc(23.76 * var(--v));top:calc(60.2 * var(--v));width:calc(47.31 * var(--v));height:calc(87.51 * var(--v));z-index:1}
.wk-leather .p-turtleneck-black{left:calc(21.41 * var(--v));top:calc(18.19 * var(--v));width:calc(51.99 * var(--v));height:calc(60.12 * var(--v));z-index:2}
.wk-leather .p-bomber-burgundy{left:calc(-6.19 * var(--v));top:calc(15.92 * var(--v));width:calc(56.42 * var(--v));height:calc(55.25 * var(--v));z-index:3}
.wk-leather .p-loafers-black{left:calc(35.3 * var(--v));top:calc(135.67 * var(--v));width:calc(24.28 * var(--v));height:calc(17.5 * var(--v));z-index:4}
.wk-leather .p-bag-suede-baguette{left:calc(66.98 * var(--v));top:calc(69.92 * var(--v));width:calc(27.2 * var(--v));height:calc(25.94 * var(--v));z-index:5;transform:rotate(4deg)}
.wk-weekend .p-joggers-taupe{left:calc(25.63 * var(--v));top:calc(56.73 * var(--v));width:calc(39.65 * var(--v));height:calc(88.81 * var(--v));z-index:1}
.wk-weekend .p-tee-white{left:calc(12.68 * var(--v));top:calc(18.05 * var(--v));width:calc(65.55 * var(--v));height:calc(61.55 * var(--v));z-index:2}
.wk-weekend .p-cardigan-chocolate{left:calc(-5.91 * var(--v));top:calc(15.87 * var(--v));width:calc(54.06 * var(--v));height:calc(53.04 * var(--v));z-index:3}
.wk-weekend .p-sneakers-white{left:calc(31.21 * var(--v));top:calc(131.1 * var(--v));width:calc(28.48 * var(--v));height:calc(22.2 * var(--v));z-index:4}
.wk-weekend .p-bag-hobo-cognac{left:calc(60.22 * var(--v));top:calc(62.91 * var(--v));width:calc(33.68 * var(--v));height:calc(39.94 * var(--v));z-index:5;transform:rotate(4deg)}
.wk-rose .p-joggers-oat{left:calc(19.85 * var(--v));top:calc(58.82 * var(--v));width:calc(40.13 * var(--v));height:calc(89.26 * var(--v));z-index:1}
.wk-rose .p-cardigan-pink{left:calc(12.88 * var(--v));top:calc(18.4 * var(--v));width:calc(54.05 * var(--v));height:calc(52.85 * var(--v));z-index:2}
.wk-rose .p-loafers-suede{left:calc(27.67 * var(--v));top:calc(136.27 * var(--v));width:calc(24.42 * var(--v));height:calc(16.91 * var(--v));z-index:3}
.wk-rose .p-bag-suede-baguette{left:calc(55.89 * var(--v));top:calc(69.92 * var(--v));width:calc(27.2 * var(--v));height:calc(25.94 * var(--v));z-index:4;transform:rotate(4deg)}
@media (max-width: 999px) {
  .wk-grey-burgundy .p-jeans-dark{left:calc(13.23 * var(--v));top:calc(51.89 * var(--v));width:calc(40.76 * var(--v));height:calc(75.19 * var(--v));z-index:1}
  .wk-grey-burgundy .p-knit-grey{left:calc(7.87 * var(--v));top:calc(15.72 * var(--v));width:calc(51.48 * var(--v));height:calc(49.01 * var(--v));z-index:2}
  .wk-grey-burgundy .p-maryjanes-burgundy{left:calc(22.84 * var(--v));top:calc(118.09 * var(--v));width:calc(21.5 * var(--v));height:calc(13.23 * var(--v));z-index:3}
  .wk-grey-burgundy .p-bag-burgundy-crescent{left:calc(50.74 * var(--v));top:calc(58.58 * var(--v));width:calc(21.65 * var(--v));height:calc(24.95 * var(--v));z-index:4;transform:rotate(4deg)}
  .wk-olive .p-trousers-olive-barrel{left:calc(8.95 * var(--v));top:calc(51.91 * var(--v));width:calc(42.37 * var(--v));height:calc(74.91 * var(--v));z-index:1}
  .wk-olive .p-turtleneck-black{left:calc(7.85 * var(--v));top:calc(15.59 * var(--v));width:calc(44.56 * var(--v));height:calc(51.53 * var(--v));z-index:2}
  .wk-olive .p-loafers-suede{left:calc(19.65 * var(--v));top:calc(116.8 * var(--v));width:calc(20.93 * var(--v));height:calc(14.5 * var(--v));z-index:3}
  .wk-olive .p-bag-hobo-cognac{left:calc(46.99 * var(--v));top:calc(53.93 * var(--v));width:calc(28.87 * var(--v));height:calc(34.24 * var(--v));z-index:4;transform:rotate(4deg)}
  .wk-trench .p-jeans-dark{left:calc(19.12 * var(--v));top:calc(50.97 * var(--v));width:calc(40.76 * var(--v));height:calc(75.19 * var(--v));z-index:1}
  .wk-trench .p-shirt-white{left:calc(12.25 * var(--v));top:calc(15.56 * var(--v));width:calc(54.51 * var(--v));height:calc(53.82 * var(--v));z-index:2}
  .wk-trench .p-coat-trench{left:calc(-8.43 * var(--v));top:calc(13.17 * var(--v));width:calc(50.46 * var(--v));height:calc(62.1 * var(--v));z-index:3}
  .wk-trench .p-loafers-brown{left:calc(29.31 * var(--v));top:calc(115.22 * var(--v));width:calc(20.41 * var(--v));height:calc(16.07 * var(--v));z-index:4}
  .wk-trench .p-bag-hobo-cognac{left:calc(55.56 * var(--v));top:calc(53.93 * var(--v));width:calc(28.87 * var(--v));height:calc(34.24 * var(--v));z-index:5;transform:rotate(4deg)}
  .wk-butter .p-jeans-dark{left:calc(12.52 * var(--v));top:calc(51.69 * var(--v));width:calc(40.76 * var(--v));height:calc(75.19 * var(--v));z-index:1}
  .wk-butter .p-knit-butter{left:calc(7.23 * var(--v));top:calc(15.6 * var(--v));width:calc(51.34 * var(--v));height:calc(49.17 * var(--v));z-index:2}
  .wk-butter .p-loafers-suede{left:calc(22.41 * var(--v));top:calc(116.8 * var(--v));width:calc(20.93 * var(--v));height:calc(14.5 * var(--v));z-index:3}
  .wk-butter .p-bag-suede-baguette{left:calc(49.78 * var(--v));top:calc(59.93 * var(--v));width:calc(23.32 * var(--v));height:calc(22.24 * var(--v));z-index:4;transform:rotate(4deg)}
  .wk-leather .p-trousers-black{left:calc(20.65 * var(--v));top:calc(51.6 * var(--v));width:calc(40.55 * var(--v));height:calc(75.01 * var(--v));z-index:1}
  .wk-leather .p-turtleneck-black{left:calc(18.64 * var(--v));top:calc(15.59 * var(--v));width:calc(44.56 * var(--v));height:calc(51.53 * var(--v));z-index:2}
  .wk-leather .p-bomber-burgundy{left:calc(-5.02 * var(--v));top:calc(13.64 * var(--v));width:calc(48.36 * var(--v));height:calc(47.35 * var(--v));z-index:3}
  .wk-leather .p-loafers-black{left:calc(30.54 * var(--v));top:calc(116.29 * var(--v));width:calc(20.81 * var(--v));height:calc(15.0 * var(--v));z-index:4}
  .wk-leather .p-bag-suede-baguette{left:calc(57.7 * var(--v));top:calc(59.93 * var(--v));width:calc(23.32 * var(--v));height:calc(22.24 * var(--v));z-index:5;transform:rotate(4deg)}
  .wk-weekend .p-joggers-taupe{left:calc(22.25 * var(--v));top:calc(48.63 * var(--v));width:calc(33.98 * var(--v));height:calc(76.12 * var(--v));z-index:1}
  .wk-weekend .p-tee-white{left:calc(11.15 * var(--v));top:calc(15.47 * var(--v));width:calc(56.18 * var(--v));height:calc(52.76 * var(--v));z-index:2}
  .wk-weekend .p-cardigan-chocolate{left:calc(-4.78 * var(--v));top:calc(13.6 * var(--v));width:calc(46.34 * var(--v));height:calc(45.46 * var(--v));z-index:3}
  .wk-weekend .p-sneakers-white{left:calc(27.04 * var(--v));top:calc(112.37 * var(--v));width:calc(24.41 * var(--v));height:calc(19.03 * var(--v));z-index:4}
  .wk-weekend .p-bag-hobo-cognac{left:calc(51.9 * var(--v));top:calc(53.93 * var(--v));width:calc(28.87 * var(--v));height:calc(34.24 * var(--v));z-index:5;transform:rotate(4deg)}
  .wk-rose .p-joggers-oat{left:calc(17.3 * var(--v));top:calc(50.42 * var(--v));width:calc(34.4 * var(--v));height:calc(76.5 * var(--v));z-index:1}
  .wk-rose .p-cardigan-pink{left:calc(11.33 * var(--v));top:calc(15.77 * var(--v));width:calc(46.33 * var(--v));height:calc(45.3 * var(--v));z-index:2}
  .wk-rose .p-loafers-suede{left:calc(24.01 * var(--v));top:calc(116.8 * var(--v));width:calc(20.93 * var(--v));height:calc(14.5 * var(--v));z-index:3}
  .wk-rose .p-bag-suede-baguette{left:calc(48.19 * var(--v));top:calc(59.93 * var(--v));width:calc(23.32 * var(--v));height:calc(22.24 * var(--v));z-index:4;transform:rotate(4deg)}
}