.ox{--ox-ink:#0a0a0a;--ox-ink-2:#151413;--ox-ivory:#f5f1ea;--ox-paper:#fbf9f5;--ox-stone:#e7e1d6;--ox-gold:#b59e78;--ox-line:#ddd5c7;--ox-mute:#857d70;--ox-serif:"Cormorant Garamond","GFS Baskerville",Georgia,serif;--ox-sans:Inter,"Helvetica Neue",Arial,sans-serif;font-family:var(--ox-sans);color:var(--ox-ink);-webkit-font-smoothing:antialiased}.ox *,.ox *:before,.ox *:after{box-sizing:border-box}.ox a{color:inherit;text-decoration:none}.ox img{display:block;max-width:100%}.ox h1,.ox h2,.ox h3{margin:0;font-family:var(--ox-serif);font-weight:400;letter-spacing:-.005em;line-height:1;color:inherit}.ox-wrap{max-width:1440px;margin:0 auto;padding:0 56px}.ox-k{display:block;font-size:10.5px;font-weight:500;letter-spacing:.34em;text-transform:uppercase}.ox-rule{display:block;width:56px;height:1px;background:var(--ox-gold);margin:28px auto}.ox-link{position:relative;display:inline-block;padding-bottom:8px;font-size:10.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase}.ox-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.ox-link:hover:after{transform:scaleX(.35)}.ox-hero{position:relative;height:100svh;min-height:620px;max-height:1000px;background:var(--ox-ink);color:var(--ox-ivory);overflow:hidden}.ox-hero__s{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:opacity 1.4s ease,visibility 1.4s}.ox-hero__s.is-on{opacity:1;visibility:visible}.ox-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ox-hero__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 7s ease-out}.ox-hero__s.is-on .ox-hero__img img{transform:scale(1)}.ox-hero__s:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,#0000002e,#0000008c)}.ox-hero__c{position:relative;z-index:2;padding:0 24px}.ox-hero__c .ox-k{color:#e9e2d5}.ox-hero__c h2{margin:22px 0 30px;font-size:clamp(64px,10vw,168px);line-height:.9;font-weight:300}.ox-hero__c p{margin:0 auto 34px;max-width:40ch;font-family:var(--ox-serif);font-style:italic;font-size:21px;line-height:1.5;color:#e9e2d5}.ox-hero__nav{position:absolute;left:0;right:0;bottom:40px;z-index:3;display:flex;justify-content:center;gap:28px}.ox-hero__nav button{width:150px;padding:14px 0 0;border:0;background:none;color:#cfc7b8;font:500 10px var(--ox-sans);letter-spacing:.3em;text-transform:uppercase;text-align:left;cursor:pointer;position:relative}.ox-hero__nav button:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#f5f1ea4d}.ox-hero__nav button i{position:absolute;left:0;top:0;height:1px;width:0;background:var(--ox-ivory)}.ox-hero__nav button.is-on{color:var(--ox-ivory)}.ox-hero__nav button.is-on i{animation:ox-prog var(--ox-speed,7s) linear forwards}@keyframes ox-prog{to{width:100%}}.ox-say{background:var(--ox-paper);padding:150px 0 140px;text-align:center}.ox-say .ox-k{color:var(--ox-mute)}.ox-say h1{max-width:18ch;margin:34px auto 0;font-size:clamp(44px,5.4vw,88px);line-height:1.04;font-weight:300}.ox-say h1 em{font-style:italic;color:var(--ox-gold)}.ox-say p{max-width:52ch;margin:0 auto;font-size:15px;line-height:1.9;color:#5f584e}.ox-mono{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid var(--ox-gold);border-radius:50%;font-family:var(--ox-serif);font-size:30px;color:var(--ox-gold)}.ox-ch{background:var(--ox-paper);padding:0 0 150px}.ox-ch__top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;align-items:stretch}.ox-ch.is-flip .ox-ch__top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ox-ch.is-flip .ox-ch__img{order:2}.ox-ch__img{position:relative;aspect-ratio:6/7;background:var(--ox-stone);overflow:hidden}.ox-ch__img img{width:100%;height:100%;object-fit:cover;transition:transform 2s cubic-bezier(.2,.7,.2,1)}.ox-ch__img:hover img{transform:scale(1.03)}.ox-ch__txt{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(40px,6vw,110px);background:var(--ox-ivory)}.ox-ch__txt .ox-k{color:var(--ox-mute)}.ox-ch__txt h2{margin:26px 0 0;font-size:clamp(56px,6.4vw,112px);font-weight:300;line-height:.92}.ox-ch__txt .ox-rule{margin:34px 0}.ox-ch__txt p{max-width:36ch;margin:0 0 40px;font-family:var(--ox-serif);font-size:22px;line-height:1.55;color:#3d3832}.ox-lines{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 44px;padding:0;list-style:none}.ox-lines button{padding:0 0 6px;border:0;border-bottom:1px solid transparent;background:none;color:var(--ox-mute);font:500 11px var(--ox-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:color .25s,border-color .25s}.ox-lines button:hover{color:var(--ox-ink)}.ox-lines button[aria-selected=true]{color:var(--ox-ink);border-bottom-color:var(--ox-gold)}.ox-ch__row{margin-top:72px}.ox-ch__rowhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid var(--ox-line)}.ox-ch__rowhead h3{font-size:30px;font-weight:400}.ox-ch__rowhead h3 em{font-style:italic;color:var(--ox-mute)}.ox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 28px}.ox-grid[hidden]{display:none}.ox-card{display:block;text-align:center}.ox-card__img{position:relative;display:block;aspect-ratio:1;background:#fff;overflow:hidden}.ox-card__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s,transform 1.4s cubic-bezier(.2,.7,.2,1)}.ox-card__img img.alt{opacity:0}.ox-card:hover .ox-card__img img.alt{opacity:1}.ox-card:hover .ox-card__img img.main{transform:scale(1.04)}.ox-card__v{display:block;margin-top:22px;font-size:9.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--ox-mute)}.ox-card__t{display:block;margin:10px auto 0;max-width:24ch;font-family:var(--ox-serif);font-size:19px;line-height:1.3}.ox-card__p{display:block;margin-top:10px;font-size:12.5px;letter-spacing:.06em;color:#3d3832}.ox-card__p s{margin-left:8px;color:#b1a999}.ox-dir{background:var(--ox-ink);color:var(--ox-ivory);padding:140px 0}.ox-dir__head{text-align:center;margin-bottom:80px}.ox-dir__head .ox-k{color:var(--ox-gold)}.ox-dir__head h2{margin-top:26px;font-size:clamp(48px,5.4vw,88px);font-weight:300}.ox-dir__list{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;max-width:1100px;margin:0 auto}.ox-dir__list a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0;border-bottom:1px solid #2b2925;transition:padding .4s cubic-bezier(.2,.7,.2,1)}.ox-dir__list a b{font-family:var(--ox-serif);font-weight:400;font-size:32px;line-height:1.1;transition:color .3s}.ox-dir__list a span{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#7d766a;white-space:nowrap}.ox-dir__list a:hover{padding-left:14px}.ox-dir__list a:hover b{color:var(--ox-gold)}.ox-dir__all{text-align:center;margin-top:64px}.ox-room{background:var(--ox-paper);padding:140px 0}.ox-room__head{text-align:center;margin-bottom:56px}.ox-room__head .ox-k{color:var(--ox-mute)}.ox-room__head h2{margin-top:26px;font-size:clamp(44px,4.8vw,78px);font-weight:300}.ox-room__head h2 em{font-style:italic}.ox-room__brands{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 34px;margin-top:30px}.ox-room__brands a{font-size:10.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ox-mute);transition:color .25s}.ox-room__brands a:hover{color:var(--ox-ink)}.ox-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 84px)/4);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ox-rail::-webkit-scrollbar{display:none}.ox-rail>*{scroll-snap-align:start}.ox-svc{background:var(--ox-ivory);padding:120px 0}.ox-svc__head{text-align:center;margin-bottom:70px}.ox-svc__head .ox-k{color:var(--ox-mute)}.ox-svc__head h2{margin-top:24px;font-size:clamp(40px,4.2vw,66px);font-weight:300}.ox-svc__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.ox-svc__i{padding:0 36px;text-align:center;border-left:1px solid var(--ox-line)}.ox-svc__i:first-child{border-left:0}.ox-svc__i em{display:block;font-family:var(--ox-serif);font-style:italic;font-size:22px;color:var(--ox-gold)}.ox-svc__i b{display:block;margin-top:16px;font-family:var(--ox-serif);font-weight:400;font-size:26px;line-height:1.15}.ox-svc__i span{display:block;margin-top:12px;font-size:13.5px;line-height:1.75;color:#5f584e}.ox-cg{position:relative;background:var(--ox-ink);color:var(--ox-ivory);padding:150px 0;text-align:center;overflow:hidden}.ox-cg .ox-k{color:var(--ox-gold)}.ox-cg h2{max-width:16ch;margin:28px auto 22px;font-size:clamp(46px,5.4vw,90px);font-weight:300}.ox-cg h2 em{font-style:italic;color:#d8cdb8}.ox-cg p{max-width:46ch;margin:0 auto 44px;font-size:14.5px;line-height:1.85;color:#a39b8e}.ox-cg__btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 44px;border:1px solid var(--ox-gold);color:var(--ox-ivory);font-size:10.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;transition:background .35s,color .35s}.ox .ox-cg__btn:hover{background:var(--ox-gold);color:var(--ox-ink)}.ox-rv{opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.ox-rv.is-in{opacity:1;transform:none}@media(max-width:989px){.ox-wrap{padding:0 28px}.ox-ch__top,.ox-ch.is-flip .ox-ch__top{grid-template-columns:minmax(0,1fr)}.ox-ch.is-flip .ox-ch__img{order:0}.ox-ch__img{aspect-ratio:4/5}.ox-ch__txt{padding:56px 28px 60px;text-align:center;align-items:center}.ox-ch__txt .ox-rule{margin:28px auto}.ox-lines{justify-content:center}.ox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}.ox-dir__list{grid-template-columns:1fr;column-gap:0}.ox-rail{grid-auto-columns:calc((100% - 16px) / 2.3);gap:16px}.ox-svc__in{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}.ox-svc__i:nth-child(3){border-left:0}}@media(max-width:749px){.ox-wrap{padding:0 20px}.ox-hero{height:92svh;min-height:560px}.ox-hero__c h2{font-size:22vw;margin:18px 0 22px}.ox-hero__c p{font-size:18px;margin-bottom:26px}.ox-hero__nav{gap:14px;bottom:28px;padding:0 20px}.ox-hero__nav button{width:auto;flex:1;font-size:8.5px;letter-spacing:.2em}.ox-say{padding:96px 0 90px}.ox-say h1{font-size:42px}.ox-ch{padding-bottom:96px}.ox-ch__txt{padding:48px 20px 52px}.ox-ch__txt h2{font-size:64px}.ox-ch__txt p{font-size:19px;margin-bottom:30px}.ox-lines{gap:10px 20px;margin-bottom:34px}.ox-ch__row{margin-top:48px}.ox-ch__rowhead h3{font-size:24px}.ox-grid{gap:34px 12px}.ox-card__t{font-size:16px}.ox-card__v{margin-top:16px}.ox-dir{padding:96px 0}.ox-dir__head{margin-bottom:48px}.ox-dir__list a b{font-size:26px}.ox-room{padding:96px 0}.ox-rail{grid-auto-columns:66%;gap:12px;margin:0 -20px;padding:0 20px;scroll-padding:0 20px}.ox-svc{padding:90px 0}.ox-svc__in{grid-template-columns:1fr;row-gap:0}.ox-svc__i,.ox-svc__i:nth-child(3){border-left:0;padding:32px 0;border-top:1px solid var(--ox-line)}.ox-svc__i:first-child{border-top:0}.ox-cg{padding:100px 0}.ox-cg__btn{padding:0 28px;letter-spacing:.24em}}@media(prefers-reduced-motion:reduce){.ox-hero__s,.ox-hero__img img,.ox-card__img img,.ox-ch__img img,.ox-rv{transition:none}.ox-hero__nav button.is-on i{animation:none;width:100%}.ox-rv{opacity:1;transform:none}}.ox-hero__s.is-prod{background:radial-gradient(ellipse at 50% 38%,#2a2723,#0a0a0a 72%)}.ox-hero__s.is-prod:after{display:none}.ox-hero__s.is-prod{padding:40px 0 96px}.ox-hero__s.is-prod .ox-hero__img{position:relative;inset:auto;flex:none;height:min(44vh,430px);aspect-ratio:4/5;margin:0 0 30px;border-radius:999px 999px 0 0;background:var(--ox-stone);overflow:hidden}.ox-hero__s.is-prod .ox-hero__img img{object-fit:contain;padding:12%;mix-blend-mode:multiply;transform:none}.ox-hero__s.is-prod .ox-hero__c h2{margin:14px 0 18px;font-size:clamp(56px,6.6vw,108px)}.ox-hero__s.is-prod .ox-hero__c p{margin-bottom:24px;font-size:19px}.ox-ch__img.is-prod img{object-fit:contain;padding:12%;mix-blend-mode:multiply}.ox-card__img img{mix-blend-mode:multiply}.ox-hero{height:calc(100svh - var(--header-height,0px))}@media(max-width:749px){.ox-hero__s.is-prod{padding:20px 0 84px}.ox-hero__s.is-prod .ox-hero__img{height:min(40svh,360px);margin-bottom:22px}.ox-hero__s.is-prod .ox-hero__c h2{font-size:15vw;margin:12px 0 14px}.ox-hero__s.is-prod .ox-hero__c p{font-size:17px;margin-bottom:20px}}.ox-room .ox-dir__all{margin-top:44px}
/*# sourceMappingURL=/cdn/shop/t/8/assets/onyx-home.css.map */