@layer theme, base, components, utilities;@layer components{.landing-root{background:var(--paper) url(/landing/studio/grano.svg);color:var(--ink);font-family:var(--face-body);font-size:1.0625rem;line-height:1.6}.landing-root ::selection{background:var(--saffron);color:var(--ink)}.landing-root section[id]{scroll-margin-top:90px}.landing-root a{transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}.landing-root a:focus-visible,.landing-root button:focus-visible,.landing-root summary:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px;box-shadow:none}.studio-hand{font-family:var(--face-hand);font-weight:400;line-height:1.35}.studio-h1{font-size:clamp(2.6rem,6.4vw,5rem);line-height:.97;letter-spacing:-.028em;text-shadow:.045em .04em 0 var(--pink-soft)}.studio-h1,.studio-h2{font-family:var(--face-display);font-weight:400;text-wrap:balance}.studio-h2{font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.03;letter-spacing:-.018em}.studio-lede{font-size:clamp(1.08rem,1.6vw,1.22rem);line-height:1.6;color:var(--muted-foreground);max-width:34rem}.studio-section{padding-block:clamp(4rem,9vw,7.5rem)}.studio-ink{background:var(--ink);color:var(--paper);--foreground:var(--paper);--muted-foreground:#cfcee3;--border:#3a3d72}.studio-guardas{background-color:var(--pink-soft);background-image:url(/landing/studio/guardas.svg)}.studio-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.studio-wordmark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--face-display);font-size:1.28rem;letter-spacing:-.01em;line-height:1}.studio-navlink{text-decoration:none}.studio-navlink:hover{color:var(--cobalt);text-decoration:underline wavy var(--pink) 1.5px;text-underline-offset:7px}.studio-textlink{font-weight:600;text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px;text-underline-offset:5px}.studio-textlink:hover{color:var(--cobalt);text-decoration-style:wavy}.studio-ink .studio-textlink:hover{color:var(--saffron)}.studio-footer{background:var(--ink)}.studio-footer,.studio-footer .studio-wordmark{color:var(--paper)}.studio-footlink{text-decoration:none;white-space:nowrap}.studio-footlink:hover{color:var(--saffron);text-decoration:underline;text-underline-offset:5px}.studio-colophon{margin:0;border-top:1px solid #3a3d72;padding-top:1.25rem;font-size:.85rem;color:var(--paper-dim)}.studio-caption{margin:1.1rem 0 0;font-size:.86rem;line-height:1.5;color:var(--muted-foreground)}.studio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border:2px solid var(--ink);border-radius:14px 5px 13px 6px/6px 13px 5px 14px;background:var(--cobalt);color:#fff;font-family:var(--face-body);font-weight:700;font-size:1rem;line-height:1.15;text-align:center;text-decoration:none;box-shadow:4px 4px 0 var(--pink);transition:transform .15s,box-shadow .15s,background-color .15s}.studio-btn:hover{background:var(--cobalt);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--pink)}.studio-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pink)}.studio-btn-sm{min-height:2.5rem;padding:.45rem 1rem;font-size:.92rem;white-space:nowrap;box-shadow:3px 3px 0 var(--pink)}@media (max-width:420px){.studio-header .studio-wordmark{gap:.4rem;font-size:1.06rem}.studio-header .studio-wordmark svg{width:1.85rem;height:1.45rem}.studio-header .studio-btn-sm{padding-inline:.7rem}}.studio-btn-lg{min-height:3.5rem;padding:.9rem 1.8rem;font-size:1.1rem}.studio-btn-quiet{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border:2px solid var(--ink);border-radius:14px 5px 13px 6px/6px 13px 5px 14px;background:transparent;color:var(--ink);font-family:var(--face-body);font-weight:700;font-size:1rem;box-shadow:none}.studio-btn-quiet:hover{background:var(--pink-soft);box-shadow:none;transform:none}.studio-ink .studio-btn{color:var(--ink);border-color:var(--saffron)}.studio-ink .studio-btn,.studio-ink .studio-btn:hover{background:var(--saffron)}.studio-hero-grid{display:grid;gap:2.75rem;padding-block:2.5rem 3.5rem;align-items:center}@media (min-width:1024px){.studio-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem;padding-block:3.5rem 5rem;min-height:min(740px,calc(100svh - 72px))}}.studio-collage{margin:0}.studio-collage-stage{position:relative;width:100%;max-width:640px;margin-inline:auto;aspect-ratio:1.12}.studio-collage-stage:before{content:"";position:absolute;right:3%;top:5%;width:80%;height:66%;background:var(--pink-soft);border:2px solid var(--ink);transform:rotate(-5deg)}.studio-collage-page{position:absolute;right:0;top:3%;width:82%;padding:3% 3% 10%;background:#fffdfa;border:2px solid var(--ink);transform:rotate(2.4deg)}.studio-collage-page img,.studio-collage-polaroid img{display:block;width:100%;height:auto}.studio-collage-page:after,.studio-collage-polaroid:after{content:"";position:absolute;height:1.7rem;background:#f6b92bc7;clip-path:polygon(0 12%,4% 0,96% 6%,100% 18%,97% 52%,100% 88%,95% 100%,5% 94%,0 84%,3% 48%)}.studio-collage-page:after{top:-.9rem;left:9%;width:26%;transform:rotate(-5deg)}.studio-collage-polaroid{position:absolute;left:0;bottom:5%;width:43%;padding:3.2% 3.2% 13%;background:#fff;border:2px solid var(--ink);transform:rotate(-7deg);box-shadow:0 20px 26px -20px #1c1e4a99}.studio-collage-polaroid:after{top:-.85rem;left:33%;width:38%;transform:rotate(4deg)}.studio-collage-photo-note{position:absolute;left:9%;bottom:2.5%;font-size:clamp(1rem,2.8vw,1.3rem);color:var(--pink-ink);white-space:nowrap}.studio-collage-arrow{position:absolute;left:21%;bottom:47%;width:25%;color:var(--pink-ink);transform:rotate(-6deg)}.studio-collage-page-note{position:absolute;right:7%;top:70%;font-size:clamp(1.05rem,3vw,1.45rem);color:var(--pink-ink);transform:rotate(-3deg);white-space:nowrap}@media (prefers-reduced-motion:no-preference){.studio-collage-polaroid{animation:studio-drop .85s cubic-bezier(.2,.8,.2,1) .2s both}.studio-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:studio-ink .7s ease-out 1s forwards}.studio-draw-late{animation-delay:1.6s;animation-duration:.3s}.studio-collage-photo-note,.studio-collage-stage>.studio-hand{animation:studio-fade .6s ease-out 1.8s both}}@keyframes studio-drop{0%{opacity:0;transform:translate(-16%,24%) rotate(-19deg)}}@keyframes studio-ink{to{stroke-dashoffset:0}}@keyframes studio-fade{0%{opacity:0;transform:translateY(6px) rotate(-3deg)}}.studio-tickets{display:grid;gap:1.5rem}@media (min-width:900px){.studio-tickets{grid-template-columns:1.3fr 1fr;align-items:stretch}}.studio-ticket{position:relative;display:grid;gap:1.25rem;padding:1.75rem 2rem 1.75rem 2.25rem;background:var(--saffron);color:var(--ink);border:2px solid var(--ink);border-radius:8px;-webkit-mask:radial-gradient(circle at 0 50%,#0000 13px,#000 14px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 13px,#000 14px) right /51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,#0000 13px,#000 14px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,#0000 13px,#000 14px) right /51% 100% no-repeat}.studio-ticket:before{content:"";position:absolute;left:1rem;top:1rem;bottom:1rem;border-left:2px dashed #1c1e4a66}.studio-ticket .text-muted-foreground{color:#3b3a55}.studio-ticket [data-button][data-variant=secondary]{background:#fffdfa}.studio-note{position:relative;padding:1.6rem 1.75rem;background:#fffdfa repeating-linear-gradient(transparent 0 1.9rem,#2b35b81f 1.9rem calc(1.9rem + 1px));border:2px solid var(--ink);transform:rotate(.8deg)}.studio-note:before{content:"";position:absolute;top:-.7rem;left:50%;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--pink);border:2px solid var(--ink);transform:translateX(-50%)}.studio-storyboard{list-style:none;margin:3.5rem 0 0;padding:0;display:grid;gap:2.75rem}@media (min-width:900px){.studio-storyboard{grid-template-columns:1.12fr 1fr .94fr;gap:1.75rem;align-items:start}.studio-frame:nth-child(2){margin-top:3.75rem}.studio-frame:nth-child(3){margin-top:1.5rem}}.studio-frame{position:relative;padding:1.75rem 1.75rem 2rem;background:#fffdfa;border:2px solid var(--ink);border-radius:255px 18px 225px 16px/16px 225px 18px 255px}.studio-frame-n{position:absolute;top:-1.9rem;right:1.25rem;font-family:var(--face-display);font-size:3.6rem;line-height:1;color:var(--cobalt);text-shadow:.06em .05em 0 var(--pink-soft)}.studio-frame-drawing{display:block;width:9rem;height:auto;margin:0 0 1.1rem -.25rem}.studio-checklist{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.studio-checklist li{display:flex;gap:.7rem;align-items:flex-start;line-height:1.45}.studio-tick{width:1.45rem;height:1.25rem;flex:none;margin-top:.12rem;color:var(--pink-ink)}.studio-ink .studio-tick{color:var(--saffron)}.studio-shelf{display:grid;gap:2.25rem;margin-top:3.5rem}@media (min-width:1024px){.studio-shelf{grid-template-columns:1.45fr 1fr;gap:2.5rem 3rem}.studio-format-album{grid-row:span 2}.studio-shelf-single{grid-template-columns:minmax(0,44rem)}}.studio-format{position:relative;display:flex;flex-direction:column;background:#fffdfa;border:2px solid var(--ink)}.studio-format-body{display:flex;flex:1;flex-direction:column;padding:1.75rem 1.75rem 1.9rem}.studio-format-album{background:var(--pink-soft);border-radius:4px 20px 20px 4px;box-shadow:9px 9px 0 var(--cobalt);padding-left:16px}.studio-format-album:before{content:"";position:absolute;left:0;top:0;bottom:0;width:16px;background:var(--cobalt);border-right:2px solid var(--ink);border-radius:2px 0 0 2px}.studio-format-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:2px solid var(--ink);border-radius:0 18px 0 0}.studio-format-print{border-radius:3px 12px 12px 3px;box-shadow:6px 6px 0 #fffdfa,6px 6px 0 2px var(--ink),12px 12px 0 #fffdfa,12px 12px 0 2px var(--ink);margin-right:14px}.studio-format-pdf .studio-format-body{padding-right:3.4rem}.studio-format-pdf{clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%)}.studio-format-pdf:after{content:"";position:absolute;top:0;right:0;width:38px;height:38px;background:linear-gradient(to bottom left,transparent calc(50% - 1.5px),var(--ink) calc(50% - 1.5px) calc(50% + 1px),#e7e3f3 calc(50% + 1px));border-left:2px solid var(--ink);border-bottom:2px solid var(--ink)}.studio-sticker{position:absolute;top:-1.05rem;right:1.5rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .95rem .4rem .7rem;background:var(--ink);color:var(--paper);border-radius:999px;font-weight:700;font-size:.92rem;transform:rotate(3deg)}.studio-price{margin:0;font-family:var(--face-display);font-size:clamp(2.6rem,5vw,3.5rem);line-height:.9;white-space:nowrap}.studio-price span{margin-left:.12em;font-size:.46em;vertical-align:.95em}.studio-index{list-style:none;padding:0;margin:2.25rem 0 0}@media (min-width:900px){.studio-index{column-count:2;column-gap:4.5rem}}.studio-index li{break-inside:avoid}.studio-index-link{display:flex;align-items:baseline;gap:.65rem;padding:.8rem 0;font-family:var(--face-display);font-size:1.28rem;line-height:1.25;text-decoration:none}.studio-index-leader{flex:1;min-width:1.5rem;border-bottom:2.5px dotted #1c1e4a66;transform:translateY(-.28rem)}.studio-index-link svg{color:var(--pink-ink);transition:transform .2s}.studio-index-link:hover{color:var(--cobalt)}.studio-index-link:hover svg{transform:translateX(5px)}.studio-faq{display:grid;gap:0 3.5rem;margin-top:2.5rem}@media (min-width:900px){.studio-faq{grid-template-columns:1fr 1fr}}.studio-faq details{border-top:2px solid var(--ink);padding:1.15rem 0}.studio-faq summary{display:flex;justify-content:space-between;gap:1.25rem;cursor:pointer;list-style:none;font-family:var(--face-display);font-size:1.25rem;line-height:1.3}.studio-faq summary::-webkit-details-marker{display:none}.studio-faq-mark{position:relative;flex:none;width:1.4rem;height:1.4rem;margin-top:.12rem}.studio-faq-mark:after,.studio-faq-mark:before{content:"";position:absolute;left:50%;top:50%;width:1.15rem;height:2.6px;border-radius:2px;background:var(--pink-ink);transform:translate(-50%,-50%) rotate(-4deg);transition:transform .2s}.studio-faq-mark:after{transform:translate(-50%,-50%) rotate(86deg)}.studio-faq details[open] .studio-faq-mark:after{transform:translate(-50%,-50%) rotate(-4deg)}.studio-faq details p{margin:.9rem 0 .35rem;max-width:62ch;color:var(--muted-foreground);line-height:1.65}.studio-closing{padding-block:clamp(4.5rem,10vw,8rem)}.studio-closing-card{max-width:48rem;padding:clamp(2rem,5vw,3.5rem);background:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--cobalt);transform:rotate(-.8deg)}.studio-letter{padding:clamp(1.5rem,4vw,2.25rem);background:#fffdfa;border:2px solid var(--ink);border-radius:6px;box-shadow:8px 8px 0 var(--pink-soft)}.studio-note{--foreground:var(--ink);--muted-foreground:#55546f;color:var(--ink)}.studio-faja{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem .8rem .8rem;background:var(--pink-soft);border:2px solid var(--ink);border-radius:14px 5px 13px 6px/6px 13px 5px 14px;text-decoration:none}.studio-faja:hover{background:#f6cfd9}.studio-faja-cover{flex:none;width:5.5rem}@media (min-width:640px){.studio-faja-cover{width:8rem}.studio-faja{gap:1.25rem;padding-right:1.5rem}}.studio-faja-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:2px solid var(--ink);border-radius:4px}.studio-faja-price{flex:none;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--face-display);font-size:1.05rem;transform:rotate(-8deg)}.studio-faja-large{padding:1.4rem 1.4rem 1.4rem 1.6rem}.studio-faja-large .studio-faja-price{width:4.6rem;height:4.6rem;font-size:1.35rem}.studio-manifesto{padding-block:clamp(3.5rem,8vw,6rem) 0}.studio-manifesto>p{max-width:21ch}.studio-manifesto-list{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 2rem;font-weight:600}.studio-manifesto-list li{display:flex;align-items:center;gap:.5rem}.studio-fan{position:relative;aspect-ratio:1.45}.studio-fan-photo{position:absolute;width:48%;margin:0;padding:3% 3% 12%;background:#fff;border:2px solid var(--ink);color:var(--ink)}.studio-fan-photo img{display:block;width:100%;height:auto}.studio-fan-photo figcaption{position:absolute;left:7%;bottom:2%;font-size:clamp(.85rem,2.4vw,1.25rem);color:var(--pink-ink);white-space:nowrap}.studio-fan-photo:first-child{left:0;top:2%;transform:rotate(-7deg)}.studio-fan-photo:nth-child(2){left:26%;top:17%;transform:rotate(4deg);z-index:1}.studio-fan-photo:nth-child(3){left:52%;top:33%;transform:rotate(-3deg);z-index:2}.studio-book-object{display:block;height:auto;border:2px solid var(--ink);border-radius:2px 14px 14px 2px;box-shadow:8px 8px 0 var(--cobalt);transform:rotate(-2.5deg)}.studio-before-after{display:grid;gap:1.5rem;align-items:center;margin-top:3.5rem}@media (min-width:900px){.studio-before-after{grid-template-columns:.85fr 8rem 1.15fr;gap:1rem}}.studio-chat{display:flex;flex-direction:column;gap:.55rem;padding:1.5rem 1.25rem;background:#e9e7f1;border:2px solid var(--ink);border-radius:26px;max-width:24rem}.studio-bubble{margin:0;max-width:85%;padding:.55rem .85rem;border-radius:16px;font-size:.95rem;line-height:1.35;background:#fff;color:#3b3a55}.studio-bubble-in{align-self:flex-start;border-bottom-left-radius:4px}.studio-bubble-out{align-self:flex-end;border-bottom-right-radius:4px;background:#d7dafb}.studio-bubble-file{font-family:ui-monospace,Consolas,monospace;font-size:.82rem;opacity:.85}.studio-bubble:nth-child(2){transform:rotate(-2deg)}.studio-bubble:nth-child(4){transform:rotate(1.5deg)}.studio-before-after-arrow{width:7rem;color:var(--pink-ink);justify-self:center;transform:rotate(8deg)}@media (max-width:899px){.studio-before-after-arrow{transform:rotate(100deg);width:5rem}}.studio-page{position:relative;padding:1.4rem 1.4rem 1.8rem;background:#fffdfa;border:2px solid var(--ink);transform:rotate(1.5deg);box-shadow:8px 8px 0 var(--pink-soft)}.studio-page img{display:block;width:100%;height:auto}.studio-page-lines{display:block;height:3.2rem;margin-top:.8rem;background:repeating-linear-gradient(#c9c7d6 0 3px,transparent 3px 1.05rem);width:82%}.studio-points{display:grid;gap:2rem;margin-top:4rem}@media (min-width:900px){.studio-points{grid-template-columns:repeat(3,1fr);gap:0}.studio-points>div{padding-inline:2rem;border-left:2px solid var(--ink)}.studio-points>div:first-child{padding-left:0;border-left:0}}.studio-band{display:flex;flex-direction:column;gap:1.5rem;margin-top:4rem;padding:clamp(1.6rem,4vw,2.5rem);border-radius:4px 22px 4px 22px}@media (min-width:900px){.studio-band{flex-direction:row;align-items:center;justify-content:space-between;gap:3rem}}.studio-occasions{list-style:none;padding:0;margin:0;display:grid;gap:0 4rem}@media (min-width:900px){.studio-occasions{grid-template-columns:1fr 1fr}}.studio-occasions li{padding:2rem 0;border-top:2px solid var(--ink)}}:is(.landing-root,html:has(.landing-root)){--ink:#1c1e4a;--cobalt:#2b35b8;--pink:#ee5a8b;--pink-ink:#c42a63;--pink-soft:#f9dde4;--saffron:#f6b92b;--paper:#faf7f2;--paper-dim:#d9d8ea;--background:var(--paper);--surface:#fffdfa;--foreground:var(--ink);--muted:#f1ece6;--muted-foreground:#55546f;--primary:var(--cobalt);--primary-foreground:#fff;--border:#d6d4e0;--input:#a9a7bc;--ring:var(--cobalt);--face-display:var(--font-young),Georgia,serif;--face-body:var(--font-bricolage),"Segoe UI",system-ui,sans-serif;--face-label:var(--face-body);--face-hand:var(--font-pen),cursive}.landing-root .font-display,.studio-h1,.studio-h2{font-weight:400;font-synthesis:none}.landing-root [data-button][data-variant=default]{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border:2px solid var(--ink);border-radius:14px 5px 13px 6px/6px 13px 5px 14px;background:var(--cobalt);color:#fff;font-family:var(--face-body);font-weight:700;font-size:1rem;line-height:1.15;text-align:center;text-decoration:none;box-shadow:4px 4px 0 var(--pink);transition:transform .15s,box-shadow .15s,background-color .15s}.landing-root [data-button][data-variant=default]:hover{background:var(--cobalt);transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--pink)}.landing-root [data-button][data-variant=default]:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--pink)}.landing-root [data-button][data-variant=secondary]{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.7rem 1.35rem;border:2px solid var(--ink);border-radius:14px 5px 13px 6px/6px 13px 5px 14px;background:transparent;color:var(--ink);font-family:var(--face-body);font-weight:700;font-size:1rem;box-shadow:none}.landing-root .studio-ink [data-button][data-variant=default]{background:var(--saffron);color:var(--ink);border-color:var(--saffron)}.landing-root [data-button][data-variant=secondary]:hover{background:var(--pink-soft);box-shadow:none;transform:none}.landing-root .example-album-scene{border-radius:6px;border:2px solid var(--ink);background-color:var(--ink);background-image:url(/landing/studio/guardas-tinta.svg)}.landing-root .example-album-scene:after{background:none}.landing-root .example-album-desk{border-color:#f9dde42e;box-shadow:0 0 120px 40px #2b35b84d}.landing-root .example-album-board{background:linear-gradient(90deg,#2b35b8,#3b46c9 49%,#1f2793 50%,#3b46c9 51%,#2b35b8);box-shadow:inset 0 0 0 5px #1c1e4a,inset 0 0 0 7px #ee5a8b,0 5px 0 #0f1033}