:root{font-family:Arial,Helvetica,sans-serif;color:#101010;background:#fff;font-synthesis:none;--edge:6vw}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #111;outline-offset:7px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:12px}.skip:focus{top:12px}.corner{position:fixed;z-index:10;font-size:clamp(24px,2.65vw,38px);font-weight:700;letter-spacing:-1.3px;line-height:1.1;background:#fff;padding:5px 0}.name{top:5.8vh;left:var(--edge)}.jpg{top:5.8vh;right:var(--edge)}.word{bottom:6vh;left:var(--edge)}.com{bottom:6vh;right:var(--edge)}.corner:hover{opacity:.55}main{min-height:100vh;padding:170px var(--edge) 165px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3.3vw;row-gap:115px}.card{display:block;text-align:center}.image-stage{height:260px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.kind{display:block;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 9px;line-height:1.3}.caption{font-size:14px;line-height:1.35;text-transform:uppercase;font-weight:400;margin:0}.sample-note{margin:70px 0 0;font-size:12px;color:#757575}.page-copy{max-width:680px;margin:15px auto 0}.page-copy h1{font-size:32px;letter-spacing:-1px;margin:0 0 45px;font-weight:400}.page-copy p{font-size:20px;line-height:1.55;margin:0 0 30px}.muted{color:#777}.label{font-size:12px;text-transform:uppercase;font-weight:bold;letter-spacing:.04em}.text-list{max-width:960px;margin:10px auto}.list-row{display:grid;grid-template-columns:100px 1fr 30px;gap:25px;padding:28px 0;border-top:1px solid #ddd;align-items:baseline}.list-row:last-child{border-bottom:1px solid #ddd}.list-row h2{font-size:24px;font-weight:400;margin:0;letter-spacing:-.5px}.list-row small{font-size:12px;color:#777}.list-row:hover h2{opacity:.55}.list-heading{font-size:12px;margin:0 0 55px;font-weight:400;text-transform:uppercase}.project-title{position:fixed;top:122px;left:var(--edge);z-index:3;max-width:250px;font-size:18px;line-height:1.25;margin:0}.project-info{position:fixed;left:var(--edge);top:182px;width:240px;z-index:4;background:white}.project-info summary{list-style:none;font-size:30px;cursor:pointer;width:44px;height:44px}.project-info summary::-webkit-details-marker{display:none}.project-info summary:before{content:'+'}.project-info[open] summary:before{content:'−'}.project-info .info-body{font-size:14px;line-height:1.6;max-height:calc(100vh - 330px);overflow:auto;padding-right:14px}.project-info p{margin:10px 0 24px}.project-gallery{width:53%;margin:0 auto;display:grid;gap:65px}.project-gallery figure{margin:0}.project-gallery img{width:100%;display:block}.project-gallery figcaption{font-size:12px;color:#777;margin-top:12px}.back-link{font-size:14px;margin-top:30px;display:inline-block;text-decoration:underline;text-underline-offset:4px}.article{max-width:650px;margin:auto}.article h1{font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:22px 0 45px}.article p{font-size:19px;line-height:1.7}.article .label{font-size:12px} @media(min-width:1600px){.image-stage{height:310px}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:75px}.image-stage{height:215px}.project-gallery{width:60%;margin-left:36%}.project-title,.project-info{max-width:24vw}.corner{letter-spacing:-.8px}}@media(max-width:700px){:root{--edge:6vw}.corner{font-size:23px;letter-spacing:-.8px}.name,.jpg{top:27px}.word,.com{bottom:24px}nav:before,nav:after{content:'';position:fixed;left:0;width:100%;height:85px;background:#fff;z-index:9;pointer-events:none}nav:before{top:0}nav:after{bottom:0}main{padding-top:125px;padding-bottom:125px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 7vw}.image-stage{height:185px;margin-bottom:18px}.caption{font-size:12px}.kind{font-size:12px}.page-copy{margin:0}.page-copy h1{font-size:28px}.page-copy p{font-size:18px}.project-title{position:static;max-width:none;font-size:20px;margin-bottom:10px}.project-info{position:static;max-width:none;width:100%;margin-bottom:20px}.project-info .info-body{max-height:none;font-size:16px}.project-gallery{width:100%;margin:0;gap:35px}.list-row{grid-template-columns:65px 1fr 16px;gap:12px;padding:24px 0}.list-row h2{font-size:19px}.article h1{font-size:34px}.article p{font-size:18px}.sample-note{margin-top:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.corner{border:0;cursor:pointer;font-family:inherit}.corner[aria-pressed="true"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.card{border:0;background:none;padding:0;font-family:inherit;cursor:pointer;width:100%;color:inherit}.card[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-open{overflow:hidden}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:120px 8vw;background:#fff;color:#111}dialog::backdrop{background:#fff}.close{position:fixed;top:35px;right:6vw;border:0;background:#fff;font-size:40px;cursor:pointer;line-height:1;width:44px;height:44px}#detail-body>h1{font-size:24px;letter-spacing:-.5px;margin:0 0 20px}.inline-info{font-size:16px;line-height:1.6;max-width:600px;margin-bottom:35px}.inline-info summary{cursor:pointer}.modal-gallery{max-width:750px;margin:auto;display:grid;gap:55px}.modal-gallery img{width:100%;display:block}@media(max-width:700px){dialog{padding:105px 6vw 60px}.close{top:25px}.modal-gallery{gap:30px}}

/* Project proportions measured from the Zeekr reference. */
.corner{font-size:35px;line-height:1.4;letter-spacing:-1px}.name,.jpg{top:50px}.word,.com{bottom:65px}
dialog nav .corner{z-index:12}
dialog .close{top:113px;right:6vw;font-size:28px;z-index:13}
dialog.project-view{padding:224px 0 150px}
.project-view #detail-body>h1{position:fixed;left:6vw;top:120px;width:clamp(190px,15vw,240px);font-size:22px;line-height:1.4;letter-spacing:0;margin:0;z-index:5;background:white}
.project-view .inline-info{position:fixed;left:6vw;top:150px;width:clamp(190px,15vw,240px);max-width:none;margin:0;background:#fff;z-index:6;font-size:13px;line-height:1.4}
.project-view .inline-info summary{list-style:none;display:flex;align-items:center;width:44px;height:40px;font-size:30px;line-height:1;cursor:pointer}
.project-view .inline-info summary::-webkit-details-marker{display:none}
.project-view .inline-info[open] summary span{font-size:0}
.project-view .inline-info[open] summary span:after{content:'−';font-size:30px}
.project-view .description-copy{max-height:calc(100dvh - 310px);overflow:auto;padding-right:8px}
.project-view .description-copy p{margin:0 0 16px}
/* Match the former desktop gallery width at roughly 67% browser zoom. */
.project-view .modal-gallery{width:min(48vw,480px);max-width:none;margin:0 auto;gap:25px}
.project-view .modal-gallery img{width:100%;height:auto;object-fit:contain}
.article img{display:block;width:100%;height:auto;margin:25px 0}
.text-cover{padding:24px;font-size:16px;line-height:1.5;text-align:left;overflow:hidden;height:100%;box-sizing:border-box}
.card .image-stage{width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.card .image-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}
.card .image-box img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.card-title{border:0;padding:0;background:none;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}
.card{cursor:default}
.card .image-stage:focus-visible{outline:2px solid currentColor;outline-offset:6px}
main img,#detail img,.image-box{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}
.video-player{display:block;width:100%;min-width:0;max-width:none}
.video-frame{position:relative;width:100%;aspect-ratio:16/9}
.video-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.modal-gallery{grid-template-columns:minmax(0,1fr)}
.article .video-player{margin:25px 0}
.video-controls button{padding:4px 0;border:0;background:none;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.video-controls button:disabled{opacity:.45;cursor:wait}
.video-actions button:last-child{margin-left:auto}
.video-seek{appearance:none;-webkit-appearance:none;background:transparent;color:inherit}
.video-seek::-webkit-slider-runnable-track{height:2px;background:currentColor}
.video-seek::-moz-range-track{height:2px;background:currentColor}
.video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:currentColor}
.video-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:currentColor}
.video-seek:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.video-seek:disabled{opacity:.35;cursor:default}
.video-play-surface:focus-visible{outline:2px solid currentColor;outline-offset:-5px}
.video-player:fullscreen{height:100%;padding:20px;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center}
.video-player:fullscreen .video-frame{flex:1;min-height:0;aspect-ratio:auto!important}
@media(max-width:800px){.corner{font-size:23px;line-height:1.1;letter-spacing:-.8px}.name,.jpg{top:27px}.word,.com{bottom:24px}dialog .close{top:90px}dialog.project-view{padding:125px 6vw 125px}.project-view #detail-body>h1{position:static;width:auto;font-size:22px;margin:0 45px 5px 0}.project-view .inline-info{position:static;width:100%;font-size:16px;line-height:1.5;margin-bottom:30px}.project-view .description-copy{max-height:none;padding:0}.project-view .modal-gallery{width:100%;gap:25px}dialog nav:before,dialog nav:after{content:'';position:fixed;left:0;width:100%;height:85px;background:#fff;z-index:11;pointer-events:none}dialog nav:before{top:0}dialog nav:after{bottom:0}}