/* Light adaptation of the user's Ashade Photography 1.1 theme.
   Original theme CSS and attribution stay intact in assets/ashade/css/. */
:root { color-scheme:light; --paper:#fbfaf7; --ink:#242522; --muted:#777973; --line:#e2e3db; --accent:#d75a43; --green:#51775f; }
html { scroll-behavior:smooth; scroll-padding-top:120px; }
body.selim-light { background:var(--paper); color:var(--muted); opacity:1; pointer-events:auto; font-family:Montserrat,Arial,sans-serif; font-size:14px; line-height:1.85; }
a { color:var(--ink); }
button,a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
a:focus-visible,button:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }
[hidden] { display:none!important; }
.skip-link { position:fixed; left:20px; top:-80px; z-index:1000; padding:12px 20px; background:white; color:var(--ink); }
.skip-link:focus { top:10px; }
header#ashade-header { position:relative; background:var(--paper); z-index:20; }
header#ashade-header .ashade-header-inner { padding:28px 5.2vw 28px 4vw; min-height:112px; gap:24px; }
.selim-logo { display:inline-flex; align-items:center; gap:18px; color:var(--ink); }
body.selim-light a.selim-logo,
body.selim-light a.selim-logo:visited,
body.selim-light a.selim-logo:hover,
body.selim-light a.selim-logo:focus,
body.selim-light a.selim-logo:active { color:var(--ink); }
.logo-mark { font-size:45px; line-height:1; font-weight:700; letter-spacing:-5px; }
.logo-mark>span { color:var(--accent); }
.logo-name { font-family:'Roboto Condensed',Arial,sans-serif; font-weight:700; font-size:17px; letter-spacing:2px; line-height:1.5; }
.logo-name small { display:block; font:500 8px Montserrat,Arial,sans-serif; letter-spacing:1.8px; color:var(--muted); margin-top:4px; }
nav.ashade-nav ul.main-menu>li { margin-left:34px; }
nav.ashade-nav ul.main-menu>li:first-child { margin-left:0; }
nav.ashade-nav ul li a { font-size:10px; letter-spacing:1px; color:var(--muted); }
nav.ashade-nav ul.main-menu li:hover>a,nav.ashade-nav ul.main-menu li.current-menu-item>a { color:var(--ink); }
nav.ashade-nav ul.main-menu li.current-menu-item>a:after { content:''; display:block; width:20px; height:2px; background:var(--accent); }
nav.ashade-nav ul li a.instagram-nav { color:var(--green); text-transform:none; letter-spacing:0; font-size:12px; }
.portfolio-rail { position:fixed; left:4vw; top:240px; bottom:80px; display:flex; align-items:center; gap:25px; writing-mode:vertical-rl; transform:rotate(180deg); font-size:9px; font-weight:600; letter-spacing:3px; color:#85877f; z-index:1; }
.portfolio-rail i { display:block; width:1px; flex:1; min-height:40px; background:var(--line); }
.portfolio-rail span:last-child { color:var(--accent); font-size:8px; }
.portfolio-main .ashade-content { width:auto; max-width:1600px; margin:0 5.2vw 0 12vw; padding:30px 0 0; min-height:0; }
.portfolio-intro { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; padding:24px 0 52px; }
.kicker { font-size:9px; letter-spacing:2.4px; line-height:1.4; font-weight:600; color:var(--muted); margin:0 0 25px; display:flex; align-items:center; gap:9px; }
.kicker>span { width:6px; height:6px; background:var(--green); border-radius:50%; display:inline-block; }
h1,h2,h3 { color:var(--ink); }
.portfolio-intro h1,.about-copy h1 { font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif; font-size:clamp(42px,4.8vw,76px); line-height:1.08; letter-spacing:-2.2px; text-transform:none; font-weight:400; margin:0; }
.portfolio-intro h1 em,.about-copy h1 em { font-style:normal; font-weight:700; }
.intro-note { padding:0 0 3px; min-width:225px; }
.intro-note p { font-size:12px; line-height:1.9; margin:0 0 16px; }
.intro-note>a { font-size:10px; font-weight:600; color:var(--ink); }
.intro-note>a span { color:var(--accent); margin-left:14px; }
.photo-section { scroll-margin-top:24px; }
.gallery-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding:19px 0 24px; }
.gallery-toolbar h2 { font:600 9px Montserrat,Arial,sans-serif; letter-spacing:1.6px; margin:0; }
.gallery-toolbar h2 span { color:#96988f; margin-left:12px; font-size:8px; }
.gallery-filters { display:flex; gap:22px; }
.gallery-filters a { padding:2px 0; background:none; border:0; border-bottom:1px solid transparent; border-radius:0; text-transform:none; letter-spacing:0; color:var(--muted); font-size:10px; line-height:1.5; cursor:pointer; }
.gallery-filters a.is-active { color:var(--accent); border-bottom-color:var(--accent); }
.portfolio-gallery { columns:3; column-gap:20px; }
.portfolio-gallery>a.photo-card { position:relative; display:block; margin:0 0 20px; overflow:hidden; break-inside:avoid; background:#e9e7e0; line-height:0; cursor:zoom-in; }
.portfolio-gallery>a.photo-card img { display:block; width:100%; height:auto; transform:none; transition:transform .5s ease; }
.portfolio-gallery>a.photo-card:hover img { transform:scale(1.025); }
.photo-caption { position:absolute; left:0; right:0; bottom:0; padding:40px 20px 17px; background:linear-gradient(transparent,rgba(17,23,20,.6)); color:white; line-height:1.5; opacity:0; transition:opacity .25s; }
.photo-card:hover .photo-caption,.photo-card:focus-visible .photo-caption { opacity:1; }
.photo-caption>span:first-child { display:block; font-size:8px; letter-spacing:1.5px; opacity:.8; }
.photo-caption strong { font-size:12px; font-weight:500; }
.photo-open { position:absolute; right:20px; bottom:19px; font-size:20px; }
.selection-note { font-size:9px; color:#999a92; margin:6px 0 0; letter-spacing:.2px; }
.contact-section { display:flex; justify-content:space-between; align-items:flex-end; gap:30px; border-top:1px solid var(--line); padding:58px 0 65px; margin-top:65px; scroll-margin-top:40px; }
.contact-section .kicker { margin-bottom:14px; font-size:8px; }
.contact-section h2 { font-family:'Roboto Condensed',Arial,sans-serif; font-size:60px; font-weight:400; line-height:1.15; letter-spacing:-1.5px; margin:0 0 12px; }
.contact-section h2>span { color:var(--accent); }
.contact-mail { font-size:12px; color:var(--ink); }
.instagram-note { text-align:right; }
.instagram-note p { font-size:11px; line-height:1.9; margin:0 0 18px; }
.instagram-note>a { font-size:12px; font-weight:600; color:var(--green); }
.instagram-note>a span { margin-left:22px; }
footer#ashade-footer { position:relative; border-top:1px solid var(--line); }
.selim-light .ashade-footer-inner { margin-left:12vw; padding:24px 5.2vw 24px 0; color:#878980; font:500 8px Montserrat,Arial,sans-serif; letter-spacing:1px; line-height:1.5; gap:20px; }
.selim-light .ashade-footer-inner a { color:var(--muted); }
.about-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:8vw; align-items:center; padding:25px 0 70px; }
.about-photo { position:relative; }
.about-photo>img { display:block; width:100%; height:auto; max-height:720px; object-fit:contain; object-position:left; }
.about-photo>span { display:block; font-size:8px; letter-spacing:2px; margin-top:16px; color:#92958b; }
.about-copy h1 { font-size:clamp(48px,5vw,78px); margin-bottom:30px; }
.about-copy .about-lead { font-size:16px; color:var(--ink); line-height:1.7; margin-bottom:24px; }
.about-copy>p:not(.kicker):not(.about-lead) { font-size:12px; line-height:2; }
.text-link { font-size:11px; font-weight:600; display:inline-block; margin-top:12px; }
.text-link span { color:var(--accent); margin-left:18px; }
.about-email { display:block; font-size:10px; color:var(--muted); margin-top:23px; }
.photo-dialog { position:fixed; inset:0; width:100vw; max-width:none; height:100dvh; max-height:none; margin:0; padding:56px 70px 32px; border:0; background:rgba(251,250,247,.98); color:var(--ink); overflow:hidden; }
.photo-dialog::backdrop { background:rgba(251,250,247,.98); }
.photo-dialog[open] { display:flex; align-items:center; justify-content:center; }
.photo-dialog figure { margin:0; max-width:100%; display:flex; flex-direction:column; align-items:center; }
.lightbox-image { display:block; max-height:calc(100dvh - 150px); max-width:100%; width:auto; height:auto; object-fit:contain; }
.photo-dialog figcaption { display:flex; justify-content:space-between; gap:50px; align-self:stretch; font-size:11px; line-height:1.5; margin-top:17px; }
.lightbox-count { color:var(--muted); white-space:nowrap; }
.photo-dialog button { position:absolute; z-index:1; background:none; color:var(--ink); padding:10px; border:0; text-transform:none; cursor:pointer; font:500 11px Montserrat,Arial,sans-serif; letter-spacing:0; }
.photo-dialog .lightbox-close { top:15px; right:26px; display:flex; align-items:center; gap:18px; }
.lightbox-close span { font-size:28px; }
.photo-dialog .lightbox-prev,.photo-dialog .lightbox-next { top:48%; font-size:28px; }
.lightbox-prev { left:14px; }
.lightbox-next { right:14px; }
.lightbox-open { overflow:hidden; }
@media(min-width:1800px) {
  .portfolio-main .ashade-content { margin-left:auto; margin-right:auto; max-width:1500px; }
}
@media(max-width:1000px) {
  header#ashade-header .ashade-header-inner { padding:24px 5vw; }
  .logo-name { font-size:14px; }.logo-mark { font-size:38px; }
  nav.ashade-nav ul.main-menu>li { margin-left:22px; }
  .portfolio-main .ashade-content { margin:0 5vw 0 10vw; }
  .portfolio-rail { left:3vw; }.portfolio-intro h1 { font-size:54px; }.intro-note { min-width:185px; }
  .portfolio-gallery { columns:2; }
  .selim-light .ashade-footer-inner { margin-left:10vw; padding-right:5vw; }
  .about-layout { gap:5vw; }.about-copy .about-lead { font-size:14px; }
}
@media(max-width:700px) {
  html { scroll-padding-top:30px; }
  header#ashade-header .ashade-header-inner { padding:22px 6vw 18px; flex-wrap:wrap; gap:25px; align-items:center; }
  .selim-logo { gap:13px; }.logo-mark { font-size:38px; }.logo-name { font-size:14px; letter-spacing:1.5px; }.logo-name small { font-size:7px; }
  nav.ashade-nav { display:block!important; width:100%; }
  nav.ashade-nav ul.main-menu { justify-content:space-between; display:flex!important; }
  nav.ashade-nav ul.main-menu>li { margin:0; }
  nav.ashade-nav ul li a { font-size:9px; }nav.ashade-nav ul li a.instagram-nav { font-size:10px; }
  .portfolio-rail { display:none; }.portfolio-main .ashade-content { margin:0 6vw; padding:12px 0 0; }
  .portfolio-intro { display:block; padding:22px 0 35px; }.portfolio-intro h1 { font-size:clamp(42px,9.6vw,62px); letter-spacing:-1.6px; }
  .kicker { font-size:8px; letter-spacing:1.8px; margin-bottom:22px; }
  .intro-note { margin-top:23px; padding:0; }.intro-note p { font-size:11px; display:inline; }.intro-note p br { display:none; }.intro-note>a { display:block; margin-top:12px; }
  .gallery-toolbar { display:block; padding:20px 0; }.gallery-toolbar h2 { font-size:8px; }
  .gallery-filters { margin-top:17px; gap:25px; }.gallery-filters a { font-size:10px; }
  .portfolio-gallery { columns:2; column-gap:12px; }.portfolio-gallery>a.photo-card { margin-bottom:12px; }
  .photo-caption { padding:30px 10px 11px; }.photo-caption strong { font-size:10px; }.photo-caption .photo-open { display:none; }
  .contact-section { padding:35px 0 42px; margin-top:38px; display:block; }.contact-section h2 { font-size:48px; }
  .instagram-note { text-align:left; margin-top:30px; }.instagram-note p { margin-bottom:10px; }.instagram-note p br { display:none; }
  .selim-light .ashade-footer-inner { margin:0; padding:20px 6vw; flex-wrap:wrap; font-size:7px; gap:15px; }.ashade-footer-inner>span:nth-child(2) { display:none; }
  .about-layout { grid-template-columns:1fr; padding-top:22px; gap:35px; }.about-photo { max-width:480px; }.about-copy h1 { font-size:58px; }.about-copy .about-lead { font-size:16px; }
  .photo-dialog { padding:65px 32px 30px; }.photo-dialog .lightbox-prev { left:0; font-size:24px; }.photo-dialog .lightbox-next { right:0; font-size:24px; }.photo-dialog .lightbox-close { right:16px; }.photo-dialog figcaption { font-size:10px; gap:20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*:before,*:after { transition:none!important; animation:none!important; } }

/* Gallery links preserve category and position across bounded server pages. */
.gallery-filters a { text-decoration:none; font-family:inherit; }
.gallery-page-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 0 15px; }
.gallery-summary { color:var(--muted); font-size:11px; margin:0; white-space:nowrap; }
.gallery-pagination { display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.gallery-pagination a { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:34px; padding:5px 9px; border:1px solid #d8ded8; border-radius:4px; color:var(--ink); background:transparent; font-size:11px; text-decoration:none; }
.gallery-pagination a.is-active { background:var(--accent); border-color:var(--accent); color:white; }
.gallery-pagination a:hover { border-color:var(--accent); }
.gallery-pagination a:focus-visible,.gallery-filters a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.gallery-pagination .page-gap { color:var(--muted); padding:0 3px; }
.gallery-pagination .page-direction { border-color:transparent; padding:5px 8px; }
@media(max-width:640px) { .gallery-page-footer { align-items:flex-start; flex-direction:column; gap:12px; } .gallery-pagination { gap:5px; } .gallery-pagination a { min-width:32px; min-height:38px; padding:5px 8px; } .gallery-filters { flex-wrap:wrap; gap:18px; } }