/* OXICORE — larger type, open composition and the original mark in 3D. */
:root {
  /* Palette from the original OXICORE stylesheet. */
  --brand-graphite: #232426;
  --brand-graphite-soft: #2d2f31;
  --brand-sage: #8fa6a0;
  --brand-sage-light: #c9d5d1;
  --brand-sage-soft: #eef2f0;
  --brand-teal: #294b4c;
  --brand-white: #ffffff;
  --max: 1440px;
  --paper: var(--brand-sage-soft);
  --ink: var(--brand-graphite);
  --ink-soft: var(--brand-graphite-soft);
  --sage: var(--brand-sage);
  --sage-deep: var(--brand-teal);
  --muted: #5b6563;
  --line: #dde4e1;
  --font: Calibri, "Segoe UI", Arial, Helvetica, sans-serif;
}
body { font-size: 18px; line-height: 1.75; }
h1, h2, h3 { font-family: "Segoe UI", Arial, Helvetica, sans-serif; }
.btn-sage:hover, .nav-links .nav-contact:hover { background: var(--brand-sage-light); }
.container { width: calc(100% - clamp(40px, 7.5vw, 144px)); }
.section { padding-block: 120px; }
h2 { font-size: clamp(42px, 4.3vw, 66px); line-height: 1.12; }
h3 { font-size: 29px; }
.eyebrow, .mono { font-size: 12px; }
.text-link { font-size: 16px; }
.btn { min-height: 60px; padding: 18px 27px; font-size: 16px; border-radius: 7px; gap: 30px; }
.nav { min-height: 100px; }
.brand { width: 190px; }
.nav-links { gap: 30px; }
.nav-links > a { font-size: 16px; }
.nav-links .nav-contact { padding: 13px 19px; border-radius: 6px; }
.nav-contact svg { width: 20px; height: 20px; }

/* The hero contains the mark alone: no card, frame, labels or status badges. */
.hero { --hero-caret: var(--brand-sage); --hero-copy-accent: var(--brand-white); padding-top: 44px; background: var(--brand-graphite); color: var(--brand-white); }
.hero { isolation: isolate; }
.hero::after, .hero > .hero-grid-lines { display: none; }
/* The clips carry only strokes on black. Screen blending leaves the graphite solid. */
.hero-background {
  position: absolute; inset: 0; z-index: -2; overflow: hidden; pointer-events: none;
  background: #000;
  opacity: .8; mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(90deg,rgba(0,0,0,.78),#000 70%);
  mask-image: linear-gradient(90deg,rgba(0,0,0,.78),#000 70%);
}
.hero-video { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; opacity: 0; transition: opacity 1.6s linear; will-change: opacity; }
.hero-video.is-visible { opacity: 1; }
.hero > .container { z-index: 1; }
.logo-stage.is-intro-finished.is-model-ready .logo-drawing { animation: none; opacity: 0; }
.logo-stage.is-intro-finished.is-model-ready .logo-canvas { animation: none; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .hero-video { transition: none; } }
.hero-topline .eyebrow { font-size: 12px; color: var(--brand-sage); }
.hero-grid { grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); gap: 32px; padding-block: 28px 40px; }
.hero h1 { font-size: clamp(65px, 6.9vw, 108px); line-height: 1.04; letter-spacing: -.067em; }
.hero h1 em { color: var(--brand-sage); }
.hero-content > p { max-width: 510px; font-size: 20px; line-height: 1.8; margin-top: 31px; color: var(--brand-sage-light); }
.hero-actions { gap: 15px; margin-top: 34px; }
.hero-actions .btn { padding: 18px 24px; font-size: 16px; gap: 25px; }
.hero-actions .btn-sage { box-shadow: 0 9px 22px #0003; }
.hero-actions .btn-ghost { color: var(--brand-white); border-color: #c9d5d17a; background: #23242648; }
.hero-actions .btn-ghost:hover { background: #8fa6a026; border-color: var(--brand-sage); }
.hero :focus-visible { outline-color: var(--brand-sage-light); }
.hero-bottom { font-size: 13px; padding-top: 25px; color: var(--brand-sage-light); border-color: #c9d5d133; }
.hero-bottom a { gap: 40px; }
.hero-bottom a span { color: var(--brand-sage); }
.logo-stage { position: relative; isolation: isolate; width: 100%; aspect-ratio: 1; max-width: 670px; margin-inline: auto; contain: layout; }
.logo-ground { position: absolute; left: 20%; right: 16%; bottom: 4%; height: 12%; border-radius: 50%; background: radial-gradient(ellipse, #23242626, transparent 67%); filter: blur(13px); opacity: .6; pointer-events: none; }
.logo-drawing { position: absolute; inset: 10%; width: 80%; height: 80%; overflow: visible; }
@media (prefers-reduced-motion: no-preference) {
  .logo-intro-pending .logo-drawing { opacity: 0; }
}
.logo-trace { fill: currentColor; stroke: var(--brand-sage-light); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.logo-silver { color: var(--brand-white); }
.logo-sage { color: var(--brand-sage); }
.logo-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; filter: drop-shadow(0 24px 18px #23242636); pointer-events: none; }
.logo-stage.is-model-ready .logo-trace { stroke-dasharray: 1; stroke-dashoffset: 1; fill-opacity: 0; animation: logo-trace-draw 2.05s cubic-bezier(.4,0,.18,1) var(--piece-delay) both, logo-trace-fill 1.1s ease 2.1s both; }
.logo-stage.is-model-ready .logo-drawing { animation: logo-drawing-exit 4.5s ease both; }
.logo-stage.is-model-ready .logo-canvas { animation: logo-solid-reveal 4.5s ease both; }
@keyframes logo-trace-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes logo-trace-fill { from { fill-opacity: 0; } to { fill-opacity: 1; } }
@keyframes logo-drawing-exit { 0%,53% { opacity: 1; transform: perspective(900px) rotateX(0) rotateY(0) rotateZ(0); } 86%,100% { opacity: 0; transform: perspective(900px) rotateX(11.5deg) rotateY(-20.6deg) rotateZ(-3.15deg); } }
@keyframes logo-solid-reveal { 0%,53% { opacity: 0; } 82%,100% { opacity: 1; } }

/* Explanatory paragraphs formerly aligned to the right are removed in HTML. */
.section-heading { display: block; margin-bottom: 50px; }
.section-heading > .text-link { margin-top: 24px; }
.technology-strip { padding-block: 34px; }
.tech-intro { font-size: 13px; min-width: 175px; }
.tech-names { font-size: 22px; gap: 25px; }
.tech-names > span:first-child { font-size: 33px; }
.services-grid { border: 0; gap: 18px; }
.service-card { min-height: 365px; padding: 34px; border: 1px solid #d9e2de; border-radius: 15px; background: #edf2ef; transition: background .25s, transform .25s, box-shadow .25s; }
.service-card:hover { background: #e3ece7; transform: translateY(-5px); box-shadow: 0 15px 35px #23242610; }
.service-card-top { margin-bottom: 30px; }
.service-card .mono { font-size: 13px; }
.service-icon { display: grid; place-items: center; width: 57px; height: 57px; border: 1px solid #cedcc5; border-radius: 12px; background: #e4eddc; }
.service-icon svg { width: 30px; height: 30px; }
.service-card h3 { font-size: 28px; line-height: 1.18; margin-bottom: 19px; }
.service-card p { max-width: none; font-size: 17px; line-height: 1.8; margin-bottom: 30px; }
.service-link { font-size: 14px; padding-top: 20px; }
.service-link svg { width: 21px; height: 21px; }
.about-grid { gap: 85px; }
.about-visual { min-height: 660px; border-radius: 18px; margin-block: 35px; background: radial-gradient(ellipse at center, #465a54, #232426); }
.about-visual::after { border-radius: 10px; }
.about-visual img { width: 260px; height: 260px; }
.about-content h2 { font-size: clamp(43px, 3.9vw, 57px); }
.about-content > p { font-size: 18px; line-height: 1.85; }
.about-principles { font-size: 16px; gap: 13px; }
.about-principles svg { width: 19px; height: 19px; }
.method-layout { gap: 70px; }
.method-tab { padding-block: 27px; }
.method-tab .step-index { font-size: 14px; }
.method-tab strong { font-size: 28px; }
.method-tab small { font-size: 16px; }
.method-panel { border-radius: 16px; padding: 42px; min-height: 440px; }
.method-panel h3 { font-size: 38px; max-width: 430px; }
.method-panel > p { font-size: 18px; max-width: none; }
.panel-top .mono { font-size: 12px; }
.panel-tags { font-size: 15px; gap: 10px; }
.panel-tags svg { width: 18px; height: 18px; }
.manifesto > div > p { font-size: clamp(45px, 5.3vw, 80px); }
.manifesto { background: #b7c8c1; }
.manifesto > div > p > span, .manifesto > div > p > em { color: #506e62; }
.contact-section .field input, .contact-section .field select, .contact-section .field textarea { background: #2a3030; border-color: #53615b; }
.manifesto-bottom { font-size: 14px; }
.posts-grid { gap: 30px; }
.cover-art { height: 265px; border-radius: 14px; }
.post-body { padding-top: 29px; }
.post-meta, .post-meta > span:first-child { font-size: 13px; }
.post-card h3 { font-size: 30px; max-width: none; }
.post-card p { font-size: 17px; }
.post-card .text-link { font-size: 15px; padding-top: 20px; }
.faq-section { padding-top: 20px; }
.faq-grid { gap: 90px; }
.faq-grid h2 { font-size: 54px; }
.faq-list summary { font-size: 20px; padding-block: 29px; }
.faq-list p { font-size: 17px; }
.faq-grid .muted { font-size: 18px; }
.contact-grid { gap: 100px; }
.contact-intro .eyebrow { font-size: 12px; }
.contact-intro h2 { font-size: clamp(56px, 5.1vw, 78px); }
.contact-intro > p { max-width: 390px; font-size: 19px; }
.contact-email { font-size: 27px; }
.contact-intro .contact-location { font-size: 14px; }
.contact-note { font-size: 15px; }
legend, .field > label { font-size: 15px; margin-bottom: 11px; }
.optional { font-size: 13px; }
.request-options label > span { min-height: 63px; padding: 17px; font-size: 15px; border-radius: 8px; }
.field input, .field select, .field textarea { font-size: 17px; min-height: 56px; padding: 15px 16px; border-radius: 7px; }
.field textarea { min-height: 155px; }
.form-privacy, .form-help { font-size: 13px; }
.form-status { font-size: 16px; }
.email-fallback, .email-fallback .text-link { font-size: 14px; }
.footer-brand { width: 190px; }
.footer-top > div > p:not(.footer-label) { font-size: 16px; }
.footer-label { font-size: 13px; }
.footer-links { font-size: 16px; gap: 12px; }
.footer-links a { min-height: 34px; }
.footer-links span { font-size: 14px; }
.footer-links svg { width: 18px; height: 18px; }
.footer-bottom, .footer-bottom > span:nth-child(2) { font-size: 12px; }

/* The same type scale carries through to service and editorial pages. */
.inner-hero h1 { font-size: clamp(52px, 5.6vw, 86px); }
.inner-hero p { font-size: 20px; }
.breadcrumbs { font-size: 14px; }
.service-hero-mark { height: 330px; }
.service-hero-mark b { font-size: 11px; }
.challenge-list li { font-size: 19px; }
.deliverable-grid h3 { font-size: 32px; }
.deliverable-grid p { font-size: 18px; }
.deliverable-grid .mono { font-size: 13px; }
.service-next p { font-size: 18px; }
.related-services > h3 { font-size: 24px; }
.related-services a { font-size: 16px; }
.blog-hero h1 { font-size: clamp(58px, 7vw, 104px); }
.blog-hero-bottom p { font-size: 20px; }
.blog-hero-bottom .mono { font-size: 12px; }
.filter { font-size: 15px; min-height: 49px; padding: 12px 22px; border-radius: 6px; }
.blog-search { max-width: 380px; }
.blog-search input { font-size: 17px; }
.search-count { font-size: 14px; }
.article-hero h1 { font-size: clamp(52px, 5.4vw, 82px); }
.article-hero p { font-size: 20px; }
.back-link { font-size: 15px; }
.article-layout { grid-template-columns: 250px minmax(0, 800px); gap: 65px; }
.article-aside .eyebrow { font-size: 12px; }
.article-aside nav > a { font-size: 14px; }
.article-aside > .text-link { font-size: 14px; }
.article-content { font-size: 19px; }
.article-content > p:first-child { font-size: 23px; }
.article-content h2 { font-size: 37px; }
.article-content pre { font-size: 14px; }
.copy-code { padding: 9px 16px; font-size: 13px; }
.callout { font-size: 17px; }
.article-author strong { font-size: 16px; }
.article-author p { font-size: 15px; }
.article-cta h2 { font-size: 45px; }
.article-cta p { font-size: 18px; }
.article-cta .btn { font-size: 16px; }
.legal-content { max-width: 900px; }
.legal-content h2 { font-size: 35px; }
.legal-content p { font-size: 19px; }
.reading-progress { top: 100px; }

@media (max-width: 1150px) {
  .nav-links { gap: 23px; }
  .nav-links > a { font-size: 14px; }
  .brand { width: 174px; }
  .hero h1 { font-size: clamp(62px, 6.8vw, 84px); }
  .hero-actions .btn { font-size: 14px; padding: 17px 20px; gap: 20px; }
  .tech-names { font-size: 19px; }
  .tech-intro { min-width: 155px; }
  .service-card { padding: 28px; }
  .service-card h3 { font-size: 25px; }
  .about-grid, .contact-grid, .method-layout { gap: 50px; }
  .about-content h2 { font-size: 43px; }
  .about-content > p { font-size: 17px; }
  .about-visual { min-height: 650px; }
  .method-panel { padding: 32px; }
  .method-tab small { font-size: 14px; }
  .method-panel > p { font-size: 17px; }
  .post-card h3 { font-size: 27px; }
  .faq-grid h2 { font-size: 46px; }
  .contact-grid { gap: 50px; }
  .request-options label > span { font-size: 13px; padding: 14px; }
  .contact-email { font-size: 24px; }
  .contact-intro h2 { font-size: 59px; }
  .footer-links { font-size: 14px; }
  .article-layout { grid-template-columns: 220px minmax(0, 800px); gap: 40px; }
}
@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; gap: 28px; padding-top: 40px; }
  .hero-content { max-width: 760px; }
  .hero h1 { font-size: clamp(66px, 10vw, 96px); }
  .hero-content > p { max-width: 580px; font-size: 20px; }
  .hero-actions .btn { font-size: 16px; }
  .logo-stage { width: min(75%, 540px); margin-top: -12px; }
  .logo-ground { bottom: 4%; }
  .about-grid { grid-template-columns: 1fr; gap: 0; }
  .about-content { padding-block: 55px 35px; }
  .about-content > p { max-width: 750px; font-size: 18px; }
  .about-visual { min-height: 390px; order: 2; margin-bottom: 50px; }
  .about-visual img { width: 210px; height: 210px; }
  .method-layout { gap: 30px; }
  .method-tab strong { font-size: 24px; }
  .method-tab small { font-size: 13px; }
  .method-panel h3 { font-size: 32px; }
  .panel-tags { font-size: 13px; }
  .posts-grid { gap: 22px; }
  .cover-art { height: 220px; }
  .post-card h3 { font-size: 25px; }
  .post-card p { font-size: 16px; }
  .post-meta, .post-meta > span:first-child { font-size: 12px; }
  .faq-grid { grid-template-columns: 1fr; gap: 35px; }
  .contact-grid { grid-template-columns: 1fr; gap: 50px; }
  .contact-intro > p { max-width: 560px; }
  .contact-note { display: none; }
  .contact-intro h2 { font-size: 64px; }
  .request-options label > span { font-size: 16px; }
  .article-layout { grid-template-columns: minmax(0, 1fr); max-width: 850px; }
  .deliverable-grid p { font-size: 17px; }
  .related-services a { font-size: 14px; }
}
@media (max-width: 720px) {
  html { scroll-padding-top: 100px; }
  .container { width: calc(100% - 40px); }
  .section { padding-block: 78px; }
  .nav { min-height: 86px; }
  .brand { width: 168px; }
  .nav-links > a { font-size: 18px; padding-block: 16px; }
  .nav-links .nav-contact { margin-top: 18px; }
  .hero { padding-top: 32px; }
  .hero-topline .eyebrow { font-size: 11px; }
  .hero-grid { padding-top: 32px; gap: 15px; }
  .hero h1 { font-size: clamp(44px, 14vw, 80px); }
  .hero-content > p { font-size: 18px; line-height: 1.8; margin-top: 25px; }
  .hero-actions { margin-top: 27px; gap: 12px; }
  .hero-actions .btn { font-size: 14px; min-height: 57px; padding: 17px 20px; gap: 20px; }
  .logo-stage { width: 100%; max-width: 460px; margin-top: 10px; }
  .hero-bottom { font-size: 11px; }
  .hero-bottom a { gap: 17px; }
  .eyebrow, .mono { font-size: 11px; }
  h2 { font-size: clamp(36px, 8.8vw, 49px); }
  .section-heading { margin-bottom: 35px; }
  .section-heading > .text-link { font-size: 16px; margin-top: 23px; }
  .technology-strip { padding-block: 30px; }
  .tech-intro { font-size: 13px; margin-bottom: 23px; }
  .tech-names { gap: 22px 30px; }
  .tech-names > span { font-size: 19px; }
  .tech-names > span:first-child { font-size: 31px; }
  .services-grid { grid-template-columns: 1fr; gap: 15px; }
  .service-card { padding: 30px; min-height: 325px; }
  .service-card h3 { font-size: 29px; }
  .service-card p { font-size: 18px; }
  .service-link { font-size: 15px; }
  .about-content h2 { font-size: clamp(36px, 8.8vw, 48px); }
  .about-content > p { font-size: 18px; }
  .about-principles { font-size: 15px; }
  .about-visual { min-height: 350px; margin-bottom: 35px; }
  .method-layout { grid-template-columns: 1fr; gap: 30px; }
  .method-tab { padding-block: 14px 18px; }
  .method-tab strong { font-size: 15px; }
  .method-tab .step-index { font-size: 12px; }
  .method-panel { min-height: 395px; padding: 30px; }
  .method-panel h3 { font-size: 34px; }
  .method-panel > p { font-size: 18px; }
  .panel-tags { font-size: 14px; }
  .manifesto > div > p { font-size: clamp(33px, 7.7vw, 48px); }
  .manifesto-bottom { font-size: 12px; }
  .posts-grid { grid-template-columns: 1fr; gap: 42px; }
  .cover-art { height: 255px; }
  .post-card h3 { font-size: 30px; }
  .post-card p { font-size: 18px; }
  .post-meta, .post-meta > span:first-child { font-size: 13px; }
  .post-card .text-link { font-size: 16px; min-height: 48px; }
  .faq-section { padding-top: 0; }
  .faq-grid h2 { font-size: 40px; }
  .faq-list summary { font-size: 19px; padding-block: 25px; }
  .faq-list p { font-size: 17px; }
  .contact-intro h2 { font-size: 60px; }
  .contact-intro .eyebrow { font-size: 11px; }
  .contact-intro > p { font-size: 19px; }
  .contact-email { font-size: 25px; }
  .contact-intro .contact-location { font-size: 13px; }
  .request-options label > span { font-size: 13px; padding: 15px 12px; }
  legend, .field > label { font-size: 15px; }
  .field input, .field select, .field textarea { font-size: 17px; min-height: 58px; padding: 15px; }
  .field textarea { min-height: 160px; }
  .form-row { grid-template-columns: 1fr; gap: 0; }
  .form-help, .form-privacy { font-size: 13px; }
  .footer-top > div > p:not(.footer-label) { font-size: 16px; }
  .footer-top { grid-template-columns: 1fr; }
  .footer-links { font-size: 16px; }
  .footer-links span { font-size: 14px; }
  .footer-bottom { font-size: 12px; }
  .inner-hero h1, .article-hero h1 { font-size: clamp(42px, 10vw, 59px); }
  .inner-hero p, .article-hero p { font-size: 19px; }
  .breadcrumbs { font-size: 12px; }
  .challenge-list li, .deliverable-grid p, .service-next p { font-size: 18px; }
  .deliverable-grid h3 { font-size: 30px; }
  .related-services a { font-size: 17px; }
  .service-hero-mark { height: 210px; }
  .service-hero-mark b { font-size: 10px; }
  .blog-hero h1 { font-size: clamp(49px, 12vw, 72px); }
  .blog-hero-bottom p { font-size: 19px; }
  .filter { font-size: 15px; padding-inline: 18px; }
  .blog-search input { font-size: 18px; }
  .search-count { font-size: 14px; }
  .article-content { font-size: 18px; }
  .article-content > p:first-child { font-size: 22px; }
  .article-content h2 { font-size: 32px; }
  .article-content pre { font-size: 13px; }
  .article-cta h2 { font-size: 37px; }
  .article-cta p { font-size: 18px; }
  .legal-content h2 { font-size: 31px; }
  .legal-content p { font-size: 18px; }
  .reading-progress { top: 86px; }
}
@media (max-width: 390px) {
  .container { width: calc(100% - 32px); }
  .hero h1 { font-size: clamp(43px, 14vw, 54px); }
  .hero-actions .btn { font-size: 13px; padding-inline: 16px; gap: 13px; }
  .hero-bottom { font-size: 10px; }
  .service-card { padding: 26px; }
  .method-tab strong { font-size: 13px; }
  .method-panel { padding: 25px; }
  .contact-intro h2 { font-size: 54px; }
  .contact-email { font-size: 22px; gap: 15px; }
  .request-options label > span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .logo-stage.is-model-ready .logo-drawing { opacity: 0; }
  .logo-stage.is-model-ready .logo-canvas { opacity: 1; }
  .logo-stage:not(.is-model-ready) .logo-trace { fill-opacity: 1; stroke-dashoffset: 0; }
  .service-card:hover { transform: none; }
}
/* Fit desktop/laptop introductions to the available browser height.
   Width-only sizing made a 670px mark exceed short notebook viewports. */
@media (min-width: 981px) and (min-height: 480px) {
  .hero {
    --hero-header: 101px;
    height: calc(100vh - var(--hero-header));
    height: calc(100svh - var(--hero-header));
    padding-block: clamp(16px, 2.5svh, 32px) 18px;
  }
  .hero > .container { display: flex; flex-direction: column; height: 100%; }
  .hero-topline { flex: none; }
  .hero-grid { flex: 1; min-height: 0; padding-block: 10px; align-items: center; }
  .hero h1 { font-size: clamp(44px, min(6.9vw, 8.8svh), 104px); }
  .hero-content > p { font-size: clamp(18px, 2.25svh, 20px); line-height: 1.65; margin-top: clamp(18px, 2.4svh, 28px); }
  .hero-actions { margin-top: clamp(18px, 2.8svh, 30px); }
  .hero-actions .btn { min-height: 54px; padding: 15px 22px; font-size: 15px; }
  .hero-bottom { flex: none; margin-top: 8px; padding-top: 16px; }
  .logo-stage {
    width: min(100%, 640px, calc(100vh - var(--hero-header) - 155px));
    width: min(100%, 640px, calc(100svh - var(--hero-header) - 155px));
    height: auto; max-height: none; aspect-ratio: 1; margin: 0 auto;
  }
}
@media (min-width: 981px) and (max-height: 800px) {
  .nav { min-height: 88px; }
  .brand { width: 176px; }
  .hero { --hero-header: 89px; }
  .reading-progress { top: 89px; }
}
@media (min-width: 981px) and (max-height: 620px) {
  .nav { min-height: 80px; }
  .brand { width: 164px; }
  .nav-links > a { font-size: 14px; }
  .hero { --hero-header: 81px; padding-block: 14px; }
  .hero-topline .eyebrow { font-size: 10px; }
  .hero h1 { font-size: clamp(44px, min(6.7vw, 8.6svh), 65px); }
  .hero-content > p { font-size: 17px; line-height: 1.6; margin-top: 16px; }
  .hero-actions { margin-top: 16px; }
  .hero-actions .btn { min-height: 50px; padding: 13px 19px; }
  .hero-bottom { display: none; }
  .logo-stage { width: min(100%, 460px, calc(100svh - var(--hero-header) - 100px)); }
  .reading-progress { top: 81px; }
}
@media print { .logo-canvas, .logo-ground { display: none; } .logo-drawing { opacity: 1 !important; } }