.video-stage{width:100%;min-width:0;min-height:200px}
.video-status{padding:14px 20px;background:#30271f;color:#e0c7a1;font-size:11px;line-height:1.8}
.video-status[hidden]{display:none}
.detail-alternate-title{font:italic 28px/1.25 var(--serif);color:#babba8;margin:-10px 0 23px}
.film-awards{margin-top:24px;padding:20px;border:1px solid #4b4e38;background:#292c1d}
.film-awards>.mono{font-size:8px;color:#b3b891;margin-bottom:8px}
.film-awards>a{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-top:1px solid #b8be8a26}
.film-awards strong{font:400 23px/1.1 var(--serif);display:block;color:#e5e0bf}
.film-awards a>span:nth-child(2){flex:1}
.film-awards a>span:nth-child(2)>span{display:block;font-size:10px;color:#b2b69e;margin-top:6px;line-height:1.6}
.film-awards small{display:block;font-size:8px;color:#8e957e;margin-top:3px}
.award-mark{font-size:24px;color:#c9bc78;line-height:1}
.documentary-intro{padding:20px 0 30px}
.documentary-intro>.mono{font-size:8px;color:var(--accent)}
.documentary-intro h3{font:400 38px/1.1 var(--serif);margin:12px 0}
.documentary-intro>p{font-size:11px;color:var(--muted)}
#documentary-intro[hidden]{display:none}
.documentary-divider{grid-column:1/-1;color:var(--muted);font-size:8px;padding-top:25px;border-top:1px solid var(--line);width:100%}
.formats-title{padding:28px 0 10px;font:400 32px var(--serif)!important;color:var(--paper)!important}
.visible-formats .additional-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.visible-formats .studio-credit{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:760px){.visible-formats .additional-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.visible-formats h3{font-size:9px}.visible-formats p{font-size:10px}.documentary-intro h3{font-size:31px}.film-awards{padding:16px}.film-awards strong{font-size:22px}.detail-alternate-title{font-size:24px}.formats-title{font-size:28px!important}}
@media(max-width:380px){.visible-formats .additional-grid{grid-template-columns:1fr}}

/* Slow movement stays inside each fixed frame; labels and hit targets stay still.
   Individual scale/translate leave the existing hover transform independent. */
@keyframes editorial-frame-drift{
  from{scale:1.035;translate:-.8% -.35%}
  to{scale:1.085;translate:.7% .55%}
}
@keyframes editorial-quiet-drift{
  from{scale:1.015;translate:-.3% -.2%}
  to{scale:1.05;translate:.35% .3%}
}
@media(prefers-reduced-motion:no-preference){
  .project-grid.is-music-collage .project-image img{
    animation:editorial-frame-drift var(--frame-duration,36s) ease-in-out var(--frame-delay,-12s) infinite alternate;
    will-change:scale,translate;
  }
  .project-grid.is-music-collage .project-card:nth-child(4n+1){--frame-duration:32s;--frame-delay:-9s}
  .project-grid.is-music-collage .project-card:nth-child(4n+2){--frame-duration:39s;--frame-delay:-27s}
  .project-grid.is-music-collage .project-card:nth-child(4n+3){--frame-duration:29s;--frame-delay:-17s}
  .project-grid.is-music-collage .project-card:nth-child(4n+4){--frame-duration:43s;--frame-delay:-5s}
  .project-grid:not(.is-music-collage) .project-card:nth-child(-n+4) .project-image img,
  .current-art img{
    animation:editorial-quiet-drift 48s ease-in-out -14s infinite alternate;
    will-change:scale,translate;
  }
  .project-grid:not(.is-music-collage) .project-card:nth-child(2n) .project-image img{animation-delay:-32s;animation-duration:56s}
}
.project-grid .project-card:hover .project-image img,
.project-grid .project-card:focus-within .project-image img,
.current-work:hover .current-art img,
.current-work:focus-within .current-art img,
body:has(dialog[open]) .project-grid .project-image img,
body:has(dialog[open]) .current-art img,
.project-grid[hidden] .project-image img,
.project-card[hidden] .project-image img{animation-play-state:paused!important}
.motion-off .project-grid .project-image img,
.motion-off .current-art img{animation:none!important;scale:none!important;translate:none!important;will-change:auto!important}
@media(prefers-reduced-motion:reduce){
  .project-grid .project-image img,.current-art img{animation:none!important;scale:none!important;translate:none!important;will-change:auto}
}

/* The editor's name leads the introduction; the story headline stays intact. */
.hero-content{top:25%}
.hero-identity{display:grid;justify-items:start;gap:10px;letter-spacing:normal}
.hero-name{font:500 clamp(32px,3.15vw,48px)/1.1 var(--serif);letter-spacing:.005em;color:#f0ede5;text-shadow:0 2px 25px #07110a66}
.hero-profession{display:flex;align-items:center;gap:12px;font:500 9px/1.5 var(--sans);letter-spacing:.19em;text-transform:uppercase;color:#dce1d1}
.contact h2{letter-spacing:.015em;line-height:1.03}
.maker{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:28px}
.maker-symbol.asb-symbol{display:grid;place-items:center;width:54px;height:54px;align-self:center;margin:0;border:1px solid #55614c;background:#293224;color:#bdc8ab}
.asb-symbol svg{display:block;width:43px;height:43px}
.maker>div{min-width:0}
.maker p{max-width:590px;line-height:1.85}
.maker .text-link{margin-left:0;width:auto;min-width:150px}
@media(max-width:760px){
  .hero-content{top:22%}
  .hero-identity{gap:9px}
  .hero-name{font-size:34px}
  .hero-profession{font-size:8px;letter-spacing:.17em}
  .contact h2{font-size:clamp(52px,16.5vw,100px);letter-spacing:.015em}
  .maker{grid-template-columns:44px minmax(0,1fr);gap:17px 18px}
  .maker-symbol.asb-symbol{width:44px;height:44px;align-self:start;margin-top:5px}
  .asb-symbol svg{width:34px;height:34px}
  .maker .text-link{grid-column:2;margin:0;width:auto;min-width:0;justify-self:start;padding-top:13px}
}
@media(max-width:480px){
  .hero-content{top:20%}
  .hero-name{font-size:32px}
  .hero-profession{font-size:7px}
  .hero h1{font-size:52px}
}

/* The chosen atmosphere remains behind the whole portfolio without a modal. */
#ambient-world{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 1s;background:#101913;overflow:hidden}
#ambient-world .ambient-picture{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s;animation:drift 40s ease-in-out infinite alternate}
#ambient-world .ambient-picture.is-visible{opacity:1}
#ambient-world .vignette{background:linear-gradient(180deg,#08110a30,#08110a88),linear-gradient(90deg,#08110a55,transparent)}
.ambient-on #ambient-world{opacity:1}
.ambient-on main,.ambient-on .site-footer{position:relative;z-index:1}
.ambient-on .hero{background:transparent}
.ambient-on .hero-world{opacity:0}
.ambient-on main>.section-pad,.ambient-on .current-work,.ambient-on .site-footer{background:#10181099}
.ambient-on .work{background:#10181099}
.ambient-on .about,.ambient-on .maker{background:#20281baa}
.ambient-on{padding-bottom:90px}
#ambient-dock{position:fixed;z-index:45;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid #c0c8b433;border-radius:4px;background:#111c16ec;box-shadow:0 10px 50px #0006;backdrop-filter:blur(18px);max-width:calc(100% - 24px);color:var(--paper)}
#ambient-dock[hidden]{display:none}
#ambient-dock label{display:flex;align-items:center;gap:12px}
#ambient-dock [data-ambient-label]{font:500 7px var(--mono);letter-spacing:.12em;color:#abb99d}
#ambient-dock select{border:0;border-bottom:1px solid #8d99774d;border-radius:0;background:#19271f;color:var(--paper);padding:7px 21px 7px 8px;font:12px var(--sans);max-width:150px}
#ambient-dock button{font-size:9px;white-space:nowrap;padding:8px 0}
#ambient-exit{color:#c8b79b}
#ambient-dock :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.motion-off #ambient-world .ambient-picture{animation:none}
.current-art[data-project]{cursor:pointer;text-align:left;border:0}
.current-art[data-project]:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}
.current-art[data-project]>.mono{background:#0a120cbf;padding:10px}
@media(max-width:760px){#ambient-dock{width:calc(100% - 24px);display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:10px 14px;bottom:12px}#ambient-dock label{gap:8px}#ambient-dock select{font-size:11px;max-width:120px}#ambient-dock button{text-align:left}#ambient-dock [data-ambient-label]{display:none}.ambient-on{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){#ambient-world .ambient-picture{animation:none!important}#ambient-world{transition:none}}

.current-art[data-project] img{object-position:center 40%}
#project-dialog[data-project="duchove"] .detail-img{aspect-ratio:auto;max-height:72svh;object-fit:contain;background:#0b100c}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;margin-top:48px;text-align:left}
#contact-form{min-width:0}
#contact-form label{display:grid;gap:10px;font-size:10px;line-height:1.7;color:#bdc3b2}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
#contact-form input,#contact-form textarea{min-width:0;width:100%;padding:12px 0;color:var(--paper);background:transparent;border:0;border-bottom:1px solid #a4ad8e66;border-radius:0;font:13px/1.6 var(--sans)}
#contact-form textarea{resize:vertical;min-height:116px}
#contact-form input:focus-visible,#contact-form textarea:focus-visible{outline:0;border-bottom-color:var(--accent);box-shadow:0 1px var(--accent)}
.contact-submit{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:15px 20px;margin-top:25px;border:1px solid #85936c;background:#a0ad7a;color:#121c13;font-size:11px;font-weight:600;min-width:200px}
.contact-submit:hover{background:#bbc79a}
.contact-form-note,#contact-status{font-size:10px;line-height:1.8;color:var(--muted);margin-top:14px;text-align:left}
.contact-direct{padding-top:10px}
.contact-direct>p{font-size:11px;color:var(--muted);margin-bottom:18px}
.contact-direct>a:first-of-type{font:400 clamp(22px,2.2vw,34px)/1.3 var(--serif);display:block;overflow-wrap:anywhere}
.contact-direct .text-link{margin-top:30px;min-width:120px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.contact-layout{grid-template-columns:1fr;gap:36px;margin-top:32px}.contact-field-row{gap:18px}#contact-form input,#contact-form textarea{font-size:16px}.contact-direct{border-top:1px solid var(--line);padding-top:24px}.contact-direct>a:first-of-type{font-size:29px}}
@media(max-width:380px){.contact-field-row{grid-template-columns:1fr;gap:20px}.contact-submit{width:100%}}

.page-hidden .ambient-picture,.page-hidden .project-image img,.page-hidden .current-art img{animation-play-state:paused!important}

/* Two real projects, each with its own official mark and destination. */
.maker{display:block;padding-top:52px;padding-bottom:52px}
.maker-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px;align-items:end;margin-bottom:32px}
.maker-intro>.mono{grid-column:1/-1}
.maker-intro h3{font:400 36px/1.15 var(--serif);margin:0}
.maker-intro p{margin:0;font-size:11px;color:var(--muted)}
.maker-projects{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.maker-project{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:30px 28px 30px 0}
.maker-project+.maker-project{padding-left:30px;border-left:1px solid var(--line)}
.maker-project>img{width:52px;height:52px;object-fit:contain}
.maker-project h4{font:400 30px/1.2 var(--serif);margin:0 0 9px}
.maker-project p{font-size:11px;color:var(--muted);max-width:420px;margin-bottom:18px}
.maker-project span{font-size:9px;letter-spacing:.03em;color:#d7debc}
.maker-project:hover h4{color:var(--accent)}
.maker-project:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:760px){.maker-intro{grid-template-columns:1fr;gap:14px}.maker-intro h3{font-size:30px}.maker-projects{grid-template-columns:1fr}.maker-project{padding:25px 0;grid-template-columns:44px minmax(0,1fr);gap:18px}.maker-project+.maker-project{padding:25px 0;border-left:0;border-top:1px solid var(--line)}.maker-project>img{width:44px;height:44px}.maker-project h4{font-size:27px}.maker-project p{font-size:11px}}

.studio-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:15px}.studio-links a{font-size:12px;padding:6px 0;border-bottom:1px solid #89916d55}.studio-links a:hover{color:var(--accent);border-color:var(--accent)}.studio-links small{font-size:7px;color:var(--muted);margin-left:5px}

.contact-submit:disabled{opacity:.65;cursor:wait}.contact-submit:disabled:hover{background:#a0ad7a}