/* ABOUT — bleib Work board + click → beige grid */
:root{
  --about-bleib-beige:#e3ded3;
  --about-bleib-beige-deep:#dcd6cb;
}
#about.about-bleib{
  position:relative;
  z-index:2;
  height:auto!important;
  max-height:none;
  overflow:visible;
  background:#121214;
}
#about.about-bleib .about-bleib-wash{display:none}
#about.about-bleib .about-camera{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-areas:"about-main";
  align-items:stretch;
  min-height:calc(100svh - var(--nav-height,64px));
  height:auto;
  overflow:hidden;
}
#about.about-bleib .about-camera:before,
#about.about-bleib .about-walk__strip,
#about.about-bleib .about-walk__paws,
#about.about-bleib .about-walk__fg,
#about.about-bleib .about-walk__note,
#about.about-bleib .about-walk__panel,
#about.about-bleib .studio-ledge,
#about.about-bleib .studio-host,
#about.about-bleib .studio-controls,
#about.about-bleib .world-canvas,
#about.about-bleib .about-topline{
  display:none!important;
}
#about.about-bleib .about-bleib-stage{
  grid-area:about-main;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(48px,1fr) minmax(0,8fr) minmax(48px,1fr);
  align-items:center;
  gap:clamp(8px,2vw,24px);
  min-height:calc(100svh - var(--nav-height,64px));
  padding:clamp(88px,12vh,120px) clamp(12px,2vw,28px) clamp(32px,5vh,48px);
  box-sizing:border-box;
  background:#121214;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Crect x='6.5' y='6.5' width='2' height='2' rx='1' ry='1' fill='rgb(255%2C255%2C255)' fill-opacity='0.08'/%3E%3C/svg%3E");
  background-size:15px 15px;
  transition:
    opacity .5s cubic-bezier(.22,1,.32,1),
    visibility .5s,
    transform .65s cubic-bezier(.22,1,.32,1);
}
#about.about-bleib.is-grid-open .about-bleib-stage{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.97) translateY(-16px);
}
#about.about-bleib .about-bleib-index{
  color:var(--about-bleib-beige,#e3ded3);
  font:400 clamp(2.5rem,8vw,5.5rem)/.92 var(--display);
  letter-spacing:var(--section-title-tracking,-.045em);
  text-align:center;
  user-select:none;
}
#about.about-bleib .about-bleib-board{
  appearance:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:min(62vh,560px);
  margin:0;
  padding:clamp(32px,5vh,48px) clamp(20px,3vw,32px) clamp(56px,7vh,72px);
  border:0;
  border-radius:2px;
  background:var(--about-bleib-beige,#e3ded3);
  color:#171923;
  cursor:pointer;
  text-align:center;
  transition:transform .45s cubic-bezier(.22,1,.32,1),box-shadow .45s ease,filter .35s ease;
}
#about.about-bleib .about-bleib-board:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(23,25,35,.08);
  filter:brightness(1.025);
}
#about.about-bleib .about-bleib-board:focus-visible{
  outline:2px solid #171923;
  outline-offset:4px;
}
#about.about-bleib .about-bleib-board:active{
  transform:translateY(1px) scale(.995);
  box-shadow:0 5px 14px rgba(23,25,35,.12);
  filter:brightness(.97);
  transition-duration:80ms;
}
#about.about-bleib.is-grid-open .about-bleib-board{
  filter:saturate(.98);
}
#about.about-bleib .about-bleib-eyebrow{
  margin:0 0 clamp(10px,1.6vh,16px);
  color:#55565b;
  font:500 11px/1 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
}
#about.about-bleib .about-bleib-title{
  margin:0;
  color:#171923;
  font:400 clamp(3.2rem,12vw,7.5rem)/.92 var(--display);
  letter-spacing:var(--section-title-tracking,-.045em);
  text-wrap:balance;
}
#about.about-bleib .about-bleib-board__hint{
  margin:clamp(18px,3vh,28px) 0 0;
  color:#55565b;
  font:500 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
}
#about.about-bleib .about-bleib-board__bars{
  position:absolute;
  left:clamp(18px,3vw,28px);
  right:clamp(18px,3vw,28px);
  bottom:clamp(18px,3vh,24px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(10px,2vw,18px);
  pointer-events:none;
}
#about.about-bleib .about-bleib-board{
  position:relative;
}
#about.about-bleib .about-bleib-board__bars i{
  display:block;
  height:clamp(10px,1.2vh,14px);
  background:#111;
  border-radius:1px;
}
#about.about-bleib .about-bleib-grid{
  grid-area:about-main;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:none;
  overflow:visible;
  background:var(--about-bleib-beige-deep);
  padding:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:
    opacity .55s cubic-bezier(.22,1,.32,1) .08s,
    visibility .55s .08s,
    transform .7s cubic-bezier(.22,1,.32,1) .06s,
    padding .55s cubic-bezier(.22,1,.32,1);
}
#about.about-bleib .about-bleib-grid > .studio-track{
  flex:1 1 auto;
  min-height:min-content;
  overflow:visible;
}
#about.about-bleib.is-grid-open .about-bleib-grid{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  padding:clamp(56px,8vh,72px) 0 clamp(48px,8vh,72px);
  scroll-behavior:smooth;
}
#about.about-bleib.is-grid-open{
  scroll-margin-top:var(--nav-height,64px);
}
#about.about-bleib .about-bleib-back{
  position:sticky;
  top:0;
  z-index:6;
  display:flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  margin:0 auto clamp(12px,2vh,18px);
  padding:10px 18px;
  border:1px solid #b8b0a4;
  border-radius:999px;
  background:#fff;
  color:var(--about-ink,#171923);
  font:500 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(23,25,35,.06);
  transition:transform .35s cubic-bezier(.22,1,.32,1),box-shadow .35s ease;
}
#about.about-bleib .about-bleib-back[hidden]{display:none!important}
#about.about-bleib .about-bleib-back:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(23,25,35,.1);
}
#about.about-bleib .about-bleib-back:focus-visible{
  outline:2px solid var(--about-ink,#171923);
  outline-offset:3px;
}
#about.about-bleib.is-grid-open{
  background:var(--about-bleib-beige-deep);
}
html[data-about-grid="open"]{
  background:var(--about-bleib-beige-deep);
}
#about.about-bleib .studio-track.about-bleib-type{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:clamp(22px,3.6vh,40px);
  position:relative;
  width:100%;
  max-width:min(980px,100%);
  min-height:clamp(480px,68vh,680px);
  margin:0 auto;
  padding:clamp(36px,5vh,56px) clamp(32px,6vw,64px);
  box-sizing:border-box;
  transform:none!important;
  background:#fff;
  border:1px solid #cfc9bd;
  border-radius:4px;
  overflow:hidden;
}
#about.about-bleib .studio-track.about-bleib-type::before,
#about.about-bleib .studio-track.about-bleib-type::after{
  content:"";
  position:absolute;
  z-index:0;
  top:10%;
  bottom:16%;
  width:1px;
  background:#171923;
  opacity:.14;
  pointer-events:none;
}
#about.about-bleib .studio-track.about-bleib-type::before{left:36%}
#about.about-bleib .studio-track.about-bleib-type::after{right:20%}
#about.about-bleib .studio-station{
  position:relative;
  z-index:2;
  order:var(--type-order,0);
  align-self:var(--type-align,flex-start);
  width:var(--type-w,min(74%,520px));
  max-width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  margin-left:var(--type-ml,0);
  margin-right:var(--type-mr,auto);
  padding:0;
  display:block;
  box-sizing:border-box;
  border:0;
  background:transparent;
  opacity:0;
  transform:translate3d(var(--type-x,0),20px,0);
  transition:
    opacity .75s cubic-bezier(.22,1,.32,1),
    transform .75s cubic-bezier(.22,1,.32,1);
}
#about.about-bleib .studio-station[data-type-slot="0"]{
  --type-order:0;--type-align:flex-start;--type-w:min(70%,500px);
  --type-ml:clamp(6%,10vw,16%);--type-mr:auto;--type-x:0;text-align:left
}
#about.about-bleib .studio-station[data-type-slot="1"]{
  --type-order:1;--type-align:flex-end;--type-w:min(62%,460px);
  --type-ml:auto;--type-mr:clamp(4%,8vw,12%);--type-x:clamp(8px,2vw,20px);text-align:right
}
#about.about-bleib .studio-station[data-type-slot="2"]{
  --type-order:2;--type-align:center;--type-w:min(78%,540px);
  --type-ml:auto;--type-mr:auto;--type-x:clamp(-28px,-3.5vw,-8px);text-align:left
}
#about.about-bleib .studio-station[data-type-slot="3"]{
  --type-order:3;--type-align:flex-end;--type-w:min(58%,440px);
  --type-ml:auto;--type-mr:clamp(4%,6vw,10%);--type-x:0;text-align:right
}
#about.about-bleib .studio-station[data-type-slot="4"]{
  --type-order:4;--type-align:flex-start;--type-w:min(72%,510px);
  --type-ml:clamp(12%,16vw,22%);--type-mr:auto;--type-x:clamp(12px,2.5vw,28px);text-align:left
}
#about.about-bleib .studio-station[data-type-slot="5"]{
  --type-order:5;--type-align:flex-end;--type-w:min(60%,450px);
  --type-ml:auto;--type-mr:clamp(0%,2vw,4%);--type-x:clamp(28px,6vw,64px);text-align:right
}
#about.about-bleib .studio-station[data-type-slot="6"]{
  --type-order:6;--type-align:flex-start;--type-w:min(68%,490px);
  --type-ml:clamp(2%,6vw,10%);--type-mr:auto;--type-x:0;text-align:left
}
#about.about-bleib.is-grid-open .studio-station{
  opacity:1;
  transform:translate3d(var(--type-x,0),0,0);
}
#about.about-bleib.has-flipped-card .studio-station:not(.is-flipped){
  opacity:.22;
  pointer-events:none;
}
#about.about-bleib .studio-station.is-flipped{
  position:relative;
  align-self:stretch!important;
  width:100%!important;
  max-width:100%!important;
  --type-x:0!important;
  --type-ml:0!important;
  --type-mr:0!important;
  margin:clamp(8px,1.5vh,14px) 0;
  text-align:left;
  transform:none!important;
  z-index:10;
  opacity:1!important;
  pointer-events:auto;
}
.about-bleib-flip{
  perspective:1400px;
  width:100%;
  min-height:0;
  height:auto;
}
#about.about-bleib .studio-station.is-flipped .about-bleib-flip{
  min-height:clamp(420px,58vh,580px);
}
.about-bleib-flip__inner{
  position:relative;
  width:100%;
  min-height:inherit;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .38s cubic-bezier(.4,0,.2,1);
}
#about.about-bleib .studio-station.is-flipped .about-bleib-flip__inner{
  transform:rotateY(180deg);
  transition:transform .38s cubic-bezier(.4,0,.2,1);
}
.about-bleib-flip__face{
  position:absolute;
  inset:0;
  box-sizing:border-box;
  backface-visibility:hidden;
  border:1px solid #cfc9bd;
  border-radius:4px;
  background:#fff;
}
.about-bleib-flip__face--front{
  display:block;
  min-height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  text-align:inherit;
  touch-action:manipulation;
}
.about-bleib-flip__face--front:focus-visible{
  outline:2px solid #171923;
  outline-offset:6px;
}
@keyframes about-bleib-title-blink{
  0%,100%{opacity:1;filter:none}
  20%{opacity:.28}
  40%{opacity:1}
  55%{opacity:.4}
  70%{opacity:1}
}
.about-bleib-type__sub{
  display:block;
  margin-top:clamp(8px,1.2vh,12px);
  max-width:22ch;
  font:400 clamp(13px,1.15vw,18px)/1.35 var(--sans);
  letter-spacing:-.02em;
  color:#55565b;
  text-wrap:balance;
}
.about-bleib-flip__face--front:focus-visible .about-bleib-type__title{
  animation:about-bleib-title-blink 1.05s ease-in-out infinite;
}
@media(hover:hover) and (pointer:fine){
  .about-bleib-flip__face--front:hover .about-bleib-type__title{
    animation:about-bleib-title-blink 1.05s ease-in-out infinite;
  }
}
@media(hover:none),(pointer:coarse){
  .about-bleib-flip__face--front:hover .about-bleib-type__title{
    animation:none!important;
    opacity:1;
  }
}
#about.about-bleib .studio-station:not(.is-flipped) .about-bleib-flip{
  min-height:0;
}
#about.about-bleib .studio-station:not(.is-flipped) .about-bleib-flip__inner{
  min-height:0;
  height:auto;
  transform:none!important;
}
#about.about-bleib .studio-station:not(.is-flipped) .about-bleib-flip__face--front{
  position:relative;
  inset:auto;
}
#about.about-bleib .studio-station:not(.is-flipped) .about-bleib-flip__face--back{
  display:none;
}
.about-bleib-flip__face--back{
  transform:rotateY(180deg);
  display:flex;
  flex-direction:column;
  padding:clamp(20px,2.8vh,28px) clamp(20px,2.5vw,28px) clamp(24px,3vh,32px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.about-bleib-flip__close{
  align-self:flex-end;
  flex:none;
  margin:0 0 clamp(10px,1.5vh,14px);
  padding:8px 14px;
  border:1px solid #cfc9bd;
  border-radius:999px;
  background:#fff;
  color:#171923;
  font:500 11px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.about-bleib-flip__close:hover{transform:translateY(-1px)}
.about-bleib-flip__close:focus-visible{
  outline:2px solid #171923;
  outline-offset:3px;
}
#about.about-bleib.is-grid-open .studio-station .station-copy,
#about.about-bleib.is-grid-open .studio-station .station-copy--head,
#about.about-bleib.is-grid-open .studio-station .station-copy--foot,
#about.about-bleib.is-grid-open .studio-station .service-en,
#about.about-bleib.is-grid-open .studio-station .service-scope{
  opacity:1;
  color:var(--about-ink,#171923);
}
#about.about-bleib.is-grid-open .studio-station .eyebrow{
  color:var(--about-muted,#55565b);
}
#about.about-bleib.about-walk .station-goldpage,
#about.about-bleib .station-goldpage{
  background:#fff;
  padding:0;
  overflow:visible;
}
#about.about-bleib.about-walk .station-goldpage .station-copy--head,
#about.about-bleib.about-walk .station-goldpage .station-copy--foot{
  position:relative;
  left:auto;
  top:auto;
}
#about.about-bleib .station-goldpage:before{display:none}
#about.about-bleib .station-goldpage .station-copy--head,
#about.about-bleib .station-goldpage .station-copy--foot{
  position:relative;
  left:auto;
  top:auto;
  max-width:none;
  margin:0;
  text-align:left;
}
#about.about-bleib .station-goldpage .station-copy--foot{
  margin-top:clamp(14px,2vh,18px);
}
#about.about-bleib .station-goldpage .station-copy--head h3{
  font-size:clamp(1.55rem,2.6vw,2.35rem);
  line-height:1.12;
  letter-spacing:-.04em;
}
#about.about-bleib .station-goldpage .eyebrow{
  font-size:11px;
  letter-spacing:.14em;
  margin-bottom:10px;
}
#about.about-bleib.about-walk .beam-gold{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  height:auto!important;
}
#about.about-bleib .beam-gold{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  margin:clamp(18px,2.5vh,24px) 0 0;
  padding:clamp(18px,2.2vw,24px) clamp(18px,2.2vw,24px) clamp(52px,6vh,60px);
  border:0;
  border-radius:2px;
  overflow:hidden;
  flex:1 1 auto;
  min-height:clamp(200px,28vh,280px);
  background:linear-gradient(165deg,#e8d39a 0%,#c8a15e 46%,#b8903c 100%);
  color:#0d0d0f;
  box-shadow:0 10px 28px rgba(23,25,35,.08);
  cursor:pointer;
  transition:box-shadow .45s ease,transform .35s cubic-bezier(.22,1,.32,1);
}
#about.about-bleib .beam-gold.is-nudged{
  box-shadow:0 16px 36px rgba(23,25,35,.12);
}
#about.about-bleib .beam-gold:focus-visible{
  outline:2px solid #0d0d0f;
  outline-offset:3px;
}
#about.about-bleib .beam-gold:hover{
  transform:translateY(-2px);
}
#about.about-bleib .beam-gold.is-nudged{
  animation:about-gold-nudge .72s cubic-bezier(.22,1,.32,1);
}
@keyframes about-gold-nudge{
  0%,100%{transform:translateY(0)}
  42%{transform:translateY(-4px) translateX(6px)}
  68%{transform:translateY(-1px) translateX(2px)}
}
#about.about-bleib .beam-gold__kicker{
  display:block;
  margin:0;
  font:500 clamp(16px,1.5vw,24px)/1.1 var(--caps);
  letter-spacing:.16em;
}
#about.about-bleib .beam-gold__kicker-ko{
  display:block;
  margin:6px 0 0;
  font:500 12px/1.3 var(--sans);
  letter-spacing:.08em;
  opacity:.75;
}
#about.about-bleib .beam-gold__drawer,
#about.about-bleib .beam-gold__drawer-inner,
#about.about-bleib .beam-gold__head{display:contents}
#about.about-bleib .beam-gold__lead{
  margin:clamp(14px,2vh,18px) 0 clamp(10px,1.6vh,14px);
  font:500 clamp(15px,1.35vw,20px)/1.35 var(--sans);
  letter-spacing:-.02em;
}
#about.about-bleib .about-process{
  display:grid;
  gap:clamp(16px,2.2vh,24px);
  margin:clamp(10px,1.4vh,16px) 0 0;
  padding:0;
  list-style:none;
}
#about.about-bleib .about-process li{
  margin:0;
  padding:0 0 16px;
  border-bottom:1px solid rgba(13,13,15,.12);
}
#about.about-bleib .about-process li:last-child{
  padding-bottom:0;
  border-bottom:0;
}
#about.about-bleib .about-process__line{
  margin:0;
  color:#0d0d0f;
  font:500 clamp(22px,2.2vw,34px)/1.18 var(--serif);
  letter-spacing:-.03em;
}
#about.about-bleib .about-process__step{
  display:block;
  margin-top:8px;
  color:rgba(13,13,15,.55);
  font:600 11px/1.2 var(--sans);
  letter-spacing:.16em;
  text-transform:uppercase;
}
#about.about-bleib .beam-gold__body{
  display:grid;
  gap:10px;
}
#about.about-bleib .beam-gold__body p{
  margin:0;
  font:14px/1.6 var(--sans);
}
#about.about-bleib .beam-gold__bars{
  position:absolute;
  left:clamp(14px,2vw,20px);
  right:clamp(14px,2vw,20px);
  bottom:clamp(12px,1.8vh,16px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(8px,1.4vw,14px);
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
#about.about-bleib .beam-gold__bars span{
  display:contents;
}
#about.about-bleib .beam-gold__bars i{
  display:block;
  height:clamp(9px,1.1vh,12px);
  background:#111;
  border-radius:1px;
  transition:transform .35s cubic-bezier(.22,1,.32,1),opacity .25s ease;
}
#about.about-bleib .beam-gold:hover .beam-gold__bars i:first-child,
#about.about-bleib .beam-gold.is-nudged .beam-gold__bars i:first-child{
  transform:translateX(6px);
}
#about.about-bleib .beam-gold:hover .beam-gold__bars i:last-child,
#about.about-bleib .beam-gold.is-nudged .beam-gold__bars i:last-child{
  transform:translateX(10px);
}
#about.about-bleib .station-intro.is-flipped .about-bleib-flip{
  min-height:clamp(560px,78vh,820px);
}
#about.about-bleib .station-intro .beam-gold{
  padding-bottom:clamp(20px,3vh,28px);
}
#about.about-bleib .station-intro .beam-gold__bars{display:none}
.goya-moments{
  margin:clamp(16px,2.2vh,22px) 0 0;
}
.goya-moments__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(8px,1.2vw,12px);
  margin:0;
  padding:0;
  list-style:none;
}
.goya-moments__grid li{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-radius:2px;
}
.goya-moments__grid img{
  display:block;
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  background:#1a1612;
}
.goya-moments__copy{
  position:absolute;
  left:0;right:0;bottom:0;
  padding:clamp(28px,4vh,40px) 10px 10px;
  background:linear-gradient(180deg,transparent 0%,rgba(20,16,10,.18) 28%,rgba(20,16,10,.72) 100%);
  color:#f6f2e8;
}
.goya-moments__year{
  margin:0;
  font:600 11px/1 var(--mono);
  letter-spacing:.08em;
}
.goya-moments__title{
  margin:6px 0 6px;
  font:600 clamp(12px,1vw,15px)/1.25 var(--sans);
  letter-spacing:-.02em;
}
.goya-moments__body{
  margin:0;
  font:12px/1.45 var(--sans);
  opacity:.92;
}
.goya-moments__en{
  margin:8px 0 0;
  font:500 9px/1 var(--caps);
  letter-spacing:.16em;
  opacity:.72;
}
@media (max-width:780px){
  .goya-moments__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.beam-gold__cta{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  color:inherit;
  font:600 13px/1.3 var(--sans);
  letter-spacing:-.01em;
  text-decoration:underline;
  text-underline-offset:3px;
}
.beam-gold__cta--dark{
  color:#171923;
}
.records-soultrace{
  position:relative;
  z-index:2;
  margin:16px 20px 28px;
  text-align:center;
}
#about.about-bleib .station-exit .about-bleib-flip{
  min-height:clamp(200px,26vh,260px);
}
#about.about-bleib .station-exit.is-flipped .about-bleib-flip{
  min-height:clamp(380px,50vh,520px);
}
#about.about-bleib .about-detail-overlay{
  position:fixed;
  z-index:80;
  top:var(--nav-height,64px);
  right:0;
  bottom:0;
  left:0;
  box-sizing:border-box;
  padding:clamp(18px,3vh,28px) clamp(18px,4vw,48px) max(clamp(18px,3vh,28px),env(safe-area-inset-bottom));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:auto;
  background:var(--about-bleib-beige-deep);
}
#about.about-bleib .about-detail-overlay[hidden]{display:none!important}
#about.about-bleib .about-detail-overlay__content{
  width:min(980px,100%);
  min-height:100%;
  margin:0 auto;
}
#about.about-bleib .about-detail-overlay .about-bleib-flip__face--back{
  position:relative;
  inset:auto;
  display:flex;
  width:100%;
  min-height:clamp(420px,58vh,580px);
  height:auto;
  max-height:none;
  transform:none;
  backface-visibility:visible;
  overflow:visible;
}
#about.about-bleib .exit-arrow{display:none}
@media (prefers-reduced-motion:reduce){
  #about.about-bleib .beam-gold:hover,
  #about.about-bleib .beam-gold.is-nudged{transform:none;animation:none}
  #about.about-bleib .beam-gold:hover .beam-gold__bars i,
  #about.about-bleib .beam-gold.is-nudged .beam-gold__bars i{transform:none}
  #about.about-bleib .studio-station.is-flipped .about-bleib-flip__inner{transform:none}
  #about.about-bleib .studio-station:not(.is-flipped) .about-bleib-flip__face--back{display:none}
  #about.about-bleib .studio-station.is-flipped .about-bleib-flip__face--front{display:none}
  #about.about-bleib .studio-station.is-flipped .about-bleib-flip__face--back{
    position:relative;
    transform:none;
  }
  #about.about-bleib .about-detail-overlay .about-bleib-flip__face--back{transform:none}
  .about-bleib-flip__face--front:hover .about-bleib-type__title,
  .about-bleib-flip__face--front:focus-visible .about-bleib-type__title{
    animation:none;
    opacity:.85;
  }
}
@media(max-width:900px){
  #about.about-bleib .about-bleib-stage{
    grid-template-columns:minmax(36px,.6fr) minmax(0,1fr) minmax(36px,.6fr);
    min-height:min(92svh,760px);
  }
  #about.about-bleib .studio-track.about-bleib-type{
    min-height:0;
    max-width:640px;
    gap:clamp(18px,3vh,28px);
    padding:clamp(28px,4vh,40px) clamp(18px,4vw,28px);
  }
  #about.about-bleib .studio-station{
    --type-w:min(88%,100%)!important;
    max-width:100%;
  }
  .about-bleib-type__title{font-size:clamp(1.65rem,9vw,2.65rem)}
}
@media(max-width:760px){
  #about.about-bleib .about-bleib-title{font-size:clamp(3rem,18vw,4.5rem)}
  #about.about-bleib .about-bleib-index{font-size:clamp(2rem,12vw,3rem)}
}

/* Mobile ABOUT intro: use the same roomy single-card composition as the
   other chapter gates instead of squeezing the desktop three-column rail. */
@media(max-width:768px){
  #about.about-bleib:not(.is-grid-open) .about-bleib-stage{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr);
    gap:0;
    width:100%;
    min-height:100svh;
    padding:clamp(72px,11vh,104px) 16px clamp(28px,5vh,44px);
    box-sizing:border-box;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-index{
    display:block;
    position:absolute;
    top:24px;
    z-index:4;
    color:var(--about-bleib-beige,#e3ded3);
    font:400 clamp(26px,8vw,32px)/1 var(--display);
    letter-spacing:-.04em;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-index--prev{left:20px}
  #about.about-bleib:not(.is-grid-open) .about-bleib-index--next{right:20px}
  #about.about-bleib:not(.is-grid-open) .about-bleib-board{
    width:100%;
    max-width:420px;
    min-height:430px;
    margin-inline:auto;
    box-sizing:border-box;
    padding:clamp(34px,7vh,58px) 22px clamp(62px,9vh,82px);
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-eyebrow{
    margin-bottom:22px;
    font-size:10px;
    letter-spacing:.18em;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-title{
    max-width:100%;
    font-size:clamp(40px,13vw,58px);
    line-height:.92;
    letter-spacing:-.04em;
    white-space:nowrap;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-board__hint{
    margin-top:24px;
    max-width:100%;
    font-size:10px;
    line-height:1.5;
    letter-spacing:.14em;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-board__bars{
    left:50%;
    right:auto;
    bottom:28px;
    display:flex;
    width:auto;
    transform:translateX(-50%);
    gap:8px;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-board__bars i{width:52px;height:4px}
}
@media(prefers-reduced-motion:reduce){
  #about.about-bleib.is-grid-open .about-bleib-stage{transform:none}
  #about.about-bleib.is-grid-open .about-bleib-grid{transform:none;padding:clamp(72px,10vh,96px) 0 clamp(48px,8vh,72px)}
  #about.about-bleib:not(.is-grid-open) .about-bleib-grid{display:none}
  #about.about-bleib.is-grid-open .studio-station{opacity:1;transform:translate3d(var(--type-x,0),0,0)}
  #about.about-bleib .about-bleib-board{transition:none}
}

/* 2026-09-29 — Eternal Beam cinematic ABOUT shell.
   Existing station/flip/dialog hooks remain intact beneath this presentation. */
#about.about-bleib{
  --about-cinematic-black:#171512;
  --about-cinematic-ivory:#f4efe6;
  --about-cinematic-gold:#c49a55;
  --about-cinematic-copy:rgba(244,239,230,.62);
  height:auto!important;
  overflow:hidden;
  background:var(--about-cinematic-black);
  color:var(--about-cinematic-ivory);
}
#about.about-bleib .about-camera{
  position:relative;
  display:block;
  min-height:100svh;
  height:100svh;
  overflow:hidden;
  background:var(--about-cinematic-black);
}
#about.about-bleib .about-camera:after{
  content:"";
  position:absolute;
  z-index:18;
  top:0;
  right:0;
  left:0;
  height:18%;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(229,214,191,.18) 0%,
    rgba(155,132,107,.1) 28%,
    rgba(23,21,18,.035) 62%,
    transparent 100%);
}

#about.about-bleib .about-cinematic{
  position:absolute;
  z-index:1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
#about.about-bleib .about-cinematic__story{
  position:absolute;
  inset:0 45% 0 0;
  overflow:hidden;
  background:#2b2520;
}
#about.about-bleib .about-cinematic__story:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:url("assets/homepage/about/dog.png?v=eb-20261005x") 58% center/cover no-repeat;
  filter:saturate(.78) contrast(.96) brightness(.92);
}
#about.about-bleib .about-cinematic__dog{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:58% center;
  filter:saturate(.83) contrast(1.02) brightness(.82);
  visibility:hidden;
}
#about.about-bleib .about-cinematic__story:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(12,10,8,.72) 0%,rgba(12,10,8,.42) 40%,rgba(12,10,8,.08) 72%,rgba(12,10,8,0) 100%),
    linear-gradient(180deg,rgba(12,10,8,.16),transparent 34% 74%,rgba(12,10,8,.24));
}
#about.about-bleib .about-cinematic__copy{
  position:absolute;
  z-index:2;
  left:clamp(64px,5vw,96px);
  top:clamp(58px,8vh,96px);
  width:min(520px,43vw);
  color:var(--about-cinematic-ivory);
  animation:about-cinematic-copy-in .72s cubic-bezier(.22,.61,.36,1) both;
}
#about.about-bleib .about-cinematic__chapter{
  margin:0 0 clamp(38px,6vh,68px);
  color:rgba(244,239,230,.8);
  font:500 11px/1 var(--mono);
  letter-spacing:.17em;
}
#about.about-bleib .about-cinematic__title{
  margin:0;
  max-width:520px;
  color:var(--about-cinematic-ivory);
  font:400 clamp(42px,3.35vw,66px)/1.08 var(--serif);
  letter-spacing:-.035em;
  text-wrap:balance;
}
#about.about-bleib .about-cinematic__title span,
#about.about-bleib .about-cinematic__title em{display:block}
#about.about-bleib .about-cinematic__title em{
  color:var(--about-cinematic-gold);
  font-style:normal;
}
#about.about-bleib .about-cinematic__description{
  max-width:390px;
  margin:clamp(26px,3.8vh,40px) 0 0;
  color:rgba(244,239,230,.72);
  font:400 clamp(15px,1.05vw,17px)/1.7 var(--sans);
  letter-spacing:-.012em;
  text-wrap:pretty;
}
#about.about-bleib .about-cinematic__helper{
  margin:clamp(24px,3.4vh,38px) 0 0;
  color:rgba(196,154,82,.78);
  font:500 9px/1 var(--mono);
  letter-spacing:.19em;
  text-transform:uppercase;
}

#about.about-bleib .about-cinematic__right{
  position:absolute;
  inset:0 0 0 55%;
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 55% at 88% 78%,rgba(164,115,49,.11),transparent 68%),
    var(--about-cinematic-black);
}
#about.about-bleib .about-cinematic__right:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='9' cy='9' r='.7' fill='%23f5f0e7' fill-opacity='.035'/%3E%3C/svg%3E");
  pointer-events:none;
}
#about.about-bleib .about-cinematic__brand{
  position:absolute;
  z-index:8;
  top:5%;
  right:5%;
  text-align:right;
}
#about.about-bleib .about-cinematic__brand strong,
#about.about-bleib .about-cinematic__brand span{display:block}
#about.about-bleib .about-cinematic__brand strong{
  color:rgba(244,239,230,.78);
  font:500 11px/1 var(--sans);
  letter-spacing:.16em;
}
#about.about-bleib .about-cinematic__brand span{
  margin-top:9px;
  color:rgba(244,239,230,.3);
  font:500 8px/1.45 var(--mono);
  letter-spacing:.12em;
}
#about.about-bleib .about-cinematic__divider{
  position:absolute;
  z-index:10;
  left:55%;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(196,154,85,.25);
  box-shadow:0 0 34px rgba(196,154,85,.1);
}
#about.about-bleib .about-cinematic__divider:before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:90px;
  height:42%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at center,rgba(196,154,85,.1),transparent 60%);
  pointer-events:none;
}
#about.about-bleib .about-cinematic__divider i{
  position:absolute;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border:1px solid rgba(196,154,85,.5);
  background:#171512;
  transform:translate(-50%,-50%) rotate(45deg);
}

/* The original board remains in the DOM for its existing gate API. */
#about.about-bleib .about-bleib-stage{
  position:absolute;
  width:1px;
  height:1px;
  min-height:0;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  opacity:0;
  pointer-events:none;
}
#about.about-bleib.is-grid-open .about-bleib-stage{opacity:0;visibility:hidden;transform:none}

/* Existing generated category faces become the editorial navigation. */
#about.about-bleib .about-bleib-grid,
#about.about-bleib.is-grid-open .about-bleib-grid{
  position:absolute;
  z-index:12;
  top:0;
  right:0;
  bottom:0;
  width:45%;
  min-height:0;
  padding:clamp(58px,8vh,86px) 0 clamp(46px,7vh,68px);
  overflow:hidden;
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:none;
  background:transparent;
  display:flex!important;
}
#about.about-bleib .about-bleib-grid > .studio-track,
#about.about-bleib .studio-track.about-bleib-type{
  position:relative;
  z-index:5;
  display:flex;
  flex-direction:column;
  gap:0;
  width:86%;
  max-width:none;
  min-height:0;
  height:100%;
  margin:0;
  padding:0 0 0 clamp(24px,2.5vw,48px);
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  transform:none!important;
}

html[lang="ko"] #about.about-bleib .about-cinematic__title{
  max-width:520px;
  font-size:clamp(42px,3.35vw,66px);
  line-height:1.08;
  letter-spacing:-.035em;
}
#about.about-bleib .studio-track.about-bleib-type:before,
#about.about-bleib .studio-track.about-bleib-type:after{display:none}
#about.about-bleib .about-bleib-grid .studio-station{
  --type-x:0!important;
  position:relative;
  display:block;
  flex:1 1 0;
  width:100%!important;
  min-width:0;
  max-width:none;
  min-height:72px;
  height:auto;
  margin:0!important;
  padding:0!important;
  overflow:visible;
  color:var(--about-cinematic-ivory);
  background:transparent;
  text-align:left!important;
  opacity:1;
  transform:none;
  pointer-events:auto;
  animation:about-cinematic-row-in .56s cubic-bezier(.22,.61,.36,1) both;
}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(2){animation-delay:.04s}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(3){animation-delay:.08s}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(4){animation-delay:.12s}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(5){animation-delay:.16s}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(6){animation-delay:.2s}
#about.about-bleib .about-bleib-grid .studio-station:nth-child(7){animation-delay:.24s}
#about.about-bleib .about-bleib-grid .studio-station:before{
  content:counter(about-theme,decimal-leading-zero);
  counter-increment:about-theme;
  position:absolute;
  display:block!important;
  z-index:4;
  top:50%;
  left:0;
  width:24px;
  height:auto;
  background:none;
  color:var(--about-cinematic-gold);
  font:500 10px/1 var(--mono);
  letter-spacing:.08em;
  transform:translateY(-50%);
}
#about.about-bleib .studio-track.about-bleib-type{counter-reset:about-theme}
#about.about-bleib .about-bleib-grid .studio-station:after{
  content:"";
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,rgba(196,154,85,.25),rgba(244,239,230,.07));
  transition:background .22s ease;
}
#about.about-bleib .about-bleib-grid .studio-station > .station-copy,
#about.about-bleib .about-bleib-grid .studio-station > .beam-gold,
#about.about-bleib .about-bleib-grid .studio-station > .exit-arrow{display:none!important}
#about.about-bleib .about-bleib-grid .about-bleib-flip,
#about.about-bleib .about-bleib-grid .about-bleib-flip__inner{
  width:100%;
  height:100%;
  min-height:0;
}
#about.about-bleib .about-bleib-grid .studio-station:not(.is-flipped) .about-bleib-flip,
#about.about-bleib .about-bleib-grid .studio-station:not(.is-flipped) .about-bleib-flip__inner{
  height:100%;
  min-height:100%;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:72px;
  padding:12px 34px 12px 38px;
  border:0;
  border-radius:0;
  color:var(--about-cinematic-ivory);
  background:transparent;
  text-align:left;
  transition:transform .22s ease,color .22s ease;
}
#about.about-bleib .about-bleib-grid .about-bleib-type__title{
  display:block!important;
  overflow:visible!important;
  color:rgba(244,239,230,.92)!important;
  font:600 clamp(12px,.9vw,16px)/1.15 var(--sans)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  -webkit-text-stroke:0;
  text-shadow:none;
  opacity:1!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(1) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(2) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(3) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(4) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(5) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(6) .about-bleib-type__title:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(7) .about-bleib-type__title:after{
  display:none!important;
  content:none!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-type__sub{
  display:none!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:before{
  content:"→";
  position:absolute;
  right:8px;
  top:50%;
  color:rgba(196,154,85,.76);
  font:400 14px/1 var(--sans);
  transform:translateY(-50%);
  transition:transform .22s ease,color .22s ease;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(1) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(2) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(3) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(4) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(5) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(6) .about-bleib-flip__face--front:after,
#about.about-bleib .about-bleib-grid .studio-station:nth-child(7) .about-bleib-flip__face--front:after{
  display:none!important;
  content:none!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:hover,
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:focus-visible{
  color:#fff;
  outline:0;
  transform:translateX(3px);
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:hover .about-bleib-type__title,
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:focus-visible .about-bleib-type__title{
  color:#fff!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:hover:before,
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:focus-visible:before{
  color:#d9b36f;
  transform:translate(4px,-50%);
}
#about.about-bleib .about-bleib-grid .studio-station:hover:after,
#about.about-bleib .about-bleib-grid .studio-station:focus-within:after{
  background:linear-gradient(90deg,rgba(196,154,85,.7),rgba(244,239,230,.11));
}
#about.about-bleib .about-bleib-back{
  position:absolute;
  z-index:20;
  top:clamp(72px,9vh,94px);
  left:calc(55% + clamp(24px,2.5vw,48px));
  margin:0;
  padding:8px 0;
  border:0;
  border-radius:0;
  color:rgba(244,239,230,.62);
  background:transparent;
  box-shadow:none;
  font-size:9px;
}

@keyframes about-cinematic-copy-in{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@keyframes about-cinematic-row-in{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@media(max-width:900px){
  #about.about-bleib .about-camera{height:auto;min-height:1370px}
  #about.about-bleib .about-cinematic__story{
    inset:0 0 auto;
    width:100%;
    height:720px;
  }
  #about.about-bleib .about-cinematic__dog{object-position:58% center}
  #about.about-bleib .about-cinematic__copy{
    left:clamp(24px,7vw,64px);
    top:clamp(72px,10vh,104px);
    width:min(78vw,520px);
  }
  #about.about-bleib .about-cinematic__right{
    inset:720px 0 0;
    width:100%;
  }
  #about.about-bleib .about-cinematic__divider{
    left:0;
    right:0;
    top:720px;
    bottom:auto;
    width:auto;
    height:1px;
  }
  #about.about-bleib .about-cinematic__divider i{top:50%}
  #about.about-bleib .about-bleib-grid,
  #about.about-bleib.is-grid-open .about-bleib-grid{
    top:720px;
    right:0;
    bottom:auto;
    width:100%;
    height:650px;
    padding:36px clamp(22px,6vw,52px) 26px;
  }
  #about.about-bleib .about-bleib-grid > .studio-track,
  #about.about-bleib .studio-track.about-bleib-type{
    width:min(620px,100%);
    height:100%;
    margin:0;
    padding:0;
  }
  #about.about-bleib .about-bleib-grid .studio-station{min-height:76px}
  #about.about-bleib .about-bleib-grid .about-bleib-flip__face--front{min-height:76px;padding-left:40px}
  #about.about-bleib .about-bleib-grid .about-bleib-type__title{font-size:13px}
  #about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:after{font-size:11px}
  #about.about-bleib .about-cinematic__brand{
    top:580px;
    left:clamp(22px,6vw,52px);
    right:auto;
    text-align:left;
  }
  #about.about-bleib .about-bleib-back{top:730px;left:auto;right:24px}
}

@media(max-width:560px){
  #about.about-bleib .about-camera{min-height:1270px}
  #about.about-bleib .about-cinematic__story{height:650px}
  #about.about-bleib .about-cinematic__story:after{
    background:linear-gradient(90deg,rgba(12,11,11,.8),rgba(14,12,11,.35) 78%),linear-gradient(180deg,rgba(12,11,11,.28),transparent 52%,rgba(12,11,11,.56));
  }
  #about.about-bleib .about-cinematic__copy{top:68px;width:min(88vw,440px)}
  #about.about-bleib .about-cinematic__chapter{margin-bottom:34px}
  #about.about-bleib .about-cinematic__title{font-size:clamp(39px,11.5vw,58px);line-height:.98}
  #about.about-bleib .about-cinematic__description{max-width:320px;font-size:13px;line-height:1.55}
  #about.about-bleib .about-cinematic__helper{margin-top:24px}
  #about.about-bleib .about-cinematic__right{inset:650px 0 0}
  #about.about-bleib .about-cinematic__divider{top:650px}
  #about.about-bleib .about-bleib-grid,
  #about.about-bleib.is-grid-open .about-bleib-grid{
    top:650px;
    height:620px;
    padding:22px 20px 18px;
  }
  #about.about-bleib .about-bleib-grid .studio-station{min-height:72px}
  #about.about-bleib .about-bleib-grid .about-bleib-flip__face--front{min-height:72px;padding:9px 30px 9px 38px}
  #about.about-bleib .about-cinematic__brand{top:570px;left:20px}
  #about.about-bleib .about-bleib-back{top:656px;right:20px}
}

@media(prefers-reduced-motion:reduce){
  #about.about-bleib .about-cinematic__copy,
  #about.about-bleib .about-bleib-grid .studio-station{
    animation:none!important;
    opacity:1;
    translate:none;
    scale:1;
    transform:none;
  }
  #about.about-bleib .about-bleib-grid .about-bleib-flip__face--front{transition:none}
}

/* ABOUT gate: retain the editorial title card, then reveal this composition. */
#about.about-bleib .about-cinematic{
  opacity:0;
  visibility:hidden;
  transition:opacity .55s cubic-bezier(.22,.61,.36,1),visibility .55s;
}
#about.about-bleib .about-bleib-grid,
#about.about-bleib.is-grid-open .about-bleib-grid{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
#about.about-bleib .about-bleib-stage{
  position:absolute;
  z-index:24;
  inset:0;
  display:grid;
  grid-template-columns:minmax(48px,1fr) minmax(0,8fr) minmax(48px,1fr);
  align-items:center;
  gap:clamp(8px,2vw,24px);
  width:auto;
  height:auto;
  min-height:100svh;
  margin:0;
  padding:clamp(88px,12vh,120px) clamp(12px,2vw,28px) clamp(32px,5vh,48px);
  overflow:visible;
  clip-path:none;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  background:#171512;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Crect x='6.5' y='6.5' width='2' height='2' rx='1' ry='1' fill='rgb(255%2C255%2C255)' fill-opacity='0.07'/%3E%3C/svg%3E");
  transition:opacity .45s ease,visibility .45s,transform .55s cubic-bezier(.22,.61,.36,1);
}
#about.about-bleib.is-grid-open .about-bleib-stage{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.985) translateY(-10px);
}
#about.about-bleib.is-grid-open .about-cinematic{
  opacity:1;
  visibility:visible;
}
#about.about-bleib.is-grid-open .about-bleib-grid{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* Open ABOUT is a single fitted composition; vertical wheel remains with the homepage. */
#about.about-bleib.is-grid-open,
#about.about-bleib.is-grid-open .about-camera{
  height:calc(100svh - var(--nav-height,64px));
  min-height:0;
  max-height:calc(100svh - var(--nav-height,64px));
  overflow:hidden;
}
#about.about-bleib.is-grid-open .about-cinematic{
  height:100%;
  min-height:0;
  overflow:hidden;
}

@media(max-width:900px){
  #about.about-bleib:not(.is-grid-open) .about-camera{height:100svh;min-height:700px}
  #about.about-bleib .about-bleib-stage{
    grid-template-columns:minmax(36px,.6fr) minmax(0,1fr) minmax(36px,.6fr);
    min-height:100svh;
  }
}

@media(prefers-reduced-motion:reduce){
  #about.about-bleib .about-cinematic,
  #about.about-bleib .about-bleib-stage{transition:none}
}

/* Mobile ABOUT keeps the desktop story/navigation relationship in one fitted screen. */
@media(max-width:760px){
  #about.about-bleib.is-grid-open,
  #about.about-bleib.is-grid-open .about-camera,
  #about.about-bleib.is-grid-open .about-cinematic{
    height:calc(100svh - var(--nav-height,64px));
    min-height:0;
    max-height:calc(100svh - var(--nav-height,64px));
    overflow:hidden;
  }
  #about.about-bleib.is-grid-open .about-cinematic__story{
    inset:0 0 52%;
    width:100%;
    height:auto;
  }
  #about.about-bleib.is-grid-open .about-cinematic__dog{object-position:58% center}
  #about.about-bleib.is-grid-open .about-cinematic__copy{
    top:clamp(22px,4vh,36px);
    left:18px;
    width:min(62vw,242px);
  }
  #about.about-bleib.is-grid-open .about-cinematic__chapter{
    margin-bottom:12px;
    font-size:9px;
  }
  #about.about-bleib.is-grid-open .about-cinematic__title{
    max-width:8.5em;
    font-size:clamp(27px,8.4vw,36px);
    line-height:.98;
  }
  #about.about-bleib.is-grid-open .about-cinematic__description{
    max-width:235px;
    margin-top:14px;
    font-size:11px;
    line-height:1.45;
  }
  #about.about-bleib.is-grid-open .about-cinematic__helper{display:none}
  #about.about-bleib.is-grid-open .about-cinematic__right{
    inset:52% 0 0;
    width:100%;
    height:auto;
  }
  #about.about-bleib.is-grid-open .about-cinematic__divider{
    top:52%;
    right:0;
    bottom:auto;
    left:0;
    width:auto;
    height:1px;
  }
  #about.about-bleib.is-grid-open .about-cinematic__brand{display:none}
  #about.about-bleib.is-grid-open .about-bleib-grid{
    inset:52% 0 0;
    width:100%;
    height:auto;
    padding:8px 16px 10px;
    overflow:hidden;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid > .studio-track,
  #about.about-bleib.is-grid-open .studio-track.about-bleib-type{
    display:grid;
    grid-template-rows:repeat(7,minmax(0,1fr));
    width:100%;
    height:100%;
    min-height:0;
    gap:0;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid .studio-station,
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-flip__face--front{
    min-height:0;
    height:100%;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-flip__face--front{
    padding:4px 27px 4px 34px;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-type__title{font-size:11px}
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-flip__face--front::after{
    font-size:9px;
    line-height:1.15;
  }
  #about.about-bleib.is-grid-open .about-bleib-back{
    position:absolute;
    top:8px;
    right:10px;
    left:auto;
    z-index:70;
    padding:8px 12px;
    font-size:9px;
  }
}

/* After the black hero: ABOUT is beige + black type. */
#about.about-bleib{
  --about-cinematic-black:#e4ddd0;
  --about-cinematic-ivory:#171512;
  --about-cinematic-copy:rgba(23,21,18,.68);
  background:#e4ddd0;
  color:#171512;
}
#about.about-bleib .about-camera{
  background:#e4ddd0;
}
#about.about-bleib .about-camera:after{
  background:linear-gradient(180deg,rgba(228,221,208,.35) 0%,transparent 70%);
}
#about.about-bleib .about-cinematic__story{
  background:#cfc6b8;
}
#about.about-bleib .about-cinematic__story:after{
  background:
    linear-gradient(90deg,rgba(228,221,208,.42) 0%,rgba(228,221,208,.12) 48%,transparent 78%),
    linear-gradient(180deg,rgba(23,21,18,.1),transparent 42%);
}
#about.about-bleib .about-cinematic__copy{
  color:#171512;
}
#about.about-bleib .about-cinematic__chapter{
  color:rgba(23,21,18,.62);
}
#about.about-bleib .about-cinematic__title{
  color:#171512;
}
#about.about-bleib .about-cinematic__description{
  color:rgba(23,21,18,.72);
}
#about.about-bleib .about-cinematic__right{
  background:
    radial-gradient(ellipse 80% 55% at 88% 78%,rgba(196,154,85,.14),transparent 68%),
    #e4ddd0;
}
#about.about-bleib .about-cinematic__right:after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Ccircle cx='9' cy='9' r='.7' fill='%23171512' fill-opacity='.08'/%3E%3C/svg%3E");
}
#about.about-bleib .about-cinematic__brand strong{
  color:rgba(23,21,18,.72);
}
#about.about-bleib .about-cinematic__brand span{
  color:rgba(23,21,18,.4);
}
#about.about-bleib .about-cinematic__divider i{
  background:#e4ddd0;
}
#about.about-bleib .about-bleib-grid .about-bleib-type__title{
  color:#171512!important;
}
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:hover .about-bleib-type__title,
#about.about-bleib .about-bleib-grid .about-bleib-flip__face--front:focus-visible .about-bleib-type__title{
  color:#0d0d0f!important;
}
html[data-about-grid="open"]{
  background:#e4ddd0;
}

#about.about-bleib .about-bleib-stage{
  background:#e4ddd0!important;
  background-image:none!important;
}
#about.about-bleib .about-bleib-index{
  color:#171512!important;
}
#about.about-bleib .about-bleib-board{
  background:#e4ddd0;
  color:#171512;
  box-shadow:none;
}
#about.about-bleib .about-bleib-title{color:#171512}
#about.about-bleib .about-bleib-board__bars i{background:#171512}

@media(max-width:768px){
  #about.about-bleib,
  #about.about-bleib .about-camera,
  #about.about-bleib.is-grid-open,
  #about.about-bleib.is-grid-open .about-camera,
  #about.about-bleib.is-grid-open .about-cinematic{
    background:#e4ddd0!important;
    color:#171512;
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-stage{
    z-index:40;
    background:#e4ddd0!important;
    background-image:none!important;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-index{
    color:#171512!important;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-board{
    width:min(100%,420px);
    min-height:min(52svh,430px);
    background:#e4ddd0;
    color:#171512;
    box-shadow:none;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-eyebrow,
  #about.about-bleib:not(.is-grid-open) .about-bleib-board__hint{
    color:#55565b;
  }
  #about.about-bleib:not(.is-grid-open) .about-bleib-board__bars i{
    background:#171512;
  }
  #about.about-bleib.is-grid-open .about-cinematic__story{
    inset:0 0 auto!important;
    width:100%!important;
    height:min(42svh,320px)!important;
  }
  #about.about-bleib.is-grid-open .about-cinematic__copy{
    left:16px!important;
    right:16px!important;
    top:18px!important;
    width:auto!important;
    max-width:none!important;
  }
  #about.about-bleib.is-grid-open .about-cinematic__title{
    font-size:clamp(24px,7vw,34px)!important;
    line-height:1.22!important;
    word-break:keep-all;
  }
  #about.about-bleib.is-grid-open .about-cinematic__description{
    max-width:none!important;
    font-size:13px!important;
    line-height:1.7!important;
    word-break:keep-all;
  }
  #about.about-bleib.is-grid-open .about-cinematic__right,
  #about.about-bleib.is-grid-open .about-cinematic__divider{
    top:min(42svh,320px)!important;
    inset:auto 0 0!important;
    height:auto!important;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid{
    top:min(42svh,320px)!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:auto!important;
    min-height:calc(58svh - 8px);
    padding:16px 14px max(24px,env(safe-area-inset-bottom))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid > .studio-track,
  #about.about-bleib.is-grid-open .studio-track.about-bleib-type{
    display:flex!important;
    flex-direction:column;
    height:auto!important;
    min-height:0;
    gap:6px;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid .studio-station,
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-flip__face--front{
    min-height:58px!important;
    height:auto!important;
  }
  #about.about-bleib.is-grid-open .about-bleib-grid .about-bleib-type__title{
    font-size:14px!important;
    line-height:1.45!important;
    letter-spacing:.01em!important;
    text-transform:none!important;
    word-break:keep-all;
    white-space:normal;
  }
  #about.about-bleib.is-grid-open .about-cinematic__brand{display:none}
}

#about.about-bleib .station-copy h3,
#about.about-bleib .about-detail-overlay .station-copy--head h3{
  text-wrap:wrap;
  word-break:keep-all;
  overflow-wrap:normal;
}
#about.about-bleib .station-copy h3 br{
  display:block;
  content:"";
}
#about.about-bleib .eb-keep{
  white-space:nowrap;
}