.purpose-section .purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(330px,1.45fr) minmax(220px,1fr);gap:20px;min-height:590px}.purpose-section .purpose-section__subtitle{flex:0 0 auto;max-width:none;margin:0;color:var(--ume-mute);font-size:13px;white-space:nowrap}.purpose-section .purpose-tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;padding:0;border:0;color:#fff;text-align:center;background:var(--ume-ink-2);isolation:isolate;transition:none}.purpose-section .purpose-tile:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#18130f08,#18130f29);transition:background .3s ease}.purpose-section .purpose-tile--home:after{background:radial-gradient(ellipse 42% 78% at center,rgba(24,18,13,.24) 0%,rgba(24,18,13,.08) 62%,transparent 100%)}@property --purpose-magic-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.purpose-section .purpose-tile__frame{position:absolute;z-index:3;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none}.purpose-section .purpose-tile__frame:after{--purpose-magic-angle: 0deg;content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:1.5px;opacity:0;background:conic-gradient(from var(--purpose-magic-angle) at 50% 50%,transparent 0deg 332deg,rgba(232,240,244,.12) 340deg,rgba(251,253,253,.62) 351deg,rgba(255,255,255,.96) 357deg,rgba(255,255,255,.96) 360deg);filter:drop-shadow(0 0 2px rgba(255,255,255,.42)) drop-shadow(0 0 5px rgba(225,235,239,.16));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.purpose-section .purpose-tile__frame svg{display:block;width:100%;height:100%;overflow:visible}.purpose-section .purpose-tile__frame path{fill:none;vector-effect:non-scaling-stroke;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.purpose-section .purpose-tile__frame-base{stroke:#ffffff7a}.purpose-section .purpose-tile--featured{grid-column:1 / -1;grid-row:1}.purpose-section .purpose-tile:focus-visible{outline:2px solid var(--ume-gold);outline-offset:5px}.purpose-section .purpose-tile__media,.purpose-section .purpose-tile__placeholder{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.purpose-section .purpose-tile__media{overflow:hidden;background:var(--ume-paper)}.purpose-section .purpose-tile__media--mosaic{background:linear-gradient(135deg,#f4eee2,#e5d7c4)}.purpose-section .purpose-tile__scene{position:absolute;overflow:hidden}.purpose-section .purpose-tile__scene--family{z-index:1;top:0;right:0;bottom:0;left:0}.purpose-section .purpose-tile__media img{display:block;width:100%;height:100%;object-fit:cover}.purpose-section .purpose-tile__scene>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:center}.purpose-section .purpose-tile__scene--family>img{object-position:center 57%}.purpose-section .purpose-tile--mild .purpose-tile__media>img{object-position:center bottom}.purpose-section .purpose-tile--gift .purpose-tile__media>img{object-position:center bottom}.purpose-section .purpose-tile__placeholder{display:grid;place-items:center;color:#fffc}.purpose-section .purpose-tile__body{position:relative;z-index:2;min-width:0;width:100%;padding:30px 24px;color:#fff;text-shadow:0 2px 4px rgba(20,14,10,.76),0 5px 18px rgba(20,14,10,.5);background:radial-gradient(ellipse at center,rgba(20,14,10,.34) 0%,rgba(20,14,10,.16) 38%,transparent 72%)}.purpose-section .purpose-tile--featured .purpose-tile__body{max-width:64%;margin-right:auto;padding:44px 32px}.purpose-section .purpose-tile__label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;color:#ffffffe6;font-family:var(--font-en);font-size:9px;line-height:1;letter-spacing:.22em}.purpose-section .purpose-tile__label:before,.purpose-section .purpose-tile__label:after{content:"";width:22px;height:1px;background:#ffffffb8;transition:width .45s cubic-bezier(.22,.61,.36,1),background .45s ease}.purpose-section .purpose-tile--featured .purpose-tile__label{gap:12px;margin-bottom:15px;font-size:10px}.purpose-section .purpose-tile--featured .purpose-tile__label:before,.purpose-section .purpose-tile--featured .purpose-tile__label:after{width:30px}.purpose-section .purpose-tile__description{margin-bottom:7px;color:#ffffffe0;font-size:11px;line-height:1.65;letter-spacing:.08em;text-align:center}.purpose-section .purpose-tile--featured .purpose-tile__description{margin-bottom:12px;font-size:13px;line-height:1.75}.purpose-section .purpose-tile__title{color:#fff;font-family:var(--font-jp);font-size:clamp(22px,1.8vw,28px);font-weight:500;line-height:1.3;letter-spacing:.1em;text-align:center}.purpose-section .purpose-tile--featured .purpose-tile__title{font-size:clamp(38px,3.5vw,52px);line-height:1.2}@media(max-width:989px)and (min-width:750px){.purpose-section .purpose-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(300px,1.35fr) minmax(200px,1fr);gap:16px;min-height:520px}.purpose-section .purpose-tile__body{padding:24px 18px}.purpose-section .purpose-tile__title{font-size:21px}.purpose-section .purpose-tile--featured .purpose-tile__body{max-width:66%;padding:36px 28px}.purpose-section .purpose-tile--featured .purpose-tile__title{font-size:38px}}@keyframes purpose-frame-circuit{0%{--purpose-magic-angle: 0deg;opacity:0}8%{opacity:1}25%{opacity:1}to{--purpose-magic-angle: 360deg;opacity:0}}@media(hover:hover){.purpose-section .purpose-tile:hover .purpose-tile__frame:after{animation:purpose-frame-circuit 1s cubic-bezier(.2,.65,.35,1) both}}@media(max-width:749px){.purpose-section .section-head{align-items:flex-start}.purpose-section .purpose-grid{grid-template-columns:1fr;grid-template-rows:none;gap:14px;min-height:0}.purpose-section .purpose-tile{grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:16 / 7.5}.purpose-section .purpose-tile__frame{top:8px;right:8px;bottom:8px;left:8px}.purpose-section .purpose-tile--featured{order:-1;min-height:0;aspect-ratio:16 / 9}.purpose-section .purpose-tile--mild .purpose-tile__media>img{object-position:center 90%}.purpose-section .purpose-tile--mild{aspect-ratio:16 / 10}.purpose-section .purpose-tile__body{padding:24px 20px}.purpose-section .purpose-tile--featured .purpose-tile__body{max-width:68%;padding:30px 24px}.purpose-section .purpose-tile__description{margin-bottom:5px;font-size:10.5px}.purpose-section .purpose-tile__label{gap:8px;margin-bottom:9px;font-size:8px}.purpose-section .purpose-tile__label:before,.purpose-section .purpose-tile__label:after{width:18px}.purpose-section .purpose-tile--featured .purpose-tile__description{margin-bottom:8px;font-size:11.5px}.purpose-section .purpose-tile__title{font-size:clamp(21px,6vw,26px)}.purpose-section .purpose-tile--featured .purpose-tile__title{font-size:clamp(31px,8.5vw,38px)}.purpose-section .purpose-section__subtitle{max-width:320px;white-space:normal}}@media(prefers-reduced-motion:reduce){.purpose-section .purpose-tile__frame:after,.purpose-section .purpose-tile__label:before,.purpose-section .purpose-tile__label:after,.purpose-section .purpose-tile:after{animation:none;transition:none}.purpose-section .purpose-tile:hover .purpose-tile__frame:after{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/purpose-grid.css.map */