:root{--ink:#573043;--muted:#795366;--rose:#934969;--paper:#fff2f8;--line:#dbacc1}
body{background:radial-gradient(ellipse at 50% 20%,#fff9fc 0%,#fde3ee 68%,#fff1f7 100%)}
.site{max-width:1100px;padding:48px 52px 96px;min-height:100svh}
.brand{width:310px;max-width:80%;margin:0 auto 8px;line-height:0}
.brand-art{display:block;width:100%;height:auto;overflow:visible}
.main-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:780px;margin:8px auto 18px}
.main-nav a{position:relative;min-width:0;min-height:70px;padding:22px 22px;border:0;border-radius:0;box-shadow:none;background:none;font-family:'Segoe Print','Comic Sans MS',cursive;font-size:1rem;font-style:normal;isolation:isolate;animation:button-arrive .55s cubic-bezier(.2,.7,.25,1) both}
.main-nav a:nth-child(2){animation-delay:.06s}.main-nav a:nth-child(3){animation-delay:.12s}.main-nav a:nth-child(4){animation-delay:.18s}
.main-nav a::before{display:block;content:'' / '';position:absolute;inset:0;transform:none;background:url('assets/boton-rushkiita.svg') center/100% 190% no-repeat;opacity:.92;z-index:-1;transition:opacity .25s,filter .25s}.main-nav a::after{display:none}
.main-nav a:hover{background:none;transform:translateY(-3px) rotate(-1deg);filter:none}.main-nav a:hover::before{opacity:.84;filter:drop-shadow(0 5px 4px #bc779526)}
.main-nav a[aria-current=page]{background:none;box-shadow:none;font-weight:bold;text-decoration:underline;text-decoration-color:#934969;text-underline-offset:6px}.main-nav a[aria-current=page]::before{opacity:.82}
.main-nav a:focus-visible{outline-offset:-4px;border-radius:18px}
.ornaments{display:none;position:absolute;inset:12px;pointer-events:none;height:760px}
body[data-view=inicio] .ornaments{display:block}
.ornaments .edge{position:absolute;display:block;background-image:url('assets/marco-dorado.png');background-repeat:no-repeat;opacity:.64;animation:ornament-arrive .8s ease-out both}
.ornaments .corner{width:185px;height:125px;background-size:1100px 619px}
.ornaments .top-left{top:0;left:0;background-position:left top}.ornaments .top-right{top:0;right:0;background-position:right top}.ornaments .bottom-left{left:0;bottom:0;background-position:left bottom}.ornaments .bottom-right{right:0;bottom:0;background-position:right bottom}
.ornaments .side-left,.ornaments .side-right{top:215px;width:1px;height:270px;background:none;border-radius:50%;box-shadow:0 0 0 1px #e5c98566}
.ornaments .side-left{left:28px}.ornaments .side-right{right:28px}
body[data-view=inicio] .site{padding-top:88px}
.hero-art{min-height:0;margin:0 auto;max-width:760px}
.portrait-frame{width:350px;max-width:65%;aspect-ratio:1;border:0;border-radius:0;background:none;box-shadow:none;display:grid;place-items:center;isolation:isolate}
.portrait-frame .oc-border{position:absolute;width:100%;height:100%;max-width:none;inset:0;object-fit:contain;z-index:1;opacity:1;pointer-events:none;animation:frame-breathe 7s ease-in-out infinite}
.hero-character{position:relative;inset:auto;width:78%;max-width:100%;height:auto;z-index:2;filter:drop-shadow(0 6px 3px #a3577214);animation:character-sway 7s ease-in-out infinite;transform-origin:50% 80%}
.hand-note{font-size:.9rem;line-height:1.8;max-width:160px}.left-note{left:0}.right-note{right:0}.hand-note b{font-size:24px}
.welcome{font-size:1rem;margin:10px 0 2px}.socials{gap:12px;margin:4px auto 4px}.socials a,.socials button{gap:4px;min-width:64px;padding:7px 8px;font-size:.875rem}
.social-icon{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .35s;color:#6b3b52}.socials a:hover .social-icon,.socials button:hover .social-icon{transform:rotate(-8deg) scale(1.08)}
.socials>*{animation:social-arrive .45s cubic-bezier(.2,.7,.25,1) both}.socials>:nth-child(2){animation-delay:.04s}.socials>:nth-child(3){animation-delay:.08s}.socials>:nth-child(4){animation-delay:.12s}.socials>:nth-child(5){animation-delay:.16s}.socials>:nth-child(6){animation-delay:.2s}
.quiet-link{display:flex;align-items:center;justify-content:center;min-height:44px;margin:4px auto;font-size:.875rem}footer{margin:24px auto 0;font-size:.875rem}footer a,footer button{display:flex;align-items:center;min-height:44px}
.preferences{right:16px;bottom:12px;background:#fff9fc;box-shadow:0 3px 16px #7c41631a}.preferences button{font-size:.875rem;min-height:44px}
.interior{padding-top:8px}.section-heading{margin-bottom:24px}.eyebrow{font-size:.8rem;letter-spacing:.12em}h1{font-size:clamp(2rem,4vw,2.8rem);margin:10px 0 12px}.section-heading p{margin:8px 0;font-size:1rem}
.section-heading::after{content:'✧  ♡  ✧' / '';display:block;width:150px;height:30px;margin:10px auto 0;color:#9b687f;font-size:1.1rem;letter-spacing:.3em}
.paper{background:#fff9fc;border:1px solid #c895ad;border-radius:14px 30px 14px 30px;box-shadow:0 4px 0 #f4d7e3,0 10px 22px #aa52700a}
.commission-layout{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:980px;margin:auto}
.commission-layout>form{width:100%;order:1;padding:32px;text-align:left}
.order-summary{order:0;position:relative;top:auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;width:100%;min-height:310px;padding:18px 40px;text-align:center;background:linear-gradient(115deg,#fff1d9 0,#fff8f4 42%,#fff5fb 100%);overflow:hidden}
.summary-character{position:relative;display:grid;place-items:center;justify-self:center;width:300px;min-height:275px;overflow:hidden}
.summary-character::after{content:'♡  ✧' / '';position:absolute;right:2px;top:16px;color:#a75f80;letter-spacing:.2em}
.summary-sticker{--summary-x:-58px;--summary-y:-8px;display:block;width:350px;height:350px;max-width:none;object-fit:contain;object-position:center;transform:translate(var(--summary-x),var(--summary-y));animation:summary-sway 7s ease-in-out infinite}
.summary-copy{min-width:0;padding:8px 12px 8px 30px}.order-summary h2{font-size:1.75rem;margin:6px 0 12px}.order-summary dl{margin:8px 0}.price-row{margin:10px 0}.total{margin:8px 0;padding-top:12px}.total strong{font-size:1.3rem}.order-summary .field-help{max-width:520px;margin:8px auto 0;font-size:.875rem;line-height:1.55}
.commission-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.commission-step{position:relative;min-width:0;padding:22px 24px 24px;border:1px solid #e8c4d4;border-radius:8px 24px 8px 24px;background:#fffafd}.commission-step h2{margin:0 0 20px;text-align:center;font-size:1.45rem}.step-number{position:absolute;left:18px;top:18px;color:#7d3f5b;font:700 .8rem/1 system-ui,sans-serif;letter-spacing:.08em}.field-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.commission-step .field-pair{grid-template-columns:1fr}.commission-layout fieldset{text-align:center}.commission-layout legend{margin:auto;padding:0 12px;font-size:1.05rem}.commission-layout .choice{justify-content:center;text-align:left}.commission-layout .terms-box{max-width:650px;margin:28px auto 0;text-align:center}.commission-layout #confirm-order{display:block;margin:16px auto 0}.commission-layout form>.field-help{text-align:center}.commission-layout #commission-description{text-align:center;max-width:560px;margin:14px auto 20px}.commission-layout #proof-box{text-align:left}.result{max-width:980px}
.availability{display:table;margin:14px auto 8px;padding:5px 12px;border:1px solid #b8849b;border-radius:999px;background:#fff1f6;color:#6d344d;font:700 .78rem/1.4 system-ui,sans-serif;letter-spacing:.04em}.availability::before{content:'✓ ';}.availability.sold-out{background:#f4ecf0;color:#765d68;border-color:#cdbec5}.availability.sold-out::before{content:'× ';}.reference-upload{margin:8px 0 18px;padding:14px;border:1px solid #ecd1dc;border-radius:8px 20px 8px 20px;background:#fff7fb}.reference-upload label{margin-top:0}.reference-upload .field-help{margin-bottom:6px}.challenge-box{display:grid;justify-items:center;gap:4px;max-width:330px;margin:22px auto 8px;padding:14px;border:1px solid #ecd1dc;border-radius:8px 20px 8px 20px;background:#fff7fb}.challenge-box .field-help{margin:4px 0 0;text-align:center}.terms-content{text-align:left;max-width:680px}.terms-content h3{margin:24px 0 8px;font-size:1.25rem}.terms-content p{line-height:1.7}.terms-content ul{margin:8px 0 20px;padding-left:24px}.terms-content li{margin:8px 0;line-height:1.6}
.primary{border-radius:12px 22px 12px 22px;min-height:48px;background:#89405f}.primary:hover:not(:disabled){background:#72334f}
.artist-banner{max-width:850px;margin:0 auto 30px;padding:9px;background:#fff9fc;border:1px solid #e3bdce;box-shadow:0 5px 0 #f5d9e5;transform:rotate(-1deg);transition:transform .6s}
.artist-banner img{display:block;width:100%;height:auto;object-fit:contain}.artist-banner:hover{transform:rotate(0)}
.about-intro{max-width:850px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:center}
.about-portrait{position:relative;background:none;border:0;border-radius:0;overflow:visible;padding:0;max-width:300px;animation:portrait-breathe 8s ease-in-out infinite}
.about-portrait img{height:400px;object-fit:contain}.artist-letter{background:#fff9fcc9;border:1px solid #e6bfd0;border-radius:8px 28px 8px 28px;padding:25px 28px;box-shadow:0 5px 0 #f5d9e5}.artist-letter .lead{font-size:1.4rem;margin:0 0 12px}.artist-letter p{font-size:1rem;line-height:1.8}.artist-letter h2{font-size:1.45rem}.hobbies{justify-content:center}.community{text-align:center}.hobbies li{font-size:.9rem;background:#fff0d6}
.faq{max-width:720px;margin:42px auto 12px}.faq details{background:#fff9fc;border:1px solid #d9afc2;border-radius:7px 20px 7px 20px;padding:12px 20px;margin:12px 0;box-shadow:0 3px 0 #f4d9e5}.faq summary{font-size:1.05rem}.faq details[open]{background:#fff8ed}
.gallery{max-width:880px;margin:22px auto;gap:22px}.gallery-card{border-radius:8px 28px 8px 28px;background:#fff8fc;padding:14px 14px 22px;box-shadow:0 4px 0 #f3d6e2}.gallery-card:nth-child(3n+2){background:#fff8ea}.gallery-card .art-preview{object-fit:contain;height:225px}.gallery-card .art-type{font-size:.875rem}.gallery-card .art-title{font-size:1.05rem}
.shop-preview{max-width:720px;padding:30px;gap:16px}.shop-character{display:grid;place-items:center;justify-self:center;width:280px;height:280px;overflow:hidden}.shop-character img{--shop-x:-81px;--shop-y:-3px;display:block;width:360px;max-width:none;height:360px;object-fit:contain;transform:translate(var(--shop-x),var(--shop-y));animation:shop-sway 7s ease-in-out infinite}.shop-preview h2{font-size:2rem}
.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px;margin:0 auto}.shop-product{display:grid;overflow:hidden;border:1px solid #d994b2;border-radius:24px;background:#fffafd;box-shadow:0 12px 30px #9e486518}.shop-product>img{width:100%;height:270px;object-fit:contain;background:linear-gradient(145deg,#f9e5ed,#f6eccd)}.shop-product>div{display:grid;align-content:start;gap:10px;padding:20px}.shop-product h2,.shop-product p{margin:0}.shop-product h2{font-size:1.35rem}.shop-product p{line-height:1.55}.shop-price{font-family:var(--serif);font-size:1.15rem;color:#7d3853}.shop-product .primary{width:100%;margin-top:4px}
.credits-list{max-width:740px}.credit-group{background:#fff9fc;border:1px solid #e3bbcc;border-radius:8px 26px 8px 26px;padding:12px 28px 20px}.credit-group h2{text-align:center}.credit-row{gap:16px}.credit-row:last-child{border-bottom:0}#creditos>.primary{display:table;margin:24px auto}
dialog{background:#fff5fa}.view{animation:page-arrive .55s cubic-bezier(.2,.65,.3,1) both}
@keyframes character-sway{0%,100%{transform:translateY(0) rotate(-.7deg)}50%{transform:translateY(-5px) rotate(.7deg)}}
@keyframes portrait-breathe{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes page-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes frame-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
@keyframes button-arrive{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes social-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ornament-arrive{from{opacity:0;transform:scale(.985)}to{opacity:.85;transform:scale(1)}}
@keyframes summary-sway{0%,100%{transform:translate(var(--summary-x),var(--summary-y)) rotate(-.6deg)}50%{transform:translate(var(--summary-x),calc(var(--summary-y) - 6px)) rotate(.6deg)}}
@keyframes shop-sway{0%,100%{transform:translate(var(--shop-x),var(--shop-y)) rotate(-.6deg)}50%{transform:translate(var(--shop-x),calc(var(--shop-y) - 5px)) rotate(.6deg)}}
@media(min-width:1500px){.site{padding-top:48px}.hero-art{margin-top:0}.portrait-frame{width:370px}.welcome{margin-top:10px}.ornaments{height:770px}}
@media(max-width:1000px){.site{padding:50px 38px 100px}.main-nav{gap:2px;max-width:740px}.main-nav a{min-width:0;min-height:65px;padding:21px 16px}.portrait-frame{width:320px}.hand-note{max-width:130px;font-size:.875rem}.ornaments{height:710px}.ornaments .corner{width:135px;height:95px;background-size:850px 478px}.ornaments .side-left,.ornaments .side-right{height:245px}.about-intro{gap:20px}}
@media(max-width:760px){.site,body[data-view=inicio] .site{padding:26px 22px 40px}.ornaments,body[data-view=inicio] .ornaments{display:none}.brand{width:290px;max-width:90%;margin-bottom:6px}.main-nav{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;gap:0 6px;margin:6px auto 15px}.main-nav a{min-height:66px;padding:23px 18px;font-size:.95rem}.portrait-frame{width:320px;max-width:90%}.hero-art{margin-top:2px}.hand-note{display:none}.welcome{margin-top:12px}.socials{display:flex;gap:2px;max-width:440px}.socials a,.socials button{min-width:58px;font-size:.875rem;padding:8px 5px}.social-icon{width:28px;height:28px}.quiet-link{margin:4px auto}.section-heading{margin-bottom:20px}.section-heading::after{height:30px;margin-top:5px}.interior{padding-top:10px}.field-pair{grid-template-columns:1fr}.commission-layout>form{padding:14px}.commission-fields{grid-template-columns:1fr;gap:16px}.commission-step{padding:20px 16px}.commission-step h2{font-size:1.3rem}.order-summary{display:block;padding:16px 18px;min-height:0}.summary-character{width:250px;min-height:250px;margin:auto}.summary-sticker{--summary-x:-65px;--summary-y:-8px;width:320px;height:320px}.summary-copy{padding:2px 6px 6px}.order-summary h2{font-size:1.3rem}.order-summary .eyebrow{font-size:.75rem}.order-summary .price-row{display:flex;text-align:left}.order-summary .price-row dd{text-align:right;margin:0}.order-summary .total{flex-direction:row;gap:8px}.artist-banner{margin:0 auto 24px;padding:5px;transform:none}.about-intro{grid-template-columns:1fr;gap:20px}.about-portrait{width:230px;padding:15px;margin:auto}.about-portrait img{height:300px}.artist-letter{padding:20px}.artist-letter .lead{text-align:center}.artist-letter h2{text-align:center}.gallery{gap:14px}.gallery-card .art-preview{height:190px}.gallery-card .art-title{font-size:1rem}.gallery-card{padding:8px 8px 16px}.shop-preview{grid-template-columns:1fr;padding:20px;text-align:center}.shop-character{width:220px;height:220px;margin:auto}.shop-character img{--shop-x:-62px;--shop-y:-2px;width:280px;height:280px}.faq details{padding:9px 15px}.credit-group{padding:12px 20px}.preferences{position:static;max-width:calc(100% - 20px);margin:0 auto 18px;transform:none;width:max-content}.preferences button{font-size:.8rem;padding:8px}.credit-row{flex-direction:column;gap:6px}footer{margin-bottom:0}}
@media(max-width:430px){.site,body[data-view=inicio] .site{padding-left:16px;padding-right:16px}.main-nav a{min-height:62px;padding:21px 13px;font-size:.9rem}.main-nav{gap:0}.portrait-frame{width:300px;max-width:94%}.socials{display:grid;grid-template-columns:repeat(3,1fr);max-width:270px}.socials a,.socials button{min-height:64px}.gallery-card .art-preview{height:145px}.gallery-card .art-type{font-size:.8rem}.order-summary{display:block;text-align:center;padding:14px}.summary-character{width:210px;min-height:205px;margin:auto}.summary-sticker{--summary-x:-50px;--summary-y:-4px;width:260px;height:260px;max-width:none;margin:0}.summary-copy{padding:0 3px 5px}.order-summary h2{margin:3px 0 8px}.order-summary .total{flex-direction:row}.order-summary .price-row{display:flex;justify-content:space-between;gap:10px}.order-summary .price-row dd{margin:0}.eyebrow{letter-spacing:.09em}}
@media(max-width:350px){.site,body[data-view=inicio] .site{padding-left:10px;padding-right:10px}.brand{max-width:86%}.main-nav a{padding-left:8px;padding-right:8px;font-size:.84rem}.commission-layout>form{padding:10px}.commission-step{padding:18px 12px}.order-summary{padding:12px 10px}.summary-character{width:195px;min-height:195px}.summary-sticker{--summary-x:-51px;--summary-y:-3px;width:250px;height:250px}.order-summary .field-help{font-size:.82rem}.price-row{gap:8px}.price-row dt,.price-row dd{font-size:.9rem}.shop-preview{padding:16px 12px}.shop-character{width:205px;height:205px}.shop-character img{--shop-x:-57px;width:260px;height:260px}.shop-preview h2{font-size:1.75rem}}
@media(min-width:761px) and (max-height:800px){body[data-view=inicio] .site{padding-top:45px}.brand{width:270px}.main-nav{margin-top:2px;margin-bottom:6px}.main-nav a{min-height:62px;padding-top:20px;padding-bottom:20px}.portrait-frame{width:280px}.welcome{margin-top:5px}.ornaments{height:650px}.site{padding-bottom:88px}.socials{margin:0 auto}.quiet-link{margin:4px auto}footer{margin-top:14px}}
@media(max-width:900px){.shop-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shop-products{grid-template-columns:1fr}.shop-product>img{height:240px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(forced-colors:active){.main-nav a,.main-nav a[aria-current=page]{border:2px solid ButtonText;background:none}.main-nav a[aria-current=page]{text-decoration:underline}.oc-border,.ornaments{display:none!important}}
