/* Each animated transform belongs to an mw- element. Orchard geometry is untouched. */
.mw-web-scene{--mw-forest:#20392e;--mw-cream:#f3edda;--mw-paper:#faf5e7;--mw-ink:#35483c;--mw-red:#813b39;--mw-line:rgba(32,57,46,.2);color:var(--mw-forest);background:var(--mw-cream);border:1px solid var(--mw-line);border-radius:3px;overflow:hidden;padding:25px 24px 20px;isolation:isolate}
.mw-web-scene *{box-sizing:border-box}
.mw-visual-host>.su-image{display:none}
.mw-web-scene .mw-scene-heading{display:flex;flex-direction:column;gap:5px}
.mw-web-scene .mw-eyebrow{margin:0;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--mw-red)}
.mw-web-scene h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.08;font-size:clamp(25px,2.2vw,35px);letter-spacing:-.035em;margin:0}
.mw-web-scene button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mw-web-scene button:focus-visible{outline:3px solid var(--mw-red);outline-offset:4px}
.mw-web-scene .mw-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 16px;background:var(--mw-forest);color:var(--mw-paper);border:1px solid var(--mw-forest);border-radius:2px;font-size:12px;line-height:1.4;font-weight:650;width:100%;transition:background .2s ease}
.mw-web-scene .mw-button:hover{background:#335440}
.mw-web-scene .mw-button>span{font-size:20px;line-height:1}
.mw-web-scene .mw-description{font-size:12px;line-height:1.6;min-height:58px;margin:15px 0 10px;color:var(--mw-ink)}
.mw-web-scene .mw-source{font-size:10px;line-height:1.5;margin:12px 0 0;color:#647065;border-top:1px solid var(--mw-line);padding-top:11px}

/* The three sheets share a registration point, then separate in perspective. */
.mw-layer-stage{position:relative;height:clamp(250px,28vw,360px);perspective:900px;margin:8px -8px 0;overflow:hidden}
.mw-plane{position:absolute;left:9%;top:18%;width:82%;height:62%;border:1px solid rgba(32,57,46,.4);border-radius:2px;transform-origin:50% 50%;transition:transform .7s cubic-bezier(.2,.75,.25,1),opacity .45s ease,box-shadow .5s ease;backface-visibility:hidden;box-shadow:0 9px 16px rgba(32,57,46,.09)}
.mw-plane-label{position:absolute;left:7px;top:-24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.03em;white-space:nowrap;opacity:0;transition:opacity .35s ease;color:var(--mw-forest)}
.mw-plane-structure{background:#e5e1ca;transform:translate(-5px,8px);z-index:1}
.mw-wireframe{display:block;width:100%;height:100%;fill:none;stroke:#45604a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mw-plane-visual{background:#f5f2e6;z-index:2;transform:translate(0,0);overflow:visible}
.mw-plane-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1px}
.mw-plane-action{z-index:3;background:rgba(243,237,218,.88);opacity:0;transform:translate(0,0);border-style:dashed;border-color:var(--mw-red);color:var(--mw-red)}
.mw-action-drawing{position:absolute;inset:0}
.mw-action-drawing svg{width:100%;height:100%;fill:none;stroke:var(--mw-red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mw-action-start,.mw-action-end{position:absolute;font-size:11px;background:var(--mw-cream);padding:6px 10px;border:1px solid var(--mw-red);border-radius:2px}
.mw-action-start{left:8%;top:10%}.mw-action-end{right:8%;bottom:15%;color:var(--mw-paper);background:var(--mw-red)}
.mw-stage-caption{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#637063;font-size:10px;letter-spacing:.025em;transition:opacity .3s}
.mw-registration{position:absolute;width:17px;height:17px;border-color:rgba(32,57,46,.4);border-style:solid;z-index:0}
.mw-registration-a{left:4%;top:10%;border-width:1px 0 0 1px}.mw-registration-b{right:4%;bottom:11%;border-width:0 1px 1px 0}
.mw-layers[data-expanded="true"] .mw-plane{box-shadow:0 14px 13px rgba(32,57,46,.13)}
.mw-layers[data-expanded="true"] .mw-plane-structure{transform:translateY(67px) rotateX(48deg) rotateZ(-11deg);opacity:.65}
.mw-layers[data-expanded="true"] .mw-plane-visual{transform:translateY(-3px) rotateX(48deg) rotateZ(-11deg);opacity:.65}
.mw-layers[data-expanded="true"] .mw-plane-action{transform:translateY(-73px) rotateX(48deg) rotateZ(-11deg);opacity:.65}
.mw-layers[data-expanded="true"] .mw-plane-label{opacity:1}
.mw-layers[data-expanded="true"] .mw-stage-caption{opacity:0}
.mw-layers[data-expanded="true"][data-layer="structure"] .mw-plane-structure,.mw-layers[data-expanded="true"][data-layer="visual"] .mw-plane-visual,.mw-layers[data-expanded="true"][data-layer="action"] .mw-plane-action{opacity:1;box-shadow:0 13px 20px rgba(32,57,46,.22);border-color:var(--mw-forest)}
.mw-layer-tabs,.mw-journey-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:12px;border-block:1px solid var(--mw-line)}
.mw-layer-tabs button,.mw-journey-tabs button{min-width:0;min-height:47px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-right:1px solid var(--mw-line);background:transparent;color:var(--mw-ink);padding:9px 4px;font-size:11px;line-height:1.4;transition:background .2s,color .2s}
.mw-layer-tabs button:last-child,.mw-journey-tabs button:last-child{border-right:0}
.mw-layer-tabs button>span,.mw-journey-tabs button>span{font-size:9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--mw-red)}
.mw-layer-tabs button[aria-pressed="true"],.mw-journey-tabs button[aria-pressed="true"]{background:#e2e3cd;color:var(--mw-forest);font-weight:700;box-shadow:inset 0 -2px var(--mw-forest)}

/* A short catalogue: manual page turns, never an auto-running carousel. */
.mw-book{position:relative;height:clamp(260px,28vw,345px);perspective:1100px;margin:20px 0 10px;isolation:isolate}
.mw-book::before{content:"";position:absolute;inset:12% 3% 3%;background:#c9cdb5;border:1px solid rgba(32,57,46,.15);transform:rotate(-4deg);border-radius:2px}
.mw-book-page{position:absolute;inset:0 3% 5% 1%;padding:14px;background:var(--mw-paper);border:1px solid rgba(32,57,46,.28);border-radius:2px;box-shadow:4px 9px 14px rgba(32,57,46,.1);transform-origin:4% 50%;transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .38s ease;backface-visibility:hidden;overflow:hidden}
.mw-book-page[data-position="front"]{z-index:3;transform:rotate(0);opacity:1}
.mw-book-page[data-position="behind"]{z-index:1;transform:translate(6px,7px) rotate(3deg);opacity:1}
.mw-book-page-2[data-position="behind"]{transform:translate(10px,12px) rotate(5deg)}
.mw-book-page[data-position="turned"]{z-index:4;transform:translateX(-12px) rotateY(-104deg);opacity:0;pointer-events:none}
.mw-page-masthead{display:flex;justify-content:space-between;align-items:center;padding:0 0 10px;border-bottom:1px solid var(--mw-line);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.mw-page-masthead b{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1;font-weight:400;color:var(--mw-red)}
.mw-route-shot{position:relative;height:calc(100% - 98px);min-height:110px;overflow:hidden;background:#20392e;margin-top:11px}
.mw-route-shot>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;max-width:none}
.mw-book-page-1 .mw-route-shot>img{width:145%;height:145%;object-position:center;transform:translate(-25%,-17%)}
.mw-book-page-2 .mw-route-shot>img{width:145%;height:145%;object-position:left bottom;transform:translate(-3%,-24%)}
.mw-route-marker{position:absolute;left:8px;bottom:8px;right:auto;max-width:calc(100% - 16px);padding:5px 8px;background:var(--mw-paper);border-left:3px solid var(--mw-red);color:var(--mw-forest);font-size:10px;line-height:1.4}
.mw-page-caption{display:flex;flex-direction:column;gap:2px;padding-top:11px}
.mw-page-caption>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--mw-red)}
.mw-page-caption>strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.6vw,23px);font-weight:400;line-height:1.2}
.mw-paper-fold{position:absolute;width:22px;height:22px;right:0;bottom:0;background:linear-gradient(135deg,transparent 49%,#dadcc4 50%);border-top:1px solid var(--mw-line);border-left:1px solid var(--mw-line)}
.mw-journey-tabs button{flex-wrap:wrap;column-gap:5px}
.mw-journey .mw-description{min-height:78px}
#root #case>.mw-case-journey.mw-case-journey{width:100%;max-width:680px;margin:34px auto 0;min-width:0}
#case .mw-case-journey .mw-web-scene{width:100%;font-family:var(--gifs-body,Arial,sans-serif)}
#case .mw-case-journey .mw-eyebrow{color:var(--mw-red);font-size:10px;line-height:1.5}
#case .mw-case-journey .mw-description{font-size:13px;line-height:1.6;color:var(--mw-ink)}
#case .mw-case-journey .mw-source{font-size:10px;line-height:1.5;color:#647065}
#case .mw-case-journey .mw-book{height:365px}

/* The apple link and its image keep every existing position and transform. */
#home .mw-apple-ink{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:5;color:#f5e9bd}
#home .mw-apple-ink svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#home .mw-apple-ink path{stroke-dasharray:80;stroke-dashoffset:0}
#home a.fruit:is(:hover,:focus-visible) .mw-apple-ink,#home a.mobile-apple:is(:hover,:focus-visible) .mw-apple-ink{opacity:1}
#home a.fruit:is(:hover,:focus-visible) .mw-apple-ink path,#home a.mobile-apple:is(:hover,:focus-visible) .mw-apple-ink path{animation:mw-ink-reveal .7s ease-out both}
@keyframes mw-ink-reveal{from{stroke-dashoffset:80;opacity:.3}to{stroke-dashoffset:0;opacity:1}}

/* A read-only ledger of the existing React selection state. */
#sites .mw-seed-ledger{box-sizing:border-box;width:min(100%,370px);margin:20px auto 0;padding:11px 14px 10px;border:1px solid rgba(32,57,46,.23);border-radius:2px;background:rgba(243,237,218,.85);color:#20392e;text-align:left;min-height:99px}
#sites .mw-ledger-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5}
#sites .mw-ledger-top>span{letter-spacing:.07em;text-transform:uppercase}
#sites .mw-seed-count{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
#sites .mw-seed-marks{display:flex;gap:5px;margin:8px 0 7px}
#sites .mw-seed-marks i{display:block;flex:1;height:4px;background:rgba(32,57,46,.15);border-radius:2px;transition:background .3s ease}
#sites .mw-seed-marks i.is-marked{background:#813b39}
#sites .mw-seed-ledger .mw-seed-names{font-family:inherit;font-size:10px;font-weight:400;line-height:1.45;color:#485c4b;margin:0;height:29px;max-width:none;text-shadow:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.mw-web-scene.mw-outside *,.mw-home-ready.mw-outside .mw-apple-ink path,.mw-document-hidden .mw-web-scene *,.mw-document-hidden #home .mw-apple-ink path{animation-play-state:paused!important}
.mw-outside .mw-plane,.mw-outside .mw-book-page,.mw-document-hidden .mw-plane,.mw-document-hidden .mw-book-page{transition:none!important}
@media(max-width:600px){
  .mw-web-scene{padding:20px 16px 16px}
  .mw-layer-stage{height:280px;margin-inline:-5px}
  .mw-plane{left:10%;width:80%;top:23%;height:52%}
  .mw-layers[data-expanded="true"] .mw-plane-structure{transform:translateY(57px) rotateX(45deg) rotateZ(-10deg)}
  .mw-layers[data-expanded="true"] .mw-plane-visual{transform:translateY(-4px) rotateX(45deg) rotateZ(-10deg)}
  .mw-layers[data-expanded="true"] .mw-plane-action{transform:translateY(-65px) rotateX(45deg) rotateZ(-10deg)}
  .mw-plane-label{font-size:9px;top:-21px}
  .mw-action-start,.mw-action-end{font-size:9px;padding:5px 7px}
  .mw-layer-tabs button{flex-direction:column;gap:1px;min-height:50px;font-size:10px}
  .mw-journey-tabs button{flex-direction:column;gap:1px;min-height:50px;font-size:10px}
  .mw-web-scene .mw-description{min-height:77px}
  .mw-book{height:285px}
  .mw-book-page{padding:12px}
  .mw-journey .mw-description{min-height:97px}
  #root #case>.mw-case-journey.mw-case-journey{margin-top:24px}
  #case .mw-case-journey .mw-book{height:280px}
  #case .mw-case-journey .mw-description{font-size:12px;min-height:97px}
  #sites .mw-seed-ledger{max-width:330px;margin-top:16px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){
  .mw-web-scene *{transition:none!important;animation:none!important}
  #home .mw-apple-ink path{animation:none!important;stroke-dashoffset:0}
  #sites .mw-seed-marks i{transition:none!important}
}
