/* A made-to-measure web atelier. Scoped to the new section only. */
body.web-page .pw-bespoke { width:min(84%,1180px); }
.pw-bespoke .bs-shell {
  position:relative; isolation:isolate; overflow:hidden; padding:0;
  border-radius:0; background:transparent; color:var(--white);
}
.bs-topline {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:38px;font:500 10px/1.5 DM,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--gray)}
.bs-signature {display:flex;align-items:center;gap:10px}
.bs-signature svg {width:24px;height:24px;color:var(--purple)}
.bs-edition {font-variant-numeric:tabular-nums;opacity:.75}
.bs-heading {display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:end;margin-bottom:48px}
body.web-page .bs-heading h2 {font-size:clamp(40px,5.5vw,78px)!important;line-height:1.02;letter-spacing:-.055em;color:var(--white);margin:0;max-width:850px;text-wrap:balance}
.bs-heading h2 em {display:block;color:var(--purple);font-style:normal}
.bs-intro {max-width:34ch;padding-bottom:5px;justify-self:end}
.bs-intro p {margin:0 0 18px}
.bs-lab {border:1px solid color-mix(in srgb,var(--purple) 22%,transparent);border-radius:20px;overflow:hidden;background:transparent}
.bs-tabs {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px;border-bottom:1px solid color-mix(in srgb,var(--purple) 22%,transparent)}
.bs-tab {display:flex;gap:12px;align-items:center;justify-content:center;min-height:62px;padding:12px 8px;border:0;border-radius:12px;background:transparent;color:var(--gray);cursor:pointer;font:400 15px/1.3 DM,sans-serif;transition:background .25s,color .25s}
.bs-tab span {font:400 19px/1 Fraunces,serif;opacity:.65}
.bs-tab[aria-selected="true"] {background:var(--purple);color:#fff}
.bs-tab:hover:not([aria-selected="true"]) {background:color-mix(in srgb,var(--purple) 7%,transparent);color:var(--white)}
.bs-lab :is(button,input):focus-visible {outline:2px solid var(--purple);outline-offset:4px}
.bs-lab .bs-tab:focus-visible {outline-offset:-3px;outline-color:currentColor}
.bs-workspace {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);min-height:465px}
.bs-scene {position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:42px 32px 54px;perspective:1200px;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#7550822b,transparent 65%)}
.bs-scene::before,.bs-scene::after {content:"";position:absolute;width:26px;height:26px;border-color:#9e7eac5c;border-style:solid;pointer-events:none}
.bs-scene::before {top:20px;left:20px;border-width:1px 0 0 1px}
.bs-scene::after {bottom:28px;right:20px;border-width:0 1px 1px 0}
.bs-orbit {position:absolute;width:390px;height:390px;max-width:90%;border:1px solid #b598c21a;border-radius:50%;transform:rotateX(58deg) rotateZ(-20deg);pointer-events:none}
.bs-orbit::before,.bs-orbit::after {content:"";position:absolute;inset:-35px;border:1px solid #b598c21a;border-radius:50%}
.bs-orbit::after {inset:35px}
.bs-preview {--demo-bg:#f2eade;--demo-ink:#4e2766;--demo-accent:#bc95cb;position:relative;width:100%;max-width:570px;min-width:0;transform:rotateY(-7deg) rotateX(5deg) rotateZ(-2deg);transition:transform .65s,width .65s,max-width .65s;z-index:1}
.bs-preview[data-palette="forest"] {--demo-bg:#e8eddf;--demo-ink:#27493c;--demo-accent:#91ae88}
.bs-preview[data-palette="clay"] {--demo-bg:#f5e7de;--demo-ink:#813d2b;--demo-accent:#d7a080}
.bs-preview::before,.bs-preview::after {content:"";position:absolute;inset:0;border:1px solid #b997ce60;border-radius:10px;background:#573665;z-index:-1;transition:transform .65s,opacity .65s;opacity:.5;transform:translate(9px,12px)}
.bs-preview::after {background:#432650;transform:translate(18px,24px);z-index:-2;opacity:.4}
.bs-window {position:relative;overflow:hidden;border-radius:10px;background:var(--demo-bg);color:var(--demo-ink);box-shadow:0 28px 50px #10081655;transition:background .5s,color .5s}
.bs-browserline {height:27px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;border-bottom:1px solid color-mix(in srgb,var(--demo-ink) 15%,transparent);font:400 8px/1 DM,sans-serif;letter-spacing:.04em}
.bs-browserdots {display:flex;gap:4px}.bs-browserdots i {width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.4}
.bs-mocknav {display:flex;align-items:center;justify-content:space-between;padding:20px 24px 10px;font:500 8px/1.4 DM,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.bs-mockbrand {font-size:16px;letter-spacing:-.04em}
.bs-mockhero {position:relative;min-height:245px;display:flex;align-items:center;padding:22px 24px 32px}
.bs-mockcopy {position:relative;z-index:2;width:68%;pointer-events:none}
.bs-mockeyebrow {font:500 7px/1.5 DM,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.bs-mockheadline {display:block;font:400 clamp(24px,3vw,43px)/1.05 Caviar,sans-serif;letter-spacing:-.055em;margin:14px 0 22px;overflow-wrap:anywhere;text-wrap:balance;max-width:9ch}
.bs-mocklink {display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;font:500 8px/1.4 DM,sans-serif}
.bs-mocklink svg {width:12px;height:12px}
.bs-sculpture {position:absolute;width:62%;height:105%;right:-9%;bottom:-6%;color:var(--demo-ink);transition:color .5s,transform .8s;transform:rotate(-12deg)}
.bs-sculpture .bs-art-accent {fill:var(--demo-accent);transition:fill .5s}
.bs-sculpture .bs-art-cut {fill:var(--demo-bg);transition:fill .5s}
.bs-mockfoot {display:flex;justify-content:space-between;gap:12px;position:relative;padding:13px 24px;border-top:1px solid color-mix(in srgb,var(--demo-ink) 16%,transparent);font:400 7px/1.4 DM,sans-serif;letter-spacing:.06em}
.bs-caption {position:absolute;bottom:12px;left:12px;right:12px;text-align:center;font:400 10px/1.5 DM,sans-serif;color:var(--gray)}
.bs-inspector {padding:38px 32px 28px;display:flex;align-items:center;background:color-mix(in srgb,var(--bg-dark) 65%,transparent);min-width:0}
.bs-panel {width:100%}.bs-panel[hidden] {display:none}
.bs-tech {display:inline-flex;align-items:center;gap:8px;font:500 10px/1.3 DM,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin-bottom:18px}
.bs-tech svg {height:17px;width:17px}
body.web-page .bs-panel h3 {color:var(--white);font-size:clamp(25px,2.6vw,36px);line-height:1.12;letter-spacing:-.035em;margin:0 0 16px;text-wrap:balance}
.bs-panel p {margin:0 0 24px;max-width:38ch}
.bs-control-label {display:block;font:400 10px/1.5 DM,sans-serif;color:var(--gray);margin-bottom:11px}
.bs-palettes {display:flex;gap:10px}
.bs-palette {width:38px;height:38px;border:1px solid #ffffff30;border-radius:50%;position:relative;cursor:pointer;padding:0;transition:transform .25s;background:var(--swatch)}
.bs-palette[data-bespoke-palette="lilac"] {--swatch:#bc95cb}.bs-palette[data-bespoke-palette="forest"] {--swatch:#91ae88}.bs-palette[data-bespoke-palette="clay"] {--swatch:#d7a080}
.bs-palette[aria-pressed="true"]::after {content:"";position:absolute;inset:-5px;border:1px solid var(--purple);border-radius:50%}
.bs-palette:hover {transform:translateY(-3px)}
.bs-action {display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:11px 16px;min-height:42px;border:1px solid color-mix(in srgb,var(--purple) 45%,transparent);border-radius:7px;background:transparent;color:var(--white);cursor:pointer;font:400 12px/1.4 DM,sans-serif;transition:background .2s}
.bs-action:hover {background:color-mix(in srgb,var(--purple) 8%,transparent)}.bs-action svg {width:17px;height:17px}
.bs-speed-note {display:flex;gap:7px;align-items:center;margin:0 0 20px;font:400 11px/1.5 DM,sans-serif;color:var(--purple)}
.bs-speed-note svg {width:15px;height:15px}
.bs-edit {display:grid;gap:9px}.bs-edit label {font:400 10px/1.5 DM,sans-serif;color:var(--gray)}
.bs-edit input {width:100%;min-width:0;border:1px solid color-mix(in srgb,var(--purple) 40%,transparent);background:var(--bg-deep);border-radius:6px;padding:11px 12px;color:var(--white);font:400 13px/1.4 DM,sans-serif}
.bs-edit .bs-action {background:var(--purple);color:#fff;border-color:var(--purple);justify-self:start}
.bs-edit-status {min-height:28px;font:400 10px/1.4 DM,sans-serif;color:var(--purple)}
.bs-demo-note {display:block;margin-top:9px;font:400 9px/1.45 DM,sans-serif;color:var(--gray)}
.bs-lab[data-mode="speed"] .bs-preview {transform:rotate(0);}
.bs-lab[data-mode="speed"] .bs-preview::before {transform:translate(0,12px) scale(.94)}
.bs-lab[data-mode="speed"] .bs-preview::after {transform:translate(0,24px) scale(.88)}
.bs-lab[data-mode="content"] .bs-preview {transform:none}
.bs-lab[data-mode="content"] .bs-preview::before,.bs-lab[data-mode="content"] .bs-preview::after {opacity:0;transform:none}
.bs-lab[data-mode="content"] .bs-mockheadline {outline:1px dashed var(--demo-ink);outline-offset:8px}
.bs-preview.is-mobile {max-width:210px;transform:none}
.bs-preview.is-mobile .bs-mocknav {padding:18px 16px 8px}.bs-preview.is-mobile .bs-mocknav>span:last-child {display:none}
.bs-preview.is-mobile .bs-mockhero {min-height:270px;padding:20px 16px;align-items:flex-start}
.bs-preview.is-mobile .bs-mockheadline {font-size:29px}
.bs-preview.is-mobile .bs-mockcopy {width:95%}
.bs-preview.is-mobile .bs-sculpture {height:65%;width:85%;right:-20%;bottom:-8%}
.bs-preview.is-mobile .bs-mockfoot {padding-inline:16px;font-size:6px}
.bs-foundation {display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:32px}
.bs-foundation-item {display:grid;grid-template-columns:28px 1fr;gap:8px 12px;align-items:start}
.bs-foundation-item>svg {width:23px;height:23px;color:var(--purple);grid-row:1/3;margin-top:3px}
body.web-page .bs-foundation-item h3 {font:400 17px/1.35 Caviar,sans-serif!important;letter-spacing:-.02em;margin:0;color:var(--white)}
body.web-page .bs-foundation-item p {margin:0;font-size:14px!important;line-height:1.62!important;color:var(--gray)}
.bs-footnote {display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:21px;border-top:1px solid color-mix(in srgb,var(--purple) 22%,transparent);font:400 10px/1.6 DM,sans-serif;color:var(--gray)}
.bs-footnote strong {font-weight:400;color:var(--purple)}
.bs-nojs {font:400 12px/1.5 DM,sans-serif;color:var(--purple);padding:20px}
.bs-lab:not(.is-interactive) .bs-tabs,.bs-lab:not(.is-interactive) .bs-controls {display:none}
.bs-lab:not(.is-interactive) .bs-panel[hidden] {display:block;margin-top:26px}
@media(min-width:1000px) {.bs-scene:hover .bs-preview:not(.is-mobile) {transform:rotateY(0) rotateX(0) rotateZ(0)}}
@media(max-width:1000px) {
  .bs-heading {grid-template-columns:1fr;gap:24px;margin-bottom:32px}
  .bs-intro {max-width:62ch;justify-self:start}.bs-intro p {margin-bottom:14px}
  .bs-workspace {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .bs-scene {padding:36px 24px 48px}.bs-inspector {padding:28px 24px}
  .bs-mocknav {padding:18px 16px 10px}.bs-mockhero {padding:20px 16px 30px}
  .bs-mockheadline {font-size:32px}.bs-mockfoot {padding-inline:16px}
  .bs-foundation {gap:24px}
}
@media(max-width:700px) {
  body.web-page .pw-bespoke {width:92%}
  .pw-bespoke .bs-shell {padding:0;border-radius:0}
  .bs-topline {margin-bottom:28px;font-size:9px;gap:12px}.bs-edition {display:none}
  body.web-page .bs-heading h2 {font-size:clamp(38px,7.5vw,53px)!important;line-height:1.06}
  .bs-tabs {gap:2px;padding:6px}.bs-tab {flex-direction:column;gap:6px;font-size:11px;min-height:67px;padding:8px 2px}.bs-tab span {font-size:15px}
  .bs-workspace {grid-template-columns:1fr}
  .bs-scene {min-height:355px;padding:32px 22px 46px}
  .bs-preview {max-width:430px}.bs-mockhero {min-height:206px}.bs-mockheadline {font-size:32px}
  .bs-mocknav {padding-top:14px}.bs-mockfoot {font-size:6px}.bs-mocknav>span:last-child {font-size:6px}
  .bs-preview.is-mobile .bs-mockhero {min-height:206px}
  .bs-inspector {padding:28px 24px;min-height:335px;align-items:flex-start}
  body.web-page .bs-panel h3 {font-size:29px;max-width:18ch}
  .bs-panel p {max-width:none;margin-bottom:22px}
  .bs-foundation {grid-template-columns:1fr;gap:24px;margin-top:30px}
  .bs-foundation-item {grid-template-columns:28px 1fr;gap:5px 10px}
  .bs-footnote {flex-direction:column;gap:6px;margin-top:26px}
}
@media(prefers-reduced-motion:reduce) {
  .bs-lab *, .bs-lab *::before, .bs-lab *::after {transition:none!important;animation:none!important}
  .bs-lab .bs-preview {transform:none!important}
}
body.effects-paused .bs-lab *,body.effects-paused .bs-lab *::before,body.effects-paused .bs-lab *::after {transition:none!important;animation:none!important}

html[data-theme="dark"] .bs-tab[aria-selected="true"],html[data-theme="dark"] .bs-edit .bs-action {color:#302538}