.abc-intro{position:relative;max-width:1500px;margin:25px auto 0;padding:30px 5% 65px}.abc-meta{display:flex;justify-content:space-between;align-items:start;font-size:11px;line-height:1.5}.abc-meta>span:first-child{font-family:var(--serif);font-style:italic;font-size:26px}.abc-meta>span:last-child{text-align:right;color:#695a7f}.abc-letters{display:grid;grid-template-columns:repeat(3,1fr);margin:-15px 0 0;line-height:.86;font-family:var(--serif);font-weight:400}.abc-letters button{font:inherit;font-size:clamp(140px,34vw,470px);line-height:.95;letter-spacing:-.08em;padding:0 0 35px;color:#c4a6df;text-shadow:0 2px #ead8f2,2px 6px #ad8cc929,0 25px 30px #65528626;transition:color .6s,transform .6s}.abc-letters button[aria-pressed=true]{color:#aa7dd1;transform:translateY(-8px)}.abc-letters button:hover{color:#b284d7}.abc-definitions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #6e587858;padding-top:20px;gap:30px}.abc-definitions button{text-align:left;padding:12px 0;border-top:2px solid transparent}.abc-definitions button[aria-pressed=true]{border-color:#8654a9}.abc-definitions small{font-family:var(--serif);font-style:italic;font-size:17px}.abc-definitions strong{display:block;font-size:41px;letter-spacing:-1.8px;font-weight:500;margin:6px 0 12px}.abc-definitions span{display:block;font-size:12px;color:#786485}.abc-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #80658e2e;padding:24px 0 10px;margin-top:15px;font-size:10px}.abc-footer p{color:#6c5681;font-family:var(--serif);font-style:italic;font-size:18px}.abc-spark{position:absolute;right:5%;top:20%;font-size:55px;color:#9870b5;pointer-events:none}.hero-world{padding-top:25px}.intro h2{font-size:clamp(37px,4.3vw,68px);line-height:.98;letter-spacing:-.065em;font-weight:450;margin:0}.intro h2 em{font-size:1.05em}.brand-manifesto{max-width:1400px;padding:65px 7% 70px;margin:0 auto;text-align:center;position:relative;perspective:1200px}.brand-manifesto>.eyebrow{color:#705b86}.brand-manifesto h2{font-size:clamp(37px,5.1vw,72px);letter-spacing:-.05em;line-height:1.13;font-weight:450;margin:35px -2% 25px;position:relative;z-index:2}.brand-manifesto h2 em{font-size:1.1em}.word-orbit{position:relative;white-space:nowrap}.word-orbit:after{content:'';position:absolute;inset:-7px -14px;border:1px solid #8c66ac;border-radius:50%;transform:rotate(-5deg);pointer-events:none}.manifesto-copy{font-size:14px;line-height:1.65;max-width:480px;margin:30px auto 40px;color:#6c5c7c}.logo-orbit{display:flex;align-items:center;justify-content:space-around;gap:60px;padding:30px 0 10px}.logo-orbit.bottom{padding:0 0 30px}.logo-object{position:relative;width:180px;height:100px;padding:24px;display:flex;align-items:center;justify-content:center;border-radius:23px;background:linear-gradient(140deg,#e8dbefb5,#b9a8d588);border:1px solid #efe4faab;box-shadow:inset 0 2px 0 #eadff5,2px 5px 0 #a891bd77,10px 16px 26px #604c7b20;transform:rotate(-7deg) rotateY(12deg);animation:logo-float 8s ease-in-out infinite}.logo-object img{width:100%;max-height:70px;object-fit:contain;filter:drop-shadow(1px 2px 0 #67577b55)}.logo-object:nth-child(2){transform:rotate(4deg) rotateY(-12deg);animation-delay:-3s;border-radius:60px}.logo-object:nth-child(3){transform:rotate(9deg) rotateY(-15deg);animation-delay:-5s}.logo-object.popeyes{background:linear-gradient(140deg,#f2d4b4,#deac8d)}.logo-object.hilton{background:linear-gradient(140deg,#d3cbe5,#a999cb)}.logo-object.airforce{background:linear-gradient(140deg,#dbe2eb,#a6b9d5)}.logo-object.flori{background:linear-gradient(140deg,#dce3c9,#b4c7ae)}.brand-credit{font-size:9px;color:#786a87;margin:15px 0 0}@keyframes logo-float{50%{translate:0 -10px;rotate:2deg}}
#projectList{grid-template-columns:repeat(4,1fr);max-height:590px;gap:14px}#projectList button:nth-child(n){background:var(--tile,#d9c8e7)}#projectList img{height:205px}#projectList h3{font-size:17px}#projectList p{line-height:1.4;margin-right:10px}.color-row{flex-wrap:wrap}.numbers-section{padding-top:90px;padding-bottom:75px}.numbers-heading{display:flex;align-items:end;justify-content:space-between}.numbers-heading h2{font-size:55px;line-height:1;letter-spacing:-2.8px;font-weight:450;margin:25px 0 0}.numbers-heading>p{font-size:13px;line-height:1.5;color:#756581;margin:0 20px 5px 0}.orbital-stats{position:relative;display:flex;align-items:center;justify-content:space-around;min-height:470px;margin-top:35px}.stat-paths{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#72578966;stroke-width:.8}.stat{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.stat-one{margin-top:70px}.stat-two{margin-top:-100px}.stat-three{margin-top:110px}.stat small{font-size:8px;letter-spacing:.4px;color:#725d86}.stat strong{font-size:clamp(90px,12vw,175px);font-weight:450;letter-spacing:-.09em;line-height:1.05;background:linear-gradient(145deg,#776487 10%,#33263f 40%,#917fa0 75%,#51425e);background-clip:text;-webkit-text-fill-color:transparent}.stat strong>span{font-size:.43em;letter-spacing:-.07em}.stat p{font-family:var(--serif);font-style:italic;font-size:20px;letter-spacing:-.3px;margin:10px 0}.orbit-coordinate{position:absolute;left:3%;bottom:30px;font-size:8px;letter-spacing:1px;color:#8b769b}.orbit-traveler{position:absolute;inset:45px 25px;border:0;border-radius:50%;transform:rotate(-12deg);animation:orbital-turn 35s linear infinite;pointer-events:none}.orbit-traveler:after{content:'';position:absolute;left:20%;top:0;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e5d7ed,#8e70ab 60%,#493751);box-shadow:0 0 14px #d5bbe5}@keyframes orbital-turn{to{transform:rotate(348deg)}}.relationship-copy{font-size:23px!important;line-height:1.15!important;letter-spacing:-.7px;color:#5c436f}.relationship-copy em{font-size:1.2em}.orbit-caption{text-align:center;font-family:inherit;font-style:normal;font-size:23px;bottom:-78px;white-space:normal;width:100%;color:#543c68}.orbit-caption strong{font-weight:450;letter-spacing:-.7px}.orbit-caption>span{display:block;font-size:11px;margin-top:10px;color:#715c83}.testimonials{padding-bottom:155px}#projectBody>a{margin-right:20px}
@media(max-width:750px){.abc-intro{padding:25px 6% 35px;margin:0}.abc-meta>span:first-child{font-size:19px}.abc-meta>span:last-child{font-size:8px}.abc-letters{margin:25px 0 0}.abc-letters button{font-size:33vw;padding-bottom:30px}.abc-definitions{gap:15px;padding-top:10px}.abc-definitions small{font-size:14px}.abc-definitions strong{font-size:27px;letter-spacing:-1.3px;margin:7px 0 9px}.abc-definitions span{font-size:9px;line-height:1.5}.abc-footer{display:block;padding-top:7px}.abc-footer p{font-size:17px;max-width:270px}.abc-footer a{font-size:9px;display:block;margin-bottom:15px}.abc-spark{font-size:28px;top:20%}.intro h2{font-size:44px}.brand-manifesto{padding:45px 6%}.brand-manifesto h2{font-size:36px;margin:25px 0}.manifesto-copy{font-size:12px;max-width:310px;margin:25px auto}.logo-orbit{gap:15px;padding:25px 0 5px}.logo-object{width:30%;height:70px;padding:13px;border-radius:15px}.logo-object img{max-height:43px}.brand-credit{font-size:8px;line-height:1.5}.word-orbit:after{inset:-3px -8px}.logo-orbit.bottom{padding-top:10px}.numbers-heading h2{font-size:40px;letter-spacing:-2px}.numbers-heading>p{font-size:10px;margin:0}.numbers-section{padding-top:55px}.orbital-stats{min-height:340px;margin-top:20px}.stat strong{font-size:72px}.stat small{font-size:6px;max-width:80px;text-align:center;line-height:1.4}.stat p{font-size:14px;max-width:100px;text-align:center}.stat-one{margin-top:30px}.stat-two{margin-top:-110px}.stat-three{margin-top:105px}.orbit-coordinate{font-size:6px;bottom:12px}.orbit-traveler{inset:40px 0}.relationship-copy{font-size:23px!important;margin-top:25px!important}.orbit-caption{font-size:22px;bottom:-70px}.orbit-caption>span{font-size:10px}.color-row{gap:13px}.color-row>span{width:100%}.color-row #clearFilters{margin-left:0}.color-row [data-color]{width:25px;height:25px}#projectList{grid-template-columns:repeat(2,1fr);max-height:520px}#projectList img{height:155px}#projectList h3{font-size:14px}.testimonials{padding-bottom:120px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:751px){.abc-letters button{font-size:clamp(180px,28vw,390px);font-weight:700;padding-bottom:22px}.abc-intro{padding-top:18px}.abc-definitions{padding-top:12px}}
#projectList{height:590px;align-content:start}@media(max-width:750px){#projectList{height:520px}}
/* sculpted abc, one definition at a time */
.abc-letters{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;align-items:end;gap:0;margin:5px 0 0}.abc-letters button{font-family:inherit;font-size:clamp(180px,34vw,480px);font-weight:800;letter-spacing:-.085em;line-height:.92;padding:0 20px 32px 0;color:#d2b2eb;text-shadow:1px 1px #caa5e3,2px 2px #c4a0de,3px 3px #bf99d9,4px 4px #b993d3,5px 5px #b28acd,6px 6px #ac84c7,7px 7px #a87fc4,12px 18px 16px #78549025,22px 32px 34px #6c467a25;transition:color .5s,transform .5s}.abc-letters button[aria-pressed=true]{color:#bc8bdd;transform:translateY(-4px)}.abc-letters button:hover{transform:translateY(-9px) rotate(-1deg)}.abc-detail{display:grid;grid-template-columns:16% 1fr auto;align-items:center;gap:25px;border-top:1px solid #55416480;padding:27px 0 10px}.abc-detail-letter{font-size:110px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;line-height:1;font-weight:700;letter-spacing:-9px;color:#c28edd;-webkit-text-stroke:1px #624774;text-shadow:3px 4px #a981bf}.abc-detail-copy>span{font-family:var(--serif);font-style:italic;font-size:19px}.abc-detail-copy h2{font-size:clamp(32px,4.4vw,64px);font-weight:650;letter-spacing:-2.5px;margin:7px 0 10px;line-height:1.04}.abc-detail-copy p{font-size:14px;line-height:1.5;margin:0;max-width:620px}.abc-detail-controls{align-self:center;text-align:right}.abc-tabs{display:flex;justify-content:end;gap:12px;margin-bottom:22px}.abc-tabs button{border:1px solid #75538c;border-radius:50%;width:43px;height:43px;font-size:18px;background:#ece2f480;box-shadow:0 2px 0 #aa8bb8}.abc-tabs button[aria-pressed=true]{background:#c69ae5}.abc-detail-controls>button{font-size:11px;padding:0}.hero-world{display:block;max-width:1280px;padding:70px 6% 60px;margin:auto}.machine-world{width:100%}.arcade{width:100%;padding:0 65px 20px 0;margin:auto}.machine{padding:50px 40px 45px;border-radius:40px;background:linear-gradient(150deg,#ddeffc66,#e8dafa7a);border:1px solid #f6f0ffba;box-shadow:inset 0 1px 0 #f8f4ff,0 24px 45px #6b468b30;backdrop-filter:blur(15px)}.machine-top{position:absolute;bottom:-72px;left:0;right:0;padding:0 6px;z-index:1}.machine-stamp{display:none}.indicator{font-size:9px}.machine-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:-78px;margin:0;z-index:3}.machine-bottom .edition,.machine-bottom .serial{display:none}.spin-button{white-space:nowrap;padding:12px 22px;min-width:215px;font-size:11px}.reel-labels{font-weight:650;font-size:30px;letter-spacing:-1.8px;margin-bottom:22px;padding:0;line-height:1;align-items:baseline}.reel-labels b{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:83px;font-weight:800;letter-spacing:-6px;line-height:.85;color:#c18ae0;text-shadow:1px 2px #ad74ca;margin-right:3px}.reel-frame{gap:20px;overflow:visible}.reel{height:390px;border:2px solid #c286e5;border-radius:25px!important;background:#f3f0ff9e;box-shadow:0 12px 27px #b17ac533,inset 0 0 20px #e9dffb80}.symbol{height:390px}.symbol.initial{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:650;font-size:150px;letter-spacing:-10px;color:#b392c6}.reel-b .initial{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal}.symbol.question{font-size:37px;padding:24px}.symbol.art img{height:92%;width:100%}.payline{left:-26px;right:-26px;font-size:16px;top:50%;color:#b570d5;align-items:center;isolation:isolate}.payline:before{content:'';position:absolute;left:6px;right:6px;height:1px;background:#c78deb66;z-index:-1}.lever-base{background:none;box-shadow:none;right:0;top:0;width:65px;height:100%;border-radius:0}.lever-base button{width:62px;height:340px;left:4px;top:95px;bottom:auto;transform-origin:31px 310px}.lever-knob{width:62px;height:62px;left:0;top:0;background:radial-gradient(circle at 30% 23%,#f2d9fc,#dfa6f4 40%,#bd78dc 78%,#a766c5);box-shadow:inset -3px -5px 8px #9764b344,4px 9px 18px #73528935}.lever-rod{width:8px;height:260px;left:27px;bottom:15px;background:linear-gradient(90deg,#c7b9df,#ede6fa 46%,#d6c7e9);box-shadow:inset 1px 0 #f6eeff88,2px 2px 4px #8c6cab16}.lever-hint{display:block;bottom:-28px;left:0;width:62px;text-align:center;font:11px 'Helvetica Neue',Helvetica,sans-serif;rotate:0}.machine-spark{position:absolute;font-size:29px;line-height:1;pointer-events:none;color:#c281e3}.spark-one{top:26px;left:31px}.spark-two{right:35px;top:43px;color:#78cbe3;font-size:23px}.spark-three{right:-16px;bottom:24px;font-size:35px}.reveal{margin:85px auto 0;width:calc(100% - 65px);left:-32px}.result{border-top:1px solid #7d639335;padding-top:22px}.logo-object{transform-style:preserve-3d;border:1px solid #f3e9fc;box-shadow:inset 0 2px 1px #f7edffcc,inset -3px -4px 8px #60437b25,1px 2px 0 #b99bca,2px 4px 0 #ae8fc1,3px 6px 0 #a486b7,4px 8px 0 #977aa9,5px 10px 0 #8b709e,8px 17px 12px #66457829,15px 27px 30px #57346e29}.logo-object img{filter:drop-shadow(1px 1px 0 #8b719c) drop-shadow(1px 2px 0 #9c84af) drop-shadow(2px 3px 2px #54406355);transform:translateZ(10px)}
@media(max-width:750px){.abc-letters{margin-top:27px}.abc-letters button{font-size:31vw;padding:0 8px 30px 0;text-shadow:1px 1px #c6a1df,2px 2px #bb94d4,3px 3px #af86c9,4px 4px #a880c1,9px 12px 15px #6c467a25}.abc-detail{grid-template-columns:60px 1fr;gap:14px;padding-top:22px}.abc-detail-letter{font-size:72px;letter-spacing:-6px;align-self:start}.abc-detail-copy>span{font-size:15px}.abc-detail-copy h2{font-size:34px;letter-spacing:-1.4px}.abc-detail-copy p{font-size:11px}.abc-detail-controls{grid-column:2;text-align:left;margin-top:8px}.abc-tabs{justify-content:start;gap:10px;margin-bottom:14px}.abc-tabs button{height:35px;width:35px;font-size:15px}.abc-detail-controls>button{font-size:10px}.hero-world{padding:40px 5% 40px}.arcade{padding-right:30px}.machine{padding:34px 13px 27px;border-radius:23px}.reel-labels{font-size:16px;letter-spacing:-1px;margin-bottom:17px}.reel-labels b{font-size:40px;letter-spacing:-3px;margin-right:1px}.reel-frame{gap:6px}.reel{height:245px;border-width:1px;border-radius:13px!important}.symbol{height:245px}.symbol.initial{font-size:85px;letter-spacing:-6px}.symbol.question{font-size:22px;padding:9px}.payline{left:-13px;right:-13px;font-size:9px}.machine-spark{font-size:17px}.spark-one{top:12px;left:14px}.spark-two{top:18px;right:15px;font-size:14px}.spark-three{right:-8px;bottom:14px;font-size:23px}.lever-base{width:30px}.lever-base button{width:31px;height:225px;left:2px;top:80px;transform-origin:15px 210px}.lever-knob{width:32px;height:32px}.lever-rod{height:185px;width:5px;left:13px;bottom:10px}.lever-hint{width:31px;font-size:8px;bottom:-15px}.machine-bottom{bottom:-69px}.spin-button{min-width:190px;padding:11px 17px;font-size:10px}.machine-top{bottom:-98px;justify-content:center}.indicator{font-size:7px}.reveal{margin-top:101px;width:calc(100% - 30px);left:-15px}.result-hint{font-size:7px}.brand-manifesto{padding-top:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
