/* Shared CHABOS page system: chrome, charcoal, restrained purple and existing Greek/street artwork. */
:root{--bg:#0b0910;--surface:#15111b;--text:#f4f1f6;--muted:#c1b7ca;--purple:#ad7ed4;--pink:#9861b6;--line:rgba(226,211,242,.16)}
html{scroll-padding-top:115px}body.multipage{background:radial-gradient(ellipse at 85% 5%,#21132e 0,transparent 35%),linear-gradient(160deg,#100d16,#08070b 65%);font-size:16px;overflow-wrap:break-word;color-scheme:dark}body.multipage:before{opacity:.1}.multipage main,.multipage footer{position:relative;z-index:1}.multipage .reveal{opacity:1;transform:none}.multipage :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #e2c1ff;outline-offset:4px}.multipage .eyebrow{font-size:.875rem;letter-spacing:.15em;color:#c39be5}.multipage .button{font-size:1rem;border-radius:10px;padding:.85rem 1.25rem}.multipage .button.primary{background:linear-gradient(120deg,#9264bc,#784797);box-shadow:0 10px 30px #150a2080}.multipage .button:hover{transform:translateY(-2px)}
.multipage .multipage-header{width:100%;gap:1.5rem;min-height:94px;padding:.25rem max(1.25rem,calc((100vw - 1180px)/2));background:rgba(12,9,17,.95);border-bottom:1px solid #c9b1df25;backdrop-filter:blur(20px);z-index:60}.multipage-header .brand{min-width:108px}.multipage .multipage-header .brand-logo-original{width:108px!important;height:85px!important;object-fit:contain}.multipage .multipage-header nav{gap:1.15rem;margin-left:auto;align-items:center}.multipage .multipage-header nav a{font-size:.875rem;white-space:nowrap;line-height:1.5;font-weight:600;padding:.6rem 0;position:relative;color:#c9bfce}.multipage-header nav a[aria-current=page]{color:#fff!important}.multipage-header nav a[aria-current=page]:after{content:"";height:2px;background:#bd8de3;position:absolute;bottom:0;left:0;right:0}.nav-number{display:none}.multipage-header .menu-toggle{font-size:1rem;min-height:44px;border-radius:8px}.menu-toggle span{margin-left:.5rem}
.brand-atmosphere{position:absolute;top:112px;left:0;right:0;height:600px;overflow:hidden;pointer-events:none;z-index:0}.brand-sculpture{position:absolute;left:0;top:35px;width:155px;height:410px;background:url('assets/chabos-greek-edges-v14.webp') left top/700px auto no-repeat;opacity:.27;filter:grayscale(.3);mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(#000 65%,transparent);mask-composite:intersect}.brand-street{position:absolute;right:0;top:15px;width:145px;height:440px;background:url('assets/chabos-street-edges-v14.webp') right top/700px auto no-repeat;opacity:.28;mask-image:linear-gradient(270deg,#000,transparent),linear-gradient(#000 60%,transparent);mask-composite:intersect}
.page-marker{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.page-marker>span{font-size:1.65rem;line-height:1;color:#d8c2e6;font-weight:300;letter-spacing:-.05em}.page-marker>p{margin:0;border-left:1px solid #8a6e9d;padding-left:1rem;font-size:.875rem;color:#c8b8d4}.page-intro,.artist-page-marker{max-width:1180px;margin:0 auto;padding:2.75rem 1.25rem 1.5rem}.page-intro h1,.home-copy h1{font-size:clamp(2.8rem,5.1vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:1rem 0 1.25rem;font-weight:750}.page-intro h1 span,.home-copy h1 span{color:#c9a6e1}.page-lead{max-width:650px;color:var(--muted);font-size:1.1rem}.multipage .section{padding-block:3rem}.multipage .section h2,.multipage .contact h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.08}.multipage .section-heading{margin-bottom:1.7rem}
.home-hero{max-width:1180px;margin:0 auto;padding:2.75rem 1.25rem 2rem;display:grid;grid-template-columns:1.25fr .75fr;gap:4rem;align-items:center}.home-copy>p:not(.eyebrow){color:var(--muted);max-width:590px;font-size:1.0625rem}.home-copy .button{margin-top:.7rem}.home-studio{position:relative;margin:0;overflow:hidden;border-radius:18px;background:#100b19;border:1px solid #c9b1df30;height:360px}.home-studio img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:none}.home-studio:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#09060dec)}.home-studio figcaption{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.35rem;display:grid;gap:.25rem}.home-studio figcaption span{font-size:.875rem;color:#d3c4dd}.home-studio figcaption strong{font-size:1.2rem}.home-destinations{max-width:1180px;margin:auto;padding:1.5rem 1.25rem 3.5rem}.destination-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem}.destination-heading h2{font-size:1.45rem;letter-spacing:-.035em;margin:0}.destination-heading p{font-size:1rem;color:var(--muted);margin:0}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.destination-card{display:flex;align-items:center;gap:1rem;min-height:126px;border:1px solid #c7a8de35;border-radius:12px;padding:1.2rem;background:linear-gradient(135deg,#201729d9,#100d15f2);text-decoration:none;transition:background .2s,border-color .2s}.destination-card:hover{border-color:#c497e6;background:#2c1d3b}.destination-number{align-self:start;font-size:.875rem;color:#c997ed;letter-spacing:.06em}.destination-card h3{font-size:1.15rem;margin:0 0 .35rem;line-height:1.25}.destination-card p{font-size:.875rem;line-height:1.45;color:#c3b4cf;margin:0}.destination-arrow{margin-left:auto;color:#caa6e1;font-size:1.3rem}.destination-card:nth-child(5){border-color:#ae7ad3;background:linear-gradient(135deg,#352042,#1c1225)}
.multipage .service-card{background:linear-gradient(135deg,#1c1523ed,#110e17ed);border-radius:14px;min-height:210px}.multipage .service-card>span,.multipage .service-card-link span{font-size:.875rem}.multipage .service-card h3{margin:1.3rem 0 .7rem}.multipage .service-card:hover{transform:none}.choose-artists{max-width:1180px;padding:2.5rem 1.25rem;margin:auto}.choose-artists h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;line-height:1.1}.artist-destinations{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.artist-destinations>a{display:block;padding:2rem;text-decoration:none;background:linear-gradient(135deg,#261931,#120f19);border:1px solid #c7a8de40;border-radius:14px}.artist-destinations>a:hover{border-color:#bc8bdf}.artist-destinations h3{font-size:2rem;line-height:1.1;letter-spacing:-.035em;margin:1rem 0}.artist-destinations p{color:var(--muted)}.artist-destinations .text-link{margin-top:.5rem;font-size:1rem}.multipage .project-form{border-radius:16px}.multipage .project-form .form-note{font-size:.875rem}
.artist-page-marker{padding-bottom:1rem}.artist-page-marker .page-marker{margin:0}.multipage .artist-profile{padding-top:.5rem;padding-bottom:3.5rem}.multipage .artist-profile-intro{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);border-radius:18px;background:linear-gradient(130deg,#1d1525ed,#0f0b16f5);box-shadow:none;gap:0;align-items:center}.multipage .artist-portrait{margin:1.3rem;aspect-ratio:2/3;border:0;border-radius:12px;box-shadow:none}.multipage .artist-portrait:after{display:none}.multipage .artist-portrait img{filter:none;object-fit:contain}.multipage .artist-portrait span{display:none}.multipage .artist-copy{padding:2rem}.multipage .artist-copy h1{font-size:clamp(2.6rem,4.7vw,4.4rem);letter-spacing:-.05em;line-height:1.02;margin:.7rem 0 1.1rem}.multipage .artist-copy p,.multipage .artist-details p{font-size:1rem;line-height:1.65}.multipage .artist-copy .artist-lead{font-size:1.125rem;line-height:1.5}.multipage .style-tags{gap:.5rem;margin:1.2rem 0 1.4rem}.multipage .style-tags span{font-size:.875rem;padding:.4rem .65rem;border-radius:6px}.portfolio-heading{margin:3rem 0 1.4rem}.portfolio-heading h2{font-size:clamp(2rem,3vw,2.7rem);letter-spacing:-.04em;margin:.3rem 0}.multipage .artist-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.multipage .artist-gallery figure,.multipage .artist-gallery figure:last-child{aspect-ratio:9/16;padding:0;border:0;border-radius:12px;background:#0d0a11;box-shadow:none;grid-column:auto;overflow:visible}.multipage .artist-gallery figure:before{display:none}.multipage .artist-gallery img{padding:0;object-fit:contain;border-radius:10px;background:#0d0a11}.multipage .artist-gallery figure:hover img{filter:none;transform:none}.multipage .artist-gallery figcaption{font-size:.875rem;border-radius:6px;background:#110b19e8}
.multipage .piercing-hero{display:block;min-height:0;padding:2.75rem 1.25rem 3rem;max-width:1180px}.multipage .piercing-hero:before{display:none}.multipage .piercing-hero-copy{max-width:800px}.multipage .piercing-hero h1{font-size:clamp(2.8rem,5.1vw,4.7rem);line-height:1.02}.multipage .piercing-hero h1 span{background:none;color:#c9a6e1}.multipage .piercing-section{padding-block:3rem}.multipage .piercing-heading h2,.multipage .piercing-cta h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}.multipage .piercing-panel,.multipage .piercing-step,.multipage .piercing-cta{border-radius:16px}.multipage .piercing-nav a{font-size:.875rem}.multipage .piercing-cta{margin-bottom:3rem}.multipage .piercing-disclaimer{font-size:.875rem}.multipage .request-main{padding-top:2.75rem}.multipage .request-intro h1{font-size:clamp(2.8rem,5.1vw,4.7rem);line-height:1.02}.multipage .request-intro .page-marker p{font-size:.875rem}.multipage .request-panel{border-radius:16px;background:linear-gradient(140deg,#1d1525f5,#100d16fa)}.multipage .request-intro>p:not(.eyebrow){max-width:650px}.multipage .contact{margin:1rem auto 2rem}.multipage .contact-card,.multipage .hours{border-radius:16px;background:#16111df0}.multipage .location{padding-top:2rem}.multipage .parking-card{border-radius:16px}
.multipage .site-footer{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;border-top:1px solid #c8a9df35;padding:2rem 1.25rem 2.5rem}.footer-brand{text-decoration:none;font-size:1rem;font-weight:750;color:#f3edf7}.site-footer p{margin:.4rem 0;color:#beb0c9;font-size:.875rem}.page-index{font-size:.875rem;color:#d2b7e7}.multipage .footer-links{justify-content:flex-end;align-content:start;font-size:.875rem;gap:.65rem 1.2rem}.multipage .site-footer small{font-size:.875rem}
@media(min-width:1600px){.brand-sculpture{left:calc(50% - 770px);opacity:.43}.brand-street{right:calc(50% - 770px);opacity:.4}}
@media(max-width:1100px){.multipage .multipage-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 95px);overflow-y:auto;background:#120c1b;padding:1rem 1.5rem 1.4rem;border-bottom:1px solid #9270ab;gap:0;align-items:stretch}.multipage .multipage-header nav.open{display:flex;flex-direction:column}.multipage .multipage-header nav a{font-size:1.125rem;padding:.85rem .2rem;border-bottom:1px solid #ffffff12;white-space:normal}.multipage-header nav a[aria-current=page]:after{display:none}.multipage-header nav a[aria-current=page]{background:#372044;padding-left:.75rem!important;border-radius:8px}.nav-number{display:inline-block;width:2.3rem;font-size:.875rem;color:#c194e4}.multipage .menu-toggle{display:block;margin-left:auto}.home-hero{gap:2rem}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multipage .artist-profile-intro{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)}}
@media(max-width:700px){.home-hero{grid-template-columns:1fr;padding-top:1.8rem;gap:1.8rem}.home-copy h1{font-size:clamp(2.75rem,10vw,3.6rem)}.home-studio{height:230px}.home-copy .button{width:auto}.destination-heading{display:block}.destination-heading p{margin-top:.4rem}.destination-grid{grid-template-columns:1fr 1fr;gap:.6rem}.destination-card{padding:1rem;min-height:160px;position:relative;display:block}.destination-number{display:block;margin-bottom:1rem}.destination-card h3{font-size:1.0625rem}.destination-arrow{position:absolute;right:.8rem;top:.7rem}.home-destinations{padding-top:.5rem}.brand-sculpture{width:100px;background-size:450px auto;height:270px;opacity:.2}.brand-street{width:100px;background-size:450px auto;height:285px;opacity:.2}.page-intro,.artist-page-marker{padding-top:1.8rem}.page-intro h1{font-size:clamp(2.7rem,10vw,3.5rem)}.multipage .service-grid{grid-template-columns:1fr}.artist-destinations{grid-template-columns:1fr}.multipage .artist-profile-intro{display:flex;flex-direction:column;align-items:stretch;padding:0}.multipage .artist-portrait{width:calc(100% - 2.5rem);max-width:280px;margin:1.25rem auto 0;aspect-ratio:2/3}.multipage .artist-copy{display:block;padding:1.4rem}.multipage .artist-copy>.eyebrow,.multipage .artist-copy>h1,.multipage .artist-copy>.artist-lead{padding-left:0}.multipage .artist-copy>.eyebrow{font-size:.875rem}.multipage .artist-copy h1{font-size:3rem}.multipage .artist-cta{font-size:1rem;line-height:1.4}.multipage .artist-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.multipage .artist-gallery figcaption{font-size:.875rem;left:.35rem;bottom:.35rem;padding:.25rem .45rem}.multipage .artist-details{margin-top:1rem}.multipage .style-tags span{font-size:.875rem}.multipage .piercing-hero{padding-top:1.8rem}.multipage .piercing-hero h1{font-size:clamp(2.7rem,10vw,3.5rem)}.multipage .piercing-hero-actions .button{width:100%}.multipage .request-main{padding-top:1.8rem}.multipage .request-intro h1{font-size:clamp(2.7rem,10vw,3.5rem)}.multipage .contact .contact-card,.multipage .contact .hours{padding:1.5rem}.multipage .site-footer{grid-template-columns:1fr}.multipage .footer-links{justify-content:flex-start}.multipage .piercing-nav-inner{flex-wrap:wrap;white-space:normal}.multipage .piercing-nav{overflow:visible}}
@media(max-width:360px){.destination-grid{grid-template-columns:1fr}.destination-card{min-height:115px}.destination-number{margin-bottom:.5rem}.multipage .artist-gallery{grid-template-columns:1fr}.multipage .artist-copy h1{font-size:2.5rem}.multipage .multipage-header{padding-inline:1rem}.page-marker{gap:.75rem}}
@media(prefers-reduced-motion:reduce){.destination-card,.multipage .button{transition:none}.multipage .button:hover{transform:none}}
