:root{--paper:#f3f0e9;--paper-light:#f8f6f0;--ink:#1f1d1a;--muted:#68635c;--grid-blue:#3e91af33;--note:#e8dfc5;--shadow:#19161224}*{box-sizing:border-box}html,body{background-color:var(--paper);min-height:100%;color:var(--ink);margin:0}body{text-rendering:optimizelegibility;background-image:url(/assets/paper-texture.jpg);background-repeat:repeat;background-size:720px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-note,.note-link,.note-button,.postit-link{background:repeating-linear-gradient(0deg, transparent 0 17px, var(--grid-blue) 17px 18px), repeating-linear-gradient(90deg, transparent 0 17px, var(--grid-blue) 17px 18px), var(--note);border:1px solid #443a2a21;box-shadow:5px 5px #221e1914}.note-link,.note-button,.postit-link{transition:transform .16s,box-shadow .16s}.note-link:hover,.note-link:focus-visible,.note-button:hover,.note-button:focus-visible,.postit-link:hover,.postit-link:focus-visible{z-index:20;outline-offset:4px;outline:2px dashed #1f1d1ab3;box-shadow:7px 8px #221e191c}.collage-home,.paper-page,.hair-section-page{background-color:var(--paper);background-image:radial-gradient(#1f1d1a07 .6px,#0000 .7px),linear-gradient(#f3f0e9c2,#f3f0e9c2);background-size:5px 5px,auto}.collage-home{place-items:center;min-height:100dvh;padding:clamp(16px,4vw,48px);display:grid;overflow:hidden}.collage-home-stage{width:min(94vw,780px);position:relative}.collage-home-image{filter:drop-shadow(0 10px 11px #00000012);-webkit-user-select:none;user-select:none;pointer-events:none;width:min(70vw,540px);height:auto;margin:0 auto;display:block}.postit-menu{pointer-events:none;position:absolute;inset:0}.postit-link{z-index:2;min-width:128px;transform:rotate(var(--angle));text-align:center;pointer-events:auto;padding:12px 18px 14px;font-size:clamp(23px,3.6vw,40px);line-height:1;position:absolute}.postit-link:hover,.postit-link:focus-visible{transform:rotate(0)scale(1.045)}.postit-shop{--angle:-3deg;top:17%;left:1%}.postit-archivo{--angle:2deg;top:30%;right:0}.postit-proyectos{--angle:2deg;bottom:23%;left:0}.postit-contacto{--angle:-2deg;bottom:13%;right:1%}.paper-page{min-height:100dvh;padding:clamp(18px,4vw,48px)}.paper-inner{background:#f8f6f0cc;width:min(100%,940px);min-height:calc(100dvh - clamp(36px,8vw,96px));margin:0 auto;padding:clamp(82px,12vw,124px) clamp(20px,6vw,72px) clamp(42px,7vw,76px);position:relative;box-shadow:0 16px 45px #1f1b1714}.back-note{z-index:30;top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));padding:8px 13px 10px;line-height:1;position:fixed;transform:rotate(-1.5deg)}.back-note:hover,.back-note:focus-visible{transform:rotate(0)scale(1.04)}.section-note{overflow-wrap:anywhere;width:max-content;max-width:100%;margin:0 auto clamp(40px,7vw,72px);padding:10px 32px 14px;font-size:clamp(40px,7vw,72px);font-weight:500;line-height:1;transform:rotate(-1deg)}.paper-card{background:#faf8f3d6;border:1px solid #2e29232e;box-shadow:9px 10px #231e190f}.contact-card{width:min(100%,670px);margin:0 auto;padding:clamp(24px,5vw,54px);transform:rotate(.25deg)}.contact-kicker{margin:0 0 18px;font-size:clamp(30px,5vw,48px)}.contact-copy{max-width:590px;color:var(--muted);margin:0;font-size:clamp(18px,2.7vw,27px);line-height:1.55}.contact-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.note-button{overflow-wrap:anywhere;max-width:100%;padding:10px 16px 12px;transform:rotate(-.75deg)}.note-button:nth-child(2n){transform:rotate(.75deg)}.note-button:hover,.note-button:focus-visible{transform:rotate(0)translateY(-2px)}.single-product{justify-items:center;gap:24px;width:min(100%,590px);margin:0 auto;padding:clamp(18px,4vw,34px);font-size:clamp(22px,4vw,36px);transition:transform .18s,box-shadow .18s;display:grid;transform:rotate(.35deg)}.single-product img{width:100%;height:auto;transition:transform .18s;display:block;transform:rotate(-1deg);box-shadow:0 12px 28px #0000001a}.single-product:hover,.single-product:focus-visible{outline-offset:5px;outline:2px dashed #1f1d1ab3;transform:rotate(0)translateY(-3px);box-shadow:12px 14px #231e1914}.single-product:hover img,.single-product:focus-visible img{transform:rotate(.5deg)scale(1.01)}.book-detail{justify-items:center;gap:24px;width:min(100%,650px);margin:0 auto;padding:clamp(18px,4vw,34px);display:grid;transform:rotate(.25deg)}.book-detail-image{width:100%;height:auto;transform:rotate(-1deg);box-shadow:0 12px 28px #0000001a}.book-caption{border-bottom:2px solid;margin:0;font-size:clamp(22px,4vw,36px)}.hair-section-page{min-height:100dvh;position:relative;overflow-x:hidden}.hair-section-stage{background:var(--paper-light);width:min(100%,760px);margin:0 auto;position:relative;box-shadow:0 0 42px #1915121a}.hair-section-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.hair-section-title{z-index:4;color:#fff;letter-spacing:.015em;text-align:center;text-shadow:0 1px 2px #000000b8,0 0 9px #00000047;white-space:nowrap;pointer-events:none;width:max-content;max-width:88%;margin:0;padding:0;font-size:clamp(30px,7.2vw,58px);font-weight:500;line-height:1;position:absolute;top:10.5%;left:50%;transform:translate(-50%)}.hair-section-title-archivo,.hair-section-title-proyectos{transform:translate(-50%)}@media (max-width:640px){.collage-home{padding:12px}.collage-home-stage{width:100%}.collage-home-image{width:76vw}.postit-link{min-width:94px;padding:9px 12px 11px;font-size:clamp(20px,6vw,31px)}.postit-shop{top:14%;left:0}.postit-archivo{top:29%;right:0}.postit-proyectos{bottom:20%;left:0}.postit-contacto{bottom:9%;right:0}.paper-page{padding:0}.paper-inner{min-height:100dvh;box-shadow:none;padding:92px 18px 48px}.section-note{padding:9px 22px 12px}.back-note{top:max(13px, env(safe-area-inset-top));left:max(13px, env(safe-area-inset-left))}.contact-actions{flex-direction:column;align-items:flex-start}.hair-section-stage{box-shadow:none}}@media (prefers-reduced-motion:reduce){.note-link,.note-button,.postit-link,.single-product,.single-product img{transition:none}}