*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Source Serif 4", Georgia, serif;--font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--cream:#f5f0e8;--ink:#1a1a1a;--ink-light:#3a3a3a;--ink-muted:#6b6560;--rule:#c4b8a8;--rule-light:#ddd5c8;--bg-dark:#0a0a0f;--bg-card:#111118;--bg-card-hover:#16161f;--border-subtle:#ffffff0f;--border-medium:#ffffff1a}html{scroll-behavior:smooth}body{width:100%;height:100%;font-family:var(--font-body);background:var(--bg-dark);color:#fff;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{color:#fff;background:#6366f1}#bg{z-index:0;transition:background 1.2s;position:fixed;inset:0}#intro-screen{z-index:500;background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#intro-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-top-rule{background:#fff;width:min(500px,80vw);height:3px;margin-bottom:4px}.intro-thin-rule{background:#fff6;width:min(500px,80vw);height:1px;margin-bottom:28px}.intro-date{font-family:var(--font-sans);letter-spacing:3px;text-transform:uppercase;color:#ffffff59;align-items:center;gap:16px;margin-bottom:14px;font-size:11px;display:flex}.intro-date:before,.intro-date:after{content:"";background:#ffffff26;width:40px;height:1px}.intro-title{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:8px;padding:0 20px;font-size:clamp(32px,6vw,68px);font-weight:900;line-height:1.15}.intro-subtitle{font-family:var(--font-sans);letter-spacing:6px;text-transform:uppercase;color:#ffffff4d;margin-bottom:40px;font-size:12px}.intro-stats{gap:40px;margin-bottom:48px;display:flex}.intro-stat{text-align:center}.intro-stat-val{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1;display:block}.intro-stat-label{font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;margin-top:4px;font-size:9px}.intro-bottom-rule{background:#fff;width:min(500px,80vw);height:2px;margin-bottom:2px}.intro-bottom-thin{background:#fff6;width:min(500px,80vw);height:1px;margin-bottom:36px}.intro-enter{font-family:var(--font-sans);letter-spacing:3px;text-transform:uppercase;color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff40;border-radius:40px;flex-direction:column;align-items:center;gap:10px;padding:14px 36px;font-size:12px;transition:all .35s;display:flex;position:relative}.intro-enter:hover{color:#fff;background:#ffffff12;border-color:#ffffff80;transform:scale(1.04);box-shadow:0 0 30px #ffffff14,inset 0 0 20px #ffffff08}.intro-enter .arrow{font-size:16px;animation:1.5s infinite bounceY}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.intro-contact-wrap{flex-direction:column;align-items:center;gap:6px;margin-top:24px;display:flex}.intro-contact-text{font-family:var(--font-sans);color:#ffffff40;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:11px}.intro-contact{font-family:var(--font-sans);letter-spacing:1px;color:#ffffff4d;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:7px;margin-top:18px;padding:8px 18px;font-size:12px;text-decoration:none;transition:all .3s;display:inline-flex}.intro-contact:hover{color:#ffffffb3;background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}#timeline-ruler{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#0a0a0fe0;justify-content:center;align-items:center;height:56px;transition:transform .3s;display:flex;position:fixed;top:0;left:0;right:0}#ruler-inner{align-items:center;width:80%;max-width:900px;height:100%;display:flex;position:relative}#ruler-line{background:#ffffff14;border-radius:1px;height:2px;position:absolute;top:50%;left:20px;right:20px}#ruler-progress{border-radius:1px;height:2px;transition:width .3s,background .3s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.ruler-dot{cursor:pointer;z-index:2;background:#0a0a0fcc;border:2px solid #ffffff1f;border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;top:50%;transform:translate(-50%,-50%)}.ruler-dot.active{border-color:var(--dot-color);background:var(--dot-color);box-shadow:0 0 20px var(--dot-color), 0 0 40px color-mix(in srgb, var(--dot-color) 35%, transparent);transform:translate(-50%,-50%)scale(1.6)}.ruler-dot-label{font-family:var(--font-sans);white-space:nowrap;letter-spacing:.8px;opacity:0;color:#ffffff4d;text-transform:uppercase;font-size:8px;font-weight:600;transition:opacity .3s;position:absolute;top:20px;left:50%;transform:translate(-50%)}.ruler-dot.active .ruler-dot-label{opacity:1;color:#ffffffb3}#index-btn{z-index:110;border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;width:36px;height:36px;font-size:14px;font-family:var(--font-sans);background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex;position:fixed;top:12px;right:24px}#index-btn:hover{background:#ffffff1f;transform:scale(1.08)}#index-panel{z-index:150;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-left:1px solid var(--border-subtle);background:#0c0c12f5;width:340px;height:100vh;padding:80px 28px 40px;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-360px;overflow-y:auto}#index-panel.open{right:0}#index-panel::-webkit-scrollbar{width:3px}#index-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}#panel-close{border:1px solid var(--border-medium);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .3s;display:flex;position:absolute;top:16px;right:16px}#panel-close:hover{background:#ffffff26}.panel-section{margin-bottom:28px}.panel-section-title{font-family:var(--font-display);letter-spacing:.5px;border-bottom:2px solid #ffffff26;margin-bottom:14px;padding-bottom:8px;font-size:15px;font-weight:700}.panel-stat-row{border-bottom:1px dotted #ffffff0f;justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.panel-stat-row:last-child{border-bottom:none}.panel-stat-label{font-family:var(--font-sans);color:#ffffff59;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.panel-stat-value{font-family:var(--font-display);font-size:17px;font-weight:700}.panel-tech-list{padding:0;list-style:none}.panel-tech-list li{font-family:var(--font-sans);border-bottom:1px dotted #ffffff0f;align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.panel-tech-list li:last-child{border-bottom:none}.panel-tech-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.panel-nav-list{padding:0;list-style:none}.panel-nav-list li{cursor:pointer;border-bottom:1px dotted #ffffff0f;margin-bottom:10px;padding-bottom:10px;transition:opacity .2s}.panel-nav-list li:hover{opacity:.7}.panel-nav-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-nav-name{font-family:var(--font-display);color:#fff;font-size:13px;font-weight:600;line-height:1.3}.panel-nav-desc{font-family:var(--font-sans);color:#ffffff4d;margin-top:2px;font-size:10px}#scroll-container{z-index:1;scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;height:100%;display:flex;position:relative;overflow:auto hidden}#scroll-container::-webkit-scrollbar{display:none}#scroll-container{-ms-overflow-style:none;scrollbar-width:none}.project-card{scroll-snap-align:start;flex:0 0 100vw;gap:44px;width:100vw;height:100vh;padding:80px 56px 100px;display:flex;position:relative;overflow:hidden}.card-glow{filter:blur(150px);opacity:.05;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.card-hero-wrap{aspect-ratio:16/9;border-radius:6px;flex:0 0 52%;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff0a}.card-hero-img{object-fit:contain;will-change:transform;width:100%;height:100%;transition:transform .1s linear}.card-hero-wrap:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000001f 0%,#0000 40% 60%,#0003 100%);position:absolute;inset:0}.card-info{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:20px 0;display:flex;overflow:hidden}.card-number{font-family:var(--font-sans);opacity:.07;letter-spacing:-3px;margin-bottom:-12px;font-size:64px;font-weight:900;line-height:1}.card-title{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:6px;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.2}.card-tag{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:2.5px;opacity:.8;margin-bottom:16px;font-size:11px;font-weight:600}.card-byline{font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:#ffffff4d;border-bottom:1px solid #ffffff0f;margin-bottom:18px;padding-bottom:14px;font-size:10px}.card-byline span{color:#ffffffb3;font-weight:600}.card-desc{font-family:var(--font-body);color:#ffffff73;column-count:1;max-width:460px;margin-bottom:24px;font-size:15px;line-height:1.72}.card-desc .drop-cap{float:left;font-family:var(--font-display);color:#ffffffd9;padding:4px 8px 0 0;font-size:56px;font-weight:700;line-height:.78}.card-tech{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.tech-pill{font-family:var(--font-sans);letter-spacing:.6px;background:0 0;border:1px solid;border-radius:100px;padding:4px 12px;font-size:10px;font-weight:600}.card-thumbs{grid-template-columns:repeat(auto-fill,88px);gap:8px;max-width:100%;display:grid;overflow:hidden}.thumb{cursor:pointer;opacity:.4;border:2px solid #0000;border-radius:6px;width:88px;height:56px;transition:all .3s;position:relative;overflow:hidden}.thumb:hover{opacity:1;border-color:#fff3;transform:scale(1.06)}.thumb.active{opacity:1;border-color:var(--thumb-color)}.thumb img{object-fit:cover;width:100%;height:100%}.thumb-more{opacity:.6;cursor:pointer;background:#ffffff0f;border:2px dashed #ffffff26;justify-content:center;align-items:center;display:flex}.thumb-more:hover{opacity:1;background:#ffffff1a;border-color:#ffffff4d}.thumb-more-label{font-family:var(--font-sans);letter-spacing:.5px;color:#ffffffb3;text-transform:uppercase;font-size:10px;font-weight:600}.split-section{margin-bottom:0}.split-label{letter-spacing:.15em;text-transform:uppercase;margin-bottom:6px;font-family:Playfair Display,serif;font-size:11px;font-weight:700}.split-divider{border-top:1px dashed #ffffff1f;margin:10px 0}#nav-arrows{z-index:100;gap:10px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.nav-btn{border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;transition:all .3s;display:flex}.nav-btn:hover{background:#ffffff1f;transform:scale(1.1)}.nav-btn:disabled{opacity:.12;cursor:default;transform:none!important}#back-btn{z-index:110;border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffff8c;height:36px;font-size:11px;font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;background:#ffffff0f;border-radius:8px;align-items:center;gap:7px;padding:0 16px;font-weight:600;transition:all .3s;display:flex;position:fixed;top:12px;left:24px}#back-btn.visible{opacity:1;visibility:visible}#back-btn:hover{color:#fff;background:#ffffff1f;transform:scale(1.04)}#back-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}#scroll-hint{z-index:90;opacity:.3;pointer-events:none;flex-direction:column;align-items:center;gap:4px;transition:opacity .6s;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}#scroll-hint span{font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;font-size:9px;font-weight:500}#scroll-hint .arrow{font-size:15px;animation:1.5s infinite bounceX}@keyframes bounceX{0%,to{transform:translate(0)}50%{transform:translate(5px)}}#lightbox{z-index:200;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#000000f5;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox.active{display:flex}#lightbox img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:82vh;transition:opacity .2s;box-shadow:0 20px 80px #0009}#lightbox-close{border:1px solid var(--border-medium);color:#fff;cursor:pointer;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}#lightbox-close:hover{background:#ffffff29}.lb-nav{border:1px solid var(--border-medium);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}#lightbox-prev{left:20px}#lightbox-next{right:20px}.lb-nav:hover{background:#ffffff24;transform:translateY(-50%)scale(1.1)}#lightbox-counter{font-family:var(--font-sans);color:#ffffff59;letter-spacing:1px;font-size:11px;font-weight:500;position:absolute;bottom:26px}#lightbox-caption{font-family:var(--font-body);color:#fff6;text-align:center;max-width:600px;font-size:13px;font-style:italic;position:absolute;bottom:52px}#footer-bar{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);height:28px;font-family:var(--font-sans);letter-spacing:2px;text-transform:uppercase;color:#fff3;background:#0a0a0fe6;justify-content:center;align-items:center;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0}html,body{height:100%}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #ffffffd9}.intro-enter,.card-hero-wrap,.thumb,.panel-nav-button,.ruler-dot{appearance:none}.intro-enter{color:#ffffffb3}.card-hero-wrap{color:#fff;text-align:inherit;cursor:zoom-in;background:#05050a59;border:0;padding:0;display:block}.card-hero-img,.thumb img{opacity:0;transition:opacity .28s,transform .1s linear}.card-hero-img[data-loaded=true],.thumb img[data-loaded=true]{opacity:1}#index-btn svg,#panel-close svg,.nav-btn svg,.lb-nav svg,#lightbox-close svg{stroke-width:2px;width:16px;height:16px}.project-card{contain:layout paint}.project-card:not(.is-active) .card-glow{display:none}.thumb{color:#fff;background:#ffffff05;padding:0}.thumb-more{font:inherit}.panel-status{font-size:13px}.panel-nav-list li{margin:0;padding:0}.panel-nav-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 0 10px;display:block}.panel-nav-name,.panel-nav-desc{display:block}.ruler-dot{padding:0}.nav-btn:disabled,.lb-nav:disabled{opacity:.14;cursor:default;transform:none}#mobile-project-label{display:none}#lightbox[aria-hidden=true]{pointer-events:none}@media (height<=760px) and (orientation:landscape){.card-info{scrollbar-width:none;overflow-y:auto}.card-info::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){html,#scroll-container{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=800px),(orientation:portrait) and (width<=1100px){#scroll-container{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;height:100dvh;overflow:hidden auto}.project-card{scroll-snap-align:start;flex-direction:column;flex:none;gap:14px;width:100%;height:auto;min-height:100svh;padding:56px 16px 94px;overflow:visible}.card-glow{display:none}.card-hero-wrap{aspect-ratio:16/9;border-radius:8px;flex:none;width:100%;min-height:0;position:relative}.card-info{justify-content:flex-start;padding:0;overflow:visible}.card-number{letter-spacing:-2px;margin-bottom:-8px;font-size:40px}.card-title{margin-bottom:4px;font-size:24px}.card-tag{letter-spacing:2px;margin-bottom:10px;font-size:10px}.card-byline{flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;font-size:9px}.card-desc{max-width:100%;margin-bottom:16px;font-size:13px;line-height:1.65}.card-desc .drop-cap{padding:2px 6px 0 0;font-size:40px}.card-tech{gap:5px;margin-bottom:16px}.tech-pill{padding:3px 10px;font-size:9px}.card-thumbs{grid-template-columns:repeat(3,1fr);gap:6px}.thumb{aspect-ratio:16/10;border-radius:5px;width:100%;height:auto}.split-label{margin-bottom:8px;font-size:10px}.split-divider{margin:8px 0}.split-section+.split-divider{margin-top:12px}#timeline-ruler{height:44px}#ruler-inner{width:90%}.ruler-dot{width:10px;height:10px}.ruler-dot-label{display:none}.ruler-dot.active{transform:translate(-50%,-50%)scale(1.4)}#nav-arrows{display:none}#scroll-hint{bottom:86px}#scroll-hint span{font-size:8px}#scroll-hint .arrow{font-size:13px;animation-name:bounceYMob}@keyframes bounceYMob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}#index-btn{width:32px;height:32px;font-size:13px;top:8px;right:12px}#index-panel{width:100%;padding:64px 20px 32px;right:-100%}.panel-section-title{font-size:13px}.panel-stat-value{font-size:15px}#back-btn{gap:5px;height:32px;padding:0 12px;font-size:10px;top:8px;left:12px}#back-btn svg{width:12px;height:12px}#footer-bar{letter-spacing:1.5px;height:24px;font-size:8px}#lightbox img{border-radius:6px;max-width:96vw;max-height:78vh}.lb-nav{width:38px;height:38px;font-size:15px}#lightbox-prev{left:10px}#lightbox-next{right:10px}#lightbox-close{width:36px;height:36px;font-size:14px;top:12px;right:12px}#lightbox-caption{max-width:90vw;font-size:12px;bottom:46px}#lightbox-counter{font-size:10px;bottom:20px}.intro-top-rule,.intro-thin-rule,.intro-bottom-rule,.intro-bottom-thin{width:min(320px,85vw)}.intro-title{letter-spacing:1px;padding:0 16px;font-size:clamp(24px,8vw,42px)}.intro-subtitle{letter-spacing:4px;margin-bottom:28px;font-size:10px}.intro-date{letter-spacing:2px;margin-bottom:10px;font-size:9px}.intro-stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px}.intro-stat-val{font-size:22px}.intro-stat-label{font-size:8px}.intro-enter{letter-spacing:2px;padding:12px 28px;font-size:10px}.intro-contact{padding:7px 14px;font-size:11px}.intro-contact-text{font-size:9px}#mobile-project-label{color:#ffffff85;font-family:var(--font-sans);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:7px;font-weight:600;display:block;position:absolute;bottom:3px;left:42px;right:42px;overflow:hidden}#timeline-ruler,#index-panel,#back-btn,#index-btn,#footer-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media (width<=420px){.project-card{min-height:auto;padding:52px 12px 72px}.card-title{font-size:21px}.card-number{font-size:32px}.card-desc{font-size:12.5px}.card-thumbs{grid-template-columns:repeat(3,1fr);gap:4px}.intro-title{font-size:24px}.intro-stat-val{font-size:18px}.intro-stats{gap:12px}.ruler-dot{width:8px;height:8px}.ruler-dot.active{transform:translate(-50%,-50%)scale(1.3)}.intro-enter{border-radius:40px}}