/* Publication polish: preserve the established type and ASCII identity. */
body,body.view-profile,body.view-photography{background:#000;color:#f3f2ed;color-scheme:dark}
body.view-profile footer{background:#000;color:#f3f2ed}
#about #profile-paragraphs{color:#c3c5bf}
#about .about-layout,#about .about-contact{border-color:#ffffff30}
#about .about-work-link{border-color:#ffffff80}
.view-profile a:focus-visible,.view-profile button:focus-visible{outline-color:#f3f2ed}
@media(max-width:600px){
  .hero-header,.works-header,.archive-header,.profile-header,.photo-header{column-gap:10px}
  .hero-header .navigation,.works-header .navigation,.archive-header .navigation,.profile-header .navigation,.photo-header .navigation{gap:12px}
  .hero-header .pill,.works-header .navigation .pill,.archive-header .pill,.profile-header .navigation .pill,.profile-navigation .pill,.photo-header .navigation .pill,.photo-header .profile-navigation .pill{min-height:44px;font-size:10px!important;letter-spacing:0}
  .hero{min-height:660px}
  .hero-bottom{bottom:max(18px,env(safe-area-inset-bottom))}
  .photo-session-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .photo-session-card:nth-child(n){grid-column:1;margin-top:0}
  .photo-session-media img,.photo-session-card:nth-child(n) img{height:auto;aspect-ratio:auto;max-height:none}
  .photo-session-action{right:12px;bottom:12px;min-height:44px;display:flex;align-items:center;font-size:10px}
  .photo-session-caption{margin-top:14px}
  .photo-session-description{font-size:11px;line-height:1.6}
  .photo-overview-filters{gap:8px;margin-bottom:28px}
  .photo-overview-filters button{min-height:44px;font-size:11px;padding:10px 14px}
  .photo-featured-controls>.photo-featured-prev,.photo-featured-controls>.photo-featured-next{width:44px;height:44px;padding:12px}
  .photo-featured-open{min-height:48px;font-size:10px}
  .photo-featured-scroll{min-height:44px;display:flex;align-items:center;bottom:max(12px,env(safe-area-inset-bottom));font-size:10px}
  .view-photography:not(.photo-has-hero) #fotografia .imported-gallery .gallery,.view-photography:not(.photo-has-hero) #fotografia .photo-collection .gallery{grid-template-columns:minmax(0,1fr);gap:10px}
  .view-photography:not(.photo-has-hero) #fotografia .gallery .photo:nth-child(n){grid-column:1}
  .photo-gallery-toolbar{gap:10px}
  .photo-gallery-toolbar a{min-height:44px;display:flex;align-items:center;line-height:1.5}
  .photo-gallery-toolbar a:last-child{text-align:right;justify-content:flex-end}
  #fotografia .gallery-auto-load{padding:24px 0}
  .work-filters .pill{min-height:44px}
  #film-dialog .player-tools .icon-button,#film-dialog .timeline-row .icon-button{width:44px;min-height:44px}
  #film-timeline{height:44px}
  #film-timeline::-webkit-slider-thumb{width:12px;height:12px}
  #film-dialog .player-tools>a{min-height:44px;display:flex;align-items:center;font-size:10px}
  #film-dialog .info-toggle{min-height:44px;font-size:10px}
  #film-dialog .close-player{width:44px;height:44px;top:14px;right:12px}
  #film-dialog .player-heading>.brand.ascii-brand{width:162px}
  #film-dialog .player-heading .ascii-brand-mark{font-size:5.4px}
  #lightbox .dialog-header{gap:14px;padding:16px 12px}
  #lightbox .dialog-header p{font:10px/1.5 'Courier New',monospace;overflow-wrap:anywhere;min-width:0}
  #lightbox .dialog-header button,#lightbox .lightbox-footer button{min-height:44px;padding:10px 12px;font-size:10px;flex-shrink:0}
  #lightbox .lightbox-footer{gap:8px;padding:12px 8px max(12px,env(safe-area-inset-bottom))}
  #lightbox .lightbox-footer span{font-size:10px;white-space:nowrap}
  #archive-search,#archive-category{min-height:44px;font-size:16px}
  .contact-email{font-size:clamp(32px,11.5vw,48px);line-height:1.25}
}
@media(max-width:360px){
  .hero-header>.brand.ascii-brand,.works-header>.brand.ascii-brand,.archive-header>.brand.ascii-brand,.profile-header>.brand.ascii-brand,.photo-header>.brand.ascii-brand{width:124px}
  .ascii-brand .ascii-brand-mark{font-size:4.1px}
  #film-dialog .player-tools{gap:0}
  #film-dialog .player-tools>a{margin-left:0;font-size:9px}
  #film-dialog .info-toggle{padding-inline:10px}
}
@media(max-height:500px) and (min-width:601px){.hero,.photo-featured{min-height:560px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-session-media img,.photo-session-action{transition:none}.photo-featured-controls>.photo-featured-prev:hover,.photo-featured-controls>.photo-featured-next:hover{transform:none}}
@media(max-width:600px){
  .featured-arrows button{width:44px;height:44px}
  .featured-progress button,.photo-featured-progress button{height:44px}
  .photo-featured-progress button::after{top:21px}
  #archive-dialog .dialog-header button,#archive-dialog .archive-action{min-height:44px}
  #archive-project-source{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:600px){
  body.view-photography:not(.photo-has-hero) .photo-header{padding-top:8px;min-height:96px;row-gap:0}
  body.view-photography:not(.photo-has-hero) .photo-gallery-toolbar{margin:0 0 22px;padding:6px}
}

/* Fix the archive logo covering the Photography tap target on narrow screens. */
@media(max-width:1000px){.archive-header>.brand.ascii-brand{position:static;left:auto;transform:none}}

/* The homepage ends with the full-screen film. */
body:has(#start:not([hidden]))>footer{display:none}

/* Keep mobile controls low and compact, leaving more of the frame visible. */
@media(max-width:600px){
  .hero-header,.works-header,.archive-header,.profile-header,.photo-header{column-gap:6px}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header) .navigation{gap:8px}
  .hero-header>.brand.ascii-brand,.works-header>.brand.ascii-brand,.archive-header>.brand.ascii-brand,.profile-header>.brand.ascii-brand,.photo-header>.brand.ascii-brand{--header-logo-width:clamp(140px,calc(100vw - 185px),210px);width:var(--header-logo-width)}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header) .ascii-brand-mark{font-size:calc(var(--header-logo-width)/30)}
}
@media(max-width:360px){
  .hero-header,.works-header,.archive-header,.profile-header,.photo-header{column-gap:6px}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header) .navigation{gap:6px}
}
.photo-featured{touch-action:pan-y pinch-zoom}
.photo-featured-nav .photo-featured-controls>.photo-featured-autoplay{display:grid;place-items:center;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none;cursor:pointer;opacity:.8}
.photo-featured-nav .photo-featured-controls>.photo-featured-autoplay:hover,.photo-featured-nav .photo-featured-controls>.photo-featured-autoplay:focus-visible{background:transparent;color:#fff;transform:none;opacity:1}
.photo-featured-autoplay svg{display:block;filter:drop-shadow(0 1px 3px #0006)}
@media(max-width:600px){
  #start.hero{min-height:100svh}
  #start .hero-rail{left:18px;right:18px;bottom:calc(32px + env(safe-area-inset-bottom));display:block}
  #start .hero-rail #play-film.kinetic-play{position:absolute;left:50%;bottom:calc(40svh - 32px);transform:translateX(-50%);width:108px;height:44px;min-height:44px;margin:0}
  #start .hero-rail .kinetic-play .play-inner{min-width:86px;min-height:28px;padding:7px 11px!important;font-size:7px!important;border-color:#ffffff70!important;background:transparent!important;backdrop-filter:none}
  #start .hero-rail #play-film .orbit{display:none!important}
  #start .hero-rail #play-film .icon{width:10px!important;height:10px!important}
  #start .hero-rail .intro{display:none}
  #start .hero-bottom{bottom:calc(8px + env(safe-area-inset-bottom))}
  #start .selected-film.featured-navigator{border-top:0;padding-top:0}
  #start .featured-top{grid-template-columns:44px 1fr;gap:10px}
  #start .featured-counter,#start .selected-film.featured-navigator h2{font-size:8px}
  #start .featured-bottom{gap:12px;margin-top:4px}
  #start .featured-arrows{gap:6px}
  #start .featured-arrows button{width:34px;height:34px;padding:8px}
  #start .featured-arrows .icon{width:14px;height:14px}
  #start .featured-progress button{height:34px}
  #start .selected-film.featured-navigator>#film-description{display:none}
  #start .selected-film.featured-navigator>#film-facts{font-size:7px;margin-top:4px}
  .photo-has-hero .photo-featured-rail{left:20px;right:20px;bottom:calc(104px + env(safe-area-inset-bottom))}
  .photo-featured-nav .photo-featured-top{grid-template-columns:44px 1fr;gap:12px}
  .photo-featured-nav .photo-featured-counter,.photo-featured-nav .photo-featured-top h3{font-size:8px}
  .photo-featured-nav .photo-featured-controls{gap:6px;margin-top:2px}
  .photo-featured-nav .photo-featured-controls>button{width:30px;height:30px;padding:8px}
  .photo-featured-nav .photo-featured-controls>button svg{width:13px;height:13px}
  .photo-featured-nav .photo-featured-caption{font-size:7.5px;line-height:1.4;margin-top:3px;max-width:100%}
  .photo-has-hero .photo-session-title{left:20px;bottom:calc(58px + env(safe-area-inset-bottom));max-width:220px}
  .photo-has-hero .photo-session-ascii{font-size:calc(min(var(--session-ascii-size,5px),4px)*.85)}
  .photo-project-list{left:20px;right:20px;bottom:calc(6px + env(safe-area-inset-bottom));gap:0 12px}
  .photo-project-choice{font-size:7.5px;min-height:22px;padding:3px 0}
}

@media(max-width:600px){
  #start .featured-arrows button{width:46px;height:46px;padding:12px}
  #start .featured-arrows .icon{width:19px;height:19px}
  #start .featured-progress button{height:46px}
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next{width:46px;height:46px;padding:12px}
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev svg,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next svg{width:20px;height:20px}
  .photo-featured-nav .photo-featured-progress button{height:46px}
  .photo-header .navigation{grid-row:1;grid-column:2;justify-self:end}
  .photo-header>.brand.ascii-brand{grid-row:1;grid-column:1;justify-self:start;left:auto!important;transform:none!important}
  .photo-header .profile-navigation{grid-row:2;grid-column:2;justify-content:flex-end}
}

@media(max-width:600px){
  #start .featured-arrows button,
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next{
    position:relative;
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.22);
    color:#fff;
    box-shadow:0 4px 18px rgba(0,0,0,.16);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    transition:background .2s,transform .2s;
  }
  #start .featured-arrows button:hover,
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev:hover,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next:hover{
    background:rgba(255,255,255,.32);
    color:#fff;
    transform:none;
  }
  #start .featured-arrows button:active,
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev:active,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next:active{transform:scale(.94)}
  #start .featured-arrows button:focus-visible,
  .photo-featured-nav .photo-featured-controls>.photo-featured-prev:focus-visible,
  .photo-featured-nav .photo-featured-controls>.photo-featured-next:focus-visible{outline:2px solid #fff;outline-offset:3px}
}

@media(max-width:600px){
  :is(.hero-header,.photo-header){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:2px}
  :is(.hero-header,.photo-header)>.brand.ascii-brand{grid-row:1;grid-column:1;justify-self:start;position:relative!important;left:auto!important;transform:none!important}
  :is(.hero-header,.photo-header) .profile-navigation{grid-row:1;grid-column:2;justify-self:end;justify-content:flex-end;gap:16px}
  :is(.hero-header,.photo-header) .profile-navigation .pill{font-size:8px!important;opacity:.78}
  :is(.hero-header,.photo-header) .navigation{grid-row:2;grid-column:1/-1;justify-self:start;gap:22px}
  :is(.hero-header,.photo-header) .navigation .pill{font-size:11px!important;min-height:40px;letter-spacing:.01em}
}

@media(max-width:600px){.profile-navigation{display:none!important}}

/* Let iPhone imagery extend into the safe areas; keep navigation clear of the notch. */
@media(max-width:600px){
  #start.hero,.photo-has-hero .photo-featured{height:100dvh;min-height:100dvh}
  #start .hero-header{padding-top:calc(18px + env(safe-area-inset-top,0px))}
  .photo-has-hero .photo-header{top:env(safe-area-inset-top,0px)}
}

/* The chosen film is visible immediately while its moving preview loads. */
#hero-embed .hero-preview-layer:not(.is-current){transition:none}
#start .featured-navigator{position:relative}
#start .featured-ascii-title{position:absolute;left:0;bottom:calc(100% + 20px);width:100%;margin:0;padding:0;white-space:pre;font-family:'Courier New',monospace;font-weight:400;line-height:1.12;letter-spacing:0;color:#e9ece5;text-shadow:0 1px 8px #0003;pointer-events:none}
#start .featured-ascii-title span{display:block;white-space:pre}
@media(max-width:600px){#start .featured-ascii-title{bottom:calc(100% + 12px)}}

/* Ready video fades over its selected poster; old films disappear immediately. */
#hero-embed .hero-preview-layer.is-current{transition:opacity .38s cubic-bezier(.2,.6,.3,1)}
#start .featured-ascii-title{color:#fff;line-height:1.16;filter:drop-shadow(0 1px 3px #0009);text-shadow:0 1px 12px #0009}
#start .featured-navigator::before{content:'';position:absolute;inset:-115px -24px -28px;background:radial-gradient(ellipse at 65% 55%,#0004,transparent 73%);pointer-events:none;z-index:-1}
.navigation .nav-contact{white-space:nowrap}
.hero-bottom .hero-contact{gap:0;min-height:40px;text-decoration:underline;text-underline-offset:5px}
.contact-page .contact-caption{max-width:420px;line-height:1.6}
@media(max-width:600px){
  #start .featured-ascii-title{bottom:calc(100% + 16px);line-height:1.13}
  #start .featured-top{grid-template-columns:44px minmax(0,1fr);gap:10px}
  #start .featured-navigator::before{inset:-110px -20px -25px;background:linear-gradient(0deg,#0004,transparent)}
  #start .hero-bottom>span{display:none}
  :is(.hero-header,.photo-header) .navigation{gap:clamp(14px,4.3vw,22px)}
  :is(.hero-header,.photo-header) .navigation .nav-contact{opacity:1}
}
@media(prefers-reduced-motion:reduce){#hero-embed .hero-preview-layer.is-current{transition:none}}
/* Keep the whole film name readable as soon as selection changes. */
#start .featured-ascii-title .ascii-brand-line{animation:none;opacity:1;transform:none;clip-path:none}

/* Shared mobile header: brand first, navigation below, contact aligned right. */
.ascii-control-glyph,.contact-instagram-mobile{display:none}
@media(max-width:600px){
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start;gap:2px 0;min-height:0}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header)>.brand.ascii-brand{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-row:1!important;grid-column:1!important;justify-self:start;--header-logo-width:clamp(158px,calc(100vw - 185px),210px);width:var(--header-logo-width);margin:0 0 2px}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header)>.navigation{grid-row:2!important;grid-column:1!important;display:flex;align-items:center;justify-self:stretch;width:100%;min-width:0;gap:clamp(14px,4.3vw,22px)}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header)>.navigation .pill{font:10px/1.2 'Courier New',monospace!important;letter-spacing:0;min-height:44px;padding:0!important;white-space:nowrap}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header)>.navigation .nav-contact{margin-left:auto}
  :is(.hero-header,.works-header,.archive-header,.profile-header,.photo-header)>.profile-navigation{display:none!important}

  /* A single compact, horizontally scrollable category row with full tap targets. */
  #filmy .work-filters{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:18px;max-width:100%;overflow-x:auto;margin:18px 0 22px;padding:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #filmy .work-filters::-webkit-scrollbar{display:none}
  #filmy .work-filters .pill{flex:0 0 auto;min-height:44px;margin:0;padding:6px 0!important;font:8px/1.2 'Courier New',monospace!important;white-space:nowrap}
  #filmy .work-filters .pill sup{font-size:6px;margin-left:4px}

  /* Contact becomes one calm, left-aligned block. */
  #contact .profile-title{display:block;margin:34px 0 0;font:10px/1.5 'Courier New',monospace;letter-spacing:.12em}
  #contact .profile-title span{display:block;max-width:100%;margin:14px 0 0;text-align:left;font:500 clamp(30px,9.2vw,42px)/1.1 Oswald,'Arial Narrow',sans-serif;letter-spacing:-.025em}
  #contact .profile-copy{margin:34px 0 0;max-width:none}
  #contact .profile-copy>.eyebrow{font:8px/1.5 'Courier New',monospace;letter-spacing:.04em;opacity:.6;margin:0 0 12px}
  #contact .contact-email{font:400 clamp(25px,8vw,34px)/1.35 'Courier New',monospace;letter-spacing:-.055em;margin:0;overflow-wrap:normal;white-space:nowrap;min-height:44px}
  #contact .contact-phone{width:fit-content;display:flex;align-items:center;min-height:44px;margin:8px 0 18px;font:13px/1.4 'Courier New',monospace;letter-spacing:.02em}
  #contact #contact-instagram{min-height:44px;min-width:156px;padding:0!important;border:0;border-radius:0;background:transparent;color:inherit;justify-content:flex-start}
  #contact .contact-instagram-desktop{display:none}
  #contact .contact-instagram-mobile{display:flex;align-items:center;gap:12px;font:11px/1.4 'Courier New',monospace}
  #contact .contact-instagram-mobile svg{display:block;width:17px;height:17px;flex:none}
  #contact .contact-instagram-mobile svg:last-child{width:14px;height:14px;margin-left:8px}
  #contact .profile-copy .contact-caption{font:9px/1.7 'Courier New',monospace;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #ffffff24;color:#c2c4be}

  /* Bracketed ASCII controls, keeping the existing 46 px touch targets. */
  #start .featured-arrows{gap:8px}
  #start .featured-arrows button{position:relative;width:46px;height:46px;padding:0;border:0;border-radius:3px;background:transparent!important;color:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 1px 3px #0008)}
  #start .featured-arrows button>.icon{display:none}
  #start .featured-arrows .ascii-control-glyph{display:block;font:15px/1 'Courier New',monospace;letter-spacing:-.12em;padding-right:2px}
  #start .featured-arrows button::before,#start .featured-arrows button::after{position:absolute;top:50%;transform:translateY(-50%);font:24px/1 'Courier New',monospace;color:#ffffffa8}
  #start .featured-arrows button::before{content:'[';left:0}
  #start .featured-arrows button::after{content:']';right:0}
  #start .featured-arrows button:hover{background:#ffffff0d!important}
  #start .featured-arrows button:active{background:#ffffff18!important;transform:scale(.94)}
}
@media(max-width:600px){
  #filmy .work-filters{margin:0}
  #filmy .work-filters .pill::after{bottom:5px}
  #filmy .work-filters .pill sup{align-self:center;transform:translateY(-4px)}
}

/* Photography shares the mobile Start control layout and ASCII identity. */
.nav-archive-mobile{display:none}
@media(max-width:600px){.navigation .nav-archive-mobile{display:inline-flex;align-items:center}}
.photo-ascii-control{display:none}
@media(max-width:600px){
  .photo-has-hero .photo-featured-rail{left:18px;right:18px;bottom:calc(var(--photo-project-list-height,44px) + 26px + env(safe-area-inset-bottom));gap:0}
  .photo-featured-nav{position:relative;width:100%;max-width:none}
  .photo-has-hero .photo-featured-nav>.photo-session-title{position:absolute;left:0;right:auto;top:auto;bottom:calc(100% + 16px);width:100%;max-width:100%;margin:0;padding:0;pointer-events:none;filter:drop-shadow(0 1px 3px #0009);text-shadow:0 1px 12px #0009}
  .photo-has-hero .photo-session-ascii{font:var(--mobile-session-ascii-size,7px)/1.13 'Courier New',monospace;letter-spacing:0;margin:0;padding:0;color:#fff}
  .photo-has-hero .photo-session-ascii .ascii-brand-line{animation:none;opacity:1;transform:none;clip-path:none}
  .photo-featured-nav .photo-featured-top{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .photo-featured-nav .photo-featured-counter,.photo-featured-nav .photo-featured-top h3{font-size:8px;line-height:1.4}
  .photo-featured-nav .photo-featured-controls{gap:8px;margin:4px 0 0}
  .photo-featured-nav .photo-featured-progress{margin:0;min-width:0}
  .photo-featured-nav .photo-featured-caption{display:none}
  .photo-featured-nav .photo-featured-controls>button{position:relative;display:grid;place-items:center;width:46px;height:46px;min-height:46px;flex:none;padding:0;border:0;border-radius:3px;background:transparent!important;color:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 1px 3px #0008);font-size:0}
  .photo-featured-nav .photo-featured-controls>button svg{display:none}
  .photo-featured-nav .photo-featured-controls .photo-ascii-control{display:block;font:15px/1 'Courier New',monospace;letter-spacing:-.12em;padding-right:2px}
  .photo-featured-nav .photo-featured-controls>button::before,.photo-featured-nav .photo-featured-controls>button::after{position:absolute;top:50%;transform:translateY(-50%);font:24px/1 'Courier New',monospace;color:#ffffffa8}
  .photo-featured-nav .photo-featured-controls>button::before{content:'[';left:0}
  .photo-featured-nav .photo-featured-controls>button::after{content:']';right:0}
  .photo-featured-nav .photo-featured-controls>button:hover{background:#ffffff0d!important;transform:none}
  .photo-featured-nav .photo-featured-controls>button:active{background:#ffffff18!important;transform:scale(.94)}
  .photo-featured-nav .photo-featured-controls>.photo-featured-autoplay{opacity:1}
  .photo-project-list{left:18px;right:18px}
}

/* Mobile gallery controls: transparent touch targets. */
@media(max-width:600px){
#fotografia .photo-featured-nav .photo-featured-controls>button{
 display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0;border:0;border-radius:0;background:transparent!important;color:#fff;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 1px 3px #0006);
 opacity:.82;transform:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
 transition:opacity .18s ease,transform .18s ease;
}
#fotografia .photo-featured-nav .photo-featured-controls>button::before,
#fotografia .photo-featured-nav .photo-featured-controls>button::after{content:none}
#fotografia .photo-featured-nav .photo-featured-controls>button .photo-ascii-control{display:none}
#fotografia .photo-featured-nav .photo-featured-controls>button svg{display:block;width:22px;height:22px}
#fotografia .photo-featured-nav .photo-featured-controls>.photo-featured-autoplay svg{width:18px;height:18px}
#fotografia .photo-featured-nav .photo-featured-controls>button:hover{background:transparent!important;color:#fff;opacity:1;transform:none}
#fotografia .photo-featured-nav .photo-featured-controls>button:active{background:transparent!important;opacity:1;transform:scale(.9)}
#fotografia .photo-featured-nav .photo-featured-controls>button:focus-visible{outline:1px solid #fff;outline-offset:0;opacity:1}
@media(prefers-reduced-motion:reduce){
 #fotografia .photo-featured-nav .photo-featured-controls>button{transition:none}
 #fotografia .photo-featured-nav .photo-featured-controls>button:active{transform:none}
}
}