.tf-case{--tf-cyan: #3ef3f7}.tf-case__heading{margin:0;font-size:clamp(3.2rem,5vw,4.8rem);line-height:1.05}.tf-case__text{margin-top:1.2rem;font-size:1.7rem;line-height:1.55}.tf-case__text p{margin:0}.tf-case__text p+p{margin-top:1rem}.tf-case__head{max-width:72rem;margin:0 0 2.8rem}.tf-case__head--center{margin-right:auto;margin-left:auto;text-align:center}.tf-case-btns{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.4rem}.tf-case-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1.1rem 2rem;border:2px solid var(--tf-ink);border-radius:99rem;background:#fff;color:var(--tf-ink);font-size:1.4rem;font-weight:800;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.tf-case-btn--primary{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-case-btn:hover{transform:translateY(-.2rem);box-shadow:0 .4rem 0 var(--tf-ink)}.tf-case-intro--pink{background:var(--tf-pink-soft)}.tf-case-intro--cyan{background:var(--tf-cyan-soft)}.tf-case__back{display:inline-block;margin-bottom:2rem;color:var(--tf-ink);font-size:1.3rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.tf-case__back:hover{color:var(--tf-pink)}.tf-case-intro__grid{display:grid;gap:3.2rem;align-items:center}.tf-case-intro__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tf-case-intro__eyebrow:before,.tf-case-intro__eyebrow:after{content:"\2605";margin:0 .6rem;color:var(--tf-pink)}.tf-case-intro__eyebrow:before{margin-left:0}.tf-case-intro__heading{margin:0;font-size:clamp(4rem,7vw,7.2rem);line-height:1}.tf-case-intro__heading span,.tf-case__heading span{color:var(--tf-pink)}.tf-case-intro__media{position:relative;margin:0}.tf-case-intro__frame{overflow:hidden;aspect-ratio:4 / 3;border:2px solid var(--tf-ink);border-radius:1.6rem;background:#fff;box-shadow:.8rem .8rem 0 var(--tf-pink);transform:rotate(1.5deg)}.tf-case-intro__frame img{display:block;width:100%;height:100%;object-fit:cover}.tf-case-intro__sticker{position:absolute;bottom:-1.6rem;left:1.2rem;margin:0;padding:.6rem 1.6rem .8rem;border:2px solid var(--tf-ink);border-radius:99rem;background:var(--tf-cyan);color:var(--tf-ink);font-family:"TF Hand",var(--font-heading-family);font-size:2.4rem;line-height:1;transform:rotate(-4deg)}.tf-case-did{margin-top:5.6rem}.tf-case-did__list{display:grid;gap:1.2rem;margin:2.4rem 0 0;padding:0;list-style:none;counter-reset:tf-did}.tf-case-did__item{position:relative;padding:2.2rem 2rem 2rem;border:2px solid var(--tf-ink);border-radius:1.2rem;background:#fff;counter-increment:tf-did}.tf-case-did__item:before{content:counter(tf-did,decimal-leading-zero);position:absolute;top:1.6rem;right:1.8rem;color:var(--tf-pink);font-family:var(--font-heading-family);font-size:2.4rem;line-height:1}.tf-case-did__item .tf-doodle{width:4.8rem;height:4.8rem}.tf-case-did__title{margin:.8rem 0 0;font-family:var(--font-heading-family);font-size:2.4rem;line-height:1.1}.tf-case-did__text{margin:.6rem 0 0;font-size:1.5rem;line-height:1.5;color:#121212c7}@media screen and (min-width:750px){.tf-case-intro__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6.4rem}.tf-case-did__list{grid-template-columns:repeat(var(--tf-did-cols, 3),minmax(0,1fr));gap:1.6rem}}.tf-bento{container-type:inline-size}.tf-bento__grid{--tf-bento-cols: 2;--tf-bento-gap: .8rem;display:grid;grid-template-columns:repeat(var(--tf-bento-cols),minmax(0,1fr));grid-auto-rows:17rem;grid-auto-rows:calc((100cqi - (var(--tf-bento-cols) - 1) * var(--tf-bento-gap)) / var(--tf-bento-cols));grid-auto-flow:dense;gap:var(--tf-bento-gap);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.tf-bento__grid{--tf-bento-cols: 4;--tf-bento-gap: 1.2rem;grid-auto-rows:24rem;grid-auto-rows:calc((100cqi - (var(--tf-bento-cols) - 1) * var(--tf-bento-gap)) / var(--tf-bento-cols))}}.tf-bento__tile{--tf-tile-bg: #fff;--tf-tile-ink: var(--tf-ink);position:relative;container-type:size;overflow:hidden;border:2px solid var(--tf-ink);border-radius:1.6rem;background:var(--tf-tile-bg);color:var(--tf-tile-ink)}.tf-bento__tile--tall{grid-row:span 2}.tf-bento__tile--wide{grid-column:span 2}.tf-bento__tile--big{grid-column:span 2;grid-row:span 2}.tf-bento__tile--pink{--tf-tile-bg: var(--tf-pink);--tf-tile-ink: #fff}.tf-bento__tile--pink-soft{--tf-tile-bg: var(--tf-pink-soft)}.tf-bento__tile--cyan{--tf-tile-bg: var(--tf-cyan)}.tf-bento__tile--cyan-soft{--tf-tile-bg: var(--tf-cyan-soft)}.tf-bento__tile--black{--tf-tile-bg: var(--tf-ink);--tf-tile-ink: #fff}.tf-bento__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.tf-bento__tile:has(.tf-bento__link){transition:transform .2s,box-shadow .2s,border-color .2s}.tf-bento__tile:has(.tf-bento__link:hover){border-color:var(--tf-pink);box-shadow:.5rem .5rem 0 var(--tf-pink);transform:translate(-.2rem,-.2rem)}.tf-bento__media,.tf-bento__media>img,.tf-bento__media>video,.tf-bento__media>iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0}.tf-bento__media>img,.tf-bento__media>video{object-fit:cover;transition:transform .4s ease}.tf-bento__media--contain>img{padding:9%;object-fit:contain}@media(hover:hover){.tf-bento__tile:hover .tf-bento__media>img{transform:scale(1.04)}}.tf-bento__caption{position:absolute;bottom:1rem;left:1rem;z-index:1;max-width:calc(100% - 2rem);margin:0;padding:.5rem 1.1rem;border:2px solid var(--tf-ink);border-radius:99rem;background:#fff;color:var(--tf-ink);font-size:1.2rem;font-weight:800;letter-spacing:.04em;line-height:1.3;text-transform:uppercase}.tf-bento__caption small{margin-left:.4rem;font-size:1.2rem;font-weight:400;letter-spacing:0;text-transform:none}.tf-bento__quote{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:0;padding:8cqmin;border:0;color:inherit;font-style:normal}.tf-bento__quote p{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.8rem,13cqmin,6.4rem);line-height:1.02}.tf-bento__tile--wide .tf-bento__quote p{font-size:clamp(1.8rem,19cqmin,6.4rem)}.tf-bento__quote footer{font-size:1.3rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tf-bento__reel{--tf-tile-bg: var(--tf-ink);--tf-tile-ink: #fff}.tf-bento__reel .tf-bento__caption{border-color:#fff}.tf-bento__tag{position:absolute;top:1rem;left:1rem;z-index:1;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:99rem;background:var(--tf-pink);color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.tf-bento__sound{position:absolute;right:1rem;bottom:1rem;z-index:3;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:2px solid #fff;border-radius:50%;background:#12121299;color:#fff;cursor:pointer}.tf-bento__sound svg{width:2rem;height:2rem}.tf-bento__sound .tf-bento__sound-on,.tf-bento__sound[aria-pressed=true] .tf-bento__sound-off{display:none}.tf-bento__sound[aria-pressed=true] .tf-bento__sound-on{display:block}.tf-bento__reel .tf-bento__caption{max-width:calc(100% - 7.4rem);overflow-wrap:anywhere}.tf-bento__out{position:absolute;top:1rem;right:1rem;z-index:3;padding:.4rem 1rem;border:2px solid #fff;border-radius:99rem;background:#12121299;color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.tf-bento__media--ig{overflow:hidden;background:#fff}.tf-bento__media--ig>iframe{right:auto;bottom:auto;transform-origin:0 0}.tf-bento__empty{display:grid;place-items:center;height:100%;padding:1.6rem;border:2px dashed currentColor;border-radius:1.2rem;font-size:1.3rem;font-weight:800;letter-spacing:.04em;text-align:center;text-transform:uppercase;opacity:.6}.tf-case-where .tf-card__kind{margin:.6rem 0 0;color:var(--tf-pink);font-size:1.2rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tf-case-where .tf-card .tf-doodle{width:4.8rem;height:4.8rem}.tf-case-where .tf-card__logo{display:grid;place-items:center;width:8rem;height:8rem;overflow:hidden;border:2px solid var(--tf-ink);border-radius:50%;background:#fff;box-shadow:.3rem .3rem 0 var(--tf-pink)}.tf-case-where .tf-card__logo img{width:78%;height:78%;object-fit:contain}.tf-case-where .tf-card--home{background:var(--tf-pink-soft)}@media screen and (max-width:749px){.tf-case-where .tf-cards{grid-template-columns:minmax(0,1fr)}}.tf-case-notes__wrap{display:grid;gap:3.2rem;align-items:center}.tf-case-notes__paper{--tf-note-pad-l: 4.4rem;--tf-note-pad-r: 2.4rem;--tf-note-line: 3.2rem;position:relative;padding:3.2rem var(--tf-note-pad-r) 3.2rem var(--tf-note-pad-l);border:2px solid var(--tf-ink);border-radius:1.2rem;background-color:#fff;background-image:linear-gradient(90deg,transparent calc(var(--tf-note-pad-l) - 1.6rem),rgba(247,70,188,.45) calc(var(--tf-note-pad-l) - 1.6rem),rgba(247,70,188,.45) calc(var(--tf-note-pad-l) - 1.4rem),transparent calc(var(--tf-note-pad-l) - 1.4rem));box-shadow:.8rem .8rem 0 var(--tf-pink);transform:rotate(-.8deg)}.tf-case-notes__paper .tf-case__heading{font-size:clamp(2.8rem,4vw,4rem)}.tf-case-notes__body{margin:1.6rem calc(var(--tf-note-pad-r) * -1) 0 calc(var(--tf-note-pad-l) * -1);padding:0 var(--tf-note-pad-r) var(--tf-note-line) var(--tf-note-pad-l);background-image:repeating-linear-gradient(transparent 0,transparent calc(var(--tf-note-line) - .15rem),rgba(62,243,247,.6) calc(var(--tf-note-line) - .15rem),rgba(62,243,247,.6) var(--tf-note-line));font-size:1.7rem;line-height:var(--tf-note-line)}.tf-case-notes__body p{margin:0}.tf-case-notes__body p+p{margin-top:var(--tf-note-line)}.tf-case-notes__sign{margin:2rem 0 0;color:var(--tf-pink);font-family:"TF Hand",var(--font-heading-family);font-size:3.2rem;line-height:1;transform:rotate(-2deg)}.tf-case-notes__photo{position:relative;max-width:36rem;margin:0 auto;padding:1.2rem 1.2rem 4.8rem;border:2px solid var(--tf-ink);background:#fff;box-shadow:.6rem .6rem 0 var(--tf-cyan);transform:rotate(2deg)}.tf-case-notes__photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.tf-case-notes__photo figcaption{position:absolute;right:1.2rem;bottom:1rem;left:1.2rem;font-family:"TF Hand",var(--font-heading-family);font-size:2.4rem;line-height:1;text-align:center}@media screen and (min-width:750px){.tf-case-notes__wrap--photo{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:5.6rem}.tf-case-notes__paper{--tf-note-pad-l: 6rem;--tf-note-pad-r: 4.4rem;padding-top:4.4rem;padding-bottom:4rem}}@media(prefers-reduced-motion:reduce){.tf-bento__media>img,.tf-bento__tile,.tf-case-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/tf-case.css.map */