.home-banners{padding-top:40px;padding-bottom:8px}
.banner-frame{position:relative}
.banner-stage{position:relative;display:flex;align-items:flex-start;aspect-ratio:16/9;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none;-webkit-overflow-scrolling:touch;user-select:none;-webkit-user-select:none;border-radius:20px}
.banner-stage::-webkit-scrollbar{display:none}
.banner-stage>.banner-slide{flex:0 0 100%;min-width:0;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;border-radius:0}
.banner-stage.is-dragging{scroll-snap-type:none;cursor:grabbing}
@media(max-width:600px){.banner-stage{border-radius:10px}.home-banners.has-portrait-banner .banner-stage{aspect-ratio:3/4}}
.banner-slide{aspect-ratio:16/9;position:relative;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:minmax(0,1fr);align-items:center;overflow:hidden;border-radius:20px;background:#e9ddbe;color:#263a30;isolation:isolate}
.banner-slide[hidden]{display:none!important}
.banner-slide:hover{color:inherit}
.banner-copy{padding:clamp(22px,4vw,65px);padding-right:0;position:relative;z-index:2;min-width:0;min-height:0}
.banner-kicker{display:block;font-size:clamp(9px,1vw,13px);letter-spacing:.13em;text-transform:uppercase;margin-bottom:24px}
.banner-copy h1,.banner-copy h2{font-family:Georgia,serif;font-size:clamp(33px,4.6vw,68px);line-height:1.03;letter-spacing:-.025em;margin:0 0 24px;font-weight:400;max-width:660px}
.banner-copy p{font-size:clamp(13px,1.45vw,19px);line-height:1.6;max-width:400px;margin:0 0 30px}
.banner-action{display:inline-flex;align-items:center;gap:22px;padding:15px 23px;background:#087c76;color:#fff;border-radius:5px;font-size:14px}
.banner-action svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.banner-demo-art{align-self:stretch;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;height:100%}
.banner-demo-art span{position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:#fff6;z-index:-1}
.banner-demo-art img{position:absolute;inset:0;width:100%;height:100%;padding:32px;box-sizing:border-box;object-fit:contain;filter:drop-shadow(8px 18px 12px #24362c23)}
.banner-demo-label{position:absolute;right:22px;bottom:19px;font-size:11px;letter-spacing:.035em;color:#324a3a;background:#ffffffab;padding:6px 10px;border-radius:20px}
.banner-oils{background:#f6df98;color:#3b3a23}.banner-oils .banner-action{background:#254d35}
.banner-fiber{background:#cce3d1;color:#244a36}.banner-fiber .banner-action{background:#8b4127}
.banner-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px}
.banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid #ffffff85;border-radius:50%;background:#ffffffe0;color:#28583e;box-shadow:0 2px 10px #163c2d20;cursor:pointer}
.banner-arrow-prev{left:18px}.banner-arrow-next{right:18px}
.banner-arrow:hover{background:#fff}.banner-arrow:focus-visible{outline:3px solid #087c76;outline-offset:3px}
.banner-arrow svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}
.banner-dots{display:flex;align-items:center;gap:9px}.banner-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#cad4c8;padding:0;cursor:pointer}.banner-dots button[aria-pressed=true]{background:#087c76;width:24px;border-radius:5px}
.banner-slide.has-banner-image{display:block;background:#fff}.banner-slide picture{display:block;width:100%;height:100%}.banner-slide .finished-banner{display:block;width:100%;height:100%;object-fit:contain}
.real-product{background:#fff;border:1px solid #e3e8df;box-shadow:none}
.real-product .real-photo{position:relative;background:#fff;box-shadow:none}
.real-product .product-details h3{color:#263b2d}
.real-product .product-details>p,.real-product .product-more{color:#5a715d}
.cover-placeholder-note{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;font-size:11px;color:#829084}
.real-photo.temporary-cover img{padding:22px 28px 38px;box-sizing:border-box}
.documents-page{padding-bottom:70px}.documents-intro{max-width:750px;line-height:1.8;color:#60715f;margin-bottom:30px}
.documents-pending{display:flex;gap:25px;align-items:center;padding:30px;background:#eef3e8;border-radius:12px;margin-bottom:25px}
.documents-pending>svg{width:52px;height:52px;fill:none;stroke:#658258;stroke-width:1.5;flex:none}
.documents-pending h2{font-size:29px;margin:0 0 10px}.documents-pending p{color:#667661;line-height:1.7;font-size:14px}
.document-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.document-placeholders article{padding:27px;border:1px dashed #c7d1c1;border-radius:10px;background:#fff}
.document-placeholders article>span{display:block;color:#819179;font-size:12px;margin-bottom:24px}
.document-placeholders h2{font-size:27px;margin-bottom:12px;line-height:1.2}.document-placeholders p{font-size:13px;color:#6a7963;line-height:1.7}
.existing-documents{margin-top:55px;padding-top:35px;border-top:1px solid #e3e8df}.existing-documents>h2{font-size:32px;margin-bottom:25px}.documents-page .about-editor{grid-column:auto}
.documents-link{margin-top:24px;grid-column:1/-1}
@media(min-width:1600px){.banner-copy h1,.banner-copy h2{font-size:74px}}
@media(max-width:850px){.home-banners{padding-top:25px}.banner-copy{padding:30px 0 30px 30px}.banner-kicker{margin-bottom:13px}.banner-copy h1,.banner-copy h2{font-size:35px;margin-bottom:15px}.banner-copy p{font-size:13px;line-height:1.45;margin-bottom:18px}.banner-action{font-size:12px;padding:12px 16px;gap:13px}.banner-demo-art img{padding:25px 20px}.banner-demo-label{font-size:9px;bottom:12px;right:12px}.document-placeholders{gap:12px}.document-placeholders article{padding:20px}.document-placeholders h2{font-size:22px}}
@media(max-width:600px){.home-banners{padding-top:23px}.banner-slide{border-radius:10px;grid-template-columns:1.25fr 1fr}.banner-copy{padding:17px 0 17px 17px}.banner-kicker{font-size:7px;letter-spacing:.06em;margin-bottom:8px}.banner-copy h1,.banner-copy h2{font-size:clamp(16px,4.8vw,28px);line-height:1.06;margin-bottom:9px}.banner-copy p{font-size:clamp(9px,2.4vw,13px);line-height:1.3;margin-bottom:11px}.banner-action{font-size:9px;gap:8px;padding:8px 11px}.banner-action svg{width:13px;height:13px}.banner-demo-art img{padding:13px 10px 22px 5px}.banner-demo-label{font-size:7px;padding:3px 6px;bottom:7px;right:7px}.banner-controls{padding-top:11px;gap:12px}.banner-arrow{width:40px;height:40px}.banner-arrow-prev{left:8px}.banner-arrow-next{right:8px}.cover-placeholder-note{font-size:9px;bottom:10px}.real-photo.temporary-cover img{padding:12px 12px 30px}.document-placeholders{grid-template-columns:1fr}.document-placeholders article{padding:22px}.document-placeholders article>span{margin-bottom:12px}.documents-pending{padding:23px;gap:18px;align-items:flex-start}.documents-pending>svg{width:36px;height:36px}.documents-pending h2{font-size:25px}.documents-pending p{font-size:12px}.documents-page{padding-bottom:45px}.banner-slide.has-mobile-image{aspect-ratio:3/4}}
