/* PDF originals on desktop, content-led reading on phones. */
.brand-case{--brand-accent:#d4e92d;padding-top:94px;background:#eeede8;min-height:80vh}.project-bar{display:flex;align-items:center;gap:32px;padding:25px 4vw 22px;border-bottom:1px solid #cbc9bf}.project-bar h1{font-size:28px;letter-spacing:-1px;margin:0;display:flex;gap:16px;align-items:baseline}.project-bar h1 small{font-size:10px;letter-spacing:1.5px;color:#77776c;font-weight:500}.back-collection{font-size:12px;color:#68685d}.page-picker{margin-left:auto}.page-picker select{background:transparent;border:1px solid #b9b7ae;border-radius:0;padding:11px 32px 11px 14px;font:inherit;font-size:13px;max-width:340px;color:#222}.portfolio-panel[hidden]{display:none!important}.desktop-case{padding:3vw 2vw;background:#e4e3de}.art-image{display:block;position:relative;border:0;padding:0;margin:0;width:100%;background:transparent;text-align:left;cursor:zoom-in;color:inherit}.art-image img{display:block;width:100%;height:auto}.art-image>span{position:absolute;right:12px;bottom:12px;background:#fffef3e8;color:#292b23;padding:7px 12px;font:12px sans-serif;border:1px solid #0002;border-radius:30px;opacity:0;transition:opacity .2s}.art-image:hover>span,.art-image:focus-visible>span{opacity:1}.shared-note{font-size:12px;padding:0 0 15px;color:#5f6253}.mobile-case{display:none}.portfolio-pagination{display:flex;align-items:center;justify-content:space-between;padding:25px 4vw;gap:18px;border-top:1px solid #cbc9bf;border-bottom:1px solid #cbc9bf}.portfolio-pagination>div{display:flex;gap:8px}.portfolio-pagination a{height:40px;width:40px;display:grid;place-items:center;font-size:12px;border:1px solid transparent;border-radius:50%}.portfolio-pagination a[aria-current="page"]{background:var(--brand-accent);border-color:#0001}.portfolio-pagination button{border:0;background:transparent;font:inherit;font-size:13px;cursor:pointer;padding:12px 0;min-width:72px}.portfolio-pagination button:disabled{opacity:.25;cursor:default}.next-project{padding:40px 4vw 65px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 30px}.project-card{display:block;min-width:0;scroll-margin-top:130px}.project-cover{position:relative;background:#e2e1d9;overflow:hidden;aspect-ratio:2.43}.project-cover img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.project-card:hover .project-cover img{transform:scale(1.025)}.project-cover>span{position:absolute;bottom:12px;right:12px;background:#eeede8eb;padding:8px 12px;font-size:10px;letter-spacing:1px}.project-card-title{display:flex;align-items:baseline;gap:14px;margin-top:18px}.project-card-title>span{font-size:10px;color:#73746b}.project-card-title h2{font-size:28px;margin:0;font-weight:500;letter-spacing:-1px}.project-card-title>b{margin-left:auto;font-weight:400}.project-card>p{margin:7px 0 0 29px;font-size:12px;line-height:1.7;color:#676a60}.portfolio-index .collection-note{margin-bottom:45px}.image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;background:#1c1e20;color:#fff}.image-viewer::backdrop{background:#111e}.image-viewer[open]{display:flex;flex-direction:column}.viewer-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;background:#111316;border-bottom:1px solid #fff2;font-size:12px}.viewer-bar>span{max-width:35%;line-height:1.5}.viewer-bar>div{display:flex;align-items:center;gap:8px}.viewer-bar button,.viewer-bar a{border:1px solid #fff3;background:transparent;color:#fff;padding:9px 12px;font:inherit;cursor:pointer;border-radius:4px;white-space:nowrap}.viewer-scroll{overflow:auto;flex:1;padding:26px;overscroll-behavior:contain}.viewer-scroll img{display:block;width:100%;max-width:none;height:auto;margin:auto;touch-action:pan-x pan-y pinch-zoom}.proof-page{max-width:1160px;padding:160px 28px 100px;margin:auto}.proof-page h1{font-size:42px;line-height:1.25;letter-spacing:-1.5px;margin:20px 0}.proof-page h2{font-size:24px;letter-spacing:-.5px;margin:0 0 16px}.proof-page section{border-top:1px solid #cac9bf;margin-top:40px;padding-top:28px}.proof-page p,.proof-page li{font-size:15px;line-height:1.9;color:#51534b}.proof-page li{margin:10px 0}.proof-lead{max-width:800px}.proof-table-wrap{overflow:auto}.proof-page table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8}.proof-page th{text-align:left;padding:12px;background:#e1e2d8}.proof-page td{padding:18px 12px;border-bottom:1px solid #d2d1c7;vertical-align:top}.proof-page td:first-child{width:55px}.proof-page td:nth-child(2){width:190px}.proof-page td a{text-decoration:underline;text-underline-offset:4px}.proof-page td small{display:block;line-height:1.6;color:#72756b;margin-top:6px}.proof-page ol{padding-left:22px}
@media(max-width:760px){.brand-case{padding-top:107px}.project-bar{padding:20px;gap:12px;flex-wrap:wrap}.back-collection{font-size:11px;flex-basis:100%;margin-bottom:4px}.project-bar h1{font-size:25px;gap:0;display:block;flex:1}.project-bar h1 small{display:block;font-size:8px;margin-top:4px}.page-picker{max-width:62%;margin-left:auto}.page-picker select{width:100%;max-width:100%;font-size:11px;padding:11px 25px 11px 9px}.desktop-case{display:none}.mobile-case{display:block;padding:32px 20px 36px}.mobile-intro{padding:0 0 32px;border-bottom:1px solid #cbcdc1}.module-index{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#737969;display:block;margin-bottom:15px}.mobile-intro h2{font-size:32px;font-weight:600;line-height:1.25;margin:0 0 12px;letter-spacing:-1.1px}.mobile-subtitle{font-size:13px;line-height:1.7;margin-bottom:25px;color:#6a705e}.mobile-intro p,.mobile-section p{font-size:14px;line-height:1.95;color:#4b5146;margin:0 0 15px;overflow-wrap:anywhere}.mobile-section{padding-top:30px;margin-top:5px}.mobile-section h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0 0 18px}.mobile-section h4{font-size:15px;margin:24px 0 10px}.mobile-section .art-image{margin:13px 0 18px;box-shadow:0 3px 16px #151d1609}.mobile-section .art-image>span{opacity:1;font-size:9px;right:7px;bottom:7px;padding:5px 9px;background:#fffef3e0}.mobile-section details{font-size:12px;line-height:1.7;color:#737969}.mobile-section summary{cursor:pointer;padding:15px 0}.original-link{display:block;border-top:1px solid #cbcdc1;margin-top:32px;padding:24px 0 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.mobile-stat{background:var(--brand-accent);padding:22px;display:flex;align-items:baseline;gap:15px;margin:20px 0}.mobile-stat strong{font-size:42px;font-weight:500}.mobile-stat span{font-size:12px}.research-steps{font-size:12px;padding:17px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;line-height:1.6}.mobile-metrics{display:grid;gap:1px;background:#c6c9ba;border:1px solid #c6c9ba;margin:20px 0}.mobile-metrics>div{display:flex;justify-content:space-between;align-items:center;background:#e8ebdf;padding:18px}.mobile-metrics span{font-size:13px}.mobile-metrics strong{font-size:30px;font-weight:500}.portfolio-pagination{padding:15px 20px;gap:8px}.portfolio-pagination>div{gap:1px}.portfolio-pagination a{height:30px;width:30px;font-size:10px}.portfolio-pagination button{font-size:11px;min-width:55px}.next-project{padding:28px 20px 45px;font-size:11px;gap:12px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card-title h2{font-size:25px}.project-card-title{margin-top:14px}.project-card>p{font-size:11px}.project-cover>span{font-size:8px;padding:6px 9px;right:8px;bottom:8px}.viewer-bar{padding:12px;align-items:flex-start;flex-wrap:wrap;gap:10px}.viewer-bar>span{max-width:100%;flex-basis:100%;font-size:11px}.viewer-bar>div{width:100%;justify-content:space-between;gap:3px}.viewer-bar button,.viewer-bar a{font-size:10px;padding:9px 8px}.viewer-scroll{padding:15px}.proof-page{padding:150px 20px 65px}.proof-page h1{font-size:30px;letter-spacing:-1px}.proof-page h2{font-size:21px}.proof-page p,.proof-page li{font-size:14px}.proof-page table{min-width:640px}.proof-page td:nth-child(2){width:140px}.proof-page td{padding:15px 10px}}
@media(prefers-reduced-motion:reduce){.project-cover img{transition:none}}
/* The shared header is sticky and already occupies its own row. */
.brand-case{padding-top:0}.proof-page{padding-top:65px}
@media(max-width:760px){.brand-case{padding-top:0}.proof-page{padding-top:40px}}
.timeline-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0}.timeline-events>div{padding:13px;background:#e2e5d8;display:flex;gap:13px;align-items:center}.timeline-events b{font-size:11px;min-width:30px;font-weight:500;color:#707761}.timeline-events span{font-size:12px}
@media(max-width:600px){.portfolio-pagination a:first-child{display:grid}}
/* Mobile keeps the introduction above one unaltered PDF page. */
@media(max-width:760px){.mobile-original{margin-top:26px}.mobile-original .art-image>span{opacity:1;font-size:10px;right:8px;bottom:8px;padding:6px 10px}.mobile-original .art-image{box-shadow:0 3px 16px #151d1609}}