@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-soft-normal-DSA2Kggd.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-soft-normal-DKHvU-YN.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-soft-normal-C-lS_vzd.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--ink: #fffaf3;--ink-dim: rgba(255, 250, 243, .82);--app-height: 100dvh;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif: "Fraunces Variable", Palatino, Georgia, serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#140c10}body{overflow:hidden;overscroll-behavior:none}button,input{font:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:var(--app-height);color:var(--ink);font-family:var(--sans)}.intro,.drape,.wheel,.camera,.adjust,.check{position:absolute;top:0;right:0;bottom:0;left:0}.half{position:absolute;top:0;bottom:0;width:50%;border:0;padding:0;transition:background-color .5s ease}.half:first-child,.cloth:first-of-type{left:0}.half:nth-child(2),.drape .cloth:last-of-type{right:0;left:auto}.cloth{cursor:pointer;color:inherit}.cloth:focus-visible,.actions button:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.copy{position:absolute;z-index:2;left:0;right:0;text-align:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));text-shadow:0 1px 2px rgba(0,0,0,.45),0 10px 28px rgba(0,0,0,.28);pointer-events:none}.intro h1{max-width:16rem;font-size:clamp(40px,11vw,68px)}.copy h1,.wheel-copy h1{margin:0 auto;max-width:18rem;font-family:var(--serif);font-size:clamp(34px,9vw,56px);font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em;line-height:.95}.copy p{margin:14px auto 0;max-width:22rem;font-size:17px;line-height:1.35}.quiet{color:var(--ink-dim)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;pointer-events:auto}.actions button,.actions a{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;white-space:nowrap;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;min-height:44px;padding:10px 0 6px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none}.face{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:min(46vw,250px);aspect-ratio:640 / 760;object-fit:cover;border-radius:48%/44%;box-shadow:0 0 0 1px var(--ink),0 14px 30px #140c1047;pointer-events:none}.cloth-wash{position:absolute;top:0;bottom:0;left:0;z-index:1;width:50%;pointer-events:none;background:linear-gradient(180deg,#fffaf329,#fffaf300 42%,#140c1033),url(/grain.png);background-size:auto,128px 128px}.cloth-wash.right{left:auto;right:0;transform:scaleX(-1)}.cloth-wash.full{width:100%}.seam{position:absolute;top:0;bottom:0;left:50%;z-index:2;width:1px;transform:translate(-.5px);pointer-events:none;background:linear-gradient(to bottom,transparent 0 16%,#fffaf3 16% 33%,transparent 33% 64%,#fffaf3 64% 82%,transparent 82% 100%)}.drape-copy{top:0}.drape-copy h1{font-size:clamp(28px,7vw,42px)}.drape-foot{position:absolute;z-index:2;left:0;right:0;bottom:0;text-align:center;padding:0 max(22px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));text-shadow:0 1px 2px rgba(0,0,0,.45)}.count{margin:0;font-family:var(--serif);font-size:28px;font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em}.side{position:absolute;bottom:22%;font-size:13px;letter-spacing:.04em;opacity:.8}.cloth:first-of-type .side{left:16px}.drape .cloth:last-of-type .side{right:16px}.dark-ink{--ink: #24160f;--ink-dim: rgba(36, 22, 15, .72);color:var(--ink)}.dark-ink .actions button{color:var(--ink)}.dark-ink .copy,.dark-ink .drape-foot,.dark-ink h1{text-shadow:none}.drape.dark-ink .seam{background:linear-gradient(to bottom,transparent 0 16%,#24160f 16% 33%,transparent 33% 64%,#24160f 64% 82%,transparent 82% 100%)}.camera video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-copy{bottom:0;top:auto;padding-bottom:max(18px,env(safe-area-inset-bottom))}.wheel canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.report{overflow-x:hidden;overflow-y:auto;background:#140c10}.wheel.report canvas{position:relative;inset:auto;display:block;width:min(100%,72vh,560px);height:auto;aspect-ratio:1;margin:0 auto;touch-action:none}.wheel.report canvas:focus-visible{outline:2px solid #fffaf3;outline-offset:-10px}.raised{display:flex;flex-direction:column;justify-content:flex-end;min-height:168px;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 20px max(22px,env(safe-area-inset-left));background:#140c10;color:#fffaf3}.raised .mark{margin-bottom:12px}.raised-line{margin:0;max-width:16rem;font-family:var(--serif);font-size:clamp(28px,7vw,40px);font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em;line-height:1.02}.raised.dark-ink{color:#24160f}.report-copy{position:relative;z-index:1;padding:22px max(22px,env(safe-area-inset-right)) 4px max(22px,env(safe-area-inset-left));text-align:left;pointer-events:auto;text-shadow:none}.report-copy h1{margin:0;max-width:18rem;text-align:left;font-family:var(--serif);font-size:clamp(32px,8vw,48px);font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em;line-height:.98}.report-copy p{margin:12px 0 0;max-width:24rem;text-align:left;font-size:17px;line-height:1.35}.report .actions{justify-content:flex-start;padding-bottom:8px}.group{margin-top:28px}.group h2{margin:0 22px 8px;font-family:var(--serif);font-weight:560;font-size:26px;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em}.swatch{display:block;width:100%;min-height:88px;border:0;padding:28px 22px;text-align:left;font-family:var(--serif);font-weight:560;font-size:32px;letter-spacing:-.03em;color:#fffaf3;cursor:pointer;box-shadow:inset 0 1px #fffaf347}.swatch.dark-ink{color:#24160f;box-shadow:inset 0 1px #24160f33}.swatch:focus-visible{outline:2px solid currentColor;outline-offset:-6px}.report .group:last-of-type{margin-bottom:max(18px,env(safe-area-inset-bottom))}.cloth-open{position:fixed;z-index:6}.wheel-copy{top:auto;bottom:0;padding-bottom:max(18px,env(safe-area-inset-bottom));text-shadow:none}.mark{margin:0;font-family:var(--serif);font-size:15px;font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 30,"opsz" 18,"WONK" 0;letter-spacing:-.02em;line-height:1.1}.intro .mark{margin-bottom:14px;font-size:18px}.camera>.mark{position:absolute;z-index:2;top:0;left:0;right:0;padding-top:max(16px,env(safe-area-inset-top));text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45)}.drape-foot .mark{margin-bottom:2px}.wheel-copy .mark{margin-bottom:10px}.adjust .mark{position:absolute;top:max(16px,env(safe-area-inset-top));left:0;right:0;text-align:center}.dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.dots span{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #fffaf373}.dots .red{width:28px;height:28px}.adjust{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#1a1014}.frame{position:relative;width:min(100%,420px);margin:0 auto;touch-action:none}.frame img{width:100%;height:100%;object-fit:fill;display:block}.window{position:absolute;border:1.5px solid var(--ink);border-radius:46%;box-shadow:0 0 0 999px #0c060873;pointer-events:none}.check{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));background:#140c10;transition:background-color .5s ease}.check .mark{margin-bottom:14px}.check h1{margin:0 auto;max-width:18rem;font-family:var(--serif);font-size:clamp(32px,8vw,52px);font-weight:560;font-optical-sizing:auto;font-variation-settings:"SOFT" 40,"WONK" 0;letter-spacing:-.03em;line-height:.98;text-shadow:none}.check>:not(.cloth-wash){position:relative;z-index:2}.check form{width:min(100%,22rem)}.check .product{margin:0 auto 8px;max-width:20rem;font-size:15px}.check-field{width:100%;margin-top:18px;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:12px 0;text-align:center;font-size:16px}.card-preview{width:min(42vw,200px);height:auto;margin:12px auto 0;border-radius:16px}.check-field::placeholder{color:var(--ink-dim)}.check-field:focus-visible,.chips button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;max-width:22rem;margin-top:16px}.chips button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;min-height:44px;padding:8px 0;font:inherit;font-size:16px;cursor:pointer}@media(prefers-reduced-motion:reduce){.half,.check,.raised{transition:none}}