/* ShiRan editorial imagery and project interfaces */
.work-list{gap:72px}.work-card{grid-template-columns:1.18fr 1fr;gap:6%}.work-visual{position:relative;padding:27px 30px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.visual-meta,.visual-bottom{display:flex;justify-content:space-between;gap:14px;font:10px/1.6 Arial,sans-serif;letter-spacing:1.1px}.visual-bottom{font-size:10px;letter-spacing:.6px}.bot-visual{background:#dbe2d4;color:#536448}.message-preview{width:min(100%,310px);margin:25px auto 28px;border:1px solid #ffffffb0;border-radius:14px;background:#f8f9f5;box-shadow:0 18px 40px -12px #32462d30;transform:rotate(-3deg);overflow:hidden}.message-header{display:flex;align-items:center;gap:10px;padding:15px;background:#fff;border-bottom:1px solid #edf0e9}.bot-avatar{width:34px;height:34px;background:#506246;border-radius:10px;color:#fff;font:18px/34px 'Noto Serif TC',serif;text-align:center}.message-header strong{font-size:12px;font-weight:500;display:block}.message-header small{display:block;font-size:9px;color:#8a9184;margin-top:4px}.header-menu{margin-left:auto;letter-spacing:2px}.message-body{padding:16px}.date-divider{display:block;text-align:center;font-size:9px;color:#99a08e}.sent-message{position:relative;width:fit-content;margin:18px 0 18px auto;background:#dce7d1;padding:9px 12px;border-radius:10px 10px 2px 10px;font-size:11px}.sent-message small{position:absolute;font-size:8px;left:-30px;bottom:3px;color:#a1a991}.received-message{width:91%;padding:16px;background:#fff;border:1px solid #e6ebdf;border-radius:3px 12px 12px 12px}.received-message>strong{font-size:12px;font-weight:500}.received-message p{font-size:10px;color:#929b85;margin:7px 0 13px}.leave-choices{display:grid;gap:7px}.leave-choices>span{padding:8px 10px;border:1px solid #e1e7d9;font-size:11px;border-radius:5px;display:flex;gap:12px}.leave-choices b{font:10px Georgia;color:#a4af97}.leave-choices i{font-style:normal;margin-left:auto;color:#8d9b7f}.message-composer{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#9aa38c;align-items:center}.message-composer b{font-size:18px;font-weight:400}.attendance-visual{background:#293b35;color:#d5dfd4}.attendance-preview{margin:35px auto;width:100%;background:#fbfbf8;border:1px solid #ffffff70;border-radius:9px;box-shadow:0 24px 55px #0a1a1840;transform:rotate(2deg);color:#334237;overflow:hidden}.dashboard-nav{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #edf0e8;gap:12px}.dashboard-nav>strong{font:16px 'Noto Serif TC',serif;white-space:nowrap}.dashboard-nav>strong span{color:#a57850}.dashboard-nav>div{display:flex;gap:15px;font-size:9px;color:#9ba290}.dashboard-nav .selected{color:#35492e}.profile-initial{width:22px;height:22px;border-radius:50%;background:#e8ecdf;text-align:center;font:10px/22px Georgia}.dashboard-content{padding:21px}.dashboard-title{display:flex;justify-content:space-between;align-items:center}.dashboard-title small{font:8px Arial;letter-spacing:1px;color:#98a28d}.dashboard-title h4{font:19px 'Noto Serif TC',serif;margin:8px 0 18px}.dashboard-title>span{font-size:9px;line-height:1.7;text-align:right;color:#9aa38e}.dashboard-title>span b{font:10px Arial;letter-spacing:1px}.clock-panel{border:1px solid #e4e8dd;background:#f0f3e9;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.clock-panel small{display:block;font-size:9px;color:#859274}.clock-panel strong{font:38px Georgia;display:block;margin-top:5px}.clock-panel strong span{color:#a8b297;margin:0 2px}.clock-action{font-size:10px;padding:11px 13px;color:#f7f8f3;background:#506342;white-space:nowrap}.dashboard-cells{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dashboard-cells>div{border:1px solid #e8ece2;padding:13px 11px}.dashboard-cells small{display:block;font-size:9px;color:#8a967a}.dashboard-cells strong{display:flex;justify-content:space-between;font-size:11px;font-weight:400;margin-top:7px;gap:6px}.dashboard-cells strong span{color:#96a284}.dashboard-footer{margin-top:20px;display:flex;justify-content:space-between;font-size:8px;color:#a1a991;letter-spacing:.5px}.editorial-hero{margin:0;position:relative;align-self:stretch;min-height:450px}.editorial-hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}.editorial-hero figcaption{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;color:#4a5645;font:10px Arial;letter-spacing:1.6px}.website-visual{padding:0;background:#dddcd0;min-height:440px}.website-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.brand-overlay{position:absolute;left:25px;top:25px;right:25px;font:10px Arial;letter-spacing:1.6px;color:#4c5b41;display:flex;justify-content:space-between}.brand-project-label{position:relative;z-index:1;margin:auto 24px 24px;padding:18px 21px;background:#f9f7efeb;border:1px solid #fff8;backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:14px}.brand-project-label strong{font:24px 'Noto Serif TC',serif;font-weight:400}.brand-project-label small{display:block;font:9px Arial;letter-spacing:1.5px;margin-top:7px;color:#829070}.brand-project-label>span{font-size:12px;color:#728365}.work-visual,.editorial-hero{isolation:isolate}.work-copy h3{line-height:1.6}.work-copy .eyebrow{line-height:1.8}.work-card details{margin-top:26px}@media(max-width:850px){.work-visual{padding:22px;min-height:410px}.visual-meta span:last-child{display:none}.dashboard-content{padding:15px}.dashboard-title h4{font-size:16px}.clock-panel{padding:13px}.clock-panel strong{font-size:29px}.clock-action{font-size:9px;padding:9px}.dashboard-nav{padding:0 13px}.dashboard-nav>div{gap:10px}.editorial-hero{min-height:370px}.website-visual{padding:0}.dashboard-footer{font-size:7px}}@media(max-width:600px){.work-card{grid-template-columns:1fr;gap:28px}.work-list{gap:52px}.work-visual{padding:22px 25px;min-height:445px}.message-preview{max-width:295px}.attendance-preview{margin:35px 0}.dashboard-content{padding:20px}.dashboard-title h4{font-size:19px}.clock-panel strong{font-size:36px}.clock-action{font-size:10px;padding:10px 12px}.editorial-hero{height:auto;aspect-ratio:1/1;min-height:0}.editorial-hero figcaption{font-size:9px;bottom:20px;left:20px;right:20px}.website-visual{padding:0;min-height:380px}.brand-project-label strong{font-size:21px}.visual-meta span:last-child{display:block;font-size:8px}.dashboard-footer{font-size:8px}}