:root{--fixed-offset-sm:24px;--fixed-offset-md:1em;--fixed-top-left:0;--fixed-bottom:0;--fixed-right:0;--fixed-left:0;--fixed-center:50%;--fixed-offset-mobile-sm:.5em;--fixed-offset-mobile-bottom:20px;--content-width-desktop:calc(100% - 100px);--content-width-header-footer:calc(100% - 60px);--content-width-mobile:calc(100% - 48px)}.home-page{background-color:var(--color-bg);width:100vw;min-height:100svh;position:relative;overflow-x:hidden}.home-page-content{width:var(--content-width-desktop);margin:0 auto;position:relative}@media (max-width:1024px){.home-page-content{width:var(--content-width-mobile)}}.home-page-content{min-height:100svh;padding:var(--spacing-sm);background-color:var(--color-bg)}.header{z-index:20;flex-direction:column;justify-content:space-between;display:flex;position:absolute;bottom:1em;left:1em}@media (max-width:1024px){.header{width:100%;top:50%;bottom:unset;justify-content:center;align-items:center;left:0;transform:translateY(-50%)}}.header h1{text-transform:uppercase;font-weight:300;font-size:var(--font-size-3xl);letter-spacing:-.5rem;line-height:.75}@media (max-width:1024px){.header h1{text-align:center;font-size:var(--font-size-2xl);letter-spacing:-.1rem}}.header-line-1{margin-left:9rem}@media (max-width:1024px){.header-line-1{margin-left:-2rem}.header-line-2{margin-left:2rem}}.home-page-footer{width:100%;padding:var(--spacing-sm);align-items:flex-end;gap:var(--spacing-sm);z-index:20;display:flex;position:absolute;bottom:0;left:0}.hp-footer-col.hp-footer-col-left{flex:2}.hp-footer-col.hp-footer-col-right{flex:1;gap:1em;height:110px;display:flex}.work-preview-hero{clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);cursor:pointer;flex:1}.work-preview-hero.work-preview-hero-hidden{display:none}.work-preview-loading{font-size:var(--font-size-xs);color:var(--color-text-light);flex:1;justify-content:center;align-items:center;display:flex}.pickup-titles-list{bottom:var(--fixed-offset-sm);left:var(--fixed-offset-sm);z-index:20;flex-direction:column;gap:0;transition:opacity .5s,visibility .5s;display:flex;position:fixed}.pickup-titles-list.hidden{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:1024px){.pickup-titles-list{gap:0;width:calc(100% - 48px);bottom:24px;left:24px}}.pickup-title-item{cursor:pointer;width:fit-content;padding:.5em 0;position:relative;overflow:hidden}@media (max-width:1024px){.pickup-title-item{padding:.25em 0}}.pickup-title-item.active .pickup-title-text{font-weight:500}.pickup-title-text{z-index:2;letter-spacing:.1em;color:var(--color-text);font-size:clamp(13px,1.5vw,20px);font-weight:300;line-height:1.3;transition:color .3s;position:relative}@media (max-width:1024px){.pickup-title-text{line-height:1.45;font-size:var(--font-size-base)}}.pickup-title-highlight{z-index:0;pointer-events:none;transform-origin:100%;background-color:#ececec;width:0%;height:100%;position:absolute;top:0;left:0;transform:scaleX(1)}.center-image-container{top:var(--fixed-center);left:var(--fixed-center);z-index:0;aspect-ratio:3/2;pointer-events:none;opacity:1;width:60vw;transition:opacity .5s,visibility .5s;position:fixed;overflow:hidden;transform:translate(-50%,-50%)}.center-image-container.hidden{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:1024px){.center-image-container{width:calc(100% - 48px);max-width:600px;top:100px;transform:translate(-50%)}}.center-image{object-fit:cover;width:100%;height:100%}.view-work-display{top:var(--fixed-center);left:var(--fixed-center);z-index:20;pointer-events:all;animation:.5s viewWorkFadeIn;position:fixed;transform:translate(-50%,-50%)}.view-work-content{cursor:pointer;align-items:center;gap:.75em;padding-bottom:.5em;transition:opacity .3s;display:flex;position:relative}.view-work-content:after{content:"";background-color:var(--color-text);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.view-work-content:hover:after{width:100%}.view-work-content:hover .view-work-arrow{transform:rotate(540deg)}@media (max-width:1024px){.view-work-content:hover:after{width:0}.view-work-content:hover .view-work-arrow{transform:rotate(0)}}.view-work-text{font-size:var(--font-size-3xl);letter-spacing:.1em;color:var(--color-text);text-transform:uppercase;font-weight:300}.view-work-arrow{width:20px;height:20px;transition:transform .3s;display:block}@keyframes viewWorkFadeIn{0%{opacity:0;transform:translate(-50%,-50%)translateY(20px)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)}}.random-work-image{z-index:15;pointer-events:none;opacity:0;width:450px;height:auto;animation:3s randomImageFadeInOut;position:fixed}.random-work-image img{border:1px solid #000c}@media (max-width:1024px){.random-work-image{width:200px}}.random-work-image.no-animation{animation:none}.random-work-image-img{width:100%}@keyframes randomImageFadeInOut{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.pickup-section{width:100%;position:relative}.shape-counter-text{bottom:var(--fixed-offset-sm);right:var(--fixed-offset-sm);z-index:1000;opacity:.4;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:300;line-height:1;position:fixed}.scroll-attention-arrow{z-index:10;pointer-events:none;justify-content:flex-end;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:50%;right:24px;overflow:hidden;transform:translateY(-50%)}@media (max-width:1024px){.scroll-attention-arrow{justify-content:center;width:24px;height:24px;display:none;left:50%;right:auto;transform:translate(-50%,-50%)}}.scroll-arrow-icon{width:16px;height:16px;animation:2s infinite scrollArrowFlow;display:block}@media (max-width:1024px){.scroll-arrow-icon{width:12px;height:12px}}@keyframes scrollArrowFlow{0%{transform:translateY(0)rotate(135deg)}48%{opacity:1;transform:translateY(60px)rotate(135deg)}49%{opacity:0;transform:translateY(60px)rotate(135deg)}50%{opacity:0;transform:translateY(-60px)rotate(135deg)}51%{opacity:1;transform:translateY(-60px)rotate(135deg)}to{opacity:1;transform:translateY(0)rotate(135deg)}}