html:has(.work-wall-page){scrollbar-gutter:stable}.work-wall-page{--wall-columns:4;--wall-gap:18px;background:var(--paper-white);color:var(--ink-black);font-family:var(--font-sans);padding:94px 32px 0}.work-wall-page *,.work-viewer *{box-sizing:border-box}.work-wall-page [hidden],.work-viewer [hidden]{display:none!important}.wall-intro,.wall-toolbar,.work-wall,.wall-end{max-width:1600px;margin-inline:auto}.wall-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:0 0 10px}.wall-intro h1{font-size:clamp(42px,4vw,58px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:0}.wall-intro h1>span{color:var(--ignition)}.wall-intro>.script{font-size:28px;line-height:1.3;transform:rotate(-3deg);margin:0 4px 0 0}.wall-toolbar{display:flex;gap:16px;align-items:center;border-bottom:1px solid #d4d4cb;padding-block:8px}.wall-toolbar button{font:inherit;font-size:12px;color:inherit;min-height:44px;border:0;border-radius:0;background:transparent;cursor:pointer}.wall-tools{display:flex;gap:6px;margin-left:auto}.wall-tools button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:44px;padding:8px}.wall-tools button:hover{color:var(--ignition)}.wall-motion .motion-play{display:none}.wall-motion[aria-pressed=true] .motion-play{display:block}.wall-motion[aria-pressed=true] .motion-pause{display:none}.work-wall{position:relative;list-style:none;padding:28px 0 0;display:grid;grid-template-columns:repeat(var(--wall-columns),minmax(0,1fr));gap:var(--wall-gap);align-items:start}.work-wall.is-arranged{display:block;padding:0;margin-top:28px}.is-arranged>.wall-piece{position:absolute;width:calc((100% - (var(--wall-columns) - 1)*var(--wall-gap))/var(--wall-columns));left:0;top:0}.wall-piece{min-width:0;scroll-margin-top:100px}.piece-link{display:block;outline-offset:5px}.piece-art{position:relative;aspect-ratio:var(--piece-ratio);overflow:hidden;border-radius:4px;background:#e8e8e2;transform:translateZ(0);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.piece-art>img,.piece-art>video{width:100%;height:100%;object-fit:cover;object-position:var(--piece-position);display:block}.piece-art>img{transform:scale(var(--piece-zoom,1));transition:transform .6s cubic-bezier(.2,.7,.2,1)}.piece-art>video{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s}.piece-film.is-playing{opacity:1}.piece-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.45;padding:10px 1px 3px;color:#6f6f66}.piece-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-label span:first-child{color:var(--ink-black);flex-shrink:0;max-width:100%}.piece-label span:last-child{text-align:right}.piece-open,.piece-play{position:absolute;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--paper-white);color:var(--ink-black);bottom:14px;right:14px}.piece-open{opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.piece-open .project-arrow{width:20px;height:20px}.piece-play{left:12px;right:auto;bottom:12px;width:30px;height:30px}.piece-link:focus-visible{outline:2px solid var(--ignition)}.piece-link:focus-visible .piece-open{opacity:1;transform:none}@media(hover:hover){.piece-link:hover .piece-art{transform:translateY(-4px)}.piece-link:hover .piece-art>img{transform:scale(calc(var(--piece-zoom,1)*1.025))}.piece-link:hover .piece-open{opacity:1;transform:none}.piece-link:hover .piece-label{color:var(--ignition)}}.wall-end{padding-block:80px 54px;display:flex;justify-content:space-between;align-items:center;gap:25px}.wall-end>.script{font-size:29px;transform:rotate(-3deg)}.wall-end>a{display:flex;align-items:center;gap:18px;font-size:12px;min-height:44px}.wall-end>a .project-arrow{transform:rotate(90deg);width:18px;height:18px}.work-viewer{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:var(--paper-white);color:var(--ink-black);font-family:var(--font-sans);overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}.work-viewer::backdrop{background:var(--paper-white)}.work-viewer.is-opening .viewer-layout{animation:viewer-arrive .3s ease both}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 32px;background:var(--paper-white)}.viewer-top>p{display:flex;gap:14px;font-size:11px;line-height:1.5;margin:0}.viewer-top>p>span:nth-child(2){color:var(--ignition)}.viewer-top>p>span:first-child{font-weight:600}.viewer-top button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #c4c4bb;border-radius:50%;background:none;color:inherit;flex-shrink:0;cursor:pointer}.viewer-layout{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(250px,1fr);gap:48px;padding:12px 32px 30px;max-width:1600px;margin-inline:auto}.viewer-gallery{min-width:0}.viewer-stage{--viewer-stage-height:max(260px, calc(100svh - 266px) );display:flex;align-items:center;justify-content:center;height:var(--viewer-stage-height);touch-action:pan-y pinch-zoom}.viewer-stage>img,.viewer-stage>video{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.viewer-stage>video{background:#0e0e0e}.viewer-caption{margin:14px 0 0;font-size:11px;line-height:1.6;color:#737368}.viewer-related{margin-top:24px}.viewer-related>p{font-size:11px;margin:0 0 12px}.viewer-thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:3px 2px 7px}.viewer-thumbs button{flex:0 0 78px;height:58px;border:0;padding:0;background:#e8e8e1;cursor:pointer;outline-offset:3px;border-radius:2px;overflow:hidden}.viewer-thumbs button[aria-current=true]{outline:2px solid var(--ignition)}.viewer-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.viewer-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding-top:22px}.viewer-project{font-size:12px;color:#77776d;margin:0 0 16px}.viewer-info h2{font-size:clamp(28px,3vw,44px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0 0 26px;text-wrap:balance}.viewer-description{font-size:15px;line-height:1.8;margin:0 0 28px;color:#4d4d45}.viewer-story{display:inline-flex;gap:22px;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:6px}.viewer-story .project-arrow{width:20px;height:20px}.viewer-story:hover{color:var(--ignition)}.viewer-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:40px}.viewer-navigation button{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #bcbcb3;border-radius:50%;color:inherit;cursor:pointer}.viewer-navigation button:hover,.viewer-top button:hover{border-color:var(--ink-black);background:#efefe9}.viewer-navigation>span{font-size:11px;color:#68685f}.viewer-navigation button:disabled{opacity:.3;cursor:default}.work-wall-page button:focus-visible,.work-viewer button:focus-visible,.work-viewer a:focus-visible{outline:2px solid var(--ignition);outline-offset:4px}@keyframes viewer-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:1900px){.work-wall-page{padding-inline:48px}}@media(max-width:1199px){.work-wall-page{--wall-columns:3}.wall-toolbar{gap:15px}.wall-tools{padding-left:10px}.viewer-layout{gap:30px;grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}}@media(max-width:799px){.work-wall-page{--wall-columns:2;--wall-gap:16px;padding:100px 20px 0}.wall-intro{padding-bottom:12px}.wall-intro h1{font-size:43px}.wall-intro>.script{font-size:24px}.wall-toolbar{gap:10px}.wall-tools{gap:0}.wall-tools button{padding:8px 6px}.viewer-top{position:sticky;top:0;z-index:2;padding:14px 20px}.viewer-layout{display:flex;flex-direction:column;padding:8px 20px 26px;gap:28px}.viewer-stage{--viewer-stage-gutter:40px;--viewer-stage-height:min(56svh,calc((100vw - var(--viewer-stage-gutter))/var(--viewer-ratio)))}.viewer-info{padding-top:0}.viewer-info h2{font-size:34px;margin-bottom:20px}.viewer-project{margin-bottom:12px}.viewer-description{max-width:60ch}.viewer-related{margin-top:20px}.viewer-navigation{justify-content:flex-end;gap:25px;margin-top:24px}.viewer-top>p{flex-wrap:wrap;gap:8px;font-size:10px}.viewer-caption{font-size:10px}.wall-end{padding-block:55px 38px}.wall-end>.script{font-size:25px}}@media(max-width:520px){.work-wall-page{--wall-gap:12px;padding:94px 14px 0}.wall-intro{align-items:flex-start;flex-direction:column;gap:10px;padding-inline:6px;padding-bottom:12px}.wall-intro h1{font-size:44px}.wall-intro>.script{font-size:25px;margin:0 0 0 2px}.wall-toolbar{gap:4px;padding-block:6px}.wall-tools{padding-left:3px}.wall-tools button{min-width:38px}.work-wall{padding-top:20px}.work-wall.is-arranged{margin-top:20px}.piece-label{display:block;font-size:10px;padding-top:8px}.piece-label span{display:block;max-width:100%!important}.piece-label span:last-child{text-align:left;margin-top:2px}.piece-open{width:28px;height:28px;bottom:8px;right:8px}.piece-play{width:25px;height:25px;bottom:8px;left:8px}.wall-end{align-items:flex-start;flex-direction:column;gap:17px;padding-inline:6px}.wall-end>a{font-size:11px}.viewer-stage{--viewer-stage-gutter:32px}.viewer-thumbs button{flex-basis:64px;height:50px}.viewer-info h2{font-size:31px}.viewer-description{font-size:14px;line-height:1.75}.viewer-layout,.viewer-top{padding-inline:16px}}@media(prefers-reduced-motion:reduce){.work-wall-page *,.work-viewer *,.work-viewer{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:799px){.wall-tools button{min-width:44px}}html[data-wall-motion=off] .work-wall-page *,html[data-wall-motion=off] .work-viewer *,html[data-wall-motion=off] .work-viewer{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wall-count{font-size:11px;color:#737368;line-height:1.5}@font-face{font-family:Brikside Pixel;src:url(/images/projects/presentation/brikside-pixel.woff2) format("woff2");font-weight:700;font-display:swap}.designed-cover{position:absolute;inset:0;overflow:hidden;container-type:inline-size;background:var(--presentation-tone,#eae8e2)}.designed-cover--browser{display:flex;align-items:center;justify-content:center}.browser-object{width:90%;border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 14px 25px -11px #21292c4d,0 2px 5px #171d2112;transform:rotate(-2deg);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.browser-chrome{display:flex;align-items:center;gap:1.1cqw;height:5.5cqw;padding-inline:2cqw;background:#f8f9fa;border-bottom:1px solid #e8ebee;color:#878c91}.browser-chrome i{width:.8cqw;height:.8cqw;border-radius:50%;background:#c4c9cd}.browser-chrome>span{margin:auto;font:1.5cqw var(--font-mono)}.browser-chrome>svg{width:2.2cqw;height:2.2cqw}.browser-object>img{display:block;width:100%;height:auto}.print-object{position:absolute;top:50%;left:12%;width:76%;transform:translateY(-50%) rotate(-5deg);box-shadow:0 2px 1px #b8b5aa,2px 5px #d2d0c5,0 18px 28px -12px #0006;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.print-object>img{position:relative;display:block;width:100%;height:auto;z-index:1}.print-object:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0002,transparent 2%,#fff2 3%,transparent 4%)}.presentation--catalogue .print-object{width:82%;left:9%;transform:translateY(-50%) rotate(-6deg)}.presentation--orangebox .print-object{width:77%;left:11.5%;transform:translateY(-50%) rotate(2deg)}.presentation--values .print-object{width:64%;left:8%;transform:translateY(-43%) rotate(-9deg)}.print-sheet{position:absolute;top:12%;right:8%;width:60%;height:auto;transform:rotate(7deg);box-shadow:0 3px 10px #0003}.presentation--newspaper .print-object{width:82%;left:9%;transform:translateY(-50%) rotate(2deg);box-shadow:2px 3px #d4d1c8,4px 5px #e1dfd4,0 10px 16px -8px #0006}.presentation--newspaper .print-object:after{background:linear-gradient(0deg,transparent 48.5%,#0001 49.6%,#fff3 50%,transparent 51%)}.designed-cover--pulse{background:#101111}.pulse-trace{position:absolute;inset:0;width:100%;height:100%;opacity:0;animation:pulse-trace-cycle 6s ease-in-out infinite}.pulse-trace>path{stroke-dasharray:1;stroke-dashoffset:0;animation:pulse-line-draw 6s ease-in-out infinite}.pulse-wordmark{position:absolute;top:50%;left:15%;width:70%;height:auto;transform:translateY(-50%);animation:pulse-logo-reveal 6s ease-in-out infinite}.designed-cover--brikside{background:#071936}.brikside-art{width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;image-rendering:auto}.brikside-wordmark{position:absolute;top:42%;left:0;width:100%;text-align:center;font:700 16cqw/1 Brikside Pixel,monospace;letter-spacing:-.06em;color:#f5f1df;text-shadow:0 3px #122545}.brikside-wordmark>span{color:#adf0cd}.designed-cover *{animation-play-state:paused!important}.designed-cover.is-motion-visible *{animation-play-state:running!important}html[data-wall-motion=off] .designed-cover *,html:has(.work-viewer[open]) .work-wall .designed-cover *{animation-play-state:paused!important}.viewer-stage>.designed-cover{position:relative;inset:auto;width:min(100%,calc(var(--viewer-stage-height)*var(--viewer-ratio)));height:auto;max-width:100%;max-height:100%;flex:none}@media(hover:hover){.piece-link:hover .browser-object{transform:rotate(0) translateY(-2%)}.piece-link:hover .print-object{transform:translateY(-52%) rotate(0)}}@keyframes pulse-trace-cycle{0%,30%{opacity:1}42%,92%{opacity:0}to{opacity:1}}@keyframes pulse-line-draw{0%{stroke-dashoffset:1}32%,to{stroke-dashoffset:0}}@keyframes pulse-logo-reveal{0%,32%{opacity:0;transform:translateY(-50%) scale(.95)}48%,87%{opacity:1;transform:translateY(-50%) scale(1)}98%,to{opacity:0;transform:translateY(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.designed-cover *{animation:none!important}}html:not(.js) .designed-cover *{animation:none!important}.presentation--website .browser-object{width:92%;transform:rotate(0)}.presentation--website .browser-chrome{background:#f7f7f3}@media(hover:hover){.piece-link:hover .presentation--website .browser-object{transform:translateY(-2%)}}