.tf-guide__inner{width:auto;max-width:1440px;margin-left:var(--tf-section-left,108px);margin-right:var(--tf-section-right,108px)}.tf-guide__header{max-width:960px;margin-inline:auto;margin-bottom:2.5rem}.tf-guide__eyebrow{font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase}.tf-guide h1,.tf-guide h2,.tf-guide h3,.tf-guide h4{font-family:var(--font-heading-family);font-weight:400}.tf-guide h1{font-size:clamp(4rem,4.5vw,4.8rem)}.tf-guide h2{font-size:clamp(3rem,3.4vw,3.6rem)}.tf-guide h3{font-size:clamp(2rem,2.4vw,2.6rem)}.tf-guide__body{max-width:960px;margin-inline:auto;line-height:1.7}.tf-guide-hero__grid{display:flex;flex-direction:column;gap:1.75rem}.tf-guide-hero__media{order:1;width:100%}.tf-guide-hero__copy{order:2;max-width:960px;margin-inline:auto;text-align:center}.tf-guide-hero__copy .tf-guide__body{margin-inline:auto}.tf-guide-hero__anchors{justify-content:center;margin-top:1.5rem}.tf-guide-hero__media img,.tf-guide-hero__media .tf-guide__placeholder{object-fit:initial}#guide-basics .tf-guide__header{margin-bottom:2rem}#guide-basics .tf-basics__item img,#guide-basics .tf-basics__item .tf-guide__placeholder{aspect-ratio:4/3;max-height:380px;margin-bottom:1.5rem}.tf-header-styles .tf-guide__header{margin-bottom:3rem}.tf-header-style{gap:clamp(2.5rem,5vw,5rem);margin-bottom:3.5rem}.tf-header-style__media img,.tf-header-style__media .tf-guide__placeholder{aspect-ratio:4/3}.tf-header-style:last-child{margin-bottom:0}#multi-hang .tf-guide__header{margin-bottom:2.5rem}.tf-multi-hang__family{gap:clamp(2.5rem,5vw,5rem)}.tf-multi-hang__details{gap:1.25rem}.tf-multi-hang__detail img{width:min(100%,200px);margin-inline:auto}.tf-multi-hang__divider{margin:3rem 0}#hanging-options .tf-guide__header{margin-bottom:2.5rem}.tf-hanging-options__grid{gap:2.5rem 2rem}.tf-hanging-options__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-hanging-options__grid article{border-top:0;padding-top:0}.tf-hanging-options__grid img,.tf-hanging-options__grid .tf-guide__placeholder{aspect-ratio:4/5;margin-bottom:1rem}#how-to-choose .tf-guide__header{margin-bottom:2.5rem}.tf-chooser__table-wrap{margin-top:3rem}.tf-guide-cta__grid{gap:clamp(2.5rem,5vw,5rem)}.tf-guide-cta__media img,.tf-guide-cta__media .tf-guide__placeholder{aspect-ratio:16/7;height:clamp(360px,27vw,480px)}.tf-guide-cta__copy{background:rgba(var(--color-foreground),.04);padding:clamp(2.5rem,4vw,4rem)}.tf-guide-cta__button{border-radius:0}.tf-multi-hang__note--has-image{grid-template-columns:120px minmax(0,1fr)}.tf-multi-hang__note--text-only{grid-template-columns:minmax(0,1fr)}@media(max-width:749px){.tf-guide__inner{width:calc(100% - 3.2rem)}.tf-guide h1{font-size:3.2rem}.tf-guide h2{font-size:2.8rem}.tf-hanging-options__grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-guide-cta__media img,.tf-guide-cta__media .tf-guide__placeholder{height:260px}.tf-guide-cta__copy{padding:2.5rem 2rem}}.tf-guide-hero__inner{display:block}.tf-guide-hero__media{position:relative;isolation:isolate;width:100%;height:auto}.tf-guide-hero__media img,.tf-guide-hero__media .tf-guide__placeholder{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;object-position:initial}.tf-guide-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--tf-hero-overlay-color,#000);opacity:var(--tf-hero-overlay-opacity,.2);pointer-events:none}.tf-guide-hero__overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(var(--tf-hero-content-width,760px),calc(100% - 3rem));margin:auto;color:var(--tf-hero-text-color,#fff);text-align:center}.tf-guide-hero__overlay-content .tf-guide__eyebrow{margin-bottom:1rem}.tf-guide-hero__overlay-content h1{margin:0;font-size:clamp(4rem,4.5vw,4.8rem)}.tf-guide-hero__intro{max-width:960px;margin:1.75rem auto 0;text-align:center}.tf-guide-hero__intro .tf-guide__body{max-width:800px}.tf-guide-hero__intro .tf-guide-hero__anchors{justify-content:center;margin-top:1.5rem}@media(max-width:749px){.tf-guide-hero__overlay-content{width:calc(100% - 2rem)}.tf-guide-hero__overlay-content h1{font-size:3.2rem}.tf-guide-hero__intro{margin-top:1.5rem}.tf-guide-hero__intro .tf-guide-hero__anchors{gap:1rem}}.tf-guide-hero{padding:var(--tf-hero-padding-top,0) 0 var(--tf-hero-padding-bottom,48px)}.tf-guide-hero__outer{width:calc(100% - (var(--tf-hero-side-margin,108px)*2));margin-inline:auto}.tf-guide-hero__media{position:relative;width:var(--tf-hero-image-width,100%);height:auto;margin-inline:auto;overflow:hidden;isolation:isolate}.tf-guide-hero__image,.tf-guide-hero__placeholder{display:block;width:100%;height:auto;object-fit:initial;object-position:initial}.tf-guide-hero__placeholder{display:grid;place-items:center;background:#f1f0ed;color:#6c665f}.tf-guide-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--tf-hero-overlay-color,#000);opacity:var(--tf-hero-overlay-opacity,.18);pointer-events:none}.tf-guide-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;padding:var(--tf-hero-content-padding,56px);max-width:var(--tf-hero-content-max-width,900px);margin:auto;color:var(--tf-hero-title-color,#fff)}.tf-guide-hero__content[data-position^=top_]{justify-content:flex-start}.tf-guide-hero__content[data-position^=middle_]{justify-content:center}.tf-guide-hero__content[data-position^=bottom_]{justify-content:flex-end}.tf-guide-hero__content[data-position$=_left]{align-items:flex-start;text-align:left}.tf-guide-hero__content[data-position$=_center]{align-items:center;text-align:center}.tf-guide-hero__content[data-position$=_right]{align-items:flex-end;text-align:right}.tf-guide-hero__eyebrow{margin:0 0 1rem;color:var(--tf-hero-eyebrow-color,#fff);font-family:var(--tf-hero-eyebrow-font,var(--font-body-family));font-size:var(--tf-hero-eyebrow-size,12px);letter-spacing:.15em;text-transform:uppercase}.tf-guide-hero__title{max-width:100%;margin:0;color:var(--tf-hero-title-color,#fff);font-family:var(--tf-hero-title-font,var(--font-heading-family));font-size:var(--tf-hero-title-size,clamp(44px,5.2vw,68px));font-weight:400;line-height:1.08;letter-spacing:-.02em}@media(max-width:749px){.tf-guide-hero__outer{width:calc(100% - 32px)}.tf-guide-hero__media{width:100%;height:auto}.tf-guide-hero__content{width:100%;padding:clamp(20px,6vw,32px)}.tf-guide-hero__title{font-size:clamp(30px,8vw,44px)}.tf-guide-hero__eyebrow{font-size:clamp(10px,var(--tf-hero-eyebrow-size,12px),16px)}}.tf-guide-hero__media picture{display:block}.tf-guide-hero__media .tf-guide-hero__image{display:block;width:100%;height:auto;object-fit:initial;object-position:initial}.tf-guide-hero__media .tf-guide-hero__placeholder{height:320px;min-height:320px;aspect-ratio:auto}@media(max-width:749px){.tf-guide-hero__media,.tf-guide-hero__media .tf-guide-hero__image{height:auto}.tf-guide-hero__media .tf-guide-hero__placeholder{height:280px;min-height:280px}}.tf-guide{padding-top:var(--tf-section-top,56px);padding-bottom:var(--tf-section-bottom,56px)}.tf-guide .tf-guide__inner,.tf-guide-hero__outer{width:auto;margin-left:var(--tf-section-left,108px);margin-right:var(--tf-section-right,108px)}.tf-guide-hero__body{max-width:var(--tf-hero-content-max-width,900px);margin:1rem 0;line-height:1.7}.tf-guide-hero__anchors{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem}.tf-guide-hero__anchors a{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.25em}@media(max-width:749px){.tf-guide .tf-guide__inner,.tf-guide-hero__outer{width:auto;margin-left:16px;margin-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/topfinel-hanging-guide.css.map */