/* Extreme Build 2 — global Level 5 design language. */
:root{--eb2-acid:#f26d21;--eb2-pink:#a84416;--eb2-paper:#eeeae0;--eb2-black:#050505;--eb2-panel:#0c0c0b}
body.extreme-build-two{--x-orange:var(--eb2-acid);--orange:var(--eb2-acid);--acid:var(--eb2-acid);background:var(--eb2-black)}
body.extreme-build-two .x-progress span,body.extreme-build-two .progress span{background:linear-gradient(90deg,var(--eb2-paper) 0 18%,var(--eb2-acid) 18% 72%,var(--eb2-pink) 72%)}
.eb2-field{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.26;mix-blend-mode:screen}.eb2-scanlines{position:fixed;inset:0;z-index:145;pointer-events:none;opacity:.025;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:overlay}
body.extreme-build-two main,body.extreme-build-two footer{position:relative;z-index:1}

/* Keep typography readable wherever Build 2 places content on the dark canvas. */
body.extreme-build-two :is(
  .intro,
  .work,
  .projects-catalog,
  .testimonial-library,
  .profile-work,
  .gallery-section,
  .contact-stage,
  .contact-page,
  .private-work-intro,
  .web2-development
){color:var(--eb2-paper)}
body.extreme-build-two :is(
  .intro,
  .work,
  .projects-catalog,
  .testimonial-library,
  .profile-work,
  .gallery-section,
  .contact-stage,
  .contact-page,
  .private-work-intro,
  .web2-development
) :is(p,.intro-copy,.section-tag){color:#c8c5bd}
body.extreme-build-two .intro h2{color:var(--eb2-paper)}
body.extreme-build-two .intro h2 em{color:var(--eb2-acid)}
/* Collaborator profiles sit on the Build 2 black canvas, so their original
   dark-on-cream introduction palette needs an explicit dark-mode treatment. */
body.extreme-build-two.profile-page .profile-intro{color:var(--eb2-paper)}
body.extreme-build-two.profile-page .profile-intro h2{color:var(--eb2-paper)}
body.extreme-build-two.profile-page .profile-copy>p{color:#c8c5bd}
body.extreme-build-two.profile-page .profile-specialties{border-top-color:#57544f}
body.extreme-build-two.profile-page .profile-specialties span{
  color:#ddd9d0;
  border-color:#716d66;
  background:#11110f;
}
body.extreme-build-two .x-header{color:#fff}body.extreme-build-two .x-context i{background:var(--eb2-acid);box-shadow:0 0 15px #f26d2166}body.extreme-build-two .x-menu-button{border-color:#666;background:#080808cc;color:#fff}body.extreme-build-two .x-nav{background:var(--eb2-acid);color:#080808}
/* Keep the toggle readable over the orange open-navigation panel. Older
   theme rules made its label and close mark black while retaining a dark pill. */
body.extreme-build-two .x-menu-button[aria-expanded=true],
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true]{
  color:#fff!important;
  border-color:#777!important;
  background:#080808e8!important;
}
body.extreme-build-two .x-menu-button[aria-expanded=true] b,
body.extreme-build-two .x-menu-button[aria-expanded=true] b:after,
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true] b,
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true] b:after{
  background:#fff!important;
}
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro){background:radial-gradient(circle at 73% 40%,#282825 0,transparent 34%),var(--eb2-black)!important}
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):before{background:conic-gradient(from 0deg,transparent 0 19%,var(--eb2-acid) 20% 22%,transparent 23% 49%,var(--eb2-pink) 50% 52%,transparent 53% 79%,var(--eb2-paper) 80% 81%,transparent 82%)!important;opacity:.42!important;animation:eb2-disc 22s linear infinite!important}
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):after{border:0!important;border-radius:0!important;background:repeating-radial-gradient(circle,transparent 0 42px,#ffffff0e 43px 44px)!important;box-shadow:none!important;transform:perspective(700px) rotateX(63deg) rotateZ(-12deg) scale(1.35);animation:eb2-grid 13s ease-in-out infinite!important}
/* The rotating corner ornament competed with the page title and navigation. */
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):before,
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):after{display:none!important;animation:none!important}
/* Case-study photography still needs a controlled readability veil. The broad
   hero reset above previously removed it and allowed busy artwork to collide
   visually with titles and navigation. */
body.extreme-build-two.case-page .case-hero:after{
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.78) 43%,rgba(5,5,5,.24) 76%,rgba(5,5,5,.1) 100%)!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:none;
}
body.extreme-build-two.case-page .case-hero-inner{z-index:2}
body.extreme-build-two.case-page.lionberry-case .case-hero-image{object-position:70% 52%}
@media(max-width:620px){
  body.extreme-build-two.case-page .case-hero:after{background:linear-gradient(0deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.78) 58%,rgba(5,5,5,.18) 100%)!important}
  body.extreme-build-two.case-page.lionberry-case .case-hero-image{object-position:center 45%}
}
body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro) h1{color:var(--eb2-paper);text-wrap:balance}body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro) h1 :is(em,span){color:var(--eb2-acid);text-shadow:-2px 0 var(--eb2-pink)}body.extreme-build-two .eyebrow{color:var(--eb2-acid)}
body.extreme-build-two :is(.portfolio-item,.discipline-card,.team-profile,.testimonial-card,.book-card,.art-card,.web2-card){position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}body.extreme-build-two :is(.portfolio-item,.discipline-card,.team-profile,.testimonial-card,.book-card,.art-card,.web2-card):hover{transform:translateY(-6px);border-color:var(--eb2-acid)!important;box-shadow:0 0 0 1px #f26d2155,0 1.8rem 5rem #0005}
body.extreme-build-two main :is(.portfolio-item,.art-card,.case-gallery,.voice-archive,.voice-events,.voice-photo-story,.voice-spreads,.oggy-design-section,.oggy-vehicle-section,.oggy-cast-section,.team-profile,.book-card) img{filter:grayscale(.82) contrast(1.06);transition:filter .5s,transform .8s cubic-bezier(.16,1,.3,1)}body.extreme-build-two main :is(.portfolio-item,.art-card,.case-gallery,.voice-archive,.voice-events,.voice-photo-story,.voice-spreads,.oggy-design-section,.oggy-vehicle-section,.oggy-cast-section,.team-profile,.book-card):hover img{filter:grayscale(0) contrast(1.03);transform:scale(1.018)}
body.extreme-build-two :is(.button,.text-link,.profile-link,.external-link,.case-next a){transition:color .25s,border-color .25s,background .25s,transform .25s}body.extreme-build-two :is(.button,.text-link,.profile-link,.external-link):hover{color:var(--eb2-acid);border-color:var(--eb2-acid);transform:translateY(-2px)}
body.extreme-build-two .case-next{background:var(--eb2-acid)!important;color:#090909!important}body.extreme-build-two .case-next a{color:#090909!important}
body.extreme-build-two .availability i{background:var(--eb2-acid);box-shadow:0 0 0 5px #f26d2118,0 0 14px #f26d2166}
body.extreme-build-two :is(.oggy-cinematic-copy h1 em,.oggy-hero-index span,.oggy-scroll-cue span,.oggy-clue-grid span,.oggy-districts span){color:var(--eb2-acid)!important}body.extreme-build-two .oggy-external-dark:hover{background:var(--eb2-acid);border-color:var(--eb2-acid);color:#111}body.extreme-build-two .oggy-case-v2 .case-next{background:var(--eb2-acid)!important}
body.extreme-build-two footer{background:#050505;color:#999;border-color:#333}body.extreme-build-two footer:before{content:"EXTREME BUILD 2  /  SIGNAL ACTIVE";display:block;grid-column:1/-1;padding-bottom:1rem;border-bottom:1px solid #333;color:var(--eb2-acid);font-size:.52rem;letter-spacing:.18em}

/* Level 6 returns the shared navigation to the Vigilante brand orange. */
body.extreme-build-two.web-portfolio-level-six .x-nav{background:#f26d21;color:#111}
body.extreme-build-two.web-portfolio-level-six .x-context i{background:#f26d21;box-shadow:0 0 15px #f26d2166}
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true]{color:#111;border-color:#111;background:transparent}
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true] b,
body.extreme-build-two.web-portfolio-level-six .x-menu-button[aria-expanded=true] b:after{background:#111}
.eb2-reveal{opacity:0;transform:translateY(42px);transition:opacity .75s,transform .85s cubic-bezier(.16,1,.3,1)}.eb2-reveal.eb2-visible{opacity:1;transform:none}
@keyframes eb2-disc{to{transform:rotate(360deg)}}@keyframes eb2-grid{50%{transform:perspective(700px) rotateX(63deg) rotateZ(-7deg) scale(1.43)}}
@media(max-width:900px){.eb2-field{opacity:.16}}@media(max-width:620px){body.extreme-build-two :is(.portfolio-item,.discipline-card,.team-profile,.testimonial-card,.book-card,.art-card,.web2-card){clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}body.extreme-build-two main img{filter:none!important}.eb2-scanlines{display:none}}

/* Projects page: use the Vigilante palette and make each project read as a distinct entry. */
body.extreme-build-two.projects-page{
  --eb2-acid:#f26d21;
  --eb2-pink:#a84416;
  --x-orange:#f26d21;
  --orange:#f26d21;
  --acid:#f26d21;
}
body.extreme-build-two.projects-page .portfolio-directory{
  background:#1b1b1a;
  color:#f4f0e8;
}
body.extreme-build-two.projects-page .portfolio-directory .directory-heading{
  border-color:#45423d;
}
body.extreme-build-two.projects-page .portfolio-directory .directory-heading h2{
  color:#f4f0e8;
}
body.extreme-build-two.projects-page .portfolio-directory :is(.eyebrow,.directory-heading>p){
  color:#aaa69f;
}
body.extreme-build-two.projects-page .discipline-card{
  --eb2-card-rx:0deg;
  --eb2-card-ry:0deg;
  --eb2-card-lift:0px;
  transform:perspective(1100px) translateY(var(--eb2-card-lift)) rotateX(var(--eb2-card-rx)) rotateY(var(--eb2-card-ry));
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease-out,border-color .35s,box-shadow .35s;
}
body.extreme-build-two.projects-page .discipline-card:after{
  background:
    linear-gradient(135deg,transparent 40%,rgba(118,118,114,.16) 68%,rgba(55,55,53,.5) 100%),
    linear-gradient(180deg,rgba(12,12,11,.08) 18%,rgba(12,12,11,.94) 92%);
  background-size:220% 100%,100% 100%;
  background-position:100% 0,0 0;
  transition:background-position .55s cubic-bezier(.16,1,.3,1),opacity .35s;
}
body.extreme-build-two.projects-page .discipline-card:hover{
  --eb2-card-lift:-8px;
  color:#fff;
  background:#20201f;
  border-color:#f26d21!important;
  box-shadow:0 0 0 1px #f26d21,0 0 48px #f26d2124,0 1.8rem 5rem #0008;
}
body.extreme-build-two.projects-page .discipline-card:hover:after{
  background:
    linear-gradient(135deg,transparent 40%,#f26d2129 68%,#f26d2152 100%),
    linear-gradient(180deg,rgba(12,12,11,.08) 18%,rgba(12,12,11,.94) 92%);
  background-size:220% 100%,100% 100%;
  background-position:0 0,0 0;
}
body.extreme-build-two.projects-page .discipline-card>div{position:relative;z-index:1;transform:translateZ(22px)}
body.extreme-build-two.projects-page .discipline-card h3{
  position:relative;
  width:fit-content;
  transition:transform .35s cubic-bezier(.16,1,.3,1),color .3s;
}
body.extreme-build-two.projects-page .discipline-card h3:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-.18em;
  height:3px;
  background:linear-gradient(90deg,#f26d21 0 78%,#eeeae0 78% 88%,#7d2a08 88%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
body.extreme-build-two.projects-page .discipline-card:hover h3{transform:translateX(.3rem)}
body.extreme-build-two.projects-page .discipline-card:hover h3:after{transform:scaleX(1)}
body.extreme-build-two.projects-page .discipline-card>b{
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #ffffff50;
  background:#111b;
  color:#f26d21;
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,color .3s;
}
body.extreme-build-two.projects-page .discipline-card:hover>b{
  transform:translate(3px,-3px) rotate(-6deg);
  background:#f26d21;
  border-color:#f26d21;
  color:#111;
}
body.extreme-build-two.projects-page .discipline-number{
  z-index:2;
  transition:color .3s,letter-spacing .35s;
}
body.extreme-build-two.projects-page .discipline-card:hover .discipline-number{color:#f26d21;letter-spacing:.22em}

/* Projects page: coordinated Level 6 interaction system. */
.projects-page .eb2-work-progress{
  position:fixed;
  inset:0 0 auto;
  z-index:150;
  height:4px;
  pointer-events:none;
  background:#111;
}
.projects-page .eb2-work-progress i{
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#eeeae0 0 20%,#f26d21 20% 82%,#7d2a08 82%);
  transform:scaleX(0);
  transform-origin:left;
  will-change:transform;
}
.projects-page .eb2-work-cursor{
  position:fixed;
  left:0;
  top:0;
  z-index:149;
  width:360px;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,#f26d212b,transparent 68%);
  transform:translate3d(-50%,-50%,0);
  transition:width .25s,opacity .3s,background .25s;
  will-change:transform;
}
.projects-page.eb2-has-pointer .eb2-work-cursor{opacity:1}
.projects-page.eb2-card-hover .eb2-work-cursor{
  width:84px;
  background:#f26d21e8;
  box-shadow:0 0 35px #f26d2166;
  color:#111;
}
.projects-page.eb2-card-hover .eb2-work-cursor:after{
  content:"VIEW";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.14em;
}
.projects-page .eb2-work-hud{
  position:fixed;
  right:1.15rem;
  top:50%;
  z-index:38;
  display:grid;
  justify-items:end;
  gap:.12rem;
  padding:.75rem;
  border-right:2px solid #f26d21;
  color:#eeeae0;
  transform:translateY(-50%);
  pointer-events:none;
}
.projects-page .eb2-work-hud span,.projects-page .eb2-work-hud i{
  font-size:.48rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-style:normal;
}
.projects-page .eb2-work-hud strong{font-size:2.35rem;line-height:.9;letter-spacing:-.06em;font-weight:500;color:#f26d21}
.projects-page .eb2-work-atmosphere{
  position:fixed;
  right:-22vw;
  bottom:-38vw;
  z-index:0;
  width:78vw;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  background:#f26d21;
  opacity:.075;
  filter:blur(120px);
  transform:translate3d(0,0,0);
  transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .5s;
}
.projects-page .eb2-work-curtain{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,#f26d21,#7d2a08);
  transform:scaleX(1);
  transform-origin:right;
  transition:transform .9s cubic-bezier(.77,0,.18,1);
}
.projects-page .eb2-work-visible .eb2-work-curtain{transform:scaleX(0)}
.projects-page .discipline-card>.eb2-work-curtain{z-index:4}
.projects-page .portfolio-media>.eb2-work-curtain{z-index:4}
@media(max-width:900px){.projects-page .eb2-work-hud{display:none}.projects-page .eb2-work-atmosphere{width:120vw;right:-70vw;bottom:-42vw}}
@media(max-width:620px){.projects-page .eb2-work-cursor,.projects-page .eb2-work-curtain{display:none}}
@media(prefers-reduced-motion:reduce){.projects-page .eb2-work-cursor,.projects-page .eb2-work-curtain{display:none}.projects-page .eb2-work-atmosphere{transition:none}}
body.extreme-build-two.projects-page .x-progress span,
body.extreme-build-two.projects-page .progress span{
  background:#f26d21;
}
body.extreme-build-two.projects-page .x-context i,
body.extreme-build-two.projects-page .availability i{
  background:#f26d21;
  box-shadow:0 0 0 5px #f26d2118,0 0 15px #f26d2166;
}
body.extreme-build-two.projects-page :is(.discipline-card,.team-profile,.testimonial-card,.book-card,.art-card,.web2-card):hover{
  border-color:#f26d21!important;
  box-shadow:0 0 0 1px #f26d214d,0 1.8rem 5rem #0005;
}

/* Projects page: Level 6 signal-lock rollovers, adapted to the current work cards. */
body.extreme-build-two.projects-page .portfolio-item{
  --eb2-card-rx:0deg;
  --eb2-card-ry:0deg;
  --eb2-card-lift:0px;
  position:relative;
  overflow:hidden;
  transform:perspective(1100px) translateY(var(--eb2-card-lift)) rotateX(var(--eb2-card-rx)) rotateY(var(--eb2-card-ry));
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease-out,border-color .35s,box-shadow .35s;
}
body.extreme-build-two.projects-page .portfolio-item:hover{
  --eb2-card-lift:-10px;
  border-color:#f26d21!important;
  box-shadow:0 0 0 1px #f26d21,0 0 55px #f26d2126,0 2rem 7rem #0009;
}
body.extreme-build-two.projects-page .portfolio-item:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:radial-gradient(circle at var(--eb2-card-mx,50%) var(--eb2-card-my,50%),#ffffff20,transparent 34%);
  opacity:0;
  transition:opacity .25s;
}
body.extreme-build-two.projects-page .portfolio-item:hover:before{opacity:1}
body.extreme-build-two.projects-page .portfolio-media{position:relative;overflow:hidden}
body.extreme-build-two.projects-page .portfolio-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,transparent 55%,#f26d2138);
  mix-blend-mode:screen;
  opacity:0;
  transition:opacity .35s;
}
body.extreme-build-two.projects-page .portfolio-item:hover .portfolio-media:after{opacity:1}
body.extreme-build-two.projects-page .portfolio-item .portfolio-media img{
  filter:grayscale(.9) contrast(1.08) brightness(.84);
  transition:filter .5s,transform .8s cubic-bezier(.16,1,.3,1);
}
body.extreme-build-two.projects-page .portfolio-item:hover .portfolio-media img{
  filter:grayscale(0) saturate(1.05) contrast(1.04);
  transform:scale(1.025);
}
body.extreme-build-two.projects-page .portfolio-copy h2{
  position:relative;
  width:fit-content;
  transition:transform .35s cubic-bezier(.16,1,.3,1),color .3s;
}
body.extreme-build-two.projects-page .portfolio-copy h2:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-.22em;
  height:3px;
  background:linear-gradient(90deg,#f26d21 0 78%,#eeeae0 78% 88%,#7d2a08 88%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
body.extreme-build-two.projects-page .portfolio-item:hover .portfolio-copy h2{transform:translateX(.28rem);color:#eeeae0}
body.extreme-build-two.projects-page .portfolio-item:hover .portfolio-copy h2:after{transform:scaleX(1)}
body.extreme-build-two.projects-page .portfolio-copy:before{
  content:"";
  position:absolute;
  top:1.35rem;
  right:1.35rem;
  width:14px;
  height:14px;
  border-top:2px solid #f26d21;
  border-right:2px solid #f26d21;
  opacity:0;
  transform:translate(-8px,8px);
  transition:opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);
}
body.extreme-build-two.projects-page .portfolio-item:hover .portfolio-copy:before{opacity:1;transform:none}
@media(max-width:620px),(prefers-reduced-motion:reduce){
  body.extreme-build-two.projects-page :is(.portfolio-item,.discipline-card){transform:none!important;transition:border-color .25s,box-shadow .25s}
  body.extreme-build-two.projects-page .portfolio-item .portfolio-media img{filter:none}
}
body.extreme-build-two.projects-page :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):before{
  background:conic-gradient(from 0deg,transparent 0 19%,#f26d21 20% 22%,transparent 23% 49%,#8b3512 50% 52%,transparent 53% 79%,var(--eb2-paper) 80% 81%,transparent 82%)!important;
}
body.extreme-build-two.projects-page :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro) h1 :is(em,span){
  color:#f26d21;
  text-shadow:-2px 0 #713018;
}
body.extreme-build-two.projects-page .portfolio-list{
  gap:clamp(3.5rem,6vw,7rem) clamp(1.75rem,3vw,3.5rem);
}
body.extreme-build-two.projects-page .discipline-grid{
  gap:clamp(2rem,3vw,4rem);
  background:transparent;
  border:0;
}
body.extreme-build-two.projects-page .discipline-card{
  border:1px solid #373632;
  box-shadow:0 1.25rem 3.5rem #6e260826;
}
body.extreme-build-two.projects-page .portfolio-item,
body.extreme-build-two.projects-page .portfolio-item:nth-child(n),
body.extreme-build-two.projects-page .portfolio-item:last-child:nth-child(odd){
  overflow:hidden;
  padding:clamp(.8rem,1.2vw,1.2rem);
  border:1px solid #3b3a36;
  background:#151514;
}
body.extreme-build-two.projects-page .portfolio-copy{
  padding:clamp(1.5rem,2vw,2.25rem) clamp(.4rem,1vw,1rem) clamp(.8rem,1vw,1.2rem);
  border-top:1px solid #555;
}
body.extreme-build-two.projects-page .portfolio-item:hover{
  border-color:#f26d21!important;
  box-shadow:0 0 0 1px #f26d214d,0 1.8rem 5rem #0006;
}
@media(max-width:620px){
  body.extreme-build-two.projects-page .discipline-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:2.5rem;
    padding:.35rem 0;
    background:transparent;
  }
  body.extreme-build-two.projects-page .discipline-card,
  body.extreme-build-two.projects-page .discipline-card-web,
  body.extreme-build-two.projects-page .discipline-card-publishing,
  body.extreme-build-two.projects-page .discipline-card-wide{
    width:100%;
    min-height:340px;
    aspect-ratio:auto;
    margin:0;
    border:1px solid #4a4843;
    box-shadow:0 1rem 0 #171716,0 1.6rem 3rem #0007;
  }
  body.extreme-build-two.projects-page .portfolio-list{gap:2.5rem}
  body.extreme-build-two.projects-page .portfolio-item,
  body.extreme-build-two.projects-page .portfolio-item:nth-child(n){padding:.7rem}
}
@media(prefers-reduced-motion:reduce){.eb2-field{display:none}body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):before,body.extreme-build-two :is(.page-hero,.studio-hero,.case-hero,.about-hero,.team-hero,.profile-hero,.testimonial-hero,.updates-hero,.post-hero,.private-work-intro):after{animation:none!important}.eb2-reveal{opacity:1;transform:none;transition:none}}