@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&family=Noto+Serif+SC:wght@300;500;700&display=swap";:root{color-scheme:light;--bg: #f6f3ee;--bg-deep: #e6e1d8;--ink: #1b1b1f;--muted: rgba(27, 27, 31, .6);--accent: #9ebfd0;--accent-deep: #6d8fa1;--glow: rgba(158, 191, 208, .35);--line: rgba(27, 27, 31, .12);--glass: rgba(255, 255, 255, .55);--shadow: 0 40px 120px rgba(28, 33, 40, .15);--radius: 28px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,"Noto Serif SC",sans-serif;background:radial-gradient(circle at 10% 20%,#ffffff 0%,var(--bg) 45%,var(--bg-deep) 100%);color:var(--ink);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}a.ghost,a.primary,a.nav-cta{display:inline-flex;align-items:center;justify-content:center}.page{position:relative;min-height:100vh;padding:0 6vw 8vw;overflow:hidden}.page:before,.page:after{content:"";position:fixed;top:-20vh;right:-20vh;bottom:-20vh;left:-20vh;pointer-events:none;z-index:0}.page:before{background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.9),transparent 55%),radial-gradient(circle at 20% 80%,rgba(158,191,208,.22),transparent 60%)}.page:after{background-image:repeating-linear-gradient(120deg,rgba(27,27,31,.04) 0px,rgba(27,27,31,.04) 1px,transparent 1px,transparent 6px);opacity:.35}.hero-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.8}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:4vw 0 3vw;gap:2rem}.brand{display:flex;align-items:center;gap:1rem;font-family:"Noto Serif SC",serif}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffffff 0%,var(--accent) 100%);box-shadow:0 12px 30px var(--glow)}.brand-title{font-size:1.4rem;letter-spacing:.3rem}.brand-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.35rem;color:var(--muted)}.nav-links{display:flex;gap:2.4rem;font-size:.95rem;letter-spacing:.08rem;color:var(--muted)}.nav-cta{padding:.8rem 1.6rem;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 18px 40px #1b1b1f33}.nav-cta:hover{transform:translateY(-2px)}main{position:relative;z-index:1}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4vw;align-items:center;padding:6vw 0 8vw}.hero-text h1{font-family:"Noto Serif SC",serif;font-size:clamp(2.8rem,6vw,5.4rem);letter-spacing:.6rem;margin:1rem 0 1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.4rem;font-size:.8rem;color:var(--accent-deep)}.subtitle{font-size:1.1rem;color:var(--muted);max-width:520px;line-height:1.8}.hero-actions{display:flex;gap:1rem;margin-top:2rem}.primary{padding:.9rem 2.2rem;border-radius:999px;background:linear-gradient(135deg,var(--accent) 0%,#d9c7b8 100%);color:#1b1b1f;box-shadow:0 20px 40px #9ebfd04d}.ghost{padding:.9rem 2.2rem;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--ink)}.primary:hover,.ghost:hover{transform:translateY(-2px)}.hero-panel{background:var(--glass);border-radius:var(--radius);padding:2.4rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(var(--tz, 0px));transition:transform .4s ease,box-shadow .4s ease}.hero-panel:hover{box-shadow:0 50px 140px #1b1b1f33}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.panel-title{font-size:1.2rem;font-weight:600}.panel-note{font-size:.9rem;color:var(--muted);margin-top:.4rem}.panel-badge{background:#1b1b1f14;padding:.4rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.2rem}.panel-body{display:grid;gap:2rem}.orb{position:relative;width:160px;height:160px;margin:0 auto}.orb span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.5);--orb-tilt: rotateZ(0deg);animation:orbit 8s linear infinite}.orb span:nth-child(2){--orb-tilt: rotateX(65deg);animation-duration:10s}.orb span:nth-child(3){--orb-tilt: rotateY(65deg);animation-duration:12s}@keyframes orbit{to{transform:var(--orb-tilt) rotate(360deg)}}.panel-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.metric-value{font-size:1.4rem;font-weight:600}.metric-label{font-size:.8rem;color:var(--muted);letter-spacing:.2rem}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}.section-head h2{font-family:"Noto Serif SC",serif;font-size:clamp(1.8rem,3.5vw,3rem)}.section-head p{color:var(--muted);max-width:400px;line-height:1.7}.gallery{padding:6vw 0}.scene-selector{padding:2vw 0 6vw}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem}.scene-card{text-align:left;padding:1.8rem;border-radius:22px;background:#ffffffb8;border:1px solid rgba(255,255,255,.7);box-shadow:0 16px 40px #1b1b1f14;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(var(--tz, 0px));transition:transform .3s ease,box-shadow .3s ease,border .3s ease}.scene-card:hover{box-shadow:0 30px 70px #1b1b1f24}.scene-card.active{border:1px solid rgba(158,191,208,.8);box-shadow:0 28px 80px #9ebfd04d}.scene-name{font-size:1.3rem;font-weight:600;margin-bottom:.6rem}.scene-desc{color:var(--muted);line-height:1.7;margin-bottom:1.2rem}.scene-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.3rem;color:var(--accent-deep)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.card{padding:2rem;background:#ffffffb8;border-radius:24px;border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 50px #1b1b1f14;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(var(--tz, 0px));transition:transform .35s ease,box-shadow .35s ease;min-height:220px}.card:hover{box-shadow:0 40px 80px #1b1b1f1f}.card-tag{font-size:.75rem;letter-spacing:.3rem;text-transform:uppercase;color:var(--accent-deep);margin-bottom:1.2rem}.card h3{font-size:1.4rem;margin-bottom:.8rem}.card p{color:var(--muted);line-height:1.7}.philosophy{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem;padding:6vw 0;align-items:center}.philosophy h2{font-family:"Noto Serif SC",serif;font-size:clamp(2rem,4vw,3.2rem);margin-bottom:1.4rem}.philosophy p{color:var(--muted);line-height:1.8;margin-bottom:2rem}.pill-row{display:flex;flex-wrap:wrap;gap:.8rem}.pill-row span{padding:.5rem 1.2rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem;background:#ffffffb3}.philosophy-visual{background:linear-gradient(145deg,#ffffffe6,#ffffff8c);border-radius:28px;padding:2.6rem;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(var(--tz, 0px));transition:transform .35s ease}.stack{position:relative;height:220px}.stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:linear-gradient(135deg,#c9ddeb99,#fffc);box-shadow:0 30px 60px #1b1b1f14;transform:translateZ(0)}.stack-layer:nth-child(2){transform:translate(20px,20px);opacity:.7}.stack-layer:nth-child(3){transform:translate(40px,40px);opacity:.5}.stack-caption{margin-top:2rem;letter-spacing:.3rem;text-transform:uppercase;font-size:.8rem;color:var(--accent-deep)}.experience{padding:6vw 0}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.timeline-step{display:flex;gap:1.5rem;padding:1.8rem;border-radius:22px;background:#ffffffb3;border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 50px #1b1b1f14}.step-index{font-size:1.4rem;font-weight:600;color:var(--accent-deep)}.timeline-step h3{margin-bottom:.6rem}.timeline-step p{color:var(--muted);line-height:1.7}.cta{padding:6vw 4vw;margin:6vw 0;border-radius:32px;background:linear-gradient(135deg,#ffffffe6,#e6e1d8d9);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}.cta h2{font-family:"Noto Serif SC",serif;font-size:clamp(1.8rem,3.5vw,3rem);margin-bottom:1rem}.cta p{color:var(--muted)}.cta-actions{display:flex;gap:1rem}.footer{display:flex;justify-content:space-between;padding:3rem 0 1rem;color:var(--muted);font-size:.9rem;position:relative;z-index:1}.cases-page{position:relative;min-height:100vh;padding:0 6vw 8vw;overflow:hidden}.cases-page:before,.cases-page:after{content:"";position:fixed;top:-20vh;right:-20vh;bottom:-20vh;left:-20vh;pointer-events:none;z-index:0}.cases-page:before{background:radial-gradient(circle at 25% 10%,rgba(255,255,255,.9),transparent 55%),radial-gradient(circle at 80% 80%,rgba(184,202,214,.3),transparent 60%)}.cases-page:after{background-image:repeating-linear-gradient(160deg,rgba(27,27,31,.03) 0px,rgba(27,27,31,.03) 1px,transparent 1px,transparent 7px);opacity:.4}.cases-main{position:relative;z-index:1}.cases-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;padding:4vw 0 5vw}.cases-actions{display:flex;gap:1rem;align-items:center}.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.8rem;padding:2vw 0 6vw}.case-card{position:relative;padding:1.8rem;border-radius:24px;background:#ffffffb8;border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 50px #1b1b1f14;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(var(--tz, 0px));transition:transform .35s ease,box-shadow .35s ease;min-height:320px;overflow:hidden}.case-card:hover{box-shadow:0 40px 90px #1b1b1f24}.case-label{font-size:.75rem;letter-spacing:.3rem;color:var(--accent-deep);margin-bottom:.8rem}.case-card h3{font-size:1.3rem;margin-bottom:.6rem}.case-card p{color:var(--muted);line-height:1.6;margin-bottom:1.2rem}.case-visual{position:relative;height:150px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#fff,#ffffff4d);overflow:hidden;transform-style:preserve-3d}.case-visual:before,.case-visual:after{content:"";position:absolute;top:18%;right:20%;bottom:18%;left:20%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffff1a);transform:translateZ(20px);animation:floatSlow 8s ease-in-out infinite}.case-visual:after{top:10%;right:12%;bottom:10%;left:12%;border-radius:24px;border:1px solid rgba(255,255,255,.6);background:transparent;transform:rotateX(35deg) rotateY(20deg) translateZ(10px);animation:spinSlow 12s linear infinite}.case-prism .case-visual{background:conic-gradient(from 120deg,#dfeaf5,#f4efe8,#c7dff2,#fff)}.case-prism .case-visual:before{top:22%;right:18%;bottom:22%;left:18%;background:radial-gradient(circle at 30% 30%,#d6ebf8e6,#fff0)}.case-mist .case-visual{background:radial-gradient(circle at 60% 40%,#fffffff2,#e7e2d966)}.case-mist .case-visual:after{border:1px solid rgba(213,205,195,.5)}.case-mirror .case-visual{background:linear-gradient(135deg,#c7d7e4,#f3f5f8 55%,#b8c7d4)}.case-mirror .case-visual:before{background:radial-gradient(circle at 30% 30%,#ffffffe6,#96aabe26)}.case-ribbon .case-visual{background:linear-gradient(120deg,#ffffffe6,#d2dee899)}.case-ribbon .case-visual:before{top:35%;right:8%;bottom:35%;left:8%;border-radius:999px;background:linear-gradient(90deg,#9ebfd0e6,#fff3);animation:ribbonFlow 6s ease-in-out infinite}.case-ice .case-visual{background:linear-gradient(150deg,#e8f3f9,#f7f2eb 60%,#d4e4f2)}.case-ice .case-visual:after{border-radius:8px;transform:rotateX(50deg) rotateY(10deg) translateZ(8px)}.case-lattice .case-visual{background:repeating-linear-gradient(45deg,#ffffffe6,#ffffffe6 8px,#c3d2e040 8px,#c3d2e040 16px)}.case-lattice .case-visual:before{top:26%;right:22%;bottom:26%;left:22%;border-radius:10px;background:#fff6}.case-orbit .case-visual{background:radial-gradient(circle at 50% 40%,#fff,#d4e4ee99)}.case-orbit .case-visual:after{border-radius:50%;border:1px dashed rgba(158,191,208,.7);animation:spinSlow 8s linear infinite}.case-tunnel .case-visual{background:radial-gradient(circle at 50% 50%,#ffffffe6,#8daabe33)}.case-tunnel .case-visual:before{top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#bed2e166);animation:pulseGlow 5s ease-in-out infinite}.case-topo .case-visual{background:linear-gradient(180deg,#ffffffe6,#d2e2ee80)}.case-topo .case-visual:after{top:20%;right:16%;bottom:20%;left:16%;border-radius:12px;background:repeating-linear-gradient(0deg,rgba(155,176,194,.4) 0px,rgba(155,176,194,.4) 2px,transparent 2px,transparent 8px)}.case-veil .case-visual{background:linear-gradient(140deg,#ffffffe6,#e5ecf299)}.case-veil .case-visual:before{top:30%;right:14%;bottom:30%;left:14%;border-radius:40px;background:linear-gradient(100deg,#fffc,#c4d5e133);animation:veilDrift 9s ease-in-out infinite}.cases-cta{margin-top:4vw}@keyframes floatSlow{0%,to{transform:translate3d(0,-4px,20px)}50%{transform:translate3d(0,6px,26px)}}@keyframes spinSlow{to{transform:rotateX(35deg) rotateY(20deg) rotate(360deg) translateZ(10px)}}@keyframes ribbonFlow{0%,to{transform:translate3d(-10px,0,10px) rotate(2deg)}50%{transform:translate3d(10px,-8px,18px) rotate(-4deg)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes veilDrift{0%,to{transform:translate3d(-8px,0,12px)}50%{transform:translate3d(8px,-6px,20px)}}@media (max-width: 900px){.nav-links{display:none}.nav{padding-top:8vw}.section-head{flex-direction:column;align-items:flex-start}}@media (max-width: 700px){.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.panel-metrics{grid-template-columns:1fr;text-align:left}.footer{flex-direction:column;gap:.4rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-canvas{opacity:.4}}