/* Preserve the original composition and its fonts. */
#comp-kbgakxea_r_comp-mbfip2y2,
#comp-lwx9bf671 { display:none !important; }
#comp-lwx9bf6g2 [role="button"] { cursor:inherit; }
#comp-lwx9bf6g2 { user-select:none; -webkit-user-drag:none; z-index:2; --portrait-shadow:drop-shadow(clamp(5px,.7vw,18px) clamp(9px,1.1vw,28px) clamp(12px,1.5vw,36px) #201e1f29); }
[data-theme="dark"] #comp-lwx9bf6g2 { --portrait-shadow:drop-shadow(0 0 0 transparent); }
#bgLayers_comp-lwx9bf6g2 { overflow:visible; }
#comp-lwx9bf6g2 canvas { pointer-events:none; filter:var(--portrait-shadow); transition:filter 180ms ease-out; }
#comp-lwx9bf6g2[data-portrait-hover] canvas { filter:var(--portrait-shadow) drop-shadow(0 0 3px #a0ff0080) drop-shadow(0 0 14px #a0ff0026); }
#comp-lwx9bf6i11 { pointer-events:none; z-index:1; }
#portrait-bio {
  position:fixed; z-index:10000; box-sizing:border-box;
  width:min(clamp(360px,44vw,720px), calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto;
  padding:clamp(22px,2vw,36px); border:0; border-radius:24px;
  background:linear-gradient(125deg,rgba(255,255,255,.70),rgba(239,244,230,.48));
  backdrop-filter:blur(14px) saturate(1.3); -webkit-backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:inset 3px 4px 9px #ffffff80,inset -3px -4px 9px #89918024,0 14px 50px rgba(25,34,15,.13);
  color:#20231d; font-family:Arial,sans-serif; font-size:clamp(15px,1.15vw,20px); line-height:1.5;
  pointer-events:none;
  animation:bio-arrive 180ms cubic-bezier(.2,0,0,1) both;
}
#portrait-bio[hidden] { display:none; }
.meet-kuba,.bio-grip { display:none; }
.bio-scrim { position:fixed; inset:0; z-index:9999; background:rgba(25,30,20,.17); backdrop-filter:blur(3px); }
.bio-scrim[hidden] { display:none; }
#portrait-bio p { margin:0 0 15px; font:inherit; }
#portrait-bio .bio-intro { padding-right:20px; font-size:clamp(28px,2.35vw,40px); line-height:1.12; letter-spacing:-.8px; margin-bottom:21px; }
@media(max-height:500px) {
  #portrait-bio:not(.is-sheet) { width:min(680px,calc(100vw - 32px)); padding:18px; font-size:14px; line-height:1.4; }
  #portrait-bio:not(.is-sheet) p { margin-bottom:10px; }
  #portrait-bio:not(.is-sheet) .bio-intro { font-size:24px; margin-bottom:14px; }
}
#portrait-bio .bio-close { display:none; position:absolute; right:13px; top:12px; width:32px; height:32px; border:0; border-radius:50%; background:rgba(255,255,255,.4); color:#333; font:23px Arial; cursor:pointer; }
.bio-links { display:none; flex-wrap:wrap; gap:10px 22px; padding-top:6px; }
.bio-links a { color:inherit; text-decoration:underline; text-decoration-color:#95bb5c; text-underline-offset:4px; font-size:13px; }
.bio-links a:hover { text-decoration-color:#20231d; }
#portrait-bio :focus-visible { outline:2px solid #47631c; outline-offset:3px; }
@keyframes bio-arrive { from { opacity:0; transform:translateY(6px) scale(.985); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { #portrait-bio { animation:none; } }
#portrait-bio.is-sheet {
  pointer-events:auto;
  left:0!important; right:0; top:auto!important; bottom:0; margin:0 auto;
  width:100%; max-width:600px; max-height:88dvh; border-radius:28px 28px 0 0;
  padding:0 26px calc(24px + env(safe-area-inset-bottom));
  background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(242,246,235,.82));
  backdrop-filter:blur(24px) saturate(1.3); font-size:15px; line-height:1.48;
  overscroll-behavior:contain; transform:translateY(var(--sheet-drag,0));
  animation:sheet-arrive 300ms cubic-bezier(.2,.8,.2,1) both;
  transition:transform 220ms cubic-bezier(.2,.8,.2,1);
}
#portrait-bio.is-sheet .bio-grip { display:grid; height:38px; place-items:center; touch-action:none; cursor:grab; margin:0 -26px; }
.bio-grip span { width:38px; height:4px; border-radius:4px; background:rgba(50,60,35,.25); }
#portrait-bio.is-sheet .bio-close { display:block; top:13px; right:15px; width:44px; height:44px; background:transparent; }
#portrait-bio.is-sheet .bio-intro { font-size:28px; margin:5px 0 22px; }
#portrait-bio.is-sheet .bio-links { display:flex; justify-content:center; }
#portrait-bio.is-sheet .bio-contact { min-height:48px; width:75%; display:flex; align-items:center; justify-content:center; border:0; border-radius:999px; font-size:16px; text-decoration:none; color:#000; background:var(--portrait-accent,#a0ff00); }
#portrait-bio.is-sheet.is-dragging { animation:none; transition:none; }
@keyframes sheet-arrive { from { opacity:0; transform:translateY(35px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:700px), (hover:none) {
  #comp-lwx9bf6i11 { visibility:hidden; }
  .meet-kuba { display:block; pointer-events:auto; position:relative; grid-area:1/1/2/2; align-self:start; justify-self:center; z-index:3; width:auto; min-height:44px; margin-top:calc(max(0.5px,1.0020827 * (var(--scaling-factor) - var(--scrollbar-width))) + 4px); padding:0 36px; border:0; border-radius:999px; color:#000; background:var(--portrait-accent,#a0ff00); font:16px madefor-display,Arial,sans-serif; cursor:pointer; }
}
@media (prefers-reduced-motion:reduce) { #portrait-bio.is-sheet,#comp-lwx9bf6g2 canvas { animation:none; transition:none; } }
