/* One photographic surface, from the first leaf veins to the final tip. */
:root{--leaf-grade:none}
.organism{aspect-ratio:auto;overflow:clip;min-height:100svh;isolation:isolate}
.leaf-plane{position:fixed;inset:0;height:100lvh;z-index:0;overflow:visible;pointer-events:none;will-change:transform;transform:translate3d(0,0,0)}
.leaf-picture{position:absolute;inset:0;display:block;height:auto;z-index:0;overflow:visible;pointer-events:none;filter:var(--leaf-grade);background:#090909}
.leaf{position:relative;top:0;left:0;display:block;width:100%;height:auto;max-width:none;object-fit:initial;transform:none}
.hero-stage{position:relative;isolation:isolate;aspect-ratio:1672/941;min-height:0;z-index:1;pointer-events:none}
.hero-stage a,.hero-stage button{pointer-events:auto}
.content-flow{position:relative;z-index:1}
.hero-art{display:none}
.hero-stage::after{content:none}
.entrance{position:absolute;inset:auto;top:0;left:0;width:100%;height:56.28vw!important;aspect-ratio:1672/941;z-index:1;pointer-events:none}
.entrance>a{position:absolute;display:block;pointer-events:auto;min-width:44px;min-height:44px;transform:translate(-50%,-50%);border-radius:50%;background:transparent}
.entrance>a:focus-visible{outline:1px solid #ddd;outline-offset:5px;background:#fff1}
.entrance>a:hover{background:radial-gradient(ellipse,#ffffff0c,transparent 70%)}
.entrance .organic-about{left:14.95%;top:49.42%;width:13%;height:17%}
.entrance .organic-films{left:73.6%;top:17%;width:13%;height:12%}
.entrance .organic-contact{left:83.43%;top:41.98%;width:15%;height:11%}
.leaf-tail{min-height:75svh;position:relative;pointer-events:none}
.leaf-tail::after{content:none}
@media(max-width:700px){
 .hero-stage{aspect-ratio:auto;height:calc(56.28vw + 90px);min-height:0}
 .entrance{top:0}
 .hero-footnotes{top:calc(56.28vw + 26px)}
 .micro-index{top:2px;right:4%;font-size:8px}
 .micro-index a{min-height:24px}
 .leaf-tail{min-height:75svh}
}
@media(prefers-reduced-motion:reduce){.leaf-plane{will-change:auto}}

/* Service lettering only: the photographic name and incised links stay intact. */
.hero-stage .role,.hero-stage .micro-index,.hero-stage .hero-footnotes{
 color:#f7f7f1;font-weight:600;
 text-shadow:0 1px 3px #000,0 0 9px #000b;
}
.hero-stage .role{font-size:12px;letter-spacing:1px;line-height:1.6}
.hero-stage .role span{font-size:10px;font-weight:500;letter-spacing:.7px;opacity:1}
.hero-stage .micro-index{font-size:11px;letter-spacing:.8px}
.hero-stage .hero-footnotes{font-size:11px;line-height:1.65;letter-spacing:.4px}
.hero-stage .follow,.hero-stage .hero-recognition{font:inherit;color:inherit;text-shadow:inherit}
.hero-stage .hero-footnotes .muted{color:#e4e4dd;opacity:1}
.hero-stage .hero-recognition img{opacity:.85}
@media(min-width:701px) and (max-width:1000px){
 .hero-stage .hero-footnotes{font-size:10px;gap:16px}
}
@media(max-width:700px){
 .hero-stage .role{font-size:11px;letter-spacing:.8px}
 .hero-stage .role span{font-size:9px;letter-spacing:.5px}
 .hero-stage .micro-index{font-size:10px;letter-spacing:.6px}
 .hero-stage .micro-index a{min-height:32px}
 .hero-stage .hero-footnotes{
  display:grid;grid-template-columns:1fr 1.25fr 1.3fr;gap:12px;
  font-size:9.5px;line-height:1.6;letter-spacing:.2px;align-items:start;
 }
 .hero-stage .hero-footnotes>*{min-width:0}
 .hero-stage .follow{white-space:normal;padding-top:0}
 .hero-stage .hero-recognition{gap:5px;align-items:flex-start}
 .hero-stage .hero-recognition img{width:22px;height:20px;flex:0 0 22px}
 .hero-stage .hero-location{max-width:none;overflow-wrap:normal}
}
@media(max-width:350px){
 .hero-stage .hero-footnotes{font-size:9px;gap:8px;letter-spacing:0}
 .hero-stage .hero-recognition img{width:18px;flex-basis:18px}
}