@font-face{font-family:TS Display;src:url('../../fonts/sourcesansproblack.woff2') format('woff2');font-weight:900;font-display:swap}
.topsnack-front{background:var(--ts-paper)}
.topsnack-front .wd-page-wrapper{background:var(--ts-paper)}
.topsnack-front .main-page-wrapper{padding-top:0;margin-top:0;background:transparent}
.topsnack-front .wd-content-layout{display:block;max-width:none;width:100%;padding:0;gap:0}
.topsnack-front .page-title{display:none}
.ts-hero{overflow:hidden;background:var(--ts-paper);padding-top:16px}
.ts-hero-main{display:grid;position:relative}
.ts-hero-copy,.ts-hero-actions{position:relative;z-index:2;min-width:0}
.ts-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:8px!important}
.ts-eyebrow>span{width:6px;height:6px;display:block;background:var(--ts-orange);border-radius:50%;box-shadow:0 0 0 4px #d8492110}
.ts-home h1{font:900 clamp(38px,10.3vw,61px)/.96 TS Display,TS Sans,Arial,sans-serif;letter-spacing:-1.5px;color:var(--ts-ink)}
.ts-home h1>span{display:inline-block;color:var(--ts-orange);position:relative;padding-bottom:9px}
.ts-home h1 svg{position:absolute;left:0;bottom:0;width:100%;height:11px}
.ts-hero-description{font-size:13px;line-height:1.5;max-width:350px;margin-top:8px!important;color:var(--ts-muted)}
.ts-description-tail{display:none}
.ts-primary-button{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:13px 20px;border-radius:7px;background:var(--ts-action);color:#fff!important;font-weight:700;font-size:14px;min-height:48px;margin-top:14px;transition:background .15s,transform .15s}
.ts-primary-button:hover{background:#bc3916;transform:translateY(-2px)}
.ts-primary-button .ts-icon{width:20px;height:20px}
.ts-hero-art{position:relative;height:clamp(210px,61vw,320px);width:calc(100% + 12px);margin-left:-6px;margin-top:12px;isolation:isolate}
.ts-hero-art:before{content:'';position:absolute;width:77%;height:12%;left:14%;bottom:1%;border-radius:50%;background:#67724226;filter:blur(13px);transform:rotate(-9deg);z-index:-1}
.ts-art-orbit{position:absolute;width:89%;aspect-ratio:1.38;left:6%;top:12%;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#f1f2df,#e3e7c4 75%);box-shadow:inset 0 -12px 24px #b8c08b22;transform:rotate(-13deg)}
.ts-art-orbit:before{content:'';position:absolute;inset:-11px;border:1px solid #daddbc;border-radius:50%}
.ts-art-word{position:absolute;top:52%;left:8%;font:900 78px/1 TS Display,Arial,sans-serif;letter-spacing:-5px;color:#d0d6a6;transform:rotate(-15deg);z-index:0}
.ts-snack{position:absolute;display:block;transition:transform .2s;z-index:1}
.ts-snack-photo{display:block;aspect-ratio:1;border:4px solid #fcfaf3;border-radius:50%;overflow:hidden;box-shadow:0 20px 28px -17px #373e2573,0 3px 7px #35381b1a;background:#fff}
.ts-snack img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;border-radius:50%;transform:scale(1.07)}
.ts-snack-1{width:57%;left:0;top:3%;transform:rotate(-10deg);z-index:3}
.ts-snack-2{width:45%;right:0;top:0;transform:rotate(10deg);z-index:2}
.ts-snack-3{width:39%;right:7%;top:39%;transform:rotate(-8deg);z-index:4}
.ts-snack:hover{transform:rotate(0deg) translateY(-5px);z-index:6}
.ts-snack-label{position:absolute;bottom:7%;left:5%;display:flex;align-items:center;gap:7px;background:#fffdf6;border:1px solid #e7e1d6;box-shadow:0 5px 12px #25251e12;padding:7px 8px;max-width:96%;font-size:9px;font-weight:700;line-height:1.3;border-radius:5px;transform:rotate(5deg)}
.ts-snack-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
.ts-snack-label .ts-icon{width:15px;height:15px}
.ts-snack-2 .ts-snack-label{left:-4%;right:auto;bottom:auto;top:-2%;width:98%;max-width:100%;transform:rotate(-13deg)}
.ts-snack-3 .ts-snack-label{left:4%;bottom:-2%;transform:rotate(4deg)}
.ts-art-spark{position:absolute;right:0;top:49%;color:var(--ts-orange);transform:rotate(13deg)}
.ts-art-spark .ts-icon{width:27px;height:27px;stroke-width:1.2}
.ts-art-note{position:absolute;left:2%;bottom:0;font-size:10px;line-height:1.4;color:#62684a;transform:rotate(-9deg)}
.ts-art-note svg{position:absolute;top:4px;left:90%;width:50px;transform:rotate(-18deg)}
.ts-hero-art-empty{height:140px}
.ts-scenarios{position:relative;z-index:8;padding:14px 0 22px;border-top:1px solid #dcded0;margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ts-scenarios-intro{grid-column:1/-1;font-size:14px;line-height:1.25;margin-bottom:3px!important}
.ts-scenarios-intro br{display:none}
.ts-scenarios-intro strong{font-weight:700}
.ts-scenarios>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 10px;min-height:104px;border:1px solid #dce0cb;border-radius:9px;background:#fbfcf3;min-width:0;transition:color .15s,border-color .15s,background .15s}
.ts-scenarios>a:hover{color:var(--ts-orange);border-color:#d8492170;background:#fffaf0}
.ts-scenario-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#e9edda;border-radius:50%;color:#546039}
.ts-scenario-icon .ts-icon{width:20px;height:20px}
.ts-scenarios strong{display:block;font-size:11px;font-weight:700;line-height:1.35}
.ts-scenarios small{display:block;margin-top:3px;font-size:10px;color:var(--ts-muted);line-height:1.35}
.ts-scenarios>a>.ts-icon{position:absolute;right:8px;top:15px;width:15px;height:15px;margin-left:auto}
.ts-scenarios-intro strong{display:inline;font-size:inherit}
@media(min-width:600px){
 .ts-hero-main{grid-template-columns:52% 48%;grid-template-rows:auto auto;align-content:center;min-height:450px}
 .ts-hero-copy{grid-column:1;grid-row:1;align-self:end}
 .ts-hero-actions{grid-column:1;grid-row:2;align-self:start}
 .ts-home h1{font-size:clamp(46px,6vw,78px)}
 .ts-hero-art{grid-column:2;grid-row:1/3;align-self:center;width:108%;height:350px;right:auto;top:auto;margin:0}
 .ts-hero-description{max-width:310px;margin-top:22px!important}
 .ts-description-tail{display:inline}
 .ts-primary-button{display:inline-flex;margin-top:24px;min-height:54px}
 .ts-snack-label{font-size:10px}
 .ts-art-word{font-size:100px}
 .ts-art-note{bottom:3%}
 .ts-scenarios{grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;padding-top:23px}
 .ts-scenarios-intro{grid-column:1/-1;font-size:16px}
 .ts-scenarios>a{flex-direction:row;align-items:center;min-height:60px;background:transparent;border:0;border-radius:0;padding:8px 15px;border-left:1px solid #dcdfce;gap:10px}
 .ts-scenarios>a:nth-child(2){border-left:0;padding-left:0}
 .ts-scenarios>a>.ts-icon{display:none}
 .ts-scenario-icon{width:39px;height:39px}
 .ts-scenario-icon .ts-icon{width:24px;height:24px}
 .ts-scenarios strong{font-size:13px}
 .ts-scenarios small{font-size:11px}
}
@media(min-width:1000px){
 .ts-hero{padding-top:36px}
 .ts-hero-main{grid-template-columns:48% 52%;min-height:530px}
 .ts-eyebrow{font-size:11px;letter-spacing:2.1px;margin-bottom:26px!important}
 .ts-home h1{font-size:clamp(70px,5.8vw,86px);letter-spacing:-2.6px}
 .ts-home h1>span{padding-bottom:17px}
 .ts-hero-description{font-size:16px;max-width:365px;margin-top:25px!important}
 .ts-primary-button{margin-top:29px;min-width:219px;padding:18px 23px;font-size:15px}
 .ts-hero-art{width:100%;height:520px;right:auto;top:auto}
 .ts-art-orbit{width:90%;left:8%;top:13%}
 .ts-art-word{font-size:135px;left:6%;top:46%}
 .ts-snack-1{width:59%;left:0;top:12%}
 .ts-snack-2{width:46%;right:0;top:0}
 .ts-snack-3{width:43%;right:6%;top:42%}
 .ts-snack-photo{border-width:6px;box-shadow:0 30px 35px -22px #373e257d,0 5px 10px #35381b1a}
 .ts-snack-label{padding:11px 14px;font-size:12px;border-radius:5px}
 .ts-snack-label .ts-icon{width:18px;height:18px}
 .ts-art-note{left:2%;bottom:2%;font-size:14px}
 .ts-art-note svg{width:73px;top:12px}
 .ts-art-spark{right:0;top:45%}
 .ts-art-spark .ts-icon{width:47px;height:47px}
 .ts-scenarios{grid-template-columns:180px repeat(3,1fr);padding:26px 0 31px;margin-top:20px;align-items:center}
 .ts-scenarios-intro{grid-column:auto;line-height:1.4;font-size:18px;margin:0!important}
 .ts-scenarios-intro br{display:block}
 .ts-scenarios-intro strong{display:block}
 .ts-scenarios>a,.ts-scenarios>a:nth-child(2){border-left:1px solid #dcdfce;padding:8px 24px}
 .ts-scenarios>a:last-child{padding-right:0}
 .ts-scenarios strong{font-size:14px}
 .ts-scenarios small{font-size:12px}
 .ts-scenarios>a>.ts-icon{position:static;display:block;width:19px;height:19px}
 .ts-scenario-icon{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){.ts-home *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
