@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&display=swap";:root{color:#f1eee5;font-synthesis:none;background:#101812;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{color:inherit}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link:focus{z-index:30;color:#111;background:#fff;padding:12px;position:fixed;top:16px;left:16px}.patchwork,.story-layout{flex-direction:column;gap:5px;padding:5px;display:flex;position:relative}.story-media{display:contents}.experience-card,.story-media figure{background:#253429;border:0;flex:none;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.story-media figure{cursor:zoom-in}.story-media figure:focus-visible{outline-offset:-3px;outline:3px solid #e8ff54}.experience-card{cursor:pointer;text-align:left}.experience-card img,.experience-card video,.story-media img,.story-media video{object-fit:cover;width:100%;height:auto;display:block}.experience-card img,.experience-card video{transition:filter .4s}.experience-card:hover img,.experience-card:hover video{filter:brightness(.82)}.experience-card>span{z-index:2;letter-spacing:-.03em;opacity:0;pointer-events:none;background:linear-gradient(#0000,#040a06d1);padding:70px 24px 22px;font-size:clamp(18px,2vw,30px);font-weight:300;line-height:1.08;transition:opacity .35s,transform .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.experience-card:hover>span,.experience-card:focus-visible>span{opacity:1;transform:none}.experience-card:focus-visible{outline-offset:-3px;outline:3px solid #e8ff54}.empty{place-items:center;min-height:50svh;display:grid}footer{text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;align-items:flex-end;min-height:150px;padding:32px 3vw;font-family:DM Mono,monospace;font-size:10px;display:flex}.text-tile{flex-direction:column;justify-content:space-between;padding:clamp(24px,3.2vw,54px);display:flex;overflow:hidden}.identity-tile{color:#101812;background:#e8ff54;min-height:360px;position:relative;container-type:size}.identity-tile>p{letter-spacing:0;text-transform:uppercase;align-items:flex-start;gap:clamp(8px,1cqw,18px);margin:0;font-size:clamp(22px,min(12.65cqh,18cqw),68px);line-height:.85;display:flex;position:absolute;top:clamp(24px,3.2vw,54px);bottom:clamp(24px,3.2vw,54px);left:clamp(24px,3.2vw,54px)}.identity-word{white-space:nowrap;flex-direction:column;align-items:center;gap:clamp(1px,.35cqh,4px);font-style:normal;display:flex}.identity-word b{height:.85em;font:inherit;font-weight:400;line-height:.85;display:block}.identity-tile small{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;letter-spacing:.06em;flex-direction:row;justify-content:space-between;font-family:DM Mono,monospace;font-size:clamp(12px,1.4cqw,16px);line-height:1;display:flex;position:absolute;top:clamp(24px,3.2vw,54px);bottom:clamp(24px,3.2vw,54px);right:clamp(24px,3.2vw,54px)}.identity-tile small span{display:block}.manifesto-tile{background:#1d6263;padding:clamp(16px,2vw,36px)}.manifesto-tile h1{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;line-height:1;display:flex}.manifesto-tile h1 img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.mosaic-ready{display:block}.mosaic-ready .mosaic-tile{min-height:0;margin:0;position:absolute}.mosaic-ready .experience-card>video,.mosaic-ready figure>video{object-fit:contain;width:100%;height:100%}.mosaic-ready .panning-photo{max-width:none;max-height:none;animation:photo-pan var(--pan-duration,16s) ease-in-out infinite alternate;animation-play-state:paused;position:absolute;top:0;left:0}@keyframes photo-pan{0%{transform:translate(0)}to{transform:translate(var(--pan-x),var(--pan-y))}}.mosaic-measuring{visibility:hidden;pointer-events:none;contain:layout style;width:0;height:0;position:fixed;top:0;left:-100000px;overflow:hidden}.mosaic-measure-tile{height:auto!important;min-height:0!important;position:static!important}dialog{color:#f1eee5;background:#101812;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}dialog::backdrop{background:#101812}dialog[open]{display:block}.dialog-close{z-index:10;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#101812cc;border:1px solid #fff5;border-radius:100px;padding:10px 16px;font-family:DM Mono,monospace;font-size:10px;position:fixed;top:24px;right:28px}.story-header{background:#155f63;flex-direction:column;justify-content:space-between;gap:38px;padding:clamp(28px,4vw,58px);display:flex}.story-header .story-label{text-transform:uppercase;letter-spacing:.12em;margin:0;font-family:DM Mono,monospace;font-size:10px}.story-header h2{letter-spacing:-.055em;overflow-wrap:anywhere;max-width:23ch;margin:0;font-size:clamp(28px,3.6vw,58px);font-weight:300;line-height:1}.story-copy{white-space:pre-line;letter-spacing:-.015em;overflow-wrap:anywhere;max-width:62ch;margin:0;font-size:clamp(17px,1.5vw,23px);line-height:1.55}.story-copy[hidden]{display:none}body:has(dialog[open]){overflow:hidden}.video-toggle{z-index:2;color:#f1eee5;cursor:pointer;opacity:0;background:#101812cc;border:1px solid #fff6;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;bottom:16px;right:16px;transform:translateY(4px)}.video-toggle svg{fill:currentColor;width:20px;height:20px}.video-toggle[data-state=paused] svg{margin-left:2px}figure:hover .video-toggle,.video-toggle:focus-visible{opacity:1;transform:none}.video-toggle:hover{background:#101812f2}.video-toggle:focus-visible{outline-offset:2px;outline:3px solid #e8ff54}@media (hover:none){.video-toggle{opacity:1;transform:none}}#media-viewer{z-index:20;background:0 0;overflow:hidden}#media-viewer::backdrop{background:#040805f5}.viewer-shell{touch-action:pan-y;background:#040805f5;place-items:center;display:grid;position:absolute;inset:0}.viewer-media{position:absolute;inset:0;overflow:hidden}#media-viewer .viewer-media img,#media-viewer .viewer-media video{object-fit:contain;width:calc(100% - 160px);height:calc(100% - 128px);display:block;position:absolute;inset:64px 80px}.viewer-close,.viewer-sound,.viewer-nav{z-index:2;color:#f1eee5;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#101812cc;border:1px solid #fff5;border-radius:100px;font-family:DM Mono,monospace;font-size:10px;position:absolute}.viewer-close{padding:10px 16px;top:24px;right:28px}.viewer-sound{padding:10px 16px;top:24px;left:28px}.viewer-nav{color:#0000;width:48px;height:48px;padding:0;top:50%;overflow:hidden;transform:translateY(-50%)}.viewer-nav:after{color:#f1eee5;letter-spacing:0;place-items:center;font-size:24px;line-height:1;display:grid;position:absolute;inset:0}.viewer-previous{left:20px}.viewer-next{right:20px}.viewer-previous:after{content:"←"}.viewer-next:after{content:"→"}.viewer-position{z-index:2;letter-spacing:.12em;background:#101812aa;border-radius:100px;margin:0;padding:8px 12px;font-family:DM Mono,monospace;font-size:10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.viewer-close:hover,.viewer-sound:hover,.viewer-nav:hover{background:#1c2920}.viewer-close:focus-visible,.viewer-sound:focus-visible,.viewer-nav:focus-visible{outline-offset:2px;outline:3px solid #e8ff54}@media (width<=700px){.story-header{padding:28px 20px}.story-header h2{font-size:clamp(28px,8.5vw,44px);line-height:1.03}.manifesto-tile{padding:16px 8px}footer{padding:28px 20px}#media-viewer .viewer-media img,#media-viewer .viewer-media video{width:calc(100% - 20px);height:calc(100% - 144px);inset:70px 10px 74px}.viewer-nav{top:auto;bottom:18px;transform:none}.viewer-previous{left:16px}.viewer-next{right:16px}.viewer-close{top:16px;right:16px}.viewer-sound{top:16px;left:16px}.viewer-position{bottom:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.mosaic-ready .panning-photo{transform:translate(var(--pan-mid-x),var(--pan-mid-y));animation:none}}