:root{color-scheme:dark;--bg:#10100f;--surface:#1b1b19;--text:#eae7e0;--muted:#a5a39c;--accent:#c7b49b;--line:#30302d;--font:'Helvetica Neue',Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img,video{max-width:100%;display:block}svg{width:20px;height:20px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}.wrap{width:min(100% - 112px,1248px);margin-inline:auto}.skip-link{position:fixed;left:20px;top:-80px;background:var(--text);color:var(--bg);padding:12px 20px;z-index:30}.skip-link:focus{top:20px}.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:500;letter-spacing:-.5px}.wordmark svg{width:29px;height:27px;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;fill:none}.wordmark-period{color:var(--accent)}nav{display:flex;gap:37px;font-size:14px}nav a{padding-block:12px;transition:color .2s}nav a:hover{color:var(--accent)}nav a span{margin-left:7px;color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 292px;gap:100px;align-items:center;padding-top:70px;padding-bottom:76px}.hero-copy{max-width:630px}.eyebrow,.section-index{display:block;font-size:12px;letter-spacing:1.6px;line-height:1.4;color:var(--muted)}.eyebrow{margin-bottom:24px;color:var(--accent)}h1{font-size:clamp(34px,3.5vw,49px);letter-spacing:-1.8px;line-height:1.17}h1>span{color:#a8a69f}.intro{max-width:495px;color:var(--muted);font-size:16px;line-height:1.8;margin-top:23px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;border-radius:2px;padding:11px 20px;font-size:14px;transition:background .2s,color .2s,border-color .2s}.button-outline{border:1px solid #666156;background:transparent}.button-outline:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}.text-link{font-size:14px;color:#c2beb5;padding-block:12px}.text-link span{margin-left:10px;color:var(--accent);display:inline-block;transition:transform .2s}.text-link:hover span{transform:translateY(4px)}.location{font-size:12px;letter-spacing:.2px;color:#95928b;margin-top:31px}.location span{padding-inline:8px}.portrait{width:100%;justify-self:end}.portrait>img{width:100%;height:310px;object-fit:cover;filter:none}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section-heading .section-index{margin-bottom:12px}h2{font-size:31px;line-height:1.25;letter-spacing:-.9px}.side-note{font-size:13px;color:var(--muted);padding-bottom:3px}.brands{padding-block:45px 54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:65px}.brands p{font-size:12px;color:var(--muted);max-width:125px;line-height:1.6}.brands ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:42px;flex:1;color:#a5a198}.brand-marvel{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:24px;letter-spacing:-.7px}.brand-hp{font-size:31px;font-weight:600;font-style:italic;letter-spacing:-3px;padding-right:3px}.brand-google{font-size:24px;font-weight:500;letter-spacing:-1px}.brand-montagne{font-size:16px;font-weight:600;letter-spacing:1.5px}.portfolio-section{padding-block:76px 87px}.heading-period{color:var(--accent)}.sample-note{font-size:12px;color:var(--muted);margin-top:-10px;margin-bottom:30px}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:43px 28px}.project-card{min-width:0}.project-open{display:block;width:100%;padding:0;background:transparent;text-align:left}.project-image{aspect-ratio:1.65;position:relative;overflow:hidden;background:var(--surface)}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .5s}.project-open:hover .project-image>img{transform:scale(1.045);filter:brightness(.85)}.project-image .project-number{position:absolute;top:17px;left:19px;font-size:12px;color:#fff;opacity:.8;text-shadow:0 1px 8px #000}.project-image .project-play{position:absolute;bottom:20px;right:20px;width:39px;height:39px;border-radius:50%;background:#10100f50;backdrop-filter:blur(6px);border:1px solid #fff6;display:grid;place-items:center;transition:background .2s}.project-play svg{fill:#fff;width:15px;height:15px;margin-left:2px}.project-open:hover .project-play{background:#10100fbb}.project-caption{padding-top:17px}.project-title-line{display:flex;align-items:start;justify-content:space-between;gap:16px}.project-title-line h3{font-size:20px;line-height:1.4;letter-spacing:-.3px}.project-title-line>span{font-size:19px;color:var(--accent)}.project-subtitle{color:var(--muted);font-size:13px;margin-top:3px}.project-description{font-size:14px;line-height:1.65;color:#a7a39b;margin-top:10px}.project-role{font-size:12px;color:var(--accent);margin-top:8px}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:67px 71px;display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about-label .section-index{margin-bottom:22px}.about-label h2{font-size:30px;line-height:1.35}.about-copy>p{color:#c1bdb4;font-size:16px;line-height:1.9}.services{list-style:none;padding:23px 0 0;margin:0;display:flex;flex-wrap:wrap;column-gap:20px;row-gap:7px;color:#9e998e;font-size:12px}.services li{white-space:normal}.contact-section{padding-block:78px 82px;display:flex;justify-content:space-between;gap:45px;align-items:center}.contact-section .section-index{margin-bottom:24px}.contact-section h2{font-size:clamp(31px,3.5vw,43px);letter-spacing:-1.5px}.contact-section h2 span{color:var(--accent)}.contact-section p{font-size:15px;color:var(--muted);margin-top:17px}.email-link{display:inline-block;font-size:15px;color:var(--accent);border-bottom:1px solid #746b5c;margin-top:18px;line-height:1.7}.contact-actions{text-align:right;padding-top:30px}.button-solid{background:var(--accent);color:#171613;min-width:163px;border:1px solid var(--accent)}.button-solid:hover{background:#e1d5c2;border-color:#e1d5c2}.socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-top:24px;font-size:13px;color:#a5a198}.socials a:hover{color:var(--text)}[aria-disabled=true]{cursor:default}.socials [aria-disabled=true]{color:#a29b8f}.contact-section .contact-pending{font-size:12px;color:#9d978b;margin-top:11px}.site-footer{border-top:1px solid var(--line);padding-block:24px 31px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#938f85}.site-footer a span{margin-left:12px;color:var(--accent)}dialog{color:var(--text);background:#171715;border:1px solid #38362f;padding:0;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#050504e8;backdrop-filter:blur(10px)}.project-dialog{width:min(100% - 48px,1000px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 21px}.close-dialog{display:grid;place-items:center;background:transparent;width:44px;height:44px;color:var(--text)}.close-dialog svg{stroke:currentColor;stroke-width:1.4;fill:none}.close-dialog:hover{background:#ffffff0c}.project-player{aspect-ratio:16/9;background:#000;position:relative}.project-player video,.project-player iframe{width:100%;height:100%;border:0;object-fit:contain}.project-detail-copy{padding:28px 33px 36px}.demo-label{font-size:12px;letter-spacing:1px;color:var(--accent)}.project-detail-copy h2{margin-top:10px;font-size:31px}.project-detail-copy>p{font-size:15px;color:var(--muted);margin-top:10px;max-width:710px}.project-facts{display:grid;grid-template-columns:1.1fr .8fr 1fr 1.4fr;gap:24px;margin:26px 0 0;padding-top:25px;border-top:1px solid var(--line)}.project-facts dt{font-size:12px;color:var(--muted);margin-bottom:7px}.project-facts dd{font-size:14px;line-height:1.6;margin:0}.contact-dialog{width:min(100% - 36px,470px);padding:8px 24px 34px}.contact-dialog .dialog-top{padding-inline:0}.contact-dialog h2{font-size:30px;margin-top:9px}.contact-dialog p{color:var(--muted);margin-block:18px 24px}.media-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#191917;gap:12px;padding:25px;color:var(--muted);font-size:14px}.media-error a{color:var(--accent);text-decoration:underline}
@media(min-width:1500px){.hero{padding-block:82px 88px;gap:120px;grid-template-columns:1fr 320px}}
@media(max-width:1000px){.wrap{width:calc(100% - 72px)}.hero{gap:55px;grid-template-columns:1fr 240px;padding-block:60px}.hero-actions{gap:18px}h1{font-size:39px}.brands{gap:35px}.brands ul{gap:28px}.about-section{gap:45px}.contact-section{gap:28px}.side-note{font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:84px}.wordmark{font-size:16px;gap:9px}.wordmark svg{width:23px}nav{gap:22px;font-size:13px}.hero{grid-template-columns:1fr 155px;gap:30px;padding-block:48px}.hero-copy{min-width:0}.eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:20px}h1{font-size:34px;letter-spacing:-1.3px}.intro{font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:7px 20px;margin-top:25px}.location{font-size:12px;margin-top:23px}.section-heading{margin-bottom:22px}.section-heading .section-index{font-size:12px}h2{font-size:27px}.side-note{display:none}.brands{display:block;padding-block:31px 35px}.brands p{max-width:none;margin-bottom:18px}.brands ul{gap:25px}.brand-marvel{font-size:23px}.brand-google{font-size:22px}.brand-montagne{font-size:13px}.portfolio-section{padding-block:52px 60px}.projects-grid{gap:33px 21px}.project-title-line h3{font-size:18px}.project-description{font-size:13px}.project-role{font-size:12px}.about-section{padding-block:45px;grid-template-columns:1fr;gap:24px}.about-label h2{font-size:28px}.about-label h2 br{display:none}.about-copy>p{font-size:15px}.services{padding-top:18px}.contact-section{padding-block:50px;align-items:flex-start;flex-direction:column;gap:15px}.contact-section h2{font-size:34px;letter-spacing:-1.2px}.contact-actions{text-align:left;padding-top:5px}.socials{justify-content:flex-start}.site-footer{flex-wrap:wrap;font-size:12px;padding-block:22px}.site-footer>span:nth-child(2){display:none}.project-facts{grid-template-columns:1fr 1fr;gap:20px}.project-detail-copy{padding:24px}.project-dialog{width:calc(100% - 24px)}.project-detail-copy h2{font-size:26px}}
@media(max-width:540px){.hero{grid-template-columns:1fr;gap:30px;padding-block:39px 43px;position:relative}.hero-copy{width:100%}.portrait{justify-self:start;width:100%;display:flex;align-items:center;gap:17px}h1{font-size:35px}.eyebrow{font-size:12px}.hero-actions{gap:18px}.button{padding-inline:16px}.text-link{font-size:13px}.location{font-size:12px}.section-index{font-size:12px}.brands ul{gap:17px}.brand-marvel{font-size:21px}.brand-hp{font-size:29px}.brand-google{font-size:20px}.brand-montagne{font-size:12px;letter-spacing:1px}.projects-grid{grid-template-columns:1fr;gap:32px}.project-image{aspect-ratio:1.65}.project-title-line h3{font-size:20px}.project-description{font-size:14px}.project-role{font-size:12px}.sample-note{font-size:12px;max-width:320px}.contact-section h2{font-size:32px}.contact-section .section-index{margin-bottom:18px}.contact-section p{font-size:14px}.project-detail-copy{padding:20px}.project-facts{gap:18px}.project-facts dd{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:540px){.brand-montagne{letter-spacing:.4px}.contact-section h2{font-size:31px}}
@media(max-width:380px){.wordmark{font-size:14px;gap:7px}.wordmark svg{width:20px}nav{font-size:12px;gap:14px}nav a span{margin-left:3px}}

/* Disposición del inicio y del portfolio. */
.portrait>img{height:350px;object-position:50% 52%}.portfolio-section{padding-top:24px;padding-bottom:50px}.brands{padding-top:0;padding-bottom:48px;border-bottom:0}.about-section{margin-top:0}
@media(min-width:1500px){.portrait>img{height:375px}}
@media(max-width:1000px){.portrait>img{height:300px}h1{font-size:36px}}
@media(max-width:760px){.portrait>img{height:230px}h1{font-size:31px}.portfolio-section{padding-top:12px}}
@media(max-width:540px){h1{font-size:33px}.portrait{gap:20px}.portrait>img{width:118px;height:145px;flex-basis:118px;object-position:50% 49%}.hero{padding-bottom:35px}.brands{padding-bottom:36px}}

/* Fotografía original integrada al fondo: fundido de bordes, sin corrección de piel. */
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:550px;padding-block:78px 82px;gap:0}
.hero-copy{position:relative;z-index:2;width:57%;max-width:660px}
.hero .portrait{position:absolute;top:0;bottom:0;right:-24px;width:61%;height:100%;display:block;margin:0;overflow:hidden;z-index:0;pointer-events:none;background:none;border:0;border-radius:0;box-shadow:none}
.hero .portrait>img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 48%;filter:none;border:0;border-radius:0}
.hero .portrait::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,#10100f 0%,rgba(16,16,15,.96) 7%,rgba(16,16,15,.64) 20%,rgba(16,16,15,.18) 34%,transparent 45%,transparent 84%,#10100f 100%),linear-gradient(180deg,#10100f 0%,rgba(16,16,15,.25) 10%,transparent 19%,transparent 72%,rgba(16,16,15,.65) 91%,#10100f 100%)}
.hero .intro{max-width:475px}
@media(min-width:1500px){.hero{min-height:580px;padding-block:88px}.hero .portrait{right:-40px;width:63%}}
@media(max-width:1000px){.hero{min-height:510px;padding-block:62px}.hero-copy{width:60%}.hero .portrait{right:-16px;width:64%}.hero h1{font-size:36px}.hero .intro{max-width:420px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:0;padding-bottom:44px}.hero-copy{order:2;max-width:none;width:100%;margin-top:-22px}.hero .portrait{order:1;position:relative;inset:auto;width:calc(100% + 40px);height:310px;margin-inline:-20px;flex:none}.hero .portrait>img{width:100%;height:100%;flex:none;object-position:50% 44%}.hero .portrait::after{background:linear-gradient(90deg,#10100f 0%,rgba(16,16,15,.5) 7%,transparent 22%,transparent 78%,rgba(16,16,15,.5) 93%,#10100f 100%),linear-gradient(180deg,#10100f 0%,transparent 17%,transparent 65%,rgba(16,16,15,.7) 85%,#10100f 100%)}.hero .intro{max-width:560px}.hero h1{font-size:34px}}
@media(max-width:540px){.hero .portrait{height:290px}.hero-copy{margin-top:-17px}.hero h1{font-size:33px}.hero .location{max-width:310px}.contact-section h2{font-size:32px}}
@media(min-width:761px){.hero .portrait>img{transform:translateX(8%)}}

/* Navegación del portfolio por marca o artista. */
.portfolio-tabs{display:flex;gap:28px;align-items:center;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#62594a transparent;border-bottom:1px solid var(--line);margin-top:33px;padding-bottom:0;overscroll-behavior-x:contain}
.portfolio-tab{flex:0 0 auto;position:relative;padding:14px 1px 17px;background:transparent;color:var(--muted);font-size:15px;line-height:1.5;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.portfolio-tab:hover{color:var(--text)}.portfolio-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.portfolio-tab:focus-visible{outline-offset:-3px}.tab-count{font-size:12px;opacity:.68;margin-left:8px;font-variant-numeric:tabular-nums}.portfolio-results{outline-offset:6px}.project-count{font-size:12px;line-height:1.6;color:var(--muted);margin:21px 0 27px}.project-image{aspect-ratio:16/9}.project-card[hidden]{display:none}.project-facts:empty{display:none}.project-detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.project-brand{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent)}.external-video{font-size:13px;color:var(--muted)}.external-video:hover{color:var(--accent)}.external-video span{margin-left:8px}.portfolio-empty{min-height:210px;padding:40px 0;color:var(--muted)}.portfolio-empty h3{font-size:23px;color:var(--text);margin-bottom:9px}.portfolio-empty p{font-size:15px}.thumbnail-fallback{position:absolute;inset:0;display:grid;place-items:center;background:#1d1d1a;color:var(--accent);font-size:16px;letter-spacing:.5px}.thumbnail-fallback[hidden]{display:none}
@media(max-width:760px){.portfolio-tabs{gap:24px;margin-top:23px}.portfolio-tab{font-size:14px;padding-bottom:14px}.project-count{margin:18px 0 23px}.project-detail-top{gap:12px}.external-video{font-size:12px}}

/* Los videos verticales conservan todo su encuadre. */
.project-player.is-vertical{aspect-ratio:auto;height:min(72vh,760px);height:min(72svh,760px)}

/* Selector de idioma integrado en la navegación. */
.header-actions{display:flex;align-items:center;gap:30px}
.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0}
.language-option{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:40px;padding:7px 2px;font-size:14px;line-height:1;border-bottom:1px solid transparent;color:var(--muted);transition:color .2s,border-color .2s}
.language-option:hover{color:var(--text)}
.language-option[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
.language-divider{font-size:12px;color:#6e6b65}
@media(max-width:760px){.header-actions{gap:23px}}
@media(max-width:600px){.site-header{flex-wrap:wrap;gap:8px;padding-block:18px 10px}.site-header>.wordmark{width:100%}.header-actions{width:100%;justify-content:space-between;gap:20px}.header-actions nav{font-size:14px;gap:25px}.language-option{min-width:35px}}