@font-face{font-family:HelvetiHand;src:url(/fonts/HelvetiHand.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:500}: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:HelvetiHand,Segoe Print,Bradley Hand,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{--home-grid-size:min(1.71648vw, 13.2414px);--home-grid-line-width:min(.1341vw, 1.03448px);--home-grid-x-phase:min(.187739vw, 1.44828px);--home-grid-y-phase:min(.241379vw, 1.86207px);--home-grid-line:#3e91af52;background-color:#f4f3f3;background-image:linear-gradient(to right, var(--home-grid-line) var(--home-grid-line-width), transparent var(--home-grid-line-width)), linear-gradient(to bottom, var(--home-grid-line) var(--home-grid-line-width), transparent var(--home-grid-line-width));background-position:calc(50% + var(--home-grid-x-phase)) calc(50% - var(--home-grid-y-phase)), calc(50% + var(--home-grid-x-phase)) calc(50% - var(--home-grid-y-phase));background-size:var(--home-grid-size) var(--home-grid-size);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{-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-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.contact-actions-only{flex-flow:column;justify-content:center;align-items:center;gap:clamp(24px,5vw,44px);width:min(100%,760px);margin:0 auto}.contact-actions-only .note-button{text-align:center;width:max-content;max-width:100%;padding:clamp(14px,2.4vw,20px) clamp(20px,3.4vw,34px) clamp(17px,2.8vw,24px);font-size:clamp(22px,5.2vw,46px);line-height:1}.contact-actions-only .note-button:first-child{transform:rotate(-2deg)}.contact-actions-only .note-button:nth-child(2){transform:rotate(1.4deg)}.contact-actions-only .note-button:nth-child(3){transform:rotate(-.8deg)}.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,.contact-actions-only .note-button:hover,.contact-actions-only .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:0 0;width:min(100%,820px);margin:0 auto;position:relative}.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%)}.hair-archive-stage{width:min(100%,1180px);min-height:100dvh;margin:0 auto;padding-inline:clamp(14px,3vw,34px);position:relative}.hair-archive-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.hair-archive-sticky{place-items:center;width:100%;height:100dvh;display:grid;position:sticky;top:0;overflow:hidden}.hair-archive-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:min(88vw,760px);height:100dvh;display:block}.hair-archive-title{top:10.5dvh}.archive-gallery{z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));row-gap:clamp(110px,15vw,210px);padding-block:clamp(260px,42dvh,430px) clamp(190px,32dvh,330px);display:grid;position:relative}.archive-photo{content-visibility:auto;contain-intrinsic-size:520px 700px;background:#f6f3ebf7;grid-column:1/span 6;margin:0;padding:clamp(6px,.9vw,10px);position:relative;box-shadow:0 18px 34px #160f0d45,5px 6px #ffffff1f}.archive-photo:before{z-index:2;content:"";pointer-events:none;background:#e8dfc5e6;width:clamp(60px,11vw,98px);height:clamp(13px,2.1vw,21px);position:absolute;top:clamp(-10px,-.8vw,-6px);left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 1px 2px #1f1a1614}.archive-photo img{width:100%;height:auto;display:block}.archive-photo:nth-child(4n+1){grid-column:1/span 6;transform:rotate(-1.1deg)}.archive-photo:nth-child(4n+2){grid-column:7/span 6;transform:rotate(1deg)}.archive-photo:nth-child(4n+3){grid-column:2/span 5;transform:rotate(.8deg)}.archive-photo:nth-child(4n){grid-column:7/span 5;transform:rotate(-.9deg)}.hair-project-videos{z-index:3;pointer-events:none;position:absolute;inset:0}.hair-project-video{aspect-ratio:16/9;pointer-events:auto;background:#f6f3ebf5;width:62%;padding:clamp(5px,.8vw,9px);position:absolute;box-shadow:0 13px 25px #160f0d47,4px 5px #ffffff24}.hair-project-video:before{z-index:2;content:"";pointer-events:none;background:#e8dfc5e6;width:clamp(54px,12vw,92px);height:clamp(12px,2.2vw,20px);position:absolute;top:clamp(-9px,-.8vw,-5px);left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 1px 2px #1f1a1614}.hair-project-video iframe{background:#0b0706;border:0;width:100%;height:100%;display:block}.hair-project-video-first{top:26%;left:7%;transform:rotate(-1.1deg)}.hair-project-video-second{top:60%;right:7%;transform:rotate(1.1deg)}@media (max-width:640px){.collage-home{--home-grid-size:1.86437vw;--home-grid-line-width:.145594vw;--home-grid-x-phase:.203831vw;--home-grid-y-phase:.262069vw;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}.contact-actions-only{align-items:center}.contact-actions-only .note-button{padding-inline:18px}.hair-section-stage{box-shadow:none}.hair-project-video{width:78%;padding:5px}.hair-project-video-first{top:25%;left:5%}.hair-project-video-second{top:60%;right:5%}.hair-archive-stage{padding-inline:10px}.hair-archive-image{max-width:96vw}.archive-gallery{flex-direction:column;gap:clamp(90px,24vw,150px);padding-block:34dvh 28dvh;display:flex}.archive-photo{contain-intrinsic-size:340px 500px;width:84%}.archive-photo:nth-child(odd){align-self:flex-start}.archive-photo:nth-child(2n){align-self:flex-end}}@media (prefers-reduced-motion:reduce){.note-link,.note-button,.postit-link,.single-product,.single-product img{transition:none}}