@font-face{font-family:Satoshi;src:url(/blogs/Photographie/fonts/satoshi-normal.woff2)format("woff2");font-style:normal;font-weight:300 900;font-display:swap}@font-face{font-family:Satoshi;src:url(/blogs/Photographie/fonts/satoshi-italic.woff2)format("woff2");font-style:italic;font-weight:300 900;font-display:swap}:root.photography-blog{--bg:#fcfcfd;--bg-raised:#f4f4f5;--fg:#09090b;--fg-muted:#45454a;--border:#dfdfe2;--key-shadow:#e6e6e6;--back-bg:#fafafa;--accent:#517e94;--font-ui:ui-monospace, SFMono-Regular, Consolas, monospace;--font-body:"Satoshi", Arial, sans-serif;--gutter:1.5rem;--page-max:65rem;color-scheme:light;color:var(--fg);background:var(--bg);font-family:var(--font-body);scroll-padding-top:2rem;font-size:16px;line-height:1.5;&[data-theme=dark]{--bg:#0b0b10;--bg-raised:#1f1f23;--fg:#fafafa;--fg-muted:#bcbcc2;--border:#38383d;--key-shadow:#3d3d42;--back-bg:#2e2e33;--accent:#b4ebfd;color-scheme:dark}& *{box-sizing:border-box}& body{background:var(--bg);color:var(--fg);font-family:var(--font-body);margin:0}& [hidden]{display:none!important}& a{color:inherit;text-decoration:none}& a:hover{color:var(--accent)}& button,& summary{cursor:pointer}& button,& input{font:inherit}& :focus-visible{outline:2px solid var(--accent);outline-offset:4px}& h1,& h2,& h3,& h4{color:var(--fg);letter-spacing:normal;text-wrap:pretty;font-family:inherit;font-weight:500;line-height:1.3}& h1{margin:0;font-size:2rem}& h2{font-size:1.5rem}& h3{font-size:1.2rem}& p{margin:0 0 1rem}& img{max-width:100%;height:auto}& .skip{z-index:100;background:var(--bg);border:1px solid var(--border);padding:.5rem 1rem;position:fixed;top:.75rem;left:1rem;transform:translateY(-200%)}& .skip:focus{transform:none}& .photo-header,& .photo-main,& .photo-footer{width:min(var(--page-max), calc(100% - 2 * var(--gutter)));margin-inline:auto}& .photo-header{justify-content:space-between;align-items:center;gap:1.5rem;min-height:5rem;padding-block:1.1rem;display:flex}& .photo-app-bar{z-index:50;pointer-events:none;flex:none;height:5rem;transition:transform .3s;position:sticky;top:1rem}& .photo-app-bar .photo-header{pointer-events:auto;border:1px solid #0000;border-radius:1rem;transition:width .3s,padding .3s,min-height .3s,background-color .15s,border-color .15s,box-shadow .15s}& .photo-app-bar.is-scrolled .photo-header{border-color:var(--border);background:var(--bg);min-height:3rem;padding:.375rem;box-shadow:0 0 0 1px #18181b14,0 10px 15px -3px #27272a14,0 4px 6px -4px #27272a14}&[data-theme=dark] .photo-app-bar.is-scrolled .photo-header{background:var(--bg-raised)}& .photo-app-bar.is-scrolled .photo-brand{margin-inline-start:.75rem}& .photo-app-bar .photo-brand{transition:margin-inline .3s}& .photo-app-bar.is-hidden:not(:has(:focus-visible)){transform:translateY(calc(-100% - 2rem))}@media (width>=64rem){& .photo-app-bar.is-scrolled .photo-header{width:min(calc(var(--page-max) * .84),calc(100% - 2 * var(--gutter)));gap:.75rem}& .photo-app-bar.is-scrolled .photo-desktop-links{gap:.75rem;font-size:.875rem}& .photo-app-bar.is-scrolled nav{gap:.75rem}}& .photo-brand{letter-spacing:normal;font-size:1.25rem;font-weight:500;line-height:1.3}& .photo-header nav,& .photo-desktop-links{align-items:center;gap:1.25rem;display:flex}& .photo-desktop-links{margin:0;padding:0;font-size:1rem;list-style:none}& .photo-header a[aria-current=page]{color:var(--accent)}& .photo-header .search-nav-link{justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}& .photo-header .search-nav-link svg,& .photo-theme svg,& .photo-mobile-menu svg{width:1.15rem;height:1.15rem}& .photo-theme{border:1px solid var(--border);background:var(--bg);width:2rem;height:2rem;color:var(--fg);border-radius:.4rem;place-items:center;display:grid}& .photo-mobile-menu{display:none;position:relative}& .photo-mobile-menu summary{place-items:center;width:2.5rem;height:2.5rem;list-style:none;display:grid}& .photo-mobile-menu summary::-webkit-details-marker{display:none}& .photo-mobile-menu ul{z-index:5;border:1px solid var(--border);background:var(--bg);border-radius:.7rem;width:max-content;max-width:calc(100vw - 3rem);margin:.5rem 0 0;padding:.6rem;list-style:none;position:absolute;top:100%;right:0;box-shadow:0 .5rem 1.5rem #0001}& .photo-mobile-menu li a{padding:.6rem .75rem;display:block}& .photo-main{min-height:65vh;padding-block:2rem 0}& .photo-main:has(.photo-article){padding-top:.75rem}& .photo-back{background:var(--back-bg);border:1px solid var(--border);color:var(--fg-muted);border-radius:.5rem;align-items:center;gap:.25rem;margin-bottom:1.5rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition:background-color .15s,color .15s;display:inline-flex}& .photo-back:is(:hover,:focus-visible){background:var(--key-shadow);color:var(--accent)}& .photo-back svg{flex:none;width:1rem;height:1rem}& .photo-back-shaft{transition:transform .3s ease-in-out;transform:translate(.75rem)scaleX(0)}& .photo-back-head{transition:transform .3s ease-in-out;transform:translate(.25rem)}& .photo-back:is(:hover,:focus-visible) :is(.photo-back-shaft,.photo-back-head){transform:translate(0)scaleX(1)}& .photo-index-heading{padding-block:1.3rem 2rem}& .photo-index-heading h1{margin-bottom:.6rem;font-size:1.875rem}& .photo-index-heading p{color:var(--fg-muted);margin:0;font-size:1rem}& .photo-archive-page{max-width:100%}& .photo-archive-year{margin-top:5rem;position:relative}& .photo-archive-year h2{color:#0000;-webkit-text-stroke:2px var(--fg);opacity:.12;pointer-events:none;margin:0;font-size:8rem;font-weight:700;line-height:1;position:absolute;top:-4rem;left:0}&[data-theme=dark] .photo-archive-year h2{opacity:.25}& .photo-archive-year>p{color:var(--fg-muted);padding-inline:1.25rem;position:relative}& .photo-archive-year ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid;position:relative}& .photo-archive-year li a{border:1px solid var(--border);background:var(--bg);border-radius:1rem;grid-template-columns:8rem minmax(0,1fr) 1rem;align-items:center;gap:1rem;padding:.75rem 1.25rem;transition:background-color .15s;display:grid}& .photo-archive-year li a:hover{color:var(--accent);background:var(--bg-raised)}& .photo-archive-year time{color:var(--fg-muted);font-size:.75rem}& .photo-archive-year svg{fill:none;stroke:currentColor;stroke-width:2.5px;width:1rem;height:1rem}@media (width<=42rem){& .photo-archive-year h2{font-size:6rem;top:-3rem}& .photo-archive-year li a{grid-template-columns:minmax(0,1fr) 1rem;gap:.25rem .75rem;padding-inline:.75rem}& .photo-archive-year time{grid-column:1/-1}}& .photo-index-grid{grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);align-items:start;gap:2rem;display:grid}& .photo-list-heading{color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:1.15rem;font-size:.85rem;display:flex}& .photo-pagination{flex-wrap:nowrap;justify-content:space-between;gap:1rem;margin-top:1.5rem;font-size:.875rem;display:flex}& .photo-pagination>span{flex:1}& .photo-pagination>span:last-child{text-align:end}& .photo-pagination a{padding-block:.5rem;display:inline-block}& .photo-pagination a:hover{color:var(--accent)}& .photo-cards{gap:1rem;margin:0;padding:0;list-style:none;display:grid}& .photo-card{border:1px solid var(--border);background:var(--bg);border-radius:1rem;padding:1.25rem;transition:background .15s,border-color .15s;display:block;position:relative}& .photo-card:hover{background:var(--bg-raised);border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}& .photo-card time{font:.75rem/1.6 var(--font-ui);color:var(--fg-muted)}& .photo-card h2{letter-spacing:-.015em;margin:.3rem 1rem .35rem 0;font-size:1rem;line-height:1.5}& .photo-card:hover h2{color:var(--accent)}& .photo-arrow{color:var(--fg-muted);font-size:1.4rem;font-weight:400;position:absolute;top:2.5rem;right:1.25rem}& .photo-card p{color:var(--fg-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}& .photo-card-meta{color:var(--fg-muted);margin-block:.65rem;font-size:.8rem;font-style:italic;display:block}& .photo-card-tags{flex-wrap:wrap;gap:.4rem;display:flex}& .photo-card-tags span,& .photo-pills a,& .photo-pills>li>span{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg-muted);border-radius:.45rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}& .photo-pin{color:var(--accent)}& .photo-featured{margin-bottom:2.5rem}& .photo-featured>h2{margin:0 0 1rem;font-size:1.1rem}& .photo-sidebar{padding-top:.1rem}& .photo-sidebar h2{align-items:center;gap:.5rem;display:flex}& .photo-sidebar h2 svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:1.25rem;height:1.25rem}& .photo-sidebar section{margin-bottom:2.5rem;scroll-margin-top:2rem}& .photo-sidebar h2{margin:0 0 1rem;font-size:1.1rem}& .photo-pills{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}& .photo-pills a span{opacity:.7;margin-left:.5rem}& .photo-page-links,& .photo-years{margin:0;padding:0;font-size:.875rem;list-style:none}& .photo-page-links li{margin-block:.6rem}& .photo-years a{border-bottom:1px solid var(--border);justify-content:space-between;padding:.4rem 0;display:flex}& .photo-years span{color:var(--fg-muted)}& .photo-article-grid{grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:2.5rem;display:grid;position:relative}& .photo-article{grid-area:1/1;min-width:0}& .photo-contents{grid-area:1/2;height:calc(100dvh - 7rem);font-size:1rem;position:sticky;top:5rem;overflow-y:scroll}& .photo-contents::-webkit-scrollbar{width:6px;height:6px}& .photo-contents::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg-muted) 30%,transparent);border-radius:5px}& .photo-contents summary{text-transform:uppercase;letter-spacing:normal;font-size:1rem;font-weight:500;line-height:1.5rem}& .photo-contents nav{display:block}& .photo-contents ol{margin:1rem 0 0;padding:0;list-style:none}& .photo-toc-row{display:flow-root;position:relative}& .photo-toc-progress{width:2px;height:calc(var(--section-progress,0) * 90%);background:0 0;border-radius:2px;transition:background-color .15s;position:absolute;top:5%;left:0}& .photo-toc-row.is-read .photo-toc-progress{background:var(--border)}& .photo-toc-row.is-visible .photo-toc-progress{background:var(--accent)}& .photo-contents .photo-toc-row>a{-webkit-line-clamp:2;color:color-mix(in srgb,var(--fg) 75%,transparent);-webkit-box-orient:vertical;margin-left:.5rem;padding:.25rem .75rem;line-height:1.5rem;transition:color .15s,background-color .15s;display:-webkit-box;overflow:hidden}& .photo-contents .photo-toc-row[data-level="3"]>a,& .photo-contents .photo-toc-row[data-level="4"]>a{padding-left:1.75rem}& .photo-contents .photo-toc-row>a:hover{color:var(--fg)}& .photo-contents .photo-toc-row.is-visible>a{background:var(--bg-raised);font-weight:500}& .photo-contents .photo-toc-row.is-first-visible>a{border-top-left-radius:1rem;border-top-right-radius:1rem}& .photo-contents .photo-toc-row.is-last-visible>a{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}& .photo-reading-actions{z-index:10;position:fixed;bottom:2rem;right:2rem}& .photo-reading-top{background:var(--bg-raised);width:3rem;height:3rem;color:var(--fg-muted);border:2px solid #0000;border-radius:50%;place-items:center;padding:0;transition:border-color .15s;display:grid;position:relative}& .photo-reading-top:hover{border-color:color-mix(in srgb,var(--border) 75%,transparent)}& .photo-reading-percent{justify-content:center;align-items:baseline;display:flex}& .photo-reading-percent small{font-size:.75rem}& .photo-reading-arrow{opacity:0;width:1.5rem;height:1.5rem;transition:opacity .15s;position:absolute}& .photo-reading-percent{transition:opacity .15s}& .photo-reading-top:is(:hover,:focus-visible) .photo-reading-arrow,& .photo-reading-actions.is-ended .photo-reading-arrow{opacity:1}& .photo-reading-top:is(:hover,:focus-visible) .photo-reading-percent,& .photo-reading-actions.is-ended .photo-reading-percent{opacity:0}& body:has(.photo-article):before{content:"";background:linear-gradient(var(--accent), transparent);opacity:.25;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0}& .photo-header,& .photo-main,& .photo-footer{position:relative}& .photo-article-header{margin-bottom:2rem;padding:0}& .photo-hero{max-width:65ch;margin-bottom:1.5rem;position:relative}& .photo-hero-image{z-index:1;border-radius:1rem;width:100%;height:auto;display:block;position:relative}& .photo-hero-blur{object-fit:cover;filter:blur(24px);opacity:.6;pointer-events:none;border-radius:1.5rem;width:100%;height:100%;transition:opacity .3s;position:absolute;top:1rem;right:0}& .photo-meta{color:var(--fg-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.75rem;line-height:1.5rem;display:flex}& .photo-meta>span,& .photo-meta-dates,& .photo-meta-tags{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}& .photo-meta svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex-shrink:0;width:1.25rem;height:1.25rem}& .photo-meta-taxonomy a:hover{text-underline-offset:.2em;text-decoration:underline}& .photo-article-header h1{margin:1.5rem 0 .5rem;font-size:1.875rem;font-weight:500;line-height:1.2}& .photo-description q:lang(fr){quotes:"« " " »" "‹ " " ›"}& .photo-description{color:var(--fg-muted);border:0;margin:.75rem 0 0;padding:0;font-size:.875rem;font-style:italic;line-height:1.25rem}& .photo-comment-count{color:var(--fg-muted);margin-top:.25rem;font-size:.875rem;font-style:italic;display:inline-block}& .photo-header-rule{border-top:1px solid var(--border);width:33.333%;margin-top:1.5rem}& .photo-languages{gap:.75rem;margin-bottom:2rem;font-size:.875rem;display:flex}& .photo-languages a{border-bottom:1px solid var(--border)}& .photo-languages a[aria-current]{color:var(--accent);border-color:var(--accent)}& .photo-series,& .photo-notice{border:1px solid var(--border);background:var(--bg-raised);border-radius:.75rem;margin-block:1.5rem;padding:1rem 1.25rem;font-size:.875rem}& .photo-series p{margin-bottom:.5rem}& .photo-series ol{margin-block:0;padding-left:1.5rem}& .photo-series a[aria-current]{color:var(--accent)}& .prose{color:var(--fg-muted);font-family:var(--font-body);overflow-wrap:anywhere;font-size:1rem;line-height:1.5}& .prose>:first-child{margin-top:0}& .prose p{margin-block:0 1.25rem}& .prose :is(h2,h3,h4){margin:3rem 0 1.5rem;scroll-margin-top:2rem}& .prose h2{font-size:1.5rem;font-weight:700;line-height:2rem}& .prose h3{margin:2rem 0 .75rem;font-size:1.25rem;font-weight:600;line-height:2rem}& .prose h4{margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}& .prose a{color:var(--fg);text-underline-offset:.2em;text-decoration:underline}& .prose ul,& .prose ol{margin-block:1rem;padding-left:1.5rem}& .prose li{margin-block:.4rem;padding-left:.2rem}& .prose blockquote:not(.callout){border:1px solid var(--border);box-shadow:0 5px 0 var(--bg-raised);color:var(--fg-muted);border-radius:.75rem;margin:1.5rem 0;padding:1.25rem 1.6rem;font-style:italic;position:relative;overflow:hidden}& .prose blockquote:not(.callout):after{content:"”";opacity:.1;pointer-events:none;font:10rem/1 Georgia,serif;position:absolute;top:1rem;right:-.7rem;transform:rotate(-15deg)}& .blog-prose blockquote:not(.callout){font-weight:500}& .blog-prose blockquote:not(.callout):after{font:italic 500 10rem/1.5rem Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;top:2.6rem;right:-1.4rem}& .prose blockquote>:last-child{margin-bottom:0}& .prose table{border-collapse:collapse;width:100%;max-width:100%;margin-block:2rem;font-size:.875rem;display:block;overflow-x:auto}& .prose :is(td,th){border:1px solid var(--border);vertical-align:top;padding:.5rem .75rem}& .prose th{background:var(--bg-raised);text-align:left}& .blog-prose table{margin-block:2em;font-size:.875em}& .blog-prose table tr{border-bottom:1px solid var(--border)}& .blog-prose table tbody tr:last-child{border-bottom:0}& .blog-prose table :is(td,th){text-align:start;border:0;padding:.57em}& .blog-prose table th{color:var(--fg);background:0 0;font-weight:500}& .blog-prose table :is(td,th):first-child{padding-inline-start:0}& .prose pre:not(.expressive-code pre){background:var(--bg-raised);border:1px solid var(--border);border-radius:.75rem;max-width:100%;padding:1rem;overflow-x:auto}& .prose code:not(.expressive-code code){font:.875em/1.7 var(--font-ui)}& .prose :not(pre)>code:not(.expressive-code code){background:var(--bg-raised);border-radius:.3rem;padding:.15rem .3rem}& .blog-prose :not(pre)>code:not(.expressive-code code){border:1px solid var(--border);background:var(--bg-raised);color:var(--fg);white-space:pre-wrap;word-break:break-all;border-radius:.5rem;padding:.3em .5em;font-weight:600}& .blog-prose kbd{font:500 .875em/1.5rem var(--font-body);color:var(--fg);box-shadow:0 0 0 1px var(--key-shadow), 0 3px var(--key-shadow);border:0;border-radius:.3125rem;padding:.1875em .375em}& .blog-prose :is(del,s){text-decoration-line:line-through}& .expressive-code{margin-block:1.5rem}& .expressive-code pre{border-radius:.75rem}& .prose hr{border:0;border-top:1px solid var(--border);margin:2rem 0}& .blog-prose hr{border-top-color:color-mix(in srgb,var(--fg-muted) 40%,transparent);margin:3rem 0}& .photo-article-bottom{width:calc(100% - 17.5rem);margin-top:2.5rem}& .photo-attribution{border:1px solid var(--border);color:var(--fg-muted);border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex;position:relative}& .photo-copyright-mark{opacity:.1;fill:currentColor;stroke:none;pointer-events:none;width:5rem;height:5rem;position:absolute;top:1rem;right:1rem}& .photo-attribution-title{color:var(--fg);padding-right:4rem;font-weight:500}& .photo-canonical{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}& .photo-attribution dl{flex-wrap:wrap;gap:.25rem 2rem;margin:0;display:flex}& .photo-attribution dl div{flex-direction:column;display:flex}& .photo-attribution dt{font-weight:400}& .photo-attribution dd{color:var(--fg);margin:0;font-size:.875rem}& .photo-share{align-items:center;gap:.75rem;display:flex;position:relative}& .photo-share :is(button,summary){background:var(--bg-raised);width:2rem;height:2rem;color:var(--fg-muted);border:0;border-radius:50%;place-items:center;padding:.375rem;display:grid}& .photo-share :is(button,summary):hover{color:var(--accent)}& .photo-share svg:not(.photo-qr-code svg){fill:none;stroke:currentColor;stroke-width:1.5px;width:1.25rem;height:1.25rem}& .photo-qr summary{list-style:none}& .photo-qr summary::-webkit-details-marker{display:none}& .photo-qr-code{z-index:2;border:1px solid var(--border);background:#fff;border-radius:.75rem;padding:.75rem;position:absolute;bottom:calc(100% + .5rem);left:0;box-shadow:0 .5rem 1.5rem #0002}& .photo-qr-code svg{width:11rem;height:11rem;display:block}& .photo-share-status{overflow-wrap:anywhere;min-width:0;font-size:.8rem}& .photo-neighbors{flex-wrap:nowrap;justify-content:space-between;gap:.5rem;margin:1.5rem 0;display:flex}& .photo-neighbors>span{flex:1 1 0;min-width:0;max-width:50%}& .photo-neighbors>span:last-child{text-align:end}& .photo-neighbors a{border-radius:.75rem;align-items:center;gap:.5rem;max-width:100%;padding:.5rem 1rem;font-weight:500;display:inline-flex}& .photo-neighbors a:hover{background:var(--bg-raised)}& .photo-neighbors a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& .photo-neighbors svg{width:1.25rem;height:1.25rem;stroke:var(--fg-muted);stroke-width:2.5px;fill:none;flex-shrink:0}& .photo-comments{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}& .photo-comments h2{margin:0 0 .6rem;font-size:1.25rem}& .photo-muted{color:var(--fg-muted);font-size:.875rem}& .photo-comments ol{margin:1.5rem 0 0;padding:0;list-style:none}& .photo-comments>ol>li{margin-inline-start:calc(var(--comment-depth,0) * 2rem)}& .photo-comments li{border:1px solid var(--border);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;scroll-margin-top:1rem}& .photo-comments li header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.85rem;display:flex}& .photo-comments time,& .photo-comment-parent{color:var(--fg-muted);font-size:.75rem}& .photo-comment-parent{margin-top:.75rem;display:inline-block}& .photo-comments .prose{font-size:.9rem}& .photo-comments .prose>:last-child{margin-bottom:0}& .photo-footer{border-top:1px solid var(--border);color:var(--fg-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:5rem;padding-block:1.5rem 2rem;font-size:.8rem;display:flex}& .photo-footer p{margin:0}& .photo-footer p:last-child{text-align:right;margin-left:auto}& .photo-drafts{max-width:48rem}& .search-page{max-width:48rem;margin:0;padding-block:2rem}& .search-page h1{font-size:2rem}& .search-page .article-header{margin-bottom:2rem}& .search-page .search-description{color:var(--fg-muted);margin-top:.75rem}& .site-search{--search-ink:var(--fg);--search-muted:var(--fg-muted);--search-border:var(--border);--search-paper:var(--bg)}& .search-page input{background:var(--bg);color:var(--fg);border:1px solid var(--border)}& .search-page button{color:var(--fg);background:var(--bg-raised);border:1px solid var(--border)}@media (width>=48rem){& .photo-contents summary{cursor:default;list-style:none}& .photo-contents.contents-obscured{visibility:hidden}}@media (width<=63.999rem){& .photo-desktop-links{display:none}& .photo-mobile-menu{display:block}& .photo-header nav{gap:.5rem}}@media (width<=47.999rem){& .photo-article-grid{flex-direction:column;gap:0;display:flex}& .photo-contents{border:1px solid var(--border);border-radius:.75rem;width:100%;height:auto;max-height:none;margin-bottom:2rem;padding:.75rem 1rem;position:static;overflow:visible}& .photo-contents summary{padding-bottom:0}& .photo-article,& .photo-article-bottom{width:100%}}@media (width<=42rem){--gutter:1.25rem;& .photo-reading-actions{right:1rem}& .photo-reading-top{width:2.5rem;height:2.5rem}& .photo-header{gap:.75rem}& .photo-brand{max-width:12rem;font-size:1rem}& .photo-header nav{flex-shrink:0}& .photo-index-grid{grid-template-columns:minmax(0,1fr);gap:3rem}& .photo-main{padding-top:1rem}& .photo-index-heading h1,& .photo-article-header h1{font-size:1.5rem;line-height:2rem}& .photo-article-header h1{margin-top:1rem}& .photo-header-rule{width:50%;margin-inline:auto}& .photo-attribution{padding:.5rem .75rem}& .photo-attribution dl{flex-direction:column}& .photo-attribution dl div{flex-direction:row;align-items:baseline;gap:.5rem}& .photo-card{padding:1rem}& .photo-sidebar{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}& .photo-sidebar section:first-child{grid-column:1/-1}& .photo-sidebar section{margin-bottom:0}& .photo-comments li{padding:1rem}& .photo-comments>ol>li{margin-inline-start:calc(var(--comment-depth,0) * 1rem)}& .photo-footer{margin-top:3rem}}@media (prefers-reduced-motion:reduce){& *{scroll-behavior:auto!important;transition:none!important}}}:root.photography-blog{& .blog-prose figure:not(.frame):not(.youtube-video){width:fit-content;max-width:100%;box-shadow:none;background:0 0;border:0;margin:2rem auto;padding:0;display:block;position:relative}& .blog-prose figure img{max-width:100%;height:auto;margin:0 auto;display:block}& .blog-prose .youtube-video{margin-inline:0}& .picture-canvas{border:1px solid var(--border);background:var(--bg-raised);border-radius:.75rem;place-items:center;padding:.75rem;display:grid}& .picture-canvas>a{max-width:100%}& .blog-prose figure:not(.frame)>figcaption{text-align:center;color:var(--fg-muted);border:0;margin-top:.75rem;padding:0;font-size:.8rem;line-height:1.6}& .blog-prose figure:is(.figure-column,.figure-wide,.figure-full){width:100%;max-width:none}& .blog-prose figure:is(.figure-column,.figure-wide,.figure-full) .picture-canvas{width:100%}& .blog-prose figure.figure-full{width:calc(100vw - 2 * var(--gutter));margin-left:calc((min(var(--page-max), 100vw - 2 * var(--gutter)) - 100vw + 2 * var(--gutter)) / 2)}& .blog-prose figure:is(.figure-left,.figure-right){max-width:min(40%,16rem)}& .blog-prose figure.figure-left{float:left;margin:.3rem 1.25rem 1rem 0}& .blog-prose figure.figure-right{float:right;margin:.3rem 0 1rem 1.25rem}& .blog-prose img.inline-image{vertical-align:middle;border:0;margin:0 .15em;display:inline}& .blog-prose:is(:has(.figure-left),:has(.figure-right)):after{content:"";clear:both;display:block}& .blog-prose :is(h2,h3,h4){clear:both}& .blog-prose .callout{--callout:#366b91;border:1px solid var(--border);border-left:3px solid var(--callout);background:color-mix(in srgb,var(--callout) 5%,var(--bg));color:var(--fg);border-radius:.6rem;padding:.8rem 1.25rem;font-style:normal}& .blog-prose .callout-title{color:var(--callout);margin:.2rem 0 .5rem;font-weight:600}& .blog-prose .callout>:last-child{margin-bottom:.2rem}& .blog-prose .callout-tip{--callout:#36815b}& .blog-prose .callout-important{--callout:#8862b0}& .blog-prose .callout-warning{--callout:#9c7018}& .blog-prose .callout-caution{--callout:#bd514c}&[data-theme=dark] .callout-note{--callout:#8cbbd8}&[data-theme=dark] .callout-tip{--callout:#9ec7b0}&[data-theme=dark] .callout-important{--callout:#c6a7e8}&[data-theme=dark] .callout-warning{--callout:#e6cb8a}&[data-theme=dark] .callout-caution{--callout:#eda49f}& .blog-prose .task-list-item{list-style:none;position:relative}& .task-list-item>input,& .task-list-item>p:first-child>input{width:1rem;height:1rem;accent-color:var(--accent);opacity:1;margin-top:.45em;position:absolute;left:-1.4em}@media (width>=48rem){& .blog-prose figure.figure-wide{width:min(var(--page-max), calc(100vw - 2 * var(--gutter)));margin-left:0}}@media (width<=30rem){& .blog-prose figure:is(.figure-left,.figure-right){float:none;max-width:100%;margin:1.5rem auto}}}