/* Fiesole project and the homepage's other-projects entry. */
.other-projects{padding-block:65px 80px}.other-heading{margin-bottom:25px}.other-project-card{display:grid;grid-template-columns:1.4fr 1fr;gap:5%;align-items:center}.other-project-image{overflow:hidden}.other-project-image img{aspect-ratio:1.85;object-fit:cover;transition:transform .6s}.other-project-card:hover img{transform:scale(1.025)}.other-project-copy h2{font-size:clamp(36px,4.2vw,64px);line-height:1.06;margin:18px 0 22px}.other-project-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:520px}.other-project-copy .eyebrow{font-size:8px;line-height:1.8}.other-project-copy .text-link{display:inline-flex;font-size:12px;margin-top:22px}.f-project-link{max-width:1400px;margin:30px auto 0;padding-inline:5.2%;font-size:13px}
.f-intro{padding-block:60px 42px}.f-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:24px;align-items:end}.f-intro h1{font-size:clamp(55px,6.5vw,100px);letter-spacing:-.025em;line-height:1.02}.f-intro-copy p{font-size:15px;line-height:1.8;max-width:660px}.f-intro-copy p:first-child{font:26px/1.4 var(--serif);margin-bottom:18px}.f-intro .text-link{font-size:12px}.fiesole-page .f-hero{margin-inline:auto}.f-hero img{width:100%;height:auto}.f-hero figcaption{font-size:10px;letter-spacing:.07em;padding:14px 0}.f-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-top:65px;padding-bottom:30px}.f-section-intro h2,.f-method h2,.f-cta h2{font-size:clamp(40px,4.5vw,65px);line-height:1.1;margin-top:18px}.f-section-intro>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:600px}.f-jump{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:20px}.f-jump a{display:block;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.f-jump span{font-size:9px;color:var(--rust);margin-right:12px}.f-project{padding-block:45px 30px;scroll-margin-top:25px}.f-project-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:24px}.f-project-heading h2{font-size:clamp(36px,4vw,56px);margin-top:10px;line-height:1.1}.f-project-heading>p{font-size:14px;line-height:1.8;max-width:650px}.f-viewer{border:1px solid var(--line);background:var(--paper);position:relative}.f-stage{aspect-ratio:var(--ratio);position:relative;overflow:hidden;background:#1a251f;user-select:none;touch-action:pan-y;isolation:isolate}.f-layers,.f-final{position:absolute;inset:0;pointer-events:none}.f-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1));transform-origin:center;pointer-events:none}.f-stage[data-zoomed=true]{cursor:grab;touch-action:none}.f-stage[data-dragging=true]{cursor:grabbing}.f-final{z-index:2;clip-path:inset(0 0 0 var(--split,50%))}.f-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--split,50%);width:2px;background:var(--paper);pointer-events:none;box-shadow:0 0 3px #0007}.f-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:26px;box-shadow:0 2px 12px #0004;touch-action:none;pointer-events:auto;cursor:ew-resize}.f-compare-labels{position:absolute;z-index:4;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;pointer-events:none}.f-compare-labels span{background:#f3f0e7ed;font-size:10px;padding:9px 12px}.f-zoom{position:absolute;z-index:4;right:14px;bottom:14px;display:flex;gap:1px;box-shadow:0 2px 12px #0003}.f-zoom button{width:40px;height:40px;background:var(--paper);color:var(--ink);font-size:23px}.f-controls{padding:18px 22px 13px}.f-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.f-modes{display:flex;background:#e6e6da;padding:3px}.f-modes button{padding:10px 16px;font-size:11px;background:none}.f-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.f-toolbar>[data-play],.f-toolbar>[data-full]{padding:9px 0;font-size:11px;background:none}.f-toolbar>[data-full]{margin-left:auto}.f-controls input[type=range]{display:block;width:100%;margin:8px 0;accent-color:var(--rust);cursor:ew-resize;height:28px;touch-action:pan-x}.f-stops{display:grid;grid-template-columns:repeat(var(--stops,5),minmax(0,1fr));gap:8px}.f-stops button{background:none;font-size:11px;line-height:1.4;text-align:center;padding:8px 3px;color:var(--muted);min-height:48px}.f-stops button:first-child{text-align:left}.f-stops button:last-child{text-align:right}.f-stops button span{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:4px}.f-stops button[aria-pressed=true]{color:var(--rust);font-weight:650}.f-split-controls label{display:flex;justify-content:space-between;font-size:11px;gap:20px}.f-status-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:10px;margin-top:12px;font-size:10px;line-height:1.6}.f-status-line>span{color:var(--muted);text-align:right}.f-load{font-size:12px;line-height:1.6}.f-load:empty{display:none}.f-retry{background:var(--ink);color:var(--paper);padding:10px 16px;margin-top:8px;font-size:12px}.f-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.f-viewer:fullscreen{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;background:var(--paper);padding:10px}.f-viewer:fullscreen .f-stage{flex:1;min-height:100px;aspect-ratio:auto}.f-viewer:fullscreen .f-controls{flex:none}.f-note{font-size:12px;line-height:1.8;color:var(--muted);padding-block:15px 65px}.f-method{background:var(--ink);color:var(--paper);padding-block:65px}.f-method-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:35px}.f-method-heading p{font-size:15px;line-height:1.8;color:#d9dfce;max-width:630px}.f-method-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.f-method-layout figure img+img{margin-top:18px}.f-method-layout figcaption{font-size:11px;line-height:1.7;color:#d9dfce;margin-top:15px}.f-method-steps article{display:flex;gap:22px;border-top:1px solid #536957;padding:22px 0}.f-method-steps article>span{font-size:10px;color:#bbc5b4;padding-top:5px}.f-method-steps h3{font:30px/1.2 var(--serif);margin-bottom:12px}.f-method-steps p{font-size:13px;line-height:1.85;color:#d9dfce}.f-cta{padding-block:65px;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.f-cta p:not(.eyebrow){font-size:15px;line-height:1.8}.f-cta .solid-button{width:fit-content}
@media(max-width:1150px){body:not(.fiesole-page) .masthead nav{gap:13px;font-size:10px}}
@media(max-width:740px){.other-projects{padding-block:42px}.other-project-card{grid-template-columns:1fr;gap:25px}.other-project-copy h2{font-size:42px}.other-project-copy>p:not(.eyebrow){font-size:13px}.f-intro{padding-block:35px 25px}.f-intro>div,.f-section-intro,.f-project-heading,.f-method-heading,.f-method-layout,.f-cta{grid-template-columns:1fr;gap:24px}.f-intro h1{font-size:clamp(48px,11vw,75px)}.f-intro-copy p{font-size:13px}.f-intro-copy p:first-child{font-size:24px}.f-intro .link-row{gap:18px}.f-hero figcaption{font-size:9px;letter-spacing:0}.f-section-intro{padding-top:35px;padding-bottom:10px}.f-section-intro h2,.f-method h2,.f-cta h2{font-size:42px}.f-project{padding-block:30px 18px}.f-project-heading{gap:16px;margin-bottom:18px}.f-project-heading h2{font-size:36px}.f-project-heading>p{font-size:13px}.f-controls{padding:12px 12px 10px}.f-toolbar{gap:10px;margin-bottom:6px}.f-modes button{padding:10px;font-size:10px}.f-toolbar>[data-play],.f-toolbar>[data-full]{font-size:10px}.f-stops{gap:2px}.f-stops button{font-size:9px;overflow-wrap:anywhere}.f-stops button span{font-size:8px}.f-status-line{font-size:9px}.f-status-line>span{max-width:145px}.f-compare-labels{top:10px;left:10px;right:10px}.f-compare-labels span{font-size:8px;padding:6px 8px}.f-handle{width:40px;height:40px;font-size:23px}.f-zoom{bottom:8px;right:8px}.f-zoom button{width:34px;height:34px;font-size:21px}.f-note{font-size:11px;padding-block:15px 40px}.f-method{padding-block:42px}.f-method-heading p,.f-cta p:not(.eyebrow){font-size:13px}.f-method-steps h3{font-size:28px}.f-method-steps p{font-size:12px}.f-cta{padding-block:42px}.f-jump a{font-size:11px}.f-viewer:fullscreen{padding:0}.f-viewer:fullscreen .f-status-line{display:none}}

@media(max-width:1200px){body:not(.fiesole-page) .masthead nav{display:none}}