/* Approved editorial interior. All coordinates use the existing archive canvas. */
#sheet{font-family:Arial,'Microsoft YaHei',sans-serif}
.profile{left:44px;top:30px;width:398px}.archive-eyebrow{font-size:8px;letter-spacing:.5px;margin-bottom:14px;display:flex;justify-content:space-between}.archive-eyebrow span{font-size:6px;letter-spacing:1px}
.profile h1{font-family:'Arial Black',Arial,sans-serif;font-size:81px;letter-spacing:-5px;line-height:.98;font-weight:1000}.profile-title h2{font:900 34px/1.2 Arial,'Microsoft YaHei',sans-serif;letter-spacing:-1px}.slogan{font:9px/1.4 Arial,sans-serif;letter-spacing:3px;margin:7px 0 14px}
.manifesto{position:relative;font-size:32px;line-height:1.3;letter-spacing:-1px;margin:0 0 20px;font-weight:900;width:100%}.manifesto svg{position:absolute;bottom:-12px;left:72px;width:142px;height:14px;fill:none;stroke:#ac3d26;stroke-width:3;stroke-linecap:round}.manifesto path{stroke-dasharray:220;stroke-dashoffset:0}
.profile dl>div{grid-template-columns:88px 1fr;min-height:35px;border-top:1px solid #736b5140;align-items:center}.profile dt{font-size:15px;font-weight:800;letter-spacing:0}.profile dt small{font-size:7px;letter-spacing:.5px;margin-top:2px}.profile dd,.profile dd.hand,.profile .skills dd,.profile .about dd{font-family:Arial,'Microsoft YaHei',sans-serif;font-weight:400;font-style:normal;white-space:normal;color:#111}.profile dd{font-size:16px;line-height:1.4;border-left:1px dashed #83755a66;padding-left:16px}.profile .skills{height:83px}.profile .skills dd{font-size:11px;gap:0;line-height:1.4}.skills dd>span{display:flex;gap:8px;align-items:center;padding:7px 5px}.skills dd>span:nth-child(even){border-left:1px solid #847c6140}.skills dd>span:nth-child(n+3){border-top:1px solid #847c6140}.skills svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.skills b{font-size:12px;font-weight:700}.skills small{display:block;font-size:6px;letter-spacing:.4px}.profile .about{height:53px;min-height:53px;padding:6px 0;border-bottom:0}.profile .about dd{font-size:11px;line-height:1.55}
.receipt-ticket{position:relative;background:#f7f0dc url('assets/paper-fiber.svg');background-size:180px 200px;border:1px solid #cbbd9d66;box-shadow:1px 3px 3px #56412324;transition:translate 260ms ease,rotate 260ms ease,box-shadow 260ms ease;isolation:isolate}.receipt-ticket:before,.receipt-ticket:after{content:'';position:absolute;top:calc(50% - 5px);width:6px;height:10px;border-radius:50%;background:#faf7ef;pointer-events:none}.receipt-ticket:before{left:-3px}.receipt-ticket:after{right:-3px}.receipt-ticket small{display:block;font:7px/1.5 Arial,sans-serif;letter-spacing:1px}.receipt-ticket b{font-size:17px;line-height:1.4}.resume-ticket{width:100%;height:51px;padding:6px 17px;display:flex;justify-content:space-between;text-align:left;align-items:center;margin-top:3px;rotate:-.4deg}.receipt-code{border-left:1px dashed #71634988;padding-left:20px;width:135px}.barcode{display:block;height:24px;width:100%;background:repeating-linear-gradient(90deg,#191919 0 1px,transparent 1px 3px,#191919 3px 6px,transparent 6px 8px,#191919 8px 10px,transparent 10px 11px,#191919 11px 12px,transparent 12px 16px)}.profile-footer{height:43px;gap:14px}.profile-footer b{font:900 16px/1 Arial,sans-serif}.profile-footer small{font-size:6px;margin-top:4px}.contact-envelope{font:28px Arial}.footer-rule{flex:1;border-top:1px solid #8a7b5c66}
.red-sticker,.red-sticker:hover{left:326px;top:66px;transform:scale(.93);transform-origin:top left}
#cards{left:487px;top:29px;width:431px;height:566px!important}.work-art{height:100%!important;width:100%;padding:27px 22px 90px;box-sizing:border-box}.work-kicker{font:9px/1.4 Arial,sans-serif;padding:4px 0 8px;letter-spacing:1px}.work-project{font-size:29px;line-height:1.3;margin:9px 0 5px;letter-spacing:-.5px;padding-right:22px}.work-cover{margin:13px -4px 13px;border-width:6px}.work-cover img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}.work-title{font-size:29px;line-height:1.22;font-weight:900;letter-spacing:-.8px;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.work-number,.work-role,.work-action{display:none}.work-tags{font:10px/1.5 Arial,'Microsoft YaHei',sans-serif;margin-top:0;gap:5px 8px}.project-tabs{right:-38px;top:145px;gap:40px}.project-tab,.project-tab:first-child{width:65px;min-height:55px;font:12px/1.5 Arial,'Microsoft YaHei',sans-serif}.project-tab:nth-child(2){--paper:#f6f1e4}.project-tab:nth-child(3){--paper:#c9dfe7}.clip{left:519px;top:-2px}.star-seal{left:867px;top:64px;width:57px;height:57px}.blue-stamp{display:none!important}
.play-ticket{position:absolute;z-index:6;bottom:17px;left:15px;right:15px;height:63px;display:flex;align-items:center;padding:8px 12px;gap:12px}.play-ticket:before,.play-ticket:after{background:var(--page-paper)}#playTicket{display:flex;gap:10px;align-items:center;text-align:left;flex-shrink:0}#playTicket b{font-size:17px}.ticket-play{display:grid;place-items:center;width:40px;height:40px;background:#111;border-radius:50%;color:white;padding-left:3px;font-size:21px}.play-ticket>.barcode{height:27px;width:64px;border-left:1px dashed #8c795a;padding-left:10px;flex-shrink:1}.ticket-navigation{display:flex;gap:5px;align-items:center;flex:1;justify-content:space-between}.ticket-navigation .card-arrow{position:static;width:28px;height:34px;font-size:27px;background:transparent;box-shadow:none;flex-shrink:0;transition:background .2s}.ticket-navigation .card-arrow:hover{background:#e6d6a3}.ticket-navigation .card-count{position:static;font:9px Arial,sans-serif;white-space:nowrap;letter-spacing:1px}.play-ticket:has(button:focus-visible),.resume-ticket:focus-visible{outline:2px solid #a74b32;outline-offset:4px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.receipt-ticket:hover{translate:0 -3px;rotate:.3deg;box-shadow:2px 7px 7px #56412330}.receipt-ticket:active{translate:0 0;rotate:0deg;box-shadow:0 1px 2px #56412325}#cards:not(.stack-enabled):not(.is-tearing):hover>#portfolioCard{transform:translateY(-6px)}#cards:not(.stack-enabled):not(.is-tearing):hover #portfolioCard .work-cover img{transform:none}#cards:not(.stack-enabled):not(.is-tearing):hover #portfolioCard .work-tags{translate:0 0}#cards:not(.stack-enabled):not(.is-tearing):hover>.green-under{transform:translateY(-4px) rotate(1deg)}#cards:not(.stack-enabled):not(.is-tearing):hover>.red-under{transform:translateY(-2px) rotate(-1deg)}#cards:not(.stack-enabled):not(.is-tearing):hover>.stack-extra-one{transform:rotate(-2deg)}#cards:not(.stack-enabled):not(.is-tearing):hover>.stack-extra-two{transform:rotate(2deg)}#sheet:has(#cards:not(.stack-enabled):not(.is-tearing):hover)>.clip{translate:0 -6px}.manifesto:hover path{animation:editorial-line .7s ease-out}@keyframes editorial-line{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}}
@media(prefers-reduced-motion:reduce){.receipt-ticket{transition:none;translate:none!important;rotate:none!important}.manifesto path{animation:none!important}}
@media(max-width:600px){.mobile-open .profile{left:28px;top:44px;width:398px;transform:scale(.86)}.mobile-open .profile h1{font-size:81px}.mobile-open .profile-title h2{font-size:34px}.mobile-open .profile dd{font-size:16px}.mobile-open .profile .skills dd{font-size:11px}.mobile-open .profile .about dd{font-size:11px}.mobile-open .red-sticker,.mobile-open .red-sticker:hover{left:270px;top:77px;transform:scale(.77)}.mobile-open #cards{left:25px;top:606px;width:340px;height:538px!important}.mobile-open .work-art{width:340px;padding:24px 18px 88px}.mobile-open .work-kicker{font-size:8px}.mobile-open .work-project{font-size:25px}.mobile-open .work-title{font-size:25px;line-height:1.25}.mobile-open .work-tags{font-size:10px}.mobile-open .project-tabs{right:-24px;top:140px;gap:35px}.mobile-open .project-tab{width:56px;font-size:10px}.mobile-open .star-seal{left:321px;top:640px;width:47px;height:47px}.mobile-open .clip{left:43px;top:587px}.mobile-open .play-ticket{left:10px;right:10px;gap:9px;padding:8px 9px}.mobile-open #playTicket b{font-size:14px}.mobile-open .ticket-play{width:32px;height:32px;font-size:17px}.mobile-open .play-ticket>.barcode{width:35px}.mobile-open .ticket-navigation .card-arrow{width:25px}.mobile-open #sheet{height:1200px}}
.project-tab,.project-tab.active{white-space:nowrap;font-family:Arial,'Microsoft YaHei',sans-serif;font-size:12px}.project-tab.active{font-weight:700}
body:has(#canvas.opened) #referenceNote{display:none}
.receipt-ticket button:active{transform:translateY(1px)}
@media(max-width:600px){.mobile-open .project-tab,.mobile-open .project-tab.active{font-size:10px}.mobile-open #cards{height:520px!important}}

/* A real cut-paper silhouette: transparent perforations and contour-following shadow. */
.receipt-ticket{background:none;border:0;box-shadow:none!important;filter:drop-shadow(0 2px 1px #58412226);transition:translate 260ms ease,rotate 260ms ease,filter 260ms ease}
.receipt-ticket:before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:0;z-index:-1;background:#f7f0dc url('assets/paper-fiber.svg');background-size:180px 200px;mask:url('assets/ticket-edge.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('assets/ticket-edge.svg') 0 0/100% 100% no-repeat;pointer-events:none}
.receipt-ticket:after{display:none}
.receipt-code{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.ticket-navigation .card-arrow{border:1px solid #bbaa7c40;border-radius:3px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.receipt-ticket:hover{filter:drop-shadow(1px 5px 3px #58412232)}.receipt-ticket:active{filter:drop-shadow(0 1px 1px #58412225)}}