@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bone:#eee7ce;--muted:#b9bfaf;--gold:#d9b97b;--dark:#101913}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--dark);color:var(--bone);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:absolute;top:-100px;z-index:10;background:var(--dark);padding:15px}.skip:focus{top:10px}.header{position:absolute;inset:0 0 auto;z-index:3;height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #ddd9b622}.wordmark{font:500 30px 'Cormorant Garamond',Georgia,serif;letter-spacing:2px}.mark{font-size:22px;padding:0 5px;color:var(--gold)}.header-note{font-size:10px;letter-spacing:3px;color:#c2c9b8}.nav-link{font-size:12px}.nav-link span{margin-left:18px;color:var(--gold)}.hero{min-height:820px;min-height:max(820px,100svh);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.scene{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1714ed 0%,#10241bc7 32%,#17322930 72%),url('assets/clock-gallery.jpg') center/cover}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101913 0%,transparent 32%,#07100a35 100%)}.dial{position:absolute;width:min(70vw,1000px);height:auto;right:-13%;top:15%;filter:brightness(.58) saturate(.65);opacity:.9;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 18%)}.hero-copy{position:relative;width:100%;padding:160px 7.5% 150px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2.6px;line-height:1.7;color:var(--gold)}.eyebrow>span{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}h1{font:500 clamp(70px,10.5vw,164px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:-.055em;margin:34px 0 25px;text-shadow:0 4px 32px #08120e88}h1 span{color:#b9c9aa}.tagline{font:italic 400 clamp(26px,3vw,41px)/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 27px}.intro{font-size:14px;line-height:1.9;color:#c3cbbd;max-width:440px}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.button{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 24px;font-size:12px;font-weight:600;border:1px solid #c2c8ac65;transition:background .2s,transform .2s}.primary{background:var(--bone);color:#14201b;border-color:var(--bone)}.secondary{background:#10221b70}.button:hover{transform:translateY(-2px);background:#d6bd8a;color:#132018;border-color:#d6bd8a}.play{font-size:22px}.small-note{font-size:8px;letter-spacing:1.7px;color:#a1ad9e;margin-top:19px}.small-note span{padding:0 8px}.hero-bottom{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;border-top:1px solid #dce0b92b;padding-top:23px;font-size:9px;letter-spacing:1.8px;color:#aab5a4}.hero-bottom a{color:var(--bone);letter-spacing:.5px;font-size:11px}.hero-bottom a span{margin-left:25px}.gallery{display:grid;grid-template-columns:.8fr 1.4fr;gap:7%;align-items:center;padding:95px 7.5% 100px;max-width:1700px;margin:auto}.gallery-copy h2{font:400 clamp(38px,4.2vw,62px)/1.05 'Cormorant Garamond',Georgia,serif;margin:22px 0}.gallery-copy h2 em{color:#b9c9aa}.gallery-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}.text-link{display:inline-block;font-size:12px;margin-top:15px;border-bottom:1px solid #b2bb9d66;padding-bottom:10px}.text-link span{margin-left:30px;color:var(--gold)}figure{margin:0;border:1px solid #aab29a35;padding:8px;background:#16211a}figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}figcaption{display:flex;justify-content:space-between;padding:17px 10px 10px;font-size:8px;letter-spacing:1.8px;color:#bbc6b1}footer{border-top:1px solid #b5bea323;margin:0 5.5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span:last-child{font-size:8px;letter-spacing:1.6px;color:#8d9c8c}.footer-logo{font:500 21px 'Cormorant Garamond',Georgia,serif;letter-spacing:2px}footer p{font:italic 18px 'Cormorant Garamond',Georgia,serif;color:#aab5a4}
@media(min-width:1700px){.hero-copy{padding-left:12%}.dial{right:-5%}}
@media(max-width:700px){.header{height:78px;padding:0 6%}.header-note{display:none}.hero{min-height:780px;min-height:max(780px,100svh)}.hero-copy{padding:145px 7% 140px}.scene{background:linear-gradient(90deg,#0b1714e6,#10241b70),url('assets/clock-gallery.jpg') 60% center/cover}.dial{width:115vw;right:-55%;top:20%;opacity:.42}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:clamp(55px,12.4vw,88px);margin-top:32px}.intro{font-size:13px;max-width:290px}.tagline{font-size:30px}.actions{flex-direction:column;max-width:310px;gap:12px}.button{min-height:54px;justify-content:space-between}.primary .play{display:none}.small-note{font-size:7px;letter-spacing:1px}.hero-bottom>span{display:none}.hero-bottom{bottom:25px;padding-top:20px}.hero-bottom a{width:100%;display:flex;justify-content:space-between}.gallery{grid-template-columns:1fr;gap:35px;padding:58px 7% 60px}.gallery-copy h2{font-size:48px}.gallery-copy>p:not(.eyebrow){max-width:100%}footer{flex-wrap:wrap;padding:25px 0}footer p{margin:0}footer>span:last-child{width:100%;font-size:7px}figcaption{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Rounded, quiet calls to action and a full-width gallery. */
.nav-link,.button.primary{border:1px solid #8b968b80;border-radius:999px;background:#101916b3;color:#d9ddd3;font-size:13px;font-weight:600;letter-spacing:1.2px;display:inline-flex;align-items:center;justify-content:center;padding:16px 27px;min-height:50px}.button.primary{min-height:56px;padding:18px 34px}.nav-link:hover,.button.primary:hover{background:#26362c;border-color:#c4cbb9;color:#eee7ce}.gallery{display:block;max-width:1320px;padding-top:70px;padding-bottom:70px}.gallery figure img{aspect-ratio:auto;height:auto;object-fit:contain}.gallery figcaption{display:block;text-align:center;padding:19px 10px 12px}@media(max-width:700px){.nav-link{font-size:10px;padding:12px 18px;min-height:42px}.actions{align-items:flex-start}.button.primary{justify-content:center}.gallery{padding-top:40px;padding-bottom:45px}}

/* Single-screen logo-led landing page. */
h1{max-width:850px;width:74%;margin:26px 0 20px;line-height:1}.hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 18px #07120ccc)}.hero-copy{padding-top:145px;padding-bottom:120px}.hero-bottom span:last-child{font-size:8px}@media(max-width:700px){h1{width:100%;margin:30px 0 24px}.hero-copy{padding-top:125px;padding-bottom:110px}.hero-bottom>span{display:block;font-size:7px;letter-spacing:1px}.hero-bottom span:last-child{font-size:7px;margin-left:15px;white-space:nowrap}}
