*,:before,:after{box-sizing:border-box}img{max-width:100%}.prj{background:var(--ink);color:var(--silver);font-family:var(--f-body);min-height:100vh}.has-canvas,.has-canvas .prj{height:100dvh;overflow:hidden}.prj{cursor:auto}.prj__bar{z-index:30;background:color-mix(in srgb, var(--ink) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--silver-mute) 35%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1.1rem,4vw,3.2rem);display:flex;position:fixed;inset:0 0 auto}.prj__back,.prj__enquire{font-family:var(--f-ui);font-size:var(--t-small);letter-spacing:.08em;color:var(--silver);align-items:center;gap:.6rem;text-decoration:none;transition:color .28s;display:inline-flex}.prj__back{font-weight:700}.prj__back svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px;transition:transform .28s}.prj__back:hover,.prj__enquire:hover{color:var(--silver-hi)}.prj__back:hover svg{transform:translate(-3px)}.prj__enquire{border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);border-radius:var(--radius-pill);color:var(--gold-hi);text-transform:uppercase;font-size:var(--t-micro);letter-spacing:.16em;padding:.5rem 1.1rem;font-weight:700;transition:border-color .28s,background-color .28s,color .28s}.prj__enquire:hover{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--gold-hi)}.has-canvas .prj__head{z-index:20;pointer-events:none;background:linear-gradient(100deg, var(--ink) 0%, color-mix(in srgb, var(--ink) 88%, transparent) 62%, transparent 100%), linear-gradient(180deg, var(--ink) 0%, var(--ink) 58%, color-mix(in srgb, var(--ink) 72%, transparent) 80%, transparent 100%);width:min(100%,44ch);padding:5.7rem clamp(1.1rem,4vw,3.2rem) 4.5rem;position:fixed;inset:0 auto auto 0}.prj__head{max-width:62ch;margin-bottom:clamp(2.8rem,6vw,5rem)}.prj__eyebrow{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 .9rem}.prj__h{font-family:var(--f-display);font-size:var(--t-mega);letter-spacing:-.02em;background:linear-gradient(180deg, var(--silver-hi) 0%, var(--silver-dim) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1.4rem;font-weight:800;line-height:.94}.prj__slug{font-size:var(--t-mid);color:var(--silver-dim);margin:0;font-weight:300;line-height:1.75}.has-canvas .prj__h{margin-bottom:.8rem;font-size:clamp(2.6rem,6vw,4.4rem)}.has-canvas .prj__slug{font-size:var(--t-small);line-height:1.6}.prj__hint{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.18em;text-transform:uppercase;color:var(--silver-mute);margin:1rem 0 0}.dgrid{z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.dgrid.is-dragging{cursor:grabbing}.dgrid:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.dgrid__canvas{will-change:transform;grid-template-columns:repeat(2,1fr);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:grid}.pnet{z-index:0;pointer-events:none;position:fixed;inset:0}.pnet__c{width:100%;height:100%;display:block}.dgrid__tile{--gap:3.5rem;gap:var(--gap);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:calc(var(--gap) / 2);grid-template-columns:repeat(6,1fr);display:grid}@media (min-width:768px){.dgrid__tile{--gap:7rem}}.dgrid__item{width:max(200px,18vw)}@keyframes dgrid-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.dgrid.is-ready .dgrid__item{opacity:0;animation:dgrid-in 1.4s cubic-bezier(.18, .71, .11, 1) var(--d,1.5s) both}.dgrid[data-variant=masonry] .dgrid__tile,.dgrid[data-variant=polaroid] .dgrid__tile{row-gap:0;padding-block:0}.dgrid[data-variant=masonry] .dgrid__item:nth-child(2n),.dgrid[data-variant=polaroid] .dgrid__item:nth-child(2n){margin-top:60%}.dgrid[data-variant=polaroid] .prj__card{border:10px solid #fff;border-bottom-width:28px;border-radius:0;transition:transform .3s ease-out;box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006}.dgrid[data-variant=polaroid] .dgrid__item:nth-child(2n) .prj__card{transform:rotate(3deg)}.dgrid[data-variant=polaroid] .dgrid__item:nth-child(odd) .prj__card{transform:rotate(-2deg)}.dgrid[data-variant=polaroid] .prj__card:hover{transform:rotate(0)}.dgrid:not(.is-ready){height:auto;position:static}.dgrid:not(.is-ready) .dgrid__canvas{width:auto;display:block}.dgrid:not(.is-ready) .dgrid__tile{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:clamp(1.4rem,2.6vw,2.4rem);width:auto;padding:clamp(6rem,14vw,9rem) clamp(1.1rem,4vw,3.2rem) clamp(4rem,9vw,7rem)}.dgrid:not(.is-ready) .dgrid__item{width:auto}.prj__card{border-radius:var(--radius-lg);background:var(--ink-2);border:1px solid color-mix(in srgb, var(--silver-mute) 30%, transparent);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .5s;position:relative;overflow:hidden}.prj__card:hover{border-color:color-mix(in srgb, var(--gold) 40%, transparent);transform:translateY(-6px)}.prj__frame{aspect-ratio:4/3;background:var(--ink-3);overflow:hidden}.prj__frame img{object-fit:cover;filter:saturate(.92)brightness(.92);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s;display:block}.prj__card:hover .prj__frame img{filter:saturate()brightness();transform:scale(1.04)}.prj__meta{gap:.45rem;padding:1.3rem 1.4rem 1.5rem;display:grid}.prj__ref{font-family:var(--f-mono);font-size:var(--t-micro);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.prj__name{font-family:var(--f-display);font-size:var(--t-big);letter-spacing:-.01em;color:var(--silver-hi);overflow-wrap:break-word;margin:0;font-weight:700;line-height:1.15}.prj__tag{font-family:var(--f-ui);font-size:var(--t-small);letter-spacing:.06em;color:var(--silver-dim)}.has-canvas .prj__foot{z-index:20;pointer-events:none;background:linear-gradient(0deg, var(--ink) 0%, color-mix(in srgb, var(--ink) 70%, transparent) 55%, transparent 100%);border-top:0;grid-auto-flow:column;place-items:center end;gap:1.1rem;padding:3rem clamp(1.1rem,4vw,3.2rem) clamp(1.1rem,3vh,1.8rem);position:fixed;inset:auto 0 0 auto}.has-canvas .prj__foot>*{pointer-events:auto}.has-canvas .prj__foot-p{font-size:var(--t-small)}.has-canvas .prj__cta{padding:.7rem 1.6rem}@media (max-width:640px){.has-canvas .prj__foot-p,.has-canvas .prj__slug{display:none}.has-canvas .prj__head{background:linear-gradient(180deg, var(--ink) 0%, var(--ink) 52%, color-mix(in srgb, var(--ink) 70%, transparent) 78%, transparent 100%);padding-bottom:2.5rem}.has-canvas .prj__h{font-size:2.4rem}.dgrid__tile{--gap:2rem}.dgrid__item{width:max(150px,44vw)}.prj__name{font-size:1.1rem}.prj__meta{gap:.3rem;padding:.85rem .95rem 1rem}}.prj__foot{text-align:center;border-top:1px solid color-mix(in srgb, var(--silver-mute) 30%, transparent);justify-items:center;gap:1.2rem;padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.5rem,8vw,6rem);display:grid}.prj__foot-p{font-size:var(--t-mid);color:var(--silver-dim);margin:0;font-weight:300}.prj__cta{border-radius:var(--radius-pill);border:1px solid var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);font-family:var(--f-ui);font-size:var(--t-small);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-hi);align-items:center;padding:.85rem 2.2rem;font-weight:700;text-decoration:none;transition:background-color .3s,transform .3s;display:inline-flex}.prj__cta:hover{background:color-mix(in srgb, var(--gold) 26%, transparent);transform:translateY(-2px)}.prj__home{font-family:var(--f-ui);font-size:var(--t-small);letter-spacing:.08em;color:var(--silver-mute);text-decoration:none;transition:color .28s}.prj__home:hover{color:var(--silver)}@media (prefers-reduced-motion:reduce){.prj__card,.prj__frame img,.prj__cta,.prj__back svg{transition-duration:.01ms}.prj__card:hover,.prj__cta:hover,.prj__card:hover .prj__frame img{transform:none}.dgrid.is-ready .dgrid__item{opacity:1;animation:none}.dgrid[data-variant=polaroid] .prj__card{transition-duration:.01ms}}