/* The selected artwork stays unmodified; its responsive size is set here. */
.ib-current.sculpture-reef .art-subject{height:74%;bottom:76px}
.ib-current .hero-heading h1>span{display:inline-block}
.ib-loader{display:none}
.ib-entering .ib-current .ib-loader{position:absolute;inset:72px 0 0;z-index:7;display:grid;place-items:center;pointer-events:none;animation:ib-cover-failsafe 0s 4.5s forwards}
.ib-loader:before,.ib-loader:after{content:'';position:absolute;left:0;right:0;height:calc(50% + 1px);background:#102421;will-change:transform}
.ib-loader:before{top:0}
.ib-loader:after{bottom:0}
.ib-loader-signature{position:relative;z-index:1;text-align:center;color:#e9deca;animation:ib-signature-in .55s cubic-bezier(.2,.7,.2,1) both}
.ib-loader-name{display:block;font:400 clamp(40px,5.5vw,78px)/1 var(--display);letter-spacing:.035em;text-transform:uppercase}
.ib-loader-rule{display:block;width:76px;height:1px;margin:21px auto 0;background:#ba9c5e;transform-origin:center;animation:ib-rule-in .7s cubic-bezier(.2,.7,.2,1) both}
.ib-entering .ib-current .hero-heading h1>span,
.ib-entering .ib-current .art-subject>img,
.ib-entering .ib-current .art-frame,
.ib-entering .ib-current .hero-description>*,
.ib-entering .ib-current .hero-baseline{opacity:0;animation:ib-content-failsafe 0s 4.5s forwards}
.ib-entering.ib-revealing .ib-loader-signature{animation:ib-signature-reveal .6s ease both}
.ib-entering.ib-revealing .ib-loader:before{animation:ib-cover-up .87s .28s cubic-bezier(.65,0,.25,1) both}
.ib-entering.ib-revealing .ib-loader:after{animation:ib-cover-down .87s .28s cubic-bezier(.65,0,.25,1) both}
.ib-entering.ib-revealing .ib-current .sculpture-water{animation:ib-water-arrive 1.35s .12s cubic-bezier(.16,1,.3,1) both}
.ib-entering.ib-revealing .ib-current .art-subject>img{animation:ib-sculpture-arrive .9s .23s cubic-bezier(.16,1,.3,1) both}
.ib-entering.ib-revealing .ib-current .hero-heading h1>span{animation:ib-type-arrive .7s .35s cubic-bezier(.16,1,.3,1) both}
.ib-entering.ib-revealing .ib-current .hero-heading h1>span+span{animation-delay:.43s}
.ib-entering.ib-revealing .ib-current .art-frame{animation:ib-frame-arrive .8s .42s ease-out both}
.ib-entering.ib-revealing .ib-current .hero-description h2{animation:ib-copy-arrive .65s .55s cubic-bezier(.16,1,.3,1) both}
.ib-entering.ib-revealing .ib-current .hero-description .hero-button{animation:ib-copy-arrive .6s .65s cubic-bezier(.16,1,.3,1) both}
.ib-entering.ib-revealing .ib-current .hero-baseline{animation:ib-copy-arrive .55s .73s cubic-bezier(.16,1,.3,1) both}
@keyframes ib-signature-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ib-signature-reveal{0%,45%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes ib-rule-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes ib-cover-up{to{transform:translateY(-101%)}}
@keyframes ib-cover-down{to{transform:translateY(101%)}}
@keyframes ib-water-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes ib-sculpture-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ib-type-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ib-frame-arrive{from{opacity:0}to{opacity:1}}
@keyframes ib-copy-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ib-content-failsafe{to{opacity:1}}
@keyframes ib-cover-failsafe{to{visibility:hidden}}
@media(max-width:900px){
 .ib-current.sculpture-reef .art-subject{height:65%;bottom:158px}
 .ib-entering .ib-current .ib-loader{inset:0}
}
@media(max-width:600px){
 .ib-current.sculpture-reef .art-subject{height:480px;bottom:252px}
 .ib-current .hero-heading h1>span{display:block}
 .ib-loader-name{font-size:42px}
 .ib-loader-rule{width:58px;margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
 .ib-entering .ib-current .ib-loader{display:none!important}
 .ib-entering .ib-current .hero-heading h1>span,
 .ib-entering .ib-current .art-subject>img,
 .ib-entering .ib-current .art-frame,
 .ib-entering .ib-current .hero-description>*,
 .ib-entering .ib-current .hero-baseline{opacity:1!important;animation:none!important}
 .ib-entering .ib-current .sculpture-water{animation:none!important}
}