.cs-info,.frame-info{background:linear-gradient(#0000 0%,#00000014 22%,#0000004d 48%,#0009 76%,#000000d1 100%)}@property --enter{syntax:"<number>";inherits:true;initial-value:0}@property --folder-enter{syntax:"<number>";inherits:true;initial-value:0}@property --wash{syntax:"<number>";inherits:true;initial-value:.7}@property --tint-turn{syntax:"<angle>";inherits:true;initial-value:0deg}@property --tint-sat{syntax:"<number>";inherits:true;initial-value:4}@property --ink-l{syntax:"<number>";inherits:true;initial-value:.2}@property --ink-c{syntax:"<number>";inherits:true;initial-value:.04}@property --ink-h{syntax:"<number>";inherits:true;initial-value:240}@property --edge-l{syntax:"<number>";inherits:true;initial-value:.2}@property --edge-c{syntax:"<number>";inherits:true;initial-value:.04}@property --edge-h{syntax:"<number>";inherits:true;initial-value:240}:root{--enter:0;--folder-enter:0}html.exp-page:has(.exp.is-desktop[data-initial=desktop]){--enter:1;--folder-enter:1}.exp{--wash:.7;--ink:oklch(var(--ink-l) var(--ink-c) var(--ink-h));--edge:oklch(var(--edge-l) var(--edge-c) var(--edge-h));transition:--wash .45s var(--ease), --bg .6s var(--ease), --ink-l .6s var(--ease), --ink-c .6s var(--ease), --ink-h .6s var(--ease), --edge-l .6s var(--ease), --edge-c .6s var(--ease), --edge-h .6s var(--ease), --tint-turn .6s var(--ease), --tint-sat .6s var(--ease);position:fixed;inset:0;container:screen/size}.exp.has-active{--wash:.84}.exp:is(:not([data-project]),[data-project=""]) .desk .frame-button{--ink:var(--home-button-accent,oklch(var(--ink-l) var(--ink-c) var(--ink-h)));--edge:var(--home-button-border,var(--home-button-accent,oklch(var(--edge-l) var(--edge-c) var(--edge-h))));background:var(--home-button-bg,var(--bg));color:var(--home-button-fg,var(--fg))}.exp.is-landing{touch-action:none;cursor:pointer}.exp .video-wrap{position:fixed;inset:0}@supports (height:100lvh){.exp .video-wrap{height:100lvh;bottom:auto}}.exp .backdrop{filter:blur(10px)saturate(1.2)brightness(.7);width:100%;height:100%;display:none;position:absolute;inset:0;transform:scale(1.25)}[data-fit=contain] .exp .backdrop{display:block}[data-fit=contain] .exp .reel{object-fit:contain;--edge:calc(50% - var(--fit-h,56cqw) / 2);-webkit-mask-image:linear-gradient(transparent var(--edge), #000 calc(var(--edge) + 28px), #000 calc(100% - var(--edge) - 28px), transparent calc(100% - var(--edge)));mask-image:linear-gradient(transparent var(--edge), #000 calc(var(--edge) + 28px), #000 calc(100% - var(--edge) - 28px), transparent calc(100% - var(--edge)))}.exp .reel{object-fit:cover;object-position:center;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;inset:0}.exp .reel-alt{opacity:0;transition:opacity .5s var(--ease)}.exp .reel-alt.is-on{opacity:1}.exp .video-wrap .reel-alt.fit-cover{object-fit:cover;-webkit-mask-image:none;mask-image:none}.exp .video-wrap .reel-alt.fit-contain{object-fit:contain;--edge:calc(50% - var(--fit-h,56cqw) / 2);-webkit-mask-image:linear-gradient(transparent var(--edge), #000 calc(var(--edge) + 28px), #000 calc(100% - var(--edge) - 28px), transparent calc(100% - var(--edge)));mask-image:linear-gradient(transparent var(--edge), #000 calc(var(--edge) + 28px), #000 calc(100% - var(--edge) - 28px), transparent calc(100% - var(--edge)))}.exp .video-wrap.alt-contain .backdrop{display:block}.exp .reel::-webkit-media-controls,.exp .reel::-webkit-media-controls-start-playback-button{-webkit-appearance:none;opacity:0!important;pointer-events:none!important;display:none!important}.exp .grain{z-index:2;pointer-events:none;opacity:calc(var(--enter) * .06);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}.exp:not(.is-landing) .reel{filter:grayscale(var(--enter)) sepia(var(--enter)) hue-rotate(calc(var(--tint-turn) * var(--enter))) saturate(calc(1 + (var(--tint-sat) - 1) * var(--enter)))}.exp .wash{pointer-events:none;background:var(--bg);opacity:calc(var(--enter) * var(--wash));position:fixed;inset:0}.exp .landing-ui{z-index:4;padding-bottom:max(28px, env(safe-area-inset-bottom,0px) + 20px);pointer-events:none;opacity:clamp(0, 1 - var(--enter) * 2.5, 1);transform:translateY(calc(var(--enter) * 30px));flex-direction:column;align-items:center;gap:22px;display:flex;position:fixed;bottom:0;left:0;right:0}.exp .landing-ui>*{pointer-events:auto}.exp.is-desktop .landing-ui{visibility:hidden}.exp .cue{color:var(--fg);font:15px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #00000073;opacity:.75;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .2s var(--ease), letter-spacing .4s var(--ease-out);background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;padding:8px 16px;display:flex}.exp .cue .cue-icon{transition:scale .4s var(--ease-out)}.exp .cue-label-pointer{text-transform:uppercase}.exp .cue:hover,.exp .cue:focus-visible{opacity:1;letter-spacing:.24em;animation:.8s ease-in-out infinite alternate cue-hover-bob}.exp .cue:hover .cue-icon,.exp .cue:focus-visible .cue-icon{scale:1.2}@keyframes cue-hover-bob{0%{translate:0}to{translate:0 4px}}@media (prefers-reduced-motion:reduce){.exp .cue:hover,.exp .cue:focus-visible{animation:none}}.exp .cue-label-touch,.exp .cue .cue-icon-touch{display:none}.exp .cue:has(.cue-icon-pointer[data-cue=breath]){letter-spacing:.14em;grid-template-rows:54px;grid-template-columns:36px max-content;gap:4px;animation:none;display:grid}.exp .cue:has(.cue-icon-pointer[data-cue=breath]) .cue-icon-pointer{grid-area:1/1;scale:1}.exp .cue:has(.cue-icon-pointer[data-cue=breath]) .cue-label-pointer{grid-area:1/2}@media (hover:none) and (pointer:coarse){.exp .cue:has(.cue-icon-pointer[data-cue=breath]){gap:14px;display:flex}.exp .cue-label-pointer,.exp .cue .cue-icon-pointer{display:none}.exp .cue-label-touch{display:inline}.exp .cue .cue-icon-touch{display:block}}.exp .desk{z-index:3;--folder-panel-width:clamp(330px, 27vw, 540px);grid-template-columns:minmax(0, 1fr) var(--folder-panel-width);pointer-events:none;display:grid;position:fixed;inset:0}.exp.is-desktop .desk{pointer-events:auto}.exp .desk{color:var(--fg);transition:--fg .6s var(--ease)}.exp .to-landing,.exp .home-links{top:var(--corner-top);translate:0 var(--corner-button-offset);z-index:2;opacity:clamp(0, (var(--enter) - .6) / .3, 1);position:absolute}.exp .to-landing{left:var(--corner-side)}.exp .home-links{right:var(--corner-side)}.exp .site-name{z-index:2;top:calc(var(--corner-top) + 4px);width:max-content;max-width:calc(100cqw - 2 * var(--corner-side));text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.exp .desk>.site-name{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.exp.is-desktop[data-project]:not([data-project=""]) .desk>.site-name{opacity:1;visibility:visible;transition:opacity .3s,visibility}.exp>.landing-site-name{color:#fff;opacity:clamp(0, 1 - var(--enter) * 2.5, 1);visibility:hidden;transition:opacity .3s,visibility 0s .3s}.exp:is(.is-landing,.is-transitioning)>.landing-site-name{visibility:visible;transition:opacity .3s,visibility}@media (prefers-reduced-motion:reduce){.exp .desk>.site-name,.exp>.landing-site-name{transition:none}}.exp .stage-area{min-width:0;opacity:clamp(0, (var(--enter) - .5) / .4, 1);grid-area:1/1;padding:clamp(28px,5cqh,64px) clamp(28px,5cqw,84px);position:relative}.exp .stage{--ratio:1.23;width:min(100%, 68cqw, (100cqh - 2 * clamp(24px, 4cqh, 52px)) * var(--ratio));aspect-ratio:var(--ratio);position:relative}.exp .info{display:none}.exp[data-collage-motion] .collage{z-index:0}.exp[data-collage-motion] .collage.is-leaving{z-index:1}.exp[data-collage-motion] .collage.is-active{z-index:2}.exp[data-collage-motion] .collage .frame{transition:none}.exp[data-collage-motion] .collage.is-leaving .frame{visibility:visible}.exp .home-mosaic{inset:auto;left:calc((100cqw - 220px - var(--corner-side)) / 2 - clamp(28px, 5cqw, 84px));width:min(94%,90cqh);aspect-ratio:var(--mosaic-ratio);top:8%;translate:-50%}.exp .home-mosaic .frame-media svg{width:100%;height:100%;display:block}.exp .home-mosaic .frame{left:calc(var(--x) * 1% - 8px);top:calc(var(--y) * 1% - 8px);width:calc(var(--w) * 1% + 16px);cursor:default}.exp .home-mosaic.is-active .frame{pointer-events:none}.exp .folders{--folder-stagger:min(.055, .275 / max(1, var(--n) - 1));z-index:1;grid-area:1/2;grid-template-columns:minmax(0, 1fr) calc(220px + var(--corner-side));min-width:0;height:100cqh;padding:var(--corner-top) 0 0;color:#fff;grid-template-rows:minmax(150px,1fr) auto;gap:0;display:grid;position:relative}.exp.is-landing :is(.folders,.to-landing,.home-links){visibility:hidden}.exp .folder-panel-title{opacity:clamp(0, (var(--enter) - .4) / .4, 1)}.exp .folder-panel-head{display:contents}.exp .folder-panel-title{contain:inline-size;color:var(--fg);letter-spacing:.14em;text-transform:uppercase;text-align:center;white-space:nowrap;grid-area:1/2;align-self:end;margin:0;padding-bottom:8px;padding-left:44px;font-size:11px;font-weight:400;line-height:1;position:relative}.exp .dock-projects{flex-direction:column;flex:0 auto;grid-area:2/2;gap:0;min-height:0;display:flex}.exp .folder{--t:clamp(0, (var(--enter) - .38 - var(--i) * .025) / .28, 1);--folder-offset:0px;--folder-slide:32px;--folder-height:clamp(72px, 9.8cqh, 88px);--folder-step:calc(var(--folder-height) - 40px);isolation:isolate;width:100%;height:var(--folder-height);cursor:pointer;pointer-events:none;opacity:var(--t);transform:translateX(calc(-1 * var(--folder-offset)));z-index:calc(1 + var(--i));filter:drop-shadow(0 -2px 2px #0003);transition:opacity .25s var(--ease), transform .3s var(--ease-out);direction:ltr;outline:none;flex-shrink:0;margin-top:-40px;padding:0;text-decoration:none;display:block;position:relative}.exp .dock-projects>.folder:first-child{margin-top:0}.exp .dock-projects>.folder{--folder-progress:clamp(0, (var(--folder-enter) - .42 - var(--i) * var(--folder-stagger)) / .3, 1);--folder-ease:calc(var(--folder-progress) * var(--folder-progress) * var(--folder-progress) * (var(--folder-progress) * (6 * var(--folder-progress) - 15) + 10));opacity:var(--folder-ease);translate:calc((1 - var(--folder-ease)) * 48px) 0;transition:transform .3s var(--ease-out)}.exp.is-transitioning .dock-projects>.folder{will-change:opacity, translate}@media (prefers-reduced-motion:reduce){.exp .dock-projects>.folder{opacity:var(--folder-enter);translate:none}}.exp .folder-silhouette{z-index:-1;width:calc(100% + var(--folder-slide) + 2px);height:calc(var(--folder-height) + (var(--n) - var(--i) - 1) * var(--folder-step));fill:var(--folder-color,#fff);pointer-events:none;position:absolute;inset:0;overflow:hidden}.exp .folder-silhouette :is(path,rect){pointer-events:visiblePainted}.exp .folder :is(.folder-icon,.label,.folder-role,.folder-wordmark,.dock-label){pointer-events:auto}.exp .dock-projects>.folder:hover,.exp .dock-projects>.folder:focus-visible,.exp .dock-projects>.folder.is-active{--folder-offset:var(--folder-slide)}.exp .about{position:absolute;bottom:34px;right:22px}.exp .cool-link{position:absolute;bottom:34px;right:170px}.exp .cool-link,.exp .about{grid-template-rows:64px 19px;justify-items:center;width:144px;display:grid}.exp .cool-link>.folder-icon,.exp .about>.folder-icon{grid-row:1;align-self:center}.exp .cool-link>.label,.exp .about>.label{white-space:nowrap;grid-row:2}.exp .folder .folder-icon{object-fit:contain;filter:none;transform-origin:50% 100%;width:30px;height:19px;transition:transform .25s var(--ease-out);position:absolute;top:11px;left:8px;transform:none}.exp .dock-label{display:none}.exp .label{top:calc(50% + 20px);left:calc(76px + var(--folder-slide) + 16px);color:var(--folder-fg,#111);letter-spacing:.025em;text-align:left;text-transform:uppercase;white-space:nowrap;text-overflow:clip;font-size:clamp(12px,1.05cqw,15px);font-weight:400;line-height:1.05;position:absolute;right:20px;overflow:hidden;transform:translateY(-50%)}.exp .folder-role{left:calc(76px + var(--folder-slide) + 16px);text-overflow:ellipsis;white-space:nowrap;color:var(--folder-fg,#111);letter-spacing:.04em;text-transform:uppercase;opacity:0;transition:opacity .2s var(--ease), transform .25s var(--ease-out);font-size:8px;line-height:1.1;position:absolute;bottom:4px;right:16px;overflow:hidden;transform:translateY(3px)}.exp .dock-projects>.folder.is-active .folder-role,.exp .dock-projects>.folder:hover .folder-role,.exp .dock-projects>.folder:focus-visible .folder-role{opacity:.62;transform:none}.exp .dock-projects>.folder.is-active .folder-icon{transform:none}.exp .dock-projects>.folder.is-active .label{text-underline-offset:5px;text-decoration:underline 1px;transform:translateY(calc(-50% - 3px))}@media (height<=800px){.exp .folder-role{display:none}}.exp .folder-wordmark{text-align:center;text-transform:uppercase;letter-spacing:.04em;opacity:.9;max-width:35px;font-size:8px;line-height:1.1;position:absolute;top:11px;left:8px;overflow:hidden}@container screen (width>=720.01px){.exp .folder-wordmark{display:none}}.exp .folder:focus-visible .folder-icon{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}.exp .folders>.cool-link,.exp .folders>.about{display:none}@container screen (width<=720px){.exp .to-landing{letter-spacing:.035em;padding:6px 8px;font-size:10px}.exp .home-links{gap:8px}.exp .home-links .frame-button{letter-spacing:.035em;padding-inline:6px;font-size:10px}.exp .desk{grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr)}.exp .stage-area{padding:max(20px, env(safe-area-inset-top,0px) + 12px) 18px 6px;place-items:center;display:grid;container-type:size}.exp .stage{--ratio:.82;width:min(100cqw, 100cqh * var(--ratio))}.exp .home-mosaic{aspect-ratio:1;width:90%;top:8%;left:50%}.exp .home-mosaic .frame{left:calc(var(--mx) * 1% - 5px);top:calc(var(--my) * 1% - 5px);width:calc(var(--mw) * 1% + 10px)}.exp .info{--t:clamp(0, (var(--enter) - .55) / .35, 1);min-height:66px;opacity:var(--t);justify-content:space-between;align-items:center;gap:14px;padding:4px 20px 14px;display:flex}.exp .info p{margin:0}.exp .info-title{letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere;min-width:0;font-size:clamp(20px,6.4cqw,28px);line-height:1}.exp .info-open{flex:none}.exp .info [hidden]{display:none}}.stage .idle{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stage .idle-media{width:var(--idle-size,72%);height:var(--idle-size,72%);object-fit:contain;opacity:0;transition:opacity .25s var(--ease), transform .4s var(--ease-out);grid-area:1/1;display:block;transform:scale(.94)}.stage .idle-media.is-on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.stage .idle-media{transform:none}}.frame-media:has(.frame-info){position:relative}.frame-info{width:100%;padding:calc(var(--frame-info-font,12px) * 2.6) calc(var(--frame-info-font,12px) * .8) calc(var(--frame-info-font,12px) * .8);color:#fff;font-size:var(--frame-info-font,12px);text-align:left;pointer-events:none;line-height:1.35;display:block;position:absolute;bottom:0;left:0}.frame-info-content{text-shadow:0 .07em .28em #000c;overflow-wrap:anywhere;display:block}.frame-info-title{margin:0 0 .55em;font-size:1.575em;line-height:1.15;display:block}.frame-info-row{white-space:pre-line;gap:.12em;margin-top:.5em;display:grid}.frame-info-key{opacity:.65}.frame-info[data-align=right]{text-align:right}@container screen (width<=720px){.exp .info-title{display:none}.exp .info-open{margin-left:auto}.exp .folders{--t:clamp(0, (var(--enter) - .4) / .4, 1);--sheet-width:clamp(184px, 52cqw, 224px);--tab-step:56px;--sheet-rise:72px;min-width:0;height:calc(116px + env(safe-area-inset-bottom,0px));opacity:var(--t);transform:translateY(calc((1 - var(--t)) * 110%));direction:ltr;background:0 0;border-radius:0;flex-direction:row;grid-area:3/1;justify-content:flex-start;margin:0;padding:0;display:flex}.exp .folder-panel-head,.exp .folders>:is(.cool-link,.about){display:none}.exp .dock-projects{scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:none;min-width:0;height:100%;padding:76px 12px env(safe-area-inset-bottom,0px);touch-action:pan-y;flex-direction:row;flex:1;margin:0;display:flex;position:relative;overflow:hidden}.exp .dock-projects::-webkit-scrollbar{display:none}.exp .dock-projects>.folder{--folder-height:160px;--folder-rise:0px;--sheet-body-width:max(var(--sheet-width), calc(100cqw - 12px - var(--i) * var(--tab-step) + var(--dock-scroll,0px)));flex:0 0 var(--sheet-width);width:var(--sheet-width);height:40px;margin:0 calc(var(--tab-step) - var(--sheet-width)) 0 0;opacity:var(--folder-ease);translate:0 calc((1 - var(--folder-ease)) * 40px);transform:translateY(calc(-1 * var(--folder-rise)));scroll-snap-align:none;pointer-events:none;-webkit-tap-highlight-color:transparent;padding:0;display:block;position:relative}.exp .dock-projects>.folder:last-child{margin-right:0}.exp .dock-projects>.folder:is(.is-active,:focus-visible){--folder-rise:var(--sheet-rise);z-index:0}.exp .folder-silhouette{width:100%;height:var(--folder-height);display:block}.exp .dock-projects>.folder:is(.is-active,:focus-visible) .folder-silhouette{width:var(--sheet-body-width)}.exp .folder-wordmark,.exp .dock-label{display:none}.exp .folder .folder-icon{width:30px;height:19px;margin:0;position:absolute;top:11px;left:8px;transform:none}.exp .dock-projects>.folder :is(.label,.folder-role){width:calc(var(--sheet-body-width) - 24px);text-align:center;white-space:nowrap;text-overflow:clip;clip-path:none;height:auto;color:var(--folder-fg,#111);opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility .2s;text-decoration:none;display:block;position:absolute;left:12px;right:auto;transform:none}.exp .dock-projects>.folder .label{font-size:11px;line-height:1.1;top:42px}.exp .dock-projects>.folder .folder-role{font-size:8px;line-height:1.1;top:55px;bottom:auto}.exp .dock-projects>.folder:is(.is-active,:focus-visible) :is(.label,.folder-role){opacity:1;visibility:visible;transform:none}@media (hover:hover){.exp .dock-projects>.folder:hover{--folder-rise:var(--sheet-rise);z-index:0}.exp .dock-projects>.folder:hover .folder-silhouette{width:var(--sheet-body-width)}.exp .dock-projects>.folder:hover :is(.label,.folder-role){opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.exp .dock-projects>.folder{transition:none;translate:none}.exp .dock-projects>.folder :is(.label,.folder-role){transition:none}}}.exp .desk{--dock-rest:calc(40px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) auto var(--dock-rest)}.exp .folders{--folder-stagger:min(.055, .275 / max(1, var(--n) - 1));--sheet-rise:32px;z-index:4;height:calc(var(--dock-rest) + var(--sheet-rise) + 12px);opacity:1;pointer-events:none;grid-area:1/1/-1/-1;min-width:0;margin:0;padding:0;display:block;position:absolute;inset:auto 0 0;transform:none}.exp .folders>:is(.cool-link,.about){display:none}.exp .dock-projects{--dock-gap:4px;align-items:flex-start;gap:var(--dock-gap);min-width:0;height:100%;padding:calc(var(--sheet-rise) + 12px) var(--corner-side) env(safe-area-inset-bottom,0px);scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--corner-side);-webkit-overflow-scrolling:touch;touch-action:pan-x;pointer-events:auto;flex-direction:row;margin:0;display:flex;position:relative;overflow:auto hidden;-webkit-mask-image:none;mask-image:none}.exp .dock-projects::-webkit-scrollbar{display:none}.exp .dock-projects>.folder{--folder-rise:0px;--folder-height:160px;--folder-progress:clamp(0, (var(--folder-enter) - .42 - var(--i) * var(--folder-stagger)) / .3, 1);--folder-ease:calc(var(--folder-progress) * var(--folder-progress) * var(--folder-progress) * (var(--folder-progress) * (6 * var(--folder-progress) - 15) + 10));isolation:isolate;width:max-content;min-width:152px;height:40px;opacity:var(--folder-ease);transform:translateY(calc(-1 * var(--folder-rise)));translate:0 calc((1 - var(--folder-ease)) * 48px);z-index:var(--dock-layer,calc(1 + var(--i)));scroll-snap-align:start;transition:transform .25s var(--ease-out);pointer-events:none;flex:none;grid-template-rows:40px;grid-template-columns:26px max-content;align-content:start;align-items:center;column-gap:10px;margin:0;padding:0 42px 0 12px;display:grid;position:relative}.exp .dock-projects>.folder .folder-silhouette{--folder-body-join:22px;z-index:-1;width:100%;height:var(--folder-height);fill:var(--folder-color,#fff);pointer-events:none;position:absolute;inset:0;overflow:visible}.exp .dock-projects>.folder:is(.is-active,:focus-visible,:hover) .folder-silhouette{width:100%}.exp .dock-projects>.folder .folder-tab-top{height:min(40px, var(--folder-body-join))}.exp .dock-projects>.folder .folder-tab-fill{height:calc(var(--folder-body-join) - 10px)}.exp .dock-projects>.folder .folder-shoulder path{transform:translateX(-54px) scaleY(calc(var(--folder-body-join) / var(--folder-open-join)))}.exp .dock-projects>.folder .folder-sheet{y:var(--folder-body-join);visibility:visible;width:calc(100% + var(--folder-body-extension,var(--dock-gap)));clip-path:inset(0 round 0 10px 0 0) fill-box}.exp .dock-projects>.folder:is(.is-active,[data-dock-selected],:focus-visible){--folder-rise:var(--sheet-rise);z-index:var(--dock-layer,calc(1 + var(--i)))}.exp .dock-projects>.folder .folder-icon{object-fit:contain;filter:none;transform-origin:50%;grid-area:1/1;width:26px;height:22px;margin:0;position:relative;top:auto;left:auto;transform:none}.exp .dock-projects>.folder .label{width:auto;height:auto;color:var(--folder-fg,#111);letter-spacing:.025em;text-align:left;text-transform:uppercase;white-space:nowrap;text-overflow:clip;opacity:1;visibility:visible;grid-area:1/2;font-size:13px;font-weight:400;line-height:1.15;text-decoration:none;display:block;position:relative;inset:auto;overflow:visible;transform:none}.exp .dock-projects>.folder .folder-role{width:auto;color:var(--folder-fg,#111);text-align:left;white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;transition:opacity .2s var(--ease), visibility 0s .25s;font-size:9px;line-height:1.15;position:absolute;inset:51px 14px auto;transform:none}.exp .dock-projects>.folder:is(.is-active,:focus-visible,:hover) .label{opacity:1;visibility:visible;text-decoration:none;transform:none}.exp .dock-projects>.folder:is(.is-active,[data-dock-selected],:focus-visible) .folder-role{opacity:.7;visibility:visible;transition-delay:0s}@media (hover:hover){.exp .dock-projects>.folder:hover{--folder-rise:var(--sheet-rise);z-index:var(--dock-layer,calc(1 + var(--i)))}.exp .dock-projects>.folder:hover .folder-role{opacity:.7;visibility:visible;transition-delay:0s}}.exp :is(.folder-wordmark,.dock-label),.exp .folder-title-phone{display:none}@container screen (width<=720px){.exp .dock-projects>.folder .label{font-size:12px}.exp .folder-title-desktop{display:none}.exp .folder-title-phone{display:inline}}@media (prefers-reduced-motion:reduce){.exp .dock-projects>.folder{opacity:var(--folder-enter);transition:none;translate:none}.exp .folder .folder-role{transition:none}}.exp .dock-projects[data-endless-dock]{scroll-snap-type:none;touch-action:pan-y;clip-path:inset(0);overflow:hidden}.exp .dock-projects[data-endless-dock]>.folder{left:0;top:calc(var(--sheet-rise) + 12px);translate:var(--dock-x,0px) calc((1 - var(--folder-ease)) * 48px);will-change:translate;position:absolute}@media (prefers-reduced-motion:reduce){.exp .dock-projects[data-endless-dock]>.folder{translate:var(--dock-x,0px) 0}}.exp .dock-projects[data-endless-dock]>.folder:not(.is-active,[data-dock-selected]){--folder-rise:0px}.exp .dock-projects[data-dock-scrolling]>.folder[data-dock-selected]{transition:none}.exp .home-swipe-hint{display:none}.exp.is-landing .home-swipe-hint{visibility:hidden}@container screen (width<=720px){.exp .desk{--dock-rest:0px;grid-template-rows:minmax(0,1fr) auto auto}.exp .folders{display:none}.exp .stage-area{padding:calc(var(--corner-top) + 40px) 16px 20px}.exp .stage .frame-info{display:none}.exp .home-swipe-hint{--swipe-hint-opacity:calc(.6 * clamp(0, (var(--enter) - .55) / .35, 1));letter-spacing:.14em;opacity:var(--swipe-hint-opacity);pointer-events:none;grid-area:2/1;justify-content:center;align-items:center;gap:16px;margin:0;padding:0 16px 12px;font-size:18px;line-height:1;animation:2.5s linear infinite home-swipe-fade;display:flex;translate:0 -8px}.exp .home-swipe-label{opacity:.65}.exp .home-swipe-spark{--swipe-direction:-1;--swipe-travel:max(0px, calc(50cqw - 100px));width:30px;height:45px;animation:2.5s linear infinite home-swipe-outward;display:block}.exp .home-swipe-spark:last-child{--swipe-direction:1;transform:scaleX(-1)}.exp .home-swipe-hint .cue-icon{color:inherit;transform-origin:0 0;transform:scale(.8)}.exp .info{min-height:0;padding:0 16px max(24px, env(safe-area-inset-bottom,0px) + 16px);grid-area:3/1;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:16px;display:grid}.exp .info-details,.exp .home-info-sample{grid-area:1/1;min-width:0}.exp .home-info-reserve{visibility:hidden;display:contents}.exp :is(.info-project-content,.home-info-sample){font-size:var(--frame-info-font,12px);text-align:left;overflow-wrap:anywhere;line-height:1.35}.exp .info .frame-info-title{margin-bottom:.45em;font-size:22.68px}.exp .info .frame-info-row{margin-top:.35em;display:block}.exp .info .frame-info-key{margin-right:.5em}.exp .info :is(.info-open,.home-info-open-reserve){white-space:nowrap;grid-area:1/2;align-self:flex-end;min-height:44px;margin:0 0 4px;padding:10px 12px;font-size:12px;translate:none}}@keyframes home-swipe-outward{0%{translate:0}8%{animation-timing-function:cubic-bezier(.16,1,.3,1);translate:0}80%,to{translate:calc(var(--swipe-direction) * var(--swipe-travel)) 0}}@keyframes home-swipe-fade{0%{opacity:0}8%,16%{opacity:var(--swipe-hint-opacity)}44%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.exp .home-swipe-hint{animation:none}.exp .home-swipe-spark{opacity:1;animation:none;translate:none}}