:root{--paper:#fcfaed;--ink:#1d1d1b;--purple:#b7a2fc;--content:1038px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Parkinsans,sans-serif;line-height:1.5;position:relative;isolation:isolate;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none;padding:0}a{color:inherit;text-decoration:none}p,h1,h2{margin:0}img{display:block}h1{font-size:48px;line-height:1.2;font-weight:700}h2{font-size:24px;line-height:1.4;font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid #8056db;outline-offset:6px;border-radius:4px}.skip-link{position:fixed;top:8px;left:8px;z-index:20;padding:12px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.content-width{width:calc(100% - 64px);max-width:var(--content);margin-inline:auto}
.site-header{padding:20px 50px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5;min-height:84px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;line-height:1.4}.header-actions{display:flex;align-items:center;gap:24px}.support{border:1px solid var(--ink);border-radius:52px;padding:8px 20px;font-size:14px;font-weight:600;line-height:1.5}.support:hover{background:var(--ink);color:var(--paper)}.menu-toggle{width:41px;padding-block:10px;display:flex;justify-content:center}
.home-hero{height:651px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-copy{width:603px;position:relative;margin-left:max(32px,calc((100% - 1032px)/2));z-index:1}.hero-copy p{width:396px;margin-left:auto;margin-top:24px;font-size:18px;line-height:1.5}.hero-glows{position:absolute;inset:0;pointer-events:none}.glow-left{position:absolute;left:0;top:0}.glow-right{position:absolute;right:0;top:-147px}.flower{position:absolute}.flower.home{width:130.644px;height:130.644px;right:70.36px;top:calc(100% - 196px)}.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:40px}.collection-card,.chapter-card{display:flex;flex-direction:column;gap:24px;text-align:left;min-width:0;width:100%}.card-copy{display:flex;flex-direction:column;gap:8px}.card-copy p{font-size:16px}.card-copy .eyebrow{font-size:14px;font-weight:600}.collection-art{width:100%;height:171px;position:relative;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.garden .collection-art{background:#8cdcbf}.kingdom .collection-art{background:#f557fb}.tent .collection-art{background:#bca0fc}.art-object{width:344px;height:344px;object-fit:cover;position:relative;flex:none}.art-pattern{position:absolute}.garden .art-pattern{left:-18.76%;top:-114.67%;transform:scale(1.285,1.632);transform-origin:top left}.kingdom .art-pattern,.tent .art-pattern{left:50%;top:50%;transform:translate(-50%,-50%)}.kingdom .art-object{position:absolute;left:calc(14.29% - 9.38px);top:-102.5px;border-radius:125px}.tent .art-object{position:absolute;left:calc(14.29% - 9.38px);top:-63.5px}.collection-card:hover h2,.chapter-card:hover h2{text-decoration:underline;text-underline-offset:5px}
.page-glows{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.page-glows img:first-child{position:absolute;left:calc(42.86% + 86.86px);top:1133px}.page-glows img:last-child{position:absolute;left:26px;top:1268px}.closing{padding:112px 0;position:relative}.closing .content-width{display:flex;flex-direction:column;align-items:flex-end;gap:24px;text-align:right}.closing h2{font-size:40px;line-height:1.2;width:600px;max-width:100%}.closing p{font-size:16px;max-width:600px}
.collection-hero{height:284px;position:relative}.collection-hero>.hero-glows{overflow:hidden}.collection-intro{max-width:1032px;display:grid;grid-template-columns:603px minmax(0,1fr);gap:24px;padding-block:23px;position:relative}.collection-heading h1{margin-top:24px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.breadcrumbs a{font-weight:600}.breadcrumbs a:hover{text-decoration:underline}.collection-heading>p{width:396px;margin-left:auto;margin-top:24px;font-size:16px}.garden-cover{height:238px;background:#7de4c1;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.garden-cover>img{width:206px;height:206px;object-fit:cover}.flower.interna{width:85.687px;height:85.687px;right:-42.84px;top:119px}.chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-block:40px}.chapter-art{height:354px;border:1px solid white;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%}.chapter-art img{width:100%;height:auto;aspect-ratio:2182/1558;object-fit:cover}dialog{border:1px solid #1d1d1b30;border-radius:20px;background:var(--paper);color:var(--ink);padding:48px 32px 32px;width:min(520px,calc(100% - 40px));box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0006}dialog h2{margin-bottom:16px}dialog p{margin-bottom:20px}.dialog-close{position:absolute;right:16px;top:8px;font-size:32px}#share-project{padding:12px 24px;border-radius:30px;background:var(--ink);color:var(--paper)}#share-status{margin:16px 0 0;font-size:14px}
@media(min-width:1441px){.hero-glows .glow-left{left:calc((100% - 1440px)/2)}.hero-glows .glow-right{right:calc((100% - 1440px)/2)}.flower.home{right:calc((100% - 1440px)/2 + 70.36px)}}
@media(max-width:1100px){.collection-intro{grid-template-columns:1.3fr 1fr}.collection-heading>p{max-width:100%}.collection-heading h1{font-size:40px}.flower.interna{right:-20px}.chapter-art{height:auto;aspect-ratio:1.42}.collections{gap:24px}.card-copy h2{font-size:22px}.home-hero{height:580px}.flower.home{right:32px;top:auto;bottom:30px}}
@media(max-width:700px){.site-header{padding:18px 20px;min-height:76px}.brand{font-size:16px}.header-actions{gap:12px}.support{font-size:11px;padding:7px 12px}.menu-toggle{width:24px}.content-width{width:calc(100% - 40px)}h1{font-size:36px}.home-hero{height:570px;align-items:flex-start;padding-top:100px}.hero-copy{width:calc(100% - 40px);margin-left:20px}.hero-copy p{max-width:100%;width:310px;font-size:16px}.glow-left{transform:scale(.7);transform-origin:top left}.glow-right{right:-350px;top:-140px}.flower.home{right:24px;bottom:24px;transform:scale(.75);transform-origin:bottom right}.collections{grid-template-columns:1fr;gap:36px;padding-block:32px}.collection-art{height:210px}.art-object{width:344px;height:344px}.card-copy h2{font-size:24px}.closing{padding:70px 0}.closing h2{font-size:32px}.closing .content-width{text-align:left;align-items:flex-start}.closing h2 br{display:none}.page-glows img:first-child{top:1450px;left:0}.page-glows img:last-child{top:2050px;left:-150px}.collection-hero{height:auto}.collection-intro{display:flex;flex-direction:column;padding-block:24px 32px;gap:32px}.collection-heading h1{font-size:36px}.breadcrumbs{font-size:10px;gap:5px;flex-wrap:wrap}.collection-heading>p{margin-left:0;margin-top:20px;width:100%}.garden-cover{height:238px}.flower.interna{right:-10px;top:130px}.chapters{grid-template-columns:1fr;gap:36px;padding-block:32px}.chapter-art{aspect-ratio:1.42}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:360px){.site-header{padding-inline:16px}.site-header .brand{font-size:13px;gap:6px;white-space:nowrap}.header-actions{gap:8px}.support{font-size:10px;padding:6px 8px;white-space:nowrap}}

/* Contenedores comunes y menú reutilizado del capítulo. */
:root{--chrome-width:1296px}
.site-header{display:block;padding-inline:32px}
.header-inner{width:100%;max-width:var(--chrome-width);margin-inline:auto}
.header-inner{display:flex;align-items:center;justify-content:space-between}
@media(max-width:700px){.site-header{padding-inline:20px}}
@media(max-width:360px){.site-header{padding-inline:16px}}

/* Capas originales de Figma: solo pétalos y texto giran. */
.seal-canvas{position:absolute;left:0;top:0;width:131px;height:131px;transform:scale(var(--seal-scale));transform-origin:top left}
.seal-rotating{position:absolute;inset:0;animation:seal-turn 32s linear infinite}
.seal-petals{position:absolute;left:0;top:0}
.seal-text{position:absolute;left:21.735px;top:22px}
.seal-logo{position:absolute;left:47.172px;top:48.415px}
.interna .seal-petals{transform:scale(1.523);transform-origin:top left}
@keyframes seal-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.seal-rotating{animation:none}}

/* Brillos flotantes del home; translate conserva la escala móvil. */
.home-hero .glow-left{animation:glow-float-left 18s ease-in-out infinite alternate;will-change:translate}
.home-hero .glow-right{animation:glow-float-right 22s ease-in-out infinite alternate;will-change:translate}
@keyframes glow-float-left{0%{translate:-25px 12px}50%{translate:35px -24px}100%{translate:60px 30px}}
@keyframes glow-float-right{0%{translate:20px -18px}50%{translate:-40px 24px}100%{translate:-65px -30px}}
@media(prefers-reduced-motion:reduce){.home-hero .glow-left,.home-hero .glow-right{animation:none;translate:none;will-change:auto}}

/* Parallax suave sobre el movimiento ambiental de las luces. */
.glow-follow{position:absolute;inset:0;will-change:transform}
.glow-follow-left{transform:translate(var(--glow-x,0px),var(--glow-y,0px))}
.glow-follow-right{transform:translate(calc(var(--glow-right-x,0px) * -.7),calc(var(--glow-right-y,0px) * -.7))}
.home-hero.hero-motion-paused .hero-glows img{animation-play-state:paused}
@media(hover:none),(pointer:coarse){
 .home-hero .glow-left{animation:glow-mobile-left 24s ease-in-out infinite}
 .home-hero .glow-right{animation:glow-mobile-right 28s ease-in-out infinite}
}
@keyframes glow-mobile-left{0%,20%,100%{translate:0 0}42%,60%{translate:65px 45px}80%{translate:-15px 20px}}
@keyframes glow-mobile-right{0%,18%,100%{translate:0 0}40%,58%{translate:-75px 60px}78%{translate:20px -20px}}
@media(prefers-reduced-motion:reduce){
 .glow-follow{transform:none;will-change:auto}
 .home-hero .glow-left,.home-hero .glow-right{animation:none;translate:none}
}

/* El sello acompaña el cursor dentro de la bienvenida, sin capturar clics. */
.flower.home{translate:var(--flower-x,0px) var(--flower-y,0px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.flower.home{translate:none}}