/* MAZZ Jewellers - V15 Atelier Noir. Uses MAZZ's supplied transparent gold bird-and-diamond logo.
 * Purely visual: preserves database, quote submissions, CMS text ids and feature toggles. */
:root{--ink:#141413;--linen:#f6f2ea;--champ:#d4b374;--rule:#ddd3c2;--gold:#c6a35c}
body.atelier-theme{--atelier-0:#080a0b;--atelier-1:#111315;--atelier-2:#1e2023;--atelier-3:#2e2b28;--atelier-gold:#e6ca86;--atelier-brass:#b99347;--atelier-ivory:#f4efe5;background:#f5f0e6;color:#191918;-webkit-font-smoothing:antialiased;}
.atelier-theme a:focus-visible,.atelier-theme button:focus-visible,.atelier-theme input:focus-visible{outline:2px solid #d6a848;outline-offset:3px}
/* A single premium ribbon, not duplicate announcements. */
.atelier-theme .mazz-topline{background:linear-gradient(90deg,#090b0c,#202122 50%,#090b0c);color:#dfc58c;letter-spacing:.25em;font-size:10px;padding:11px 14px;border-bottom:1px solid rgba(231,197,117,.25)}
.atelier-theme .mazz-header{background:linear-gradient(110deg,#151719 0%,#0c0d0f 52%,#1b1917 100%);border-bottom:1px solid rgba(228,190,107,.38);min-height:91px;padding:10px clamp(22px,4vw,84px);box-shadow:0 15px 32px rgba(0,0,0,.12)}
.atelier-theme .mazz-wordmark{gap:13px;min-width:205px}.atelier-theme .atelier-logo{width:44px;height:58px;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(243,187,62,.14))}
.atelier-theme .mazz-word{color:#f0e7d0;font-size:27px;letter-spacing:.19em;font-weight:400}.atelier-theme .mazz-word small{color:#d8ae67;letter-spacing:.40em;font-size:9px;margin-top:6px}
.atelier-theme .mazz-header nav a{color:#ddd7cb;font-size:11px;text-transform:uppercase;letter-spacing:.11em;transition:color .2s;text-decoration:none}
.atelier-theme .mazz-header nav a:hover,.atelier-theme .mazz-header nav a[aria-current="page"]{color:#f4cc76}
.atelier-theme .mazz-header-cta{border:1px solid rgba(229,186,103,.60);padding:13px 17px;color:#f2d89e!important;transition:background .2s,color .2s}
.atelier-theme .mazz-header-cta:hover{background:linear-gradient(120deg,#af8436,#f0d28a,#bd9650);color:#16120b!important}
.atelier-theme .mazz-menu{color:#eed79d;border-color:#8c754d}
/* Typography and micro-details: polished without inflated sales claims. */
.atelier-theme h1,.atelier-theme h2,.atelier-theme h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.atelier-theme .m-eyebrow{color:#ab823b!important;letter-spacing:.29em!important}
.atelier-theme .m-button{background:linear-gradient(115deg,#ab813d 0%,#e9ce87 48%,#ad843c 100%);color:#17140f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px rgba(12,11,8,.13);transition:transform .2s,filter .2s}
.atelier-theme .m-button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.atelier-theme .m-button.light{background:#f2eadb;color:#1b1712!important}
.atelier-theme .m-link{color:#987136;text-decoration-color:#b69a68}
/* Homepage: one uninterrupted editorial stage with a real MAZZ crest as the hero sculpture. */
.atelier-theme .gallery-hero{background:radial-gradient(ellipse at 78% 43%,rgba(128,99,46,.28),transparent 35%),radial-gradient(ellipse at 19% 120%,rgba(72,61,48,.22),transparent 50%),linear-gradient(124deg,#090a0c 4%,#202125 54%,#0b0c0e 100%);color:var(--atelier-ivory);min-height:710px;padding:100px clamp(25px,7.2vw,140px) 35px;border-bottom:1px solid #8c6a37;isolation:isolate}
.atelier-theme .gallery-hero:before{content:'';width:54vw;max-width:820px;height:54vw;max-height:820px;border-radius:50%;right:-11%;top:-22%;background:radial-gradient(circle,transparent 50%,rgba(222,177,98,.085) 51%,transparent 51.2%,transparent 62%,rgba(222,177,98,.05) 62.2%,transparent 62.5%);opacity:1}
.atelier-theme .gallery-hero:after{content:'';position:absolute;inset:20px;background:linear-gradient(90deg,rgba(197,149,65,.32),transparent 24%,transparent 76%,rgba(197,149,65,.23));border:1px solid rgba(226,187,99,.18);pointer-events:none;z-index:0}
.atelier-theme .gallery-hero-inner{min-height:550px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.atelier-theme .gallery-hero h1{font-size:clamp(62px,8.2vw,142px);line-height:.92;max-width:840px;letter-spacing:-.066em;text-wrap:balance;margin:0 0 30px;text-shadow:0 5px 27px rgba(0,0,0,.16)}
.atelier-theme .gallery-hero h1 em{color:#e4c680;font-weight:400}
.atelier-theme .gallery-hero .m-eyebrow{color:#e7c77a!important;font-size:11px!important}
.atelier-theme .gallery-hero-lead{max-width:570px;color:#d2cbc0;font-size:clamp(17px,1.5vw,20px);line-height:1.8}
.atelier-theme .gallery-hero-actions{margin:30px 0 75px;gap:26px}.atelier-theme .gallery-hero .m-link{color:#f0d79a;border-bottom:1px solid rgba(232,194,122,.7)}
.atelier-theme .gallery-hero-bottom{width:100%;max-width:none;color:#bbaa8d;border-top:1px solid rgba(239,202,135,.25);padding-top:22px;font-size:10px}
.atelier-hero-crest{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:min(35vw,520px);height:88%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.66;filter:drop-shadow(0 0 38px rgba(240,172,51,.12))}
.atelier-hero-crest:before{content:'';position:absolute;inset:8% 5%;border:1px solid rgba(230,182,89,.19);border-radius:50%;box-shadow:0 0 75px rgba(142,102,35,.12)}
.atelier-hero-crest img{max-height:74%;max-width:85%;object-fit:contain;opacity:.96}
/* Portfolio: cream relief so photography feels like art in a private showroom. */
.atelier-theme .portfolio-section{max-width:none;padding:100px clamp(25px,6vw,108px) 115px;background:linear-gradient(180deg,#f7f2e8,#ece3d5);border-bottom:1px solid #d7c59e}
.atelier-theme .portfolio-titleline{max-width:1500px;margin:0 auto 35px}
.atelier-theme .portfolio-titleline h2{color:#20201f}
.atelier-theme .portfolio-titleline>p{color:#70695c}
.atelier-theme .gallery-toolbar,.atelier-theme .gallery-grid,.atelier-theme .gallery-empty{max-width:1500px;margin-left:auto;margin-right:auto}
.atelier-theme .gallery-tile{border:1px solid #d7c39f;background:#16181a;color:#f4eedf;box-shadow:0 14px 30px rgba(29,23,14,.12);transition:transform .25s,box-shadow .25s}
.atelier-theme .gallery-tile:hover{transform:translateY(-4px);box-shadow:0 23px 40px rgba(22,19,14,.2)}
.atelier-theme .gallery-tile-caption{background:linear-gradient(120deg,#161717,#2b2822)!important;color:#efe7d7!important}
.atelier-theme .gallery-tile-caption span{color:#dbb36c!important}
.atelier-theme .gallery-empty{background:linear-gradient(105deg,#eae0ce,#f4ecdc);border:1px solid #dbcca9;min-height:240px}
.atelier-theme .gallery-more{color:#a47a38}
/* Each offering reads like an invitation, not a software configuration panel. */
.atelier-theme .showroom-paths{background:radial-gradient(ellipse at 10% 0%,#34302b 0,transparent 47%),linear-gradient(125deg,#151718,#222121 50%,#111213);color:#f5f0e8;border-top:1px solid #6b542d;border-bottom:1px solid #6b542d}
.atelier-theme .showroom-path-head h2{color:#f5efdf}.atelier-theme .showroom-path-head>p:last-child{color:#d4cbbc}
.atelier-theme .showroom-offerings>a{background:radial-gradient(circle at 100% 0,rgba(178,139,65,.12),transparent 40%),linear-gradient(150deg,#242528,#17191b);color:#f7efe2;border:1px solid rgba(226,187,111,.38);position:relative;overflow:hidden;min-height:325px;transition:transform .2s,border-color .2s}
.atelier-theme .showroom-offerings>a:hover{transform:translateY(-3px);border-color:#e7bb65}
.atelier-theme .showroom-offerings>a:before{content:'';position:absolute;right:24px;top:20px;width:90px;height:105px;background:url('/assets/mazz-logo.png') center/contain no-repeat;opacity:.12;pointer-events:none}
.atelier-theme .showroom-offerings>a span,.atelier-theme .showroom-offerings>a b{color:#dfbf7c}
.atelier-theme .showroom-offerings>a p{color:#cac6bd}
.atelier-theme .showroom-process{background:linear-gradient(120deg,#292927,#121519);border-bottom:1px solid #a28146}
.atelier-theme .showroom-steps>div{border-top-color:rgba(220,183,107,.4)}
.atelier-theme .showroom-services{background:#f6f0e6}
.atelier-theme .showroom-services h2{color:#272520}
/* Story and additional pages get a full-width editorial look with the supplied logo as a detail. */
.atelier-theme .workshop-story-hero{max-width:none;background:radial-gradient(ellipse at 85% 25%,rgba(147,110,56,.2),transparent 40%),linear-gradient(120deg,#141617,#282726,#0e1012);color:#f4eddc;position:relative;overflow:hidden;padding:105px clamp(25px,7vw,120px) 105px;isolation:isolate}
.atelier-theme .workshop-story-hero:before{content:'';position:absolute;right:7%;top:10%;width:300px;height:370px;background:url('/assets/mazz-logo.png') center/contain no-repeat;opacity:.20;z-index:-1}
.atelier-theme .workshop-story-hero h1{max-width:940px;color:#f4eddc}
.atelier-theme .workshop-story-hero>p:not(.m-eyebrow){color:#d3c8b7;max-width:750px}
.atelier-theme .workshop-story-hero .m-link{color:#f1ca76}
.atelier-theme .workshop-story-copy{background:#eae1d1}
.atelier-theme .m-editorial-head,.atelier-theme .m-legal-head,.atelier-theme .m-request-hero{max-width:none;background:radial-gradient(ellipse at 86% 17%,rgba(178,139,64,.17),transparent 44%),linear-gradient(125deg,#181a1c,#2a2928,#111315);padding:95px clamp(25px,7vw,110px) 80px;color:#f6ebd7;position:relative;isolation:isolate;overflow:hidden}
.atelier-theme .m-editorial-head:before,.atelier-theme .m-legal-head:before,.atelier-theme .m-request-hero:before{content:'';position:absolute;right:5%;top:-50px;width:300px;height:390px;background:url('/assets/mazz-logo.png') center/contain no-repeat;opacity:.13;z-index:-1}
.atelier-theme .m-editorial-head h1,.atelier-theme .m-request-hero h1,.atelier-theme .m-legal-head h1{color:#f8f0e2}
.atelier-theme .m-editorial-head>p:last-of-type,.atelier-theme .m-legal-head>p:last-of-type,.atelier-theme .m-request-hero>p:last-child{color:#cec5b8}
/* Forms must stay legible; we deliberately do not force dark mode on all inputs. */
.atelier-theme .m-request-layout{max-width:1600px;margin:50px auto 110px}
.atelier-theme .m-request-aside{background:linear-gradient(140deg,#1a1b1d,#2c2926,#141517);border:1px solid #af8851;color:#fff7e8}
.atelier-theme .m-request-panel{background:#fbf8f2;border:1px solid #d8c8ab;box-shadow:0 15px 50px rgba(19,16,13,.06)}
/* Shop and services remain useful even when visually editorial. */
.atelier-theme .ws-hero{background:radial-gradient(ellipse at 80% 20%,#484033,#222224 50%,#0e0f10);color:#f6eddf;border-top:1px solid #8f723b}
.atelier-theme .ws-hero h1{color:#fbf4e8}.atelier-theme .ws-hero .ws-lead{color:#e1d6c4}.atelier-theme .ws-hero .ws-kicker{color:#e9c67f}
.atelier-theme .ws-main{background:#f5f1ea}.atelier-theme .ws-main h2{color:#24221e}
.atelier-theme .mazz-footer{background:radial-gradient(ellipse at 85% 28%,rgba(152,113,48,.16),transparent 38%),linear-gradient(130deg,#131618,#292623,#090b0c);border-top:1px solid #a37d3d;color:#f5ecd9}
.atelier-theme .mazz-footer-brand{color:#e8c57c}.atelier-theme .mazz-footer h3{color:#dfb878}.atelier-theme .mazz-footer p{color:#d4cabe}
.atelier-theme .mazz-footer a{color:#d9d0bd}.atelier-theme .mazz-footer a:hover{color:#f9d991}
/* Mobile: keep imagery ornamental, text accessible, cards and nav spacious. */
@media(max-width:1180px){.atelier-theme .mazz-header{gap:14px}.atelier-theme .mazz-header nav{gap:11px}.atelier-theme .mazz-header nav a{font-size:10px;letter-spacing:.05em}.atelier-theme .mazz-wordmark{min-width:160px}}
@media(max-width:900px){.atelier-hero-crest{right:-7%;width:58vw;opacity:.23}.atelier-theme .gallery-hero h1{max-width:720px}.atelier-theme .gallery-hero:after{inset:10px}.atelier-theme .mazz-menu{display:block}.atelier-theme .mazz-header nav{background:#161718;border:1px solid #76603e}.atelier-theme .mazz-header nav a{color:#e8d6b8}}
@media(max-width:600px){.atelier-theme .mazz-topline{letter-spacing:.13em;font-size:9px;padding:10px 12px}.atelier-theme .mazz-header{min-height:76px;padding:8px 19px}.atelier-theme .atelier-logo{width:35px;height:48px}.atelier-theme .mazz-word{font-size:20px}.atelier-theme .mazz-wordmark{min-width:0;gap:10px}.atelier-theme .mazz-header-cta{display:none}.atelier-theme .gallery-hero{min-height:660px;padding:82px 27px 26px}.atelier-theme .gallery-hero-inner{min-height:550px}.atelier-theme .gallery-hero h1{font-size:clamp(55px,12vw,75px);letter-spacing:-.06em;max-width:100%}.atelier-theme .gallery-hero-lead{font-size:16px;line-height:1.7}.atelier-hero-crest{width:83vw;right:-34%;top:26%;opacity:.17}.atelier-theme .gallery-hero-actions{gap:20px;margin-bottom:50px}.atelier-theme .gallery-hero-bottom{font-size:9px;flex-wrap:wrap}.atelier-theme .portfolio-section{padding:65px 22px 80px}.atelier-theme .portfolio-titleline{display:block}.atelier-theme .gallery-tile-caption{padding:14px!important}.atelier-theme .showroom-paths,.atelier-theme .showroom-process,.atelier-theme .showroom-services{padding:66px 22px}.atelier-theme .showroom-offerings>a{min-height:265px}.atelier-theme .workshop-story-hero{padding:80px 25px}.atelier-theme .workshop-story-hero:before{width:220px;right:-80px}.atelier-theme .m-request-hero,.atelier-theme .m-editorial-head,.atelier-theme .m-legal-head{padding:70px 25px}.atelier-theme .m-request-layout{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.atelier-theme .m-button,.atelier-theme .gallery-tile,.atelier-theme .showroom-offerings>a{transition:none}}

:focus-visible{outline:2px solid #e8c979;outline-offset:4px} .contact-details{overflow-wrap:anywhere} .contact-details a{display:block} #quote-search-form{flex-wrap:wrap} .quote{overflow-wrap:anywhere} #quote-search-form input{max-width:100%} @media(max-width:600px){.row{flex-wrap:wrap} .contact-details{grid-column:1/-1}}
@media(max-width:600px){.m-request-aside,.m-request-panel{min-width:0;max-width:100%;box-sizing:border-box}.m-request-panel input,.m-request-panel textarea,.m-request-panel select{min-width:0;max-width:100%;box-sizing:border-box}.m-request-panel input[type=file]{width:100%}}