@font-face{font-family:Space;src:url('space-grotesk.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f2f1eb;--ink:#242521;--muted:#66675f;--orange:#d94d22;--rule:#cfcec5;--gutter:4vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#f3b89d;color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}a:hover{color:var(--orange)}p,h1,h2,figure{margin:0}h1,h2{font-weight:400}img{display:block;width:100%;height:auto;background:#dddcd4}svg{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 var(--gutter);min-height:116px;border-bottom:1px solid var(--rule);font-size:14px}.identity{display:flex;align-items:center;gap:15px;letter-spacing:.04em}.identity-sub{display:block;font:10px/1.7 'Courier New',monospace;letter-spacing:.07em}.axes{width:47px;height:47px;stroke:currentColor;stroke-width:1.4;fill:none}.axes path{stroke:var(--orange)}.axes text{stroke:none;fill:currentColor;font:10px monospace}.top-contact{border-bottom:1px solid;padding:9px 0}.top-contact span{color:var(--muted)}.hero{padding:0 var(--gutter)}.hero-title{display:flex;justify-content:space-between;align-items:flex-end;padding:26px 0 39px;gap:30px}h1{font-size:clamp(90px,15vw,236px);letter-spacing:-.085em;line-height:1.04;margin-left:-.065em}.full-stop{color:var(--orange)}.hero-note{font-size:16px;line-height:1.55;padding-bottom:14px;flex-shrink:0}.hero-note p[lang=en]{color:var(--muted)}.hero-photo img{aspect-ratio:1.85;object-fit:cover;object-position:50% 60%}figcaption{font:11px/1.5 'Courier New',monospace;letter-spacing:.025em;display:flex;gap:12px;justify-content:space-between;padding-top:13px}figcaption span[lang]{color:var(--muted)}.story{position:relative;overflow:hidden}.trajectory{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;fill:none;stroke:var(--orange);stroke-width:1.6;opacity:.85}.trajectory path{vector-effect:non-scaling-stroke}.intro,.making,.space-views{position:relative;z-index:1}.intro{display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding:135px 12vw 110px var(--gutter)}.section-index{font:12px/1.7 'Courier New',monospace;letter-spacing:.025em}.section-index span{color:var(--muted)}.intro .section-index{padding-top:12px}.intro-copy{max-width:670px}h2{font-size:clamp(36px,4.3vw,70px);letter-spacing:-.06em;line-height:1.07}.en-heading{font-size:clamp(18px,2vw,30px);letter-spacing:-.035em;line-height:1.3;color:var(--muted);margin-top:14px}.bilingual{margin-top:38px;max-width:470px}.bilingual p{position:relative;font-size:17px;line-height:1.6;padding-left:36px}.bilingual p+p{margin-top:20px;color:var(--muted)}.language{font:10px/2 'Courier New',monospace;position:absolute;left:0;top:3px;color:var(--muted)}.making{display:grid;grid-template-columns:repeat(12,1fr);gap:0 2vw;margin:0 var(--gutter)}.portrait{grid-column:2/7;grid-row:1/3}.making-copy{grid-column:8/13;padding-top:75px}.making-copy .section-index{margin-bottom:33px}.making-copy h2{font-size:clamp(36px,3.6vw,58px)}.detail{grid-column:9/13;margin-top:105px;transform:rotate(3deg)}.detail img{aspect-ratio:3/4}.detail figcaption{font-size:10px;display:block}.space-views{display:grid;grid-template-columns:repeat(12,1fr);gap:0 2vw;margin:135px var(--gutter) 130px}.wide{grid-column:1/9;grid-row:1}.quiet{grid-column:10/13;grid-row:1;margin-top:290px}.small-axes{grid-column:5/7;margin-top:65px;align-self:start;text-align:center;color:#898a82}.small-axes svg{width:120px;height:120px;margin:0 auto;fill:none;stroke:currentColor;stroke-width:.8}.small-axes ellipse{stroke-dasharray:2 3}.small-axes text{font:10px monospace;fill:currentColor;stroke:none}.small-axes span{display:block;font:9px/1.5 'Courier New',monospace;margin-top:9px;white-space:nowrap}.contact{position:relative;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 2fr;gap:6vw;padding:95px var(--gutter) 120px}.contact .section-index{padding-top:12px}.contact h2{font-size:clamp(36px,4.3vw,68px)}.contact .bilingual{max-width:440px}.email{display:inline-block;font-size:clamp(26px,3.8vw,64px);letter-spacing:-.055em;margin-top:55px;padding-bottom:6px;border-bottom:2px solid var(--orange)}footer{border-top:1px solid var(--rule);margin:0 var(--gutter);padding:34px 0 46px;display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.5}footer>a{font-size:25px;letter-spacing:-.05em}footer>span:last-child{text-align:right;color:var(--muted)}.skip{position:fixed;left:16px;top:-80px;background:var(--ink);color:var(--paper);padding:15px;z-index:10}.skip:focus{top:16px}
@media(min-width:1600px){body{max-width:1920px;margin:auto}.topbar{min-height:130px}}
@media(max-width:1000px){.location{display:none}.hero-note{font-size:14px}.intro{padding-right:6vw}.making-copy{grid-column:8/13;padding-top:25px}.bilingual p{font-size:16px}.detail{grid-column:8/13}.quiet{margin-top:210px}.small-axes{grid-column:5/8}.contact{grid-template-columns:1fr 2.4fr;gap:3vw}}
@media(max-width:700px){:root{--gutter:6vw}.topbar{min-height:88px;font-size:12px}.identity{gap:7px}.identity-sub{font-size:8px}.axes{width:37px;height:37px}.top-contact span{display:block;font-size:10px}.top-contact{padding:4px 0}.hero-title{display:block;padding:30px 0 25px}h1{font-size:22vw;letter-spacing:-.075em}.hero-note{font-size:14px;margin-top:17px;padding:0}.hero-photo{margin:0 calc(-1 * var(--gutter))}.hero-photo img{aspect-ratio:1.2;object-position:45% 50%}.hero-photo figcaption{padding:11px var(--gutter) 0;font-size:9px}.hero-photo figcaption>span:last-child{display:none}.intro{display:block;padding:76px var(--gutter) 66px}.intro .section-index{padding:0;margin-bottom:28px}h2{font-size:41px}.intro-copy{max-width:490px}.en-heading{font-size:20px}.bilingual{margin-top:28px}.bilingual p{padding-left:29px;line-height:1.55}.bilingual p+p{margin-top:17px}.making{grid-template-columns:repeat(6,1fr);gap:0 3vw}.portrait{grid-column:1/6;grid-row:auto;margin-left:4vw}.making-copy{grid-column:1/7;padding:64px 0 0}.making-copy .section-index{margin-bottom:26px}.making-copy h2{font-size:40px}.detail{grid-column:3/7;margin-top:54px;margin-right:2vw}figcaption{font-size:9px;display:block}.detail figcaption{font-size:9px}.space-views{grid-template-columns:repeat(6,1fr);gap:0 3vw;margin:85px var(--gutter) 72px}.wide{grid-column:1/7;grid-row:auto}.quiet{grid-column:3/7;grid-row:auto;margin-top:64px}.small-axes{grid-column:1/3;grid-row:2;margin-top:120px}.small-axes svg{width:76px;height:76px}.small-axes span{font-size:7px;white-space:normal}.trajectory{opacity:.55;stroke-width:1.2}.contact{display:block;padding:55px var(--gutter) 75px}.contact .section-index{padding:0;margin-bottom:28px}.contact h2{font-size:36px}.email{font-size:clamp(24px,7.5vw,44px);margin-top:35px}footer{flex-wrap:wrap;padding:25px 0 30px;align-items:center}footer>span:last-child{width:100%;text-align:left;font-size:11px}footer>a{font-size:23px}footer>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-drift]{translate:none!important}}
/* Keep the filament behind, rather than through, the reading areas. */
.intro-copy,.making-copy{background:var(--paper)}
h1{letter-spacing:-.06em}
.portrait,.wide,.quiet,.detail{align-self:start}
@media(max-width:700px){h1{letter-spacing:-.055em}}

.phone{margin-top:22px;font-size:clamp(23px,2.1vw,34px);letter-spacing:-.035em}.phone a{display:inline-block;padding:8px 0;border-bottom:1px solid var(--rule)}