/* Static-restore additions for ditamari.org (replaces Svelte runtime components) */
.h4{display:block;font-family:Poppins,sans-serif;font-weight:500;color:rgb(40 6 9)}
@media (min-width:768px){.h4{font-size:1.125rem;line-height:1.75rem}}
@media (min-width:1024px){.h4{font-size:1.25rem;line-height:1.75rem}}
.dark .h4.dark\:text-white{color:#fff}
.dm-btn{display:block}
a > .dm-btn{cursor:pointer}

/* section titles kept visually as the original h1 */
h2.dm-h1{font-size:2.25rem;line-height:2.5rem}
@media (min-width:768px){h2.dm-h1{font-size:3rem;line-height:1}}
@media (min-width:1024px){h2.dm-h1{font-size:3.75rem;line-height:1}}

/* typewriter replacement: one word at a time once JS runs */
.dm-typer > span{margin-right:.4em}
.dm-typer.is-js > span{display:none;margin-right:0}
.dm-typer.is-js > span.is-on{display:inline}
.dm-typer.is-js::after{content:"";display:inline-block;width:.6ch;height:1.6ch;margin-left:2px;vertical-align:text-top;background:currentColor;animation:dmBlink 1.25s infinite}
@keyframes dmBlink{0%,100%{opacity:1}50%{opacity:0}}

/* hero carousel */
.dm-carousel{position:relative}
.dm-slides{position:relative}
.dm-slide{display:none;margin:0}
.dm-slide.is-active{display:block}
.dm-slide img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border:4px solid #0f172a;background:#fff}
.dm-slide figcaption{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.75rem;text-align:center}
.dm-slide-title{font-family:Poppins,sans-serif;font-weight:600;font-size:1.125rem;color:rgb(40 6 9)}
.dm-slide-btn{display:block}
.dm-arrow{position:absolute;top:35%;z-index:2;width:2.25rem;height:2.25rem;border:2px solid #0f172a;background:#fff !important;color:#0f172a;
  font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dm-prev{left:-.75rem}.dm-next{right:-.75rem}
.dm-arrow:hover{background:rgb(121 172 120)}
.dm-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}
.dm-dot{width:.75rem;height:.75rem;border:2px solid #0f172a;border-radius:50%;background:#fff;cursor:pointer;padding:0}
.dm-dot.is-active{background:#0f172a}
.dm-carousel.is-single .dm-arrow,.dm-carousel.is-single .dm-dots{display:none}

/* project cards */
.dm-card{margin-bottom:1rem;align-self:flex-start}
.dm-card-img{aspect-ratio:16/10;overflow:hidden;display:flex}
.dm-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.dm-loc{font-family:Poppins,sans-serif;font-style:italic;font-size:.95rem}
.dm-card p{overflow-wrap:anywhere}
.dm-tags span{font-family:Poppins,sans-serif;color:rgb(40 6 9)}

/* mail box that replaces the dead contact form */
.dm-mailbox{padding:.5rem 0}
.dm-mailbox p{overflow-wrap:anywhere}

/* header turns opaque on scroll (originally done by Svelte) */
#dm-header.is-scrolled{--tw-bg-opacity:1;--tw-border-opacity:1}
#dm-menu.is-open,#dm-overlay.is-open{display:block}
.dm-overlay-btn{background:none;border:0;padding:0}