:root{--tf-ease:cubic-bezier(.2,.7,.2,1);--tf-plum:#50383f;--tf-moss:#6a705b}.tf-home h1{max-width:540px}.tf-edit,.tf-answers{font-family:var(--tf-sans);color:var(--tf-ink)}.tf-edit{background:#eee9df;overflow:hidden}.tf-edit h2,.tf-edit h3,.tf-answers h2{font-family:var(--tf-serif);font-weight:400;letter-spacing:-.045em;line-height:1.06;margin:0}.tf-edit h2,.tf-answers h2{font-size:44px}.tf-edit h2 em,.tf-answers h2 em{font-weight:400;color:var(--tf-brown)}.tf-edit-heading{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-end;justify-content:space-between}.tf-edit-heading>p{font-size:15px;line-height:1.85;max-width:355px;margin:0}.tf-edit-controls{display:flex;overflow:auto;gap:0;margin:30px 0 0;border-bottom:1px solid #bcb3a3;scrollbar-width:thin}.tf-edit-controls[hidden]{display:none}.tf-edit-controls button{font-family:var(--tf-sans);flex:1;min-width:146px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--tf-ink);padding:16px 5px;font-size:10px;letter-spacing:.03em;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;white-space:nowrap;transition:background .18s,border-color .18s}.tf-edit-controls button span{font-size:12px}.tf-edit-controls button[aria-pressed=true]{border-bottom-color:var(--tf-plum);color:var(--tf-plum);font-weight:600}.tf-look{display:grid;gap:30px;margin-top:20px}.tf-look[hidden]{display:none}.tf-look-board{position:relative;height:455px;overflow:hidden;background:#dcd5c7;isolation:isolate}.tf-look-board--colour{background:#e7d8d1}.tf-look-board--stripes{background:#d9ddd4}.tf-look-folio{position:absolute;top:4px;left:18px;font-family:var(--tf-serif);font-size:110px;line-height:1;color:#fff9;z-index:-1;letter-spacing:-.09em}.tf-look-top,.tf-look-bottom{position:absolute;mix-blend-mode:multiply}.tf-look-top{top:27px;left:5%;width:57%;height:77%;transform:rotate(-7deg);z-index:1}.tf-look-bottom{top:62px;right:0;width:47%;height:77%;transform:rotate(7deg)}.tf-look-board img{width:100%;height:100%;object-fit:contain}.tf-look-handnote{position:absolute;bottom:16px;left:20px;font-family:var(--tf-serif);font-style:italic;font-size:19px;z-index:2;max-width:240px}.tf-look-pin{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font:12px var(--tf-sans);cursor:pointer;min-height:44px;padding:0}.tf-look-pin>span:first-child{display:grid;place-items:center;border:1px solid #fff9;background:#332b25cc;box-shadow:0 0 0 6px #fff2;width:35px;height:35px;border-radius:50%;font-size:23px;transition:transform .25s var(--tf-ease),background .25s}.tf-look-pin:hover>span:first-child{transform:rotate(90deg);background:var(--tf-brown)}.tf-pin-label{background:var(--tf-paper);color:var(--tf-ink);padding:5px 8px;font-size:10px}.tf-look-pin--top{top:39%;left:12%}.tf-look-pin--bottom{bottom:25%;right:4%}.tf-look-copy{align-self:center}.tf-look-copy h3{font-size:32px;max-width:400px}.tf-look-copy>p:not(.tf-eyebrow){font-size:15px;line-height:1.85;max-width:425px;color:#635c52}.tf-look-pieces{border-top:1px solid #beb4a5;margin-top:22px}.tf-look-pieces button{display:flex;gap:15px;align-items:center;width:100%;background:transparent;border:0;border-bottom:1px solid #beb4a5;padding:17px 0;font:14px var(--tf-sans);text-align:left;cursor:pointer;color:var(--tf-ink);transition:padding-left .2s var(--tf-ease)}.tf-look-pieces button:hover{padding-left:8px}.tf-look-pieces button>span:first-child{font-size:10px;color:#827668}.tf-look-pieces button>span:last-child{margin-left:auto}.tf-look-copy .tf-text-link{color:var(--tf-ink);text-decoration:none;margin-top:20px}.tf-look-copy .tf-look-small{font-size:11px!important;margin-top:20px;color:#827668!important}.tf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tf-answers{display:grid;gap:30px;background:var(--tf-paper)}.tf-answers>div>p:not(.tf-eyebrow){font-size:15px;max-width:350px;line-height:1.9}.tf-answers a{color:var(--tf-brown)}.tf-answer-list details{border-bottom:1px solid var(--tf-line);padding:0 0 12px;margin-bottom:12px}.tf-answer-list summary{cursor:pointer;font-size:15px;line-height:1.6;padding:14px 25px 14px 0;position:relative;list-style:none}.tf-answer-list summary::-webkit-details-marker{display:none}.tf-answer-list summary:after{content:"+";position:absolute;right:0;top:13px;font-size:20px;transition:transform .2s}.tf-answer-list details[open] summary:after{transform:rotate(45deg)}.tf-answer-list p{font-size:14px;line-height:1.9;max-width:550px;margin:0 0 10px;color:#625b52}.tf-chapter-nav{display:flex;gap:25px;justify-content:center;border-bottom:1px solid var(--tf-line);padding:15px 20px;font:11px var(--tf-sans);overflow:auto}.tf-chapter-nav a{color:var(--tf-ink);text-decoration:none;min-height:44px;display:flex;align-items:center;gap:9px;white-space:nowrap}.tf-chapter-nav a span{color:var(--tf-brown);font-size:9px}.tf-header{position:relative}.tf-button{transition:background .2s,transform .2s var(--tf-ease)}.tf-button:active{transform:scale(.98)}.tf-text-link{position:relative}.tf-text-link:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;background:var(--tf-brown);width:100%;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--tf-ease)}.tf-text-link:hover:after{transform:scaleX(1)}.tf-hero-photo{border-bottom-left-radius:55px}.tf-hero-copy>.tf-eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.tf-photo-caption{border-left:1px solid #ffffff99;padding-left:15px}.tf-product-image{border-radius:2px 2px 0 0}.tf-product-arrow{border-radius:50%}.tf-scroll-progress{height:2px;background:var(--tf-brown);position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}@media(min-width:750px){.tf-edit h2,.tf-answers h2{font-size:59px}.tf-edit-controls{max-width:700px;margin-top:35px}.tf-look{grid-template-columns:1.15fr 1fr;gap:55px;margin-top:30px}.tf-look-board{height:540px}.tf-look-copy h3{font-size:40px}.tf-look-folio{font-size:150px}.tf-look-handnote{font-size:24px;bottom:23px;left:25px}.tf-answers{grid-template-columns:1fr 1.2fr;gap:65px}.tf-hero-photo{border-bottom-left-radius:110px}.tf-chapter-nav{gap:80px}}@media(min-width:1100px){.tf-look{gap:85px}.tf-look-board{height:590px}.tf-look-copy h3{font-size:48px}.tf-look-copy{padding-right:25px}.tf-look-board{border-radius:2px 2px 70px}.tf-hero-photo{border-bottom-left-radius:150px}.tf-edit-controls button{font-size:11px}.tf-edit-controls button span{font-size:14px}}@media(prefers-reduced-motion:no-preference){.tf-entered{animation:tf-enter .65s var(--tf-ease) both}.tf-look[data-tf-active] .tf-look-top{animation:tf-paper-top .5s var(--tf-ease) both}.tf-look[data-tf-active] .tf-look-bottom{animation:tf-paper-bottom .55s var(--tf-ease) both}.tf-look[data-tf-active] .tf-look-copy{animation:tf-enter .4s var(--tf-ease) both}.tf-dialog[open]{animation:tf-dialog-enter .3s var(--tf-ease) both}.tf-dialog[open]::backdrop{animation:tf-backdrop .3s ease both}.tf-mobile-nav[open] nav{animation:tf-enter .25s var(--tf-ease) both}@keyframes tf-enter{0%{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes tf-paper-top{0%{opacity:.3;transform:translate(-12px,15px) rotate(-11deg)}to{opacity:1;transform:translate(0) rotate(-7deg)}}@keyframes tf-paper-bottom{0%{opacity:.3;transform:translate(12px,15px) rotate(11deg)}to{opacity:1;transform:translate(0) rotate(7deg)}}@keyframes tf-dialog-enter{0%{opacity:0;transform:translateY(15px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tf-backdrop{0%{opacity:0}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.tf-edit *,.tf-answers *,.tf-dialog,.tf-header *{animation:none!important;transition:none!important}.tf-scroll-progress{display:none}}.tf-quick-view{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;border-bottom:1px solid var(--tf-line);padding:10px 0;background:transparent;color:var(--tf-brown);font:13px var(--tf-sans);cursor:pointer}.tf-quick-view span{font-size:22px}.tf-quick-buy select{width:100%;min-height:48px;padding:10px;border:1px solid var(--tf-line);background:var(--tf-paper);color:var(--tf-ink);font:16px var(--tf-sans)}.tf-quick-buy .tf-button{width:100%}.tf-newsletter-launch{position:fixed;bottom:16px;left:16px;z-index:35;display:flex;align-items:center;gap:20px;min-height:44px;padding:11px 17px;border:1px solid #ffffff55;border-radius:2px;background:var(--tf-brown);color:#fff;font:12px var(--tf-sans);box-shadow:0 3px 16px #0002;cursor:pointer}.tf-newsletter-launch span{font-size:20px}.tf-newsletter-popup>p:not(.tf-eyebrow){font:16px/1.7 var(--tf-sans);margin-bottom:25px}.tf-cart-extra{padding:20px 0;border-top:1px solid var(--tf-line)}.tf-cart-extra h3{font:22px var(--tf-serif);margin:0 0 15px}.tf-cart-extra-item{display:flex;align-items:center;gap:14px;margin:15px 0;color:inherit;text-decoration:none;font:14px var(--tf-sans)}.tf-cart-extra-item img{width:64px;height:85px;object-fit:cover}.tf-cart-extra-item small,.tf-cart-extra-item>span>span{display:block;margin-top:7px}.tf-cart-extra-item>span>span{font-size:12px;text-decoration:underline}.tf-look-pin>span:first-child{position:relative}.tf-look-pin>span:first-child:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid #fff9;border-radius:50%;pointer-events:none}.tf-quick-view:focus-visible,.tf-newsletter-launch:focus-visible{outline:2px solid var(--tf-brown);outline-offset:4px}@media(prefers-reduced-motion:no-preference){.tf-hero-copy.tf-entered{animation:tf-enter .7s var(--tf-ease) both}.tf-hero-photo.tf-entered{animation:tf-photo-reveal .9s var(--tf-ease) both}.tf-look-pin>span:first-child:after{animation:tf-pin-hint 2s ease-out 3}.tf-product.tf-entered{animation:tf-enter .65s var(--tf-ease) both}.tf-category.tf-entered{animation:tf-photo-reveal .8s var(--tf-ease) both}@keyframes tf-photo-reveal{0%{opacity:.3;clip-path:inset(8% 0 0 0);transform:translateY(20px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes tf-pin-hint{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}}@media(prefers-reduced-motion:reduce){.tf-entered,.tf-look-pin>span:first-child:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/topics-experience.css.map */