@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap");:root{--color-offwhite:#f8f6f2;--color-offblack:#302b27;--color-offblack-transparent:rgba(48,43,39,0.2);--color-overlay-dark:rgba(0,0,0,0.4);--font-main:"Inter",sans-serif;--transition-smooth:cubic-bezier(0.16,1,0.3,1);--transition-elastic:cubic-bezier(0.34,1.56,0.64,1)}body{font-family:var(--font-main);background-color:var(--color-offwhite);color:var(--color-offblack);overflow-x:hidden;letter-spacing:-.02em;font-weight:700}.creative-grid{padding:0 2rem;width:100%;max-width:100%;box-sizing:border-box}.creative-container,.creative-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.creative-container{height:100vh;padding:2rem;align-items:center;justify-items:center;perspective:800px}.header-content{grid-column:4/span 6;text-align:center;transform-style:preserve-3d}.header-content>*{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center top}.title{margin-bottom:1rem;font-size:2.25rem}.subtitle,.title{text-transform:uppercase}.subtitle{margin-bottom:3rem;font-size:1.5rem}.date{margin:3rem 0;font-size:1rem}.credits,.date{font-family:monospace}.credits{margin-top:3rem;text-transform:uppercase;font-size:.8rem;grid-column:4/span 6;opacity:1}.scroll-container{position:relative;height:300vh}.video-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1}#video-container{width:300px;height:300px;overflow:hidden;background-color:var(--color-offblack);position:relative;transition:border-radius .3s ease;filter:blur(0);clip-path:inset(0 0 0 0)}#video-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s ease;pointer-events:none}video{width:100%;height:100%;object-fit:cover;position:relative;z-index:0;display:block}.video-overlay{top:0;height:100%;background:var(--color-offblack-transparent);color:var(--color-offwhite);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;clip-path:inset(100% 0 0 0);backdrop-filter:blur(8px);z-index:2}.video-overlay,.video-overlay .caption{position:absolute;left:0;width:100%;text-align:center}.video-overlay .caption{font-family:monospace;font-size:.8rem;margin-bottom:1.5rem;transform:translateY(30px);text-transform:uppercase;letter-spacing:.05em;top:2rem}.video-overlay .content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;filter:blur(10px);transform:scale(1.1);opacity:1}.video-overlay h2{font-size:2.4rem;margin-bottom:.5rem;transform:translateY(30px);text-transform:uppercase}.video-overlay p{font-size:1.2rem;line-height:1.8;max-width:32ch;margin-left:auto;margin-right:auto;margin-bottom:1rem;transform:translateY(30px)}.spacer{height:10vh}.footer-content{padding:10rem 0;text-align:center;margin:0 auto;opacity:1}.quote{margin-bottom:3rem;line-height:1.8;grid-column:4/span 6;opacity:1}.quote p{margin-bottom:1.5rem;max-width:32ch;margin-left:auto;margin-right:auto;opacity:1}.divider{width:1px;height:80px;background-color:var(--color-offblack);margin:4rem auto;grid-column:6/span 2}.mountain-footer{height:50vh;position:relative;clip-path:inset(100% 0 0 0);overflow:hidden}.mountain-footer video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.contact-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10;color:var(--color-offwhite);cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:auto}.contact-btn .label{font-family:monospace;font-size:.75rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.05em}.contact-btn .email,.contact-btn .email-container{position:relative;display:inline-block}.contact-btn .email{font-size:.9rem;padding:0 .6em}.contact-btn .left-bracket,.contact-btn .right-bracket{transition:opacity .3s var(--transition-elastic),transform .3s var(--transition-elastic)}.contact-btn .left-bracket{margin-right:3px}.contact-btn .right-bracket{margin-left:3px;transition-delay:.15s}