/* Keep artwork at its natural proportions; only photographic backgrounds crop. */
.page img{max-width:100%}
.page .home-steps-final>img,.page .ritual-desk-exact>img,.page .ritual-benefits-exact>img,.page .meet-favorite-studio>img,.page .flavors-sharp-art{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.page .shop-product-image img,.page .selector-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:none}
/* Social marks extend the existing forest-green botanical footer. */
.page .launch-footer .footer-socials{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px auto 0;position:relative;z-index:1}
.page .launch-footer .footer-social-circle{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;box-sizing:border-box;border:1px solid #fff9edb3;border-radius:50%;color:#fff9ed;background:#0d3b29}
.page .launch-footer .footer-social-circle svg{display:block;width:21px;height:21px}
@media(max-width:600px){
 /* Full-width photos leave both the packaging and the copy room to breathe. */
 .page .flavors-lifestyle,.page .flavors-root-story{grid-template-columns:minmax(0,1fr);min-height:0}
 .page .flavors-lifestyle>img,.page .flavors-root-story>img{width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}
 .page .flavors-root-story>img{order:2}
 .page .flavors-end-copy{padding:32px 7%;text-align:center}
 .page .flavors-end-copy h2{font-size:36px}
 .page .flavors-end-copy p{font-size:16px;max-width:25em;margin:0 auto 20px}
 .page .flavors-end-button{width:auto;min-width:210px;font-size:12px;padding:14px 24px}
 .page .launch-footer .footer-socials{margin-top:23px;gap:14px}
}

.page .launch-footer a.footer-social-circle{text-decoration:none;transition:background-color .18s ease,color .18s ease}
.page .launch-footer a.footer-social-circle:hover{background:#fff9ed;color:#0d3b29}
.page .launch-footer a.footer-social-circle:focus-visible{outline:3px solid #e8bb47;outline-offset:4px}
.page .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 24px;margin:20px auto 0;position:relative;z-index:1}
.page .footer-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff9ed;font:400 13px/1.4 Arial,Helvetica,sans-serif;text-decoration:none;text-underline-offset:4px}
.page .footer-links a:hover{text-decoration:underline}
.page .footer-links a:focus-visible{outline:2px solid #e8bb47;outline-offset:3px}
/* Pointer taps should not inherit the dialog's automatic focus outline. */
.shopping-dialog:focus,.shopping-dialog:focus-visible{outline:none}
.shopping-dialog[data-pointer-open="true"] :focus-visible{outline:none}
.shopping-dialog button:focus-visible,.page .product-add:focus-visible,.page .product-subscribe:focus-visible,.page .subscription-explore:focus-visible{outline:2px solid #0d3b29;outline-offset:4px}
.shopping-dialog[data-pointer-open="true"] button:focus-visible{outline:none}
.page .product-add:focus:not(:focus-visible),.page .product-subscribe:focus:not(:focus-visible),.page .subscription-explore:focus:not(:focus-visible){outline:none}
/* Footer navigation stays within the footer rather than the flyout nav layout. */
.page .footer-links{position:relative;inset:auto;width:fit-content;min-width:0;padding:0;border:0;box-shadow:none;background:transparent}
.information-page .info-heading{display:block;height:auto;padding:0;border:0;background:transparent;position:static}

.page .launch-footer .footer-links{background:transparent;border:0;box-shadow:none;position:relative;inset:auto;padding:0;min-width:0}
.page .launch-footer .footer-links a{background:transparent;border:0;box-shadow:none;color:#fff9ed;padding:10px 4px}
/* Keep the original leaf artwork in two small outer corners. */
.page .launch-footer::before,.page .launch-footer::after{content:"";position:absolute;top:auto;bottom:0;width:14%;height:70%;z-index:-1;pointer-events:none;opacity:1;background-image:url('/assets/fivra-footer-outline.png');background-repeat:no-repeat;background-size:385% auto}
.page .launch-footer::before{left:-2%;right:auto;background-position:left bottom}
.page .launch-footer::after{right:-2%;left:auto;background-position:right bottom}
.page .launch-footer .footer-links{max-width:74%;gap:0 14px}
.page .launch-footer .footer-socials{max-width:74%}
@media(max-width:600px){.page .launch-footer .footer-links a{font-size:12px;padding:10px 2px}.page .launch-footer .launch-line{max-width:74%;margin-left:auto;margin-right:auto;line-height:1.6}}
/* A second branch on each side fills the edges, preserving the clear center. */
.page .launch-footer::before,.page .launch-footer::after{height:100%;background-image:url('/assets/fivra-footer-outline.png'),url('/assets/fivra-footer-outline.png');background-size:385% auto,385% auto;background-repeat:no-repeat,no-repeat}
.page .launch-footer::before{background-position:left 16px,left bottom}
.page .launch-footer::after{background-position:right 16px,right bottom}
/* Full botanical borders: four layered branches down each outer edge. */
.page .launch-footer::before,.page .launch-footer::after{background-image:url('/assets/fivra-footer-outline.png'),url('/assets/fivra-footer-outline.png'),url('/assets/fivra-footer-outline.png'),url('/assets/fivra-footer-outline.png');background-size:auto 26%;background-repeat:no-repeat}
.page .launch-footer::before{background-position:left top,left 33%,left 66%,left bottom}
.page .launch-footer::after{background-position:right top,right 33%,right 66%,right bottom}
/* Two continuous, asymmetric stems replace the repeated branch pattern. */
.page .launch-footer::before,.page .launch-footer::after{background-size:contain;background-repeat:no-repeat;height:100%;opacity:.85}
.page .launch-footer::before{background-image:url('/assets/footer-branch-left.svg');background-position:left bottom}
.page .launch-footer::after{background-image:url('/assets/footer-branch-right.svg');background-position:right bottom}
/* A little more breathing room around the approved homepage steps artwork. */
.shop-home .page .home-steps-final{padding:28px 0;background:#fffaf3}
@media(max-width:600px){.shop-home .page .home-steps-final{padding:18px 0}}
/* Move the existing floral corners to the outer section edges. */
.shop-home .page .home-steps-final{position:relative;container-type:inline-size;--steps-edge-space:28px}
.shop-home .page .home-steps-final::before,.shop-home .page .home-steps-final::after{content:"";position:absolute;z-index:1;pointer-events:none;background-color:#fffaf3;background-repeat:no-repeat}
.shop-home .page .home-steps-final::before{top:0;left:0;width:22%;height:calc(14cqw + var(--steps-edge-space));background-image:linear-gradient(to bottom,transparent 14cqw,#fffaf3 14cqw),url('/assets/konaya-home-steps-final-v169.webp');background-size:100% 100%,100cqw auto;background-position:left top,left top}
.shop-home .page .home-steps-final::after{bottom:0;right:0;width:22%;height:calc(14cqw + var(--steps-edge-space));clip-path:polygon(100% 0,100% 100%,0 100%,0 85%,40% 55%,65% 20%);background-image:linear-gradient(to top,transparent 13cqw,#fffaf3 13cqw),url('/assets/konaya-home-steps-final-v169.webp');background-size:100% 100%,100cqw auto;background-position:right bottom,right bottom}
@media(max-width:600px){.shop-home .page .home-steps-final{--steps-edge-space:18px}}
/* Standalone decorative SVGs contain no cropped page lettering. */
.shop-home .page .home-steps-final::before{background-image:url('/assets/konaya-ritual-flower.svg');background-size:100% auto;background-position:left top}
.shop-home .page .home-steps-final::after{background-image:url('/assets/konaya-home-fruit-corner.svg');background-size:100% auto;background-position:right bottom}
/* A modest, proportional increase to the homepage opening. */
.shop-home .page .shop-hero{aspect-ratio:20/27;height:auto;min-height:0}
.shop-home .page .shop-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:none}
.shop-home .page .shop-hero-copy h1{font-size:clamp(32px,8.9cqw,94px)}
.shop-home .page .shop-hero-copy>p{font-size:clamp(15px,3.95cqw,32px)}
.shop-home .page .shop-hero-cta{font-size:clamp(13px,2.05cqw,19px)}