/* FORM Pets: warm cream, muted blue and peach. Storefront styles stay separate from utility screens. */
.storefront{--ink:#203448;--paper:#faf9f5;--blue:#294c70;--line:#dedfd8;--muted:#5d6963;background:var(--paper)}
.storefront .notice{background:#203448;color:#faf9f5;font-weight:700;padding:9px 4.5%;letter-spacing:.8px}
.storefront .store-header{height:86px;background:#faf9f5f5;border-bottom:0}
.storefront .brand-dot{color:#294c70}
.storefront .bag-button{background:#294c70;border-color:#294c70}
.storefront .hero{max-width:1600px;margin:0 24px;padding:0;gap:0;grid-template-columns:1fr 1fr;background:#294c70;color:white;border-radius:24px;overflow:hidden;position:relative}
.storefront .hero-copy{padding:44px 8% 36px;position:relative;z-index:1}
.storefront .hero .eyebrow{color:#e5edf4;font-size:10px;letter-spacing:1.7px;margin-bottom:24px}
.storefront .hero .status-dot{background:#f2cbb5}
.storefront h1{font-weight:700;font-size:clamp(62px,6.8vw,104px);line-height:.96;letter-spacing:-.065em;margin-bottom:26px}
.storefront h1 em{font:italic 1.06em/.96 Georgia,serif;color:#f2cbb5;letter-spacing:-.075em}
.storefront .hero-description{color:#e8edf2;max-width:370px;font-size:16px;line-height:1.65;margin-bottom:26px}
.storefront .hero-actions{gap:16px}
.storefront .hero .button{background:#f2cbb5;color:#203448;font-weight:700;padding:17px 25px;border:0}
.storefront .hero .button:hover{background:white;transform:translateY(-2px)}
.storefront .hero-secondary{color:#fff;border-color:#8fa7bc;font-size:12px}
.storefront .hero-note{margin-top:24px;color:#d5e0e9;font-size:11px;gap:12px}
.storefront .little-star{color:#f2cbb5;font-size:35px}
.storefront .hero-art{min-height:570px;border-radius:0;background:#29466b}
.storefront .hero-art>img{object-position:45% 50%}
.storefront .hero-sticker{background:#faf6ef;color:#203448;width:118px;height:118px;right:24px;top:24px;box-shadow:0 4px 20px #0001;transform:rotate(6deg);border:1px solid #fff8}
.storefront .photo-caption{left:24px;right:24px;bottom:24px;background:#faf9f5eb;color:#203448;border-radius:12px;padding:16px}
.store-benefits{display:flex;justify-content:center;gap:46px;flex-wrap:wrap;padding:25px 5%;font-size:12px;border-bottom:1px solid var(--line)}
.store-benefits span{display:flex;align-items:center;gap:10px}
.store-benefits b{font-size:17px;color:#294c70}
.moment-section{padding:64px 5% 0;max-width:1680px;margin:auto}
.moment-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.moment-heading h2{font-size:32px;letter-spacing:-1.3px;font-weight:700}
.moment-heading p{font-size:13px;color:var(--muted);margin:0}
.moment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.moment-card{position:relative;min-height:210px;border-radius:18px;padding:22px;overflow:hidden;background:#e5edf2;transition:transform .25s}
.moment-card:nth-child(2){background:#eee2df}.moment-card:nth-child(3){background:#e3e9e2}.moment-card:nth-child(4){background:#f0e4d5}
.moment-card:hover{transform:translateY(-5px)}
.moment-card img{position:absolute;right:-14px;bottom:-12px;width:64%;height:170px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-9deg);transition:transform .3s}
.moment-card:hover img{transform:rotate(-3deg) scale(1.07)}
.moment-card span{display:block;font-size:10px;letter-spacing:1.3px;margin-bottom:5px}
.moment-card strong{font:700 24px/1.1 'Manrope',sans-serif;letter-spacing:-1px;display:block;position:relative;z-index:1;max-width:150px}
.moment-card b{position:absolute;bottom:20px;left:22px;background:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:400}
.storefront .section{padding-top:76px;padding-bottom:76px}
.storefront .section-heading h2{font-weight:700;font-size:clamp(35px,4vw,58px);letter-spacing:-2px}
.storefront .section-heading h2 em{color:#294c70}
.storefront .section-heading .eyebrow{color:#294c70;margin-bottom:12px}
.storefront .collection-toolbar{padding-bottom:18px;margin-bottom:28px;align-items:center}
.storefront .filters{gap:7px}
.storefront .filters button{background:white;border:1px solid #e0e2d9;padding:10px 19px;font-weight:600}
.storefront .filters button.active{background:#294c70;border-color:#294c70;color:white}
.storefront .product-grid{gap:24px}
.storefront .product-card{background:#fffefb;border:1px solid #e8e5de;border-radius:20px;padding:10px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.storefront .product-card:hover{box-shadow:0 12px 35px #20344810;transform:translateY(-3px)}
.storefront .product-image{border-radius:13px;aspect-ratio:1.13}
.storefront .product-image img{padding:34px 22px 15px}
.storefront .product-tag{top:16px;left:14px;font-size:8px;letter-spacing:1px;max-width:calc(100% - 70px)}
.storefront .product-info{padding:0 9px;gap:10px;margin-top:19px;margin-bottom:8px}
.storefront .product-info h3{font-size:20px;font-weight:700}
.storefront .product-info p{font-size:12px;line-height:1.5}
.storefront .price{font-size:16px;font-weight:700;color:#203448}
.storefront .product-variant{padding:0 9px;font-size:10px;margin-bottom:18px}
.storefront .card-add{border:0;background:#eaf0f3;border-radius:11px;margin-top:auto;font-size:12px;font-weight:600;min-height:46px}
.storefront .card-add:hover{background:#294c70;color:#fff}
.storefront .save{box-shadow:0 2px 8px #00000008}
.storefront .finder{background:#203448;color:white;border-radius:24px;margin:8px 5% 0}
.storefront .finder h2 em{color:#f2cbb5}
.storefront .finder-type{background:#f2cbb5;color:#203448;border:0}
.storefront .finder-orbit{color:#20344810}
.storefront .finder-edition{border-color:#20344840}
.storefront .finder-type strong{font-size:clamp(35px,4.3vw,66px)}
.storefront .finder-copy .light{background:#f2cbb5}
.storefront .journal{border-radius:20px;min-height:350px}
.storefront .journal h3{font-weight:700}
.storefront .faq{border-top:1px solid var(--line)}
.storefront .faq-questions details{background:white;border:1px solid #e3e5dc;border-radius:13px;margin-bottom:10px;padding:0 20px}
.storefront .faq-questions summary{font-weight:600}
.storefront .closing{background:#f0e3d8;position:relative;overflow:hidden;border-radius:24px;margin:0 24px;padding:65px 5%}
.storefront .closing em{color:#294c70}
.storefront .closing-star{color:#294c70}
.storefront footer{background:#203448;color:#faf9f5;margin-top:24px;border:0}
.storefront footer .brand-dot{color:#f2cbb5}
.storefront .footer-main p,.storefront .footer-group h2,.storefront .footer-bottom{color:#c9d6cf}
.storefront .footer-message>span{color:#f2cbb5}
.storefront .footer-bottom{border-color:#ffffff25}
@media(min-width:1680px){.storefront .hero{margin-left:auto;margin-right:auto}}
@media(max-width:1000px){.storefront .hero-copy{padding:42px 7% 32px}.storefront h1{font-size:72px}.storefront .hero-art{min-height:570px}.store-benefits{gap:24px}.moment-card{padding:18px;min-height:195px}.moment-card strong{font-size:21px}.moment-card img{width:70%;height:135px}.storefront .product-info{display:block}.storefront .price{display:block;margin-top:8px}}
@media(max-width:760px){.storefront .store-header{height:76px;padding:0 5%}.storefront .hero{margin:0 12px;grid-template-columns:1fr;border-radius:20px}.storefront .hero-copy{padding:34px 7% 30px}.storefront h1{font-size:clamp(51px,13.6vw,82px);letter-spacing:-.065em}.storefront .hero-description{font-size:14px;max-width:390px;margin-bottom:22px}.storefront .hero .eyebrow{font-size:9px;margin-bottom:20px}.storefront .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px 24px}.storefront .hero-note{display:none}.storefront .hero-art{min-height:0;height:310px;aspect-ratio:auto;border-radius:0}.storefront .hero-art>img{object-position:50% 49%}.storefront .hero-sticker{width:99px;height:99px;font-size:12px;right:18px;top:18px}.storefront .hero-sticker em{font-size:21px}.storefront .photo-caption{bottom:16px;left:16px;right:16px;font-size:8px;padding:12px}.store-benefits{gap:12px 22px;padding:20px 5%;font-size:11px}.moment-section{padding-top:38px}.moment-heading{align-items:start}.moment-heading h2{font-size:26px}.moment-heading p{display:none}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moment-card{min-height:185px}.moment-card img{height:132px;width:70%}.storefront .section{padding:46px 5%}.storefront .section-heading{margin-bottom:25px}.storefront .section-heading h2{font-size:36px}.storefront .collection-toolbar{display:block}.storefront .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;gap:7px}.storefront .filters button{flex-shrink:0;padding:9px 16px}.storefront .collection-count{display:block;margin-top:10px;font-size:11px}.storefront .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.storefront .product-card{padding:7px;border-radius:15px}.storefront .product-image{aspect-ratio:.88;border-radius:10px}.storefront .product-image img{padding:35px 5px 12px}.storefront .product-tag{font-size:7px;letter-spacing:.5px;left:9px;top:12px;max-width:calc(100% - 42px)}.storefront .save{width:32px;height:32px;right:5px;top:7px;font-size:20px}.storefront .product-info{padding:0 4px;margin-top:12px}.storefront .product-info h3{font-size:16px;letter-spacing:-.5px}.storefront .product-info p{font-size:11px;min-height:33px}.storefront .price{font-size:15px}.storefront .product-variant{padding:0 4px;font-size:9px;line-height:1.5;align-items:flex-start}.storefront .swatch{flex-shrink:0;margin-top:2px}.storefront .card-add{padding:10px;font-size:11px;gap:4px}.storefront .product-view{display:none}.storefront .finder{margin-top:0;border-radius:20px}.storefront .finder-copy{padding:32px 25px}.storefront .finder-type{padding:30px 25px}.storefront .closing{margin:0 12px;padding:42px 7%;border-radius:20px}.storefront .closing p{font-size:31px}.storefront .notice{justify-content:center}.storefront .notice>span:first-child{display:none}.storefront .notice a{display:none}}
@media(max-width:760px){.storefront .filters{flex-wrap:wrap;overflow:visible}.storefront .filters button{padding:8px 12px;font-size:11px}.storefront .section-heading>p br{display:block}.storefront .product-info h3{min-height:42px}.storefront .product-info p{min-height:34px}}
@media(max-width:360px){.storefront h1{font-size:49px}.moment-card{padding:14px}.moment-card strong{font-size:19px}.storefront .product-info h3{font-size:14px}.storefront .product-grid{gap:8px}}