@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotatecclockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-1turn)}}h1,h1 *{font-family:Londrina Solid,cursive,sans-serif;font-size:2rem;font-weight:300;margin-bottom:1rem}@media (max-width:575.98px){h1,h1 *{font-size:1.5rem}}.intro-container{height:300vh}.intro-container .intro{padding-left:1rem;padding-right:1rem;position:sticky;top:0}.intro-container .intro .about-container .pic-scroll-container{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:-128px}@supports (height:100dvh){.intro-container .intro .about-container .pic-scroll-container{height:100dvh}}.intro-container .intro .about-container .pic{aspect-ratio:1/1;box-sizing:content-box;max-width:100%;overflow:hidden;scale:1;transform-origin:center;width:384px}.intro-container .intro .about-container .pic:after,.intro-container .intro .about-container .pic:before{aspect-ratio:1/1;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center;width:75%;z-index:-1}.intro-container .intro .about-container .pic:before{animation:rotate 10s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 288'%3E%3Cpath d='M146.5 1.3c6.8.8 13.4 2.3 20.1 3.8C184 9 207.7 16 221.1 27.9s9.3 10.5 14 15.6c10.7 11.4 21.6 17.5 30.6 31.2 9.4 14.3 15.3 27.1 18.7 44.1 1.2 6.1 2.3 12.1 3.2 18.2s.5 7.6 0 10-2.1 6.3-3.4 9.4c-2.7 6.2-7 11.8-9.6 18.1-5 12.2-1.6 25.4-6.1 37.6s-29.7 36.3-39.9 45.5c-18.9 17.1-38.8 18.9-62.4 25.5 0 0-14.7 3.1-19.7 3.7s-6.8.3-9 0c-4.4-.7-8.7-2.1-13.1-3.3-6.2-1.7-12.2-4.1-18.4-5.7-13.4-3.5-24.1-4.2-36.7-11-24-13-40.6-29.7-51.1-55.4-4.2-10.4-3.3-20.7-6-31.1-1.8-7.1-5.7-13.7-8.2-20.5s-2.9-7.3-3.6-11.2-.5-7.2 0-9.5c.8-3.9 2.1-7.6 3.4-11.4 2.1-6.5 5.1-12.6 6.9-19.2 5-18.4 3.3-29 16.3-44.9s32.8-30.8 53.4-42c18.8-10.5 37.8-18.4 59.1-20.3 1.8-.2 5.3-.2 7 0' style='fill:%23e4523d'/%3E%3C/svg%3E") no-repeat 50%}.intro-container .intro .about-container .pic:after{animation:rotatecclockwise 15s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 288'%3E%3Cpath d='M143 5.2c1.2 0 2.4 0 3 .1 6.4.8 12.6 2.1 19.1 3.6h.6c24.6 5.6 42.8 13.2 52.7 22 8.4 7.4 9.5 9.3 10.4 10.9.7 1.1 1.4 2.4 3.3 4.4 4.1 4.4 8.2 8 12.2 11.4 6.5 5.7 12.6 11.1 18 19.2 9.8 14.9 15 27.2 18.1 42.7 1.4 7.2 2.4 12.7 3.2 18 .8 5.2.5 6.4 0 8.3v.3c-.5 2.2-2.3 6.5-3.2 8.6-1.2 2.7-2.8 5.4-4.4 8.2-1.8 3.1-3.8 6.4-5.2 9.9-2.8 6.9-3.2 13.9-3.6 20.7-.3 6-.6 11.7-2.6 17-3.9 10.5-26.2 32.6-38.8 43.9-14.4 13-29.5 16.7-46.9 21-4.4 1.1-9 2.2-13.7 3.5-1.4.3-14.7 3.1-19.2 3.6-1.8.2-3.2.3-4.4.3s-2.2-.1-3.3-.3h-.2c-3.1-.5-6.2-1.4-9.5-2.3-1.1-.3-2.1-.6-3.2-.9-2.8-.8-5.7-1.7-8.4-2.6-3.2-1.1-6.6-2.2-10-3.1-3.8-1-7.4-1.8-10.9-2.5-8.8-1.9-16.3-3.5-24.9-8.1-24.4-13.2-39.6-29.7-49.3-53.4-2.3-5.6-2.9-11.2-3.6-17.2-.5-4.3-1-8.8-2.2-13.4-1.2-4.7-3.2-9-5.1-13.3-1.2-2.6-2.3-5.1-3.2-7.6-.5-1.5-1-2.7-1.4-3.7-1.3-3.5-1.6-4.2-2.1-6.9-.7-3.8-.3-6.6 0-8 .7-3.4 1.8-6.7 3-10.3l.2-.6c.9-2.7 1.9-5.3 3-8 1.4-3.6 2.9-7.4 4-11.4 1.4-5.2 2.3-9.9 3.1-14 2.1-10.9 3.6-18.7 12.4-29.4 12-14.7 30.5-29.2 52.3-41C103.9 12.7 121.7 6.6 139.8 5c.7 0 1.9-.1 3.1-.1m.1-3.8c-1.3 0-2.6 0-3.5.1-21.3 1.9-40.3 9.8-59.1 20.3C59.8 32.7 40 47.6 27 63.5S15.7 90 10.7 108.4c-1.8 6.6-4.8 12.7-6.9 19.2-1.3 3.8-2.6 7.5-3.4 11.4-.5 2.3-.7 5.6 0 9.5s1.1 4.4 3.6 11.2 6.4 13.4 8.2 20.5c2.7 10.4 1.8 20.7 6 31.1 10.5 25.7 27.1 42.4 51.1 55.4 12.6 6.8 23.3 7.5 36.7 11 6.2 1.6 12.2 4 18.4 5.7 4.4 1.2 8.7 2.6 13.1 3.3 1.3.2 2.4.3 4.1.3s2.8 0 4.9-.3c5-.6 19.7-3.7 19.7-3.7 23.6-6.6 43.5-8.4 62.4-25.5 10.2-9.2 35.4-33.3 39.9-45.5s1.1-25.4 6.1-37.6c2.6-6.3 6.9-11.9 9.6-18.1 1.3-3.1 2.9-7 3.4-9.4s.9-3.9 0-10-2-12.1-3.2-18.2c-3.4-17-9.3-29.8-18.7-44.1-9-13.7-19.9-19.8-30.6-31.2-4.7-5.1-.6-3.7-14-15.6S184 8.9 166.6 5c-6.7-1.5-13.3-3-20.1-3.8-.8 0-2.1-.1-3.5-.1' style='fill:%23231f20'/%3E%3C/svg%3E") no-repeat 50%}.intro-container .intro .about-container .pic:hover:before{animation:rotate 10s linear infinite,pulse 1.25s infinite}.intro-container .intro .about-container .pic:hover:after{animation:rotatecclockwise 15s linear infinite,pulse 1.25s infinite}.intro-container .intro .about-container .pic img{width:100%}.intro-container .intro .about-container .about{font-size:1.5rem;margin-bottom:128px}@media (max-width:575.98px){.intro-container .intro .about-container .about{font-size:1.25rem}}#works{opacity:0;padding-left:1rem;padding-right:1rem}#works .work{position:relative}#works .work:before{-o-border-image:url(./box.BBxFDA-a.png) 180 stretch;border-image:url(./box.BBxFDA-a.png) 180 fill stretch;border-image-width:60px;bottom:-1rem;content:"";left:-1rem;opacity:var(--opacity-before,0);position:absolute;right:-1rem;top:-1rem;transition:all .2s;z-index:-1}#works .header{align-items:center;display:flex;margin-bottom:1rem}#works .header .right-header{text-align:right}#works .header .dots{border-bottom:2px dotted #ccc;flex:1;height:1px;margin:0 1rem}#works .header h3.role{font-size:1.2rem;margin:0}#works .header h3.company{margin:0}#works .header h3.company p{color:#999;font-size:1rem;font-style:italic;margin:0}#works .header h3.location,#works .header h3.period{color:#999;font-size:.8rem;margin:0}@media (max-width:575.98px){#works h2{margin-bottom:3rem}}#footer{align-items:center;background:#0a1916;bottom:0;display:flex;height:50vh;justify-content:center;left:0;position:fixed;right:0;z-index:1}#footer a{display:block;font-size:3vw;font-weight:300;letter-spacing:.1em;padding-right:0;text-decoration:none;text-transform:uppercase}#footer a:after{content:none}#footer a span{color:#f8f1cc;display:inline-block;font-family:Londrina Solid,cursive,sans-serif;min-width:1vw;transition:color .3s}#footer a:hover span{color:#fff}@media (max-width:575.98px){#footer a{font-size:6vw}}