:root{--yellow: #f8cb74;--black: #000000;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--yellow);color:var(--black);font-family:Montserrat,sans-serif;text-align:center;cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased}.title-line{display:flex;flex-direction:row;align-items:center;justify-content:center;height:11em}.title-normal-letter{color:var(--black);font-family:Anton,sans-serif;font-size:15em;font-weight:900;line-height:.75em;display:inline;overflow:hidden;align-self:center}.title-eye-whites{background-color:var(--white);border-radius:200em;flex:1;display:flex;justify-content:center;align-items:center;height:102%;overflow:hidden}.title-eye-pupil{color:var(--black);background-color:var(--black);border-radius:1em;width:1em;height:1em;font-family:Anton,sans-serif;font-size:12em;font-weight:900;line-height:1em;overflow:hidden;transition:transform .1s ease-out}.title-container-trey{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;height:42vh;min-height:200px}.title-container-gonzalez{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;height:30vh;min-height:150px}.marquee-outer{display:flex;flex-direction:row;justify-content:center;align-items:center;height:15vh;min-height:80px}.marquee-box{background-color:var(--black);border-radius:100px;height:5vw;min-height:48px;max-height:80px;padding:25px;display:flex;justify-content:center;align-items:center;overflow:hidden;width:90vw}.marquee-track{display:flex;white-space:nowrap;animation:marquee 18s linear infinite}.marquee-text{color:var(--yellow);letter-spacing:5px;text-transform:uppercase;font-family:Anton,sans-serif;font-size:1.4em;line-height:1.1em;flex:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-block{display:flex;justify-content:center;align-items:center;height:13vh;min-height:60px}.h2-section{overflow:hidden}.h2-linkblock{color:var(--black);justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;text-decoration:none;display:flex;overflow:hidden;cursor:pointer}.h2-text{color:var(--black);letter-spacing:-3px;margin-bottom:0;font-family:Anton,sans-serif;font-size:90px;line-height:1em;display:inline;text-transform:uppercase}.h2-o{background-color:var(--black);border-radius:10em;width:4em;height:4em;font-family:Anton,sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;flex-shrink:0}.h2-o.about{border-radius:50em}.h2-o.work{background-color:var(--white)}.about-inner-text{color:var(--white);padding:85px 75px 75px;font-family:Montserrat,sans-serif;line-height:24px;text-align:left;font-size:14px}.section-panel{overflow:hidden;height:0;transition:height .6s cubic-bezier(.16,1,.3,1)}.section-panel.open{height:auto}.work-grid{display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:20px 40px 40px;gap:0}.portfolio-pill{background-size:cover;background-position:center;border-radius:20em;width:150px;height:70vh;min-height:300px;margin:15px;overflow:hidden;transition:width .5s cubic-bezier(.16,1,.3,1),height .4s ease;flex-shrink:0;cursor:pointer;position:relative}.portfolio-pill:hover{width:45vw}.pill-overlay{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#00000059;text-decoration:none;padding:20px;transition:background-color .3s}.pill-overlay:hover{background-color:#0003}.pill-title{color:var(--white);font-family:Anton,sans-serif;font-size:22px;line-height:1.2;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;overflow:hidden;max-height:100%}.portfolio-pill:hover .pill-title{writing-mode:horizontal-tb;transform:none;font-size:26px}.contact-text{display:inline;font-size:16px}.contact-email-link{display:inline-block;text-decoration:none;color:var(--black);font-weight:600}.contact-email-link:hover{text-decoration:underline}.social-icons-section{display:flex;justify-content:center;align-items:center;padding:20px 0 5px;gap:10px}.social-icon-link{transition:opacity .2s}.social-icon-link:hover{opacity:.6}.social-icon{width:3em;height:auto;padding:10px}.footer-copyright{text-align:center;padding:30px;font-size:13px;color:#00000080}.scroll-arrow{width:40px;opacity:.5;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(max-width:768px){.title-normal-letter{font-size:9em}.h2-text{font-size:56px}.h2-o{width:3em;height:3em}.work-grid{padding:10px 10px 30px}.portfolio-pill{width:80px;height:50vh;margin:8px}.portfolio-pill:hover{width:60vw}.about-inner-text{padding:40px 28px}.marquee-text{font-size:1em}}@media(max-width:480px){.title-normal-letter{font-size:6em}.h2-text{font-size:40px}.h2-o{width:2.5em;height:2.5em}.portfolio-pill{width:60px;height:45vh;margin:5px}.portfolio-pill:hover{width:70vw}}