/* Desktop project layout, on the same 1440px design grid as the home page. */
#detail-shell{position:relative;overflow:hidden}
.project-detail{width:1440px;position:relative;background:#f7f7f7;transform-origin:top left;padding-top:320px}
.detail-header{position:absolute;left:50px;top:0;width:1340px;height:88px;border-radius:0 0 76px 76px;background:#1d1d1b;color:#fff}
.detail-nav{left:87px;top:35px;gap:50px;font-size:14px}
.detail-logo{position:absolute;right:43px;top:21.5px;width:90px;height:45px}
.detail-logo img{width:100%;height:100%;object-fit:contain;display:block}
.detail-heading{position:absolute;top:150px;right:106px;color:transparent;-webkit-text-stroke:1px #c84633;font-size:128px;line-height:1;font-weight:700;letter-spacing:0}
.project-pager{position:absolute;left:120px;top:252px;font-size:14px;line-height:20px;font-weight:700}
.pager-divider{color:#c84633}
.project-pager a:hover{color:#c84633}
.detail-content{display:grid;grid-template-columns:300px 864px;column-gap:50px;margin-left:120px;align-items:start}
.detail-copy h1{font-size:34px;line-height:40.8px;font-weight:700;letter-spacing:0;margin:0 0 9px}
.detail-copy p{font-size:17px;line-height:20.4px;margin:0}
.detail-images{display:flex;flex-direction:column;gap:20px;width:864px}
.detail-images img{display:block;width:100%;height:auto;border-radius:0}
.detail-footer{position:relative;left:auto;width:1340px;height:129.167px;margin:190px 50px 0;padding:35.8px 63.23px;border-radius:70px 70px 0 0}

/* Reuse the exact outlined artwork from the home page, rotated horizontally. */
.detail-heading{width:611.2185px;height:115.1444px;margin:0;line-height:0;pointer-events:none}
.detail-heading img{position:absolute;left:0;top:0;display:block;width:115.1444px;height:611.2185px;max-width:none;transform-origin:0 0;transform:translateX(611.2185px) rotate(90deg)}

.detail-menu-positioner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:1000}
.detail-menu-positioner .detail-header{left:0;top:0;transform:scale(var(--menu-scale,1));transform-origin:top left}

/* IA examples reuse the project layout and the original IA vector title. */
.detail-heading.detail-heading-ia{width:152.64px;height:115.1444px}
.detail-heading-ia img{width:100%;height:100%;transform:none}

.detail-copy .project-client{margin-top:20.4px}

.detail-copy .project-description+.project-description{margin-top:20.4px}
.detail-copy .project-credits{margin-top:20.4px}
.detail-copy .project-credits p+p{margin-top:7px}

/* Keep the scaled document in a single scroll frame. */
#detail-shell{overflow:clip}