.aspen-shape{display:grid;grid-template-areas:"head" "tabs" "views" "specs";row-gap:2.4rem}.aspen-shape__head{grid-area:head}.aspen-shape__eyebrow{margin:0 0 1.2rem;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.aspen-shape__heading{margin:0;max-width:18em;text-wrap:balance}.aspen-shape__text{max-width:46rem;margin:1.2rem 0 0}.aspen-shape__text p{margin:0}.aspen-shape__tabs{grid-area:tabs;display:flex;gap:.8rem;margin-inline:calc(-1 * var(--page-padding, 1.5rem));padding-inline:var(--page-padding, 1.5rem);overflow-x:auto;scrollbar-width:none}.aspen-shape__tabs::-webkit-scrollbar{display:none}.aspen-shape__tab{flex:0 0 auto;display:flex;align-items:center;gap:1rem;height:auto;min-height:0;margin:0;padding:.9rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.25);border-radius:99rem;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:var(--font-body-size);line-height:1.2;letter-spacing:0;text-align:left;text-transform:none;cursor:pointer;transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease}.aspen-shape__tab:hover{border-color:rgb(var(--color-foreground))}.aspen-shape__tab:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.aspen-shape__tab.is-active{border-color:rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.aspen-shape__tab-main{display:flex;flex-direction:column;gap:.2rem}.aspen-shape__tab-name{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.7rem;line-height:1.2;white-space:nowrap}.aspen-shape__tab-note{display:none;letter-spacing:0;text-transform:none}.aspen-shape__tab-price{font-size:calc(var(--font-body-size) * .92);white-space:nowrap}.aspen-shape__tab.is-active .aspen-shape__tab-note,.aspen-shape__tab.is-active .aspen-shape__tab-price{color:inherit}.aspen-shape__views{grid-area:views;min-width:0}.aspen-shape__view{display:none}.aspen-shape__view.is-active{display:block;animation:aspen-shape-in .35s ease both}@keyframes aspen-shape-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.aspen-shape__frame{padding:3.6rem 5.6rem 0 0}.aspen-shape__canvas{position:relative;width:100%;aspect-ratio:112 / var(--sd, 72);container-type:inline-size}.aspen-shape__plan{position:absolute;top:0;right:0;bottom:0;left:0;--in: calc(100cqw / 112);--ink: rgba(var(--color-foreground), .85);--band: 8;font-size:clamp(.9rem,calc(2.4 * var(--in)),1.3rem)}.aspen-shape__wall{position:absolute;left:calc(-.6 * var(--in));top:calc(-1 * var(--in));width:calc((var(--sw) + 1.2) * var(--in));height:.25rem;background:var(--ink);opacity:.6}.aspen-shape__dim{position:absolute;color:rgba(var(--color-foreground),.8);font-size:clamp(1.1rem,calc(2.8 * var(--in)),1.5rem);letter-spacing:.02em;white-space:nowrap}.aspen-shape__dim>span{position:absolute;padding:0 .6em;background:rgb(var(--color-background))}.aspen-shape__dim--w{left:0;top:-2.9rem;width:calc(var(--sw) * var(--in));height:.1rem;background:rgba(var(--color-foreground),.5)}.aspen-shape__dim--w:before,.aspen-shape__dim--w:after{content:"";position:absolute;top:-.5rem;width:.1rem;height:1.1rem;background:rgba(var(--color-foreground),.5)}.aspen-shape__dim--w:before{left:0}.aspen-shape__dim--w:after{right:0}.aspen-shape__dim--w>span{left:50%;top:50%;transform:translate(-50%,-50%)}.aspen-shape__dim--d{left:calc(var(--sw) * var(--in) + 1.8rem);top:0;width:.1rem;height:calc(var(--sd) * var(--in));background:rgba(var(--color-foreground),.5)}.aspen-shape__dim--d:before,.aspen-shape__dim--d:after{content:"";position:absolute;left:-.5rem;width:1.1rem;height:.1rem;background:rgba(var(--color-foreground),.5)}.aspen-shape__dim--d:before{top:0}.aspen-shape__dim--d:after{bottom:0}.aspen-shape__dim--d>span{left:.6rem;top:50%;transform:translateY(-50%);padding:.2em 0}.aspen-shape__mod{position:absolute;left:calc(var(--x) * var(--in));top:calc(var(--y) * var(--in));width:calc(var(--w) * var(--in));height:calc(var(--h) * var(--in))}.aspen-shape__mod:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:.3rem;background:rgba(var(--color-foreground),.2)}.aspen-shape__mod:after{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:.2rem;background:#ffffffe0;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.06)}.aspen-shape__mod.is-t:after{top:calc(var(--band) * var(--in))}.aspen-shape__mod.is-l:after{left:calc(var(--band) * var(--in))}.aspen-shape__mod.is-r:after{right:calc(var(--band) * var(--in))}.aspen-shape__mod--ottoman:after{inset:calc(.25rem + 2 * var(--in));background:#ffffff8c;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.14)}.aspen-shape__mod--ottoman:before{background:#ffffffe0}.aspen-shape__mod-label{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;z-index:1;display:grid;place-items:center;color:rgba(var(--color-foreground),.85);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:.14em;text-transform:uppercase;line-height:1}.aspen-shape__mod.is-t .aspen-shape__mod-label{top:calc(var(--band) * var(--in))}.aspen-shape__mod.is-l .aspen-shape__mod-label{left:calc(var(--band) * var(--in))}.aspen-shape__mod.is-r .aspen-shape__mod-label{right:calc(var(--band) * var(--in))}.aspen-shape__note{margin:1.6rem 0 0;font-size:calc(var(--font-body-size) * .88);font-style:italic;line-height:1.5}.aspen-shape__specs{grid-area:specs;min-width:0}.aspen-shape__spec{display:none}.aspen-shape__spec.is-active{display:block;animation:aspen-shape-in .35s ease both}.aspen-shape__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-foreground),.15)}.aspen-shape__fact{display:flex;flex-direction:column;gap:.3rem;min-width:0}.aspen-shape__fact-label{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.aspen-shape__fact-value{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.9rem;line-height:1.1;white-space:nowrap}.aspen-shape__fact-sub{font-size:calc(var(--font-body-size) * .88)}.aspen-shape__cta{margin-top:2.4rem}@media(min-width:768px){.aspen-shape__tabs{margin-inline:0;padding-inline:0}}@media(min-width:1024px){.aspen-shape{grid-template-columns:minmax(0,7fr) minmax(26rem,5fr);grid-template-areas:"head head" "views tabs" "views specs";align-items:start;column-gap:6.4rem;row-gap:3.6rem}.aspen-shape__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(26rem,5fr);column-gap:6.4rem;align-items:end}.aspen-shape__text{margin:0 0 .4rem}.aspen-shape__tabs{flex-direction:column;gap:0;overflow:visible;border-top:.1rem solid rgba(var(--color-foreground),.15);align-self:start}.aspen-shape__tab{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.6rem;width:100%;padding:2rem 1.2rem 2rem 2.4rem;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.15);border-radius:0;background:transparent;color:rgb(var(--color-foreground))}.aspen-shape__tab:before{content:"";position:absolute;left:.4rem;top:50%;width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-foreground));transform:translateY(-50%) scale(0);transition:transform var(--duration-default) ease}.aspen-shape__tab:hover{background:rgba(var(--color-foreground),.04)}.aspen-shape__tab.is-active{background:transparent;color:rgb(var(--color-foreground))}.aspen-shape__tab.is-active:before{transform:translateY(-50%) scale(1)}.aspen-shape__tab-name{font-size:2rem}.aspen-shape__tab-note{display:block;font-size:calc(var(--font-body-size) * .9)}.aspen-shape__tab.is-active .aspen-shape__tab-note{color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.aspen-shape__tab-price{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:1.8rem}.aspen-shape__frame{padding:4rem 6.4rem 0 0}.aspen-shape__note{margin-top:2rem}.aspen-shape__specs{margin-top:-1.2rem}.aspen-shape__facts{gap:1.2rem 1.6rem;padding-top:0;border-top:0}.aspen-shape__fact-value{font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-aspen-petite-shapes.css.map */