html:has(#hero-b[data-in-view=true]){scrollbar-width:none}body:has(#hero-b[data-in-view=true]) [data-testid=contact-dock]{display:none}body:has(#hero-b) .site-main-shell{padding-top:0}#hero-b{--ground:#090a0f;--ink:#f2eee7;--soft:#cbc8c5;--dim:#b0b1b5;--action:#f4ecdf;position:relative;isolation:isolate;overflow:clip;background:var(--ground);color:var(--ink);font-family:var(--font-inter),sans-serif}#hero-b .product h2,#hero-b h1{font-family:var(--font-instrument-serif),serif}#hero-b .hero,#hero-b .products{position:relative;z-index:3}#hero-b *{box-sizing:border-box}#hero-b a{color:inherit}#hero-b button,#hero-b input{font:inherit}#hero-b a:focus-visible,#hero-b button:focus-visible,#hero-b input:focus-visible{outline:2px solid #f4ecdf;outline-offset:5px}#hero-b .atelier{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 39% 5%,#76553846,transparent 52%),radial-gradient(ellipse at 79% 55%,#16293644,transparent 60%)}#hero-b .atelier canvas{display:block;width:100%;height:100%}#hero-b .grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}#hero-b .hero{height:100svh;min-height:820px;position:relative;perspective:1400px;transform-style:preserve-3d;pointer-events:none}#hero-b .hero>*{pointer-events:auto}#hero-b .claim{position:absolute;left:6%;top:clamp(116px,12.5svh,148px);width:57%;transform-origin:left center;perspective:1200px}#hero-b .claim,#hero-b h1{transform-style:preserve-3d}#hero-b h1{font-family:var(--font-instrument-serif),serif;font-size:clamp(54px,4.6vw,88px);font-weight:400;line-height:.96;letter-spacing:-.016em;margin:0;text-shadow:0 18px 44px rgba(0,0,0,.65),0 0 60px #cfb59624}#hero-b h1 span{display:block}#hero-b h1 .hero-accent-line{color:#f6e3c4;text-shadow:0 18px 44px rgba(0,0,0,.72),0 0 38px rgba(223,171,98,.34)}#hero-b .phone-break{display:none}#hero-b .lead{max-width:760px;font-size:clamp(17px,1.18vw,22px);line-height:1.42;color:#f3eee6;font-weight:500;margin:0}#hero-b .act{position:relative;display:inline-flex;align-items:center;gap:18px;border-radius:999px;min-height:56px;padding:0 26px 0 30px;color:#141311;background:linear-gradient(135deg,#fbf5ea,#eedbbd 52%,#dfb980);border:1px solid rgba(255,250,240,.78);font-size:17px;font-weight:600;letter-spacing:-.01em;text-decoration:none;box-shadow:0 16px 36px rgba(0,0,0,.52),0 0 28px rgba(223,185,128,.26),inset 0 1px 0 rgba(255,255,255,.92);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,background .2s ease}#hero-b .act:hover{background:linear-gradient(135deg,#fffcf6,#f5e6cc 50%,#e8c690);transform:translate3d(0,-3px,16px);box-shadow:0 22px 44px rgba(0,0,0,.62),0 0 36px rgba(223,185,128,.42),inset 0 1px 0 #fff}#hero-b .act svg{width:20px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}#hero-b .motion:hover{color:white}#hero-b .products{position:relative;min-height:100svh;padding:130px 5.5% 100px;perspective:1800px}#hero-b .plaques{display:grid;grid-template-columns:1fr 1fr;gap:4.5vw;align-items:start;max-width:1530px;margin:auto}#hero-b .product:nth-child(2){padding-top:200px}#hero-b .product h2{font-family:var(--font-instrument-serif),serif;font-size:clamp(36px,3.1vw,60px);font-weight:400;line-height:1.1;margin:0 0 24px}#hero-b .product p{color:var(--soft);font-size:18px;line-height:1.6;max-width:620px;margin:26px 0 0}#hero-b .product p small{display:block;font-size:14px;color:var(--dim);margin-top:10px}#hero-b .product a{display:inline-block;text-decoration:none;margin-top:18px;font-size:15px;min-height:44px;line-height:44px}#hero-b .frame{position:relative;padding:12px;border:1px solid #d7d8df80;border-radius:13px;background:linear-gradient(135deg,#ffe2af8a,#d5d8d918 28%,#b3dbe455 95%);backdrop-filter:blur(16px);box-shadow:0 32px 50px #000b,inset 0 0 0 3px #ffffff0a,0 0 24px #f2e4bc30;transform-style:preserve-3d;transform:rotateY(7deg) rotate(-1.5deg);transform-origin:center;will-change:transform}#hero-b .product:nth-child(2) .frame{transform:rotateY(-7deg) rotate(1.5deg)}#hero-b .frame:before{inset:0;border-radius:inherit;border:1px solid #ffffffa3;-webkit-mask:linear-gradient(130deg,#000,transparent 30%,transparent 67%,#000);mask:linear-gradient(130deg,#000,transparent 30%,transparent 67%,#000);box-shadow:inset 0 0 14px #fff8}#hero-b .frame:after,#hero-b .frame:before{content:"";position:absolute;pointer-events:none}#hero-b .frame:after{inset:13px;border-radius:3px;background:linear-gradient(128deg,#ffffff0c,transparent 26%,transparent 80%,#d1eaf507)}#hero-b .frame img{display:block;width:100%;height:auto;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;border-radius:3px;background:#101820}@media(min-width:701px){#hero-b .products:before{content:"";position:absolute;inset:45% 0 0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 30% 55%,#c3965526,transparent 55%),radial-gradient(ellipse at 75% 70%,#779aaf15,transparent 50%)}}@media(max-width:1500px){#hero-b .hero{min-height:760px}#hero-b .claim{top:clamp(108px,12svh,136px);left:5.5%;width:58%}#hero-b .lead{max-width:640px}#hero-b .products{padding-top:125px}}@media(max-width:1200px){#hero-b .product p{font-size:16px}}@media(min-width:701px){#hero-b h1{font-size:clamp(56px,4.7vw,90px);line-height:.94}#hero-b .lead{font-size:clamp(17px,1.22vw,22px);max-width:min(52vw,820px)}#hero-b .act{font-size:17px;min-height:56px;padding:0 24px 0 28px;gap:18px}}@media(max-width:700px){#hero-b .hero{min-height:844px;height:100svh}#hero-b .claim{left:28px;right:28px;top:auto;bottom:calc(max(0px, 844px - 100svh) + 108px + env(safe-area-inset-bottom));width:auto}#hero-b .desktop-break{display:none}#hero-b h1{font-size:42px;line-height:1.02;letter-spacing:-.012em}#hero-b h1>span{display:contents}#hero-b .phone-break,#hero-b h1>span:first-child{display:block}#hero-b .lead{font-size:16px;line-height:1.5;margin:23px 0 22px;max-width:320px}#hero-b .act{min-height:48px;font-size:15px;padding:0 22px;gap:24px}#hero-b .products{padding:100px 24px 140px;min-height:150svh}#hero-b .plaques{display:block}#hero-b .product:nth-child(2){padding-top:95px}#hero-b .product h2{font-size:39px;margin-bottom:22px}#hero-b .product p{font-size:16px;margin-top:24px}#hero-b .frame{padding:8px;transform:rotateY(4deg) rotate(-1deg)}#hero-b .product:nth-child(2) .frame{transform:rotateY(-4deg) rotate(1deg)}#hero-b .frame img{aspect-ratio:auto}}@media(prefers-reduced-motion:reduce){#hero-b *{scroll-behavior:auto!important}#hero-b .frame{will-change:auto}}#hero-b .fallback{display:none;position:absolute;top:4.94svh;left:calc(75% - 106.17svh);width:150.62svh;z-index:1;pointer-events:none}#hero-b .fallback img{display:block;width:100%;height:auto}#hero-b[data-renderer=fallback] .fallback{display:block}#hero-b[data-renderer=webgl] .fallback{display:none}#hero-b .motion{position:absolute;z-index:8;right:26px;bottom:20px;color:#bfc1c8;background:rgba(15,17,23,.68);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 16px;backdrop-filter:blur(12px);min-height:44px;font-size:14px;cursor:pointer}#hero-b[data-renderer=fallback] .motion{display:none}#hero-b .act{translate:none;scale:none}#hero-b .act:focus-visible,#hero-b .product a:focus-visible{--interaction-focus-ring:2px solid var(--ink);--interaction-focus-offset:5px}@media(max-width:900px){#hero-b .motion{top:calc(16px + env(safe-area-inset-top));right:16px;bottom:auto}}@media(max-width:700px){#hero-b .fallback{top:2.37svh;left:calc(50% - 23.1svh);width:46.21svh}}@media(prefers-reduced-motion:reduce){#hero-b .act{transition:none}#hero-b .motion{display:none}}@keyframes heroSpatialFloatA{0%,to{transform:translateZ(18px) rotateX(.4deg) rotateY(-.6deg)}50%{transform:translate3d(0,-6px,28px) rotateX(-.6deg) rotateY(.8deg)}}@keyframes heroSpatialFloatB{0%,to{transform:translateZ(24px) rotateX(-.3deg) rotateY(.5deg)}50%{transform:translate3d(0,-8px,36px) rotateX(.7deg) rotateY(-.7deg)}}#hero-b [data-float-layer]{transform-style:preserve-3d;will-change:transform;transition:transform .18s cubic-bezier(.22,1,.36,1)}#hero-b [data-float-layer=headline]{animation:heroSpatialFloatB 7.2s ease-in-out -1.4s infinite}#hero-b [data-float-layer=tagline]{animation:heroSpatialFloatA 6.8s ease-in-out -2.6s infinite}#hero-b [data-float-layer=actions]{animation:heroSpatialFloatB 5.9s ease-in-out -.9s infinite}#hero-b [data-float-layer=telemetry]{animation:heroSpatialFloatA 7.5s ease-in-out -3.2s infinite}#hero-b .hero-tagline-card{position:relative;margin:clamp(16px,2svh,24px) 0 clamp(18px,2.2svh,26px);padding:clamp(14px,1.6svh,20px) clamp(18px,1.6vw,24px);max-width:min(53vw,800px);border-radius:16px;border:1px solid rgba(255,244,224,.16);border-left:3px solid #dfab62;background:linear-gradient(145deg,rgba(28,27,31,.72),rgba(13,15,21,.82));backdrop-filter:blur(20px) saturate(135%);box-shadow:0 22px 48px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.1)}#hero-b .founder-voice-note{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);color:#c9c3b8;font-size:clamp(14px,.96vw,16px);line-height:1.5}#hero-b .act-cluster{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:clamp(16px,2svh,24px)}#hero-b .act-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(20,19,17,.12)}#hero-b .act-text-link{display:inline-flex;align-items:center;min-height:44px;color:#e9dcc6;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:rgba(223,171,98,.55);text-underline-offset:5px;transition:color .2s ease,text-decoration-color .2s ease}#hero-b .act-text-link:hover{color:#f6efe4;text-decoration-color:#dfab62}#hero-b .hero-float-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:min(54vw,810px)}#hero-b .hero-float-badge{display:grid;gap:4px;padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(30,31,38,.66),rgba(12,14,19,.78));backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,border-color .22s ease}#hero-b .hero-float-badge:hover{transform:translate3d(0,-4px,14px);border-color:rgba(223,171,98,.48)}#hero-b .hero-badge-kicker{color:#dfab62;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}#hero-b .hero-badge-val{color:#f2eee7;font-size:13.5px;font-weight:600;line-height:1.3}#hero-b .product-head{display:grid;gap:8px}#hero-b .product-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:4px 11px;border-radius:999px;border:1px solid rgba(223,171,98,.35);background:rgba(223,171,98,.1);color:#ebd0a8;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}#hero-b .product-cta{display:inline-flex!important;align-items:center;gap:8px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,244,224,.22);background:rgba(255,255,255,.05);transition:transform .2s ease,border-color .2s ease,background .2s ease}#hero-b .product-cta:hover{transform:translateY(-2px);border-color:#dfab62;background:rgba(223,171,98,.14)}@media(max-width:700px){#hero-b .founder-voice-note,#hero-b .hero-float-badges{display:none}#hero-b .hero-tagline-card{margin:12px 0;padding:10px;max-width:100%}#hero-b .hero-tagline-card .lead{margin:0;font-size:15px}#hero-b .act-cluster{margin-bottom:0;gap:2px}#hero-b .act-text-link{font-size:14px}}@media(max-width:700px) and (max-height:839.98px){#hero-b .hero{min-height:0}#hero-b .claim{bottom:calc(108px + env(safe-area-inset-bottom))}#hero-b .fallback{--mark:min(32.74svh,100svh - 543.36px);top:calc(100svh - 527.36px - 1.057626 * var(--mark));left:calc(50% - min(50%, 3.054368 * var(--mark)));width:min(100%,6.108736 * var(--mark));height:calc(1.859178 * var(--mark))}#hero-b .fallback picture{display:block;height:100%}#hero-b .fallback img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}#hero-b .motion{width:44px;padding:0;font-size:0}#hero-b .motion:before{content:"";display:block;margin:auto;box-sizing:border-box;width:10px;height:12px;border-left:3px solid;border-right:3px solid}#hero-b .motion[aria-pressed=true]:before{width:0;height:0;margin:auto auto auto 17px;border-color:transparent transparent transparent currentcolor;border-style:solid;border-width:6px 0 6px 10px}}@media(max-width:700px) and (max-height:699.98px){#hero-b h1{font-size:36px}#hero-b .fallback{--mark:min(32.74svh,100svh - 518.88px);top:calc(100svh - 502.88px - 1.057626 * var(--mark))}}@media(max-width:700px) and (max-height:636.98px){#hero-b .hero{min-height:calc(100svh + 65px)}#hero-b .claim{top:calc(100svh - 108px - env(safe-area-inset-bottom) - 330.88px);bottom:auto}#hero-b .act-cluster{gap:calc(129px + env(safe-area-inset-bottom))}#hero-b .fallback{--mark:calc(100svh - 472.88px);top:calc(100svh - 456.88px - 1.057626 * var(--mark))}}@media(max-width:700px) and (max-height:567.98px){#hero-b .hero{min-height:calc(100svh + 240px)}#hero-b .claim{top:calc(100svh - 108px - env(safe-area-inset-bottom) - 146.88px)}#hero-b .hero-tagline-card{margin-top:calc(129px + env(safe-area-inset-bottom))}#hero-b .act-cluster{gap:2px}#hero-b .fallback{--mark:max(24px,min(32.74svh,100svh - 288.88px));top:calc(100svh - 272.88px - 1.057626 * var(--mark))}}@media(prefers-reduced-motion:reduce){#hero-b .caustic-ribbon,#hero-b [data-float-layer]{animation:none!important;transition:none!important}}@keyframes causticSweep{0%,to{transform:translate3d(-2%,-1%,0) rotate(-6deg) scale(1);opacity:.78}50%{transform:translate3d(3%,2%,0) rotate(-3deg) scale(1.06);opacity:1}}#hero-b .hero-caustic-field{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;opacity:calc(1 - min(1, var(--scroll-progress, 0) * 1.25))}#hero-b .caustic-ribbon{position:absolute;display:block;border-radius:999px;filter:blur(46px);will-change:transform,opacity;animation:causticSweep 9s ease-in-out infinite}#hero-b .caustic-ribbon-warm{left:calc(var(--caustic-x, 38%) - 26%);top:calc(var(--caustic-y, 42%) - 18%);width:min(56vw,760px);height:210px;background:radial-gradient(ellipse at center,rgba(223,171,98,.24) 0,rgba(246,227,196,.08) 52%,transparent 76%)}#hero-b .caustic-ribbon-amber{left:calc(var(--caustic-x, 42%) - 14%);top:calc(var(--caustic-y, 46%) + 4%);width:min(48vw,640px);height:170px;background:radial-gradient(ellipse at center,rgba(212,148,58,.19) 0,rgba(255,226,175,.06) 56%,transparent 78%);animation-delay:-3.2s}#hero-b .caustic-ribbon-cool{left:calc(var(--caustic-x, 45%) + 4%);top:calc(var(--caustic-y, 40%) - 8%);width:min(44vw,590px);height:185px;background:radial-gradient(ellipse at center,rgba(137,212,245,.14) 0,rgba(164,203,234,.05) 54%,transparent 76%);animation-delay:-5.8s}#hero-b .hero-horizon-beam{position:absolute;left:4%;right:4%;bottom:0;height:3px;pointer-events:none;z-index:4;background:linear-gradient(90deg,transparent,rgba(223,171,98,.45) 22%,rgba(251,245,234,.92) 50%,rgba(137,212,245,.45) 78%,transparent);box-shadow:0 -6px 28px rgba(223,171,98,.42),0 0 48px rgba(223,171,98,.28);transform:scaleX(calc(.72 + var(--scroll-progress, 0) * .28));transition:transform .16s ease-out}#hero-b .act-primary-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}#hero-b .hero-node-ring{z-index:6}#hero-b .hero-node-points,#hero-b .hero-node-ring{position:absolute;inset:0;pointer-events:none}#hero-b .hero-beacon-node{position:absolute;left:var(--beacon-x,74%);top:var(--beacon-y,32%);transform:translate(-50%,-50%);width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:50%;border:1px solid rgba(248,244,236,.52);background:radial-gradient(circle,rgba(251,245,234,.92) 0,rgba(223,171,98,.35) 55%,rgba(12,14,20,.2) 100%);box-shadow:0 0 14px rgba(223,171,98,.55);color:#12110f;font-size:10px;font-weight:800;display:inline-grid;place-items:center;pointer-events:auto;cursor:pointer;opacity:.78;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease,border-color .18s ease}#hero-b .hero-beacon-node:focus-visible,#hero-b .hero-beacon-node:hover,#hero-b .hero-beacon-node[data-active=true]{opacity:1;transform:translate(-50%,-50%) scale(1.26);border-color:#fffdf8;box-shadow:0 0 22px rgba(223,171,98,.95),0 0 36px rgba(139,226,255,.55);z-index:9}#hero-b .hero-beacon-num{pointer-events:none;line-height:1}#hero-b .hero-node-tooltip{position:absolute;right:4.5%;bottom:72px;width:min(350px,34vw);padding:13px 16px;border-radius:14px;border:1px solid rgba(223,185,128,.44);background:linear-gradient(150deg,rgba(26,25,30,.84),rgba(12,14,20,.92));backdrop-filter:blur(20px) saturate(140%);box-shadow:0 22px 48px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14);pointer-events:auto;display:grid;gap:6px}#hero-b .hero-tooltip-head{display:flex;align-items:center;justify-content:space-between;gap:8px}#hero-b .hero-tooltip-badge{color:#f3d29c;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#hero-b .hero-tooltip-studio{color:#bfb8ac;font-size:12px;font-weight:500}#hero-b .hero-tooltip-artifact{margin:0;color:#f4efe6;font-size:13.5px;line-height:1.38}#hero-b .hero-tooltip-jump{display:inline-flex;align-items:center;justify-content:flex-start;min-height:36px;padding:4px 10px;border-radius:8px;border:1px solid rgba(223,171,98,.38);background:rgba(223,171,98,.14);color:#f6e3c4;font-size:12.5px;font-weight:600;cursor:pointer;width:-moz-fit-content;width:fit-content}#hero-b .hero-tooltip-jump:hover{background:rgba(223,171,98,.28);border-color:#dfab62}@media (min-width:1720px){#hero-b .hero-tagline-card{margin:22px 0 24px;padding:18px 24px}#hero-b .act-cluster{gap:14px}}@media (max-width:1500px) and (min-width:1320px){#hero-b .hero-tagline-card{margin:14px 0 16px;padding:14px 18px}#hero-b .hero-node-tooltip{bottom:66px;width:min(320px,32vw)}}@media (max-width:1319px) and (min-width:701px){#hero-b .hero-tagline-card{margin:12px 0 14px;padding:12px 16px}#hero-b .founder-voice-note{font-size:13.5px}#hero-b .hero-node-tooltip{right:3%;bottom:64px;width:290px}}@media (max-width:700px){#hero-b .hero-node-points,#hero-b .hero-node-tooltip{display:none}#hero-b .act-primary-row{gap:8px}}@media (max-width:460px) and (min-width:425px){#hero-b .hero-tagline-card .lead{font-size:15px;line-height:1.44}}@media (max-width:424px) and (min-width:396px){#hero-b .hero-tagline-card .lead{font-size:15px;line-height:1.42}}