.tbb-hero{padding:clamp(18px,2vw,26px) 0 clamp(64px,6vw,92px)}.tbb-hero__poster{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,26vw,380px);grid-template-rows:1fr auto;background:var(--tbb-paper);border:1.5px solid var(--tbb-brass);border-radius:var(--tbb-R) 16px var(--tbb-R) 16px}.tbb-hero__poster:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:4;border:1px solid var(--tbb-brass);border-radius:calc(var(--tbb-R) - 7px) 9px calc(var(--tbb-R) - 7px) 9px;pointer-events:none}.tbb-hero__poster.is-drawn{background:none;border-color:transparent}.tbb-hero__poster.is-drawn:before,.tbb-hero__poster.is-drawn .tbb-hero__plaques:before{display:none}.tbb-hero__poster.is-drawn .tbb-hero__plaques{background:none;border-top-color:transparent;border-radius:0}.tbb-hero__poster.is-drawn .tbb-hero__plaque+.tbb-hero__plaque{position:relative;border-left:0;border-top:0}.tbb-hero__poster.is-drawn .tbb-hero__plaque+.tbb-hero__plaque:after{content:"";position:absolute;left:0;top:16px;bottom:20px;border-left:1px solid var(--tbb-rule)}.tbb-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.tbb-hero__frame .paper{fill:var(--tbb-paper)}.tbb-hero__frame .band{fill:var(--tbb-cream)}.tbb-hero__frame .rule,.tbb-hero__frame .hair{fill:none;stroke:var(--tbb-brass);stroke-width:1}.tbb-hero__frame .bar{fill:var(--tbb-brass);fill-rule:evenodd}.tbb-hero__frame .whip{fill:none;stroke:var(--tbb-brass);stroke-linecap:round;stroke-linejoin:round}.tbb-hero__vine{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.tbb-hero__vine .gh{fill:none;stroke:var(--tbb-brass);stroke-width:1;opacity:.55}.tbb-hero__vine .ink{fill:none;stroke:var(--tbb-green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tbb-hero__vine .vl{fill:var(--tbb-sage-1);stroke:var(--tbb-green);stroke-width:1.2;stroke-linejoin:round;transform-origin:0 0}.tbb-hero__copy{position:relative;z-index:2;grid-column:1;grid-row:1;padding:clamp(60px,5.2vw,78px) clamp(8px,1.2vw,18px) clamp(36px,3.4vw,50px) clamp(40px,6.2vw,96px)}.tbb-hero__copy h1{font-size:clamp(2.1rem,4.4vw,4.1rem);line-height:1.01}.tbb-hero__lede{margin-top:clamp(18px,2vw,28px);font-size:clamp(1.12rem,1.4vw,1.3rem);line-height:1.5;color:var(--tbb-ink-2);max-width:40ch}.tbb-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.6vw,36px)}.tbb-hero__art-cell{position:relative;z-index:1;grid-column:2;grid-row:1;min-height:0}.tbb-hero__art{position:absolute;top:4px;right:16%;width:56%;height:64%;overflow:visible}.tbb-hero__ha .gh{stroke:var(--tbb-brass);opacity:.5;stroke-width:1.1;--f: none;--f2: none}.tbb-hero__ha .ink{stroke:var(--tbb-green);stroke-width:1.8}.tbb-hero__ha .cones{--f: var(--tbb-sage-1)}.tbb-hero__ha .leaves{--f: var(--tbb-sage-2);--f2: var(--tbb-sage-2)}.tbb-hero__ha .barley{--f: var(--tbb-brass-pale);--f2: var(--tbb-sage-1)}.tbb-hero__ha .bloss{--f: var(--tbb-field);--f2: var(--tbb-sage-2)}.tbb-hero__plaques{position:relative;z-index:3;grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-right:calc(clamp(250px,24vw,350px) + 96px);background:var(--tbb-cream);border-top:1px solid var(--tbb-brass);border-radius:0 0 calc(var(--tbb-R) - 2px) 14px}.tbb-hero__plaques:before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--tbb-rule)}.tbb-hero__plaque{display:flex;align-items:center;gap:18px;padding:clamp(18px,2vw,26px) clamp(16px,2vw,32px) clamp(20px,2.2vw,28px) clamp(40px,6.2vw,96px);min-width:0}.tbb-hero__plaque+.tbb-hero__plaque{padding-left:clamp(22px,2.6vw,40px);border-left:1px solid var(--tbb-rule)}.tbb-hero__plaque .tbb-medal svg{width:40px;height:40px}.tbb-hero__plaque [data-tbb-status]{margin-top:8px;font-size:1.02rem}.tbb-hero__plaque-text{display:flex;flex-direction:column;min-width:0}.tbb-hero__plaque-text b{font:700 clamp(1.3rem,1.7vw,1.6rem) / 1.1 var(--tbb-text);color:var(--tbb-deep);letter-spacing:-.01em}.tbb-hero__role{font:700 .76rem/1.3 var(--tbb-text);letter-spacing:.14em;text-transform:uppercase;color:var(--tbb-brass-ink);margin-top:5px}.tbb-hero__photo{position:absolute;z-index:5;right:clamp(-34px,-2.2vw,-14px);bottom:clamp(-64px,-4vw,-30px);width:clamp(250px,24vw,350px);margin:0}.tbb-hero__arch{position:relative;aspect-ratio:4 / 5;padding:8px;border-radius:50% 50% 18px 18px/40% 40% 18px 18px;background:var(--tbb-brassmetal);box-shadow:0 38px 60px -34px #1e2a22bf,0 12px 22px -14px #1e2a2273}.tbb-hero__arch .tbb-ph{height:100%;border:1.5px solid #f1dfb0;border-radius:50% 50% 12px 12px/40% 40% 12px 12px}.tbb-hero__arch .tbb-ph:after{top:6px;right:6px;bottom:6px;left:6px;border-color:#f9f4e78c}.tbb-hero__keystone{position:absolute;z-index:3;left:50%;top:-24px;transform:translate(-50%);--medal: 52px;border-width:2px;box-shadow:inset 0 0 0 4px var(--tbb-paper),inset 0 0 0 5px #a5803a99,0 8px 14px -8px #1e2a228c}.tbb-hero__keystone svg{--sw: 2.3}.tbb-hero__flora{position:absolute;z-index:6;left:clamp(-128px,-8.4vw,-96px);bottom:22px;width:clamp(120px,10.6vw,152px);height:auto;overflow:visible;pointer-events:none}@keyframes tbb-draw{0%{stroke-dashoffset:1.01}to{stroke-dashoffset:0}}@keyframes tbb-fillin{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes tbb-pop{0%{transform:scale(.15);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tbb-settle-in{0%{transform:scale(1.07)}to{transform:scale(1.001)}}@media(prefers-reduced-motion:no-preference){.tbb-hero__ha .ink,.tbb-hero__vine .ink{stroke-dasharray:1 2;animation:tbb-draw var(--dur, 1s) linear var(--del, 0s) both,tbb-fillin .7s ease calc(var(--del, 0s) + var(--dur, 1s) - .15s) both}.tbb-hero__vine .vl{animation:tbb-pop .75s var(--tbb-ease) var(--del, 0s) both}.tbb-hero__arch img{animation:tbb-settle-in 2.4s var(--tbb-ease) .1s backwards}}@media(max-width:899px){.tbb-hero__poster{grid-template-columns:1fr;grid-template-rows:auto}.tbb-hero__art-cell{grid-column:1;grid-row:1;justify-self:center;width:min(100%,200px);height:clamp(76px,20vw,220px)}.tbb-hero__art{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tbb-hero__copy{display:contents}.tbb-hero__copy h1,.tbb-hero__lede,.tbb-hero__actions{position:relative;z-index:2;grid-column:1;margin:0;padding-left:clamp(30px,6vw,60px);padding-right:clamp(24px,6vw,56px)}.tbb-hero__copy h1{grid-row:2;padding-bottom:18px}.tbb-hero__plaques{grid-row:3;padding-right:0}.tbb-hero__lede{grid-row:4;padding-top:18px}.tbb-hero__actions{grid-row:5;padding-top:20px;padding-bottom:22px}.tbb-hero__photo{position:relative;z-index:5;grid-column:1;grid-row:6;justify-self:end;right:auto;bottom:auto;width:min(56%,300px);margin:12px -12px -54px 0}.tbb-hero__flora{left:-104px;width:118px}}@media(max-width:759px){.tbb-hero__plaques{grid-template-columns:minmax(0,1fr)}.tbb-hero__plaque,.tbb-hero__plaque+.tbb-hero__plaque{padding:18px 26px 18px 32px;border-left:0}.tbb-hero__plaque+.tbb-hero__plaque{border-top:1px solid var(--tbb-rule)}.tbb-hero__poster.is-drawn .tbb-hero__plaque+.tbb-hero__plaque:after{left:20px;right:18px;top:0;bottom:auto;border-left:0;border-top:1px solid var(--tbb-rule)}}@media(max-width:560px){.tbb-hero__actions .tbb-btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tbb-hero.css.map */