/* Homepage: generous typography, precise grids, and original photography. */
.home-page{--paper:#faf9f6;--ink:#171717;--accent:#c73321}
.home-page header{padding:25px 4%;min-height:108px;border:0;gap:25px}
.home-page .wordmark{font-size:31px;letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}
.home-page .wordmark span{font-size:12px;letter-spacing:5px;padding-left:5px;margin-top:7px}
.home-page nav{gap:30px;align-items:center;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
.home-page nav a{padding:12px 0}
.home-page nav a:last-child{border:1px solid var(--ink);padding:15px 25px;margin-left:15px}
.home-page nav a:last-child:hover{background:var(--ink);color:var(--paper)}
.lux-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#f1efea}
.lux-hero-copy{padding:58px 8% 45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.lux-eyebrow{font-size:12px;font-weight:500;letter-spacing:2.2px;line-height:1.6}
.lux-hero h1{font-size:clamp(72px,8.3vw,132px);letter-spacing:-4px;line-height:.94;margin:27px 0 28px;font-weight:400}
.lux-lead{font-size:16px;line-height:1.7;max-width:450px;color:#393735}
.lux-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.lux-button{display:inline-flex;align-items:center;justify-content:center;min-height:47px;min-width:146px;padding:14px 25px;border:1px solid currentColor;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;transition:background .2s,color .2s}
.lux-button.solid{background:var(--ink);color:white;border-color:var(--ink)}
.lux-button:hover{background:var(--ink);color:white}
.lux-button.solid:hover{background:var(--accent);border-color:var(--accent)}
.lux-clients{margin-top:54px;width:100%}
.lux-clients h2{font:500 12px var(--sans);letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}
.lux-client-row{display:flex;align-items:center;gap:24px;width:100%}
.lux-client-row .client-logo{width:calc((100% - 48px)/3);flex:none}
.lux-hero-image{position:relative;min-width:0;overflow:hidden}
.lux-hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.lux-hero-image>span{position:absolute;bottom:23px;right:25px;background:rgba(250,249,246,.88);padding:9px 12px;font-size:12px;letter-spacing:1.5px}
.lux-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:28px 3% 30px;scroll-margin-top:20px}
.lux-collection-image{aspect-ratio:1.06;overflow:hidden;background:#eee}
.lux-collection-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.collection-19 img{object-position:70% 50%}.collection-4 img{object-position:50% 24%}.collection-36 img{object-position:50% 53%}
.lux-collection:hover img{transform:scale(1.025)}
.lux-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 4px 0}
.lux-caption h2{font:400 clamp(25px,2.8vw,42px)/1 var(--serif)}
.lux-caption>span{font-size:12px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.lux-caption>span span{font-size:19px;margin-left:10px}
.lux-statement{display:grid;grid-template-columns:44% 56%;background:var(--accent);color:#fff9f1}
.lux-statement-image{min-height:360px}.lux-statement-image img{width:100%;height:100%;object-fit:cover;display:block}
.lux-statement-copy{padding:45px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.lux-statement h2{font:400 clamp(42px,5.5vw,80px)/1.02 var(--serif);letter-spacing:-1.5px;margin:22px 0}
.lux-statement-copy>p:not(.lux-eyebrow){font-size:14px;line-height:1.8;margin-bottom:24px}
.lux-statement .lux-button:hover{background:#fff9f1;color:var(--accent)}
.lux-featured{padding:30px 3% 32px}
.lux-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 21px}
.lux-section-heading h2{font:500 12px var(--sans);letter-spacing:2px;text-transform:uppercase}
.lux-section-heading a{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;display:flex;gap:18px;align-items:center}.lux-section-heading a span{font-size:21px}
.lux-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lux-featured-grid .photograph{aspect-ratio:4/5;overflow:hidden}.lux-featured-grid .photograph img{width:100%;height:100%;object-fit:cover;display:block}
.lux-featured-grid .photograph:nth-child(3) img{object-position:50% 50%}
.home-page footer{padding:28px 3%;gap:20px;align-items:center}
.home-page .footer-name{font:400 12px var(--sans);letter-spacing:2px;text-transform:uppercase}.home-page .footer-name .accent{display:none}
.home-page footer div{font-size:12px;line-height:1.7}.home-page .back-top{font-size:12px;letter-spacing:1px}
@media(min-width:1600px){.lux-hero{min-height:790px}}
@media(max-width:1100px){.home-page header{flex-wrap:wrap;justify-content:center;padding:22px 4%;gap:23px}.home-page nav{justify-content:center}.home-page nav a:last-child{margin-left:0}.lux-hero{min-height:590px}.lux-hero-copy{padding:38px 8%}.lux-hero h1{font-size:85px}.lux-client-row{gap:15px}.lux-client-row .client-logo{width:calc((100% - 30px)/3)}.lux-caption{align-items:flex-start;flex-direction:column;gap:8px}.lux-caption>span{font-size:12px}.lux-statement-copy{padding:40px 9%}}
@media(max-width:700px){.home-page header{min-height:0;gap:18px}.home-page .wordmark{font-size:29px}.home-page nav{gap:16px;font-size:12px;letter-spacing:.8px;flex-wrap:wrap;justify-content:center}.home-page nav a:last-child{padding:8px 12px}.lux-hero{grid-template-columns:1fr;min-height:0}.lux-hero-copy{padding:39px 7% 32px}.lux-hero h1{font-size:82px;margin:20px 0 24px;letter-spacing:-3px}.lux-lead{font-size:15px}.lux-clients{margin-top:35px;max-width:400px}.lux-client-row{gap:28px}.lux-client-row .client-logo{width:calc((100% - 56px)/3)}.lux-hero-image{aspect-ratio:4/5}.lux-hero-image>img{object-position:center 45%}.lux-collections{gap:30px;grid-template-columns:1fr;padding:28px 6% 35px}.lux-collection-image{aspect-ratio:1.12}.lux-caption{flex-direction:row;align-items:center}.lux-caption h2{font-size:35px}.lux-statement{grid-template-columns:1fr}.lux-statement-image{min-height:0;aspect-ratio:1.5}.lux-statement-copy{padding:36px 7% 42px}.lux-statement h2{font-size:57px}.lux-featured{padding:27px 6%}.lux-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lux-section-heading h2{font-size:12px}.home-page footer{padding:27px 6%}.home-page footer div{width:auto;order:0}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.lux-collection img{transition:none}}

.home-page .wordmark span{font-size:9px}.lux-hero-image>span{font-size:10px}.lux-client-row{max-width:500px}.collection-8 img{object-position:50% 50%}
@media(max-width:700px){.home-page header{align-items:center}.lux-hero h1{font-size:clamp(54px,17vw,82px)}}
/* A continuous hero image, softly blended behind the left-hand typography. */
.lux-hero{position:relative;display:block;background:var(--paper);min-height:690px;isolation:isolate}
.lux-hero-image{position:absolute;inset:0 0 0 auto;width:64%;height:100%;z-index:-1}
.lux-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,rgba(250,249,246,.94) 8%,rgba(250,249,246,.6) 22%,rgba(250,249,246,0) 43%);pointer-events:none}
.lux-hero-image>img{object-position:50% 60%}
.lux-hero-image>span{z-index:1}
.lux-hero-copy{position:relative;width:53%;min-height:690px;padding:48px 4%;justify-content:center}
.lux-hero-copy .lux-clients{max-width:490px}
@media(min-width:1600px){.lux-hero,.lux-hero-copy{min-height:790px}}
@media(max-width:1100px) and (min-width:701px){.lux-hero,.lux-hero-copy{min-height:630px}.lux-hero-copy{width:56%}.lux-hero h1{font-size:clamp(65px,8vw,85px)}.lux-client-row{gap:15px}}
@media(max-width:700px){.lux-hero{display:flex;flex-direction:column;min-height:0}.lux-hero-copy{width:100%;min-height:0;padding:36px 7% 25px}.lux-hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/5;margin-top:-1px}.lux-hero-image:after{background:linear-gradient(180deg,var(--paper),rgba(250,249,246,.35) 13%,transparent 28%)}.lux-hero-image>img{object-position:center 45%}}

/* Frame the swim-ring portrait around the face and pendant. */
.lux-hero-image>img{object-position:50% 44%}
.lux-featured-grid .photograph:nth-child(2) img,.lux-featured-grid .photograph:nth-child(4) img{object-position:50% 20%}
@media(max-width:700px){.lux-hero-image>img{object-position:50% 45%}}
.lux-caption{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-top:20px}.lux-caption h2{font:500 14px/1.4 var(--sans);letter-spacing:2px;text-transform:uppercase}.lux-caption .collection-story{font:italic 27px/1.2 var(--serif)}.lux-caption>span{font-size:12px;letter-spacing:1px;margin-top:3px}.home-page footer.site-footer{padding:42px 4% 25px}
@media(max-width:650px){.home-page footer.site-footer{padding:32px 6% 24px}}

/* Clients sit below the mobile photograph, leaving the image in the opening view. */
.lux-hero>.lux-clients{position:absolute;left:4%;bottom:40px;width:45%;max-width:490px;margin:0}.lux-hero-copy{padding-bottom:155px}
@media(max-width:700px){.lux-hero{display:grid;grid-template-columns:1fr}.lux-hero-copy{grid-row:1;padding:22px 7% 20px}.lux-hero h1{font-size:clamp(48px,13vw,70px);margin:12px 0 16px}.lux-eyebrow{font-size:10px}.lux-lead{font-size:14px}.lux-actions{margin-top:18px;gap:12px}.lux-button{min-width:130px;min-height:44px;padding:12px 20px;font-size:10px}.lux-hero-image{grid-row:2;aspect-ratio:4/5}.lux-hero>.lux-clients{position:static;grid-row:3;width:auto;max-width:none;margin:0;padding:26px 7% 30px}.lux-clients h2{font-size:10px;margin-bottom:20px}.lux-hero-image:after{background:linear-gradient(180deg,var(--paper),rgba(250,249,246,.15) 8%,transparent 18%)}}

/* A quieter statement panel lets the photography supply the color. */
.lux-statement{background:#f0ede7;color:#171717}
.lux-statement .lux-button{background:#c73321;border-color:#c73321;color:#fff9f1}
.lux-statement .lux-button:hover{background:#171717;border-color:#171717;color:#fff9f1}