.playground-track{display:flex;width:max-content;gap:1.25rem;padding:0 0 1.5rem;will-change:transform}#made-archive,.playground-stage{background:transparent}.playground-stage{min-height:100vh;padding-block:2.5rem;isolation:isolate}.playground-stage>*{transform:translateY(clamp(2.5rem,6vh,4.5rem))}.playground-gallery-cta{min-height:7rem}.playground-rail:has(.playground-track){display:block;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:0;scroll-snap-type:none}.playground-track .playground-card{flex:0 0 min(34vw,27rem)}.playground-all-link--star{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:244px;min-width:244px;height:59px;min-height:59px;padding:0 11px 0 18px;border:1px solid rgba(231,242,239,.34);background:transparent;justify-content:space-between;gap:18px}.playground-all-link--star:before{content:"";position:absolute;z-index:1;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--gallery-star-angle),transparent 0deg 276deg,rgba(161,194,189,.32) 306deg,#fff 338deg,#A1C2BD 354deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gallery-star-orbit 4.2s linear infinite}.playground-all-link--star:after{content:none}@property --gallery-star-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes gallery-star-orbit{to{--gallery-star-angle: 360deg}}.playground-all-link--star>span{position:relative;z-index:2}.playground-all-link--star .playground-all-link__label{display:inline;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;transform:none}.playground-all-link--star:hover .playground-all-link__label{transform:none}.playground-all-link--star:hover{border-color:#e7f2efeb;background:#e7f2ef09}.playground-all-link--star .playground-all-link__icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:#a1c2bd;color:#222831;transition:transform .25s ease,background-color .24s ease}.playground-card__media{--magic-x: 50%;--magic-y: 50%;--magic-opacity: 0;transform:perspective(1000px) rotateX(var(--magic-rx, 0deg)) rotateY(var(--magic-ry, 0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .22s ease-out,border-color .25s ease,box-shadow .25s ease}.playground-card__media:before,.playground-card__media:after{content:"";position:absolute;pointer-events:none;opacity:var(--magic-opacity);transition:opacity .22s ease}.playground-card__media:before{z-index:2;inset:0;background:radial-gradient(22rem circle at var(--magic-x) var(--magic-y),rgba(231,242,239,.16),rgba(161,194,189,.07) 32%,transparent 68%);mix-blend-mode:screen}.playground-card__media:after{z-index:3;inset:-1px;border:1px solid rgba(161,194,189,.82);border-radius:inherit;box-shadow:0 0 1.5rem #a1c2bd2e,inset 0 0 1.1rem #a1c2bd14;-webkit-mask:radial-gradient(15rem circle at var(--magic-x) var(--magic-y),#000 0 45%,transparent 72%);mask:radial-gradient(15rem circle at var(--magic-x) var(--magic-y),#000 0 45%,transparent 72%)}@media(hover:none),(pointer:coarse){.playground-card__media{transform:none!important}.playground-card__media:before,.playground-card__media:after{display:none}}@media(prefers-reduced-motion:reduce){.playground-all-link--star:before{animation:none}}@media(max-width:767px),(prefers-reduced-motion:reduce){.playground-stage{min-height:auto;padding-block:2rem}.playground-stage>*{transform:none}.playground-rail:has(.playground-track){overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1.25rem;overscroll-behavior-inline:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none}.playground-rail:has(.playground-track)::-webkit-scrollbar{display:none}.playground-track{transform:none!important;padding-inline:1.25rem;will-change:auto}.playground-track .playground-card{flex-basis:min(78vw,25rem);scroll-snap-align:start;scroll-snap-stop:normal;touch-action:pan-x}}.featured-work{position:relative;min-height:100dvh;padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,3rem);background:transparent;color:#e7f2ef}.featured-work__intro{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(20rem,2.25fr) minmax(18rem,1.3fr);align-items:end;gap:2rem;max-width:90rem;margin:0 auto clamp(3rem,6vw,5.5rem)}.featured-work__since,.featured-work__type,.featured-work__count{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#e7f2ef85}.featured-work__intro h2{max-width:8ch;font-size:clamp(4rem,8vw,8.5rem);font-weight:700;line-height:.83;letter-spacing:-.075em}.featured-work__intro>p:last-child{max-width:32rem;font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:500;line-height:1.55;color:#e7f2ef9e}.featured-work__carousel{display:grid;grid-template-columns:3.5rem minmax(0,1fr) 3.5rem;align-items:center;gap:clamp(1rem,2.5vw,2.5rem);max-width:90rem;margin:0 auto}.featured-work__project{min-width:0}.featured-work__visual[aria-disabled=true]{pointer-events:none}.featured-work.is-empty{display:none}.featured-work__carousel.is-single{grid-template-columns:minmax(0,1fr)}.featured-work__carousel.is-single .featured-work__arrow{display:none}.featured-work__visual{position:relative;display:block;overflow:visible;width:100%;aspect-ratio:16 / 9;border:0;border-radius:0;background:transparent}.featured-work__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(11,12,15,.4));border-radius:clamp(1.25rem,2.6vw,2.5rem);pointer-events:none;transform:scale(1);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.featured-work__visual>img:not(.featured-work__cover-frame){width:100%;height:100%;object-fit:cover;border:1px solid rgba(231,242,239,.14);border-radius:clamp(1.25rem,2.6vw,2.5rem);transition:opacity .32s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.featured-work__visual:hover>img:not(.featured-work__cover-frame){transform:scale(1.025)}.featured-work__visual.is-changing>img:not(.featured-work__cover-frame){opacity:0;transform:scale(1.015)}.featured-work__visual:hover:after{transform:scale(1.025)}.featured-work__visual.is-changing:after{transform:scale(1.015)}.featured-work__visual .featured-work__cover-frame{position:absolute;left:50%;top:50%;z-index:2;width:156.41472%;height:139.30686%;max-width:none;transform:translate(-50%,-53%);object-fit:fill;pointer-events:none}.featured-work__open{position:absolute;z-index:3;right:1.25rem;top:1.25rem;display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:#a1c2bd;color:#222831;font-size:1.15rem;transition:transform .25s ease}.featured-work__visual:hover .featured-work__open{transform:rotate(8deg) scale(1.06)}.featured-work__details{position:relative;display:flex;justify-content:center;padding-top:7.5rem}.featured-work__details>.featured-work__count{position:absolute;left:0;top:7.5rem}.featured-work__details>div:last-child{width:min(70%,56rem);text-align:center}.featured-work__description{margin-inline:auto}.featured-work__details h3{margin-top:.7rem;font-size:clamp(2rem,4vw,4.5rem);font-weight:650;line-height:.95;letter-spacing:-.065em}.featured-work__description{max-width:42rem;margin-top:1rem;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.55;color:#e7f2ef8c}.featured-work__arrow{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid rgba(231,242,239,.25);border-radius:50%;background:transparent;color:#e7f2ef;cursor:pointer;transition:border-color .22s ease,background .22s ease,transform .22s ease}.featured-work__arrow:hover{border-color:#e7f2efb8;background:#e7f2ef0f;transform:scale(1.06)}.featured-work__tabs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(var(--project-count, 4),minmax(0,1fr));max-width:76rem;margin:clamp(2.5rem,5vw,4.5rem) auto 0;border-top:1px solid rgba(231,242,239,.16);background:linear-gradient(180deg,rgba(17,27,41,.62),rgba(17,27,41,.28) 70%,transparent);isolation:isolate}.featured-work__tabs.is-scrollable{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(15rem,1fr);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.featured-work__tabs.is-scrollable::-webkit-scrollbar{display:none}.featured-work__tabs.is-scrollable .featured-work__tab{scroll-snap-align:start}.featured-work__tab{position:relative;display:grid;min-height:4.25rem;padding:.75rem 1rem;place-items:center;box-sizing:border-box;border:0;background:transparent;color:#e7f2ef66;font-size:.72rem;font-weight:750;line-height:1.25;letter-spacing:.09em;text-align:center;text-wrap:balance;text-transform:uppercase;cursor:pointer;transition:color .25s ease}.featured-work__tab-label{display:block;transform:translateY(-6px)}.featured-work__tab:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:#a1c2bd;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.featured-work__tab[aria-selected=true]{color:#e7f2ef}.featured-work__tab[aria-selected=true]:before{transform:scaleX(1)}.featured-work :focus-visible{outline:2px solid #A1C2BD;outline-offset:4px}.featured-work.is-motion-ready .featured-work__since,.featured-work.is-motion-ready .featured-work__intro h2,.featured-work.is-motion-ready .featured-work__intro>p:last-child,.featured-work.is-motion-ready .featured-work__arrow,.featured-work.is-motion-ready .featured-work__visual,.featured-work.is-motion-ready .featured-work__details,.featured-work.is-motion-ready .featured-work__tabs{will-change:transform,opacity}@media(max-width:767px){.featured-work{padding-block:6rem}.featured-work__intro{display:block;margin-bottom:3rem}.featured-work__intro h2{margin:1.25rem 0 1.75rem;font-size:clamp(4rem,20vw,6.5rem)}.featured-work__carousel{grid-template-columns:1fr}.featured-work__arrow{position:absolute;z-index:4;margin-top:26vw;width:2.8rem;height:2.8rem}.featured-work__arrow--prev{left:.55rem}.featured-work__arrow--next{right:.55rem}.featured-work__visual{aspect-ratio:4 / 3;border-radius:1.25rem}.featured-work__visual .featured-work__cover-frame{width:146.6388%;height:136.86288%}.featured-work__details{display:block;padding-top:4.5rem}.featured-work__details>.featured-work__count{position:static;margin-bottom:1rem}.featured-work__details>div:last-child{width:100%;text-align:left}.featured-work__tabs{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(13rem,82vw);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}}@media(prefers-reduced-motion:reduce){.featured-work__visual img,.featured-work__open,.featured-work__arrow,.featured-work__tab:before{transition:none}}.building-stack-section{--stack-top: 18vh;--stack-peek: 50px;min-height:100vh;overflow:hidden}.building-stack-layout{min-height:100vh;align-items:start}.building-stack-copy{align-self:start;padding-top:var(--stack-top)}.building-stack{position:relative;height:clamp(400px,48vh,480px);margin-top:var(--stack-top);isolation:isolate}.building-stack-card{position:absolute;inset:0;z-index:calc(10 + var(--stack-index));width:100%;height:100%;min-height:0;margin:0;transform-origin:top center;backface-visibility:hidden;will-change:transform,filter;transition:none!important;box-shadow:0 24px 80px #0b0c0f38}.building-stack-card:nth-child(2){background:#708993fc;color:#e7f2ef}.building-stack-card:nth-child(3){background:#2c364afc;color:#e7f2ef}.building-stack-card:nth-child(4){background:#e7f2effc;color:#222831}.building-stack-end{display:none}@media(max-width:767px),(prefers-reduced-motion:reduce){.building-stack-section,.building-stack-layout{min-height:0;overflow:visible}.building-stack-copy{padding-top:0}.building-stack{height:auto;margin-top:0}.building-stack-card{position:relative;inset:auto;height:auto;min-height:0;margin-bottom:1.25rem;transform:none!important;filter:none!important}}.page-line-sidebar{--accent: #A1C2BD;--text: rgba(231, 242, 239, .42);--line: rgba(231, 242, 239, .24);position:fixed;z-index:70;right:18px;top:50%;translate:0 -50%;width:170px;pointer-events:none}.page-line-sidebar__list{display:flex;flex-direction:column;align-items:flex-end;gap:17px;margin:0;padding:18px 0;list-style:none;pointer-events:auto}.page-line-sidebar__item{--effect: 0;position:relative;display:flex;justify-content:flex-end;width:100%}.page-line-sidebar__link{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:20px;width:100%;color:color-mix(in srgb,var(--accent) calc(var(--effect) * 100%),var(--text));text-decoration:none;outline:none}.page-line-sidebar__label{display:flex;align-items:baseline;gap:7px;margin-right:13px;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase;opacity:calc(.08 + var(--effect) * .92);transform:translate(calc((1 - var(--effect)) * 13px));white-space:nowrap}.page-line-sidebar__index{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;opacity:calc(.4 + var(--effect) * .6)}.page-line-sidebar__marker{display:block;width:calc(18px + var(--effect) * 26px);height:1px;flex:0 0 auto;background:color-mix(in srgb,var(--accent) calc(var(--effect) * 100%),var(--line));transform-origin:right center}.page-line-sidebar__item:not(:last-child):after{content:"";position:absolute;right:0;top:calc(100% + 8px);width:8px;height:1px;background:var(--line);opacity:.5}.page-line-sidebar__link:focus-visible .page-line-sidebar__label{opacity:1;color:var(--accent)}@media(max-width:900px),(pointer:coarse){.page-line-sidebar{display:none}}@media(prefers-reduced-motion:reduce){.page-line-sidebar__label{transform:none}}.scroll-3d-scene{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .8s cubic-bezier(.22,1,.36,1),visibility 0s linear .8s;contain:strict}.scroll-3d-scene.is-visible{opacity:1;visibility:visible;transition:opacity .8s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.scroll-3d-scene canvas{display:block;width:100%;height:100%}main>section,main>.pin-spacer,main>footer{position:relative;z-index:2}@media(max-width:1023px),(prefers-reduced-motion:reduce){.scroll-3d-scene{display:none!important}}.lanyard-wrapper{position:absolute;z-index:0;inset:0;width:auto;height:auto;overflow:visible;touch-action:none}.lanyard-wrapper canvas{display:block;width:100%!important;height:100%!important;touch-action:none}#profile-lanyard-root{position:absolute;inset:0;overflow:visible}#profile-lanyard-root img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media(max-width:767px){.lanyard-wrapper{inset:0}}
