/* One fixed work stage inside the existing atmospheric scene owner. */
body[data-work-presentation='paths']{min-height:var(--paths-document-height,1700vh)}
body[data-work-presentation='paths'] #scene-window{clip-path:none;perspective:1500px}
/* Keep the reading area free of the original viewport mouse cue. */
body[data-work-presentation='paths'][data-work-scene='on']:not(.in-project):not(.in-contact) #scroll-cue{visibility:hidden!important}
body[data-work-presentation='paths'] #work-entry{position:absolute;inset:calc(var(--paths-header-height,96px) + 18px) auto auto 50%;width:min(1180px,88vw,calc(var(--paths-media-height) * 4 / 3));height:auto;max-height:none;padding:0;margin:0;transform-origin:50% 50%;overflow:visible;pointer-events:none;--paths-media-height:min(540px,calc(100svh - var(--paths-header-height,96px) - 222px))}
body[data-work-presentation='paths'] #work-entry :is(a,button){pointer-events:auto}
body[data-work-presentation='paths'] .paths-top{display:flex;align-items:center;justify-content:center;min-height:48px;margin-bottom:22px}
body[data-work-presentation='paths'] .paths-toggle{display:flex;gap:28px;align-items:center}
body[data-work-presentation='paths'] .paths-toggle button{position:relative;min-height:44px;font:500 20px/1 'DM Sans',sans-serif;letter-spacing:-.03em;color:#fff5df99;transition:color .25s}
body[data-work-presentation='paths'] .paths-toggle button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}
body[data-work-presentation='paths'] .paths-toggle button[aria-pressed='true']{color:#fff5df}
body[data-work-presentation='paths'] .paths-toggle button[aria-pressed='true']::after{transform:scaleX(1)}
body[data-work-presentation='paths'] .paths-toggle button:hover{color:#fff5df}
body[data-work-presentation='paths'] .paths-project-region{position:relative;width:100%;perspective:1400px;transform-style:preserve-3d;pointer-events:auto}
body[data-work-presentation='paths'] #project-grid{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:4/3;padding:0;margin:0;overflow:visible;border-radius:6px;perspective:1400px;isolation:isolate;clip-path:none;touch-action:pan-y;scroll-snap-type:none;container-type:size}
body[data-work-presentation='paths'] #project-grid[data-transitioning='true']{overflow:hidden}
body[data-work-presentation='paths'] .path-project{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:6px;transform-origin:50% 65%;outline-offset:-5px;will-change:transform;overflow:visible;transform-style:preserve-3d}
body[data-work-presentation='paths'] .path-project:focus-visible{outline:2px solid #fff5df;z-index:3!important}
/* Scroll transforms stay on the anchor. These visual-only descendants own depth. */
body[data-work-presentation='paths'] :is(.path-project-surface,.path-project-artwork){position:relative;display:block;height:100%;width:100%;transform-style:preserve-3d;border-radius:6px;pointer-events:none}
body[data-work-presentation='paths'] .path-project-surface{box-shadow:0 14px 45px #00000018}
body[data-work-presentation='paths'] .path-project :is(.path-website,.path-brand){position:relative;height:100%;width:100%;background:var(--path-field);border-radius:6px}
body[data-work-presentation='paths'] .path-website{display:block;overflow:hidden}
body[data-work-presentation='paths'] .path-poster{width:100%;height:100%;object-fit:contain;display:block}
body[data-work-presentation='paths'] .path-website{container-type:inline-size}
body[data-work-presentation='paths'] .path-website>.project-live-preview{position:absolute;inset:auto;top:50%;left:50%;width:min(100%,calc(75cqw * var(--paths-preview-ratio,1.833333)));height:auto;aspect-ratio:var(--paths-preview-ratio,1.833333);transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}
body[data-work-presentation='paths'] .path-project[data-preview-ready='true'] .project-live-preview{visibility:visible;opacity:1}
body[data-work-presentation='paths'] .path-project[data-preview-ready='true'] .path-poster{visibility:hidden}
/* Identity is the first read; applications emerge below it on deliberate hover. */
body[data-work-presentation='paths'] .path-brand{display:block;padding:0;box-sizing:border-box;transform-style:preserve-3d;--identity-open:max(var(--brand-reveal,0),var(--brand-static,0))}
body[data-work-presentation='paths'] .path-brand-identity{position:absolute;inset:0;display:block;transform-style:preserve-3d}
body[data-work-presentation='paths'] .path-brand-logo{position:absolute;display:block;left:50%;top:calc(50% - var(--identity-open) * 24%);width:72%;height:36%;object-fit:contain;transform:translate(-50%,-50%) scale(calc(1 - var(--identity-open) * .26))}
body[data-work-presentation='paths'] .path-project[data-slug='stevesatv'] .path-brand-logo{height:46%}
body[data-work-presentation='paths'] .path-brand-selection{position:absolute;inset:45% 5% 6%;display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:24px;min-height:0;align-items:center;transform-style:preserve-3d;opacity:var(--identity-open);transform:translateY(calc((1 - var(--identity-open)) * 22px))}
body[data-work-presentation='paths'] .path-brand-selection[data-artwork-count='2']{grid-template-columns:1fr 1.25fr;grid-template-rows:minmax(0,1fr)}
body[data-work-presentation='paths'] .path-brand-piece{position:relative;display:block;width:100%;height:auto;aspect-ratio:3/4;max-height:100%;min-height:0;border-radius:4px;transform-style:preserve-3d;container-type:size}
body[data-work-presentation='paths'] .path-brand-window{position:absolute;display:block;top:50%;left:50%;width:min(100cqw,calc(100cqh * var(--piece-ratio,1.333333)));aspect-ratio:var(--piece-ratio,1.333333);transform:translate(-50%,-50%);overflow:hidden;border-radius:4px}
body[data-work-presentation='paths'] .path-brand-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
body[data-work-presentation='paths'] .path-brand-piece[data-fit='cover'] .path-brand-image{object-fit:cover}
body[data-work-presentation='paths'] .path-print .path-brand-selection{inset:7% 5%;opacity:1;transform:none;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr))}
body[data-work-presentation='paths'] .path-print .path-brand-piece{height:100%;aspect-ratio:auto;max-height:100%}
body[data-work-presentation='paths'] .path-print .path-brand-piece:first-child{grid-row:1/3}
body[data-work-presentation='paths'] .path-project[data-slug='hutchinson'] .path-print .path-brand-selection{grid-template-columns:1.6fr .65fr;grid-template-rows:minmax(0,1fr) 23%}
body[data-work-presentation='paths'] .path-project[data-slug='hutchinson'] .path-print .path-brand-piece:first-child{grid-row:auto}
body[data-work-presentation='paths'] .path-project[data-slug='hutchinson'] .path-print .path-brand-piece:last-child{grid-column:1/3}
body[data-work-presentation='paths'] .paths-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;transform:translateY(calc((1 - var(--paths-caption,1)) * 8px));opacity:var(--paths-caption,1);perspective:1400px;transform-style:preserve-3d}
body[data-work-presentation='paths'] .paths-attribution{min-width:0;flex:1;transform-style:preserve-3d}
body[data-work-presentation='paths'] .paths-title-surface{position:relative;transform-style:preserve-3d;pointer-events:none}
body[data-work-presentation='paths'] .paths-project-name{font:500 italic clamp(32px,3.8vw,56px)/1.1 'Bodoni Moda',Georgia,serif;letter-spacing:-.035em;margin:0}
body[data-work-presentation='paths'] #work-entry .paths-project-role{font:450 14px/1.4 'DM Sans',sans-serif;letter-spacing:0;margin:8px 0 0;color:#fff5dfad}
body[data-work-presentation='paths'] .paths-case-link{display:inline-flex;flex-shrink:0;min-height:48px;padding:0;border:0;border-radius:40px;font:450 16px/1.2 'DM Sans',sans-serif;transform-style:preserve-3d}
body[data-work-presentation='paths'] .paths-case-surface{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:48px;padding:10px 19px;border:1px solid #fff5df60;border-radius:40px;transition:border-color .25s,background .25s;pointer-events:none;transform-style:preserve-3d}
body[data-work-presentation='paths'] .paths-action-arrow{transition:transform .3s}
body[data-work-presentation='paths'] .paths-case-link:is(:hover,:focus-visible) .paths-case-surface{border-color:#fff5df;background:#fff5df0b}
body[data-work-presentation='paths'] .paths-case-link:is(:hover,:focus-visible) .paths-action-arrow{transform:translate(2px,-2px)}
@media(max-width:700px){
 body[data-work-presentation='paths'] #work-entry{width:min(90vw,calc(var(--paths-media-height) * 4 / 3));inset:calc(var(--paths-header-height,92px) + 12px) auto auto 50%;--paths-media-height:min(480px,calc(100svh - var(--paths-header-height,92px) - 245px))}
 body[data-work-presentation='paths'] .paths-top{gap:12px;margin-bottom:16px}
 body[data-work-presentation='paths'] .paths-toggle{gap:18px}
 body[data-work-presentation='paths'] .paths-toggle button{font-size:17px}
 body[data-work-presentation='paths'] .paths-caption{align-items:flex-start;flex-direction:column;gap:14px;padding:18px 0;min-height:145px}
 body[data-work-presentation='paths'] .paths-project-name{font-size:34px}
 body[data-work-presentation='paths'] #work-entry .paths-project-role{font-size:12px;margin-top:6px}
 body[data-work-presentation='paths'] .paths-case-link{font-size:14px;min-height:44px;padding:0}
 body[data-work-presentation='paths'] .paths-case-surface{min-height:44px;padding:9px 15px;gap:22px}
 body[data-work-presentation='paths'] .path-brand{--brand-static:1}
 body[data-work-presentation='paths'] .path-brand-selection{gap:12px}
 body[data-work-presentation='paths'] .path-brand-logo{width:76%;height:36%}
 body[data-work-presentation='paths'] .path-print .path-brand-selection{gap:10px}
 body[data-work-presentation='paths'] .path-brand-selection[data-artwork-count='2']{grid-template-columns:1fr 1.1fr;grid-template-rows:minmax(0,1fr)}
 body[data-work-presentation='paths'] .path-brand-selection[data-artwork-count='2'] .path-brand-piece:first-child{grid-row:auto}
}
@media(max-height:720px){body[data-work-presentation='paths'] .paths-top{margin-bottom:12px}body[data-work-presentation='paths'] .paths-caption{min-height:90px}body[data-work-presentation='paths'] .paths-project-name{font-size:32px}}
@media(max-height:700px) and (max-width:700px){body[data-work-presentation='paths'] .paths-caption{gap:9px;padding:12px 0;min-height:130px}}
@media(prefers-reduced-motion:reduce){body[data-work-presentation='paths'] *{scroll-behavior:auto!important}body[data-work-presentation='paths'] :is(.path-project,.paths-case-link,.path-brand img,.project-live-preview){transition:none!important}}
body.reduced[data-work-presentation='paths'] :is(.path-project,.paths-case-link,.path-brand img,.project-live-preview){transition:none!important}
body.reduced[data-work-presentation='paths'] .path-brand{--brand-static:1}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){body[data-work-presentation='paths'] .path-brand{--brand-static:1}}