.ostrel{--ostrel-ink: #0B0D12;--ostrel-room: #12151C;--ostrel-white: #E8ECF2;--ostrel-mute: #9AA2B1;--ost-gutter: 4.5vw;--ploy-background-primary: var(--ostrel-ink);--ploy-text-primary: var(--ostrel-white);--ploy-text-secondary: var(--ostrel-mute);--ploy-accent-primary: var(--ostrel-white);--ploy-text-on-accent-primary: var(--ostrel-ink);--ploy-button-primary-background: var(--ostrel-white);--ploy-button-primary-text: var(--ostrel-ink);--ploy-neutral-dark: #06070A;--ploy-neutral-light: var(--ostrel-white);background:var(--ploy-background-primary);color:var(--ploy-text-primary);font-family:Manrope Variable,sans-serif;overflow-x:clip}.ostrel main p,.ostrel main dd{font-family:Geist,sans-serif}.ostrel .study-button{font-size:14px;font-weight:600;padding-inline:26px}.ostrel main h2{margin:0 0 22px;font-weight:500;font-size:clamp(38px,4.2vw,66px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}.ostrel [data-reveal=pending]{opacity:0;transform:translateY(26px)}.ostrel [data-reveal-kind=media][data-reveal=pending]{transform:translateY(36px)}.ostrel [data-reveal=in]{opacity:1;transform:none;transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),transform 1.2s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms)}.ostrel-frame{position:relative;padding:clamp(12px,1.1vw,18px)}.ostrel-frame__canvas{position:absolute;inset:0}.ostrel-frame__content{position:relative;overflow:hidden;background:var(--ostrel-room)}.ostrel-frame__rest{position:absolute;inset:4px;padding:1.5px;border-radius:3px;background:linear-gradient(115deg,#3fd8e8,#2b6cc4 45%,#8b6cf0);opacity:.55;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ostrel-nav{position:relative;z-index:2}.ostrel-nav__logo{line-height:0}.ostrel-nav__logo img{display:block;width:112px;height:auto}.ostrel-nav .brand-nav__links{font-size:14px;font-weight:600}.ostrel-hero{height:calc(100svh - 42px);min-height:640px;max-height:1000px}.ostrel-hero__frame{height:100%;box-sizing:border-box}.ostrel-hero__frame>.ostrel-frame__content{height:100%;background:var(--ostrel-room) url(data:image/webp;base64,UklGRkwAAABXRUJQVlA4IEAAAABwAwCdASogAA4APu1iqk2ppaQiMAgBMB2JYwAAW/Cx4u6uMMAA/uxqxsNWPHZ6fwS9RMxkTFLbobV/CeuQgAAA) 50% 50% / cover no-repeat}.ostrel-hero__photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.ostrel-hero__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to top,#0b0d129e,#0b0d1200 42%)}.ostrel-hero .ostrel-nav{padding-inline:calc(var(--ost-gutter) - clamp(12px,1.1vw,18px))}.ostrel-hero__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding:0 calc(var(--ost-gutter) - clamp(12px,1.1vw,18px)) clamp(28px,4.5vh,56px)}.ostrel-hero__title{margin:0;font-weight:500;font-size:clamp(64px,9.2vw,164px);line-height:.9;letter-spacing:-.055em}.ostrel-hero__line{display:block}.ostrel-hero__intro{flex:none;max-width:310px;padding-bottom:8px}.ostrel-hero__intro p{margin:0 0 22px;font-size:16px;line-height:1.6;color:#c3c9d4}@media(prefers-reduced-motion:no-preference){.ostrel-hero__line{animation:ost-rise 1.1s cubic-bezier(.2,.7,.2,1) .1s both}.ostrel-hero__line--two{animation-delay:.22s}.ostrel-hero__intro{animation:ost-fade 1.2s ease .55s both}.ostrel-hero__photo{animation:ost-photo 2.2s cubic-bezier(.2,.7,.2,1) both}}@keyframes ost-rise{0%{opacity:0;transform:translateY(40px)}}@keyframes ost-fade{0%{opacity:0}}@keyframes ost-photo{0%{opacity:.4;transform:scale(1.04)}}.ostrel-objects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:24px;padding:clamp(104px,11vw,176px) var(--ost-gutter) clamp(80px,8vw,128px)}.ostrel-objects__head{grid-column:9 / -1;grid-row:1;padding-bottom:clamp(40px,5vw,80px)}.ostrel-objects__head p{max-width:34ch;margin:0;font-size:16px;line-height:1.65;color:var(--ostrel-mute)}.ostrel-object figure{margin:0}.ostrel-object--halo{grid-column:1 / span 7;grid-row:1 / span 2}.ostrel-object--pebble{grid-column:9 / -1;grid-row:2;align-self:end}.ostrel-object__photo{aspect-ratio:4 / 5;overflow:hidden;background:var(--ostrel-room);border-radius:4px}.ostrel-object__photo img{display:block;width:100%;height:100%;object-fit:cover}.ostrel-object figcaption{display:grid;gap:6px;margin-top:20px;max-width:46ch}.ostrel-object figcaption strong{font-size:22px;font-weight:600;letter-spacing:-.02em}.ostrel-object figcaption span{font-family:Geist,sans-serif;font-size:15px;line-height:1.6;color:var(--ostrel-mute)}.ostrel-studio{padding:clamp(40px,5vw,80px) var(--ost-gutter) clamp(96px,10vw,160px)}.ostrel-studio__media .ostrel-frame{margin-inline:calc(-1*clamp(10px,.9vw,14px))}.ostrel-frame--quiet{padding:clamp(10px,.9vw,14px)}.ostrel-frame--quiet .ostrel-frame__content{aspect-ratio:16 / 8.2}.ostrel-frame--quiet .ostrel-frame__content img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}.ostrel-studio__panel{position:relative;z-index:1;width:min(600px,46vw);margin:clamp(-200px,-14vw,-120px) clamp(24px,4vw,64px) 0 auto;padding:clamp(36px,3.6vw,52px);background:var(--ostrel-ink);border-radius:4px}.ostrel-studio__intro{margin:0 0 36px;max-width:44ch;font-size:16px;line-height:1.7;color:var(--ostrel-mute)}.ostrel-studio__rules{display:grid;gap:24px;margin:0}.ostrel-studio__rules dt{margin-bottom:6px;font-size:18px;font-weight:600;letter-spacing:-.01em}.ostrel-studio__rules dd{margin:0;max-width:44ch;font-size:15px;line-height:1.6;color:var(--ostrel-mute)}.ostrel-about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:end;padding:clamp(40px,5vw,80px) var(--ost-gutter) clamp(120px,12vw,200px)}.ostrel-about__statement{grid-column:1 / span 8}.ostrel-about h2{margin:0;font-size:clamp(56px,8vw,140px);line-height:.92;letter-spacing:-.055em}.ostrel-about h2 span{display:block;white-space:nowrap}.ostrel-about__note{grid-column:9 / -1;padding-bottom:10px}.ostrel-about__note p{margin:0 0 26px;max-width:34ch;font-size:16px;line-height:1.7;color:var(--ostrel-mute)}.ostrel .study-footer{background:var(--ostrel-room)}.ostrel .shader-callout__title{font-family:inherit;font-weight:500;letter-spacing:-.045em;line-height:1.02}@media(max-width:1024px){.ostrel-hero__foot{flex-direction:column;align-items:flex-start;gap:24px}.ostrel-about__statement,.ostrel-about__note{grid-column:1 / -1}}@media(max-width:767px){.ostrel{--ost-gutter: 6vw}.ostrel-nav__logo img{width:96px}.ostrel-frame{padding:10px}.ostrel-hero{min-height:600px}.ostrel-hero .ostrel-nav,.ostrel-hero__foot{padding-inline:calc(var(--ost-gutter) - 10px)}.ostrel-hero__photo{height:64%;object-position:50% 50%;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.ostrel-hero__overlay{background:linear-gradient(to top,#0b0d12c7,#0b0d1200 55%)}.ostrel-hero__title{font-size:clamp(54px,16vw,76px)}.ostrel-objects{display:flex;flex-direction:column;gap:48px}.ostrel-objects__head{padding-bottom:0}.ostrel-object--pebble{width:82%;margin-left:auto}.ostrel-studio__media .ostrel-frame{margin-inline:-10px}.ostrel-frame--quiet .ostrel-frame__content{aspect-ratio:4 / 3}.ostrel-studio__panel{width:auto;margin:-40px 12px 0;padding:28px 22px}.ostrel-about h2{font-size:clamp(48px,14vw,64px)}}
