/* ON / phase two — refinements to the existing portfolio. */
:root{--bg:#0b0b0d;--text:#f5f3ef;--muted:#a7a5a2;--accent:#ff7a1a;--amber:#ffc078;--line:#34353a;--space:clamp(70px,8vw,124px)}
::selection{background:#ff7a1a;color:#0b0b0d}body{background:var(--bg)}.nav{background:#0b0b0df2}.nav .brand img{width:204px}.nav .nav-contact{color:var(--text);border-color:#55565c}.nav .nav-contact:hover{color:var(--accent);border-color:var(--accent)}.nav a{transition:color .2s,border-color .2s}.primary,.contact .primary{background:var(--accent);color:#0b0b0d;font-weight:600}.primary:hover,.contact .primary:hover{background:var(--amber);color:#0b0b0d}.button{border-radius:0}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}
.hero{padding-top:30px}.hero-composition{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(35px,5vw,80px);align-items:center;margin-top:35px}.hero-copy{padding:24px 0}.on-signature{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:var(--text)}.on-signature img{width:26px;height:26px;animation:on-arrive .7s ease both}.hero h1{font-size:clamp(60px,7.6vw,108px);line-height:.98;letter-spacing:-.065em;margin:28px 0 30px;animation:headline-arrive .8s ease both}.hero h1 em{color:var(--text)}.hero-bottom{display:block}.hero-bottom>p{max-width:450px;font-size:15px;line-height:1.8}.hero-actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:24px;margin-top:28px;flex-wrap:wrap}.hero-visual{position:relative;background:var(--surface,#1b1c20);overflow:hidden}.hero-visual>img{height:540px;width:100%;object-fit:contain;background:#111114}.hero-visual figcaption{position:relative;padding:16px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:10px}.hero-visual figcaption>span:first-child{color:var(--text);font-size:9px;letter-spacing:.12em}.hero-index{margin-top:40px;gap:30px}.hero-index a{min-height:32px;display:flex;align-items:center}.hero-index a:hover{color:var(--accent)}
.section-head{margin-bottom:55px}.section-head .eyebrow{letter-spacing:.15em}.editorial{gap:35px 58px}.photo-1{padding-top:90px}.photo-2{max-width:88%;margin-top:8px}.photo figcaption{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.zoom{background:#0b0b0dd9}.photo-open{background:#1b1c20}.portraits summary{min-height:76px}.portraits summary:hover{color:var(--accent)}.reels{gap:35px}.reel-stage{border:1px solid #34353a;border-radius:0}.reel:nth-child(2){margin-top:38px}.reel-cover{background:linear-gradient(155deg,#303137,#111114 75%)}.reel-cover strong{font-weight:600;font-size:clamp(26px,3vw,43px);text-wrap:balance}.reel-cover img{opacity:.68}.reel-number{color:var(--text);background:#0b0b0dbb;padding:8px;width:fit-content}.play{background:var(--text);transition:background .2s,transform .2s}.reel-open:hover .play{background:var(--accent);transform:scale(1.04)}.reel-action{background:#0b0b0de6}.reel h3{font-size:23px}.services{background:#151519}.service{border-color:#414247}.service>.eyebrow{color:var(--accent)}
.production-card{background:#151519;border-color:var(--line);grid-template-columns:1.05fr 1fr;min-height:440px;flex-basis:85%}.card-image{padding:40px 22px 22px;background:#1b1c20;overflow:hidden;isolation:isolate}.card-image img{position:relative;z-index:1;height:380px}.card-index{z-index:2;font-size:9px}.card-copy{padding:36px}.card-copy h3{font-size:clamp(27px,3vw,40px);text-wrap:balance;overflow-wrap:normal}.card-copy .eyebrow{color:var(--muted);font-size:10px}.explore-project{border-color:var(--accent)}.explore-project span{color:var(--accent);transition:transform .25s}.explore-project:hover span{transform:translate(4px,-4px)}.film-cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(24px,3vw,44px);font-weight:700;letter-spacing:-.04em;color:#a7a5a2;background:linear-gradient(160deg,#303137,#111114);padding:20px}.carousel-controls button{background:#1b1c20;border-color:#414247}.carousel-controls button:hover{background:#303137;border-color:var(--accent)}.carousel-position{color:var(--accent)}.carousel-dots span{background:#68686d}.carousel-dots [aria-current=true] span{background:var(--accent)}.carousel-dots{margin-bottom:40px}.portfolio-cta{margin-top:18px}
.project-dialog{background:var(--bg);border-color:#414247;padding:78px 38px 35px;border-radius:0}.project-dialog[open]{animation:project-enter .25s ease-out}.project-dialog::backdrop{background:#050507ed;backdrop-filter:blur(5px)}.project-dialog>.dialog-close{background:#1b1c20;border-color:#55565c;top:-66px}.project-dialog>.dialog-close:hover{border-color:var(--accent)}.project-dialog .project-head h3{font-size:clamp(28px,3vw,42px)}.project-head h3 em{color:var(--muted)}.project-dialog .project-info{gap:35px}.culture-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-bottom:32px}.culture-intro .project-head{margin:0}.culture-intro figure{max-width:255px;justify-self:end}.culture-intro img{width:100%;height:310px;object-fit:contain}.culture-intro figcaption{font-size:11px;color:var(--muted);margin-top:12px}.culture-description{display:block!important;max-width:730px}.duki-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.duki-gallery figure{min-width:0}.duki-gallery img{width:100%;height:460px;object-fit:contain;background:#151519}.duki-gallery figcaption{font-size:12px;line-height:1.6;padding-top:13px;color:var(--muted)}.duki-gallery figcaption span{display:block}.duki-gallery figcaption span:first-child{color:var(--text)}.duki-role{display:block!important;max-width:750px}.media-selector button{background:#1b1c20;border-color:#414247}.media-selector button[aria-pressed=true]{color:var(--amber);border-color:var(--accent)}.project-dialog .film{background:#1b1c20}.footer-identity .brand-motto{color:var(--text)}.contact{background:#1b1c20;color:var(--text);position:relative}.contact .eyebrow,.contact p{color:var(--muted)}.contact h2 em{color:var(--text)}.contact h2{font-size:clamp(64px,9vw,130px)}footer{padding-block:44px}
@keyframes on-arrive{from{opacity:0;transform:scale(.85) rotate(-15deg)}to{opacity:1;transform:none}}@keyframes headline-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes project-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card-image img{transition:transform .6s}.production-card:hover .card-image img{transform:scale(1.012)}}
@media(max-width:1000px){.hero-composition{gap:28px}.hero h1{font-size:70px}.hero-visual>img{height:490px}.hero-actions{gap:18px}.hero .button{padding-inline:17px;font-size:12px}.card-copy{padding:25px}.duki-gallery img{height:390px}}
@media(max-width:700px){.hero-composition{grid-template-columns:1fr;gap:30px;margin-top:25px}.hero-copy{padding:0}.hero h1{font-size:clamp(59px,12.5vw,82px);margin:24px 0}.hero-visual>img{height:390px}.hero-visual figcaption{padding:14px}.hero-bottom>p{max-width:none}.hero-actions{margin-top:24px}.hero-index{margin-top:26px}.culture-intro{grid-template-columns:1fr 1fr;gap:20px}.culture-intro img{height:260px}.duki-gallery img{height:330px}}
@media(max-width:600px){.nav .brand img{width:143px}.nav nav{gap:10px}.nav{padding-inline:16px}.nav .nav-contact{padding:10px 8px}.hero>.eyebrow{font-size:8px}.hero .on-signature{font-size:9px;letter-spacing:.1em}.hero .hero-bottom>p{font-size:14px}.hero-actions{gap:20px}.hero .button{font-size:12px}.hero-visual>img{height:365px}.hero-index{gap:9px;font-size:8px}.section-head{margin-bottom:32px}.editorial{gap:26px 16px}.photo-1{padding:0}.photo-2{max-width:100%;margin-top:40px}.photo figcaption{font-size:12px}.photo figcaption small{font-size:10px}.reels{max-width:350px;gap:42px}.reel:nth-child(2){margin:0}.reel-cover strong{font-size:38px}.production-card{display:flex;flex-basis:89%;min-height:0}.card-image img{height:265px}.card-copy{padding:24px 20px;min-height:250px}.card-copy h3{font-size:28px}.card-copy .eyebrow{font-size:9px}.film-cover-fallback{font-size:31px}.project-dialog{padding-inline:16px}.project-dialog .project-head h3{font-size:28px}.culture-intro{grid-template-columns:1fr;gap:24px}.culture-intro figure{max-width:none;width:100%;justify-self:stretch}.culture-intro img{height:280px}.duki-gallery{grid-template-columns:1fr;gap:26px}.duki-gallery img{height:auto;max-height:470px}.project-dialog .project-info{margin-top:28px}.project-dialog>.dialog-close{top:-66px}.contact h2{font-size:clamp(58px,13vw,78px)}.footer-identity img{width:205px}}
@media(max-width:360px){.nav .brand img{width:117px}.nav nav{gap:8px;font-size:10px}.hero h1{font-size:54px}.hero-index{font-size:7px}.hero-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.photo-open:hover img,.production-card:hover .card-image img{transform:none}}

/* Focused navigation and spacing refinements. */
.button{min-height:48px;padding:14px 20px}.contact-bottom{flex-wrap:wrap}.contact-email{margin-left:auto}.carousel-controls button{width:44px;height:44px;min-width:44px;background:transparent;border-color:var(--line)}
#producciones{padding-bottom:48px}#sobre{padding-top:48px}.portfolio-cta{padding-top:32px}.portfolio-cta .button{background:transparent;color:var(--text);border-bottom:1px solid var(--accent);padding-inline:0}.portfolio-cta .button:hover{color:var(--amber);background:transparent}
@media(max-width:600px){#producciones{padding-bottom:28px}#sobre{padding-top:28px;padding-bottom:40px}.carousel-controls>div{display:none}.carousel-controls{margin-bottom:16px}.carousel-dots{margin-bottom:25px}.contact-email{margin-left:0;margin-top:15px;display:table}.portfolio-cta h3{margin-bottom:18px}.portfolio-cta p{margin-bottom:16px}.button{min-height:48px;padding:13px 18px}}