@font-face{font-family:Inter;src:url('fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jbmono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jbmono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{--green:#0b5e58;--green-dark:#084844;--lime:#c8df48;--lime-strong:#b8d532;--ink:#16332f;--muted:#60726e;--paper:#fff;--soft:#f4f7f4;--line:#b7d84b;--line-soft:#dbe8cf;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.grid-bg,.glow{display:none}
.topbar{position:sticky;top:0;z-index:50;min-height:72px;background:var(--green);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.topbar::before{content:"";position:absolute;inset:0 auto 0 0;width:14%;background:linear-gradient(130deg,var(--lime) 0 68%,transparent 69%);opacity:.95;z-index:-1}.topbar nav{display:flex;align-items:center;justify-content:center;gap:38px}.topbar nav a{color:#f7fbf7;font-size:14px;font-weight:600;letter-spacing:.01em;padding:25px 0 21px;border-bottom:3px solid transparent}.topbar nav a:hover,.topbar nav a.active{color:var(--lime);border-color:var(--lime)}
.hero{min-height:560px;background:var(--green);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding:78px max(24px,calc((100vw - var(--max))/2)) 88px;max-width:none;width:100%;margin:0}.hero-copy{max-width:680px;justify-self:end}.terminal-intro{margin:0 0 12px;color:var(--lime);font:500 13px/1.4 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(68px,9vw,122px);line-height:.88;letter-spacing:-.075em}.hero h1 span{color:var(--lime)}.hero-tagline{margin:24px 0 12px;font-size:clamp(24px,2.5vw,34px);font-weight:600;letter-spacing:-.03em}.hero-lead{max-width:660px;margin:0;color:rgba(255,255,255,.82);font-size:17px}.hero-lead span{color:var(--lime)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid rgba(200,223,72,.75);border-radius:999px;background:var(--lime);color:var(--green-dark);font-size:13px;font-weight:700}.button:hover{background:#d3e75f;transform:translateY(-1px)}.button-icon{min-width:16px;text-align:center}.hero-photo-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:360px}.hero-photo-frame{width:min(420px,100%);aspect-ratio:1/1;border-radius:28px;padding:6px;background:var(--lime);box-shadow:22px 22px 0 rgba(200,223,72,.16);transform:rotate(2deg)}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 40%;border-radius:22px;filter:saturate(.9) contrast(1.04)}.photo-orbit{display:none}
.section{padding:72px 0}.section-line{border-top:1px solid var(--line-soft)}.about-grid,.motivation-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:start}.about-grid h2,.motivation-grid h2{font-size:clamp(36px,4vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0}.about-grid h2 span,.motivation-grid h2 span{color:var(--green)}.about-copy{max-width:720px;color:var(--muted);font-size:16px}.about-copy p{margin:0 0 16px}.about-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.about-links a{color:var(--green);font-weight:700}.about-links a:hover{color:#083d3a}.eyebrow,.tag{font:600 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0 0 14px}.motivation-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.motivation-tags span{border:1px solid var(--line);padding:9px 14px;border-radius:999px;color:var(--green);font-size:12px;font-weight:700;background:#fafcf4}
.page-hero{padding:78px 0 48px}.page-hero h1{margin:0;font-size:clamp(54px,8vw,96px);line-height:.95;letter-spacing:-.07em}.page-hero h1 span{color:var(--green)}.page-hero>p:last-child{max-width:720px;margin:22px 0 0;font-size:18px;color:var(--muted)}
.lab-overview{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.panel{border:1px solid var(--line-soft);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(16,54,47,.06)}.status-card{padding:18px}.panel-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600;margin:2px 4px 16px}.panel-icon,.mini-icon{color:var(--green)}.status-grid{display:grid;grid-template-columns:.68fr 1fr;border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.status-overall{padding:26px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fbfcf9;border-right:1px solid var(--line-soft)}.check-circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green-dark);font-weight:800;box-shadow:none}.status-overall strong{margin-top:14px;color:var(--green);font-size:19px;line-height:1.15}.status-overall span{margin-top:8px;color:var(--muted);font-size:12px}.service-list{padding:18px 20px;display:grid;gap:12px;align-content:center;max-height:270px;overflow-y:auto}.service-list div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:14px}.service-list i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:none}.service-list b{color:var(--green);font-weight:600}.service-empty{color:var(--muted);font-size:13px;text-align:center;padding:8px 0}.status-strip{margin-top:12px;min-height:34px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.status-strip a{margin-left:auto;color:var(--green)}.terminal-card{overflow:hidden;background:var(--green-dark)}.terminal-head{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--lime);font:500 12px/1.4 'JetBrains Mono',monospace;display:flex;align-items:center;justify-content:space-between}.window-dots{display:flex;gap:7px}.window-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.28)}pre{margin:0;padding:24px;color:#d5e1de;font:13px/1.85 'JetBrains Mono',monospace;white-space:pre-wrap}pre code span{color:var(--lime)}.cursor{display:inline-block;width:9px;height:17px;vertical-align:-3px;background:var(--lime);animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.05em}.section-head>span{color:var(--muted);font-size:12px}.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-info-card,.project-card,.mini-card,.knowledge-card,.gallery-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.service-info-card:hover,.project-card:hover,.mini-card:hover,.knowledge-card:hover,.gallery-card:hover{transform:translateY(-4px);background:#f1f6e9;box-shadow:0 14px 30px rgba(10,66,58,.08)}.service-info-card{min-height:250px;padding:22px}.service-info-top{display:flex;justify-content:space-between;align-items:center}.service-info-icon{color:var(--green);font-size:22px}.service-info-status{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:12px;font-weight:700}.service-info-status i{width:8px;height:8px;border-radius:50%;background:var(--lime)}.service-info-card h3,.project-card h3,.mini-card h3,.knowledge-card h3{margin:12px 0 6px;font-size:21px;line-height:1.12;letter-spacing:-.03em}.service-info-summary,.project-card>p:not(.tag),.mini-card p,.knowledge-card p{color:var(--muted);font-size:13px;line-height:1.55}.service-info-card small,.project-card small{display:block;margin-top:20px;color:var(--green);font:600 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.06em}.service-info-card{isolation:isolate}.service-info-hover,.architecture-hover{position:absolute;inset:0;z-index:10;padding:22px;display:flex;align-items:flex-end;background:#f4f8ec;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;isolation:isolate}.service-info-card:hover > :not(.service-info-hover),.service-info-card:focus-visible > :not(.service-info-hover),.interactive-card:hover > :not(.architecture-hover),.interactive-card:focus-visible > :not(.architecture-hover){opacity:0;transition:opacity .15s ease}.service-info-card:hover .service-info-hover,.service-info-card:focus-visible .service-info-hover,.interactive-card:hover .architecture-hover,.interactive-card:focus-visible .architecture-hover{opacity:1;transform:translateY(0)}.service-info-hover p,.architecture-hover p{margin:0;color:#14312d;font-size:13px;line-height:1.6;font-weight:500}.service-info-hover p{max-width:92%}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-grid-large{grid-template-columns:repeat(2,1fr)}.project-card{min-height:220px;padding:24px;background:linear-gradient(145deg,#ffffff 0%,#f5f9ed 100%)}.project-card.featured{background:linear-gradient(145deg,#ffffff 0%,#f5f9ed 100%)}.project-card .card-arrow{position:absolute;right:20px;bottom:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--green);background:#fff}.architecture-cards .project-card{min-height:235px}
.project-card.featured:hover,.project-card.featured:focus-visible{background:#f1f6e9}
.knowledge-overview,.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-card{min-height:220px;padding:24px}.knowledge-grid-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.knowledge-section{padding-top:24px}.knowledge-lead{max-width:840px;color:var(--muted);font-size:16px}.knowledge-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.knowledge-tags span{padding:8px 11px;border:1px solid var(--line-soft);border-radius:999px;color:var(--green);font-size:11px;font-weight:600}.knowledge-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.knowledge-modal[hidden]{display:none}.knowledge-modal-backdrop{position:absolute;inset:0;background:rgba(4,39,36,.6);backdrop-filter:blur(4px)}.knowledge-modal-dialog{position:relative;width:min(900px,100%);max-height:min(760px,90vh);overflow:auto;padding:34px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.2)}.knowledge-modal-close{position:absolute;right:18px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-soft);background:#fff;color:var(--green);cursor:pointer;font-size:24px}.knowledge-modal-dialog h2{margin:0 0 10px;font-size:42px;letter-spacing:-.05em}.knowledge-modal-lead{color:var(--muted);font-size:16px}.knowledge-modal-dialog ul{padding-left:20px;color:var(--muted)}
.dog-panel{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dog-panel-large{grid-template-columns:1.1fr .9fr}.dog-photo{width:100%;height:100%;max-height:560px;object-fit:cover;border:1px solid var(--line);border-radius:18px}.dog-copy{padding:16px 0}.dog-copy h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.06em;margin:0 0 18px}.dog-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{aspect-ratio:4/3}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block}
.legal-page{padding:80px 0}.legal-hero{margin-bottom:30px}.legal-card{max-width:840px;border:1px solid var(--line-soft);background:#fff;padding:30px;border-radius:18px}.legal-card h2{margin:26px 0 8px}.legal-card p,.legal-card li{color:var(--muted)}.legal-note{margin-top:22px;padding:16px;border-left:4px solid var(--lime);background:#f8faef}.legal-placeholder{color:#8c5f00;font-weight:600}
.footer{margin-top:54px;background:var(--green);color:#eaf1ee;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:28px;align-items:start}.footer-quote p{margin:0;color:rgba(255,255,255,.76)}.quote-mark{font-size:54px;line-height:.6;color:var(--lime);display:block;margin-bottom:10px}.footer-contact p{margin:0 0 8px}.footer-contact a{color:var(--lime);font-weight:600}.footer-social>div{display:flex;gap:10px}.footer-social>div a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(200,223,72,.6);border-radius:50%;color:var(--lime)}.footer-social small{display:block;margin-top:18px;color:rgba(255,255,255,.65)}.legal-links{display:flex!important;gap:8px!important;margin-top:10px}.legal-links a{width:auto!important;height:auto!important;border:0!important;border-radius:0!important;color:rgba(255,255,255,.7)!important;display:block!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding:60px 24px 64px}.hero-copy{justify-self:stretch}.hero-photo-wrap{min-height:0}.about-grid,.motivation-grid,.lab-overview,.dog-panel,.dog-panel-large{grid-template-columns:1fr;gap:30px}.service-card-grid,.project-grid,.knowledge-overview{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:18px}.footer-grid{grid-template-columns:1fr 1fr}.container{width:min(calc(100% - 32px),var(--max))}}
@media(max-width:620px){.topbar{min-height:64px;overflow-x:auto;justify-content:flex-start}.topbar::before{display:none}.topbar nav{min-width:max-content;gap:18px;padding:0 16px}.topbar nav a{font-size:12px;padding:22px 0 18px}.hero{min-height:auto;padding:48px 16px 56px}.hero h1{font-size:70px}.hero-tagline{font-size:22px}.hero-lead{font-size:15px}.hero-photo-frame{width:min(92vw,360px)}.section{padding:54px 0}.about-grid h2,.motivation-grid h2,.section-head h2{font-size:38px}.service-card-grid,.project-grid,.project-grid-large,.knowledge-overview,.knowledge-grid-detailed,.dog-gallery{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.status-grid{grid-template-columns:1fr}.status-overall{border-right:0;border-bottom:1px solid var(--line-soft)}.footer-grid{grid-template-columns:1fr}.knowledge-modal-dialog{padding:26px 22px}.knowledge-modal-dialog h2{font-size:34px}}

/* Homepage redesign: personal first, technical second. */
.home-hero { background: var(--green); color: #fff; width: 100%; }
.home-hero-inner { min-height: 560px; display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap:64px; padding:74px 0 82px; }
.home-hero-copy { justify-self: start; max-width: 650px; }
.home-hero-copy .hero-tagline { font-size: clamp(28px, 3.1vw, 42px); line-height:1.08; color:var(--lime); margin:22px 0 16px; }
.home-hero-copy .hero-lead { max-width: 610px; font-size:16px; color:rgba(255,255,255,.86); }
.home-hero-copy .hero-actions { margin-top:30px; }
.home-hero-copy .button-outline { background:transparent; color:#fff; border-color:rgba(200,223,72,.8); }
.home-hero-copy .button-outline:hover { background:rgba(200,223,72,.12); color:#fff; }
.home-hero-photo-wrap { justify-content:center; min-height:0; }
.home-hero-photo-frame { width:min(560px,100%); aspect-ratio:1.18/1; border-radius:18px; padding:6px; background:var(--lime); box-shadow:16px 16px 0 rgba(200,223,72,.16); transform:none; }
.home-hero-photo-frame .hero-photo { border-radius:13px; object-position:center 38%; }
.home-section { padding-top:74px; padding-bottom:74px; }
.home-about-grid { grid-template-columns: 1fr 1.05fr; gap:64px; }
.home-about-copy { max-width: 620px; margin-top:24px; }
.home-about-grid-cards { display:grid; grid-template-columns:repeat(2,1fr); border:1px solid var(--line-soft); }
.home-about-card { border-radius:0; border:0; border-right:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); min-height:150px; padding:26px; }
.home-about-card:nth-child(2n){border-right:0}.home-about-card:nth-last-child(-n+2){border-bottom:0}
.home-about-card:hover { transform:none; background:#fbfcf7; box-shadow:none; }
.mini-card-icon { display:block; color:var(--green); font-size:30px; line-height:1; margin-bottom:18px; }
.home-about-card h3 { margin:0 0 6px; font-size:18px; color:var(--ink); }
.home-about-card p { margin:0; }
.home-motivation { background:var(--soft); border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.home-motivation-head { align-items:end; }
.home-motivation-head h2 { margin:0; font-size:clamp(38px,4.5vw,58px); letter-spacing:-.055em; }
.home-motivation-head p { margin:8px 0 0; color:var(--muted); font-size:18px; }
.home-motivation-head p span { color:var(--green); font-weight:700; }
.section-note { font-size:12px; color:var(--green); font-weight:700; }
.motivation-pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:28px; }
.motivation-pillars article { padding:16px 28px 12px 0; border-right:1px solid var(--line-soft); }
.motivation-pillars article + article { padding-left:28px; }
.motivation-pillars article:last-child { border-right:0; }
.pillar-icon { width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:var(--green); color:var(--lime); font-size:25px; margin-bottom:16px; }
.motivation-pillars h3 { margin:0 0 6px; font-size:18px; }
.motivation-pillars p { margin:0; color:var(--muted); font-size:14px; }
.home-section-link { display:flex; justify-content:center; margin-top:28px; }
.outline-link { display:inline-flex; align-items:center; justify-content:center; min-width:190px; padding:10px 18px; border:1px solid var(--line); border-radius:999px; color:var(--green); font-size:13px; font-weight:700; background:#fff; }
.outline-link:hover { background:#fafcf4; }
.home-services-section .section-head { align-items:end; }
.home-services-section .section-head h2 { margin:0; }
.section-subline { margin:8px 0 0; color:var(--muted); font-size:15px; }
.home-service-grid { grid-template-columns:repeat(3,1fr); }
.home-service-grid .service-info-card { min-height:230px; }
.home-dog-section { padding-top:34px; }
.dog-panel-home { grid-template-columns:1.12fr .88fr; gap:52px; align-items:center; }
.dog-photo-card { margin:0; border:1px solid var(--line-soft); background:#fff; padding:0; overflow:hidden; }
.home-dog-photo { display:block; width:100%; height:430px; object-fit:cover; object-position:center 58%; border:0; border-radius:0; }
.home-dog-copy { padding:0; }
.home-dog-copy h2 { margin-bottom:20px; }
.home-dog-copy h2 span { color:var(--green); }
.home-dog-copy p { max-width:520px; color:var(--muted); }

@media(max-width:900px){
  .home-hero-inner{grid-template-columns:1fr;gap:38px;padding-top:60px}
  .home-hero-photo-wrap{justify-content:flex-start}
  .home-hero-photo-frame{width:min(560px,100%)}
  .home-about-grid,.dog-panel-home{grid-template-columns:1fr;gap:38px}
  .motivation-pillars{grid-template-columns:1fr;gap:22px}
  .motivation-pillars article,.motivation-pillars article + article{padding:0 0 22px;border-right:0;border-bottom:1px solid var(--line-soft)}
  .motivation-pillars article:last-child{padding-bottom:0;border-bottom:0}
  .home-service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .desktop-only{display:none}
  .home-hero-inner{padding:48px 0 56px}
  .home-hero-copy .hero-tagline{font-size:30px}
  .home-hero-copy .hero-lead{font-size:15px}
  .home-hero-photo-frame{width:100%}
  .home-about-grid-cards{grid-template-columns:1fr}
  .home-about-card,.home-about-card:nth-child(2n),.home-about-card:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line-soft)}
  .home-about-card:last-child{border-bottom:0}
  .home-motivation-head{align-items:flex-start}
  .home-service-grid{grid-template-columns:1fr}
  .home-dog-section{padding-top:12px}
  .home-dog-photo{height:320px}
}

/* Homepage service teaser */
.service-teaser{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:28px;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}
.service-teaser h2{margin:8px 0 10px;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.05em}
.service-teaser .section-subline{max-width:680px;color:var(--muted);font-size:14px;line-height:1.65;margin:0}
.service-teaser-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}
.service-teaser-tags span{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:999px;color:var(--green);font:600 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.03em}
.service-teaser-side{display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid var(--line-soft);padding-left:28px;color:var(--green)}
.service-teaser-side strong{font-size:17px}
.service-teaser-side small{max-width:240px;color:var(--muted);font-size:12px;line-height:1.55}
.service-teaser-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(170,196,72,.16)}
@media(max-width:900px){.service-teaser{grid-template-columns:1fr}.service-teaser-side{border-left:0;border-top:1px solid var(--line-soft);padding-left:0;padding-top:22px}}

/* Homelab architecture overview */
.architecture-diagram-card{
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--green-dark);
  border-radius:18px;
  padding:10px;
  box-shadow:0 18px 50px rgba(10,66,58,.10);
}
.architecture-diagram-card img{
  display:block;
  width:100%;
  height:auto;
  border-radius:12px;
}
@media(max-width:620px){
  .architecture-diagram-card{padding:6px;overflow:auto;}
  .architecture-diagram-card img{min-width:960px;max-width:none;}
}