*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#1e1e1e;color:#fff;overflow:hidden}.figma-container{width:100vw;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:9999}.figma-topbar{height:40px;background:#2c2c2c;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative;z-index:100}.topbar-left{display:flex;align-items:center;gap:8px;flex:1}.menu-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:background .2s;margin-right:8px}.menu-icon:hover{background:#ffffff1a}.file-tabs{display:flex;align-items:center;height:100%;gap:2px}.file-tab{height:100%;padding:0 16px;display:flex;align-items:center;font-size:12px;color:#999;cursor:pointer;border-top:2px solid transparent;transition:all .2s;position:relative}.file-tab:hover{background:#ffffff0d;color:#fff}.file-tab.active{background:#1e1e1e;color:#fff;border-top-color:#0d99ff}.tab-close{margin-left:8px;opacity:0;transition:opacity .2s;background:none;border:none;color:inherit;cursor:pointer}.file-tab:hover .tab-close{opacity:.6}.tab-close:hover{opacity:1!important}.topbar-right{display:flex;align-items:center;gap:12px}.share-button{padding:6px 12px;background:#0d99ff;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.share-button:hover{background:#0a7acc}.play-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#999}.play-button:hover{color:#fff}.avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2)}.figma-main{flex:1;display:flex;position:relative;overflow:hidden}.figma-sidebar{width:240px;background:#2c2c2c;border-right:1px solid #444;display:flex;flex-direction:column;position:relative;z-index:50}.sidebar-tabs{display:flex;height:40px;border-bottom:1px solid #444}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#999;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;background:none;border-top:none;border-left:none;border-right:none}.sidebar-tab.active{color:#fff;border-bottom-color:#0d99ff}.layers-panel{flex:1;padding:12px;overflow-y:auto}.search-box{width:100%;padding:6px 8px;background:#1e1e1e;border:1px solid #444;border-radius:4px;color:#fff;font-size:12px;margin-bottom:12px}.page-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:#999;margin-bottom:4px}.page-item:hover{background:#ffffff0d}.page-item.active{background:#0d99ff;color:#fff}.canvas-area{flex:1;display:flex;flex-direction:column;position:relative;background:#1e1e1e}.ruler-horizontal{height:16px;width:100%;background:#2c2c2c;border-bottom:1px solid #444;position:relative;z-index:40;background-image:repeating-linear-gradient(to right,transparent,transparent 49px,#4a4a4a 49px,#4a4a4a 50px,transparent 50px,transparent 99px,#5a5a5a 99px,#5a5a5a 100px)}.ruler-vertical{width:16px;height:100%;background:#2c2c2c;border-right:1px solid #444;position:absolute;left:0;top:0;z-index:40;background-image:repeating-linear-gradient(to bottom,transparent,transparent 49px,#4a4a4a 49px,#4a4a4a 50px,transparent 50px,transparent 99px,#5a5a5a 99px,#5a5a5a 100px)}.ruler-corner{position:absolute;top:0;left:0;width:16px;height:16px;background:#2c2c2c;border-right:1px solid #444;border-bottom:1px solid #444;z-index:41}.figma-canvas-container{flex:1;position:relative;overflow:auto;background:#1e1e1e;padding-left:16px}.canvas-content{display:flex;gap:60px;align-items:flex-start;padding:80px;min-height:100%}.floating-toolbar{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#2c2c2c;border:1px solid #444;border-radius:8px;padding:8px;display:flex;align-items:center;gap:4px;z-index:100;box-shadow:0 8px 32px #00000080}.tool-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;background:transparent;border:none;color:#999;transition:all .2s;position:relative}.tool-button:hover{background:#ffffff1a;color:#fff}.tool-button.active{background:#0d99ff;color:#fff}.tool-divider{width:1px;height:20px;background:#444;margin:0 4px}.artboard{background:#222;position:relative;box-shadow:0 0 0 1px #ffffff0d}.artboard-hero{width:580px;min-height:500px;padding:72px}.artboard-small{width:320px;min-height:200px;padding:40px}.artboard-medium{width:420px;min-height:380px;padding:48px}.artboard-label{position:absolute;top:-20px;left:0;font-size:11px;color:#666;font-weight:500}.column-right{display:flex;flex-direction:column;gap:40px}.guideline{position:absolute;background:#f09;opacity:.5;pointer-events:none}.guideline-h{height:1px;width:100%}.guideline-v{width:1px;height:100%}.intro-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#0d99ff;margin-bottom:24px}.intro-title{font-size:84px;font-weight:200;line-height:.9;color:#fff;letter-spacing:-.04em;margin-bottom:32px}.intro-subtitle{font-size:22px;line-height:1.5;color:#999;font-weight:300}.intro-highlight{color:#fff;font-weight:400}.section-number{position:absolute;font-size:120px;font-weight:100;color:#0d99ff14;z-index:0}.section-content{position:relative;z-index:1}.section-header{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#666;margin-bottom:16px}.section-title{font-size:28px;font-weight:300;line-height:1.2;color:#fff;margin-bottom:20px}.section-text{font-size:16px;line-height:1.6;color:#999}.section-text strong{color:#fff;font-weight:500}.point-item{margin-bottom:32px;padding-left:32px;position:relative}.point-item:before{content:"";position:absolute;left:0;top:8px;width:16px;height:2px;background:#0d99ff}.point-title{font-size:18px;font-weight:500;color:#fff;margin-bottom:12px}.point-text{font-size:15px;line-height:1.6;color:#777}.impact-stat{display:inline-block;font-size:42px;font-weight:200;color:#0d99ff;margin:8px 0}.quote-block{border-left:2px solid #0d99ff;padding-left:24px;margin-top:48px}.quote-text{font-size:18px;line-height:1.5;color:#fff;font-style:italic;font-weight:300}.bottom-bar{height:32px;background:#2c2c2c;border-top:1px solid #444;display:flex;align-items:center;justify-content:center;padding:0 12px;gap:16px;font-size:11px;color:#666}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-value{min-width:40px;text-align:center;color:#999}body{background:#0a0a0a;overflow:hidden;position:relative}.portfolio-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#30302e;z-index:10;clip-path:polygon(0 0,calc(100% - 160px) 0,100% 160px,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(100% - 160px) 0,100% 160px,100% 100%,0 100%);transition:transform 1.5s cubic-bezier(.25,.46,.45,.94);will-change:transform}body.figma-revealed .portfolio-wrapper{transform:rotate(-30deg) rotateY(-90deg) translate(-100%) scale(.5);opacity:0;pointer-events:none}.figma-workspace{background:#1c1c1c!important;transition:none!important}.figma-workspace.hidden{pointer-events:none}.figma-workspace.active{pointer-events:auto}.fold-corner{position:fixed;top:0;right:0;width:10em;height:10em;cursor:pointer;z-index:1000;pointer-events:none;transition:transform .3s ease}.fold-corner-triangle{position:absolute;width:0;height:0;border-style:solid;border-width:0 10em 10em 0;border-color:transparent #1a1a1a transparent transparent;box-shadow:-4px 4px 8px #0000004d;pointer-events:auto;transition:border-width .3s ease}.fold-corner:hover .fold-corner-triangle{border-width:0 11em 11em 0}.close-easter-egg{position:fixed;top:30px;right:30px;width:56px;height:56px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#ffffffe6;font-size:28px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;will-change:transform,background;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;user-select:none;-webkit-user-select:none;line-height:1}.close-easter-egg:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05) translateZ(0)}.close-easter-egg:active{transform:scale(.95) translateZ(0)}@media (max-width: 768px){.fold-corner{width:8em;height:8em}.fold-corner-triangle{border-width:0 8em 8em 0}.fold-corner:hover .fold-corner-triangle{border-width:0 9em 9em 0}.close-easter-egg{width:48px;height:48px;font-size:24px}.portfolio-wrapper{clip-path:polygon(0 0,calc(100% - 128px) 0,100% 128px,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,calc(100% - 128px) 0,100% 128px,100% 100%,0 100%)}}@media (prefers-reduced-motion: reduce){.fold-corner,.fold-corner-triangle,.portfolio-wrapper,.close-easter-egg{transition:none;animation:none}body.figma-revealed .portfolio-wrapper{opacity:0;pointer-events:none;transform:none}}@media (prefers-contrast: high){.fold-corner{background-color:#000;border:2px solid #ffffff}.fold-corner-triangle{border-color:transparent #ffffff transparent transparent}.close-easter-egg{background:#000c;border:2px solid #ffffff;color:#fff}}@font-face{font-family:NB International;src:url(/font/NB%20International%20Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}body{background:#1a1a1a;color:#fff;font-family:NB International,-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;min-height:100vh;position:relative}.hero-text[data-astro-cid-j7pv25f6]{position:absolute;left:300px;top:calc(50% - 1.8rem);transform:translateY(-50%);font-size:120px;font-weight:400;line-height:1.1;letter-spacing:-.02em}.hero-text[data-astro-cid-j7pv25f6] .underline[data-astro-cid-j7pv25f6]{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:8px}.right-nav[data-astro-cid-j7pv25f6]{position:absolute;right:300px;top:50%;transform:translateY(-50%);text-align:right}.nav-title[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.nav-links[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:500;color:#fff;text-decoration:underline;text-transform:uppercase;letter-spacing:1px;transition:color .2s ease}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{color:#fff}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6].dimmed{color:#555}.nav-links[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{margin:0;padding:0}.bottom-left[data-astro-cid-j7pv25f6]{position:absolute;left:300px;bottom:60px}.explore-link[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:500;color:#fff;text-decoration:underline;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:block}.coordinates[data-astro-cid-j7pv25f6]{font-size:14px;font-weight:400;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;margin-bottom:20px;overflow:hidden;white-space:nowrap;animation:typewriter 3s steps(20,end) 1s both,blink 1s infinite 4s}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-right:2px solid #ffffff}51%,to{border-right:2px solid transparent}}.location-info[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:400;color:#888;text-transform:uppercase;letter-spacing:.5px}.bottom-right[data-astro-cid-j7pv25f6]{position:absolute;right:300px;bottom:60px;display:flex;gap:40px}.bottom-right[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{font-size:18px;font-weight:500;color:#888;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:color .2s ease}.bottom-right[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{color:#fff}@media (max-width: 1200px){.hero-text[data-astro-cid-j7pv25f6]{left:200px;font-size:90px}.right-nav[data-astro-cid-j7pv25f6]{right:200px}.bottom-left[data-astro-cid-j7pv25f6]{left:200px;bottom:40px}.bottom-right[data-astro-cid-j7pv25f6]{right:200px;bottom:40px}}@media (max-width: 1024px){.hero-text[data-astro-cid-j7pv25f6]{left:100px;font-size:80px;width:calc(100% - 300px)}.right-nav[data-astro-cid-j7pv25f6]{right:100px}.bottom-left[data-astro-cid-j7pv25f6]{left:100px}.bottom-right[data-astro-cid-j7pv25f6]{right:100px}}@media (max-width: 768px){body{overflow-y:auto;min-height:100vh}.hero-text[data-astro-cid-j7pv25f6]{position:relative;left:auto;top:auto;transform:none;font-size:48px;line-height:1.1;text-align:center;padding:80px 20px 60px;width:100%;margin:0 auto}.right-nav[data-astro-cid-j7pv25f6]{position:relative;right:auto;top:auto;transform:none;text-align:center;padding:0 20px 40px;margin:0 auto}.nav-title[data-astro-cid-j7pv25f6]{font-size:16px;margin-bottom:24px}.nav-links[data-astro-cid-j7pv25f6]{gap:16px}.nav-links[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{font-size:16px;padding:12px 0;display:block;min-height:44px;line-height:1.4}.bottom-left[data-astro-cid-j7pv25f6]{position:relative;left:auto;bottom:auto;padding:40px 20px 0;text-align:center}.explore-link[data-astro-cid-j7pv25f6]{font-size:16px;padding:12px 0;min-height:44px;display:inline-block;margin-bottom:32px}.coordinates[data-astro-cid-j7pv25f6]{font-size:12px;margin-bottom:16px;text-align:center}.location-info[data-astro-cid-j7pv25f6]{font-size:14px;text-align:center;line-height:1.4;margin-bottom:40px}.bottom-right[data-astro-cid-j7pv25f6]{position:relative;right:auto;bottom:auto;padding:0 20px 40px;justify-content:center;flex-wrap:wrap;gap:24px}.bottom-right[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{font-size:16px;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}