@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.scrolling{animation:50s linear forwards scrolling}.crew>:nth-child(odd){text-align:right}.crew>:nth-child(2n){text-align:left;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-transform:uppercase}.label,.value{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));align-items:center;display:flex}.label{text-align:right}.value{text-align:left;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);text-transform:uppercase}@keyframes scrolling{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}@property --tw-font-weight{syntax:"*";inherits:false}
.marquee-track{will-change:transform;width:max-content;display:flex}.line-down{animation:3s ease-in-out infinite line-down}@keyframes line-down{0%{top:-50%}50%,to{top:100%}}.angel-letter{font-size:8em;line-height:1;display:block;position:absolute}.angel-letter-a{color:#e0171e;top:70.64vh;left:4.27vw}.angel-letter-n{color:#ff832d;top:60.64vh;left:30.27vw;transform:rotate(29.6deg)}.angel-letter-g{color:#ff832d;top:76.64vh;left:38.27vw;transform:rotate(-47.15deg)}.angel-letter-e{color:#ff832d;font-size:7em;top:63.64vh;left:65.27vw}.angel-letter-l{color:#e0171e;top:76.64vh;left:70.27vw;transform:rotate(-55.61deg)}@media (min-width:64rem){.angel-letter{font-size:9em}.angel-letter-a{left:2.27vw}.angel-letter-n{top:55.21vh;left:14.27vw}.angel-letter-g{top:81.62vh;left:18.27vw}.angel-letter-e{left:30.27vw}.angel-letter-l{left:37.27vw}.angel-letter-e{font-size:8em}}@media (min-width:80rem){.angel-letter{font-size:12em}.angel-letter-a{top:64vh}.angel-letter-n{top:53.21vh;left:16.27vw}.angel-letter-g{top:80.62vh;left:16.27vw}.angel-letter-e{font-size:10em;left:29.27vw}.angel-letter-l{left:35.27vw}}
.work{--bg:#fbfaf8;--surface:#f2f0ec;--surface-2:#eae7e1;--accent:#e0233d;--accent-dim:#f7c9d1;--amber:#c96a00;--text:#18161c;--muted:#6b6672;--border:#18161c1a;--border-strong:#18161c33;background:var(--bg);color:var(--text);font-family:var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.work *{box-sizing:border-box}.work ::selection{background:var(--accent);color:#fbfaf8}.work a{color:inherit}.work .display{font-family:var(--font-big-shoulders-display),sans-serif;text-transform:uppercase;letter-spacing:.01em}.work .mono{font-family:var(--font-jetbrains-mono),monospace}.work .wrap{max-width:1180px;margin:0 auto;padding:0 32px}@media (max-width:640px){.work .wrap{padding:0 20px}}.work .stub-divider{background-image:repeating-linear-gradient(to right,var(--border-strong)0 10px,transparent 10px 20px);height:1px;margin:0 auto;position:relative}.work .stub-divider:before,.work .stub-divider:after{content:"";background:var(--bg);border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.work .stub-divider:before{left:-11px}.work .stub-divider:after{right:-11px}.work .hero{background-image:linear-gradient(180deg,#0a090c8c 0%,#0a090cb8 55%,#0a090cf7 100%),var(--hero-image,none);color:#fdfcfa;background-position:50% 15%;background-repeat:no-repeat;background-size:cover;padding:88px 0 72px;position:relative}.work .hero-eyebrow{letter-spacing:.16em;color:#ff8a9c;opacity:0;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;animation:.7s 50ms forwards work-rise-in;display:flex}.work .hero-eyebrow:before{content:"●";font-size:8px}.work h1.hero-title{color:#fdfcfa;text-shadow:0 4px 30px #00000059;opacity:0;margin:0 0 26px;font-size:clamp(48px,8vw,104px);font-weight:800;line-height:.92;animation:.8s .15s forwards work-rise-in}.work h1.hero-title .accent{color:var(--accent)}.work .hero-sub{color:#fdfcfacc;opacity:0;max-width:560px;margin-bottom:40px;font-size:17px;line-height:1.6;animation:.8s .28s forwards work-rise-in}.work .hero-link{letter-spacing:.08em;text-transform:uppercase;color:#ff8a9c;opacity:0;align-items:center;gap:8px;margin:-20px 0 40px;font-size:13px;text-decoration:none;transition:color .2s;animation:.8s .35s forwards work-rise-in;display:inline-flex}.work .hero-link:hover{color:#fdfcfa}.work .hero-link:after{content:"↗";transition:transform .2s}.work .hero-link:hover:after{transform:translate(2px,-2px)}@keyframes work-rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.work .meta-strip{opacity:0;border-top:1px solid #fdfcfa33;border-bottom:1px solid #fdfcfa33;grid-template-columns:repeat(4,1fr);gap:0;margin-top:8px;animation:.8s .4s forwards work-rise-in;display:grid}.work .meta-item{border-right:1px solid #fdfcfa33;padding:18px 20px 18px 0}.work .meta-item:last-child{border-right:none}.work .meta-item .k{letter-spacing:.12em;color:#fdfcfa99;text-transform:uppercase;margin-bottom:8px;padding-left:10px;font-size:10px}.work .meta-item .v{padding-left:10px;font-size:15px;font-weight:500}@media (max-width:760px){.work .meta-strip{grid-template-columns:repeat(2,1fr);row-gap:16px}.work .meta-item:nth-child(2){border-right:none}}.work section{padding:96px 0}@media (max-width:760px){.work section{padding:64px 0}}.work .section-head{margin-bottom:44px}.work .section-num{color:var(--accent);letter-spacing:.1em;margin-bottom:10px;font-size:12px}.work .section-title{margin:0;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.02}.work .section-lead{max-width:620px;color:var(--muted);margin-top:16px;font-size:16px;line-height:1.65}.work .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.work .reveal.in{opacity:1;transform:translateY(0)}.work .problem-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:56px;display:grid}@media (max-width:820px){.work .problem-grid{grid-template-columns:1fr}}.work .problem-list{margin:0;padding:0;list-style:none}.work .problem-list li{border-top:1px solid var(--border);gap:16px;padding:20px 0;display:flex}.work .problem-list li:last-child{border-bottom:1px solid var(--border)}.work .problem-list .n{font-family:var(--font-jetbrains-mono),monospace;color:var(--accent);padding-top:2px;font-size:13px}.work .problem-list .t strong{margin-bottom:4px;font-size:15px;display:block}.work .problem-list .t p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.work .old-shot{border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;overflow:hidden}.work .old-shot img{width:100%;display:block}.work .old-shot .cap{color:var(--muted);border-top:1px solid var(--border);font-size:11px;font-family:var(--font-jetbrains-mono),monospace;justify-content:space-between;padding:10px 14px;display:flex}.work .compare-wrap{position:relative}.work .compare-frame{aspect-ratio:19/10;border:1px solid var(--border-strong);cursor:ew-resize;touch-action:none;border-radius:10px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #18161c47}.work .compare-frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work .img-before,.work .img-after{object-position:top center}.work .compare-after{clip-path:inset(0 50% 0 0)}.work .compare-handle{cursor:ew-resize;background:#fdfcfa;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-1.5px);box-shadow:0 0 0 1px #0b0b0f73}.work .compare-handle .grip{background:var(--accent);color:#0b0b0f;border:3px solid #fdfcfa;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0b0b0f73,0 0 0 1px #0b0b0f40}.work .compare-tag{letter-spacing:.1em;font-size:10px;font-family:var(--font-jetbrains-mono),monospace;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fbfaf8cc;border-radius:20px;padding:5px 10px;position:absolute;top:14px}.work .compare-tag.before-tag{left:14px}.work .compare-tag.after-tag{color:var(--accent);right:14px}.work .compare-caption{text-align:center;color:var(--muted);font-size:12px;font-family:var(--font-jetbrains-mono),monospace;margin-top:18px}.work .compare-slider-input{width:100%;accent-color:var(--accent);margin:22px auto 0;display:block}.work .change-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (max-width:820px){.work .change-grid{grid-template-columns:1fr}}.work .change-card{background:var(--bg);padding:32px 26px}.work .change-card .num{font-family:var(--font-jetbrains-mono),monospace;color:var(--accent);margin-bottom:16px;font-size:12px}.work .change-card h3{margin:0 0 10px;font-size:19px;font-weight:700}.work .change-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.work .walkthrough-banner{aspect-ratio:16/9;border:1px solid var(--border-strong);background:var(--surface-2);border-radius:10px;width:100%;margin-bottom:40px;overflow:hidden;box-shadow:0 40px 80px -30px #18161c47}.work .walkthrough-banner video{object-fit:cover;width:100%;height:100%;display:block}.work .fullpage-layout{grid-template-columns:320px 1fr;align-items:start;gap:64px;display:grid}@media (max-width:820px){.work .fullpage-layout{grid-template-columns:1fr}}.work .fullpage-shot{border:1px solid var(--border-strong);border-radius:10px;position:sticky;top:100px;overflow:hidden;box-shadow:0 40px 80px -30px #18161c47}.work .fullpage-shot img{width:100%;display:block}@media (max-width:820px){.work .fullpage-shot{max-width:320px;margin:0 auto 40px;position:static}}.work .anno-list{margin:0;padding:0;list-style:none}.work .anno-item{border-top:1px solid var(--border);gap:20px;padding:26px 0;display:flex}.work .anno-item:last-child{border-bottom:1px solid var(--border)}.work .anno-num{border:1px solid var(--border-strong);width:32px;height:32px;font-family:var(--font-jetbrains-mono),monospace;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.work .anno-text h4{margin:0 0 6px;font-size:16px;font-weight:700}.work .anno-text p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.work .detail-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:80px;display:grid}.work .detail-row:last-child{margin-bottom:0}.work .detail-row.rev{grid-template-columns:1fr 1fr}.work .detail-row.rev .detail-text{order:2}.work .detail-row.rev .detail-shot{order:1}@media (max-width:820px){.work .detail-row,.work .detail-row.rev{grid-template-columns:1fr}.work .detail-row.rev .detail-text,.work .detail-row.rev .detail-shot{order:unset}}.work .detail-shot{border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.work .detail-shot img{width:100%;display:block}.work .detail-tag{letter-spacing:.1em;color:var(--accent);font-size:10px;font-family:var(--font-jetbrains-mono),monospace;text-transform:uppercase;margin-bottom:12px}.work .detail-text h3{margin:0 0 12px;font-size:24px;font-weight:800}.work .detail-text p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.work .statement-block{border-left:3px solid var(--accent);padding:8px 0 8px 32px}.work .statement-block p{font-family:var(--font-big-shoulders-display),sans-serif;text-transform:uppercase;color:var(--text);margin:0;font-size:clamp(24px,3.4vw,38px);font-weight:700;line-height:1.25}.work .statement-block p .fill{color:var(--muted);text-transform:none;font-style:italic;font-family:var(--font-inter),sans-serif;font-size:.6em;font-weight:500}.work .persona-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:760px){.work .persona-grid{grid-template-columns:1fr}}.work .persona-card{border:1px dashed var(--border-strong);background:var(--surface);border-radius:8px;padding:24px}.work .persona-card .tag{font-family:var(--font-jetbrains-mono),monospace;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-size:10px;display:block}.work .persona-avatar{width:140px;height:140px;margin-bottom:12px}.work .persona-avatar img{object-fit:contain;width:100%;height:100%}.work .persona-card h4{margin:0 0 8px;font-size:17px;font-weight:700}.work .persona-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.work .team-panel{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (max-width:760px){.work .team-panel{grid-template-columns:1fr}}.work .team-panel p{color:var(--muted);margin:0 0 16px;font-size:15px;line-height:1.7}.work .team-panel p:last-child{margin-bottom:0}.work .team-list{margin:0;padding:0;list-style:none}.work .team-list li{border-top:1px solid var(--border);color:var(--muted);padding:16px 0;font-size:14px;line-height:1.6}.work .team-list li:last-child{border-bottom:1px solid var(--border)}.work .team-list li strong{color:var(--text);font-weight:700}.work .reflect{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),var(--bg));border-radius:10px;padding:44px}@media (max-width:640px){.work .reflect{padding:28px}}.work .reflect p{color:var(--text);max-width:760px;margin:0 0 16px;font-size:16px;line-height:1.75}.work .reflect>p{margin-bottom:24px}.work .takeaway-list{margin:0;padding:0;list-style:none}.work .takeaway-list li{border-top:1px solid var(--border);color:var(--muted);gap:16px;padding:22px 0;font-size:16px;line-height:1.7;display:flex}.work .takeaway-list li:last-child{padding-bottom:0}.work .takeaway-list li:before{content:"—";color:var(--accent);font-family:var(--font-jetbrains-mono),monospace;flex:none}.work .takeaway-list li strong{color:var(--text);font-weight:700}.work .prose-body{color:var(--text);max-width:760px;font-size:16px;line-height:1.75}.work .prose-body p{margin:0 0 20px}.work .prose-body p:last-child{margin-bottom:0}.work .prose-body ol,.work .prose-body ul{color:var(--muted);margin:0 0 20px;padding-left:20px;font-size:15px;line-height:1.7}.work .media-block{flex-direction:column;gap:40px;display:flex}.work .media-item{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;overflow:hidden}.work .media-item img{width:100%;display:block}.work .media-item iframe{border:0;width:100%;height:70vh;display:block}.work .media-caption{color:var(--muted);border-top:1px solid var(--border);font-size:11px;font-family:var(--font-jetbrains-mono),monospace;padding:10px 14px}.work footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:48px 0 60px;font-size:12px;display:flex}@media (max-width:640px){.work footer{text-align:center;flex-direction:column;gap:10px}}
