.creative-closing{background:#f5efce;color:#24201c;padding-block:clamp(56px,7vw,96px);overflow:hidden}.creative-closing .closing-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:36px}.creative-closing h2{font-size:clamp(44px,5.2vw,76px);line-height:1.05;letter-spacing:-.045em}.creative-closing h2 em{color:#c82032;display:inline-block;line-height:1.15}.creative-closing .eyebrow{color:#9b1928;margin-bottom:18px}.closing-intro>p{max-width:430px;font-size:18px;line-height:1.6;justify-self:end}.closing-console{background:#24201c;border:1px solid #ffffff25;border-radius:28px;padding:20px;box-shadow:0 24px 38px -28px #24201c99}.console-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f5efce;font-size:14px;margin:0 4px 18px;min-height:44px}.console-bar>span{letter-spacing:.07em;text-transform:uppercase}.closing-motion{min-height:44px;padding:8px 14px;background:#38332e;color:#f5efce;border:1px solid #8d8474;border-radius:8px;font-size:14px;cursor:pointer}.closing-motion:hover{background:#f5efce;color:#24201c}.closing-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.closing-tile{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:25%;background:#c82032;color:white;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}.closing-tile:hover,.closing-tile:focus-visible{transform:translateY(-8px);text-decoration:none;box-shadow:0 12px 20px #0005}.tile-art{aspect-ratio:1;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:25%;background:radial-gradient(ellipse at 45% 0%,#ffffff45,transparent 65%);box-shadow:inset 0 2px 4px #ffffff45,inset 0 -12px 24px #0002}.tile-art>*{animation:creative-drift 6s ease-in-out infinite;animation-play-state:paused}.closing-tile:nth-child(2n) .tile-art>*{animation-delay:-2s}.closing-tile:nth-child(3n) .tile-art>*{animation-delay:-4s}.tile-identity img{width:58%;height:58%;object-fit:contain;filter:brightness(0) invert(1)}.tile-web{background:#d8d5ca;color:#24201c}.tile-graphic{background:#c82032}.tile-tech{background:#34302b;color:#f5efce}.tile-media{background:#e2a99c;color:#7b1522}.tile-label{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:15px;font-weight:600;padding:0 15px 20px;line-height:1.3}.tile-label svg{flex-shrink:0;width:17px}.tile-window{position:relative;display:block;width:69%;height:59%;border:2px solid currentColor;border-radius:9px;background:#f5efce;box-shadow:8px 8px 0 #c82032;transform:rotate(-6deg)}.tile-window i{display:block;height:20%;border-bottom:2px solid currentColor;background:radial-gradient(circle at 12% 50%,#c82032 2px,transparent 3px)}.tile-window b{display:block;background:#c82032;width:45%;height:45%;margin:12% 8%}.tile-window>span{position:absolute;right:8%;top:42%;width:24%;height:25%;border-block:3px solid #24201c}.tile-type{font-size:clamp(40px,6vw,88px);font-weight:600;letter-spacing:-.08em;line-height:1;display:block;text-align:center}.tile-type span{font:600 12px/1.4 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.05em;display:block;margin-top:10px}.tile-tech .tile-art>svg{width:80%;height:80%}.tile-wave{display:flex;align-items:center;gap:6px;height:55%;width:70%;justify-content:center}.tile-wave i{width:8%;height:40%;background:currentColor;border-radius:8px;animation:creative-wave 2s ease-in-out infinite;animation-delay:calc(var(--i,1)*-.16s);animation-play-state:paused}.tile-wave i:nth-child(3n){--i:3;height:85%}.tile-wave i:nth-child(2n){--i:2;height:65%}.closing-invitation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px}.closing-invitation p{font-size:17px;max-width:480px}.creative-closing .pill{flex-shrink:0;background:#c82032;color:#fff;border:1px solid #c82032;gap:20px}.creative-closing .pill:hover{background:#24201c;border-color:#24201c;color:white}.creative-closing a:focus-visible,.creative-closing button:focus-visible{outline:3px solid #c82032;outline-offset:5px}.closing-console a:focus-visible{outline-color:#f5efce}.creative-closing.is-playing .tile-art>*,.creative-closing.is-playing .tile-wave i{animation-play-state:running} .creative-closing .closing-tile:focus-within .tile-art>*, .creative-closing .closing-tile:focus-within .tile-wave i{animation-play-state:paused}@keyframes creative-drift{0%,100%{translate:0 3px;rotate:-3deg}50%{translate:0 -6px;rotate:3deg}}@keyframes creative-wave{0%,100%{scale:1 .65}50%{scale:1 1.15}}@media(max-width:800px){.creative-closing .closing-intro{grid-template-columns:1fr;gap:18px}.closing-intro>p{justify-self:start;max-width:560px}.closing-tiles{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.closing-tile{border-radius:22px}.tile-art{border-radius:22px}.tile-type{font-size:clamp(45px,9vw,76px)}.closing-invitation{align-items:flex-start;flex-direction:column}.tile-label{padding:0 10px 16px;font-size:14px}.tile-label svg{width:14px}.console-bar>span{font-size:14px;letter-spacing:.03em}.closing-console{padding:14px;border-radius:23px}}@media(max-width:420px){.closing-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-tile:last-child{grid-column:1/-1;flex-direction:row;align-items:center;border-radius:22px}.closing-tile:last-child .tile-art{width:40%;flex-shrink:0}.closing-tile:last-child .tile-label{flex:1;padding:15px}.closing-intro>p{font-size:17px}.console-bar{align-items:flex-start}.console-bar>span{max-width:145px}.closing-motion{padding-inline:10px}.tile-type{font-size:60px}}@media(prefers-reduced-motion:reduce){.creative-closing .tile-art>*,.creative-closing .tile-wave i{animation:none!important}.closing-tile{transition:none}.closing-tile:hover{transform:none}}html.reduce-motion .creative-closing .tile-art>*,html.reduce-motion .creative-closing .tile-wave i{animation:none!important}
/* Keep the falling tiles inside their stage without changing document height. */
.closing-console{overflow:visible}.console-bar{position:relative;z-index:2;flex-wrap:wrap}.console-bar>span{margin-right:auto}.closing-replay{min-height:44px;padding:8px 14px;background:transparent;color:#f5efce;border:1px solid #8d8474;border-radius:8px;font-size:14px;cursor:pointer}.closing-replay:hover{background:#f5efce;color:#24201c}.closing-tile.is-dropping{pointer-events:none;will-change:transform}.closing-tile.is-dropping .tile-art>*{animation-play-state:paused!important}@media(max-width:600px){.console-bar{gap:8px}.console-bar>span{flex-basis:100%;max-width:none}.closing-motion,.closing-replay{flex:1}} 

/* Tiles enter through the open space above the tray. */
.creative-closing .closing-console{position:relative;isolation:isolate}.creative-closing .closing-tiles{position:relative;z-index:3}.creative-closing .console-bar{z-index:4}.creative-closing .closing-tile.is-dropping{z-index:5}
/* Editing-timeline frame with icon-only, fully clickable tiles. */
.creative-closing .closing-tile{display:block;aspect-ratio:1;border-radius:25%}.creative-closing .closing-tile .tile-art{width:100%;height:100%;aspect-ratio:1;border-radius:25%}.creative-closing .closing-tile:last-child{grid-column:auto}.creative-closing .console-bar{gap:12px;margin-bottom:10px;align-items:center}.creative-closing .console-bar>span:first-child{font-size:12px;letter-spacing:.06em}.closing-time,.closing-duration{font-family:monospace;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;flex-basis:auto!important;margin:0!important;color:#c4bdab}.closing-time .elapsed{color:#fff;font-variant-numeric:tabular-nums}.closing-duration{border-left:1px solid #625b4f;padding-left:12px}.closing-ruler{height:40px;position:relative;margin:0 7px 18px;--progress:0%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(4% - 1px),#625b4f calc(4% - 1px),#625b4f 4%);background-size:100% 8px;background-repeat:no-repeat;background-position:left 24px}.closing-ruler>span{position:absolute;left:calc(var(--tick)*20%);font:12px/1.3 monospace;color:#c4bdab;translate:-50% 0}.timeline-selection{position:absolute;inset:20px 0 0;background:#f5efce12;border-radius:3px}.timeline-playhead{position:absolute;left:var(--progress);top:18px;height:23px;width:2px;background:#ff8a86;transition:none}.timeline-playhead:before{content:'';position:absolute;left:-4px;top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #ff8a86}.creative-closing .closing-tile:hover .tile-art{box-shadow:inset 0 0 0 2px #f5efce80,inset 0 -12px 24px #0002}@media(max-width:600px){.creative-closing .console-bar>span:first-child{flex-basis:100%}.creative-closing .closing-time{flex:1}.creative-closing .closing-duration{flex:0 0 auto}.creative-closing .closing-motion,.creative-closing .closing-replay{flex:0 0 auto}.creative-closing .closing-tile:last-child{grid-column:auto}.creative-closing .closing-tile:last-child .tile-art{width:100%}.creative-closing .closing-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.creative-closing .tile-type{font-size:42px}.creative-closing .tile-type span{display:none}.creative-closing .tile-wave{gap:3px}} 

.closing-ruler>span:nth-of-type(1){--tick:0}.closing-ruler>span:nth-of-type(2){--tick:1}.closing-ruler>span:nth-of-type(3){--tick:2}.closing-ruler>span:nth-of-type(4){--tick:3}.closing-ruler>span:nth-of-type(5){--tick:4}.closing-ruler>span:nth-of-type(6){--tick:5}
.project-invitation{padding-block:56px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-top:1px solid #625b4f}.project-invitation h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin-top:12px}.project-invitation .pill{flex-shrink:0}@media(max-width:700px){.project-invitation{flex-direction:column;align-items:flex-start;padding-block:40px}}
/* Each seated tile becomes a small motion study; the link itself stays still. */
.home-timeline .tile-art{isolation:isolate}.home-timeline .tile-art:after{content:'';position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff24 47%,#ffffff55 50%,transparent 61%);translate:-70% 0;rotate:-12deg;opacity:0;animation:tile-sheen 6s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-identity .tile-art img{animation:identity-turn 6s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-web .tile-window{animation:browser-rock 7s ease-in-out infinite;animation-play-state:paused;overflow:hidden}.home-timeline .tile-web .tile-window b{animation:browser-content 4.5s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-web .tile-window>span{animation:browser-lines 4.5s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-graphic .tile-type{animation:type-shape 5s cubic-bezier(.45,0,.2,1) infinite;animation-play-state:paused}.home-timeline .tile-type span{animation:type-caption 5s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-tech .tile-art>svg{animation:network-turn 7s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-tech circle{transform-box:fill-box;transform-origin:center;animation:network-node 3.6s ease-in-out infinite;animation-play-state:paused}.home-timeline .tile-tech circle:nth-of-type(2){animation-delay:-.9s}.home-timeline .tile-tech circle:nth-of-type(3){animation-delay:-1.8s}.home-timeline .tile-tech circle:nth-of-type(4){animation-delay:-2.7s}.home-timeline .tile-tech path{stroke-dasharray:8 5;animation:network-flow 5s linear infinite;animation-play-state:paused}.home-timeline.is-playing .tile-art:after,.home-timeline.is-playing .tile-art *{animation-play-state:running}.home-timeline .closing-tile:focus-within .tile-art:after,.home-timeline .closing-tile:focus-within .tile-art *{animation-play-state:paused}.home-timeline .tile-media .tile-art:after{animation-delay:-3s}.home-timeline .tile-web .tile-art:after{animation-delay:-1.5s}@keyframes tile-sheen{0%,20%{translate:-70% 0;opacity:0}35%{opacity:.65}60%{translate:70% 0;opacity:0}100%{translate:70% 0;opacity:0}}@keyframes identity-turn{0%,100%{transform:perspective(500px) rotateY(-12deg) rotateZ(-3deg) scale(.97)}50%{transform:perspective(500px) rotateY(14deg) rotateZ(3deg) scale(1.04)}}@keyframes browser-rock{0%,100%{transform:rotate(-6deg) translateY(2px)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes browser-content{0%,18%,100%{transform:translateY(0) scaleY(1)}45%,65%{transform:translateY(-7px) scaleY(.75)}}@keyframes browser-lines{0%,18%,100%{translate:0 0;scale:1 1}45%,65%{translate:0 7px;scale:1 .7}}@keyframes type-shape{0%,15%,100%{transform:scale(1,1) rotate(-3deg)}35%,50%{transform:scale(1.18,.85) rotate(2deg)}70%,80%{transform:scale(.88,1.12) rotate(-1deg)}}@keyframes type-caption{0%,15%,100%{letter-spacing:.05em;opacity:1}35%,50%{letter-spacing:.12em;opacity:.7}70%,80%{letter-spacing:.02em;opacity:1}}@keyframes network-turn{0%,100%{transform:rotate(-5deg) scale(.98)}50%{transform:rotate(5deg) scale(1.02)}}@keyframes network-node{0%,100%{scale:1;opacity:1}50%{scale:.78;opacity:.45}}@keyframes network-flow{to{stroke-dashoffset:-65}}@media(prefers-reduced-motion:reduce){.home-timeline .tile-art:after,.home-timeline .tile-art *{animation:none!important}}html.reduce-motion .home-timeline .tile-art:after,html.reduce-motion .home-timeline .tile-art *{animation:none!important}
.home-timeline.is-playing .closing-tile .tile-art *{animation-play-state:running}.home-timeline.is-playing .closing-tile:focus-within .tile-art *{animation-play-state:paused}

/* Prominent motion remains visible at the small inline icon size. */
.home-timeline .tile-identity .tile-art img{animation-duration:3.2s}.home-timeline .tile-art:after{animation-duration:3.6s}.home-timeline .tile-web .tile-window{animation-duration:3.8s;border-width:3px}.home-timeline .tile-web .tile-window b,.home-timeline .tile-web .tile-window>span{animation-duration:2.8s}.home-timeline .tile-graphic .tile-type{animation-duration:3s}.home-timeline .tile-tech .tile-art>svg{animation-duration:4s}.home-timeline .tile-tech circle{animation-duration:2s}.home-timeline .tile-tech path{animation-duration:2.5s}.home-timeline .tile-wave i{animation-duration:1.4s}@keyframes identity-turn{0%,100%{transform:perspective(400px) rotateY(-30deg) rotateZ(-9deg) scale(.88)}50%{transform:perspective(400px) rotateY(30deg) rotateZ(9deg) scale(1.14)}}@keyframes browser-rock{0%,100%{transform:rotate(-10deg) translateY(4%)}50%{transform:rotate(8deg) translateY(-5%)}}@keyframes browser-content{0%,15%,100%{transform:translateY(0) scaleY(1)}45%,65%{transform:translateY(-25%) scaleY(.6)}}@keyframes browser-lines{0%,15%,100%{translate:0 0;scale:1 1}45%,65%{translate:0 30%;scale:1 .65}}@keyframes type-shape{0%,10%,100%{transform:scale(.87,1.12) rotate(-6deg)}35%,50%{transform:scale(1.26,.72) rotate(5deg)}70%,80%{transform:scale(.72,1.22) rotate(-3deg)}}@keyframes network-turn{0%,100%{transform:rotate(-18deg) scale(.92)}50%{transform:rotate(18deg) scale(1.06)}}@keyframes network-node{0%,100%{scale:1.15;opacity:1}50%{scale:.55;opacity:.4}}@keyframes creative-wave{0%,100%{scale:1 .35}50%{scale:1 1.25}}