/* A continuous three-chapter film, with a palette for each project. */
body[data-project=lovet]{--theme-bg:#eaf0e3;--theme-ink:#0d2a5e;--theme-accent:#659b53;--theme-soft:#e5eddc;--theme-line:#cbd9c1}
body[data-project=rallyware]{--theme-bg:#f8eeee;--theme-ink:#27282d;--theme-accent:#dc232a;--theme-soft:#f7e6e7;--theme-line:#e9d2d5}
body[data-project=airslate]{--theme-bg:#edf6ff;--theme-ink:#222b38;--theme-accent:#008cff;--theme-soft:#e4f2ff;--theme-line:#b9d8ff}
.home-page .page{position:relative;z-index:1}
.home-page .project-cinema{width:59%;max-width:900px;height:auto;max-height:100%;opacity:var(--film-arrival,0);transform:translateY(calc(-50% + (1 - var(--film-arrival,0)) * 35px));color:var(--white);--ui-size:clamp(10px,.87vw,13px);font-size:var(--ui-size)}
.film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:22px}
.film-role{text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin:0 0 10px;opacity:.6}
.film-heading h2{font-size:clamp(20px,2vw,31px);font-weight:400;letter-spacing:-.045em;margin:0;line-height:1.15}
.film-domain{font-size:10px;opacity:.65;white-space:nowrap;padding-bottom:3px;border-bottom:1px solid var(--theme-line)}
.film-window{color:var(--theme-ink);border:1px solid #ffffffa8;border-radius:17px;overflow:hidden;background:#fbfcfa;box-shadow:0 22px 65px #17201e0b;transition:box-shadow 1s}
.film-window-bar{display:flex;align-items:center;justify-content:space-between;height:53px;padding:0 23px;border-bottom:1px solid var(--theme-line);background:#ffffff66}
.window-dots{display:flex;gap:5px;width:55px}.window-dots i{height:5px;width:5px;border-radius:50%;background:var(--theme-ink);opacity:.17}
.film-logo{width:auto;max-width:105px;height:22px;object-fit:contain}
[data-film=airslate] .film-logo{filter:brightness(0)}
.film-window-note{font-size:8px;opacity:.45;width:55px;text-align:right}
.film-stage{height:clamp(275px,33vw,440px);position:relative;overflow:hidden}
.film-caption{height:45px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--theme-line);padding:0 22px;font-size:10px}
.caption-dot{width:5px;height:5px;border-radius:50%;background:var(--theme-accent)}.film-time{margin-left:auto;opacity:.4;font-size:9px;font-variant-numeric:tabular-nums}
.film-controls{display:flex;gap:24px;align-items:center;margin-top:20px}
.film-chapters{display:flex;flex:1;gap:18px}.film-chapters button{background:none;padding:0;text-align:left;flex:1;min-width:0;color:var(--white);opacity:.5;transition:opacity .3s}
.film-chapters button[aria-pressed=true],.film-chapters button:hover{opacity:1}
.chapter-label{font-size:11px;display:block;padding-bottom:10px}.chapter-label small{font-size:8px;opacity:.5;margin-right:7px}
.chapter-progress{height:2px;background:var(--theme-line);display:block;overflow:hidden}.chapter-progress i{display:block;width:100%;height:100%;background:var(--theme-accent);transform-origin:left;transform:scaleX(0)}
.film-pause{background:none;color:var(--white);border:1px solid #ffffff35;width:32px;height:32px;flex:0 0 32px;border-radius:50%;font-size:11px;display:grid;place-items:center;padding:0}
.ui-kicker{font-size:.64em;letter-spacing:.13em;opacity:.55}.film-stage h3{font-size:2em;font-weight:400;letter-spacing:-.05em;margin:.4em 0 1em}.film-stage strong{font-weight:500}
/* 01 — booking: patient, date, time, confirmation. */
.booking-movie{position:relative;display:grid;grid-template-columns:.8fr 1.4fr;gap:5%;height:100%;padding:6% 5%;align-items:center}
.patient-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10% 7%;background:var(--theme-soft);border-radius:95px 95px 20px 20px;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.movie-pet{width:90%;height:auto;margin:4% 0}.patient-card strong{font-size:1.5em;letter-spacing:-.04em}.patient-card>span:not(.ui-kicker){font-size:.75em;margin-top:7px;opacity:.7}.patient-tag{font-size:.7em;margin-top:22px;opacity:.5}
.booking-sheet{padding:0 1%}.calendar-title{display:flex;justify-content:space-between;margin-bottom:15px;font-size:1em}.calendar-title span{opacity:.4;font-size:.8em}
.movie-week,.movie-days{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;gap:4px}.movie-week{font-size:.6em;letter-spacing:.08em;opacity:.45;margin-bottom:9px}.movie-days span{padding:14px 0;border-radius:12px;font-size:1.4em;transition:background .25s,color .25s,transform .3s}
.time-label{margin:24px 0 12px}.movie-times{display:flex;gap:6px}.movie-times span{flex:1;text-align:center;padding:10px 2px;border:1px solid var(--theme-line);border-radius:20px;font-size:.7em;white-space:nowrap;transition:background .25s,color .25s}
.movie-submit{margin-top:22px;background:var(--theme-ink);color:white;padding:13px 16px;border-radius:8px;font-size:.8em;display:flex;justify-content:space-between;opacity:.45;transition:opacity .5s,transform .4s}.movie-submit span{opacity:0}



.movie-success{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7faf2ed;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),visibility .6s}
.movie-success strong{font-size:2em;letter-spacing:-.05em;margin:20px 0 12px}.movie-success>span:last-child{font-size:.9em;opacity:.6}.success-mark{display:grid;place-items:center;font-size:32px;width:70px;height:70px;border-radius:50%;color:#4a7d38;background:#dcebcf;box-shadow:0 0 0 12px #e9f2e1}

/* 02 — learning: assemble the dashboard, answer the survey, update progress. */
.learning-movie{padding:5% 6%;height:100%;display:flex;flex-direction:column;gap:15px}.learning-heading{display:flex;align-items:center;justify-content:space-between}.learning-heading h3{font-size:1.6em;margin:5px 0 0}.learner-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--theme-accent);color:white;font-size:12px}
.learning-stats{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;min-height:0;flex:1}.score-card,.growth-card{background:white;border:1px solid #e9dfe1;border-radius:12px;padding:14px 17px}.score-card{display:flex;align-items:center;flex-direction:column;gap:6px}.score-card>span,.growth-card>span{font-size:.8em}.score-card>small{font-size:.6em;opacity:.5}
.score-dial{position:relative;height:100px;width:100px;flex:1;min-height:0}.score-dial svg{display:block;width:100%;height:100%;overflow:visible}.score-dial circle{fill:none;stroke:#f7e5e6;stroke-width:7}.score-dial .score-fill{stroke:var(--theme-accent);stroke-linecap:round;stroke-dasharray:62 100;transform:rotate(-90deg);transform-origin:center;transition:stroke-dasharray .7s cubic-bezier(.22,1,.36,1)}.score-dial strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2em;letter-spacing:-.06em}.score-dial small{font-size:.4em;letter-spacing:0;margin-top:10px}.score-after{display:none}
.movie-bars{height:calc(100% - 32px);min-height:50px;display:flex;gap:9%;align-items:flex-end;padding-top:15px}.movie-bars i{display:block;flex:1;height:var(--bar);background:#edb6bc;border-radius:5px 5px 0 0;transform:scaleY(.65);transform-origin:bottom;transition:transform .65s cubic-bezier(.22,1,.36,1),background 1s}.movie-bars i:last-child{background:var(--theme-accent)}.chart-week{display:flex;justify-content:space-between;padding-top:6px;font-size:.6em;opacity:.4}
.survey-card{border:1px solid #e9dfe1;background:white;border-radius:12px;padding:15px 18px;position:relative}.survey-card strong{display:block;font-size:.9em;margin-top:5px}.survey-answer{display:flex;align-items:center;gap:9px;padding:10px;margin-top:10px;border:1px solid #e9dfe1;border-radius:7px;font-size:.8em;transition:background .5s,border-color .5s}.survey-answer i{width:12px;height:12px;border-radius:50%;border:1px solid #d7c5c8}.survey-answer b{margin-left:auto;opacity:0;color:var(--theme-accent)}.survey-feedback{font-size:.7em;color:var(--theme-accent);position:absolute;right:18px;top:20px;opacity:0;transition:opacity .5s}





/* 03 — workflow: a canvas of connected steps and a bot settings panel. */
.workflow-movie{height:100%;padding:22px}.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.8em}.flow-toolbar>span:first-child{display:flex;align-items:center;gap:7px}.flow-toolbar i{display:block;width:7px;height:7px;background:var(--theme-accent);border-radius:3px}.run-flow{padding:9px 13px;border-radius:7px;background:var(--theme-ink);color:white;opacity:.45;transition:opacity .5s}.run-flow b{margin-left:15px;font-size:.7em}
.flow-canvas{position:relative;margin-top:17px;height:calc(100% - 50px);border:1px solid #ede3dc;border-radius:10px;background-color:#fcfbfa;background-image:radial-gradient(#d3c8c3 1px,transparent 1px);background-size:16px 16px}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.flow-wires path{fill:none;stroke:#d4c8bf;stroke-width:2}.flow-wires .wire-running{stroke:var(--theme-accent);stroke-width:3;stroke-dasharray:6 12;opacity:0}
.workflow-node{position:absolute;width:25%;height:31%;background:white;border:1px solid #e9dfd6;border-radius:11px;box-shadow:0 6px 15px #222b3806;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:transform .7s,box-shadow .7s,border-color .7s}
.node-document{left:4%;top:16%}.node-sign{left:38%;top:16%}.node-archive{left:70%;top:59%}.node-icon{font-size:23px;color:var(--theme-accent);line-height:1}.workflow-node strong{font-size:.8em}.workflow-node small{font-size:.6em;opacity:.5}.workflow-node small b{opacity:0}.attached-bot{position:absolute;bottom:-13px;border:1px solid #b9d8ff;background:#edf6ff;padding:5px 9px;border-radius:20px;font-size:.6em;opacity:0;transform:translateY(5px);transition:opacity .4s,transform .4s}
.bot-settings{position:absolute;right:3%;top:6%;width:37%;padding:15px;background:white;border:1px solid #ebd9ce;border-radius:10px;box-shadow:0 12px 25px #222b3812;opacity:0;transform:translateX(20px);transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);z-index:2}
.bot-settings-title{display:flex;align-items:center;gap:7px;font-size:.85em;padding-bottom:15px}.bot-settings-title>span{color:var(--theme-accent);font-size:1.5em}.bot-settings-title i{margin-left:auto;font-style:normal;opacity:.4}.bot-settings>small{font-size:.55em;letter-spacing:.1em;opacity:.45}.bot-settings>div:not(.bot-settings-title){border:1px solid #eee4dd;border-radius:5px;padding:8px;font-size:.7em;margin:5px 0 12px}.bot-enabled{display:flex;gap:6px;align-items:center;font-size:.65em;color:#497348}.bot-enabled i{display:block;width:20px;height:11px;border-radius:8px;background:#7aa76b;position:relative}.bot-enabled i:after{content:'';position:absolute;right:2px;top:2px;width:7px;height:7px;background:white;border-radius:50%}
.flow-completed{position:absolute;left:5%;bottom:8%;background:white;border:1px solid #eaded4;padding:12px 17px;font-size:.85em;border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .35s}.flow-completed span{color:#70a05f;margin-right:7px}



@keyframes film-flow{to{stroke-dashoffset:-36}}
@media(min-width:701px) and (max-height:760px){.film-stage{height:clamp(245px,43svh,360px)}.film-heading{margin-bottom:14px}.film-window-bar{height:43px}.film-controls{margin-top:14px}.booking-movie{padding:4% 5%}.learning-movie{gap:10px;padding:4% 5%}.score-dial{height:75px;width:75px}.survey-card{padding:10px 15px}}
@media(max-width:1000px) and (min-width:701px){.home-page .project-cinema{width:61%;--ui-size:10px}.film-window-bar{padding:0 15px}.film-stage{height:330px}.film-heading h2{font-size:22px}.film-role{font-size:8px}.film-domain{font-size:8px}.film-chapters{gap:10px}.chapter-label{font-size:10px}.chapter-label small{margin-right:4px}.film-controls{gap:12px}}
@media(max-width:700px){
 .home-page .project-cinema{top:33%;width:100%;height:auto;max-height:64%;transform:translateY(calc((1 - var(--film-arrival,0)) * 25px));--ui-size:10px}
 .film-heading{margin-bottom:13px}.film-heading h2{font-size:23px}.film-role{font-size:7px;letter-spacing:.12em;margin-bottom:8px}.film-domain{font-size:8px}
 .film-window{border-radius:13px}.film-window-bar{height:43px;padding:0 15px}.film-logo{height:18px;max-width:90px}.film-window-note{font-size:7px}.window-dots{width:40px}
 .film-stage{height:clamp(240px,30svh,280px)}.film-caption{height:37px;padding:0 13px;font-size:8px}.film-time{font-size:8px}.film-controls{margin-top:15px;gap:14px}.film-chapters{gap:12px}.chapter-label{font-size:10px}.chapter-label small{font-size:7px;margin-right:3px}.film-pause{width:29px;height:29px;flex-basis:29px}
 .booking-movie{gap:4%;padding:6% 4%;grid-template-columns:.75fr 1.4fr}.patient-tag{font-size:6px;margin-top:13px}.patient-card{padding:13% 5%}.movie-days span{padding:11px 0}.movie-times{gap:4px}.movie-times span{font-size:7px}.time-label{margin-top:17px}.movie-submit{margin-top:17px;padding:11px 10px}.film-stage h3{font-size:1.8em}
 .learning-movie{padding:5% 4%;gap:10px}.learning-stats{gap:10px}.score-card,.growth-card{padding:10px}.score-dial{width:72px;height:72px}.survey-card{padding:11px 12px}.survey-feedback{right:10px;top:13px;font-size:6px;max-width:70px;text-align:right}.learning-heading h3{font-size:1.5em}.learner-avatar{width:27px;height:27px;font-size:10px}
 .workflow-movie{padding:14px}.flow-toolbar{font-size:7px}.run-flow{padding:7px 8px}.run-flow b{margin-left:5px}.flow-canvas{margin-top:13px;height:calc(100% - 40px)}.workflow-node{width:27%;height:32%}.node-document{left:3%}.node-sign{left:37%}.node-archive{left:69%}.workflow-node strong{font-size:7px}.workflow-node small{font-size:6px}.node-icon{font-size:19px}.bot-settings{width:46%;padding:10px;top:3%;right:2%}.bot-settings-title{padding-bottom:9px}.flow-completed{padding:8px;font-size:7px;left:3%}.attached-bot{padding:4px 6px;font-size:6px}
}
@media(max-width:700px) and (max-height:720px){.home-page .project-cinema{top:30%;--ui-size:9px}.film-heading h2{font-size:19px}.film-role{margin-bottom:5px}.film-heading{margin-bottom:10px}.film-stage{height:195px}.film-window-bar{height:34px}.film-caption{height:31px}.film-controls{margin-top:11px}.patient-tag{display:none}.movie-pet{width:75%}.film-stage h3{margin-bottom:.6em}.movie-days span{padding:9px 0}.movie-submit{margin-top:12px}.time-label{margin:13px 0 9px}.survey-card{padding:8px 10px}.survey-answer{margin-top:7px;padding:7px}.score-dial{height:60px;width:60px}.learning-movie{gap:8px}.learning-heading h3{font-size:1.35em}}
@media(prefers-reduced-motion:reduce){.project-theme-wash,.home-page,.film-stage *{transition:none!important;animation:none!important}}
/* A filmed pointer makes each tiny product story readable without a hover. */
.film-cursor{position:absolute;width:21px;height:26px;z-index:4;left:74%;top:48%;pointer-events:none;filter:drop-shadow(0 2px 3px #0002);animation-duration:9s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both;animation-play-state:paused}
.film-cursor svg{display:block;width:100%;height:100%}
.is-playing .film-cursor{animation-play-state:running}
[data-film=lovet] .film-cursor{animation-name:lovet-pointer}
[data-film=rallyware] .film-cursor{animation-name:rally-pointer}
[data-film=airslate] .film-cursor{animation-name:airslate-pointer}
@keyframes lovet-pointer{0%,5%{left:18%;top:55%;opacity:0}10%{opacity:1}20%,29%{left:23%;top:77%}39%,47%{left:67%;top:42%}59%,66%{left:67%;top:68%}75%,79%{left:68%;top:81%;opacity:1}84%,100%{left:68%;top:81%;opacity:0}}
@keyframes rally-pointer{0%,5%{left:82%;top:18%;opacity:0}10%{opacity:1}22%,28%{left:45%;top:13%}41%,49%{left:49%;top:82%}61%,68%{left:27%;top:45%}80%,87%{left:82%;top:45%;opacity:1}94%,100%{left:82%;top:45%;opacity:0}}
@keyframes airslate-pointer{0%,5%{left:24%;top:40%;opacity:0}10%{opacity:1}22%,29%{left:49%;top:40%}39%,48%{left:83%;top:61%}61%,68%{left:87%;top:7%;opacity:1}80%,100%{left:24%;top:78%;opacity:0}}
@media(max-width:700px){.film-cursor{width:17px;height:21px}}
@media(prefers-reduced-motion:reduce){.film-cursor{display:none}}
@media(max-width:700px){.booking-movie{padding:3% 4%}.booking-sheet h3{margin:5px 0 12px}.calendar-title{margin-bottom:10px}.movie-week{margin-bottom:6px}.time-label{margin:13px 0 9px}.movie-submit{margin-top:13px;padding:10px}.movie-times span{padding:8px 2px}}
@media(max-width:700px) and (max-height:720px){.booking-sheet h3{margin:4px 0 8px}.calendar-title{margin-bottom:8px}.movie-week{margin-bottom:5px}.movie-days span{padding:6px 0}.time-label{margin:9px 0 6px}.movie-times span{padding:7px 2px}.movie-submit{padding:8px;margin-top:10px}}

/* The black fur and navigation stay constant; only the plush name takes the brand accent. */
.film-domain{display:flex;align-items:center;border:0;padding:0;opacity:1}
.fur-stage canvas{filter:hue-rotate(0deg) saturate(1) brightness(1);transition:filter 2.4s cubic-bezier(.45,0,.2,1)}
.project-mode[data-project=lovet] .fur-stage canvas{filter:hue-rotate(130deg) saturate(.65) brightness(1)}
.project-mode[data-project=rallyware] .fur-stage canvas{filter:hue-rotate(30deg) saturate(1.2) brightness(1)}
.project-mode[data-project=airslate] .fur-stage canvas{filter:hue-rotate(240deg) saturate(2.1) brightness(1.15)}
@media(prefers-reduced-motion:reduce){.fur-stage canvas{transition:none}}
/* Five shorter actions per film. Detailed states stay synchronized with playback. */
.visit-types{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:12px;font-size:.65em}
.visit-types>span{padding:7px;border:1px solid var(--theme-line);border-radius:7px;background:#ffffff55;transition:background .25s,border-color .25s}
.visit-types b{opacity:0;margin-left:6px}
[data-course-open] .visit-selected{background:#fff;border-color:#80ad6d}
[data-course-open] .visit-selected b{opacity:1;color:#659b53}
[data-date-selected] .selected-day{background:#a9cd91;transform:translateY(-3px)}
[data-time-selected] .selected-time{background:var(--theme-ink);color:white}
[data-time-selected] .movie-submit{opacity:1}
[data-booking-confirmed] .movie-success{visibility:visible;opacity:1;transform:none}
.booking-receipt{display:flex;gap:24px;margin-top:28px;padding-top:18px;border-top:1px solid #ccdabe;font-size:.7em}
.booking-receipt>span{display:flex;flex-direction:column;gap:7px;opacity:.7}.booking-receipt b{font-size:1.1em;font-weight:400}
.learning-module{display:inline-flex;align-items:center;gap:9px;font-size:.4em;letter-spacing:0;margin-left:12px;border:1px solid #ecd4d7;border-radius:15px;padding:6px 9px;color:#aa7e84;vertical-align:middle;transition:background .25s,color .25s}
.learning-module b{opacity:0}
[data-course-open] .learning-module{background:#fbe8ea;color:var(--theme-accent)}
[data-stats-updated] .learning-module b{opacity:1}
.question-count{position:absolute;right:18px;top:15px;font-size:.65em;opacity:.4}
[data-survey-answered] .survey-answer{background:#fff1f2;border-color:#dc232a66}
[data-survey-answered] .survey-answer i{background:var(--theme-accent);border-color:var(--theme-accent)}
[data-survey-answered] .survey-answer b{opacity:1}
[data-progress-updated] .survey-feedback{opacity:1}
[data-progress-updated] .question-count{opacity:0}
[data-progress-updated] .score-fill{stroke-dasharray:84 100}
[data-progress-updated] .score-before{display:none}
[data-progress-updated] .score-after{display:inline}
[data-stats-updated] .movie-bars i{transform:scaleY(1)}
.course-toast{position:absolute;left:50%;bottom:-12px;transform:translate(-50%,7px);background:#fff;border:1px solid #edd4d8;color:#a13b46;white-space:nowrap;padding:7px 11px;border-radius:20px;font-size:.65em;opacity:0;transition:opacity .25s,transform .3s}
[data-stats-updated] .course-toast{opacity:1;transform:translate(-50%,0)}
.bot-field-map{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s,opacity .25s}
.bot-field-map>span{display:block;margin-top:7px}.bot-field-map small{font-size:.8em;opacity:.5}.bot-field-map b{font-weight:400;display:block;margin-top:5px;color:var(--theme-accent)}
[data-bot-configured] .bot-field-map{max-height:75px;opacity:1}
.bot-enabled{color:#929292}.bot-enabled i{background:#bcbcbc}.bot-enabled i:after{right:11px;transition:right .2s}.bot-on{display:none}
[data-bot-configured] .bot-enabled{color:#497348}[data-bot-configured] .bot-enabled i{background:#7aa76b}[data-bot-configured] .bot-enabled i:after{right:2px}[data-bot-configured] .bot-off{display:none}[data-bot-configured] .bot-on{display:inline}
[data-bot-open] .bot-settings{opacity:1;transform:none}
[data-bot-open] .node-sign{transform:translateX(-14px)}
[data-bot-configured] .attached-bot{opacity:1;transform:none}
[data-flow-running] .run-flow{opacity:1}
[data-flow-running] .wire-running{opacity:1;animation:film-flow .65s linear infinite;animation-play-state:paused}
[data-flow-running].is-playing .wire-running{animation-play-state:running}
.delivery-log{position:absolute;left:5%;bottom:6%;display:flex;flex-direction:column;gap:7px;font-size:.65em;background:#fff;border:1px solid #dce6ed;padding:12px 15px;border-radius:8px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .3s}
.delivery-log i{font-style:normal;color:var(--theme-accent);margin-right:7px}
[data-flow-running] .delivery-log{opacity:1;transform:none}
[data-flow-finished] .delivery-log{opacity:0}
[data-flow-finished] .flow-completed{opacity:1;transform:none}
[data-flow-finished] .node-archive{border-color:#95b887;box-shadow:0 0 0 5px #95b88716}
[data-flow-finished] .node-archive small b{opacity:1;color:#497348}
@media(max-width:700px){.visit-types{font-size:6px;gap:4px;margin-top:8px}.visit-types>span{padding:5px}.patient-card{padding:8% 5%}.movie-pet{width:75%}.booking-receipt{gap:15px;margin-top:20px;padding-top:12px;font-size:7px}.movie-success strong{font-size:1.7em}.learning-module{font-size:6px;margin-left:5px;padding:4px 6px;gap:3px}.question-count{right:12px;top:10px;font-size:6px}.course-toast{font-size:6px;padding:5px 8px}.delivery-log{font-size:6px;gap:5px;padding:8px;left:3%;bottom:5%}.bot-field-map{font-size:6px}}
@media(max-width:700px) and (max-height:720px){.visit-types{margin-top:6px}.visit-types>span{padding:4px}.patient-card>span:not(.ui-kicker){font-size:6px}.movie-pet{width:60%;margin:0}.patient-card strong{font-size:1.2em}.learning-module{font-size:5px;padding:3px 4px}.bot-settings{padding:8px}.bot-settings-title{padding-bottom:5px}.bot-settings>div:not(.bot-settings-title){padding:5px;margin:3px 0 6px}.bot-field-map>span{margin-top:4px}.bot-field-map b{margin-top:3px}.delivery-log{font-size:5px}}
@media(prefers-reduced-motion:reduce){.visit-types>span,.learning-module,.course-toast,.bot-field-map,.bot-enabled i:after,.delivery-log{transition:none}}
.bot-settings .bot-field-map{padding:0;margin:0;border:0}
@media(max-width:700px) and (max-height:720px){.bot-settings{top:-30px}}
/* An experience list; the film appears only when an entry is explored. */
.home-page .project-directory{width:56%;max-width:820px;color:var(--white);transform:none;top:calc(50% - var(--list-half,170px))}
.project-list{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff24}
.project-list>li{border-bottom:1px solid #ffffff24}
.project-row{display:block;width:100%;padding:27px 0;background:none;text-align:left;color:var(--white);transition:color .25s}
.project-row-top,.project-row-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.project-company{font-size:clamp(23px,2.5vw,36px);line-height:1.15;letter-spacing:-.055em;font-weight:400}
.project-company small{font-size:10px;letter-spacing:0;color:#777;margin-left:13px;white-space:nowrap}
.project-years{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#999;white-space:nowrap}
.project-row-bottom{margin-top:12px;gap:12px}
.project-role{font-size:11px;color:#aaa;white-space:nowrap}
.project-achievement{font-size:10px;color:#696969;text-align:right;line-height:1.5}
.project-row:hover,.project-row:focus-visible,.project-row.is-active{color:var(--theme-accent)}
.project-row:hover .project-years,.project-row.is-active .project-years{color:var(--white)}
.project-hover-preview{position:fixed;z-index:20;--preview-width:420px;--preview-scale:.583333;width:var(--preview-width);opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transform-origin:top left;transition:opacity .18s,transform .3s cubic-bezier(.22,1,.36,1),visibility .18s;pointer-events:none;filter:drop-shadow(0 12px 28px #0005)}
.project-hover-preview.is-open{opacity:1;visibility:visible;transform:none}
.preview-frame{position:relative;width:100%;height:calc(var(--preview-width) * 412 / 720);border-radius:12px;overflow:hidden;border:1px solid #ffffff30;background:#fbfcfa}
.preview-scale{width:720px;height:412px;transform:scale(var(--preview-scale));transform-origin:top left;color:var(--theme-ink);font-size:13px}
.preview-scale .film-window{border:0;border-radius:0;box-shadow:none}
.preview-scale .film-window-bar{height:44px;padding:0 22px}
.preview-scale .film-stage{height:330px}
.preview-scale .film-caption{height:38px;padding:0 22px;font-size:10px}
.preview-scale .film-logo{height:21px;max-width:105px}
.preview-scale .booking-movie{padding:3% 5%;grid-template-columns:.8fr 1.4fr;gap:5%}
.preview-scale .patient-card{padding:6% 7%}
.preview-scale .movie-pet{width:70%;margin:0}
.preview-scale .patient-card strong{font-size:1.5em}
.preview-scale .patient-card>span:not(.ui-kicker){font-size:.75em}
.preview-scale .visit-types{font-size:.65em;margin-top:9px;gap:5px}
.preview-scale .visit-types>span{padding:5px}
.preview-scale .booking-sheet h3{font-size:2em;margin:5px 0 14px}
.preview-scale .calendar-title{margin-bottom:10px}
.preview-scale .movie-week{font-size:.6em;margin-bottom:7px}
.preview-scale .movie-days span{font-size:1.4em;padding:10px 0}
.preview-scale .time-label{margin:16px 0 10px}
.preview-scale .movie-times span{font-size:.7em;padding:8px 2px}
.preview-scale .movie-submit{padding:11px 14px;margin-top:16px}
.preview-scale .learning-movie{padding:4% 5%;gap:11px}
.preview-scale .learning-heading h3{font-size:1.6em}
.preview-scale .learning-module{font-size:.4em;margin-left:12px;padding:6px 9px}
.preview-scale .score-card,.preview-scale .growth-card{padding:12px 17px}
.preview-scale .score-dial{width:80px;height:80px}
.preview-scale .survey-card{padding:11px 16px}
.preview-scale .course-toast{font-size:.65em;padding:6px 10px}
.preview-scale .survey-answer{padding:9px;margin-top:9px}
.preview-scale .workflow-movie{padding:22px}
.preview-scale .flow-toolbar{font-size:.8em}
.preview-scale .flow-canvas{margin-top:17px;height:calc(100% - 50px)}
.preview-scale .workflow-node{width:25%;height:31%}
.preview-scale .node-document{left:4%}.preview-scale .node-sign{left:38%}.preview-scale .node-archive{left:70%}
.preview-scale .workflow-node strong{font-size:.8em}.preview-scale .workflow-node small{font-size:.6em}.preview-scale .node-icon{font-size:23px}
.preview-scale .bot-settings{width:37%;top:-10px;padding:12px;font-size:12px}
.preview-scale .bot-settings>div:not(.bot-settings-title){padding:6px;margin:4px 0 8px}
.preview-scale .bot-settings .bot-field-map{padding:0;margin:0;border:0;font-size:9px}
.preview-scale .delivery-log{font-size:.65em;padding:10px 13px;gap:6px;left:5%;bottom:6%}
.preview-scale .attached-bot{font-size:.6em;padding:5px 9px}
.preview-close,.preview-pause{position:absolute;right:9px;top:7px;z-index:3;display:none;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#f7f8f5;color:#39403a;border:1px solid #ddd;font-size:17px;padding:0;pointer-events:auto}
.preview-pause{top:auto;bottom:7px;font-size:10px}
.project-directory:focus-within .preview-pause{display:flex}
@media(max-width:1000px) and (min-width:701px){.project-row{padding:23px 0}.project-row-bottom{display:block}.project-achievement{display:block;text-align:left;margin-top:6px}.project-company small{display:block;margin:7px 0 0;font-size:9px}}
@media(max-width:700px){
 .home-page .project-directory{width:100%;top:27%;max-height:none}
 .project-row{padding:12px 0}
 .project-row-top{gap:10px}.project-company{font-size:22px}.project-company small{font-size:7px;margin-left:8px}.project-years{font-size:9px}
 .project-row-bottom{margin-top:7px}.project-role{font-size:9px}.project-achievement{display:none}
 .project-hover-preview{position:relative;left:auto;top:auto;margin-top:13px;width:100%;display:none;pointer-events:auto}
 .project-hover-preview.is-open{display:block}
 .preview-close,.preview-pause{display:flex}
 .preview-scale .film-window-note{visibility:hidden}
 .preview-scale .film-time{margin-right:28px}
}
@media(max-width:700px) and (max-height:720px){.home-page .project-directory{top:25%}.project-row{padding:10px 0}.project-company{font-size:20px}.project-hover-preview{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.project-hover-preview{transform:none;transition:none}.project-row{transition:none}}
.project-row{user-select:none;-webkit-user-select:none}
.project-directory:focus-within .project-hover-preview{pointer-events:auto}
/* Reserve separate columns for the narrower list and its preview. */
@media(min-width:1101px){
 .home-page .project-directory{width:32%;max-width:440px;right:35%}
}
@media(min-width:701px){
 .project-row{padding:22px 0}
 .project-company{font-size:27px}
 .project-company small{display:block;font-size:9px;margin:6px 0 0}
 .project-row-bottom{display:block;margin-top:11px}
 .project-achievement{display:block;text-align:left;margin-top:6px;line-height:1.5;color:#858585}
 .project-hover-preview{transition:opacity .18s,transform .3s cubic-bezier(.22,1,.36,1),visibility .18s}
}
@media(min-width:701px) and (max-width:1100px){
 .home-page .project-directory{width:46%;max-width:none;right:54%;top:calc(61% - var(--list-half,170px))}
 .project-company{font-size:24px}
 .project-row{padding:18px 0}
 .project-role{font-size:10px}
 .project-achievement{font-size:9px}
}