/* A white, typographic presentation: bold grotesk headings and compact,
   left-aligned project text, following the reference's page hierarchy. */
body{font-family:Arial,Helvetica,sans-serif;font-weight:400;color:#333}
.work,.media,.poster-collection,.website-project,.review-progress{background:#fff;color:#333}
.work[data-category=posters]{background:#fff}
.work{touch-action:pan-y}.work-shade{display:none}
body[data-view=work] .header,body[data-view=work] .about-sidebar button{color:#333}
.category-wheel{overflow:clip}
.wheel-track,.wheel-echo{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.4px}
.wheel-track button:hover,.wheel-echo span:hover{color:#68756b}
button:focus-visible,a:focus-visible{outline-color:#60766b}
.poster-collection{scrollbar-color:#aaa #fff}
.poster-heading h3,.website-introduction h3,.website-copy h3,.review-copy h3,.fashion-header h3{font-family:Arial,Helvetica,sans-serif;font-size:32px;font-weight:700;line-height:1.05;letter-spacing:-.5px}
.poster-kicker,.website-kicker{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:0;color:#555}
.poster-introduction{font-size:16px;font-weight:400;line-height:1.3;max-width:470px;margin:20px 0 0}
.poster-authorship,.poster-scroll-hint{font-size:12px;color:#555;letter-spacing:0}
.poster-heading-note{align-items:flex-start;gap:24px}
.poster-gallery{gap:100px}
.poster-entry[data-poster]{margin-top:0;row-gap:14px}
.poster-entry[data-poster] .poster-preview{grid-row:1;max-width:none;justify-self:stretch}
.poster-entry[data-poster] .poster-caption{grid-row:2;max-width:none;padding:0;display:grid;grid-template-columns:47px minmax(0,1fr);column-gap:10px;row-gap:4px;align-self:start}
.poster-caption .poster-number{grid-column:1;grid-row:1;font-size:11px;line-height:1.3;letter-spacing:0;color:#666}
.poster-entry[data-poster] .poster-caption h4{grid-column:2;grid-row:1;font-size:16px;font-weight:400;line-height:1.2;letter-spacing:0;margin:0}
.poster-kind{grid-column:2;grid-row:2;font-size:12px;line-height:1.3;color:#666;margin:0}
.poster-view{grid-column:2;grid-row:3;justify-self:start;font-size:11px;line-height:1.3;color:#333;margin-top:8px;border-bottom:0;text-decoration:underline;text-underline-offset:3px;padding:0}
.poster-view:hover{color:#68756b}
.poster-caption .poster-event-link{grid-column:2;grid-row:4;font-size:11px;margin-top:7px;color:#333}
.poster-entry[data-poster="1"] .poster-preview,.poster-entry[data-poster="1"] .poster-caption{grid-column:1 / 6}
.poster-entry[data-poster="2"]{margin-top:-260px}
.poster-entry[data-poster="2"] .poster-preview,.poster-entry[data-poster="2"] .poster-caption{grid-column:7 / -1}
.poster-entry[data-poster="3"] .poster-preview,.poster-entry[data-poster="3"] .poster-caption{grid-column:2 / 6}
.poster-entry[data-poster="4"]{margin-top:-190px}
.poster-entry[data-poster="4"] .poster-preview,.poster-entry[data-poster="4"] .poster-caption{grid-column:7 / -1}
.poster-entry[data-poster="5"] .poster-preview,.poster-entry[data-poster="5"] .poster-caption{grid-column:1 / 7}
.poster-entry[data-poster="6"]{margin-top:-390px}
.poster-entry[data-poster="6"] .poster-preview,.poster-entry[data-poster="6"] .poster-caption{grid-column:9 / -1}
.poster-footer{color:#666;border-color:#ddd;margin-top:90px}.poster-footer button{color:#333}
.poster-event-link,.project-visit{color:#333;border-color:#555}.project-visit:hover{color:#68756b}
.website-project{left:240px;padding:64px 76px 130px 30px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}
.website-project:focus-visible,.fashion-development:focus-visible{outline:none}
.website-introduction{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1240px;margin:0 auto}
.website-introduction h3{margin:0;max-width:370px}
.website-introduction p{font-size:16px;line-height:1.3;margin:0;max-width:470px}
.website-layout{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:center;margin:85px auto 0;max-width:1240px;min-height:350px}
.website-preview{height:auto;gap:12px}.website-preview img{height:auto;max-height:62vh;object-fit:contain}.website-preview figcaption{font-size:10px;line-height:1.4;letter-spacing:0;color:#666;text-align:left}
.website-copy h3{font-size:30px;margin:15px 0 18px}.website-copy h3 span{display:inline}
.website-role,.website-status{font-size:14px;line-height:1.35;color:#333;margin:0 0 18px}
.website-status{font-weight:700}.website-status span{font-size:13px;font-weight:400;color:#555;letter-spacing:0;margin-top:4px}
.website-summary{display:block;font-size:15px;line-height:1.35;color:#444;margin:20px 0 24px}
.website-development{font-size:13px;line-height:1.35;color:#666;margin:0 0 24px}
.project-visit{font-size:12px;line-height:1.3;padding-bottom:3px}
.work[data-category=websites] .gallery-controls{bottom:12px;background:#fff;padding:0 15px;color:#333}
.work[data-category=websites] .role-caption,.work[data-category=websites] .sample-note{display:none}
.work[data-category=websites] .expand-work{background:#fff;padding:8px;color:#333;bottom:19px}
.review-copy h3{font-size:32px}.review-status,.review-description{font-size:15px;line-height:1.35;color:#444}.work[data-category=editorial] .sample-note{color:#666}
.fashion-development{left:240px;padding:64px 76px 80px 30px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y}
.fashion-development.is-current{pointer-events:auto}
.fashion-header,.fashion-columns,.fashion-sketches{max-width:1240px;margin-left:auto;margin-right:auto}
.fashion-header{margin-bottom:55px}.fashion-header h3{margin:0 0 12px}.fashion-header>p{font-size:14px;margin:0;color:#555}
.fashion-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.fashion-development h4{font-size:24px;line-height:1.05;font-weight:700;letter-spacing:-.2px;margin:0 0 23px}
.fashion-development h5{font-size:18px;line-height:1.15;font-weight:700;margin:30px 0 13px}
.fashion-columns p,.fashion-columns li{font-size:15px;line-height:1.35;margin:0 0 18px}
.fashion-columns ul{margin:0 0 30px;padding-left:20px}.fashion-columns li{margin:0 0 5px}
.fashion-vision .fashion-now{font-size:15px;font-weight:700;line-height:1.3;margin-bottom:20px}
.fashion-vision .fashion-question{font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-.3px;margin-bottom:28px}
.fashion-sketches{margin-top:75px;padding-top:28px;border-top:1px solid #ddd}.fashion-sketches h4{margin-bottom:15px}.fashion-sketches p{font-size:14px;color:#666;margin:0}
.work[data-category=fashion] .role-caption,.work[data-category=fashion] .sample-note,.work[data-category=fashion] .gallery-controls,.work[data-category=fashion] .expand-work{display:none}
.work[data-category=fashion] .category-wheel{width:220px}
.overlay,.project-dialog,.lightbox-dialog,.lightbox-dialog.is-poster,.lightbox-dialog .lightbox-bottom,.lightbox-dialog.is-poster .lightbox-bottom{background:#fff;color:#333}
.overlay::backdrop,.lightbox-dialog::backdrop{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.poster-detail-copy>span,.poster-detail-copy p{color:#666}.poster-detail-copy h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.4px;font-size:30px}
.project-dialog article{font-size:16px;line-height:1.35}.project-dialog h2{font-size:32px;line-height:1.05;font-weight:700}
.lightbox-canvas.is-website .website-project{left:0;padding:0;overflow:visible}
.lightbox-canvas.is-website .website-introduction{display:none}
.lightbox-canvas.is-website .website-layout{position:absolute;inset:0;margin:0;min-height:0}
@media(min-width:1500px){.website-project,.fashion-development{left:270px;padding-left:30px;padding-right:100px;padding-top:80px}.poster-entry[data-poster="2"]{margin-top:-330px}.poster-entry[data-poster="4"]{margin-top:-240px}.poster-entry[data-poster="6"]{margin-top:-440px}}
@media(min-width:701px) and (max-width:1000px){.website-project,.fashion-development{left:210px;padding:70px 55px 100px 25px}.website-introduction{grid-template-columns:1fr;gap:20px}.website-introduction h3{font-size:29px}.website-layout{grid-template-columns:1fr;gap:30px;margin-top:55px;min-height:0}.website-preview img{max-height:45vh}.website-copy{max-width:470px}.fashion-columns{gap:32px}.fashion-columns p,.fashion-columns li{font-size:14px}.fashion-vision .fashion-question{font-size:21px}.fashion-development h4{font-size:21px}.poster-introduction{font-size:15px}.poster-heading{gap:25px}.poster-heading h3{font-size:30px}.poster-authorship,.poster-scroll-hint{font-size:11px}.poster-entry[data-poster="2"]{margin-top:-190px}.poster-entry[data-poster="4"]{margin-top:-130px}.poster-entry[data-poster="6"]{margin-top:-270px}.poster-entry[data-poster] .poster-caption{grid-template-columns:1fr}.poster-caption .poster-number{grid-column:1;grid-row:1}.poster-entry[data-poster] .poster-caption h4{grid-column:1;grid-row:2;font-size:14px}.poster-kind{grid-column:1;grid-row:3}.poster-view{grid-column:1;grid-row:4}.poster-caption .poster-event-link{grid-column:1;grid-row:5}}
@media(max-width:700px){
 .poster-heading{display:block;margin-bottom:40px}.poster-heading h3{font-size:30px;margin:12px 0}.poster-introduction{font-size:15px;line-height:1.3;margin:18px 0 0}.poster-kicker{font-size:11px}.poster-heading-note{flex-direction:row;justify-content:space-between;max-width:none;margin-top:22px;padding-top:0;gap:15px}.poster-authorship,.poster-scroll-hint{font-size:11px}
 .poster-gallery{gap:65px}.poster-entry[data-poster]{margin-top:0;row-gap:13px}.poster-entry[data-poster] .poster-caption{grid-template-columns:38px minmax(0,1fr);gap:4px 8px}.poster-entry[data-poster] .poster-caption h4{font-size:15px}.poster-number{font-size:10px}.poster-kind{font-size:11px}
 .poster-entry[data-poster="1"] .poster-preview,.poster-entry[data-poster="1"] .poster-caption{grid-column:1 / 6}
 .poster-entry[data-poster="2"] .poster-preview,.poster-entry[data-poster="2"] .poster-caption{grid-column:1 / -1}
 .poster-entry[data-poster="3"] .poster-preview,.poster-entry[data-poster="3"] .poster-caption{grid-column:2 / -1}
 .poster-entry[data-poster="4"] .poster-preview,.poster-entry[data-poster="4"] .poster-caption{grid-column:1 / -1}
 .poster-entry[data-poster="5"] .poster-preview,.poster-entry[data-poster="5"] .poster-caption{grid-column:1 / 6}
 .poster-entry[data-poster="6"] .poster-preview,.poster-entry[data-poster="6"] .poster-caption{grid-column:2 / -1}
 .website-project,.fashion-development{inset:235px 0 0;padding:18px 20px 120px}.website-introduction{grid-template-columns:1fr;gap:18px}.website-introduction h3{font-size:28px;max-width:300px}.website-introduction p{font-size:15px;line-height:1.3}.website-layout{grid-template-columns:1fr;grid-template-rows:auto auto;gap:28px;margin-top:45px;min-height:0}.website-preview img{height:auto;max-height:45vh}.website-preview figcaption{font-size:9px}.website-copy h3{font-size:28px;margin:12px 0 17px}.website-copy h3 span{display:inline}.website-role,.website-status{font-size:14px;margin-bottom:18px}.website-summary{display:block;font-size:14px;margin:18px 0}.website-status span,.website-development{font-size:12px}.project-visit{font-size:12px}
 .work[data-category=websites] .category-wheel,.work[data-category=fashion] .category-wheel{top:176px;height:90px;width:245px}.work[data-category=fashion] .wheel-track,.work[data-category=fashion] .wheel-echo{font-size:16px}
 .work[data-category=websites] .gallery-controls{bottom:0;left:0;right:0;transform:none;height:56px;justify-content:center}.work[data-category=websites] .expand-work{bottom:9px}
 .fashion-header{margin-bottom:38px}.fashion-header h3{font-size:28px}.fashion-header>p{font-size:13px}.fashion-columns{grid-template-columns:1fr;gap:42px}.fashion-development h4{font-size:24px;margin-bottom:20px}.fashion-columns p,.fashion-columns li{font-size:15px;line-height:1.35}.fashion-vision .fashion-question{font-size:23px}.fashion-sketches{margin-top:45px}.fashion-development{padding-bottom:60px}
 .review-copy h3{font-size:28px}.review-status,.review-description{font-size:14px;line-height:1.35}
 .poster-detail-copy h3{font-size:25px}.poster-detail-copy>span,.poster-detail-copy p{font-size:11px}.poster-event-link{font-size:11px}
 .lightbox-canvas.is-website .website-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:20px}.lightbox-canvas.is-website .website-preview{height:100%;min-height:0}.lightbox-canvas.is-website .website-preview img{height:calc(100% - 25px);max-height:none}.lightbox-canvas.is-website .website-summary{display:none}
}
@media(max-height:700px) and (max-width:700px){.website-project,.fashion-development{top:205px}.work[data-category=websites] .category-wheel,.work[data-category=fashion] .category-wheel{top:158px;height:75px}}