:root{color-scheme:light;--background: #ffffff;--foreground: #111111;--muted: #777777;--line: #dddddd;--surface: #f4f4f4;--pantone-2026: #f2f0eb;--pantone-2025: #a47864;--max-width: 1200px;--side-padding: clamp(20px, 10vw, 160px);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--background)}body{margin:0;color:var(--foreground);background:var(--background);font-size:16px;line-height:1.4}button{font:inherit}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 var(--side-padding);isolation:isolate}.site-nav:before{position:absolute;top:0;left:0;right:0;height:96px;background:linear-gradient(to bottom,#f8fbfa8f,#f8fbfa57 58%,#f8fbfa00);backdrop-filter:blur(18px) saturate(.78);-webkit-backdrop-filter:blur(18px) saturate(.78);mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,transparent 100%);pointer-events:none;content:"";z-index:-1}.nav-brand{position:relative;z-index:1;display:flex;align-items:center;gap:6px;text-decoration:none}.nav-brand-name{font-family:Roboto Mono,monospace;font-size:20px;font-weight:700;color:#0a0a0a}.nav-brand-sub{font-family:Roboto Mono,monospace;font-size:20px;font-weight:400;color:#0a0a0a}.nav-right{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.nav-right a{display:flex;align-items:center;color:#0a0a0a;text-decoration:none}.nav-right svg,.nav-menu-btn svg{width:22px;height:22px}.nav-menu-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:#0a0a0a}.hero{position:relative;height:100svh;padding:0 var(--side-padding) 32px;background:radial-gradient(ellipse 55% 50% at 30% -5%,rgba(212,237,216,.75) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at -10% 20%,rgba(245,223,210,.75) 0%,transparent 70%),radial-gradient(ellipse 60% 45% at 70% 5%,rgba(234,217,204,.75) 0%,transparent 75%),radial-gradient(ellipse 38% 38% at 15% 45%,rgba(255,229,216,.75) 0%,transparent 65%),radial-gradient(ellipse 32% 32% at 75% 60%,rgba(245,206,219,.75) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 50% 15%,rgba(216,215,242,.75) 0%,transparent 75%),radial-gradient(ellipse 28% 28% at 25% 10%,rgba(223,227,210,.75) 0%,transparent 75%),radial-gradient(ellipse 35% 35% at 80% 15%,rgba(234,217,204,.75) 0%,transparent 70%),radial-gradient(ellipse 32% 32% at 65% 50%,rgba(227,211,231,.75) 0%,transparent 70%),radial-gradient(ellipse 27% 27% at 40% 65%,rgba(227,233,220,.75) 0%,transparent 70%),#f8fbfa;isolation:isolate;overflow:hidden}.hero:before{position:absolute;inset:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0.18'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.24;mix-blend-mode:multiply;pointer-events:none;content:""}.hero-lines{position:absolute;top:32svh;left:var(--side-padding);display:flex;flex-direction:column;gap:clamp(16px,3vh,30px);width:calc(100vw - (var(--side-padding) * 2));height:calc(68svh - 64px);margin:0;overflow:hidden;text-align:left;z-index:2}.hero-lines p{margin:0;font-family:Roboto Mono,monospace;font-size:clamp(2rem,6.5vh,5rem);font-weight:400;color:#0a0a0a;line-height:1.1;white-space:nowrap}.hero-line{display:inline-block;letter-spacing:0}.hero-line-final{display:block;width:100%;white-space:normal}.hero-lines p.hero-line-final{white-space:normal}.hero-line-final .hero-line-text{white-space:nowrap}.hero-line-cursor{display:inline-block;width:.1em;height:.92em;margin-left:.08em;background:#0a0a0a;opacity:0;transform:translateY(.08em)}.hero-line.is-active .hero-line-cursor{opacity:1;animation:hero-caret .82s step-end infinite}.hero-line-arrows{display:inline;margin-left:.08em;color:#0a0a0a;overflow-wrap:anywhere;word-break:break-all;white-space:normal}@keyframes hero-caret{50%{opacity:0}}.hero-scroll{position:absolute;left:var(--side-padding);bottom:44px;margin:0;font-family:Roboto Mono,monospace;font-size:.9375rem;font-weight:700;color:#e87400;z-index:2;opacity:var(--scroll-opacity, 1);transition:opacity .18s linear}.timeline{width:100%;margin:0;padding:0;display:flex;flex-direction:column}.year-section{width:100%;padding:64px var(--side-padding) 80px;display:flex;flex-direction:column;gap:28px;min-height:40vw}.year-label{margin:0;font-family:Roboto Mono,monospace;font-size:32px;font-weight:700;color:#0a0a0a}.year-content{width:100%;display:flex;flex-direction:column;gap:70px}.placeholder-row{display:flex;justify-content:space-between;gap:20px;width:100%;align-items:start}.placeholder-row-small{justify-content:flex-start}.image-placeholder{position:relative;display:block;flex:0 0 auto;min-width:0;border:0;background:#ffffff38;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:hidden;color:#0a0a0a;text-decoration:none;transition:opacity .16s ease,transform .18s ease}.image-placeholder:hover{opacity:.92;transform:translateY(-2px)}.image-placeholder img{display:block;width:auto;height:100%;max-width:100%}.image-placeholder-label{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;display:flex;justify-content:space-between;gap:10px;font-family:Roboto Mono,monospace;font-size:.75rem;color:#0a0a0a;opacity:0;transition:opacity .16s ease}.image-placeholder:after{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to top,#ffffffd1,#fff0);opacity:0;pointer-events:none;content:""}.image-placeholder:hover:after,.image-placeholder:hover .image-placeholder-label{opacity:1}.image-placeholder[data-span="2"]{--placeholder-span: 2}.image-placeholder[data-span="3"]{--placeholder-span: 3}.image-placeholder[data-span="4"]{--placeholder-span: 4}.image-placeholder[data-span="5"]{--placeholder-span: 5}.image-placeholder[data-row=large]{height:var(--row-image-height, clamp(240px, 32vw, 520px))}.image-placeholder[data-row=small]{height:var(--row-image-height, clamp(92px, 10vw, 160px))}.year-section[data-year="2026"]{background:linear-gradient(to bottom,#f8fbfacc,#dff0eccc 15% 84%,#e6eceacc)}.year-section[data-year="2025"]{background:linear-gradient(to bottom,#e6eceacc,#eee8e8cc 12% 84%,#efebe4cc)}.year-section[data-year="2024"]{background:linear-gradient(to bottom,#efebe4cc,#f0eee0cc 12% 84%,#f0ece2cc)}.year-section[data-year="2023"]{background:linear-gradient(to bottom,#f0ece2cc,#f0ebe5cc 12% 85%,#ece8edcc)}.year-section[data-year="2022"]{background:linear-gradient(to bottom,#ece8edcc,#e8e5f5cc 12% 84%,#e5eaf0cc)}.year-section[data-year="2021"]{background:linear-gradient(to bottom,#e5eaf0cc,#e3f0eccc 12% 84%,#e1eef0cc)}.year-section[data-year="2020"]{background:linear-gradient(to bottom,#e1eef0cc,#e0ecf5cc 12% 84%,#e8edefcc)}.year-section[data-year="2019"]{background:linear-gradient(to bottom,#e8edefcc,#f0eeeacc 12% 100%)}.project-page{width:100%}.cargo-project-page{display:grid;grid-template-columns:minmax(220px,28vw) minmax(0,1fr);column-gap:clamp(28px,5vw,92px);min-height:100svh;padding:84px var(--side-padding) 56px;background:#fff}.cargo-project-info{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100svh - 140px);padding-bottom:4px}.cargo-project-copy{display:flex;flex-direction:column;gap:10px}.project-back-link,.cargo-project-nav a{font-family:Roboto Mono,monospace;font-size:.875rem;color:#0a0a0a;text-decoration:none}.project-back-link:hover,.cargo-project-nav a:hover{text-decoration:underline}.project-year{margin:24px 0 0;font-family:Roboto Mono,monospace;font-size:.875rem;color:#0a0a0ab8}.cargo-project-copy h1{margin:0;font-size:1rem;font-weight:400;line-height:1.3}.cargo-project-copy p{margin:0;max-width:50ch;font-size:1rem;line-height:1.35;color:#0a0a0a}.cargo-project-nav{display:flex;gap:14px}.cargo-project-images{display:flex;flex-direction:column;gap:24px;width:min(100%,760px)}.cargo-project-image{margin:0;width:100%}.cargo-project-image img,.cargo-project-image-empty{display:block;width:100%;height:auto;min-height:320px;object-fit:contain;background:#f2f2f2}.cargo-project-image-empty{aspect-ratio:4 / 3}@media(max-width:860px){.cargo-project-page{grid-template-columns:1fr;row-gap:26px}.cargo-project-info{position:static;top:auto;min-height:auto;gap:24px}.cargo-project-images{width:100%}.placeholder-row{flex-wrap:wrap;row-gap:18px}.image-placeholder[data-span]{--placeholder-span: 3}}@media(max-width:520px){.hero-lines{top:34svh;left:var(--side-padding);width:min(100%,100vw - (var(--side-padding) * 2))}.hero-lines p{white-space:nowrap;font-size:clamp(1.55rem,6.8vw,3.2rem)}.hero-scroll{left:var(--side-padding)}.placeholder-row{flex-direction:column;gap:14px}.image-placeholder[data-span],.image-placeholder img{width:100%;height:auto}.image-placeholder-label{opacity:1}.image-placeholder:after{opacity:1}.cargo-project-page{padding-top:76px}.cargo-project-image img,.cargo-project-image-empty{min-height:220px}}