@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Mono;src:url(/fonts/dm-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond Fallback;src:local("Georgia");size-adjust:87%;line-gap-override:0%}:root{--paper: #f7f2e8;--paper-deep: #efe7d6;--ink: #221e15;--ink-soft: #635b4b;--stage: #171310;--ivory-soft: rgba(247, 242, 232, .72);--rule: rgba(34, 30, 21, .18);--rule-faint: rgba(34, 30, 21, .1);--rule-grid: rgba(34, 30, 21, .04);--rule-ivory: rgba(247, 242, 232, .16);--gold-ink: #7c5b0e;--gold: #a9841c;--gold-bright: #c9a12e;--navi: #0e5c3a;--navi-ink: #74e39c;--attention-ink: #d29a1e;--gold-hi: #d8b24a;--gold-deep: #8a6a14;--serif: "Cormorant Garamond", "Cormorant Garamond Fallback", Georgia, serif;--sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--ease-out: cubic-bezier(.32, 0, .15, 1);--spring: linear( 0, .064, .202, .363, .517, .649, .756, .837, .897, .938, .966, .984, .995, 1.001, 1.004, 1.005, 1.005, 1.004, 1.004, 1.003, 1.002, 1.001, 1.001, 1.001, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1 );--index-pad-x: clamp(1.1rem, 2.5vw, 2rem);--rail: clamp(1.8rem, 3.5vw, 3rem);--stage-overhang: clamp(.5rem, 1.5vw, 1rem);--strand-w-1: 3.1;--strand-alpha-1: .56;--strand-dur-1: 1.6s;--strand-delay-1: 0s;--strand-w-2: 1.9;--strand-alpha-2: .38;--strand-dur-2: 1.5s;--strand-delay-2: .25s;--strand-w-3: 1.3;--strand-alpha-3: .27;--strand-dur-3: 1.4s;--strand-delay-3: .45s;--strand-ease: cubic-bezier(.45, 0, .2, 1);--clear-w: 2.6;--clear-dur: .7s;--clear-delay: 1.5s;--clear-ease: cubic-bezier(.3, 0, .4, 1);--terminal-dur: .6s;--terminal-delay: 1.9s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit}::selection{background:#a9841c47}:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px;border-radius:1px}.mono{font-family:var(--mono)}.skip{position:absolute;left:1rem;top:-3rem;z-index:20;background:var(--ink);color:var(--paper);padding:.5rem .9rem;font-size:.85rem;text-decoration:none;transition:top .2s}.skip:focus-visible{top:1rem}.page{max-width:1080px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.site-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.5rem 0 1.2rem;border-bottom:1px solid var(--rule)}.wordmark{font-size:.85rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;text-decoration:none}.site-head nav{display:flex;gap:clamp(1rem,2.5vw,2rem)}.nav-link{font-size:.9rem;font-weight:500;color:var(--ink-soft);border-bottom:1px solid transparent;padding-bottom:2px;transition:color .3s,border-color .3s}.nav-link:hover{color:var(--ink);border-color:var(--gold)}.main{position:relative}.hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(300px,5fr);gap:clamp(2rem,4.5vw,3.75rem);align-items:center;padding:clamp(2.75rem,6vh,5rem) 0 clamp(2.5rem,5vh,4rem)}.kicker{font-size:.75rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:1.4rem}.headline{font-family:var(--serif);font-weight:600;font-size:clamp(2.7rem,5.5vw,4.1rem);line-height:1.04;letter-spacing:-.01em;text-wrap:balance}.headline em{font-style:italic;font-weight:500}.supporting{margin-top:1.5rem;max-width:42ch;color:var(--ink-soft);font-size:1.0625rem}.cta{display:inline-flex;align-items:center;gap:.65rem;margin-top:2.2rem;padding:.4rem 0 .55rem;font-weight:500;border-bottom:1px solid var(--gold);transition:color .3s}.cta:hover{color:var(--gold-ink)}.cta-mark{font-family:var(--mono);color:var(--gold-ink);transition:transform .35s var(--ease-out)}.cta:hover .cta-mark{transform:translateY(3px)}.hero-plate{position:relative;align-self:center;width:100%;aspect-ratio:520 / 440;background:var(--stage);overflow:hidden;margin-right:calc(-1*clamp(1.25rem,4vw,3rem));animation:plate-in 1.1s var(--ease-out) both}@keyframes plate-in{0%{opacity:0}}.plate-figure{position:absolute;left:-8%;top:50%;transform:translateY(-50%);width:112%}.plate-frame{position:absolute;inset:13px;border:1px solid var(--rule-ivory);pointer-events:none}.tangle{display:block;width:100%;height:auto}.tangle path,.plate path{stroke-linecap:round;fill:none}.strand{stroke:var(--paper);stroke-dasharray:1;--w: var(--strand-w-1);--alpha: var(--strand-alpha-1);--dur: var(--strand-dur-1);--delay: var(--strand-delay-1);--ease: var(--strand-ease);stroke-width:var(--w);opacity:calc(var(--alpha) * var(--figure-fade, 1))}.strand-2{--w: var(--strand-w-2);--alpha: var(--strand-alpha-2);--dur: var(--strand-dur-2);--delay: var(--strand-delay-2)}.strand-3{--w: var(--strand-w-3);--alpha: var(--strand-alpha-3);--dur: var(--strand-dur-3);--delay: var(--strand-delay-3)}.clear-line{stroke:var(--gold-bright);stroke-dasharray:1;stroke-width:var(--clear-w);opacity:var(--figure-fade, 1);--dur: var(--clear-dur);--delay: var(--clear-delay);--ease: var(--clear-ease)}.tangle .strand,.tangle .clear-line{stroke-dashoffset:0;animation:draw var(--dur) var(--ease) var(--delay) both}.plate .strand,.plate .clear-line{stroke-dashoffset:1;transition:stroke-dashoffset var(--dur) var(--ease) var(--delay)}.entry[data-state=open] .plate .strand,.entry[data-state=open] .plate .clear-line{stroke-dashoffset:0}.figure-bindu{transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform var(--terminal-dur) var(--ease-out) var(--terminal-delay)}.entry[data-state=open] .figure-bindu{transform:scale(1)}.figure-bindu-halo{fill:none;stroke:var(--gold);stroke-width:1;opacity:calc(.55 * var(--figure-fade, 1))}.figure-bindu-core{opacity:var(--figure-fade, 1)}.bindu-stop-hi{stop-color:var(--gold-hi)}.bindu-stop-mid{stop-color:var(--gold)}.bindu-stop-deep{stop-color:var(--gold-deep)}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.tangle-glint{stroke:#e3c05a;stroke-width:3;opacity:0;stroke-dasharray:.16 1;stroke-dashoffset:1.16;animation:glint 14s linear 3s infinite}@keyframes glint{0%{stroke-dashoffset:1.16;opacity:0}1.5%{opacity:.9}12%{opacity:.75}14%,to{stroke-dashoffset:-.16;opacity:0}}.bindu-home{position:absolute;left:87.5%;top:50%;width:0;height:0;animation:bindu-in var(--terminal-dur) var(--terminal-delay) var(--ease-out) both}@keyframes bindu-in{0%{transform:scale(0);opacity:0}}.bindu{position:absolute;left:0;top:0;width:0;height:0;z-index:6;pointer-events:none;transition:transform .9s var(--spring)}.bindu-core{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 38% 34%,var(--gold-hi),var(--gold) 55%,var(--gold-deep));animation:breathe 5.6s ease-in-out infinite}.bindu-halo{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);opacity:.55;animation:halo-breathe 5.6s ease-in-out infinite;transition:transform .6s var(--ease-out),opacity .6s}.bindu-glow{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#d8b24a66,#d8b24a00 68%);opacity:.55;animation:glow-receive 14s ease-in-out 3s infinite}@keyframes breathe{50%{transform:scale(1.12)}}@keyframes halo-breathe{50%{transform:scale(1.16);opacity:.8}}@keyframes glow-receive{0%,10%{opacity:.55;transform:scale(1)}15%{opacity:.95;transform:scale(1.3)}26%,to{opacity:.55;transform:scale(1)}}.bindu[data-state=attentive] .bindu-core,.bindu[data-state=attentive] .bindu-halo{animation-play-state:paused}.bindu[data-state=attentive] .bindu-halo{transform:scale(.72);opacity:.85}.bindu-trail{position:absolute;height:1px;background:var(--gold);transform-origin:left center;transform:scaleX(0);pointer-events:none;z-index:5}.index{padding-bottom:clamp(3rem,7vh,5rem)}.entries{position:relative;margin-inline:calc(-1*clamp(.75rem,2vw,1.5rem));background:var(--paper-deep) repeating-linear-gradient(to right,transparent 0 217px,var(--rule-grid) 217px 218px);border:1px solid var(--rule)}.entries:before{content:"";position:absolute;left:var(--index-pad-x);top:0;bottom:0;width:1px;background:var(--rule-faint)}.entry{position:relative;overflow:hidden;border-top:1px solid var(--rule);padding-left:calc(var(--index-pad-x) + var(--rail));padding-right:var(--index-pad-x);transition:background-color .5s,color .5s,margin .65s var(--ease-out),padding .65s var(--ease-out)}.entry:first-child{border-top:0}.entry:not([data-state=open]):has(.entry-button:hover),.entry:not([data-state=open]):has(.entry-button:focus-visible){background-color:#221e150d}.entry-head{font-weight:inherit}.entry-button{position:relative;display:grid;grid-template-columns:3.4rem auto minmax(0,1fr) 2rem;align-items:baseline;column-gap:1.25rem;width:100%;text-align:left;padding:1.45rem 0;transition:padding .65s var(--ease-out)}.dock{position:absolute;left:calc(-1 * var(--rail));top:50%;width:0;height:0}.num{font-size:.8rem;color:var(--ink-soft);transition:color .4s}.entry-title{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.1;transition:font-size .65s var(--ease-out),opacity .5s,transform .45s var(--ease-out)}.preview{font-size:.92rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s,color .4s,transform .4s var(--ease-out)}.ind{font-size:1rem;color:var(--ink-soft);justify-self:end;transition:color .4s}.entry:not([data-state=open]) .entry-button:hover .preview,.entry:not([data-state=open]) .entry-button:focus-visible .preview{color:var(--ink);transform:translate(4px)}.entry[data-state=open] .preview,.entry[data-state=dim] .preview{opacity:0}.entry-button:hover .num,.entry-button:focus-visible .num,.entry-button:hover .ind,.entry-button:focus-visible .ind{color:var(--gold-ink)}.entry-button:hover .entry-title{transform:translate(4px)}.entry[data-state=open]{background-color:var(--stage);color:var(--paper);margin-inline:calc(-1 * var(--stage-overhang));padding-left:calc(var(--index-pad-x) + var(--rail) + var(--stage-overhang));padding-right:calc(var(--index-pad-x) + var(--stage-overhang))}.entry[data-state=open] .entry-button{padding:2.1rem 0 1rem}.entry[data-state=open] .entry-title{font-size:clamp(2rem,3.6vw,2.9rem)}.entry[data-state=open] .num,.entry[data-state=open] .ind{color:var(--gold-bright)}.entry[data-state=open] :focus-visible{outline-color:var(--gold-bright)}.entry[data-state=dim] .entry-button{padding:.95rem 0}.entry[data-state=dim] .entry-title{font-size:1.25rem;opacity:.55}.entry[data-state=dim] .num{opacity:.6}.plate{position:absolute;top:-36px;right:-12px;width:clamp(270px,42%,440px);height:auto;opacity:0;pointer-events:none;transition:opacity .8s}.entry[data-state=open] .plate{opacity:1}.panel-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .75s var(--ease-out)}.entry[data-state=open] .panel-wrap{grid-template-rows:1fr}.panel{overflow:hidden;min-height:0}.panel-inner{position:relative;z-index:1;padding:.4rem 0 2.4rem;max-width:60ch}.panel-inner>*{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.entry[data-state=open] .panel-inner>*:nth-child(2){transition-delay:.18s}.entry[data-state=open] .panel-inner>*:nth-child(3){transition-delay:.3s}.entry[data-state=open] .panel-inner>*{opacity:1;transform:none}.panel-seat{display:flex;align-items:center;gap:.9rem;height:14px;margin:.1rem 0 1.15rem}.seat{width:0;height:0;margin-left:10px}.seat-rule{flex:1;height:1px;background:var(--gold-bright);opacity:.6;transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease-out) 1.25s}.entry[data-state=open] .seat-rule{transform:scaleX(1)}.lede{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.4vw,1.95rem);line-height:1.32;max-width:34ch}.navi{margin-top:1.9rem;padding:1.5rem 1.6rem;border:1px solid rgba(116,227,156,.32);border-left:3px solid var(--navi-ink);background:radial-gradient(120% 90% at 8% 0%,#74e39c1a,#74e39c00 60%),linear-gradient(150deg,#74e39c12,#0e5c3a29)}.navi-kicker{font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-soft)}.navi-name{font-family:var(--serif);font-weight:600;font-size:2.1rem;line-height:1.1;color:var(--navi-ink);margin-top:.35rem}.navi-line{margin-top:.7rem;max-width:52ch}.navi-status{margin-top:1.1rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-soft)}.demo{position:relative;height:196px;margin-top:1.35rem;overflow:hidden}.ob{position:absolute;right:4px;font-size:.78rem;letter-spacing:.02em;color:var(--ivory-soft);opacity:.65;white-space:nowrap;animation:ob-cycle 20s ease-in-out infinite}.ob-1{top:58px;--sx: -190px;--sy: -18px;--sr: -3deg;animation-delay:.2s}.ob-2{top:86px;--sx: -70px;--sy: -14px;--sr: 2deg;animation-delay:.55s}.ob-3{top:114px;--sx: -210px;--sy: 10px;--sr: -2deg;animation-delay:.9s}.ob-4{top:142px;--sx: -120px;--sy: 22px;--sr: 4deg;animation-delay:.4s}.ob-5{top:170px;--sx: -34px;--sy: -12px;--sr: -4deg;animation-delay:.75s}@keyframes ob-cycle{0%{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:.85}12%{transform:translate(calc(var(--sx) + 6px),calc(var(--sy) + 5px)) rotate(var(--sr))}24%{transform:translate(calc(var(--sx) - 5px),calc(var(--sy) - 4px)) rotate(var(--sr));opacity:.85}34%{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:.85}39%{opacity:.35}44%,90%{transform:none;opacity:.65}to{transform:translate(var(--sx),var(--sy)) rotate(var(--sr));opacity:.85}}.ob-mot{left:34%;top:84px;right:auto;opacity:0;animation-name:ob-mot-cycle}@keyframes ob-mot-cycle{0%{transform:translate(0) rotate(3deg);opacity:.9}12%{transform:translate(7px,-6px) rotate(2deg)}24%{transform:translate(-6px,4px) rotate(4deg);opacity:.9}34%{transform:translate(0) rotate(3deg);opacity:.9}41%{transform:translate(-40px,-58px) scale(1.06);opacity:0}90%{opacity:0}to{transform:translate(0) rotate(3deg);opacity:.9}}.ob-front{position:absolute;left:0;top:12px;display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:#f7f2e80f;border:1px solid var(--navi-ink);animation:front-cycle 20s ease-in-out infinite}.ob-front-label{font-size:.82rem;color:var(--paper)}.ob-dot{width:8px;height:8px;border-radius:50%;background:var(--attention-ink);animation:dot-breathe 3.4s ease-in-out infinite}@keyframes front-cycle{0%,37%{opacity:0;transform:translateY(8px) scale(.97)}45%,90%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes dot-breathe{50%{transform:scale(1.25)}}.entry:not([data-state=open]) .demo,.entry:not([data-state=open]) .demo *{animation-play-state:paused}.standards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 3rem;margin-top:.4rem}.standards li{border-top:1px solid var(--rule-ivory);padding-top:.9rem}.std-num{display:block;font-size:.78rem;color:var(--gold-bright)}.std-phrase{display:block;font-family:var(--serif);font-weight:500;font-size:1.45rem;line-height:1.2;margin-top:.3rem}.contact{margin-top:.2rem}.contact li+li{border-top:1px solid var(--rule-ivory)}.contact-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:.85rem 0;text-decoration:none}.contact-name{display:flex;flex-direction:column;gap:.15rem}.contact-label{font-weight:500;transition:color .3s}.contact-sub,.contact-addr{font-size:.82rem;color:var(--ivory-soft);transition:color .3s}.contact-row:hover .contact-label,.contact-row:hover .contact-sub,.contact-row:hover .contact-addr{color:var(--gold-bright)}.site-foot{max-width:1080px;margin:0 auto;padding:1.8rem clamp(1.25rem,4vw,3rem) 3.2rem;border-top:1px solid var(--rule)}.site-foot nav{display:flex;gap:1.4rem}.site-foot nav a{font-size:.88rem;color:var(--ink-soft);text-decoration-thickness:1px;text-underline-offset:3px;transition:color .3s}.site-foot nav a:hover{color:var(--gold-ink)}.company{margin-top:.9rem;font-size:.72rem;letter-spacing:.04em;color:var(--ink-soft)}@media(max-width:900px){.hero{gap:clamp(1.5rem,3vw,2.5rem)}.plate{width:260px;top:-24px;right:-8px;--figure-fade: .5}}@media(max-width:760px){.preview{display:none}.entry-button{grid-template-columns:2.4rem minmax(0,1fr) 1.5rem;column-gap:.9rem}}@media(max-width:700px){.site-head nav{display:none}.hero{display:block;padding:1.7rem 0 0}.hero-plate{aspect-ratio:auto;height:190px;margin-top:1.8rem;margin-left:calc(-1*clamp(1.25rem,4vw,3rem));margin-right:calc(-1*clamp(1.25rem,4vw,3rem))}.plate-figure{left:auto;right:-10%;width:150%}.plate-frame{inset:9px}.index{padding-top:1.6rem}.kicker{margin-bottom:1rem}.supporting{margin-top:1.1rem}.cta{margin-top:1.5rem}.entry-title{font-size:1.45rem}.entry[data-state=open] .entry-title{font-size:1.8rem}.standards{grid-template-columns:1fr;gap:1.1rem}.contact-row{flex-direction:column;gap:.1rem}.navi{padding:1.15rem 1.1rem 1.2rem}.panel-inner{padding-bottom:1.9rem}.demo{height:208px}.ob-front{top:8px}.ob-mot{left:8%;top:116px}.ob-1{--sx: -100px;--sy: -12px}.ob-2{--sx: -40px;--sy: -10px}.ob-3{--sx: -120px;--sy: 8px}.ob-4{--sx: -64px;--sy: 14px}.ob-5{--sx: -24px;--sy: -12px}.ob-1,.ob-2,.ob-3,.ob-4,.ob-5{top:auto}.ob-1{bottom:118px}.ob-2{bottom:92px}.ob-3{bottom:66px}.ob-4{bottom:40px}.ob-5{bottom:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
