@import "https://fonts.googleapis.com/css2?family=Anton&family=Cormorant+Garamond:ital,wght@1,600;1,700&family=Barlow+Condensed:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#f0ede8;background:#080808;height:100dvh;font-family:Barlow Condensed,system-ui,sans-serif;overflow:hidden}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}img,video{display:block}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,-4%)}40%{transform:translate(3%,2%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,-3%)}to{transform:translate(0)}}.grain{z-index:9998;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>");width:200%;height:200%;animation:.35s step-end infinite grain;position:fixed;inset:-50%}:root{--red:#cc0a0a;--black:#080808;--white:#f0ede8;--mid:#f0ede873;--ease:cubic-bezier(.16, 1, .3, 1)}.intro{z-index:300;background:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:fixed;inset:0}.intro-wordmark{color:var(--red);letter-spacing:.04em;font-family:Anton,sans-serif;font-size:clamp(5rem,16vw,14rem);line-height:1}.intro-sub{letter-spacing:.5em;color:#f0ede880;text-transform:uppercase;margin-top:.5rem;font-family:Barlow Condensed,sans-serif;font-size:clamp(1rem,3vw,2.2rem);font-weight:500}.nav{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:1.6rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-contact,.nav-menu{letter-spacing:.18em;text-transform:uppercase;color:var(--red);pointer-events:all;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600;transition:opacity .2s}.nav-contact:hover,.nav-menu:hover{opacity:.65}.nav-logo{width:44px;height:44px;color:var(--red);pointer-events:all}.nav-logo svg{width:100%;height:100%}.scroll-root{scroll-behavior:smooth;scrollbar-width:none;height:100dvh;overflow-y:scroll}.scroll-root::-webkit-scrollbar{display:none}.section{align-items:flex-end;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.section--auto{width:100%;min-height:100dvh;position:relative;overflow:hidden}.hero-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#08080826 0%,#08080800 40%,#080808b3 100%);position:absolute;inset:0}.hero-content{text-align:center;z-index:2;opacity:0;transition:opacity 1.2s .2s;position:absolute;top:36%;left:50%;transform:translate(-50%,-50%)}.hero-content--visible{opacity:1}.hero-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#f0ede899;margin-bottom:.8rem;font-size:.65rem;font-weight:500}.hero-tagline{color:var(--white);letter-spacing:.06em;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3vw,2.8rem);font-style:italic;font-weight:600}.hero-wordmark{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;padding-left:.04em;line-height:.82;display:flex;position:absolute;bottom:-.08em;left:0;right:0}.hero-wordmark-line{color:var(--red);letter-spacing:-.01em;font-family:Anton,sans-serif;font-size:clamp(5rem,20vw,22rem);line-height:.82;display:block}.hero-scroll{z-index:4;letter-spacing:.18em;text-transform:uppercase;color:#f0ede88c;align-items:center;gap:.5rem;font-size:.6rem;font-weight:500;transition:color .2s,gap .2s;display:flex;position:absolute;bottom:2rem;right:2rem}.hero-scroll:hover{color:var(--white);gap:.8rem}.project-section{cursor:pointer}.project-bg{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease);position:absolute;inset:0}.project-section:hover .project-bg{transform:scale(1.04)}.project-overlay{background:radial-gradient(at 50% 40%,#0000 30%,#080808a6 100%),linear-gradient(#0808081a 0%,#08080800 40%,#080808b8 100%);transition:opacity .5s;position:absolute;inset:0}.project-section:hover .project-overlay{opacity:.85}.project-meta{z-index:2;flex-direction:column;gap:.3rem;display:flex;position:absolute;top:2rem;left:2rem}.project-category{letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-size:.6rem;font-weight:500}.project-id{letter-spacing:.15em;color:#f0ede859;font-family:Barlow Condensed,sans-serif;font-size:.55rem;font-weight:600}.project-wordmark{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;padding-left:.04em;position:absolute;bottom:-.06em;left:0;right:0}.project-title{color:var(--red);letter-spacing:-.01em;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,11vw,13rem);font-style:italic;font-weight:700;line-height:.82;display:block}.project-play-hint{z-index:4;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.about{background:#0d0d0d;padding:clamp(5rem,10vw,9rem) 2rem}.about-inner{grid-template-columns:1fr 1.3fr;align-items:start;gap:clamp(2rem,6vw,6rem);max-width:1200px;margin:0 auto;display:grid}.about-img-wrap{position:relative;overflow:hidden}.about-img{aspect-ratio:3/4;object-fit:cover;object-position:center top;width:100%;display:block}.about-caption{letter-spacing:.16em;text-transform:uppercase;color:var(--mid);margin-top:.8rem;font-size:.6rem}.about-right{flex-direction:column;gap:1.6rem;padding-top:clamp(2rem,5vw,5rem);display:flex}.section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--red);font-size:.58rem;font-weight:600}.section-label--light{color:#f0ede866}.about-reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.about--vis .about-reveal{opacity:1;transform:translateY(0)}.about--vis .about-reveal--0{transition-delay:0s}.about--vis .about-reveal--1{transition-delay:.12s}.about--vis .about-reveal--2{transition-delay:.25s}.about--vis .about-reveal--3{transition-delay:.38s}.about--vis .about-reveal--4{transition-delay:.5s}.contact-reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.contact--vis .contact-reveal{opacity:1;transform:translateY(0)}.contact--vis .contact-reveal--0{transition-delay:0s}.contact--vis .contact-reveal--1{transition-delay:.1s}.contact--vis .contact-reveal--2{transition-delay:.25s}.contact--vis .contact-reveal--3{transition-delay:.35s}.contact--vis .contact-reveal--4{transition-delay:.5s}.about-title{color:var(--white);letter-spacing:.01em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(2.5rem,6vw,6rem);line-height:.9}.about-body{color:#f0ede8b3;max-width:48ch;font-family:Barlow Condensed,sans-serif;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:400;line-height:1.7}.about-body em{color:var(--white);font-style:italic}.about-stats{border-top:1px solid #f0ede814;gap:3rem;padding-top:1rem;display:flex}.stat-num{color:var(--red);font-family:Anton,sans-serif;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--mid);margin-top:.3rem;font-size:.58rem}.contact{background:var(--black);padding:clamp(5rem,10vw,9rem) 2rem}.contact-inner{flex-direction:column;gap:2rem;max-width:760px;margin:0 auto;display:flex}.contact-title{color:var(--white);letter-spacing:.01em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(3rem,9vw,9rem);line-height:.88}.contact-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--mid);font-size:.7rem;font-weight:500}.contact-form{flex-direction:column;gap:1.6rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.6rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{letter-spacing:.18em;text-transform:uppercase;color:var(--mid);font-size:.58rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:var(--white);background:0 0;border:none;border-bottom:1px solid #f0ede826;outline:none;padding:.7rem 0;font-family:Barlow Condensed,sans-serif;font-size:1rem;transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#f0ede840}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red)}.form-group select option{background:#1a1a1a}.form-group textarea{resize:none}.form-submit{background:var(--red);color:var(--white);letter-spacing:.18em;text-transform:uppercase;align-self:flex-start;padding:1rem 2.5rem;font-family:Barlow Condensed,sans-serif;font-size:.72rem;font-weight:600;transition:background .2s,opacity .2s}.form-submit:hover{background:#aa0808}.form-submit:disabled{opacity:.5;cursor:not-allowed}.contact-footer{border-top:1px solid #f0ede814;justify-content:space-between;align-items:center;padding-top:2rem;display:flex}.contact-email{letter-spacing:.1em;color:var(--mid);font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:500;transition:color .2s}.contact-email:hover{color:var(--white)}.contact-social{gap:2rem;display:flex}.contact-social a{letter-spacing:.18em;text-transform:uppercase;color:var(--mid);font-size:.58rem;font-weight:600;transition:color .2s}.contact-social a:hover{color:var(--white)}.footer{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#f0ede833;background:var(--black);padding:2rem;font-size:.6rem}.lightbox{z-index:200;background:#080808f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-inner{flex-direction:column;gap:1.2rem;width:90vw;max-width:1100px;display:flex}.lightbox-close{color:#f0ede880;padding:.5rem;transition:color .2s;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{color:var(--white)}.lightbox-video{background:#000;outline:none;width:100%;max-height:78vh}.lightbox-meta{align-items:baseline;gap:1.2rem;display:flex}.lightbox-cat{letter-spacing:.2em;text-transform:uppercase;color:var(--red);font-size:.58rem;font-weight:600}.lightbox-title{color:var(--white);letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2.5vw,2rem);font-style:italic;font-weight:700}.lightbox-sub{letter-spacing:.14em;color:var(--mid);text-transform:uppercase;font-size:.65rem}.menu-overlay{z-index:150;background:var(--black);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-close{color:var(--mid);padding:.5rem;transition:color .2s;position:absolute;top:1.5rem;right:2rem}.menu-close:hover{color:var(--white)}.menu-inner{flex-direction:column;gap:3rem;width:100%;max-width:1000px;margin:0 auto;padding:clamp(5rem,10vh,8rem) 2rem 4rem;display:flex}.menu-nav{gap:3rem;display:flex}.menu-nav button{color:#f0ede84d;letter-spacing:.04em;text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);transition:color .2s}.menu-nav button:hover{color:var(--white)}.menu-list{flex-direction:column;list-style:none;display:flex}.menu-item{text-align:left;border-bottom:1px solid #f0ede80f;align-items:baseline;gap:1.5rem;width:100%;padding:1rem 0;transition:border-color .2s;display:flex}.menu-item:hover{border-color:#f0ede826}.menu-item:hover .menu-item-title{color:var(--red)}.menu-item-num{letter-spacing:.14em;color:var(--mid);min-width:2rem;font-size:.55rem;font-weight:600}.menu-item-title{color:var(--white);flex:1;font-family:Cormorant Garamond,serif;font-size:clamp(1.4rem,3vw,2.8rem);font-style:italic;font-weight:700;transition:color .2s}.menu-item-cat{letter-spacing:.16em;text-transform:uppercase;color:var(--mid);font-size:.58rem;font-weight:500}.menu-item-year{letter-spacing:.1em;color:#f0ede833;font-size:.58rem}@media (width<=768px){.about-inner,.form-row{grid-template-columns:1fr}.hero-wordmark-line{font-size:clamp(4rem,22vw,10rem)}.project-title{font-size:clamp(2.5rem,13vw,8rem)}.contact-title{font-size:clamp(2.5rem,15vw,9rem)}.menu-item-cat,.menu-item-year{display:none}.about-img-wrap{justify-content:center;display:flex}.about-img{aspect-ratio:3/4;width:auto;max-width:100%;max-height:60vh;margin-inline:auto}.project-section{-webkit-tap-highlight-color:transparent}.project-section:active .project-overlay{opacity:1;transition:opacity 80ms}.project-section:active .project-bg{transition:transform .12s;transform:scale(1.025)}.project-section:active .project-play-hint{opacity:1!important}.menu-nav{flex-direction:column;gap:.5rem}.menu-nav button{font-size:clamp(2rem,8vw,3rem)}.hero-scroll{font-size:.55rem}}@media (prefers-reduced-motion:reduce){.project-bg,.project-section:hover .project-bg{transition:none;transform:none}}