/* The Loft: a photographic story with two connected levels. */
.case-page{background:var(--bone);overflow-anchor:none}
.case-page [hidden]{display:none!important}
.case-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4vw;padding:130px var(--gutter) 34px;min-height:100svh}
.case-opening-copy{display:flex;flex-direction:column;min-width:0}
.case-back{font:11px Mono;align-self:flex-start;border-bottom:1px solid #08090c70;padding:7px 0;min-height:30px}
.case-opening h1{font-weight:610;letter-spacing:-.065em;margin-top:32px;line-height:.87;will-change:transform}
.case-opening h1>span{display:block}
.title-the{font-size:7.3vw;letter-spacing:-.06em;margin-left:5px}
.title-loft{font-size:18vw;font-weight:650;line-height:1.04;margin-left:-.025em}
.title-place{font:italic 3.25vw/1.04 Newsreader;letter-spacing:-.045em;margin:0 0 0 5px}
.case-opening-bottom{margin-top:auto;padding-top:42px;display:flex;flex-direction:column;align-items:flex-start;gap:25px;font-size:14px;line-height:1.55}
.case-opening-bottom>span>span{font:10px Mono;color:#69695f;display:block;margin-top:8px}
.case-opening-bottom>a{font-size:13px;min-height:35px;border-bottom:1px solid;padding:5px 0}
.case-opening-image{min-width:0;padding-top:0}
.opening-photo{height:calc(100svh - 194px);min-height:540px;width:100%;position:relative;overflow:hidden}
.opening-photo>img{height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.025);will-change:transform}
.case-opening-image>figcaption{display:flex;justify-content:space-between;gap:18px;font:10px/1.6 Mono;color:#69695f;padding-top:14px}
.photo-button{display:block;position:relative;overflow:hidden;width:100%;text-align:left;background:#d6cfc1}
.photo-button>img{width:100%;height:100%;object-fit:cover;transition:scale .85s var(--ease)}
.photo-button:hover>img{scale:1.025}
.photo-invitation{position:absolute;bottom:17px;right:17px;background:var(--bone);color:var(--ink);font-size:11px;line-height:1;padding:12px 15px;transition:background .2s}
.photo-button:hover .photo-invitation{background:var(--paper)}
.case-introduction{padding:85px var(--gutter) 105px;display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;border-top:1px solid #08090c24;scroll-margin-top:80px}
.case-intro-title>.eyebrow{display:block;margin-bottom:35px;font-size:10px;color:#65665e}
.case-intro-title h2{font-size:4.7vw;line-height:1.03;font-weight:550;letter-spacing:-.045em}
.case-intro-title h2 em{font-size:1.13em;display:inline-block;padding-left:.04em}
.case-intro-copy{padding-top:48px}
.case-intro-copy>p{font-size:20px;line-height:1.55;letter-spacing:-.02em;max-width:530px}
.case-facts{margin:38px 0 0;padding:0;border-top:1px solid #08090c32}
.case-facts>div{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;padding:13px 0;border-bottom:1px solid #08090c24;align-items:baseline}
.case-facts dt{font:10px Mono;color:#69695f}
.case-facts dd{margin:0;font-size:13px;line-height:1.4}
.case-facts a{text-decoration:underline;text-underline-offset:4px}
.case-levels{background:var(--navy);color:var(--bone);padding:75px var(--gutter) 80px;overflow:hidden}
.levels-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end}
.levels-heading .eyebrow{font-size:10px;display:block;margin-bottom:35px;color:#efe8daae}
.levels-heading h2{font-size:5.9vw;font-weight:550;line-height:.99;letter-spacing:-.05em}
.levels-heading h2 em{font-size:1.13em;display:inline-block;padding-left:.04em}
.levels-heading>p{font-size:17px;line-height:1.6;max-width:440px;color:#efe8dacf}
.levels-composition{display:grid;grid-template-columns:.72fr 2fr;gap:5vw;margin-top:55px;align-items:start}
.level-navigation{padding-top:18px}
.level-navigation>.eyebrow{font-size:10px;color:#efe8daaa;display:block;margin-bottom:32px}
.level-tabs{display:flex;flex-direction:column}
.level-tabs>button{display:flex;flex-direction:column;gap:9px;text-align:left;min-height:112px;padding:23px 0 23px 18px;border-left:1px solid #efe8da40;color:#efe8da88;transition:color .3s,border-color .3s,padding .5s var(--ease)}
.level-tabs>button>span:first-child{font-size:clamp(26px,2.6vw,42px);letter-spacing:-.035em;line-height:1.1}
.level-tabs>button>span+span{font-size:12px;line-height:1.5}
.level-tabs>button[aria-selected=true]{border-left:3px solid var(--bone);padding-left:16px;color:var(--bone)}
.level-tabs>button:hover{color:var(--bone)}
.level-navigation>p{font-size:13px;line-height:1.6;margin-top:37px;color:#efe8daaa}
.level-images{position:relative;aspect-ratio:3/2;overflow:hidden;background:#171f33}
.level-images>figure{position:absolute;inset:0}
.level-images .photo-button{width:100%;height:100%}
.level-images .photo-button:focus-visible{outline:2px solid var(--bone);outline-offset:-6px}
.level-image-ghost{position:absolute;inset:0;pointer-events:none;z-index:1}
.level-images>figure:not(.level-image-ghost){z-index:2}
.level-caption{font-size:13px;line-height:1.55;max-width:640px;padding-top:17px;color:#efe8dadb;min-height:57px}
.case-details{padding:90px var(--gutter) 75px;background:var(--paper)}
.details-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}
.details-heading .eyebrow{font-size:10px;color:#69695f;display:block;margin-bottom:30px}
.details-heading h2{font-size:4.9vw;font-weight:530;line-height:1.06}
.details-heading h2 em{font-size:1.1em;display:inline-block;padding-left:.04em}
.all-photos{font-size:12px;min-height:44px;border-bottom:1px solid;white-space:nowrap}
.detail-pair{display:grid;grid-template-columns:1.25fr 1fr;gap:5vw;align-items:start}
.detail-pair>figure:first-child .photo-button{aspect-ratio:1.05}
.detail-pair>figure:nth-child(2){margin-top:115px}
.detail-pair>figure:nth-child(2) .photo-button{aspect-ratio:.91}
.detail-pair figcaption{padding-top:20px;max-width:400px}
.detail-pair figcaption>span{font:10px Mono;color:#69695f}
.detail-pair figcaption>p{font-size:17px;line-height:1.45;margin-top:11px}
.threshold-note{display:grid;grid-template-columns:1.35fr 1fr;gap:10vw;align-items:center;border-top:1px solid #08090c30;margin-top:70px;padding-top:45px}
.threshold-note>p{font-size:4vw;line-height:1.05;letter-spacing:-.04em}
.threshold-note>p em{font-size:1.16em;display:inline-block;padding-left:.04em}
.threshold-photo{position:relative;width:100%;aspect-ratio:1.75;overflow:hidden;background:var(--bone)}
.threshold-photo>img{height:100%;object-fit:cover;object-position:50% 55%;transition:transform .7s var(--ease)}
.threshold-photo>span{position:absolute;left:12px;bottom:12px;background:var(--paper);padding:8px 11px;font-size:11px}
.threshold-photo:hover>img{transform:scale(1.025)}
.case-related{padding:75px var(--gutter) 90px}
.related-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}
.related-heading .eyebrow{font-size:10px;color:#69695f;display:block;margin-bottom:25px}
.related-heading h2{font-size:4.7vw;line-height:1.05;font-weight:530}
.related-heading>a{font-size:13px;min-height:40px;border-bottom:1px solid;display:flex;align-items:center;white-space:nowrap}
.related-pair{display:grid;grid-template-columns:1fr 1fr;gap:3vw}
.related-pair>a>div{aspect-ratio:1.55;overflow:hidden;margin-bottom:20px}
.related-pair img{height:100%;transition:transform .9s var(--ease)}
.related-pair>a:hover img{transform:scale(1.035)}
.related-pair .eyebrow{font-size:10px;color:#69695f}
.related-pair h3{font-size:3vw;line-height:1.06;font-weight:530;margin-top:20px;letter-spacing:-.04em}
.related-pair h3 em{font-size:1.12em;display:inline-block;padding-left:.035em}
.case-page .contact-composition{grid-template-columns:1.55fr .7fr;gap:7vw}
.case-page .contact-composition h2{font-size:4.85vw;line-height:1.07;max-width:850px}
.case-page .contact-invitation>p{max-width:330px;font-size:17px}
.case-page .contact-invitation .quiet-link{font-size:14px}
.project-gallery-dialog{border:0;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;background:var(--ink);color:var(--bone);padding:24px 3vw;overflow:auto}
.project-gallery-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
.gallery-top{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:44px}
.gallery-top h2{font:14px/1.4 Archivo;letter-spacing:0}
.gallery-top>button{font-size:13px;min-height:44px;white-space:nowrap}
.gallery-stage{min-height:0;position:relative;isolation:isolate}
.gallery-stage>figure{position:absolute;inset:0}
.gallery-stage img{width:100%;height:100%;object-fit:contain}
.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:5px 0 0;min-height:66px}
.gallery-bottom>div:first-child{display:flex;align-items:start;gap:25px}
.gallery-count{font:11px/1.5 Mono;white-space:nowrap;opacity:.65}
.gallery-bottom p{font-size:14px;line-height:1.5;max-width:760px}
.gallery-controls{display:flex;gap:30px}
.gallery-controls>button{min-height:44px;font-size:13px}
.gallery-controls>button:hover{text-decoration:underline;text-underline-offset:5px}
.case-page button:focus-visible,.case-page a:focus-visible{outline-color:var(--ink)}
.case-levels button:focus-visible,.case-page .navigation button:focus-visible,.case-page .navigation a:focus-visible,.case-page .project-gallery-dialog button:focus-visible,.case-page .curiosity-footer button:focus-visible,.case-page .curiosity-footer a:focus-visible{outline-color:var(--bone)}
@media(min-width:1700px){.opening-photo{min-height:680px}.case-intro-copy>p{font-size:23px}.case-introduction{padding-top:110px;padding-bottom:135px}.level-tabs>button>span+span{font-size:14px}.level-navigation>p{font-size:16px}.level-caption{font-size:15px}.detail-pair figcaption>p{font-size:20px}}
@media(max-width:1000px){.case-opening{grid-template-columns:.85fr 1.15fr;gap:3vw;padding-top:120px}.opening-photo{min-height:500px}.case-opening-bottom{gap:20px;font-size:12px}.case-opening-bottom>span>span{font-size:10px}.case-intro-copy>p{font-size:18px}.case-introduction{gap:7vw;padding-top:65px;padding-bottom:75px}.case-facts>div{grid-template-columns:.7fr 1.4fr}.levels-heading{gap:6vw}.levels-heading>p{font-size:15px}.levels-composition{grid-template-columns:.8fr 2fr;gap:4vw}.level-navigation{padding:0}.level-tabs>button{min-height:100px;padding-top:18px;padding-bottom:18px}.level-tabs>button>span:first-child{font-size:25px}.level-tabs>button>span+span{font-size:11px}.level-navigation>p{font-size:12px;margin-top:25px}.level-caption{font-size:12px}.level-navigation>.eyebrow{font-size:10px;margin-bottom:20px}.detail-pair>figure:nth-child(2){margin-top:80px}.case-details{padding-top:65px}.photo-invitation{font-size:10px;bottom:12px;right:12px;padding:10px 12px}.case-page .contact-invitation>p{font-size:15px}}
@media(max-width:700px){.case-opening{display:block;padding:112px 22px 28px;min-height:0}.case-back{font-size:10px;min-height:28px}.case-opening h1{margin-top:25px;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:4vw;line-height:1}.title-the{font-size:13vw;margin-left:0}.title-loft{font-size:28vw;line-height:1;margin-left:0}.title-place{font-size:7vw;flex-basis:100%;margin:7px 0 0 0}.case-opening-bottom{margin:22px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:18px;padding:0;font-size:11px}.case-opening-bottom>span>span{font-size:10px;margin-top:5px}.case-opening-bottom>a{font-size:11px;white-space:nowrap;min-height:32px}.opening-photo{height:100vw;max-height:550px;min-height:0}.opening-photo>img{object-position:60% 50%}.case-opening-image>figcaption{font-size:10px;padding-top:11px}.case-introduction{display:block;padding:45px 22px 55px;scroll-margin-top:70px}.case-intro-title>.eyebrow{font-size:10px;margin-bottom:25px}.case-intro-title h2{font-size:10.2vw}.case-intro-copy{padding-top:30px}.case-intro-copy>p{font-size:17px;line-height:1.55}.case-facts{margin-top:27px}.case-facts dd{font-size:12px}.case-facts dt{font-size:10px}.case-levels{padding:45px 22px 40px}.levels-heading{display:block}.levels-heading .eyebrow{font-size:10px;margin-bottom:25px}.levels-heading h2{font-size:11.4vw}.levels-heading>p{font-size:16px;line-height:1.55;margin-top:26px;max-width:480px}.levels-composition{display:flex;flex-direction:column;gap:25px;margin-top:30px}.level-navigation{width:100%}.level-navigation>.eyebrow{font-size:10px;margin-bottom:15px}.level-tabs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.level-tabs>button{padding:15px 0;min-height:85px;border-left:0;border-top:1px solid #efe8da44;gap:7px}.level-tabs>button[aria-selected=true]{border-left:0;border-top:3px solid var(--bone);padding:13px 0 15px}.level-tabs>button>span:first-child{font-size:25px}.level-tabs>button>span+span{font-size:11px}.level-navigation>p{display:none}.level-view{width:100%}.level-caption{font-size:12px;padding-top:15px;min-height:52px}.case-details{padding:45px 22px}.details-heading{display:block;margin-bottom:30px}.details-heading .eyebrow{font-size:10px;margin-bottom:22px}.details-heading h2{font-size:9.5vw}.all-photos{font-size:11px;margin-top:18px;min-height:36px}.detail-pair{display:block}.detail-pair>figure:nth-child(2){margin:38px 0 0 18%;width:82%}.detail-pair>figure:first-child .photo-button{aspect-ratio:1.08}.detail-pair>figure:nth-child(2) .photo-button{aspect-ratio:.93}.detail-pair figcaption{padding-top:15px}.detail-pair figcaption>span{font-size:10px}.detail-pair figcaption>p{font-size:15px;margin-top:9px}.threshold-note{display:block;margin-top:38px;padding-top:32px}.threshold-note>p{font-size:10vw;margin-bottom:25px}.threshold-photo{aspect-ratio:1.45;width:82%}.threshold-photo>span{font-size:10px}.case-related{padding:42px 22px 55px}.related-heading{align-items:end;margin-bottom:30px;gap:20px}.related-heading .eyebrow{font-size:10px;margin-bottom:20px}.related-heading h2{font-size:9vw}.related-heading>a{font-size:10px;min-height:32px}.related-pair{display:block}.related-pair>a{display:block}.related-pair>a+ a{margin-top:35px}.related-pair>a>div{aspect-ratio:1.5;margin-bottom:15px}.related-pair .eyebrow{font-size:10px}.related-pair h3{font-size:8vw;margin-top:12px}.case-page .contact-composition{display:block}.case-page .contact-composition h2{font-size:10.5vw;line-height:1.1}.case-page .contact-invitation>p{font-size:16px;margin-top:26px}.project-gallery-dialog{padding:14px 18px}.project-gallery-dialog[open]{gap:12px}.gallery-top h2{font-size:12px;max-width:210px}.gallery-top>button{font-size:12px}.gallery-bottom{display:block;min-height:145px}.gallery-bottom>div:first-child{gap:15px}.gallery-bottom p{font-size:13px}.gallery-count{font-size:10px}.gallery-controls{justify-content:space-between;border-top:1px solid #efe8da33;margin-top:18px;padding-top:6px}.gallery-controls>button{font-size:13px;min-height:44px}}
@media(max-height:600px) and (min-width:701px){.opening-photo{min-height:490px}.case-opening{min-height:680px}.gallery-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.case-page *{animation:none!important;transition:none!important}.case-opening h1,.opening-photo>img{transform:none!important}}
body.motion-paused .case-opening h1,body.motion-paused .opening-photo>img{transform:none!important}