/* Animated project covers; sized against each card's preview container. */
.mrj-featured [data-project="funds"] .product-preview{border-color:#ffffff12;background:#101011}
.project-motion{--preview-ink:#eee9e3;--preview-muted:#ada49b;--preview-line:#ffffff12;--preview-accent:#f58b46;width:100%;height:100%;font-family:var(--u-font);overflow:hidden}
.project-motion *{box-sizing:border-box}
.project-motion svg{display:block}
.invest-demo{display:flex;flex-direction:column;padding:4cqw;gap:3cqw;background:linear-gradient(145deg,#161515,#0e0e0f);color:var(--preview-ink)}
.invest-demo-heading,.invest-demo-heading>span,.invest-chart-heading,.invest-chart-axis{display:flex;align-items:center;justify-content:space-between}
.invest-demo-heading>span{gap:1.6cqw;font-size:2.5cqw;letter-spacing:.065em;font-weight:500}
.invest-demo-heading svg{width:3.7cqw;height:3.7cqw;color:var(--preview-accent)}
.invest-demo-heading>small{font-size:2.1cqw;color:var(--preview-muted)}
.invest-demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw}
.invest-demo-metrics>div{padding:2.2cqw 2.5cqw;border:1px solid var(--preview-line);border-radius:1.7cqw;background:#ffffff02}
.invest-demo-metrics small{display:block;color:var(--preview-muted);font-size:2.1cqw;margin-bottom:1cqw}
.invest-demo-metrics strong{display:block;font-size:3cqw;line-height:1.4;font-weight:500;white-space:nowrap}
.invest-demo-metrics .invest-live{color:var(--preview-accent)}
.invest-demo-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:3cqw}
.invest-chart{min-height:0;display:flex;flex-direction:column;padding:2cqw 0}
.invest-chart-heading{gap:1cqw;margin-bottom:1.5cqw;white-space:nowrap}
.invest-chart-heading>span{font-size:2.4cqw}
.invest-chart-heading>small{font-size:1.7cqw;color:var(--preview-muted);letter-spacing:.04em}
.invest-chart>svg{flex:1;width:100%;min-height:0;overflow:visible}
.invest-grid{fill:none;stroke:var(--preview-line);stroke-width:.6}
.invest-area{fill:url(#invest-area-fill);animation:invest-area 10s ease-in-out infinite}
.invest-trend{fill:none;stroke:var(--preview-accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:invest-line 10s ease-in-out infinite}
.invest-trend-tip{fill:#ffc18a;animation:invest-tip 10s ease-in-out infinite}
.invest-chart-axis{margin-top:1.7cqw;font-size:1.9cqw;color:var(--preview-muted)}
.invest-factors{border-left:1px solid var(--preview-line);padding:2cqw 0 0 3cqw;display:flex;flex-direction:column;justify-content:space-between}
.invest-factors>small{color:var(--preview-muted);font-size:2.2cqw}
.invest-factor>span{font-size:2.3cqw;display:block;margin-bottom:1.3cqw}
.invest-factor>div{height:1.5cqw;border-radius:2px;background:#ffffff08;overflow:hidden}
.invest-factor i{display:block;height:100%;width:var(--factor);border-radius:2px;background:linear-gradient(90deg,#a94419,var(--preview-accent));transform-origin:left;animation:invest-factor 10s ease-in-out infinite;animation-delay:calc(var(--order)*.3s)}
.reader-demo{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;gap:1cqw;padding:1cqw 2cqw 2.5cqw;background:radial-gradient(ellipse at 50% 45%,#61473726,transparent 67%);color:var(--u-text)}
.reader-actions{position:relative;display:flex;align-items:center;gap:2cqw;padding:1cqw;font-size:2.6cqw}
.reader-actions>span{display:flex;align-items:center;gap:1cqw;padding:1.2cqw 2cqw;border:1px solid #ba90584d;border-radius:1.4cqw;color:var(--u-muted);transition:background .3s,color .3s}
.reader-actions em{font-style:normal}.reader-actions svg{width:3cqw;height:3cqw;fill:none;stroke:currentColor;stroke-width:1.5}
.reader-actions>small{margin-left:auto;font-size:2.2cqw;color:var(--u-muted)}
.reader-demo:not([data-reading-phase="reading"]) .reader-save{color:#f4c88c;background:#bc894421}
.reader-demo:not([data-reading-phase="reading"]) .reader-save svg{fill:#ba905855}
.reader-demo[data-reading-phase="notes"] .reader-note-action{color:#f4c88c;background:#bc894421}
.reader-demo-pointer{position:absolute;left:13cqw;top:5cqw;color:#fff1d5;font-size:4cqw;transform:rotate(-115deg);opacity:0;pointer-events:none}
.reader-demo[data-reading-phase="saved"] .reader-demo-pointer{animation:reader-save-click 1.1s both}
.reader-demo[data-reading-phase="notes"] .reader-demo-pointer{left:34cqw;animation:reader-save-click 1.1s both}
.reader-open-book{position:relative}
.reader-note-card{position:absolute;right:3cqw;bottom:1cqw;width:51cqw;padding:2.5cqw;background:#191713f5;border:1px solid #bd955e99;border-radius:1.8cqw;box-shadow:0 1cqw 4cqw #0007;opacity:0;transform:translateY(2cqw);transition:opacity .35s,transform .35s}
.reader-note-card small{display:flex;justify-content:space-between;color:#eac28a;font-size:2.5cqw}.reader-note-card small span{color:#bba88b;font-size:2.1cqw}
.reader-note-card p{margin:1.5cqw 0 0;color:#f3e4ce;font-size:2.8cqw;line-height:1.7}
.reader-demo[data-reading-phase="notes"] .reader-note-card{opacity:1;transform:none}
.reader-demo[data-reading-phase="notes"] .reader-note-card p{animation:reader-note-write 1.3s ease both;transform-origin:left}
@keyframes reader-save-click{0%{opacity:0;translate:4cqw 3cqw}40%,70%{opacity:1;translate:0 0}55%{scale:.8}100%{opacity:0;translate:0 0}}
.reader-context{display:flex;align-items:center;gap:1.4cqw;min-height:4cqw;padding:0 1cqw;font-size:2.3cqw;color:var(--u-muted)}
.reader-context-dot{width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--u-orange);box-shadow:0 0 1.5cqw #ffad7244}
.reader-note-ink{display:flex;gap:.6cqw;align-items:center;margin-left:auto;width:17cqw;opacity:0;transition:opacity .3s}
.reader-note-ink i{height:.5cqw;flex:1;background:var(--u-orange);border-radius:1cqw;transform-origin:left}
.reader-demo[data-reading-phase="notes"] .reader-note-ink{opacity:1}
.reader-demo[data-reading-phase="notes"] .reader-note-ink i{animation:reader-note-write 1s ease both}
.reader-note-ink i:nth-child(2){animation-delay:.2s!important}.reader-note-ink i:nth-child(3){animation-delay:.4s!important}
.reader-demo[data-reading-phase="audio"] .reader-context-dot{animation:reader-listen 1s ease-in-out infinite}
.reader-demo[data-reading-phase="notes"] .reader-context-dot{border-radius:0;width:1.5cqw;height:.9cqw;border-left:.35cqw solid var(--u-orange);border-bottom:.35cqw solid var(--u-orange);background:none;transform:rotate(-45deg);box-shadow:none}
.reader-open-book{display:grid;place-items:center;min-height:0;filter:drop-shadow(0 2cqw 1.5cqw #0008)}
.reader-open-book img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.reader-player{display:flex;align-items:center;gap:2cqw;min-width:0;height:8cqw;padding:0 1cqw}
.reader-play{display:grid;place-items:center;flex:none;width:8cqw;height:8cqw;border-radius:50%;background:#ffb478;color:#17100d}
.reader-play svg{width:4cqw;height:4cqw;margin-left:.5cqw}
.reader-wave{display:flex;align-items:center;gap:.5cqw;flex:none;height:7cqw}
.reader-wave i{width:.55cqw;height:calc(var(--height)*100%);border-radius:1cqw;background:linear-gradient(#ffb478,#b86e40);transform:scaleY(.7);animation:reader-wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.08s)}
.reader-wave i:nth-child(n+14){opacity:.48}
.reader-progress-track{flex:1;min-width:2cqw;height:1.35cqw;background:#ffffff2b;border-radius:1cqw;overflow:hidden}
.reader-progress-track>i{display:block;width:100%;height:100%;background:#ffb478;border-radius:inherit;transform:scaleX(var(--reading-progress,.42));transform-origin:left}
.reader-player>strong{min-width:8cqw;text-align:right;color:#ffb478;font-size:4cqw;font-weight:500;font-variant-numeric:tabular-nums}
.mrj-featured :is([data-project="calendar"],[data-project="tools"],[data-project="resume"]) .product-preview{border-color:var(--u-line);background:transparent}
.calendar-demo,.tools-demo,.resume-demo{font-size:2.5cqw;line-height:1.4}
.cover-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:2cqw;min-height:3.8cqw;flex-shrink:0;color:var(--u-text)}
.cover-demo-heading>span{font-size:2.1cqw;letter-spacing:.08em}
.cover-demo-heading>strong{font-size:3.6cqw;font-weight:600}
.cover-demo-heading>small{font-size:2.1cqw;color:var(--u-muted);white-space:nowrap}
.calendar-demo{display:flex;flex-direction:column;padding:3.5cqw;gap:2.5cqw;background:#111619;color:var(--u-text)}
.section-heading-title-row{display:flex;align-items:baseline;gap:24px}
.section-heading-title-row .project-like-hint{display:inline-block;margin:0;white-space:nowrap}
/* The supplied mascot sits above the calendar frame; only its eyes move. */
.mrj-featured [data-project="calendar"] .feature-copy{position:relative;min-height:96px;padding-right:112px}
.calendar-robot{position:absolute;right:4px;bottom:0;width:100px;height:100px;pointer-events:none;filter:drop-shadow(0 4px 6px #0005)}
.calendar-robot-pupils{animation:calendar-robot-gaze 4.8s ease-in-out infinite}
@media(max-width:760px){.mrj-featured [data-project="calendar"] .feature-copy{min-height:76px;padding-right:82px}.calendar-robot{width:76px;height:76px;right:0}}
@media(max-width:760px){.section-heading-title-row{gap:12px}.section-heading-title-row .project-like-hint{margin:0;font-size:10px}}
.calendar-demo-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:3.5cqw;flex:1;min-height:0}
.calendar-demo-month{display:flex;flex-direction:column;min-height:0}
.mrj-featured .calendar-demo .calendar-live-weekdays{margin:0 0 1.3cqw;font:2cqw/1.2 var(--u-font);color:var(--u-muted);gap:1cqw}
.mrj-featured .calendar-demo .calendar-live-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(var(--weeks),minmax(0,1fr));flex:1;min-height:0;gap:1cqw}
.mrj-featured .calendar-demo .calendar-live-day{position:relative;min-height:0;padding:1cqw .7cqw;border:1px solid var(--u-line);border-radius:.9cqw;font:2.25cqw/1 var(--u-font);background:transparent;color:var(--u-text);transition:background .3s,border-color .3s,color .3s}
.mrj-featured .calendar-demo .calendar-live-day:not([data-calendar-day]){opacity:.25}
.mrj-featured .calendar-demo .calendar-live-day.today{color:var(--u-orange);border-color:var(--u-orange)}
.mrj-featured .calendar-demo .calendar-live-day.is-selected{background:color-mix(in srgb,var(--u-orange) 20%,transparent);border-color:var(--u-orange)}
.mrj-featured .calendar-demo .calendar-live-marks{margin-top:.7cqw;gap:.5cqw}
.mrj-featured .calendar-demo .calendar-live-marks i{height:.5cqw;min-height:0;width:70%;border-radius:2px}
.mrj-featured .calendar-demo .calendar-live-marks i.dot{width:70%;height:.5cqw;align-self:flex-start;border-radius:2px}
.calendar-agenda{display:flex;flex-direction:column;gap:2.5cqw;border-left:1px solid var(--u-line);padding-left:3.5cqw;min-width:0}
.calendar-agenda-date{display:flex;align-items:baseline;gap:1.5cqw}
.calendar-agenda-date>strong{font:500 7cqw/1 var(--u-font);color:var(--u-orange);font-variant-numeric:tabular-nums}
.calendar-agenda-date>span{font-size:2.1cqw;color:var(--u-muted);white-space:nowrap}
.calendar-agenda-item{display:flex;gap:1.5cqw;align-items:flex-start}
.calendar-agenda-item>i{flex:none;width:.7cqw;height:7cqw;background:var(--u-orange);border-radius:2px}
.calendar-agenda-item strong{font-size:2.8cqw;line-height:1.4;font-weight:500;display:block}
.calendar-agenda-item small{font-size:2cqw;line-height:1.7;color:var(--u-muted);display:block;margin-top:.5cqw;white-space:nowrap}
.calendar-agenda-secondary>i{background:#9A7252;opacity:.9}
.calendar-reminder{margin-top:auto;padding:1.7cqw 1.5cqw;display:flex;align-items:center;gap:1cqw;font-size:2.1cqw;background:color-mix(in srgb,var(--u-orange) 10%,transparent);color:var(--u-orange);border-radius:1cqw;white-space:nowrap}
.calendar-reminder svg{width:3cqw;height:3cqw;flex:none}
.calendar-demo[data-calendar-phase="remind"] .calendar-reminder svg{animation:calendar-reminder 1s ease-in-out infinite}
.calendar-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:3cqw}
.mrj-featured .calendar-demo .calendar-live-legend{font:1.9cqw/1.3 var(--u-font);gap:2.5cqw;color:var(--u-muted)}
.mrj-featured .calendar-demo .calendar-live-legend span{gap:.7cqw}
.mrj-featured .calendar-demo .calendar-live-legend i{width:1cqw;height:1cqw}
.cover-cycle-track{width:25%;height:.5cqw;background:var(--u-line);overflow:hidden;border-radius:3px}
.cover-cycle-track>i{display:block;width:100%;height:100%;background:var(--u-orange);transform-origin:left;animation:cover-cycle 10s linear infinite}
.tools-demo{--coffee-paper:var(--u-orange);--coffee-text:var(--u-text);--coffee-muted:var(--u-muted);display:flex;flex-direction:column;gap:2cqw;padding:3.5cqw;background:linear-gradient(135deg,#252322,#171717);color:var(--coffee-text)}
.tools-demo .cover-demo-heading{color:var(--coffee-text)}
.tools-demo .cover-demo-heading>small{color:var(--coffee-muted)}
.tools-demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);grid-template-rows:minmax(0,1fr);gap:4cqw;flex:1;min-height:0;align-items:center}
.coffee-scene{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:2cqw}
.coffee-saucer{position:relative;width:29cqw;height:26cqw;border-radius:50%;background:radial-gradient(ellipse at 42% 35%,#f4e6d3 49%,#bba389 63%,#e6d2b8 69%,#ac9379 74%,#dac3a5 77%);box-shadow:0 2cqw 3cqw #0003;transform:rotate(-12deg)}
.coffee-cup{position:absolute;inset:2.5cqw 4cqw 3cqw 2.5cqw;border-radius:50%;background:linear-gradient(135deg,#fff4e2,#cdb397);box-shadow:1.2cqw 1.5cqw 1cqw #4c2d2145;isolation:isolate}
.coffee-cup:before{content:'';position:absolute;right:-5cqw;top:7cqw;width:7cqw;height:7cqw;border:1.8cqw solid #e3ceb3;border-radius:45%;z-index:-1;box-shadow:.6cqw .8cqw .6cqw #56392033}
.coffee-surface{position:absolute;inset:1.5cqw;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#d3a367,#bb7f42 70%,#70471f 96%);border:.4cqw solid #9c6337;box-shadow:inset .5cqw .7cqw 1cqw #55351677;overflow:hidden}
.coffee-surface svg{width:100%;height:100%;fill:none;stroke:#f7e3bc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.coffee-milk-pool{fill:#f7e3bc;stroke:none;transform-box:fill-box;transform-origin:center;animation:coffee-milk-pool 10s ease-in-out infinite}
.coffee-latte-petal{transform-box:fill-box;transform-origin:50% 100%}
.coffee-latte-lower{animation:coffee-latte-lower 10s ease-in-out infinite}
.coffee-latte-middle{animation:coffee-latte-middle 10s ease-in-out infinite}
.coffee-latte-upper{animation:coffee-latte-upper 10s ease-in-out infinite}
.coffee-latte-finish{stroke-dasharray:1;animation:coffee-latte-finish 10s ease-in-out infinite}
.coffee-pouring{position:absolute;left:0;top:-29%;width:100%;height:140%;overflow:visible;pointer-events:none}
.coffee-pitcher{transform-origin:73px 39px;animation:coffee-pitcher 10s ease-in-out infinite}
.coffee-pitcher-body{fill:url(#coffee-pitcher-metal);stroke:#eee9df;stroke-width:1.4;stroke-linejoin:round}
.coffee-pitcher-handle{fill:none;stroke:#b9b9b3;stroke-width:5;stroke-linecap:round}
.coffee-pitcher-opening{fill:#555650;stroke:#e7e2d8;stroke-width:1}
.coffee-pitcher-rim{fill:none;stroke:#f5eee2;stroke-width:1.7;stroke-linecap:round}
.coffee-pitcher-highlight{fill:none;stroke:#fff9ed;stroke-width:1;stroke-linecap:round;opacity:.75}
.coffee-milk-stream{fill:none;stroke:#f7e3bc;stroke-width:2.6;stroke-linecap:round;animation:coffee-milk-stream 10s ease-in-out infinite}
.coffee-steam{position:absolute;left:12cqw;top:-1cqw;display:flex;gap:3cqw;z-index:2;pointer-events:none}
.coffee-steam i{display:block;width:1.5cqw;height:8cqw;border-left:1px solid #f7e7d777;border-radius:50%;filter:blur(.4px);animation:coffee-steam 3s ease-in-out infinite}
.coffee-steam i:nth-child(2){animation-delay:-1s;height:10cqw}
.coffee-steam i:nth-child(3){animation-delay:-2s}
.coffee-caption{display:flex;align-items:baseline;gap:1.5cqw;margin-top:2cqw}
.coffee-caption strong{font:500 3.2cqw/1.4 'Songti SC',SimSun,serif}
.coffee-caption span{font:italic 2.5cqw/1.3 Georgia,serif;color:var(--coffee-muted)}
.coffee-order{padding:1cqw 0;min-width:0}
.coffee-study{min-width:0;padding:.5cqw 0}
.coffee-study>small{display:block;font-size:2.1cqw;color:var(--coffee-muted)}
.coffee-study>strong{display:block;margin:1.3cqw 0 1.3cqw;font:500 4cqw/1.4 'Songti SC',SimSun,serif}
.coffee-lessons>div{display:flex;align-items:center;gap:1.5cqw;padding:.8cqw 0;border-bottom:1px solid var(--u-line);color:var(--coffee-muted);transition:color .3s}
.coffee-lessons b{font:400 2.1cqw/1 var(--u-font);opacity:.65}
.coffee-lessons span{font-size:2.6cqw}
.coffee-lessons small{display:none}
.coffee-lessons .is-current{color:var(--coffee-paper)}
.coffee-lessons .is-current b{opacity:1}
.coffee-study-note{display:flex;align-items:center;gap:1cqw;margin:1.8cqw 0 .5cqw;font-size:2.3cqw}
.coffee-study-note i{width:1cqw;height:1cqw;flex:none;border-radius:50%;background:var(--coffee-paper);box-shadow:0 0 1.8cqw #ffb36a55}
.coffee-study>.coffee-study-detail{font-size:2cqw}
.coffee-learning[data-tools-phase="beans"] [data-tools-step="beans"],.coffee-learning[data-tools-phase="drinks"] [data-tools-step="drinks"],.coffee-learning[data-tools-phase="brew"] [data-tools-step="brew"]{color:var(--coffee-paper)}
.coffee-order>small{display:block;font-size:2.1cqw;color:var(--coffee-muted);margin-bottom:1cqw}
.coffee-order>strong{display:block;font:500 4cqw/1.4 'Songti SC',SimSun,serif;white-space:nowrap}
.coffee-preferences{display:flex;gap:1.5cqw;margin:1.5cqw 0}
.coffee-preferences span{padding:.6cqw 2cqw;border:1px solid var(--u-line);border-radius:3cqw;font-size:2.1cqw;color:var(--coffee-muted)}
.coffee-preferences span:first-child{background:var(--coffee-paper);color:#503a25;border-color:transparent}
.coffee-order-line,.coffee-order-receipt{display:flex;align-items:center;justify-content:space-between;font-size:2.5cqw;gap:1cqw}
.coffee-order-line{padding:1.4cqw 0;border-top:1px solid var(--u-line);border-bottom:1px dashed var(--u-line)}
.coffee-order-check{color:#c09e70}
.coffee-order-status{display:flex;align-items:center;gap:1.2cqw;font-size:2.5cqw;white-space:nowrap;padding:1.5cqw 0 1cqw}
.coffee-order-status>i,.resume-demo-status>i{display:block;flex:none;width:1cqw;height:1cqw;border-radius:50%;background:#caa674}
.coffee-order-receipt{font-size:2.1cqw;color:var(--coffee-muted)}
.tools-workflow{display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;padding-top:2.5cqw;border-top:1px solid var(--u-line)}
.tools-workflow>span{display:flex;align-items:center;gap:1cqw;color:var(--coffee-muted);transition:color .3s}
.tools-workflow svg{width:3.1cqw;height:3.1cqw}
.tools-workflow em{font:2.2cqw/1.2 var(--u-font);white-space:nowrap}
.tools-workflow>i{width:4cqw;height:1px;background:var(--u-line)}
.tools-demo[data-tools-phase="order"] [data-tools-step="order"],.tools-demo[data-tools-phase="reminder"] [data-tools-step="reminder"],.tools-demo[data-tools-phase="done"] [data-tools-step="done"]{color:var(--coffee-paper)}
.tools-demo[data-tools-phase="reminder"] .coffee-order-status>i{animation:tool-status 1.1s ease-in-out infinite}
.tools-demo[data-tools-phase="done"] .coffee-order-check{color:#83b99b}
.resume-demo{display:flex;flex-direction:column;gap:2.5cqw;padding:3.5cqw;background:linear-gradient(135deg,#252322,#171717);color:var(--u-text)}
.resume-demo-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:6cqw;align-items:center;flex:1;min-height:0}
.resume-paper{position:relative;align-self:stretch;min-height:0;margin:1cqw 0 1cqw 1cqw;padding:3cqw;background:#f0e5d6;color:#514234;border-radius:.6cqw;box-shadow:1cqw 1.2cqw 0 #a9957d55,0 1.5cqw 3cqw #0003;overflow:hidden;transform:rotate(-3deg)}
.resume-paper-header{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-bottom:1.5cqw}
.resume-paper-header>span{font:700 4cqw/1 Georgia,serif;color:#a5673c}
.resume-paper-header>small{font:1.45cqw/1.3 var(--u-font);letter-spacing:.05em}
.resume-paper>strong{display:block;font:500 4.5cqw/1.2 var(--u-font);white-space:nowrap}
.resume-paper-subtitle{display:block;font:1.75cqw/1.6 var(--u-font);margin-top:1.5cqw;min-height:3.4cqw}
.resume-paper-rule{height:1px;background:#b59a7d8c;margin:1cqw 0 2cqw}
.resume-paper-label{font-size:1.85cqw;letter-spacing:.06em}
.resume-paper-entry{position:relative;padding-left:3cqw;margin-top:1.8cqw;animation:resume-entry 10s ease-in-out infinite;animation-delay:calc(var(--entry)*.4s)}
.resume-paper-entry>i{position:absolute;left:0;top:0;width:1.3cqw;height:1.3cqw;border:1px solid #a56a40;border-radius:50%}
.resume-paper-ink{display:block;height:.6cqw;background:#b8a48f;width:92%;border-radius:1px}
.resume-paper-ink.short{width:64%;height:.4cqw;margin-top:1.3cqw;background:#d2c0ab}
.resume-scan-line{position:absolute;inset:10% 0 auto;height:1px;background:#bd7c4480;box-shadow:0 0 2cqw .8cqw #c1884612;animation:resume-scan 10s ease-in-out infinite}
.resume-story{min-width:0;padding:1cqw 0}
.resume-language{display:flex;gap:1cqw;margin-bottom:1.6cqw}
.resume-language>span{padding:.65cqw 1.8cqw;font-size:2cqw;color:var(--u-muted);border:1px solid var(--u-line);border-radius:.8cqw}
.resume-language>span.is-current{color:var(--u-orange);border-color:var(--u-orange);background:color-mix(in srgb,var(--u-orange) 8%,transparent)}
.resume-story>strong{display:block;font:500 3.1cqw/1.3 var(--u-font);margin-bottom:2cqw;min-height:4cqw}
.resume-story-track{border-left:1px solid var(--u-line);padding-left:3cqw;margin-left:.8cqw}
.resume-story-track>div{position:relative;padding-bottom:1.6cqw}
.resume-story-track>div:last-child{padding-bottom:0}
.resume-story-track i{position:absolute;left:-3.9cqw;top:.8cqw;width:1.6cqw;height:1.6cqw;border-radius:50%;background:#76685a;border:2px solid #252322}
.resume-story-track strong{font:500 2.8cqw/1.3 var(--u-font);display:block;transition:color .3s}
.resume-story-track small{font:2cqw/1.3 var(--u-font);display:block;color:var(--u-muted);margin-top:.7cqw}
.resume-demo[data-resume-phase="profile"] [data-resume-step="profile"] strong,.resume-demo[data-resume-phase="experience"] [data-resume-step="experience"] strong,.resume-demo[data-resume-phase="skills"] [data-resume-step="skills"] strong{color:var(--u-orange)}
.resume-demo[data-resume-phase="profile"] [data-resume-step="profile"] i,.resume-demo[data-resume-phase="experience"] [data-resume-step="experience"] i,.resume-demo[data-resume-phase="skills"] [data-resume-step="skills"] i{background:var(--u-orange)}
.resume-demo-status{display:flex;align-items:center;gap:1cqw;font-size:1.9cqw;color:var(--u-muted);margin-top:1.5cqw}
.resume-demo-status>i{width:.8cqw;height:.8cqw;background:var(--u-orange)}
html:not(.dark) .calendar-demo{background:#eee9e1}
html:not(.dark) .tools-demo{background:linear-gradient(135deg,#eae4dc,#ddd5ca)}
html:not(.dark) .coffee-preferences span:first-child{color:#fff4e5}
html:not(.dark) .resume-demo{background:linear-gradient(135deg,#eae4dc,#ddd5ca)}
html:not(.dark) .resume-story-track i{border-color:#e5dfd6}
.project-motion:not(.is-animating) *,.project-motion:not(.is-animating) *:before,.project-motion:not(.is-animating) *:after{animation-play-state:paused!important}
.project-motion.is-animating *,.project-motion.is-animating *:before,.project-motion.is-animating *:after{animation-play-state:running}
.reader-demo:not([data-reading-phase="audio"]) .reader-wave i{animation-play-state:paused}
html:not(.dark) .invest-demo{--preview-ink:#302820;--preview-muted:#78695f;--preview-line:#6f50321a;--preview-accent:#c5642b;background:linear-gradient(145deg,#f7f0e7,#ece3d9)}
html:not(.dark) .mrj-featured [data-project="funds"] .product-preview{border-color:#6f503229;background:#f7f0e7}
html:not(.dark) .invest-factor>div{background:#6f503212}
@keyframes invest-line{0%,5%{stroke-dashoffset:1}55%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes invest-area{0%,15%{opacity:0}55%,92%{opacity:1}100%{opacity:0}}
@keyframes invest-tip{0%,49%{opacity:0}55%,92%{opacity:1}100%{opacity:0}}
@keyframes invest-factor{0%,10%{transform:scaleX(.12)}58%,92%{transform:scaleX(1)}100%{transform:scaleX(.12)}}
@keyframes reader-wave{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes reader-note-write{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}
@keyframes reader-listen{50%{box-shadow:0 0 0 .7cqw #ffad7218}}
@keyframes cover-cycle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes calendar-reminder{0%,100%{transform:rotate(0)}35%{transform:rotate(-10deg)}65%{transform:rotate(10deg)}}
@keyframes calendar-robot-gaze{0%,15%,100%{transform:translate(0,0)}30%,45%{transform:translate(-18px,5px)}65%,80%{transform:translate(18px,-7px)}90%{transform:translate(0,0)}}
@keyframes coffee-milk-pool{0%,10%{opacity:0;transform:scale(.2)}20%{opacity:.9;transform:scale(1)}36%,100%{opacity:0;transform:scale(1.2)}}
@keyframes coffee-latte-lower{0%,18%{opacity:0;transform:scale(.25)}34%,88%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1)}}
@keyframes coffee-latte-middle{0%,32%{opacity:0;transform:scale(.25)}49%,88%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1)}}
@keyframes coffee-latte-upper{0%,47%{opacity:0;transform:scale(.25)}62%,88%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1)}}
@keyframes coffee-latte-finish{0%,59%{stroke-dashoffset:1;opacity:0}61%{stroke-dashoffset:1;opacity:1}72%,88%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes coffee-pitcher{0%,4%{opacity:0;transform:translate(8px,-4px) rotate(12deg)}12%,56%{opacity:1;transform:translate(0,0) rotate(-38deg)}63%{opacity:1;transform:translate(1px,-1px) rotate(-28deg)}73%,100%{opacity:0;transform:translate(8px,-7px) rotate(12deg)}}
@keyframes coffee-milk-stream{0%,12%{opacity:0;stroke-width:0}18%,55%{opacity:.9;stroke-width:3}64%{opacity:.75;stroke-width:1.2}70%,100%{opacity:0;stroke-width:0}}
@keyframes coffee-steam{0%{opacity:0;transform:translateY(2cqw)}40%{opacity:.55}100%{opacity:0;transform:translateY(-5cqw)}}
@keyframes tool-status{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes resume-entry{0%,5%{opacity:.3;transform:translateY(1cqw)}30%,92%{opacity:1;transform:translateY(0)}100%{opacity:.3;transform:translateY(1cqw)}}
@keyframes resume-scan{0%,3%{top:10%;opacity:0}12%{opacity:1}70%{top:92%;opacity:1}80%,100%{top:92%;opacity:0}}
@media(max-width:760px){
  .mrj-featured [data-project="bible"] .product-preview,.mrj-featured [data-project="funds"] .product-preview,.mrj-featured [data-project="calendar"] .product-preview,.mrj-featured [data-project="tools"] .product-preview,.mrj-featured [data-project="resume"] .product-preview{aspect-ratio:1.6}
  .invest-demo-heading>small{font-size:2.6cqw}
  .invest-demo-metrics small,.invest-chart-heading>span,.invest-factor>span{font-size:2.8cqw}
  .invest-demo-metrics strong{font-size:3.3cqw}
  .invest-chart-heading>small{display:none}
  .invest-chart-axis{font-size:2.4cqw}
  .cover-demo-heading>span,.cover-demo-heading>small{font-size:2.5cqw}
  .calendar-agenda-item strong{font-size:3.1cqw}
  .calendar-agenda-item small{font-size:2.4cqw;white-space:normal}
  .calendar-agenda-date>span,.calendar-reminder{font-size:2.5cqw}
  .calendar-agenda-secondary{display:none}
  .calendar-agenda{justify-content:center;gap:4cqw}
  .calendar-reminder{margin-top:0}
  .mrj-featured .calendar-demo .calendar-live-day{font-size:2.65cqw;padding:1.2cqw .6cqw}
  .mrj-featured .calendar-demo .calendar-live-weekdays,.mrj-featured .calendar-demo .calendar-live-legend{font-size:2.35cqw}
  .coffee-order>small,.coffee-preferences span,.coffee-order-receipt{font-size:2.55cqw}
  .coffee-order-status{font-size:2.7cqw}
  .tools-workflow em{font-size:2.65cqw}
  .resume-paper-header>small{font-size:1.65cqw}
  .resume-paper-subtitle{font-size:2.1cqw;min-height:5cqw}
  .resume-paper-label,.resume-language>span{font-size:2.4cqw}
  .resume-story>strong{font-size:3.1cqw}
  .resume-story-track strong{font-size:3.1cqw}
  .resume-story-track small,.resume-demo-status{font-size:2.4cqw}
}
/* Homepage demonstrations: match the black-and-gold product experience. */
.project-showcase-refined .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.project-showcase-refined .section-heading-title-row{align-items:center;gap:18px}
.project-showcase-refined .section-heading h2{margin:0}
.project-showcase-refined .section-heading .calendar-robot{position:static;width:82px;height:82px;flex:none}
.project-showcase-refined .section-heading .project-like-hint{font-size:13px;margin:0 0 20px auto;white-space:nowrap}
.project-showcase-refined .project-like-hint::before{content:'♥';font-size:16px}
.project-showcase-refined [data-project="calendar"] .feature-copy{min-height:0;padding-right:0}
.project-showcase-refined [data-project="travel"] .product-preview{aspect-ratio:1.25}
.travel-preview.travel-preview-full{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 30px;gap:0}
.travel-preview-full .travel-globe{width:100%;height:100%;min-height:0}
.travel-enter{display:block;text-align:center;font-size:13px;letter-spacing:.08em;color:var(--u-orange);line-height:30px}
.travel-enter>span{margin-left:6px}
.project-showcase-refined [data-project="calendar"] .product-preview{aspect-ratio:1.4}
.calendar-switch-demo{padding:3cqw;gap:2cqw;background:#141310;--calendar-accent:#f5cd81}
.calendar-demo-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw;position:relative;padding:.8cqw;border:1px solid #bda57538;border-radius:1.8cqw;background:#090909}
.calendar-demo-tabs>span{padding:1.6cqw .3cqw;text-align:center;font-size:2.65cqw;white-space:nowrap;border-radius:1cqw;color:#b9b2a4;transition:background .3s,color .3s}
.calendar-demo-tabs>span.is-current{background:#f5d275;color:#17120a;font-weight:600}
.calendar-demo-cursor{position:absolute;top:6cqw;left:calc(10% + var(--calendar-tab-index,0)*25%);font-style:normal;font-size:3.8cqw;color:#fff2cc;text-shadow:0 1px 3px #000;transform:rotate(-110deg);pointer-events:none;animation:calendar-tab-click 4s infinite}
.calendar-switch-demo .cover-demo-heading>small{color:var(--calendar-accent)}
.calendar-switch-demo .calendar-agenda{gap:2cqw;padding-left:2.5cqw}
.calendar-switch-demo .calendar-agenda-item small{white-space:normal;font-size:2.2cqw}
.calendar-switch-demo .calendar-agenda-secondary{display:flex}
.calendar-switch-demo .calendar-agenda-item>i{background:var(--calendar-accent)}
.calendar-switch-demo .calendar-agenda-date>strong,.calendar-switch-demo .calendar-reminder{color:var(--calendar-accent)}
.calendar-switch-demo .calendar-reminder{margin-top:auto;padding:1.2cqw}
.calendar-switch-demo .calendar-live-day.has-event:after{content:'';position:absolute;bottom:.6cqw;right:.6cqw;width:1cqw;height:1cqw;background:var(--calendar-accent);border-radius:50%}
.calendar-switch-demo .calendar-live-marks,.calendar-switch-demo .calendar-live-legend{display:none!important}
.calendar-switch-demo .calendar-demo-footer{justify-content:flex-end}
.calendar-switch-demo .cover-cycle-track>i{animation-duration:4s}
.calendar-switch-demo .calendar-agenda.is-changing{animation:calendar-agenda-in .45s ease both}
@keyframes calendar-tab-click{0%{opacity:0;translate:1.5cqw 1cqw}12%,22%{opacity:1;translate:0 0}17%{scale:.8}32%,100%{opacity:0}}
@keyframes calendar-agenda-in{from{opacity:.25;transform:translateY(1.5cqw)}to{opacity:1;transform:none}}
.project-showcase-refined [data-project="bible"] .product-preview{aspect-ratio:1.38}
.reader-annotation-demo{grid-template-rows:minmax(0,1fr) auto auto auto;padding:1cqw 2cqw 2.5cqw;gap:1.3cqw}
.reader-annotation-demo .reader-open-book{display:flex;align-items:center;justify-content:center;overflow:visible}
.reader-book-surface{position:relative;width:100%;aspect-ratio:1000/490}
.reader-book-surface img{width:100%;height:auto;display:block}
.reader-page-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.reader-highlight{fill:none;stroke:#e8b334;stroke-width:28;stroke-linecap:butt;opacity:0;mix-blend-mode:multiply;stroke-dasharray:1;stroke-dashoffset:1}
.reader-annotation-demo:is([data-reading-phase="highlight"],[data-reading-phase="saved"],[data-reading-phase="audio"]) .reader-highlight{opacity:.38;stroke-dashoffset:0}
.reader-annotation-demo[data-reading-phase="highlight"] .reader-highlight{animation:reader-mark-text 1.3s ease both}
.reader-annotation-demo[data-reading-phase="highlight"] .reader-highlight-right{animation-delay:1.1s}
.reader-spoken{fill:none;stroke:#b36723;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.reader-annotation-demo[data-reading-phase="audio"] .reader-spoken{opacity:.9;animation:reader-speak-line 2s linear both}
.reader-annotation-demo[data-reading-phase="audio"] .reader-spoken-right{animation-delay:2s}
.reader-page-bookmark{opacity:0;fill:#eac16a;filter:drop-shadow(0 2px 4px #4b2d2560);transition:opacity .4s}
.reader-bookmark-check{fill:none;stroke:#58401d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.reader-annotation-demo:is([data-reading-phase="saved"],[data-reading-phase="audio"]) .reader-page-bookmark{opacity:1}
.reader-text-cursor{fill:none;stroke:#493820;stroke-width:2;opacity:0}
.reader-annotation-demo[data-reading-phase="highlight"] .reader-text-cursor{animation:reader-select-text 2.4s ease both}
.reader-annotation-demo .reader-actions{gap:1.5cqw;padding:0 1cqw;justify-content:center}
.reader-annotation-demo .reader-actions>span{padding:1.4cqw 2cqw;font-size:2.6cqw}
.reader-annotation-demo .reader-save{background:transparent;color:var(--u-muted)}
.reader-annotation-demo .reader-save svg{fill:none}
.reader-annotation-demo[data-reading-phase="highlight"] .reader-highlight-action,.reader-annotation-demo:is([data-reading-phase="saved"],[data-reading-phase="audio"]) .reader-save,.reader-annotation-demo[data-reading-phase="audio"] .reader-audio-action{color:#f4c88c;background:#bc894421}
.reader-annotation-demo:is([data-reading-phase="saved"],[data-reading-phase="audio"]) .reader-save svg{fill:#ba905855}
.reader-annotation-demo .reader-demo-pointer{left:49cqw;top:4cqw}
.reader-annotation-demo .reader-context{justify-content:center;font-size:2.5cqw}
.reader-annotation-demo:not([data-reading-phase="audio"]) .reader-wave i{animation-play-state:paused!important;transform:scaleY(.15)}
.reader-annotation-demo[data-reading-phase="audio"] .reader-play{box-shadow:0 0 0 1cqw #ffb47815}
@keyframes reader-mark-text{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes reader-speak-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes reader-select-text{0%{opacity:0}10%{opacity:1;translate:0 0}48%{opacity:1;translate:300px -10px}55%{opacity:0;translate:410px -20px}63%{opacity:1;translate:410px -20px}90%{opacity:1;translate:640px -35px}100%{opacity:0;translate:640px -35px}}
@media(max-width:760px){
  .project-showcase-refined .section-heading{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:25px}
  .project-showcase-refined .section-heading-title-row{gap:12px}
  .project-showcase-refined .section-heading .calendar-robot{width:62px;height:62px}
  .project-showcase-refined .section-heading .project-like-hint{font-size:12px;margin:0 0 0 auto}
  .project-showcase-refined [data-project="calendar"] .product-preview{aspect-ratio:1.22}
  .calendar-switch-demo .calendar-agenda{justify-content:flex-start;gap:2.5cqw}
  .calendar-switch-demo .calendar-agenda-item small{font-size:2.5cqw}
  .project-showcase-refined [data-project="bible"] .product-preview{aspect-ratio:1.26}
  .reader-annotation-demo .reader-actions>span{font-size:3cqw}
  .reader-annotation-demo .reader-context{font-size:2.8cqw}
}
/* One readable product story at a time, with a shared warm-black palette. */
.project-showcase-refined [data-project="tools"] .product-preview{aspect-ratio:1.4}
.coffee-learning-lab .tools-demo-body{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:4cqw}
.coffee-learning-lab .coffee-study>small{font-size:2.6cqw}
.coffee-learning-lab .coffee-study>strong{font-size:4.1cqw;margin:1.5cqw 0 2cqw}
.coffee-learning-scenes{min-height:28cqw}
.coffee-learning-panel:not([hidden]){animation:calendar-agenda-in .4s ease both;display:flex;flex-direction:column;gap:2.5cqw}
.coffee-learning-panel>small{font-size:2.6cqw;color:var(--coffee-muted);line-height:1.5}
.coffee-roasts{display:flex;gap:2cqw;position:relative}
.coffee-roasts>span{display:flex;align-items:center;gap:1cqw;padding:1.5cqw 1cqw;border:1px solid var(--u-line);border-radius:1.5cqw;font-size:2.8cqw;transition:background .3s,border-color .3s}
.coffee-roasts>span.is-current{border-color:var(--u-orange);background:#c48a3420}
.coffee-roasts>span>i{display:block;width:2.5cqw;height:3.5cqw;border-radius:50%;background:#af7b4f;border-left:2px solid #f4c093;transform:rotate(25deg)}
.coffee-roasts>span:nth-child(2)>i{background:#6c4631;border-color:#b17c52}
.coffee-roast-pointer{position:absolute;right:3cqw;top:6cqw;font-style:normal;color:#ffe0ad;transform:rotate(-110deg);transition:opacity .4s}
.coffee-learning-lab[data-coffee-settled="true"] .coffee-roast-pointer{opacity:0}
.coffee-flavors{display:flex;gap:1.5cqw;margin-top:1cqw;flex-wrap:wrap}
.coffee-flavors>span{font-size:3.2cqw;color:var(--u-orange);padding:1cqw 1.7cqw;background:#b7813e16;border-radius:1cqw}
.coffee-layer-cup{display:flex;flex-direction:column;width:88%;overflow:hidden;border:1px solid #bca48b;border-radius:1.5cqw 1.5cqw 5cqw 5cqw;box-shadow:0 1cqw 3cqw #0002}
.coffee-layer{display:block;text-align:center;font-size:2.8cqw;line-height:1.5;animation:coffee-layer-in .65s ease both;transform-origin:bottom}
.coffee-layer.foam{background:#f5e5ca;color:#51412f;padding:.6cqw;animation-delay:.4s}
.coffee-layer.milk{background:#d9bb8c;color:#493727;padding:2.3cqw;animation-delay:.2s}
.coffee-layer.espresso{background:#613b27;color:#f1d8b6;padding:1.4cqw}
@keyframes coffee-layer-in{from{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:translateY(0)}}
.coffee-ratio-input{display:flex;justify-content:space-between;gap:2cqw;font-size:2.6cqw;color:var(--coffee-muted)}
.coffee-ratio-input b{display:block;font-size:4.3cqw;color:var(--coffee-text);font-weight:500;margin-top:1cqw;font-variant-numeric:tabular-nums}
.coffee-ratio-input b small{font-size:2.6cqw;font-weight:400}
.coffee-ratio-slider{height:1cqw;background:var(--u-line);border-radius:1cqw;margin:1.5cqw 0;position:relative}
.coffee-ratio-slider>i{position:absolute;left:30%;top:-.8cqw;width:2.6cqw;height:2.6cqw;border-radius:50%;background:var(--u-orange);transition:left .45s}
.coffee-learning-lab[data-coffee-settled="true"] .coffee-ratio-slider>i{left:65%}
.coffee-water-result{display:flex;align-items:center;justify-content:space-between;padding:1.5cqw 2cqw;background:#be873d18;border-radius:1.5cqw}
.coffee-water-result>small{font-size:2.8cqw}
.coffee-water-result>strong{font-size:5.5cqw;color:var(--u-orange);font-variant-numeric:tabular-nums;line-height:1.3}
.coffee-water-result>strong small{font-size:2.8cqw;font-weight:400}
.coffee-learning-lab .coffee-study-note{font-size:2.8cqw;margin-top:2cqw}
.coffee-learning-lab .coffee-study-detail{display:none}
.coffee-learning-lab :is(.coffee-milk-pool,.coffee-latte-lower,.coffee-latte-middle,.coffee-latte-upper,.coffee-latte-finish,.coffee-pitcher,.coffee-milk-stream){animation-duration:12s}
.coffee-learning-lab .tools-workflow{font-size:2.8cqw}
.project-showcase-refined [data-project="resume"] .product-preview{aspect-ratio:1}
.resume-capability-demo .resume-demo-body{gap:4cqw;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch}
.resume-capabilities{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.resume-capabilities h4{margin:0;color:var(--u-orange);font:600 3.4cqw/1.4 var(--u-font)}
.resume-radar{width:100%;height:auto;overflow:visible;margin:.8cqw 0 2cqw}
.resume-radar-grid{fill:none;stroke:var(--u-line);stroke-width:1}
.resume-radar-shape{transform-origin:110px 96px;transform:scale(var(--radar-reveal,1));transition:transform .15s linear,opacity .3s}
.resume-radar-area{fill:#ffac7830;stroke:var(--u-orange);stroke-width:2.5;stroke-linejoin:round}
.resume-radar-shape circle{fill:#ffceac;stroke:#302b26;stroke-width:2;transition:r .2s,fill .2s}
.resume-radar-shape circle.is-current{r:3.8;fill:#fff0d6}
.resume-radar-label{font:11.5px var(--u-font);fill:var(--u-muted);transition:fill .2s}
.resume-radar-label.is-current{fill:var(--u-text)}
.resume-radar-value{fill:var(--u-orange);font-weight:600}
.resume-capability-heading{display:flex;flex-direction:column;gap:.5cqw;margin:0 0 2.2cqw}
.resume-capability-heading>small{font-size:2.5cqw;color:var(--u-muted)}
.resume-ai-skills{display:flex;flex-direction:column;gap:2.5cqw;transition:opacity .3s}
.resume-ai-skill>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:1cqw;margin-bottom:1.2cqw;font-size:2.8cqw}
.resume-ai-skill strong{font-weight:500;color:var(--u-orange);font-variant-numeric:tabular-nums}
.resume-ai-track{height:1.3cqw;border-radius:1cqw;background:var(--u-line);overflow:hidden}
.resume-ai-track>i{display:block;width:calc(var(--skill-target)*100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#ee9867,#ffceac);transform:scaleX(var(--skill-reveal,1));transform-origin:left;transition:transform .15s linear}
.resume-capability-demo.is-capability-reset :is(.resume-radar-shape,.resume-ai-skills){opacity:0}
.resume-document{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:2.5cqw;padding-right:3cqw;border-right:1px solid var(--u-line)}
.resume-capability-demo .resume-language{position:relative;align-self:center;margin:0;gap:1.5cqw}
.resume-capability-demo .resume-language>span{min-width:9cqw;text-align:center;font-size:2.8cqw;padding:1cqw 2cqw}
.resume-language-pointer{position:absolute;top:5cqw;left:4cqw;font-style:normal;font-size:4cqw;line-height:1;color:#ffe2bd;text-shadow:0 1px 3px #000;transform:rotate(-110deg);opacity:0;pointer-events:none;z-index:2;transition:left .4s,opacity .2s,scale .15s}
.resume-capability-demo[data-resume-target="en"] .resume-language-pointer{left:14.5cqw}
.resume-capability-demo.is-language-switching .resume-language-pointer{opacity:1}
.resume-capability-demo.is-clicking .resume-language-pointer{scale:.75}
.resume-capability-demo .resume-paper{transform:rotate(-1deg);padding:3cqw 2.3cqw;margin:0;flex:1;display:flex;flex-direction:column;box-shadow:.7cqw .8cqw 0 #a9957d44,0 1cqw 2cqw #0002;transition:opacity .2s,translate .2s}
.resume-capability-demo.is-language-fading .resume-paper{opacity:0;translate:0 1cqw}
.resume-capability-demo .resume-paper-header{margin-bottom:1cqw}
.resume-capability-demo .resume-paper-header>small{font-size:1.9cqw}
.resume-capability-demo .resume-paper>strong{font-size:4.5cqw}
.resume-capability-demo .resume-paper-subtitle{font-size:2.35cqw;min-height:5.5cqw;line-height:1.55}
.resume-capability-demo .resume-paper-label{font-size:2.3cqw;line-height:1.5}
.resume-capability-demo .resume-paper-entry{animation:none;flex:1;padding-left:2.5cqw;margin-top:1.6cqw}
.resume-capability-demo .resume-paper-entry>i{top:1cqw;width:1cqw;height:1cqw;background:#b47b42}
.resume-capability-demo .resume-paper-entry>strong{font-size:2.9cqw;font-weight:600;line-height:1.4;display:block}
.resume-capability-demo .resume-paper-entry>small{display:block;font-size:2.5cqw;line-height:1.5;margin-top:.8cqw;color:#7c624a}
.resume-capability-demo .resume-demo-status{font-size:2.45cqw;min-height:3.5cqw;line-height:1.4;margin:0;justify-content:center}
.calendar-switch-demo .calendar-demo-cursor{animation:none;opacity:0;transition:left .4s ease,top .4s ease,opacity .2s,scale .15s;z-index:2}
.calendar-switch-demo:is([data-calendar-stage="move"],[data-calendar-stage="click"]) .calendar-demo-cursor{opacity:1}
.calendar-switch-demo[data-calendar-stage="click"] .calendar-demo-cursor{scale:.78}
.calendar-switch-demo:not([data-calendar-stage="agenda"]) .calendar-agenda{opacity:0;animation:none}
.calendar-switch-demo .calendar-agenda{transition:opacity .2s}
.reader-annotation-demo .reader-pause-symbol{display:none}
.reader-annotation-demo[data-reading-phase="audio"] .reader-pause-symbol{display:block}
.reader-annotation-demo[data-reading-phase="audio"] .reader-play-symbol{display:none}
.reader-annotation-demo[data-reading-phase="audio"] .reader-spoken{animation:none;transition:stroke-dashoffset .12s linear}
.reader-annotation-demo[data-reading-phase="audio"] .reader-spoken-left{stroke-dashoffset:var(--spoken-left,1)}
.reader-annotation-demo[data-reading-phase="audio"] .reader-spoken-right{stroke-dashoffset:var(--spoken-right,1)}
.reader-annotation-demo:not(.is-speaking) .reader-wave i{animation-play-state:paused!important;transform:scaleY(.15)}
.reader-annotation-demo .reader-player{transition:opacity .3s}
.reader-annotation-demo.is-resetting .reader-player{opacity:0}
.reader-annotation-demo .reader-progress-track>i{transition:transform .12s linear}
.project-showcase-refined [data-project="funds"] .product-preview{aspect-ratio:1.12}
.invest-dual-demo{gap:2.5cqw;padding:3.5cqw}
.invest-dual-demo .invest-demo-heading>span{font-size:2.7cqw}
.invest-dual-demo .invest-demo-heading>small{font-size:2.3cqw}
.invest-view-tabs{display:flex;gap:1cqw;background:#0002;border:1px solid var(--preview-line);padding:.8cqw;border-radius:1.5cqw}
.invest-view-tabs>span{flex:1;text-align:center;font-size:3cqw;padding:1.5cqw;border-radius:1cqw;color:var(--preview-muted);transition:color .3s,background .3s}
.invest-view-tabs>span.is-current{background:#c28a3726;color:var(--preview-accent)}
.invest-dual-demo .invest-demo-metrics small{font-size:2.6cqw}
.invest-dual-demo .invest-demo-metrics strong{font-size:3.1cqw}
.invest-dual-demo :is(.invest-area,.invest-trend,.invest-trend-tip,.invest-factor i){animation-duration:6s}
.invest-dual-demo[data-investing-view="stock"] .invest-demo-body{display:none}
.invest-stock-panel{display:none;flex:1;min-height:0}
.invest-dual-demo[data-investing-view="stock"] .invest-stock-panel{display:flex;flex-direction:column;gap:1cqw;animation:calendar-agenda-in .4s ease both}
.invest-stock-heading{display:flex;justify-content:space-between;gap:1cqw;font-size:2.8cqw;margin-bottom:1cqw}
.invest-stock-heading>small{font-size:2.4cqw;color:var(--preview-muted)}
.invest-stock-item{display:flex;align-items:center;gap:2cqw;flex:1;padding:1.4cqw 2cqw;border:1px solid var(--preview-line);border-radius:1.5cqw;opacity:.4;transition:opacity .35s,background .35s}
.invest-stock-item.is-ready{opacity:1;background:#b77f3412}
.invest-stock-item>i{display:flex;color:var(--preview-accent)}
.invest-stock-item svg{width:4cqw;height:4cqw;fill:none;stroke:currentColor;stroke-width:1.5}
.invest-stock-item>span{flex:1;min-width:0}
.invest-stock-item strong{font-size:3cqw;font-weight:500;display:block}
.invest-stock-item small{font-size:2.5cqw;color:var(--preview-muted);display:block;margin-top:.5cqw}
.invest-stock-item>em{font-size:2.5cqw;font-style:normal;color:var(--preview-accent);white-space:nowrap}
@media(max-width:760px){
  .project-showcase-refined [data-project="tools"] .product-preview{aspect-ratio:1.15}
  .coffee-learning-lab .coffee-study>small,.coffee-learning-panel>small{font-size:3cqw}
  .coffee-learning-lab .coffee-study>strong{font-size:4.5cqw}
  .coffee-learning-scenes{min-height:34cqw}
  .coffee-roasts>span,.coffee-layer,.coffee-learning-lab .coffee-study-note{font-size:3.2cqw}
  .coffee-roasts{gap:1cqw}
  .coffee-layer.milk{padding:4cqw}
  .coffee-learning-lab .tools-workflow{font-size:3cqw}
  .project-showcase-refined [data-project="resume"] .product-preview{aspect-ratio:.85}
  .resume-capability-demo .resume-demo-body{gap:2.5cqw}
  .resume-capabilities h4{font-size:3.8cqw}
  .resume-radar-label{font-size:12.5px}
  .resume-capability-heading>small{font-size:2.9cqw}
  .resume-ai-skill>div:first-child{font-size:3cqw}
  .resume-ai-skills{gap:3.5cqw}
  .resume-capability-demo .resume-paper-entry>strong{font-size:3.2cqw}
  .resume-capability-demo .resume-paper-entry>small{font-size:2.9cqw}
  .resume-capability-demo .resume-paper-subtitle{font-size:2.6cqw}
  .resume-capability-demo .resume-paper-label{font-size:2.6cqw}
  .resume-capability-demo .resume-demo-status{font-size:2.7cqw}
  .calendar-switch-demo .calendar-demo-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
  .calendar-switch-demo .calendar-agenda-item strong{font-size:3.4cqw}
  .calendar-switch-demo .calendar-agenda-item small{font-size:3cqw;line-height:1.5}
  .calendar-switch-demo .calendar-reminder{font-size:3cqw}
  .project-showcase-refined [data-project="funds"] .product-preview{aspect-ratio:1.02}
  .invest-dual-demo .invest-demo-heading>small{font-size:2.6cqw}
  .invest-stock-item small,.invest-stock-item>em{font-size:2.9cqw}
  .invest-stock-item strong{font-size:3.4cqw}
}
@media(prefers-reduced-motion:reduce){
  .resume-language-pointer,.coffee-roast-pointer,.calendar-demo-cursor{display:none}
  .project-motion *,.project-motion *:before,.project-motion *:after,.calendar-robot-pupils{animation:none!important;transition:none!important}
  .resume-scan-line,.coffee-steam,.project-motion .coffee-pouring,.coffee-milk-pool{display:none}
}
/* Keep each outer card square while fitting its demonstration into the available space. */
.project-showcase-refined .project-gallery>.feature-card{aspect-ratio:1;height:auto;align-self:start;--demo-aspect:1.4}
.project-showcase-refined .feature-card .feature-top,.project-showcase-refined .feature-card .feature-copy{flex-shrink:0}
.project-showcase-refined .feature-card[data-project] .product-preview{flex:1;min-height:0;aspect-ratio:auto;container-type:size;display:grid;place-items:center;grid-template:minmax(0,1fr)/minmax(0,1fr)}
.project-showcase-refined .project-gallery>.feature-card[data-project="bible"]{--demo-aspect:1.38}
.project-showcase-refined .project-gallery>.feature-card[data-project="funds"]{--demo-aspect:1.12}
.project-showcase-refined .project-gallery>.feature-card[data-project="resume"]{--demo-aspect:1.12}
.project-showcase-refined .feature-card .product-preview>.project-motion{width:min(100cqw,calc(100cqh * var(--demo-aspect)));height:auto;aspect-ratio:var(--demo-aspect);container-type:inline-size}
.project-showcase-refined [data-project="resume"] .product-preview{background:linear-gradient(135deg,#252322,#171717)}
html:not(.dark) .project-showcase-refined [data-project="resume"] .product-preview{background:linear-gradient(135deg,#eae4dc,#ddd5ca)}
.project-showcase-refined .feature-card[data-project="resume"] .product-preview>.resume-demo{background:transparent}
.project-showcase-refined .travel-preview-full{width:100%;height:100%;min-height:0}
.project-showcase-refined .resume-capability-demo{padding:2cqw;gap:2cqw}
.project-showcase-refined .resume-capability-demo .resume-capabilities{justify-content:flex-start}
.project-showcase-refined .resume-capability-demo .resume-radar{flex:1;min-height:0;height:0;margin:0 0 1cqw}
.project-showcase-refined .resume-capability-demo .resume-ai-skills{gap:1.5cqw}
.project-showcase-refined .resume-capability-demo .resume-document{gap:1.5cqw}
.project-showcase-refined .resume-capability-demo .resume-paper{padding:2cqw 1.8cqw}
.project-showcase-refined .resume-capability-demo .resume-paper-entry{margin-top:1cqw}
@media(max-width:760px){
  .project-showcase-refined .project-gallery>.feature-card{padding:14px}
  .project-showcase-refined .resume-capability-demo .resume-paper{gap:1cqw;justify-content:space-between;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .project-showcase-refined .resume-capability-demo .resume-paper>*{flex-shrink:0}
  .project-showcase-refined .resume-capability-demo .resume-paper-header{margin-bottom:0}
  .project-showcase-refined .resume-capability-demo .resume-paper-subtitle{min-height:0;font-size:2.3cqw}
  .project-showcase-refined .resume-capability-demo .resume-paper-entry{flex:0 0 auto;margin-top:0}
  .project-showcase-refined .resume-capability-demo .resume-paper-entry>strong{font-size:3cqw;line-height:1.6;overflow-wrap:anywhere}
  .project-showcase-refined .resume-capability-demo .resume-paper-entry>small{font-size:2.6cqw;line-height:1.6;margin-top:2px}
  .project-showcase-refined .project-gallery>.feature-card[data-project="resume"]{--demo-aspect:1}
  .project-showcase-refined .feature-card .feature-copy{margin:10px 0 12px}
  .project-showcase-refined .feature-card .feature-copy h3{font-size:21px}
  .project-showcase-refined .feature-card .feature-copy p{font-size:12px}
}