.youmi-home{--page-content-width: 80rem;--page-width: calc(var(--page-content-width) + var(--page-margin) * 2);--youmi-ink: #231914;--youmi-muted: #625b57;--youmi-coral: #ff7f6b;--youmi-line: #ece7e3}.youmi-home-section{padding-block:var(--youmi-space-top, 40px) var(--youmi-space-bottom, 40px)}.youmi-home :is(h1,h2,h3,p){text-wrap:pretty}.youmi-home-heading{margin-bottom:32px;text-align:center}.youmi-home-heading h2,.youmi-home .section-resource-list__header h2{margin:0;font-family:var(--font-heading--family);font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--color-foreground-heading, var(--youmi-ink))}.youmi-home-heading p{max-width:58ch;margin:12px auto 0;font-size:1rem;line-height:1.6;color:var(--color-foreground-muted, var(--youmi-muted))}.youmi-gift-banners{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.youmi-gift-banners--single{grid-template-columns:minmax(0,1fr)}.youmi-gift-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;min-height:410px;padding:32px 16px 32px 36px;overflow:hidden;border-radius:18px;background:var(--youmi-tile-bg, #fff0eb)}.youmi-gift-hero__copy{position:relative;z-index:1}.youmi-home .youmi-gift-hero--text-only{grid-template-columns:minmax(0,1fr)}.youmi-gift-hero--text-only .youmi-gift-hero__media{display:none}.youmi-gift-hero h1{max-width:13ch;margin:0;font-family:var(--font-heading--family);font-size:clamp(2rem,3.25vw,3.5rem);font-weight:700;line-height:1.07;letter-spacing:-.045em;color:var(--youmi-ink)}.youmi-gift-hero p{max-width:33ch;margin:20px 0 24px;font-size:1rem;line-height:1.6;color:var(--youmi-muted)}.youmi-home-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:8px;background:var(--youmi-coral, #ff7f6b);font-family:var(--font-body--family);font-size:.9375rem;font-weight:700;line-height:1.4;text-decoration:none;text-align:center;color:var(--youmi-ink, #231914);transition:background-color .15s ease}.youmi-home-button:hover{background:#ffa694}.youmi-gift-hero .youmi-home-button{gap:20px;min-height:50px;padding:14px 24px;border-radius:999px;background:var(--youmi-ink);font-weight:600;color:#fff;transition:background-color .18s ease}.youmi-gift-hero .youmi-home-button:hover{background:#46372f}.youmi-home [class^=promo-banner-btn-]{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--youmi-ink);transition:color .18s ease}.youmi-home [class^=promo-banner-btn-]:hover{background:transparent;color:#7b4f40}.youmi-home [class^=promo-banner-btn-]:focus-visible{outline:2px solid var(--youmi-ink);outline-offset:5px}.youmi-gift-hero .youmi-home-button:after,.youmi-home [class^=promo-banner-btn-]:after,.youmi-gift-tile__link:after{content:"";flex-shrink:0;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .18s ease}.youmi-gift-hero .youmi-home-button:hover:after,.youmi-home [class^=promo-banner-btn-]:hover:after,.youmi-gift-tile:hover .youmi-gift-tile__link:after{transform:translate(3px)}.youmi-home :is(.youmi-home-button,.youmi-gift-tile,.youmi-circle-card):focus-visible{outline:3px solid var(--youmi-ink);outline-offset:4px}.youmi-gift-hero__media{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1}.youmi-gift-hero__image{width:100%;height:100%;max-height:370px;object-fit:contain;border-radius:12px}.youmi-gift-banners__side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px}.youmi-gift-tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:8px;min-height:190px;padding:20px;overflow:hidden;border-radius:14px;background:var(--youmi-tile-bg, #eef3fa);text-decoration:none;color:var(--youmi-ink)}.youmi-gift-tile h2{margin:0 0 16px;font-family:var(--font-heading--family);font-size:clamp(1.125rem,1.8vw,1.65rem);font-weight:700;line-height:1.2;letter-spacing:-.025em}.youmi-home .youmi-gift-tile--text-only{grid-template-columns:minmax(0,1fr)}.youmi-gift-tile__link{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:.8125rem;font-weight:600}.youmi-gift-tile__image{width:100%;height:140px;border-radius:10px;object-fit:contain}.youmi-circle-section{min-width:0}.youmi-circle-list{--youmi-circle-gap: 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--youmi-circle-gap)}.youmi-circle-card{display:flex;flex:0 0 calc((100% - (var(--youmi-circle-columns, 6) - 1) * var(--youmi-circle-gap)) / var(--youmi-circle-columns, 6));flex-direction:column;align-items:center;gap:16px;min-width:0;text-align:center;text-decoration:none;color:var(--color-foreground, var(--youmi-ink, #231914))}.youmi-circle-card__media{display:flex;align-items:center;justify-content:center;width:min(100%,166px);aspect-ratio:1;overflow:hidden;border:1px solid var(--youmi-line, #ece7e3);border-radius:50%;background:#f7f5f3}.youmi-circle-card__image{width:100%;height:100%;object-fit:cover}.youmi-circle-card__initial{font-size:2.5rem;font-weight:700;color:var(--youmi-ink, #231914)}.youmi-circle-card__label{max-width:20ch;font-size:.9375rem;font-weight:600;line-height:1.4}.youmi-circle-card:hover .youmi-circle-card__label,.youmi-gift-tile:hover .youmi-gift-tile__link{text-decoration:underline;text-underline-offset:4px}.youmi-home .section-resource-list .product-card{min-width:0}.youmi-home .section-resource-list{column-gap:0}.youmi-home .section-resource-list .product-card [ref=productTitleLink] .text-block>p{font-size:.9375rem;line-height:1.5}.youmi-home .section-resource-list .price{font-weight:600}.youmi-personalization{padding:0}.youmi-personalization__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:40px 0 32px;padding:0;list-style:none}.youmi-personalization__step{min-width:0;text-align:center}.youmi-personalization__number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:20px;border-radius:50%;background:var(--youmi-coral, #ff7f6b);font-size:1.25rem;font-weight:700;color:var(--youmi-ink, #231914)}.youmi-personalization__step h3{margin:0 0 10px;font-size:1.125rem;font-weight:700;line-height:1.4}.youmi-personalization__step p{max-width:27ch;margin:0 auto;font-size:.9375rem;line-height:1.6;color:var(--color-foreground-muted, var(--youmi-muted, #625b57))}.youmi-personalization__action{text-align:center}@media(min-width:750px)and (max-width:999px){.youmi-gift-banners{grid-template-columns:minmax(0,1fr)}.youmi-gift-banners__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.youmi-gift-hero h1{font-size:3rem}.youmi-gift-hero--text-only{grid-template-columns:minmax(0,1fr)}.youmi-circle-list{--youmi-circle-gap: 16px}}@media(max-width:749px){.youmi-home-section{padding-block:min(var(--youmi-space-top, 40px),32px) min(var(--youmi-space-bottom, 40px),32px)}.youmi-home-heading{margin-bottom:24px}.youmi-home-heading p{font-size:.9375rem}.youmi-gift-banners{grid-template-columns:minmax(0,1fr);gap:12px}.youmi-gift-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);min-height:330px;padding:24px 12px 24px 24px;border-radius:14px}.youmi-gift-hero h1{font-size:clamp(1.625rem,5.3vw,2.5rem);line-height:1.12}.youmi-gift-hero p{margin:16px 0 20px;font-size:.875rem;line-height:1.5}.youmi-home-button{padding:12px 16px;font-size:.875rem}.youmi-gift-banners__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}.youmi-gift-tile{grid-template-columns:minmax(0,1fr);min-height:210px;padding:16px}.youmi-gift-tile h2{margin-bottom:10px;font-size:1.125rem}.youmi-gift-tile__image{height:100px}.youmi-circle-list{--youmi-circle-gap: 18px;flex-wrap:nowrap;justify-content:flex-start;padding:4px 0 12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.youmi-circle-card{flex:0 0 112px;gap:12px;scroll-snap-align:start}.youmi-home .youmi-circle-card:focus-visible{outline-offset:-3px}.youmi-circle-card__label{font-size:.8125rem}.youmi-personalization__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-block:28px}.youmi-personalization__number{width:44px;height:44px;margin-bottom:12px}.youmi-personalization__step h3{font-size:1rem}.youmi-personalization__step p{font-size:.875rem}}@media(max-width:399px){.youmi-gift-hero{grid-template-columns:minmax(0,1fr);padding:24px}.youmi-gift-hero h1{max-width:18ch;font-size:2rem}.youmi-gift-hero__media{max-width:200px;margin:16px auto 0}}@media(prefers-reduced-motion:reduce){.youmi-home .youmi-home-button,.youmi-home [class^=promo-banner-btn-],.youmi-home .youmi-home-button:after,.youmi-home [class^=promo-banner-btn-]:after,.youmi-home .youmi-gift-tile__link:after{transition:none}.youmi-home .youmi-home-button:hover:after,.youmi-home [class^=promo-banner-btn-]:hover:after,.youmi-home .youmi-gift-tile:hover .youmi-gift-tile__link:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/youmi-home.css.map */