.ojch-discipline-story{background:var(--wp--preset--color--background);border-bottom:1px solid var(--wp--preset--color--rule);max-width:100%;overflow:clip}.ojch-discipline-story__viewport{min-height:calc(100svh - var(--ojch-header-height,4.5rem));overflow-x:auto;overflow-y:hidden;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.ojch-discipline-story__viewport::-webkit-scrollbar{display:none}.ojch-discipline-story__track{display:flex;width:max-content}.ojch-discipline-panel{align-items:center;display:grid;flex:0 0 100vw;gap:clamp(2.5rem,6vw,8rem);grid-template-columns:minmax(24rem,.84fr) minmax(30rem,1.16fr);min-height:calc(100svh - var(--ojch-header-height,4.5rem));padding:clamp(3rem,6vw,6rem) var(--ojch-gutter,3vw) clamp(5.5rem,7vw,7rem);scroll-snap-align:start}.ojch-discipline-panel__copy{max-width:46rem}.ojch-discipline-panel__label,.ojch-discipline-story__footer,.ojch-discipline-collage__phase{color:var(--wp--preset--color--secondary);font-size:var(--wp--preset--font-size--small);letter-spacing:.09em;text-transform:uppercase}.ojch-discipline-panel__label{border-top:1px solid var(--wp--preset--color--rule);margin:1.5rem 0 .75rem;padding-top:.75rem;width:min(100%,31rem)}.ojch-discipline-panel h1,.ojch-discipline-panel h2{font-family:var(--wp--preset--font-family--newsreader);font-size:clamp(3.6rem,6vw,7rem);font-weight:400;letter-spacing:-.06em;line-height:.88;margin:.4rem 0 1.5rem;max-width:9.5ch}.ojch-discipline-panel__description{font-family:var(--wp--preset--font-family--newsreader);font-size:clamp(1.2rem,1.7vw,1.75rem);line-height:1.28;margin:0;max-width:31ch}.ojch-discipline-panel__copy ul{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:2rem 0 0;padding:0}.ojch-discipline-panel__copy li{border:1px solid var(--wp--preset--color--rule);font-size:.72rem;letter-spacing:.06em;padding:.45rem .65rem;text-transform:uppercase}.ojch-discipline-collage{aspect-ratio:5/4;background:var(--wp--preset--color--rule);isolation:isolate;max-height:67vh;overflow:hidden;position:relative;width:100%}.ojch-discipline-panel--writing .ojch-discipline-collage{background:#ddd8d0}.ojch-discipline-panel--experience .ojch-discipline-collage{background:var(--wp--preset--color--accent)}.ojch-discipline-panel--design .ojch-discipline-collage{background:#c5bbae}.ojch-discipline-panel--motion .ojch-discipline-collage{background:var(--wp--preset--color--text)}.ojch-moon{aspect-ratio:1;border:1px solid rgba(250,248,244,.75);border-radius:50%;left:8%;overflow:hidden;position:absolute;top:8%;width:42%;z-index:1}.ojch-moon span{background:var(--wp--preset--color--background);border-radius:50%;inset:0;position:absolute}.ojch-moon span:after{background:var(--wp--preset--color--text);border-radius:50%;content:"";inset:0;position:absolute;transform:translateX(var(--moon-shadow,72%))}.ojch-moon--2 span:after{--moon-shadow:48%}.ojch-moon--3 span:after{--moon-shadow:24%}.ojch-moon--4 span:after{opacity:0}.ojch-discipline-collage__icon{align-items:center;background:var(--wp--preset--color--background);border:1px solid var(--wp--preset--color--rule);display:flex;height:clamp(5rem,8vw,8rem);justify-content:center;left:5%;position:absolute;top:59%;transform:rotate(-4deg);width:clamp(5rem,8vw,8rem);z-index:4}.ojch-discipline-collage__icon img{height:58%;width:58%}.ojch-discipline-collage__note{background:var(--wp--preset--color--highlight);color:var(--wp--preset--color--background);display:grid;font-size:.67rem;gap:1.2rem;letter-spacing:.08em;padding:1rem;position:absolute;right:5%;text-transform:uppercase;top:6%;transform:rotate(3deg);width:clamp(8rem,13vw,13rem);z-index:5}.ojch-discipline-collage__note span{font-family:var(--wp--preset--font-family--newsreader);font-size:3rem;line-height:.8}.ojch-discipline-collage__note strong{font-weight:500}.ojch-discipline-collage__lines{background:var(--wp--preset--color--background);bottom:8%;padding:1rem;position:absolute;right:7%;transform:rotate(2deg);width:34%;z-index:3}.ojch-discipline-collage__lines i{border-top:1px solid var(--wp--preset--color--rule);display:block;margin:.55rem 0}.ojch-discipline-collage__project,.ojch-discipline-collage__type{background:var(--wp--preset--color--background);box-shadow:0 1rem 3rem rgba(35,33,30,.12);display:block;left:28%;position:absolute;top:24%;transform:rotate(-1.5deg);width:52%;z-index:2}.ojch-discipline-collage__project{text-decoration:none}.ojch-discipline-collage__project img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.ojch-discipline-collage__project span{display:block;font-size:.68rem;letter-spacing:.07em;padding:.65rem .8rem;text-transform:uppercase}.ojch-discipline-collage__type{align-content:end;aspect-ratio:4/3;color:var(--wp--preset--color--text);overflow:hidden;padding:1.2rem}.ojch-discipline-collage__type span{display:block}.ojch-discipline-collage__type span:first-child{font-size:.68rem;letter-spacing:.08em;margin-bottom:2rem;text-transform:uppercase}.ojch-discipline-collage__type span:last-child{font-family:var(--wp--preset--font-family--newsreader);font-size:clamp(1.8rem,3.2vw,3.8rem);letter-spacing:-.04em;line-height:.88}.ojch-discipline-collage__phase{bottom:.7rem;color:var(--wp--preset--color--background);left:1rem;margin:0;position:absolute;z-index:6}.ojch-discipline-panel--writing .ojch-discipline-collage__phase,.ojch-discipline-panel--design .ojch-discipline-collage__phase{color:var(--wp--preset--color--text)}.ojch-discipline-collage__phase span{margin-right:.65rem}.ojch-discipline-story__footer{align-items:center;background:color-mix(in srgb,var(--wp--preset--color--background) 94%,transparent);border-top:1px solid var(--wp--preset--color--rule);bottom:0;display:grid;grid-template-columns:1fr auto 1fr;left:0;min-height:4.25rem;padding:0 var(--ojch-gutter,3vw);position:absolute;width:100%;z-index:10}.ojch-discipline-story__footer>p{margin:0}.ojch-discipline-story__footer nav{display:flex;height:100%}.ojch-discipline-story__footer button{background:transparent;border:0;border-left:1px solid var(--wp--preset--color--rule);color:var(--wp--preset--color--secondary);cursor:pointer;min-width:3.25rem}.ojch-discipline-story__footer button:last-child{border-right:1px solid var(--wp--preset--color--rule)}.ojch-discipline-story__footer button[aria-pressed=true]{background:var(--wp--preset--color--text);color:var(--wp--preset--color--background)}.ojch-discipline-story__hint{text-align:right}.has-discipline-motion .ojch-discipline-story__viewport{overflow:hidden}.has-discipline-motion .ojch-discipline-panel.is-active .ojch-discipline-collage__icon{animation:ojch-collage-rise .55s ease both}.has-discipline-motion .ojch-discipline-panel.is-active .ojch-discipline-collage__note{animation:ojch-collage-drop .65s ease both}@keyframes ojch-collage-rise{from{opacity:0;transform:translateY(1rem) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-4deg)}}@keyframes ojch-collage-drop{from{opacity:0;transform:translateY(-1rem) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}@media(max-width:960px){.ojch-discipline-story__viewport{min-height:auto}.ojch-discipline-panel{display:block;flex-basis:92vw;min-height:auto;padding:3rem var(--ojch-gutter,1.25rem) 6.5rem}.ojch-discipline-panel h1,.ojch-discipline-panel h2{font-size:clamp(3.3rem,13vw,6rem)}.ojch-discipline-collage{margin-top:2.5rem;max-height:none}.ojch-discipline-story__footer{grid-template-columns:1fr auto}.ojch-discipline-story__footer nav{grid-column:2}.ojch-discipline-story__hint{display:none}.ojch-discipline-story__footer>p:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ojch-discipline-story__footer button{min-width:2.8rem}}@media(max-width:560px){.ojch-discipline-panel{flex-basis:100vw}.ojch-discipline-panel__description{font-size:1.2rem}.ojch-discipline-panel__copy li{font-size:.64rem}.ojch-discipline-collage__note{right:3%}.ojch-discipline-collage__project,.ojch-discipline-collage__type{left:22%;width:62%}.ojch-discipline-collage__lines{display:none}}@media(prefers-reduced-motion:reduce){.ojch-discipline-story__viewport{overflow:visible}.ojch-discipline-story__track{display:block;width:auto}.ojch-discipline-panel{display:grid;min-height:auto;padding-bottom:6rem;width:100%}.ojch-discipline-story__footer{display:none}.ojch-discipline-panel .ojch-discipline-collage__icon,.ojch-discipline-panel .ojch-discipline-collage__note{animation:none!important}}@media(max-width:960px) and (prefers-reduced-motion:reduce){.ojch-discipline-panel{display:block}.ojch-discipline-panel+.ojch-discipline-panel{border-top:1px solid var(--wp--preset--color--rule)}}