:root{--archyam-cream: #F3E9DC;--archyam-brown-deep: #4B2E1A;--archyam-brown-rich: #6A3E1F;--archyam-brown-medium: #6F5B4A;--archyam-gold: #B8975A;--archyam-gold-light: #D4B87A;--archyam-beige: #E8DDD0;--archyam-shadow-soft: 0 10px 30px rgba(75, 46, 26, .08);--archyam-shadow-medium: 0 15px 40px rgba(75, 46, 26, .12);--archyam-shadow-elegant: 0 20px 60px rgba(75, 46, 26, .15)}.archyam-purpose{position:relative;overflow:hidden;background-color:var(--archyam-cream);padding:0}.purpose-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-size:cover;background-position:center;pointer-events:none}.mandala-decor{position:absolute;pointer-events:none;z-index:1}.mandala-decor img{width:100%;height:auto;object-fit:contain}.mandala-top{top:0;left:50%;transform:translate(-50%) translateY(-50%);width:16rem;opacity:.2;animation:floatAnimation 6s ease-in-out infinite}.mandala-left{top:5rem;left:0;transform:translate(-33%) rotate(45deg);width:12rem;opacity:.15}.mandala-right{bottom:5rem;right:0;transform:translate(33%) rotate(-45deg);width:12rem;opacity:.15}.purpose-wrapper{position:relative;z-index:10;padding:4rem 1.25rem}@media(min-width:768px){.purpose-wrapper{padding:6rem 2.5rem}}.gold-divider{display:flex;justify-content:center;margin-bottom:3rem}.gold-divider img{width:18rem;height:auto;object-fit:contain}.gold-divider-bottom{margin-bottom:0;margin-top:4rem}.gold-divider-bottom img{transform:rotate(180deg)}@media(min-width:768px){.gold-divider img{width:24rem}}.purpose-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}@media(min-width:1024px){.purpose-container{grid-template-columns:1.2fr .8fr;gap:4rem}}.purpose-content{order:2}@media(min-width:1024px){.purpose-content{order:1}}.purpose-heading{font-size:20px;font-weight:500;color:var(--archyam-brown-rich);margin-bottom:1.5rem;line-height:1.2}@media(min-width:768px){.purpose-heading{font-size:2.25rem;font-weight:700}}@media(min-width:1024px){.purpose-heading{font-size:2.625rem}}.purpose-intro{font-size:17px;font-style:italic;color:var(--archyam-brown-medium);line-height:1.7;margin-bottom:2.5rem}.purpose-points{list-style:none;padding:0;margin:0 0 2.5rem}.purpose-point{display:flex;gap:1rem;margin-bottom:1.5rem}.purpose-point:last-child{margin-bottom:0}.point-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:var(--archyam-beige);border-radius:50%;box-shadow:var(--archyam-shadow-soft);transition:box-shadow .3s ease,transform .3s ease}.purpose-point:hover .point-icon{box-shadow:var(--archyam-shadow-medium);transform:scale(1.05)}.point-content{flex:1}.point-title{font-size:18px;font-weight:500;color:var(--archyam-brown-deep);margin:0 0 .25rem}.point-text{font-size:15px;color:var(--archyam-brown-medium);line-height:1.6;margin:0}.purpose-closing{font-size:1.125rem;font-style:italic;color:var(--archyam-brown-rich);border-left:4px solid var(--archyam-gold);padding-left:1.25rem;margin:0}@media(min-width:768px){.purpose-closing{font-size:1.25rem}}.purpose-closing p{margin:0}.purpose-image-wrapper{order:1}@media(min-width:1024px){.purpose-image-wrapper{order:2}}.purpose-image-frame{position:relative;padding:.75rem}.frame-corner{position:absolute;width:4rem;height:4rem;border-color:var(--archyam-gold);border-style:solid;border-width:0;pointer-events:none}.frame-corner-tl{top:0;left:0;border-top-width:4px;border-left-width:4px;border-top-left-radius:1rem}.frame-corner-tr{top:0;right:0;border-top-width:4px;border-right-width:4px;border-top-right-radius:1rem}.frame-corner-bl{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:1rem}.frame-corner-br{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:1rem}.purpose-image{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:1rem;box-shadow:var(--archyam-shadow-elegant)}.floating-badge{position:absolute;bottom:-1rem;left:-.5rem;background-color:#fffbf5;padding:.75rem 1.25rem;border-radius:.75rem;box-shadow:var(--archyam-shadow-medium)}@media(max-width:768px){.purpose-image{width:100%;height:200px;aspect-ratio:3 / 4;object-fit:cover;border-radius:1rem;box-shadow:var(--archyam-shadow-elegant)}.purpose-container{max-width:1200px;margin:0 auto;display:grid;gap:2.5rem;align-items:center;display:flex;flex-direction:column-reverse}}@media(min-width:768px){.floating-badge{left:-1.5rem;bottom:-1.5rem}}.floating-badge span{font-size:.875rem;color:var(--archyam-gold);font-weight:500}@keyframes floatAnimation{0%,to{transform:translate(-50%) translateY(-50%)}50%{transform:translate(-50%) translateY(calc(-50% - 10px))}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.animate-scale-in{animation:scaleIn .8s ease-out forwards}.animate-float{animation:floatBadge 4s ease-in-out infinite}.archyam-purpose [class*=animate-]{opacity:0}.archyam-purpose.is-visible [class*=animate-]{opacity:1}@media(max-width:575.98px){.purpose-wrapper{padding:3rem 1rem}.purpose-heading{font-weight:700}.purpose-intro{font-size:15px}.gold-divider img{width:14rem}.mandala-top{width:10rem}.mandala-left,.mandala-right{display:none}.frame-corner{width:3rem;height:3rem}}@media(min-width:576px)and (max-width:767.98px){.purpose-heading{font-size:1.75rem}}@media(min-width:768px)and (max-width:1023.98px){.purpose-container{max-width:700px}.purpose-image-frame{max-width:400px;margin:0 auto}}@media(min-width:1024px){.purpose-point{gap:1.25rem}}@media(min-width:1200px){.purpose-wrapper{padding:3rem 2rem}.purpose-container{gap:5rem}}@media print{.archyam-purpose{padding:2rem 0}.mandala-decor,.gold-divider,.floating-badge{display:none}.purpose-image{box-shadow:none;border:1px solid #ccc}[class*=animate-]{animation:none!important;opacity:1!important}}@media(prefers-reduced-motion:reduce){.archyam-purpose *,.archyam-purpose *:before,.archyam-purpose *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.archyam-purpose a:focus,.archyam-purpose button:focus{outline:2px solid var(--archyam-gold);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-archyam-purpose.css.map */