:root{--color-background:#0b1220;--color-surface:#111827;--color-surface-elevated:#162033;--color-text:#eaf0f7;--color-text-muted:#9ba9bd;--color-border:#22304a;--color-primary:#4f8ef7;--color-accent:#39c6e6;--color-success:#3ddc97;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--container-width:76rem;--content-width:51rem;--radius-sm:.5rem;--radius:1rem;--radius-lg:1.5rem;--shadow:0 24px 70px rgba(0,0,0,.22);--header-height:4.75rem}
:root[data-theme="light"]{--color-background:#f6f8fb;--color-surface:#fff;--color-surface-elevated:#eef3f8;--color-text:#152033;--color-text-muted:#5e6c80;--color-border:#dce3ec;--color-primary:#2f6feb;--color-accent:#1fa6c8;--color-success:#1e9e6a;--shadow:0 18px 50px rgba(31,59,92,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;overflow-x:hidden;background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}body::before{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(76,145,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(76,145,255,.025) 1px,transparent 1px);background-size:48px 48px;content:""}img{display:block;max-width:100%;height:auto}a{color:var(--color-primary);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-accent)}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}h1,h2,h3,h4{margin-block:0 .65em;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.6rem,8vw,6.6rem)}h2{font-size:clamp(2rem,5vw,4rem)}h3{font-size:clamp(1.1rem,2vw,1.35rem)}p{margin-block:0 1.35em}.container{width:min(calc(100% - 2rem),var(--container-width));margin-inline:auto}.section{position:relative;padding-block:clamp(4.5rem,10vw,8rem)}.section--surface{border-block:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface),transparent)}.section-kicker,.eyebrow,.card-label{color:var(--color-accent);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-lead,.archive-hero>p,.hero-lead{color:var(--color-text-muted);font-size:clamp(1.05rem,2vw,1.3rem)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.section-heading>p{max-width:28rem;color:var(--color-text-muted)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{top:1rem;left:1rem;z-index:100000;width:auto;height:auto;padding:.75rem 1rem;margin:0;overflow:visible;clip:auto;background:var(--color-text);color:var(--color-background);font-weight:700}.button{display:inline-flex;min-height:2.9rem;align-items:center;justify-content:center;padding:.72rem 1.2rem;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),#286dcc);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 30px rgba(75,145,255,.18);cursor:pointer}.button:hover{color:#fff;transform:translateY(-1px)}.button--ghost{background:transparent;color:var(--color-text);box-shadow:none}.button--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.button--small{min-height:2.5rem;padding:.48rem .9rem;font-size:.82rem}.text-link{font-weight:700;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 88%,transparent);backdrop-filter:blur(18px)}.site-header__inner{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:1rem}.site-branding,.header-actions{display:flex;align-items:center;gap:.75rem}.site-branding__text{display:flex;flex-direction:column;line-height:1.15}.site-monogram{display:grid;width:2.45rem;height:2.45rem;place-items:center;border:1px solid var(--color-primary);border-radius:.55rem;background:linear-gradient(145deg,rgba(75,145,255,.2),rgba(54,216,229,.04));color:var(--color-text);font-family:var(--font-mono);font-size:.85rem;font-weight:800;text-decoration:none}.custom-logo{width:auto;max-height:2.8rem}.site-title{color:var(--color-text);font-weight:800;text-decoration:none}.site-tagline{display:none;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.06em}.theme-toggle,.menu-toggle{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--color-border);border-radius:.5rem;background:transparent;color:var(--color-text);cursor:pointer}.menu-toggle{width:auto;padding-inline:.75rem}.menu-toggle__label{font-size:.78rem;font-weight:700}.menu-toggle__icon{display:none}.header-cta{display:none}.primary-navigation{display:none;border-top:1px solid var(--color-border)}.primary-navigation.is-open{display:block}.primary-menu,.footer-menu,.tag-list{display:flex;padding:0;margin:0;list-style:none}.primary-menu{align-items:stretch;flex-direction:column}.primary-menu a{display:block;padding:.8rem 0;color:var(--color-text-muted);font-size:.86rem;font-weight:650;text-decoration:none}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--color-text)}
.hero{display:flex;min-height:calc(100svh - var(--header-height));align-items:center;padding-block:4rem;overflow:hidden}.hero-glow{position:absolute;top:5%;left:40%;width:55rem;height:35rem;background:radial-gradient(circle,rgba(39,111,255,.15),transparent 65%);pointer-events:none}.hero-grid{display:grid;align-items:center;gap:4rem}.eyebrow span{color:var(--color-text-muted)}.hero h1{max-width:14ch}.hero h1 span{background:linear-gradient(100deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:42rem}.hero-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.hero-actions .text-link{width:100%;margin-top:.5rem}.architecture{position:relative;min-height:31rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(16,30,49,.95),rgba(5,14,27,.96));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.04);overflow:hidden}.architecture__bar,.code-window__bar{display:flex;height:2.7rem;align-items:center;gap:.4rem;padding-inline:1rem;border-bottom:1px solid var(--color-border);font-family:var(--font-mono)}.architecture__bar>span,.code-window__bar>span{width:.5rem;height:.5rem;border-radius:50%;background:#31435a}.architecture__bar code{margin-left:.4rem;color:#7e91aa;font-size:.65rem}.architecture__bar b{margin-left:auto;color:var(--color-success);font-size:.58rem;letter-spacing:.08em}.architecture__canvas{position:relative;height:27rem}.topology-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(54,216,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(54,216,229,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(#000,transparent)}.db-node,.db-hub{position:absolute;z-index:2;padding:.65rem .8rem;border:1px solid rgba(75,145,255,.4);border-radius:.55rem;background:#0d1c2f;box-shadow:0 0 30px rgba(75,145,255,.1);font-family:var(--font-mono)}.db-node small,.db-node span,.db-hub small{display:block;color:#748da9;font-size:.53rem}.db-node strong{font-size:.74rem}.db-node--primary{top:2rem;left:50%;transform:translateX(-50%);border-color:var(--color-accent)}.db-hub{top:9rem;left:50%;width:4rem;height:4rem;padding:.55rem;transform:translateX(-50%);border-radius:50%;text-align:center}.db-hub strong{display:block;color:var(--accent);font-size:1.15rem}.db-node--secondary{top:16rem;left:10%}.db-node--dr{top:16rem;right:10%}.db-connector--main{position:absolute;top:6rem;left:50%;width:1px;height:10rem;background:linear-gradient(var(--color-accent),var(--color-primary))}.architecture__signals{position:absolute;right:1rem;bottom:1rem;left:1rem;display:grid;padding:0;margin:0;grid-template-columns:1fr 1fr;list-style:none;gap:.4rem}.architecture__signals li{display:flex;justify-content:space-between;padding:.45rem .6rem;border:1px solid var(--color-border);border-radius:.35rem;background:rgba(7,16,29,.8);color:#8ba0b9;font-family:var(--font-mono);font-size:.52rem}.architecture__signals b{color:var(--color-success)}.metrics{border-block:1px solid var(--color-border);background:var(--color-surface)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr}.metric{display:flex;min-height:8rem;padding:1.4rem;justify-content:center;flex-direction:column;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.metric strong{font-size:clamp(1.3rem,4vw,2rem)}.metric span{color:var(--color-text-muted);font-size:.72rem}.about-grid,.knowledge-grid,.contact-layout,.project-detail__grid{display:grid;gap:3rem}.portrait-placeholder{position:relative;display:grid;min-height:28rem;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%,rgba(75,145,255,.22),transparent 24%),linear-gradient(145deg,var(--color-surface-elevated),var(--color-surface));overflow:hidden}.portrait-placeholder::before{position:absolute;inset:8%;border:1px solid var(--color-border);border-radius:50% 50% 15% 15%;content:""}.portrait-placeholder span{z-index:1;font-family:var(--font-mono);font-size:clamp(4rem,16vw,8rem);font-weight:900;color:rgba(145,173,207,.14)}.portrait-placeholder small{position:absolute;bottom:2rem;color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.16em}.expertise-grid,.project-grid,.article-grid,.certification-grid{display:grid;gap:1rem}.expertise-card,.project-card,.article-card,.certification-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-elevated)}.expertise-card{padding:1.5rem}.expertise-card p,.project-card p,.article-card p{color:var(--color-text-muted)}.card-icon{display:inline-block;margin-bottom:2rem;color:var(--color-accent);font-family:var(--font-mono);font-size:.65rem}.technology-grid,.skill-cloud{display:flex;gap:.65rem;flex-wrap:wrap}.technology-grid span,.skill-cloud span{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.technology-grid i{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.timeline{border-top:1px solid var(--color-border)}.timeline-item{position:relative;display:grid;padding:2rem 0;border-bottom:1px solid var(--color-border);gap:1rem}.timeline-item::before{position:absolute;top:2.4rem;left:-.25rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 15px var(--color-accent);content:""}.timeline-item>div:first-child{padding-left:1.25rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.timeline-item small{display:block}.timeline-item>div:last-child>p{margin-bottom:.25rem;color:var(--color-primary);font-size:.75rem;font-weight:700}.tag-list{gap:.4rem;flex-wrap:wrap}.tag-list li,.tag-list span{padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:.3rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.62rem}.project-card{overflow:hidden}.project-card__visual{display:grid;min-height:11rem;place-items:center;background:radial-gradient(circle,rgba(75,145,255,.18),transparent 55%),linear-gradient(135deg,#101f34,#07111f)}.project-card__visual span{color:rgba(145,173,207,.35);font-family:var(--font-mono);font-size:1.5rem}.project-card__body{padding:1.4rem}.project-card h2,.project-card h3{font-size:1.35rem}.project-card h2 a,.project-card h3 a,.article-card h3 a{color:var(--color-text);text-decoration:none}.empty-state{padding:2rem;border:1px dashed var(--color-border);color:var(--color-text-muted)}.knowledge-section{background:linear-gradient(135deg,rgba(25,71,140,.16),transparent 55%)}.knowledge-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.knowledge-pill-grid span{padding:.75rem;border-left:2px solid var(--color-primary);background:var(--color-surface);font-size:.82rem}.code-window{border:1px solid var(--color-border);border-radius:var(--radius);background:#050c16;box-shadow:var(--shadow);overflow:hidden}.code-window__bar small{margin-left:.4rem;color:#667b94}.code-window pre{padding:1.5rem;margin:0;overflow:auto;color:#bac9da;font-family:var(--font-mono);font-size:clamp(.7rem,2vw,.9rem);line-height:1.9}.code-window b{color:#cf85ff}.code-window i{color:#6ee7ff;font-style:normal}.code-window em{color:#8ee6a9;font-style:normal}.query-status{padding:.55rem 1rem;border-top:1px solid var(--color-border);color:var(--color-success);font-family:var(--font-mono);font-size:.6rem}.certification-card{display:flex;padding:1.2rem;align-items:center;gap:1rem}.certification-card img{width:3.5rem;height:3.5rem;object-fit:contain}.certification-card p,.certification-card h3{margin:0}.article-filters{display:flex;margin-bottom:1.5rem;gap:.5rem;flex-wrap:wrap}.article-filters button{padding:.45rem .75rem;border:1px solid var(--color-border);border-radius:2rem;background:transparent;color:var(--color-text-muted);font-size:.75rem;cursor:pointer}.article-filters button.is-active{border-color:var(--color-primary);background:rgba(75,145,255,.12);color:var(--color-text)}.article-card{padding:1.4rem}.article-card footer{display:flex;justify-content:space-between;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.62rem}.is-filtered-out{display:none}.contact-cta__inner{padding:clamp(2rem,6vw,4rem);border:1px solid rgba(75,145,255,.3);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(75,145,255,.14),rgba(54,216,229,.04))}.contact-cta__inner>div:last-child{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.site-footer{padding-top:4rem;border-top:1px solid var(--color-border);background:#050c16;color:#d8e5f5}.site-footer__inner{display:grid;gap:2rem}.footer-brand{display:flex;flex-direction:column}.footer-brand span,.site-info{color:#70839a;font-size:.76rem}.footer-menu,.footer-socials{gap:1rem;flex-wrap:wrap}.footer-menu a,.footer-socials a{color:#a6b7ca;font-size:.8rem;text-decoration:none}.footer-bottom{padding-block:1.5rem;margin-top:2rem;border-top:1px solid rgba(145,173,207,.12)}.site-info{margin:0}
.site-main:not(.front-page){min-height:65vh;padding-block:clamp(3rem,8vw,6rem)}.archive-hero{max-width:55rem;margin-bottom:3rem}.archive-shell>.navigation{margin-top:3rem}.entry-content{max-width:var(--content-width)}.entry-content>*+*{margin-top:1.4rem}.entry-content h2,.entry-content h3{margin-top:2em}.entry-content pre{position:relative;padding:1.4rem;margin-inline:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#050c16;color:#c7d6e7;font-family:var(--font-mono);font-size:.85rem;overflow:auto}.copy-code{position:absolute;top:.6rem;right:.6rem;padding:.3rem .5rem;border:1px solid #344960;border-radius:.3rem;background:#0d1b2b;color:#a8bad0;font-size:.65rem;cursor:pointer}.wp-block-quote,.callout{padding:1rem 1.25rem;border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:var(--color-surface)}.project-hero,.article-hero{padding-block:3rem;border-bottom:1px solid var(--color-border)}.project-hero h1,.article-hero h1{font-size:clamp(2.5rem,7vw,5rem)}.project-detail__grid{padding-block:4rem}.project-sidebar{height:max-content;padding:1.4rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);position:sticky;top:8rem}.project-sidebar .button{width:100%;margin-top:.6rem}.article-page{padding-top:0!important}.reading-progress{position:fixed;z-index:60;top:0;left:0;width:100%;height:2px}.reading-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.article-hero{text-align:center}.article-hero h1{max-width:18ch;margin-inline:auto}.article-meta{display:flex;justify-content:center;gap:1rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.article-image{margin-top:2rem}.article-image img{width:100%;max-height:34rem;border-radius:var(--radius);object-fit:cover}.article-layout{display:grid;padding-block:3rem;gap:3rem}.article-toc{display:none}.article-content{margin-inline:auto}.article-content>p:first-child{font-size:1.2rem;color:var(--color-text-muted)}.author-box{display:flex;padding:1.4rem;margin-top:3rem;gap:1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.author-box p{margin:0;color:var(--color-text-muted);font-size:.85rem}.related-posts{padding-bottom:5rem}.contact-layout{align-items:start}.contact-panel{padding:clamp(1.25rem,4vw,2.5rem);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.contact-form p{margin-bottom:1rem}.contact-form label{display:block;margin-bottom:.3rem;font-size:.78rem;font-weight:700}.contact-form label span{color:var(--color-accent)}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.4rem;background:var(--color-background);color:var(--color-text)}.form-grid{display:grid;gap:1rem}.honeypot{position:absolute;left:-9999px}.form-notice{padding:.8rem;margin-bottom:1rem;border:1px solid var(--color-border);border-radius:.4rem}.form-notice--success{border-color:var(--color-success)}.form-notice--error{border-color:#ff6b7a}.cv-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.cv-actions{display:flex;gap:.6rem;flex-wrap:wrap}.cv-content{margin-inline:auto}
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(min-width:48rem){.container{width:min(calc(100% - 3rem),var(--container-width))}.site-tagline{display:block}.header-cta{display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,1fr)}.metric{border-bottom:0}.expertise-grid,.project-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.knowledge-grid,.contact-layout{grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:center}.timeline-item{grid-template-columns:14rem 1fr;padding:2.5rem 0}.timeline-item::before{left:13rem}.timeline-item>div:last-child{padding-left:2rem}.form-grid{grid-template-columns:1fr 1fr}.site-footer__inner{grid-template-columns:1.2fr 1fr auto;align-items:start}.contact-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.contact-cta__inner>div:first-child{max-width:42rem}.project-detail__grid{grid-template-columns:minmax(0,1fr) 17rem}}
@media(min-width:64rem){.site-header__inner{min-height:5rem}.menu-toggle{display:none}.primary-navigation,.primary-navigation.is-open{display:block;border-top:1px solid var(--color-border)}.primary-menu{justify-content:center;gap:1.6rem;flex-direction:row}.primary-menu a{padding:.65rem 0}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(26rem,.85fr)}.hero-actions .text-link{width:auto;margin:0 0 0 .5rem}.expertise-grid{grid-template-columns:repeat(4,1fr)}.project-grid,.article-grid{grid-template-columns:repeat(3,1fr)}.certification-grid{grid-template-columns:repeat(3,1fr)}.article-layout{grid-template-columns:14rem minmax(0,var(--content-width)) 1fr}.article-toc{display:block;position:sticky;top:8rem;height:max-content;color:var(--color-text-muted);font-size:.75rem}.article-toc nav{display:flex;margin-top:.8rem;flex-direction:column;gap:.45rem}.article-toc a{color:var(--color-text-muted);text-decoration:none}.article-content{grid-column:2}.contact-layout{grid-template-columns:.8fr 1.2fr}}
@media(min-width:90rem){.architecture{min-height:34rem}.architecture__canvas{height:30rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}
@media print{.site-header,.site-footer,.cv-actions,.reading-progress{display:none!important}:root{--color-background:#fff;--color-text:#111;--color-text-muted:#444;--color-border:#bbb}body{background:#fff;color:#111}.site-main{padding:0!important}.cv-page{width:100%;font-size:10pt}.cv-page h1{font-size:26pt}.cv-page h2{font-size:16pt}.cv-page a{color:#111;text-decoration:none}.technology-grid span{padding:.3rem;background:none}.section{padding-block:1rem}@page{margin:1.5cm}}

/* Final visual refinement: calmer contrast, balanced scale and consistent cards. */
:root {
	--color-background: #091321;
	--color-surface: #0d1929;
	--color-surface-elevated: #122033;
	--color-text: #e8eef7;
	--color-text-muted: #9babc0;
	--color-border: rgba(154, 177, 207, 0.2);
	--color-primary: #568de4;
	--color-accent: #4bc5d1;
	--container-width: 80rem;
	--header-height: 4.625rem;
}

:root[data-theme="light"] {
	--color-background: #f8fafc;
	--color-surface: #f1f5f9;
	--color-surface-elevated: #ffffff;
	--color-text: #0f172a;
	--color-text-muted: #526278;
	--color-border: rgba(30, 64, 105, 0.16);
	--color-primary: #2563eb;
	--color-accent: #158a9b;
}

body {
	font-size: clamp(1rem, 0.97rem + 0.12vw, 1.075rem);
	line-height: 1.65;
}

body::before {
	opacity: 0.55;
	background-size: 54px 54px;
}

h2 {
	font-size: clamp(2.25rem, 3.5vw, 3.25rem);
	line-height: 1.08;
}

h3 {
	font-size: clamp(1.2rem, 1.5vw, 1.45rem);
	line-height: 1.2;
}

.section {
	padding-block: clamp(5rem, 8vw, 7.5rem);
}

.section + .section {
	border-top: 1px solid color-mix(in srgb, var(--color-border) 60%, transparent);
}

.button {
	min-height: 3rem;
	padding-inline: 1.25rem;
	border-radius: 0.625rem;
	box-shadow: 0 8px 24px rgba(42, 105, 194, 0.16);
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.site-header {
	background: color-mix(in srgb, var(--color-background) 91%, transparent);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.015);
}

.site-monogram {
	width: 2.625rem;
	height: 2.625rem;
	border-color: color-mix(in srgb, var(--color-primary) 72%, var(--color-border));
	font-size: 0.9rem;
	box-shadow: inset 0 0 20px rgba(75, 133, 219, 0.08);
}

.site-title {
	font-size: 0.95rem;
}

.site-tagline {
	font-size: 0.65rem;
	letter-spacing: 0.045em;
}

.primary-menu a {
	position: relative;
	font-size: 0.91rem;
}

.primary-menu a::after {
	position: absolute;
	right: 0;
	bottom: 0.35rem;
	left: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--color-accent);
	content: "";
	transform: scaleX(0);
	transition: transform 180ms ease;
}

.primary-menu a:hover::after,
.primary-menu .current-menu-item > a::after,
.primary-menu .current_page_item > a::after {
	transform: scaleX(1);
}

.header-cta {
	background: linear-gradient(135deg, #4f86dc, #326cbf);
	box-shadow: 0 7px 22px rgba(51, 108, 191, 0.2);
}

.hero {
	min-height: min(52rem, calc(100svh - var(--header-height)));
	padding-block: clamp(2.75rem, 6vw, 5rem);
}

.hero-grid {
	gap: clamp(3rem, 6vw, 6rem);
}

.hero h1 {
	max-width: 13.5ch;
	font-size: clamp(3.25rem, 6.1vw, 5.5rem);
	line-height: 0.99;
	letter-spacing: -0.045em;
}

.hero-lead {
	max-width: 40rem;
	margin-bottom: 1.75rem;
	line-height: 1.65;
}

.hero-actions {
	gap: 0.75rem;
}

.hero-glow {
	opacity: 0.65;
}

.architecture {
	min-height: 34rem;
	border-color: rgba(122, 163, 214, 0.26);
	background: linear-gradient(145deg, rgba(18, 34, 54, 0.97), rgba(8, 19, 33, 0.98));
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.05);
}

.architecture__canvas {
	height: 31rem;
}

.topology-grid {
	opacity: 0.42;
	background-size: 34px 34px;
}

.db-node,
.db-hub {
	padding: 0.8rem 0.95rem;
	border-color: rgba(86, 141, 228, 0.54);
	background: #112238;
	box-shadow: 0 0 22px rgba(75, 133, 219, 0.08);
}

.db-node small,
.db-node span,
.db-hub small {
	color: #9aadc4;
	font-size: 0.61rem;
}

.db-node strong {
	font-size: 0.86rem;
}

.db-node--primary {
	top: 2.5rem;
}

.db-hub {
	top: 10rem;
	width: 4.5rem;
	height: 4.5rem;
}

.db-node--secondary,
.db-node--dr {
	top: 18.5rem;
}

.db-connector--main {
	top: 7rem;
	height: 11.5rem;
	width: 2px;
	opacity: 0.78;
}

.architecture__signals {
	gap: 0.55rem;
}

.architecture__signals li {
	padding: 0.6rem 0.7rem;
	color: #a2b4c8;
	font-size: 0.62rem;
}

.metrics {
	padding-block: 1.25rem;
	border-block: 0;
	background: linear-gradient(180deg, var(--color-background), var(--color-surface));
}

.metrics-grid {
	gap: 0.75rem;
}

.metric {
	min-height: 8.75rem;
	padding: 1.5rem;
	border: 1px solid var(--color-border);
	border-radius: 1rem;
	background: linear-gradient(145deg, color-mix(in srgb, var(--color-surface-elevated) 92%, transparent), color-mix(in srgb, var(--color-surface) 78%, transparent));
}

.metric strong {
	font-size: clamp(1.55rem, 3vw, 2.25rem);
	line-height: 1.15;
}

.metric span {
	margin-top: 0.35rem;
	font-size: 0.78rem;
}

.about-grid {
	gap: clamp(3rem, 7vw, 6.5rem);
}

.about-grid > div:last-child {
	max-width: 45rem;
}

.about-grid p {
	line-height: 1.75;
}

.portrait-placeholder {
	min-height: 25rem;
	background: radial-gradient(circle at 50% 35%, rgba(75, 133, 219, 0.13), transparent 25%), linear-gradient(145deg, var(--color-surface-elevated), var(--color-surface));
}

.expertise-grid,
.project-grid,
.article-grid {
	align-items: stretch;
}

.expertise-card,
.project-card,
.article-card {
	height: 100%;
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.expertise-card {
	display: flex;
	min-height: 17rem;
	padding: 1.65rem;
	flex-direction: column;
}

.expertise-card p {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.65;
}

.expertise-card:hover,
.project-card:hover,
.article-card:hover {
	border-color: color-mix(in srgb, var(--color-primary) 50%, var(--color-border));
	transform: translateY(-2px);
}

.card-icon {
	min-height: 2rem;
	margin-bottom: 1.5rem;
}

.project-card {
	display: flex;
	flex-direction: column;
}

.project-card__visual {
	min-height: 12rem;
}

.project-card__body {
	display: flex;
	padding: 1.55rem;
	flex: 1;
	flex-direction: column;
}

.project-card__body > p:not(.card-label) {
	line-height: 1.65;
}

.project-card__body .tag-list {
	margin-top: auto;
	padding-top: 0.5rem;
}

.project-card__link {
	margin-top: 1.25rem;
	font-size: 0.8rem;
	font-weight: 750;
	text-decoration: none;
}

.card-label {
	display: inline-flex;
	width: max-content;
	padding: 0.25rem 0.5rem;
	border: 1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));
	border-radius: 2rem;
	background: color-mix(in srgb, var(--color-accent) 6%, transparent);
	font-size: 0.68rem;
}

.article-card {
	display: flex;
	min-height: 18rem;
	padding: 1.6rem;
	flex-direction: column;
}

.article-card h3 {
	font-weight: 750;
}

.article-card > p:not(.card-label) {
	line-height: 1.7;
}

.article-card footer {
	margin-top: auto;
	padding-top: 1rem;
	opacity: 0.82;
}

.knowledge-grid {
	gap: clamp(3rem, 7vw, 6rem);
}

.code-window {
	background: #07111f;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2);
}

.code-window pre {
	color: #e0e8f1;
}

.code-window b {
	color: #70a7ff;
}

.code-window i {
	color: #dbe6f2;
}

.code-window em {
	color: #79d4ad;
}

.editor-copy {
	margin-left: auto;
	padding: 0.25rem 0.55rem;
	border: 1px solid #354c67;
	border-radius: 0.3rem;
	background: #0e1d30;
	color: #b7c7d9;
	font-family: var(--font-mono);
	font-size: 0.63rem;
	cursor: pointer;
}

.contact-cta {
	padding-block: clamp(5.5rem, 9vw, 8rem);
}

.contact-cta__inner {
	padding: clamp(2.5rem, 6vw, 4.5rem);
	background: linear-gradient(135deg, rgba(69, 123, 204, 0.13), rgba(64, 174, 184, 0.035));
}

.contact-cta__inner p {
	max-width: 41rem;
}

.site-footer {
	padding-top: 3rem;
}

.footer-brand {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 0.85rem;
}

.footer-brand > span:last-child {
	display: flex;
	flex-direction: column;
}

.footer-brand small {
	color: #8092a8;
	font-size: 0.68rem;
}

.footer-bottom {
	padding-block: 1.25rem;
	margin-top: 1.75rem;
}

@media (max-width: 47.99rem) {
	.hero {
		padding-top: 2.5rem;
	}

	.hero h1 {
		font-size: clamp(2.8rem, 13vw, 3.75rem);
		line-height: 1.02;
	}

	.hero-actions .button {
		flex: 1 1 calc(50% - 0.5rem);
	}

	.architecture {
		min-height: 31rem;
	}

	.architecture__canvas {
		height: 28rem;
	}

	.db-node--secondary {
		left: 5%;
	}

	.db-node--dr {
		right: 5%;
	}

	.metrics-grid {
		grid-template-columns: 1fr;
	}

	.metric {
		min-height: 7.5rem;
	}

	.section-heading,
	.cv-header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.hero-grid {
		max-width: 52rem;
	}

	.architecture {
		width: min(100%, 45rem);
		margin-inline: auto;
	}
}

@media (min-width: 64rem) {
	.hero-grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(30rem, 0.95fr);
	}

	.architecture {
		width: 108%;
		margin-left: -2%;
	}
}

@media (min-width: 90rem) {
	:root {
		--container-width: 85rem;
	}

	.hero h1 {
		font-size: 5.5rem;
	}
}

@media print {
	:root,
	:root[data-theme="light"] {
		--color-background: #ffffff;
		--color-surface: #ffffff;
		--color-surface-elevated: #ffffff;
		--color-text: #111111;
		--color-text-muted: #444444;
		--color-border: #bbbbbb;
	}

	body {
		background: #ffffff;
		color: #111111;
	}
}

/* Component-level contrast isolation for light and dark themes. */
.architecture {
	--topology-surface: #0b1728;
	--topology-surface-elevated: #11243b;
	--topology-text: #f1f5f9;
	--topology-muted: #a8b7ca;
	--topology-border: rgba(125, 161, 205, 0.42);
	--topology-accent: #50c8d5;
	--topology-primary: #67a1f4;
	background: linear-gradient(145deg, var(--topology-surface-elevated), var(--topology-surface));
	color: var(--topology-text);
}

.architecture .db-node,
.architecture .db-hub {
	border-color: var(--topology-border);
	background: var(--topology-surface-elevated);
	color: var(--topology-text);
}

.architecture .db-node strong,
.architecture .db-hub strong {
	color: var(--topology-text);
}

.architecture .db-node small,
.architecture .db-node span,
.architecture .db-hub small,
.architecture__bar code {
	color: var(--topology-muted);
}

.architecture .db-node--primary {
	border-color: var(--topology-accent);
}

.architecture .db-connector--main {
	background: linear-gradient(var(--topology-accent), var(--topology-primary));
}

.architecture__signals li {
	border-color: var(--topology-border);
	background: rgba(7, 17, 30, 0.94);
	color: var(--topology-muted);
}

.architecture__signals b,
.architecture__bar b {
	color: #65d9ad;
}

.code-window,
.entry-content pre {
	--editor-text: #dce7f3;
	--editor-muted: #9bacbf;
	--editor-border: rgba(130, 158, 194, 0.3);
	border-color: var(--editor-border);
	background: #07111f;
	color: var(--editor-text);
}

.code-window__bar,
.query-status {
	color: var(--editor-muted);
}

:root[data-theme="light"] .site-header {
	background: rgba(248, 250, 252, 0.92);
}

:root[data-theme="light"] .site-title,
:root[data-theme="light"] .primary-menu a,
:root[data-theme="light"] h1,
:root[data-theme="light"] h2,
:root[data-theme="light"] h3 {
	color: #0f172a;
}

:root[data-theme="light"] .site-tagline,
:root[data-theme="light"] .entry-meta,
:root[data-theme="light"] .article-meta,
:root[data-theme="light"] .archive-description,
:root[data-theme="light"] .project-card p,
:root[data-theme="light"] .article-card p,
:root[data-theme="light"] .expertise-card p,
:root[data-theme="light"] .blog-entry p {
	color: #526278;
}

:root[data-theme="light"] .primary-menu a:hover,
:root[data-theme="light"] .primary-menu .current-menu-item > a {
	color: #0b3477;
}

:root[data-theme="light"] .theme-toggle,
:root[data-theme="light"] .menu-toggle,
:root[data-theme="light"] .language-switcher {
	border-color: rgba(30, 64, 105, 0.24);
	background: rgba(255, 255, 255, 0.72);
	color: #172033;
}

:root[data-theme="light"] .technology-grid span,
:root[data-theme="light"] .skill-cloud span,
:root[data-theme="light"] .tag-list li,
:root[data-theme="light"] .tag-list span {
	border-color: rgba(30, 64, 105, 0.18);
	background: #ffffff;
	color: #42536a;
}

:root[data-theme="light"] .button--ghost {
	border-color: #7e98b8;
	color: #17345d;
}

:root[data-theme="light"] .contact-form input,
:root[data-theme="light"] .contact-form textarea,
:root[data-theme="light"] .search-field {
	border-color: rgba(30, 64, 105, 0.26);
	background: #ffffff;
	color: #0f172a;
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder {
	color: #64748b;
	opacity: 1;
}

:root[data-theme="light"] .contact-form label,
:root[data-theme="light"] .contact-info-card dt,
:root[data-theme="light"] .contact-info-card dd {
	color: #26364d;
}

:root[data-theme="light"] .site-footer,
:root[data-theme="light"] .site-footer .site-monogram {
	color: #dce7f3;
}

.contact-form input,
.contact-form textarea {
	min-height: 3.1rem;
}

.contact-form textarea {
	min-height: 10rem;
	resize: vertical;
}

.contact-form input:invalid:not(:placeholder-shown),
.contact-form textarea:invalid:not(:placeholder-shown) {
	border-color: #d14343;
}

.availability-status {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.35rem 0.6rem;
	margin-bottom: 1.5rem;
	border: 1px solid color-mix(in srgb, var(--color-success) 35%, var(--color-border));
	border-radius: 2rem;
	color: var(--color-text-muted);
	font-size: 0.72rem;
}

.availability-status i {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--color-success);
	box-shadow: 0 0 10px color-mix(in srgb, var(--color-success) 65%, transparent);
}

@media (max-width: 63.99rem) {
	.header-actions .language-switcher {
		order: 1;
	}

	.header-actions .theme-toggle {
		order: 2;
	}

	.header-actions .menu-toggle {
		order: 3;
	}

	.header-actions .header-cta {
		order: 4;
	}

	.mobile-nav-contact {
		padding-block: 1rem 0.25rem;
		border-top: 1px solid var(--color-border);
	}

	.mobile-nav-contact .button {
		width: 100%;
	}
}

@media (min-width: 64rem) {
	.mobile-nav-contact {
		display: none;
	}
}

.language-switcher {
	display: inline-flex;
	padding: 0.2rem;
	border: 1px solid var(--color-border);
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--color-surface) 70%, transparent);
}

.language-switcher a {
	min-width: 2rem;
	padding: 0.25rem 0.4rem;
	border-radius: 0.3rem;
	color: var(--color-text-muted);
	font-family: var(--font-mono);
	font-size: 0.65rem;
	font-weight: 750;
	text-align: center;
	text-decoration: none;
}

.language-switcher a.is-active {
	background: color-mix(in srgb, var(--color-primary) 15%, transparent);
	color: var(--color-accent);
}

.engineering-visual,
.engineering-visual img {
	display: block;
	width: 100%;
}

.engineering-visual img {
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.about-visual {
	position: relative;
	min-height: 25rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-surface);
	overflow: hidden;
}

.about-visual::after,
.project-card__visual::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(7, 18, 32, 0.04), rgba(7, 18, 32, 0.34));
	content: "";
	pointer-events: none;
}

.about-visual .engineering-visual {
	position: absolute;
	inset: 0;
	height: 100%;
}

.project-card__visual {
	position: relative;
}

.project-card__visual .engineering-visual {
	height: 12rem;
}

:root[data-theme="light"] .about-visual img,
:root[data-theme="light"] .project-card__visual img {
	filter: brightness(1.08) saturate(0.82);
}

.header-social-link {
	display: grid;
	width: 2.5rem;
	height: 2.5rem;
	place-items: center;
	border: 1px solid var(--color-border);
	border-radius: 0.5rem;
	color: var(--color-text);
	font-family: var(--font-mono);
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
}

.header-social-link:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}

.profile-photo {
	display: flex;
	min-height: 12rem;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0.9rem;
}

.profile-photo__image,
.profile-photo__fallback {
	display: grid;
	width: clamp(6rem, 12vw, 9rem);
	height: clamp(6rem, 12vw, 9rem);
	place-items: center;
	border: 2px solid #304563;
	border-radius: 50%;
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font-family: var(--font-mono);
	font-size: clamp(1.4rem, 4vw, 2.2rem);
	font-weight: 800;
	object-fit: cover;
	object-position: center top;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}

:root[data-theme="light"] .profile-photo__image,
:root[data-theme="light"] .profile-photo__fallback {
	border-color: #c8d4e3;
}

.profile-photo small {
	color: var(--color-text-muted);
	font-family: var(--font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.inner-page h2,
.archive-shell h2,
.cv-content h2,
.contact-page h2 {
	font-size: clamp(2rem, 4vw, 3.25rem);
}

::placeholder {
	color: color-mix(in srgb, var(--color-text-muted) 82%, transparent);
	opacity: 1;
}

@media (max-width: 30rem) {
.header-actions {
		gap: 0.4rem;
	}

	.language-switcher a {
		min-width: 1.75rem;
		padding-inline: 0.25rem;
	}

	.site-branding__text {
		max-width: 8.2rem;
	}

	.site-title {
		font-size: 0.8rem;
	}

	.site-tagline {
		display: none;
	}

	.menu-toggle {
		padding-inline: 0.55rem;
	}

	.menu-toggle__label {
		font-size: 0;
	}

	.menu-toggle__label::after {
		font-size: 0.72rem;
		content: "☰";
	}
}

/* Complete inner-page and topology refinements. */
.architecture {
	min-height: 36rem;
}

.architecture__canvas {
	height: 33rem;
	padding-bottom: 2rem;
}

.db-node--secondary,
.db-node--dr {
	top: 17rem;
}

.architecture__signals {
	right: 1.4rem;
	bottom: 1.4rem;
	left: 1.4rem;
	gap: 0.65rem;
}

.architecture__signals li {
	min-height: 2.25rem;
	align-items: center;
	padding: 0.65rem 0.8rem;
	font-size: 0.66rem;
}

.architecture__signals b {
	margin-left: 0.75rem;
	text-align: right;
}

.inner-hero {
	padding-block: clamp(4rem, 8vw, 7rem);
	border-bottom: 1px solid var(--color-border);
	background: linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 72%, transparent), transparent 65%);
}

.inner-hero h1,
.archive-hero h1 {
	max-width: 18ch;
	font-size: clamp(2.8rem, 6vw, 5.25rem);
}

.inner-hero .section-lead {
	max-width: 48rem;
}

.inner-hero__role {
	color: var(--color-primary);
	font-family: var(--font-mono);
	font-size: clamp(1rem, 2vw, 1.25rem);
	font-weight: 700;
}

.principle-grid,
.highlight-grid,
.expertise-detail-grid {
	display: grid;
	gap: 1rem;
}

.principle-card,
.highlight-grid article,
.expertise-detail-card,
.contact-info-card,
.featured-article,
.blog-entry,
.blog-sidebar section {
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid var(--color-border);
	border-radius: var(--radius);
	background: var(--color-surface-elevated);
}

.principle-card p,
.highlight-grid p,
.expertise-detail-card > p {
	margin-bottom: 0;
	color: var(--color-text-muted);
}

.skill-cloud--large span {
	padding: 0.85rem 1rem;
	font-size: 0.78rem;
}

.expertise-detail-card h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
}

.expertise-detail-card h3 {
	margin-top: 2rem;
	font-family: var(--font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.expertise-detail-card ul {
	padding-left: 1.1rem;
	margin-bottom: 0;
	color: var(--color-text-muted);
}

.featured-article {
	min-height: 22rem;
	margin-bottom: 2rem;
	background: linear-gradient(135deg, rgba(71, 125, 205, 0.13), var(--color-surface-elevated));
}

.featured-article > div {
	max-width: 48rem;
}

.featured-article h2 a,
.blog-entry h2 a {
	color: var(--color-text);
	text-decoration: none;
}

.article-grid--archive .article-card h2 {
	font-size: 1.45rem;
}

.blog-layout {
	display: grid;
	gap: 2rem;
}

.blog-feed {
	display: grid;
	gap: 1rem;
}

.blog-entry h2 {
	font-size: clamp(1.6rem, 3vw, 2.25rem);
}

.blog-sidebar {
	display: grid;
	height: max-content;
	gap: 1rem;
}

.blog-sidebar h2 {
	font-size: 1rem;
}

.blog-sidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.blog-sidebar li + li {
	margin-top: 0.5rem;
}

.contact-page > .archive-hero {
	margin-inline: 0;
}

.contact-layout {
	align-items: start;
}

.contact-info-card {
	position: sticky;
	top: 8rem;
}

.contact-info-card h2 {
	font-size: clamp(1.5rem, 3vw, 2rem);
}

.contact-info-card dt {
	margin-top: 1.25rem;
	color: var(--color-text-muted);
	font-family: var(--font-mono);
	font-size: 0.68rem;
	text-transform: uppercase;
}

.contact-info-card dd {
	margin: 0.25rem 0 0;
}

.contact-socials {
	display: flex;
	margin-top: 2rem;
	gap: 1rem;
}

.consent-field label {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	font-weight: 400;
}

.contact-form .consent-field input {
	width: 1rem;
	height: 1rem;
	margin-top: 0.25rem;
	flex: 0 0 auto;
}

.is-disabled,
.footer-socials [aria-disabled="true"] {
	opacity: 0.48;
	cursor: not-allowed;
}

.footer-socials [aria-disabled="true"] {
	color: #8092a8;
	font-size: 0.8rem;
}

.error-404 {
	max-width: 52rem;
	padding-block: clamp(5rem, 12vw, 10rem) !important;
	text-align: center;
}

.error-404__code {
	background: linear-gradient(100deg, var(--color-primary), var(--color-accent));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--font-mono);
	font-size: clamp(5rem, 18vw, 10rem);
	font-weight: 900;
	line-height: 0.9;
	opacity: 0.24;
}

.error-404 > p,
.error-404 > form {
	max-width: 42rem;
	margin-inline: auto;
}

.search-form {
	display: flex;
	margin-block: 2rem;
	gap: 0.65rem;
}

.search-field {
	width: 100%;
	min-width: 0;
	padding: 0.8rem 1rem;
	border: 1px solid var(--color-border);
	border-radius: 0.625rem;
	background: var(--color-surface-elevated);
	color: var(--color-text);
}

.error-404__actions {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}

@media (max-width: 47.99rem) {
	.architecture {
		min-height: 34rem;
	}

	.architecture__canvas {
		height: 31rem;
	}

	.db-node--secondary,
	.db-node--dr {
		top: 15.75rem;
	}

	.architecture__signals {
		right: 0.8rem;
		bottom: 0.9rem;
		left: 0.8rem;
		grid-template-columns: 1fr;
		gap: 0.35rem;
	}

	.architecture__signals li {
		min-height: 1.8rem;
		padding: 0.4rem 0.6rem;
	}

	.search-form {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (min-width: 48rem) {
	.principle-grid,
	.highlight-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.expertise-detail-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 64rem) {
	.principle-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.highlight-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.blog-layout {
		grid-template-columns: minmax(0, 1fr) 18rem;
		gap: 3rem;
	}
}

@media (min-width: 64rem) and (max-width: 74rem) {
	.architecture {
		min-height: 37rem;
	}

	.architecture__canvas {
		height: 34rem;
	}

	.architecture__signals {
		grid-template-columns: 1fr;
	}
}

@media print {
	a[href]::after {
		content: " (" attr(href) ")";
		font-size: 8pt;
		font-weight: 400;
	}

	.site-monogram::after,
	.button::after {
		content: none;
	}

	.site-footer {
		display: none !important;
	}
}