@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";.ruinas-site{--paper:#f7f3ec;--orange:#e87500;--ink:#1c1c1a;--stone:#b8a58d;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;overflow:hidden}.ruinas-site *,.ruinas-site :before,.ruinas-site :after{box-sizing:border-box}.ruinas-site button,.ruinas-site a{color:inherit;font:inherit}.ruinas-site button{cursor:pointer;background:0 0;border:0}.ruinas-site img{object-fit:cover;width:100%;height:100%;display:block}.ruinas-nav{z-index:10;height:76px;color:var(--paper);mix-blend-mode:difference;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;display:grid;position:absolute;inset:0 0 auto}.ruinas-brand{text-transform:uppercase;letter-spacing:.08em;flex-direction:column;width:max-content;font-size:10px;line-height:1.2;text-decoration:none;display:flex}.ruinas-brand small{opacity:.65;font-size:9px}.ruinas-nav nav{gap:28px;display:flex}.ruinas-nav nav button,.back-link,.ruinas-mobile-links a{text-transform:uppercase;letter-spacing:.12em;font-size:9px}.ruinas-nav nav button{border-bottom:1px solid #0000;padding:10px 0}.ruinas-nav nav button:hover{border-color:currentColor}.back-link{justify-self:end;align-items:center;gap:7px;text-decoration:none;display:flex}.header-actions{justify-self:end;align-items:center;gap:24px;display:flex}.back-link svg,.text-link svg,.footer-back svg{width:13px}.ruinas-menu-toggle,.ruinas-mobile-links{display:none}.ruinas-hero{background:var(--ink);height:100svh;min-height:840px;max-height:1100px;color:var(--paper);position:relative}.hero-image-wrap{width:55%;height:76%;position:absolute;top:8%;left:35%;overflow:hidden}.hero-image-wrap img{filter:saturate(.7)contrast(1.08)}.hero-paper{background:var(--paper);width:46%;position:absolute;top:18%;bottom:0;left:0}.hero-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.13em;font-size:10px;position:absolute;top:16%;left:6vw}.hero-kicker span{color:var(--paper);margin-left:44px}.hero-title-wrap{z-index:2;color:var(--ink);position:absolute;top:40%;left:10vw}.hero-title-wrap p{color:var(--orange);text-transform:uppercase;letter-spacing:.17em;margin:0 0 16px;font-size:11px}.hero-title-wrap h1,.ruinas-site h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font:400 clamp(4.5rem,9.5vw,10rem)/.86 DM Serif Display,serif}.hero-title-wrap h1 em,.ruinas-site h2 em,.section-lead em{color:var(--orange);font-style:italic}.hero-event{z-index:3;text-transform:uppercase;grid-template-columns:auto auto;align-items:baseline;column-gap:12px;display:grid;position:absolute;bottom:19%;right:14%}.hero-event strong,.concert-date strong{letter-spacing:-.05em;grid-row:span 2;font:400 clamp(4rem,7vw,7rem)/.8 DM Serif Display,serif}.hero-event span,.hero-event b,.concert-date span,.concert-date b{letter-spacing:.15em;font-size:10px}.hero-event b{color:var(--orange)}.hero-location{text-transform:uppercase;width:190px;font-size:10px;line-height:1.45;position:absolute;bottom:8%;right:5vw}.hero-scroll{color:var(--ink);text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:14px;font-size:9px;display:flex;position:absolute;bottom:8%;left:5vw}.hero-scroll svg{color:var(--orange);width:16px}.ruinas-section,.concert-section{padding:clamp(100px,13vw,190px) 10vw;position:relative}.section-label{color:var(--orange);text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:9px}.project-section{min-height:780px}.project-intro{grid-template-columns:1.25fr .75fr;gap:9vw;max-width:950px;margin:105px 0 125px 8vw;display:grid}.section-lead{letter-spacing:-.045em;margin:0;font:400 clamp(3.4rem,6.5vw,7rem)/.9 DM Serif Display,serif}.project-copy{max-width:320px;padding-top:16px;font-size:15px;line-height:1.6}.project-copy p+p{margin-top:24px}.project-words{border-top:1px solid var(--stone);text-transform:uppercase;letter-spacing:.12em;color:var(--stone);justify-content:space-between;padding-top:17px;font-size:10px;display:flex}.project-words span:nth-child(2),.project-words span:nth-child(4){color:var(--orange)}.ruins-section{background:#ebe4d9;padding-bottom:150px}.ruins-heading{justify-content:space-between;align-items:end;margin:80px 0 70px 8vw;display:flex}.ruins-heading p{max-width:220px;margin:0 7vw 5px 0;font-size:12px;line-height:1.5}.ruins-image{width:calc(100% - 8vw);height:min(62vw,680px);margin:0 0 0 8vw;position:relative}.ruins-image:after{content:"";border:1px solid var(--orange);z-index:0;position:absolute;inset:12px -12px -12px 12px}.ruins-image img{z-index:1;filter:sepia(.16)saturate(.72);position:relative}.ruins-image figcaption{z-index:2;color:var(--paper);text-align:right;text-transform:uppercase;font-size:10px;line-height:1.4;position:absolute;bottom:18px;right:20px}.ruins-image figcaption span{color:var(--orange)}.orchestra-section{background:var(--ink);color:var(--paper)}.orchestra-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:9vw;margin:90px 5vw 0;display:grid}.orchestra-grid>div:first-child{height:650px;position:relative}.orchestra-grid img{filter:saturate(.75)}.vertical-note{z-index:1;writing-mode:vertical-rl;color:var(--orange);letter-spacing:.15em;margin:0;font-size:9px;position:absolute;top:16px;left:-30px}.orchestra-copy{max-width:360px}.orchestra-copy>p:not(.section-lead){color:var(--stone);margin:40px 0;font-size:15px;line-height:1.6}.text-link{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--orange);gap:9px;padding-bottom:8px;font-size:9px;text-decoration:none;display:inline-flex}.concert-section{background:var(--orange);color:var(--ink);padding-bottom:145px}.concert-section .section-label{color:var(--paper)}.concert-content{grid-template-columns:.65fr 1fr 1fr;align-items:end;gap:8vw;margin:115px 5vw 0;display:grid}.concert-prelude{text-transform:uppercase;letter-spacing:.12em;max-width:100px;font-size:9px;line-height:1.5}.concert-date{grid-template-columns:auto auto;align-items:baseline;column-gap:14px;display:grid}.concert-date b{grid-column:2}.concert-details{max-width:250px;font-size:14px;line-height:1.5}.concert-details p:first-child{text-transform:uppercase;font-size:11px}.orange-button{border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:13px;margin-top:25px;padding:15px 17px;font-size:9px;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.orange-button svg{width:14px}.orange-button:hover{background:var(--ink);color:var(--orange)}.gallery-section{padding-bottom:180px}.gallery-grid{grid-template-rows:260px 390px;grid-template-columns:1fr .8fr 1fr;gap:22px;margin-top:90px;display:grid}.gallery-item{text-align:left;padding:0;position:relative;overflow:hidden}.gallery-item img{filter:saturate(.75);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}.gallery-item:hover img{filter:saturate();transform:scale(1.04)}.gallery-item span{color:var(--paper);text-transform:uppercase;letter-spacing:.12em;font-size:9px;position:absolute;bottom:14px;left:15px}.gallery-tall{grid-row:span 2}.gallery-wide:nth-child(2),.gallery-wide:nth-child(3){grid-column:2/4}.ruinas-footer{background:var(--ink);color:var(--paper);padding:105px 10vw 45px}.ruinas-footer h2{margin:100px 0 150px 8vw}.footer-back{border-bottom:1px solid var(--orange);width:max-content;color:var(--orange);text-transform:uppercase;letter-spacing:.12em;gap:8px;padding-bottom:8px;font-size:10px;text-decoration:none;display:flex}.footer-note{color:var(--stone);text-transform:uppercase;letter-spacing:.12em;margin:65px 0 0;font-size:9px}.lightbox{z-index:100;background:#1c1c1af2;place-items:center;padding:8vh 10vw;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:84vh}.lightbox button{color:var(--paper);padding:15px;position:absolute}.lightbox-close{top:25px;right:30px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox svg{width:22px}@media (width<=760px){.ruinas-nav{mix-blend-mode:normal;height:64px;color:var(--paper);background:#1c1c1ab3;grid-template-columns:1fr auto;padding:0 6vw}.ruinas-nav nav,.back-link{display:none}.header-actions{gap:0}.ruinas-menu-toggle{color:inherit;padding:8px;display:block}.ruinas-menu-toggle svg{width:20px}.ruinas-mobile-links{z-index:9;background:var(--ink);color:var(--paper);flex-direction:column;gap:20px;padding:25px 6vw 30px;transition:transform .35s;display:flex;position:fixed;inset:64px 0 auto;transform:translateY(-130%)}.ruinas-mobile-links[aria-hidden=false]{transform:none}.ruinas-mobile-links button,.ruinas-mobile-links a{text-align:left;text-transform:uppercase;letter-spacing:.12em;font-size:12px;text-decoration:none}.ruinas-mobile-links a{color:var(--orange);margin-top:12px}.ruinas-hero{min-height:750px}.hero-image-wrap{width:83%;height:51%;top:12%;left:11%}.hero-paper{width:100%;height:54%;top:46%;bottom:auto}.hero-kicker{top:9%;left:6vw}.hero-kicker span{margin-left:20px}.hero-title-wrap{top:52%;left:8vw}.hero-title-wrap h1{font-size:clamp(3.3rem,15vw,6rem)}.hero-title-wrap p{font-size:9px}.hero-event{bottom:12%;left:8vw;right:auto}.hero-event strong{font-size:4rem}.hero-location{width:150px;bottom:5%;right:7vw}.hero-scroll{display:none}.ruinas-section,.concert-section{padding:80px 7vw}.section-lead{font-size:clamp(3.1rem,14vw,5rem)}.project-section{min-height:auto}.project-intro,.orchestra-grid,.concert-content{margin:70px 0 90px;display:block}.project-copy{margin:45px 0 0}.project-words{flex-wrap:wrap;gap:18px}.ruins-section{padding-bottom:90px}.ruins-heading{margin:65px 0 45px;display:block}.ruins-heading p{margin:30px 0 0}.ruins-image{width:100%;height:120vw;margin:0}.ruins-image:after{inset:8px -8px -8px 8px}.ruins-image figcaption{text-align:left;left:12px;right:auto}.orchestra-grid>div:first-child{height:115vw;margin-left:22px}.orchestra-copy{margin-top:70px}.concert-section{padding-bottom:90px}.concert-content{margin-bottom:0}.concert-date{margin:55px 0}.concert-details{max-width:260px}.gallery-section{padding-bottom:100px}.gallery-grid{grid-template-rows:55vw 38vw 55vw;grid-template-columns:1fr 1fr;gap:10px;margin-top:55px;display:grid}.gallery-tall{grid-row:span 1}.gallery-wide:nth-child(2),.gallery-wide:nth-child(3){grid-column:auto}.gallery-item:first-child{grid-row:1/3}.gallery-item:nth-child(4){grid-area:2/2/4}.gallery-item:nth-child(2){grid-row:1}.gallery-item:nth-child(3){grid-row:3}.ruinas-footer{padding:80px 7vw 35px}.ruinas-footer h2{margin:75px 0 110px}.lightbox{padding:10vw}.lightbox-prev{left:0}.lightbox-next{right:0}}@media (prefers-reduced-motion:reduce){.ruinas-site *,.ruinas-site :before,.ruinas-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}