:root{--black-color:#10100e;--gray-d3-color:#191815;--gray-d2-color:#30302b;--gray-d1-color:#606055;--gray-bg-color:#c0c0ab;--gray-l1-color:#e8e8cf;--gray-l2-color:#f8f8dd;--white-color:#FFFFFF;--accent-l4-color:#fff1d5;--accent-l3-color:#ffe4ac;--accent-l2-color:#fdd683;--accent-l1-color:#f8c957;--accent-d1-color:#bd931d;--accent-d2-color:#8b6c1c;--accent-d3-color:#5b4818;--accent-d4-color:#302611;--accent-color:#f3bd1a;--text-color:var(--black-color);--bg-color:var(--white-color);--skeleton-bg:var(--gray-l2-color);--indicator-active:var(--accent-color);--indicator-bg:var(--accent-d4-color)}@media (prefers-color-scheme:dark){:root{--text-color:var(--accent-l4-color);--bg-color:var(--gray-d3-color);--skeleton-bg:var(--gray-d3-color);--text-hover-color:var(--bg-color);--indicator-active:var(--accent-l1-color);--indicator-bg:var(--accent-d2-color)}}*{margin:0;padding:0}body{font-family:"Crimson Pro",serif;font-size:1rem;line-height:1.2rem;color:var(--text-color);background:var(--bg-color)}.wrapper{margin:6rem auto 0;width:92%}.bodytext{font-size:1.2rem;line-height:1.85rem}.intro{width:75%;margin-top:2rem}h1,h2,h3,h4{font-family:'Cabinet Grotesk',serif;font-weight:900}.nav{display:none}.bodytext a:link,.bodytext a:visited,.portfolio p a:link,.portfolio p a:visited{font-weight:700;text-decoration-color:var(--accent-color);text-underline-offset:.2rem;text-decoration-thickness:.1rem;color:inherit;transition:background-color .2s ease-in-out}.bodytext a:active,.bodytext a:hover,.portfolio p a:active,.portfolio p a:hover{background-color:var(--accent-color);color:inherit;transition:background-color .3s ease-in-out}.portfolio-wrapper{position:relative;width:92%;margin:2rem auto 2rem;overflow:hidden}.portfolio-wrapper::after{content:"";pointer-events:none;position:absolute;top:0;right:0;height:100%;width:55px;background:linear-gradient(90deg,transparent,var(--bg-color));z-index:2}.portfolio{display:flex;overflow-x:scroll;overflow-y:hidden;list-style-type:none;scroll-snap-type:x proximity;width:100%}.portfolio .img,.portfolio .img-holder{aspect-ratio:1;display:block;opacity:0;animation:fadeIn 2s forwards}@keyframes fadeIn{to{opacity:1}}.portfolio img{max-width:100%}.portfolio li{display:block;flex:0 0 300px;min-height:70vh;margin-right:2rem;scroll-snap-align:start}.portfolio li:last-child{margin-right:55px}.portfolio h3{text-transform:uppercase;font-size:1rem;line-height:1.1rem;font-weight:320;margin:.7rem 0 0}.portfolio h3 span{font-weight:690}.portfolio h4{font-size:2.25rem;line-height:2.0625rem;min-height:4.125rem;margin:.6rem 0 1.1rem}.portfolio p{margin-bottom:.6rem}.img-holder{width:100%;aspect-ratio:1;background:var(--skeleton-bg);overflow:hidden;position:relative}.img-holder img{position:absolute;opacity:1;cursor:e-resize;pointer-events:none;transition:opacity .3s ease-in}.img-holder img:first-child{pointer-events:auto}.indicator-holder{width:100%;display:flex;gap:1px;flex-direction:row;cursor:not-allowed}.indicator-holder div{background:var(--indicator-bg);height:5px;flex:1;transition:background .15s ease-in}.indicator-holder .active{background:var(--indicator-active);transition:background .3s ease-out}@media (prefers-color-scheme:dark){h4{font-weight:870}p{letter-spacing:.6px}.bodytext a:link,.bodytext a:visited,.portfolio p a:link,.portfolio p a:visited{transition:background-color .1s ease-out,color .1s ease-out}.bodytext a:active,.bodytext a:hover,.portfolio p a:active,.portfolio p a:hover{color:var(--text-hover-color);transition:background-color .3s ease-in-out,color .2s ease-in-out}}@media (min-width:1024px){.portfolio-wrapper{margin-top:4rem}.portfolio li{flex-basis:370px}.portfolio-wrapper::after{width:200px}.portfolio li:last-child{margin-right:200px}.portfolio h3{font-size:1.2rem;line-height:1.2rem;margin-top:.8rem;font-weight:280}.portfolio h3 span{font-weight:600}.portfolio h4{font-size:2.85rem;line-height:2.6125rem;min-height:5.225rem;margin:.67rem 0 1.393rem}.portfolio p{font-size:1.2rem;line-height:1.9rem;margin-bottom:.95rem}}@media (min-width:1366px){.portfolio-wrapper{margin-top:8rem}.portfolio li{flex-basis:460px}.portfolio h4{font-size:3.45rem;line-height:3.1625rem;min-height:6.325rem;margin:.7rem 0 1.2rem}.portfolio p{font-size:1.4rem;line-height:2rem;margin-bottom:1rem}}.nowrap{white-space:nowrap}.sro{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}