/* Donu Pictures portfolio update 2026-10-18 */
.multipage .gallery-item figcaption,.story-home .story-sample figcaption{display:none!important}
.multipage .video-card .work-role{display:none!important}
.gallery-image,.poster-open,.story-media{position:relative;cursor:pointer}
.gallery-image::after,.poster-open::before,.story-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--accent,#cfff30);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:4;pointer-events:none}
.gallery-image:hover::after,.gallery-image:focus-visible::after,.poster-open:hover::before,.poster-open:focus-visible::before,.story-media:hover::after,.story-media:focus-visible::after{transform:scaleX(1)}
.multipage a:not(.logo),.multipage button:not(.menu-toggle):not([data-close]),.story-home a:not(.logo),.story-home button:not(.menu-toggle){transition: transform .24s ease,box-shadow .24s ease,background-color .25s ease,border-color .24s ease}
.multipage a:not(.logo):hover,.multipage button:not(.menu-toggle):not([data-close]):hover,.story-home a:not(.logo):hover,.story-home button:not(.menu-toggle):hover{transform:translateY(-3px)}
.multipage a:focus-visible,.multipage button:focus-visible,.story-home a:focus-visible,.story-home button:focus-visible{outline:2px solid var(--accent,#cfff30);outline-offset:3px}
.multipage .gallery-image:hover,.multipage .video-poster:has(.poster-open:hover),.story-home .story-media:hover{box-shadow:0 11px 0 -7px var(--accent,#cfff30)}
.multipage .featured-social{padding:clamp(24px,4vw,54px);border:1px solid var(--accent,#d2ff44);position:relative;background:linear-gradient(140deg,rgba(195,255,60,.13),transparent 57%)}
.multipage .featured-social h2{color:var(--ink);font-weight:800;letter-spacing:-.045em}
.multipage .featured-social .social-links a{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.multipage .featured-social .social-links a:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--accent,#cfff30);transform:scaleX(0);transform-origin:left;transition:transform .24s ease}
.multipage .featured-social .social-links a:hover:before{transform:scaleX(1)}
.multipage .gallery-image:hover img{transform:scale(1.028)}
.multipage .video-card-new .poster-caption{background:rgba(4,12,4,.72);padding:5px 7px;color:#fff}
.multipage .video-card-new h3{font-size:clamp(13px,1.1vw,17px)}
@media(prefers-reduced-motion:reduce){.multipage a,.multipage button,.story-home a,.story-home button,.gallery-image img,.poster-open img{transition:none!important}.multipage a:hover,.multipage button:hover,.story-home a:hover,.story-home button:hover{transform:none!important}}

/* Portfolio 18.10.: no misleading stock thumbnails for unverified links */
.multipage .unverified-list{margin:26px 0 12px;border-top:1px solid var(--line);padding-top:15px}
.multipage .unverified-list summary{font-size:13px;font-weight:700;cursor:pointer;padding:10px 3px}
.multipage .unverified-list ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
.multipage .unverified-list li{padding:10px 2px;border-bottom:1px solid var(--line);font-size:12px}
.multipage .unverified-list a{color:var(--ink);text-underline-offset:3px}
.multipage .unverified-list a:hover{color:var(--accent,#bded35)}
.multipage .empty-verified{background:var(--surface,#fafaf7);padding:20px;font-size:13px;color:var(--muted)}
.multipage .series-shortcuts{padding:20px 22px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(182,242,29,.1),transparent)}
.multipage .series-shortcuts h3{font-size:17px;margin:0 0 10px}.multipage .series-shortcuts p{font-size:13px;line-height:1.6}
.multipage .series-note{font-size:12px;color:var(--muted);margin:4px 0 10px}
@media(max-width:620px){.multipage .unverified-list ul{grid-template-columns:1fr}}

/* 19.10.2026: grouped episodes, compact personal introduction */
.story-home #home-title .hero-role{display:block;font-size:clamp(23px,2.55vw,38px);line-height:1.2;letter-spacing:-.035em;margin-top:16px;font-weight:600}
.series-group{grid-column:1/-1;min-width:0;border:1px solid var(--line);padding:clamp(16px,3vw,28px)}
.series-group h4{font-size:clamp(21px,2vw,28px);margin:0 0 8px}.series-group .video-grid{margin-top:20px}
.gallery-filters button,.video-categories button{min-height:44px}.video-grid>*{min-width:0}
@media(max-width:620px){.series-group .video-grid{grid-template-columns:minmax(0,1fr)}.video-categories,.gallery-filters{flex-wrap:wrap}.video-categories button{white-space:normal}}

/* 19.10.2026: flat gallery and compact production features. */
.multipage #gallery-dialog .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,24px);columns:auto;align-items:start}
.multipage #gallery-dialog .gallery-item{width:auto;margin:0;break-inside:auto;min-width:0}
.multipage #gallery-dialog .gallery-image{display:block;width:100%;height:auto;padding:0;border:0;background:none;aspect-ratio:4/3;overflow:hidden}
.multipage #gallery-dialog .gallery-image img{display:block;width:100%;height:100%;object-fit:cover;max-width:none!important;margin:0!important}
.multipage #gallery-dialog .gallery-filters{display:none}
.multipage .shorts-fact{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;border:1px solid var(--line);padding:clamp(18px,3vw,36px);margin-bottom:14px}
.multipage .shorts-fact .video-poster{max-width:240px;width:100%;margin:0 auto;aspect-ratio:9/16}
.multipage .shorts-fact video{height:100%;width:100%;object-fit:contain;background:#111}
.multipage .shorts-fact-copy h3{font-size:clamp(26px,4vw,46px);letter-spacing:-.045em;line-height:1.1;max-width:12ch;margin:12px 0 20px}
.multipage .shorts-fact-copy>p{max-width:48ch;line-height:1.65}
.multipage .shorts-fact-copy .eyebrow{color:var(--muted);font-size:11px;letter-spacing:.12em}
.multipage .shorts-fact-copy .plain-button{margin-top:12px;min-height:44px}
.multipage .mayhem-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,4vw,42px);padding:clamp(18px,3vw,32px);margin:0 0 38px;border:1px solid var(--line);align-items:center}
.mayhem-player{position:relative;aspect-ratio:16/9;min-width:0;background:#111;overflow:hidden}
.mayhem-player>img,.mayhem-player>iframe{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;border:0}
.mayhem-preview-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:20px;text-align:center;color:#fff}
.mayhem-preview-overlay p{font-size:11px;line-height:1.5;max-width:32ch;margin:12px 0 0}
.mayhem-player.is-playing .mayhem-preview-overlay{inset:0 0 auto auto;padding:8px;background:none}
.mayhem-player.is-playing .mayhem-preview-overlay p{display:none}
.mayhem-player.is-playing .mayhem-preview-overlay button{padding:8px 12px;font-size:10px;min-height:36px}
.mayhem-feature-copy h3{font-size:clamp(26px,3.3vw,44px);line-height:1.15;letter-spacing:-.04em;margin:12px 0 20px}
.mayhem-feature-copy p{line-height:1.65;max-width:46ch}
.mayhem-feature-copy .text-link{display:block;margin-top:18px}
.mayhem-feature-copy .plain-button{text-align:left;min-height:44px}
@media(max-width:620px){.multipage .mayhem-feature{grid-template-columns:1fr;padding:14px}.multipage .shorts-fact{grid-template-columns:minmax(110px,.75fr) minmax(0,1fr);gap:18px;padding:16px}.multipage .shorts-fact-copy h3{font-size:25px}.multipage .shorts-fact-copy>p{font-size:12px}.multipage .shorts-fact-copy .eyebrow{font-size:9px}.multipage .shorts-fact .video-poster{max-width:180px}.mayhem-preview-overlay .button{padding:12px;font-size:12px}}

/* Final refinement: ordinary-size editing card and device-specific layouts. */
.multipage .shorts-fact{grid-column:auto;grid-template-columns:minmax(82px,.62fr) minmax(0,1fr);align-items:center;gap:16px;padding:16px;margin:0;height:auto;min-width:0}
.multipage .shorts-fact .video-poster{width:100%;max-width:112px;aspect-ratio:9/16;margin:0 auto}
.multipage .shorts-fact-copy h3{font-size:clamp(20px,1.8vw,25px);line-height:1.17;max-width:none;margin:9px 0 12px}
.multipage .shorts-fact-copy>p{font-size:12px;line-height:1.6;margin:0 0 10px}
.multipage .shorts-fact-copy .eyebrow{font-size:9px;line-height:1.4;letter-spacing:.1em;margin:0}
.multipage .shorts-fact-copy .micro{font-size:10px;line-height:1.5;margin:12px 0 0}
.multipage .shorts-fact-copy .plain-button{font-size:11px;min-height:44px;margin-top:4px}
.multipage .shorts-fact #preview-toggle{min-height:44px;font-size:10px;padding:8px;right:6px;bottom:6px;max-width:calc(100% - 12px)}
.multipage .video-grid>.video-card,.multipage .mayhem-feature-copy{min-width:0}
.multipage .video-card h3{overflow-wrap:anywhere}
.multipage #full-photo{max-width:100%;max-height:78dvh;object-fit:contain}
@media(min-width:621px) and (max-width:1000px){.multipage .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multipage .shorts-fact-copy h3{font-size:23px}.multipage .mayhem-feature{grid-template-columns:1fr}}
@media(max-width:620px){
 .multipage #gallery-dialog .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .multipage .video-grid,.multipage .series-group .video-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .multipage .shorts-fact{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:16px}
 .multipage .shorts-fact-copy h3{font-size:24px}.multipage .shorts-fact-copy>p{font-size:13px}
 .multipage .video-categories{gap:8px;flex-wrap:wrap}.multipage .video-categories button{min-height:44px;max-width:100%;font-size:12px;line-height:1.3;padding:10px 13px;white-space:normal}
 .multipage .portfolio-switch button{min-height:44px;font-size:14px}
 .multipage .header .theme-choice,.story-home .header .theme-choice{min-height:44px}
 .multipage input:not([type=checkbox]):not([type=radio]),.multipage select,.multipage textarea{font-size:16px;max-width:100%;min-width:0}
 .multipage input:not([type=checkbox]):not([type=radio]),.multipage select{min-height:44px}
 .multipage #video-player iframe{height:auto;min-height:0;aspect-ratio:16/9}
 .multipage .mayhem-feature-copy h3{font-size:28px}
}
@media(max-width:360px){.multipage .shorts-fact{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px}.multipage .shorts-fact-copy h3{font-size:21px}.multipage .shorts-fact-copy>p{font-size:12px}}
@media(hover:none){.multipage a:not(.logo):hover,.multipage button:not(.menu-toggle):hover,.story-home a:not(.logo):hover,.story-home button:not(.menu-toggle):hover{transform:none!important}}