/* Personal content layer; generated Framer layout remains the foundation. */
html { --rijin-blue:#343e91; --rijin-pink:#df578c; --rijin-pink-ink:#a52d5e; --rijin-paper:#e5ded3; --rijin-cream:#efe9df; overflow-x:clip; }
body {
  --token-b0ae8326-2e70-473a-868d-c05aae13174a:var(--rijin-blue)!important;
  --token-56ff1900-08cc-4f2e-996a-46959b98410b:var(--rijin-paper)!important;
  --token-4cc1075b-2277-4d60-8ea3-eb4990819cbe:var(--rijin-cream)!important;
}
#__framer-badge-container,
.framer-45rxis-container,.framer-129rlqa-container,
[data-rijin-remove], [data-rijin-signature-hide] { display:none!important; }
.framer-0Fd6a,.framer-C5h3W { display:none!important; }
.framer-eLe6J .framer-10mkuiu,.framer-eLe6J .framer-1t7cw57 { display:none!important; }
.framer-eLe6J { min-width:72px!important; min-height:44px!important; }
.framer-eLe6J .framer-1ks384k p { font-size:22px!important; }
.framer-eLe6J .framer-17tjtql { width:17px!important; height:17px!important; border:1px solid currentColor; border-radius:50%; display:flex!important; align-items:center; justify-content:center; color:var(--rijin-pink-ink)!important; }
.framer-eLe6J .framer-17tjtql p { font:700 11px/1 Inter,sans-serif!important; color:var(--rijin-pink-ink)!important; margin:0!important; }
.framer-qwn8w0 { min-width:48px!important; min-height:48px!important; cursor:pointer; }
.framer-Vd9Py { width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; cursor:pointer; position:relative; }
.framer-Vd9Py::before { content:""; position:absolute; inset:-6px; }
.framer-54hzh2-container,.framer-k0ubhs-container { z-index:40!important; }
/* The initial WAAPI transform and the React handoff used to compete while the
 * center image contracted. Name layers now have a single stable transform. */
.framer-kgfhig,.framer-kxirw7 { transform:none!important; opacity:1!important; will-change:auto!important; }
.framer-kgfhig { margin-left:0!important; }
.framer-kxirw7 { margin-right:0!important; }
.framer-hv7rxx,.framer-iixhp2 { overflow:visible!important; }
.framer-hv7rxx,.framer-iixhp2,.framer-1eg4w5f,.framer-234zrz { transition:transform .85s cubic-bezier(.76,0,.24,1); }
.framer-hv7rxx h1,.framer-1eg4w5f h1 { font-size:clamp(100px,20vw,390px)!important; letter-spacing:-.045em!important; }
.framer-iixhp2 p,.framer-234zrz>.framer-13n4oj5 p { font-size:clamp(100px,20vw,390px)!important; letter-spacing:-.045em!important; }
.framer-hv7rxx h1:not([data-rijin-name]),.framer-1eg4w5f h1:not([data-rijin-name]),.framer-iixhp2 p:not([data-rijin-name]),.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name]) { font-size:0!important; }
.framer-hv7rxx h1:not([data-rijin-name])::before,.framer-1eg4w5f h1:not([data-rijin-name])::before { content:"RUAN"; display:inline-block; font-size:clamp(100px,20vw,390px); line-height:.85; letter-spacing:-.045em; }
.framer-iixhp2 p:not([data-rijin-name])::before,.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name])::before { content:"RIJIN"; display:inline-block; font-size:clamp(100px,20vw,390px); line-height:.85; letter-spacing:-.045em; }
.framer-m73336,.framer-bx0gp8,.framer-j19xhp { visibility:hidden!important; pointer-events:none!important; }
.framer-j19xhp,.rijin-full-name { display:none!important; }
body:not(.rijin-reel-open) .framer-1tgq509 .framer-hv7rxx { transform:translateX(5vw); }
body:not(.rijin-reel-open) .framer-1tgq509 .framer-iixhp2 { transform:translateX(-5vw); }
.framer-iixhp2 p,.framer-234zrz>.framer-13n4oj5 p { color:var(--rijin-pink)!important; --framer-text-color:var(--rijin-pink)!important; }
a[href^="mailto:"]:hover { color:var(--rijin-pink-ink)!important; --framer-text-color:var(--rijin-pink-ink)!important; text-decoration-color:var(--rijin-pink)!important; }
.framer-Vd9Py:hover [data-framer-name^="Line"] { background-color:var(--rijin-pink)!important; }
.framer-WaK1I:hover { background-color:var(--rijin-pink)!important; }
body.rijin-reel-open .framer-hv7rxx,body.rijin-reel-open .framer-1eg4w5f { transform:translateX(-110vw)!important; }
body.rijin-reel-open .framer-iixhp2,body.rijin-reel-open .framer-234zrz { transform:translateX(110vw)!important; }
.rijin-reel { --reel-size:clamp(150px,15vw,290px); position:absolute; z-index:20; left:50%; top:300px; width:var(--reel-size); height:var(--reel-size); transform:translate(-50%,-50%) rotate(8deg); border:0; border-radius:12px; overflow:hidden; background:#141414; cursor:pointer; transition:width .85s cubic-bezier(.76,0,.24,1),height .85s cubic-bezier(.76,0,.24,1),top .85s cubic-bezier(.76,0,.24,1),transform .85s cubic-bezier(.76,0,.24,1),border-radius .85s; box-shadow:0 12px 32px #0002; }
.rijin-reel video { display:block; width:100%; height:100%; object-fit:contain; background:#141414; }
.rijin-reel-preview { position:absolute; z-index:18; width:clamp(150px,15vw,290px); aspect-ratio:1; overflow:hidden; border-radius:12px; pointer-events:none; background:#141414; box-shadow:0 10px 24px #0002; transition:opacity .5s; }
.rijin-reel-preview video { width:100%; height:100%; object-fit:contain; }
body.rijin-reel-open .rijin-reel-preview { opacity:0; }
.rijin-reel[data-expanded="true"] { --reel-size:min(1500px,calc(100vw - 64px),calc(100svh - 80px)); transform:translate(-50%,-50%) rotate(0); border-radius:6px; outline:2px solid var(--rijin-pink); }
.rijin-reel[data-intro="true"] { z-index:60; width:100vw; height:100svh; transform:translate(-50%,-50%); border-radius:0; box-shadow:none; outline:0; }
.rijin-reel[data-intro="true"] video { object-fit:cover; }
.rijin-reel-close { display:none; position:absolute; top:12px; right:12px; width:44px; height:44px; border:1px solid #fff6; border-radius:50%; color:white; background:#141414b3; font:28px/1 Arial,sans-serif; cursor:pointer; z-index:2; }
.rijin-reel[data-expanded="true"] .rijin-reel-close { display:block; }
.rijin-reel:focus-visible,.rijin-reel-close:focus-visible { outline:3px solid #a9a0ed; outline-offset:4px; }
.rijin-full-name { color:var(--rijin-blue); font:400 clamp(12px,1.25vw,24px)/1.2 Inter,sans-serif; white-space:nowrap; }
[data-rijin-talk] { cursor:default!important; }
[data-rijin-behance] { display:flex!important; align-items:center!important; justify-content:center!important; color:var(--rijin-blue)!important; }
[data-rijin-behance]::after { content:""; width:22px; height:22px; flex:none; display:block; background:currentColor; mask:url('./behance.svg') center/contain no-repeat; -webkit-mask:url('./behance.svg') center/contain no-repeat; }
[data-rijin-behance]:hover { color:#eeeade!important; }
[data-rijin-behance]>div { display:none!important; }
[data-rijin-behance][aria-disabled="true"] { cursor:default; }
@media(max-width:809px) {
  .framer-hv7rxx h1,.framer-1eg4w5f h1,.framer-iixhp2 p,.framer-234zrz>.framer-13n4oj5 p { font-size:27vw!important; }
  .framer-hv7rxx h1:not([data-rijin-name]),.framer-1eg4w5f h1:not([data-rijin-name]),.framer-iixhp2 p:not([data-rijin-name]),.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name]) { font-size:0!important; }
  .framer-hv7rxx h1:not([data-rijin-name])::before,.framer-1eg4w5f h1:not([data-rijin-name])::before,.framer-iixhp2 p:not([data-rijin-name])::before,.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name])::before { font-size:27vw; }
  .rijin-reel { --reel-size:clamp(125px,30vw,220px); }
  .rijin-reel-preview { width:clamp(125px,30vw,220px); }
  .rijin-reel[data-expanded="true"] { --reel-size:min(1500px,calc(100vw - 24px),calc(100svh - 80px)); }
  body:not(.rijin-reel-open) .framer-1tgq509 .framer-hv7rxx { transform:translateX(2vw); }
  body:not(.rijin-reel-open) .framer-1tgq509 .framer-iixhp2 { transform:translateX(-2vw); }
}
@media(prefers-reduced-motion:reduce) { .rijin-reel,.framer-hv7rxx,.framer-iixhp2,.framer-1eg4w5f,.framer-234zrz { transition:none; } }
/* Home names and the details below share the same outer edges. */
.framer-1tgq509 { padding-left:20px!important; padding-right:20px!important; }
.framer-1tgq509 .framer-pjqgcb { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16vw!important; align-items:start!important; }
.framer-1tgq509 :is(.framer-m73336,.framer-bx0gp8) { display:none!important; }
.framer-1tgq509 :is(.framer-5rqads,.framer-l82xel,.framer-hv7rxx,.framer-iixhp2) { width:100%!important; min-width:0; }
.framer-1tgq509 .framer-hv7rxx { justify-content:flex-start!important; }
.framer-1tgq509 .framer-iixhp2 { justify-content:flex-end!important; }
.framer-1tgq509 .framer-18o62a5 { align-items:flex-start!important; padding-left:12px!important; box-sizing:border-box; transform:none!important; }
.framer-1tgq509 .framer-15dge61 { align-items:flex-end!important; }
.framer-1tgq509 .framer-hv7rxx h1,.framer-1tgq509 .framer-iixhp2 p { font-size:calc((100vw - 40px)*.23)!important; line-height:.85!important; }
body:not(.rijin-reel-open) .framer-1tgq509 :is(.framer-hv7rxx,.framer-iixhp2) { transform:translateX(0)!important; }
@media(max-width:809px) {
  .framer-1tgq509 .framer-pjqgcb { gap:14vw!important; }
}

/* RUAN RIJIN: blue, hot pink and warm paper across the whole portfolio. */
.framer-zeqvfv { justify-content:center!important; align-items:center!important; gap:clamp(18px,2.5vw,48px)!important; }
.framer-1eg4w5f,.framer-234zrz { overflow:visible!important; }
.framer-5vu3yd,.framer-13n4oj5 { margin:0!important; transform:none!important; opacity:1!important; }
.rijin-about-meta { display:flex; justify-content:space-between; align-items:center; gap:20px; width:min(76vw,1450px); padding:18px 0 0; border-top:2px solid var(--rijin-pink); }
.rijin-about-meta p { margin:0; font:600 clamp(12px,1.2vw,22px)/1.4 Inter,sans-serif; letter-spacing:.04em; color:var(--rijin-blue); }
.rijin-about-meta p:first-child { color:var(--rijin-pink-ink); }
/* Curves use the same color as their adjoining section. */
.framer-gxqpbw,.framer-ml0p13,.framer-c2z44x,
.framer-1bj5o21,.framer-n7bruw,.framer-18pyaui { background-color:var(--rijin-pink)!important; }
.framer-gxqpbw .framer-text,.framer-1bj5o21 .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
.framer-1d67glj,.framer-1y6dcub,.framer-vk4pmy { background-color:#ecd2dc!important; }
.framer-1d67glj a .framer-text,.framer-12zgy2x a .framer-text { color:var(--rijin-pink-ink)!important; --framer-text-color:var(--rijin-pink-ink)!important; }
.framer-1d67glj a:hover,.framer-12zgy2x a:hover { outline:2px solid var(--rijin-pink); outline-offset:6px; }
footer .framer-text { color:var(--rijin-pink)!important; --framer-text-color:var(--rijin-pink)!important; }
.framer-WaK1I { background-color:var(--rijin-pink)!important; }
.framer-WaK1I:hover { background-color:var(--rijin-cream)!important; }
[data-rijin-behance]:hover { color:var(--rijin-blue)!important; }
.framer-Vd9Py [data-framer-name^="Line"] { background-color:var(--rijin-pink)!important; }
.framer-dzmjqd .framer-l1zbal,.framer-dzmjqd .framer-1vq1m84 { background-color:var(--rijin-pink)!important; }
.framer-dzmjqd .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
.framer-SO3Rp:is(.framer-v-1xluvgv,.framer-v-75ubgt,.framer-v-1rm9wur) .framer-Vd9Py [data-framer-name^="Line"] { background-color:var(--rijin-blue)!important; }
[data-rijin-card-mark] { width:14px!important; height:14px!important; color:var(--rijin-pink-ink); border:1px solid currentColor; border-radius:50%; display:flex!important; align-items:center!important; justify-content:center!important; }
[data-rijin-card-mark] p { font:600 9px/1 Inter,sans-serif!important; margin:0!important; text-align:center; color:inherit!important; }
.framer-1t6794x [data-rijin-avatar] { object-fit:contain!important; object-position:center!important; background:#ec5199; }
/* Paper-and-ink covers reveal their original artwork on interaction. */
[data-rijin-cover-tone="blue"] [data-rijin-cover-image] { filter:url(#rijin-cover-blue)!important; }
[data-rijin-cover-tone="pink"] [data-rijin-cover-image] { filter:url(#rijin-cover-pink)!important; }
[data-rijin-work-card]:is(:hover,:focus-visible,:focus-within) [data-rijin-cover-image] { filter:none!important; }
.framer-8PgzY:has([data-rijin-avatar]) { background:var(--rijin-pink)!important; isolation:isolate; }
.framer-8PgzY [data-rijin-avatar] { filter:url(#rijin-avatar-background)!important; }
.framer-8PgzY:has([data-rijin-avatar])::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--rijin-blue); z-index:2; pointer-events:none; }
.rijin-archive-menu-link { display:flex; justify-content:space-between; align-items:center; width:100%; color:var(--rijin-blue)!important; border-bottom:1px solid #e5ded355; padding:4px 0; font:500 44px/1.15 Anton,Impact,'Arial Narrow',sans-serif; text-decoration:none!important; }
.rijin-archive-menu-link small { font:400 12px/1 Inter,Arial,sans-serif; opacity:.5; }
.rijin-archive-menu-link:hover { color:var(--rijin-paper)!important; }
.rijin-archive-menu-link:focus-visible { outline:2px solid var(--rijin-blue); outline-offset:4px; }
.framer-1vq1m84 { overflow-y:auto!important; }
/* Swap the two Home slots using CSS, preserving React-owned cards and links. */
.framer-1wxahhc > .framer-gk0tbj { grid-row:2!important; grid-column:4 / span 2!important; }
.framer-1wxahhc > .framer-1lsl0wl { grid-row:2!important; grid-column:1 / span 3!important; }
@media(max-width:809px) {
  .framer-1wxahhc > :nth-child(1) { order:1; }
  .framer-1wxahhc > :nth-child(2) { order:2; }
  .framer-1wxahhc > :nth-child(3) { order:4; }
  .framer-1wxahhc > :nth-child(4) { order:3; }
  .framer-1wxahhc > :nth-child(5) { order:5; }
  .framer-1wxahhc > :nth-child(6) { order:6; }
}
a[href^="mailto:"] { color:var(--rijin-pink-ink)!important; --framer-text-color:var(--rijin-pink-ink)!important; }
.rijin-reel:not([data-intro="true"]) { box-shadow:0 0 0 3px var(--rijin-pink),0 12px 32px #0002; }
::selection { background:var(--rijin-pink); color:var(--rijin-blue); }
@media(max-width:809px) {
  .framer-zeqvfv { gap:3vw!important; flex-direction:row!important; }
  .framer-1eg4w5f h1,.framer-234zrz>.framer-13n4oj5 p { font-size:25vw!important; }
  .framer-1eg4w5f h1:not([data-rijin-name]),.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name]) { font-size:0!important; }
  .framer-1eg4w5f h1:not([data-rijin-name])::before,.framer-234zrz>.framer-13n4oj5 p:not([data-rijin-name])::before { font-size:25vw; }
  .rijin-about-meta { width:100%; flex-wrap:wrap; gap:8px 20px; }
}

/* Name reveal starts with the same handoff that brings the clip into place. */
.framer-kgfhig,.framer-kxirw7 { transition:transform .85s cubic-bezier(.76,0,.24,1),opacity .85s; }
body.rijin-names-wait .framer-kgfhig,body.rijin-names-wait .framer-kxirw7 { transform:translateY(110%)!important; opacity:0!important; }
body.rijin-nav-pink .framer-eLe6J .framer-text { color:var(--rijin-pink)!important; --framer-text-color:var(--rijin-pink)!important; }
body.rijin-nav-pink .framer-eLe6J .framer-17tjtql { color:var(--rijin-pink)!important; }
[data-rijin-social-slot] { width:56px!important; height:56px!important; min-width:56px!important; flex-shrink:0!important; }
[data-rijin-social] { width:56px!important; height:56px!important; display:flex!important; align-items:center!important; justify-content:center!important; }
[data-rijin-social]>div { display:none!important; }
[data-rijin-social] [data-framer-name="Tooltip"] { display:none!important; }
[data-rijin-behance]::after,[data-rijin-instagram]::after { width:28px; height:28px; }
[data-rijin-instagram]::after { content:""; display:block; background:var(--rijin-blue); mask:url('./instagram.svg') center/contain no-repeat; -webkit-mask:url('./instagram.svg') center/contain no-repeat; }
@media(prefers-reduced-motion:reduce) { .framer-kgfhig,.framer-kxirw7 { transition:none; } }


/* Only names, Work and Let's Talk carry texture; page backgrounds stay clean.
   A small pre-rasterized alpha tile avoids re-rendering a large SVG per frame. */
[data-rijin-grunge] {
  -webkit-mask-image:url('./ink-wear.png?v=soft-rub'),url('./fine-grain.png');mask-image:url('./ink-wear.png?v=soft-rub'),url('./fine-grain.png');
  -webkit-mask-size:512px 512px,128px 128px;mask-size:512px 512px,128px 128px;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  -webkit-mask-repeat:repeat;mask-repeat:repeat;
  animation:rijin-ink-texture 1s steps(1,end) infinite paused;
}
[data-rijin-grunge-active] { animation-play-state:running; }
@keyframes rijin-ink-texture {
  0%,100% { -webkit-mask-position:0 0,0 0;mask-position:0 0,0 0; }
  25% { -webkit-mask-position:0 0,1px 0;mask-position:0 0,1px 0; }
  50% { -webkit-mask-position:0 0,1px 1px;mask-position:0 0,1px 1px; }
  75% { -webkit-mask-position:0 0,0 1px;mask-position:0 0,0 1px; }
}
@media(prefers-reduced-motion:reduce) { [data-rijin-grunge] { animation:none; } }



/* Project pages follow the original template: text left, square media right,
   compact details below the copy and large media continuing down the page. */
[data-rijin-amv-content] > :not(.rijin-amv-project),[data-rijin-shift-content] > :not(.rijin-shift-project) { display:none!important; }
[data-rijin-story-content] > :not(.rijin-story-project) { display:none!important; }
[data-rijin-story-hero] { background:var(--rijin-paper)!important; }
[data-rijin-story-hero] .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
[data-rijin-story-hero] .framer-r5n6rk { display:flex!important; flex-direction:column; align-items:center; gap:20px; }
[data-rijin-amv-hero],[data-rijin-shift-hero] { background:var(--rijin-paper)!important; }
[data-rijin-amv-hero] .framer-text,[data-rijin-shift-hero] .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
[data-rijin-amv-hero] .framer-r5n6rk,[data-rijin-shift-hero] .framer-r5n6rk { display:flex!important; flex-direction:column; align-items:center; gap:20px; }
.rijin-amv-eyebrow { margin:0; color:var(--rijin-blue); font:600 12px/1.4 Inter,sans-serif; letter-spacing:.04em; }
.rijin-amv-project { width:100%; max-width:1400px; color:var(--rijin-blue); font:400 16px/1.4 Inter,sans-serif; }
.rijin-amv-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3.1fr); gap:clamp(24px,2.6vw,40px); align-items:stretch; margin-bottom:48px; }
.rijin-amv-details { padding:0; height:auto; overflow:visible; min-width:0; }
.rijin-amv-overview { display:flex; flex-direction:column; height:100%; }
.rijin-amv-project h2 { margin:0 0 20px; font:700 18px/1.2 Inter,sans-serif; }
.rijin-amv-overview .rijin-project-description-title { font-size:16px; text-transform:uppercase; margin-bottom:20px; }
.rijin-amv-overview p { margin:0 0 18px; text-transform:uppercase; }
.rijin-amv-overview dl { display:grid; grid-template-columns:minmax(90px,1fr) minmax(0,2.2fr); gap:0; margin:32px 0 0; margin-top:auto; padding-top:40px; font-size:13px; text-transform:uppercase; }
.rijin-amv-overview dt,.rijin-amv-overview dd { border-top:1px dotted var(--rijin-blue); padding:9px 0; margin:0; }
.rijin-amv-overview dd { text-align:right; padding-left:16px; }
.rijin-amv-source { color:var(--rijin-blue); font-size:13px; text-underline-offset:4px; margin-top:18px; }
.rijin-amv-film { position:relative; width:100%; aspect-ratio:1; overflow:hidden; background:var(--rijin-paper); border-radius:6px; }
.rijin-amv-film h2 { position:absolute; z-index:1; left:14px; top:14px; font-size:12px; padding:6px 10px; background:var(--rijin-cream); border-radius:3px; }
.rijin-amv-film video { display:block; width:100%; height:100%; object-fit:contain; background:var(--rijin-paper); }
.rijin-amv-frames-heading { margin:32px 0 24px; }
.rijin-amv-frames-heading p { margin:0; font-size:13px; }
.rijin-amv-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; }
.rijin-amv-gallery figure { margin:0; min-width:0; }
.rijin-amv-gallery img { display:block; width:100%; height:auto; border-radius:6px; }
.rijin-amv-gallery figcaption { font-size:11px; margin-top:10px; }
.rijin-shift-project .rijin-amv-gallery { grid-template-columns:1fr; }
.rijin-shift-intro { margin:0 0 48px; }
.rijin-shift-intro video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:var(--rijin-paper); border-radius:6px; }
.rijin-shift-pending { padding:32px 0; margin-top:48px; border-top:1px dotted var(--rijin-blue); }
.rijin-shift-pending p { max-width:760px; }
[data-rijin-amv-cover] { object-fit:cover!important; object-position:50% 54%!important; transform:scale(1.08); }
@media(max-width:809px) {
  .rijin-amv-project { font-size:14px; }
  .rijin-amv-row { grid-template-columns:1fr; gap:28px; }
  .rijin-amv-overview dl { padding-top:24px; }
  .rijin-amv-gallery { gap:28px 16px; }
}
@media(max-width:479px) { .rijin-amv-gallery { grid-template-columns:1fr; } }

/* Project art direction applies only between the original hero and More Works. */
[data-rijin-amv-content] { background:#c5e8e2!important; padding-top:100px!important; padding-bottom:100px!important; }
main:has([data-rijin-amv-content]) :is(.framer-1lfche8,.framer-1pn8fw4) { background:#c5e8e2!important; }
[data-project-design="pixel-desktop"] { --ex-ink:#102e43; --ex-pink:#e93686; color:var(--ex-ink); font:400 16px/1.65 Inter,sans-serif; }
[data-project-design="pixel-desktop"] .rijin-amv-row { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; gap:clamp(36px,6vw,96px); margin-bottom:100px; }
[data-project-design="pixel-desktop"] .rijin-amv-details { background:#fff8dc; border:2px solid var(--ex-ink); box-shadow:8px 8px 0 var(--ex-ink); padding:40px; }
[data-project-design="pixel-desktop"] .rijin-project-description-title { font-size:clamp(32px,3.5vw,58px); line-height:1.05; letter-spacing:-.04em; text-transform:none; max-width:430px; color:var(--ex-ink); }
[data-project-design="pixel-desktop"] .rijin-amv-overview p { text-transform:none; }
[data-project-design="pixel-desktop"] .rijin-amv-overview dl { font-size:11px; padding-top:20px; }
[data-project-design="pixel-desktop"] .rijin-amv-overview dt,[data-project-design="pixel-desktop"] .rijin-amv-overview dd { border-top:1px solid #102e4330; }
[data-project-design="pixel-desktop"] .rijin-amv-source { color:#a01e57; font-weight:700; }
[data-project-design="pixel-desktop"] .rijin-amv-film { aspect-ratio:auto; max-width:400px; margin:0 auto; border:2px solid var(--ex-ink); border-radius:0; background:#102e43; box-shadow:9px 9px 0 #e93686; overflow:visible; }
[data-project-design="pixel-desktop"] .rijin-amv-film video { height:auto; width:100%; aspect-ratio:9/16; background:#102e43; }
.rijin-amv-window-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; background:#27bdd0; color:#102e43; padding:9px 12px; border-bottom:2px solid #102e43; font:700 12px/1.2 ui-monospace,monospace; }
[data-project-design="pixel-desktop"] .rijin-amv-frames-heading h2 { font-size:clamp(32px,4.4vw,68px); letter-spacing:-.04em; line-height:1.05; }
[data-project-design="pixel-desktop"] .rijin-amv-frames-heading p { color:#102e43; }
[data-project-design="pixel-desktop"] .rijin-amv-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; margin-top:40px; }
[data-project-design="pixel-desktop"] .rijin-amv-gallery figure { border:2px solid var(--ex-ink); box-shadow:6px 6px 0 var(--ex-ink); background:#fff8dc; }
[data-project-design="pixel-desktop"] .rijin-amv-gallery figure:nth-child(3n+2) { transform:translateY(24px); }
[data-project-design="pixel-desktop"] .rijin-amv-gallery img { border-radius:0; }
[data-project-design="pixel-desktop"] .rijin-amv-gallery figcaption { padding:10px 12px; margin:0; font-family:ui-monospace,monospace; color:#a01e57; }

[data-rijin-shift-content] { background:#171516!important; padding-top:100px!important; padding-bottom:100px!important; }
main:has([data-rijin-shift-content]) :is(.framer-1lfche8,.framer-1pn8fw4) { background:#171516!important; }
[data-project-design="cinematic"] { color:#e8ddcf; font:400 17px/1.75 Inter,sans-serif; }
[data-project-design="cinematic"] .rijin-shift-stage { aspect-ratio:auto; background:#0b090a; border-radius:2px; overflow:visible; margin-bottom:72px; }
[data-project-design="cinematic"] .rijin-shift-stage h2 { position:static; background:none; padding:0 0 18px; color:#d0ac7b; font:500 12px/1.2 ui-monospace,monospace; letter-spacing:.12em; margin:0; }
[data-project-design="cinematic"] .rijin-shift-stage video { height:auto; aspect-ratio:16/9; background:#0b090a; border:1px solid #d0ac7b33; }
[data-project-design="cinematic"] .rijin-amv-row { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(32px,8vw,120px); margin-bottom:100px; }
[data-project-design="cinematic"] .rijin-project-description-title { text-transform:none; font-size:clamp(34px,4.4vw,66px); line-height:1.06; letter-spacing:-.04em; margin-bottom:28px; color:#f0e8dd; }
[data-project-design="cinematic"] .rijin-amv-overview p { text-transform:none; color:#bfb4a9; }
.rijin-shift-facts { border-left:1px solid #d0ac7b44; padding-left:32px; }
.rijin-shift-facts dl { margin:0 0 24px; }
.rijin-shift-facts dt { color:#d0ac7b; font:500 11px/1.3 ui-monospace,monospace; text-transform:uppercase; letter-spacing:.08em; padding-top:22px; }
.rijin-shift-facts dt:first-child { padding-top:0; }
.rijin-shift-facts dd { margin:8px 0 18px; font-size:15px; }
[data-project-design="cinematic"] .rijin-amv-source { color:#e5bd84; }
[data-project-design="cinematic"] .rijin-amv-frames-heading h2 { font-size:clamp(32px,4vw,58px); font-weight:500; letter-spacing:-.03em; }
[data-project-design="cinematic"] .rijin-amv-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 24px; margin-bottom:100px; }
[data-project-design="cinematic"] .rijin-amv-gallery figure:first-child { grid-column:1/-1; }
[data-project-design="cinematic"] .rijin-amv-gallery img { border-radius:2px; }
[data-project-design="cinematic"] .rijin-amv-gallery figcaption { color:#b59164; font:500 11px/1.3 ui-monospace,monospace; letter-spacing:.08em; margin-top:12px; }
[data-project-design="cinematic"] .rijin-shift-intro h2 { color:#d0ac7b; font:500 12px/1.3 ui-monospace,monospace; letter-spacing:.12em; }
[data-project-design="cinematic"] .rijin-shift-intro video { max-width:none; border-radius:2px; border:1px solid #d0ac7b33; background:#0b090a; }
[data-project-design="cinematic"] .rijin-shift-pending { border-top:1px solid #d0ac7b44; margin-top:72px; }
[data-project-design="cinematic"] .rijin-shift-pending .rijin-amv-eyebrow { color:#d0ac7b; }
[data-project-design="cinematic"] .rijin-shift-pending h2 { font-size:32px; margin:24px 0; }
[data-project-design="cinematic"] .rijin-shift-pending p { color:#bfb4a9; }
@media(max-width:809px) {
  [data-rijin-amv-content],[data-rijin-shift-content] { padding-top:64px!important; padding-bottom:64px!important; }
  [data-project-design="pixel-desktop"] .rijin-amv-row,[data-project-design="cinematic"] .rijin-amv-row { grid-template-columns:1fr; gap:48px; }
  [data-project-design="pixel-desktop"] .rijin-amv-details { padding:26px; }
  [data-project-design="pixel-desktop"] .rijin-amv-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 20px; }
  [data-project-design="pixel-desktop"] .rijin-amv-gallery figure:nth-child(3n+2) { transform:none; }
  .rijin-shift-facts { border-left:0; border-top:1px solid #d0ac7b44; padding:24px 0 0; }
}
@media(max-width:479px) {
  [data-project-design="pixel-desktop"] .rijin-amv-gallery,[data-project-design="cinematic"] .rijin-amv-gallery { grid-template-columns:1fr; }
  [data-project-design="pixel-desktop"] .rijin-amv-gallery figure { box-shadow:4px 4px 0 #102e43; }
}

/* Story.co: mint, ink and character-led motion. Native hero/More Works remain outside. */
[data-rijin-story-content] { background:#0a0c18!important; padding-top:100px!important; padding-bottom:100px!important; }
main:has([data-rijin-story-content]) :is(.framer-1lfche8,.framer-1pn8fw4) { background:#0a0c18!important; }
.rijin-story-project { width:100%; max-width:1400px; color:#f4f6f1; font:400 16px/1.6 Inter,sans-serif; }
.rijin-story-project * { box-sizing:border-box; }
.rijin-story-project a { color:#66ffad; text-underline-offset:6px; }
.rijin-story-project a:focus-visible,.rijin-story-project summary:focus-visible { outline:2px solid #66ffad; outline-offset:6px; }
.rijin-story-project h2 { margin:0 0 24px; font:700 clamp(32px,3.5vw,58px)/1.05 Inter,sans-serif; letter-spacing:-.04em; }
.rijin-story-label { margin:0 0 32px!important; color:#66ffad; font:500 11px/1.5 monospace; letter-spacing:.12em; }
.rijin-story-opening { display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(40px,6vw,100px); align-items:center; }
.rijin-story-opening > div:first-child > p:not(.rijin-story-label) { color:#bbc1ca; max-width:500px; margin:0 0 32px; }
.rijin-story-opening dl { border-top:1px solid #66ffad55; margin:32px 0 28px; padding-top:18px; }
.rijin-story-opening dt { color:#66ffad; text-transform:uppercase; font:500 11px/1.5 monospace; margin-bottom:6px; }
.rijin-story-opening dd { margin:0 0 20px; font-size:14px; color:#bbc1ca; }
.rijin-story-logo-film { padding:16px; border-radius:24px; background:#66ffad; }
.rijin-story-project video { display:block; width:100%; height:auto; background:#0a0c18; border-radius:12px; }
.rijin-story-logo-film video { aspect-ratio:1; object-fit:contain; }
.rijin-story-avatars,.rijin-story-explorations { border-top:1px solid #66ffad33; margin-top:100px; padding-top:48px; }
.rijin-story-section-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:48px; }
.rijin-story-section-heading h2 { margin:0; }
.rijin-story-section-heading p { color:#bbc1ca; margin:0; font-size:14px; }
.rijin-story-avatar-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.rijin-story-avatar { margin:0; padding:28px; border:1px solid #66ffad33; border-radius:24px; background:#101422; }
.rijin-story-avatar video { aspect-ratio:1; object-fit:contain; }
.rijin-story-avatar figcaption { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:24px; }
.rijin-story-avatar h3 { margin:0; color:#66ffad; font:600 18px/1.3 Inter,sans-serif; }
.rijin-story-avatar figcaption span { color:#bbc1ca; font:400 10px/1.5 monospace; }
.rijin-story-team-reference { margin-top:40px; border-top:1px solid #66ffad33; padding-top:24px; }
.rijin-story-team-reference summary { color:#66ffad; cursor:pointer; }
.rijin-story-team-reference img { width:100%; height:auto; display:block; margin-top:24px; border-radius:12px; }
.rijin-story-team-reference p { color:#bbc1ca; font-size:13px; max-width:700px; }
.rijin-story-exploration-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin-bottom:32px; }
.rijin-story-exploration-grid figure { margin:0; }
.rijin-story-exploration-grid video { aspect-ratio:1; object-fit:contain; }
.rijin-story-exploration-grid figcaption { margin-top:14px; color:#66ffad; font:400 11px/1.5 monospace; }
[data-rijin-story-cover] { object-fit:cover!important; object-position:50% 100%!important; }
[data-rijin-story-card] [data-framer-name="Blur Overlay"] { display:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; }
.rijin-story-loop { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:12px; }
@media(max-width:809px) {
  [data-rijin-story-content] { padding-top:64px!important; padding-bottom:64px!important; }
  .rijin-story-opening { grid-template-columns:1fr; gap:32px; }
  .rijin-story-logo-film { max-width:560px; width:100%; }
  .rijin-story-avatars,.rijin-story-explorations { margin-top:64px; }
  .rijin-story-section-heading { flex-direction:column; align-items:start; margin-bottom:32px; }
  .rijin-story-avatar { padding:16px; }
  .rijin-story-avatar figcaption { flex-direction:column; align-items:start; gap:8px; }
}

/* Việt Nam Thương Chao: a printed collage of vivid postcards. */
[data-rijin-vietnam-content] > :not(.rijin-vietnam-project) { display:none!important; }
[data-rijin-vietnam-content] { background:#f6eedb!important; padding-top:90px!important; padding-bottom:100px!important; }
main:has([data-rijin-vietnam-content]) :is(.framer-1lfche8,.framer-1pn8fw4) { background:#f6eedb!important; }
[data-rijin-vietnam-hero] { background:var(--rijin-paper)!important; }
[data-rijin-vietnam-hero] .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
[data-rijin-vietnam-hero] .framer-r5n6rk { display:flex!important; flex-direction:column; align-items:center; gap:20px; }
[data-rijin-vietnam-hero] h1 { font-size:clamp(38px,6.8vw,116px)!important; line-height:1.1!important; text-align:center; }
.rijin-vietnam-project { width:100%; max-width:1400px; color:#234eaf; font:400 16px/1.6 Inter,sans-serif; }
.rijin-vietnam-project * { box-sizing:border-box; }
.rijin-vietnam-project h2 { font:800 clamp(32px,4vw,66px)/1.08 Inter,sans-serif; letter-spacing:-.045em; margin:0 0 24px; }
.rijin-vietnam-label { color:#ae332f; font:600 11px/1.4 monospace; letter-spacing:.08em; margin:0 0 20px; }
.rijin-vietnam-intro { display:grid; grid-template-columns:1.4fr 1fr; gap:64px; align-items:center; margin-bottom:56px; }
.rijin-vietnam-intro > div > p:last-child { max-width:510px; margin:0; }
.rijin-vietnam-intro aside { padding:32px; background:#f4c947; color:#234eaf; border:2px solid #234eaf; box-shadow:8px 8px 0 #234eaf; transform:rotate(2deg); }
.rijin-vietnam-intro h3 { font:700 30px/1.1 Inter,sans-serif; margin:0 0 24px; }
.rijin-vietnam-project a { color:inherit; text-underline-offset:5px; font-size:14px; }
.rijin-vietnam-project a:focus-visible { outline:2px solid #ae332f; outline-offset:5px; }
.rijin-vietnam-film { padding:10px; background:white; border:1px solid #234eaf33; box-shadow:0 12px 30px #234eaf13; }
.rijin-vietnam-film video { display:block; width:100%; aspect-ratio:16/9; height:auto; background:#234eaf; object-fit:contain; }
.rijin-vietnam-frames { margin-top:90px; }
.rijin-vietnam-gallery-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:40px; }
.rijin-vietnam-gallery-heading h2 { margin:0; }
.rijin-vietnam-gallery-heading > span { font:500 11px/1.5 monospace; color:#ae332f; }
.rijin-vietnam-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 28px; }
.rijin-vietnam-gallery figure { min-width:0; margin:0; padding:10px; background:white; border:1px solid #234eaf22; box-shadow:4px 5px 0 #234eaf0b; }
.rijin-vietnam-gallery figure:nth-child(5n+1) { grid-column:1/-1; }
.rijin-vietnam-gallery figure:nth-child(5n+2) { transform:rotate(-1deg); }
.rijin-vietnam-gallery figure:nth-child(5n+3) { transform:rotate(1deg); }
.rijin-vietnam-gallery img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.rijin-vietnam-gallery figcaption { padding:12px 4px 2px; font:500 11px/1.4 monospace; color:#ae332f; }
@media(max-width:809px) {
  [data-rijin-vietnam-content] { padding-top:64px!important; padding-bottom:64px!important; }
  .rijin-vietnam-intro { grid-template-columns:1fr; gap:32px; }
  .rijin-vietnam-intro aside { transform:none; }
  .rijin-vietnam-gallery-heading { flex-direction:column; align-items:start; }
  .rijin-vietnam-frames { margin-top:64px; }
}
@media(max-width:479px) {
  .rijin-vietnam-gallery { grid-template-columns:1fr; gap:24px; }
  .rijin-vietnam-gallery figure { transform:none!important; }
}
@media(max-width:479px) {
  .rijin-story-avatar-grid,.rijin-story-exploration-grid { grid-template-columns:1fr; gap:24px; }
  .rijin-story-project { font-size:14px; }
}

/* Clean cover artwork; retain tint and colour reveal. */
[data-rijin-work-card] :is([data-framer-name="Blur Overlay"],[data-framer-name="Logo"]) { display:none!important; }

/* WEBTOON: vertical trailers and full-resolution comic frames. */
[data-rijin-webtoon-content] > :not(.rijin-webtoon-project) { display:none!important; }
[data-rijin-webtoon-content] { background:var(--rijin-paper)!important; padding:90px 30px 110px!important; }
[data-rijin-webtoon-hero] .framer-text { color:var(--rijin-blue)!important; --framer-text-color:var(--rijin-blue)!important; }
[data-rijin-webtoon-hero] h1 { font-size:clamp(44px,7vw,110px)!important; line-height:1.04!important; }
.rijin-webtoon-project { width:100%; max-width:1400px; margin:auto; color:var(--rijin-blue); font:400 16px/1.6 Inter,Arial,sans-serif; }
.rijin-webtoon-project * { box-sizing:border-box; }
.rijin-webtoon-project h2 { font:500 clamp(36px,4.6vw,72px)/1.08 Anton,Impact,sans-serif; letter-spacing:-.02em; margin:0 0 24px; }
.rijin-webtoon-label { font:600 11px/1.4 monospace; letter-spacing:.09em; color:var(--rijin-pink-ink); margin:0 0 20px; }
.rijin-webtoon-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:end; margin-bottom:100px; }
.rijin-webtoon-intro > div > p:last-child { max-width:440px; }
.rijin-webtoon-intro aside { border-top:2px solid var(--rijin-blue); padding:24px 0; max-width:520px; }
.rijin-webtoon-intro aside > p:nth-child(2) { font-weight:700; font-size:20px; }
.rijin-webtoon-intro aside > p:last-child { max-width:440px; }
.rijin-webtoon-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:40px; }
.rijin-webtoon-heading h2 { margin:0; }
.rijin-webtoon-heading > span { font:500 10px/1.4 monospace; }
.rijin-webtoon-controls { display:flex; align-items:center; gap:18px; white-space:nowrap; }
.rijin-webtoon-controls button { width:48px; height:48px; border:1px solid var(--rijin-blue); border-radius:50%; color:var(--rijin-blue); background:transparent; font-size:24px; cursor:pointer; }
.rijin-webtoon-controls button:hover { background:var(--rijin-blue); color:var(--rijin-paper); }
.rijin-webtoon-controls button:disabled { opacity:.25; cursor:default; }
.rijin-webtoon-count { font:500 12px/1 monospace; }
.rijin-webtoon-track { display:flex; gap:28px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:var(--rijin-blue) transparent; padding:0 0 24px; position:relative; overscroll-behavior-x:contain; }
.rijin-webtoon-trailer { flex:0 0 clamp(270px,32vw,430px); margin:0; scroll-snap-align:start; }
.rijin-webtoon-trailer video { display:block; width:100%; aspect-ratio:9/16; height:auto; object-fit:contain; background:#101422; border-radius:10px; }
.rijin-webtoon-trailer figcaption { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-top:16px; }
.rijin-webtoon-trailer figcaption > span { font:500 22px/1.15 Anton,Impact,sans-serif; }
.rijin-webtoon-trailer small { font:500 10px/1.5 monospace; }
.rijin-webtoon-hint { margin:12px 0 0; font-size:12px; opacity:.65; }
.rijin-webtoon-frames { margin-top:110px; }
.rijin-webtoon-gallery { columns:3; column-gap:24px; }
.rijin-webtoon-gallery figure { break-inside:avoid; margin:0 0 32px; }
.rijin-webtoon-gallery img { display:block; width:100%; height:auto; border-radius:6px; }
.rijin-webtoon-gallery figcaption { margin-top:12px; font:500 11px/1.4 monospace; }
.rijin-webtoon-project :is(button,.rijin-webtoon-track):focus-visible { outline:3px solid var(--rijin-pink); outline-offset:5px; }
@media(max-width:809px) {
  [data-rijin-webtoon-content] { padding:64px 20px 80px!important; }
  .rijin-webtoon-intro { grid-template-columns:1fr; gap:24px; margin-bottom:64px; }
  .rijin-webtoon-heading { align-items:start; flex-direction:column; gap:24px; }
  .rijin-webtoon-trailer { flex-basis:min(78vw,390px); }
  .rijin-webtoon-gallery { columns:2; column-gap:16px; }
  .rijin-webtoon-frames { margin-top:72px; }
}
@media(max-width:479px) { .rijin-webtoon-gallery { columns:1; } }