#page-detail{min-height:100vh}.detail-hero{align-items:flex-end;height:52vh;min-height:400px;display:flex;position:relative;overflow:hidden}.detail-hero-bg{transition:background .6s;position:absolute;inset:0}.detail-hero-content{z-index:2;width:100%;padding:0 64px 56px;position:relative}.detail-breadcrumb{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);cursor:none;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;display:flex}.detail-breadcrumb span{color:var(--cream-dim)}.breadcrumb-back{cursor:none;color:var(--gold);text-decoration:none;transition:color .3s}.breadcrumb-back:hover{color:var(--cream)}.detail-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:300;line-height:1}.detail-title em{color:var(--gold);font-style:italic}.detail-hero:after{content:"";background:linear-gradient(to top, var(--bg,#0a0a0d), transparent);z-index:1;height:50%;position:absolute;bottom:0;left:0;right:0}.detail-body{grid-template-columns:1fr 380px;align-items:start;gap:2px;padding:2px 0;display:grid}.detail-main{padding:72px 64px}.detail-sidebar{background:var(--bg2,#0e0d12);border-left:1px solid var(--line,#c9a96e26);border-top:1px solid var(--line,#c9a96e26);border-bottom:1px solid var(--line,#c9a96e26);padding:36px 36px 32px;position:sticky;top:80px}.detail-lead{color:var(--cream);max-width:680px;margin-bottom:56px;font-family:Cormorant Garamond,serif;font-size:1.65rem;font-weight:300;line-height:1.65}.detail-section-title{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);align-items:center;gap:14px;margin-bottom:32px;font-size:.78rem;display:flex}.detail-section-title:after{content:"";background:var(--gold-dim);opacity:.5;width:40px;height:1px}.deliverables{margin-bottom:56px;padding:0;list-style:none}.deliverables li{border-bottom:1px solid var(--line,#c9a96e26);color:var(--cream-dim);align-items:flex-start;gap:18px;padding:22px 0;font-size:1.05rem;line-height:1.75;transition:color .3s;display:flex}.deliverables li:hover{color:var(--cream)}.deliverables li:before{content:"";background:var(--gold);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:10px}.process-steps{flex-direction:column;gap:0;display:flex}.process-step{border-bottom:1px solid var(--line,#c9a96e26);grid-template-columns:80px 1fr;gap:0;padding:36px 0;display:grid}.step-num{color:var(--gold);opacity:.3;font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:300;line-height:1}.step-content h4{color:var(--cream);letter-spacing:.06em;margin-bottom:10px;font-size:1.1rem;font-weight:400}.step-content p{color:var(--cream-dim);font-size:1rem;line-height:1.85}.sidebar-block{border-bottom:1px solid var(--line,#c9a96e26);margin-bottom:24px;padding-bottom:24px}.sidebar-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-label{letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:12px;font-size:.72rem}.sidebar-value{color:var(--cream-dim);font-size:1.05rem;line-height:1.8}.sidebar-tags{flex-wrap:wrap;gap:10px;display:flex}.sidebar-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dim);border:1px solid var(--line,#c9a96e26);padding:7px 16px;font-size:.72rem;transition:color .3s,border-color .3s}.sidebar-tag:hover{color:var(--gold);border-color:var(--gold-dim)}.sidebar-cta{letter-spacing:.22em;text-transform:uppercase;background:var(--gold);color:var(--bg);text-align:center;cursor:none;margin-top:16px;padding:14px 28px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .35s;display:block}.sidebar-cta:hover{background:var(--cream)}.sidebar-related{flex-direction:column;gap:0;display:flex}.related-link{border-bottom:1px solid var(--line,#c9a96e26);cursor:none;justify-content:space-between;align-items:center;padding:12px 0;text-decoration:none;transition:all .3s;display:flex}.related-link:last-child{border-bottom:none}.related-link-name{color:var(--cream-dim);font-size:.95rem;transition:color .3s}.related-link:hover .related-link-name{color:var(--gold)}.related-arrow{color:var(--gold-dim);font-size:.85rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}.related-link:hover .related-arrow{transform:translate(4px)}@media (max-width:1024px){.detail-body{grid-template-columns:1fr}.detail-sidebar{border-left:none;border-top:1px solid var(--line,#c9a96e26);max-height:none;position:static;overflow-y:visible}}@media (max-width:640px){.detail-hero-content{padding:0 24px 40px}.detail-main,.detail-sidebar{padding:48px 24px}.detail-lead{font-size:1.35rem}.deliverables li{font-size:.95rem}}