/* Desktop skin: original dotted workspace, glass folders and dark system windows. */
:root{color-scheme:dark;--desk:#101113;--paper:#1c1e22;--ink:#f0f1ee;--muted:#a1a5ae;--red:#d4ecc2;--line:#34373d;--accent:#d4ecc2}
body{min-height:100dvh;background-color:#101113;background-image:radial-gradient(#ffffff17 .8px,transparent .8px);background-size:26px 26px;color:var(--ink)}
::selection{background:#829a71;color:#101113}.skip{background:var(--accent);color:#20271c}
.masthead{max-width:1140px;padding:29px 31px 27px;color:var(--ink)}.brand-star{fill:var(--accent);width:30px;height:30px;transform:rotate(-6deg)}.identity:hover .brand-star{transform:rotate(0)}.identity>span>span{color:#969ba4}.about-link{position:relative;font:12px Manrope,sans-serif;padding:10px 0 10px 37px;min-height:42px}.about-link:hover,.about-link[aria-current=page]{color:var(--accent)}
.about-doodle{position:absolute;width:31px;height:31px;left:0;top:calc(50% - 15px);fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:rotate(-7deg) translateY(3px);transition:opacity .15s,transform .35s var(--ease)}.about-doodle .face-outline{stroke-dasharray:145;stroke-dashoffset:145;transition:stroke-dashoffset .55s var(--ease)}.about-doodle .face-details{stroke-dasharray:55;stroke-dashoffset:55;transition:stroke-dashoffset .35s .18s var(--ease)}.about-link:hover .about-doodle,.about-link:focus-visible .about-doodle{opacity:1;transform:rotate(-7deg) translateY(0)}.about-link:hover .face-outline,.about-link:hover .face-details,.about-link:focus-visible .face-outline,.about-link:focus-visible .face-details{stroke-dashoffset:0}
.work-nav{gap:18px;padding:21px 20px 22px}.work-nav>a{font:13px Manrope,sans-serif;min-height:43px;padding:8px 23px;border-radius:11px;border:1px solid transparent;color:#c0c3cb;transition:background .2s,color .2s}.work-nav>a[aria-current=page]{background:#222825;border-color:#465140;color:var(--accent)}.work-nav small{font-size:9px;opacity:.6}.work-nav .pencil-ring{height:53px;inset:-5px -5px;width:calc(100% + 10px);color:#d4ecc2;stroke-width:1;opacity:.65}.work-nav a[aria-current=page] .pencil-ring{stroke-dashoffset:520}.work-nav a:hover .pencil-ring,.work-nav a:focus-visible .pencil-ring{stroke-dashoffset:0}.nav-doodle{stroke:var(--accent);width:39px;height:33px;left:calc(50% - 19px);top:-34px}
.notebook{max-width:1080px;margin:0 auto;padding:12px 30px 0;background:none;border:0;border-radius:0;box-shadow:none;outline:none!important}.notebook:before{display:none}.paper-topline{color:#747b88;border-color:#ffffff0e;font-size:9px;letter-spacing:.8px;padding:18px 0 15px}.paper-topline span:first-child:before{content:'▱';margin-right:8px;color:#9da89b}.paper-topline span:last-child{color:#656d79}
.section-heading{margin:36px 0 30px;padding-right:130px;min-height:110px;align-items:flex-start}.section-heading h1,h1{font-family:Manrope,sans-serif;font-size:37px;font-weight:550;line-height:1.15;letter-spacing:-1.6px}.section-intro{color:#969da8;line-height:1.85;font-size:12px;margin-top:13px}.eyebrow{font-size:9px;color:#87928a;letter-spacing:1.1px}.ink-dot{color:var(--accent)}.hand-note{display:none}.view-controls{position:absolute;right:30px;top:101px;display:flex;gap:3px;background:#242629;border:1px solid #35383e;padding:4px;border-radius:12px;z-index:1}.view-controls button{display:grid;place-items:center;width:34px;height:33px;background:transparent;border-radius:8px;color:#858d98}.view-controls button[aria-pressed=true]{background:#394237;color:var(--accent);outline:1px solid #96ab87}.view-controls button:hover{color:#e2eadb}.view-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.folders{column-gap:24px;row-gap:16px;padding:0 0 25px}.folder-item{padding:15px 5px 17px;border-radius:14px}.folder-item:hover{background:#ffffff03}.folder-art{width:180px;height:148px;margin-bottom:18px}.folder-back,.folder-face{left:10px;right:10px;height:93px}.folder-back{background:linear-gradient(135deg,rgba(var(--folder),.65),rgba(var(--folder),.25));border-color:#ffffff6b}.folder-back:before{background:rgba(var(--folder),.8);width:66px;height:26px;top:-14px;border-color:#ffffff75}.folder-face{background:linear-gradient(115deg,rgba(var(--folder),.54),rgba(var(--folder),.28) 57%,rgba(var(--folder),.56));border-color:#ffffff69;box-shadow:inset 0 1px 3px #ffffffad,inset 0 -4px 6px #ffffff16,0 8px 14px #0003}.folder-art:after{background:rgba(var(--folder),.15);filter:blur(18px)}.paper{width:116px;height:104px;left:20px;top:7px;border-color:#e9ece8;box-shadow:0 3px 8px #0005}.paper-front{left:auto;right:16px;top:14px}.folder-sticker{width:33px;height:33px;background:#f0f2ec;color:#303a2b}.folder-name{font-size:14px;font-weight:550;color:#e5e7e3;margin-bottom:7px}.folder-meta{font-size:10px;color:#949ca8;line-height:1.6;max-width:225px}.folder-item:hover .folder-name{color:var(--accent)}.subsection-label{border-color:#ffffff12;color:#7e8794;font-size:10px;margin-top:10px}.paper-note{color:#697381;font-size:10px;padding:20px 0 37px}.paper-footer{border-color:#ffffff10;color:#717b89;font-size:10px;padding:25px 0 30px}.paper-footer a{color:#acb5c0}.paper-footer a:hover{color:var(--accent)}.desk-caption{font:10px Manrope,sans-serif;color:#4f5864;margin:17px 0 30px}
/* The list is a true single column, including on small screens. */
[data-view=list] .folders{display:flex;flex-direction:column;gap:3px;padding:0 0 25px}[data-view=list] .folder-item{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(90px,auto) 25px;align-items:center;gap:17px;min-height:89px;padding:4px 16px;text-align:left;animation:none;border-bottom:1px solid #ffffff08;border-radius:8px}[data-view=list] .folder-item:after{content:'↗';color:#7f8997;font-size:14px}[data-view=list] .folder-art{transform:scale(.42);transform-origin:left center;width:180px;height:148px;margin:-30px -104px -30px 0}[data-view=list] .folder-item:hover .folder-art{transform:scale(.42) translateY(-4px)}[data-view=list] .folder-name{text-align:left;margin:0;font-size:14px;max-width:none}[data-view=list] .folder-meta{text-align:right;font-size:10px;max-width:300px}[data-view=list] .subsection-label{margin-top:14px}
.project-dialog{background:#1c1e22;border-color:#4b5058;color:#edf0e9;box-shadow:0 30px 110px #000b;border-radius:13px}.dialog-bar{background:#292c31;border-color:#ffffff0c;color:#c5cad1}.dialog-bar>span{color:#a7aeb9}.icon-button:hover{background:#923d3d;color:white}.detail-body h2{font-family:Manrope,sans-serif;font-size:32px;font-weight:550;letter-spacing:-1.25px;line-height:1.2}.detail-lead{color:#bfc5cf;font-size:14px}.detail-facts{border-color:#ffffff12}.detail-facts dt{color:#7f8a99}.detail-facts dd{color:#d6dbdf;font-size:12px}.detail-body h3{font-weight:550;color:#e0e4dd}.detail-body ul{color:#aeb6c3}.detail-note{color:#818c9b}.action{background:#2b2f35;border-color:#444b55;color:#d9dfe7;border-radius:7px}.action:hover{background:#383e47;color:white}.action.primary{background:#d4ecc2;border-color:#d4ecc2;color:#273321}.action.primary:hover{background:#e1f3d5;color:#273321}.project-visual{padding:30px 48px 0;background:radial-gradient(ellipse at 50% 0,rgba(var(--folder),.17),#14161b 90%)}.project-visual:before{display:none}.browser-frame{border-color:#4b5057;border-width:4px;box-shadow:0 15px 40px #0006;transform:none;max-height:340px}.browser-toolbar{background:#2c3036;border-color:#424852}.browser-toolbar i{background:#6f7781}.browser-toolbar>span{color:#a0a8b3}.browser-frame>img{background:#171a1f}.project-visual.full-preview{padding:24px 30px;background:#14171b}.full-preview .browser-frame{width:min(620px,100%);max-height:none;height:auto;border-bottom:4px solid #4b5057;border-radius:8px}.full-preview .browser-frame>img{width:100%;height:auto;object-fit:contain;display:block}.project-visual.mobile-preview{background:#171a20}.mobile-preview .browser-frame{border-color:#565d68}.presentation-cover{background:#171a20;padding:25px 45px}.presentation-cover img{border:1px solid #ffffff1a;box-shadow:0 14px 30px #0006}.cover-play{background:#22272df2;color:#f2f5ee;border-color:#66745d;box-shadow:0 5px 20px #0006}.slide-viewer{background:#1c1f24;border-color:#4a515c}.slide-stage{background:#121418}.viewer-top .eyebrow{color:#8b99a6}.viewer-help,.slide-position p{color:#7f8a9a}.slide-thumbnails button[aria-current=true]{border-color:var(--accent)}.image-viewer{background:#181b20f7}
.about-hero h1{font-size:37px;font-weight:550}.about-lead{font-family:Manrope,sans-serif;font-size:29px;font-weight:450;letter-spacing:-1px;line-height:1.45}.about-lead i{font-style:normal;color:var(--accent)}.about-description{color:#a3acba;line-height:1.9}.polaroid{background:#26292f;border:1px solid #4b5058;border-radius:12px;transform:rotate(-3deg);box-shadow:0 15px 32px #0004;padding:9px 9px 16px}.polaroid:before{display:none}.polaroid img{border-radius:5px}.polaroid figcaption{font:11px/1.6 Manrope,sans-serif;color:#9fa8b4;padding-top:13px}.minor-heading{font-family:Manrope,sans-serif;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.8px;border-color:#ffffff14}.experience h3{font-weight:550}.experience p{color:#9da7b7}.experience .role{color:#d4dadf}.experience .date{color:#a8bf98}.skill-list{color:#b0b9c6}.tools-line{color:#8a97a8}.personal-note{background:#202329;border:1px solid #343b44;border-radius:10px;padding:18px 20px}.personal-note .handwritten{font:12px Manrope,sans-serif;color:var(--accent)}.personal-note p{color:#9ca9ba;margin-bottom:0}.contact-list a{border-color:#ffffff10}.contact-list a:hover{color:var(--accent)}.contact-list span{color:#8290a0}.gallery-board{background:#16191d99;border-color:#39414a;border-radius:12px}.gallery-empty>svg{stroke:#5c6874}.gallery-empty h2{font:26px/1.3 Manrope,sans-serif;letter-spacing:-.8px}.gallery-empty h2 i{font-style:normal;color:#b1c8a1}.gallery-empty p{color:#8794a3}.gallery-empty .handwritten{color:#667880;font-size:21px}.gallery-item{background:#292f36;color:#d6dce3;border:1px solid #4a535e;box-shadow:0 8px 20px #0004;border-radius:6px}.toast{background:#d4ecc2;color:#23301e}.noscript{background:#20252c;color:var(--ink)}
@media(min-width:1440px){.masthead{padding-top:35px;padding-bottom:27px}.work-nav{padding-bottom:22px}.section-heading{margin-top:36px}}
@media(max-width:1000px){.notebook{margin:0 22px;padding:10px 26px 0}.view-controls{right:26px;top:100px}.folders{column-gap:10px}.project-visual{padding-left:35px;padding-right:35px}}
@media(max-width:700px){.masthead{padding:23px 22px 27px}.brand-star{width:25px;height:25px}.identity>span>span{font-size:9px}.about-link{font-size:11px;min-height:40px;padding-left:27px}.about-doodle{width:25px;height:25px;top:calc(50% - 12px)}.work-nav{gap:6px;padding:19px 16px 17px}.work-nav>a{font-size:11px;padding:10px 15px;min-height:40px}.work-nav small{font-size:8px}.nav-doodle{width:30px;height:27px;top:-29px;left:calc(50% - 15px)}.work-nav .pencil-ring{height:49px;inset:-5px -5px}.notebook{margin:0;padding:6px 24px 0}.paper-topline{padding:16px 0;font-size:8px}.section-heading{margin:27px 0 23px;padding-right:0;min-height:110px}.eyebrow{font-size:8px}.section-heading h1,h1{font-size:31px;letter-spacing:-1.2px;max-width:250px}.section-intro{font-size:11px;max-width:290px;line-height:1.85}.view-controls{position:relative;top:auto;right:auto;width:fit-content;margin:19px 0 -8px auto}.view-controls button{width:31px;height:29px}.view-controls svg{width:15px;height:15px}.view-controls:not([hidden])+.view .section-heading{margin-top:-27px;padding-right:0}.view-controls:not([hidden])+.view .section-heading h1{max-width:240px}.section-heading .eyebrow{max-width:190px}.folders{gap:15px 5px}.folder-art{width:150px;height:127px;margin-bottom:15px}.folder-back,.folder-face{height:81px;left:9px;right:9px}.folder-back:before{width:55px;height:24px;top:-13px}.paper{width:95px;height:89px;top:4px;left:17px;border-width:3px}.paper-front{right:15px;left:auto;top:10px}.folder-sticker{width:29px;height:29px}.folder-name{font-size:12px}.folder-meta{font-size:9px;max-width:150px}.paper-footer{font-size:8px;gap:12px}.desk-caption{font-size:8px}.subsection-label{font-size:9px}.paper-note{font-size:8px}.detail-body h2{font-size:27px;letter-spacing:-1px}.detail-lead{font-size:13px}.detail-facts dd{font-size:11px}.project-visual{padding:22px 24px 0}.browser-frame{max-height:235px;border-width:3px}.project-visual.full-preview{padding:18px 18px}.full-preview .browser-frame{max-height:none;border-bottom-width:3px}.presentation-cover{padding:19px 22px}.about-hero h1{font-size:30px}.about-hero .about-lead{font-family:Manrope,sans-serif;font-size:24px;line-height:1.45}.about-description{font-size:12px}.polaroid{border-radius:9px;padding:6px 6px 12px;transform:rotate(-3deg)!important}.polaroid figcaption{font-size:9px;line-height:1.5}.minor-heading{font-size:23px}.gallery-empty h2{font-size:24px}.personal-note{padding:17px 18px}.gallery-board{min-height:400px}[data-view=list] .folder-item{grid-template-columns:55px minmax(0,1fr) 14px;gap:12px;min-height:86px;padding:7px 6px}[data-view=list] .folder-art{width:180px;height:148px;transform:scale(.3);margin:-31px -126px -31px 0}[data-view=list] .folder-item:hover .folder-art{transform:scale(.3) translateY(-4px)}[data-view=list] .folder-name{font-size:13px}[data-view=list] .folder-meta{grid-column:2;grid-row:2;text-align:left;max-width:none;margin-top:-31px;font-size:9px;pointer-events:none}[data-view=list] .folder-item:after{grid-column:3;grid-row:1}[data-view=list] .folders{gap:2px}}
@media(max-width:380px){.masthead{padding-left:18px;padding-right:18px}.identity strong{font-size:11px}.identity>span>span{font-size:8px}.about-link{font-size:10px;padding-left:22px}.about-doodle{width:22px;height:22px}.work-nav{gap:3px;padding-left:12px;padding-right:12px}.work-nav>a{font-size:10px;padding:9px 13px}.notebook{padding-left:18px;padding-right:18px}.section-heading h1,h1{font-size:28px;max-width:225px}.section-intro{font-size:10px}.folder-art{transform:scale(.87);margin:-7px -9px 7px}.folder-name{font-size:11px}.folder-meta{font-size:8px}.about-hero h1{font-size:27px}.about-hero .about-lead{font-size:22px}[data-view=list] .folder-art{transform:scale(.3);margin:-31px -126px -31px 0}[data-view=list] .folder-item:hover .folder-art{transform:scale(.3) translateY(-4px)}[data-view=list] .folder-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-link:hover .about-doodle,.about-link:focus-visible .about-doodle{transform:none}.folder-item:hover .folder-art{transform:none}[data-view=list] .folder-item:hover .folder-art{transform:scale(.42)}}
@media(max-width:700px){[data-view=list] .folder-item{height:86px;min-height:86px;grid-template-rows:1fr 1fr;gap:0 12px;padding:13px 6px}[data-view=list] .folder-art{position:absolute;left:6px;top:calc(50% - 22px);margin:0;transform:scale(.3);transform-origin:top left}[data-view=list] .folder-item:hover .folder-art{transform:scale(.3) translateY(-4px)}[data-view=list] .folder-name{grid-column:2;grid-row:1;align-self:end;margin:0 0 4px}[data-view=list] .folder-meta{grid-column:2;grid-row:2;align-self:start;margin:0;text-align:left}[data-view=list] .folder-item:after{grid-column:3;grid-row:1 / 3;align-self:center}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){[data-view=list] .folder-item:hover .folder-art{transform:scale(.3)}}
/* Case narratives explain the brief, design decisions and delivered result. */
.case-heading-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:12px}.case-heading-line .eyebrow{margin:0}.case-heading-line time{font-size:10px;color:#8d98a6;white-space:nowrap;font-variant-numeric:tabular-nums}.case-body h2{margin-bottom:21px}.case-role{padding:14px 0 17px;margin-bottom:25px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.case-role>span{font-size:9px;color:#7e8c9b}.case-role p{font-size:12px;line-height:1.8;color:#d4ecc2;margin:6px 0 0}.case-intro{font-size:14px;line-height:1.9;color:#d1d6df;margin:0 0 29px}.case-section{margin-top:27px}.case-section h3{font-size:14px;font-weight:600;margin:0 0 12px}.case-section>p{font-size:13px;line-height:1.9;color:#aeb8c6;margin:0}.case-section .case-contribution{padding:0;list-style:none;margin:0}.case-contribution li{position:relative;padding-left:18px;margin:0 0 13px;font-size:13px;line-height:1.9;color:#aeb8c6}.case-contribution li:before{content:'';position:absolute;left:1px;top:.85em;width:4px;height:4px;border-radius:1px;background:#afc69c}.case-outcome{border-top:1px solid #ffffff12;padding-top:24px}.case-outcome h3{color:#d4ecc2}.case-body .detail-note{font-size:10px;line-height:1.85;margin-top:23px;max-width:650px}
@media(max-width:700px){.case-heading-line{gap:12px}.case-heading-line .eyebrow{font-size:8px;line-height:1.6}.case-heading-line time{font-size:9px}.case-role p{font-size:11px}.case-role{margin-bottom:22px}.case-intro{font-size:13px;line-height:1.9}.case-section h3{font-size:13px}.case-section>p,.case-contribution li{font-size:12px;line-height:1.95}.case-section{margin-top:25px}.case-contribution li{padding-left:16px;margin-bottom:13px}.case-body h2{margin-bottom:18px}}
/* Presentation folders open as project briefs; the actual player is separate. */
.presentation-dialog{width:min(960px,calc(100% - 48px))}.presentation-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;padding:34px 36px 38px;align-items:start;min-height:470px}.presentation-copy{min-width:0}.presentation-copy>h2{font:550 32px/1.2 Manrope,sans-serif;letter-spacing:-1.25px;margin:0 0 11px}.presentation-context{color:#8e9aa8;font-size:10px;margin:0 0 28px}.presentation-section{margin:0 0 24px}.presentation-section:last-child{margin-bottom:0}.presentation-section h3{font-size:13px;font-weight:600;line-height:1.4;color:#e3e8df;margin:0 0 11px}.presentation-section p{font-size:13px;line-height:1.9;color:#b5bfcd;margin:0}.presentation-preview{position:sticky;top:24px;min-width:0;align-self:start;border-left:1px solid #ffffff12;padding-left:22px}.presentation-preview>.eyebrow{font-size:8px;letter-spacing:.9px;line-height:1.7;margin:0 0 12px;color:#8996a5}.presentation-preview .presentation-cover{display:block;width:100%;height:auto;min-height:0;padding:0;margin:0 0 15px;background:#13161c;border:1px solid #3c4450;border-radius:7px;overflow:hidden;cursor:pointer;aspect-ratio:16/9}.presentation-preview .presentation-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none}.presentation-preview .presentation-cover:hover img{transform:scale(1.025)}.presentation-preview .cover-play{display:grid;place-items:center;left:50%;top:50%;width:36px;height:36px;min-height:0;padding:0;border-radius:50%;font-size:19px;background:#191f28e8;border:1px solid #c9dbbd70;box-shadow:0 5px 20px #0007;color:#e8f0e1}.presentation-preview .action{width:100%;gap:10px;min-height:42px;padding:10px 12px;font-size:10px;white-space:nowrap}.presentation-view-hint{font-size:9px;line-height:1.8;color:#7f8e9f;margin:14px 0 17px}.presentation-date{font-size:9px;color:#a1aebe;margin:0 0 16px}.tools-heading{margin-top:32px}.tools-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0 0 38px}.tools-grid>li{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;aspect-ratio:1/1;border:1px solid #3e4651;border-radius:12px;background:#20242b8c;color:#c6d0dc;font-size:12px;line-height:1.55;padding:12px;transition:border-color .2s,background .2s}.tools-grid>li:hover{border-color:#7b8c6d;background:#272f29}.freelance-experience{padding-top:3px}
@media(max-width:850px) and (min-width:701px){.presentation-layout{grid-template-columns:minmax(0,1fr) 205px;padding:28px;gap:24px}.presentation-preview{padding-left:18px}.presentation-copy>h2{font-size:29px}.presentation-section p{font-size:12px}}
@media(max-width:700px){.presentation-dialog{width:calc(100% - 20px)}.presentation-layout{grid-template-columns:1fr;gap:27px;padding:26px 24px 30px;min-height:0}.presentation-copy>h2{font-size:28px;letter-spacing:-1px}.presentation-context{margin-bottom:23px;font-size:10px}.presentation-section{margin-bottom:23px}.presentation-section h3{font-size:13px}.presentation-section p{font-size:12px;line-height:1.95}.presentation-preview{position:static;top:auto;max-width:280px;width:100%;border-left:0;border-top:1px solid #ffffff12;padding:23px 0 0}.presentation-preview>.eyebrow{font-size:9px}.presentation-preview .action{font-size:11px}.presentation-view-hint{font-size:10px}.tools-grid{gap:9px;margin-bottom:34px}.tools-grid>li{font-size:11px;border-radius:10px;padding:9px}.tools-heading{margin-top:29px}}
@media(max-width:380px){.tools-grid>li{font-size:10px;padding:7px;border-radius:9px}.presentation-layout{padding-left:21px;padding-right:21px}}
/* Tool labels follow their text width and wrap as compact outlined tags. */
.tools-grid{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-start}.tools-grid>li{display:inline-flex;flex:0 0 auto;width:auto;max-width:100%;min-height:35px;aspect-ratio:auto;border-radius:8px;padding:7px 12px;font-size:12px;line-height:1.6;white-space:nowrap}
@media(max-width:700px){.tools-grid{gap:8px}.tools-grid>li{min-height:33px;padding:6px 11px;font-size:11px;border-radius:7px}}
/* A manual, noninteractive top-layer surface keeps the shared preview above the modal. */
.folder-motion-layer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:visible;background:transparent;pointer-events:none;contain:layout style;z-index:1000}.folder-motion-layer::backdrop{background:transparent;pointer-events:none}.folder-motion-layer:popover-open{display:block}.folder-window-surface{position:absolute;inset:0;overflow:visible;pointer-events:none}.folder-window-surface-shape{fill:#1c1e22;stroke:#4b5058;stroke-width:1;filter:drop-shadow(0 14px 18px #0006)}.project-dialog.morph-managed[open]{animation:none}.project-dialog.morph-managed::backdrop{opacity:1;transition:opacity .26s cubic-bezier(.22,1,.36,1)}.project-dialog[data-morph-state=opening-lift]::backdrop,.project-dialog[data-morph-state=closing-surface]::backdrop,.project-dialog[data-morph-state=closing-fold]::backdrop{opacity:0}.folder-morph-source .folder-art,.folder-morph-source .paper,.folder-morph-source .folder-face{transition:none!important}.folder-morph-source .folder-face,.folder-morph-source .paper-front{will-change:transform}.folder-morph-source .folder-art{isolation:isolate}
@media(prefers-reduced-motion:reduce){.folder-motion-layer{display:none!important}.project-dialog.morph-managed::backdrop{transition:none}}
html{scrollbar-gutter:stable}
.project-dialog[data-morph-state=opening-lift] .project-content,.project-dialog[data-morph-state=opening-surface] .project-content,.project-dialog[data-morph-state^=closing] .project-content{pointer-events:none}