.section-willou-beach{margin:0}.willou-anchor{display:block;position:relative;top:-100px;visibility:hidden}.willou-beach{background:#e9dfc9;padding:100px 24px;overflow:hidden}.willou-beach__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.willou-beach__text{position:relative}.willou-beach__floater{position:absolute;top:-90px;right:20px;width:180px;z-index:1;will-change:transform;transition:transform .1s linear}.willou-beach__floater-circle{position:absolute;top:10px;left:30px;width:170px;height:170px;border-radius:50%;background:#e9dfc9;z-index:0}.willou-beach__floater-img{position:relative;z-index:1;width:100%;height:auto;mix-blend-mode:multiply;filter:drop-shadow(0 10px 16px rgba(0,0,0,.15))}.willou-beach__kicker{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#c98a4b;margin:0 0 14px;display:flex;align-items:center;gap:10px;position:relative;z-index:2}.willou-beach__kicker:before{content:"";width:26px;height:1px;background:#c98a4b}.willou-beach__title{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,44px);margin:0 0 18px;line-height:1.15;color:#17181e;position:relative;z-index:2}.willou-beach__intro{font-size:17px;line-height:1.7;color:#5c5340;margin:0 0 24px;max-width:480px;position:relative;z-index:2}.willou-beach__note{font-size:14px;color:#7a6a45;border-left:2px solid #c98a4b;padding-left:14px;margin:0;position:relative;z-index:2}.willou-beach__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.willou-beach__swatch{position:relative;aspect-ratio:1;border-radius:2px;overflow:hidden;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(150deg,#e3ac6b,#c07f43);text-decoration:none}.willou-beach__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.willou-beach__swatch span{position:relative;z-index:1;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:#1e140a8c;color:#fff3e0;padding:4px 8px;border-radius:999px}@media(max-width:900px){.willou-beach__inner{grid-template-columns:1fr;gap:30px}.willou-beach__floater{position:relative;top:auto;right:auto;width:140px;margin-bottom:20px}}@media(max-width:749px){.willou-beach{padding:70px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/willou-beach.css.map */