.peper-subpage .sub-work:is(button){appearance:none;width:100%;border:0;padding:0;background:transparent;text-align:inherit;font:inherit;cursor:default}
.peper-subpage .sub-work:is(button)::after{content:"SELECTED WORK"}
.site-card{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:34px;text-align:center;color:var(--green);background:radial-gradient(circle at 50% 50%,#5eff0014,transparent 58%),#0002}
.site-card strong{font:clamp(2.4rem,5vw,5.4rem)/.82 "Archivo Black";letter-spacing:-.07em;text-shadow:0 0 10px #dfff77,0 0 38px #7dff00,0 0 95px #43ff006e}
.site-card span{font-size:9px;letter-spacing:.22em}
.sub-cta{position:relative;z-index:3;min-height:72vh;display:grid;place-items:center;align-content:center;gap:28px;border-block:1px solid #87ff0045;background:#000;animation:pageBreathe 5s var(--ease-move) infinite;text-align:center;padding:24px}
.sub-cta p{font-size:9px;letter-spacing:.28em}
.sub-cta a{color:var(--green);font:400 clamp(2rem,6vw,6rem)/1 "Archivo Black";text-decoration:none;text-shadow:0 0 20px #71ff00;animation:journeyBreathe 4.8s cubic-bezier(.45,0,.55,1) infinite;will-change:transform,filter,text-shadow}
.sub-cta span{font-family:"Space Grotesk"}
.peper-subpage .sub-logo{width:clamp(120px,14vw,210px);height:54px}
.moon-sequence,.moon-scrim{position:absolute;inset:0;width:100%;height:100%}
.moon-sequence{z-index:0;display:block;object-fit:cover;opacity:.72}
.moon-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0009 0,transparent 34%,transparent 68%,#0007 100%),linear-gradient(0deg,#000 0,transparent 30%,#0005 100%)}
.immersive-hero-video,.hero-video-scrim{position:absolute;inset:0;width:100%;height:100%}
.immersive-hero-video{z-index:0;display:block;object-fit:cover;opacity:.68}
.hero-video-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg,#000a 0,transparent 38%,transparent 66%,#0008 100%),linear-gradient(0deg,#000 0,transparent 32%,#0006 100%)}
.hero-stage h1{position:relative;z-index:2}
.sub-hero h1{transform:scale(var(--fly-scale,1))}
.peper-subpage{--breath-cycle:6s}
.peper-subpage .art{position:relative;padding:0;border:1px solid #b7ff2278;box-shadow:0 0 18px #b7ff2250,0 0 54px #65ff0028;background:#0002;overflow:hidden;backdrop-filter:blur(1px)}
.peper-subpage .sub-grid{background:transparent;isolation:isolate}
.peper-subpage .sub-grid::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:5vw;right:5vw;background:#d8e0dc24;border:1px solid #efffff30;box-shadow:inset 0 1px 0 #ffffff28;backdrop-filter:blur(14px) saturate(1.18);filter:drop-shadow(0 0 12px #8dff0040);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1200' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='1000' height='1200' fill='white'/%3E%3Cpath d='M90 105 210 35h240l120 70v170l-120 70H210L90 275Zm460 280 120-70h240l70 70v170l-120 70H670l-120-70ZM70 665l120-70h240l120 70v170l-120 70H190L70 835Zm470 270 120-70h230l100 70v170l-100 70H660l-120-70Z' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1000' height='1200' fill='white' mask='url(%23m)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1200' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='1000' height='1200' fill='white'/%3E%3Cpath d='M90 105 210 35h240l120 70v170l-120 70H210L90 275Zm460 280 120-70h240l70 70v170l-120 70H670l-120-70ZM70 665l120-70h240l120 70v170l-120 70H190L70 835Zm470 270 120-70h230l100 70v170l-100 70H660l-120-70Z' fill='black'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1000' height='1200' fill='white' mask='url(%23m)'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat}
body[data-page="immersive"] .sub-cta{background:transparent;border-block-color:#efffff24;box-shadow:none}
.peper-subpage .sub-grid::before,.peper-subpage .sub-grid::after{clip-path:polygon(4% 0,38% 0,41% 1.2%,59% 1.2%,62% 0,96% 0,100% 2.2%,100% 97.8%,96% 100%,62% 100%,59% 98.8%,41% 98.8%,38% 100%,4% 100%,0 97.8%,0 2.2%)}
.peper-subpage .sub-grid::after{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:5vw;right:5vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48' viewBox='0 0 120 48'%3E%3Cg fill='none' stroke='%23b7ff22' stroke-width='1'%3E%3Cpath opacity='.58' d='M3 24 15 4h31l12 20-12 20H15Zm55 0L70 4h31l16 20-16 20H70Z'/%3E%3Cpath opacity='.24' d='M18 24h25m30 0h25M29 4l8 12m51-12-8 12M29 44l8-12m51 12-8-12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='48' viewBox='0 0 120 48'%3E%3Cg fill='none' stroke='%23b7ff22' stroke-width='1'%3E%3Cpath opacity='.58' d='M3 24 15 4h31l12 20-12 20H15Zm55 0L70 4h31l16 20-16 20H70Z'/%3E%3Cpath opacity='.24' d='M18 24h25m30 0h25M29 4l8 12m51-12-8 12M29 44l8-12m51 12-8-12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='120' viewBox='0 0 48 120'%3E%3Cg fill='none' stroke='%23b7ff22' stroke-width='1'%3E%3Cpath opacity='.58' d='M24 3 44 15v31L24 58 4 46V15Zm0 55 20 12v31l-20 16-20-16V70Z'/%3E%3Cpath opacity='.24' d='M24 18v25m0 30v25M4 29l12 8m28-8-12 8M4 87l12-8m28 8-12-8'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='120' viewBox='0 0 48 120'%3E%3Cg fill='none' stroke='%23b7ff22' stroke-width='1'%3E%3Cpath opacity='.58' d='M24 3 44 15v31L24 58 4 46V15Zm0 55 20 12v31l-20 16-20-16V70Z'/%3E%3Cpath opacity='.24' d='M24 18v25m0 30v25M4 29l12 8m28-8-12 8M4 87l12-8m28 8-12-8'/%3E%3C/g%3E%3C/svg%3E");background-position:left top,left bottom,left top,right top;background-size:120px 48px,120px 48px,48px 120px,48px 120px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;box-shadow:inset 0 0 0 1px #cfff5554,inset 0 0 36px #8cff001a;filter:drop-shadow(0 0 8px #8dff005c)}
.peper-subpage .sub-grid>.sub-work{position:relative;z-index:1}
.peper-subpage .sub-grid::after{z-index:2;inset:-28px calc(5vw - 28px);background-image:url("assets/hex-border-horizontal.svg"),url("assets/hex-border-horizontal.svg"),url("assets/hex-border-vertical.svg"),url("assets/hex-border-vertical.svg");background-position:left top,left bottom,left top,right top;background-size:180px 84px,180px 84px,84px 180px,84px 180px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;filter:drop-shadow(0 0 12px #000) drop-shadow(0 0 9px #8dff0048)}
.peper-subpage .art::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 20px #c8ff6670,inset 0 0 60px #72ff0038;animation:frameBreathe var(--breath-cycle) var(--ease-move) infinite}
.peper-subpage .art :is(img,video){display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;transform-origin:center;animation:projectBreathe var(--breath-cycle) var(--ease-move) infinite}
.project-video{background:#000}
.peper-subpage .meta h2{transform-origin:left center;animation:projectBreathe var(--breath-cycle) var(--ease-move) infinite;text-shadow:0 0 12px #c8ff66,0 0 34px #72ff0090}
.featured-wide{grid-column:1/-1;margin-top:0!important}
.peper-subpage .featured-wide{width:100%}
.featured-wide .art :is(img,video){aspect-ratio:21/9}
@keyframes journeyBreathe{0%,100%{transform:scale(.975);filter:brightness(.92);text-shadow:0 0 12px #71ff0070,0 0 32px #71ff0035}50%{transform:scale(1.035);filter:brightness(1.16);text-shadow:0 0 22px #c8ff52,0 0 58px #71ff0080,0 0 110px #3dff0040}}
.peper-subpage footer a{color:var(--green);text-decoration:none}
@media(max-width:720px){.site-card{min-height:300px}.featured-wide{grid-column:auto}.featured-wide .art :is(img,video){aspect-ratio:16/10}.peper-subpage .sub-grid::before{left:18px;right:18px}.sub-hero h1{font-size:19vw}.sub-hero .kicker{left:20px;top:27vh}.sub-hero .desc{top:66vh}.sub-grid{padding-inline:18px}.peper-subpage .sub-logo{width:230px;height:92px}.back{font-size:8px}.sub-cta{min-height:62vh}}
@media(max-width:720px){.peper-subpage .sub-grid::after{left:18px;right:18px;background-size:90px 36px,90px 36px,36px 90px,36px 90px}}
@media(max-width:720px){.peper-subpage .sub-grid::after{inset:-16px 2px;background-size:120px 56px,120px 56px,56px 120px,56px 120px}}
.peper-subpage .sub-grid::before{left:calc(5vw - 48px);right:calc(5vw - 48px);clip-path:polygon(7% 0,100% 0,100% 18%,96% 22%,100% 39%,100% 100%,12% 100%,0 92%,0 68%,4% 63%,0 44%,0 9%);-webkit-mask-image:url("assets/glass-openings.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-image:url("assets/glass-openings.svg");mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha;filter:drop-shadow(0 0 16px #8dff002c)}
.peper-subpage .sub-grid::after{z-index:0;top:0;bottom:0;left:calc(5vw - 48px);right:calc(5vw - 48px);clip-path:polygon(7% 0,100% 0,100% 18%,96% 22%,100% 39%,100% 100%,12% 100%,0 92%,0 68%,4% 63%,0 44%,0 9%);background-image:url("assets/random-hex-glass.svg");background-position:center;background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;filter:drop-shadow(0 0 10px #dfffc82b)}
@media(max-width:720px){.peper-subpage .sub-grid::before,.peper-subpage .sub-grid::after{left:-4px;right:-4px}.peper-subpage .sub-grid::after{top:0;bottom:0;background-size:100% 100%}}
@keyframes projectBreathe{0%,100%{transform:scale(.99);opacity:.88}50%{transform:scale(1.01);opacity:1}}
@keyframes frameBreathe{0%,100%{opacity:.5}50%{opacity:1}}
.breathing-art{overflow:hidden;background:radial-gradient(circle at 50% 50%,#75ff002b 0,transparent 64%),#000}
.breathing-art :is(img,video){filter:drop-shadow(0 0 10px #c8ff66) drop-shadow(0 0 34px #72ff00aa)}
.hgm-work::after{color:#c8ff66;text-shadow:0 0 14px #72ff00}
@media(prefers-reduced-motion:reduce){.sub-cta,.sub-cta a,.peper-subpage .art::after,.peper-subpage .art :is(img,video),.peper-subpage .meta h2{animation:none}.peper-subpage .art::after,.peper-subpage .art :is(img,video),.peper-subpage .meta h2{opacity:1;transform:none}.moon-sequence{opacity:.6}.immersive-hero-video{opacity:.55}}

/* Mobile Immersive layout: keep navigation, copy and cards inside the viewport. */
@media(max-width:720px){
  .peper-subpage header{padding:14px 18px;gap:12px}
  .peper-subpage .sub-logo{width:145px;height:58px;flex:0 1 auto}
  .peper-subpage .back{font-size:7px;letter-spacing:.12em;white-space:nowrap;padding-bottom:4px}
  .immersive-hero-video{object-position:center center}
  .hero-video-scrim{background:linear-gradient(180deg,#0008 0,transparent 30%,#0008 100%)}
  .sub-hero h1{font-size:18vw;line-height:.86;max-width:100vw;padding-inline:10px}
  .sub-hero .kicker{left:18px;top:28vh;font-size:8px}
  .sub-hero .desc{left:18px;right:18px;top:65vh;width:auto;font-size:clamp(.82rem,4vw,1rem);line-height:1.4}
  .peper-subpage .sub-grid{padding:16vh 18px 24vh;gap:0}
  .peper-subpage .sub-work,.peper-subpage .sub-work:nth-child(even){margin-bottom:18vh}
  .peper-subpage .art{width:100%}
  .peper-subpage .art :is(img,video){aspect-ratio:16/10}
  .featured-wide .art :is(img,video){aspect-ratio:16/10}
  .peper-subpage .meta{padding-top:14px;grid-template-columns:32px 1fr}
  .peper-subpage .meta h2{font-size:clamp(1.7rem,9vw,2.5rem)}
}

/* Mobile hero focal lock and desktop-style spacecraft glass. */
@media(max-width:720px){
  .peper-subpage .hero-stage{display:block;overflow:hidden}
  .peper-subpage .hero-stage h1{position:absolute;top:50%;left:50%;right:auto;width:max-content;height:auto;margin:0;transform:translate3d(-50%,-50%,0) scale(var(--fly-scale,1));transform-origin:center center;text-align:center;white-space:nowrap}
  .peper-subpage .immersive-hero-video{object-position:50% 50%;opacity:.78}
  .peper-subpage .sub-grid::before{z-index:0;left:8px;right:8px;background:#d8e0dc30;border-color:#efffff42;backdrop-filter:blur(14px) saturate(1.2);clip-path:polygon(8% 0,38% 0,43% 1.4%,57% 1.4%,62% 0,92% 0,100% 4%,100% 96%,92% 100%,62% 100%,57% 98.6%,43% 98.6%,38% 100%,8% 100%,0 96%,0 4%)}
  .peper-subpage .sub-grid::after{z-index:1;left:8px;right:8px;inset-block:0;background-size:100% 100%;clip-path:polygon(8% 0,38% 0,43% 1.4%,57% 1.4%,62% 0,92% 0,100% 4%,100% 96%,92% 100%,62% 100%,57% 98.6%,43% 98.6%,38% 100%,8% 100%,0 96%,0 4%)}
  .peper-subpage .sub-grid>.sub-work{z-index:2}
  .peper-subpage .featured-wide{grid-column:1/-1;width:100%;max-width:100%;margin-left:0!important;margin-right:0!important;transform:translate3d(0,0,0)!important}
  .peper-subpage .featured-wide .art{width:100%;margin-left:0;margin-right:0;overflow:hidden}
  .peper-subpage .featured-wide .project-video{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:center;background:#000}
  .peper-subpage .sub-grid{position:relative;z-index:3}
}

/* Mobile cards are true edge-to-edge media; preserve every frame, never crop. */
@media(max-width:720px){
  .peper-subpage .sub-grid{display:block;width:100%;max-width:none;padding-left:18px;padding-right:18px}
  .peper-subpage .sub-work,.peper-subpage .sub-work:nth-child(even),.peper-subpage .featured-wide{display:block;width:100%;max-width:none;margin-left:0!important;margin-right:0!important}
  .peper-subpage .art{width:100%;max-width:100%;padding:0;border-left:0;border-right:0;overflow:visible}
  .peper-subpage .art :is(img,video),.peper-subpage .featured-wide .project-video{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center;background:#000}
  .peper-subpage .meta{padding-left:18px;padding-right:18px}
  .peper-subpage .sub-work::after{margin-left:18px}
}

/* Logos retain the existing card dimensions while every mark remains fully visible. */
body.page-template-page-logos .art img{object-fit:contain!important;object-position:center!important}


/* Unified mobile-first project pages: one calm column, full artwork, thumb-friendly navigation. */
@media(max-width:720px){
  html,body.peper-subpage{width:100%;max-width:100%;overflow-x:hidden}
  .peper-subpage header{min-height:62px;padding:10px 16px!important;align-items:center!important;mix-blend-mode:normal}
  .peper-subpage .sub-logo{width:132px!important;height:44px!important;flex:0 0 132px!important}
  .peper-subpage .back{min-height:44px;display:flex;align-items:center;font-size:8px!important;letter-spacing:.12em!important}
  .peper-subpage .sub-hero{height:100svh;min-height:620px}
  .peper-subpage .hero-stage{height:100svh}
  .peper-subpage .hero-stage h1{width:100%;max-width:100vw;padding:0 14px;white-space:normal;font-size:17vw!important;line-height:.82}
  .peper-subpage .sub-hero .kicker{top:22vh;left:16px;font-size:8px;letter-spacing:.18em}
  .peper-subpage .sub-hero .desc{top:67vh;left:16px;right:16px;width:auto;font-size:1rem;line-height:1.45}
  .peper-subpage .sub-grid{padding:13vh 16px 16vh!important}
  .peper-subpage .sub-grid::before{left:4px!important;right:4px!important;opacity:.55}
  .peper-subpage .sub-grid::after{left:4px!important;right:4px!important;opacity:.55}
  .peper-subpage .sub-work,.peper-subpage .sub-work:nth-child(even),.peper-subpage .featured-wide{margin-bottom:12vh!important}
  .peper-subpage .art{padding:12px!important;border:1px solid #b7ff2266!important;overflow:hidden!important;background:#000!important}
  .peper-subpage .art :is(img,video),.peper-subpage .featured-wide .project-video{width:100%!important;height:auto!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
  .peper-subpage .meta{grid-template-columns:28px 1fr!important;padding:14px 0 0!important}
  .peper-subpage .meta h2{font-size:clamp(1.55rem,8.5vw,2.25rem)!important;line-height:.9}
  .peper-subpage .meta p,.peper-subpage .sub-work::after{font-size:8px}
  .peper-subpage .sub-cta{min-height:56svh;padding:24px 16px}
  .peper-subpage .sub-cta a{font-size:clamp(2rem,12vw,3.8rem);line-height:.9}
  .peper-subpage footer{padding:20px 16px;font-size:8px;line-height:1.5;flex-wrap:wrap}
  body.page-template-page-logos .art{min-height:0;display:grid;place-items:center}
  body.page-template-page-logos .art img{width:100%;max-height:none;padding:0;object-fit:contain!important}
}


/* Keep the return action consistently beneath the language switcher on every project page. */
.peper-subpage .back{position:fixed;z-index:101;top:62px;right:3vw;padding-top:8px}
@media(max-width:720px){
  .peper-subpage .back{top:54px;right:16px;padding-top:7px}
}


/* Logo collection: compact cards with a dedicated full-screen viewer. */
body.page-template-page-logos .sub-grid{max-width:980px;gap:14vh 5vw}
body.page-template-page-logos .sub-work{max-width:410px}
body.page-template-page-logos .sub-work:nth-child(even){justify-self:end}
body.page-template-page-logos .art{padding:18px}
body.page-template-page-logos .art img{height:250px!important;aspect-ratio:4/3!important;object-fit:contain!important}
.logo-slideshow{width:min(94vw,980px);padding:0;border:1px solid #b7ff2266;background:#030603;color:#efffe3;box-shadow:0 0 54px #71ff0044}
.logo-slideshow::backdrop{background:#020402e8;backdrop-filter:blur(14px)}
.logo-slideshow[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);min-height:min(76vh,720px)}
.logo-slide-stage{display:grid;place-items:center;min-height:0;padding:54px 24px 24px;background:#000}
.logo-slide-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:min(62vh,560px);object-fit:contain}
.logo-slide-meta{display:flex;flex-direction:column;justify-content:end;padding:32px 24px}
.logo-slide-count{font-size:9px;letter-spacing:.2em;color:#b7ff22}
.logo-slide-meta h2{margin:14px 0 8px;font:clamp(2rem,4vw,4rem)/.9 "Archivo Black";color:#b7ff22;text-shadow:0 0 18px #72ff00}
.logo-slide-meta p{margin:0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.logo-slide-controls{display:flex;gap:8px;margin-top:30px}
.logo-slide-controls button,.logo-slide-close{border:1px solid #b7ff2266;background:transparent;color:#b7ff22;font:700 10px/1 "Space Grotesk";letter-spacing:.12em}
.logo-slide-controls button{min-height:46px;padding:0 14px}
.logo-slide-close{position:absolute;z-index:2;top:16px;right:16px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:30px;line-height:1}
@media(max-width:720px){
  body.page-template-page-logos .sub-grid{padding-left:16px!important;padding-right:16px!important}
  body.page-template-page-logos .sub-work{max-width:100%;margin-bottom:9vh!important}
  body.page-template-page-logos .art{padding:10px!important}
  body.page-template-page-logos .art img{height:200px!important;max-height:52vw!important;aspect-ratio:4/3!important}
  dialog.logo-slideshow[open]{position:fixed;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;min-height:100dvh;margin:0;padding:0;border:0;border-radius:0}
  .logo-slide-stage{padding:70px 16px 16px}
  .logo-slide-stage img{max-height:100%;max-width:100%}
  .logo-slide-meta{padding:18px 16px}
  .logo-slide-meta h2{font-size:clamp(1.8rem,10vw,2.8rem)}
  .logo-slide-controls{margin-top:20px}
}


/* Restore clear mobile fly-ins on the Logo and Immersive project pages. */
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  .peper-subpage .sub-hero h1.mobile-hero-fly{animation:subpageMobileTitleFly 820ms cubic-bezier(.23,1,.32,1) both}
  @keyframes subpageMobileTitleFly{from{opacity:0;transform:translate3d(-50%,-50%,0) scale(.035) rotate(-8deg)}to{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) rotate(0)}}
  .peper-subpage .sub-work{opacity:0!important;transform:translate3d(0,78px,0)!important;transition:transform 720ms cubic-bezier(.23,1,.32,1),opacity 520ms ease}
  .peper-subpage .sub-work.mobile-card-visible{opacity:1!important;transform:translate3d(0,0,0)!important}
}
@media(max-width:720px){
  .logo-slide-close{top:62px!important;right:16px!important}
}


/* Closed logo viewer is removed from layout until a card is clicked. */
dialog.logo-slideshow:not([open]){display:none!important}


/* Websites needs one extra viewport of scroll distance for its title reveal. */
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  body.page-template-page-websites .sub-hero{height:180svh;min-height:180svh}
}

/* Every mobile project title uses the same scroll runway as Websites. */
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  .peper-subpage .sub-hero{height:180svh;min-height:180svh}
}

/* Logos hero: Flower of Life video scrubbed by page scroll. */
body.page-template-page-logos .hero-stage{isolation:isolate;background:#000}
body.page-template-page-logos .logo-scroll-video,
body.page-template-page-logos .logo-video-scrim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body.page-template-page-logos .logo-scroll-video{z-index:0;display:block;object-fit:cover;object-position:center;opacity:.82;background:#000;transform:translateZ(0)}
body.page-template-page-logos .logo-video-scrim{z-index:1;background:linear-gradient(180deg,#0009 0,transparent 34%,transparent 66%,#000 100%),linear-gradient(90deg,#0007 0,transparent 34%,transparent 66%,#0007 100%)}
body.page-template-page-logos .hero-stage h1{position:relative;z-index:2}
body.page-template-page-logos .sub-hero .kicker,
body.page-template-page-logos .sub-hero .desc{z-index:3}
@media(max-width:720px){
  body.page-template-page-logos .logo-scroll-video{object-position:50% 50%;opacity:.88}
  body.page-template-page-logos .logo-video-scrim{background:linear-gradient(180deg,#000a 0,transparent 30%,transparent 62%,#000 100%)}
}
@media(prefers-reduced-motion:reduce){
  body.page-template-page-logos .logo-scroll-video{opacity:.62}
}