@charset "UTF-8";@import"https://use.typekit.net/lug2zch.css";*{margin:0;padding:0}html,body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@supports (-webkit-touch-callout: none){html,body,#smooth-wrapper{overscroll-behavior:none;-webkit-overflow-scrolling:auto}#smooth-content{overscroll-behavior:none}}@media (hover: none) and (pointer: coarse){body{overscroll-behavior-x:none}}[data-section]{font-size:0}:root{--text-color-black: #000;--text-color-white: #fff;--text-trirary-black-is-ready: #4c4c4c;--text-secondary-black: #808080;--background-color: #ffffff;--grid-gap: 16px;--grid-columns: 12;--grid: calc(calc(100vw - calc(var(--grid-gap) * calc(var(--grid-columns) - 1))) / var(--grid-columns));--grid-calc: calc(var(--grid) * var(--grid-cols, 1) + var(--grid-gap) * calc(var(--grid-cols, 1) - 1));--grid-half: calc(var(--grid) * calc(var(--grid-columns) / 2) + var(--grid-gap) * calc(calc(var(--grid-columns) / 2) - 1));--grid-third: calc(var(--grid) * calc(var(--grid-columns) / 3) + var(--grid-gap) * calc(calc(var(--grid-columns) / 3) - 1));--grid-quarter: calc(var(--grid) * calc(var(--grid-columns) / 4) + var(--grid-gap) * calc(calc(var(--grid-columns) / 4) - 1));--grid-fifth: calc(var(--grid) * calc(var(--grid-columns) / 5) + var(--grid-gap) * calc(calc(var(--grid-columns) / 5) - 1));--grid-sixth: calc(var(--grid) * calc(var(--grid-columns) / 6) + var(--grid-gap) * calc(calc(var(--grid-columns) / 6) - 1));--grid-1: calc(var(--grid) * 1 + var(--grid-gap) * 0);--grid-2: calc(var(--grid) * calc(var(--grid-columns) / 6) + var(--grid-gap) * calc(calc(var(--grid-columns) / 6) - 1));--grid-3: calc(var(--grid) * calc(var(--grid-columns) / 4) + var(--grid-gap) * calc(calc(var(--grid-columns) / 4) - 1));--grid-4: calc(var(--grid) * calc(var(--grid-columns) / 3) + var(--grid-gap) * calc(calc(var(--grid-columns) / 3) - 1));--grid-5: calc(var(--grid) * calc(var(--grid-columns) * 5 / 12) + var(--grid-gap) * calc(calc(var(--grid-columns) * 5 / 12) - 1));--grid-6: calc(var(--grid) * calc(var(--grid-columns) / 2) + var(--grid-gap) * calc(calc(var(--grid-columns) / 2) - 1));--grid-7: calc(var(--grid) * calc(var(--grid-columns) * 7 / 12) + var(--grid-gap) * calc(calc(var(--grid-columns) * 7 / 12) - 1));--grid-8: calc(var(--grid) * calc(var(--grid-columns) * 2 / 3) + var(--grid-gap) * calc(calc(var(--grid-columns) * 2 / 3) - 1));--grid-9: calc(var(--grid) * calc(var(--grid-columns) * 3 / 4) + var(--grid-gap) * calc(calc(var(--grid-columns) * 3 / 4) - 1));--grid-10: calc(var(--grid) * calc(var(--grid-columns) * 5 / 6) + var(--grid-gap) * calc(calc(var(--grid-columns) * 5 / 6) - 1));--grid-11: calc(var(--grid) * calc(var(--grid-columns) * 11 / 12) + var(--grid-gap) * calc(calc(var(--grid-columns) * 11 / 12) - 1));--grid-12: calc(var(--grid) * 12 + var(--grid-gap) * 11);--background-color: #000;--outQuad: cubic-bezier(.25, .46, .45, .94);--power1In: cubic-bezier(.11, 0, .5, 0);--power1Out: cubic-bezier(.5, 1, .89, 1);--power1InOut: cubic-bezier(.45, 0, .55, 1);--power2In: cubic-bezier(.32, 0, .67, 0);--power2Out: cubic-bezier(.33, 1, .68, 1);--power2InOut: cubic-bezier(.65, 0, .35, 1);--power3In: cubic-bezier(.5, 0, .75, 0);--power3Out: cubic-bezier(.25, 1, .5, 1);--power3InOut: cubic-bezier(.76, 0, .24, 1);--power4In: cubic-bezier(.64, 0, .78, 0);--power4Out: cubic-bezier(.22, 1, .36, 1);--power4InOut: cubic-bezier(.83, 0, .17, 1);--expoOut: cubic-bezier(.16, 1, .3, 1);--expoInOut: cubic-bezier(.87, 0, .13, 1);--expoIn: cubic-bezier(.7, 0, .84, 0);--sineInOut: cubic-bezier(.37, 0, .63, 1);--sineOut: cubic-bezier(.61, 1, .88, 1);--sineIn: cubic-bezier(.12, 0, .39, 0);--gap8: 8px;--gap16: 16px;--gap24: 24px;--gap32: 32px;--gap40: 40px;--gap48: 48px;--gap56: 56px;--gap60: 60px;--gap64: 64px;--gap80: 80px;--gap96: 96px;--gap104: 104px;--gap112: 112px;--gap120: 120px;--gap128: 128px;--gap136: 136px;--gap140: 140px;--gap152: 152px;--gap160: 160px;--gap168: 168px;--gap176: 176px;--gap184: 184px;--gap180: 180px;--gap192: 192px;--gap200: 200px;--gap240: 240px;--gap264: 264px;--gap280: 280px;--gap300: 300px;--gap320: 320px;--gap366: 366px;--gap360: 360px;--gap400: 400px;--gap500: 500px;--gap158: 158px}@media (max-width: 1440px) and (min-width: 1025px){:root{--grid-columns: 8;--grid-gap: 16px}}@media (max-width: 1024px){:root{--grid-columns: 4;--grid-gap: 16px;--grid-1: calc((100vw - 80px)/4 + 0px) ;--grid-2: calc((100vw - 80px)/2 + 16px) ;--grid-3: calc((100vw - 80px)*.75 + 32px) ;--grid-4: calc((100vw - 80px)*1 + 48px) }}*{padding:0;margin:0;box-sizing:border-box}html,body{font-size:10px;width:100vw;overflow-x:hidden}.app{overflow-x:hidden;width:100vw}button,a{background:transparent;outline:none;border:none;cursor:pointer}canvas{position:absolute;top:0;left:0;width:100%;height:100%}.dev-tools button,a{color:#fff}[data-section]{box-sizing:border-box}#debug{padding:10px;background-color:#9c0de0;color:#fff;font-size:1.4rem;z-index:9999}.dg.ac{z-index:9999999!important;display:none!important}.is-complete [data-section=hero]{opacity:1!important}.pin-spacer{pointer-events:none}.pin-cover{position:relative;width:100%}.background{pointer-events:none!important;z-index:-1}.award-project-list{position:relative;z-index:10;background-color:var(--text-color-white);display:flex;flex-direction:column;gap:45dvh}.award-project-list [data-section]{position:relative}.footer-active [data-section=projectList],.footer-active .award-project-list{opacity:0!important}.sub-title{will-change:auto}.bg-dark,.bg-light,[data-section=sectionPinner]{position:relative}[data-section=sectionPinner]:before{display:block;width:100%;height:4px;bottom:-2px;left:0;position:absolute;background-color:var(--text-color-black)}.symbol-ref{background-color:transparent!important;opacity:.15!important;min-width:var(--grid-11)!important;width:var(--grid-11)!important;padding-left:0!important;padding-right:0!important}@media (max-width: 1024px){.symbol-ref{width:100%!important}}@media (max-width: 1440px) and (min-width: 1025px){.symbol-ref{min-width:var(--grid-7)!important;width:var(--grid-7)!important}}::selection{background-color:var(--text-color-black);color:var(--text-color-white)}.image-inner{will-change:transform;transition:transform 1s var(--expoOut);backface-visibility:hidden}.image-inner.animate{transform:scale(1)!important}#debug{position:fixed;top:120px;left:20px;z-index:99999999;display:flex;flex-direction:column;gap:0px;padding:16px;background-color:#000c;border-radius:8px;max-height:80vh;overflow-y:auto;width:220px;transition:.3s;font-size:12px;font-family:Courier New;display:none}#debug br{display:block;height:10px}.stagger-animation .sub-title{transform:translateY(100%);will-change:transform;backface-visibility:hidden;transition:transform .78s var(--expoOut)}@media (max-width: 1024px){.stagger-animation .sub-title{transition:transform .75s var(--expoOut)}}.stagger-animation .sub-title.animate{transform:translateY(0)}[data-section=sectionPinnerEnd]{position:relative}[data-section=awardManifesto] .symbol-ref{left:50%;transform:translate(-50%,-50%)}[data-section=uxOpener]{position:relative}[data-section=introManifesto]:has(.is-first[data-state=now]) .is-second{color:var(--text-color-white)!important}.pin-spacer:has(.manifesto-container){z-index:4!important}.gsap-marker-scroller-start,.gsap-marker-scroller-end{z-index:999999!important}div:has(>.symbol-container){opacity:0}[data-section=uxOpener]{position:relative;min-height:100dvh}[data-section=uxOpener]>div:first-of-type{padding-bottom:var(--gap180)!important;min-height:unset!important}.symbol-container{opacity:1!important}.pin-spacer-imageOsulloc-0:has(.sticky-active):before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:var(--text-color-black)}.hidden-marker .gsap-marker-scroller-start,.hidden-marker .gsap-marker-scroller-end,.hidden-marker .gsap-marker-start,.hidden-marker .gsap-marker-end{display:none!important}.is-pc{display:flex!important}.is-mobile{display:none!important}@media (min-width: 1025px){.is-pc{display:flex!important}.is-mobile{display:none!important}}@media (max-width: 1024px){.is-mobile{display:flex!important}.is-pc{display:none!important}}html{background:var(--text-color-white);transition:none}html:has(body[data-theme=dark]){background:var(--text-color-black);transition:background .5s var(--power1Out)}@media (max-width: 1024px){html:has(body[data-theme=dark]){transition:background .4s var(--power1Out)}}html:has(body[data-theme=dark]):has(body[data-transition=false]){transition:none!important}html:has(body[data-theme=light]){background:var(--text-color-white);transition:background .4s var(--power1Out)}html:has(body[data-theme=light]):has(body[data-transition=false]){transition:none!important}@media (max-width: 1024px){html:has(body[data-theme=light]){transition:background .4s var(--power1Out)}}html:has(body[data-theme=light].is-loading),html:has(body[data-theme=dark].is-loading){background:var(--text-color-white)!important}@media (max-width: 1024px){html:has(body.is-loading){height:100dvh;overflow:hidden}html:has(body.is-loading) #smooth-wrapper{overflow-y:visible;height:100dvh!important}}@media (max-width: 1024px){[data-section=shareScrollContent] .shareScrollContent{gap:var(--gap64)!important}.content-scroll-section .content-card-container{min-width:unset!important}.content-scroll-section .content-card-container.is-full{width:var(--grid-4)!important;margin-left:auto!important;margin-right:auto!important;padding-right:0!important;padding-left:0!important}[data-section=shareXPin] .pin-spacer{background-color:#000!important;z-index:-1!important}}@media screen and (max-width: 1024px){[data-section=imageOsulloc] div{width:100vw!important;height:100dvh!important;min-width:100vw!important;min-height:100dvh!important}}.image-with-parallax{aspect-ratio:unset!important;width:100vw!important;height:60vw!important;min-width:100vw!important;min-height:60vw!important}@media screen and (max-width: 1024px){.image-with-parallax{height:80dvh!important;min-height:80dvh!important;overflow:hidden}}html:has(.is-lock){overflow:hidden}[data-section=shareOpener]:before{position:absolute;content:"";top:0;left:0;width:100%;height:4px;background-color:var(--text-color-black);transform:translateY(-50%)}.gsap-marker-start,.gsap-marker-end,.gsap-marker-scroller-start,.gsap-marker-scroller-end{font-family:sans-serif!important;font-size:16px!important;color:#fff!important;padding:2px 6px!important;border-radius:2px!important;z-index:999999!important;pointer-events:none!important;border:none!important}.gsap-marker-end,.gsap-marker-scroller-end{background-color:red!important}.gsap-marker-start,.gsap-marker-scroller-start{background-color:green!important}.gsap-custom-marker{position:absolute;font-family:sans-serif!important;font-size:16px!important;color:#fff!important;padding:2px 6px!important;border-radius:2px!important;z-index:999999!important;pointer-events:none!important;border:none!important}.gsap-custom-marker:after{position:absolute;content:"";top:0;left:0;width:50vw;height:3px;background-color:inherit}[data-section=scrollContent]{margin-bottom:15dvh}@media screen and (max-width: 1024px){[data-section=scrollContent]{margin-bottom:0}}[data-section=uxScrollContent2] .content-scroll-section{padding-top:var(--gap32)}@media (max-width: 1024px){[data-section=uxScrollContent2] .content-scroll-section{margin-top:0!important;padding-top:140px!important}}.pin-spacer-projectList-sticky:has(.sticky-active) .bar,.pin-spacer-projectList-sticky:has(.sticky-active) [alt=portfolio-thumbnail]{opacity:0;transition:opacity .3s var(--expoOut)}[src="/assets/ux/ux_ux_KolonMall_1.png"]{top:10px}@media (max-width: 1024px){.content-scroll-section-scroll{gap:0!important}.content-scroll-section .content-card-container .badge-container{margin-top:8px!important}.content-scroll-section .content-card-container.sc-2{width:var(--grid-3)!important;--minWidth: var(--grid-3) !important;padding:0!important;margin-left:auto!important;margin-right:var(--grid-gap)!important;--aspectRatio: 269/300 !important}.content-scroll-section .content-card-container.sc-2 .main-title{width:var(--grid-3)!important;max-width:40vw;padding:8px var(--grid-gap) 0 0!important;margin-left:0!important;margin-right:auto;overflow:hidden}.content-scroll-section .content-card-container.sc-3{width:var(--grid-3)!important;--minWidth: var(--grid-3) !important;padding-left:0!important;margin-left:var(--grid-gap)!important;--aspectRatio: 253/300 !important}.content-scroll-section .content-card-container.sc-3 .main-title{width:var(--grid-2)!important;padding:8px 0 0!important;max-width:40vw;padding:8px var(--grid-gap) 0 0!important;margin-left:0!important;margin-right:auto;gap:10px}.content-scroll-section .content-card-container.sc-3 .image-container{min-width:calc(var(--grid-3) - var(--grid-gap))!important}.content-scroll-section .content-card-container.sc-4{width:var(--grid-4)!important;padding:0!important;margin-top:0!important;--aspectRatio: 343/300 !important;--minWidth: var(--grid-4) !important}.content-scroll-section .content-card-container.sc-4 .main-title{width:calc(var(--grid-2) + 8px)!important;margin-right:0;padding:8px 0 0!important}.content-scroll-section .content-card-container.ux-3{width:calc(100vw - var(--grid-gap) * 2)!important;padding-left:0!important;--minWidth: calc(100vw - var(--grid-gap) * 2) !important;min-width:var(--minWidth)!important;margin-right:auto!important;padding-right:0!important;margin-left:auto!important}.content-scroll-section .content-card-container.ux-33{width:var(--grid-3)!important;--minWidth: var(--grid-3) !important;margin-left:0!important}.content-scroll-section .content-card-container.share-1{--aspectRatio: 515/474 !important;--minWidth: var(--grid-2) !important;min-width:var(--grid-2)!important;padding:0!important;margin-left:var(--grid-gap)!important;margin-right:auto!important;margin-top:0!important;margin-bottom:0!important}.content-scroll-section .content-card-container.share-2{--aspectRatio: 394/874 !important;--minWidth: var(--grid-4) !important;min-width:var(--grid-4)!important;padding:0 calc(var(--grid-gap) * 2)!important;margin:0 auto!important}.content-scroll-section .content-card-container.share-2-1{--aspectRatio: 1/1 !important;--minWidth: calc(var(--grid-3) + var(--grid-gap)) !important;min-width:calc(var(--grid-3) + var(--grid-gap))!important;padding:0!important;margin:0 auto 0 0!important}.content-scroll-section .content-card-container.share-2-2{--aspectRatio: 1/1 !important;--minWidth: calc(var(--grid-3) - var(--grid-gap)) !important;min-width:calc(var(--grid-3) - var(--grid-gap))!important;padding:0!important}[data-section=bxScrollContent]{margin-top:var(--gap180)!important}[data-section=bxScrollContent] .closing-title{order:3!important;margin-bottom:0!important;margin-top:0!important}[data-section=shareScrollContent] .content-main-title{margin-bottom:var(--gap180)!important}[data-section=shareScrollContent] .closing-title{margin-bottom:var(--gap120)!important;margin-top:0!important}[data-section=shareScrollContent2] .content-main-title{order:10;margin-bottom:var(--gap180)!important}[data-section=bxScrollContent] .content-main-title{margin:0!important}[data-section=uxScrollContent2] .closing-title{margin:0!important;order:5}[data-section=uxScrollContent2] .content-main-title{order:-1;padding:0;top:unset!important;margin-top:0!important}[data-section=uxScrollContent2] .kolon-group{gap:var(--grid-gap)!important;justify-content:center!important;margin-bottom:0!important;order:4;margin-left:auto!important;margin-right:auto!important}[data-section=uxScrollContent2] .kolon-group .content-card-container{width:var(--grid-2)!important;padding-left:0!important;--minWidth: var(--grid-2) !important;margin-left:0!important;margin-right:0!important;margin-bottom:0!important}[data-section=uxScrollContent2] .ungrouped{order:2}[data-section=newIntroManifesto3] .badge-1{left:var(--grid-gap)!important;width:max-content!important}[data-section=newIntroManifesto3] .badge.badge-2{top:auto!important;bottom:0!important;left:auto!important;right:var(--grid-gap)!important}[data-section=newIntroManifesto2]{margin-top:15dvh}}.share-paw{align-items:flex-start!important}[data-section=uxScrollContent2] .closing-title{order:3}[data-section=uxScrollContent2] .kolon-group{margin-left:calc(var(--grid-gap) + var(--grid-1))!important;order:0}[data-section=uxScrollContent2] .kolon-group .ux-4{margin-top:37%!important}@media (max-width: 1024px){[data-section=uxScrollContent2] .kolon-group{margin-left:var(--grid-gap)!important}}[data-section=uxScrollContent2] .row-group{flex-direction:row;margin-top:var(--gap280)!important;padding-left:var(--grid-1)!important;margin-left:var(--grid-gap)!important;order:5}[data-section=uxScrollContent2] .row-group .content-card-container:nth-of-type(1){margin-top:37%!important}@media (max-width: 1024px){[data-section=uxScrollContent2] .row-group{padding-left:0!important;margin-top:0!important;margin-left:var(--grid-gap)!important;margin-right:var(--grid-gap)!important}[data-section=uxScrollContent2] .row-group .content-card-container{width:var(--grid-2)!important;padding-left:0!important;--minWidth: var(--grid-2) !important;margin-left:0!important;margin-right:0!important}[data-section=uxScrollContent2] .row-group .content-card-container:nth-of-type(1){margin-top:37%!important}}[data-section=uxScrollContent2] .ux-group{display:flex;flex-direction:row;align-items:flex-start;order:5;margin-right:auto!important;margin-left:calc(var(--grid-1) + var(--grid-gap) * 2)!important;margin-bottom:var(--gap264)!important}@media (max-width: 1024px){[data-section=uxScrollContent2] .ux-group{width:calc(100% - var(--grid-gap) * 2)!important;margin-left:auto!important;margin-right:auto!important;flex-wrap:nowrap;margin-bottom:0!important;gap:var(--grid-gap)!important}[data-section=uxScrollContent2] .ux-group .content-card-container{margin-top:inherit!important;width:calc(50% - var(--grid-gap) * .5)!important;--minWidth: calc(50% - calc(var(--grid-gap) * .5)) !important;min-width:calc(50% - var(--grid-gap) * .5)!important;padding:0!important;margin-right:0!important;margin-left:0!important}[data-section=uxScrollContent2] .ux-group .content-card-container:nth-of-type(2){order:-1}[data-section=uxScrollContent2] .ux-group .content-card-container:nth-of-type(1){margin-top:30%!important}}@media (max-width: 1024px){[data-section=uxScrollContent2] .ux-7{width:68vw!important;--minWidth: 68vw !important;min-width:68vw!important;padding:0!important;margin-left:var(--grid-gap)!important;margin-right:auto!important;margin-top:var(--gap120)!important;margin-bottom:0!important}}@media (max-width: 1024px){[data-section=bxScrollContent] .bx-1{margin-top:0!important}[data-section=bxScrollContent] .bx-new{width:68vw!important;--minWidth: 68vw !important;min-width:68vw!important;margin-left:var(--grid-gap)!important}[data-section=bxScrollContent] .bx-77,[data-section=bxScrollContent] .bx-7{width:calc(100% - var(--grid-gap) * 2)!important;--minWidth: calc(100% - calc(var(--grid-gap) * 2)) !important;min-width:calc(100% - var(--grid-gap) * 2)!important;padding:0!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:0!important}[data-section=bxScrollContent] .bx-8{width:68vw!important;--minWidth: 68vw !important;min-width:68vw!important;margin-left:var(--grid-gap)!important}[data-section=bxScrollContent] .bx-9{width:100vw!important;--minWidth: 100vw !important;min-width:100vw!important;margin-left:0!important;border-radius:0!important;margin-top:120px!important;--aspectRatio: 564 / 167 !important}}[data-section=bxScrollContent] .bx-group{display:flex;flex-direction:row;margin-right:auto;margin-left:calc(var(--grid-1) + var(--grid-gap) * 2)!important;order:1}@media (max-width: 1024px){[data-section=bxScrollContent] .bx-group{width:calc(100% - var(--grid-gap) * 2)!important;margin-left:auto!important;margin-right:auto!important;flex-wrap:nowrap;gap:var(--grid-gap)!important}[data-section=bxScrollContent] .bx-group .content-card-container{margin-top:inherit!important;width:calc(50% - var(--grid-gap) * .5)!important;--minWidth: calc(50% - calc(var(--grid-gap) * .5)) !important;min-width:calc(50% - var(--grid-gap) * .5)!important;padding:0!important;margin-right:0!important;margin-left:0!important}[data-section=bxScrollContent] .bx-group .content-card-container:nth-of-type(1){order:-1}[data-section=bxScrollContent] .bx-group .content-card-container:nth-of-type(2){margin-top:30%!important}}[data-section=bxScrollContent] .bx-group-2{order:4;margin-left:auto!important;margin-right:calc(var(--grid-1) + var(--grid-gap) * 2)!important}@media (max-width: 1024px){[data-section=bxScrollContent] .bx-group-2{width:calc(100% - var(--grid-gap) * 2)!important;margin-left:auto!important;margin-right:auto!important;flex-wrap:nowrap;gap:var(--grid-gap)!important}[data-section=bxScrollContent] .bx-group-2 .content-card-container{margin-top:inherit!important;width:calc(50% - var(--grid-gap) * .5)!important;--minWidth: calc(50% - calc(var(--grid-gap) * .5)) !important;min-width:calc(50% - var(--grid-gap) * .5)!important;padding:0!important;margin-right:0!important;margin-left:0!important}[data-section=bxScrollContent] .bx-group-2 .content-card-container+.content-card-container{margin-top:30%!important}}.project-title[data-state=now]{color:var(--text-color-white)!important}.device-mobile{position:fixed;top:0;left:0;width:100vw;overflow:hidden;height:100dvh}.device-mobile .project-list-pin-bar{display:none!important}.device-mobile.is-lock #smooth-wrapper{overflow:hidden}.device-mobile.os-ios:-webkit-scrollbar{display:block!important}.device-mobile #smooth-wrapper{overflow-y:auto;width:100vw;overscroll-behavior-x:none;overflow-x:hidden;height:100dvh;-webkit-overflow-scrolling:touch;touch-action:pan-y}.t-award .inner{opacity:0!important}.bar{display:none!important}@keyframes slideInFromBottom2{0%{transform:translateY(200px)}to{transform:translateY(0)}}@keyframes slideInFromTop2{0%{transform:translateY(-200px)}to{transform:translateY(0)}}.t-award .t-award-list{opacity:0;transition:none}.t-award-info{transform:translateY(110%);transition:none}.t-award-info[data-state=""]{transform:translateY(110%)!important}.t-award-info[data-state=current][data-direction=up]{animation:slideInFromBottom .6s var(--power2Out) forwards}.t-award-info[data-state=current][data-direction=down]{animation:slideInFromTop .6s var(--power2Out) forwards}.t-award-info[data-state=prev][data-direction=up]{animation:slideOutToTop .6s var(--power2Out) forwards}.t-award-info[data-state=prev][data-direction=down]{animation:slideOutToBottom .6s var(--power2Out) forwards}@keyframes slideInFromBottom{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes slideInFromTop{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes slideOutToTop{0%{transform:translateY(0)}to{transform:translateY(-130%)}}@keyframes slideOutToBottom{0%{transform:translateY(0)}to{transform:translateY(130%)}}:root{--hideDuration: .6s;--showDuration: .8s}[data-manifesto]{opacity:0}[data-manifesto] .stagger-animation{transform:translateY(90px)}.manifesto-visible{opacity:1!important;transition:opacity var(--showDuration) var(--power3Out)}.manifesto-visible .stagger-animation{transition:transform var(--showDuration) var(--power3Out);animation:showIn var(--showDuration) var(--power3Out) both}.manifesto-hidden{opacity:0!important;transition:opacity var(--hideDuration) var(--expoOut)}.manifesto-hidden .stagger-animation{transition:transform var(--hideDuration) var(--power2Out);animation:hideOut var(--hideDuration) var(--power2Out) both}@keyframes showIn{0%{transform:translateY(90px)}to{transform:translateY(0)}}@keyframes hideOut{0%{transform:translateY(0)}to{transform:translateY(-90px)}}.test-active-2 .footer-cover{z-index:10!important}.test-active-2 [data-section=partner]{z-index:12!important;pointer-events:none!important}[data-section=footer] .footer-container a,[data-section=footer] .footer-container button{position:relative;pointer-events:none!important}[data-section=footer] .footer-container a:after,[data-section=footer] .footer-container button:after{position:absolute;content:"";bottom:0;left:0;right:0;width:calc(100% - 10px);height:1.5px;background-color:var(--text-color-white);margin:auto;backface-visibility:hidden;transform-origin:center center;transform:scaleX(0);transition:transform .2s var(--sineInOut)}@media screen and (max-width: 1200px){[data-section=footer] .footer-container a:after,[data-section=footer] .footer-container button:after{width:100%}}[data-section=footer] .footer-container .sns-row a:after,[data-section=footer] .footer-container .sns-row button:after{display:none}[data-section=footer] .footer-container .contact-row a:after,[data-section=footer] .footer-container .contact-row button:after{width:100%}.anchor-active .footer-cover{z-index:10!important}.anchor-active [data-section=partner]{z-index:12!important;pointer-events:none!important}.anchor-active .footer-container a,.anchor-active .footer-container button{width:max-content;pointer-events:auto!important}.device-desktop .footer-container a:hover,.device-desktop .footer-container button:hover{color:var(--text-color-white)!important;transition:color .2s var(--sineOut)}.device-desktop .footer-container a:hover:after,.device-desktop .footer-container button:hover:after{transform:scaleX(1);transition:transform .2s var(--sineOut)}.device-desktop .footer-container .sns-row a:hover svg path{fill:var(--text-color-white)!important;transition:fill .2s var(--sineOut)}.gradient-black{background-color:var(--text-color-black);position:relative}.gradient-black:after{position:absolute;content:"";top:1px;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#000);transform:translateY(-100%)}@media screen and (max-width: 1024px){body[data-theme=dark] [data-section=projectList]:after{opacity:1}.footer-container .row-container a,.footer-container .row-container button{padding:0 2px!important}.is-spacer{display:none!important}.is-spacer-2{height:48vw!important}}.is-spacer-3{position:relative;background-color:var(--text-color-black)}.is-spacer-3:before{position:absolute;content:"";top:0;left:0;width:100%;height:70%;background-color:var(--text-color-black);z-index:-1}.is-spacer-3:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:30%;background:linear-gradient(0deg,#0000,#000);z-index:-1}.device-desktop [data-section=imageOsulloc]{min-height:120dvh;position:relative;background-color:var(--text-color-black);z-index:2}.device-desktop [data-section=imageOsulloc] .sticky-active:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:120dvh;background-color:var(--text-color-black);z-index:-1}.project-pinned [data-section=projectList]{position:relative}.project-pinned [data-section=projectList]:before{opacity:1}.project-pinned .project-list-pin-image.show,.project-pinned .project-list-pin-image{opacity:0!important;visibility:hidden!important;transition:opacity .3s var(--expoOut)}.project-pinned .project-list[data-state=now]{opacity:.4}.project-pinned .project-list[data-state=now] .project-title{color:#bbb!important}.project-pinned .project-list[data-state=now] *{color:var(--text-trirary-black-is-ready)!important}.device-mobile.project-pinned .project-list-pin>.pin-spacer>div:first-of-type{background-color:var(--text-color-black)}.device-mobile.project-pinned [data-section=awardManifesto]{background-color:var(--text-color-white);z-index:2}@media screen and (min-width: 1025px){.project-list-pin.pinned{background-color:var(--text-color-black)}}@media (max-width: 1024px){[data-section=scrollContent] .content-main-title{margin-top:var(--gap180)!important}}@media screen and (max-width: 1024px){[data-section=imageMusinsa]>div{margin-top:0!important}[data-section=shareOpener]{background-color:var(--text-color-black)}[data-section=newIntroManifesto3]{padding:60px 0}[data-section=shareItem]{overflow:visible!important}.sub-title .is-mobile{display:inline!important}[data-section=shareScrollContent] .content-card-container{margin-top:0!important;padding:0}[data-section=shareScrollContent2]{margin-bottom:0!important}[data-section=shareSectionFull]>div:first-of-type{padding-bottom:0!important;margin-bottom:0!important}}[data-section=shareOpener]{background-color:var(--text-color-black)}[data-section=shareOpener] .left-group:first-of-type{background-color:var(--text-color-black)}@media screen and (min-width: 1025px){.sub-title .is-pc{display:inline!important}}.hide-pin [data-section=uxOpener],.hide-pin-2 [data-section=awardOpener]{background-color:transparent!important}.hide-pin-2 [data-section=projectList]{opacity:0!important}.hide-pin-2 [data-section=awardManifesto],.hide-pin-3 [data-section=shareOpener],.hide-pin-7 [data-section=awardManifesto]{background-color:transparent!important}html:has(.device-mobile.test-active):after{position:absolute;content:"";bottom:0;left:0;width:100%;height:30dvh;z-index:100;background-color:var(--text-color-black);transform:translateY(90%);transition:none!important}[data-section=scrollContent] .content-main-title{margin-left:auto;width:var(--grid-5)}@media (max-width: 1024px){[data-section=scrollContent] .content-card-container{width:100vw!important;min-width:100vw!important;margin:0 auto!important;padding:0 var(--grid-gap)!important}}[data-section=shareItem],[data-section=kolon]{position:relative}[data-section=kolon]:before{position:absolute;content:"";bottom:1px;left:0;width:100%;height:60%;background-color:var(--text-color-white);z-index:-1}[data-section=kolon]:after{position:absolute;content:"";top:0;left:0;width:100%;height:40%;background:linear-gradient(180deg,#fff0,#fff);z-index:-1}[data-section=imageDorco]{position:relative}[data-section=imageDorco]:before{position:absolute;content:"";top:2px;left:0;width:100%;height:30%;background:linear-gradient(0deg,#000,#0000);z-index:-1;transform:translateY(-100%)}[data-section=imageDorco]:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,#0000,#000);z-index:-1;transform:translateY(100%)}[data-section=shareItem]{overflow:hidden}img[src="/assets/image-osulloc-mo.jpg"]{width:101%!important}@media screen and (min-width: 1025px){.main-title.right{min-width:max-content}}@media screen and (max-width: 1024px){.share-space{height:var(--gap180)!important}}[data-section=shareScrollContent] .sharex-group{width:max-content;margin-left:calc(var(--grid-1) + var(--grid-gap));order:1;padding-left:var(--grid-gap)}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .sharex-group{margin-left:0;flex-wrap:nowrap;width:calc(100vw - var(--grid-gap) * 2);margin-left:auto!important;margin-right:auto!important;padding-left:0!important}[data-section=shareScrollContent] .sharex-group .content-card-container{margin-right:0!important}[data-section=shareScrollContent] .sharex-group .share-g-2{margin-top:var(--gap120)!important;width:var(--grid-2)!important;--minWidth: var(--grid-2) !important}[data-section=shareScrollContent] .sharex-group .share-g-1{width:var(--grid-2)!important;--minWidth: var(--grid-2) !important}}[data-section=shareScrollContent] .share-1{order:2}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .share-1{width:calc(100vw - var(--grid-gap) * 2)!important;--minWidth: calc(100vw - (var(--grid-gap) * 2)) !important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .share-4{width:var(--grid-3)!important;--minWidth: var(--grid-3) !important;margin-left:auto!important;margin-top:var(--gap120)!important}}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .share-0{width:calc(100vw - var(--grid-gap) * 2)!important;--minWidth: calc(100vw - (var(--grid-gap) * 2)) !important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}}[data-section=shareScrollContent] .sharex-2-group{width:max-content;align-items:flex-start;order:4;margin-right:calc(var(--grid-1) + var(--grid-gap));margin-left:auto}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .sharex-2-group{flex-wrap:nowrap;width:calc(100vw - var(--grid-gap) * 2);margin-left:auto!important;margin-right:auto!important}[data-section=shareScrollContent] .sharex-2-group .content-card-container{margin-right:0!important;padding-left:0!important;width:var(--grid-2)!important;--minWidth: var(--grid-2) !important}[data-section=shareScrollContent] .sharex-2-group .share-g-2{margin-top:var(--gap120)!important}}[data-section=shareScrollContent] .share-4{order:5}@media screen and (max-width: 1024px){[data-section=shareScrollContent] .share-4{margin-left:var(--grid-gap)!important}}[data-section=footer] *{font-weight:400!important}[data-section=footer] .footer-cover{height:100dvh}@media screen and (max-width: 1200px){[data-section=footer] .footer-cover{height:100dvh}}.device-mobile [data-section=footer] .footer-container,.device-desktop [data-section=footer] .footer-container{padding-top:var(--gap32)}.device-mobile [data-section=footer] .footer-logo,.device-desktop [data-section=footer] .footer-logo{max-height:max-content;position:relative!important}.device-mobile [data-section=footer] .footer-logo .logo--plusx,.device-desktop [data-section=footer] .footer-logo .logo--plusx{top:0!important;transform:none!important}.device-mobile .footer-cover,.device-desktop .footer-cover{min-height:50dvh}@media screen and (max-width: 1024px){.manifesto-container{position:relative}.manifesto-container:before{position:absolute;content:"";top:0;bottom:0;left:0;width:100%;height:83%;margin:auto;background:linear-gradient(to bottom,#0000,#0003,#0006,#000000b3,#000000e6 40%,#000000e6 60%,#000000b3,#0006,#0003,#0000);opacity:0}[data-manifesto=uxScrollContent] .manifesto-container{position:relative}[data-manifesto=uxScrollContent] .manifesto-container:before{background:linear-gradient(to bottom,#fff0,#fff3,#fff6,#ffffffb3,#ffffffe6 40%,#ffffffe6 60%,#ffffffb3,#fff6,#fff3,#fff0)}.manifesto-visible .manifesto-container:before{opacity:.9;transition:opacity .6s var(--power3InOut)}}.project-list-pin{position:relative}.content-scroll-section-scroll .content-card-container{margin-left:unset!important;margin-right:unset!important;margin-top:20px!important;margin-bottom:20px!important;padding-left:0!important;padding-right:0!important;will-change:auto;transform-origin:center center!important}.content-scroll-section-scroll .content-main-title{position:relative!important;margin-bottom:20dvh!important}.content-scroll-section-scroll .closing-title{margin-top:20dvh!important;margin-bottom:20dvh!important}.device-mobile .content-scroll-section-scroll .content-card-container{width:calc(40vw - var(--grid-gap))!important;min-width:calc(40vw - var(--grid-gap))!important;--minWidth: calc(40vw - var(--grid-gap)) !important}.device-mobile .content-scroll-section-scroll .content-card-container.right{margin-right:var(--grid-gap)!important;margin-left:auto!important}.device-mobile .content-scroll-section-scroll .content-card-container.left{margin-left:var(--grid-gap)!important;margin-right:auto!important}.award-image-dummy{position:absolute;background-color:#f6f5f5;border-radius:12px;z-index:-1}[data-section=heroVideo]{position:relative}[data-section=heroVideo]:before{position:absolute;content:"";top:0;left:0;width:100%;height:20dvh;background:linear-gradient(0deg,#0000,#000);z-index:-1}.is-complete .project-list-pin-image{display:flex}[data-section=awardddOpener]{position:relative}[data-section=awardddOpener]:before{position:absolute;content:"";top:0;left:0;width:100%;height:70dvh;background-color:var(--text-color-white);z-index:-1}@media screen and (max-width: 1024px){[data-section=awardddOpener]:before{height:100dvh}}[data-section=awardddOpener]:after{position:absolute;content:"";top:69dvh;left:0;width:100%;height:30dvh;background:linear-gradient(0deg,#fff0,#fff);z-index:-1}@media screen and (max-width: 1024px){[data-section=awardddOpener]:after{top:99dvh}}[data-section=awardddOpener][data-background=false]:before{opacity:0}[data-section=awardddOpener][data-background=false]:after{opacity:0}.gradient-black-2{position:relative}.gradient-black-2:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;z-index:-1;transform:none!important}.left+.badge-container,.right+.badge-container{flex:unset!important}.sticky-image-container{will-change:transform}.content-card-container.left .badge-container{margin-left:auto}@media screen and (min-width: 1025px){.content-card-container.right .badge-container{margin-right:0}.device-desktop{overflow-x:hidden!important}}@media screen and (max-width: 1024px){.hidden-symbol [data-section=projectList]{background-color:var(--text-color-black)!important}.hidden-symbol .symbol-container{opacity:0}}@media screen and (max-width: 1024px){.historyContent{gap:var(--gap80)!important}.historyContent .content-main-title [direction]{margin:0 auto}.historyContent .closing-title{margin:30dvh 0px 30dvh auto!important}}body:not(.is-complete) .project-list-pin-image,body:has(.project-list-category[data-state=now]) .project-list-pin-image{opacity:0!important;transition:opacity .8s var(--expoOut)}body:not(.is-complete) .project-list-pin-image img,body:has(.project-list-category[data-state=now]) .project-list-pin-image img{display:none!important}.is-hero-started div:has(>.symbol-container){opacity:0!important}[data-section=hero]{display:flex;flex-direction:column;min-height:100dvh;height:100dvh;justify-content:center;align-items:center;padding:16px;margin-bottom:var(--gap180);background-color:#000;z-index:9999}@media (max-width: 1024px){[data-section=hero]{padding:8vw 16px;justify-content:space-between}}html{scrollbar-width:thin;scrollbar-color:#4b4b4b rgba(255,255,255,.1)}html{scrollbar-gutter:stable}[data-section=imageShareX],[data-section=imageShareX2]{position:relative}[data-section=imageShareX]:after,[data-section=imageShareX2]:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:10%;background:linear-gradient(0deg,#0000,#000);z-index:-1;transform:translateY(100%)}[data-section=imageKolon]{position:relative}[data-section=imageKolon]:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:90%;background:linear-gradient(180deg,#fff,#b1b1b1);z-index:-1}[data-section=imageKolon]:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1}[data-section=partner]{position:relative}[data-section=partner]:after{position:absolute;content:"";top:0;left:0;width:100%;height:30%;background:linear-gradient(180deg,#fff0,#fff);z-index:-1;transform:translateY(-100%)}.share-space{position:relative}.share-space:before{position:absolute;content:"";top:0;left:0;width:100%;height:60%;background:var(--text-color-black);z-index:-1}@media screen and (max-width: 1024px){.share-space:before{height:30%}}.share-space:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,#fff0,#000);z-index:-1}@media screen and (max-width: 1024px){.share-space:after{height:70%}}[data-section=projectOpener]{position:relative}.device-desktop [data-section=projectOpener]{min-height:100dvh}[data-section=projectOpener]:before{position:absolute;content:"";top:0;left:0;width:100%;height:80%;background:#000;z-index:-1}[data-section=projectOpener]:after{position:absolute;content:"";bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg,#fff0,#000);z-index:-1;transform:translateY(50%)}[data-section=shareSectionFull]{position:relative}[data-section=shareSectionFull]:before{position:absolute;content:"";bottom:0;left:0;width:100%;height:30%;background:linear-gradient(180deg,#fff0,#000);z-index:-1}.is-pinned-image [data-section=imageOsulloc]{opacity:0}.is-spacer-1{height:var(--gap400);background-color:var(--text-color-black);margin-top:-1px}@media (max-width: 1024px){.is-spacer-1{height:var(--gap200)}}[data-section=hero]{position:relative}[data-section=hero]:after{position:absolute;content:"";bottom:10px;left:0;width:100%;height:190px;background-color:var(--text-color-black);transform:translateY(100%)}.device-desktop [data-is-scrubbing=true] .is-mobile .main-title{transform:translate(0)!important;transition:none!important}@media (max-width: 1024px){[data-section=newIntroManifesto3] .main-title-row.mb-gap{margin-top:var(--gap40)}}[data-section=newIntroManifesto2] .main-title-row{margin-left:auto!important}.device-mobile [data-section=newIntroManifesto2] .main-title-row{margin-right:auto!important;text-align:center!important}.device-mobile [data-section=newIntroManifesto2] .main-title-row.mb-align-left{text-align:left!important;margin-right:auto!important;margin-left:0!important}[data-section=newIntroManifesto] .last-badge .badge{position:absolute!important;top:6px!important;transform:translate(calc(-100% - 40px))}@media (max-width: 1024px){.device-mobile [data-section=newIntroManifesto] .last-badge .badge{position:relative!important;top:0!important;transform:translate(0)}}[data-section=newIntroManifesto] .width-fit{width:max-content!important;margin-left:auto;margin-right:auto;transform:translate(10%)}@media (max-width: 1024px){[data-section=newIntroManifesto] .width-fit{transform:translate(0);width:100%!important}}[data-section=newIntroManifesto] .manifesto-row,[data-section=newIntroManifesto] .manifesto-row:has(.badge){width:max-content!important}[data-section=newIntroManifesto] .manifesto-row.row-full,[data-section=newIntroManifesto] .manifesto-row:has(.badge).row-full{width:100%!important}@media (max-width: 1024px){[data-section=newIntroManifesto] .manifesto-row.row-full.width-fit,[data-section=newIntroManifesto] .manifesto-row:has(.badge).row-full.width-fit{padding-left:var(--grid-1)}}[data-section=newIntroManifesto] .manifesto-row .manifesto-column,[data-section=newIntroManifesto] .manifesto-row:has(.badge) .manifesto-column{width:100%!important}[data-section=newIntroManifesto] .manifesto-column{width:100%!important}[data-section=newIntroManifesto] .manifesto-column>div{width:100%!important}@media (max-width: 1024px){.device-mobile [data-section=newIntroManifesto] .manifesto-column:has(.badge.main-title-row) .badge.main-title-row{position:unset!important;justify-content:flex-end;align-items:flex-end;gap:var(--gap40);flex-direction:column-reverse}}[data-section=newIntroManifesto] .manifesto-column:has(.badge.main-title-row) .badge.main-title-row .badge{top:0;left:0}.device-mobile [data-section=newIntroManifesto] .manifesto-column .mb-align-left>.main-title{margin-right:auto!important}[data-section=newIntroManifesto] .main-title-row{width:100%!important}.grid-preview-toggle{position:fixed;top:20px;right:20px;z-index:9999}.grid-toggle-btn{width:44px;height:44px;border:2px solid #333;border-radius:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#333}.grid-toggle-btn:hover{background:#fff;border-color:#007bff;color:#007bff}.grid-toggle-btn.active{background:#007bff;border-color:#007bff;color:#fff}[data-theme=dark] .grid-toggle-btn{background:#000000e6;border-color:#ccc;color:#ccc}[data-theme=dark] .grid-toggle-btn:hover{background:#000;border-color:#007bff;color:#007bff}.grid-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9998}.grid-preview-info{position:absolute;top:20px;left:20px;z-index:9999}.grid-info-panel{background:#000c;color:#fff;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Courier New,monospace;font-size:12px;line-height:1.4}.grid-info-panel h3{margin:0 0 8px;font-size:14px;font-weight:600}.grid-details{display:flex;flex-direction:column;gap:2px}.grid-details span{font-size:11px;opacity:.8}.grid-preview-container{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);padding:0 var(--grid-gap);box-sizing:border-box}.grid-preview-column{position:relative;min-height:100vh}.grid-column-content{position:relative;width:100%;height:100%;background:#007bff1a;border:1px solid rgba(0,123,255,.3);border-radius:4px;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.grid-column-number{background:#007bffcc;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:Courier New,monospace}[data-theme=dark] .grid-column-content{background:#007bff26;border-color:#007bff66}[data-theme=dark] .grid-column-number{background:#007bffe6}@media (max-width: 1440px) and (min-width: 1025px){.grid-preview-container{grid-template-columns:repeat(8,1fr)}}@media (max-width: 1024px) and (min-width: 481px){.grid-preview-container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.grid-preview-container{grid-template-columns:repeat(4,1fr)}.grid-info-panel{padding:8px 12px;font-size:10px}.grid-info-panel h3{font-size:12px}.grid-details span{font-size:9px}.grid-toggle-btn{width:40px;height:40px}}.grid-preview-overlay{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.marker-toggle-container{position:fixed;top:20px;right:80px;z-index:9999}.marker-toggle-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-width:140px}.marker-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026;border-color:#007bff4d}.marker-toggle-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#007bff}.marker-toggle-btn.active:hover{background:linear-gradient(135deg,#0056b3,#004085)}.marker-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease}.marker-toggle-btn:hover .marker-icon{transform:scale(1.1)}.marker-toggle-btn.active .marker-icon{transform:scale(1.05)}.marker-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.label-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-text{font-size:10px;opacity:.7;font-weight:400}.marker-toggle-btn.active .status-text{opacity:.9}.marker-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#ccc;transition:all .3s ease;position:relative}.indicator-dot.active{background:#fff;box-shadow:0 0 0 2px #ffffff4d;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 4px #fff0}to{box-shadow:0 0 #fff0}}[data-theme=dark] .marker-toggle-btn{background:#000000e6;border-color:#fff3;color:#fff}[data-theme=dark] .marker-toggle-btn:hover{border-color:#007bff80}[data-theme=dark] .indicator-dot{background:#666}[data-theme=dark] .indicator-dot.active{background:#fff}@media (max-width: 1024px){.marker-toggle-container{top:10px;right:10px}.marker-toggle-btn{padding:10px 12px;min-width:120px;gap:8px}.label-text{font-size:11px}.status-text{font-size:9px}.marker-icon svg{width:18px;height:18px}}.marker-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff4d}.marker-toggle-btn:focus:not(:focus-visible){box-shadow:none}.marker-toggle-btn.loading{pointer-events:none;opacity:.7}.marker-toggle-btn.loading .marker-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}