:root{scrollbar-gutter:stable}.project-index{max-width:1760px;margin-inline:auto;padding:calc(122px + var(--safe-top)) var(--pad) max(56px,env(safe-area-inset-bottom))}.project-index .index-heading{padding-bottom:42px}.index-heading h1{margin-top:14px;font-size:clamp(72px,7.8vw,118px)}.index-back{display:inline-flex;align-items:center;min-height:48px;gap:12px;color:#c5c1d1;font-size:18px}.index-back:hover{color:#eee8ff}.index-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,4.2vw,76px);padding:56px 0 64px;border-color:#35333f}.index-visual{min-width:0;align-self:start}.index-media{display:block;position:relative;min-height:0;aspect-ratio:16 / 10;border-radius:8px;overflow:hidden;background:#f9f8f4}.index-media .project-showcase{pointer-events:auto}.index-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.index-media .media-frame{padding:0}.index-media .media-frame[aria-hidden=true]{pointer-events:none}.index-media .media-frame[data-view=appearance]{background:#676970}.index-media .media-frame[data-view=output]{background:#dde0de}.index-media[data-id=schedule]{aspect-ratio:7 / 5;background:#09090c}.index-media .schedule-triptych{--screen-gap: clamp(6px, .65vw, 12px);--screen-inset: clamp(8px, .8vw, 14px)}.index-media[data-id=christmas-tree]{aspect-ratio:16 / 9;background:#010301}.index-media[data-id=arsenal-transfer-alert]{aspect-ratio:1;background:#0e1422;border-radius:18px}.media-zoom{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}.media-zoom.schedule-screen{width:min(calc((100cqw - var(--screen-inset) * 2 - var(--screen-gap) * 2) / 3),calc((100cqh - var(--screen-inset) * 2) * 110 / 239));height:auto;background:#101013;box-shadow:0 0 0 1px #ffffff0f}.media-zoom:focus-visible{outline:3px solid #c7b8ec;outline-offset:-3px}.media-tabs{display:flex;flex-wrap:wrap;column-gap:clamp(18px,1.7vw,28px);row-gap:0;margin-top:18px}.media-tabs button{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;padding:9px 0 10px;border:0;border-bottom:1px solid transparent;background:none;font:500 16px/1.5 Manrope Variable,sans-serif;color:#92909f;cursor:pointer}.media-tabs button[aria-selected=true]{color:#f0ecf8;border-bottom-color:#b7a6d9}.media-tabs button:hover{color:#e0d8ef}.media-tabs button:focus-visible,.lightbox-close:focus-visible{outline:2px solid #c7b8ec;outline-offset:4px}.view-number{font:400 11px/1.5 IBM Plex Mono,monospace;color:#aca1bb}.index-copy{align-self:start;max-width:33em}.index-copy h2{margin:-5px 0 22px;font-size:clamp(40px,3vw,48px);font-weight:550;line-height:1.14;letter-spacing:-.045em;color:#f1eff6;text-wrap:balance}.index-copy>p.index-intro{margin:0 0 22px;color:#dcd7e8;font-size:clamp(22px,1.55vw,24px);line-height:1.45;max-width:23em}.index-copy>p.index-context{margin:0;color:#aaa7b8;font-size:18px;line-height:1.6;max-width:31em}.index-features{display:grid;gap:10px;list-style:none;margin:25px 0 0;padding:0;color:#c6c2d0;font-size:18px;line-height:1.55}.index-features li{padding-left:18px;position:relative}.index-features li:before{content:"";width:5px;height:1px;background:#b9a8d3;position:absolute;left:0;top:.8em}.index-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:30px}.index-primary,.index-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;font-size:17px;font-weight:550}.index-primary{color:#18151f;background:#d8d1e7;padding:12px 23px;border:1px solid #e4ddef;border-radius:4px;transition:background .16s}.index-primary:hover{background:#eee5ff}.index-secondary{color:#c4b7d9;border-bottom:1px solid #62566f}.index-secondary:hover{color:#eee6fb;border-color:#c7b8db}.project-lightbox-open{overflow:hidden}.project-lightbox{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:calc(76px + var(--safe-top)) max(28px,env(safe-area-inset-left),env(safe-area-inset-right)) max(62px,env(safe-area-inset-bottom));border:0;background:#0a0a0ef5;color:#e7e2ef;overscroll-behavior:contain}.project-lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.project-lightbox::backdrop{background:#08080bf0}.lightbox-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.lightbox-close{position:absolute;top:calc(16px + var(--safe-top));right:max(28px,env(safe-area-inset-right));display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:8px 14px;border:1px solid #6f657f;border-radius:4px;color:#ede7f7;background:#1c1924;font:inherit;font-size:17px;cursor:pointer}.lightbox-close span{font-size:26px;line-height:1}.lightbox-caption{flex:none;margin:0;max-width:60em;font-size:15px;line-height:1.5;color:#bab2c8;text-align:center}@media(min-width:901px){#christmas-tree .index-copy{max-width:none;container-type:inline-size}#christmas-tree .index-copy h2{text-wrap:wrap;font-size:min(clamp(40px,3vw,48px),8.3cqw)}}@media(max-width:1100px)and (min-width:901px){.index-row{gap:32px}.index-copy h2{font-size:38px}}@media(max-width:900px){.project-index{padding-top:calc(128px + var(--safe-top))}.project-index .index-heading{padding-bottom:32px}.index-heading h1{font-size:clamp(64px,11vw,90px)}.index-row{grid-template-columns:minmax(0,1fr);gap:24px;padding:36px 0 46px}.index-copy{display:contents}.index-copy h2{grid-row:1;margin:0;font-size:clamp(34px,5vw,42px);text-wrap:initial}.index-visual{grid-row:2}.index-copy>p.index-intro{grid-row:3;margin:3px 0 0;font-size:22px}.index-copy>p.index-context{grid-row:4}.index-features{grid-row:5;margin:0}.index-actions{grid-row:6;margin:0}.media-tabs{column-gap:20px;margin-top:12px}.project-lightbox{padding:calc(76px + var(--safe-top)) max(12px,env(safe-area-inset-left),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom))}.lightbox-close{right:max(16px,env(safe-area-inset-right))}.lightbox-caption{font-size:14px}}@media(prefers-reduced-motion:reduce){.index-primary{transition:none}}