/* White, compact introduction: the editor is the focal point. */
body{background:#fff}
.home-hero.editor-home{background:#fff;min-height:0;display:block;overflow:hidden;isolation:auto}
.home-hero.editor-home:after{display:none}
.editor-hero-inner{max-width:1400px;margin:auto;padding:44px 56px 38px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px;align-items:center}
.editor-hero-copy{min-width:0}
.editor-home .home-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.5px;color:#667b80;margin:0 0 22px;line-height:1.5}
.eyebrow-line{width:25px;height:2px;background:#79b6ab;flex:none}
.editor-home h1{font-size:clamp(40px,3.8vw,56px);line-height:1.1;font-weight:800;letter-spacing:-2px;margin:0 0 23px;color:#073343}
.editor-home h1>span{display:inline;color:#006775}
.editor-home .hero-description{font-size:16px;line-height:1.75;color:#61747b;margin:0 0 25px;max-width:440px}
.editor-home .hero-actions{gap:24px}
.editor-home .hero-cta{font-size:14px;padding:14px 22px;min-height:48px}
.editor-home .hero-actions .text-link{font-size:13px;color:#48646d}
.hero-mini-features{display:flex;flex-wrap:wrap;gap:20px;color:#74858a;font-size:11px;margin:22px 0 0}
.hero-mini-features>span{display:inline-flex;align-items:center;gap:5px}
.hero-mini-features svg{width:15px;height:15px;fill:none;stroke:#508d81;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.editor-collage{position:relative;min-width:0;height:364px}
.preview-window{position:absolute;inset:21px 44px 27px 0;background:#fff;border:1px solid #dfe9e6;border-radius:11px;box-shadow:0 16px 45px #133d4512,0 3px 10px #133d4505;overflow:hidden;z-index:2;display:flex;flex-direction:column}
.preview-topbar{height:37px;flex:none;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid #edf1ef;background:white;font-size:9px;color:#30545d}
.preview-brand{width:20px;height:20px;display:grid;place-items:center;color:white;background:#006775;border-radius:6px;font:bold 17px Georgia,serif}
.preview-topbar strong{font-size:9px;font-weight:650}.preview-saved{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:7px;color:#85968e}.preview-saved i{width:4px;height:4px;border-radius:100%;background:#82b3a1}
.preview-toolbar{height:23px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#8b9f9e;background:white;border-bottom:1px solid #edf1ef;font-size:8px}
.preview-toolbar>span:nth-child(2){font-size:7px;color:#55716e}
.preview-workspace{display:flex;flex:1;min-height:0}
.preview-sidebar{width:65px;flex:none;padding:9px 9px 7px;display:flex;flex-direction:column;gap:6px;background:#fff;border-right:1px solid #edf1ef;align-items:center}
.preview-tab{font-size:8px;color:#006775;border-bottom:2px solid #006775;padding-bottom:5px;margin-bottom:1px}.preview-upload{width:100%;height:21px;border:1px dashed #b4d0c6;border-radius:4px;background:#f3f9f6;display:grid;place-items:center;font-size:13px;color:#59897c}
.preview-photo-tile{position:relative;width:100%;height:35px;overflow:hidden;border-radius:3px;background:#edf3f0}.preview-photo-tile img{position:absolute;max-width:none;width:215%;height:215%;object-fit:fill}.preview-photo-tile.couple img{left:0;top:-55%}.preview-photo-tile.street img{right:0;top:0}.preview-photo-tile.sea img{right:0;bottom:0}
.preview-text-tool{font-size:11px;color:#44727a;display:flex;gap:4px;align-items:center;margin-top:auto}.preview-text-tool>span{font-size:7px}
.preview-desk{min-width:0;flex:1;display:grid;place-items:center;padding:12px 13px;background:#f5f8f7;container-type:size}
.preview-paper{width:min(100%,calc(100cqh * 1.41327));max-width:340px;position:relative;box-shadow:0 3px 9px #254e3e14;line-height:0;background:white}
.preview-paper>img{display:block;width:100%;height:auto;aspect-ratio:1491/1055}
.preview-selection{position:absolute;top:7.15%;left:3%;width:44.7%;height:85.8%;border:1px solid #338c91}
.preview-selection i{position:absolute;width:5px;height:5px;background:white;border:1px solid #338c91}.preview-selection i:nth-child(1){left:-3px;top:-3px}.preview-selection i:nth-child(2){right:-3px;top:-3px}.preview-selection i:nth-child(3){left:-3px;bottom:-3px}.preview-selection i:nth-child(4){right:-3px;bottom:-3px}
.preview-photo-note{position:absolute;left:7%;bottom:9%;color:white;font:italic 9px Georgia,serif;line-height:1.2;text-shadow:0 1px 4px #0008}
.preview-tools{width:31px;flex:none;border-left:1px solid #edf1ef;padding:13px 8px;display:flex;flex-direction:column;gap:16px;align-items:center;font-size:10px;color:#6c8b8c;background:white}.preview-align{font-size:10px}.preview-color{height:12px;width:12px;border-radius:50%;background:#e9f1e6;border:2px solid white;box-shadow:0 0 0 1px #ccded1}.preview-slider{height:38px;width:2px;background:#d4e2dc;position:relative}.preview-slider:after{content:"";position:absolute;top:11px;left:-2px;width:6px;height:6px;border-radius:50%;background:#6fa193}
.preview-pages{height:39px;flex:none;display:flex;gap:7px;align-items:center;padding:5px 12px 5px 75px;border-top:1px solid #e7eeea;color:#a3b6ad;font-size:12px}.preview-page{border:1px solid #dce5df;display:grid;place-items:center;background:#fbfcfa;width:17px;height:25px;font-size:6px;color:#93a69d}.preview-page.active{border-color:#5f9b8b;background:#f0f7f3}.preview-pages small{margin-left:auto;margin-top:0;margin-right:65px;font-size:7px;color:#9aaba3}
.collage-photo{position:absolute;width:104px;right:3px;top:1px;transform:rotate(8deg);padding:5px 5px 9px;background:white;border:1px solid #eef0eb;box-shadow:0 5px 18px #324c3b10;z-index:1;text-align:center}
.collage-photo-crop{height:91px;overflow:hidden;position:relative}.collage-photo-crop img{position:absolute;left:0;top:-18%;width:220%;height:150%;max-width:none;object-fit:fill}.collage-photo>span{display:block;font:italic 9px Georgia,serif;margin-top:7px;color:#667a74}
.collage-book{position:absolute;right:0;bottom:5px;z-index:3;width:102px;padding:5px 5px 8px;background:white;box-shadow:0 7px 20px #30564c16;transform:rotate(5deg);border:1px solid #e6ece7;border-radius:3px;text-align:center}.collage-book img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover;border-radius:2px}.collage-book>span{font-size:7px;color:#647a78;line-height:1.4;display:block;margin-top:6px}
.collage-caption{position:absolute;bottom:9px;left:31px;z-index:3;display:flex;align-items:center;gap:8px;font-size:10px;color:#557a73;background:white;border:1px solid #e4ede7;padding:9px 12px;border-radius:7px;box-shadow:0 5px 14px #30564c08}
.collage-cursor{width:20px;height:20px;display:grid;place-items:center;background:#e6f2ed;border-radius:5px}.collage-cursor svg{width:14px;height:14px;fill:#26796b}
.benefits-inner{padding-top:15px;padding-bottom:15px}.benefits-inner>div{font-size:12px;gap:12px;color:#60777d}.benefits-inner svg{width:24px;height:24px;stroke:#537a7f}
.featured-section{padding-top:35px;background:white}.collection-heading h2{font-size:32px}.collection-heading p:not(.home-eyebrow){font-size:14px}
@media(max-width:1200px){.editor-hero-inner{padding:36px 32px 30px;gap:25px}.editor-home h1{font-size:46px}.editor-home .hero-description{font-size:15px}.editor-collage{height:340px}.preview-window{right:35px}.preview-topbar{padding-left:10px;padding-right:10px}.collage-book{width:86px}.collage-photo{width:90px}}
@media(max-width:960px) and (min-width:761px){.editor-hero-inner{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-home h1{font-size:40px}.editor-home .home-eyebrow{font-size:8px}.editor-home .hero-description{font-size:14px}.editor-home .hero-actions{gap:12px}.editor-home .hero-cta{font-size:13px;padding:12px 16px}.editor-home .hero-actions .text-link{font-size:12px}.editor-collage{height:300px}.preview-sidebar{width:50px;padding:8px 6px}.preview-desk{padding:9px 7px}.preview-tools{display:none}.preview-window{right:23px}.collage-photo{right:0}.collage-book{width:72px}.preview-pages{padding-left:59px}.preview-saved{font-size:6px}.collage-caption{font-size:8px;left:10px;padding:7px 8px}}
@media(max-width:760px){.editor-hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:30px 24px 19px;max-width:560px}.editor-home .home-eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:16px}.editor-home h1{font-size:43px;letter-spacing:-1.8px;margin-bottom:16px;line-height:1.08}.editor-home h1>span{display:inline}.editor-home .hero-description{font-size:14px;line-height:1.6;margin-bottom:18px;max-width:100%}.editor-home .hero-actions{gap:21px}.editor-home .hero-cta{font-size:13px;padding:12px 17px;min-height:44px}.editor-home .hero-actions .text-link{font-size:12px}.hero-mini-features{font-size:10px;gap:17px;margin-top:15px}.editor-collage{height:255px;width:100%;max-width:450px;align-self:center}.preview-window{inset:15px 17px 19px 0;border-radius:8px}.preview-topbar{height:29px;font-size:8px;padding:0 9px;gap:6px}.preview-brand{height:17px;width:17px;font-size:14px}.preview-topbar strong{font-size:8px}.preview-saved{font-size:6px}.preview-toolbar{height:20px;padding:0 9px;font-size:7px}.preview-toolbar>span:nth-child(2){font-size:6px}.preview-sidebar{width:46px;padding:6px 6px 5px;gap:4px}.preview-tab{font-size:6px;padding-bottom:3px}.preview-upload{height:17px;font-size:11px}.preview-photo-tile{height:22px}.preview-text-tool{font-size:9px}.preview-text-tool>span{font-size:6px}.preview-desk{padding:8px}.preview-tools{display:none}.preview-paper{max-width:245px}.preview-photo-note{font-size:6px}.preview-selection i{width:4px;height:4px}.preview-pages{height:28px;padding:3px 7px 3px 55px;gap:5px}.preview-page{width:12px;height:19px;font-size:5px}.preview-pages small{font-size:6px;margin-right:40px}.collage-photo{width:63px;top:1px;right:0;padding:3px 3px 5px}.collage-photo-crop{height:55px}.collage-photo>span{font-size:6px;margin-top:4px}.collage-book{width:63px;right:0;bottom:0;padding:3px 3px 6px}.collage-book>span{font-size:5px;margin-top:4px}.collage-caption{left:12px;bottom:4px;font-size:7px;padding:6px 8px;gap:5px}.collage-cursor{height:16px;width:16px}.collage-cursor svg{height:11px;width:11px}.benefits-inner{padding:12px 10px}.benefits-inner>div{font-size:10px;gap:5px}.benefits-inner svg{width:22px;height:22px}.featured-section{padding-top:28px}.collection-heading h2{font-size:28px}.collection-heading p:not(.home-eyebrow){font-size:13px}}
@media(max-width:370px){.editor-hero-inner{padding-left:19px;padding-right:19px}.editor-home h1{font-size:37px}.editor-home .hero-actions{gap:13px}.hero-mini-features{gap:12px;font-size:9px}.editor-collage{height:231px}.preview-sidebar{width:39px;padding:5px}.preview-photo-tile{height:18px}.preview-desk{padding:6px}.preview-topbar strong{font-size:7px}.preview-saved{font-size:5px}.collage-book{width:56px}.preview-pages{padding-left:47px}}

/* Small category pills belong to the homepage editorial selection. */
.featured-grid .book-category-label{display:inline-flex;align-items:center;max-width:100%;padding:4px 9px;margin:0 0 8px;border:1px solid #dce9e3;border-radius:20px;background:#eef5f1;color:#35685d;font-size:10px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:760px){.featured-grid .book-category-label{font-size:9px;padding:4px 7px;margin-bottom:7px}}
