@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root { --ink:#141414; --paper:#fbfbf9; --muted:#6c6c69; --line:#deded8; --accent:#806a3b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Raleway,Arial,sans-serif; line-height:1.5; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.site-header { min-height:78px; display:flex; align-items:center; gap:28px; padding:0 5vw; border-bottom:1px solid var(--line); background:rgba(251,251,249,.94); position:sticky; top:0; z-index:10; }
.wordmark { font-weight:700; letter-spacing:.13em; font-size:15px; white-space:nowrap; }.wordmark span { color:var(--accent); padding:0 2px; }
.main-nav { display:flex; align-items:center; gap:25px; margin-left:24px; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }.main-nav a:hover,.back-link:hover { color:var(--accent); }
.header-actions { margin-left:auto; }.language-control { font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }.language-control select { border:0; background:transparent; font:inherit; color:var(--ink); margin-left:6px; cursor:pointer; }
.menu-button { display:none; border:0; background:transparent; padding:6px 0; font:600 11px/1 Raleway,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.hero { min-height:620px; padding:5vw 7vw; background:linear-gradient(120deg,#ece9e2 0%,#f8f7f3 58%,#ddd5c8 100%); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr); gap:7vw; align-items:center; }
.hero-content { display:flex; flex-direction:column; align-items:flex-start; }
.hero-visual { position:relative; margin:0; min-height:500px; overflow:hidden; background:#d9d4ca; }
.hero-visual::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 80px rgba(0,0,0,.12); pointer-events:none; }
.hero-visual img { display:block; width:100%; height:100%; min-height:500px; object-fit:cover; }
.eyebrow { margin:0 0 16px; font-size:10px; font-weight:700; letter-spacing:.21em; text-transform:uppercase; color:var(--accent); }.hero h1,.about h2,.contact h2 { max-width:730px; margin:0; font-family:'Playfair Display',Georgia,serif; font-size:clamp(42px,6vw,80px); font-weight:500; line-height:1.02; letter-spacing:-.035em; }.hero-copy { max-width:520px; margin:25px 0 32px; color:#4e4d49; font-size:15px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border:1px solid transparent; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; transition:.2s ease; }.button-dark { background:var(--ink); color:white; }.button-dark:hover { background:var(--accent); }.button-light { background:white; color:var(--ink); }.button-outline { border-color:rgba(255,255,255,.75); color:white; }.button-outline:hover { background:white; color:var(--ink); }
.brands { display:flex; flex-wrap:wrap; justify-content:center; gap:21px 42px; padding:35px 6vw; border-bottom:1px solid var(--line); font-family:'Playfair Display',Georgia,serif; font-size:20px; }.brands a:hover,.brands a.is-active { color:var(--accent); }
.section { padding:100px 7vw; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:45px; }.section-heading h2 { font-family:'Playfair Display',Georgia,serif; font-size:42px; line-height:1.1; margin:0; font-weight:500; }.section-heading > p { max-width:330px; margin:0; color:var(--muted); font-size:13px; }
.catalogue-tools { display:flex; align-items:end; gap:16px; margin:-10px 0 24px; }.catalogue-search { display:grid; gap:8px; flex:1; max-width:620px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.catalogue-search input { width:100%; min-height:48px; padding:0 16px; border:1px solid var(--line); border-radius:0; background:#fff; color:var(--ink); font:500 14px Raleway,sans-serif; }.catalogue-search input::placeholder { color:#8b8983; }.clear-search { min-height:48px; padding:0 8px; border:0; background:transparent; color:var(--ink); font:700 10px Raleway,sans-serif; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; }
.collection-filters { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 18px; }.collection-filter { min-height:36px; padding:0 14px; border:1px solid var(--line); background:transparent; color:var(--ink); font:700 10px Raleway,sans-serif; letter-spacing:.09em; text-transform:uppercase; cursor:pointer; transition:.2s ease; }.collection-filter:hover,.collection-filter.is-active { border-color:var(--ink); background:var(--ink); color:#fff; }
.catalogue-status { margin:0 0 25px; color:var(--muted); font-size:12px; }.load-more-wrap { display:flex; justify-content:center; margin-top:42px; }.empty-state { grid-column:1/-1; padding:70px 20px; text-align:center; border:1px solid var(--line); background:#fff; }.empty-state h3 { margin:0 0 8px; font-family:'Playfair Display',Georgia,serif; font-size:27px; font-weight:500; }.empty-state p { margin:0; color:var(--muted); font-size:13px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.product-card { background:#fff; border:1px solid transparent; transition:transform .25s ease,border-color .25s ease; }.product-card:hover { transform:translateY(-4px); border-color:var(--line); }.product-card img { width:100%; aspect-ratio:1/1; display:block; object-fit:cover; background:#f1f0eb; }.product-info { padding:19px 18px 22px; }.product-info p { margin:0 0 8px; color:var(--accent); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.product-info h3 { min-height:48px; margin:0 0 17px; font-size:14px; line-height:1.35; font-weight:600; }.product-info span,.text-link { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.product-info b,.text-link b { padding-left:5px; font-size:14px; }
.about { display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:#edeae4; }.about h2 { font-size:50px; }.about > p { max-width:440px; margin:33px 0 0; color:#464541; font-size:15px; }.contact { color:white; text-align:center; background:linear-gradient(115deg,rgba(7,7,7,.8),rgba(7,7,7,.7)),url('assets/products/submariner-kermit.webp') center/cover; }.contact .eyebrow { color:#e0c68e; }.contact h2 { margin:auto; font-size:59px; }.contact-actions { display:flex; justify-content:center; align-items:center; gap:12px; flex-wrap:wrap; margin-top:34px; }.email-trigger { position:relative; min-height:44px; padding:0 22px; color:white; border:1px solid rgba(255,255,255,.75); background:transparent; font:700 11px Raleway,sans-serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }.email-note { position:absolute; margin-top:-80px; padding:9px 12px; border-radius:2px; background:white; color:var(--ink); font-size:12px; opacity:0; pointer-events:none; transform:translateY(4px); transition:.2s; }.email-trigger:hover + .email-note,.email-note.is-visible { opacity:1; transform:translateY(0); pointer-events:auto; }
.faq-section { background:#f7f5f1; }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 0; font-family:'Playfair Display',Georgia,serif; font-size:clamp(18px,2vw,25px); cursor:pointer; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+'; flex:none; font-family:Raleway,sans-serif; font-size:20px; font-weight:400; }.faq-list details[open] summary::after { content:'–'; }.faq-list details p { max-width:760px; margin:0 0 24px; color:#55534e; font-size:14px; line-height:1.75; }.journal-section { background:#fff; }.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }.journal-card { background:#f4f1eb; }.journal-card img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }.journal-card div { padding:22px 22px 26px; }.journal-card h3 { margin:0 0 13px; font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:500; line-height:1.2; }.journal-card p { margin:0; color:#5a5853; font-size:13px; line-height:1.65; }
.site-footer { display:flex; justify-content:space-between; gap:20px; padding:25px 5vw; background:#111; color:#fff; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.site-footer a { margin-left:16px; }.site-footer a:hover { color:#e0c68e; }.product-page { min-height:calc(100vh - 126px); padding:6vw 8vw; }.crumb { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:35px; color:var(--muted); font-size:11px; letter-spacing:.06em; text-transform:uppercase; }.crumb a:hover { color:var(--accent); }.detail-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:8vw; align-items:start; }.detail-image { position:relative; background:#f0eee9; }.detail-image-button { display:block; width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }.detail-image img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; }.detail-copy { padding-top:4vw; }.detail-copy h1 { margin:0 0 25px; font-family:'Playfair Display',Georgia,serif; font-size:clamp(33px,4vw,54px); font-weight:500; line-height:1.08; letter-spacing:-.03em; }.detail-copy > p:not(.eyebrow) { max-width:480px; color:#55534e; font-size:15px; }.detail-actions { display:flex; align-items:center; gap:23px; flex-wrap:wrap; margin-top:36px; }.back-link { margin-left:auto; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.detail-thumbnails { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:10px; }.detail-thumbnail { padding:0; border:1px solid transparent; background:#f0eee9; cursor:pointer; opacity:.7; }.detail-thumbnail:hover,.detail-thumbnail.is-active { border-color:var(--ink); opacity:1; }.detail-thumbnail img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; }
.gallery-step { position:absolute; z-index:2; top:50%; width:42px; height:42px; border:1px solid rgba(20,20,20,.25); border-radius:50%; background:rgba(251,251,249,.88); color:var(--ink); font-size:18px; cursor:pointer; transform:translateY(-50%); }.gallery-previous { left:16px; }.gallery-next { right:16px; }.gallery-count { position:absolute; right:14px; bottom:12px; padding:5px 8px; background:rgba(20,20,20,.72); color:#fff; font-size:10px; letter-spacing:.08em; }
.gallery-lightbox[hidden] { display:none; }.gallery-lightbox { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:5vw; background:rgba(10,10,10,.94); }.gallery-lightbox img { display:block; max-width:min(86vw,1100px); max-height:84vh; object-fit:contain; }.lightbox-close,.lightbox-step { position:absolute; z-index:2; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; background:rgba(20,20,20,.45); color:#fff; cursor:pointer; }.lightbox-close { top:24px; right:24px; width:44px; height:44px; font-size:29px; }.lightbox-step { top:50%; width:48px; height:48px; font-size:20px; transform:translateY(-50%); }.lightbox-previous { left:28px; }.lightbox-next { right:28px; }.lightbox-count { position:absolute; left:50%; bottom:24px; color:#fff; font-size:11px; letter-spacing:.12em; transform:translateX(-50%); }.lightbox-open { overflow:hidden; }.not-found { max-width:720px; min-height:62vh; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.not-found h1 { margin:0 0 18px; font-family:'Playfair Display',Georgia,serif; font-size:clamp(42px,6vw,70px); font-weight:500; }.not-found > p:not(.eyebrow) { margin:0 0 28px; color:var(--muted); }
.google-translate-element { position:fixed; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
.goog-te-banner-frame.skiptranslate,.VIpgJd-ZVi9od-ORHb-OEVmcd { display:none!important; }.goog-te-gadget { font-size:0!important; }body { top:0!important; }
@media (max-width:840px) { .site-header { min-height:66px; padding:0 5vw; gap:18px; }.menu-button { display:block; margin-left:auto; }.header-actions { margin-left:0; max-width:112px; }.language-control { font-size:0; }.language-control select { width:100%; max-width:112px; margin:0; font-size:10px; }.main-nav { position:absolute; top:66px; left:0; right:0; display:none; margin:0; padding:18px 6vw; flex-direction:column; align-items:flex-start; gap:18px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 12px 20px rgba(0,0,0,.06); }.main-nav.is-open { display:flex; }.hero { min-height:auto; padding:11vw 7vw 8vw; grid-template-columns:1fr; gap:50px; }.hero-visual,.hero-visual img { min-height:420px; }.brands { justify-content:flex-start; gap:18px 26px; font-size:17px; }.section { padding:70px 5vw; }.section-heading,.about,.detail-layout { grid-template-columns:1fr; display:grid; gap:25px; }.section-heading { align-items:start; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.product-info { padding:15px 14px 18px; }.product-info h3 { min-height:68px; font-size:13px; }.journal-grid { grid-template-columns:1fr; }.about h2,.contact h2 { font-size:42px; }.contact { padding:75px 6vw; }.site-footer { flex-wrap:wrap; }.site-footer nav { width:100%; }.site-footer a { margin:0 12px 0 0; }.product-page { padding:10vw 6vw; }.detail-thumbnails { grid-template-columns:repeat(5,minmax(0,1fr)); }.detail-copy { padding-top:0; }.email-note { margin-top:-108px; max-width:220px; overflow-wrap:anywhere; } }
@media (max-width:520px) { .site-header { padding:0 18px; gap:12px; }.wordmark { font-size:13px; }.menu-button { margin-left:auto; }.header-actions { width:82px; max-width:82px; }.language-control select { width:82px; max-width:82px; }.hero { padding:18vw 6vw 7vw; gap:35px; }.hero h1 { font-size:42px; }.hero-visual,.hero-visual img { min-height:330px; }.product-grid { grid-template-columns:1fr; gap:18px; }.product-info h3 { min-height:0; font-size:14px; }.catalogue-tools { align-items:stretch; flex-direction:column; }.clear-search { align-self:flex-start; min-height:32px; }.gallery-step { width:38px; height:38px; }.gallery-previous { left:10px; }.gallery-next { right:10px; }.lightbox-step { width:40px; height:40px; }.lightbox-previous { left:10px; }.lightbox-next { right:10px; } }

.detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:1.75rem 0; border-top:1px solid rgba(20,20,20,.16); }
.detail-facts div { padding:.9rem 0; border-bottom:1px solid rgba(20,20,20,.16); }
.detail-facts div:nth-child(odd) { padding-right:1rem; }
.detail-facts dt { color:#777169; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.detail-facts dd { margin:.35rem 0 0; font-size:.92rem; overflow-wrap:anywhere; }
.product-overview h2 { margin:0 0 .65rem; font-family:'Playfair Display',Georgia,serif; font-size:1.35rem; font-weight:400; }
.product-overview p { max-width:480px; margin:0; color:#55534e; font-size:15px; line-height:1.7; }
@media (max-width:520px) { .detail-facts { grid-template-columns:1fr; }.detail-facts div:nth-child(odd) { padding-right:0; } }

.screen-reader-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.floating-contact { position:fixed; z-index:60; right:22px; bottom:24px; display:flex; flex-direction:column; align-items:center; gap:9px; }
.floating-contact-link { display:grid; place-items:center; width:48px; height:48px; padding:0; border:0; border-radius:50%; box-shadow:0 7px 22px rgba(0,0,0,.2); color:#fff; background:#8d8d8d; cursor:pointer; transition:transform .2s ease,filter .2s ease; }
.floating-telegram { background:#229ed9; }
.floating-whatsapp { background:#20c65a; }
.floating-email-trigger { background:#8d8d8d; }
.floating-contact-link:hover,.floating-contact-link:focus-visible { color:#fff; filter:brightness(1.08); transform:translateX(-3px) scale(1.04); }
.contact-icon { display:block; width:25px; height:25px; object-fit:contain; }
.contact-icon-email { width:24px; height:24px; filter:brightness(0) invert(1); }
.floating-email-note { position:absolute; right:calc(100% + 12px); bottom:0; width:max-content; max-width:calc(100vw - 92px); padding:12px 14px; border-radius:22px; box-shadow:0 8px 24px rgba(0,0,0,.22); color:#171717; background:#fff; font-size:12px; line-height:1; white-space:nowrap; opacity:0; pointer-events:none; transform:translateX(5px); transition:opacity .2s ease,transform .2s ease; }
.floating-email-trigger:hover + .floating-email-note,.floating-email-trigger:focus-visible + .floating-email-note,.floating-email-note.is-visible { opacity:1; pointer-events:auto; transform:translateX(0); }
@media (max-width:520px) { .floating-contact { right:12px; bottom:14px; gap:7px; }.floating-contact-link { width:43px; height:43px; }.contact-icon { width:22px; height:22px; }.floating-email-note { right:calc(100% + 9px); max-width:calc(100vw - 75px); padding:11px 13px; font-size:11px; } }