:root{--bg:#0D1117;--orange:#C7CDD4;--ink:#f2f0e8;--muted:#93979d;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}header{height:92px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:36px}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:900;letter-spacing:-1px}.logo sup{font-family:Arial;font-size:13px;vertical-align:top;position:relative;top:10px;left:3px}header nav{display:flex;gap:35px;align-items:center;margin-left:auto;font-size:12px}header nav a:last-child{border:1px solid var(--line);padding:12px 18px}header nav span{padding-left:24px;color:var(--orange)}#motion{background:none;border:1px solid var(--line);width:32px;height:32px;border-radius:50%}.hero{position:relative;min-height:780px;padding:30px 5% 35px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px;box-shadow:0 0 15px var(--orange)}h1,h2,h3,p{margin:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.87;letter-spacing:-.02em}h1{font-size:clamp(100px,14.7vw,220px);position:relative;z-index:2;margin-top:65px;pointer-events:none;width:65%}h1 span{color:var(--orange)}.hero-stage{position:absolute;width:56%;height:580px;right:1%;top:95px;--fade:1;opacity:var(--fade);transform:translateY(var(--shift,0px))}.grill{position:relative;aspect-ratio:2.05;width:100%;filter:drop-shadow(0 25px 18px #0009)}.grill svg{width:100%;height:100%;overflow:visible}.hero-grill{position:absolute;top:145px;right:0;width:105%;transform:rotate(-17deg);animation:levitate 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;width:94%;height:58%;top:90px;left:0;transform:rotate(-30deg)}.orbit-two{transform:rotate(36deg);width:75%;left:12%;height:70%;top:55px}.stage-cross{position:absolute;font-size:24px;color:#71757b}.cross-one{top:40px;left:26%}.cross-two{bottom:75px;right:15%}.spark{position:absolute;color:#fff;font-size:65px;animation:twinkle 4s infinite}.spark-one{top:103px;right:18%}.spark-two{top:345px;left:20%;font-size:40px;animation-delay:1s}.sticker{position:absolute;z-index:5;touch-action:none;user-select:none;border:0;box-shadow:5px 8px 0 #0005;cursor:grab;transition:box-shadow .2s}.sticker:active{cursor:grabbing;box-shadow:10px 15px 0 #0004}.sticker-one{top:70px;right:4%;background:var(--orange);color:var(--bg);padding:15px 20px;text-align:left;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:800;line-height:1;transform:rotate(9deg)}.sticker-one span{position:absolute;bottom:9px;right:8px}.sticker-two{bottom:83px;left:20%;border-radius:3px;background:#eeeadd;color:var(--bg);font-size:19px;padding:12px 22px;transform:rotate(-9deg)}.sticker-two em{font-family:Georgia;font-size:25px}.object-label{position:absolute;bottom:29px;right:8%;font-size:9px;letter-spacing:2px}.hero-bottom{margin-top:45px;position:relative;z-index:3;display:flex;align-items:center;gap:35px}.hero-bottom p{font-size:13px;line-height:1.8;color:#b4b6ba}.button{background:var(--orange);color:var(--bg);border:0;display:inline-flex;gap:45px;align-items:center;padding:19px 24px;font-size:11px;font-weight:700;letter-spacing:.6px;transition:background .2s,transform .2s}.button:hover{background:#edf0f4;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.scroll-link{font-size:9px;letter-spacing:1.4px;margin-left:auto;display:flex;gap:25px;align-items:center}.scroll-link span{border:1px solid var(--line);width:35px;height:45px;border-radius:25px;display:grid;place-items:center;font-size:19px}.hero-index{margin-top:50px;font-size:9px;color:var(--muted);letter-spacing:2px}.marquee{background:var(--orange);color:var(--bg);overflow:hidden;transform:rotate(-2deg);padding:14px 0;margin:0 -1% 40px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;font-weight:700}.marquee>div{white-space:nowrap;width:max-content;animation:marquee 24s linear infinite}.marquee span{padding:0 40px}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:30px;color:var(--orange)}h2{font-size:clamp(50px,6.5vw,96px)}h2 span{color:var(--orange)}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;padding-bottom:5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:none;border:0;padding:0;text-align:left;min-width:0}.product-art{position:relative;aspect-ratio:1.04;background:radial-gradient(ellipse at center,#333940,#171d25 70%);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.product-art .grill{width:92%;transform:rotate(-15deg);transition:transform .55s}.product:hover .grill{transform:rotate(0) scale(1.06)}.golden{background:radial-gradient(ellipse at center,#493724,#211d1a 70%)}.midnight{background:radial-gradient(ellipse at center,#303841,#141a22 70%)}.tag{position:absolute;top:23px;left:22px;letter-spacing:1.1px;font-size:8px;color:#babbbd}.art-mark{position:absolute;bottom:12px;left:18px;font-size:65px;font-family:'Barlow Condensed';color:#ffffff0b}.product-arrow{position:absolute;bottom:20px;right:22px;font-size:25px;color:var(--orange)}.product-copy{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:8px}.product-copy h3{font-size:19px;font-weight:500}.product-copy>span{font-size:7px;letter-spacing:.8px;color:var(--muted)}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10151c}.manifesto-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:9%}.manifesto h2{font-size:clamp(45px,5.4vw,80px)}.manifesto-layout>div>p{max-width:410px;color:var(--muted);font-size:14px;line-height:1.9;margin-top:30px}.scribble{display:inline-block;font-family:Georgia;font-style:italic;color:var(--orange);font-size:20px;margin-top:30px;transform:rotate(-4deg)}.steps article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article>span{color:var(--orange);font-size:10px;padding-top:8px}.steps h3{font-size:24px;font-weight:500}.steps p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:10px}.steps b{margin-left:auto;font-size:28px;color:var(--orange)}.custom{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.custom-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);margin-top:25px}fieldset{border:0;padding:0;margin:30px 0 0}legend{font-size:9px;letter-spacing:1.3px;margin-bottom:15px}.swatches{display:flex;gap:14px}.swatch{width:35px;height:35px;border-radius:50%;border:4px solid var(--bg);background:linear-gradient(120deg,#6c747d,#fff,#5c6571);outline:1px solid #ffffff3b}.swatch[data-color=gold]{background:linear-gradient(120deg,#866628,#ffe3a2,#a46f19)}.swatch[data-color=dark]{background:linear-gradient(120deg,#15171b,#838d9b,#1d232b)}.swatch.selected{outline:2px solid var(--orange);outline-offset:3px}#finish-name{margin:18px 0 25px;font-size:11px;color:var(--ink)}.custom-copy .save-note{font-size:10px!important;margin-top:13px!important}.lab-art{min-height:480px;border:1px solid var(--line);position:relative;display:grid;place-items:center;background:radial-gradient(#252d38,transparent 65%);overflow:hidden}.lab-art>.grill{width:90%;transform:rotate(-12deg);transition:transform 1s}.lab-art.spinning>.grill{transform:rotate(348deg)}.lab-ring{width:80%;aspect-ratio:1;border:1px dashed #ffffff20;border-radius:50%;position:absolute}.lab-top,.lab-bottom{position:absolute;font-size:8px;letter-spacing:2px;left:24px}.lab-top{top:24px}.lab-bottom{bottom:24px}.lab-art .spark{right:15%;top:95px;font-size:38px}#rotate{position:absolute;bottom:19px;right:20px;background:none;border:0;font-size:25px}#rotate span{font-size:8px;vertical-align:middle;letter-spacing:1px;margin-left:6px}footer{background:var(--orange);color:var(--bg);padding:35px 5% 0;position:relative;overflow:hidden;text-align:center}.footer-top{display:flex;justify-content:space-between}.footer-top .eyebrow{color:var(--bg)}.footer-top a{font-size:9px;letter-spacing:1px}footer h2{font-size:clamp(95px,15vw,210px);margin-top:40px}footer h2 span{color:transparent;-webkit-text-stroke:2px var(--bg)}footer>p{font-size:13px;margin:25px 0 0}.silhouette{margin:0 -6%;height:230px;display:flex;align-items:end}.silhouette svg{width:100%;height:100%;fill:var(--bg)}.footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--bg);color:var(--ink);margin:0 -6%;padding:25px 6%;gap:20px}.footer-bottom>span{font-size:8px;letter-spacing:1px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes levitate{50%{transform:translateY(-18px) rotate(-13deg)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.65) rotate(15deg)}}@keyframes marquee{to{transform:translateX(-50%)}}.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .hero-stage{opacity:1!important;transform:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}@media(min-width:1600px){.hero{min-height:900px}.hero-stage{top:140px;height:650px}.hero-bottom{margin-top:65px}}@media(max-width:900px){.hero{min-height:740px}h1{margin-top:60px;font-size:17vw}.hero-stage{top:170px;width:62%;right:0}.hero-bottom{margin-top:165px;gap:20px}.hero-bottom p{font-size:11px}.scroll-link{display:none}.product-copy{align-items:start;flex-direction:column}.custom{gap:5%}.lab-art{min-height:390px}.manifesto-layout{gap:5%}.sticker-one{right:10%;font-size:20px}.sticker-two{left:5%}.hero-grill{top:140px}.object-label{bottom:80px}.hero-index{margin-top:25px}}@media(max-width:600px){header{height:75px;gap:14px}.logo{font-size:32px}header nav{gap:16px;font-size:10px}header nav a:nth-child(2){display:none}header nav a:last-child{border:0;padding:0}header nav span{padding-left:3px}#motion{width:27px;height:27px;flex-shrink:0}.hero{min-height:870px;padding-top:23px}.hero-top{font-size:7px;letter-spacing:1px}.hero-top>span:last-child{display:none}h1{font-size:25vw;margin-top:42px;width:100%}.hero-stage{top:290px;left:4%;width:92%;height:370px}.hero-grill{top:85px;width:100%}.orbit{top:30px;height:70%}.orbit-two{top:15px;height:85%}.sticker-one{top:5px;right:0;font-size:19px;padding:13px 20px}.sticker-two{bottom:12px;left:0;font-size:15px}.sticker-two em{font-size:21px}.spark-one{top:50px;right:23%;font-size:45px}.spark-two{top:218px;left:32%;font-size:26px}.object-label{bottom:14px;right:1%;font-size:6px}.hero-bottom{margin-top:350px;align-items:start;flex-direction:column;gap:17px}.hero-bottom p{font-size:12px}.hero-index{position:absolute;right:5%;bottom:50px}.button{padding:17px 21px}.marquee{font-size:27px;padding:11px 0}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px;font-size:12px}h2{font-size:16vw}.product-grid{grid-template-columns:1fr;gap:28px}.product-art{aspect-ratio:1.2}.product-copy{flex-direction:row;align-items:center}.product-copy>span{font-size:7px}.manifesto-layout{grid-template-columns:1fr;gap:45px}.manifesto h2{font-size:13vw}.custom{grid-template-columns:1fr;gap:35px}.lab-art{min-height:350px}.eyebrow{font-size:8px;margin-bottom:24px}.footer-top a{font-size:7px}.footer-top .eyebrow{font-size:7px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{width:100%;text-align:left}.silhouette{height:150px}footer h2{font-size:23vw;margin-top:25px}footer>p{font-size:11px}.silhouette svg{min-width:730px;margin-left:-160px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-stage{opacity:1!important;transform:none!important}}
/* Keep the angled ticker inside the viewport. */
body{overflow-x:clip}
@media(min-width:601px) and (max-width:900px){.hero{min-height:880px}.hero-stage{top:285px;width:75%;height:400px}.hero-grill{top:75px}.hero-bottom{margin-top:330px}.sticker-one{top:0}.sticker-two{bottom:15px}.object-label{bottom:0}.spark-two{top:250px}.orbit{top:25px}.orbit-two{top:0}}
.lab-bottom{bottom:62px}
/* Original brand footage takes centre stage. */
.hero-film{position:absolute;inset:20px 8% 65px 18%;border:1px solid #ffffff30;border-radius:5px;overflow:hidden;background:#080b10;transform:rotate(-5deg);box-shadow:0 25px 70px #0007}
.hero-film video{display:block;width:100%;height:100%;object-fit:contain;background:#080b10}
.hero-stage .spark{pointer-events:none}.hero-stage .sticker-one{top:5px;right:1%}.hero-stage .sticker-two{bottom:40px;left:9%}
@media(min-width:601px) and (max-width:900px){.hero-film{inset:0 12% 35px 10%}.hero-stage .sticker-two{bottom:5px;left:0}}
@media(max-width:600px){.hero-film{inset:0 13% 35px 9%}.hero-stage .sticker-one{right:0;top:-10px}.hero-stage .sticker-two{bottom:0;left:0}}
/* Photographic product imagery replaces the metallic vector mockups. */
.product-art .grill,.lab-art>.grill{width:100%;height:100%;aspect-ratio:1;transform:none;filter:none}
.grill img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.product:hover .grill{transform:none}.product:hover .grill img{transform:scale(1.06)}
.product-art .tag,.product-art .art-mark,.product-art .product-arrow{z-index:2}.tag{color:#eee;text-shadow:0 1px 6px #000}
.lab-art{aspect-ratio:1;min-height:0}.lab-art .lab-top,.lab-art .lab-bottom,.lab-art #rotate{z-index:2;text-shadow:0 2px 6px #000}.lab-art .lab-ring,.lab-art .spark{display:none}
.lab-art.zoomed .grill img{transform:scale(1.35)}.lab-art #rotate{background:#0d1117de;padding:8px 10px;border-radius:3px}.lab-bottom{bottom:68px}
/* Full-bleed homepage film, with content layered above it. */
header{position:absolute;top:0;left:5%;right:5%;margin:0;z-index:10}
.hero{min-height:100svh;padding:122px 5% 45px;isolation:isolate;display:flex;flex-direction:column;justify-content:center}
.hero-stage{inset:0;width:100%;height:100%;transform:none;z-index:-1}
.hero-film{inset:0;border:0;border-radius:0;transform:none;box-shadow:none}
.hero-film video{object-fit:cover;object-position:center 45%}
.hero-film::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,17,23,.86) 0%,rgba(13,17,23,.48) 45%,rgba(13,17,23,.1) 75%),linear-gradient(0deg,rgba(13,17,23,.85),transparent 35%,transparent 75%,rgba(13,17,23,.55))}
.hero-top{position:relative;z-index:2;margin-bottom:40px}.hero h1{margin-top:20px;font-size:clamp(100px,14vw,210px)}
.hero-bottom{margin-top:45px}.hero-bottom p{color:#e0e0e0}.hero-index{position:relative;margin-top:45px;color:#b9bcc2}
.hero-stage .orbit,.hero-stage .stage-cross,.hero-stage .spark{display:none}
.hero-stage .sticker-one{top:24%;right:6%}.hero-stage .sticker-two{bottom:15%;left:auto;right:9%}.object-label{right:5%;bottom:35px}
@media(min-width:601px) and (max-width:900px){.hero{min-height:100svh;padding-top:125px}.hero-stage{inset:0;width:100%;height:100%}.hero-film{inset:0}.hero-bottom{margin-top:40px}.hero h1{font-size:16vw}.hero-stage .sticker-one{top:27%;right:5%}.hero-stage .sticker-two{bottom:12%;right:8%;left:auto}}
@media(max-width:600px){.hero{min-height:100svh;padding:105px 6% 38px}.hero-top{margin-bottom:28px}.hero h1{font-size:24vw;margin-top:25px}.hero-stage{inset:0;width:100%;height:100%}.hero-film{inset:0}.hero-film video{object-position:58% center}.hero-film::after{background:linear-gradient(90deg,#0d1117bb,#0d111733),linear-gradient(0deg,#0d1117e6,transparent 55%,#0d111766)}.hero-bottom{margin-top:40px;max-width:75%}.hero-index{position:static;margin-top:35px}.hero-stage .sticker-one{top:18%;right:6%;font-size:16px;padding:10px 14px}.hero-stage .sticker-two{bottom:15%;right:5%;left:auto;font-size:13px;padding:9px 12px}.hero-stage .sticker-two em{font-size:18px}.object-label{font-size:6px;bottom:22px;right:6%}}
/* Restrained studio footer with a photographic jewellery silhouette. */
footer.studio-footer{background:#0a0e13;color:var(--ink);text-align:left;padding:35px 5% 0;border-top:1px solid #ffffff24;isolation:isolate}
.studio-footer .footer-art{position:absolute;z-index:-1;top:-18%;right:3%;width:60%;height:120%;pointer-events:none;opacity:.48;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent)}
.footer-art img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.35)}
.studio-footer .footer-top{position:relative;align-items:center}.studio-footer .footer-top .eyebrow{color:var(--muted);font-size:9px;margin:0}.studio-footer .footer-top>a{color:#a6abb2;font-size:9px;letter-spacing:1px;padding:10px 0}
.footer-main{display:grid;grid-template-columns:1fr 220px;gap:10%;padding:65px 0 70px;align-items:center}.studio-footer h2{font-family:'DM Sans',sans-serif;font-size:clamp(52px,7vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0}.studio-footer h2 span{color:var(--orange);-webkit-text-stroke:0}
.footer-invitation>p{color:#a6abb2;font-size:13px;line-height:1.8;margin:24px 0 30px}.footer-cta{display:inline-flex;gap:48px;align-items:center;border-bottom:1px solid var(--orange);padding-bottom:12px;font-size:13px}.footer-cta span{font-size:22px;color:var(--orange);transition:transform .2s}.footer-cta:hover span{transform:translate(3px,-3px)}
.footer-nav{display:flex;flex-direction:column;gap:20px}.footer-nav>span{color:var(--muted);font-size:9px;letter-spacing:2px;margin-bottom:6px}.footer-nav a{font-size:13px;color:#d3d6da;transition:color .2s}.footer-nav a:hover,.studio-footer .footer-top>a:hover{color:var(--orange)}
.studio-footer .footer-bottom{margin:0;padding:24px 0;background:transparent;border-top:1px solid #ffffff24;gap:24px}.studio-footer .footer-bottom .logo{font-size:32px}.studio-footer .footer-bottom>span{color:#8e949e;font-size:8px;letter-spacing:1px}
@media(max-width:600px){footer.studio-footer{padding:25px 6% 0}.studio-footer .footer-top .eyebrow{font-size:7px;letter-spacing:1px}.studio-footer .footer-top>a{font-size:7px}.footer-main{grid-template-columns:1fr;gap:45px;padding:45px 0}.studio-footer h2{font-size:64px}.footer-nav{gap:17px}.studio-footer .footer-art{top:0;right:-35%;width:120%;height:75%;opacity:.35}.studio-footer .footer-bottom{flex-wrap:wrap;gap:15px}.studio-footer .footer-bottom>span:nth-child(2){display:none}.studio-footer .footer-bottom>span:last-child{width:auto;margin-left:auto}}
/* Pointer interaction surfaces and viewer controls. */
.product-art{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s;touch-action:pan-y;cursor:grab}
.product-art.dragging{cursor:grabbing}.product-art.dragging img{transition:none}.drag-hint{position:absolute;bottom:14px;left:18px;z-index:3;font-size:7px;letter-spacing:1px;color:#e8eaed;background:#0d1117c9;padding:7px 9px;pointer-events:none}.product-art .art-mark{display:none}
.viewer-wrap{min-width:0}.viewer-tools{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.viewer-tools label{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.viewer-tools input{flex:1;min-width:50px;accent-color:var(--orange);cursor:ew-resize}.viewer-tools button{background:none;border:0;font-size:11px;padding:8px;color:var(--ink)}.viewer-help{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}
#preview{overflow:hidden}#preview.can-pan{touch-action:none;cursor:grab}#preview.panning{cursor:grabbing}#preview.panning img{transition:none}.lab-art .lab-top,.lab-art .lab-bottom{pointer-events:none}.hero-film video{transition:transform .5s ease-out}.reset-stickers{position:absolute;right:5%;bottom:58px;z-index:4;background:#0d111780;border:1px solid #ffffff30;border-radius:3px;padding:8px 12px;font-size:9px;color:#d4d7db}.motion-paused .product-art{transform:none}
@media(max-width:600px){.reset-stickers{bottom:40px;right:6%;font-size:8px}.drag-hint{font-size:7px}.viewer-tools{gap:9px}}
@media(prefers-reduced-motion:reduce){.product-art{transform:none}}
.material-options{display:flex;gap:22px;padding:5px 4px 28px}.material-options .swatch{position:relative;flex-shrink:0}.material-options .swatch span{position:absolute;top:39px;left:50%;transform:translateX(-50%);font-size:10px;white-space:nowrap}.material-options .swatch:last-child{margin-left:13px}.swatch[data-color=vvs]{background:linear-gradient(130deg,#fffdf1,#dedbcd,#fff)}
.size-buttons{display:flex;gap:8px;flex-wrap:wrap}.size-buttons button{padding:10px 14px;font-size:11px;border:1px solid #ffffff30;background:transparent;border-radius:3px}.size-buttons button.selected{color:var(--orange);border-color:var(--orange);background:#c7cdd412}.tooth-guide{margin-top:22px;padding:18px;border:1px solid var(--line);max-width:370px}.tooth-guide>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.tooth-guide small{display:block;font-size:9px;color:var(--muted);margin-top:13px}.tooth-row{display:flex;gap:5px;align-items:center;margin-top:10px}.tooth-row>span{width:43px;font-size:7px;color:var(--muted)}.tooth{display:block;width:23px;height:28px;border:1px solid #515762;border-radius:6px 6px 9px 9px;background:#ffffff08}.tooth-row.bottom .tooth{border-radius:9px 9px 6px 6px;height:23px}.tooth.chosen{background:linear-gradient(120deg,#818c99,#edf2f7,#939fab);border-color:#d7dde5}#tooth-map[data-material=gold] .chosen{background:linear-gradient(120deg,#a27625,#f6db8b,#bd933e);border-color:#edce7a}#tooth-map[data-material=vvs] .chosen{background:#f2efe3;border-color:#fff}.custom{align-items:center}
@media(max-width:600px){.tooth-guide{padding:14px}.tooth{width:21px}.tooth-row{gap:4px}}
.size-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.size-buttons button{text-align:left;padding:12px}.size-buttons small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.tooth-guide{max-width:370px}.placement-photo{height:205px;overflow:hidden;background:#090909;margin-top:14px;position:relative}.placement-photo img{position:absolute;width:230px;max-width:none;height:auto;left:50%;transform:translateX(-50%)}.placement-top img{top:-45px}.placement-bottom img{top:-20px}.placement-two img{top:-78px}.placement-one img{top:0;width:240px}.tooth-guide small{line-height:1.6}
.placement-four img{top:-20px;width:250px}.placement-bottom-four img{top:0;width:230px}
.swatch[data-color=vvs]{background:conic-gradient(from 25deg,#e9f5ff,#718498,#fff,#bacada,#fff,#77889c,#e9f5ff)}
/* Black and silver colourway. */
:root{--bg:#08090B;--orange:#C7CDD4;--ink:#F0F2F5;--muted:#969DA7;--line:#c7cdd42b}
body{background:var(--bg);color:var(--ink)}header{color:#e1e5eb;border-color:var(--line)}header nav a:last-child,#motion{border-color:#c7cdd445}
.hero h1 span,h2 span{color:#C7CDD4}.hero h1 span{background:linear-gradient(115deg,#89929e,#f1f4f8 45%,#a6aeb8 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.live-dot{background:#d6dce4;box-shadow:0 0 15px #c7cdd46b}
.button{background:linear-gradient(110deg,#acb4bf,#e1e6ed);color:#08090B}.button:hover{background:#f1f4f8}.marquee{background:#C7CDD4;color:#08090B}.sticker-one{background:#C7CDD4;color:#08090B}.sticker-two{background:#e1e5eb;color:#08090B}
.manifesto{background:#0d0f12}.scribble,.steps article>span,.steps b,.product-arrow{color:#C7CDD4}.reset-stickers{background:#08090bbd;color:#dbe0e7;border-color:#c7cdd440}
.size-buttons button.selected{color:#edf1f7;border-color:#C7CDD4;background:#c7cdd414}.size-buttons button:hover{background:#c7cdd410}.tooth-guide{background:#0d0f12;border-color:var(--line)}.swatch{border-color:#08090B}.swatch.selected{outline-color:#C7CDD4}.viewer-tools input{accent-color:#C7CDD4}
footer.studio-footer{background:#050608;color:#F0F2F5;border-top:1px solid var(--line)}.studio-footer h2 span,.footer-cta span{color:#C7CDD4}.footer-cta{border-color:#C7CDD4}.footer-nav a:hover,.studio-footer .footer-top>a:hover{color:#fff}.studio-footer .footer-bottom{border-color:var(--line)}