@font-face{font-family:PolySans;src:url('/work/PolySans-Trial-Median.otf') format('opentype');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:PolySans;src:url('/work/PolySans-Trial-Slim.otf') format('opentype');font-style:normal;font-weight:100 300;font-display:swap}
@font-face{font-family:"tiktok";src:url("/fonts/TikTokSans.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"tronica-mono";src:url("/fonts/DepartureMono-Regular.otf") format("opentype");font-weight:400;font-display:swap}
:root{--display:PolySans,'Helvetica Neue','PingFang SC',sans-serif;--body:'Helvetica Neue','PingFang SC',sans-serif;--label:PolySans,'Helvetica Neue','PingFang SC',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
.case-page{
  --font-sans:"tiktok",'Helvetica Neue','PingFang SC',sans-serif;
  --font-mono-2:"tronica-mono",monospace;
  --label-1:#171310;
  --label-2:rgba(23,19,16,.62);
  --label-3:rgba(23,19,16,.32);
  --line:rgba(23,19,16,.14);
  --selection-bg:#c0fe04;
  --background-1:#f7f4ec;
}
.case-page--youyi-c-xhs{
  --label-1:#241a16;
  --label-2:rgba(36,26,22,.62);
  --label-3:rgba(36,26,22,.32);
  --line:rgba(36,26,22,.14);
  --background-1:#f3ede2;
}
.case-page--mercedes-cls-xhs{
  --label-1:#f4efe5;
  --label-2:rgba(244,239,229,.62);
  --label-3:rgba(244,239,229,.32);
  --line:rgba(244,239,229,.16);
  --background-1:#090908;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:auto}
body{margin:0;overflow-x:hidden;font-family:var(--body)}
main{display:block}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;line-height:.94}
p{line-height:1.45}
.reveal{opacity:0;transform:translateY(4rem);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.is-visible{opacity:1;transform:none}
.shell-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.75rem;font-family:var(--font-mono-2);font-size:.875rem;color:var(--label-1);pointer-events:none}
.shell-header a,.shell-header button{pointer-events:auto;color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:.5rem;text-transform:uppercase}
.shell-header a:hover,.shell-header button:hover{color:var(--label-1)}
.shell-header a:focus-visible,.shell-header button:focus-visible{outline:2px solid var(--selection-bg);outline-offset:2px}
.shell-brand{font-family:var(--font-sans);font-weight:700;font-variation-settings:"wght" 700,"wdth" 120;text-transform:uppercase}
.shell-nav{display:flex;gap:.5rem 1rem;flex-wrap:wrap}
@media (max-width:1023px){.shell-nav .hide-sm{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}