/* Persistent white-green / dark-green theme */
.theme-toggle{position:fixed;right:22px;bottom:84px;z-index:240;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid rgba(11,122,92,.22);border-radius:999px;background:rgba(255,255,255,.92);color:#0b513f;box-shadow:0 12px 35px rgba(11,70,54,.16);backdrop-filter:blur(16px);font:700 .74rem/1 Inter,ui-sans-serif,system-ui;cursor:pointer;transition:transform .2s,background .25s,color .25s,border-color .25s}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle-icon{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;background:#19a774;box-shadow:inset -5px -3px 0 #fff}.theme-toggle[aria-pressed=true] .theme-toggle-icon{background:#f2c94c;box-shadow:0 0 0 4px rgba(242,201,76,.13)}
html[data-theme=dark]{color-scheme:dark;--ink:#effcf7;--ink2:#d9eee6;--muted:#9eb8ae;--line:#25443a;--paper:#081d18;--soft:#0d2821;--dark:#05130f;--shadow:0 22px 70px rgba(0,0,0,.34)}
html[data-theme=dark] body,html[data-theme=dark] .site-shell{background:#081d18;color:var(--ink)}
html[data-theme=dark] .topbar{background:rgba(7,27,23,.92);border-color:#24443a}
html[data-theme=dark] .brand-copy small,html[data-theme=dark] .hero-copy>p,html[data-theme=dark] .split-heading>p,html[data-theme=dark] .section-head>p,html[data-theme=dark] .card p,html[data-theme=dark] .blog-card p,html[data-theme=dark] .ref-meta p,html[data-theme=dark] .process-card p,html[data-theme=dark] .prose-card p,html[data-theme=dark] .faq-item p,html[data-theme=dark] .back-link,html[data-theme=dark] .detail-grid>div:first-child p{color:var(--muted)}
html[data-theme=dark] .nav a{color:#c0d8cf}html[data-theme=dark] .nav a:hover,html[data-theme=dark] .nav a.active{background:#12372d;color:#58dca8}html[data-theme=dark] .menu-toggle span{background:#effcf7}html[data-theme=dark] .nav{background:#0b241e;border-color:#25443a}
html[data-theme=dark] .hero{background-color:#081d18;background-image:linear-gradient(rgba(74,205,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,205,154,.055) 1px,transparent 1px)}
html[data-theme=dark] .page-hero{background-color:#0b241e;background-image:linear-gradient(rgba(74,205,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,205,154,.055) 1px,transparent 1px);border-color:#25443a}
html[data-theme=dark] .intro-section,html[data-theme=dark] .packages-section,html[data-theme=dark] .faq-preview,html[data-theme=dark] .pricing-faq{background:#081d18!important}
html[data-theme=dark] .process-section,html[data-theme=dark] .sectors-section,html[data-theme=dark] .section-soft,html[data-theme=dark] .pricing-compare{background:#0d2821}
html[data-theme=dark] .card,html[data-theme=dark] .blog-card,html[data-theme=dark] .contact-card,html[data-theme=dark] .prose-card,html[data-theme=dark] .package,html[data-theme=dark] .directory-card,html[data-theme=dark] .deliverables article,html[data-theme=dark] .stat-row article{background:#0c251f;border-color:#25443a;color:var(--ink)}
html[data-theme=dark] .service-card:hover,html[data-theme=dark] .directory-card:hover,html[data-theme=dark] .sector-grid span:hover{background:#12372d}
html[data-theme=dark] .btn-ghost,html[data-theme=dark] .btn-secondary{background:#102f27;border-color:#315548;color:#effcf7}
html[data-theme=dark] .browser-frame,html[data-theme=dark] .float-card{background:#0c251f;border-color:#315548;color:#effcf7}html[data-theme=dark] .browser-bar{background:#102f27;border-color:#315548}
html[data-theme=dark] .field input,html[data-theme=dark] .field textarea,html[data-theme=dark] .field select{background:#0a211b;border-color:#315548;color:#effcf7}
html[data-theme=dark] .footer{background:#05130f;border-color:#25443a;color:#d9eee6}
html[data-theme=dark] .pricing-page{background:#081d18;color:var(--ink)}html[data-theme=dark] .pricing-hero{background-color:#0a211b;background-image:linear-gradient(rgba(74,205,154,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(74,205,154,.055) 1px,transparent 1px),radial-gradient(circle at 50% 30%,rgba(45,190,127,.12),transparent 45%)}html[data-theme=dark] .pricing-hero h1,html[data-theme=dark] .pricing-card h2{color:#effcf7}html[data-theme=dark] .pricing-card,html[data-theme=dark] .pricing-card.featured{background:#0c251f;border-color:#315548}html[data-theme=dark] .pricing-card.featured{border-color:#20a878}html[data-theme=dark] .pricing-price{color:#58dca8;border-color:#315548}html[data-theme=dark] .pricing-card li,html[data-theme=dark] .pricing-desc,html[data-theme=dark] .pricing-info,html[data-theme=dark] .pricing-note,html[data-theme=dark] .pricing-hero p{color:#9eb8ae}html[data-theme=dark] .compare-wrap{border-color:#315548}html[data-theme=dark] .compare-wrap table{background:#0c251f;color:#c0d8cf}html[data-theme=dark] .compare-wrap td{border-color:#25443a}html[data-theme=dark] .compare-wrap td:nth-child(3){background:#12372d;color:#58dca8}
html[data-theme=dark] .packages-section .package{background:#0c251f;color:#effcf7;border-color:#25443a}html[data-theme=dark] .packages-section .price{color:#58dca8}html[data-theme=dark] .packages-section .package li,html[data-theme=dark] .packages-section .price-note,html[data-theme=dark] .packages-section .package-name{color:#9eb8ae}
html[data-theme=dark] .ref-image-wrap,html[data-theme=dark] .project-image{background:#102f27!important}html[data-theme=dark] .ref-image-main,html[data-theme=dark] .project-shot{background:#0c251f}html[data-theme=dark] .project-browserbar{background:#102f27;border-color:#315548}
html[data-theme=dark] .theme-toggle{background:rgba(10,33,27,.94);border-color:#315548;color:#dff8ee;box-shadow:0 12px 35px rgba(0,0,0,.35)}

/* Contrast audit: remove remaining light surfaces and fixed gray text */
html[data-theme=dark] .trust-strip{background:rgba(11,36,30,.92);border-color:#315548}
html[data-theme=dark] .trust-strip span{color:#d2e8df}
html[data-theme=dark] .hero-proof p,html[data-theme=dark] .float-card small,html[data-theme=dark] .float-top strong span,html[data-theme=dark] .browser-bar span{color:#adc7bd}
html[data-theme=dark] .proof-avatars span{border-color:#0b241e}
html[data-theme=dark] .service-card>span,html[data-theme=dark] .process-line span,html[data-theme=dark] .directory-card>span{color:#91b3a6}
html[data-theme=dark] .process-line article{border-color:#315548}
html[data-theme=dark] .process-line article:before{border-color:#0d2821}
html[data-theme=dark] .sector-grid{border-color:#315548}
html[data-theme=dark] .sector-grid span{border-color:#315548;color:#d9eee6}
html[data-theme=dark] .services-filter span{background:#102f27;border-color:#315548;color:#c5ddd4}
html[data-theme=dark] .services-filter span:first-child{background:var(--brand);border-color:var(--brand);color:#fff}
html[data-theme=dark] .directory-card i,html[data-theme=dark] .mini-chips span,html[data-theme=dark] .ref-chip{background:#12372d;border-color:#315548;color:#bfe8d8}
html[data-theme=dark] .field label,html[data-theme=dark] .check{color:#c5ddd4}
html[data-theme=dark] .field input::placeholder,html[data-theme=dark] .field textarea::placeholder{color:#78998c}
html[data-theme=dark] .ref-card{border-color:#315548;background:#0c251f}
html[data-theme=dark] .ref-preview,html[data-theme=dark] .ref-browser{background:#102f27}
html[data-theme=dark] .ref-browser{border-color:#315548}html[data-theme=dark] .ref-browser small,html[data-theme=dark] .project-browserbar small{color:#a9c4b9}
html[data-theme=dark] .project-image>span{background:#0c251f;color:#effcf7;border:1px solid #315548}
html[data-theme=dark] .pricing-pill{background:#12372d;border-color:#315548;color:#65e0ae}
html[data-theme=dark] .pricing-icon{background:#12372d;border-color:#315548;color:#58dca8}
html[data-theme=dark] .pricing-price small{color:#a6c0b6}
html[data-theme=dark] .pricing-compare .eyebrow,html[data-theme=dark] .pricing-faq .eyebrow{color:#58dca8}
html[data-theme=dark] .compare-wrap th{background:#075d46;color:#fff}
html[data-theme=dark] .pricing-cta{color:#fff}
html[data-theme=dark] .pricing-btn.light,html[data-theme=dark] .btn-light{background:#effcf7;color:#075d46}
html[data-theme=dark] .packages-section .package .btn-dark{background:#12372d;border-color:#315548;color:#dff8ee}
html[data-theme=dark] .footer p,html[data-theme=dark] .footer a{color:#adc7bd}html[data-theme=dark] .footer a:hover{color:#fff}
@media(max-width:560px){.theme-toggle{right:15px;bottom:75px;width:44px;padding:0;justify-content:center}.theme-toggle-label{display:none}}

/* Interactive service filters */
.services-filter button{appearance:none;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475467;font:750 .74rem/1.2 Inter,ui-sans-serif,system-ui;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.services-filter button:hover{transform:translateY(-2px);border-color:var(--brand);color:var(--brand)}.services-filter button.active{background:var(--brand);border-color:var(--brand);color:#fff}.directory-card[hidden]{display:none!important}.services-empty{padding:28px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}
html[data-theme=dark] .services-filter button{background:#102f27;border-color:#315548;color:#c5ddd4}html[data-theme=dark] .services-filter button:hover{border-color:#58dca8;color:#58dca8}html[data-theme=dark] .services-filter button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.services-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.services-toolbar p{margin:0;color:var(--muted);font-size:.8rem}.services-toolbar strong{color:var(--brand);font-size:1rem}.service-search{position:relative;width:min(480px,100%)}.service-search input{width:100%;height:50px;padding:0 48px 0 17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);font:650 .86rem/1 Inter,ui-sans-serif,system-ui;outline:none}.service-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(11,122,92,.1)}.service-search b{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--brand);font-size:1.25rem}.services-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.services-seo-grid article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}.services-seo-grid h3{margin:0 0 9px}.services-seo-grid p{margin:0;color:var(--muted);font-size:.88rem}.services-faq{margin-top:34px}.services-faq details{border-bottom:1px solid var(--line)}.services-faq summary{display:flex;justify-content:space-between;gap:20px;padding:19px 0;cursor:pointer;font-weight:800}.services-faq summary span{color:var(--brand)}.services-faq details p{margin:0 0 20px;color:var(--muted)}
html[data-theme=dark] .service-search input{background:#0c251f;border-color:#315548;color:#effcf7}html[data-theme=dark] .services-seo-grid article{background:#0c251f;border-color:#315548}
@media(max-width:820px){.services-seo-grid{grid-template-columns:1fr}.services-toolbar{align-items:stretch;flex-direction:column}.services-toolbar p{padding-left:3px}}

/* Expanded corporate content pages */
.seo-kpis,.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:80px}.seo-kpis article,.about-stats article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.seo-kpis strong,.about-stats strong{display:block;color:var(--brand);font-size:2rem}.seo-kpis span,.about-stats span{color:var(--muted);font-size:.78rem}.seo-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.seo-service-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-service-grid article>span,.module-card>span,.values-grid article>span{color:var(--cyan);font-size:.7rem;font-weight:900}.seo-service-grid h3{margin:26px 0 9px}.seo-service-grid p,.seo-roadmap p{color:var(--muted);font-size:.87rem}.seo-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.seo-roadmap article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.seo-roadmap b{color:var(--brand);font-size:.75rem}.seo-roadmap h3{margin:22px 0 8px}
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.module-card{padding:27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.module-card h3{margin:24px 0 8px}.module-card p{margin:0;color:var(--muted)}.module-feature{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.module-feature h2,.about-intro h2,.about-principles h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.module-feature p,.about-intro p,.about-principles p{color:var(--muted)}.module-feature ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.module-feature li{padding:15px 17px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:750}.module-feature li:before{content:'✓';margin-right:12px;color:var(--cyan)}
.process-timeline{display:grid}.process-timeline article{display:grid;grid-template-columns:80px 1fr auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.process-timeline article>span{color:var(--brand);font-size:1.6rem;font-weight:900}.process-timeline h2{margin:0}.process-timeline p{margin:5px 0 0;color:var(--muted)}.process-timeline b{padding:7px 11px;border-radius:999px;background:#eaf5ef;color:#0b6b50;font-size:.7rem}.process-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-promises article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}.process-promises h3{margin-top:0}.process-promises p{margin-bottom:0;color:var(--muted);font-size:.86rem}
.faq-layout{display:grid;grid-template-columns:260px 1fr;gap:70px;align-items:start}.faq-layout>aside{position:sticky;top:110px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.faq-layout>aside strong{color:var(--brand);font-size:2rem}.faq-layout>aside p{color:var(--muted)}.faq-group{margin-bottom:50px}.faq-group h2{margin:0 0 12px;font-size:1rem;color:var(--brand);letter-spacing:.08em;text-transform:uppercase}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-bottom:55px}.about-intro h2{margin-top:15px}.about-intro p:first-child{font-size:1.05rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.values-grid article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff}.values-grid h3{margin:24px 0 8px}.values-grid p{margin:0;color:var(--muted)}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-principles ol{margin:0;padding:0;list-style:none}.about-principles li{display:grid;gap:3px;padding:20px 0;border-bottom:1px solid var(--line)}.about-principles li span{color:var(--muted);font-size:.87rem}
html[data-theme=dark] .seo-kpis article,html[data-theme=dark] .about-stats article,html[data-theme=dark] .seo-roadmap article,html[data-theme=dark] .module-card,html[data-theme=dark] .module-feature li,html[data-theme=dark] .process-promises article,html[data-theme=dark] .faq-layout>aside,html[data-theme=dark] .values-grid article{background:#0c251f;border-color:#315548}html[data-theme=dark] .process-timeline b{background:#12372d;color:#6ce6b5}
@media(max-width:900px){.seo-service-grid,.module-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.process-promises{grid-template-columns:1fr 1fr}.module-feature,.about-intro,.about-principles{grid-template-columns:1fr;gap:35px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout>aside{position:static}.seo-kpis,.about-stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.seo-service-grid,.module-grid,.values-grid,.seo-roadmap,.process-promises{grid-template-columns:1fr}.process-timeline article{grid-template-columns:52px 1fr}.process-timeline b{grid-column:2;justify-self:start}.seo-kpis,.about-stats{margin-bottom:55px}}

/* Mobile compatibility hardening */
html,body{max-width:100%;overflow-x:clip}.site-shell,.site-shell>*{min-width:0}.container,.hero-grid>*,.section-head>*,.split-heading>*,.project-row>*,.ref-card>*,.contact-grid>*,.detail-grid>*,.module-feature>*,.about-intro>*,.about-principles>*{min-width:0}.ref-chip,.project-tags span,.mini-chips span,.directory-card i{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.ref-topline{align-items:flex-start}.ref-topline .ref-chip{flex:0 1 auto;text-align:left}.project-copy small{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.55}.page-hero .section-title,.hero-copy h1,.section h2{overflow-wrap:anywhere}.compare-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
@media(max-width:820px){
  .topbar{z-index:300}.topbar-inner{gap:12px}.brand{min-width:0}.brand-copy{min-width:0}.brand-copy strong{white-space:nowrap}.nav{z-index:310;max-height:calc(100vh - 90px);overflow-y:auto}
  .hero-grid{gap:18px}.hero-actions{flex-wrap:wrap}.showcase{width:100%;overflow:visible}.browser-frame{max-width:100%}.float-card{max-width:48%;padding:12px}
  .ref-card{grid-template-columns:1fr}.ref-meta{padding:24px}.ref-topline{flex-direction:column}.ref-topline h3{margin:0}.ref-chip.soft{align-self:flex-start}
  .project-row{grid-template-columns:1fr}.project-image{width:100%}.project-copy h3{overflow-wrap:anywhere}
  .service-directory.expanded{grid-template-columns:1fr 1fr}.directory-card{padding:24px}.services-filter{overflow:visible}.services-filter button{white-space:normal;text-align:center}
  .pricing-grid{grid-template-columns:1fr}.pricing-card{max-width:100%}.pricing-hero{overflow:hidden}.pricing-hero h1{font-size:clamp(2.35rem,9vw,3.6rem)}
  .cta-panel,.cta-band{max-width:100%}.footer-grid{gap:28px}
}
@media(max-width:560px){
  .container{width:calc(100% - 28px)}.topbar-inner{height:66px}.brand-mark{width:39px;height:39px}.brand-copy strong{font-size:.9rem}.menu-toggle{margin-left:auto;padding:4px}.nav{left:10px;right:10px;top:68px}
  .page-hero{padding:52px 0 40px}.page-hero .section-title,.section h2{font-size:clamp(1.9rem,9.5vw,2.45rem);line-height:1.08}.page-hero .section-subtitle{font-size:.93rem}.section{padding:62px 0}
  .hero{padding-top:34px}.hero-copy h1{font-size:clamp(2.15rem,11vw,2.75rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-proof{align-items:flex-start}.showcase{min-height:320px}.float-top{right:0}.float-bottom{left:0;max-width:58%}.trust-strip{grid-template-columns:1fr;padding-inline:4px;gap:12px}
  .service-grid,.card-grid,.blog-grid,.package-grid,.process-grid,.service-directory.expanded,.seo-kpis,.about-stats{grid-template-columns:1fr}.service-card,.directory-card,.card,.blog-card,.contact-card,.prose-card,.package,.pricing-card{padding:22px}.directory-card{min-height:285px}.directory-card b{right:22px;bottom:20px}
  .ref-meta{padding:20px}.ref-meta p{overflow-wrap:anywhere}.ref-image-wrap,.project-image{aspect-ratio:4/3}.ref-browser small,.project-browserbar small{max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .project-tags,.mini-chips{gap:5px}.project-tags span,.mini-chips span{font-size:.62rem}.project-image>span{right:10px;bottom:10px}
  .services-toolbar{gap:10px}.service-search input{font-size:16px}.services-filter{gap:6px}.services-filter button{padding:8px 10px;font-size:.68rem}
  .pricing-cards-section{padding-bottom:60px}.pricing-card.featured{margin-top:0}.pricing-badge{padding:7px 14px}.pricing-price{font-size:1.8rem}.compare-wrap table{min-width:620px}.compare-wrap th,.compare-wrap td{padding:12px 10px}
  .process-timeline article{gap:14px}.process-timeline h2{font-size:1.2rem}.faq-layout>aside,.values-grid article,.seo-roadmap article,.process-promises article{padding:20px}
  .cta-panel,.cta-band{padding:25px}.cta-panel .btn,.cta-band .btn{width:100%}.module-feature li{padding:13px}.footer{padding-top:48px}.footer-grid{grid-template-columns:1fr}.theme-toggle{bottom:72px}.whatsapp-float{right:14px;bottom:15px}
}

/* Compact scalable reference catalog */
.reference-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reference-tile{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.reference-tile:hover{transform:translateY(-5px);border-color:rgba(11,122,92,.38);box-shadow:0 20px 55px rgba(11,70,54,.11)}.reference-visual{display:block;color:inherit;text-decoration:none}.reference-browser{height:30px;display:flex;align-items:center;gap:4px;padding:0 9px;border-bottom:1px solid var(--line);background:#eef1ed}.reference-browser i{width:5px;height:5px;border-radius:50%;background:#b6c0ba}.reference-browser small{min-width:0;margin-left:4px;overflow:hidden;color:#7c8882;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}.reference-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#dfe7e2;isolation:isolate}.reference-media img{position:absolute}.reference-backdrop{z-index:0;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(20px) saturate(.72);opacity:.43}.reference-shot{z-index:1;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:contain;border-radius:6px;background:#f8f7f2;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .3s}.reference-tile:hover .reference-shot{transform:scale(1.015)}.reference-placeholder{aspect-ratio:16/10;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#0c2c25,#0b7a5c);color:#fff;text-align:center}.reference-info{padding:16px}.reference-info>span{display:block;min-height:2.8em;color:var(--brand);font-size:.58rem;font-weight:850;letter-spacing:.035em;line-height:1.4;text-transform:uppercase;overflow-wrap:anywhere}.reference-info h2{min-height:2.5em;margin:8px 0 7px;font-size:.94rem;line-height:1.25}.reference-info p{display:-webkit-box;min-height:4.2em;margin:0 0 14px;overflow:hidden;color:var(--muted);font-size:.7rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reference-info>a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:.68rem;font-weight:800;text-decoration:none}.reference-info>a b{color:var(--brand)}
html[data-theme=dark] .reference-tile{background:#0c251f;border-color:#315548}html[data-theme=dark] .reference-browser{background:#102f27;border-color:#315548}html[data-theme=dark] .reference-browser small{color:#a9c4b9}html[data-theme=dark] .reference-shot{background:#0c251f}html[data-theme=dark] .reference-info>a{color:#effcf7}
@media(max-width:1180px){.reference-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.reference-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-info{padding:13px}.reference-info>span{font-size:.53rem}.reference-info h2{font-size:.84rem}.reference-info p{font-size:.65rem;-webkit-line-clamp:2}.reference-info>a{font-size:.62rem}}
@media(max-width:420px){.reference-catalog{grid-template-columns:1fr;gap:15px}.reference-info{padding:18px}.reference-info>span,.reference-info h2,.reference-info p{min-height:0}.reference-info h2{font-size:1.08rem}.reference-info p{font-size:.75rem;-webkit-line-clamp:2}.reference-info>a{font-size:.72rem}.reference-media{aspect-ratio:16/9}}