*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;border-top:5px solid #000;background:#fff;color:#333;font:16px/1.65 Roboto,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #222;outline-offset:5px}img{max-width:100%;height:auto;display:block}header{height:58px;position:sticky;top:0;background:#fffffff5;z-index:10}.nav{max-width:940px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.brand img{width:27px}.menu-button{width:44px;height:44px;border:0;background:none;font-size:25px;cursor:pointer}.menu{position:absolute;right:max(16px,calc((100% - 940px)/2));top:58px;padding:24px 30px;border:2px solid #111;background:white;box-shadow:5px 5px 0 #eee}.menu a{display:block;text-decoration:none;margin:12px 0;font:700 22px Roboto,sans-serif}.menu[hidden]{display:none}.hero{text-align:center;padding:0 20px 112px}.hero>img{width:48px;margin:0 auto 10px}.hero h1{font:400 14px/1.5 'Roboto Condensed',sans-serif;margin:0;text-transform:uppercase}.hero .discipline{font:12px 'Roboto Condensed';margin:0}.hero blockquote{font:italic 300 17px/1.5 Roboto,sans-serif;margin:40px auto 8px;text-transform:uppercase}.hero cite{font:12px 'Roboto Condensed';font-style:normal;text-transform:uppercase}.section-heading{text-align:center;margin:24px auto 65px}.section-heading h2{font:700 40px/1.1 Roboto,sans-serif;margin:0 0 10px;color:#000;text-transform:uppercase}.section-heading p{font:14px 'Roboto Condensed';text-transform:uppercase;margin:0}.work-grid{max-width:960px;margin:0 auto 110px;padding:0 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 12px;list-style:none}.work-card .number{font:700 28px/1.2 Roboto}.work-card h3{font:italic 15px/1.3 'Roboto Condensed';text-transform:uppercase;margin:6px 0 14px;min-height:38px}.thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:3px solid #000;overflow:hidden;background:#fff}.thumb img{width:75%;height:75%;object-fit:contain;transition:transform .25s}.thumb img.logo-ink{filter:brightness(0)}.thumb.cover img{width:100%;height:100%;object-fit:cover}.thumb:hover img{transform:scale(1.045)}.card-meta{font:12px/1.5 'Roboto Condensed';text-transform:uppercase;margin:16px 0;min-height:54px}.view-project,.outline-button{display:inline-block;background:white;border:2px solid #111;padding:8px 14px;text-decoration:none;font:13px 'Roboto Condensed';text-transform:uppercase}.view-project:hover,.outline-button:hover{background:#111;color:#fff}.contact{max-width:650px;margin:0 auto 100px;padding:0 22px}.contact form{display:grid;gap:15px}.contact input,.contact textarea{width:100%;padding:13px;border:1px solid #999;background:#fff;border-radius:0}.contact textarea{min-height:155px;resize:vertical}.contact button{justify-self:start;cursor:pointer}.contact .email{display:block;margin:24px auto 0}.copy-status{text-align:center;font-size:13px;min-height:1.5em}.footer{border-top:1px solid #ddd;max-width:940px;margin:auto;padding:25px 8px 38px;display:flex;justify-content:space-between;gap:20px;font:12px 'Roboto Condensed';text-transform:uppercase}.project-intro{max-width:940px;margin:50px auto 50px;display:grid;grid-template-columns:2.7fr 1fr;gap:50px;padding:0 8px}.project-intro h1{font:700 clamp(30px,3.3vw,40px)/1.12 'Roboto Condensed';text-transform:uppercase;margin:10px 0 15px;color:#333}.project-intro .medium{font:14px/1.5 'Roboto Condensed';text-transform:uppercase}.project-intro p{font:14px/1.7 Roboto;margin:0}.back-link{font:12px 'Roboto Condensed';text-transform:uppercase}.project-nav{max-width:1190px;margin:0 auto 30px;padding:12px 8px;border-block:1px solid #ddd;display:flex;gap:28px;font:13px 'Roboto Condensed';text-transform:uppercase}.project-nav a{text-decoration:none}.project-nav [aria-current]{text-decoration:underline}.project-section{max-width:1190px;margin:auto;padding:0 8px}.project-section[hidden]{display:none}.work-figure{margin:0 0 65px}.work-figure>a{display:block}.work-figure img,.work-figure video{width:100%;height:auto;background:#f7f7f7}.work-figure figcaption{font:12px/1.6 'Roboto Condensed';text-transform:uppercase;margin:12px 0;color:#666}.study-note{max-width:760px;margin:68px 0 30px}.study-note h2{font:700 26px/1.3 'Roboto Condensed';text-transform:uppercase;margin:0 0 15px}.study-note p{font:16px/1.75 Roboto;margin:0 0 14px}.record{width:100%;max-width:none;margin:50px 0 90px}.record dl{display:grid;grid-template-columns:120px 1fr;gap:14px 25px}.record dt{font-weight:700}.record dd{margin:0}.record h2{font:700 28px 'Roboto Condensed'}.project-next{margin:80px 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid #bbb;padding-top:30px}.gallery{margin:0 0 65px}.gallery-stage{background:#f5f5f5;aspect-ratio:4/3;display:grid;place-items:center}.gallery-stage img{width:100%;height:100%;object-fit:contain;min-height:0}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:16px}.gallery-controls button{width:44px;height:44px;border:1px solid #aaa;background:transparent;cursor:pointer}.gallery-caption{text-align:center;font-size:13px}.gallery [data-gallery-caption]{min-height:24px}.desktop-interaction iframe{width:100%;aspect-ratio:16/10;border:0}.desktop-interaction button{cursor:pointer}.desktop-interaction>img{width:100%}.desktop-interaction .preview-wrap{position:relative}.desktop-interaction .try-interaction{position:absolute;inset:auto 20px 20px auto}.mobile-interaction{display:none}dialog{border:0;padding:0;background:#fff;max-width:96vw;max-height:94dvh}dialog::backdrop{background:#000c}dialog img{max-height:85dvh;width:auto;object-fit:contain}dialog button{display:block;margin:10px 14px 10px auto;border:1px solid #333;background:white;padding:8px 14px;cursor:pointer}@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 18px;padding:0 22px}.nav{padding:0 22px}.hero{padding-top:18px;padding-bottom:80px}.project-intro{grid-template-columns:1fr;margin:25px 22px 35px;padding:0;gap:25px}.project-intro p{font-size:15px}.project-section{padding:0 18px}.project-nav{margin:0 18px 25px;gap:24px}.study-note{margin-top:35px}.work-figure{margin-bottom:35px}.desktop-interaction{display:none}.mobile-interaction{display:block}.record dl{grid-template-columns:90px 1fr}.footer{padding-inline:22px}.project-next{flex-direction:column}.thumb{border-width:2px}}@media(max-width:400px){.work-grid{gap:35px 12px;padding-inline:16px}.work-card h3{font-size:13px}.card-meta{font-size:11px}.view-project{padding:8px 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original portfolio rules: list-item, div-block, button, text-field and cont4work. */
.work-grid{gap:0;max-width:960px;padding:0 10px}.work-card{border-left:1px solid rgba(0,0,0,.07);border-bottom:1px solid rgba(0,0,0,.07);padding:22px 10px 30px 0}.work-card .number{display:block}.thumb{height:200px;aspect-ratio:auto;border:3px solid #000}.thumb img{width:65%;height:65%;max-width:150px;max-height:150px}.work-card h3{margin-top:5px;font-weight:300}.card-meta{min-height:54px;margin:14px 0 10px}.view-project{background:#000;color:#fff;border:2px solid #000;font:500 10px/1.5 Roboto,sans-serif;padding:3px 17px}.view-project:hover{background:#fff;color:#000}.contact input,.contact textarea{border:2px solid #000}.contact textarea{min-height:250px}.outline-button{border:2px solid #000;background:#000;color:#fff}.outline-button:hover{background:white;color:black}.project-nav{border-block:3px solid #000}.project-next{border-top:0;padding-top:0}.footer{border-top:3px solid #000}.record dl{border-top:2px solid #000;padding-top:20px}#overview .work-figure{margin-bottom:20px}.gallery-controls button{border:2px solid #000}.project-intro p{font-size:13px}.project-section{width:80%;max-width:1200px;padding:0}.project-nav{width:80%;max-width:1200px}.project-intro{grid-template-columns:3fr 1fr;gap:25px}.menu{box-shadow:none;border:3px solid #000}
@media(max-width:991px){.thumb{height:170px}}
@media(max-width:767px){.work-grid{grid-template-columns:1fr;padding:0 22px}.work-card{padding:22px 10px 32px 0}.work-card h3{min-height:0;font-size:15px}.thumb{height:300px}.thumb img{max-width:150px;max-height:150px}.card-meta{min-height:0;font-size:12px}.project-intro{grid-template-columns:1fr;gap:25px}.project-intro p{font-size:14px}.project-section,.project-nav{width:auto;margin-left:22px;margin-right:22px}.view-project{padding:8px 17px;font-size:11px}}
@media(max-width:479px){.thumb{height:250px}}

/* Uninterrupted artwork, followed by the full-width record. */
#case-study .work-figure{margin-bottom:24px}