.hero-stage[data-astro-cid-yykblqb2]{position:relative;width:100vw;height:100vh;min-height:600px;background-color:var(--bg-deep);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:grab}.hero-stage[data-astro-cid-yykblqb2]:active{cursor:grabbing}.svg-layers-wrap[data-astro-cid-yykblqb2]{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.svg-layer[data-astro-cid-yykblqb2]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.svg-layer[data-astro-cid-yykblqb2].is-active-layer{opacity:1;visibility:visible;z-index:2}.svg-layer[data-astro-cid-yykblqb2] image[data-astro-cid-yykblqb2]{width:100%;height:100%;filter:none!important}.story-stage{--drop: 220px;position:relative;min-height:max(100svh,720px);padding:0 clamp(24px,7vw,120px);background:var(--bg-deep, #08080a);overflow:hidden;isolation:isolate;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;flex-direction:column;justify-content:center}.light-pool,.light-halo{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;z-index:0}.light-pool{width:1440px;height:1050px;margin:-525px 0 0 -720px;background:radial-gradient(ellipse closest-side,rgba(255,218,162,.5) 0%,rgba(255,204,140,.4) 12%,rgba(248,186,118,.3) 24%,rgba(240,168,98,.2) 36%,rgba(230,150,80,.13) 48%,rgba(218,134,68,.07) 60%,rgba(206,120,58,.035) 72%,rgba(195,110,50,.012) 84%,rgba(180,100,45,.003) 94%,transparent 100%);filter:blur(8px)}.light-halo{width:480px;height:480px;margin:-240px 0 0 -240px;background:radial-gradient(circle closest-side,rgba(255,235,190,.42) 0%,rgba(255,215,155,.24) 28%,rgba(255,195,125,.1) 58%,rgba(255,185,105,.02) 85%,transparent 100%)}.stage-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.44;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.stage-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 44% 36%,transparent 42%,rgba(5,5,7,.76) 100%);transition:background .4s var(--ease-cinematic)}:global([data-theme=light]) .stage-vignette{background:radial-gradient(ellipse at 44% 36%,transparent 50%,rgba(222,215,202,.45) 100%)}.lamp-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.lamp-handle{position:absolute;left:0;top:0;width:140px;height:120px;z-index:6;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;border-radius:50%}.lamp-handle:active{cursor:grabbing}.lamp-handle:focus-visible{outline:2px solid var(--gold-accent, #cfa86e);outline-offset:4px}.story-container{position:relative;z-index:3;width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(36px,7vw,110px);row-gap:3.5rem;align-items:start;padding-top:calc(var(--drop, 220px) + 20px);padding-bottom:clamp(56px,9vh,80px)}.story-lead{display:flex;flex-direction:column}.story-headline{margin:0;font-family:var(--font-serif, "EB Garamond", Georgia, serif);font-weight:400;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.1;letter-spacing:-.015em;color:var(--text-primary)}.story-tag{text-align:left;margin-top:clamp(36px,1vh,64px)}.story-tag p{margin:0;font-family:var(--font-serif, "EB Garamond", Georgia, serif);font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.45}.mantra-t1{font-style:italic;color:var(--gold-accent, #cfa86e)}.mantra-t2{color:var(--text-primary)}.story-narrative{padding-top:.6rem;max-width:32rem}.story-line-1{margin:0;font-family:var(--font-serif, "EB Garamond", Georgia, serif);font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.35;color:var(--text-primary)}.story-body{margin:1.5rem 0;font-family:var(--font-sans, "Mulish", sans-serif);font-weight:300;font-size:clamp(.96rem,1.15vw,1.06rem);line-height:1.85;color:var(--text-secondary)}.story-line-2{margin:0;font-family:var(--font-serif, "EB Garamond", Georgia, serif);font-style:italic;font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.35;color:var(--text-primary)}.w{display:inline-block;white-space:pre;will-change:text-shadow,color;transition:color .12s linear}@media(max-width:860px){.story-container{grid-template-columns:1fr;row-gap:2.2rem;padding-top:calc(var(--drop, 200px) + 110px);padding-bottom:4rem}.story-headline{font-size:clamp(2.3rem,9.5vw,3.4rem)}.story-narrative{padding-top:0}.story-tag{margin-top:1.5rem}}@media(max-width:540px){.story-stage{padding:0 1.25rem}.story-container{padding-top:calc(var(--drop, 180px) + 90px)}}@media(prefers-reduced-motion:reduce){.light-pool,.light-halo,.w{transition:none!important}}.projects-section{padding:8rem 4rem;background-color:var(--bg-deep);max-width:1500px;margin:0 auto}.projects-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:2rem}.title-meta-wrap{display:flex;align-items:baseline;gap:1.5rem}.projects-main-title{font-family:var(--font-serif);font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:400;line-height:1;color:var(--text-primary)}.projects-count{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-accent)}.filter-strip{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-chip{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.65rem 1.35rem;border-radius:9999px;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);transition:all .3s var(--ease-cinematic)}.filter-chip:hover{color:var(--text-primary);background:#ffffff17;border-color:var(--border-medium)}.filter-chip.is-active{background:var(--text-primary);color:var(--bg-deep);border-color:var(--text-primary)}:global([data-theme=light]) .filter-chip{background:#0000000a}:global([data-theme=light]) .filter-chip:hover{background:#00000014}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2.75rem}.project-card{display:flex;flex-direction:column;gap:1.25rem;cursor:pointer;border-radius:6px;outline:none;transition:transform .4s var(--ease-cinematic)}.project-card:focus-visible{box-shadow:0 0 0 2px var(--gold-accent)}.project-card.is-hidden{display:none}.card-media{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background-color:var(--bg-surface)}.card-img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-cinematic),filter .8s ease;filter:brightness(.95)}.media-overlay{position:absolute;inset:0;background:#08080a66;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease;backdrop-filter:blur(2px)}.explore-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#fffffff2;color:#08080a;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;transform:translateY(10px);transition:transform .35s var(--ease-cinematic)}.frames-badge{position:absolute;top:1rem;right:1rem;background:#08080abf;backdrop-filter:blur(8px);border:1px solid var(--border-subtle);padding:.35rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;letter-spacing:.06em;color:#f5f4ef}.project-card:hover .card-img{transform:scale(1.05);filter:brightness(1)}.project-card:hover .media-overlay{opacity:1}.project-card:hover .explore-pill{transform:translateY(0)}.card-info{display:flex;flex-direction:column;gap:.4rem}.info-top{display:flex;justify-content:space-between;align-items:center}.card-category{font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-accent)}.card-year{font-family:var(--font-sans);font-size:.75rem;color:var(--text-muted)}.card-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:400;line-height:1.2;color:var(--text-primary);transition:color .3s ease}.project-card:hover .card-title{color:var(--gold-accent)}.card-location{font-family:var(--font-sans);font-size:.875rem;color:var(--text-secondary);font-weight:400}@media(max-width:900px){.projects-section{padding:5rem 1.5rem}.projects-grid{grid-template-columns:1fr;gap:2rem}}.depth-modal{--text-primary: #f5f4ef;--text-secondary: #9e9d96;--text-muted: #686762;--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background-color:#08080afa;backdrop-filter:blur(28px);border:none;padding:0;margin:0;z-index:100;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-cinematic)}.depth-modal[open]{opacity:1;pointer-events:auto}.depth-stage{display:flex;flex-direction:column;width:100%;height:100%;position:relative;padding:2rem 3.5rem}.depth-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);z-index:20}.depth-title-group{display:flex;align-items:baseline;gap:1.25rem}.depth-category-tag{font-family:var(--font-sans);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-accent)}.depth-project-name{font-family:var(--font-serif);font-size:1.85rem;font-weight:400;color:var(--text-primary)}.depth-header-actions{display:flex;align-items:center;gap:2rem}.depth-counter{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;letter-spacing:.12em;color:var(--text-muted)}.depth-close-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#ffffff14;border:1px solid var(--border-subtle);border-radius:9999px;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);transition:all .3s ease}.depth-close-btn:hover{background:#ffffff2e;border-color:var(--border-medium)}.depth-body{flex:1;display:grid;grid-template-columns:1fr 420px;gap:3.5rem;padding-top:2rem;height:calc(100% - 80px);overflow:hidden}.depth-viewport{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1200px;perspective-origin:50% 50%;overflow:hidden}.depth-card-stack{position:relative;width:82%;height:82%;transform-style:preserve-3d}.depth-layer{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .8s cubic-bezier(.25,1,.5,1),opacity .8s ease,filter .8s ease;will-change:transform,opacity,filter}.depth-layer img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 32px 64px -16px #000000d9}.depth-layer.is-active{transform:translateZ(0) scale(1);opacity:1;filter:blur(0px);z-index:10;pointer-events:auto}.depth-layer.is-prev{transform:translate3d(-18%,0,-320px) scale(.85);opacity:.25;filter:blur(4px) brightness(.6);z-index:5;pointer-events:auto;cursor:pointer}.depth-layer.is-next{transform:translate3d(18%,0,-320px) scale(.85);opacity:.25;filter:blur(4px) brightness(.6);z-index:5;pointer-events:auto;cursor:pointer}.depth-layer.is-hidden{transform:translateZ(-600px) scale(.6);opacity:0;filter:blur(10px);pointer-events:none}.depth-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#121215d9;border:1px solid var(--border-subtle);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;color:var(--text-primary);z-index:25;transition:all .3s ease}.depth-prev{left:1rem}.depth-next{right:1rem}.depth-nav-arrow:hover{background:#ffffff26;border-color:var(--border-medium);transform:translateY(-50%) scale(1.08)}.depth-story-panel{border-left:1px solid var(--border-subtle);padding-left:2.5rem;display:flex;flex-direction:column;justify-content:center;height:100%;overflow-y:auto}.story-panel-inner{display:flex;flex-direction:column;gap:1.5rem;max-width:360px}.story-meta-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-accent)}.story-frame-title{font-family:var(--font-serif);font-size:1.85rem;font-weight:400;line-height:1.2;color:var(--text-primary)}.story-narrative-text{font-family:var(--font-sans);font-size:.9375rem;line-height:1.7;color:var(--text-secondary);font-weight:300}.story-instructions{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border-subtle)}@media(max-width:1024px){.depth-stage{padding:1.5rem}.depth-body{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.depth-story-panel{border-left:none;border-top:1px solid var(--border-subtle);padding:1.5rem 0 0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.story-panel-inner{margin:0 auto;align-items:center;text-align:center;max-width:520px;width:100%}.story-meta-header{justify-content:center;align-items:center;width:100%;text-align:center}.story-panel-location{text-align:center}.story-frame-title{text-align:center;width:100%}.story-narrative-box{width:100%;display:flex;justify-content:center;text-align:center}.story-narrative-text{text-align:center;margin:0 auto;max-width:480px}.story-instructions{text-align:center;width:100%;max-width:360px;margin:0 auto}.story-instructions span{display:block;text-align:center}}@media(max-width:768px){.depth-stage{padding:1.25rem 1rem 1.5rem}.depth-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;padding-bottom:1.25rem}.depth-title-group{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;width:100%;padding:0 4.5rem}.depth-category-tag{font-size:.7rem;text-align:center}.depth-project-name{font-size:1.35rem;line-height:1.25;text-align:center}.depth-header-actions{display:flex;align-items:center;justify-content:center;width:100%;position:static}.depth-counter{font-size:.75rem;text-align:center}.depth-close-btn{position:absolute;top:0;right:0;padding:.45rem .85rem;font-size:.75rem;gap:.35rem}.depth-body{gap:1.25rem;padding-top:1rem;height:calc(100% - 75px)}.depth-viewport{min-height:260px}.depth-card-stack{width:90%;height:90%}.depth-nav-arrow{width:42px;height:42px}.depth-prev{left:.35rem}.depth-next{right:.35rem}.depth-story-panel{padding:1.25rem 0 1.5rem}.story-panel-inner{gap:.85rem;max-width:100%;padding:0 .5rem}.story-frame-title{font-size:1.25rem}.story-narrative-text{font-size:.875rem;line-height:1.6}}@media(max-width:480px){.depth-title-group{padding:0 2.75rem}.depth-close-btn span{display:none}.depth-close-btn{width:36px;height:36px;padding:0;justify-content:center}}
