.page-buttons{background:#fff9fa;color:#080b18}.page-buttons .site-header{background:#080b18}.page-buttons main{overflow:clip}.bt-hero{padding:130px 0 0;background:radial-gradient(ellipse at 88% 60%,#101e4a 0%,transparent 58%),#080b18;color:#fff9fa}.bt-back{color:#b8c0d4;font-size:11px;text-decoration:none}.bt-back:hover{color:#ffe3ec}.bt-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:35px 0 48px}.bt-eyebrow{font-size:9px;font-weight:750;letter-spacing:1.8px;margin:0 0 18px}.bt-hero .bt-eyebrow{color:#ffb5cb}.bt-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,5.5vw,80px);letter-spacing:-2.5px;line-height:1.01;margin:0}.bt-hero h1 em{color:#ffe3ec}.bt-hero-copy{max-width:365px;padding:0 0 5px}.bt-edition{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#a0a9c4}.bt-hero-copy p{font-family:var(--serif);font-size:25px;line-height:1.35;color:#fff9fa;margin:17px 0 24px;letter-spacing:-.5px}.bt-palette{display:flex;gap:5px;align-items:center}.bt-palette i{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff38;background:#080b18}.bt-palette i:nth-child(2){background:#073ccf}.bt-palette i:nth-child(3){background:#ff7ca2}.bt-palette i:nth-child(4){background:#fff9fa}.bt-palette>span{font-size:7px;letter-spacing:1px;color:#9aa7c3;margin-left:9px}.bt-hero-foot{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 0;font-size:10px;color:#abb5cf}.bt-hero-foot>span:first-child{font-size:8px;letter-spacing:1.6px;color:#ffe3ec}.bt-hero-foot b{font-weight:400;font-size:20px;margin-left:25px;color:#ffe3ec}.bt-collection{padding-top:32px}.bt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px}.bt-toolbar p{font-size:10px;color:#737387;margin:0}.bt-toolbar p>span{font-family:var(--serif);font-size:28px;color:#080b18;margin-right:5px}.bt-toolbar>div{display:flex;gap:24px}.bt-toolbar button{border:0;background:none;color:#666576;font-size:10px;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.bt-toolbar button:disabled{cursor:default;opacity:.55;text-decoration:none}.bt-toolbar button:hover{color:#073ccf}.bt-toolbar button span{font-size:15px;margin-left:5px}.bt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 26px}.bt-card{min-width:0;background:#fff9fa;border:1px solid #e4dfe6;border-radius:3px;overflow:clip}.bt-stage{position:relative;height:275px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;--accent:#ffe3ec;--stage-ink:#ffe3ec;--mx:50%;--my:50%;transition:background .7s}.bt-night{background:radial-gradient(ellipse at 65% 65%,#192348 0,transparent 70%),#080b18;color:#ffe3ec}.bt-pearl{background:radial-gradient(ellipse at 55% 40%,#fffefd,transparent 65%),#efedf4;--stage-ink:#41445c;--accent:#073ccf;color:#080b18}.bt-rose{background:linear-gradient(135deg,#fff0f4,#f4c7d6);--stage-ink:#775763;--accent:#080b18;color:#080b18}.bt-royal{background:radial-gradient(ellipse at 80% 100%,#1749d5,transparent 65%),#031b80;color:#ffe3ec}.bt-index{position:absolute;left:23px;top:20px;z-index:5;font-size:8px;font-weight:650;letter-spacing:1.5px;color:var(--stage-ink);opacity:.75;pointer-events:none}.bt-stage-mark{position:absolute;right:23px;top:16px;color:var(--stage-ink);opacity:.6;font:24px/1.3 var(--serif);pointer-events:none}.bt-stage-label{position:absolute;bottom:21px;left:15px;right:15px;text-align:center;font-size:7px;letter-spacing:1.8px;color:var(--stage-ink);opacity:.6;pointer-events:none}.bt-info{padding:20px 24px 18px}.bt-info-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.bt-info h2{font:400 29px/1.1 var(--serif);letter-spacing:-.7px;margin:0}.bt-info-head>span{font:italic 18px/1 var(--serif);color:#b9a6b2}.bt-description{font-size:11px;line-height:1.65;color:#757080;margin:9px 0 17px}.bt-behavior{display:flex;gap:14px;justify-content:space-between;padding-top:14px;border-top:1px solid #e5dfe5;font-size:9px;line-height:1.5;color:#716d7a}.bt-behavior>span{flex:1}.bt-behavior b{display:block;font-size:7px;font-weight:750;letter-spacing:1.3px;color:#a08c9b;margin-bottom:4px}.bt-output{font-size:10px;color:#74616e;line-height:1.6;margin:15px 0 0;min-height:32px}.bt-card[data-tried=true] .bt-info-head>span{color:#073ccf}.bt-card[data-tried=true] .bt-output{color:#183b87}.bt-demo{position:relative;z-index:3;border:0;background:none;font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.2px;cursor:pointer;color:inherit;touch-action:manipulation;min-height:52px;outline-offset:7px!important}.bt-demo:disabled{cursor:default}.bt-demo:focus-visible{outline:2px solid var(--accent)!important}.bt-demo b{font-weight:400}.bt-demo>span,.bt-demo>b{position:relative;z-index:2}.bt-demo:active{filter:brightness(.93)}
/* 01 — magnetic movement */
.bt-magnet{display:flex;align-items:center;justify-content:space-between;gap:45px;border-radius:60px;padding:17px 24px;background:#ffe3ec;color:#080b18;box-shadow:0 7px 30px #03061755,0 1px 0 #fff inset;transform:translate(var(--px,0px),var(--py,0px));transition:transform .35s cubic-bezier(.15,.8,.2,1),box-shadow .3s}.bt-magnet b{font-size:23px;line-height:1}.bt-magnet:is(:hover,:focus-visible){box-shadow:0 13px 45px #ff7ca22e,0 1px 0 white inset}.bt-magnet-field{position:absolute;inset:0;pointer-events:none}.bt-magnet-field:before,.bt-magnet-field:after{content:'';position:absolute;width:285px;height:145px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid #ffe3ec15;border-radius:50%}.bt-magnet-field:after{width:380px;height:198px;transform:translate(-50%,-50%) rotate(18deg)}.bt-magnet-field i{width:5px;height:5px;border-radius:50%;background:#ffb8ce;position:absolute;left:var(--dot-x);top:var(--dot-y);opacity:.6;transition:left .75s cubic-bezier(.6,0,.1,1),top .75s cubic-bezier(.6,0,.1,1),opacity .7s}.bt-magnet-field i:nth-child(1){--dot-x:22%;--dot-y:39%}.bt-magnet-field i:nth-child(2){--dot-x:35%;--dot-y:25%;width:3px;height:3px}.bt-magnet-field i:nth-child(3){--dot-x:71%;--dot-y:28%}.bt-magnet-field i:nth-child(4){--dot-x:80%;--dot-y:66%;width:3px;height:3px}.bt-magnet-field i:nth-child(5){--dot-x:30%;--dot-y:75%}.bt-magnet-field i:nth-child(6){--dot-x:63%;--dot-y:77%;width:3px;height:3px}.bt-card.bt-effect[data-card=magnet] .bt-magnet-field i{left:50%;top:50%;opacity:0}.bt-card.bt-effect[data-card=magnet] .bt-magnet{box-shadow:0 0 0 12px #ffe3ec0c,0 0 65px #ff7ca24a}
/* 02 — silk reflection */
.bt-silk-orbit{position:absolute;width:240px;height:180px;border:1px solid #bba2b53b;border-radius:50%;transform:rotate(-25deg)}.bt-silk{min-width:215px;border:1px solid #c18b9f;border-radius:12px;padding:19px 25px;display:flex;align-items:center;justify-content:space-between;gap:44px;background:linear-gradient(110deg,#cd8ba4 0%,#f6c7d7 27%,#fff2f5 46%,#e4a7bd 64%,#ca8ba6 100%);background-size:220% 100%;background-position:55% 50%;color:#382333;box-shadow:0 14px 24px #8d65752b,0 1px 1px #fff inset,0 -2px 2px #b8799155 inset;transition:background-position .6s,box-shadow .4s,transform .4s;overflow:hidden}.bt-silk:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--mx) var(--my),#ffffffa6,transparent 65%);opacity:0;transition:opacity .4s}.bt-silk b{font-size:23px;line-height:1}.bt-silk:is(:hover,:focus-visible){background-position:0% 50%;box-shadow:0 18px 30px #8d657540,0 1px 1px white inset;transform:translateY(-3px)}.bt-silk:is(:hover,:focus-visible):before{opacity:.7}.bt-card.bt-selected[data-card=silk] .bt-stage{background:radial-gradient(ellipse at 50% 60%,#314993,transparent 80%),#10183b;--stage-ink:#d9d9ef;--accent:#ffe3ec}.bt-card.bt-selected .bt-silk{background:linear-gradient(110deg,#17377d,#6e8bd4 27%,#c9d5f1 46%,#637fc1 64%,#233c80);background-size:220% 100%;color:#0c1a3e;border-color:#7c98d7;box-shadow:0 15px 35px #03072066,0 1px 1px #ffffffad inset}
/* 03 — an embossed seal */
.bt-seal-stage{background-image:repeating-linear-gradient(0deg,transparent 0 4px,#ab607304 4px 5px),linear-gradient(135deg,#fff0f4,#f4c7d6)}.bt-seal{width:128px;height:128px;min-height:128px;border-radius:50%;background:radial-gradient(circle at 35% 24%,#fff5f8,#ffc6d8 42%,#e596b1 100%);box-shadow:0 13px 19px #9d5c7130,0 0 0 1px #d68aa4,0 0 0 4px #f7bbd033,0 2px 4px #fff9 inset,0 -4px 7px #a54d7155 inset;color:#6c304d;padding:0;transition:transform .4s,box-shadow .4s}.bt-seal:after{content:'';position:absolute;inset:27px;border-radius:50%;border:1px solid #b66e893f;box-shadow:0 1px 0 #fff9}.bt-seal svg{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);fill:currentColor;font-size:9px;letter-spacing:1.5px}.bt-seal-center{font:italic 53px/1 var(--serif);text-shadow:0 1px 0 #fffb}.bt-seal:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 18px 23px #9d5c7140,0 0 0 1px #d68aa4,0 2px 4px #fff9 inset,0 -4px 7px #a54d7155 inset}.bt-seal:is(:hover,:focus-visible) svg{transform:rotate(65deg)}.bt-seal-rings{position:absolute;width:172px;height:172px;border:1px solid #a25c7422;border-radius:50%;transition:transform .6s,opacity .5s}.bt-card.bt-selected[data-card=seal] .bt-seal{transform:rotate(-8deg);background:radial-gradient(circle at 35% 24%,#293e74,#10183b);color:#ffe3ec;box-shadow:0 3px 6px #4521382e,0 0 0 4px #c496a956,0 2px 4px #fff3 inset}.bt-card.bt-selected[data-card=seal] .bt-seal-center{text-shadow:none;font:400 44px/1 var(--sans)}.bt-card.bt-selected[data-card=seal] .bt-seal-rings{transform:scale(1.13);opacity:.65}
/* 04 — two panels, one reveal */
.bt-curtain{display:flex;gap:38px;align-items:center;justify-content:center;min-width:220px;padding:19px 23px;border:1px solid #ffe3ec99;color:#ffe3ec;overflow:hidden;background:#132963;transition:transform .6s}.bt-curtain:before,.bt-curtain:after{content:'';position:absolute;inset:0 50% 0 0;background:#ffe3ec;transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:0}.bt-curtain:after{inset:0 0 0 50%}.bt-curtain>span,.bt-curtain>b{color:#10183b;transition:color .4s}.bt-curtain b{font-size:21px;line-height:1}.bt-curtain:is(:hover,:focus-visible):before{transform:translateX(-100%)}.bt-curtain:is(:hover,:focus-visible):after{transform:translateX(100%)}.bt-curtain:is(:hover,:focus-visible)>span,.bt-curtain:is(:hover,:focus-visible)>b{color:#ffe3ec}.bt-reveal{position:absolute;inset:52px 20px 100px;display:flex;align-items:center;justify-content:center;gap:25px;color:#fff9fa}.bt-reveal>span:last-child{font:400 32px/1.06 var(--serif);letter-spacing:-.8px}.bt-reveal em{color:#ffe3ec}.bt-reveal-star{font:54px/1 var(--serif);color:#ffb1cb}.bt-card.bt-selected[data-card=curtain] .bt-curtain{transform:translateY(65px);min-height:40px;padding:11px 22px;font-size:10px}.bt-card.bt-selected[data-card=curtain] .bt-stage-label{opacity:0}
.bt-curtain>span{background:#ffe3ec;color:#10183b!important;padding:3px 8px;border-radius:2px}.bt-curtain>b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#10183b;color:#ffe3ec!important;font-size:17px}
/* 05 — a quiet ripple */
.bt-ripple{border:1px solid #bbc4df;border-radius:80px;display:flex;gap:31px;align-items:center;justify-content:center;padding:18px 23px;background:#fff9fa;color:#031b80;box-shadow:0 7px 14px #23396d0c;transition:box-shadow .5s,border-color .5s}.bt-ripple:before{content:'';position:absolute;inset:-6px;border:1px solid #073ccf00;border-radius:inherit;transition:inset .5s,border-color .5s}.bt-ripple:is(:hover,:focus-visible):before{inset:-13px;border-color:#073ccf33}.bt-ripple b{font-size:24px;line-height:1;transition:transform .5s}.bt-ripple:is(:hover,:focus-visible) b{transform:rotate(90deg)}.bt-ripple-waves{position:absolute;inset:0;pointer-events:none}.bt-ripple-waves i{position:absolute;left:50%;top:50%;width:240px;height:140px;border:1px solid #073ccf55;border-radius:50%;transform:translate(-50%,-50%) scale(.7);opacity:0}.bt-effect[data-card=ripple] .bt-ripple-waves i{animation:bt-wave 1.5s ease-out both}.bt-effect[data-card=ripple] .bt-ripple-waves i:nth-child(2){animation-delay:.18s}.bt-effect[data-card=ripple] .bt-ripple-waves i:nth-child(3){animation-delay:.36s}@keyframes bt-wave{0%{transform:translate(-50%,-50%) scale(.7);opacity:.7}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
/* 06 — tactile depth, reversible */
.bt-perspective-stage{perspective:850px}.bt-perspective-lines{position:absolute;width:270px;height:165px;border:1px solid #8ea7ff22;transform:rotate(-10deg);box-shadow:20px 20px 0 -1px #080b18,20px 20px 0 0 #8ea7ff17}.bt-perspective{width:250px;height:66px;padding:0;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .35s;overflow:visible}.bt-flip{display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.bt-front,.bt-reverse{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(125deg,#e8ecff26,#a1b8ff12);border:1px solid #c1cdff88;border-radius:9px;box-shadow:0 15px 30px #0004,0 1px 0 #fff3 inset;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#ffe3ec}.bt-front b,.bt-reverse b{font-size:24px;line-height:1}.bt-reverse{transform:rotateX(180deg);background:#ffe3ec;color:#10183b;font-size:11px}.bt-card.bt-selected[data-card=perspective] .bt-flip{transform:rotateX(180deg)}.bt-card.bt-selected[data-card=perspective] .bt-perspective-lines{border-color:#ffb1cb55}
/* 07 — drawn with a single gesture */
.bt-signature-ghost{position:absolute;font:italic 140px/1 var(--serif);letter-spacing:-12px;color:#aa6c840a;transform:rotate(-14deg);pointer-events:none}.bt-signature{padding:0 0 15px;min-width:245px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:italic 34px/1.3 var(--serif);letter-spacing:-1px;color:#4d2c44}.bt-signature b{font:22px var(--sans);transition:transform .4s}.bt-signature svg{position:absolute;bottom:0;left:0;width:100%;height:23px;overflow:visible;fill:none;stroke:#8d496b;stroke-width:1.5;stroke-linecap:round}.bt-signature path{stroke-dasharray:340;stroke-dashoffset:280;transition:stroke-dashoffset .9s cubic-bezier(.2,.65,.3,1)}.bt-signature:is(:hover,:focus-visible) path,.bt-selected[data-card=signature] .bt-signature path{stroke-dashoffset:0}.bt-signature:is(:hover,:focus-visible) b{transform:translateY(5px)}.bt-selected[data-card=signature] .bt-signature-ghost{color:#aa6c841a}
/* 08 — the arrow joins the invitation */
.bt-invitation-lines{position:absolute;width:330px;height:125px;border:1px solid #c6c0d144;border-radius:70px;transform:rotate(-18deg)}.bt-invitation{display:flex;align-items:center;gap:12px;padding:0;background:transparent}.bt-invitation>span{padding:18px 25px;background:#080b18;color:#fff9fa;border-radius:60px;min-height:56px;display:flex;align-items:center}.bt-invitation>b{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#073ccf;color:#ffe3ec;font-size:25px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s}.bt-invitation i{font-style:normal;transition:transform .5s}.bt-invitation:is(:hover,:focus-visible)>b{transform:translateX(-10px);background:#ffb1cb;color:#080b18}.bt-invitation:is(:hover,:focus-visible) i{transform:rotate(45deg)}
/* 09 — restrained stardust */
.bt-stardust{display:flex;align-items:center;justify-content:center;gap:35px;padding:18px 24px;border-radius:4px;border:1px solid #f4c1d49c;background:#151c33;box-shadow:0 0 25px #ffb1cb08;transition:box-shadow .4s,border-color .4s}.bt-stardust:before,.bt-stardust:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #ffe3ec;transform:rotate(45deg);top:-3px;left:-3px;background:#10183b}.bt-stardust:after{left:auto;top:auto;right:-3px;bottom:-3px}.bt-stardust b{font-size:20px;transition:transform .7s}.bt-stardust:is(:hover,:focus-visible){box-shadow:0 0 50px #ffb1cb21;border-color:#fff2f7}.bt-stardust:is(:hover,:focus-visible) b{transform:rotate(135deg)}.bt-stars{position:absolute;inset:0;pointer-events:none}.bt-stars i{position:absolute;font-size:18px;font-style:normal;color:#ffb1cb;opacity:.3;transition:opacity .5s,transform .6s}.bt-stars i:nth-child(1){left:23%;top:26%;font-size:12px}.bt-stars i:nth-child(2){right:22%;top:20%;font-size:23px}.bt-stars i:nth-child(3){left:19%;bottom:28%;font-size:9px}.bt-stars i:nth-child(4){right:18%;top:55%;font-size:30px}.bt-stars i:nth-child(5){right:35%;bottom:24%;font-size:12px}.bt-stardust-stage:has(.bt-demo:is(:hover,:focus-visible)) .bt-stars i{opacity:1;transform:rotate(45deg) scale(1.2)}.bt-particles{position:absolute;inset:0;pointer-events:none;z-index:4}.bt-particle{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);background:var(--color);border-radius:1px;animation:bt-burst 1.3s cubic-bezier(.1,.7,.2,1) forwards}.bt-particle:nth-child(3n){clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:calc(var(--size) * 2);height:calc(var(--size) * 2)}@keyframes bt-burst{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}15%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(.7);opacity:0}}
/* 10 — keep a little feeling */
.bt-favorite{border:1px solid #e4d5ed88;border-radius:60px;padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:16px;background:#ffffff08;transition:background .4s,border-color .4s,box-shadow .4s;min-width:233px}.bt-favorite svg{width:21px;height:21px;overflow:visible;stroke:#ffe3ec;fill:transparent;stroke-width:1.5;transition:fill .5s,transform .5s}.bt-favorite path{stroke-dasharray:90;stroke-dashoffset:0}.bt-favorite:is(:hover,:focus-visible) svg{transform:scale(1.16)}.bt-favorite:is(:hover,:focus-visible) path{animation:bt-heart-line .7s ease-out}.bt-favorite-halo{position:absolute;width:100px;height:100px;border-radius:50%;background:#ffb1cb20;filter:blur(30px);opacity:0;transition:opacity .5s,transform .7s}.bt-selected[data-card=favorite] .bt-favorite{background:#ffe3ec;color:#031b80;border-color:#ffe3ec;box-shadow:0 10px 35px #080b1833}.bt-selected[data-card=favorite] .bt-favorite svg{fill:#b54d74;stroke:#b54d74;transform:scale(1.05)}.bt-selected[data-card=favorite] .bt-favorite-halo{opacity:1;transform:scale(2.7)}@keyframes bt-heart-line{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}
.bt-reset-status{font-size:11px;color:#64566c;margin:18px 0 0;min-height:18px}.bt-endnote{display:flex;justify-content:space-between;gap:30px;padding:17px 0 33px;border-bottom:1px solid #ded8e3;align-items:center}.bt-endnote>span{font-size:8px;letter-spacing:1.4px;color:#8c7486}.bt-endnote p{font-size:10px;color:#89828e;margin:0}.bt-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:80px}.bt-story .bt-eyebrow{color:#826478}.bt-story h2{font-size:clamp(33px,3.5vw,48px);margin:0}.bt-story h2 em{color:#a85b7a}.bt-story>div>p:not(.bt-eyebrow){font-size:14px;line-height:1.8;color:#746d7d;max-width:520px}.bt-story .button{background:#080b18;border-color:#080b18;font-size:10px}.bt-dialog{padding:44px 42px 35px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e6cfdb;border-radius:3px;background:#fff9fa;color:#080b18;box-shadow:0 35px 100px #0007}.bt-dialog::backdrop{background:#080b18c9;backdrop-filter:blur(9px)}.bt-dialog-close{position:absolute;top:13px;right:14px;border:0;background:transparent;color:#776779;font-size:27px;line-height:1;width:36px;height:36px;cursor:pointer}.bt-dialog .bt-eyebrow{color:#a46e87;font-size:8px}.bt-dialog h2{font-size:57px;margin:35px 0 24px;line-height:.98}.bt-dialog h2 em{color:#a85b7a}.bt-dialog-star{position:absolute;top:90px;right:38px;color:#073ccf;font:42px var(--serif);transform:rotate(12deg)}.bt-dialog>p:not(.bt-eyebrow){font-size:13px;line-height:1.7;color:#7a6e7c}.bt-dialog>.button{width:100%;background:#080b18;border-color:#080b18;font-size:10px;margin-top:12px}.bt-dialog-back{display:block;border:0;border-bottom:1px solid #cdbac9;background:none;margin:22px auto 0;padding:0 0 3px;color:#7b6275;font-size:10px;cursor:pointer}.page-buttons.bt-dialog-open{overflow:hidden}.bt-noscript{font-size:13px;padding:18px;background:#ffe3ec}.bt-no-motion *, .bt-no-motion *:before,.bt-no-motion *:after{transition:none!important;animation:none!important}.bt-no-motion .bt-demo{--px:0px!important;--py:0px!important;--rx:0deg!important;--ry:0deg!important}.bt-no-motion .bt-particles{display:none}.bt-no-motion .bt-card.bt-effect[data-card=magnet] .bt-magnet-field i{left:var(--dot-x);top:var(--dot-y);opacity:1}.bt-no-motion .bt-effect[data-card=ripple] .bt-ripple-waves i{opacity:.3;transform:translate(-50%,-50%) scale(1.35)}.bt-no-motion .bt-effect[data-card=ripple] .bt-ripple-waves i:nth-child(2){transform:translate(-50%,-50%) scale(1.65)}.bt-no-motion .bt-effect[data-card=ripple] .bt-ripple-waves i:nth-child(3){display:none}.bt-paused-offscreen *{animation-play-state:paused!important}
@media(min-width:1500px){.bt-stage{height:300px}.bt-info{padding:24px 29px}.bt-info h2{font-size:32px}.bt-description{font-size:12px}}
@media(max-width:900px){.bt-hero-copy{max-width:290px}.bt-hero h1{font-size:58px}.bt-hero-copy p{font-size:23px}.bt-hero-row{gap:25px}.bt-grid{gap:24px 18px}.bt-stage{height:255px}.bt-info{padding:18px}.bt-info h2{font-size:26px}.bt-behavior{gap:11px;font-size:8px}.bt-description{font-size:10px}.bt-index{left:18px;font-size:7px;letter-spacing:1px}.bt-stage-mark{right:18px}.bt-demo{font-size:11px}.bt-invitation>span{padding:17px 18px}.bt-invitation{gap:8px}.bt-invitation>b{width:51px;height:51px}.bt-signature{font-size:31px;min-width:224px}.bt-perspective{width:235px}.bt-palette>span{font-size:6px;letter-spacing:.6px}.bt-story{gap:35px}.bt-endnote{align-items:flex-start}.bt-endnote>span{max-width:220px;line-height:1.7}.bt-endnote p{max-width:290px}.bt-reveal>span:last-child{font-size:28px}.bt-reveal{gap:17px}.bt-reveal-star{font-size:42px}}
@media(max-width:640px){.page-buttons{--shell:calc(100vw - 32px)}.bt-hero{padding-top:112px}.bt-back{font-size:10px}.bt-hero-row{display:block;margin:29px 0 27px}.bt-hero h1{font-size:54px;letter-spacing:-1.7px}.bt-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:15px}.bt-hero-copy{max-width:none;margin-top:27px}.bt-edition{font-size:8px}.bt-hero-copy p{font-size:22px;margin:10px 0 19px}.bt-palette>span{font-size:7px;letter-spacing:.6px}.bt-hero-foot{padding:17px 0;display:block}.bt-hero-foot>span:first-child{display:block;font-size:7px;margin-bottom:8px}.bt-hero-foot>span:last-child{font-size:9px}.bt-hero-foot b{margin-left:13px;font-size:16px}.bt-collection{padding-top:23px}.bt-toolbar{gap:10px;align-items:flex-start;padding-bottom:18px}.bt-toolbar p{font-size:8px;white-space:nowrap}.bt-toolbar p>span{font-size:25px;margin-right:2px}.bt-toolbar>div{flex-direction:column;gap:0;align-items:flex-end}.bt-toolbar button{font-size:9px;padding:3px 0;min-height:26px}.bt-toolbar button span{font-size:12px}.bt-grid{grid-template-columns:1fr;gap:23px}.bt-stage{height:265px}.bt-info{padding:21px}.bt-info h2{font-size:30px}.bt-description{font-size:11px;margin-bottom:16px}.bt-behavior{font-size:9px;gap:17px}.bt-output{font-size:10px;margin-top:13px;min-height:30px}.bt-demo{font-size:12px}.bt-index{font-size:7px}.bt-signature{font-size:33px;min-width:240px}.bt-perspective{width:248px}.bt-invitation>span{padding:18px 22px}.bt-invitation>b{width:55px;height:55px}.bt-endnote{display:block;padding-bottom:24px}.bt-endnote>span{display:block;max-width:100%;font-size:7px}.bt-endnote p{margin-top:10px;max-width:100%;font-size:10px}.bt-story{grid-template-columns:1fr;gap:25px;padding-top:43px;padding-bottom:50px}.bt-story h2{font-size:38px}.bt-story>div>p:not(.bt-eyebrow){font-size:13px}.bt-dialog{padding:37px 28px 30px}.bt-dialog h2{font-size:52px}.bt-dialog-star{right:28px;font-size:36px}.bt-reveal>span:last-child{font-size:30px}}
@media(prefers-reduced-motion:reduce){.page-buttons *, .page-buttons *:before,.page-buttons *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bt-demo{--px:0px!important;--py:0px!important;--rx:0deg!important;--ry:0deg!important}.bt-particles{display:none}}

/* Edition 02 — ten more gestures, designed to travel. */
[data-bt-atelier]{--serif:"Bodoni 72","Bodoni MT",Didot,Georgia,serif;--sans:Manrope,Inter,"Segoe UI",Arial,sans-serif}
[data-bt-atelier] *,[data-bt-atelier] *:before,[data-bt-atelier] *:after{box-sizing:border-box}
[data-bt-atelier] [hidden]{display:none!important}
.bt-download-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;margin:0 0 25px;border:1px solid #ded5df;background:linear-gradient(120deg,#f8edf1,#efedf7);border-radius:3px}
.bt-download-intro p{margin:0 0 5px;font:400 25px/1.15 var(--serif);letter-spacing:-.5px;color:#1b1930}.bt-download-intro small{font:11px/1.6 var(--sans);color:#7b6b7c}.bt-download-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.bt-download-all{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 20px;background:#10183b;border:1px solid #10183b;border-radius:3px;color:#fff9fa;font:600 11px/1.5 var(--sans);text-decoration:none;white-space:nowrap;transition:background .3s,box-shadow .3s}.bt-download-all span{font-size:19px;font-weight:400}.bt-download-all:hover{background:#073ccf;box-shadow:0 8px 20px #073ccf20}.bt-download-meta{font:8px/1.5 var(--sans);color:#847a8c;letter-spacing:.5px}.bt-code-download{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding:12px 0 0;border-top:1px solid #e5dfe5;text-decoration:none;color:#6f5f72;font:500 10px/1.5 var(--sans)}.bt-code-download span{font-size:16px;transition:transform .25s}.bt-code-download:hover{color:#073ccf}.bt-code-download:hover span{transform:translateY(3px)}.bt-download-all:focus-visible,.bt-code-download:focus-visible,.bt-jump:focus-visible{outline:3px solid #073ccf;outline-offset:4px}.bt-jump{font-size:10px;color:#92738a;text-underline-offset:4px;margin-left:20px}.bt-chapter{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding:34px 0 16px;scroll-margin-top:128px}.bt-chapter .bt-eyebrow{color:#907185;font-size:8px}.bt-chapter h2{font:400 44px/1.04 var(--serif);letter-spacing:-1.2px;margin:0}.bt-chapter h2 em{color:#9b617d}.bt-chapter>p{font:12px/1.8 var(--sans);color:#857689;margin:0 0 3px}.bt-download-footer{margin-top:28px}.bt-export-note{font:11px/1.7 var(--sans);color:#817286;margin:14px 0 0}.bt-card{scroll-margin-top:125px}.bt-card[data-tried=true] .bt-code-download{color:#375080}
/* 11 — an aperture becomes a flower */
.bt-iris{width:100px;height:100px;min-height:100px;border-radius:50%;padding:0;background:radial-gradient(circle at 30% 15%,#37476f,#10183b 65%);border:1px solid #e9d1e39c;box-shadow:0 0 0 6px #d7b1cf0a,0 8px 18px #0003;color:#ffe3ec;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:box-shadow .5s,transform .6s}.bt-iris>span{font:37px/1 var(--serif);transition:transform .7s}.bt-iris>small{font:7px/1 var(--sans);letter-spacing:1.5px}.bt-iris:is(:hover,:focus-visible){box-shadow:0 0 0 12px #d7b1cf10,0 0 45px #ec9ec526}.bt-iris:is(:hover,:focus-visible)>span{transform:rotate(60deg)}.bt-iris-petals{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1}.bt-iris-petals i{position:absolute;left:-37px;top:-37px;width:74px;height:74px;border-radius:12% 70% 12% 70%;border:1px solid #ffe3ec88;background:linear-gradient(135deg,#ffe3ec77,#ff7ca20a);transform:rotate(var(--angle)) translateX(20px) scale(.65);transition:transform .9s cubic-bezier(.22,.8,.22,1),background .7s}.bt-iris-petals i:nth-child(1){--angle:0deg}.bt-iris-petals i:nth-child(2){--angle:60deg}.bt-iris-petals i:nth-child(3){--angle:120deg}.bt-iris-petals i:nth-child(4){--angle:180deg}.bt-iris-petals i:nth-child(5){--angle:240deg}.bt-iris-petals i:nth-child(6){--angle:300deg}.bt-iris-stage:has(.bt-iris:is(:hover,:focus-visible)) .bt-iris-petals i{transform:rotate(var(--angle)) translateX(32px) scale(.85)}.bt-selected[data-card=iris] .bt-iris-petals i,.bt-selected[data-card=iris] .bt-iris-stage:has(.bt-iris:is(:hover,:focus-visible)) .bt-iris-petals i{transform:rotate(calc(var(--angle) + 35deg)) translateX(58px) scale(1);background:linear-gradient(135deg,#ffe3ecaa,#9caaf733)}.bt-selected[data-card=iris] .bt-iris{background:#ffe3ec;color:#10183b;transform:scale(.9)}
/* 12 — a continuous line */
.bt-thread{width:238px;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:35px;background:#fff9fa;color:#26335b;box-shadow:0 6px 20px #080b1808}.bt-thread svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#3451a0;stroke-width:1;stroke-dasharray:55 45;stroke-dashoffset:0;transition:stroke-dashoffset 1s,stroke-width .3s}.bt-thread b{font:23px/1 var(--serif);color:#b27897}.bt-thread:is(:hover,:focus-visible) svg{stroke-dashoffset:-100;stroke-width:1.4}.bt-thread-line{position:absolute;left:10%;right:10%;top:50%;height:1px}.bt-thread-line b{display:block;height:1px;background:#c28da7;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1)}.bt-thread-line i{position:absolute;left:0;top:-4px;border:1px solid #b17b96;width:9px;height:9px;border-radius:50%;background:#fff9fa;transition:background .5s,box-shadow .5s}.bt-thread-line i:last-child{left:auto;right:0}.bt-selected[data-card=thread] .bt-thread-line b{transform:scaleX(1)}.bt-selected[data-card=thread] .bt-thread-line i{background:#bd84a0;box-shadow:0 0 0 6px #bd84a014}.bt-selected[data-card=thread] .bt-thread svg{stroke-dasharray:100 0;stroke:#b27897}
/* 13 — faceted light */
.bt-prism{min-width:238px;height:65px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;gap:24px;clip-path:polygon(9% 0,91% 0,100% 50%,91% 100%,9% 100%,0 50%);background:conic-gradient(from 70deg at 36% 30%,#b47d98,#fff0f5,#f6c2d5,#c086a2,#ffe8f0,#b47d98);background-size:150% 150%;background-position:50% 50%;color:#4f2c43;box-shadow:inset 0 0 0 1px #f9e0ee;transition:background-position .7s,transform .6s,color .5s}.bt-prism:before{content:'';position:absolute;inset:3px;clip-path:inherit;border:1px solid #fffb;background:linear-gradient(165deg,#ffffff55 0 35%,transparent 35% 66%,#62204918 66%)}.bt-prism b{font-size:24px}.bt-prism:is(:hover,:focus-visible){background-position:0% 0%;transform:translateY(-3px)}.bt-prism-shards{position:absolute;inset:0;pointer-events:none;opacity:.6}.bt-prism-shards i{position:absolute;width:100px;height:100px;clip-path:polygon(50% 0,100% 100%,0 85%);background:linear-gradient(135deg,#fff9fa99,#b586ab12);left:25%;top:20%;transform:rotate(-35deg);transition:transform 1s,background .8s}.bt-prism-shards i:nth-child(2){left:58%;top:26%;width:80px;transform:rotate(110deg)}.bt-prism-shards i:nth-child(3){left:39%;top:57%;width:130px;height:70px;transform:rotate(15deg)}.bt-prism-stage:has(.bt-prism:is(:hover,:focus-visible)) .bt-prism-shards i{transform:rotate(60deg) scale(1.1)}[data-card=prism][data-prism="1"] .bt-stage{background:radial-gradient(ellipse at 50% 40%,#3d5796,#10183b);--stage-ink:#d9dcec;--accent:#ffe3ec}[data-card=prism][data-prism="1"] .bt-prism{background:conic-gradient(from 70deg at 36% 30%,#2c4486,#b2c9f0,#718dc7,#213575,#c1d3f1,#2c4486);background-size:150% 150%;color:#081739}[data-card=prism][data-prism="2"] .bt-stage{background:linear-gradient(130deg,#eeeaf5,#dce2f4);--stage-ink:#6d6783}[data-card=prism][data-prism="2"] .bt-prism{background:conic-gradient(from 70deg at 36% 30%,#c2b7cf,#fffdfd,#cfd8ec,#bbb1cd,#fff9fa,#c2b7cf);background-size:150% 150%;color:#38314b}
/* 14 — a small elevation */
.bt-elevator{min-width:227px;height:58px;padding:0 23px;border-radius:5px;background:linear-gradient(#fff0f6,#f2b8ce);color:#2e2048;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 5px 0 #ad7a9d,0 16px 28px #080b1850,0 1px 0 white inset;transform:translateY(var(--lift,0px));transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.bt-elevator b{font-size:24px}.bt-elevator:is(:hover,:focus-visible){transform:translateY(calc(var(--lift,0px) - 5px));box-shadow:0 9px 0 #ad7a9d,0 23px 32px #080b184a,0 1px 0 white inset}.bt-elevator-steps{position:absolute;left:50%;top:50%;width:250px;height:80px;transform:translate(-50%,-25%)}.bt-elevator-steps i{position:absolute;left:0;right:0;top:0;height:45px;border:1px solid #ffe3ec22;background:#6276bc0a;transform:translateY(18px) skewX(-15deg);border-radius:5px}.bt-elevator-steps i:nth-child(2){transform:translateY(28px) skewX(-15deg);opacity:.7}.bt-elevator-steps i:nth-child(3){transform:translateY(38px) skewX(-15deg);opacity:.4}.bt-floor{position:absolute;bottom:55px;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:9px;pointer-events:none}.bt-floor>span:first-child{font:italic 22px/1 var(--serif);color:#ffe3ec}.bt-floor>span:last-child{font:7px/1 var(--sans);letter-spacing:1.6px;color:#b4c3eb}
/* 15 — a typographic echo */
.bt-echo{font:italic 48px/1.1 var(--serif);letter-spacing:-1.5px;color:#102454;display:flex;align-items:center;gap:20px;padding:8px 18px;background:#f4f1f8a6;border-radius:3px}.bt-echo b{font:20px/1 var(--sans);color:#b77a98;transition:transform .5s}.bt-echo:is(:hover,:focus-visible) b{transform:translate(5px,-5px)}.bt-echo-trails{position:absolute;inset:0;pointer-events:none}.bt-echo-trails i{position:absolute;left:50%;top:50%;font:italic 48px/1.1 var(--serif);letter-spacing:-1.5px;color:transparent;-webkit-text-stroke:.6px #9a7b9d;opacity:0;transform:translate(-55%,-50%);transition:transform .6s,opacity .5s}.bt-echo-trails i:nth-child(1){--ex:-70px;--ey:-45px}.bt-echo-trails i:nth-child(2){--ex:65px;--ey:35px}.bt-echo-trails i:nth-child(3){--ex:105px;--ey:-20px}.bt-echo-stage:has(.bt-echo:is(:hover,:focus-visible)) .bt-echo-trails i{opacity:.25;transform:translate(calc(-55% + var(--ex) * .3),calc(-50% + var(--ey) * .3))}.bt-effect[data-card=echo] .bt-echo-trails i{animation:bt-echo-out 1.5s ease-out both}.bt-effect[data-card=echo] .bt-echo-trails i:nth-child(2){animation-delay:.12s}.bt-effect[data-card=echo] .bt-echo-trails i:nth-child(3){animation-delay:.24s}@keyframes bt-echo-out{0%{opacity:.5;transform:translate(-55%,-50%)}100%{opacity:0;transform:translate(calc(-55% + var(--ex)),calc(-50% + var(--ey))) scale(1.3)}}
/* 16 — something personal, kept locally */
.bt-capsule{min-width:245px;padding:19px 24px;border-radius:80px;border:1px solid #e5d1e68c;color:#f6deed;background:linear-gradient(110deg,#d6c6e12e,#a2b5e509);box-shadow:0 1px 0 #fffa inset,0 -1px 0 #ffec inset,0 12px 24px #0002;display:flex;align-items:center;justify-content:space-between;gap:21px;transition:box-shadow .5s,background .5s}.bt-capsule b{font-size:21px;line-height:1;color:#dfa3c2;transition:transform .6s}.bt-capsule:is(:hover,:focus-visible){box-shadow:0 1px 0 white inset,0 -1px 0 #fff9 inset,0 0 35px #f8cae329;background:#c2b2e221}.bt-capsule:is(:hover,:focus-visible) b{transform:rotate(90deg)}.bt-capsule-orbit{position:absolute;width:290px;height:90px;border:1px solid #c9a9d019;border-radius:100%;transform:rotate(-25deg)}.bt-capsule-editor{position:absolute;z-index:6;top:57px;left:50%;transform:translateX(-50%);width:min(285px,calc(100% - 40px));padding:17px 18px 12px;border:1px solid #ac9ebc85;background:#17213cec;border-radius:12px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(14px)}.bt-capsule-editor label{display:block;font:11px/1.4 var(--sans);color:#ffe3ec;margin-bottom:10px}.bt-capsule-editor>div{display:flex;gap:6px}.bt-capsule-editor input{min-width:0;width:100%;height:40px;border-radius:4px;border:1px solid #a99ab5;padding:0 9px;font:12px var(--sans);background:#fff9fa;color:#10183b}.bt-capsule-editor button[type=submit]{width:43px;flex-shrink:0;border:0;border-radius:4px;background:#ffe3ec;color:#10183b;font-size:20px;cursor:pointer}.bt-capsule-editor>span{font:8px/1.6 var(--sans);color:#b1acc8;display:block;margin-top:7px}.bt-capsule-editor button[type=button]{border:0;background:none;color:#d7b4cc;font:9px var(--sans);padding:8px 0 3px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:27px}.bt-editing .bt-capsule{visibility:hidden}.bt-capsule-editor :focus-visible{outline:2px solid #ffb1cb;outline-offset:3px}
/* 17 — a small instrument for big ideas */
.bt-compass{width:100px;height:100px;min-height:100px;padding:0;border:1px solid #c598ac;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff9fa,#f6d7e3 70%);box-shadow:0 0 0 6px #fffc,0 0 0 7px #c598ac44,0 10px 20px #86506e22;display:flex;align-items:center;justify-content:center;transition:box-shadow .5s}.bt-compass:before,.bt-compass:after{content:'';position:absolute;left:13px;right:13px;top:50%;height:1px;background:#b08ca422}.bt-compass:after{transform:rotate(90deg)}.bt-needle{font:54px/1 var(--serif);color:#1e305d;transform:rotate(var(--needle,var(--chosen-needle,0deg)));transition:transform .7s cubic-bezier(.2,.85,.2,1);text-shadow:0 3px 2px #0001}.bt-compass-dot{position:absolute!important;left:calc(50% - 3px);top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#bc7d9d;border:1px solid #fff9fa;z-index:4!important}.bt-compass:is(:hover,:focus-visible){box-shadow:0 0 0 6px #fffc,0 0 0 7px #c598ac66,0 14px 25px #86506e30}.bt-compass-rose{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);border:1px dashed #b58c9f3b;border-radius:50%}.bt-compass-rose i{position:absolute;font:8px/1 var(--sans);font-style:normal;color:#9b758e;top:-4px;left:calc(50% - 3px);background:#f8dce6;padding:0 2px}.bt-compass-rose i:nth-child(2){top:calc(50% - 4px);left:auto;right:-4px}.bt-compass-rose i:nth-child(3){top:auto;bottom:-4px}.bt-compass-rose i:nth-child(4){top:calc(50% - 4px);left:-4px}
/* 18 — a tactile balance */
.bt-balance{width:246px;height:64px;min-height:64px;padding:0 24px;border:1px solid #263556;border-radius:60px;background:linear-gradient(90deg,#10183b 0 50%,#ffe3ec 50%);display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 0 #ada2b8,0 13px 20px #18152c17;transform:rotate(-3deg);transition:transform .6s,box-shadow .6s,background .4s}.bt-balance>span{font:italic 24px/1 var(--serif);color:#ffe3ec}.bt-balance>span:last-child{color:#10183b}.bt-balance>i{font:italic 18px/1 var(--serif);font-style:italic;color:#38415f;display:flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#fff9fa;position:absolute;left:calc(50% - 15px);top:16px;border:1px solid #c2bacd}.bt-balance:is(:hover,:focus-visible){transform:rotate(0deg) translateY(-4px);box-shadow:0 9px 0 #ada2b8,0 20px 23px #18152c12}.bt-balance-base{position:absolute;left:50%;top:calc(50% + 27px);width:45px;height:27px;transform:translateX(-50%);background:linear-gradient(100deg,#d0b6c8,#f5e5ee);clip-path:polygon(50% 0,100% 100%,0 100%)}.bt-selected[data-card=balance] .bt-balance{transform:rotate(3deg);background:linear-gradient(90deg,#ffe3ec 0 50%,#10183b 50%)}.bt-selected[data-card=balance] .bt-balance>span:first-child{color:#10183b}.bt-selected[data-card=balance] .bt-balance>span:last-child{color:#ffe3ec}.bt-selected[data-card=balance] .bt-stage{background:radial-gradient(ellipse at 50% 50%,#fff9fa,#e2e7f4)}
/* 19 — a folded ribbon */
.bt-ribbon{min-width:220px;height:55px;padding:0 24px;background:linear-gradient(110deg,#f8c5d8,#ffdfec 45%,#d999b7);color:#3e2848;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 10px 25px #0003;isolation:isolate;transition:transform .6s}.bt-ribbon:before,.bt-ribbon:after{content:'';position:absolute;top:8px;bottom:-8px;width:30px;background:#b57999;z-index:-1;transition:transform .6s,background .6s;transform-origin:right center;left:-22px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,28% 50%)}.bt-ribbon:after{left:auto;right:-22px;transform-origin:left center;clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}.bt-ribbon>i{position:absolute;inset:3px;border:1px solid #fff5;pointer-events:none}.bt-ribbon b{font-size:21px}.bt-ribbon:is(:hover,:focus-visible):before{transform:translateX(-5px) rotate(-8deg);background:#d6a4bd}.bt-ribbon:is(:hover,:focus-visible):after{transform:translateX(5px) rotate(8deg);background:#d6a4bd}.bt-ribbon-message{position:absolute;left:25px;right:25px;top:65px;text-align:center;margin:0;font:italic 28px/1.1 var(--serif);letter-spacing:-.5px;color:#ffe3ec}.bt-selected[data-card=ribbon] .bt-ribbon{transform:translateY(35px)}
/* 20 — an unfolding fan */
.bt-finale{min-width:175px;min-height:60px;border-radius:60px;padding:12px 21px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0d2258;color:#ffe3ec;border:1px solid #e1bad5ba;box-shadow:0 10px 25px #031b8066;transition:background .6s,box-shadow .6s,color .6s}.bt-finale>span{font:italic 30px/1 var(--serif);letter-spacing:-.5px}.bt-finale>b{font:24px/1 var(--serif);transition:transform .9s}.bt-finale:is(:hover,:focus-visible){box-shadow:0 0 0 7px #ffe3ec0c,0 0 35px #ffe3ec15}.bt-finale:is(:hover,:focus-visible)>b{transform:rotate(180deg)}.bt-finale-fan{position:absolute;left:50%;top:50%;width:0;height:0;z-index:1}.bt-finale-fan i{position:absolute;left:-28px;bottom:-25px;width:56px;height:139px;border:1px solid #ffe3ec6e;border-radius:45px 45px 4px 4px;background:linear-gradient(#ffe3ec88,#ff7ca211);transform-origin:50% 100%;transform:rotate(0deg) scaleY(.2);opacity:.1;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .7s}.bt-finale-fan i:nth-child(1){--fan:-72deg}.bt-finale-fan i:nth-child(2){--fan:-48deg}.bt-finale-fan i:nth-child(3){--fan:-24deg}.bt-finale-fan i:nth-child(4){--fan:0deg}.bt-finale-fan i:nth-child(5){--fan:24deg}.bt-finale-fan i:nth-child(6){--fan:48deg}.bt-finale-fan i:nth-child(7){--fan:72deg}.bt-selected[data-card=finale] .bt-finale-fan i{transform:rotate(var(--fan)) scaleY(1);opacity:.9}.bt-selected[data-card=finale] .bt-finale{background:#ffe3ec;color:#10183b}.bt-selected[data-card=finale] .bt-finale>b{transform:rotate(180deg)}
.bt-no-motion .bt-echo-trails i{animation:none!important}.bt-no-motion .bt-needle{transition:none}.bt-no-motion .bt-demo{--needle:var(--chosen-needle,0deg)!important}.bt-no-motion .bt-effect[data-card=echo] .bt-echo-trails i{opacity:.16;transform:translate(calc(-55% + var(--ex)),calc(-50% + var(--ey)))}body.bt-dialog-open{overflow:hidden}
@media(max-width:900px){.bt-download-intro{padding:22px;gap:20px}.bt-download-intro p{font-size:23px}.bt-download-intro small{font-size:10px}.bt-download-all{font-size:10px;padding:13px 16px;gap:15px}.bt-chapter h2{font-size:39px}.bt-chapter>p{font-size:11px}.bt-prism{min-width:225px}.bt-ribbon-message{font-size:25px}.bt-balance{width:232px}.bt-capsule{min-width:235px;font-size:11px}}
@media(max-width:640px){.bt-download-intro{display:block;padding:22px;margin-bottom:20px}.bt-download-intro p{font-size:26px}.bt-download-intro small{font-size:10px}.bt-download-actions{align-items:stretch;margin-top:17px;gap:8px}.bt-download-all{font-size:11px;justify-content:space-between;padding:13px 17px}.bt-download-meta{font-size:8px;text-align:right}.bt-jump{font-size:8px;margin-left:10px;display:block;margin-top:4px}.bt-chapter{display:block;padding:24px 0 5px}.bt-chapter h2{font-size:37px}.bt-chapter>p{margin-top:16px;font-size:11px}.bt-code-download{font-size:10px;min-height:40px}.bt-code-download span{font-size:18px}.bt-ribbon-message{font-size:25px;top:68px}.bt-ribbon{min-width:215px}.bt-prism{min-width:235px}.bt-capsule{min-width:245px;font-size:11px}.bt-balance{width:240px}.bt-balance>span{font-size:24px}.bt-echo{font-size:44px}.bt-echo-trails i{font-size:44px}.bt-download-footer{margin-top:22px}}
@media(prefers-reduced-motion:reduce){[data-bt-atelier] *,[data-bt-atelier] *:before,[data-bt-atelier] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bt-dialog-demo{display:block;width:100%;padding:16px 18px;border:0;border-radius:40px;background:#10183b;color:#fff9fa;font:600 11px var(--sans);cursor:pointer;margin-top:18px}.bt-toolbar p{font-family:var(--sans)}