/* Local first pass. Tokens remain provisional until the complete token/font files arrive. */
:root{--charcoal:var(--gj-charcoal);--cream:var(--gj-cream);--paper:var(--gj-cream-card);--gold:var(--gj-gold);--gold-dark:var(--gj-gold-rich);--ink:var(--gj-text-dark);--line:var(--gj-border-light);--body:Manrope,Arial,sans-serif;--heading:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--body);color:var(--ink);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.container{width:min(1160px,calc(100% - 64px));margin-inline:auto}section{position:relative;scroll-margin-top:40px}.dark{background:var(--charcoal);color:var(--paper)}.cream{background:var(--cream)}h1,h2,h3{font-family:var(--heading);font-weight:400;line-height:1.2;margin:0 0 18px}h1{font-size:clamp(32px,3.1vw,52px)}h2{font-size:clamp(32px,3vw,48px)}h3{font-size:27px}p{margin:0 0 20px}.eyebrow{font-family:var(--heading);font-variant:small-caps;letter-spacing:2px;color:var(--gold);font-size:19px;margin-bottom:4px}.gold{color:var(--gold)}.rule{display:block;width:90px;height:2px;background:var(--gold);margin:20px 0}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;background:var(--gold);color:var(--charcoal);border:1px solid var(--gold);border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;transition:background .2s,box-shadow .2s}.button:hover{background:var(--gj-gold);box-shadow:0 4px 15px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent)}.button:active{background:var(--gold-dark)}.button:disabled{background:var(--gj-border-light);border-color:var(--gj-border-light);color:var(--gj-text-muted);cursor:default;box-shadow:none}.outline{background:transparent;color:var(--gold)}.outline:hover{background:var(--gold);color:var(--charcoal)}.secondary{background:transparent;color:var(--paper);border-color:var(--gj-border-dark)}.secondary:hover{background:var(--gj-charcoal-card)}.actions{display:flex;gap:12px;flex-wrap:wrap}.copy{max-width:420px}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.header{position:absolute;top:0;left:0;z-index:10;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px max(32px,calc((100vw - 1200px)/2));color:var(--paper);gap:30px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0;line-height:1.2}.brand>span:last-child{font-size:24px;letter-spacing:7px;border-left:1px solid var(--gj-text-muted);padding-left:14px}.brand small{display:block;font-size:10px;letter-spacing:5px;margin:5px 0}.brand em{display:block;color:var(--gold);font-size:7px;letter-spacing:3px;text-align:center;font-style:normal}.monogram{font-family:Arial,sans-serif;font-weight:300;font-size:45px;letter-spacing:-5px;line-height:1}.monogram sub{font-size:35px;vertical-align:-10px}.header nav{display:flex;align-items:center;gap:24px;font-size:10px;text-transform:uppercase}.header nav>a:not(.button){padding-block:12px;white-space:nowrap}.header nav>a:hover{color:var(--gold)}.header .button{font-size:10px;min-height:40px;padding:10px 14px}.menu-toggle{display:none}.hero{min-height:920px;display:flex;align-items:center;border-bottom:3px solid var(--gold)}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--gj-charcoal) 90.98%,transparent),color-mix(in srgb,var(--gj-charcoal) 43.92%,transparent) 55%,transparent);pointer-events:none}.hero-content{position:relative;z-index:2;padding-block:180px 200px}.hero-content>p:not(.eyebrow){max-width:440px}.hero-rings{position:absolute;z-index:3;bottom:-140px;right:max(7%,calc((100vw - 1300px)/2));width:490px;pointer-events:none}.video-toggle{position:absolute;bottom:25px;left:32px;z-index:4;background:color-mix(in srgb,var(--gj-charcoal) 66.67%,transparent);color:var(--paper);border:1px solid var(--gj-text-muted);padding:6px 10px;font-size:11px}.why{padding:260px 0 80px}.workbench{position:relative}.workbench>img:first-child{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:8px;box-shadow:0 20px 35px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent)}.detail-ring{position:absolute;bottom:-45px;left:-45px;width:155px;height:155px;object-fit:cover;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 25px color-mix(in srgb,var(--gj-charcoal) 20.0%,transparent)}.trust{text-align:center;padding-top:130px;position:relative}.trust .rule,.reviews .rule,.contact .rule{margin-inline:auto}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:65px 0 100px}.trust-card{padding:20px 14px;border-radius:10px;transition:background .2s,box-shadow .2s}.trust-card:hover{background:var(--paper);box-shadow:0 10px 25px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent)}.trust-card svg{width:65px;height:55px;color:var(--gold);margin-bottom:20px}.trust-card h3{font-variant:small-caps;font-size:23px;letter-spacing:1px}.trust-card p{font-size:13px;margin-bottom:0}.signature{font-family:var(--heading);font-variant:small-caps;letter-spacing:2px;text-align:center;font-size:13px;border-top:1px solid color-mix(in srgb,var(--gj-gold-line) 20.0%,transparent);padding-top:15px;margin:0 auto;width:min(850px,80%);color:var(--gj-text-muted)}.signature span{color:var(--gold)}.services{padding:180px 0;overflow:hidden;border-block:2px solid var(--gold)}.services-layout{position:relative;display:grid;grid-template-columns:320px 1fr;gap:65px;align-items:start}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.service-card{display:grid;grid-template-columns:45% 1fr;gap:14px;padding:10px;border:1px solid transparent;border-radius:14px;align-items:start;transition:background .2s,border-color .2s}.service-card:hover{background:var(--gj-charcoal-card);border-color:var(--gj-border-dark)}.service-card>img{width:100%;height:205px;object-fit:cover;border-radius:9px}.service-card h3{font-size:22px;font-variant:small-caps;margin:8px 0 15px}.service-card p{font-size:12px;line-height:1.65;margin:0}.ring-icon{font-size:30px;color:var(--gold);line-height:1}.decoration{position:absolute;pointer-events:none;opacity:.13}.service-sketch{bottom:40px;left:0;width:400px}.process{padding:150px 0 80px}.process-photo{width:100%;border-radius:10px;box-shadow:0 18px 40px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent)}.process-steps{list-style:none;padding:0;margin:50px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px 14px;text-align:center}.process-steps li{font-size:10px;text-transform:uppercase;letter-spacing:1px}.process-steps span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font-size:22px;font-family:var(--heading);color:var(--gold);margin:0 auto 14px}.creations{padding:170px 0 90px;border-block:2px solid var(--gold)}.gallery-layout{display:grid;grid-template-columns:260px 1fr;gap:70px}.gallery-main{position:relative}.gallery-main>img{width:100%;height:480px;object-fit:cover;border:1px solid var(--gj-border-dark);border-radius:12px}.gallery-controls{position:absolute;bottom:18px;right:18px;display:flex;gap:10px}.gallery-controls button{background:color-mix(in srgb,var(--gj-charcoal) 66.67%,transparent);color:var(--paper);border:1px solid var(--gj-text-muted);width:40px;height:40px;font-size:28px}.gallery-thumbs{display:flex;gap:5px;margin:8px 0 20px}.gallery-thumbs button{width:20%;padding:0;background:none;border:1px solid var(--gj-border-dark);opacity:.55}.gallery-thumbs button[aria-pressed=true]{border-color:var(--gold);opacity:1}.gallery-thumbs img{width:100%;aspect-ratio:1.2;object-fit:cover}.reviews{padding:125px 0;text-align:center}.reviews>div>p:not(.eyebrow){font-size:14px}.review-grid{display:flex;justify-content:center;margin-top:70px}.review-grid blockquote{position:relative;border:1px solid var(--line);background:color-mix(in srgb,var(--gj-cream-card) 40.0%,transparent);border-radius:7px;text-align:left;margin:0;padding:30px 35px 25px 52px;max-width:639px}.review-grid blockquote>span{position:absolute;left:20px;color:var(--gold);font:38px var(--heading)}.review-grid p{font-size:14px}.review-grid cite{font-style:normal;font-size:13px}.brands{text-align:center;padding:55px 20px;border-block:2px solid var(--gold)}.brands :is(h2,h3){font-variant:small-caps}.brands>div{display:flex;justify-content:center;align-items:center;gap:70px;margin-top:40px}.brands img{width:170px;max-height:70px;object-fit:contain;filter:grayscale(1);opacity:.7}.booking{padding:130px 0}.booking-intro{align-items:start}.booking-intro>img{border-radius:8px;width:100%;height:480px;object-fit:cover}.booking-panel{position:relative;margin-top:-60px;padding:35px;background:color-mix(in srgb,var(--gj-cream-card) 92.94%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 45px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent);display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px}.booking-panel h3{font:600 20px/1.3 var(--body);margin-bottom:10px}.booking-panel p{font-size:12px;color:var(--gj-text-muted)}.check-list{list-style:none;margin:25px 0;padding:0;font-size:13px}.check-list li{margin:14px 0;padding-left:26px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:2px;background:var(--gold);color:var(--gj-text-light);width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px;font-size:12px}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:12px}.calendar-heading button{border:1px solid var(--line);background:transparent;color:var(--gold-dark);font-size:22px;line-height:1;width:30px;height:30px}.calendar-week,.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.calendar-week{font-size:9px;text-transform:uppercase;margin-bottom:10px}.calendar button{border:1px solid transparent;background:none;min-height:34px;padding:0;font-size:11px;border-radius:50%}.calendar button:hover:not(:disabled){border-color:var(--gold)}.calendar button[aria-pressed=true]{background:var(--gold);color:var(--gj-text-light)}.calendar button:disabled{color:var(--gj-border-light);cursor:default}.times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.times button{border:1px solid var(--line);background:var(--paper);font-size:12px;padding:9px 4px}.times button[aria-pressed=true]{background:var(--gold);color:var(--gj-text-light)}.times button:hover{border-color:var(--gold)}.duration{text-align:center;margin:16px 0 10px}.booking-panel .button{width:100%}.preview-note{grid-column:1/-1;margin:0!important;border-top:1px solid var(--line);padding-top:12px}.contact{padding:130px 0;color:var(--paper);text-align:center;background:var(--gj-charcoal-soft)}.contact:before{content:'';position:absolute;inset:0;background:linear-gradient(color-mix(in srgb,var(--gj-charcoal) 66.67%,transparent),color-mix(in srgb,var(--gj-charcoal) 40.0%,transparent)),url('assets/Grech-J-Shop-Curent.webp') center/cover;filter:blur(8px)}.contact>.container{position:relative}.contact-panel{margin-top:60px;background:var(--paper);color:var(--ink);border-radius:14px;padding:22px;text-align:left}.contact-tabs{display:flex;justify-content:space-around;gap:15px;margin-bottom:28px}.contact-tabs button{border:0;border-bottom:2px solid transparent;padding:10px 8px;background:none;font-size:12px;text-transform:uppercase}.contact-tabs button[aria-selected=true]{color:var(--gold-dark);border-color:var(--gold)}.visit-layout{display:grid;grid-template-columns:1.8fr .65fr .8fr;gap:22px;align-items:stretch}.visit-layout>img{width:100%;height:330px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.visit-layout :is(h3,h4),.contact-details :is(h3,h4),footer :is(h3,h4){font-size:11px;text-transform:uppercase;color:var(--gold-dark);font-weight:500;margin:12px 0}.visit-layout ol{padding-left:22px;font-size:12px}.visit-layout li{padding:12px 0;border-bottom:1px solid var(--line)}.visit-layout aside{padding:22px 15px;border:1px solid var(--line);border-radius:7px;text-align:center}.visit-layout aside p{font-size:12px}.visit-layout aside>a{font-weight:700}.contact-details{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:25px;border:1px solid var(--line);padding:20px;margin-top:20px;align-items:center;font-size:11px;overflow-wrap:anywhere}.contact-details p{margin:0;line-height:2}.contact-details .button{font-size:10px;padding:10px 14px}.closing{padding:100px 0}.closing>.container{display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:60px}.closing img{width:250px;max-height:280px;object-fit:contain}.closing :is(h2,h3){font-variant:small-caps;letter-spacing:1px}.closing .eyebrow{font-size:16px}.text-link{font-size:12px;text-transform:uppercase;color:var(--gold)}footer{border-top:1px solid var(--gj-border-dark);padding-top:70px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr 1fr 1fr;gap:35px;padding-bottom:65px;font-size:12px;overflow-wrap:anywhere}.footer-grid :is(h3,h4){color:var(--gold)}.footer-grid a:not(.brand){display:block;margin-bottom:6px}.footer-grid p{line-height:2}.copyright{border-top:1px solid var(--gj-border-dark);padding:18px 24px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.skip{position:fixed;top:-80px;left:15px;padding:12px;background:var(--paper);z-index:100}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:var(--paper);border:1px solid var(--gold);border-radius:12px;width:min(550px,calc(100% - 30px));padding:40px;max-height:90vh;overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--gj-charcoal) 60.0%,transparent)}.dialog-close{position:absolute;right:10px;top:5px;font-size:28px;border:0;background:none}dialog h2{font-size:30px}dialog label{display:block;margin:16px 0}dialog input,dialog select{display:block;width:100%;padding:12px;border:1px solid var(--line);background:var(--paper)}dialog input[type=checkbox]{display:inline;width:auto}dialog .button{width:100%}dialog .preview-note{font-size:12px;margin-top:20px!important}
@media(min-width:1281px){.hero{min-height:980px}.hero-rings{width:550px}}@media(max-width:1280px){.container{width:calc(100% - 48px)}.header{padding:25px 24px;gap:15px}.brand>span:last-child{font-size:19px;letter-spacing:5px}.header nav{gap:13px;font-size:9px}.header .button{padding:8px}.split{gap:45px;grid-template-columns:1fr 1.1fr}.hero{min-height:820px}.hero-rings{width:400px;bottom:-115px;right:3%}.why{padding-top:210px}.services-layout{grid-template-columns:220px 1fr;gap:30px}.service-grid{gap:20px 10px}.service-card{grid-template-columns:42% 1fr;gap:10px;padding:6px}.service-card>img{height:185px}.service-card h3{font-size:19px}.service-card p{font-size:11px}.booking-panel{gap:20px;padding:25px}.visit-layout{grid-template-columns:1.5fr 1fr}.visit-layout aside{grid-column:1/-1;display:none}.contact-details{grid-template-columns:repeat(3,1fr)}.contact-details>.button{grid-column:1/-1;justify-self:end}.gallery-layout{grid-template-columns:220px 1fr;gap:30px}.gallery-main>img{height:400px}}
@media(max-width:639px){.container{width:calc(100% - 36px)}.header{padding:20px 18px}.menu-toggle{display:block;color:var(--gold);border:0;background:none;font-size:30px;width:44px;height:44px}.header nav{display:none;position:absolute;top:85px;left:0;width:100%;padding:25px;background:var(--charcoal);flex-direction:column;font-size:14px;align-items:stretch;border-bottom:1px solid var(--gold)}.header nav.open{display:flex}.header nav .button{font-size:12px}.hero{min-height:850px;align-items:end}.hero-content{padding:390px 0 140px}.hero:after{background:linear-gradient(0deg,var(--gj-charcoal) 5%,color-mix(in srgb,var(--gj-charcoal) 56.47%,transparent) 60%,color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent))}h1{font-size:34px}h2{font-size:32px}.hero-content>p:not(.eyebrow){max-width:100%;font-size:14px}.actions{flex-direction:column}.button{min-height:50px}.hero-rings{width:290px;bottom:-95px;right:calc(50% - 145px)}.video-toggle{top:100px;bottom:auto;left:18px}.why{padding:160px 0 60px}.split{grid-template-columns:1fr;gap:50px}.copy{max-width:none}.why .copy h2 br{display:none}.workbench{margin-inline:-18px}.workbench>img:first-child{border-radius:0;aspect-ratio:1.45}.detail-ring{left:auto;right:35px;bottom:-40px;width:130px;height:130px}.trust{padding-top:120px}.trust h3{font-size:32px;max-width:230px;margin-inline:auto}.trust-grid{grid-template-columns:1fr;gap:35px;margin:65px 0 30px}.trust-card{max-width:290px;margin:auto;padding:15px}.trust-card h3{font-size:24px}.trust-card p{font-size:14px}.why>.signature,.process>.signature{display:none}.services{padding:85px 0}.services-layout{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr;gap:35px}.service-card{grid-template-columns:42% 1fr;gap:20px;padding:5px}.service-card>img{height:210px}.service-card h3{font-size:25px}.service-card p{font-size:13px}.service-sketch{display:none}.process{padding:85px 0}.process .split{display:flex;flex-direction:column-reverse;align-items:stretch}.process-steps{grid-template-columns:repeat(2,1fr);gap:38px 20px;margin:50px 0 0}.process-steps li{font-size:11px}.process-photo{margin-top:20px}.creations{padding:85px 0 60px}.gallery-layout{grid-template-columns:1fr;gap:35px}.gallery-main>img{height:300px}.gallery .signature{width:100%;font-size:13px}.reviews{padding:85px 0}.review-grid{margin-top:45px}.review-grid blockquote{padding:25px 25px 25px 45px}.brands{padding:45px 18px}.brands>div{gap:20px;flex-wrap:wrap}.brands img{width:100px;max-height:45px}.booking{padding:85px 0}.booking-intro>img{height:300px}.booking-panel{grid-template-columns:1fr;margin-top:25px;padding:24px;gap:35px}.booking-panel h3{font-size:21px}.booking-panel p{font-size:13px}.calendar button{min-height:40px;font-size:13px}.calendar-week{font-size:11px}.times button{padding:13px;font-size:13px}.booking-panel .preview-note{font-size:11px}.contact{padding:80px 0}.contact-panel{padding:15px;margin-top:40px}.contact-tabs{gap:3px}.contact-tabs button{font-size:9px;padding:10px 4px}.visit-layout{grid-template-columns:1fr}.visit-layout>img{height:250px}#directions{display:none}.contact-details{grid-template-columns:1fr;border:0;padding:0;gap:15px;font-size:13px}.contact-details :is(h3,h4){margin-bottom:5px}.contact-details>.button{grid-column:auto;justify-self:stretch}.closing{padding:65px 0}.closing>.container{grid-template-columns:1fr;text-align:center;gap:35px}.closing img{margin:auto;width:200px}.closing img:first-child{display:none}.closing :is(h2,h3){font-size:28px}.footer-grid{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.footer-grid .brand{margin-bottom:20px}.copyright{flex-direction:column-reverse;text-align:center;font-size:10px}.preview-note{grid-column:auto}}
[hidden]{display:none!important}.split>* , .services-layout>* , .gallery-layout>* , .booking-panel>* , .contact-details>* , .footer-grid>*{min-width:0}.button{max-width:100%;text-align:center}.copy h2{overflow-wrap:break-word}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trust-card{min-width:0}.trust-card h3{overflow-wrap:anywhere}
@media(min-width:640px) and (max-width:1280px){.trust-grid{gap:10px}.trust-card{padding:15px 4px}.trust-card h3{font-size:19px}.trust-card p{font-size:12px}.services-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.service-card{grid-template-columns:1fr}.service-card>img{height:150px}.service-card p{font-size:12px}.header .brand>span:last-child{font-size:16px;letter-spacing:3px}.header .monogram{font-size:34px}.header .monogram sub{font-size:26px}.header nav{gap:10px;font-size:8px}.header .button{font-size:8px}.booking-panel{grid-template-columns:1fr 1fr}.booking-panel>div:first-child{grid-column:1/-1}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}}
@media(max-width:639px){.trust-grid{grid-template-columns:1fr}}
.hero-rings{bottom:-95px}.why .copy{position:relative;z-index:1}.why>.container:first-child .button{width:auto}.trust:before{content:'';position:absolute;left:-180px;bottom:0;width:430px;height:420px;background:url('assets/GJ-Trusted_Jeweller=Pen-Sketch.webp') left bottom/contain no-repeat;opacity:.5;pointer-events:none}.trust>*{position:relative}.trust-grid{margin-left:100px}.ring-icon{font-size:0;display:block;width:25px;height:28px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 32' fill='none' stroke='%23b68c43' stroke-width='1.4'%3E%3Ccircle cx='15' cy='20' r='10'/%3E%3Cpath d='M9 4h12l3 5-9 6-9-6zM6 9h18M9 4l6 11 6-11'/%3E%3C/svg%3E")}
@media(max-width:1280px){.trust-grid{margin-left:0}.trust:before{opacity:.2}}
@media(max-width:639px){.hero-rings{bottom:-75px;width:270px;right:calc(50% - 135px)}.why{padding-top:140px}.why .copy .button{width:100%}.trust:before{display:none}.why .copy h2{font-size:29px}}
.hero-rings{mask-image:linear-gradient(to bottom,var(--gj-charcoal) 85%,transparent 100%)}.trust:before{mix-blend-mode:multiply}
@media(max-width:639px){.why>.container:first-child .copy .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero video{display:none}}

/* Review refinements: supplied identity, CTA states, image placement and ring fades. */
.brand-logo{width:220px;height:auto;max-height:76px;object-fit:contain}.header .brand-logo{width:200px}.header nav{font-size:13px;gap:25px}.header .button{font-size:12px;padding:12px 18px}.header nav>a:not(.button){position:relative}.header nav>a:not(.button):after{content:'';position:absolute;left:0;bottom:4px;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.header nav>a:not(.button):hover:after,.header nav>a:not(.button):focus-visible:after{transform:scaleX(1)}
.button{transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.button:hover:not(:disabled){transform:translateY(-4px);background:var(--gj-gold);color:var(--gj-text-light);box-shadow:0 7px 12px color-mix(in srgb,var(--gj-charcoal) 20.0%,transparent)}.button.secondary:hover{background:var(--gj-charcoal-card);color:var(--gold);border-color:var(--gold)}.button.outline:hover{background:var(--gj-gold);color:var(--gj-charcoal)}.header .button:hover{background:var(--gold);color:var(--charcoal)}.button:active:not(:disabled){transform:translateY(0);background:var(--gold-dark);color:var(--gj-text-light);box-shadow:0 2px 4px color-mix(in srgb,var(--gj-charcoal) 13.33%,transparent)}.button.secondary:active{background:var(--gj-charcoal-soft);color:var(--gj-gold-soft)}
.hero{z-index:2}.hero-rings{width:620px;bottom:-160px;right:max(5%,calc((100vw - 1300px)/2));mask-image:none}.why{padding-top:280px}.workbench{aspect-ratio:1.3}.workbench>img:first-child{position:absolute;left:0;bottom:0;width:calc(100% + max(32px,(100vw - 1160px)/2));max-width:none;aspect-ratio:731/533;height:auto;object-fit:cover;border-radius:8px 0 0 8px;transform-origin:bottom left}.detail-ring{width:228px;height:190px;left:-45px;bottom:-45px;right:auto;background:var(--gj-charcoal);overflow:hidden;transition:transform .8s ease,box-shadow .8s ease;box-shadow:0 10px 25px color-mix(in srgb,var(--gj-charcoal) 20.0%,transparent)}.detail-ring:hover{transform:translateY(-6px);box-shadow:0 20px 40px color-mix(in srgb,var(--gj-charcoal) 26.67%,transparent)}.detail-ring img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1);transition:opacity 1.5s ease,transform 6s linear}.detail-ring img.active{opacity:1;transform:scale(1.025)}

@media(max-width:1280px) and (min-width:640px){.header nav{font-size:9px;gap:12px}.header .brand-logo{width:140px}.header .button{font-size:9px;padding:9px}.hero-rings{width:470px;bottom:-120px;right:3%}.workbench>img:first-child{width:calc(100% + 24px)}.detail-ring{width:200px;height:167px;left:-20px;bottom:-40px}}
@media(max-width:639px){.header .brand-logo{width:175px}.header nav{font-size:15px}.header .button{font-size:12px}.header nav>a:not(.button):after{width:120px}.hero-rings{width:320px;bottom:-88px;right:calc(50% - 160px);max-width:calc(100% - 20px)}.why{padding-top:160px}.workbench{aspect-ratio:1.45}.workbench>img:first-child{width:100%;border-radius:0;aspect-ratio:1.45}.detail-ring{width:200px;height:167px;left:auto;right:30px;bottom:-50px}.trust{padding-top:140px}}
@media(prefers-reduced-motion:reduce){.button:hover:not(:disabled),.detail-ring:hover{transform:none}.detail-ring img{transition:none;transform:none!important}}
@media(min-width:640px) and (max-width:1280px){.workbench>img:first-child{width:calc(100% + 24px)}}

/* Match original desktop asset frames; keep media bounded at wide viewports. */
@media(min-width:1281px){
 .hero-rings{width:720px;height:720px;object-fit:contain;bottom:-360px;right:max(5%,calc((100vw - 1300px)/2))}
 .workbench>img:first-child{left:auto;right:calc(-1 * max(32px,(100vw - 1160px)/2));width:731px;height:533px;aspect-ratio:731/533}
 .detail-ring{left:calc(100% + max(32px,(100vw - 1160px)/2) - 813px);bottom:-52px}
 .why{isolation:isolate}
 .why:before{content:'';position:absolute;left:0;bottom:0;width:min(820px,48vw);height:720px;background:url('assets/GJ-Trusted_Jeweller=Pen-Sketch.webp') left bottom / cover no-repeat;mix-blend-mode:multiply;pointer-events:none;z-index:0;mask-image:linear-gradient(to right,var(--gj-charcoal) 60%,transparent 100%),linear-gradient(to bottom,transparent,var(--gj-charcoal) 18%);mask-composite:intersect}
 .why>.container,.why>.signature{position:relative;z-index:1}
 .trust:before{display:none}
 .trust-grid{margin-left:240px}
}
@media(min-width:640px) and (max-width:1280px){.hero-rings{width:560px;height:560px;object-fit:contain;bottom:-280px;right:3%}}
@media(max-width:639px){.hero-rings{width:min(390px,100%);height:auto;aspect-ratio:1;object-fit:contain;bottom:calc(-1 * min(195px,50vw));left:50%;right:auto;transform:translateX(-50%);max-width:100%}}
@media(min-width:1281px){.why:before{width:min(720px,39vw);background-size:contain}.trust-grid{margin-left:320px}}
/* Approved desktop CTA dimensions and hero/Why Grech divider. */
:root{--section-stroke:var(--gj-gold-line)}
.hero{border-bottom:4px solid var(--section-stroke)}
@media(min-width:1281px){
 .hero .actions>.button:first-child{width:272px;height:56px;min-height:56px;flex:0 0 272px}
 .hero .actions>.button.secondary{width:213px;height:56px;min-height:56px;flex:0 0 213px}
 .header #navigation>.button{width:209px;height:48px;min-height:48px;padding:10px 12px;font-size:14px;flex:0 0 209px;letter-spacing:0}
}