body .zasshi-section.z-mat{padding:104px 24px;background:var(--z-bg)}body .zasshi-section.z-mat.z-bg-soft{background:var(--z-bg-soft)}body .zasshi-section .z-mat-inner{max-width:var(--z-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:72px;align-items:center}body .zasshi-section .z-mat-intro h2{font-size:clamp(28px,3.6vw,40px);line-height:1.15;margin-bottom:20px;max-width:460px}body .zasshi-section .z-mat-text{font-size:16px;line-height:1.75;max-width:460px}body .zasshi-section .z-mat-text p+p{margin-top:12px}body .zasshi-section .z-mat-cta{margin-top:34px}body .zasshi-section .z-mat-link{display:inline-block;padding-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--z-ink);border-bottom:1.5px solid var(--z-ink);transition:color .2s ease,border-color .2s ease,letter-spacing .3s ease}body .zasshi-section .z-mat-link:hover{color:var(--z-accent);border-color:var(--z-accent);letter-spacing:.24em}body .zasshi-section .z-mat-grid{display:grid;grid-template-columns:repeat(var(--z-mat-cols, 3),minmax(0,1fr));gap:52px 24px}body .zasshi-section .z-mat-card{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--z-ink)}body .zasshi-section .z-mat-orb{position:relative;display:block;width:152px;max-width:100%;aspect-ratio:1 / 1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}body .zasshi-section .z-mat-orb:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;border:1px solid var(--z-gold);border-radius:50%;opacity:0;transform:scale(.97);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}body .zasshi-section .z-mat-swatch{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:#d9d4cc;box-shadow:0 20px 34px -12px #233c5759,0 4px 10px #233c570f}body .zasshi-section .z-mat-swatch img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}body .zasshi-section .z-mat-swatch.z-tex:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 24%,#ffffff38,#fff0 55%),radial-gradient(circle at 72% 82%,#0000002e,#0000 60%)}body .zasshi-section .z-tex-wooden{background:repeating-linear-gradient(94deg,#3c200e29 0 1.5px,#0000 1.5px 6px),repeating-linear-gradient(87deg,#ffdcb412 0 1px,#0000 1px 13px),repeating-linear-gradient(91deg,#3c200e1a 0 3px,#0000 3px 23px),linear-gradient(135deg,#9b6738,#84542c 45%,#6a4223)}body .zasshi-section .z-tex-leather{background:radial-gradient(#46230f47 .9px,#0000 1.3px) 0 0 / 5px 5px,radial-gradient(#ffdcbe1a .8px,#0000 1.2px) 2.5px 2.5px / 5px 5px,linear-gradient(135deg,#a86a40,#925834,#74432a)}body .zasshi-section .z-tex-velvet{background:radial-gradient(circle at 34% 28%,#c45a7073,#0000 50%),radial-gradient(circle at 70% 78%,#1403088c,#0000 62%),linear-gradient(140deg,#8a2a3f,#6d1b2d,#3d0d18)}body .zasshi-section .z-tex-khadar{background:repeating-linear-gradient(0deg,#8c704238 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#8c704238 0 1px,#0000 1px 4px),repeating-linear-gradient(45deg,#ffffff0f 0 2px,#0000 2px 8px),linear-gradient(135deg,#e5d4b0,#d6c19a 55%,#c4ad84)}body .zasshi-section .z-tex-acrylic{background:linear-gradient(124deg,#fff0 0 30%,#ffffffd9 30% 34%,#fff0 34% 56%,#ffffffb3 56% 60%,#fff0 60%),radial-gradient(circle at 35% 30%,#f3f7f9,#dbe5ea 55%,#c7d4db);box-shadow:inset 0 0 0 2px #fffc,0 20px 34px -12px #233c5747,0 4px 10px #233c570f}body .zasshi-section .z-tex-printed{background:conic-gradient(from 210deg at 50% 50%,#4f6378,#8c9d88 60deg,#d7c3a0 130deg,#e6b896,#cf9474,#8a7f7a 310deg,#4f6378 360deg)}body .zasshi-section .z-tex-plain{background:linear-gradient(135deg,var(--z-bg-soft),#dbe6ee)}body .zasshi-section .z-mat-title{display:block;margin-top:28px;font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:26px;line-height:1.15;color:var(--z-ink);transition:color .25s ease}body .zasshi-section .z-mat-sub{display:block;margin-top:8px;font-family:var(--z-font);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--z-ink-soft)}@media(hover:hover){body .zasshi-section a.z-mat-card:hover .z-mat-orb{transform:translateY(-10px)}body .zasshi-section a.z-mat-card:hover .z-mat-orb:before{opacity:1;transform:none}body .zasshi-section a.z-mat-card:hover .z-mat-swatch img{transform:scale(1.06)}}body .zasshi-section a.z-mat-card:focus{outline:none}body .zasshi-section a.z-mat-card:focus-visible .z-mat-orb:before{opacity:1;transform:none}@media(max-width:1000px){body .zasshi-section .z-mat-inner{grid-template-columns:1fr;gap:56px}body .zasshi-section .z-mat-intro{text-align:center}body .zasshi-section .z-mat-intro h2,body .zasshi-section .z-mat-text{margin-left:auto;margin-right:auto}body .zasshi-section .z-mat-grid{max-width:720px;width:100%;margin:0 auto}}@media(max-width:600px){body .zasshi-section.z-mat{padding:72px 16px}body .zasshi-section .z-mat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}body .zasshi-section .z-mat-orb{width:124px}body .zasshi-section .z-mat-title{font-size:22px;margin-top:22px}body .zasshi-section .z-mat-sub{font-size:10px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){body .zasshi-section .z-mat-orb,body .zasshi-section .z-mat-orb:before,body .zasshi-section .z-mat-swatch img,body .zasshi-section .z-mat-link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zasshi-materials.css.map */
