.hero-gallery{display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);height:clamp(400px,43vw,600px)!important;min-height:0}.hero-main{position:relative;min-width:0;min-height:0;height:100%;isolation:isolate}.hero-gallery img{opacity:1;scale:1!important;translate:0!important;transform:none!important;transition:none;object-fit:cover;object-position:center}.hero-main .photo-tag{z-index:4}.surface-eyebrow{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:1.4px;color:#ffffffaa;z-index:4;pointer-events:none;text-shadow:0 1px 12px #30323766}.hero-main .photo-tag>span:first-child{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-main .hero-bubble-transition{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;opacity:1;border-radius:inherit}.hero-bubble-transition>i{background:#c4d5de;box-shadow:none}
@media(max-width:700px){.hero-gallery{height:320px!important}.surface-eyebrow{top:16px;left:17px;font-size:7px}.hero-main .photo-tag{flex-direction:row;align-items:end;gap:15px}.hero-main .photo-tag>span:first-child{white-space:normal;line-height:1.5;max-width:72%}}

/* Navigation and a subtle shared circle motif. */
.header nav{gap:28px}.nav-about{position:relative;padding:0;border:0;background:none;font-size:inherit;color:inherit}.nav-about:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-about:hover:after{transform:scaleX(1)}.section-navigation{display:flex;margin-bottom:28px}.home-link{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:11px;transition:background .3s}.home-link:hover{background:var(--accent)}.home-link svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.home-link>span{margin-left:15px}.contact-section h2>span{color:var(--accent)}.page-circle,.about:before,.dialog-circle,.lightbox .dialog-circle{scale:1.15}.about-dialog #about-bio{white-space:pre-line;line-height:1.9}.about-dialog #about-name{font-size:15px;color:var(--ink);margin-top:22px}
.lightbox[open] #lightbox-image{animation:photoFloat 7s ease-in-out infinite}
dialog:not(.lightbox){overflow-x:hidden}
@keyframes photoFloat{0%,100%{translate:0 2px}50%{translate:0 -3px}}
@media(max-width:700px){.header nav{gap:27px}.nav-about{text-align:left}.section-navigation{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.lightbox[open] #lightbox-image{animation:none;translate:none}}