@layer components{@media (prefers-reduced-motion:no-preference){.docs-nav-group{view-transition-name:nav;width:fit-content;height:100%;scale:1}}::view-transition-old(nav),::view-transition-new(nav){height:100%}::view-transition-group(nav){animation-duration:.4s;animation-timing-function:cubic-bezier(.23,1.22,.64,1);scale:1}body{background-color:#4d4d4d}p{color:#fff}.bleed,#header{background-color:#000}.hero{margin-block:var(--space-xxxs);font-size:clamp(1.6em,8vw,2em);line-height:1;font-weight:var(--font-weight-xxxl);color:var(--color-text);z-index:var(--z-2);background-image:url(https://res.cloudinary.com/wikilouis/image/upload/c_fill,g_auto,h_250,w_970/v1767647652/studio-mixmastering_f9bvz6.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:8px solid #000;justify-content:flex-end;height:500px;display:flex;position:relative}h1{font-size:clamp(1em,6vw,7em);line-height:1;font-weight:var(--font-weight-xs);color:var(--color-text);z-index:var(--z-2);text-shadow:8px 0 #002434,-2px 0 #002434,0 2px #002434,0 -2px #002434,1px 1px #002434,-1px -1px #002434,1px -1px #002434,-1px 1px #002434;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}span.nobr{white-space:nowrap}img{block-size:auto;max-inline-size:100%;margin:auto}svg{width:100px;height:100px}hr{opacity:.5;border-top:1px dashed #fff}details{border-bottom:0;border-radius:25px;padding:16px}small-details{border-bottom:100px solid red}ul.photos-archives{margin-top:40px;margin-bottom:40px}ul.photos-archives li{float:left;padding-right:20px;list-style-type:none}.radius{border-radius:8px}#docs{border-radius:25px;margin-top:100px;padding:16px}@media (width>=50em){.docs-layout{grid-template-columns:1fr auto;grid-auto-flow:dense;align-items:start;gap:var(--space-lg);z-index:var(--z-2);display:grid;position:relative;&>article>:first-child{margin-block-start:0}&>nav{grid-column:2;padding-inline-start:var(--space-lg)}}.grease-marks{pointer-events:none;z-index:-1;opacity:1;inline-size:100%;display:none;position:absolute;inset-inline-start:-80rem;rotate:-8deg;.js &{display:block}&>*{border-width:0;border-block-start-width:10rem;border-style:solid;border-color:light-dark(oklch(from var(--color-accent)var(--100)),oklch(from var(--color-accent)var(--700)/15%));mix-blend-mode:soft-light;border-radius:100%;block-size:300rem;inline-size:300rem;position:absolute;inset-block-start:0;inset-inline-start:0;.high-contrast &{display:none}}}.demo-grid{&>div{padding:var(--space-sm);color:var(--color-text);background-color:var(--color-bg-dark);font-size:var(--font-size-sm)}}.demo-chips{margin-block:0 var(--space-xs);flex-wrap:wrap;list-style:none;display:flex;&>li{inline-size:auto;padding-block:var(--space-md);padding-inline:var(--space-sm);color:var(--color-text);background-color:var(--color-bg);font-size:var(--font-size-xs);text-align:center;flex-grow:1;margin:0;&>span{color:var(--color-text)}}}}}