@media(max-width:700px){
.hero-stage{background-image:linear-gradient(180deg,#233a5630,transparent 65%),url('assets/hero-smile.jpg');background-size:cover;background-position:center,center 35%;height:700px;min-height:700px;max-height:none}
.hero-stage header{background:linear-gradient(#536b85bb,#536b8560,transparent);padding:18px 7% 20px;gap:18px}
.hero-stage header nav,.subpage-header nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
.hero-stage .hero{height:calc(100% - 220px);min-height:0;align-items:flex-end;padding:0 8% 30px;background:linear-gradient(transparent 45%,#eaf1f8ed)}
.hero-stage h1{font-size:27px;line-height:1.65;margin:0}.hero-stage .hero-message{transform:none}
.social-rail{left:auto;right:14px;bottom:14px;padding:10px 16px;gap:18px;width:auto}.social-rail img{width:20px;height:20px}
.site-footer{padding-bottom:90px}.message-catch .mobile-break{display:none}
}
.mobile-menu-toggle{display:none}
@media(max-width:700px){
.hero-stage{height:530px;min-height:530px;max-height:530px;background-image:linear-gradient(180deg,#536b8545,transparent 45%),url('assets/hero-smile.jpg');background-size:100% 100%,auto 610px;background-position:center,center 18%;background-repeat:no-repeat;background-color:#c8d3e2}
.hero-stage header,.subpage-header{position:relative;min-height:90px;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:17px 7%;gap:15px;z-index:30}
.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;align-items:center;width:44px;height:44px;background:#eaf1f824;border:0;border-radius:50%;cursor:pointer;flex-shrink:0}.mobile-menu-toggle span{display:block;width:22px;height:1.5px;background:#fff;transition:transform .2s}.subpage-header .mobile-menu-toggle span{background:#35475b}
.hero-stage header nav,.subpage-header nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;padding:25px 8% 30px;background:#eaf1fffa;box-shadow:0 14px 20px #4b607225;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hero-stage header.menu-open nav,.subpage-header.menu-open nav{display:grid}.hero-stage header.menu-open nav a,.hero-stage header.menu-open nav a>span{color:#35475b;text-shadow:none;text-align:left}.hero-stage header.menu-open nav .contact-link{background:none;padding:0}.menu-open .mobile-menu-toggle span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.hero-stage .hero{height:calc(100% - 90px);padding:0 8% 25px;background:linear-gradient(transparent 46%,#eaf1f8f2);align-items:flex-end}.hero-stage h1{font-size:25px;line-height:1.6}.hero-stage .hero-message{transform:none}.message-body br{display:none}
}
@media(max-width:700px){.hero-stage{height:500px;min-height:500px;max-height:500px;background-size:100% 100%,auto 650px;background-position:center,center 35px}.hero-stage .hero{background:linear-gradient(transparent 48%,#eaf1f8f5)}}

@media(max-width:700px){.mobile-menu-toggle{gap:5px}.menu-open .mobile-menu-toggle span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.menu-open .mobile-menu-toggle span:last-child{transform:translateY(-6.5px) rotate(-45deg)}}

/* J wordmark: transparent artwork, cropped to the lettering. */
.logo-crop,.subpage-header .logo-crop{width:140px;height:62px;position:relative;overflow:hidden}
.logo-crop img,.subpage-header .logo-crop img{position:absolute;width:197px;height:auto;max-width:none;left:-31px;top:-23px}
.site-footer .footer-logo{width:150px;height:66px}
.site-footer .footer-logo img{width:211px;left:-33px;top:-25px;filter:brightness(0) invert(1)}
.profile-identity .name-crop{width:160px;height:57px;position:relative;overflow:hidden}
.profile-identity .name-crop img{position:absolute;width:225px;height:auto;max-width:none;left:-35px;top:-27px}

/* Match all achievement thumbnails without white letterboxing. */
.work-thumbnail{object-fit:cover;background:transparent}
.work-thumbnail.coconala-crop{position:relative;overflow:hidden;aspect-ratio:1.91;height:auto}
.work-thumbnail.coconala-crop img{position:absolute;display:block;width:106%;max-width:none;height:auto;left:-3%;top:0}
.activity-link{position:relative;z-index:1;min-height:44px;touch-action:manipulation}
@media(max-width:700px){.social-rail a,.footer-social a{min-width:32px;min-height:36px;display:flex;align-items:center;justify-content:center}.social-rail{gap:12px}.activity-link{padding:4px 0}}