.entry-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.entry-showcase { padding:24px 0 64px; }
.entry-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.entry-card { grid-column:span 2; position:relative; height:280px; overflow:hidden; border-radius:18px; background:var(--page-surface); isolation:isolate; transition:box-shadow .35s; }
.entry-gallery,.entry-coding { grid-column:span 3; }
.entry-card:hover { box-shadow:0 8px 24px #0000000b; }
.entry-demo { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.entry-label { position:absolute; left:16px; right:16px; bottom:16px; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.entry-label h3 { font-size:14px; font-weight:400; margin:0; }
.entry-label > span { font-size:13px; white-space:nowrap; }.entry-label i { font-style:normal; display:inline-block; margin-left:4px; transition:transform .3s; }.entry-card:hover .entry-label i { transform:translateX(4px); }
.chat-demo { padding:0 20px 48px; mask-image:linear-gradient(transparent,#000 12%,#000 76%,transparent 90%); }
.entry-chat-stream { animation:entry-chat-scroll 22s linear infinite; }
.entry-chat-cycle { display:flex; flex-direction:column; gap:12px; padding-bottom:12px; }
.entry-chat-cycle p { font-size:11px; line-height:1.65; border-radius:16px; margin:0; padding:12px 14px; max-width:90%; }
.chat-prompt { align-self:flex-end; background:var(--page-active); }
.chat-reply { align-self:flex-start; background:var(--page-bg); color:var(--page-muted); }
.entry-resources { background:#151515; color:#eee!important; }
.resource-topline { display:flex; align-items:center; justify-content:space-between; padding:13px 14px; border-bottom:1px solid #ffffff10; gap:12px; font-family:monospace; color:#858585; }
.resource-topline > span { display:flex; gap:5px; }.resource-topline i { width:7px; height:7px; border-radius:50%; background:#888; }.resource-topline i:nth-child(2) { background:#bbb; }.resource-topline i:nth-child(3) { background:#ddd; }.resource-topline small { font-size:9px; }.resource-topline b { font-size:13px; font-weight:400; }
.resource-log { padding:16px; display:flex; flex-direction:column; gap:13px; font:10px/1.5 ui-monospace,monospace; }
.resource-log > span { display:block; animation:entry-log 10s ease infinite; }.resource-log > span:nth-child(2) { animation-delay:.5s; }.resource-log > span:nth-child(3) { animation-delay:1s; }.resource-log > span:nth-child(4) { animation-delay:1.5s; }.resource-log > span:nth-child(5) { animation-delay:2s; }.resource-log > span:nth-child(6) { animation-delay:2.5s; }.resource-log em { float:right; font-style:normal; color:#999; }.log-muted { color:#737373; }
.resource-code { padding-top:4px; }.resource-code small { font-size:8px; color:#787878; }.resource-code strong { display:block; font-size:20px; font-weight:400; margin-top:8px; line-height:1.2; }.log-cursor { animation:entry-blink 1.2s steps(2,end) infinite; }
.resource-demo { mask-image:linear-gradient(#000 0%,#000 75%,transparent 94%); }
.identity-demo { display:flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom:28px; gap:24px; }
.identity-symbol { height:100px; width:100px; border-radius:24px; background:var(--page-ink); color:var(--page-bg); display:grid; place-items:center; font-size:74px; animation:entry-symbol 12s cubic-bezier(.4,0,.2,1) infinite; }
.identity-pill { display:flex; justify-content:space-between; gap:12px; width:78%; padding:14px 16px; border-radius:18px; background:var(--page-ink); color:var(--page-bg); font-size:12px; animation:entry-pill 8s ease infinite; }.identity-pill span { opacity:.6; }
.gallery-demo { display:grid; grid-template-columns:2fr 1fr; gap:4px; }.entry-gallery-main,.entry-gallery-side { overflow:hidden; height:100%; }.entry-gallery-side { display:grid; grid-template-rows:1fr 1fr; gap:4px; }.gallery-demo img { width:100%; height:100%; object-fit:cover; display:block; }.entry-gallery-main img { animation:entry-gallery-pan 18s ease-in-out infinite alternate; }.entry-gallery-side img:first-child { animation:entry-gallery-pan 15s ease-in-out infinite alternate-reverse; }.entry-gallery-side img:last-child { animation:entry-gallery-pan 17s ease-in-out infinite alternate; }
.entry-gallery .entry-label { color:white; }.entry-gallery::after { content:''; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#0008); z-index:1; pointer-events:none; }
.font-demo { display:flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom:20px; gap:12px; }.type-orb { position:relative; width:200px; height:200px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(circle at 28% 25%,#b9a7dd 0,#3e3159 18%,#171321 52%,#08070a 70%); box-shadow:inset -10px -12px 24px #0009,inset 3px 2px 8px #e2d1ff77,0 10px 25px #0002; isolation:isolate; animation:entry-orb-float 8s ease-in-out infinite; }.type-orb span { z-index:2; color:#fff; font-size:85px; font-family:Georgia,serif; letter-spacing:-.07em; text-shadow:0 2px 12px #0008; animation:entry-type 12s ease infinite; }.type-orb i { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 45deg,transparent,#ad8aff66,transparent 40%,#8e68ff66,transparent 70%); mix-blend-mode:screen; animation:entry-orb-spin 18s linear infinite; }.font-demo small { font:8px ui-monospace,monospace; letter-spacing:.16em; color:var(--page-faint); }
.entry-card * { animation-play-state:paused; }.entry-showcase.is-in-view .entry-card * { animation-play-state:running; }.entry-card:hover * { animation-play-state:paused!important; }
@keyframes entry-chat-scroll { to { transform:translateY(-50%); } }
@keyframes entry-log { 0%,10% { opacity:.2; transform:translateY(5px); } 22%,80% { opacity:1; transform:translateY(0); } 100% { opacity:.2; transform:translateY(5px); } }
@keyframes entry-blink { 50% { opacity:0; } }
@keyframes entry-symbol { 0%,15% { transform:rotate(0); border-radius:24px; } 45%,60% { transform:rotate(180deg); border-radius:50%; } 90%,100% { transform:rotate(360deg); border-radius:24px; } }
@keyframes entry-pill { 0%,100% { opacity:.55; transform:translateY(5px); } 25%,75% { opacity:1; transform:translateY(0); } }
@keyframes entry-gallery-pan { to { transform:scale(1.1) translateY(-3%); } }
@keyframes entry-orb-float { 50% { transform:translateY(-7px) rotate(-4deg); } }
@keyframes entry-orb-spin { to { transform:rotate(360deg); } }
@keyframes entry-type { 0%,100% { font-weight:400; transform:scale(1); } 50% { transform:scale(.92); } }
.grouped-footer { padding:48px 0 40px; }
.footer-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:64px; }
.footer-identity { display:flex; flex-direction:column; align-items:flex-start; border-right:1px dashed var(--page-line); padding-right:32px; min-height:280px; }
.grouped-footer .footer-brand { font-size:20px; letter-spacing:.02em; font-weight:500; }
.footer-identity p { font-size:11px; color:var(--page-muted); margin:18px 0; line-height:1.9; }
.footer-identity-actions { display:flex; align-items:center; gap:14px; margin-top:auto; font-size:10px; color:var(--page-muted); }
.footer-identity-actions button { display:grid; place-items:center; width:28px; height:28px; border:0; border-radius:50%; background:transparent; color:var(--page-muted); cursor:pointer; font-size:20px; }
.footer-identity-actions a { border:1px solid var(--page-line); border-radius:30px; padding:7px 12px; }
.footer-directory { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.footer-group { display:flex; flex-direction:column; align-items:flex-start; gap:14px; font-size:12px; }
.footer-group h3 { color:var(--page-ink); font-size:12px; font-weight:500; margin:0 0 3px; }
.footer-group a,.footer-group > span { color:var(--page-muted); line-height:1.55; overflow-wrap:anywhere; }.footer-group a:hover { color:var(--page-ink); }.footer-group > span { font-size:10px; }
@media(max-width:1000px) { .entry-card { height:250px; }.entry-chat-cycle p { font-size:10px; }.entry-label { left:13px; right:13px; }.entry-label h3 { font-size:12px; }.entry-label > span { font-size:11px; }.resource-log { gap:10px; font-size:9px; }.resource-topline small { font-size:8px; }.identity-pill { width:86%; font-size:10px; }.footer-layout { grid-template-columns:180px minmax(0,1fr); gap:32px; }.footer-directory { gap:16px; }.footer-group { font-size:11px; } }
@media(max-width:767px) { .entry-showcase { padding:16px 0 40px; }.entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.entry-card { grid-column:span 1; height:270px; }.entry-coding { grid-column:1 / -1; }.entry-label { flex-wrap:wrap; gap:4px; }.identity-pill { font-size:10px; }.resource-topline small { display:none; }.gallery-demo { grid-template-columns:1fr; }.entry-gallery-side { display:none; }.footer-layout { grid-template-columns:1fr; gap:36px; }.footer-identity { min-height:0; border-right:0; border-bottom:1px dashed var(--page-line); padding:0 0 28px; }.footer-identity-actions { margin-top:8px; }.footer-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }.grouped-footer { padding:36px 0; }.type-orb { width:185px; height:185px; } }
@media(max-width:450px) { .entry-grid { grid-template-columns:1fr; }.entry-card { grid-column:auto; height:270px; }.entry-label { flex-wrap:nowrap; }.entry-label h3 { font-size:14px; }.entry-label > span { font-size:13px; }.entry-chat-cycle p { font-size:11px; }.resource-topline small { display:block; }.resource-log { font-size:10px; }.gallery-demo { grid-template-columns:2fr 1fr; }.entry-gallery-side { display:grid; } }
@media(prefers-reduced-motion:reduce) { .entry-card *, .entry-showcase.is-in-view .entry-card * { animation:none!important; transition:none!important; } }
.entry-gallery-side { grid-template-rows:repeat(2,minmax(0,1fr)); }.entry-gallery-side img { min-height:0; }

/* Sections flow together without horizontal panel dividers. */
body.home-page .studio-section,
body.home-page .entry-showcase { border-top:0; border-bottom:0; }
body.home-page .studio-workflow { border-top:0; }
body.home-page > header.sticky,
body.home-page.hp-scrolled > header.sticky { border-bottom:0!important; }

/* A live-looking macOS coding window, matching the reference's Build demo. */
.entry-coding { background:#141414; color:#eee!important; }
.coding-demo { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:10px; mask-image:linear-gradient(#000 0%,#000 75%,transparent 94%); }
.coding-window-bar { height:36px; display:flex; align-items:center; gap:12px; padding:0 14px; background:#191919; border-bottom:1px solid #ffffff0d; color:#777; font-size:9px; }
.coding-traffic { display:flex; gap:6px; flex-shrink:0; }.coding-traffic i { width:8px; height:8px; border-radius:50%; background:#ff6058; }.coding-traffic i:nth-child(2) { background:#ffbd2e; }.coding-traffic i:nth-child(3) { background:#29c840; }
.coding-project { margin-right:auto; }.coding-meter { width:44px; height:4px; background:#333; overflow:hidden; }.coding-meter i { display:block; height:100%; background:#a1a1a1; transform-origin:left; animation:coding-progress 14s linear infinite; }.coding-progress { font-size:8px; }
.coding-command { display:flex; align-items:center; gap:8px; padding:13px 16px 8px; white-space:nowrap; color:#ccc; font-size:10px; }.coding-command b { color:#aaa; }.coding-command > span { overflow:hidden; animation:coding-type 14s steps(40,end) infinite; }.coding-command > i { width:5px; height:11px; background:#aaa; animation:entry-blink 1s steps(2,end) infinite; flex-shrink:0; }
.coding-workspace { display:grid; grid-template-columns:1fr 1.12fr; gap:16px; padding:6px 16px 0; }
.coding-steps { color:#888; font-size:9px; line-height:1.7; }.coding-thinking { display:block; color:#a299bd; margin-bottom:10px; }.coding-steps p { margin:7px 0; white-space:nowrap; animation:coding-line 14s ease infinite; }.coding-steps p:nth-of-type(2) { animation-delay:.5s; }.coding-steps p:nth-of-type(3) { animation-delay:1s; }.coding-steps p:nth-of-type(4) { animation-delay:1.5s; }.coding-steps p:nth-of-type(5) { animation-delay:2s; }.coding-steps b { font-weight:400; color:#aaa; }.coding-steps em { font-style:normal; color:#7f8fac; font-size:8px; }.coding-steps .coding-done { color:#91a887; }.coding-result { display:block; margin-top:9px; color:#a6b69c; animation:coding-line 14s ease infinite; animation-delay:3s; }
.coding-editor { min-width:0; border-left:1px solid #ffffff0d; padding-left:12px; color:#a6a6a6; }.coding-file { font-size:9px; color:#bbb; margin:0 0 10px; }.coding-file span { color:#727272; margin-left:5px; }.coding-code { white-space:pre; font-size:9px; line-height:1.85; animation:coding-edit 14s ease infinite; }.coding-code > div { overflow:hidden; }.coding-code i { color:#505050; font-style:normal; display:inline-block; width:22px; }.coding-added { background:#83b57b0b; }.syntax-purple { color:#baa4cd; }.syntax-blue { color:#8aaabd; }.syntax-green { color:#9db69a; }.syntax-amber { color:#c1ad7e; }.coding-cursor { color:#aaa; animation:entry-blink 1s steps(2,end) infinite; }
@keyframes coding-progress { 0% { transform:scaleX(.03); } 85%,95% { transform:scaleX(1); } 100% { transform:scaleX(.03); } }
@keyframes coding-type { 0%,5% { max-width:0; } 28%,95% { max-width:290px; } 100% { max-width:0; } }
@keyframes coding-line { 0%,12% { opacity:.3; transform:translateY(4px); } 30%,85% { opacity:1; transform:translateY(0); } 100% { opacity:.3; transform:translateY(4px); } }
@keyframes coding-edit { 0%,22% { opacity:.25; transform:translateY(9px); } 45%,90% { opacity:1; transform:translateY(0); } 100% { opacity:.25; transform:translateY(9px); } }
@media(max-width:1000px) and (min-width:768px) { .coding-workspace { gap:8px; padding:6px 12px; }.coding-steps { font-size:8px; }.coding-code { font-size:8px; }.coding-window-bar { gap:8px; } }
@media(max-width:450px) { .coding-workspace { grid-template-columns:1fr; }.coding-steps { display:none; }.coding-editor { border-left:0; padding:0; }.coding-code { font-size:10px; }.coding-file { font-size:9px; }.coding-project { font-size:8px; }.coding-progress { display:none; } }
.entry-coding * { animation-play-state:paused; }

.studio-home .stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.studio-home .stat-item { padding:0 28px; }
.studio-home .stat-item:first-child { padding-left:0; }
.studio-home .stat-item strong { font-size:clamp(44px,5.6vw,76px); font-variant-numeric:tabular-nums; white-space:nowrap; }
.stat-suffix { margin-left:2px; }
@media(min-width:640px) and (max-width:1000px) { .studio-home .stat-item { padding:0 18px; }.studio-home .stat-item:first-child { padding-left:0; }.studio-home .stat-item > span { font-size:14px; } }
@media(max-width:639px) {
  .studio-home .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
  .studio-home .stat-item,.studio-home .stat-item:first-child { padding:0; }
  .studio-home .stat-item strong { font-size:42px; }
}
/* Practice first, followed by six live service illustrations. */
.business-section { padding:56px 0 68px; }
.business-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.business-cover { position:relative; aspect-ratio:4/3; border-radius:10px; overflow:hidden; background:var(--page-surface); }
.business-cover img { width:100%; height:100%; object-fit:cover; transition:transform .7s; }
.business-card:hover img { transform:scale(1.045); }
.business-cover > span { position:absolute; left:16px; bottom:14px; color:white; font:9px ui-monospace,monospace; letter-spacing:.08em; text-shadow:0 1px 8px #000; }
.business-card h3 { font-size:23px; font-weight:500; margin:22px 0 6px; }
.business-card > small { font-size:13px; color:var(--page-muted); }
.business-card > p { color:var(--page-muted); font-size:13px; line-height:1.8; margin:15px 0 0; max-width:28em; }
.business-english { font-size:14px; }
.services-showcase { padding:28px 0 80px; scroll-margin-top:90px; }
.services-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.services-grid .entry-card { grid-column:auto; height:320px; border-radius:12px; }
.services-grid .entry-label { bottom:20px; left:20px; right:20px; }
.services-grid .entry-label h3 { font-size:17px; }
.services-grid .entry-label small { display:block; font-size:11px; opacity:.55; margin-top:6px; }
.services-grid .coding-workspace { grid-template-columns:1fr; }
.services-grid .coding-editor { display:none; }
.services-grid .coding-project { font-size:8px; }
.services-grid .coding-command { font-size:10px; }
.service-window-bar { padding:12px 16px; display:flex; align-items:center; gap:16px; font:8px ui-monospace,monospace; color:var(--page-muted); border-bottom:1px solid var(--page-line); }
.service-window-bar > span { font-size:8px; letter-spacing:2px; opacity:.6; }
.edit-demo { padding-bottom:75px; }
.edit-preview { height:115px; margin:14px 20px 10px; border-radius:5px; overflow:hidden; position:relative; }
.edit-preview img { height:100%; width:100%; object-fit:cover; animation:service-frame 9s ease-in-out infinite alternate; }
.edit-preview > span { position:absolute; right:10px; bottom:8px; font:9px monospace; color:white; }
.edit-timeline { position:relative; margin:0 20px; padding:4px 0; }
.edit-timeline > div { display:flex; gap:4px; margin:4px 0; height:16px; }
.edit-timeline b { width:14px; font:8px monospace; color:var(--page-muted); }
.edit-timeline span { background:#b3a5cb; width:29%; border-radius:3px; }
.edit-timeline > div:nth-child(3) span { background:#aaaf9a; width:40%; }
.edit-timeline .edit-audio span { width:86%; background:repeating-linear-gradient(90deg,#83928a 0 2px,transparent 2px 5px); }
.edit-playhead { position:absolute; left:18px; top:0; bottom:0; width:1px; background:var(--page-ink); z-index:1; animation:service-playhead 8s linear infinite; }
.edit-playhead::before { content:''; position:absolute; top:0; left:-3px; width:7px; height:7px; background:var(--page-ink); }
.automation-demo { padding:34px 22px 70px; }
.automation-demo > small { font:8px monospace; letter-spacing:.06em; color:var(--page-muted); }
.automation-nodes { display:flex; align-items:center; margin:32px 0 22px; }
.automation-nodes > span { width:64px; height:58px; flex-shrink:0; border:1px solid var(--page-line); background:var(--page-bg); border-radius:10px; text-align:center; padding:10px 0; font-size:13px; animation:service-node 6s ease infinite; }
.automation-nodes b { font:8px monospace; color:var(--page-muted); }
.automation-nodes > span:nth-of-type(2) { animation-delay:2s; }
.automation-nodes > span:nth-of-type(3) { animation-delay:4s; }
.automation-nodes > i { flex:1; height:1px; background:var(--page-line); position:relative; overflow:hidden; }
.automation-nodes > i::after { content:''; position:absolute; width:14px; height:1px; background:var(--page-ink); animation:service-packet 2s linear infinite; }
.automation-status { font:9px monospace; color:var(--page-muted); }
.automation-status i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#899d80; animation:entry-blink 2s infinite; }
.automation-stack { display:flex; flex-direction:column; gap:8px; margin-top:16px; color:var(--page-muted); font:9px monospace; }
.automation-stack span { animation:entry-log 9s infinite; }
.automation-stack span:nth-child(2) { animation-delay:1s; }.automation-stack span:nth-child(3) { animation-delay:2s; }
.web-demo { padding:24px 26px 80px; }
.mini-browser { width:92%; height:210px; border:1px solid var(--page-line); border-radius:8px; overflow:hidden; background:var(--page-bg); }
.mini-browser .service-window-bar { font-size:7px; padding:10px; }
.mini-site { padding:14px; position:relative; height:180px; }
.mini-nav { font-size:12px; }.mini-nav span { float:right; font-size:6px; color:var(--page-muted); }
.mini-site strong { position:relative; z-index:1; display:block; font-size:28px; line-height:1.1; font-weight:500; margin-top:25px; letter-spacing:-.06em; }
.mini-web-shape { position:absolute; right:15px; top:50px; font-size:75px; color:#b0b89e; animation:service-web-spin 24s linear infinite; }
.mini-site-bottom { display:flex; gap:5px; margin-top:18px; }.mini-site-bottom i { width:28%; height:10px; background:var(--page-surface); }
.mini-phone { position:absolute; right:23px; top:86px; width:74px; height:144px; border:3px solid var(--page-ink); border-radius:15px; background:var(--page-bg); padding:8px; animation:service-phone 7s ease-in-out infinite; }
.mini-phone > span { display:block; margin:0 auto; width:24px; height:3px; background:var(--page-ink); border-radius:5px; }.mini-phone b { display:block; text-align:center; padding:20px 0 10px; font-size:28px; color:#929b82; }.mini-phone i { display:block; margin:5px 0; height:4px; background:var(--page-line); }.mini-phone small { font:5px monospace; }
.service-video { background:#161219; color:white; }
.video-frame { position:absolute; inset:0 0 70px; overflow:hidden; }
.video-frame img { width:100%; height:100%; object-fit:cover; animation:service-frame 12s ease-in-out infinite alternate; opacity:.8; }
.video-rec { position:absolute; top:24px; left:24px; font:8px monospace; letter-spacing:.1em; }.video-rec i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#ff6d7d; animation:entry-blink 2s infinite; }
.video-frame strong { position:absolute; left:24px; top:90px; font-size:28px; font-weight:400; letter-spacing:-.03em; line-height:1.12; }
.video-corner { position:absolute; inset:48px 24px 28px; border:1px solid #fff3; }
.video-progress { position:absolute; bottom:12px; left:24px; right:24px; height:2px; background:#fff2; }.video-progress i { display:block; height:100%; background:#fff9; transform-origin:left; animation:service-progress 12s linear infinite; }
@keyframes service-playhead { from { left:18px; } to { left:96%; } }
@keyframes service-frame { from { transform:scale(1.02) translateX(-1%); } to { transform:scale(1.18) translateX(2%); } }
@keyframes service-node { 0%,30%,100% { border-color:var(--page-line); transform:translateY(0); } 10%,20% { border-color:var(--page-muted); transform:translateY(-4px); } }
@keyframes service-packet { from { left:-14px; } to { left:100%; } }
@keyframes service-web-spin { to { transform:rotate(360deg); } }
@keyframes service-phone { 50% { transform:translateY(-7px); } }
@keyframes service-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:1000px) { .business-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }.services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:639px) { .business-section { padding:28px 0 48px; }.business-grid { gap:28px 14px; }.business-cover { aspect-ratio:1; }.business-cover > span { font-size:7px; left:10px; bottom:10px; }.business-card h3 { font-size:19px; margin-top:16px; }.business-card > small { font-size:11px; }.business-card > p { font-size:12px; margin-top:10px; }.services-showcase { padding:20px 0 48px; }.services-grid { grid-template-columns:1fr; }.services-grid .entry-card { height:320px; }.business-section .studio-heading,.services-showcase .studio-heading { margin-bottom:28px; } }
@media(prefers-reduced-motion:reduce) { .services-grid .entry-card *, .business-card img { animation:none!important; transition:none!important; } }
body.home-page .studio-home .service-video,body.home-page .studio-home .service-video .entry-label,body.home-page .studio-home .service-video .video-frame strong { color:#fff!important; }
.services-showcase.is-in-view .entry-card:hover * { animation-play-state:running!important; }
.video-frame::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent,#0004); pointer-events:none; }
.video-frame > span,.video-frame > strong,.video-frame > div { z-index:1; }
.services-grid .coding-steps { display:block; }
@media(max-width:450px) { .services-grid .coding-steps { font-size:9px; }.services-grid .coding-command { font-size:9px; } }