/* Opening choreography. Original photographs and their crop are untouched. */
.tour-launch{align-items:center;gap:17px;margin-top:22px;padding:5px 0;min-height:44px;border:0;border-bottom:1px solid #748277;background:transparent;color:var(--paper);font-size:14px;font-weight:550}
.tour-launch:hover{color:var(--orange);border-color:var(--orange)}
.home-page .hero-proof{margin-top:18px}
.tour-player{position:fixed;z-index:80;right:12px;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:54px;padding:4px;display:flex;align-items:center;background:#162019eb;color:#f3f1ea;border:1px solid #657368;border-radius:28px;box-shadow:0 4px 18px #0002;isolation:isolate}
.tour-buttons{display:grid;gap:2px}.tour-buttons button{display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#e3e9e1}.tour-buttons button:hover,.tour-buttons button:focus-visible{background:#344638}.tour-buttons .tour-toggle{color:var(--orange)}.tour-buttons .tour-close{color:#b8c0ba}.tour-buttons button:disabled{opacity:.5;cursor:default}
.tour-icon{width:18px;height:18px;display:block;fill:currentColor}.tour-icon--pause,.tour-icon--replay{display:none}.tour-player[data-state="narrating"] .tour-icon--play,.tour-player[data-state="playing"] .tour-icon--play,.tour-player[data-state="countdown"] .tour-icon--play,.tour-player[data-state="finished"] .tour-icon--play{display:none}.tour-player[data-state="narrating"] .tour-icon--pause,.tour-player[data-state="playing"] .tour-icon--pause,.tour-player[data-state="countdown"] .tour-icon--pause,.tour-player[data-state="finished"] .tour-icon--replay{display:block}
.tour-track{position:absolute;left:1px;top:24px;bottom:24px;width:2px;background:#435346;border-radius:2px;overflow:hidden;pointer-events:none}.tour-track span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}
.tour-player[data-state="finished"] .tour-track span{transform:scaleY(1)}
.video-media{min-width:0}.video-sound{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin:10px auto 0;padding:7px 10px;border:1px solid #6b796c;border-radius:7px;background:transparent;color:#f3f1ea;font-size:14px;line-height:1.35}.video-sound:hover{background:#314335}.video-sound svg{width:17px;height:17px;flex-shrink:0}.video-sound[hidden]{display:none}
.video-sound[data-playback="blocked"]{border-color:var(--orange);color:#ffc7ae}
.tour-scrolling{scroll-behavior:auto!important}
@media(prefers-reduced-motion:no-preference){
  .home-page .site-header{animation:sp-header-in .85s cubic-bezier(.2,.75,.2,1) both}
  .home-page .hero>div:first-child>.eyebrow{animation:sp-copy-in 1s .12s cubic-bezier(.2,.75,.2,1) both}
  .home-page .hero h1{animation:sp-copy-in 1.15s .23s cubic-bezier(.2,.75,.2,1) both}
  .home-page .hero h1 em{animation:sp-accent-in 1.3s .45s cubic-bezier(.2,.75,.2,1) both}
  .home-page .hero .lead{animation:sp-copy-in 1.15s .58s cubic-bezier(.2,.75,.2,1) both}
  .home-page .hero .actions,.home-page .tour-launch,.home-page .hero-proof{animation:sp-copy-in 1.1s .76s cubic-bezier(.2,.75,.2,1) both}
  .home-page .portrait-stage{animation:sp-portrait-in 1.8s .18s cubic-bezier(.17,.8,.23,1) both}
  .home-page .portrait-stage::after{content:"";pointer-events:none;position:absolute;z-index:0;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffffa6 47%,transparent 66%);transform:translateX(-120%);animation:sp-light-pass 3.6s .5s ease-in-out 2}
  .home-page .hero-note{animation:sp-note-in 1.3s .95s cubic-bezier(.2,.75,.2,1) both}
  .home-page .portrait-side{animation:sp-copy-in 1.2s .8s both}
  .home-page .principle-row>div{animation:sp-copy-in 1.1s 1s both}
  .home-page .principle-row>div:nth-child(2){animation-delay:1.15s}.home-page .principle-row>div:nth-child(3){animation-delay:1.3s}
  .home-page .tour-player{animation:sp-player-in .7s .9s both}
  .home-page .demo-panel:not([hidden]) .document-body{animation:sp-document-in .65s ease-out both}
  .home-page [data-scene-current="true"] .section-intro h2{animation:sp-copy-in .7s ease-out both}
}
.home-page.motion-static .hero *,.home-page.motion-static .hero *::before,.home-page.motion-static .hero *::after,.home-page.motion-static .site-header,.home-page.motion-static .principle-row>div{animation:none!important}
@keyframes sp-header-in{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp-copy-in{from{opacity:0;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp-accent-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp-portrait-in{from{opacity:0;transform:translateY(26px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sp-note-in{from{opacity:0;transform:translate(-24px,30px)}to{opacity:1;transform:translate(0,0)}}
@keyframes sp-light-pass{0%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@keyframes sp-player-in{from{opacity:0}to{opacity:1}}
@keyframes sp-document-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.tour-player{top:auto;bottom:12px;bottom:max(12px,env(safe-area-inset-bottom));right:8px;right:max(8px,env(safe-area-inset-right));transform:none}.video-sound{font-size:13px;padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.tour-track span{transition:none}.tour-player,.home-page .hero *,.home-page .hero *::after{animation:none!important}}
@media print{.tour-player,.tour-launch,.video-sound{display:none!important}}
