:root{--font-display:"Smiley Sans", "YouSheBiaoTiHei", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--font-body:"HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-accent:"Rajdhani", "Space Grotesk", system-ui, sans-serif;--ink:#211725;--soft-ink:#211725bd;--muted:#402b469e;--pink:#ff70ba;--hot-pink:#dc2d92;--chrome-blue:#9fc7e8;--silver:#e8edf4;--line:#c2b7c880;--shadow:0 1.2rem 3.5rem #4637501c;--heavy-shadow:0 1.8rem 5rem #52365c2e;--shine:linear-gradient(105deg, transparent 0%, #ffffff2e 34%, #fffffff2 45%, #ff6fbe4d 52%, transparent 66%);--cursor-x:50vw;--cursor-y:34vh;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 86% 10%,#bedaf457,#0000 18rem),radial-gradient(circle at 15% 14%,#ffc3e23d,#0000 16rem),linear-gradient(#fff 0%,#fbfbff 56%,#fff8fc 100%);height:100vh;margin:0;overflow:hidden}body:before,body:after{z-index:-2;content:"";pointer-events:none;position:fixed;inset:0}body:before{background-image:linear-gradient(#21172509 1px,#0000 1px),linear-gradient(90deg,#21172509 1px,#0000 1px);background-size:4.5rem 4.5rem;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}body:after{z-index:-1;opacity:.14;background-image:radial-gradient(#2117251f .7px,#0000 .7px);background-size:1rem 1rem}button,a{color:inherit;font:inherit}button{cursor:pointer}a{text-decoration:none}h1,h2,h3,p{margin-top:0}.site-shell{width:100%;min-height:100vh;padding:5.25rem .75rem .75rem;display:grid;position:relative;overflow:hidden}.cursor-glow{z-index:0;left:var(--cursor-x);top:var(--cursor-y);filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ff6cba29,#0000 58%),radial-gradient(circle,#add7f240,#0000 64%);border-radius:50%;width:17rem;height:17rem;transition:left .14s,top .14s;position:fixed;transform:translate(-50%,-50%)}.ambient{z-index:0;pointer-events:none;background:#ffffff59;border:1px solid #ffffffb3;border-radius:999px;position:fixed;box-shadow:inset 0 0 2rem #ffffffe6,0 1rem 4rem #8ca8be24}.ambient-one{width:13rem;height:22rem;top:4rem;right:-4rem;transform:rotate(27deg)}.ambient-two{width:9rem;height:20rem;bottom:1rem;left:-4rem;transform:rotate(-18deg)}.top-nav{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;width:min(100% - 1.5rem,76rem);min-height:3.4rem;padding:.45rem;display:grid;position:fixed;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 .75rem 2.75rem #3d2c451a}.brand-mark{min-height:2.75rem;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:clamp(.62rem,1vw,.9rem);padding:0 .7rem;font-weight:950;display:inline-flex}.brand-icon{object-fit:contain;filter:drop-shadow(0 .35rem .7rem #80417824);pointer-events:none;width:auto;height:clamp(2.05rem,3.6vw,2.45rem);display:block}.brand-title{object-fit:contain;object-position:left center;filter:drop-shadow(0 .35rem .7rem #80417829);pointer-events:none;width:clamp(4.4rem,8vw,6.9rem);height:clamp(1.25rem,2.2vw,1.85rem);display:block}.nav-links{scrollbar-width:none;gap:.28rem;min-width:0;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links button{color:#211725a3;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:2.75rem;padding:0 .85rem;font-size:.9rem;font-weight:850;display:inline-flex}.nav-links button.active,.nav-links button:hover{color:#572448;background:linear-gradient(135deg,#ffffffdb,#f1f5fa8a),radial-gradient(circle at 75% 20%,#ff69b93d,#0000 42%);border-color:#ffffffd1;box-shadow:inset 0 0 1rem #ffffffb8}.view-stage{z-index:1;width:min(100%,86rem);max-width:100%;height:calc(100vh - 6rem);min-height:31rem;margin:0 auto;display:grid;position:relative}.view-chrome-line{z-index:0;pointer-events:none;border:1px solid #ffffff8f;border-radius:2.2rem;position:absolute;inset:.7rem}.view-panel{z-index:1;border-radius:2rem;max-width:100%;animation:.43s both view-enter;display:grid;position:relative;overflow:hidden}.view-panel:before{z-index:0;content:"";background:var(--shine);pointer-events:none;background-size:260% 100%;animation:.7s both panel-shine;position:absolute;inset:0}.view-content{z-index:1;scrollbar-width:none;min-height:0;padding:1.1rem;position:relative;overflow:hidden auto}.view-content::-webkit-scrollbar{display:none}.glass-panel{box-shadow:var(--shadow), inset 0 0 2rem #ffffffb3;-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(135deg,#ffffffc2,#ffffff70),radial-gradient(circle at 18% 0,#ff6bba1f,#0000 34%),radial-gradient(circle at 92% 8%,#a5cdeb2e,#0000 30%);border:1px solid #ffffffc7;position:relative;overflow:hidden}.glass-panel:after,.glass-button:after,.project-links a:after,.project-action:after{content:"";background:var(--shine);opacity:0;pointer-events:none;background-position:125% 0;background-size:240% 100%;transition:opacity .22s,background-position .65s;position:absolute;inset:0}.glass-panel:hover:after,.glass-button:hover:after,.project-links a:hover:after,.project-action:hover:after{opacity:1;background-position:-90% 0}.hero-kicker,.serial-label,.eyebrow,.section-number,.project-type,.preview-topline,.contact-methods dt{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.section-number{color:#dc2d92c2}h2{color:var(--ink);font-family:var(--font-display);margin-bottom:0;font-size:clamp(2.15rem,8vw,4.9rem);font-style:italic;font-weight:950;line-height:.94}h3{color:#231626;font-family:var(--font-display);margin-bottom:.8rem;font-size:clamp(1.55rem,5vw,2.75rem);font-style:italic;font-weight:950;line-height:.95}.view-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.9rem;margin-bottom:1rem;display:grid}.view-intro{max-width:48rem;color:var(--soft-ink);margin:.55rem 0 0;line-height:1.65}.header-butterfly{align-self:center}.chrome-title{color:#0000;width:fit-content;font-family:var(--font-display);letter-spacing:-.08em;transform-origin:0;-webkit-text-stroke:2px #662d576b;text-shadow:0 2px #ffffffe6,0 8px #7e36682e,0 18px 32px #be489147,10px 18px #56274e1f;filter:drop-shadow(0 18px 24px #8f327438);background:linear-gradient(#fff 0%,#ffd8ef 18%,#ff7dbd 42%,#9a3a77 64%,#fff4fb 82%,#c9c9d6 100%);-webkit-background-clip:text;background-clip:text;margin:.65rem 0 1.6rem;font-size:clamp(6rem,13vw,11.875rem);font-style:italic;font-weight:900;line-height:.9;position:relative;transform:skew(-10deg)scaleX(1.05)}.chrome-title:before,.chrome-title:after{content:attr(data-text);pointer-events:none;position:absolute;inset:0}.chrome-title:before{z-index:-1;color:#4f265429;-webkit-text-stroke:.014em #71497433;filter:blur(.4px);transform:translate(.06em,.06em)}.chrome-title:after{color:#0000;background-color:#0000;background-image:linear-gradient(105deg,#0000 0 32%,#fffffff5 42%,#0000 52%),linear-gradient(#0000 0 44%,#ffffffd1 48%,#0000 55%);background-position:-130% 0,0 0;background-repeat:repeat,repeat;background-size:220% 100%,100% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;animation:5.6s ease-in-out infinite chrome-sweep}.chrome-butterfly-svg{width:var(--butterfly-size);height:auto;display:block;overflow:visible}.butterfly-cast{fill:#52234e38;transform:translate(7px,8px)}.butterfly-wing{stroke-width:2.8px;vector-effect:non-scaling-stroke}.butterfly-inner-panel{stroke:#ffffff6b;stroke-width:1.2px;vector-effect:non-scaling-stroke}.butterfly-edge{fill:none;stroke-width:3.2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.butterfly-veins,.butterfly-highlights,.butterfly-body-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.butterfly-veins{stroke-width:2.05px;opacity:.82}.butterfly-highlights{stroke-width:3.2px;opacity:.9;mix-blend-mode:screen}.butterfly-cutouts{fill:#ffffff94;stroke:#5c27554d;stroke-width:1px;vector-effect:non-scaling-stroke}.butterfly-body{stroke:#4c234bb3;stroke-width:2.2px;vector-effect:non-scaling-stroke}.butterfly-body-line{stroke:#ffffffe0;stroke-width:2.1px}.butterfly-dot{fill:#fff;stroke:#dc2d92b8;stroke-width:2px;vector-effect:non-scaling-stroke}.chrome-butterfly-hero{opacity:.98;filter:drop-shadow(.85rem .9rem #60285b29)drop-shadow(0 1.35rem 2.4rem #6f467a3d)}.home-view{align-items:center;gap:1.4rem;width:100%;max-width:100%;min-height:100%;padding:clamp(1.15rem,2.8vw,2.2rem);display:grid;overflow:hidden}.home-copy{z-index:4;max-width:32.5rem;padding-top:.25rem;position:relative}.hero-lead{z-index:4;max-width:32.5rem;color:var(--soft-ink);text-shadow:0 1px #ffffffdb;margin-bottom:1.25rem;font-size:clamp(1rem,2vw,1.16rem);line-height:1.78;position:relative}.hero-actions,.hero-notes,.project-links,.contact-list,.tag-list,.skills-list,.case-chip-list,.case-highlight-list{flex-wrap:wrap;gap:.7rem;display:flex}.glass-button,.project-action,.project-links a,.contact-list a,.contact-list button{color:#572448;background:linear-gradient(135deg,#ffffffc2,#e8eef680),radial-gradient(circle at 80% 18%,#ff69b933,#0000 40%);border:1px solid #ffffffc7;border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1rem;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 1rem #ffffffb3}.glass-button{min-width:9rem}.glass-button-quiet{color:#211725b3}.hero-notes{flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;display:flex}.hero-notes span,.tag-list span,.skill-pill,.case-chip-list span,.case-highlight-list span{color:#633050;background:linear-gradient(135deg,#ffffffd1,#ecf1f780),radial-gradient(circle at 82% 18%,#ff69b92e,#0000 40%);border:1px solid #ffffffc7;border-radius:999px;align-items:center;min-height:2.25rem;padding:.45rem .75rem;font-size:.84rem;font-weight:850;display:inline-flex;box-shadow:inset 0 0 1rem #ffffffa6}.home-emblem{z-index:2;align-content:center;justify-self:end;justify-items:center;width:min(100%,34rem);min-height:20rem;display:grid;position:relative;overflow:visible;transform:translate(.15rem,-.3rem)}.emblem-orbit{aspect-ratio:1;background:radial-gradient(circle at 32% 20%,#ffffffd1,#0000 24%),radial-gradient(circle at 65% 70%,#ff69b91f,#0000 34%);border:1px solid #ffffffbd;border-radius:44% 56% 47% 53%;width:min(32rem,86vw);animation:7s ease-in-out infinite float-chrome;position:absolute;box-shadow:inset 0 0 3rem #ffffffb8,0 1.5rem 4rem #75557c24}.emblem-glass-plate,.hero-butterfly-frame{aspect-ratio:1.08;width:min(24rem,72vw);box-shadow:none;background:0 0;border:none;border-radius:36% 64% 44% 56%;position:absolute;transform:rotate(-8deg)}.hero-butterfly-frame{filter:blur(1px);background:radial-gradient(circle,#ff7dbe2e,#0000 38%),radial-gradient(circle,#9fc7e829,#0000 55%);border-radius:50%;width:min(29rem,78vw);transform:none}.home-butterfly{z-index:2;max-width:100%;animation:6.5s ease-in-out infinite float-chrome;position:relative}.emblem-caption{z-index:2;color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.72rem;font-weight:900;display:flex;position:relative}.project-index{gap:1rem;display:grid}.project-card{--mx:0px;--my:0px;transform:translate3d(var(--mx), var(--my), 0);will-change:transform;border-radius:1.4rem;gap:1rem;padding:1rem;transition:transform .26s,box-shadow .26s;display:grid;position:relative}.project-card>:not(.magnetic-spot){z-index:1;position:relative}.project-card-featured{box-shadow:var(--heavy-shadow), inset 0 0 2rem #ffffffc2}.magnetic-spot{left:var(--spot-x,50%);top:var(--spot-y,50%);z-index:0;filter:blur(8px);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffb3,#0000 30%),radial-gradient(circle,#ff69b933,#0000 62%);border-radius:50%;width:12rem;height:12rem;transition:opacity .22s;position:absolute;transform:translate(-50%,-50%)}.project-card:hover .magnetic-spot{opacity:1}.project-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-pill{color:#a12f76;background:linear-gradient(135deg,#fffc,#e8eef68a);border:1px solid #ffffffc7;border-radius:999px;align-items:center;min-height:2rem;padding:0 .75rem;font-size:.72rem;font-weight:950;display:inline-flex}.project-preview{background:linear-gradient(135deg,#ffffffad,#ecf2f86b),radial-gradient(circle at 18% 24%,#ff6bba29,#0000 30%),radial-gradient(circle at 78% 18%,#9ec7e838,#0000 34%);border:1px solid #ffffffc7;border-radius:1rem;min-height:16rem;padding:.9rem;position:relative;overflow:hidden;box-shadow:inset 0 0 2rem #ffffffb8}.preview-topline{justify-content:space-between;gap:1rem;font-size:.64rem;display:flex}.preview-art{background:#ffffff75;border:1px solid #ffffffb8;border-radius:1rem;position:absolute;inset:2.8rem .9rem .9rem;overflow:hidden;box-shadow:0 1rem 2.4rem #4937521f,inset 0 0 2rem #ffffffc2}.phone-shell{background:linear-gradient(145deg,#ffffffd1,#ffdcee59);border:1px solid #ffffffd6;border-radius:1.35rem;width:8.4rem;min-height:12.6rem;padding:.65rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg);box-shadow:0 1rem 2.3rem #7a447029,inset 0 0 1rem #fffc}.phone-top,.style-grid,.mix-bar,.swatch-row,.poster-strip{gap:.4rem;display:grid}.phone-top{grid-template-columns:1fr .35fr .35fr;margin-bottom:.55rem}.phone-top span,.style-grid i,.logo-lines span,.poster-strip span,.editorial-lines span,.glass-preview article span,.glass-preview nav i{background:linear-gradient(90deg,#3e304529,#ff69b93d,#9fc7e838);border-radius:999px}.phone-top span{height:.36rem}.phone-hero{color:#6e2a58;background:#ffffff7a;border-radius:.9rem;place-items:center;min-height:4.4rem;margin-bottom:.55rem;font-size:.78rem;font-weight:900;display:grid}.style-grid{grid-template-columns:repeat(2,1fr)}.style-grid i{border-radius:.6rem;height:2rem}.mix-bar{grid-template-columns:repeat(3,1fr);margin-top:.55rem}.mix-bar span,.floating-ui{color:#7d3368;text-align:center;background:#ffffffad;border-radius:999px;font-size:.64rem;font-weight:900}.mix-bar span{padding:.35rem}.floating-ui{padding:.45rem .65rem;position:absolute;box-shadow:0 .7rem 1.6rem #5034541f}.floating-ui-one{top:1.3rem;left:1rem}.floating-ui-two{bottom:1.2rem;right:1rem}.logo-board,.poster-pair,.swatch-row{position:absolute}.logo-board{background:#ffffff85;border-radius:1rem;align-items:center;gap:.75rem;width:calc(100% - 2.2rem);padding:.8rem;display:flex;top:1rem;left:1.1rem}.logo-lines{flex:1;gap:.42rem;display:grid}.logo-lines span{height:.55rem}.logo-lines span:nth-child(2){width:74%}.logo-lines span:nth-child(3){width:46%}.poster-pair{gap:.55rem;display:flex;bottom:1rem;right:1rem}.poster-pair i,.poster-card{background:linear-gradient(160deg,#fffc,#e8eef680),radial-gradient(circle at 70% 22%,#ff69b942,#0000 38%);border:1px solid #ffffffbd;display:block;box-shadow:inset 0 0 1rem #ffffffb3}.poster-pair i{border-radius:.7rem;width:4.2rem;height:6rem}.swatch-row{grid-template-columns:repeat(4,1fr);width:8rem;bottom:1rem;left:1rem}.swatch-row span{border-radius:999px;height:1.1rem}.swatch-row span:first-child{background:#fff}.swatch-row span:nth-child(2){background:#e8edf4}.swatch-row span:nth-child(3){background:#ff8ac8}.swatch-row span:nth-child(4){background:#9fc7e8}.room-perspective{perspective:500px;position:absolute;inset:1.2rem}.room-wall,.room-floor{background:#ffffff59;border:1px solid #ffffffbd;border-radius:1rem;position:absolute;inset:0}.room-floor{transform-origin:top;top:52%;transform:rotateX(68deg)}.room-perspective button{color:#71315d;background:#ffffffb8;border:1px solid #ffffffd1;border-radius:999px;min-height:2.5rem;font-weight:900;position:absolute;top:38%;left:34%}.room-perspective i{background:linear-gradient(135deg,#fff,#e8edf4,#ff9ed1);border-radius:.8rem;width:3rem;height:3rem;position:absolute;bottom:18%;right:18%}.room-butterfly{position:absolute;top:1rem;right:1rem}.preview-posters{grid-template-columns:1.1fr .7fr;gap:.7rem;padding:1rem;display:grid}.poster-card{border-radius:.9rem}.poster-card-large{place-items:center;display:grid}.poster-card-large span{background:#dc2d92;border-radius:999px;width:54%;height:.55rem}.poster-card-small{align-content:center;gap:.5rem;padding:.7rem;display:grid}.poster-card-small i{background:#ffffffa6;border-radius:.6rem;height:2.6rem}.poster-strip{grid-column:1/-1;grid-template-columns:1fr .7fr 1.2fr}.poster-strip span{height:1rem}.project-content{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.project-type{margin-bottom:.65rem;line-height:1.5}.project-content p,.case-fact p,.visual-preview-panel p,.process-comic-card p,.contact-lead,.case-footer p{color:var(--soft-ink);line-height:1.64}.project-highlight{color:#633050;margin:.2rem 0 0;font-weight:850}.tag-list{margin:1rem 0}.project-links{margin-top:auto}.project-action{border:1px solid #ffffffc7}.project-action-disabled{cursor:default;opacity:.76}.case-layout{gap:1rem;display:grid}.case-board{gap:.8rem;display:grid}.case-fact,.case-side,.case-footer,.visual-preview-panel,.tools-panel,.contact-card{border-radius:1.3rem;padding:1rem}.case-fact h3,.contact-grid h3{color:#4f2444;letter-spacing:.05em;margin-bottom:.45rem;font-size:1rem;font-style:normal;line-height:1.2}.case-mini-cover{background:#ffffff7a;border-radius:1rem;align-items:center;gap:.8rem;margin:.8rem 0 1rem;padding:.75rem;display:flex}.case-mini-cover strong,.case-mini-cover span{display:block}.case-mini-cover span{color:var(--muted);margin-top:.3rem;font-size:.84rem;font-weight:800}.case-preview-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.screen-thumb{color:#633050;background:linear-gradient(135deg,#fffc,#e8eef680),radial-gradient(circle at 82% 18%,#ff69b929,#0000 40%);border:1px solid #ffffffbd;border-radius:.9rem;place-items:center;min-height:4rem;font-size:.86rem;font-weight:900;display:grid}.case-chip-list,.case-highlight-list{margin-top:.85rem}.case-footer{gap:1rem;margin-top:1rem;display:grid}.visual-system-layout{gap:1rem;display:grid}.visual-rule-list{gap:.75rem;display:grid}.visual-rule-card{text-align:left;border-radius:1.1rem;gap:.5rem;width:100%;padding:1rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid}.visual-rule-card:hover,.visual-rule-card.active{box-shadow:var(--heavy-shadow), inset 0 0 2rem #ffffffc7;border-color:#ff70ba8a;transform:translateY(-.15rem)}.language-mark{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px #533a5b38;background:linear-gradient(#fff,#c8d0da 26%,#ff74bc 52%,#5f435e 100%);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-style:italic;font-weight:950;line-height:.8;display:block}.visual-rule-card strong{color:#4f2444;font-size:1rem}.visual-rule-card small{color:var(--soft-ink);line-height:1.55}.visual-preview-panel{align-content:start;gap:.75rem;display:grid}.visual-preview-art{background:linear-gradient(135deg,#ffffffa8,#ecf2f86b),radial-gradient(circle at 24% 20%,#ff6bba24,#0000 34%),radial-gradient(circle at 78% 72%,#9fc7e833,#0000 34%);border:1px solid #ffffffc2;border-radius:1.1rem;place-items:center;min-height:18rem;padding:1rem;display:grid;overflow:hidden}.mini-chrome-title{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px #57365c61;background:linear-gradient(#fff,#d8e0ea 18%,#ff82c4 42%,#fff 54%,#6e2b5e 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,16vw,8rem);font-style:italic;font-weight:950;line-height:.8;transform:skew(-9deg)}.type-preview i{background:linear-gradient(90deg,#0000,#ff70ba,#9fc7e8,#0000);border-radius:999px;width:min(22rem,70%);height:.6rem}.type-preview p{text-align:center;max-width:24rem}.emblem-preview div{align-items:center;gap:.9rem;display:flex}.glass-preview{align-content:center;gap:1rem}.glass-preview button{color:#633050;background:#ffffffa8;border:1px solid #ffffffd1;border-radius:999px;min-height:3rem;padding:0 1.2rem;font-weight:900}.glass-preview article,.glass-preview nav{background:#ffffff75;border-radius:1rem;gap:.55rem;width:min(24rem,100%);padding:.8rem;display:grid}.glass-preview article span,.glass-preview nav i{height:.75rem}.palette-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.palette-preview span{background:var(--swatch);color:#5a2c4e;min-height:5rem;font-family:var(--font-accent);border:1px solid #ffffffc7;border-radius:1rem;place-items:end start;padding:.8rem;font-size:.75rem;font-weight:900;display:grid;box-shadow:inset 0 0 1.4rem #ffffffb3,0 1rem 2.2rem #5034541f}.motion-preview{grid-template-columns:1fr;gap:.75rem}.motion-preview span{color:#633050;text-align:center;background:#ffffff8a;border:1px solid #ffffffc2;border-radius:999px;width:min(22rem,100%);padding:.85rem 1rem;font-weight:900}.editorial-preview{grid-template-columns:auto minmax(0,1fr);align-content:center;gap:1rem}.editorial-number{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px #533a5b40;background:linear-gradient(#fff,#ff74bc,#5f435e);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-style:italic;font-weight:950;line-height:.8}.editorial-lines{gap:.55rem;display:grid}.editorial-lines strong{color:#4f2444}.editorial-card{background:#ffffff75;border-radius:1rem;grid-column:1/-1;min-height:5rem}.process-storyboard{gap:.9rem;display:grid}.process-comic-card{border-radius:1.25rem;min-height:14rem;padding:1rem;position:relative}.process-comic-top{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.process-number{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px #533a5b42;background:linear-gradient(#fff,#ff83c5,#69305d);-webkit-background-clip:text;background-clip:text;font-size:2.8rem;font-style:italic;font-weight:950;line-height:.8}.process-sticker{color:#a12f76;font-family:var(--font-accent);background:#ffffff9e;border:1px solid #ffffffc7;border-radius:999px;padding:.4rem .6rem;font-size:.72rem;font-weight:950}.process-visual-cue{align-items:center;gap:.6rem;margin:.9rem 0;display:flex}.process-visual-cue i{background:linear-gradient(90deg,#fff,#ff8ac8,#9fc7e8,#0000);border-radius:999px;flex:1;height:.55rem}.process-comic-card h3{margin-bottom:.5rem;font-size:1.7rem}.process-arrow{color:#dc2d92;font-family:var(--font-display);font-size:2rem;font-weight:950;position:absolute;bottom:.8rem;right:1rem}.tools-panel{margin-top:1rem}.contact-view{align-items:center;display:grid}.contact-card{--cursor-x:50%;--cursor-y:50%;--wing-x:0px;--wing-y:0px;--shine-x:50%;--shine-y:50%;gap:1rem;min-height:min(100%,34rem);display:grid}.contact-card:before{z-index:0;content:"";background:radial-gradient(circle at var(--cursor-x) var(--cursor-y), #ff6ebe38, #b9dcff1f 22%, transparent 42%);pointer-events:none;position:absolute;inset:0}.contact-card>*{z-index:1;position:relative}.contact-card h2{max-width:48rem;margin:.6rem 0 1rem;font-size:clamp(3.2rem,13vw,6.4rem);line-height:.9}.contact-lead{max-width:43rem;margin-bottom:1.4rem;font-size:clamp(1rem,2vw,1.12rem)}.contact-grid{gap:.8rem;display:grid}.contact-grid article{background:#ffffff61;border:1px solid #ffffffbd;border-radius:1rem;padding:1rem}.contact-methods{gap:.65rem;margin:0 0 1rem;display:grid}.contact-methods div{grid-template-columns:4rem minmax(0,1fr);gap:.5rem;display:grid}.contact-methods dd{color:#4f2444;overflow-wrap:anywhere;margin:0;font-weight:900}.contact-list button,.contact-list a{border:1px solid #ffffffc7}.copyright-line,.wing-caption{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.copyright-line{margin-top:1rem}.contact-wing-wrap{align-content:center;justify-items:center;gap:.8rem;display:grid}.wing-caption{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.interactive-wing{aspect-ratio:1.28;width:min(100%,32rem);transform:translate3d(var(--wing-x), var(--wing-y), 0) rotate(-4deg);isolation:isolate;will-change:transform;background:radial-gradient(circle at 28% 18%,#fffc,#0000 28%),radial-gradient(circle at 70% 76%,#ff69b929,#0000 36%),linear-gradient(135deg,#ffffff94,#e8eff857);border:1px solid #ffffffc2;border-radius:2rem;place-items:center;transition:transform .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 2.4rem #ffffffc2,0 1.5rem 4.5rem #583f6021}.interactive-wing:after{z-index:3;content:"";background:var(--shine);opacity:.56;pointer-events:none;background-size:230% 100%;animation:6.2s ease-in-out infinite chrome-sweep;position:absolute;inset:0}.wing-hotspot{z-index:2;background:radial-gradient(circle at var(--shine-x) var(--shine-y), #fffffff2, #ff70ba38 13%, transparent 30%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.wing-svg{z-index:1;width:92%;height:auto;position:relative}.wing-shadow-block{fill:#5d295a33;transform:translate(10px,14px)}.wing-main{stroke:url(#edgeChrome);stroke-width:4px}.wing-structure,.wing-glints,.wing-antenna{fill:none;stroke-linecap:round}.wing-structure{stroke:#612d5994;stroke-width:3.4px}.wing-glints,.wing-antenna{stroke:#ffffffeb;stroke-width:3px}.wing-pixel-cuts{fill:#ffffff94;stroke:#612d5947}.wing-body{stroke:#612d599e;stroke-width:3px}.wing-antenna-dot{fill:#fff;stroke:#dc2d92b8;stroke-width:3px}@keyframes chrome-sweep{0%,42%{background-position:-130% 0,0 0}68%,to{background-position:130% 0,0 0}}@keyframes float-chrome{0%,to{transform:translate(0,0)rotate(-5deg)}50%{transform:translate(.45rem,-.75rem)rotate(5deg)}}@keyframes view-enter{0%{opacity:0;transform:translateY(1rem)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes panel-shine{0%{opacity:.9;background-position:130% 0}to{opacity:0;background-position:-80% 0}}@media (width>=640px){.site-shell{padding:5.55rem 1rem 1rem}.view-stage{height:calc(100vh - 6.55rem)}.view-content{padding:1.35rem}.project-card,.case-fact,.case-side,.case-footer,.visual-preview-panel,.tools-panel,.contact-card{border-radius:1.65rem}}@media (width>=768px){.home-view{grid-template-columns:minmax(24rem,.86fr) minmax(18rem,.72fr);padding-inline:clamp(1.8rem,4vw,4rem)}.project-card{grid-template-columns:minmax(16rem,.68fr) minmax(0,1fr);align-items:stretch}.project-meta{grid-column:1/-1}.case-layout,.visual-system-layout,.contact-card{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.76fr)}.case-board,.process-storyboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.site-shell{padding-top:5.85rem}.view-stage{height:calc(100vh - 6.95rem)}.view-content{padding:1.6rem}.home-emblem{justify-self:end;transform:translate(.2rem,-.6rem)}.home-butterfly{width:min(30vw,21rem)}.project-card-featured .project-preview{min-height:24rem}.project-card-index .project-preview{min-height:17rem}.case-board{grid-template-columns:repeat(3,minmax(0,1fr))}.process-storyboard{grid-template-columns:repeat(5,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}}@media (width<=767px){.cursor-glow{display:none}.top-nav{border-radius:1.6rem}.brand-title{display:none}.view-stage{min-height:0}.view-header{grid-template-columns:auto minmax(0,1fr)}.header-butterfly{display:none}.home-butterfly{width:min(58vw,13rem)}.home-emblem{order:-1;width:100%;min-height:12.5rem;overflow:hidden;transform:none}.emblem-orbit{width:min(72vw,16rem)}.emblem-glass-plate{width:min(62vw,13rem)}.chrome-title{margin-bottom:1.35rem;font-size:clamp(4.5rem,27vw,7rem);transform:skew(-8deg)scaleX(1.02)}.project-links a,.project-action,.glass-button,.contact-list a,.contact-list button{width:100%}.project-preview{min-height:15rem}.interactive-wing{border-radius:1.45rem;width:min(100%,19rem)}.wing-hotspot{display:none}.contact-card h2{font-size:clamp(3rem,20vw,4.8rem)}.contact-wing-wrap{order:-1}.visual-preview-art{min-height:15rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visual-system-view{height:100%;padding:clamp(.75rem,1.4vw,1.15rem);overflow:hidden}.visual-console{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.65rem,1.2vw,.95rem);height:100%;min-height:0;display:grid;overflow:hidden}.visual-console-header{grid-template-columns:minmax(0,.78fr) minmax(18rem,.62fr);align-items:end;gap:1rem;display:grid}.visual-console-header h2{margin-top:.2rem;font-size:clamp(2.2rem,6vw,4.5rem)}.visual-console-header p:last-child{color:var(--soft-ink);margin:0;line-height:1.55}.visual-console-main{grid-template-columns:minmax(11rem,.66fr) minmax(0,1.8fr) minmax(14rem,.86fr);gap:clamp(.75rem,1.3vw,1.2rem);min-height:0;display:grid;overflow:hidden}.visual-category-panel,.visual-preview-stage,.visual-inspector{border-radius:1.35rem;min-height:0;overflow:hidden}.visual-category-panel,.visual-inspector{align-content:start;gap:.7rem;padding:.85rem;display:grid}.visual-category-stack{gap:.55rem;display:grid}.visual-category-button{color:#4f2444;text-align:left;background:linear-gradient(135deg,#ffffff80,#ecf1f747),radial-gradient(circle at 88% 18%,#ff70ba1f,#0000 38%);border:1px solid #ffffffad;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.25rem .6rem;min-height:4.2rem;padding:.75rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.visual-category-button:hover,.visual-category-button.active{border-color:#ff70baad;transform:translateY(-.12rem);box-shadow:inset 0 0 1.2rem #ffffffb8,0 .9rem 2rem #8f32741f}.visual-category-button span{color:#0000;font-family:var(--font-display);-webkit-text-stroke:1px #533a5b3d;background:linear-gradient(#fff,#ff74bc,#5f435e);-webkit-background-clip:text;background-clip:text;grid-row:1/3;font-size:2rem;font-style:italic;font-weight:950;line-height:.82}.visual-category-button strong,.visual-category-button small{min-width:0}.visual-category-button strong{font-weight:950}.visual-category-button small{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;font-size:.68rem;font-weight:900}.visual-preview-stage{background:radial-gradient(circle at 22% 12%,#ffffffe6,#0000 24%),radial-gradient(circle at 78% 86%,#ff70ba21,#0000 34%),linear-gradient(135deg,#ffffff9e,#e8eff847);grid-template-rows:auto minmax(0,1fr) auto;gap:.7rem;padding:.9rem;display:grid;position:relative}.visual-stage-meta{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;font-weight:900;display:flex}.visual-stage-meta strong{color:#4f2444;font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:.95rem}.visual-stage-image{background:radial-gradient(circle at 50% 18%,#ffffffa8,#0000 34%),linear-gradient(145deg,#ffffff57,#e8eff833);border:1px solid #ffffff9e;border-radius:1.15rem;place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:inset 0 0 2rem #ffffff9e}.visual-stage-image img{object-fit:contain;border-radius:.85rem;width:100%;height:100%;max-height:100%;animation:.36s both visual-soft-enter}.visual-expand-button,.visual-modal-close{color:#633050;background:#ffffff94;border:1px solid #ffffffbd;border-radius:999px;justify-self:end;min-height:2.45rem;padding:0 .95rem;font-weight:900;box-shadow:inset 0 0 1rem #ffffff9e}.visual-inspector h3{margin:0;font-size:clamp(1.35rem,2.4vw,2.1rem)}.visual-inspector p{color:var(--soft-ink);margin:0;line-height:1.55}.visual-inspector-block{background:#ffffff5c;border:1px solid #ffffff9e;border-radius:.9rem;gap:.3rem;padding:.75rem;display:grid}.visual-inspector-block span{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.visual-inspector-block strong{color:#4f2444;line-height:1.4}.visual-keywords{flex-wrap:wrap;gap:.42rem;display:flex}.visual-keywords span{color:#633050;background:#ffffff80;border:1px solid #ffffffb8;border-radius:999px;padding:.38rem .55rem;font-size:.72rem;font-weight:900}.visual-thumbnail-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid;overflow:hidden}.visual-thumb{color:#633050;background:#ffffff6b;border:1px solid #fff9;border-radius:.9rem;gap:.35rem;min-width:0;padding:.4rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.visual-thumb:hover,.visual-thumb.active{border-color:#ff70babf;transform:translateY(-.12rem);box-shadow:0 0 1.1rem #ff70ba33,inset 0 0 1rem #ffffffb3}.visual-thumb img{aspect-ratio:1.55;object-fit:cover;border-radius:.6rem;width:100%}.visual-thumb span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:900;overflow:hidden}.visual-modal{z-index:60;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#fff8fc94;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.visual-modal-dialog{background:linear-gradient(135deg,#ffffffad,#e8eff861),radial-gradient(circle at 70% 20%,#ff70ba24,#0000 34%);border:1px solid #ffffffc7;border-radius:1.6rem;place-items:center;width:min(92vw,72rem);height:min(88vh,48rem);padding:1rem;display:grid;position:relative;box-shadow:0 1.5rem 5rem #52365c33,inset 0 0 2rem #ffffffb8}.visual-modal-dialog img{object-fit:contain;max-width:100%;max-height:100%}.visual-modal-close{position:absolute;top:.85rem;right:.85rem}@keyframes visual-soft-enter{0%{opacity:0;filter:blur(8px);transform:translateY(.5rem)scale(.985)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@media (width<=1100px){.visual-console-header{grid-template-columns:1fr;gap:.45rem}.visual-console-header p:last-child{max-width:52rem}.visual-console-main{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.visual-category-panel{align-content:stretch}.visual-category-stack{grid-template-columns:repeat(4,minmax(0,1fr))}.visual-category-button{min-height:3.4rem}.visual-inspector{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start}.visual-inspector .eyebrow,.visual-inspector h3{grid-column:1}.visual-inspector p,.visual-keywords,.visual-inspector-block{grid-column:2}}@media (width<=767px){.visual-system-view{padding:.7rem}.visual-console{gap:.55rem}.visual-console-header h2{font-size:clamp(2rem,12vw,3.3rem)}.visual-console-header p:last-child{font-size:.88rem;line-height:1.45}.visual-category-panel,.visual-inspector,.visual-preview-stage{border-radius:1rem;padding:.65rem}.visual-category-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}.visual-category-button{min-height:3.1rem;padding:.55rem}.visual-category-button span{font-size:1.35rem}.visual-category-button strong{font-size:.82rem}.visual-category-button small{display:none}.visual-stage-meta{font-size:.64rem}.visual-stage-meta strong{font-size:.8rem}.visual-inspector{grid-template-columns:1fr;gap:.48rem}.visual-inspector .eyebrow,.visual-inspector h3,.visual-inspector p,.visual-keywords,.visual-inspector-block{grid-column:1}.visual-inspector h3{font-size:1.25rem}.visual-inspector p{font-size:.85rem;line-height:1.42}.visual-inspector-block{padding:.55rem}.visual-keywords span{padding:.28rem .42rem;font-size:.65rem}.visual-thumbnail-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.visual-thumb{padding:.3rem}.visual-thumb img{aspect-ratio:1.25}.visual-thumb span{font-size:.62rem}.visual-expand-button{min-height:2.2rem;font-size:.78rem}}.visual-system-view{height:100%;padding:clamp(.9rem,1.8vw,1.35rem);position:relative;overflow:hidden}.visual-system-view:before,.visual-system-view:after{z-index:-1;content:"";filter:blur(34px);pointer-events:none;border-radius:999px;position:absolute}.visual-archive{grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(.7rem,1.2vw,1rem);height:100%;min-height:0;display:grid;overflow:hidden}.visual-archive-header{grid-template-columns:minmax(0,.9fr) minmax(18rem,.7fr);align-items:end;gap:1.2rem;display:grid}.visual-archive-header .section-number{grid-column:1/-1}.visual-archive-header h2{margin:0;font-size:clamp(2.4rem,6vw,4.8rem)}.visual-archive-header p:last-child{max-width:40rem;color:var(--soft-ink);margin:0;line-height:1.55}.visual-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.visual-tabs button{color:#4f2444;text-align:left;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffff6b;border:1px solid #ffffffb8;border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.12rem .55rem;min-height:3.3rem;padding:.55rem .72rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;box-shadow:inset 0 0 1rem #ffffff94}.visual-tabs button:hover,.visual-tabs button.active{border-color:#ff70bab8;transform:translateY(-.1rem);box-shadow:0 0 1.3rem #ff70ba29,inset 0 0 1.2rem #ffffffbd}.visual-tabs span{color:#a12f76;font-family:var(--font-accent);grid-row:1/3;font-size:.75rem;font-weight:950}.visual-tabs strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:950;overflow:hidden}.visual-tabs small{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:900}.visual-section-hero{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:linear-gradient(135deg,#ffffff85,#ecf1f73d),radial-gradient(circle at 88% 18%,#ff70ba1f,#0000 34%);border:1px solid #ffffffb8;border-radius:1.35rem;grid-template-columns:minmax(0,1fr) minmax(7rem,.24fr);align-items:center;gap:1rem;min-height:7rem;padding:.85rem 1rem;display:grid;overflow:hidden;box-shadow:inset 0 0 1.8rem #ffffff9e}.visual-section-copy{gap:.25rem;display:grid}.visual-section-copy p{color:var(--muted);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.visual-section-copy h3{margin:0;font-size:clamp(1.45rem,3vw,2.7rem)}.visual-section-copy span{max-width:46rem;color:var(--soft-ink);line-height:1.5}.visual-section-hero img{object-fit:contain;filter:drop-shadow(0 .9rem 1.4rem #82467829);justify-self:end;max-width:min(100%,8.8rem);max-height:6.4rem}.visual-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.65rem,1vw,.95rem);min-height:0;display:grid;overflow:hidden}.visual-gallery-card{color:#4f2444;text-align:left;-webkit-backdrop-filter:blur(20px)saturate(145%);backdrop-filter:blur(20px)saturate(145%);background:#ffffff6b;border:1px solid #ffffffb3;border-radius:1.05rem;grid-template-rows:minmax(0,1fr) auto;gap:.55rem;min-width:0;min-height:0;padding:.6rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden;box-shadow:inset 0 0 1.4rem #ffffffa3,0 .8rem 2.4rem #52365c14}.visual-gallery-card:hover{border-color:#ff70bab8;transform:translateY(-.22rem);box-shadow:0 1rem 2.6rem #8f327424,inset 0 0 1.6rem #ffffffb8}.visual-gallery-card figure{background:radial-gradient(circle at 50% 20%,#ffffffb3,#0000 32%),linear-gradient(135deg,#ffffff57,#e8eff838);border-radius:.82rem;place-items:center;min-height:0;display:grid;overflow:hidden}.visual-gallery-card img{border-radius:.7rem;width:100%;height:100%;min-height:0}.visual-fit-cover img{object-fit:cover}.visual-fit-contain img{object-fit:contain;padding:.25rem}.visual-gallery-card div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;display:grid}.visual-gallery-card span,.visual-gallery-card small{color:var(--muted);font-family:var(--font-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:900}.visual-gallery-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:950;overflow:hidden}.visual-lightbox{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#150f1894;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.visual-lightbox-dialog{background:#ffffff29;border:1px solid #ffffff52;border-radius:1.4rem;grid-template-rows:auto minmax(0,1fr);gap:.8rem;width:min(92vw,72rem);height:min(88vh,50rem);padding:.9rem;display:grid;position:relative;box-shadow:0 2rem 6rem #00000042}.visual-lightbox-top{color:#fff;justify-content:space-between;align-items:center;gap:1rem;font-weight:900;display:flex}.visual-lightbox-top button,.lightbox-nav{color:#fff;background:#ffffff2e;border:1px solid #ffffff6b;border-radius:999px;min-height:2.45rem;padding:0 .9rem;font-weight:900}.visual-lightbox-dialog>img{object-fit:contain;border-radius:1rem;width:100%;height:100%;min-height:0}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (width<=1023px){.visual-archive-header{grid-template-columns:1fr;gap:.45rem}.visual-tabs,.visual-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.visual-archive{gap:.55rem}.visual-archive-header h2{font-size:clamp(2.2rem,12vw,3.6rem)}.visual-archive-header p:last-child,.visual-section-copy span{font-size:.86rem;line-height:1.42}.visual-tabs{gap:.42rem}.visual-tabs button{min-height:2.85rem;padding:.45rem .55rem}.visual-tabs strong{font-size:.78rem}.visual-tabs small{display:none}.visual-section-hero{grid-template-columns:minmax(0,1fr) minmax(4.5rem,.24fr);min-height:5.6rem;padding:.65rem}.visual-section-hero img{max-height:4.6rem}.visual-gallery-grid{gap:.48rem}.visual-gallery-card{border-radius:.8rem;gap:.38rem;padding:.42rem}.visual-gallery-card div{grid-template-columns:auto minmax(0,1fr)}.visual-gallery-card small{display:none}.visual-gallery-card strong{font-size:.76rem}.visual-gallery-card span{font-size:.62rem}.lightbox-nav{top:auto;bottom:1rem;transform:none}}img{max-width:100%;display:block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}figure{margin:0}.hero-title-frame{width:min(620px,44vw);max-width:100%;box-shadow:none;background:0 0;border:none;margin:.65rem 0 1.65rem}.hero-title-image{object-fit:contain;filter:drop-shadow(0 24px 38px #82467833);background:0 0;width:min(620px,44vw);max-width:100%;height:auto;display:block}.hero-butterfly-image{object-fit:contain;filter:drop-shadow(0 24px 38px #8246782e);background:0 0;width:min(420px,34vw);max-width:100%;height:auto;display:block}.home-butterfly-image{z-index:2;object-fit:contain;background:0 0;width:min(100%,23rem);max-height:23rem;animation:6.5s ease-in-out infinite float-chrome;position:relative}.preview-image-frame{display:block}.preview-image-frame img,.case-image-stack img,.process-image-frame img{object-fit:cover;width:100%;height:100%}.visual-image-preview img{object-fit:contain;border-radius:.9rem;width:100%;height:100%;max-height:30rem}.case-image-stack{gap:.7rem;margin:.85rem 0 1rem;display:grid}.case-image-stack figure{background:#ffffff70;border:1px solid #ffffffb8;border-radius:1rem;min-height:8rem;position:relative;overflow:hidden;box-shadow:inset 0 0 1.8rem #ffffffb8}.case-image-stack figcaption{color:#633050;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #ffffffb8;border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:900;position:absolute;bottom:.65rem;left:.65rem}.process-image-frame{aspect-ratio:1.35;background:#ffffff70;border:1px solid #ffffffb8;border-radius:1rem;width:100%;margin:.75rem 0 .85rem;overflow:hidden;box-shadow:inset 0 0 1.7rem #ffffffad}.process-comic-card{min-height:0}.process-comic-card h3{font-size:1.45rem}.process-comic-card p{margin-bottom:1.3rem}.visual-rule-list{scrollbar-width:none;max-height:100%;overflow:auto}.visual-rule-list::-webkit-scrollbar{display:none}@media (width>=1024px){.home-view{grid-template-columns:minmax(23rem,.9fr) minmax(20rem,.76fr)}.home-butterfly-image{width:min(29vw,24rem)}.process-storyboard{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.hero-title-frame,.hero-title-image{width:min(100%,22rem)}.hero-title-frame{margin-bottom:1.25rem}.home-butterfly-image{width:min(64vw,14rem);max-height:14rem}.visual-image-preview{min-height:16rem}}.visual-system-view:before,.visual-system-view:after{content:"";z-index:-1;pointer-events:none;filter:blur(22px);border-radius:999px;position:fixed}.visual-system-view:before{background:radial-gradient(circle at 34% 32%,#ffffffd9,#0000 24%),radial-gradient(circle,#ff7ebe33,#b4d2ff29 48%,#0000 72%);width:23rem;height:23rem;top:9%;right:3%}.visual-system-view:after{background:radial-gradient(circle at 28% 38%,#ffd2ec57,#0000 38%),radial-gradient(circle at 72% 62%,#b2ceff38,#0000 42%);width:28rem;height:18rem;bottom:4%;left:4%}.visual-archive-page{gap:clamp(1.4rem,3vw,2.5rem);max-width:76rem;margin:0 auto;padding-bottom:2.5rem;display:grid;position:relative}.visual-archive-hero{gap:.7rem;max-width:46rem;padding:clamp(.8rem,1.8vw,1.2rem) 0 clamp(.2rem,1vw,.8rem);display:grid}.visual-archive-hero h2{color:#f7cce7;font-family:var(--font-display);text-shadow:0 1px #fffffff2,0 10px 26px #ac478833,0 0 34px #ff97d247;-webkit-text-stroke:1px #783e6933;margin:0;font-size:clamp(3rem,8vw,6.4rem);line-height:.9}.visual-archive-hero p:last-child{color:#412a3eb8;max-width:38rem;margin:0;font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.8}.archive-section{gap:clamp(.95rem,2vw,1.35rem);display:grid}.archive-divider{background:linear-gradient(90deg,#ff78be00,#ff78bead,#bed2ff80,#ff78be00);width:100%;height:1px;position:relative}.archive-divider:before{content:"✦";color:#a64884b3;text-shadow:0 0 14px #ff7ebe73;font-size:.86rem;position:absolute;top:50%;left:.15rem;transform:translateY(-50%)}.archive-section-copy{grid-template-columns:minmax(9rem,.34fr) minmax(0,1fr);align-items:end;gap:.4rem clamp(1rem,3vw,2.2rem);display:grid}.archive-section-copy p{color:#7f426fdb;letter-spacing:.14em;text-transform:uppercase;grid-row:span 2;margin:0;font-size:.78rem;font-weight:900}.archive-section-copy h3{color:#493144;letter-spacing:0;margin:0;font-size:clamp(1.75rem,3vw,2.6rem)}.archive-section-copy span{color:#4c3448ad;max-width:50rem;font-size:.94rem;line-height:1.7}.archive-grid{gap:clamp(.75rem,1.5vw,1rem);display:grid}.archive-section-posters .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.archive-section-mood .archive-grid{grid-template-columns:1.35fr .85fr .85fr}.archive-section-collage .archive-grid{grid-template-columns:1.1fr .95fr .95fr}.archive-card{min-width:0;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff8a,#fff7fd42),radial-gradient(circle at 18% 0,#ffaada24,#0000 44%),radial-gradient(circle at 92% 100%,#b1d0ff24,#0000 42%);border:1px solid #ffffffbd;border-radius:1rem;gap:.65rem;padding:.55rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,0 18px 42px #76466e14}.archive-card:after{content:"Preview";color:#6c3660c7;letter-spacing:.08em;opacity:0;background:#ffffff80;border:1px solid #fffc;border-radius:999px;padding:.28rem .48rem;font-size:.64rem;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;top:.85rem;right:.85rem;transform:translateY(-.25rem)}.archive-card:hover{border-color:#ffa9dac7;transform:translateY(-.24rem);box-shadow:inset 0 1px #fffffff0,0 20px 48px #84417421,0 0 28px #ff8bce2e}.archive-card:hover:after{opacity:1;transform:translateY(0)}.archive-card figure{aspect-ratio:1.22;background:linear-gradient(135deg,#ffffff57,#fff4fb24),radial-gradient(circle at 25% 25%,#ffc7e73d,#0000 42%);border-radius:.72rem;place-items:center;width:100%;margin:0;display:grid;overflow:hidden}.archive-fit-contain img{object-fit:contain;padding:.45rem}.archive-card-wide{grid-column:span 2}.archive-card-wide figure{aspect-ratio:2.1}.archive-card-large{grid-row:span 2}.archive-card-large figure{aspect-ratio:.82}.archive-section-posters .archive-card figure{aspect-ratio:.72;background:#ffffff47}.archive-section-posters .archive-card img{object-fit:contain;padding:.25rem}.archive-section-mood .archive-card-wide{grid-column:span 2}.archive-section-mood .archive-card-wide figure{aspect-ratio:1.9}.archive-card-caption span,.archive-card-caption small{color:#7e4470bd;letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:900}.archive-card-caption strong{color:#4d3348;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;overflow:hidden}.archive-lightbox{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#140d149e;place-items:center;padding:clamp(1rem,3vw,2rem);display:grid;position:fixed;inset:0}.archive-lightbox-dialog{background:linear-gradient(150deg,#fff3,#ffdcf014),#281a2847;border:1px solid #ffffff57;border-radius:1rem;gap:.85rem;width:min(92vw,68rem);max-height:92vh;padding:.85rem;display:grid;position:relative;box-shadow:0 30px 90px #0000005c}.archive-lightbox-top{color:#fff7fce6;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;font-weight:900;display:flex}.archive-lightbox-top button,.archive-lightbox-nav{color:#fff7fceb;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff5c;border-radius:999px}.archive-lightbox-top button{padding:.46rem .78rem}.archive-lightbox-dialog>img{object-fit:contain;background:#ffffff1a;border-radius:.76rem;width:100%;max-height:78vh;display:block}.archive-lightbox-nav{padding:.6rem .78rem;position:absolute;top:50%;transform:translateY(-50%)}.archive-lightbox-prev{left:-.8rem}.archive-lightbox-next{right:-.8rem}@media (width<=1023px){.archive-section-copy{grid-template-columns:1fr}.archive-section-copy p{grid-row:auto}.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card-wide,.archive-section-mood .archive-card-wide{grid-column:span 2}}@media (width<=640px){.visual-system-view{padding:1rem .8rem}.visual-archive-page{gap:1.6rem}.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:1fr}.archive-card-wide,.archive-section-mood .archive-card-wide,.archive-card-large{grid-area:auto}.archive-card-wide figure,.archive-section-mood .archive-card-wide figure,.archive-card-large figure,.archive-card figure{aspect-ratio:1.12}.archive-section-posters .archive-card figure{aspect-ratio:.72}.archive-lightbox-dialog{width:94vw;max-height:88vh}.archive-lightbox-nav{position:static;transform:none}.archive-lightbox-dialog{grid-template-columns:1fr 1fr}.archive-lightbox-top,.archive-lightbox-dialog>img{grid-column:1/-1}}.visual-system-view{scrollbar-width:none;height:100%;padding:clamp(.55rem,1.4vw,1rem) clamp(.75rem,1.8vw,1.2rem) 1.25rem;position:relative;overflow:hidden auto}.visual-archive-page{gap:clamp(1.35rem,2.6vw,2.15rem);max-width:72rem;margin:0 auto;padding:0 0 1.3rem;display:grid}.visual-archive-hero{display:none}.archive-section{gap:.9rem;min-width:0;display:grid}.archive-divider{background:linear-gradient(90deg,#ff78be00,#ff78beb3,#b9cdff80,#ff78be00);width:100%;height:1px;margin:34px 0 18px}.archive-section:first-child .archive-divider{margin-top:.2rem}.archive-section-intro{gap:.28rem;max-width:46rem;display:grid}.archive-kicker,.modal-kicker{color:#7b3d6cc7;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:950}.archive-section-intro h2{color:#483041;letter-spacing:0;margin:0;font-size:clamp(1.55rem,2.7vw,2.35rem)}.archive-section-intro>p:last-child{color:#422d3fa8;max-width:42rem;margin:0;font-size:.92rem;line-height:1.68}.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1.2vw,.82rem);display:grid}.archive-card,.archive-card-wide,.archive-card-large,.archive-card-small{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff7a,#fff8fd38),radial-gradient(circle at 22% 0,#ffa2d821,#0000 44%),radial-gradient(circle at 100% 100%,#b2d1ff21,#0000 42%);border:1px solid #ffffffb8;border-radius:.85rem;grid-area:auto;gap:.48rem;min-width:0;padding:.46rem;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffdb,0 12px 30px #5b3b5712}.archive-card figure,.archive-card-wide figure,.archive-card-large figure,.archive-section-mood .archive-card-wide figure{aspect-ratio:1.05;background:linear-gradient(135deg,#ffffff42,#fff3fb1a),radial-gradient(circle at 18% 18%,#ffc4e729,#0000 42%);border-radius:.62rem;place-items:center;width:100%;max-height:11.5rem;margin:0;display:grid;overflow:hidden}.archive-card img{object-position:center;width:100%;height:100%;display:block}.archive-fit-contain img,.archive-section-posters .archive-card img{object-fit:contain;padding:.28rem}.archive-fit-cover img{object-fit:cover}.archive-card-caption{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.42rem;min-height:1.45rem;padding:0 .1rem;display:grid}.archive-card-caption span{color:#7e4470b8;letter-spacing:.08em;font-size:.66rem;font-weight:950}.archive-card-caption strong{color:#4e3349;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.82rem;font-weight:900;overflow:hidden}.archive-card-caption small{display:none}.artwork-modal{background:linear-gradient(145deg,#fff3,#ffe5f51a),#2b1e2b42;border:1px solid #ffffff5c;border-radius:1.1rem;grid-template-columns:minmax(0,1.36fr) minmax(17rem,.64fr);gap:clamp(.9rem,2vw,1.25rem);width:min(94vw,66rem);min-height:0;max-height:min(88vh,42rem);padding:clamp(.72rem,1.5vw,1rem);display:grid;box-shadow:0 28px 90px #00000057}.modal-image-area{background:#ffffff1a;border-radius:.86rem;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.modal-image-area img{object-fit:contain;width:100%;height:100%;max-height:calc(88vh - 2rem);display:block}.modal-info{color:#fff7fce6;background:#ffffff29;border:1px solid #ffffff57;border-radius:.9rem;flex-direction:column;justify-content:center;gap:.75rem;min-width:0;min-height:0;padding:clamp(.8rem,2vw,1.25rem);display:flex}.modal-info h3{color:#fff7fc;letter-spacing:0;margin:0;font-size:clamp(1.45rem,3vw,2.35rem)}.modal-info>p:not(.modal-kicker){color:#fff7fcc2;margin:0;font-size:.92rem;line-height:1.75}.modal-keywords{flex-wrap:wrap;gap:.45rem;display:flex}.modal-keywords span,.modal-actions button{color:#fff7fce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff57;border-radius:999px}.modal-keywords span{padding:.34rem .58rem;font-size:.72rem;font-weight:850}.modal-actions button{min-height:2.1rem;padding:0 .75rem;font-size:.8rem;font-weight:900}@media (width<=1023px){.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-modal{grid-template-columns:1fr;max-height:90vh}.modal-image-area{max-height:52vh}.modal-info{justify-content:start}}@media (width<=640px){.visual-system-view{padding:.65rem}.visual-archive-page{gap:1.2rem}.archive-divider{margin:24px 0 14px}.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:1fr}.archive-card figure,.archive-section-posters .archive-card figure{aspect-ratio:1.08;max-height:none}.archive-section-posters .archive-card figure{aspect-ratio:.72}.artwork-modal-backdrop{padding:.75rem}.artwork-modal{gap:.7rem;width:100%;max-height:88vh}.modal-image-area{max-height:46vh}.modal-info{padding:.85rem}}.visual-system-view{padding:clamp(.45rem,1.1vw,.8rem)}.visual-archive-page{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:clamp(.65rem,1.3vw,.95rem) clamp(.85rem,1.8vw,1.25rem);max-width:74rem;min-height:0;padding-bottom:0}.archive-section{gap:.42rem;min-width:0}.archive-divider{opacity:.78;margin:.15rem 0 .42rem}.archive-divider:before{display:none}.archive-section-intro{gap:0;max-width:none}.archive-section-intro h2{color:#483041e6;letter-spacing:0;margin:0;font-size:clamp(1rem,1.55vw,1.32rem);font-weight:900;line-height:1.1}.archive-section-intro>p,.archive-kicker{display:none}.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.32rem,.7vw,.48rem)}.archive-section-identity .archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.archive-card{border-radius:.62rem;gap:0;padding:.28rem;box-shadow:inset 0 1px #ffffffc7,0 8px 20px #5b3b570e}.archive-card:after{content:"";display:none}.archive-card:hover{transform:translateY(-.12rem);box-shadow:inset 0 1px #ffffffe6,0 12px 28px #8441741a,0 0 18px #ff8bce1f}.archive-card figure,.archive-card-wide figure,.archive-card-large figure,.archive-section-mood .archive-card-wide figure{aspect-ratio:1.04;border-radius:.46rem;max-height:6.75rem}.archive-section-posters .archive-card figure{aspect-ratio:.72;max-height:9rem}.archive-section-identity .archive-card:first-child figure{aspect-ratio:1.04}.archive-fit-contain img,.archive-section-posters .archive-card img{padding:.18rem}.archive-card-caption{display:none}.artwork-modal{grid-template-columns:minmax(0,1.42fr) minmax(15rem,.58fr);gap:clamp(.65rem,1.4vw,1rem);width:min(92vw,58rem);max-height:min(84vh,36rem)}.modal-info{color:#fff7fce6;background:0 0;border:0;justify-content:center;gap:.7rem;padding:clamp(.55rem,1.5vw,1rem)}.modal-info h3{font-size:clamp(1.25rem,2.4vw,1.85rem)}.modal-info>p:not(.modal-kicker){max-width:19rem;font-size:.88rem;line-height:1.58}.modal-keywords,.modal-kicker{display:none}.modal-actions{margin-top:.15rem}@media (width<=1023px){.visual-archive-page{grid-template-columns:1fr}.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-card figure,.archive-section-posters .archive-card figure{max-height:none}}@media (width<=640px){.visual-archive-page{grid-template-columns:1fr;gap:.95rem}.archive-grid,.archive-section-identity .archive-grid,.archive-section-posters .archive-grid,.archive-section-mood .archive-grid,.archive-section-collage .archive-grid{grid-template-columns:1fr}.archive-card{padding:.36rem}.artwork-modal{grid-template-columns:1fr;max-height:88vh}.modal-info{padding:.3rem .15rem .1rem}}.visual-system-view{scrollbar-width:none;height:100%;min-height:0;padding:clamp(.45rem,1vw,.75rem);overflow:hidden}.visual-system-view::-webkit-scrollbar{display:none}.visual-board{grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(.38rem,.9vw,.65rem);width:min(100%,74rem);max-width:100%;height:100%;min-height:0;margin:0 auto;display:grid}.archive-row{border-top:1px solid #0000;border-image:linear-gradient(90deg,#ff78be00,#ff78be85,#b9cdff5c,#ff78be00) 1;grid-template-columns:clamp(6.8rem,12vw,9.4rem) minmax(0,1fr);align-items:center;gap:clamp(.55rem,1.2vw,1rem);min-width:0;min-height:0;padding-top:clamp(.34rem,.75vw,.58rem);display:grid}.archive-row-title{color:#2d1d2e;letter-spacing:0;white-space:nowrap;margin:0;font-size:clamp(1.08rem,1.55vw,1.55rem);font-weight:760;line-height:1.1}.archive-row-grid{align-items:center;gap:clamp(.34rem,.75vw,.58rem);min-width:0;min-height:0;display:flex}.archive-thumb{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#fff6,#fff9fd2e),radial-gradient(circle at 18% 4%,#ffa5da1f,#0000 42%),radial-gradient(circle at 100% 100%,#b0d2ff1f,#0000 40%);border:1px solid #ffffff8c;border-radius:.85rem;flex:0 clamp(5.8rem,10.4vw,8.7rem);width:clamp(5.8rem,10.4vw,8.7rem);min-width:0;height:clamp(4.45rem,8vh,6.65rem);padding:.26rem;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 12px 30px #78467814}.archive-row-posters .archive-thumb{flex-basis:clamp(4.9rem,7.2vw,6.35rem);width:clamp(4.9rem,7.2vw,6.35rem)}.archive-thumb img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.archive-thumb-cover img{object-fit:cover}.archive-row-posters .archive-thumb img,.archive-thumb-contain img{object-fit:contain}.artwork-modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#160e1694;place-items:center;padding:clamp(.75rem,2vw,1.35rem);display:grid;position:fixed;inset:0;overflow:hidden}.artwork-modal{background:linear-gradient(145deg,#fff3,#ffe5f51a),#2b1e2b42;border:1px solid #ffffff57;border-radius:1.05rem;grid-template-columns:minmax(0,1fr) 17.5rem;align-items:stretch;gap:1.25rem;width:min(70rem,88vw);height:min(42.5rem,82dvh);min-height:0;max-height:82dvh;padding:clamp(.75rem,1.5vw,1rem);display:grid;box-shadow:0 28px 90px #00000057}.modal-image-area{background:#ffffff1a;border-radius:.86rem;justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(.9rem,2vw,1.5rem);display:flex;overflow:hidden}.modal-image-area img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:calc(82dvh - 4.3rem);display:block}.modal-info{color:#fff7fce6;background:0 0;border:0;flex-direction:column;justify-content:center;gap:.7rem;min-width:0;min-height:0;padding:.45rem .25rem;display:flex}.modal-info h3{color:#fff7fc;letter-spacing:0;margin:0;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.16}.modal-info>p{color:#fff7fcbd;max-width:16.8rem;margin:0;font-size:.88rem;line-height:1.55}.modal-actions{flex-wrap:wrap;gap:.45rem;margin-top:.1rem;display:flex}.modal-actions button{color:#fff7fce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff57;border-radius:999px;min-height:2.05rem;padding:0 .72rem;font-size:.78rem;font-weight:900}.modal-keywords,.modal-kicker,.archive-card-caption,.archive-kicker,.visual-archive-hero{display:none}@media (width<=1023px){.visual-system-view{overflow-y:auto}.visual-board{grid-template-rows:none;height:auto}.archive-row{grid-template-columns:1fr;gap:.48rem}.archive-row-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.archive-thumb,.archive-row-posters .archive-thumb{aspect-ratio:1.28;width:100%;height:auto}.archive-row-posters .archive-thumb{aspect-ratio:.72}.artwork-modal{grid-template-columns:1fr;width:min(92vw,42rem);height:min(88dvh,42rem)}.modal-image-area{min-height:0;max-height:58dvh}.modal-info{justify-content:start;padding:.1rem .2rem}}@media (width<=640px){.archive-row-grid{grid-template-columns:1fr}.archive-thumb,.archive-row-posters .archive-thumb{aspect-ratio:1.18}.archive-row-posters .archive-thumb{aspect-ratio:.72}}.visual-system-view{transform-origin:top;animation:.72s cubic-bezier(.16,1,.3,1) both visualPanelReveal}.archive-row{opacity:0;animation:.62s cubic-bezier(.16,1,.3,1) both archiveRowPop;animation-delay:var(--row-delay,80ms);border-top:0;position:relative;transform:translateY(24px)scale(.98)}.archive-row-divider{transform-origin:0;width:100%;height:1px;animation:.68s both dividerReveal;animation-delay:var(--row-delay,80ms);background:linear-gradient(90deg,#ff78be00,#ff78be99,#b9cdff6b,#ff78be00);grid-column:1/-1;margin-bottom:clamp(.24rem,.55vw,.42rem);display:block}.archive-thumb{opacity:0;animation:.52s cubic-bezier(.16,1,.3,1) both thumbPop;animation-delay:calc(var(--row-delay,0s) + var(--thumb-delay,0s));transform:translateY(16px)scale(.94)}.archive-thumb-inner{width:100%;height:100%;transition:transform .18s,filter .18s;display:block}.archive-thumb:hover{border-color:#ff91cd9e;transform:none;box-shadow:0 18px 36px #d25aa029,inset 0 1px #fffc}.archive-thumb:hover .archive-thumb-inner{filter:saturate(1.04);transform:translateY(-4px)scale(1.025)}@keyframes visualPanelReveal{0%{opacity:0;filter:blur(18px);transform:translateY(28px)scale(.965)}55%{opacity:1;filter:blur(2px);transform:translateY(-4px)scale(1.006)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes archiveRowPop{0%{opacity:0;filter:blur(12px);transform:translateY(24px)scale(.98)}70%{opacity:1;filter:blur(1px);transform:translateY(-3px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes thumbPop{0%{opacity:0;filter:blur(8px);transform:translateY(16px)scale(.94)}70%{opacity:1;filter:blur(1px);transform:translateY(-2px)scale(1.025)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes dividerReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.visual-system-view,.archive-row,.archive-thumb,.archive-row-divider{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}.archive-thumb-inner{transition:none!important}}.project-card-featured{cursor:pointer}.project-card-featured:focus-visible{outline-offset:.2rem;outline:2px solid #ff7cc0b8}.nail-mix-real-preview{background:linear-gradient(135deg,#ffffff6b,#ffedf73d),radial-gradient(circle at 12% 18%,#ff77be29,#0000 35%),radial-gradient(circle at 86% 14%,#bedaf42e,#0000 36%);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:clamp(.42rem,1vw,.72rem);padding:clamp(.55rem,1.1vw,.9rem);display:grid}.nail-mix-shot{background:#ffffff75;border:1px solid #ffffffc2;border-radius:clamp(.72rem,1.1vw,1.05rem);min-width:0;height:100%;max-height:20rem;display:block;overflow:hidden;box-shadow:0 .85rem 1.8rem #95467e21,inset 0 0 1rem #ffffff9e}.nail-mix-shot:nth-child(2),.nail-mix-shot:nth-child(4){transform:translateY(.85rem)}.nail-mix-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-card-featured:hover .nail-mix-shot{box-shadow:0 1rem 2.15rem #95467e2e,0 0 1.6rem #ff7dbe1f,inset 0 0 1rem #ffffffad}.project-card-featured .project-links,.project-card-featured .project-links *,.project-card-clickable{cursor:pointer}.project-card-clickable:focus-visible{outline-offset:.2rem;outline:2px solid #ff7cc0b8}.ui-kit-preview-board{background:linear-gradient(135deg,#ffffff70,#ffffff2e),radial-gradient(circle at 24% 14%,#ff7ec324,#0000 38%),radial-gradient(circle at 92% 82%,#9fc7e833,#0000 42%);border:1px solid #ffffffbd;border-radius:1.05rem;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);gap:.48rem;padding:.52rem;display:grid;box-shadow:inset 0 0 1.2rem #ffffff8f}.ui-kit-preview-board span{background:#ffffff5c;border:1px solid #ffffffad;border-radius:.78rem;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.ui-kit-preview-board img{object-fit:contain;object-position:center;filter:drop-shadow(0 .7rem 1.2rem #70487421);width:100%;height:100%;display:block}.ui-kit-main{grid-row:span 2;padding:.24rem}.ui-kit-side{padding:.18rem}@media (width<=767px){.nail-mix-real-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-kit-preview-board{grid-template-rows:1.4fr .8fr .8fr;grid-template-columns:1fr}.ui-kit-main{grid-row:span 1}.nail-mix-shot{max-height:11rem}.nail-mix-shot:nth-child(2),.nail-mix-shot:nth-child(4){transform:none}}.zjm-case-view{scrollbar-width:none;height:100%;overflow-x:hidden}.zjm-case-view::-webkit-scrollbar{display:none}.zjm-case-board{gap:clamp(.65rem,1.3vw,.95rem);max-width:76rem;min-height:100%;margin:0 auto;display:grid}.zjm-case-tags{flex-wrap:wrap;justify-content:flex-end;gap:.42rem;max-width:24rem;display:flex}.zjm-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.55rem,1vw,.75rem);display:grid}.zjm-info-card{border-radius:1rem;align-content:start;gap:.28rem;min-height:0;padding:clamp(.68rem,1.2vw,.9rem);display:grid}.zjm-info-card h3,.zjm-evidence-card h3{color:#4c3046;letter-spacing:0;margin:0;font-size:clamp(.98rem,1.2vw,1.1rem)}.zjm-info-card p,.zjm-evidence-card p{color:#442e41ad;margin:0;font-size:.82rem;line-height:1.58}.zjm-ui-preview{border-radius:1.05rem;gap:.55rem;min-height:0;padding:clamp(.65rem,1.2vw,.9rem);display:grid}.zjm-screen-board{grid-template-columns:minmax(0,1.08fr) repeat(2,minmax(0,.72fr));grid-auto-rows:minmax(5rem,1fr);gap:clamp(.42rem,.8vw,.62rem);min-height:clamp(18rem,38vh,24rem);display:grid}.zjm-screen{background:linear-gradient(145deg,#ffffff7a,#ffeff833),radial-gradient(circle at 15% 12%,#ff81c329,#0000 42%);border:1px solid #ffffffbd;border-radius:.95rem;min-width:0;min-height:0;padding:.32rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden;box-shadow:inset 0 1px #fffc,0 12px 28px #8543741a}.zjm-screen:hover{border-color:#ff8fccb8;transform:translateY(-.16rem);box-shadow:inset 0 1px #ffffffe0,0 16px 34px #85437424,0 0 20px #ff8fcc1f}.zjm-screen img{object-fit:cover;object-position:top center;border-radius:.68rem;width:100%;height:100%;display:block}.zjm-evidence-card{border-radius:1rem;align-content:start;gap:.36rem;min-height:0;padding:clamp(.65rem,1vw,.85rem);display:grid}.zjm-case-modal-dialog{background:#ffffff2e;border:1px solid #ffffff5c;border-radius:1rem;gap:.75rem;width:min(92vw,34rem);max-height:90dvh;padding:.75rem;display:grid;box-shadow:0 28px 90px #00000057}.zjm-case-modal-head{color:#fff7fceb;justify-content:space-between;align-items:center;gap:1rem;font-weight:900;display:flex}.zjm-case-modal-head button{color:#fff7fceb;background:#ffffff24;border:1px solid #ffffff5c;border-radius:999px;min-height:2rem;padding:0 .7rem}.zjm-case-modal-dialog img{object-fit:contain;border-radius:.8rem;width:100%;max-height:80dvh;display:block}@media (width<=1023px){.zjm-case-view{overflow-y:auto}.zjm-case-hero,.zjm-case-main,.zjm-case-footer{grid-template-columns:1fr}.zjm-case-tags{justify-content:flex-start}.zjm-screen-board{min-height:24rem}}@media (width<=640px){.zjm-info-grid{grid-template-columns:1fr}.zjm-preview-head{flex-direction:column;align-items:flex-start}.zjm-screen-board{grid-template-columns:repeat(2,minmax(0,1fr));min-height:28rem}.zjm-screen-featured{grid-area:span 1/span 2}}.zjm-case-view{height:100%;padding:clamp(.55rem,1.1vw,.85rem);overflow:hidden}.zjm-case-board{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.48rem,.9vw,.72rem);max-width:75rem;height:100%;min-height:0}.zjm-case-hero{grid-template-columns:minmax(0,1fr) minmax(16rem,.48fr);gap:clamp(.55rem,1.3vw,.9rem)}.zjm-case-hero h2{margin:.02rem 0 .2rem;font-size:clamp(1.85rem,3.6vw,3.1rem)}.zjm-case-hero p:last-child{max-width:43rem;font-size:.86rem;line-height:1.48}.zjm-case-tags{gap:.3rem}.zjm-case-tags span,.zjm-preview-head span{min-height:1.5rem;padding:0 .5rem;font-size:.62rem}.zjm-case-main{grid-template-columns:minmax(17.5rem,.74fr) minmax(0,1.26fr);gap:clamp(.5rem,.9vw,.72rem);min-height:0}.zjm-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.42rem,.8vw,.62rem);min-height:0}.zjm-info-card{border-radius:.82rem;gap:.18rem;min-height:clamp(5.3rem,11vh,6.9rem);padding:clamp(.48rem,.9vw,.68rem)}.zjm-info-card span{font-size:.6rem}.zjm-info-card h3,.zjm-evidence-card h3{font-size:clamp(.86rem,1vw,.98rem)}.zjm-ui-preview{border-radius:.9rem;gap:.38rem;min-height:0;padding:clamp(.48rem,.9vw,.68rem);overflow:hidden}.zjm-preview-head{gap:.5rem}.zjm-preview-head div{gap:.25rem}.zjm-screen-board{grid-template-columns:minmax(0,1.06fr) repeat(2,minmax(0,.66fr));grid-auto-rows:minmax(0,1fr);gap:clamp(.32rem,.62vw,.46rem);height:clamp(15.6rem,35vh,20rem);min-height:0}.zjm-screen{border-radius:.72rem;padding:.22rem}.zjm-screen img{object-fit:contain;object-position:center;background:#ffffff70;border-radius:.5rem}.zjm-case-footer{grid-template-columns:minmax(0,1.2fr) minmax(0,1.15fr) minmax(0,1.1fr) minmax(14rem,.92fr);gap:clamp(.42rem,.8vw,.62rem)}.zjm-evidence-card{border-radius:.78rem;gap:.22rem;min-height:0;padding:clamp(.48rem,.85vw,.65rem)}.zjm-link-card .project-links{gap:.28rem}@media (width<=1023px){.zjm-case-view{overflow-y:auto}.zjm-case-board{height:auto}.zjm-case-hero,.zjm-case-main,.zjm-case-footer{grid-template-columns:1fr}.zjm-screen-board{height:auto;min-height:22rem}}@media (width<=640px){.zjm-case-view{padding:.7rem}.zjm-info-grid{grid-template-columns:1fr}.zjm-screen-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.zjm-case-view{transform-origin:top;height:100%;min-height:0;padding:clamp(.45rem,1vw,.72rem);animation:.72s cubic-bezier(.16,1,.3,1) both visualPanelReveal;overflow:hidden}.zjm-case-board{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.42rem,.85vw,.65rem);width:min(100%,75rem);height:100%;min-height:0;margin:0 auto;display:grid}.zjm-case-hero{grid-template-columns:minmax(0,1fr) minmax(15rem,.42fr);align-items:end;gap:clamp(.52rem,1.1vw,.8rem);display:grid}.zjm-case-hero .eyebrow{margin-bottom:.1rem}.zjm-case-hero h2{color:#3a2636;letter-spacing:0;margin:0 0 .16rem;font-size:clamp(1.65rem,3.15vw,2.75rem);line-height:.94}.zjm-case-hero p:last-child{color:#3f2b3cad;max-width:41rem;margin:0;font-size:.82rem;line-height:1.45}.zjm-case-tags{flex-wrap:wrap;justify-content:flex-end;gap:.28rem;display:flex}.zjm-case-tags span,.zjm-preview-head span{color:#81315f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff70;border:1px solid #ffffffb8;border-radius:999px;align-items:center;min-height:1.42rem;padding:0 .48rem;font-size:.6rem;font-weight:900;display:inline-flex}.zjm-case-main{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);gap:clamp(.46rem,.85vw,.66rem);min-height:0;display:grid}.zjm-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.38rem,.75vw,.56rem);min-height:0;display:grid}.zjm-info-card{opacity:0;min-height:clamp(4.7rem,9.5vh,5.9rem);animation:.56s cubic-bezier(.16,1,.3,1) both archiveRowPop;animation-delay:var(--case-delay,80ms);border-radius:.78rem;align-content:start;gap:.14rem;padding:clamp(.42rem,.8vw,.58rem);display:grid;transform:translateY(18px)scale(.97)}.zjm-info-card span{color:#a7397bb8;letter-spacing:.1em;font-size:.56rem;font-weight:950}.zjm-info-card h3,.zjm-evidence-card h3{color:#4c3046;letter-spacing:0;margin:0;font-size:clamp(.82rem,.95vw,.94rem);line-height:1.18}.zjm-info-card p,.zjm-evidence-card p{color:#442e41ad;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.71rem;line-height:1.34;display:-webkit-box;overflow:hidden}.zjm-ui-preview{border-radius:.86rem;grid-template-rows:auto minmax(0,1fr);gap:.34rem;min-height:0;padding:clamp(.42rem,.78vw,.58rem);display:grid;overflow:hidden}.zjm-preview-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.zjm-preview-head .eyebrow{margin:0}.zjm-preview-head div{flex-wrap:wrap;justify-content:flex-end;gap:.22rem;display:flex}.zjm-screen-board{grid-template-columns:minmax(0,1.08fr) repeat(2,minmax(0,.64fr));grid-auto-rows:minmax(0,1fr);gap:clamp(.26rem,.55vw,.42rem);height:clamp(14.8rem,33vh,19rem);min-height:0;display:grid}.zjm-screen{opacity:0;min-width:0;min-height:0;animation:.54s cubic-bezier(.16,1,.3,1) both thumbPop;animation-delay:var(--case-delay,.16s);background:linear-gradient(145deg,#ffffff80,#ffeff833),radial-gradient(circle at 15% 12%,#ff81c329,#0000 42%);border:1px solid #ffffffb8;border-radius:.72rem;padding:.2rem;transition:border-color .18s,box-shadow .18s;display:block;overflow:hidden;transform:translateY(16px)scale(.94);box-shadow:inset 0 1px #fffc,0 10px 24px #85437417}.zjm-screen:hover{border-color:#ff8fccb8;box-shadow:inset 0 1px #ffffffe0,0 14px 30px #85437421,0 0 18px #ff8fcc1f}.zjm-screen-featured{grid-row:span 2}.zjm-screen img{object-fit:contain;object-position:center;background:#ffffff70;border-radius:.48rem;width:100%;height:100%;display:block}.zjm-case-footer{grid-template-columns:minmax(0,1.18fr) minmax(0,1.12fr) minmax(0,1.08fr) minmax(13.5rem,.9fr);gap:clamp(.36rem,.72vw,.56rem);display:grid}.zjm-evidence-card{opacity:0;min-height:3.7rem;animation:.56s cubic-bezier(.16,1,.3,1) both archiveRowPop;animation-delay:var(--case-delay,.42s);border-radius:.76rem;align-content:center;gap:.18rem;padding:clamp(.42rem,.75vw,.58rem);display:grid;transform:translateY(18px)scale(.97)}.zjm-link-card .project-links{flex-wrap:wrap;gap:.26rem;display:flex}.zjm-link-card .project-links a{min-height:1.72rem;padding:0 .5rem;font-size:.68rem}.zjm-case-modal{z-index:95;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#160e1694;place-items:center;padding:clamp(.75rem,2vw,1.35rem);display:grid;position:fixed;inset:0}.zjm-case-modal-dialog{background:linear-gradient(145deg,#fff3,#ffe5f51a),#2b1e2b42;border:1px solid #ffffff57;border-radius:1rem;grid-template-columns:minmax(0,1fr) 16rem;gap:1rem;width:min(68rem,90vw);height:min(40rem,82dvh);min-height:0;padding:.75rem;display:grid;box-shadow:0 28px 90px #00000057}.zjm-case-modal-image{background:#ffffff1a;border-radius:.82rem;justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(.8rem,2vw,1.35rem);display:flex;overflow:hidden}.zjm-case-modal-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(82dvh - 4rem);display:block}.zjm-case-modal-info{color:#fff7fce6;flex-direction:column;justify-content:center;gap:.7rem;min-width:0;display:flex}.zjm-case-modal-info h3{color:#fff7fc;margin:0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.16}.zjm-case-modal-info p{color:#fff7fcc2;margin:0;font-size:.88rem;line-height:1.55}@media (width<=1023px){.zjm-case-view{overflow-y:auto}.zjm-case-board{height:auto}.zjm-case-hero,.zjm-case-main,.zjm-case-footer,.zjm-case-modal-dialog{grid-template-columns:1fr}.zjm-case-tags{justify-content:flex-start}.zjm-screen-board{height:auto;min-height:23rem}.zjm-case-modal-dialog{height:min(88dvh,42rem)}.zjm-case-modal-image{max-height:58dvh}}@media (width<=640px){.zjm-case-view{padding:.65rem}.zjm-info-grid{grid-template-columns:1fr}.zjm-preview-head{flex-direction:column;align-items:flex-start}.zjm-screen-board{grid-template-columns:repeat(2,minmax(0,1fr))}.zjm-screen-featured{grid-area:span 1/span 2}}@media (prefers-reduced-motion:reduce){.zjm-case-view,.zjm-info-card,.zjm-screen,.zjm-evidence-card{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}.zjm-case-main{grid-template-columns:minmax(16rem,.85fr) minmax(0,1.45fr);gap:clamp(.65rem,1.1vw,.95rem)}.zjm-info-grid{gap:.62rem}.zjm-info-card{min-height:6.1rem;max-height:7.45rem;padding:.78rem;overflow:visible}.zjm-info-card p,.zjm-evidence-card p{text-overflow:unset;-webkit-box-orient:initial;-webkit-line-clamp:unset;display:block;overflow:visible}.zjm-ui-preview{gap:.32rem;padding:.55rem}.zjm-preview-head{min-height:1.35rem}.zjm-preview-head div{opacity:.72;gap:.18rem}.zjm-preview-head span{min-height:1.05rem;box-shadow:none;background:#ffffff2e;border-color:#ffffff59;padding:0 .32rem;font-size:.52rem}.zjm-screen-board{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.08fr) repeat(2,minmax(0,.68fr));gap:.38rem;height:clamp(16.4rem,39vh,22rem);min-height:0}.zjm-screen{justify-content:center;align-items:center;min-height:0;padding:.18rem;display:flex}.zjm-screen img{object-fit:contain;object-position:center;width:100%;height:100%}.zjm-case-footer{gap:.5rem}.zjm-evidence-card{min-height:3.6rem;padding:.58rem .68rem}.zjm-link-card .project-links a{min-height:1.58rem}@media (width<=1023px){.zjm-case-main{grid-template-columns:1fr}.zjm-screen-board{height:auto;min-height:25rem}}@media (width<=640px){.zjm-info-card{max-height:none}.zjm-screen-board{grid-template-columns:repeat(2,minmax(0,1fr));min-height:31rem}.zjm-screen-featured{grid-area:span 1/span 2}}.zjm-case-board{grid-template-rows:auto auto auto;gap:clamp(.42rem,.76vw,.62rem);height:auto;min-height:0}.zjm-case-main{grid-template-columns:minmax(17rem,.92fr) minmax(0,1.42fr);align-items:stretch;gap:clamp(.58rem,1vw,.82rem)}.zjm-info-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:clamp(.5rem,.8vw,.64rem);height:100%}.zjm-info-card{height:100%;min-height:0;max-height:none;padding:clamp(.72rem,1vw,.92rem)}.zjm-info-card h3{margin-top:.08rem}.zjm-info-card p{font-size:clamp(.72rem,.86vw,.82rem);line-height:1.42}.zjm-ui-preview{align-self:stretch;height:auto;padding:clamp(.48rem,.72vw,.64rem)}.zjm-screen-board{align-self:stretch;height:clamp(18.2rem,42vh,23.8rem)}.zjm-screen{padding:clamp(.14rem,.24vw,.22rem)}.zjm-case-footer{margin-top:0}@media (width>=1280px){.zjm-screen-board{height:clamp(19rem,43vh,24.5rem)}}@media (width<=1023px){.zjm-case-board{height:auto}.zjm-info-grid{grid-template-rows:none;height:auto}.zjm-info-card{min-height:6.4rem}.zjm-screen-board{height:auto;min-height:25rem}}@media (width<=640px){.zjm-info-grid{grid-template-columns:1fr}.zjm-screen-board{min-height:31rem}}.zjm-case-view{align-self:start;height:auto;min-height:0;padding-bottom:clamp(1rem,2vw,1.75rem)}.zjm-case-board{height:auto;min-height:0;padding-bottom:0}.zjm-case-main{height:auto;min-height:0}.zjm-case-footer{margin-bottom:0;padding-bottom:0}.view-stage-case{align-self:start;height:auto;min-height:0}.view-stage-case .view-chrome-line{inset:.5rem}.view-panel-case{align-self:start;height:auto;min-height:0;padding-bottom:3rem}.view-panel-case .view-content{height:auto;min-height:0;padding-bottom:0;overflow:visible}.view-panel-case .zjm-case-view,.view-panel-case .zjm-case-board{padding-bottom:0}.contact-view-simple{place-items:center;min-height:0;display:grid;overflow:hidden}.contact-card-simple{border-radius:clamp(1.45rem,3vw,2.25rem);grid-template-columns:minmax(0,1fr) minmax(16rem,.78fr);align-items:center;gap:clamp(1.4rem,4vw,4rem);width:min(100%,62rem);min-height:clamp(24rem,58vh,34rem);padding:clamp(1.8rem,4vw,4rem);animation:.52s both visual-soft-enter;display:grid}.contact-card-simple:before{background:radial-gradient(circle at 78% 35%,#ff82c429,#0000 17rem),radial-gradient(circle at 88% 74%,#9fc7e833,#0000 18rem),radial-gradient(circle at 18% 20%,#ffffffb8,#0000 16rem)}.contact-simple-copy{align-content:center;gap:clamp(1rem,2vw,1.45rem);display:grid}.contact-card-simple h2{color:#321e2f;font-family:var(--font-display);letter-spacing:0;text-shadow:0 .12rem #ffffffe6,0 1rem 2.2rem #c653962e;margin:0;font-size:clamp(3.4rem,8vw,6.4rem);font-weight:950;line-height:.95}.contact-simple-methods{gap:.8rem;width:min(100%,27rem);margin:0;display:grid}.contact-simple-methods div{border-bottom:1px solid #c9adc457;grid-template-columns:4.2rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.2rem;padding:.35rem 0;display:grid}.contact-simple-methods dt{color:#5d38558f;font-size:.9rem;font-weight:850}.contact-simple-methods dd{color:#44243d;word-break:break-word;margin:0;font-size:clamp(1.02rem,2vw,1.25rem);font-weight:900}.contact-simple-actions{gap:.62rem;margin-top:.2rem}.contact-simple-actions a{background:linear-gradient(135deg,#ffffffbd,#ffffff5c),radial-gradient(circle at 70% 20%,#ff71bc29,#0000 42%);border:1px solid #fffc;min-height:2.85rem;padding:0 1.15rem;box-shadow:inset 0 0 1rem #ffffffb8,0 .7rem 1.7rem #8452801a}.contact-simple-actions a:hover{border-color:#ff89cc9e;box-shadow:inset 0 0 1rem #ffffffd1,0 .9rem 2rem #84528021,0 0 1.6rem #ff7ec324}.contact-card-simple .copyright-line{color:#432b3f75;font-family:var(--font-accent);margin:clamp(.7rem,1.5vw,1.2rem) 0 0;font-size:.82rem;font-weight:800}.contact-butterfly-visual{place-items:center;min-height:clamp(14rem,34vw,24rem);display:grid;position:relative;overflow:visible}.contact-butterfly-glow{filter:blur(2px);background:radial-gradient(circle at 48% 42%,#ffffffc7,#0000 35%),radial-gradient(circle at 52% 48%,#ff80c633,#0000 52%),radial-gradient(circle at 60% 58%,#9fc7e838,#0000 62%);border-radius:50%;position:absolute;inset:10% 3% 5%}.contact-butterfly-image{z-index:1;object-fit:contain;filter:drop-shadow(0 1.4rem 2.2rem #6f426f29)drop-shadow(0 0 1.6rem #ff80c624);background:0 0;width:min(100%,24rem);max-height:23rem;animation:6.8s ease-in-out infinite contact-butterfly-float;display:block;position:relative}@keyframes contact-butterfly-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-.55rem)rotate(1.2deg)}}@media (width<=900px){.contact-card-simple{grid-template-columns:1fr;gap:1.4rem;min-height:0}.contact-butterfly-visual{order:-1;min-height:12rem}.contact-butterfly-image{width:min(72vw,17rem);max-height:16rem}}@media (width<=640px){.contact-card-simple{padding:1.25rem}.contact-simple-methods div{grid-template-columns:1fr;gap:.18rem}.contact-simple-actions a{width:100%}}.contact-card-simple{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:center;gap:clamp(2rem,4.5vw,5rem);padding:clamp(2.1rem,4.8vw,4.6rem)}.contact-simple-copy{gap:clamp(.85rem,1.65vw,1.25rem)}.contact-kicker{color:#ef5caddb;font-family:var(--font-accent);letter-spacing:.24em;margin:0;font-size:.78rem;font-weight:900}.contact-title{color:#241424;font-family:"Alimama ShuHeiTi", var(--font-display);letter-spacing:-.08em;-webkit-text-stroke:1px #ffffff73;text-shadow:0 1px #fffc,0 1.15rem 2.7rem #d25ca029;margin:0;font-size:clamp(4.5rem,9vw,9.25rem);font-weight:900;line-height:.88}.contact-short{color:#412a46a8;max-width:27rem;margin:0;font-size:clamp(.98rem,1.4vw,1.1rem);line-height:1.7}.contact-lines{width:min(100%,39rem);margin-top:clamp(.45rem,1vw,.85rem);display:grid}.contact-line{border-bottom:1px solid #d278b447;grid-template-columns:3rem 4.8rem minmax(0,1fr);align-items:baseline;gap:clamp(.8rem,1.6vw,1.15rem);padding:clamp(.9rem,1.6vw,1.15rem) 0;text-decoration:none;transition:border-color .18s,transform .18s;display:grid}.contact-line:first-child{border-top:1px solid #d278b42e}.contact-line:hover{border-color:#ef5cad75;transform:translate(.18rem)}.contact-index{color:#ef5cad;font-family:var(--font-accent);letter-spacing:.16em;font-size:.78rem;font-weight:900}.contact-label{color:#412a469e;font-family:var(--font-body);font-size:.95rem;font-weight:850}.contact-line strong{color:#2c172d;min-width:0;font-family:var(--font-accent), var(--font-body);letter-spacing:-.03em;word-break:break-word;font-size:clamp(1.35rem,2.45vw,2.35rem);font-weight:900;line-height:1}.contact-actions{flex-wrap:wrap;gap:.65rem;margin-top:clamp(.45rem,1vw,.8rem);display:flex}.contact-actions a{color:#4a2442;background:linear-gradient(135deg,#ffffffad,#ffffff52),radial-gradient(circle at 75% 20%,#ff71bc26,#0000 42%);border:1px solid #ffffffd1;border-radius:999px;justify-content:center;align-items:center;min-height:2.72rem;padding:0 1.12rem;font-size:.88rem;font-weight:900;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 .9rem #ffffffb8,0 .55rem 1.45rem #84528017}.contact-actions a:hover{border-color:#ff89cca8;transform:translateY(-.12rem);box-shadow:inset 0 0 1rem #ffffffd1,0 .8rem 1.7rem #8452801f,0 0 1.4rem #ff7ec321}.contact-card-simple .copyright-line{margin-top:clamp(.6rem,1.2vw,1rem)}.contact-butterfly-visual{background:linear-gradient(145deg,#ffffff80,#ffffff29),radial-gradient(circle at 30% 20%,#ff85c729,#0000 42%),radial-gradient(circle at 78% 76%,#97c6e838,#0000 48%);border:1px solid #ffffffad;border-radius:clamp(1.3rem,2.6vw,2rem);min-height:clamp(18rem,38vw,28rem);padding:clamp(1rem,2.2vw,1.6rem);animation:.52s both visual-soft-enter,7.5s ease-in-out .52s infinite contact-card-drift;overflow:hidden;transform:rotate(-2deg);box-shadow:inset 0 0 1.5rem #ffffff9e,0 1.2rem 3rem #573f601a}.contact-card-labels{z-index:2;flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;top:1rem;left:1rem}.contact-card-labels span{color:#4e32498a;font-family:var(--font-accent);letter-spacing:.12em;background:#ffffff38;border:1px solid #ffffff8f;border-radius:999px;padding:.28rem .46rem;font-size:.58rem;font-weight:900}@keyframes contact-card-drift{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-.36rem)rotate(-1deg)}}@media (width<=900px){.contact-card-simple{grid-template-columns:1fr;padding:clamp(1.4rem,5vw,2.2rem)}.contact-butterfly-visual{order:2;min-height:14rem;transform:none}.contact-line{grid-template-columns:2.6rem 4rem minmax(0,1fr)}}@media (width<=640px){.contact-title{font-size:clamp(3.5rem,18vw,5.6rem)}.contact-line{grid-template-columns:2.4rem minmax(0,1fr);gap:.35rem .8rem}.contact-label{grid-column:2}.contact-line strong{grid-column:1/-1;padding-left:3.2rem;font-size:clamp(1.18rem,6vw,1.7rem)}.contact-actions a{width:100%}}.contact-card-simple{grid-template-columns:minmax(0,1.5fr) minmax(15.5rem,.78fr);gap:clamp(1.3rem,2.8vw,3.2rem);width:min(100%,78rem);min-height:clamp(34rem,74vh,42rem)}.contact-lines{width:min(100%,44rem)}.contact-line strong{white-space:nowrap;word-break:normal;overflow-wrap:normal}.contact-butterfly-visual{min-height:clamp(16rem,30vw,23rem);padding:clamp(.85rem,1.8vw,1.35rem)}.contact-butterfly-image{width:min(88%,19.5rem);max-height:20rem}@media (width<=1100px){.contact-card-simple{grid-template-columns:minmax(0,1.58fr) minmax(13.5rem,.62fr);width:min(100%,70rem)}.contact-line{grid-template-columns:2.8rem 4.2rem minmax(24rem,1fr)}}@media (width<=900px){.contact-card-simple{grid-template-columns:1fr;min-height:0}.contact-line{grid-template-columns:3rem 4.5rem minmax(0,1fr)}.contact-line strong{white-space:normal;overflow-wrap:anywhere}}.contact-line{grid-template-columns:4.8rem minmax(28.75rem,1fr)}@media (width<=1100px){.contact-line{grid-template-columns:4.2rem minmax(24rem,1fr)}}@media (width<=900px){.contact-line{grid-template-columns:4.5rem minmax(0,1fr)}}@media (width<=640px){.contact-line{grid-template-columns:1fr}.contact-label,.contact-line strong{grid-column:auto}.contact-line strong{padding-left:0}}.view-panel{transform-origin:top;animation:.76s cubic-bezier(.16,1,.3,1) both viewSoftReveal}@keyframes viewSoftReveal{0%{opacity:0;filter:blur(18px);transform:translateY(1.75rem)scale(.965)}55%{opacity:1;filter:blur(2px);transform:translateY(-.25rem)scale(1.006)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.cursor-glow{opacity:.62;mix-blend-mode:multiply}.cursor-glow:after{content:"";background:radial-gradient(circle at var(--cursor-x) var(--cursor-y), #ff6bbc1f, #bedcff12 16%, transparent 32%);pointer-events:none;position:fixed;inset:-35vmax}.nav-links button,.brand-mark{transition:border-color .22s,background .22s,box-shadow .22s,color .22s,transform .22s}.nav-links button:hover,.brand-mark:hover{transform:translateY(-.08rem);box-shadow:inset 0 0 1.05rem #ffffffc2,0 .75rem 1.65rem #cd5a9e1a,0 0 1.4rem #ff8bca21}.nav-links button.active{box-shadow:inset 0 0 1.2rem #ffffffd1,0 .8rem 1.8rem #cd5a9e1f,0 0 1.55rem #9fc7e829}.project-card,.zjm-info-card,.zjm-evidence-card,.zjm-ui-preview,.archive-thumb,.process-comic-card,.tools-panel,.contact-card-simple,.contact-line,.contact-actions a,.zjm-screen,.nail-mix-shot,.ui-kit-preview-board span{transition:transform .28s,box-shadow .28s,border-color .28s,background .28s,filter .28s}.project-card,.zjm-info-card,.zjm-evidence-card,.zjm-ui-preview,.process-comic-card,.tools-panel,.contact-card-simple{position:relative}.project-card:after,.zjm-info-card:after,.zjm-evidence-card:after,.zjm-ui-preview:after,.process-comic-card:after,.tools-panel:after,.contact-card-simple:after,.archive-thumb-inner:after,.zjm-screen:after,.nail-mix-shot:after,.ui-kit-preview-board span:after{z-index:2;content:"";opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 34%,#ffffff85 48%,#ff78c826 53%,#0000 66%);transition:transform .56s,opacity .26s;position:absolute;inset:-45%;transform:translate(-82%)rotate(8deg)}.project-card:hover,.zjm-info-card:hover,.zjm-evidence-card:hover,.process-comic-card:hover,.tools-panel:hover,.contact-card-simple:hover{border-color:#ff91cd9e;transform:translateY(-.22rem);box-shadow:0 1.05rem 2.25rem #d25aa021,inset 0 1px #ffffffdb}.archive-thumb:hover,.zjm-screen:hover,.nail-mix-shot:hover,.ui-kit-preview-board span:hover,.contact-actions a:hover,.contact-line:hover{border-color:#ff91cd9e;transform:translateY(-.18rem);box-shadow:0 .9rem 1.8rem #d25aa01f,0 0 1.25rem #9fc7e81f,inset 0 1px #ffffffd1}.project-card:hover:after,.zjm-info-card:hover:after,.zjm-evidence-card:hover:after,.zjm-ui-preview:hover:after,.process-comic-card:hover:after,.tools-panel:hover:after,.contact-card-simple:hover:after,.archive-thumb:hover .archive-thumb-inner:after,.zjm-screen:hover:after,.nail-mix-shot:hover:after,.ui-kit-preview-board span:hover:after{opacity:1;transform:translate(82%)rotate(8deg)}.archive-thumb-inner,.zjm-screen,.nail-mix-shot,.ui-kit-preview-board span{position:relative}.home-butterfly-image,.hero-title-image,.contact-butterfly-image{animation:7s ease-in-out infinite portfolioFloat}@keyframes portfolioFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-.45rem)}}.project-card,.archive-row,.process-comic-card,.zjm-info-card,.zjm-screen,.zjm-evidence-card,.contact-line{animation:.62s cubic-bezier(.16,1,.3,1) both itemSoftReveal}.project-index .project-card:first-child{animation-delay:80ms}.project-index .project-card:nth-child(2){animation-delay:.15s}.project-index .project-card:nth-child(3){animation-delay:.22s}.project-index .project-card:nth-child(4){animation-delay:.29s}.archive-row:first-child{animation-delay:80ms}.archive-row:nth-child(2){animation-delay:.15s}.archive-row:nth-child(3){animation-delay:.22s}.archive-row:nth-child(4){animation-delay:.29s}.process-comic-card:first-child{animation-delay:80ms}.process-comic-card:nth-child(2){animation-delay:.14s}.process-comic-card:nth-child(3){animation-delay:.2s}.process-comic-card:nth-child(4){animation-delay:.26s}.process-comic-card:nth-child(5){animation-delay:.32s}.process-comic-card:nth-child(6){animation-delay:.38s}.zjm-info-card:first-child,.zjm-screen:first-child,.zjm-evidence-card:first-child,.contact-line:first-child{animation-delay:90ms}.zjm-info-card:nth-child(2),.zjm-screen:nth-child(2),.zjm-evidence-card:nth-child(2),.contact-line:nth-child(2){animation-delay:.15s}.zjm-info-card:nth-child(3),.zjm-screen:nth-child(3),.zjm-evidence-card:nth-child(3){animation-delay:.21s}.zjm-info-card:nth-child(4),.zjm-screen:nth-child(4),.zjm-evidence-card:nth-child(4){animation-delay:.27s}.zjm-screen:nth-child(5){animation-delay:.33s}@keyframes itemSoftReveal{0%{opacity:0;filter:blur(10px);transform:translateY(.9rem)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.artwork-modal-backdrop,.zjm-case-modal{animation:.26s both modalFadeIn}.artwork-modal,.zjm-case-modal-dialog{animation:.42s cubic-bezier(.16,1,.3,1) both modalSoftPop}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSoftPop{0%{opacity:0;filter:blur(12px);transform:translateY(1rem)scale(.965)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (pointer:coarse){.cursor-glow:after{display:none}.project-card:hover,.zjm-info-card:hover,.zjm-evidence-card:hover,.process-comic-card:hover,.tools-panel:hover,.contact-card-simple:hover,.archive-thumb:hover,.zjm-screen:hover,.nail-mix-shot:hover,.ui-kit-preview-board span:hover,.contact-actions a:hover,.contact-line:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-copy .hero-lead{max-width:30rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);line-height:1.62}.home-copy .hero-actions{margin-top:0}.hero-text-title{letter-spacing:-.02em;color:#2b2b3a;margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.brand-text{letter-spacing:.02em;color:#2b2b3a;white-space:nowrap;font-size:1rem;font-weight:700}