:root{--black:#090909;--soft:#c9c7c0;--line:rgba(255,255,255,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.nav{position:fixed;z-index:30;left:0;right:0;top:0;height:88px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,8,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .brand{position:static;left:auto;top:auto;width:auto;flex:0 0 auto;transform:none;display:flex;align-items:center;gap:15px;letter-spacing:.36em;font-size:12px;font-weight:500}
.nav .brand img{display:block;width:220px;height:auto;max-height:46px;object-fit:contain}
.nav .navlinks{min-width:0;display:flex;align-items:center;gap:clamp(24px,3.1vw,55px);font-size:clamp(11px,.78vw,14px);font-weight:500;line-height:1;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.navlinks>a{opacity:.78}
.nav .sound-toggle{position:static!important;right:auto!important;top:auto!important;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;padding:5px 0;border:0;background:none;color:#fff;cursor:pointer;opacity:.72}
.sound-bars{width:17px;height:17px;display:flex;align-items:center;justify-content:center;gap:2px}
.sound-bars i{display:block;width:1px;height:5px;background:currentColor}
.sound-toggle.is-playing .sound-bars i{animation:soundWave .85s ease-in-out infinite alternate}
.sound-toggle.is-playing .sound-bars i:nth-child(2){animation-delay:-.35s}
.sound-toggle.is-playing .sound-bars i:nth-child(3){animation-delay:-.6s}
@keyframes soundWave{to{transform:scaleY(2.7)}}
.sound-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.nav .lang{position:static;display:flex;align-items:center;flex:0 0 auto;gap:7px;margin-left:2px;border-left:1px solid rgba(255,255,255,.28);padding-left:18px}
.lang a,.lang span{font-size:11px;letter-spacing:.12em;opacity:.55;padding:5px}
.lang .active{opacity:1;border-bottom:1px solid #fff}
.menuBtn{display:none;border:0;background:none;color:#fff;font-size:25px;z-index:42}
.mobileMenu{position:fixed;inset:0;z-index:40;background:rgba(8,8,8,.98);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;opacity:0;visibility:hidden;transition:.25s}
.mobileMenu.open{opacity:1;visibility:visible}
.mobileMenu>a{font-size:clamp(28px,8vw,46px)}
.mobileLang{display:flex;gap:16px;margin-top:15px;font-size:12px;letter-spacing:.18em}
.mobileLang .active{border-bottom:1px solid #fff}
.project{padding:clamp(122px,12vw,180px) clamp(24px,5vw,76px) clamp(80px,9vw,140px)}
.projectBack{display:inline-block;margin-bottom:28px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(420px,1.35fr);gap:clamp(55px,7vw,120px);align-items:start}
.introIndex{padding-top:20px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#bbb}
.intro figure{margin:38px 0 0;aspect-ratio:4/5;overflow:hidden;background:#111}
.intro figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.introText h1{max-width:980px;font-size:clamp(64px,7.4vw,122px);font-weight:400;line-height:.9;letter-spacing:-.055em;margin:8px 0 40px}
.lead{font-size:clamp(24px,2.2vw,40px);font-weight:300;line-height:1.22;margin:0 0 48px;color:#ddd}
.copy{columns:2;column-gap:clamp(34px,4vw,68px);font-size:clamp(16px,1.1vw,19px);font-weight:300;color:#c8c6bf}
.copy p{margin:0 0 24px;break-inside:avoid}
.signature{margin-top:38px;font-size:11px;letter-spacing:.28em;color:#fff}
.wildlifeArchive{margin-top:clamp(90px,12vw,170px);padding-top:clamp(42px,5vw,76px);border-top:1px solid var(--line)}
.wildlifeArchiveHead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:clamp(34px,5vw,70px)}
.wildlifeArchiveKicker{margin:0 0 12px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#aaa}
.wildlifeArchiveTitle{margin:0;font-size:clamp(46px,6vw,88px);font-weight:300;line-height:.95;letter-spacing:-.045em}
.wildlifeArchiveIntro{max-width:520px;margin:0;color:#aaa;font-size:clamp(16px,1.15vw,19px);line-height:1.55}
.wildlifeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,240px));justify-content:start;gap:clamp(18px,2vw,30px)}
.wildlifeCard{display:block;padding:0;border:0;background:#111;color:#fff;text-align:left;cursor:zoom-in}
.wildlifeCardImage{display:block;aspect-ratio:4/5;overflow:hidden;background:#111}
.wildlifeCardImage img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}
.wildlifeCard:hover img,.wildlifeCard:focus-visible img{transform:scale(1.018)}
.wildlifeCardMeta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 2px 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#aaa}
.wildlifeCardMeta strong{color:#fff;font-weight:500}
.wildlifeModal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.98);opacity:0;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:.25s}
.wildlifeModal.open{opacity:1;visibility:visible}
.wildlifeModalInner{min-height:100%;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);align-items:center;gap:clamp(28px,5vw,80px);padding:clamp(72px,7vw,110px) clamp(24px,6vw,100px) clamp(42px,5vw,76px)}
.wildlifeModalFigure{height:100%;margin:0;display:flex;align-items:center;justify-content:center;min-width:0}
.wildlifeModalFigure img{max-width:100%;max-height:calc(100dvh - 150px);display:block;object-fit:contain}
.wildlifeModalText{max-width:520px}
.wildlifeModalStoryTitle{margin:0 0 16px!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.2em;text-transform:uppercase;color:#aaa!important}
.wildlifeModalText h2{margin:0 0 8px;font-size:clamp(34px,3.4vw,58px);font-weight:300;line-height:1.02;letter-spacing:-.035em}
.wildlifeModalText h2 em{font-size:.52em;font-weight:300;color:#aaa;white-space:nowrap}
.wildlifeModalLocation{margin:0 0 30px;font-size:14px;font-style:italic;color:#aaa}
.wildlifeModalText>p:not(.wildlifeModalLocation):not(.wildlifeModalSignature):not(.wildlifeModalStoryTitle){font-size:clamp(16px,1.15vw,19px);line-height:1.65;color:#c8c6bf}
.wildlifeModalSignature{margin:34px 0 0;font-size:10px;letter-spacing:.28em}
.wildlifeModalClose{position:absolute;top:20px;right:24px;width:50px;height:50px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:30px;line-height:1;cursor:pointer}
body.wildlifeModalOpen{overflow:hidden}
.backBottom{display:inline-block;margin-top:70px;padding-bottom:8px;border-bottom:1px solid #aaa;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
@media(max-width:980px){.navlinks>a,.navlinks>.sound-toggle,.navlinks>.lang{display:none}.menuBtn{display:block}.intro{grid-template-columns:1fr;gap:40px}.introIndex{order:0}.introText{order:1}.introCol{order:2}.intro figure{width:min(100%,620px);margin-top:0}.copy{columns:1}.wildlifeArchiveHead{display:block}.wildlifeArchiveIntro{margin-top:24px}.wildlifeGrid{grid-template-columns:repeat(auto-fill,minmax(160px,220px))}.wildlifeModalInner{grid-template-columns:1fr;grid-template-rows:auto auto;align-items:start}.wildlifeModalFigure{height:auto}.wildlifeModalText{max-width:720px}}
@media(max-width:560px){.nav{height:82px}.brand img{width:190px}.project{padding:112px 18px 80px}.introText h1{font-size:54px}.lead{font-size:25px}.copy{font-size:17px}.wildlifeArchiveTitle{font-size:46px}.wildlifeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.wildlifeCardMeta{display:block;font-size:9px;line-height:1.55}.wildlifeCardMeta span{display:block;margin-top:3px}.wildlifeModalInner{display:block;min-height:100%;padding:66px 16px 40px}.wildlifeModalFigure{margin-bottom:30px}.wildlifeModalFigure img{width:100%;max-height:none}.wildlifeModalText h2{font-size:34px}.wildlifeModalClose{position:fixed;top:10px;right:10px;width:42px;height:42px}}