.page-iris{background:var(--sf-canvas)}
.page-iris main,.page-iris .site-contact{position:relative;z-index:1}
.iris-space{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--sf-canvas)}
.iris-space img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.page-iris .site-contact{isolation:isolate;overflow:clip;min-height:max(650px,100svh)}
.page-iris .contact-composition{position:relative;height:max(650px,100svh)}
.iris-footer-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 5svh,rgba(0,0,0,.5) 11svh,rgba(0,0,0,.84) 17svh,#000 23svh);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.16) 5svh,rgba(0,0,0,.5) 11svh,rgba(0,0,0,.84) 17svh,#000 23svh)}
.iris-footer-scene video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(var(--iris-frost-blur,44px))}
.iris-footer-scene::after{content:"";position:absolute;inset:0;background:rgb(203 214 223 / var(--iris-frost-veil,.42))}
.iris-footer-motion{position:absolute;right:var(--sf-gutter);bottom:max(12px,env(safe-area-inset-bottom));z-index:2;padding:10px 0;border:0;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.iris-footer-motion:focus-visible{outline:2px solid currentColor;outline-offset:5px}



.page-iris .header{position:fixed}
.page-iris .iris-copy,.page-iris .contact-composition{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent var(--header-cut,0px),#000 calc(var(--header-cut,0px) + 18px));mask-image:linear-gradient(to bottom,transparent 0,transparent var(--header-cut,0px),#000 calc(var(--header-cut,0px) + 18px))}
.page-iris .header.over-contact nav,.page-iris .header.over-contact .signature{color:var(--sf-ink)}
.page-iris .header nav{color:#fff}
.page-iris .signature{position:absolute;left:calc(44% + 32px);top:50%;transform:translateY(-50%);color:#fff;font-size:13px}
.iris-hero{position:relative;min-height:max(840px,100svh);isolation:isolate;overflow:hidden}
.iris-copy{position:relative;z-index:2;margin-left:var(--sf-gutter);width:36%;padding:clamp(175px,22svh,255px) 0 130px}
.iris-copy h1{font-weight:350;font-size:clamp(100px,13vw,230px);letter-spacing:-.075em;line-height:.9;margin:34px 0 35px;white-space:nowrap}
.iris-intro{font-size:clamp(21px,2vw,31px);letter-spacing:-.035em;line-height:1.3;max-width:430px;margin:0 0 30px}
.iris-detail{font-size:15px;line-height:1.6;margin:0 0 24px;max-width:370px}
.iris-art{position:absolute;inset:0 0 0 44%;margin:0;z-index:1;overflow:hidden}
.iris-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:53% 50%;filter:blur(var(--iris-art-blur,0px))}
.iris-navigation{position:absolute;bottom:28px;left:var(--sf-gutter);display:flex;align-items:center;gap:40px;z-index:3}
.iris-next{display:flex;align-items:center;gap:44px;min-height:44px;font-size:12px}
@media(max-width:1000px) and (min-width:701px){.iris-copy{width:37%;padding-top:190px}.iris-intro{font-size:23px}.iris-copy .eyebrow{font-size:10px}.iris-detail{font-size:14px}}
@media(max-width:700px){
 .page-iris .header nav{color:inherit}.page-iris .signature{display:none}
 .iris-hero{display:flex;flex-direction:column;min-height:0;padding-top:132px}
 .iris-copy{width:auto;padding:0;margin:0 var(--sf-gutter) 44px}
 .iris-copy .eyebrow{font-size:10px}.iris-copy h1{font-size:clamp(100px,29vw,160px);margin:25px 0 30px}
 .iris-intro{font-size:25px;max-width:400px}.iris-detail{font-size:14px}
 .iris-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1322 / 1600}
 
 .iris-navigation{position:relative;bottom:auto;left:auto;margin:12px var(--sf-gutter) 0}
}
@media(max-height:600px) and (orientation:landscape){.iris-hero{min-height:790px}.iris-copy{padding-top:150px}.page-iris .signature{display:none}}
@media(prefers-reduced-motion:reduce){.page-iris .header{transition:none}.iris-art img{filter:none}}
