.system-experience{height:610svh;position:relative;background:#e9e8df;color:#20221d}.system-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;padding:102px 5vw 26px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% 20%,#fffef8,#e9e8df 70%);--system-progress:0}.system-top,.system-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;letter-spacing:.12em}.system-heading{display:flex;align-items:end;justify-content:space-between;gap:5vw;margin:23px 0 24px}.system-heading h2{font:700 clamp(55px,6vw,96px)/.87 Display,Impact,sans-serif;letter-spacing:-.025em;margin:0;flex:1}.system-heading em{font:400 .69em/1.1 Georgia,serif;letter-spacing:-.06em;box-shadow:inset 0 -.14em #e8ff59}.system-heading p{font-size:clamp(16px,1.2vw,20px);line-height:1.45;max-width:360px;margin:0 0 4px}.system-workshop{position:relative;flex:1;min-height:0;overflow:hidden;border-top:1px solid #20221d;border-bottom:1px solid #20221d}.system-workshop:before,.system-workshop:after{content:'';position:absolute;left:0;right:0;height:12px;background:repeating-linear-gradient(90deg,#20221d75 0 14px,transparent 14px 40px);z-index:3;pointer-events:none}.system-workshop:before{top:0}.system-workshop:after{bottom:0}.system-rail{position:absolute;inset:24px 0;display:flex;gap:18px;transform:translate3d(calc(var(--system-progress)*-1*(100% - 100vw + 10vw)),0,0);will-change:transform}.system-belt{position:absolute;left:0;right:0;top:50%;height:16px;transform:translateY(-50%);background:#20221d;box-shadow:0 2px 0 #faf9ee,0 -2px 0 #faf9ee}.system-card{position:relative;flex:0 0 min(42vw,660px);min-width:0;background:#f8f7ee;border:1px solid #20221d;box-shadow:12px 12px 0 #20221d25;display:flex;flex-direction:column;padding:23px 25px 17px;z-index:1;overflow:hidden}.system-card:before{content:'';height:10px;width:10px;border-radius:50%;background:#20221d;position:absolute;top:19px;right:22px;box-shadow:-20px 0 #20221d55}.system-number{font-size:11px;letter-spacing:.14em;border-bottom:1px solid #20221d64;padding-bottom:12px}.system-card h3{font:700 clamp(38px,3.2vw,58px)/.87 Display,Impact,sans-serif;letter-spacing:-.015em;margin:21px 0 10px}.system-card h3 em{font:400 .75em Georgia,serif}.system-card p{font-size:clamp(15px,1.06vw,18px);line-height:1.39;max-width:560px;margin:0}.system-visual{margin:auto 0 14px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.04em}.system-card>small{border-top:1px solid #20221d50;padding-top:12px;font-size:10px;letter-spacing:.12em}.audit{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-width:330px;margin-left:auto;margin-right:auto;width:100%}.audit div{border:1px solid #20221d66;padding:7px;display:flex;justify-content:space-between;gap:20px}.audit i{font-style:normal;background:#e8ff59;width:18px;text-align:center}.strategy span,.connections span,.iterate span{background:#e8ff59;padding:9px 10px;font-weight:700}.strategy b,.iterate b{font-size:22px;font-weight:400}.connections{gap:0}.connections span{font-size:10px;padding:8px}.connections i{width:24px;height:1px;background:#20221d;flex:none}.creatives span{border:1px solid #20221d;flex:1;max-width:100px;min-height:75px;display:flex;align-items:end;padding:8px;font:700 17px/.9 Display,Impact,sans-serif;background:linear-gradient(145deg,#20221d 0 40%,#e8ff59 40% 65%,#f8f7ee 65%)}.select span{font:700 35px Display,Impact,sans-serif;border:1px solid #20221d;padding:5px 12px;min-width:72px;display:flex;justify-content:space-between;gap:8px}.select b{font:400 25px Body,sans-serif}.select span:nth-child(2){opacity:.4;text-decoration:line-through}.select span:not(:nth-child(2)) b{color:#658300}.iterate span{font-size:10px}.lead{display:flex;flex-direction:column;gap:4px;border:1px solid #20221d;padding:10px 16px;align-items:stretch;max-width:280px;width:100%;margin-left:auto;margin-right:auto;background:#e8ff59}.lead span{font-size:10px}.lead strong{font:700 25px Display,Impact,sans-serif}.system-card-result{background:#e8ff59}.system-card-result .lead{background:#f8f7ee}.system-bottom{padding-top:17px}.system-count{font:700 24px Display,Impact,sans-serif;min-width:85px}.system-bottom a{font-size:13px;letter-spacing:0;border-bottom:1px solid;padding:6px 0}header.on-system{color:#20221d}header.on-system .contact{border-color:#20221d60}@media(max-width:760px){.system-experience{height:680svh}.system-stage{min-height:0;padding:90px 6vw 22px}.system-top span:last-child{display:none}.system-heading{display:block;margin:18px 0 18px}.system-heading h2{font-size:clamp(42px,10vw,68px)}.system-heading p{font-size:14px;line-height:1.35;margin-top:13px;max-width:340px}.system-workshop:before,.system-workshop:after{height:8px;background-size:auto}.system-rail{gap:12px;inset:16px 0}.system-card{flex-basis:88vw;padding:16px 17px 13px;box-shadow:none}.system-number{font-size:10px;padding-bottom:8px}.system-card h3{font-size:clamp(39px,10vw,52px);margin:17px 0 10px}.system-card p{font-size:14px;line-height:1.36}.system-visual{margin-top:auto;margin-bottom:10px;min-height:50px;gap:5px}.system-card>small{font-size:9px;line-height:1.25;padding-top:8px}.connections i{width:9px}.connections span{font-size:8px;padding:7px 4px}.strategy span,.iterate span{font-size:9px;padding:7px 4px}.creatives span{min-height:58px}.system-bottom{font-size:9px;padding-top:12px}.system-bottom>span:nth-child(2){display:none}.system-count{font-size:19px}.system-bottom a{font-size:12px}}@media(max-width:375px){.system-heading h2{font-size:38px}.system-heading p{font-size:13px}.system-card p{font-size:13px}.system-card h3{font-size:36px}}@media(prefers-reduced-motion:reduce){.system-experience{height:auto}.system-stage{position:relative;height:auto;min-height:0}.system-workshop{overflow-x:auto;min-height:510px}.system-rail{position:relative;inset:auto;transform:none!important;width:max-content;min-height:490px}.system-card{width:min(42vw,660px)}.system-bottom>span:nth-child(2){display:none}}@media(max-width:760px) and (prefers-reduced-motion:reduce){.system-card{width:88vw}.system-workshop{min-height:475px}.system-rail{min-height:440px}}