:root{color-scheme:light;--paper:#fffaf2;--ink:#3c463e;--rose:#8d4558;--line:#dfd5c5;--sage:#edf0e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;font-size:18px;line-height:1.5}a{color:var(--rose);text-underline-offset:4px}button,select{font:inherit;color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-radius:9px;min-height:48px;padding:10px 17px;cursor:pointer}button:hover,select:hover{background:var(--sage)}:focus-visible{outline:3px solid var(--rose);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--rose);color:white;border-color:var(--rose);min-width:164px}.primary:hover{background:#75394a}[hidden]{display:none!important}.masthead{max-width:1260px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);font-size:15px}.brand{font-family:Georgia,serif;font-style:italic;font-size:27px;text-decoration:none}.intro{text-align:center;padding:30px 20px 20px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#697464;margin:0}h1{font:normal clamp(32px,5vw,48px)/1.2 Georgia,serif;margin:10px 0}.intro>p:last-child{margin:12px 0;color:#60685e}.player{max-width:1100px;margin:0 auto;padding:12px 20px}.player figure{margin:0;background:#eee8dc;padding:12px;border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 35px #4b382015}.image-stage{position:relative;background:#232823;height:clamp(280px,54vh,640px);display:flex;align-items:center;justify-content:center;overflow:hidden}#flower{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}.frame-mark{position:absolute;bottom:12px;right:16px;color:#fff;font:italic 16px Georgia,serif;text-shadow:0 1px 5px #000;background:#0005;padding:4px 10px;border-radius:4px}figcaption{display:flex;justify-content:space-between;gap:16px;padding:10px 6px 0;font-size:14px}.controls{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:20px}.transport,.options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.options{font-size:15px}.options label{display:flex;align-items:center;gap:8px}.options select{padding:7px 10px}#status{margin:8px 0 0;text-align:center;font-size:15px}#status:empty{display:none}.below{max-width:1060px;margin:12px auto 40px;padding:0 20px;text-align:center}.frame-help,.season-note{font-size:14px;color:#60685e}.share{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0}.share a{font-size:17px}.share button{font-size:15px}details{text-align:left;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;padding:8px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:20px 0}.gallery img{width:100%;height:150px;object-fit:cover;border-radius:5px}.contact{font-size:16px}.frame-mode .intro,.frame-mode .below{display:none}.frame-mode .masthead{padding:12px 20px}.frame-mode h1{display:none}.frame-mode .player{max-width:none;padding:12px}.frame-mode .image-stage{height:calc(100dvh - 260px);min-height:220px}.frame-mode .controls{margin-top:12px;gap:8px}.player:fullscreen{max-width:none;width:100%;height:100%;background:#171c18;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:16px}.player:fullscreen figure{background:#232823;border:0;box-shadow:none;min-height:0;flex:1;display:flex;flex-direction:column}.player:fullscreen .image-stage{height:auto;min-height:0;flex:1}.player:fullscreen .controls{flex-shrink:0}.player:fullscreen figcaption{color:#fff}.player:fullscreen #status{color:#fff}@media(max-width:600px){body{font-size:16px}.masthead{padding:16px;gap:12px}.brand{font-size:22px}.masthead>a:last-child{font-size:13px}.intro{padding:24px 16px 8px}.player{padding:10px}.player figure{padding:7px}.image-stage{height:46vh;min-height:280px}figcaption{font-size:12px;gap:8px}.transport{gap:6px;width:100%}.transport button{padding:10px 12px}.primary{min-width:140px}.options{gap:8px}.frame-mode .image-stage{height:calc(100dvh - 290px)}.share{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* A quiet, always-visible toolbar: readable labels and generous hit targets. */
.controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-top:8px;font-size:15px}
.transport,.options{gap:4px;width:auto}
.controls button,.controls select{min-height:44px;padding:7px 10px;border-color:transparent;background:transparent;border-radius:6px}
.controls button:hover,.controls select:hover{background:#eae5da}
.controls .primary{min-width:94px;background:#eee0e2;color:#75394a;border-color:#e3cbd0;font-weight:600}
.controls .primary:hover{background:#e6d0d5}
.options{font-size:14px}.options label{gap:2px}.options select{padding-right:3px}
.frame-mode{height:100dvh;display:flex;flex-direction:column}
.frame-mode .masthead{flex-shrink:0;width:100%;max-width:none;padding:8px 18px;border:0}
.frame-mode .brand{font-size:21px}.frame-mode .masthead>a:last-child{font-size:13px}
.frame-mode main{flex:1;min-height:0;display:flex;flex-direction:column}
.frame-mode .player{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;padding:0 10px 8px;margin:0}
.frame-mode .player figure{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;box-shadow:none}
.frame-mode .image-stage{height:auto;min-height:0;flex:1}
.frame-mode #flower,.player:fullscreen #flower{position:absolute;inset:0}
.frame-mode figcaption{justify-content:flex-end;font-size:12px;padding:4px 2px 0;flex-shrink:0}
.frame-mode figcaption>span:first-child,.frame-mode .frame-mark{display:none}
.frame-mode .controls{flex-shrink:0;margin-top:4px;gap:2px 16px}
.frame-mode #status{flex-shrink:0;font-size:13px}
.player:fullscreen .controls{color:#fff}
.player:fullscreen .controls button,.player:fullscreen .controls select{color:#fff}
.player:fullscreen .controls .primary{background:#eee0e2;color:#75394a}
.player:fullscreen .controls button:hover,.player:fullscreen .controls select:hover{background:#424a41}
.player:fullscreen .controls .primary:hover{background:#e6d0d5}
.player:fullscreen .controls select option{background:#232823;color:white}
@media(max-width:600px){.controls{gap:2px 12px}.transport{width:auto}.transport button{padding:7px 12px}.controls .primary{min-width:94px}.options{gap:2px}.frame-mode .controls{gap:0 12px}.frame-mode .player{padding:0 6px 6px}.frame-mode .masthead{padding:7px 12px}}

/* Five material studies; the photograph itself is never cropped or decorated. */
.frame-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 18px;padding:0 16px}
.frame-choices a{display:flex;align-items:center;gap:8px;padding:6px 11px;min-height:44px;font-size:14px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:30px;background:#fffc}
.frame-choices a[aria-current]{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}
.material-swatch{width:24px;height:24px;border-radius:50%;background-size:100px;border:1px solid #0002;flex-shrink:0}
.swatch-linen{background-image:url('/photos/art/linen.webp')}.swatch-botanical{background-image:url('/photos/art/botanical.webp')}.swatch-porcelain{background-image:url('/photos/art/porcelain.webp')}.swatch-walnut{background-image:url('/photos/art/walnut.webp')}.swatch-gilded{background-image:url('/photos/art/gilded.webp')}
.frame-style-picker{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.frame-style-picker select{font-size:13px;min-height:36px;max-width:160px;padding:3px 5px;background:transparent;border-color:var(--line)}
.frame-mode .masthead{flex-wrap:wrap;gap:4px 14px}.frame-mode .masthead>a:nth-child(2){margin-left:auto}
body[data-frame-style="linen"]{--paper:#f8f5ee;--ink:#494438;--rose:#806141}
body[data-frame-style="botanical"]{--paper:#f1f3eb;--ink:#354739;--rose:#466547;--line:#cbd5c3}
body[data-frame-style="porcelain"]{--paper:#f4f7f9;--ink:#344c61;--rose:#3e6288;--line:#c5d0db}
body[data-frame-style="walnut"]{--paper:#f3eee7;--ink:#493e34;--rose:#7a4a30;--line:#d9c9b6}
body[data-frame-style="gilded"]{--paper:#eaece5;--ink:#273a30;--rose:#53653b;--line:#bec7b8}
body:where([data-frame-style]:not([data-frame-style=""])) .player figure{padding:clamp(18px,3vw,32px);background-size:440px;border-radius:3px;position:relative}
body:where([data-frame-style]:not([data-frame-style=""])) .image-stage{box-shadow:0 0 0 5px #fff9,0 0 0 6px #71634c66;background:#e9e5dc}
body:where([data-frame-style]:not([data-frame-style=""])) figcaption{margin-top:7px;padding-top:6px}
body[data-frame-style="linen"] .player figure{background-image:url('/photos/art/linen.webp');border:1px solid #cbbfae;box-shadow:0 2px 0 #fff inset,0 12px 24px #54412320}
body[data-frame-style="linen"] .image-stage{background:#ece8de}
body[data-frame-style="botanical"] .player figure{background-image:linear-gradient(#fff6,#fff6),url('/photos/art/botanical.webp');border:3px double #8e9e80;box-shadow:0 10px 24px #344c3226}
body[data-frame-style="botanical"] .image-stage{background:#e4e9de;box-shadow:0 0 0 6px #f6f5e9,0 0 0 7px #8e9e80}
body[data-frame-style="porcelain"] .player figure{background-image:linear-gradient(#fff3,#fff3),url('/photos/art/porcelain.webp');border:3px solid #becbda;border-radius:12px;box-shadow:inset 0 0 0 2px #fff,0 10px 25px #263f5a24}
body[data-frame-style="porcelain"] .image-stage{background:#e8eef2;box-shadow:0 0 0 6px #fcfcf8,0 0 0 8px #58769b;border-radius:2px}
body[data-frame-style="walnut"] .player figure{background-image:url('/photos/art/walnut.webp');border:4px ridge #92643f;box-shadow:inset 0 0 0 3px #4b2e20,0 14px 30px #38261933;color:#fff3dd}
body[data-frame-style="walnut"] .image-stage{background:#eee5d7;box-shadow:0 0 0 7px #e7dbc4,0 0 0 9px #b78c58}
body[data-frame-style="gilded"] .player figure{background-image:url('/photos/art/gilded.webp');border:3px double #b39a56;box-shadow:inset 0 0 0 4px #24392c,0 12px 30px #14281e44;color:#f7edcc}
body[data-frame-style="gilded"] .image-stage{background:#18271e;box-shadow:0 0 0 4px #1b3023,0 0 0 6px #b39a56,0 0 0 8px #314330}
body:where([data-frame-style]:not([data-frame-style=""])) figcaption span{background:#fffaf0e8;color:#3e473b;border-radius:3px;padding:1px 6px;font-size:12px}
body:where([data-frame-style]:not([data-frame-style=""])) .controls .primary{background:var(--paper);color:var(--rose);border-color:var(--line)}
body:where([data-frame-style]:not([data-frame-style=""])) .frame-mark{display:none}
.frame-mode[data-frame-style]:not([data-frame-style=""]) .player figure{padding:clamp(16px,2.7vw,30px);padding-bottom:8px}
.frame-mode[data-frame-style]:not([data-frame-style=""]) figcaption{margin-top:9px;padding-top:3px}
@media(max-width:600px){.frame-choices{gap:6px;margin-bottom:12px}.frame-choices a{font-size:12px;padding:5px 8px}.frame-mode .frame-style-picker{margin-left:auto}.frame-mode .masthead{padding-bottom:6px}.frame-style-picker select{max-width:150px}body:where([data-frame-style]:not([data-frame-style=""])) .player figure{padding:18px}.frame-mode[data-frame-style]:not([data-frame-style=""]) .player figure{padding:16px 16px 6px}}

.main-frame-picker{display:flex;justify-content:center;margin:0 auto 12px;padding:0 16px}.main-frame-picker .frame-style-picker{font-size:14px;gap:8px}.main-frame-picker select{font-size:14px;min-height:44px}