:root{--bg:#f4f3ef;--ink:#171717;--pad:clamp(28px,5.2vw,82px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.topnav{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:25px var(--pad);font-size:11px;letter-spacing:.08em;z-index:5}.topnav a{color:inherit;text-decoration:none}.topnav nav{display:flex;gap:26px}.intro{height:100vh;min-height:680px;position:relative;padding:18vh var(--pad) 6vh}.eyebrow{font-size:11px;letter-spacing:.08em;margin:0}.intro h1{font-size:clamp(95px,14.4vw,220px);font-weight:500;line-height:.77;letter-spacing:-.075em;margin:14vh 0 0}.lead{position:absolute;right:var(--pad);bottom:15vh;width:min(480px,35vw);font-size:15px;line-height:1.6}.scroll{position:absolute;bottom:32px;left:var(--pad);font-size:10px;letter-spacing:.1em}.project{padding:12vh var(--pad) 15vh;border-top:1px solid #ddd}.head{display:grid;grid-template-columns:1fr 4.8fr;gap:24px;margin-bottom:7vh}.head span,small{font-size:10px;letter-spacing:.1em;line-height:1.5}.head h2{font-size:clamp(62px,9vw,140px);line-height:.84;letter-spacing:-.065em;font-weight:500;margin:0}.full{width:100%;height:auto;display:block}.contain{object-fit:contain}.spaced{margin-top:8vh}.copy{display:grid;grid-template-columns:1fr 4.8fr;gap:24px;padding:10vh 0}.copy>div{max-width:850px}.copy h3{font-size:clamp(34px,4.6vw,70px);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0 0 35px}.copy p{font-size:15px;line-height:2;max-width:720px}.movie,.embedded,.lp,.highlight{margin-top:10vh}.movie small,.embedded small,.lp small,.highlight>small{display:block;margin-bottom:18px}.movie video,.embedded video{width:100%;aspect-ratio:16/9;display:block;background:#111}.lp img{display:block;width:100%;height:auto}.r6-detail{display:block;width:100%;max-height:86vh;object-fit:cover}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.two img{width:100%;height:auto;display:block}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.three img{width:100%;display:block}.highlight>.wide{width:100%;display:block}.equal{display:grid;grid-template-columns:1fr 1fr;gap:18px}.equal img{width:100%;height:55vw;max-height:720px;object-fit:cover;display:block}.sense{padding-top:0}.sense-nav{display:grid;grid-template-columns:1fr auto auto;gap:45px;padding:26px 0 14vh;font-size:10px;letter-spacing:.08em}.sense-title{display:grid;grid-template-columns:1fr 4.6fr 1.4fr;gap:24px;align-items:end;margin-bottom:6vh}.sense-title>span,.sense-title>p{font-size:10px;line-height:1.55;letter-spacing:.06em;margin:0 0 7px}.sense-title h2{font-size:clamp(92px,14.5vw,220px);line-height:.72;letter-spacing:-.078em;font-weight:500;margin:0}.archive{padding:15vh var(--pad);border-top:1px solid #ddd}.archive-head{display:grid;grid-template-columns:1fr 4.8fr;gap:24px;margin-bottom:13vh}.archive-head h2{font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.06em;font-weight:500;margin:0}.archive article{margin:0 0 16vh}.archive h3{font-size:13px;font-weight:500;letter-spacing:.08em;margin:0 0 24px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.four img{width:100%;display:block}.single img{display:block;width:min(68vw,900px);height:auto}.clio-catalog{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.clio-catalog img{width:100%;display:block}.clio-four{display:grid;grid-template-columns:1.35fr .72fr .72fr 1.35fr;gap:12px;align-items:center;margin-top:7vh}.clio-four img{width:100%;height:auto;display:block}.clio-extra{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start;margin-top:9vh}.clio-extra img{width:100%;height:auto;object-fit:contain;display:block}.about{padding:15vh var(--pad);border-top:1px solid #ddd}.about h2{font-size:clamp(72px,11vw,165px);line-height:.8;letter-spacing:-.07em;font-weight:500;margin:5vh 0}.about p{max-width:620px;margin-left:auto;line-height:1.9}footer{padding:30px var(--pad);border-top:1px solid #ddd;font-size:10px;letter-spacing:.08em}.reveal{opacity:0;transform:translateY(18px);transition:.8s ease}.reveal.in{opacity:1;transform:none}@media(max-width:760px){.topnav nav span{display:none}.intro h1{font-size:21vw}.lead{position:static;width:auto;margin:12vh 0 0}.head,.copy,.archive-head,.sense-title{grid-template-columns:1fr}.head h2{font-size:16vw}.sense-title h2{font-size:22vw}.sense-title>p{margin-top:20px}.two,.three,.equal,.clio-catalog,.clio-extra{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}.clio-four{grid-template-columns:1fr 1fr}.equal img{height:auto}.single img{width:100%}}

/* 2026-10-03 feedback pass */
.sense-project-top{background:transparent}
.lp-cutouts{display:grid;grid-template-columns:1fr;gap:4vh;background:var(--bg)}
.lp-cutouts img{display:block;width:100%;height:auto;background:var(--bg)}
.nanoe-equal img{height:42vw;max-height:650px;object-fit:cover}
.r7-equal img{height:50vw;max-height:760px;object-fit:cover}
.primary-wide img{width:100%;max-width:none}
.clio-extra{grid-template-columns:auto auto;gap:4vw;align-items:stretch}
.clio-extra img{width:auto;height:min(48vw,720px);max-width:100%;object-fit:contain}
@media(max-width:760px){.nanoe-equal img,.r7-equal img{height:auto}.clio-extra img{width:100%;height:auto}}

/* Requested portfolio revision, 2026-10-05 */
.head{grid-template-columns:minmax(0,1fr) minmax(180px,24%);gap:28px 24px;align-items:end}
.head h2{grid-column:1/-1;overflow-wrap:normal}
.head span{grid-column:1;align-self:end}
.head .project-meta{grid-column:2;font-size:10px;line-height:1.55;letter-spacing:.06em;margin:0}
.sense-nav{grid-template-columns:1fr}
.nanoe-equal{grid-template-columns:repeat(2,minmax(0,1fr))}
.nanoe-equal img{height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover}
.archive .head h2{font-size:clamp(40.3px,5.85vw,91px);line-height:.9;letter-spacing:-.065em;font-weight:500;margin:0}
.archive .copy h3{font-size:clamp(25px,3vw,45px);line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:0 0 28px}
.archive .copy{padding:7vh 0 0}
.about-portrait{width:calc((100% - 18px)/2);height:auto;display:block;margin:7vh 0 4vh}
.about-bio{width:calc((100% - 18px)/2)}
.about .about-bio p{font-size:15px;line-height:1.9;max-width:none;margin:0}
@media(max-width:760px){.head{grid-template-columns:minmax(0,1fr)}.head .project-meta{grid-column:1}.archive .head h2{font-size:10.4vw}.about-portrait,.about-bio{width:100%}.nanoe-equal{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;transform:none}}

.about-bio{width:100%;max-width:none}

/* Profile beside photo, vertically centred. */
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:center;margin:7vh 0 4vh}
.about-layout .about-portrait{width:100%;margin:0}
.about-layout .about-bio{width:100%;padding-left:clamp(14px,2vw,32px)}
.about-layout .about-bio p{margin:0;font-size:15px;line-height:1.9;overflow-wrap:anywhere}
.language-switch{display:flex;gap:9px;align-items:center}
.language-switch button{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;opacity:.45}
.language-switch button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.language-switch button:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:760px){.topnav nav .language-switch{display:flex}.topnav nav{gap:12px}.about-layout{grid-template-columns:1fr;gap:28px}.about-layout .about-bio{padding-left:0}}