:root{--interior-gutter:clamp(24px,2.6vw,50px);--interior-content-inset:clamp(145px,8.5vw,250px)}

body.uniform-interior{overflow-x:hidden;overflow-y:auto;background:var(--bg,#07090c)!important}

.uniform-interior .subpage-shell{
  position:relative;
  z-index:2;
  width:100%;
  min-height:100vh;
  margin:0;
  padding:30px var(--interior-gutter) 80px;
  display:block;
}

.uniform-interior .subpage-top{
  position:relative;
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
}

.uniform-interior .subpage-main,
.uniform-interior .plugins-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 var(--interior-content-inset)!important;
}

.uniform-interior .uniform-hero,
.uniform-interior .plugins-hero,
.uniform-interior .about-hero{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  min-height:50svh;
  margin:0!important;
  padding:clamp(58px,7vh,92px) 0 clamp(34px,4vh,54px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.uniform-interior .uniform-hero .eyebrow,
.uniform-interior .plugins-hero .eyebrow,
.uniform-interior .about-hero .eyebrow{
  margin:0 0 22px!important;
  color:var(--accent,#91f39c);
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:.7rem!important;
  font-weight:650;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.uniform-interior .uniform-hero .subpage-title,
.uniform-interior .plugins-hero .subpage-title,
.uniform-interior .about-hero .subpage-title{
  margin:0!important;
  max-width:10.4ch!important;
  color:#f5f7f8;
  font-size:clamp(5rem,8.4vw,10.5rem)!important;
  font-weight:850;
  line-height:.88!important;
  letter-spacing:-.07em!important;
  text-wrap:balance;
}

.uniform-interior .uniform-hero .subpage-copy,
.uniform-interior .plugins-hero .subpage-copy,
.uniform-interior .about-hero .subpage-copy{
  margin:28px 0 0!important;
  max-width:760px!important;
  color:#a6afb8;
  font-size:clamp(1rem,1.1vw,1.28rem)!important;
  line-height:1.65!important;
  text-wrap:pretty;
}

/* Keep the compact interior nav anchored to the page gutter. */
.uniform-interior .site-nav{left:0!important}

/* Shared navigation order: Professional Work -> Tooling -> Concepts & Prototypes -> Thoughts -> About. */
.uniform-interior .site-nav a[href="index.html"]{order:0}
.uniform-interior .site-nav a[href="professional.html"]{order:1}
.uniform-interior .site-nav a[href="tooling.html"]{order:2}
.uniform-interior .site-nav a[href="passion.html"]{order:3}
.uniform-interior .site-nav a[href="thoughts.html"]{order:4}
.uniform-interior .site-nav a[href="about.html"]{order:5}

/* Tooling's catalog should begin immediately after the hero rather than
   inheriting the older large top offset. */
.uniform-interior.plugins-page .plugins-main{padding-top:0!important}
.uniform-interior.plugins-page .plugins-hero{padding-bottom:clamp(34px,4vh,54px)!important}

/* About keeps its intro copy, but places it inside the same hero frame. */
.uniform-interior .about-hero{max-width:1180px!important}
.uniform-interior .about-intro{max-width:840px}

@media(max-width:1320px){
  :root{--interior-content-inset:0px}
  .uniform-interior .uniform-hero,
  .uniform-interior .plugins-hero,
  .uniform-interior .about-hero{min-height:46svh}
}

@media(max-width:720px){
  .uniform-interior .subpage-shell{padding:24px 22px 60px}
  .uniform-interior .uniform-hero,
  .uniform-interior .plugins-hero,
  .uniform-interior .about-hero{
    min-height:44svh;
    padding:52px 0 30px!important;
  }
  .uniform-interior .uniform-hero .subpage-title,
  .uniform-interior .plugins-hero .subpage-title,
  .uniform-interior .about-hero .subpage-title{
    max-width:9ch!important;
    font-size:clamp(3.7rem,17vw,6rem)!important;
  }
}