.softee-section{background:#f3eddb;color:#17372f;overflow:hidden;border-top:9px solid #d94d43;position:relative}
.softee-main{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8%;max-width:1300px;padding:78px 6vw 68px;margin:auto;background:radial-gradient(ellipse at 75% 45%,#fffaf2b3,transparent 62%)}
.softee-copy{min-width:0;position:relative;z-index:1}
.softee-eyebrow{display:flex;align-items:center;gap:11px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#28599b;margin:0 0 27px}
.softee-eyebrow>span{font-size:23px;line-height:1;color:#d54a40}
.softee-copy h2{font:700 clamp(67px,8.9vw,126px)/.83 var(--sport,Impact,sans-serif);letter-spacing:-.035em;color:#17372f;margin:0 0 30px;white-space:nowrap}
.softee-copy h2 span{color:#24549b}
.softee-description{font:16px/1.6 Arial,sans-serif;color:#4c6055;max-width:350px;margin:0 0 29px}
.softee-stamp{width:145px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:3px solid #c9483c;color:#c9483c;padding:10px 12px;transform:rotate(-7deg);margin:0 0 41px}
.softee-stamp>span{font:700 20px/.95 var(--sport,Impact,sans-serif);letter-spacing:.04em}.softee-stamp>strong{font:32px/.8 Arial,sans-serif;transform:rotate(9deg)}
.softee-year{display:flex;flex-wrap:wrap;gap:8px 19px;border-top:1px solid #30514740;padding-top:17px;font:700 8px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#537466}.softee-year>span:last-child{color:#28599b}
.softee-photo{position:relative;width:100%;max-width:362px;margin:0 auto;background:#fffaf0;padding:10px 10px 0;box-shadow:11px 15px 0 #254f8720;transform:rotate(3deg)}
.softee-photo:before{content:"";position:absolute;left:30%;top:-12px;width:41%;height:27px;z-index:2;background:#d8c69d9c;transform:rotate(-5deg);clip-path:polygon(2% 0,98% 3%,100% 96%,1% 100%,4% 52%)}
.softee-photo-crop{position:relative;display:block;aspect-ratio:590/1050;overflow:hidden;background:#28599b}
.softee-photo-crop>img{position:absolute;left:0;top:-10.95%;width:100%;height:auto;max-width:none;display:block}
.softee-photo-crop:focus-visible{outline:4px solid #d6ff42;outline-offset:-5px}
.softee-photo figcaption{display:flex;justify-content:space-between;gap:8px;padding:15px 1px;font:700 7px/1.4 Arial,sans-serif;letter-spacing:.085em;color:#4d6358}.softee-photo figcaption>span:first-child{color:#b44335}
.softee-curb{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:6%;padding:43px max(6vw,calc((100vw - 1144px)/2)) 37px;background:#12372a;color:#f5efda;border-top:1px solid #ffffff2b;position:relative}
.softee-curb-copy{position:relative;z-index:2;min-width:0}
.softee-curb-label{display:block;font:700 8px/1.3 Arial,sans-serif;letter-spacing:.14em;color:#b0c4a0;margin-bottom:13px}
.softee-curb-copy>strong{display:block;font:700 clamp(38px,4vw,56px)/.89 var(--sport,Impact,sans-serif);letter-spacing:-.015em;margin-bottom:21px}
.softee-serve{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f3eddb;border:1px solid #f3eddb;color:#234d77;padding:13px 16px;min-height:46px;font:700 11px/1 Arial,sans-serif;letter-spacing:.04em;box-shadow:3px 3px #0003;transition:background .2s,transform .2s}.softee-serve>span:last-child{font-size:22px;line-height:1;color:#c7473e}.softee-serve:hover{background:#fffdf6;transform:translateY(-2px)}.softee-serve[aria-disabled=true]{opacity:.76;transform:none}.softee-serve:focus-visible{outline:3px solid #d6ff42;outline-offset:5px}.softee-serve[hidden]{display:none!important}
.softee-status{font:11px/1.5 Arial,sans-serif;color:#bfd1bd;max-width:250px;min-height:33px;margin:15px 0 0}
.softee-street{position:relative;min-width:0;min-height:315px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:end;isolation:isolate}
.softee-yardline{position:absolute;inset:15px -10% 64px;z-index:-1;display:flex;align-items:end;justify-content:space-around;padding-bottom:15px;border-bottom:2px solid #f3eddb45;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),#f3eddb22 calc(25% - 2px) 25%);transform:perspective(380px) rotateX(18deg);transform-origin:bottom;color:#b6cdb343;font:700 30px/1 var(--sport,Impact,sans-serif)}.softee-yardline>span:last-child{font-size:14px;letter-spacing:.2em}
.softee-truck{position:relative;width:86%;max-width:375px;margin:0 auto -7px;z-index:2;will-change:transform}.softee-truck>svg{display:block;width:100%;height:auto;overflow:visible}
.softee-order{width:89%;max-width:430px;position:relative;z-index:3;margin-top:-13px}
.softee-cones{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;align-items:end;padding:0 10px;min-height:59px}.softee-cones>svg{display:block;width:100%;height:55px;overflow:visible;opacity:0;transform:translateY(22px) scale(.4);transform-origin:center bottom}
.softee-tray{background:#28599b;box-shadow:0 5px 0 #081e38;border:2px solid #cad6bf;display:flex;align-items:center;justify-content:space-between;color:#fff4db;padding:10px 13px;font:700 7px/1.3 Arial,sans-serif;letter-spacing:.12em;position:relative}.softee-tray>b{font:700 26px/.8 var(--sport,Impact,sans-serif);color:#fff5db}
.softee-curb.is-arriving .softee-truck{animation:softee-arrive 1s cubic-bezier(.16,.78,.21,1) both}.softee-curb.is-arriving .softee-wheel{transform-box:fill-box;transform-origin:center;animation:softee-roll 1s ease-out both}.softee-curb.is-serving .softee-cones>svg{animation:softee-serve .32s cubic-bezier(.16,.85,.25,1.4) calc(var(--cone-index)*.065s) both}.softee-curb.is-served .softee-cones>svg{opacity:1;transform:none}
@keyframes softee-arrive{0%{transform:translateX(-85%) rotate(-3deg);opacity:0}15%{opacity:1}82%{transform:translateX(6px) rotate(1deg)}100%{transform:none}}
@keyframes softee-roll{from{transform:rotate(-300deg)}to{transform:rotate(0)}}
@keyframes softee-serve{from{opacity:0;transform:translateY(22px) scale(.4)}to{opacity:1;transform:none}}
.motion-paused .softee-section *{animation:none!important;transition:none!important}
@media(max-width:800px){.softee-main{gap:6%;padding:65px 6vw 58px}.softee-copy h2{font-size:clamp(57px,8.8vw,78px)}.softee-description{font-size:13px}.softee-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:21px}.softee-stamp{width:126px;margin-bottom:32px}.softee-stamp>span{font-size:17px}.softee-year{font-size:7px}.softee-photo{padding:8px 8px 0;box-shadow:7px 10px 0 #254f8720}.softee-photo figcaption{font-size:5px;letter-spacing:.02em;padding:12px 0}.softee-curb{gap:3%;padding:35px 6vw 31px;grid-template-columns:.82fr 1.18fr}.softee-curb-copy>strong{font-size:37px}.softee-serve{padding:12px;font-size:9px;gap:15px}.softee-street{min-height:285px}.softee-truck{width:100%}.softee-order{width:100%}.softee-cones{gap:2px;padding:0 8px;min-height:50px}.softee-cones>svg{height:46px}.softee-tray{font-size:5px;padding:9px}.softee-status{font-size:10px}}
@media(max-width:560px){.softee-main{grid-template-columns:1fr;padding:49px 7vw 55px;gap:37px}.softee-copy h2{font-size:clamp(68px,17.6vw,99px);margin-bottom:23px}.softee-description{font-size:14px;max-width:320px;margin-bottom:22px}.softee-eyebrow{font-size:8px;margin-bottom:23px}.softee-stamp{position:absolute;right:1%;top:180px;transform:rotate(9deg);width:99px;padding:7px;display:none}.softee-year{margin-top:22px;font-size:7px;gap:7px 12px}.softee-photo{max-width:278px;width:79%;margin:0 auto 7px}.softee-photo figcaption{font-size:6px}.softee-curb{display:flex;flex-direction:column;padding:33px 7vw 30px;gap:25px;align-items:stretch}.softee-curb-copy>strong{font-size:clamp(32px,8.9vw,43px);max-width:160px;margin-bottom:0}.softee-curb-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:center}.softee-curb-label{grid-column:1/-1;margin-bottom:13px}.softee-serve{font-size:8px;padding:11px;gap:8px;min-width:0}.softee-serve>span:last-child{font-size:18px}.softee-status{grid-column:1/-1;max-width:none;margin-top:15px;min-height:15px}.softee-street{width:100%;min-height:270px;align-self:auto}.softee-truck{width:94%;max-width:337px}.softee-order{width:97%;max-width:355px}.softee-cones{min-height:56px;padding:0 7px;gap:2px}.softee-cones>svg{height:52px}.softee-tray{font-size:6px}.softee-yardline{inset:8px -15% 61px}}
@media(prefers-reduced-motion:reduce){.softee-section *{animation:none!important;transition:none!important}.softee-serve:hover{transform:none}}