@import "https://fonts.googleapis.com/css2?family=Scoutie+Sans:wght@300;400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Patua+One&display=swap";
:root{--sidebar-bg:#f0eee8;--feed-bg:#e7e2da;--text-main:#3c3c3c;--text-muted:#7a7a7a;--border-color:#d1cec6}*{box-sizing:border-box;margin:0;padding:0}::selection{color:inherit;background-color:#fbf17e}h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,.page-title::selection,.grid-title::selection,.sidebar-header h1::selection,.sidebar-header a::selection{color:#e7e2da;background-color:#db7656}.sidebar-header a{flex-direction:column;display:inline-flex}body,html{background-color:var(--feed-bg);color:var(--text-main);font-family:Scoutie Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Patua One,serif;font-weight:400}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.portfolio-container{width:100vw;height:100vh;display:flex}.portfolio-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;height:100vh;padding:3rem 2.5rem;display:flex}.title-line{z-index:1;margin-left:-.4rem;padding:.1rem .4rem;font-size:2.4rem;transition:color .3s;position:relative}.title-line:before{content:"";z-index:-1;background-color:#db7656;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.title-line.delay{transition:color .3s .1s}.title-line.delay:before{transition:width .3s .1s}.site-title-link{flex-direction:column;display:inline-flex}.site-title-link:hover .title-line{color:#e7e2da}.site-title-link:hover .title-line:before{width:100%}.sidebar-header h1{text-transform:uppercase;color:var(--text-main);flex-direction:column;align-items:flex-start;font-weight:700;line-height:.95;display:flex}.sidebar-nav{color:var(--text-muted);flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1.1rem;display:flex}.sidebar-nav a{z-index:1;margin-left:-.4rem;padding:.2rem .4rem;transition:color .3s;position:relative}.sidebar-nav a:before{content:"";z-index:-1;background-color:#7f8a50;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.sidebar-nav a:hover,.sidebar-nav a.active:hover{color:#fbf17e!important}.sidebar-nav a:hover:before{width:100%}.sidebar-bottom{flex-direction:column;gap:1.5rem;display:flex}.social-links{gap:1.25rem;display:flex}.social-links a{color:var(--text-muted);align-items:center;transition:color .2s;display:flex}.social-links a:hover{color:var(--text-main)}.social-icon{width:18px;height:18px}.sidebar-footer{color:var(--text-muted);font-size:.75rem}.portfolio-feed{background-color:var(--feed-bg);scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex:1;height:100vh;overflow-y:auto}.portfolio-feed::-webkit-scrollbar{display:none}.portfolio-item{scroll-snap-align:start;border-bottom:1px solid var(--border-color);flex-direction:column;justify-content:center;width:100%;height:100vh;padding:3rem;display:flex}.item-media{background-color:#dcd7ce;border-radius:4px;justify-content:center;align-items:center;width:100%;height:65vh;margin-bottom:2.5rem;display:flex;overflow:hidden}.item-media iframe{border:none;width:100%;height:100%}.media-placeholder{color:var(--text-muted);font-size:.85rem}.item-footer{flex-direction:column;display:flex}.item-footer h2{letter-spacing:-.01em;font-size:1.65rem}.item-client{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:.35rem;font-family:Scoutie Sans,sans-serif;font-size:.8rem;font-weight:500}.portfolio-grid-container{flex-direction:column;gap:5rem;display:flex}.portfolio-list-feed::-webkit-scrollbar{display:none}.portfolio-grid-item{border-bottom:1px solid var(--border-color);grid-template-columns:1.4fr 1fr;align-items:flex-start;gap:3.5rem;padding-bottom:4rem;display:grid}.portfolio-grid-item:last-child{border-bottom:none}.grid-media{aspect-ratio:16/9;background-color:#dcd7ce;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.grid-media iframe{border:none;width:100%;height:100%}.grid-content{flex-direction:column;gap:1.25rem;display:flex}.grid-title{color:var(--text-main);font-size:1.85rem;line-height:1.2}.grid-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.meta-button{text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;text-align:left;border-radius:50px;width:fit-content;max-width:100%;padding:.35rem .85rem;font-family:Scoutie Sans,sans-serif;font-size:.75rem;font-weight:500;display:inline-block}.meta-button::selection{background:0 0}.meta-button.role{color:#faf9f6;background-color:#a890d0}.meta-button.client{color:#25270c;background-color:#f5e181}.meta-button.date{color:#faf9f6;background-color:#c7644d}.grid-synopsis{color:var(--text-main);white-space:pre-wrap;font-family:Scoutie Sans,sans-serif;font-size:1rem;line-height:1.6}.content-feed{background-color:var(--feed-bg);-ms-overflow-style:none;scrollbar-width:none;flex:1;height:100vh;padding:3rem 3rem 8rem;overflow-y:auto}.content-feed::-webkit-scrollbar{display:none}.page-title{border-bottom:1px solid var(--border-color);margin-bottom:3.5rem;padding-bottom:1.5rem;font-size:2.5rem}.inline-archive-link{color:#25270c;z-index:1;margin:0 -.1rem;padding:.05rem .1rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.inline-archive-link:before{content:"";z-index:-1;background-color:#7f8a50;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.inline-archive-link:hover{color:#fbf17e!important}.inline-archive-link:hover:before{width:100%}.archive-year-group{align-items:stretch;gap:3rem;margin-bottom:5rem;display:flex}.archive-year-header{flex:none;width:auto}.archive-year-text{color:var(--text-main);font-size:2.65rem}.archive-year-line{background-color:var(--border-color);width:1px}.archive-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:3rem 2.5rem;display:grid}@media (max-width:1024px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.archive-year-group{flex-direction:column;gap:1.5rem}.archive-year-line{width:100%;height:1px}.archive-year-header{width:auto}.archive-grid{grid-template-columns:1fr}}.archive-item{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.archive-title{color:var(--text-main);font-size:1.1rem;line-height:1.4}.archive-meta{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.archive-link-hover{cursor:pointer;text-decoration:none}.archive-link-hover .archive-title{color:var(--text-main);transition:color .3s}.archive-link-hover:hover .archive-title{color:#db7656}.item-media,.grid-media{background:#e6e4dc;border-radius:4px;width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.item-media iframe,.grid-media iframe,.grid-media a,.grid-media img,.media-placeholder{object-fit:cover;border:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:769px){.mobile-header-wrapper,.mobile-overlay,.about-mobile-layout{display:none!important}.archive-year-group{display:flex}.archive-year-header{flex-shrink:0;width:100px}.archive-grid{flex:1}.portfolio-sidebar{flex-direction:column;height:100vh;display:flex;position:sticky;top:0;padding-bottom:2rem!important}.desktop-header-wrapper{flex-direction:column;height:100%;display:flex}.desktop-only-social{margin-top:auto!important;padding-bottom:0!important}.site-title-link:hover .title-line{color:#e7e2da!important}.sidebar-nav a,.inline-archive-link{background-image:linear-gradient(#7f8a50,#7f8a50);background-position:0;background-repeat:no-repeat;background-size:0% 100%;text-decoration:none;transition:background-size .3s,color .3s}.inline-archive-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.sidebar-nav a:hover,.inline-archive-link:hover,.sidebar-nav a:active,.inline-archive-link:active{background-size:100% 100%;color:#fbf17e!important}}@media (max-width:1024px){.portfolio-grid-container,.archive-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){html,body{height:auto!important;position:relative!important;overflow-y:auto!important}.portfolio-container{min-height:100vh;flex-direction:column!important;height:auto!important;display:flex!important;overflow-y:visible!important}.portfolio-sidebar{z-index:1000!important;background:0 0!important;border-right:none!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;position:relative!important;overflow:visible!important}.content-feed{height:auto!important;padding:1.5rem 1.5rem 5rem!important;overflow-y:visible!important}.portfolio-feed{scroll-snap-type:none!important;height:auto!important;overflow-y:visible!important}.portfolio-item{border-bottom:1px solid #0000001a;scroll-snap-align:none!important;height:auto!important;margin-bottom:2rem!important;padding-bottom:1.5rem!important}.portfolio-item:last-child{border-bottom:none}.item-footer{flex-direction:column;gap:.25rem;display:flex;margin-top:.75rem!important}.item-footer h2,.item-client{margin:0!important}.mobile-pagination{justify-content:center;gap:.75rem;margin-top:1rem;padding-bottom:3rem;display:flex}.pagination-button{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-family:Scoutie Sans,sans-serif;font-size:1.1rem;transition:all .3s;display:flex}.pagination-button.active{color:#fbf17e;background-color:#7f8a50;border-color:#7f8a50}.portfolio-grid-container{gap:3rem;grid-template-columns:1fr!important}.portfolio-grid-item{flex-direction:column;gap:1rem;display:flex}.grid-meta{flex-wrap:wrap;gap:.5rem;display:flex}.archive-grid{gap:2rem;grid-template-columns:1fr!important}.archive-year-group{flex-direction:column;gap:1rem;display:flex;margin-bottom:5rem!important}.archive-year-line{display:none}.archive-year-header{margin-bottom:.5rem;width:100%!important}.archive-meta{flex-wrap:wrap;gap:.5rem;display:flex}.about-desktop-layout{display:none!important}.about-mobile-layout{flex-direction:column;gap:1.5rem;padding-bottom:3rem;display:flex}.about-mobile-layout p{color:var(--text-main)!important;font-size:1rem!important;line-height:1.6!important}.page-title{margin-bottom:1.5rem!important}.page-title+p{margin-top:1.5rem!important;margin-bottom:3rem!important}.about-image-mobile{aspect-ratio:2/3;border-radius:4px;width:100%;max-width:100%;height:auto;position:relative;overflow:hidden}.mobile-overlay{z-index:900;background:#000000a6;width:100vw;height:100dvh;position:fixed;top:0;left:0}.desktop-header-wrapper{display:none!important}.mobile-top-bar{z-index:1001;background-color:#efece4;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative}.mobile-title-text{letter-spacing:-.02em;margin:0;font-size:1.6rem;line-height:1}.mobile-dropdown{z-index:1000;background-color:#efece4;width:100%;max-height:0;transition:max-height .4s;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 15px 15px -10px #0000001a}.mobile-dropdown.menu-open{max-height:60dvh;overflow-y:auto}.mobile-dropdown-inner{flex-direction:column;gap:2rem;padding:2rem 1.5rem 2.5rem;display:flex}.mobile-dropdown-inner .sidebar-nav{gap:1.25rem!important;margin-top:0!important;font-size:1.35rem!important}.mobile-dropdown-inner .social-links{gap:1.5rem!important}.mobile-dropdown-inner .social-icon{width:26px!important;height:26px!important}.sidebar-nav a:before,.inline-archive-link:before{display:none!important}.sidebar-nav a,.inline-archive-link{background:0 0!important;transition:color .2s!important}.sidebar-nav a:hover,.sidebar-nav a:active,.sidebar-nav a:focus,.inline-archive-link:hover,.inline-archive-link:active,.inline-archive-link:focus{color:#7f8a50!important;-webkit-text-fill-color:#7f8a50!important}.hamburger{z-index:1001;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:relative}.hamburger span{background:#3c3c3c;border-radius:2px;width:2rem;height:.15rem;margin:0;transition:transform .3s,opacity .3s;position:absolute}.hamburger span:first-child{transform:translateY(-8px)}.hamburger span:nth-child(2){transform:translateY(0)}.hamburger span:nth-child(3){transform:translateY(8px)}.hamburger.is-active span:first-child{transform:translateY(0)rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(3){transform:translateY(0)rotate(-45deg)}}