/* Gráficos de interfaz propios: evita que iOS convierta controles en emojis. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.14em;color:currentColor;line-height:0;transition:transform .35s cubic-bezier(.2,.7,.25,1)}
.ui-icon svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ui-icon[data-icon="play"] svg{fill:currentColor;stroke:none}.ui-icon[data-icon="pause"] svg{stroke-width:2.2}.ui-icon[data-icon="close"] svg,.ui-icon[data-icon="minus"] svg{stroke-width:1.5}
:is(a,button):is(:hover,:focus-visible) .ui-icon[data-icon^="arrow"]{transform:translate(.14em,-.14em)}:is(a,button):is(:hover,:focus-visible) .ui-icon[data-icon="arrow-right"]{transform:translateX(.18em)}:is(a,button):is(:hover,:focus-visible) .ui-icon[data-icon="arrow-left"]{transform:translateX(-.18em)}:is(a,button):is(:hover,:focus-visible) .ui-icon[data-icon="arrow-down"]{transform:translateY(.18em)}
@media(max-width:760px),(hover:none){.story-card.is-mobile-active .story-image{transform:translateY(-3px)}.story-card.is-mobile-active .story-arrow .ui-icon,.project.is-mobile-active .project-play .ui-icon{transform:translate(.12em,-.12em)}.stories-toolbar>.eyebrow:after{content:" · AUTOMÁTICO";opacity:.55}}
@media(prefers-reduced-motion:reduce){.ui-icon{transition:none!important}}
@font-face{font-family:DistropikDisplay;src:url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{--paper:#eee7d8;--ink:#181712;--amber:#d6ad6e;--muted:#a49b89;--line:rgba(238,231,216,.27);--display:DistropikDisplay,Impact,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button,a,img{-webkit-user-drag:none}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;background:var(--paper);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:20px}[hidden]{display:none!important}
/* Opening frame: the identity and the image share the whole screen. */
.header{position:absolute;left:0;top:calc(100svh - 63px);width:100%;padding:0 28px;min-height:36px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--paper)}.small-logo{display:none}.header-note{font:9px/1.5 monospace;letter-spacing:1px}.header-note>span{color:#e9dfcdad;font-size:8px}.header nav{display:flex;align-items:center;gap:35px}.header nav a,.header nav button{font:800 20px/1 var(--display);text-transform:uppercase;padding:4px 0}.header nav sup{font:8px monospace;color:var(--amber);vertical-align:top;margin-left:2px}.header nav button span{margin-left:15px;font:18px Arial}.header nav a:hover,.header nav button:hover{color:var(--amber)}.menu-toggle{display:none}.hero{height:100svh;min-height:700px;position:relative;isolation:isolate;overflow:hidden;background:#3d3526}.film,.shade,.grain{position:absolute;inset:0}.film{z-index:-1}.film video{height:100%;width:100%;object-fit:cover;transform:scale(1.11);filter:saturate(.9) sepia(.07)}.shade{background:linear-gradient(90deg,transparent 45%,#100e093d 100%),linear-gradient(180deg,#0e0b071c 0%,#12100a0a 38%,#15110b3b 62%,#100e09b3 100%)}.grain{opacity:.075;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-frame{position:relative;height:100%}.hero h1{margin:0;position:absolute;left:23px;right:23px;top:23px;font-size:0;line-height:0}.hero h1 img{width:100%;height:auto;display:block;opacity:.96}.hero-index{position:absolute;right:25px;bottom:133px;display:flex;flex-direction:column;align-items:flex-end;gap:0}.hero-index a{font:800 clamp(74px,8vw,145px)/.85 var(--display);letter-spacing:-1.5px;-webkit-text-stroke:1.15px #ead0a0;color:transparent;display:flex;align-items:center;gap:13px;transition:color .25s,-webkit-text-stroke .25s}.hero-index a:hover,.hero-index a:focus-visible{color:var(--paper);-webkit-text-stroke:1px var(--paper)}.hero-index a>span{font:9px monospace;letter-spacing:0;-webkit-text-stroke:0;color:var(--amber);align-self:flex-start;margin-top:9px}.hero-index a>sup{font:23px Arial;-webkit-text-stroke:0;color:var(--amber);margin-left:6px;opacity:0;transform:translate(-8px,8px);transition:opacity .2s,transform .2s}.hero-index a:hover>sup,.hero-index a:focus-visible>sup{opacity:1;transform:none}.hero-bottom{position:absolute;left:28px;bottom:145px;display:flex;flex-direction:column;gap:25px;align-items:flex-start}.eyebrow{font:9px/1.7 monospace;letter-spacing:1px}.hero-bottom .eyebrow{font-size:8px;letter-spacing:1.3px;margin:0 0 15px}.rec-dot{display:inline-block;width:5px;height:5px;background:var(--amber);border-radius:50%;margin-right:8px;margin-bottom:1px}.hero-copy{font:800 42px/.9 var(--display);letter-spacing:-.7px;margin:0}.play{display:flex;align-items:center;gap:12px;padding:0}.play-circle{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:9px;padding-left:2px;transition:background .2s,color .2s}.play>span:last-child{font:9px monospace;letter-spacing:.8px}.play:hover .play-circle{background:var(--paper);color:var(--ink)}.arrow{display:inline-block;font:18px Arial;margin-left:12px}.hero-footer{position:absolute;left:28px;right:28px;bottom:86px;display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:.7px;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px}.scroll-link span{margin-left:15px;font-size:15px;display:inline-block}.scene-info{display:flex;gap:16px}.scene-info span:first-child{color:var(--amber)}.transport{display:flex;gap:15px;align-items:center}.transport>span{color:var(--amber)}.transport button{font:18px Arial;min-width:25px;min-height:25px;padding:0}.timeline{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#ffffff10}.timeline span{height:100%;width:0;background:var(--amber);display:block}
/* Work: generous scale, open captions, no card frames. */
.intro{background:var(--paper);color:var(--ink);padding:55px 28px 70px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px monospace;letter-spacing:1px}.intro .section-top{border-bottom:1px solid #18171236;padding-bottom:15px}.intro-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:30px 0 42px}h2{margin:0;font:800 clamp(60px,10vw,170px)/.85 var(--display);letter-spacing:-2px}.intro-heading h2{font-size:clamp(90px,13.7vw,230px);white-space:nowrap;letter-spacing:-3px}.intro-heading h2>sup{font:11px monospace;letter-spacing:0;vertical-align:top;position:relative;top:9px;left:12px}.title-period{color:#a5723d}.intro-heading p{font:10px/1.8 monospace;letter-spacing:.5px;margin:0 6px 6px 0;max-width:240px}.portfolio-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #18171236;border-bottom:1px solid #18171236;padding:16px 0;margin-bottom:28px}.format-switch,.filters{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.format-switch button{font:800 17px var(--display);letter-spacing:.2px;padding:0;opacity:.42}.format-switch button.active{opacity:1}.filters{gap:16px}.filters button{font:9px monospace;text-transform:uppercase;letter-spacing:.4px;padding:4px 0;opacity:.5;position:relative}.filters sup{font-size:7px;margin-left:3px}.filters button.active{opacity:1}.filters button.active::after{content:'';height:1px;background:var(--ink);position:absolute;bottom:0;left:0;right:0}.filters button:hover,.format-switch button:hover{opacity:1}#project-count{font-size:8px;color:#6d6658;white-space:nowrap}.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 26px}.project{grid-column:span 6;text-align:left;padding:0;width:100%;min-width:0;align-self:start}.project:nth-child(6n+3){grid-column:span 5;width:90%;justify-self:end}.project:nth-child(6n+4){grid-column:span 7;padding-top:95px}.project:nth-child(6n+5){grid-column:span 7}.project:nth-child(6n+6){grid-column:span 5;width:90%;padding-top:80px}.project-image{aspect-ratio:16/10;position:relative;overflow:hidden;background:#d2c8b5}.project[data-media="gallery"] .project-image{aspect-ratio:4/5}.project-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform 1s cubic-bezier(.2,.65,.3,1),filter .5s}.project:hover .project-image img{transform:scale(1.025);filter:saturate(1)}.project-number{position:absolute;top:14px;left:15px;font:8px monospace;letter-spacing:.5px;color:var(--paper);text-shadow:0 1px 8px #000}.project-format{position:absolute;bottom:14px;left:15px;color:var(--paper);font:8px monospace;letter-spacing:.5px;text-shadow:0 1px 8px #000}.project-play{position:absolute;right:17px;bottom:13px;font:23px Arial;color:var(--paper);text-shadow:0 1px 8px #000;opacity:.85;transition:transform .3s}.project:hover .project-play{transform:translate(3px,-3px);opacity:1}.project-caption{margin-top:13px}.project-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.project-caption h3{font:800 clamp(27px,3.1vw,50px)/1 var(--display);letter-spacing:-.6px;margin:0;text-transform:uppercase}.project-title-row>span{font:8px monospace;letter-spacing:.5px;white-space:nowrap;color:#6d6451}.project-caption>p{font:8px monospace;letter-spacing:.5px;text-transform:uppercase;color:#6d6451;margin:8px 0 0}.portfolio-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:65px;padding-top:22px;border-top:1px solid #18171236}.portfolio-end a{font:800 22px var(--display)}.portfolio-end a span{margin-left:18px}.empty-state{grid-column:1/-1;font:18px/1.7 Arial;margin:30px 0 60px}
/* Studio: a large statement and photographs from the set. */
.studio{background:var(--ink);color:var(--paper);padding:75px 28px 85px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.studio-image{align-self:stretch;min-height:650px}.studio-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.7) sepia(.08)}.studio-copy{padding-top:3px}.studio-copy .eyebrow{color:var(--amber);margin:0 0 35px}.studio-copy h2{font-size:clamp(90px,10.5vw,180px);line-height:.82;margin-bottom:35px;letter-spacing:-2px}.studio-copy h2>span{color:transparent;-webkit-text-stroke:1px var(--amber)}.studio-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:340px;color:#c7beab}.studio-copy a{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.7px;border-top:1px solid var(--line);padding-top:17px;margin-top:30px}.studio-copy a span{font-size:18px}.process{padding:55px 28px 70px;background:#d4c8b0;color:var(--ink)}.process .section-top{border-bottom:1px solid #18171236;padding-bottom:15px}.process-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:35px 0}.process-title h2{font-size:clamp(90px,12vw,180px);white-space:nowrap}.process-title p{font:9px/1.8 monospace;letter-spacing:.5px;margin:0 5% 0 0}.bts-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bts-strip figure{margin:0}.bts-strip img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:sepia(.15) saturate(.7);display:block}.bts-strip figure:nth-child(even){padding-top:50px}.bts-strip figcaption{font:8px monospace;letter-spacing:.7px;margin-top:12px}footer{background:var(--ink);color:var(--paper);padding:28px 24px 24px}footer img{width:100%;height:auto;display:block}footer>div{display:flex;justify-content:space-between;gap:15px;font:8px monospace;letter-spacing:.8px;margin-top:30px}
/* Screening room. */
dialog{position:fixed;background:#15140f;color:var(--paper);border:1px solid #494335;padding:20px;width:min(1260px,96vw);max-height:94svh;overflow-y:auto}dialog::backdrop{background:#090805ed;backdrop-filter:blur(10px)}.viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px monospace;margin-bottom:20px}.viewer-top button{font:10px monospace;padding:10px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px}.viewer-screen{min-width:0;align-self:start}.viewer-info{display:flex;flex-direction:column;align-items:flex-start;padding:20px 4px 8px 0}.viewer-info h2{font:800 48px/.95 var(--display);letter-spacing:-.6px;text-transform:uppercase}.viewer-info .eyebrow{color:var(--amber)}#viewer-kind{margin:0 0 22px;font-size:8px}#viewer-client{font-size:13px;margin:14px 0 0;color:#c8bead}#viewer-description{font-size:13px;line-height:1.8;color:#bfb6a5;margin:27px 0}#viewer-meta{font-size:8px}#full-project{font:9px monospace;text-align:left;margin-top:30px;padding:10px 0;color:var(--paper);border-bottom:1px solid var(--line)}.viewer-project-nav{margin-top:auto;padding-top:38px;width:100%;display:flex;gap:15px;align-items:center;justify-content:space-between}.viewer-project-nav button{font:9px monospace;padding:12px 0}.viewer-project-nav #viewer-prev{font-size:21px;min-width:35px}dialog video,dialog #viewer-image{height:64svh;max-height:680px;object-fit:contain;width:100%;background:#090906;display:block}#gallery-controls{display:flex;align-items:center;justify-content:space-between;font:9px monospace;padding:8px 0}#gallery-controls button{font-size:20px;padding:5px 10px}#photo-thumbs{display:flex;gap:8px;overflow:auto;padding:2px 2px 7px}#photo-thumbs button{padding:0;opacity:.5;flex:0 0 50px;border:1px solid transparent;transition:opacity .2s}#photo-thumbs button.selected{opacity:1;border-color:var(--amber)}#photo-thumbs img{width:48px;height:48px;object-fit:cover;display:block}
/* Full-screen index. */
.menu-toggle{font:800 20px var(--display);padding:0}.menu-toggle span{font:24px Arial;margin-left:10px}#mobile-nav{position:fixed;inset:0;background:var(--ink);z-index:30;padding:130px 25px 35px;flex-direction:column;gap:10px;justify-content:center}#mobile-nav:not([hidden]){display:flex}#mobile-nav a,#mobile-nav button{font:800 clamp(64px,15vw,100px)/.95 var(--display);text-transform:uppercase;text-align:left;padding:0;letter-spacing:-1px}#mobile-nav button{color:transparent;-webkit-text-stroke:1px var(--amber)}.header.menu-open{position:fixed;top:22px;z-index:40;justify-content:flex-end}.header.menu-open .header-note{display:none}body:has(#mobile-nav:not([hidden])){overflow:hidden}
@media(min-width:1800px){.hero-index{bottom:165px}.hero-bottom{bottom:185px}.hero-copy{font-size:56px}}
@media(max-height:699px) and (min-width:761px){.header{top:637px}.hero-index{font-size:90px}.hero h1 img{max-height:250px;object-fit:contain}.hero-index a{font-size:90px}}
@media(max-width:1050px){.intro-heading h2{font-size:13.3vw}.intro-heading p{font-size:8px}.portfolio-bar{justify-content:flex-start}.format-switch{margin-right:auto}.filters{order:3;width:100%;gap:22px}.studio-image{min-height:560px}.studio-copy h2{font-size:11vw}.viewer-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.viewer-info h2{font-size:40px}.hero-copy{font-size:34px}.hero-index a{font-size:9vw}.hero h1{top:35px}.scene-info{display:none}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{top:22px;padding:0 20px;z-index:10}.header-note{font-size:8px;line-height:1.5}.header-note>span{font-size:7px}.header nav{display:none}.menu-toggle{display:block}.hero{min-height:660px}.hero h1{left:17px;right:17px;top:87px}.hero-index{top:35%;right:19px;bottom:auto;align-items:flex-end}.hero-index a{font-size:clamp(65px,18.5vw,118px);line-height:.93;letter-spacing:-1px;gap:10px}.hero-index a>span{font-size:8px;margin-top:8px}.hero-index a>sup{display:none}.hero-bottom{left:20px;bottom:155px;gap:18px}.hero-bottom .eyebrow{font-size:7px;letter-spacing:.9px;margin:0}.hero-copy{display:none}.play-circle{height:36px;width:36px}.play>span:last-child{font-size:8px}.hero-footer{bottom:58px;left:20px;right:20px;padding-bottom:17px;font-size:7px;gap:12px}.scroll-link{max-width:120px;line-height:1.7}.scroll-link span{margin-left:8px}.transport{gap:10px}.transport button{font-size:18px;min-width:25px}.hero .timeline{height:2px}.intro{padding:35px 17px 40px}.section-top{font-size:8px}.section-top>.eyebrow:last-child{display:none}.intro-heading{display:block;margin:25px 0 28px}.intro-heading h2{font-size:19vw;letter-spacing:-1.5px}.intro-heading h2>sup{font-size:8px;top:4px;left:6px}.intro-heading p{font-size:8px;margin-top:25px;line-height:1.7}.portfolio-bar{padding:13px 0;margin-bottom:20px;gap:15px}.format-switch{gap:18px}.format-switch button{font-size:17px}#project-count{font-size:7px}.filters{gap:15px}.filters button{font-size:8px}.projects{grid-template-columns:1fr;gap:34px}.project,.project:nth-child(6n+3),.project:nth-child(6n+4),.project:nth-child(6n+5),.project:nth-child(6n+6){grid-column:1;width:100%;padding:0;justify-self:stretch}.project-image{aspect-ratio:4/3}.project[data-media="gallery"] .project-image{aspect-ratio:4/5}.project-caption{margin-top:10px}.project-caption h3{font-size:32px;letter-spacing:-.4px}.project-title-row>span{font-size:7px}.project-caption>p{font-size:7px;margin-top:6px}.project-format,.project-number{font-size:7px;left:12px}.project-play{font-size:22px;right:14px}.portfolio-end{margin-top:35px;padding-top:18px;align-items:flex-start}.portfolio-end>.eyebrow{font-size:7px;max-width:160px}.portfolio-end a{font-size:18px;white-space:nowrap}.portfolio-end a span{margin-left:6px}.studio{grid-template-columns:1fr;padding:35px 17px 40px;gap:35px}.studio-image{height:430px;min-height:0}.studio-copy .eyebrow{margin-bottom:25px;font-size:8px}.studio-copy h2{font-size:26vw;letter-spacing:-1.7px}.studio-copy>p:not(.eyebrow){font-size:13px;max-width:340px}.studio-copy a{font-size:8px}.process{padding:35px 17px 40px}.process-title{display:block;margin:25px 0}.process-title h2{font-size:20vw;letter-spacing:-1.5px}.process-title p{font-size:8px;margin-top:25px}.bts-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.bts-strip figure:nth-child(even){padding-top:30px}.bts-strip figcaption{font-size:7px}footer{padding:30px 17px 20px}footer>div{font-size:7px;margin-top:25px;letter-spacing:.3px}.viewer-layout{display:flex;flex-direction:column;gap:20px}.viewer-info{padding:0 4px}.viewer-info h2{font-size:40px}#viewer-kind{margin-bottom:10px}#viewer-description{margin:17px 0}dialog{padding:12px;width:96vw}dialog video,dialog #viewer-image{height:49svh;max-height:520px}.viewer-project-nav{padding-top:20px}.viewer-top{margin-bottom:12px}.viewer-top>span{font-size:8px}.viewer-top button{padding:10px 2px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.grain{display:none}}
/* Hospitality stories and a wider view of the set. */
.hospitality{background:#25241c;padding:55px 28px 75px;color:var(--paper)}.hospitality .section-top{border-bottom:1px solid var(--line);padding-bottom:15px}.hospitality-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:35px 0}.hospitality-heading h2{font-size:clamp(70px,10.1vw,170px)}.hospitality-heading .title-period{color:var(--amber)}.hospitality-heading>p{font:9px/1.8 monospace;letter-spacing:.5px;margin:0 4% 0 0;color:#c9bfa9}.hospitality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hospitality-card{padding:0;min-width:0;text-align:left}.hospitality-card>div{position:relative;overflow:hidden}.hospitality-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .6s}.hospitality-card:hover img{transform:scale(1.035)}.hospitality-card>div>span{position:absolute;right:15px;bottom:12px;font-size:24px;text-shadow:0 1px 8px #000}.hospitality-card h3{font:800 clamp(25px,2.8vw,42px)/1 var(--display);margin:16px 0 0;letter-spacing:-.3px}.hospitality-card>p{font:8px/1.6 monospace;letter-spacing:.5px;color:#c9bfa9;margin:8px 0 0}.bts-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 20px}.bts-strip figure:nth-child(even){padding-top:0}.bts-strip figure:nth-child(3n+2){padding-top:45px}.bts-strip button{display:block;padding:0;position:relative;width:100%;text-align:left;overflow:hidden}.bts-strip button img{transition:transform .7s;filter:saturate(.85) sepia(.05)}.bts-strip button:hover img{transform:scale(1.025)}.bts-strip button>span{position:absolute;right:15px;bottom:12px;color:var(--paper);font-size:23px;text-shadow:0 1px 8px #000}.set-gallery-link{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #18171236;padding-top:22px;margin-top:35px}.set-gallery-link>button{font:800 24px var(--display);padding:0}.set-gallery-link>button>span{margin-left:20px;font:22px Arial}.studio-image img{object-position:40% center}
@media(max-width:760px){.hospitality{padding:35px 17px 40px}.hospitality-heading{display:block;margin:25px 0}.hospitality-heading h2{font-size:18vw;letter-spacing:-1.4px}.hospitality-heading>p{font-size:8px;margin-top:22px}.hospitality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.hospitality-card h3{font-size:26px;margin-top:12px}.hospitality-card>p{font-size:7px}.hospitality-card>div>span{font-size:20px;right:10px;bottom:8px}.bts-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.bts-strip figure:nth-child(3n+2){padding-top:0}.bts-strip figure:nth-child(even){padding-top:30px}.set-gallery-link{gap:15px;padding-top:18px}.set-gallery-link .eyebrow{font-size:7px;max-width:140px}.set-gallery-link>button{font-size:20px;white-space:nowrap}.set-gallery-link>button>span{font-size:18px;margin-left:8px}}
/* The site index is available on every screen. */
.menu-toggle{display:block}.header.menu-open nav{display:none}#mobile-nav a small{display:block;font:9px/1.8 monospace;letter-spacing:1px;margin:8px 0 15px;color:var(--amber);text-transform:uppercase}.hospitality-archive-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.hospitality-archive-link a{font:800 27px var(--display)}.hospitality-archive-link a>span{font:23px Arial;margin-left:20px}@media(max-width:760px){.hospitality-archive-link{display:block}.hospitality-archive-link a{display:block;margin-top:15px;font-size:25px}#mobile-nav a,#mobile-nav button{font-size:clamp(48px,13vw,78px)}}
/* Una cuadrícula uniforme mantiene juntos los trabajos de formatos distintos. */
.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}
.project,.project:nth-child(n){grid-column:auto;width:100%;padding:0;justify-self:stretch}
.project .project-image,.project[data-media="gallery"] .project-image{aspect-ratio:4/3}
.project-caption h3{font-size:clamp(24px,2.5vw,38px)}
@media(max-width:900px){.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}}
@media(max-width:760px){.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.project,.project:nth-child(n){grid-column:auto;width:100%;padding:0}.project-caption h3{font-size:clamp(20px,5vw,29px)}.project-title-row{display:block}.project-title-row>span{display:block;margin-top:5px}.project-format,.project-number{font-size:6px;left:8px}.project-play{right:9px;font-size:18px}}
.featured-stories{background:#201d18;color:var(--paper);padding:80px 28px 70px;overflow:hidden}.stories-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.stories-heading .eyebrow{color:var(--amber);margin:0 0 30px}.stories-heading h2{font-size:clamp(65px,10vw,155px)}.stories-heading>p{font:12px/1.8 Arial;max-width:300px;margin:0 5% 4px 0}.stories-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee7d855;padding:18px 0}.stories-toolbar .eyebrow{color:#c6b9a2}.stories-toolbar div{display:flex;gap:12px}.stories-toolbar button{border:1px solid #eee7d888;border-radius:50%;width:44px;height:44px;font:22px Arial;transition:background .3s,color .3s}.stories-toolbar button:hover:not(:disabled){background:var(--paper);color:var(--ink)}.stories-toolbar button:disabled{opacity:.28}.stories-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.stories-track::-webkit-scrollbar{display:none}.story-card{flex:0 0 calc((100% - 36px)/3);min-width:0;text-align:left;padding:0;scroll-snap-align:start}.story-image{aspect-ratio:4/3;position:relative;display:block;overflow:hidden;background:#40372d}.story-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.3,1)}.story-card:hover img{transform:scale(1.05)}.story-number,.story-arrow{position:absolute;color:white;text-shadow:0 1px 8px #000}.story-number{top:14px;left:14px;font:9px monospace}.story-arrow{bottom:12px;right:16px;font:24px Arial}.story-meta{display:block;color:#c6b9a2;font:8px monospace;letter-spacing:.6px;margin:17px 0 9px}.story-card strong{font:800 clamp(28px,3vw,48px)/1 var(--display);text-transform:uppercase}.stories-progress{height:2px;background:#eee7d833;margin-top:35px}.stories-progress span{display:block;height:100%;width:20%;background:var(--amber);transition:width .2s}.will-reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s ease}.will-reveal.revealed{opacity:1;transform:none}@media(max-width:760px){.featured-stories{padding:50px 17px}.stories-heading{display:block;margin-bottom:35px}.stories-heading h2{font-size:15vw;letter-spacing:-1px}.stories-heading>p{margin:25px 0 0}.story-card{flex-basis:83%}.stories-toolbar .eyebrow{font-size:7px}.stories-toolbar button{width:40px;height:40px}.stories-progress{margin-top:25px}}@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none;transition:none}.story-image img,.stories-progress span{transition:none}}
.film-interlude{height:min(85svh,900px);min-height:540px;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:#302820}.film-interlude video,.interlude-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film-interlude video{z-index:-2}.interlude-shade{z-index:-1;background:linear-gradient(180deg,#17130e15 20%,#17130eaa 100%)}.interlude-content{height:100%;padding:55px 28px;display:flex;flex-direction:column;justify-content:flex-end}.interlude-content>.eyebrow{color:var(--amber);margin:0 0 20px}.interlude-content h2{font-size:clamp(64px,10vw,160px);max-width:1100px}.interlude-content h2 span{color:var(--amber)}.interlude-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee7d877;margin-top:35px;padding-top:18px}.interlude-actions #interlude-open{font:800 24px var(--display)}.interlude-actions #interlude-open span{font:22px Arial;margin-left:15px}.interlude-actions #interlude-pause{font:22px Arial;min-width:44px;min-height:44px}@media(max-width:760px){.film-interlude{height:78svh;min-height:520px}.interlude-content{padding:35px 17px}.interlude-content h2{font-size:15vw;letter-spacing:-1px}.interlude-actions #interlude-open{font-size:21px}}@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.interlude-content{animation:film-rise linear both;animation-timeline:view();animation-range:entry 5% entry 75%}.film-interlude video{animation:film-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes film-rise{from{opacity:.35;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes film-drift{from{transform:scale(1.12)}to{transform:scale(1)}}}}
/* Una escena de dos capítulos controlada por el desplazamiento. */
.film-scroll-story{height:230svh;position:relative;background:var(--paper);--story-progress:0}.film-scroll-story .film-interlude{position:sticky;top:0;height:100svh;max-height:none;min-height:0;clip-path:inset(calc((1 - var(--story-progress))*7%) calc((1 - var(--story-progress))*6%));}.film-scroll-story .film-interlude video{animation:none;transform:scale(calc(1.18 - var(--story-progress)*.18));will-change:transform}.film-scroll-story .interlude-content{animation:none;opacity:clamp(0,calc((var(--story-progress) - .38)*4),1);transform:translateY(calc((1 - var(--story-progress))*55px));pointer-events:none}.film-scroll-story .interlude-actions{pointer-events:auto}.interlude-chapter{position:absolute;left:28px;right:28px;top:35%;opacity:clamp(0,calc(1 - var(--story-progress)*2.5),1);transform:translateY(calc(var(--story-progress)*-70px));pointer-events:none}.interlude-chapter .eyebrow{color:var(--amber)}.interlude-chapter h2{font-size:clamp(65px,11vw,170px)}@media(max-width:760px){.film-scroll-story{height:190svh}.interlude-chapter{left:17px;right:17px}.interlude-chapter h2{font-size:16vw}}@media(prefers-reduced-motion:reduce){.film-scroll-story{height:auto}.film-scroll-story .film-interlude{position:relative;clip-path:none;height:80svh}.film-scroll-story .film-interlude video{transform:none}.film-scroll-story .interlude-content{opacity:1;transform:none}.interlude-chapter{display:none}}
.film-scroll-story .interlude-content{padding-left:max(28px,7vw);padding-right:max(28px,7vw);padding-bottom:max(55px,9svh)}.film-scroll-story .interlude-chapter{left:7vw;right:7vw}.film-scroll-story .interlude-content h2{font-size:clamp(58px,9vw,145px)}@media(max-width:760px){.film-scroll-story .interlude-content h2{font-size:14vw}}