*{box-sizing:border-box}
:root{color-scheme:light;--ink:#191919;--muted:#737373;--accent:#ec432b;--ease:cubic-bezier(.19,1,.22,1)}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}body:has(dialog[open]){overflow:hidden}
.navigation{position:absolute;top:0;left:0;width:70%;height:80px;padding:0 3.3%;display:flex;align-items:center;justify-content:space-between;z-index:5}.wordmark{font-size:15px;font-weight:600;letter-spacing:-.5px}.wordmark .mark{color:var(--accent);font-size:24px}.edition{font-size:10px;letter-spacing:1.6px;color:#777}.navigation nav{display:flex;gap:30px;font-size:12px}.navigation a{transition:color .25s}.navigation a:hover{color:var(--accent)}
main{display:grid;grid-template-columns:70% 30%;min-height:100svh}.hero{height:100svh;min-height:620px;position:relative;display:grid;grid-template-columns:38% 1fr;gap:6.5%;align-items:center;padding:100px 4.7% 80px}.portrait{position:relative;align-self:center}.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.portrait-caption{display:block;color:#888;font-size:9px;letter-spacing:1.3px;margin-top:20px}.intro{padding:0 2% 20px 0}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#777;display:block;margin-bottom:25px}h1{font-size:clamp(32px,3.25vw,66px);font-weight:500;line-height:1.29;letter-spacing:-1.8px;margin:0}.ai{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:1.15em;letter-spacing:-2.6px}.period{color:var(--accent)}.discipline{font-size:12px;line-height:2;color:#747474;margin:30px 0 0;white-space:nowrap}.discipline span{margin:0 9px;color:#c0c0c0}.hero-index{position:absolute;left:6.7%;bottom:33px;display:flex;gap:20px;align-items:center;font-size:9px;letter-spacing:1.8px;color:#777}.hero-index span:last-child{font-size:18px;color:#222}
.work{height:100svh;min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#e9e9e7}.section-heading{position:absolute;bottom:0;left:0;right:0;height:102px;z-index:50;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 23px 24px;background:linear-gradient(transparent,rgba(233,233,231,.96));pointer-events:none}.section-heading h2{font-size:10px;letter-spacing:1.1px;font-weight:500;margin:0 0 10px}.section-heading h2 span,.gallery-hint{display:none}.gallery-controls{display:flex;align-items:center;gap:5px;pointer-events:auto}.gallery-controls button{height:36px;min-width:32px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;background:#ffffffdb;border-radius:2px;transition:background .25s}.gallery-controls button:hover{background:#fff}.gallery-controls #previous,.gallery-controls #next{font-size:18px}
.gallery{position:absolute;inset:0;overflow:hidden;touch-action:pan-x;cursor:grab}.gallery.dragging{cursor:grabbing}.track{position:absolute;inset:0}.orbit-slot{position:absolute;left:0;top:0;width:var(--card-width,340px);aspect-ratio:1.5;will-change:transform;pointer-events:none}.project-card{position:relative;display:block;width:100%;height:100%;border-radius:5px;padding:0;overflow:hidden;text-align:left;background:#fff;box-shadow:0 2px 3px #0000000a,0 16px 32px -15px #00000042;pointer-events:auto;transform-origin:50% 50%;transform:scale(1);transition:transform 560ms var(--ease),box-shadow 560ms var(--ease);user-select:none;-webkit-user-drag:none;backface-visibility:hidden;will-change:transform}.project-card.is-active{transform:rotate(var(--straighten,0deg)) scale(1.085);box-shadow:0 5px 8px #00000008,0 25px 48px -12px #0000004a}.project-card .card-top{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;z-index:2}.project-card .card-main{position:absolute;left:20px;right:20px;top:48px;bottom:43px;z-index:2}.project-card .cover-title{font-size:clamp(23px,2.6vw,46px);font-weight:500;line-height:1.03;letter-spacing:-1.2px;display:block}.project-card .card-bottom{position:absolute;left:20px;right:20px;bottom:17px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px}.card-bottom .arrow{font-size:20px;transition:transform .5s var(--ease)}.is-active .arrow{transform:translate(2px,-2px)}.project-card .cover-art{position:absolute;overflow:hidden;pointer-events:none}.cover-art img{position:absolute;max-width:none;pointer-events:none}
.robot{background:var(--accent);color:#fff}.robot .card-top{color:#fff9}.robot .cover-title{font-weight:500;font-size:clamp(26px,3vw,54px);letter-spacing:-1.7px}.robot .card-main{top:53px}.robot .cover-art{right:-12%;bottom:0;width:52%;height:70%;opacity:.11}.robot .cover-art img{height:100%;width:auto;left:0}.robot .card-bottom{color:#fffc}.oral{background:#f8f8f8;color:#202020}.oral .card-main{right:42%;top:58px}.oral .cover-title{font-size:clamp(22px,2.2vw,41px)}.oral .cover-art{right:0;top:33px;width:52%;height:73%}.oral .cover-art img{width:600%;height:auto;left:-30%;top:-16%}.oral .card-top{color:#777}.oral .card-bottom{background:linear-gradient(transparent,#f8f8f8 40%);padding-top:13px;bottom:14px}.glasses{background:#191919;color:#fff}.glasses .card-top{color:#929292}.glasses .card-main{right:41%;top:57px}.glasses .cover-title{font-size:clamp(22px,2.15vw,40px)}.glasses .cover-art{right:6%;top:28%;width:38%;height:45%;border-radius:2px}.glasses .cover-art img{width:1070%;height:auto;left:-828%;top:-175%}.glasses .card-bottom{color:#c8c8c8}
footer{display:none}dialog{width:min(1200px,94vw);max-height:92dvh;padding:0;border:0;background:#fff;color:var(--ink);overscroll-behavior:contain;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#101010a3;backdrop-filter:blur(9px)}.detail-nav{position:sticky;top:0;z-index:2;background:#fff;padding:17px 34px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.8px}.close{display:flex;align-items:center;gap:23px;min-height:38px}.close span{font-size:28px}.detail-heading{padding:50px 6%}.detail-heading h2{font-size:clamp(26px,4vw,52px);font-weight:500;letter-spacing:-1px;margin:20px 0 10px}.detail-heading p{font-size:14px;line-height:1.8;color:#747474}.detail-heading #project-category{font-size:10px;letter-spacing:1.2px}.detail-heading #project-description{max-width:780px;font-size:16px;color:#444;margin-top:26px}#project-pages{display:grid;gap:22px;padding:0 24px}#project-pages img{display:block;width:100%;height:auto}.detail-back{margin:34px auto;font-size:13px}
@media(min-width:1900px){.hero{padding-left:4%;padding-right:5%;gap:7%}.navigation{height:95px}.portrait img{max-width:470px}}
@media(max-width:1100px) and (min-width:701px){.edition{display:none}.hero{grid-template-columns:37% 1fr;gap:6%;padding-left:4%;padding-right:4%}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1px}.discipline{font-size:10px}.discipline span{margin:0 3px}.portrait-caption{font-size:7px;letter-spacing:.6px}.section-heading{padding:0 12px 20px}.section-heading h2{display:none}.gallery-controls{margin-left:auto}.project-card .card-top{left:14px;right:14px;top:13px;font-size:7px}.project-card .card-main{left:14px;top:39px}.project-card .card-bottom{left:14px;right:14px;bottom:10px;font-size:8px}.project-card .cover-title{font-size:23px}.robot .cover-title{font-size:28px}}
@media(max-width:700px){.navigation{position:relative;width:100%;height:62px;padding:0 6%}.edition{display:none}.navigation nav{gap:23px}main{grid-template-columns:1fr;min-height:0}.hero{height:auto;min-height:340px;padding:45px 6% 54px;grid-template-columns:35% 1fr;gap:8%}h1{font-size:clamp(29px,6.3vw,44px)}.eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:1px}.discipline{font-size:10px;margin-top:19px}.discipline span{margin:0 4px}.portrait-caption{font-size:7px;letter-spacing:.1px}.hero-index{display:none}.work{height:70svh;min-height:500px;margin-left:9%;width:91%}.section-heading{padding:0 20px 20px}.project-card .cover-title{font-size:34px}.robot .cover-title{font-size:40px}.detail-heading{padding:26px}.detail-nav{padding:12px 20px}#project-pages{padding:0 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.card-bottom .arrow{transition:none}}
/* Isolate the product imagery from the supplied case-study sheets. */
.robot .cover-art{display:none}
.oral .cover-art img{width:758%;left:-4%;top:-13%;height:auto}
.glasses .cover-art{right:5%;top:35%;width:42%;height:auto;aspect-ratio:2.62}
.glasses .cover-art img{width:918%;left:-713%;top:-227%;height:auto}
.project-card .card-bottom{font-size:11px}