/* Michael Cuno Photography — shared information pages / v0.12l */
/* The four gallery sections remain the primary navigation. */
.site-head .menu-btn{display:inline-flex!important;align-items:center;justify-content:flex-end;font-size:12px;letter-spacing:.09em;white-space:nowrap}
.site-head .menu-btn:hover{opacity:.55}
.menu-sections{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.68fr);align-items:center;gap:clamp(28px,6vw,100px);flex:1;padding:20px 0}
.menu-sections .menu-list{flex:none;width:100%;gap:clamp(0px,1svh,9px)}
.menu-sections .menu-list a{padding:clamp(5px,.85svh,10px) 0}
.menu-info{align-self:center;min-width:0;padding:28px 0 28px clamp(22px,3vw,55px);border-left:1px solid var(--line)}
.menu-info-label{display:block;font:500 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:clamp(15px,3svh,35px)}
.menu-info-main{display:flex;flex-direction:column}
.menu-info-main a{font:500 clamp(22px,2.2vw,34px)/1.22 var(--sans);letter-spacing:-.025em;padding:12px 0;border-bottom:1px solid var(--line)}
.menu-info-legal{display:flex;gap:clamp(16px,2vw,35px);flex-wrap:wrap;margin-top:35px}
.menu-info-legal a{font:500 13px/1.4 var(--sans);color:var(--mute);letter-spacing:.04em}
.menu-info a:hover,.menu-info a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.foot .b .info-footer-link{font-size:12px;letter-spacing:.045em;color:var(--mute)}
.foot .b a[href="clients.html"]{margin-left:clamp(5px,1vw,16px)}
.info-page{padding:calc(var(--head-h) + clamp(34px,5svh,55px)) var(--gut) 42px;max-width:1620px;margin-inline:auto;min-height:65svh}
.info-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.45fr);gap:22px;align-items:end;padding-bottom:clamp(17px,2.3vw,27px);border-bottom:1px solid var(--line);margin-bottom:clamp(27px,3vw,43px)}
.info-overline{font:500 10.5px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.info-heading .info-overline{grid-column:1/-1;margin:0}
.info-heading h1{font:500 clamp(19px,1.49vw,22px)/1.16 var(--sans);letter-spacing:-.025em;margin:0}
.info-intro{font:400 clamp(13px,1vw,15px)/1.45 var(--text);color:var(--mute);max-width:24em;justify-self:end;margin:0}
.info-clients-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,30%);gap:clamp(28px,4vw,62px);align-items:start}
.info-client-lists{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,42px)}
.info-client-group h2{font:500 12px/1.3 var(--sans);letter-spacing:.04em;padding-bottom:11px;border-bottom:1px solid var(--line);margin:0 0 12px}
.info-client-group ul{list-style:none;margin:0;padding:0}
.info-client-group li{font:400 clamp(14px,1.05vw,16px)/1.42 var(--sans);padding:6px 0 8px;border-bottom:1px solid rgba(20,20,20,.065)}
.info-client-group li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:#c7c7c5}
.info-client-group li a:hover{text-decoration-color:currentColor}
.info-client-note{display:block;font:400 12px/1.5 var(--text);color:var(--mute);padding-top:2px}
.info-side-image{margin:0}
.info-side-image img{display:block;width:100%;height:auto;object-fit:contain;opacity:.78;filter:saturate(.88) contrast(.96)}
.info-clients-image{max-width:360px;justify-self:end}
.info-about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,33%);gap:clamp(26px,5vw,72px);align-items:start}
.info-about-copy{max-width:700px}
.info-about-copy p{font:400 clamp(15px,1.15vw,18px)/1.68 var(--text);margin:0 0 1.25em}
.info-about-copy .info-lead{font:500 clamp(17px,1.3vw,19px)/1.44 var(--sans);letter-spacing:-.018em;margin:0 0 1.45em}
.info-pullquote{font:italic 400 clamp(18px,1.4vw,21px)/1.44 var(--text);padding:18px 0;margin:clamp(24px,4vw,48px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.info-about-image{max-width:300px;justify-self:end}
.info-press{margin-top:clamp(28px,4vw,52px);padding-top:clamp(18px,2.4vw,32px);border-top:1px solid var(--line)}
.info-section-heading{display:flex;align-items:baseline;gap:22px;margin-bottom:10px}
.info-section-heading h2{font:500 clamp(17px,1.4vw,20px)/1.28 var(--sans);margin:0;letter-spacing:-.03em}
.info-press .press-item{border-bottom:1px solid var(--line)}
.info-press .press-item summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:16px 3px;font:500 clamp(15px,1.25vw,20px)/1.3 var(--sans)}
.info-press .press-item summary::-webkit-details-marker{display:none}
.info-press .press-item summary:after{content:'+';font:400 21px/1 var(--sans);order:3;color:var(--mute)}
.info-press .press-item[open] summary:after{content:'−'}
.info-press .press-meta{font:400 12px/1.3 var(--sans);letter-spacing:.07em;color:var(--mute);margin-left:auto}
.info-press .press-text{max-width:780px;padding:0 12px 22px 0;font:400 15px/1.66 var(--text)}
.info-press .press-text p{margin:0 0 1.12em}
.info-press .press-text h3{font:500 16px/1.3 var(--sans);margin:24px 0 8px}
.info-press .press-text .kodak-mark{max-width:90px;height:auto;margin:0 0 25px}
.info-contact{max-width:720px;padding:clamp(6px,1.8vw,18px) 0 clamp(50px,7vw,88px)}
.info-contact h2{font:500 clamp(17px,1.35vw,19px)/1.3 var(--sans);letter-spacing:-.02em;margin:0 0 clamp(16px,2vw,22px)}
.info-contact-links{display:flex;flex-direction:column;align-items:start;gap:12px}
.info-contact-links a{font:400 clamp(16px,1.32vw,19px)/1.36 var(--sans);letter-spacing:-.012em;border-bottom:1px solid var(--line);max-width:100%;overflow-wrap:anywhere}
.info-contact-links a:hover{border-bottom-color:currentColor}
.info-contact-small{font:400 10.5px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:clamp(24px,4vw,40px)}
.info-legal{max-width:720px;padding:2px 0 clamp(38px,6vw,72px)}
.info-legal h2{font:500 clamp(17px,1.35vw,19px)/1.3 var(--sans);margin:0 0 18px}
.info-legal .info-legal-address p{margin:0}
.info-legal .info-legal-address,.info-legal .info-legal-links,.info-legal .info-legal-copy{font:400 clamp(15px,1.05vw,16.5px)/1.62 var(--text)}
.info-legal .info-legal-links{display:flex;flex-direction:column;gap:4px;margin:18px 0 24px}
.info-legal a,.info-privacy a{border-bottom:1px solid var(--line)}
.info-legal a:hover,.info-privacy a:hover{border-color:currentColor}
.info-legal .info-legal-copy{border-top:1px solid var(--line);padding-top:20px}
.info-legal .info-legal-copy p{margin:0 0 1.2em}
.info-privacy .info-privacy-content{font:400 clamp(15px,1.05vw,17px)/1.66 var(--text);max-width:720px}
.info-privacy h2{font:500 16px/1.25 var(--sans);border-top:1px solid var(--line);padding-top:18px;margin:24px 0 10px}
.info-privacy p{margin:0 0 12px}
.info-privacy .privacy-name{font:500 16px/1.45 var(--sans)}
.info-privacy .privacy-meta{font:400 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:38px 0 0}
@media(max-width:980px){
  .info-clients-grid{grid-template-columns:minmax(0,1fr) minmax(180px,29%);gap:30px}
  .info-client-lists{grid-template-columns:1fr 1fr;gap:25px}
  .info-page{padding-top:calc(var(--head-h) + 36px)}
}
@media(max-width:700px){
  .menu-sections{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:26px;padding:16px 0}
  .menu-sections .menu-list{gap:0}
  .menu-sections .menu-list a{padding:4px 0}
  .menu-sections .menu-list .t{font-size:clamp(22px,6vw,30px)!important}
  .menu-sections .menu-list .d{font-size:12px}
  .menu-info{padding:17px 0 0;border-left:0;border-top:1px solid var(--line)}
  .menu-info-label{margin-bottom:8px}
  .menu-info-main{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
  .menu-info-main a{font-size:19px;padding:9px 0}
  .menu-info-legal{margin-top:19px}
  .menu-foot{padding-top:15px}
  .info-heading{grid-template-columns:1fr;gap:8px;margin-bottom:33px;padding-bottom:24px}
  .info-heading .info-overline{grid-column:auto}
  .info-heading h1{font-size:19px}
  .info-heading .info-intro{justify-self:start;max-width:100%}
  .info-page{padding-top:calc(var(--head-h) + 28px)}
  .info-clients-grid{grid-template-columns:1fr;gap:34px}
  .info-client-lists{grid-template-columns:1fr 1fr}
  .info-clients-image{max-width:300px;justify-self:start}
  .info-about-layout{grid-template-columns:1fr}
  .info-about-image{justify-self:start;max-width:min(390px,100%)}
  .info-section-heading{display:block}
  .info-press .press-item summary{display:block;position:relative;padding-right:28px}
  .info-press .press-meta{display:block;margin:5px 0 0}
  .info-press .press-item summary:after{position:absolute;right:0;top:24px}
  .foot .b a[href="clients.html"]{margin-left:0}
}
@media(max-width:470px){
  .info-client-lists{grid-template-columns:1fr;gap:34px}
  .menu-sections .menu-list .d{display:none}
  .menu-info-main a{font-size:18px}
  .menu-info-legal{margin-top:18px}
}
@media(max-height:650px){.menu-sections{align-items:start}.menu-sections .menu-list{justify-content:start}}
@media(prefers-reduced-motion:reduce){.menu-info a{transition:none}}