/*! mh-photos v1.0.2 | Copyright (c) 2011 - 2025 Mark Heggan | http://markheggan.co.uk/ */@charset "utf-8";@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:normal;font-weight:300;src:url(../fonts/ibm-plex-mono-v19-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:italic;font-weight:300;src:url(../fonts/ibm-plex-mono-v19-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-mono-v19-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:italic;font-weight:400;src:url(../fonts/ibm-plex-mono-v19-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:normal;font-weight:500;src:url(../fonts/ibm-plex-mono-v19-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Mono";font-style:italic;font-weight:500;src:url(../fonts/ibm-plex-mono-v19-latin-500italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:normal;font-weight:300;src:url(../fonts/ibm-plex-sans-v21-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:italic;font-weight:300;src:url(../fonts/ibm-plex-sans-v21-latin-300italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-v21-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:italic;font-weight:400;src:url(../fonts/ibm-plex-sans-v21-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:normal;font-weight:500;src:url(../fonts/ibm-plex-sans-v21-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:"IBM Plex Sans";font-style:italic;font-weight:500;src:url(../fonts/ibm-plex-sans-v21-latin-500italic.woff2) format("woff2")}:root{--site-min-width:20rem;--site-max-width:80rem;--index-deep:-99999;--index-default:1;--index-nav:400;--index-overlay:600;--index-spinner:900;--index-modal:1000;--font-family-base:"IBM Plex Mono",monospace;--font-family-sans-serif:"IBM Plex Sans",sans-serif;--font-size-xs:.64rem;--font-size-s:.75rem;--font-size-base:.825rem;--font-size-m:1rem;--font-size-l:1.1251.36rem;--font-size-xl:1.36rem;--font-size-xxl:1.602rem;--font-size-xxxl:1.945rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--color-light-100:#F6F6F7;--color-light-94:#D5D5DB;--color-light-80:#A6A6AA;--color-light-50:#898990;--color-dark-100:#171719;--color-dark-80:#202022;--color-dark-50:#2D2D2F;--color-brand-yellow-55:#E5C03B;--color-brand-yellow-50:#ECC743;--color-brand-yellow-45:#F7D353;--color-red-50:#BE5757;--body-bg-color:var( --color-dark-100 );--body-color:var( --color-light-100 );--heading-color:var( --color-light-100 );--anchor-color:var( --color-brand-yellow-50 );--anchor-color-hover:var( --color-brand-yellow-55 );--color-warning:var( --color-red-50 );--color-shadow:hsl(240deg 4% 9% / 50%);--border-width:2px;--border-radius:1px;--border-color:var( --color-dark-50 );--button-default-color:var( --color-light-100 );--button-default-bg-color:var( --color-dark-80 );--button-default-bg-color-hover:var( --color-dark-50 );--button-primary-color:var( --color-dark-100 );--button-primary-bg-color:var( --color-brand-yellow-50 );--button-primary-bg-color-hover:var( --color-brand-yellow-55 );--form-error:var( --color-warning );--input-placeholder-color:var( --color-light-50 );--input-color:var( --color-light-100 );--input-bg-color:var( --color-dark-100 );--input-bg-color-focus:var( --color-dark-80 );--input-border-color:var( --border-color );--input-border-color-focus:var( --color-brand-yellow-50 );--select-arrow-color:var( --color-light-100 );--input-highlight-color:var( --color-brand-yellow-50 );--transition-default-time:.15s}*,::after,::before{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,pre,ul{margin-block-end:0}ol[role=list],ul[role=list]{list-style:none;padding-left:0}body{min-height:100vh;line-height:1.6}button,h1,h2,h3,h4,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance;color:var(--heading-color)}a{text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit}select{grid-area:select;appearance:none;background-color:transparent;border:none;padding:0 1.25em 0 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;outline:0}select::-ms-expand{display:none}select[multiple]{padding-inline-end:0}select[multiple] option{white-space:normal}:target{scroll-margin-block:5ex}::selection{color:var(--color-dark-100);background-color:var(--color-brand-yellow-50)}body{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);font-family:var(--font-family-base);letter-spacing:.02rem;color:var(--body-color);background-color:var(--body-bg-color)}a:not(.btn){color:var(--anchor-color);transition:color var(--transition-default-time) ease-in}a:not(.btn):focus,a:not(.btn):hover{text-decoration:none;color:var(--anchor-color-hover)}address,blockquote,dd,details,dl,figure,form,iframe,ol,p,pre,table,ul{margin-block-start:1.75rem}.lede{margin-block-start:1.25rem;font-size:var(--font-size-m)}ol li,ul li{margin-block-start:.5rem}dl dt{font-weight:var(--font-weight-medium)}dl dd{margin-inline-start:1.5rem}details summary{font-weight:var(--font-weight-medium)}details p{margin-block-start:.75rem}hr{margin-block:2rem;border:0;height:var(--border-width);background-color:currentColor}h1,h2,h3,h4{font-weight:var(--font-weight-medium);margin-block-start:2rem}:-webkit-any(article,aside,nav,section) h1,h1{font-size:var(--font-size-xxxl);line-height:1.322}h2{font-size:var(--font-size-xxl);line-height:1.394}h3{font-size:var(--font-size-xl);line-height:1.432}h4{font-size:var(--font-size-l);line-height:1.517}blockquote{margin-inline:0}blockquote p{font-size:var(--font-size-m);font-weight:var(--font-weight-medium);font-style:italic}blockquote p:first-child{margin-block-start:0}blockquote cite{display:block;margin-block-start:1.25rem}iframe,img,svg,video{display:block;width:100%;max-width:100%}img,svg,video{height:auto}figure{margin-block:1.25rem 0;margin-inline:0;display:table}figcaption{display:table-caption;margin-block-start:.5rem;caption-side:bottom;font-size:var(--font-size-s);text-align:center}iframe{border:none}code{padding:.1rem .3rem .2rem;font-size:.92rem;word-wrap:break-word;color:var(--color-light-100);background-color:var(--color-dark-80);box-decoration-break:clone;border:var(--border-width) solid var(--color-dark-50);border-radius:var(--border-radius)}pre code{display:block;padding:1.5rem;white-space:pre;-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%;min-width:100px}.grecaptcha-badge{visibility:collapse}.form,form{text-align:start}::placeholder{font-style:italic;color:var(--input-placeholder-color)}.form-field{display:grid;row-gap:.5rem}.form-field:not(:first-child){margin-block-start:1.75rem}.form-field-checkbox label,.form-field-radio label{display:grid;grid-template-columns:1.16rem auto;gap:.75rem}.form-field-checkbox ul,.form-field-radio ul{margin-block-start:0}.form-field-checkbox ul[role=list] li,.form-field-radio ul[role=list] li{margin-block-end:1rem}.form-field-checkbox ul li label,.form-field-radio ul li label{font-weight:var(--font-weight-light)}.form .form-error,.form .g-recaptcha,form .form-error,form .g-recaptcha{margin-block-start:0;font-size:var(--font-size-xs);font-style:italic}.form .form-error,form .form-error{color:var(--form-error)}.form .g-recaptcha,form .g-recaptcha{color:var(--color-light-50)}.select,input,label,textarea{display:inline-block;vertical-align:top}.label,label{margin-block-end:.5rem;font-weight:var(--font-weight-medium)}.select,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{padding:.75rem;font-weight:var(--font-weight-regular);color:var(--input-color);background-color:var(--input-bg-color);border:var(--border-width) solid var(--input-border-color);border-radius:var(--border-radius);outline:0}.select:has(select:focus),input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{border:var(--border-width) solid var(--input-border-color-focus);background-color:var(--input-bg-color-focus)}input[type=date]::-webkit-calendar-picker-indicator{color:var(--input-color)!important;filter:invert(1)}input[type=date]{padding:.675rem .75rem;-webkit-min-logical-width:calc(100% - 2rem)}textarea{min-height:120px}input[type=file]{font-style:italic}::-webkit-file-upload-button{margin:0 1rem 0 0;padding:.75rem;display:inline-block;vertical-align:center;font:inherit;font-weight:var(--font-weight-medium);font-style:normal;letter-spacing:normal;line-height:1.1;text-align:center;text-decoration:none;color:var(--button-primary-color);background-color:var(--button-primary-bg-color);border:var(--border-width) solid var(--button-primary-bg-color);border-radius:var(--border-radius);cursor:pointer}::-webkit-file-upload-button:focus,::-webkit-file-upload-button:hover{color:var(--button-primary-color);background-color:var(--button-primary-bg-color-hover);border:var(--border-width) solid var(--button-primary-bg-color-hover)}.select{padding:.5rem .75rem;display:grid;grid-template-areas:"select";align-items:center;color:var(--input-color);cursor:pointer}.select select,.select select option,.select-multiple select,.select-multiple select option{font-weight:var(--font-weight-regular);color:var(--input-color)}.select:after{grid-area:select}.select:not(.select-multiple)::after{justify-self:end;content:"";margin-inline-end:.25rem;width:.8em;height:.5em;background-color:var(--select-arrow-color);clip-path:polygon(100% 0,0 0,50% 100%);pointer-events:none}input[type=checkbox],input[type=radio]{margin-block:1px 0;margin-inline:0;display:grid;place-content:center;width:1.16rem;height:1.16rem;border:var(--border-width) solid var(--input-border-color);background-color:var(--input-bg-color);transform:translateY(-.075em);-webkit-appearance:none;appearance:none}input[type=radio]{border-radius:50%}input[type=checkbox]::before,input[type=radio]::before{content:"";width:.65rem;height:.65rem;transform:scale(0);transition:transform var(--transition-default-time) ease-in-out;box-shadow:inset 1rem 1rem var(--input-highlight-color);background-color:CanvasText}input[type=checkbox]::before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}input[type=radio]::before{border-radius:50%}input[type=checkbox]:checked::before,input[type=radio]:checked::before{transform:scale(1)}input[type=checkbox]:focus,input[type=radio]:focus{outline:var(--border-width) solid var(--input-highlight-color)}button[type=button],button[type=reset],button[type=submit],input[type=button],input[type=reset],input[type=submit]{margin:0;padding:.75rem;display:inline-block;vertical-align:top;font:inherit;font-weight:var(--font-weight-medium);letter-spacing:normal;line-height:1.1;text-align:center;text-decoration:none;color:var(--button-default-color);background-color:var(--button-default-bg-color);border:var(--border-width) solid var(--button-default-bg-color);border-radius:var(--border-radius);cursor:pointer}button[type=button]:focus,button[type=button]:hover,button[type=reset]:focus,button[type=reset]:hover,button[type=submit]:focus,button[type=submit]:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:var(--button-default-color);background-color:var(--button-default-bg-color-hover);border:var(--border-width) solid var(--button-default-bg-color-hover)}button[type=button].primary,button[type=reset].primary,button[type=submit].primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{color:var(--button-primary-color);background-color:var(--button-primary-bg-color);border:var(--border-width) solid var(--button-primary-bg-color)}button[type=button].primary:focus,button[type=button].primary:hover,button[type=reset].primary:focus,button[type=reset].primary:hover,button[type=submit].primary:focus,button[type=submit].primary:hover,input[type=button].primary:focus,input[type=button].primary:hover,input[type=reset].primary:focus,input[type=reset].primary:hover,input[type=submit].primary:focus,input[type=submit].primary:hover{color:var(--button-primary-color);background-color:var(--button-primary-bg-color-hover);border:var(--border-width) solid var(--button-primary-bg-color-hover)}button[disabled],button[disabled]:focus,button[disabled]:hover,input[disabled],input[disabled]:focus,input[disabled]:hover{color:var(--button-default-color);background-color:var(--button-default-bg-color);border:var(--border-width) solid var(--button-default-bg-color);opacity:.5;cursor:default}button[disabled].primary,button[disabled].primary:focus,button[disabled].primary:hover,input[disabled].primary,input[disabled].primary:focus,input[disabled].primary:hover{color:var(--button-primary-color);background-color:var(--button-primary-bg-color);border:var(--border-width) solid var(--button-primary-bg-color)}.btn{margin:0;padding:.5rem .75rem;display:inline-block;vertical-align:top;font:inherit;font-weight:var(--font-weight-medium);line-height:1.6;letter-spacing:normal;text-align:center;text-decoration:none;color:var(--button-default-color);background-color:var(--button-default-bg-color);border:var(--border-width) solid var(--button-default-bg-color);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-default-time) ease-in}.btn:focus,.btn:hover{color:var(--button-default-color);background-color:var(--button-default-bg-color-hover);border:var(--border-width) solid var(--button-default-bg-color-hover)}.btn.primary{color:var(--button-primary-color);background-color:var(--button-primary-bg-color);border:var(--border-width) solid var(--button-primary-bg-color)}.btn.primary:focus,.btn.primary:hover{color:var(--button-primary-color);background-color:var(--button-primary-bg-color-hover);border:var(--border-width) solid var(--button-primary-bg-color-hover)}.btn-sml{font-size:var(--font-size-s)}.btn-lrg{font-size:var(--font-size-m)}.btn.is-disabled,.btn:focus.is-disabled,.btn:hover.is-disabled{color:var(--button-default-color);background-color:var(--button-default-bg-color);border:var(--border-width) solid var(--button-default-bg-color);opacity:.65;cursor:default}.btn.primary.is-disabled,.btn.primary:focus.is-disabled,.btn.primary:hover.is-disabled{color:var(--button-primary-color);background-color:var(--button-primary-bg-color);border:var(--border-width) solid var(--button-primary-bg-color)}.btn-group{display:inline-flex;flex-wrap:wrap;gap:1rem}.wrapper{min-width:var(--site-min-width);max-width:var(--site-max-width);margin:0 auto;padding-inline:1rem}.page-header{padding-block:1rem 4rem}.page-header .wrapper{padding-inline:1rem;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between}.page-header .home,.page-header .logo{display:block;font-weight:var(--font-weight-medium);color:var(--color-light-100);text-decoration:none;line-height:1}.page-main{padding-block-end:3.25rem}.photo-feed{display:grid;gap:4rem}.photo{display:grid;gap:.75rem;text-decoration:none}.photo-image img{border-radius:var(--border-radius)}.photo-detail{display:grid;gap:1rem}@media screen and (min-width:45rem){.photo{grid-template-columns:1fr 2fr}.photo-image{grid-row-start:1;grid-column-start:2;grid-column-end:3}.photo-detail{grid-auto-rows:min-content;grid-row-start:1;grid-column-start:1;grid-column-end:2;align-items:start;gap:1rem}}@media screen and (min-width:54rem){.photo{grid-template-columns:280px auto}}.photo-header{display:grid;grid-template-columns:auto auto;align-items:flex-start;justify-content:space-between;gap:.5rem}.photo-title{margin-block-start:2px;font-size:var(--font-size-base);line-height:1.7}.photo-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem}.photo-actions button,.photo-actions button:focus[disabled],.photo-actions button:hover[disabled],.photo-actions button[disabled]{padding:.5rem;display:grid;align-items:center;justify-content:center;font-size:var(--font-size-s);line-height:1;color:var(--color-light-80);background-color:transparent;border:none;border-radius:0;transition:color var(--transition-default-time) ease-in;cursor:pointer}.photo-actions button svg{width:12px}.photo-actions button svg path,.photo-actions button:focus[disabled] svg path,.photo-actions button:hover[disabled] svg path,.photo-actions button[disabled] svg path{fill:var(--color-light-80);transition:fill var(--transition-default-time) ease-in}.photo-actions button:focus,.photo-actions button:hover{color:var(--color-light-100)}.photo-actions button:focus svg path,.photo-actions button:hover svg path{fill:var(--color-light-100)}.photo-actions button:focus[disabled],.photo-actions button:hover[disabled],.photo-actions button[disabled]{cursor:initial}.photo-actions button.like{grid-template-columns:12px auto;align-items:center;gap:.5rem}.photo-actions button.like.liked{color:var(--color-light-100)}.photo-actions button.like.liked svg path{fill:var(--color-red-50)}.photo-content{display:grid;gap:.75rem}.photo-data,.photo-location,.photo-location-data{font-size:var(--font-size-xs);color:var(--color-light-80);line-height:1.2}.photo-data>div:not(:first-child),.photo-location-data>div:not(:first-child),.photo-location>div:not(:first-child){margin-block-start:.25rem}.photo-data .icon,.photo-location .icon,.photo-location-data .icon{margin-block-start:2px;width:10px;height:10px;display:block}.photo-data .icon svg path,.photo-location .icon svg path,.photo-location-data .icon svg path{fill:var(--color-light-50)}.photo-data .device,.photo-location,.photo-location-data .latitude,.photo-location-data .longitude{display:grid;grid-template-columns:10px auto;align-items:start;gap:.5rem;line-height:1.4}