.portfolio-detail-page{color:#17202c;background:linear-gradient(180deg,#fff7f2 0,#fff 360px),#fff;font-size:20px;line-height:1.62;text-rendering:optimizeLegibility}.portfolio-detail-page .container{max-width:1180px}.portfolio-detail-breadcrumb{display:flex;margin:0;padding:24px 0 16px;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-size:16px;line-height:1.4}.portfolio-detail-hero-meta-item strong,.portfolio-detail-tag{line-height:1.2;text-transform:uppercase;font-family:Arial,sans-serif}.portfolio-detail-breadcrumb a{color:#586273;text-decoration:none}.portfolio-detail-breadcrumb a:hover{color:#ff5b14}.portfolio-detail-breadcrumb span{color:#9ca3af}.portfolio-detail-breadcrumb strong{max-width:520px;overflow:hidden;color:#17202c;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.portfolio-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:38px;min-height:500px;padding:44px 0 48px;align-items:center}.portfolio-detail-tag{display:inline-flex;margin-bottom:6px;padding:7px 12px;color:#fff;background:#ff5b14;border-radius:4px;font-size:13px;font-weight:700;letter-spacing:0}.portfolio-detail-title{margin:0 0 14px;color:#0f172a;font-size:58px;font-weight:700;line-height:1}.portfolio-detail-subtitle{margin:0 0 18px;color:#111827;font-size:27px;font-weight:700;line-height:1.25}.portfolio-detail-intro{min-width:0}.portfolio-detail-short-description{max-width:560px;margin:0 0 26px;color:#455162;font-size:21px;line-height:1.65}.portfolio-detail-example{position:relative;min-width:0;overflow:hidden;border-radius:12px;box-shadow:0 28px 70px rgba(15,23,42,.16);transition:transform .28s,box-shadow .28s,border-color .28s}.portfolio-detail-example picture,.portfolio-detail-section-media picture{display:block;overflow:hidden;border-radius:8px;background:#f8fafc}.portfolio-detail-example img,.portfolio-detail-section-media img{display:block;width:100%;height:auto;border-radius:8px;transition:transform .35s,filter .35s}.portfolio-detail-example:hover,.portfolio-detail-section-media:hover{border-color:rgba(255,91,20,.28);box-shadow:0 30px 76px rgba(15,23,42,.18);transform:translateY(-4px)}.portfolio-detail-example:hover img,.portfolio-detail-section-media:hover img{filter:saturate(1.04) contrast(1.02);transform:scale(1.012)}.portfolio-detail-example::after{position:absolute;right:28px;bottom:-18px;width:130px;height:5px;content:"";background:#ff5b14;border-radius:999px;box-shadow:0 12px 24px rgba(255,91,20,.28)}.portfolio-detail-hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:28px 0 0}.portfolio-detail-hero-meta-item{padding:14px 16px;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.08);border-radius:8px}.portfolio-detail-hero-meta-item strong{display:block;margin-bottom:3px;color:#ff5b14;font-size:12px;font-weight:800}.portfolio-detail-hero-meta-item span{display:block;overflow-wrap:anywhere;color:#1f2937;font-size:18px;line-height:1.3}.portfolio-detail-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 34px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#ff5b14,#f03216);border-radius:8px;box-shadow:0 18px 42px rgba(255,91,20,.2)}.portfolio-detail-highlight{min-height:118px;padding:24px 18px;text-align:center}.portfolio-detail-highlight+.portfolio-detail-highlight{border-left:1px solid rgba(255,255,255,.38)}.portfolio-detail-highlight strong{display:block;font-family:Arial,sans-serif;font-size:39px;font-weight:800;line-height:1.05}.portfolio-detail-highlight span{display:block;margin-top:7px;font-size:18px;line-height:1.25}.portfolio-detail-section{padding:46px 0;border-top:1px solid #eceff3}.portfolio-detail-section-title{margin:0 0 18px;color:#ff5b14;font-size:32px;font-weight:700;line-height:1.2}.portfolio-detail-content,.portfolio-detail-overview{margin:8px 0 10px;padding:34px;box-shadow:0 18px 54px rgba(15,23,42,.08);background:#fff}.portfolio-detail-content{border:1px solid rgba(15,23,42,.08);border-radius:8px;color:#455162}.portfolio-detail-content h2,.portfolio-detail-content h3{margin:32px 0 12px;color:#17202c;line-height:1.2}.portfolio-detail-content h2{font-size:34px}.portfolio-detail-content h3{font-size:26px}.portfolio-detail-content p{margin:0 0 16px}.portfolio-detail-content img{display:block;max-width:100%;height:auto;margin:24px 0;border-radius:8px;box-shadow:0 18px 48px rgba(15,23,42,.12)}.portfolio-detail-content ol,.portfolio-detail-content ul{margin:18px 0 20px;padding-left:24px}.portfolio-detail-content li{margin-bottom:8px}.portfolio-detail-overview{border:1px solid rgba(15,23,42,.08);border-radius:8px}.portfolio-detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.portfolio-detail-card{min-height:142px;padding:22px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 24px rgba(15,23,42,.06)}.portfolio-detail-card h3{margin:0 0 8px;color:#111827;font-size:21px;font-weight:700;line-height:1.25}.portfolio-detail-card p{margin:0;color:#5b6472;font-size:18px;line-height:1.42}.portfolio-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;max-width:920px;margin:18px 0 0;padding:0;list-style:none}.portfolio-detail-list li{position:relative;padding-left:28px;color:#4b5563}.portfolio-detail-list li::before{position:absolute;top:4px;left:0;width:17px;height:17px;color:#fff;content:"✓";background:#ff5b14;border-radius:50%;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:17px;text-align:center}.portfolio-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 8px}.portfolio-detail-meta-item{min-height:112px;padding:20px;background:#fff;border:1px solid rgba(15,23,42,.08);border-top:4px solid #ff5b14;border-radius:8px;box-shadow:0 12px 28px rgba(15,23,42,.06);text-transform:capitalize}.portfolio-detail-meta-item strong{display:block;margin-bottom:5px;color:#ff5b14;font-size:18px;line-height:1.2}.portfolio-detail-meta-item span{color:#374151;font-size:18px}.portfolio-detail-cms-section{position:relative;margin:24px 0 0;padding:28px;background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 18px 54px rgba(15,23,42,.07);transition:transform .25s,box-shadow .25s,border-color .25s}.portfolio-detail-cms-section:hover{border-color:rgba(255,91,20,.22);box-shadow:0 26px 70px rgba(15,23,42,.12);transform:translateY(-3px)}.portfolio-detail-cms-section h2{margin:0 0 15px;color:#ff5b14;font-size:30px;font-weight:700;line-height:1.2}.portfolio-detail-cms-section .cms-content{max-width:920px;color:#4b5563}.portfolio-detail-section-media{position:relative;max-width:1040px;margin:22px auto 0;overflow:hidden;padding:44px 12px 12px;background:linear-gradient(180deg,#f8fafc 0 30px,#fff 30px 100%);border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 18px 54px rgba(15,23,42,.1);transition:transform .28s,box-shadow .28s,border-color .28s}.portfolio-detail-actions{display:flex;gap:14px;margin:34px 0 54px;flex-wrap:wrap;justify-content:center}.portfolio-detail-button{display:inline-flex;min-height:48px;padding:13px 24px;align-items:center;justify-content:center;color:#fff;background:#ff5b14;border-radius:4px;font-size:19px;line-height:1.2;text-decoration:none;box-shadow:0 12px 26px rgba(255,91,20,.2)}.portfolio-detail-button:hover{color:#fff;background:#0f172a;text-decoration:none}.portfolio-detail-button.is-secondary{color:#0f172a;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 10px 22px rgba(15,23,42,.08)}.portfolio-detail-button.is-secondary:hover{color:#fff;background:#0f172a}.portfolio-detail-content a{color:inherit}.portfolio-detail-scrollfx .portfolio-detail-reveal,.portfolio-detail-scrollfx .portfolio-detail-section-media{opacity:0;transform:translateY(34px);transition:opacity .6s,transform .6s cubic-bezier(.2, .7, .2, 1),box-shadow .28s,border-color .28s;transition-delay:var(--portfolio-reveal-delay, 0ms);will-change:opacity,transform}.portfolio-detail-scrollfx .portfolio-detail-reveal.is-visible,.portfolio-detail-scrollfx .portfolio-detail-section-media.is-visible{opacity:1;transform:translateY(0)}.portfolio-detail-scrollfx .portfolio-detail-cms-section.is-visible h2,.portfolio-detail-scrollfx .portfolio-detail-reveal.is-visible .portfolio-detail-section-title{animation:.7s both portfolioTitleIn}.portfolio-detail-scrollfx .portfolio-detail-section-media.is-visible img{animation:.9s both portfolioPreviewIn}@keyframes portfolioTitleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolioPreviewIn{from{filter:saturate(.92) contrast(.96);transform:scale(.985)}to{filter:saturate(1) contrast(1);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.portfolio-detail-scrollfx .portfolio-detail-reveal,.portfolio-detail-scrollfx .portfolio-detail-section-media{opacity:1;transform:none;transition:none;will-change:auto}.portfolio-detail-scrollfx .portfolio-detail-cms-section.is-visible h2,.portfolio-detail-scrollfx .portfolio-detail-reveal.is-visible .portfolio-detail-section-title,.portfolio-detail-scrollfx .portfolio-detail-section-media.is-visible img{animation:none}}@media (max-width:991px){.portfolio-detail-page{padding-bottom:28px}.portfolio-detail-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:34px 32px}.portfolio-detail-title{font-size:42px}.portfolio-detail-example{max-width:680px;margin:0 auto}.portfolio-detail-overview{padding:28px}.portfolio-detail-highlights,.portfolio-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-detail-card-grid{grid-template-columns:1fr}}@media (max-width:767px){.portfolio-detail-actions,.portfolio-detail-hero-meta,.portfolio-detail-highlights,.portfolio-detail-intro,.portfolio-detail-list,.portfolio-detail-meta{grid-template-columns:1fr}.portfolio-detail-cms-section .cms-content,.portfolio-detail-content,.portfolio-detail-page{font-size:18px}.portfolio-detail-breadcrumb{margin-top:18px;font-size:15px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.portfolio-detail-hero{gap:22px;padding:26px 20px;border-radius:0;margin-right:-15px;margin-left:-15px}.portfolio-detail-tag{font-size:14px}.portfolio-detail-title{font-size:33px}.portfolio-detail-subtitle{font-size:23px}.portfolio-detail-short-description{font-size:19px}.portfolio-detail-example{padding:40px 10px 10px}.portfolio-detail-cms-section,.portfolio-detail-overview{padding:20px}.portfolio-detail-section{margin-top:34px;padding:34px 0}.portfolio-detail-cms-section h2,.portfolio-detail-section-title{font-size:26px}.portfolio-detail-highlight+.portfolio-detail-highlight{border-top:1px solid rgba(255,255,255,.38);border-left:0}.portfolio-detail-highlight strong{font-size:34px}.portfolio-detail-meta-item{min-height:0}.portfolio-detail-section-media{padding:40px 8px 8px}.portfolio-detail-actions{display:grid;margin-bottom:34px}.portfolio-detail-button{width:100%}.portfolio-detail-content{padding:25px}}