@import "https://fonts.googleapis.com/css2?family=Epilogue:wght@400;700;900&family=Inter:wght@300;400;500;600;700&family=Caveat:wght@400;500;600;700&display=swap";
:root{--ink-black:#0a0a0a;--charcoal:#1a1a1a;--graphite:#333;--pencil-gray:#666;--sketch-gray:#999;--light-wash:#e5e5e5;--off-white:#f5f5f5;--paper-white:#fff;--warm-paper:#fcf8f8;--surface:var(--warm-paper);--surface-low:#f6f3f2;--surface-container:#f0edec;--surface-high:#ebe7e7;--surface-highest:#e5e2e1;--on-surface:#1c1b1b;--on-surface-variant:#474747;--outline:#777;--outline-variant:#c6c6c6;--font-headline:"Epilogue", sans-serif;--font-body:"Inter", sans-serif;--font-doodle:"Caveat", cursive;--header-height:80px;--section-padding:7rem;--max-width:1280px;--sketch-radius:255px 15px 225px 15px / 15px 225px 15px 255px;--sketch-radius-sm:155px 10px 125px 10px / 10px 125px 10px 155px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);line-height:1.7;overflow-x:hidden}::selection{background:var(--light-wash);color:var(--ink-black)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);letter-spacing:-.03em;font-weight:900;line-height:1.1}.font-doodle{font-family:var(--font-doodle)}.sketch-border{border:2px solid var(--ink-black);border-radius:var(--sketch-radius)}.sketch-border-light{border-radius:var(--sketch-radius);border:2px solid #e5e2e166}.sketch-shadow{filter:drop-shadow(8px 8px #00000014)}.sketch-shadow-dark{filter:drop-shadow(8px 8px #ffffff0d)}.pencil-underline{display:inline-block;position:relative}.pencil-underline:after{content:"";background:url("data:image/svg+xml,%3Csvg width='200' height='10' viewBox='0 0 200 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 Q 50 0, 100 5 T 200 5' stroke='%23000000' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 0/cover;width:100%;height:6px;position:absolute;bottom:-4px;left:0}.pencil-underline-white:after{background:url("data:image/svg+xml,%3Csvg width='200' height='10' viewBox='0 0 200 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5 Q 50 0, 100 5 T 200 5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 0/cover}.marker-highlight{background:linear-gradient(120deg,#e5e2e133 0%,#e5e2e199 100%);padding:0 .5rem}.marker-highlight-dark{background:linear-gradient(120deg,#ffffff0d 0%,#ffffff1f 100%);padding:0 .5rem}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes bob-reverse{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-3deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes draw-in{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pencil-write{0%{width:0}to{width:100%}}@keyframes pulse-soft{0%,to{opacity:.3}50%{opacity:.6}}@keyframes squiggle{0%{d:path("M0 5 Q 25 0, 50 5 T 100 5")}25%{d:path("M0 3 Q 25 8, 50 3 T 100 3")}50%{d:path("M0 5 Q 25 0, 50 5 T 100 5")}75%{d:path("M0 7 Q 25 2, 50 7 T 100 7")}to{d:path("M0 5 Q 25 0, 50 5 T 100 5")}}@keyframes dash-flow{to{stroke-dashoffset:-20px}}.animate-bob{animation:4s ease-in-out infinite bob}.animate-bob-reverse{animation:5s ease-in-out infinite bob-reverse}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-wiggle{animation:3s ease-in-out infinite wiggle}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}.scroll-reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.draw-path{stroke-dasharray:1000;stroke-dashoffset:1000px}.draw-path.animate{animation:2s ease-out forwards draw-in}.doodle-dots{background-image:radial-gradient(circle, var(--pencil-gray) 1px, transparent 1px);background-size:24px 24px}.doodle-dots-dark{background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:24px 24px}.doodle-grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:40px 40px}.doodle-grid-dark{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px}.section-dark{background-color:var(--ink-black);color:var(--paper-white)}.section-light{background-color:var(--surface);color:var(--on-surface)}.section-alt{background-color:var(--off-white);color:var(--on-surface)}.nav-link{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;font-size:.875rem;font-weight:700;transition:color .3s;position:relative}.nav-link:after{content:"";background:url("data:image/svg+xml,%3Csvg width='100' height='6' viewBox='0 0 100 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3 Q 25 0, 50 3 T 100 3' stroke='currentColor' stroke-width='2' fill='none'/%3E%3C/svg%3E") 0 0/cover;width:0;height:3px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--pencil-gray);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--graphite)}.container-main{max-width:var(--max-width);margin:0 auto;padding:0 2rem}@media (max-width:768px){.container-main{padding:0 1.25rem}}.hover-sketch{transition:all .3s}.hover-sketch:hover{transform:rotate(-1deg)scale(1.02)}.hover-tilt-left:hover{transform:rotate(-2deg)}.hover-tilt-right:hover{transform:rotate(2deg)}.btn-sketch{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.15em;border:2px solid var(--ink-black);border-radius:var(--sketch-radius);color:var(--ink-black);z-index:1;background:0 0;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.875rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-sketch:before{content:"";aspect-ratio:1;background:var(--ink-black);z-index:-1;border-radius:40%;width:250%;transition:top .6s cubic-bezier(.4,0,.2,1);position:absolute;top:150%;left:50%;transform:translate(-50%)rotate(0)}.btn-sketch:hover{color:var(--paper-white)}.btn-sketch:hover:before{animation:4s linear infinite wave-fill;top:-150%}@keyframes wave-fill{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}.btn-sketch span{z-index:1;position:relative}.btn-sketch-dark{color:var(--paper-white);border-color:#e5e2e166}.btn-sketch-dark:before{background:var(--paper-white)}.btn-sketch-dark:hover{color:var(--ink-black)}@media (max-width:768px){:root{--section-padding:4rem}h1{font-size:2.5rem!important}h2{font-size:2rem!important}}@media (max-width:480px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}}