.detail-page-wrapper{background:var(--paper);color:var(--ink);flex-direction:column;width:100%;min-height:100vh;font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}.detail-header{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft);background:#faf8f5eb;justify-content:space-between;align-items:center;height:64px;padding:0 8vw;display:flex;position:fixed;top:0;left:0;right:0}.back-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:8px;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.back-btn:hover{color:var(--accent)}.detail-hero{background:linear-gradient(to bottom, var(--paper-warm) 0%, var(--paper) 100%);border-bottom:1px solid var(--border-soft);padding:8rem 8vw 4rem}.detail-hero-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin-bottom:1rem;font-size:.75rem;font-weight:600;display:flex}.detail-hero-label:before{content:"";background:var(--accent);width:32px;height:1px;display:inline-block}.detail-hero-title{color:var(--ink);max-width:900px;margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:300;line-height:1.15}.detail-hero-title em{color:var(--accent);font-style:italic}.detail-hero-desc{color:var(--ink-soft);border-left:3px solid var(--teal-light);max-width:800px;padding-left:1.5rem;font-size:1.1rem;line-height:1.8}.detail-content{width:100%;max-width:1200px;margin:0 auto;padding:4rem 8vw 6rem}.detail-grid{grid-template-columns:1.5fr 1fr;gap:5rem;margin-bottom:4rem;display:grid}.detail-left-col{flex-direction:column;gap:3rem;display:flex}.detail-right-col{background:var(--paper-warm);border:1px solid var(--border-soft);border-radius:4px;height:fit-content;padding:2.5rem}.detail-section-title{color:var(--ink);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:400}.detail-paragraph{color:var(--ink-soft);margin-bottom:1.25rem;font-size:.95rem;line-height:1.8}.tech-badges-list{flex-wrap:wrap;gap:8px;margin-top:1.5rem;display:flex}.tech-badge-card{background:var(--paper);border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:1;min-width:120px;padding:12px 18px;display:flex}.tech-badge-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem;font-weight:600}.tech-badge-level{color:var(--ink-muted);font-size:.7rem}.case-study-list{flex-direction:column;gap:2rem;display:flex}.case-study-card{background:var(--paper-deep);border-left:4px solid var(--accent);border-radius:2px;padding:2rem}.case-study-company{color:var(--accent);text-transform:uppercase;margin-bottom:.5rem;font-family:DM Mono,monospace;font-size:.75rem;font-weight:500}.case-study-role{color:var(--ink);margin-bottom:1rem;font-size:1.15rem;font-weight:500}.case-study-bullets{flex-direction:column;gap:.5rem;list-style:none;display:flex}.case-study-bullets li{color:var(--ink-soft);padding-left:1.2rem;font-size:.88rem;line-height:1.7;position:relative}.case-study-bullets li:before{content:"▸";color:var(--accent);font-size:.65rem;position:absolute;top:4px;left:0}.methodology-list{flex-direction:column;gap:1.5rem;display:flex}.method-step{gap:1.5rem;display:flex}.method-num{color:var(--accent);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300;line-height:1}.method-info{flex:1}.method-title{color:var(--ink);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.method-desc{color:var(--ink-soft);font-size:.85rem;line-height:1.6}.detail-cta-section{background:var(--ink);color:var(--paper);text-align:center;padding:5rem 8vw}.detail-cta-title{color:var(--paper);margin-bottom:1.5rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:300}.detail-cta-btn{background:var(--accent);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:16px 36px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.detail-cta-btn:hover{background:var(--paper-warm);color:var(--ink)}.detail-footer{background:var(--ink);color:#faf8f566;letter-spacing:.04em;border-top:1px solid #faf8f50f;justify-content:space-between;align-items:center;padding:2rem 8vw;font-size:.78rem;display:flex}.detail-footer-logo{color:#faf8f599;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:400;text-decoration:none}.detail-footer-logo span{color:var(--accent-light)}@media (width<=900px){.detail-grid{grid-template-columns:1fr;gap:3rem}.detail-hero{padding-top:6rem}}@media (width<=580px){.detail-header{padding:0 4vw}.detail-content{padding:3rem 4vw}.detail-footer{text-align:center;flex-direction:column;gap:1rem}}