.q3-home{overflow:clip;background:#f4f1ea;color:#111}
.q3-home h1,.q3-home h2{margin:0;font-family:var(--qino-display);font-weight:520;letter-spacing:-.038em;text-wrap:balance}
.q3-home h2{font-size:clamp(3.4rem,6.2vw,5.9rem);line-height:.94}
.q3-home p{max-width:37rem;text-wrap:pretty}
.q3-home figure{margin:0;border:0;background:transparent;box-shadow:none}
.q3-home img{display:block}
.q3-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.q3-hero{position:relative;min-height:calc(100svh - 112px);display:flex;align-items:stretch;background:#070605;color:#fff;isolation:isolate}
.q3-hero__media,.q3-hero__media img,.q3-story__media,.q3-story__media img{position:absolute;inset:0;width:100%;height:100%}
.q3-hero__media img,.q3-story__media img{object-fit:cover}
.q3-hero__media img{object-position:center center}
.q3-hero__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.95) 0%,rgba(5,5,4,.78) 24%,rgba(5,5,4,.26) 48%,rgba(5,5,4,0) 72%),linear-gradient(0deg,rgba(5,5,4,.64),transparent 34%)}
.q3-hero__copy{position:relative;z-index:2;width:min(42vw,43rem);min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,10vh,8rem) var(--qino-gutter) 8rem}
.q3-hero__copy h1{max-width:7.2ch;font-size:clamp(4.75rem,7vw,7.4rem);line-height:.88}
.q3-hero__copy>p{max-width:35ch;margin:1.8rem 0 2.3rem;color:#ded8cf;font-size:1.05rem;line-height:1.68}
.q3-actions{display:flex;align-items:center;gap:1.35rem;flex-wrap:wrap}
.q3-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border:1px solid #111;background:#111;color:#fff;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .25s ease,color .25s ease,transform .25s ease}
.q3-button:hover,.q3-button:focus-visible{background:transparent;color:#111;transform:translateY(-2px)}
.q3-button--light{border-color:#f6f2e9;background:#f6f2e9;color:#111}
.q3-button--light:hover,.q3-button--light:focus-visible{background:transparent;color:#fff}
.q3-link{position:relative;display:inline-flex;align-items:center;gap:.55rem;width:max-content;color:#111;font-size:.82rem;font-weight:650;text-decoration:none}
.q3-link::after{content:"";position:absolute;left:0;right:100%;bottom:-.25rem;height:1px;background:currentColor;transition:right .3s ease}
.q3-link:hover::after,.q3-link:focus-visible::after{right:0}
.q3-link--light{color:#fff}
.q3-hero__meta{position:absolute;z-index:2;left:var(--qino-gutter);right:var(--qino-gutter);bottom:1.25rem;display:grid;grid-template-columns:repeat(4,1fr);padding-top:1rem;border-top:1px solid rgba(255,255,255,.25);color:#d6d0c7;font-size:.65rem;font-variant-numeric:tabular-nums;letter-spacing:.035em}
.q3-hero__meta span:nth-child(n+2){text-align:center}.q3-hero__meta span:last-child{text-align:right}

.q3-story{position:relative;min-height:94svh;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate}
.q3-story::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none}
.q3-story__copy{position:relative;z-index:1;width:min(41vw,42rem);margin-left:auto;padding:7rem var(--qino-gutter)}
.q3-story__copy h2{max-width:10ch}
.q3-story__copy p{margin:1.8rem 0 2rem;color:#d9d5cf;font-size:1.02rem;line-height:1.7}
.q3-story--movement .q3-story__media img{object-position:center center}
.q3-story--movement::after{background:linear-gradient(270deg,rgba(7,8,8,.94),rgba(7,8,8,.72) 31%,rgba(7,8,8,.08) 64%,transparent 78%)}
.q3-story--sleep .q3-story__media img{object-position:center center}
.q3-story--sleep::after{background:linear-gradient(90deg,rgba(10,8,7,.92),rgba(10,8,7,.62) 32%,rgba(10,8,7,.06) 65%,transparent 80%)}
.q3-story--sleep .q3-story__copy{margin-left:0;margin-right:auto}

.q3-app{min-height:94svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.72fr);align-items:center;gap:clamp(4rem,9vw,11rem);padding:clamp(6rem,10vw,10rem) max(var(--qino-gutter),calc((100vw - var(--qino-max))/2 + var(--qino-gutter)));background:#ebe6dc}
.q3-app__copy{max-width:42rem}.q3-app__copy h2{max-width:9ch}.q3-app__copy>p{margin:1.8rem 0 2.5rem;color:#5f5b55;font-size:1.02rem;line-height:1.72}
.q3-tabs{display:flex;gap:1.6rem;margin:0 0 2rem;border-bottom:1px solid rgba(17,17,17,.18)}
.q3-tabs button{min-height:52px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#6b6760;cursor:pointer;font-size:.76rem;font-weight:650}
.q3-tabs button[aria-selected=true]{border-color:#111;color:#111}
.q3-app__stage{position:relative;min-height:43rem;display:grid;place-items:center}
.q3-app__stage::before{content:"";position:absolute;width:30rem;height:30rem;border-radius:50%;background:#d8cbb8}
.q3-app__stage figure{position:relative;width:min(72%,22rem)}
.q3-app__stage img{width:100%;max-height:43rem;border-radius:2.2rem;object-fit:cover;box-shadow:0 2rem 4rem rgba(36,28,19,.18)}

.q3-finishes{min-height:92svh;display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(3rem,8vw,10rem);padding:clamp(6rem,10vw,10rem) max(var(--qino-gutter),calc((100vw - var(--qino-max))/2 + var(--qino-gutter)));background:#f4f1ea}
.q3-finishes__copy{max-width:34rem}.q3-finishes__copy h2{max-width:8ch}.q3-finishes__copy>p{margin:1.6rem 0 2rem;color:#66615a;font-size:1.02rem}
.q3-finish-switch{display:flex;margin-bottom:2rem;border-bottom:1px solid rgba(17,17,17,.18)}
.q3-finish-switch button{min-height:58px;display:flex;align-items:center;gap:.55rem;padding:0 1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:#69645d;cursor:pointer;font-size:.76rem}
.q3-finish-switch button:first-child{padding-left:0}.q3-finish-switch button[aria-pressed=true]{border-color:#111;color:#111;font-weight:700}
.q3-finish-switch i{width:.72rem;height:.72rem;border:1px solid rgba(17,17,17,.22);border-radius:50%}.q3-finish-switch .is-black{background:#222}.q3-finish-switch .is-gold{background:#b89b67}.q3-finish-switch .is-silver{background:#d0d0cc}
.q3-finishes__product{min-height:68svh;display:grid;place-items:center}
.q3-finishes__product img{width:min(90%,52rem);max-height:70svh;object-fit:contain;filter:drop-shadow(0 2.5rem 2.5rem rgba(17,17,17,.12));transition:opacity .2s ease}

.q3-close{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,9rem);align-items:end;padding:clamp(6rem,10vw,10rem) max(var(--qino-gutter),calc((100vw - var(--qino-max))/2 + var(--qino-gutter)));background:#b6a78e;color:#111}
.q3-close h2{max-width:9ch}.q3-close>div>p{max-width:34rem;margin:1.7rem 0 0;line-height:1.7}
.q3-close__action{display:flex;flex-direction:column;align-items:flex-start;gap:1.35rem}.q3-close__action>strong{font-family:var(--qino-display);font-size:clamp(2.5rem,4vw,4rem);font-weight:520;letter-spacing:-.03em}.q3-close__action>span{max-width:27rem;font-size:.72rem;line-height:1.6}

.q3-home+.siteFooter .footerBottom p:last-child{display:none}
::selection{background:#b6a78e;color:#111}

@media(max-width:1024px){.q3-hero__copy{width:min(48vw,40rem)}.q3-story__copy{width:min(46vw,38rem)}.q3-app,.q3-finishes{gap:4rem}}
@media(max-width:820px){
	.q3-hero{min-height:820px}.q3-hero__media img{object-position:58% center}.q3-hero__shade{background:linear-gradient(180deg,rgba(5,5,4,.02) 0%,rgba(5,5,4,.08) 34%,rgba(5,5,4,.88) 66%,#050504 100%)}
	.q3-hero__copy{width:100%;min-height:820px;justify-content:flex-end;padding:24rem var(--qino-gutter) 7.5rem}.q3-hero__copy h1{max-width:8ch;font-size:clamp(3.7rem,15vw,4.9rem)}.q3-hero__copy>p{margin:1.25rem 0 1.8rem;font-size:.96rem}
	.q3-actions{align-items:flex-start;flex-direction:column}.q3-button{width:100%}.q3-hero__meta{grid-template-columns:1fr 1fr;row-gap:.4rem}.q3-hero__meta span:nth-child(n){text-align:left}.q3-hero__meta span:nth-child(even){text-align:right}.q3-hero__meta span:nth-child(n+3){display:none}
	.q3-story{min-height:820px;align-items:flex-end}.q3-story__copy,.q3-story--sleep .q3-story__copy{width:100%;margin:0;padding:4rem var(--qino-gutter)}.q3-story__copy h2{font-size:clamp(3.4rem,14vw,4.8rem)}
	.q3-story--movement .q3-story__media img{object-position:45% center}.q3-story--movement::after{background:linear-gradient(0deg,rgba(7,8,8,.96),rgba(7,8,8,.66) 36%,rgba(7,8,8,.02) 72%)}
	.q3-story--sleep .q3-story__media img{object-position:58% center}.q3-story--sleep::after{background:linear-gradient(0deg,rgba(10,8,7,.96),rgba(10,8,7,.6) 38%,rgba(10,8,7,.02) 74%)}
	.q3-app,.q3-finishes{min-height:0;grid-template-columns:1fr;gap:3rem;padding:6rem var(--qino-gutter)}.q3-app__stage{min-height:35rem}.q3-app__stage figure{width:min(68%,19rem)}.q3-app__stage::before{width:22rem;height:22rem}.q3-app__stage img{max-height:36rem;border-radius:1.8rem}
	.q3-finishes__product{min-height:48svh}.q3-finishes__product img{width:min(96%,34rem);max-height:50svh}.q3-finish-switch button{flex:1;justify-content:center;padding:0 .4rem}.q3-finish-switch button:first-child{padding-left:.4rem}
	.q3-close{grid-template-columns:1fr;gap:3.5rem;padding:6rem var(--qino-gutter)}.q3-close__action{align-items:stretch}
}
@media(max-width:390px){.q3-hero__media img{object-position:56% center}.q3-hero__copy{padding-top:23rem}.q3-tabs{gap:.75rem}.q3-tabs button{flex:1}.q3-story{min-height:760px}}
@media(prefers-reduced-motion:reduce){.q3-button,.q3-link::after,.q3-finishes__product img{transition:none}}

@supports(content-visibility:auto){
	.q3-story,.q3-app,.q3-finishes,.q3-close,.siteFooter{content-visibility:auto;contain-intrinsic-size:auto 900px}
}