/* Shared controls: one size and shape, with clear primary and selected states. */
:root{--control-height:44px;--control-radius:11px;--control-border:#d5c8b8;--control-bg:#fcf8f2;--control-hover:#eee3d4;--control-ink:#574837;--control-selected:#6b573f;--control-focus:#8a6844}
body [hidden]{display:none!important}
body :is(.outline-button,.text-link,.plain-button,.browse-tool,.browse-dock-button,.browse-view,.browse-price,.browse-clear,.gallery-explorer-reset,.gallery-explorer-empty button,.gallery-layout-options button,.photo-updates-button,.category-motion-toggle,.studio-choice,.studio-primary,.studio-link,.studio-copy-button,.studio-share-button,.photo-editor-save,.photo-editor-cancel,.photo-editor-retry,.photo-editor-original,.photo-editor-step,.photo-editor-view,.photo-editor-inline,.lightbox-management,.prints-view,.prints-choose,.prints-email,.prints-gmail,.payment-copy-button,.photo-comments-submit,.photo-comments-more,.photo-comments-retry,.photo-comment-delete,.photo-comment-cancel,.photo-comment-confirm-delete,.photo-likes-retry,.search-clear,.search-suggestion,.search-more,.activity-tab,.activity-refresh,.activity-retry,.activity-open-photo,.moderation-activity,.moderation-refresh,.moderation-retry,.moderation-more,.moderation-open-photo,.moderation-remove,.moderation-confirm-remove,.moderation-cancel,.push-controls button){
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);max-width:100%;padding:10px 16px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink);font:500 12px/1.45 var(--sans);letter-spacing:0;text-align:center;text-decoration:none;box-shadow:none;white-space:normal;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease
}
body :is(.outline-button,.text-link,.plain-button,.browse-tool,.browse-dock-button,.browse-view,.browse-price,.browse-clear,.gallery-explorer-reset,.gallery-explorer-empty button,.photo-updates-button,.category-motion-toggle,.studio-choice,.studio-link,.studio-copy-button,.studio-share-button,.photo-editor-cancel,.photo-editor-retry,.photo-editor-original,.photo-editor-step,.photo-editor-view,.photo-editor-inline,.lightbox-management,.prints-view,.prints-choose,.prints-gmail,.payment-copy-button,.search-clear,.search-suggestion,.search-more,.activity-refresh,.activity-retry,.activity-open-photo,.moderation-activity,.moderation-refresh,.moderation-retry,.moderation-more,.moderation-open-photo,.moderation-cancel):hover:not(:disabled){background:var(--control-hover);border-color:#bca98f;box-shadow:0 2px 7px #48341f08}
body :is(.studio-primary,.prints-email,.photo-editor-save,.photo-comments-submit,.push-controls .push-enable){background:var(--control-selected);border-color:var(--control-selected);color:#fff9f0}
body :is(.studio-primary,.prints-email,.photo-editor-save,.photo-comments-submit,.push-controls .push-enable):hover:not(:disabled){background:#53412d;border-color:#53412d}
body :is(.gallery-layout-options button[aria-pressed=true],.studio-choice[aria-pressed=true],.activity-tab[aria-selected=true]){background:var(--control-selected);border-color:var(--control-selected);color:#fff9f0;box-shadow:none}
body :is(.moderation-remove,.moderation-confirm-remove,.photo-comment-confirm-delete){background:#f9e8e5;border-color:#e3bdb6;color:#994237}
body :is(.photo-search-button,.owner-activity-button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink);font:500 12px/1.4 var(--sans);box-shadow:none}
body :is(.photo-search-button,.owner-activity-button):hover{background:var(--control-hover);border-color:#bca98f}
body .header-actions{gap:10px;align-items:center}
body .site-header nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:var(--control-radius);font-size:12px;line-height:1.4}
body .site-header nav a:hover{background:#f3eadd;color:var(--control-ink)}
body .site-header nav a[aria-current=page]{background:var(--control-bg);border-color:var(--control-border);color:var(--control-ink)}
body .site-header nav.is-open{gap:6px}
body .language-switch select{min-height:44px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);padding:10px 12px;color:var(--control-ink);font:500 12px/1.4 var(--sans)}
body #menu-button{width:44px;height:44px;min-width:44px;padding:0;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink)}
body :is(.hero-control,.photo-row-arrow,.home-frame-control,.favorite-toggle,.favorite-photo,.browse-compare-toggle,.search-close,.activity-close,.moderation-close,.browse-close,.photo-editor-close,.photo-comments-close){width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:0;border:1px solid var(--control-border);border-radius:var(--control-radius);box-shadow:none}
body :is(.hero-control,.photo-row-arrow,.home-frame-control){background:var(--control-bg);color:var(--control-ink);font-size:21px}
body :is(.hero-control,.photo-row-arrow,.home-frame-control):hover:not(:disabled){background:var(--control-hover);border-color:#bca98f;color:var(--control-ink)}
body :is(.search-close,.activity-close,.moderation-close,.browse-close,.photo-editor-close){background:var(--control-bg);color:var(--control-ink);font-size:28px}
body .favorite-toggle{background:#fcf8f2ed;font-size:26px}
body .share-panel-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--control-ink);font:28px/1 var(--sans)}
body .share-panel-close:hover{background:var(--control-hover)}
body .studio-share-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
body :is(.photo-like-button,.photo-comment-button){min-height:44px;min-width:64px;padding:10px 13px;border-radius:var(--control-radius);font:500 12px/1 var(--sans);gap:7px;box-shadow:none}
body .photo-like-button{background:#f5ebe0;border-color:#dac6af;color:#785338}
body .photo-like-button.is-liked{background:#f9e3e5;border-color:#dca3aa;color:#a13040}
body .photo-comment-button{background:#e9f1f6;border-color:#c3d5e1;color:#3c657c}
body .photo-comment-button[aria-expanded=true]{background:#456b81;border-color:#456b81;color:#fff}
body .browse-compare-toggle{background:#f0e7da;border-color:#d5c3aa;color:#745a3c}
body .browse-compare-toggle[aria-pressed=true]{background:var(--control-selected);border-color:var(--control-selected);color:#fff9f0}
/* Every photograph gets three equal action cells; comments stay on the right. */
body .gallery .photo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;justify-content:normal;direction:ltr;margin-top:12px}
body .gallery .photo-actions>button{width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:8px 6px;flex:auto;border-radius:var(--control-radius)}
body .gallery .photo-actions svg{width:18px;height:18px;flex-basis:18px}
body .gallery-actions{gap:10px}
body .gallery-actions .outline-button{min-height:44px;padding:10px 16px;font-size:12px}
body .gallery-layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;max-width:100%}
body .gallery-layout-options>span{grid-column:1/-1;margin:0 0 2px}
body .gallery-layout-options button{min-width:80px;padding:10px 14px;border-radius:var(--control-radius)}
body :is(.gallery-explorer-field input,.gallery-explorer-field select,.month-navigation-select,.slideshow-speed select,.prints-field select,.prints-field input,.prints-field textarea,.photo-editor input,.photo-editor select,.photo-editor textarea,.photo-comments-form input,.photo-comments-form textarea,.search-input){border-radius:var(--control-radius)}
body :is(.gallery-explorer-field input,.gallery-explorer-field select,.month-navigation-select,.slideshow-speed select){min-height:44px;border-color:var(--control-border);background:var(--control-bg)}
body .photo-updates-button{min-width:160px}
body .browse-tool{min-width:168px}
body .browse-dock{gap:8px}
body .browse-dock-button{min-height:44px;padding:10px 15px;box-shadow:0 4px 18px #30231512}
body .category-motion-toggle{min-height:44px;font-size:11px}
/* Photograph category circles keep their identity and equal cover dimensions. */
body .filters.category-circles .filter .filter-cover{width:80px;max-width:100%;border-width:1px;box-shadow:none}
body .filters.category-circles .filter:hover .filter-cover{box-shadow:0 3px 12px #51402a14}
body .filters.category-circles .filter.active .filter-cover{box-shadow:0 0 0 3px var(--filter-bg),0 0 0 4px var(--filter-ink)}
body .filters.category-circles .filter [data-count]{min-width:28px;border-radius:7px;font-weight:500}
body :is(button,a,select,input,textarea):focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}
body button:disabled{opacity:.4;box-shadow:none;cursor:default}
body button.is-pending{opacity:.6}
/* The same geometry works against the dark photograph surround. */
body #lightbox{--control-border:#675642;--control-bg:#302922;--control-hover:#403326;--control-ink:#ebd8bf;--control-focus:#e1bc8b}
body #lightbox :is(.icon-button,.favorite-photo,.fullscreen-button,.studio-share-button,.viewer-owner-tools>button,.photo-comments-close,.studio-copy-button,.photo-comments-submit,.photo-comments-more,.photo-comments-retry,.photo-comment-delete,.photo-comment-cancel){min-height:44px;border-radius:var(--control-radius);border-color:var(--control-border);font-family:var(--sans);box-shadow:none}
body #lightbox :is(.studio-share-button,.fullscreen-button,.viewer-owner-tools>button){padding:10px 14px;font-size:12px;background:var(--control-bg);color:var(--control-ink)}
body #lightbox :is(.lightbox-playback,.viewer-reaction-controls .favorite-photo,.lightbox-stage>.icon-button){width:44px;height:44px;border-radius:var(--control-radius);background:#302922d9}
body #lightbox :is(.photo-like-button,.photo-comment-button){min-height:44px;padding:10px 13px;border-radius:var(--control-radius);font:500 12px/1 var(--sans)}
body #lightbox .photo-like-button{background:#f5ebe0;border-color:#dac6af;color:#785338}
body #lightbox .photo-like-button.is-liked{background:#f9e3e5;border-color:#dca3aa;color:#a13040}
body #lightbox .photo-comment-button{background:#304753;border-color:#577787;color:#e4eff5}
body #lightbox .photo-comment-button[aria-expanded=true]{background:#4b7187;border-color:#8caec2;color:#fff}
body #lightbox .photo-purchase-actions>a{min-height:44px;border-radius:var(--control-radius);font-size:12px;font-weight:500}
body #lightbox .slideshow-speed--viewer select{min-height:44px;border-radius:var(--control-radius);border-color:var(--control-border);background:var(--control-bg);color:var(--control-ink)}
body #lightbox .viewer-reaction-controls{gap:10px}
body #lightbox .lightbox-reactions{gap:10px}
body #lightbox .studio-copy-button{background:#e8d5b8;color:#30251b}
body #lightbox .photo-comments-submit{background:#d6e6ef;border-color:#a4c0d1;color:#24485d}
body :is(#photo-search,#owner-activity,#moderator-menu) :is(button:not(.search-result),.push-controls button){border-radius:var(--control-radius);min-height:44px}
@media(max-width:680px){
 body .header-actions{gap:7px}
 body :is(.photo-search-button,.owner-activity-button){width:44px;min-width:44px;height:44px;padding:0;flex:0 0 44px}
 body .language-switch select{font-size:16px;padding:9px 8px}
 body :is(.gallery-explorer-field input,.gallery-explorer-field select,.month-navigation-select,.slideshow-speed select){font-size:16px}
 body .gallery .photo-actions{gap:6px;margin-top:10px}
 body .gallery .photo-actions>button{padding-inline:4px;gap:4px;font-size:11px}
 body .gallery-layout-options{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
 body .gallery-layout-options button{min-width:0;padding:10px 8px;font-size:11px}
 body .browse-tool{flex:1 1 145px;min-width:0}
 body .browse-bar{gap:8px}
 body #lightbox .fullscreen-button{width:44px;padding:0}
 body #lightbox .studio-share-button{padding:10px 12px;font-size:11px}
 body #lightbox .viewer-owner-tools>button{padding:10px 12px;font-size:11px}
 body #lightbox .photo-purchase-actions>a{min-height:48px;font-size:11px}
}
@media(max-width:480px){body .filters.category-circles .filter .filter-cover{width:68px}body .gallery .photo-actions svg{width:17px;height:17px;flex-basis:17px}}
@media(prefers-reduced-motion:reduce){body :is(button,a,select,input,textarea){transition:none}}

/* Reactions and the swipe hint sit opposite the slideshow navigation. */
body .hero-carousel .hero-footnote{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px 24px;direction:ltr}
body .hero-carousel #hero-photo-label{grid-column:1/-1;min-width:0;flex-basis:auto}
body .hero-carousel .hero-engagement{grid-column:1;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
body .hero-carousel :is(#hero-like,#hero-comments){display:flex;min-width:0}
body .hero-carousel .hero-engagement .hero-scroll-hint{display:block;margin:0 0 0 7px;flex:0 1 auto;text-align:start;font-size:8px;line-height:1.6;letter-spacing:1px}
body .hero-carousel .hero-controls{grid-column:2;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:auto;gap:8px;margin:0}
@media(max-width:600px){
 body .hero-carousel .hero-footnote{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
 body .hero-carousel .hero-engagement{display:grid;grid-template-columns:repeat(2,44px);grid-template-rows:auto 44px;gap:7px 6px;align-content:end}
 body .hero-carousel .hero-engagement .hero-scroll-hint{grid-column:1/-1;grid-row:1;margin:0;font-size:7px;letter-spacing:.4px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
 body .hero-carousel #hero-like{grid-column:1;grid-row:2}
 body .hero-carousel #hero-comments{grid-column:2;grid-row:2}
 body .hero-carousel .hero-engagement :is(.photo-like-button,.photo-comment-button){width:44px;min-width:44px;min-height:44px;padding:6px 4px;gap:4px;font-size:11px}
 body .hero-carousel .hero-controls{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:auto 44px;gap:7px 6px;align-content:end}
 body .hero-carousel #hero-count{grid-column:1/-1;grid-row:1;text-align:end;font-size:10px;line-height:1.5}
 body .hero-carousel #hero-playback{grid-column:1;grid-row:2}
 body .hero-carousel #hero-previous{grid-column:2;grid-row:2}
 body .hero-carousel #hero-next{grid-column:3;grid-row:2}
}

/* Visible words make the actions understandable without learning the icons. */
body :is(.outline-button,.text-link,.plain-button,.browse-tool,.browse-dock-button,.studio-primary,.studio-link,.prints-email,.prints-gmail,.photo-editor-save,.photo-editor-cancel,.photo-comments-submit){min-height:48px;padding:12px 18px;font-size:14px;font-weight:500}
body :is(.photo-like-button,.photo-comment-button,.browse-compare-toggle){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:auto;max-width:100%;height:auto;flex:0 1 auto;padding:11px 14px;font:500 13px/1.4 var(--sans);white-space:normal}
body :is(.photo-like-label,.photo-comment-label,.browse-compare-label,.control-label){min-width:0;overflow-wrap:anywhere}
body :is(.photo-like-count,.photo-comment-count){display:inline-flex;align-items:center;justify-content:center;min-width:21px;padding:2px 5px;border-radius:6px;background:#0000000b;font-size:11px;font-variant-numeric:tabular-nums;flex:0 0 auto}
body :is(.photo-like-button,.photo-comment-button,.browse-compare-toggle) svg{width:18px;height:18px;flex:0 0 18px}
body :is(.hero-control,.home-frame-control,.favorite-photo,.favorite-toggle){display:inline-flex;align-items:center;justify-content:center;gap:7px;font:500 13px/1.4 var(--sans)}
body .control-icon{font-size:20px;line-height:1;flex:0 0 auto}
body :is(#hero-playback,#home-frame-playback){width:auto;min-width:108px;flex:0 0 auto;padding-inline:14px}
body .hero-playback-tools{order:-2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px 14px;min-width:0;max-width:100%;margin-inline-end:auto}
body .hero-playback-tools>.slideshow-speed{margin:0}
body .favorite-toggle{width:auto;min-width:84px;height:38px;min-height:38px;padding:6px 10px;background:#fcf8f2f5;box-shadow:0 2px 8px #0002}
body .favorite-toggle .control-icon{font-size:20px}
body .favorite-toggle .control-label{font-size:12px}
/* Keep all card actions legible, including in a narrow two-column gallery. */
body .gallery .photo-actions{display:flex;flex-wrap:wrap;gap:7px}
body .gallery .photo-actions>button{width:auto;min-height:44px;height:auto;flex:1 1 110px;padding:9px 10px;gap:6px;font-size:12px;line-height:1.4}
body .gallery .photo-actions>.photo-like-button{order:1}
body .gallery .photo-actions>.photo-comment-button{order:2}
body .gallery .photo-actions>.browse-compare-toggle{order:3;flex-basis:100%;background:transparent;border-color:var(--control-border);color:var(--control-ink)}
body .gallery .photo-actions>.browse-compare-toggle[aria-pressed=true]{background:var(--control-selected);color:#fff9f0}
/* A clear viewer toolbar: playback, social actions, then the print enquiry. */
body #lightbox .lightbox-footer{grid-template-columns:minmax(0,1fr) minmax(420px,480px);align-items:start;gap:36px}
body #lightbox .lightbox-bottom-right{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:18px;border:1px solid #a892743d;border-radius:16px;background:#ffffff04}
body #lightbox .viewer-playback-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}
body #lightbox #lightbox-count{flex:0 0 100%;text-align:center;font-size:11px}
body #lightbox .lightbox-playback{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto;min-width:128px;min-height:46px;padding:10px 14px;font:500 13px/1.4 var(--sans);color:#f2e8da;background:#3e342b}
body #lightbox .slideshow-speed--viewer select{min-height:46px;width:100px;font-size:13px}
body #lightbox .viewer-reaction-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;align-items:stretch}
body #lightbox .lightbox-reactions{display:contents}
body #lightbox .lightbox-reactions>span{display:flex;min-width:0}
body #lightbox #lightbox-like{grid-column:1;grid-row:1}
body #lightbox #lightbox-comments{grid-column:2;grid-row:1}
body #lightbox .viewer-reaction-controls .favorite-photo{grid-column:1/-1;grid-row:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;height:auto;padding:10px 14px;font:500 13px/1.4 var(--sans);color:#e9dfd0;background:transparent}
body #lightbox .favorite-photo.is-favorite{background:#54313b;color:#ffd1da;border-color:#b67e8c}
body #lightbox :is(.photo-like-button,.photo-comment-button){width:100%;min-width:0;min-height:46px;height:auto;padding:11px 10px;gap:7px;font:500 13px/1.4 var(--sans)}
body #lightbox .photo-purchase-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #a892743d;padding-top:14px}
body #lightbox .photo-purchase-actions>a{min-height:48px;padding:12px 10px;font-size:13px;line-height:1.5}
body #lightbox .photo-purchase-actions .photo-purchase{background:#ead5b2;border-color:#ead5b2;color:#30251b}
body #lightbox .photo-purchase-actions .photo-purchase:hover{background:#f4e3c8}
body #lightbox .photo-purchase-actions .photo-inquiry{background:#45372a;border-color:#a08360;color:#f4dfbd}
body #lightbox .viewer-owner-tools{padding-top:10px;border-top:1px solid #a8927430;margin-top:12px}
body #lightbox .viewer-owner-tools:empty{display:none}
/* On a phone the labelled actions get their own row, above navigation. */
@media(max-width:900px){
 body .hero-carousel .hero-footnote{grid-template-columns:minmax(0,1fr);gap:14px}
 body .hero-carousel .hero-engagement{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px}
 body .hero-carousel :is(#hero-like,#hero-comments){flex:1 1 130px;grid-area:auto}
 body .hero-carousel .hero-engagement :is(.photo-like-button,.photo-comment-button){width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:13px;gap:7px}
 body .hero-carousel .hero-engagement .hero-scroll-hint{flex:0 0 100%;order:3;grid-area:auto;margin:2px 0 0;font-size:9px;line-height:1.5;letter-spacing:.3px}
 body .hero-carousel .hero-controls{grid-column:1;grid-row:3;display:flex;justify-content:flex-end;gap:8px}
 body .hero-carousel #hero-count{margin-inline-end:auto;grid-area:auto;font-size:11px}
 body .hero-carousel :is(#hero-playback,#hero-previous,#hero-next){grid-area:auto}
 body #lightbox .lightbox-footer{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media(max-width:600px){
 body #lightbox .lightbox-bottom-right{padding:12px;gap:12px;border-radius:12px}
 body #lightbox .viewer-reaction-controls{gap:7px}
 body #lightbox :is(.photo-like-button,.photo-comment-button){flex-wrap:wrap;gap:5px;font-size:12px;padding:10px 7px}
 body #lightbox .photo-purchase-actions>a{font-size:12px}
 body #lightbox .slideshow-speed--viewer select{font-size:16px}
 body :is(.home-frame-controls,.home-frame-footer){flex-wrap:wrap}
 body .gallery .photo-actions>button{flex-basis:100%;justify-content:flex-start;padding:9px 10px}
 body .gallery .photo-actions :is(.photo-like-count,.photo-comment-count){margin-inline-start:auto}
 body .gallery .photo-actions>.browse-compare-toggle{justify-content:center;font-size:11px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 body #lightbox .viewer-layout:not(.comments-open)>.lightbox-footer{display:flex;gap:12px}
 body #lightbox .lightbox-bottom-right{padding:10px}
 body #lightbox .photo-purchase-actions{grid-template-columns:minmax(0,1fr)}
 body #lightbox :is(.photo-like-button,.photo-comment-button){flex-wrap:wrap;font-size:11px}
 body #lightbox .viewer-playback-controls{gap:6px}
 body #lightbox .lightbox-playback{min-width:108px;padding-inline:9px}
 body #lightbox .slideshow-speed--viewer select{width:78px}
}

/* A clear return to the top at the end of every page. */
body footer .back-to-top{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;min-width:160px;padding:12px 18px;border:1px solid #bca789;border-radius:var(--control-radius);background:#ead9be;color:#4c3823;font:600 12px/1.5 var(--sans);letter-spacing:0;text-decoration:none;flex-shrink:0;transition:background .16s ease,border-color .16s ease}
body footer .back-to-top:hover{background:#dfc7a3;border-color:#a48761}
body footer .back-to-top>span[aria-hidden]{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff66;font-size:18px;line-height:1}
body footer .back-to-top:focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}
@media(max-width:600px){body footer .back-to-top{width:100%;margin-top:10px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Leave room for the browsing dock below the footer actions. */
body>footer{padding-bottom:max(96px,calc(72px + env(safe-area-inset-bottom)))}

body .photo-comment-label{white-space:nowrap;overflow-wrap:normal;flex-shrink:0}

/* The lead photograph keeps its controls in three balanced positions. */
body[data-page=home] .hero-carousel .hero-footnote{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"metadata metadata metadata" "engagement engagement engagement" "pause navigation speed";align-items:end;gap:14px 16px;direction:ltr}
body[data-page=home] .hero-carousel #hero-photo-label{grid-area:metadata;display:grid;gap:3px;min-width:0;max-width:100%;margin:0;letter-spacing:0;text-align:start;white-space:normal;line-height:1.55}
body[data-page=home] .hero-photo-name{display:block;min-width:0;font:500 12px/1.55 var(--sans);overflow-wrap:anywhere}
body[data-page=home] .hero-photo-capture{display:block;min-width:0;max-width:100%;font:400 11px/1.6 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
body[data-page=home] .hero-carousel .hero-caption>div{min-width:0}
body[data-page=home] .hero-carousel .hero-caption .eyebrow{display:block;line-height:1.5;overflow-wrap:anywhere}
body[data-page=home] .hero-carousel .hero-engagement{grid-area:engagement;min-width:0}
body[data-page=home] .hero-carousel .hero-playback-tools{grid-area:pause;justify-self:start;display:flex;align-items:end;min-width:0;max-width:100%;margin:0;order:0}
body[data-page=home] .hero-carousel #hero-playback{width:auto;min-width:96px;max-width:100%;min-height:44px;padding-inline:12px}
body[data-page=home] .hero-carousel .hero-controls{grid-area:navigation;justify-self:center;display:grid;grid-template-columns:44px auto 44px;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;margin:0;direction:ltr}
body[data-page=home] .hero-carousel #hero-previous{grid-column:1;grid-row:1}
body[data-page=home] .hero-carousel #hero-count{grid-column:2;grid-row:1;min-width:60px;margin:0;font:400 11px/1.5 var(--sans);letter-spacing:0;text-align:center;white-space:nowrap}
body[data-page=home] .hero-carousel #hero-next{grid-column:3;grid-row:1}
body[data-page=home] .hero-carousel .hero-footnote>.slideshow-speed{grid-area:speed;justify-self:end;display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;max-width:100%;margin:0}
body[data-page=home] .hero-carousel .hero-footnote>.slideshow-speed label{max-width:100%;font-size:10px;line-height:1.4;letter-spacing:.04em;text-align:end;overflow-wrap:anywhere}
body[data-page=home] .hero-carousel .hero-footnote>.slideshow-speed select{width:100px;min-width:0;max-width:100%;min-height:44px;padding-inline:9px;font-size:13px}
@media(max-width:600px){
 body[data-page=home] .hero-carousel .hero-footnote{gap:12px 8px}
 body[data-page=home] .hero-carousel #hero-playback{min-width:64px;padding-inline:8px;font-size:12px;gap:4px}
 body[data-page=home] .hero-carousel #hero-playback .control-icon{font-size:17px}
 body[data-page=home] .hero-carousel .hero-controls{grid-template-columns:44px 44px;gap:5px 8px}
 body[data-page=home] .hero-carousel #hero-count{grid-column:1/-1;grid-row:1;min-width:0;font-size:10px}
 body[data-page=home] .hero-carousel #hero-previous{grid-column:1;grid-row:2}
 body[data-page=home] .hero-carousel #hero-next{grid-column:2;grid-row:2}
 body[data-page=home] .hero-carousel .hero-footnote>.slideshow-speed select{width:94px;padding-inline:6px;font-size:16px}
 body[data-page=home] .hero-photo-capture{font-size:10px}
}
@media(max-width:350px){
 body[data-page=home] .hero-carousel .hero-footnote{grid-template-areas:"metadata metadata metadata" "engagement engagement engagement" "navigation navigation navigation" "pause . speed";column-gap:6px}
 body[data-page=home] .hero-carousel #hero-playback{min-width:58px;padding-inline:5px;font-size:11px}
 body[data-page=home] .hero-carousel .hero-footnote>.slideshow-speed select{width:94px;padding-inline:6px}
}

/* Warm utility controls, rose support actions and blue discussion actions. */
:root{--control-bg:#eee0cb;--control-hover:#e3cfb1;--control-border:#bda486;--control-ink:#543c27}
body :is(.photo-search-button,.owner-activity-button,.hero-control,.photo-row-arrow,.home-frame-control,.search-close,.activity-close,.moderation-close,.browse-close,.photo-editor-close){background:#eee0cb;color:#543c27;border-color:#bda486}
body .persistent-navigation :is(button,a){background:#eee0cb;color:#543c27}
body .photo-like-button,body #lightbox .photo-like-button{background:#f6e1e5;border-color:#ca929e;color:#8e3048}
body .photo-like-button.is-liked,body #lightbox .photo-like-button.is-liked{background:#f3c7d1;border-color:#ad6276;color:#76223b}
body .favorite-photo,body .favorite-toggle{background:#f6e1e5;color:#8e3048;border-color:#ca929e}
body #lightbox :is(.fullscreen-button,.studio-share-button,.lightbox-playback,.viewer-reaction-controls .favorite-photo,.lightbox-header .close,.viewer-owner-tools>button){background:#e8d6bc;color:#543c27;border-color:#b59b75}
body #lightbox .slideshow-speed--viewer select{background:#e8d6bc;color:#543c27;border-color:#b59b75}
body #lightbox .photo-inquiry{background:#e9d6bb;border-color:#c6a97d;color:#4d3824}
body :is(.gallery-explorer-field select,.month-navigation-select,.slideshow-speed select){color:#543c27}
body :is(button,a[role=button]):focus-visible{outline-color:#9a673d}