/* Regular is explicit: native buttons must never synthesize a heavier face. */
.tag,.profile-tag,.profile-caption,.driver-tags span,.profile-details .driver-tags span,.profile-details .media-link{font-family:Gertrude,sans-serif;font-weight:400;font-synthesis:none;padding:10rem 20rem 8rem}
.coming-soon{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgb(80 80 80 / .62);color:#fff;text-align:center;font:400 100rem/1 Gertrude,sans-serif}
.socials>:is(a,button){position:relative;display:block;flex-shrink:0;width:264.98rem;height:264.98rem;border-radius:50%}
.socials>a>.social-circle{position:absolute;inset:0;pointer-events:none}
.favorite-profile-mobile,.mobile-header-art{display:none}
@media(max-width:700px){
 body:not(.igla-page) header{top:11rem;height:48rem;border-radius:100rem;box-shadow:none}
 body:not(.igla-page) header .brand{left:0;top:-2rem;width:100%;height:49rem;font:400 24rem/1 'Gertrude Book',sans-serif;letter-spacing:-1.44rem;pointer-events:none}
 body:not(.igla-page) header .mobile-header-art{position:absolute;left:10rem;top:9rem;display:block;width:37rem;height:34rem;font:400 37.065rem/.9 'Gertrude Hairline',sans-serif;letter-spacing:-.7413rem}
 .mobile-menu-toggle{right:10rem;top:8rem;z-index:2}
 .mobile-menu-circle{width:32.7rem;height:32.7rem}
 .mobile-menu-lines{transition:transform 300ms ease,opacity 180ms ease}
 .menu-cross{position:absolute;width:11rem;height:11rem;opacity:0;transform:scale(.5);transition:transform 300ms ease,opacity 180ms ease}
 .menu-cross::before,.menu-cross::after{content:'';position:absolute;width:11rem;height:.7rem;background:#000;left:0;top:5.15rem;transform:rotate(0);transition:transform 300ms ease}
 .menu-open .mobile-menu-lines{opacity:0;transform:scaleY(0)}
 .menu-open .menu-cross{opacity:1;transform:scale(1)}
 .menu-open .menu-cross::before{transform:rotate(45deg)}
 .menu-open .menu-cross::after{transform:rotate(-45deg)}
 .mobile-menu-toggle[aria-expanded=true]{background:transparent}
 body:not(.igla-page) header.menu-open{border-radius:28rem 28rem 0 0}
 .mobile-navigation:not([hidden]){top:48rem;display:flex;flex-direction:column;gap:0;padding:6rem 10rem 10rem;border-radius:0 0 28rem 28rem;box-shadow:none}
 .mobile-navigation .mobile-menu-about{position:relative;display:grid;place-items:center;height:104rem;padding:0;margin-bottom:6rem;overflow:hidden;border-radius:6rem;color:#fff}
 .mobile-menu-about img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}
 .mobile-menu-about span{position:relative;font:400 18rem/1.05 Gertrude,sans-serif;text-shadow:0 1rem 6rem #0006}
 .mobile-navigation .mobile-menu-hire,.mobile-navigation .mobile-menu-support{display:flex;align-items:center;justify-content:center;height:29rem;padding:0;border-radius:0;font:400 18rem/1.3 Gertrude,sans-serif}
 .mobile-menu-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:20rem}
 .mobile-menu-socials a{position:relative;padding:0!important;aspect-ratio:1;border-radius:50%}
 .mobile-menu-socials img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 .mobile-menu-shade:not([hidden]){position:fixed;inset:0;z-index:9;display:block;background:rgb(0 0 0 / .55);cursor:default}
 body.mobile-menu-open{overflow:hidden}
 body:not(.igla-page) .project .tag{padding:4rem 10rem 3rem;min-height:0;line-height:14.7rem;height:auto;font-weight:400}
 body:not(.igla-page) .coming-soon{font-size:40rem}
 body:not(.igla-page) .project-pensioners .card-description{width:98rem}
 .about-page .about-profile{min-height:0;overflow:hidden}
 .about-page .profile-view,.about-page .profile-view[data-kind=gallery]{height:200rem;aspect-ratio:auto}
 .about-page .profile-copy{padding:10rem}
 .about-page .profile-copy h2{width:auto;white-space:nowrap;font:400 18rem/17.1rem Gertrude,sans-serif}
 .about-page .identity-tags{margin-top:9.9rem}
 .about-page .profile-tag{font-family:Gertrude,sans-serif;font-weight:400;font-synthesis:none;padding:4rem 10rem 3rem;min-height:0;line-height:14.7rem;border-width:.5rem;height:auto}
 .about-page .profile-details,.about-page .profile-details[data-label]{padding-top:0;padding-bottom:10rem;gap:10rem}
 .about-page .details-actions{gap:2rem}
 .about-page .profile-details .media-link{min-height:0;padding:4rem 10rem 3rem;font:400 14rem/14.7rem Gertrude,sans-serif}
 .about-page .profile-details .artist-socials{gap:2rem;flex-wrap:wrap}
 .about-page .profile-details .artist-social{width:33rem;height:33rem;border:0}
 .about-page .profile-details .artist-social img{display:block;width:33rem;height:33rem}
 .about-page .profile-details .artist-social .social-window{display:block}
 .about-page .favorite-profile-mobile{display:flex;margin-top:20rem}
 .about-page .favorite-profile-mobile .favorite-tags{position:static;display:flex;flex-flow:row wrap;gap:2rem;margin-top:9.9rem}
 .about-page .favorite-profile-mobile .details-copy:empty{display:none}
 .about-page .profile-details .driver-tags span{font:400 12rem/14rem Gertrude,sans-serif;padding:4rem 8rem 3rem;min-height:0}
 .about-page .poster-grid{grid-template-rows:repeat(2,minmax(0,1fr))}
 .about-page .poster-grid img{object-fit:contain;background:#fff}
 .about-page .album-grid{height:100%;grid-template-rows:repeat(2,minmax(0,1fr))}
 .about-page .album-grid img{height:100%;aspect-ratio:auto;object-fit:contain}
 .about-page .beer-grid{padding:6rem;gap:3rem}
 .about-page .profile-caption{font-size:14rem;line-height:16rem;padding:4rem 10rem 3rem;top:10rem;left:10rem}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-lines,.menu-cross,.menu-cross::before,.menu-cross::after{transition:none}}
.noscript-profile{margin-top:32rem;max-width:1000rem;font:400 24rem/1.35 Gertrude,sans-serif}.noscript-profile p{margin-top:16rem}
@media(max-width:700px){.noscript-profile{max-width:100%;font-size:14rem}}

/* Mobile refinement — owner reference 1756:38433, 5 November. */
@media(max-width:700px){
 .mobile-navigation .mobile-menu-projects{display:flex;align-items:center;justify-content:center;height:29rem;padding:0;border-radius:0;font:400 18rem/1.3 Gertrude,sans-serif}
 .about-page .profile-tag{padding:8rem 10rem 10rem;font:400 14rem/14.7rem Gertrude,sans-serif;min-height:33rem}
 .about-page .identity-tags,.about-page .favorite-profile-mobile .favorite-tags{gap:3rem}
 .about-page .profile-details .details-copy{font-size:14rem;line-height:1.2}
 .about-page .favorite-profile-mobile:has(.media-swipe){overflow:visible}
 .about-page #favorite-view:has(.media-swipe){width:calc(100% + 19rem);border-radius:6rem 0 0 6rem}
 .about-page .media-swipe:is(.poster-grid,.album-grid){display:flex;align-items:stretch;gap:5rem;width:100%;height:200rem;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
 .about-page .media-swipe::-webkit-scrollbar{display:none}
 .about-page .media-swipe img{flex:0 0 142rem;width:142rem;height:200rem;min-width:0;max-width:none;object-fit:cover;border-radius:6rem;scroll-snap-align:start}
 .about-page .media-swipe.album-grid img{flex-basis:200rem;width:200rem;height:200rem;object-fit:contain}
 .about-page .media-swipe:focus-visible{outline:2px solid #00c8ff;outline-offset:-2px}
}
@media(max-width:700px){.mobile-navigation:not([hidden]){max-height:calc(100svh - 69rem);overflow-y:auto;overscroll-behavior:contain}}

@media(max-width:700px){
 .about-page .about-profile:has(.designer-collage.media-swipe){overflow:visible}
 .about-page #profile-view:has(.designer-collage.media-swipe){width:calc(100% + 19rem);border-radius:6rem 0 0 6rem}
 .about-page .designer-collage.media-swipe{display:flex;gap:5rem;width:100%;height:200rem;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
 .about-page .designer-collage.media-swipe img{position:static;inset:auto;flex:0 0 auto;width:auto;height:200rem;max-width:none;object-fit:contain;border-radius:6rem;scroll-snap-align:start}
}

/* Brand text is an actual home link, including the centered mobile wordmark. */
header .brand,body:not(.igla-page) header .brand{pointer-events:auto}
@media(max-width:700px){
 body:not(.igla-page) header{transition:background .2s,box-shadow .2s,border-radius 300ms ease}
 .mobile-navigation{transform-origin:calc(100% - 26rem) -24rem;will-change:transform,opacity,clip-path}
 .mobile-menu-shade{will-change:opacity}
 /* A shared physical-pixel outline avoids fractional, faded pill edges. */
 body:not(.igla-page) .project .tag,
 body.about-page .profile-tag,
 body.about-page .profile-details .media-link,
 body.about-page .profile-panel .media-link,
 body.about-page .profile-caption,
 body.about-page .profile-details .driver-tags span{
  box-sizing:border-box;border:0;box-shadow:none;border-radius:300rem;
  padding:10rem;min-height:35rem;height:auto;
  font:400 14rem/15rem Gertrude,sans-serif;font-synthesis:none;letter-spacing:0;
  color:#8f8f8f;background:#fff;white-space:nowrap;
  transform:none!important;isolation:isolate;
 }
 body.about-page .profile-details .driver-tags span{position:relative}
 body:not(.igla-page) .project .tag::after,
 body.about-page .profile-tag::after,
 body.about-page .profile-details .media-link::after,
 body.about-page .profile-panel .media-link::after,
 body.about-page .profile-caption::after,
 body.about-page .profile-details .driver-tags span::after{
  content:'';position:absolute;inset:0;border:1px solid #8f8f8f;border-radius:inherit;pointer-events:none;z-index:5;
 }
 body.about-page .profile-tag[aria-pressed=true]{background:#8f8f8f;color:#fff}
}
@media(prefers-reduced-motion:reduce){body:not(.igla-page) header{transition:none}}
@media(max-width:700px){body.about-page .details-actions,body.about-page .profile-details .driver-tags{gap:3rem}}

@media(max-width:700px){body.igla-page header .brand{width:auto;height:auto;line-height:1}}
@media(max-width:700px){
 body{--mobile-pill-unit:calc(var(--layout-width,100vw) / 320)}
 body .footer-bottom .footer-actions>a{
  border:0;box-shadow:none;border-radius:300rem;padding:calc(10 * var(--mobile-pill-unit));
  min-height:calc(35 * var(--mobile-pill-unit));height:auto;
  font-family:Gertrude,sans-serif;font-weight:400;font-synthesis:none;
  font-size:calc(14 * var(--mobile-pill-unit));line-height:calc(15 * var(--mobile-pill-unit));
  letter-spacing:0;color:#8f8f8f;background:#fff;white-space:nowrap;isolation:isolate;transform:none!important;
 }
 body .footer-bottom .footer-actions>a::after{content:'';position:absolute;inset:0;border:1px solid #8f8f8f;border-radius:inherit;pointer-events:none;z-index:5}
 body .footer-bottom .footer-actions>a .roll-content,body .footer-bottom .footer-actions>a .roll-copy{font:inherit;letter-spacing:inherit}
 body.igla-page #contacts .footer-actions>a{
  padding:calc(10 * var(--mobile-pill-unit));height:auto;
  font-size:calc(14 * var(--mobile-pill-unit));line-height:calc(15 * var(--mobile-pill-unit));
 }
 body.igla-page #contacts .footer-bottom{min-height:calc(54px + 105 * var(--mobile-pill-unit))}
}

@media(max-width:700px){body .footer-bottom .footer-actions{gap:calc(3 * var(--mobile-pill-unit))}}
