.work-page{--wp-bg: #0a1422;--wp-panel: #131e30;--wp-cream: #ece8df;--wp-cream-mute: #b8bcc4;--wp-text-mute: #7c8693;--wp-gold: #c89456;--wp-gold-soft: #d4a468;--wp-blue: #7ca1bc;--wp-divider: rgba(255, 255, 255, .08);--wp-divider-strong: rgba(255, 255, 255, .14);--wp-serif: "Cormorant Garamond", Georgia, serif;--wp-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--wp-mono: "JetBrains Mono", monospace;background:var(--wp-bg);color:var(--wp-cream-mute);font-family:var(--wp-sans);font-size:16px;line-height:1.65}.work-page .hero{max-width:1200px;margin:0 auto;padding:110px 40px 40px}.work-page .label{font-size:11px;letter-spacing:3px;color:var(--wp-gold);text-transform:uppercase;margin-bottom:32px}.work-page .hero-title{font-family:Caveat,cursive;font-style:normal;font-weight:500;color:var(--wp-cream);font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:-.5px;margin-bottom:24px}.work-page .hero-sub{color:var(--wp-text-mute);font-size:15px;max-width:580px}.work-page .spine-wrap{max-width:1200px;margin:0 auto;padding:80px 40px 40px;position:relative}.work-page .spine{position:relative;padding:40px 0}.work-page .spine:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0%,var(--wp-divider-strong) 6%,var(--wp-divider-strong) 94%,transparent 100%);transform:translate(-50%)}.work-page .spine-progress{position:absolute;left:50%;top:0;width:1px;background:linear-gradient(to bottom,var(--wp-gold),transparent);transform:translate(-50%);height:0;transition:height .2s ease-out;z-index:1}.work-page .spine-node{position:relative;margin-bottom:80px;min-height:140px}.work-page .spine-node:last-child{margin-bottom:0}.work-page .spine-dot{position:absolute;left:50%;top:30px;width:14px;height:14px;background:var(--wp-bg);border:2px solid var(--wp-gold);border-radius:50%;transform:translate(-50%);z-index:2;transition:all .3s}.work-page .spine-node.open .spine-dot{background:var(--wp-gold);box-shadow:0 0 0 6px #c894562e}.work-page .spine-node:has(.spine-card:hover) .spine-dot{background:var(--wp-gold)}.work-page .spine-year{position:absolute;left:50%;top:4px;transform:translate(-50%);font-family:var(--wp-mono);font-size:10px;letter-spacing:1.5px;color:var(--wp-gold);background:var(--wp-bg);padding:0 14px;z-index:3}.work-page .spine-card{width:calc(50% - 50px);cursor:pointer;transition:transform .3s}.work-page .spine-node.left .spine-card{margin-left:0;text-align:right;padding-right:20px}.work-page .spine-node.right .spine-card{margin-left:calc(50% + 50px);text-align:left;padding-left:20px}.work-page .spine-card:hover{transform:translateY(-2px)}.work-page .spine-num{font-family:var(--wp-mono);font-size:11px;color:var(--wp-gold);letter-spacing:2px;margin-bottom:6px}.work-page .spine-company{font-family:var(--wp-serif);font-size:28px;font-weight:600;color:var(--wp-cream);line-height:1.2;margin-bottom:8px;transition:color .3s}.work-page .spine-card:hover .spine-company{color:var(--wp-gold-soft)}.work-page .spine-role{color:var(--wp-cream-mute);font-size:13px;margin-bottom:10px;line-height:1.5}.work-page .spine-meta{font-family:var(--wp-mono);font-size:10px;color:var(--wp-blue);letter-spacing:1.2px;text-transform:uppercase}.work-page .spine-toggle{margin-top:14px;font-family:var(--wp-mono);font-size:10px;color:var(--wp-gold);letter-spacing:2px;text-transform:uppercase;opacity:.55;transition:opacity .3s}.work-page .spine-card:hover .spine-toggle{opacity:1}.work-page .spine-detail{max-width:720px;margin:0 auto;background:var(--wp-panel);border-left:2px solid var(--wp-gold);border-radius:2px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease,margin .4s ease,padding .4s ease;padding:0 36px}.work-page .spine-node.open .spine-detail{max-height:1500px;opacity:1;padding:32px 40px;margin-top:28px}.work-page .spine-detail p{margin-bottom:14px;color:var(--wp-cream-mute);font-size:15px;line-height:1.78}.work-page .spine-detail p:last-child{margin-bottom:0}.work-page .thread{max-width:760px;margin:0 auto 80px;padding:0 40px}.work-page .thread-box{background:var(--wp-panel);padding:50px 60px;border-radius:8px}.work-page .thread-label{font-size:11px;letter-spacing:3px;color:var(--wp-gold);text-transform:uppercase;margin-bottom:28px}.work-page .thread-box p{color:var(--wp-cream-mute);font-size:16px;line-height:1.8;margin-bottom:18px}.work-page .thread-quote{border-left:3px solid var(--wp-blue);padding-left:24px;margin:24px 0;font-family:var(--wp-serif);font-style:italic;font-size:22px;color:var(--wp-cream);line-height:1.35}@media(max-width:768px){.work-page .hero,.work-page .spine-wrap{padding-left:24px;padding-right:24px}.work-page .spine:before,.work-page .spine-progress{left:28px}.work-page .spine-dot,.work-page .spine-year{left:28px}.work-page .spine-node.left .spine-card,.work-page .spine-node.right .spine-card{width:calc(100% - 60px);margin-left:60px;text-align:left;padding-left:0;padding-right:0}.work-page .thread-box{padding:32px 28px}}