/* Third scene: a large signature, staggered reading columns and a small framed film. */
.identity-scene{position:relative;min-height:170svh;padding:14svh 0 38svh;background:var(--sand);color:var(--ink);overflow:clip;isolation:isolate}
.identity-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.5vw;width:88%;max-width:1400px;margin:auto}
.identity-brand{grid-column:7/13;transform:translateY(var(--identity-brand-y,0px))}
.identity-brand>.tiny{display:block;font-size:8px;letter-spacing:.08em}
.identity-brand h2{font-size:clamp(80px,10.5vw,176px);line-height:.77;letter-spacing:-.075em;margin:30px 0 28px}
.identity-about{grid-column:3/7;margin-top:13svh;transform:translateY(var(--identity-about-y,0px));opacity:var(--identity-about-opacity,1)}
.identity-concept{grid-column:7/11;margin-top:27svh;transform:translateY(var(--identity-concept-y,0px));opacity:var(--identity-concept-opacity,1)}
.identity-grid article h3{font-size:clamp(36px,3.8vw,65px);line-height:1;letter-spacing:-.055em;margin:0 0 25px}
.identity-grid article h3:after{content:'';display:block;width:30px;height:3px;border-block:1px solid var(--ink);margin-top:18px}
.identity-grid article p{font-size:10px;line-height:1.65;text-transform:uppercase;letter-spacing:.025em;max-width:300px}
.identity-about .pill{margin-top:24px;padding:12px 17px;font-size:7px;background:var(--ink);color:var(--paper)}
.identity-film{display:block;position:relative;width:100%;max-width:300px;aspect-ratio:4/3;margin-top:28px;padding:5px;border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;overflow:hidden}
.identity-film img{width:100%;height:100%;object-fit:cover;object-position:47% 48%;filter:saturate(.65);transition:transform .6s var(--ease)}
.identity-film:hover img{transform:scale(1.04)}
.identity-film>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--paper);font-size:24px;text-shadow:0 1px 10px #000}
.identity-caption{display:block;font-size:7px;margin-top:15px}
.identity-terrain{z-index:0;top:auto;bottom:0;height:40svh;opacity:.35;--creature-ink:#68583f;mask-image:linear-gradient(transparent,#000 60%)}
.identity-fauna{position:absolute;bottom:-5svh;width:48%;height:48svh;z-index:1;pointer-events:none;--creature-ink:#574b39;translate:0 var(--identity-fauna-y,0px)}
.identity-fauna-left{left:-17%;transform:rotate(8deg)}
.identity-fauna-right{right:-16%;transform:scaleX(-1)}
.motion-reduced .identity-brand,.motion-reduced .identity-about,.motion-reduced .identity-concept{transform:none;opacity:1}
.motion-reduced .identity-fauna{translate:none}
@media(max-width:700px){
 .identity-scene{min-height:0;padding:100px 0 260px}
 .identity-grid{display:block;width:86%}
 .identity-brand{width:100%;text-align:center}
 .identity-brand h2{font-size:23vw;margin:28px 0 25px}
 .identity-brand>.tiny{font-size:7px}
 .identity-about{margin:75px 0 0;max-width:320px}
 .identity-concept{margin:50px 0 0 12%;max-width:320px}
 .identity-grid article h3{font-size:42px;margin-bottom:22px}
 .identity-grid article p{font-size:11px}
 .identity-film{max-width:100%}
 .identity-fauna{width:85%;height:250px;bottom:-25px}
 .identity-fauna-left{left:-45%}
 .identity-fauna-right{right:-42%}
 .identity-terrain{height:280px}
}