/* Full-width repair: approved artwork and layout retained.
   --layout-scale scales real CSS lengths, not a flattened webpage or transformed canvas.
   The entire homepage fills the browser; mobile keeps its existing responsive layout. */
:root{--layout-scale:1;}
/* TWISTED FLAME — LOCKED MASTER GEOMETRY. Safe adjustments are made HERE.
   Numbers are percentages of the 1086 px master width. Layout elements stay independent. */
:root {
  --site-width:none;
  --logo-x:19.0%; --logo-y:8.15%; --logo-w:63.6%;
  --name-x:14%; --name-y:calc(6px * var(--layout-scale, 1)); --name-w:72%;
  --banana-x:45.12%; --banana-y:63.13%; --banana-w:43.00%; --banana-h:33.86%;
  --banana-move-x:calc(-10px * var(--layout-scale, 1)); /* adjust the hero banana a few pixels, never the glass gallery */
  --fire-headline-x:4.25%; --fire-headline-y:80.1%;
  --hero-bg-position:50% 50%;
  --card-gap:1%; --artist-height:calc(262px * var(--layout-scale, 1)); --artist-photo-x:50%; --artist-photo-y:48%;
  --featured-top-padding:calc(8px * var(--layout-scale, 1)); --fire-banner-height:calc(129px * var(--layout-scale, 1));
  --gold:#ffd02f; --orange:#ff921f; --black:#05080a;
}
/* Controlled layout components. Do not edit the card or artist markup when changing images. */

/* Future position changes go here. Empty means original locked layout. */

/* Twisted Flame Glassworks — native browser text, SVG logo, original photos. Master geometry: 1086 px. */
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;background:#030609;color:#f7f4ed;font-family:"Times New Roman","Times New Roman",Georgia,serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:calc(2px * var(--layout-scale, 1)) solid #ffbd45;outline-offset:calc(3px * var(--layout-scale, 1))}.skip{position:absolute;top:calc(-100px * var(--layout-scale, 1));left:calc(12px * var(--layout-scale, 1));background:#050608;padding:calc(12px * var(--layout-scale, 1));z-index:100}.skip:focus{top:calc(8px * var(--layout-scale, 1))}
.site-shell{max-width:var(--site-width,calc(1086px * var(--layout-scale, 1)));width:100%;margin:0 auto;overflow:hidden;background:#040709;box-shadow:0 0 calc(38px * var(--layout-scale, 1)) rgba(0,0,0,.9),0 0 calc(115px * var(--layout-scale, 1)) rgba(83,33,5,.16)}
.hero{height:auto;aspect-ratio:1086/499;position:relative;isolation:isolate;background:#06090c var(--hero-image,url("assets/header-workshop-new-logo.png")) center/100% 100% no-repeat;overflow:hidden}
.top-nav{position:absolute;inset:0 0 auto 0;z-index:12;height:9.22%;border-bottom:calc(1px * var(--layout-scale, 1)) solid rgba(222,149,58,.47);background:#030609;display:flex;justify-content:center;align-items:center;gap:clamp(calc(13px * var(--layout-scale, 1)),3.1vw,calc(39px * var(--layout-scale, 1)));padding:0 5.8% 0 12%;font:clamp(calc(10px * var(--layout-scale, 1)),1.17vw,calc(14px * var(--layout-scale, 1)))/1.2 "Times New Roman",Georgia,serif;letter-spacing:.115em;white-space:nowrap}
.top-nav a{text-decoration:none;display:inline-flex;align-items:center;height:100%;position:relative;text-shadow:0 0 calc(2px * var(--layout-scale, 1)) black;color:#f4f0e8}.top-nav a:first-child:after,.top-nav a:hover:after{content:"";position:absolute;bottom:calc(1px * var(--layout-scale, 1));left:0;right:0;height:calc(2px * var(--layout-scale, 1));background:#e4a534}.top-nav a:hover{color:white}.cart{margin-left:auto;min-width:calc(25px * var(--layout-scale, 1));color:white}.cart svg{width:calc(27px * var(--layout-scale, 1));height:calc(27px * var(--layout-scale, 1))}
.logo-stage{position:absolute;z-index:5;left:var(--logo-x);top:var(--logo-y);width:var(--logo-w);pointer-events:none;filter:drop-shadow(0 calc(1px * var(--layout-scale, 1)) calc(1px * var(--layout-scale, 1)) rgba(0,0,0,.92))}
.logo-stage .vector-logo{display:block;width:100%;height:auto}
/* A softly vignetted backing isolates the native nameplate from lettering burned into the legacy artwork */
.nameplate{position:absolute;z-index:6;left:var(--name-x);top:var(--name-y);width:var(--name-w);aspect-ratio:550/137;isolation:isolate}
.nameplate:before{content:"";z-index:-1;position:absolute;inset:-9% -5%;background:radial-gradient(ellipse at center,rgba(6,5,5,.98) 20%,rgba(4,5,6,.96) 58%,rgba(4,5,6,.45) 77%,transparent 100%);filter:blur(calc(8px * var(--layout-scale, 1)))}
.nameplate svg{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(calc(1px * var(--layout-scale, 1)) calc(1px * var(--layout-scale, 1)) calc(1px * var(--layout-scale, 1)) #000)}
.banana-frame{position:absolute;z-index:4;left:calc(var(--banana-x) + var(--banana-move-x));top:var(--banana-y);width:var(--banana-w);height:var(--banana-h);overflow:hidden;pointer-events:none}
.banana-frame img{width:100%;height:100%;display:block;object-fit:fill;image-rendering:auto}
.motto{position:absolute;z-index:6;left:var(--fire-headline-x);top:var(--fire-headline-y);font:normal clamp(calc(15px * var(--layout-scale, 1)),2.70vw,calc(29px * var(--layout-scale, 1)))/1.06 "Times New Roman",Georgia,serif;letter-spacing:.026em;white-space:nowrap;text-shadow:calc(1px * var(--layout-scale, 1)) calc(2px * var(--layout-scale, 1)) calc(3px * var(--layout-scale, 1)) #000,0 0 calc(18px * var(--layout-scale, 1)) #000}
.handwritten{position:absolute;z-index:6;right:1.4%;top:76.5%;font:italic clamp(calc(12px * var(--layout-scale, 1)),1.9vw,calc(21px * var(--layout-scale, 1)))/1.05 "Liberation Serif","Times New Roman",Georgia,serif;text-align:right;color:white;transform:rotate(-10deg);text-shadow:0 calc(1px * var(--layout-scale, 1)) calc(3px * var(--layout-scale, 1)) #000;letter-spacing:-.04em}.handwritten small{display:block;margin-top:calc(5px * var(--layout-scale, 1));font-size:.7em}
/* All four cards are real elements, separate original image files, no CSS filters or scaling hack. */
.featured{background:#02070a;position:relative;padding:var(--featured-top-padding) 1.65% calc(29px * var(--layout-scale, 1));min-height:calc(404px * var(--layout-scale, 1))}
.section-heading{height:calc(27px * var(--layout-scale, 1));display:flex;align-items:center;gap:calc(18px * var(--layout-scale, 1));padding:0 3%;white-space:nowrap}.section-heading h2{margin:0;font-size:calc(13px * var(--layout-scale, 1));letter-spacing:.24em;font-weight:400}.section-heading .rule{flex:1;height:calc(1px * var(--layout-scale, 1));background:linear-gradient(90deg,#987047,rgba(110,100,90,.5))}.section-heading .strap{font-size:calc(10px * var(--layout-scale, 1));letter-spacing:-.015em;color:#f6f4f0}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap);align-items:stretch}
.art-card{min-width:0;min-height:calc(323px * var(--layout-scale, 1));padding:calc(6px * var(--layout-scale, 1));background:#04090d;border:calc(1px * var(--layout-scale, 1)) solid #33444a;box-shadow:inset 0 0 0 calc(2px * var(--layout-scale, 1)) #03080b,0 0 0 calc(2px * var(--layout-scale, 1)) #010607;display:flex;flex-direction:column;align-items:center;position:relative}
.art-card:after{content:"";position:absolute;left:0;right:0;bottom:calc(-30px * var(--layout-scale, 1));height:calc(15px * var(--layout-scale, 1));pointer-events:none;border:calc(1px * var(--layout-scale, 1)) solid #102029;border-top:0}
.art-card .art-photo{display:block;width:100%;height:calc(215px * var(--layout-scale, 1));position:relative;overflow:hidden;border:calc(1px * var(--layout-scale, 1)) solid #3f4a4f;background:#12120f}
.art-card .art-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:none}
.art-card .art-photo.dual img{height:50%;object-position:center 56%}.art-card .art-photo.dual img+img{border-top:calc(1px * var(--layout-scale, 1)) solid #3c4247}
.art-card h3{margin:calc(5px * var(--layout-scale, 1)) 0 0;font-size:calc(14px * var(--layout-scale, 1));letter-spacing:.005em;line-height:1.18;font-weight:400;text-align:center;text-shadow:0 calc(1px * var(--layout-scale, 1)) calc(1px * var(--layout-scale, 1)) black}
.art-card p{margin:calc(8px * var(--layout-scale, 1)) 0 auto;font-size:calc(10px * var(--layout-scale, 1));line-height:1.2;text-align:center;text-transform:uppercase}
.art-card a{display:flex;align-items:center;justify-content:center;width:83%;min-height:calc(31px * var(--layout-scale, 1));margin:calc(11px * var(--layout-scale, 1)) 0 calc(7px * var(--layout-scale, 1));border:calc(2px * var(--layout-scale, 1)) solid #e9a900;color:#fff;text-decoration:none;font:calc(11px * var(--layout-scale, 1))/1.25 Arial,sans-serif;background:#05070a;white-space:nowrap}
.art-card a:hover{background:#8b3d0b;color:#fff}
.artist-section{display:grid;grid-template-columns:43.3% 39% 17.7%;height:var(--artist-height);overflow:hidden;background:#000;border-top:calc(3px * var(--layout-scale, 1)) solid #141c21;border-bottom:calc(3px * var(--layout-scale, 1)) solid #27170d}
.artist-photo{overflow:hidden}.artist-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--artist-photo-x) var(--artist-photo-y);display:block}
.artist-text{padding:calc(19px * var(--layout-scale, 1)) calc(20px * var(--layout-scale, 1)) calc(10px * var(--layout-scale, 1)) calc(18px * var(--layout-scale, 1));min-width:0}.artist-text h2{font-size:calc(23px * var(--layout-scale, 1));letter-spacing:.29em;font-weight:400;margin:0 0 calc(7px * var(--layout-scale, 1));white-space:nowrap}.short-rule{height:calc(2px * var(--layout-scale, 1));width:calc(60px * var(--layout-scale, 1));background:#ffbe00;margin-bottom:calc(10px * var(--layout-scale, 1))}.artist-text p{font:calc(15.5px * var(--layout-scale, 1))/1.21 "Times New Roman",Georgia,serif;margin:0;color:#f1efeb}.outline-button{font:calc(11px * var(--layout-scale, 1)) Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:calc(2px * var(--layout-scale, 1)) solid #ffc000;margin-top:calc(9px * var(--layout-scale, 1));min-width:calc(153px * var(--layout-scale, 1));min-height:calc(32px * var(--layout-scale, 1));white-space:nowrap}
.artist-credo{padding:calc(20px * var(--layout-scale, 1)) calc(8px * var(--layout-scale, 1)) calc(10px * var(--layout-scale, 1)) calc(20px * var(--layout-scale, 1))}.fire-stack{border-left:calc(2px * var(--layout-scale, 1)) solid #f5b800;line-height:1.45;letter-spacing:.18em;font-size:calc(17px * var(--layout-scale, 1));padding-left:calc(18px * var(--layout-scale, 1));margin:0 0 calc(22px * var(--layout-scale, 1))}.artist-quote{font:italic calc(17px * var(--layout-scale, 1))/1.4 "Times New Roman",Georgia,serif;margin:0}.signature{text-align:right;font:italic calc(18px * var(--layout-scale, 1))/1.1 "Times New Roman",Georgia,serif;margin:calc(5px * var(--layout-scale, 1)) calc(9px * var(--layout-scale, 1))}
.fire-banner{height:var(--fire-banner-height);position:relative;background:#150d08 var(--footer-image,url("assets/footer-previous.webp")) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}.fire-banner:before{content:"";position:absolute;z-index:0;inset:20% 0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.9) 20%,rgba(0,0,0,.94) 80%,transparent);filter:blur(calc(10px * var(--layout-scale, 1)))}.fire-banner-text{position:relative;z-index:1;background:rgba(0,0,0,.36);padding:calc(5px * var(--layout-scale, 1)) calc(15px * var(--layout-scale, 1))}.fire-banner-text h2{font-size:calc(25px * var(--layout-scale, 1));font-weight:400;letter-spacing:.29em;margin:0 0 calc(5px * var(--layout-scale, 1));white-space:nowrap}.fire-banner-text b{color:#f8bf04;font-size:.8em}.fire-banner-text p{font-size:calc(14px * var(--layout-scale, 1));letter-spacing:.15em;margin:0;line-height:1.7;border-top:calc(1px * var(--layout-scale, 1)) solid #a27017;padding-top:calc(7px * var(--layout-scale, 1))}
.footer{min-height:calc(150px * var(--layout-scale, 1));background:linear-gradient(0deg,#010405,#03080b);padding:0 calc(30px * var(--layout-scale, 1));text-align:center}.footer-links{height:calc(76px * var(--layout-scale, 1));border-bottom:calc(1px * var(--layout-scale, 1)) solid #9fa8a5;display:flex;align-items:center;justify-content:center;gap:clamp(calc(15px * var(--layout-scale, 1)),4vw,calc(56px * var(--layout-scale, 1)));white-space:nowrap}.footer-links>a,.place{display:flex;align-items:center;gap:calc(14px * var(--layout-scale, 1));text-decoration:none;font-size:calc(13px * var(--layout-scale, 1))}.footer-links>a span:first-child,.place>span:first-child{font:calc(28px * var(--layout-scale, 1)) Arial,sans-serif}.social{display:flex;gap:calc(24px * var(--layout-scale, 1));border-left:calc(2px * var(--layout-scale, 1)) solid #dfac06;padding-left:calc(25px * var(--layout-scale, 1));align-items:center}.social a{text-decoration:none;font:700 calc(19px * var(--layout-scale, 1)) Arial,sans-serif}.footer-brand{font-size:calc(13px * var(--layout-scale, 1));letter-spacing:.27em;padding:calc(9px * var(--layout-scale, 1)) 0 calc(12px * var(--layout-scale, 1))}.footer-brand small{display:block;font-size:calc(10px * var(--layout-scale, 1));letter-spacing:.26em;margin-top:calc(7px * var(--layout-scale, 1))}.footer-brand small span{color:#ffa51d}
@media(max-width:1086px) and (min-width:701px){.top-nav{gap:2.7%;font-size:clamp(calc(9px * var(--layout-scale, 1)),1.1vw,calc(13px * var(--layout-scale, 1)))}.artist-text p{font-size:clamp(calc(10px * var(--layout-scale, 1)),1.38vw,calc(15px * var(--layout-scale, 1)))}.artist-text h2{font-size:2.2vw}.artist-credo .fire-stack{font-size:1.6vw}.artist-credo .artist-quote{font-size:1.6vw}.card-grid .art-card h3{font-size:1.3vw}.art-card p{font-size:1vw}.fire-banner-text{position:relative;z-index:1;background:rgba(0,0,0,.36);padding:calc(5px * var(--layout-scale, 1)) calc(15px * var(--layout-scale, 1))}.fire-banner-text h2{font-size:2.3vw}}
@media(max-width:700px){
 .site-shell{overflow:visible}.hero{height:calc(620px * var(--layout-scale, 1));aspect-ratio:auto;background-image:var(--hero-image-mobile,url("assets/asset_e7c69ef99060.webp"));background-size:cover;background-position:center center}
 .top-nav{height:auto;min-height:calc(56px * var(--layout-scale, 1));flex-wrap:wrap;padding:calc(10px * var(--layout-scale, 1)) calc(12px * var(--layout-scale, 1));gap:calc(12px * var(--layout-scale, 1)) calc(20px * var(--layout-scale, 1));align-items:center;font-size:calc(12px * var(--layout-scale, 1))}.top-nav a{height:calc(28px * var(--layout-scale, 1))}.top-nav .cart{margin-left:0}.logo-stage{top:calc(112px * var(--layout-scale, 1));left:3%!important;width:94%!important}.nameplate{top:calc(197px * var(--layout-scale, 1));left:12%!important;width:76%!important}
 .banana-frame{top:calc(355px * var(--layout-scale, 1));left:8%!important;width:84%!important;height:auto;aspect-ratio:467/169}.motto{left:5%;top:calc(520px * var(--layout-scale, 1));font-size:clamp(calc(18px * var(--layout-scale, 1)),5vw,calc(26px * var(--layout-scale, 1)))}.handwritten{display:none;right:4%;top:calc(474px * var(--layout-scale, 1));font-size:calc(12px * var(--layout-scale, 1))}
 .featured{padding:calc(14px * var(--layout-scale, 1)) calc(14px * var(--layout-scale, 1)) calc(35px * var(--layout-scale, 1))}.section-heading{height:calc(36px * var(--layout-scale, 1));gap:calc(7px * var(--layout-scale, 1));padding:0 calc(2px * var(--layout-scale, 1))}.section-heading h2{font-size:calc(12px * var(--layout-scale, 1))}.section-heading .strap{font-size:calc(8px * var(--layout-scale, 1));white-space:normal;text-align:right}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18px * var(--layout-scale, 1)) calc(12px * var(--layout-scale, 1))}.art-card{min-height:calc(300px * var(--layout-scale, 1))}.art-card .art-photo{height:calc(180px * var(--layout-scale, 1))}.art-card h3{font-size:calc(13px * var(--layout-scale, 1))}.art-card p{font-size:calc(10px * var(--layout-scale, 1))}.art-card a{min-height:calc(34px * var(--layout-scale, 1));font-size:calc(10px * var(--layout-scale, 1))}.art-card:after{display:none}
 .artist-section{height:auto;display:grid;grid-template-columns:1fr}.artist-photo{height:calc(300px * var(--layout-scale, 1))}.artist-text{padding:calc(22px * var(--layout-scale, 1))}.artist-text h2{font-size:calc(27px * var(--layout-scale, 1))}.artist-text p{font-size:calc(16px * var(--layout-scale, 1));line-height:1.4}.artist-credo{padding:calc(12px * var(--layout-scale, 1)) calc(22px * var(--layout-scale, 1)) calc(24px * var(--layout-scale, 1))}.fire-stack{font-size:calc(16px * var(--layout-scale, 1))}.artist-quote{font-size:calc(17px * var(--layout-scale, 1))}.fire-banner{min-height:calc(120px * var(--layout-scale, 1))}.fire-banner-text{position:relative;z-index:1;background:rgba(0,0,0,.36);padding:calc(5px * var(--layout-scale, 1)) calc(15px * var(--layout-scale, 1))}.fire-banner-text h2{font-size:clamp(calc(13px * var(--layout-scale, 1)),3.2vw,calc(20px * var(--layout-scale, 1)));letter-spacing:.12em}.fire-banner-text p{font-size:calc(10px * var(--layout-scale, 1));letter-spacing:.06em}
 .footer{padding:calc(10px * var(--layout-scale, 1)) calc(14px * var(--layout-scale, 1))}.footer-links{height:auto;padding:calc(14px * var(--layout-scale, 1)) 0;flex-wrap:wrap;gap:calc(15px * var(--layout-scale, 1)) calc(20px * var(--layout-scale, 1))}.footer-links>a,.place{font-size:calc(13px * var(--layout-scale, 1))}.social{border-left:0;padding:0}.footer-brand{font-size:calc(12px * var(--layout-scale, 1))}.footer-brand small{font-size:calc(8px * var(--layout-scale, 1));letter-spacing:.12em}
}
@media(max-width:380px){.top-nav{font-size:calc(10px * var(--layout-scale, 1));gap:calc(8px * var(--layout-scale, 1)) calc(13px * var(--layout-scale, 1))}.art-card .art-photo{height:calc(147px * var(--layout-scale, 1))}.art-card{min-height:calc(285px * var(--layout-scale, 1))}.art-card h3{font-size:calc(11px * var(--layout-scale, 1))}.art-card a{font-size:calc(9px * var(--layout-scale, 1))}.nameplate{top:calc(197px * var(--layout-scale, 1))}.banana-frame{top:calc(363px * var(--layout-scale, 1))}}

/* The original hero already contains the artist signature. Do not paint it twice. */
.handwritten{display:block}

.art-card p.price{font:600 calc(13px * var(--layout-scale, 1))/1.2 Arial,sans-serif;color:#ffca5e;margin:calc(5px * var(--layout-scale, 1)) 0 0;text-align:center}

/* Original typography and original signature are visually locked to the supplied master. */
.handwritten{display:none!important}

/* Original signature remains pixel-faithful by default; custom editor text takes over only when changed. */
.hero.edited-quote:after{content:"";position:absolute;right:0;bottom:0;width:18.5%;height:29%;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(3,5,6,.96) 28%,rgba(3,5,6,.98));}
.hero.edited-quote .handwritten{display:block!important;z-index:7}

/* 2026-10-17: Two locked brand assets. Only these visual positions changed. */
.hero { aspect-ratio:1086 / 499; }
.logo-stage { left:var(--logo-x); top:var(--logo-y); width:var(--logo-w); filter:none; z-index:6; }
.logo-stage .vector-logo { width:100%; height:auto; mix-blend-mode:normal; }
.artist-nameplate-band { position:relative; height:calc(142px * var(--layout-scale, 1)); background:linear-gradient(#030608,#080a0c 60%,#02070a); border-top:calc(1px * var(--layout-scale, 1)) solid rgba(234,121,33,.24); border-bottom:calc(1px * var(--layout-scale, 1)) solid rgba(234,121,33,.25); overflow:hidden; }
.artist-nameplate-band .nameplate { position:absolute; z-index:2; left:var(--name-x,14%); top:var(--name-y,calc(6px * var(--layout-scale, 1))); width:var(--name-w,72%); aspect-ratio:auto; background:transparent; isolation:auto; }
.artist-nameplate-band .nameplate::before {display:none}
.artist-nameplate-band .nameplate img {display:block;width:100%;height:auto;object-fit:contain;filter:none;}
@media(max-width:700px) {
  .hero { height:calc(620px * var(--layout-scale, 1)); }
  .logo-stage {left:3% !important; top:calc(108px * var(--layout-scale, 1)) !important; width:94% !important;}
  .artist-nameplate-band { height:calc(105px * var(--layout-scale, 1)); }
  .artist-nameplate-band .nameplate {left:3%!important;top:calc(14px * var(--layout-scale, 1))!important;width:94%!important;}
}
@media(max-width:380px){ .logo-stage{top:calc(112px * var(--layout-scale, 1))!important;} }

/* Mobile uses its own fixed-width composition: no aspect-ratio-driven overflow. */
@media(max-width:700px){.hero{aspect-ratio:auto!important;width:100%!important;max-width:100%;}}


/* Header repair only. All gallery, artist, nameplate and footer rules are unchanged. */
.hero{background-image:var(--hero-image);background-size:100% 100%;background-position:center;}
.banana-frame{left:38.8%;top:58.9%;width:35.6%;height:auto;aspect-ratio:2042 / 1049;overflow:visible;}
.banana-frame img{display:block;width:100%;height:auto;object-fit:contain;filter:none;}
@media(min-width:701px){
 /* The approved desktop logo and caption are preserved in the untouched
    upper portion of the photographic header. Do not double-print them. */
 .logo-stage,.motto{display:none;}
}
@media(max-width:700px){
 .hero{height:calc(620px * var(--layout-scale, 1));background-image:var(--hero-image-mobile);background-size:100% auto;background-position:center calc(86px * var(--layout-scale, 1));background-repeat:no-repeat;background-color:#050709;}
 .logo-stage{display:block;left:3%!important;top:calc(108px * var(--layout-scale, 1))!important;width:94%!important;}
 .banana-frame{left:9%!important;top:calc(341px * var(--layout-scale, 1))!important;width:82%!important;height:auto!important;aspect-ratio:2042 / 1049!important;}
 .motto{display:block;left:5%;top:calc(520px * var(--layout-scale, 1));}
}


.motto { display:none !important; }


/* Only the nameplate artwork is reduced. Its band and all other elements keep their geometry. */
.artist-nameplate-band #nameplateImg {
  transform: scale(0.80);
  transform-origin: 50% 50%;
}

/* Approved final state: original photographs fitted, smaller nameplate, no artist credo. */
.art-photo{background:#04090d!important}
.art-card .art-photo img{object-fit:contain;object-position:center center}
.artist-credo{display:none!important}
/* The remaining two columns keep their approved widths; do not expand the biography. */
.artist-section{grid-template-columns:43.3% 39% 17.7%}
.fire-banner{background-color:#000}
.nameplate-live{display:none;text-align:center;color:var(--name-glow,#ff921f);font-family:"Times New Roman",Georgia,serif;text-shadow:0 0 calc(2px * var(--layout-scale, 1)) #fff5b2,0 0 calc(7px * var(--layout-scale, 1)) #ff6500,0 0 calc(15px * var(--layout-scale, 1)) #cc3300}
.nameplate-live .editable-name{font-size:clamp(calc(20px * var(--layout-scale, 1)),3.4vw,calc(42px * var(--layout-scale, 1)));letter-spacing:.12em;line-height:1.15}
.nameplate-live .editable-role{display:flex;justify-content:center;gap:calc(15px * var(--layout-scale, 1));align-items:center;font-size:clamp(calc(15px * var(--layout-scale, 1)),2.4vw,calc(30px * var(--layout-scale, 1)));letter-spacing:.16em;line-height:1.1}
.nameplate-live .editable-role:before,.nameplate-live .editable-role:after{content:"";width:28%;height:calc(2px * var(--layout-scale, 1));background:linear-gradient(90deg,transparent,#ffa600,#fff1ba,#ffa600,transparent);box-shadow:0 0 calc(8px * var(--layout-scale, 1)) #f80}
[data-nameplate-mode="text"] #nameplateImg{display:none}
[data-nameplate-mode="text"] .nameplate-live{display:block;transform:scale(var(--nameplate-scale,.8))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){
.artist-section{grid-template-columns:1fr;height:auto}
.art-card .art-photo{height:calc(180px * var(--layout-scale, 1))}
.nameplate-live .editable-name{font-size:calc(23px * var(--layout-scale, 1))}
.nameplate-live .editable-role{font-size:calc(19px * var(--layout-scale, 1))}
}
@media(max-width:380px){.art-card .art-photo{height:calc(147px * var(--layout-scale, 1))}}

/* Exact approved nameplate alignment and horizontal flame framing. */
:root{--name-y:calc(2.56px * var(--layout-scale, 1))}
.fire-banner{background-size:100% 100%}

.art-card a,.outline-button{border-color:var(--accent,#ffc000)}

/* Approved new logo: retain the original mobile logo frame and aspect ratio. */
@media(max-width:700px){
 .logo-stage { aspect-ratio:1774 / 556; }
 .logo-stage .vector-logo { width:100%; height:100%; object-fit:contain; object-position:center; }
}

/* Banana purchase button only; existing artwork and page composition retained. */
.art-card a.paypal-buy{
  flex-direction:column;gap:2px;min-height:44px;padding:5px 6px;
  border-color:#ffc439;background:#ffc439;color:#101d34;
  font-weight:700;white-space:normal;text-align:center;line-height:1.2;
}
.art-card a.paypal-buy small{font:400 10px/1.15 Arial,sans-serif;color:#101d34}
.art-card a.paypal-buy:hover{background:#ffd365;border-color:#ffd365;color:#101d34}
.art-card a.paypal-buy:focus-visible{outline:3px solid #fff;outline-offset:3px}
.art-card a.paypal-buy .paypal-word{color:#0070ba;font-style:italic;font-weight:700}