@layer reset{*,:before,:after{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{font-size:inherit;margin:0;padding:0;font-weight:400}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{color:#111;text-rendering:optimizespeed;font-family:system-ui;line-height:1.5}a{-webkit-tap-highlight-color:transparent;color:currentColor;text-decoration:none}a:not([class]){text-decoration-skip-ink:auto;text-decoration:underline}img,picture{width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer global{@font-face{font-display:block;font-family:Caveat;font-style:normal;font-weight:400 700;src:url(/fonts/Caveat.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink-black:#222;--ink-blue-dark:midnightblue;--ink-blue-bright:darkblue;--sketchbook-cover-color:orangered;--sketchbook-paper-color:floralwhite}:root{--sketchbook-cover-border-radius:1rem;--sketchbook-paper-border-radius:.5rem;--sketchbook-color-foreground:lab(51.482% 1.95932 9.3971);--sketchbook-cover-color:orangered;--sketchbook-cover-color-dark:brown;--sketchbook-line-color:lab(88.1552% 1.01008 4.28125);--sketchbook-paper-color:floralwhite;--sketchbook-cover-margin:.75rem;--sketchbook-nav-height:0rem;--sketchbook-nav-height-visible:3.5rem;--sketchbook-page-height:85svh;--sketchbook-paper-inset:.75rem;--sketchbook-paper-padding:1rem;@media screen and (width>=900px){--sketchbook-cover-border-radius:1rem;--sketchbook-paper-border-radius:.5rem;--sketchbook-paper-inset:.625em;--sketchbook-paper-padding:2rem}}}@layer composition{sketch-section{place-items:center;padding:max(4rem,8cqi);display:grid;position:relative}sketch-panels{border-radius:50cqi;flex-direction:column;width:100%;display:flex;overflow:clip;container:sketch-panels/inline-size;@media screen and (width>=900px){flex-direction:row}}sketch-panel{overflow:clip;container:sketch-panel/inline-size;&>*{--line-width--1:.375cqi;--line-width-0:.5cqi;--line-width-1:1.5cqi;--line-width-2:3cqi;--line-width-4:6cqi;--line-width-6:9cqi;--line-width-8:12cqi}}}@layer utilities{.visually-hidden{color:#000;clip:rect(0 0 0 0);white-space:nowrap;background-color:#fff;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-hidden=large]{@media screen and (width>=900px){display:none}}[data-hidden=small]{@media screen and (width<900px){display:none}}.type-handwritten{font-optical-sizing:auto;letter-spacing:var(--handwritten-lts,-.02em);font-family:Caveat,cursive;font-style:normal}.type-sketchbook{font-size:.875rem;font-weight:500}}@layer blocks{sketchbook-cover{background-color:var(--sketchbook-cover-color);border-radius:var(--sketchbook-cover-border-radius);box-shadow:0 0 0 calc(2 * var(--sketchbook-cover-margin)) #000;margin:var(--sketchbook-cover-margin);min-height:calc(100dvh - 2 * var(--sketchbook-cover-margin));padding:var(--sketchbook-paper-inset);display:grid;position:relative;@media screen and (width<900px){border-top-left-radius:0;border-bottom-left-radius:0;margin-inline:0;padding-inline-start:0}&[clip-bottom=""]{--sketchbook-page-height:calc(100dvh - var(--sketchbook-cover-margin) - var(--sketchbook-paper-inset) - var(--sketchbook-nav-height));border-bottom-right-radius:0;border-bottom-left-radius:0;margin-block-end:0;padding-block-end:0}&:after{--peek-height:.225rem;--ribbon-width:1.25rem;bottom:calc(-1 * var(--sketchbook-cover-margin));clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),0 100%);content:"";height:var(--peek-height);left:0;top:calc(var(--sketchbook-paper-inset) - var(--peek-height));width:var(--ribbon-width);background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#222 2px 4px),linear-gradient(#111,#393939);border-radius:.125rem .125rem 0 0;display:block;position:absolute;@media screen and (width>=900px){--peek-height:.225rem;--ribbon-width:1.375rem;left:50%}}&[clip-bottom=""]:after{bottom:0}&[ribbon-page=current]:after{height:initial}&[ribbon-page=previous]:after{left:calc(0% - var(--ribbon-width));@media screen and (width>=900px){left:calc(50% - var(--ribbon-width))}}&:before{--binding-left:0;--binding-width:1.25rem;background-color:var(--sketchbook-cover-color-dark);content:"";left:var(--binding-left);opacity:.5;width:var(--binding-width);z-index:0;display:block;position:absolute;inset-block:0;transform:translate(-50%);@media screen and (width>=900px){--binding-left:50%;--binding-width:2.5rem}}}sketchbook-page{mix-blend-mode:multiply;padding-inline:var(--sketchbook-paper-padding);z-index:0;justify-self:stretch;container:sketchbook-page/inline-size;@media screen and (width>=900px){grid-row:page}&[side=recto],&[side=right]{@media screen and (width<900px){:where([side=left],[side=verso])+&{background-image:linear-gradient(lab(87.7609% 0 0/.1),#0000)}}}}sketchbook-pages{background-color:var(--sketchbook-paper-color);border-radius:var(--sketchbook-paper-border-radius);color:var(--sketchbook-color-foreground);z-index:1;grid-template-rows:auto 1fr auto;grid-template-areas:"header""page""footer";display:grid;overflow:clip;box-shadow:0 .25rem 0 .25rem #00000020;container:sketchbook-pages/inline-size;@media screen and (width<900px){border-top-left-radius:0;border-bottom-left-radius:0}@media screen and (width>=900px){grid-template-columns:[spread-start verso left]1fr[recto right]1fr[spread-end];grid-template-areas:"header header""page page""footer footer"}[clip-bottom=""] &{border-bottom-right-radius:0;border-bottom-left-radius:0}&:before{@media screen and (width>=900px){content:"";mix-blend-mode:multiply;opacity:.125;pointer-events:none;background-image:linear-gradient(270deg,#bbb,#0000 30%);grid-area:1/verso/-1;position:relative}}&>:where(footer,header){column-gap:calc(2 * var(--sketchbook-paper-padding));grid-template-columns:subgrid;padding-inline:var(--sketchbook-paper-padding);display:grid;position:relative}&>footer{grid-area:footer;padding-block:1rem 1.5rem;font-size:.75rem}&>header{grid-area:header;@media screen and (width<900px){border-bottom:1px solid var(--sketchbook-line-color);margin-block:1.5rem 1rem;margin-inline:var(--sketchbook-paper-padding);justify-content:space-between;align-items:center;padding-inline:0;display:flex}@media screen and (width>=900px){padding-block:2rem 1rem}}& [side=left],& [side=verso]{@media screen and (width>=900px){grid-column:verso}}& [side=recto],& [side=right]{@media screen and (width>=900px){grid-column:recto}}& [side=spread]{@media screen and (width>=900px){grid-column:spread}}& nav{@media screen and (width>=900px){border-bottom:1px solid var(--sketchbook-line-color);padding-block-end:.5rem}& a{position:relative;&:after{content:"";display:block;position:absolute;inset:-.75rem}}}& sketchbook-footer{border-top:1px solid var(--sketchbook-line-color);padding-block-start:.5rem;display:grid;&[side=recto]{justify-items:end}}}}html{background-color:#000}@view-transition{navigation:auto}