/* Homepage AI specializations: native SVG depth, with no rendering library. */
.home-page .ai-hero {
  min-height:0;
  padding-top:clamp(2.75rem,5vh,4.5rem) !important;
  padding-bottom:clamp(2.75rem,5vh,4.5rem) !important;
  background:
    radial-gradient(ellipse at 95% 32%,color-mix(in srgb,var(--signal) 9%,transparent),transparent 43%),
    linear-gradient(130deg,var(--page),var(--page-alt)) !important;
}
.home-page .ai-hero::before { opacity:.22; background-size:54px 54px; }
.home-page .ai-hero::after { content:none; }
.home-page .ai-hero { isolation:isolate; }
.home-kinetic-dial {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
.home-tunnel-art {
  position:absolute;
  top:49%;
  right:-5%;
  width:min(1040px,82vw);
  height:auto;
  color:var(--accent);
  opacity:.27;
  transform:translateY(-50%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 31%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 31%,#000 100%);
}
.home-tunnel-art__rails { opacity:.24; }
.home-tunnel-art__rings { stroke-width:1.4; }
.home-tunnel-art__segments { stroke-width:2.4; opacity:.45; }
.home-tunnel-art__light-halo,
.home-tunnel-art__floor-halo { stroke-width:15; opacity:.12; }
.home-tunnel-art__light-line,
.home-tunnel-art__floor-line { stroke-width:2.8; opacity:.78; }
.home-tunnel-art__sparks { opacity:.62; }
html[data-theme="dark"] .home-tunnel-art,
body.dark-mode .home-tunnel-art { opacity:.69; }
.home-kinetic-dial__plane {
  position:absolute;
  top:48%;
  right:-8%;
  width:clamp(570px,58vw,820px);
  aspect-ratio:1;
  color:var(--accent);
  opacity:.31;
  transform:translateY(-50%) perspective(950px) rotateX(23deg) rotateY(calc(-13deg + var(--dial-scroll-tilt,0deg))) rotateZ(var(--dial-scroll-angle,0deg));
  transform-origin:center;
  transform-style:preserve-3d;
  transition:none;
}
.home-kinetic-dial__plane::before {
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 67%);
  content:"";
}
.home-kinetic-dial__plane svg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  transform-origin:center;
}
.home-kinetic-dial__rotor--outer { animation:homeDialClockwise 108s linear infinite; }
.home-kinetic-dial__rotor--inner { animation:homeDialCounterclockwise 74s linear infinite; }
.home-kinetic-dial.is-offscreen .home-kinetic-dial__rotor { animation-play-state:paused; }
.home-kinetic-dial__fine { stroke-width:1; opacity:.75; }
.home-kinetic-dial__ticks { stroke-width:5; stroke-dasharray:2 18; opacity:.75; }
.home-kinetic-dial__ticks--inner { stroke-width:3; stroke-dasharray:3 25; opacity:.7; }
.home-kinetic-dial__arc { stroke-width:3; stroke-dasharray:94 24 10 24 180 24; opacity:.85; }
.home-kinetic-dial__segment { stroke-width:2; stroke-dasharray:50 17 5 17 110 17; opacity:.9; }
.home-kinetic-dial__core-ring { stroke-width:12; stroke-dasharray:3 20; opacity:.43; }
.home-kinetic-dial__network { stroke-width:1.2; opacity:.44; }
.home-kinetic-dial__node { fill:currentColor; stroke:none; }
.home-kinetic-dial__heart { fill:var(--page); stroke:currentColor; stroke-width:5; }
html[data-theme="dark"] .home-kinetic-dial__plane,
body.dark-mode .home-kinetic-dial__plane { opacity:.5; }
@keyframes homeDialClockwise { to { transform:rotate(360deg); } }
@keyframes homeDialCounterclockwise { to { transform:rotate(-360deg); } }

@media print { .home-kinetic-dial { display:none !important; } }

.ai-hero > .container { position:relative; z-index:1; max-width:1280px; }
.home-page .ai-hero .profile-teaser {
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(250px,.82fr);
  gap:clamp(2rem,4vw,4.5rem);
  align-items:center;
  text-align:left;
}
.home-page .ai-hero .profile-teaser .media-body { width:100% !important; max-width:none !important; }
.ai-hero .hero-kicker { width:auto; margin-bottom:1.25rem; font-size:.65rem; letter-spacing:.08em; }
.ai-hero .hero-kicker > span { animation:none; box-shadow:0 0 0 5px color-mix(in srgb,var(--signal) 10%,transparent); }
.ai-hero .hero-kicker > em { max-width:270px; }
.ai-hero .profile-teaser .blog-name {
  width:100%;
  max-width:none;
  min-height:0;
  margin:0 !important;
  font-size:clamp(2.7rem,4.2vw,4.45rem) !important;
  line-height:1.05;
  letter-spacing:-.055em;
  white-space:normal;
  overflow-wrap:normal;
}
.ai-hero .profile-teaser .blog-name a { padding-right:.08em; }
.ai-hero .profile-teaser .tagline {
  width:100%;
  max-width:none;
  margin:1rem 0 .3rem !important;
  color:var(--text);
  font:500 clamp(.86rem,1.1vw,1rem)/1.5 "Space Grotesk",sans-serif;
  letter-spacing:.015em;
  text-transform:none;
}
.ai-hero .hero-role-rotator {
  width:100%;
  max-width:none;
  min-height:2.5rem;
  margin-bottom:1.3rem;
  font-size:.84rem;
  line-height:1.4;
}
.ai-hero .hero-role-label { border-radius:5px; font-size:.65rem; letter-spacing:.06em; }
.ai-hero #hero-role-text { min-width:0; white-space:normal; }
.ai-domain-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
  margin:0 0 1.6rem;
  perspective:1000px;
}
.ai-domain {
  --domain-accent:var(--signal);
  position:relative;
  display:flex;
  min-width:0;
  min-height:112px;
  align-items:center;
  gap:.7rem;
  padding:.9rem .95rem .9rem .65rem;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:15px;
  background:linear-gradient(145deg,var(--panel-solid),var(--panel-soft));
  box-shadow:0 5px 0 color-mix(in srgb,var(--domain-accent) 9%,var(--page-alt)),0 13px 23px rgba(23,33,60,.045);
  text-decoration:none;
  transform-style:preserve-3d;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ai-domain--agents { --domain-accent:var(--accent); }
.ai-domain--generative { --domain-accent:var(--accent-strong); }
.ai-domain--ml { --domain-accent:#0d9488; }
html[data-theme="dark"] .ai-domain--ml,body.dark-mode .ai-domain--ml { --domain-accent:#2dd4bf; }
.ai-domain::before {
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(ellipse at 12% 32%,color-mix(in srgb,var(--domain-accent) 7%,transparent),transparent 58%);
}
.ai-domain:focus-visible { outline:3px solid var(--accent-strong); outline-offset:5px; }
.ai-domain:hover {
  color:var(--text);
  border-color:color-mix(in srgb,var(--domain-accent) 50%,var(--border));
  box-shadow:0 7px 0 color-mix(in srgb,var(--domain-accent) 13%,var(--page-alt)),0 18px 28px rgba(23,33,60,.08);
  transform:translateY(-4px) rotateX(3deg);
  text-decoration:none;
}
.ai-domain-visual {
  display:block;
  width:70px;
  height:76px;
  flex:0 0 70px;
  color:var(--domain-accent);
  filter:drop-shadow(0 6px 4px color-mix(in srgb,var(--domain-accent) 12%,transparent));
  transform:translateZ(10px);
  transition:transform .25s ease;
}
.ai-domain:hover .ai-domain-visual { transform:translateY(-3px) translateZ(15px); }
.ai-domain-visual svg { display:block; width:100%; height:100%; overflow:visible; }
.ai-icon-shadow { fill:currentColor; opacity:.09; }
.ai-icon-side { fill:color-mix(in srgb,currentColor 45%,var(--panel-solid)); stroke:currentColor; stroke-width:.7; }
.ai-icon-top { fill:color-mix(in srgb,currentColor 13%,var(--panel-solid)); stroke:currentColor; stroke-width:.9; }
.ai-icon-glass { fill:color-mix(in srgb,currentColor 12%,var(--panel-solid)); stroke:currentColor; stroke-width:1.6; }
.ai-icon-stroke { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ai-icon-path { stroke-width:2; stroke-dasharray:3 3; }
.ai-icon-dot { fill:currentColor; }
.ai-domain-copy { position:relative; min-width:0; padding-right:.25rem; }
.ai-domain-copy strong { display:block; margin:0 0 .33rem; color:var(--heading); font-size:1rem; line-height:1.25; letter-spacing:-.025em; }
.ai-domain-copy > span { display:block; color:var(--subtle); font-size:.73rem; line-height:1.5; }
.ai-domain-arrow { position:absolute; top:.6rem; right:.7rem; color:var(--domain-accent); font-size:.9rem; line-height:1; opacity:.75; }
.ai-hero .bio {
  width:100%;
  max-width:650px;
  margin-bottom:1.4rem !important;
  font-size:.94rem;
  line-height:1.75;
}
.ai-hero .hero-actions { width:100%; max-width:none; margin-bottom:1.75rem !important; }
.ai-hero .hero-actions .btn { min-width:0; min-height:46px; padding:.7rem 1.1rem; font-size:.83rem; }
.home-page .ai-hero .hero-trust-row { width:100%; max-width:none; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.home-page .ai-hero .hero-trust-row > div { min-height:0; padding:.85rem 0 0; border:0; border-top:1px solid var(--border); border-radius:0; background:transparent; }
.home-page .ai-hero .hero-trust-row strong { font-size:.84rem; }
.home-page .ai-hero .hero-trust-row span { margin-top:.35rem; font-size:.56rem; line-height:1.6; letter-spacing:.025em; text-transform:none; }
.home-page .ai-hero .ai-portrait-stage {
  position:relative;
  width:100%;
  max-width:350px;
  margin:0 auto !important;
  padding:1.4rem 1.1rem 4.8rem;
  perspective:1100px;
  isolation:isolate;
}
.ai-hero .ai-portrait-stage::before {
  inset:24% 0 13%;
  filter:none;
  opacity:1;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--signal) 8%,transparent),transparent 65%);
}
.ai-hero .ai-portrait-stage::after {
  bottom:2.8rem;
  right:-1rem;
  width:82px;
  height:90px;
  opacity:.16;
}
.ai-portrait-orbit {
  position:absolute;
  inset:5% -12% 18%;
  z-index:-3;
  border:1px solid color-mix(in srgb,var(--signal) 17%,transparent);
  border-radius:50%;
  transform:rotate(-22deg);
}
.ai-portrait-orbit::before {
  position:absolute;
  top:18%;
  right:8%;
  width:9px;
  height:9px;
  content:"";
  border:2px solid var(--panel-solid);
  border-radius:50%;
  background:var(--signal);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--signal) 9%,transparent);
}
.ai-portrait-layer {
  position:absolute;
  inset:1.4rem 1.1rem 4.8rem;
  z-index:-1;
  border:1px solid var(--border);
  border-radius:25px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--signal) 8%,var(--page)),color-mix(in srgb,var(--accent) 10%,var(--page)));
  transform:rotateY(-10deg) rotateZ(4deg) translate(12px,8px);
}
.ai-portrait-layer--back { z-index:-2; background:transparent; transform:rotateY(-10deg) rotateZ(8deg) translate(23px,16px); }
.ai-hero .hero-image-frame,
.ai-hero .hero-image-col:hover .hero-image-frame {
  position:relative;
  width:100%;
  margin:0;
  padding:3px;
  aspect-ratio:4 / 5;
  border:1px solid var(--border);
  border-radius:25px;
  background:var(--panel-solid);
  filter:none;
  box-shadow:10px 15px 0 color-mix(in srgb,var(--accent) 9%,transparent),0 24px 48px rgba(23,33,60,.15);
  transform:rotateY(-10deg) rotateZ(-1deg);
  animation:aiPortraitDrift 8s ease-in-out infinite;
}
.ai-hero .hero-image-frame::after { content:none; }
.ai-hero .profile-image,
body.dark-mode .ai-hero .profile-image {
  top:3px !important;
  right:3px !important;
  bottom:3px !important;
  left:3px !important;
  width:calc(100% - 6px) !important;
  height:calc(100% - 6px) !important;
  aspect-ratio:auto;
  object-position:center 20%;
  border:0;
  border-radius:21px !important;
  box-shadow:none;
  transform:none;
  animation:none;
  will-change:auto;
}
.ai-hero .hero-image-frame:hover .profile-image,
body.dark-mode .ai-hero .hero-image-frame:hover .profile-image { transform:none; box-shadow:none; }
.ai-portrait-caption {
  position:absolute;
  right:0;
  bottom:.6rem;
  left:0;
  display:grid;
  grid-template-columns:8px auto;
  align-items:center;
  justify-content:center;
  gap:.35rem .65rem;
  color:var(--heading);
  font-size:.83rem;
}
.ai-portrait-caption > span:first-child { width:7px; height:7px; border-radius:50%; background:var(--signal); }
.ai-portrait-caption > span:last-child { grid-column:2; color:var(--subtle); font:.57rem/1.5 "DM Mono",monospace; letter-spacing:.025em; }
@keyframes aiPortraitDrift {
  0%,100% { transform:rotateY(-10deg) rotateZ(-1deg) translateY(0); }
  50% { transform:rotateY(-7deg) rotateZ(0deg) translateY(-5px); }
}
@media (min-width:1500px) {
  .home-page .ai-hero .profile-teaser { grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr); }
  .ai-domain { min-height:115px; }
}
@media (max-width:1250px) and (min-width:992px) {
  .home-page .ai-hero .profile-teaser { grid-template-columns:minmax(0,1fr) minmax(205px,.55fr); gap:1.5rem; }
  .ai-hero .profile-teaser .blog-name { font-size:clamp(2.35rem,3.9vw,3.3rem) !important; }
  .ai-hero .hero-kicker { flex-wrap:wrap; font-size:.59rem; row-gap:.5rem; }
  .ai-hero .hero-kicker > em { max-width:none; }
  .ai-domain { min-height:112px; gap:.4rem; padding:.65rem .5rem; }
  .ai-domain-visual { width:52px; height:65px; flex-basis:52px; }
  .ai-domain-copy strong { font-size:.84rem; }
  .ai-domain-copy > span { font-size:.64rem; }
  .ai-hero .ai-portrait-orbit { inset:8% -6% 24%; }
}
@media (max-width:991.98px) {
  .home-kinetic-dial__plane { top:74%; right:-17%; width:min(90vw,620px); opacity:.25; }
  html[data-theme="dark"] .home-kinetic-dial__plane,
  body.dark-mode .home-kinetic-dial__plane { opacity:.35; }
  .home-page .ai-hero { padding-top:2.75rem !important; padding-bottom:3.25rem !important; }
  .home-page .ai-hero .profile-teaser { grid-template-columns:minmax(0,1fr); gap:2.5rem; }
  .ai-hero > .container { max-width:760px; }
  .ai-hero .profile-teaser .blog-name { font-size:clamp(2.5rem,6vw,4rem) !important; }
  .home-page .ai-hero .ai-portrait-stage { width:280px; max-width:100%; }
  .ai-hero .bio { max-width:none; }
}
@media (max-width:575.98px) {
  .home-kinetic-dial__plane { top:79%; right:-38%; width:min(120vw,470px); opacity:.2; }
  html[data-theme="dark"] .home-kinetic-dial__plane,
  body.dark-mode .home-kinetic-dial__plane { opacity:.28; }
  .home-page .ai-hero { padding-top:2rem !important; padding-right:1.2rem !important; padding-left:1.2rem !important; }
  .home-page .ai-hero > .container,
  .home-page .ai-hero .profile-teaser,
  .home-page .ai-hero .profile-teaser .media-body { width:100% !important; max-width:100% !important; }
  .ai-hero .profile-teaser .blog-name { width:100%; max-width:100%; font-size:clamp(2.15rem,9.2vw,3rem) !important; letter-spacing:-.06em; }
  .ai-hero .hero-kicker { width:100%; flex-wrap:wrap; gap:.55rem; margin-bottom:1rem; font-size:.56rem; }
  .ai-hero .hero-kicker > em { width:100%; max-width:none; margin-left:1rem; font-size:.5rem; }
  .ai-hero .profile-teaser .tagline,
  .ai-hero .hero-role-rotator,
  .ai-hero .bio { width:100%; max-width:100%; }
  .ai-hero .profile-teaser .tagline { font-size:.82rem; }
  .ai-hero .hero-role-rotator { min-height:3rem; flex-wrap:nowrap; gap:.5rem; margin-bottom:1.1rem; font-size:.72rem; }
  .ai-hero #hero-role-text { width:auto; }
  .ai-hero .hero-role-label { font-size:.52rem; padding:.3rem .4rem; }
  .ai-domain-grid { gap:.75rem; margin-bottom:1.35rem; }
  .ai-domain { flex-direction:column; min-height:168px; align-items:flex-start; gap:.25rem; padding:.55rem .7rem .75rem; }
  .ai-domain-visual { width:62px; height:69px; flex-basis:69px; align-self:center; }
  .ai-domain-copy { width:100%; padding:0; }
  .ai-domain-copy strong { margin-bottom:.35rem; font-size:.85rem; line-height:1.25; }
  .ai-domain-copy > span { font-size:.63rem; line-height:1.5; }
  .ai-domain-arrow { right:.55rem; top:.55rem; font-size:.8rem; }
  .ai-hero .bio { font-size:.85rem; line-height:1.75; }
  .ai-hero .hero-actions { width:100%; max-width:100%; gap:.6rem; margin-bottom:1.35rem !important; }
  .ai-hero .hero-actions .btn { padding:.65rem .35rem; font-size:.72rem; min-height:44px; }
  .home-page .ai-hero .hero-trust-row { width:100%; max-width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem 1rem; }
  .home-page .ai-hero .hero-trust-row strong { font-size:.79rem; }
  .home-page .ai-hero .ai-portrait-stage { width:250px; margin:0 auto !important; align-self:center; }
}
@media (prefers-reduced-motion:reduce) {
  .home-kinetic-dial__rotor--outer,
  .home-kinetic-dial__rotor--inner { animation:none !important; }
  .home-kinetic-dial__plane { transform:translateY(-50%) perspective(950px) rotateX(23deg) rotateY(-13deg); }
  .home-page .ai-hero,.home-page .ai-hero *,.home-page .ai-hero::before,.home-page .ai-hero::after,.home-page .ai-hero *::before,.home-page .ai-hero *::after { animation:none !important; transition:none !important; }
  .ai-hero .hero-image-frame,
  .ai-hero .hero-image-col:hover .hero-image-frame { animation:none !important; }
  .ai-domain,
  .ai-domain-visual { transition:none; }
  .ai-domain:hover,
  .ai-domain:hover .ai-domain-visual { transform:none; }
}

/* Four small scroll-linked depth layers; all motion stays on imagery. */
@media (min-width:768px) and (prefers-reduced-motion:no-preference) {
  .home-page .ai-portrait-stage {
    transform:translate3d(0,var(--home-depth-y,0px),0) rotateY(var(--home-depth-ry,0deg));
    transition:transform .1s linear;
  }
  .home-page .home-about-photo {
    transform:perspective(1100px) translate3d(0,var(--home-depth-y,0px),0) rotateY(var(--home-depth-ry,0deg));
    transform-style:preserve-3d;
    transition:transform .1s linear;
  }
  .home-page #projects .showcase-project:nth-of-type(-n+3) .card-img-holder {
    transform:perspective(900px) translate3d(0,var(--home-depth-y,0px),0) rotateY(var(--home-depth-ry,0deg));
    transform-origin:center;
    transition:transform .1s linear;
  }
  .home-page .work-experience-panel__core {
    transform:translate3d(0,var(--home-depth-y,0px),0) rotateY(var(--home-depth-ry,-15deg)) rotateX(8deg);
    transition:transform .1s linear;
  }
}

/* Home-only editorial gold: the DOM heading stays intact for translation and indexing. */
html body.home-page .ai-hero {
  background:
    radial-gradient(ellipse at 85% 43%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 48%),
    linear-gradient(115deg,var(--page) 0%,var(--page-alt) 78%,var(--page)) !important;
}
html[data-theme="dark"] body.home-page .ai-hero,
html body.dark-mode.home-page .ai-hero {
  background:
    radial-gradient(ellipse at 84% 44%,rgba(181,144,88,.16),transparent 47%),
    radial-gradient(ellipse at 25% 0%,rgba(245,186,90,.035),transparent 47%),
    linear-gradient(112deg,#0b0d0f 0%,#0d0e0f 47%,#15130f 82%,#0b0d0f) !important;
}
body.home-page .ai-hero .profile-teaser .blog-name a {
  color:var(--heading);
  background:linear-gradient(98deg,#22211f 0%,#22211f 42%,#68481a 68%,#7e5a22 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-decoration:none;
  transition:filter .2s ease;
}
html[data-theme="dark"] body.home-page .ai-hero .profile-teaser .blog-name a,
html body.dark-mode.home-page .ai-hero .profile-teaser .blog-name a {
  background-image:linear-gradient(98deg,#f5f5f5 0%,#f5f5f5 42%,#f8d695 70%,#e7aa50 100%);
}
body.home-page .ai-hero .profile-teaser .blog-name a:hover { filter:brightness(1.12); }
html[data-theme="dark"] body.home-page .ai-hero .ai-domain,
html body.dark-mode.home-page .ai-hero .ai-domain {
  border-color:rgba(245,186,90,.23);
  background:linear-gradient(145deg,rgba(27,28,29,.98),rgba(17,18,19,.98));
  box-shadow:inset 0 1px 0 rgba(255,229,180,.06),0 12px 28px rgba(0,0,0,.17);
}
html[data-theme="dark"] body.home-page .ai-hero .ai-domain:hover,
html body.dark-mode.home-page .ai-hero .ai-domain:hover {
  border-color:rgba(248,203,123,.64);
  box-shadow:inset 0 1px 0 rgba(255,229,180,.12),0 18px 34px rgba(0,0,0,.25),0 0 22px rgba(245,186,90,.07);
}
html[data-theme="dark"] body.home-page .ai-hero .hero-image-frame,
html[data-theme="dark"] body.home-page .ai-hero .hero-image-col:hover .hero-image-frame,
html body.dark-mode.home-page .ai-hero .hero-image-frame,
html body.dark-mode.home-page .ai-hero .hero-image-col:hover .hero-image-frame {
  border-color:rgba(248,203,123,.67);
  background:linear-gradient(145deg,#f8cb7b,#6f4f22 48%,#d39e4e 80%,#f8cb7b);
  box-shadow:0 0 0 1px rgba(248,203,123,.18),11px 17px 0 rgba(245,186,90,.07),0 24px 56px rgba(0,0,0,.34),0 0 38px rgba(245,186,90,.08);
}
html[data-theme="dark"] body.home-page .ai-hero .ai-portrait-layer,
html body.dark-mode.home-page .ai-hero .ai-portrait-layer { border-color:rgba(248,203,123,.28); }
@media (max-width:991.98px) {
  .home-tunnel-art { top:75%; right:-18%; width:min(850px,100vw); opacity:.18; }
  html[data-theme="dark"] .home-tunnel-art,
  body.dark-mode .home-tunnel-art { opacity:.4; }
}
@media (max-width:575.98px) { .home-tunnel-art { display:none; } }
@media (max-width:360px) {
  body.home-page .ai-hero .profile-teaser .blog-name a {
    display:inline-block;
    max-width:100%;
    background-image:linear-gradient(180deg,#22211f 0%,#22211f 43%,#68481a 68%,#7e5a22 100%);
  }
  html[data-theme="dark"] body.home-page .ai-hero .profile-teaser .blog-name a,
  html body.dark-mode.home-page .ai-hero .profile-teaser .blog-name a {
    background-image:linear-gradient(180deg,#f5f5f5 0%,#f5f5f5 43%,#f8d695 68%,#e7aa50 100%);
  }
}
@media (prefers-reduced-motion:reduce) {
  body.home-page .ai-hero .profile-teaser .blog-name a { transition:none; }
}
@media (forced-colors:active) {
  body.home-page .ai-hero .profile-teaser .blog-name a {
    color:CanvasText;
    background:none;
    -webkit-text-fill-color:CanvasText;
  }
}