.demo-module{--demo-ink:#08111f;--demo-muted:#53647d;--demo-paper:#edf2fa;--demo-paper-soft:#f8fafc;--demo-night:#08111f;--demo-night-soft:#101d32;--demo-white:#f8fafc;--demo-accent:#0047fe;--demo-accent-soft:#8dafff;--demo-line-light:#08111f24;--demo-line-dark:#f8fafc26;color:var(--demo-white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5}.demo-module,.demo-module *,.demo-module :before,.demo-module :after{box-sizing:border-box}.demo-module :where(button,a,input){font-family:inherit}.demo-module :where(a,button){color:inherit}.demo-module :focus-visible{outline:3px solid var(--demo-accent-soft);outline-offset:4px}.demo-module .demo-shell{width:min(100% - 2rem,88rem);margin-inline:auto}.demo-module .demo-kicker{color:var(--demo-kicker-color,var(--demo-accent-soft));letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(.68rem,.8vw,.78rem);font-weight:760;line-height:1.2}.demo-module .demo-workbench{padding-block:clamp(5rem,10vw,9rem)}.demo-module .demo-workbench__bar{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.demo-module .demo-workbench__bar h2{letter-spacing:-.055em;margin:.9rem 0 0;font-size:clamp(2.4rem,4.5vw,5rem);font-weight:590;line-height:.95}.demo-module .demo-workbench__bar--stacked{align-items:end}.demo-module .demo-workbench--responsive{border-top:1px solid var(--demo-line-dark);background:radial-gradient(circle at 50% 40%,#0047fe17,#0000 34rem),#0c1728}.demo-module .segmented-control{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;gap:.25rem;padding:.3rem;display:flex}.demo-module .segmented-control button{cursor:pointer;color:#f8fafc7a;background:0 0;border:0;border-radius:999px;min-height:2.7rem;padding-inline:1rem;font-size:.72rem;font-weight:720;transition:color .22s,background .22s}.demo-module .segmented-control button[aria-pressed=true]{color:var(--demo-night);background:var(--demo-white)}.demo-module .viewport-lab{background-color:#08111f;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:3rem 3rem;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1a;border-radius:2rem;place-items:start center;min-height:clamp(39rem,68vw,61rem);padding:clamp(3rem,7vw,6rem) 1rem 2rem;display:grid;position:relative;overflow:hidden}.demo-module .viewport-lab__measure{color:#f8fafc57;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700;position:absolute;top:1.1rem;left:1.4rem}.demo-module .adaptive-frame{color:#08111f;background:#f8fafc;border:.35rem solid #16263e;border-radius:1.35rem;width:min(100%,70rem);transition:width .62s cubic-bezier(.2,.78,.24,1),border-radius .62s;overflow:hidden;box-shadow:0 2.5rem 6rem #00000073}.demo-module [data-viewport=tablet] .adaptive-frame{width:min(100%,48rem)}.demo-module [data-viewport=mobile] .adaptive-frame{border-radius:2.25rem;width:min(100%,23.5rem)}.demo-module .adaptive-frame__chrome{background:#16263e;align-items:center;gap:.34rem;height:2.2rem;padding-inline:.8rem;display:flex}.demo-module .adaptive-frame__chrome>span{aspect-ratio:1;background:#ffffff38;border-radius:50%;width:.45rem}.demo-module .adaptive-frame__chrome>div{background:#ffffff1c;border-radius:999px;width:30%;height:.38rem;margin-inline:auto}.demo-module .adaptive-site{min-height:36rem;transition:min-height .5s}.demo-module .adaptive-nav{border-bottom:1px solid #08111f1f;grid-template-columns:1fr auto;align-items:center;min-height:4.5rem;padding-inline:clamp(1.2rem,3vw,2.6rem);display:grid}.demo-module .adaptive-nav a{text-decoration:none}.demo-module .adaptive-logo{letter-spacing:.12em;font-size:.8rem;font-weight:820}.demo-module .adaptive-logo span{color:#0047fe}.demo-module .adaptive-nav__links{align-items:center;gap:clamp(1.2rem,2.5vw,2.2rem);display:flex}.demo-module .adaptive-nav__links a,.demo-module .adaptive-nav__links button{color:#53647d;text-transform:uppercase;font-size:.65rem;font-weight:720}.demo-module .adaptive-nav__links button{cursor:pointer;background:0 0;border:0;padding:0}.demo-module .adaptive-menu{background:0 0;border:1px solid #08111f29;border-radius:50%;width:2.5rem;height:2.5rem;padding:.7rem;display:none}.demo-module .adaptive-menu span{background:currentColor;height:1px;margin-block:.28rem;display:block}.demo-module .adaptive-hero{grid-template-columns:.85fr 1.15fr;gap:1rem;min-height:28rem;padding:clamp(1.2rem,3vw,2.6rem);display:grid}.demo-module .adaptive-hero__copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(.5rem,2vw,1.5rem);display:flex}.demo-module .adaptive-hero__copy>p{color:#0047fe;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:780}.demo-module .adaptive-hero__copy h3{letter-spacing:-.065em;margin:.8rem 0 0;font-size:clamp(2.5rem,5vw,5rem);font-weight:580;line-height:.88}.demo-module .adaptive-hero__copy>a{color:#fff;background:#08111f;border-radius:999px;align-items:center;gap:1rem;min-height:2.8rem;margin-top:1.5rem;padding:.7rem 1rem;font-size:.66rem;font-weight:720;text-decoration:none;display:inline-flex}.demo-module .adaptive-hero__image{background:#c8d6ef;border-radius:.5rem;min-height:23rem;position:relative;overflow:hidden}.demo-module .adaptive-hero__image span{background:#122849;position:absolute}.demo-module .adaptive-hero__image span:first-child{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);width:46%;height:74%;top:0;right:15%}.demo-module .adaptive-hero__image span:nth-child(2){clip-path:polygon(28% 0,100% 26%,100% 100%,0 100%);background:#0047fe;width:58%;height:43%;bottom:0;right:0}.demo-module .adaptive-hero__image span:nth-child(3){clip-path:polygon(0 34%,100% 0,84% 100%,0 100%);background:#e0e9fa;width:42%;height:62%;bottom:0;left:0}.demo-module .adaptive-hero__image p{z-index:2;color:#ffffffb8;letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:.54rem;font-weight:720;position:absolute;bottom:.8rem;right:.8rem}.demo-module .adaptive-projects{border-top:1px solid #08111f1f;grid-template-columns:repeat(3,1fr);display:grid}.demo-module .adaptive-projects article{border-right:1px solid #08111f1f;padding:1.15rem 1.35rem}.demo-module .adaptive-projects article:last-child{border-right:0}.demo-module .adaptive-projects span,.demo-module .adaptive-projects p{color:#53647d;font-size:.55rem}.demo-module .adaptive-projects h4{margin:.7rem 0 0;font-size:.9rem}.demo-module .adaptive-projects p{margin:.25rem 0 0}.demo-module [data-viewport=tablet] .adaptive-hero{grid-template-columns:.95fr 1.05fr}.demo-module [data-viewport=tablet] .adaptive-hero__copy h3{font-size:clamp(2.4rem,6vw,4rem)}.demo-module [data-viewport=mobile] .adaptive-frame__chrome{height:1.7rem}.demo-module [data-viewport=mobile] .adaptive-site{min-height:42rem}.demo-module [data-viewport=mobile] .adaptive-nav{min-height:3.8rem;padding-inline:1rem}.demo-module [data-viewport=mobile] .adaptive-nav__links{display:none}.demo-module [data-viewport=mobile] .adaptive-menu{display:block}.demo-module [data-viewport=mobile] .adaptive-hero{grid-template-columns:1fr;min-height:0;padding:.8rem}.demo-module [data-viewport=mobile] .adaptive-hero__copy{order:2;padding:1rem .45rem 1.2rem}.demo-module [data-viewport=mobile] .adaptive-hero__copy h3{font-size:2.8rem}.demo-module [data-viewport=mobile] .adaptive-hero__image{order:1;min-height:16rem}.demo-module [data-viewport=mobile] .adaptive-projects{grid-template-columns:1fr}.demo-module [data-viewport=mobile] .adaptive-projects article{border-bottom:1px solid #08111f1f;border-right:0;grid-template-columns:2rem 1fr auto;align-items:baseline;gap:.5rem;padding:.8rem 1.1rem;display:grid}.demo-module [data-viewport=mobile] .adaptive-projects article:last-child{border-bottom:0}.demo-module [data-viewport=mobile] .adaptive-projects h4,.demo-module [data-viewport=mobile] .adaptive-projects p{margin:0}.demo-module .demo-workbench--clarity{--demo-kicker-color:var(--demo-accent);color:var(--demo-ink);background:var(--demo-paper)}.demo-module .clarity-layout{grid-template-columns:minmax(17rem,.46fr) minmax(0,1.54fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.demo-module .clarity-control{padding-block:2rem}.demo-module .clarity-control h2{letter-spacing:-.058em;max-width:10ch;margin:1rem 0 2.5rem;font-size:clamp(2.5rem,4.8vw,5rem);font-weight:590;line-height:.96}.demo-module .clarity-control>label{color:var(--demo-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;font-size:.67rem;font-weight:760;display:block}.demo-module .clarity-range{grid-template-columns:1fr auto;align-items:center;gap:.7rem 1rem;display:grid}.demo-module .clarity-range input{cursor:ew-resize;width:100%;height:1.2rem;accent-color:var(--demo-accent);grid-column:1/-1;margin:0}.demo-module .clarity-range>span{color:var(--demo-muted);font-size:.68rem}.demo-module .clarity-range>span:last-child{text-align:right;grid-column:2}.demo-module .clarity-range output{font-variant-numeric:tabular-nums;grid-area:1/2;font-size:.76rem;font-weight:760}.demo-module .clarity-live{color:#345683;min-height:3.5rem;margin:1.4rem 0 0;font-size:.82rem;line-height:1.5}.demo-module .clarity-preview{background:#dce6f7;border:.32rem solid #16263e;border-radius:1.4rem;min-width:0;overflow:hidden;box-shadow:0 2.5rem 5rem #08111f33}.demo-module .clarity-window__chrome{background:#16263e;align-items:center;gap:.33rem;height:2rem;padding-inline:.75rem;display:flex}.demo-module .clarity-window__chrome span{aspect-ratio:1;background:#ffffff38;border-radius:50%;width:.42rem}.demo-module .clarity-window__chrome div{background:#ffffff1a;border-radius:999px;width:33%;height:.35rem;margin-inline:auto}.demo-module .clarity-site{background:#f8fafc;min-height:42rem}.demo-module .clarity-nav{border-bottom:1px solid #08111f1a;justify-content:space-between;align-items:center;min-height:4rem;padding-inline:1.5rem;display:flex}.demo-module .clarity-nav>a{letter-spacing:.11em;font-size:.78rem;font-weight:840;text-decoration:none}.demo-module .clarity-nav>div{gap:1.2rem;display:flex}.demo-module .clarity-nav>div a{color:#53647d;font-size:.6rem;font-weight:680;text-decoration:none}.demo-module .clarity-site__body{gap:var(--clarity-gap);flex-direction:column;align-items:flex-start;min-height:38rem;padding:clamp(2rem,5vw,4.8rem);transition:gap .42s;display:flex;position:relative;overflow:hidden}.demo-module .clarity-noise{z-index:0;opacity:var(--clarity-noise);pointer-events:none;transition:opacity .42s;position:absolute;inset:1.2rem}.demo-module .clarity-noise span{color:#53647d;background:#e2eafa;border:1px solid #c3d0e6;border-radius:999px;padding:.42rem .6rem;font-size:.56rem;font-weight:700;position:absolute}.demo-module .clarity-noise span:first-child{top:3%;right:2%}.demo-module .clarity-noise span:nth-child(2){top:38%;right:0}.demo-module .clarity-noise span:nth-child(3){bottom:18%;right:8%}.demo-module .clarity-noise span:nth-child(4){bottom:4%;left:41%}.demo-module .clarity-overline,.demo-module .clarity-site h3,.demo-module .clarity-copy,.demo-module .clarity-actions,.demo-module .clarity-cards{z-index:1;position:relative}.demo-module .clarity-overline{color:#0047fe;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:790}.demo-module .clarity-site h3{letter-spacing:-.065em;max-width:12ch;font-size:clamp(2.5rem,5vw,5.2rem);font-weight:590;line-height:var(--clarity-leading);opacity:var(--clarity-focus);margin:0;transition:line-height .42s,opacity .42s}.demo-module .clarity-copy{max-width:var(--clarity-copy);color:#53647d;margin:0;font-size:.82rem;line-height:1.55;transition:max-width .42s}.demo-module .clarity-actions{flex-wrap:wrap;gap:.7rem;display:flex}.demo-module .clarity-actions a,.demo-module .clarity-actions button{border-radius:999px;min-height:2.7rem;padding:.75rem 1rem;font-size:.62rem;font-weight:730;text-decoration:none}.demo-module .clarity-actions button{cursor:pointer;border:0}.demo-module .clarity-primary{color:#fff;background:#08111f}.demo-module .clarity-secondary,.demo-module .clarity-tertiary{color:#53647d;opacity:var(--clarity-noise);border:1px solid #08111f24;transition:opacity .42s}.demo-module [data-clarity-band=clear] .clarity-tertiary,.demo-module [data-clarity-band=clear] .clarity-noise{visibility:hidden}.demo-module .clarity-cards{grid-template-columns:repeat(3,1fr);gap:.65rem;width:100%;margin-top:auto;display:grid}.demo-module .clarity-cards article{background:#e7eefb;border-radius:.65rem;padding:.9rem}.demo-module .clarity-cards span,.demo-module .clarity-cards p{color:#53647d;font-size:.54rem}.demo-module .clarity-cards h4{margin:.8rem 0 0;font-size:.82rem}.demo-module .clarity-cards p{margin:.35rem 0 0;line-height:1.4}.demo-module .demo-workbench--structure{border-top:1px solid var(--demo-line-dark);background:radial-gradient(circle at 50% 54%,#0047fe1a,#0000 35rem),#0c1728}.demo-module .stage-tabs{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;gap:.4rem;padding:.3rem;display:flex}.demo-module .stage-tabs button{color:#f8fafc6b;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:2.65rem;padding-inline:.95rem;font-size:.68rem;font-weight:720}.demo-module .stage-tabs button[aria-selected=true]{color:var(--demo-night);background:var(--demo-white)}.demo-module .structure-stage{height:clamp(35rem,58vw,53rem);color:var(--demo-ink);background:linear-gradient(#08111f0a 1px, transparent 1px), linear-gradient(90deg, #08111f0a 1px, transparent 1px), var(--demo-paper);background-size:3rem 3rem;border-radius:2rem;position:relative;overflow:hidden}.demo-module .structure-scene{opacity:0;pointer-events:none;transition:opacity .5s,transform .65s cubic-bezier(.2,.76,.22,1);position:absolute;inset:0;transform:scale(.96)translateY(1rem)}.demo-module [data-structure-stage=chaos] .structure-scene--chaos,.demo-module [data-structure-stage=map] .structure-scene--map,.demo-module [data-structure-stage=interface] .structure-scene--interface{z-index:2;opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.demo-module .structure-word{color:#344660;background:#f8fafc;border:1px solid #08111f26;border-radius:999px;margin:0;padding:.7rem .9rem;font-size:clamp(.76rem,1.2vw,1rem);font-weight:690;position:absolute;box-shadow:0 .8rem 1.8rem #08111f17}.demo-module .structure-word--1{top:12%;left:9%;transform:rotate(-7deg)}.demo-module .structure-word--2{top:20%;right:12%;transform:rotate(8deg)}.demo-module .structure-word--3{top:43%;left:21%;transform:rotate(4deg)}.demo-module .structure-word--4{top:13%;left:39%;transform:rotate(-3deg)}.demo-module .structure-word--5{bottom:16%;right:10%;transform:rotate(-5deg)}.demo-module .structure-word--6{bottom:27%;left:10%;transform:rotate(7deg)}.demo-module .structure-word--7{top:48%;right:24%;transform:rotate(-8deg)}.demo-module .structure-word--8{bottom:9%;left:37%;transform:rotate(3deg)}.demo-module .structure-word--9{top:31%;right:5%;transform:rotate(4deg)}.demo-module .structure-word--10{bottom:37%;left:47%;transform:rotate(-2deg)}.demo-module .structure-question{aspect-ratio:1;width:clamp(7rem,14vw,13rem);color:var(--demo-white);background:var(--demo-accent);border-radius:50%;place-items:center;font-size:clamp(3rem,7vw,7rem);font-weight:460;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2rem 5rem #0047fe47}.demo-module .structure-scene--map{place-items:center;padding:clamp(2rem,6vw,6rem);display:grid}.demo-module .site-map{place-items:center;width:min(100%,62rem);display:grid}.demo-module .site-map__root{width:8rem;height:4rem;color:var(--demo-white);background:var(--demo-accent);border-radius:.9rem;place-items:center;font-size:.78rem;font-weight:760;display:grid;position:relative}.demo-module .site-map__root:after{content:"";background:#a8bad6;width:1px;height:4rem;position:absolute;top:100%;left:50%}.demo-module .site-map__branches{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,4vw,4rem);width:100%;margin-top:4rem;padding-top:3rem;display:grid;position:relative}.demo-module .site-map__branches:before{content:"";background:#a8bad6;height:1px;position:absolute;top:0;left:16.67%;right:16.67%}.demo-module .site-map__branches>div{gap:.7rem;display:grid;position:relative}.demo-module .site-map__branches>div:before{content:"";background:#a8bad6;width:1px;height:3rem;position:absolute;bottom:100%;left:50%}.demo-module .site-map__branches strong,.demo-module .site-map__branches span{text-align:center;border:1px solid #b8c9e3;border-radius:.75rem;place-items:center;min-height:3.3rem;padding:.65rem;font-size:.72rem;display:grid}.demo-module .site-map__branches strong{color:var(--demo-white);background:#16263e;border-color:#16263e}.demo-module .site-map__branches span{color:#53647d;background:#f8fafc}.demo-module .structure-scene--interface{place-items:center;padding:clamp(1rem,4vw,3rem);display:grid}.demo-module .museum-window{color:#08111f;background:#f8fafc;border:.3rem solid #16263e;border-radius:1.2rem;width:min(100%,68rem);overflow:hidden;box-shadow:0 2rem 5rem #08111f2e}.demo-module .museum-nav{border-bottom:1px solid #08111f1f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4.3rem;padding-inline:1.4rem;display:grid}.demo-module .museum-nav a{text-decoration:none}.demo-module .museum-nav>a:first-child{letter-spacing:.08em;font-size:.72rem;font-weight:830}.demo-module .museum-nav>a:first-child span{color:#0047fe}.demo-module .museum-nav>div{gap:1.5rem;display:flex}.demo-module .museum-nav>div a{color:#53647d;font-size:.59rem;font-weight:700}.demo-module .museum-nav>a:last-child{color:#fff;background:#08111f;border-radius:999px;justify-self:end;padding:.65rem .9rem;font-size:.58rem;font-weight:720}.demo-module .museum-main{grid-template-columns:.95fr 1.05fr;gap:1rem;padding:1rem;display:grid}.demo-module .museum-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1rem,4vw,3.5rem);display:flex}.demo-module .museum-copy>p{color:#0047fe;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.58rem;font-weight:780}.demo-module .museum-copy h3{letter-spacing:-.07em;margin:.8rem 0 0;font-size:clamp(2.8rem,5.6vw,5.8rem);font-weight:580;line-height:.87}.demo-module .museum-copy>div{flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;display:flex}.demo-module .museum-copy>div a{border:1px solid #08111f26;border-radius:999px;padding:.75rem .95rem;font-size:.6rem;font-weight:720;text-decoration:none}.demo-module .museum-copy>div a:first-child{color:#fff;background:#08111f}.demo-module .museum-art{background:#d5e2fb;min-height:25rem;position:relative;overflow:hidden}.demo-module .museum-art span{position:absolute;inset:0}.demo-module .museum-art span:first-child{clip-path:polygon(0 0,65% 0,35% 100%,0 100%);background:#0047fe}.demo-module .museum-art span:nth-child(2){clip-path:polygon(65% 0,100% 0,100% 100%,35% 100%);background:#122849}.demo-module .museum-art p{z-index:1;color:#ffffffa8;letter-spacing:.1em;margin:0;font-size:.52rem;font-weight:700;position:absolute;bottom:.7rem;right:.8rem}.demo-module .museum-quick{border-top:1px solid #08111f1f;grid-template-columns:repeat(3,1fr);display:grid}.demo-module .museum-quick article{border-right:1px solid #08111f1f;gap:.45rem;padding:1rem 1.2rem;display:grid}.demo-module .museum-quick article:last-child{border-right:0}.demo-module .museum-quick span{color:#53647d;font-size:.53rem}.demo-module .museum-quick strong{font-size:.7rem}.demo-module .structure-live{color:#f8fafc61;text-align:center;min-height:1.5rem;margin:1.2rem 0 0;font-size:.7rem}.demo-module .demo-workbench--details{--demo-kicker-color:var(--demo-accent);color:var(--demo-ink);background:var(--demo-paper)}.demo-module .details-grid{grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.demo-module .details-copy h2{letter-spacing:-.064em;margin:1rem 0 0;font-size:clamp(2.8rem,5.4vw,5.8rem);font-weight:590;line-height:.93}.demo-module .details-copy>p:not(.demo-kicker){max-width:30rem;color:var(--demo-muted);margin:1.5rem 0 0;line-height:1.55}.demo-module .details-signals{border-top:1px solid var(--demo-line-light);margin:2.3rem 0 0;padding:0;list-style:none}.demo-module .details-signals li{border-bottom:1px solid var(--demo-line-light);grid-template-columns:2rem 1fr;gap:.7rem;padding-block:.85rem;display:grid}.demo-module .details-signals li>span{color:var(--demo-accent);font-size:.62rem;font-weight:760}.demo-module .details-signals strong{font-size:.78rem}.demo-module .details-signals p{color:var(--demo-muted);margin:.2rem 0 0;font-size:.7rem;line-height:1.4}.demo-module .tactile-stage{min-height:clamp(39rem,60vw,57rem);color:var(--demo-white);background:radial-gradient(circle at 50% 48%,#0047fe2e,#0000 25rem),#0c1728;border-radius:2rem;place-items:center;padding:clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.demo-module .tactile-stage:before{opacity:.32;content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:3rem 3rem;position:absolute;inset:0;mask-image:radial-gradient(circle,#000,#0000 72%)}.demo-module .tactile-stage__time{color:#ffffff0f;letter-spacing:-.09em;margin:0;font-size:clamp(6rem,14vw,15rem);font-weight:600;line-height:1;position:absolute;top:4%;left:4%}.demo-module .tactile-stage__time span{letter-spacing:0;margin-left:.2em;font-size:.2em}.demo-module .tactile-card{z-index:1;backdrop-filter:blur(1.2rem);background:#f8fafc12;border:1px solid #ffffff21;border-radius:1.5rem;width:min(100%,34rem);padding:clamp(1.2rem,3vw,2rem);position:relative;box-shadow:0 2rem 5rem #00000040}.demo-module .tactile-card__top{color:#f8fafc61;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.6rem;font-weight:720;display:flex}.demo-module .tactile-card>p{color:#f8fafcd1;letter-spacing:-.035em;margin:2.2rem 0 2rem;font-size:clamp(1.4rem,2.8vw,2.5rem);font-weight:540;line-height:1.12}.demo-module .tactile-button{--magnet-x:0px;--magnet-y:0px;width:100%;min-height:5.2rem;color:var(--demo-night);background:var(--demo-white);cursor:pointer;transform:translate(var(--magnet-x), var(--magnet-y));border:0;border-radius:999px;padding:.65rem;transition:transform .17s,background .28s,color .28s;position:relative;overflow:hidden;box-shadow:0 1.2rem 3rem #0003}.demo-module .tactile-button:active{transform:translate(var(--magnet-x), var(--magnet-y)) scale(.975)}.demo-module .tactile-button>span{justify-content:space-between;align-items:center;gap:1rem;padding-left:1.2rem;font-size:.84rem;font-style:normal;font-weight:760;transition:opacity .22s,transform .28s;display:flex;position:absolute;inset:.65rem}.demo-module .tactile-button i{aspect-ratio:1;color:#fff;background:var(--demo-accent);border-radius:50%;place-items:center;width:3.9rem;font-style:normal;display:grid}.demo-module .tactile-button__loading,.demo-module .tactile-button__success{opacity:0;transform:translateY(1rem)}.demo-module .tactile-button__loading i{border:2px solid #ffffff59;border-top-color:#fff;animation:.75s linear infinite tactile-spin}.demo-module [data-details-state=loading] .tactile-button__idle,.demo-module [data-details-state=success] .tactile-button__idle{opacity:0;transform:translateY(-1rem)}.demo-module [data-details-state=loading] .tactile-button__loading,.demo-module [data-details-state=success] .tactile-button__success{opacity:1;transform:translateY(0)}.demo-module [data-details-state=success] .tactile-button{color:#fff;background:#2f6a4f}.demo-module [data-details-state=success] .tactile-button i{color:#2f6a4f;background:#fff}.demo-module .tactile-progress{background:#ffffff1a;height:2px;margin:1.2rem 1rem 0;overflow:hidden}.demo-module .tactile-progress span{background:var(--demo-accent-soft);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.demo-module [data-details-state=loading] .tactile-progress span{animation:.65s cubic-bezier(.25,.72,.28,1) forwards tactile-progress}.demo-module [data-details-state=success] .tactile-progress span{background:#67b88e;transform:scaleX(1)}.demo-module .tactile-live{z-index:1;color:#f8fafc59;margin:0;font-size:.65rem;position:absolute;bottom:1.5rem}@keyframes tactile-spin{to{transform:rotate(1turn)}}@keyframes tactile-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=68rem){.demo-module .clarity-layout,.demo-module .details-grid{grid-template-columns:1fr}.demo-module .clarity-control{grid-template-columns:1fr 1fr;align-items:end;gap:0 2rem;display:grid}.demo-module .clarity-control .demo-kicker,.demo-module .clarity-control h2{grid-column:1}.demo-module .clarity-control>label,.demo-module .clarity-range,.demo-module .clarity-live{grid-column:2}.demo-module .clarity-control>label{grid-row:1}.demo-module .clarity-range{grid-row:2}.demo-module .clarity-live{grid-row:3}.demo-module .details-grid{gap:4rem}.demo-module .details-copy{grid-template-columns:1fr 1fr;gap:0 3rem;display:grid}.demo-module .details-copy .demo-kicker,.demo-module .details-copy h2,.demo-module .details-copy>p{grid-column:1}.demo-module .details-signals{grid-area:1/2/span 3;margin-top:0}}@media (width<=52rem){.demo-module .demo-workbench__bar,.demo-module .demo-workbench__bar--stacked{flex-direction:column;align-items:flex-start}.demo-module .segmented-control,.demo-module .stage-tabs{width:100%;overflow-x:auto}.demo-module .segmented-control button,.demo-module .stage-tabs button{flex:1 0 auto}.demo-module .viewport-lab{min-height:44rem;padding-inline:.55rem}.demo-module [data-viewport=desktop] .adaptive-frame,.demo-module [data-viewport=tablet] .adaptive-frame{transform-origin:top;width:46rem;transform:scale(.74)}.demo-module .clarity-control,.demo-module .details-copy{grid-template-columns:1fr}.demo-module .clarity-control .demo-kicker,.demo-module .clarity-control h2,.demo-module .clarity-control>label,.demo-module .clarity-range,.demo-module .clarity-live,.demo-module .details-copy .demo-kicker,.demo-module .details-copy h2,.demo-module .details-copy>p,.demo-module .details-signals{grid-area:auto/1}.demo-module .clarity-site h3{font-size:clamp(2.4rem,10vw,4rem)}.demo-module .clarity-cards{grid-template-columns:1fr}.demo-module .clarity-cards article:nth-child(n+3){display:none}.demo-module .structure-stage{height:43rem}.demo-module .museum-main{grid-template-columns:1fr}.demo-module .museum-art{min-height:13rem}.demo-module .museum-copy{padding:1.2rem}.demo-module .museum-copy h3{font-size:3.1rem}.demo-module .museum-nav{grid-template-columns:1fr auto}.demo-module .museum-nav>div{display:none}.demo-module .museum-quick{grid-template-columns:1fr}.demo-module .museum-quick article{border-bottom:1px solid #08111f1f;border-right:0}.demo-module .site-map__branches{gap:.65rem}.demo-module .site-map__branches strong,.demo-module .site-map__branches span{min-height:2.8rem;padding:.45rem;font-size:.6rem}}@media (width<=34rem){.demo-module .demo-shell{width:min(100% - 1.4rem,88rem)}.demo-module .adaptive-frame{border-width:.25rem}.demo-module [data-viewport=mobile] .adaptive-frame{width:min(100%,22rem)}.demo-module .clarity-preview{border-width:.25rem}.demo-module .clarity-nav>div{display:none}.demo-module .clarity-site__body{padding:1.35rem}.demo-module .clarity-actions{flex-direction:column;align-items:stretch;width:100%}.demo-module .clarity-actions a{text-align:center}.demo-module .structure-word{font-size:.66rem}.demo-module .structure-word--7,.demo-module .structure-word--8{display:none}.demo-module .structure-stage{border-radius:1.2rem}.demo-module .site-map__branches{gap:.35rem}.demo-module .site-map__branches span:nth-child(n+3){display:none}.demo-module .tactile-stage{border-radius:1.2rem;min-height:38rem}.demo-module .tactile-card{padding:1rem}.demo-module .tactile-card__top span:last-child{display:none}.demo-module .tactile-button{min-height:4.5rem}.demo-module .tactile-button i{width:3.2rem}}@media (forced-colors:active){.demo-module .demo-workbench,.demo-module .viewport-lab,.demo-module .tactile-stage{color:canvastext;background:canvas}.demo-module .adaptive-frame,.demo-module .clarity-preview,.demo-module .structure-stage,.demo-module .tactile-card,.demo-module .tactile-button{border-color:canvastext}}@media (prefers-reduced-motion:reduce){.demo-module *,.demo-module :before,.demo-module :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}