.landing-root{height:100dvh;position:relative;overflow:hidden}.landing-root:after{content:"";pointer-events:none;z-index:9998;opacity:.038;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:180px 180px;animation:9s step-end infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%,to{background-position:0 0}16%{background-position:-5% -10%}33%{background-position:5% 10%}50%{background-position:-7% 5%}66%{background-position:3% -10%}83%{background-position:-3% 8%}}#container{transform-origin:50%;width:100%;height:100dvh;display:flex;position:relative}.side{cursor:pointer;background:var(--color-cream);flex:1;justify-content:center;align-items:center;transition:background .6s,flex .7s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}#container:has(#left:hover) #left{flex:1.35}#container:has(#left:hover) #right{flex:.65}#container:has(#right:hover) #right{flex:1.35}#container:has(#right:hover) #left{flex:.65}#left:hover,#right:hover{background:var(--color-cream-alt)}.side-inner{flex-direction:column;align-items:flex-start;gap:20px;padding:0 60px;transition:opacity .5s .1s;display:flex}.label{font-family:var(--font-serif), serif;letter-spacing:3px;color:var(--color-tan);text-transform:uppercase;font-size:13px;font-style:italic;font-weight:300}.side-title{font-family:var(--font-serif), serif;letter-spacing:2px;color:var(--color-ink);font-size:clamp(36px,4vw,56px);font-weight:300;line-height:1}.side-desc{font-family:var(--font-sans), sans-serif;letter-spacing:.5px;color:var(--color-brown);opacity:0;font-size:13px;font-weight:300;line-height:2;transition:opacity .5s .1s,transform .5s .1s;transform:translateY(8px)}.enter{font-family:var(--font-sans), sans-serif;letter-spacing:3px;color:var(--color-accent);text-transform:uppercase;opacity:0;font-size:11px;font-weight:300;transition:opacity .5s .2s}.side:hover .side-desc,.side:hover .enter{opacity:1;transform:translateY(0)}.divider{background:linear-gradient(to bottom, transparent 0%, var(--color-tan-alt) 18%, var(--color-tan-alt) 82%, transparent 100%);z-index:10;pointer-events:none;justify-content:center;align-items:center;width:1px;height:100%;transition:opacity .5s,transform .5s;display:flex;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}#container:has(.side:hover) .divider{opacity:.3}@keyframes line-scan{0%{transform:translateY(-100%)}to{transform:translateY(400%)}}.divider:before{content:"";background:linear-gradient(#0000,#c4622dd9,#0000);width:3px;height:25%;animation:5s ease-in-out infinite line-scan;position:absolute;top:0;left:-1px}.divider:after{content:"";background:var(--color-tan-alt);flex-shrink:0;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.divider.canvas-active{background:0 0;overflow:visible}.divider.canvas-active:before,.divider.canvas-active:after{display:none}@keyframes pn-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pn-pulse{0%,to{box-shadow:0 0 #c4b49a00}50%{box-shadow:0 0 0 5px #c4b49a2e}}@keyframes pn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.028)}}@keyframes pn-ripple-out{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.profile-node{z-index:20;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:fixed;top:28px;left:50%;transform:translate(-50%)}.pn-wrap{border:1px solid var(--color-tan-alt);background:var(--color-cream-alt);border-radius:50%;width:72px;height:72px;transition:border-color .4s,transform .4s;animation:.9s cubic-bezier(.34,1.56,.64,1) .3s both pn-in,3.5s ease-in-out 1.5s infinite pn-pulse,5s ease-in-out 2s infinite pn-breathe;overflow:hidden}.profile-node:hover .pn-wrap{border-color:var(--color-tan);animation:none;transform:scale(1.07);box-shadow:0 0 0 5px #c4b49a2e}.pn-img{object-fit:cover;opacity:.88;will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;width:calc(100% + 8px);height:calc(100% + 8px);margin:-4px;transition:opacity .4s}.profile-node:hover .pn-img{opacity:1}.pn-ring-wrap{pointer-events:none;border-radius:50%;width:72px;height:72px;position:absolute;top:0;left:50%;transform:translate(-50%)}.pn-ripple{border:1px solid #c4b49a73;border-radius:50%;animation:3.8s ease-out infinite pn-ripple-out;position:absolute;inset:0}.pn-ripple:nth-child(2){border-color:#c4622d2e;animation-delay:1.9s}.pn-backdrop{-webkit-backdrop-filter:blur(3px);z-index:98;opacity:0;pointer-events:none;background:#2c241614;transition:opacity .35s;position:fixed;inset:0}.pn-backdrop.open{opacity:1;pointer-events:auto}.pn-panel{transform-origin:50%;-webkit-backdrop-filter:blur(20px);z-index:100;opacity:0;pointer-events:none;background:#f8f4edfa;border:1px solid #d4c9b4cc;border-radius:18px;width:440px;padding:32px;transition:top .5s cubic-bezier(.34,1.4,.64,1),transform .5s cubic-bezier(.34,1.4,.64,1),opacity .25s;position:fixed;top:64px;left:50%;transform:translate(-50%,-50%)scale(.08);box-shadow:0 28px 80px #2c241629}.pn-panel.open{opacity:1;pointer-events:auto;top:50%;transform:translate(-50%,-50%)scale(1)}.pnp-c{pointer-events:none;width:16px;height:16px;position:absolute}.pnp-c-tl{background:linear-gradient(to right, var(--color-tan), transparent) top left / 100% 1px no-repeat, linear-gradient(to bottom, var(--color-tan), transparent) top left / 1px 100% no-repeat;top:14px;left:14px}.pnp-c-tr{background:linear-gradient(to left, var(--color-tan), transparent) top right / 100% 1px no-repeat, linear-gradient(to bottom, var(--color-tan), transparent) top right / 1px 100% no-repeat;top:14px;right:14px}.pnp-c-bl{background:linear-gradient(to right, var(--color-tan), transparent) bottom left / 100% 1px no-repeat, linear-gradient(to top, var(--color-tan), transparent) bottom left / 1px 100% no-repeat;bottom:14px;left:14px}.pnp-c-br{background:linear-gradient(to left, var(--color-tan), transparent) bottom right / 100% 1px no-repeat, linear-gradient(to top, var(--color-tan), transparent) bottom right / 1px 100% no-repeat;bottom:14px;right:14px}.pnp-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.pnp-name{font-family:var(--font-serif), serif;letter-spacing:1px;color:var(--color-ink);font-size:26px;font-style:italic;font-weight:300;line-height:1.1}.pnp-tagline{font-family:var(--font-sans), sans-serif;letter-spacing:2px;color:#a09080;margin-top:6px;font-size:10px;font-weight:300}.pnp-photo-sm{border:1px solid var(--color-tan-alt);border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.pnp-photo-sm img{object-fit:cover;opacity:.88;width:100%;height:100%}.pnp-sep{background:linear-gradient(to right, transparent, var(--color-tan-alt) 25%, var(--color-tan-alt) 75%, transparent);height:1px;margin:16px 0}.pnp-body{grid-template-columns:1fr 1fr;gap:0;display:grid}.pnp-col{flex-direction:column;gap:8px;display:flex}.pnp-col:first-child{border-right:1px solid #e8e0d0;padding-right:20px}.pnp-col:last-child{padding-left:20px}.pnp-col-label{font-family:var(--font-sans), sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-tan);margin-bottom:4px;font-size:9px}.pnp-soc{font-family:var(--font-sans), sans-serif;letter-spacing:.3px;color:var(--color-brown-dark);align-items:center;gap:8px;font-size:12px;font-weight:300;text-decoration:none;transition:color .25s,transform .25s;display:flex}.pnp-soc svg{opacity:.55;flex-shrink:0;transition:opacity .25s}.pnp-soc:hover{color:var(--color-accent);transform:translate(3px)}.pnp-soc:hover svg{opacity:1}.pnp-status-item{flex-direction:column;gap:3px;margin-bottom:8px;display:flex}.pnp-s-key{font-family:var(--font-sans), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-tan);font-size:9px}.pnp-s-val{font-family:var(--font-serif), serif;color:var(--color-brown-dark);font-size:15px;font-style:italic;font-weight:300;line-height:1.3}@keyframes pnp-fade-up{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pnp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pnp-line-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pn-panel.open .pnp-c-tl{animation:.22s 50ms both pnp-fade-in}.pn-panel.open .pnp-c-tr{animation:.22s .1s both pnp-fade-in}.pn-panel.open .pnp-c-bl{animation:.22s .15s both pnp-fade-in}.pn-panel.open .pnp-c-br{animation:.22s .2s both pnp-fade-in}.pn-panel.open .pnp-name{animation:.38s .16s both pnp-fade-up}.pn-panel.open .pnp-tagline{animation:.38s .24s both pnp-fade-up}.pn-panel.open .pnp-photo-sm{animation:.3s .2s both pnp-fade-in}.pn-panel.open .pnp-sep{transform-origin:0;animation:.45s .32s both pnp-line-expand}.pn-panel.open .pnp-col:first-child{animation:.35s .42s both pnp-fade-up}.pn-panel.open .pnp-col:last-child{animation:.35s .52s both pnp-fade-up}#left:after,#right:after{content:"";pointer-events:none;transition:clip-path .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}#left:after{clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,#c4622d2e 0%,#c4622d0a 100%)}#right:after{clip-path:inset(0 0 0 100%);background:linear-gradient(270deg,#c4622d2e 0%,#c4622d0a 100%)}#left:hover:after,#container.touch-left #left:after{clip-path:inset(0 0% 0 0)}#right:hover:after,#container.touch-right #right:after{clip-path:inset(0 0 0 0%)}#left:before,#right:before{font-family:var(--font-serif), serif;color:var(--color-ink);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:38vw;font-style:italic;font-weight:300;line-height:1;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#left:before{content:"I"}#right:before{content:"II"}#left:hover:before,#right:hover:before{opacity:.07}.frame-corner{pointer-events:none;z-index:15;width:44px;height:44px;position:fixed}.frame-corner:before{content:"";background:var(--color-tan);width:4px;height:4px;position:absolute;transform:rotate(45deg)}.fc-tl{background:linear-gradient(to right, var(--color-tan), transparent) top left / 100% 1px no-repeat, linear-gradient(to bottom, var(--color-tan), transparent) top left / 1px 100% no-repeat;top:22px;left:22px}.fc-tl:before{top:-2px;left:-2px}.fc-tr{background:linear-gradient(to left, var(--color-tan), transparent) top right / 100% 1px no-repeat, linear-gradient(to bottom, var(--color-tan), transparent) top right / 1px 100% no-repeat;top:22px;right:22px}.fc-tr:before{top:-2px;left:auto;right:-2px}.fc-bl{background:linear-gradient(to right, var(--color-tan), transparent) bottom left / 100% 1px no-repeat, linear-gradient(to top, var(--color-tan), transparent) bottom left / 1px 100% no-repeat;bottom:22px;left:22px}.fc-bl:before{top:auto;bottom:-2px;left:-2px}.fc-br{background:linear-gradient(to left, var(--color-tan), transparent) bottom right / 100% 1px no-repeat, linear-gradient(to top, var(--color-tan), transparent) bottom right / 1px 100% no-repeat;bottom:22px;right:22px}.fc-br:before{inset:auto -2px -2px auto}.corner{font-family:var(--font-sans), sans-serif;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-tan);z-index:15;pointer-events:none;font-size:10px;font-weight:300;position:fixed;bottom:28px}.corner-bl{left:52px}.corner-br{right:52px}#ambient-a,#ambient-b{pointer-events:none;z-index:1;position:fixed;inset:0}#ambient-a{background:radial-gradient(60% 54% at 44% 42%,#c4622d0a 0%,#0000 70%);animation:34s ease-in-out infinite amb-drift-a}#ambient-b{background:radial-gradient(50% 46% at 64% 68%,#c4b49a08 0%,#0000 70%);animation:43s ease-in-out infinite amb-drift-b}@keyframes amb-drift-a{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-4vw,3vh)scale(1.07)}65%{transform:translate(3vw,-5vh)scale(.95)}}@keyframes amb-drift-b{0%,to{transform:translate(0)scale(1)}28%{transform:translate(5vw,-3vh)scale(1.09)}72%{transform:translate(-3vw,4vh)scale(.94)}}#cursor-aura{pointer-events:none;z-index:6;will-change:left, top;background:radial-gradient(circle,#c4622d0d 0%,#c4b49a06 38%,#0000 68%);border-radius:50%;width:580px;height:580px;transition:width .8s,height .8s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.matrix-geo{pointer-events:none;opacity:0;background-image:linear-gradient(#2c24160a 1px,#0000 1px),linear-gradient(90deg,#2c24160a 1px,#0000 1px);background-size:40px 40px;transition:opacity 1.1s;position:absolute;inset:0}#left:hover .matrix-geo{opacity:1}.human-warmth{pointer-events:none;opacity:0;background:radial-gradient(90% 80% at 55% 65%,#c4622d0e 0%,#0000 65%);transition:opacity 1.4s;position:absolute;inset:0}#right:hover .human-warmth{opacity:1}#dust-canvas{pointer-events:none;z-index:2;opacity:1;position:fixed;inset:0}#divider-canvas{pointer-events:none;z-index:11;width:24px;height:100dvh;transition:opacity .5s;position:fixed;top:0;left:50%;transform:translate(-50%)}#cursor-distort{pointer-events:none;z-index:8;-webkit-backdrop-filter:blur(.8px)brightness(1.015);will-change:left, top;border-radius:50%;width:90px;height:90px;position:fixed;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#0000 55%,#0009 72%,#0000 100%);mask-image:radial-gradient(circle,#0000 55%,#0009 72%,#0000 100%)}.crossing-ripple{pointer-events:none;z-index:9;border:1px solid #c4622d59;border-radius:50%;width:56px;height:56px;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes glitch-shift{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(18deg)contrast(1.08);transform:translate(2px)}40%{filter:hue-rotate(-6deg)brightness(1.04);transform:translate(-1px)}60%{filter:hue-rotate(10deg)contrast(1.06);transform:translate(1.5px)}80%{filter:none;transform:translate(-.5px)}}#left.glitching{animation:.28s step-end forwards glitch-shift}@media (max-width:768px){.side-inner{padding:0 18px}.side-title{font-size:clamp(20px,5vw,30px)}.label{font-size:11px}.enter{font-size:10px}#container.touch-left #left{background:var(--color-cream-alt);flex:1.45}#container.touch-left #right{flex:.55}#container.touch-left .divider{opacity:.3}#container.touch-left #left .side-desc{opacity:1;transform:translateY(0)}#container.touch-left #left .enter{opacity:1}#container.touch-right #right{background:var(--color-cream-alt);flex:1.45}#container.touch-right #left{flex:.55}#container.touch-right .divider{opacity:.3}#container.touch-right #right .side-desc{opacity:1;transform:translateY(0)}#container.touch-right #right .enter{opacity:1}.profile-node{top:14px}.pn-wrap{width:52px;height:52px}.pn-panel{width:calc(100vw - 48px);max-width:300px;top:40px}.pnp-body{grid-template-columns:1fr}.pnp-col:first-child{border-bottom:1px solid #e8e0d0;border-right:none;padding-bottom:14px;padding-right:0}.pnp-col:last-child{padding-left:0}#divider-canvas{width:16px}.pn-ring-wrap{width:52px;height:52px}.pn-img{width:100%;height:100%;margin:0}}