@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap');
:root{color-scheme:dark;--gold:#ffd47a;--metal:linear-gradient(110deg,#bd7d1e 0%,#ffda81 18%,#fff3ba 31%,#d49224 44%,#ffe9a0 55%,#ffc64d 69%,#fff6c9 80%,#bd7d1e 100%)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080705}body{font-family:Montserrat,Arial,sans-serif;color:#f7e8c8;font-weight:400}.teaser{height:100svh;min-height:600px;position:relative;isolation:isolate;overflow:hidden;background:#080705}.art-window{position:absolute;inset:0;background:url('assets/reference-campaign.jpeg') center center/cover no-repeat;z-index:-3}.copy-panel{width:53%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:1.8vh 3vw 2.7vh;background:linear-gradient(90deg,#060605f5 0%,#070705f7 75%,#060605ee 89%,#06060500 100%);z-index:1}.copy-panel:before{content:'';position:absolute;inset:0 -2px 0 0;background:radial-gradient(ellipse at 70% 40%,#6c491917,transparent 55%);z-index:-1;pointer-events:none}.logo{width:clamp(220px,23vw,440px);aspect-ratio:360/170;flex-shrink:0;background:url('assets/reference-campaign.jpeg');background-size:444.444% auto;background-position:21.774% 2.055%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent);animation:reveal 1.3s ease both;filter:drop-shadow(0 0 12px #f4bc4125)}.announcement{display:flex;width:100%;gap:1.5vw;align-items:center;justify-content:center;margin-top:.5vh}.announcement p{font-size:clamp(8px,1.05vw,18px);letter-spacing:clamp(2px,.45vw,8px);line-height:1.7;margin:0;white-space:nowrap}.announcement>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#9e702354,transparent)}.title-group{width:100%;position:relative;padding-bottom:1.2vh}h1{font-size:clamp(32px,4.45vw,86px);font-weight:800;letter-spacing:-.055em;line-height:1.06;white-space:nowrap;margin:1vh 0 .5vh;background:var(--metal);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:metal 8s linear infinite,reveal 1.4s ease both;text-shadow:0 0 35px #ffc04d12}.gold-rule{position:relative;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c18b2d 22%,#fff1a3 50%,#c18b2d 78%,transparent);background-size:220% 100%;animation:rule 7s linear infinite}.title-group .gold-rule{position:absolute;left:0;right:0;bottom:0}.gold-rule i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:14px;background:radial-gradient(ellipse,#fff0b2b0,#f5a92b38 22%,transparent 70%);filter:blur(2px);animation:flare 4s ease-in-out infinite}h2{font-size:clamp(14px,1.78vw,34px);font-weight:800;letter-spacing:.19em;line-height:1.3;margin:1vh 0 .3vh;background:var(--metal);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:metal 8s linear infinite}.description{font-size:clamp(10px,1.12vw,21px);line-height:1.55;margin:1vh 0 1.4vh;color:#efdfc0;animation:reveal 1.5s ease both}.benefits{display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:690px;margin:1.5vh 0 .7vh}.benefit{position:relative;padding:0 6px}.benefit+.benefit:before{content:'';position:absolute;left:0;top:14%;height:74%;width:1px;background:linear-gradient(transparent,#d9a74d80,transparent);animation:flare 4s ease-in-out infinite}.icon{position:relative;width:clamp(38px,4.3vw,83px);aspect-ratio:1;margin:0 auto 1.2vh;border:1px solid #e7b350;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px #efae271a,inset 0 0 13px #efae2710}.icon:after{content:'';position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(transparent 0deg,transparent 300deg,#ffd769 330deg,#fff6c4 340deg,transparent 360deg);mask:radial-gradient(transparent 65%,#000 67%,#000 70%,transparent 72%);animation:orbit 7s linear infinite}.benefit:nth-child(2) .icon:after{animation-delay:-1.75s}.benefit:nth-child(3) .icon:after{animation-delay:-3.5s}.benefit:nth-child(4) .icon:after{animation-delay:-5.25s}.icon svg{width:64%;height:64%;fill:none;stroke:#ffd675;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #f8bd3b45)}.benefit p{font-size:clamp(8px,.88vw,16px);line-height:1.35;letter-spacing:.05em;font-weight:400;margin:0;color:#f1e6cb}.signature{width:87%;max-width:680px;aspect-ratio:560/110;background:url('assets/reference-campaign.jpeg');background-size:285.714% auto;background-position:13.4615% 88.481%;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 92%,transparent);filter:drop-shadow(0 0 8px #ffc64725);margin:.6vh 0;animation:signature-glow 5s ease-in-out infinite}footer{width:100%;padding-top:.5vh}footer p{font-size:clamp(8px,.9vw,16px);letter-spacing:.45em;margin:1.8vh 0 0;color:#e8d9b9}footer span{color:#c99534;margin:0 1.3vw}.ambient{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 75% 25%,#ffad3420,transparent 40%);animation:ambient 12s ease-in-out infinite alternate}.art-glow{position:absolute;width:45vw;height:25vh;bottom:8%;right:-10%;pointer-events:none;background:radial-gradient(ellipse,#ef9a2614,transparent 70%);animation:ambient 8s ease-in-out infinite alternate;z-index:2}#sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}#motion{position:absolute;right:12px;bottom:10px;z-index:5;width:28px;height:28px;display:grid;place-items:center;background:#0b0906bb;border:1px solid #d9a94a66;border-radius:50%;color:#ffda83;cursor:pointer;font:11px Montserrat,Arial,sans-serif;opacity:.65;transition:opacity .25s,box-shadow .25s}#motion:hover,#motion:focus-visible{opacity:1;box-shadow:0 0 16px #ffc95855;outline:1px solid #ffe79c;outline-offset:3px}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}.paused .logo,.paused h1,.paused .description{opacity:1;transform:none}
@keyframes metal{from{background-position:240% 50%}to{background-position:0 50%}}@keyframes rule{from{background-position:220% 50%}to{background-position:0 50%}}@keyframes flare{50%{opacity:.4;filter:brightness(1.5)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes signature-glow{50%{filter:drop-shadow(0 0 10px #ffdc6655) brightness(1.13)}}@keyframes ambient{to{transform:scale(1.1);opacity:.5}}
@media(min-aspect-ratio:19/10){.art-window{background-size:100% 100%}.copy-panel{padding-left:4vw;padding-right:4vw}.logo{width:22vw;max-height:23vh;background-size:444.444% auto}.signature{max-height:14vh}h1{font-size:min(4.45vw,10vh)}.icon{width:min(4.3vw,9vh)}}
@media(max-width:760px){.teaser{height:100svh;min-height:760px;display:flex;flex-direction:column}.copy-panel{width:100%;height:62%;padding:12px 6vw 8px;background:linear-gradient(#080705 0%,#080705 95%,#080705ee 100%);justify-content:space-between;flex-shrink:0}.art-window{position:absolute;inset:60% 0 0;background-size:200% auto;background-position:right bottom;z-index:-1}.art-window:after{content:'';position:absolute;inset:0;background:linear-gradient(#080705 0%,transparent 13%,transparent 95%,#08070566)}.logo{width:205px;max-height:104px;aspect-ratio:360/170}.announcement{gap:10px;margin:0}.announcement p{font-size:8px;letter-spacing:2.2px;line-height:1.7}h1{font-size:clamp(30px,8.1vw,54px);letter-spacing:-.055em;margin:5px 0 7px}.title-group{padding-bottom:5px}h2{font-size:clamp(12px,3.2vw,21px);letter-spacing:.12em;margin:3px 0}.description{font-size:10px;line-height:1.55;margin:4px 0}.benefits{margin:5px 0 3px}.icon{width:35px;margin-bottom:7px}.benefit p{font-size:7px;line-height:1.4;letter-spacing:.03em}.benefit{padding:0 2px}.signature{width:76%;max-width:330px;max-height:56px;margin:3px 0}footer{padding-top:0}footer p{font-size:7px;letter-spacing:.35em;margin:8px 0 0}footer span{margin:0 9px}#motion{bottom:9px;right:9px}.art-glow{width:80vw;height:28vh;bottom:0}.ambient{display:none}}
@media(max-width:370px){.announcement p{font-size:7px;letter-spacing:1.8px}.benefit p{font-size:6px}.description{font-size:9px}.copy-panel{padding-left:5vw;padding-right:5vw}.logo{width:190px}}
@media(max-height:650px) and (min-width:761px){.teaser{min-height:520px}.logo{width:200px}.announcement p{font-size:8px}h1{font-size:38px}h2{font-size:14px}.description{font-size:10px}.icon{width:36px}.benefit p{font-size:8px}.signature{max-height:65px}footer p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.logo,h1,.description{opacity:1;transform:none}#sparks{display:none}}
/* Keep the source campaign at its original proportions and hide its baked-in copy. */
body{min-height:100svh;display:grid;place-items:center}.teaser{width:100%;height:min(100svh,56.25vw);min-height:0}.art-window{background-size:100% 100%}.copy-panel{background:none}.copy-panel:before{inset:0;background:#070705;clip-path:polygon(0 0,100% 0,100% 58%,86% 63%,86% 100%,0 100%)}.signature{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 86%,transparent);mask-composite:intersect}.logo{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 93%,transparent);mask-composite:intersect}
@media(min-width:761px){.copy-panel{padding-top:1%;padding-bottom:1.8%;}.logo{width:26vw;max-height:20%;}.announcement p{font-size:clamp(8px,1.05vw,18px)}.title-group{padding-bottom:1%;}h1{margin:.4vw 0 .5vw}h2{margin:.5vw 0 .2vw}.description{margin:.4vw 0 .5vw}.benefits{margin:.7vw 0 .3vw}.icon{margin-bottom:.6vw}.signature{margin:.2vw 0;max-height:13%}footer p{margin:.9vw 0 0}}
@media(max-width:760px){body{display:block}.teaser{height:100svh;min-height:760px}.copy-panel{background:#080705;height:62%;}.copy-panel:before{display:none}.art-window{background-size:200% auto;}.logo{max-height:104px}.signature{max-height:56px}}
.copy-panel:before{filter:blur(5px);transform:scale(1.012)}
@media(max-width:760px){.art-window{background-size:213.333% auto}}
/* Supplied clean campaign background. */
.art-window{background-image:url('assets/bg.webp')}.copy-panel:before{display:none}
@media(max-width:760px){.copy-panel{background:#000}.art-window{background-image:url('assets/bg.webp')}}
/* Updated expanded collection campaign; mask baked-in lettering behind live copy. */
.art-window{background-image:url('assets/expanded-collection.jpeg')}
@media(min-width:761px){.copy-panel{width:40%;padding-left:2vw;padding-right:2vw}.copy-panel:before{display:block;inset:0 -23% 0 0;background:#090907;clip-path:polygon(0 0,100% 0,100% 42%,81% 47%,81% 100%,0 100%);filter:blur(8px);transform:scale(1.015)}h1{font-size:clamp(27px,3.7vw,72px)}.announcement p{font-size:clamp(7px,.86vw,16px);letter-spacing:.25vw}h2{font-size:clamp(12px,1.42vw,28px);letter-spacing:.12em}.description{font-size:clamp(9px,.96vw,19px)}.benefit p{font-size:clamp(7px,.75vw,14px)}.icon{width:clamp(32px,3.5vw,67px)}.signature{width:100%}.logo{width:26vw;max-width:100%}}
@media(max-width:760px){.art-window{background-image:url('assets/expanded-collection.jpeg');background-size:246.154% auto;background-position:right bottom}.copy-panel{width:100%}}
@media(min-width:761px){.copy-panel:before{clip-path:polygon(0 0,100% 0,100% 42%,86% 47%,86% 100%,0 100%)}}
/* Latest supplied clean background and metallic brand logo. */
.art-window{background-image:url('assets/background.webp')}.copy-panel:before{display:none}
.logo{background-image:url('assets/achieverz-logo.webp');background-size:contain;background-position:center;background-repeat:no-repeat;aspect-ratio:1800/873;mask-image:none;max-height:22%;width:27vw}
@media(max-width:760px){.logo{width:205px;max-height:104px}.art-window{background-image:url('assets/background.webp');background-size:246.154% auto;background-position:right bottom}.copy-panel{background:#080705}}
/* Extra breathing room around the logo and below the location line. */
@media(min-width:761px){.copy-panel{padding-top:2.2%;padding-bottom:3%}.logo{margin-bottom:1.2vw;max-height:20%;flex-shrink:1}footer{padding-bottom:.6vw}}
@media(max-width:760px){.copy-panel{padding-top:23px;padding-bottom:22px}.logo{margin-bottom:12px;max-height:94px;flex-shrink:1}footer{padding-bottom:9px}}