@font-face{font-family:StudioDisplay;src:url(/fonts/home2-anton.ttf) format("truetype");font-display:swap}.reference-site{--reference-dark:#10181d;--reference-cream:#f5f0e6;--font-heading:StudioDisplay,"Arial Narrow",sans-serif;background:var(--reference-cream)}.living-site.reference-site main{background:var(--reference-cream)}.reference-site>main,.reference-site>div>main{padding-top:84px}.living-site.reference-site :is(h1,h2){letter-spacing:-.025em;line-height:.96;text-transform:uppercase;text-wrap:balance}.living-site.reference-site :is(h1,h2) em{font-family:var(--font-marker);font-style:normal;letter-spacing:-.035em;color:var(--pink);font-weight:400}.living-site.reference-site .pill{border-radius:4px;background:#e41664;box-shadow:none;color:#fff;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 22px}.living-site.reference-site .pill:hover{background:#bf0e50;color:#fff;translate:0 -2px}.living-site.reference-site :is(a,button):focus-visible{outline:3px solid #f5d722;outline-offset:5px}.reference-proof-link{display:inline-flex;align-items:center;gap:12px;font:600 14px/1.4 var(--font-body);color:inherit;text-decoration:underline;text-underline-offset:6px}.reference-handnote{font:18px/1.2 var(--font-marker);rotate:-2deg;width:-moz-max-content;width:max-content;max-width:100%;border-bottom:3px solid #f5d722;padding:0 0 9px}.reference-hero{position:relative;isolation:isolate;min-height:calc(100svh - 84px);background:#10181d;color:#f5f0e6;padding:84px var(--pad) 105px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;overflow:hidden}.reference-hero:before,.reference-page-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(130deg,#ffffff05 0px,#ffffff05 1px,transparent 1px,transparent 9px),radial-gradient(ellipse at 85% 50%,#3c263450,transparent 55%);opacity:.65}.living-site.reference-site .reference-hero h1{font:400 clamp(64px,7.5vw,122px)/.98 var(--font-marker);letter-spacing:-.045em;text-transform:uppercase;text-wrap:nowrap;margin:35px 0 28px}.reference-hero h1 em{position:relative;display:inline-block;rotate:-2deg;color:#ff2e86}.reference-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;background:#f5d722;clip-path:polygon(0 60%,98% 0,100% 45%,4% 100%)}.reference-hero-intro{max-width:480px;font-size:clamp(16px,1.4vw,21px);line-height:1.6;color:#f5f0e6df}.reference-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:34px}.reference-builder-scene{position:relative;perspective:1000px;min-height:540px;display:grid;place-items:center}.reference-builder-paper{position:relative;width:min(100%,480px);aspect-ratio:.85;background:#f0ece2;rotate:-4deg;overflow:hidden;clip-path:polygon(4% 4%,96% 0,100% 93%,5% 100%,0 18%);box-shadow:0 25px 50px #0006}.reference-builder-paper img{width:190%;max-width:none;margin:-33% 0 0 -35%;height:auto;display:block}.reference-impact-note{position:absolute;left:-12px;top:0;z-index:3;rotate:-9deg;padding:24px 28px;background:#f5d722;color:#111;font:26px/1.05 var(--font-marker);box-shadow:6px 8px #0006;border:1px solid #ae9518}.reference-builder-caption{position:absolute;right:-5px;bottom:5px;z-index:3;font:20px/1.2 var(--font-marker);rotate:5deg;background:#10181d;padding:15px}.reference-hero-marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;stroke:#ff2e86;stroke-width:5;fill:none}.reference-hero-ticker{position:absolute;bottom:0;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:18px;padding:22px 0;border-top:1px solid #ffffff30;font:10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.reference-page-intro{position:relative;isolation:isolate;background:#10181d;color:#f5f0e6;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;gap:60px;min-height:460px;padding:80px var(--pad);overflow:hidden}.living-site.reference-site .reference-page-intro h1{font:400 clamp(60px,7vw,100px)/1 StudioCondensed,Impact,sans-serif;text-transform:uppercase;margin:24px 0}.reference-page-intro p:not(.living-kicker){font-size:17px;line-height:1.6;max-width:620px}.reference-page-note{padding:36px;rotate:6deg;font:clamp(21px,2.4vw,36px)/1.12 var(--font-marker);background:#f5f0e6;color:#10181d;border:1px solid #c5baa2;box-shadow:14px 17px #0008;max-width:330px}.living-site.reference-site .making-reel{background:#10181d;padding:75px var(--pad);color:#f5f0e6;border:0}.living-site.reference-site .making-reel h2{font:400 clamp(36px,4.5vw,66px)/1.1 var(--font-marker);text-transform:uppercase;letter-spacing:-.02em}.living-site.reference-site .making-reel .reel-heading{padding:0 0 30px;border:0}.living-site.reference-site .static-making{border:1px solid #ffffff2e;border-radius:3px;overflow:hidden;margin:0}.living-site.reference-site .static-making figcaption{padding:14px 20px;color:#f5f0e6;font-size:11px;background:#10181d}.living-site.reference-site .built-around-home{padding:90px var(--pad);background:#f5f0e6;gap:70px;border-bottom:1px solid #c9c4b7}.living-site.reference-site .built-around-home h2{font-size:clamp(45px,4.8vw,72px)}.living-site.reference-site .built-around-home .built-around-board{background:#f5d722;border-radius:3px;box-shadow:9px 11px #10181d;border:1px solid #10181d;rotate:2deg}.living-site.reference-site .project-archive{background:#f5f0e6;padding:64px var(--pad);border:0}.living-site.reference-site .archive-section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 40px;margin:0 0 45px}.living-site.reference-site .archive-section-heading .living-kicker{width:100%}.living-site.reference-site .archive-section-heading h2{font-size:clamp(45px,5.8vw,84px);margin:0}.living-site.reference-site .archive-section-heading>a{margin-left:auto}.living-site.reference-site .archive-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.living-site.reference-site .archive-filters button{min-height:44px;border:1px solid #c7c2b7;border-radius:30px;padding:10px 20px;font:600 13px var(--font-body);background:transparent;color:#10181d}.living-site.reference-site .archive-filters button[aria-pressed=true]{background:#10181d;color:#f5f0e6;border-color:#10181d}.reference-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.reference-project-card{min-width:0;border:1px solid #d9d2c4;border-radius:7px;overflow:hidden;background:#faf7ef;position:relative}.reference-project-open{display:flex;flex-direction:column;width:100%;padding:0;border:0;text-align:left;background:none;color:#10181d}.reference-project-visual{width:100%;height:clamp(235px,24vw,370px);overflow:hidden;position:relative;background:var(--project-surface,#10181d)}.reference-project-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.reference-project-visual .orbit-journey{height:100%;padding:32px;display:flex;flex-direction:column;justify-content:center}.reference-project-visual .orbit-journey h3{font-size:35px}.reference-project-visual .orbit-flow strong{font-size:16px}.reference-card-caption{padding:21px 23px 19px;display:grid;grid-template-columns:1fr 36px;align-items:start;gap:9px 18px;width:100%}.reference-card-caption strong{font:700 25px/1.05 var(--font-body);letter-spacing:-.045em}.reference-card-caption .reference-card-tagline{grid-column:1;font-size:14px;line-height:1.5}.reference-card-arrow{grid-column:2;grid-row:1/3;border-radius:50%;width:34px;height:34px;background:#10181d;color:#fff;display:grid;place-items:center}.reference-card-status{grid-column:1/-1;font:10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.035em;color:#4f4b43}.reference-card-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.reference-card-tags span{font:10px/1.3 var(--font-body);background:#e8e4da;padding:5px 8px;border-radius:14px}.reference-card-footer{border-top:1px solid #dfd9ce;padding:15px 23px;font-size:11px;line-height:1.5}.reference-card-footer p{margin:0 0 12px}.reference-card-footer a{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.reference-card-fallback{display:flex;flex-direction:column;justify-content:center;height:100%;gap:12px;padding:35px;background:#10181d;color:#f5f0e6}.reference-card-fallback strong{font:35px var(--font-marker)}.reference-card-fallback span{font-size:14px;line-height:1.6}.living-site.reference-site .archive-idea{border:1px dashed #a9a294;border-radius:7px;min-height:235px;margin:30px 0;box-shadow:none;rotate:0;background:none}.living-site.reference-site .archive-experiments{margin-top:80px;padding:50px 35px;background:#10181d;color:#f5f0e6;border-radius:4px}.reference-home .device-arc{padding:0}.reference-home .device-arc-toolbar{font-family:var(--font-marker);font-size:17px;padding:18px 0;border-top:1px solid #10181d}.reference-home .showcase-layout{grid-template-columns:1.7fr .8fr;gap:50px}.reference-home .device-arc-stage{background:#10181d;border:0;border-radius:3px;color:#f5f0e6;perspective:1400px}.reference-home .showcase-device-space{height:640px;padding:15px 30px 60px}.reference-home .showcase-stage-heading,.reference-home .showcase-stage-footnote{color:#e6e2d8;opacity:.8}.reference-home .product-device-shell{filter:drop-shadow(0 24px 28px #0008);transform-style:preserve-3d}.reference-home .floating-device-frame{background:#25292b;border-color:#525657;box-shadow:inset 0 0 0 1px #6c7071;border-radius:12px}.reference-home .floating-device-chrome{color:#d6d7d3}.reference-home .floating-device-screen{border-color:#10181d}.reference-home .floating-device-tablet .floating-device-frame,.reference-home .floating-device-phone .floating-device-frame{background:#25292b}.reference-home .device-laptop-base,.reference-home .device-monitor-stand{filter:brightness(.25) drop-shadow(0 8px 8px #0004)}.reference-home .device-arc-proof h3{font:400 clamp(38px,4vw,62px)/1.05 var(--font-marker);text-transform:lowercase}.reference-home .showcase-tagline{font:400 20px/1.35 var(--font-marker)}.reference-home .device-arc-proof dl{font-size:14px}.reference-home .device-arc-proof dt{color:#ab174d;font-size:10px}.reference-home .proof-action{border-radius:3px;background:#10181d;color:#fff}.living-site.reference-site .manifesto{background:#f5d722;padding:70px var(--pad);grid-template-columns:1.3fr 1fr;gap:60px;border:0}.living-site.reference-site .manifesto h2{font-size:clamp(45px,5.2vw,76px)}.living-site.reference-site .manifesto-lines{font-size:18px}.living-site.reference-site .manifesto .boombox-wrap{background:#f5f0e6;rotate:-3deg;box-shadow:7px 9px #10181d;border:1px solid #10181d}.reference-people{display:grid;grid-template-columns:1.25fr 1fr;background:#10181d;color:#f5f0e6;padding:90px var(--pad);gap:80px;align-items:center}.reference-people figure{position:relative;margin:0;min-width:0}.reference-people figure img{width:100%;height:auto;display:block;border:1px solid #ffffff25}.reference-people figure span{position:absolute;bottom:75px;left:25px;font:24px/1.12 var(--font-marker);color:#fff;background:#10181ddf;padding:18px;rotate:-6deg}.reference-people figcaption{font:10px var(--font-mono);margin-top:12px;opacity:.6}.living-site.reference-site .reference-people h2{font-size:clamp(50px,5.5vw,83px);margin:25px 0}.reference-people p{font-size:17px;line-height:1.6;color:#f5f0e6d9}.reference-people blockquote{margin:35px 0 0;padding-top:25px;border-top:1px solid #ffffff30;font:18px/1.6 var(--font-marker)}.reference-people cite{display:block;font:11px/1.5 var(--font-body);margin-top:15px;font-style:normal;color:#f5f0e6b0}.living-site.reference-site .build-invitation{background:#38ddc9;color:#10181d;padding:75px var(--pad);border:0}.living-site.reference-site .build-invitation:before{display:none}.living-site.reference-site .build-invitation h2{font-size:clamp(44px,5.5vw,80px);margin:20px 0}.living-site.reference-site .build-invitation h2 em{font-family:var(--font-marker);font-weight:400;color:#10181d}.living-site.reference-site .build-invitation p{font-size:17px}.living-site.reference-site .build-invitation .invitation-drawing{border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;box-shadow:none}.living-site.reference-site .footer-closing{display:none}.living-site.reference-site .footer-quiet{background:#10181d;color:#f5f0e6}.reference-vibe-index{display:flex;gap:12px;flex-wrap:wrap;padding:25px var(--pad);border-bottom:1px solid #c9c4b7;font:11px var(--font-mono)}.reference-vibe-index a{padding:9px 12px;border:1px solid #c9c4b7;border-radius:3px;min-height:40px;display:flex;align-items:center}.reference-vibe-band{position:relative;isolation:isolate;min-height:560px;overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;padding:60px var(--pad);gap:60px;border-bottom:1px solid #ffffff20}.reference-vibe-copy h2{font:400 clamp(43px,5.2vw,80px)/1.06 Georgia,serif;text-transform:none;letter-spacing:-.035em;margin:25px 0}.reference-vibe-copy p{max-width:430px;line-height:1.6;font-size:16px}.reference-vibe-art{position:relative;min-height:380px;overflow:hidden}.reference-vibe-art>img{width:100%;height:430px;-o-object-fit:cover;object-fit:cover;display:block}.reference-vibe-art .motion-canvas{height:380px}.reference-colour-world{display:block;width:100%;height:430px;-o-object-fit:cover;object-fit:cover}.reference-vibe-yopla .reference-colour-world{transform:rotate(-3deg) scale(1.05)}.reference-vibe-professional{background:#dfded6;color:#10181d}.reference-vibe-professional .reference-vibe-art{background:#c9c7bf}.reference-photo-fallback{min-height:380px;padding:50px 30px;display:grid;align-content:center;background:linear-gradient(135deg,#dad8ce,#abaea6);color:#10181d}.reference-photo-fallback>span{font:36px var(--font-marker)}.reference-photo-fallback p{font:13px var(--font-body)}.reference-vibe-corporate{background:#e9e9e1;color:#10181d}.reference-vibe-media{background:#10181d;color:#f5f0e6}.reference-vibe-eighties{background:#110825;color:#fff6e2}.reference-vibe-nineties{background:#f5d722;color:#172567}.reference-vibe-street{background:#f5f0e6;color:#10181d}.reference-vibe-yopla{background:#10181d;color:#f5f0e6}.reference-vibe-eighties h2,.reference-vibe-street h2{font-family:var(--font-marker);color:inherit}.reference-vibe-nineties h2,.reference-vibe-yopla h2{font-family:var(--font-heading);text-transform:uppercase}.reference-vibe-art-note{position:absolute;bottom:25px;right:0;padding:20px;background:#f5f0e6;color:#10181d;font:24px/1.1 var(--font-marker);rotate:4deg;box-shadow:8px 10px #0005}.reference-vibe-builder{background:#f5f0e6;width:100%;height:410px;overflow:hidden}.reference-vibe-builder img{width:140%;max-width:none;margin:-25% 0 0 -20%}.reference-vibes .reference-live-worlds{padding:45px var(--pad);background:#f5f0e6}.reference-live-worlds>summary{font:600 17px var(--font-body);cursor:pointer;min-height:50px}.reference-live-worlds>p{max-width:620px;font-size:14px;line-height:1.6}@media(min-width:1650px){.reference-hero{padding-top:100px;padding-bottom:140px}.reference-hero h1{font-size:140px}.reference-builder-paper{width:520px}.reference-builder-scene{min-height:620px}}@media(max-width:1050px){.reference-hero{grid-template-columns:1.2fr .85fr;gap:25px}.reference-hero h1{font-size:7.5vw}.reference-builder-scene{min-height:420px}.reference-impact-note{font-size:19px;padding:19px;left:0}.reference-builder-caption{font-size:15px}.reference-home .showcase-layout{grid-template-columns:1.3fr 1fr;gap:30px}.reference-home .showcase-device-space{height:520px;padding:20px}.reference-people{gap:45px}.reference-page-intro{gap:40px}.reference-vibe-band{gap:40px;min-height:480px;padding-block:45px}}@media(max-width:800px){.reference-hero{grid-template-columns:1fr;padding:45px 22px 85px;gap:30px;min-height:0}.living-site.reference-site .reference-hero h1{font-size:clamp(51px,10.5vw,84px);line-height:1.04;margin:25px 0;text-wrap:wrap}.reference-hero-copy{min-width:0}.reference-handnote{font-size:13px}.reference-hero-intro{font-size:16px;max-width:430px}.reference-actions{gap:22px;margin-top:25px}.reference-actions .pill{font-size:13px;min-height:46px}.reference-proof-link{font-size:13px}.reference-builder-scene{min-height:0;width:100%;max-width:420px;margin:0 auto}.reference-builder-paper{width:76%;aspect-ratio:1;rotate:-4deg}.reference-impact-note{left:0;top:12px;font-size:18px;padding:18px}.reference-builder-caption{right:0;bottom:5px;font-size:14px;padding:10px}.reference-hero-ticker{left:22px;right:22px;gap:12px;flex-wrap:wrap;padding:18px 0;font-size:8px}.reference-hero-ticker span:nth-child(4){display:none}.reference-hero-ticker a{margin-left:auto}.reference-page-intro{grid-template-columns:1fr;gap:35px;padding:50px 22px 60px;min-height:0}.living-site.reference-site .reference-page-intro h1{font-size:clamp(44px,10vw,75px);line-height:1.08}.reference-page-intro p:not(.living-kicker){font-size:15px}.reference-page-note{justify-self:end;padding:24px;font-size:21px;max-width:250px}.living-site.reference-site .making-reel{padding:50px 22px}.living-site.reference-site .built-around-home{padding:55px 22px;gap:35px;grid-template-columns:1fr}.living-site.reference-site .project-archive{padding:50px 20px}.living-site.reference-site .archive-section-heading{gap:20px;margin-bottom:30px}.living-site.reference-site .archive-section-heading>a{margin-left:0}.reference-project-grid{grid-template-columns:1fr;gap:24px}.reference-project-visual{height:280px}.reference-card-caption{padding:19px 20px}.reference-card-caption strong{font-size:23px}.reference-home .showcase-layout{grid-template-columns:1fr;gap:25px}.reference-home .showcase-device-space{height:clamp(320px,95vw,480px);padding:15px 16px 40px}.reference-home .showcase-device-space:has(.floating-device-phone){height:480px}.reference-home .device-arc-proof h3{font-size:37px}.reference-home .device-arc-toolbar{font-size:14px}.living-site.reference-site .manifesto{grid-template-columns:1fr;padding:55px 22px;gap:35px}.reference-people{grid-template-columns:1fr;padding:55px 22px;gap:38px}.reference-people figure span{font-size:18px;bottom:55px;left:12px;padding:13px}.reference-people p{font-size:16px}.living-site.reference-site .build-invitation{padding:55px 22px}.living-site.reference-site .archive-experiments{padding:35px 16px;margin-top:55px}.reference-vibe-band{grid-template-columns:1fr;padding:45px 22px;gap:25px;min-height:0}.reference-vibe-copy h2{font-size:47px}.reference-vibe-art{min-height:260px}.reference-vibe-art>img{height:320px}.reference-vibe-art .motion-canvas{height:280px}.reference-vibe-art-note{font-size:20px;padding:15px}.reference-vibe-index{padding:20px 22px;gap:8px}.reference-vibe-index a{font-size:10px}.reference-vibes .reference-live-worlds{padding:30px 22px}.reference-live-worlds>summary{font-size:15px}}@media(prefers-reduced-motion:reduce){.living-site.reference-site *,.reference-builder-paper,.reference-page-note{rotate:0}}@media(max-width:800px){.reference-site>main,.reference-site>div>main{padding-top:72px}}.living-site.reference-site main h2{font-weight:400;letter-spacing:-.01em;line-height:1.06}.living-site.reference-site .archive-section-heading h2{font-size:clamp(40px,5.8vw,84px);text-transform:uppercase}