.os{--os-paper:#f3f0e7;--os-ink:#29382d;--os-gold:#806231;--os-header:0px;--os-bar:0px;--os-top:calc(var(--os-header) + var(--os-bar));--os-height:calc(100svh - var(--os-top));background:var(--os-paper);color:var(--os-ink);position:relative;font-family:var(--font-body--family, sans-serif);line-height:1.65;isolation:isolate;container-type:inline-size;container-name:our-story}.os *,.os *:before,.os *:after{box-sizing:border-box}.os :is(h1,h2,h3,p,figure){margin:0}.os :is(h1,h2,h3){font-family:var(--font-heading--family,serif);font-weight:400;color:inherit;text-wrap:balance;overflow-wrap:anywhere}.os h1{font-size:clamp(3rem,4.8vw,6.75rem);line-height:.98;letter-spacing:-.045em;max-width:14ch}.os h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.12;letter-spacing:-.035em}.os p{font-size:1.0625rem;line-height:1.75;overflow-wrap:anywhere}.os button,.os a{font:inherit}.os button{cursor:pointer}.os button:focus-visible,.os a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.os .os-eyebrow{font-family:var(--font-body--family,sans-serif);font-weight:500;font-size:.75rem;line-height:1.6;letter-spacing:.16em;text-transform:uppercase}.os-stage{width:100%;max-width:1440px;margin-inline:auto;padding:clamp(3rem,5vw,5rem) clamp(1.5rem,6vw,7rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);position:relative}.os-copy{min-width:0;position:relative;z-index:2;max-width:36rem}.os-copy>.os-eyebrow{margin-bottom:1.7rem}.os-copy>h2{margin-bottom:1.7rem}.os-copy>p+p{margin-top:1.25rem}.os .os-intro{margin-top:2rem;font-size:1.1875rem}.os-photo{min-width:0;position:relative;grid-column:2;grid-row:1}.os-photo-media{display:block;width:100%;height:100%;padding:0;border:0;background:none;position:relative;overflow:hidden;border-radius:inherit}.os-photo img{display:block;width:100%;height:100%;object-fit:cover}.os-hero-photo{height:clamp(22rem,42vw,32rem);border-radius:48% 48% 0 0;overflow:clip}.os-hero-photo img{object-position:100% 50%}.os-hero-copy,.os-beginning-copy{grid-column:1;grid-row:1}.os-beginning{background:#e5e7df;border-top:1px solid #29382d20}.os-detail-photo{height:clamp(23rem,38vw,32rem);max-width:34rem;width:100%;justify-self:center}.os-detail-photo img{object-position:50% 48%}.os-name{background:#24342c;color:#f4f1e7}.os-name .os-stage{display:flex;flex-direction:column;gap:2.75rem;padding-block:clamp(3rem,5vw,5rem)}.os-name-content{position:relative;z-index:2;max-width:1160px;width:100%;margin:auto;text-align:center;order:0}.os-definitions{display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,15vw,220px) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);margin-top:2.5rem}.os-definition h3{font-size:clamp(4.5rem,7vw,7rem);line-height:1;letter-spacing:-.055em;margin-bottom:1.5rem}.os-definition p{max-width:28ch;margin:auto;color:#f4f1e7}.os-emblem{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;opacity:1}.os-floating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);width:100%;max-width:1160px;order:1}.os-float{display:block;width:100%;height:clamp(190px,22vw,290px);object-fit:cover;object-position:center 28%;min-width:0}.os-mission{background:#e5e7df}.os-prayer-photo{height:clamp(23rem,38vw,32rem);overflow:clip}.os-prayer-photo img{object-position:100% 50%}.os-mission-copy{grid-column:1;grid-row:1}.os-mission h2{font-size:clamp(2.8rem,4.5vw,5.2rem)}.os-mission em{font-weight:400;color:var(--os-gold)}.os-coda{margin-top:2rem;max-width:36ch}.os-coda p{font-size:.9375rem}.os-shop{display:inline-flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,2vw,2rem);max-width:100%;min-height:48px;padding:.85rem 1.2rem;margin-top:1.5rem;overflow-wrap:anywhere;text-decoration:none;background:#29382d;color:#fff;font-size:.9375rem!important;line-height:1.4}.os-shop svg{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.3}.os-shop:hover{background:#455545;color:#fff}@media(max-width:799px){.os h1{font-size:clamp(2.8rem,9vw,4.5rem);max-width:14ch}.os h2{font-size:clamp(2.5rem,8vw,4rem)}.os-stage{grid-template-columns:minmax(0,1fr);padding:3rem 1.5rem;gap:2rem}.os-copy,.os-photo{grid-column:1;grid-row:auto}.os-copy{order:0;max-width:none}.os-photo{order:1;max-width:30rem;width:100%;justify-self:center}.os-hero-photo,.os-detail-photo{height:clamp(20rem,90vw,30rem)}.os-prayer-photo{height:clamp(20rem,90vw,28rem);object-position:right}.os-name .os-stage{padding-block:3rem;gap:2rem}.os-definitions{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc((100% - 1.5rem)/2))),1fr));gap:1.5rem;margin-top:1.75rem;align-items:start}.os-definition h3{font-size:clamp(3rem,10vw,5rem);margin-bottom:1rem}.os-definition p{font-size:1rem;line-height:1.65}.os-emblem{grid-column:1/-1;grid-row:1;justify-self:center;width:150px;margin-bottom:.5rem}.os-floating{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.os-float{height:clamp(180px,46vw,260px)}}@media(max-width:359px){.os-definitions{grid-template-columns:minmax(0,1fr)}.os-emblem{width:130px}.os-definition p{max-width:28ch}.os-float{height:170px}}@media(prefers-reduced-motion:reduce){.os *,.os *:before,.os *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.os-beginning-copy{max-width:38rem}.os-beginning-copy>h2{font-size:clamp(2.8rem,4.4vw,4.6rem);margin-bottom:2rem}.os-beginning-copy>p:first-of-type{font-family:var(--font-heading--family,serif);font-size:clamp(2rem,3vw,3rem);line-height:1.22;letter-spacing:-.018em;max-width:28ch;text-wrap:pretty}.os-beginning-copy>p+p{font-size:clamp(1.125rem,1.5vw,1.375rem);line-height:1.65;margin-top:1.75rem;max-width:38ch}.os-beginning-copy .os-word{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}.os-beginning-copy .os-word--accent{color:#765820;font-style:italic}.os-beginning-copy>p:not(:first-of-type) .os-word--accent{font-style:normal;font-weight:600;color:inherit}@media(max-width:799px){.os-beginning-copy>h2{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:1.5rem}.os-beginning-copy>p:first-of-type{font-size:clamp(1.875rem,5.8vw,2.6rem);line-height:1.26;max-width:30ch}.os-beginning-copy>p+p{font-size:1.125rem;margin-top:1.5rem}}.os-scene{scroll-margin-top:calc(var(--os-top) + 1rem)}.os-copy>:is(h1,h2){scroll-margin-top:calc(var(--os-top) + 1rem)}.os :is(h1,h2,h3){-webkit-hyphens:auto;hyphens:auto}@container our-story (max-width:55rem){.os-stage{grid-template-columns:minmax(0,1fr);padding:2.5rem clamp(1rem,5cqi,2.5rem);gap:2rem}.os-copy,.os-photo{grid-column:1;grid-row:auto}.os-copy{order:0;max-width:38rem;width:100%;justify-self:center}.os-photo{order:1;width:100%;max-width:30rem;justify-self:center}.os-hero-photo,.os-detail-photo,.os-prayer-photo{height:auto;aspect-ratio:1}.os-name .os-stage{padding-block:2.5rem;gap:2rem}.os-definitions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem;margin-top:1.75rem;align-items:start}.os-emblem{grid-column:1/-1;grid-row:1;justify-self:center;width:min(170px,60%);margin-bottom:.25rem}.os-floating{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.os-float{height:auto;aspect-ratio:4/5}.os-definition h3{font-size:2.75rem;line-height:1.1;margin-bottom:.75rem}.os-definition p{font-size:1rem;line-height:1.65}.os h1{font-size:clamp(2.5rem,8.5cqi,4rem);line-height:1.08;max-width:18ch}.os h2{font-size:clamp(2.25rem,7.8cqi,3.5rem);line-height:1.15}.os-beginning-copy>p:first-of-type{font-size:clamp(1.75rem,5.6cqi,2.5rem);line-height:1.32}}@container our-story (max-width:40rem){.os-floating{grid-template-columns:repeat(2,minmax(0,1fr))}}@container our-story (max-width:30rem){.os-definitions{grid-template-columns:minmax(0,1fr);gap:1.75rem}.os-definition{max-width:30ch;margin-inline:auto;width:100%}.os-name-content{text-align:left}.os-name-content>h2{text-align:center}.os-definition h3{font-size:2.75rem}.os-definition p{max-width:none}.os-hero-photo,.os-detail-photo{display:flex;flex-direction:column;gap:.625rem;aspect-ratio:auto;overflow:visible;border-radius:0}.os-photo-media{height:auto;aspect-ratio:1;flex:none}.os-photo-media img{height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.os-hero-photo .os-photo-media{border-radius:48% 48% 0 0}.os .os-intro{margin-top:1.5rem;font-size:1.125rem}}@media(max-height:540px){body:has(.os) #header-group .header-section:has(>#header-component[sticky]){position:relative;top:auto}}.os{overflow-x:clip}.os-reveal-content{display:block;min-width:0;overflow-wrap:inherit}.os .os-intro{font-family:var(--font-heading--family,serif);font-size:clamp(2rem,3vw,3rem);line-height:1.25;letter-spacing:-.02em;margin-top:2rem}.os-intro-greeting{display:block;font-family:var(--font-body--family,sans-serif);font-size:1.0625rem;line-height:1.6;letter-spacing:0;margin-bottom:.4rem}.os-founder{color:var(--os-gold);font-style:italic}.os-photo-media{height:100%;width:100%;position:relative;overflow:hidden}.os-copy .os-word{max-width:100%;white-space:normal;overflow-wrap:anywhere}.os-beginning-copy>p:first-of-type .os-reveal-content{max-width:28ch}@container our-story (max-width:30rem){.os-photo-media{height:auto;aspect-ratio:1;flex:none}.os-hero-photo .os-photo-media{border-radius:48% 48% 0 0}.os .os-intro{font-size:clamp(1.875rem,7cqi,2.5rem);margin-top:1.5rem}}.os-mask{display:inline-block;max-width:100%;overflow:clip;vertical-align:bottom;padding-bottom:.15em;margin-bottom:-.15em}.os-piece{display:inline-block;max-width:100%;overflow-wrap:anywhere;vertical-align:bottom}.os-founder{display:inline-block;max-width:100%;overflow-wrap:anywhere}.os-tile{min-width:0;overflow:clip;position:relative}.os-tile .os-float{width:100%;display:block}.os-shop svg{transition:transform .25s ease}.os-shop:hover svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.os-shop:hover svg{transform:none}}.os-stage{min-height:calc(100svh - var(--os-header));padding-block:clamp(3.5rem,7svh,7rem)}.os-name .os-stage{justify-content:center;gap:clamp(2.75rem,5svh,4.5rem);padding-block:clamp(3.5rem,7svh,7rem)}.os-name-content{margin:0 auto}@container our-story (max-width:55rem){.os-stage,.os-name .os-stage{padding-block:clamp(3rem,6svh,4.5rem)}}@media(prefers-reduced-motion:reduce){.os-stage{min-height:0}}.os-name .os-floating{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));height:clamp(250px,34svh,420px);gap:0;max-width:1120px;padding:12px 10px}.os-name .os-tile{border:clamp(4px,.45vw,7px) solid #f3f0e7;box-shadow:0 14px 32px #0b171a38;overflow:hidden;align-self:stretch;min-height:0;transform-origin:50% 60%}.os-name .os-tile .os-float{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.os-name .os-tile:nth-child(1){grid-column:1/5;grid-row:3/11;transform:rotate(-6deg);z-index:1}.os-name .os-tile:nth-child(2){grid-column:5/10;grid-row:1/13;transform:rotate(3deg);z-index:3;margin-left:-12px;margin-right:14px}.os-name .os-tile:nth-child(3){grid-column:10/14;grid-row:2/13;transform:rotate(-3deg);z-index:2;margin-left:-8px;margin-right:-10px}.os-name .os-tile:nth-child(4){grid-column:14/17;grid-row:4/12;transform:rotate(6deg);z-index:4;margin-left:-14px}.os-name .os-tile:nth-child(2) img{object-position:50% 0%}.os-name .os-tile:nth-child(3) img{object-position:50% 0%}.os-name .os-tile:nth-child(1) img{object-position:50% 58%}.os-name .os-tile:nth-child(4) img{object-position:50% 55%}@container our-story (max-width:55rem){.os-name .os-floating{height:clamp(240px,42cqi,380px);max-width:680px}}@container our-story (max-width:40rem){.os-name .os-floating{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;height:auto;gap:14px 10px;max-width:420px;padding:14px 8px}.os-name .os-tile:nth-child(n){grid-column:auto;grid-row:auto;margin:0;border-width:4px;aspect-ratio:4/5;transform:rotate(-3deg)}.os-name .os-tile:nth-child(2n){transform:rotate(3deg);margin-top:24px}.os-name .os-tile:nth-child(1),.os-name .os-tile:nth-child(4){aspect-ratio:1;align-self:center}.os-name .os-tile:nth-child(3){margin-top:-12px}}@media(min-height:1100px)and (prefers-reduced-motion:no-preference){@container our-story (min-width:75rem){.os-hero .os-stage,.os-beginning .os-stage{max-width:1560px}.os-hero-photo{height:clamp(32rem,46svh,40rem)}.os-detail-photo{height:clamp(32rem,44svh,38rem);max-width:38rem}.os-hero h1{font-size:clamp(3rem,5.1vw,7rem)}.os-beginning-copy>p:first-of-type{font-size:clamp(2rem,3.2vw,3.15rem)}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/our-story-motion.css.map */