.references{--paper:#eee9dc;--cream:#edddb5;--ink:#18261d;--green:#173a32;--red:#9e3b29;--ochre:#c49130;--muted:#536052;--layer-env:0;--layer-page:1;--layer-bgfx:2;--layer-growth:3;color:var(--ink);font-family:Barlow Condensed,Arial,sans-serif;font-size:20px;line-height:1.45}section.references{background:radial-gradient(circle, #445c4020 .6px, transparent .8px) 0 0 / 11px 13px, var(--paper);border-block:1px solid #18261d38;scroll-margin-top:0}.references [hidden]{display:none!important}.references .reference-heading{max-width:none}.references .reference-intro p{letter-spacing:normal}.reference-layout{grid-template-columns:.87fr 2fr;gap:clamp(35px,4.5vw,76px);width:min(1320px,100% - 96px);margin-inline:auto;padding-block:clamp(64px,6vw,96px);display:grid}.reference-preview .reference-layout{width:100%;padding-top:58px;padding-bottom:68px}.reference-intro{padding-top:14px}.reference-heading{letter-spacing:-2.9px;margin:0;font:900 clamp(45px,4.5vw,68px)/1.04 Fraunces,Georgia,serif}.reference-heading em{color:var(--red);font-style:normal}.reference-lead{margin:28px 0 23px;font-size:24px;line-height:1.35}.reference-instruction{max-width:265px;color:var(--muted);align-items:center;gap:11px;font-size:18px;line-height:1.35;display:flex}.reference-instruction>span{color:var(--red);flex:none;font-size:28px}.view-switch{border:1.5px solid var(--green);border-radius:5px;gap:0;min-width:0;margin:24px 0 0;padding:3px;display:inline-flex}.view-switch label{cursor:pointer;position:relative}.view-switch input{opacity:0;width:1px;height:1px;position:absolute}.view-switch span{border-radius:2px;padding:8px 15px;font-size:18px;font-weight:600;transition:background-color .15s,color .15s;display:block}.view-switch input:checked+span{color:var(--paper);background:var(--green)}.view-switch input:focus-visible+span{outline:3px solid var(--ochre);outline-offset:3px}.reference-detail{border-top:1px solid #18261d45;max-width:295px;margin-top:44px;padding-top:19px}.reference-count{color:var(--red);letter-spacing:.9px;font-size:16px;font-weight:600}.reference-project-title{letter-spacing:-.7px;margin:12px 0;font:700 25px/1.18 Fraunces,Georgia,serif}.reference-detail p{color:var(--muted);margin:0;font-size:18px;line-height:1.4}.reference-decoration{width:85px;height:45px;margin:35px 0 0 15px;position:relative;transform:rotate(-7deg)}.reference-decoration span{background:var(--green);transform-origin:bottom;width:2px;height:34px;position:absolute;bottom:0;left:40%;transform:rotate(-22deg)}.reference-decoration span:nth-child(2){height:43px;left:49%;transform:rotate(4deg)}.reference-decoration span:nth-child(3){height:29px;left:58%;transform:rotate(31deg)}.reference-decoration span:nth-child(4){height:19px;left:22%;transform:rotate(-25deg)}.reference-decoration span:nth-child(5){height:22px;left:76%;transform:rotate(24deg)}.reference-gallery{min-width:0}.photo-mount{border:1.5px solid var(--ink);background:var(--cream);padding:13px 13px 0;position:relative;box-shadow:6px 7px #18261d}.photo-mount:before,.photo-mount:after{content:"";z-index:var(--layer-page);pointer-events:none;background:#c4913090;border:1px solid #9b6e2845;width:34px;height:12px;position:absolute;top:-5px}.photo-mount:before{left:15px;transform:rotate(-7deg)}.photo-mount:after{right:12px;transform:rotate(9deg)}.comparison{aspect-ratio:1.36;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;isolation:isolate;background:#ced8ca;position:relative;overflow:hidden}.comparison-layer{position:absolute;inset:0}.comparison-layer img{object-fit:cover;object-position:50% 55%;pointer-events:none;width:100%;height:100%}.comparison-after{z-index:var(--layer-env)}.comparison-before{z-index:var(--layer-page);clip-path:inset(0 calc(100% - var(--split)) 0 0)}.photo-label{letter-spacing:.3px;border:1px solid var(--ink);padding:7px 15px 8px;font-size:17px;font-weight:600;line-height:1;position:absolute;top:18px;box-shadow:2px 2px #18261d5c}.photo-label--before{background:var(--cream);color:var(--ink);left:18px}.photo-label--after{background:var(--green);color:var(--paper);right:18px}.comparison-divider{inset:0 auto 0 var(--split);background:var(--cream);z-index:var(--layer-bgfx);pointer-events:none;width:2px;position:absolute;transform:translate(-50%);box-shadow:1px 0 #18261d70}.comparison-grip{width:67px;height:46px;color:var(--cream);background:var(--red);border:2px solid var(--cream);border-radius:28px;place-items:center;transition:scale .16s,box-shadow .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px #18261d}.comparison-grip svg{width:39px;height:22px}.comparison-range{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.comparison:focus-within{outline:4px solid var(--ochre);outline-offset:-4px}.comparison:focus-within .comparison-grip{outline:3px solid var(--ochre);outline-offset:3px}.comparison.is-dragging .comparison-grip{scale:1.08;box-shadow:0 5px #18261d}.comparison-cuttings{z-index:var(--layer-growth);pointer-events:none;position:absolute;inset:0;overflow:hidden}.comparison-cuttings i{background:var(--cream);border:1px solid #526936;border-radius:90% 0;width:7px;height:13px;animation:.7s ease-out both reference-cutting;display:block;position:absolute}.comparison-cuttings i:nth-child(2n){background:var(--ochre);width:5px;height:9px}@keyframes reference-cutting{0%{opacity:0;transform:translate(-50%)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--leaf-x),70px) rotate(var(--leaf-turn))}}.photo-mount-caption{justify-content:space-between;align-items:center;gap:15px;min-height:47px;font-size:16px;display:flex}.drag-caption{color:var(--red);white-space:nowrap;font-weight:600}.drag-caption>span{vertical-align:-1px;margin-right:5px;font-size:23px}.project-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:35px;display:grid}.project-option{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;min-width:0;padding:0 0 9px}.project-thumbnail{opacity:.82;border:1px solid #18261d7a;height:82px;transition:opacity .2s;display:block;overflow:hidden}.project-thumbnail img{object-fit:cover;object-position:50% 53%;width:100%;height:100%}.project-option[aria-pressed=true]{border-bottom-color:var(--red)}.project-option[aria-pressed=true] .project-thumbnail,.project-option:hover .project-thumbnail{opacity:1}.project-option-copy{white-space:nowrap;align-items:baseline;gap:9px;margin-top:10px;font-size:19px;font-weight:600;display:flex}.project-option-number{color:var(--red);font-size:14px;font-weight:400}.photo-perspective{color:var(--muted);margin:17px 0 0;font-size:15px}.comparison[data-view=side]{cursor:default;background:var(--cream);grid-template-columns:1fr 1fr;gap:5px;display:grid}.comparison[data-view=side] .comparison-layer{clip-path:none;min-width:0;position:relative;inset:auto;overflow:hidden}.comparison[data-view=side] .comparison-before{grid-area:1/1}.comparison[data-view=side] .comparison-after{grid-area:1/2}.comparison[data-view=side] .comparison-layer img{object-fit:contain;position:absolute}.comparison[data-view=side] .comparison-divider,.comparison[data-view=side] .comparison-range{display:none}.comparison[data-view=side] .photo-label{top:16px;left:50%;right:auto;transform:translate(-50%)}@media (width<=1050px){.reference-layout{grid-template-columns:.83fr 1.5fr;gap:35px;width:calc(100% - 56px)}.reference-heading{letter-spacing:-2px;font-size:49px}.reference-lead{font-size:21px}.reference-detail{margin-top:32px}.view-switch span{padding-inline:11px;font-size:17px}.photo-mount-caption{font-size:14px}.drag-caption{display:none}.project-selector{gap:13px}.project-option-copy{gap:6px;font-size:17px}.comparison{aspect-ratio:1.14}}@media (width<=760px){.reference-layout{flex-direction:column;gap:28px;width:calc(100% - 40px);padding-top:34px;padding-bottom:37px;display:flex}.reference-intro{padding:0}.reference-heading{letter-spacing:-2px;font-size:clamp(40px,10.5vw,64px);line-height:1.04}.reference-heading br{display:none}.reference-lead{margin:16px 0 12px;font-size:21px}.reference-lead br{display:none}.reference-instruction{max-width:100%;margin:0;font-size:17px}.reference-instruction>span{font-size:25px}.view-switch{margin-top:21px}.view-switch span{padding:8px 19px}.reference-detail{border:0;max-width:none;margin:0;padding:22px 0 0}.reference-project-title{margin-left:10px;font-size:21px;display:inline}.reference-count{font-size:13px}.reference-detail p,.reference-decoration{display:none}.photo-mount{box-shadow:4px 5px 0 var(--ink);padding:8px 8px 0}.comparison{aspect-ratio:1.04}.photo-label{padding:7px 11px;font-size:15px;top:12px}.photo-label--before{left:12px}.photo-label--after{right:12px}.comparison-grip{width:61px;height:44px}.photo-mount-caption{min-height:40px;font-size:14px}.project-selector{gap:13px;padding-top:25px}.project-thumbnail{height:64px}.project-option-copy{white-space:normal;font-size:17px;line-height:1.1;display:block}.project-option-number{display:none}.photo-perspective{font-size:14px;line-height:1.3}}@media (prefers-reduced-motion:reduce){.references *,.references :before,.references :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduced-motion .references *,.reduced-motion .references :before,.reduced-motion .references :after{transition:none!important;animation:none!important}
