.th-section-wrapper,.th-hero,.th-meaning,.th-machine{--th-font-display: "Obviously Bold", "Obviously", "Helvetica Neue", Helvetica, Arial, sans-serif;--th-font-body: "Obviously Narrow Semi", "Obviously Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;--th-purple: #5b57a6;--th-green: #00ab75;--th-yellow: #f8b733;--th-cream: #f8f0d8;--th-black: #231f20;--th-red: #ff5c39}.th-hero{position:relative;min-height:100vh;background:var(--bg, #5b57a6);color:var(--fg, #f8f0d8);overflow:hidden;isolation:isolate;padding:clamp(80px,12vh,140px) clamp(24px,6vw,80px) clamp(60px,10vh,120px);display:flex;flex-direction:column;justify-content:center}.th-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.th-hero__sun{position:absolute;width:clamp(180px,26vmin,360px);height:auto;opacity:.85;animation:thSpin 26s linear infinite;will-change:transform}.th-hero__sun--1{top:6%;left:-4%}.th-hero__sun--2{bottom:-6%;right:-4%;animation-duration:38s;animation-direction:reverse;opacity:.7}@keyframes thSpin{to{transform:rotate(360deg)}}.th-hero__paper,.th-hero__grain,.th-hero__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat;background-size:480px;pointer-events:none}.th-hero__paper{opacity:.18;mix-blend-mode:multiply;background-size:800px}.th-hero__grain{opacity:.28;mix-blend-mode:overlay;background-size:360px;animation:thGrain 1.6s steps(6) infinite}.th-hero__scanlines{opacity:.18;background-size:100% 4px;pointer-events:none}@keyframes thGrain{0%,to{transform:translate(0)}20%{transform:translate(-3%,4%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,-1%)}}.th-hero__inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:clamp(18px,3vh,32px);text-align:center;align-items:center}.th-hero__title{font-family:var(--th-font-display);font-size:clamp(58px,16vw,260px);font-weight:900;text-transform:uppercase;line-height:.85;letter-spacing:-.005em;margin:0;color:inherit;transform:rotate(calc(-2deg + var(--th-scroll-rotate, 0deg)));transition:transform 80ms linear;text-shadow:6px 6px 0 rgba(0,0,0,.18);max-width:12ch}.th-hero__subline{font-family:var(--th-font-body);font-size:clamp(16px,1.6vw,22px);text-transform:uppercase;letter-spacing:.04em;line-height:1.3;max-width:42ch;margin:0;color:inherit;opacity:.92}.th-hero__cta{display:inline-flex;align-items:center;gap:10px;padding:18px 32px;background:var(--th-yellow);color:var(--th-black);font-family:var(--th-font-body);text-transform:uppercase;letter-spacing:.08em;font-size:14px;text-decoration:none;border-radius:999px;box-shadow:6px 6px 0 0 var(--th-black);transform:rotate(-1.5deg);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1);margin-top:8px}.th-hero__cta:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:10px 10px 0 0 var(--th-black)}.th-hero__can-wrap{position:absolute;right:clamp(20px,5vw,80px);bottom:clamp(60px,12vh,140px);z-index:1;width:clamp(140px,22vw,340px);pointer-events:none;transform:rotate(calc(-12deg + var(--th-scroll-rotate, 0deg) * 1.5)) translateY(var(--th-scroll-y, 0px));transition:transform .12s linear;animation:thCanFloat 6s ease-in-out infinite}.th-hero__can{width:100%;height:auto;display:block;filter:drop-shadow(12px 16px 0 rgba(0,0,0,.25))}@keyframes thCanFloat{0%,to{translate:0 0}50%{translate:0 -14px}}@media(max-width:768px){.th-hero__can-wrap{position:relative;right:auto;bottom:auto;width:56vw;margin:8px auto -32px}}.th-hero__scroll-cue{position:absolute;bottom:clamp(20px,4vh,36px);left:50%;transform:translate(-50%);z-index:3;font-family:var(--th-font-body);font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:inherit;opacity:.78;display:inline-flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.th-hero__scroll-cue svg{animation:thBob 1.6s ease-in-out infinite}@keyframes thBob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.th-meaning{background:var(--bg, #f8f0d8);color:var(--fg, #231f20);padding:clamp(60px,9vh,120px) clamp(24px,6vw,80px)}.th-meaning__head{max-width:1400px;margin:0 auto clamp(36px,5vh,64px);text-align:left}.th-meaning__heading{font-family:var(--th-font-display);font-size:clamp(36px,6vw,88px);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:.005em;margin:0;max-width:18ch;transform:rotate(-1deg)}.th-meaning__cards{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(20px,3vh,36px)}.th-card{position:relative;background:var(--card-bg, #00ab75);color:var(--card-fg, #f8f0d8);border-radius:28px;padding:clamp(28px,4vh,48px) clamp(24px,4vw,56px);border:3px solid var(--th-black);box-shadow:8px 8px 0 0 var(--th-black);display:grid;grid-template-columns:auto 1fr 1.1fr;gap:clamp(20px,3vw,40px);align-items:center;overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1)}.th-card:nth-child(odd){transform:rotate(-.4deg)}.th-card:nth-child(2n){transform:rotate(.4deg)}.th-card:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:12px 12px 0 0 var(--th-black)}.th-card__number{font-family:var(--th-font-display);font-size:clamp(64px,9vw,140px);font-weight:900;line-height:.85;letter-spacing:-.02em;opacity:.35;align-self:start;margin-top:-8px}.th-card__visual{position:relative;aspect-ratio:4 / 3;border-radius:18px;background:#00000014;overflow:hidden;order:3}.th-card__body{display:flex;flex-direction:column;gap:16px;order:2}.th-card__title{font-family:var(--th-font-display);font-size:clamp(28px,3.4vw,48px);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin:0;color:inherit}.th-card__statement{font-family:var(--th-font-body);font-size:clamp(17px,1.8vw,22px);text-transform:uppercase;letter-spacing:.02em;line-height:1.25;margin:0;opacity:.95}.th-card__copy{font-family:var(--th-font-body);font-size:clamp(14px,1.1vw,16px);line-height:1.55;margin:0;opacity:.85;max-width:50ch}.th-card__visual--energy{display:flex;align-items:center;justify-content:center;padding:20px}.th-energy-svg{width:100%;height:auto;color:currentColor;position:relative;z-index:2}.th-energy-path{stroke-dasharray:1200;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.th-energy-path--spike{opacity:1}.th-energy-path--smooth{opacity:0;stroke-dasharray:1200;stroke-dashoffset:1200}.th-card--energy:hover .th-energy-path--spike,.th-card--energy:focus-within .th-energy-path--spike{opacity:0}.th-card--energy:hover .th-energy-path--smooth,.th-card--energy:focus-within .th-energy-path--smooth{opacity:1;stroke-dashoffset:0}.th-energy-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;pointer-events:none}.th-energy-label{font-family:var(--th-font-body);font-size:11px;text-transform:uppercase;letter-spacing:.18em;position:absolute;bottom:14px;transition:opacity .36s ease}.th-energy-label--before{opacity:.9}.th-energy-label--after,.th-card--energy:hover .th-energy-label--before{opacity:0}.th-card--energy:hover .th-energy-label--after{opacity:1}.th-card__visual--culture{background:#00000029}.th-collage{position:absolute;top:0;right:0;bottom:0;left:0}.th-collage__item{position:absolute;top:var(--top, 10%);left:var(--left, 10%);width:var(--w, 30%);aspect-ratio:3 / 4;transform:rotate(var(--rot, 0deg));box-shadow:4px 4px 0 0 var(--th-black);border:2px solid var(--th-black);background:var(--th-cream);overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.th-card--culture:hover .th-collage__item{transform:rotate(calc(var(--rot, 0deg) * 1.4)) translateY(-2px)}.th-collage__item img{width:100%;height:100%;object-fit:cover;display:block}.th-collage__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--th-font-display);text-transform:uppercase;font-size:clamp(12px,1.4vw,16px);letter-spacing:.06em;color:var(--th-black);background:linear-gradient(135deg,var(--th-cream) 0%,var(--th-yellow) 100%);padding:10px;text-align:center}.th-collage__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:3}.th-collage__flash.is-flashing{animation:thFlash .28s ease-out forwards}@keyframes thFlash{0%{opacity:0}20%{opacity:.85}to{opacity:0}}.th-card__visual--source{background:#0000001f}.th-source-illustration,.th-source-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:14px;color:currentColor}.th-source-sun{transform-origin:320px 60px;animation:thSpin 50s linear infinite}.th-source-leaves path{stroke-dasharray:200;stroke-dashoffset:200;animation:thDrawLeaves 1.6s ease-out forwards;animation-delay:.2s}.th-source-roots path{stroke-dasharray:200;stroke-dashoffset:200;animation:thDrawLeaves 1.8s ease-out forwards;animation-delay:.5s}@keyframes thDrawLeaves{to{stroke-dashoffset:0}}.th-source-tag{position:absolute;display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--th-cream);color:var(--th-black);border:2px solid var(--th-black);font-family:var(--th-font-body);font-size:11px;text-transform:uppercase;letter-spacing:.06em;box-shadow:3px 3px 0 0 var(--th-black);z-index:2}.th-source-tag--1{top:8%;left:6%;transform:rotate(-6deg)}.th-source-tag--2{top:12%;right:8%;transform:rotate(4deg);background:var(--th-yellow)}.th-source-tag--3{bottom:10%;left:10%;transform:rotate(3deg);background:var(--th-green);color:var(--th-cream)}.th-source-tag--4{bottom:14%;right:8%;transform:rotate(-5deg);background:var(--th-red);color:var(--th-cream)}@media(max-width:900px){.th-card{grid-template-columns:1fr;padding:clamp(20px,3vh,32px)}.th-card__number{font-size:clamp(48px,14vw,96px);margin-top:0}.th-card__visual{aspect-ratio:16 / 10;order:2;width:100%}.th-card__body{order:3}.th-card:nth-child(odd),.th-card:nth-child(2n){transform:none}}.th-machine{position:relative;background:var(--bg, #231f20);color:var(--fg, #f8f0d8);padding:clamp(60px,9vh,120px) clamp(20px,5vw,80px);overflow:hidden;isolation:isolate}.th-machine:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% -20%,rgba(248,183,51,.18) 0%,transparent 50%);z-index:0;pointer-events:none}.th-machine__intro{max-width:900px;margin:0 auto clamp(28px,4vh,48px);text-align:center;position:relative;z-index:2}.th-machine__heading{font-family:var(--th-font-display);font-size:clamp(36px,6vw,88px);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:.005em;margin:0 0 16px;transform:rotate(-1deg)}.th-machine__sub{font-family:var(--th-font-body);font-size:clamp(15px,1.4vw,18px);line-height:1.5;margin:0;opacity:.78;max-width:56ch;margin-inline:auto}.th-machine__cabinet{position:relative;z-index:2;max-width:980px;margin:0 auto;background:var(--frame, #5b57a6);border:4px solid var(--th-black);border-radius:32px;padding:clamp(20px,3vw,36px);box-shadow:12px 12px 0 0 var(--th-black),inset 0 -8px #00000038}.th-machine__display{position:relative;background:var(--th-black);border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;margin-bottom:clamp(20px,2vw,28px);border:3px solid rgba(0,0,0,.4)}.th-machine__display-stage{position:relative;width:100%;height:100%}.th-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(20px,3vw,40px);gap:clamp(10px,1.5vh,18px);background:var(--state-bg);color:var(--state-fg);opacity:0;transform:scale(.96);pointer-events:none;transition:opacity .32s cubic-bezier(.2,.8,.2,1),transform .32s cubic-bezier(.2,.8,.2,1)}.th-state.is-active{opacity:1;transform:scale(1);pointer-events:auto}.th-state.is-entering{animation:thStateEnter .4s cubic-bezier(.2,.8,.2,1)}@keyframes thStateEnter{0%{opacity:0;transform:scale(.96) rotate(-2deg)}60%{opacity:1;transform:scale(1.02) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.th-state__tag{font-family:var(--th-font-body);font-size:clamp(11px,1.1vw,13px);text-transform:uppercase;letter-spacing:.24em;background:var(--state-accent);color:var(--th-black);padding:6px 14px;border-radius:999px;border:2px solid var(--th-black);box-shadow:3px 3px 0 0 var(--th-black);transform:rotate(-2deg)}.th-state__title{font-family:var(--th-font-display);font-size:clamp(28px,4vw,52px);font-weight:900;text-transform:uppercase;line-height:.95;letter-spacing:.005em;margin:0;max-width:18ch;color:inherit}.th-state__body{font-family:var(--th-font-body);font-size:clamp(13px,1.2vw,16px);line-height:1.5;margin:0;max-width:48ch;opacity:.92}.th-state__emoji{position:absolute;bottom:clamp(12px,2vh,20px);right:clamp(12px,2vw,20px);font-size:clamp(28px,4vw,44px);line-height:1;opacity:.85;transform:rotate(-8deg);animation:thWobble 4s ease-in-out infinite}@keyframes thWobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.th-machine__display-glare{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none;z-index:3}.th-machine__display-bezel{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:4}.th-machine__led{width:6px;height:6px;border-radius:50%;background:var(--th-cream);box-shadow:0 0 6px #f8f0d899;animation:thBlink 2s ease-in-out infinite}.th-machine__led--1{animation-delay:0s}.th-machine__led--2{animation-delay:.4s;background:var(--th-red);box-shadow:0 0 6px #ff5c3999}.th-machine__led--3{animation-delay:.8s;background:var(--th-green);box-shadow:0 0 6px #00ab7599}@keyframes thBlink{0%,to{opacity:.4}50%{opacity:1}}.th-machine__panel{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.5vw,18px)}.th-machine__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:clamp(14px,2.5vh,22px) 12px;background:var(--btn-color, #f8b733);color:var(--th-black);border:3px solid var(--th-black);border-radius:16px;cursor:pointer;font-family:var(--th-font-body);font-size:clamp(11px,1.2vw,14px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;box-shadow:4px 4px 0 0 var(--th-black);transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .12s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.th-machine__btn:hover:not(.is-active){transform:translate(-2px,-2px);box-shadow:7px 7px 0 0 var(--th-black)}.th-machine__btn:active,.th-machine__btn.is-active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--th-black)}.th-machine__btn-light{width:12px;height:12px;border-radius:50%;background:#00000040;border:2px solid var(--th-black);transition:background .16s ease,box-shadow .16s ease}.th-machine__btn.is-active .th-machine__btn-light{background:var(--th-cream);box-shadow:0 0 8px #f8f0d8cc}.th-machine__label{margin-top:clamp(14px,2vh,22px);text-align:center;font-family:var(--th-font-body);font-size:10px;text-transform:uppercase;letter-spacing:.32em;color:#f8f0d880}@media(max-width:700px){.th-machine__panel{grid-template-columns:repeat(3,1fr)}.th-machine__display{aspect-ratio:4 / 3}}@media(max-width:420px){.th-machine__panel{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.th-hero__sun,.th-hero__grain,.th-hero__can-wrap,.th-hero__scroll-cue svg,.th-card,.th-card__visual--energy .th-energy-path,.th-source-sun,.th-source-leaves path,.th-source-roots path,.th-state,.th-state__emoji,.th-machine__led,.th-machine__btn,.th-collage__flash{animation:none!important;transition:none!important}.th-hero__title{transform:rotate(-2deg)!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/turning-heads.css.map */