/* The Fora revision 2: geometry follows design/home-review-v1.png. */
.tf,.tf-container{box-sizing:border-box}
:root{--tf-serif:"Times New Roman",Times,serif;--tf-silver:#edf2f6}
.tf-header-main{padding:20px 3% 12px;gap:26px}
.tf-header .tf-wordmark{font-size:clamp(34px,3.7vw,54px);letter-spacing:-.055em}
.tf-search{height:40px}.tf-desktop-nav{padding-bottom:14px;gap:clamp(25px,3.8vw,62px)}
.tf-hero{container-type:inline-size;aspect-ratio:2.32;min-height:0}
.tf-hero:after{background:none}
.tf-hero-content{width:100%;max-width:none;height:100%;padding:2.2% 4.3%;gap:4.1%}
.tf-hero h1{font-size:clamp(40px,4.8cqw,84px);letter-spacing:-.035em}
.tf-goals{width:38%;gap:2px}
.tf-goal{grid-template-columns:48% minmax(0,1fr);min-height:0;aspect-ratio:4.68;background:rgba(255,255,255,.64);border:0}
.tf-goal-image{background:none}
.tf-goal:nth-child(even) .tf-goal-image{background:none}
.tf-goal-photo{display:block;position:absolute;inset:0;background-size:100% 530%;background-repeat:no-repeat}
.tf-goal-label{padding:7% 12%;gap:3px}
.tf-goal-label strong{font-size:clamp(18px,2.3cqw,36px);line-height:1.05}
.tf-goal-label>span{font-size:clamp(9px,.8cqw,12px);letter-spacing:.035em}
.tf-catalog{padding:0}.tf-rail{padding:26px clamp(20px,2.7vw,44px) 22px}
.tf-rail-heading{margin-bottom:12px}
.tf h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}
.tf-rail-wide{padding-top:28px;padding-bottom:8px}
.tf-product{padding:9px;gap:8px}
.tf-product-image{background:#f7f9fb}
.tf-preview-product .tf-product-image{aspect-ratio:4/5;position:relative}
.tf-preview-packshot{display:block;width:100%;height:100%;background-size:400% 200%;background-repeat:no-repeat}
.tf-preview-product h3{font-family:Arial,sans-serif;font-size:11px;font-weight:400}
.tf-preview-product .tf-text-link{font-size:9px;border:0;padding:0;min-height:22px;justify-content:space-between}
.tf-sample-note{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.05em;margin-top:9px!important;opacity:.65}
.tf-categories,.tf-journal{padding:24px clamp(20px,2.7vw,44px) 6px}
.tf-category-grid{gap:12px}.tf-category{border:0}
.tf-category-image{position:relative;aspect-ratio:1.45;background:#edf1f5}
.tf-category-image .tf-preview-packshot{width:63%;margin:auto}
.tf-category-monogram{font-size:22px;letter-spacing:-.06em}
.tf-category-title{font-size:clamp(16px,1.7vw,24px);padding:8px 2px}
.tf-brand-directory{font-family:Arial,sans-serif;border-bottom:1px solid var(--tf-line);margin-top:8px;font-size:10px}
.tf-brand-directory summary,.tf-support-details>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;min-height:36px;gap:14px}
.tf-brand-directory summary::-webkit-details-marker,.tf-support-details>summary::-webkit-details-marker{display:none}
.tf-brand-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:10px 0 18px}
.tf-journal{scroll-margin-top:20px}
.tf-journal-grid{gap:12px}
.tf-journal article{border:1px solid var(--tf-line);padding:0 0 8px}
.tf-journal article img,.tf-journal-portrait{display:block;width:100%;height:auto;aspect-ratio:2.35;object-fit:cover;margin:0 0 8px}
.tf-journal-portrait{background-size:180% auto;background-position:100% 40%;background-repeat:no-repeat}
.tf-journal article h3{font-size:clamp(20px,1.7vw,27px);padding-inline:12px;line-height:1.15}
.tf-journal article .tf-text-link{padding-inline:12px;min-height:28px;font-size:9px}
.tf-contact{padding:22px clamp(20px,2.7vw,44px) 8px}
.tf-contact-panels{gap:16px}
.tf-panel{position:relative;overflow:hidden;min-height:180px;padding:24px 24px;gap:10px;justify-content:center}
.tf-panel h2{font-size:clamp(30px,3.1vw,46px)}
.tf-panel p{font-size:12px}
.tf-panel-silver{background-size:cover;background-position:center}
.tf-panel-silver p,.tf-panel-silver .tf-contact-email{max-width:75%;position:relative}
.tf-contact-email{font-size:13px}
.tf-panel .tf-button{min-height:34px;padding:8px 12px;font-size:9px}
.tf-wholesale-photo{display:none}
.tf-support-details{margin-top:8px;border-bottom:1px solid var(--tf-line);font-size:11px}
.tf-support-grid{margin-top:22px;margin-bottom:24px}
.tf-footer{padding:20px clamp(20px,2.7vw,44px) 18px;gap:18px;font-size:10px}
.tf-footer .tf-wordmark{font-size:34px}.tf-footer small{font-size:9px}
@media(min-width:990px){.tf-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tf-product-grid-wide{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:750px) and (max-width:989px){
.tf-header-main{grid-template-columns:170px minmax(0,1fr) auto;gap:16px}
.tf-header .tf-wordmark{font-size:32px}.tf-hero h1{font-size:5.7cqw}.tf-goal-label strong{font-size:2.2cqw}
.tf-goal-label{padding:6% 10%}.tf-goals{width:39%}
.tf-panel{padding:22px 18px}.tf-footer{grid-template-columns:auto 1fr}.tf-footer>a:last-of-type{grid-column:1/-1}
}
@media(max-width:749px){
.tf-header-main{padding:16px 16px 10px;gap:14px}.tf-header .tf-wordmark{font-size:33px}
.tf-search{height:42px}
.tf-hero{aspect-ratio:auto;padding-top:255px;min-height:0}
.tf-hero-media{height:300px}.tf-hero-image{object-position:76% center}
.tf-hero:after{background:linear-gradient(0deg,var(--tf-silver),transparent 30%)}
.tf-hero-content{height:auto;padding:0 16px 20px;display:block}
.tf-hero h1{font-size:34px;writing-mode:initial;transform:none;margin-bottom:14px}
.tf-goals{width:100%;gap:7px}
.tf-goal{aspect-ratio:auto;min-height:70px;grid-template-columns:44% 1fr}
.tf-goal-label{padding:10px 8px}.tf-goal-label strong{font-size:16px}.tf-goal-label>span{font-size:8px}
.tf-goal:last-child:nth-child(odd){grid-template-columns:22% 1fr}
.tf-goal:last-child:nth-child(odd) .tf-goal-label{padding-inline:14px}
.tf-rail{padding:24px 16px}.tf h2{font-size:29px}.tf-product{padding:9px}
.tf-preview-product h3{font-size:11px}.tf-preview-product .tf-text-link{font-size:9px}
.tf-categories,.tf-journal{padding:22px 16px 4px}.tf-category-title{font-size:18px}
.tf-category-image{aspect-ratio:1.35}.tf-category:last-child:nth-child(odd) .tf-category-image{aspect-ratio:1.35}
.tf-journal-grid{grid-template-columns:1fr}.tf-journal article h3{font-size:25px}
.tf-journal article img,.tf-journal-portrait{aspect-ratio:2.2}
.tf-contact{padding:22px 16px 8px}.tf-panel{min-height:160px;padding:24px 20px;gap:10px}.tf-panel h2{font-size:36px}
.tf-contact-email{font-size:14px}.tf-footer{padding:20px 16px;grid-template-columns:1fr}
}