@import url("https://fonts.googleapis.com/css2?family=Anton&family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#191717;--paper:#f3f0e9;--cherry:#a7193f;--saffron:#c08328;--gold:#e0bc48;--muted:#736d66;--line:#d3cec4;--mono:"DM Mono",monospace;--sans:"Space Grotesk",Arial,sans-serif;--display:Anton,Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#1717170d 1px,transparent 0),linear-gradient(90deg,#1717170d 1px,transparent 0);background-size:22px 22px;background-position:top}a{color:inherit}.topbar{height:70px;padding:0 7%;justify-content:space-between;background:#f3f0e9e8;border-bottom:2px solid var(--ink);position:relative;z-index:2}.topbar,.wordmark{display:flex;align-items:center}.wordmark{gap:9px;text-decoration:none;color:var(--ink);font:15px var(--display);letter-spacing:.04em}.mark{width:32px;height:32px;border:2px solid var(--cherry);color:var(--cherry);display:grid;place-items:center;font:11px var(--mono);transform:rotate(-7deg);background:var(--gold)}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a{font:11px var(--mono);text-decoration:none;text-transform:uppercase}.topbar nav a:hover{color:var(--cherry)}.topbar nav .nav-note{padding:9px 11px;background:var(--cherry);color:white;transform:rotate(1.5deg)}.hero{min-height:700px;padding:80px 8% 82px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;grid-gap:25px;gap:25px;overflow:hidden}.hero,.hero-copy{position:relative}.hero-copy{z-index:1;padding-bottom:20px}.eyebrow{font:10px var(--mono);letter-spacing:.08em;color:var(--cherry);text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;gap:10px}.dot{width:10px;height:10px;display:inline-block;background:var(--saffron);box-shadow:3px 3px 0 var(--cherry);transform:rotate(45deg)}h1,h2,p{margin-top:0}h1{font:clamp(82px,13vw,174px)/.78 var(--display);letter-spacing:-.015em;margin:30px 0 27px;position:relative;z-index:1}h1 span{color:var(--cherry);text-shadow:4px 4px 0 var(--gold)}.intro{max-width:440px;font-size:15px;line-height:1.7;color:#393431;margin:0 0 24px}.text-link{display:inline-block;padding:12px 15px;background:var(--ink);color:var(--paper);font:10px var(--mono);text-decoration:none;text-transform:uppercase;box-shadow:4px 4px 0 var(--saffron);transform:rotate(-1deg)}.text-link span{padding-left:24px;color:var(--gold)}.text-link:hover{background:var(--cherry)}.hero-skills{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.hero-skills span{font:8px var(--mono);padding:7px 9px;border:1px solid var(--ink);background:var(--paper);transform:rotate(-1deg)}.hero-skills span:nth-child(2){background:#e7d7b8;transform:rotate(1deg)}.hero-skills span:nth-child(3){background:#edd2d7;transform:rotate(-.5deg)}.hero-art{position:relative;width:min(100%,500px);aspect-ratio:.91;margin:auto;background:var(--cherry);padding:16px;transform:rotate(2deg);box-shadow:12px 12px 0 var(--ink);touch-action:none;cursor:-webkit-grab;cursor:grab}.hero-art:active{cursor:-webkit-grabbing;cursor:grabbing}.hero-art:before{content:"";position:absolute;z-index:2;inset:8px;border:1px solid #f3f0e98c;pointer-events:none}.hero-scene{background:#e9dfd2}.hero-scene canvas{display:block;width:100%;height:100%}.art-caption{right:-9px;bottom:22px;padding:11px 13px;background:var(--gold);font:10px/1.5 var(--mono);font-weight:500;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}.art-caption,.art-index{position:absolute;z-index:3}.art-index{left:-11px;top:26px;padding:8px 11px;background:var(--ink);color:var(--paper);font:10px var(--mono);transform:rotate(-5deg)}.hero-index{position:absolute;left:8%;right:8%;bottom:25px;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:#56504b}.tear-band{position:relative;z-index:1;height:120px;margin-top:-8px;background:var(--ink);color:var(--paper);overflow:hidden;-webkit-clip-path:polygon(0 8%,4% 12%,8% 5%,13% 11%,18% 5%,23% 12%,29% 6%,34% 11%,40% 5%,47% 12%,53% 5%,59% 10%,65% 4%,71% 12%,78% 5%,84% 11%,90% 6%,95% 12%,100% 5%,100% 91%,96% 86%,91% 93%,85% 87%,78% 95%,71% 87%,65% 94%,58% 86%,52% 94%,45% 87%,38% 94%,31% 87%,24% 95%,17% 88%,10% 95%,4% 88%,0 94%);clip-path:polygon(0 8%,4% 12%,8% 5%,13% 11%,18% 5%,23% 12%,29% 6%,34% 11%,40% 5%,47% 12%,53% 5%,59% 10%,65% 4%,71% 12%,78% 5%,84% 11%,90% 6%,95% 12%,100% 5%,100% 91%,96% 86%,91% 93%,85% 87%,78% 95%,71% 87%,65% 94%,58% 86%,52% 94%,45% 87%,38% 94%,31% 87%,24% 95%,17% 88%,10% 95%,4% 88%,0 94%)}.tear-band,.ticker-track{display:flex;align-items:center}.ticker-track{gap:35px;white-space:nowrap;min-width:max-content;animation:marquee 25s linear infinite;font:42px var(--display);letter-spacing:.03em}.ticker-track b{font:27px var(--sans);color:var(--gold)}.ticker-track span:nth-of-type(2n){color:#e7bd59}.ticker-track span:nth-of-type(3n){color:#e05b6c}@keyframes marquee{to{transform:translateX(-35%)}}.section-wrap{padding-left:9%;padding-right:9%}.work{padding-top:92px;padding-bottom:96px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading .eyebrow{display:inline-block;background:var(--gold);padding:6px 8px;transform:rotate(-2deg)}.section-heading h2,.skills-heading h2{font:47px/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:6px 0 0}.count{vertical-align:top;margin-left:10px;font:11px var(--mono);color:var(--cherry);letter-spacing:0}.section-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 3px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:32px 20px;gap:32px 20px}.project-card{min-width:0;grid-column:span 4}.project-card-1{grid-column:span 7}.project-card-2{grid-column:span 5}.video-shell{aspect-ratio:16/10;background:#151515;position:relative;overflow:hidden;border:5px solid var(--paper);outline:1px solid var(--ink);box-shadow:5px 5px 0 var(--cherry)}.project-card:nth-child(2n) .video-shell{box-shadow:5px 5px 0 var(--saffron);transform:rotate(1deg)}.project-card:nth-child(3n) .video-shell{transform:rotate(-1deg)}.video-shell video{width:100%;height:100%;object-fit:contain;display:block;background:#151515}.clip-index{position:absolute;z-index:1;top:8px;left:8px;padding:6px 8px;background:var(--gold);color:var(--ink);font:9px var(--mono);pointer-events:none;transform:rotate(-2deg)}.card-meta{padding:14px 2px 0;display:flex;justify-content:space-between;gap:10px;align-items:start}.card-meta h3{font:21px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:0}.card-meta p{font:9px var(--mono);color:var(--cherry);margin:6px 0 0;text-transform:uppercase}.card-duration{font:9px var(--mono);color:var(--muted);white-space:nowrap;padding-top:4px}.add-note{margin-top:45px;padding:18px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:16px}.add-icon{width:34px;height:34px;border:2px solid var(--cherry);display:grid;place-items:center;font:20px var(--mono);color:var(--cherry);background:var(--gold);transform:rotate(-6deg)}.add-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.add-note strong{color:var(--ink);font-weight:700}.add-note a{margin-left:auto;font:9px var(--mono);color:var(--cherry);text-decoration:none;border-bottom:2px solid var(--saffron);padding-bottom:5px;text-transform:uppercase}.about{position:relative;padding-top:76px;padding-bottom:76px;background:var(--cherry);color:white;display:grid;grid-template-columns:.8fr 2fr .7fr;grid-gap:25px;gap:25px;border-top:8px solid var(--ink);border-bottom:8px solid var(--ink);-webkit-clip-path:polygon(0 2%,5% 1%,10% 3%,16% 0,23% 2%,29% 0,36% 3%,43% 1%,51% 3%,58% 0,66% 2%,73% 0,81% 3%,89% 1%,95% 2%,100% 0,100% 98%,95% 97%,87% 100%,79% 97%,72% 100%,65% 97%,58% 100%,50% 97%,43% 100%,36% 97%,28% 100%,21% 97%,14% 100%,7% 97%,0 99%);clip-path:polygon(0 2%,5% 1%,10% 3%,16% 0,23% 2%,29% 0,36% 3%,43% 1%,51% 3%,58% 0,66% 2%,73% 0,81% 3%,89% 1%,95% 2%,100% 0,100% 98%,95% 97%,87% 100%,79% 97%,72% 100%,65% 97%,58% 100%,50% 97%,43% 100%,36% 97%,28% 100%,21% 97%,14% 100%,7% 97%,0 99%)}.about .eyebrow{color:var(--gold)}.about-label .eyebrow{margin:6px 0}.about-number{display:block;margin-top:90px;font:9px var(--mono);color:#f2c5bc}.about-copy h2,.contact h2{font:clamp(38px,5.3vw,67px)/.98 var(--display);text-transform:uppercase;letter-spacing:.015em;margin:0 0 23px}.about-copy h2 em,.contact h2 em{color:var(--gold);font-style:normal}.about-copy>p{max-width:450px;font-size:13px;line-height:1.8;color:#fff1e7}.about-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.about-tags span{font:8px var(--mono);border:1px solid #ffffff80;padding:7px 9px;color:white;background:#74112d}.about-aside{align-self:end;justify-self:end;font:10px/1.7 var(--mono);color:#ffe4ce}.aside-line{display:block;width:36px;height:3px;background:var(--gold);margin-bottom:12px}.aside-index{display:block;margin-top:54px;color:#f3b3b9}.skills{padding-top:86px;padding-bottom:90px;background:linear-gradient(135deg,#f4eee8,#f5f1eb 58%,#f0e6d7)}.skills-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.skills-heading .eyebrow{margin:0;background:var(--cherry);color:white;padding:7px 9px;transform:rotate(2deg)}.skill-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.skill-item{position:relative;min-height:175px;padding:17px 17px 20px 0;border-right:1px solid #aa8b70}.skill-item:not(:first-child){padding-left:19px}.skill-item:last-child{border-right:0}.skill-item:first-child,.skill-item:nth-child(4){background:linear-gradient(180deg,#f1e1e3,transparent 80%)}.skill-item:nth-child(2){background:linear-gradient(180deg,#f2e8d8,transparent 80%)}.skill-item:nth-child(3){background:linear-gradient(180deg,#f2ecd5,transparent 80%)}.skill-number{font:10px var(--mono);color:var(--cherry)}.skill-item h3{font:24px/1.05 var(--display);text-transform:uppercase;letter-spacing:.02em;margin:33px 0 0}.skill-mark{position:absolute;right:17px;bottom:17px;font:24px var(--sans)}.cherry-mark{color:var(--cherry)}.saffron-mark{color:var(--saffron)}.gold-mark{color:#a88713}.contact{padding-top:90px;padding-bottom:90px;text-align:center;background:var(--paper)}.contact .eyebrow{color:var(--cherry);font:11px var(--mono)}.contact h2{color:var(--ink);margin-bottom:20px}.contact-note{font-size:12px;color:var(--cherry);font-weight:600}.contact-edit{margin:29px auto 0;max-width:320px;border-top:2px solid var(--ink);padding-top:14px;color:#746b64;font:9px/1.7 var(--mono)}.footer{min-height:75px;padding:18px 7%;border-top:3px solid var(--ink);display:flex;justify-content:space-between;align-items:center;background:var(--gold)}.footer .mark{background:var(--cherry);color:white;border-color:var(--ink)}.footer>span{font:9px var(--mono);letter-spacing:.08em}.footer>a:last-child{font:9px var(--mono);text-decoration:none;text-transform:uppercase}.footer>a:last-child:hover{color:var(--cherry)}@media(max-width:800px){.hero{min-height:620px;padding:75px 7% 78px;grid-template-columns:1.1fr .9fr}.hero-art{width:min(100%,390px)}h1{font-size:clamp(76px,12vw,125px)}.section-wrap{padding-left:7%;padding-right:7%}.project-card,.project-card-1,.project-card-2{grid-column:span 6}.about{grid-template-columns:.7fr 2fr}.about-aside{display:none}.skill-item h3{font-size:21px}}@media(max-width:560px){.topbar{height:62px;padding:0 5%}.wordmark{font-size:13px}.topbar nav{gap:12px}.topbar nav a{font-size:9px}.topbar nav .nav-note{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:unset;padding:54px 6% 68px}.hero-copy{padding-bottom:0}h1{font-size:clamp(79px,22vw,125px);margin:28px 0 22px}.intro{font-size:13px;max-width:360px}.hero-art{width:82%;margin:5px 7% 12px auto;aspect-ratio:1.15}.hero-index{left:6%;right:6%;bottom:17px;font-size:7px}.tear-band{height:92px}.ticker-track{font-size:34px;gap:22px}.section-wrap{padding-left:6%;padding-right:6%}.work{padding-top:61px;padding-bottom:64px}.section-heading{display:block}.section-heading h2,.skills-heading h2{font-size:39px}.section-note{margin-top:13px;font-size:11px}.project-grid{grid-template-columns:1fr;gap:29px}.project-card,.project-card-1,.project-card-2{grid-column:span 1}.project-card:nth-child(2n) .video-shell,.project-card:nth-child(3n) .video-shell{transform:none}.card-meta h3{font-size:21px}.about{display:block;padding:61px 8% 63px;-webkit-clip-path:polygon(0 1%,7% 2%,14% 0,22% 2%,30% 0,38% 2%,47% 0,56% 1%,65% 0,74% 2%,82% 0,91% 2%,100% 0,100% 99%,93% 98%,84% 100%,75% 98%,65% 100%,55% 98%,45% 100%,35% 98%,25% 100%,16% 98%,7% 100%,0 98%);clip-path:polygon(0 1%,7% 2%,14% 0,22% 2%,30% 0,38% 2%,47% 0,56% 1%,65% 0,74% 2%,82% 0,91% 2%,100% 0,100% 99%,93% 98%,84% 100%,75% 98%,65% 100%,55% 98%,45% 100%,35% 98%,25% 100%,16% 98%,7% 100%,0 98%)}.about-label{margin-bottom:37px}.about-number{margin-top:10px}.about-copy h2,.contact h2{font-size:49px}.skills{padding:61px 6% 64px}.skills-heading{display:block}.skills-heading h2{margin-top:9px}.skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-item{min-height:140px;padding:14px 12px 17px 0}.skill-item:not(:first-child){padding-left:12px}.skill-item:nth-child(2){border-right:0}.skill-item:nth-child(3){padding-left:0}.skill-item:nth-child(3),.skill-item:nth-child(4){border-top:1px solid #aa8b70}.skill-item h3{font-size:22px;margin-top:24px}.contact{padding:65px 7%}.footer{padding:16px 5%;min-height:65px}.footer>span{font-size:7px}.footer .wordmark{font-size:11px}.footer .mark{width:27px;height:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}.project-card-gallery{grid-column:span 12}.screenshot-gallery{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:repeat(2,minmax(110px,1fr));grid-gap:12px;gap:12px;min-height:300px}.screenshot{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;background:#171717;border:4px solid var(--paper);outline:1px solid var(--ink);box-shadow:5px 5px 0 var(--cherry)}.screenshot-1{grid-row:span 2}.screenshot img{display:block;width:100%;height:100%;min-height:110px}.screenshot img,.screenshot-2 img,.screenshot-3 img{object-fit:cover}.screenshot figcaption{position:absolute;left:9px;bottom:8px;padding:6px 8px;background:var(--gold);font:8px var(--mono);color:var(--ink)}.project-card-gallery .card-meta{padding-top:18px}@media(max-width:560px){.project-card-gallery{grid-column:span 1}.screenshot-gallery{grid-template-columns:1fr;grid-template-rows:auto;min-height:unset}.screenshot-1{grid-row:auto}.screenshot{aspect-ratio:16/9}.screenshot img{min-height:0}}.hero-art{aspect-ratio:1.18;cursor:default;touch-action:auto;padding:13px;background:#a7193f}.hero-scene{position:relative;width:100%;height:100%;background:#252535;overflow:hidden}.car-viewer{width:100%;height:100%;display:flex;flex-direction:column;background:#171720;color:#f3f0e9;font-family:var(--mono);-webkit-user-select:none;-moz-user-select:none;user-select:none}.car-viewer-stage{position:relative;flex:1 1;min-height:0;overflow:hidden;aspect-ratio:1.6;background:radial-gradient(ellipse at 50% 72%,#454352 0,#292835 38%,#171720 78%);cursor:-webkit-grab;cursor:grab;touch-action:none;outline:none}.car-viewer-stage.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.car-viewer-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}.car-viewer-stage canvas{display:block;width:100%;height:100%}.viewer-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#252535;color:#f3f0e9;font:9px var(--mono);letter-spacing:.1em}.viewer-badge,.viewer-hint,.viewer-zoom-indicator{position:absolute;z-index:1;font:8px var(--mono);letter-spacing:.06em}.viewer-badge{left:11px;top:43px;padding:7px 9px;background:#171720d9;color:#f3f0e9;border:1px solid #ffffff30}.viewer-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#817b7b;vertical-align:1px}.viewer-live-dot.is-live{background:#e0bc48;box-shadow:0 0 9px #e0bc48;animation:viewer-pulse 1.6s infinite}@keyframes viewer-pulse{50%{opacity:.4}}.viewer-hint{right:12px;top:12px;padding:7px 8px;background:#171720a8;color:#d7d2cc}.viewer-hint i{font-style:normal;color:var(--gold);padding-left:5px}.viewer-zoom-indicator{right:11px;bottom:10px;color:#d7d2cc;background:#171720a8;padding:5px 7px}.viewer-toolbar{min-height:45px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f3f0e9;color:var(--ink);border-top:1px solid #ffffff25}.viewer-actions,.viewer-views{display:flex;align-items:center;gap:3px}.viewer-toolbar button{min-width:28px;height:28px;padding:0 7px;border:0;background:transparent;color:#625c57;font:9px var(--mono);cursor:pointer}.viewer-toolbar button:focus-visible,.viewer-toolbar button:hover{background:#e7d7b8;color:var(--ink);outline:none}.viewer-views button{font-size:8px;letter-spacing:.04em}.viewer-views button.is-selected{color:var(--cherry);box-shadow:inset 0 -2px var(--cherry)}.viewer-side-label{padding-left:5px;color:var(--cherry);font:8px var(--mono);letter-spacing:.05em}.viewer-actions button{font-size:16px}.viewer-actions .viewer-play{display:flex;align-items:center;gap:5px;color:var(--cherry);font-size:13px}.viewer-actions .viewer-play span{font-size:8px}.viewer-actions button.is-active{color:var(--cherry);background:#f4dbe0}.viewer-actions .viewer-flip-label{margin-left:3px;font-size:7px;vertical-align:1px}.car-viewer:-webkit-full-screen{width:100vw;height:100vh;background:#171720;padding:3vh 5vw}.car-viewer:fullscreen{width:100vw;height:100vh;background:#171720;padding:3vh 5vw}.car-viewer:-webkit-full-screen .car-viewer-stage{flex:1 1;aspect-ratio:auto}.car-viewer:fullscreen .car-viewer-stage{flex:1 1;aspect-ratio:auto}@media(max-width:560px){.hero-art{aspect-ratio:1.15;padding:10px}.viewer-toolbar{min-height:40px;padding:0 5px}.viewer-toolbar button{min-width:25px;padding:0 5px}.viewer-views button{font-size:7px}.viewer-actions .viewer-flip-label,.viewer-actions .viewer-play span{display:none}.viewer-hint{font-size:7px}}