.cloud{z-index:0;pointer-events:none;animation:cloud-drift var(--drift,60s) ease-in-out infinite alternate;will-change:transform, translate;position:absolute}.cloud canvas{display:block;position:absolute}.cloud.far{opacity:.75}.cloud.flip{transform:scaleY(-1)}@keyframes cloud-drift{0%{translate:calc(var(--dx,40px) * -1) 0}to{translate:var(--dx,40px) 0}}.cloud-band{z-index:3;pointer-events:none;height:280px;margin:-150px 0 -130px;position:relative}.cloud-band:before{content:"";background:linear-gradient(180deg, #f4f6f800, var(--paper) 45%);height:55%;position:absolute;bottom:0;left:0;right:0}.cloud-band.flip:before{background:linear-gradient(#e6eef4 55%,#e6eef400);top:0;bottom:auto}.cloud-band .cloud{will-change:auto;animation:none}.hero{text-align:center;background:#4f88b0 url(/img/hero-meadow.jpg) 50% 62%/cover no-repeat;flex-direction:column;align-items:center;height:100vh;min-height:600px;padding:clamp(88px,13vh,130px) 16px clamp(30px,6vh,64px);display:flex}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(at 50% 45%,#061a3480 0%,#061a3447 40%,#061a3400 70%);width:min(1100px,110vw);height:clamp(260px,42vh,400px);position:absolute;top:clamp(40px,8vh,90px);left:50%;transform:translate(-50%)}.hero h1{font-family:var(--serif);letter-spacing:-.03em;text-shadow:0 2px 30px #04162e8c,0 1px 2px #04162e66;font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.02}.hero h1 em{font-style:italic}.hero .sub{letter-spacing:-.01em;color:#fff;text-shadow:0 1px 16px #04162eb3,0 1px 2px #04162e80;max-width:34ch;margin-top:clamp(14px,2.4vh,22px);font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.4}@media (height<=760px){.hero h1{font-size:min(6vw,8.5vh)}}.hero>.monitor{filter:drop-shadow(0 34px 40px #000a1e80);flex:none;width:min(460px,82vw,115vh - 379.5px);margin:auto 0;z-index:3!important}.tv-body{background:linear-gradient(#ffffff24,#fff0 18%),linear-gradient(#6b6e76 0%,#55585f 45%,#44464c 100%);border-radius:22px/20px;padding:5% 5% 3.5%;position:relative;box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000059,inset 3px 0 #ffffff0f,inset -3px 0 #0003,0 2px #2c2e33}.tv-bezel{background:linear-gradient(#3a3c42,#4a4d54 60%,#3e4046);border-radius:16px;padding:4.2%;box-shadow:inset 0 4px 10px #0009,inset 0 -2px 2px #ffffff1f,0 1px #fff3}.tv .screen{aspect-ratio:16/10.5;background:#1d23d8;border-radius:14%/18%;position:relative;overflow:hidden;box-shadow:0 0 0 3px #22242a,0 0 28px #3c50ff8c,inset 0 0 30px #000028b3}.tv .screen .screen-video{object-fit:cover;background:#0d0e12;width:100%;height:100%;display:block}.tv .glass{pointer-events:none;border-radius:inherit;background:radial-gradient(120% 90% at 35% 0,#ffffff38,#fff0 45%),repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000148c 100%);position:absolute;inset:0;box-shadow:inset 0 0 24px #00001eb3,inset 0 0 0 1px #ffffff14}.tv-panel{border-top:1px solid #00000059;align-items:center;gap:3%;margin-top:4.5%;padding:3% 2%;display:flex;box-shadow:0 -1px #ffffff14}.tv-btn{aspect-ratio:2.4;background:linear-gradient(#2f3136,#26282c);border-radius:4px;flex:none;width:7%;position:relative;box-shadow:inset 0 1px #ffffff1f,0 1px #ffffff1a,inset 0 0 0 1px #1c1d21}.tv-btn:after{content:"";background:#888b92;border-radius:1px;height:16%;position:absolute;top:42%;left:40%;right:40%}.tv-btn.long{background:linear-gradient(#7a7d84,#5d6066);width:9%}.tv-btn.long:after{display:none}.tv-deck{background:linear-gradient(#2a2c31,#33363b);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:10%;height:26px;display:flex;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff1f}.tv-deck i{background:radial-gradient(circle at 40% 35%,#9a9da4,#45474d);border-radius:50%;width:7px;height:7px}.tv-knob{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffffff2e 0 4deg, #0000001f 4deg 8deg), radial-gradient(circle at 40% 35%, #d9dce2, #8d9097 60%, #5c5f66);border-radius:50%;flex:none;width:9%;box-shadow:0 2px 4px #00000080,inset 0 0 0 2px #00000040}.tv-knob.blue{background:repeating-conic-gradient(from 0deg, #fff3 0 4deg, #0000001f 4deg 8deg), radial-gradient(circle at 40% 35%, #8a9bff, #3340ff 55%, #1a22b8);box-shadow:0 0 14px #465aff99,0 2px 4px #00000080,inset 0 0 0 2px #0000284d}.tv-lower{align-items:center;gap:6%;padding:0 2% 1%;display:flex}.tv-knob.small{width:6.5%}.tv-grille{flex:1;gap:5px;display:grid}.tv-grille i{background:#2c2e33;border-radius:2px;height:3px;box-shadow:0 1px #ffffff1a}.hero{--mx:0;--my:0;--sp:0}.hero>.scene{inset:0;overflow:hidden;z-index:0!important;position:absolute!important}.hero>.scene-fore{pointer-events:none;z-index:4!important}.scene .layer{will-change:transform;position:absolute;inset:-8%}.scene .layer img{object-fit:cover;object-position:50% 62%;width:100%;height:100%}.scene .back{transform:translate3d(calc(var(--mx) * -10px), calc(var(--my) * -6px), 0) scale(calc(1.04 + var(--sp) * .12));animation:24s ease-in-out infinite alternate scene-breathe}.scene .front{transform-origin:50% 100%;transform:translate3d(calc(var(--mx) * -34px), calc(var(--my) * -14px + var(--sp) * 60px), 0) scale(calc(1.07 + var(--sp) * .3));-webkit-mask-image:linear-gradient(#0000 80%,#000 91%);mask-image:linear-gradient(#0000 80%,#000 91%)}.scene .petals{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene .shade{pointer-events:none;background:linear-gradient(#08264e8c 0%,#08264e40 30%,#08264e00 50%),radial-gradient(at 50% 30%,#08264e2e,#0000 60%);position:absolute;inset:0}.scene .fade{pointer-events:none;background:linear-gradient(#3f7aa000 0%,#3f7aa08c 55%,#3f7aa0 100%);height:12%;position:absolute;bottom:0;left:0;right:0}@keyframes scene-breathe{0%{scale:1}to{scale:1.035}}.tour{padding:0 var(--gutter);background:linear-gradient(#3f7aa0 0%,#4a85ad 50%,#5a90b6 100%)}@media (width>=761px){.tour .tall{flex-basis:clamp(170px,60vh - 198px,290px)}.tour>.tour-pin{flex-direction:column;justify-content:center;height:100vh;padding-top:84px;display:flex;position:sticky;top:0}.tour .head{margin-bottom:clamp(20px,4vh,48px)}.tour .reel{scroll-snap-type:none;will-change:transform;overflow:visible}}@media (width<=760px){.tour{padding:120px var(--gutter) 200px}}.reel{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:8px var(--gutter) 30px;gap:22px;display:flex;overflow-x:auto}.reel::-webkit-scrollbar{display:none}.tall{scroll-snap-align:start;background:#fff;border-radius:18px;flex:0 0 clamp(230px,22vw,300px);padding:6px;box-shadow:0 20px 40px #0000002e}.tall .img{aspect-ratio:9/14;background:#14151b;border-radius:13px;position:relative;overflow:hidden}.tall .img img{object-fit:cover;width:100%;height:100%}.tall .lbl{color:#000;letter-spacing:-.03em;padding:10px 6px 6px;font-size:14px;font-weight:600}.play{background:#000;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play:after{content:"";border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #fff;margin-left:4px}.screens{background:linear-gradient(180deg, var(--paper) 0%, #e6eef4 100%);color:#0f1a24;padding:200px var(--gutter)}.screens .head p{color:#4b5260}.wide-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (width<=760px){.wide-grid{grid-template-columns:1fr}}.wide{background:#fff;border-radius:22px;padding:8px 8px 14px;box-shadow:0 20px 40px #0000001f}.wide .img{aspect-ratio:16/10;background:#14151b;border-radius:16px;overflow:hidden}.wide .img img{object-fit:cover;object-position:top left;width:100%;height:100%}.wide .lbl{color:#000;letter-spacing:-.03em;padding:12px 8px 0;font-size:15px;font-weight:600}.wide .lbl span{color:#5b6470;margin-top:3px;font-size:14px;font-weight:500;display:block}.features{background:linear-gradient(#4f88b0 0%,#7aa6c4 100%);padding-top:220px;padding-bottom:160px}.glass-grid{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1240px;margin:0 auto;display:grid}@media (width<=1000px){.glass-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.glass-grid{grid-template-columns:1fr}}.gcard{will-change:transform;border:1px solid var(--glass-b);background:linear-gradient(160deg,#285a879e,#1e466e80);border-radius:22px;min-height:260px;padding:26px 24px 34px;box-shadow:inset 0 1px #fff6,0 20px 40px #0000001f}.gcard:first-child{transform:rotate(-4deg)}.gcard:nth-child(2){transform:rotate(-2deg)translateY(-12px)}.gcard:nth-child(3){transform:rotate(3deg)}.gcard:nth-child(4){transform:rotate(-3deg)translateY(-10px)}.gcard svg{stroke:#fff;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.gcard h3{font-family:var(--serif);letter-spacing:-.03em;margin:30px 0 10px;font-size:28px;font-weight:400}.gcard p{color:#fff;text-shadow:0 1px 8px #0f2d4b59;font-size:14px;line-height:1.5}.gcard h3{text-shadow:0 1px 12px #0f2d4b4d}.timeline{background:linear-gradient(180deg, #6b9cbf 0%, #8fb0c8 30%, #c3cdcc 60%, var(--dusk) 100%);padding-bottom:180px}.giant{will-change:transform;text-shadow:0 3px #46648c59,0 10px 40px #1e3c6459;font-family:var(--serif);text-align:center;letter-spacing:-.06em;font-size:clamp(64px,13vw,200px);font-weight:400;line-height:.9}.giant em{font-style:italic}.stack{grid-template-columns:repeat(2,1fr);gap:28px;max-width:900px;margin:-40px auto 0;display:grid}@media (width<=700px){.stack{grid-template-columns:1fr}}.step{color:#1d2330;background:#fff;border-radius:22px;padding:22px 22px 0;overflow:hidden;box-shadow:0 30px 50px #28324640}.step:nth-child(odd){transform:rotate(-5deg)}.step:nth-child(2n){transform:rotate(4deg)translateY(50px)}.step h4{letter-spacing:-.03em;color:#1c2580;font-size:20px;font-weight:700}.step p{color:#3a4150;margin-top:8px;font-size:15px;line-height:1.45}.step .art{height:170px;margin:18px -22px 0;position:relative;overflow:hidden}.step .art img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);transform:scale(1.04)}.step:hover .art img{transform:scale(1.1)}.art.a1 img{object-position:50% 55%}.art.a2 img{object-position:50% 80%}.art.a3 img{object-position:50% 35%}.art.a4 img{object-position:45% 60%}.contact{background:linear-gradient(180deg, var(--dusk), #6d9cbd 30%, #2d6c9a);padding-top:180px}.dl{color:#1d2330;background:#fff;border-radius:22px;grid-template-columns:280px 1fr;max-width:1000px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 60px #0003}@media (width<=760px){.dl{grid-template-columns:1fr}}.dl aside{border-right:1px solid #eceef2;padding:28px}.dl aside img{width:44px;height:44px}.dl .muted{color:#6b7280;margin-top:12px;font-size:14px}.dl aside h3{letter-spacing:-.02em;margin:14px 0 6px;font-size:22px}.dl aside li{color:#4b5260;margin:10px 0;font-size:14px;list-style:none}.dl .right{flex-direction:column;justify-content:center;gap:18px;padding:28px;display:flex}.dl .right h4{font-family:var(--serif);letter-spacing:-.03em;font-size:40px;font-weight:400;line-height:1}.dl .right .row{flex-wrap:wrap;gap:12px;display:flex}.chk{color:#3a4150;grid-template-columns:repeat(2,1fr);gap:8px 18px;font-size:14px;display:grid}.chk div:before{content:"✓ ";color:var(--accent);font-weight:700}.chk div.no:before{content:"✕ ";color:#d35}footer{padding:60px var(--gutter) 50px;background:#2d6c9a;position:relative;overflow:hidden}footer .ghost{letter-spacing:-.06em;color:#fff;opacity:.55;white-space:nowrap;pointer-events:none;z-index:1;font-size:clamp(110px,22vw,340px);font-weight:700;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.fcard{z-index:2;color:#0f1a24;background:#e8f0f6e6;border:1px solid #ffffff59;border-radius:22px;max-width:1120px;margin:0 auto;padding:40px 46px 28px;position:relative;box-shadow:0 20px 40px #0000001f}@media (width<=600px){.fcard{padding:28px 22px}}.fcard .top{flex-wrap:wrap;justify-content:space-between;gap:30px;display:flex}.fcard b{letter-spacing:-.02em;text-transform:uppercase;font-size:24px}.fcard .tag{margin-top:6px;font-size:17px;line-height:1.3}.fcard small{letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:26px;font-size:11px;display:block}.fcard .mail{margin-top:6px;font-weight:600}.fcard nav{text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:22px;font-size:14px;font-weight:600;display:flex}.fcard .bot{border-top:1px solid #0f1a2426;justify-content:space-between;align-items:center;margin-top:34px;padding-top:24px;font-size:14px;font-weight:600;display:flex}.fcard .bot svg{width:20px;height:20px}.monitor .screen{position:relative}.monitor .screen .screen-video{object-fit:cover;background:#0d0e12;width:100%;height:100%;display:block}.expand-btn{z-index:2;color:#fff;width:30px;height:30px;font:600 12px/1 var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.85;background:#0a0c12b8;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .25s,background .25s,transform .25s;display:inline-flex;position:absolute;bottom:8px;right:8px;transform:translateY(0)}.expand-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.monitor .screen:hover .expand-btn{opacity:1;background:#0a0c12e6;transform:translateY(-2px)}.expand-btn:focus-visible{outline-offset:2px;opacity:1;outline:3px solid #8be4ff}.expand-btn span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.monitor .screen{cursor:pointer}.vmodal{z-index:150;place-items:center;padding:72px 16px 32px;display:grid;position:fixed;inset:0}.vmodal[hidden]{display:none}.vbackdrop{-webkit-backdrop-filter:blur(28px)saturate(1.2);backdrop-filter:blur(28px)saturate(1.2);opacity:0;background:linear-gradient(#a0bed78c,#e1cdc38c);transition:opacity .4s;position:absolute;inset:0}.vframe{--ar:1.7778;aspect-ratio:var(--ar);width:min(1200px, 100%, calc((100vh - 120px) * var(--ar)));opacity:0;background:#0b0c10;border-radius:28px;transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;transform:translateY(30px)scale(.94);box-shadow:0 40px 100px #0a192d73}.vframe video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.vmissing{text-align:center;color:#fff;background:#080a10d1;place-content:center;gap:8px;font-size:15px;display:grid;position:absolute;inset:0}.vmissing[hidden]{display:none}.vmissing b{font-family:var(--serif);font-size:34px;font-weight:400}.vmissing code{background:#ffffff1f;border-radius:4px;padding:2px 6px}.vclose{z-index:2;opacity:0;background:#fff;border:0;border-radius:12px;place-items:center;width:54px;height:54px;transition:opacity .4s .1s;display:grid;position:absolute;top:14px;left:50%;transform:translate(calc(min(600px,50vw - 16px) - 100%));box-shadow:0 8px 24px #00000026}.vclose svg{fill:none;stroke:#3b82f6;stroke-width:1.8px;stroke-linecap:round;width:34px;height:34px}.vclose:focus-visible{outline-offset:3px;outline:3px solid #3b82f6}.vmodal.open .vbackdrop,.vmodal.open .vclose{opacity:1}.vmodal.open .vframe{opacity:1;transform:none}html.v-lock{overflow:hidden}.vframe{width:min(760px, 100%, calc((100vh - 160px) * var(--ar)));border-radius:20px}.vclose{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c12b3;border-radius:50%;width:36px;height:36px;top:10px;left:auto;right:10px;transform:none}.vclose svg{stroke:#fff;stroke-width:2.2px;width:18px;height:18px}.vclose:hover{background:#0a0c12e6}.vclose:hover svg{stroke:#fff}
