.up{--col:68ch;--rail:240px;--gap:clamp(32px,5vw,72px);padding:clamp(110px,10vw,140px) var(--gut) clamp(48px,6vw,80px);max-width:1200px;margin:0 auto;display:grid;gap:clamp(28px,4vw,48px)}.up>*{min-width:0;width:min(100%,calc(var(--rail) + var(--col) + var(--gap)));margin-inline:auto}.up-head{display:grid;gap:14px;justify-items:start}.up-back{font-family:var(--font-data);font-size:.74rem;color:var(--muted);text-decoration:none}.up-back:hover{color:var(--accent)}.up-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-family:var(--font-data);font-size:.74rem;letter-spacing:.04em;color:var(--faint)}.up-meta span:first-child{color:var(--accent)}.up-head h1{margin:0;max-width:24ch;font-family:var(--font-display);font-weight:300;font-size:clamp(2.2rem,1.3rem + 3vw,4.2rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.up-dek{margin:0;max-width:60ch;font-size:1.2rem;line-height:1.55;color:var(--muted)}.up-cover{margin:0;border-radius:20px;overflow:hidden}.up-scene{position:relative;aspect-ratio:16/9}.up-scene svg{position:absolute;left:0;top:50%;transform:translateY(-50%)}.up-photo{display:grid;place-items:center;padding:clamp(12px,2vw,24px);background:var(--surface-2)}.up-photo img{display:block;max-width:100%;max-height:min(78vh,820px);width:auto;height:auto;border-radius:8px;box-shadow:0 18px 40px -24px #00000073}.up-video{position:relative;aspect-ratio:16/9;background:#000}.up-video iframe,.up-play{position:absolute;inset:0;width:100%;height:100%;border:0}.up-play{padding:0;cursor:pointer;background:#000}.up-play img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s}.up-play:hover img{opacity:1}.up-play-btn{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--accent);box-shadow:0 10px 30px -8px #0009;transition:transform .2s}.up-play:hover .up-play-btn{transform:scale(1.08)}.up-play-btn svg{width:30px;height:30px;margin-left:4px;fill:var(--on-accent)}.up-play:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.up-grid{display:grid;grid-template-columns:var(--rail) minmax(0,var(--col));gap:var(--gap)}.up-rail{display:grid;align-content:start;gap:10px;position:sticky;top:110px;align-self:start}.up-rail-k{margin:14px 0 2px;font-family:var(--font-data);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.up-rail-k:first-child{margin-top:0}.up-rail ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.up-rail ol a{display:grid;grid-template-columns:28px 1fr;font-size:.9rem;line-height:1.35;color:var(--muted);text-decoration:none}.up-rail ol a span{font-family:var(--font-data);font-size:.7rem;color:var(--faint);padding-top:2px}.up-rail ol a:hover,.up-rail ol a.on{color:var(--ink)}.up-rail ol a.on span{color:var(--accent)}.up-rel{font-size:.9rem;font-weight:600;line-height:1.35;color:var(--ink);text-decoration:none}.up-rel:hover{color:var(--accent)}.up-body{font-size:1.08rem;line-height:1.75;color:color-mix(in srgb,var(--ink) 86%,var(--muted))}.up-body>*{margin:0 0 1.1em}.up-body>:first-child{margin-top:0}.up-body h2{margin:2em 0 .6em;font-family:var(--font-display);font-weight:330;font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);line-height:1.15;letter-spacing:-.015em;color:var(--ink);scroll-margin-top:110px;text-wrap:balance}.up-body h3{margin:1.6em 0 .4em;font-size:1.12rem;font-weight:650;color:var(--ink)}.up-body strong{font-weight:650;color:var(--ink)}.up-body a{color:var(--accent);text-underline-offset:.18em}.up-body ul,.up-body ol{padding-left:1.2em}.up-body li{margin:.35em 0}.up-body li::marker{color:var(--accent)}.up-body blockquote{margin-inline:0;padding-left:18px;border-left:2px solid var(--accent);color:var(--muted)}.up-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--line)}.up-src{margin:0;font-size:.9rem;color:var(--faint)}.up-src a{color:inherit}.up-cta{display:inline-flex;gap:8px;padding:.8em 1.3em;border-radius:999px;font-weight:600;text-decoration:none;color:var(--on-accent);background:var(--accent);transition:background .16s}.up-cta:hover{background:var(--accent-hover)}.up-more .ab-k{margin:0 0 16px;font-family:var(--font-data);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.up-more ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);margin:0;padding:0;list-style:none}.up-more a{display:grid;gap:7px;align-content:start;color:inherit;text-decoration:none}.up-more img,.up-more-scene{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;border-radius:16px;background:var(--surface-2);overflow:hidden;position:relative}.up-more-scene svg{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%)}.up-more a>span{font-family:var(--font-data);font-size:.7rem;color:var(--faint)}.up-more b{font-weight:600;font-size:.95rem;line-height:1.35}.up-more a:hover b{color:var(--accent)}.ug{padding:clamp(110px,10vw,140px) var(--gut) clamp(60px,8vw,110px);display:grid;gap:clamp(32px,4vw,48px)}.ug-head{display:grid;gap:16px;justify-items:start}.ug-head h1{margin:0;max-width:20ch;font-family:var(--font-display);font-weight:300;font-size:clamp(2.4rem,1.3rem + 3.4vw,4.6rem);line-height:1.03;letter-spacing:-.03em;text-wrap:balance}.ug-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;width:100%;margin-top:8px}.ug-filters{display:flex;flex-wrap:wrap;gap:8px}.ug-views{display:inline-flex;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent)}.ug-views button{display:inline-flex;align-items:center;gap:7px;padding:.5em 1em;border:0;border-radius:999px;font:600 .85rem var(--font-body);color:var(--muted);background:transparent;cursor:pointer;transition:background .16s,color .16s}.ug-views svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.ug-views button[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,var(--surface));box-shadow:0 1px 3px #0000001f}.ug-views button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ug-timeline .ug-wall,.ug-gallery .ug-archive{display:none}.ug-filters button{padding:.55em 1.1em;border:0;border-radius:999px;font:600 .88rem var(--font-body);color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent);cursor:pointer;transition:background .16s,color .16s}.ug-filters button:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.ug-filters button[aria-pressed=true]{color:var(--on-accent);background:var(--accent)}.ug-filters button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ug [hidden]{display:none!important}.ug a{color:inherit;text-decoration:none}.ug-pic{display:block;position:relative;border-radius:16px;overflow:hidden;background:var(--surface-2)}.ug-pic img{display:block;width:100%;height:auto}.ug-art{display:block;position:relative;aspect-ratio:16/10;overflow:hidden}.ug-art svg{display:block;width:100%;height:auto}.ug-vid:after{content:"";position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6v12l9-6z' fill='white'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 8px 24px -8px #00000080}.ug-badge{display:grid;place-items:center;aspect-ratio:4/3;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.ug-badge img{width:auto;max-width:56%;max-height:62%}.ug-badge img[src$=".png"]{max-width:78%}.ug-credit,.ug-certs small{font-size:.68rem;line-height:1.35;color:var(--faint)}.ug-mark{font-family:var(--font-display);font-weight:400;font-size:1.8rem;color:var(--ink)}.ug-meta{font-family:var(--font-data);font-size:.7rem;color:var(--faint)}.ug-title{font-weight:600;font-size:1rem;line-height:1.35;transition:color .16s}.ug-dek{font-size:.88rem;line-height:1.45;color:var(--muted)}.ug a:hover .ug-title,.ug a:hover b{color:var(--accent)}.ug a:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:16px}.ug-wall ul{columns:3 300px;column-gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none}.ug-wall li{break-inside:avoid;margin-bottom:clamp(22px,2.6vw,32px)}.ug-wall li>*{display:grid;gap:8px}.ug-wall .ug-pic img{max-height:560px;object-fit:cover;object-position:top}.ug-archive{display:grid;gap:clamp(28px,4vw,48px)}.ug-year{display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start}.ug-year h2{position:sticky;top:96px;margin:0;font-family:var(--font-display);font-weight:300;font-size:clamp(2rem,1.4rem + 1.6vw,3rem);letter-spacing:-.02em;color:var(--ink)}.ug-year ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.ug-year ol a{display:grid;grid-template-columns:96px 104px minmax(0,1fr) 112px;gap:clamp(12px,2vw,24px);align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.ug-d,.ug-t{font-family:var(--font-data);font-size:.72rem;color:var(--faint)}.ug-t{color:var(--accent)}.ug-year ol b{font-family:var(--font-display);font-weight:330;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);line-height:1.25}.ug-thumb{display:block;width:112px;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:var(--surface-2)}.ug-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.ug-thumb .ug-art{aspect-ratio:auto;height:100%}.ug-thumb .ug-art svg{position:absolute;top:50%;transform:translateY(-50%)}.ug-certs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}.ug-certs li{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.ug-certs img{width:52px;height:52px;object-fit:contain}.ug-certs img[src$=".png"]{width:88px}.ug-certs .ug-mark{width:52px;font-size:1rem;text-align:center}.ug-certs span{display:grid;gap:2px;font-size:.82rem;line-height:1.35;color:var(--muted)}.ug-certs span b{font-size:.95rem;color:var(--ink)}@media(max-width:860px){.ug-year{grid-template-columns:minmax(0,1fr)}.ug-year h2{position:static}.ug-year ol a{grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"meta thumb" "title thumb"}.ug-year ol a .ug-d{display:none}.ug-year ol a .ug-t{grid-area:meta}.ug-year ol a b{grid-area:title}.ug-thumb{grid-area:thumb;width:88px}}@media(max-width:860px){.up-grid{grid-template-columns:minmax(0,1fr)}.up-rail{position:static;padding:16px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.up-rail:empty{display:none}.up-more ul{grid-template-columns:minmax(0,1fr)}}
