.dops{--dops-bg:#fff;--dops-fg:#1b2440;--dops-muted:#697091;--dops-line:#e4e7ef;--dops-track:#d7dae2;--dops-canvas:#eef1f7;--dops-navy:#20316f;--dops-navy-deep:#1a2650;--dops-navy-fg:#fff;--dops-red:#c23429;--dops-red-fg:#fff;--dops-teal:#1d7367;--dops-teal-fg:#fff;--dops-price:#15795b;--dops-sky:#bed2ef;--dops-sky-deep:#a9c3e6;--dops-sky-fg:#20316f;--dops-ph-1:#eef1f6;--dops-ph-2:#dfe5ee;--dops-shimmer:#fff;--dops-shot-ice-1:#ecf3fc;--dops-shot-ice-2:#d3e4f7;--dops-shot-blue-1:#e4edfb;--dops-shot-blue-2:#c4dbf4;--dops-shot-green-1:#e8f3ec;--dops-shot-green-2:#cde6d6;--dops-shot-purple-1:#efeaf9;--dops-shot-purple-2:#dcd1f0;--dops-shot-aqua-1:#e5f3f4;--dops-shot-aqua-2:#c7e8ea;--dops-shot-warm-1:#f5efe7;--dops-shot-warm-2:#ebdfd0}
.dops{--dops-w:760;--dops-s:.7;--dops-ease:cubic-bezier(.22, 1, .36, 1);width:100%;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;text-align:left;margin-inline:auto;position:relative}.dops-board{aspect-ratio:760/578;background:var(--dops-bg);opacity:0;width:100%;transition:transform calc(.76s * var(--demo-time)) var(--dops-ease), opacity calc(.52s * var(--demo-time)) ease-out;border-radius:16px;position:relative;overflow:hidden;transform:translateY(16px)scale(.985);box-shadow:0 0 0 1px #1b24400f,0 26px 60px -26px #1b24404d,0 10px 24px -16px #1b244038}.dops[data-built=true] .dops-board{opacity:1;transform:none}.dops-stage{width:760px;height:578px;transform:scale(var(--dops-s));transform-origin:0 0;position:absolute;top:0;left:0}.dops-chrome{z-index:2;background:var(--dops-canvas);border-bottom:1px solid var(--dops-line);align-items:center;gap:8px;height:38px;padding-inline:14px;display:flex;position:relative;overflow:hidden}.dops-dot{background:var(--dops-track);border-radius:999px;flex:none;width:9px;height:9px}.dops-url{background:var(--dops-bg);height:22px;color:var(--dops-muted);white-space:nowrap;border-radius:999px;flex:1;align-items:center;gap:7px;margin-inline:8px;padding-inline:12px;font-size:11px;display:flex;overflow:hidden}.dops-url>span{text-overflow:ellipsis;overflow:hidden}.dops-url:before{content:"";background:var(--dops-teal);border-radius:999px;flex:none;width:6px;height:6px}.dops[data-open=true] .dops-url{color:var(--dops-fg)}.dops[data-open=true] .dops-url:before{background:var(--dops-navy)}.dops-loadbar{background:var(--dops-navy);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.dops[data-open=true] .dops-loadbar{animation:dops-load calc(.9s * var(--demo-time)) var(--dops-ease) forwards}@keyframes dops-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dops-viewport{background:var(--dops-bg);position:absolute;inset:38px 0 0;overflow:hidden}.dops-pdp{z-index:3;background-color:var(--dops-bg);opacity:0;transition:opacity calc(.36s * var(--demo-time)) var(--dops-ease), transform calc(.44s * var(--demo-time)) var(--dops-ease);pointer-events:none;background-image:url(/images/dops/casper-pdp.webp);background-position:50% 0;background-repeat:no-repeat;background-size:100%;position:absolute;inset:0;transform:translateY(10px)}.dops[data-open=true] .dops-pdp{opacity:1;transition-delay:calc(.38s * var(--demo-time));animation:dops-pdp-scroll calc(1.9s * var(--demo-time)) var(--dops-ease) calc(.8s * var(--demo-time)) both;transform:translateY(0)}@keyframes dops-pdp-scroll{0%{background-position-y:0%}to{background-position-y:34%}}.dops-screen{width:760px;transform:translateY(calc(var(--dops-scroll,0) * -1px));transition:transform calc(1s * var(--demo-time)) var(--dops-ease);position:absolute;top:0;left:0}.dops[data-scroll="1"]{--dops-scroll:212}.dops[data-built=false] .dops-screen{transition:none}.dops:not([data-surface=hero]){background-color:var(--color-ocean-tint);justify-content:center;align-items:center;padding:7.5%;display:flex;position:absolute;inset:0;overflow:hidden}.dops:not([data-surface=hero]):before{content:"";background:url(/images/work/bg-ht-6.webp) 50% 40%/cover no-repeat;position:absolute;inset:0}.dops:not([data-surface=hero]):after{content:"";opacity:var(--grain);mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 100 100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='1.4' numOctaves='1' seed='2' stitchTiles='stitch' result='n'/%3E%3CfeComponentTransfer result='g'%3E%3CfeFuncR type='linear' slope='4' intercept='1'/%3E%3CfeFuncG type='linear' slope='4' intercept='1'/%3E%3CfeFuncB type='linear' slope='4' intercept='1'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix type='saturate' values='0' in='g'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.dops:not([data-surface=hero]) .dops-board{aspect-ratio:16/9;width:100%;max-width:640px;height:auto}.dops-card[data-target]{position:relative}.dops-cursor{z-index:6;pointer-events:none;opacity:0;width:22px;height:22px;transition:opacity calc(.24s * var(--demo-time)) ease, transform calc(.3s * var(--demo-time)) var(--dops-ease);filter:drop-shadow(0 2px 4px #1b24404d);position:absolute;top:46%;left:60%;transform:translate(7px,9px)scale(.9)}.dops[data-cursor=pillow] .dops-cursor{opacity:1;transform:translate(0)scale(1)}.dops[data-press=pillow] .dops-cursor{transform:translate(0)scale(.82)}.dops-tap{background:var(--dops-navy);opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset:0}.dops[data-press=pillow] .dops-tap{animation:dops-tap calc(.46s * var(--demo-time)) ease-out}@keyframes dops-tap{0%{opacity:.16}to{opacity:0}}.dops-rise,.dops-drop,.dops-pop,.dops-grow,.dops-btn,.dops-fade{transition:opacity calc(.48s * var(--demo-time)) var(--dops-ease), transform calc(.52s * var(--demo-time)) var(--dops-ease);will-change:transform, opacity}.dops-rise[data-on=false]{opacity:0;transform:translateY(10px)}.dops-drop[data-on=false]{opacity:0;transform:translateY(-9px)}.dops-pop[data-on=false]{opacity:0;transform:translateY(14px)scale(.965)}.dops-grow{transform-origin:0}.dops-grow[data-on=false]{opacity:0;transform:scaleX(0)}.dops-btn{transform-origin:50%}.dops-btn[data-on=false]{opacity:0;transform:scaleX(.55)}.dops-fade[data-on=false]{opacity:0}.dops-rise[data-on=true],.dops-drop[data-on=true],.dops-pop[data-on=true],.dops-grow[data-on=true],.dops-btn[data-on=true],.dops-fade[data-on=true]{opacity:1;transform:none}.dops[data-phase=teardown] .dops-rise,.dops[data-phase=teardown] .dops-drop,.dops[data-phase=teardown] .dops-pop,.dops[data-phase=teardown] .dops-grow,.dops[data-phase=teardown] .dops-btn,.dops[data-phase=teardown] .dops-fade{transition:opacity calc(.3s * var(--demo-time)) ease-in, transform calc(.32s * var(--demo-time)) var(--dops-ease)}.dops-utility{background:var(--dops-navy-deep);height:24px;color:var(--dops-navy-fg);justify-content:space-between;align-items:center;padding-inline:20px;font-size:9px;display:flex}.dops-utility-mid{align-items:center;gap:10px;display:flex}.dops-utility-mid svg{opacity:.7;width:8px;height:8px}.dops-utility-side{align-items:center;gap:5px;display:flex}.dops-utility svg{width:10px;height:10px}.dops-header{border-bottom:1px solid var(--dops-line);background:var(--dops-bg);grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding-inline:20px;display:grid;position:relative}.dops-logo{letter-spacing:-.02em;color:var(--dops-navy);font-size:18px;font-weight:800}.dops-logo-img{width:auto;height:18px}.dops-nav{align-items:center;gap:18px;display:flex}.dops-nav>span{color:var(--dops-fg);font-size:11px;font-weight:500;position:relative}.dops-nav>span.is-sale{color:var(--dops-red)}.dops-nav-underline{background:var(--dops-navy);width:100%;height:2px;position:absolute;bottom:-3px;left:0}.dops-header-icons{color:var(--dops-navy);justify-content:flex-end;align-items:center;gap:14px;display:flex}.dops-header-icons svg{width:15px;height:15px}.dops-promo{background:var(--dops-red);height:40px;color:var(--dops-red-fg);justify-content:center;align-items:center;gap:16px;display:flex}.dops-promo-eyebrow{font-size:11px;font-weight:600}.dops-promo-head{letter-spacing:-.01em;font-size:16px;font-weight:700}.dops-promo-note{opacity:.9;font-size:9px;text-decoration:underline}.dops-filters{justify-content:space-between;align-items:center;height:44px;padding-inline:20px;display:flex}.dops-toggle{color:var(--dops-fg);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.dops-toggle-track{background:var(--dops-track);border-radius:999px;width:26px;height:14px;position:relative}.dops-toggle-knob{background:var(--dops-bg);border-radius:999px;width:10px;height:10px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #1b244040}.dops-filter-pills{gap:14px;display:flex}.dops-filter-pill{color:var(--dops-fg);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.dops-filter-pill svg{opacity:.6;width:11px;height:11px}.dops-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 20px 0;display:grid}.dops-card{flex-direction:column;gap:8px;display:flex}.dops-photo{aspect-ratio:4/3;background:linear-gradient(135deg, var(--dops-ph-1), var(--dops-ph-2));border-radius:8px;position:relative;overflow:hidden}.dops-photo--ice{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-ice-1), var(--dops-shot-ice-2))}.dops-photo--blue{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-blue-1), var(--dops-shot-blue-2))}.dops-photo--green{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-green-1), var(--dops-shot-green-2))}.dops-photo--purple{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-purple-1), var(--dops-shot-purple-2))}.dops-photo--aqua{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-aqua-1), var(--dops-shot-aqua-2))}.dops-photo--warm{background:radial-gradient(120% 100% at 50% 20%, var(--dops-shot-warm-1), var(--dops-shot-warm-2))}.dops-photo-shimmer{opacity:0;transition:opacity calc(.32s * var(--demo-time)) ease-out;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/220% 100%;position:absolute;inset:0}.dops-photo-shimmer[data-on=true]{opacity:1;animation:dops-sweep calc(1.15s * var(--demo-time)) linear infinite}@keyframes dops-sweep{0%{background-position:160% 0}to{background-position:-60% 0}}.dops-photo-img{opacity:0;filter:blur(9px);width:100%;height:100%;transition:opacity calc(.56s * var(--demo-time)) var(--dops-ease), filter calc(.62s * var(--demo-time)) var(--dops-ease), transform calc(.62s * var(--demo-time)) var(--dops-ease);position:absolute;inset:0;transform:scale(1.06)}.dops-photo-img[data-on=true]{opacity:1;filter:blur();transform:none}.dops-photo-real{background-position:50%;background-repeat:no-repeat;background-size:cover}.dops-photo-img--cooling-pillow{background-image:url(/images/dops/cooling-pillow.webp)}.dops-photo-img--cooling-pillow-pack{background-image:url(/images/dops/cooling-pillow-pack.webp)}.dops-photo-img--original-pillow{background-image:url(/images/dops/original-pillow.webp)}.dops-photo-img--original-pillow-pack{background-image:url(/images/dops/original-pillow-pack.webp)}.dops-photo-img--hybrid-pillow{background-image:url(/images/dops/hybrid-pillow.webp)}.dops-photo-img--nap-pillow{background-image:url(/images/dops/nap-pillow.webp)}.dops-photo-img--down-pillow{background-image:url(/images/dops/down-pillow.webp)}.dops-photo-img--backrest-pillow{background-image:url(/images/dops/backrest-pillow.webp)}.dops-grid>:nth-of-type(2) .dops-photo-img{transition-delay:calc(80ms * var(--demo-time))}.dops-grid>:nth-of-type(4) .dops-photo-img{transition-delay:calc(.16s * var(--demo-time))}.dops-grid>:nth-of-type(5) .dops-photo-img{transition-delay:calc(.24s * var(--demo-time))}.dops-grid>:nth-of-type(6) .dops-photo-img{transition-delay:calc(.32s * var(--demo-time))}.dops-grid>:nth-of-type(8) .dops-photo-img{transition-delay:calc(.1s * var(--demo-time))}.dops-grid>:nth-of-type(9) .dops-photo-img{transition-delay:calc(.2s * var(--demo-time))}.dops[data-phase=teardown] .dops-photo-img{transition-delay:0s}.dops-badges{gap:6px;display:flex;position:absolute;top:8px;left:8px}.dops-badge{letter-spacing:.02em;border-radius:5px;padding:3px 7px;font-size:8px;font-weight:700}.dops-badge--new{background:var(--dops-navy);color:var(--dops-navy-fg)}.dops-badge--save{background:var(--dops-teal);color:var(--dops-teal-fg)}.dops-badge--best{background:var(--dops-navy);color:var(--dops-navy-fg)}.dops-card-title{color:var(--dops-fg);font-size:12px;font-weight:600}.dops-card-price{color:var(--dops-muted);align-items:baseline;gap:6px;font-size:10px;display:flex}.dops-card-price strong{color:var(--dops-price);font-weight:700}.dops-card-price s{color:var(--dops-muted)}.dops-tile{background:var(--dops-sky);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 0;display:flex;overflow:hidden}.dops-tile-badge{background:var(--dops-navy);color:var(--dops-navy-fg);border-radius:5px;padding:3px 8px;font-size:8px;font-weight:700}.dops-tile-head{color:var(--dops-sky-fg);font-size:15px;font-weight:700;line-height:1.15}.dops-tile-sub{color:var(--dops-navy);opacity:.8;font-size:9px;line-height:1.3}.dops-tile-btn{background:var(--dops-navy);color:var(--dops-navy-fg);border-radius:999px;padding:7px 14px;font-size:10px;font-weight:600}.dops-tile-art{background:linear-gradient(135deg, var(--dops-bg), var(--dops-sky-deep));border-radius:12px 12px 0 0;width:78%;height:56px;margin-top:auto;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.dops .dops-board{opacity:1;transition:none;transform:none}.dops .dops-rise,.dops .dops-drop,.dops .dops-pop,.dops .dops-grow,.dops .dops-btn,.dops .dops-fade{transition:none}}.dops[data-surface=page] .dops-board{max-width:none}