html[data-page=work]{--bg: #0e0e10;--text: #bbbbbb;--muted: #778181;--heading: #ffffff;--accent: #c8a77c;--line: rgba(255, 255, 255, .08);--font-name: "Syne", system-ui, sans-serif;--font-heading: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--gutter: clamp(1.25rem, 4vw, 4rem);--col-gap: clamp(.75rem, 2vw, 1.75rem);--ease: cubic-bezier(.22, 1, .36, 1);--radius: 20px;--hero-line: clamp(4.5rem, 13vh, 7.5rem);color-scheme:dark}@media(max-width:767px){html[data-page=work]{--radius: 14px}}:where(html[data-page=work]){background:var(--bg);overflow-x:clip}:where(html[data-page=work]) body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;overflow-x:clip}:where(html[data-page=work]) h1,:where(html[data-page=work]) h2,:where(html[data-page=work]) h3,:where(html[data-page=work]) p,:where(html[data-page=work]) figure{margin:0}:where(html[data-page=work]) button{font:inherit}:where(html[data-page=work]) .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(html[data-page=work]) a,:where(html[data-page=work]) button{transition:color .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease),opacity .35s var(--ease)}:where(html[data-page=work]) .link{position:relative;color:var(--accent);text-decoration:none}:where(html[data-page=work]) .link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .45s var(--ease)}:where(html[data-page=work]) .link:hover:after,:where(html[data-page=work]) .link:focus-visible:after{transform:scaleX(1);transform-origin:left center}:where(html[data-page=work]) .grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:where(html[data-page=work]) .w{display:inline-block;white-space:pre;will-change:filter,transform,opacity}:where(html[data-page=work]) .label{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}:where(html[data-page=work]) .zone{position:relative}:where(html[data-page=work]) .stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}:where(html[data-page=work]) .fly{position:absolute;inset:0;z-index:1;pointer-events:none}:where(html[data-page=work]) .fly__gl{position:absolute;inset:0;width:100%;height:100%}:where(html[data-page=work]) .cards__gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}:where(html[data-page=work]) .list.is-gl .card__cover.has-img{background:transparent}:where(html[data-page=work]) .list.is-gl .has-img .card__img,:where(html[data-page=work]) .list.is-gl .has-img .vid{opacity:.001!important}:where(html[data-page=work]) .list.is-gl .card__cover.has-img.gl-off{background:#131417}:where(html[data-page=work]) .list.is-gl .has-img.gl-off .card__img,:where(html[data-page=work]) .list.is-gl .has-img.gl-off .vid.is-on{opacity:1!important}:where(html[data-page=work]) .list.is-gl .has-img.gl-off .vid:not(.is-on){opacity:0!important}:where(html[data-page=work]) .fly.is-gl .fly__c{display:none}:where(html[data-page=work]) .fly__c{position:absolute;left:0;top:0;background:#131417 center / cover no-repeat;border-radius:10px;will-change:transform,width,height,opacity}:where(html[data-page=work]) .hero{position:absolute;inset:0 var(--gutter);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}:where(html[data-page=work]) .hero__label{margin-bottom:1rem}:where(html[data-page=work]) .hero__title{font-family:var(--font-heading);font-weight:700;color:var(--heading);line-height:.82;font-size:clamp(5rem,21vw,21rem);letter-spacing:-.05em;text-shadow:0 6px 60px rgba(0,0,0,.6)}:where(html[data-page=work]) .hero__sub{margin-top:1.1rem;font-size:.9375rem;color:var(--text)}:where(html[data-page=work]) .hero-dot{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px #c8a77cf2;z-index:5;opacity:0}:where(html[data-page=work]) .list{position:relative;z-index:2;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);padding:2vh var(--gutter) 0}:where(html[data-page=work]) .card{position:relative;margin-bottom:clamp(5rem,17vh,11rem)}:where(html[data-page=work]) .card.is-out{display:none}:where(html[data-page=work]) .card__cover{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:#131417;aspect-ratio:16 / 10;cursor:none}:where(html[data-page=work]) .card__img{position:absolute;left:0;top:-6%;width:100%;height:112%;background:#131417 center / cover no-repeat}:where(html[data-page=work]) .vid{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;display:block;opacity:0;transition:opacity .7s var(--ease);pointer-events:none}:where(html[data-page=work]) .vid.is-on{opacity:1}:where(html[data-page=work]) .card__ph{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1rem;background:radial-gradient(120% 90% at 30% 20%,#1c1d22,#111215 70%);color:#4d5454;font-family:var(--font-heading);font-weight:700;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.03em}:where(html[data-page=work]) .card__tag{position:absolute;left:.75rem;bottom:.75rem;z-index:3;font-size:.6875rem;color:#d9c7ad;background:#0e0e10b8;border:1px solid rgba(200,167,124,.35);padding:.2rem .55rem;border-radius:999px}:where(html[data-page=work]) .card__more{justify-self:start}:where(html[data-page=work]) .card__info{margin-top:1.25rem;display:grid;grid-template-columns:1fr auto;column-gap:1.5rem;row-gap:.35rem;align-items:baseline}:where(html[data-page=work]) .card__no{grid-column:1 / -1;font-family:var(--font-body);font-weight:400;color:var(--accent);font-size:var(--fs-num);letter-spacing:var(--ls-num)}:where(html[data-page=work]) .card__t{font-family:var(--font-heading);font-weight:600;color:var(--heading);font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.02;letter-spacing:-.025em}:where(html[data-page=work]) .card__more{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}:where(html[data-page=work]) .card__meta{grid-column:1 / -1;color:var(--text);font-size:.9375rem}:where(html[data-page=work]) .pos-0{grid-column:1 / 9}:where(html[data-page=work]) .pos-1{grid-column:9 / 12}:where(html[data-page=work]) .pos-2{grid-column:4 / 11}:where(html[data-page=work]) .pos-3{grid-column:1 / 5}:where(html[data-page=work]) .pos-4{grid-column:6 / 13}:where(html[data-page=work]) .pos-5{grid-column:2 / 5}:where(html[data-page=work]) .pos-1 .card__t,:where(html[data-page=work]) .pos-3 .card__t,:where(html[data-page=work]) .pos-5 .card__t{font-size:clamp(1.25rem,1.7vw,1.6rem)}:where(html[data-page=work]) .pos-1 .card__info,:where(html[data-page=work]) .pos-3 .card__info,:where(html[data-page=work]) .pos-5 .card__info{grid-template-columns:1fr}:where(html[data-page=work]) .outro{position:relative;z-index:2;text-align:center;padding:4vh var(--gutter) 16vh}:where(html[data-page=work]) .outro__t{font-family:var(--font-heading);font-weight:600;color:var(--heading);font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);max-width:22ch;margin:0 auto 3rem}:where(html[data-page=work]) .cta{display:inline-block;padding:var(--cta-pad-l);border-radius:999px;border:1.5px solid transparent;color:var(--heading);text-decoration:none;font-size:var(--fs-cta-l);letter-spacing:var(--ls-cta);text-transform:uppercase}:where(html[data-page=work]) .cta.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px #c8a77c59}:where(html[data-page=work]) .cta{transition:box-shadow .8s var(--ease),background-color .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}:where(html[data-page=work]) .cta:hover,:where(html[data-page=work]) .cta:focus-visible{background:var(--accent);color:#0e0e10;outline:none}:where(html[data-page=work]) .outro__contacts{margin-top:2.2rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:.9375rem}:where(html[data-page=work]) .thread{position:absolute;left:0;top:0;width:100%;z-index:25;pointer-events:none;overflow:visible}:where(html[data-page=work]) .thread path{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}:where(html[data-page=work]) .thread circle{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(200,167,124,.9))}:where(html[data-page=work]) .count{position:fixed;left:var(--gutter);bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));z-index:30;font-family:var(--font-name);font-weight:800;font-size:var(--fs-count);letter-spacing:var(--ls-count);color:var(--heading);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none}:where(html[data-page=work]) .count i{color:var(--muted);font-style:normal}:where(html[data-page=work]) .count b{font-family:var(--font-body);font-weight:500;color:var(--accent);margin-left:.8rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}:where(html[data-page=work]) .hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:36;font-size:.75rem;color:var(--muted);background:#0e0e10b8;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line);pointer-events:none}:where(html[data-page=work]) .toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:60;max-width:30rem;text-align:center;background:#0e0e10e6;border:1px solid rgba(200,167,124,.4);border-radius:12px;padding:1rem 1.4rem;color:var(--heading);font-size:.9375rem;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}:where(html[data-page=work]) .toast.is-on{opacity:1}:where(html[data-page=work]) .tr{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}:where(html[data-page=work]) .tr__win{position:absolute;overflow:hidden;background:#131417}:where(html[data-page=work]) .tr__img{position:absolute;background:#131417 center / cover no-repeat}:where(html[data-page=work]) .tr__bg{position:absolute;inset:0;background:var(--bg);opacity:0}:where(html[data-page=work]) .tr__cv{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}:where(html[data-page=work]) .tr__veil{position:absolute;inset:0;background:linear-gradient(to top,#08080adb,#08080a14 64%)}:where(html[data-page=work]) .tr__ln{position:absolute;left:0;top:0;height:1.5px;background:var(--accent)}:where(html[data-page=work]) .tr__head{position:absolute;left:var(--gutter);right:var(--gutter);transform-origin:0 100%}:where(html[data-page=work]) .crumb{font-size:.8125rem;letter-spacing:.08em;color:var(--text);margin-bottom:.8rem}:where(html[data-page=work]) .title-xl{font-family:var(--font-heading);font-weight:700;color:var(--heading);font-size:clamp(2.8rem,8.4vw,9rem);line-height:.92;letter-spacing:-.04em;max-width:14ch;text-shadow:0 4px 44px rgba(0,0,0,.5)}:where(html[data-page=work]) .tr__meta{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;gap:1.5rem;font-size:.9375rem}@media(max-width:767px){:where(html[data-page=work]) .list>.card{grid-column:1 / -1!important}:where(html[data-page=work]) .list>.pos-1,:where(html[data-page=work]) .list>.pos-5{width:62%;margin-left:auto}:where(html[data-page=work]) .list>.pos-3{width:62%}:where(html[data-page=work]) .top__nav .link{display:none}:where(html[data-page=work]) .card__cover{cursor:pointer}}@media(hover:none){:where(html[data-page=work]) .cursor{display:none}:where(html[data-page=work]) .card__cover{cursor:pointer}}:where(html[data-page=work]) body.menu-open .count{opacity:0!important}:where(html[data-page=work]) .count{display:none}:where(html[data-page=work]) .card__no .svc{font-family:var(--font-body);font-weight:400;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);opacity:.72;display:inline-block;margin-left:1.1rem}:where(html[data-page=work]) .card .is-leaving{opacity:0;transform:translateY(-6px);transition:opacity .55s var(--ease),transform .55s var(--ease)}