@font-face{font-family:'Inter Variable';src:url('fonts/Inter-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--black:#050505;--paper:#f1f0ec;--muted:#99968f;--serif:Georgia,'Times New Roman',serif;--sans:'Inter Variable',Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button:focus-visible,a:focus-visible{outline:1px solid #fff;outline-offset:7px}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:-80px;left:24px;z-index:200;background:#eee;color:#000;padding:12px}.skip-link:focus{top:15px}.site-header{position:absolute;inset:0 0 auto;height:100px;display:flex;align-items:flex-start;padding:34px 38px;z-index:20;font-size:17px}.wordmark{letter-spacing:-.04em;font-size:21px;white-space:nowrap}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:31px;padding-top:3px}.site-header nav button{opacity:.82;transition:opacity .2s}.site-header nav button:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}.hero{position:relative;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:#050505}.floating-works{position:absolute;inset:0;z-index:1}.float-work{position:absolute;top:0;left:0;display:block;width:var(--w);will-change:transform;border-radius:5px;outline-offset:5px}.float-work .float-media{width:100%;aspect-ratio:var(--ratio,1.45);overflow:hidden;border-radius:5px;background:#181818;box-shadow:0 0 0 1px #ffffff0d}.float-work img,.float-work video{width:100%;height:100%;object-fit:cover;display:block}.float-work[data-id=fog] img{transform:scale(1.13)}.float-work[data-id=ground] img{object-fit:cover}.float-work[data-id=sync] img{animation:sync-breathe 9s ease-in-out infinite}.float-work[data-id=drift] img{animation:drift-breathe 12s ease-in-out infinite}.float-caption{position:absolute;left:0;right:0;bottom:-24px;display:flex;justify-content:space-between;font:12px/1.3 var(--sans);color:#d3d0c8;opacity:0;transform:translateY(-4px);transition:opacity .22s,transform .22s}.float-work:hover .float-caption,.float-work:focus-visible .float-caption{opacity:1;transform:none}.introduction{position:absolute;top:46%;left:0;width:100%;transform:translateY(-50%);z-index:5;mix-blend-mode:difference;color:white;pointer-events:none;text-align:center;padding:0 20px}.introduction h1{font-weight:400;font-size:clamp(38px,4.75vw,83px);line-height:1.2;letter-spacing:-.055em;margin:0}.second-line{display:block;margin-top:3px}.phrase-wrap{white-space:nowrap}#phrase{font-weight:400;display:inline-block;transition:opacity .16s,filter .16s,transform .2s;letter-spacing:-.055em}#phrase.changing{opacity:0;filter:blur(5px);transform:translateY(5px)}.hero-footer{position:absolute;bottom:30px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;z-index:10;font-size:15px;color:#c3c0b9}.hero-footer a span{margin-left:18px}.motion-toggle{font-size:13px;color:#99968f}.motion-toggle span{margin-left:9px}.phrase-next{display:none;font-size:13px}.works-section{padding:88px 22px 65px;scroll-margin-top:0}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 6px 27px}.section-heading h2{font-size:clamp(30px,3.4vw,50px);font-weight:400;letter-spacing:-.045em;margin:0}.section-note{font:13px/1.5 var(--sans);color:#99968f}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 22px}.work-tile{position:relative;display:block;border-radius:17px;min-width:0;isolation:isolate}.work-tile::before{content:'';position:absolute;inset:0 0 62px;border-radius:18px;background:conic-gradient(from var(--glow-angle,0deg),#bc69f6,#608fff,#72d4dc,#eebc9e,#ed8cd1,#bc69f6);filter:blur(18px);opacity:0;z-index:-1;transition:opacity .3s}.work-tile:hover::before,.work-tile:focus-visible::before{opacity:.55;animation:glow-turn 5s linear infinite}.tile-visual{position:relative;overflow:hidden;border-radius:15px;aspect-ratio:1.46;background:#101010;border:1px solid #ffffff15;transition:border-color .25s,transform .4s cubic-bezier(.2,.7,.2,1)}.work-tile:hover .tile-visual{border-color:#ffffff69;transform:translateY(-3px)}.tile-visual>img,.tile-visual>video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.work-tile:hover .tile-visual>img{transform:scale(1.035)}.work-tile[data-id=fog] .tile-visual>img{transform:scale(1.12)}.work-tile[data-id=fog]:hover .tile-visual>img{transform:scale(1.15)}.tile-meta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:17px 4px 0}.tile-meta h3{font-size:27px;letter-spacing:-.04em;font-weight:400;margin:0}.tile-meta span{font:11px/1.4 var(--sans);color:#aaa69e;text-align:right}.tile-description{font:14px/1.5 var(--sans);margin:7px 4px 0;color:#aaa69e}.tile-open{position:absolute;right:20px;bottom:18px;width:35px;height:35px;background:#ffffffd9;color:#151515;border-radius:50%;display:grid;place-items:center;font:19px var(--sans);opacity:0;transform:translate(-5px,5px);transition:opacity .25s,transform .25s}.work-tile:hover .tile-open,.work-tile:focus-visible .tile-open{opacity:1;transform:none}.work-tile[data-id=ground]{grid-column:1/-1}.work-tile[data-id=ground] .tile-visual{aspect-ratio:2.35;background:#fff}.work-tile[data-id=ground] .tile-visual>img{object-fit:contain}.verbs-preview{height:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:1px;background:#292929}.verbs-preview .verb-main{grid-row:span 2;background:#fff;display:grid;place-items:center;overflow:hidden}.verbs-preview .verb-mini{background:#000;overflow:hidden;display:grid;place-items:center}.verbs-preview img{width:100%;height:100%;object-fit:cover}.verbs-preview .verb-main img{animation:sync-breathe 9s ease-in-out infinite}.verbs-preview .verb-mini:last-child img{animation:drift-breathe 12s ease-in-out infinite}.site-footer{margin:20px 28px 0;padding:28px 0 40px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;gap:24px;font-size:15px}.site-footer>span{color:#86837c;font-size:13px}.site-footer button{font-size:14px}#cursor-fog{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80;mix-blend-mode:screen}.info-dialog{background:#101010;color:#eee;border:1px solid #55524b;border-radius:18px;width:min(660px,calc(100% - 32px));padding:60px 45px 42px;max-height:85svh}.info-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:24px;top:20px;font-size:14px;color:#aaa}.info-dialog h2{font-weight:400;font-size:39px;letter-spacing:-.04em;margin:0 0 25px}.info-dialog p{font:16px/1.8 var(--sans);color:#aaa79f}.info-dialog .small{font-size:13px}.info-dialog a{text-decoration:underline;text-underline-offset:5px}.project-page .site-header{position:relative}.project-header{padding:60px 38px 45px;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px}.project-header .eyebrow{font:12px var(--sans);color:#a5a096}.project-header h1{font-size:clamp(58px,7vw,108px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:16px 0}.project-header .description{font-size:clamp(21px,2vw,30px);line-height:1.35;letter-spacing:-.025em;margin:0}.project-header .body{font:15px/1.8 var(--sans);color:#aaa79f}.project-media{margin:0 22px;border-radius:15px;overflow:hidden;background:#121212}.project-media>img,.project-media>video{width:100%;max-height:82svh;object-fit:contain;display:block}.project-note{font:13px/1.6 var(--sans);color:#8c8880;margin:17px 38px 55px}.project-studies{padding:20px 38px 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-studies a{border-radius:12px;overflow:hidden;background:#151515;padding-bottom:18px}.project-studies img{width:100%;aspect-ratio:1.4;object-fit:cover}.project-studies h2,.project-studies p{margin:16px 18px 0}.project-studies h2{font-size:26px;font-weight:400}.project-studies p{font:13px/1.5 var(--sans);color:#aaa}.study-launch{padding:20px 38px 60px}.launch-study{border:1px solid #777;border-radius:40px;padding:15px 25px}.study-stage{display:none;margin-top:24px}.study-stage.open{display:block}.study-stage iframe{display:block;width:100%;height:76svh;border:1px solid #444;border-radius:12px;background:#000}.study-stage button{display:block;margin:15px 0;font-size:14px}.project-nav{margin:45px 38px;display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:24px;font-size:18px}.motion-paused *{animation-play-state:paused!important}@property --glow-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes glow-turn{to{--glow-angle:360deg}}@keyframes sync-breathe{0%,100%{transform:scale(1.06) translateX(-1%)}50%{transform:scale(1.13) translateX(1%)}}@keyframes drift-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media(pointer:fine){body.fog-ready,body.fog-ready a,body.fog-ready button{cursor:none}}@media(max-width:850px){.site-header{padding:26px 24px;font-size:16px}.site-header nav{gap:20px;left:auto;right:24px;transform:none}.wordmark{font-size:19px}.introduction h1{font-size:clamp(32px,5.4vw,49px)}.hero-footer{left:24px;right:24px}.tile-meta{display:block}.tile-meta span{display:block;text-align:left;margin-top:8px}.work-grid{gap:32px 18px}.works-section{padding-left:18px;padding-right:18px}.project-header{gap:30px;padding:35px 24px}.site-footer>span{display:none}}@media(max-width:580px){.hero{min-height:600px}.site-header{padding:23px 20px;display:block}.site-header nav{top:65px;left:20px;right:auto;gap:25px;font-size:15px}.introduction{top:47%;padding:0 18px}.introduction h1{font-size:clamp(29px,7.9vw,42px);line-height:1.3;letter-spacing:-.055em}.second-line{margin-top:8px}.phrase-wrap{display:block;font-size:.91em;margin-top:0;white-space:normal}.hero-footer{left:20px;right:20px;bottom:26px;font-size:13px;flex-wrap:wrap;gap:14px}.hero-footer a span{margin-left:7px}.motion-toggle{font-size:12px}.phrase-next{display:block;font-size:12px}.section-heading{display:block;margin-bottom:23px}.section-note{display:block;margin-top:12px;font-size:12px}.works-section{padding:54px 14px 30px}.work-grid{grid-template-columns:1fr;gap:35px}.tile-meta{display:flex}.tile-meta h3{font-size:25px}.tile-meta span{max-width:45%;text-align:right;margin:0;font-size:10px}.tile-description{font-size:13px}.work-tile[data-id=ground]{grid-column:auto}.work-tile[data-id=ground] .tile-visual{aspect-ratio:1.35}.site-footer{margin:20px 18px 0;font-size:14px}.project-header{grid-template-columns:1fr;gap:18px;padding:35px 20px}.project-page .site-header{height:70px}.project-header h1{font-size:60px}.project-media{margin:0 12px}.project-note{margin:16px 20px 35px}.project-studies{grid-template-columns:1fr;padding:20px}.project-nav{margin:35px 20px}.study-launch{padding:20px}.info-dialog{padding:60px 25px 28px}.info-dialog h2{font-size:32px}}
.site-header,.hero-footer{mix-blend-mode:difference;color:#fff}.hero-footer .motion-toggle{color:#d0d0d0}.site-header nav a{opacity:.85}.site-header nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}#cursor-fog{mix-blend-mode:normal}.introduction h1{letter-spacing:-.045em}#phrase{letter-spacing:-.04em}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}#cursor-fog{display:none}.phrase-next{display:block}body.fog-ready,body.fog-ready a,body.fog-ready button{cursor:auto}}

/* Quiet interface typography; only the central introduction keeps the serif. */
body{font-family:var(--sans);font-optical-sizing:auto}
.introduction h1{font-family:var(--serif)}
.floating-works{mask-image:linear-gradient(to bottom,transparent 0,transparent 46px,#000 96px,#000 calc(100% - 80px),transparent calc(100% - 34px),transparent 100%)}
.site-header{height:44px;padding:0 18px;display:flex;align-items:center;font-size:11px;line-height:1.4}
.wordmark{font-size:13px;line-height:1.4;letter-spacing:-.02em;font-weight:400}
.site-header nav{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);gap:18px;padding:0;font-size:11px;line-height:1.4}
.site-header nav a,.site-header nav button{position:relative}
.site-header nav a::after,.site-header nav button::after{content:'';position:absolute;inset:-12px -6px}
.hero-footer{left:18px;right:18px;bottom:16px;font-size:11px;line-height:1.5;gap:16px}
.hero-footer .motion-toggle,.hero-footer .phrase-next{font-size:10.5px;line-height:1.5}
.hero-footer a,.hero-footer button{position:relative}
.hero-footer a::after,.hero-footer button::after{content:'';position:absolute;inset:-10px -5px}
.hero-footer a span{margin-left:10px}
.float-caption{font-size:10.5px}
.section-heading h2{font-size:clamp(28px,2.4vw,36px);letter-spacing:-.04em}
.tile-meta h3{font-size:22px;letter-spacing:-.025em}
.project-header h1{letter-spacing:-.05em}
.site-footer{font-size:12px}.site-footer>span,.site-footer button{font-size:12px}
@media(max-width:580px){
  .site-header,.project-page .site-header{height:48px;padding:0 16px}
  .site-header nav{left:auto;right:16px;top:50%;transform:translateY(-50%);gap:15px;font-size:11px}
  .hero-footer{left:16px;right:16px;bottom:18px;gap:12px;font-size:11px}
  .hero-footer .motion-toggle,.hero-footer .phrase-next{font-size:10px}
  .tile-meta h3{font-size:21px}
}

/* A stable typographic slot: no lateral jumps as the thought changes. */
.second-line{display:inline-flex;align-items:baseline;justify-content:center;gap:.22em;max-width:100%}
.phrase-lead{white-space:nowrap}
.phrase-wrap{display:inline-grid;grid-template-columns:auto var(--phrase-width,17em) auto;align-items:baseline;gap:.035em;white-space:nowrap}
.phrase-slot{display:inline-grid;place-items:center;min-width:0}
#phrase{grid-area:1/1;font-size:var(--phrase-size,1em);white-space:nowrap;line-height:inherit;transition:opacity .125s ease,filter .16s ease,transform .2s ease}
#phrase.changing{filter:blur(3px);transform:translateY(3px)}
.float-media{transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.float-work.is-pressed .float-media{transform:scale(.985)}
.work-tile.is-pressed .tile-visual{transform:translateY(-1px) scale(.988);transition-duration:.1s}
.work-tile::before{bottom:auto;height:var(--visual-height,calc(100% - 62px));background:radial-gradient(ellipse 170px 130px at var(--glow-x,50%) var(--glow-y,100%),#9b80ffcc 0%,#72d4dc99 24%,#e990bd77 48%,transparent 78%);filter:blur(16px);transition:opacity .35s ease}
.work-tile:hover::before,.work-tile:focus-visible::before{opacity:.9;animation:none}
.tile-visual{transition:border-color .25s,transform .35s cubic-bezier(.2,.7,.2,1)}
.page-mist{position:fixed;inset:-12%;z-index:150;pointer-events:none;opacity:0;background:radial-gradient(ellipse 60% 65% at var(--mist-x,50%) var(--mist-y,48%),#9999a535,#737b8525 35%,transparent 72%),radial-gradient(ellipse at 70% 90%,#786d8720,transparent 65%),#090909d9;backdrop-filter:blur(9px);transition:opacity .26s cubic-bezier(.2,.7,.2,1);will-change:opacity}
.page-mist.is-active{opacity:1}
html.nav-leaving{cursor:progress}
html.nav-leaving body>main{filter:blur(4px);opacity:.65;transition:filter .17s ease,opacity .17s ease}
html.nav-arriving body>main,html.nav-arriving body>.site-header{opacity:0}
html.nav-revealing body>main{animation:mist-reveal .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes mist-reveal{from{filter:blur(5px);opacity:.4}to{filter:blur(0);opacity:1}}
@media(max-width:580px){.second-line{display:flex;flex-direction:column;align-items:center;gap:0}.phrase-wrap{font-size:1em}.phrase-slot{min-height:1.35em}}
@media(prefers-reduced-motion:reduce){.page-mist{display:none}html.nav-arriving body>main,html.nav-arriving body>.site-header{opacity:1}html.nav-leaving body>main{filter:none;opacity:1;transform:none}}


/* Curated edition — editorial composition around the original work. */
:root{--paper:#e9e7e1;--muted:#8a8985}
.site-header{height:64px;padding:0 28px}.wordmark{font-size:13px}.site-header nav{gap:22px;font-size:11px}
.header-practice{margin-left:auto;font-size:10px;letter-spacing:.015em;color:#a6a6a1}
.hero{min-height:760px;height:100svh}
.introduction{top:47%;padding:0 22px;opacity:calc(1 - var(--scroll-progress,0));will-change:opacity}
.introduction h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,3.8vw,65px);line-height:1.16;letter-spacing:-.055em}
.second-line{margin-top:9px;font-size:.95em;gap:.24em}
#phrase{letter-spacing:-.045em}.phrase-wrap{gap:.06em}
.hero-footer{left:28px;right:28px;bottom:24px;font-size:11px}
.floating-works{mask-image:linear-gradient(to bottom,transparent 40px,#000 96px,#000 calc(100% - 70px),transparent calc(100% - 20px))}
.float-work{border-radius:3px;transition:opacity .6s ease,filter .6s ease}
.float-work .float-media{border-radius:3px;box-shadow:none;background:#0a0a0a;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.float-work:hover .float-media,.float-work:focus-visible .float-media{transform:scale(1.018)}
.float-work.is-pressed .float-media{transform:scale(.99)}
.float-caption{opacity:.75;transform:none;bottom:-23px;font-size:10px;align-items:center;gap:10px;color:#dfded8}
.float-discipline{font-size:8px;margin-left:auto;color:#999994;opacity:0;transition:opacity .35s}
.float-work:hover .float-discipline,.float-work:focus-visible .float-discipline{opacity:1}
.work-attention .float-work:not(.is-current){opacity:.52;filter:saturate(.65)}
.float-work.is-current{opacity:1;filter:none}
.float-work[data-id=fog] img{transform:none}
.cover{width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate}
.cover img,.cover video{display:block;position:absolute;width:100%;height:100%;object-fit:cover}
.cover-note{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;gap:10px;font:9px/1.4 var(--sans);letter-spacing:.08em;color:#d8d8d4}
.cover-note>span{opacity:.6;font-size:8px;letter-spacing:.06em}
.cover-fog{background:#060707}
.cover-fog>img,.float-work[data-id=fog] .cover-fog>img{width:167%;height:139%;max-width:none;left:-33.5%;top:-22%;object-fit:cover;transform:none;filter:contrast(1.06) saturate(.8)}
.fog-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#060707 0%,transparent 24%,transparent 90%,#060707a0),linear-gradient(90deg,#06070790,transparent 23%,transparent 77%,#06070790)}
.cover-ferry>video{width:103%;height:103%;left:-1.5%;top:-1.5%;object-fit:cover;filter:contrast(1.08) saturate(.8);transition:filter .5s}
.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,#02060899,transparent 33%)}
.cover-ferry .cover-note{color:#eee}
.cover-verbs{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 24%;background:#dfdfd9;gap:1px;color:#161616}
.verb-panel{position:relative;overflow:hidden;isolation:isolate;background:#eee;min-width:0;min-height:0}
.verb-panel img{position:absolute;object-fit:contain;max-width:none;mix-blend-mode:multiply}
.verb-panel>span{position:absolute;left:10px;bottom:10px;font:8px/1 var(--sans);letter-spacing:.08em;z-index:2;color:#5b5b58}
.verb-sync>img{width:280%;height:150%;left:-90%;top:-25%;animation:cover-sync 8s ease-in-out infinite}
.verb-tune{background:#0b0b0b}.verb-tune>img{width:270%;height:130%;left:-85%;top:-18%;mix-blend-mode:screen;animation:cover-tune 7s ease-in-out infinite}.verb-tune>span{color:#b1b1ad}
.verb-drift>img{width:440%;height:190%;left:-170%;top:-48%;animation:cover-drift 10s ease-in-out infinite}
.verb-cover-caption{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#eaeae5;gap:10px}
.verb-cover-caption>span:first-child{font:400 clamp(13px,2vw,27px)/1 var(--sans);letter-spacing:-.05em}
.verb-cover-caption>span:last-child{font:8px/1.35 var(--sans);letter-spacing:.06em;color:#686863;text-align:right}
.float-work .cover-note{left:12px;right:12px;bottom:12px;font-size:8px}.float-work .cover-note>span{display:none}
.float-work .verb-cover-caption{padding:0 12px}.float-work .verb-cover-caption>span:first-child{font-size:17px}.float-work .verb-cover-caption>span:last-child{font-size:6px}
@keyframes cover-sync{0%,100%{transform:translateX(-1.5%) skewX(-3deg)}50%{transform:translateX(1.5%) skewX(3deg)}}
@keyframes cover-tune{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}
@keyframes cover-drift{0%,100%{transform:translateY(-3%) rotate(-4deg)}50%{transform:translateY(3%) rotate(4deg)}}
.works-section{padding:78px 28px 64px}
.section-heading{margin:0 0 25px;padding-bottom:22px;border-bottom:1px solid #242424}
.section-heading h2{font-size:15px;letter-spacing:-.025em}.section-note{font-size:11px;color:#8d8d89}
.work-grid{gap:62px 22px}
.tile-visual{aspect-ratio:1.25;border-radius:8px;background:#0c0c0c;overflow:hidden;border:1px solid #ffffff0c}
.work-tile{border-radius:8px}.work-tile::before{border-radius:10px}
.work-tile[data-id=ferry]{grid-column:1/-1}.work-tile[data-id=ferry] .tile-visual{aspect-ratio:2.4}
.work-tile[data-id=ground]{grid-column:auto}.work-tile[data-id=ground] .tile-visual{aspect-ratio:1.25}
.tile-meta{margin-top:16px;align-items:baseline}.tile-meta h3{font-size:19px;letter-spacing:-.035em}.tile-meta>span{font-size:10px;color:#8b8b88}
.tile-description{font-size:12px;color:#b1b0ab;margin-top:8px}
.work-tile .cover-note{bottom:24px;left:24px;right:24px}
.work-tile[data-id=ferry] .cover-note{font-size:12px;letter-spacing:.12em}
.work-tile[data-id=ferry] .cover-note>span{font-size:9px}
.work-tile[data-id=verbs] .verb-cover-caption>span:first-child{font-size:36px}
.work-tile[data-id=verbs] .verb-panel>span{left:18px;bottom:18px;font-size:9px}
.work-tile[data-id=verbs] .verb-cover-caption{padding:0 24px}
.work-tile[data-id=verbs] .verb-cover-caption>span:last-child{font-size:9px}
.tile-open{width:30px;height:30px;font-size:15px;right:14px;bottom:14px}
.work-tile[data-id=ferry] .tile-open,.work-tile[data-id=fog] .tile-open{bottom:auto;top:18px}
body[data-active-work=ferry] .work-tile::before{background:radial-gradient(ellipse 160px 110px at var(--glow-x,50%) var(--glow-y,100%),#8ab0c7bb,#a978a866 40%,transparent 78%)}
.site-footer{margin:25px 28px 0;padding:24px 0 32px;border-top:1px solid #242424}
@media(min-width:1800px){.float-work[data-id=ferry]{margin-left:-2vw}}
@media(max-width:850px){.header-practice{display:none}.site-header nav{left:50%;right:auto;transform:translate(-50%,-50%)}.hero{min-height:720px}.introduction h1{font-size:clamp(35px,4.4vw,48px)}.float-discipline{display:none}.works-section{padding:64px 20px 44px}.cover-note>span{font-size:7px}.work-tile[data-id=verbs] .verb-cover-caption>span:first-child{font-size:25px}}
@media(max-width:580px){
 .site-header{padding:0 18px;height:54px}.site-header nav{left:auto;right:18px;transform:translateY(-50%);gap:15px;font-size:10px}.wordmark{font-size:12px}
 .hero{height:100svh;min-height:700px}.introduction{top:47%;padding:0 12px}.introduction h1{font-size:clamp(27px,7.4vw,40px);letter-spacing:-.055em;line-height:1.15}.second-line{margin-top:8px;gap:0;font-size:.95em}.phrase-slot{min-height:1.15em}
 .float-caption{font-size:9px;bottom:-20px}.float-work .cover-note{font-size:6px;left:9px;bottom:9px}.float-work .verb-cover-caption{padding:0 7px}.float-work .verb-cover-caption>span:first-child{font-size:12px}.float-work .verb-cover-caption>span:last-child{display:none}.float-work .verb-panel>span{font-size:5px;left:5px;bottom:5px}
 .hero-footer{left:18px;right:18px;bottom:22px;font-size:10px;gap:8px}.hero-footer .motion-toggle,.hero-footer .phrase-next{font-size:9px}
 .work-attention .float-work:not(.is-current){opacity:1;filter:none}
 .works-section{padding:44px 14px}.section-heading{display:block;padding-bottom:16px;margin-bottom:22px}.section-heading h2{font-size:15px}.section-note{font-size:10px;margin-top:9px}.work-grid{gap:38px}.work-tile[data-id=ferry]{grid-column:auto}.work-tile[data-id=ferry] .tile-visual{aspect-ratio:1.4}.tile-meta{display:block;margin-top:13px}.tile-meta>span{display:block;max-width:none;text-align:left;margin-top:5px;font-size:10px}.tile-meta h3{font-size:19px}.tile-description{font-size:12px}.work-tile .cover-note{bottom:18px;left:16px;right:16px;font-size:8px}.work-tile[data-id=ferry] .cover-note{font-size:9px}.work-tile[data-id=ferry] .cover-note>span{font-size:6px}.work-tile[data-id=verbs] .verb-cover-caption{padding:0 16px}.work-tile[data-id=verbs] .verb-cover-caption>span:first-child{font-size:25px}.work-tile[data-id=verbs] .verb-cover-caption>span:last-child{font-size:7px}.work-tile[data-id=verbs] .verb-panel>span{font-size:7px;left:10px;bottom:10px}.site-footer{margin:10px 18px 0}
}
@media(prefers-reduced-motion:reduce){.introduction{opacity:1}.work-attention .float-work:not(.is-current){filter:none;opacity:1}}
/* Keep the opening composition clear before the works drift through it. */
.introduction{top:51%}.second-line{font-size:.88em}
.verb-sync>img{width:240%;height:180%;left:-70%;top:-40%;animation:cover-sync-vertical 9s ease-in-out infinite}
.verb-tune>img{width:270%;height:180%;left:-85%;top:-40%;animation:cover-tune-vertical 8s ease-in-out infinite}
.verb-tune:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0b 0%,transparent 15%,transparent 85%,#0b0b0b 100%);pointer-events:none}
@keyframes cover-sync-vertical{0%,100%{transform:rotate(-90deg) translateX(-2%)}50%{transform:rotate(-90deg) translateX(2%)}}
@keyframes cover-tune-vertical{0%,100%{transform:rotate(-90deg) scale(.96);opacity:.8}50%{transform:rotate(-90deg) scale(1);opacity:1}}
@media(max-width:580px){.introduction{top:45%}.second-line{font-size:.94em}}
.float-work .cover-note{display:none}
.verb-sync>img,.verb-tune>img{transform:rotate(-90deg)}

/* Clear edition: readable work, with a single character accent. */
.intro-bio{max-width:420px;margin:24px auto 0;font:400 12px/1.7 var(--sans);letter-spacing:0;color:#cecec8;text-wrap:pretty}
@media(max-width:580px){.intro-bio{max-width:290px;margin-top:18px;font-size:11px;line-height:1.65}}
.introduction h1{font-size:clamp(39px,3.8vw,64px);line-height:1.18}
.pixel-name{position:relative;display:inline-block;vertical-align:baseline}.pixel-name>span{display:inline-block}.pixel-name>canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.pixel-name.is-ready>span{color:transparent}
.fog-source,.fog-letters{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.accent-enabled>img{opacity:0}.accent-enabled .fog-source,.accent-enabled .fog-letters{display:block}
.accent-enabled .fog-source{filter:blur(2.5px);opacity:.9;transition:filter .45s ease,opacity .45s ease}
.accent-enabled .fog-letters{z-index:1}.accent-enabled .fog-vignette{z-index:2;pointer-events:none}
.accent-enabled.is-revealed .fog-source{filter:none;opacity:1}
.float-caption{font-size:11px;line-height:1.4;opacity:1;bottom:-25px;color:#d8d7d2}
.float-discipline{opacity:1;font-size:8px;color:#a2a29b;letter-spacing:0}
.work-attention .float-work:not(.is-current){opacity:.82;filter:none}
.cover-verbs{grid-template-columns:1.3fr 1fr;grid-template-rows:38% 38% 24%;gap:1px}
.verb-sync{grid-row:1/3;grid-column:1}.verb-tune{grid-column:2;grid-row:1}.verb-drift{grid-column:2;grid-row:2}
.verb-cover-caption{grid-row:3;grid-column:1/-1}
.verb-sync>img{width:130%;height:140%;left:-15%;top:-20%;transform:none;animation:none;object-fit:contain;mask-image:linear-gradient(transparent 10%,#000 25%,#000 75%,transparent 90%)}
.verb-tune>img{width:170%;height:200%;left:-35%;top:-50%;transform:none;animation:none;object-fit:contain;mask-image:linear-gradient(transparent 15%,#000 30%,#000 70%,transparent 85%)}
.verb-drift>img{width:280%;height:200%;left:-90%;top:-50%;transform:none;animation:none;object-fit:contain}
.verb-panel>span{font-size:8px}.work-tile[data-id=verbs] .verb-panel>span{font-size:8px;left:14px;bottom:14px}
.work-tile .tile-description{max-width:60ch;font-size:13px;line-height:1.6;color:#c0bfb7}
.work-tile .tile-meta>span{font-size:11px;color:#a7a69e}.work-tile .tile-meta h3{font-size:22px}
@media(max-width:850px){.float-discipline{display:none}.introduction h1{font-size:clamp(34px,4.5vw,45px)}}
@media(max-width:580px){.introduction h1{font-size:clamp(27px,7.4vw,40px)}.float-caption{font-size:10px}.work-tile .tile-description{font-size:12px}.work-tile .tile-meta>span{font-size:10px}.work-tile .tile-meta h3{font-size:20px}}

.chapter-heading{margin:45px 38px 28px;max-width:760px}.chapter-heading h2{font:400 30px/1.2 var(--sans);letter-spacing:-.04em}.chapter-heading p{font:14px/1.8 var(--sans);color:#b4b1aa}.project-chapter{scroll-margin-top:28px}@media(max-width:580px){.chapter-heading{margin:32px 20px 22px}.chapter-heading h2{font-size:25px}}