@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:normal;font-weight:100;src:url(/fonts/order-chaos/pp-neue-montreal-100.woff2) format("woff2")}@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:normal;font-weight:400;src:url(/fonts/order-chaos/pp-neue-montreal-400.woff2) format("woff2")}@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:italic;font-weight:400;src:url(/fonts/order-chaos/pp-neue-montreal-400-italic.woff2) format("woff2")}@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:normal;font-weight:500;src:url(/fonts/order-chaos/pp-neue-montreal-500.woff2) format("woff2")}@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:italic;font-weight:600;src:url(/fonts/order-chaos/pp-neue-montreal-600-italic.woff2) format("woff2")}@font-face{font-family:PP Neue Montreal;font-display:swap;font-style:normal;font-weight:700;src:url(/fonts/order-chaos/pp-neue-montreal-700.woff2) format("woff2")}.landing-page--oc{--oc-bg:#fefefe;--oc-ink:#1c1c1e;--oc-muted:rgba(28,28,30,0.58);--oc-faint:rgba(28,28,30,0.2);--oc-brand:#ff0001;--oc-red:var(--oc-brand);position:relative;width:100vw;height:100dvh;overflow:hidden;background:var(--oc-bg);color:var(--oc-ink);font-family:"PP Neue Montreal","Neue Montreal","Helvetica Neue",Arial,var(--font-sans-stack);letter-spacing:-.01em}body:has(.landing-page--oc),html:has(.landing-page--oc){overflow:hidden;background:#fefefe}html:has(.landing-page--oc){scrollbar-gutter:auto}body:has(.landing-page--oc) [class*=CustomCursor_cursor],body:has(.landing-page--oc) [class*=CustomCursor_label],body:has(.landing-page--oc) nextjs-portal{display:none!important}.landing-page--oc :where(button,a){color:inherit;font:inherit;letter-spacing:inherit}.landing-oc-header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;padding:32px clamp(18px,2.12vw,32px);pointer-events:none}.landing-oc-beta-entry,.landing-oc-detail__back,.landing-oc-header__brand,.landing-oc-header__nav a{border:0;background:transparent;cursor:pointer;pointer-events:auto}.landing-oc-header__brand{color:var(--oc-ink);padding:0;font-size:clamp(21px,2.12vw,32px);font-weight:500;line-height:1.45}.landing-page--oc .landing-oc-header__brand{font:500 clamp(21px,2.12vw,32px) /1.4 PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack)}.landing-oc-header__nav{display:grid;width:135px;justify-items:end;gap:32px;padding-top:9px;font-size:clamp(16px,1.2vw,18px);font-weight:500;line-height:1}.landing-oc-beta-entry,.landing-oc-header__nav a{position:relative;padding:0;color:var(--oc-ink);letter-spacing:-.01em;line-height:1}.landing-oc-header__nav a:nth-child(2){justify-self:start}.landing-oc-header__nav a[aria-current=page]{color:var(--oc-brand)}.landing-oc-beta-entry{position:absolute;right:clamp(18px,2.12vw,32px);bottom:26px;z-index:26;display:inline-flex;min-height:20px;align-items:center;justify-content:center;padding:0 0 7px;border:0;border-bottom:1px solid;background:transparent;color:var(--oc-brand);cursor:pointer;font-size:clamp(16px,1.2vw,18px);font-weight:500;line-height:1;text-decoration:none}.landing-oc-beta-entry:focus-visible,.landing-oc-beta-entry:hover{color:var(--oc-brand)}.landing-oc-beta{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:24px}.landing-oc-beta__backdrop{position:absolute;inset:0;border:0;background:rgba(28,28,30,.72)}.landing-oc-beta__panel{position:relative;z-index:1;display:grid;width:min(440px,calc(100vw - 32px));gap:26px;border:1px solid var(--oc-ink);background:var(--oc-bg);padding:24px;color:var(--oc-ink);box-shadow:0 28px 80px rgba(28,28,30,.18)}.landing-oc-beta__form,.landing-oc-beta__label,.landing-oc-beta__top{display:grid}.landing-oc-beta__top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.landing-oc-beta__label small,.landing-oc-beta__label span,.landing-oc-beta__status,.landing-oc-beta__top p{margin:0}.landing-oc-beta__top p{color:var(--oc-brand);font-size:13px;font-weight:700;line-height:1;text-transform:uppercase}.landing-oc-beta__close{display:inline-grid;width:34px;height:34px;place-items:center;border:1px solid var(--oc-faint);color:var(--oc-ink)}.landing-oc-beta__form{gap:14px}.landing-oc-beta__label{gap:10px}.landing-oc-beta__label span{font-size:clamp(30px,5vw,42px);font-weight:500;line-height:.98}.landing-oc-beta__label small,.landing-oc-beta__status{color:var(--oc-muted);font-size:14px;font-weight:500;line-height:1.35}.landing-oc-beta__input,.landing-oc-beta__submit{min-height:46px;border:1px solid var(--oc-ink);border-radius:0;font-size:15px}.landing-oc-beta__input{width:100%;background:var(--oc-bg);color:var(--oc-ink);padding:0 12px}.landing-oc-beta__input:focus,.landing-oc-beta__input:focus-visible{outline:0;box-shadow:none}.landing-oc-beta__input::placeholder{color:var(--oc-muted)}.landing-oc-beta__submit{background:var(--oc-ink);color:var(--oc-bg);cursor:pointer;font-weight:700}.landing-oc-beta__input:disabled,.landing-oc-beta__submit:disabled{cursor:wait;opacity:.62}.landing-oc-beta__trap{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.landing-oc-beta__status[data-state=duplicate],.landing-oc-beta__status[data-state=success]{color:var(--oc-brand)}.landing-oc-hyper-text{position:relative;display:inline-grid;height:1em;overflow:hidden;justify-items:end;white-space:nowrap}.landing-oc-hyper-text__layer{grid-area:1/1;display:block;white-space:nowrap}.landing-oc-hyper-text__char{display:inline-block;transform:translateY(0);transition:transform .82s cubic-bezier(.76,0,.24,1);transition-delay:calc(var(--hyper-char-index) * 12ms);will-change:transform}.landing-oc-hyper-text__layer:nth-child(-n+3) .landing-oc-hyper-text__char{transform:translateY(36px)}.landing-oc-hyper-text__layer:nth-child(n+4) .landing-oc-hyper-text__char{transform:translateY(0)}.landing-oc-beta-entry:focus-visible .landing-oc-hyper-text__layer:nth-child(-n+3) .landing-oc-hyper-text__char,.landing-oc-beta-entry:hover .landing-oc-hyper-text__layer:nth-child(-n+3) .landing-oc-hyper-text__char,.landing-oc-header__nav a:focus-visible .landing-oc-hyper-text__layer:nth-child(-n+3) .landing-oc-hyper-text__char,.landing-oc-header__nav a:hover .landing-oc-hyper-text__layer:nth-child(-n+3) .landing-oc-hyper-text__char{transform:translateY(0)}.landing-oc-beta-entry:focus-visible .landing-oc-hyper-text__layer:nth-child(n+4) .landing-oc-hyper-text__char,.landing-oc-beta-entry:hover .landing-oc-hyper-text__layer:nth-child(n+4) .landing-oc-hyper-text__char,.landing-oc-header__nav a:focus-visible .landing-oc-hyper-text__layer:nth-child(n+4) .landing-oc-hyper-text__char,.landing-oc-header__nav a:hover .landing-oc-hyper-text__layer:nth-child(n+4) .landing-oc-hyper-text__char{transform:translateY(-36px)}.landing-oc-detail,.landing-oc-home,.landing-oc-reason,.landing-oc-route-sheet,.landing-oc-samples{position:absolute;inset:0}.landing-oc-route-sheet{overflow:hidden;background:var(--oc-bg);animation:landing-oc-route-sheet-enter 1.08s cubic-bezier(.76,0,.24,1) both;backface-visibility:hidden;box-shadow:0 -20px 44px rgba(28,28,30,.08);contain:layout paint style;isolation:isolate;transform:translateZ(0);will-change:transform}.landing-oc-route-sheet--intro-held{animation:none;transform:translate3d(0,100%,0)}.landing-oc-route-sheet--intro-reveal{animation:landing-oc-route-sheet-enter .82s cubic-bezier(.76,0,.24,1) both}.landing-oc-route-dim{position:absolute;inset:0;z-index:80;background:rgb(28,28,30);opacity:0;pointer-events:none}.landing-oc-home{display:block;padding:0}.landing-oc-collage{position:fixed;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;perspective:100vw;transform-style:preserve-3d;pointer-events:none}.landing-oc-collage__rotor{position:relative;width:100%;max-width:50vw;max-height:90svh;aspect-ratio:1;perspective:100vw;perspective-origin:50%;transform-origin:50% 50%;transform-style:preserve-3d;transform:rotate(var(--oc-view-rotation,0deg)) rotateX(var(--oc-view-rotation-x,0deg));will-change:transform}.landing-oc-collage__item{position:absolute;overflow:hidden;background:#d8d8d8;box-shadow:none;translate:-50% -50%;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;contain:layout paint style;will-change:transform,opacity,filter}.landing-oc-collage--collapsing .landing-oc-collage__item{transition:transform .45s cubic-bezier(.68,-.7,.101,1.6633)}.landing-oc-collage__image,.landing-oc-detail__image{object-fit:cover}.landing-oc-collage__item--before{left:12%;top:23%;width:48%;height:45%;z-index:3;border-radius:22px}.landing-oc-collage__item--after{left:38%;top:34%;width:52%;height:43%;z-index:4;border-radius:0}.landing-oc-collage__item--curtain{left:42%;top:5%;width:34%;height:33%;z-index:5;border-radius:20px}.landing-oc-collage__item--plant{left:70%;top:22%;width:30%;height:33%;z-index:2;border-radius:18px}.landing-oc-collage__item--vase{left:55%;top:66%;width:31%;height:31%;z-index:5;border-radius:18px}.landing-oc-collage>.landing-oc-collage__rotor>.landing-oc-collage__item{top:50%;left:50%;width:240px;height:240px;border-radius:32px}.landing-oc-home__copy{position:absolute;display:grid;justify-items:start;top:calc(100dvh - 166px);right:clamp(30px,2.12vw,32px);width:min(455px,30.1vw);max-width:none;padding:0}.landing-oc-home__copy h1{display:none}.landing-oc-home__copy p{margin:0;max-width:none;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.01em}.landing-oc-home__copy small{display:none}.landing-oc-home__pager,.landing-oc-samples__pager{position:absolute;bottom:32px;left:clamp(18px,2.12vw,32px);z-index:24;display:grid;align-items:end;grid-auto-flow:column;grid-auto-columns:minmax(0,168px);gap:18px;width:min(540px,calc(100vw - 36px))}.landing-oc-home__pager button,.landing-oc-samples__pager button{position:relative;min-height:40px;padding:0 0 8px;border:0;border-bottom:1px solid var(--oc-faint);background:transparent;color:var(--oc-muted);cursor:pointer;font-size:18px;font-weight:500;line-height:1.2;text-align:center}.landing-oc-home__pager button:after,.landing-oc-samples__pager button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;transform:scaleX(0);transform-origin:center;background:var(--oc-ink);transition:transform .42s cubic-bezier(.32,.72,0,1)}.landing-oc-home__pager button[aria-current=true],.landing-oc-samples__pager button[aria-current=true]{color:var(--oc-ink)}.landing-oc-home__pager button[aria-current=true]:after,.landing-oc-samples__pager button[aria-current=true]:after{transform:scaleX(0)}.landing-oc-home__progress{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--oc-ink);transform:scaleX(0);transform-origin:left}.landing-oc-home__pager button[aria-current=true] .landing-oc-home__progress{animation:landing-oc-home-progress 8s linear forwards}.landing-oc-home__pager--transitioning .landing-oc-home__progress{animation:none!important;transform:scaleX(0)!important}.landing-oc-reason{overflow-y:auto;overflow-x:hidden;background:var(--oc-bg);color:var(--oc-ink);scroll-behavior:smooth}.landing-oc-reason__intro{display:flex;min-height:237vh;flex-direction:column;gap:260px;padding:15vh 32px 80px}.landing-oc-reason__intro h1{align-self:stretch;width:min(1448px,calc(100vw - 64px));max-width:none;margin:0;font-size:clamp(44px,4.05vw,62px);font-weight:500;line-height:1.3;letter-spacing:-.055em}.landing-oc-reason__image-grid{display:grid;width:100%;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.landing-oc-reason__image{position:relative;overflow:hidden;background:#d8d8d8}.landing-oc-reason__image span{position:absolute;inset:0;background:var(--oc-bg);animation:landing-oc-reason-reveal .86s cubic-bezier(.32,.72,0,1) forwards;transform-origin:top}.landing-oc-reason__image-fill{object-fit:cover}.landing-oc-reason__image--one{grid-column:1/span 6;aspect-ratio:.84/1}.landing-oc-reason__image--two{grid-column:10/span 3;aspect-ratio:1/1}.landing-oc-reason__image--two span{animation-delay:.12s}.landing-oc-reason__image--three{grid-column:4/span 6;aspect-ratio:4/3;margin-top:64px}.landing-oc-reason__image--three span{animation-delay:.22s}.landing-oc-reason__idea{position:relative;display:grid;min-height:100vh;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:160px 32px;background:var(--oc-ink);color:var(--oc-bg)}.landing-oc-reason__idea h2{grid-column:1/span 5;margin:0;font-size:clamp(46px,4.25vw,64px);font-weight:500;line-height:1.3;letter-spacing:-.055em}.landing-oc-reason__idea p{grid-column:6/span 3;align-self:center;margin:0;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.045em}.landing-oc-reason__rules{display:grid;min-height:100vh;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--oc-bg)}.landing-oc-reason__rule{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;border-top:2px solid var(--oc-ink);border-right:2px solid var(--oc-ink);border-bottom:2px solid var(--oc-ink);padding:128px 32px 54px}.landing-oc-reason__rule:last-child{border-right:0}.landing-oc-reason__process p,.landing-oc-reason__process small,.landing-oc-reason__rule h2,.landing-oc-reason__rule h3,.landing-oc-reason__rule p{margin:0}.landing-oc-reason__rule h2{font-size:clamp(46px,4.25vw,64px);font-weight:500;line-height:1.3;letter-spacing:-.055em}.landing-oc-reason__rule h3{font-size:32px;font-weight:500;line-height:1.2;letter-spacing:-.055em}.landing-oc-reason__rule p{margin-top:8px;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.05em}.landing-oc-reason__rule-circles{position:absolute;inset:0;pointer-events:none}.landing-oc-reason__rule-circles span{position:absolute;aspect-ratio:1/1;border-radius:999px;background:var(--oc-red)}.landing-oc-reason__rule-circles span:first-child{top:6%;right:-4%;width:40%}.landing-oc-reason__rule-circles span:nth-child(2){top:20%;left:-10%;width:50%}.landing-oc-reason__rule-circles span:nth-child(3){top:48%;left:44%;width:28%}.landing-oc-reason__rule-frame{position:absolute;inset:0;opacity:.58;filter:grayscale(1) contrast(.7)}.landing-oc-reason__rule-frame+div{position:relative;z-index:1;margin-top:auto;background:var(--oc-bg)}.landing-oc-reason__process{display:flex;min-height:92vh;align-items:flex-end;justify-content:space-between;gap:72px;padding:160px 32px 96px}.landing-oc-reason__process p{width:min(820px,64vw);font-size:clamp(34px,3.2vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.055em}.landing-oc-reason__process small{width:384px;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:-.035em;text-transform:uppercase}.landing-oc-reason__images{position:relative;width:100%;height:400vh}.landing-oc-reason__images-sticky{position:sticky;top:0;display:grid;width:100%;height:100vh;overflow:hidden}.landing-oc-reason__images-item{position:relative;grid-area:1/1;width:100%;height:100%;transform-origin:bottom left;will-change:transform}.landing-oc-reason__images-item:not(:first-child){transform:translate3d(160%,20%,0) rotate(24deg)}.landing-oc-reason__images-img{object-fit:cover}.landing-oc-reason__images-shade{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;will-change:opacity}.landing-oc-reason__cc{display:flex;width:min(1240px,calc(100vw - 272px));max-width:none;flex-direction:column;gap:120px;margin:160px auto}.landing-oc-reason__cc-content{display:flex;width:100%;align-items:flex-start;gap:16px}.landing-oc-reason__cc-text{display:flex;width:100%;flex-direction:column;gap:16px;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.045em}.landing-oc-reason__cc-desc{width:520px;margin:0;font-size:48px;font-weight:500;line-height:1.3;letter-spacing:-.055em}.landing-oc-reason__footer{position:relative;display:flex;min-height:120vh;flex-direction:column;overflow:hidden}.landing-oc-reason__footer-top{flex:0 0 240px}.landing-oc-reason__footer-content{display:flex;width:100%;justify-content:space-between;gap:32px;margin-top:auto;padding:32px;font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.045em}.landing-oc-reason__footer-content p{margin:0}.landing-oc-reason__footer-content p:last-child{text-align:right}@keyframes landing-oc-reason-reveal{to{transform:scaleY(0)}}.landing-oc-samples{isolation:isolate}.landing-oc-samples__brand{position:absolute;top:50%;left:25%;z-index:2;margin:0;font-size:clamp(38px,3.2vw,48px);font-weight:500;line-height:1;transform:translate(-50%,-50%)}.landing-oc-samples__preview{--sample-preview-max-height:min(70vh,540px);--sample-preview-max-width:min(55.3vw,836px);position:absolute;top:15vh;left:50vw;z-index:1;display:block;width:var(--sample-preview-max-width);height:auto;aspect-ratio:var(--sample-aspect-ratio,4/5);padding:0;overflow:hidden;border:0;appearance:none;background:#d8d8d8;cursor:pointer;transform:translateX(-50%)}.landing-oc-samples__preview[data-orientation=portrait]{width:auto;height:var(--sample-preview-max-height)}.landing-oc-samples__preview[data-orientation=square]{width:min(42vw,540px)}.landing-oc-samples__preview[data-orientation=landscape]{width:min(50.8vw,760px)}.landing-oc-samples__preview[data-orientation=wide]{width:var(--sample-preview-max-width)}.landing-oc-samples__preview-image{object-fit:cover}.landing-oc-samples__preview-layer{position:absolute;inset:0;will-change:clip-path,opacity}.landing-oc-samples__preview-layer--incoming{z-index:1}.landing-oc-samples__track{position:absolute;top:50%;left:75vw;z-index:3;width:0;height:0}.landing-oc-samples__sample{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:0;min-width:0;height:36px;padding:0;border:0;background:transparent;color:#888;cursor:pointer;font-size:30px;font-weight:500;letter-spacing:-.01em;line-height:36px;opacity:var(--sample-opacity);pointer-events:auto;transform:translate(-50%,-50%) translate3d(var(--sample-x),var(--sample-y),0) rotate(var(--sample-rotate));transform-origin:center;transition:color .3s ease,font-size .4s ease,line-height .4s ease,margin-left .18s cubic-bezier(.32,.72,0,1),opacity .24s ease;contain:layout paint style;will-change:transform,opacity}.landing-page--oc .landing-oc-samples__sample{font:500 30px/36px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack)}.landing-page--oc .landing-oc-home__pager button,.landing-page--oc .landing-oc-samples__pager button{font:500 18px/1.2 PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack)}.landing-oc-samples__sample:focus-visible,.landing-oc-samples__sample:hover,.landing-oc-samples__sample[aria-current=true]{color:var(--oc-ink)}.landing-oc-samples__sample[aria-current=true]{height:40px;font-size:36px;line-height:40px;margin-left:.75em}.landing-oc-samples__sample span{flex:0 0 auto;width:0;height:0;margin-right:0;border-radius:999px;background:var(--oc-red);opacity:0;transition:width .18s cubic-bezier(.32,.72,0,1),height .18s cubic-bezier(.32,.72,0,1),margin .18s cubic-bezier(.32,.72,0,1),opacity .15s ease}.landing-oc-samples__sample[aria-current=true] span{width:.55em;height:.55em;margin-right:.3em;opacity:1}.landing-oc-samples__sample b{display:block;font:inherit;white-space:nowrap}.landing-oc-samples__ranges{position:absolute;bottom:24px;left:clamp(18px,2.12vw,32px);z-index:24;display:grid;align-items:end;grid-auto-flow:column;grid-auto-columns:max-content;gap:23.2px}.landing-oc-samples__ranges button{position:relative;height:41px;width:67.6px;padding:0 0 9px;border:0;border-bottom:1px solid rgb(136,136,136);background:transparent;color:#888;cursor:pointer;font:500 20px/20px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:-.01em;text-align:center}.landing-oc-detail__ranges button:not([aria-current=true]),.landing-oc-samples__ranges button:not([aria-current=true]){margin-top:1px}.landing-oc-detail__ranges button:nth-child(2),.landing-oc-samples__ranges button:nth-child(2){width:66.7px}.landing-oc-detail__ranges button:nth-child(3),.landing-oc-samples__ranges button:nth-child(3){width:67.3px}.landing-oc-detail__ranges button:nth-child(4),.landing-oc-samples__ranges button:nth-child(4){width:67.7px}.landing-oc-detail__ranges button:nth-child(5),.landing-oc-samples__ranges button:nth-child(5){width:75px}.landing-oc-detail__ranges button:nth-child(6),.landing-oc-samples__ranges button:nth-child(6){width:75.6px}.landing-oc-samples__ranges button[aria-current=true]{border-bottom-color:var(--oc-ink);border-bottom-width:2px;color:var(--oc-ink);height:42px}.landing-oc-range-text{display:grid;overflow:hidden;line-height:1}.landing-oc-range-text__layer{grid-area:1/1;display:block;white-space:nowrap}.landing-oc-range-text__char{display:inline-block;transition:transform .65s cubic-bezier(.32,.72,0,1);transition-delay:calc(var(--range-char-index) * 18ms);will-change:transform}.landing-oc-range-text__layer:nth-child(-n+3) .landing-oc-range-text__char{transform:translateY(2em)}.landing-oc-range-text__layer:nth-child(n+4) .landing-oc-range-text__char{transform:translateY(0)}.landing-oc-detail__ranges button:focus-visible .landing-oc-range-text__layer:nth-child(-n+3) .landing-oc-range-text__char,.landing-oc-detail__ranges button:hover .landing-oc-range-text__layer:nth-child(-n+3) .landing-oc-range-text__char,.landing-oc-samples__ranges button:focus-visible .landing-oc-range-text__layer:nth-child(-n+3) .landing-oc-range-text__char,.landing-oc-samples__ranges button:hover .landing-oc-range-text__layer:nth-child(-n+3) .landing-oc-range-text__char{transform:translateY(0)}.landing-oc-detail__ranges button:focus-visible .landing-oc-range-text__layer:nth-child(n+4) .landing-oc-range-text__char,.landing-oc-detail__ranges button:hover .landing-oc-range-text__layer:nth-child(n+4) .landing-oc-range-text__char,.landing-oc-samples__ranges button:focus-visible .landing-oc-range-text__layer:nth-child(n+4) .landing-oc-range-text__char,.landing-oc-samples__ranges button:hover .landing-oc-range-text__layer:nth-child(n+4) .landing-oc-range-text__char{transform:translateY(-2em)}.landing-oc-samples__ranges--index button{width:67.6px}.landing-oc-samples__ranges--index button:nth-child(6){width:75.6px}.landing-oc-sample-preview{position:absolute;inset:0;z-index:150;opacity:0;overflow:hidden;pointer-events:none;will-change:clip-path}.landing-oc-sample-preview--open{opacity:1;pointer-events:auto}.landing-oc-sample-preview__blur{position:absolute;inset:0;z-index:0;border:0;background:rgba(28,28,30,.92);cursor:pointer}.landing-oc-sample-preview__bg{position:absolute;inset:0;z-index:0;background:var(--oc-ink);transform-origin:bottom;pointer-events:none;animation:landing-oc-preview-bg-enter .78s cubic-bezier(.76,0,.24,1) both;will-change:transform}.landing-oc-sample-preview__content{position:absolute;inset:0;z-index:1;color:var(--oc-bg);pointer-events:none}.landing-oc-sample-preview__bottom,.landing-oc-sample-preview__top{position:absolute;right:36px;left:36px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.landing-oc-sample-preview__top{top:36px;min-height:57.8px}.landing-oc-sample-preview__bottom{bottom:36px}.landing-oc-sample-preview__bottom p,.landing-oc-sample-preview__top p{position:relative;overflow:hidden;margin:0;font:500 20.25px/28.9286px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:-.01em}.landing-oc-sample-preview__top p:last-of-type{width:253.1px}.landing-oc-sample-preview__bottom span{position:relative;display:block;overflow:hidden;width:135px;font:500 20.25px/1 PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:-.01em;text-align:right}.landing-oc-sample-preview__sample-text{display:grid;width:max-content}.landing-oc-sample-preview__sample-text-layer{grid-area:1/1;will-change:transform}.landing-oc-sample-preview__sample-text--sliding .landing-oc-sample-preview__sample-text-layer:first-child{animation:landing-oc-preview-label-next-out .76s cubic-bezier(.625,.05,0,1) both}.landing-oc-sample-preview__sample-text-layer--incoming{animation:landing-oc-preview-label-next-in .76s cubic-bezier(.625,.05,0,1) both}.landing-oc-sample-preview[data-slide-direction=previous] .landing-oc-sample-preview__sample-text--sliding .landing-oc-sample-preview__sample-text-layer:first-child{animation-name:landing-oc-preview-label-prev-out}.landing-oc-sample-preview[data-slide-direction=previous] .landing-oc-sample-preview__sample-text-layer--incoming{animation-name:landing-oc-preview-label-prev-in}.landing-oc-sample-preview__arrow:after,.landing-oc-sample-preview__bottom p:after,.landing-oc-sample-preview__bottom span:after,.landing-oc-sample-preview__close:after,.landing-oc-sample-preview__top p:after{position:absolute;inset:-2px;z-index:2;content:"";background:#1c1c1e;pointer-events:none;transform:scaleY(1);transform-origin:bottom;animation:landing-oc-preview-reveal .62s cubic-bezier(.32,.72,0,1) forwards}.landing-oc-sample-preview__top p:nth-child(2):after{animation-delay:80ms}.landing-oc-sample-preview__close:after{animation-delay:.12s}.landing-oc-sample-preview__arrow:after{animation-delay:.16s}.landing-oc-sample-preview__bottom p:after,.landing-oc-sample-preview__bottom span:after{animation-delay:.22s}.landing-oc-sample-preview__arrow,.landing-oc-sample-preview__close{position:absolute;display:grid;overflow:hidden;width:45px;height:45px;place-items:center;padding:0;border:0;background:transparent;color:var(--oc-bg);cursor:pointer;pointer-events:auto}.landing-oc-sample-preview__close{top:42.4px;left:50%;transform:translateX(-50%)}.landing-oc-sample-preview__main{position:absolute;inset:79.8px 0;z-index:1;pointer-events:none}.landing-oc-sample-preview__image-content{--sample-modal-max-height:min(70vh,579.6px);--sample-modal-max-width:min(59.3vw,896.64px);position:absolute;top:50%;left:50%;width:var(--sample-modal-max-width);height:auto;aspect-ratio:var(--sample-aspect-ratio,4/5);overflow:hidden;transform:translate(-50%,-50%);background:var(--oc-bg);backface-visibility:hidden;contain:paint;isolation:isolate}.landing-oc-sample-preview__image-content[data-orientation=portrait]{width:auto;height:var(--sample-modal-max-height)}.landing-oc-sample-preview__image-content[data-orientation=square]{width:min(56vh,620px)}.landing-oc-sample-preview__image-content[data-orientation=landscape]{width:min(59.3vw,820px)}.landing-oc-sample-preview__image-content[data-orientation=wide]{width:var(--sample-modal-max-width)}.landing-oc-sample-preview__image-wrapper{position:absolute;inset:0;overflow:hidden;animation:landing-oc-preview-image-enter .82s cubic-bezier(.76,0,.24,1) 60ms both;clip-path:inset(0);will-change:clip-path}.landing-oc-sample-preview--entered .landing-oc-sample-preview__image-wrapper,.landing-oc-sample-preview__image-wrapper--sliding{animation:none;clip-path:none;will-change:auto}.landing-oc-sample-preview__image-layer{position:absolute;inset:0;transform:translateZ(0);backface-visibility:hidden;contain:paint;will-change:transform}.landing-oc-sample-preview__image-layer--outgoing{z-index:1;animation:landing-oc-preview-image-next-out .86s cubic-bezier(.625,.05,0,1) both}.landing-oc-sample-preview__image-layer--incoming{z-index:2;animation:landing-oc-preview-image-next-in .86s cubic-bezier(.625,.05,0,1) both}.landing-oc-sample-preview[data-slide-direction=previous] .landing-oc-sample-preview__image-layer--outgoing{animation-name:landing-oc-preview-image-prev-out}.landing-oc-sample-preview[data-slide-direction=previous] .landing-oc-sample-preview__image-layer--incoming{animation-name:landing-oc-preview-image-prev-in}.landing-oc-sample-preview__image{display:block;object-fit:cover;transform:translateZ(0)}.landing-oc-sample-preview__image-reveal{position:absolute;inset:0;z-index:3;background:var(--oc-ink);pointer-events:none;transform-origin:top;animation:landing-oc-preview-cover-lift .78s cubic-bezier(.76,0,.24,1) .12s both;will-change:transform}.landing-oc-sample-preview--entered .landing-oc-sample-preview__image-reveal,.landing-oc-sample-preview__image-reveal--disabled{display:none}.landing-oc-sample-preview__arrow{top:50%;transform:translateY(-50%)}.landing-oc-sample-preview__arrow--prev{left:36px}.landing-oc-sample-preview__arrow--next{right:36px}.landing-oc-detail{-webkit-user-select:none;user-select:none;touch-action:pan-x}.landing-oc-detail__caption{position:absolute;top:50%;z-index:10;color:var(--oc-ink);font-size:24px;font-weight:500;line-height:1;transform:translateY(-50%);pointer-events:none}.landing-oc-detail__caption--left{left:calc(50% - 414px)}.landing-oc-detail__caption--right{left:calc(50% + 264px)}.landing-oc-detail__track,.landing-oc-detail__viewport{position:absolute;inset:0;overflow:hidden}.landing-oc-detail__item{position:absolute;top:50%;left:50%;width:320px;height:auto;aspect-ratio:var(--sample-aspect-ratio,4/3);padding:0;overflow:hidden;border:0;background:var(--oc-ink);cursor:pointer;transform:translate(-50%,-50%) translateY(var(--detail-y));contain:layout paint style;transition:transform .52s cubic-bezier(.32,.72,0,1);will-change:transform}.landing-oc-detail__item[data-orientation=portrait]{width:auto;height:320px}.landing-oc-detail__item[data-orientation=square]{width:300px}.landing-oc-detail__item[data-orientation=landscape]{width:348px}.landing-oc-detail__item[data-orientation=wide]{width:420px}.landing-oc-detail__image{object-fit:cover}.landing-oc-detail__ranges{position:absolute;bottom:24px;left:clamp(18px,2.12vw,32px);z-index:12;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:23.2px;background:var(--oc-bg)}.landing-oc-detail__ranges button{position:relative;height:41px;width:67.6px;padding:0 0 9px;border:0;border-bottom:1px solid rgb(136,136,136);background:transparent;color:#888;cursor:pointer;font:500 20px/20px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:-.01em}.landing-oc-detail__ranges button[aria-current=true]{border-bottom:2px solid var(--oc-ink);color:var(--oc-ink);height:42px}.landing-oc-intro{position:fixed;inset:0;z-index:100;border:0;background:#1c1c1e;color:#fefefe;cursor:pointer;text-align:left}.landing-oc-intro__line{position:absolute;margin:0;font:500 32px/38.4px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:-.01em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.landing-oc-intro__line--left{top:64px;left:64px;width:231px}.landing-oc-intro__line--center{top:181px;left:410px;width:346px}.landing-oc-intro__line--lower{top:414px;left:410px;width:346px}.landing-oc-intro__line--right{top:531px;left:871px;width:346px}.landing-oc-intro__skip{position:absolute;bottom:18px;left:50%;color:#888;font:400 12px/16px PP Neue Montreal,Neue Montreal,Helvetica Neue,Arial,var(--font-sans-stack);letter-spacing:.3px;transform:translateX(-50%)}@keyframes landing-oc-home-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes landing-oc-route-sheet-enter{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes landing-oc-preview-reveal{to{transform:scaleY(0)}}@keyframes landing-oc-preview-bg-enter{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes landing-oc-preview-image-enter{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes landing-oc-preview-cover-lift{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes landing-oc-preview-image-next-out{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes landing-oc-preview-image-next-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes landing-oc-preview-image-prev-out{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes landing-oc-preview-image-prev-in{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes landing-oc-preview-label-next-out{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes landing-oc-preview-label-next-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes landing-oc-preview-label-prev-out{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes landing-oc-preview-label-prev-in{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@media (max-width:720px){.landing-page--oc{letter-spacing:-.045em}.landing-oc-header{padding:20px 16px}.landing-oc-header__brand{font-size:20px}.landing-oc-header__nav{gap:24px;font-size:17px}.landing-oc-home{display:block;padding:18vh 16px 96px}.landing-oc-collage{position:relative;top:auto;left:auto;width:min(100%,390px);height:44vh;margin:0 auto;transform:none}.landing-oc-collage--mode-1 .landing-oc-collage__rotor,.landing-oc-collage--mode-2 .landing-oc-collage__rotor{max-width:100%}.landing-oc-collage>.landing-oc-collage__rotor>.landing-oc-collage__item{width:clamp(128px,44vw,188px);height:clamp(128px,44vw,188px);border-radius:22px}.landing-oc-collage--mode-1>.landing-oc-collage__rotor>.landing-oc-collage__item,.landing-oc-collage--mode-2>.landing-oc-collage__rotor>.landing-oc-collage__item{width:clamp(132px,36vw,156px);height:clamp(132px,36vw,156px);border-radius:20px}.landing-oc-collage__item--before{left:0;top:22%;width:43%;height:34%}.landing-oc-collage__item--after{left:38%;top:34%;width:43%;height:34%}.landing-oc-collage__item--curtain{left:24%;top:2%;width:38%;height:31%}.landing-oc-collage__item--plant{left:61%;top:18%;width:34%;height:30%}.landing-oc-collage__item--vase{left:17%;top:61%;width:37%;height:32%}.landing-oc-home__copy{display:grid;justify-items:start;position:relative;top:auto;right:auto;bottom:auto;width:auto;max-width:none;padding:24px 2px 0}.landing-oc-home__copy h1{display:none}.landing-oc-home__copy p{max-width:34ch;font-size:15px;line-height:1.08}.landing-oc-beta-entry{right:16px;bottom:112px;font-size:16px}.landing-oc-home__copy small{margin-top:10px;font-size:11px}.landing-oc-home__pager,.landing-oc-samples__pager{left:16px;grid-auto-columns:1fr;width:calc(100vw - 32px);gap:14px}.landing-oc-home__pager button,.landing-oc-samples__pager button,.landing-page--oc .landing-oc-home__pager button,.landing-page--oc .landing-oc-samples__pager button{font-size:14px}.landing-oc-reason__intro{min-height:auto;gap:48px;padding:96px 16px 64px}.landing-oc-reason__idea h2,.landing-oc-reason__intro h1,.landing-oc-reason__process p,.landing-oc-reason__rule h2{width:100%;font-size:clamp(37px,10vw,62px);line-height:1.12}.landing-oc-reason__idea,.landing-oc-reason__image-grid,.landing-oc-reason__rules{display:flex;flex-direction:column}.landing-oc-reason__image--one,.landing-oc-reason__image--three,.landing-oc-reason__image--two{width:100%;margin-top:0}.landing-oc-reason__image--one{aspect-ratio:.84/1}.landing-oc-reason__image--two{aspect-ratio:1/1;width:56%;margin-left:auto}.landing-oc-reason__image--three{aspect-ratio:4/3}.landing-oc-reason__idea{gap:40px;min-height:100svh;padding:96px 16px 64px}.landing-oc-reason__idea p,.landing-oc-reason__rule p{font-size:19px;line-height:1.2}.landing-oc-reason__rule{min-height:80svh;border-right:0;padding:96px 16px 40px}.landing-oc-reason__rule h3{font-size:28px}.landing-oc-reason__process{min-height:80svh;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:28px;padding:96px 16px 64px}.landing-oc-reason__process small{width:100%;font-size:14px}.landing-oc-reason__images{height:260vh}.landing-oc-reason__cc{width:100%;gap:48px;margin:96px 0;padding:0 16px}.landing-oc-reason__cc-content{flex-direction:column;gap:28px}.landing-oc-reason__cc-text{font-size:19px;line-height:1.2}.landing-oc-reason__cc-desc{width:100%;font-size:clamp(37px,10vw,62px);line-height:1.12}.landing-oc-reason__footer{min-height:100svh}.landing-oc-reason__footer-top{flex-basis:120px}.landing-oc-reason__footer-content{flex-direction:column;padding:16px;font-size:19px}.landing-oc-reason__footer-content p:last-child{text-align:left}.landing-oc-samples h1{left:16px;top:50vh;max-width:9ch;font-size:42px;transform:translateY(-50%)}.landing-oc-samples__preview{--sample-preview-max-height:min(44vh,460px);--sample-preview-max-width:78vw;top:18vh;left:50%;width:var(--sample-preview-max-width);height:auto}.landing-oc-samples__preview[data-orientation=portrait]{width:auto;height:var(--sample-preview-max-height)}.landing-oc-samples__preview[data-orientation=square]{width:min(68vw,340px)}.landing-oc-samples__preview[data-orientation=landscape],.landing-oc-samples__preview[data-orientation=wide]{width:var(--sample-preview-max-width)}.landing-oc-samples__sample,.landing-page--oc .landing-oc-samples__sample{font-size:25px}.landing-oc-samples__track{left:76%}.landing-oc-detail__ranges,.landing-oc-samples__ranges{right:16px;left:16px;width:auto;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:minmax(0,1fr);gap:8px}.landing-oc-detail__ranges button,.landing-oc-detail__ranges button:nth-child(n),.landing-oc-samples__ranges button,.landing-oc-samples__ranges button:nth-child(n){width:auto;min-width:0;padding-inline:1px;font-size:12px}.landing-oc-range-text{justify-content:center}.landing-oc-sample-preview__bottom,.landing-oc-sample-preview__top{right:16px;left:16px}.landing-oc-sample-preview__bottom p,.landing-oc-sample-preview__bottom span,.landing-oc-sample-preview__top p{font-size:14px;line-height:1.18}.landing-oc-sample-preview__top p:last-of-type{width:150px}.landing-oc-sample-preview__bottom span{width:92px}.landing-oc-sample-preview__main{inset:92px 0 84px}.landing-oc-sample-preview__image-content{--sample-modal-max-height:min(58vh,480px);--sample-modal-max-width:calc(100vw - 64px);width:var(--sample-modal-max-width);height:auto}.landing-oc-sample-preview__image-content[data-orientation=portrait]{width:auto;height:var(--sample-modal-max-height)}.landing-oc-sample-preview__image-content[data-orientation=square]{width:min(72vw,420px)}.landing-oc-sample-preview__image-content[data-orientation=landscape],.landing-oc-sample-preview__image-content[data-orientation=wide]{width:var(--sample-modal-max-width)}.landing-oc-sample-preview__close{top:36px}.landing-oc-sample-preview__arrow--prev{left:10px}.landing-oc-sample-preview__arrow--next{right:10px}.landing-oc-detail__caption{font-size:20px}.landing-oc-detail__caption--left{left:16px}.landing-oc-detail__caption--right{right:16px;left:auto}.landing-oc-detail__item{width:min(76vw,320px);height:auto}.landing-oc-detail__item[data-orientation=portrait]{width:auto;height:min(57vw,260px)}.landing-oc-detail__item[data-orientation=square]{width:min(66vw,280px)}.landing-oc-detail__item[data-orientation=landscape],.landing-oc-detail__item[data-orientation=wide]{width:min(76vw,320px)}.landing-oc-intro__line--left{top:8vh;left:16px;width:min(231px,calc(100vw - 32px))}.landing-oc-intro__line--center{top:28vh;left:16px;width:min(346px,calc(100vw - 32px))}.landing-oc-intro__line--lower{top:50vh;left:16px;width:min(346px,calc(100vw - 32px))}.landing-oc-intro__line--right{top:68vh;left:16px;width:min(346px,calc(100vw - 32px))}}@media (prefers-reduced-motion:reduce){.landing-page--oc,.landing-page--oc *{scroll-behavior:auto!important}.landing-page--oc *,.landing-page--oc :after,.landing-page--oc :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:0s!important}}