.project-page{--project-accent: var(--gold);--case-gallery-ratio: 4 / 3;min-width:320px;background:var(--ink);color:var(--warm)}.project-onew-page{--project-accent: var(--gold)}.project-bocatea-page{--project-accent: var(--gold);--case-gallery-ratio: 16 / 9}.project-acompas-page,.project-amunt-page{--project-accent: var(--gold)}.project-sakura-page{--project-accent: var(--gold);--case-gallery-ratio: 4 / 5}.project-lion-page{--project-accent: var(--gold);--case-gallery-ratio: 16 / 9}.project-vic-page{--project-accent: var(--gold)}.project-page main{overflow:clip;background:var(--ink)}.case-hero,.case-section,.case-next{position:relative;padding-right:var(--hero-edge);padding-left:var(--hero-edge)}.case-hero{display:grid;min-height:100svh;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,1.45vw,1.45rem);align-items:center;padding-top:calc(var(--header) + clamp(2.5rem,7svh,6.5rem));padding-bottom:clamp(4.5rem,8svh,7rem);overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line-dark);background-color:var(--ink);background:radial-gradient(circle at 83% 28%,color-mix(in srgb,var(--project-accent) 24%,transparent),transparent 30%),linear-gradient(128deg,var(--ink-raised) 0%,var(--ink-soft) 48%,var(--ink) 100%)}.case-hero:before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,transparent 0 67%,rgba(251,243,228,.045) 67% calc(67% + 1px),transparent calc(67% + 1px)),linear-gradient(180deg,transparent 0 72%,rgba(251,243,228,.045) 72% calc(72% + 1px),transparent calc(72% + 1px));pointer-events:none}.case-hero:after{position:absolute;right:var(--hero-edge);bottom:1.65rem;width:min(18rem,28vw);height:1px;content:"";background:linear-gradient(90deg,transparent,var(--project-accent));opacity:.9}.case-hero-copy{z-index:2;grid-column:1 / 7;align-self:end;min-width:0;padding-bottom:clamp(.5rem,4svh,3.5rem)}.back-link{display:inline-flex;gap:.7rem;align-items:center;margin-bottom:clamp(2rem,4svh,3.75rem);color:var(--gold);font-family:var(--font-body);font-size:.68rem;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.back-link:before{width:2.75rem;height:1px;content:"";background:currentColor;transition:width .22s ease}.back-link:hover:before,.back-link:focus-visible:before{width:3.4rem}.case-hero-copy .eyebrow{margin-bottom:1.1rem;color:color-mix(in srgb,var(--project-accent) 74%,var(--gold-bright))}.case-hero-copy h1{position:relative;z-index:3;width:min(148%,66rem);margin:0;color:var(--warm);font-family:var(--font-display);font-size:clamp(4.75rem,8.3vw,9.75rem);font-weight:850;letter-spacing:0;line-height:.82;text-wrap:balance}.project-amunt-page .case-hero-copy h1,.project-vic-page .case-hero-copy h1{width:100%;max-width:100%;font-size:clamp(3.6rem,5.2vw,6.5rem)}.project-lion-page .case-hero-copy h1{width:100%;max-width:calc(100% - clamp(2rem,2.5vw,3.5rem));font-size:clamp(4.25rem,7.25vw,8.75rem)}.case-hero-copy>p:not(.eyebrow){max-width:34rem;margin:clamp(1.75rem,3vw,2.65rem) 0 0;color:var(--paper-dim);font-family:var(--font-body);font-size:clamp(1rem,1.22vw,1.22rem);font-weight:440;letter-spacing:0;line-height:1.65;text-wrap:pretty}.case-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(2rem,4vw,3.25rem) 0 0;padding:0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);list-style:none}.case-hero-meta li{display:grid;min-width:0;gap:.45rem;align-content:start;padding:1rem clamp(.65rem,1.2vw,1.15rem) 1.05rem 0;color:var(--warm);font-family:var(--font-body);font-size:clamp(.72rem,.75vw,.82rem);font-weight:570;line-height:1.25}.case-hero-meta li+li{padding-left:clamp(.65rem,1.2vw,1.15rem);border-left:1px solid var(--line-dark)}.case-hero-meta span{color:var(--gold);font-size:.58rem;font-weight:740;letter-spacing:.05em;text-transform:uppercase}.case-hero-media{position:relative;z-index:1;grid-column:7 / 13;align-self:stretch;min-width:0;min-height:min(70svh,50rem);overflow:hidden;border-radius:clamp(1rem,1.5vw,1.5rem);background:var(--ink-raised)}.case-hero-media:before{position:absolute;inset:0;z-index:2;content:"";border:1px solid rgba(251,243,228,.22);box-shadow:inset 0 0 0 1px #0d0a071f;pointer-events:none}.case-hero-media:after{position:absolute;right:0;bottom:0;z-index:3;padding:.7rem .85rem;content:"Vic Bang Graphic / Selected work";color:var(--warm);background:#0d0a07c7;font-family:var(--font-body);font-size:.56rem;font-weight:720;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.case-hero-media img{width:100%;height:100%;min-height:inherit;border-radius:inherit;object-fit:cover;transform:scale(1.002);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.case-hero-media:hover img{transform:scale(1.025)}.case-section{padding-top:clamp(6.5rem,10vw,10.5rem);padding-bottom:clamp(6.5rem,10vw,10.5rem)}.case-concept{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,1.45vw,1.45rem);color:var(--ink);background-color:var(--paper);background:linear-gradient(115deg,color-mix(in srgb,var(--project-accent) 10%,transparent),transparent 34%),var(--paper)}.case-concept:before{position:absolute;top:0;right:var(--hero-edge);left:var(--hero-edge);height:1px;content:"";background:linear-gradient(90deg,var(--project-accent),var(--line-light) 28%,var(--line-light))}.concept-index{grid-column:1 / 3;color:var(--project-accent);font-family:var(--font-display);font-size:clamp(3.4rem,5vw,5.8rem);font-weight:520;letter-spacing:0;line-height:.9}.concept-copy{grid-column:4 / 12;min-width:0}.concept-copy .eyebrow{color:var(--deep-gold)}.concept-copy h2,.case-grid h2,.section-heading h2{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:0;text-wrap:balance}.concept-copy h2{max-width:60rem;color:var(--ink);font-size:clamp(3.3rem,6.1vw,7.2rem);line-height:.92}.concept-copy>p:not(.eyebrow){max-width:62ch;margin:clamp(2rem,3.5vw,3.3rem) 0 0;color:var(--muted-dark);font-family:var(--font-body);font-size:clamp(1.02rem,1.25vw,1.25rem);font-weight:450;line-height:1.7;text-wrap:pretty}.concept-copy>p:not(.eyebrow)+p{margin-top:1.25em}.concept-tags{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(2.25rem,4vw,3.6rem);border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light)}.concept-tags span{flex:1 1 12rem;padding:1rem 1.2rem 1.05rem 0;color:var(--ink);font-family:var(--font-body);font-size:.68rem;font-weight:720;letter-spacing:.035em;text-transform:uppercase}.concept-tags span+span{padding-left:1.2rem;border-left:1px solid var(--line-light)}.section-band{color:var(--warm);background-color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--project-accent) 9%,transparent),transparent 34%),linear-gradient(180deg,var(--ink-soft),var(--ink))}.case-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,1.45vw,1.45rem);align-items:start}.case-grid>div:first-child{grid-column:1 / 6;position:sticky;top:8rem}.case-grid h2{max-width:43rem;color:var(--warm);font-size:clamp(3rem,4.8vw,5.9rem);line-height:1.02}.case-points{grid-column:7 / 13;min-width:0;counter-reset:project-principle;border-top:1px solid var(--line-dark)}.case-points article{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.7rem clamp(1rem,2vw,2rem);padding:clamp(1.6rem,2.6vw,2.4rem) 0;border-bottom:1px solid var(--line-dark);counter-increment:project-principle}.case-points article:before{grid-row:1 / 3;color:var(--gold);content:"0" counter(project-principle);font-family:var(--font-display);font-size:.76rem;font-weight:680}.case-points h3{margin:0;color:var(--warm);font-family:var(--font-display);font-size:clamp(1.2rem,1.5vw,1.6rem);font-weight:720;letter-spacing:0;line-height:1.05}.case-points p{max-width:60ch;margin:0;color:var(--muted);font-family:var(--font-body);font-size:clamp(1rem,1.08vw,1.08rem);font-weight:420;line-height:1.7;text-wrap:pretty}.case-section[data-project-gallery]{color:var(--ink);background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%),var(--warm)}.section-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,1.45vw,1.45rem);align-items:start;margin-bottom:clamp(3.5rem,7vw,7rem)}.section-heading .eyebrow{grid-column:1 / 4;color:var(--deep-gold)}.section-heading h2{grid-column:4 / 13;max-width:66rem;color:var(--ink);font-size:clamp(3.2rem,5.8vw,7rem);line-height:.92}.section-heading .case-section-intro{grid-column:4 / 12;max-width:62ch;margin:1.75rem 0 0;color:var(--muted-dark);font-family:var(--font-body);font-size:clamp(1rem,1.15vw,1.15rem);font-weight:450;line-height:1.7;text-wrap:pretty}.project-page .case-gallery{display:block;width:100%;max-width:1520px;grid-column:auto;grid-row:auto;grid-template-columns:none;margin:0 auto;perspective:none;perspective-origin:initial;transform-style:flat}.case-hero-media picture{display:block;width:100%;height:100%}.case-gallery-viewport{overflow:visible}.case-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem) clamp(1rem,1.45vw,1.45rem);align-items:start;counter-reset:project-image}.case-gallery-item{min-width:0;margin:0;counter-increment:project-image}.case-gallery-item img{display:block;width:100%;height:auto;border:1px solid rgba(13,10,7,.12);background:var(--paper);box-shadow:0 1.4rem 4rem #0d0a071a;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}.project-onew-page .case-gallery-item img,.project-acompas-page .case-gallery-item img,.project-amunt-page .case-gallery-item img{aspect-ratio:4 / 3}.project-sakura-page .case-gallery-item img{aspect-ratio:4 / 5}.project-bocatea-page .case-gallery-item img,.project-lion-page .case-gallery-item img{aspect-ratio:16 / 9}.case-gallery-item:hover img{box-shadow:0 1.8rem 5rem #0d0a0729;transform:translateY(-.35rem)}.case-gallery-item figcaption{display:flex;gap:.8rem;align-items:baseline;margin-top:.8rem;color:var(--muted-dark);font-family:var(--font-body);font-size:.72rem;font-weight:650;letter-spacing:.025em;text-transform:uppercase}.case-gallery-item figcaption:before{color:var(--deep-gold);content:"0" counter(project-image);font-size:.58rem}.case-gallery-section--cinematic{color:var(--ink)}.case-gallery-section--cinematic .section-heading .eyebrow{color:var(--deep-gold)}.case-gallery-section--cinematic .section-heading h2{color:var(--ink)}.case-gallery--cinematic{max-width:min(1600px,calc(100vw - clamp(2rem,6vw,8rem)))}.case-gallery-grid--cinematic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(clamp(13rem,18vw,22rem),auto);gap:clamp(.75rem,1vw,1rem);align-items:stretch}.case-gallery-item--hero{grid-column:1 / 8;grid-row:span 2;margin-top:0}.case-gallery-item--side{grid-column:8 / 13;margin-top:0}.case-gallery-item--wide{grid-column:1 / 7;margin-top:0}.case-gallery-grid--cinematic .case-gallery-item--wide:last-child{grid-column:7 / 13;margin-top:0}.case-gallery-item--tile{grid-column:span 3;margin-top:0}.case-gallery-grid--cinematic .case-gallery-item{position:relative;overflow:hidden;min-height:0;border:1px solid rgba(13,10,7,.12);border-radius:clamp(.85rem,1.1vw,1.25rem);background:linear-gradient(145deg,#ffffff14,#ffffff05),var(--paper);box-shadow:0 2rem 5.5rem #00000047;isolation:isolate}.case-gallery-grid--cinematic .case-gallery-item:after{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 46%,rgba(8,5,28,.64));content:"";pointer-events:none}.case-gallery-grid--cinematic .case-gallery-item img{width:100%;height:100%;border:0;border-radius:inherit;padding:0;background:transparent;box-shadow:none;cursor:zoom-in;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.case-gallery-viewport--landscape .case-gallery-grid--cinematic{grid-auto-rows:auto}.case-gallery-viewport--landscape .case-gallery-item{grid-column:span 6;grid-row:auto;aspect-ratio:16 / 9}.case-gallery-viewport--landscape .case-gallery-item--panorama{grid-column:1 / 13}.case-gallery-grid--cinematic .case-gallery-item:hover img{box-shadow:none;transform:scale(1.025)}.case-gallery-grid--cinematic .case-gallery-item figcaption{position:absolute;z-index:2;right:auto;bottom:clamp(.75rem,1.3vw,1.2rem);left:clamp(.75rem,1.3vw,1.2rem);width:fit-content;max-width:calc(100% - clamp(1.5rem,2.6vw,2.4rem));margin:0;padding:.72rem .95rem;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:var(--paper);background:#08051cdb;backdrop-filter:blur(16px);box-shadow:0 .85rem 2.4rem #0000005c;font-size:.82rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(16px)}.case-gallery-grid--cinematic .case-gallery-item figcaption:before{color:var(--gold)}.case-gallery-expand{position:absolute;top:clamp(.75rem,1.2vw,1.1rem);right:clamp(.75rem,1.2vw,1.1rem);z-index:3;display:grid;width:2.75rem;height:2.75rem;place-items:center;padding:0;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:var(--warm);background:#08051cd1;backdrop-filter:blur(16px);box-shadow:0 .75rem 2rem #00000047;cursor:zoom-in;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(16px)}.case-gallery-expand svg,.case-gallery-lightbox__control svg,.case-gallery-lightbox__close svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.case-gallery-expand:hover{border-color:var(--gold-bright);color:var(--ink);background:var(--gold-bright);transform:scale(1.06)}.case-gallery-expand:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}body.project-gallery-lightbox-open{overflow:hidden}.case-gallery-lightbox{position:fixed;inset:0;z-index:1000;display:none;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(4.75rem,7vw,6.5rem) clamp(1rem,4vw,4rem) clamp(1.25rem,3vw,2.5rem);overflow:auto;border:0;color:var(--warm);background:#08051cf0;backdrop-filter:blur(22px);box-sizing:border-box;-webkit-backdrop-filter:blur(22px)}.case-gallery-lightbox[open]{display:grid;place-items:center;animation:case-gallery-lightbox-in .18s ease-out both}.case-gallery-lightbox::backdrop{background:transparent}.case-gallery-lightbox__panel{position:relative;display:grid;width:fit-content;max-width:min(100%,112rem);gap:.9rem;justify-items:center;margin:auto}.case-gallery-lightbox__image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 9rem);border:1px solid rgba(255,255,255,.18);border-radius:clamp(.7rem,1.2vw,1.2rem);background:var(--ink);box-shadow:0 2rem 7rem #0000008f;object-fit:contain}.case-gallery-lightbox__caption{display:flex;align-items:center;justify-content:center;gap:.65rem;margin:0;color:var(--paper-dim);font-family:var(--font-body);font-size:.76rem;font-weight:680;letter-spacing:.045em;line-height:1.35;text-align:center;text-transform:uppercase}.case-gallery-lightbox__counter{flex:0 0 auto;padding-left:.65rem;border-left:1px solid rgba(255,255,255,.3);color:var(--gold-bright);font-variant-numeric:tabular-nums}.case-gallery-lightbox__control{position:fixed;top:50%;z-index:2;display:grid;width:3.25rem;height:3.25rem;place-items:center;padding:0;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:var(--warm);background:#0d0a07cc;box-shadow:0 .75rem 2.2rem #00000052;cursor:pointer;transform:translateY(-50%);transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.case-gallery-lightbox__control--previous{left:clamp(.75rem,2.4vw,2.5rem)}.case-gallery-lightbox__control--next{right:clamp(.75rem,2.4vw,2.5rem)}.case-gallery-lightbox__control:hover,.case-gallery-lightbox__control:focus-visible{border-color:var(--gold-bright);color:var(--ink);background:var(--gold-bright);transform:translateY(-50%) scale(1.06)}.case-gallery-lightbox__control:focus-visible{outline:3px solid var(--warm);outline-offset:3px}.case-gallery-lightbox__control[hidden]{display:none}.case-gallery-lightbox__close{position:fixed;top:clamp(.85rem,2vw,1.5rem);right:clamp(.85rem,2vw,1.5rem);z-index:1;display:grid;width:2.9rem;height:2.9rem;place-items:center;padding:0;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:var(--warm);background:#0d0a07c2;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.case-gallery-lightbox__close:hover,.case-gallery-lightbox__close:focus-visible{color:var(--ink);background:var(--gold-bright);transform:rotate(5deg) scale(1.04)}.case-gallery-lightbox__close:focus-visible{outline:3px solid var(--gold-bright);outline-offset:3px}@keyframes case-gallery-lightbox-in{0%{opacity:0}to{opacity:1}}.case-board:not(.case-gallery){max-width:72rem;margin:clamp(3rem,6vw,6rem) auto 0}.case-board:not(.case-gallery) img{width:100%;height:auto;border:1px solid var(--line-light);box-shadow:0 1.4rem 4rem #0d0a071a}.case-next{padding-top:clamp(5.5rem,9vw,9rem);padding-bottom:clamp(5.5rem,9vw,9rem);border-top:1px solid var(--line-dark);background-color:var(--ink);background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--project-accent) 18%,transparent),transparent 28%),var(--ink)}.case-next-inner,.case-next-copy{width:100%;max-width:1520px;margin:0 auto}.case-next-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,2.5vw,2.75rem);align-items:center;padding:clamp(1.8rem,3.5vw,3.5rem) 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.case-next-count{color:var(--gold);font-family:var(--font-body);font-size:.68rem;font-weight:720;letter-spacing:.04em}.case-next-link strong{color:var(--warm);font-family:var(--font-display);font-size:clamp(3.8rem,8.2vw,9.4rem);font-weight:820;letter-spacing:0;line-height:.84;transition:color .22s ease,transform .4s cubic-bezier(.2,.8,.2,1)}.case-next-arrow,.case-next-link>span:last-child{display:grid;width:clamp(3.4rem,5vw,5rem);aspect-ratio:1;place-items:center;border:1px solid var(--line-dark);color:var(--gold-bright);font-size:clamp(1.25rem,2vw,2rem);transition:background-color .22s ease,color .22s ease,transform .22s ease}.case-next-link:hover strong,.case-next-link:focus-visible strong{color:var(--gold-bright);transform:translate(.3rem)}.case-next-link:hover .case-next-arrow,.case-next-link:focus-visible .case-next-arrow,.case-next-link:hover>span:last-child,.case-next-link:focus-visible>span:last-child{color:var(--ink);background:var(--gold-bright);transform:translate(.2rem,-.2rem)}.case-next-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:flex-end;margin-top:1.5rem}.case-next>.case-next-actions{width:100%;max-width:1520px;margin-right:auto;margin-left:auto}.case-next-actions a{display:inline-flex;min-height:2.85rem;gap:1rem;align-items:center;padding:.78rem .95rem;border:1px solid var(--line-dark);color:var(--warm);font-family:var(--font-body);font-size:.68rem;font-weight:730;letter-spacing:.035em;text-transform:uppercase;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.case-next-actions a:last-child{border-color:var(--gold);color:var(--ink);background:var(--gold)}.case-next-actions a:hover,.case-next-actions a:focus-visible{border-color:var(--gold-bright);color:var(--ink);background:var(--gold-bright)}.js-project-motion .project-page [data-reveal]{opacity:0;transform:translateY(1rem);transition:opacity .68s ease,transform .68s cubic-bezier(.2,.8,.2,1)}.js-project-motion .project-page [data-reveal=scale]{transform:scale(.985)}.js-project-motion .project-page [data-reveal].is-visible{opacity:1;transform:none}