:root{--bg: #0A0908;--bg-deep: #060504;--surface: #141210;--surface-2: #1C1916;--border: rgba(212, 175, 112, .08);--text: #E8DCC8;--text-dim: rgba(232, 220, 200, .55);--text-muted: rgba(232, 220, 200, .3);--gold: #D4AF70;--gold-dim: rgba(212, 175, 112, .1);--gold-glow: rgba(212, 175, 112, .06);--navy: #0B1526;--rose: #B8918A;--max-w: 72rem;--ease: cubic-bezier(.22, 1, .36, 1);--radius: .75rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}#root{isolation:isolate}.page-wrap{position:relative;z-index:1}.container{width:min(100% - 3rem,var(--max-w));margin:0 auto}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;transform-origin:0 50%;background:var(--gold);z-index:200}.hero{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-inner{text-align:center;perspective:1000px}.hero-titles{display:flex;flex-direction:column;align-items:center}.hero-word-wrap{overflow:hidden;line-height:1}.hero-word{font-family:Cormorant Garamond,serif;font-size:clamp(3rem,9vw,7rem);font-weight:600;line-height:.92;letter-spacing:-.03em;color:var(--text);will-change:transform}.hero-word.gold{color:var(--gold)}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;z-index:10}.scroll-line{width:1px;height:2.5rem;background:linear-gradient(to bottom,var(--gold),transparent);animation:scroll-pulse 2.5s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:.2;transform:scaleY(.5)}}.project-section{padding:10rem 0 12rem;position:relative;overflow:visible}.project-section:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--border)}.project-number{font-family:Cormorant Garamond,serif;font-size:clamp(5rem,12vw,10rem);font-weight:300;color:var(--gold-dim);line-height:.85;margin-bottom:.5rem;letter-spacing:-.06em}.project-title{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem}.project-subtitle{font-size:1.1rem;color:var(--text-dim);margin-bottom:3rem}.project-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media(min-width:900px){.project-grid{grid-template-columns:1fr 1.3fr;gap:5rem}}.project-info{padding-top:1rem}.project-description{font-size:1rem;line-height:1.85;color:var(--text-dim);margin-bottom:2rem}.project-meta{margin-bottom:1.5rem}.project-meta-label{display:block;font-size:.62rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.project-meta-value{font-size:.88rem;color:var(--text-dim)}.project-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:2.5rem}.stack-tag{font-size:.66rem;font-weight:500;letter-spacing:.06em;padding:.28rem .7rem;border-radius:100px;border:1px solid var(--border);color:var(--text-muted);transition:border-color .3s,color .3s}.stack-tag:hover{border-color:var(--gold-dim);color:var(--text-dim)}.project-features{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.feature-item{padding-left:1rem;border-left:2px solid var(--gold-dim);transition:border-color .4s}.feature-item:hover{border-left-color:var(--gold)}.feature-title{font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:700;color:var(--gold);margin-bottom:.15rem}.feature-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6}.project-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--gold);transition:gap .3s var(--ease)}.project-link:hover{gap:.85rem}.project-link .arrow{transition:transform .3s var(--ease)}.project-link:hover .arrow{transform:translate(4px)}.project-showcase{perspective:1200px;transform-style:preserve-3d}.kept-showcase{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,2.5rem);perspective:1600px;transform-style:preserve-3d;padding:2rem 0}.kept-phone{transform-style:preserve-3d;will-change:transform;cursor:pointer;flex-shrink:0}.kept-phone-left,.kept-phone-right{width:clamp(120px,14vw,180px);z-index:1}.kept-ipad{transform-style:preserve-3d;will-change:transform;cursor:pointer;width:clamp(280px,36vw,460px);z-index:2;flex-shrink:0}.phone-frame-img{background:#1a1a1a;border-radius:24px;padding:5px;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 1px #ffffff0f}.phone-frame-img img{display:block;width:100%;height:auto;border-radius:20px}.ipad-frame-img{background:#1a1a1a;border-radius:16px;padding:7px;overflow:hidden;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff0f}.ipad-frame-img img{display:block;width:100%;height:auto;border-radius:11px}.stj-showcase{position:relative;perspective:1400px;transform-style:preserve-3d;padding:2rem 0}.browser-3d{transform-style:preserve-3d;will-change:transform;border-radius:12px;overflow:hidden;box-shadow:0 50px 120px #0009,0 0 0 1px #ffffff0d;cursor:pointer}.browser-bar{display:flex;align-items:center;gap:.5rem;padding:10px 14px;background:#161616fa;border-bottom:1px solid rgba(255,255,255,.04)}.sacra-bar{background:#f0ebe4fa;border-bottom:1px solid rgba(0,0,0,.06)}.browser-dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.browser-url-bar{flex:1;margin-left:8px;padding:4px 10px;font-size:10px;color:#ffffff40;background:#ffffff0a;border-radius:5px;font-family:Inter,monospace}.sacra-bar .browser-url-bar{color:#0000004d;background:#0000000a}.browser-viewport{overflow:hidden;position:relative;line-height:0}.browser-screenshot{display:block;width:100%;height:auto;scale:1.1}.sacra-showcase{display:flex;flex-direction:column;gap:2rem;perspective:1400px;transform-style:preserve-3d;padding:1rem 0}.sacra-rosary{transform-style:preserve-3d;will-change:transform;cursor:pointer}.sacra-rosary-img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 30px 80px #00000080,0 0 0 1px #b8918a14}.sacra-browser{transform-style:preserve-3d;will-change:transform;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0006,0 0 0 1px #ffffff0d;cursor:pointer}.impact-card{position:absolute;top:-15px;right:-15px;background:#0b1526eb;border:1px solid rgba(214,183,111,.15);border-radius:12px;padding:14px 18px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 64px #00000080;z-index:4;cursor:pointer}.impact-card-label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#d6b76fb3;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(214,183,111,.08)}.live-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:live-blink 2s ease-in-out infinite}.impact-card-stats{display:flex;gap:16px}.impact-stat{text-align:center}.impact-num{display:block;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700;color:#d6b76f;line-height:1.2}.impact-label{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#f0ead64d}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.3}}.portal-card{position:absolute;bottom:20px;left:-20px;width:210px;background:#0e1520eb;border:1px solid rgba(214,183,111,.12);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 60px #00000073;z-index:3;cursor:pointer}.portal-card-header{font-family:Cormorant Garamond,serif;font-size:12px;font-weight:700;color:#d6b76f;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(214,183,111,.08)}.portal-card-stats{display:flex;flex-direction:column;gap:4px}.portal-stat-row{display:flex;align-items:center;gap:6px;font-size:8px;color:#f0ead666}.portal-dot{width:4px;height:4px;border-radius:50%;background:#ffffff1f;flex-shrink:0}.portal-dot.live{background:#22c55e;box-shadow:0 0 6px #22c55e66;animation:live-blink 2s ease-in-out infinite}.cta{padding:14rem 0;text-align:center;position:relative}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;height:50vw;max-width:500px;max-height:500px;border-radius:50%;background:radial-gradient(circle,var(--gold-glow),transparent 70%);pointer-events:none;filter:blur(80px)}.cta-heading{font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--text);margin-bottom:2.5rem;position:relative}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 2.8rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:var(--bg);background:var(--gold);border-radius:100px;position:relative;cursor:pointer;box-shadow:0 8px 32px #d4af7026;transition:box-shadow .3s}.cta-button:hover{box-shadow:0 16px 48px #d4af704d}.footer{padding:4rem 0 3rem;text-align:center;border-top:1px solid var(--border)}.footer-tagline{font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:600;font-style:italic;color:var(--gold);margin-bottom:.15rem}.footer-translation{font-size:.75rem;color:var(--text-muted);letter-spacing:.08em;margin-bottom:1.5rem}.footer-memorial{font-size:.82rem;color:var(--text-dim);font-style:italic;margin-bottom:1.5rem;opacity:.5}.footer-copy{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}@media(max-width:900px){.container{width:min(100% - 2rem,var(--max-w))}.project-section{padding:6rem 0 8rem}.cta{padding:8rem 0}.hero-scroll{display:none}.kept-showcase{gap:.75rem}.kept-phone-left,.kept-phone-right{width:clamp(80px,20vw,130px)}.kept-ipad{width:clamp(180px,50vw,300px)}.impact-card{position:relative;top:auto;right:auto;width:100%;margin-top:1rem}.portal-card{position:relative;bottom:auto;left:auto;width:100%;margin-top:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}