:root{--ohh-ink:#171714;--ohh-paper:#f4f0e8;--ohh-line:rgba(23,23,20,.16);--ohh-accent:#8b6f47}.ohh-index,.ohh-story{color:var(--ohh-ink);font-family:inherit}.ohh-index{max-width:1440px;margin:0 auto;padding:clamp(48px,7vw,110px) clamp(20px,5vw,72px)}.ohh-index__intro{max-width:760px;margin-bottom:48px}.ohh-index__intro span,.ohh-card__body>span,.ohh-story__header>span,.ohh-story__footer>span{display:block;margin-bottom:14px;color:var(--ohh-accent);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ohh-index h1,.ohh-story h1{margin:0 0 18px;font-size:clamp(48px,7vw,100px);font-weight:400;letter-spacing:-.045em;line-height:.92}.ohh-index__intro p,.ohh-story__header p{max-width:680px;font-size:clamp(18px,2vw,24px);line-height:1.55}.ohh-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px;padding-bottom:18px;border-bottom:1px solid var(--ohh-line)}.ohh-filters button{appearance:none;padding:10px 17px;border:1px solid var(--ohh-line);border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:14px}.ohh-filters button:hover,.ohh-filters button.is-active{border-color:var(--ohh-ink);background:var(--ohh-ink);color:#fff}.ohh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,38px)}.ohh-card{min-width:0;background:#fff;border:1px solid var(--ohh-line)}.ohh-card[hidden]{display:none}.ohh-card__image{display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd}.ohh-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ohh-card:hover .ohh-card__image img{transform:scale(1.025)}.ohh-card__body{padding:24px}.ohh-card h2{margin:0 0 26px;font-size:clamp(23px,2vw,32px);font-weight:400;line-height:1.08}.ohh-card h2 a,.ohh-card__link{color:inherit;text-decoration:none}.ohh-card__link{font-size:14px;font-weight:700}.ohh-story{max-width:1240px;margin:0 auto;padding:clamp(50px,8vw,120px) clamp(20px,5vw,72px)}.ohh-story__header{max-width:940px;margin-bottom:clamp(40px,6vw,80px)}.ohh-compare{position:relative;aspect-ratio:16/9;margin-bottom:clamp(50px,8vw,100px);overflow:hidden;background:#ddd}.ohh-compare__after,.ohh-compare__before{position:absolute;inset:0}.ohh-compare__before{width:50%;overflow:hidden;border-right:2px solid #fff}.ohh-compare img{width:100%;height:100%;max-width:none;object-fit:cover}.ohh-compare__before img{width:calc(100vw - clamp(40px,10vw,144px));max-width:1240px}.ohh-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.ohh-compare__label{position:absolute;bottom:18px;padding:7px 10px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.ohh-compare__label--before{left:18px}.ohh-compare__label--after{right:18px}.ohh-story__copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);max-width:1060px;margin:0 auto clamp(50px,8vw,100px)}.ohh-story__copy h2,.ohh-story__footer h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1}.ohh-story__copy p{font-size:17px;line-height:1.75}.ohh-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:clamp(50px,8vw,100px)}.ohh-gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}.ohh-story__footer{padding:clamp(38px,6vw,72px);background:var(--ohh-paper)}.ohh-story__footer a{display:inline-block;padding-bottom:5px;border-bottom:1px solid;color:inherit;text-decoration:none;font-weight:700}@media(max-width:800px){.ohh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ohh-story__copy{grid-template-columns:1fr}}@media(max-width:540px){.ohh-cards,.ohh-gallery{grid-template-columns:1fr}.ohh-index h1,.ohh-story h1{font-size:46px}.ohh-card__body{padding:20px}}