/* The iris is part of the photograph. Only a small rooted region is animated. */
.iris-wind { position:absolute; display:block; pointer-events:none; }
.iris-wind[hidden] { display:none; }
.iris-location { position:absolute; width:1px; height:1px; pointer-events:none; scroll-margin-top:50vh; }
.iris-controls { display:flex; flex-basis:100%; gap:24px; justify-content:space-between; }
.iris-controls[hidden] { display:none; }
.iris-controls button { font:13px/1.5 Arial,Helvetica,sans-serif; color:inherit; background:none; border:0; border-bottom:1px solid rgb(255 255 255 / .4); min-height:44px; padding:8px 0; cursor:pointer; }
.iris-controls button:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
footer { flex-wrap:wrap; }
.contact h2 { font-size:clamp(54px,6vw,108px); }
.contact .email-link { max-width:47%; font-size:clamp(25px,2.7vw,44px); }
@media(max-width:700px) {
  :root { --scene-height:max(400svh,4000px); }
  .landscape img { object-position:60% center; }
  .contact h2 { font-size:clamp(43px,10.2vw,70px); }
  .contact .email-link { max-width:100%; font-size:clamp(21px,5.6vw,36px); }
  .iris-controls { order:2; }
}