/* Unified portfolio project detail system */
.project-detail-page,.creative-project-page{--pd-bg:#070806;--pd-panel:#10110e;--pd-panel-2:#151610;--pd-gold:#d6a733;--pd-ink:#f5f1e8;--pd-muted:#9b9d95;--pd-line:#d6a7333d;background:var(--pd-bg)!important;color:var(--pd-ink)}
.project-detail-nav{position:sticky;z-index:26;top:72px;display:grid;grid-template-columns:repeat(4,minmax(125px,1fr)) auto;min-height:66px;overflow-x:auto;background:#080907f2;border-top:1px solid var(--pd-line);border-bottom:1px solid var(--pd-line);backdrop-filter:blur(18px);scrollbar-width:none}.project-detail-nav::-webkit-scrollbar{display:none}.project-detail-nav a{display:flex;min-width:145px;align-items:center;gap:13px;padding:15px 20px;border-right:1px solid #ffffff14;color:#8f9189;transition:background .25s,color .25s}.project-detail-nav a:hover{background:var(--pd-gold);color:#090a08}.project-detail-nav a span{color:var(--pd-gold);font:700 7px/1 ui-monospace,monospace;letter-spacing:.12em}.project-detail-nav a:hover span{color:#090a08}.project-detail-nav a b{font-size:11px;white-space:nowrap}.project-detail-nav>i{align-self:center;padding:0 22px;color:#676960;font:normal 700 7px/1 ui-monospace,monospace;letter-spacing:.15em;white-space:nowrap}

body.project-detail-page .case-hero{min-height:clamp(650px,88vh,920px)!important;background-position:center!important}.project-detail-page .case-hero:before{background:linear-gradient(90deg,#050605f5 0%,#050605c9 43%,#05060538 78%),linear-gradient(0deg,#050605 0%,transparent 48%)!important}.project-detail-page .case-hero-copy{display:flex;max-width:930px;min-height:430px;flex-direction:column;justify-content:flex-end;padding:clamp(25px,4vw,52px);border:1px solid var(--pd-line);border-radius:10px;background:#080907c9;backdrop-filter:blur(8px)}.project-detail-page .case-hero-copy .eyebrow{color:var(--pd-gold)!important}.project-detail-page .case-hero-copy h1{font-size:clamp(64px,8.4vw,145px)!important}.project-detail-page .case-actions .pill{border-radius:7px!important}.project-detail-page .case-index{right:2vw;bottom:3vw;padding:12px;border:1px solid var(--pd-line);background:#080907b8;color:var(--pd-gold)}
.project-detail-page .case-facts{grid-template-columns:repeat(5,minmax(0,1fr));background:var(--pd-panel)!important;border-color:var(--pd-line)!important}.project-detail-page .case-facts>div{min-height:150px;padding:27px;border-color:var(--pd-line)!important}.project-detail-page .case-facts span{color:var(--pd-gold)!important;font:700 8px/1 ui-monospace,monospace}.project-detail-page .case-facts b{color:var(--pd-ink)!important;font-size:15px}
.project-detail-page .case-story{grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);padding:clamp(90px,9vw,145px) clamp(18px,7vw,125px)!important;background:radial-gradient(circle at 92% 8%,#d6a7330f,transparent 27%),var(--pd-bg)!important;color:var(--pd-ink)!important}.project-detail-page .case-sticky-mark{width:105px;height:105px;border:1px solid var(--pd-line);border-radius:8px;background:var(--pd-panel)!important;color:var(--pd-gold);transform:none}.project-detail-page .case-lead{max-width:1100px;color:var(--pd-ink)!important}.project-detail-page .case-description{color:var(--pd-muted)!important}.project-detail-page .case-services{border-color:var(--pd-line)!important}.project-detail-page .case-services>div{border-color:#ffffff16!important}.project-detail-page .case-services span{color:var(--pd-gold)!important}.project-detail-page .case-services h3{color:var(--pd-ink)!important}
.project-detail-page .live-preview{padding:clamp(85px,8vw,130px) clamp(18px,5vw,90px)!important;background:#d6a733!important;color:#090a08}.project-detail-page .preview-heading h2{color:#090a08!important}.project-detail-page .preview-heading h2 em{color:#fff2cf!important}.project-detail-page .browser-frame,.project-detail-page .shopify-screenshot{border:1px solid #090a08;border-radius:10px!important;box-shadow:18px 18px 0 #8d6915!important}.project-detail-page .shopify-shot-notes{color:#090a08!important}.project-detail-page .case-outcome{padding:clamp(95px,9vw,155px) clamp(18px,10vw,180px)!important;background:var(--pd-panel)!important;color:var(--pd-ink)!important;border-top:1px solid var(--pd-line)}.project-detail-page .case-outcome .eyebrow{color:var(--pd-gold)!important}.project-detail-page .case-outcome p{color:var(--pd-muted)!important}.project-detail-page .case-connections{background:var(--pd-bg)!important}.project-detail-page .next-case{min-height:520px;border-top:1px solid var(--pd-line)}

.creative-project-page .identity-hero,.creative-project-page .creative-case-hero{min-height:clamp(650px,88vh,900px)!important}.creative-project-page .identity-hero-mark,.creative-project-page .creative-case-image{overflow:hidden;border:1px solid var(--pd-line);border-radius:10px;background:#10110e!important}.creative-project-page .identity-hero-mark img,.creative-project-page .creative-case-image img{max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 38px #0008)}
.creative-project-page .identity-slide-story{background:var(--pd-bg)!important}.creative-project-page .identity-slide-section{gap:clamp(30px,6vw,100px)!important;padding:clamp(80px,9vw,145px) clamp(18px,6vw,110px)!important;border-bottom:1px solid var(--pd-line);background:var(--pd-bg)!important;color:var(--pd-ink)!important}.creative-project-page .identity-slide-section:nth-child(even){background:var(--pd-panel)!important}.creative-project-page .identity-slide-copy .eyebrow{color:var(--pd-gold)!important}.creative-project-page .identity-slide-copy p{color:var(--pd-muted)!important}.creative-project-page .identity-slide-section figure{overflow:hidden;border:1px solid var(--pd-line);border-radius:10px;background:#0d0e0b}.creative-project-page .identity-slide-section figure img{display:block;width:100%;height:auto;object-fit:contain}
.social-project-detail .creative-case-hero{grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr)!important;background:radial-gradient(circle at 85% 22%,#d6a73318,transparent 26%),var(--pd-bg)!important}.social-project-detail .creative-case-image{aspect-ratio:16/11!important}.social-project-detail .creative-case-image img{width:100%!important;height:100%!important;padding:0;object-fit:contain!important}.social-project-detail .creative-case-story{padding:clamp(90px,9vw,145px) clamp(18px,6vw,110px)!important;background:var(--pd-panel)!important;color:var(--pd-ink)!important}.social-project-detail .creative-case-story aside{padding:24px;border:1px solid var(--pd-line);border-radius:8px;background:#090a08}.social-project-detail .creative-case-story aside span{color:var(--pd-gold)!important}.social-project-detail .creative-case-story h2{color:var(--pd-ink)!important}.social-project-detail .creative-description{color:var(--pd-muted)!important}.social-project-detail .creative-services span{border-color:var(--pd-line)!important;border-radius:6px!important;color:var(--pd-gold)}.social-project-detail .creative-gallery{padding:0 clamp(18px,5vw,90px) clamp(90px,8vw,140px)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;background:var(--pd-bg)!important}.social-project-detail .creative-gallery figure{min-height:0!important;overflow:hidden;border:1px solid #ffffff12;border-radius:8px;background:var(--pd-panel)!important}.social-project-detail .creative-gallery img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.creative-project-page .creative-next{padding:clamp(85px,8vw,135px) clamp(18px,6vw,110px)!important;background:var(--pd-gold)!important}.creative-project-page .creative-next a{max-width:1200px;color:#090a08!important}

@media(max-width:1000px){.project-detail-page .case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-page .case-facts>div:last-child{grid-column:1/-1}.social-project-detail .creative-case-hero{grid-template-columns:1fr!important}.social-project-detail .creative-case-image{order:-1}.social-project-detail .creative-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.project-detail-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;top:72px;min-height:58px}.project-detail-nav a{min-width:auto;padding:12px 15px}.project-detail-nav>i{display:none}.project-detail-page .case-hero-copy{min-height:0;padding:20px}.project-detail-page .case-facts{grid-template-columns:1fr 1fr}.project-detail-page .case-facts>div{min-height:125px;padding:18px}.project-detail-page .case-facts>div:last-child{grid-column:1/-1}.project-detail-page .case-story{grid-template-columns:1fr}.project-detail-page .case-sticky-mark{width:74px;height:74px;margin:25px 0}.project-detail-page .browser-frame,.project-detail-page .shopify-screenshot{box-shadow:8px 8px 0 #8d6915!important}.creative-project-page .identity-hero,.creative-project-page .creative-case-hero{min-height:auto!important}.social-project-detail .creative-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.social-project-detail .creative-case-story aside{padding:18px}.creative-project-page .creative-next a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.project-detail-nav a,.project-detail-page .next-case,.creative-project-page *{scroll-behavior:auto!important}}
.project-detail-page .next-case:after{content:"\2192"!important}
.project-detail-page .case-related-card .case-related-browser-bar>em{display:none}
.project-detail-page .case-related-work>.case-related-card{position:relative;min-width:0}.project-detail-page .case-related-case{display:block;color:inherit}.project-detail-page .case-related-card:hover .case-related-browser{border-color:var(--pd-gold);transform:translateY(-4px)}.project-detail-page .case-related-card>.case-related-live{position:absolute;z-index:5;right:10px;top:8px;padding:8px 10px;border:1px solid #d6a73366;border-radius:4px;background:#090a08e8;color:var(--pd-gold);font:700 7px/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}.project-detail-page .case-related-card>.case-related-live:hover{border-color:var(--pd-gold);background:var(--pd-gold);color:#090a08}.project-detail-page .case-related-card>.case-related-live b{margin-left:6px}.project-detail-page .case-related-card .case-related-action{margin-top:12px}

/* Automatically touring related website captures */
.project-detail-page .case-related-work{gap:18px!important}.project-detail-page .case-related-work>a{display:block;min-width:0;color:inherit}.case-related-browser{margin:0;overflow:hidden;border:1px solid var(--pd-line);border-radius:9px;background:#0b0c09;transition:border-color .25s,transform .3s}.case-related-work>a:hover .case-related-browser{border-color:var(--pd-gold);transform:translateY(-4px)}.case-related-browser-bar{display:flex;height:42px;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #ffffff13;background:#11120f}.case-related-browser-bar>i{width:7px;height:7px;border-radius:50%;background:#555}.case-related-browser-bar>i:first-child{background:#d8685e}.case-related-browser-bar>i:nth-child(2){background:#d7aa43}.case-related-browser-bar>i:nth-child(3){background:#62a66e}.case-related-browser-bar>b{min-width:0;margin-left:8px;overflow:hidden;color:#777970;font:600 7px/1 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.case-related-browser-bar>em{margin-left:auto;color:var(--pd-gold);font:normal 700 7px/1 ui-monospace,monospace;letter-spacing:.1em}.case-related-viewport{--case-view-height:clamp(280px,28vw,430px);position:relative;height:var(--case-view-height);overflow:hidden;background:#0a0b09}.case-related-viewport:after{position:absolute;inset:auto 0 0;height:70px;content:"";pointer-events:none;background:linear-gradient(transparent,#080907b8)}.project-detail-page .case-related-viewport img{display:block!important;width:100%!important;min-height:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:top center!important;animation:caseRelatedPageTour 18s ease-in-out var(--case-delay,0s) infinite alternate;will-change:transform}.case-related-work>a:hover .case-related-viewport img{animation-play-state:paused}.case-related-work>a>small{margin-top:18px!important;color:#888b82!important}.case-related-work>a>h3{margin:8px 0 12px!important;color:var(--pd-ink)!important}.case-related-action{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #ffffff15;color:var(--pd-gold);font:700 8px/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.case-related-action b{font-size:13px}@keyframes caseRelatedPageTour{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + var(--case-view-height)))}}
@media(max-width:650px){.case-related-viewport{--case-view-height:340px}.case-related-browser-bar{height:38px}.project-detail-page .case-related-work{gap:42px!important}}
@media(prefers-reduced-motion:reduce){.project-detail-page .case-related-viewport img{animation:none!important}}