.about-page{--about-bg: #876341;--about-dark: #452e1e;--about-text: #f3ede5;--about-muted: rgba(243, 237, 229, .78);--about-line: rgba(243, 237, 229, .3);--about-gutter: clamp(30px, 4.15vw, 80px);background:var(--about-bg)}.shared-shell-mount--header{min-height:112px}.shared-shell-mount--footer{min-height:540px;background:var(--brown)}.about-page .nav-trigger[data-menu=about]{font-weight:600}.about-page .nav-trigger[data-menu=about]:after{transform:scaleX(1)}#aboutMain{overflow:clip;background:var(--about-bg);color:var(--about-text)}#aboutMain h1,#aboutMain h2,#aboutMain h3,#aboutMain p,#aboutMain figure{margin:0}#aboutMain h1,#aboutMain h2,#aboutMain h3{text-wrap:balance}#aboutMain p{text-wrap:pretty}.about-hero{padding:clamp(30px,2.8vw,54px) var(--about-gutter) 0}.about-hero picture,.about-hero img{width:100%}.about-hero picture{display:block;aspect-ratio:2.101 / 1;overflow:hidden}.about-hero img{height:100%;object-fit:cover;object-position:center}.about-intro{position:relative;padding:clamp(48px,4.4vw,84px) var(--about-gutter) clamp(142px,12vw,230px)}.about-intro h1{margin-left:auto;color:var(--about-text);font-size:clamp(31px,2.5vw,48px);font-weight:600;letter-spacing:-.035em;line-height:1.08;text-align:right}.about-intro-detail{display:grid;grid-template-columns:1fr 1fr;align-items:start;margin-top:clamp(50px,5vw,96px)}.about-intro-emblem{position:absolute;z-index:2;top:clamp(-56px,-2.9vw,-40px);right:calc(var(--about-gutter) + clamp(16px,1.25vw,24px));width:clamp(72px,5vw,96px);height:auto}.about-intro-detail p{grid-column:2;justify-self:end;max-width:690px;color:var(--about-text);font-size:clamp(13px,.92vw,18px);font-weight:600;line-height:1.28;text-align:right}.about-story{padding:0 var(--about-gutter) clamp(150px,12vw,230px)}.about-breadcrumb{display:flex;gap:9px;margin-bottom:30px;border-bottom:1px solid var(--about-line);padding:0 0 18px;color:var(--about-muted);font-size:10px}.about-breadcrumb a:hover,.about-breadcrumb a:focus-visible{color:var(--about-text)}.about-story:not(.about-story--first):before{display:block;border-top:1px solid var(--about-line);margin-bottom:30px;content:""}.about-story-grid{display:grid;grid-template-areas:"heading copy media";grid-template-columns:minmax(230px,1fr) minmax(260px,1fr) minmax(0,2fr);gap:clamp(24px,2.2vw,44px);align-items:start}.about-story-heading{grid-area:heading}.about-story-copy{grid-area:copy}.about-story-media{grid-area:media}.about-story-heading h2{font-size:clamp(24px,1.8vw,35px);font-weight:600;letter-spacing:-.025em;line-height:1.08}.about-story-heading>p{margin-top:9px!important;color:var(--about-muted);font-size:clamp(14px,1vw,19px);line-height:1.25}.about-story-copy p{max-width:480px;color:var(--about-muted);font-size:clamp(13px,.96vw,18px);line-height:1.28}.about-story-media{position:relative;overflow:hidden}.about-story-media picture,.about-story-media img{width:100%}.about-story-media picture{display:block;aspect-ratio:1.605 / 1}.about-story-media img{height:100%;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.16,1,.3,1)}.about-story-media:hover img{transform:scale(1.012)}.about-story-media figcaption{display:none}.about-paths{position:relative;padding:clamp(20px,2vw,38px) var(--about-gutter) clamp(150px,12vw,230px)}.about-paths-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-path-card{min-width:0}.about-path-image,.about-path-image picture,.about-path-image img{display:block;width:100%}.about-path-image{overflow:hidden}.about-path-image picture{aspect-ratio:1.605 / 1}.about-path-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.about-path-image:hover img,.about-path-image:focus-visible img{transform:scale(1.015)}.about-path-card h2{margin-top:22px!important;font-size:clamp(24px,1.8vw,35px);font-weight:600;line-height:1.08}.about-path-tagline{margin-top:7px!important;color:var(--about-muted);font-size:clamp(13px,.95vw,18px)}.about-path-card>p:not(.about-path-tagline){max-width:670px;margin-top:24px!important;color:var(--about-muted);font-size:clamp(12px,.82vw,16px);line-height:1.35}.about-arrow-link{display:inline-flex;min-height:34px;align-items:center;gap:11px;margin-top:26px;color:var(--about-text);font-size:clamp(11px,.78vw,15px);font-weight:600;line-height:1}.about-arrow-link span{transition:transform .36s cubic-bezier(.16,1,.3,1)}.about-arrow-link svg{width:34px;height:12px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;transform-origin:left;transition:transform .36s cubic-bezier(.16,1,.3,1)}.about-arrow-link:hover span,.about-arrow-link:focus-visible span{transform:translate(3px)}.about-arrow-link:hover svg,.about-arrow-link:focus-visible svg{transform:scaleX(1.12)}.about-path-controls{display:none}.about-values{border-top:1px solid var(--about-line);margin:0 var(--about-gutter);padding:54px 0 clamp(150px,11vw,215px)}.about-values>h2{font-size:clamp(26px,2vw,38px);font-weight:600}.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(34px,5vw,94px);margin-top:clamp(70px,6.5vw,125px)}.about-values-grid h3{font-size:clamp(21px,1.55vw,30px);font-weight:400;line-height:1.12}.about-values-grid p{margin-top:19px!important;color:var(--about-muted);font-size:clamp(12px,.82vw,16px);line-height:1.34}.about-design{position:relative;min-height:clamp(560px,41vw,790px);isolation:isolate}.about-design-blueprint{position:absolute;z-index:0;top:0;bottom:auto;left:0;width:100%;aspect-ratio:3843 / 1082;overflow:hidden;background:var(--about-dark)}.about-design-blueprint>picture,.about-design-blueprint>picture img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.about-design-blueprint>picture img{object-fit:cover;object-position:center}.about-design-copy{position:relative;z-index:1;width:min(54vw,930px);padding:clamp(80px,7vw,135px) 0 50px var(--about-gutter)}.about-design-copy h2{font-size:clamp(25px,1.85vw,36px);font-weight:600}.about-design-copy p{max-width:890px;color:var(--about-muted);font-size:clamp(13px,.92vw,18px);line-height:1.34}.about-design-lead{margin:5px 0 28px!important}.about-design-product{position:absolute;z-index:2;top:clamp(-28px,-1.7vw,-12px);right:var(--about-gutter);display:block;width:calc(50% - var(--about-gutter));aspect-ratio:1.384 / 1;overflow:hidden}.about-design-product img{width:100%;height:100%;object-fit:cover}.about-behind{padding:0 var(--about-gutter) clamp(130px,9vw,175px)}.about-behind-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-top:1px solid var(--about-line);padding-top:46px}.about-behind-heading h2{font-size:clamp(25px,1.85vw,36px);font-weight:600}.about-behind-heading p{margin-top:4px!important;color:var(--about-muted);font-size:clamp(13px,.95vw,18px)}.about-behind-heading .about-arrow-link{margin-top:0}.about-behind-copy{max-width:1780px;margin-top:30px!important;color:var(--about-muted);font-size:clamp(12px,.82vw,16px);line-height:1.35}.about-behind-media{display:block;width:100%;margin-top:54px;aspect-ratio:3.25 / 1;overflow:hidden}.about-behind-media img{width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:899px){.about-page{--about-gutter: clamp(14px, 4.1vw, 24px)}.shared-shell-mount--header{min-height:112px}.shared-shell-mount--footer{min-height:723px}.desktop-copy-break{display:none}.about-hero{padding:0}.about-hero picture{aspect-ratio:.881 / 1}.about-hero img{object-position:center}.about-intro{padding:20px var(--about-gutter) 72px}.about-intro h1{max-width:94%;margin:0;font-size:clamp(18px,5.2vw,24px);line-height:1.08;text-align:left}.about-intro-detail{display:block;margin-top:24px}.about-intro-emblem{top:-54px;right:var(--about-gutter);width:64px}.about-intro-detail p{max-width:none;font-size:clamp(10.5px,2.85vw,12px);font-weight:400;line-height:1.42;text-align:left}.about-story{padding:0 var(--about-gutter) 66px}.about-breadcrumb{display:none}.about-story--first:before,.about-story:not(.about-story--first):before{margin-bottom:18px}.about-story--first:before{display:block;border-top:1px solid var(--about-line);content:""}.about-story-grid{display:grid;grid-template-areas:"heading" "media" "copy";grid-template-columns:minmax(0,1fr);gap:0}.about-story-heading h2{font-size:clamp(16px,4.5vw,20px);line-height:1.08}.about-story-heading>p{display:block;margin-top:4px!important;font-size:clamp(9.5px,2.7vw,11px);line-height:1.35}.about-story-media{margin-top:16px!important}.about-story-media picture{aspect-ratio:.872 / 1}.about-story-media figcaption{display:none}.about-story-copy{margin-top:19px}.about-story-copy p{max-width:none;font-size:clamp(10.5px,2.85vw,12px);line-height:1.42}.about-paths{--about-path-gap: 10px;--about-path-peek: clamp(50px, 16vw, 112px);padding:4px 0 108px}.about-paths-viewport{overflow:hidden;margin-inline:var(--about-gutter)}.about-paths-track{display:flex;gap:var(--about-path-gap);overflow-x:auto;padding:0 0 12px;scroll-behavior:smooth;scroll-padding-inline:0;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.about-paths-track:after{content:"";flex:0 0 var(--about-path-peek)}.about-paths-track::-webkit-scrollbar{display:none}.about-path-card{flex:0 0 calc(100% - var(--about-path-peek));scroll-snap-align:start}.about-path-image picture{aspect-ratio:1.247 / 1}.about-path-card h2{margin-top:14px!important;font-size:clamp(16px,4.5vw,20px)}.about-path-tagline{margin-top:4px!important;font-size:10px}.about-path-card>p:not(.about-path-tagline){margin-top:14px!important;font-size:clamp(10px,2.7vw,11.5px);line-height:1.4}.about-arrow-link{min-height:38px;gap:8px;margin-top:13px;font-size:10px}.about-arrow-link svg{width:25px}.about-path-controls{position:absolute;z-index:4;top:auto;right:var(--about-gutter);bottom:34px;left:auto;display:flex;gap:8px}.about-path-controls button{display:grid;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;place-items:center;background:#f6f1e9eb;color:#4a3022;transition:opacity .22s ease,background-color .22s ease}.about-path-controls button:disabled{opacity:.38}.about-path-controls button:not(:disabled):hover,.about-path-controls button:not(:disabled):focus-visible{background:#fff}.about-path-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.about-values{margin:0 var(--about-gutter);padding:28px 0 78px}.about-values>h2{font-size:clamp(17px,4.7vw,21px)}.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;margin-top:35px}.about-values-grid h3{font-size:clamp(14px,3.8vw,17px)}.about-values-grid p{margin-top:10px!important;font-size:clamp(9.5px,2.55vw,11px);line-height:1.4}.about-design{display:flex;min-height:0;flex-direction:column;padding-bottom:80px}.about-design-blueprint{position:relative;inset:auto;width:100%;min-height:430px;aspect-ratio:auto}.about-design-blueprint>picture img{object-position:center}.about-design-copy{width:auto;padding:48px var(--about-gutter) 56px}.about-design-copy h2{font-size:clamp(17px,4.7vw,21px)}.about-design-copy p{font-size:clamp(10.5px,2.85vw,12px);line-height:1.4}.about-design-lead{margin:4px 0 24px!important}.about-design-product{position:relative;inset:auto;order:2;z-index:2;width:calc(100% - 2 * var(--about-gutter));margin:-58px var(--about-gutter) 0;aspect-ratio:1.49 / 1}.about-behind{padding:0 var(--about-gutter) 80px}.about-behind-heading{gap:16px;padding-top:24px}.about-behind-heading h2{font-size:clamp(17px,4.7vw,21px)}.about-behind-heading p{margin-top:2px!important;font-size:10px}.about-behind-heading .about-arrow-link{flex:0 0 auto;margin-top:-6px;font-size:9px}.about-behind-copy{margin-top:20px!important;font-size:clamp(10px,2.7vw,11.5px);line-height:1.4}.about-behind-media{margin-top:27px;aspect-ratio:.872 / 1}}@media(max-width:359px){.about-intro h1{font-size:17px}.about-intro-emblem{top:-48px;width:56px}.about-behind-heading{align-items:flex-start}.about-behind-heading .about-arrow-link{max-width:124px;text-align:right}}@media(prefers-reduced-motion:reduce){.about-story-media img,.about-path-image img,.about-arrow-link span,.about-arrow-link svg,.about-paths-track{scroll-behavior:auto;transition:none}}.about-page #design-philosophy,.about-page #behind-the-sound{scroll-margin-top:clamp(72px,8vw,116px)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/q-pages-about-qlearsoul-about.css.map */