@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jost-400.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jost-500.woff2) format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/jost-700.woff2) format('woff2')}

:root{--navy:#00081c;--grey:#f5f5f5;--wine:#7d3944;--green:#0d3b2e;--gut:clamp(16px,3vw,40px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#000;font-family:'Jost',Futura,'Trebuchet MS',Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid #1990c6;outline-offset:2px}

/* bloco do pacote */
.pular{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:12px 16px;z-index:100}
.pular:focus{left:8px;top:8px}
.rascunho{background:var(--navy);color:#fff;font-size:14px;line-height:1.4;padding:8px var(--gut);text-align:left}
.pacote{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #e3e3e3;padding:0 var(--gut);position:sticky;top:0;z-index:50}
.pacote-abas{display:flex;flex-wrap:nowrap;overflow-x:auto;min-width:0}
.pacote-abas a{display:inline-flex;align-items:center;min-height:48px;padding:0 12px;text-decoration:none;font-weight:500;font-size:15px;letter-spacing:.02em;white-space:nowrap;color:#000;border-bottom:3px solid transparent}
.pacote-abas a[aria-current="page"]{border-bottom-color:var(--navy);font-weight:700}
.pacote-abas .curto{display:none}
.chat{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--navy);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:14px;letter-spacing:.08em;flex:none}
@media(max-width:700px){.pacote-abas .longo{display:none}.pacote-abas .curto{display:inline}.pacote-abas a{padding:0 9px;font-size:14px}.chat{padding:0 12px;font-size:13px}}
.rodape{background:#111;color:#fff;padding:36px var(--gut);font-size:15px}
.rodape p+p{margin-top:8px}
.rodape-chat{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#fff;font-weight:700}
.rodape-fontes{color:#d4d7de;font-size:14px}

/* base das seções */
.s{position:relative;overflow-x:clip;padding:clamp(44px,6vw,84px) 0}
.wrap{max-width:1380px;margin:0 auto;padding:0 var(--gut)}
h1,h2{text-transform:uppercase;font-weight:700;letter-spacing:.03em;line-height:1.08;text-align:left}
h1{font-size:clamp(34px,5.4vw,60px)}
h2{font-size:clamp(27px,3.4vw,42px)}
h2.sm{font-size:clamp(20px,2vw,24px)}
h3{font-size:18px;font-weight:700;letter-spacing:.03em;line-height:1.25;text-transform:uppercase}
p+p,p+ul,ul+p,h2+p,h1+p,h3+p,p+h3,ul+h3{margin-top:14px}
h2+*,h1+*{margin-top:18px}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:62ch}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:700;color:#4a4a4a}
.fine{font-size:14px;line-height:1.45;max-width:70ch}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 30px;background:var(--navy);color:#fff;text-transform:uppercase;font-weight:700;font-size:15px;letter-spacing:.1em;text-decoration:none;border:2px solid var(--navy);border-radius:0}
.btn:hover{background:#fff;color:var(--navy)}
.btn-light{background:#fff;color:var(--navy);border-color:#fff}
.btn-light:hover{background:transparent;color:#fff}
.btn-line{background:transparent;color:#fff;border-color:#fff}
.btn-line:hover{background:#fff;color:var(--navy)}
.link{display:inline-block;padding:12px 0;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-underline-offset:5px}
.card{background:var(--grey);aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.card>img{width:100%;height:100%;object-fit:contain;padding:6%}
.fill{position:relative;aspect-ratio:1/1;overflow:hidden}
.fill>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fill.card>img{object-fit:contain;padding:6%}
.spec{list-style:square;padding-left:1.15em}
.spec li+li{margin-top:10px}
.item{display:flex;flex-direction:column;min-width:0}
.item>img{width:100%;aspect-ratio:3/2;object-fit:cover}
.item h3{margin-top:18px}
.cols3,.cols4,.cols2{display:grid;gap:clamp(20px,2.4vw,36px);margin-top:34px;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:600px){.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* 1 dial */
.s-dial{background-color:var(--grey);padding:0 0 clamp(52px,7vw,110px)}
.s-dial h1{font-size:clamp(36px,7.2vw,104px);line-height:1;margin-top:10px}
.hero-main{margin-top:clamp(28px,4vw,56px)}
.promise-bar{background:var(--wine);color:#fff;padding:12px 0}
.promise-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 32px}
.promise-bar h2.sm{font-size:14px;letter-spacing:.14em;margin:0}
.promise-bar .promise-list{margin:0;gap:6px 28px}
.promise-bar .promise-list li{font-size:14px;border-left:3px solid #fff;padding-left:10px}
.promise-bar .fine{margin:0;flex-basis:100%;font-size:13px;max-width:none;color:#f1e3e5}
.hero-txt{margin-top:24px}
.hero-txt p{margin:0 0 14px}
.hero-txt .lead{max-width:none}
.hero-side p:last-child{margin-bottom:0}
@media(min-width:900px){.hero-txt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:start}.hero-txt .lead{margin:0}}
.rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;margin:0}
.rail img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rail li:first-child img{object-fit:contain;background:#fff}
@media(min-width:900px){.rail{grid-template-columns:repeat(6,minmax(0,1fr))}.rail img{aspect-ratio:4/5}}

/* 2 gentleman */
.s-gentleman{min-height:clamp(520px,54vw,780px);display:flex;align-items:flex-start;padding:clamp(28px,4vw,56px) 0}
.s-gentleman>.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-gentleman .wrap{position:relative;width:100%}
.panel{background:var(--navy);color:#fff;max-width:540px;padding:clamp(22px,3vw,36px)}
.panel h2{font-size:clamp(26px,3vw,38px)}

/* 3 promises (barra fina no topo do hero) */
.promise-list{display:flex;flex-wrap:wrap}
.promise-list li{font-weight:700;text-transform:uppercase;letter-spacing:.06em}

/* 4 nato */
.s-nato{background-color:var(--grey)}
.head-dial{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.head-dial p{max-width:60ch}
.dial{flex:none;color:var(--navy);width:100px;height:100px}
.hand-h{transform-origin:60px 60px;animation:giro 120s linear infinite}
.hand-m{transform-origin:60px 60px;animation:giro 10s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hand-h,.hand-m{animation:none}}
@media(max-width:600px){.dial{display:none}}

/* 5 icons */
.s-icons .wrap p{max-width:60ch}
.strip{max-width:1380px;margin:30px auto 0;padding:0 var(--gut);overflow-x:auto}
.strip ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px}
.strip a,.tiles a{display:block;text-decoration:none;color:#000}
.strip img{width:100%;aspect-ratio:4/5;object-fit:cover}
.lab{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-weight:700;font-size:16px;letter-spacing:.03em;text-transform:uppercase}
.lab i{font-style:normal;font-size:26px;line-height:1}
.s-icons .wrap:last-child{margin-top:10px}
@media(min-width:900px){.s-icons>.wrap:first-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 40px}.s-icons>.wrap:first-child>h2{grid-column:1/-1}.s-icons>.wrap:first-child>*{margin-top:0}.s-icons>.wrap:first-child p{max-width:none}}

/* 6 bundle */
.s-bundle{background-color:var(--wine);color:#fff}
.sub{margin-top:40px;font-size:20px}
.price-list{margin-top:14px;border-top:1px solid rgba(255,255,255,.5)}
.price-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.5);font-size:17px}
.price-list li span:last-child{font-weight:700;white-space:nowrap}

/* 7 seven links */
.s-links{background-color:var(--navy);color:#fff}

/* 8 quadro */
.pair{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
@media(min-width:600px){.pair{grid-template-columns:200px minmax(0,1fr)}.pair .fill{aspect-ratio:auto;min-height:240px}}
@media(min-width:900px) and (max-width:1200px){.pair{grid-template-columns:minmax(0,1fr)}.pair .fill{aspect-ratio:1/1}}
.pair .txt h3{margin-bottom:0}

/* 9 chronograph */
.s-chrono{background-color:var(--grey)}
.flex{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:stretch}
@media(min-width:900px){.flex{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.flex .fill{aspect-ratio:auto;min-height:100%}}
.s-chrono .lead{font-weight:700;text-transform:uppercase;font-size:17px;letter-spacing:.04em}
.s-chrono .card{background:#fff}

/* 10 emerald */
.s-emerald{background-color:var(--green);color:#fff}
.s-emerald .card{background:#fff}

/* 11 collections */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 10px;margin-top:34px}
@media(min-width:900px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 10px}}
.tiles img{width:100%;aspect-ratio:1/1;object-fit:cover}
.tiles p{font-size:15px;margin-top:0;max-width:44ch}
.tiles li{min-width:0}

/* 12 wrists */
.s-wrists{background-color:var(--navy);color:#fff}
.head2{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:900px){.head2{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:start}.head2 h2+*{margin-top:0}}
.wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:36px}
@media(min-width:900px){.wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wall li{min-width:0}
.wall img{width:100%;aspect-ratio:1/1;object-fit:cover}
.wall .tall{grid-row:span 2}
.wall .tall img{height:100%;aspect-ratio:auto}

/* 13 reviews */
.s-reviews{background-color:#fff;padding:clamp(32px,4vw,56px) 0}
.s-reviews .item>img{aspect-ratio:1/1;object-fit:cover}
.s-reviews .item p{font-size:16px}

/* 14 stockholm */
.s-stockholm{background-color:var(--grey)}
.grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:stretch}
.s-stockholm .txt h3{margin-top:26px}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:900px){.grid2{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}.duo .fill{aspect-ratio:auto;min-height:100%}}

/* 15 next strap */
.s-next{background-color:var(--navy);color:#fff}
.s-next{padding-top:0}
.next-hero{position:relative;min-height:clamp(560px,50vw,720px);display:flex;align-items:flex-end;padding:clamp(28px,4vw,56px) 0;overflow:hidden}
.next-hero>.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.next-hero .wrap{position:relative;width:100%;display:flex;justify-content:flex-end}
.next-hero .panel{background:var(--wine);max-width:560px}
.next-hero .panel p{max-width:62ch}
.next-hero .panel p.actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;max-width:none}
.trail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1380px;margin:10px auto 0;padding:0 10px}
.s-next{padding-bottom:10px}
@media(min-width:900px){.trail{grid-template-columns:repeat(4,minmax(0,1fr))}}
.trail .plain{width:100%;aspect-ratio:1/1;object-fit:cover}
.trail .card{background:var(--grey)}

/* revelação: estado invisível só sob .com-js */
.rv{transition:opacity .6s ease,transform .6s ease}
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
@media(prefers-reduced-motion:reduce){.rv{transition:none}.com-js .rv:not(.in){opacity:1;transform:none}html{scroll-behavior:auto}}

/* nitidez: largura limitada ao tamanho natural da foto (orquestrador, sem modelo) */
img[src$="og-01-00622-aw24-model-1200x628px-shot-104-jpg.webp"]{max-width:1200px!important;max-height:628px!important;margin-left:auto;margin-right:auto}