/* The Model Maker’s Bench — actual illustration assets + functional tools */
.bench-wrap{max-width:1180px;padding:0 15px;margin:0 auto 55px;color:#502452;}
.bench-crumb{margin:24px 0 16px;text-align:center;color:#ecc77e;font:600 1rem Georgia,serif;display:flex;justify-content:center;gap:12px;align-items:center}
.bench-crumb a{color:#ffe5a8;text-decoration:underline;text-underline-offset:4px}
.bench-hero{display:flex;align-items:center;gap:25px;padding:28px clamp(17px,4vw,40px);border:2px solid #cc924f;border-radius:23px;background:radial-gradient(ellipse at 62% 20%,#fff7df,#f3dcb2 72%,#e9bd87);box-shadow:inset 0 0 0 4px #ffebc0,0 6px 0 #9a662f,0 14px 30px #12061a50;position:relative;overflow:hidden;}
.bench-hero:after{content:"";position:absolute;inset:10px;border:1px solid #bf985c55;border-radius:15px;pointer-events:none}
.bench-hero-art{flex:0 0 31%;min-width:0;z-index:1}
.bench-hero-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #69394a44)}
.bench-hero-copy{flex:1;min-width:0;text-align:center;z-index:1}
.bench-eyebrow,.bench-headline>p:first-child{letter-spacing:.2em;color:#9b632c;font:bold .77rem Georgia,serif;margin:0 0 10px}
.bench-hero h1{font:700 clamp(2.5rem,5vw,4.5rem)/.92 'Cormorant Garamond',Georgia,serif;color:#5e1e5b;margin:8px 0 14px;text-shadow:1px 1px #ead3a4}
.bench-hero h1 em{color:#773a70;font-weight:600}
.bench-hero-copy>p:not(.bench-eyebrow){max-width:53ch;font:1.08rem/1.5 Georgia,serif;margin:0 auto;color:#683951}
.bench-divider{display:block;width:min(100%,300px);height:auto;margin:12px auto 0}
.bench-featured,.bench-utilities{margin:32px 0 0;border:2px solid #bb843f;background:radial-gradient(circle at top,#fff2d1,#efd1a1 92%);border-radius:23px;box-shadow:inset 0 0 0 4px #ffebc7,0 9px 20px #1d091f55;padding:25px clamp(15px,3vw,30px) 28px;}
.bench-featured>h2,.bench-headline h2{font:700 clamp(2rem,3vw,3.1rem)/1 'Cormorant Garamond',Georgia,serif;color:#5c245d;text-align:center;margin:0 0 8px}
.bench-intro,.bench-headline>p:last-child{font:1.04rem/1.4 Georgia,serif;text-align:center;margin:0 0 23px;color:#76495c}
.bench-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.bench-feature{display:flex;gap:15px;align-items:center;border:2px solid #d2a66a;border-radius:16px;background:linear-gradient(135deg,#fffaec,#f9e4bf);box-shadow:inset 0 0 0 3px #fff4dc,0 5px 11px #54302a28;padding:19px}
.bench-feature-icon{flex:none;width:70px;height:70px;display:grid;place-items:center;font-size:2rem;background:radial-gradient(circle at 30% 24%,#b475b1,#632967 70%,#3b143f);border:3px solid #dcaa5b;color:#ffeac6;border-radius:50%;box-shadow:0 3px 7px #4a235355}
.bench-feature h3{font:700 1.8rem/.98 'Cormorant Garamond',Georgia,serif;color:#5e275e;margin:0 0 8px}.bench-feature p{font:1rem/1.35 Georgia,serif;color:#67435a;margin:0 0 10px}
.bench-feature-status{font:italic .84rem Georgia,serif;color:#875d6a}
.bench-headline{text-align:center;margin:0 auto 21px}.bench-headline>p:last-child{margin:10px auto 0;max-width:67ch}
.bench-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;justify-content:center;margin:24px auto 0;padding-bottom:18px}
.bench-tab,.bench-action,.bench-back{cursor:pointer;color:#fff0d8;background:linear-gradient(#92508d,#61265c 58%,#411541);border:2px solid #c9994d;border-radius:14px;box-shadow:inset 0 0 0 2px #d9ad6688,0 3px 0 #8c592e;padding:11px 17px;font:bold 1rem Georgia,serif;transition:filter .14s,transform .14s}
.bench-tab:hover,.bench-action:hover,.bench-back:hover,.bench-tab:focus-visible{filter:brightness(1.14)}
.bench-tab[aria-selected="false"]{background:linear-gradient(#fff8e8,#ead0a1);color:#60295f}
.bench-panel{border:2px solid #cb9b59;background:linear-gradient(160deg,#fff9e9,#f7dfbb);border-radius:17px;padding:25px clamp(15px,3vw,32px);box-shadow:inset 0 0 0 4px #ffeed4}
.bench-panel[hidden]{display:none!important}.bench-panel-top{text-align:center;margin-bottom:20px}.bench-small-jewel{display:inline-block;color:#ab68a7;text-shadow:0 1px #d19e62;font-size:1.5rem;line-height:1}
.bench-panel h3{color:#59245a;font:700 clamp(1.7rem,2.8vw,2.5rem)/1 'Cormorant Garamond',Georgia,serif;margin:2px 0 10px}
.bench-panel-top>p{font:1rem/1.4 Georgia,serif;color:#744e5f;margin:0 auto;max-width:66ch}
.bench-fields{display:grid;gap:14px;margin:0 0 15px}.bench-fields-four{grid-template-columns:repeat(4,minmax(0,1fr))}.bench-fields-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bench-fields label{font:bold .91rem Georgia,serif;color:#602f5c;display:flex;flex-direction:column;gap:8px}.bench-fields input,.bench-fields select{width:100%;min-width:0;padding:12px 11px;color:#4a234b;font:1rem Georgia,serif;background:#fffaf0;border:1px solid #b8854e;border-radius:9px}
.bench-side-note{align-self:center;font:italic .89rem/1.35 Georgia,serif;color:#88616b;grid-column:span 2}
.bench-result{min-height:72px;border:1px solid #d1a36e;border-radius:14px;background:linear-gradient(120deg,#fffaf0,#f3d9b0);padding:17px 18px;color:#552750;font:1rem/1.5 Georgia,serif;}
.bench-result strong{font-weight:bold;color:#592252}.bench-result .bench-metrics{display:flex;justify-content:space-around;align-items:stretch;flex-wrap:wrap;gap:9px}.bench-metric{flex:1 1 125px;text-align:center}.bench-metric small{display:block;color:#956241;font:italic .85rem Georgia,serif;margin-bottom:6px}.bench-metric b{font:700 clamp(1.15rem,2vw,1.6rem)/1 'Cormorant Garamond',Georgia,serif;overflow-wrap:anywhere;}
.bench-error{color:#943440;font-weight:bold}
.uv-visual{display:grid;gap:3px;max-width:290px;aspect-ratio:1;margin:20px auto 0;background:#ab784a;padding:6px;border:3px ridge #dcb36b;border-radius:6px;overflow:hidden}.uv-cell{min-width:0;min-height:0;background:linear-gradient(135deg,#96549b,#542351);border:1px solid #e6bf75;display:grid;place-items:center;color:#fff3d9;font:.65rem Georgia,serif}
.bench-explain{font:italic .92rem/1.4 Georgia,serif;color:#815869;margin:12px auto 0;text-align:center}
.bench-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bench-checks label{font:1rem/1.35 Georgia,serif;color:#5b3657;background:#fff7e5;padding:13px;border:1px solid #dbb787;border-radius:10px;cursor:pointer;display:flex;align-items:start;gap:9px}.bench-checks input{accent-color:#783879;margin-top:3px;width:17px;height:17px;flex:none}.bench-check-footer{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.bench-action{padding:10px 17px}.bench-action.light{background:#fff5db;color:#64285a}
.bench-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;margin:23px auto 0}.bench-bottom img{width:min(85%,320px);height:auto;max-height:90px;object-fit:contain}.bench-back{text-decoration:none}
.bench-shelf-link{display:block;color:inherit;text-decoration:none;cursor:pointer}.bench-shelf-link:hover img,.bench-shelf-link:focus-visible img{filter:drop-shadow(0 7px 11px #692f67a6)!important}.bench-shelf-link:focus-visible{outline:3px solid #d2ab63;outline-offset:3px}
@media(max-width:800px){.bench-fields-four{grid-template-columns:repeat(2,minmax(0,1fr))}.bench-fields-three{grid-template-columns:repeat(2,minmax(0,1fr))}.bench-feature-grid{grid-template-columns:1fr}}
@media(max-width:600px){.bench-wrap{padding:0 9px}.bench-hero{display:block;padding:17px}.bench-hero-art{max-width:160px;margin:0 auto 4px}.bench-hero h1{font-size:2.7rem}.bench-hero-copy>p:not(.bench-eyebrow){font-size:.96rem}.bench-featured,.bench-utilities{padding:19px 12px 22px}.bench-fields-four,.bench-fields-three,.bench-checks{grid-template-columns:1fr}.bench-side-note{grid-column:auto}.bench-feature{padding:13px;gap:9px}.bench-feature-icon{width:52px;height:52px;font-size:1.4rem}.bench-tab{flex:1 1 45%;font-size:.89rem;padding:10px 8px}.bench-panel{padding:20px 12px}.bench-result{padding:12px}}

/* V64 — original uploader is now connected. */
.bench-feature-ready{border-color:#bd893a;background:linear-gradient(135deg,#fff9eb,#f4d9ad)}
.bench-launch{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 17px;
margin:0 0 10px;color:#fff1d5!important;text-decoration:none;font:bold 1rem Georgia,serif;
background:linear-gradient(#934e90,#5b205d 65%,#421544);border:2px solid #d3a65f;border-radius:20px;
box-shadow:inset 0 0 0 2px #f7da8d4d,0 3px 0 #97602d;transition:filter .15s}
.bench-launch:hover,.bench-launch:focus-visible{filter:brightness(1.2)}
.bench-feature-ready .bench-feature-status{display:block;color:#6d4767}

/* V70 — Painted Model Maker’s Bench; real illustrations, no flat emoji tiles. */
.bench-wrap{max-width:1220px;padding:0 clamp(10px,2vw,20px)}
.bench-crumb{margin-bottom:22px}
.bench-hero.bench-hero-illustrated{display:block;padding:0;overflow:visible;background:transparent;border:0;box-shadow:none;border-radius:0}
.bench-hero.bench-hero-illustrated:after{display:none}
.bench-hero-desktop{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(27,7,29,.45));border-radius:20px}
.bench-hero-illustrated .bench-hero-art,.bench-hero-illustrated .bench-hero-copy{display:none}
.bench-featured.bench-featured-illustrated{position:relative;background:radial-gradient(ellipse at 50% 9%,#fff8e7 0%,#f6ddb8 57%,#eabf8e 100%);border:3px solid #c38b40;box-shadow:inset 0 0 0 4px #ffecc9, inset 0 0 0 7px #b8783988,0 13px 25px #16061862; padding:0 clamp(17px,2.5vw,28px) 34px;margin-top:47px;border-radius:23px}
.bench-featured-illustrated:before{content:"";position:absolute;inset:-12px -12px auto -12px;height:33px;pointer-events:none;border-top:3px solid #d2a14a;border-radius:28px 28px 0 0;opacity:.9}
.bench-featured-ribbon{position:relative;margin:-17px auto 0;width:min(86%,780px);z-index:1}
.bench-featured-ribbon>img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 5px #4c204957)}
.bench-accessible-heading{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bench-featured-illustrated .bench-intro{margin:6px auto 25px;color:#7b4c60;font-style:italic;font-size:1.06rem}
.bench-featured-illustrated .bench-feature-grid{gap:22px}
.bench-featured-illustrated .bench-feature{min-height:258px;position:relative;display:grid;grid-template-columns:34% minmax(0,1fr);gap:7px;align-items:center;border:2px solid #bf8039;border-radius:17px;padding:19px 17px 17px 9px;background:radial-gradient(ellipse at 30% 22%,#fffdf0 0%,#fff5df 55%,#f2d29e 100%);box-shadow:inset 0 0 0 3px #ffe8c0, inset 0 0 0 5px #e0aa6380,0 9px 13px #52284a42}
.bench-featured-illustrated .bench-feature:before{content:"";position:absolute;inset:5px;border-radius:13px;pointer-events:none;background: url('images/v62-divider-floral.webp') top right / 160px auto no-repeat;opacity:.16}
.bench-feature-art{display:block;width:100%;height:auto;max-height:225px;object-fit:contain;align-self:center;z-index:1;filter:drop-shadow(0 6px 5px #5e335939)}
.bench-feature-text{position:relative;z-index:2;min-width:0;padding:9px 0}
.bench-tool-kicker{display:block;color:#9b5a43;font:700 .67rem Georgia,serif;letter-spacing:.19em;margin:0 0 9px}
.bench-featured-illustrated .bench-feature h3{font:700 clamp(1.7rem,2.55vw,2.45rem)/.97 'Cormorant Garamond',Georgia,serif;color:#672058;text-shadow:1px 1px #fae4b9;margin:0 0 10px}
.bench-featured-illustrated .bench-feature p{font:1rem/1.38 Georgia,serif;max-width:30ch;margin:0 0 13px}
.bench-featured-illustrated .bench-launch{line-height:1.15;white-space:normal;text-align:center;padding:10px 13px;font-size:.94rem;min-height:43px}
.bench-pending{display:table;background:linear-gradient(#8b518b,#562151);padding:10px 15px;border-radius:23px;color:#fff0ce;border:2px solid #d6a859;box-shadow:inset 0 0 0 2px #d9b47d80;font:700 .9rem Georgia,serif;margin:0 0 9px}
.bench-featured-illustrated .bench-feature-status{display:block;font-size:.82rem;line-height:1.3}
.bench-utilities{position:relative;border:3px solid #b77c3a;background:radial-gradient(ellipse at 51% 0,#fff5d9,#efd3a7 86%);box-shadow:inset 0 0 0 4px #ffe9bc,inset 0 0 0 7px #dca9685c,0 12px 23px #1b081d55}
.bench-heading-flourish{display:block;width:180px;max-height:58px;object-fit:contain;margin:0 auto 10px}
.bench-utilities .bench-headline h2{margin-bottom:2px}
@media(max-width:930px){.bench-featured-illustrated .bench-feature{grid-template-columns:30% minmax(0,1fr);padding:13px 13px 15px 7px}.bench-featured-illustrated .bench-feature h3{font-size:1.7rem}}
@media(max-width:800px){.bench-featured-illustrated .bench-feature-grid{grid-template-columns:1fr}.bench-featured-illustrated .bench-feature{min-height:210px;grid-template-columns:28% minmax(0,1fr)}.bench-feature-art{max-height:195px}}
@media(max-width:650px){
 .bench-hero.bench-hero-illustrated{padding:20px 14px 22px;border:2px solid #cc924f;border-radius:20px;background:radial-gradient(ellipse at 56% 10%,#fff8e4,#eed1a7);box-shadow:inset 0 0 0 4px #ffe6b7,0 10px 17px #17061977}
 .bench-hero-desktop{display:none}
 .bench-hero-illustrated .bench-hero-art{display:block;max-width:215px;margin:0 auto 0}
 .bench-hero-illustrated .bench-hero-copy{display:block;text-align:center}
 .bench-hero-illustrated .bench-eyebrow{font-size:.68rem;margin-top:0}
 .bench-hero-illustrated .bench-hero h1,.bench-hero-illustrated h1{font-size:clamp(2.5rem,8vw,3.5rem);line-height:.95}
 .bench-featured.bench-featured-illustrated{margin-top:30px;padding:0 13px 25px}
 .bench-featured-ribbon{width:min(100%,530px)}
 .bench-featured-illustrated .bench-intro{font-size:.95rem;margin-bottom:16px}
 .bench-featured-illustrated .bench-feature{grid-template-columns:1fr;text-align:center;gap:0;padding:6px 13px 19px}
 .bench-feature-art{width:min(61%,210px);max-height:155px;margin:0 auto}
 .bench-featured-illustrated .bench-feature p{margin-left:auto;margin-right:auto}
 .bench-tool-kicker{font-size:.61rem}
 .bench-featured-illustrated .bench-feature-status,.bench-pending{margin-left:auto;margin-right:auto}
}

/* Keep the HTML page heading available to screen readers behind the illustrated desktop banner. */
@media(min-width:651px){.bench-hero-illustrated .bench-hero-copy{display:block;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}}
@media(max-width:650px){.bench-hero-illustrated .bench-hero-copy{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;}}


/* V71 — cohesive illustrated desktop art; all ornament is real painted image,
   no cropped purple ribbon or overlapping independent boxes. */
.bench-sr-only { position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.bench-unified { display:block; position:relative; width:100%; margin:14px auto 16px; overflow:visible; isolation:isolate; }
.bench-unified img {display:block;width:100%;height:auto;filter:drop-shadow(0 12px 19px rgba(23,5,27,.32));}
.bench-unified-flutter,.bench-unified-polish {position:absolute;bottom:11.5%;border:0;border-radius:20px;background:transparent;cursor:pointer;}
.bench-unified-crumb{position:absolute;top:0.4%;left:32.5%;height:5.4%;width:15.5%;border-radius:8px;background:transparent}
.bench-unified-flutter{left:18.6%;width:29%;height:7.5%;}
.bench-unified-polish{left:60.2%;width:30.8%;height:7.5%;}
.bench-unified-flutter:focus-visible,.bench-unified-polish:focus-visible,.bench-unified-crumb:focus-visible {outline:3px solid #ffcf7d;outline-offset:2px;background:rgba(255,247,198,.11);}
.bench-unified-flutter:hover,.bench-unified-polish:hover,.bench-unified-crumb:hover {background:rgba(255,237,188,.06);}
.bench-coming-dialog{max-width:min(90vw,500px);padding:24px 28px;border:3px solid #cf9644;border-radius:18px;background:linear-gradient(145deg,#fff5de,#efcea4);color:#562353;box-shadow:inset 0 0 0 4px #ffecc9, 0 20px 65px rgba(20,5,30,.65);font-family:Georgia,serif;text-align:center}
.bench-coming-dialog::backdrop{background:rgba(29,10,38,.65)}
.bench-coming-dialog h2{font:700 2.5rem/1 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}
.bench-coming-dialog p{font-size:1.05rem;line-height:1.5;margin-bottom:20px}
/* Avoid two copies of the full illustrated hero and featured cards on desktop. */
@media(min-width:900px){
  .bench-wrap>.bench-crumb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
  .bench-wrap>.bench-hero,.bench-wrap>.bench-featured{display:none !important;}
  .bench-utilities{margin-top:12px;}
}
/* On narrower screens use real, readable text and individual painted details
   instead of crushing the full desktop illustration into unreadable type. */
@media(max-width:899px){
  .bench-unified{display:none;}
  .bench-hero.bench-hero-illustrated{display:flex;padding:20px;align-items:center;gap:17px;overflow:hidden;border:3px solid #bb863f;border-radius:20px;background:linear-gradient(120deg,#f4d6aa,#fff5de 62%,#e9c28f);box-shadow:inset 0 0 0 5px #ffebc8,0 9px 17px #17061977}
  .bench-hero.bench-hero-illustrated:after{display:none}
  .bench-hero-desktop{display:none}
  .bench-hero-illustrated .bench-hero-art,.bench-hero-illustrated .bench-hero-copy{display:block}
  .bench-hero-illustrated .bench-hero-art{flex:0 0 32%;min-width:0;max-width:250px;margin:0}
  .bench-hero-illustrated .bench-hero-art img {max-width:100%;height:auto;border-radius:11px;box-shadow:0 4px 15px rgba(85,35,65,.17)}
  .bench-hero-illustrated .bench-hero-copy{flex:1;min-width:0}
  .bench-hero-illustrated .bench-hero-copy h1{font-size:clamp(2.35rem,6vw,3.55rem);line-height:.98}
  .bench-featured.bench-featured-illustrated{border-radius:22px;padding:22px 20px 28px;margin-top:24px;background:linear-gradient(135deg,#fff0d0,#f1d2a6);}
  .bench-featured-illustrated:before{display:none}
  .bench-featured-ribbon{width:auto;max-width:100%;margin:0 auto 8px;text-align:center;background:none;border:0;}
  .bench-featured-ribbon h2{font:italic 700 clamp(2rem,4.7vw,3.1rem)/1.1 'Cormorant Garamond',Georgia,serif;color:#68265f;margin:0 auto 8px;padding:0 0 15px;border-bottom:1px solid #cf9d60;text-shadow:1px 1px #ffeac5}
  .bench-featured-illustrated .bench-intro{margin:5px auto 18px;color:#704052}
}
@media(max-width:650px){
  .bench-hero.bench-hero-illustrated{display:block;padding:19px 15px 23px}
  .bench-hero-illustrated .bench-hero-art{max-width:205px;margin:0 auto 8px}
  .bench-hero-illustrated .bench-hero-copy h1{font-size:clamp(2.4rem,9vw,3.4rem)}
  .bench-featured.bench-featured-illustrated{padding:18px 13px 23px;margin-top:23px}
  .bench-featured-ribbon h2{font-size:clamp(2rem,8vw,2.65rem)}
}

/* V72 — true transparent illustrated surrounds, avoiding a rectangular pasted-on image. */
@media(min-width:900px) {
 .bench-unified {background:transparent; border:none; margin:8px auto 26px;}
 .bench-unified>img {background:transparent;filter:drop-shadow(0 12px 15px rgba(24,8,31,.22));}
 .bench-unified-crumb {left:33.5%;width:12.5%;height:5.8%;top:.4%;}
 .bench-unified-flutter {left:21.1%;width:24.9%;height:8.5%;bottom:11.0%;}
 .bench-unified-polish {left:60.8%;width:26.5%;height:8.5%;bottom:11.0%;}
}
@media(max-width:899px){
 .bench-pending {display:inline-block;text-align:center;margin:10px 0 2px;}
 .bench-featured-illustrated .bench-feature-status {display:none;}
}


/* V77 — The Little Utilities: illustrated artwork, editable live HTML, polished layout. */
.bench-utilities{
  margin:8px 0 34px;padding:0;max-width:100%;
  position:relative;background:transparent;border:0;border-radius:0;box-shadow:none;
}
.bench-utilities .bench-headline {position:relative;max-width:1200px;margin:0 auto 0;text-align:center;}
.bench-utilities-art {width:100%;height:auto;display:block;margin:0 auto 0;filter:drop-shadow(0 8px 12px rgba(30,7,38,.27));}
.bench-headline-content {
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
.bench-mobile-cat{display:none}
.bench-utility-surface {
  position:relative;isolation:isolate;max-width:1190px;
  border:3px solid #c99753;border-radius:27px;
  padding:22px clamp(12px,3vw,33px) 30px;
  background:radial-gradient(ellipse at 48% 0%,#fff6de 0%,#f7dfb7 46%,#eecb9d 100%);
  box-shadow:inset 0 0 0 4px #ffefd0,inset 0 0 0 7px #d6a15e,0 10px 0 #8f5b2f,0 21px 32px rgba(13,2,22,.34);
}
.bench-utility-surface:before,.bench-utility-surface:after {
  content:"";position:absolute;z-index:-1;pointer-events:none;opacity:.18;
  width:230px;height:140px;background:url('images/v62-divider-floral.webp') center / contain no-repeat;
}
.bench-utility-surface:before{top:0;left:5px;transform:rotate(-12deg)}
.bench-utility-surface:after{bottom:0;right:5px;transform:rotate(172deg)}
.bench-utilities .bench-tabs {
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;justify-content:stretch;gap:12px;margin:0 auto 24px;
  padding:12px;border-radius:18px;
  background:linear-gradient(130deg,rgba(250,226,178,.94),rgba(255,246,220,.97) 53%,rgba(232,195,136,.9));
  border:2px solid #c99043;
  box-shadow:inset 0 0 0 2px #fff5da,0 5px 12px rgba(93,43,64,.16);
}
.bench-utilities .bench-tab {
  display:flex;justify-content:center;align-items:center;min-height:52px;
  border-radius:14px;border:2px solid #c99446;padding:10px 12px;
  background:linear-gradient(180deg,#fff9e9 0%,#f4dfb8 54%,#e5b981 100%);
  color:#592454;font:700 clamp(.9rem,1.6vw,1.14rem)/1.1 Georgia,serif;
  text-align:center;letter-spacing:.005em;
  box-shadow:inset 0 0 0 2px rgba(255,249,225,.84),inset 0 2px 7px rgba(255,255,244,.8),0 3px 0 #996033,0 5px 9px rgba(67,25,44,.2);
  transition:transform .16s,box-shadow .16s,filter .16s;
}
.bench-utilities .bench-tab[aria-selected="true"]{
  color:#fff0cc;border-color:#edbd6e;
  background:linear-gradient(180deg,#92518b 0%,#66215e 45%,#3c0c3d 100%);
  text-shadow:0 1px 2px #240c24;
  box-shadow:inset 0 0 0 2px #dca85c,inset 0 9px 14px rgba(249,199,235,.15),0 3px 0 #855325,0 5px 12px rgba(67,25,44,.4);
}
.bench-utilities .bench-tab:hover{transform:translateY(-2px);filter:brightness(1.05)}
.bench-utilities .bench-tab:focus-visible {outline:3px solid #712773;outline-offset:3px;}
.bench-utilities .bench-panel {
  position:relative;overflow:hidden;z-index:0;
  border:2px solid #c79856;border-radius:22px;
  background:radial-gradient(ellipse at 42% 0%,#fffdf1 0%,#fff3dd 49%,#efce9e 100%);
  padding:clamp(22px,3vw,37px) clamp(16px,3vw,37px);
  box-shadow:inset 0 0 0 4px #fff3d8,inset 0 0 0 6px rgba(198,137,76,.36),0 5px 13px rgba(86,37,60,.13);
}
.bench-utilities .bench-panel:before {
  content:"";position:absolute;inset:12px;z-index:-1;pointer-events:none;
  border:1px solid rgba(181,122,63,.17);border-radius:15px;
}
.bench-utilities .bench-panel-top{margin-bottom:27px}
.bench-utilities .bench-panel .bench-small-jewel {
  display:block;width:min(72%,270px);height:44px;margin:0 auto -2px;
  font-size:0;line-height:0;
  background:url('images/v62-divider-jewel.webp') center / contain no-repeat;
}
.bench-utilities .bench-panel h3 {
  font:700 clamp(2.15rem,3.8vw,3.5rem)/1 'Cormorant Garamond',Georgia,serif;
  color:#68245e;text-shadow:1px 2px #ffe9ca;margin:0 auto 8px;
}
.bench-utilities .bench-panel-top>p{font:1.02rem/1.5 Georgia,serif;color:#744358;max-width:74ch}
.bench-utilities .bench-fields {gap:15px;margin-bottom:18px}
.bench-utilities .bench-fields label {font:bold .96rem Georgia,serif;color:#5d2356;gap:8px}
.bench-utilities .bench-fields input,.bench-utilities .bench-fields select {
  padding:12px 13px;border:1.5px solid #bc844a;border-radius:12px;
  background:linear-gradient(#fffcf4,#fff5e5);font:1.03rem Georgia,serif;color:#4b244b;
  box-shadow:inset 0 1px 2px rgba(117,63,47,.13),0 2px 0 rgba(255,255,255,.65);
}
.bench-utilities .bench-fields input:focus-visible,.bench-utilities .bench-fields select:focus-visible{
  outline:3px solid #975096;outline-offset:1px;
}
.bench-utilities .bench-side-note{
  display:flex;align-items:center;padding:13px 14px;
  background:rgba(247,222,184,.56);border-left:3px solid #b88350;
  border-radius:8px;color:#835161;font-size:.91rem;
}
.bench-utilities .bench-result {
  position:relative;overflow:hidden;z-index:0;border:2px solid #dba754;border-radius:18px;
  background:linear-gradient(145deg,#64275c 0%,#3b103e 60%,#572052 100%);
  color:#fff1d7;box-shadow:inset 0 0 0 3px #f2cc7a,0 7px 12px rgba(65,21,57,.22);
  padding:22px 20px;min-height:94px;
}
.bench-utilities .bench-result:before{
  content:"";position:absolute;inset:3px;z-index:-1;opacity:.13;pointer-events:none;
  background:url('images/v62-divider-floral.webp') center / 55% auto no-repeat;
}
.bench-utilities .bench-result .bench-metrics{position:relative;gap:0}
.bench-utilities .bench-result .bench-metric{padding:2px 13px;min-width:0}
.bench-utilities .bench-result .bench-metric+.bench-metric{border-left:1px solid rgba(238,193,108,.46)}
.bench-utilities .bench-result .bench-metric small {font:italic .91rem Georgia,serif;color:#f8ddb0;margin-bottom:6px}
.bench-utilities .bench-result .bench-metric b{font:700 clamp(1.6rem,2.6vw,2.25rem)/1.1 'Cormorant Garamond',Georgia,serif;color:#fff8e7;text-shadow:0 2px 4px rgba(24,4,27,.8)}
.bench-utilities .bench-result .bench-error {color:#ffe0da}
.bench-utilities .bench-checks label{border:1px solid #dab380;background:rgba(255,250,232,.79);padding:16px;border-radius:13px}
.bench-utilities .bench-action{border-color:#dab465}
.bench-utilities .bench-check-footer{margin-top:26px}
.bench-utilities .uv-visual{border-color:#debd78;box-shadow:0 7px 12px #3a164260}
@media(max-width:900px){
  .bench-utilities .bench-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .bench-utilities{margin-top:29px}
  .bench-utilities-art {display:none}
  .bench-headline-content{position:static!important;width:auto!important;height:auto!important;
    margin:0 auto 14px!important;padding:12px 10px 16px!important;overflow:visible!important;
    clip:auto!important;white-space:normal!important;text-align:center;}
  .bench-utilities .bench-headline>p:first-child,.bench-headline-content>p:first-of-type{color:#eccb88;letter-spacing:.18em;font-size:.7rem}
  .bench-utilities .bench-headline h2{font-size:clamp(2.7rem,9vw,4.1rem);color:#ffe8b4;text-shadow:0 3px 6px #17081a;margin:3px auto 0}
  .bench-mobile-cat{display:block;width:min(72%,210px);height:auto;margin:-8px auto 3px}
  .bench-utilities .bench-headline-content>p:last-child{color:#f9d7ba;max-width:42ch;font:1rem/1.5 Georgia,serif;margin:5px auto 0}
  .bench-heading-flourish{margin:6px auto;width:min(65%,220px);max-height:46px;filter:drop-shadow(0 1px 5px #deae9a5e)}
  .bench-utility-surface{padding:14px 10px 20px;border-radius:19px}
  .bench-utilities .bench-tabs{gap:9px;padding:10px;margin-bottom:15px}
  .bench-utilities .bench-tab{min-height:48px;font-size:.93rem;padding:9px 6px}
  .bench-utilities .bench-panel{padding:19px 13px 22px;border-radius:15px}
  .bench-utilities .bench-panel .bench-small-jewel{height:33px}
  .bench-utilities .bench-panel h3{font-size:clamp(2.05rem,8vw,2.8rem)}
  .bench-utilities .bench-result{padding:12px 8px}
  .bench-utilities .bench-result .bench-metric{padding:7px 6px}
  .bench-utilities .bench-result .bench-metric b{font-size:1.5rem}
}
@media(max-width:440px){
  .bench-utilities .bench-result .bench-metric{flex:1 1 90px}
  .bench-utilities .bench-result .bench-metric+.bench-metric{border-left:0}
  .bench-utilities .bench-result .bench-metric:not(:last-child){border-bottom:1px solid rgba(238,193,108,.27)}
}

/* V78: unified illustration and live buttons on clean parchment. */
.bench-utilities .bench-headline{position:relative;max-width:1200px;margin:0 auto;isolation:isolate}
.bench-utilities-art{width:100%;max-width:100%;display:block;height:auto;filter:none}
.bench-utilities .bench-headline>.bench-tabs{
  position:absolute;left:9%;right:9%;bottom:13px;
  width:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(7px,1.1vw,14px);margin:0!important;padding:0!important;
  background:none;border:0;box-shadow:none;
}
.bench-utilities .bench-headline>.bench-tabs .bench-tab{min-height:clamp(35px,4vw,52px);padding:8px clamp(4px,.9vw,12px)}
.bench-utilities .bench-utility-surface{
  margin:0 auto;padding-top:clamp(15px,2vw,25px);
  border-top:2px solid #bf874d;border-radius:0 0 27px 27px;
  background:linear-gradient(180deg,#f4dbb0,#f5dfb9 12%,#eccb9e 100%);
  box-shadow:inset 3px 0 0 #fce6bc,inset -3px 0 0 #fce6bc,0 9px 0 #8f5b2f,0 20px 27px rgba(13,2,22,.32);
}
@media (max-width:700px){
 .bench-utilities-art{display:none!important}
 .bench-utilities .bench-headline>.bench-tabs{
   position:static;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   padding:10px!important;margin:5px auto 10px!important;
   border:2px solid #b8813e;background:#f8e2bb;border-radius:16px;
   box-shadow:inset 0 0 0 3px #ffedca;
 }
 .bench-utilities .bench-headline>.bench-tabs .bench-tab{min-height:48px;font-size:.94rem;padding:9px 5px}
 .bench-utilities .bench-utility-surface{border-top:3px solid #c99753;border-radius:20px}
 .bench-mobile-cat{max-width:min(78%,230px);width:auto;max-height:140px;object-fit:contain}
}

/* V79: The model-making page now features only Flutter & Flourish.
   Mesh Polishing Bench lives in Export Workbench instead. */
@media (min-width:900px){
  .bench-wrap>.bench-featured{display:block !important;margin:8px auto 30px;max-width:830px;}
  .bench-featured-illustrated:before{display:none;}
  .bench-featured-illustrated .bench-intro{margin:10px auto 22px;}
  .bench-unified{margin-bottom:8px;}
  .bench-unified-crumb{top:3%;left:34.4%;height:10%;width:14%;}
}
.bench-feature-grid-single{grid-template-columns:1fr;max-width:730px;margin:0 auto;}
.bench-feature-grid-single .bench-feature{min-height:230px;}
@media(max-width:899px){.bench-feature-grid-single{grid-template-columns:1fr;}}




/* V96 — independently expandable Model Maker's Bench collection.
   Heading illustration contains no tool cards; all controls below are live HTML. */
.bench-illustrated-heading{position:relative;margin:6px auto 0;isolation:isolate;}
.bench-header-illustration{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 15px rgba(26,7,35,.37));}
.bench-mobile-heading{display:none;}
.bench-connected-workspace{
  position:relative;isolation:isolate;margin:-1px 3% 26px;
  padding:clamp(19px,2.8vw,34px) clamp(14px,3.6vw,43px) 22px;
  border:3px solid #c98b38;border-radius:22px;
  background:radial-gradient(ellipse at 52% -5%,#fff7e6 0%,#f8e5c5 43%,#eecb9e 100%);
  box-shadow:inset 0 0 0 4px #ffedcd,inset 0 0 0 7px rgba(151,91,39,.27),0 15px 25px rgba(22,6,31,.42);
}
.bench-connected-workspace:before{
  content:"";position:absolute;inset:12px;z-index:-1;pointer-events:none;
  border:1px solid rgba(167,105,40,.35);border-radius:13px;
}
.bench-maker-collection{position:relative;z-index:1;}
.bench-maker-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:0 auto;max-width:1040px;}
.bench-maker-button{
  flex:1 1 385px;max-width:760px;min-width:0;position:relative;
  display:grid;grid-template-columns:minmax(135px,32%) minmax(0,1fr);align-items:center;gap:clamp(12px,2.4vw,30px);
  cursor:pointer;text-align:left;color:#58244f;
  padding:clamp(16px,2.25vw,25px);
  border:3px solid #bd7e30;border-radius:21px;
  background:radial-gradient(ellipse at 20% 30%,#fffaf0,#f9e5c4 58%,#f4d8ab 100%);
  box-shadow:inset 0 0 0 3px #fff1d3,inset 0 0 0 6px rgba(186,115,44,.15),0 8px 17px rgba(91,36,68,.23);
  font-family:Georgia,serif;transition:transform .2s,box-shadow .2s,filter .2s;
}
.bench-maker-button:before,.bench-maker-button:after{
  content:"";position:absolute;pointer-events:none;width:72px;height:72px;opacity:.48;
  background:url('images/cabinet-floral-corner.svg') center/contain no-repeat;
}
.bench-maker-button:before{top:5px;left:5px;}
.bench-maker-button:after{top:5px;right:5px;transform:scaleX(-1);}
.bench-maker-button:hover{filter:brightness(1.035);transform:translateY(-2px);box-shadow:inset 0 0 0 3px #fff1d3,inset 0 0 0 6px rgba(186,115,44,.15),0 13px 20px rgba(91,36,68,.29);}
.bench-maker-button:focus-visible{outline:3px solid #74347c;outline-offset:4px;}
.bench-maker-emblem{display:block;position:relative;z-index:1;min-width:0;}
.bench-maker-emblem img{display:block;width:100%;height:auto;max-width:250px;max-height:210px;object-fit:contain;margin:auto;filter:drop-shadow(0 6px 7px rgba(81,33,82,.2));}
.bench-maker-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;min-width:0;gap:10px;}
.bench-maker-kicker{font:700 .74rem Georgia,serif;letter-spacing:.18em;color:#9a5c29;}
.bench-maker-title{font:700 clamp(2.15rem,3.5vw,3.3rem)/1.02 'Cormorant Garamond',Georgia,serif;color:#632159;text-shadow:0 2px 0 #fff0d3;}
.bench-maker-description{font:1.03rem/1.48 Georgia,serif;color:#683b51;max-width:53ch;}
.bench-maker-action{
  align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:43px;margin-top:4px;padding:11px 27px 13px;
  border:2px solid #f0c174;border-radius:999px;
  color:#fff0d5;background:linear-gradient(180deg,#a35799,#682165 48%,#3e1144);
  font:700 1.02rem Georgia,serif;text-shadow:0 1px #270e2a;
  box-shadow:inset 0 0 0 2px rgba(245,215,146,.55),0 4px 0 #9a632a,0 7px 11px rgba(66,24,56,.25);
}
.bench-maker-button:hover .bench-maker-action{filter:brightness(1.11);}
/* Blend the tools directly into the same growing parchment workspace. */
.bench-wrap .bench-utilities--connected{
  position:relative;margin:22px 0 0;padding:20px 0 2px;max-width:none;
  background:transparent;border:0;border-top:1px solid rgba(176,108,52,.4);border-radius:0;box-shadow:none;
}
.bench-utilities--connected .bench-headline{position:relative;max-width:none;margin:0 auto 22px;padding:0;text-align:center;}
.bench-connected-heading{
  display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,30px);
  max-width:920px;margin:0 auto 8px;padding:5px 10px 12px;
}
.bench-connected-cat{display:block;width:clamp(90px,15vw,175px);height:auto;flex:none;filter:drop-shadow(0 4px 7px rgba(67,31,60,.19));}
.bench-connected-heading-copy{flex:1;min-width:0;max-width:675px;text-align:center;}
.bench-connected-kicker{font:700 .76rem Georgia,serif;color:#a26424;letter-spacing:.19em;margin:5px 0 6px;}
.bench-connected-heading-copy h2{font:700 clamp(2.35rem,4.7vw,4.15rem)/.99 'Cormorant Garamond',Georgia,serif;color:#651e60;margin:2px 0;text-shadow:0 2px #fff0d5;}
.bench-connected-flourish{display:block;margin:-3px auto 4px;width:min(57%,265px);max-height:43px;height:auto;object-fit:contain;}
.bench-connected-heading-copy>p:last-child{max-width:53ch;margin:1px auto 0;font:1.02rem/1.48 Georgia,serif;color:#745063;}
.bench-utilities--connected .bench-headline > .bench-tabs{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(9px,1.4vw,16px)!important;width:100%!important;
  margin:18px auto 0!important;padding:15px 15px 22px!important;
  background:linear-gradient(145deg,#fff3d9,#f4d4a2)!important;
  border:2px solid #ca9148!important;border-radius:17px!important;
  box-shadow:inset 0 0 0 3px #fff2d4,0 6px 13px rgba(79,30,55,.19)!important;
}
.bench-utilities--connected .bench-headline > .bench-tabs .bench-tab{
  min-height:53px;min-width:0;overflow:visible;padding:10px 8px 13px;
  font:700 clamp(.83rem,1.25vw,1.06rem)/1.2 Georgia,serif;
}
.bench-utilities--connected .bench-utility-surface{
  position:relative;max-width:100%;width:100%;margin:0 auto 0;padding:16px 17px 22px;
  background:linear-gradient(180deg,#f2d4a8,#f6e0b9 30%,#f1d0a4);
  border:2px solid #c68a42;border-radius:19px;
  box-shadow:inset 0 0 0 3px #ffedcb,0 9px 15px rgba(68,29,51,.17);
}
.bench-utilities--connected .bench-panel{box-sizing:border-box;max-width:100%;}
@media(max-width:900px){
 .bench-connected-workspace{margin:-1px 1% 24px;padding:19px 20px 21px;}
 .bench-maker-grid{max-width:780px;}
 .bench-maker-button{grid-template-columns:minmax(130px,30%) minmax(0,1fr);}
}
@media(max-width:750px){
 .bench-header-illustration{display:none;}
 .bench-mobile-heading{
   display:block;text-align:center;position:relative;padding:26px 19px 18px;
   border:3px solid #c48a40;border-bottom:0;border-radius:22px 22px 0 0;
   background:radial-gradient(ellipse at 50% 0%,#fff8e9,#f5dab2 75%,#eac08d);
   box-shadow:inset 0 0 0 4px #ffebc8,0 8px 12px rgba(27,7,29,.24);
 }
 .bench-mobile-kicker{letter-spacing:.17em;font:bold .72rem Georgia,serif;color:#9e632c;margin:0 0 8px;}
 .bench-mobile-heading h2{font:700 clamp(2.4rem,9vw,4.3rem)/1 'Cormorant Garamond',Georgia,serif;color:#62205d;margin:0 0 10px;}
 .bench-mobile-heading h2 em{font-weight:500;}
 .bench-mobile-heading>p:not(.bench-mobile-kicker){font:1rem/1.4 Georgia,serif;color:#724454;margin:0 auto;max-width:48ch;}
 .bench-mobile-heading .bench-mobile-rule{margin:12px auto 5px;color:#ad762d;letter-spacing:.6em;}
 .bench-mobile-heading h3{font:italic 700 clamp(2.05rem,7.2vw,3.4rem)/1.05 'Cormorant Garamond',Georgia,serif;color:#631f60;margin:6px 0;}
 .bench-mobile-heading .bench-mobile-sub{font-style:italic!important;font-size:.95rem!important;}
 .bench-connected-workspace{margin:0 0 23px;border-radius:0 0 21px 21px;padding:17px 13px 17px;}
 .bench-maker-button{flex-basis:100%;grid-template-columns:1fr;gap:2px;text-align:center;padding:19px 14px 23px;}
 .bench-maker-emblem img{max-width:200px;max-height:170px;}
 .bench-maker-copy{align-items:center;gap:9px;}
 .bench-maker-title{font-size:clamp(2.15rem,7vw,3rem);}
 .bench-maker-description{text-align:center;margin:0 auto;}
 .bench-maker-action{align-self:center;margin-top:6px;}
 .bench-connected-heading{flex-direction:column;gap:0;padding:3px 5px 9px;}
 .bench-connected-cat{width:clamp(108px,30vw,160px);}
 .bench-utilities--connected .bench-headline > .bench-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px 11px 19px!important;gap:10px!important;}
 .bench-utilities--connected .bench-headline > .bench-tabs .bench-tab{min-height:50px;font-size:.94rem;padding:10px 7px 13px;}
 .bench-utilities--connected .bench-utility-surface{padding:10px 8px 12px;border-radius:17px;}
 .bench-connected-heading-copy h2{font-size:clamp(2.4rem,8.3vw,3.5rem);}
}
@media(max-width:420px){
 .bench-connected-workspace{padding:13px 8px 14px;}
 .bench-maker-button{padding:18px 12px 23px;}
 .bench-maker-button:before,.bench-maker-button:after{width:50px;height:50px;}
 .bench-maker-title{font-size:clamp(1.98rem,8.4vw,2.5rem);}
 .bench-maker-description{font-size:.96rem;}
 .bench-connected-heading-copy>p:last-child{font-size:.96rem;}
 .bench-utilities--connected .bench-headline > .bench-tabs{padding:10px 8px 17px!important;gap:8px!important;}
}

/* Preserve dark plum heading contrast against the pale parchment, including mobile. */
.bench-utilities--connected .bench-connected-heading-copy h2{
  color:#641e5e!important;
  text-shadow:0 2px 0 rgba(255,243,216,.96)!important;
}


/* V97 — make the helper heading a clear continuation of the illustrated
   workbench, while retaining fully expandable, live tool cards. */
.bench-connected-workspace {
  margin-top:-4px;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,251,234,.94),transparent 51%),
    linear-gradient(135deg,#eed0a3 0%,#fbe8c5 48%,#edc998 100%);
  border-color:#d19a4c;
  box-shadow:inset 0 0 0 4px #ffe9be,inset 0 0 0 8px rgba(162,95,40,.28),0 15px 27px rgba(23,5,31,.44);
}
.bench-maker-grid {gap:25px;}
.bench-maker-button {
  max-width:810px;
  border:3px solid #c18333;
  border-radius:24px;
  background:
    radial-gradient(ellipse at 16% 50%,rgba(253,240,203,.98),transparent 59%),
    linear-gradient(115deg,#fff6dd 0%,#ffeccd 48%,#f2d5a8 100%);
  box-shadow:
    inset 0 0 0 4px #fff0ce,
    inset 0 0 0 7px rgba(169,90,40,.15),
    0 5px 0 -2px #995424,
    0 12px 21px rgba(80,27,64,.27);
}
.bench-maker-button:hover {box-shadow:inset 0 0 0 4px #fff0ce,inset 0 0 0 7px rgba(169,90,40,.15),0 5px 0 -2px #995424,0 17px 25px rgba(80,27,64,.34);}
.bench-wrap .bench-utilities--connected {
  margin:30px 0 0;
  padding:7px 0 8px;
  border-top:0;
}
.bench-utilities--connected .bench-headline {margin-bottom:18px;}
/* A continuous plum-and-gold title ribbon, not another separate parchment box. */
.bench-connected-heading {
  position:relative;isolation:isolate;
  max-width:965px;
  margin:0 auto 22px;
  padding:17px 38px 18px;
  gap:clamp(8px,2vw,24px);
  border:3px solid #d7a04c;
  border-radius:27px;
  background:
    radial-gradient(ellipse at 50% -25%,rgba(198,116,190,.35),transparent 67%),
    linear-gradient(180deg,#82367a 0%,#5b1b61 58%,#3b1045 100%);
  box-shadow:
    inset 0 0 0 3px #e6bb72,
    inset 0 2px 12px rgba(252,218,182,.25),
    0 5px 0 #9b6031,
    0 12px 19px rgba(71,25,57,.3);
}
.bench-connected-heading:before,.bench-connected-heading:after {
  content:"";
  position:absolute;z-index:-1;top:3px;
  width:128px;height:100px;
  background:url('images/cabinet-floral-corner.svg') center/contain no-repeat;
  opacity:.72;pointer-events:none;
}
.bench-connected-heading:before {left:5px;}
.bench-connected-heading:after {right:5px;transform:scaleX(-1);}
.bench-connected-cat {
  width:clamp(105px,13vw,155px);
  filter:drop-shadow(0 5px 9px rgba(15,3,30,.55));
  transform:translateY(5px);
}
.bench-connected-heading-copy {max-width:695px;}
.bench-connected-kicker {
  color:#f9d79b!important;
  text-shadow:0 1px 2px #2e0b31;
  letter-spacing:.22em;
}
.bench-utilities--connected .bench-connected-heading-copy h2 {
  color:#ffebbc!important;
  font-size:clamp(2.55rem,5vw,4.35rem);
  text-shadow:0 2px 1px #260a35,0 0 11px rgba(246,199,126,.2)!important;
}
.bench-connected-heading-copy>p:last-child {
  color:#fff0d8!important;
  text-shadow:0 1px 2px #2c0b32;
  max-width:54ch;
}
.bench-connected-flourish {
  width:min(64%,285px);
  height:43px;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.37));
}
/* Live tabs are now simply part of the parchment beneath the ribbon. */
.bench-utilities--connected .bench-headline > .bench-tabs {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:18px auto 11px!important;
  padding:10px 3px 20px!important;
  max-width:100%;
}
@media(max-width:750px){
  .bench-wrap .bench-utilities--connected {margin-top:24px;}
  .bench-connected-heading {
    padding:17px 13px 20px;
    margin:0 4px 19px;
    gap:0;
    border-radius:20px;
  }
  .bench-connected-heading:before,.bench-connected-heading:after {width:61px;height:62px;opacity:.52;}
  .bench-connected-cat {width:clamp(95px,27vw,135px);transform:translateY(0);}
  .bench-utilities--connected .bench-connected-heading-copy h2 {
    font-size:clamp(2.4rem,9vw,3.6rem);
  }
  .bench-connected-heading-copy>p:last-child {font-size:.92rem;}
  .bench-utilities--connected .bench-headline > .bench-tabs {
    padding:8px 3px 18px!important;
  }
}


/* v98 — restore a prettier, more ornate feature card and rename it The Wingweaver. */
.bench-maker-grid{gap:18px;}
.bench-maker-button{
  max-width:845px;
  grid-template-columns:minmax(175px,28%) minmax(0,1fr);
  gap:clamp(14px,2.6vw,34px);
  padding:clamp(18px,2.4vw,28px) clamp(18px,2.8vw,30px) clamp(19px,2.7vw,30px);
  border:2px solid #cb8b33;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 52%, rgba(255,244,212,.94) 0 22%, rgba(255,244,212,0) 36%),
    linear-gradient(135deg,#fff6e3 0%,#fdeac9 50%,#f0d3a6 100%);
  box-shadow:
    inset 0 0 0 3px #fff0cf,
    inset 0 0 0 6px rgba(194,128,48,.16),
    0 4px 0 #a4642f,
    0 12px 22px rgba(76,24,54,.25);
}
.bench-maker-button::before,.bench-maker-button::after{
  width:78px;height:78px;opacity:.62;background:url('images/cabinet-floral-corner.svg') center/contain no-repeat;
}
.bench-maker-button::before{top:5px;left:6px;}
.bench-maker-button::after{top:5px;right:6px;transform:scaleX(-1);}
.bench-maker-button:hover{
  transform:translateY(-2px);
  filter:brightness(1.025);
  box-shadow:inset 0 0 0 3px #fff0cf,inset 0 0 0 6px rgba(194,128,48,.16),0 4px 0 #a4642f,0 16px 26px rgba(76,24,54,.31);
}
.bench-maker-emblem{align-self:center;}
.bench-maker-emblem img{max-width:245px;max-height:215px;filter:drop-shadow(0 8px 10px rgba(74,24,64,.22));}
.bench-maker-copy{gap:8px;}
.bench-maker-kicker{font:700 .76rem Georgia,serif;letter-spacing:.22em;color:#a16027;}
.bench-maker-title{font:700 clamp(2.55rem,4.2vw,4.1rem)/.96 'Cormorant Garamond',Georgia,serif;color:#642058;text-shadow:0 2px 0 rgba(255,242,213,.96);}
.bench-maker-description{font:1.07rem/1.48 Georgia,serif;color:#65394d;max-width:34ch;}
.bench-maker-copy::after{
  content:'';display:block;width:min(100%,320px);height:20px;margin:2px 0 0;
  background:url('images/v62-divider-jewel.webp') left center/contain no-repeat;opacity:.72;
}
.bench-maker-action{
  align-self:flex-start;
  min-height:46px;
  margin-top:2px;
  padding:11px 30px 14px;
  border:2px solid #efc06f;
  border-radius:999px;
  background:linear-gradient(180deg,#a95ea2 0%,#7a2d7a 49%,#4b124f 100%);
  box-shadow:inset 0 0 0 2px rgba(247,220,155,.56),0 4px 0 #a0632e,0 8px 14px rgba(72,24,57,.28);
  color:#fff2d9;font:700 1.04rem Georgia,serif;text-shadow:0 1px #2d0c30;
}
.bench-maker-button:hover .bench-maker-action{filter:brightness(1.08);}
/* soften the helper heading so it no longer has the harsh plum scroll-box look */
.bench-connected-heading{
  max-width:930px;
  margin:0 auto 18px;
  padding:10px 16px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.bench-connected-heading::before,.bench-connected-heading::after{display:none;}
.bench-connected-cat{width:clamp(95px,12vw,145px);filter:drop-shadow(0 4px 7px rgba(66,28,55,.22));transform:translateY(2px);}
.bench-connected-kicker{color:#a86b27!important;text-shadow:none;letter-spacing:.2em;}
.bench-utilities--connected .bench-connected-heading-copy h2{color:#65205e!important;text-shadow:0 2px 0 rgba(255,241,213,.95)!important;}
.bench-connected-heading-copy>p:last-child{color:#754f63!important;text-shadow:none;}
.bench-connected-flourish{filter:none;width:min(58%,250px);height:auto;}
@media(max-width:750px){
  .bench-maker-button{grid-template-columns:1fr;gap:4px;padding:18px 14px 23px;}
  .bench-maker-title{font-size:clamp(2.35rem,8vw,3.4rem);}
  .bench-maker-description{text-align:center;margin:0 auto;}
  .bench-maker-copy{align-items:center;}
  .bench-maker-copy::after{background-position:center center;}
  .bench-maker-action{align-self:center;}
  .bench-connected-heading{padding:4px 5px 8px;gap:0;}
}

/* v99 — independently illustrated Wingweaver card and gear-framed title. */
.bench-illustrated-heading{max-width:1200px;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none}
.bench-gear-title-art{display:block;width:100%;height:auto;margin:0 auto;filter:drop-shadow(0 9px 13px rgba(27,6,32,.28))}
.bench-maker-grid{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:22px}
.bench-maker-button.bench-maker-button--art-v99{display:block;flex:0 1 891px;max-width:891px;width:100%;min-width:0;height:auto;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;position:relative;overflow:visible;transition:transform .2s ease,filter .2s ease}
.bench-maker-button--art-v99::before,.bench-maker-button--art-v99::after{display:none!important;content:none!important}
.bench-maker-button--art-v99:hover,.bench-maker-button--art-v99:focus-visible{filter:brightness(1.06) drop-shadow(0 9px 12px rgba(74,28,62,.22));transform:translateY(-2px);box-shadow:none}
.bench-maker-button--art-v99:focus-visible{outline:3px solid #713271;outline-offset:4px;border-radius:21px}
.wingweaver-art-card{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 11px 11px rgba(83,33,58,.21))}
.wingweaver-mobile-card{display:none}
.bench-connected-workspace{height:auto!important;min-height:0;overflow:visible}
/* Keep helper title on the parchment, without an unrelated dark scroll box. */
.bench-utilities--connected .bench-connected-heading{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 12px 14px!important;margin:0 auto 16px!important}
.bench-utilities--connected .bench-connected-heading::before,.bench-utilities--connected .bench-connected-heading::after{display:none!important}
.bench-utilities--connected .bench-connected-heading-copy h2{color:#65205e!important;text-shadow:0 2px 0 #fff1d5!important}
.bench-utilities--connected .bench-connected-kicker{color:#9a632b!important;text-shadow:none!important}
.bench-utilities--connected .bench-connected-heading-copy>p:last-child{color:#754f63!important;text-shadow:none!important}
@media(max-width:750px){
 .bench-gear-title-art{display:block;width:100%}
 .bench-maker-button.bench-maker-button--art-v99{display:block;flex-basis:100%;max-width:600px}
 .wingweaver-art-card{display:none}
 .wingweaver-mobile-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 22px;border:3px solid #c3873c;border-radius:22px;color:#5a2256;background:radial-gradient(ellipse at 50% 0%,#fff9e9 0%,#f7deba 62%,#f0c99a 100%);box-shadow:inset 0 0 0 4px #ffedce,0 6px 0 #ad7137,0 13px 17px rgba(74,24,62,.24)}
 .wingweaver-mobile-emblem{display:block;width:min(60%,200px);height:auto;filter:drop-shadow(0 7px 8px rgba(77,22,62,.2))}
 .wingweaver-mobile-title{font:700 clamp(2.2rem,8vw,3.15rem)/1 'Cormorant Garamond',Georgia,serif;color:#64205c}
 .wingweaver-mobile-description{font:1rem/1.45 Georgia,serif;color:#673d54;max-width:32ch}
 .wingweaver-mobile-action{display:block;max-width:100%;padding:12px 25px 14px;border:2px solid #e9b65a;border-radius:999px;background:linear-gradient(#a8589b,#672164 60%,#421447);color:#ffedcd;font:700 1rem Georgia,serif;box-shadow:inset 0 0 0 2px #efd08d,0 4px 0 #96622c}
}
