/* Site Starter v1.0.0 — abstract scenery, violet light and antique gold.
   Generic, CSS-only artwork. Decorative scenery stays separate from
   live, accessible HTML content. All rules belong to the public surface. */
html[data-surface=public] {
  color-scheme:dark;
  --bg:#150725; --ink:#180928; --surface:#25103e; --raised:#3a2057;
  --panel:#352049; --sidebar:#160a27; --text:#fff5e9; --muted:#d5c3e8;
  --line:#94744466; --control-line:#a18aa9; --gold:#e8c66f; --gold-hover:#f6d992;
  --lavender:#dcc2ff; --coral:#dfb2ff; --paper:#edce83; --paper-ink:#291139;
  --paper-muted:#4b3056; --green:#c3e6cf; --success-bg:#20372f;
  --pending:#f0d79b; --pending-bg:#38283c; --error:#ffc3d2; --error-bg:#45213b;
  --radius:18px; --radius-control:100px;
  --shadow-soft:0 12px 32px #09021438; --shadow-lift:0 18px 44px #09021466;
}
[data-surface=public] body{background:var(--bg);isolation:isolate}
[data-surface=public] body>main,[data-surface=public] body>.site-footer{position:relative;z-index:1}
[data-surface=public] :focus-visible{outline-color:#ffe096}
[data-surface=public] ::selection{background:#e8c66f;color:#291139}

/* CSS gradients with separate slow light/haze transforms. No perpetual
   JavaScript frame loop. The shared motion control and device preference win. */
/* Keep scenery above the body paint, and content above scenery. A CSS
   background is generated from gradients, not business-specific assets. */
.site-stage{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 12% 8%,#652d91 0,transparent 48%),radial-gradient(ellipse at 86% 28%,#9a406044 0,transparent 42%),radial-gradient(ellipse at 52% 84%,#282667 0,transparent 58%),#210b42}
.site-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#15052714,#15052710 40%,#13072280),radial-gradient(ellipse at center,#210b3b00 25%,#13062333 90%)}
.stage-beams{position:absolute;inset:0;overflow:hidden}
.stage-beams i{position:absolute;top:-9%;left:21%;width:26%;height:102%;background:radial-gradient(ellipse at 50% 0,#ead7ff85,#a95fff35 45%,#a05bff00 74%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;opacity:.3;animation:ss-stage-beam 19s ease-in-out infinite alternate;animation-play-state:paused}
.stage-beams i:nth-child(2){left:33%;animation-duration:23s;animation-delay:-8s}
.stage-beams i:nth-child(3){left:45%;animation-duration:21s;animation-delay:-13s}
.stage-beams i:nth-child(4){left:56%;animation-duration:25s;animation-delay:-4s}
.stage-haze{position:absolute;left:-8%;right:-8%;top:12%;height:92%;opacity:.35;background:radial-gradient(ellipse at 23% 40%,#a875e338,transparent 42%),radial-gradient(ellipse at 78% 28%,#bd8cff45,transparent 36%),radial-gradient(ellipse at 55% 88%,#782cc842,transparent 58%);animation:ss-stage-haze 32s ease-in-out infinite alternate;animation-play-state:paused}
html[data-motion=on].motion-page-active:not(.account-is-open) .stage-beams i,
html[data-motion=on].motion-page-active:not(.account-is-open) .stage-haze{animation-play-state:running}
@keyframes ss-stage-beam{from{transform:rotate(-9deg);opacity:.22}to{transform:rotate(9deg);opacity:.48}}
@keyframes ss-stage-haze{from{transform:translate3d(-2%,1%,0);opacity:.3}to{transform:translate3d(2%,-1%,0);opacity:.6}}

[data-surface=public] .site-header{background:#1b0938d9;border-bottom-color:#d2ab5759;backdrop-filter:blur(14px)}
[data-surface=public] .site-header.is-scrolled{box-shadow:0 8px 24px #08011240;border-bottom-color:#d2ab5799}
[data-surface=public] .mini-seal{border:1px solid #d9b65f;color:#edce83;background:#1b0938;box-shadow:inset 0 0 0 3px #1b0938,inset 0 0 0 4px #bb934c55,0 0 20px #b081da26}
[data-surface=public] .brand-wordmark>span{letter-spacing:.015em}
[data-surface=public] .brand-wordmark small{color:#d4bfe8}
[data-surface=public] .site-nav a{color:#e7d7f2}
[data-surface=public] .site-nav a:hover{color:#edce83}
[data-surface=public] .header-cart{border-color:#c29b626e;border-radius:100px;background:#23103877}
[data-surface=public] .cart-count{background:#e8c66f;color:#291139}
[data-surface=public] .account-trigger{background:#e8c66f;color:#291139;border-color:#e8c66f}
[data-surface=public] .account-trigger:hover{background:#f6d992;border-color:#f6d992}
[data-surface=public] .account-mark{color:#4b245f}
[data-surface=public] .account-trigger.is-signed-in .account-mark{background:#45215f;color:#ffe3a0}
[data-surface=public] .button{border-radius:100px;min-height:48px;padding-inline:25px;letter-spacing:.045em}
[data-surface=public] .button-primary{background:#e8c66f;color:#291139;border-color:#e8c66f;box-shadow:0 5px 24px #c89bed1a}
[data-surface=public] .button-primary:hover:not(:disabled){background:#f6d992;border-color:#f6d992;box-shadow:0 6px 28px #e8c66f30}
[data-surface=public] .button-outline{background:#24103cbb;border-color:#cda75e}
[data-surface=public] .button-outline:hover:not(:disabled){background:#492368;border-color:#edce83}
[data-surface=public] .text-link,[data-surface=public] .read-article{color:#edce83;border-bottom-color:#c29b626e}

/* Open hero: a generic idea board and orbit, with no enclosing office panel. */
[data-surface=public] .hero{position:relative;min-height:635px;padding-block:64px 70px;gap:54px;overflow:clip}
[data-surface=public] .hero h1{font-family:var(--serif);font-size:clamp(3rem,5.1vw,4.6rem);font-weight:400;text-shadow:0 3px 25px #15052755}
[data-surface=public] .hero h1 em{color:#edce83}
[data-surface=public] .hero-eyebrow{color:#e8c66f;letter-spacing:.18em}
[data-surface=public] .live-dot{width:7px;height:7px;background:#e8c66f;box-shadow:0 0 0 5px #e8c66f12,0 0 16px #dbb8ff}
[data-surface=public] .hero .lede{color:#e0d0ee;max-width:45ch}
[data-surface=public] .hero-note{border-color:#b58a48;color:#ccb6df}
[data-surface=public] .hero-community{border-color:#c29b6266}
[data-surface=public] .community-link{color:#edce83}
[data-surface=public] .motion-toggle{color:#e0caef;border-color:#af8ac1;background:#26103c9c}
[data-surface=public] .motion-toggle:hover:enabled{color:#fff2d3;border-color:#edce83}
[data-surface=public] .hero-art{background:transparent;border:0;box-shadow:none;overflow:visible;aspect-ratio:1.02}
[data-surface=public] .hero-art::before{width:92%;left:7%;top:8%;border:1px solid #d5b67859;box-shadow:0 0 0 22px #b785e80a,0 0 0 44px #b785e807,0 0 80px #b365ff40;background:radial-gradient(ellipse,#9e55e324,#6329980a 65%,transparent)}
[data-surface=public] .hero-art::after{display:none}
[data-surface=public] .art-topline,[data-surface=public] .art-bottomline{left:14px;right:6px;color:#e9c97f;border-color:#d4ad5e59}
[data-surface=public] .art-topline{top:5px}
[data-surface=public] .art-bottomline{bottom:0}
[data-surface=public] .record-sleeve{background:linear-gradient(145deg,#f3d991,#d9b76a);color:#321447;left:5%;top:21%;width:62%;height:61%;padding:7%;border:1px solid #ffdf94;box-shadow:8px 16px 36px #0d03195e}
[data-surface=public] .sleeve-type em{color:#5b2673}
[data-surface=public] .vinyl{top:22%;left:35%;box-shadow:12px 18px 36px #07011099,0 0 40px #b273e62e}
[data-surface=public] .record-label{background:#c7a0ee}
.hero-sticker{position:absolute;z-index:5;right:0;bottom:8%;width:122px;height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#28113fe8;color:#edce83;border:1px solid #e8c66f;border-radius:50%;box-shadow:inset 0 0 0 5px #28113f,inset 0 0 0 6px #d2ad5d77,0 8px 24px #07011055;transform:rotate(9deg);font-size:.46rem;line-height:1.3;letter-spacing:.1em}
.hero-sticker strong{font:italic 400 1.23rem/1.15 var(--serif);text-align:center;letter-spacing:-.04em}
.hero-sticker small{font-size:.39rem;letter-spacing:.08em}

[data-surface=public] .values-ribbon{background:#30134aad;color:#edce83;border-color:#d4ad5e77;padding-block:20px}
[data-surface=public] .values-ribbon span:nth-child(even){color:#d3adf0}
[data-surface=public] .audience-strip{padding-block:34px;border-color:#d4ad5e66}
[data-surface=public] .audience-strip h2{color:#fff1dc}
[data-surface=public] .audience-strip .section-number{color:#e3bc67}
[data-surface=public] .audience-strip .round-arrow{color:#edce83}
[data-surface=public] .content-section{padding-block:76px;border-bottom-color:#d4ad5e44}
[data-surface=public] .section-heading{flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:42px}
[data-surface=public] .section-heading h2{color:#fff1dc}
[data-surface=public] h2 em{color:#edce83}
[data-surface=public] .section-heading .eyebrow{color:#e8c66f;justify-content:center;gap:18px}
[data-surface=public] .section-heading .eyebrow::before,[data-surface=public] .section-heading .eyebrow::after{content:'';width:52px;height:1px;background:linear-gradient(90deg,transparent,#d9b65f)}
[data-surface=public] .section-heading .eyebrow::after{transform:rotate(180deg)}
[data-surface=public] .section-heading>p{max-width:52ch;color:#dbc8e9}
[data-surface=public] .section-heading>p br{display:none}
[data-surface=public] .content-section.section-contrast::before{background:#220d36a3;border-radius:24px;border:1px solid #bd944738}
[data-surface=public] .feature-grid{gap:30px}
[data-surface=public] .profile-card,[data-surface=public] .project-card,[data-surface=public] .product-card{background:#230d37ed;border-color:#caa55e;box-shadow:0 14px 34px #08011255;border-radius:19px}
[data-surface=public] .media-card>img,[data-surface=public] .media-card>.media-placeholder,[data-surface=public] .product-card>img,[data-surface=public] .product-card>.media-placeholder{border-bottom-color:#caa55e77}
[data-surface=public] .profile-card>img{aspect-ratio:4/4.5}
[data-surface=public] .card-copy .eyebrow{color:#e8c66f}
[data-surface=public] .card-copy>p:not(.eyebrow):not(.product-price){color:#dcc9ec}
[data-surface=public] .profile-detail-button:hover{color:#f5d68e}
[data-surface=public] .media-placeholder{color:#edce83;background:radial-gradient(ellipse at 32% 10%,#d5aaff9c,transparent 53%),repeating-radial-gradient(ellipse at 95% 110%,#9667b5 0 1px,#391858 2px 24px,#bd944b77 25px 26px)}
[data-surface=public] .media-card:nth-child(2n)>.media-placeholder,[data-surface=public] .product-card:nth-child(2n)>.media-placeholder{background:radial-gradient(ellipse at 73% 10%,#d7b1ff9c,transparent 55%),repeating-radial-gradient(ellipse at 5% 110%,#ad7dce 0 1px,#4d236b 2px 24px,#bd944b77 25px 26px)}
[data-surface=public] .product-card>img{background:#28123e}
[data-surface=public] .product-card .product-price{color:#edce83}
[data-surface=public] .service-card{background:#2a1043df;border-color:#ad854d}
[data-surface=public] .service-card:hover{background:#462065ed;border-color:#edce83}
[data-surface=public] .service-card::before,[data-surface=public] .service-card>span{color:#e8c66f}
[data-surface=public] .insight-card{background:#260f3de8;border-color:#ad854d}
[data-surface=public] .insight-card::before,[data-surface=public] .insight-card .eyebrow{color:#e8c66f}
[data-surface=public] .empty-state{background:#220c37d6;border-color:#af854d;text-align:left}
[data-surface=public] .empty-state::before{border-color:#caa55e;color:#e8c66f}
[data-surface=public] .about-section{background:#230d3ada;color:#fff1dc;border:1px solid #e0bb67;box-shadow:0 15px 50px #12042240}
[data-surface=public] .about-section p{color:#dbc8e9}
[data-surface=public] .about-section .eyebrow{color:#e8c66f}
[data-surface=public] .about-manifesto{border-color:#bc934c77}
[data-surface=public] .about-manifesto>span{color:#e8c66f}
[data-surface=public] .trust-card{background:#29113fe8;border-color:#ad854d}
[data-surface=public] .trust-card strong{color:#e8c66f}
[data-surface=public] .application-form{background:#251039ed;border-color:#c19a55}
[data-surface=public] input:not([type=checkbox]):not([type=range]),[data-surface=public] textarea,[data-surface=public] select{background:#190b2e;border-radius:9px}
[data-surface=public] .site-footer{background:#160823cf;border-color:#c19a5566}
[data-surface=public] .site-footer p,[data-surface=public] .site-footer nav,[data-surface=public] .footer-brand div>span{color:#ccb6df}
[data-surface=public] .back-top{color:#e8c66f}
[data-surface=public] .reading-progress{background:linear-gradient(90deg,#c18aff,#edd08a,#c18aff)}

/* Shopping and account surfaces keep strong contrast within the stage palette. */
[data-surface=public] .cart-section{--text:#fff5e9;--muted:#d5c3e8;--bg:#190b2e;--raised:#3a2057;--control-line:#a18aa9;--error:#ffc3d2;color-scheme:dark;background:#25103eeb;border-color:#caa55e}
[data-surface=public] .cart-section :focus-visible{outline-color:#ffe096}
[data-surface=public] .cart-section .eyebrow,[data-surface=public] .cart-section-heading h2 em,[data-surface=public] .cart-empty-mark{color:#e8c66f}
[data-surface=public] .cart-section-heading>span{border-color:#94754f}
[data-surface=public] .cart-line,[data-surface=public] .cart-selection-footer,[data-surface=public] .cart-empty,[data-surface=public] .cart-subtotal-row{border-color:#94744466}
[data-surface=public] .cart-summary{background:#190c2e;border-color:#ac894f}
[data-surface=public] .cart-remove,[data-surface=public] .cart-selection-footer .text-link{color:#edce83}
[data-surface=public] .quantity-button{background:#311745;color:#fff5e9;border-color:#a18aa9}
[data-surface=public] .cart-line-image{background:#392149}
[data-surface=public] .cart-line-image .media-placeholder{background:#392149;color:#edce83}
[data-surface=public] .cart-notice{background:#40312f;color:#f3d99e!important;border-color:#b99554}
[data-surface=public] .cart-line-changed .cart-line-copy p{color:#f3d99e}
[data-surface=public] .cart-message.is-error{color:#ffc3d2}
[data-surface=public] .return-banner span{color:#f0d79b}
[data-surface=public] .account-dialog{background:#241038;border-color:#caa55e;box-shadow:0 28px 100px #09011499,0 0 50px #9c5fc02e}
[data-surface=public] .account-close{background:#2a133d;border-color:#caa55e;color:#edce83}
[data-surface=public] .account-art{background:radial-gradient(ellipse at 15% 20%,#975cb6aa,transparent 60%),radial-gradient(ellipse at 90% 85%,#a97b2f55,transparent 55%),#241039;color:#edce83}
[data-surface=public] .account-art::before{border-color:#e8c66f66;box-shadow:0 0 0 30px #b680e81a,0 0 0 60px #b680e80d}
[data-surface=public] .account-art-copy{color:#fff0da;text-shadow:0 2px 18px #150527;background:linear-gradient(transparent,#1e0b31f0);border-radius:12px;padding:24px 10px 14px;bottom:24px}
[data-surface=public] .account-art-star{color:#e8c66f}
[data-surface=public] .account-record{box-shadow:0 18px 40px #09011499,0 0 40px #ae6fe33d}
[data-surface=public] .account-record>span{background:#e8c66f;color:#291139}
[data-surface=public] .account-main>.eyebrow,[data-surface=public] .account-main h2 em{color:#e8c66f}
[data-surface=public] .social-login{background:#301847;border-color:#8f75a2}
[data-surface=public] .social-login:hover:enabled{background:#492562;border-color:#edce83}
[data-surface=public] .social-login:disabled{background:#2a1a39;color:#c9b3d8;border-color:#665173;opacity:.7}
[data-surface=public] .account-submit{background:#e8c66f!important;border-color:#e8c66f!important;color:#291139!important}
[data-surface=public] .account-submit:hover:enabled{background:#f6d992!important}
[data-surface=public] .member-avatar{background:#e8c66f;color:#291139}
[data-surface=public] dialog::backdrop{background:#170629a8;backdrop-filter:blur(7px)}

@media(hover:hover) and (pointer:fine){
 html[data-motion=on] .profile-card:nth-child(odd){transform:rotate(-1deg)}
 html[data-motion=on] .profile-card:nth-child(even){transform:rotate(1deg)}
 html[data-motion=on] .profile-card:hover,html[data-motion=on] .profile-card:focus-within{transform:translateY(-7px) rotate(0)}
 html[data-motion=on] .media-card:hover,html[data-motion=on] .product-card:hover{border-color:#ffe09b;box-shadow:0 18px 40px #09011466,0 0 25px #c082ec35}
}
@media(max-width:1180px){
 [data-surface=public] .hero{min-height:570px;gap:30px}
 [data-surface=public] .hero h1{font-size:clamp(2.8rem,5.1vw,4rem)}
 .hero-sticker{width:107px;height:107px}.hero-sticker strong{font-size:1.1rem}
}
@media(max-width:800px){
 [data-surface=public] .site-nav{background:#23103beb}
 [data-surface=public] .menu-button{background:#2e1645;border-color:#b99355;border-radius:100px}
 [data-surface=public] .hero{padding-block:44px 50px;min-height:520px;gap:24px}
 [data-surface=public] .hero h1{font-size:2.75rem}
 [data-surface=public] .hero-art{aspect-ratio:.84}
 [data-surface=public] .record-sleeve{height:53%;top:26%}
 [data-surface=public] .vinyl{top:28%}
 [data-surface=public] .sleeve-type{font-size:2rem}
 [data-surface=public] .content-section{padding-block:58px}
 [data-surface=public] .section-heading{margin-bottom:32px}
 [data-surface=public] .feature-grid{gap:22px}
}
@media(max-width:680px){
 .site-stage::after{background:linear-gradient(#18072838,#18072866)}
 .stage-beams i{width:50%;left:5%}.stage-beams i:nth-child(2){left:32%}.stage-beams i:nth-child(n+3){display:none}
 [data-surface=public] .hero{grid-template-columns:1fr;gap:34px;padding-block:40px 26px}
 [data-surface=public] .hero h1{font-size:clamp(2.55rem,9.6vw,3.8rem)}
 [data-surface=public] .hero-art{aspect-ratio:1.04;width:min(460px,100%)}
 [data-surface=public] .record-sleeve{top:21%;height:61%}
 [data-surface=public] .vinyl{top:22%}
 [data-surface=public] .sleeve-type{font-size:clamp(2rem,8.4vw,3.4rem)}
 [data-surface=public] .art-topline,[data-surface=public] .art-bottomline{left:0;right:0;font-size:.47rem}
 .hero-sticker{width:101px;height:101px;bottom:8%}.hero-sticker strong{font-size:1rem}.hero-sticker>span{font-size:.4rem}.hero-sticker small{font-size:.34rem}
 [data-surface=public] .values-ribbon{font-size:1.1rem;gap:14px}
 [data-surface=public] .content-section.section-contrast::before{inset-inline:-12px;border-radius:16px}
 [data-surface=public] .section-heading{gap:14px}
 [data-surface=public] .section-heading .eyebrow{gap:12px}
 [data-surface=public] .section-heading .eyebrow::before,[data-surface=public] .section-heading .eyebrow::after{width:30px}
 [data-surface=public] .about-manifesto{border-top-color:#bc934c77}
}
@media(prefers-reduced-motion:reduce){.stage-beams i,.stage-haze{animation:none!important}}
@media(forced-colors:active){.site-stage,.hero-sticker{display:none}[data-surface=public] .button-primary,[data-surface=public] .account-trigger{border:2px solid ButtonText}}

/* Neutral idea-board artwork: crisp at any size and independent of image assets. */
[data-surface=public] .hero-art{overflow:visible;min-height:470px}
[data-surface=public] .idea-board{position:absolute;left:4%;top:13%;width:66%;height:74%;padding:30px;background:linear-gradient(135deg,#fae4a9,#e5bf6b);color:#2b143c;border:1px solid #fff0c4aa;border-radius:12px;box-shadow:0 25px 55px #10021b66;transform:rotate(-7deg);z-index:2;overflow:hidden}
[data-surface=public] .board-caption{font:700 10px/1.4 var(--sans);letter-spacing:.2em}
[data-surface=public] .idea-board strong{display:block;font:400 clamp(2.4rem,4vw,3.5rem)/1.04 var(--serif);margin-top:24px;letter-spacing:-.045em}
[data-surface=public] .idea-board strong em{font-style:italic}
[data-surface=public] .board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
[data-surface=public] .board-grid i{height:37px;background:#2b143c15;border:1px solid #2b143c28;border-radius:5px}
[data-surface=public] .board-grid i:nth-child(2),[data-surface=public] .board-grid i:nth-child(4){background:#2b143c}
[data-surface=public] .idea-orbit{position:absolute;right:-2%;top:18%;width:61%;aspect-ratio:1;border:1px solid #e8c66f88;border-radius:50%;background:radial-gradient(circle at 30% 30%,#754398,#301345 68%);box-shadow:inset 0 0 0 18px #ffffff04,inset 0 0 0 19px #e8c66f22,0 15px 40px #12032044;display:grid;place-items:center;z-index:1}
[data-surface=public] .idea-orbit span{font-size:clamp(6rem,12vw,10rem);line-height:1;color:#e8c66f}
[data-surface=public] .hero-sticker{right:-1%;bottom:9%;top:auto;z-index:3}
[data-surface=public] .account-record{border-radius:28px;background:linear-gradient(145deg,#e9ce8a,#c59ad9);border:1px solid #ffe9b499;box-shadow:14px 14px 0 #180d2d55;transform:rotate(-9deg)}
[data-surface=public] .account-record::before,[data-surface=public] .account-record::after{display:none}
[data-surface=public] .account-record span{background:none;color:#2b143c;font:400 5rem/1 var(--serif)}
html[data-motion=on].motion-page-active:not(.account-is-open) .idea-orbit{animation:ss-idea-turn 40s linear infinite}
@keyframes ss-idea-turn{to{transform:rotate(360deg)}}
@media(max-width:720px){[data-surface=public] .hero-art{min-height:390px;max-width:420px;width:100%;margin:auto}[data-surface=public] .idea-board{padding:24px}[data-surface=public] .hero-sticker{right:0}}
@media(prefers-reduced-motion:reduce){[data-surface=public] .idea-orbit{animation:none!important}}