.pf-root[data-mode=archive]{background:#04060a;display:block}.pf-root[data-mode=archive] .pf-showcase{flex:none;width:100%}.arch{color:#f3f1ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#04060a;width:100%;position:relative;overflow:clip}.arch-header{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100svh;padding:0 clamp(20px,5vw,80px);display:flex;position:sticky;top:0;overflow:hidden}.arch-label{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:#f3f1ec6b;margin-bottom:clamp(18px,2.4vw,30px);font-family:Inter,system-ui,sans-serif;font-size:clamp(.66rem,.9vw,.82rem);font-weight:400;position:relative}.arch-title{z-index:2;letter-spacing:.01em;text-transform:uppercase;color:#fff;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.1rem,6.2vw,5.6rem);font-weight:700;line-height:1.03;position:relative}.arch-title span{display:block}.arch-sub{z-index:2;color:#f3f1ec99;max-width:46ch;margin-top:clamp(18px,2.2vw,28px);font-family:Inter,system-ui,sans-serif;font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:400;position:relative}.arch-scroll-hint{z-index:2;letter-spacing:.22em;text-transform:uppercase;color:#f3f1ec80;flex-direction:column;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.6rem;display:flex;position:absolute;bottom:clamp(22px,4vh,40px);left:50%;transform:translate(-50%)}.arch-scroll-hint em{color:var(--purple-2,#a78bfa);font-size:.95rem;font-style:normal;animation:1.6s ease-in-out infinite pf-scroll-dot}.arch-grid{z-index:2;grid-template-columns:repeat(12,1fr);align-items:start;gap:14vh clamp(12px,2vw,40px);padding:9vh clamp(20px,5vw,80px) 32vh;display:grid;position:relative}.arch-item{z-index:5;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit;display:block;position:relative}.arch-item-1{grid-area:1/1/auto/8}.arch-item-2{grid-area:2/6/auto/13}.arch-item-3{grid-area:3/3/auto/11}.arch-item-4{grid-area:4/1/auto/7}.arch-img{aspect-ratio:16/10;background:#0b0f16;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 50px 100px -40px #000000d9}.arch-img:after{content:"";transform-origin:top;transform:scaleY(var(--clip,0));will-change:transform;pointer-events:none;background:#04060a;position:absolute;inset:0}.arch-item img{object-fit:cover;width:100%;height:100%;transform:translate3d(0,var(--py,0%),0)scale(1.2);will-change:transform;display:block}.arch-item:focus-visible .arch-img{outline-offset:4px;outline:2px solid #a78bfa}.arch-item:hover,.arch-item:focus-within{z-index:7}.arch-desc{-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);opacity:0;width:clamp(210px,22vw,310px);transform:translateY(-50%)translateX(var(--dx,0));pointer-events:none;z-index:6;background:#06090e94;border:1px solid #ffffff1a;border-radius:12px;padding:clamp(16px,1.6vw,22px) clamp(18px,1.8vw,24px);transition:opacity .55s,transform .7s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;box-shadow:0 26px 64px -30px #000000c7}.arch-desc[data-side=right]{--dx:14px;left:calc(100% + clamp(18px,2.4vw,44px))}.arch-desc[data-side=left]{--dx:-14px;right:calc(100% + clamp(18px,2.4vw,44px))}.arch-desc[data-show]{opacity:1;transform:translateY(-50%)translate(0)}.arch-desc-text{color:#f3f1ece6;font-family:Inter,system-ui,sans-serif;font-size:clamp(.82rem,1vw,.95rem);font-weight:400;line-height:1.7}.arch-desc:before{content:"";background:var(--purple-2,#a78bfa);transform-origin:0;width:26px;height:2px;margin-bottom:16px;transition:transform .6s cubic-bezier(.16,1,.3,1) 80ms;display:block;transform:scaleX(0)}.arch-desc[data-side=left]:before{transform-origin:100%;margin-left:auto}.arch-desc[data-show]:before{transform:scaleX(1)}.arch-caret{vertical-align:-.16em;background:var(--purple-2,#a78bfa);opacity:0;width:.6ch;height:1.05em;margin-left:1px;display:inline-block}.arch-caret[data-on]{animation:.9s step-end infinite arch-blink}@keyframes arch-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:900px){.arch-grid{grid-template-columns:1fr;row-gap:10vh;padding:7vh 20px 26vh}.arch-item-1,.arch-item-2,.arch-item-3,.arch-item-4{grid-area:auto/1/auto/-1}.arch-img{aspect-ratio:16/11}.arch-desc{display:none}}@media (prefers-reduced-motion:reduce){.arch-scroll-hint em{animation:none!important}.arch-item img{transform:scale(1.2)}.arch-img:after{transform:scaleY(0)}}.pf-root{--pf-nav:64px;--pf-accent:var(--purple);--pf-accent-soft:#7c3aed29;background:var(--bg);flex-direction:row-reverse;align-items:flex-start;width:100%;display:flex;position:relative}.pf-showcase{flex:75%;min-width:0;position:relative}.pf-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg-deep)60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:0 0 12%;align-self:stretch;min-width:148px;max-width:220px}.pf-sidebar-inner{top:var(--pf-nav);height:calc(100vh - var(--pf-nav));flex-direction:column;padding:32px 0;display:flex;position:sticky;overflow:hidden}.pf-sidebar-head{border-bottom:1px solid var(--border);padding:0 16px 18px}.pf-sidebar-list{flex-direction:column;flex:1;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.pf-sidebar-foot{border-top:1px solid var(--border);padding:16px 16px 0}.pf-item{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:none;border-radius:10px;flex-direction:column;gap:3px;padding:13px 14px 16px;font-family:inherit;transition:background .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.pf-item:hover{background:color-mix(in srgb,var(--fg)6%,transparent)}.pf-item-title{font-family:Cormorant Garamond,serif;font-size:1.18rem;font-weight:500;line-height:1.12;transition:color .3s}.pf-item-cat{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.62rem;transition:color .3s}.pf-item:after{content:"";background:var(--pf-accent);opacity:.45;border-radius:2px;width:20px;height:2px;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;bottom:8px;left:14px}.pf-item:hover:after{opacity:.8}.pf-item[data-loading=true] .pf-item-cat:after{content:" •••";color:var(--pf-accent);animation:1s ease-in-out infinite pf-pulse}.pf-item[data-active=true]{background:color-mix(in srgb,var(--fg)4%,transparent)}.pf-item[data-active=true]:after{opacity:1;width:calc(100% - 28px)}.pf-gallery{min-height:calc(100vh - var(--pf-nav));flex-direction:column;justify-content:center;padding:clamp(40px,7vw,96px);display:flex;position:relative;overflow:hidden}.pf-gallery-stack{perspective:1400px;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;display:grid;position:relative}.pf-gallery-card{border:1px solid var(--border);background:var(--bg-card);aspect-ratio:16/10;will-change:transform;border-radius:16px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #00000080}.pf-gallery-card img{object-fit:cover;width:100%;height:100%;display:block}.pf-gallery-card-label{z-index:2;color:#fff;text-shadow:0 2px 12px #0009;font-family:Cormorant Garamond,serif;font-size:1.3rem;position:absolute;bottom:14px;left:16px}.pf-gallery-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.pf-gallery-card:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 36px 80px -30px #0009}.pf-project{display:block}.pf-project section{position:relative}.pf-enter-zoom{transform-origin:top;animation:.7s cubic-bezier(.16,1,.3,1) both pf-zoom-in}.pf-enter-slide{animation:.6s cubic-bezier(.16,1,.3,1) both pf-slide-in}.pf-hero{min-height:calc(100vh - var(--pf-nav));flex-direction:column;justify-content:flex-end;padding:clamp(36px,6vw,80px);display:flex;overflow:hidden}.pf-hero-bg{z-index:0;position:absolute;inset:0}.pf-hero-bg img{object-fit:cover;width:100%;height:100%;animation:1.2s cubic-bezier(.16,1,.3,1) both pf-scale-reveal}.pf-hero-bg:after{content:"";background:linear-gradient(0deg,var(--bg)4%,color-mix(in srgb,var(--bg)30%,transparent)45%,transparent 80%);position:absolute;inset:0}.pf-hero-content{z-index:2;max-width:720px;position:relative}.pf-hero-title{color:var(--fg);font-family:Cormorant Garamond,serif;font-size:clamp(2.6rem,6vw,5rem);font-weight:400;line-height:1.02}.pf-scroll-hint{z-index:3;color:var(--muted);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.pf-scroll-hint span{letter-spacing:.22em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.62rem}.pf-mouse{border:1.5px solid var(--muted);border-radius:12px;justify-content:center;width:22px;height:36px;padding-top:6px;display:flex}.pf-mouse:before{content:"";background:var(--pf-accent);border-radius:3px;width:3px;height:7px;animation:1.4s ease-in-out infinite pf-scroll-dot}.pf-section{border-top:1px solid var(--border);padding:clamp(64px,9vw,120px) clamp(36px,6vw,80px)}.pf-section-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--pf-accent);margin-bottom:22px;font-family:JetBrains Mono,monospace;font-size:.66rem}.pf-overview-text{color:var(--fg);max-width:880px;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:400;line-height:1.32}.pf-feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pf-feature-card{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:26px;transition:border-color .3s,transform .3s;position:relative}.pf-feature-card:after{content:"";box-shadow:0 16px 40px -22px var(--pf-accent);opacity:0;pointer-events:none;border-radius:14px;transition:opacity .3s;position:absolute;inset:0}.pf-feature-card:hover{border-color:color-mix(in srgb,var(--pf-accent)45%,transparent);transform:translateY(-3px)}.pf-feature-card:hover:after{opacity:1}.pf-feature-card h3{color:var(--fg);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:500}.pf-feature-card p{color:var(--muted);font-size:14px;line-height:1.7}.pf-tech-wrap{flex-wrap:wrap;gap:10px;display:flex}.pf-tech-chip{border:1px solid var(--border);color:var(--fg);background:var(--bg-card);border-radius:100px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:500;transition:all .25s;display:inline-flex}.pf-tech-chip:before{content:"";background:var(--pf-accent);border-radius:50%;width:6px;height:6px}.pf-tech-chip:hover{border-color:color-mix(in srgb,var(--pf-accent)50%,transparent);background:var(--pf-accent-soft)}.pf-results-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pf-result{text-align:center;border:1px solid color-mix(in srgb,var(--pf-accent)26%,transparent);background:var(--pf-accent-soft);border-radius:14px;padding:34px 18px}.pf-result-value{color:var(--pf-accent);font-family:Cormorant Garamond,serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1}.pf-result-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-family:JetBrains Mono,monospace;font-size:10.5px}.pf-cta{border-top:1px solid var(--border);background:radial-gradient(120% 120% at 50% 0%,var(--pf-accent-soft),transparent 60%),var(--bg);text-align:center;padding:clamp(72px,11vw,150px) clamp(36px,6vw,80px)}.pf-cta h2{color:var(--fg);font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400}.pf-cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.pf-btn-accent{background:var(--pf-accent);color:#fff;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:13px 30px;font-family:inherit;font-size:.72rem;text-decoration:none;transition:transform .25s,filter .25s;display:inline-flex;position:relative}.pf-btn-accent:after{content:"";box-shadow:0 12px 30px -10px var(--pf-accent);opacity:0;pointer-events:none;border-radius:6px;transition:opacity .25s;position:absolute;inset:0}.pf-btn-accent:hover{filter:brightness(1.05);transform:translateY(-2px)}.pf-btn-accent:hover:after{opacity:1}.pf-advance-hint{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:6px;margin-top:42px;font-family:JetBrains Mono,monospace;font-size:.62rem;display:flex}.pf-advance-hint em{color:var(--pf-accent);font-size:1.05rem;font-style:normal;animation:1.5s ease-in-out infinite pf-scroll-dot}.pf-wipe{z-index:120;pointer-events:none;will-change:transform;position:fixed;inset:0;transform:translateY(100%)}.pf-wipe--cover{transition:transform .44s cubic-bezier(.7,0,.3,1);transform:translateY(0)}.pf-wipe--reveal{transition:transform .52s cubic-bezier(.7,0,.3,1);transform:translateY(100%)}.pf-progress-rail{z-index:20;background:var(--border);border-radius:2px;width:2px;height:120px;position:fixed;top:50%;right:18px;overflow:hidden;transform:translateY(-50%)}.pf-progress-rail span{transform-origin:top;will-change:transform;background:var(--pf-accent);width:100%;height:100%;box-shadow:0 0 8px var(--pf-accent);border-radius:2px;display:block;transform:scaleY(0)}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pf-fade-scale{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:none}}@keyframes pf-zoom-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes pf-slide-in{0%{opacity:0;transform:translate(7%)}to{opacity:1;transform:none}}@keyframes pf-scale-reveal{0%{opacity:.4;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes pf-scroll-dot{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}@media (max-width:900px){.pf-root{flex-direction:column}.pf-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-width:none;top:var(--pf-nav);z-index:40;background:color-mix(in srgb,var(--bg)90%,transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);flex:none;order:-1;position:sticky}.pf-sidebar-inner{height:auto;padding:0;position:static}.pf-sidebar-head{display:none}.pf-sidebar-list{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:8px;padding:10px 14px;overflow-x:auto}.pf-sidebar-list::-webkit-scrollbar{display:none}.pf-item{scroll-snap-align:start;background:color-mix(in srgb,var(--fg)4%,transparent);border-radius:10px;flex:none;width:auto;min-width:0;padding:9px 16px 13px}.pf-item-title{font-size:1.02rem}.pf-item-cat{display:none}.pf-item:after{width:18px;bottom:6px;left:16px}.pf-item[data-active=true]:after{width:calc(100% - 32px)}.pf-sidebar-foot{border-top:none;padding:0 14px 10px}.pf-hero{min-height:78vh;padding:28px 22px 44px}.pf-hero-title{font-size:clamp(2.4rem,12vw,3.4rem)}.pf-section{padding:56px 22px}.pf-overview-text{font-size:clamp(1.3rem,6vw,1.7rem)}.pf-cta{padding:72px 22px}.pf-feature-grid{grid-template-columns:1fr}.pf-results-grid{grid-template-columns:repeat(2,1fr)}.pf-gallery{min-height:calc(100vh - var(--pf-nav) - 60px);padding:36px 22px}.pf-gallery-stack{grid-template-columns:1fr;gap:14px;margin-top:28px}.pf-gallery-card{aspect-ratio:16/11}.pf-progress-rail,.pf-mouse{display:none}}@media (max-width:480px){.pf-feature-card{padding:20px}.pf-hero-title{font-size:clamp(2.1rem,13vw,3rem)}.pf-section{padding:48px 18px}}@media (prefers-reduced-motion:reduce){.pf-enter-zoom,.pf-enter-slide,.pf-hero-bg img,.pf-item[data-active=true]:after,.pf-mouse:before{animation:none!important}.pf-wipe{transition:none!important}}
