.floating-note{cursor:default;background-blend-mode:overlay;border:1px solid #c4943a4d;border-left:3px solid var(--amber);background:#1a200a url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/150px;border-radius:2px;max-width:340px;margin-top:2.5rem;padding:1.1rem 1.4rem 1rem;display:inline-block;position:relative;box-shadow:0 8px 30px #0006,0 0 0 1px #c4943a14,inset 0 1px #ffffff0a}.note-pin{background:radial-gradient(circle at 40% 35%, var(--amber-light), var(--amber-muted));border-radius:50%;width:14px;height:14px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000080,inset 0 1px #fff3}.note-pin:after{content:"";background:var(--amber-muted);border-radius:0 0 2px 2px;width:3px;height:8px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.note-text{font-family:var(--font-handwrite);color:var(--text-secondary);letter-spacing:.01em;font-size:1.15rem;font-weight:400;line-height:1.65}.note-link{color:var(--amber-light);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .2s}.note-link:hover{color:var(--amber)}.note-sig{font-family:var(--font-handwrite);color:var(--amber);letter-spacing:.02em;margin-top:.6rem;font-size:1.3rem;font-weight:600}.floating-note:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 1.65rem,#6a9e720f 1.65rem calc(1.65rem + 1px));border-radius:2px;position:absolute;inset:0}
.hero{background:var(--bg-base);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.dot-grid{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#6a9e721a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}@keyframes orbFloat1{0%{transform:translate(0)scale(1)}25%{transform:translate(120px,-150px)scale(1.1)}50%{transform:translate(200px,50px)scale(.95)}75%{transform:translate(80px,120px)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes orbFloat2{0%{transform:translate(0)scale(1)}25%{transform:translate(-140px,100px)scale(1.15)}50%{transform:translate(-60px,-120px)scale(1.05)}75%{transform:translate(-180px,-40px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes orbFloat3{0%{transform:translate(0)scale(1)}33%{transform:translate(160px,-120px)scale(1.2)}66%{transform:translate(-80px,100px)scale(.88)}to{transform:translate(0)scale(1)}}@keyframes orbFloat4{0%{transform:translate(0)scale(1)}33%{transform:translate(-120px,140px)scale(1.12)}66%{transform:translate(100px,-80px)scale(.9)}to{transform:translate(0)scale(1)}}.bg-glow-container{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:visible}.noise-overlay{z-index:2;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.hero-vignette{z-index:3;background:radial-gradient(ellipse 100% 50% at 50% 100%, var(--bg-base) 0%, transparent 60%), radial-gradient(ellipse 40% 100% at 0% 50%, var(--bg-base) 0%, transparent 60%), radial-gradient(ellipse 40% 100% at 100% 50%, var(--bg-base) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.orb{filter:blur(55px);will-change:transform;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#3482468c 0%,#27413040 50%,#0000 70%);width:700px;height:700px;animation:10s ease-in-out infinite orbFloat1;top:-200px;right:-180px}.orb-2{background:radial-gradient(circle,#c4943a73 0%,#a6782833 50%,#0000 70%);width:650px;height:650px;animation:13s ease-in-out infinite orbFloat2;bottom:-150px;left:-180px}.orb-3{background:radial-gradient(circle,#4a7c5266 0%,#345c3a26 50%,#0000 70%);width:520px;height:520px;animation:16s ease-in-out infinite orbFloat3;top:25%;left:10%}.orb-4{background:radial-gradient(circle,#1b2d1f80 0%,#27413033 50%,#0000 70%);width:580px;height:580px;animation:12s ease-in-out 1s infinite orbFloat4;bottom:-80px;right:5%}.hero-content{z-index:4;max-width:820px;padding-top:8rem;padding-bottom:6rem;position:relative}.hero-label{margin-bottom:1.5rem}.hero-headline{margin-bottom:1.75rem;line-height:1.08}.hero-word{display:inline}.highlight-box{color:var(--green-200);background:linear-gradient(135deg,#2d7a3a59,#4dbf6233);border:1px solid #4dbf624d;border-radius:.375rem;margin:0 .05em;padding:.05em .3em;display:inline-block}.hero-sub{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.75}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:4rem;display:flex}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:2.5rem;padding-top:2rem;display:flex}.hero-stat{cursor:default;flex-direction:column;gap:.25rem;transition:color .2s;display:flex}.hero-stat .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.hero-stat .stat-label{color:var(--text-muted);letter-spacing:.025em;font-size:.8rem;font-weight:500}.hero-stat .stat-context{color:var(--amber-light);opacity:0;max-width:160px;max-height:0;margin-top:0;font-size:.72rem;line-height:1.4;transition:max-height .35s,opacity .3s,margin-top .3s;overflow:hidden}.hero-stat:hover .stat-context{opacity:1;max-height:60px;margin-top:.35rem}.hero-scroll{z-index:2;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@media (max-width:640px){.hero-stats{gap:1.5rem}.hero-stat .stat-value{font-size:1.6rem}.hero-ctas{flex-direction:column}.hero-ctas .btn{text-align:center;justify-content:center}}
.philosophy{background-color:var(--bg-base);perspective:1500px;position:relative;overflow:hidden}.philosophy-construction-scene{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.philosophy-layer{pointer-events:none;width:120%;height:120%;transform-style:preserve-3d;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute}.hologram-layer{z-index:1;filter:brightness(.8)contrast(1.2)hue-rotate(10deg);opacity:.25;animation:30s ease-in-out infinite alternate hologramRotate}.building-layer{z-index:2;filter:brightness(.6)contrast(1.1)grayscale(60%);clip-path:inset(100% 0 0);animation:20s cubic-bezier(.4,0,.2,1) infinite buildReveal,30s ease-in-out infinite alternate buildRotate}.philosophy-overlay{z-index:3;background:linear-gradient(#061a0af2 0%,#061a0ab3 50%,#061a0af2 100%);position:absolute;inset:0}@keyframes buildReveal{0%,10%{clip-path:inset(100% 0 0);opacity:0}20%,80%{clip-path:inset(0);opacity:1}90%,to{clip-path:inset(0 0 100%);opacity:0}}@keyframes hologramRotate{0%{transform:translateZ(-200px)rotateY(-5deg)scale(1.05)}to{transform:translateZ(-200px)rotateY(5deg)scale(1.05)}}@keyframes buildRotate{0%{transform:translateZ(0)rotateY(-3deg)scale(1.1)}to{transform:translateZ(0)rotateY(3deg)scale(1.1)}}.philosophy-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.philosophy-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:default;z-index:10;background:#122f1866;border:1px solid #4d9e4d33;padding:2.25rem;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.philosophy-card:hover{background:#122f18cc;border-color:#4dbf6280}.philosophy-card:before{content:"";background:linear-gradient(90deg, var(--green-600), var(--green-400));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.philosophy-card:hover:before{opacity:1}.pillar-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--green-400);cursor:default;background:#2d7a3a33;border:1px solid #4dbf621a;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.pillar-num{font-family:var(--font-display);color:var(--green-600);letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.pillar-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.pillar-subtitle{color:var(--green-400);margin-bottom:.75rem;font-size:.875rem;font-weight:500}.pillar-body{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}@media (max-width:900px){.philosophy-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.philosophy-grid{grid-template-columns:1fr}}
.flagship{position:relative}.flagship-list{flex-direction:column;gap:5rem;display:flex}.flagship-card{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.flagship-card.reverse{direction:rtl}.flagship-card.reverse>*{direction:ltr}.flagship-visual{border-radius:var(--radius-xl);aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border);cursor:default;position:relative;overflow:hidden}.flagship-visual-inner{background:linear-gradient(135deg, color-mix(in srgb, var(--project-color) 15%, var(--bg-card)), var(--bg-card));justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.flagship-visual-grid{opacity:.5;position:absolute;inset:0}.flagship-glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--project-color) 20%, transparent) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.flagship-emoji{z-index:2;filter:drop-shadow(0 0 30px #fff3);font-size:5rem;position:relative}.flagship-project-image{object-fit:cover;z-index:1;filter:brightness(.7)contrast(1.1);width:100%;height:100%;position:absolute;inset:0}.flagship-visual:hover .flagship-project-image{filter:brightness(.85)contrast(1.1)}.flagship-content{flex-direction:column;gap:1rem;display:flex}.flagship-title{color:var(--text-primary)}.flagship-tagline{color:var(--gold);font-size:1.0625rem;font-weight:500}.flagship-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.75}.flagship-tags{flex-wrap:wrap;gap:.5rem;display:flex}.flagship-link{align-self:flex-start;margin-top:.5rem}.flagship-result{border-radius:var(--radius-md);background:#c4943a12;border:1px solid #c4943a33;flex-direction:column;gap:.5rem;margin-top:.25rem;padding:1rem;display:flex}.flagship-result-text{color:var(--amber-light);font-size:.9rem;font-style:italic;line-height:1.6}@media (max-width:900px){.flagship-card,.flagship-card.reverse{direction:ltr;grid-template-columns:1fr;gap:2rem}.flagship-card.reverse>*{direction:ltr}}
.project-grid-section{position:relative}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.project-card{cursor:default;flex-direction:column;gap:.75rem;padding:1.875rem;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";background:linear-gradient(90deg, var(--green-600), var(--green-400));transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-card:hover:after{transform:scaleX(1)}.project-card-top{justify-content:space-between;align-items:flex-start;display:flex}.project-emoji{cursor:default;font-size:2.25rem;line-height:1}.project-link-icon{color:var(--text-muted);border-radius:6px;padding:.25rem;transition:all .2s}.project-link-icon:hover{background:#4dbf621a}.project-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.1875rem;font-weight:700}.project-desc{color:var(--text-secondary);flex:1;font-size:.875rem;line-height:1.65}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem;display:flex}@media (max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.project-grid{grid-template-columns:1fr}}.build-post-card:after{background:linear-gradient(90deg, var(--post-accent,var(--green-600)), transparent)}.build-post-card .project-link-icon.build-post-link{color:var(--post-accent,var(--green-400));opacity:.7}.build-post-card:hover .project-link-icon.build-post-link{opacity:1}.build-post-meta{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}.build-post-meta span{align-items:center;gap:.3rem;display:flex}