.tt-story{--tt-brown:#87480a;--tt-cream:#f7eddf;--tt-yellow:#ffce25;--tt-pink:#ff9ed5;background:var(--tt-cream);color:#342618;font:16px/1.65 Trebuchet MS,Arial,sans-serif;letter-spacing:normal}.tt-story *,.tt-story *:before,.tt-story *:after{box-sizing:border-box}.tt-story a{color:inherit;text-underline-offset:5px}.tt-story a:focus-visible,.tt-story summary:focus-visible,.tt-story button:focus-visible,.tt-story-gallery-viewport:focus-visible{outline:3px solid #0088db;outline-offset:5px}.tt-story p,.tt-story h1,.tt-story h2,.tt-story h3,.tt-story figure{margin:0}.tt-story h1,.tt-story h2,.tt-story h3{color:var(--tt-brown);font-family:Trebuchet MS,Arial,sans-serif;font-weight:900}.tt-story h2{font-size:clamp(28px,3.2vw,43px);line-height:1.14;letter-spacing:-1px}.tt-story h3{font-size:23px;line-height:1.25;letter-spacing:-.4px}.tt-story-inner{width:min(1200px,calc(100% - 64px));margin-inline:auto}.tt-story-brandbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 24px;border-bottom:2px solid var(--tt-brown)}.tt-story .tt-story-kicker{font:700 12px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin-bottom:13px}.tt-story-brandbar .tt-story-kicker{font-size:11px;margin-bottom:2px}.tt-story-wordmark{display:inline-flex;font-size:47px;font-weight:900;line-height:1;letter-spacing:-3px}.tt-story-wordmark span:nth-child(1),.tt-story-wordmark span:nth-child(6){color:#ea5900}.tt-story-wordmark span:nth-child(2),.tt-story-wordmark span:nth-child(7){color:#c48b00}.tt-story-wordmark span:nth-child(3){color:#0877d3}.tt-story-wordmark span:nth-child(4){color:#00853e}.tt-story-wordmark span:nth-child(5){color:#cb328f}.tt-story-nav{display:flex;flex-wrap:wrap;align-items:center;gap:25px;font-size:14px;font-weight:700}.tt-story-nav a{text-decoration:none}.tt-story-nav a:hover{text-decoration:underline}.tt-story-nav .tt-story-nav-create{background:var(--tt-yellow);border:1.5px solid var(--tt-brown);padding:9px 19px;border-radius:24px}.tt-story-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding:60px 0 70px}.tt-story-hero h1{font-size:clamp(45px,5.2vw,76px);line-height:1.02;letter-spacing:-3px;margin-bottom:24px}.tt-story-hero h1 span{color:#b53c81}.tt-story .tt-story-lead{max-width:540px;font-size:18px;line-height:1.7}.tt-story-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:30px 0 23px}.tt-story .tt-story-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:2px solid var(--tt-brown);padding:13px 22px;min-height:50px;background:var(--tt-brown);color:#fffaf2;border-radius:32px;font-size:16px;font-weight:700;text-decoration:none;text-align:center}.tt-story .tt-story-button:hover{background:#60350d}.tt-story-text-link{font-size:15px;font-weight:700}.tt-story-facts{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:0 0 20px;list-style:none;font-size:14px;font-weight:700}.tt-story .tt-story-notice{border-left:3px solid #c68912;padding-left:13px;max-width:510px;font-size:14px;line-height:1.6;color:#65513d}.tt-story-hero-photo{position:relative;border:2px solid var(--tt-brown);border-radius:180px 180px 28px 28px;overflow:hidden;background:var(--tt-yellow);box-shadow:7px 7px 0 var(--tt-yellow)}.tt-story-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.tt-story-hero-photo figcaption{padding:13px 12px;background:var(--tt-yellow);color:var(--tt-brown);text-align:center;font-size:14px;font-weight:700}.tt-story-manifesto{padding:54px 0;background:var(--tt-brown);color:#fff2da;text-align:center}.tt-story-manifesto h2{color:var(--tt-yellow);max-width:820px;margin:0 auto 19px}.tt-story-manifesto p:last-child{max-width:780px;margin:auto;font-size:18px}.tt-story-how{padding:68px 0;scroll-margin-top:120px}.tt-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:32px}.tt-story-step{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;background:var(--tt-yellow);border:1.5px solid var(--tt-brown);border-radius:50%;font-weight:900;margin-bottom:18px}.tt-story-steps article:nth-child(2) .tt-story-step{background:var(--tt-pink)}.tt-story-steps article:nth-child(3) .tt-story-step{background:#87d6ee}.tt-story-steps h3{margin-bottom:12px}.tt-story-steps p{color:#5d4d3d}.tt-story-looks{scroll-margin-top:120px}.tt-story-looks-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.tt-story-looks-heading h2{max-width:620px}.tt-story-looks-heading>a{flex-shrink:0}.tt-story-lookbook{display:block;min-width:0}.tt-story-gallery-viewport{overflow-x:auto;scroll-snap-type:x mandatory;border-radius:22px}.tt-story-lookbook.is-ready .tt-story-gallery-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}.tt-story-gallery{display:flex;gap:28px;width:100%}.tt-story-lookbook.is-ready .tt-story-gallery{will-change:transform}.tt-story-lookbook.is-moving .tt-story-gallery{transition:transform .55s cubic-bezier(.22,.61,.36,1)}.tt-story-gallery figure{flex:0 0 calc((100% - 28px)/2);min-width:0;overflow:hidden;border:1.5px solid var(--tt-brown);border-radius:22px;background:var(--tt-pink);scroll-snap-align:start}.tt-story-gallery .tt-story-tone-blue{background:#86cdeb}.tt-story-gallery .tt-story-tone-yellow{background:#ffda58}.tt-story-gallery .tt-story-tone-green{background:#b6dfa1}.tt-story-gallery img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 40%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tt-story-gallery figcaption{padding:14px 20px;font-size:21px;font-weight:900;color:var(--tt-brown)}.tt-story-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}.tt-story-gallery-controls[hidden]{display:none}.tt-story-gallery-hint{color:#65513d;font-size:14px}.tt-story-gallery-buttons{display:flex;align-items:center;gap:10px}.tt-story-gallery-buttons button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;background:#fffaf2;color:var(--tt-brown);border:1.5px solid var(--tt-brown);border-radius:24px;font:700 16px/1.2 Trebuchet MS,Arial,sans-serif;cursor:pointer}.tt-story-gallery-buttons button:hover{background:var(--tt-yellow)}.tt-story-gallery-counter{min-width:54px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.tt-story-gallery-buttons .tt-story-gallery-pause{min-width:112px;font-size:14px}.tt-story-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tt-story .tt-story-gallery-note{max-width:900px;margin-top:17px;color:#65513d;font-size:14px}.tt-story-faq{padding:64px 0 40px}.tt-story-questions{margin-top:27px;border-top:1px solid #ba9d7e}.tt-story-questions details{border-bottom:1px solid #ba9d7e;padding:18px 0}.tt-story-questions summary{cursor:pointer;color:var(--tt-brown);font-size:17px;font-weight:700}.tt-story-questions p{margin-top:12px;max-width:950px}.tt-story-close{padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--tt-yellow);border:1.5px solid var(--tt-brown);border-radius:22px}.tt-story-close h2{font-size:32px;margin-bottom:8px}.tt-story-close>a{flex-shrink:0}.tt-story>.tt-story-inner:last-child{padding-bottom:58px}#tagtail-diy{scroll-margin-top:115px}@media(max-width:900px){.tt-story-hero{gap:30px}.tt-story-nav{gap:15px}.tt-story-hero h1{letter-spacing:-2px}}@media(max-width:680px){.tt-story-inner{width:calc(100% - 32px)}.tt-story-brandbar{align-items:start;padding-top:23px;flex-direction:column;gap:18px}.tt-story-nav{width:100%;gap:15px;font-size:13px}.tt-story-nav .tt-story-nav-create{padding:6px 12px;margin-left:auto}.tt-story-hero{grid-template-columns:1fr;gap:30px;padding:34px 0 44px}.tt-story-hero h1{font-size:51px}.tt-story-hero-photo{max-width:420px;width:calc(100% - 7px);justify-self:center;border-radius:150px 150px 23px 23px}.tt-story .tt-story-lead{font-size:17px}.tt-story-manifesto{padding:40px 0}.tt-story-manifesto p:last-child{font-size:16px}.tt-story-how{padding:45px 0}.tt-story-steps{grid-template-columns:1fr;gap:24px}.tt-story-steps article{display:grid;grid-template-columns:50px 1fr;gap:0 17px}.tt-story-step{grid-row:1 / 3}.tt-story-steps h3{font-size:21px}.tt-story-steps p{grid-column:2}.tt-story-looks-heading{align-items:start;flex-direction:column;gap:12px}.tt-story-gallery{gap:13px}.tt-story-gallery img{aspect-ratio:3 / 4}.tt-story-gallery figcaption{font-size:16px;padding:10px 12px}.tt-story-faq{padding:42px 0 30px}.tt-story-close{flex-direction:column;align-items:start;padding:25px;gap:22px}.tt-story-close h2{font-size:30px}}@media(prefers-reduced-motion:no-preference){.tt-story a{transition:background-color .18s ease}}@media(max-width:680px){.tt-story-gallery figure{flex-basis:100%}.tt-story-gallery-controls{justify-content:center;gap:10px}.tt-story-gallery-hint{flex-basis:100%;text-align:center}.tt-story-gallery-buttons{gap:8px}}@media(prefers-reduced-motion:reduce){.tt-story-lookbook.is-moving .tt-story-gallery{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map */