:root{color-scheme:light;--paper:#f1ded8;--ink:#233e35;--rose:#c35765;--line:#233e3538;--cream:#faf3df;--muted:#526158}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#647c6c var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;font-size:14px;line-height:1.6}::selection{background:#e6bd58;color:#233e35}a{color:inherit;text-underline-offset:.25em}button,input{font:inherit}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--rose)}.skip{position:absolute;left:20px;top:-80px;z-index:5;background:var(--cream);padding:12px 18px}.skip:focus{top:12px}header{height:76px;margin:0 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.signature{font-family:Fraunces,serif;font-size:26px;text-decoration:none}.back{display:flex;align-items:center;min-height:44px;font-size:13px;text-decoration:none}.back:hover{text-decoration:underline}.garden{display:grid;grid-template-columns:minmax(265px,.78fr) minmax(0,1.22fr);gap:0 6vw;padding:46px 7vw 64px;max-width:1560px;margin:auto;align-items:start}.introduction{grid-column:1;grid-row:1}.introduction h1,h2{font-family:Fraunces,serif;font-weight:300;letter-spacing:-.035em;line-height:.96;text-wrap:balance}.introduction h1{font-size:clamp(64px,6.8vw,96px);margin:9px 0 24px}.introduction h1 em,h2 em{font-weight:300}.introduction p{font-size:16px;line-height:1.6;margin:0 0 38px}.artwork{grid-column:2;grid-row:1/3;margin:0;justify-self:center;width:100%;max-width:600px}.art-stage{width:100%;aspect-ratio:580/785;position:relative;overflow:hidden;background:#e5dbbd;touch-action:none;box-shadow:0 16px 38px -24px #3e403f65;cursor:crosshair}.art-stage img,.art-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.art-stage img{object-fit:contain;background:var(--cream)}.art-stage canvas{visibility:hidden}body[data-renderer=webgpu] .art-stage img{visibility:hidden}body[data-renderer=webgpu] .art-stage canvas{visibility:visible}.artwork figcaption{font-size:12px;margin-top:13px;color:var(--muted)}.tending{grid-column:1;grid-row:2;max-width:385px}.actions{display:flex;gap:8px;margin-bottom:27px;flex-wrap:wrap}button{min-height:44px;padding:0 17px;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;font-size:13px}button:first-child{background:var(--ink);color:var(--cream);min-width:91px}button:hover:not(:disabled){background:#e7c376;color:#233e35}button:active:not(:disabled){background:#e0b458}button:disabled{opacity:.5;cursor:wait}.control{border-top:1px solid var(--line);padding-top:12px;margin-bottom:15px}.control label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.control output{font-weight:400;font-variant-numeric:tabular-nums}.control input{width:100%;min-height:44px;margin:1px 0 0;background:transparent;cursor:pointer;accent-color:var(--rose);-webkit-appearance:none;appearance:none}.control input::-webkit-slider-runnable-track{height:2px;background:#879086}.control input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--rose);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--rose);margin-top:-8px}.control input::-moz-range-track{height:2px;background:#879086}.control input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--rose);border:3px solid var(--paper)}.ends{display:flex;justify-content:space-between;font-size:12px;line-height:1;color:var(--muted);margin-top:-3px}.keyboard-help{padding-top:2px;color:var(--muted)!important}#motion-note,.gesture,#renderer-status{font-size:12px;line-height:1.65;margin:18px 0 0;max-width:42ch}.gesture{margin-top:8px;color:var(--muted)}#renderer-status{margin-top:12px;color:var(--muted)}.source{background:#254637;color:#faf3df;padding:80px 7vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:6vw;align-items:start}.source h2{font-size:clamp(48px,5vw,72px);margin:0 0 30px}.source-copy p{font-size:14px;line-height:1.8;max-width:42ch;margin:0 0 20px}.source figure{margin:0}.source img{display:block;width:100%;height:auto}.source figcaption{font-size:13px;line-height:1.7;margin-top:18px;color:#efe6c9}.source a:focus-visible{outline-color:#e7c376}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 5vw;font-size:12px}footer a{display:flex;align-items:center;min-height:44px}
@media(min-width:1600px){.source{padding-left:max(7vw,calc((100vw - 1336px)/2));padding-right:max(7vw,calc((100vw - 1336px)/2))}}
@media(max-width:850px){.garden{gap:0 5vw;padding:34px 5vw 50px;grid-template-columns:minmax(235px,.85fr) minmax(0,1.15fr)}.introduction h1{font-size:66px}.introduction p{font-size:14px}.actions{gap:6px}.actions button{padding:0 12px}.source{padding:58px 5vw;gap:5vw}}
@media(max-width:620px){header{height:58px;margin:0 5vw}.signature{font-size:23px}.garden{display:flex;flex-direction:column;gap:0;padding:23px 5vw 42px}.introduction{display:flex;align-items:end;justify-content:space-between;width:100%;gap:12px;margin-bottom:20px}.introduction h1{font-size:48px;margin:0;line-height:.96}.introduction p{font-size:12px;line-height:1.65;margin:0 0 3px;max-width:17ch}.artwork{width:auto;align-self:center;max-width:100%}.art-stage{width:min(90vw,calc(51vh * .739));height:51vh;max-height:460px;aspect-ratio:580/785}.artwork figcaption{margin-top:10px;font-size:12px}.tending{max-width:none;width:100%;margin-top:19px}.actions{margin-bottom:25px;gap:8px}.actions button{padding:0 19px;flex:1}.actions button:first-child{min-width:0}.control{margin-bottom:19px}.source{display:block;padding:48px 5vw}.source h2{font-size:50px;margin-bottom:23px}.source-copy p{max-width:44ch}.source figure{margin-top:30px}.source figcaption{font-size:12px}footer{align-items:start;padding:20px 5vw;gap:22px}footer span{max-width:18ch;padding-top:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The local brand sheet sets paragraph and heading colour explicitly. */
h1,h2,p{color:inherit}
.source a:hover{color:#f2cf70}