.portfolio[data-astro-cid-uhrerali]{position:relative;overflow:clip;background:radial-gradient(circle at 14% 10%,rgba(178,62,50,.18),transparent 26rem),radial-gradient(circle at 84% 14%,rgba(215,162,94,.13),transparent 28rem),linear-gradient(180deg,#120d0a,#080605);padding-top:clamp(3rem,6vw,5rem)}.portfolio[data-astro-cid-uhrerali]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,243,.032) 1px,transparent 1px),linear-gradient(180deg,rgba(255,250,243,.026) 1px,transparent 1px),radial-gradient(circle at 72% 16%,rgba(215,162,94,.12),transparent 22rem);background-size:88px 88px,88px 88px,auto;opacity:.78;pointer-events:none}.portfolio[data-astro-cid-uhrerali] .container-wide{position:relative;z-index:1}.port-head[data-astro-cid-uhrerali]{max-width:72rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.55fr);column-gap:clamp(2rem,6vw,6rem);row-gap:1rem;align-items:end;color:#fff8ee}.port-head[data-astro-cid-uhrerali]>.eyebrow[data-astro-cid-uhrerali]{grid-column:1 / -1;color:#fff8eead}.eyebrow-dot[data-astro-cid-uhrerali]{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-red);box-shadow:none;margin-right:.55rem;vertical-align:1px}.port-h2[data-astro-cid-uhrerali]{margin-top:1rem;color:#fff8ee;font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,5.5vw,4.8rem);line-height:.96;max-width:13ch}.port-h2[data-astro-cid-uhrerali]>span[data-astro-cid-uhrerali]{display:block}html[lang^=zh] .port-h2[data-astro-cid-uhrerali]{font-family:var(--font-zh);line-height:1.12}.port-h2[data-astro-cid-uhrerali] .hl[data-astro-cid-uhrerali]{color:#d7a25e;font-weight:600}html[lang^=zh] .port-h2[data-astro-cid-uhrerali] .hl[data-astro-cid-uhrerali]{font-style:normal}.port-sub[data-astro-cid-uhrerali]{margin:0;grid-column:2;grid-row:2;font-size:clamp(1rem,1.7vw,1.2rem);color:#fff8eeb3;max-width:34ch}.work-grid[data-astro-cid-uhrerali]{margin-top:clamp(3rem,7vw,6rem);list-style:none;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(15rem,20vw,18rem);gap:clamp(.7rem,1.1vw,1rem);background:transparent;border:0;align-items:stretch}.work[data-astro-cid-uhrerali]{grid-column:span 6;grid-row:span 2;min-height:0}.work-wide[data-astro-cid-uhrerali]{grid-column:span 8}.work-tall[data-astro-cid-uhrerali]{grid-column:span 4}.work-link[data-astro-cid-uhrerali]{position:relative;display:grid;height:100%;color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;background:#111;border:1px solid rgba(255,248,238,.14);border-radius:clamp(1.1rem,2vw,1.75rem);box-shadow:0 22px 72px #00000047}.work-media[data-astro-cid-uhrerali]{position:absolute;inset:0;margin:0;z-index:-2;background:#111}.work-media[data-astro-cid-uhrerali] img[data-astro-cid-uhrerali]{width:100%;height:100%;display:block;object-fit:cover;opacity:.86;filter:saturate(.94) contrast(.92) brightness(.86);transform:scale(1.01);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.work-link[data-astro-cid-uhrerali]:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000005,#00000047 46%,#000000c2),radial-gradient(circle at 22% 22%,color-mix(in srgb,var(--tone, #e74b3f) 22%,transparent),transparent 18rem)}.work-link[data-astro-cid-uhrerali]:after{content:var(--i);position:absolute;right:-.08em;bottom:-.24em;color:#ffffff14;font-family:var(--font-display);font-size:clamp(6rem,18vw,17rem);line-height:1;pointer-events:none}.work-link[data-astro-cid-uhrerali]:hover .work-media[data-astro-cid-uhrerali] img[data-astro-cid-uhrerali]{opacity:1;transform:scale(1.065);filter:saturate(1.1) contrast(1.03) brightness(.96)}.work-link[data-astro-cid-uhrerali]:focus-visible{outline:3px solid var(--color-red);outline-offset:4px}.work-copy[data-astro-cid-uhrerali]{align-self:end;padding:clamp(1.2rem,3vw,2rem);color:#fff8ee;text-shadow:0 1px 22px rgba(0,0,0,.38)}.work-index[data-astro-cid-uhrerali],.work-cat[data-astro-cid-uhrerali],.work-cta[data-astro-cid-uhrerali]{font-family:var(--font-body);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}html[lang^=zh] [data-astro-cid-uhrerali]:is(.work-cat,.work-cta){text-transform:none;letter-spacing:.04em}.work-index[data-astro-cid-uhrerali]{display:block;color:#ffffff94;margin-bottom:.9rem}.work-cat[data-astro-cid-uhrerali]{color:var(--tone, #e74b3f);margin:0 0 .45rem}.work-outcome[data-astro-cid-uhrerali]{display:inline-flex;width:fit-content;max-width:100%;margin:0 0 .75rem;padding:.34rem .55rem;border:1px solid rgba(255,248,238,.28);border-radius:999px;background:#fff8ee1f;color:#fff8eee6;font-size:.74rem;font-weight:850;line-height:1.2;letter-spacing:.02em;backdrop-filter:blur(10px)}html[lang^=zh] .work-outcome[data-astro-cid-uhrerali]{letter-spacing:.01em}.tone-red[data-astro-cid-uhrerali]{--tone: #ff594c}.tone-mint[data-astro-cid-uhrerali]{--tone: #7fd0aa}.tone-kopi[data-astro-cid-uhrerali]{--tone: #e0b582}.tone-rose[data-astro-cid-uhrerali]{--tone: #f0a39b}.work-brand[data-astro-cid-uhrerali]{font-family:var(--font-display);color:#fff8ee;font-size:clamp(1.65rem,3.2vw,3rem);font-weight:700;line-height:.98;max-width:11ch}html[lang^=zh] .work-brand[data-astro-cid-uhrerali]{font-family:var(--font-zh);line-height:1.12}.work-dek[data-astro-cid-uhrerali]{margin-top:1rem;max-width:32ch;color:#fff8eedb;font-size:.96rem}.work-cta[data-astro-cid-uhrerali]{display:inline-block;margin-top:1.25rem;color:#fff8ee;border-bottom:1px solid currentColor}@media(max-width:980px){.port-head[data-astro-cid-uhrerali]{grid-template-columns:1fr}.port-sub[data-astro-cid-uhrerali]{grid-column:1;grid-row:auto}.work[data-astro-cid-uhrerali],.work-wide[data-astro-cid-uhrerali],.work-tall[data-astro-cid-uhrerali]{grid-column:span 6;grid-row:span 2}}@media(max-width:640px){.work-grid[data-astro-cid-uhrerali]{grid-template-columns:1fr;grid-auto-rows:auto}.work[data-astro-cid-uhrerali],.work-wide[data-astro-cid-uhrerali],.work-tall[data-astro-cid-uhrerali]{grid-column:1;grid-row:auto;min-height:31rem}.work-brand[data-astro-cid-uhrerali]{max-width:13ch}}@media(prefers-reduced-motion:no-preference){.portfolio[data-astro-cid-uhrerali]{animation:portfolio-grid-drift 22s linear infinite}.portfolio[data-astro-cid-uhrerali]:before{animation:portfolio-paper-sheen 14s ease-in-out infinite alternate}@keyframes portfolio-grid-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,42px 0,0 42px,0 0}}@keyframes portfolio-paper-sheen{0%{transform:translate3d(-1%,-.5%,0)}to{transform:translate3d(1%,.5%,0)}}}