@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=Plus+Jakarta+Sans:wght@400;600;800&display=swap";:root{--bg-paper: #f4f3ed;--bg-lines-blue: rgba(100, 150, 200, .15);--bg-margin-red: rgba(220, 100, 100, .2);--ink-black: #1a1a1a;--ink-grey: #555555;--highlighter-yellow: rgba(255, 235, 59, .6);--highlighter-teal: rgba(0, 200, 180, .3);--highlighter-coral: rgba(255, 100, 100, .3);--font-hand: "Caveat", cursive;--font-ui: "Plus Jakarta Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box;cursor:none}@media(max-width:768px){*{cursor:auto!important}}body{background-color:var(--bg-paper);color:var(--ink-black);font-family:var(--font-hand);overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--bg-lines-blue) 1px,transparent 1px),linear-gradient(90deg,transparent 60px,var(--bg-margin-red) 60px,var(--bg-margin-red) 62px,transparent 62px);background-size:100% 32px,100% 100%}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border:2px solid var(--ink-black);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background-color .2s;mix-blend-mode:multiply}.custom-cursor.hover{width:40px;height:40px;background-color:var(--highlighter-yellow);border-style:dashed;animation:rotateCursor 4s linear infinite}@keyframes rotateCursor{to{transform:translate(-50%,-50%) rotate(360deg)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-paper);border-left:2px solid var(--ink-black)}::-webkit-scrollbar-thumb{background:var(--ink-black);border-radius:255px 15px 225px/15px 225px 15px 255px;border:3px solid var(--bg-paper)}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.scrapbook-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:120px 0}.sec-title{font-family:var(--font-hand);font-size:clamp(60px,8vw,120px);font-weight:700;color:var(--ink-black);text-align:center;margin-bottom:60px;transform:rotate(-2deg);position:relative;display:inline-block}.sketch-card{background:#fff;border:2.5px solid var(--ink-black);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:6px 10px #0000001a;padding:40px;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.sketch-card-hover:hover{transform:translateY(-8px) rotate(2deg) scale(1.02);box-shadow:12px 18px #00000026;z-index:10}.tape{position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(-3deg);width:120px;height:35px;background-color:#fffc;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000000d;mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L100,5 L95,100 L5,95 Z" fill="black"/></svg>');mask-size:100% 100%;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M0,5 L100,0 L95,95 L5,100 Z" fill="black"/></svg>');-webkit-mask-size:100% 100%;z-index:10}.highlight-yellow{box-shadow:inset 0 -.5em 0 0 var(--highlighter-yellow);display:inline}.highlight-teal{box-shadow:inset 0 -.5em 0 0 var(--highlighter-teal);display:inline}.highlight-coral{box-shadow:inset 0 -.5em 0 0 var(--highlighter-coral);display:inline}.scribble{position:absolute;stroke:var(--ink-black);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:5}.btn-sketch{font-family:var(--font-hand);font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--ink-black);background:#fff;border:2.5px solid var(--ink-black);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:12px 36px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;transform:rotate(-1deg);box-shadow:4px 6px #0000001a}.btn-sketch:hover{background:var(--highlighter-yellow);transform:scale(1.05) rotate(2deg) translateY(-2px);box-shadow:6px 8px #00000026}@media(max-width:768px){.wrap{padding:0 15px}.scrapbook-section{padding:80px 0}.sketch-card{padding:24px}.sec-title{font-size:clamp(48px,12vw,80px);margin-bottom:40px}.mobile-shift-left{right:10%!important}.hide-mobile{display:none!important}.mobile-scale-down{transform:scale(.6)!important}.mobile-shift-inward{right:0!important;transform:translate(20px)!important}.custom-cursor,.creepy-bugs-container,.paper-wads-container,.foreground-scraps-container,.paper-layer-1,.paper-layer-2{display:none!important}.coffee-stain{width:200px!important}.about-flex-container{flex-direction:column!important;gap:40px!important}.contact-card-inner{padding:30px 20px!important}}