.home-screen[data-layout=card-shell]{--home-sidebar:transparent;--shell-gutter:8px;--shell-shadow:0 1.4px 5.6px #1919190a, 0 11.2px 33.6px #19191904;background:linear-gradient(#f8f8f8 0%,#f7f7f8 42%,#f5f5f7 100%)}.home-screen[data-layout=card-shell] .home-sidebar{background:0 0;border:0}.home-screen[data-layout=card-shell] .portfolio-pager{top:0;bottom:0;right:var(--portfolio-assistant-width);box-shadow:none;background:0 0;border:0;border-radius:0}.home-screen[data-layout=card-shell] .portfolio-topbar{box-shadow:none;background:0 0;border:0}.home-screen[data-layout=card-shell] .portfolio-assistant{background:0 0;border:0;top:8px;bottom:0}.home-screen[data-layout=card-shell] .assistant-header{border:0}.home-screen[data-layout=card-shell] .project-slide{scrollbar-width:none;background:0 0}.home-screen[data-layout=card-shell] .project-media{box-shadow:var(--shell-shadow);background:#fff;border-radius:18px;min-height:calc(100dvh - 16px)}.home-screen[data-layout=card-shell] .project-info{background:0 0;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding-top:8px}.home-screen[data-layout=card-shell] .home-slide{height:100%;min-height:100%}.home-screen[data-layout=card-shell] .assistant-composer-box{background:#fff9}@media (max-width:767px){.home-screen[data-layout=card-shell] .project-info{padding-top:calc(var(--portfolio-header-height) + 8px)}.home-screen[data-layout=card-shell] .home-work-status{top:calc(10px - var(--shell-gutter))}.home-screen[data-layout=card-shell] .portfolio-assistant{background:#f8f8f8;top:0}.home-screen[data-layout=card-shell] .project-info{height:auto;max-height:none}}@keyframes card-shell-sidebar-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home-screen[data-layout=card-shell][data-assistant=open] .assistant-header{animation:.9s cubic-bezier(0,0,.2,1) .15s both card-shell-sidebar-in}.home-screen[data-layout=card-shell] .portfolio-page[data-state=active] :is(.project-draft-label,.project-overview,.project-facts),.home-screen[data-layout=card-shell][data-assistant=open] :is(.assistant-intro,.assistant-suggestions){animation:.9s cubic-bezier(0,0,.2,1) .33s both card-shell-sidebar-in}.home-screen[data-layout=card-shell] .portfolio-page[data-state=active] .case-links,.home-screen[data-layout=card-shell][data-assistant=open] .assistant-composer{animation:.9s cubic-bezier(0,0,.2,1) .51s both card-shell-sidebar-in}@media (prefers-reduced-motion:reduce){.home-screen[data-layout=card-shell] :is(.project-draft-label,.project-overview,.project-facts,.case-links,.assistant-header,.assistant-intro,.assistant-suggestions,.assistant-composer){animation:none!important}}@media (min-width:768px){.home-screen[data-layout=card-shell]{--sidebar-expanded-width:240px;--portfolio-right-panel-width:304px;--project-column-gap:24px}.home-screen[data-layout=card-shell][data-sidebar=open]{--portfolio-sidebar-width:240px}.home-screen[data-layout=card-shell] .portfolio-assistant{width:280px}}.home-screen[data-layout=card-shell] .project-media,.home-screen[data-layout=card-shell][data-assistant=open] .project-layout[data-overview-hidden=true] .project-media{box-shadow:none;background:0 0;border-radius:0;min-height:0;padding:0 0 24px}.home-screen[data-layout=card-shell] .project-media>.case-media{box-shadow:var(--shell-shadow);background:#fff;border-radius:18px;margin:0 0 16px;overflow:hidden}.home-screen[data-layout=card-shell] .project-media>.case-media:last-child{margin-bottom:0}.home-screen[data-layout=card-shell] .project-media figcaption{display:none}@media (min-width:768px){.home-screen[data-layout=card-shell] .portfolio-assistant{right:var(--shell-gutter)}.home-screen[data-layout=card-shell] .project-info{padding-inline:20px;margin-left:-8px;padding-left:8px;padding-right:16px}.home-screen[data-layout=card-shell] .assistant-header{padding-left:0;padding-right:8px}.home-screen[data-layout=card-shell] .assistant-transcript,.home-screen[data-layout=card-shell] .assistant-bottom{padding-left:0;padding-right:16px}.home-screen[data-layout=card-shell] .assistant-intro,.home-screen[data-layout=card-shell] .assistant-suggestions>.ui-button{padding-left:0;padding-right:0}}.home-screen[data-layout=card-shell] .project-draft-label,.home-screen[data-layout=card-shell] .assistant-composer>p{display:none}.home-screen[data-layout=card-shell] .portfolio-pager{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;overflow:hidden auto}.home-screen[data-layout=card-shell] .portfolio-pager::-webkit-scrollbar{display:none}.home-screen[data-layout=card-shell] .portfolio-page{scroll-snap-align:start;scroll-snap-stop:always}.home-screen[data-layout=card-shell][data-snap=off] .portfolio-pager{scroll-snap-type:none;container-type:size}.home-screen[data-layout=card-shell][data-snap=off] .portfolio-track{height:auto}.home-screen[data-layout=card-shell][data-snap=off] .portfolio-page{height:100cqh}.home-screen[data-layout=card-shell][data-snap=off] .portfolio-page:has(>.project-slide){height:auto;min-height:100cqh;overflow:visible}.home-screen[data-layout=card-shell][data-snap=off] .project-slide{height:auto;overflow:visible}.home-screen[data-layout=card-shell][data-snap=off] .project-info *{animation:none!important}@media (min-width:768px){.home-screen[data-layout=card-shell][data-snap=off] .project-info{padding-top:22px}}.home-screen[data-layout=card-shell] .project-slide{overscroll-behavior-y:auto}.home-screen[data-layout=card-shell]:has(.playground-view) .portfolio-pager{scroll-snap-type:none;overflow:hidden}@media (max-width:767px){.home-screen[data-layout=card-shell] .portfolio-page{overscroll-behavior-y:auto}}.home-screen[data-layout=card-shell] .portfolio-page>section:not(.project-slide){box-shadow:var(--shell-shadow);background:#fff;border-radius:18px}@media (max-width:767px){.home-screen[data-layout=card-shell] .portfolio-page>section:not(.project-slide){border-radius:14px}}.home-screen[data-layout=card-shell] .portfolio-page{box-sizing:border-box;padding:var(--shell-gutter) var(--shell-gutter) var(--shell-gutter) 0}.home-screen[data-layout=card-shell] .portfolio-page:has(>.project-slide){padding-top:0;padding-bottom:0}.home-screen[data-layout=card-shell] .project-slide .project-media,.home-screen[data-layout=card-shell][data-assistant=open] .project-slide .project-layout[data-overview-hidden=true] .project-media{padding-top:var(--shell-gutter);padding-bottom:var(--shell-gutter)}@media (min-width:768px){.home-screen[data-layout=card-shell] .project-slide .project-info{top:var(--shell-gutter)}}@media (max-width:767px){.home-screen[data-layout=card-shell] .portfolio-page{padding-left:var(--shell-gutter)}}@media (min-width:768px){.home-screen[data-layout=card-shell] .home-slide{width:100%;margin-inline:0}.home-screen[data-layout=card-shell][data-section=home] .portfolio-topbar{left:var(--portfolio-sidebar-width);right:calc(var(--portfolio-assistant-width) + var(--shell-gutter))}}.home-screen[data-layout=card-shell] .playground-view{border-radius:18px;overflow:hidden}@media (max-width:767px){.home-screen[data-layout=card-shell] .playground-view{border-radius:14px}}.home-screen[data-layout=card-shell] .playground-view,.home-screen[data-layout=card-shell] .playground-board{background-color:#f6f6f7}.home-screen[data-layout=card-shell] .playground-board:before{content:"";z-index:-2;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.home-screen[data-layout=card-shell][data-site-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#17181b;--foreground:#f3f4f5;--surface:#1e1f22;--body-text:#e8e9eb;--muted-foreground:#a1a4ab;--secondary:#2a2c31;--border:#3b3d43;--home-paper:#141518;--home-sidebar:transparent;--home-ink:#f3f4f5;--home-text:#e8e9eb;--home-muted:#a1a4ab;--home-fill:#2a2c31;--home-line:#3b3d43;--shell-shadow:0 1px 4px #0000001f, 0 12px 36px #00000029;background:#141518}.home-screen[data-layout=card-shell][data-site-theme=dark] :is(.playground-view,.playground-board,.portfolio-page>section:not(.project-slide),.project-media>.case-media,.portfolio-pager>.more-slide){background-color:#1e1f22}.home-screen[data-layout=card-shell][data-site-theme=dark] .playground-board:before{filter:invert();opacity:.13}.home-screen[data-layout=card-shell][data-site-theme=dark] .assistant-composer-box{background:#2a2c31cc}@media (max-width:767px){.home-screen[data-layout=card-shell][data-site-theme=dark] .portfolio-assistant{background:#141518}}.home-screen[data-layout=card-shell][data-navigation-direction=backward] .portfolio-page[data-state=active] .project-info :is(.project-draft-label,.project-overview,.project-facts,.case-links){animation:none}.home-screen[data-layout=card-shell] .portfolio-pager>.more-slide{height:calc(100% - 16px);box-shadow:var(--shell-shadow);background:#fff;border-radius:18px}
