/* Everymo — a colourful botanical gallery, scoped to this page. */
body.art-page { --art-ink:#35233e; --art-pink:#ad1758; --art-orange:#bf481b; --art-lemon:#ecf77a; background:#126f73; color:var(--art-ink); isolation:isolate; }
body.art-page .art-wallpaper { position:fixed; inset:0; z-index:-1; pointer-events:none; background-color:#126f73; background-image:linear-gradient(125deg,#dc348638 0%,#ef782522 48%,#008c9638 100%),url('https://static.wixstatic.com/media/735a6a_b83c0a993bee4ef28b3c102474389a30~mv2.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat; }
body.art-page #main { max-width:none; width:100%; padding:0; overflow:hidden; }
.art-page #main * { box-sizing:border-box; }
.art-page #main :is(h1,h2,h3,p,figure) { margin:0; }
.art-page #main :is(h1,h2) { text-wrap:balance; }
.art-page #main h1,.art-page #main h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; }
.art-page #main h2 { font-size:clamp(2.4rem,5.3vw,4.75rem); line-height:1.06; color:var(--art-ink); }
.art-page #main p { font-size:1.0625rem; line-height:1.8; color:#5e4562; }
.art-page #main .art-wrap { width:min(1240px,90%); margin-inline:auto; }
.art-page #main .art-crumb { display:flex; flex-direction:row; flex-basis:auto; flex-wrap:wrap; gap:8px; align-items:center; width:fit-content; margin-block:24px 14px; padding:12px 18px; border-radius:16px; background:#fff6eaf5; font-size:.875rem; color:#69546a; }
.art-page #main .art-crumb a { padding:0; text-decoration:underline; text-underline-offset:4px; }
.art-page #main .art-kicker { display:block; font-size:.875rem; font-weight:700; line-height:1.6; letter-spacing:.14em; text-transform:uppercase; color:var(--art-pink); }
.art-page #main .art-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(32px,5vw,72px); align-items:center; padding-block:12px 56px; }
.art-page #main .art-hero-copy { min-width:0; padding:clamp(24px,3vw,40px); border:1px solid #fff8e9; border-radius:32px 32px 80px 32px; background:linear-gradient(145deg,#fff4e9f7,#ffe4d2f5); box-shadow:0 18px 50px #173b4533; }
.art-page #main .art-hero h1 { max-width:710px; margin-block:25px 26px; font-size:clamp(3.7rem,7.9vw,7.3rem); line-height:1.01; color:#42203e; }
.art-page #main .art-hero h1 em { color:var(--art-orange); font-weight:400; }
.art-page #main .art-hero h1 .art-pink { color:var(--art-pink); }
.art-page #main .art-hero-copy>p { max-width:490px; }
.art-page #main .art-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.art-page #main .art-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 24px; border:1px solid var(--art-ink); border-radius:999px; background:var(--art-ink); color:#fff; text-decoration:none; font-size:1rem; font-weight:600; line-height:1.4; }
.art-page #main .art-button.secondary { background:transparent; color:var(--art-ink); }
.art-page #main .art-button:hover { background:#5b3057; color:#fff; }
.art-page #main .art-hero-note { margin-top:28px; padding-top:18px; border-top:1px solid #dfcdd2; font-size:.875rem; color:#80576c; }
.art-page #main .art-music { max-width:475px; margin-top:24px; padding:16px 18px; border:1px solid #e9cbd1; border-radius:18px; background:#fff2e7; }
.art-page #main .art-music-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 14px; margin-bottom:10px; color:#73324f; font-size:.9375rem; font-weight:600; }
.art-page #main .art-music-heading small { display:block; font-size:.875rem; font-weight:400; }
.art-page #main .art-music-heading button { padding:9px 14px; min-height:44px; border:1px solid #9b4163; border-radius:99px; background:#fffaf5; color:#8b214e; font:inherit; font-size:.875rem; cursor:pointer; }
.art-page #main .art-music audio { display:block; width:100%; height:42px; }
.art-page #main .art-music #art-music-status { font-size:.875rem; line-height:1.5; margin-top:10px; }
.art-page #main .art-frame { --frame-color:#f3b39c; padding:12px; border:1px solid #efc8b7; border-radius:140px 140px 12px 12px; background:#ffd0ac; box-shadow:14px 14px 0 #f7e992; }
.art-page #main .art-frame .art-image-link { border-radius:129px 129px 4px 4px; }
.art-page #main .art-frame figcaption { padding:14px 3px 2px; }
.art-page #main .art-image-link { position:relative; display:block; overflow:hidden; width:100%; background:#f6e3d7; border-radius:3px; color:#fff; }
.art-page #main .art-image-link img { display:block; width:100%; height:auto!important; max-height:none!important; object-fit:contain; aspect-ratio:auto; border-radius:inherit!important; box-shadow:none!important; transition:transform .6s ease; }
.art-page #main .art-image-link:hover img { transform:scale(1.018); }
.art-page #main .art-image-link::after { content:'Agrandir'; position:absolute; right:14px; bottom:14px; padding:7px 13px; border:1px solid #ffffff80; border-radius:999px; background:#2e243bdf; color:#fff; font-size:.875rem; font-weight:500; }
.art-page #main figcaption { display:flex; justify-content:space-between; gap:15px; align-items:baseline; padding-top:17px; color:var(--art-ink); font-size:1rem; line-height:1.45; }
.art-page #main figcaption .art-photo-number { flex:none; color:#a14738; font-size:.875rem; font-variant-numeric:tabular-nums; }
.art-page #main .art-band { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:14px 45px; padding:25px 5%; background:#ac1759; color:#fbf7d8; font-family:Georgia,serif; font-size:clamp(1.5rem,3.2vw,2.8rem); line-height:1.4; }
.art-page #main .art-band b { color:var(--art-lemon); font-weight:400; }
.art-page #main .art-chapter { padding-block:80px; scroll-margin-top:30px; }
.art-page #main .art-heading { display:grid; grid-template-columns:1.15fr .85fr; gap:36px; align-items:end; margin-bottom:36px; padding:clamp(24px,3vw,38px); border:1px solid #fff5f3; border-radius:26px; background:#fff0e9f5; box-shadow:0 12px 34px #163b4226; }
.art-page #main .art-heading .art-kicker { margin-bottom:18px; }
.art-page #main .art-heading>p { max-width:440px; }
.art-page #main .art-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; align-items:start; }
.art-page #main .art-gallery figure { min-width:0; padding:12px 12px 18px; background:#fff; border:1px solid #edccd2; border-radius:5px; box-shadow:0 14px 25px -20px #5d284c66; }
.art-page #main .art-gallery figure:nth-child(2) { margin-top:60px; background:#f0f5a8; border-color:#d5dd7e; }
.art-page #main .art-gallery figure:nth-child(3) { margin-top:25px; background:#f9d8e4; }
.art-page #main .art-gallery figure figcaption { padding-inline:3px; }
.art-page #main .art-floral { background:#e747871a; border-block:1px solid #ffd3bc55; }
.art-page #main .art-floral h2 { color:#b43a22; }
.art-page #main .art-floral .art-gallery figure:nth-child(2) { background:#ffdbb6; }
.art-page #main .art-floral .art-gallery figure:nth-child(3) { background:#e0f0ec; }
.art-page #main .art-note { margin-top:35px; padding:23px 28px; border:1px solid #ffd995; border-radius:20px; background:#fff0c8f5; font-family:Georgia,serif; font-size:clamp(1.45rem,2.3vw,2rem); color:#784017; }
.art-page #main .art-nature-grid { display:grid; grid-template-columns:1fr 1fr 1.08fr; gap:30px; align-items:center; }
.art-page #main .art-nature-grid figure { padding:10px; background:#f2f2bc; border:1px solid #dddea4; }
.art-page #main .art-nature-grid figure:nth-child(2) { background:#ffd9b8; margin-top:72px; }
.art-page #main .art-nature-copy { padding:26px; border:1px solid #ecfff9; border-radius:26px; background:#e4fff5f5; box-shadow:0 12px 34px #163b4226; }
.art-page #main .art-nature-copy h2 { margin-block:18px 22px; font-size:clamp(2.35rem,3.8vw,3.8rem); }
.art-page #main .art-nature-copy p+p { margin-top:16px; }
.art-page #main .art-text-link { display:inline-block; margin-top:25px; padding-block:5px; font-size:1rem; font-weight:600; color:#a42a56; text-decoration:underline; text-underline-offset:7px; }
.art-page #main .art-finale { padding-block:70px; background:#ffe26c20; }
.art-page #main .art-finale-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(32px,6vw,86px); align-items:center; }
.art-page #main .art-finale-grid>div { padding:clamp(24px,3vw,40px); border:1px solid #fffbb8; border-radius:28px; background:#f5f3bcf5; box-shadow:0 12px 34px #163b4226; }
.art-page #main .art-finale figure { padding:12px; background:#fffdf8; border:1px solid #ddd28f; transform:rotate(-2deg); }
.art-page #main .art-finale h2 { margin-block:22px; color:#a21859; }
.art-page #main .art-finale .art-signature { margin-top:24px; font-family:Georgia,serif; font-size:1.35rem; color:#714466; }
.art-page #main .art-return { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; margin-block:12px 36px; padding:24px 28px; border:1px solid #fff3ee; border-radius:22px; background:#fff0e9f5; }
.art-page #main .art-return .art-text-link { margin-top:0; }
.art-page #main .art-return p { font-size:.9375rem; }
.art-page #main .art-gallery-pairs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; }
.art-page #main .art-gallery-pairs figure:nth-child(n) { margin-top:0; border-radius:20px; box-shadow:0 15px 38px #0b343944; }
.art-page #main .art-gallery-pairs .art-image-link { border-radius:10px; }
.art-page #main .art-gallery-pairs figure:nth-child(4n+1) { background:#ffd4b2; border-color:#ffc18f; }
.art-page #main .art-gallery-pairs figure:nth-child(4n+2) { background:#f8d1e7; border-color:#f8bdd9; }
.art-page #main .art-gallery-pairs figure:nth-child(4n+3) { background:#caf1ef; border-color:#a6e6e0; }
.art-page #main .art-gallery-pairs figure:nth-child(4n) { background:#f1f3a5; border-color:#e9ec7f; }
.art-page #main .art-lights .art-heading { background:#ffdfbaf5; }
.art-page #main .art-lights h2 { color:#a53217; }
.art-page #main .art-everyday .art-heading { background:#fbe2f1f5; }
.art-page #main .art-everyday h2 { color:#9d185c; }
.art-page :is(a,button):focus-visible { outline:3px solid #a32165; outline-offset:5px; }
.art-page .site-footer { margin-top:0; }
.art-page .art-viewer { position:fixed; inset:0; width:min(1100px,96vw); max-width:96vw; height:min(920px,94dvh); max-height:94dvh; padding:18px; border:1px solid #e4cdbd; border-radius:16px; background:#fffaf5; color:var(--art-ink); box-shadow:0 20px 80px #0005; }
.art-page .art-viewer::backdrop { background:#20172bea; }
.art-page .art-viewer[open] { display:flex; flex-direction:column; gap:12px; }
.art-page .art-viewer-toolbar { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.art-page .art-viewer-toolbar p { margin:0; font-size:1rem; }
.art-page .art-viewer button { border:1px solid #c5a9c0; background:#fff; color:#45233d; border-radius:999px; padding:10px 18px; min-height:44px; cursor:pointer; font:inherit; }
.art-page .art-viewer-image { display:block; min-height:0; flex:1; width:100%; height:100%; object-fit:contain; }
.art-page .art-viewer-bottom { display:flex; align-items:center; justify-content:center; gap:12px; }
.art-page .art-viewer-counter { font-size:.9375rem; min-width:60px; text-align:center; font-variant-numeric:tabular-nums; }
@media(min-width:1450px) { .art-page #main .art-hero { grid-template-columns:1.2fr .8fr; } }
@media(max-width:900px) {
 .art-page #main .art-hero { grid-template-columns:1fr .85fr; gap:30px; }
 .art-page #main .art-hero h1 { font-size:clamp(3.5rem,8.3vw,5rem); }
 .art-page #main .art-heading { grid-template-columns:1fr; gap:22px; }
 .art-page #main .art-heading>p { max-width:640px; }
 .art-page #main .art-gallery { gap:16px; }
 .art-page #main .art-nature-grid { grid-template-columns:1fr 1fr; gap:25px; }
 .art-page #main .art-nature-copy { grid-column:1/-1; padding:28px; max-width:660px; }
 .art-page #main .art-nature-grid figure:nth-child(2) { margin-top:35px; }
}
@media(max-width:600px) {
 .art-page #main .art-wrap { width:calc(100% - 40px); }
 .art-page #main .art-crumb { margin-block:18px 12px; padding:12px 14px; font-size:.875rem; }
 .art-page #main .art-hero-copy { padding:25px 22px; border-radius:24px 24px 48px 24px; }
 .art-page #main .art-hero { grid-template-columns:1fr; gap:34px; padding-block:18px 42px; }
 .art-page #main .art-hero h1 { font-size:clamp(3.4rem,14vw,5.4rem); margin-block:20px; }
 .art-page #main .art-hero-note { margin-top:23px; }
 .art-page #main .art-frame { max-width:420px; width:calc(100% - 10px); margin:0 auto; box-shadow:9px 9px 0 #f7e992; }
 .art-page #main .art-band { gap:5px 17px; font-size:1.45rem; padding-block:20px; }
 .art-page #main .art-chapter { padding-block:46px; }
 .art-page #main .art-heading { margin-bottom:27px; gap:20px; }
 .art-page #main h2 { font-size:clamp(2.3rem,10vw,3.3rem); }
 .art-page #main .art-gallery { grid-template-columns:1fr; gap:28px; }
 .art-page #main .art-gallery figure:nth-child(n) { margin:0; }
 .art-page #main .art-gallery figure { padding:12px 12px 17px; }
 .art-page #main .art-nature-grid { gap:28px; grid-template-columns:1fr; }
 .art-page #main .art-nature-grid figure:nth-child(2) { margin:0; }
 .art-page #main .art-nature-copy { padding:24px; }
 .art-page #main .art-finale { padding-block:40px; }
 .art-page #main .art-finale-grid { grid-template-columns:1fr; gap:35px; }
 .art-page #main .art-finale figure { width:calc(100% - 12px); margin:auto; transform:rotate(-1deg); }
 .art-page #main .art-actions { gap:10px; }
 .art-page #main .art-button { padding-inline:19px; }
 .art-page .art-viewer { padding:12px; }
 .art-page .art-viewer-toolbar { align-items:start; }
 .art-page .art-viewer-toolbar p { max-width:65%; }
 .art-page .art-viewer button { padding:10px 13px; }
}
@media(prefers-reduced-motion:reduce) { .art-page #main * { transition:none!important; scroll-behavior:auto!important; } .art-page #main .art-image-link:hover img { transform:none; } }