.the9-view .detail-content{background:#fff;color:#20211f}.the9-view .detail-cover,.the9-view .detail-intro{display:none}.the9-view .detail-section{width:100%;padding:0}
.t9-case{font-family:'Helvetica Neue','PingFang SC',sans-serif;color:#20211f}.t9-hero{padding:38px 5% 0;background:#f5f3ee}.t9-kicker{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#77766f;letter-spacing:1px}
.t9-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 20px}.the9-view .t9-title h3{font-size:clamp(32px,3.8vw,58px);font-weight:500;line-height:1.2;letter-spacing:-.04em;margin:0}.t9-title a{flex-shrink:0;border:1px solid #25251f40;border-radius:30px;padding:11px 18px;color:#292a26;text-decoration:none;font-size:12px;transition:background .2s,color .2s}.t9-title a:hover{background:#25251f;color:#fff}.t9-title a:focus-visible{outline:2px solid #9d6b00;outline-offset:4px}
.t9-case .t9-lead{font-size:20px;line-height:1.5;margin:0 0 14px}.t9-case .t9-intro{font-size:14px;line-height:1.9;color:#77766e;max-width:640px;margin-bottom:30px}
.t9-artboard{position:relative;aspect-ratio:1.35;overflow:hidden;background:#eab93e;border-radius:8px;isolation:isolate}.t9-artboard:before{content:'';position:absolute;width:75%;height:145%;right:-38%;top:-20%;background:#f5d87d;transform:rotate(-25deg);z-index:-1}.t9-art-label{display:flex;align-items:center;justify-content:space-between;padding:5% 6%;color:#29261f}.t9-art-label b{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,6vw,86px);letter-spacing:-.06em}.t9-art-label b span{font:12px Arial;vertical-align:top;letter-spacing:0;margin-left:8px}.t9-art-label>span{font-size:12px;line-height:1.6;letter-spacing:2px}.t9-case .t9-art-main{position:absolute;width:77%;height:auto;top:24%;left:6%;border:5px solid #252520;border-radius:8px;transform:rotate(-4deg);box-shadow:12px 22px 32px #48300038}.t9-case .t9-art-side{position:absolute;width:48%;height:auto;right:5%;bottom:10%;border:4px solid #fff;border-radius:6px;transform:rotate(5deg);box-shadow:0 15px 30px #48300035}.t9-art-caption{position:absolute;bottom:4%;left:6%;font-size:12px;letter-spacing:1.4px;color:#59471e}
.t9-section{padding:58px 5%}.t9-heading{max-width:660px;margin-bottom:30px}.t9-heading>span,.t9-subheading>span{font-size:12px;letter-spacing:1.5px;color:#a5751c}.the9-view .t9-heading h3{font-size:clamp(26px,2.8vw,42px);font-weight:500;line-height:1.35;letter-spacing:-.03em;margin:16px 0}.t9-case .t9-heading p{font-size:14px;line-height:1.9;color:#7a7971}.t9-shot{margin:0}.t9-shot img{width:100%;height:auto;display:block;border:1px solid #e7e4dc;border-radius:6px}.t9-shot figcaption{font-size:12px;line-height:1.6;color:#8b8374;margin-top:12px}.t9-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.t9-notes>div{border-left:2px solid #eab93e;padding-left:16px}.t9-notes b{font-size:15px;font-weight:500}.t9-case .t9-notes p{font-size:12px;line-height:1.8;color:#838078;margin:8px 0 0}.t9-dark{background:#20221e;color:#f4f2e9}.t9-dark .t9-heading>span{color:#eab93e}.t9-case .t9-dark .t9-heading p{color:#b1b2a6}.t9-dark .t9-shot img{border-color:#494a40}.t9-dark .t9-shot figcaption{color:#b1b2a6}.t9-subheading{margin:36px 0 20px}.t9-subheading h4{font-size:23px;font-weight:500;margin:12px 0}.t9-paper{background:#f5f3ee}.t9-signoff{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eab93e}.t9-signoff b{font:42px Georgia,serif;letter-spacing:-3px}.t9-signoff span{font-size:12px;letter-spacing:1px}.the9-view .detail-ending{color:#8b8374;border-color:#e7e4dc}
@media(max-width:700px){.t9-kicker{flex-wrap:wrap}.t9-title{align-items:flex-start;flex-wrap:wrap}.t9-section{padding:40px 5%}.t9-notes{grid-template-columns:1fr}.t9-signoff{flex-wrap:wrap}.t9-art-label>span{letter-spacing:0}.t9-art-caption{letter-spacing:0}}