/* mi-ma photo: colour trial (color-candidate.html only). Colours follow the photograph in view.
   Loaded after full-review.css; only #mima-full-review[data-fc] is styled. The HERO and header are untouched. */

/* Registered colours change smoothly (Safari 16.4+, Chrome 85+); elsewhere they change at once. */
@property --fr-paper{syntax:'<color>';inherits:true;initial-value:#f7f4ed}
@property --fr-wall{syntax:'<color>';inherits:true;initial-value:#ebe4d9}
@property --fr-rose{syntax:'<color>';inherits:true;initial-value:#f1e5df}
@property --fr-sage{syntax:'<color>';inherits:true;initial-value:#e4e8de}
@property --fr-sand{syntax:'<color>';inherits:true;initial-value:#ede4d7}
@property --fr-shade{syntax:'<color>';inherits:true;initial-value:#efe9df}
@property --fr-rule{syntax:'<color>';inherits:true;initial-value:#d9cfc2}
@property --fr-ink{syntax:'<color>';inherits:true;initial-value:#34302b}
@property --fr-muted{syntax:'<color>';inherits:true;initial-value:#675e56}
@property --fc-tint{syntax:'<color>';inherits:true;initial-value:#efe9df}
@property --fc-accent{syntax:'<color>';inherits:true;initial-value:#34302b}
@property --fc-dark{syntax:'<color>';inherits:true;initial-value:#3b352f}
@property --fc-foot{syntax:'<color>';inherits:true;initial-value:#e7dfd2}
@property --fc-head{syntax:'<color>';inherits:true;initial-value:#34302b}
@property --fc-chip{syntax:'<color>';inherits:true;initial-value:#d9cfc2}

#mima-full-review[data-fc]{
  --fc-ease:cubic-bezier(.33,0,.2,1);
  transition:--fr-paper 1.1s var(--fc-ease),--fr-wall 1.1s var(--fc-ease),--fr-rose 1.1s var(--fc-ease),--fr-sage 1.1s var(--fc-ease),
    --fr-sand 1.1s var(--fc-ease),--fr-shade 1.1s var(--fc-ease),--fr-rule 1.1s var(--fc-ease),--fr-ink 1.1s var(--fc-ease),
    --fr-muted 1.1s var(--fc-ease),--fc-tint 1.1s var(--fc-ease),--fc-accent 1.1s var(--fc-ease),--fc-dark 1.1s var(--fc-ease),
    --fc-foot 1.1s var(--fc-ease),--fc-head 1.1s var(--fc-ease),--fc-chip 1.1s var(--fc-ease);
}
#mima-full-review[data-fc][data-fc-instant],#mima-full-review[data-fc][data-fr-motion="off"]{transition:none}
@media (prefers-reduced-motion:reduce){#mima-full-review[data-fc]{transition:none}}

/* Grounds of each scene take the photograph's colour. */
#mima-full-review[data-fc] .fr-exhibition{background:linear-gradient(180deg,var(--fr-paper) 0,var(--fr-wall) 280px,var(--fr-wall) 100%)}
#mima-full-review[data-fc] .fr-events,#mima-full-review[data-fc] .fr-color-section,#mima-full-review[data-fc] .fr-flow-section{background:var(--fc-tint)}
#mima-full-review[data-fc] .fr-pricing{background:var(--fr-paper)}
#mima-full-review[data-fc] .fr-reservation{background:var(--fc-dark)}
#mima-full-review[data-fc] .fr-footer{background:var(--fc-foot)}
#mima-full-review[data-fc] .fr-footer nav,#mima-full-review[data-fc] .fr-footer-bottom{border-top-color:var(--fr-rule)}
#mima-full-review[data-fc] .fr-nav{background:color-mix(in srgb,var(--fr-paper) 95%,transparent)}

/* Buttons, chosen tabs and headings take the deeper colour. */
#mima-full-review[data-fc] .fr-tab[aria-selected="true"],#mima-full-review[data-fc] .fr-tab[aria-current="true"],
#mima-full-review[data-fc] .fr-faq-tab[aria-selected="true"],#mima-full-review[data-fc] .fr-nav-track a[aria-current],
#mima-full-review[data-fc] .fr-nav-reserve,#mima-full-review[data-fc] .fr-reserve-button,#mima-full-review[data-fc] .fc-chip[aria-pressed="true"]{background:var(--fc-accent);border-color:var(--fc-accent);color:#fffdf9}
#mima-full-review[data-fc] .fr-head h2,#mima-full-review[data-fc] .fr-exhibit-title h2,#mima-full-review[data-fc] .fc-finder-head h3,
#mima-full-review[data-fc] .fr-about-text h2,#mima-full-review[data-fc] .fr-letter h2{color:var(--fc-head)}

/* Strong colour (the page's setting): the chip dots grow a little. */
#mima-full-review[data-fc-strength="bold"] .fc-dot{width:18px;height:18px}

/* C: the season of the exhibition. */
/* (1,3,1): equal to the exhibition title's own paragraph rules, and later, so it wins. */
#mima-full-review[data-fc] .fr-exhibit-title p.fc-season-badge{display:inline-block;margin:0 0 8px;padding:3px 12px;border-radius:999px;background:var(--fc-accent);color:#fffdf9;font:12px/1.5 var(--fr-sans);letter-spacing:.12em}
#mima-full-review[data-fc] .fr-exhibit-title p.fc-season-badge[hidden]{display:none}

/* B: photographs by colour. */
#mima-full-review .fc-finder{margin-top:48px;padding-top:36px;border-top:1px solid var(--fr-rule)}
#mima-full-review .fc-finder-head{text-align:center}
#mima-full-review .fc-finder-head p{margin-top:4px;font-size:14.5px;color:var(--fr-muted)}
#mima-full-review .fc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;margin:16px auto 12px}
#mima-full-review .fc-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 9px;border:1px solid var(--fr-rule);border-radius:999px;background:var(--fr-mat);color:var(--fr-ink);font:13px/1 var(--fr-sans);letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent}
#mima-full-review .fc-dot{flex:none;width:16px;height:16px;border-radius:50%;background:var(--dot,var(--fc-chip));box-shadow:inset 0 0 0 1px rgba(40,30,20,.12)}
#mima-full-review .fc-chip[aria-pressed="true"] .fc-dot{box-shadow:0 0 0 2px #fffdf9}
#mima-full-review .fc-slider .fr-slider-foot{align-items:center}
#mima-full-review .fc-count{min-width:120px;font-size:13px;text-align:center;color:var(--fr-muted)}
#mima-full-review .fc-off{display:none!important}
::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.22,.68,.25,1)}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}

/* Events (owner request 2026-10-21): stacked invitations with a photograph and a ticket stub. Colour page only. */
#mima-full-review .fc-invite-photo{display:block;width:fit-content;max-width:100%;margin:-6px auto 20px;padding:6px 6px 8px;background:#fff;box-shadow:0 1px 0 rgba(90,64,52,.06),0 12px 18px -14px rgba(70,48,40,.55);transform:rotate(-1.2deg)}
#mima-full-review .fr-invite-1 .fc-invite-photo,#mima-full-review .fr-invite-3 .fc-invite-photo{transform:rotate(1deg)}
#mima-full-review .fc-invite-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:200px;margin:0 auto}
#mima-full-review .fc-stub{position:relative;display:block;margin:12px -9px -9px;padding:16px 20px 18px;border-top:2px dashed rgba(140,104,88,.32);text-align:center}
#mima-full-review .fc-stub::before,#mima-full-review .fc-stub::after{content:'';position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:var(--fc-tint,#f0e0d8);box-shadow:inset 0 0 0 1px rgba(120,86,72,.08)}
#mima-full-review .fc-stub::before{left:-9px}
#mima-full-review .fc-stub::after{right:-9px}
#mima-full-review .fc-stub .fr-invite-status{margin:0 auto}
#mima-full-review .fc-stub .fr-invite-open{margin:14px auto 0}
#mima-full-review .fc-stack .fr-invite-sheet{padding-bottom:22px}

/* The stack: the top invitation is read and opened; the others wait underneath. */
#mima-full-review [data-fc-stack] .fr-carousel-track{display:grid;grid-template-columns:minmax(0,340px);justify-content:center;align-items:stretch;overflow:visible;scroll-snap-type:none;padding:14px 20px 30px;touch-action:pan-y;outline-offset:6px}
#mima-full-review [data-fc-stack] .fr-carousel-item{grid-area:1/1;display:block;width:100%;flex:none;transform-origin:50% 100%;
  transform:translateY(calc(var(--d,0)*9px)) scale(calc(1 - var(--d,0)*.035)) rotate(calc(var(--tilt,0)*1deg)) translateX(var(--drag,0px));
  transition:transform .6s cubic-bezier(.22,.72,.2,1),opacity .45s ease;will-change:transform}
#mima-full-review [data-fc-stack] .fr-carousel-item[data-fc-depth="far"]{opacity:0}
/* Every invitation in the stack has the same height, so only clean paper edges show underneath. */
#mima-full-review [data-fc-stack] .fr-carousel-item{display:flex;align-items:stretch}
#mima-full-review [data-fc-stack] .fr-invite{flex:1;display:flex;flex-direction:column}
#mima-full-review [data-fc-stack] .fr-invite-sheet{flex:1;height:auto}
/* Underneath, only the paper shows (no second button peeking out below the top invitation). */
#mima-full-review [data-fc-stack] .fr-carousel-item:not([data-fc-depth="0"]):not(.fc-keep) .fr-invite>*{visibility:hidden}
#mima-full-review [data-fc-stack] .fr-carousel-item.fc-dragging{transition:none}
#mima-full-review [data-fc-stack] .fr-carousel-item img,#mima-full-review [data-fc-stack] .fr-carousel-item a{-webkit-user-drag:none;-webkit-touch-callout:none}
#mima-full-review [data-fc-stack] .fr-carousel-item.fc-out-left{transform:translateX(-118%) rotate(-9deg);opacity:0}
#mima-full-review [data-fc-stack] .fr-carousel-item.fc-out-right{transform:translateX(118%) rotate(9deg);opacity:0}
#mima-full-review [data-fc-stack] .fr-carousel-item.fc-instant{transition:none}
#mima-full-review[data-fr-motion="off"] [data-fc-stack] .fr-carousel-item{transition:none}
@media (prefers-reduced-motion:reduce){#mima-full-review [data-fc-stack] .fr-carousel-item{transition:none}}

/* Compact invitations (owner 2026-10-21: the cards were too tall on an iPhone). */
#mima-full-review .fc-stack .fr-invite-sheet{padding:18px 16px 14px;justify-content:flex-start} /* photo at the same place on every invitation; spare room goes below the words (owner 2026-10-22) */
#mima-full-review .fc-stack .fc-invite-photo{margin:-4px auto 18px;padding:5px 5px 6px} /* 18px: the words sit exactly in the middle of the room below the photograph */
#mima-full-review .fc-stack .fc-invite-photo img{width:auto;height:132px;max-height:none} /* fixed box: shown before the photograph arrives */
#mima-full-review .fc-stack .fr-invite-date{font-size:28px}
#mima-full-review .fc-stack .fr-invite-year{margin-top:4px;font-size:12px}
#mima-full-review .fc-stack .fr-invite-name{margin-top:10px;font-size:19px;line-height:1.45}
#mima-full-review .fc-stack .fr-invite-lines{margin-top:8px;font-size:14px;line-height:1.65}
#mima-full-review .fc-stack .fc-stub{margin-top:10px;padding:12px 16px 14px}
#mima-full-review .fc-stack .fc-stub .fr-invite-open{margin-top:10px}

/* Plans (owner 2026-10-22): consult button on each card, and the price simulator. Colour page only. */
#mima-full-review .fc-plan{cursor:default}
#mima-full-review .fc-plan-actions{display:grid;gap:8px;width:100%;margin-top:14px}
#mima-full-review .fc-plan-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;border-radius:999px;text-decoration:none;font-size:14.5px}
#mima-full-review .fc-plan-consult{background:var(--fc-accent);color:#fffdf9;border:1px solid var(--fc-accent)}
#mima-full-review .fc-plan-actions .fr-plan-more{border:1px solid var(--fr-ink);color:var(--fr-ink);background:transparent}
#mima-full-review .fc-sim{max-width:520px;margin:34px auto 22px;padding:20px 18px 18px;border:1px solid var(--fr-rule);border-radius:16px;background:#fffdf9;box-shadow:0 14px 30px -24px rgba(70,48,40,.45)}
#mima-full-review .fc-sim h3{margin:0;font-family:var(--fr-serif);font-size:20px;font-weight:500;text-align:center;color:var(--fc-head)}
#mima-full-review .fc-sim-lead{margin:6px 0 14px;font-size:13.5px;line-height:1.7;text-align:center;color:var(--fr-muted)}
#mima-full-review .fc-sim-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
#mima-full-review .fc-sim-plan{position:relative;display:block}
#mima-full-review .fc-sim-plan input{position:absolute;opacity:0;pointer-events:none}
#mima-full-review .fc-sim-plan span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:4px 6px;border:1px solid var(--fr-rule);border-radius:12px;font-size:12.5px;line-height:1.35;text-align:center;word-break:keep-all;color:var(--fr-ink);background:var(--fr-paper);cursor:pointer}
#mima-full-review .fc-sim-plan input:checked+span{border-color:var(--fc-accent);background:var(--fc-accent);color:#fffdf9}
#mima-full-review .fc-sim-plan input:focus-visible+span{outline:2px solid var(--fc-accent);outline-offset:2px}
#mima-full-review .fc-sim-options{display:grid;gap:2px;margin:4px 0 12px}
#mima-full-review .fc-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 2px;border-bottom:1px dotted var(--fr-rule);cursor:pointer}
#mima-full-review .fc-switch[hidden]{display:none}
#mima-full-review .fc-switch input{position:absolute;opacity:0;pointer-events:none}
#mima-full-review .fc-switch-text{display:flex;flex-direction:column;font-size:14.5px;line-height:1.4;color:var(--fr-ink)}
#mima-full-review .fc-switch-text small{font-size:12px;color:var(--fr-muted)}
#mima-full-review .fc-switch-ui{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:#ddd5ca;transition:background-color .2s}
#mima-full-review .fc-switch-ui::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
#mima-full-review .fc-switch input:checked~.fc-switch-ui{background:var(--fc-accent)}
#mima-full-review .fc-switch input:checked~.fc-switch-ui::after{transform:translateX(18px)}
#mima-full-review .fc-switch input:focus-visible~.fc-switch-ui{outline:2px solid var(--fc-accent);outline-offset:2px}
#mima-full-review .fc-sim-result{padding:10px 12px;border-radius:12px;background:var(--fr-paper)}
#mima-full-review .fc-sim-lines p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:2px 0;font-size:13.5px;line-height:1.6}
#mima-full-review .fc-sim-lines b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
#mima-full-review .fc-sim-total{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin:6px 0 0;padding-top:8px;border-top:1px solid var(--fr-rule)}
#mima-full-review .fc-sim-total span{margin-right:auto;font-size:14px}
#mima-full-review .fc-sim-total b{font-family:var(--fr-serif);font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--fc-head)}
#mima-full-review .fc-sim-total small{font-size:12px;color:var(--fr-muted)}
#mima-full-review .fc-sim-note{margin:8px 0 14px;font-size:12px;line-height:1.7;color:var(--fr-muted)}
#mima-full-review .fc-sim-consult{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;background:var(--fc-accent);color:#fffdf9;text-decoration:none;font-size:15px;letter-spacing:.04em}
@media (prefers-reduced-motion:reduce){#mima-full-review .fc-switch-ui,#mima-full-review .fc-switch-ui::after{transition:none}}
/* Same height for every invitation (owner 2026-10-22); the photograph stays at the same place on each,
   and the words sit in the middle of the room left between the photograph and the perforation. */
#mima-full-review .fc-stack .fr-invite-sheet>.fr-invite-date{margin-top:auto}
#mima-full-review .fc-stack .fr-invite-sheet>.fr-invite-lines{margin-bottom:auto}