:root{--paper:#faf9f6;--cream:#f0ede6;--ink:#242321;--muted:#78756d;--gold:#a38956;--line:#dfdad0;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.progress{position:fixed;left:0;top:0;width:var(--progress,0%);height:2px;background:var(--gold);z-index:100}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5.8%;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #dad6cb80}.wordmark{display:flex;flex-direction:column;text-align:center}.wordmark>span{font-family:var(--serif);letter-spacing:5px;font-size:30px;line-height:1}.wordmark small{font-size:8px;letter-spacing:4px;color:#927b4d;margin-top:7px}nav{display:flex;align-items:center;gap:44px;font-size:11px}nav a:hover{color:var(--gold)}.nav-contact{border-bottom:1px solid var(--gold);padding:14px 0}.nav-contact span{margin-left:30px}.menu{display:none}.experience{height:185vh;min-height:1150px}.stage{height:100vh;min-height:690px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 80% 42%,#f6f4ed 0,#faf9f6 60%)}.hero-copy{position:absolute;left:9%;top:29%;z-index:3;transform:translateY(calc(var(--scene,0)*-90px));opacity:calc(1 - var(--scene,0)*2.7)}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.4px;line-height:1.8;color:#837354;margin:0 0 28px}.eyebrow>span{display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(80px,8.8vw,146px);line-height:.86;letter-spacing:-4px;margin-bottom:30px}em{font-weight:400;color:#a08b61}h1 em{font-size:1.04em}.intro{font-size:12px;line-height:1.9;color:#79766e;margin-bottom:32px}.button{border:1px solid var(--gold);background:var(--gold);color:white;padding:19px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:44px;font-size:10px;letter-spacing:.4px;transition:background .3s,transform .3s}.button:hover{background:#887145;transform:translateY(-2px)}.hero-caption{display:flex;gap:24px;font-size:9px;color:#8e8980;margin-top:50px}.hero-caption span{color:var(--gold);font-size:8px;letter-spacing:2px}.watch-scene{position:absolute;left:52%;top:50%;width:min(43vw,690px);height:91vh;min-height:620px;transform:translate(calc(var(--scene,0)*-115%),-49%) rotate(calc(-14deg + var(--scene,0)*19deg)) scale(calc(1 + var(--scene,0)*.35));z-index:2;will-change:transform}.watch-scene svg{width:100%;height:100%;overflow:visible}.orb{position:absolute;width:43vw;height:43vw;left:53%;top:15%;border:1px solid #d6cbb440;border-radius:50%;transform:scale(calc(1 + var(--scene,0)*.4))}.orb:before{content:'';position:absolute;inset:22px;border:1px solid #d6cbb425;border-radius:50%}.giant-label{position:absolute;top:42%;left:25%;font-family:var(--serif);font-size:20vw;letter-spacing:-8px;color:#c0b69f12;white-space:nowrap;user-select:none}.watch-note{position:absolute;right:5.5%;bottom:110px;font-size:8px;letter-spacing:1.4px;color:#80735b;z-index:3;opacity:calc(1 - var(--scene,0)*3)}.watch-note small{display:block;color:#8d877b;font-size:8px;letter-spacing:0;margin-top:9px;padding-left:14px}.dot{height:4px;width:4px;background:var(--gold);display:inline-block;margin-right:8px;border-radius:50%}.scroll-hint{position:absolute;left:9%;bottom:35px;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:2px;z-index:4}.scroll-hint i{font-style:normal;border:1px solid var(--line);border-radius:50%;width:30px;height:40px;display:grid;place-items:center;animation:bob 2.5s infinite}.side-note{position:absolute;right:25px;top:40%;writing-mode:vertical-rl;letter-spacing:3px;font-size:7px;color:#97896c}.detail-copy{position:absolute;left:57%;top:31%;z-index:3;opacity:clamp(0,calc((var(--scene,0) - .36)*2.5),1);transform:translateY(calc((1 - var(--scene,0))*50px));pointer-events:none}.detail-copy a{pointer-events:auto}h2{font-size:clamp(44px,5vw,78px);line-height:1;letter-spacing:-1.8px;margin-bottom:28px}.detail-copy p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted)}.text-link{display:inline-flex;gap:45px;border-bottom:1px solid var(--gold);padding:16px 0;font-size:11px}.section{padding:110px 9%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.section-top h2{margin-bottom:0}.collection-intro{max-width:300px;padding-bottom:5px;font-size:12px;line-height:1.9;color:var(--muted)}.demo-label{font-size:7px;letter-spacing:1.4px;color:#978561;display:block;margin-top:28px}.collection-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:28px}.filters{display:flex;gap:25px}.filters button{border:0;padding:5px 0;background:transparent;color:#8d877e;font-size:10px}.filters button.active{color:var(--ink)}.filters button.active:after{content:'';display:block;height:1px;background:var(--gold);position:relative;bottom:-18px}.count{font-size:8px;letter-spacing:1.5px;color:#90816a}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product[hidden]{display:none}.product-image{position:relative;border:0;display:block;width:100%;height:395px;background:#f0eee8;overflow:hidden}.product:nth-child(2) .product-image{background:#edeef0}.product:nth-child(3) .product-image{background:#f0ece4}.product-image img{height:92%;width:100%;object-fit:contain;transform:rotate(-16deg);transition:transform .8s cubic-bezier(.2,.65,.2,1)}.product-image:hover img{transform:rotate(-7deg) scale(1.09)}.product-tag{position:absolute;left:20px;top:20px;font-size:7px;letter-spacing:1.5px;color:#8c8477;z-index:1}.round-arrow{position:absolute;right:18px;bottom:18px;border:1px solid #b9af9b;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#837354}.product-info{display:flex;justify-content:space-between;padding-top:24px}.product-info p{font-size:7px;letter-spacing:1.3px;color:#918779;margin-bottom:10px}.product-info h3{font-size:29px;margin-bottom:8px}.product-info span{font-size:9px;color:var(--muted)}.product-info button{align-self:flex-start;background:transparent;border:0;font-size:21px;color:#8d7d5a}.collection-foot{font-size:9px;color:#938d82;margin:35px 0 0;line-height:1.8}.manifesto{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);min-height:700px}.detail-art{position:relative;overflow:hidden;background:#d9d9ce}.detail-art img{position:absolute;width:150%;height:160%;object-fit:cover;top:-28%;left:-22%;transform:rotate(-32deg);filter:drop-shadow(12px 12px 20px #434b3a35)}.detail-art>span{position:absolute;bottom:35px;left:40px;font-size:8px;letter-spacing:2px;color:#6d6d59}.manifesto-copy{padding:100px 16% 90px 13%}.manifesto-copy p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2}.manifesto-copy h2{font-size:70px}.journey-title{display:flex;justify-content:space-between;align-items:center}.journey-title>p{font-size:12px;line-height:1.9;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;gap:45px}.steps article{border-top:1px solid var(--line);padding-top:30px}.steps article>span{font-family:var(--serif);font-size:30px;color:var(--gold)}.steps h3{font-size:31px;margin:25px 0 15px}.steps p{font-size:11px;line-height:2;color:var(--muted);max-width:275px}.contact{position:relative;background:#eee9df;overflow:hidden;padding-top:60px;padding-bottom:85px}.contact-top{display:flex;justify-content:space-between;position:relative;z-index:2}.contact-top>span{font-size:8px;letter-spacing:2px;color:#9d8d6c}.contact h2{font-size:clamp(64px,7vw,105px);position:relative;z-index:2;margin:45px 0 35px}.contact .button{position:relative;z-index:2}.contact-note{display:inline-block;margin-left:25px;font-size:9px;color:#8e8472;position:relative;z-index:2}.contact-dial{height:620px;width:620px;border:1px solid #baaa892e;border-radius:50%;position:absolute;right:-140px;top:10px}.contact-dial:before,.contact-dial:after{content:'';position:absolute;left:50%;bottom:50%;background:#b29b6a33;transform-origin:bottom;height:200px;width:2px;transform:rotate(45deg)}.contact-dial:after{height:150px;transform:rotate(-55deg)}footer{padding:55px 6% 25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:30px}footer .wordmark span{font-size:24px}footer p{font-family:var(--serif);font-size:22px;margin:0}footer>div{display:flex;gap:25px;font-size:9px;color:#8b8275}footer button{border:0;background:transparent;font-size:9px;padding:0}.footer-note{width:100%;text-align:center;font-size:8px;color:#aaa296;border-top:1px solid var(--line);padding-top:25px;margin-top:20px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);max-width:900px;width:90%;padding:60px;max-height:90vh;overflow:auto}dialog::backdrop{background:#26251f66;backdrop-filter:blur(7px)}dialog h2{font-size:48px}dialog>p{line-height:1.9}dialog .close{position:absolute;right:18px;top:14px;font-size:28px;border:0;background:transparent}.modal-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.modal-image{background:var(--cream);height:470px}.modal-image img{width:100%;height:100%}.preview-notice{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:25px}#contact-dialog{max-width:620px}form label{display:block;font-size:11px;margin:20px 0}input,textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:13px 0;border-radius:0;outline:none}input:focus,textarea:focus{border-color:var(--gold)}#form-status{font-size:12px;line-height:1.8;color:#68744f}#legal-dialog{max-width:650px}body:has(dialog[open]){overflow:hidden}@keyframes bob{50%{transform:translateY(5px)}}
@media(min-width:1600px){.product-image{height:480px}}@media(max-width:1000px){nav{gap:22px}.section{padding:80px 6%}.hero-copy{left:6%}h1{font-size:105px}.watch-scene{left:49%;width:54vw}.product-image{height:320px}.manifesto-copy{padding:70px 10%}.manifesto-copy h2{font-size:58px}.contact-note{display:block;margin:20px 0 0}.section-top{gap:30px}.product-info h3{font-size:24px}}
@media(max-width:650px){header{height:82px;padding:0 6%}.wordmark>span{font-size:24px}.wordmark small{font-size:6px}.menu{display:block;border:0;background:transparent;font-size:10px;color:#7b705c}nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:30px 6%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.experience{height:160vh;min-height:1080px}.stage{min-height:700px}.hero-copy{top:16%;left:7%;width:86%}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:22px}h1{font-size:83px;line-height:.9;letter-spacing:-3px}.intro{font-size:10px;line-height:1.8;max-width:220px}.hero-copy .button{padding:15px 18px;font-size:8px;gap:25px}.hero-caption{display:none}.watch-scene{top:58%;left:28%;width:78vw;height:67vh;min-height:480px;transform:translate(calc(var(--scene,0)*-95%),-34%) rotate(calc(-20deg + var(--scene,0)*24deg)) scale(calc(1 + var(--scene,0)*.15))}.orb{top:40%;left:29%;width:80vw;height:80vw}.giant-label{top:57%;left:-10%;font-size:32vw}.watch-note{right:7%;bottom:36px;font-size:6px;max-width:130px}.watch-note small{font-size:7px;line-height:1.5}.scroll-hint{left:7%;bottom:35px;font-size:6px;gap:10px}.side-note{display:none}.detail-copy{left:45%;top:23%;width:51%}.detail-copy h2{font-size:42px}.detail-copy p:not(.eyebrow){font-size:10px}.detail-copy .text-link{font-size:9px;gap:10px}.section{padding:65px 7%}h2{font-size:47px}.section-top{display:block;margin-bottom:30px}.collection-intro{margin-top:25px;font-size:11px}.demo-label{font-size:6px;margin-top:18px}.filters{gap:19px}.filters button{font-size:9px}.count{font-size:6px}.products{grid-template-columns:1fr;gap:38px}.product-image{height:420px}.product-image img{height:100%}.product-info h3{font-size:30px}.product-info p{font-size:8px}.product-info span{font-size:10px}.collection-foot{font-size:8px}.manifesto{grid-template-columns:1fr}.detail-art{height:460px}.detail-art img{width:130%;height:180%;top:-35%;left:-15%}.manifesto-copy{padding:60px 9%}.manifesto-copy h2{font-size:60px}.journey-title{display:block}.journey-title>p{font-size:11px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps article{position:relative;padding-left:50px}.steps article>span{position:absolute;left:0;top:27px;font-size:26px}.steps h3{margin:3px 0 12px;font-size:30px}.steps p{max-width:100%;margin-bottom:0}.contact{padding:45px 7% 60px}.contact-top>span{display:none}.contact h2{font-size:58px;margin:35px 0}.contact .eyebrow{max-width:230px}.contact-dial{right:-400px}footer{padding:40px 7% 20px;justify-content:center}footer>p{display:none}footer>div{width:100%;justify-content:center;font-size:9px}.footer-note{font-size:7px}dialog{padding:45px 25px;width:94%;max-height:90dvh}dialog h2{font-size:39px}.modal-product{grid-template-columns:1fr;gap:25px}.modal-image{height:300px}.modal-product .button{font-size:9px;gap:15px}.contact-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.watch-scene{will-change:auto}}

.wordmark{position:relative}.brand-icon{position:absolute;width:48px;height:48px;object-fit:contain;left:-60px;top:-7px;mix-blend-mode:multiply}header{padding-left:9%}footer .brand-icon{width:40px;height:40px;left:-49px}@media(max-width:650px){header{padding-left:19%}.brand-icon{width:36px;height:36px;left:-44px;top:-3px}}
/* Original photographic Rolex imagery */
.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.product-image{height:470px;background:#eeebe4!important}.product-image img{width:100%;height:100%;transform:none;object-fit:cover}.product-image:hover img{transform:scale(1.045)}.product-tag{background:#faf9f6dc;padding:8px 10px;color:#655a45}.product-info h3{font-size:29px}.real-hero-watch{width:100%;height:100%;object-fit:contain;filter:drop-shadow(15px 25px 20px #2c292533)}.watch-scene{width:min(37vw,580px);left:56%;height:82vh;min-height:560px;transform:translate(calc(var(--scene,0)*-145%),-46%) rotate(calc(-12deg + var(--scene,0)*16deg)) scale(calc(1 + var(--scene,0)*.12))}.detail-art img{width:120%;height:130%;left:-10%;top:-15%;object-fit:cover;transform:rotate(-8deg)}.modal-image img{object-fit:cover}.product-info p{letter-spacing:1.5px}.intro-active{overflow:hidden}.cinematic-intro{position:fixed;inset:0;z-index:1000;background:#090c0b;overflow:hidden;isolation:isolate;color:#e7dfcd;opacity:1;transition:opacity .65s,visibility .65s}.cinematic-intro.intro-finished{opacity:0;visibility:hidden;pointer-events:none}.intro-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 53%,#40574655 0,#19221c44 35%,transparent 70%)}.intro-overline{position:absolute;top:7%;left:0;width:100%;text-align:center;font-size:12px;letter-spacing:5px;font-weight:400;z-index:5}.intro-overline span{display:block;font-size:7px;letter-spacing:3px;color:#a79771;margin-top:15px}.intro-box-scene{position:absolute;width:min(68vw,750px);height:min(75vh,740px);left:50%;top:50%;transform:translate(-50%,-47%);perspective:1100px}.intro-box-open{position:absolute;inset:0;opacity:0;transform:translateY(50px) scale(.84);filter:drop-shadow(0 30px 30px #0009)}.intro-box-open img{width:100%;height:100%;object-fit:contain}.intro-box-closed{position:absolute;width:92%;height:70%;left:4%;top:30%;transform-origin:50% 58%;filter:drop-shadow(0 25px 25px #000b)}.intro-box-closed img{width:100%;height:100%;object-fit:contain}.intro-watch{position:absolute;width:18%;height:30%;left:42%;top:50%;opacity:0;z-index:4;filter:drop-shadow(0 16px 15px #0009)}.intro-watch img{width:100%;height:100%;object-fit:contain}.intro-wash{position:absolute;inset:0;z-index:6;background:var(--paper);opacity:0}.intro-brand{position:absolute;left:50%;top:50%;width:min(52vw,400px);transform:translate(-50%,-24%) scale(.12);opacity:0;z-index:7;text-align:center}.intro-brand img{display:block;width:100%;mix-blend-mode:multiply}.intro-brand p{font-family:var(--serif);font-size:30px;margin:22px 0 0;color:#766448}.intro-bottom{position:absolute;bottom:8%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:3px;z-index:5;color:#c9b98d}.intro-bottom span{display:block;font-family:var(--serif);font-style:italic;letter-spacing:0;font-size:24px;color:#e1d8c1;margin-top:12px}.intro-skip{position:absolute;right:35px;bottom:25px;z-index:10;background:#141814b3;border:1px solid #a9976b66;padding:12px 17px;color:#e3d8bc;font-size:9px;letter-spacing:.7px}.intro-skip span{margin-left:25px}.intro-timeline{position:absolute;left:0;bottom:0;height:2px;width:100%;z-index:11;background:#a9986b22}.intro-timeline span{display:block;height:100%;width:0;background:#b7a16b}.intro-running .intro-box-closed{animation:boxClosed 8.2s cubic-bezier(.3,0,.2,1) both}.intro-running .intro-box-open{animation:boxOpen 8.2s cubic-bezier(.3,0,.2,1) both}.intro-running .intro-watch{animation:watchLift 8.2s cubic-bezier(.25,.05,.2,1) both}.intro-running .intro-wash{animation:wash 8.2s ease both}.intro-running .intro-brand{animation:brandReveal 8.2s cubic-bezier(.25,.1,.2,1) both}.intro-running .intro-overline,.intro-running .intro-bottom{animation:introWords 8.2s ease both}.intro-running .intro-timeline span{animation:introProgress 8.8s linear both}
@keyframes boxClosed{0%{opacity:0;transform:translateY(35px) scale(.92)}10%,19%{opacity:1;transform:translateY(0) scale(1)}35%{opacity:0;transform:translateY(-70px) rotateX(-48deg) scale(.96)}100%{opacity:0;transform:translateY(-70px) rotateX(-48deg)}}
@keyframes boxOpen{0%,18%{opacity:0;transform:translateY(50px) scale(.84)}36%,48%{opacity:1;transform:translateY(0) scale(.9)}63%{opacity:.25;transform:translateY(70px) scale(.82)}75%,100%{opacity:0;transform:translateY(100px) scale(.8)}}
@keyframes watchLift{0%,37%{opacity:0;transform:translate(0,0) scale(1)}44%{opacity:1;transform:translate(0,0) scale(1)}60%{opacity:1;transform:translate(-3%,-72%) scale(1.9)}72%{opacity:.9;transform:translate(-3%,-90%) scale(2.5)}84%,100%{opacity:0;transform:translate(-3%,-100%) scale(2.8)}}
@keyframes wash{0%,64%{opacity:0}83%,100%{opacity:1}}
@keyframes brandReveal{0%,57%{opacity:0;transform:translate(-50%,-8%) scale(.12)}66%{opacity:0;transform:translate(-50%,-30%) scale(.3)}79%{opacity:1;transform:translate(-50%,-50%) scale(.95)}91%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes introWords{0%{opacity:0}10%,55%{opacity:1}68%,100%{opacity:0}}
@keyframes introProgress{to{width:100%}}
@media(max-width:650px){.products{grid-template-columns:1fr}.product-image{height:390px}.product-info h3{font-size:27px}.watch-scene{left:41%;top:62%;width:58vw;min-height:350px;height:52vh;transform:translate(calc(var(--scene,0)*-150%),-30%) rotate(calc(-12deg + var(--scene,0)*16deg)) scale(calc(1 + var(--scene,0)*.12))}.intro-box-scene{width:96vw;height:68vh;max-height:650px;top:46%}.intro-overline{top:8%;font-size:10px}.intro-brand{width:68vw}.intro-brand p{font-size:26px}.intro-bottom{bottom:13%;font-size:6px;letter-spacing:2px}.intro-bottom span{font-size:23px}.intro-skip{bottom:28px;right:18px;font-size:8px}.detail-art img{width:120%;height:130%;top:-15%;left:-10%}footer>div{flex-wrap:wrap;row-gap:20px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{transition:none}.intro-running *{animation:none!important}}

.intro-brand{mix-blend-mode:multiply}.real-hero-watch{image-rendering:auto}@media(max-width:650px){.watch-note{right:4%;bottom:25px}}

.intro-box-open:after{content:'';position:absolute;left:42%;top:49.5%;width:16%;height:31%;border-radius:22% 22% 15% 15%;background:linear-gradient(90deg,#aa8e64,#e1d2b1 28%,#eadbb9 60%,#ad946e);box-shadow:0 12px 12px #39290f44;opacity:0}.intro-running .intro-box-open:after{animation:pillowReveal 8.2s ease both}@keyframes pillowReveal{0%,44%{opacity:0}49%,100%{opacity:1}}
#intro-three{position:absolute;inset:0;z-index:3}#intro-three canvas{display:block;width:100%;height:100%}.has-webgl .intro-box-scene{display:none}.cinematic-intro{background:#090c0b}.intro-running .intro-wash{animation:wash3d 14.2s ease both}.intro-running .intro-brand{animation:brand3d 14.2s cubic-bezier(.25,.1,.2,1) both}.intro-running .intro-overline,.intro-running .intro-bottom{animation:words3d 14.2s ease both}.intro-running .intro-timeline span{animation:introProgress 14.8s linear both}.intro-overline{z-index:5}.intro-brand{mix-blend-mode:multiply}.real-hero-watch{mix-blend-mode:multiply;filter:drop-shadow(12px 24px 18px #2b302325)}.watch-scene{width:min(36vw,560px);left:57%}.intro-box-open:after{display:none}@keyframes wash3d{0%,80%{opacity:0}95%,100%{opacity:1}}@keyframes brand3d{0%,77%{opacity:0;transform:translate(-50%,-15%) scale(.1)}85%{opacity:.3;transform:translate(-50%,-32%) scale(.45)}96%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes words3d{0%{opacity:0}8%,74%{opacity:1}82%,100%{opacity:0}}@media(max-width:650px){.watch-scene{left:40%;width:60vw}.intro-overline{top:6%}.intro-bottom{bottom:14%}}

.intro-overline{top:4%}.intro-bottom{bottom:7%;font-size:7px}.intro-bottom span{font-size:20px}@media(max-width:650px){.intro-bottom{bottom:12%}.intro-overline{top:5%}}
/* Clear, architectural typography for the watch boutique. */
main h1,main h2,main h3,dialog h2{font-family:var(--sans);font-weight:600;font-style:normal;color:var(--ink)}
main h1{font-size:clamp(72px,7.7vw,124px);line-height:1.01;letter-spacing:-5.5px;margin-bottom:30px}
main h1 em,main h2 em,dialog h2 em{font-style:normal;font-weight:inherit;color:inherit;font-size:1em}
main h2,dialog h2{font-size:clamp(39px,4.2vw,66px);line-height:1.12;letter-spacing:-2.8px}
main h3{font-size:24px;line-height:1.3;letter-spacing:-.8px}
.manifesto-copy h2{font-size:clamp(44px,4.2vw,66px)}
.contact h2{font-size:clamp(52px,6vw,90px);line-height:1.1;letter-spacing:-4px}
.product-info h3{font-size:23px;line-height:1.35;letter-spacing:-.7px;font-weight:500}
.steps h3{font-size:24px;line-height:1.35;font-weight:500}.steps article>span{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.5px}
.giant-label{display:none}.button{background:#242321;border-color:#242321;font-weight:600;font-size:10px;letter-spacing:.2px}.button:hover{background:#45443e;border-color:#45443e}
nav{font-weight:500}.intro{color:#686760;font-size:13px}.eyebrow{font-weight:600}.collection-intro{color:#686760}.manifesto-copy p:not(.eyebrow){color:#686760}
footer>p{font-family:var(--sans);font-size:16px;font-weight:500;letter-spacing:-.4px}
@media(max-width:1000px){main h1{font-size:87px;letter-spacing:-4px}.product-info h3{font-size:20px}.manifesto-copy h2{font-size:47px}}
@media(max-width:650px){main h1{font-size:65px;letter-spacing:-3.3px;line-height:1.03}main h2,dialog h2{font-size:39px;letter-spacing:-1.8px;line-height:1.14}.detail-copy h2{font-size:32px;letter-spacing:-1.5px}.manifesto-copy h2{font-size:45px;letter-spacing:-2px}.contact h2{font-size:43px;letter-spacing:-2px}.product-info h3{font-size:23px;letter-spacing:-.8px}.steps h3{font-size:23px}.intro{font-size:10px}.steps article>span{font-size:18px}}

/* Preserve the supplied watch image colors without blending. */
.watch-scene .real-hero-watch{mix-blend-mode:normal;object-fit:contain}

/* Full-bleed film header, followed by the original scroll-driven watch scene. */
header{color:#fff;border-bottom-color:#ffffff30}
header .wordmark small,header .menu{color:#fff}
header .brand-icon{filter:invert(1);mix-blend-mode:screen}
header .nav-contact{border-color:#ffffff80}
header nav a:hover{color:#ddd5c3}
.video-hero{position:relative;isolation:isolate;height:100svh;min-height:690px;overflow:hidden;background:#171918;color:#fff}
.video-hero video,.video-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.video-hero video{object-position:60% center}
.video-shade{z-index:-1;background:linear-gradient(90deg,#080c10b8 0%,#080c1055 48%,#080c1010 100%),linear-gradient(180deg,#0007,transparent 24%,transparent 70%,#0008)}
.video-copy{position:absolute;left:9%;top:50%;transform:translateY(-38%)}
.video-copy .eyebrow{color:#e0d8c8}
main .video-copy h1{color:#fff;font-size:clamp(76px,8vw,124px);line-height:1.02;letter-spacing:-5px}
.video-copy>p:not(.eyebrow){font-size:14px;color:#eee;margin-bottom:32px}
.video-copy .button{background:#ffffff0d;border-color:#ffffff90;backdrop-filter:blur(8px);color:#fff}
.video-copy .button:hover{background:#ffffff24}
.video-scroll{position:absolute;left:9%;bottom:36px;display:flex;align-items:center;gap:22px;font-size:8px;letter-spacing:2px}
.video-scroll span{font-size:23px;letter-spacing:0}
.video-toggle{position:absolute;right:5.8%;bottom:30px;border:1px solid #ffffff55;background:#0003;backdrop-filter:blur(8px);padding:12px 16px;color:#fff;font-size:9px;display:flex;gap:20px;align-items:center}
.hero-copy .watch-heading{font-size:clamp(50px,5.4vw,84px);line-height:1.08;letter-spacing:-4px}
@media(max-width:650px){header nav{background:#181b1b;color:#fff;border-color:#ffffff30}.video-hero{height:100svh;min-height:650px}.video-hero video{object-position:65% center}.video-shade{background:linear-gradient(90deg,#080c1099,#080c1030),linear-gradient(180deg,#0007,transparent 30%,#0005)}.video-copy{left:7%;right:7%;top:49%}main .video-copy h1{font-size:68px;letter-spacing:-3.5px}.video-copy>p:not(.eyebrow){font-size:12px}.video-copy .button{font-size:9px;padding:17px 20px;gap:28px}.video-scroll{left:7%;bottom:34px;font-size:6px;letter-spacing:1.2px;gap:12px}.video-toggle{right:7%;bottom:28px;font-size:8px;padding:10px 12px;gap:10px}.hero-copy .watch-heading{font-size:47px;letter-spacing:-2.5px}}

/* Centered brand and a clean second navigation row. */
header{height:auto;min-height:205px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;padding:20px 5% 22px;border:0;background:linear-gradient(180deg,#070b0d80,transparent)}
header .header-logo{display:block;width:150px;height:131px}
header .header-logo img{display:block;width:100%;height:100%;object-fit:contain}
header nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:48px;padding:0;background:none;border:0;font-size:16px;font-weight:500;line-height:1.5}
header nav a{border:0;text-decoration:none;padding:4px 0;white-space:nowrap}
header nav a:hover{color:#e6d5b0}
@media(max-width:650px){header{min-height:171px;gap:14px;padding:16px 5% 16px}header .header-logo{width:120px;height:105px}header nav{display:flex;gap:24px;font-size:13px;padding:0;background:none}header nav a{padding:5px 0}}
@media(max-width:360px){header nav{gap:18px;font-size:12px}}

/* Supplied transparent logo, at a slightly smaller size. */
header .header-logo{width:120px;height:108px}
header{min-height:190px}
@media(max-width:650px){header .header-logo{width:100px;height:90px}header{min-height:156px}}

/* Compact collection with complete, uncropped original photographs. */
.collection{padding-top:80px;padding-bottom:80px}.collection .section-top{margin-bottom:34px}.collection h2{font-size:48px;letter-spacing:-2px}.gallery-help{font-size:7px;letter-spacing:1.1px;display:block;margin-top:16px;color:var(--muted)}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px}
.product .product-image{height:260px;padding:0;background:#eeece7!important}
.product-image .gallery-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;opacity:0;transition:opacity .35s ease;pointer-events:none}
.product-image .gallery-frame.is-active{opacity:1}.product-image:hover .gallery-frame{transform:none}
.gallery-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px 7px;background:#1a1b1b88;border-radius:12px}
.gallery-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#ffffff60}.gallery-dots i.active{background:#fff}
.product-info{padding-top:15px;gap:6px}.product-info p{margin-bottom:6px;font-size:8px;letter-spacing:1.6px}.product-info h3{font-size:18px;letter-spacing:-.45px;margin-bottom:6px}.product-info span{font-size:9px;line-height:1.6;display:block}.product-info button{font-size:20px;padding:0 0 10px 8px}
.modal-gallery{min-width:0}.modal-gallery .modal-image{height:390px;background:#eeece7}.modal-gallery .modal-image img{object-fit:contain}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:11px}.gallery-controls button{border:1px solid var(--line);background:none;width:34px;height:30px}#gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}#gallery-thumbs button{width:49px;height:57px;padding:2px;border:1px solid transparent;background:var(--cream)}#gallery-thumbs button[aria-pressed=true]{border-color:var(--gold)}#gallery-thumbs img{width:100%;height:100%;object-fit:contain}.modal-product h2{font-size:34px;letter-spacing:-1.5px}
@media(min-width:1600px){.product .product-image{height:300px}}
@media(max-width:1000px){.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.product .product-image{height:225px}.product-info h3{font-size:16px}}
@media(max-width:650px){.collection{padding-top:55px;padding-bottom:55px}.collection h2{font-size:38px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.product .product-image{height:200px}.product-info h3{font-size:16px}.product-info span{font-size:8px}.filters{gap:22px}.filters button{font-size:10px}.gallery-help{font-size:6px}.modal-gallery .modal-image{height:300px}.modal-product h2{font-size:29px}.product-info button{font-size:17px;padding-left:2px}}
@media(max-width:380px){.product .product-image{height:170px}.filters{gap:17px}.product-info h3{font-size:14px}}

/* Larger supporting copy and quieter section introductions. */
.video-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}
.video-copy>p.hero-services{font-size:14px;margin:22px 0 0;color:#e1e1dc;display:flex;gap:12px;flex-wrap:wrap}
.intro,.detail-copy p:not(.eyebrow),.manifesto-copy p:not(.eyebrow),.journey-title>p,.steps p{font-size:16px;line-height:1.9}
.text-link{font-size:14px}.button{font-size:12px}
.product-info span{font-size:12px;line-height:1.7}.product-info h3{font-size:18px;line-height:1.4}
.filters button{font-size:13px}.count{font-size:10px}.collection-foot{font-size:13px;line-height:1.8}
.contact-note{display:block;font-size:14px;line-height:1.9;margin:24px 0 0;max-width:650px}
.preview-notice{font-size:14px}#model-description,dialog>p,form label{font-size:15px;line-height:1.8}#form-status{font-size:14px}
footer{gap:28px;padding-top:48px}footer .footer-links{font-size:14px;display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end;max-width:720px;line-height:1.8}footer button{font-size:14px}footer .footer-note{font-size:12px}footer .wordmark small{font-size:10px}
@media(max-width:1000px){footer .footer-links{width:100%;max-width:none;justify-content:center}.product-info h3{font-size:17px}}
@media(max-width:650px){.video-copy>p:not(.eyebrow){font-size:15px}.video-copy>p.hero-services{font-size:12px;gap:7px;max-width:300px;line-height:1.8}.intro,.detail-copy p:not(.eyebrow),.manifesto-copy p:not(.eyebrow),.journey-title>p,.steps p{font-size:14px;line-height:1.85}.hero-copy .intro{max-width:250px}.detail-copy{left:43%;width:54%;top:22%}.detail-copy h2{font-size:30px}.detail-copy .text-link{font-size:12px;gap:10px}.hero-copy .button{font-size:10px}.product-info h3{font-size:16px}.product-info span{font-size:11px}.filters button{font-size:12px}.filters{gap:19px}.count{font-size:9px}.collection-foot{font-size:12px}.text-link{font-size:13px}.contact-note{font-size:13px}footer .footer-links,footer button{font-size:13px}footer .footer-links{gap:16px 23px}.footer-note{font-size:11px}.video-copy .button{font-size:11px}}

/* Slim information bar above the centered logo. */
header{padding:0 0 22px;gap:0}
.benefits-bar{width:100%;display:flex;align-items:center;justify-content:center;gap:64px;background:#f2f3f0;color:#344840;padding:11px 20px;font-size:13px;font-weight:500;line-height:1.5}
.benefits-bar>span{display:flex;align-items:center;gap:11px;white-space:nowrap}
.benefits-bar svg{width:18px;height:18px;flex:none}
header .header-logo{margin-top:18px}header nav{margin-top:20px;padding:0 5%}
@media(max-width:650px){header{padding:0 0 16px}.benefits-bar{gap:24px;padding:9px 12px;font-size:11px}.benefits-bar>span{gap:7px}.benefits-bar svg{width:16px;height:16px}header .header-logo{margin-top:14px}header nav{margin-top:14px}}
@media(max-width:360px){.benefits-bar{gap:15px;font-size:10px}}

/* Clearer text in compact collection buttons. */
.video-copy .collection-button,.hero-copy .collection-button{font-size:15px;line-height:1.4;padding:12px 18px;gap:0;justify-content:center;letter-spacing:0}
@media(max-width:650px){.video-copy .collection-button,.hero-copy .collection-button{font-size:14px;padding:11px 16px}}

/* Four balanced benefits, wrapping neatly on smaller screens. */
.benefits-bar{gap:36px}
@media(max-width:1000px){.benefits-bar{gap:22px;font-size:12px}.benefits-bar>span{gap:8px}}
@media(max-width:650px){.benefits-bar{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:8px 22px;font-size:10px;padding:9px 12px}.benefits-bar>span{gap:6px}.benefits-bar svg{width:15px;height:15px}}
@media(max-width:360px){.benefits-bar{gap:8px 14px;font-size:9px}}

/* Persistent header: brand left, navigation right, benefits above. */
html{scroll-padding-top:170px}
header{position:fixed;top:0;left:0;z-index:100;display:grid;grid-template-columns:1fr auto;align-items:center;justify-content:initial;min-height:0;height:auto;gap:0;padding:0;background:rgba(250,249,246,.94);color:var(--ink);border-bottom:1px solid #d8d2c670;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,box-shadow .3s}
header .benefits-bar{grid-column:1/-1;background:rgba(239,240,235,.8)}
header .header-logo{width:92px;height:82px;margin:12px 0 12px 7%;justify-self:start;transition:width .3s,height .3s,margin .3s}
header nav{grid-column:2;grid-row:2;justify-self:end;display:flex;flex-direction:row;gap:38px;margin:0;padding:0 5vw 0 24px;font-size:16px;color:var(--ink);background:none;border:0}
header nav a:hover{color:#8a7044}
header.is-scrolled{background:rgba(250,249,246,.84);box-shadow:0 4px 24px #2222220a}
header.is-scrolled .header-logo{width:76px;height:68px;margin-top:8px;margin-bottom:8px}
.progress{z-index:101}
@media(max-width:650px){html{scroll-padding-top:160px}header{padding:0;min-height:0}header .header-logo{width:68px;height:61px;margin:10px 0 10px 5vw}header nav{position:static;gap:16px;font-size:12px;margin:0;padding:0 5vw 0 15px}header.is-scrolled .header-logo{width:62px;height:56px;margin-top:7px;margin-bottom:7px}}
@media(max-width:360px){header nav{font-size:11px;gap:11px;padding-left:10px}header .header-logo{width:62px;height:56px}}

/* The complete header overlays the film without a background at the top. */
header{background:transparent;color:#fff;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:background .3s,color .3s,box-shadow .3s}
header .benefits-bar{background:transparent;color:inherit}
header nav{color:inherit}
header nav a:hover{color:#d6bf8c}
header:not(.is-scrolled) .header-logo img{filter:brightness(0) invert(1);}
header.is-scrolled{background:rgba(250,249,246,.32);color:var(--ink);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:#b9b3a422;box-shadow:0 3px 18px #22222205}
header.is-scrolled .benefits-bar{background:transparent}
header.is-scrolled .header-logo img{filter:none}
header.is-scrolled nav a:hover{color:#806738}

/* Lift the header logo slightly while preserving the navigation position. */
header .header-logo{transform:translateY(-10px)}
@media(max-width:650px){header .header-logo{transform:translateY(-6px)}}

/* Keep photographic layers static while the lightweight hand layer moves. */
.watch-scene .watch-layers{position:relative;width:100%;height:100%;filter:none;mix-blend-mode:normal;isolation:isolate}
.watch-layers .watch-base-layer,.watch-layers .watch-hands-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.watch-layers .watch-base-layer{filter:drop-shadow(12px 24px 18px #2b302325)}
.watch-layers .watch-hands-layer{filter:none;pointer-events:none;overflow:visible;contain:layout style}
.watch-scene{backface-visibility:hidden}

/* Matching call to action and the supplied Submariner photograph. */
.manifesto-copy .collection-button,.contact-submit{font-size:15px;line-height:1.4;padding:12px 18px;gap:0;justify-content:center;letter-spacing:0}
.detail-art{background:var(--cream);display:flex;align-items:center;justify-content:center}
.detail-art img{position:static;width:100%;height:100%;object-fit:contain;transform:none;filter:none;clip-path:inset(0 0 1% 0)}
.contact-page header{background:rgba(250,249,246,.84);color:var(--ink)}.contact-page header .header-logo img{filter:none}
.contact-page-main{padding:220px 9% 100px}.contact-page-heading{margin-bottom:70px}.contact-page-heading h1{font-size:clamp(64px,7.7vw,112px);margin-bottom:28px}.contact-page-heading>p{font-size:17px;line-height:1.9;color:var(--muted)}
.contact-page-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.contact-page-grid h2{font-size:38px;letter-spacing:-1.5px;line-height:1.2}.contact-options>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:350px}.contact-profile{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line);padding:22px 0;max-width:350px}.contact-profile strong{font-weight:500;font-size:17px}.contact-profile span{font-size:13px;color:var(--muted)}.contact-profile:hover strong{color:var(--gold)}.contact-options .text-link{margin-top:24px}
.contact-page-form{padding:35px;background:var(--cream)}.contact-page-form h2{font-size:32px}.contact-page-form input,.contact-page-form textarea{font-size:15px;line-height:1.6}.contact-page-form .preview-notice{font-size:13px}#page-form-status{font-size:14px;line-height:1.8;color:#596a46;margin:20px 0 0}.contact-page footer{border-top:1px solid var(--line)}
@media(max-width:650px){.manifesto-copy .collection-button,.contact-submit{font-size:14px;padding:11px 16px}.detail-art{height:auto;min-height:0}.detail-art img{height:auto;max-height:none}.contact-page-main{padding:195px 7% 65px}.contact-page-heading{margin-bottom:40px}.contact-page-heading h1{font-size:62px}.contact-page-heading>p{font-size:15px}.contact-page-grid{grid-template-columns:1fr;gap:45px}.contact-page-grid h2{font-size:33px}.contact-profile{max-width:none}.contact-options>p{max-width:none}.contact-page-form{padding:25px 20px}}

/* Give the philosophy photo breathing room on desktop displays. */
@media(min-width:651px){.manifesto .detail-art{padding:40px 0}.manifesto .detail-art img{width:78%;max-width:760px;height:auto;max-height:520px;object-fit:contain;flex:none}}

/* Center the contact introduction and balance the taller inquiry card. */
.contact-page-heading{text-align:center}
.contact-page-heading>p{margin-left:auto;margin-right:auto;max-width:900px}
@media(min-width:651px){.contact-page-main{padding-top:180px}.contact-page-grid{align-items:start}.contact-options{padding-top:35px}.contact-page-form{margin-top:0}}
@media(max-width:650px){.contact-page-form{margin-top:0}.contact-page-heading>p br{display:none}}

/* A dedicated philosophy page and a side-by-side contact invitation. */
.contact.section{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:85px;padding-bottom:85px}
.contact.section h2{margin:0;font-size:clamp(44px,5.7vw,82px)}
.contact.section .collection-button{flex:none;font-size:15px;line-height:1.4;padding:12px 18px;gap:0;letter-spacing:0}
.philosophy-page-main{padding:180px 9% 100px}
.philosophy-page-heading{text-align:center;margin-bottom:80px}
.philosophy-page-heading h1{font-size:clamp(50px,6vw,90px);line-height:1.1;letter-spacing:-3px;margin-bottom:28px}
.philosophy-page-heading>p{font-size:18px;line-height:1.8;color:var(--muted)}
.philosophy-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1400px;margin:auto}
.philosophy-photo{background:var(--cream);padding:35px}
.philosophy-photo img{display:block;width:100%;height:auto;clip-path:inset(0 0 1% 0)}
.philosophy-story-copy h2{font-size:clamp(27px,2.6vw,38px);line-height:1.2;letter-spacing:-1.2px;margin-bottom:20px}
.philosophy-story-copy h2:not(:first-child){margin-top:38px}
.philosophy-story-copy p,.philosophy-collection p{font-size:16px;line-height:1.9;color:var(--muted)}
.philosophy-story-copy .collection-button,.philosophy-collection .collection-button{font-size:15px;line-height:1.4;padding:12px 18px;gap:0;letter-spacing:0}
.philosophy-collection{text-align:center;max-width:850px;margin:100px auto 0;padding-top:60px;border-top:1px solid var(--line)}
.philosophy-collection h2{font-size:clamp(32px,3.5vw,46px);line-height:1.2}
@media(max-width:1000px){.contact.section{gap:25px}.contact.section h2{font-size:clamp(36px,5.1vw,58px);letter-spacing:-2px}}
@media(max-width:650px){.contact.section{flex-direction:column;align-items:flex-start;gap:30px;padding-top:60px;padding-bottom:60px}.contact.section h2{font-size:43px}.contact.section .collection-button{font-size:14px;padding:11px 16px}.philosophy-page-main{padding:195px 7% 65px}.philosophy-page-heading{margin-bottom:45px}.philosophy-page-heading h1{font-size:43px;letter-spacing:-2px}.philosophy-page-heading>p{font-size:16px}.philosophy-story{grid-template-columns:1fr;gap:35px}.philosophy-photo{padding:22px}.philosophy-story-copy p,.philosophy-collection p{font-size:14px}.philosophy-collection{margin-top:60px;padding-top:40px}}

/* Original Rolex photograph behind the contact invitation. */
.contact.section{min-height:460px;background:#141716 url('assets/contact-rolex-photo.png') center 47%/cover no-repeat;color:#fff;isolation:isolate}
.contact.section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,10,.76),rgba(8,11,10,.48) 56%,rgba(8,11,10,.34));z-index:0;pointer-events:none}
.contact.section h2,.contact.section h2 em{color:#fff;text-shadow:0 2px 20px #0004}
.contact.section .collection-button{background:rgba(250,249,246,.17);border:1px solid rgba(255,255,255,.75);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 24px #0002}
.contact.section .collection-button:hover{background:rgba(250,249,246,.29);border-color:#fff}
.contact.section .contact-dial{display:none}
@media(max-width:650px){.contact.section{min-height:420px;justify-content:center;background-position:58% center}.contact.section:before{background:rgba(8,11,10,.58)}}

/* Large original logo in place of the philosophy photograph. */
.philosophy-logo{display:flex;align-items:center;justify-content:center;padding:30px}
.philosophy-logo img{display:block;width:85%;max-width:420px;height:auto}
@media(max-width:650px){.philosophy-logo{padding:10px 25px}.philosophy-logo img{width:75%;max-width:280px}}

/* Direct contact details and accessible social logos. */
.contact-direct{display:grid;gap:28px;margin-bottom:35px}
.contact-direct h2{font-size:20px;letter-spacing:-.3px;margin-bottom:10px}
.contact-direct a{font-size:16px;line-height:1.8}
.contact-direct address,.footer-contact,#legal-contact address{font-style:normal}
.contact-direct a:hover,.footer-contact a:hover,#legal-contact a:hover{color:var(--gold)}
.footer-contact{display:flex;flex-direction:row;align-items:center;gap:clamp(12px,2.5vw,32px);font-size:14px;line-height:1.8}
footer .footer-links{align-items:center}
footer .footer-social{display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.footer-social svg{display:block;width:25px;height:25px}
.footer-social .kleinanzeigen-wordmark{width:124px;height:28px}
#legal-contact{font-size:15px;line-height:1.8;margin-bottom:25px}
#legal-contact p{margin:16px 0}
@media(max-width:1000px){footer{gap:30px;flex-wrap:wrap}.footer-contact{font-size:13px}}
@media(max-width:650px){.contact-direct{gap:24px}.contact-direct a{font-size:15px}.footer-contact{width:100%}.footer-social .kleinanzeigen-wordmark{width:112px}}

.footer-social .kleinanzeigen-logo{display:block;width:34px;height:33px;object-fit:contain}

/* Match both social symbols to the footer text, without a logo background. */
.footer-social .kleinanzeigen-symbol{display:block;width:24px;height:27px;background:currentColor;-webkit-mask:url('assets/kleinanzeigen-mask.svg') center/contain no-repeat;mask:url('assets/kleinanzeigen-mask.svg') center/contain no-repeat}

.footer-contact>a:first-child{flex:none}

/* Group the single-line contact details directly beside the footer logo. */
footer{justify-content:flex-start;column-gap:40px}
.footer-contact{gap:26px}
.footer-contact>a{white-space:nowrap}
footer .footer-links{margin-left:auto}
@media(max-width:1100px){footer{column-gap:28px}.footer-contact{gap:20px}footer .footer-links{margin-left:0}}
@media(max-width:650px){footer{justify-content:center}.footer-contact{justify-content:center;flex-wrap:wrap;gap:12px 20px}.footer-contact>a{white-space:normal}footer .footer-links{margin-left:0}}

/* Match the footer phone number to the legal links. */
.footer-contact>a{color:#8b8275}