/* SMILU editorial homepage, revision 2. Original page copy is preserved. */
body:has(.hero-home){--cream:#f6f3ea;--ink:#143c40;--deep:#153f42;--peach:#edb497;background:var(--cream)}
body:has(.hero-home) .site-header{max-width:none;padding:20px 4%;border-bottom:1px solid #143c4020}
body:has(.hero-home) .brand img{width:62px;height:62px;border-radius:17px}
.hero-home{position:relative;isolation:isolate;display:block;max-width:none;min-height:840px;margin:0;padding:80px 7% 110px;background:#e6ebe0;overflow:visible}
.hero-home .hero-copy{position:relative;z-index:3;max-width:1000px;padding:0}
.hero-home h1{font-size:clamp(3.4rem,6.4vw,6.3rem);line-height:1.02;letter-spacing:-.065em;font-weight:500;max-width:1000px;margin-bottom:42px;text-wrap:balance}
.hero-home h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}
.hero-home .hero-copy>p{max-width:490px;font-size:1.05rem}
.hero-home>figure:first-of-type{position:absolute;inset:0 0 0 38%;border-radius:0;margin:0;transform:none;box-shadow:none;z-index:-2;overflow:hidden;background:#dde5d6}
.hero-home>figure:first-of-type img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover;object-position:65% 50%;opacity:.68;transform:scale(1.1) translateY(var(--shift,0px))}
.hero-home:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e6ebe0 8%,#e6ebe0f7 28%,#e6ebe0a8 60%,#e6ebe030),linear-gradient(0deg,#f6f3ea,transparent 22%);pointer-events:none}
.hero-home figure.hero-art{position:absolute;z-index:4;inset:auto;overflow:hidden;box-shadow:0 26px 60px #173e4226;max-height:none;background:none;transform:translateY(var(--shift,0px)) rotate(var(--tilt,0deg));border:7px solid #f6f3ea}
.hero-home figure.hero-art img{aspect-ratio:4/5;object-fit:cover;display:block;width:100%;height:auto}
.hero-home .hero-art-one{width:205px;right:6%;bottom:-30px;--tilt:7deg;border-radius:110px 110px 16px 16px}
.hero-home .hero-art-two{width:155px;right:23%;bottom:28px;--tilt:-9deg;border-radius:18px}
body:has(.hero-home) .content-section{position:relative;max-width:1300px;border:0;padding:105px 6%;margin:auto}
body:has(.hero-home) .content-section:has(>.section-title){grid-template-columns:1fr 1fr;gap:10%;align-items:center}
body:has(.hero-home) .section-title h2{font-size:clamp(2.5rem,4.4vw,4.7rem);font-weight:500;max-width:590px;letter-spacing:-.06em}
body:has(.hero-home) .section-copy{font-size:1.05rem;line-height:1.85}
body:has(.hero-home) .section-1{padding:110px 6% 85px;max-width:1100px}
body:has(.hero-home) .section-1 h2{font:italic 400 clamp(2.6rem,5.1vw,5.3rem)/1.1 Georgia,serif;color:var(--ink);letter-spacing:-.055em}
.story-image{margin:45px 0 0;position:relative;transform:translateY(var(--shift,0px))}
.story-image img{width:100%;height:450px;object-fit:cover;border-radius:5px}
body:has(.hero-home) .section-2{padding-top:35px;padding-bottom:120px}
.section-2 .story-image{width:76%;margin:45px 0 0 8%;transform:rotate(-5deg) translateY(var(--shift,0px))}
.section-2 .story-image img{height:auto;border-radius:150px 150px 15px 15px}
body:has(.hero-home) .section-2 .section-copy{background:#e6ebe0;padding:50px;margin-left:-90px;position:relative;z-index:2;border-radius:0 70px 0 0}
body:has(.hero-home) .section-3{max-width:none;background:#dce9e4;padding:90px max(6%,calc((100vw - 1144px)/2)) 150px;border-radius:100px 0 0 0}
.section-3 .story-image{margin-left:-15%;width:115%}
.section-3 .story-image img{height:420px;border-radius:0 120px 0 0}
.section-3 li{list-style:none;padding:14px 0 14px 28px;border-bottom:1px solid #143c4030;position:relative}
.section-3 li:before{content:'↗';position:absolute;left:0;top:14px}
.section-3 ul{padding:0}
body:has(.hero-home) .section-4{max-width:1200px;margin:-65px auto 70px;background:var(--deep);border-radius:7px;padding:90px 7% 105px;color:#f6f3ea;isolation:isolate;overflow:visible}
body:has(.hero-home) .section-4 .section-title{align-self:start;padding-top:5px}
.chapter-art{position:absolute;width:190px;left:8%;bottom:-75px;margin:0;transform:rotate(-8deg) translateY(var(--shift,0px));z-index:1}
.chapter-art img{border-radius:14px;box-shadow:0 20px 55px #153f4230}
body:has(.hero-home) .section-5{padding-top:150px;align-items:start}
.section-5 .section-title{position:sticky;top:35px}
.section-5 .story-image{width:78%;margin-left:5%;transform:rotate(4deg) translateY(var(--shift,0px))}
.section-5 .story-image img{height:420px;border-radius:160px 160px 20px 20px;object-fit:cover}
body:has(.hero-home) .section-5 li{font-size:1.3rem;padding:28px 0;line-height:1.45}
body:has(.hero-home) .section-5 li:before{font-size:2rem;font-family:Georgia,serif;font-weight:400;min-width:50px}
body:has(.hero-home) .section-6{max-width:none;background:#e9bba1;display:grid;grid-template-columns:1fr 1fr;gap:45px 9%;padding:100px max(6%,calc((100vw - 1144px)/2)) 140px;border-radius:0 100px 0 0}
.section-6 .section-title{grid-column:1/-1;margin:0}
body:has(.hero-home) .section-6 .section-title h2{max-width:900px;font-size:clamp(3rem,6vw,6rem)}
.section-6 .section-copy{grid-column:2;grid-row:2;align-self:center}
.section-6 .section-copy>p:not(:last-child){font-size:1.6rem;font-weight:500;line-height:1.3;margin-bottom:8px}
.section-6 .section-copy>ul{list-style:none;padding:0 0 25px;border-bottom:1px solid #143c4030;margin:0 0 25px}
.support-photo{grid-column:1;grid-row:2;margin:0 0 0 -10%;align-self:stretch;position:relative;transform:translateY(var(--shift,0px))}
.support-photo img{width:100%;height:100%;min-height:600px;object-fit:cover;border-radius:240px 240px 12px 12px}
body:has(.hero-home) .section-7{padding-top:130px;padding-bottom:130px}
.section-7 .story-image{width:125%;margin-left:-12%}
.section-7 .story-image img{height:400px;border-radius:5px 130px 5px 5px}
.section-7 .section-copy{position:relative;background:var(--cream);padding:30px 0 30px 40px;margin-left:-30px}
body:has(.hero-home) .section-8{max-width:none;margin:0;background:var(--deep);color:var(--cream);padding:100px max(6%,calc((100vw - 1144px)/2));border-radius:100px 0 0 0}
.section-8 .story-image{max-width:280px;margin:35px auto -160px;z-index:2;transform:rotate(-7deg) translateY(var(--shift,0px))}
.section-8 .story-image img{height:350px;border-radius:140px 140px 10px 10px;box-shadow:0 20px 50px #143c4033}
body:has(.hero-home) .section-9{padding-top:230px}
.section-9 .story-image img{height:330px;border-radius:3px 75px 3px 3px}
body:has(.hero-home) .pricing-intro{padding-bottom:35px;text-align:left}
body:has(.hero-home) .pricing-intro h2{font-size:clamp(3.5rem,7vw,7rem);font-weight:450}
body:has(.hero-home) .pricing-plans{padding-top:0;padding-bottom:100px}
body:has(.hero-home) .price-card{border-radius:5px 50px 5px 5px;padding:42px;transition:transform .35s ease,box-shadow .35s ease}
body:has(.hero-home) .price-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px #143c4014}
body:has(.hero-home) .price-card:first-child{background:#dce9e4;border:0}
body:has(.hero-home) .price-card p:first-of-type{font-size:2.6rem}
body:has(.hero-home) .section-12{background:#e5ece5;max-width:none;padding:90px max(6%,calc((100vw - 1144px)/2)) 150px;text-align:center}
body:has(.hero-home) .section-12 h2{max-width:900px;margin:0 auto 60px;font-size:clamp(2.5rem,4.4vw,4.5rem);font-weight:500}
.campaign-pair{display:flex;align-items:center;justify-content:center;gap:45px;margin:auto;max-width:680px}
.campaign-poster{margin:0;flex:1;transform:rotate(-6deg) translateY(var(--shift,0px))}
.campaign-poster:nth-of-type(2){transform:rotate(6deg) translateY(var(--shift,0px))}
.campaign-poster img{width:100%;border-radius:6px;box-shadow:0 25px 50px #143c4030}
body:has(.hero-home) .download-section{max-width:1180px;margin:-60px auto 90px;padding:100px 28% 100px 7%;text-align:left;border-radius:8px 90px 8px 8px;isolation:isolate}
body:has(.hero-home) .download-section h2{font-size:clamp(2.5rem,4.2vw,4.5rem);font-weight:500;margin-bottom:35px}
.download-art{position:absolute;width:200px;right:5%;top:80px;margin:0;z-index:-1;transform:rotate(8deg) translateY(var(--shift,0px))}
.download-art img{border-radius:110px 110px 10px 10px;box-shadow:0 20px 45px #143c4020}
.hero-home a{transition:transform .25s,background .25s}
.hero-home a:hover{transform:translateY(-3px);background:#21727a!important}
.motion-control{position:fixed;right:16px;bottom:16px;z-index:50;border:1px solid #143c4035;border-radius:50px;background:#f6f3eaf5;color:#143c40;padding:10px 17px;font-size:13px;box-shadow:0 4px 20px #143c4014;cursor:pointer}
.motion-reveal{transition:translate .9s cubic-bezier(.2,.65,.2,1),opacity .9s ease}
.motion-reveal.waiting{translate:0 32px;opacity:0}
.motion-paused .motion-reveal{translate:none!important;opacity:1!important;transition:none!important}
.motion-paused [style*="--shift"]{--shift:0px!important}
@media(max-width:1000px){.hero-home{min-height:760px;padding:70px 6% 120px}.hero-home h1{max-width:850px;font-size:clamp(3.2rem,6.4vw,5rem)}.hero-home .hero-art-one{width:160px;right:5%}.hero-home .hero-art-two{width:115px;right:24%}.section-8 .story-image{margin-bottom:-130px}.story-image img{height:360px}body:has(.hero-home) .download-section{margin-left:4%;margin-right:4%;padding-right:31%}.download-art{width:165px}.section-5 .section-title{position:static}}
@media(max-width:700px){
 body:has(.hero-home) .site-header{padding:16px 6%}.hero-home{min-height:0;padding:42px 6% 200px;margin:0;display:block}.hero-home h1{font-size:clamp(2.65rem,8.6vw,3.75rem);line-height:1.06;letter-spacing:-.05em;text-wrap:pretty}.hero-home .hero-copy>p{max-width:100%;font-size:1rem}.hero-home>figure:first-of-type{inset:0;max-height:none;width:100%;max-width:none}.hero-home:after{background:linear-gradient(90deg,#e6ebe0f8,#e6ebe0db 70%,#e6ebe0a8),linear-gradient(0deg,#f6f3ea,transparent 30%)}.hero-home .hero-art-one{width:125px;bottom:-6px;right:12%}.hero-home .hero-art-two{width:96px;bottom:10px;right:52%}.hero-home figure.hero-art{border-width:4px}
 body:has(.hero-home) .content-section{padding:65px 7%;margin-left:0;margin-right:0;max-width:100%}body:has(.hero-home) .content-section:has(>.section-title){display:block}.section-title{margin-bottom:35px}body:has(.hero-home) .section-title h2{font-size:2.75rem}body:has(.hero-home) .section-1{padding:75px 7% 35px}body:has(.hero-home) .section-1 h2{font-size:2.7rem}.story-image{margin-top:28px}.story-image img{height:320px}.section-2 .story-image{width:65%;margin:30px auto 0}body:has(.hero-home) .section-2 .section-copy{padding:35px 28px;margin:-20px 0 0;border-radius:0 45px 0 0}.section-3 .story-image{width:100%;margin-left:0}body:has(.hero-home) .section-3{border-radius:55px 0 0 0;padding-bottom:100px}.section-3 .story-image img{height:270px}.chapter-art{width:120px;left:auto;right:8%;bottom:-65px}body:has(.hero-home) .section-4{margin:-40px 5% 40px;padding:50px 8% 65px;max-width:90%}body:has(.hero-home) .section-5{padding-top:95px}.section-5 .story-image{width:65%;margin:30px auto 0}.section-5 .story-image img{height:auto}.section-5 .section-title{position:static}body:has(.hero-home) .section-5 li{font-size:1.1rem;padding:23px 0}
 body:has(.hero-home) .section-6{display:flex;flex-direction:column;gap:25px;border-radius:0 55px 0 0}.section-6 .section-title{order:0}.section-6 .support-photo{order:1;margin:0}.support-photo img{height:360px;min-height:0;border-radius:160px 160px 8px 8px}.section-6 .section-copy{order:2}.section-7 .story-image{width:100%;margin-left:0}.section-7 .section-copy{padding:0;margin:0}body:has(.hero-home) .section-8{border-radius:55px 0 0 0}.section-8 .story-image{max-width:170px;margin:30px 0 0 auto}.section-8 .story-image img{height:auto}.section-8 .section-copy{margin-top:40px}body:has(.hero-home) .section-9{padding-top:70px}body:has(.hero-home) .pricing-intro{padding-bottom:20px}body:has(.hero-home) .pricing-plans{padding-top:0}body:has(.hero-home) .price-card{padding:28px}.campaign-pair{gap:24px;padding:0 5px}body:has(.hero-home) .section-12{padding-bottom:110px}body:has(.hero-home) .download-section{margin:-45px 5% 55px;max-width:90%;padding:50px 8% 210px;border-radius:8px 55px 8px 8px}.download-art{top:auto;bottom:-20px;right:10%;width:140px}.motion-control{font-size:12px;right:10px;bottom:10px;padding:10px 14px}
}
@media(prefers-reduced-motion:reduce){.motion-reveal{translate:none!important;opacity:1!important;transition:none!important}.hero-home figure,.story-image,.chapter-art,.support-photo,.campaign-poster,.download-art{--shift:0px!important}.hero-home a:hover,.price-card:hover{transform:none!important}}
