.breadcrumbs{padding-block:var(--splat-space-2) var(--splat-space-5)}.cs-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-6);align-items:start;padding-block-end:var(--splat-space-8)}.cs-hero__text{grid-column:1 / 6;display:grid;gap:var(--splat-space-5);align-content:start;position:sticky;top:var(--splat-space-6);padding-block-start:var(--splat-space-5)}.cs-hero__text .brush-line{margin-block-start:calc(-1 * var(--splat-space-2))}.cs-hero__text h1,.cs-hero__summary{margin:0}.cs-hero__meta{display:flex;flex-wrap:wrap;gap:var(--splat-space-2) var(--splat-space-4);margin:0;font-weight:600;font-size:var(--splat-text-sm);line-height:var(--splat-lh-sm)}.cs-hero__meta span{color:var(--splat-text-muted)}.cs-hero__photo{grid-column:6 / 13;margin:0;display:grid}.cs-hero__board{position:relative;padding:var(--splat-space-5) var(--splat-space-3) 0}.cs-hero__board .swipe{position:absolute;inset:-.5rem -3.5rem -2.25rem -4.5rem;width:auto;height:auto}@media(max-width:59.9375em){.cs-hero__board .swipe{inset:0 -1.5rem -1.75rem}}.cs-hero__frame{position:relative;padding:.625rem;background:var(--splat-surface-page);border-radius:var(--splat-radius-media);box-shadow:var(--splat-shadow-float);transform:rotate(-1deg)}.cs-hero__frame img{display:block;width:100%;height:auto;border-radius:2px}.cs-hero__tape{position:absolute;z-index:2;top:0;left:8%;transform:rotate(-3deg);max-width:80%}.cs-hero__note{position:relative;justify-self:end;width:min(100%,30rem);margin:var(--splat-space-6) var(--splat-space-2) 0 0}@media(max-width:39.9375em){.cs-hero__note{padding-inline-start:var(--splat-space-5)}.cs-hero__note .hand-arrow{transform:rotate(30deg)}}.cs-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-7);align-items:start;padding-block-end:var(--splat-space-9)}.cs-main{grid-column:1 / 8;display:grid;gap:var(--splat-space-5)}.cs-main__doodles{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--splat-space-6);margin-block-start:var(--splat-space-7)}.cs-main__doodles .cs-main__doodle{margin:0}.cs-story>h2:first-child{margin-block-start:0}.cs-next{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--splat-space-6);row-gap:var(--splat-space-6);border-top:2px solid var(--splat-line-strong)}.cs-next__related{grid-column:1 / 6}.cs-next__related .title{margin:0 0 var(--splat-space-4);font-size:var(--splat-text-2xl);line-height:var(--splat-lh-2xl)}.cs-next__related ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--splat-space-3)}.cs-next__related li{display:flex;align-items:center;gap:var(--splat-space-3)}.cs-next__related li:before{content:"";flex:none;width:1.5rem;height:.75rem;background:var(--splat-brand);-webkit-mask:url(../../img/brush/swatch.webp) center / 100% 100% no-repeat;mask:url(../../img/brush/swatch.webp) center / 100% 100% no-repeat}.cs-next__related a{font:400 1.375rem/1.75rem var(--splat-font-hand);text-decoration:none}.cs-next__related a:hover{color:var(--splat-text-accent)}.cs-next__pager{grid-column:7 / 13;display:grid;grid-template-columns:1fr 1fr;gap:var(--splat-space-4) var(--splat-space-5);align-content:start}.cs-next__link{display:grid;gap:var(--splat-space-1);padding:var(--splat-space-4) var(--splat-space-5);background:var(--splat-surface-card);text-decoration:none;filter:drop-shadow(0 3px 4px color-mix(in oklch,var(--splat-text) 18%,transparent));transition:background-color .16s ease,color .16s ease,transform .2s ease}.cs-next__link:first-child{padding-inline-start:2.75rem;clip-path:polygon(1.75rem 0,100% 0,100% 100%,1.75rem 100%,0 50%);transform:rotate(-1.5deg)}.cs-next__link:nth-child(2){padding-inline-end:2.75rem;text-align:right;clip-path:polygon(0 0,calc(100% - 1.75rem) 0,100% 50%,calc(100% - 1.75rem) 100%,0 100%);transform:rotate(1.25deg)}.cs-next__link:hover,.cs-next__link:focus-visible{background:var(--splat-splash);color:var(--splat-on-splash)}.cs-next__link:first-child:hover{transform:rotate(-1.5deg) translate(-.375rem)}.cs-next__link:nth-child(2):hover{transform:rotate(1.25deg) translate(.375rem)}@media(prefers-reduced-motion:reduce){.cs-next__link,.cs-next__link:hover{transition:none}}.cs-next__link:hover span,.cs-next__link:focus-visible span{color:var(--splat-on-splash)}.cs-next__link span{font:400 1.0625rem/1.5rem var(--splat-font-hand);color:var(--splat-text-muted)}.cs-next__link b{font:700 var(--splat-text-lg)/var(--splat-lh-lg) var(--splat-font-display);letter-spacing:var(--splat-track-h);text-wrap:balance}.cs-next__pager{position:relative;padding-block-start:var(--splat-space-5)}.cs-next__pager:before{content:"";position:absolute;z-index:0;left:50%;top:0;bottom:calc(-1 * var(--splat-space-5));width:.875rem;translate:-50% 0;border-radius:.4375rem .4375rem 2px 2px;background:repeating-linear-gradient(180deg,transparent 0 .625rem,color-mix(in oklch,var(--splat-text) 6%,transparent) .625rem .6875rem),var(--splat-clipboard);box-shadow:inset -2px 0 color-mix(in oklch,var(--splat-text) 14%,transparent)}.cs-next__link{position:relative;z-index:1}.cs-next__pager>.link{position:relative;z-index:1;grid-column:1 / -1;justify-self:center;margin-block-start:var(--splat-space-2);padding:var(--splat-space-2) var(--splat-space-5);background:var(--splat-surface-page);border:2px solid var(--splat-text);border-radius:.375rem;box-shadow:0 3px 6px color-mix(in oklch,var(--splat-text) 16%,transparent);font-weight:600;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.cs-next__pager>.link:hover,.cs-next__pager>.link:focus-visible{background:var(--splat-splash);border-color:var(--splat-splash);color:var(--splat-on-splash)}@media(prefers-reduced-motion:reduce){.cs-next__pager>.link{transition:none}}@media(max-width:59.9375em){.cs-hero__text{position:static;padding-block-start:0}.cs-hero__text,.cs-hero__photo,.cs-main,.paint-card,.cs-next__related,.cs-next__pager{grid-column:1 / -1}.paint-card{position:static}}@media(max-width:39.9375em){.cs-next__pager{grid-template-columns:1fr}}.cs-body .paint-card{grid-column:9 / 13;position:sticky;top:var(--splat-space-5)}@media(max-width:59.9375em){.cs-body .paint-card{grid-column:1 / -1;position:static}}.cs-body .paint-card--clipboard{display:block;padding:2.75rem .75rem .875rem;background:repeating-linear-gradient(97deg,transparent 0 .5rem,color-mix(in oklch,var(--splat-text) 4%,transparent) .5rem .5625rem),var(--splat-clipboard);border-radius:.875rem;box-shadow:var(--splat-shadow-float)}.paint-card--clipboard:before{content:"";position:absolute;z-index:2;top:.5rem;left:50%;width:7.5rem;height:2.75rem;transform:translate(-50%);border-radius:.75rem .75rem 1.25rem 1.25rem;background:linear-gradient(180deg,var(--splat-clip-shine),var(--splat-clip-metal) 55%,var(--splat-clip-shine));box-shadow:0 3px 4px color-mix(in oklch,var(--splat-text) 30%,transparent),inset 0 -2px color-mix(in oklch,var(--splat-text) 20%,transparent)}.paint-card--clipboard:after{content:"";position:absolute;z-index:3;top:1.125rem;left:50%;width:1.75rem;height:.75rem;transform:translate(-50%);border-radius:999px;background:var(--splat-clipboard);box-shadow:inset 0 1px 2px color-mix(in oklch,var(--splat-text) 45%,transparent)}.paint-card__sheet{display:grid;gap:var(--splat-space-4);padding:var(--splat-space-7) var(--splat-space-6) var(--splat-space-6);background:var(--splat-surface-page);border-radius:2px;box-shadow:0 1px 3px color-mix(in oklch,var(--splat-text) 22%,transparent);transform:rotate(-.6deg);position:relative;overflow:hidden;isolation:isolate}.paint-card__splash{top:-.75rem;right:-1rem}.paint-card--clipboard dl div{border-top:0;border-bottom:1px dashed var(--splat-line);padding-block:var(--splat-space-2);align-items:baseline}.paint-card--clipboard dt{font-weight:600;color:var(--splat-text-muted)}.paint-card--clipboard dd{font:400 1.0625rem/1.5rem var(--splat-font-hand);color:var(--splat-text)}.paint-card--clipboard .paint-card__colours{font:400 1.125rem/1.75rem var(--splat-font-hand)}.paint-card--clipboard .paint-card__colours b{font-weight:700}.paint-card--clipboard .btn{justify-self:start}@media(max-width:59.9375em){.cs-body .paint-card--clipboard{position:relative}}@media(max-width:39.9375em){.paint-card--clipboard dl div{grid-template-columns:1fr;gap:0}.paint-card__sheet{padding-inline:var(--splat-space-5)}}