html{scroll-behavior:smooth;scroll-padding-top:12rem}
.page-knowledge .banner{background:var(--og-dark)!important}.page-knowledge .banner:after{background:var(--og-dark)!important;opacity:1!important}.page-knowledge .banner__box{position:relative;z-index:2;background:transparent!important}.page-knowledge .banner__heading,.page-knowledge .banner__text{color:var(--og-white)!important}.page-knowledge .rich-text,.page-knowledge .multicolumn,.page-knowledge .featured-blog{background:var(--og-stone)!important;color:var(--og-ink)!important}
.page-workshop-services #MainContent>.shopify-section:has(.main-page-title){display:none}.og-service-hub{padding-top:clamp(7rem,9vw,13rem);padding-bottom:clamp(7rem,9vw,13rem)}.og-service-hub__intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:5rem}.og-service-hub__intro h2{grid-column:1;font-size:clamp(4rem,5vw,7rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;margin:0}.og-service-hub__intro>p:last-child{grid-column:2;grid-row:1/3;align-self:end;color:var(--og-muted);font-size:1.7rem}.og-service-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--og-line);border-left:1px solid var(--og-line)}.og-service-hub__grid article{padding:clamp(2.5rem,4vw,5rem);border-right:1px solid var(--og-line);border-bottom:1px solid var(--og-line)}.og-service-hub__grid article>span{color:var(--og-blue);font-size:1.1rem;font-weight:700;letter-spacing:.15em}.og-service-hub__grid h3{font-size:clamp(2.6rem,3vw,4.2rem);letter-spacing:-.04em;text-transform:uppercase;margin:2rem 0}.og-service-hub__grid strong{display:block;font-size:2.4rem}.og-service-hub__grid strong small{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase}.og-service-hub__grid p{min-height:5rem;color:var(--og-muted)}.og-service-hub__grid a{display:inline-flex;margin-top:2rem;padding-bottom:.4rem;border-bottom:1px solid;font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.og-service-hint{max-width:28rem;margin-top:2.5rem;color:var(--og-muted);font-size:1.3rem}
.og-service-list>a:not(.og-service-list__all) small{display:block;max-height:0;overflow:hidden;color:var(--og-blue);font-size:1.15rem;font-weight:700;letter-spacing:.05em;opacity:0;transform:translateY(.8rem);transition:max-height .25s ease,opacity .25s ease,transform .25s ease}
.og-service-list>a:not(.og-service-list__all):hover small,.og-service-list>a:not(.og-service-list__all):focus-visible small{max-height:4rem;margin-top:1rem;opacity:1;transform:none}
.og-service-list>a:not(.og-service-list__all)>b{transition:transform .25s ease,color .25s ease}
.og-service-list>a:not(.og-service-list__all):hover>b,.og-service-list>a:not(.og-service-list__all):focus-visible>b{color:var(--og-blue);transform:rotate(45deg)}
.og-journal{overflow:hidden;background:var(--og-stone)}
.og-journal__head{display:grid;grid-template-columns:1fr .7fr;gap:5rem;align-items:end;margin-bottom:6rem}
.og-journal__head h2{font-size:clamp(5rem,6vw,10rem)}
.og-journal__head>p{max-width:46rem;color:var(--og-muted);font-size:1.7rem}
.og-journal__track{display:flex;gap:clamp(2rem,4vw,6rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--og-ink) var(--og-line);padding:0 0 3rem}
.og-journal__track::-webkit-scrollbar{height:5px}.og-journal__track::-webkit-scrollbar-track{background:var(--og-line)}.og-journal__track::-webkit-scrollbar-thumb{background:var(--og-ink)}
.og-journal .og-built{flex:0 0 min(112rem,88vw);scroll-snap-align:start;padding:0;gap:clamp(4rem,7vw,10rem)}
.og-journal .og-built h3{font-size:clamp(3rem,3.5vw,5rem);margin:0 0 1.5rem}
.og-build-specs{margin:2rem 0;color:var(--og-muted)}
@media(max-width:749px){
  html{scroll-padding-top:9rem}
  .og-service-hint{margin-top:1.5rem}
  .og-service-list>a:not(.og-service-list__all) small{max-height:none;margin-top:.8rem;opacity:1;transform:none}
  .og-service-list>a:not(.og-service-list__all)>b{display:none}
  .og-journal__head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:4rem}
  .og-journal__track{margin-right:-2rem;padding-right:2rem}
  .og-journal .og-built{flex-basis:88vw;grid-template-columns:1fr;gap:3rem}
  .og-journal .og-built__image{height:105vw}
  .og-service-hub{padding:6rem 2rem}.og-service-hub__intro{grid-template-columns:1fr;gap:2rem}.og-service-hub__intro h2,.og-service-hub__intro>p:last-child{grid-column:1;grid-row:auto}.og-service-hub__grid{grid-template-columns:1fr}.og-service-hub__grid p{min-height:0}
}