@font-face{font-family:Ballet;src:url(ballet.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* The homepage closing component keeps the same layout on project pages. */
body.case-study{padding-bottom:0}
.case-study .contact-inner{max-width:1440px;margin-inline:auto}
.case-study .foot{display:flex;justify-content:space-between;align-items:center}
.case-study .portfolio-closing .closing-title{overflow:visible}
.case-study .portfolio-closing .closing-title span{overflow:visible}
.case-study .contact.portfolio-closing{--accent:var(--lime,#ff3300)}
.case-study .contact-action{font-family:inherit}
.case-study .closing-footer-shell .foot a{display:inline-flex;gap:8px;align-items:center}
.case-study .project-nav{mix-blend-mode:normal;color:var(--ink)}
.case-study .project-nav>.logo,.case-study .project-nav>a:nth-child(2),.case-study .project-nav>.language-switch{color:var(--section-ui-color,#000);transition:color .15s ease}
.case-study .project-nav>.language-switch{background:transparent;border-color:color-mix(in srgb,currentColor 20%,transparent);box-shadow:none;--ink:var(--section-ui-color,#000);--paper:transparent}
.case-study .project-nav>.language-switch button{color:inherit}
.case-study .project-nav>.language-switch button:is(:hover,:focus-visible){color:inherit}
.case-study .project-nav .logo .nav-name{color:inherit}
/* Bending needs open paint bounds and enough space at the viewport edges. */
.case-study-main,.case-project-gallery,.case-wide-chapter,.case-pair,.case-panel,.case-study .case-image,.case-study .case-image>img{overflow:visible}
/* Paint the bent cover past the viewport, then crop at the screen boundary. */
.case-study .case-cover{--cover-bleed:clamp(24px,4vw,120px);box-sizing:border-box;overflow:hidden;padding:0;width:100%;height:auto;min-height:0;background:#131916}
.case-study .case-cover-image{width:calc(100% + 2 * var(--cover-bleed));height:auto;margin:calc(-1 * var(--cover-bleed));overflow:visible}
.case-study .case-cover-image>img{width:100%;height:auto;object-fit:cover;overflow:visible;border-radius:0}
.case-cover-scroll{margin:0;left:20px;bottom:clamp(20px,4vh,44px);gap:14px;pointer-events:none;line-height:1.4;color:#fff;mix-blend-mode:normal}
.case-cover-scroll svg{display:block;width:18px;height:24px;flex:none}
@media(min-width:801px){
 .case-study .case-cover{height:100vh;min-height:0;max-height:none}
 .case-study .case-cover-image{position:absolute;left:calc(-1 * var(--cover-bleed));top:calc(-1 * var(--cover-bleed));width:calc(100% + 2 * var(--cover-bleed));height:calc(100% + 2 * var(--cover-bleed));margin:0}
 .case-study .case-cover-image>img{height:100%;object-fit:cover}
}
.case-river-media-pair{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,3fr);gap:clamp(18px,4vw,64px);align-items:center;max-width:1000px;margin:70px auto 0}
.case-river-support{width:100%;max-width:200px;margin:0}
.case-river-phone{min-width:0;margin:0}
.case-river-phone figcaption{margin:10px 0 0;font-size:10px;line-height:1.4}
@media(max-width:800px){.case-cover-scroll{left:12px;bottom:20px}.case-river-media-pair{margin-top:40px;gap:18px}.case-river-phone figcaption,.case-river-support figcaption{font-size:9px}}
.case-river-support video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#d9d8d0}
.case-river-support figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:10px;line-height:1.4}
.case-river-support button{appearance:none;padding:5px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:inherit;cursor:pointer}
@media(max-width:650px){.case-study .foot{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.case-study .project-nav>a,.case-study .project-nav>.language-switch{transition:none}}

/* The same fine outline and 4px corners as homepage artwork, with open bend bounds. */
.case-study .case-image>img,.case-study .case-next-image>img,.case-study video{border-radius:4px;outline:1px solid var(--line);outline-offset:-1px}
.case-study .case-image{isolation:auto;overflow:visible;contain:none;clip-path:none}
.case-study .safari-bend-overlay{max-width:none;max-height:none;border-radius:0;outline:0}
.case-next{position:relative;isolation:isolate;background:var(--case-paper)}
.case-next::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--portfolio-woven-texture);background-size:130px 8px;background-repeat:repeat;mix-blend-mode:multiply;opacity:.32}
.case-next-image{overflow:visible}
.case-next h2{font-size:clamp(28px,4vw,64px);line-height:1.1;overflow-wrap:anywhere}
@media(max-width:800px){.case-next h2{font-size:clamp(24px,6vw,40px)}}