.album-story{--paper:#FFF8EE;--soft:#F8DDCC;--ink:#233C8C;--accent:#E57053;--deep:#243FA0;color:var(--ink);background:var(--paper)}.album-story--service{--paper:#F7F6E8;--soft:#E3E6C8;--ink:#303D2B;--accent:#D7A23D;--deep:#414E36}.screen-canvas-landing{background:var(--c-bg)}.album-story section{padding:90px max(5vw,24px)}.album-story h1,.album-story h2,.album-story h3{font-family:Monopolitser,sans-serif;color:inherit;margin:0}.album-story h2{font-size:clamp(40px,5vw,70px);line-height:1.05}.album-story p{font:17px/1.8 GoogleSans,sans-serif;margin:20px 0}.album-story .btn{font:700 16px GoogleSans,sans-serif;min-height:52px;padding:15px 27px;border-radius:30px;background:var(--ink);color:#fff;box-shadow:none;border:0}.album-story .btn:hover{background:var(--deep);box-shadow:0 8px 20px #0002;transform:translateY(-2px)}.as-kicker{display:block;font-size:12px;letter-spacing:.025em;font-weight:700;margin-bottom:22px}.album-story .as-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:center;min-height:700px;padding-top:70px;padding-bottom:70px;background:var(--soft);overflow:hidden}.as-hero h1{font-size:clamp(52px,6vw,92px);line-height:.98}.as-hero h1 em{font-style:normal;color:var(--accent)}.as-hero-copy>p{max-width:520px}.as-cta{display:flex;flex-direction:column;gap:18px;align-items:flex-start;margin-top:25px}.as-cta>a:last-child{font-size:13px;text-decoration:underline;text-underline-offset:5px}.as-hero-notes{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:30px;max-width:460px;font-size:11px}.as-hero-notes span:before{content:'✓';margin-left:6px;color:var(--accent)}.as-product-stage{min-width:0;height:550px;position:relative;isolation:isolate}.as-orbit{position:absolute;width:95%;aspect-ratio:1;max-height:480px;top:4%;left:4%;border-radius:50%;background:#ffffff42}.as-book{position:absolute;width:51%;aspect-ratio:.707;border-radius:2px 6px 6px 2px;box-shadow:8px 4px 0 #0002,12px 12px 0 #fff5,16px 25px 35px #0002;overflow:hidden}.as-book .canvas-art{height:100%!important}.as-book--main{right:9%;top:16%;transform:rotate(9deg);z-index:2}.as-book--secondary{left:3%;top:5%;transform:rotate(-12deg);filter:brightness(.99)}.as-product-sticker{position:absolute;right:0;top:0;z-index:4;background:var(--ink);color:var(--paper);width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:23px/1.05 Monopolitser;transform:rotate(12deg);box-shadow:0 4px 0 #0001}.as-stage-caption{position:absolute;bottom:0;right:0;left:0;text-align:center;font-size:11px!important;opacity:.7}.as-type-cover{height:100%;background:#2448AB;color:#FFE9C8;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:12%;container-type:inline-size;text-align:center}.as-type-cover small{font-size:12px}.as-type-cover strong{font:26cqw/1 Monopolitser}.as-type-cover span{font-size:70px;color:#FFB6A5;line-height:1}.as-type-cover b{font:22px GoogleSans}.as-ribbon{display:flex;justify-content:center;align-items:center;gap:40px;background:var(--ink);color:var(--paper);padding:22px;flex-wrap:wrap;font:22px Monopolitser}.as-ribbon i{font-style:normal;color:var(--accent)}.album-story .as-intro{text-align:center;max-width:920px;margin:auto;padding-bottom:45px}.as-intro>p{max-width:700px;margin:22px auto 0}.album-story .as-occasion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:15px}.as-occasion-grid article{border:1px solid #233C8C20;border-radius:5px 5px 50px 5px;padding:28px;display:flex;flex-direction:column;background:#fff7;min-height:310px}.as-occasion-grid article:nth-child(2){background:#EDDEC9}.as-occasion-grid article:nth-child(3){background:#DDE4CE}.as-occasion-grid article:nth-child(4){background:#E2E6F3}.as-number{font:16px GoogleSans;color:var(--accent);margin-bottom:26px}.as-occasion-grid h3{font-size:31px}.as-occasion-grid p{font-size:15px;line-height:1.7;margin:16px 0;flex:1}.as-occasion-grid small{font-size:11px;padding-top:16px;border-top:1px solid #0002;line-height:1.5}.album-story .as-design{background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.as-design-copy>p{font-size:16px;max-width:470px}.as-design ul{list-style:none;padding:0;margin:30px 0}.as-design li{padding:13px 28px 13px 0;position:relative;font-size:13px;line-height:1.65;border-bottom:1px solid #0001}.as-design li:before{content:'✦';position:absolute;right:0;color:var(--accent)}.as-design li strong{display:block;font-size:15px;margin-bottom:3px}.as-text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px}.as-workspace-demo{background:#F2F3F7;border:1px solid #E1E4ED;box-shadow:0 25px 55px #24324C12;border-radius:16px;overflow:hidden;transform:rotate(-3deg);color:#17203a}.as-demo-bar{display:flex;justify-content:space-between;font-size:10px;padding:18px;background:#fff}.as-demo-wrap{display:grid;grid-template-columns:1fr .045fr 1fr;padding:45px 25px;align-items:stretch}.as-demo-front{aspect-ratio:.707;overflow:hidden}.as-demo-front>.canvas-art{height:100%!important}.as-demo-spine{background:var(--ink);color:#fff;position:relative;overflow:hidden;border-inline:1px solid #0002}.as-demo-spine>span{position:absolute;white-space:nowrap;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);font-size:8px}.as-demo-back{background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);container-type:inline-size;text-align:center;box-shadow:8px 10px 20px #0001}.as-demo-back span{font:17cqw/1.1 Monopolitser}.as-demo-back i{font-size:40px;font-style:normal;margin-top:20px}.as-demo-tools{display:flex;justify-content:center;gap:18px;background:white;padding:14px;font-size:11px}.album-story .as-how{background:var(--soft)}.as-how header{text-align:center;margin-bottom:50px}.as-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.as-steps b{display:block;font:44px/1 GoogleSans;color:var(--accent);margin-bottom:24px}.as-steps h3{font-size:27px}.as-steps p{font-size:14px}.album-story .as-personal{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--ink);color:var(--paper);align-items:center}.as-personal .as-kicker{color:var(--soft)}.as-personal p{font-size:17px}.as-personal .btn{background:var(--soft);color:var(--ink)}.as-pricing header{text-align:center}.as-pricing header>p{font-size:14px}.as-price-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:50px}.as-price-grid article{flex:1;max-width:410px;min-width:260px;background:white;border:1px solid #0001;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center}.as-size-shape{height:125px;background:var(--soft);border-left:8px solid #0002;box-shadow:7px 9px 0 #0001;display:grid;place-items:center;margin:0 0 30px;max-width:100%}.as-size-shape span{font:22px Monopolitser}.as-price-grid h3{font-size:32px}.as-price-grid p{font-size:13px;margin:8px 0}.as-price-grid strong{font:40px GoogleSans;margin:12px 0}.as-price-grid ul{list-style:none;padding:20px 0;margin:0 0 15px;border-top:1px solid #0001;width:100%;font-size:13px;line-height:2.3}.as-price-grid li:before{content:'✓';margin-left:9px;color:var(--accent)}.as-price-grid .btn{width:100%;text-align:center;font-size:14px}.as-price-note{text-align:center;font-size:12px!important}.album-story .as-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-top:1px solid #0001}.as-faq>div>p{font-size:14px;max-width:350px}.as-faq details{border-bottom:1px solid #0002;padding:20px 0}.as-faq summary{cursor:pointer;list-style:none;font-size:17px;font-weight:700;display:flex;justify-content:space-between;gap:20px}.as-faq summary::-webkit-details-marker{display:none}.as-faq summary>span{color:var(--accent)}.as-faq details[open] summary>span{transform:rotate(45deg)}.as-faq details p{font-size:14px;margin-bottom:0}.album-story .as-final{background:var(--soft);text-align:center}.as-final h2{font-size:clamp(48px,6vw,84px);margin-bottom:32px}.as-crosslink{display:block;font-size:12px;margin-top:26px;text-decoration:underline;text-underline-offset:5px}
@media(min-width:1600px){.album-story section{padding-inline:max(calc((100vw - 1400px)/2),5vw)}}
@media(max-width:1050px){.album-story .as-hero{min-height:620px;gap:15px}.as-hero h1{font-size:60px}.as-product-stage{height:440px}.as-product-sticker{width:95px;height:95px;font-size:19px}.as-hero-copy>p{font-size:15px}.as-occasion-grid article{padding:20px}.as-occasion-grid h3{font-size:27px}.as-ribbon{gap:20px;font-size:19px}.album-story .as-design{gap:30px}.as-demo-wrap{padding:35px 18px}}
@media(max-width:760px){.album-story section{padding:60px 22px}.album-story .as-hero{grid-template-columns:1fr;padding:45px 24px 25px;gap:30px;min-height:0}.as-hero-copy{text-align:center}.as-hero h1{font-size:clamp(50px,12vw,72px);line-height:1.04}.as-hero .as-kicker{font-size:11px;margin-bottom:18px}.as-hero-copy>p{font-size:15px;line-height:1.7;max-width:460px;margin:20px auto}.as-cta{align-items:center;gap:16px}.as-cta .btn{font-size:14px;min-height:50px;padding-inline:22px}.as-hero-notes{justify-content:center;gap:9px 14px;margin:24px auto 0;font-size:10px}.as-product-stage{height:430px;width:100%;max-width:430px;margin:auto}.as-book{width:49%}.as-product-sticker{width:94px;height:94px;right:2%;top:4%;font-size:19px}.as-book--main{top:14%;right:11%}.as-book--secondary{top:7%;left:6%}.as-stage-caption{font-size:10px!important;bottom:5px}.as-ribbon{gap:13px;font-size:17px;padding:17px 10px}.as-ribbon>span:last-child,.as-ribbon>i:last-of-type{display:none}.album-story h2{font-size:43px}.album-story .as-intro{padding-bottom:30px}.as-intro p{font-size:15px}.album-story .as-occasion-grid{grid-template-columns:1fr 1fr;gap:12px;padding-top:0}.as-occasion-grid article{padding:21px 16px;border-radius:5px 5px 25px 5px;min-height:310px}.as-number{margin-bottom:24px;font-size:13px}.as-occasion-grid h3{font-size:27px}.as-occasion-grid p{font-size:13px;line-height:1.65}.as-occasion-grid small{font-size:10px}.album-story .as-design{grid-template-columns:1fr;gap:30px}.as-workspace-demo{transform:rotate(-2deg);margin:20px 4px 0}.as-demo-tools{font-size:10px;gap:15px}.as-design li{font-size:13px}.as-steps{grid-template-columns:1fr 1fr;gap:24px}.as-steps b{font-size:34px;margin-bottom:17px}.as-steps h3{font-size:25px}.as-steps p{font-size:13px;line-height:1.7}.as-how header{margin-bottom:35px}.album-story .as-personal{grid-template-columns:1fr;gap:8px}.as-personal p{font-size:15px}.album-story .as-faq{grid-template-columns:1fr;gap:25px}.as-faq>div>p{max-width:none}.as-faq summary{font-size:15px}.as-price-grid{margin-top:30px;gap:18px}.as-price-grid article{max-width:none;min-width:100%;padding:28px}.as-price-grid strong{font-size:36px}.album-story .as-final{padding-block:65px}.as-final h2{font-size:51px}.as-crosslink{font-size:11px;line-height:1.7}.as-type-cover small{font-size:9px}.as-type-cover span{font-size:45px}.as-type-cover b{font-size:17px}}
@media(max-width:380px){.as-product-stage{height:370px}.as-hero h1{font-size:48px}.as-occasion-grid h3{font-size:24px}}
