.otus-page{background:#f0f0f0;--otus-panel:#fff}
[data-theme=dark] .otus-page{background:var(--page);--otus-panel:#202020}
.otus-glow{position:absolute;z-index:-1;pointer-events:none;top:250px;left:50%;transform:translateX(-50%);width:1545px;height:1545px;filter:blur(400px);opacity:.6}
.otus-glow img{position:absolute;top:430px;width:100%;height:auto;border-radius:31px}
[data-theme=dark] .otus-glow{opacity:.17;mix-blend-mode:screen}
.otus-hero{width:738px;border-radius:20px;overflow:hidden}
.otus-hero .image-zoom{width:100%;aspect-ratio:738/475;border-radius:31px}
.otus-hero img{object-fit:contain;box-shadow:none}
.otus-flow{width:804px;padding:24.249px;background:var(--otus-panel);border-radius:16.166px}
.otus-flow .image-zoom{width:100%;aspect-ratio:2058/1137;border-radius:7.337px}
.otus-flow img{box-shadow:none}
.otus-composition{width:889px;aspect-ratio:1}
.otus-composition .image-zoom{position:absolute;overflow:hidden;border-radius:9.739px;box-shadow:0 0 9.739px #00000026}
.otus-composition img{position:absolute;top:0;left:0;max-width:none;object-fit:fill;border-radius:0;box-shadow:none;height:auto}
.otus-page-back{left:40.1575%;top:4.2745%;width:44.5421%;height:88.9568%}
.otus-page-front{left:55.4556%;top:44.4319%;width:44.5421%;height:55.4866%}
.otus-page-main{left:.0517%;top:.0754%;width:44.6291%;height:97.2872%}
.otus-page-back img,.otus-page-front img{width:102.4726%}
.otus-page-main img{width:102.2727%}
.otus-page .case-result strong,.otus-page .case-text .emphasis{font-weight:700}
.otus-note{color:var(--muted)}
.otus-page .keep-together{white-space:nowrap}
@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.otus-page .case-text{font-family:Inter,Arial,sans-serif;font-weight:400;line-height:29px}
.otus-page .case-summary{font-family:Suisse,Arial,sans-serif;font-weight:450}
.otus-page .case-text strong.reading-emphasis{font-weight:500}
.otus-page .case-text strong.otus-bold{font-weight:700}
.otus-page .case-result p:last-child{color:var(--muted)}
.otus-page .case-article{padding-bottom:64px}
@media(max-width:699.98px){
 .otus-glow{top:320px;width:850px;height:1100px;filter:blur(150px);opacity:.35}
 .otus-glow img{top:230px}
 .otus-page .case-header h1{font-size:32px;line-height:38px}
 .otus-hero,.otus-hero .image-zoom{border-radius:10px}
 .otus-flow{padding:3.016%;border-radius:10px}
 .otus-composition .image-zoom{border-radius:4px;box-shadow:0 0 5px #00000026}
 .otus-page .project-facts>div:nth-child(3),.otus-page .project-facts>div:nth-child(4){grid-column:1/-1}
}