/* v0.7: original bunny, ribbon, yellow pockets and a full-width cloud divider. */
.site-header,body[data-page="home"] .site-header{background:#fff;border-bottom:1px solid #f2c6d6;max-width:none}
.pocket-hero .bunny-hero img{filter:none;animation:none}
.pocket-hero .hero-copy h1{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;max-width:540px;aspect-ratio:640/430;min-height:0;padding:21% 9% 17%;margin:14px -18px 15px;font-size:clamp(30px,3.5vw,46px);line-height:1.45;border:0;border-radius:0;background:transparent url('/assets/heart-bow-frame.svg') center/100% 100% no-repeat;box-shadow:none;color:#60454a;text-align:center;font-weight:400;isolation:isolate}
.pocket-hero .hero-copy h1 br{display:none}
.pocket-hero .hero-copy h1:before,.pocket-hero .hero-copy h1:after{display:none}
.pocket-hero .underlined:after{background:#fff0a8aa}
.pocket-hero .hero-copy{width:54%;padding-top:110px}
.pocket-hero .hero-copy>p{margin-top:0}
.pocket-hero .hero-label{color:#956276}
.word-ribbon{transform:none;border-top:2px solid #f58abb;border-bottom:2px solid #f58abb;padding:18px 0;display:block;position:relative;background:#fff8f4;overflow:hidden;margin-top:35px}
.ribbon-track{display:flex;width:max-content;animation:ribbon-scroll 32s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:45px;min-width:100vw;flex:0 0 auto;padding:0 30px;white-space:nowrap}
.word-ribbon .ribbon-group span{transform:none}
.ribbon-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#fff8f4;border:1px solid #e4a3bb;border-radius:50%;color:#60454a;font-size:13px;padding:0;cursor:pointer;z-index:2}
.word-ribbon.is-paused .ribbon-track{animation-play-state:paused}
@keyframes ribbon-scroll{to{transform:translateX(-50%)}}
.story-companion{animation:none;transform:none}
.pocket-story:before{border:0;background:#e0f3f5}
.letter-section{padding:80px 0 55px;background:var(--paper)}
.letter-header{text-align:center;margin:0 auto 28px;max-width:620px}
.letter-header .eyebrow{justify-content:center}
.letter-header h2{font-family:var(--hand);font-size:38px;line-height:1.6;color:var(--ink);font-weight:400;margin:18px auto}
.letter-header h2 br{display:none}
.letter-header .section-intro{font-size:13px}
.feature-pockets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.feature-pocket{background:url('/assets/yellow-pocket.svg') center/100% 100% no-repeat;text-align:center;min-height:415px;padding:109px 38px 86px;position:relative;color:#6e543c}
.pocket-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d4b16d;background:#fff8de;border-radius:50%;font:17px var(--hand);position:absolute;top:69px;left:calc(50% - 16px)}
.feature-pocket h3{font:25px/1.5 var(--hand);margin:0 0 14px;color:#6e543c;text-wrap:balance}
.feature-pocket p{font-size:13px;line-height:2;margin:0;text-align:left}
.flower-seam{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;z-index:-2;fill:var(--blue)}
.flower-transition.flower-underlay{z-index:-1;fill:initial}
#works .work-card:after{border:0;background:none}
#works .work-scene:before{border:0}
#works .gift-note{outline:none}
.pocket-try{position:relative;isolation:isolate;background:#fff;background-image:none;padding-top:105px;padding-bottom:105px;margin-top:0;border:0}
.pocket-try:before{content:"";display:block;position:absolute;left:0;right:0;top:-90px;width:100%;height:150px;background:transparent url('/assets/cloud-edge.svg') left bottom/1200px 150px repeat-x;border:0;border-radius:0;z-index:-1;pointer-events:none}
.pocket-try:after{content:"";position:absolute;left:0;bottom:-35px;width:100%;height:70px;background:radial-gradient(ellipse at 50% 0,#fff 68%,transparent 70%) 0 0/160px 70px repeat-x;pointer-events:none;z-index:-1}
.pocket-try .section-shell{position:relative;z-index:1}
.pocket-try .section-heading h2{background:#fff;border:0;box-shadow:none;border-radius:0;color:var(--ink);font-size:38px;font-weight:400}
.pocket-try .section-heading h2:before,.pocket-try .section-heading h2:after{display:none}
.pocket-try .type-playground{background:#f0fbfd;border:2px solid #c2eaf0;border-radius:65px 70px 40px 45px;box-shadow:0 8px 0 #e8f7fa}
.pocket-try .type-playground textarea{background-color:#fff;border-color:#d9f0f5}
.pocket-try .playground-toolbar{border-color:#c2eaf0}
.pocket-try .note-presets button{background:#fff;border-color:#a4d6e0;box-shadow:3px 3px 0 #d9f0f5}
.pocket-try .try-caption span,.pocket-try .try-caption a{background:none}
.pocket-launch:after{border:0;background:#e0f3f5}
.launch-companion{filter:none}
@media(max-width:1100px){.pocket-hero .hero-copy{width:57%;padding-top:115px}.pocket-hero .hero-copy h1{font-size:38px;margin-left:-10px}.feature-pockets{gap:15px}.feature-pocket{padding:105px 28px 82px;min-height:400px}.feature-pocket h3{font-size:22px}.feature-pocket p{font-size:12px}}
@media(max-width:760px){.pocket-hero .hero-copy{width:100%;padding-top:25px}.pocket-hero .hero-copy h1{width:calc(100% + 24px);max-width:none;aspect-ratio:640/430;margin:14px -12px;font-size:clamp(25px,6.8vw,39px);padding:19% 8% 15%}.ribbon-group{gap:30px;min-width:900px;padding:0 25px}.word-ribbon{padding:14px 0;margin-top:25px;font-size:17px}.ribbon-toggle{width:27px;height:27px;right:6px}.letter-section{padding:55px 0 40px}.letter-header{margin-bottom:10px}.letter-header h2{font-size:29px}.letter-header h2 br{display:block}.letter-header .eyebrow{font-size:8px;letter-spacing:1px}.feature-pockets{grid-template-columns:1fr;gap:15px;max-width:380px;margin:auto}.feature-pocket{padding:106px 40px 86px;min-height:400px}.feature-pocket h3{font-size:25px}.feature-pocket p{font-size:14px}.pocket-try{padding-top:80px;padding-bottom:65px}.pocket-try:before{top:-63px;height:105px;background-size:840px 105px}.pocket-try:after{bottom:-25px;height:50px;background-size:110px 50px}.pocket-try .section-heading h2{font-size:28px;padding:10px 0}.pocket-try .type-playground{border-radius:40px 45px 25px 30px}.pocket-launch{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;transform:none;will-change:auto}.word-ribbon.motion-enabled .ribbon-track{animation:ribbon-scroll 32s linear infinite;will-change:transform}}